diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.arabic.md
new file mode 100644
index 0000000000..0ece012a98
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.arabic.md
@@ -0,0 +1,50 @@
+---
+id: 587d774c367417b2b2512a9c
+title: Add a Text Alternative to Images for Visually Impaired Accessibility
+challengeType: 0
+videoUrl: ''
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/add-alt-text-to-an-image-for-accessibility'
+localeTitle: إضافة بديل نص إلى الصور لإعاقة الوصول بصريًا
+---
+
+## Description
+<section id="description"> من المحتمل أنك رأيت سمة <code>alt</code> على علامة <code>img</code> في تحديات أخرى. يصف النص <code>Alt</code> محتوى الصورة ويوفر بديلًا نصيًا. يساعد ذلك في حالة فشل تحميل أو عدم تمكن المستخدم من رؤية الصورة. ويستخدم أيضًا من قِبل محركات البحث لفهم ما تحتويه الصورة لتضمينها في نتائج البحث. في ما يلي مثال: <code>&lt;img src=&quot;importantLogo.jpeg&quot; alt=&quot;Company logo&quot;&gt;</code> يعتمد الأشخاص الذين يعانون من إعاقات بصرية على قارئي الشاشة لتحويل محتوى الويب إلى واجهة صوتية. لن يحصلوا على المعلومات إذا تم تقديمها فقط بصريًا. بالنسبة للصور ، يمكن لقارئي الشاشة الوصول إلى سمة <code>alt</code> وقراءة محتوياتها لتقديم المعلومات الأساسية. النص <code>alt</code> الجيد قصير ولكن وصفي ، ويقصد به أن ينقل بإيجاز معنى الصورة. يجب عليك دائمًا تضمين سمة <code>alt</code> على صورتك. وفقًا لمواصفات HTML5 ، يعتبر هذا الآن إلزاميًا. </section>
+
+## Instructions
+<section id="instructions"> كامبر كات هو عبارة عن نينجا مشفر ونينجا فعليين ، ويقوم ببناء موقع ويب لتبادل معرفته. تظهر صورة الملف الشخصي التي يريد استخدامها مهاراته ، ويجب أن تحظى بتقدير جميع زائري الموقع. إضافة سمة <code>alt</code> في علامة <code>img</code> ، التي تشرح كامبر كات تقوم بالكاراتيه. (لا ترتبط الصورة <code>src</code> بملف فعلي ، لذلك يجب أن ترى النص <code>alt</code> في الشاشة.) </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحتوي علامة <code>img</code> سمة <code>alt</code> ، ويجب ألا تكون فارغة.
+    testString: 'assert($("img").attr("alt"), "Your <code>img</code> tag should have an <code>alt</code> attribute, and it should not be empty.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<img src="doingKarateWow.jpeg">
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.arabic.md
new file mode 100644
index 0000000000..6f2ec516f9
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.arabic.md
@@ -0,0 +1,77 @@
+---
+id: 587d778b367417b2b2512aa8
+title: Add an Accessible Date Picker
+challengeType: 0
+videoUrl: ''
+localeTitle: إضافة منتقي تاريخ يسهل الوصول إليه
+---
+
+## Description
+<section id="description"> غالبًا ما تتضمن النماذج حقل <code>input</code> ، والذي يمكن استخدامه لإنشاء عدة عناصر تحكم مختلفة في النموذج. تشير السمة <code>type</code> على هذا العنصر إلى نوع الإدخال الذي سيتم إنشاؤه. كنت قد لاحظت في <code>text</code> و <code>submit</code> أنواع المدخلات في التحديات السابقة، وعرض HTML5 خيار لتحديد <code>date</code> المجال. اعتمادًا على دعم المتصفح ، يظهر منتقي التاريخ في حقل <code>input</code> عندما يكون في التركيز ، مما يجعل ملء النموذج أكثر سهولة لجميع المستخدمين. بالنسبة إلى المتصفحات الأقدم ، سيكون <code>text</code> افتراضيًا <code>text</code> ، لذلك يساعد على إظهار تنسيق التاريخ المتوقع للمستخدمين في التصنيف أو كنص موضع مؤقت في حالة الأحرف فقط. إليك مثال على ذلك: <blockquote style=";text-align:right;direction:rtl"> &lt;label for = &quot;input1&quot;&gt; أدخل تاريخًا: &lt;/ label&gt; <br> &lt;input type = &quot;date&quot; id = &quot;input1&quot; name = &quot;input1&quot;&gt; <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> يقوم كامبر كات بإعداد بطولة مورتال كومبات ويريد أن يطلب من منافسيه معرفة التاريخ الأفضل. إضافة علامة <code>input</code> تحتوي على سمة <code>type</code> من &quot;date&quot; ، وسمة <code>id</code> من &quot;pickdate&quot; ، وسمة <code>name</code> من &quot;date&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تضيف الكود الخاص بك علامة <code>input</code> واحدة لحقل محدد التاريخ.
+    testString: 'assert($("input").length == 2, "Your code should add one <code>input</code> tag for the date selector field.");'
+  - text: يجب أن تحتوي علامة <code>input</code> سمة <code>type</code> بقيمة تاريخ.
+    testString: 'assert($("input").attr("type") == "date", "Your <code>input</code> tag should have a <code>type</code> attribute with a value of date.");'
+  - text: يجب أن تحتوي علامة <code>input</code> الخاصة بك على سمة <code>id</code> بقيمة اختيار.
+    testString: 'assert($("input").attr("id") == "pickdate", "Your <code>input</code> tag should have an <code>id</code> attribute with a value of pickdate.");'
+  - text: يجب أن تحتوي علامة <code>input</code> سمة <code>name</code> لها قيمة التاريخ.
+    testString: 'assert($("input").attr("name") == "date", "Your <code>input</code> tag should have a <code>name</code> attribute with a value of date.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Tournaments</h1>
+  </header>
+  <main>
+    <section>
+      <h2>Mortal Kombat Tournament Survey</h2>
+      <form>
+        <p>Tell us the best date for the competition</p>
+        <label for="pickdate">Preferred Date:</label>
+
+        <!-- Add your code below this line -->
+
+
+
+        <!-- Add your code above this line -->
+
+        <input type="submit" name="submit" value="Submit">
+      </form>
+    </section>
+  </main>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information.arabic.md
new file mode 100644
index 0000000000..eba762f004
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 587d778f367417b2b2512aad
+title: Avoid Colorblindness Issues by Carefully Choosing Colors that Convey Information
+challengeType: 0
+videoUrl: ''
+localeTitle: تجنب مشاكل Colorblindness عن طريق اختيار الألوان التي نقل المعلومات بعناية
+---
+
+## Description
+<section id="description"> هناك أشكال مختلفة من عمى الألوان. يمكن أن تتراوح هذه من حساسية منخفضة إلى طول موجة معين من الضوء إلى عدم القدرة على رؤية اللون على الإطلاق. الشكل الأكثر شيوعًا هو الحساسية المنخفضة للكشف عن الخضر. على سبيل المثال ، إذا كان لونان أخضران مشابهان هما لون المقدمة والخلفية للمحتوى الخاص بك ، فقد لا يتمكن مستخدم colorblind من تمييزها. يمكن اعتبار الألوان القريبة كجيران على عجلة الألوان ، ويجب تجنب هذه المجموعات عند نقل معلومات مهمة. <strong>ملحوظة</strong> <br> تشتمل بعض أدوات اختيار الألوان عبر الإنترنت على محاكاة بصرية لكيفية ظهور الألوان لأنواع مختلفة من عمى الألوان. هذه موارد رائعة بالإضافة إلى الآلات الحاسبة لفحص التباين عبر الإنترنت. </section>
+
+## Instructions
+<section id="instructions"> العربة القط هو اختبار الأساليب المختلفة لزر مهم، ولكن الأصفر ( <code>#FFFF33</code> ) <code>background-color</code> والأخضر ( <code>#33FF33</code> ) النص <code>color</code> والأشكال على عجلة الألوان ويمكن تمييزها تقريبا لبعض المستخدمين colorblind المجاورة. (الخفوت مماثلة أيضا فشل في فحص نسبة التباين). غيّر <code>color</code> النص إلى اللون الأزرق الداكن ( <code>#003366</code> ) لحل كلا المشكلتين. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب تغيير التعليمات البرمجية الخاصة بك <code>color</code> النص <code>button</code> إلى الأزرق الداكن.
+    testString: 'assert($("button").css("color") == "rgb(0, 51, 102)", "Your code should change the text <code>color</code> for the <code>button</code> to the dark blue.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  button {
+    color: #33FF33;
+    background-color: #FFFF33;
+    font-size: 14px;
+    padding: 10px;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Danger!</h1>
+  </header>
+  <button>Delete Internet</button>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.arabic.md
new file mode 100644
index 0000000000..74bd6defc0
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.arabic.md
@@ -0,0 +1,68 @@
+---
+id: 587d778f367417b2b2512aac
+title: Avoid Colorblindness Issues by Using Sufficient Contrast
+challengeType: 0
+videoUrl: ''
+localeTitle: تجنب مشكلات Colorblindness عن طريق استخدام التباين الكافي
+---
+
+## Description
+<section id="description"> يمثل اللون جزءًا كبيرًا من التصميم المرئي ، ولكن استخدامه يقدم مشكلتي إمكانية الوصول. أولاً ، لا ينبغي استخدام اللون وحده باعتباره الطريقة الوحيدة لنقل المعلومات المهمة لأن مستخدمي قارئ الشاشة لن ​​يراها. ثانيًا ، تحتاج ألوان المقدمة والخلفية إلى تباين كافٍ بحيث يمكن لمستخدمي colorblind التمييز بينها. غطت التحديات السابقة وجود بدائل نصية لمعالجة القضية الأولى. أظهر التحدي الأخير أدوات فحص التباين للمساعدة في الثانية. تنطبق نسبة التباين الموصى بها لـ WCAG والتي تبلغ 4.5: 1 على استخدام الألوان بالإضافة إلى مجموعات المقاييس الرمادية. يواجه مستخدمو Colorblind صعوبة في تمييز بعض الألوان عن الآخرين - عادةً ما تكون في اللون ، ولكن في بعض الأحيان خفيفة. يمكنك تذكر أن نسبة التباين يتم حسابها باستخدام قيم النصوع النسبي (أو الإضاءة) لألوان المقدمة والخلفية. من الناحية العملية ، يمكن الوصول إلى نسبة 4.5: 1 عن طريق جعل اللون الداكن أكثر قتامة وإضاءة اللون الأخف بمساعدة أداة فحص الألوان. تعتبر الألوان الداكنة على عجلة الألوان من الألوان الزرقاء والبنفسجية والمغناطيسية والأحمر ، في حين أن الألوان الفاتحة هي البرتقال والأصفر والأخضر والأزرق. </section>
+
+## Instructions
+<section id="instructions"> يجرّب Camper Cat استخدام اللون لنص المدونة وخلفيته ، لكن مجموعته الحالية من <code>background-color</code> الأخضر مع <code>color</code> النص الماروني له نسبة تباين تبلغ 2.5: 1. يمكنك بسهولة ضبط خفة الألوان منذ أن أعلنها باستخدام خاصية CSS <code>hsl()</code> (والتي تعني التوهج والتشبع والخفة) عن طريق تغيير الوسيطة الثالثة. قم بزيادة قيمة خفة <code>background-color</code> في <code>background-color</code> من 35٪ إلى 55٪ ، وخفض قيمة خفة <code>color</code> من 20٪ إلى 15٪. هذا يحسن التباين إلى 5.9: 1. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تقوم التعليمات البرمجية بتغيير قيمة الإضاءة فقط لخاصية <code>color</code> النص إلى قيمة 15٪.
+    testString: 'assert(code.match(/color:\s*?hsl\(0,\s*?55%,\s*?15%\)/gi), "Your code should only change the lightness value for the text <code>color</code> property to a value of 15%.");'
+  - text: يجب أن تقوم التعليمات البرمجية بتغيير قيمة الإضاءة فقط لخاصية <code>background-color</code> إلى قيمة 55٪.
+    testString: 'assert(code.match(/background-color:\s*?hsl\(120,\s*?25%,\s*?55%\)/gi), "Your code should only change the lightness value for the <code>background-color</code> property to a value of 55%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  body {
+    color: hsl(0, 55%, 20%);
+    background-color: hsl(120, 25%, 35%);
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+    <h2>A Word on the Recent Catnip Doping Scandal</h2>
+    <p>The influence that catnip has on feline behavior is well-documented, and its use as an herbal supplement in competitive ninja circles remains controversial. Once again, the debate to ban the substance is brought to the public's attention after the high-profile win of Kittytron, a long-time proponent and user of the green stuff, at the Claw of Fury tournament.</p>
+    <p>As I've stated in the past, I firmly believe a true ninja's skills must come from within, with no external influences. My own catnip use shall continue as purely recreational.</p>
+  </article>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.arabic.md
new file mode 100644
index 0000000000..3073852c16
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.arabic.md
@@ -0,0 +1,59 @@
+---
+id: 587d778f367417b2b2512aae
+title: Give Links Meaning by Using Descriptive Link Text
+challengeType: 0
+videoUrl: ''
+localeTitle: إعطاء الارتباطات المعنوية باستخدام نص الوصلة الوصفية
+---
+
+## Description
+<section id="description"> يتوفر لدى مستخدمي قارئ الشاشة خيارات مختلفة لنوع المحتوى الذي يقرأه جهازهم. ويشمل ذلك تخطي (أو) عناصر المعالم ، أو القفز إلى المحتوى الرئيسي ، أو الحصول على ملخص للصفحة من العناوين. خيار آخر هو فقط سماع الروابط المتاحة على الصفحة. تقوم قارئات الشاشة بذلك عن طريق قراءة نص الرابط ، أو ما بين علامات الربط ( <code>a</code> ). إن وجود قائمة من الروابط &quot;انقر هنا&quot; أو &quot;اقرأ المزيد&quot; ليس مفيدًا. بدلا من ذلك، يجب عليك استخدام النص وجيزة ولكن وصفي داخل <code>a</code> العلامات إلى توفير المزيد من معنى لهؤلاء المستخدمين. </section>
+
+## Instructions
+<section id="instructions"> نص الارتباط الذي يستخدمه Camper Cat ليس وصفيًا للغاية بدون السياق المحيط. قم بتحريك علامة الربط ( <code>a</code> ) بحيث يتم التفاف حول النص &quot;معلومات حول البطاريات&quot; بدلاً من &quot;انقر هنا&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تتحرك الشفرة مرساة <code>a</code> العلامات من حول عبارة &quot;اضغط هنا&quot; للالتفاف حول عبارة &quot;معلومات حول بطاريات&quot;.
+    testString: 'assert($("a").text().match(/^(information about batteries)$/g), "Your code should move the anchor <code>a</code> tags from around the words "Click here" to wrap around the words "information about batteries".");'
+  - text: تأكد من <code>a</code> عنصر يحتوي على علامة إغلاق.
+    testString: 'assert(code.match(/<\/a>/g) && code.match(/<\/a>/g).length === code.match(/<a href=(""|"")>/g).length, "Make sure your <code>a</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near. <a href="">Click here</a> for information about batteries</p>
+  </article>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.arabic.md
new file mode 100644
index 0000000000..5cd7acb93f
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 587d7789367417b2b2512aa4
+title: Improve Accessibility of Audio Content with the audio Element
+challengeType: 0
+videoUrl: ''
+localeTitle: تحسين إمكانية الوصول إلى المحتوى الصوتي باستخدام عنصر الصوت
+---
+
+## Description
+<section id="description"> يمنح عنصر HTML5 <code>audio</code> معنىً دلاليًا عندما يلف محتوى دفق الصوت أو الصوت في الترميز. يحتاج المحتوى الصوتي أيضًا إلى بديل نصي ليكون متاحًا للأشخاص الصم أو ضعاف السمع. يمكن إجراء ذلك باستخدام نص مجاور على الصفحة أو رابط إلى نص. تدعم علامة <code>audio</code> سمة <code>controls</code> . يعرض هذا التشغيل الافتراضي للمتصفح والإيقاف المؤقت وعناصر التحكم الأخرى ، ويدعم وظيفة لوحة المفاتيح. هذه سمة منطقية ، بمعنى أنها لا تحتاج إلى قيمة ، حيث يؤدي وجودها على العلامة إلى تشغيل الإعداد. إليك مثال على ذلك: <blockquote style=";text-align:right;direction:rtl"> &lt;audio id = &quot;meowClip&quot; controls&gt; <br> &lt;source src = &quot;audio / meow.mp3&quot; type = &quot;audio / mpeg&quot; /&gt; <br> &lt;source src = &quot;audio / meow.ogg&quot; type = &quot;audio / ogg&quot; /&gt; <br> &lt;/ الصوت&gt; <br></blockquote> <strong>ملحوظة</strong> <br> عادةً ما يحتوي محتوى الوسائط المتعددة على مكونات مرئية وسمعية. يحتاج إلى تسميات توضيحية متزامنة وملف نصي حتى يتمكن المستخدمون الذين يعانون من إعاقات بصرية و / أو سمعية من الوصول إليه. بشكل عام ، لا يتحمل مطور الويب مسؤولية إنشاء التسميات التوضيحية أو النص ، ولكن يجب أن يعرف كيفية تضمينها. </section>
+
+## Instructions
+<section id="instructions"> حان الوقت للاستراحة من Camper Cat ومقابلة زميل Zperiax (zersiax) ، وهو بطل إمكانية الوصول ومستخدم قارئ الشاشة. للاستماع إلى مقطع قارئ الشاشة الخاص به أثناء العمل ، أضف عنصرًا <code>audio</code> بعد <code>p</code> . قم بتضمين سمة <code>controls</code> . ثم ضع علامة <code>source</code> داخل علامات <code>audio</code> مع تعيين سمة <code>src</code> إلى &quot;https://s3.amazonaws.com/freecodecamp/screen-reader.mp3&quot; <code>type</code> تعيين السمة على &quot;audio / mpeg&quot;. <strong>ملحوظة</strong> <br> قد يبدو المقطع الصوتي سريعًا ويصعب فهمه ، ولكن هذه سرعة عادية لمستخدمي قارئ الشاشة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحتوي شفرتك على علامة <code>audio</code> واحدة.
+    testString: 'assert($("audio").length === 1, "Your code should have one <code>audio</code> tag.");'
+  - text: تأكد من أن عنصر <code>audio</code> الخاص بك يحتوي على علامة إغلاق.
+    testString: 'assert(code.match(/<\/audio>/g).length === 1 && code.match(/<audio.*>[\s\S]*<\/audio>/g), "Make sure your <code>audio</code> element has a closing tag.");'
+  - text: يجب أن تحتوي علامة <code>audio</code> سمة <code>controls</code> .
+    testString: 'assert($("audio").attr("controls"), "The <code>audio</code> tag should have the <code>controls</code> attribute.");'
+  - text: يجب أن تحتوي الشفرة على علامة <code>source</code> واحدة.
+    testString: 'assert($("source").length === 1, "Your code should have one <code>source</code> tag.");'
+  - text: يجب أن تكون علامة <code>source</code> الخاصة بك داخل علامات <code>audio</code> .
+    testString: 'assert($("audio").children("source").length === 1, "Your <code>source</code> tag should be inside the <code>audio</code> tags.");'
+  - text: يجب أن تتطابق قيمة السمة <code>src</code> على العلامة <code>source</code> مع الارتباط الموجود في الإرشادات بالضبط.
+    testString: 'assert($("source").attr("src") === "https://s3.amazonaws.com/freecodecamp/screen-reader.mp3", "The value for the <code>src</code> attribute on the <code>source</code> tag should match the link in the instructions exactly.");'
+  - text: يجب أن تحتوي شفرتك على سمة <code>type</code> على العلامة <code>source</code> بقيمة صوت / mpeg.
+    testString: 'assert($("source").attr("type") === "audio/mpeg", "Your code should include a <code>type</code> attribute on the <code>source</code> tag with a value of audio/mpeg.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Real Coding Ninjas</h1>
+  </header>
+  <main>
+    <p>A sound clip of Zersiax's screen reader in action.</p>
+
+
+
+  </main>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.arabic.md
new file mode 100644
index 0000000000..1636e38f0c
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.arabic.md
@@ -0,0 +1,99 @@
+---
+id: 587d778a367417b2b2512aa5
+title: Improve Chart Accessibility with the figure Element
+challengeType: 0
+videoUrl: ''
+localeTitle: تحسين إمكانية الوصول المخطط مع عنصر الشكل
+---
+
+## Description
+<section id="description"> قدم HTML5 عنصر <code>figure</code> ، جنبا إلى جنب مع <code>figcaption</code> ذات الصلة. تستخدم هذه العناصر معًا لتمثيل عرض مرئي (مثل صورة أو مخطط أو مخطط) مع التسمية التوضيحية. ويعطي هذا دفعة من إمكانية الوصول ذات شقين عن طريق كل من المحتوى ذي الصلة من حيث تجميع المحتوى ، وتقديم بديل نصي يشرح <code>figure</code> . بالنسبة إلى عمليات التمثيل البصري للبيانات مثل المخططات ، يمكن استخدام التسمية التوضيحية للإحاطة علما بالاتجاهات أو الاستنتاجات للمستخدمين الذين يعانون من إعاقات بصرية. ويغطي تحد آخر كيفية نقل إصدار جدول من البيانات خارج الشاشة (باستخدام CSS) لمستخدمي قارئ الشاشة. في ما يلي مثال - لاحظ أن <code>figcaption</code> داخل علامات <code>figure</code> ويمكن دمجه مع عناصر أخرى: <blockquote style=";text-align:right;direction:rtl"> &lt;الرقم&gt; <br> &lt;img src = &quot;roundhouseDestruction.jpeg&quot; alt = &quot;Photo of Camper Cat executing a roundhouse kick&quot;&gt; <br> &lt;BR&gt; <br> &lt;figcaption&gt; <br> يوضح سيد كامبر القط شكل مناسب للركلة المستديرة. <br> &lt;/ figcaption&gt; <br> &lt;/ الرقم&gt; <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> تعمل لعبة Camper Cat بجد لإنشاء مخطط شريطي مكدّس يعرض مقدار الوقت في الأسبوع لإنفاق التدريب على التسلل والمكافحة والأسلحة. ساعده في تنظيم صفحته بشكل أفضل عن طريق تغيير علامة <code>div</code> التي استخدمها في علامة <code>figure</code> ، والعلامة <code>p</code> التي تحيط <code>figcaption</code> التوضيحية إلى علامة <code>figcaption</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يحتوي <code>figure</code> علامة <code>figure</code> واحدة.
+    testString: 'assert($("figure").length == 1, "Your code should have one <code>figure</code> tag.");'
+  - text: يجب أن تحتوي <code>figcaption</code> علامة <code>figcaption</code> واحدة.
+    testString: 'assert($("figcaption").length == 1, "Your code should have one <code>figcaption</code> tag.");'
+  - text: يجب ألا تحتوي شفرتك على أي علامات <code>div</code> .
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: يجب ألا تحتوي شفرتك على أي علامات <code>p</code> .
+    testString: 'assert($("p").length == 0, "Your code should not have any <code>p</code> tags.");'
+  - text: يجب أن يكون <code>figcaption</code> طفل علامة <code>figure</code> .
+    testString: 'assert($("figure").children("figcaption").length == 1, "The <code>figcaption</code> should be a child of the <code>figure</code> tag.");'
+  - text: تأكد من أن عنصر <code>figure</code> الخاص بك به علامة إغلاق.
+    testString: 'assert(code.match(/<\/figure>/g) && code.match(/<\/figure>/g).length === code.match(/<figure>/g).length, "Make sure your <code>figure</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Training</h1>
+    <nav>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </nav>
+  </header>
+  <main>
+    <section>
+
+      <!-- Add your code below this line -->
+      <div>
+        <!-- Stacked bar chart will go here -->
+        <br>
+        <p>Breakdown per week of time to spend training in stealth, combat, and weapons.</p>
+      </div>
+      <!-- Add your code above this line -->
+
+    </section>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.arabic.md
new file mode 100644
index 0000000000..d678dda271
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.arabic.md
@@ -0,0 +1,82 @@
+---
+id: 587d778a367417b2b2512aa6
+title: Improve Form Field Accessibility with the label Element
+challengeType: 0
+videoUrl: ''
+localeTitle: تحسين إمكانية الوصول إلى حقل النموذج باستخدام عنصر التسمية
+---
+
+## Description
+<section id="description"> ينطبق تحسين إمكانية الوصول باستخدام ترميز HTML الدلالية على استخدام كلٍّ من أسماء العلامات المناسبة وكذلك السمات. تغطي التحديات العديدة التالية بعض السيناريوهات المهمة التي تستخدم سمات في النماذج. تقوم علامة <code>label</code> بلف النص لعنصر تحكم محدد في النموذج ، وعادة ما يكون الاسم أو الملصق الخاص باختيار ما. هذا يربط معنى لهذا البند ويجعل الشكل أكثر قابلية للقراءة. و <code>for</code> السمة على <code>label</code> العلامة الزميلة صراحة على أن <code>label</code> مع عنصر تحكم النموذج ويستخدم من قبل قارئات الشاشة. لقد تعلمت عن أزرار الاختيار وتصنيفاتها في درس في قسم HTML الأساسي. في هذا الدرس ، قمنا بلف عنصر إدخال زر الراديو داخل عنصر <code>label</code> إلى جانب نص التسمية لجعل النص قابلاً للنقر. وهناك طريقة أخرى لتحقيق ذلك هي عن طريق استخدام <code>for</code> السمة كما هو موضح في هذا الدرس. يجب أن تكون قيمة السمة هي نفس قيمة السمة <code>id</code> <code>for</code> تحكم النموذج. إليك مثال على ذلك: <blockquote style=";text-align:right;direction:rtl"> &lt;form&gt; <br> &lt;label for = &quot;name&quot;&gt; الاسم: &lt;/ label&gt; <br> &lt;input type = &quot;text&quot; id = &quot;name&quot; name = &quot;name&quot;&gt; <br> &lt;/ form&gt; <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> يتوقع كامبر كات اهتمامًا كبيرًا بمشاركاته المدروسة ، ويريد تضمين نموذج اشتراك بالبريد الإلكتروني. إضافة <code>for</code> السمة على البريد الإلكتروني <code>label</code> يطابق <code>id</code> عن دورتها <code>input</code> المجال. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون التعليمات البرمجية ل <code>for</code> السمة على <code>label</code> العلامة التي ليس فارغا.
+    testString: 'assert($("label").attr("for"), "Your code should have a <code>for</code> attribute on the <code>label</code> tag that is not empty.");'
+  - text: يجب أن تتوافق قيمة السمة <code>for</code> بك <code>for</code> قيمة <code>id</code> في <code>input</code> البريد الإلكتروني.
+    testString: 'assert($("label").attr("for") == "email", "Your <code>for</code> attribute value should match the <code>id</code> value on the email <code>input</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <section>
+    <form>
+      <p>Sign up to receive Camper Cat's blog posts by email here!</p>
+
+
+      <label>Email:</label>
+      <input type="text" id="email" name="email">
+
+
+      <input type="submit" name="submit" value="Submit">
+    </form>
+  </section>
+  <article>
+    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Is Chuck Norris a Cat Person?</h2>
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/improve-readability-with-high-contrast-text.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/improve-readability-with-high-contrast-text.arabic.md
new file mode 100644
index 0000000000..0ae360d466
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/improve-readability-with-high-contrast-text.arabic.md
@@ -0,0 +1,68 @@
+---
+id: 587d778e367417b2b2512aab
+title: Improve Readability with High Contrast Text
+challengeType: 0
+videoUrl: ''
+localeTitle: تحسين إمكانية القراءة مع نص عالي التباين
+---
+
+## Description
+<section id="description"> قد يؤدي التباين المنخفض بين ألوان المقدمة والخلفية إلى صعوبة قراءة النص. يحسن التباين الكافي من سهولة قراءة المحتوى الخاص بك ، ولكن ماذا يعني &quot;كاف&quot; بالضبط؟ توصي إرشادات الوصول إلى محتوى الويب (WCAG) بنسبة تباين تبلغ 4.5 إلى 1 على الأقل للنص العادي. يتم حساب النسبة بمقارنة قيم النصوع النسبي للونين. يتراوح هذا من 1: 1 لنفس اللون ، أو بدون تباين ، إلى 21: 1 للون الأبيض في مقابل أسود ، وهو أقوى تباين. هناك العديد من أدوات التحقق من التباين المتاحة عبر الإنترنت والتي تحسب هذه النسبة لك. </section>
+
+## Instructions
+<section id="instructions"> يتميز اختيار Camper Cat للنص باللون الرمادي الفاتح على خلفية بيضاء لمشاركته الأخيرة في المدونة بنسبة تباين تبلغ 1.5: 1 ، مما يجعل من الصعب قراءتها. قم بتغيير <code>color</code> النص من الرمادي الحالي ( <code>#D3D3D3</code> ) إلى اللون الرمادي الداكن ( <code>#636363</code> ) لتحسين نسبة التباين إلى 6: 1. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب تغيير التعليمات البرمجية الخاصة بك <code>color</code> النص الخاص <code>body</code> إلى الرمادي الداكن.
+    testString: 'assert($("body").css("color") == "rgb(99, 99, 99)", "Your code should change the text <code>color</code> for the <code>body</code> to the darker gray.");'
+  - text: التعليمات البرمجية لا ينبغي تغيير <code>background-color</code> لل <code>body</code> .
+    testString: 'assert($("body").css("background-color") == "rgb(255, 255, 255)", "Your code should not change the <code>background-color</code> for the <code>body</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  body {
+    color: #D3D3D3;
+    background-color: #FFF;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+    <h2>A Word on the Recent Catnip Doping Scandal</h2>
+    <p>The influence that catnip has on feline behavior is well-documented, and its use as an herbal supplement in competitive ninja circles remains controversial. Once again, the debate to ban the substance is brought to the public's attention after the high-profile win of Kittytron, a long-time proponent and user of the green stuff, at the Claw of Fury tournament.</p>
+    <p>As I've stated in the past, I firmly believe a true ninja's skills must come from within, with no external influences. My own catnip use shall continue as purely recreational.</p>
+  </article>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.arabic.md
new file mode 100644
index 0000000000..873aa4fd5d
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.arabic.md
@@ -0,0 +1,57 @@
+---
+id: 587d774e367417b2b2512a9f
+title: Jump Straight to the Content Using the main Element
+challengeType: 0
+videoUrl: ''
+localeTitle: الانتقال مباشرةً إلى المحتوى باستخدام العنصر الرئيسي
+---
+
+## Description
+<section id="description"> قدم HTML5 عددًا من العناصر الجديدة التي توفر للمطورين مزيدًا من الخيارات مع تضمين ميزات إمكانية الوصول أيضًا. تتضمن هذه العلامات <code>main</code> ، <code>header</code> <code>footer</code> ، <code>footer</code> ، <code>nav</code> ، <code>article</code> ، <code>section</code> ، وغيرها. بشكل افتراضي ، يعرض المتصفح هذه العناصر بشكل مشابه <code>div</code> المتواضع. ومع ذلك ، فإن استخدامها عند الاقتضاء يعطي معنًى إضافيًا في ترميزك. يمكن أن يشير اسم العلامة وحده إلى نوع المعلومات التي يحتوي عليها ، مما يضيف معنىً دلاليًا إلى ذلك المحتوى. يمكن للتكنولوجيات المساعدة الوصول إلى هذه المعلومات لتوفير ملخص صفحة أفضل أو خيارات التنقل لمستخدميها. يتم استخدام العنصر <code>main</code> لتغليف المحتوى (الأساسي) ، ويجب أن يكون هناك واحد فقط لكل صفحة. من المفترض أن تحيط المعلومات المتعلقة بالموضوع المركزي لصفحتك. لا يُقصد به تضمين عناصر تكرر عبر الصفحات ، مثل روابط التنقل أو إعلانات البانر. تحتوي العلامة <code>main</code> أيضًا على ميزة <code>main</code> مضمّنة يمكن للتكنولوجيا المساعدة استخدامها للانتقال سريعًا إلى المحتوى الرئيسي. إذا رأيت في أي وقت مضى رابط &quot;الانتقال إلى المحتوى الرئيسي&quot; في أعلى الصفحة ، فإن استخدام علامة رئيسية تلقائيًا يعطي الأجهزة المساعدة تلك الوظائف. </section>
+
+## Instructions
+<section id="instructions"> كامبر كات لديه بعض الأفكار الكبيرة لصفحة أسلحة النينجا. ساعده في إعداد ترميزه عن طريق إضافة علامات فتح وإغلاق <code>main</code> بين <code>header</code> <code>footer</code> (مغطاة في تحديات أخرى). احتفظ بالعلامات <code>main</code> فارغة في الوقت الحالي. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>main</code> علامة <code>main</code> واحدة.
+    testString: 'assert($("main").length == 1, "Your code should have one <code>main</code> tag.");'
+  - text: و <code>main</code> يجب أن تكون العلامات بين إغلاق <code>header</code> العلامة وافتتاح <code>footer</code> العلامة.
+    testString: 'assert(code.match(/<\/header>\s*?<main>\s*?<\/main>/gi), "The <code>main</code> tags should be between the closing <code>header</code> tag and the opening <code>footer</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<header>
+  <h1>Weapons of the Ninja</h1>
+</header>
+
+
+
+<footer></footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/know-when-alt-text-should-be-left-blank.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/know-when-alt-text-should-be-left-blank.arabic.md
new file mode 100644
index 0000000000..ccba52f9db
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/know-when-alt-text-should-be-left-blank.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 587d774c367417b2b2512a9d
+title: Know When Alt Text Should be Left Blank
+challengeType: 0
+videoUrl: ''
+localeTitle: معرفة متى يجب ترك النص البديل فارغًا
+---
+
+## Description
+<section id="description"> في آخر تحد ، علمت أن تضمين سمة <code>alt</code> على علامات img إلزامي. ومع ذلك ، في بعض الأحيان يتم تجميع الصور مع تسمية توضيحية تشرحها بالفعل ، أو يتم استخدامها للزينة فقط. في هذه الحالات قد يبدو النص <code>alt</code> زائدا أو غير ضروري. في الحالات التي تكون فيها الصورة مفسّرة بالفعل بمحتوى نصي ، أو لا تضيف معنى إلى صفحة ما ، فإن <code>img</code> لا تزال بحاجة إلى سمة <code>alt</code> ، ولكن يمكن ضبطها على سلسلة فارغة. إليك مثال على ذلك: <code>&lt;img src=&quot;visualDecoration.jpeg&quot; alt=&quot;&quot;&gt;</code> عادةً ما تقع صور الخلفية تحت التصنيف &quot;الزخرفي&quot; أيضًا. ومع ذلك ، يتم تطبيقها عادةً مع قواعد CSS ، وبالتالي فهي ليست جزءًا من عملية قراءة برامج الترميز. <strong>ملحوظة</strong> <br> بالنسبة للصور التي تحتوي على تسمية توضيحية ، قد تحتاج إلى تضمين نص <code>alt</code> ، لأنه يساعد محركات البحث على فهرسة محتوى الصورة. </section>
+
+## Instructions
+<section id="instructions"> قام الكاراف كات بترميز صفحة الهيكل العظمي لجزء المدونة الخاص بموقعه على الويب. انه يخطط لإضافة استراحة بصرية بين مادتيه مع صورة زخرفية لسيف الساموراي. أضف سمة <code>alt</code> لعلامة <code>img</code> واضبطها على سلسلة فارغة. (لاحظ أن الصورة <code>src</code> لا ترتبط بملف فعلي - لا تقلق أنه لا توجد سيوف تظهر في الشاشة.) </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحتوي علامة <code>img</code> سمة <code>alt</code> .
+    testString: 'assert(!($("img").attr("alt") == undefined), "Your <code>img</code> tag should have an <code>alt</code> attribute.");'
+  - text: يجب تعيين سمة <code>alt</code> لسلسلة فارغة.
+    testString: 'assert($("img").attr("alt") == "", "The <code>alt</code> attribute should be set to an empty string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Deep Thoughts with Master Camper Cat</h1>
+<article>
+  <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+  <p>To Come...</p>
+</article>
+
+<img src="samuraiSwords.jpeg">
+
+<article>
+  <h2>Is Chuck Norris a Cat Person?</h2>
+  <p>To Come...</p>
+</article>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/make-elements-only-visible-to-a-screen-reader-by-using-custom-css.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/make-elements-only-visible-to-a-screen-reader-by-using-custom-css.arabic.md
new file mode 100644
index 0000000000..727efdb078
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/make-elements-only-visible-to-a-screen-reader-by-using-custom-css.arabic.md
@@ -0,0 +1,138 @@
+---
+id: 587d778d367417b2b2512aaa
+title: Make Elements Only Visible to a Screen Reader by Using Custom CSS
+challengeType: 0
+videoUrl: ''
+localeTitle: جعل العناصر مرئية فقط إلى قارئ الشاشة عن طريق استخدام CSS مخصص
+---
+
+## Description
+<section id="description"> هل لاحظت أن جميع تحديات إمكانية الوصول المطبقة حتى الآن لم تستخدم أي CSS؟ هذا هو إظهار أهمية مخطط المستند المنطقي ، واستخدام علامات ذات معنى دلالي حول المحتوى الخاص بك قبل إدخال جانب التصميم المرئي. ومع ذلك ، يمكن لسحر CSS أيضًا تحسين إمكانية الوصول على صفحتك عندما تريد إخفاء المحتوى المقصود فقط لقارئي الشاشة. يحدث هذا عندما تكون المعلومات في تنسيق مرئي (مثل التخطيط) ، ولكن يحتاج مستخدمو قارئ الشاشة إلى عرض تقديمي بديل (مثل جدول) للوصول إلى البيانات. يتم استخدام CSS لوضع عناصر قارئ الشاشة فقط خارج المنطقة المرئية من نافذة المتصفح. في ما يلي مثال لقواعد CSS التي تحقق ذلك: <blockquote style=";text-align:right;direction:rtl"> .sr-only { <br> الموقع: مطلقة <br> left: -10000px؛ <br> العرض: 1 بكسل ؛ <br> الارتفاع: 1 بكسل ؛ <br> top: auto؛ <br> إخفاء الفائض؛ <br> } </blockquote> <strong>ملحوظة</strong> <br> أساليب CSS التالية لن تفعل نفس الشيء: <ul style=";text-align:right;direction:rtl"><li style=";text-align:right;direction:rtl"> <code>display: none;</code> أو <code>visibility: hidden;</code> لإخفاء المحتوى للجميع ، بما في ذلك مستخدمي قارئ الشاشة </li><li style=";text-align:right;direction:rtl"> قيم الصفر للأحجام بكسل ، مثل <code>width: 0px; height: 0px;</code> يزيل هذا العنصر من تدفق المستند ، مما يعني أن قارئي الشاشة سيتجاهله </li></ul></section>
+
+## Instructions
+<section id="instructions"> أنشأ كامبر كات مخططًا شريطيًا رائعًا جدًا لصفحته التدريبية ، ووضع البيانات في جدول لمستخدمي المعاقين بصريا. يحتوي الجدول بالفعل على فئة <code>sr-only</code> ، ولكن لا يتم ملء قواعد CSS حتى الآن. امنح <code>position</code> قيمة مطلقة ، والقيمة <code>left</code> من -10000px ، <code>width</code> <code>height</code> لكل من قيم 1px. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تقوم التعليمات البرمجية الخاصة بك بتعيين خاصية <code>position</code> للفئة <code>sr-only</code> إلى قيمة مطلقة.
+    testString: 'assert($(".sr-only").css("position") == "absolute", "Your code should set the <code>position</code> property of the <code>sr-only</code> class to a value of absolute.");'
+  - text: يجب أن تقوم كودك بتعيين الخاصية <code>left</code> للفئة <code>sr-only</code> إلى قيمة -10000px.
+    testString: 'assert($(".sr-only").css("left") == "-10000px", "Your code should set the <code>left</code> property of the <code>sr-only</code> class to a value of -10000px.");'
+  - text: يجب أن يقوم <code>width</code> بتعيين خاصية <code>width</code> للفئة <code>sr-only</code> إلى قيمة 1 بكسل.
+    testString: 'assert(code.match(/width:\s*?1px/gi), "Your code should set the <code>width</code> property of the <code>sr-only</code> class to a value of 1 pixel.");'
+  - text: يجب أن تقوم التعليمات البرمجية الخاصة بك بتعيين خاصية <code>height</code> للفئة <code>sr-only</code> إلى قيمة 1 بكسل.
+    testString: 'assert(code.match(/height:\s*?1px/gi), "Your code should set the <code>height</code> property of the <code>sr-only</code> class to a value of 1 pixel.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  .sr-only {
+    position: ;
+    left: ;
+    width: ;
+    height: ;
+    top: auto;
+    overflow: hidden;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Training</h1>
+    <nav>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </nav>
+  </header>
+  <section>
+    <h2>Master Camper Cat's Beginner Three Week Training Program</h2>
+    <figure>
+      <!-- Stacked bar chart of weekly training-->
+      <p>[Stacked bar chart]</p>
+      <br />
+      <figcaption>Breakdown per week of time to spend training in stealth, combat, and weapons.</figcaption>
+    </figure>
+    <table class="sr-only">
+      <caption>Hours of Weekly Training in Stealth, Combat, and Weapons</caption>
+      <thead>
+        <tr>
+          <th></th>
+          <th scope="col">Stealth &amp; Agility</th>
+          <th scope="col">Combat</th>
+          <th scope="col">Weapons</th>
+          <th scope="col">Total</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <th scope="row">Week One</th>
+          <td>3</td>
+          <td>5</td>
+          <td>2</td>
+          <td>10</td>
+        </tr>
+        <tr>
+          <th scope="row">Week Two</th>
+          <td>4</td>
+          <td>5</td>
+          <td>3</td>
+          <td>12</td>
+        </tr>
+        <tr>
+          <th scope="row">Week Three</th>
+          <td>4</td>
+          <td>6</td>
+          <td>3</td>
+          <td>13</td>
+        </tr>
+      </tbody>
+    </table>
+  </section>
+  <section id="stealth">
+    <h2>Stealth &amp; Agility Training</h2>
+    <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+    <article><h3>No training is NP-complete without parkour</h3></article>
+  </section>
+  <section id="combat">
+    <h2>Combat Training</h2>
+    <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+    <article><h3>Goodbye, world: 5 proven ways to knock out an opponent</h3></article>
+  </section>
+  <section id="weapons">
+    <h2>Weapons Training</h2>
+    <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+    <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+  </section>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/make-links-navigatable-with-html-access-keys.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/make-links-navigatable-with-html-access-keys.arabic.md
new file mode 100644
index 0000000000..cbdf3c55e0
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/make-links-navigatable-with-html-access-keys.arabic.md
@@ -0,0 +1,76 @@
+---
+id: 587d7790367417b2b2512aaf
+title: Make Links Navigatable with HTML Access Keys
+challengeType: 0
+videoUrl: ''
+localeTitle: جعل الروابط نافيجيتابل مع مفاتيح الوصول إلى HTML
+---
+
+## Description
+<section id="description"> تقدم HTML و <code>accesskey</code> السمة لتحديد مفتاح الاختصار لتنشيط أو إحضار التركيز إلى عنصر. هذا يمكن أن يجعل التنقل أكثر كفاءة لمستخدمي لوحة المفاتيح فقط. تسمح HTML5 باستخدام هذه السمة على أي عنصر ، ولكنها مفيدة بشكل خاص عند استخدامها مع تلك التفاعلية. ويشمل ذلك الروابط والأزرار وعناصر التحكم في النموذج. إليك مثالاً: <code>&lt;button accesskey=&quot;b&quot;&gt;Important Button&lt;/button&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> يريد Camper Cat أن تحتوي الروابط الموجودة حول عنوان مقالتي المدونة على اختصارات لوحة المفاتيح حتى يتمكن مستخدمو موقعه من الانتقال سريعًا إلى القصة الكاملة. إضافة سمة <code>accesskey</code> إلى كلا الارتباطين وتعيين أول واحد إلى &quot;g&quot; (لـ Garfield) والثاني إلى &quot;c&quot; (لـ Chuck Norris). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: التعليمات البرمجية يجب إضافة و <code>accesskey</code> السمة إلى <code>a</code> العلامة مع <code>id</code> من &quot;لأول مرة&quot;.
+    testString: 'assert($("#first").attr("accesskey"), "Your code should add an <code>accesskey</code> attribute to the <code>a</code> tag with the <code>id</code> of "first".");'
+  - text: التعليمات البرمجية يجب إضافة و <code>accesskey</code> السمة إلى <code>a</code> العلامة مع <code>id</code> من &quot;الثاني&quot;.
+    testString: 'assert($("#second").attr("accesskey"), "Your code should add an <code>accesskey</code> attribute to the <code>a</code> tag with the <code>id</code> of "second".");'
+  - text: التعليمات البرمجية يجب تعيين <code>accesskey</code> السمة على <code>a</code> العلامة مع <code>id</code> من &quot;الأولى&quot; إلى &quot;ز&quot;. لاحظ أن القضية مهمة.
+    testString: 'assert($("#first").attr("accesskey") == "g", "Your code should set the <code>accesskey</code> attribute on the <code>a</code> tag with the <code>id</code> of "first" to "g". Note that case matters.");'
+  - text: التعليمات البرمجية يجب تعيين <code>accesskey</code> السمة على <code>a</code> العلامة مع <code>id</code> من ل&quot;ج&quot; &quot;ثانية&quot;. لاحظ أن القضية مهمة.
+    testString: 'assert($("#second").attr("accesskey") == "c", "Your code should set the <code>accesskey</code> attribute on the <code>a</code> tag with the <code>id</code> of "second" to "c". Note that case matters.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+
+
+    <h2><a id="first" href="">The Garfield Files: Lasagna as Training Fuel?</a></h2>
+
+
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </article>
+  <article>
+
+
+    <h2><a id="second" href="">Is Chuck Norris a Cat Person?</a></h2>
+
+
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-footer-landmark.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-footer-landmark.arabic.md
new file mode 100644
index 0000000000..cda7baf1e2
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-footer-landmark.arabic.md
@@ -0,0 +1,86 @@
+---
+id: 587d7788367417b2b2512aa3
+title: Make Screen Reader Navigation Easier with the footer Landmark
+challengeType: 0
+videoUrl: ''
+localeTitle: جعل قارئ شاشة الملاحة أسهل مع تذييل لاندمارك
+---
+
+## Description
+<section id="description"> يشبه عنصر <code>footer</code> المشابه <code>header</code> <code>nav</code> ميزة المعالم المضمنة التي تسمح للأجهزة المساعدة بالانتقال إليها بسرعة. يتم استخدامه بشكل أساسي لاحتواء معلومات حقوق الطبع والنشر أو الروابط إلى المستندات ذات الصلة التي عادة ما تكون في أسفل الصفحة. </section>
+
+## Instructions
+<section id="instructions"> تحقق صفحة تدريب Camper Cat تقدمًا جيدًا. غيّر <code>div</code> الذي استخدمه في التفاف معلومات حقوق النشر الخاصة به في أسفل الصفحة إلى عنصر <code>footer</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>footer</code> علامة <code>footer</code> واحد.
+    testString: 'assert($("footer").length == 1, "Your code should have one <code>footer</code> tag.");'
+  - text: يجب ألا تحتوي شفرتك على أي علامات <code>div</code> .
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: يجب أن تحتوي الشفرة على علامة <code>footer</code> للفتح <code>footer</code> .
+    testString: 'assert(code.match(/<footer>\s*&copy; 2018 Camper Cat\s*<\/footer>/g), "Your code should have an opening and closing <code>footer</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Training</h1>
+    <nav>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </nav>
+  </header>
+  <main>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+
+
+  <div>&copy; 2018 Camper Cat</div>
+
+
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.arabic.md
new file mode 100644
index 0000000000..d50f32be54
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.arabic.md
@@ -0,0 +1,79 @@
+---
+id: 587d7787367417b2b2512aa1
+title: Make Screen Reader Navigation Easier with the header Landmark
+challengeType: 0
+videoUrl: ''
+localeTitle: جعل قارئ شاشة الملاحة أسهل مع رأس معلم
+---
+
+## Description
+<section id="description"> عنصر HTML5 التالي الذي يضيف المعنى الدلالي ويحسّن إمكانية الوصول هو علامة <code>header</code> . يتم استخدامه لالتفاف المعلومات التمهيدية أو ارتباطات التنقل لعلامته الرئيسية ، ويعمل بشكل جيد حول المحتوى الذي يتكرر في الأعلى على صفحات متعددة. يشترك <code>header</code> في ميزة المعالم البارزة التي شاهدتها بشكل <code>main</code> ، مما يسمح باستخدام التقنيات المساعدة للتنقل بسرعة إلى هذا المحتوى. <strong>ملحوظة</strong> <br> <code>header</code> المقصود للاستخدام في <code>body</code> بطاقة من وثيقة HTML الخاص بك. هذا يختلف عن عنصر <code>head</code> ، والذي يحتوي على عنوان الصفحة ، معلومات التعريف ، إلخ. </section>
+
+## Instructions
+<section id="instructions"> كامبر كات يكتب بعض المقالات الرائعة حول تدريب النينجا ، ويريد إضافة صفحة لهم إلى موقعه. غيّر <code>div</code> الأعلى الذي يحتوي حاليًا على <code>h1</code> إلى علامة <code>header</code> بدلاً من ذلك. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحتوي الشفرة على علامة <code>header</code> واحدة.
+    testString: 'assert($("header").length == 1, "Your code should have one <code>header</code> tag.");'
+  - text: يجب أن تلتف علامات <code>header</code> حول <code>h1</code> .
+    testString: 'assert($("header").children("h1").length == 1, "Your <code>header</code> tags should wrap around the <code>h1</code>.");'
+  - text: يجب ألا تحتوي شفرتك على أي علامات <code>div</code> .
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: تأكد من أن عنصر <code>header</code> الخاص بك يحتوي على علامة إغلاق.
+    testString: 'assert(code.match(/<\/header>/g) && code.match(/<\/header>/g).length === code.match(/<header>/g).length, "Make sure your <code>header</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+
+  <div>
+    <h1>Training with Camper Cat</h1>
+  </div>
+
+
+  <main>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.arabic.md
new file mode 100644
index 0000000000..0e9cfba69b
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.arabic.md
@@ -0,0 +1,85 @@
+---
+id: 587d7788367417b2b2512aa2
+title: Make Screen Reader Navigation Easier with the nav Landmark
+challengeType: 0
+videoUrl: ''
+localeTitle: جعل قارئ شاشة الملاحة أسهل مع الملاحة
+---
+
+## Description
+<section id="description"> عنصر <code>nav</code> هو عنصر HTML5 آخر مع ميزة المعالم المضمنة لسهولة التنقل في قارئ الشاشة. تهدف هذه العلامة إلى الالتفاف حول روابط التنقل الرئيسية في صفحتك. إذا كانت هناك روابط موقع متكررة في أسفل الصفحة ، فليس من الضروري ترميز تلك التي تحتوي على علامة <code>nav</code> أيضًا. يكفي استخدام <code>footer</code> (المغطى في التحدي التالي). </section>
+
+## Instructions
+<section id="instructions"> أدرج Camper Cat ارتباطات التنقل في الجزء العلوي من صفحة التدريب الخاصة به ، ولكن ملفوفة في <code>div</code> . غيّر <code>div</code> إلى علامة <code>nav</code> لتحسين إمكانية الوصول على صفحته. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يحتوي <code>nav</code> علامة <code>nav</code> واحدة.
+    testString: 'assert($("nav").length == 1, "Your code should have one <code>nav</code> tag.");'
+  - text: يجب أن تقوم علامات <code>nav</code> الخاصة بك بالالتفاف حول <code>ul</code> وعناصر القائمة الخاصة بها.
+    testString: 'assert($("nav").children("ul").length == 1, "Your <code>nav</code> tags should wrap around the <code>ul</code> and its list items.");'
+  - text: يجب ألا تحتوي شفرتك على أي علامات <code>div</code> .
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: تأكد من أن عنصر <code>nav</code> يحتوي على علامة إغلاق.
+    testString: 'assert(code.match(/<\/nav>/g) && code.match(/<\/nav>/g).length === code.match(/<nav>/g).length, "Make sure your <code>nav</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Training with Camper Cat</h1>
+
+    <div>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </div>
+
+  </header>
+  <main>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/standardize-times-with-the-html5-datetime-attribute.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/standardize-times-with-the-html5-datetime-attribute.arabic.md
new file mode 100644
index 0000000000..e645bbf2f1
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/standardize-times-with-the-html5-datetime-attribute.arabic.md
@@ -0,0 +1,85 @@
+---
+id: 587d778c367417b2b2512aa9
+title: Standardize Times with the HTML5 datetime Attribute
+challengeType: 0
+videoUrl: ''
+localeTitle: توحيد الأوقات باستخدام سمة datetime HTML5
+---
+
+## Description
+<section id="description"> استمرارًا بموضوع التاريخ ، قدم HTML5 أيضًا عنصر <code>time</code> مع سمة <code>datetime</code> لتوحيد الأوقات. هذا عنصر مضمّن يمكن أن يلف تاريخًا أو وقتًا على الصفحة. يتم الاحتفاظ بتنسيق صالح لذلك التاريخ بواسطة السمة <code>datetime</code> . هذه هي القيمة التي يتم الوصول إليها بواسطة الأجهزة المساعدة. يساعد على تجنب الارتباك عن طريق ذكر نسخة موحدة من الوقت ، حتى لو كان مكتوبا بطريقة غير رسمية أو عامية في النص. في ما يلي مثال على ذلك: <code>&lt;p&gt;Master Camper Cat officiated the cage match between Goro and Scorpion &lt;time datetime=&quot;2013-02-13&quot;&gt;last Wednesday&lt;/time&gt;, which ended in a draw.&lt;/p&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> نتائج الاستطلاع &quot;مورتال كومبات&quot; كامبر كات في! لف علامة <code>time</code> حول النص &quot;الخميس 15 سبتمبر &lt;sup&gt; th &lt;/ sup&gt;&quot; وأضف سمة <code>datetime</code> لتعيينها على &quot;2016-09-15&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تلتف علامات <code>time</code> حول النص &quot;الخميس 15 سبتمبر &lt;sup&gt; th &lt;/ sup&gt;&quot;.
+    testString: 'assert($("time").text().match(/Thursday, September 15th/g), "Your <code>time</code> tags should wrap around the text "Thursday, September 15&lt;sup&gt;th&lt;/sup&gt;".");'
+  - text: يجب أن تحتوي علامة <code>time</code> الخاصة بك على سمة <code>datetime</code> غير فارغة.
+    testString: 'assert($("time").attr("datetime"), "Your <code>time</code> tag should have a <code>datetime</code> attribute that is not empty.");'
+  - text: يجب تعيين السمة <code>datetime</code> الخاصة بك إلى قيمة 2016-09-15.
+    testString: 'assert($("time").attr("datetime") === "2016-09-15", "Your <code>datetime</code> attribute should be set to a value of 2016-09-15.");'
+  - text: تأكد من أن عنصر <code>time</code> يحتوي على علامة إغلاق.
+    testString: 'assert(code.match(/<\/time>/g) && code.match(/<\/time>/g).length === 4, "Make sure your <code>time</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Tournaments</h1>
+  </header>
+  <article>
+    <h2>Mortal Kombat Tournament Survey Results</h2>
+
+    <!-- Add your code below this line -->
+
+    <p>Thank you to everyone for responding to Master Camper Cat's survey. The best day to host the vaunted Mortal Kombat tournament is Thursday, September 15<sup>th</sup>. May the best ninja win!</p>
+
+    <!-- Add your code above this line -->
+
+    <section>
+      <h3>Comments:</h3>
+      <article>
+        <p>Posted by: Sub-Zero on <time datetime="2016-08-13T20:01Z">August 13<sup>th</sup></time></p>
+        <p>Johnny Cage better be there, I'll finish him!</p>
+      </article>
+      <article>
+        <p>Posted by: Doge on <time datetime="2016-08-15T08:12Z">August 15<sup>th</sup></time></p>
+        <p>Wow, much combat, so mortal.</p>
+      </article>
+      <article>
+        <p>Posted by: The Grim Reaper on <time datetime="2016-08-16T00:00Z">August 16<sup>th</sup></time></p>
+        <p>Looks like I'll be busy that day.</p>
+      </article>
+    </section>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/use-headings-to-show-hierarchical-relationships-of-content.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/use-headings-to-show-hierarchical-relationships-of-content.arabic.md
new file mode 100644
index 0000000000..3b3e4c269f
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/use-headings-to-show-hierarchical-relationships-of-content.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 587d774d367417b2b2512a9e
+title: Use Headings to Show Hierarchical Relationships of Content
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم العناوين لإظهار العلاقات الهرمية للمحتوى
+---
+
+## Description
+<section id="description"> تعد العناوين (عناصر <code>h1</code> حتى <code>h6</code> ) علامات عامل تساعد في توفير البنية ووضع العلامات على المحتوى الخاص بك. يمكن تعيين قارئات الشاشة لقراءة العناوين فقط في الصفحة بحيث يحصل المستخدم على ملخص. هذا يعني أنه من المهم بالنسبة لعلامات العنوان في الترميز أن يكون لها معنى دلالي وتتصل ببعضها البعض ، ولا يتم انتقاؤها فقط لقيم حجمها. يعني <em>المعنى الدلالي</em> أن العلامة التي تستخدمها حول المحتوى تشير إلى نوع المعلومات التي تحتوي عليها. إذا كنت تكتب ورقة تحتوي على مقدمة وجسم وخاتمة ، فلن يكون من المنطقي وضع الخاتمة كقسم فرعي للجسم في مخططك. يجب أن يكون القسم الخاص بها. وبالمثل ، يجب أن تدخل علامات العنوان في صفحة ويب وترمز إلى العلاقات الهرمية للمحتوى الخاص بك. تبدأ العناوين ذات الترتيب المتساوي (أو الأعلى) بأقسام جديدة ضمنية ، مع عناوين فرعية منخفضة بداية من المرحلة السابقة. وكمثال على ذلك ، فإن الصفحة التي تحتوي على عنصر <code>h2</code> متبوعًا بالعديد من الأقسام الفرعية المصنفة <code>h4</code> قد تؤدي إلى إرباك مستخدم قارئ الشاشة. من خلال ستة اختيارات ، من المغري استخدام علامة لأنها تبدو أفضل في المتصفح ، ولكن يمكنك استخدام CSS لتحرير الحجم النسبي. نقطة واحدة أخيرة ، يجب أن تحتوي كل صفحة دائمًا على عنصر <code>h1</code> (واحد فقط) ، وهو الموضوع الرئيسي للمحتوى الخاص بك. يتم استخدام هذا والعناوين الأخرى جزئيًا بواسطة محركات البحث لفهم موضوع الصفحة. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحتوي شفرتك على ست علامات <code>h3</code> .
+    testString: 'assert($("h3").length === 6, "Your code should have six <code>h3</code> tags.");'
+  - text: يجب ألا تحتوي شفرتك على أي علامات <code>h5</code> .
+    testString: 'assert($("h5").length === 0, "Your code should not have any <code>h5</code> tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>How to Become a Ninja</h1>
+<main>
+  <h2>Learn the Art of Moving Stealthily</h2>
+  <h5>How to Hide in Plain Sight</h5>
+  <h5>How to Climb a Wall</h5>
+
+  <h2>Learn the Art of Battle</h2>
+  <h5>How to Strengthen your Body</h5>
+  <h5>How to Fight like a Ninja</h5>
+
+  <h2>Learn the Art of Living with Honor</h2>
+  <h5>How to Breathe Properly</h5>
+  <h5>How to Simplify your Life</h5>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/use-tabindex-to-add-keyboard-focus-to-an-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/use-tabindex-to-add-keyboard-focus-to-an-element.arabic.md
new file mode 100644
index 0000000000..367ac644f3
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/use-tabindex-to-add-keyboard-focus-to-an-element.arabic.md
@@ -0,0 +1,97 @@
+---
+id: 587d7790367417b2b2512ab0
+title: Use tabindex to Add Keyboard Focus to an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم tabindex إلى إضافة Keyboard Keyboard إلى عنصر
+---
+
+## Description
+<section id="description"> <code>tabindex</code> سمة <code>tabindex</code> HTML على ثلاث وظائف مميزة تتعلق بتركيز لوحة المفاتيح للعنصر. عندما يكون على علامة ، فإنه يشير إلى أنه يمكن التركيز على العنصر. تحدد القيمة (عدد صحيح موجب أو سلبي أو صفر) السلوك. تتلقى عناصر معينة ، مثل الروابط وعناصر التحكم في النموذج ، تركيز لوحة المفاتيح تلقائيًا عند قيام المستخدم بالتبويب من خلال صفحة. إنه بنفس ترتيب العناصر الموجودة في ترميز مصدر HTML. يمكن إعطاء هذه الوظيفة نفسها لعناصر أخرى ، مثل <code>div</code> و <code>span</code> و <code>p</code> ، بوضع سمة <code>tabindex=&quot;0&quot;</code> عليها. إليك مثال: <code>&lt;div tabindex=&quot;0&quot;&gt;I need keyboard focus!&lt;/div&gt;</code> <strong>ملاحظة</strong> <br> <code>tabindex</code> قيمة <code>tabindex</code> سالبة (عادة -1) إلى أن العنصر قابل للتركيز ، ولكن لا يمكن الوصول إليه عن طريق لوحة المفاتيح. يتم استخدام هذه الطريقة بشكل عام للتركيز على المحتوى برمجيًا (مثلما يحدث عندما يتم تنشيط <code>div</code> المستخدم في نافذة منبثقة) ، وهو خارج نطاق هذه التحديات. </section>
+
+## Instructions
+<section id="instructions"> أنشأ Camper Cat استبيانًا جديدًا لجمع معلومات حول مستخدميه. وهو يعلم أن حقول الإدخال تحصل تلقائيًا على تركيز لوحة المفاتيح ، ولكنه يريد التأكد من أن مستخدمي لوحة المفاتيح يتوقفون مؤقتًا عند استخدام الإرشادات أثناء الجدولة خلال العناصر. إضافة سمة <code>tabindex</code> إلى علامة <code>p</code> وتعيين قيمتها إلى &quot;0&quot;. المكافأة - باستخدام <code>tabindex</code> تمكّن أيضًا <code>tabindex</code> CSS الزائفة <code>:focus</code> على العمل على علامة <code>p</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تضيف التعليمات البرمجية الخاصة بك سمة <code>tabindex</code> إلى علامة <code>p</code> التي تحتوي على إرشادات النموذج.
+    testString: 'assert($("p").attr("tabindex"), "Your code should add a <code>tabindex</code> attribute to the <code>p</code> tag that holds the form instructions.");'
+  - text: يجب أن تقوم التعليمات البرمجية بتعيين السمة <code>tabindex</code> على علامة <code>p</code> إلى قيمة 0.
+    testString: 'assert($("p").attr("tabindex") == "0", "Your code should set the <code>tabindex</code> attribute on the <code>p</code> tag to a value of 0.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  p:focus {
+    background-color: yellow;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Ninja Survey</h1>
+  </header>
+  <section>
+    <form>
+
+
+      <p>Instructions: Fill in ALL your information then click <b>Submit</b></p>
+
+
+      <label for="username">Username:</label>
+      <input type="text" id="username" name="username"><br>
+      <fieldset>
+        <legend>What level ninja are you?</legend>
+        <input id="newbie" type="radio" name="levels" value="newbie">
+        <label for="newbie">Newbie Kitten</label><br>
+        <input id="intermediate" type="radio" name="levels" value="intermediate">
+        <label for="intermediate">Developing Student</label><br>
+        <input id="master" type="radio" name="levels" value="master">
+        <label for="master">9th Life Master</label>
+      </fieldset>
+      <br>
+      <fieldset>
+      <legend>Select your favorite weapons:</legend>
+      <input id="stars" type="checkbox" name="weapons" value="stars">
+      <label for="stars">Throwing Stars</label><br>
+      <input id="nunchucks" type="checkbox" name="weapons" value="nunchucks">
+      <label for="nunchucks">Nunchucks</label><br>
+      <input id="sai" type="checkbox" name="weapons" value="sai">
+      <label for="sai">Sai Set</label><br>
+      <input id="sword" type="checkbox" name="weapons" value="sword">
+      <label for="sword">Sword</label>
+      </fieldset>
+      <br>
+      <input type="submit" name="submit" value="Submit">
+    </form><br>
+  </section>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.arabic.md
new file mode 100644
index 0000000000..eb15c831cb
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.arabic.md
@@ -0,0 +1,85 @@
+---
+id: 587d7790367417b2b2512ab1
+title: Use tabindex to Specify the Order of Keyboard Focus for Several Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم tabindex لتحديد ترتيب التركيز على لوحة المفاتيح للعديد من العناصر
+---
+
+## Description
+<section id="description"> <code>tabindex</code> السمة <code>tabindex</code> أيضًا ترتيب علامات التبويب الدقيق للعناصر. يتحقق ذلك عندما يتم تعيين قيمة السمة إلى عدد موجب من 1 أو أعلى. سيؤدي تعيين tabindex = &quot;1&quot; إلى تركيز لوحة المفاتيح على هذا العنصر أولاً. ثم يمر عبر تسلسل قيم <code>tabindex</code> المحددة (2 ، 3 ، وما إلى ذلك) ، قبل الانتقال إلى <code>tabindex=&quot;0&quot;</code> الافتراضية و <code>tabindex=&quot;0&quot;</code> . من المهم ملاحظة أنه عند تعيين ترتيب علامة التبويب بهذه الطريقة ، فإنه يتجاوز الترتيب الافتراضي (الذي يستخدم مصدر HTML). قد يؤدي ذلك إلى إرباك المستخدمين الذين يتوقعون بدء التنقل من أعلى الصفحة. قد تكون هذه التقنية ضرورية في بعض الظروف ، ولكن فيما يتعلق بإمكانية الوصول ، يجب توخي الحذر قبل تطبيقها. إليك مثال على ذلك: <code>&lt;div tabindex=&quot;1&quot;&gt;I get keyboard focus, and I get it first!&lt;/div&gt;</code> <code>&lt;div tabindex=&quot;2&quot;&gt;I get keyboard focus, and I get it second!&lt;/div&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> يحتوي &quot;كامبر كات&quot; على حقل بحث في صفحة &quot;اقتباسات ملهمة&quot; التي ينوي وضعها في الزاوية اليمنى العليا باستخدام CSS. يريد <code>input</code> البحث وإرسال عناصر تحكم نموذج <code>input</code> ليكون أول عنصرين في ترتيب الجدولة. إضافة سمة <code>tabindex</code> مضبوطة على &quot;1&quot; إلى <code>input</code> البحث ، <code>tabindex</code> مضبوطة على &quot;2&quot; إلى <code>input</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تضيف الكود الخاص بك سمة <code>tabindex</code> إلى علامة <code>input</code> البحث.
+    testString: 'assert($("#search").attr("tabindex"), "Your code should add a <code>tabindex</code> attribute to the search <code>input</code> tag.");'
+  - text: يجب أن تضيف الكود الخاص بك سمة <code>tabindex</code> إلى علامة <code>input</code> <code>tabindex</code> .
+    testString: 'assert($("#submit").attr("tabindex"), "Your code should add a <code>tabindex</code> attribute to the submit <code>input</code> tag.");'
+  - text: يجب أن تحدد <code>tabindex</code> سمة <code>tabindex</code> في علامة <code>input</code> البحث إلى قيمة 1.
+    testString: 'assert($("#search").attr("tabindex") == "1", "Your code should set the <code>tabindex</code> attribute on the search <code>input</code> tag to a value of 1.");'
+  - text: يجب أن تحدد <code>tabindex</code> سمة <code>tabindex</code> على علامة <code>input</code> <code>tabindex</code> إلى قيمة 2.
+    testString: 'assert($("#submit").attr("tabindex") == "2", "Your code should set the <code>tabindex</code> attribute on the submit <code>input</code> tag to a value of 2.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Even Deeper Thoughts with Master Camper Cat</h1>
+    <nav>
+      <ul>
+        <li><a href="">Home</a></li>
+        <li><a href="">Blog</a></li>
+        <li><a href="">Training</a></li>
+      </ul>
+    </nav>
+  </header>
+  <form>
+    <label for="search">Search:</label>
+
+
+    <input type="search" name="search" id="search">
+    <input type="submit" name="submit" value="Submit" id="submit">
+
+
+  </form>
+  <h2>Inspirational Quotes</h2>
+  <blockquote>
+    <p>&ldquo;There's no Theory of Evolution, just a list of creatures I've allowed to live.&rdquo;<br>
+    - Chuck Norris</p>
+  </blockquote>
+  <blockquote>
+    <p>&ldquo;Wise men say forgiveness is divine, but never pay full price for late pizza.&rdquo;<br>
+    - TMNT</p>
+  </blockquote>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.arabic.md
new file mode 100644
index 0000000000..5ef2b804fb
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 587d774e367417b2b2512aa0
+title: Wrap Content in the article Element
+challengeType: 0
+videoUrl: ''
+localeTitle: التفاف المحتوى في المادة عنصر
+---
+
+## Description
+<section id="description"> <code>article</code> عبارة عن عنصر آخر من عناصر HTML5 الجديدة التي تضيف المعنى الدلالي لترميزك. <code>Article</code> هي عنصر تقسيمي ، وتُستخدم لفك محتوى مستقل ومكتوب ذاتيًا. تعمل العلامة جيدًا مع إدخالات المدونات أو مشاركات المنتدى أو المقالات الإخبارية. عادةً ما يكون تحديد ما إذا كان المحتوى قائمًا بذاته أم لا ، ولكن هناك بعض الاختبارات البسيطة التي يمكنك استخدامها. اسأل نفسك ما إذا كنت قد أزلت كل السياق المحيط ، فهل سيظل هذا المحتوى منطقيًا؟ وبالمثل بالنسبة للنص ، هل سيتم تعليق المحتوى إذا كان في خلاصة RSS؟ تذكر أن الأشخاص الذين يستخدمون تقنيات مساعدة يعتمدون على ترميز منظم ، ذي معنى لغوي لفهم عملك بشكل أفضل. <strong>ملاحظة حول <code>section</code> <code>div</code></strong> <br> عنصر <code>section</code> جديد أيضًا مع HTML5 ، وله معنى دلالي مختلف قليلاً عن <code>article</code> . <code>article</code> للمحتوى المستقل ، <code>section</code> لتجميع المحتوى ذي الصلة الموضوعية. يمكن استخدامها داخل بعضها البعض ، حسب الحاجة. على سبيل المثال ، إذا كان الكتاب هو <code>article</code> ، فكل فصل هو <code>section</code> . عند عدم وجود علاقة بين مجموعات المحتوى ، استخدم <code>div</code> . <blockquote style=";text-align:right;direction:rtl"> &lt;div&gt; - محتوى المجموعات <br> &lt;section&gt; - مجموعات ذات صلة بالمحتوى <br> &lt;article&gt; - مجموعات محتوى مستقل بذاته <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> استخدم Camper Cat علامات <code>article</code> لتغليف المشاركات في صفحة مدونته ، ولكنه نسي استخدامها في الجزء العلوي منها. غيّر علامة <code>div</code> لاستخدام علامة <code>article</code> بدلاً من ذلك. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحتوي شفرتك على ثلاث علامات <code>article</code> .
+    testString: 'assert($("article").length == 3, "Your code should have three <code>article</code> tags.");'
+  - text: يجب ألا تحتوي شفرتك على أي علامات <code>div</code> .
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Deep Thoughts with Master Camper Cat</h1>
+<main>
+  <div>
+    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </div>
+
+  <img src="samuraiSwords.jpeg" alt="">
+
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near...</p>
+  </article>
+
+  <img src="samuraiSwords.jpeg" alt="">
+
+  <article>
+    <h2>Is Chuck Norris a Cat Person?</h2>
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.arabic.md
new file mode 100644
index 0000000000..198281e771
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.arabic.md
@@ -0,0 +1,99 @@
+---
+id: 587d778b367417b2b2512aa7
+title: Wrap Radio Buttons in a fieldset Element for Better Accessibility
+challengeType: 0
+videoUrl: ''
+localeTitle: التفاف أزرار الراديو في fieldset عنصر من أجل سهولة الوصول
+---
+
+## Description
+<section id="description"> يغطي موضوع النموذج التالي إمكانية الوصول إلى أزرار الاختيار. يتم منح كل خيار على <code>label</code> مع <code>for</code> سمة ربط إلى <code>id</code> من البند المقابل كما غطت في التحدي الماضي. نظرًا لأن الأزرار اللاسلكية غالبًا ما تأتي في مجموعة حيث يجب على المستخدم اختيار واحد ، فهناك طريقة لعرض الخيارات بشكل دلالي وهي جزء من مجموعة. و <code>fieldset</code> العلامة يحيط تجمع بأكمله من أزرار لتحقيق ذلك. وغالبا ما يستخدم <code>legend</code> كلمة دلالية لتقديم وصف للتجمع، وهو يقرأ من قبل القراء الشاشة لكل خيار في <code>fieldset</code> العنصر. لا تعتبر <code>fieldset</code> وعلامة وسيلة <code>legend</code> ضرورية عندما تكون الاختيارات لا تحتاج إلى شرح ، مثل اختيار النوع. باستخدام <code>label</code> مع <code>for</code> سمة لكل زر الراديو غير كافية. إليك مثال على ذلك: <blockquote style=";text-align:right;direction:rtl"> &lt;form&gt; <br> &lt;مجموعة حقول&gt; <br> &lt;legend&gt; اختر أحد العناصر الثلاثة التالية: &lt;/ legend&gt; <br> &lt;input id = &quot;one&quot; type = &quot;radio&quot; name = &quot;items&quot; value = &quot;one&quot;&gt; <br> &lt;label for = &quot;one&quot;&gt; الاختيار الأول &lt;/ label&gt; &lt;br&gt; <br> &lt;input id = &quot;two&quot; type = &quot;radio&quot; name = &quot;items&quot; value = &quot;two&quot;&gt; <br> &lt;label for = &quot;two&quot;&gt; الاختيار الثاني &lt;/ label&gt; &lt;br&gt; <br> &lt;input id = &quot;three&quot; type = &quot;radio&quot; name = &quot;items&quot; value = &quot;three&quot;&gt; <br> &lt;label for = &quot;three&quot;&gt; الاختيار الثالث &lt;/ label&gt; <br> &lt;/ مجموعة حقول&gt; <br> &lt;/ form&gt; <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> يريد Camper Cat معلومات حول مستوى النينجا من مستخدميه عند الاشتراك في قائمة البريد الإلكتروني الخاصة به. وأضاف انه مجموعة من أزرار الراديو، وتعلمت من الدرس الأخير جهدنا لاستخدام علامات التسمية مع <code>for</code> سمات كل خيار. الذهاب القطة قطة! ومع ذلك ، لا يزال رمزه بحاجة إلى بعض المساعدة. قم بتغيير علامة <code>div</code> المحيطة بأزرار <code>fieldset</code> علامة نطاق المجال ، وقم بتغيير علامة <code>p</code> بداخله إلى وسيلة <code>legend</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحتوي شفرتك على علامة نطاق <code>fieldset</code> حول مجموعة أزرار التحديد.
+    testString: 'assert($("fieldset").length == 1, "Your code should have a <code>fieldset</code> tag around the radio button set.");'
+  - text: تأكد لديك <code>fieldset</code> عنصر له علامة إغلاق.
+    testString: 'assert(code.match(/<\/fieldset>/g) && code.match(/<\/fieldset>/g).length === code.match(/<fieldset>/g).length, "Make sure your <code>fieldset</code> element has a closing tag.");'
+  - text: يجب أن تحتوي الشفرة على علامة <code>legend</code> حول النص تسأل عن مستوى النينجا المستخدم.
+    testString: 'assert($("legend").length == 1, "Your code should have a <code>legend</code> tag around the text asking what level ninja a user is.");'
+  - text: يجب ألا تحتوي شفرتك على أي علامات <code>div</code> .
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: يجب ألا تحتوي شفرتك على علامة <code>p</code> حول النص تسأل عن مستوى النينجا المستخدم.
+    testString: 'assert($("p").length == 4, "Your code should no longer have a <code>p</code> tag around the text asking what level ninja a user is.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <section>
+    <form>
+      <p>Sign up to receive Camper Cat's blog posts by email here!</p>
+      <label for="email">Email:</label>
+      <input type="text" id="email" name="email">
+
+
+      <!-- Add your code below this line -->
+      <div>
+        <p>What level ninja are you?</p>
+        <input id="newbie" type="radio" name="levels" value="newbie">
+        <label for="newbie">Newbie Kitten</label><br>
+        <input id="intermediate" type="radio" name="levels" value="intermediate">
+        <label for="intermediate">Developing Student</label><br>
+        <input id="master" type="radio" name="levels" value="master">
+        <label for="master">Master</label>
+      </div>
+      <!-- Add your code above this line -->
+
+
+      <input type="submit" name="submit" value="Submit">
+    </form>
+  </section>
+  <article>
+    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Is Chuck Norris a Cat Person?</h2>
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.arabic.md
new file mode 100644
index 0000000000..5ea10273fd
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.arabic.md
@@ -0,0 +1,94 @@
+---
+id: 587d781b367417b2b2512abe
+title: Add a box-shadow to a Card-like Element
+challengeType: 0
+videoUrl: ''
+localeTitle: أضف box box إلى عنصر يشبه Card
+---
+
+## Description
+<section id="description"> تطبق خاصية <code>box-shadow</code> أو أكثر على عنصر. تأخذ الخاصية <code>box-shadow</code> قيمًا <code>offset-x</code> (كم تبعد مسافة دفع الظل أفقيًا عن العنصر) ، <code>offset-y</code> (أي بعد الآن تضغط الظل بشكل عمودي من العنصر) ، <code>blur-radius</code> <code>spread-radius</code> ولون القيمة ، بهذا الترتيب. تعد قيم <code>spread-radius</code> <code>blur-radius</code> و <code>blur-radius</code> <code>spread-radius</code> اختيارية. في ما يلي مثال على CSS لإنشاء ظلال متعددة مع بعض الضبابية ، باللون الأسود الغامق في الغالب: <blockquote style=";text-align:right;direction:rtl"> box-shadow: 0 10px 20px rgba (0،0،0،0.19)، 0 6px 6px rgba (0،0،0،0.23)؛ </blockquote></section>
+
+## Instructions
+<section id="instructions"> يحتوي العنصر الآن على معرف <code>thumbnail</code> . باستخدام هذا المحدد ، استخدم القيم CSS الموجودة أعلاه لوضع <code>box-shadow</code> على البطاقة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تضيف الشفرة خاصية <code>box-shadow</code> لمعرف <code>thumbnail</code> .
+    testString: 'assert(code.match(/#thumbnail\s*?{\s*?box-shadow/g), "Your code should add a <code>box-shadow</code> property for the <code>thumbnail</code> id.");'
+  - text: يجب عليك استخدام CSS المعطى لقيمة <code>box-shadow</code> .
+    testString: 'assert(code.match(/box-shadow:\s*?0\s+?10px\s+?20px\s+?rgba\(\s*?0\s*?,\s*?0\s*?,\s*?0\s*?,\s*?0?\.19\),\s*?0\s+?6px\s+?6px\s+?rgba\(\s*?0\s*?,\s*?0\s*?,\s*?0\s*?,\s*?0?\.23\)/gi), "You should use the given CSS for the <code>box-shadow</code> value.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+    font-size: 27px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+
+
+
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard" id="thumbnail">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.arabic.md
new file mode 100644
index 0000000000..2b7bfc620c
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.arabic.md
@@ -0,0 +1,93 @@
+---
+id: 587d781b367417b2b2512abc
+title: Adjust the background-color Property of Text
+challengeType: 0
+videoUrl: ''
+localeTitle: ضبط لون الخلفية خاصية النص
+---
+
+## Description
+<section id="description"> بدلاً من ضبط الخلفية العامة أو لون النص لجعل المقدمة قابلة للقراءة بسهولة ، يمكنك إضافة <code>background-color</code> لعنصر يحمل النص الذي تريد التأكيد عليه. يستخدم هذا التحدي <code>rgba()</code> بدلاً من رموز <code>hex</code> أو <code>rgb()</code> العادي <code>rgb()</code> . <blockquote style=";text-align:right;direction:rtl"> rgba لتقف على: <br> ص = أحمر <br> g = أخضر <br> ب = أزرق <br> a = alpha / level of opacity </blockquote> يمكن أن تتراوح قيم RGB من 0 إلى 255. يمكن أن تتراوح قيمة alpha من 1 ، وهو معتم تمامًا أو بلون خالص ، إلى 0 ، وهو شفاف تمامًا أو واضح. <code>rgba()</code> رائع لاستخدامه في هذه الحالة ، لأنه يسمح لك بضبط العتامة. هذا يعني أنك لست مضطرًا لحجب الخلفية تمامًا. ستستخدم <code>background-color: rgba(45, 45, 45, 0.1)</code> لهذا التحدي. ينتج لون رمادي غامق يكاد يكون شفافًا نظرًا لقيمة عتامة منخفضة تبلغ 0.1. </section>
+
+## Instructions
+<section id="instructions"> لجعل النص أكثر وضوحًا ، قم بضبط <code>background-color</code> لعنصر <code>h4</code> إلى قيمة <code>rgba()</code> . بالنسبة إلى <code>h4</code> أيضًا ، أزل خاصية <code>height</code> وأضف <code>padding</code> قدرها 10 بكسل. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن تضيف التعليمات البرمجية الخاصة بك خاصية <code>background-color</code> إلى عنصر <code>h4</code> لتعيين <code>rgba(45, 45, 45, 0.1)</code> .'
+    testString: 'assert(code.match(/background-color:\s*?rgba\(\s*?45\s*?,\s*?45\s*?,\s*?45\s*?,\s*?0?\.1\s*?\)/gi), "Your code should add a <code>background-color</code> property to the <code>h4</code> element set to <code>rgba(45, 45, 45, 0.1)</code>.");'
+  - text: يجب أن تضيف التعليمات البرمجية الخاصة بك خاصية <code>padding</code> إلى عنصر <code>h4</code> وتعيينها إلى 10 بكسل.
+    testString: 'assert($("h4").css("padding-top") == "10px" && $("h4").css("padding-right") == "10px" && $("h4").css("padding-bottom") == "10px" && $("h4").css("padding-left") == "10px", "Your code should add a <code>padding</code> property to the <code>h4</code> element and set it to 10 pixels.");'
+  - text: يجب إزالة خاصية <code>height</code> على عنصر <code>h4</code> .
+    testString: 'assert(!($("h4").css("height") == "25px"), "The <code>height</code> property on the <code>h4</code> element should be removed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-color-of-various-elements-to-complementary-colors.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-color-of-various-elements-to-complementary-colors.arabic.md
new file mode 100644
index 0000000000..79bd42c5a4
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-color-of-various-elements-to-complementary-colors.arabic.md
@@ -0,0 +1,92 @@
+---
+id: 587d78a4367417b2b2512ad3
+title: Adjust the Color of Various Elements to Complementary Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: اضبط لون العناصر المختلفة على الألوان التكميلية
+---
+
+## Description
+<section id="description"> أظهر اختبار الألوان التكميلية أن الألوان المعاكسة على عجلة الألوان يمكن أن تجعل بعضها تبدو أكثر حيوية عندما توضع جنباً إلى جنب. ومع ذلك ، فإن التناقض البصري القوي يمكن أن يكون مزعجًا إذا تم استخدامه بشكل مفرط على موقع ويب ، ويمكن أن يجعل النص أصعب في بعض الأحيان للقراءة إذا وضع على خلفية ملونة مكملة. من الناحية العملية ، عادةً ما يكون أحد الألوان هو المسيطر ويتم استخدام المكمل لإضفاء الاهتمام البصري على محتوى معين على الصفحة. </section>
+
+## Instructions
+<section id="instructions"> ستستخدم هذه الصفحة ظلًا من اللون <code>#09A7A1</code> ( <code>#09A7A1</code> ) <code>#09A7A1</code> المهيمن ، ويكمل اللون البرتقالي ( <code>#FF790E</code> ) لتسليط الضوء على أزرار التسجيل. تغيير <code>background-color</code> كل من <code>header</code> <code>footer</code> من الأسود إلى لون مخضر. ثم قم بتغيير <code>color</code> نص <code>h2</code> إلى البط البري كذلك. أخيرا ، قم بتغيير <code>background-color</code> <code>button</code> إلى اللون البرتقالي. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن يكون لعنصر <code>header</code> <code>background-color</code> # 09A7A1.'
+    testString: 'assert($("header").css("background-color") == "rgb(9, 167, 161)", "The <code>header</code> element should have a <code>background-color</code> of #09A7A1.");'
+  - text: 'يجب أن يكون لعنصر <code>footer</code> <code>background-color</code> # 09A7A1.'
+    testString: 'assert($("footer").css("background-color") == "rgb(9, 167, 161)", "The <code>footer</code> element should have a <code>background-color</code> of #09A7A1.");'
+  - text: 'يجب أن يكون لعنصر <code>h2</code> <code>color</code> # 09A7A1.'
+    testString: 'assert($("h2").css("color") == "rgb(9, 167, 161)", "The <code>h2</code> element should have a <code>color</code> of #09A7A1.");'
+  - text: 'يجب أن يكون عنصر <code>button</code> <code>background-color</code> # FF790E.'
+    testString: 'assert($("button").css("background-color") == "rgb(255, 121, 14)", "The <code>button</code> element should have a <code>background-color</code> of #FF790E.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: white;
+  }
+  header {
+    background-color: black;
+    color: white;
+    padding: 0.25em;
+  }
+  h2 {
+    color: black;
+  }
+  button {
+    background-color: white;
+  }
+  footer {
+    background-color: black;
+    color: white;
+    padding: 0.5em;
+  }
+</style>
+<header>
+  <h1>Cooking with FCC!</h1>
+</header>
+<main>
+  <article>
+    <h2>Machine Learning in the Kitchen</h2>
+    <p>Join this two day workshop that walks through how to implement cutting-edge snack-getting algorithms with a command line interface. Coding usually involves writing exact instructions, but sometimes you need your computer to execute flexible commands, like <code>fetch Pringles</code>.</p>
+    <button>Sign Up</button>
+  </article>
+  <article>
+    <h2>Bisection Vegetable Chopping</h2>
+    <p>This week-long retreat will level-up your coding ninja skills to actual ninja skills. No longer is the humble bisection search limited to sorted arrays or coding interview questions, applying its concepts in the kitchen will have you chopping carrots in O(log n) time before you know it.</p>
+    <button>Sign Up</button>
+  </article>
+</main>
+<br>
+<footer>&copy; 2018 FCC Kitchen</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.arabic.md
new file mode 100644
index 0000000000..7a6330c4f5
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.arabic.md
@@ -0,0 +1,83 @@
+---
+id: 587d7791367417b2b2512ab5
+title: Adjust the Height of an Element Using the height Property
+challengeType: 0
+videoUrl: ''
+localeTitle: ضبط ارتفاع عنصر باستخدام خاصية الارتفاع
+---
+
+## Description
+<section id="description"> يمكنك تحديد ارتفاع عنصر باستخدام خاصية <code>height</code> في CSS ، على غرار خاصية <code>width</code> . في ما يلي مثال يغير ارتفاع الصورة إلى 20 بكسل: <blockquote style=";text-align:right;direction:rtl"> img { <br> الارتفاع: 20 بكسل ؛ <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> إضافة خاصية <code>height</code> إلى علامة <code>h4</code> وتعيينها إلى 25 بكسل. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب تغيير التعليمات البرمجية الخاصة بك الخاصية <code>height</code> <code>h4</code> إلى قيمة 25 بكسل.
+    testString: 'assert($("h4").css("height") == "25px", "Your code should change the <code>h4</code> <code>height</code> property to a value of 25 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    margin-right: 20px;
+    text-align: left;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag.arabic.md
new file mode 100644
index 0000000000..b2e86f20e5
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag.arabic.md
@@ -0,0 +1,59 @@
+---
+id: 587d781d367417b2b2512ac8
+title: Adjust the Hover State of an Anchor Tag
+challengeType: 0
+videoUrl: ''
+localeTitle: ضبط حالة التحويم لعلامة الارتساء
+---
+
+## Description
+<section id="description"> سوف يلمس هذا التحدي على استخدام الطبقات الزائفة. الفئة الزائفة هي كلمة رئيسية يمكن إضافتها إلى المحددات ، من أجل تحديد حالة معينة للعنصر. على سبيل المثال، تحت غطاء من علامة مرساة يمكن تغيير لدولة تحوم لها باستخدام <code>:hover</code> فئة مزيفة محدد. إليك CSS لتغيير <code>color</code> علامة الربط إلى اللون الأحمر أثناء حالة التمرير الخاصة بها: <blockquote style=";text-align:right;direction:rtl"> a: hover { <br> لون احمر؛ <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> محرر التعليمات البرمجية لديها قاعدة CSS أسلوب كل <code>a</code> علامات سوداء. إضافة قاعدة بحيث عند مرور المستخدم على <code>a</code> العلامة، و <code>color</code> الأزرق. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن يظل <code>color</code> علامة الربط أسودًا ، مع إضافة قواعد CSS فقط لحالة <code>:hover</code> .'
+    testString: 'assert($("a").css("color") == "rgb(0, 0, 0)", "The anchor tag <code>color</code> should remain black, only add CSS rules for the <code>:hover</code> state.");'
+  - text: يجب أن يكون لعلامة الارتساء <code>color</code> أزرق عند التمرير.
+    testString: 'assert(code.match(/a:hover\s*?{\s*?color:\s*?blue;\s*?}/gi), "The anchor tag should have a <code>color</code> of blue on hover.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  a {
+    color: #000;
+  }
+
+
+
+</style>
+<a href="http://freecatphotoapp.com/" target="_blank">CatPhotoApp</a>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.arabic.md
new file mode 100644
index 0000000000..f2da96a2f7
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.arabic.md
@@ -0,0 +1,85 @@
+---
+id: 587d78a4367417b2b2512ad4
+title: Adjust the Hue of a Color
+challengeType: 0
+videoUrl: ''
+localeTitle: اضبط هوى اللون
+---
+
+## Description
+<section id="description"> تتميز الألوان بالعديد من الخصائص بما في ذلك الصبغة والتشبع والخفة. قدم CSS3 الخاصية <code>hsl()</code> كطريقة بديلة لاختيار لون عن طريق تحديد هذه الخصائص بشكل مباشر. <b>هوى</b> هو ما يعتقده الناس بشكل عام بـ &quot;اللون&quot;. إذا قمت بتصوير مجموعة متنوعة من الألوان تبدأ باللون الأحمر على اليسار ، تتحرك من خلال اللون الأخضر في الوسط ، والأزرق على اليمين ، حيث أن اللون يتناسب مع لون هذا الخط. في <code>hsl()</code> ، يستخدم hue مفهوم عجلة الألوان بدلاً من الطيف ، حيث يتم إعطاء زاوية اللون على الدائرة كقيمة بين 0 و 360. <b>التشبع</b> هو مقدار اللون الرمادي في اللون. لا يوجد لون رمادي كامل في أي لون مشبع ، ويكون اللون المشبع إلى حد ما رماديًا تقريبًا. يتم إعطاؤه كنسبة مئوية مع 100 ٪ مشبعة بالكامل. <b>الخفة</b> هي كمية اللون الأبيض أو الأسود في اللون. يتم إعطاء نسبة تتراوح من 0٪ (أسود) إلى 100٪ (أبيض) ، حيث 50٪ هو اللون الطبيعي. في ما يلي بعض الأمثلة على استخدام <code>hsl()</code> مع ألوان إضاءة مشبعة تمامًا ومشبعة تمامًا: <table class="table table-striped" style=";text-align:right;direction:rtl"><thead><tr><th> اللون </th><th> HSL </th></tr></thead><tbody><tr><td> أحمر </td><td> hsl (0 ، 100٪ ، 50٪) </td></tr><tr><td> الأصفر </td><td> hsl (60 ، 100٪ ، 50٪) </td></tr><tr><td> أخضر </td><td> hsl (120 ، 100٪ ، 50٪) </td></tr><tr><td> ازرق سماوي </td><td> hsl (180 ، 100٪ ، 50٪) </td></tr><tr><td> أزرق </td><td> hsl (240 ، 100٪ ، 50٪) </td></tr><tr><td> أرجواني </td><td> hsl (300 ، 100٪ ، 50٪) </td></tr></tbody></table></section>
+
+## Instructions
+<section id="instructions"> قم بتغيير <code>background-color</code> كل عنصر <code>div</code> استنادًا إلى أسماء <code>cyan</code> ( <code>green</code> أو <code>cyan</code> أو <code>blue</code> ) باستخدام <code>hsl()</code> . كل ثلاثة يجب أن يكون التشبع الكامل والخفة العادية. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك الخاصية <code>hsl()</code> اللون الأخضر.
+    testString: 'assert(code.match(/\.green\s*?{\s*?background-color:\s*?hsl/gi), "Your code should use the <code>hsl()</code> property to declare the color green.");'
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك الخاصية <code>hsl()</code> لون السماوي.
+    testString: 'assert(code.match(/\.cyan\s*?{\s*?background-color:\s*?hsl/gi), "Your code should use the <code>hsl()</code> property to declare the color cyan.");'
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك الخاصية <code>hsl()</code> اللون الأزرق.
+    testString: 'assert(code.match(/\.blue\s*?{\s*?background-color:\s*?hsl/gi), "Your code should use the <code>hsl()</code> property to declare the color blue.");'
+  - text: يجب أن يكون عنصر <code>div</code> <code>green</code> <code>background-color</code> خضراء.
+    testString: 'assert($(".green").css("background-color") == "rgb(0, 255, 0)", "The <code>div</code> element with class <code>green</code> should have a <code>background-color</code> of green.");'
+  - text: و <code>div</code> عنصر مع الطبقة <code>cyan</code> ينبغي أن يكون <code>background-color</code> من السماوي.
+    testString: 'assert($(".cyan").css("background-color") == "rgb(0, 255, 255)", "The <code>div</code> element with class <code>cyan</code> should have a <code>background-color</code> of cyan.");'
+  - text: و <code>div</code> عنصر مع الطبقة <code>blue</code> يجب أن يكون <code>background-color</code> من اللون الأزرق.
+    testString: 'assert($(".blue").css("background-color") == "rgb(0, 0, 255)", "The <code>div</code> element with class <code>blue</code> should have a <code>background-color</code> of blue.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: #FFFFFF;
+  }
+
+  .green {
+    background-color: #000000;
+  }
+
+  .cyan {
+    background-color: #000000;
+  }
+
+  .blue {
+    background-color: #000000;
+  }
+
+  div {
+    display: inline-block;
+    height: 100px;
+    width: 100px;
+  }
+</style>
+
+<div class="green"></div>
+<div class="cyan"></div>
+<div class="blue"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-size-of-a-header-versus-a-paragraph-tag.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-size-of-a-header-versus-a-paragraph-tag.arabic.md
new file mode 100644
index 0000000000..3f04ba5f84
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-size-of-a-header-versus-a-paragraph-tag.arabic.md
@@ -0,0 +1,89 @@
+---
+id: 587d781b367417b2b2512abd
+title: Adjust the Size of a Header Versus a Paragraph Tag
+challengeType: 0
+videoUrl: ''
+localeTitle: ضبط حجم رأس مقابل علامة فقرة
+---
+
+## Description
+<section id="description"> يجب أن يكون حجم خط علامات الرأس ( <code>h1</code> إلى <code>h6</code> ) أكبر من حجم خط علامات الفقرة. هذا يسهل على المستخدم فهم التصميم والشكل أهمية كل شيء على الصفحة. يمكنك استخدام خاصية <code>font-size</code> لضبط حجم النص في عنصر. </section>
+
+## Instructions
+<section id="instructions"> لجعل العنوان أكبر بشكل ملحوظ من الفقرة ، قم بتغيير <code>font-size</code> علامة <code>h4</code> إلى 27 بكسل. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تضيف التعليمات البرمجية الخاصة بك خاصية <code>font-size</code> إلى عنصر <code>h4</code> لتعيين 27 بكسل.
+    testString: 'assert($("h4").css("font-size") == "27px", "Your code should add a <code>font-size</code> property to the <code>h4</code> element set to 27 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color.arabic.md
new file mode 100644
index 0000000000..a1b0d532da
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color.arabic.md
@@ -0,0 +1,89 @@
+---
+id: 587d78a4367417b2b2512ad5
+title: Adjust the Tone of a Color
+challengeType: 0
+videoUrl: ''
+localeTitle: اضبط نغمة اللون
+---
+
+## Description
+<section id="description"> يجعل خيار <code>hsl()</code> في CSS أيضًا من السهل ضبط نغمة اللون. خلط الأبيض مع لون نقي يخلق صبغة من هذا اللون ، وإضافة الأسود سيجعل الظل. بدلا من ذلك ، يتم إنتاج نغمة عن طريق إضافة اللون الرمادي أو كل من التلوين والتظليل. أذكر أن &#39;s&#39; و &#39;l&#39; من <code>hsl()</code> تقف للتشبع والخفة ، على التوالي. يتغير النسبة المئوية للتشبع من مقدار الرمادية ، وتحدد نسبة الإضاءة مقدار اللون الأبيض أو الأسود في اللون. يكون ذلك مفيدًا عندما يكون لديك لون أساسي يعجبك ، ولكن تحتاج إلى أشكال مختلفة منه. </section>
+
+## Instructions
+<section id="instructions"> يقوم حاليًا شريط التنقل الموجود على هذا الموقع برث <code>background-color</code> الخاص به من عنصر <code>header</code> . بدءًا من هذا اللون كقاعدة ، أضف <code>background-color</code> لعنصر <code>nav</code> بحيث يستخدم نفس اللون السماوي ، ولكنه يحتوي على 80٪ من قيم التشبع و 25٪ من الخفة لتغيير النغمة والظل. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يحتوي عنصر <code>nav</code> على <code>background-color</code> لهجة السماوي المعدلة باستخدام الخاصية <code>hsl()</code> .
+    testString: 'assert(code.match(/nav\s*?{\s*?background-color:\s*?hsl\(180,\s*?80%,\s*?25%\)/gi), "The <code>nav</code> element should have a <code>background-color</code> of the adjusted cyan tone using the <code>hsl()</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  header {
+    background-color: hsl(180, 90%, 35%);
+    color: #FFFFFF;
+  }
+
+  nav {
+
+  }
+
+  h1 {
+    text-indent: 10px;
+    padding-top: 10px;
+  }
+
+  nav ul {
+    margin: 0px;
+    padding: 5px 0px 5px 30px;
+  }
+
+  nav li {
+    display: inline;
+    margin-right: 20px;
+  }
+
+  a {
+    text-decoration: none;
+    color: inherit;
+  }
+</style>
+
+<header>
+  <h1>Cooking with FCC!</h1>
+  <nav>
+    <ul>
+      <li><a href="#">Home</a></li>
+      <li><a href="#">Classes</a></li>
+      <li><a href="#">Contact</a></li>
+    </ul>
+  </nav>
+</header>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-width-of-an-element-using-the-width-property.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-width-of-an-element-using-the-width-property.arabic.md
new file mode 100644
index 0000000000..2ffdec8225
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/adjust-the-width-of-an-element-using-the-width-property.arabic.md
@@ -0,0 +1,82 @@
+---
+id: 587d7791367417b2b2512ab4
+title: Adjust the Width of an Element Using the width Property
+challengeType: 0
+videoUrl: ''
+localeTitle: ضبط عرض عنصر باستخدام خاصية العرض
+---
+
+## Description
+<section id="description"> يمكنك تحديد عرض عنصر باستخدام خاصية <code>width</code> في CSS. يمكن إعطاء القيم في وحدات الطول النسبي (مثل em) ، أو وحدات الطول المطلقة (مثل px) ، أو كنسبة مئوية من عنصر الأصل الذي يحتوي عليه. في ما يلي مثال يغير عرض الصورة إلى 220 بكسل: <blockquote style=";text-align:right;direction:rtl"> img { <br> العرض: 220 بكسل ؛ <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> إضافة خاصية <code>width</code> للبطاقة بأكملها وتعيينها إلى قيمة مطلقة تبلغ 245 بكسل. استخدم فئة <code>fullCard</code> لتحديد العنصر. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب تغيير التعليمات البرمجية الخاصة بك الخاصية <code>width</code> للبطاقة إلى 245 بكسل باستخدام محدد فئة <code>fullCard</code> .
+    testString: 'assert(code.match(/.fullCard\s*{[\s\S][^}]*\n*^\s*width\s*:\s*245px\s*;/gm), "Your code should change the <code>width</code> property of the card to 245 pixels by using the <code>fullCard</code> class selector.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    margin-right: 20px;
+    text-align: left;
+  }
+  .fullCard {
+
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/animate-elements-at-variable-rates.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/animate-elements-at-variable-rates.arabic.md
new file mode 100644
index 0000000000..02369ea209
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/animate-elements-at-variable-rates.arabic.md
@@ -0,0 +1,100 @@
+---
+id: 587d78a8367417b2b2512ae5
+title: Animate Elements at Variable Rates
+challengeType: 0
+videoUrl: ''
+localeTitle: عناصر متحركة بمعدلات متغيرة
+---
+
+## Description
+<section id="description"> هناك مجموعة متنوعة من الطرق لتغيير معدلات الرسوم المتحركة لعناصر متحركة مشابهة. حتى الآن ، تم تحقيق ذلك من خلال تطبيق خاصية <code>animation-iteration-count</code> <code>@keyframes</code> ووضع قواعد <code>@keyframes</code> . ولتوضيح ذلك ، يتكون الرسم المتحرك على اليمين من &quot;نجمين&quot; يتناقص كل منهما في الحجم والتعتيم عند علامة 20٪ في قاعدة <code>@keyframes</code> ، مما يؤدي إلى إنشاء رسوم متحركة وميض. يمكنك تغيير القاعدة <code>@keyframes</code> لأحد العناصر بحيث <code>@keyframes</code> النجوم بمعدلات مختلفة. </section>
+
+## Instructions
+<section id="instructions"> عدّل معدل الرسوم المتحركة للعنصر الذي يحمل اسم فئة <code>star-1</code> عن طريق تغيير القاعدة <code>@keyframes</code> إلى 50٪. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن <code>@keyframes</code> قاعدة <code>@keyframes</code> <code>star-1</code> 50٪.
+    testString: 'assert(code.match(/twinkle-1\s*?{\s*?50%/g), "The <code>@keyframes</code> rule for the <code>star-1</code> class should be 50%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .stars {
+    background-color: white;
+    height: 30px;
+    width: 30px;
+    border-radius: 50%;
+    animation-iteration-count: infinite;
+  }
+
+  .star-1 {
+    margin-top: 15%;
+    margin-left: 60%;
+    animation-name: twinkle-1;
+    animation-duration: 1s;
+  }
+
+  .star-2 {
+    margin-top: 25%;
+    margin-left: 25%;
+    animation-name: twinkle-2;
+    animation-duration: 1s;
+  }
+
+  @keyframes twinkle-1 {
+    20% {
+      transform: scale(0.5);
+      opacity: 0.5;
+    }
+  }
+
+  @keyframes twinkle-2 {
+    20% {
+      transform: scale(0.5);
+      opacity: 0.5;
+    }
+  }
+
+  #back {
+    position: fixed;
+    padding: 0;
+    margin: 0;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(black, #000099, #66c2ff, #ffcccc, #ffeee6);
+  }
+</style>
+
+<div id="back"></div>
+<div class="star-1 stars"></div>
+<div class="star-2 stars"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/animate-elements-continually-using-an-infinite-animation-count.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/animate-elements-continually-using-an-infinite-animation-count.arabic.md
new file mode 100644
index 0000000000..2f362f558b
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/animate-elements-continually-using-an-infinite-animation-count.arabic.md
@@ -0,0 +1,81 @@
+---
+id: 587d78a8367417b2b2512ae3
+title: Animate Elements Continually Using an Infinite Animation Count
+challengeType: 0
+videoUrl: ''
+localeTitle: تنشيط عناصر باستمرار باستخدام عدد الرسوم المتحركة اللانهائي
+---
+
+## Description
+<section id="description"> تغطي التحديات السابقة كيفية استخدام بعض خصائص الحركة وقاعدة <code>@keyframes</code> . خاصية الرسوم المتحركة الأخرى هي <code>animation-iteration-count</code> ، والذي يسمح لك بالتحكم في عدد المرات التي ترغب في تكرارها من خلال الرسوم المتحركة. في ما يلي مثال على ذلك: عدد مرات <code>animation-iteration-count: 3;</code> في هذه الحالة ، ستتوقف الرسوم المتحركة بعد تشغيلها 3 مرات ، ولكن من الممكن جعل الرسم المتحرك يعمل بشكل مستمر عن طريق تعيين هذه القيمة إلى غير محدود. </section>
+
+## Instructions
+<section id="instructions"> للحفاظ على الكرة ترتد على اليمين في حلقة مستمرة ، قم بتغيير خاصية <code>animation-iteration-count</code> إلى بلا حدود. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون لخاصية <code>animation-iteration-count</code> قيمة لانهائية.
+    testString: 'assert($("#ball").css("animation-iteration-count") == "infinite", "The <code>animation-iteration-count</code> property should have a value of infinite.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  #ball {
+    width: 100px;
+    height: 100px;
+    margin: 50px auto;
+    position: relative;
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    animation-name: bounce;
+    animation-duration: 1s;
+    animation-iteration-count: 3;
+  }
+
+  @keyframes bounce{
+    0% {
+      top: 0px;
+    }
+    50% {
+      top: 249px;
+      width: 130px;
+      height: 70px;
+    }
+    100% {
+      top: 0px;
+    }
+  }
+</style>
+<div id="ball"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/animate-multiple-elements-at-variable-rates.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/animate-multiple-elements-at-variable-rates.arabic.md
new file mode 100644
index 0000000000..88aa3ce05b
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/animate-multiple-elements-at-variable-rates.arabic.md
@@ -0,0 +1,105 @@
+---
+id: 587d78a8367417b2b2512ae6
+title: Animate Multiple Elements at Variable Rates
+challengeType: 0
+videoUrl: ''
+localeTitle: تحريك عناصر متعددة بأسعار متغيرة
+---
+
+## Description
+<section id="description"> في التحدي السابق ، قمت بتغيير معدلات الرسوم المتحركة <code>@keyframes</code> عن طريق تغيير قواعد <code>@keyframes</code> الخاصة بهم. يمكنك تحقيق الهدف نفسه عن طريق معالجة <code>animation-duration</code> لعناصر متعددة. في الرسم المتحرك الذي يتم تشغيله في محرر الشفرات ، هناك ثلاثة &quot;نجوم&quot; في السماء تتألق في نفس المعدل في حلقة مستمرة. لجعلها تومض بمعدلات مختلفة ، يمكنك تعيين خاصية <code>animation-duration</code> إلى قيم مختلفة لكل عنصر. </section>
+
+## Instructions
+<section id="instructions"> عيّن <code>animation-duration</code> للعناصر مع الفئات <code>star-1</code> ، و <code>star-2</code> ، و <code>star-3</code> to 1s ، و 0.9s ، و 1.1s ، على التوالي. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تظل خاصية <code>animation-duration</code> للنجمة مع الفئة class <code>star-1</code> على 1s.
+    testString: 'assert($(".star-1").css("animation-duration") == "1s", "The <code>animation-duration</code> property for the star with class <code>star-1</code> should remain at 1s.");'
+  - text: يجب أن تكون خاصية <code>animation-duration</code> للنجمة ذات الفئة <code>star-2</code> 0.9.
+    testString: 'assert($(".star-2").css("animation-duration") == "0.9s", "The <code>animation-duration</code> property for the star with class <code>star-2</code> should be 0.9s.");'
+  - text: يجب أن تكون <code>animation-duration</code> للنجمة مع الفئة class <code>star-3</code> هي 1.1s.
+    testString: 'assert($(".star-3").css("animation-duration") == "1.1s", "The <code>animation-duration</code> property for the star with class <code>star-3</code> should be 1.1s.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .stars {
+    background-color: white;
+    height: 30px;
+    width: 30px;
+    border-radius: 50%;
+    animation-iteration-count: infinite;
+  }
+
+  .star-1 {
+    margin-top: 15%;
+    margin-left: 60%;
+    animation-duration: 1s;
+    animation-name: twinkle;
+  }
+
+  .star-2 {
+    margin-top: 25%;
+    margin-left: 25%;
+    animation-duration: 1s;
+    animation-name: twinkle;
+  }
+
+  .star-3 {
+    margin-top: 10%;
+    margin-left: 50%;
+    animation-duration: 1s;
+    animation-name: twinkle;
+  }
+
+  @keyframes twinkle {
+    20% {
+      transform: scale(0.5);
+      opacity: 0.5;
+    }
+  }
+
+  #back {
+    position: fixed;
+    padding: 0;
+    margin: 0;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(black, #000099, #66c2ff, #ffcccc, #ffeee6);
+  }
+</style>
+
+<div id="back"></div>
+<div class="star-1 stars"></div>
+<div class="star-2 stars"></div>
+<div class="star-3 stars"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.arabic.md
new file mode 100644
index 0000000000..a114fd5d34
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.arabic.md
@@ -0,0 +1,57 @@
+---
+id: 587d78a3367417b2b2512ad0
+title: Center an Element Horizontally Using the margin Property
+challengeType: 0
+videoUrl: ''
+localeTitle: توسيط عنصر أفقيًا باستخدام خاصية الهامش
+---
+
+## Description
+<section id="description"> أسلوب آخر لتحديد المواقع هو مركز عنصر كتلة أفقيا. إحدى الطرق للقيام بذلك هي تعيين <code>margin</code> الخاص به إلى قيمة تلقائي. هذه الطريقة تعمل للصور أيضا. الصور هي عناصر مضمنة افتراضيًا ، ولكن يمكن تغييرها لحظر العناصر عند تعيين خاصية <code>display</code> للحظر. </section>
+
+## Instructions
+<section id="instructions"> قم <code>div</code> على الصفحة بإضافة خاصية <code>margin</code> بقيمة تلقائية. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>div</code> <code>margin</code> على تلقائي.
+    testString: 'assert(code.match(/margin:\s*?auto;/g), "The <code>div</code> should have a <code>margin</code> set to auto.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    background-color: blue;
+    height: 100px;
+    width: 100px;
+
+  }
+</style>
+<div></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/change-an-elements-relative-position.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/change-an-elements-relative-position.arabic.md
new file mode 100644
index 0000000000..5cf1ac61d9
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/change-an-elements-relative-position.arabic.md
@@ -0,0 +1,61 @@
+---
+id: 587d781e367417b2b2512ac9
+title: Change an Element's Relative Position
+challengeType: 0
+videoUrl: ''
+localeTitle: تغيير موضع نسبي للعنصر
+---
+
+## Description
+<section id="description"> تعامل CSS كل عنصر HTML كمربع خاص بها ، والذي يشار إليه عادة باسم <code>CSS Box Model</code> . تبدأ عناصر مستوى الحظر تلقائيًا في سطر جديد (فكّر في العناوين ، والفقرات ، والعناوين الفرعية) ، بينما تجلس العناصر المضمّنة داخل المحتوى المحيط (مثل الصور أو الامتدادات). يُسمى التنسيق الافتراضي للعناصر بهذه الطريقة <code>normal flow</code> للمستند ، ولكن يوفر CSS خاصية الموضع لتجاوزه. عندما يتم تعيين موضع عنصر ما إلى <code>relative</code> ، فإنه يتيح لك تحديد كيفية نقل CSS له <i>بالنسبة</i> إلى موضعه الحالي في التدفق العادي للصفحة. أزواج مع خصائص تعويض CSS من <code>left</code> أو <code>right</code> ، <code>top</code> أو <code>bottom</code> . يوضح ذلك عدد البكسلات أو النسب المئوية أو نظام الإدارة البيئية لنقل العنصر <i>بعيدًا</i> عن موضعه الطبيعي. المثال التالي ينقل الفقرة 10 بكسل من الأسفل: <blockquote style=";text-align:right;direction:rtl"> ص { <br> موقف: قريب <br> أسفل: 10 بكسل ؛ <br> } </blockquote> لا يؤدي تغيير موضع عنصر ما إلى نسبي إلى إزالته من التدفق العادي - حيث لا تزال عناصر أخرى حوله تتصرف كما لو كان هذا العنصر في موضعه الافتراضي. <strong>ملحوظة</strong> <br> يمنحك التموضع الكثير من المرونة والقوة على التخطيط المرئي للصفحة. من الجيد أن نتذكر أنه بغض النظر عن موضع العناصر ، يجب تنظيم ترميز HTML الأساسي وجعله منطقيًا عند القراءة من الأعلى إلى الأسفل. هذه هي الطريقة التي يدخل بها المستخدمون الذين يعانون من إعاقات بصرية (الذين يعتمدون على أجهزة مساعدة مثل قارئات الشاشة) إلى المحتوى الخاص بك. </section>
+
+## Instructions
+<section id="instructions"> غيّر <code>position</code> <code>h2</code> إلى <code>relative</code> ، واستخدم إزاحة CSS لتحريكها بمقدار 15 بكسل بعيدًا عن الجزء <code>top</code> من المكان الذي توجد فيه في التدفق العادي. لاحظ أنه لا يوجد أي تأثير على مواضع عناصر h1 و p المحيطة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون لعنصر <code>h2</code> خاصية <code>position</code> معيّنة إلى <code>relative</code> .
+    testString: 'assert($("h2").css("position") == "relative", "The <code>h2</code> element should have a <code>position</code> property set to <code>relative</code>.");'
+  - text: يجب أن تستخدم شفرتك تخالف CSS لوضع <code>h2</code> 15px بشكلٍ نسبي بعيدًا عن <code>top</code> المكان الذي توجد فيه عادةً.
+    testString: 'assert($("h2").css("top") == "15px", "Your code should use a CSS offset to relatively position the <code>h2</code> 15px away from the <code>top</code> of where it normally sits.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h2 {
+
+
+  }
+</style>
+<body>
+  <h1>On Being Well-Positioned</h1>
+  <h2>Move me!</h2>
+  <p>I still think the h2 is where it normally sits.</p>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/change-animation-timing-with-keywords.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/change-animation-timing-with-keywords.arabic.md
new file mode 100644
index 0000000000..0502501945
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/change-animation-timing-with-keywords.arabic.md
@@ -0,0 +1,89 @@
+---
+id: 587d78a8367417b2b2512ae7
+title: Change Animation Timing with Keywords
+challengeType: 0
+videoUrl: ''
+localeTitle: تغيير الرسوم المتحركة التوقيت مع الكلمات الرئيسية
+---
+
+## Description
+<section id="description"> في الرسوم المتحركة في CSS ، تتحكم الخاصية <code>animation-timing-function</code> سرعة تغير عنصر متحرك خلال مدة الرسم المتحرك. إذا كانت الرسوم المتحركة عبارة عن سيارة تتحرك من النقطة A إلى النقطة B في وقت معين ( <code>animation-duration</code> ) ، فإن <code>animation-timing-function</code> توضح كيفية تسارع السيارة وتبطئها على مدار محرك الأقراص. هناك عدد من الكلمات الرئيسية المحددة مسبقًا المتاحة للخيارات الشائعة. على سبيل المثال ، القيمة الافتراضية هي <code>ease</code> ، والتي تبدأ بطيئة ، وتسرع في الوسط ، ثم تتباطأ مرة أخرى في النهاية. تتضمن الخيارات الأخرى <code>ease-out</code> ، وهو سريع في البداية ثم يبطئ ، <code>ease-in</code> ، وهو بطيء في البداية ، ثم يسرع في النهاية ، أو <code>linear</code> ، والذي يطبق سرعة حركة ثابتة طوال الوقت. </section>
+
+## Instructions
+<section id="instructions"> بالنسبة إلى العناصر ذات المعرف <code>ball1</code> و <code>ball2</code> ، أضف خاصية كل من <code>animation-timing-function</code> ، واضبط <code>#ball1</code> على <code>linear</code> ، و <code>#ball2</code> <code>ease-out</code> . لاحظ الفرق بين كيفية تحرك العناصر أثناء الرسم المتحرك ولكن معًا ، لأنهم يشتركون في نفس <code>animation-duration</code> تبلغ ثانيتين. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تكون قيمة خاصية <code>animation-timing-function</code> العنصر مع معرف <code>ball1</code> خطية.
+    testString: 'assert($("#ball1").css("animation-timing-function") == "linear", "The value of the <code>animation-timing-function</code> property for the element with the id <code>ball1</code> should be linear.");'
+  - text: يجب أن تكون قيمة خاصية <code>animation-timing-function</code> للعنصر مع معرف <code>ball2</code> سهلة التخفيف.
+    testString: 'assert($("#ball2").css("animation-timing-function") == "ease-out", "The value of the <code>animation-timing-function</code> property for the element with the id <code>ball2</code> should be ease-out.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  .balls {
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    margin-top: 50px;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #ball1 {
+    left:27%;
+
+  }
+  #ball2 {
+    left:56%;
+
+  }
+
+@keyframes bounce {
+  0% {
+    top: 0px;
+  }
+  100% {
+    top: 249px;
+  }
+}
+
+</style>
+
+<div class="balls" id="ball1"></div>
+<div class="balls" id="ball2"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/change-the-position-of-overlapping-elements-with-the-z-index-property.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/change-the-position-of-overlapping-elements-with-the-z-index-property.arabic.md
new file mode 100644
index 0000000000..969563b2ab
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/change-the-position-of-overlapping-elements-with-the-z-index-property.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 587d78a3367417b2b2512acf
+title: Change the Position of Overlapping Elements with the z-index Property
+challengeType: 0
+videoUrl: ''
+localeTitle: تغيير موضع تراكب العناصر مع خاصية فهرس z
+---
+
+## Description
+<section id="description"> عندما يتم وضع العناصر للتراكب ، سيظهر العنصر الذي سيأتي لاحقًا في ترميز HTML ، بشكل افتراضي ، في أعلى العناصر الأخرى. ومع ذلك ، يمكن أن تحدد خاصية <code>z-index</code> ترتيب كيفية تكديس العناصر فوق بعضها البعض. يجب أن يكون عددًا صحيحًا (أي عددًا كاملاً وليس عشريًا) ، والقيم الأعلى لخاصية <code>z-index</code> لعنصر ما ، تحركه أعلى في المكدس من تلك ذات القيم الأقل. </section>
+
+## Instructions
+<section id="instructions"> إضافة خاصية <code>z-index</code> إلى العنصر مع اسم الفئة <code>first</code> (المستطيل الأحمر) وتعيينه إلى قيمة 2 بحيث يغطي العنصر الآخر (المستطيل الأزرق). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يحتوي العنصر ذو الصنف <code>first</code> على قيمة <code>z-index</code> 2.
+    testString: 'assert($(".first").css("z-index") == "2", "The element with class <code>first</code> should have a <code>z-index</code> value of 2.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    width: 60%;
+    height: 200px;
+    margin-top: 20px;
+  }
+
+  .first {
+    background-color: red;
+    position: absolute;
+
+  }
+  .second {
+    background-color: blue;
+    position: absolute;
+    left: 40px;
+    top: 50px;
+    z-index: 1;
+  }
+</style>
+
+<div class="first"></div>
+<div class="second"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.arabic.md
new file mode 100644
index 0000000000..e76c127a9b
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.arabic.md
@@ -0,0 +1,61 @@
+---
+id: 587d78a5367417b2b2512ad6
+title: Create a Gradual CSS Linear Gradient
+challengeType: 0
+videoUrl: ''
+localeTitle: إنشاء تدرج خطي متدرج CSS
+---
+
+## Description
+<section id="description"> لا يقتصر تطبيق لون على عناصر HTML على لون واحد مسطح. يوفر CSS القدرة على استخدام انتقالات اللون ، والمعروفة باسم التدرجات ، على العناصر. يتم الوصول إلى هذا من خلال الدالة <code>linear-gradient()</code> لخاصية <code>background</code> . هنا الصيغة العامة: <code>background: linear-gradient(gradient_direction, color 1, color 2, color 3, ...);</code> تحدد الوسيطة الأولى الاتجاه الذي يبدأ منه انتقال اللون - يمكن تحديده كدرجة ، حيث يجعل 90deg تدرجًا رأسيًا ويصبح 45deg مائلًا مثل الخط المائل العكسي (Backslash). الوسيطات التالية تحدد ترتيب الألوان المستخدمة في التدرج. مثال: <code>background: linear-gradient(90deg, red, yellow, rgb(204, 204, 255));</code> </section>
+
+## Instructions
+<section id="instructions"> استخدم <code>linear-gradient()</code> <code>background</code> عنصر <code>div</code> ، <code>#CCFFFF</code> من اتجاه 35 درجة لتغيير اللون من <code>#CCFFFF</code> إلى <code>#FFCCCC</code> . <strong>ملحوظة</strong> <br> بينما هناك طرق أخرى لتحديد قيمة لون ، مثل <code>rgb()</code> أو <code>hsl()</code> ، استخدم قيم سداسية لهذا التحدي. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يحتوي عنصر <code>div</code> على <code>background</code> <code>linear-gradient</code> مع الاتجاه والألوان المحددين.
+    testString: 'assert(code.match(/background:\s*?linear-gradient\(35deg,\s*?(#CCFFFF|#CFF),\s*?(#FFCCCC|#FCC)\);/gi), "The <code>div</code> element should have a <code>linear-gradient</code> <code>background</code> with the specified direction and colors.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  div{
+    border-radius: 20px;
+    width: 70%;
+    height: 400px;
+    margin: 50px auto;
+
+  }
+
+</style>
+
+<div></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.arabic.md
new file mode 100644
index 0000000000..f2ffaff045
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 587d78a6367417b2b2512add
+title: Create a Graphic Using CSS
+challengeType: 0
+videoUrl: ''
+localeTitle: قم بإنشاء رسم باستخدام CSS
+---
+
+## Description
+<section id="description"> من خلال التلاعب بمختصرات وخصائص مختلفة ، يمكنك عمل أشكال مثيرة للاهتمام. واحدة من أسهل في محاولة هو شكل هلال القمر. لهذا التحدي ، تحتاج إلى العمل مع خاصية <code>box-shadow</code> التي تقوم بتعيين ظل عنصر ، مع خاصية <code>border-radius</code> التي تتحكم في استدارة زوايا العنصر. سوف تقوم بإنشاء كائن مستدير وشفافة مع ظل هش يعوض قليلاً إلى الجانب - الظل سيكون في الواقع شكل القمر الذي تراه. لإنشاء كائن مستدير ، يجب تعيين الخاصية <code>border-radius</code> إلى قيمة 50٪. قد تتذكر من تحدي سابق أن خاصية <code>box-shadow</code> تأخذ قيمًا <code>offset-x</code> ، <code>offset-y</code> ، <code>blur-radius</code> ، و <code>blur-radius</code> <code>spread-radius</code> وقيمة اللون بهذا الترتيب. تعد قيم <code>spread-radius</code> <code>blur-radius</code> و <code>blur-radius</code> <code>spread-radius</code> اختيارية. </section>
+
+## Instructions
+<section id="instructions"> التعامل مع عنصر مربع في المحرر لإنشاء شكل القمر. أولاً ، قم بتغيير <code>background-color</code> إلى شفاف ، ثم قم بتعيين الخاصية <code>border-radius</code> إلى 50٪ لجعل الشكل الدائري. وأخيرًا ، قم بتغيير الخاصية <code>box-shadow</code> لتعيين <code>offset-x</code> إلى 25px ، و <code>offset-y</code> إلى 10px ، و <code>blur-radius</code> إلى 0 ، <code>spread-radius</code> إلى 0 ، و color to blue. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب تعيين قيمة الخاصية <code>background-color</code> إلى <code>transparent</code> .
+    testString: 'assert(code.match(/background-color:\s*?transparent;/gi), "The value of the <code>background-color</code> property should be set to <code>transparent</code>.");'
+  - text: يجب تعيين قيمة خاصية <code>border-radius</code> إلى <code>50%</code> .
+    testString: 'assert(code.match(/border-radius:\s*?50%;/gi), "The value of the <code>border-radius</code> property should be set to <code>50%</code>.");'
+  - text: يجب تعيين قيمة الخاصية <code>box-shadow</code> إلى 25px للإزاحة <code>offset-x</code> ، و <code>offset-x</code> بكسل لـ <code>offset-x</code> <code>offset-y</code> ، و 0 لـ <code>blur-radius</code> ، و 0 لـ <code>spread-radius</code> ، وأخيراً اللون الأزرق للون.
+    testString: 'assert(code.match(/box-shadow:\s*?25px\s+?10px\s+?0(px)?\s+?0(px)?\s+?blue\s*?;/gi), "The value of the <code>box-shadow</code> property should be set to 25px for <code>offset-x</code>, 10px for <code>offset-y</code>, 0 for <code>blur-radius</code>, 0 for <code>spread-radius</code>, and finally blue for the color.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+.center
+{
+  position: absolute;
+  margin: auto;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+
+  background-color: blue;
+  border-radius: 0px;
+  box-shadow: 25px 10px 10px 10px green;
+}
+
+</style>
+<div class="center"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.arabic.md
new file mode 100644
index 0000000000..310013f0dc
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.arabic.md
@@ -0,0 +1,89 @@
+---
+id: 587d781b367417b2b2512abb
+title: Create a Horizontal Line Using the hr Element
+challengeType: 0
+videoUrl: ''
+localeTitle: إنشاء خط أفقي باستخدام عنصر hr
+---
+
+## Description
+<section id="description"> يمكنك استخدام علامة <code>hr</code> لإضافة خط أفقي عبر عرض عنصر محتواه. يمكن استخدام هذا لتعريف تغيير في الموضوع أو لفصل مجموعات المحتوى بشكل مرئي. </section>
+
+## Instructions
+<section id="instructions"> أضف علامة <code>hr</code> أسفل <code>h4</code> التي تحتوي على عنوان البطاقة. <strong>ملحوظة</strong> <br> في HTML ، <code>hr</code> هي علامة ذاتية الإغلاق ، وبالتالي لا تحتاج إلى علامة إغلاق منفصلة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تضيف الشفرة علامة <code>hr</code> إلى الترميز.
+    testString: 'assert($("hr").length == 1, "Your code should add an <code>hr</code> tag to the markup.");'
+  - text: يجب أن تأتي علامة <code>hr</code> بين العنوان والفقرة.
+    testString: 'assert(code.match(/<\/h4>\s*?<hr(>|\s*?\/>)\s*?<p>/gi), "The <code>hr</code> tag should come between the title and the paragraph.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4><s>Google</s>Alphabet</h4>
+
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.arabic.md
new file mode 100644
index 0000000000..971a93cb37
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.arabic.md
@@ -0,0 +1,89 @@
+---
+id: 587d78a6367417b2b2512ade
+title: Create a More Complex Shape Using CSS and HTML
+challengeType: 0
+videoUrl: ''
+localeTitle: إنشاء شكل أكثر تعقيدًا باستخدام CSS و HTML
+---
+
+## Description
+<section id="description"> واحدة من أكثر الأشكال شعبية في العالم هي شكل القلب ، وفي هذا التحدي عليك إنشاء واحد باستخدام CSS النقي. ولكن أولا ، تحتاج إلى فهم <code>::before</code> و <code>::after</code> pseudo-elements. يتم استخدام هذه العناصر الزائفة لإضافة شيء ما قبل أو بعد عنصر محدد. في المثال التالي ، يتم استخدام العنصر <code>::before</code> pseudo-element لإضافة مستطيل إلى عنصر به <code>heart</code> الفئة: <blockquote style=";text-align:right;direction:rtl"> .heart :: before { <br> يحتوى: &quot;&quot;؛ <br> لون الخلفية: أصفر. <br> نصف قطر الحدود: 25٪ ؛ <br> الموقع: مطلقة <br> الارتفاع: 50 بكسل ؛ <br> العرض: 70 بكسل <br> أعلى: - 50 بكسل <br> اليسار: 5 بكسل ؛ <br> } </blockquote> بالنسبة لـ <code>::before</code> و <code>::after</code> pseudo-elements لتعمل بشكل صحيح ، يجب أن يكون لها خاصية <code>content</code> محددة. يتم استخدام هذه الخاصية عادةً لإضافة أشياء مثل صورة أو نص إلى العنصر المحدد. عندما يتم استخدام الـ <code>::before</code> و <code>::after</code> pseudo-elements لجعل الأشكال ، فإن خاصية <code>content</code> لا تزال مطلوبة ، لكن يتم ضبطها على سلسلة فارغة. في المثال أعلاه، عنصر مع فئة من <code>heart</code> لديه <code>::before</code> الزائفة العنصر الذي ينتج مستطيل أصفر مع <code>height</code> و <code>width</code> من 50px 70px و، على التوالي. يحتوي هذا المستطيل على زوايا دائرية نظرًا لنصف قطره 25٪ ويتم وضعه تمامًا عند 5 بكسل من <code>left</code> و 50 بكسل فوق الجزء <code>top</code> من العنصر. </section>
+
+## Instructions
+<section id="instructions"> تحويل العنصر على الشاشة إلى القلب. في <code>heart::after</code> الاختيار ، قم بتغيير <code>background-color</code> الوردي و <code>border-radius</code> إلى 50٪. بعد ذلك ، استهدف العنصر <code>heart</code> الطبقة ( <code>heart</code> فقط) واملأ خاصية <code>transform</code> . استخدم وظيفة <code>rotate()</code> مع -45 درجة. (يعمل <code>rotate()</code> بنفس الطريقة التي يعمل بها <code>skewX()</code> و <code>skewY()</code> ). وأخيراً ، في <code>heart::before</code> selector ، قم بتعيين خاصية <code>content</code> الخاصة به إلى سلسلة فارغة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن تكون الخاصية <code>background-color</code> <code>heart::after</code> محدد الوردي.'
+    testString: 'assert(code.match(/\.heart::after\s*?{\s*?background-color\s*?:\s*?pink\s*?;/gi), "The <code>background-color</code> property of the <code>heart::after</code> selector should be pink.");'
+  - text: 'يجب أن يكون <code>border-radius</code> الحد <code>heart::after</code> محدد 50 ٪.'
+    testString: 'assert(code.match(/border-radius\s*?:\s*?50%/gi).length == 2, "The <code>border-radius</code> of the <code>heart::after</code> selector should be 50%.");'
+  - text: يجب أن تستخدم خاصية <code>transform</code> لفئة <code>heart</code> الدالة <code>rotate()</code> إلى -45 درجة.
+    testString: 'assert(code.match(/transform\s*?:\s*?rotate\(\s*?-45deg\s*?\)/gi), "The <code>transform</code> property for the <code>heart</code> class should use a <code>rotate()</code> function set to -45 degrees.");'
+  - text: 'يجب أن يكون <code>content</code> <code>heart::before</code> محدد سلسلة فارغة.'
+    testString: 'assert(code.match(/\.heart::before\s*?{\s*?content\s*?:\s*?("|")\1\s*?;/gi), "The <code>content</code> of the <code>heart::before</code> selector should be an empty string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+.heart {
+  position: absolute;
+  margin: auto;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: pink;
+  height: 50px;
+  width: 50px;
+  transform: ;
+}
+.heart::after {
+  background-color: blue;
+  content: "";
+  border-radius: 25%;
+  position: absolute;
+  width: 50px;
+  height: 50px;
+  top: 0px;
+  left: 25px;
+}
+.heart::before {
+  content: ;
+  background-color: pink;
+  border-radius: 50%;
+  position: absolute;
+  width: 50px;
+  height: 50px;
+  top: -25px;
+  left: 0px;
+}
+</style>
+<div class = "heart"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.arabic.md
new file mode 100644
index 0000000000..d81fa03679
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.arabic.md
@@ -0,0 +1,87 @@
+---
+id: 587d78a7367417b2b2512ae1
+title: Create Movement Using CSS Animation
+challengeType: 0
+videoUrl: ''
+localeTitle: إنشاء حركة باستخدام CSS الرسوم المتحركة
+---
+
+## Description
+<section id="description"> عندما يكون للعنصر <code>position</code> محدد ، مثل <code>fixed</code> أو <code>relative</code> ، يمكن استخدام خصائص إزاحة CSS إلى <code>right</code> <code>left</code> <code>top</code> <code>bottom</code> في قواعد الرسوم المتحركة لإنشاء حركة. كما هو موضح في المثال أدناه ، يمكنك دفع العنصر إلى الأسفل ثم إلى الأعلى عن طريق تعيين الخاصية <code>top</code> للإطار الرئيسي <code>50%</code> إلى 50 بكسل ، ولكن بعد تعيينه على 0px للأول ( <code>0%</code> <code>100%</code> ) والإطار الرئيسي الأخير ( <code>100%</code> ). <blockquote style=";text-align:right;direction:rtl"> keyframes rainbow { <br> 0٪ <br> لون الخلفية: أزرق ؛ <br> العلوي: 0 بكسل ؛ <br> } <br> 50٪ { <br> background-color: green؛ <br> العلوي: 50 بكسل <br> } <br> 100٪ { <br> لون الخلفية: أصفر. <br> العلوي: 0 بكسل ؛ <br> } <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> أضف حركة أفقية إلى الرسوم المتحركة <code>div</code> . باستخدام خاصية الإزاحة <code>left</code> ، قم بإضافة قاعدة <code>@keyframes</code> بحيث يبدأ قوس قزح عند 0 بكسل عند <code>0%</code> ، وينتقل إلى 25 بكسل عند <code>50%</code> ، وينتهي عند -25 بكسل عند <code>100%</code> . لا تحل محل الخاصية <code>top</code> في المحرر - يجب أن يكون للرسوم المتحركة حركة رأسيًا وأفقيًا. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تستخدم قاعدة <code>@keyframes</code> لـ <code>0%</code> الإزاحة <code>left</code> من 0px.
+    testString: 'assert(code.match(/0%\s*?{\s*?background-color:\s*?blue;\s*?top:\s*?0(px)?;\s*?left:\s*?0(px)?;\s*?}/gi), "The <code>@keyframes</code> rule for <code>0%</code> should use the <code>left</code> offset of 0px.");'
+  - text: يجب أن تستخدم قاعدة <code>@keyframes</code> <code>50%</code> الإزاحة <code>left</code> من 25 بكسل.
+    testString: 'assert(code.match(/50%\s*?{\s*?background-color:\s*?green;\s*?top:\s*?50px;\s*?left:\s*?25px;\s*?}/gi), "The <code>@keyframes</code> rule for <code>50%</code> should use the <code>left</code> offset of 25px.");'
+  - text: يجب أن تستخدم قاعدة <code>@keyframes</code> لـ <code>100%</code> الإزاحة <code>left</code> من -25 بكسل.
+    testString: 'assert(code.match(/100%\s*?{\s*?background-color:\s*?yellow;\s*?top:\s*?0(px)?;\s*?left:\s*?-25px;\s*?}/gi), "The <code>@keyframes</code> rule for <code>100%</code> should use the <code>left</code> offset of -25px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    height: 40px;
+    width: 70%;
+    background: black;
+    margin: 50px auto;
+    border-radius: 5px;
+    position: relative;
+  }
+
+#rect {
+  animation-name: rainbow;
+  animation-duration: 4s;
+}
+
+@keyframes rainbow {
+  0% {
+    background-color: blue;
+    top: 0px;
+
+  }
+  50% {
+    background-color: green;
+    top: 50px;
+
+  }
+  100% {
+    background-color: yellow;
+    top: 0px;
+
+  }
+}
+</style>
+
+<div id="rect"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image.arabic.md
new file mode 100644
index 0000000000..98fa600929
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image.arabic.md
@@ -0,0 +1,53 @@
+---
+id: 587d78a5367417b2b2512ad8
+title: Create Texture by Adding a Subtle Pattern as a Background Image
+challengeType: 0
+videoUrl: ''
+localeTitle: خلق نسيج عن طريق إضافة نمط دقيق كخلفية صورة
+---
+
+## Description
+<section id="description"> إحدى الطرق لإضافة الملمس والاهتمام إلى الخلفية وجعلها تبرز أكثر هي إضافة نمط دقيق. المفتاح هو التوازن ، لأنك لا تريد أن تبرز الخلفية أكثر من اللازم ، وأن تأخذها بعيدًا عن المقدمة. تدعم خاصية <code>background</code> وظيفة <code>url()</code> للربط بصورة للنسيج أو النمط المختار. يتم التفاف عنوان الارتباط بين علامات اقتباس داخل الأقواس. </section>
+
+## Instructions
+<section id="instructions"> باستخدام رابط من <code>https://i.imgur.com/MJAkxbh.png</code> ، تعيين <code>background</code> من صفحة كاملة مع <code>body</code> محدد. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون لعنصر <code>body</code> الخاص بك خاصية <code>background</code> معيّنة إلى <code>url()</code> بالرابط المحدد.
+    testString: 'assert(code.match(/background:\s*?url\(\s*("|"|)https:\/\/i\.imgur\.com\/MJAkxbh\.png\1\s*\)/gi), "Your <code>body</code> element should have a <code>background</code> property set to a <code>url()</code> with the given link.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+
+  }
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-visual-balance-using-the-text-align-property.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-visual-balance-using-the-text-align-property.arabic.md
new file mode 100644
index 0000000000..b4cf9f82a4
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-visual-balance-using-the-text-align-property.arabic.md
@@ -0,0 +1,83 @@
+---
+id: 587d7791367417b2b2512ab3
+title: Create Visual Balance Using the text-align Property
+challengeType: 0
+videoUrl: ''
+localeTitle: إنشاء توازن مرئي باستخدام خاصية محاذاة النص
+---
+
+## Description
+<section id="description"> يركز هذا القسم من المنهج على التصميم المرئي التطبيقي. تعتمد المجموعة الأولى من التحديات على تصميم البطاقة المعينة لإظهار عدد من المبادئ الأساسية. غالبًا ما يكون النص جزءًا كبيرًا من محتوى الويب. يحتوي CSS على عدة خيارات لكيفية محاذاةه مع خاصية <code>text-align</code> . <code>text-align: justify;</code> يتسبب في كافة أسطر النص باستثناء السطر الأخير لمقابلة الحواف اليمنى واليسرى لمربع السطر. <code>text-align: center;</code> مراكز النص <code>text-align: right;</code> محاذاة إلى اليمين <code>text-align: left;</code> (الافتراضي) يسار النص. </section>
+
+## Instructions
+<section id="instructions"> قم بمحاذاة نص علامة <code>h4</code> ، والذي يشير إلى &quot;Google&quot; ، إلى المركز. ثم قم بتبرير علامة الفقرة التي تحتوي على معلومات حول كيفية تأسيس Google. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك الخاصية محاذاة النص على علامة <code>h4</code> إلى الوسط.
+    testString: 'assert($("h4").css("text-align") == "center", "Your code should use the text-align property on the <code>h4</code> tag to set it to center.");'
+  - text: يجب أن تستخدم شفرتك خاصية محاذاة النص على علامة <code>p</code> لتعيينها لتبريرها.
+    testString: 'assert($("p").css("text-align") == "justify", "Your code should use the text-align property on the <code>p</code> tag to set it to justify.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+
+  }
+  p {
+
+  }
+  .links {
+    margin-right: 20px;
+
+  }
+  .fullCard {
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-visual-direction-by-fading-an-element-from-left-to-right.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-visual-direction-by-fading-an-element-from-left-to-right.arabic.md
new file mode 100644
index 0000000000..ba8abb1e62
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/create-visual-direction-by-fading-an-element-from-left-to-right.arabic.md
@@ -0,0 +1,76 @@
+---
+id: 587d78a7367417b2b2512ae2
+title: Create Visual Direction by Fading an Element from Left to Right
+challengeType: 0
+videoUrl: ''
+localeTitle: إنشاء اتجاه مرئي بواسطة Fading عنصر من اليسار إلى اليمين
+---
+
+## Description
+<section id="description"> لهذا التحدي ، ستقوم بتغيير <code>opacity</code> عنصر متحرك بحيث يتلاشى تدريجياً عندما يصل إلى الجانب الأيمن من الشاشة. في الصورة المتحركة المعروضة ، يتحرك العنصر المستدير بخلفية التدرج إلى اليمين بواسطة علامة 50٪ للرسوم المتحركة في قاعدة <code>@keyframes</code> . </section>
+
+## Instructions
+<section id="instructions"> استهدف العنصر بمعرّف <code>ball</code> وأضف خاصية <code>opacity</code> إلى 0.1 عند <code>50%</code> ، بحيث يتلاشى العنصر أثناء انتقاله إلى اليمين. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحدد قاعدة <code>keyframes</code> <code>opacity</code> خاصية <code>opacity</code> إلى 0.1٪ عند 50٪.
+    testString: 'assert(code.match(/@keyframes fade\s*?{\s*?50%\s*?{\s*?(?:left:\s*?60%;\s*?opacity:\s*?0?\.1;|opacity:\s*?0?\.1;\s*?left:\s*?60%;)/gi), "The <code>keyframes</code> rule for fade should set the <code>opacity</code> property to 0.1 at 50%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  #ball {
+    width: 70px;
+    height: 70px;
+    margin: 50px auto;
+    position: fixed;
+    left: 20%;
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    animation-name: fade;
+    animation-duration: 3s;
+  }
+
+  @keyframes fade {
+    50% {
+      left: 60%;
+
+    }
+  }
+
+</style>
+
+<div id="ball"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/decrease-the-opacity-of-an-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/decrease-the-opacity-of-an-element.arabic.md
new file mode 100644
index 0000000000..c76fd66cc7
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/decrease-the-opacity-of-an-element.arabic.md
@@ -0,0 +1,93 @@
+---
+id: 587d781c367417b2b2512abf
+title: Decrease the Opacity of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: تقليل تعتيم عنصر
+---
+
+## Description
+<section id="description"> يتم استخدام خاصية <code>opacity</code> في CSS لضبط العتامة ، أو العكس ، شفافية العنصر. <blockquote style=";text-align:right;direction:rtl"> قيمة 1 معتمة ، وهي غير شفافة على الإطلاق. <br> القيمة 0.5 هي نصف شفاف. <br> القيمة 0 شفافة تمامًا. </blockquote> سيتم تطبيق القيمة المقدمة على العنصر بأكمله ، سواء كانت هذه الصورة مع بعض الشفافية ، أو ألوان المقدمة والخلفية لكتلة من النص. </section>
+
+## Instructions
+<section id="instructions"> اضبط <code>opacity</code> علامات الإرساء على 0.7 باستخدام فئة <code>links</code> لتحديدها. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تقوم التعليمة البرمجية بتعيين الخاصية <code>opacity</code> إلى 0.7 على علامات الربط عن طريق تحديد فئة <code>links</code> .
+    testString: 'assert.approximately(parseFloat($(".links").css("opacity")), 0.7, 0.1, "Your code should set the <code>opacity</code> property to 0.7 on the anchor tags by selecting the class of <code>links</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+    font-size: 27px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+
+  }
+  #thumbnail {
+    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard" id="thumbnail">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/learn-about-complementary-colors.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/learn-about-complementary-colors.arabic.md
new file mode 100644
index 0000000000..b20bb3914a
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/learn-about-complementary-colors.arabic.md
@@ -0,0 +1,68 @@
+---
+id: 587d78a3367417b2b2512ad1
+title: Learn about Complementary Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: تعرف على الألوان التكميلية
+---
+
+## Description
+<section id="description"> تعتبر نظرية اللون وتأثيرها على التصميم موضوعًا عميقًا ولا تغطي سوى التحديات الأساسية فقط. على موقع الويب ، يمكن للون جذب الانتباه إلى المحتوى أو إثارة المشاعر أو خلق تناغم بصري. يمكن أن يؤدي استخدام مجموعات مختلفة من الألوان إلى تغيير مظهر موقع الويب ، ويمكن أن يوضع الكثير من التفكير في اختيار لوحة ألوان تعمل مع المحتوى الخاص بك. تعد عجلة الألوان أداة مفيدة لتصور كيف ترتبط الألوان ببعضها - إنها دائرة حيث تكون درجات متشابهة من الجيران والألوان المختلفة متباعدة. عندما يكون هناك لونان في مواجهة بعضهما بعضا على عجلة القيادة ، يطلق عليهما ألوان تكميلية. لديهم ميزة أنه إذا تم دمجها ، فإنها &quot;تلغي&quot; بعضها البعض وتخلق لونًا رماديًا. ومع ذلك ، عند وضعها جنبًا إلى جنب ، تظهر هذه الألوان أكثر حيوية وتنتج تباينًا بصريًا قويًا. بعض الأمثلة من الألوان التكميلية مع رموزها السداسية: <blockquote style=";text-align:right;direction:rtl"> الأحمر (# FF0000) والأزرق (# 00FFFF) <br> أخضر (# 00FF00) وأرجواني (# FF00FF) <br> الأزرق (# 0000FF) والأصفر (# FFFF00) </blockquote> يختلف هذا عن نموذج ألوان RYB القديم الذي تم تدريسه في المدرسة ، والذي يحتوي على ألوان أساسية ومتكاملة مختلفة. تستخدم نظرية الألوان الحديثة نموذج RGB المضاف (مثل على شاشة الكمبيوتر) والطراز CMY (K) subtractive (كما في الطباعة). اقرأ <a href="https://en.wikipedia.org/wiki/Color_model" target="_blank">هنا</a> لمزيد من المعلومات حول هذا الموضوع المعقد. هناك العديد من أدوات اختيار الألوان المتاحة عبر الإنترنت التي لديها خيار للعثور على مجموعة مكملة للون. <strong>ملحوظة</strong> <br> بالنسبة إلى جميع تحديات الألوان: يمكن أن يكون استخدام اللون طريقة فعالة لإضافة الاهتمام المرئي إلى الصفحة. ومع ذلك ، لا ينبغي استخدام اللون وحده باعتباره الطريقة الوحيدة لنقل المعلومات المهمة لأن المستخدمين الذين يعانون من إعاقات بصرية قد لا يفهمون هذا المحتوى. ستتم تغطية هذه المشكلة بمزيد من التفصيل في تحديات إمكانية الوصول التطبيقية. </section>
+
+## Instructions
+<section id="instructions"> قم بتغيير خاصية <code>background-color</code> للفئات <code>blue</code> <code>yellow</code> إلى ألوانها الخاصة. لاحظ كيف تبدو الألوان مختلفة إلى جانب بعضها البعض مقارنة باللون الأبيض. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: و <code>div</code> عنصر مع الطبقة <code>blue</code> يجب أن يكون <code>background-color</code> من اللون الأزرق.
+    testString: 'assert($(".blue").css("background-color") == "rgb(0, 0, 255)", "The <code>div</code> element with class <code>blue</code> should have a <code>background-color</code> of blue.");'
+  - text: يجب أن يكون لعنصر <code>div</code> <code>yellow</code> <code>background-color</code> أصفر.
+    testString: 'assert($(".yellow").css("background-color") == "rgb(255, 255, 0)", "The <code>div</code> element with class <code>yellow</code> should have a <code>background-color</code> of yellow.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: #FFFFFF;
+  }
+  .blue {
+    background-color: #000000;
+  }
+  .yellow {
+    background-color: #000000;
+  }
+  div {
+    display: inline-block;
+    height: 100px;
+    width: 100px;
+  }
+</style>
+<div class="blue"></div>
+<div class="yellow"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.arabic.md
new file mode 100644
index 0000000000..c3d9c8eb71
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.arabic.md
@@ -0,0 +1,79 @@
+---
+id: 587d78a4367417b2b2512ad2
+title: Learn about Tertiary Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: تعرف على ألوان التعليم العالي
+---
+
+## Description
+<section id="description"> تعمل شاشات الكمبيوتر وشاشات الأجهزة على إنشاء ألوان مختلفة من خلال الجمع بين كميات الضوء الأحمر والأخضر والأزرق. هذا هو المعروف باسم نموذج RGB المضاف اللون في نظرية الألوان الحديثة. تسمى الأحمر (R) والأخضر (G) والأزرق (B) بالألوان الأساسية. يؤدي خلط لونين أساسيين إلى إنشاء الألوان الثانوية السماوي (G + B) والأرجواني (R + B) والأصفر (R + G). لقد رأيت هذه الألوان في تحدي الألوان التكميلية. هذه الألوان الثانوية تكون مكملة للون الأساسي غير المستخدم في إنشائها ، وهي عكس ذلك اللون الأساسي على عجلة الألوان. على سبيل المثال ، يرصد الأرجواني مع الأحمر والأزرق ، وهو مكمل للأخضر. الألوان الثلاثية هي نتيجة دمج لون أساسي مع أحد جوار الألوان الثانوية. على سبيل المثال ، الأحمر (الأساسي) والأصفر (ثانوي) جعل البرتقالي. هذا يضيف ستة ألوان إضافية إلى عجلة ألوان بسيطة لإجمالي 12 لونًا. هناك طرق مختلفة لاختيار ألوان مختلفة تؤدي إلى تركيبة متناسقة في التصميم. يسمى أحد الأمثلة التي يمكن أن تستخدم ألوان ثلاثية نظام الألوان المكملة والمقسمة. يبدأ هذا المخطط بلون أساسي ، ثم يجمعه مع لونين متاخمين لملحقه. توفر الألوان الثلاثة تباينًا بصريًا قويًا في التصميم ، ولكنها أكثر دقة من استخدام لونين متكاملين. في ما يلي ثلاث ألوان تم إنشاؤها باستخدام نظام الإنقسام المنفصل: <table class="table table-striped" style=";text-align:right;direction:rtl"><thead><tr><th> اللون </th><th> رمز عشري </th></tr></thead><thead></thead><tbody><tr><td> البرتقالي </td><td> # FF7D00 </td></tr><tr><td> ازرق سماوي </td><td> # 00FFFF </td></tr><tr><td> توت العُليق </td><td> # FF007D </td></tr></tbody></table></section>
+
+## Instructions
+<section id="instructions"> قم بتغيير خاصية <code>background-color</code> بالفصول <code>orange</code> <code>cyan</code> <code>raspberry</code> إلى ألوانها الخاصة. تأكد من استخدام الشفرات السداسية كبرتقال ، وأن التوت ليس أسماء ألوان معترف بها بالمتصفح. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون لعنصر <code>div</code> <code>orange</code> <code>background-color</code> برتقالي.
+    testString: 'assert($(".orange").css("background-color") == "rgb(255, 125, 0)", "The <code>div</code> element with class <code>orange</code> should have a <code>background-color</code> of orange.");'
+  - text: و <code>div</code> عنصر مع الطبقة <code>cyan</code> ينبغي أن يكون <code>background-color</code> من السماوي.
+    testString: 'assert($(".cyan").css("background-color") == "rgb(0, 255, 255)", "The <code>div</code> element with class <code>cyan</code> should have a <code>background-color</code> of cyan.");'
+  - text: يجب أن يكون لعنصر <code>div</code> مع <code>raspberry</code> <code>background-color</code> للتوت.
+    testString: 'assert($(".raspberry").css("background-color") == "rgb(255, 0, 125)", "The <code>div</code> element with class <code>raspberry</code> should have a <code>background-color</code> of raspberry.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: #FFFFFF;
+  }
+
+  .orange {
+    background-color: #000000;
+  }
+
+  .cyan {
+    background-color: #000000;
+  }
+
+  .raspberry {
+    background-color: #000000;
+  }
+
+  div {
+    height: 100px;
+    width: 100px;
+    margin-bottom: 5px;
+  }
+</style>
+
+<div class="orange"></div>
+<div class="cyan"></div>
+<div class="raspberry"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.arabic.md
new file mode 100644
index 0000000000..55b360ab1e
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.arabic.md
@@ -0,0 +1,89 @@
+---
+id: 587d78a9367417b2b2512ae8
+title: Learn How Bezier Curves Work
+challengeType: 0
+videoUrl: ''
+localeTitle: تعلم كيف بيجر المنحنيات العمل
+---
+
+## Description
+<section id="description"> قدم التحدي الأخير خاصية عرض <code>animation-timing-function</code> وبعض الكلمات الرئيسية التي تغير سرعة الرسوم المتحركة على مدار مدتها. تقدم CSS خيارًا بخلاف الكلمات الرئيسية التي توفر تحكمًا أكثر دقة في كيفية تشغيل الرسم المتحرك ، من خلال استخدام منحنيات Bezier. في الرسوم المتحركة CSS ، يتم استخدام منحنيات Bezier مع وظيفة <code>cubic-bezier</code> . شكل المنحنى يمثل كيفية تشغيل الرسوم المتحركة. يعيش المنحنى على نظام إحداثي 1 في 1. المحور السيني لنظام الإحداثيات هذا هو مدة الرسم المتحرك (فكر فيه كمقياس زمني) ، والمحور الصادي هو التغيير في الرسوم المتحركة. تتكون الدالة <code>cubic-bezier</code> من أربع نقاط رئيسية على هذه الشبكة 1: 1: <code>p0</code> ، <code>p1</code> ، <code>p2</code> ، <code>p3</code> . يتم تعيين <code>p0</code> و <code>p3</code> لك - وهما نقطة البداية والنهاية التي تقع دائما على التوالي في الأصل (0 ، 0) و (1 ، 1). يمكنك تعيين قيم x و y للنقطتين الأخريين ، وحيث تضعها في الشبكة تملي شكل المنحنى الذي سيتبعه الرسم المتحرك. يتم ذلك في CSS عن طريق تعريف قيمتي x و y لنقاط &quot; <code>p1</code> و <code>p2</code> في النموذج: <code>(x1, y1, x2, y2)</code> . سحب كل ذلك معا ، وهنا مثال لمنحنى بيزير في رمز CSS: <code>animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);</code> في المثال أعلاه ، تكون قيم x و y مكافئة لكل نقطة (x1 = 0.25 = y1 و x2 = 0.75 = y2) ، والتي إذا تذكرت من فئة الهندسة ، ينتج عنها خط يمتد من الأصل إلى النقطة (1) ، 1). هذا الرسم المتحرك هو تغيير خطي لعنصر خلال طول الرسم المتحرك ، وهو مماثل لاستخدام الكلمة الرئيسية <code>linear</code> . وبعبارة أخرى ، يتغير بسرعة ثابتة. </section>
+
+## Instructions
+<section id="instructions"> بالنسبة للعنصر الذي له معرف <code>ball1</code> ، قم بتغيير قيمة خاصية <code>animation-timing-function</code> من <code>linear</code> إلى قيمة الدالة المكافئة <code>cubic-bezier</code> المكافئة لها. استخدم قيم النقاط الواردة في المثال أعلاه. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تكون قيمة خاصية <code>animation-timing-function</code> للعنصر مع معرف <code>ball1</code> الخطية المكافئة.
+    testString: 'assert($("#ball1").css("animation-timing-function") == "cubic-bezier(0.25, 0.25, 0.75, 0.75)", "The value of the <code>animation-timing-function</code> property for the element with the id <code>ball1</code> should be the linear-equivalent cubic-bezier function.");'
+  - text: يجب ألا تتغير قيمة خاصية <code>animation-timing-function</code> للعنصر مع معرف <code>ball2</code> .
+    testString: 'assert($("#ball2").css("animation-timing-function") == "ease-out", "The value of the <code>animation-timing-function</code> property for the element with the id <code>ball2</code> should not change.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  .balls{
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    margin-top: 50px;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #ball1 {
+    left: 27%;
+    animation-timing-function: linear;
+  }
+  #ball2 {
+    left: 56%;
+    animation-timing-function: ease-out;
+  }
+
+@keyframes bounce {
+  0% {
+    top: 0px;
+  }
+  100% {
+    top: 249px;
+  }
+}
+
+</style>
+
+<div class="balls" id="ball1"></div>
+<div class="balls" id="ball2"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/learn-how-the-css-keyframes-and-animation-properties-work.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/learn-how-the-css-keyframes-and-animation-properties-work.arabic.md
new file mode 100644
index 0000000000..9e46bebbbf
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/learn-how-the-css-keyframes-and-animation-properties-work.arabic.md
@@ -0,0 +1,77 @@
+---
+id: 587d78a7367417b2b2512adf
+title: Learn How the CSS @keyframes and animation Properties Work
+challengeType: 0
+videoUrl: ''
+localeTitle: تعلم كيف تعمل CSSkeyframes وخصائص الرسوم المتحركة
+---
+
+## Description
+<section id="description"> لتحريك عنصر ، تحتاج إلى معرفة خصائص الحركة وقاعدة <code>@keyframes</code> . تتحكم خصائص الرسم المتحرك في الكيفية التي ينبغي أن يتصرف بها <code>@keyframes</code> القاعدة <code>@keyframes</code> بما يحدث أثناء ذلك الرسم المتحرك. هناك ثمانية خصائص للرسوم المتحركة في المجموع. وهذا التحدي يبقيه بسيطة وتغطية اثنين من أهمها أولا: <code>animation-name</code> يحدد اسم للرسوم المتحركة، والذي يستخدم لاحقا من قبل <code>@keyframes</code> أن أقول CSS التي تسيطر على الذهاب مع والرسوم المتحركة. تحدد <code>animation-duration</code> الوقت للرسوم المتحركة. <code>@keyframes</code> هو كيفية تحديد ما يحدث بالضبط داخل الرسوم المتحركة على مدار المدة. يتم ذلك عن طريق إعطاء خصائص CSS &quot;إطارات&quot; محددة أثناء الرسوم المتحركة ، مع نسب تتراوح من 0٪ إلى 100٪. إذا قارنت هذا بفيلم ، فإن خصائص CSS لـ 0٪ هي كيفية عرض العنصر في المشهد الافتتاحي. تتمثل خصائص CSS بنسبة 100٪ في كيفية ظهور العنصر في النهاية قبل بدء القوائم مباشرةً. بعد ذلك ، يقوم CSS بتطبيق السحر على نقل العنصر خلال المدة المحددة للعمل على المشهد. في ما يلي مثال لتوضيح استخدام <code>@keyframes</code> وخصائص الرسم المتحرك: <blockquote style=";text-align:right;direction:rtl"> #anim { <br> اسم الرسوم المتحركة: ملونة. <br> مدة الرسوم المتحركة: 3 ثوانٍ ؛ <br> } <br> keyframes الملونة { <br> 0٪ <br> لون الخلفية: أزرق ؛ <br> } <br> 100٪ { <br> لون الخلفية: أصفر. <br> } <br> } </blockquote> للعنصر مع <code>anim</code> الهوية، ورمز المقتطف أعلاه يحدد <code>animation-name</code> إلى <code>colorful</code> ويحدد <code>animation-duration</code> إلى 3 ثوان. ثم <code>@keyframes</code> القاعدة <code>@keyframes</code> بخصائص الرسم المتحرك بالاسم <code>colorful</code> . يضبط اللون على اللون الأزرق في بداية الرسم المتحرك (0٪) والذي سينتقل إلى اللون الأصفر بنهاية الصورة المتحركة (100٪). أنت لا تقتصر على الانتقالات في نهاية البداية فقط ، يمكنك تعيين خصائص للعنصر لأي نسبة تتراوح بين 0٪ و 100٪. </section>
+
+## Instructions
+<section id="instructions"> أنشئ <code>rect</code> للعنصر الذي يحتوي على <code>rect</code> id ، من خلال تعيين <code>animation-name</code> على قوس قزح <code>animation-duration</code> إلى 4 ثوانٍ. بعد ذلك ، قم بالإعلان عن قاعدة <code>@keyframes</code> ، وقم بتعيين <code>background-color</code> في بداية الرسم المتحرك ( <code>0%</code> ) إلى اللون الأزرق ، وسط الرسم المتحرك ( <code>50%</code> ) إلى اللون الأخضر ، ونهاية الحركة ( <code>100%</code> ) إلى الأصفر. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون للعنصر ذو معرف <code>rect</code> خاصية <code>animation-name</code> ذات قيمة قوس قزح.
+    testString: 'assert($("#rect").css("animation-name") == "rainbow", "The element with id of <code>rect</code> should have an <code>animation-name</code> property with a value of rainbow.");'
+  - text: يجب أن يكون للعنصر ذي معرف <code>rect</code> خاصية <code>animation-duration</code> ذات قيمة 4 أضعاف.
+    testString: 'assert($("#rect").css("animation-duration") == "4s", "The element with id of <code>rect</code> should have an <code>animation-duration</code> property with a value of 4s.");'
+  - text: يجب أن تستخدم قاعدة <code>@keyframes</code> <code>animation-name</code> لقوس قزح.
+    testString: 'assert(code.match(/@keyframes\s+?rainbow\s*?{/g), "The <code>@keyframes</code> rule should use the <code>animation-name</code> of rainbow.");'
+  - text: يجب أن تستخدم قاعدة <code>@keyframes</code> لقوس قزح <code>background-color</code> أزرق عند 0٪.
+    testString: 'assert(code.match(/0%\s*?{\s*?background-color:\s*?blue;\s*?}/gi), "The <code>@keyframes</code> rule for rainbow should use a <code>background-color</code> of blue at 0%.");'
+  - text: يجب أن تستخدم قاعدة <code>@keyframes</code> لقوس قزح <code>background-color</code> خضراء بنسبة 50٪.
+    testString: 'assert(code.match(/50%\s*?{\s*?background-color:\s*?green;\s*?}/gi), "The <code>@keyframes</code> rule for rainbow should use a <code>background-color</code> of green at 50%.");'
+  - text: يجب أن تستخدم قاعدة <code>@keyframes</code> لقوس قزح <code>background-color</code> أصفر بنسبة 100٪.
+    testString: 'assert(code.match(/100%\s*?{\s*?background-color:\s*?yellow;\s*?}/gi), "The <code>@keyframes</code> rule for rainbow should use a <code>background-color</code> of yellow at 100%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    height: 40px;
+    width: 70%;
+    background: black;
+    margin: 50px auto;
+    border-radius: 5px;
+  }
+
+  #rect {
+
+
+  }
+
+
+
+
+</style>
+<div id="rect"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/lock-an-element-to-its-parent-with-absolute-positioning.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/lock-an-element-to-its-parent-with-absolute-positioning.arabic.md
new file mode 100644
index 0000000000..ce46d3599d
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/lock-an-element-to-its-parent-with-absolute-positioning.arabic.md
@@ -0,0 +1,72 @@
+---
+id: 587d781e367417b2b2512acb
+title: Lock an Element to its Parent with Absolute Positioning
+challengeType: 0
+videoUrl: ''
+localeTitle: قفل عنصر إلى الوالد مع وضع مطلق
+---
+
+## Description
+<section id="description"> الخيار التالي لخاصية <code>position</code> CSS <code>absolute</code> ، والذي يقوم بتثبيت العنصر في مكانه بالنسبة للحاوية الرئيسية. على عكس الوضع <code>relative</code> ، يؤدي هذا إلى إزالة العنصر من التدفق العادي للمستند ، لذلك فإن العناصر المحيطة به تتجاهله. يتم استخدام خصائص إزاحة CSS (أعلى أو أسفل وإلى اليسار أو اليمين) لضبط الموضع. واحد فارق بسيط مع تحديد المواقع المطلق هو أنه سيتم تأمين بالنسبة إلى أقرب السلف <em>المتوضعة</em> . إذا نسيت إضافة قاعدة الموضع إلى العنصر الرئيسي ، (عادة ما يتم ذلك باستخدام <code>position: relative;</code> ) ، سيظل المتصفح يبحث عن السلسلة وينتهي افتراضيًا بعلامة body. </section>
+
+## Instructions
+<section id="instructions"> قفل عنصر <code>#searchbar</code> في أعلى يمين <code>section</code> الأصل من خلال إعلان <code>position</code> أنه <code>absolute</code> . إعطائها <code>top</code> و <code>right</code> إزاحة من 50 بكسل لكل منهما. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'و <code>#searchbar</code> يجب أن يكون العنصر في <code>position</code> المقرر أن <code>absolute</code> .'
+    testString: 'assert($("#searchbar").css("position") == "absolute", "The <code>#searchbar</code> element should have a <code>position</code> set to <code>absolute</code>.");'
+  - text: 'يجب أن تستخدم شفرتك <code>top</code> إزاحة CSS بمقدار 50 بكسل في عنصر <code>#searchbar</code> .'
+    testString: 'assert($("#searchbar").css("top") == "50px", "Your code should use the <code>top</code> CSS offset of 50 pixels on the <code>#searchbar</code> element.");'
+  - text: 'يجب أن تستخدم شفرتك إزاحة CSS <code>right</code> من 50 بكسل في عنصر <code>#searchbar</code> .'
+    testString: 'assert($("#searchbar").css("right") == "50px", "Your code should use the <code>right</code> CSS offset of 50 pixels on the <code>#searchbar</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #searchbar {
+
+
+
+  }
+  section {
+    position: relative;
+  }
+</style>
+<body>
+  <h1>Welcome!</h1>
+  <section>
+    <form id="searchbar">
+      <label for="search">Search:</label>
+      <input type="search" id="search" name="search">
+      <input type="submit" name="submit" value="Go!">
+    </form>
+  </section>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/lock-an-element-to-the-browser-window-with-fixed-positioning.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/lock-an-element-to-the-browser-window-with-fixed-positioning.arabic.md
new file mode 100644
index 0000000000..ac8f78733e
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/lock-an-element-to-the-browser-window-with-fixed-positioning.arabic.md
@@ -0,0 +1,84 @@
+---
+id: 587d781e367417b2b2512acc
+title: Lock an Element to the Browser Window with Fixed Positioning
+challengeType: 0
+videoUrl: ''
+localeTitle: قفل عنصر إلى نافذة المتصفح مع تحديد المواقع الثابتة
+---
+
+## Description
+<section id="description"> مخطط التخطيط التالي الذي يقدمه CSS هو موضع <code>fixed</code> ، وهو نوع من الموضع المطلق الذي يقوم بتأمين عنصر يتعلق بإطار المستعرض. مماثلة للموضع المطلق ، يتم استخدامه مع خصائص إزاحة CSS ويزيل العنصر أيضًا من التدفق العادي للمستند. عناصر أخرى لم تعد &quot;تدرك&quot; حيث يتم وضعها ، والتي قد تتطلب بعض التعديلات تخطيط في مكان آخر. يتمثل أحد الاختلافات الرئيسية بين المواضع <code>fixed</code> <code>absolute</code> عدم تحرك عنصر ذي موضع ثابت عند تمرير المستخدم. </section>
+
+## Instructions
+<section id="instructions"> يتم تمييز شريط التنقل في الشفرة بمعرف <code>navbar</code> . غيّر <code>position</code> ليتم <code>fixed</code> وإزاحته بمقدار 0 بكسل من <code>top</code> و 0 بكسل من <code>left</code> . لاحظ (عدم) التأثير على موقع <code>h1</code> ، لم يتم دفعه لأسفل لاستيعاب شريط التنقل وسيتعين تعديله بشكل منفصل. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'و <code>#navbar</code> يجب أن يكون العنصر في <code>position</code> لتعيين <code>fixed</code> .'
+    testString: 'assert($("#navbar").css("position") == "fixed", "The <code>#navbar</code> element should have a <code>position</code> set to <code>fixed</code>.");'
+  - text: 'يجب أن تستخدم شفرتك <code>top</code> إزاحة CSS بمقدار 0 بكسل في عنصر <code>#navbar</code> .'
+    testString: 'assert($("#navbar").css("top") == "0px", "Your code should use the <code>top</code> CSS offset of 0 pixels on the <code>#navbar</code> element.");'
+  - text: 'يجب أن تستخدم شفرتك إزاحة CSS <code>left</code> من 0 بكسل في عنصر <code>#navbar</code> .'
+    testString: 'assert($("#navbar").css("left") == "0px", "Your code should use the <code>left</code> CSS offset of 0 pixels on the <code>#navbar</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #navbar {
+
+
+
+    width: 100%;
+    background-color: #767676;
+  }
+  nav ul {
+    margin: 0px;
+    padding: 5px 0px 5px 30px;
+  }
+  nav li {
+    display: inline;
+    margin-right: 20px;
+  }
+  a {
+    text-decoration: none;
+  }
+</style>
+<body>
+  <header>
+    <h1>Welcome!</h1>
+    <nav id="navbar">
+      <ul>
+        <li><a href="">Home</a></li>
+        <li><a href="">Contact</a></li>
+      </ul>
+    </nav>
+  </header>
+  <p>I shift up when the #navbar is fixed to the browser window.</p>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/make-a-css-heartbeat-using-an-infinite-animation-count.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/make-a-css-heartbeat-using-an-infinite-animation-count.arabic.md
new file mode 100644
index 0000000000..2cb68c9d66
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/make-a-css-heartbeat-using-an-infinite-animation-count.arabic.md
@@ -0,0 +1,119 @@
+---
+id: 587d78a8367417b2b2512ae4
+title: Make a CSS Heartbeat using an Infinite Animation Count
+challengeType: 0
+videoUrl: ''
+localeTitle: جعل CSS نبضات باستخدام عدد الرسوم المتحركة اللانهائي
+---
+
+## Description
+<section id="description"> إليك مثالًا متحركًا مستمرًا آخر مع خاصية <code>animation-iteration-count</code> التي تستخدم القلب الذي صممته في تحدٍ سابق. تتألف الرسوم المتحركة ذات نبض القلب لمدة ثانية واحدة من قطعتين متحركتين. في <code>heart</code> العناصر (بما في ذلك <code>:before</code> و <code>:after</code> قطع) والرسوم المتحركة لتغيير حجم باستخدام <code>transform</code> الملكية، والخلفية <code>div</code> والرسوم المتحركة لتغيير لونه باستخدام <code>background</code> الملكية. </section>
+
+## Instructions
+<section id="instructions"> حافظ على نبض القلب بإضافة خاصية <code>animation-iteration-count</code> لكل من الطبقة <code>back</code> وفئة <code>heart</code> وتعيين القيمة إلى غير محدود. <code>heart:before</code> <code>heart:after</code> لا يحتاج المحددون إلى أي خصائص للرسوم المتحركة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تكون لقيمة <code>animation-iteration-count</code> لفئة <code>heart</code> قيمة لانهائية.
+    testString: 'assert($(".heart").css("animation-iteration-count") == "infinite", "The <code>animation-iteration-count</code> property for the <code>heart</code> class should have a value of infinite.");'
+  - text: يجب أن يكون <code>animation-iteration-count</code> للفئة <code>back</code> قيمة لا نهائية.
+    testString: 'assert($(".back").css("animation-iteration-count") == "infinite", "The <code>animation-iteration-count</code> property for the <code>back</code> class should have a value of infinite.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .back {
+    position: fixed;
+    padding: 0;
+    margin: 0;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: white;
+    animation-name: backdiv;
+    animation-duration: 1s;
+
+  }
+
+  .heart {
+    position: absolute;
+    margin: auto;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: pink;
+    height: 50px;
+    width: 50px;
+    transform: rotate(-45deg);
+    animation-name: beat;
+    animation-duration: 1s;
+
+  }
+  .heart:after {
+    background-color: pink;
+    content: "";
+    border-radius: 50%;
+    position: absolute;
+    width: 50px;
+    height: 50px;
+    top: 0px;
+    left: 25px;
+  }
+  .heart:before {
+    background-color: pink;
+    content: "";
+    border-radius: 50%;
+    position: absolute;
+    width: 50px;
+    height: 50px;
+    top: -25px;
+    left: 0px;
+  }
+
+  @keyframes backdiv {
+    50% {
+      background: #ffe6f2;
+    }
+  }
+
+  @keyframes beat {
+    0% {
+      transform: scale(1) rotate(-45deg);
+    }
+    50% {
+      transform: scale(0.6) rotate(-45deg);
+    }
+  }
+
+</style>
+<div class="back"></div>
+<div class="heart"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/make-motion-more-natural-using-a-bezier-curve.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/make-motion-more-natural-using-a-bezier-curve.arabic.md
new file mode 100644
index 0000000000..0440b9483a
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/make-motion-more-natural-using-a-bezier-curve.arabic.md
@@ -0,0 +1,84 @@
+---
+id: 587d78a9367417b2b2512aea
+title: Make Motion More Natural Using a Bezier Curve
+challengeType: 0
+videoUrl: ''
+localeTitle: جعل الحركة أكثر طبيعية باستخدام منحنى بيزيير
+---
+
+## Description
+<section id="description"> هذا التحدي ينشط عنصرًا لتكرار حركة الكرة التي يتم لعبها. غطت التحديات السابقة منحنيات بيزيير المكعبة <code>linear</code> <code>ease-out</code> ، ولكن لا يصور أي منهما حركة شعوذة بدقة. تحتاج إلى تخصيص منحنى بيزير لهذا الغرض. <code>animation-timing-function</code> تلقائيًا في كل إطار مفتاحي عند تعيين عدد مرات تشغيل <code>animation-iteration-count</code> غير محدود. نظرًا لوجود قاعدة الإطار الرئيسي التي تم تعيينها في منتصف مدة الرسوم المتحركة ( <code>50%</code> ) ، يؤدي ذلك إلى تقدمين متتاليين للرسوم المتحركة في حركة الكرة إلى أعلى وإلى أسفل. يحاكي المنحنى Bezier التكعيبي التالي حركة شعوذة: <code>cubic-bezier(0.3, 0.4, 0.5, 1.6);</code> لاحظ أن قيمة y2 أكبر من 1. على الرغم من أن المنحنى Bezier المكعّب يتم تعيينه على نظام إحداثيات 1 × 1 ، ولا يمكنه قبول سوى قيم x من 0 إلى 1 ، يمكن تعيين قيمة y لأعداد أكبر من واحد. هذا يؤدي إلى حركة كذاب مثالية لمحاكاة الكرة شعوذة. </section>
+
+## Instructions
+<section id="instructions"> تغيير قيمة <code>animation-timing-function</code> للعنصر مع معرف <code>green</code> إلى وظيفة بيكي <code>cubic-bezier</code> مع قيم x1 و y1 و x2 و y2 على التوالي إلى 0.311 ، 0.441 ، 0.444 ، 1.649. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تكون قيمة خاصية <code>animation-timing-function</code> للعنصر ذي معرف <code>green</code> عبارة <code>cubic-bezier</code> وظيفة <code>cubic-bezier</code> بقيم x1 و y1 و x2 و y2 كما هو محدد.
+    testString: 'assert($("#green").css("animation-timing-function") == "cubic-bezier(0.311, 0.441, 0.444, 1.649)", "The value of the <code>animation-timing-function</code> property for the element with the id <code>green</code> should be a <code>cubic-bezier</code> function with x1, y1, x2, y2 values as specified.'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .balls {
+    border-radius: 50%;
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    top: 60%;
+    animation-name: jump;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #red {
+    background: red;
+    left: 25%;
+    animation-timing-function: linear;
+  }
+  #blue {
+    background: blue;
+    left: 50%;
+    animation-timing-function: ease-out;
+  }
+  #green {
+    background: green;
+    left: 75%;
+    animation-timing-function: cubic-bezier(0.69, 0.1, 1, 0.1);
+  }
+
+  @keyframes jump {
+    50% {
+      top: 10%;
+    }
+  }
+</style>
+<div class="balls" id="red"></div>
+<div class="balls" id="blue"></div>
+<div class="balls" id="green"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation.arabic.md
new file mode 100644
index 0000000000..67125975a4
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation.arabic.md
@@ -0,0 +1,69 @@
+---
+id: 58a7a6ebf9a6318348e2d5aa
+title: Modify Fill Mode of an Animation
+challengeType: 0
+videoUrl: ''
+localeTitle: تعديل وضع التعبئة من الرسوم المتحركة
+---
+
+## Description
+<section id="description"> هذا رائع ، لكنه لا يعمل على الفور. لاحظ كيف تمت إعادة الرسوم المتحركة بعد مرور <code>500ms</code> ثانية ، مما يتسبب في عودة الزر إلى اللون الأصلي. تريد أن يظل الزر مظللاً. يمكن القيام بذلك عن طريق تعيين خاصية <code>animation-fill-mode</code> إلى <code>forwards</code> . يحدد <code>animation-fill-mode</code> النمط المطبق على عنصر عندما ينتهي الرسم المتحرك. يمكنك تعيينه على النحو التالي: <code>animation-fill-mode: forwards;</code> </section>
+
+## Instructions
+<section id="instructions"> عيّن خاصية <code>animation-fill-mode</code> <code>button:hover</code> إلى <code>forwards</code> حتى يظل الزر مظللاً عندما يمرر المستخدم فوقه. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>button:hover</code> should have a <code>animation-fill-mode</code> with a <code>forwards</code> .'
+    testString: 'assert(code.match(/button\s*?:\s*?hover\s*?{[\s\S]*animation-fill-mode\s*?:\s*?forwards\s*?;[\s\S]*}/gi) && code.match(/button\s*?:\s*?hover\s*?{[\s\S]*animation-name\s*?:\s*?background-color\s*?;[\s\S]*}/gi) && code.match(/button\s*?:\s*?hover\s*?{[\s\S]*animation-duration\s*?:\s*?500ms\s*?;[\s\S]*}/gi), "<code>button:hover</code> should have a <code>animation-fill-mode</code> property with a value of <code>forwards</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  button {
+    border-radius: 5px;
+    color: white;
+    background-color: #0F5897;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    animation-name: background-color;
+    animation-duration: 500ms;
+    /* add your code below this line */
+
+    /* add your code above this line */
+  }
+  @keyframes background-color {
+    100% {
+      background-color: #4791d0;
+    }
+  }
+</style>
+<button>Register</button>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/move-a-relatively-positioned-element-with-css-offsets.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/move-a-relatively-positioned-element-with-css-offsets.arabic.md
new file mode 100644
index 0000000000..2f89b94b57
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/move-a-relatively-positioned-element-with-css-offsets.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 587d781e367417b2b2512aca
+title: Move a Relatively Positioned Element with CSS Offsets
+challengeType: 0
+videoUrl: ''
+localeTitle: انقل عنصر تم تحديد موضعه نسبيًا باستخدام إزاحات CSS
+---
+
+## Description
+<section id="description"> تخبر إزاحات CSS <code>top</code> أو <code>bottom</code> ، وإلى <code>left</code> أو <code>right</code> المتصفح عن مدى إزاحة عنصر متعلق بالمكان الذي سيجلس فيه في التدفق العادي للمستند. يتم تعويض عنصر بعيدًا عن نقطة معينة ، والتي تحرك العنصر بعيدًا عن الجانب المشار إليه (على نحو فعال ، في الاتجاه المعاكس). كما رأيت في التحدي الأخير ، فإن استخدام الإزاحة الأعلى نقل <code>h2</code> الأسفل. وبالمثل ، فإن استخدام إزاحة اليسار يؤدي إلى تحريك عنصر إلى اليمين. <h2 style=";text-align:right;direction:rtl"> تعليمات </h2><section id="instructions"> استخدم إزاحات CSS لنقل وحدات بكسل <code>h2</code> 15 إلى اليمين و 10 بكسل لأعلى. </section><h2 style=";text-align:right;direction:rtl"> اختبارات </h2><section id="tests"><pre style=";text-align:right;direction:rtl"> <code class="language-yml">tests: - text: &#39;Your code should use a CSS offset to relatively position the &lt;code&gt;h2&lt;/code&gt; 10px upwards. In other words, move it 10px away from the &lt;code&gt;bottom&lt;/code&gt; of where it normally sits.&#39; testString: &#39;assert($(&quot;h2&quot;).css(&quot;bottom&quot;) == &quot;10px&quot;, &quot;Your code should use a CSS offset to relatively position the &lt;code&gt;h2&lt;/code&gt; 10px upwards. In other words, move it 10px away from the &lt;code&gt;bottom&lt;/code&gt; of where it normally sits.&quot;);&#39; - text: &#39;Your code should use a CSS offset to relatively position the &lt;code&gt;h2&lt;/code&gt; 15px towards the right. In other words, move it 15px away from the &lt;code&gt;left&lt;/code&gt; of where it normally sits.&#39; testString: &#39;assert($(&quot;h2&quot;).css(&quot;left&quot;) == &quot;15px&quot;, &quot;Your code should use a CSS offset to relatively position the &lt;code&gt;h2&lt;/code&gt; 15px towards the right. In other words, move it 15px away from the &lt;code&gt;left&lt;/code&gt; of where it normally sits.&quot;);&#39;</code> </pre></section><h2 style=";text-align:right;direction:rtl"> بذور التحدي </h2><section id="challengeSeed"><div id="html-seed" style=";text-align:right;direction:rtl"><pre style=";text-align:right;direction:rtl"> <code class="language-html">&lt;head&gt; &lt;style&gt; h2 { position: relative; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;On Being Well-Positioned&lt;/h1&gt; &lt;h2&gt;Move me!&lt;/h2&gt; &lt;p&gt;I still think the h2 is where it normally sits.&lt;/p&gt; &lt;/body&gt;</code> </pre></div></section><h2 style=";text-align:right;direction:rtl"> حل </h2><section id="solution"><pre style=";text-align:right;direction:rtl"> <code class="language-js">// solution required</code> </pre></section></section>
+
+## Instructions
+<section id="instructions"> استخدم إزاحات CSS لنقل وحدات بكسل <code>h2</code> 15 إلى اليمين و 10 بكسل لأعلى. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تستخدم شفرتك إزاحة CSS لوضع <code>h2</code> 10px صعودًا نسبيًا. بعبارة أخرى ، حركه بمقدار 10 بكسل بعيدًا عن <code>bottom</code> المكان الذي يجلس فيه عادةً.
+    testString: 'assert($("h2").css("bottom") == "10px", "Your code should use a CSS offset to relatively position the <code>h2</code> 10px upwards. In other words, move it 10px away from the <code>bottom</code> of where it normally sits.");'
+  - text: يجب أن تستخدم شفرتك تخالف CSS لوضع <code>h2</code> 15px نسبيًا نحو اليمين. بعبارة أخرى ، حركه بمقدار 15 بكسل بعيدًا عن <code>left</code> المكان الذي يجلس فيه عادةً.
+    testString: 'assert($("h2").css("left") == "15px", "Your code should use a CSS offset to relatively position the <code>h2</code> 15px towards the right. In other words, move it 15px away from the <code>left</code> of where it normally sits.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+<style>
+  h2 {
+    position: relative;
+
+
+  }
+</style>
+</head>
+<body>
+  <h1>On Being Well-Positioned</h1>
+  <h2>Move me!</h2>
+  <p>I still think the h2 is where it normally sits.</p>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/push-elements-left-or-right-with-the-float-property.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/push-elements-left-or-right-with-the-float-property.arabic.md
new file mode 100644
index 0000000000..23928c19b5
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/push-elements-left-or-right-with-the-float-property.arabic.md
@@ -0,0 +1,79 @@
+---
+id: 587d78a3367417b2b2512ace
+title: Push Elements Left or Right with the float Property
+challengeType: 0
+videoUrl: ''
+localeTitle: دفع عناصر اليسار أو اليمين مع الخاصية العائمة
+---
+
+## Description
+<section id="description"> الأداة المواقع التالية لا فعلا استخدام <code>position</code> ، ولكن يحدد <code>float</code> الملكية عنصر. تتم إزالة العناصر العائمة من التدفق العادي للمستند ودفعها إما إلى <code>left</code> أو <code>right</code> من عنصرها الأصلي المحتوي على العناصر. يتم استخدامه بشكل شائع مع خاصية <code>width</code> لتحديد مقدار المساحة الأفقية التي يتطلبها العنصر المضمن. </section>
+
+## Instructions
+<section id="instructions"> إن العلامات نظرا يعمل كذلك تخطيط عمودين، مع <code>section</code> و <code>aside</code> عناصر بجانب بعضها البعض. امنح العنصر <code>#left</code> <code>float</code> من <code>left</code> <code>#right</code> <code>float</code> على <code>right</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يحتوي العنصر ذو المعرف <code>left</code> على قيمة <code>float</code> <code>left</code> .
+    testString: 'assert($("#left").css("float") == "left", "The element with id <code>left</code> should have a <code>float</code> value of <code>left</code>.");'
+  - text: يجب أن يكون للعنصر الذي له <code>right</code> معرف قيمة <code>float</code> من <code>right</code> .
+    testString: 'assert($("#right").css("float") == "right", "The element with id <code>right</code> should have a <code>float</code> value of <code>right</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  #left {
+
+    width: 50%;
+  }
+  #right {
+
+    width: 40%;
+  }
+  aside, section {
+    padding: 2px;
+    background-color: #ccc;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Welcome!</h1>
+  </header>
+  <section id="left">
+    <h2>Content</h2>
+    <p>Good stuff</p>
+  </section>
+  <aside id="right">
+    <h2>Sidebar</h2>
+    <p>Links</p>
+  </aside>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.arabic.md
new file mode 100644
index 0000000000..fd46f2d681
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.arabic.md
@@ -0,0 +1,72 @@
+---
+id: 587d781c367417b2b2512ac2
+title: Set the font-size for Multiple Heading Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: اضبط حجم الخط لعناصر العناوين المتعددة
+---
+
+## Description
+<section id="description"> يتم استخدام الخاصية <code>font-size</code> لتحديد حجم النص في عنصر معين. يمكن استخدام هذه القاعدة لعناصر متعددة لإنشاء تناسق مرئي للنص على الصفحة. في هذا التحدي ، ستقوم بتعيين القيم لجميع علامات <code>h1</code> إلى <code>h6</code> لموازنة أحجام العناوين. </section>
+
+## Instructions
+<section id="instructions"><ul style=";text-align:right;direction:rtl"><li style=";text-align:right;direction:rtl"> عيّن <code>font-size</code> لعلامة <code>h1</code> على 68 بكسل. </li><li style=";text-align:right;direction:rtl"> عيّن <code>font-size</code> علامة <code>h2</code> إلى 52 بكسل. </li><li style=";text-align:right;direction:rtl"> <code>font-size</code> علامة <code>h3</code> إلى 40 بكسل. </li><li style=";text-align:right;direction:rtl"> عيّن <code>font-size</code> علامة <code>h4</code> على 32 بكسل. </li><li style=";text-align:right;direction:rtl"> عيّن <code>font-size</code> علامة <code>h5</code> على 21 بكسل. </li><li style=";text-align:right;direction:rtl"> اضبط <code>font-size</code> علامة <code>h6</code> على 14 بكسل. </li></ul></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تقوم التعليمات البرمجية بتعيين الخاصية <code>font-size</code> لعلامة <code>h1</code> إلى 68 بكسل.
+    testString: 'assert($("h1").css("font-size") == "68px", "Your code should set the <code>font-size</code> property for the <code>h1</code> tag to 68 pixels.");'
+  - text: يجب أن تقوم التعليمات البرمجية بتعيين الخاصية <code>font-size</code> للعلامة <code>h2</code> إلى 52 بكسل.
+    testString: 'assert($("h2").css("font-size") == "52px", "Your code should set the <code>font-size</code> property for the <code>h2</code> tag to 52 pixels.");'
+  - text: يجب أن تقوم التعليمات البرمجية بتعيين الخاصية <code>font-size</code> لعلامة <code>h3</code> إلى 40 بكسل.
+    testString: 'assert($("h3").css("font-size") == "40px", "Your code should set the <code>font-size</code> property for the <code>h3</code> tag to 40 pixels.");'
+  - text: يجب أن تقوم التعليمات البرمجية بتعيين الخاصية <code>font-size</code> لعلامة <code>h4</code> إلى 32 بكسل.
+    testString: 'assert($("h4").css("font-size") == "32px", "Your code should set the <code>font-size</code> property for the <code>h4</code> tag to 32 pixels.");'
+  - text: يجب أن تقوم التعليمات البرمجية بتعيين الخاصية <code>font-size</code> لعلامة <code>h5</code> إلى 21 بكسل.
+    testString: 'assert($("h5").css("font-size") == "21px", "Your code should set the <code>font-size</code> property for the <code>h5</code> tag to 21 pixels.");'
+  - text: يجب أن تقوم التعليمات البرمجية بتعيين الخاصية <code>font-size</code> لعلامة <code>h6</code> إلى 14 بكسل.
+    testString: 'assert($("h6").css("font-size") == "14px", "Your code should set the <code>font-size</code> property for the <code>h6</code> tag to 14 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+
+
+
+
+
+</style>
+<h1>This is h1 text</h1>
+<h2>This is h2 text</h2>
+<h3>This is h3 text</h3>
+<h4>This is h4 text</h4>
+<h5>This is h5 text</h5>
+<h6>This is h6 text</h6>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/set-the-font-size-of-paragraph-text.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/set-the-font-size-of-paragraph-text.arabic.md
new file mode 100644
index 0000000000..774b04d3af
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/set-the-font-size-of-paragraph-text.arabic.md
@@ -0,0 +1,56 @@
+---
+id: 587d781c367417b2b2512ac4
+title: Set the font-size of Paragraph Text
+challengeType: 0
+videoUrl: ''
+localeTitle: قم بتعيين حجم خط نص الفقرة
+---
+
+## Description
+<section id="description"> لا تقتصر خاصية <code>font-size</code> في CSS على العناوين ، بل يمكن تطبيقها على أي عنصر يحتوي على نص. </section>
+
+## Instructions
+<section id="instructions"> غيّر قيمة الخاصية <code>font-size</code> للفقرة إلى 16 بكسل لجعلها أكثر وضوحًا. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>font-size</code> علامة <code>p</code> الخاصة بك 16 بكسل.
+    testString: 'assert($("p").css("font-size") == "16px", "Your <code>p</code> tag should have a <code>font-size</code> of 16 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  p {
+    font-size: 10px;
+  }
+</style>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.arabic.md
new file mode 100644
index 0000000000..86e342e939
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.arabic.md
@@ -0,0 +1,90 @@
+---
+id: 587d781c367417b2b2512ac3
+title: Set the font-weight for Multiple Heading Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: اضبط وزن الخط لعناصر العناوين المتعددة
+---
+
+## Description
+<section id="description"> يمكنك تعيين <code>font-size</code> كل علامة عنوان في التحدي الأخير ، هنا ستقوم بتعديل <code>font-weight</code> . تحدد الخاصية <code>font-weight</code> كيفية ظهور أحرف سميكة أو رقيقة في قسم من النص. </section>
+
+## Instructions
+<section id="instructions"><ul style=";text-align:right;direction:rtl"><li style=";text-align:right;direction:rtl"> <code>font-weight</code> <code>h1</code> لعلامة <code>h1</code> على 800. </li><li style=";text-align:right;direction:rtl"> <code>font-weight</code> لعلامة <code>h2</code> على 600. </li><li style=";text-align:right;direction:rtl"> <code>font-weight</code> <code>h3</code> لعلامة <code>h3</code> على 500. </li><li style=";text-align:right;direction:rtl"> <code>font-weight</code> <code>h4</code> لعلامة <code>h4</code> على 400. </li><li style=";text-align:right;direction:rtl"> <code>font-weight</code> <code>h5</code> لعلامة <code>h5</code> على 300. </li><li style=";text-align:right;direction:rtl"> <code>font-weight</code> لعلامة <code>h6</code> على 200. </li></ul></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تقوم التعليمات البرمجية بتعيين الخاصية <code>font-weight</code> لعلامة <code>h1</code> إلى 800.
+    testString: 'assert($("h1").css("font-weight") == "800", "Your code should set the <code>font-weight</code> property for the <code>h1</code> tag to 800.");'
+  - text: يجب أن تقوم التعليمات البرمجية بتعيين الخاصية <code>font-weight</code> لعلامة <code>h2</code> إلى 600.
+    testString: 'assert($("h2").css("font-weight") == "600", "Your code should set the <code>font-weight</code> property for the <code>h2</code> tag to 600.");'
+  - text: يجب أن تقوم التعليمات البرمجية بتعيين الخاصية <code>font-weight</code> لعلامة <code>h3</code> إلى 500.
+    testString: 'assert($("h3").css("font-weight") == "500", "Your code should set the <code>font-weight</code> property for the <code>h3</code> tag to 500.");'
+  - text: يجب أن تقوم التعليمات البرمجية بتعيين الخاصية <code>font-weight</code> لعلامة <code>h4</code> إلى 400.
+    testString: 'assert($("h4").css("font-weight") == "400", "Your code should set the <code>font-weight</code> property for the <code>h4</code> tag to 400.");'
+  - text: يجب أن تقوم التعليمات البرمجية بتعيين الخاصية <code>font-weight</code> لعلامة <code>h5</code> إلى 300.
+    testString: 'assert($("h5").css("font-weight") == "300", "Your code should set the <code>font-weight</code> property for the <code>h5</code> tag to 300.");'
+  - text: يجب أن تقوم <code>font-weight</code> بتعيين الخاصية <code>font-weight</code> للعلامة <code>h6</code> إلى 200.
+    testString: 'assert($("h6").css("font-weight") == "200", "Your code should set the <code>font-weight</code> property for the <code>h6</code> tag to 200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h1 {
+    font-size: 68px;
+
+  }
+  h2 {
+    font-size: 52px;
+
+  }
+  h3 {
+    font-size: 40px;
+
+  }
+  h4 {
+    font-size: 32px;
+
+  }
+  h5 {
+    font-size: 21px;
+
+  }
+  h6 {
+    font-size: 14px;
+
+  }
+</style>
+<h1>This is h1 text</h1>
+<h2>This is h2 text</h2>
+<h3>This is h3 text</h3>
+<h4>This is h4 text</h4>
+<h5>This is h5 text</h5>
+<h6>This is h6 text</h6>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/set-the-line-height-of-paragraphs.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/set-the-line-height-of-paragraphs.arabic.md
new file mode 100644
index 0000000000..aa61b3c695
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/set-the-line-height-of-paragraphs.arabic.md
@@ -0,0 +1,57 @@
+---
+id: 587d781d367417b2b2512ac5
+title: Set the line-height of Paragraphs
+challengeType: 0
+videoUrl: ''
+localeTitle: قم بتعيين ارتفاع سطر الفقرات
+---
+
+## Description
+<section id="description"> توفر CSS خاصية <code>line-height</code> لتغيير ارتفاع كل سطر في كتلة نص. كما يوحي الاسم ، فإنه يغير مقدار المساحة العمودية التي يحصل عليها كل سطر من النص. </section>
+
+## Instructions
+<section id="instructions"> أضف خاصية <code>line-height</code> إلى علامة <code>p</code> واضبطها على 25 بكسل. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحدد الشفرة <code>line-height</code> علامة <code>p</code> إلى 25 بكسل.
+    testString: 'assert($("p").css("line-height") == "25px", "Your code should set the <code>line-height</code> of the <code>p</code> tag to 25 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  p {
+    font-size: 16px;
+
+  }
+</style>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.arabic.md
new file mode 100644
index 0000000000..e75501ff8d
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.arabic.md
@@ -0,0 +1,84 @@
+---
+id: 587d78a9367417b2b2512ae9
+title: Use a Bezier Curve to Move a Graphic
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم منحنى Bezier لتحريك رسم
+---
+
+## Description
+<section id="description"> ناقش تحدٍّ سابق الكلمة الرئيسية <code>ease-out</code> التي تصف تغييرًا في الرسوم المتحركة يُسرع أولاً ثم يتباطأ في نهاية الرسم المتحرك. على اليمين ، يظهر الفرق بين الكلمة الرئيسية <code>ease-out</code> (للعنصر الأزرق) والكلمة الرئيسية <code>linear</code> (للعنصر الأحمر). يمكن تحقيق تقدم الرسوم المتحركة مماثلة للكلمة الرئيسية <code>ease-out</code> خلال استخدام وظيفة منحنى بيزييه مكعب مخصصة. بشكل عام ، يؤدي تغيير نقاط ربط <code>p1</code> و <code>p2</code> إلى إنشاء منحنيات Bezier مختلفة ، والتي تتحكم في كيفية تقدم الحركة عبر الزمن. في ما يلي مثال لمنحنى بيزيير باستخدام قيم لتقليد نمط التخفيف: <code>animation-timing-function: cubic-bezier(0, 0, 0.58, 1);</code> تذكر أن جميع دالات <code>cubic-bezier</code> تبدأ بـ <code>p0</code> في (0، 0) وتنتهي بـ <code>p3</code> عند (1، 1). في هذا المثال ، يتحرك المنحنى بشكل أسرع خلال المحور ص (يبدأ عند 0 ، وينتقل إلى قيمة <code>p1</code> y من 0 ، ثم ينتقل إلى قيمة <code>p2</code> y 1) من تحركه عبر المحور X (0 إلى البداية ، ثم 0 لـ <code>p1</code> ، حتى 0.58 لـ <code>p2</code> ). نتيجة لذلك ، يتقدم التغيير في العنصر المتحرك بشكل أسرع من وقت الرسوم المتحركة لتلك الشريحة. باتجاه نهاية المنحنى ، تنعكس العلاقة بين التغير في قيم x و y ، حيث تتحرك قيمة y من 1 إلى 1 (بدون تغيير) ، وتتحرك قيم x من 0.58 إلى 1 ، مما يجعل تغيرات الرسوم المتحركة تقدمًا أبطأ مقارنة مدة الرسوم المتحركة. </section>
+
+## Instructions
+<section id="instructions"> لمعرفة تأثير هذا المنحنى Bezier أثناء العمل ، قم بتغيير <code>animation-timing-function</code> للعنصر ذي <code>red</code> إلى وظيفة <code>cubic-bezier</code> مع تعيين قيم x1 و y1 و x2 و y2 على التوالي إلى 0 ، 0 ، 0.58 ، 1 هذا سيجعل كلا العناصر يتقدمان من خلال الرسوم المتحركة بالمثل. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تكون قيمة خاصية <code>animation-timing-function</code> العنصر مع معرف <code>red</code> دالة <code>cubic-bezier</code> مع تعيين قيم x1 و y1 و x2 و y2 على التوالي إلى 0 ، 0 ، 0.58 ، 1.
+    testString: 'assert($("#red").css("animation-timing-function") == "cubic-bezier(0, 0, 0.58, 1)", "The value of the <code>animation-timing-function</code> property of the element with the id <code>red</code> should be a <code>cubic-bezier</code> function with x1, y1, x2, y2 values set respectively to 0, 0, 0.58, 1 .");'
+  - text: يجب ألا يحتوي العنصر ذو معرف <code>red</code> <code>animation-timing-function</code> خاصية <code>animation-timing-function</code> الخطية.
+    testString: 'assert($("#red").css("animation-timing-function") !== "linear", "The element with the id <code>red</code> should no longer have the <code>animation-timing-function</code> property of linear.");'
+  - text: يجب ألا تتغير قيمة خاصية <code>animation-timing-function</code> للعنصر ذي المعرف <code>blue</code> .
+    testString: 'assert($("#blue").css("animation-timing-function") == "ease-out", "The value of the <code>animation-timing-function</code> property for the element with the id <code>blue</code> should not change.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .balls{
+    border-radius: 50%;
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    margin-top: 50px;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #red {
+    background: red;
+    left: 27%;
+    animation-timing-function: linear;
+  }
+  #blue {
+    background: blue;
+    left: 56%;
+    animation-timing-function: ease-out;
+  }
+  @keyframes bounce {
+    0% {
+      top: 0px;
+    }
+    100% {
+      top: 249px;
+    }
+  }
+</style>
+<div class="balls" id= "red"></div>
+<div class="balls" id= "blue"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.arabic.md
new file mode 100644
index 0000000000..39601f63c1
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.arabic.md
@@ -0,0 +1,77 @@
+---
+id: 587d78a5367417b2b2512ad7
+title: Use a CSS Linear Gradient to Create a Striped Element
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم CSS Linear Gradient لإنشاء عنصر مخطط
+---
+
+## Description
+<section id="description"> تتشابه دالة <code>repeating-linear-gradient()</code> إلى حد كبير مع <code>linear-gradient()</code> مع الفارق الرئيسي الذي يكرر نمط التدرج المحدد. ويقبل <code>repeating-linear-gradient()</code> مجموعة متنوعة من القيم ، ولكن من أجل البساطة ، ستعمل مع قيم زاوية وقيم توقف اللون في هذا التحدي. قيمة الزاوية هي اتجاه التدرج. تشبه نقاط توقف اللون قيم العرض التي تشير إلى مكان حدوث النقل ، ويتم تقديمها بنسبة مئوية أو عدد من وحدات البكسل. في المثال الموضحة في محرر التعليمة البرمجية ، يبدأ التدرج باللون <code>yellow</code> عند 0 بكسل والذي يمتزج باللون <code>blue</code> الثاني على بعد 40 بكسل من البداية. ونظرًا لأن توقف اللون التالي يبلغ 40 بكسل أيضًا ، يتغير التدرج فورًا إلى اللون <code>green</code> الثالث ، الذي يمتزج نفسه مع قيمة اللون الرابع <code>red</code> حيث أن هذا هو 80 بكسل بعيدًا عن بداية التدرج. في هذا المثال ، يساعد على التفكير في توقف اللون كزوجين حيث يتم مزج كل لونين معًا. <code>0px [yellow -- blend -- blue] 40px [green -- blend -- red] 80px</code> إذا كان كل لونين من قيم إيقاف اللون هما نفس اللون ، فإن المزج ليس ملحوظًا لأنه بين نفس اللون ، متبوعًا بفترة انتقال صلبة إلى اللون التالي ، حتى ينتهي بك الأمر مع المشارب. </section>
+
+## Instructions
+<section id="instructions"> جعل خطوط عن طريق تغيير <code>repeating-linear-gradient()</code> لاستخدام زاوية التدرج من <code>45deg</code> ، ثم تعيين أول لونين توقف عن اللون <code>yellow</code> ، وأخيرا توقف اللونين الثاني إلى اللون <code>black</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تكون زاوية <code>repeating-linear-gradient()</code> 45 درجة.
+    testString: 'assert(code.match(/background:\s*?repeating-linear-gradient\(\s*?45deg/gi), "The angle of the <code>repeating-linear-gradient()</code> should be 45deg.");'
+  - text: يجب ألا تكون زاوية <code>repeating-linear-gradient()</code> 90 درجة
+    testString: 'assert(!code.match(/90deg/gi), "The angle of the <code>repeating-linear-gradient()</code> should no longer be 90deg");'
+  - text: يجب أن يكون لون التوقف عند 0 بكسل <code>yellow</code> .
+    testString: 'assert(code.match(/yellow\s+?0(px)?/gi), "The color stop at 0 pixels should be <code>yellow</code>.");'
+  - text: يجب أن تكون درجة اللون الواحدة عند 40 بكسل <code>yellow</code> .
+    testString: 'assert(code.match(/yellow\s+?40px/gi), "One color stop at 40 pixels should be <code>yellow</code>.");'
+  - text: يجب أن يكون اللون الثاني في 40 بكسل <code>black</code> .
+    testString: 'assert(code.match(/yellow\s+?40px,\s*?black\s+?40px/gi), "The second color stop at 40 pixels should be <code>black</code>.");'
+  - text: يجب أن تكون نقطة توقف اللون الأخيرة عند 80 بكسل <code>black</code> .
+    testString: 'assert(code.match(/black\s+?80px/gi), "The last color stop at 80 pixels should be <code>black</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  div{
+    border-radius: 20px;
+    width: 70%;
+    height: 400px;
+    margin:  50 auto;
+    background: repeating-linear-gradient(
+      90deg,
+      yellow 0px,
+      blue 40px,
+      green 40px,
+      red 80px
+    );
+  }
+
+</style>
+
+<div></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-css-animation-to-change-the-hover-state-of-a-button.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-css-animation-to-change-the-hover-state-of-a-button.arabic.md
new file mode 100644
index 0000000000..a5d7e237d0
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-css-animation-to-change-the-hover-state-of-a-button.arabic.md
@@ -0,0 +1,67 @@
+---
+id: 587d78a7367417b2b2512ae0
+title: Use CSS Animation to Change the Hover State of a Button
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم CSS Animation لتغيير حالة Hover لزر
+---
+
+## Description
+<section id="description"> يمكنك استخدام <code>@keyframes</code> لتغيير لون زر في حالة التمرير الخاصة به. في ما يلي مثال على تغيير عرض الصورة على مؤشر الماوس: <blockquote style=";text-align:right;direction:rtl"> &lt;نمط&gt; <br> img: hover { <br> اسم الرسوم المتحركة: العرض ؛ <br> مدة الحركة: 500 مللي ثانية ؛ <br> } <br><br> keyframes width { <br> 100٪ { <br> العرض: 40 بكسل <br> } <br> } <br> &lt;/ النمط&gt; <br><br> &lt;img src = &quot;https://bit.ly/smallgooglelogo&quot; alt = &quot;شعار Google&quot; /&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> لاحظ أن <code>ms</code> يقف للمللي ثانية ، حيث 1000ms تساوي 1s. استخدم <code>@keyframes</code> لتغيير <code>background-color</code> عنصر <code>button</code> بحيث يصبح <code>#4791d0</code> عندما <code>#4791d0</code> المستخدم فوقها. يجب أن يكون لقاعدة <code>@keyframes</code> إدخال <code>100%</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تستخدم قاعدةkeyframes لون خلفية <code>animation-name</code> .
+    testString: 'assert(code.match(/@keyframes\s+?background-color\s*?{/g), "The @keyframes rule should use the <code>animation-name</code> background-color.");'
+  - text: 'يجب أن تكون هناك قاعدة واحدة تحت <code>@keyframes</code> تغير <code>background-color</code> إلى <code>#4791d0</code> بنسبة 100٪.'
+    testString: 'assert(code.match(/100%\s*?{\s*?background-color:\s*?#4791d0;\s*?}/gi), "There should be one rule under <code>@keyframes</code> that changes the <code>background-color</code> to <code>#4791d0</code> at 100%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  button {
+    border-radius: 5px;
+    color: white;
+    background-color: #0F5897;
+    padding: 5px 10px 8px 10px;
+  }
+
+  button:hover {
+    animation-name: background-color;
+    animation-duration: 500ms;
+  }
+
+
+</style>
+
+<button>Register</button>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewx-to-skew-an-element-along-the-x-axis.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewx-to-skew-an-element-along-the-x-axis.arabic.md
new file mode 100644
index 0000000000..8488d37f9e
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewx-to-skew-an-element-along-the-x-axis.arabic.md
@@ -0,0 +1,65 @@
+---
+id: 587d78a6367417b2b2512adb
+title: Use the CSS Transform Property skewX to Skew an Element Along the X-Axis
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم skewX خاصية تحويل Transform إلى Skew an Element على طول X-Axis
+---
+
+## Description
+<section id="description"> إن الوظيفة التالية لخاصية <code>transform</code> هي <code>skewX()</code> ، التي <code>skewX()</code> العنصر المحدد بمحاذاة X (الأفقي) بدرجة معينة. تحرف التعليمة البرمجية التالية عنصر الفقرة بمقدار -32 درجة على طول المحور X. <blockquote style=";text-align:right;direction:rtl"> ص { <br> تحويل: skewX (-32deg) ؛ <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> انحرف العنصر بمعرف <code>bottom</code> بمقدار 24 درجة على طول المحور السيني باستخدام خاصية <code>transform</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب تحريف العنصر ذو <code>bottom</code> المعرّف بمقدار 24 درجة على طول المحور السيني.
+    testString: 'assert(code.match(/#bottom\s*?{\s*?.*?\s*?transform:\s*?skewX\(24deg\);/g), "The element with id <code>bottom</code> should be skewed by 24 degrees along its X-axis.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    width: 70%;
+    height: 100px;
+    margin:  50px auto;
+  }
+  #top {
+    background-color: red;
+  }
+  #bottom {
+    background-color: blue;
+
+  }
+</style>
+
+<div id="top"></div>
+<div id="bottom"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewy-to-skew-an-element-along-the-y-axis.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewy-to-skew-an-element-along-the-y-axis.arabic.md
new file mode 100644
index 0000000000..910f16edb4
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewy-to-skew-an-element-along-the-y-axis.arabic.md
@@ -0,0 +1,66 @@
+---
+id: 587d78a6367417b2b2512adc
+title: Use the CSS Transform Property skewY to Skew an Element Along the Y-Axis
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم خاصية تحويل CSS skewY إلى Skew an Element على طول المحور ص
+---
+
+## Description
+<section id="description"> وبالنظر إلى أن وظيفة <code>skewX()</code> العنصر المحدد على طول المحور X بواسطة درجة معينة ، فلا غرابة في أن الخاصية <code>skewY()</code> عنصرًا على المحور Y (الرأسي). </section>
+
+## Instructions
+<section id="instructions"> إمزج العنصر بمعرف <code>top</code> -10 درجات على طول المحور ص باستخدام خاصية <code>transform</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يتم تحريف العنصر ذو <code>top</code> الهوية بمقدار -10 درجات على طول المحور Y.
+    testString: 'assert(code.match(/#top\s*?{\s*?.*?\s*?transform:\s*?skewY\(-10deg\);/g), "The element with id <code>top</code> should be skewed by -10 degrees along its Y-axis.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    width: 70%;
+    height: 100px;
+    margin: 50px auto;
+  }
+  #top {
+    background-color: red;
+
+  }
+  #bottom {
+    background-color: blue;
+    transform: skewX(24deg);
+  }
+</style>
+
+<div id="top"></div>
+<div id="bottom"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-change-the-size-of-an-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-change-the-size-of-an-element.arabic.md
new file mode 100644
index 0000000000..411ff87cff
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-change-the-size-of-an-element.arabic.md
@@ -0,0 +1,74 @@
+---
+id: 587d78a5367417b2b2512ad9
+title: Use the CSS Transform scale Property to Change the Size of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم خاصية مقياس تحويل CSS لتغيير حجم عنصر
+---
+
+## Description
+<section id="description"> لتغيير مقياس عنصر ما ، يحتوي CSS على خاصية <code>transform</code> ، إلى جانب الدالة <code>scale()</code> . مثال الكود التالي يضاعف حجم جميع عناصر الفقرة في الصفحة: <blockquote style=";text-align:right;direction:rtl"> ص { <br> تحويل: مقياس (2)؛ <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> زيادة حجم العنصر مع معرف <code>ball2</code> إلى 1.5 مرة حجمها الأصلي. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>#ball2</code> خاصية <code>transform</code> لـ <code>#ball2</code> حجمها 1.5 مرة حجمها.'
+    testString: 'assert(code.match(/#ball2\s*?{\s*?left:\s*?65%;\s*?transform:\s*?scale\(1\.5\);\s*?}|#ball2\s*?{\s*?transform:\s*?scale\(1\.5\);\s*?left:\s*?65%;\s*?}/gi), "Set the <code>transform</code> property for <code>#ball2</code> to scale it 1.5 times its size.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .ball {
+    width: 40px;
+    height: 40px;
+    margin: 50 auto;
+    position: fixed;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    border-radius: 50%;
+  }
+  #ball1 {
+    left: 20%;
+  }
+  #ball2 {
+    left: 65%;
+
+  }
+
+
+</style>
+
+<div class="ball" id= "ball1"></div>
+<div class="ball" id= "ball2"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-scale-an-element-on-hover.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-scale-an-element-on-hover.arabic.md
new file mode 100644
index 0000000000..3fbe7803a7
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-scale-an-element-on-hover.arabic.md
@@ -0,0 +1,65 @@
+---
+id: 587d78a5367417b2b2512ada
+title: Use the CSS Transform scale Property to Scale an Element on Hover
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم خاصية مقياس تحويل CSS لقياس عنصر على التحويم
+---
+
+## Description
+<section id="description"> تحتوي خاصية <code>transform</code> على مجموعة متنوعة من الوظائف التي تسمح لك بتوسيع نطاق عناصرك أو تحريكها أو تدويرها أو إمالتها ، إلخ. عند استخدامها مع فئات زائفة مثل <code>:hover</code> الذي يحدد حالة معينة لعنصر ما ، يمكن لعقار <code>transform</code> بسهولة إضافة تفاعلية إلى العناصر الخاصة بك. في ما يلي مثال لقياس عناصر الفقرة إلى 2.1 مرة حجمها الأصلي عندما يمرر المستخدم فوقها: <blockquote style=";text-align:right;direction:rtl"> p: hover { <br> transform: scale (2.1)؛ <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> إضافة قاعدة CSS ل <code>hover</code> حالة <code>div</code> واستخدام <code>transform</code> الملكية لقياس <code>div</code> عنصر إلى 1.1 مرات حجمها الأصلي عند مرور مستخدم أكثر من ذلك. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يتراوح حجم عنصر <code>div</code> 1.1 مرة عندما يمرر المستخدم فوقها.
+    testString: 'assert(code.match(/div:hover\s*?{\s*?transform:\s*?scale\(1\.1\);/gi), "The size of the <code>div</code> element should scale 1.1 times when the user hovers over it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    width: 70%;
+    height: 100px;
+    margin:  50px auto;
+    background: linear-gradient(
+      53deg,
+      #ccfffc,
+      #ffcccf
+    );
+  }
+
+
+
+</style>
+
+<div></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-em-tag-to-italicize-text.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-em-tag-to-italicize-text.arabic.md
new file mode 100644
index 0000000000..51cb7806cc
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-em-tag-to-italicize-text.arabic.md
@@ -0,0 +1,88 @@
+---
+id: 587d781a367417b2b2512ab9
+title: Use the em Tag to Italicize Text
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم علامة em لإضفاء طابع مائل على النص
+---
+
+## Description
+<section id="description"> للتأكيد على النص ، يمكنك استخدام علامة <code>em</code> . يعرض هذا النص <code>font-style: italic;</code> ، حيث يقوم المستعرض بتطبيق CSS الخاص <code>font-style: italic;</code> إلى العنصر. </section>
+
+## Instructions
+<section id="instructions"> التفاف علامة <code>em</code> حول محتويات علامة الفقرة لاعطائها التركيز. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تضيف الشفرة علامة <code>em</code> إلى الترميز.
+    testString: 'assert($("em").length == 1, "Your code should add an <code>em</code> tag to the markup.");'
+  - text: يجب أن تلتف العلامة <code>em</code> حول محتويات علامة <code>p</code> ولكنها لا تحمل علامة <code>p</code> نفسها.
+    testString: 'assert($("p").children().length == 1 && $("em").children().length == 2, "The <code>em</code> tag should wrap around the contents of the <code>p</code> tag but not the <code>p</code> tag itself.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text.arabic.md
new file mode 100644
index 0000000000..c8fe8e6d88
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text.arabic.md
@@ -0,0 +1,90 @@
+---
+id: 587d781b367417b2b2512aba
+title: Use the s Tag to Strikethrough Text
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم علامة s إلى نص يتوسطه خط
+---
+
+## Description
+<section id="description"> لإنشاء خط يتوسطه النص ، وهو عندما يقطع خط أفقي عبر الأحرف ، يمكنك استخدام العلامة <code>s</code> . يُظهر أن جزءًا من النص لم يعد صالحًا. باستخدام علامة <code>s</code> ، يقوم المستعرض بتطبيق CSS من <code>text-decoration: line-through;</code> إلى العنصر. </section>
+
+## Instructions
+<section id="instructions"> التفاف <code>s</code> الكود حول &quot;جوجل&quot; داخل <code>h4</code> العلامة ثم قم بإضافة كلمة الأبجدية بجانبه، والذي لا ينبغي أن يكون تنسيق يتوسطه خط. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تضيف الشفرة علامة <code>s</code> واحدة إلى الترميز.
+    testString: 'assert($("s").length == 1, "Your code should add one <code>s</code> tag to the markup.");'
+  - text: يجب أن تلتف العلامة <code>s</code> حول نص Google في علامة <code>h4</code> . يجب ألا يحتوي على الكلمة الأبجدية.
+    testString: 'assert($("s").text().match(/Google/gi) && !$("s").text().match(/Alphabet/gi), "A <code>s</code> tag should wrap around the Google text in the <code>h4</code> tag. It should not contain the word Alphabet.");'
+  - text: قم بتضمين الكلمة الأبجدية في علامة <code>h4</code> ، بدون تنسيق يتوسطه خط.
+    testString: 'assert($("h4").html().match(/Alphabet/gi), "Include the word Alphabet in the <code>h4</code> tag, without strikethrough formatting.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-strong-tag-to-make-text-bold.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-strong-tag-to-make-text-bold.arabic.md
new file mode 100644
index 0000000000..ec3eb4a7b1
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-strong-tag-to-make-text-bold.arabic.md
@@ -0,0 +1,90 @@
+---
+id: 587d781a367417b2b2512ab7
+title: Use the strong Tag to Make Text Bold
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم العلامة القوية لجعل النص غامقًا
+---
+
+## Description
+<section id="description"> لجعل النص عريضًا ، يمكنك استخدام العلامة <code>strong</code> . وغالبًا ما يستخدم هذا للفت الانتباه إلى النص ويرمز إلى أنه مهم. باستخدام العلامة <code>strong</code> ، يطبق المستعرض CSS <code>font-weight: bold;</code> إلى العنصر. </section>
+
+## Instructions
+<section id="instructions"> لف علامة <code>strong</code> حول &quot;جامعة ستانفورد&quot; داخل علامة <code>p</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تضيف الشفرة علامة واحدة <code>strong</code> إلى الترميز.
+    testString: 'assert($("strong").length == 1, "Your code should add one <code>strong</code> tag to the markup.");'
+  - text: يجب أن تكون العلامة <code>strong</code> داخل علامة <code>p</code> .
+    testString: 'assert($("p").children("strong").length == 1, "The <code>strong</code> tag should be inside the <code>p</code> tag.");'
+  - text: يجب أن تلتف العلامة <code>strong</code> حول عبارة &quot;جامعة ستانفورد&quot;.
+    testString: 'assert($("strong").text().match(/^Stanford University$/gi), "The <code>strong</code> tag should wrap around the words "Stanford University".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.arabic.md
new file mode 100644
index 0000000000..d6af1fa718
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.arabic.md
@@ -0,0 +1,96 @@
+---
+id: 587d781c367417b2b2512ac0
+title: Use the text-transform Property to Make Text Uppercase
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("h4").css("text-transform") === "uppercase", "The <code>h4</code> text should be uppercase.");'
+  - text: ''
+    testString: 'assert(($("h4").text() !== $("h4").text().toUpperCase()), "The original text of the h4 should not be changed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+    font-size: 27px;
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+    opacity: 0.7;
+  }
+  #thumbnail {
+    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard" id="thumbnail">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.arabic.md
new file mode 100644
index 0000000000..b7e6853a12
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.arabic.md
@@ -0,0 +1,88 @@
+---
+id: 587d781a367417b2b2512ab8
+title: Use the u Tag to Underline Text
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("u").length === 1, "Your code should add a <code>u</code> tag to the markup.");'
+  - text: ''
+    testString: 'assert($("u").text() === "Ph.D. students", "The <code>u</code> tag should wrap around the text "Ph.D. students".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at <strong>Stanford University</strong>.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.arabic.md
new file mode 100644
index 0000000000..f1d001d1ca
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.arabic.md
@@ -0,0 +1,86 @@
+---
+id: bad87fee1348bd9aedf08823
+title: Add a Negative Margin to an Element
+challengeType: 0
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/add-a-negative-margin-to-an-element'
+videoUrl: ''
+localeTitle: أضف هامشًا سلبيًا إلى عنصر
+---
+
+## Description
+<section id="description"> عنصر في <code>margin</code> يتحكم في مقدار المسافة بين عنصر في <code>border</code> والعناصر المحيطة بها. إذا قمت بتعيين <code>margin</code> العنصر إلى قيمة سالبة ، فسيزداد حجم العنصر. </section>
+
+## Instructions
+<section id="instructions"> حاول تعيين <code>margin</code> إلى قيمة سالبة مثل القيمة للمربع الأحمر. غيّر <code>margin</code> المربع الأزرق إلى <code>-15px</code> ، حتى يملأ العرض الأفقي الكامل للمربع الأصفر حوله. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تعطي فئة <code>blue-box</code> عناصر - <code>-15px</code> من <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-top") === "-15px", "Your <code>blue-box</code> class should give elements <code>-15px</code> of <code>margin</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px;
+    margin: -15px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 20px;
+    margin: 20px;
+  }
+</style>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/add-borders-around-your-elements.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/add-borders-around-your-elements.arabic.md
new file mode 100644
index 0000000000..5ed44a785d
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/add-borders-around-your-elements.arabic.md
@@ -0,0 +1,108 @@
+---
+id: bad87fee1348bd9bedf08813
+title: Add Borders Around Your Elements
+challengeType: 0
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/add-borders-around-your-elements'
+videoUrl: ''
+localeTitle: أضف حدود حول عناصرك
+---
+
+## Description
+<section id="description"> تحتوي حدود CSS على خصائص مثل <code>style</code> <code>color</code> <code>width</code> على سبيل المثال ، إذا أردنا إنشاء حد أحمر يبلغ 5 بيكسل حول عنصر HTML ، فيمكننا استخدام هذا الفصل الدراسي: <blockquote style=";text-align:right;direction:rtl"> &lt;نمط&gt; <br> .thin-red-border { <br> لون الحدود: أحمر. <br> border-width: 5px؛ <br> نمط الحدود: صلب ؛ <br> } <br> &lt;/ النمط&gt; </blockquote></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون لعنصر <code>img</code> الخاص بك فئة <code>smaller-image</code> .
+    testString: 'assert($("img").hasClass("smaller-image"), "Your <code>img</code> element should have the class <code>smaller-image</code>.");'
+  - text: ''
+    testString: 'assert($("img").hasClass("thick-green-border"), "Your <code>img</code> element should have the class <code>thick-green-border</code>.");'
+  - text: امنح صورتك عرضًا بحدود 10 <code>10px</code> .
+    testString: 'assert($("img").hasClass("thick-green-border") && parseInt($("img").css("border-top-width"), 10) >= 8 && parseInt($("img").css("border-top-width"), 10) <= 12, "Give your image a border width of <code>10px</code>.");'
+  - text: امنح صورتك نمطًا حدوديًا <code>solid</code> .
+    testString: 'assert($("img").css("border-right-style") === "solid", "Give your image a border style of <code>solid</code>.");'
+  - text: ''
+    testString: 'assert($("img").css("border-left-color") === "rgb(0, 128, 0)", "The border around your <code>img</code> element should be green.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.arabic.md
new file mode 100644
index 0000000000..50b69a9f5e
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.arabic.md
@@ -0,0 +1,92 @@
+---
+id: bad87fee1248bd9aedf08824
+title: Add Different Margins to Each Side of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: لديك <code>blue-box</code> الطبقة يجب أن تعطي الجزء العلوي من عناصر <code>40px</code> من <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-top") === "40px", "Your <code>blue-box</code> class should give the top of elements <code>40px</code> of <code>margin</code>.");'
+  - text: ''
+    testString: 'assert($(".blue-box").css("margin-right") === "20px", "Your <code>blue-box</code> class should give the right of elements <code>20px</code> of <code>margin</code>.");'
+  - text: ''
+    testString: 'assert($(".blue-box").css("margin-bottom") === "20px", "Your <code>blue-box</code> class should give the bottom of elements <code>20px</code> of <code>margin</code>.");'
+  - text: يجب أن تعطيك فئة <code>blue-box</code> يمين العناصر <code>40px</code> من <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-left") === "40px", "Your <code>blue-box</code> class should give the left of elements <code>40px</code> of <code>margin</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    margin-top: 40px;
+    margin-right: 20px;
+    margin-bottom: 20px;
+    margin-left: 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.arabic.md
new file mode 100644
index 0000000000..7310df9de3
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.arabic.md
@@ -0,0 +1,93 @@
+---
+id: bad87fee1348bd9aedf08824
+title: Add Different Padding to Each Side of an Element
+challengeType: 0
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/add-different-padding-to-each-side-of-an-element'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تعطي <code>40px</code> في <code>blue-box</code> أعلى العناصر <code>40px</code> من <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-top") === "40px", "Your <code>blue-box</code> class should give the top of the elements <code>40px</code> of <code>padding</code>.");'
+  - text: يجب أن تعطي صفحتك <code>blue-box</code> حق العناصر المكوّنة من 20 <code>20px</code> من <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-right") === "20px", "Your <code>blue-box</code> class should give the right of the elements <code>20px</code> of <code>padding</code>.");'
+  - text: يجب أن تعطي صفحتك <code>blue-box</code> الجزء السفلي من العناصر 20 <code>20px</code> من <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-bottom") === "20px", "Your <code>blue-box</code> class should give the bottom of the elements <code>20px</code> of <code>padding</code>.");'
+  - text: ''
+    testString: 'assert($(".blue-box").css("padding-left") === "40px", "Your <code>blue-box</code> class should give the left of the elements <code>40px</code> of <code>padding</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding-top: 40px;
+    padding-right: 20px;
+    padding-bottom: 20px;
+    padding-left: 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.arabic.md
new file mode 100644
index 0000000000..83382a85db
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.arabic.md
@@ -0,0 +1,108 @@
+---
+id: bad87fee1348bd9aedf08814
+title: Add Rounded Corners with border-radius
+challengeType: 0
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/add-rounded-corners-a-border-radius'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("img").hasClass("thick-green-border"), "Your image element should have the class "thick-green-border".");'
+  - text: ''
+    testString: 'assert(parseInt($("img").css("border-top-left-radius")) > 8, "Your image should have a border radius of <code>10px</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.arabic.md
new file mode 100644
index 0000000000..154773b818
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.arabic.md
@@ -0,0 +1,87 @@
+---
+id: bad87fee1348bd9aedf08822
+title: Adjust the Margin of an Element
+challengeType: 0
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/adjust-the-margin-of-an-element'
+videoUrl: ''
+localeTitle: ضبط هامش عنصر
+---
+
+## Description
+<section id="description"> عنصر في <code>margin</code> يتحكم في مقدار المسافة بين عنصر في <code>border</code> والعناصر المحيطة بها. هنا ، يمكننا ملاحظة أن الصندوق الأزرق والمربع الأحمر متداخلان داخل المربع الأصفر. لاحظ أن المربع الأحمر به <code>margin</code> أكبر من المربع الأزرق ، مما يجعله يبدو أصغر. عند زيادة <code>margin</code> الصندوق الأزرق ، سيزيد من المسافة بين حدوده والعناصر المحيطة به. </section>
+
+## Instructions
+<section id="instructions"> غيّر <code>margin</code> المربع الأزرق ليطابق ذلك المربع الأحمر. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($(".blue-box").css("margin-top") === "20px", "Your <code>blue-box</code> class should give elements <code>20px</code> of <code>margin</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px;
+    margin: 20px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 20px;
+    margin: 10px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.arabic.md
new file mode 100644
index 0000000000..dfa9aec311
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.arabic.md
@@ -0,0 +1,85 @@
+---
+id: bad88fee1348bd9aedf08825
+title: Adjust the Padding of an Element
+challengeType: 0
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/adjust-the-padding-of-an-element'
+videoUrl: ''
+localeTitle: ضبط الحشو من عنصر
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تعطي فئة <code>blue-box</code> عناصر <code>20px</code> من <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-top") === "20px", "Your <code>blue-box</code> class should give elements <code>20px</code> of <code>padding</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 10px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.arabic.md
new file mode 100644
index 0000000000..b73597f515
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.arabic.md
@@ -0,0 +1,254 @@
+---
+id: 5a9d7286424fe3d0e10cad13
+title: Attach a Fallback value to a CSS Variable
+challengeType: 0
+videoUrl: ''
+localeTitle: إرفاق قيمة الرجوع إلى متغير CSS
+---
+
+## Description
+<section id="description"> عند استخدام المتغير كقيمة لعنوان CSS ، يمكنك إرفاق قيمة احتياطي سيعود متصفحك إليها إذا كان المتغير المحدد غير صالح. <strong>ملاحظة:</strong> لا يتم استخدام هذا الاحتياطي لزيادة توافق المتصفح ، ولن يعمل على متصفحات IE. بدلاً من ذلك ، يتم استخدامه بحيث يكون للمستعرض لون لعرضه إذا لم يتمكن من العثور على المتغير الخاص بك. إليك طريقة القيام بذلك: <blockquote style=";text-align:right;direction:rtl"> الخلفية: var (- penguin-skin، black)؛ </blockquote> سيؤدي هذا إلى تعيين خلفية سوداء إذا لم يتم تعيين المتغير الخاص بك. لاحظ أن هذا يمكن أن يكون مفيدا لتصحيح الأخطاء. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: تطبيق القيمة الاحتياطية من <code>black</code> إلى خاصية <code>background</code> للفئة <code>penguin-top</code> .
+    testString: '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), "Apply the fallback value of <code>black</code> to the <code>background</code> property of the <code>penguin-top</code> class.");'
+  - text: ''
+    testString: 'assert(code.match(/.penguin-bottom\s*?{[\s\S]*background\s*?:\s*?var\(\s*?--pengiun-skin\s*?,\s*?black\s*?\)\s*?;[\s\S]*}/gi), "Apply the fallback value of <code>black</code> to the <code>background</code> property of the <code>penguin-bottom</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .penguin {
+    --penguin-skin: black;
+    --penguin-belly: gray;
+    --penguin-beak: yellow;
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+
+    /* change code below */
+    background: var(--pengiun-skin);
+    /* change code above */
+
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+
+    /* change code below */
+    background: var(--pengiun-skin);
+    /* change code above */
+
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, black);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, black);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/cascading-css-variables.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/cascading-css-variables.arabic.md
new file mode 100644
index 0000000000..41186d8721
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/cascading-css-variables.arabic.md
@@ -0,0 +1,250 @@
+---
+id: 5a9d7295424fe3d0e10cad14
+title: Cascading CSS variables
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يعلن عن متغير <code>--penguin-belly</code> في <code>:root</code> <code>--penguin-belly</code> إلى <code>pink</code> .'
+    testString: 'assert(code.match(/:root\s*?{[\s\S]*--penguin-belly\s*?:\s*?pink\s*?;[\s\S]*}/gi), "declare the <code>--penguin-belly</code> variable in the <code>:root</code> and assign it to <code>pink</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  :root {
+
+    /* add code below */
+
+    /* add code above */
+  }
+
+  body {
+    background: var(--penguin-belly, #c6faf1);
+  }
+
+  .penguin {
+    --penguin-skin: gray;
+    --penguin-beak: orange;
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.arabic.md
new file mode 100644
index 0000000000..5f31a78b44
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.arabic.md
@@ -0,0 +1,252 @@
+---
+id: 5a9d72a1424fe3d0e10cad15
+title: Change a variable for a specific area
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> عند إنشاء المتغيرات الخاصة بك في <code>:root</code> ، سيتم تعيين قيمة هذا المتغير للصفحة بأكملها. يمكنك بعد ذلك كتابة هذه المتغيرات عن طريق ضبطها مرة أخرى داخل عنصر محدد. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-belly\s*?:\s*?white\s*?;[\s\S]*}/gi), "The <code>penguin</code> class should reassign the <code>--penguin-belly</code> variable to <code>white</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  :root {
+    --penguin-skin: gray;
+    --penguin-belly: pink;
+    --penguin-beak: orange;
+  }
+
+  body {
+    background: var(--penguin-belly, #c6faf1);
+  }
+
+  .penguin {
+
+    /* add code below */
+
+    /* add code above */
+
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, pink);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, pink);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, pink);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/change-the-color-of-text.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/change-the-color-of-text.arabic.md
new file mode 100644
index 0000000000..5a98c1b958
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/change-the-color-of-text.arabic.md
@@ -0,0 +1,81 @@
+---
+id: bad87fee1348bd9aedf08803
+title: Change the Color of Text
+challengeType: 0
+videoUrl: ''
+localeTitle: تغيير لون النص
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون عنصر <code>h2</code> باللون الأحمر.
+    testString: 'assert($("h2").css("color") === "rgb(255, 0, 0)", "Your <code>h2</code> element should be red.");'
+  - text: ''
+    testString: 'assert(code.match(/<h2\s+style\s*=\s*(\"|")\s*color\s*:\s*(?:rgb\(\s*255\s*,\s*0\s*,\s*0\s*\)|rgb\(\s*100%\s*,\s*0%\s*,\s*0%\s*\)|red|#ff0000|#f00|hsl\(\s*0\s*,\s*100%\s*,\s*50%\s*\))\s*\;(\"|")>\s*CatPhotoApp\s*<\/h2>/)," Your <code>style</code> declaration should end with a <code>;</code> .");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.arabic.md
new file mode 100644
index 0000000000..bfd2abfe59
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.arabic.md
@@ -0,0 +1,85 @@
+---
+id: bad87fee1348bd9aedf08806
+title: Change the Font Size of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: تغيير حجم الخط من عنصر
+---
+
+## Description
+<section id="description"> يتم التحكم في <code>font-size</code> الخاصية CSS <code>font-size</code> ، كما يلي: <blockquote style=";text-align:right;direction:rtl"> h1 { <br> حجم الخط: 30 بكسل <br> } </blockquote></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: بين علامات <code>style</code> ، <code>p</code> العناصر <code>p</code> <code>font-size</code> <code>16px</code> . يجب أن يكون حجم المتصفح ونص التكبير بنسبة 100٪.
+    testString: 'assert(code.match(/p\s*{\s*font-size\s*:\s*16\s*px\s*;\s*}/i), "Between the <code>style</code> tags, give the <code>p</code> elements <code>font-size</code> of <code>16px</code>. Browser and Text zoom should be at 100%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/create-a-custom-css-variable.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/create-a-custom-css-variable.arabic.md
new file mode 100644
index 0000000000..7fc7b568cf
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/create-a-custom-css-variable.arabic.md
@@ -0,0 +1,245 @@
+---
+id: 5a9d726c424fe3d0e10cad11
+title: Create a custom CSS Variable
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> في فئة <code>penguin</code> ، أنشئ اسمًا <code>--penguin-skin</code> وأعطيه قيمة <code>gray</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-skin\s*?:\s*?gray\s*?;[\s\S]*}/gi), "<code>penguin</code> class should declare the <code>--penguin-skin</code> variable and assign it to <code>gray</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .penguin {
+
+    /* add code below */
+
+    /* add code above */
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: black;
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: black;
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: black;
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: black;
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: white;
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: orange;
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: orange;
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.arabic.md
new file mode 100644
index 0000000000..e21dce016a
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.arabic.md
@@ -0,0 +1,110 @@
+---
+id: bad87fed1348bd9aede07836
+title: Give a Background Color to a div Element
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> إنشاء فئة تسمى <code>silver-background</code> مع <code>background-color</code> الفضة. قم بتعيين هذا الفصل إلى عنصر <code>div</code> الخاص بك. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("div").hasClass("silver-background"), "Give your <code>div</code> element the class <code>silver-background</code>.");'
+  - text: ''
+    testString: 'assert($("div").css("background-color") === "rgb(192, 192, 192)", "Your <code>div</code> element should have a silver background.");'
+  - text: ''
+    testString: 'assert(code.match(/\.silver-background\s*{\s*background-color:\s*silver;\s*}/), "Define a class named <code>silver-background</code> within the <code>style</code> element and assign the value of <code>silver</code> to the <code>background-color</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/import-a-google-font.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/import-a-google-font.arabic.md
new file mode 100644
index 0000000000..49fa5206ef
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/import-a-google-font.arabic.md
@@ -0,0 +1,96 @@
+---
+id: bad87fee1348bd9aedf08807
+title: Import a Google Font
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> بالإضافة إلى تحديد الخطوط العامة الموجودة في معظم أنظمة التشغيل ، يمكننا أيضًا تحديد خطوط ويب مخصصة غير قياسية للاستخدام على موقعنا على الويب. هناك مصادر متنوعة لخطوط الويب على الإنترنت ، ولكن في هذا المثال سنركز على مكتبة Google Fonts. <a href="https://fonts.google.com/" target="_blank">Google Fonts</a> هي مكتبة مجانية لخطوط الويب يمكنك استخدامها في CSS بالرجوع إلى عنوان URL الخاص بالخط. لذلك ، دعنا نمضي قدمًا ونستورد ونطبق خط Google (لاحظ أنه إذا تم حظر Google في بلدك ، فستحتاج إلى تخطي هذا التحدي). لاستيراد أحد خطوط Google ، يمكنك نسخ عنوان URL (الخطوط) من مكتبة Google Fonts ، ثم لصقه في HTML. لهذا التحدي ، سنقوم باستيراد خط <code>Lobster</code> . لإجراء ذلك ، انسخ مقتطف الشفرة التالي وألصقه في الجزء العلوي من محرر الشفرة (قبل عنصر <code>style</code> الافتتاحي): <code>&lt;link href=&quot;https://fonts.googleapis.com/css?family=Lobster&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;</code> يمكنك الآن استخدام خط <code>Lobster</code> في CSS باستخدام <code>Lobster</code> باعتباره FAMILY_NAME كما في المثال التالي: <br> <code>font-family: FAMILY_NAME, GENERIC_NAME;</code> . GENERIC_NAME اختياري ، وهو خط احتياطي في حالة عدم توفر الخط المحدد الآخر. يتم تغطيتها في التحدي التالي. أسماء العائلة حساسة لحالة الأحرف وتحتاج إلى لفها بين علامتي تنصيص إذا كان هناك فراغ في الاسم. على سبيل المثال ، تحتاج إلى علامات اقتباس لاستخدام الخط <code>&quot;Open Sans&quot;</code> ، ولكن لا تستخدم خط <code>Lobster</code> . </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(new RegExp("googleapis", "gi").test(code), "Import the <code>Lobster</code> font.");'
+  - text: ''
+    testString: 'assert($("h2").css("font-family").match(/lobster/i), "Your <code>h2</code> element should use the font <code>Lobster</code>.");'
+  - text: استخدم محدد CSS <code>h2</code> لتغيير الخط.
+    testString: 'assert(/\s*h2\s*\{\s*font-family\:\s*(\"|")?Lobster(\"|")?\s*;\s*\}/gi.test(code), "Use an <code>h2</code> CSS selector to change the font.");'
+  - text: يجب أن يستمر عنصر <code>p</code> استخدام <code>monospace</code> للخط.
+    testString: 'assert($("p").css("font-family").match(/monospace/i), "Your <code>p</code> element should still use the font <code>monospace</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.arabic.md
new file mode 100644
index 0000000000..13c967522c
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 5b7d72c338cd7e35b63f3e14
+title: Improve Compatibility with Browser Fallbacks
+challengeType: 0
+videoUrl: ''
+localeTitle: تحسين التوافق مع Fallbacks المستعرض
+---
+
+## Description
+<section id="description"> عند العمل مع CSS ، من المحتمل أن تصل إلى مشكلات توافق المستعرض في مرحلة ما. هذا هو السبب في أنه من المهم توفير fallbacks المتصفح لتجنب المشاكل المحتملة. عندما يقوم المتصفح بتوزيع CSS لصفحة ويب ، فإنه يتجاهل أي خصائص لا يتعرف عليها أو يدعمها. على سبيل المثال ، إذا كنت تستخدم متغير CSS لتعيين لون خلفية على أحد المواقع ، فسيتجاهل Internet Explorer لون الخلفية لأنه لا يدعم متغيرات CSS. في هذه الحالة ، سيستخدم المتصفح أي قيمة لديه لهذا الموقع. إذا لم يعثر على أي قيمة أخرى لهذه الخاصية ، فسيتم إرجاعها إلى القيمة الافتراضية ، والتي عادةً ما تكون غير مثالية. وهذا يعني أنه إذا كنت تريد توفير احتياطي للمتصفح ، فسيكون الأمر سهلاً مثل توفير قيمة أخرى مدعومة بشكل أوسع فورًا قبل الإعلان. وبهذه الطريقة ، سيكون للمتصفح القديم شيئًا ما يتراجع عنه ، في حين أن المتصفح الأحدث سوف يفسر أي إعلان يأتي لاحقًا في السلسلة. </section>
+
+## Instructions
+<section id="instructions"> يبدو أنه يتم استخدام متغير لضبط لون خلفية فئة <code>.red-box</code> . دعونا نحسن من توافق المتصفح الخاص بنا عن طريق إضافة إعلان <code>background</code> آخر قبل الإعلان الحالي وتعيين قيمته إلى اللون الأحمر. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تتضمن قاعدة <code>.red-box</code> الخاصة بك احتياطيًا مع تعيين <code>background</code> إلى اللون الأحمر مباشرةً قبل بيان <code>background</code> الموجود.
+    testString: 'assert(code.match(/.red-box\s*{[^}]*background:\s*(red|#ff0000|#f00|rgb\(\s*255\s*,\s*0\s*,\s*0\s*\)|rgb\(\s*100%\s*,\s*0%\s*,\s*0%\s*\)|hsl\(\s*0\s*,\s*100%\s*,\s*50%\s*\))\s*;\s*background:\s*var\(\s*--red-color\s*\);/gi), "Your <code>.red-box</code> rule should include a fallback with the <code>background</code> set to red immediately before the existing <code>background</code> declaration.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  :root {
+    --red-color: red;
+  }
+  .red-box {
+
+    background: var(--red-color);
+    height: 200px;
+    width:200px;
+  }
+</style>
+<div class="red-box"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.arabic.md
new file mode 100644
index 0000000000..ff7183ae60
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.arabic.md
@@ -0,0 +1,66 @@
+---
+id: bad87fee1348bd9aedf08746
+title: Inherit Styles from the Body Element
+challengeType: 0
+videoUrl: ''
+localeTitle: وراثة الأنماط من عنصر الجسم
+---
+
+## Description
+<section id="description"> الآن لقد ثبت أن كل صفحة HTML لديها <code>body</code> عنصر، والتي لها <code>body</code> عنصر يمكن أيضا أن تكون على غرار مع CSS. تذكر أن بإمكانك تصميم عنصر <code>body</code> تمامًا مثل أي عنصر HTML آخر ، وسوف ترث جميع العناصر الأخرى أنماط عناصر <code>body</code> . </section>
+
+## Instructions
+<section id="instructions"> أولاً ، قم بإنشاء عنصر <code>h1</code> باستخدام النص <code>Hello World</code> Then ، دعنا نمنح كل العناصر على صفحتك لون <code>green</code> بإضافة <code>color: green;</code> لإعلان أسلوب عنصر <code>body</code> . أخيرًا ، امنح عنصر <code>body</code> الخاص بك <code>body</code> عائلة <code>monospace</code> من خلال إضافة <code>font-family: monospace;</code> لإعلان أسلوب عنصر <code>body</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: قم بإنشاء عنصر <code>h1</code> .
+    testString: 'assert(($("h1").length > 0), "Create an <code>h1</code> element.");'
+  - text: يجب أن يحتوي عنصر <code>h1</code> على نص <code>Hello World</code> .
+    testString: 'assert(($("h1").length > 0 && $("h1").text().match(/hello world/i)), "Your <code>h1</code> element should have the text <code>Hello World</code>.");'
+  - text: تأكد من أن عنصر <code>h1</code> لديه علامة إغلاق.
+    testString: 'assert(code.match(/<\/h1>/g) && code.match(/<h1/g) && code.match(/<\/h1>/g).length === code.match(/<h1/g).length, "Make sure your <code>h1</code> element has a closing tag.");'
+  - text: امنح <code>body</code> عنصر خاصية <code>color</code> <code>green</code> .
+    testString: 'assert(($("body").css("color") === "rgb(0, 128, 0)"), "Give your <code>body</code> element the <code>color</code> property of <code>green</code>.");'
+  - text: امنح <code>body</code> عنصر الخاصية <code>monospace</code> <code>font-family</code> <code>monospace</code> .
+    testString: 'assert(($("body").css("font-family").match(/monospace/i)), "Give your <code>body</code> element the <code>font-family</code> property of <code>monospace</code>.");'
+  - text: بك <code>h1</code> عنصر يجب أن يرث الخط <code>monospace</code> من هاتفك <code>body</code> العنصر.
+    testString: 'assert(($("h1").length > 0 && $("h1").css("font-family").match(/monospace/i)), "Your <code>h1</code> element should inherit the font <code>monospace</code> from your <code>body</code> element.");'
+  - text: بك <code>h1</code> عنصر يجب أن يرث اللون الأخضر من هاتفك <code>body</code> العنصر.
+    testString: 'assert(($("h1").length > 0 && $("h1").css("color") === "rgb(0, 128, 0)"), "Your <code>h1</code> element should inherit the color green from your <code>body</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+  }
+
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.arabic.md
new file mode 100644
index 0000000000..7a09d92ac1
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.arabic.md
@@ -0,0 +1,108 @@
+---
+id: bad87fee1348bd9aedf08815
+title: Make Circular Images with a border-radius
+challengeType: 0
+videoUrl: ''
+localeTitle: جعل الصور الدائرية مع نصف قطرها
+---
+
+## Description
+<section id="description"> بالإضافة إلى وحدات البكسل ، يمكنك أيضًا تحديد نطاق <code>border-radius</code> باستخدام نسبة مئوية. </section>
+
+## Instructions
+<section id="instructions"> إعطاء صورة القط الخاص بك <code>border-radius</code> <code>50%</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون لشعاعك نصف قطر حدًا <code>50%</code> ، مما يجعله دائريًا تمامًا.
+    testString: 'assert(parseInt($("img").css("border-top-left-radius")) > 48, "Your image should have a border radius of <code>50%</code>, making it perfectly circular.");'
+  - text: تأكد من استخدام قيمة النسبة المئوية <code>50%</code> .
+    testString: 'assert(code.match(/50%/g), "Be sure to use a percentage value of <code>50%</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 10px;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.arabic.md
new file mode 100644
index 0000000000..88a2705e70
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.arabic.md
@@ -0,0 +1,75 @@
+---
+id: bad87fee1348bd9aedf07756
+title: Override All Other Styles by using Important
+challengeType: 0
+videoUrl: ''
+localeTitle: تجاوز كافة الأنماط الأخرى باستخدام هام
+---
+
+## Description
+<section id="description"> ياي! لقد أثبتنا فقط أن الأنماط المضمنة ستتجاوز جميع إعلانات CSS في عنصر <code>style</code> . لكن انتظر. هناك طريقة أخيرة لتجاوز CSS. هذه هي أقوى طريقة للجميع. ولكن قبل القيام بذلك ، دعنا نتحدث عن سبب رغبتك في تجاوز CSS. في العديد من المواقف ، ستستخدم مكتبات CSS. قد تتجاوز هذه بطريق الخطأ CSS الخاص بك. لذلك عندما تحتاج بالتأكيد إلى التأكد من أن عنصر ما يحتوي على CSS خاص ، يمكنك استخدامه <code>!important</code> دعنا نرجع إلى إعلان الفصل <code>pink-text</code> . تذكر أنه تم تجاوز فئة <code>pink-text</code> لدينا بواسطة تعريفات فئة لاحقة ، وإعلانات معرف ، وأنماط مضمنة. </section>
+
+## Instructions
+<section id="instructions"> دعنا نضيف الكلمة الأساسية <code>!important</code> لإعلان اللون الخاص بعنصر النص الوردي الخاص بك للتأكد 100٪ من أن عنصر <code>h1</code> سيكون لونه ورديًا. مثال على كيفية القيام بذلك هو: <code>color: red !important;</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يحتوي عنصر <code>h1</code> <code>pink-text</code> .
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: يجب أن يحتوي عنصر <code>h1</code> على الفصل <code>blue-text</code> .
+    testString: 'assert($("h1").hasClass("blue-text"), "Your <code>h1</code> element should have the class <code>blue-text</code>.");'
+  - text: يجب أن يحتوي عنصر <code>h1</code> على معرف <code>orange-text</code> .
+    testString: 'assert($("h1").attr("id") === "orange-text", "Your <code>h1</code> element should have the id of <code>orange-text</code>.");'
+  - text: 'يجب أن يكون عنصر <code>h1</code> بنمط <code>color: white</code> المضمن <code>color: white</code> .'
+    testString: 'assert(code.match(/<h1.*style/gi) && code.match(/<h1.*style.*color\s*?:/gi), "Your <code>h1</code> element should have the inline style of <code>color&#58; white</code>.");'
+  - text: يجب أن يكون لديك تعريف فئة <code>pink-text</code> الكلمة الأساسية <code>!important</code> لتجاوز كافة التعريفات الأخرى.
+    testString: 'assert(code.match(/\.pink-text\s*?\{[\s\S]*?color:.*pink.*!important\s*;?[^\.]*\}/g), "Your <code>pink-text</code> class declaration should have the <code>!important</code> keyword to override all other declarations.");'
+  - text: يجب أن يكون عنصر <code>h1</code> باللون الوردي.
+    testString: 'assert($("h1").css("color") === "rgb(255, 192, 203)", "Your <code>h1</code> element should be pink.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  #orange-text {
+    color: orange;
+  }
+  .pink-text {
+    color: pink;
+  }
+  .blue-text {
+    color: blue;
+  }
+</style>
+<h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.arabic.md
new file mode 100644
index 0000000000..8fe08627da
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.arabic.md
@@ -0,0 +1,74 @@
+---
+id: bad87fee1348bd8aedf06756
+title: Override Class Declarations by Styling ID Attributes
+challengeType: 0
+videoUrl: ''
+localeTitle: تجاوز تعريفات الطبقة عن طريق تحديد سمات المعرف
+---
+
+## Description
+<section id="description"> لقد أثبتنا فقط أن المتصفحات تقرأ CSS من الأعلى إلى الأسفل. ويعني هذا أنه في حالة وجود تعارض ، سيستخدم المتصفح أي إعلان من لغة CSS يظهر في النهاية. لكننا لم ننتهي بعد. هناك طرق أخرى يمكنك من خلالها تجاوز CSS. هل تتذكر سمات معرف؟ لنقم بتجاوز فصول <code>blue-text</code> <code>pink-text</code> <code>blue-text</code> ، وجعل عنصر <code>h1</code> برتقاليًا ، من خلال إعطاء عنصر <code>h1</code> ثم تصميم ذلك المعرف. </section>
+
+## Instructions
+<section id="instructions"> امنح عنصر <code>h1</code> سمة <code>id</code> <code>orange-text</code> . تذكر أن أنماط المعرّف تبدو كالتالي: <code>&lt;h1 id=&quot;orange-text&quot;&gt;</code> ترك فصول <code>pink-text</code> <code>blue-text</code> <code>pink-text</code> في عنصر <code>h1</code> . قم بإنشاء تعريف CSS لمعرف <code>orange-text</code> الخاص بك في عنصر <code>style</code> الخاص بك. إليك مثال على ما يبدو عليه هذا: <blockquote style=";text-align:right;direction:rtl"> # brown-text { <br> اللون: بني؛ <br> } </blockquote> ملاحظة: لا يهم ما إذا كنت قد أعلنت CSS هذا أعلى أو أسفل فئة النص الوردي ، نظرًا لأن سمة المعرّف ستحظى دائمًا بالأسبقية. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يحتوي عنصر <code>h1</code> <code>pink-text</code> .
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: يجب أن يحتوي عنصر <code>h1</code> على الفصل <code>blue-text</code> .
+    testString: 'assert($("h1").hasClass("blue-text"), "Your <code>h1</code> element should have the class <code>blue-text</code>.");'
+  - text: امنح عنصر <code>h1</code> معرف <code>orange-text</code> .
+    testString: 'assert($("h1").attr("id") === "orange-text", "Give your <code>h1</code> element the id of <code>orange-text</code>.");'
+  - text: يجب أن يكون هناك عنصر <code>h1</code> واحد فقط.
+    testString: 'assert(($("h1").length === 1), "There should be only one <code>h1</code> element.");'
+  - text: قم بإنشاء إعلان CSS لمعرف <code>orange-text</code> الخاص بك
+    testString: 'assert(code.match(/#orange-text\s*{/gi), "Create a CSS declaration for your <code>orange-text</code> id");'
+  - text: لا تعطي <code>h1</code> الخاص بك أي سمات <code>style</code> .
+    testString: 'assert(!code.match(/<h1.*style.*>/gi), "Do not give your <code>h1</code> any <code>style</code> attributes.");'
+  - text: يجب أن يكون عنصر <code>h1</code> باللون البرتقالي.
+    testString: 'assert($("h1").css("color") === "rgb(255, 165, 0)", "Your <code>h1</code> element should be orange.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  .pink-text {
+    color: pink;
+  }
+  .blue-text {
+    color: blue;
+  }
+</style>
+<h1 class="pink-text blue-text">Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.arabic.md
new file mode 100644
index 0000000000..fbd2a54935
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.arabic.md
@@ -0,0 +1,73 @@
+---
+id: bad87fee1348bd9aedf06756
+title: Override Class Declarations with Inline Styles
+challengeType: 0
+videoUrl: ''
+localeTitle: تجاوز التعريفات فئة باستخدام الأنماط المضمّنة
+---
+
+## Description
+<section id="description"> لذلك قمنا ثبت أن الإعلانات معرف تجاوز الإعلانات الطبقة، بغض النظر عن مكان يتم الإعلان عنها في حياتك <code>style</code> CSS عنصر. هناك طرق أخرى يمكنك من خلالها تجاوز CSS. هل تتذكر الأنماط المضمنة؟ </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يحتوي عنصر <code>h1</code> <code>pink-text</code> .
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: ''
+    testString: 'assert($("h1").hasClass("blue-text"), "Your <code>h1</code> element should have the class <code>blue-text</code>.");'
+  - text: يجب أن يحتوي عنصر <code>h1</code> على معرف <code>orange-text</code> .
+    testString: 'assert($("h1").attr("id") === "orange-text", "Your <code>h1</code> element should have the id of <code>orange-text</code>.");'
+  - text: ''
+    testString: 'assert(document.querySelector("h1[style]"), "Give your <code>h1</code> element an inline style.");'
+  - text: يجب أن يكون عنصر <code>h1</code> أبيض.
+    testString: 'assert($("h1").css("color") === "rgb(255, 255, 255)", "Your <code>h1</code> element should be white.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  #orange-text {
+    color: orange;
+  }
+  .pink-text {
+    color: pink;
+  }
+  .blue-text {
+    color: blue;
+  }
+</style>
+<h1 id="orange-text" class="pink-text blue-text">Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.arabic.md
new file mode 100644
index 0000000000..6bc76f95b9
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.arabic.md
@@ -0,0 +1,65 @@
+---
+id: bad87fee1348bd9aedf04756
+title: Override Styles in Subsequent CSS
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> إنشاء فئة CSS إضافية تسمى <code>blue-text</code> يعطي عنصر باللون الأزرق. تأكد من أنه أقل من <code>pink-text</code> الفصل <code>pink-text</code> . قم <code>blue-text</code> فئة <code>blue-text</code> على عنصر <code>h1</code> بالإضافة إلى فصل <code>pink-text</code> ، ودعنا نرى أيهما يفوز. يتم تطبيق سمات فئات متعددة على عنصر HTML بمسافة بينها مثل: <code>class=&quot;class1 class2&quot;</code> ملاحظة: لا يهم أي ترتيب يتم سرد الفئات في عنصر HTML. ومع ذلك ، فإن ترتيب إعلانات <code>class</code> في قسم <code>&lt;style&gt;</code> هو ما هو مهم. سوف يكون للإعلان الثاني الأسبقية على الأول. نظرًا لأنه يتم الإعلان عن <code>.blue-text</code> الثانية ، فإنه يؤدي إلى تجاوز سمات <code>.pink-text</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يحتوي عنصر <code>h1</code> <code>pink-text</code> .
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: يجب أن يحتوي عنصر <code>h1</code> على الفصل <code>blue-text</code> .
+    testString: 'assert($("h1").hasClass("blue-text"), "Your <code>h1</code> element should have the class <code>blue-text</code>.");'
+  - text: يجب أن ينتمي <code>blue-text</code> <code>pink-text</code> إلى نفس عنصر <code>h1</code> .
+    testString: 'assert($(".pink-text").hasClass("blue-text"), "Both <code>blue-text</code> and <code>pink-text</code> should belong to the same <code>h1</code> element.");'
+  - text: ''
+    testString: 'assert($("h1").css("color") === "rgb(0, 0, 255)", "Your <code>h1</code> element should be blue.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  .pink-text {
+    color: pink;
+  }
+</style>
+<h1 class="pink-text">Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/prioritize-one-style-over-another.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/prioritize-one-style-over-another.arabic.md
new file mode 100644
index 0000000000..4996bd5432
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/prioritize-one-style-over-another.arabic.md
@@ -0,0 +1,60 @@
+---
+id: bad87fee1348bd9aedf08756
+title: Prioritize One Style Over Another
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يحتوي عنصر <code>h1</code> <code>pink-text</code> .
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: يجب أن يحتوي <code>&lt;style&gt;</code> على فئة CSS <code>pink-text</code> يغير <code>color</code> .
+    testString: 'assert(code.match(/\.pink-text\s*\{\s*color\s*:\s*.+\s*;\s*\}/g), "Your <code>&#60;style&#62;</code> should have a <code>pink-text</code> CSS class that changes the <code>color</code>.");'
+  - text: ''
+    testString: 'assert($("h1").css("color") === "rgb(255, 192, 203)", "Your <code>h1</code> element should be pink.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+</style>
+<h1>Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.arabic.md
new file mode 100644
index 0000000000..1ea5b19947
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.arabic.md
@@ -0,0 +1,89 @@
+---
+id: bad87fee1348bd9aede08807
+title: Set the Font Family of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> يمكنك تعيين الخط الذي يجب أن يستخدمه عنصر ما ، باستخدام خاصية <code>font-family</code> . على سبيل المثال ، إذا أردت تعيين خط عنصر <code>h2</code> على <code>sans-serif</code> ، <code>sans-serif</code> CSS التالي: <blockquote style=";text-align:right;direction:rtl"> h2 { <br> عائلة الخط: sans-serif؛ <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> اجعل جميع عناصر <code>p</code> تستخدم خط <code>monospace</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تستخدم عناصر <code>p</code> الخاصة بك <code>monospace</code> الخط.
+    testString: 'assert($("p").not(".red-text").css("font-family").match(/monospace/i), "Your <code>p</code> elements should use the font <code>monospace</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+
+  p {
+    font-size: 16px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/set-the-id-of-an-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/set-the-id-of-an-element.arabic.md
new file mode 100644
index 0000000000..da3d4fbe9b
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/set-the-id-of-an-element.arabic.md
@@ -0,0 +1,110 @@
+---
+id: bad87eee1348bd9aede07836
+title: Set the id of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: عيّن معرف عنصر
+---
+
+## Description
+<section id="description"> بالإضافة إلى الفصول الدراسية ، يمكن أن يحتوي كل عنصر HTML أيضًا على سمة <code>id</code> . هناك العديد من المزايا لاستخدام سمات <code>id</code> : يمكنك استخدام <code>id</code> لوضع نمط لعنصر واحد ، وبعد ذلك ستعرف أنه يمكنك استخدامها لتحديد عناصر محددة وتعديلها باستخدام جافا سكريبت. يجب أن تكون سمات <code>id</code> فريدة. لن تقوم المتصفحات بفرض هذا ، ولكنها أفضل الممارسات المتفق عليها على نطاق واسع. لذا يرجى عدم إعطاء أكثر من عنصر واحد نفس سمة <code>id</code> . في ما يلي مثال على كيفية إعطاء عنصر <code>h2</code> معرف تطبيق <code>cat-photo-app</code> : <code>&lt;h2 id=&quot;cat-photo-app&quot;&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> امنح <code>form</code> الخاص بك <code>form</code> &quot; <code>cat-photo-form</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("form").attr("id") === "cat-photo-form", "Give your <code>form</code> element the id of <code>cat-photo-form</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .silver-background {
+    background-color: silver;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div class="silver-background">
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/size-your-images.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/size-your-images.arabic.md
new file mode 100644
index 0000000000..50d82fd0be
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/size-your-images.arabic.md
@@ -0,0 +1,97 @@
+---
+id: bad87fee1348bd9acdf08812
+title: Size Your Images
+challengeType: 0
+videoUrl: ''
+localeTitle: حجم صورك
+---
+
+## Description
+<section id="description"> يحتوي CSS على خاصية تسمى <code>width</code> الذي يتحكم في عرض العنصر. تمامًا مثل الخطوط ، سنستخدم <code>px</code> (بكسل) لتحديد عرض الصورة. على سبيل المثال ، إذا أردنا إنشاء فئة CSS تسمى <code>larger-image</code> تعطي عناصر HTML عرضًا يبلغ 500 بكسل ، فسنستخدم: <blockquote style=";text-align:right;direction:rtl"> &lt;نمط&gt; <br> .larger-image { <br> العرض: 500 بكسل ؛ <br> } <br> &lt;/ النمط&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> قم بإنشاء فئة باسم <code>smaller-image</code> واستخدمها لتغيير حجم الصورة بحيث يكون عرضها 100 بكسل فقط. <strong>ملحوظة</strong> <br> نظرًا لاختلاف تنفيذ المتصفح ، قد تحتاج إلى التكبير بنسبة 100٪ لاجتياز الاختبارات على هذا التحدي. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("img[src="https://bit.ly/fcc-relaxing-cat"]").attr("class") === "smaller-image", "Your <code>img</code> element should have the class <code>smaller-image</code>.");'
+  - text: يجب أن تكون صورتك بعرض 100 بكسل. يجب أن يكون تكبير المتصفح بنسبة 100٪.
+    testString: 'assert($("img").width() === 100, "Your image should be 100 pixels wide. Browser zoom should be at 100%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.arabic.md
new file mode 100644
index 0000000000..a5a5805e3c
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.arabic.md
@@ -0,0 +1,101 @@
+---
+id: bad87fee1348bd9aedf08808
+title: Specify How Fonts Should Degrade
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يستخدم عنصر h2 الخط <code>Lobster</code> .
+    testString: 'assert($("h2").css("font-family").match(/^"?lobster/i), "Your h2 element should use the font <code>Lobster</code>.");'
+  - text: يجب أن يتحلل عنصر h2 إلى <code>monospace</code> للخط عندما لا يكون <code>Lobster</code> متاحًا.
+    testString: 'assert(/\s*h2\s*\{\s*font-family\:\s*(\"|")?Lobster(\"|")?,\s*monospace\s*;\s*\}/gi.test(code), "Your h2 element should degrade to the font <code>monospace</code> when <code>Lobster</code> is not available.");'
+  - text: ''
+    testString: 'assert(new RegExp("<!--[^fc]", "gi").test(code), "Comment out your call to Google for the <code>Lobster</code> font by putting <code>&#60!--</code> in front of it.");'
+  - text: ''
+    testString: 'assert(new RegExp("[^fc]-->", "gi").test(code), "Be sure to close your comment by adding <code>--&#62;</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.arabic.md
new file mode 100644
index 0000000000..3d2349ba98
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.arabic.md
@@ -0,0 +1,93 @@
+---
+id: bad87fee1348bd9aefe08806
+title: Style Multiple Elements with a CSS Class
+challengeType: 0
+videoUrl: ''
+localeTitle: نمط عناصر متعددة مع فئة CSS
+---
+
+## Description
+<section id="description"> تتيح لك الفئات استخدام أنماط CSS نفسها في عناصر HTML المتعددة. يمكنك رؤية ذلك من خلال تطبيق فئة <code>red-text</code> عنصر <code>p</code> الأول. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون عنصر <code>h2</code> باللون الأحمر.
+    testString: 'assert($("h2").css("color") === "rgb(255, 0, 0)", "Your <code>h2</code> element should be red.");'
+  - text: يجب أن يحتوي عنصر <code>h2</code> <code>red-text</code> للفئة.
+    testString: 'assert($("h2").hasClass("red-text"), "Your <code>h2</code> element should have the class <code>red-text</code>.");'
+  - text: يجب أن يكون عنصر <code>p</code> الأول باللون الأحمر.
+    testString: 'assert($("p:eq(0)").css("color") === "rgb(255, 0, 0)", "Your first <code>p</code> element should be red.");'
+  - text: ''
+    testString: 'assert(!($("p:eq(1)").css("color") === "rgb(255, 0, 0)") && !($("p:eq(2)").css("color") === "rgb(255, 0, 0)"), "Your second and third <code>p</code> elements should not be red.");'
+  - text: يجب أن يكون عنصر <code>p</code> الأول الخاص بك يحتوي على <code>red-text</code> .
+    testString: 'assert($("p:eq(0)").hasClass("red-text"), "Your first <code>p</code> element should have the class <code>red-text</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/style-the-html-body-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/style-the-html-body-element.arabic.md
new file mode 100644
index 0000000000..2af778d7e1
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/style-the-html-body-element.arabic.md
@@ -0,0 +1,55 @@
+---
+id: bad87fee1348bd9aedf08736
+title: Style the HTML Body Element
+challengeType: 0
+videoUrl: ''
+localeTitle: قم بتهيئة عنصر نص HTML
+---
+
+## Description
+<section id="description"> الآن دعونا نبدأ الحديث والتحدث عن الميراث CSS. كل صفحة HTML لديها <code>body</code> عنصر. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("body").css("background-color") === "rgb(0, 0, 0)", "Give your <code>body</code> element the <code>background-color</code> of black.");'
+  - text: ''
+    testString: 'assert(code.match(/<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i), "Make sure your CSS rule is properly formatted with both opening and closing curly brackets.");'
+  - text: تأكد من انتهاء قاعدة CSS بفاصلة منقوطة.
+    testString: 'assert(code.match(/<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i), "Make sure your CSS rule ends with a semi-colon.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.arabic.md
new file mode 100644
index 0000000000..c35b93c64c
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.arabic.md
@@ -0,0 +1,85 @@
+---
+id: bad82fee1322bd9aedf08721
+title: Understand Absolute versus Relative Units
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحتوي فئة <code>red-box</code> خاصية <code>padding</code> .
+    testString: '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", "Your <code>red-box</code> class should have a <code>padding</code> property.");'
+  - text: يجب أن تعطي صفحتك <code>red-box</code> عناصر 1.5 م من <code>padding</code> .
+    testString: 'assert(code.match(/\.red-box\s*?{\s*?.*?\s*?.*?\s*?padding:\s*?1\.5em/gi), "Your <code>red-box</code> class should give elements 1.5em of <code>padding</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .red-box {
+    background-color: red;
+    margin: 20px 40px 20px 40px;
+
+  }
+
+  .green-box {
+    background-color: green;
+    margin: 20px 40px 20px 40px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box green-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.arabic.md
new file mode 100644
index 0000000000..cfb7044d83
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.arabic.md
@@ -0,0 +1,91 @@
+---
+id: bad87fee1348bd9aecf08806
+title: Use a CSS Class to Style an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم فئة CSS لتصميم عنصر
+---
+
+## Description
+<section id="description"> تعد الطبقات أنماطًا قابلة لإعادة الاستخدام يمكن إضافتها إلى عناصر HTML. في ما يلي مثال على تصنيف فئة CSS: <blockquote style=";text-align:right;direction:rtl"> &lt;نمط&gt; <br> .blue-text { <br> اللون الازرق؛ <br> } <br> &lt;/ النمط&gt; </blockquote> يمكنك أن ترى أننا أنشأنا فئة CSS تسمى <code>blue-text</code> داخل علامة <code>&lt;style&gt;</code> . يمكنك تطبيق فئة إلى عنصر HTML مثل هذا: <code>&lt;h2 class=&quot;blue-text&quot;&gt;CatPhotoApp&lt;/h2&gt;</code> لاحظ أنه في الخاص بك CSS <code>style</code> عنصر، أسماء فئة تبدأ بنقطة. في سمة فئة عناصر HTML ، لا يتضمن اسم الفئة الفترة. </section>
+
+## Instructions
+<section id="instructions"> داخل عنصر <code>style</code> الخاص بك ، قم بتغيير محدد <code>h2</code> إلى <code>.red-text</code> محدد <code>.red-text</code> بتحديث قيمة <code>blue</code> من <code>blue</code> إلى <code>red</code> . امنح عنصر <code>h2</code> عنصر السمة <code>class</code> بقيمة <code>&#39;red-text&#39;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون عنصر <code>h2</code> باللون الأحمر.
+    testString: 'assert($("h2").css("color") === "rgb(255, 0, 0)", "Your <code>h2</code> element should be red.");'
+  - text: يجب أن يحتوي عنصر <code>h2</code> <code>red-text</code> للفئة.
+    testString: 'assert($("h2").hasClass("red-text"), "Your <code>h2</code> element should have the class <code>red-text</code>.");'
+  - text: يجب أن تعلن ورقة الأنماط الخاصة بك عن فئة <code>red-text</code> وأن يكون لونها أحمر.
+    testString: 'assert(code.match(/\.red-text\s*\{\s*color\s*:\s*red;\s*\}/g), "Your stylesheet should declare a <code>red-text</code> class and have its color set to red.");'
+  - text: 'لا تستخدم إعلانات نمط مضمن مثل <code>style=&quot;color: red&quot;</code> في عنصر <code>h2</code> .'
+    testString: 'assert($("h2").attr("style") === undefined, "Do not use inline style declarations like <code>style="color&#58; red"</code> in your <code>h2</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h2 {
+    color: blue;
+  }
+</style>
+
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-a-custom-css-variable.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-a-custom-css-variable.arabic.md
new file mode 100644
index 0000000000..0302660da1
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-a-custom-css-variable.arabic.md
@@ -0,0 +1,264 @@
+---
+id: 5a9d727a424fe3d0e10cad12
+title: Use a custom CSS Variable
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم متغير CSS مخصص
+---
+
+## Description
+<section id="description"> بعد إنشاء المتغير ، يمكنك تعيين قيمته إلى خصائص CSS الأخرى عن طريق الرجوع إلى الاسم الذي قدمته. <blockquote style=";text-align:right;direction:rtl"> الخلفية: var (- penguin-skin)؛ </blockquote> سيؤدي ذلك إلى تغيير خلفية أي عنصر تستهدفه باللون الرمادي لأن هذه هي قيمة <code>--penguin-skin</code> . لاحظ أنه لن يتم تطبيق الأنماط إلا إذا كانت أسماء المتغيرات مطابقة تمامًا. </section>
+
+## Instructions
+<section id="instructions"> تطبيق متغير <code>--penguin-skin</code> إلى الخاصية <code>background</code> <code>--penguin-skin</code> <code>penguin-top</code> ، <code>penguin-bottom</code> ، <code>right-hand</code> <code>left-hand</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: تطبيق متغير <code>--penguin-skin</code> إلى الخاصية <code>background</code> للفئة <code>penguin-top</code> .
+    testString: '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), "Apply the <code>--penguin-skin</code> variable to the <code>background</code> property of the <code>penguin-top</code> class.");'
+  - text: تطبيق متغير <code>--penguin-skin</code> إلى خاصية <code>background</code> للفئة <code>penguin-bottom</code> .
+    testString: '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), "Apply the <code>--penguin-skin</code> variable to the <code>background</code> property of the <code>penguin-bottom</code> class.");'
+  - text: تطبيق متغير <code>--penguin-skin</code> على خاصية <code>background</code> للفئة <code>right-hand</code> .
+    testString: '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), "Apply the <code>--penguin-skin</code> variable to the <code>background</code> property of the <code>right-hand</code> class.");'
+  - text: تطبيق متغير <code>--penguin-skin</code> على خاصية <code>background</code> للفئة <code>left-hand</code> .
+    testString: 'assert(code.match(/.left-hand\s*?{[\s\S]*background\s*?:\s*?var\s*?\(\s*?--penguin-skin\s*?\)\s*?;[\s\S]*}/gi), "Apply the <code>--penguin-skin</code> variable to the <code>background</code> property of the <code>left-hand</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .penguin {
+    --penguin-skin: gray;
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+
+    /* change code below */
+    background: black;
+    /* change code above */
+
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+
+    /* change code below */
+    background: black;
+    /* change code above */
+
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+
+    /* change code below */
+    background: black;
+    /* change code above */
+
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+
+    /* change code below */
+    background: black;
+    /* change code above */
+
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: white;
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: orange;
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: orange;
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.arabic.md
new file mode 100644
index 0000000000..ab17aa717c
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.arabic.md
@@ -0,0 +1,280 @@
+---
+id: 5a9d72ad424fe3d0e10cad16
+title: Use a media query to change a variable
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم استعلام وسائط لتغيير متغير
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: '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), "<code>:root</code> should reassign the <code>--penguin-size</code> variable to <code>200px</code>.");'
+  - text: '<code>:root</code> يجب أن يعيد <code>:root</code> تغيير <code>--penguin-skin</code> إلى <code>black</code> .'
+    testString: '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), "<code>:root</code> should reassign the <code>--penguin-skin</code> variable to <code>black</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  :root {
+    --penguin-size: 300px;
+    --penguin-skin: gray;
+    --penguin-belly: white;
+    --penguin-beak: orange;
+  }
+
+  @media (max-width: 350px) {
+    :root {
+
+      /* add code below */
+
+      /* add code above */
+
+    }
+  }
+
+  .penguin {
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: var(--penguin-size, 300px);
+    height: var(--penguin-size, 300px);
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 5%;
+    left: 25%;
+    background: var(--penguin-skin, black);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(130deg);
+    z-index: -1;
+    animation-duration: 3s;
+    animation-name: wave;
+    animation-iteration-count: infinite;
+    transform-origin:0% 0%;
+    animation-timing-function: linear;
+  }
+
+  @keyframes wave {
+      10% {
+        transform: rotate(110deg);
+      }
+      20% {
+        transform: rotate(130deg);
+      }
+      30% {
+        transform: rotate(110deg);
+      }
+      40% {
+        transform: rotate(130deg);
+      }
+    }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left:-23%;
+    background: white;
+    width: 150%;
+    height: 100%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-abbreviated-hex-code.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-abbreviated-hex-code.arabic.md
new file mode 100644
index 0000000000..8c17d6a14b
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-abbreviated-hex-code.arabic.md
@@ -0,0 +1,84 @@
+---
+id: bad87fee1348bd9aedf08719
+title: Use Abbreviated Hex Code
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($(".red-text").css("color") === "rgb(255, 0, 0)", "Give your <code>h1</code> element with the text <code>I am red!</code> the <code>color</code> red.");'
+  - text: ''
+    testString: 'assert(code.match(/\.red-text\s*?{\s*?color:\s*?#F00\s*?;\s*?}/gi), "Use the abbreviate <code>hex code</code> for the color red instead of the hex code <code>#FF0000</code>.");'
+  - text: ''
+    testString: 'assert($(".green-text").css("color") === "rgb(0, 255, 0)", "Give your <code>h1</code> element with the text <code>I am green!</code> the <code>color</code> green.");'
+  - text: ''
+    testString: 'assert(code.match(/\.green-text\s*?{\s*?color:\s*?#0F0\s*?;\s*?}/gi), "Use the abbreviated <code>hex code</code> for the color green instead of the hex code <code>#00FF00</code>.");'
+  - text: ''
+    testString: 'assert($(".cyan-text").css("color") === "rgb(0, 255, 255)", "Give your <code>h1</code> element with the text <code>I am cyan!</code> the <code>color</code> cyan.");'
+  - text: ''
+    testString: 'assert(code.match(/\.cyan-text\s*?{\s*?color:\s*?#0FF\s*?;\s*?}/gi), "Use the abbreviated <code>hex code</code> for the color cyan instead of the hex code <code>#00FFFF</code>.");'
+  - text: ''
+    testString: 'assert($(".fuchsia-text").css("color") === "rgb(255, 0, 255)", "Give your <code>h1</code> element with the text <code>I am fuchsia!</code> the <code>color</code> fuchsia.");'
+  - text: ''
+    testString: 'assert(code.match(/\.fuchsia-text\s*?{\s*?color:\s*?#F0F\s*?;\s*?}/gi), "Use the abbreviated <code>hex code</code> for the color fuchsia instead of the hex code <code>#FF00FF</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: #000000;
+  }
+  .fuchsia-text {
+    color: #000000;
+  }
+  .cyan-text {
+    color: #000000;
+  }
+  .green-text {
+    color: #000000;
+  }
+</style>
+
+<h1 class="red-text">I am red!</h1>
+
+<h1 class="fuchsia-text">I am fuchsia!</h1>
+
+<h1 class="cyan-text">I am cyan!</h1>
+
+<h1 class="green-text">I am green!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.arabic.md
new file mode 100644
index 0000000000..910872d734
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.arabic.md
@@ -0,0 +1,116 @@
+---
+id: bad87dee1348bd9aede07836
+title: Use an id Attribute to Style an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: امنح عنصر <code>form</code> الخاص بك معرف صورة <code>cat-photo-form</code> .
+    testString: 'assert($("form").attr("id") === "cat-photo-form", "Give your <code>form</code> element the id of <code>cat-photo-form</code>.");'
+  - text: يجب أن يحتوي عنصر <code>form</code> على <code>background-color</code> الأخضر.
+    testString: 'assert($("#cat-photo-form").css("background-color") === "rgb(0, 128, 0)", "Your <code>form</code> element should have the <code>background-color</code> of green.");'
+  - text: تأكد من أن عنصر <code>form</code> يحتوي على سمة <code>id</code> .
+    testString: 'assert(code.match(/<form.*cat-photo-form.*>/gi) && code.match(/<form.*cat-photo-form.*>/gi).length > 0, "Make sure your <code>form</code> element has an <code>id</code> attribute.");'
+  - text: لا تعطي <code>form</code> الخاص بك أي سمات <code>class</code> أو <code>style</code> .
+    testString: 'assert(!code.match(/<form.*style.*>/gi) && !code.match(/<form.*class.*>/gi), "Do not give your <code>form</code> any <code>class</code> or <code>style</code> attributes.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .silver-background {
+    background-color: silver;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div class="silver-background">
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo" id="cat-photo-form">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.arabic.md
new file mode 100644
index 0000000000..e93822ab1f
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.arabic.md
@@ -0,0 +1,114 @@
+---
+id: 58c383d33e2e3259241f3076
+title: Use Attribute Selectors to Style Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم محددات السمات لعناصر النمط
+---
+
+## Description
+<section id="description"> لقد كنت تعطي سمات <code>id</code> أو <code>class</code> إلى العناصر التي ترغب في تحديد أسلوبها. تُعرف هذه المعرّفات باسم محددات الهوية والفئة. هناك محددات CSS أخرى يمكنك استخدامها لتحديد مجموعات مخصصة من العناصر إلى النمط. دعونا نخرج CatPhotoApp مرة أخرى لممارسة استخدام CSS Selectors. بالنسبة لهذا التحدي ، ستستخدم محدد السمة <code>[attr=value]</code> لتمييز مربعات الاختيار في CatPhotoApp. يتطابق هذا المحدد وعناصر الأنماط مع قيمة سمة محددة. على سبيل المثال ، يؤدي التعليمة البرمجية أدناه إلى تغيير هوامش جميع العناصر <code>type</code> السمة وقيمة مماثلة <code>radio</code> : <blockquote style=";text-align:right;direction:rtl"> [type = &#39;radio&#39;] { <br> الهامش: 20px 0px 20px 0px؛ <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> باستخدام محدد السمة <code>type</code> ، حاول إعطاء مربعات الاختيار في CatPhotoApp هامشًا أعلى من 10 بكسل وهامشًا سفليًا يبلغ 15 بكسل. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب استخدام محدد السمة <code>type</code> لتحديد مربعات الاختيار.
+    testString: 'assert(code.match(/<style>[\s\S]*?\[type=("|")checkbox\1\]\s*?{[\s\S]*?}[\s\S]*?<\/style>/gi),"The <code>type</code> attribute selector should be used to select the checkboxes.");'
+  - text: يجب أن تكون الهوامش العلوية لمربعات الاختيار 10 بكسل.
+    testString: 'assert((function() {var count=0; $("[type="checkbox"]").each(function() { if($(this).css("marginTop") === "10px") {count++;}});return (count===3)}()),"The top margins of the checkboxes should be 10px.");'
+  - text: يجب أن تكون الهوامش السفلية لمربعات الاختيار 15 بكسل.
+    testString: 'assert((function() {var count=0; $("[type="checkbox"]").each(function() { if($(this).css("marginBottom") === "15px") {count++;}});return (count===3)}()),"The bottom margins of the checkboxes should be 15px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .silver-background {
+    background-color: silver;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div class="silver-background">
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo" id="cat-photo-form">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.arabic.md
new file mode 100644
index 0000000000..df8d9995e5
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.arabic.md
@@ -0,0 +1,89 @@
+---
+id: bad87fee1348bd9afdf08726
+title: Use Clockwise Notation to Specify the Margin of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم "Clockwise Notation" لتحديد "هامش العنصر"
+---
+
+## Description
+<section id="description"> دعونا نحاول مرة أخرى ، ولكن مع <code>margin</code> هذه المرة. بدلا من تحديد عنصر في <code>margin-top</code> ، <code>margin-right</code> ، <code>margin-bottom</code> ، و <code>margin-left</code> خصائص فردية، يمكنك تحديد كل منهم في سطر واحد، مثل هذا: <code>margin: 10px 20px 10px 20px;</code> تعمل هذه القيم الأربعة مثل الساعة: أعلى ، يمين ، سفلي ، يسار ، وستنتج نفس النتيجة تمامًا مثل استخدام إرشادات الهامش الخاصة بالجانب. </section>
+
+## Instructions
+<section id="instructions"> استخدام <code>Clockwise Notation</code> لإعطاء عنصر مع <code>blue-box</code> الطبقة هامش <code>40px</code> على جانبها العلوي والأيسر، ولكن فقط <code>20px</code> على القاع والجانب الأيمن. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: لديك <code>blue-box</code> الطبقة يجب أن تعطي الجزء العلوي من عناصر <code>40px</code> من <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-top") === "40px", "Your <code>blue-box</code> class should give the top of elements <code>40px</code> of <code>margin</code>.");'
+  - text: يجب أن تعطي فئة <code>blue-box</code> حق العناصر 20 <code>20px</code> من <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-right") === "20px", "Your <code>blue-box</code> class should give the right of elements <code>20px</code> of <code>margin</code>.");'
+  - text: يجب أن تعطي صفحتك <code>blue-box</code> أسفل العناصر 20 <code>20px</code> من <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-bottom") === "20px", "Your <code>blue-box</code> class should give the bottom of elements <code>20px</code> of <code>margin</code>.");'
+  - text: يجب أن تعطيك فئة <code>blue-box</code> يمين العناصر <code>40px</code> من <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-left") === "40px", "Your <code>blue-box</code> class should give the left of elements <code>40px</code> of <code>margin</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    margin: 20px 40px 20px 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.arabic.md
new file mode 100644
index 0000000000..98662d75a0
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.arabic.md
@@ -0,0 +1,91 @@
+---
+id: bad87fee1348bd9aedf08826
+title: Use Clockwise Notation to Specify the Padding of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($(".blue-box").css("padding-top") === "40px", "Your <code>blue-box</code> class should give the top of elements <code>40px</code> of <code>padding</code>.");'
+  - text: يجب أن تعطي صفحتك <code>blue-box</code> حق العناصر <code>20px</code> من <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-right") === "20px", "Your <code>blue-box</code> class should give the right of elements <code>20px</code> of <code>padding</code>.");'
+  - text: يجب أن تعطي صفحتك <code>blue-box</code> الجزء السفلي من العناصر 20 <code>20px</code> من <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-bottom") === "20px", "Your <code>blue-box</code> class should give the bottom of elements <code>20px</code> of <code>padding</code>.");'
+  - text: ''
+    testString: 'assert($(".blue-box").css("padding-left") === "40px", "Your <code>blue-box</code> class should give the left of elements <code>40px</code> of <code>padding</code>.");'
+  - text: ''
+    testString: 'assert(!/padding-top|padding-right|padding-bottom|padding-left/.test(code), "You should use the clockwise notation to set the padding of <code>blue-box</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.arabic.md
new file mode 100644
index 0000000000..482826e728
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.arabic.md
@@ -0,0 +1,87 @@
+---
+id: bad87fee1348bd9aedf08805
+title: Use CSS Selectors to Style Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم CSS Selectors إلى عناصر النمط
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(!$("h2").attr("style"), "Remove the style attribute from your <code>h2</code> element.");'
+  - text: ''
+    testString: 'assert($("style") && $("style").length > 1, "Create a <code>style</code> element.");'
+  - text: يجب أن يكون عنصر <code>h2</code> باللون الأزرق.
+    testString: 'assert($("h2").css("color") === "rgb(0, 0, 255)", "Your <code>h2</code> element should be blue.");'
+  - text: تأكد من أن تصريح <code>h2</code> الخاص بأنماط <code>h2</code> الخاص بك صالح مع قوس منقوطة وإغلاق.
+    testString: 'assert(code.match(/h2\s*\{\s*color\s*:.*;\s*\}/g), "Ensure that your stylesheet <code>h2</code> declaration is valid with a semicolon and closing brace.");'
+  - text: ''
+    testString: 'assert(code.match(/<\/style>/g) && code.match(/<\/style>/g).length === (code.match(/<style((\s)*((type|media|scoped|title|disabled)="[^"]*")?(\s)*)*>/g) || []).length, "Make sure all your <code>style</code> elements are valid and have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2 style="color: red">CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.arabic.md
new file mode 100644
index 0000000000..4bd09079a4
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.arabic.md
@@ -0,0 +1,252 @@
+---
+id: 5a9d725e424fe3d0e10cad10
+title: Use CSS Variables to change several elements at once
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> تعد <dfn>متغيرات CSS</dfn> طريقة فعالة لتغيير العديد من خصائص أنماط CSS مرة واحدة عن طريق تغيير قيمة واحدة فقط. اتبع الإرشادات أدناه لمعرفة كيف يمكن لتغيير ثلاث قيم فقط تغيير تصميم العديد من العناصر. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تعلن فئة <code>penguin</code> عن متغير <code>--penguin-skin</code> وتعيينه إلى <code>gray</code> .
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-skin\s*?:\s*?gray\s*?;[\s\S]*}/gi), "<code>penguin</code> class should declare the <code>--penguin-skin</code> variable and assign it to <code>gray</code>.");'
+  - text: يجب أن تعلن الطبقة <code>penguin</code> المتغير <code>--penguin-belly</code> وتعيينه إلى <code>white</code> .
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-belly\s*?:\s*?white\s*?;[\s\S]*}/gi), "<code>penguin</code> class should declare the <code>--penguin-belly</code> variable and assign it to <code>white</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-beak\s*?:\s*?orange\s*?;[\s\S]*}/gi), "<code>penguin</code> class should declare the <code>--penguin-beak</code> variable and assign it to <code>orange</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .penguin {
+
+    /* change code below */
+    --penguin-skin: black;
+    --penguin-belly: gray;
+    --penguin-beak: yellow;
+    /* change code above */
+
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.arabic.md
new file mode 100644
index 0000000000..3e6ced6db2
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.arabic.md
@@ -0,0 +1,55 @@
+---
+id: bad87fee1348bd9aedf08726
+title: Use Hex Code for Specific Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> هل تعلم أن هناك طرقًا أخرى لتمثيل الألوان في CSS؟ يُطلق على أحد هذه الطرق الرمز السداسي العشري ، أو الشفرة السداسية <code>hex code</code> . عادة ما نستخدم <code>decimals</code> ، أو الأرقام الأساسية 10 ، والتي تستخدم الرموز من 0 إلى 9 لكل رقم. <code>Hexadecimals</code> (أو <code>hex</code> ) هي قاعدة أرقام 16. هذا يعني أنه يستخدم ستة عشر رموز متميزة. مثل الكسور العشرية ، تمثل الرموز من 0 إلى 9 القيم من صفر إلى تسعة. ثم تمثل A ، B ، C ، D ، E ، F القيم من عشرة إلى خمسة عشر. بالإجمال ، يمكن أن يمثل 0 إلى F رقماً <code>hexadecimal</code> ، مما يمنحنا إجمالي 16 قيمة ممكنة. يمكنك العثور على مزيد من المعلومات حول <a target="_blank" href="https://en.wikipedia.org/wiki/Hexadecimal">الأرقام السداسية العشرية هنا</a> . في CSS ، يمكننا استخدام 6 أرقام سداسية عشرية لتمثيل الألوان ، اثنان لكل منهما للمكونات الحمراء (R) ، والأخضر (G) ، والأزرق (B). على سبيل المثال ، يكون الرقم <code>#000000</code> باللون الأسود ويعد أيضًا أقل قيمة ممكنة. يمكنك العثور على مزيد من المعلومات حول <a target="_blank" href="https://en.wikipedia.org/wiki/RGB_color_model">نظام ألوان RGB هنا</a> . <blockquote style=";text-align:right;direction:rtl"> الجسم { <br> اللون: # 000000؛ <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> استبدل الكلمة <code>black</code> في لون خلفية عنصر <code>body</code> مع تمثيل <code>hex code</code> ، <code>#000000</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: أعط عنصر <code>body</code> لون خلفية اللون الأسود.
+    testString: 'assert($("body").css("background-color") === "rgb(0, 0, 0)", "Give your <code>body</code> element the background-color of black.");'
+  - text: استخدم <code>hex code</code> للون الأسود بدلاً من الكلمة <code>black</code> .
+    testString: 'assert(code.match(/body\s*{(([\s\S]*;\s*?)|\s*?)background.*\s*:\s*?#000(000)?((\s*})|(;[\s\S]*?}))/gi), "Use the <code>hex code</code> for the color black instead of the word <code>black</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+  }
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.arabic.md
new file mode 100644
index 0000000000..bc26fed22a
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.arabic.md
@@ -0,0 +1,84 @@
+---
+id: bad87fee1348bd9aedf08721
+title: Use Hex Code to Mix Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم Hex Code لخلط الألوان
+---
+
+## Description
+<section id="description"> للمراجعة ، تستخدم الرموز السداسية ستة أرقام سداسية عشرية لتمثيل الألوان ، كل منها رقمان لكل من المكونات الحمراء (R) ، والأخضر (G) ، والأزرق (B). من هذه الألوان الثلاثة النقية (الأحمر والأخضر والأزرق) ، يمكننا تغيير مقادير كل منها لإنشاء أكثر من 16 مليون لون آخر! على سبيل المثال ، البرتقالي هو أحمر خالص ، ويخلط مع بعض اللون الأخضر ، ولا أزرق. في الشفرة <code>#FFA500</code> ، يُترجم هذا إلى <code>#FFA500</code> . الرقم <code>0</code> هو أقل رقم في الشفرة السداسية ، ويمثل غيابًا تامًا للون. الرقم <code>F</code> هو أعلى رقم في الشفرة السداسية ، ويمثل أقصى سطوع ممكن. </section>
+
+## Instructions
+<section id="instructions"> استبدل الكلمات اللونية في عنصر <code>style</code> بنا برموز عرافة صحيحة. <table class="table table-striped" style=";text-align:right;direction:rtl"><tbody><tr><th> اللون </th><th> رمز عشري </th></tr><tr><td> المراوغ الأزرق </td><td> <code>#1E90FF</code> </td> </tr><tr><td> أخضر </td><td> <code>#00FF00</code> </td> </tr><tr><td> البرتقالي </td><td> <code>#FFA500</code> </td> </tr><tr><td> أحمر </td><td> <code>#FF0000</code> </td> </tr></tbody></table></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: امنح عنصر <code>h1</code> بنص <code>I am red!</code> <code>color</code> احمر.
+    testString: 'assert($(".red-text").css("color") === "rgb(255, 0, 0)", "Give your <code>h1</code> element with the text <code>I am red!</code> the <code>color</code> red.");'
+  - text: استخدم <code>hex code</code> للون الأحمر بدلاً من الكلمة <code>red</code> .
+    testString: 'assert(code.match(/\.red-text\s*?{\s*?color:\s*?#FF0000\s*?;\s*?}/gi), "Use the <code>hex code</code> for the color red instead of the word <code>red</code>.");'
+  - text: امنح عنصر <code>h1</code> بنص <code>I am green!</code> <code>color</code> الأخضر.
+    testString: 'assert($(".green-text").css("color") === "rgb(0, 255, 0)", "Give your <code>h1</code> element with the text <code>I am green!</code> the <code>color</code> green.");'
+  - text: استخدم <code>hex code</code> للون الأخضر بدلاً من الكلمة <code>green</code> .
+    testString: 'assert(code.match(/\.green-text\s*?{\s*?color:\s*?#00FF00\s*?;\s*?}/gi), "Use the <code>hex code</code> for the color green instead of the word <code>green</code>.");'
+  - text: امنح عنصر <code>h1</code> بالنص <code>I am dodger blue!</code> <code>color</code> الأزرق المراوغ.
+    testString: 'assert($(".dodger-blue-text").css("color") === "rgb(30, 144, 255)", "Give your <code>h1</code> element with the text <code>I am dodger blue!</code> the <code>color</code> dodger blue.");'
+  - text: استخدم <code>hex code</code> <code>dodgerblue</code> بدلًا من الكلمة <code>dodgerblue</code> .
+    testString: 'assert(code.match(/\.dodger-blue-text\s*?{\s*?color:\s*?#1E90FF\s*?;\s*?}/gi), "Use the <code>hex code</code> for the color dodger blue instead of the word <code>dodgerblue</code>.");'
+  - text: ''
+    testString: 'assert($(".orange-text").css("color") === "rgb(255, 165, 0)", "Give your <code>h1</code> element with the text <code>I am orange!</code> the <code>color</code> orange.");'
+  - text: استخدم <code>hex code</code> للون البرتقالي بدلاً من الكلمة <code>orange</code> .
+    testString: 'assert(code.match(/\.orange-text\s*?{\s*?color:\s*?#FFA500\s*?;\s*?}/gi), "Use the <code>hex code</code> for the color orange instead of the word <code>orange</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: black;
+  }
+  .green-text {
+    color: black;
+  }
+  .dodger-blue-text {
+    color: black;
+  }
+  .orange-text {
+    color: black;
+  }
+</style>
+
+<h1 class="red-text">I am red!</h1>
+
+<h1 class="green-text">I am green!</h1>
+
+<h1 class="dodger-blue-text">I am dodger blue!</h1>
+
+<h1 class="orange-text">I am orange!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.arabic.md
new file mode 100644
index 0000000000..fbb0c2152c
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.arabic.md
@@ -0,0 +1,84 @@
+---
+id: bad82fee1348bd9aedf08721
+title: Use RGB to Mix Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($(".red-text").css("color") === "rgb(255, 0, 0)", "Give your <code>h1</code> element with the text <code>I am red!</code> the <code>color</code> red.");'
+  - text: ''
+    testString: 'assert(code.match(/\.red-text\s*?{\s*?color:\s*?rgb\(\s*?255\s*?,\s*?0\s*?,\s*?0\s*?\)\s*?;\s*?}/gi), "Use <code>rgb</code> for the color red.");'
+  - text: ''
+    testString: 'assert($(".orchid-text").css("color") === "rgb(218, 112, 214)", "Give your <code>h1</code> element with the text <code>I am orchid!</code> the <code>color</code> orchid.");'
+  - text: ''
+    testString: 'assert(code.match(/\.orchid-text\s*?{\s*?color:\s*?rgb\(\s*?218\s*?,\s*?112\s*?,\s*?214\s*?\)\s*?;\s*?}/gi), "Use <code>rgb</code> for the color orchid.");'
+  - text: ''
+    testString: 'assert($(".blue-text").css("color") === "rgb(0, 0, 255)", "Give your <code>h1</code> element with the text <code>I am blue!</code> the <code>color</code> blue.");'
+  - text: ''
+    testString: 'assert(code.match(/\.blue-text\s*?{\s*?color:\s*?rgb\(\s*?0\s*?,\s*?0\s*?,\s*?255\s*?\)\s*?;\s*?}/gi), "Use <code>rgb</code> for the color blue.");'
+  - text: امنح عنصر <code>h1</code> بالنص <code>I am sienna!</code> <code>color</code> سيينا.
+    testString: 'assert($(".sienna-text").css("color") === "rgb(160, 82, 45)", "Give your <code>h1</code> element with the text <code>I am sienna!</code> the <code>color</code> sienna.");'
+  - text: استخدم <code>rgb</code> للون sienna.
+    testString: 'assert(code.match(/\.sienna-text\s*?{\s*?color:\s*?rgb\(\s*?160\s*?,\s*?82\s*?,\s*?45\s*?\)\s*?;\s*?}/gi), "Use <code>rgb</code> for the color sienna.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: #000000;
+  }
+  .orchid-text {
+    color: #000000;
+  }
+  .sienna-text {
+    color: #000000;
+  }
+  .blue-text {
+    color: #000000;
+  }
+</style>
+
+<h1 class="red-text">I am red!</h1>
+
+<h1 class="orchid-text">I am orchid!</h1>
+
+<h1 class="sienna-text">I am sienna!</h1>
+
+<h1 class="blue-text">I am blue!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.arabic.md
new file mode 100644
index 0000000000..7029b45e7c
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.arabic.md
@@ -0,0 +1,55 @@
+---
+id: bad87fee1348bd9aede08718
+title: Use RGB values to Color Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> هناك طريقة أخرى لتمثيل الألوان في CSS باستخدام قيم <code>RGB</code> . تبدو قيمة RGB للون الأسود كالتالي: <code>rgb(0, 0, 0)</code> تبدو قيمة RGB للأبيض كما يلي: <code>rgb(255, 255, 255)</code> بدلاً من استخدام ستة أرقام ست عشرية كما تفعل مع الشفرة السداسية ، مع <code>RGB</code> لك حدد سطوع كل لون برقم بين 0 و 255. إذا قمت بإجراء الحساب ، فإن الرقمين لواحد لون يساوي 16 مرة 16 ، مما يعطينا 256 قيمة إجمالية. لذا فإن <code>RGB</code> ، التي تبدأ العد من الصفر ، تحتوي على نفس العدد بالضبط من القيم المحتملة مثل الرمز السداسي. إليك مثال على كيفية تغيير خلفية الجسم إلى اللون البرتقالي باستخدام رمز RGB الخاص به. <blockquote style=";text-align:right;direction:rtl"> الجسم { <br> background-color: rgb (255، 165، 0)؛ <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> دعنا نستبدل الشفرة السداسية في لون خلفية عنصر <code>body</code> مع قيمة RGB للون الأسود: <code>rgb(0, 0, 0)</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون لعنصر <code>body</code> الخاص بك خلفية سوداء.
+    testString: 'assert($("body").css("background-color") === "rgb(0, 0, 0)", "Your <code>body</code> element should have a black background.");'
+  - text: استخدم <code>rgb</code> لإعطاء عنصر <code>body</code> لونًا أسود.
+    testString: 'assert(code.match(/rgb\s*\(\s*0\s*,\s*0\s*,\s*0\s*\)/ig), "Use <code>rgb</code> to give your <code>body</code> element a color of black.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: #F00;
+  }
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.arabic.md
new file mode 100644
index 0000000000..53492c488d
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.arabic.md
@@ -0,0 +1,77 @@
+---
+id: bad87fee1348bd9aedd08830
+title: Add a Submit Button to a Form
+challengeType: 0
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/add-a-submit-button-to-a-form'
+videoUrl: ''
+localeTitle: إضافة زر إرسال إلى نموذج
+---
+
+## Description
+<section id="description"> دعنا نضيف زر <code>submit</code> إلى النموذج الخاص بك. يؤدي النقر على هذا الزر إلى إرسال البيانات من النموذج إلى عنوان URL الذي حددته باستخدام سمة <code>action</code> للنموذج. في ما يلي مثال زر الإرسال: <code>&lt;button type=&quot;submit&quot;&gt;this button submits the form&lt;/button&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> أضف زرًا باعتباره العنصر الأخير في عنصر <code>form</code> الخاص بك مع نوع <code>submit</code> ، و &quot;إرسال&quot; كنصه. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يحتوي النموذج الخاص بك على زر بداخله.
+    testString: 'assert($("form").children("button").length > 0, "Your form should have a button inside it.");'
+  - text: يجب أن يحتوي زر الإرسال على <code>type</code> السمة الذي تم تعيينه <code>submit</code> .
+    testString: 'assert($("button").attr("type") === "submit", "Your submit button should have the attribute <code>type</code> set to <code>submit</code>.");'
+  - text: يجب أن يحتوي زر الإرسال فقط على النص "إرسال".
+    testString: 'assert($("button").text().match(/^\s*submit\s*$/gi), "Your submit button should only have the text "Submit".");'
+  - text: تأكد من أن عنصر <code>button</code> يحتوي على علامة إغلاق.
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure your <code>button</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <input type="text" placeholder="cat photo URL">
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.arabic.md
new file mode 100644
index 0000000000..ebec595b3d
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.arabic.md
@@ -0,0 +1,60 @@
+---
+id: bad87fee1348bd9aedf08812
+title: Add Images to Your Website
+challengeType: 0
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/add-images-to-your-website'
+videoUrl: ''
+localeTitle: إضافة الصور إلى موقع الويب الخاص بك
+---
+
+## Description
+<section id="description"> يمكنك إضافة الصور إلى موقع الويب الخاص بك باستخدام عنصر <code>img</code> ، والإشارة إلى عنوان URL للصورة المحددة باستخدام السمة <code>src</code> . مثال على ذلك: <code>&lt;img src=&quot;https://www.your-image-source.com/your-image.jpg&quot;&gt;</code> لاحظ أن عناصر <code>img</code> ذاتية الإغلاق. <strong>يجب أن</strong> تحتوي جميع عناصر <code>img</code> على سمة <code>alt</code> . يستخدم النص داخل سمة <code>alt</code> لقارئات الشاشة لتحسين إمكانية الوصول ويظهر في حالة فشل تحميل الصورة. ملاحظة: إذا كانت الصورة مزخرفة تمامًا ، فإن استخدام سمة <code>alt</code> فارغة هو أفضل ممارسة. من الناحية المثالية ، يجب ألا تحتوي سمة <code>alt</code> على أحرف خاصة ما لم تكن هناك حاجة إليها. دعنا نضيف سمة <code>alt</code> إلى مثال <code>img</code> بنا أعلاه: <code>&lt;img src=&quot;https://www.your-image-source.com/your-image.jpg&quot; alt=&quot;Author standing on a beach with two thumbs up.&quot;&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> لنحاول إضافة صورة إلى موقعنا على الويب: إدراج علامة <code>img</code> ، قبل عنصر <code>h2</code> . الآن تعيين السمة <code>src</code> بحيث يشير إلى هذا العنوان: <code>https://bit.ly/fcc-relaxing-cat</code> أخيرا لا تنس أن تعطي صورتك نص <code>alt</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحتوي صفحتك على عنصر صورة.
+    testString: 'assert($("img").length > 0, "Your page should have an image element.");'
+  - text: يجب أن تحتوي صورتك على سمة <code>src</code> تشير إلى الصورة الصغيرة.
+    testString: 'assert(new RegExp("\/\/bit.ly\/fcc-relaxing-cat|\/\/s3.amazonaws.com\/freecodecamp\/relaxing-cat.jpg", "gi").test($("img").attr("src")), "Your image should have a <code>src</code> attribute that points to the kitten image.");'
+  - text: <strong>يجب أن</strong> يحتوي عنصر الصورة على سمة <code>alt</code> .
+    testString: 'assert(code.match(/alt\s*?=\s*?(\"|\").*(\"|\")/), "Your image element <strong>must</strong> have an <code>alt</code> attribute.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.arabic.md
new file mode 100644
index 0000000000..a32570a3fe
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.arabic.md
@@ -0,0 +1,73 @@
+---
+id: bad87fee1348bd9aedf08830
+title: Add Placeholder Text to a Text Field
+challengeType: 0
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/add-placeholder-text-to-a-text-field'
+videoUrl: ''
+localeTitle: إضافة نص العنصر النائب إلى حقل نص
+---
+
+## Description
+<section id="description"> نص العنصر النائب هو ما يتم عرضه في عنصر <code>input</code> قبل قيام المستخدم <code>input</code> أي شيء. يمكنك إنشاء نص عنصر نائب مثل: <code>&lt;input type=&quot;text&quot; placeholder=&quot;this is placeholder text&quot;&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> <code>placeholder</code> قيمة <code>placeholder</code> <code>input</code> النص إلى &quot;عنوان URL لصورة القط&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: أضف سمة <code>placeholder</code> لعنصر <code>input</code> النص الحالي.
+    testString: 'assert($("input[placeholder]").length > 0, "Add a <code>placeholder</code> attribute to the existing text <code>input</code> element.");'
+  - text: عيّن قيمة سمة العنصر النائب الخاصة بك إلى "عنوان URL لصورة القط".
+    testString: 'assert($("input") && $("input").attr("placeholder") && $("input").attr("placeholder").match(/cat\s+photo\s+URL/gi), "Set the value of your placeholder attribute to "cat photo URL".");'
+  - text: يجب أن يحتوي عنصر <code>input</code> النهائي على صيغة صحيحة.
+    testString: 'assert($("input[type=text]").length > 0 && code.match(/<input((\s+\w+(\s*=\s*(?:".*?"|".*?"|[\^"">\s]+))?)+\s*|\s*)\/?>/gi), "The finished <code>input</code> element should have valid syntax.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <input type="text">
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.arabic.md
new file mode 100644
index 0000000000..31a83d38cc
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.arabic.md
@@ -0,0 +1,78 @@
+---
+id: bad87fee1348bd9aedd08835
+title: Check Radio Buttons and Checkboxes by Default
+challengeType: 0
+videoUrl: ''
+localeTitle: تحقق من أزرار الراديو و Checkboxes حسب الافتراضي
+---
+
+## Description
+<section id="description"> يمكنك تعيين مربع اختيار أو زر اختيار ليتم فحصه افتراضيًا باستخدام السمة <code>checked</code> . للقيام بذلك ، قم فقط بإضافة الكلمة &quot;محدد&quot; إلى داخل عنصر الإدخال. على سبيل المثال: <code>&lt;input type=&quot;radio&quot; name=&quot;test-name&quot; checked&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> عيّن أول <code>radio buttons</code> <code>checkboxes</code> وأول <code>checkboxes</code> على كلاهما يتم تحديدها افتراضيًا. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب تحديد زر الاختيار الأول في النموذج بشكل افتراضي.
+    testString: 'assert($("input[type="radio"]").prop("checked"), "Your first radio button on your form should be checked by default.");'
+  - text: يجب تحديد مربع الاختيار الأول في النموذج بشكل افتراضي.
+    testString: 'assert($("input[type="checkbox"]").prop("checked"), "Your first checkbox on your form should be checked by default.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/comment-out-html.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/comment-out-html.arabic.md
new file mode 100644
index 0000000000..ad4b95506c
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/comment-out-html.arabic.md
@@ -0,0 +1,63 @@
+---
+id: bad87fee1348bd9aedf08804
+title: Comment out HTML
+challengeType: 0
+videoUrl: ''
+localeTitle: تعليق من HTML
+---
+
+## Description
+<section id="description"> تذكر أنه لبدء التعليق ، تحتاج إلى استخدام <code>&lt;!--</code> وإنهاء تعليق ، تحتاج إلى استخدام <code>--&gt;</code> هنا سوف تحتاج إلى إنهاء التعليق قبل بدء عنصر <code>h2</code> الخاص بك. </section>
+
+## Instructions
+<section id="instructions"> قم بالتعليق على عنصر <code>h1</code> والعنصر <code>p</code> ، ولكن ليس عنصر <code>h2</code> الخاص بك. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: قم بالتعليق على عنصر <code>h1</code> بحيث لا يكون مرئيًا على صفحتك.
+    testString: 'assert(($("h1").length === 0), "Comment out your <code>h1</code> element so that it is not visible on your page.");'
+  - text: اترك عنصر <code>h2</code> مُعالج بحيث يكون مرئيًا على صفحتك.
+    testString: 'assert(($("h2").length > 0), "Leave your <code>h2</code> element uncommented so that it is visible on your page.");'
+  - text: قم بالتعليق على عنصر <code>p</code> الخاص بك بحيث لا يكون مرئيًا على صفحتك.
+    testString: 'assert(($("p").length === 0), "Comment out your <code>p</code> element so that it is not visible on your page.");'
+  - text: تأكد من إغلاق كل تعليقاتك باستخدام <code>--&gt;</code> .
+    testString: 'assert(code.match(/[^fc]-->/g).length > 1, "Be sure to close each of your comments with <code>--&#62;</code>.");'
+  - text: لا تقم بتغيير ترتيب <code>h1</code> <code>h2</code> أو <code>p</code> في التعليمة البرمجية.
+    testString: '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>") , "Do not change the order of the <code>h1</code> <code>h2</code> or <code>p</code> in the code.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<!--
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+-->
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.arabic.md
new file mode 100644
index 0000000000..ebeb88f00b
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.arabic.md
@@ -0,0 +1,63 @@
+---
+id: bad87fee1348bd9aedf08827
+title: Create a Bulleted Unordered List
+challengeType: 0
+videoUrl: ''
+localeTitle: قم بإنشاء قائمة غير مرتبة بالعدادات
+---
+
+## Description
+<section id="description"> يحتوي HTML على عنصر خاص لإنشاء <code>unordered lists</code> أو قوائم أنماط النقطة. تبدأ القوائم غير مرتبة باستخدام عنصر <code>&lt;ul&gt;</code> الافتتاحي ، متبوعًا بأي عدد من عناصر <code>&lt;li&gt;</code> . وأخيرًا ، تغلق القوائم غير المرتبة بـ <code>&lt;/ul&gt;</code> على سبيل المثال: <blockquote style=";text-align:right;direction:rtl"> &lt;UL&gt; <br> &lt;li&gt; والحليب &lt;/ لى&gt; <br> &lt;li&gt; والجبن &lt;/ لى&gt; <br> &lt;/ UL&gt; </blockquote> إنشاء قائمة نمط نقطي من &quot;الحليب&quot; و &quot;الجبن&quot;. </section>
+
+## Instructions
+<section id="instructions"> أزل آخر عنصرين من <code>p</code> وأنشئ قائمة غير مرتبة من ثلاثة أشياء تحبها القطط في أسفل الصفحة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: إنشاء عنصر <code>ul</code> .
+    testString: 'assert($("ul").length > 0, "Create a <code>ul</code> element.");'
+  - text: يجب أن يكون لديك ثلاثة عناصر <code>li</code> داخل عنصر <code>ul</code> الخاص بك.
+    testString: 'assert($("ul li").length > 2, "You should have three <code>li</code> elements within your <code>ul</code> element.");'
+  - text: تأكد من أن عنصر <code>ul</code> لديه علامة إغلاق.
+    testString: 'assert(code.match(/<\/ul>/gi) && code.match(/<ul/gi) && code.match(/<\/ul>/gi).length === code.match(/<ul/gi).length, "Make sure your <code>ul</code> element has a closing tag.");'
+  - text: تأكد من أن عناصر <code>li</code> لديك علامات إغلاق.
+    testString: 'assert(code.match(/<\/li>/gi) && code.match(/<li[\s>]/gi) && code.match(/<\/li>/gi).length === code.match(/<li[\s>]/gi).length, "Make sure your <code>li</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/create-a-form-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/create-a-form-element.arabic.md
new file mode 100644
index 0000000000..f4d7137a63
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/create-a-form-element.arabic.md
@@ -0,0 +1,72 @@
+---
+id: bad87fee1348bd9aede08830
+title: Create a Form Element
+challengeType: 0
+videoUrl: ''
+localeTitle: إنشاء عنصر النموذج
+---
+
+## Description
+<section id="description"> يمكنك إنشاء نماذج ويب تقوم بالفعل بإرسال البيانات إلى خادم لا يستخدم أكثر من HTML خالص. يمكنك القيام بذلك عن طريق تحديد إجراء على عنصر <code>form</code> الخاص بك. على سبيل المثال: <code>&lt;form action=&quot;/url-where-you-want-to-submit-form-data&quot;&gt;&lt;/form&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> ضع حقل النص داخل عنصر <code>form</code> ، وأضف السمة <code>action=&quot;/submit-cat-photo&quot;</code> إلى عنصر النموذج. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ضع عنصر إدخال النص داخل عنصر <code>form</code> .
+    testString: 'assert($("form") && $("form").children("input") && $("form").children("input").length > 0, "Nest your text input element within a <code>form</code> element.");'
+  - text: تأكد من احتواء <code>form</code> على سمة <code>action</code> تم تعيينها على <code>/submit-cat-photo</code>
+    testString: 'assert($("form").attr("action") === "/submit-cat-photo", "Make sure your <code>form</code> has an <code>action</code> attribute which is set to <code>/submit-cat-photo</code>");'
+  - text: تأكد من أن عنصر <code>form</code> يحتوي على علامات فتح وغلق جيدة الإنشاء.
+    testString: 'assert(code.match(/<\/form>/g) && code.match(/<form [^<]*>/g) && code.match(/<\/form>/g).length === code.match(/<form [^<]*>/g).length, "Make sure your <code>form</code> element has well-formed open and close tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <input type="text" placeholder="cat photo URL">
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.arabic.md
new file mode 100644
index 0000000000..c83e8b68a3
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.arabic.md
@@ -0,0 +1,79 @@
+---
+id: bad87fee1348bd9aedf08835
+title: Create a Set of Checkboxes
+challengeType: 0
+videoUrl: ''
+localeTitle: قم بإنشاء مجموعة من مربعات الاختيار
+---
+
+## Description
+<section id="description"> تستخدم النماذج عادة <code>checkboxes</code> للأسئلة التي قد تحتوي على أكثر من إجابة واحدة. مربعات الاختيار هي نوع من <code>input</code> يمكن دمج كل مربعات الاختيار داخل عنصر <code>label</code> الخاص بها. من خلال لف عنصر <code>input</code> داخل عنصر <code>label</code> ، سيقوم تلقائيًا بربط إدخال مربع الاختيار مع عنصر التسمية المحيط به. يجب أن تحتوي جميع مدخلات خانة الاختيار ذات الصلة على سمة <code>name</code> نفسه. فهو يعتبر أفضل الممارسات لتحديد بشكل واضح على العلاقة بين مربع <code>input</code> والمناظرة <code>label</code> عن طريق تعيين <code>for</code> سمة على <code>label</code> عنصر لتتناسب مع <code>id</code> سمة من يرتبط <code>input</code> عنصر. في ما يلي مثال على مربع اختيار: <code>&lt;label for=&quot;loving&quot;&gt;&lt;input id=&quot;loving&quot; type=&quot;checkbox&quot; name=&quot;personality&quot;&gt; Loving&lt;/label&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> أضف إلى مجموعتك مجموعة من ثلاثة مربعات اختيار. يجب أن يكون كل مربع متداخل داخل عنصر <code>label</code> الخاص به. يجب على جميع الثلاثة تقاسم سمة <code>name</code> <code>personality</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحتوي صفحتك على ثلاثة عناصر من خانة الاختيار.
+    testString: 'assert($("input[type="checkbox"]").length > 2, "Your page should have three checkbox elements.");'
+  - text: يجب أن يكون كل عنصر من عناصر خانة الاختيار الثلاثة متداخلاً في عنصر <code>label</code> الخاص به.
+    testString: 'assert($("label > input[type="checkbox"]:only-child").length > 2, "Each of your three checkbox elements should be nested in its own <code>label</code> element.");'
+  - text: تأكد من أن كل عنصر من عناصر <code>label</code> لديه علامة إغلاق.
+    testString: 'assert(code.match(/<\/label>/g) && code.match(/<label/g) && code.match(/<\/label>/g).length === code.match(/<label/g).length, "Make sure each of your <code>label</code> elements has a closing tag.");'
+  - text: إعطاء مربعات الاختيار الخاصة بك سمة <code>name</code> <code>personality</code> .
+    testString: 'assert($("label > input[type="checkbox"]").filter("[name="personality"]").length > 2, "Give your checkboxes the <code>name</code> attribute of <code>personality</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
+    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.arabic.md
new file mode 100644
index 0000000000..34624b9a1b
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.arabic.md
@@ -0,0 +1,83 @@
+---
+id: bad87fee1348bd9aedf08834
+title: Create a Set of Radio Buttons
+challengeType: 0
+videoUrl: ''
+localeTitle: قم بإنشاء مجموعة من أزرار الراديو
+---
+
+## Description
+<section id="description"> يمكنك استخدام <code>radio buttons</code> للإجابة على الأسئلة حيث تريد أن يمنحك المستخدم إجابة واحدة فقط من الخيارات المتعددة. أزرار الراديو هي نوع من <code>input</code> . يمكن تداخل كل زر من أزرار الراديو داخل عنصر <code>label</code> الخاص به. من خلال لف عنصر <code>input</code> داخل عنصر <code>label</code> ، سيقوم تلقائيًا بربط إدخال زر الراديو مع عنصر التسمية المحيط به. يجب أن يكون لكل أزرار الراديو ذات الصلة سمة <code>name</code> نفسه لإنشاء مجموعة أزرار الراديو. من خلال إنشاء مجموعة راديو ، سيؤدي تحديد أي زر راديو فردي إلى إلغاء تحديد الأزرار الأخرى في نفس المجموعة تلقائيًا ، مما يضمن إجابة واحدة فقط من قبل المستخدم. في ما يلي مثال على زر الاختيار: <blockquote style=";text-align:right;direction:rtl"> &lt;التسمية&gt; <br> &lt;input type = &quot;radio&quot; name = &quot;indoor-outdoor&quot;&gt; داخلي <br> &lt;/ التسمية&gt; </blockquote> فهو يعتبر أفضل الممارسات لوضع <code>for</code> السمة على <code>label</code> عنصر، مع قيمة يطابق قيمة <code>id</code> السمة ل <code>input</code> عنصر. يسمح ذلك للتقنيات المساعدة لإنشاء علاقة مرتبطة بين الملصق وعنصر <code>input</code> الطفل. فمثلا: <blockquote style=";text-align:right;direction:rtl"> &lt;label for = &quot;indoor&quot;&gt; <br> &lt;input id = &quot;indoor&quot; type = &quot;radio&quot; name = &quot;indoor-outdoor&quot;&gt; داخلي <br> &lt;/ التسمية&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> أضف زوجًا من أزرار التحديد إلى النموذج ، كل منها متداخل في عنصر التسمية الخاص به. ينبغي للمرء أن يكون خيار <code>indoor</code> والآخر ينبغي أن يكون خيار في <code>outdoor</code> . يجب أن يشترك كلاهما في خاصية <code>name</code> of <code>indoor-outdoor</code> لإنشاء مجموعة راديو. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحتوي صفحتك على عنصري زر راديو.
+    testString: 'assert($("input[type="radio"]").length > 1, "Your page should have two radio button elements.");'
+  - text: امنح أزرار الاختيار الخاصة بك السمة <code>name</code> <code>indoor-outdoor</code> .
+    testString: 'assert($("label > input[type="radio"]").filter("[name="indoor-outdoor"]").length > 1, "Give your radio buttons the <code>name</code> attribute of <code>indoor-outdoor</code>.");'
+  - text: يجب أن يتداخل كل عنصر من عناصر زر الراديو في عنصر <code>label</code> الخاص به.
+    testString: 'assert($("label > input[type="radio"]:only-child").length > 1, "Each of your two radio button elements should be nested in its own <code>label</code> element.");'
+  - text: تأكد من أن كل عنصر من عناصر <code>label</code> لديه علامة إغلاق.
+    testString: 'assert((code.match(/<\/label>/g) && code.match(/<label/g) && code.match(/<\/label>/g).length === code.match(/<label/g).length), "Make sure each of your <code>label</code> elements has a closing tag.");'
+  - text: يجب أن يكون أحد أزرار الراديو لديك <code>indoor</code> .
+    testString: 'assert($("label").text().match(/indoor/gi), "One of your radio buttons should have the label <code>indoor</code>.");'
+  - text: يجب أن يحتوي أحد أزرار الراديو على الملصق <code>outdoor</code> .
+    testString: 'assert($("label").text().match(/outdoor/gi), "One of your radio buttons should have the label <code>outdoor</code>.");'
+  - text: يجب إضافة كل عنصر من عناصر زر الراديو داخل علامة <code>form</code> .
+    testString: 'assert($("label").parent().get(0).tagName.match("FORM"), "Each of your radio button elements should be added within the <code>form</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/create-a-text-field.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/create-a-text-field.arabic.md
new file mode 100644
index 0000000000..dab67bb77c
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/create-a-text-field.arabic.md
@@ -0,0 +1,69 @@
+---
+id: bad87fee1348bd9aedf08829
+title: Create a Text Field
+challengeType: 0
+videoUrl: ''
+localeTitle: إنشاء حقل النص
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> أنشئ عنصر <code>input</code> من نوع <code>text</code> أسفل قوائمك. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يحتوي تطبيقك على عنصر <code>input</code> من نوع <code>text</code> .
+    testString: 'assert($("input[type=text]").length > 0, "Your app should have an <code>input</code> element of type <code>text</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+
+
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.arabic.md
new file mode 100644
index 0000000000..93d8d54f00
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.arabic.md
@@ -0,0 +1,79 @@
+---
+id: bad87fee1348bd9aedf08828
+title: Create an Ordered List
+challengeType: 0
+videoUrl: ''
+localeTitle: إنشاء قائمة مرتبة
+---
+
+## Description
+<section id="description"> يحتوي HTML على عنصر خاص آخر لإنشاء <code>ordered lists</code> أو قوائم ذات تعداد رقمي. تبدأ القوائم التي يتم <code>&lt;ol&gt;</code> بعنصر فتح <code>&lt;ol&gt;</code> ، متبوعًا بأي عدد من عناصر <code>&lt;li&gt;</code> . وأخيرًا ، يتم إغلاق القوائم <code>&lt;/ol&gt;</code> على سبيل المثال: <blockquote style=";text-align:right;direction:rtl"> &lt;رأ&gt; <br> &lt;li&gt; وغارفيلد &lt;/ لى&gt; <br> &lt;li&gt; وسيلفستر &lt;/ لى&gt; <br> &lt;/ OL&gt; </blockquote> إنشاء قائمة مرقمة من &quot;Garfield&quot; و &quot;Sylvester&quot;. </section>
+
+## Instructions
+<section id="instructions"> إنشاء قائمة مرتبة من أهم 3 أشياء تكرهها القطط. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن يكون لديك قائمة مرتبة لـ "أهم ثلاثة أشياء للقطط التي تكره:"'
+    testString: 'assert((/Top 3 things cats hate:/i).test($("ol").prev().text()), "You should have an ordered list for "Top 3 things cats hate:"");'
+  - text: ''
+    testString: 'assert((/Things cats love:/i).test($("ul").prev().text()), "You should have an unordered list for "Things cats love:"");'
+  - text: يجب أن يكون لديك عنصر <code>ul</code> واحد فقط.
+    testString: 'assert.equal($("ul").length, 1, "You should have only one <code>ul</code> element.");'
+  - text: يجب أن يكون لديك عنصر <code>ol</code> واحد فقط.
+    testString: 'assert.equal($("ol").length, 1, "You should have only one <code>ol</code> element.");'
+  - text: يجب أن يكون لديك ثلاثة عناصر <code>li</code> داخل عنصر <code>ul</code> الخاص بك.
+    testString: 'assert.equal($("ul li").length, 3, "You should have three <code>li</code> elements within your <code>ul</code> element.");'
+  - text: يجب أن يكون لديك ثلاثة عناصر <code>li</code> في عنصر <code>ol</code> الخاص بك.
+    testString: 'assert.equal($("ol li").length, 3, "You should have three <code>li</code> elements within your <code>ol</code> element.");'
+  - text: تأكد من أن عنصر <code>ul</code> لديه علامة إغلاق.
+    testString: 'assert(code.match(/<\/ul>/g) && code.match(/<\/ul>/g).length === code.match(/<ul>/g).length, "Make sure your <code>ul</code> element has a closing tag.");'
+  - text: تأكد من أن عنصر <code>ol</code> يحتوي على علامة إغلاق.
+    testString: 'assert(code.match(/<\/ol>/g) && code.match(/<\/ol>/g).length === code.match(/<ol>/g).length, "Make sure your <code>ol</code> element has a closing tag.");'
+  - text: تأكد من أن عنصر <code>li</code> يحتوي على علامة إغلاق.
+    testString: 'assert(code.match(/<\/li>/g) && code.match(/<li>/g) && code.match(/<\/li>/g).length === code.match(/<li>/g).length, "Make sure your <code>li</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.arabic.md
new file mode 100644
index 0000000000..5b0fe55e47
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.arabic.md
@@ -0,0 +1,52 @@
+---
+id: 587d78aa367417b2b2512aed
+title: Declare the Doctype of an HTML Document
+challengeType: 0
+videoUrl: ''
+localeTitle: قم بتعريف Doctype من مستند HTML
+---
+
+## Description
+<section id="description"> تغطي التحديات حتى الآن عناصر HTML محددة واستخداماتها. ومع ذلك ، هناك بعض العناصر التي تعطي الهيكل العام لصفحتك ، ويجب تضمينها في كل مستند HTML. في الجزء العلوي من المستند ، تحتاج إلى إخبار المتصفح بإصدار HTML الذي تستخدمه صفحتك. HTML هي لغة متطورة ، ويتم تحديثها بانتظام. تدعم معظم المتصفحات الرئيسية أحدث المواصفات ، وهي HTML5. ومع ذلك ، قد تستخدم صفحات الويب القديمة الإصدارات السابقة من اللغة. أنت تخبر المتصفح بهذه المعلومات عن طريق إضافة العلامة <code>&lt;!DOCTYPE ...&gt;</code> على السطر الأول ، حيث يكون الجزء &quot; <code>...</code> &quot; هو إصدار HTML. بالنسبة إلى HTML5 ، تستخدم <code>&lt;!DOCTYPE html&gt;</code> . <code>!</code> و <code>DOCTYPE</code> الكبيرة مهمة ، خاصة بالنسبة للمتصفحات القديمة. ليست <code>html</code> حساسة لحالة الأحرف. بعد ذلك ، يجب أن يتم لف بقية تعليمات HTML البرمجية الخاصة بك في علامات <code>html</code> . ينتقل الافتتاح <code>&lt;html&gt;</code> مباشرة أسفل السطر <code>&lt;!DOCTYPE html&gt;</code> ، ويذهب الإغلاق <code>&lt;/html&gt;</code> في نهاية الصفحة. في ما يلي مثال على بنية الصفحة: <blockquote style=";text-align:right;direction:rtl"> &lt;! DOCTYPE html&gt; <br> &lt;HTML&gt; <br> &lt;! - رمز HTML الخاص بك هنا -&gt; <br> &lt;/ HTML&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> أضف علامة <code>DOCTYPE</code> لـ HTML5 إلى أعلى مستند HTML الفارغ في محرر الشفرة. تحته ، إضافة علامات <code>html</code> فتح وإغلاق ، والتي التفاف حول عنصر <code>h1</code> . يمكن أن يتضمن العنوان أي نص. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تتضمن التعليمات البرمجية الخاصة بك علامة <code>&lt;!DOCTYPE html&gt;</code> .
+    testString: 'assert(code.match(/<!DOCTYPE\s+?html\s*?>/gi), "Your code should include a <code>&lt;!DOCTYPE html&gt;</code> tag.");'
+  - text: يجب أن يكون هناك عنصر <code>html</code> واحد.
+    testString: 'assert($("html").length == 1, "There should be one <code>html</code> element.");'
+  - text: يجب أن تلتف علامات <code>html</code> حول عنصر <code>h1</code> واحد.
+    testString: 'assert(code.match(/<html>\s*?<h1>\s*?.*?\s*?<\/h1>\s*?<\/html>/gi), "The <code>html</code> tags should wrap around one <code>h1</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.arabic.md
new file mode 100644
index 0000000000..655b03a34b
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.arabic.md
@@ -0,0 +1,66 @@
+---
+id: 587d78aa367417b2b2512aec
+title: Define the Head and Body of an HTML Document
+challengeType: 0
+videoUrl: ''
+localeTitle: حدد رأس ونص مستند HTML
+---
+
+## Description
+<section id="description"> يمكنك إضافة مستوى آخر من التنظيم في مستند HTML الخاص بك داخل علامات <code>html</code> مع عناصر <code>head</code> <code>body</code> . أي ترميز يحتوي على معلومات حول صفحتك ، سينتقل إلى علامة <code>head</code> . ثم أي الترميز مع محتوى الصفحة (ما يعرض للمستخدم) سيذهب الى <code>body</code> علامة. عادةً ما يتم إدخال عناصر البيانات <code>meta</code> ، مثل <code>link</code> والبيانات <code>meta</code> <code>title</code> <code>style</code> ، داخل عنصر <code>head</code> . إليك مثال لتخطيط الصفحة: <blockquote style=";text-align:right;direction:rtl"> &lt;! DOCTYPE html&gt; <br> &lt;HTML&gt; <br> &lt;رئيس&gt; <br> &lt;! - عناصر البيانات التعريفية -&gt; <br> &lt;/ head&gt; <br> &lt;body&gt; <br> &lt;! - محتويات الصفحة -&gt; <br> &lt;/ body&gt; <br> &lt;/ HTML&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> تحرير الترميز بحيث يكون هناك <code>head</code> <code>body</code> . و <code>head</code> وينبغي أن تتضمن عنصرا فقط <code>title</code> ، و <code>body</code> عنصر يجب أن يشمل فقط <code>h1</code> و <code>p</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون هناك عنصر <code>head</code> واحد فقط على الصفحة.
+    testString: 'assert($("head").length == 1, "There should be only one <code>head</code> element on the page.");'
+  - text: ''
+    testString: 'assert($("body").length == 1, "There should be only one <code>body</code> element on the page.");'
+  - text: ''
+    testString: 'assert($("html").children("head").length == 1, "The <code>head</code> element should be a child of the <code>html</code> element.");'
+  - text: في <code>body</code> يجب أن يكون العنصر طفل من <code>html</code> العنصر.
+    testString: 'assert($("html").children("body").length == 1, "The <code>body</code> element should be a child of the <code>html</code> element.");'
+  - text: يجب أن يلف عنصر <code>head</code> حول عنصر <code>title</code> .
+    testString: 'assert(code.match(/<head>\s*?<title>\s*?.*?\s*?<\/title>\s*?<\/head>/gi), "The <code>head</code> element should wrap around the <code>title</code> element.");'
+  - text: ''
+    testString: 'assert($("body").children("h1").length == 1 && $("body").children("p").length == 1, "The <code>body</code> element should wrap around both the <code>h1</code> and <code>p</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<!DOCTYPE html>
+<html>
+  <title>The best page ever</title>
+
+  <h1>The best page ever</h1>
+  <p>Cat ipsum dolor sit amet, jump launch to pounce upon little yarn mouse, bare fangs at toy run hide in litter box until treats are fed. Go into a room to decide you didn't want to be in there anyway. I like big cats and i can not lie kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Meow i could pee on this if i had the energy for slap owner's face at 5am until human fills food dish yet scamper. Knock dish off table head butt cant eat out of my own dish scratch the furniture. Make meme, make cute face. Sleep in the bathroom sink chase laser but pee in the shoe. Paw at your fat belly licks your face and eat grass, throw it back up kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+
+</html>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/delete-html-elements.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/delete-html-elements.arabic.md
new file mode 100644
index 0000000000..664e3a52af
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/delete-html-elements.arabic.md
@@ -0,0 +1,57 @@
+---
+id: bad87fed1348bd9aedf08833
+title: Delete HTML Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: احذف عناصر HTML
+---
+
+## Description
+<section id="description"> لا يمتلك هاتفنا مساحة عمودية كبيرة. دعونا نزيل العناصر غير الضرورية حتى نتمكن من البدء في بناء CatPhotoApp. </section>
+
+## Instructions
+<section id="instructions"> احذف عنصر <code>h1</code> حتى نتمكن من تبسيط طريقة العرض الخاصة بنا. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: احذف عنصر <code>h1</code> .
+    testString: 'assert(!code.match(/<h1>/gi) && !code.match(/<\/h1>/gi), "Delete your <code>h1</code> element.");'
+  - text: اترك عنصر <code>h2</code> على الصفحة.
+    testString: 'assert(code.match(/<h2>[\w\W]*<\/h2>/gi), "Leave your <code>h2</code> element on the page.");'
+  - text: اترك عنصر <code>p</code> الخاص بك على الصفحة.
+    testString: 'assert(code.match(/<p>[\w\W]*<\/p>/gi), "Leave your <code>p</code> element on the page.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.arabic.md
new file mode 100644
index 0000000000..8fb389d8cf
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.arabic.md
@@ -0,0 +1,53 @@
+---
+id: bad87fee1348bd9aedf08833
+title: Fill in the Blank with Placeholder Text
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> استبدال النص داخل عنصر <code>p</code> مع الكلمات القليلة الأولى من هذا النص ipsum كيتي: <code>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.isTrue((/Kitty(\s)+ipsum/gi).test($("p").text()), "Your <code>p</code> element should contain the first few words of the provided <code>kitty ipsum text</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Hello Paragraph</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.arabic.md
new file mode 100644
index 0000000000..6bf700ae46
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.arabic.md
@@ -0,0 +1,55 @@
+---
+id: bad87fee1348bd9aedf0887a
+title: Headline with the h2 Element
+challengeType: 0
+videoUrl: ''
+localeTitle: العنوان مع عنصر h2
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> إضافة علامة <code>h2</code> تقول &quot;CatPhotoApp&quot; لإنشاء <code>element</code> HTML ثاني أسفل عنصر <code>h1</code> &quot;Hello World&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: قم بإنشاء عنصر <code>h2</code> .
+    testString: 'assert(($("h2").length > 0), "Create an <code>h2</code> element.");'
+  - text: ''
+    testString: 'assert(code.match(/<\/h2>/g) && code.match(/<\/h2>/g).length === code.match(/<h2>/g).length, "Make sure your <code>h2</code> element has a closing tag.");'
+  - text: ''
+    testString: 'assert.isTrue((/cat(\s)?photo(\s)?app/gi).test($("h2").text()), "Your <code>h2</code> element should have the text "CatPhotoApp".");'
+  - text: يجب أن يحتوي عنصر <code>h1</code> على النص &quot;Hello World&quot;.
+    testString: 'assert.isTrue((/hello(\s)+world/gi).test($("h1").text()), "Your <code>h1</code> element should have the text "Hello World".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello World</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.arabic.md
new file mode 100644
index 0000000000..73284ecca6
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.arabic.md
@@ -0,0 +1,54 @@
+---
+id: bad87fee1348bd9aedf08801
+title: Inform with the Paragraph Element
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> تعد العناصر <code>p</code> العنصر المفضل لنص الفقرة على مواقع الويب. <code>p</code> قصيرة في &quot;الفقرة&quot;. يمكنك إنشاء عنصر فقرة مثل: <code>&lt;p&gt;I&#39;m ap tag!&lt;/p&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> قم بإنشاء عنصر <code>p</code> أسفل عنصر <code>h2</code> ، وأعطه النص &quot;Hello Paragraph&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: قم بإنشاء عنصر <code>p</code> .
+    testString: 'assert(($("p").length > 0), "Create a <code>p</code> element.");'
+  - text: يجب أن يحتوي عنصر <code>p</code> على النص &quot;Hello Paragraph&quot;.
+    testString: 'assert.isTrue((/hello(\s)+paragraph/gi).test($("p").text()), "Your <code>p</code> element should have the text "Hello Paragraph".");'
+  - text: تأكد من أن عنصر <code>p</code> لديه علامة إغلاق.
+    testString: 'assert(code.match(/<\/p>/g) && code.match(/<\/p>/g).length === code.match(/<p/g).length, "Make sure your <code>p</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello World</h1>
+<h2>CatPhotoApp</h2>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.arabic.md
new file mode 100644
index 0000000000..cbc7e68d15
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.arabic.md
@@ -0,0 +1,63 @@
+---
+id: bad87fee1348bd9aecf08801
+title: Introduction to HTML5 Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: مقدمة إلى عناصر HTML5
+---
+
+## Description
+<section id="description"> يقدم HTML5 مزيدًا من علامات HTML الوصفية. تشمل هذه <code>header</code> <code>footer</code> <code>nav</code> <code>video</code> <code>article</code> <code>section</code> وغيرها. تجعل هذه العلامات HTML أسهل في القراءة ، وتساعد أيضًا في تحسين محركات البحث (SEO) وإمكانية الوصول. تساعد علامة HTML5 <code>main</code> محركات البحث والمطورين الآخرين في العثور على المحتوى الرئيسي لصفحتك. <strong>ملحوظة</strong> <br> تتم تغطية العديد من علامات HTML5 الجديدة وفوائدها في قسم &quot;إمكانية الوصول التطبيقي&quot;. </section>
+
+## Instructions
+<section id="instructions"> إنشاء الثاني <code>p</code> العنصر بعد القائمة <code>p</code> عنصر مع النص كيتي هوز التالية: <code>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</code> التفاف الفقرات مع علامة <code>main</code> فتح وإغلاق. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: تحتاج 2 <code>p</code> العناصر مع النص كيتي هوز.
+    testString: 'assert($("p").length > 1, "You need 2 <code>p</code> elements with Kitty Ipsum text.");'
+  - text: تأكد من أن كل عنصر من عناصر <code>p</code> لديه علامة إغلاق.
+    testString: 'assert(code.match(/<\/p>/g) && code.match(/<\/p>/g).length === code.match(/<p/g).length, "Make sure each of your <code>p</code> elements has a closing tag.");'
+  - text: يجب أن يحتوي عنصر <code>p</code> على الكلمات القليلة الأولى من <code>kitty ipsum text</code> الإضافية المتوفرة.
+    testString: 'assert.isTrue((/Purr\s+jump\s+eat/gi).test($("p").text()), "Your <code>p</code> element should contain the first few words of the provided additional <code>kitty ipsum text</code>.");'
+  - text: يجب أن يحتوي <code>main</code> عنصر <code>main</code> واحد.
+    testString: 'assert($("main").length === 1, "Your code should have one <code>main</code> element.");'
+  - text: يجب أن يحتوي العنصر <code>main</code> على عنصرين فقرة كأطفال.
+    testString: 'assert($("main").children("p").length === 2, "The <code>main</code> element should have two paragraph elements as children.");'
+  - text: يجب أن تأتي العلامة الافتتاحية <code>main</code> قبل علامة الفقرة الأولى.
+    testString: 'assert(code.match(/<main>\s*?<p>/g), "The opening <code>main</code> tag should come before the first paragraph tag.");'
+  - text: يجب أن تأتي علامة الإغلاق <code>main</code> بعد علامة فقرة الإغلاق الثانية.
+    testString: 'assert(code.match(/<\/p>\s*?<\/main>/g), "The closing <code>main</code> tag should come after the second closing paragraph tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.arabic.md
new file mode 100644
index 0000000000..780ac883c0
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.arabic.md
@@ -0,0 +1,62 @@
+---
+id: bad87fee1348bd9aedf08816
+title: Link to External Pages with Anchor Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: وصلة إلى الصفحات الخارجية مع عناصر مرساة
+---
+
+## Description
+<section id="description"> يمكنك استخدام عناصر <code>anchor</code> للربط بمحتوى خارج صفحة الويب الخاصة بك. تحتاج عناصر <code>anchor</code> إلى عنوان ويب مقصود يسمى سمة <code>href</code> . هم أيضا بحاجة إلى مرساة النص. في ما يلي مثال: <code>&lt;a href=&quot;https://freecodecamp.org&quot;&gt;this links to freecodecamp.org&lt;/a&gt;</code> ثم يعرض المتصفح النص <strong>&quot;روابط إلى freecodecamp.org&quot;</strong> كحلقة يمكنك النقر عليها. وسيأخذك هذا الرابط إلى عنوان الويب <strong>https://www.freecodecamp.org</strong> . </section>
+
+## Instructions
+<section id="instructions"> إنشاء <code>a</code> العنصر الذي يربط <code>http://freecatphotoapp.com</code> ولديه &quot;صور القط&quot;، كما لها <code>anchor text</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: الخاص بك <code>a</code> يجب أن يكون العنصر في <code>anchor text</code> من &quot;صور القط&quot;.
+    testString: 'assert((/cat photos/gi).test($("a").text()), "Your <code>a</code> element should have the <code>anchor text</code> of "cat photos".");'
+  - text: 'تحتاج إلى <code>a</code> العنصر الذي يربط <code>http://freecatphotoapp .com</code>'
+    testString: 'assert(/http:\/\/(www\.)?freecatphotoapp\.com/gi.test($("a").attr("href")), "You need an <code>a</code> element that links to <code>http&#58;//freecatphotoapp<wbr>.com</code>");'
+  - text: تأكد من <code>a</code> عنصر يحتوي على علامة إغلاق.
+    testString: 'assert(code.match(/<\/a>/g) && code.match(/<\/a>/g).length === code.match(/<a/g).length, "Make sure your <code>a</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.arabic.md
new file mode 100644
index 0000000000..d4b77c19e5
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.arabic.md
@@ -0,0 +1,73 @@
+---
+id: bad88fee1348bd9aedf08816
+title: Link to Internal Sections of a Page with Anchor Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: رابط إلى الأقسام الداخلية لصفحة مع عناصر الارتساء
+---
+
+## Description
+<section id="description"> يمكن أيضًا استخدام عناصر الربط لإنشاء روابط داخلية للانتقال إلى أقسام مختلفة داخل صفحة الويب. لإنشاء رابط داخلي ، يمكنك تعيين سمة <code>href</code> لرابط إلى رمز hash <code>#</code> plus وقيمة السمة <code>id</code> للعنصر الذي تريد ربطه داخليًا ، وعادةً ما يكون أسفل الصفحة. ستحتاج بعد ذلك إلى إضافة نفس سمة <code>id</code> إلى العنصر الذي تقوم بالارتباط إليه. <code>id</code> هو سمة تصف عنصرًا بشكل فريد. في ما يلي مثال لرابط الربط الداخلي والعنصر المستهدف: <blockquote style=";text-align:right;direction:rtl"> &lt;a href=&quot;#contacts-header&quot;&gt; جهات الاتصال &lt;/a&gt; <br> ... <br> &lt;h2 id = &quot;contacts-header&quot;&gt; جهات الاتصال &lt;/ h2&gt; </blockquote> عندما ينقر المستخدمون على رابط جهات الاتصال ، سيتم نقلك إلى قسم صفحة الويب باستخدام عنصر عنوان <b>جهات الاتصال</b> . </section>
+
+## Instructions
+<section id="instructions"> غيّر رابطك الخارجي إلى رابط داخلي عن طريق تغيير سمة <code>href</code> إلى &quot;#footer&quot; والنص من &quot;صور القط&quot; إلى &quot;الانتقال إلى أسفل&quot;. أزل السمة <code>target=&quot;_blank&quot;</code> من علامة الربط لأن هذا يؤدي إلى فتح المستند المرتبط في علامة تبويب نافذة جديدة. ثم أضف سمة <code>id</code> بقيمة &quot;تذييل&quot; إلى عنصر <code>&lt;footer&gt;</code> في أسفل الصفحة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون هناك علامة ارتساء واحدة فقط على صفحتك.
+    testString: 'assert($("a").length == 1, "There should be only one anchor tag on your page.");'
+  - text: يجب أن يكون هناك علامة <code>footer</code> واحدة فقط على صفحتك.
+    testString: 'assert($("footer").length == 1, "There should be only one <code>footer</code> tag on your page.");'
+  - text: 'و <code>a</code> ينبغي أن يكون سمة ل <code>href</code> السمة تعيين &quot;#footer&quot;.'
+    testString: 'assert($("a").eq(0).attr("href") == "#footer", "The <code>a</code> tag should have an <code>href</code> attribute set to "#footer".");'
+  - text: و <code>a</code> لا ينبغي أن يكون العلامة <code>target</code> السمة
+    testString: 'assert(typeof $("a").eq(0).attr("target") == typeof undefined || $("a").eq(0).attr("target") == true, "The <code>a</code> tag should not have a <code>target</code> attribute");'
+  - text: و <code>a</code> ينبغي أن يكون النص &quot;الانتقال إلى أسفل&quot;.
+    testString: 'assert($("a").eq(0).text().match(/Jump to Bottom/gi), "The <code>a</code> text should be "Jump to Bottom".");'
+  - text: يجب أن تحتوي علامة <code>footer</code> سمة <code>id</code> تعيينها على &quot;تذييل الصفحة&quot;.
+    testString: 'assert($("footer").eq(0).attr("id") == "footer", "The <code>footer</code> tag should have an <code>id</code> attribute set to "footer".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+  <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+  <p>Meowwww loved it, hated it, loved it, hated it yet spill litter box, scratch at owner, destroy all furniture, especially couch or lay on arms while you're using the keyboard. Missing until dinner time toy mouse squeak roll over. With tail in the air lounge in doorway. Man running from cops stops to pet cats, goes to jail.</p>
+  <p>Intently stare at the same spot poop in the plant pot but kitten is playing with dead mouse. Get video posted to internet for chasing red dot leave fur on owners clothes meow to be let out and mesmerizing birds leave fur on owners clothes or favor packaging over toy so purr for no reason. Meow to be let out play time intently sniff hand run outside as soon as door open yet destroy couch.</p>
+
+</main>
+
+<footer>Copyright Cat Photo App</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.arabic.md
new file mode 100644
index 0000000000..d4b9815481
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.arabic.md
@@ -0,0 +1,57 @@
+---
+id: bad87fee1348bd9aedf08817
+title: Make Dead Links Using the Hash Symbol
+challengeType: 0
+videoUrl: ''
+localeTitle: جعل الروابط الميتة باستخدام رمز التجزئة
+---
+
+## Description
+<section id="description"> أحيانا كنت ترغب في إضافة <code>a</code> عناصر لموقع الويب الخاص بك قبل ان تعرفه حيث سيربط. هذا مفيد أيضًا عند تغيير سلوك الارتباط باستخدام <code>JavaScript</code> ، والذي سنتعرف عليه لاحقًا. </section>
+
+## Instructions
+<section id="instructions"> القيمة الحالية لسمة <code>href</code> عبارة عن رابط يشير إلى &quot;http://freecatphotoapp.com&quot;. استبدل قيمة السمة <code>href</code> بـ <code>#</code> ، والمعروف أيضًا باسم رمز التجزئة ، لإنشاء رابط ميت. على سبيل المثال: <code>href=&quot;#&quot;</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن يكون العنصر الخاص بك <code>a</code> وصلة ميتة مع تعيين قيمة <code>href</code> على &quot;#&quot;.'
+    testString: 'assert($("a").attr("href") === "#", "Your <code>a</code> element should be a dead link with the value of the <code>href</code> attribute set to "#".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>.</p>
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.arabic.md
new file mode 100644
index 0000000000..765b6cffc1
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.arabic.md
@@ -0,0 +1,72 @@
+---
+id: bad87fee1348bd9aede08817
+title: Nest an Anchor Element within a Paragraph
+challengeType: 0
+videoUrl: ''
+localeTitle: عش عنصر الارتساء ضمن فقرة
+---
+
+## Description
+<section id="description"> يمكنك تضمين الروابط داخل عناصر نصية أخرى. <blockquote style=";text-align:right;direction:rtl"> &lt;P&gt; <br> إليك &lt;a target=&quot;_blank&quot; href=&quot;http://freecodecamp.org&quot;&gt; رابط إلى freecodecamp.org &lt;/a&gt; لتتبعه. <br> &lt;/ P&gt; </blockquote> دعونا نقسم المثال: يتم التفاف النص العادي في عنصر <code>p</code> : <br> <code>&lt;p&gt; Here&#39;s a ... for you to follow. &lt;/p&gt;</code> التالي هو عنصر <code>anchor</code> <code>&lt;a&gt;</code> (الذي يتطلب علامة إغلاق <code>&lt;/a&gt;</code> ): <br> <code>&lt;a&gt; ... &lt;/a&gt;</code> <code>target</code> عبارة عن سمة علامة ارتساء تحدد مكان فتح الرابط <code>&quot;_blank&quot;</code> القيمة <code>&quot;_blank&quot;</code> لفتح الرابط في علامة تبويب جديدة <code>href</code> عبارة عن سمة علامة ارتساء تحتوي على عنوان URL لـ الرابط: <br> <code>&lt;a href=&quot;http://freecodecamp.org&quot;&gt; ... &lt;/a&gt;</code> <strong>سيعرض</strong> النص <strong>&quot;link to freecodecamp.org&quot;</strong> ، داخل عنصر <code>anchor text</code> يدعى <code>anchor text</code> الرابط ، رابطًا للنقر: <br> <code>&lt;a href=&quot; ... &quot;&gt;link to freecodecamp.org&lt;/a&gt;</code> الناتج النهائي للمثال كما يلي: <br><p style=";text-align:right;direction:rtl"> إليك <a target="_blank" href="http://freecodecamp.org">رابط لـ freecodecamp.org لتتبعه</a> . </p></section>
+
+## Instructions
+<section id="instructions"> الآن عش الموجودة لديك <code>a</code> عنصر داخل الجديد <code>p</code> عنصر (فقط بعد القائمة <code>main</code> عنصر). يجب أن تحتوي الفقرة الجديدة على نص يقول &quot;عرض المزيد من صور القط&quot; ، حيث تكون &quot;صور القط&quot; ارتباطًا ، وبقية النص عبارة عن نص عادي. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'تحتاج إلى <code>a</code> العنصر الذي يربط &quot;http://freecatphotoapp.com&quot;.'
+    testString: 'assert(($("a[href=\"http://freecatphotoapp.com\"]").length > 0 || $("a[href=\"http://www.freecatphotoapp.com\"]").length > 0), "You need an <code>a</code> element that links to "http://freecatphotoapp.com".");'
+  - text: الخاص بك <code>a</code> يجب أن يكون عنصر النص مرساة &quot;صور القط&quot;
+    testString: 'assert($("a").text().match(/cat\sphotos/gi), "Your <code>a</code> element should have the anchor text of "cat photos"");'
+  - text: إنشاء جديد <code>p</code> العنصر حول الخاص <code>a</code> العنصر. يجب أن يكون هناك 3 علامات <code>p</code> على الأقل في كود HTML الخاص بك.
+    testString: 'assert($("p") && $("p").length > 2, "Create a new <code>p</code> element around your <code>a</code> element. There should be at least 3 total <code>p</code> tags in your HTML code.");'
+  - text: ''
+    testString: 'assert(($("a[href=\"http://freecatphotoapp.com\"]").parent().is("p") || $("a[href=\"http://www.freecatphotoapp.com\"]").parent().is("p")), "Your <code>a</code> element should be nested within your new <code>p</code> element.");'
+  - text: يجب أن يحتوي عنصر <code>p</code> على النص &quot;عرض المزيد&quot; (مع وجود مسافة بعده).
+    testString: 'assert(($("a[href=\"http://freecatphotoapp.com\"]").parent().text().match(/View\smore\s/gi) || $("a[href=\"http://www.freecatphotoapp.com\"]").parent().text().match(/View\smore\s/gi)), "Your <code>p</code> element should have the text "View more " (with a space after it).");'
+  - text: الخاص بك <code>a</code> يجب أن <em>لا</em> يكون عنصر النص &quot;عرض أكثر&quot;.
+    testString: 'assert(!$("a").text().match(/View\smore/gi), "Your <code>a</code> element should <em>not</em> have the text "View more".");'
+  - text: تأكد من أن كل عنصر من عناصر <code>p</code> لديه علامة إغلاق.
+    testString: 'assert(code.match(/<\/p>/g) && code.match(/<p/g) && code.match(/<\/p>/g).length === code.match(/<p/g).length, "Make sure each of your <code>p</code> elements has a closing tag.");'
+  - text: تأكد من أن كل <code>a</code> عناصرك لديه علامة إغلاق.
+    testString: 'assert(code.match(/<\/a>/g) && code.match(/<a/g) && code.match(/<\/a>/g).length === code.match(/<a/g).length, "Make sure each of your <code>a</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+  <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.arabic.md
new file mode 100644
index 0000000000..67392a4a89
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.arabic.md
@@ -0,0 +1,83 @@
+---
+id: bad87fee1348bd9aede08835
+title: Nest Many Elements within a Single div Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Nest العديد من العناصر داخل عنصر div مفرد
+---
+
+## Description
+<section id="description"> عنصر <code>div</code> ، المعروف أيضًا باسم عنصر القسمة ، هو حاوية للأغراض العامة للعناصر الأخرى. ربما يكون عنصر <code>div</code> هو أكثر عناصر HTML شيوعًا على الإطلاق. تمامًا مثل أي عنصر آخر غير الإغلاق الذاتي ، يمكنك فتح عنصر <code>div</code> باستخدام <code>&lt;div&gt;</code> وإغلاقه في سطر آخر باستخدام <code>&lt;/div&gt;</code> . </section>
+
+## Instructions
+<section id="instructions"> اجعل &quot;تحب قطط الأشياء&quot; و &quot;أشياء تكره القطط&quot; تسرد كل عنصر <code>div</code> واحد. تلميح: حاول وضع الخاص بك افتتاح <code>div</code> العلامة فوق بك &quot;القطط الأمور الحب&quot; <code>p</code> العنصر الخاص بك وإغلاق <code>div</code> الوسم الخاص بك بعد إغلاق <code>ol</code> العلامة بحيث أن كلا من القوائم الخاصة بك هي واحدة ضمن <code>div</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ضع عناصر <code>p</code> داخل عنصر <code>div</code> الخاص بك.
+    testString: 'assert($("div").children("p").length > 1, "Nest your <code>p</code> elements inside your <code>div</code> element.");'
+  - text: عش <code>ul</code> داخل عنصر <code>div</code> الخاص بك.
+    testString: 'assert($("div").children("ul").length > 0, "Nest your <code>ul</code> element inside your <code>div</code> element.");'
+  - text: قم <code>ol</code> عنصر <code>ol</code> الخاص بك داخل عنصر <code>div</code> الخاص بك.
+    testString: 'assert($("div").children("ol").length > 0, "Nest your <code>ol</code> element inside your <code>div</code> element.");'
+  - text: تأكد من أن عنصر <code>div</code> يحتوي على علامة إغلاق.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<\/div>/g).length === code.match(/<div>/g).length, "Make sure your <code>div</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.arabic.md
new file mode 100644
index 0000000000..55c2158052
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.arabic.md
@@ -0,0 +1,49 @@
+---
+id: bd7123c8c441eddfaeb5bdef
+title: Say Hello to HTML Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> مرحبًا بك في تحديات ترميز HTML لـ freeCodeCamp. ستوجهك هذه الخطوات من خلال تطوير الويب خطوة بخطوة. أولاً ، ستبدأ ببناء صفحة ويب بسيطة باستخدام HTML. يمكنك تحرير <code>code</code> في <code>code editor</code> الخاص بك ، والذي تم تضمينه في صفحة الويب هذه. هل ترى الرمز في محرر التعليمات البرمجية الذي يقول <code>&lt;h1&gt;Hello&lt;/h1&gt;</code> ؟ هذا هو <code>element</code> HTML. تحتوي معظم عناصر HTML على <code>opening tag</code> <code>closing tag</code> . تبدو علامات الفتح بالشكل التالي: <code>&lt;h1&gt;</code> تبدو علامات الإغلاق كما يلي: <code>&lt;/h1&gt;</code> الفرق الوحيد بين علامات الفتح والإغلاق هو شرطة مائلة للأمام بعد قوس الفتح لعلامة إغلاق. لكل تحد اختبارات يمكنك تشغيلها في أي وقت بالنقر فوق الزر &quot;تشغيل الاختبارات&quot;. عندما تجتاز جميع الاختبارات ، ستتم مطالبتك بإرسال الحل والانتقال إلى التحدي التالي في الترميز. </section>
+
+## Instructions
+<section id="instructions"> لتمرير الاختبار على هذا التحدي ، قم بتغيير نص عنصر <code>h1</code> ليقول &quot;Hello World&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.isTrue((/hello(\s)+world/gi).test($("h1").text()), "Your <code>h1</code> element should have the text "Hello World".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.arabic.md
new file mode 100644
index 0000000000..6931428502
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.arabic.md
@@ -0,0 +1,61 @@
+---
+id: bad87fee1348bd9aedf08820
+title: Turn an Image into a Link
+challengeType: 0
+videoUrl: ''
+localeTitle: تحويل صورة إلى رابط
+---
+
+## Description
+<section id="description"> يمكنك جعل العناصر إلى روابط التي تعشش لهم داخل <code>a</code> عنصر. عش صورتك داخل <code>a</code> عنصر. في ما يلي مثال: <code>&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;https://bit.ly/fcc-running-cats&quot; alt=&quot;Three kittens running towards the camera.&quot;&gt;&lt;/a&gt;</code> تذكر أن تستخدم <code>#</code> ك <code>a</code> العنصر <code>href</code> الملكية من أجل تحويله إلى رابط معطل. </section>
+
+## Instructions
+<section id="instructions"> ضع عنصر الصورة الموجود داخل عنصر الارتساء. بعد الانتهاء من ذلك ، مرّر مؤشر الماوس فوق صورتك باستخدام المؤشر. يجب أن يصبح المؤشر الطبيعي لمؤشر المؤشر مؤشر النقر على الرابط. الصورة الآن رابط. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("a").children("img").length > 0, "Nest the existing <code>img</code> element within an <code>a</code> element.");'
+  - text: ''
+    testString: 'assert(new RegExp("#").test($("a").children("img").parent().attr("href")), "Your <code>a</code> element should be a dead link with a <code>href</code> attribute set to <code>#</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/<\/a>/g) && code.match(/<a/g) && code.match(/<\/a>/g).length === code.match(/<a/g).length, "Make sure each of your <code>a</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/uncomment-html.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/uncomment-html.arabic.md
new file mode 100644
index 0000000000..d7bddefc95
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/uncomment-html.arabic.md
@@ -0,0 +1,61 @@
+---
+id: bad87fee1348bd9aedf08802
+title: Uncomment HTML
+challengeType: 0
+videoUrl: ''
+localeTitle: Uncomment HTML
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> إلغاء <code>h2</code> عناصر <code>h1</code> و <code>h2</code> و <code>p</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: اجعل عنصر <code>h1</code> مرئيًا على صفحتك من خلال إلغاء تحميله.
+    testString: 'assert($("h1").length > 0, "Make your <code>h1</code> element visible on your page by uncommenting it.");'
+  - text: اجعل عنصر <code>h2</code> مرئيًا على صفحتك من خلال إلغاء تحميله.
+    testString: 'assert($("h2").length > 0, "Make your <code>h2</code> element visible on your page by uncommenting it.");'
+  - text: اجعل العنصر <code>p</code> مرئيًا على صفحتك من خلال إلغاء تحميله.
+    testString: 'assert($("p").length > 0, "Make your <code>p</code> element visible on your page by uncommenting it.");'
+  - text: تأكد من حذف جميع علامات التعليق الزائدة ، مثل <code>--&gt;</code> .
+    testString: 'assert(!/[^fc]-->/gi.test(code.replace(/ *<!--[^fc]*\n/g,"")), "Be sure to delete all trailing comment tags&#44; i.e. <code>--&#62;</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<!--
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+-->
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.arabic.md
new file mode 100644
index 0000000000..b0deab5bcf
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.arabic.md
@@ -0,0 +1,71 @@
+---
+id: bad87fee1348bd9aedc08830
+title: Use HTML5 to Require a Field
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم HTML5 لطلب حقل
+---
+
+## Description
+<section id="description"> يمكنك طلب حقول نموذج محددة بحيث لا يتمكن المستخدم من إرسال النموذج الخاص بك حتى يقوم بملئها. على سبيل المثال ، إذا أردت إنشاء حقل إدخال نص مطلوب ، فيمكنك فقط إضافة السمة <code>required</code> داخل عنصر <code>input</code> ، مثل: <code>&lt;input type=&quot;text&quot; required&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> اجعل <code>input</code> النص الخاص بك حقلًا <code>required</code> ، بحيث لا يمكن للمستخدم إرسال النموذج بدون إكمال هذا الحقل. ثم حاول إرسال النموذج دون إدخال أي نص. انظر كيف يعلمك نموذج HTML5 أن هذا الحقل مطلوب؟ </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يحتوي عنصر <code>input</code> النص على السمة <code>required</code> .
+    testString: 'assert($("input").prop("required"), "Your text <code>input</code> element should have the <code>required</code> attribute.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <input type="text" placeholder="cat photo URL">
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.arabic.md
new file mode 100644
index 0000000000..e701368810
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.arabic.md
@@ -0,0 +1,149 @@
+---
+id: 587d78ab367417b2b2512af1
+title: Add Flex Superpowers to the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: أضف Flex Flexpowers إلى Tweet تضمين
+---
+
+## Description
+<section id="description"> إلى اليمين يتم تضمين التغريد الذي سيتم استخدامه كمثال عملي. بعض العناصر تبدو أفضل مع تخطيط مختلف. أظهر التحدي الأخير <code>display: flex</code> . هنا سوف تقوم بإضافته إلى العديد من المكونات في tweet embed لبدء ضبط موضعها. </section>
+
+## Instructions
+<section id="instructions"> إضافة <code>display: flex</code> خاصية CSS <code>display: flex</code> لكل العناصر التالية - لاحظ أن المحددات قد تم إعدادها بالفعل في CSS: <code>header</code> ، رأس الملف <code>.profile-name</code> ، رأس الصفحة. <code>.follow-btn</code> ، <code>h3</code> و <code>h4</code> في الرأس ، <code>footer</code> ، <code>.stats</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: لديك <code>header</code> ينبغي أن يكون <code>display</code> الممتلكات المحددة لثني.
+    testString: 'assert($("header").css("display") == "flex", "Your <code>header</code> should have a <code>display</code> property set to flex.");'
+  - text: ''
+    testString: 'assert($("footer").css("display") == "flex", "Your <code>footer</code> should have a <code>display</code> property set to flex.");'
+  - text: يجب أن يكون لديك <code>h3</code> خاصية <code>display</code> مضبوطة.
+    testString: 'assert($("h3").css("display") == "flex", "Your <code>h3</code> should have a <code>display</code> property set to flex.");'
+  - text: ''
+    testString: 'assert($("h4").css("display") == "flex", "Your <code>h4</code> should have a <code>display</code> property set to flex.");'
+  - text: يجب أن يحتوي <code>.profile-name</code> ملفك الشخصي على خاصية <code>display</code> مضبوطة على flex.
+    testString: 'assert($(".profile-name").css("display") == "flex", "Your <code>.profile-name</code> should have a <code>display</code> property set to flex.");'
+  - text: ''
+    testString: 'assert($(".follow-btn").css("display") == "flex", "Your <code>.follow-btn</code> should have a <code>display</code> property set to flex.");'
+  - text: يجب أن يكون لدى <code>.stats</code> خاصية <code>display</code> مضبوطة على flex.
+    testString: 'assert($(".stats").css("display") == "flex", "Your <code>.stats</code> should have a <code>display</code> property set to flex.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header {
+
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+
+    margin-left: 10px;
+  }
+  header .follow-btn {
+
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer {
+
+  }
+  footer .stats {
+
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.arabic.md
new file mode 100644
index 0000000000..fd1a4619e0
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.arabic.md
@@ -0,0 +1,72 @@
+---
+id: 587d78ad367417b2b2512af8
+title: Align Elements Using the align-items Property
+challengeType: 0
+videoUrl: ''
+localeTitle: محاذاة العناصر باستخدام خاصية عناصر المحاذاة
+---
+
+## Description
+<section id="description"> يشبه الخاصية <code>align-items</code> <code>justify-content</code> . تذكر أن الخاصية <code>justify-content</code> بمحاذاة عناصر مرنة على طول المحور الرئيسي. بالنسبة للصفوف ، فإن المحور الرئيسي هو خط أفقي ، وبالنسبة للأعمدة فهو خط عمودي. تحتوي الحاويات المرنة أيضًا على <strong>محور متقاطع</strong> وهو عكس المحور الرئيسي. ﺑﺎﻟﻧﺳﺑﺔ ﻟﻟﺻﻔوف ، ﯾﮐون اﻟﻣﺣور اﻟﻣﺗﻘﺎطﻊ رأﺳﯾًﺎ وﻟﻸﻋﻣدة ، ﯾﮐون اﻟﻣﺣور اﻟﻣﺗﻘﺎطﻊ أﻓﻘﻲ. تقدم CSS على <code>align-items</code> الملكية لمحاذاة العناصر المرنة على طول المحور العرضي. بالنسبة إلى الصف ، تُعلم CSS كيفية دفع العناصر في الصف بأكمله لأعلى أو لأسفل داخل الحاوية. وللعمود ، كيفية دفع جميع العناصر إلى اليسار أو اليمين داخل الحاوية. تتضمن القيم المختلفة المتاحة <code>align-items</code> ما يلي: <ul style=";text-align:right;direction:rtl"><li style=";text-align:right;direction:rtl"> <code>flex-start</code> : محاذاة العناصر إلى بداية الحاوية المرنة. للصفوف ، يقوم هذا بمحاذاة العناصر إلى أعلى الحاوية. للأعمدة ، يقوم هذا بمحاذاة العناصر إلى يسار الحاوية. </li><li style=";text-align:right;direction:rtl"> <code>flex-end</code> : محاذاة العناصر إلى نهاية الحاوية المرنة. للصفوف ، يقوم هذا بمحاذاة العناصر إلى أسفل الحاوية. للأعمدة ، يقوم هذا بمحاذاة العناصر إلى يمين الحاوية. </li><li style=";text-align:right;direction:rtl"> <code>center</code> : محاذاة العناصر إلى المركز. بالنسبة للصفوف ، تتم محاذاة العناصر رأسياً (المساحة المتساوية فوق العناصر وأسفلها). بالنسبة إلى الأعمدة ، تتم محاذاة هذه العناصر أفقياً (تساوي المسافة بين يمين ويسار العناصر). </li><li style=";text-align:right;direction:rtl"> <code>stretch</code> : تمتد العناصر لملء الحاوية المرن. على سبيل المثال ، يتم توسيع عناصر الصفوف لملء الحاوية المرنة من أعلى لأسفل. </li><li style=";text-align:right;direction:rtl"> <code>baseline</code> : محاذاة العناصر إلى خطوط الأساس الخاصة بهم. الأساس هو مفهوم نصي ، فكر فيه على أنه الخط الذي تجلس عليه الحروف. </li></ul></section>
+
+## Instructions
+<section id="instructions"> مثال يساعد على إظهار هذه الخاصية في العمل. أضف <code>align-items</code> الخاصية CSS إلى عنصر <code>#box-container</code> ، وأعطها قيمة المركز. <strong>علاوة</strong> <br> جرّب الخيارات الأخرى <code>align-items</code> في محرر الشفرات لمعرفة اختلافاتهم. لكن لاحظ أن قيمة المركز هي الوحيدة التي ستجتاز هذا التحدي. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن <code>#box-container</code> عنصر <code>#box-container</code> خاصية <code>align-items</code> ضبطها على قيمة المركز.'
+    testString: 'assert($("#box-container").css("align-items") == "center", "The <code>#box-container</code> element should have an <code>align-items</code> property set to a value of center.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    background: gray;
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 200px;
+    font-size: 24px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 200px;
+    font-size: 18px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"><p>Hello</p></div>
+  <div id="box-2"><p>Goodbye</p></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.arabic.md
new file mode 100644
index 0000000000..9c20c2cf9b
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.arabic.md
@@ -0,0 +1,72 @@
+---
+id: 587d78ac367417b2b2512af6
+title: Align Elements Using the justify-content Property
+challengeType: 0
+videoUrl: ''
+localeTitle: محاذاة العناصر باستخدام خاصية justify-content
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("#box-container").css("justify-content") == "center", "The <code>#box-container</code> element should have a <code>justify-content</code> property set to a value of center.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    background: gray;
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 25%;
+    height: 100%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 25%;
+    height: 100%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.arabic.md
new file mode 100644
index 0000000000..af62ddda9e
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.arabic.md
@@ -0,0 +1,136 @@
+---
+id: 587d78ac367417b2b2512af5
+title: Apply the flex-direction Property to Create a Column in the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون لعنصر <code>.profile-name</code> خاصية <code>flex-direction</code> مضبوطة على العمود.
+    testString: 'assert($(".profile-name").css("flex-direction") == "column", "The <code>.profile-name</code> element should have a <code>flex-direction</code> property set to column.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header, footer {
+    display: flex;
+    flex-direction: row;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.arabic.md
new file mode 100644
index 0000000000..60848931df
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.arabic.md
@@ -0,0 +1,141 @@
+---
+id: 587d78ab367417b2b2512af3
+title: Apply the flex-direction Property to Create Rows in the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: قم بتطبيق الخاصية ذات الاتجاه المرن لإنشاء صفوف في تطبيق Tweet Tweet
+---
+
+## Description
+<section id="description"> يشتمل <code>header</code> <code>footer</code> في مثال التضمين على عناصر فرعية يمكن ترتيبها كصفوف باستخدام خاصية <code>flex-direction</code> . هذا يخبر CSS لمحاذاة الأطفال أفقيًا. </section>
+
+## Instructions
+<section id="instructions"> أضف <code>flex-direction</code> CSS للمجموعة إلى كل من <code>header</code> <code>footer</code> واضبط القيمة على الصف. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>header</code> عبارة <code>flex-direction</code> خاصية <code>flex-direction</code> مضبوط على الصف.
+    testString: 'assert(code.match(/header\s*?{[^}]*?flex-direction:\s*?row;/g), "The <code>header</code> should have a <code>flex-direction</code> property set to row.");'
+  - text: ''
+    testString: 'assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g), "The <code>footer</code> should have a <code>flex-direction</code> property set to row.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header {
+    display: flex;
+
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer {
+    display: flex;
+
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.arabic.md
new file mode 100644
index 0000000000..49ff5df4ba
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.arabic.md
@@ -0,0 +1,72 @@
+---
+id: 587d78ab367417b2b2512af0
+title: 'Use display: flex to Position Two Boxes'
+challengeType: 0
+videoUrl: ''
+localeTitle: 'استخدام العرض: فليكس لوضع صناديق اثنين'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("#box-container").css("display") == "flex", "<code>#box-container</code> should have the <code>display</code> property set to a value of flex.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    height: 500px;
+
+  }
+
+  #box-1 {
+    background-color: dodgerblue;
+    width: 50%;
+    height: 50%;
+
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 50%;
+    height: 50%;
+
+  }
+</style>
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.arabic.md
new file mode 100644
index 0000000000..6fa01a065a
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.arabic.md
@@ -0,0 +1,139 @@
+---
+id: 587d78ad367417b2b2512af9
+title: Use the align-items Property in the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم الخاصية align-items في Tweet Tweet
+---
+
+## Description
+<section id="description"> التحدي الأخير قدم خاصية <code>align-items</code> وأعطى مثالاً. يمكن تطبيق هذه الخاصية على عدد قليل من عناصر التضمين لمحاذاة العناصر المرنة بداخلها. </section>
+
+## Instructions
+<section id="instructions"> إضافة <code>align-items</code> الخاصية CSS <code>.follow-btn</code> . قم بتعيين القيمة إلى الوسط. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون لعنصر <code>.follow-btn</code> مجموعة خصائص <code>align-items</code> إلى قيمة المركز.
+    testString: 'assert($(".follow-btn").css("align-items") == "center", "The <code>.follow-btn</code> element should have the <code>align-items</code> property set to a value of center.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header, footer {
+    display: flex;
+    flex-direction: row;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-align-self-property.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-align-self-property.arabic.md
new file mode 100644
index 0000000000..0250f5e69f
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-align-self-property.arabic.md
@@ -0,0 +1,74 @@
+---
+id: 587d78af367417b2b2512b00
+title: Use the align-self Property
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم خاصية self-align
+---
+
+## Description
+<section id="description"> الخاصية النهائية للعناصر المرنة هي <code>align-self</code> . تتيح لك هذه الخاصية ضبط محاذاة كل عنصر على حدة ، بدلاً من ضبطها كلها مرة واحدة. وهذا مفيد لأن تقنيات التعديل الشائعة الأخرى التي تستخدم خصائص CSS <code>float</code> و <code>clear</code> و <code>vertical-align</code> لا تعمل على العناصر المرنة. <code>align-self</code> يقبل نفس القيم كعناصر <code>align-items</code> وسيتجاوز أي قيمة تم تعيينها بواسطة الخاصية <code>align-items</code> . </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن يحتوي عنصر <code>#box-1</code> على خاصية <code>align-self</code> set to a value of center.'
+    testString: 'assert($("#box-1").css("align-self") == "center", "The <code>#box-1</code> element should have the <code>align-self</code> property set to a value of center.");'
+  - text: 'يجب أن يحتوي عنصر <code>#box-2</code> على الخاصية <code>align-self</code> set to a value of flex-end.'
+    testString: 'assert($("#box-2").css("align-self") == "flex-end", "The <code>#box-2</code> element should have the <code>align-self</code> property set to a value of flex-end.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+
+    height: 200px;
+    width: 200px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+
+    height: 200px;
+    width: 200px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.arabic.md
new file mode 100644
index 0000000000..d8067b0363
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.arabic.md
@@ -0,0 +1,77 @@
+---
+id: 587d78ae367417b2b2512afd
+title: Use the flex-basis Property to Set the Initial Size of an Item
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم الخاصية الأساسية المرنة لتعيين الحجم الأولي لعنصر
+---
+
+## Description
+<section id="description"> تحدد الخاصية <code>flex-basis</code> الحجم الأولي للعنصر قبل أن تقوم CSS بإجراء عمليات ضبط باستخدام <code>flex-shrink</code> أو <code>flex-grow</code> . الوحدات المستخدمة بواسطة الخاصية <code>flex-basis</code> هي نفس خصائص الحجم الأخرى ( <code>px</code> ، <code>em</code> ، <code>%</code> ، إلخ). عناصر قيمة الأحجام <code>auto</code> استنادًا إلى المحتوى. </section>
+
+## Instructions
+<section id="instructions"> اضبط الحجم الأولي للمربعات باستخدام <code>flex-basis</code> . أضف <code>flex-basis</code> إلى <code>#box-1</code> و <code>#box-2</code> . Give <code>#box-1</code> a value of <code>10em</code> and <code>#box-2</code> a value of <code>20em</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن يحتوي عنصر <code>#box-1</code> على خاصية <code>flex-basis</code> .'
+    testString: 'assert($("#box-1").css("flex-basis") != "auto", "The <code>#box-1</code> element should have a <code>flex-basis</code> property.");'
+  - text: 'يجب أن يحتوي عنصر <code>#box-1</code> على قيمة <code>flex-basis</code> <code>10em</code> .'
+    testString: 'assert(code.match(/#box-1\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?10em;/g), "The <code>#box-1</code> element should have a <code>flex-basis</code> value of <code>10em</code>.");'
+  - text: 'يجب أن يكون عنصر <code>#box-2</code> الخاصية <code>flex-basis</code> .'
+    testString: 'assert($("#box-2").css("flex-basis") != "auto", "The <code>#box-2</code> element should have the <code>flex-basis</code> property.");'
+  - text: 'يجب أن يحتوي عنصر <code>#box-2</code> على قيمة <code>flex-basis</code> <code>20em</code> .'
+    testString: 'assert(code.match(/#box-2\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?20em;/g), "The <code>#box-2</code> element should have a <code>flex-basis</code> value of <code>20em</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+
+  #box-1 {
+    background-color: dodgerblue;
+    height: 200px;
+
+  }
+
+  #box-2 {
+    background-color: orangered;
+    height: 200px;
+
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.arabic.md
new file mode 100644
index 0000000000..4162be36b8
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 587d78ac367417b2b2512af4
+title: Use the flex-direction Property to Make a Column
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم خاصية الاتجاه المرن لعمل عمود
+---
+
+## Description
+<section id="description"> استخدم آخر تحديين خاصية <code>flex-direction</code> المضبوطة في الصف. يمكن لهذه الخاصية أيضًا إنشاء عمود عن طريق تكديس أطفال حاوية مرنة رأسيًا. </section>
+
+## Instructions
+<section id="instructions"> أضف خاصية <code>flex-direction</code> لعنصر <code>#box-container</code> ، واعطها قيمة للعمود. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن <code>#box-container</code> عنصر <code>#box-container</code> خاصية <code>flex-direction</code> مضبوطة على العمود.'
+    testString: 'assert($("#box-container").css("flex-direction") == "column", "The <code>#box-container</code> element should have a <code>flex-direction</code> property set to column.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 50%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 50%;
+    height: 50%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.arabic.md
new file mode 100644
index 0000000000..f9d51b4487
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 587d78ab367417b2b2512af2
+title: Use the flex-direction Property to Make a Row
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم خاصية الاتجاه المرن لإجراء صف
+---
+
+## Description
+<section id="description"> إضافة <code>display: flex</code> لعنصر يحولها إلى حاوية مرنة. هذا يجعل من الممكن محاذاة أي أطفال من هذا العنصر إلى صفوف أو أعمدة. يمكنك القيام بذلك عن طريق إضافة الخاصية <code>flex-direction</code> إلى العنصر الأصل وتعيينه إلى الصف أو العمود. يؤدي إنشاء صف إلى محاذاة الأطفال أفقيًا ، وسيؤدي إنشاء عمود إلى محاذاة الأطفال رأسيًا. الخيارات الأخرى <code>flex-direction</code> هي عكس الصفوف وعكس الأعمدة. <strong>ملحوظة</strong> <br> القيمة الافتراضية لخاصية <code>flex-direction</code> هي صف. </section>
+
+## Instructions
+<section id="instructions"> أضف خاصية <code>flex-direction</code> لعنصر <code>#box-container</code> ، وأعطها قيمة عكس صف. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن <code>#box-container</code> عنصر <code>#box-container</code> خاصية <code>flex-direction</code> مضبوطة على عكس الصف.'
+    testString: 'assert($("#box-container").css("flex-direction") == "row-reverse", "The <code>#box-container</code> element should have a <code>flex-direction</code> property set to row-reverse.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 50%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 50%;
+    height: 50%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.arabic.md
new file mode 100644
index 0000000000..731855cad6
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.arabic.md
@@ -0,0 +1,73 @@
+---
+id: 587d78ae367417b2b2512afc
+title: Use the flex-grow Property to Expand Items
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم خاصية Flex-grow لتوسيع العناصر
+---
+
+## Description
+<section id="description"> عكس <code>flex-shrink</code> هو خاصية <code>flex-grow</code> . أذكر أن <code>flex-shrink</code> في حجم العناصر عندما تنكمش الحاوية. تتحكم الخاصية <code>flex-grow</code> حجم العناصر عندما يتم توسيع الحاوية الأصل. باستخدام مثال مماثل من التحدي الأخير ، إذا كان أحد العناصر يحتوي على قيمة <code>flex-grow</code> من 1 ، والآخر له قيمة <code>flex-grow</code> 3 ، فإن القيمة ذات القيمة 3 ستنمو بثلاثة أضعاف. </section>
+
+## Instructions
+<section id="instructions"> قم بإضافة الخاصية CSS <code>flex-grow</code> إلى كلا <code>#box-1</code> و <code>#box-2</code> . Give <code>#box-1</code> a value of 1 and <code>#box-2</code> a value of 2. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن يحتوي عنصر <code>#box-1</code> على الخاصية <code>flex-grow</code> set إلى قيمة 1.'
+    testString: 'assert($("#box-1").css("flex-grow") == "1", "The <code>#box-1</code> element should have the <code>flex-grow</code> property set to a value of 1.");'
+  - text: 'يجب أن يحتوي عنصر <code>#box-2</code> على الخاصية <code>flex-grow</code> set to a value of 2.'
+    testString: 'assert($("#box-2").css("flex-grow") == "2", "The <code>#box-2</code> element should have the <code>flex-grow</code> property set to a value of 2.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+
+  #box-1 {
+    background-color: dodgerblue;
+    height: 200px;
+
+  }
+
+  #box-2 {
+    background-color: orangered;
+    height: 200px;
+
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.arabic.md
new file mode 100644
index 0000000000..d3fdc0bbd7
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.arabic.md
@@ -0,0 +1,74 @@
+---
+id: 587d78ae367417b2b2512afe
+title: Use the flex Shorthand Property
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم خاصية الاختزال المرن
+---
+
+## Description
+<section id="description"> هناك اختصار متاح لضبط عدة خصائص المرن دفعة واحدة. يمكن تعيين الخصائص <code>flex-grow</code> و <code>flex-shrink</code> و <code>flex-basis</code> معاً باستخدام الخاصية <code>flex</code> . على سبيل المثال ، <code>flex: 1 0 10px;</code> سيحدد العنصر إلى <code>flex-grow: 1;</code> ، <code>flex-shrink: 0;</code> ، و <code>flex-basis: 10px;</code> . إعدادات الخاصية الافتراضية هي <code>flex: 0 1 auto;</code> . </section>
+
+## Instructions
+<section id="instructions"> إضافة <code>flex</code> إلى <code>#box-1</code> و <code>#box-2</code> . قم بإعطاء <code>#box-1</code> القيم بحيث يكون نموها <code>flex-grow</code> 2 ، حيث يكون <code>flex-shrink</code> 2 ، ويكون أساسه <code>flex-basis</code> 150 بكسل. أعط <code>#box-2</code> القيم بحيث يكون <code>flex-grow</code> <code>flex-shrink</code> هو 1 ، و هو <code>flex-shrink</code> هو 1 ، و أساسه <code>flex-basis</code> هو 150 بكسل. ستؤدي هذه القيم إلى زيادة <code>#box-1</code> لملء المساحة الزائدة بمعدل ضعف <code>#box-2</code> عندما تكون الحاوية أكبر من 300 بكسل وتتقلص بمعدل ضعف <code>#box-2</code> عندما تكون الحاوية أقل من 300 بكسل. يمثل 300 بكسل الحجم المجمع لقيم <code>flex-basis</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن يحتوي عنصر <code>#box-1</code> على مجموعة خصائص <code>flex</code> بقيمة 2 2 150 بكسل.'
+    testString: 'assert($("#box-1").css("flex-grow") == "2" && $("#box-1").css("flex-shrink") == "2" && $("#box-1").css("flex-basis") == "150px", "The <code>#box-1</code> element should have the <code>flex</code> property set to a value of 2 2 150px.");'
+  - text: 'يجب أن يحتوي عنصر <code>#box-2</code> على مجموعة خصائص <code>flex</code> بقيمة 1 1 150 بكسل.'
+    testString: 'assert($("#box-2").css("flex-grow") == "1" && $("#box-2").css("flex-shrink") == "1" && $("#box-2").css("flex-basis") == "150px", "The <code>#box-2</code> element should have the <code>flex</code> property set to a value of 1 1 150px.");'
+  - text: 'يجب أن تستخدم الشفرة الخاصة بك الخاصية <code>flex</code> لـ <code>#box-1</code> و <code>#box-2</code> .'
+    testString: 'assert(code.match(/flex:\s*?\d\s+?\d\s+?150px;/g).length == 2, "Your code should use the <code>flex</code> property for <code>#box-1</code> and <code>#box-2</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+
+    height: 200px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+
+    height: 200px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.arabic.md
new file mode 100644
index 0000000000..10b35753be
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.arabic.md
@@ -0,0 +1,74 @@
+---
+id: 587d78ad367417b2b2512afb
+title: Use the flex-shrink Property to Shrink Items
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم خاصية الانكماش المرن لتقليص العناصر
+---
+
+## Description
+<section id="description"> حتى الآن ، تنطبق جميع الخصائص في التحديات على الحاوية المرنة (أصل العناصر المرنة). ومع ذلك ، هناك العديد من الخصائص المفيدة للعناصر المرنة. الأول هو خاصية <code>flex-shrink</code> . عندما يتم استخدامه ، فإنه يسمح بتقليص عنصر إذا كانت الحاوية المرن صغيرة جدًا. تنكمش العناصر عندما يكون عرض الحاوية الأصل أصغر من عرض جميع العناصر المرن الموجودة بها. تأخذ خاصية <code>flex-shrink</code> الأعداد كقيم. كلما زاد العدد ، كلما تنكمش أكثر مقارنة بالعناصر الأخرى في الحاوية. على سبيل المثال ، إذا كان عنصر واحد يحتوي على قيمة <code>flex-shrink</code> 1 والآخر يحتوي على قيمة <code>flex-shrink</code> 3 ، فإن القيمة التي تحتوي على 3 سوف تتقلص ثلاثة أضعاف نفس الأخرى. </section>
+
+## Instructions
+<section id="instructions"> أضف خاصية CSS <code>flex-shrink</code> إلى كل من <code>#box-1</code> و <code>#box-2</code> . Give <code>#box-1</code> a value of 1 and <code>#box-2</code> a value of 2. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن يحتوي عنصر <code>#box-1</code> على خاصية <code>flex-shrink</code> تعيينها إلى قيمة 1.'
+    testString: 'assert($("#box-1").css("flex-shrink") == "1", "The <code>#box-1</code> element should have the <code>flex-shrink</code> property set to a value of 1.");'
+  - text: 'يجب أن يحتوي عنصر <code>#box-2</code> على الخاصية <code>flex-shrink</code> تعيينها إلى قيمة 2.'
+    testString: 'assert($("#box-2").css("flex-shrink") == "2", "The <code>#box-2</code> element should have the <code>flex-shrink</code> property set to a value of 2.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 100%;
+    height: 200px;
+
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 100%;
+    height: 200px;
+
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.arabic.md
new file mode 100644
index 0000000000..0bbee82906
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.arabic.md
@@ -0,0 +1,96 @@
+---
+id: 587d78ad367417b2b2512afa
+title: Use the flex-wrap Property to Wrap a Row or Column
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> يحتوي CSS flexbox على ميزة لتقسيم عنصر مرن إلى صفوف متعددة (أو أعمدة). بشكل افتراضي ، ستلائم حاوية مرنة جميع العناصر المرنة معًا. على سبيل المثال ، سيكون كل صف على سطر واحد. ومع ذلك ، باستخدام خاصية <code>flex-wrap</code> ، فإنه يخبر CSS التفاف العناصر. هذا يعني أن العناصر الإضافية تنتقل إلى صف أو عمود جديد. تتوقف نقطة توقف المكان الذي يحدث فيه الالتفاف على حجم العناصر وحجم الحاوية. يحتوي CSS أيضًا على خيارات لاتجاه الالتفاف: <ul style=";text-align:right;direction:rtl"><li style=";text-align:right;direction:rtl"> <code>nowrap</code> : هذا هو الإعداد الافتراضي ، ولا يؤدي إلى التفاف العناصر. </li><li style=";text-align:right;direction:rtl"> <code>wrap</code> : يلتف عناصر من اليسار إلى اليمين إذا كانت في صف أو من أعلى لأسفل إذا كانت في عمود. </li><li style=";text-align:right;direction:rtl"> <code>wrap-reverse</code> : يلتف عناصر من أسفل إلى أعلى إذا كانت متتالية أو من اليمين إلى اليسار إذا كانت في عمود. </li></ul></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن <code>#box-container</code> عنصر <code>#box-container</code> الخاصية <code>flex-wrap</code> لتعيين قيمة التفاف.'
+    testString: 'assert($("#box-container").css("flex-wrap") == "wrap", "The <code>#box-container</code> element should have the <code>flex-wrap</code> property set to a value of wrap.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    background: gray;
+    display: flex;
+    height: 100%;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 25%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 25%;
+    height: 50%;
+  }
+  #box-3 {
+    background-color: violet;
+    width: 25%;
+    height: 50%;
+  }
+  #box-4 {
+    background-color: yellow;
+    width: 25%;
+    height: 50%;
+  }
+  #box-5 {
+    background-color: green;
+    width: 25%;
+    height: 50%;
+  }
+  #box-6 {
+    background-color: black;
+    width: 25%;
+    height: 50%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+  <div id="box-3"></div>
+  <div id="box-4"></div>
+  <div id="box-5"></div>
+  <div id="box-6"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.arabic.md
new file mode 100644
index 0000000000..8143b3f164
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.arabic.md
@@ -0,0 +1,137 @@
+---
+id: 587d78ac367417b2b2512af7
+title: Use the justify-content Property in the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم خاصية theify-content في تطبيق Tweet Tweet
+---
+
+## Description
+<section id="description"> أظهر التحدي الأخير مثالاً على خاصية <code>justify-content</code> . لتضمين tweet ، يمكن تطبيق هذه الخاصية لمحاذاة العناصر في عنصر <code>.profile-name</code> ملف <code>.profile-name</code> . </section>
+
+## Instructions
+<section id="instructions"> قم بإضافة خاصية CSS <code>justify-content</code> إلى عنوان اسم ملف <code>.profile-name</code> وتعيين القيمة إلى أي من الخيارات من التحدي الأخير. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن يكون لعنصر <code>.profile-name</code> خاصية ضبط <code>justify-content</code> المضبوطة على أي من هذه القيم: مركز ، أو بداية مرنة ، أو نهاية مرنة ، أو مسافة بينية ، أو مسافة.'
+    testString: '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)\s*;/g), "The <code>.profile-name</code> element should have the <code>justify-content</code> property set to any of these values: center, flex-start, flex-end, space-between, or space-around.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header, footer {
+    display: flex;
+    flex-direction: row;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    flex-direction: column;
+
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.arabic.md
new file mode 100644
index 0000000000..0794dc1e04
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.arabic.md
@@ -0,0 +1,74 @@
+---
+id: 587d78ae367417b2b2512aff
+title: Use the order Property to Rearrange Items
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم خاصية الطلب لإعادة ترتيب العناصر
+---
+
+## Description
+<section id="description"> يتم استخدام خاصية <code>order</code> لإخبار CSS بترتيب ظهور العناصر المرنة في الحاوية المرنة. بشكل افتراضي ، ستظهر العناصر بنفس الترتيب الوارد في مصدر HTML. يأخذ الخاصية الأرقام كقيم ، ويمكن استخدام الأرقام السالبة. </section>
+
+## Instructions
+<section id="instructions"> قم بإضافة <code>order</code> الخاصية CSS إلى كل من <code>#box-1</code> و <code>#box-2</code> . أعط <code>#box-1</code> قيمة 2 وأعطي <code>#box-2</code> قيمة 1. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن يحتوي عنصر <code>#box-1</code> على خاصية <code>order</code> تعيينها على قيمة 2.'
+    testString: 'assert($("#box-1").css("order") == "2", "The <code>#box-1</code> element should have the <code>order</code> property set to a value of 2.");'
+  - text: 'يجب أن يحتوي عنصر <code>#box-2</code> على خاصية <code>order</code> تعيينها إلى قيمة 1.'
+    testString: 'assert($("#box-2").css("order") == "1", "The <code>#box-2</code> element should have the <code>order</code> property set to a value of 1.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+
+    height: 200px;
+    width: 200px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+
+    height: 200px;
+    width: 200px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.arabic.md
new file mode 100644
index 0000000000..c2279644ea
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.arabic.md
@@ -0,0 +1,74 @@
+---
+id: 5a9036d038fddaf9a66b5d32
+title: Add Columns with grid-template-columns
+challengeType: 0
+videoUrl: ''
+localeTitle: إضافة أعمدة بأعمدة قالب الشبكة
+---
+
+## Description
+<section id="description"> ببساطة إنشاء عنصر الشبكة لا يجعلك بعيدا جدا. تحتاج إلى تحديد هيكل الشبكة كذلك. لإضافة بعض الأعمدة إلى الشبكة ، استخدم الخاصية <code>grid-template-columns</code> الشبكة على حاوية شبكة كما هو موضح أدناه: <blockquote style=";text-align:right;direction:rtl"> .حاوية { <br> عرض: الشبكة ؛ <br> أعمدة قالب الشبكة: 50 بكسل 50 بكسل ؛ <br> } </blockquote> سيعطي هذا شبكتك عمودين بعرض 50 بكسل لكل منهما. يشير عدد المعلمات إلى خاصية <code>grid-template-columns</code> إلى عدد الأعمدة في الشبكة ، وتشير قيمة كل معلمة إلى عرض كل عمود. </section>
+
+## Instructions
+<section id="instructions"> امنح حاوية الشبكة ثلاثة أعمدة عرضها <code>100px</code> لكل منها. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن <code>container</code> فئة <code>container</code> <code>grid-template-columns</code> خاصية <code>grid-template-columns</code> بثلاث وحدات <code>100px</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?100px\s*?100px\s*?100px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-columns</code> property with three units of <code>100px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.arabic.md
new file mode 100644
index 0000000000..22b9047ecf
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.arabic.md
@@ -0,0 +1,76 @@
+---
+id: 5a9036ee38fddaf9a66b5d37
+title: Add Gaps Faster with grid-gap
+challengeType: 0
+videoUrl: ''
+localeTitle: أضف فجوات أسرع مع الفجوة الشبكية
+---
+
+## Description
+<section id="description"> <code>grid-gap</code> هي خاصية مختزلة <code>grid-row-gap</code> <code>grid-column-gap</code> ، <code>grid-row-gap</code> <code>grid-column-gap</code> من التحديين السابقتين الأكثر ملاءمة للاستخدام. إذا كانت قيمة <code>grid-gap</code> لها قيمة واحدة ، فسوف تنشئ فجوة بين جميع الصفوف والأعمدة. ومع ذلك ، إذا كان هناك قيمتين ، فسيستخدم الأول منها لتعيين الفجوة بين الصفوف والقيمة الثانية للأعمدة. </section>
+
+## Instructions
+<section id="instructions"> استخدم <code>grid-gap</code> لإدخال فجوة 10 <code>10px</code> بين الصفوف والفجوة 20 <code>20px</code> بين الأعمدة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن <code>container</code> فئة <code>container</code> على خاصية <code>grid-gap</code> تقدم فجوة 10 <code>10px</code> بين الصفوف والفجوة 20 <code>20px</code> بين الأعمدة.
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-gap\s*?:\s*?10px\s+?20px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-gap</code> property that introduces <code>10px</code> gap between the rows and <code>20px</code> gap between the columns.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.arabic.md
new file mode 100644
index 0000000000..c558c15aa8
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.arabic.md
@@ -0,0 +1,75 @@
+---
+id: 5a9036e138fddaf9a66b5d33
+title: Add Rows with grid-template-rows
+challengeType: 0
+videoUrl: ''
+localeTitle: إضافة صفوف مع صفوف قالب الشبكة
+---
+
+## Description
+<section id="description"> الشبكة التي أنشأتها في التحدي الأخير ستحدد عدد الصفوف تلقائيًا. لضبط الصفوف يدويًا ، استخدم خاصية <code>grid-template-rows</code> بنفس طريقة استخدام <code>grid-template-columns</code> في التحدي السابق. </section>
+
+## Instructions
+<section id="instructions"> أضف صفين إلى الشبكة التي يبلغ طول كل منها <code>50px</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن <code>container</code> فئة <code>container</code> <code>grid-template-rows</code> خاصية <code>grid-template-rows</code> <code>50px</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-rows\s*?:\s*?50px\s*?50px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-rows</code> property with two units of <code>50px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 100px 100px 100px;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.arabic.md
new file mode 100644
index 0000000000..01542a6a0b
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.arabic.md
@@ -0,0 +1,78 @@
+---
+id: 5a90376038fddaf9a66b5d3c
+title: Align All Items Horizontally using justify-items
+challengeType: 0
+videoUrl: ''
+localeTitle: محاذاة جميع العناصر أفقيا باستخدام تبرير البنود
+---
+
+## Description
+<section id="description"> في بعض الأحيان تريد أن تشترك جميع العناصر في CSS الخاص بك في نفس المحاذاة. يمكنك استخدام الخصائص التي تم تعلُّمها مسبقًا ومحاذاؤها بشكل فردي ، أو يمكنك محاذاةها كلها مرة واحدة أفقيًا باستخدام <code>justify-items</code> ضبط في حاوية الشبكة. يمكن أن تقبل هذه الخاصية جميع القيم نفسها التي تعلمتها في التحديين السابقين ، والفرق بينهما هو أنه سينقل <b>كل</b> العناصر في شبكتنا إلى المحاذاة المطلوبة. </section>
+
+## Instructions
+<section id="instructions"> استخدم هذه الخاصية لتوسيط جميع العناصر أفقيا. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن <code>container</code> فئة <code>container</code> على خاصية <code>justify-items</code> لها قيمة <code>center</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*justify-items\s*?:\s*?center\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>justify-items</code> property that has the value of <code>center</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.arabic.md
new file mode 100644
index 0000000000..8ca38e9928
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.arabic.md
@@ -0,0 +1,78 @@
+---
+id: 5a94fdf869fb03452672e45b
+title: Align All Items Vertically using align-items
+challengeType: 0
+videoUrl: ''
+localeTitle: محاذاة جميع العناصر رأسيًا باستخدام عناصر المحاذاة
+---
+
+## Description
+<section id="description"> باستخدام الخاصية <code>align-items</code> على حاوية شبكة ، سيتم ضبط المحاذاة الرأسية لكافة العناصر في شبكتنا. </section>
+
+## Instructions
+<section id="instructions"> استخدمه الآن لنقل جميع العناصر إلى نهاية كل خلية. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن <code>container</code> فئة <code>container</code> على خاصية <code>align-items</code> تحتوي على قيمة <code>end</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*align-items\s*?:\s*?end\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>align-items</code> property that has the value of <code>end</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.arabic.md
new file mode 100644
index 0000000000..14cbb8876a
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.arabic.md
@@ -0,0 +1,82 @@
+---
+id: 5a90374338fddaf9a66b5d3a
+title: Align an Item Horizontally using justify-self
+challengeType: 0
+videoUrl: ''
+localeTitle: قم بمحاذاة عنصر أفقيًا باستخدام ضبط self-self
+---
+
+## Description
+<section id="description"> في CSS Grid ، يقع محتوى كل عنصر في مربع يُشار إليه <dfn>بالخلية</dfn> . يمكنك محاذاة موضع المحتوى داخل خليتها أفقياً باستخدام الخاصية <code>justify-self</code> على عنصر شبكة. بشكل افتراضي ، تحتوي هذه الخاصية على قيمة <code>stretch</code> ، والتي ستجعل المحتوى يملأ عرض الخلية بالكامل. تقبل خاصية CSS Grands هذه القيم الأخرى أيضًا: <code>start</code> : محاذاة المحتوى على يمين الخلية ، <code>center</code> : محاذاة المحتوى في وسط الخلية ، <code>end</code> : محاذاة المحتوى على يمين الخلية. </section>
+
+## Instructions
+<section id="instructions"> استخدم خاصية <code>justify-self</code> لتوسيط العنصر مع <code>item2</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون لفئة <code>item2</code> خاصية <code>justify-self</code> لها قيمة <code>center</code> .
+    testString: 'assert(code.match(/.item2\s*?{[\s\S]*justify-self\s*?:\s*?center\s*?;[\s\S]*}/gi), "<code>item2</code> class should have a <code>justify-self</code> property that has the value of <code>center</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background: LightSkyBlue;}
+
+  .item2 {
+    background: LightSalmon;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.arabic.md
new file mode 100644
index 0000000000..a9108365ca
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.arabic.md
@@ -0,0 +1,82 @@
+---
+id: 5a90375238fddaf9a66b5d3b
+title: Align an Item Vertically using align-self
+challengeType: 0
+videoUrl: ''
+localeTitle: محاذاة عنصر عموديًا باستخدام محاذاة ذاتية
+---
+
+## Description
+<section id="description"> كما يمكنك محاذاة عنصر أفقيًا ، توجد طريقة لمحاذاة عنصر بشكل عمودي أيضًا. للقيام بذلك ، يمكنك استخدام الخاصية <code>align-self</code> على عنصر. تقبل هذه الخاصية جميع القيم نفسها مثل <code>justify-self</code> من التحدي الأخير. </section>
+
+## Instructions
+<section id="instructions"> قم بمحاذاة العنصر مع item <code>item3</code> عمودي في <code>end</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحتوي فئة <code>item3</code> على خاصية <code>align-self</code> لديها قيمة <code>end</code> .
+    testString: 'assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi), "<code>item3</code> class should have a <code>align-self</code> property that has the value of <code>end</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+
+  .item3 {
+    background: PaleTurquoise;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.arabic.md
new file mode 100644
index 0000000000..3e30c181a5
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.arabic.md
@@ -0,0 +1,77 @@
+---
+id: 5a9036ee38fddaf9a66b5d35
+title: Create a Column Gap Using grid-column-gap
+challengeType: 0
+videoUrl: ''
+localeTitle: إنشاء فجوة عمود باستخدام الفجوة بين عمود الشبكة
+---
+
+## Description
+<section id="description"> حتى الآن في الشبكات التي قمت بإنشائها ، كانت الأعمدة محصورة ضد بعضها البعض. في بعض الأحيان تريد فجوة بين الأعمدة. لإضافة فجوة بين الأعمدة ، استخدم خاصية <code>grid-column-gap</code> مثل هذا: <blockquote style=";text-align:right;direction:rtl"> الفجوة بين الأعمدة الشبكية: 10 بكسل ؛ </blockquote> هذا يخلق 10px من المساحة الفارغة بين جميع أعمدةنا. </section>
+
+## Instructions
+<section id="instructions"> امنح الأعمدة في الشبكة فجوة 20 <code>20px</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن <code>container</code> فئة <code>container</code> <code>grid-column-gap</code> خاصية <code>grid-column-gap</code> قيمة 20 <code>20px</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-column-gap\s*?:\s*?20px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-column-gap</code> property that has the value of <code>20px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.arabic.md
new file mode 100644
index 0000000000..fc1650a162
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.arabic.md
@@ -0,0 +1,77 @@
+---
+id: 5a9036ee38fddaf9a66b5d36
+title: Create a Row Gap using grid-row-gap
+challengeType: 0
+videoUrl: ''
+localeTitle: إنشاء فجوة صف باستخدام الفجوة بين الشبكة
+---
+
+## Description
+<section id="description"> يمكنك إضافة الفجوة بين الصفوف من الشبكة باستخدام <code>grid-row-gap</code> في بنفس الطريقة التي قمت بإضافتها وجود فجوة بين الأعمدة في التحدي السابق. </section>
+
+## Instructions
+<section id="instructions"> أنشئ فجوة للصفوف التي يبلغ طولها 5 <code>5px</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن <code>container</code> فئة <code>container</code> على خاصية <code>grid-row-gap</code> لها قيمة <code>5px</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-row-gap\s*?:\s*?5px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-row-gap</code> property that has the value of <code>5px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.arabic.md
new file mode 100644
index 0000000000..c6b86d6975
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.arabic.md
@@ -0,0 +1,95 @@
+---
+id: 5a94fe5469fb03452672e461
+title: Create Flexible Layouts Using auto-fill
+challengeType: 0
+videoUrl: ''
+localeTitle: إنشاء تنسيقات مرنة باستخدام الملء التلقائي
+---
+
+## Description
+<section id="description"> تأتي وظيفة التكرار مع خيار يطلق عليه <dfn>الملء التلقائي</dfn> . يسمح لك هذا بإدراج عدد من الصفوف أو الأعمدة ذات الحجم المرغوب فيه تلقائيًا قدر الإمكان اعتمادًا على حجم الحاوية. يمكنك إنشاء تخطيطات مرنة عند الجمع بين <code>auto-fill</code> مع <code>minmax</code> . في المعاينة ، يتم ضبط <code>grid-template-columns</code> على <blockquote style=";text-align:right;direction:rtl"> تكرار (الملء التلقائي ، minmax (60px ، 1fr)) ؛ </blockquote> عندما يتغير حجم الحاوية ، يستمر هذا الإعداد في إدخال أعمدة 60 بكسل ويطيلها حتى تتمكن من إدراج عمود آخر. <strong>ملحوظة</strong> <br> إذا لم تستطع الحاوية استيعاب جميع العناصر في صف واحد ، فسينقلها إلى آخر جديد. </section>
+
+## Instructions
+<section id="instructions"> في الشبكة الأولى ، استخدم <code>auto-fill</code> مع <code>repeat</code> لملء الشبكة بالأعمدة التي يبلغ عرضها <code>60px</code> <code>1fr</code> كحد أدنى والحد الأقصى <code>1fr</code> . ثم قم بتغيير حجم المعاينة لتشاهد الملء التلقائي للعمل. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن <code>container</code> فئة <code>container</code> <code>grid-template-columns</code> خاصية <code>grid-template-columns</code> <code>repeat</code> <code>auto-fill</code> التي تملأ الشبكة بأعمدة ذات عرض <code>60px</code> <code>1fr</code> كحد أدنى والحد الأقصى <code>1fr</code> .
+    testString: '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), "<code>container</code> class should have a <code>grid-template-columns</code> property with <code>repeat</code> and <code>auto-fill</code> that will fill the grid with columns that have a minimum width of <code>60px</code> and maximum of <code>1fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* change the code below this line */
+
+    grid-template-columns: repeat(3, minmax(60px, 1fr));
+
+    /* change the code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+
+  .container2 {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: Silver;
+    display: grid;
+    grid-template-columns: repeat(3, minmax(60px, 1fr));
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+<div class="container2">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.arabic.md
new file mode 100644
index 0000000000..1c11e1fe4a
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.arabic.md
@@ -0,0 +1,96 @@
+---
+id: 5a94fe6269fb03452672e462
+title: Create Flexible Layouts Using auto-fit
+challengeType: 0
+videoUrl: ''
+localeTitle: إنشاء تصميمات مرنة باستخدام الملاءمة التلقائية
+---
+
+## Description
+<section id="description"> تعمل <code>auto-fit</code> تقريبًا تمامًا <code>auto-fill</code> . والفرق الوحيد هو أنه عندما يتجاوز حجم الحاوية حجم جميع العناصر مجتمعة ، <code>auto-fill</code> تحافظ على إدخال صفوف أو أعمدة فارغة وتدفع عناصرك إلى الجانب ، بينما <code>auto-fill</code> <code>auto-fit</code> تصغير تلك الصفوف أو الأعمدة الفارغة وتمديد العناصر الخاصة بك إلى تناسب حجم الحاوية. <strong>ملحوظة</strong> <br> إذا لم تستطع الحاوية استيعاب جميع العناصر في صف واحد ، فسينقلها إلى آخر جديد. </section>
+
+## Instructions
+<section id="instructions"> في الشبكة الثانية ، استخدم <code>auto-fit</code> مع <code>repeat</code> لملء الشبكة بالأعمدة التي يبلغ عرضها <code>60px</code> <code>1fr</code> كحد أدنى والحد الأقصى <code>1fr</code> . ثم قم بتغيير حجم المعاينة لمعرفة الفرق. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container2</code> يجب أن يكون من الدرجة على <code>grid-template-columns</code> الملكية مع <code>repeat</code> و <code>auto-fit</code> من شأنها أن تملأ الشبكة مع الأعمدة التي لها الحد الأدنى من عرض <code>60px</code> والحد الأقصى من <code>1fr</code> .
+    testString: 'assert(code.match(/.container\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), "<code>container2</code> class should have a <code>grid-template-columns</code> property with <code>repeat</code> and <code>auto-fit</code> that will fill the grid with columns that have a minimum width of <code>60px</code> and maximum of <code>1fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: repeat( auto-fill, minmax(60px, 1fr));
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+
+  .container2 {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: Silver;
+    display: grid;
+    /* change the code below this line */
+
+    grid-template-columns: repeat(3, minmax(60px, 1fr));
+
+    /* change the code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+<div class="container2">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/create-grids-within-grids.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/create-grids-within-grids.arabic.md
new file mode 100644
index 0000000000..820daae84c
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/create-grids-within-grids.arabic.md
@@ -0,0 +1,108 @@
+---
+id: 5a94fe8569fb03452672e464
+title: Create Grids within Grids
+challengeType: 0
+videoUrl: ''
+localeTitle: إنشاء شبكات داخل شبكات
+---
+
+## Description
+<section id="description"> تحويل عنصر إلى شبكة يؤثر فقط على سلوك أحفادها مباشرة. لذا من خلال تحويل سليل مباشر إلى شبكة ، يكون لديك شبكة داخل الشبكة. على سبيل المثال ، من خلال تعيين خصائص <code>grid-template-columns</code> <code>display</code> <code>grid-template-columns</code> للعنصر مع فئة <code>item3</code> ، تقوم بإنشاء شبكة داخل الشبكة. </section>
+
+## Instructions
+<section id="instructions"> قم <code>item3</code> العنصر مع فئة <code>item3</code> إلى شبكة ذات عمودين مع عرض <code>auto</code> و <code>1fr</code> باستخدام <code>1fr</code> <code>display</code> <code>grid-template-columns</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحتوي فئة <code>item3</code> <code>grid-template-columns</code> خاصية <code>grid-template-columns</code> مع <code>auto</code> و <code>1fr</code> كقيم.
+    testString: 'assert(code.match(/.item3\s*?{[\s\S]*grid-template-columns\s*?:\s*?auto\s*?1fr\s*?;[\s\S]*}/gi), "<code>item3</code> class should have a <code>grid-template-columns</code> property with <code>auto</code> and <code>1fr</code> as values.");'
+  - text: يجب أن يكون فئة <code>item3</code> خاصية <code>display</code> بقيمة <code>grid</code> .
+    testString: 'assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi), "<code>item3</code> class should have a <code>display</code> property with the value of <code>grid</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .container {
+    font-size: 1.5em;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: auto 1fr;
+    grid-template-rows: auto 1fr auto;
+    grid-gap: 10px;
+    grid-template-areas:
+      "advert header"
+      "advert content"
+      "advert footer";
+  }
+  .item1 {
+    background: LightSkyBlue;
+    grid-area: header;
+  }
+
+  .item2 {
+    background: LightSalmon;
+    grid-area: advert;
+  }
+
+  .item3 {
+    background: PaleTurquoise;
+    grid-area: content;
+    /* enter your code below this line */
+
+
+    /* enter your code above this line */
+  }
+
+  .item4 {
+    background: lightpink;
+    grid-area: footer;
+  }
+
+  .itemOne {
+    background: PaleGreen;
+  }
+
+  .itemTwo {
+    background: BlanchedAlmond;
+  }
+
+</style>
+
+<div class="container">
+  <div class="item1">header</div>
+  <div class="item2">advert</div>
+  <div class="item3">
+    <div class="itemOne">paragraph1</div>
+    <div class="itemTwo">paragraph2</div>
+  </div>
+  <div class="item4">footer</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/create-your-first-css-grid.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/create-your-first-css-grid.arabic.md
new file mode 100644
index 0000000000..c9db78d1ea
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/create-your-first-css-grid.arabic.md
@@ -0,0 +1,73 @@
+---
+id: 5a858944d96184f06fd60d61
+title: Create Your First CSS Grid
+challengeType: 0
+videoUrl: ''
+localeTitle: إنشاء أول شبكة CSS
+---
+
+## Description
+<section id="description"> قم بتحويل أي عنصر HTML إلى حاوية شبكة عن طريق تعيين خاصية <code>display</code> الخاصة بها إلى <code>grid</code> . يمنحك ذلك القدرة على استخدام جميع الخصائص الأخرى المرتبطة بـ CSS Grid. <strong>ملحوظة</strong> <br> في CSS Grid ، تتم الإشارة إلى العنصر الرئيسي على أنه <dfn>الحاوية</dfn> ويطلق على أطفاله <dfn>العناصر</dfn> . </section>
+
+## Instructions
+<section id="instructions"> تغيير عرض div مع فئة <code>container</code> إلى <code>grid</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون لفئة <code>container</code> خاصية <code>display</code> بقيمة <code>grid</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>display</code> property with a value of <code>grid</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.arabic.md
new file mode 100644
index 0000000000..9966345fc6
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.arabic.md
@@ -0,0 +1,81 @@
+---
+id: 5a94fe0569fb03452672e45c
+title: Divide the Grid Into an Area Template
+challengeType: 0
+videoUrl: ''
+localeTitle: تقسيم الشبكة في قالب المنطقة
+---
+
+## Description
+<section id="description"> يمكنك تجميع خلايا الشبكة الخاصة بك معًا في <dfn>منطقة</dfn> وإعطاء المنطقة اسمًا مخصصًا. القيام بذلك عن طريق استخدام <code>grid-template-areas</code> على الحاوية مثل هذا: <blockquote style=";text-align:right;direction:rtl"> شبكة قالب والمناطق: <br> &quot;رأس الصفحة الرأسية&quot; <br> &quot;advert content content&quot; <br> &quot;footer footer footer&quot; ؛ </blockquote> يدمج الرمز أعلاه الخلايا الثلاث العليا معًا في منطقة مسماة <code>header</code> ، والخلايا الثلاثة السفلية في منطقة <code>footer</code> ، ويجعل منطقتين في الصف الأوسط ؛ <code>advert</code> <code>content</code> . <strong>ملحوظة</strong> <br> تمثل كل كلمة في التعليمة البرمجية خلية ويمثل كل زوج من علامات الاقتباس صفًا. بالإضافة إلى التصنيفات المخصصة ، يمكنك استخدام نقطة ( <code>.</code> ) لتعيين خلية فارغة في الشبكة. </section>
+
+## Instructions
+<section id="instructions"> ضع قالب المنطقة بحيث تصبح الخلية المسمى <code>advert</code> عبارة عن خلية فارغة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?"\s*?header\s*?header\s*?header\s*?"\s*?"\s*?.\s*?content\s*?content\s*?"\s*?"\s*?footer\s*?footer\s*?footer\s*?"\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-areas</code> propertiy similar to the preview but has <code>.</code> instead of the <code>advert</code> area.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    /* change code below this line */
+
+    grid-template-areas:
+      "header header header"
+      "advert content content"
+      "footer footer footer";
+    /* change code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.arabic.md
new file mode 100644
index 0000000000..d8bc6712f5
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.arabic.md
@@ -0,0 +1,78 @@
+---
+id: 5a94fe4469fb03452672e460
+title: Limit Item Size Using the minmax Function
+challengeType: 0
+videoUrl: ''
+localeTitle: الحد من حجم البند باستخدام وظيفة minmax
+---
+
+## Description
+<section id="description"> هناك وظيفة أخرى مدمجة لاستخدامها مع <code>grid-template-columns</code> <code>grid-template-rows</code> تسمى <code>minmax</code> . يتم استخدامه لتقييد حجم العناصر عند تغيير حجم حاوية الشبكة. للقيام بذلك ، تحتاج إلى تحديد نطاق الحجم المقبول لعنصرك. هنا مثال: <blockquote style=";text-align:right;direction:rtl"> أعمدة قوالب الشبكة: minmax 100 بكسل (50 بكسل ، 200 بكسل) ؛ </blockquote> في التعليمات البرمجية أعلاه ، يتم تعيين <code>grid-template-columns</code> لإنشاء عمودين ؛ الأول بعرض 100 بكسل ، والثاني يحتوي على الحد الأدنى للعرض 50 بكسل والحد الأقصى للعرض 200 بكسل. </section>
+
+## Instructions
+<section id="instructions"> باستخدام <code>minmax</code> وظيفة، استبدل <code>1fr</code> في <code>repeat</code> وظيفة مع حجم العمود الذي يحتوي الحد الأدنى للعرض <code>90px</code> والحد الأقصى للعرض <code>1fr</code> ، وتغيير حجم لوحة المعاينة لمعرفة التأثير. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code> يجب أن يكون من الدرجة على <code>grid-template-columns</code> الممتلكات التي تم تعيينها لتكرار 3 أعمدة مع الحد الأدنى لعرض <code>90px</code> وأقصى عرض لها <code>1fr</code> .
+    testString: '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), "<code>container</code> class should have a <code>grid-template-columns</code> property that is set to repeat 3 columns with the minimum width of <code>90px</code> and maximum width of <code>1fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* change the code below this line */
+
+    grid-template-columns: repeat(3, 1fr);
+
+    /* change the code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.arabic.md
new file mode 100644
index 0000000000..d3d52ff600
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.arabic.md
@@ -0,0 +1,85 @@
+---
+id: 5a94fe1369fb03452672e45d
+title: Place Items in Grid Areas Using the grid-area Property
+challengeType: 0
+videoUrl: ''
+localeTitle: ضع العناصر في مناطق الشبكة باستخدام الخاصية area-area
+---
+
+## Description
+<section id="description"> بعد إنشاء قالب المناطق لحاوية الشبكة الخاصة بك ، كما هو موضح في التحدي السابق ، يمكنك وضع عنصر في منطقة مخصصة من خلال الرجوع إلى الاسم الذي قدمته. للقيام بذلك ، يمكنك استخدام الخاصية <code>grid-area</code> على عنصر مثل هذا: <blockquote style=";text-align:right;direction:rtl"> .item1 {grid-area: header؛ } </blockquote> هذا يتيح الشبكة معرفة أنك تريد الفئة <code>item1</code> للانتقال في المنطقة المسمى <code>header</code> . في هذه الحالة ، سيستخدم العنصر الصف العلوي بأكمله لأن هذا الصف بأكمله يدعى منطقة الرأس. </section>
+
+## Instructions
+<section id="instructions"> ضع عنصرًا مع فئة <code>item5</code> في منطقة <code>footer</code> باستخدام خاصية <code>grid-area</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون فئة <code>item5</code> خاصية <code>grid-area</code> له قيمة <code>footer</code> .
+    testString: 'assert(code.match(/.item5\s*?{[\s\S]*grid-area\s*?:\s*?footer\s*?;[\s\S]*}/gi), "<code>item5</code> class should have a <code>grid-area</code> property that has the value of <code>footer</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    grid-template-areas:
+      "header header header"
+      "advert content content"
+      "footer footer footer";
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.arabic.md
new file mode 100644
index 0000000000..bf83c0c6e4
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.arabic.md
@@ -0,0 +1,78 @@
+---
+id: 5a94fe3669fb03452672e45f
+title: Reduce Repetition Using the repeat Function
+challengeType: 0
+videoUrl: ''
+localeTitle: تقليل التكرار باستخدام تكرار الوظيفة
+---
+
+## Description
+<section id="description"> عند استخدام <code>grid-template-columns</code> <code>grid-template-rows</code> و <code>grid-template-rows</code> لتعريف بنية الشبكة ، فإنك تقوم بإدخال قيمة لكل صف أو عمود قمت بإنشائه. لنفترض أنك تريد شبكة ذات 100 صف من نفس الارتفاع. ليس عمليًا إدراج قيم 100 بشكل فردي. لحسن الحظ ، هناك طريقة أفضل - باستخدام وظيفة <code>repeat</code> لتحديد عدد المرات التي تريد تكرار عمودك أو صفك ، متبوعة بفاصلة والقيمة التي تريد تكرارها. في ما يلي مثال على ذلك من شأنه إنشاء شبكة الصف 100 ، كل صف بطول 50 بكسل. <blockquote style=";text-align:right;direction:rtl"> صفوف قالب الشبكة: كرر (100 ، 50 بكسل) ؛ </blockquote> يمكنك أيضًا تكرار عدة قيم باستخدام وظيفة التكرار ، وإدراج الدالة بين القيم الأخرى عند تعريف بنية الشبكة. إليك ما أعنيه: <blockquote style=";text-align:right;direction:rtl"> أعمدة قالب الشبكة: كرر (2 ، 1fr 50px) 20 بكسل ؛ </blockquote> هذا يترجم إلى: <blockquote style=";text-align:right;direction:rtl"> أعمدة قالب الشبكة: 1fr 50px 1fr 50px 20px؛ </blockquote> <strong>ملحوظة</strong> <br> <code>1fr 50px</code> يتكرر مرتين يليه <code>1fr 50px</code> . </section>
+
+## Instructions
+<section id="instructions"> استخدم <code>repeat</code> لإزالة التكرار من خاصية <code>grid-template-columns</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن <code>container</code> فئة <code>container</code> <code>grid-template-columns</code> خاصية <code>grid-template-columns</code> التي تم تعيينها لتكرار 3 أعمدة بعرض <code>1fr</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?1fr\s*?\)\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-columns</code> property that is set to repeat 3 columns with the width of <code>1fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* change the code below this line */
+
+    grid-template-columns: 1fr 1fr 1fr;
+
+    /* change the code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.arabic.md
new file mode 100644
index 0000000000..7b941f0ece
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.arabic.md
@@ -0,0 +1,76 @@
+---
+id: 5a9036ee38fddaf9a66b5d34
+title: Use CSS Grid units to Change the Size of Columns and Rows
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم وحدات CSS الشبكة لتغيير حجم الأعمدة والصفوف
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> أنشئ شبكة بثلاثة أعمدة بعرضها كالتالي: 1fr و 100px و 2fr. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?1fr\s*?100px\s*?2fr\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-columns</code> property that has three columns with the following widths: <code>1fr, 100px, and 2fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* modify the code below this line */
+
+    grid-template-columns: auto 50px 10% 2fr 1fr;
+
+    /* modify the code above this line */
+    grid-template-rows: 50px 50px;
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.arabic.md
new file mode 100644
index 0000000000..d875f682a7
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.arabic.md
@@ -0,0 +1,81 @@
+---
+id: 5a94fe2669fb03452672e45e
+title: Use grid-area Without Creating an Areas Template
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم مساحة الشبكة بدون إنشاء قالب مناطق
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: '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), "<code>item5</code> class should have a <code>grid-area</code> property that has the value of <code>3/1/4/4</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.arabic.md
new file mode 100644
index 0000000000..b0463177c9
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.arabic.md
@@ -0,0 +1,81 @@
+---
+id: 5a90372638fddaf9a66b5d38
+title: Use grid-column to Control Spacing
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> حتى هذه النقطة ، جميع الخصائص التي تمت مناقشتها هي لحاويات الشبكة. الخاصية <code>grid-column</code> هي أول واحد للاستخدام على عناصر الشبكة نفسها. ويشار إلى <dfn>الخطوط</dfn> الأفقية والرأسية الافتراضية التي تنشئ الشبكة باسم <dfn>الخطوط</dfn> . يتم ترقيم هذه الأسطر بدءًا من 1 في أعلى الزاوية اليسرى للشبكة وتتحرك لليمين للأعمدة وأسفل الصفوف ، مع العد لأعلى. هذا ما تبدو عليه الخطوط لشبكة 3x3: <div style="position:relative;margin:auto;background:Gainsboro;display:block;margin-top:100px;margin-bottom:50px;width:200px;height:200px;;text-align:right;direction:rtl"><p style="left:25%;top:-30%;font-size:130%;position:absolute;color:RoyalBlue;;text-align:right;direction:rtl"> خطوط العمود </p><p style="left:0%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;;text-align:right;direction:rtl"> 1 </p><p style="left:30%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;;text-align:right;direction:rtl"> 2 </p><p style="left:63%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;;text-align:right;direction:rtl"> 3 </p><p style="left:95%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;;text-align:right;direction:rtl"> 4 </p><p style="left:-40%;top:45%;font-size:130%;transform:rotateZ(-90deg);position:absolute;;text-align:right;direction:rtl"> خطوط الصف </p><p style="left:-10%;top:-10%;font-size:130%;position:absolute;;text-align:right;direction:rtl"> 1 </p><p style="left:-10%;top:21%;font-size:130%;position:absolute;;text-align:right;direction:rtl"> 2 </p><p style="left:-10%;top:53%;font-size:130%;position:absolute;;text-align:right;direction:rtl"> 3 </p><p style="left:-10%;top:85%;font-size:130%;position:absolute;;text-align:right;direction:rtl"> 4 </p><div style="left:0%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;;text-align:right;direction:rtl"></div><div style="left:31%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;;text-align:right;direction:rtl"></div><div style="left:63%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;;text-align:right;direction:rtl"></div><div style="left:95%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;;text-align:right;direction:rtl"></div><div style="left:0%;top:0%;width:100%;height:5%;background:black;position:absolute;;text-align:right;direction:rtl"></div><div style="left:0%;top:31%;width:100%;height:5%;background:black;position:absolute;;text-align:right;direction:rtl"></div><div style="left:0%;top:63%;width:100%;height:5%;background:black;position:absolute;;text-align:right;direction:rtl"></div><div style="left:0%;top:95%;width:100%;height:5%;background:black;position:absolute;;text-align:right;direction:rtl"></div></div> للتحكم في كمية الأعمدة التي سيستهلكها عنصر ما ، يمكنك استخدام خاصية <code>grid-column</code> بالاقتران مع أرقام الأسطر التي تريد أن يبدأ العنصر بها ويوقفها. إليك مثال على ذلك: <blockquote style=";text-align:right;direction:rtl"> عمود الشبكة: 1/3 ؛ </blockquote> سيؤدي هذا إلى بدء العنصر عند أول خط رأسي من الشبكة على اليسار والامتداد إلى السطر الثالث للشبكة ، ويستهلك عمودين. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/.item5\s*?{[\s\S]*grid-column\s*?:\s*?2\s*?\/\s*?4\s*?;[\s\S]*}/gi), "<code>item5</code> class should have a <code>grid-column</code> property that has the value of <code>2 / 4</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.arabic.md
new file mode 100644
index 0000000000..5680cabcdf
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.arabic.md
@@ -0,0 +1,82 @@
+---
+id: 5a90373638fddaf9a66b5d39
+title: Use grid-row to Control Spacing
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم grid-row إلى Control Spacing
+---
+
+## Description
+<section id="description"> بالطبع ، يمكنك جعل العناصر تستهلك صفوفًا متعددة تمامًا كما تفعل مع الأعمدة. يمكنك تحديد الأسطر الأفقية التي تريد أن يبدأ عنصرها ثم يتوقف عند استخدام خاصية <code>grid-row</code> على عنصر شبكة. </section>
+
+## Instructions
+<section id="instructions"> جعل العنصر مع فئة <code>item5</code> تستهلك الصفوف الأخيرة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحتوي فئة <code>item5</code> على خاصية <code>grid-row</code> لها قيمة <code>2 / 4</code> .
+    testString: 'assert(code.match(/.item5\s*?{[\s\S]*grid-row\s*?:\s*?2\s*?\/\s*?4\s*?;[\s\S]*}/gi), "<code>item5</code> class should have a <code>grid-row</code> property that has the value of <code>2 / 4</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    grid-column: 2 / 4;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.arabic.md
new file mode 100644
index 0000000000..0ad002785e
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.arabic.md
@@ -0,0 +1,116 @@
+---
+id: 5a94fe7769fb03452672e463
+title: Use Media Queries to Create Responsive Layouts
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم استعلامات الوسائط لإنشاء تخطيطات متجاوبة
+---
+
+## Description
+<section id="description"> يمكن أن تكون CSS Grid طريقة سهلة لجعل موقعك أكثر استجابة من خلال استخدام استعلامات الوسائط لإعادة ترتيب مناطق الشبكة وتغيير أبعاد الشبكة وإعادة ترتيب موضع العناصر. في المعاينة ، عندما يكون عرض إطار العرض 300 بكسل أو أكثر ، يتغير عدد الأعمدة من 1 إلى 2. ثم تحتل مساحة الإعلان العمود الأيسر تمامًا. </section>
+
+## Instructions
+<section id="instructions"> عندما يكون عرض إطار العرض <code>400px</code> أو أكثر ، اجعل منطقة الرأس تشغل الصف العلوي تمامًا وتحتل منطقة التذييل الصف السفلي تمامًا. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: عندما يكون منفذ العرض <code>400px</code> أو أكثر ، يجب أن <code>container</code> فئة <code>container</code> على خاصية <code>grid-template-areas</code> التي تشغل فيها مناطق التذييل والرأس الصفوف العلوية والسفلية على التوالي ، ويشغل الإعلان والمحتوى العمودين الأيمن والأيسر للصف الأوسط.
+    testString: 'assert(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), "When the viewport is <code>400px</code> or more, <code>container</code> class should have a <code>grid-template-areas</code> property in which the footer and header areas occupy the top and bottom rows respectively and advert and content occupy the left and right columns of the middle row.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1 {
+    background: LightSkyBlue;
+    grid-area: header;
+  }
+
+  .item2 {
+    background: LightSalmon;
+    grid-area: advert;
+  }
+
+  .item3 {
+    background: PaleTurquoise;
+    grid-area: content;
+  }
+
+  .item4 {
+    background: lightpink;
+    grid-area: footer;
+  }
+
+  .container {
+    font-size: 1.5em;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: 50px auto 1fr auto;
+    grid-gap: 10px;
+    grid-template-areas:
+      "header"
+      "advert"
+      "content"
+      "footer";
+  }
+
+  @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";
+    }
+  }
+
+  @media (min-width: 400px){
+    .container{
+      /* change the code below this line */
+
+      grid-template-areas:
+        "advert header"
+        "advert content"
+        "advert footer";
+
+    /* change the code above this line */
+    }
+  }
+</style>
+
+<div class="container">
+  <div class="item1">header</div>
+  <div class="item2">advert</div>
+  <div class="item3">content</div>
+  <div class="item4">footer</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.arabic.md
new file mode 100644
index 0000000000..57b8c3baed
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 587d78b0367417b2b2512b08
+title: Create a Media Query
+challengeType: 0
+videoUrl: ''
+localeTitle: قم بإنشاء استعلام وسائط
+---
+
+## Description
+<section id="description"> استعلامات الوسائط هي تقنية جديدة تم تقديمها في CSS3 لتغيير عرض المحتوى استنادًا إلى أحجام مختلفة لإطار العرض. إطار العرض هو منطقة مرئية للمستخدم لصفحة ويب ، ويختلف باختلاف الجهاز المستخدم للدخول إلى الموقع. تتكون استعلامات الوسائط من نوع وسائط ، وإذا كان نوع الوسائط هذا يطابق نوع الجهاز الذي يتم عرض المستند عليه ، يتم تطبيق الأنماط. يمكنك الحصول على العديد من المحددات والأنماط داخل استعلام الوسائط الخاص بك كما تريد. في ما يلي مثال لاستعلام وسائط يُرجع المحتوى عندما يكون عرض الجهاز أقل من أو يساوي 100 بكسل: <code>@media (max-width: 100px) { /* CSS Rules */ }</code> ويعيد استعلام الوسائط التالي المحتوى عند يبلغ ارتفاع الجهاز أكثر من أو يساوي 350 بكسل:media <code>@media (min-height: 350px) { /* CSS Rules */ }</code> تذكر ، لا يتم تطبيق CSS داخل استعلام الوسائط إلا إذا كان نوع الوسائط يتطابق مع الجهاز المستخدم. </section>
+
+## Instructions
+<section id="instructions"> أضف استعلام وسائط ، بحيث يكون للعلامة <code>p</code> <code>font-size</code> يبلغ 10 بكسل عندما يكون ارتفاع الجهاز أقل من أو يساوي 800 بكسل. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون عنصر <code>p</code> لديك <code>font-size</code> <code>height</code> بكسل عندما يكون <code>height</code> الجهاز أقل من 800 بكسل أو يساويه.
+    testString: 'assert($("p").css("font-size") == "10px", "Your <code>p</code> element should have the <code>font-size</code> of 10px when the device <code>height</code> is less than or equal to 800px.");'
+  - text: قم بتعريف استعلام <code>@media</code> لأجهزة ذات <code>height</code> أقل من أو يساوي 800 بكسل.
+    testString: 'assert(code.match(/@media\s*?\(\s*?max-height\s*?:\s*?800px\s*?\)/g), "Declare a <code>@media</code> query for devices with a <code>height</code> less than or equal to 800px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  p {
+    font-size: 20px;
+  }
+
+  /* Add media query below */
+
+</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>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.arabic.md
new file mode 100644
index 0000000000..ec293585d9
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.arabic.md
@@ -0,0 +1,57 @@
+---
+id: 587d78b1367417b2b2512b09
+title: Make an Image Responsive
+challengeType: 0
+videoUrl: ''
+localeTitle: جعل صورة مستجيبة
+---
+
+## Description
+<section id="description"> جعل الصور متجاوبة مع CSS بسيط للغاية. بدلاً من تطبيق عرض مطلق لعنصر: <code>img { width: 720px; }</code> يمكنك استخدام: <blockquote style=";text-align:right;direction:rtl"> img { <br> أقصى عرض: 100 ٪. <br> العرض محجوب؛ <br> الارتفاع: auto؛ <br> } </blockquote> تحدد الخاصية <code>max-width</code> ٪ 100 الصورة لتناسب عرض الحاوية الخاصة بها ، ولكن الصورة لن تمتد على نطاق أوسع من عرضها الأصلي. يؤدي تعيين خاصية <code>display</code> لحظر التغييرات على الصورة من عنصر مضمّن (الافتراضي الخاص بها) إلى عنصر كتلة على السطر الخاص بها. تحافظ خاصية <code>height</code> تلقائي على نسبة العرض إلى الارتفاع الأصلية للصورة. </section>
+
+## Instructions
+<section id="instructions"> أضف قواعد النمط لعلامة <code>img</code> لجعلها تستجيب لحجم الحاوية الخاصة بها. يجب أن يتم عرضه كعنصر على مستوى الكتلة ، يجب أن يلائم العرض الكامل للحاوية دون تمديد ، ويجب أن يحتفظ بنسبة العرض إلى الارتفاع الأصلية. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون لعلامة <code>img</code> الخاصة بك مجموعة <code>max-width</code> لتصل إلى 100٪.
+    testString: 'assert(code.match(/max-width:\s*?100%;/g), "Your <code>img</code> tag should have a <code>max-width</code> set to 100%.");'
+  - text: يجب أن يكون لديك علامة <code>img</code> مجموعة <code>display</code> للحظر.
+    testString: 'assert($("img").css("display") == "block", "Your <code>img</code> tag should have a <code>display</code> set to block.");'
+  - text: يجب أن يكون لعلامة <code>img</code> الخاصة بك مجموعة من <code>height</code> إلى تلقائي.
+    testString: 'assert(code.match(/height:\s*?auto;/g), "Your <code>img</code> tag should have a <code>height</code> set to auto.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+</style>
+
+<img src="https://s3.amazonaws.com/freecodecamp/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.arabic.md
new file mode 100644
index 0000000000..86b86251a1
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.arabic.md
@@ -0,0 +1,56 @@
+---
+id: 587d78b1367417b2b2512b0c
+title: Make Typography Responsive
+challengeType: 0
+videoUrl: ''
+localeTitle: جعل الطباعة مستجيبة
+---
+
+## Description
+<section id="description"> بدلاً من استخدام النص <code>em</code> أو <code>px</code> to size ، يمكنك استخدام وحدات viewport للطباعة المتجاوبة. وحدات Viewport ، مثل النسب المئوية ، وحدات نسبية ، ولكنها تستند إلى عناصر مختلفة. وترتبط وحدات Viewport بأبعاد إطار العرض (العرض أو الارتفاع) للجهاز ، والنسب المئوية مرتبطة بحجم عنصر الحاوية الأصل. وحدات العرض المختلفة الأربعة هي: <ul style=";text-align:right;direction:rtl"><li style=";text-align:right;direction:rtl"> <code>vw: 10vw</code> سيكون 10٪ من عرض إطار العرض. </li><li style=";text-align:right;direction:rtl"> <code>vh: 3vh</code> سيكون 3٪ من ارتفاع إطار العرض. </li><li style=";text-align:right;direction:rtl"> <code>vmin: 70vmin</code> سيكون <code>vmin: 70vmin</code> 70٪ من بُعد أصغر في إطار العرض (الطول مقابل العرض). </li><li style=";text-align:right;direction:rtl"> <code>vmax: 100vmax</code> سيكون <code>vmax: 100vmax</code> 100٪ من البعد الأكبر لإطار العرض (الارتفاع مقابل العرض). </li></ul></section>
+
+## Instructions
+<section id="instructions"> عيّن <code>width</code> علامة <code>h2</code> إلى 80٪ من عرض إطار العرض <code>width</code> الفقرة كـ 75٪ من البُعد الأصغر في إطار العرض. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>width</code> العلامة <code>h2</code> <code>width</code> 80vw.
+    testString: 'assert(code.match(/h2\s*?{\s*?width:\s*?80vw;\s*?}/g), "Your <code>h2</code> tag should have a <code>width</code> of 80vw.");'
+  - text: يجب أن يكون <code>width</code> علامة <code>p</code> <code>width</code> 75vmin.
+    testString: 'assert(code.match(/p\s*?{\s*?width:\s*?75vmin;\s*?}/g), "Your <code>p</code> tag should have a <code>width</code> of 75vmin.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+</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>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.arabic.md
new file mode 100644
index 0000000000..e1f30e475f
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 587d78b1367417b2b2512b0a
+title: Use a Retina Image for Higher Resolution Displays
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم صورة شبكية العين لعرض أعلى دقة
+---
+
+## Description
+<section id="description"> إن أبسط طريقة لجعل صورك تظهر &quot;شبكية العين&quot; (وتحسينها لشاشات عرض الشبكية) هي تحديد قيم <code>width</code> <code>height</code> بها كنصف ما هو الملف الأصلي فقط. في ما يلي مثال على صورة تستخدم فقط نصف الطول والعرض الأصليين: <blockquote style=";text-align:right;direction:rtl"> &lt;نمط&gt; <br> img {height: 250px؛ العرض: 250 بكسل ؛ } <br> &lt;/ النمط&gt; <br> &lt;img src = &quot;coolPic500x500&quot; alt = &quot;صورة ممتازة للغاية&quot;&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> اضبط <code>width</code> <code>height</code> علامة <code>img</code> على نصف قيمها الأصلية. في هذه الحالة ، <code>height</code> كل من <code>height</code> الأصلي <code>width</code> الأصلي 200 بكسل. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>width</code> العلامة <code>img</code> 100 بكسل.
+    testString: 'assert($("img").css("width") == "100px", "Your <code>img</code> tag should have a <code>width</code> of 100 pixels.");'
+  - text: يجب أن <code>height</code> العلامة <code>img</code> 100 بكسل.
+    testString: 'assert($("img").css("height") == "100px", "Your <code>img</code> tag should have a <code>height</code> of 100 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+</style>
+
+<img src="https://s3.amazonaws.com/freecodecamp/FCCStickers-CamperBot200x200.jpg" alt="freeCodeCamp sticker that says 'Because CamperBot Cares'">
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.arabic.md
new file mode 100644
index 0000000000..3ab923a418
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.arabic.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c242eddfaeb5bd13
+title: Build a Personal Portfolio Webpage
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: قم ببناء صفحة الويب الشخصية للحافظة
+---
+
+## Description
+<section id="description"> <strong>الهدف:</strong> إنشاء تطبيق <a href="https://codepen.io" target="_blank">CodePen.io</a> تشبه وظيفيًا هذا: <a href="https://codepen.io/freeCodeCamp/full/zNBOYG" target="_blank">https://codepen.io/freeCodeCamp/full/zNBOYG</a> . تحقق من <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">قصص المستخدمين</a> أدناه واجتاز جميع الاختبارات. اعطها اسلوبك الشخصي. يمكنك استخدام HTML و JavaScript و CSS لإكمال هذا المشروع. يوصى باستخدام CSS العادي لأن هذا هو ما غطته الدروس حتى الآن ، ويجب أن تحصل على بعض التمرين باستخدام CSS عادي. يمكنك استخدام Bootstrap أو SASS إذا اخترت. لا يوصى باستخدام هذا النوع من التقنيات الإضافية (على سبيل المثال jQuery أو React أو Angular أو Vue) ، ويكون استخدامها على مسؤوليتك الخاصة. سوف تعطيك مشاريع أخرى فرصة للعمل مع مكدسات التكنولوجيا المختلفة مثل React. سنقبل ونحاول إصلاح جميع تقارير المشكلات التي تستخدم مجموعة التكنولوجيا المقترحة لهذا المشروع. الترميز سعيدة! <strong>قصة المستخدم رقم 1:</strong> يجب أن يكون لحقيدي قسم ترحيبي به معرف <code>welcome-section</code> . <strong>قصة المستخدم رقم 2:</strong> يجب أن يحتوي قسم الترحيب على عنصر <code>h1</code> يحتوي على نص. <strong>قصة المستخدم رقم 3:</strong> يجب أن يكون لحافظة أعمالي قسمًا للمشروعات يحتوي على معرف <code>projects</code> . <strong>قصة المستخدم رقم 4:</strong> يجب أن يحتوي قسم المشاريع على عنصر واحد على الأقل يحتوي على فئة من <code>project-tile</code> المشروع لعقد مشروع. <strong>قصة المستخدم رقم 5:</strong> يجب أن يحتوي قسم المشروعات على رابط واحد على الأقل لمشروع. <strong>قصة المستخدم رقم 6:</strong> يجب أن تحتوي حافظتي على شريط تنقل به معرف <code>navbar</code> . <strong>قصة المستخدم رقم 7:</strong> يجب أن يحتوي شريط التنقل على رابط واحد على الأقل يمكنني النقر عليه للانتقال إلى أقسام مختلفة من الصفحة. <strong>قصة المستخدم رقم 8:</strong> يجب أن تحتوي محفظتي على رابط بمعرّف <code>profile-link</code> ، الذي يفتح ملفي الشخصي على GitHub أو FCC في علامة تبويب جديدة. <strong>قصة المستخدم رقم 9:</strong> يجب أن تحتوي حافظتي على استعلام وسائط واحد على الأقل. <strong>قصة المستخدم رقم 10:</strong> يجب أن يساوي ارتفاع قسم الترحيب ارتفاع إطار العرض. <strong>قصة المستخدم رقم 11:</strong> يجب أن يكون شريط التنقل دائمًا في أعلى منفذ العرض. يمكنك بناء مشروعك عن طريق <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">تسجيل قلم CodePen هذا</a> . أو يمكنك استخدام رابط CDN هذا لتشغيل الاختبارات في أي بيئة تفضلها: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> بمجرد الانتهاء ، أرسل عنوان URL إلى عملك مشروع مع كل اختباراتها تمر. تذكر استخدام طريقة <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.arabic.md
new file mode 100644
index 0000000000..4cd7ed581b
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.arabic.md
@@ -0,0 +1,38 @@
+---
+id: 587d78af367417b2b2512b04
+title: Build a Product Landing Page
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: بناء صفحة هبوط منتج
+---
+
+## Description
+<section id="description"> <strong>الهدف:</strong> إنشاء تطبيق <a href="https://codepen.io" target="_blank">CodePen.io</a> تشبه وظيفيًا هذا: <a href="https://codepen.io/freeCodeCamp/full/RKRbwL" target="_blank">https://codepen.io/freeCodeCamp/full/RKRbwL</a> . تحقق من <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">قصص المستخدمين</a> أدناه واجتاز جميع الاختبارات. اعطها اسلوبك الشخصي. يمكنك استخدام HTML و JavaScript و CSS لإكمال هذا المشروع. يوصى باستخدام CSS العادي لأن هذا هو ما غطته الدروس حتى الآن ، ويجب أن تحصل على بعض التمرين باستخدام CSS عادي. يمكنك استخدام Bootstrap أو SASS إذا اخترت. لا يوصى باستخدام هذا النوع من التقنيات الإضافية (على سبيل المثال jQuery أو React أو Angular أو Vue) ، ويكون استخدامها على مسؤوليتك الخاصة. سوف تعطيك مشاريع أخرى فرصة للعمل مع مكدسات التكنولوجيا المختلفة مثل React. سنقبل ونحاول إصلاح جميع تقارير المشكلات التي تستخدم مجموعة التكنولوجيا المقترحة لهذا المشروع. الترميز سعيدة! <strong>قصة المستخدم # 1:</strong> الصفحة المقصودة المنتجات بلدي يجب أن يكون <code>header</code> عنصر المقابلة مع <code>id=&quot;header&quot;</code> . <strong>قصة المستخدم رقم 2:</strong> يمكنني رؤية صورة داخل عنصر <code>header</code> باستخدام <code>id=&quot;header-img&quot;</code> مناظر <code>id=&quot;header-img&quot;</code> . شعار الشركة سيجعل صورة جيدة هنا. <strong>قصة المستخدم رقم 3:</strong> داخل عنصر <code>#header</code> أستطيع أن أرى عنصر <code>nav</code> باستخدام <code>id=&quot;nav-bar&quot;</code> . <strong>قصة المستخدم رقم 4:</strong> يمكنني مشاهدة ثلاثة عناصر قابلة للنقر على الأقل داخل عنصر <code>nav</code> ، كل منها يحتوي على <code>nav-link</code> للفئة. <strong>قصة المستخدم رقم 5:</strong> عندما أنقر على زر <code>.nav-link</code> في عنصر <code>nav</code> ، يتم نقلي إلى القسم المقابل من الصفحة المقصودة. <strong>قصة المستخدم رقم 6:</strong> يمكنني مشاهدة فيديو منتج مضمّن باستخدام <code>id=&quot;video&quot;</code> . <strong>قصة المستخدم رقم 7: تحتوي</strong> صفحتي المقصودة على عنصر <code>form</code> له <code>id=&quot;form&quot;</code> مناظر <code>id=&quot;form&quot;</code> . <strong>قصة المستخدم رقم 8:</strong> داخل النموذج ، هناك حقل <code>input</code> به <code>id=&quot;email&quot;</code> حيث يمكنني إدخال عنوان بريد إلكتروني. <strong>قصة المستخدم رقم 9:</strong> يجب أن يحتوي حقل إدخال <code>#email</code> <strong># على</strong> نص <code>#email</code> للسماح للمستخدم بمعرفة ما هو الحقل. <strong>قصة المستخدم # 10:</strong> <code>#email</code> حقل إدخال يستخدم التحقق من صحة HTML5 للتأكد من أن النص الذي تم إدخاله هو عنوان البريد الإلكتروني. <strong>قصة المستخدم رقم 11:</strong> في النموذج ، هناك <code>input</code> إرسال مع <code>id=&quot;submit&quot;</code> المقابلة <code>id=&quot;submit&quot;</code> . <strong>قصة المستخدم رقم 12:</strong> عندما أنقر على عنصر &quot; <code>#submit</code> ، يتم إرسال الرسالة الإلكترونية إلى صفحة ثابتة (استخدم هذا العنوان <code>#submit</code> : <a href="https://www.freecodecamp.com/email-submit" target="_blank">https://www.freecodecamp.com/email-submit</a> ) الذي يؤكد إدخال عنوان البريد الإلكتروني و نشرت بنجاح. <strong>قصة المستخدم رقم 13:</strong> يجب أن يكون شريط التنقل دائمًا في أعلى منفذ العرض. <strong>قصة المستخدم رقم 14:</strong> يجب أن تحتوي صفحتي المقصودة للمنتج على استعلام وسائط واحد على الأقل. <strong>قصة المستخدم رقم 15:</strong> يجب أن تستخدم الصفحة المقصودة للمنتج My CSS flexbox مرة واحدة على الأقل. يمكنك بناء مشروعك عن طريق <a href="http://codepen.io/freeCodeCamp/full/MJjpwO" target="_blank">تسجيل قلم CodePen هذا</a> . أو يمكنك استخدام رابط CDN هذا لتشغيل الاختبارات في أي بيئة تفضلها: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> بمجرد الانتهاء ، أرسل عنوان URL إلى عملك مشروع مع كل اختباراتها تمر. تذكر استخدام طريقة <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.arabic.md
new file mode 100644
index 0000000000..98041bfbb7
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.arabic.md
@@ -0,0 +1,38 @@
+---
+id: 587d78af367417b2b2512b03
+title: Build a Survey Form
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: بناء نموذج المسح
+---
+
+## Description
+<section id="description"> <strong>الهدف:</strong> إنشاء تطبيق <a href="https://codepen.io" target="_blank">CodePen.io</a> يشبه وظيفيًا هذا: <a href="https://codepen.io/freeCodeCamp/full/VPaoNP" target="_blank">https://codepen.io/freeCodeCamp/full/VPaoNP</a> . تحقق من <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">قصص المستخدمين</a> أدناه واجتاز جميع الاختبارات. اعطها اسلوبك الشخصي. يمكنك استخدام HTML و JavaScript و CSS لإكمال هذا المشروع. يوصى باستخدام CSS العادي لأن هذا هو ما غطته الدروس حتى الآن ، ويجب أن تحصل على بعض التمرين باستخدام CSS عادي. يمكنك استخدام Bootstrap أو SASS إذا اخترت. لا يوصى باستخدام هذا النوع من التقنيات الإضافية (على سبيل المثال jQuery أو React أو Angular أو Vue) ، ويكون استخدامها على مسؤوليتك الخاصة. سوف تعطيك مشاريع أخرى فرصة للعمل مع مكدسات التكنولوجيا المختلفة مثل React. سنقبل ونحاول إصلاح جميع تقارير المشكلات التي تستخدم مجموعة التكنولوجيا المقترحة لهذا المشروع. الترميز سعيدة! <strong>قصة المستخدم رقم 1:</strong> يمكنني رؤية عنوان له <code>id=&quot;title&quot;</code> في نص بحجم H1. <strong>قصة المستخدم رقم 2:</strong> يمكنني رؤية شرح مختصر مع <code>id=&quot;description&quot;</code> في نص P الحجم. <strong>قصة المستخدم رقم 3:</strong> يمكنني رؤية <code>form</code> مع <code>id=&quot;survey-form&quot;</code> . <strong>قصة المستخدم رقم 4:</strong> داخل عنصر النموذج ، يُطلب مني إدخال اسمي في حقل به <code>id=&quot;name&quot;</code> . <strong>قصة المستخدم رقم 5:</strong> داخل عنصر النموذج ، يُطلب مني إدخال بريد إلكتروني في حقل به <code>id=&quot;email&quot;</code> . <strong>قصة المستخدم رقم 6:</strong> إذا قمت بإدخال بريد إلكتروني لم يتم تنسيقه بشكل صحيح ، فسوف أرى خطأ في التحقق من صحة HTML5. <strong>قصة المستخدم رقم 7:</strong> داخل النموذج ، يمكنني إدخال رقم في حقل به <code>id=&quot;number&quot;</code> . <strong>قصة المستخدم رقم 8:</strong> إذا قمت بإدخال أرقام غير أرقام في إدخال الرقم ، فسوف أرى خطأ التحقق من صحة HTML5. <strong>قصة المستخدم رقم 9:</strong> إذا كان إدخال أرقام خارج نطاق إدخال رقم، التي تم تعريفها من قبل <code>min</code> و <code>max</code> الصفات، وسوف ترى خطأ التحقق من صحة HTML5. <strong>قصة المستخدم رقم 10:</strong> بالنسبة إلى الاسم ، والبريد الإلكتروني ، وحقول إدخال الرقم داخل النموذج ، يمكنني مشاهدة تصنيفات مقابلة تصف الغرض من كل حقل بالمعرفات التالية: <code>id=&quot;name-label&quot;</code> ، <code>id=&quot;email-label&quot;</code> و <code>id=&quot;number-label&quot;</code> . <strong>قصة المستخدم رقم 11:</strong> بالنسبة إلى الاسم ، والبريد الإلكتروني ، وحقول إدخال الرقم ، يمكنني رؤية نص العنصر النائب الذي يعطيني وصفًا أو إرشادات لكل حقل. <strong>قصة المستخدم رقم 12:</strong> داخل عنصر النموذج ، يمكنني تحديد خيار من قائمة منسدلة تحتوي على <code>id=&quot;dropdown&quot;</code> مناظر <code>id=&quot;dropdown&quot;</code> . <strong>قصة المستخدم رقم 13:</strong> داخل عنصر النموذج ، يمكنني تحديد حقل من مجموعة واحدة أو أكثر من أزرار الاختيار. يجب تجميع كل مجموعة باستخدام سمة <code>name</code> . <strong>قصة المستخدم رقم 14:</strong> داخل عنصر النموذج ، يمكنني تحديد عدة حقول من سلسلة من مربعات الاختيار ، التي يجب أن يكون لكل منها سمة <code>value</code> . <strong>قصة المستخدم رقم 15:</strong> داخل عنصر النموذج ، يتم <code>textarea</code> مع نص في النهاية للحصول على تعليقات إضافية. <strong>قصة المستخدم رقم 16:</strong> داخل عنصر النموذج ، يتم تقديم الزر مع <code>id=&quot;submit&quot;</code> لإرسال كل مدخلاتي. يمكنك بناء مشروعك عن طريق <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">تسجيل قلم CodePen هذا</a> . أو يمكنك استخدام رابط CDN هذا لتشغيل الاختبارات في أي بيئة تفضلها: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> بمجرد الانتهاء ، أرسل عنوان URL إلى عملك مشروع مع كل اختباراتها تمر. تذكر استخدام طريقة <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.arabic.md
new file mode 100644
index 0000000000..2cf9f68009
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.arabic.md
@@ -0,0 +1,38 @@
+---
+id: 587d78b0367417b2b2512b05
+title: Build a Technical Documentation Page
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: بناء صفحة التوثيق الفني
+---
+
+## Description
+<section id="description"> <strong>الهدف:</strong> إنشاء تطبيق <a href="https://codepen.io" target="_blank">CodePen.io</a> تشبه وظيفيًا هذا: <a href="https://codepen.io/freeCodeCamp/full/NdrKKL" target="_blank">https://codepen.io/freeCodeCamp/full/NdrKKL</a> . تحقق من <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">قصص المستخدمين</a> أدناه واجتاز جميع الاختبارات. اعطها اسلوبك الشخصي. يمكنك استخدام HTML و JavaScript و CSS لإكمال هذا المشروع. يوصى باستخدام CSS العادي لأن هذا هو ما غطته الدروس حتى الآن ، ويجب أن تحصل على بعض التمرين باستخدام CSS عادي. يمكنك استخدام Bootstrap أو SASS إذا اخترت. لا يوصى باستخدام هذا النوع من التقنيات الإضافية (على سبيل المثال jQuery أو React أو Angular أو Vue) ، ويكون استخدامها على مسؤوليتك الخاصة. سوف تعطيك مشاريع أخرى فرصة للعمل مع مكدسات التكنولوجيا المختلفة مثل React. سنقبل ونحاول إصلاح جميع تقارير المشكلات التي تستخدم مجموعة التكنولوجيا المقترحة لهذا المشروع. الترميز سعيدة! <strong>قصة المستخدم رقم 1:</strong> يمكنني رؤية عنصر <code>main</code> يحتوي على <code>id=&quot;main-doc&quot;</code> مناظر <code>id=&quot;main-doc&quot;</code> ، والذي يحتوي على المحتوى الرئيسي للصفحة (الوثائق الفنية). <strong>قصة المستخدم رقم 2:</strong> داخل عنصر <code>#main-doc</code> ، يمكنني مشاهدة عدة عناصر من <code>section</code> ، لكل منها فئة من <code>main-section</code> . يجب أن يكون هناك حد أدنى من 5. <strong>قصة المستخدم رقم 3:</strong> يجب أن يكون العنصر الأول في كل عنصر <code>.main-section</code> عنصر <code>header</code> يحتوي على نص يصف موضوع ذلك القسم. <strong>قصة المستخدم رقم 4:</strong> يجب أن يكون لكل عنصر <code>section</code> مع فئة <code>main-section</code> أيضًا معرّف يتطابق مع نص كل <code>header</code> موجود داخلها. يجب استبدال أي مسافات بشرط تسطير سفلي (على سبيل المثال ، يجب أن يحتوي <code>section</code> الذي يحتوي على الرأس &quot;Javascript و Java&quot; على <code>id=&quot;Javascript_and_Java&quot;</code> مناظر <code>id=&quot;Javascript_and_Java&quot;</code> ). <strong>قصة المستخدم رقم 5:</strong> يجب أن تحتوي عناصر <code>.main-section</code> على ما لا يقل عن 10 عناصر لعناصر <code>p</code> (وليس كل). <strong>قصة المستخدم رقم 6:</strong> يجب أن تحتوي عناصر <code>.main-section</code> على ما لا يقل عن 5 عناصر من <code>code</code> (وليس كل). <strong>قصة المستخدم # 7:</strong> <code>.main-section</code> ينبغي أن يتضمن عناصر لا يقل عن 5 <code>li</code> البنود الكاملة (وليس كل). <strong>قصة المستخدم رقم 8:</strong> يمكنني رؤية عنصر <code>nav</code> مع <code>id=&quot;navbar&quot;</code> المقابلة <code>id=&quot;navbar&quot;</code> . <strong>قصة المستخدم رقم 9:</strong> يجب أن يحتوي عنصر شريط التنقل على عنصر <code>header</code> يحتوي على نص يصف موضوع الوثائق الفنية. <strong>قصة المستخدم رقم 10:</strong> بالإضافة إلى ذلك ، يجب أن يحتوي <code>a</code> <code>nav-link</code> على رابط ( <code>a</code> ) عناصر بفئة <code>nav-link</code> . يجب أن يكون هناك واحد لكل عنصر مع <code>main-section</code> للفصل. <strong>قصة المستخدم رقم 11:</strong> يجب أن يأتي عنصر <code>header</code> في شريط التنقل قبل أي رابط ( <code>a</code> ) عناصر في <code>a</code> التنقل. <strong>قصة المستخدم رقم 12:</strong> يجب أن يحتوي كل عنصر مع فئة <code>nav-link</code> على نص يتطابق مع نص <code>header</code> داخل كل <code>section</code> (على سبيل المثال ، إذا كان لديك عنوان / عنوان &quot;مرحباً بالعالم&quot; ، يجب أن يحتوي <code>nav-link</code> الخاص بك على عنصر يحتوي على النص &quot;مرحبا بالعالم&quot;). <strong>قصة المستخدم رقم 13:</strong> عندما أنقر على عنصر شريط التنقل ، يجب أن تنتقل الصفحة إلى القسم المقابل من عنصر <code>main-doc</code> (على سبيل المثال ، إذا قمت بالنقر فوق عنصر <code>nav-link</code> يحتوي على النص &quot;Hello world&quot; ، فإن الصفحة تتنقل إلى <code>section</code> العنصر الذي لديه تلك الهوية ويحتوي على المقابلة <code>header</code> <strong>قصة المستخدم رقم 14:</strong> على الأجهزة الحجم العادية (أجهزة الكمبيوتر المحمولة والمكتبية)، وعنصر مع <code>id=&quot;navbar&quot;</code> يجب أن تظهر على الجانب الأيسر من الشاشة، وينبغي دائما <strong>قصة المستخدم رقم 15:</strong> يجب أن تستخدم صفحة &quot;المستندات التقنية&quot; استعلام وسائط واحد على الأقل. يمكنك إنشاء مشروعك من خلال <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">تسجيل قلم CodePen هذا</a> ، أو يمكنك استخدام رابط CDN هذا لتشغيل الاختبارات في أي بيئة تفضلها : <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> بمجرد الانتهاء من ذلك ، أرسل عنوان URL إلى مشروع عملك مع جميع اختباراته ، تذكر استخدام <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> طريقة إذا واجهتك مشكلة. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.arabic.md
new file mode 100644
index 0000000000..2616d2454d
--- /dev/null
+++ b/curriculum/challenges/arabic/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.arabic.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd18
+title: Build a Tribute Page
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: بناء صفحة تحية
+---
+
+## Description
+<section id="description"> <strong>الهدف:</strong> إنشاء تطبيق <a href="https://codepen.io" target="_blank">CodePen.io</a> تشبه وظيفيًا هذا: <a href="https://codepen.io/freeCodeCamp/full/zNqgVx" target="_blank">https://codepen.io/freeCodeCamp/full/zNqgVx</a> . تحقق من <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">قصص المستخدمين</a> أدناه واجتاز جميع الاختبارات. اعطها اسلوبك الشخصي. يمكنك استخدام HTML و JavaScript و CSS لإكمال هذا المشروع. يوصى باستخدام CSS العادي لأن هذا هو ما غطته الدروس حتى الآن ، ويجب أن تحصل على بعض التمرين باستخدام CSS عادي. يمكنك استخدام Bootstrap أو SASS إذا اخترت. لا يوصى باستخدام هذا النوع من التقنيات الإضافية (على سبيل المثال jQuery أو React أو Angular أو Vue) ، ويكون استخدامها على مسؤوليتك الخاصة. سوف تعطيك مشاريع أخرى فرصة للعمل مع مكدسات التكنولوجيا المختلفة مثل React. سنقبل ونحاول إصلاح جميع تقارير المشكلات التي تستخدم مجموعة التكنولوجيا المقترحة لهذا المشروع. الترميز سعيدة! <strong>قصة المستخدم رقم 1:</strong> يجب أن تحتوي صفحة الجزية على عنصر له رقم <code>id=&quot;main&quot;</code> ، والذي يحتوي على جميع العناصر الأخرى. <strong>قصة المستخدم رقم 2:</strong> يجب أن أرى عنصرًا به <code>id=&quot;title&quot;</code> ، والذي يحتوي على سلسلة (أي نص) تصف موضوع صفحة الجزية (على سبيل المثال &quot;Dr. Norman Borlaug&quot;). <strong>قصة المستخدم رقم 3: من</strong> المفترض أن أرى عنصر <code>div</code> يحتوي على <code>id=&quot;img-div&quot;</code> مناظر <code>id=&quot;img-div&quot;</code> . <strong>قصة المستخدم رقم 4:</strong> في عنصر <code>img-div</code> ، ينبغي أن أرى عنصر <code>img</code> <code>id=&quot;image&quot;</code> مناظر <code>id=&quot;image&quot;</code> . <strong>قصة المستخدم رقم 5:</strong> في عنصر <code>img-div</code> ، يجب أن أرى عنصرًا به <code>id=&quot;img-caption&quot;</code> المقابل الذي يحتوي على محتوى نصي يصف الصورة المعروضة في <code>img-div</code> . <strong>قصة المستخدم رقم 6:</strong> ينبغي أن أرى عنصرًا يحمل <code>id=&quot;tribute-info&quot;</code> مقابلاً <code>id=&quot;tribute-info&quot;</code> ، يحتوي على محتوى نصي يصف موضوع صفحة الجزية. <strong>قصة المستخدم رقم 7:</strong> يجب أن تشهد <code>a</code> عنصر المقابلة مع <code>id=&quot;tribute-link&quot;</code> ، الذي يربط إلى موقع خارجي يحتوي على معلومات إضافية حول موضوع الصفحة الجزية. تلميح: يجب أن تمنح عنصرك سمة <code>target</code> <code>_blank</code> على <code>_blank</code> حتى يفتح الرابط الخاص بك في علامة تبويب جديدة (مثل <code>target=&quot;_blank&quot;</code> ). <strong>قصة المستخدم رقم 8:</strong> يجب تغيير عنصر <code>img</code> سريعة ، بالنسبة إلى عرض العنصر الرئيسي ، دون تجاوز الحجم الأصلي. <strong>قصة المستخدم رقم 9:</strong> يجب توسيط عنصر <code>img</code> داخل العنصر الرئيسي. يمكنك بناء مشروعك عن طريق <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">تسجيل قلم CodePen هذا</a> . أو يمكنك استخدام رابط CDN هذا لتشغيل الاختبارات في أي بيئة تفضلها: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> . بمجرد الانتهاء ، أرسل عنوان URL إلى مشروع عملك مع كل اختباراته تمر. تذكر استخدام طريقة <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/boo-who.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/boo-who.arabic.md
new file mode 100644
index 0000000000..9bd2d8057e
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/boo-who.arabic.md
@@ -0,0 +1,74 @@
+---
+id: a77dbc43c33f39daa4429b4f
+title: Boo who
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: بو من
+---
+
+## Description
+<section id="description"> تحقق مما إذا كانت القيمة مصنفة على أنها بدائية منطقية. إرجاع صح أو خطأ. الأجناس البولية هي صحيحة وكاذبة. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>booWho(true)</code> يجب أن <code>booWho(true)</code> true.
+    testString: 'assert.strictEqual(booWho(true), true, "<code>booWho(true)</code> should return true.");'
+  - text: <code>booWho(false)</code> يجب أن يعود صحيحًا.
+    testString: 'assert.strictEqual(booWho(false), true, "<code>booWho(false)</code> should return true.");'
+  - text: '<code>booWho([1, 2, 3])</code> يجب أن تعود خاطئة.'
+    testString: 'assert.strictEqual(booWho([1, 2, 3]), false, "<code>booWho([1, 2, 3])</code> should return false.");'
+  - text: 'يجب أن تعود <code>booWho([].slice)</code> كاذبة.'
+    testString: 'assert.strictEqual(booWho([].slice), false, "<code>booWho([].slice)</code> should return false.");'
+  - text: ''
+    testString: 'assert.strictEqual(booWho({ "a": 1 }), false, "<code>booWho({ "a": 1 })</code> should return false.");'
+  - text: يجب أن يقوم <code>booWho(1)</code> بإرجاع false.
+    testString: 'assert.strictEqual(booWho(1), false, "<code>booWho(1)</code> should return false.");'
+  - text: يجب أن تعود <code>booWho(NaN)</code> كاذبة.
+    testString: 'assert.strictEqual(booWho(NaN), false, "<code>booWho(NaN)</code> should return false.");'
+  - text: <code>booWho(&quot;a&quot;)</code> بإرجاع false.
+    testString: 'assert.strictEqual(booWho("a"), false, "<code>booWho("a")</code> should return false.");'
+  - text: <code>booWho(&quot;true&quot;)</code> بإرجاع false.
+    testString: 'assert.strictEqual(booWho("true"), false, "<code>booWho("true")</code> should return false.");'
+  - text: <code>booWho(&quot;false&quot;)</code> بإرجاع false.
+    testString: 'assert.strictEqual(booWho("false"), false, "<code>booWho("false")</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function booWho(bool) {
+  // What is the new fad diet for ghost developers? The Boolean.
+  return bool;
+}
+
+booWho(null);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/chunky-monkey.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/chunky-monkey.arabic.md
new file mode 100644
index 0000000000..c79a8656af
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/chunky-monkey.arabic.md
@@ -0,0 +1,68 @@
+---
+id: a9bd25c716030ec90084d8a1
+title: Chunky Monkey
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: قرد مكتنز
+---
+
+## Description
+<section id="description"> اكتب دالة تقسم صفيف (أول وسيطة) إلى مجموعات طول <code>size</code> (وسيطة ثانية) وتقوم بإرجاعها كمصفوفة ثنائية الأبعاد. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>chunkArrayInGroups([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;], 2)</code> يجب أن ترجع <code>[[&quot;a&quot;, &quot;b&quot;], [&quot;c&quot;, &quot;d&quot;]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups(["a", "b", "c", "d"], 2), [["a", "b"], ["c", "d"]], "<code>chunkArrayInGroups(["a", "b", "c", "d"], 2)</code> should return <code>[["a", "b"], ["c", "d"]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 3)</code> يجب أن تعود <code>[[0, 1, 2], [3, 4, 5]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5], 3), [[0, 1, 2], [3, 4, 5]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 3)</code> should return <code>[[0, 1, 2], [3, 4, 5]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 2)</code> يجب أن ترجع <code>[[0, 1], [2, 3], [4, 5]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5], 2), [[0, 1], [2, 3], [4, 5]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 2)</code> should return <code>[[0, 1], [2, 3], [4, 5]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 4)</code> return <code>[[0, 1, 2, 3], [4, 5]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5], 4), [[0, 1, 2, 3], [4, 5]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 4)</code> should return <code>[[0, 1, 2, 3], [4, 5]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6], 3)</code> يجب أن تعود <code>[[0, 1, 2], [3, 4, 5], [6]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6], 3), [[0, 1, 2], [3, 4, 5], [6]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6], 3)</code> should return <code>[[0, 1, 2], [3, 4, 5], [6]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 4)</code> يجب أن تعود <code>[[0, 1, 2, 3], [4, 5, 6, 7], [8]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 4), [[0, 1, 2, 3], [4, 5, 6, 7], [8]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 4)</code> should return <code>[[0, 1, 2, 3], [4, 5, 6, 7], [8]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 2)</code> يجب أن تعود <code>[[0, 1], [2, 3], [4, 5], [6, 7], [8]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 2), [[0, 1], [2, 3], [4, 5], [6, 7], [8]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 2)</code> should return <code>[[0, 1], [2, 3], [4, 5], [6, 7], [8]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function chunkArrayInGroups(arr, size) {
+  // Break it up.
+  return arr;
+}
+
+chunkArrayInGroups(["a", "b", "c", "d"], 2);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/confirm-the-ending.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/confirm-the-ending.arabic.md
new file mode 100644
index 0000000000..b5e099ced2
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/confirm-the-ending.arabic.md
@@ -0,0 +1,77 @@
+---
+id: acda2fb1324d9b0fa741e6b5
+title: Confirm the Ending
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: تأكيد الانتهاء
+---
+
+## Description
+<section id="description"> تحقق مما إذا كانت سلسلة (الوسيطة الأولى ، <code>str</code> ) تنتهي بسلسلة الهدف المحددة (الوسيطة الثانية ، <code>target</code> ). <em>يمكن</em> حل هذا التحدي باستخدام طريقة <code>.endsWith()</code> ، التي تم تقديمها في ES2015. ولكن لغرض هذا التحدي ، نود منك استخدام إحدى طرق السلسلة الفرعية JavaScript بدلاً من ذلك. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>confirmEnding(&quot;Bastian&quot;, &quot;n&quot;)</code> يجب أن ترجع true.'
+    testString: 'assert(confirmEnding("Bastian", "n") === true, "<code>confirmEnding("Bastian", "n")</code> should return true.");'
+  - text: '<code>confirmEnding(&quot;Congratulation&quot;, &quot;on&quot;)</code> يجب أن تعود إلى true.'
+    testString: 'assert(confirmEnding("Congratulation", "on") === true, "<code>confirmEnding("Congratulation", "on")</code> should return true.");'
+  - text: '<code>confirmEnding(&quot;Connor&quot;, &quot;n&quot;)</code> يجب أن ترجع false.'
+    testString: 'assert(confirmEnding("Connor", "n") === false, "<code>confirmEnding("Connor", "n")</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;Walking on water and developing software from a specification are easy if both are frozen&quot;, &quot;specification&quot;)</code> يجب أن تعود خاطئة.'
+    testString: 'assert(confirmEnding("Walking on water and developing software from a specification are easy if both are frozen", "specification") === false, "<code>confirmEnding("Walking on water and developing software from a specification are easy if both are frozen"&#44; "specification"&#41;</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;He has to give me a new name&quot;, &quot;name&quot;)</code> يجب أن <code>confirmEnding(&quot;He has to give me a new name&quot;, &quot;name&quot;)</code> .'
+    testString: 'assert(confirmEnding("He has to give me a new name", "name") === true, "<code>confirmEnding("He has to give me a new name", "name")</code> should return true.");'
+  - text: '<code>confirmEnding(&quot;Open sesame&quot;, &quot;same&quot;)</code> يجب أن ترجع true.'
+    testString: 'assert(confirmEnding("Open sesame", "same") === true, "<code>confirmEnding("Open sesame", "same")</code> should return true.");'
+  - text: '<code>confirmEnding(&quot;Open sesame&quot;, &quot;pen&quot;)</code> يجب أن يقوم بإرجاع false.'
+    testString: 'assert(confirmEnding("Open sesame", "pen") === false, "<code>confirmEnding("Open sesame", "pen")</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;Open sesame&quot;, &quot;game&quot;)</code> يجب أن ترجع false.'
+    testString: 'assert(confirmEnding("Open sesame", "game") === false, "<code>confirmEnding("Open sesame", "game")</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;If you want to save our world, you must hurry. We dont know how much longer we can withstand the nothing&quot;, &quot;mountain&quot;)</code> يجب أن تعود كاذبة.'
+    testString: 'assert(confirmEnding("If you want to save our world, you must hurry. We dont know how much longer we can withstand the nothing", "mountain") === false, "<code>confirmEnding("If you want to save our world, you must hurry. We dont know how much longer we can withstand the nothing", "mountain")</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;Abstraction&quot;, &quot;action&quot;)</code> يجب أن <code>confirmEnding(&quot;Abstraction&quot;, &quot;action&quot;)</code> true.'
+    testString: 'assert(confirmEnding("Abstraction", "action") === true, "<code>confirmEnding("Abstraction", "action")</code> should return true.");'
+  - text: لا تستخدم الأسلوب <code>.endsWith()</code> لحل التحدي.
+    testString: 'assert(!(/\.endsWith\(.*?\)\s*?;?/.test(code)) && !(/\["endsWith"\]/.test(code)), "Do not use the built-in method <code>.endsWith()</code> to solve the challenge.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function confirmEnding(str, target) {
+  // "Never give up and good luck will find you."
+  // -- Falcor
+  return str;
+}
+
+confirmEnding("Bastian", "n");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/convert-celsius-to-fahrenheit.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/convert-celsius-to-fahrenheit.arabic.md
new file mode 100644
index 0000000000..415ffb7cb8
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/convert-celsius-to-fahrenheit.arabic.md
@@ -0,0 +1,66 @@
+---
+id: 56533eb9ac21ba0edf2244b3
+title: Convert Celsius to Fahrenheit
+challengeType: 1
+isRequired: true
+videoUrl: ''
+localeTitle: تحويل مئوية إلى فهرنهايت
+---
+
+## Description
+<section id="description"> الخوارزمية للتحويل من درجة مئوية إلى فهرنهايت هي درجة الحرارة في المرات المئوي <code>9/5</code> ، زائد <code>32</code> . يتم منحك درجة <code>celsius</code> متغيرة تمثل درجة الحرارة بالدرجة المئوية. استخدم المتغير <code>fahrenheit</code> تم تحديده بالفعل وقم بتعيينه درجة حرارة فهرنهايت مكافئة لدرجة حرارة مئوية معينة. استخدم الخوارزمية المذكورة أعلاه للمساعدة في تحويل درجة الحرارة مئوية إلى فهرنهايت. لا تقلق كثيراً بشأن بيانات الوظيفة والعودة حيث سيتم تغطيتها في التحديات المستقبلية. في الوقت الحالي ، استخدم فقط المشغلين الذين تعلموهم بالفعل. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم <code>convertToF(0)</code> بإرجاع رقم
+    testString: 'assert(typeof convertToF(0) === "number", "<code>convertToF(0)</code> should return a number");'
+  - text: يجب أن تقوم <code>convertToF(-30)</code> بإرجاع قيمة <code>-22</code>
+    testString: 'assert(convertToF(-30) === -22, "<code>convertToF(-30)</code> should return a value of <code>-22</code>");'
+  - text: يجب أن تقوم <code>convertToF(-10)</code> بإرجاع قيمة <code>14</code>
+    testString: 'assert(convertToF(-10) === 14, "<code>convertToF(-10)</code> should return a value of <code>14</code>");'
+  - text: يجب أن تقوم <code>convertToF(0)</code> بإرجاع قيمة <code>32</code>
+    testString: 'assert(convertToF(0) === 32, "<code>convertToF(0)</code> should return a value of <code>32</code>");'
+  - text: يجب أن تقوم <code>convertToF(20)</code> بإرجاع قيمة <code>68</code>
+    testString: 'assert(convertToF(20) === 68, "<code>convertToF(20)</code> should return a value of <code>68</code>");'
+  - text: يجب أن تقوم <code>convertToF(30)</code> بإرجاع قيمة <code>86</code>
+    testString: 'assert(convertToF(30) === 86, "<code>convertToF(30)</code> should return a value of <code>86</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertToF(celsius) {
+  let fahrenheit;
+  return fahrenheit;
+}
+
+convertToF(30);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/factorialize-a-number.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/factorialize-a-number.arabic.md
new file mode 100644
index 0000000000..0bd6652a38
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/factorialize-a-number.arabic.md
@@ -0,0 +1,63 @@
+---
+id: a302f7aae1aa3152a5b413bc
+title: Factorialize a Number
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Factorialize عدد
+---
+
+## Description
+<section id="description"> عودة المضروب من عدد صحيح المقدمة. إذا تم تمثيل العدد الصحيح بالحرف n ، فإن العامل الحاسوبي هو نتاج جميع الأعداد الصحيحة الموجبة أقل من أو يساوي n. غالبًا ما يتم تمثيل العوامل بعبارة الاختزال <code>n!</code> على سبيل المثال: <code>5! = 1 * 2 * 3 * 4 * 5 = 120</code> فقط تزويد الأعداد الصحيحة التي تزيد عن أو تساوي الصفر بالوظيفة. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يعيد <code>factorialize(5)</code> رقمًا.
+    testString: 'assert(typeof factorialize(5) === "number", "<code>factorialize(5)</code> should return a number.");'
+  - text: يجب أن يعيد <code>factorialize(5)</code> 120.
+    testString: 'assert(factorialize(5) === 120, "<code>factorialize(5)</code> should return 120.");'
+  - text: يجب أن يعيد التجهيز <code>factorialize(10)</code> 3628800.
+    testString: 'assert(factorialize(10) === 3628800, "<code>factorialize(10)</code> should return 3628800.");'
+  - text: يجب أن تعيد إنتاجية <code>factorialize(20)</code> 2432902008176640000.
+    testString: 'assert(factorialize(20) === 2432902008176640000, "<code>factorialize(20)</code> should return 2432902008176640000.");'
+  - text: يجب أن يعيد <code>factorialize(0)</code> 1.
+    testString: 'assert(factorialize(0) === 1, "<code>factorialize(0)</code> should return 1.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function factorialize(num) {
+  return num;
+}
+
+factorialize(5);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer.arabic.md
new file mode 100644
index 0000000000..e2eba6ccf8
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer.arabic.md
@@ -0,0 +1,62 @@
+---
+id: adf08ec01beb4f99fc7a68f2
+title: Falsy Bouncer
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: فلسى الحارس
+---
+
+## Description
+<section id="description"> قم بإزالة كافة قيم الفالسة من صفيف. تكون قيم Falsy في JavaScript <code>false</code> و <code>null</code> و <code>0</code> و <code>&quot;&quot;</code> و <code>undefined</code> و <code>NaN</code> . تلميح: حاول تحويل كل قيمة إلى قيمة منطقية. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>bouncer([7, &quot;ate&quot;, &quot;&quot;, false, 9])</code> يجب أن يعود <code>[7, &quot;ate&quot;, 9]</code> .'
+    testString: 'assert.deepEqual(bouncer([7, "ate", "", false, 9]), [7, "ate", 9], "<code>bouncer([7, "ate", "", false, 9])</code> should return <code>[7, "ate", 9]</code>.");'
+  - text: 'يجب أن تعود <code>bouncer([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;])</code> <code>[&quot;a&quot;, &quot;b&quot;, &quot;c&quot;]</code> .'
+    testString: 'assert.deepEqual(bouncer(["a", "b", "c"]), ["a", "b", "c"], "<code>bouncer(["a", "b", "c"])</code> should return <code>["a", "b", "c"]</code>.");'
+  - text: '<code>bouncer([false, null, 0, NaN, undefined, &quot;&quot;])</code> يجب أن يرجع <code>[]</code> .'
+    testString: 'assert.deepEqual(bouncer([false, null, 0, NaN, undefined, ""]), [], "<code>bouncer([false, null, 0, NaN, undefined, ""])</code> should return <code>[]</code>.");'
+  - text: '<code>bouncer([1, null, NaN, 2, undefined])</code> يجب أن يرجع <code>[1, 2]</code> .'
+    testString: 'assert.deepEqual(bouncer([1, null, NaN, 2, undefined]), [1, 2], "<code>bouncer([1, null, NaN, 2, undefined])</code> should return <code>[1, 2]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function bouncer(arr) {
+  // Don't show a false ID to this bouncer.
+  return arr;
+}
+
+bouncer([7, "ate", "", false, 9]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/find-the-longest-word-in-a-string.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/find-the-longest-word-in-a-string.arabic.md
new file mode 100644
index 0000000000..a01b11cc48
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/find-the-longest-word-in-a-string.arabic.md
@@ -0,0 +1,65 @@
+---
+id: a26cbbe9ad8655a977e1ceb5
+title: Find the Longest Word in a String
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: ابحث عن أطول كلمة في سلسلة
+---
+
+## Description
+<section id="description"> إرجاع طول الكلمة الأطول في الجملة المتوفرة. يجب أن يكون ردك رقمًا. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>findLongestWordLength(&quot;The quick brown fox jumped over the lazy dog&quot;)</code> يجب إرجاع رقم.
+    testString: 'assert(typeof findLongestWordLength("The quick brown fox jumped over the lazy dog") === "number", "<code>findLongestWordLength("The quick brown fox jumped over the lazy dog")</code> should return a number.");'
+  - text: <code>findLongestWordLength(&quot;The quick brown fox jumped over the lazy dog&quot;)</code> يجب أن يعود 6.
+    testString: 'assert(findLongestWordLength("The quick brown fox jumped over the lazy dog") === 6, "<code>findLongestWordLength("The quick brown fox jumped over the lazy dog")</code> should return 6.");'
+  - text: <code>findLongestWordLength(&quot;May the force be with you&quot;)</code> 5.
+    testString: 'assert(findLongestWordLength("May the force be with you") === 5, "<code>findLongestWordLength("May the force be with you")</code> should return 5.");'
+  - text: <code>findLongestWordLength(&quot;Google do a barrel roll&quot;)</code> 6.
+    testString: 'assert(findLongestWordLength("Google do a barrel roll") === 6, "<code>findLongestWordLength("Google do a barrel roll")</code> should return 6.");'
+  - text: <code>findLongestWordLength(&quot;What is the average airspeed velocity of an unladen swallow&quot;)</code> 8.
+    testString: 'assert(findLongestWordLength("What is the average airspeed velocity of an unladen swallow") === 8, "<code>findLongestWordLength("What is the average airspeed velocity of an unladen swallow")</code> should return 8.");'
+  - text: <code>findLongestWordLength(&quot;What if we try a super-long word such as otorhinolaryngology&quot;)</code> يجب أن ترجع 19.
+    testString: 'assert(findLongestWordLength("What if we try a super-long word such as otorhinolaryngology") === 19, "<code>findLongestWordLength("What if we try a super-long word such as otorhinolaryngology")</code> should return 19.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function findLongestWordLength(str) {
+  return str.length;
+}
+
+findLongestWordLength("The quick brown fox jumped over the lazy dog");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/finders-keepers.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/finders-keepers.arabic.md
new file mode 100644
index 0000000000..907bd799aa
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/finders-keepers.arabic.md
@@ -0,0 +1,58 @@
+---
+id: a6e40f1041b06c996f7b2406
+title: Finders Keepers
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: من يجد شيئا يحتفظ به
+---
+
+## Description
+<section id="description"> إنشاء دالة تبحث خلال صفيف (الوسيطة الأولى) وإرجاع العنصر الأول في الصفيف الذي يمرر اختبار الحقيقة (الوسيطة الثانية). إذا لم يجتاز أي عنصر الاختبار ، فارجع غير معروف. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>findElement([1, 3, 5, 8, 9, 10], function(num) { return num % 2 === 0; })</code> يجب أن ترجع 8.'
+    testString: 'assert.strictEqual(findElement([1, 3, 5, 8, 9, 10], function(num) { return num % 2 === 0; }), 8, "<code>findElement([1, 3, 5, 8, 9, 10], function(num) { return num % 2 === 0; })</code> should return 8.");'
+  - text: '<code>findElement([1, 3, 5, 9], function(num) { return num % 2 === 0; })</code> يجب أن تُرجع غير معرفة.'
+    testString: 'assert.strictEqual(findElement([1, 3, 5, 9], function(num) { return num % 2 === 0; }), undefined, "<code>findElement([1, 3, 5, 9], function(num) { return num % 2 === 0; })</code> should return undefined.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function findElement(arr, func) {
+  let num = 0;
+  return num;
+}
+
+findElement([1, 2, 3, 4], num => num % 2 === 0);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/mutations.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/mutations.arabic.md
new file mode 100644
index 0000000000..1acacf0fb6
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/mutations.arabic.md
@@ -0,0 +1,71 @@
+---
+id: af2170cad53daa0770fabdea
+title: Mutations
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: الطفرات
+---
+
+## Description
+<section id="description"> إرجاع true إذا احتوت السلسلة في العنصر الأول من المصفوفة على كافة أحرف السلسلة في العنصر الثاني من الصفيف. على سبيل المثال ، يجب أن تعود <code>[&quot;hello&quot;, &quot;Hello&quot;]</code> ، true لأن كافة الأحرف الموجودة في السلسلة الثانية موجودة في الحالة الأولى ، مع تجاهل الحالة. يجب أن ترجع الوسيطة <code>[&quot;hello&quot;, &quot;hey&quot;]</code> false لأن السلسلة &quot;hello&quot; لا تحتوي على &quot;y&quot;. وأخيرًا ، يجب أن تعود <code>[&quot;Alien&quot;, &quot;line&quot;]</code> ، إلى true لأن جميع الأحرف في &quot;line&quot; موجودة في &quot;Alien&quot;. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن تعود <code>mutation([&quot;hello&quot;, &quot;hey&quot;])</code> false.'
+    testString: 'assert(mutation(["hello", "hey"]) === false, "<code>mutation(["hello", "hey"])</code> should return false.");'
+  - text: 'يجب أن تعود <code>mutation([&quot;hello&quot;, &quot;Hello&quot;])</code> true.'
+    testString: 'assert(mutation(["hello", "Hello"]) === true, "<code>mutation(["hello", "Hello"])</code> should return true.");'
+  - text: 'يجب أن ترجع <code>mutation([&quot;zyxwvutsrqponmlkjihgfedcba&quot;, &quot;qrstu&quot;])</code> صحيح.'
+    testString: 'assert(mutation(["zyxwvutsrqponmlkjihgfedcba", "qrstu"]) === true, "<code>mutation(["zyxwvutsrqponmlkjihgfedcba", "qrstu"])</code> should return true.");'
+  - text: 'يجب أن تعود <code>mutation([&quot;Mary&quot;, &quot;Army&quot;])</code> الحقيقة.'
+    testString: 'assert(mutation(["Mary", "Army"]) === true, "<code>mutation(["Mary", "Army"])</code> should return true.");'
+  - text: 'يجب أن تعود <code>mutation([&quot;Mary&quot;, &quot;Aarmy&quot;])</code> true.'
+    testString: 'assert(mutation(["Mary", "Aarmy"]) === true, "<code>mutation(["Mary", "Aarmy"])</code> should return true.");'
+  - text: 'يجب أن تعود <code>mutation([&quot;Alien&quot;, &quot;line&quot;])</code> true.'
+    testString: 'assert(mutation(["Alien", "line"]) === true, "<code>mutation(["Alien", "line"])</code> should return true.");'
+  - text: 'يجب أن تعود <code>mutation([&quot;floor&quot;, &quot;for&quot;])</code> true.'
+    testString: 'assert(mutation(["floor", "for"]) === true, "<code>mutation(["floor", "for"])</code> should return true.");'
+  - text: 'يجب أن تعود <code>mutation([&quot;hello&quot;, &quot;neo&quot;])</code> false.'
+    testString: 'assert(mutation(["hello", "neo"]) === false, "<code>mutation(["hello", "neo"])</code> should return false.");'
+  - text: 'يجب أن تعود <code>mutation([&quot;voodoo&quot;, &quot;no&quot;])</code> كاذبة.'
+    testString: 'assert(mutation(["voodoo", "no"]) === false, "<code>mutation(["voodoo", "no"])</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function mutation(arr) {
+  return arr;
+}
+
+mutation(["hello", "hey"]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/repeat-a-string-repeat-a-string.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/repeat-a-string-repeat-a-string.arabic.md
new file mode 100644
index 0000000000..fdf6ba7bdc
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/repeat-a-string-repeat-a-string.arabic.md
@@ -0,0 +1,68 @@
+---
+id: afcc8d540bea9ea2669306b6
+title: Repeat a String Repeat a String
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: كرر سلسلة يكرر سلسلة
+---
+
+## Description
+<section id="description"> كرر <code>str</code> سلسلة معينة (الوسيطة الأولى) لـ <code>num</code> times (الوسيطة الثانية). إرجاع سلسلة فارغة إذا لم تكن <code>num</code> رقم موجب. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن ترجع <code>repeatStringNumTimes(&quot;*&quot;, 3)</code> <code>&quot;***&quot;</code> .'
+    testString: 'assert(repeatStringNumTimes("*", 3) === "***", "<code>repeatStringNumTimes("*", 3)</code> should return <code>"***"</code>.");'
+  - text: 'يجب أن ترجع <code>repeatStringNumTimes(&quot;abc&quot;, 3)</code> <code>&quot;abcabcabc&quot;</code> .'
+    testString: 'assert(repeatStringNumTimes("abc", 3) === "abcabcabc", "<code>repeatStringNumTimes("abc", 3)</code> should return <code>"abcabcabc"</code>.");'
+  - text: 'يجب أن ترجع <code>repeatStringNumTimes(&quot;abc&quot;, 4)</code> <code>&quot;abcabcabcabc&quot;</code> .'
+    testString: 'assert(repeatStringNumTimes("abc", 4) === "abcabcabcabc", "<code>repeatStringNumTimes("abc", 4)</code> should return <code>"abcabcabcabc"</code>.");'
+  - text: 'يجب أن ترجع <code>repeatStringNumTimes(&quot;abc&quot;, 1)</code> <code>&quot;abc&quot;</code> .'
+    testString: 'assert(repeatStringNumTimes("abc", 1) === "abc", "<code>repeatStringNumTimes("abc", 1)</code> should return <code>"abc"</code>.");'
+  - text: 'يجب أن ترجع <code>repeatStringNumTimes(&quot;*&quot;, 8)</code> <code>&quot;********&quot;</code> .'
+    testString: 'assert(repeatStringNumTimes("*", 8) === "********", "<code>repeatStringNumTimes("*", 8)</code> should return <code>"********"</code>.");'
+  - text: 'يجب أن ترجع <code>repeatStringNumTimes(&quot;abc&quot;, -2)</code> <code>&quot;&quot;</code> .'
+    testString: 'assert(repeatStringNumTimes("abc", -2) === "", "<code>repeatStringNumTimes("abc", -2)</code> should return <code>""</code>.");'
+  - text: لا يجب استخدام <code>repeat()</code> المدمج <code>repeat()</code> -method
+    testString: 'assert(!/\.repeat/g.test(code), "The built-in <code>repeat()</code>-method should not be used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function repeatStringNumTimes(str, num) {
+  // repeat after me
+  return str;
+}
+
+repeatStringNumTimes("abc", 3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/return-largest-numbers-in-arrays.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/return-largest-numbers-in-arrays.arabic.md
new file mode 100644
index 0000000000..ac1fdff065
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/return-largest-numbers-in-arrays.arabic.md
@@ -0,0 +1,62 @@
+---
+id: a789b3483989747d63b0e427
+title: Return Largest Numbers in Arrays
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: أكبر عدد من المصفوفات في المصفوفة
+---
+
+## Description
+<section id="description"> قم بإرجاع صفيف يتكون من أكبر رقم من كل صفيف فرعي. بالنسبة إلى البساطة ، سيحتوي الصفيف الذي تم توفيره على 4 صفيف فرعي تمامًا. تذكر ، يمكنك التكرار من خلال صفيف مع حلقة بسيطة ، والوصول إلى كل عضو مع <code>arr[i]</code> جملة <code>arr[i]</code> . تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]])</code> بإرجاع صفيف.'
+    testString: 'assert(largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]).constructor === Array, "<code>largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]])</code> should return an array.");'
+  - text: '<code>largestOfFour([[13, 27, 18, 26], [4, 5, 1, 3], [32, 35, 37, 39], [1000, 1001, 857, 1]])</code> يجب أن تعود <code>[27, 5, 39, 1001]</code> .'
+    testString: 'assert.deepEqual(largestOfFour([[13, 27, 18, 26], [4, 5, 1, 3], [32, 35, 37, 39], [1000, 1001, 857, 1]]), [27, 5, 39, 1001], "<code>largestOfFour([[13, 27, 18, 26], [4, 5, 1, 3], [32, 35, 37, 39], [1000, 1001, 857, 1]])</code> should return <code>[27, 5, 39, 1001]</code>.");'
+  - text: '<code>largestOfFour([[4, 9, 1, 3], [13, 35, 18, 26], [32, 35, 97, 39], [1000000, 1001, 857, 1]])</code> يجب أن تعود <code>[9, 35, 97, 1000000]</code> .'
+    testString: 'assert.deepEqual(largestOfFour([[4, 9, 1, 3], [13, 35, 18, 26], [32, 35, 97, 39], [1000000, 1001, 857, 1]]), [9, 35, 97, 1000000], "<code>largestOfFour([[4, 9, 1, 3], [13, 35, 18, 26], [32, 35, 97, 39], [1000000, 1001, 857, 1]])</code> should return <code>[9, 35, 97, 1000000]</code>.");'
+  - text: '<code>largestOfFour([[17, 23, 25, 12], [25, 7, 34, 48], [4, -10, 18, 21], [-72, -3, -17, -10]])</code> should should return <code>[25, 48, 21, -3]</code> .'
+    testString: 'assert.deepEqual(largestOfFour([[17, 23, 25, 12], [25, 7, 34, 48], [4, -10, 18, 21], [-72, -3, -17, -10]]), [25, 48, 21, -3], "<code>largestOfFour([[17, 23, 25, 12], [25, 7, 34, 48], [4, -10, 18, 21], [-72, -3, -17, -10]])</code> should return <code>[25, 48, 21, -3]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestOfFour(arr) {
+  // You can do this!
+  return arr;
+}
+
+largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.arabic.md
new file mode 100644
index 0000000000..4c14f4414d
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.arabic.md
@@ -0,0 +1,61 @@
+---
+id: a202eed8fc186c8434cb6d61
+title: Reverse a String
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: عكس سلسلة
+---
+
+## Description
+<section id="description"> عكس السلسلة المقدمة. قد تحتاج إلى تحويل السلسلة إلى مصفوفة قبل أن تتمكن من عكسها. يجب أن تكون النتيجة الخاصة بك سلسلة. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>reverseString(&quot;hello&quot;)</code> يجب إرجاع سلسلة.
+    testString: 'assert(typeof reverseString("hello") === "string", "<code>reverseString("hello")</code> should return a string.");'
+  - text: يجب أن تصبح <code>reverseString(&quot;hello&quot;)</code> <code>&quot;olleh&quot;</code> .
+    testString: 'assert(reverseString("hello") === "olleh", "<code>reverseString("hello")</code> should become <code>"olleh"</code>.");'
+  - text: يجب أن تصبح <code>reverseString(&quot;Howdy&quot;)</code> <code>&quot;ydwoH&quot;</code> .
+    testString: 'assert(reverseString("Howdy") === "ydwoH", "<code>reverseString("Howdy")</code> should become <code>"ydwoH"</code>.");'
+  - text: يجب أن ترجع <code>reverseString(&quot;Greetings from Earth&quot;)</code> <code>&quot;htraE morf sgniteerG&quot;</code> .
+    testString: 'assert(reverseString("Greetings from Earth") === "htraE morf sgniteerG", "<code>reverseString("Greetings from Earth")</code> should return <code>"htraE morf sgniteerG"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function reverseString(str) {
+  return str;
+}
+
+reverseString("hello");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice.arabic.md
new file mode 100644
index 0000000000..8acba3fcc2
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice.arabic.md
@@ -0,0 +1,75 @@
+---
+id: 579e2a2c335b9d72dd32e05c
+title: Slice and Splice
+isRequired: true
+isBeta: true
+challengeType: 5
+videoUrl: ''
+localeTitle: شريحة و لصق
+---
+
+## Description
+<section id="description"> يتم منحك صفيفين ومؤشر. استخدم <code>slice</code> الطرق <code>splice</code> لنسخ كل عنصر من المصفوفة الأولى في المصفوفة الثانية ، بالترتيب. ابدأ بإدخال عناصر في الفهرس <code>n</code> للمصفوفة الثانية. إرجاع الصفيف الناتج. يجب أن تظل صفائف الإدخال كما هي بعد تشغيل الدالة. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>frankenSplice([1, 2, 3], [4, 5], 1)</code> يجب أن ترجع <code>[4, 1, 2, 3, 5]</code> .'
+    testString: 'assert.deepEqual(frankenSplice([1, 2, 3], [4, 5], 1), [4, 1, 2, 3, 5], "<code>frankenSplice([1, 2, 3], [4, 5], 1)</code> should return <code>[4, 1, 2, 3, 5]</code>.");'
+  - text: '<code>frankenSplice([1, 2], [&quot;a&quot;, &quot;b&quot;], 1)</code> يجب أن ترجع <code>[&quot;a&quot;, 1, 2, &quot;b&quot;]</code> .'
+    testString: 'assert.deepEqual(frankenSplice(testArr1, testArr2, 1), ["a", 1, 2, "b"], "<code>frankenSplice([1, 2], ["a", "b"], 1)</code> should return <code>["a", 1, 2, "b"]</code>.");'
+  - text: '<code>frankenSplice([&quot;claw&quot;, &quot;tentacle&quot;], [&quot;head&quot;, &quot;shoulders&quot;, &quot;knees&quot;, &quot;toes&quot;], 2)</code> يجب أن تعود <code>[&quot;head&quot;, &quot;shoulders&quot;, &quot;claw&quot;, &quot;tentacle&quot;, &quot;knees&quot;, &quot;toes&quot;]</code> .'
+    testString: 'assert.deepEqual(frankenSplice(["claw", "tentacle"], ["head", "shoulders", "knees", "toes"], 2), ["head", "shoulders", "claw", "tentacle", "knees", "toes"], "<code>frankenSplice(["claw", "tentacle"], ["head", "shoulders", "knees", "toes"], 2)</code> should return <code>["head", "shoulders", "claw", "tentacle", "knees", "toes"]</code>.");'
+  - text: يجب إضافة جميع العناصر من الصفيف الأول إلى المصفوفة الثانية بترتيبها الأصلي.
+    testString: 'assert.deepEqual(frankenSplice([1, 2, 3, 4], [], 0), [1, 2, 3, 4], "All elements from the first array should be added to the second array in their original order.");'
+  - text: يجب أن يظل الصفيف الأول كما هو بعد تشغيل الدالة.
+    testString: 'assert(testArr1[0] === 1 && testArr1[1] === 2, "The first array should remain the same after the function runs.");'
+  - text: يجب أن يظل الصفيف الثاني كما هو بعد تشغيل الدالة.
+    testString: 'assert(testArr2[0] === "a" && testArr2[1] === "b", "The second array should remain the same after the function runs.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function frankenSplice(arr1, arr2, n) {
+  // It's alive. It's alive!
+  return arr2;
+}
+
+frankenSplice([1, 2, 3], [4, 5, 6], 1);
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/title-case-a-sentence.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/title-case-a-sentence.arabic.md
new file mode 100644
index 0000000000..37806af7f9
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/title-case-a-sentence.arabic.md
@@ -0,0 +1,61 @@
+---
+id: ab6137d4e35944e21037b769
+title: Title Case a Sentence
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: العنوان حالة الجملة
+---
+
+## Description
+<section id="description"> قم بإرجاع السلسلة المتوفرة بالحرف الأول من كل كلمة بالأحرف الكبيرة. تأكد من أن بقية الكلمة في حالة الأحرف الصغيرة. لأغراض هذا التمرين ، يجب أيضًا تكبير الحروف الموصولة مثل &quot;the&quot; و &quot;of&quot;. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>titleCase(&quot;I&#39;m a little tea pot&quot;)</code> سلسلة.'
+    testString: 'assert(typeof titleCase("I"m a little tea pot") === "string", "<code>titleCase("I&#39;m a little tea pot")</code> should return a string.");'
+  - text: '<code>titleCase(&quot;I&#39;m a little tea pot&quot;)</code> يجب أن أعود <code>I&#39;m A Little Tea Pot</code> .'
+    testString: 'assert(titleCase("I"m a little tea pot") === "I"m A Little Tea Pot", "<code>titleCase("I&#39;m a little tea pot")</code> should return <code>I&#39;m A Little Tea Pot</code>.");'
+  - text: يجب أن ترجع <code>titleCase(&quot;sHoRt AnD sToUt&quot;)</code> <code>Short And Stout</code> .
+    testString: 'assert(titleCase("sHoRt AnD sToUt") === "Short And Stout", "<code>titleCase("sHoRt AnD sToUt")</code> should return <code>Short And Stout</code>.");'
+  - text: <code>titleCase(&quot;HERE IS MY HANDLE HERE IS MY SPOUT&quot;)</code> <code>Here Is My Handle Here Is My Spout</code> <code>titleCase(&quot;HERE IS MY HANDLE HERE IS MY SPOUT&quot;)</code> يجب أن يعود <code>Here Is My Handle Here Is My Spout</code> .
+    testString: 'assert(titleCase("HERE IS MY HANDLE HERE IS MY SPOUT") === "Here Is My Handle Here Is My Spout", "<code>titleCase("HERE IS MY HANDLE HERE IS MY SPOUT")</code> should return <code>Here Is My Handle Here Is My Spout</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function titleCase(str) {
+  return str;
+}
+
+titleCase("I'm a little tea pot");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/truncate-a-string.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/truncate-a-string.arabic.md
new file mode 100644
index 0000000000..5a266e39fd
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/truncate-a-string.arabic.md
@@ -0,0 +1,66 @@
+---
+id: ac6993d51946422351508a41
+title: Truncate a String
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: اقتطاع سلسلة
+---
+
+## Description
+<section id="description"> اقتطاع سلسلة (الوسيطة الأولى) إذا كانت أطول من طول السلسلة الأقصى المحدد (الوسيطة الثانية). إرجاع السلسلة المقتطعة مع <code>...</code> إنهاء. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>truncateString(&quot;A-tisket a-tasket A green and yellow basket&quot;, 8)</code> يجب أن ترجع &quot;A-tisket ...&quot;.'
+    testString: 'assert(truncateString("A-tisket a-tasket A green and yellow basket", 8) === "A-tisket...", "<code>truncateString("A-tisket a-tasket A green and yellow basket", 8)</code> should return "A-tisket...".");'
+  - text: '<code>truncateString(&quot;Peter Piper picked a peck of pickled peppers&quot;, 11)</code> يجب أن ترجع &quot;بيتر بايبر ...&quot;.'
+    testString: 'assert(truncateString("Peter Piper picked a peck of pickled peppers", 11) === "Peter Piper...", "<code>truncateString("Peter Piper picked a peck of pickled peppers", 11)</code> should return "Peter Piper...".");'
+  - text: '<code>truncateString(&quot;A-tisket a-tasket A green and yellow basket&quot;, &quot;A-tisket a-tasket A green and yellow basket&quot;.length)</code> يجب أن تعود <code>truncateString(&quot;A-tisket a-tasket A green and yellow basket&quot;, &quot;A-tisket a-tasket A green and yellow basket&quot;.length)</code> &quot;A-tisket a-tasket سلة خضراء وصفراء&quot;.'
+    testString: 'assert(truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length) === "A-tisket a-tasket A green and yellow basket", "<code>truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length)</code> should return "A-tisket a-tasket A green and yellow basket".");'
+  - text: '<code>truncateString(&quot;A-tisket a-tasket A green and yellow basket&quot;, &quot;A-tisket a-tasket A green and yellow basket&quot;.length + 2)</code> يجب أن تعود <code>truncateString(&quot;A-tisket a-tasket A green and yellow basket&quot;, &quot;A-tisket a-tasket A green and yellow basket&quot;.length + 2)</code> &quot;A-tisket a-tasket سلة خضراء وصفراء&quot;.'
+    testString: 'assert(truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length + 2) === "A-tisket a-tasket A green and yellow basket", "<code>truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length + 2)</code> should return "A-tisket a-tasket A green and yellow basket".");'
+  - text: 'يجب أن ترجع <code>truncateString(&quot;A-&quot;, 1)</code> &quot;A ...&quot;.'
+    testString: 'assert(truncateString("A-", 1) === "A...", "<code>truncateString("A-", 1)</code> should return "A...".");'
+  - text: 'يجب أن ترجع <code>truncateString(&quot;Absolutely Longer&quot;, 2)</code> &quot;Ab ...&quot;.'
+    testString: 'assert(truncateString("Absolutely Longer", 2) === "Ab...", "<code>truncateString("Absolutely Longer", 2)</code> should return "Ab...".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function truncateString(str, num) {
+  // Clear out that junk in your trunk
+  return str;
+}
+
+truncateString("A-tisket a-tasket A green and yellow basket", 8);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/where-do-i-belong.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/where-do-i-belong.arabic.md
new file mode 100644
index 0000000000..ddd7665f8c
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/where-do-i-belong.arabic.md
@@ -0,0 +1,86 @@
+---
+id: a24c1a4622e3c05097f71d67
+title: Where do I Belong
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: إلى أين أنتمي
+---
+
+## Description
+<section id="description"> قم بإرجاع أدنى مؤشر يتم فيه إدراج قيمة (وسيطة ثانية) في صفيف (وسيطة أولى) بمجرد فرزها. يجب أن تكون القيمة التي تم إرجاعها رقمًا. على سبيل المثال ، يجب أن تقوم <code>getIndexToIns([1,2,3,4], 1.5)</code> بإرجاع <code>1</code> لأنه أكبر من <code>1</code> (index 0) ، ولكن أقل من <code>2</code> (index 1). وبالمثل ، يجب أن تعود <code>getIndexToIns([20,3,5], 19)</code> <code>2</code> لأنه بمجرد فرز المصفوفة ستبدو مثل <code>[3,5,20]</code> و <code>19</code> أقل من <code>20</code> (مؤشر 2) وأكبر من <code>5</code> ( مؤشر 1). تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>getIndexToIns([10, 20, 30, 40, 50], 35)</code> <code>3</code> .'
+    testString: 'assert(getIndexToIns([10, 20, 30, 40, 50], 35) === 3, "<code>getIndexToIns([10, 20, 30, 40, 50], 35)</code> should return <code>3</code>.");'
+  - text: '<code>getIndexToIns([10, 20, 30, 40, 50], 35)</code> بإرجاع رقم.'
+    testString: 'assert(typeof(getIndexToIns([10, 20, 30, 40, 50], 35)) === "number", "<code>getIndexToIns([10, 20, 30, 40, 50], 35)</code> should return a number.");'
+  - text: '<code>getIndexToIns([10, 20, 30, 40, 50], 30)</code> <code>2</code> .'
+    testString: 'assert(getIndexToIns([10, 20, 30, 40, 50], 30) === 2, "<code>getIndexToIns([10, 20, 30, 40, 50], 30)</code> should return <code>2</code>.");'
+  - text: '<code>getIndexToIns([10, 20, 30, 40, 50], 30)</code> بإرجاع رقم.'
+    testString: 'assert(typeof(getIndexToIns([10, 20, 30, 40, 50], 30)) === "number", "<code>getIndexToIns([10, 20, 30, 40, 50], 30)</code> should return a number.");'
+  - text: 'يجب أن تعود <code>getIndexToIns([40, 60], 50)</code> <code>1</code> .'
+    testString: 'assert(getIndexToIns([40, 60], 50) === 1, "<code>getIndexToIns([40, 60], 50)</code> should return <code>1</code>.");'
+  - text: '<code>getIndexToIns([40, 60], 50)</code> بإرجاع رقم.'
+    testString: 'assert(typeof(getIndexToIns([40, 60], 50)) === "number", "<code>getIndexToIns([40, 60], 50)</code> should return a number.");'
+  - text: '<code>getIndexToIns([3, 10, 5], 3)</code> <code>0</code> .'
+    testString: 'assert(getIndexToIns([3, 10, 5], 3) === 0, "<code>getIndexToIns([3, 10, 5], 3)</code> should return <code>0</code>.");'
+  - text: '<code>getIndexToIns([3, 10, 5], 3)</code> بإرجاع رقم.'
+    testString: 'assert(typeof(getIndexToIns([3, 10, 5], 3)) === "number", "<code>getIndexToIns([3, 10, 5], 3)</code> should return a number.");'
+  - text: '<code>getIndexToIns([5, 3, 20, 3], 5)</code> <code>2</code> .'
+    testString: 'assert(getIndexToIns([5, 3, 20, 3], 5) === 2, "<code>getIndexToIns([5, 3, 20, 3], 5)</code> should return <code>2</code>.");'
+  - text: '<code>getIndexToIns([5, 3, 20, 3], 5)</code> بإرجاع رقم.'
+    testString: 'assert(typeof(getIndexToIns([5, 3, 20, 3], 5)) === "number", "<code>getIndexToIns([5, 3, 20, 3], 5)</code> should return a number.");'
+  - text: '<code>getIndexToIns([2, 20, 10], 19)</code> <code>2</code> .'
+    testString: 'assert(getIndexToIns([2, 20, 10], 19) === 2, "<code>getIndexToIns([2, 20, 10], 19)</code> should return <code>2</code>.");'
+  - text: '<code>getIndexToIns([2, 20, 10], 19)</code> بإرجاع رقم.'
+    testString: 'assert(typeof(getIndexToIns([2, 20, 10], 19)) === "number", "<code>getIndexToIns([2, 20, 10], 19)</code> should return a number.");'
+  - text: '<code>getIndexToIns([2, 5, 10], 15)</code> <code>3</code> .'
+    testString: 'assert(getIndexToIns([2, 5, 10], 15) === 3, "<code>getIndexToIns([2, 5, 10], 15)</code> should return <code>3</code>.");'
+  - text: '<code>getIndexToIns([2, 5, 10], 15)</code> بإرجاع رقم.'
+    testString: 'assert(typeof(getIndexToIns([2, 5, 10], 15)) === "number", "<code>getIndexToIns([2, 5, 10], 15)</code> should return a number.");'
+  - text: 'يجب أن ترجع <code>getIndexToIns([], 1)</code> <code>0</code> .'
+    testString: 'assert(getIndexToIns([], 1) === 0, "<code>getIndexToIns([], 1)</code> should return <code>0</code>.");'
+  - text: '<code>getIndexToIns([], 1)</code> بإرجاع رقم.'
+    testString: 'assert(typeof(getIndexToIns([], 1)) === "number", "<code>getIndexToIns([], 1)</code> should return a number.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getIndexToIns(arr, num) {
+  // Find my place in this sorted array.
+  return num;
+}
+
+getIndexToIns([40, 60], 50);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/-iterate-through-the-keys-of-an-object-with-a-for...in-statement.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/-iterate-through-the-keys-of-an-object-with-a-for...in-statement.arabic.md
new file mode 100644
index 0000000000..cf4c6ecdc3
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/-iterate-through-the-keys-of-an-object-with-a-for...in-statement.arabic.md
@@ -0,0 +1,76 @@
+---
+id: 587d7b7d367417b2b2512b1d
+title: ' Iterate Through the Keys of an Object with a for...in Statement'
+challengeType: 1
+videoUrl: ''
+localeTitle: يتكرر عبر مفاتيح كائن مع لـ ... في بيان
+---
+
+## Description
+<section id="description"> في بعض الأحيان قد تحتاج إلى التكرار من خلال جميع المفاتيح داخل كائن. يتطلب هذا بناء جملة محددًا في JavaScript يسمى <dfn>for ... في</dfn> العبارة. بالنسبة <code>users</code> ، قد يبدو هذا: <blockquote style=";text-align:right;direction:rtl"> لـ (السماح للمستخدم بالمستخدمين) { <br> console.log (المستخدم)؛ <br> }؛ <br><br> // سجلات: <br> آلان <br> جيف <br> ساره <br> ريان </blockquote> في هذا البيان ، قمنا بتعريف <code>user</code> متغير ، وكما ترى ، تمت إعادة تعيين هذا المتغير أثناء كل عملية تكرار لكل مفتاح من مفاتيح الكائن كالتعبير المتكرر من خلال الكائن ، مما أدى إلى طباعة اسم كل مستخدم إلى وحدة التحكم. <strong>ملحوظة:</strong> <br> لا تحتفظ الكائنات بأمر على المفاتيح المخزنة مثل المصفوفات؛ وبالتالي ، يكون موضع المفاتيح في كائن ما ، أو الترتيب النسبي الذي يظهر فيه ، غير ذي صلة عند الإشارة إلى هذا المفتاح أو الوصول إليه. </section>
+
+## Instructions
+<section id="instructions"> لقد قمنا بتعريف وظيفة ، <code>countOnline</code> ؛ استخدم عبارة <dfn>for ... في</dfn> العبارة داخل هذه الوظيفة للتكرار بين المستخدمين في كائن <code>users</code> وإرجاع عدد المستخدمين الذين تم تعيين الخاصية الخاصة بهم <code>online</code> إلى <code>true</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يحتوي كائن <code>users</code> على المستخدمين <code>Jeff</code> <code>Ryan</code> مع تعيين <code>online</code> على <code>true</code> والمستخدمين <code>Alan</code> <code>Sarah</code> مع تعيين <code>online</code> إلى <code>false</code>
+    testString: 'assert(users.Alan.online === false && users.Jeff.online === true &&  users.Sarah.online === false &&  users.Ryan.online === true, "The <code>users</code> object contains users <code>Jeff</code> and <code>Ryan</code> with <code>online</code> set to <code>true</code> and users <code>Alan</code> and <code>Sarah</code> with <code>online</code> set to <code>false</code>");'
+  - text: ترجع الدالة <code>countOnline</code> عدد المستخدمين الذين تم تعيين الخاصية <code>online</code> إلى <code>true</code>
+    testString: 'assert((function() { users.Harry = {online: true}; users.Sam = {online: true}; users.Carl = {online: true}; return countOnline(users) })() === 5, "The function <code>countOnline</code> returns the number of users with the <code>online</code> property set to <code>true</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let users = {
+  Alan: {
+    age: 27,
+    online: false
+  },
+  Jeff: {
+    age: 32,
+    online: true
+  },
+  Sarah: {
+    age: 48,
+    online: false
+  },
+  Ryan: {
+    age: 19,
+    online: true
+  }
+};
+
+function countOnline(obj) {
+  // change code below this line
+
+  // change code above this line
+}
+
+console.log(countOnline(users));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.arabic.md
new file mode 100644
index 0000000000..a9d42a6eae
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.arabic.md
@@ -0,0 +1,59 @@
+---
+id: 5a661e0f1068aca922b3ef17
+title: Access an Array's Contents Using Bracket Notation
+challengeType: 1
+videoUrl: ''
+localeTitle: الوصول إلى محتويات صفيف باستخدام تدرج قوس
+---
+
+## Description
+<section id="description"> إن الميزة الأساسية لأي بنية بيانات هي ، بالطبع ، القدرة على تخزين البيانات فحسب ، بل أيضًا القدرة على استرداد البيانات الموجودة في الأمر. والآن ، بعد أن تعلمنا كيفية إنشاء مصفوفة ، فلنبدأ في التفكير في كيفية الوصول إلى معلومات هذا الصفيف. عندما نحدد صفيفًا بسيطًا كما هو موضح أدناه ، يوجد 3 عناصر فيه: <blockquote style=";text-align:right;direction:rtl"> let ourArray = [&quot;a&quot;، &quot;b&quot;، &quot;c&quot;]؛ </blockquote> في صفيف ، يحتوي كل عنصر صفيف على <dfn>فهرس</dfn> . يتضاعف هذا المؤشر كموضع لهذا العنصر في الصفيف ، وكيف يمكنك الرجوع إليه. ومع ذلك، فمن المهم أن نلاحظ، أن صفائف جافا سكريبت <dfn>صفر-فهرستها،</dfn> وهذا يعني أن العنصر الأول من مجموعة هو في الواقع في موقف <em><strong>الصفري،</strong></em> وليس الأول. من أجل استرداد عنصر من صفيف ، يمكننا وضع فهرس بين قوسين وإلحاقه بنهاية مصفوفة ، أو بشكل أكثر شيوعًا ، إلى متغير يشير إلى كائن مصفوفة. هذا هو المعروف باسم <dfn>تدوين قوس</dfn> . على سبيل المثال ، إذا أردنا استرداد <code>&quot;a&quot;</code> من <code>ourArray</code> وتعيينه إلى متغير ، فيمكننا القيام بذلك باستخدام الكود التالي: <blockquote style=";text-align:right;direction:rtl"> دع ourVariable = ourArray [0]؛ <br> // our المتغير يساوي &quot;a&quot; </blockquote> بالإضافة إلى الوصول إلى القيمة المرتبطة بفهرس ، يمكنك أيضًا <em>تعيين</em> فهرس لقيمة باستخدام نفس الترميز: <blockquote style=";text-align:right;direction:rtl"> ourArray [1] = &quot;not b anymore&quot;؛ <br> // ourArray الآن تساوي [&quot;a&quot;، &quot;not b anymore&quot;، &quot;c&quot;]؛ </blockquote> باستخدام تدوين قوس ، قمنا الآن بإعادة تعيين العنصر في الفهرس 1 من <code>&quot;b&quot;</code> إلى <code>&quot;not b anymore&quot;</code> . </section>
+
+## Instructions
+<section id="instructions"> لإكمال هذا التحدي ، قم بتعيين الموضع الثاني (الرقم <code>1</code> ) من <code>myArray</code> إلى أي شيء تريده ، إلى جانب <code>&quot;b&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray[0]</code> يساوي <code>&quot;a&quot;</code>'
+    testString: 'assert.strictEqual(myArray[0], "a", "<code>myArray[0]</code> is equal to <code>"a"</code>");'
+  - text: 'لم يعد <code>myArray[1]</code> مضبوطًا على <code>&quot;b&quot;</code>'
+    testString: 'assert.notStrictEqual(myArray[1], "b", "<code>myArray[1]</code> is no longer set to <code>"b"</code>");'
+  - text: '<code>myArray[2]</code> يساوي <code>&quot;c&quot;</code>'
+    testString: 'assert.strictEqual(myArray[2], "c", "<code>myArray[2]</code> is equal to <code>"c"</code>");'
+  - text: '<code>myArray[3]</code> يساوي <code>&quot;d&quot;</code>'
+    testString: 'assert.strictEqual(myArray[3], "d", "<code>myArray[3]</code> is equal to <code>"d"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myArray = ["a", "b", "c", "d"];
+// change code below this line
+
+//change code above this line
+console.log(myArray);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/access-property-names-with-bracket-notation.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/access-property-names-with-bracket-notation.arabic.md
new file mode 100644
index 0000000000..ce3f0009aa
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/access-property-names-with-bracket-notation.arabic.md
@@ -0,0 +1,73 @@
+---
+id: 587d7b7c367417b2b2512b1a
+title: Access Property Names with Bracket Notation
+challengeType: 1
+videoUrl: ''
+localeTitle: الوصول إلى خاصية الأسماء مع تدرج قوس
+---
+
+## Description
+<section id="description"> في التحدي الكائن الأول ذكرنا استخدام تدوين قوس كطريقة للوصول إلى قيم الممتلكات باستخدام تقييم متغير. على سبيل المثال ، تخيل أن <code>foods</code> يتم استخدامها في برنامج لسجل النقدية في السوبر ماركت. لدينا بعض الوظائف التي تحدد <code>foods</code> <code>selectedFood</code> ونريد أن نتحقق من أن <code>foods</code> كائن لوجود ذلك الطعام. قد يبدو هذا كالتالي: <blockquote style=";text-align:right;direction:rtl"> السماح selectFood = getCurrentFood (scannedItem)؛ <br> السماح للمخزون = الأطعمة [selectFood] ؛ </blockquote> سيقوم هذا الكود بتقييم القيمة المخزنة في المتغير <code>selectedFood</code> والصادر وإعادة قيمة هذا المفتاح في كائن <code>foods</code> ، أو يتم <code>undefined</code> إذا لم تكن موجودة. يعتبر تدرج قوس مفيد جدًا لأن أحيانًا لا تكون خصائص الكائن معروفة قبل وقت التشغيل أو نحتاج إلى الوصول إليها بطريقة أكثر ديناميكية. </section>
+
+## Instructions
+<section id="instructions"> لقد قمنا بتعريف وظيفة ، <code>checkInventory</code> ، الذي يتلقى عنصرًا تم مسحه ضوئيًا كوسيطة. قم <code>scannedItem</code> القيمة الحالية لمفتاح <code>scannedItem</code> في كائن <code>foods</code> . يمكنك افتراض أنه سيتم توفير المفاتيح الصالحة فقط كوسيطة <code>checkInventory</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>checkInventory</code> هي وظيفة
+    testString: 'assert.strictEqual(typeof checkInventory, "function", "<code>checkInventory</code> is a function");'
+  - text: 'يجب أن يحتوي جسم <code>foods</code> على أزواج القيمة الرئيسية التالية: <code>apples: 25</code> ، <code>oranges: 32</code> ، <code>plums: 28</code> ، <code>bananas: 13</code> ، <code>grapes: 35</code> ، <code>strawberries: 27</code>'
+    testString: 'assert.deepEqual(foods, {apples: 25, oranges: 32, plums: 28, bananas: 13, grapes: 35, strawberries: 27}, "The <code>foods</code> object should have only the following key-value pairs: <code>apples: 25</code>, <code>oranges: 32</code>, <code>plums: 28</code>, <code>bananas: 13</code>, <code>grapes: 35</code>, <code>strawberries: 27</code>");'
+  - text: <code>checkInventory(&quot;apples&quot;)</code> <code>25</code>
+    testString: 'assert.strictEqual(checkInventory("apples"), 25, "<code>checkInventory("apples")</code> should return <code>25</code>");'
+  - text: <code>checkInventory(&quot;bananas&quot;)</code> <code>13</code>
+    testString: 'assert.strictEqual(checkInventory("bananas"), 13, "<code>checkInventory("bananas")</code> should return <code>13</code>");'
+  - text: <code>checkInventory(&quot;strawberries&quot;)</code> <code>27</code>
+    testString: 'assert.strictEqual(checkInventory("strawberries"), 27, "<code>checkInventory("strawberries")</code> should return <code>27</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let foods = {
+  apples: 25,
+  oranges: 32,
+  plums: 28,
+  bananas: 13,
+  grapes: 35,
+  strawberries: 27
+};
+// do not change code above this line
+
+function checkInventory(scannedItem) {
+  // change code below this line
+
+}
+
+// change code below this line to test different cases:
+console.log(checkInventory("apples"));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-to-an-array-with-push-and-unshift.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-to-an-array-with-push-and-unshift.arabic.md
new file mode 100644
index 0000000000..f55d9c8402
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-to-an-array-with-push-and-unshift.arabic.md
@@ -0,0 +1,61 @@
+---
+id: 587d78b2367417b2b2512b0e
+title: Add Items to an Array with push() and unshift()
+challengeType: 1
+videoUrl: ''
+localeTitle: إضافة عناصر إلى مصفوفة بدفع () و unshift ()
+---
+
+## Description
+<section id="description"> لم يتم إصلاح طول الصفيف ، مثل أنواع البيانات التي يمكن أن تحتويها. يمكن تعريف المصفوفات بطول أي عدد من العناصر ، ويمكن إضافة العناصر أو إزالتها بمرور الوقت ؛ بمعنى آخر ، المصفوفات <dfn>قابلة للتغيير</dfn> . في هذا التحدي ، سننظر في طريقتين يمكننا من <code>Array.push()</code> تعديل صفيف <code>Array.push()</code> : <code>Array.push()</code> و <code>Array.unshift()</code> . تأخذ كلتا الطريقتين عنصرًا واحدًا أو أكثر كمعلمات وإضافة هذه العناصر إلى الصفيف الذي يتم استدعاء الأسلوب عليه؛ تضيف طريقة <code>push()</code> عناصر إلى نهاية صفيف ، <code>unshift()</code> عناصر إلى البداية. خذ بعين الاعتبار ما يلي: <blockquote style=";text-align:right;direction:rtl"> واسمحوا twentyThree = &#39;الثالث والعشرون&#39; ؛ <br> let romanNumerals = [&#39;XXI&#39;، &#39;XXII&#39;]؛ <br><br> romanNumerals.unshift (&#39;XIX&#39;، &#39;XX&#39;)؛ <br> // الآن تساوي [&#39;XIX&#39; ، &#39;XX&#39; ، &#39;XXI&#39; ، &#39;XXII&#39;] <br><br> romanNumerals.push (twentyThree)؛ <br> // الآن تساوي [&#39;XIX&#39;، &#39;XX&#39;، &#39;XXI&#39;، &#39;XXII&#39;، &#39;XXIII&#39;] لاحظ أنه يمكننا أيضًا تمرير المتغيرات ، مما يتيح لنا مرونة أكبر في تعديل بيانات المصفوفة ديناميكيًا. </blockquote></section>
+
+## Instructions
+<section id="instructions"> لقد حددنا وظيفة ، <code>mixedNumbers</code> ، والتي نحن نمرر مصفوفة كحجة. قم بتعديل الوظيفة باستخدام <code>push()</code> و <code>unshift()</code> لإضافة <code>&#39;I&#39;, 2, &#39;three&#39;</code> إلى بداية الصفيف و <code>7, &#39;VIII&#39;, 9</code> إلى النهاية بحيث يحتوي الصفيف الذي تم إرجاعه على تمثيلات للأرقام 1-9 بالترتيب. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>mixedNumbers([&quot;IV&quot;, 5, &quot;six&quot;])</code> يجب أن تعود الآن <code>[&quot;I&quot;, 2, &quot;three&quot;, &quot;IV&quot;, 5, &quot;six&quot;, 7, &quot;VIII&quot;, 9]</code>'
+    testString: 'assert.deepEqual(mixedNumbers(["IV", 5, "six"]), ["I", 2, "three", "IV", 5, "six", 7, "VIII", 9], "<code>mixedNumbers(["IV", 5, "six"])</code> should now return <code>["I", 2, "three", "IV", 5, "six", 7, "VIII", 9]</code>");'
+  - text: يجب استخدام الدالة <code>mixedNumbers</code> الأسلوب <code>push()</code>
+    testString: 'assert.notStrictEqual(mixedNumbers.toString().search(/\.push\(/), -1, "The <code>mixedNumbers</code> function should utilize the <code>push()</code> method");'
+  - text: و <code>mixedNumbers</code> وظيفة يجب الاستفادة من <code>unshift()</code> طريقة
+    testString: 'assert.notStrictEqual(mixedNumbers.toString().search(/\.unshift\(/), -1, "The <code>mixedNumbers</code> function should utilize the <code>unshift()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function mixedNumbers(arr) {
+  // change code below this line
+
+  // change code above this line
+  return arr;
+}
+
+// do not change code below this line
+console.log(mixedNumbers(['IV', 5, 'six']));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.arabic.md
new file mode 100644
index 0000000000..ad7fc6f176
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.arabic.md
@@ -0,0 +1,63 @@
+---
+id: 587d78b3367417b2b2512b11
+title: Add Items Using splice()
+challengeType: 1
+videoUrl: ''
+localeTitle: إضافة عناصر باستخدام لصق ()
+---
+
+## Description
+<section id="description"> تذكر في التحدي الأخير ذكرنا أن <code>splice()</code> يمكن أن يستغرق ما يصل إلى ثلاثة معلمات؟ حسنا ، يمكننا أن نذهب خطوة أخرى مع <code>splice()</code> - بالإضافة إلى إزالة العناصر ، يمكننا استخدام هذه المعلمة الثالثة ، والتي تمثل واحد أو أكثر من العناصر ، <em>لإضافتها</em> كذلك. يمكن أن يكون هذا مفيدًا بشكل لا يصدق للتبديل السريع لعنصر أو مجموعة من العناصر ، لعنصر آخر. على سبيل المثال ، لنفترض أنك تخزن نظام ألوان لمجموعة من عناصر DOM في مصفوفة ، وتريد تغيير لون بشكل ديناميكي بناءً على إجراء ما: <blockquote style=";text-align:right;direction:rtl"> function colorChange (arr، index، newColor) { <br> arr.splice (index، 1، newColor)؛ <br> عودة arr؛ <br> } <br><br> let colorScheme = [&#39;# 878787&#39;، &#39;# a08794&#39;، &#39;# bb7e8c&#39;، &#39;# c9b6be&#39;، &#39;# d1becf&#39;]؛ <br><br> colorScheme = colorChange (colorScheme، 2، &#39;# 332327&#39;)؛ <br> // أزلنا &#39;# bb7e8c&#39; وأضفنا &#39;# 332327&#39; في مكانها <br> // colorScheme now equalals &#39;&#39; # 878787 &#39;،&#39; # a08794 &#39;،&#39; # 332327 &#39;،&#39; # c9b6be &#39;،&#39; # d1becf &#39;] </blockquote> تأخذ هذه الدالة صفيفًا من القيم السداسية ، وهو فهرس يتم عنده إزالة عنصر ، واللون الجديد لاستبدال العنصر المُزال به. قيمة الإرجاع هي صفيف يحتوي على نظام ألوان تم تعديله حديثًا! في حين أن هذا المثال مفرط في التبسيط ، يمكننا أن نرى القيمة التي يمكن أن تستخدم بها <code>splice()</code> إلى أقصى إمكاناتها. </section>
+
+## Instructions
+<section id="instructions"> لقد حددنا وظيفة ، <code>htmlColorNames</code> ، والتي تأخذ مصفوفة من ألوان HTML كوسيطة. قم بتعديل الوظيفة باستخدام <code>splice()</code> لإزالة العنصرين الأولين من الصفيف وأضف <code>&#39;DarkSalmon&#39;</code> و <code>&#39;BlanchedAlmond&#39;</code> في <code>&#39;DarkSalmon&#39;</code> الخاصة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن <code>htmlColorNames</code> <code>[&quot;DarkSalmon&quot;, &quot;BlanchedAlmond&quot;, &quot;LavenderBlush&quot;, &quot;PaleTurqoise&quot;, &quot;FireBrick&quot;]</code>'
+    testString: 'assert.deepEqual(htmlColorNames(["DarkGoldenRod", "WhiteSmoke", "LavenderBlush", "PaleTurqoise", "FireBrick"]), ["DarkSalmon", "BlanchedAlmond", "LavenderBlush", "PaleTurqoise", "FireBrick"], "<code>htmlColorNames</code> should return <code>["DarkSalmon", "BlanchedAlmond", "LavenderBlush", "PaleTurqoise", "FireBrick"]</code>");'
+  - text: يجب أن تستخدم الدالة <code>htmlColorNames</code> الأسلوب <code>splice()</code>
+    testString: 'assert(/.splice/.test(code), "The <code>htmlColorNames</code> function should utilize the <code>splice()</code> method");'
+  - text: يجب عدم استخدام <code>shift()</code> أو <code>unshift()</code> .
+    testString: 'assert(!/shift|unshift/.test(code), "You should not use <code>shift()</code> or <code>unshift()</code>.");'
+  - text: يجب عدم استخدام تدوين قوس الصفيف.
+    testString: 'assert(!/\[\d\]\s*=/.test(code), "You should not use array bracket notation.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function htmlColorNames(arr) {
+  // change code below this line
+
+  // change code above this line
+  return arr;
+}
+
+// do not change code below this line
+console.log(htmlColorNames(['DarkGoldenRod', 'WhiteSmoke', 'LavenderBlush', 'PaleTurqoise', 'FireBrick']));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.arabic.md
new file mode 100644
index 0000000000..5dcc6d5fed
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.arabic.md
@@ -0,0 +1,67 @@
+---
+id: 587d7b7c367417b2b2512b18
+title: Add Key-Value Pairs to JavaScript Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: إضافة أزواج Key-Value إلى كائنات JavaScript
+---
+
+## Description
+<section id="description"> في أبسط صورها ، تكون الكائنات مجرد مجموعات من <dfn>أزواج القيمة الرئيسية</dfn> ، أو بعبارة أخرى ، أجزاء من البيانات تم تعيينها لمعرفات فريدة نسميها <dfn>خصائص</dfn> أو <dfn>مفاتيح</dfn> . دعونا نلقي نظرة على مثال بسيط جدا: <blockquote style=";text-align:right;direction:rtl"> اترك FCC_User = { <br> اسم المستخدم: &quot;awesome_coder&quot; ، <br> المتابعون: 572 ، <br> النقاط: 1741 ، <br> completedProjects: 15 <br> }؛ </blockquote> يعرّف الرمز أعلاه كائن يسمى <code>FCC_User</code> يحتوي على أربعة <dfn>خصائص</dfn> ، كل منها تعيين إلى قيمة محددة. إذا أردنا معرفة عدد <code>followers</code> <code>FCC_User</code> ، فيمكننا الوصول إلى ذلك الموقع بكتابة: <blockquote style=";text-align:right;direction:rtl"> السماح userData = FCC_User.followers؛ <br> // userData يساوي 572 </blockquote> هذا ما يسمى <dfn>dot notation</dfn> . بدلاً من ذلك ، يمكننا أيضًا الوصول إلى مكان الإقامة باستخدام الأقواس ، مثل: <blockquote style=";text-align:right;direction:rtl"> السماح لـ userData = FCC_User [&#39;المتابعين&#39;] <br> // userData يساوي 572 </blockquote> لاحظ أنه مع <dfn>تدوين قوس</dfn> ، أرفقنا <code>followers</code> في علامات اقتباس. هذا لأن الأقواس تسمح لنا بالفعل بتمرير متغير ليتم تقييمه كاسم خاصية (تلميح: ضع ذلك في الاعتبار لاحقًا!). لو مررنا <code>followers</code> بدون علامات الاقتباس ، كان محرك جافا سكريبت قد حاول تقييمه كمتغير ، وكان من <code>ReferenceError: followers is not defined</code> . </section>
+
+## Instructions
+<section id="instructions"> باستخدام نفس الصيغة ، يمكننا أيضًا <em><strong>إضافة</strong></em> أزواج قيمة رئيسية <em><strong>جديدة</strong></em> إلى الكائنات. لقد أنشأنا كائن <code>foods</code> مع ثلاثة مداخل. أضف ثلاثة إدخالات إضافية: <code>bananas</code> بقيمة <code>13</code> ، <code>grapes</code> بقيمة <code>35</code> ، <code>strawberries</code> بقيمة <code>27</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>foods</code> هي كائن
+    testString: 'assert(typeof foods === "object", "<code>foods</code> is an object");'
+  - text: يحتوي جسم <code>foods</code> على <code>&quot;bananas&quot;</code> رئيسي بقيمة <code>13</code>
+    testString: 'assert(foods.bananas === 13, "The <code>foods</code> object has a key <code>"bananas"</code> with a value of <code>13</code>");'
+  - text: يحتوي جسم <code>foods</code> على <code>&quot;grapes&quot;</code> الرئيسي بقيمة <code>35</code>
+    testString: 'assert(foods.grapes === 35, "The <code>foods</code> object has a key <code>"grapes"</code> with a value of <code>35</code>");'
+  - text: يحتوي جسم <code>foods</code> على <code>&quot;strawberries&quot;</code> الرئيسية بقيمة <code>27</code>
+    testString: 'assert(foods.strawberries === 27, "The <code>foods</code> object has a key <code>"strawberries"</code> with a value of <code>27</code>");'
+  - text: يجب تعيين أزواج القيم الأساسية باستخدام تدوين النقطة أو القوس
+    testString: 'assert(code.search(/bananas:/) === -1 && code.search(/grapes:/) === -1 && code.search(/strawberries:/) === -1, "The key-value pairs should be set using dot or bracket notation");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let foods = {
+  apples: 25,
+  oranges: 32,
+  plums: 28
+};
+
+// change code below this line
+
+// change code above this line
+
+console.log(foods);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/check-for-the-presence-of-an-element-with-indexof.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/check-for-the-presence-of-an-element-with-indexof.arabic.md
new file mode 100644
index 0000000000..1c3410d9d1
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/check-for-the-presence-of-an-element-with-indexof.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b7b367417b2b2512b14
+title: Check For The Presence of an Element With indexOf()
+challengeType: 1
+videoUrl: ''
+localeTitle: التحقق من وجود عنصر مع indexOf ()
+---
+
+## Description
+<section id="description"> بما أن الصفائف يمكن تغييرها أو <em>تحورها</em> في أي وقت ، فلا يوجد ضمان حول مكان وجود بيانات معينة في صفيف معين ، أو حتى إذا كان هذا العنصر موجودًا حتى. لحسن الحظ ، توفر لنا جافا سكريبت طريقة أخرى مضمنة ، <code>indexOf()</code> ، تسمح لنا بالتحقق بسرعة وسهولة من وجود عنصر في صفيف. تأخذ <code>indexOf()</code> عنصرًا كمعلمة ، وعندما يتم استدعاؤها ، فإنها ترجع الموضع ، أو الفهرس ، لهذا العنصر ، أو <code>-1</code> إذا كان العنصر غير موجود في الصفيف. فمثلا: <blockquote style=";text-align:right;direction:rtl"> السماح للفواكه = [التفاح ، &#39;الكمثرى&#39; ، &#39;البرتقال&#39; ، &#39;الخوخ&#39; ، &#39;الكمثرى&#39;] ؛ <br><br> fruits.indexOf (&quot;التواريخ&quot;) // returns -1 <br> fruit.indexOf (&#39;oranges&#39;) // تُرجع 2 <br> fruits.indexOf (&#39;pears&#39;) // تُرجع 1 ، أول مؤشر موجود فيه العنصر </blockquote></section>
+
+## Instructions
+<section id="instructions"> يمكن أن يكون <code>indexOf()</code> مفيدا بشكل لا يصدق للتحقق بسرعة من وجود عنصر في صفيف. لقد حددنا وظيفة ، <code>quickCheck</code> ، والتي تأخذ مصفوفة وعنصر <code>quickCheck</code> . تعديل الدالة باستخدام <code>indexOf()</code> بحيث تقوم بإرجاع <code>true</code> إذا كان العنصر الذي تم تمريره موجودًا على الصفيف ، و <code>false</code> إذا لم يكن موجودًا. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>quickCheck([&quot;squash&quot;, &quot;onions&quot;, &quot;shallots&quot;], &quot;mushrooms&quot;)</code> يجب أن تعود <code>false</code>'
+    testString: 'assert.strictEqual(quickCheck(["squash", "onions", "shallots"], "mushrooms"), false, "<code>quickCheck(["squash", "onions", "shallots"], "mushrooms")</code> should return <code>false</code>");'
+  - text: '<code>quickCheck([&quot;squash&quot;, &quot;onions&quot;, &quot;shallots&quot;], &quot;onions&quot;)</code> يجب أن تعود <code>true</code>'
+    testString: 'assert.strictEqual(quickCheck(["squash", "onions", "shallots"], "onions"), true, "<code>quickCheck(["squash", "onions", "shallots"], "onions")</code> should return <code>true</code>");'
+  - text: '<code>quickCheck([3, 5, 9, 125, 45, 2], 125)</code> يجب أن <code>quickCheck([3, 5, 9, 125, 45, 2], 125)</code> <code>true</code>'
+    testString: 'assert.strictEqual(quickCheck([3, 5, 9, 125, 45, 2], 125), true, "<code>quickCheck([3, 5, 9, 125, 45, 2], 125)</code> should return <code>true</code>");'
+  - text: '<code>quickCheck([true, false, false], undefined)</code> <code>false</code>'
+    testString: 'assert.strictEqual(quickCheck([true, false, false], undefined), false, "<code>quickCheck([true, false, false], undefined)</code> should return <code>false</code>");'
+  - text: يجب أن تستخدم الدالة <code>quickCheck</code> الأسلوب <code>indexOf()</code>
+    testString: 'assert.notStrictEqual(quickCheck.toString().search(/\.indexOf\(/), -1, "The <code>quickCheck</code> function should utilize the <code>indexOf()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function quickCheck(arr, elem) {
+  // change code below this line
+
+  // change code above this line
+}
+
+// change code here to test different cases:
+console.log(quickCheck(['squash', 'onions', 'shallots'], 'mushrooms'));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/check-if-an-object-has-a-property.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/check-if-an-object-has-a-property.arabic.md
new file mode 100644
index 0000000000..463ab1f2bf
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/check-if-an-object-has-a-property.arabic.md
@@ -0,0 +1,78 @@
+---
+id: 587d7b7d367417b2b2512b1c
+title: Check if an Object has a Property
+challengeType: 1
+videoUrl: ''
+localeTitle: تحقق مما إذا كان الكائن يحتوي على خاصية
+---
+
+## Description
+<section id="description"> الآن يمكننا إضافة وتعديل وإزالة المفاتيح من الكائنات. ولكن ماذا لو أردنا فقط معرفة ما إذا كان الكائن له خاصية معينة؟ تقدم لنا JavaScript طريقتين مختلفتين للقيام بذلك. واحد يستخدم <code>hasOwnProperty()</code> طريقة والآخر يستخدم <code>in</code> الكلمة. إذا كان لدينا <code>users</code> كائنات <code>users</code> خاصية <code>Alan</code> ، فيمكننا التحقق من وجودها بأي من الطرق التالية: <blockquote style=";text-align:right;direction:rtl"> users.hasOwnProperty (علان &#39;)؛ <br> &quot;آلان&quot; في المستخدمين ؛ <br> // كلاهما يعود صحيح </blockquote></section>
+
+## Instructions
+<section id="instructions"> لقد أنشأنا كائنًا ، <code>users</code> ، ومع بعض المستخدمين فيه ، ووظيفة هي <code>isEveryoneHere</code> ، والتي <code>isEveryoneHere</code> <code>users</code> ككائن. الانتهاء من كتابة هذه الوظيفة بحيث تقوم بإرجاع <code>true</code> إلا إذا كان <code>users</code> يعترض يحتوي على جميع الأسماء الأربعة، <code>Alan</code> ، <code>Jeff</code> ، <code>Sarah</code> ، و <code>Ryan</code> ، ومفاتيح، و <code>false</code> خلاف ذلك. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يحتوي كائن <code>users</code> فقط على مفاتيح <code>Alan</code> و <code>Jeff</code> و <code>Sarah</code> و <code>Ryan</code>
+    testString: 'assert("Alan" in users && "Jeff" in users && "Sarah" in users && "Ryan" in users && Object.keys(users).length === 4, "The <code>users</code> object only contains the keys <code>Alan</code>, <code>Jeff</code>, <code>Sarah</code>, and <code>Ryan</code>");'
+  - text: الدالة <code>isEveryoneHere</code> بإرجاع <code>true</code> إذا كان <code>Alan</code> و <code>Jeff</code> و <code>Sarah</code> و <code>Ryan</code> هي خصائص على كائن <code>users</code>
+    testString: 'assert(isEveryoneHere(users) === true, "The function <code>isEveryoneHere</code> returns <code>true</code> if <code>Alan</code>, <code>Jeff</code>, <code>Sarah</code>, and <code>Ryan</code> are properties on the <code>users</code> object");'
+  - text: الدالة <code>isEveryoneHere</code> بإرجاع <code>false</code> إذا كان <code>Alan</code> و <code>Jeff</code> و <code>Sarah</code> و <code>Ryan</code> ليست خصائص على كائن <code>users</code>
+    testString: 'assert((function() { delete users.Alan; delete users.Jeff; delete users.Sarah; delete users.Ryan; return isEveryoneHere(users) })() === false, "The function <code>isEveryoneHere</code> returns <code>false</code> if <code>Alan</code>, <code>Jeff</code>, <code>Sarah</code>, and <code>Ryan</code> are not properties on the <code>users</code> object");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let users = {
+  Alan: {
+    age: 27,
+    online: true
+  },
+  Jeff: {
+    age: 32,
+    online: true
+  },
+  Sarah: {
+    age: 48,
+    online: true
+  },
+  Ryan: {
+    age: 19,
+    online: true
+  }
+};
+
+function isEveryoneHere(obj) {
+  // change code below this line
+
+  // change code above this line
+}
+
+console.log(isEveryoneHere(users));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/combine-arrays-with-the-spread-operator.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/combine-arrays-with-the-spread-operator.arabic.md
new file mode 100644
index 0000000000..278e50cfcc
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/combine-arrays-with-the-spread-operator.arabic.md
@@ -0,0 +1,58 @@
+---
+id: 587d7b7b367417b2b2512b17
+title: Combine Arrays with the Spread Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: الجمع بين المصفوفات مع المشغل انتشار
+---
+
+## Description
+<section id="description"> ميزة أخرى ضخمة لمشغل <dfn>الانتشار</dfn> ، هي القدرة على الجمع بين المصفوفات ، أو لإدراج جميع عناصر صفيف في آخر ، في أي مؤشر. باستخدام صيغ تركيبية أكثر تقليدية ، يمكننا تجميع صفائف ، لكن هذا يسمح لنا فقط بدمج المصفوفات في نهاية واحد ، وفي بداية أخرى. بناء الجملة Spread يجعل العملية التالية بسيطة للغاية: <blockquote style=";text-align:right;direction:rtl"> دع هذا aarray = [&#39;sage&#39;، &#39;rosemary&#39;، &#39;parsley&#39;، &#39;thyme&#39;]؛ <br><br> اترك ذلكالرائحة = [&#39;basil&#39; ، &#39;cilantro&#39; ، ... thisArray ، &#39;الكزبرة&#39;] ؛ <br> / / أن الآن يساوي [basil] ، &#39;cilantro&#39; ، &#39;sage&#39; ، &#39;rosemary&#39; ، &#39;parsley&#39; ، &#39;thyme&#39; ، &#39;coriander&#39;] </blockquote> باستخدام صيغة الانتشار ، حققنا للتو عملية من شأنها أن تكون أكثر تعقيدا وأكثر استعراضا لو استخدمنا الطرق التقليدية. </section>
+
+## Instructions
+<section id="instructions"> لقد قمنا بتعريف دالة <code>spreadOut</code> التي تقوم بارجاع <code>sentence</code> المتغيرة ، قم بتعديل الوظيفة باستخدام معامل <dfn>الانتشار</dfn> بحيث يقوم بإرجاع الصفيف <code>[&#39;learning&#39;, &#39;to&#39;, &#39;code&#39;, &#39;is&#39;, &#39;fun&#39;]</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>spreadOut</code> يجب أن تعود <code>[&quot;learning&quot;, &quot;to&quot;, &quot;code&quot;, &quot;is&quot;, &quot;fun&quot;]</code>'
+    testString: 'assert.deepEqual(spreadOut(), ["learning", "to", "code", "is", "fun"], "<code>spreadOut</code> should return <code>["learning", "to", "code", "is", "fun"]</code>");'
+  - text: يجب أن تستخدم دالة <code>spreadOut</code> بنية الانتشار
+    testString: 'assert.notStrictEqual(spreadOut.toString().search(/[...]/), -1, "The <code>spreadOut</code> function should utilize spread syntax");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function spreadOut() {
+  let fragment = ['to', 'code'];
+  let sentence; // change this line
+  return sentence;
+}
+
+// do not change code below this line
+console.log(spreadOut());
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-an-array-with-the-spread-operator.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-an-array-with-the-spread-operator.arabic.md
new file mode 100644
index 0000000000..076a67f638
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-an-array-with-the-spread-operator.arabic.md
@@ -0,0 +1,69 @@
+---
+id: 587d7b7b367417b2b2512b13
+title: Copy an Array with the Spread Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: نسخ صفيف مع المشغل انتشار
+---
+
+## Description
+<section id="description"> بينما تسمح لنا <code>slice()</code> بأن نكون انتقائيين حول عناصر المصفوفة المراد نسخها ، من بين العديد من المهام المفيدة الأخرى ، يتيح لنا <dfn>مشغل</dfn> التوزيع الجديد لـ ES6 نسخ <em>جميع</em> عناصر الصفيف بسهولة ، بالترتيب ، مع بناء بسيط وقابل للقراءة للغاية. تبدو صيغة الانتشار بهذا الشكل: <code>...</code> الناحية العملية ، يمكننا استخدام عامل الانتشار لنسخ مصفوفة مثل: <blockquote style=";text-align:right;direction:rtl"> السماح لهذاالصورة = [true، true، undefined، false، null]؛ <br> السماح أن AArray = [... thisArray]؛ <br> // thatArray يساوي [true ، true ، غير محدد ، false ، فارغ] <br> / / هذا لا يزال يظل بدون تغيير ، وهو مطابق لذلك </blockquote></section>
+
+## Instructions
+<section id="instructions"> قمنا بتعريف وظيفة ، <code>copyMachine</code> والتي تأخذ <code>arr</code> (صفيف) و <code>num</code> (a number) كوسيطة. من المفترض أن تقوم الدالة بإرجاع صفيف جديد يتكون من نسخ <code>num</code> من <code>arr</code> . لقد قمنا بمعظم العمل لك ، لكنه لا يعمل بشكل صحيح بعد. قم بتعديل الوظيفة باستخدام صيغة الانتشار بحيث تعمل بشكل صحيح (تلميح: قد تكون طريقة أخرى قمنا بتغطيتها بالفعل مفيدة هنا!). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>copyMachine([true, false, true], 2)</code> <code>[[true, false, true], [true, false, true]]</code>'
+    testString: 'assert.deepEqual(copyMachine([true, false, true], 2), [[true, false, true], [true, false, true]], "<code>copyMachine([true, false, true], 2)</code> should return <code>[[true, false, true], [true, false, true]]</code>");'
+  - text: '<code>copyMachine([1, 2, 3], 5)</code> <code>[[1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3]]</code>'
+    testString: 'assert.deepEqual(copyMachine([1, 2, 3], 5), [[1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3]], "<code>copyMachine([1, 2, 3], 5)</code> should return <code>[[1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3]]</code>");'
+  - text: '<code>copyMachine([true, true, null], 1)</code> يجب أن يعيد <code>[[true, true, null]]</code>'
+    testString: 'assert.deepEqual(copyMachine([true, true, null], 1), [[true, true, null]], "<code>copyMachine([true, true, null], 1)</code> should return <code>[[true, true, null]]</code>");'
+  - text: '<code>copyMachine([&quot;it works&quot;], 3)</code> <code>[[&quot;it works&quot;], [&quot;it works&quot;], [&quot;it works&quot;]]</code>'
+    testString: 'assert.deepEqual(copyMachine(["it works"], 3), [["it works"], ["it works"], ["it works"]], "<code>copyMachine(["it works"], 3)</code> should return <code>[["it works"], ["it works"], ["it works"]]</code>");'
+  - text: و <code>copyMachine</code> وظيفة يجب الاستفادة من <code>spread operator</code> مع مجموعة <code>arr</code>
+    testString: 'assert.notStrictEqual(copyMachine.toString().indexOf(".concat(_toConsumableArray(arr))"), -1, "The <code>copyMachine</code> function should utilize the <code>spread operator</code> with array <code>arr</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function copyMachine(arr, num) {
+  let newArr = [];
+  while (num >= 1) {
+    // change code below this line
+
+    // change code above this line
+    num--;
+  }
+  return newArr;
+}
+
+// change code here to test different cases:
+console.log(copyMachine([true, false, true], 2));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-array-items-using-slice.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-array-items-using-slice.arabic.md
new file mode 100644
index 0000000000..4dbc15985a
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-array-items-using-slice.arabic.md
@@ -0,0 +1,58 @@
+---
+id: 587d7b7a367417b2b2512b12
+title: Copy Array Items Using slice()
+challengeType: 1
+videoUrl: ''
+localeTitle: نسخ صفيف العناصر باستخدام شريحة ()
+---
+
+## Description
+<section id="description"> الطريقة التالية التي سنقوم بتغطيتها هي <code>slice()</code> . <code>slice()</code> ، بدلاً من تعديل صفيف أو نسخ أو <em>مقتطفات</em> ، عدد معين من العناصر إلى صفيف جديد ، تاركاً المصفوفة يتم استدعاؤها دون مساس. تأخذ <code>slice()</code> معلمتين فقط - الأولى هي المؤشر الذي يبدأ عنده الاستخراج ، والثاني هو المؤشر الذي يتم عنده إيقاف الاستخراج (يحدث الاستخراج حتى ، ولكن ليس بما في ذلك العنصر في هذا المؤشر). النظر في هذا: <blockquote style=";text-align:right;direction:rtl"> السماح للظروف الجوية = [&#39;المطر&#39; ، &#39;الثلج&#39; ، &#39;المتجمدة&#39; ، &#39;البرد&#39; ، &#39;واضح&#39;] ؛ <br><br> السماح todaysWeather = weatherConditions.slice (1 ، 3) ؛ <br> // todaysWeather يساوي [&#39;snow&#39;، &#39;sleet&#39;]؛ <br> // weatherConditions لا يزال يساوي [&#39;المطر&#39; ، &#39;الثلج&#39; ، &#39;المتجمدة&#39; ، &#39;البرد&#39; ، &#39;واضح&#39;] <br></blockquote> في الواقع ، قمنا بإنشاء مصفوفة جديدة عن طريق استخراج عناصر من صفيف موجود. </section>
+
+## Instructions
+<section id="instructions"> لقد حددنا دالة ، <code>forecast</code> ، تأخذ صفيفًا كحجة. قم بتعديل الوظيفة باستخدام <code>slice()</code> لاستخراج المعلومات من صفيف الوسيطة وإرجاع صفيف جديد يحتوي على عناصر <code>&#39;warm&#39;</code> و <code>&#39;sunny&#39;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن تعود <code>forecast</code> <code>[&quot;warm&quot;, &quot;sunny&quot;]</code>'
+    testString: 'assert.deepEqual(forecast(["cold", "rainy", "warm", "sunny", "cool", "thunderstorms"]), ["warm", "sunny"], "<code>forecast</code> should return <code>["warm", "sunny"]");'
+  - text: يجب أن تستخدم وظيفة <code>forecast</code> طريقة <code>slice()</code>
+    testString: 'assert(/\.slice\(/.test(code), "The <code>forecast</code> function should utilize the <code>slice()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function forecast(arr) {
+  // change code below this line
+
+  return arr;
+}
+
+// do not change code below this line
+console.log(forecast(['cold', 'rainy', 'warm', 'sunny', 'cool', 'thunderstorms']));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/create-complex-multi-dimensional-arrays.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/create-complex-multi-dimensional-arrays.arabic.md
new file mode 100644
index 0000000000..d7897a278b
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/create-complex-multi-dimensional-arrays.arabic.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b7b367417b2b2512b16
+title: Create complex multi-dimensional arrays
+challengeType: 1
+videoUrl: ''
+localeTitle: إنشاء صفائف معقدة متعددة الأبعاد
+---
+
+## Description
+<section id="description"> رائع! لقد تعلمت للتو عن طن عن المصفوفات! كانت هذه نظرة عامة على مستوى عالٍ إلى حدٍ ما ، وهناك الكثير الذي يجب معرفته حول العمل مع المصفوفات ، والتي سترى الكثير منها في الأقسام التالية. ولكن قبل الانتقال إلى النظر إلى <dfn>الكائنات</dfn> ، دعنا نلقي نظرة أخرى ، ونرى كيف يمكن أن تصبح المصفوفات أكثر تعقيدًا من ما رأيناه في التحديات السابقة. واحدة من أقوى الميزات عند التفكير في المصفوفات كهيكل البيانات ، هي أن المصفوفات يمكن أن تحتوي ، أو حتى تتكون بالكامل من صفائف أخرى. لقد رأينا صفائف تحتوي على مصفوفات في تحديات سابقة ، ولكنها بسيطة نوعًا ما. ومع ذلك ، يمكن أن تحتوي المصفوفات على عمق لا نهائي من المصفوفات التي يمكن أن تحتوي على صفائف أخرى ، كل منها بمستوياتها الاعتباطية الخاصة بها ، وهكذا. وبهذه الطريقة ، يمكن أن تصبح المصفوفة بسرعة كبيرة جدًا بنية بيانات معقدة ، تُعرف باسم مصفوفة <dfn>متعددة الأبعاد</dfn> أو متداخلة. خذ بعين الاعتبار المثال التالي: <blockquote style=";text-align:right;direction:rtl"> اترك nestedArray = [// top، or first level - the external most array] <br> [&#39;عميق&#39;] ، // مصفوفة داخل صفيف ، مستويين من العمق <br> [ <br> [&#39;أعمق&#39;] ، [&#39;أعمق&#39;] // / 2 صفيف متداخلة 3 مستويات عميقة <br> ]، <br> [ <br> [ <br> [&#39;أعمق&#39;] ، [أعمق]] / / 2 صفيف متداخلة 4 مستويات عميقة <br> ]، <br> [ <br> [ <br> [&#39;deepest-est؟&#39;] // مجموعة متداخلة 5 مستويات عميقة <br> ] <br> ] <br> ] <br> ]. </blockquote> على الرغم من أن هذا المثال قد يبدو معقدًا ، إلا أن هذا المستوى من التعقيد لم يسمع به ، أو حتى غير معتاد ، عند التعامل مع كميات كبيرة من البيانات. ومع ذلك ، لا يزال بإمكاننا الوصول بسهولة إلى أعمق مستويات صفيف هذا المركب مع تدوين قوس: <blockquote style=";text-align:right;direction:rtl"> console.log (nestedArray [2] [1] [0] [0] [0])؛ <br> // logs: deepest-est؟ </blockquote> والآن بعد أن علمنا بمكان هذه البيانات ، يمكننا إعادة تعيينها إذا كنا بحاجة إلى: <blockquote style=";text-align:right;direction:rtl"> nestedArray [2] [1] [0] [0] [0] = &#39;deep still&#39;؛ <br><br> console.log (nestedArray [2] [1] [0] [0] [0])؛ <br> // الآن سجلات: أعمق لا يزال </blockquote></section>
+
+## Instructions
+<section id="instructions"> لقد حددنا متغيرًا ، <code>myNestedArray</code> ، متساوياً مع صفيف. تعديل <code>myNestedArray</code> ، وذلك باستخدام أي مجموعة من <dfn>السلاسل</dfn> <dfn>والأرقام</dfn> <dfn>والقيم المنطقية</dfn> لعناصر البيانات، بحيث انها بالضبط خمسة مستويات من العمق (تذكر، ومجموعة الخارجي، أكثر من غيره هو مستوى 1). في مكان ما في المستوى الثالث ، تتضمن السلسلة <code>&#39;deep&#39;</code> ، في المستوى الرابع ، وتشمل السلسلة <code>&#39;deeper&#39;</code> ، وعلى المستوى الخامس ، تتضمن السلسلة <code>&#39;deepest&#39;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحتوي <code>myNestedArray</code> على أرقام فقط ، وحدات منطقية ، وسلاسل مثل عناصر البيانات
+    testString: 'assert.strictEqual((function(arr) { let flattened = (function flatten(arr) { const flat = [].concat(...arr); return flat.some (Array.isArray) ? flatten(flat) : flat; })(arr); for (let i = 0; i < flattened.length; i++) { if ( typeof flattened[i] !== "number" && typeof flattened[i] !== "string" && typeof flattened[i] !== "boolean") { return false } } return true })(myNestedArray), true, "<code>myNestedArray</code> should contain only numbers, booleans, and strings as data elements");'
+  - text: يجب أن يكون <code>myNestedArray</code> 5 مستويات عمق
+    testString: 'assert.strictEqual((function(arr) {let depth = 0;function arrayDepth(array, i, d) { if (Array.isArray(array[i])) {  arrayDepth(array[i], 0, d + 1);} else {  depth = (d > depth) ? d : depth;}if (i < array.length) {  arrayDepth(array, i + 1, d);}  }arrayDepth(arr, 0, 0);return depth;})(myNestedArray), 4, "<code>myNestedArray</code> should have exactly 5 levels of depth");'
+  - text: يجب أن يحتوي <code>myNestedArray</code> على تكرار واحد لسلسلة <code>&quot;deep&quot;</code> على صفيف متداخلة من 3 مستويات
+    testString: 'assert((function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deep").length === 1 && (function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deep")[0] === 2, "<code>myNestedArray</code> should contain exactly one occurrence of the string <code>"deep"</code> on an array nested 3 levels deep");'
+  - text: يجب أن يحتوي <code>myNestedArray</code> على تكرار واحد فقط للسلسلة <code>&quot;deeper&quot;</code> على صفيف متداخلة 4 مستويات متداخلة
+    testString: 'assert((function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deeper").length === 1 && (function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deeper")[0] === 3, "<code>myNestedArray</code> should contain exactly one occurrence of the string <code>"deeper"</code> on an array nested 4 levels deep");'
+  - text: يجب أن يحتوي <code>myNestedArray</code> على تكرار واحد لسلسلة <code>&quot;deepest&quot;</code> على مجموعة متداخلة من 5 مستويات متداخلة
+    testString: 'assert((function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deepest").length === 1 && (function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deepest")[0] === 4, "<code>myNestedArray</code> should contain exactly one occurrence of the string <code>"deepest"</code> on an array nested 5 levels deep");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myNestedArray = [
+  // change code below this line
+  ['unshift', false, 1, 2, 3, 'complex', 'nested'],
+  ['loop', 'shift', 6, 7, 1000, 'method'],
+  ['concat', false, true, 'spread', 'array'],
+  ['mutate', 1327.98, 'splice', 'slice', 'push'],
+  ['iterate', 1.3849, 7, '8.4876', 'arbitrary', 'depth']
+  // change code above this line
+];
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/generate-an-array-of-all-object-keys-with-object.keys.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/generate-an-array-of-all-object-keys-with-object.keys.arabic.md
new file mode 100644
index 0000000000..ce14696854
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/generate-an-array-of-all-object-keys-with-object.keys.arabic.md
@@ -0,0 +1,76 @@
+---
+id: 587d7b7d367417b2b2512b1e
+title: Generate an Array of All Object Keys with Object.keys()
+challengeType: 1
+videoUrl: ''
+localeTitle: إنشاء صفيف من كافة مفاتيح الكائنات مع Object.keys ()
+---
+
+## Description
+<section id="description"> يمكننا أيضًا إنشاء مصفوفة تحتوي على جميع المفاتيح المخزنة في كائن باستخدام طريقة <code>Object.keys()</code> وتمريرها في كائن كوسيطة. سيؤدي هذا إلى إرجاع صفيف يحتوي على سلاسل تمثل كل خاصية في الكائن. مرة أخرى ، لن يكون هناك طلب محدد للإدخالات في الصفيف. </section>
+
+## Instructions
+<section id="instructions"> قم <code>getArrayOfUsers</code> كتابة الدالة <code>getArrayOfUsers</code> بحيث تقوم بإرجاع صفيف يحتوي على كافة الخصائص في الكائن يتلقاها كوسيطة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يحتوي كائن <code>users</code> فقط على مفاتيح <code>Alan</code> و <code>Jeff</code> و <code>Sarah</code> و <code>Ryan</code>
+    testString: 'assert("Alan" in users && "Jeff" in users && "Sarah" in users && "Ryan" in users && Object.keys(users).length === 4, "The <code>users</code> object only contains the keys <code>Alan</code>, <code>Jeff</code>, <code>Sarah</code>, and <code>Ryan</code>");'
+  - text: ترجع الدالة <code>getArrayOfUsers</code> صفيف يحتوي على كافة المفاتيح الموجودة في كائن <code>users</code>
+    testString: 'assert((function() { users.Sam = {}; users.Lewis = {}; let R = getArrayOfUsers(users); return (R.indexOf("Alan") !== -1 && R.indexOf("Jeff") !== -1 && R.indexOf("Sarah") !== -1 && R.indexOf("Ryan") !== -1 && R.indexOf("Sam") !== -1 && R.indexOf("Lewis") !== -1); })() === true, "The <code>getArrayOfUsers</code> function returns an array which contains all the keys in the <code>users</code> object");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let users = {
+  Alan: {
+    age: 27,
+    online: false
+  },
+  Jeff: {
+    age: 32,
+    online: true
+  },
+  Sarah: {
+    age: 48,
+    online: false
+  },
+  Ryan: {
+    age: 19,
+    online: true
+  }
+};
+
+function getArrayOfUsers(obj) {
+  // change code below this line
+
+  // change code above this line
+}
+
+console.log(getArrayOfUsers(users));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-all-an-arrays-items-using-for-loops.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-all-an-arrays-items-using-for-loops.arabic.md
new file mode 100644
index 0000000000..5756320285
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-all-an-arrays-items-using-for-loops.arabic.md
@@ -0,0 +1,66 @@
+---
+id: 587d7b7b367417b2b2512b15
+title: Iterate Through All an Array's Items Using For Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: يتكرر من خلال جميع عناصر المصفوفة عن طريق استخدام الحلقات
+---
+
+## Description
+<section id="description"> في بعض الأحيان عند العمل مع المصفوفات ، يكون من السهل جدًا التكرار من خلال كل عنصر للعثور على عنصر واحد أو أكثر قد نحتاجه ، أو التعامل مع صفيف استنادًا إلى عناصر البيانات التي تلبي مجموعة معينة من المعايير. تقدم JavaScript العديد من الطرق المضمنة التي يتم تكرار كل منها على المصفوفات بطرق مختلفة قليلاً لتحقيق نتائج مختلفة (مثل <code>every()</code> ، <code>forEach()</code> ، <code>map()</code> ، إلخ. ، ولكن التقنية الأكثر مرونة وتوفر لنا الأعظم مقدار التحكم هو بسيط <code>for</code> حلقة. خذ بعين الاعتبار ما يلي: <blockquote style=";text-align:right;direction:rtl"> وظيفة greaterThanTen (arr) { <br> let newArr = []؛ <br> لـ (let i = 0؛ i &lt;arr.length؛ i ++) { <br> إذا (arr [i]&gt; 10) { <br> newArr.push (آر [أنا])؛ <br> } <br> } <br> عودة newArr ؛ <br> } <br><br> greaterThanTen ([2، 12، 8، 14، 80، 0، 1])؛ <br> // تُرجع [12 ، 14 ، 80] </blockquote> باستخدام حلقة <code>for</code> ، تتكرر هذه الوظيفة خلال كل عنصر في الصفيف وتصل إليه ، وتضعه في اختبار بسيط قمنا بإنشائه. بهذه الطريقة ، حددنا بسهولة وببرمجية أي من عناصر البيانات أكبر من <code>10</code> ، وأعدنا مصفوفة جديدة تحتوي على تلك العناصر. </section>
+
+## Instructions
+<section id="instructions"> لقد حددنا دالة ، <code>filteredArray</code> ، والتي تأخذ <code>arr</code> ، ومصفوفة متداخلة ، و <code>elem</code> ، وتقوم بإرجاع صفيف جديد. يمثل <code>elem</code> عنصرًا قد يكون أو لا يكون موجودًا على واحد أو أكثر من الصفائف المتداخلة ضمن <code>arr</code> . قم بتعديل الوظيفة ، باستخدام حلقة <code>for</code> ، لإرجاع نسخة مفلترة من المصفوفة التي تم تمريرها بحيث يتم إزالة أي صفيف متداخل داخل <code>arr</code> يحتوي على <code>elem</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>filteredArray([[10, 8, 3], [14, 6, 23], [3, 18, 6]], 18)</code> يجب أن يعود <code>[ [10, 8, 3], [14, 6, 23] ]</code>'
+    testString: 'assert.deepEqual(filteredArray([ [10, 8, 3], [14, 6, 23], [3, 18, 6] ], 18), [[10, 8, 3], [14, 6, 23]], "<code>filteredArray([[10, 8, 3], [14, 6, 23], [3, 18, 6]], 18)</code> should return <code>[ [10, 8, 3], [14, 6, 23] ]</code>");'
+  - text: '<code>filteredArray([ [&quot;trumpets&quot;, 2], [&quot;flutes&quot;, 4], [&quot;saxophones&quot;, 2] ], 2)</code> يجب أن تعود <code>[ [&quot;flutes&quot;, 4] ]</code>'
+    testString: 'assert.deepEqual(filteredArray([ ["trumpets", 2], ["flutes", 4], ["saxophones", 2] ], 2), [["flutes", 4]], "<code>filteredArray([ ["trumpets", 2], ["flutes", 4], ["saxophones", 2] ], 2)</code> should return <code>[ ["flutes", 4] ]</code>");'
+  - text: 'يجب أن تعود <code>filteredArray([ [&quot;amy&quot;, &quot;beth&quot;, &quot;sam&quot;], [&quot;dave&quot;, &quot;sean&quot;, &quot;peter&quot;] ], &quot;peter&quot;)</code> <code>[ [&quot;amy&quot;, &quot;beth&quot;, &quot;sam&quot;] ]</code>'
+    testString: 'assert.deepEqual(filteredArray([["amy", "beth", "sam"], ["dave", "sean", "peter"]], "peter"), [["amy", "beth", "sam"]], "<code>filteredArray([ ["amy", "beth", "sam"], ["dave", "sean", "peter"] ], "peter")</code> should return <code>[ ["amy", "beth", "sam"] ]</code>");'
+  - text: '<code>filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3)</code> يجب أن تعود <code>[ ]</code>'
+    testString: 'assert.deepEqual(filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3), [], "<code>filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3)</code> should return <code>[ ]</code>");'
+  - text: و <code>filteredArray</code> وظيفة يجب أن تستخدم ل <code>for</code> حلقة
+    testString: 'assert.notStrictEqual(filteredArray.toString().search(/for/), -1, "The <code>filteredArray</code> function should utilize a <code>for</code> loop");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function filteredArray(arr, elem) {
+  let newArr = [];
+  // change code below this line
+
+  // change code above this line
+  return newArr;
+}
+
+// change code here to test different cases:
+console.log(filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-array-stored-in-an-object.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-array-stored-in-an-object.arabic.md
new file mode 100644
index 0000000000..a1d63b7b00
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-array-stored-in-an-object.arabic.md
@@ -0,0 +1,79 @@
+---
+id: 587d7b7d367417b2b2512b1f
+title: Modify an Array Stored in an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: تعديل صفيف مخزنة في كائن
+---
+
+## Description
+<section id="description"> لقد شاهدت الآن جميع العمليات الأساسية لكائنات جافا سكريبت. يمكنك إضافة أو تعديل أو إزالة أزواج قيمة المفتاح ، والتحقق من وجود المفاتيح ، وتكرارها على كافة المفاتيح الموجودة في كائن ما. أثناء متابعة تعلم لغة JavaScript ، سترى تطبيقات أكثر تنوعًا للكائنات. بالإضافة إلى ذلك ، فإن دروس &quot;هياكل البيانات المتقدمة&quot; الاختيارية في وقت لاحق في المنهج تغطي أيضًا كائنات ES6 <dfn>Map</dfn> و <dfn>Set</dfn> ، وكلاهما مشابهان للكائنات العادية ولكن مع توفير بعض الميزات الإضافية. الآن بعد أن تعلمت أساسيات المصفوفات والأشياء ، فأنت مستعد تمامًا للبدء في معالجة مشكلات أكثر تعقيدًا باستخدام JavaScript! </section>
+
+## Instructions
+<section id="instructions"> ألق نظرة على الكائن الذي قدمناه في محرر الشفرات. يحتوي كائن <code>user</code> على ثلاثة مفاتيح. يحتوي مفتاح <code>data</code> على خمسة مفاتيح ، يحتوي أحدها على مجموعة من <code>friends</code> . من هذا ، يمكنك أن ترى كيف الأجسام المرنة هي هياكل البيانات. لقد بدأنا في كتابة وظيفة <code>addFriend</code> . قم بإنهاء الكتابة بحيث تأخذ كائن <code>user</code> وتضيف اسم وسيطة <code>friend</code> إلى الصفيف المخزن في <code>user.data.friends</code> وتقوم بإرجاع هذا الصفيف. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يحتوي كائن <code>user</code> على <code>name</code> <code>age</code> ومفاتيح <code>data</code>
+    testString: 'assert("name" in user && "age" in user && "data" in user, "The <code>user</code> object has <code>name</code>, <code>age</code>, and <code>data</code> keys");'
+  - text: تقبل وظيفة <code>addFriend</code> كائن <code>user</code> وسلسلة <code>friend</code> كوسيطة وتضيف الصديق إلى مصفوفة <code>friends</code> في كائن <code>user</code>
+    testString: 'assert((function() { let L1 = user.data.friends.length; addFriend(user, "Sean"); let L2 = user.data.friends.length; return (L2 === L1 + 1); })(), "The <code>addFriend</code> function accepts a <code>user</code> object and a <code>friend</code> string as arguments and adds the friend to the array of <code>friends</code> in the <code>user</code> object");'
+  - text: '<code>addFriend(user, &quot;Pete&quot;)</code> <code>[&quot;Sam&quot;, &quot;Kira&quot;, &quot;Tomo&quot;, &quot;Pete&quot;]</code>'
+    testString: 'assert.deepEqual((function() { delete user.data.friends; user.data.friends = ["Sam", "Kira", "Tomo"]; return addFriend(user, "Pete") })(), ["Sam", "Kira", "Tomo", "Pete"], "<code>addFriend(user, "Pete")</code> should return <code>["Sam", "Kira", "Tomo", "Pete"]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let user = {
+  name: 'Kenneth',
+  age: 28,
+  data: {
+    username: 'kennethCodesAllDay',
+    joinDate: 'March 26, 2016',
+    organization: 'freeCodeCamp',
+    friends: [
+      'Sam',
+      'Kira',
+      'Tomo'
+    ],
+    location: {
+      city: 'San Francisco',
+      state: 'CA',
+      country: 'USA'
+    }
+  }
+};
+
+function addFriend(userObj, friend) {
+  // change code below this line
+
+  // change code above this line
+}
+
+console.log(addFriend(user, 'Pete'));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-object-nested-within-an-object.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-object-nested-within-an-object.arabic.md
new file mode 100644
index 0000000000..90f98599a3
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-object-nested-within-an-object.arabic.md
@@ -0,0 +1,68 @@
+---
+id: 587d7b7c367417b2b2512b19
+title: Modify an Object Nested Within an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: تعديل كائن متداخل داخل كائن
+---
+
+## Description
+<section id="description"> الآن دعونا نلقي نظرة على كائن أكثر تعقيدا قليلا. يمكن أن تتداخل خصائص الكائن مع عمق اعتباطي ، ويمكن أن تكون قيمها أي نوع من البيانات التي تدعمها JavaScript ، بما في ذلك المصفوفات وحتى الكائنات الأخرى. خذ بعين الاعتبار ما يلي: <blockquote style=";text-align:right;direction:rtl"> let nestedObject = { <br> id: 28802695164 ، <br> التاريخ: &quot;31 ديسمبر 2016&quot; ، <br> البيانات: { <br> totalUsers: 99 ، <br> على الانترنت: 80 ، <br> الموجودين: { <br> نشط: 67 ، <br> بعيدا: 13 <br> } <br> } <br> }؛ </blockquote> يحتوي <code>nestedObject</code> على ثلاثة مفاتيح فريدة: <code>id</code> ، قيمته عبارة عن رقم <code>date</code> قيمته عبارة عن سلسلة <code>data</code> ، تكون قيمتها عبارة عن كائن يحتوي على كائن آخر متداخل داخله. في حين أن الهياكل يمكن أن تصبح معقدة بسرعة ، إلا أنه لا يزال بإمكاننا استخدام نفس الرموز للوصول إلى المعلومات التي نحتاج إليها. </section>
+
+## Instructions
+<section id="instructions"> هنا قمنا بتعريف كائن ، <code>userActivity</code> ، والذي يتضمن كائنًا آخرًا متداخلاً فيه. يمكنك تعديل الخصائص على هذا الكائن المتداخل بنفس الطريقة التي قمت بتعديل الخصائص في التحدي الأخير. قم بتعيين قيمة المفتاح <code>online</code> على <code>45</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: لدى <code>userActivity</code> <code>id</code> <code>date</code> <code>data</code>
+    testString: 'assert("id" in userActivity && "date" in userActivity && "data" in userActivity, "<code>userActivity</code> has <code>id</code>, <code>date</code> and <code>data</code> properties");'
+  - text: لدى <code>userActivity</code> مفتاح <code>data</code> ضبطه على كائن به مفاتيح <code>totalUsers</code> وعبر <code>online</code>
+    testString: 'assert("totalUsers" in userActivity.data && "online" in userActivity.data, "<code>userActivity</code> has a <code>data</code> key set to an object with keys <code>totalUsers</code> and <code>online</code>");'
+  - text: يجب تعيين الخاصية <code>online</code> المتداخلة في مفتاح <code>data</code> <code>userActivity</code> على <code>45</code>
+    testString: 'assert(userActivity.data.online === 45, "The <code>online</code> property nested in the <code>data</code> key of <code>userActivity</code> should be set to <code>45</code>");'
+  - text: يتم تعيين الخاصية <code>online</code> باستخدام تدوين النقطة أو القوس
+    testString: 'assert.strictEqual(code.search(/online: 45/), -1, "The <code>online</code> property is set using dot or bracket notation");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let userActivity = {
+  id: 23894201352,
+  date: 'January 1, 2017',
+  data: {
+    totalUsers: 51,
+    online: 42
+  }
+};
+
+// change code below this line
+
+// change code above this line
+
+console.log(userActivity);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-from-an-array-with-pop-and-shift.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-from-an-array-with-pop-and-shift.arabic.md
new file mode 100644
index 0000000000..0d1e5fedf5
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-from-an-array-with-pop-and-shift.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 587d78b2367417b2b2512b0f
+title: Remove Items from an Array with pop() and shift()
+challengeType: 1
+videoUrl: ''
+localeTitle: إزالة العناصر من صفيف مع pop () و shift ()
+---
+
+## Description
+<section id="description"> كل من <code>push()</code> و <code>unshift()</code> لهما <code>unshift()</code> : <code>pop()</code> و <code>shift()</code> . كما قد تكون قد خمنت الآن ، بدلاً من إضافة ، <em>يزيل</em> <code>pop()</code> عنصرًا من نهاية صفيف ، بينما يزيل <code>shift()</code> عنصرًا من البداية. الاختلاف الرئيسي بين <code>pop()</code> و <code>shift()</code> وأبناء عمومتهم <code>push()</code> و <code>unshift()</code> ، هو أن كلا الأسلوبين لا <code>unshift()</code> معلمات ، وكل منهما يسمح فقط بتعديل مصفوفة بواسطة عنصر واحد في كل مرة. لنلقي نظرة: <blockquote style=";text-align:right;direction:rtl"> اسمحوا تحيات = [ماذا يكون ما يصل؟ ، &#39;مرحبا&#39; ، &#39;انظر يا!&#39;] ؛ <br><br> greetings.pop ()؛ <br> // الآن تساوي [&#39;ما الأمر؟&#39; ، &#39;مرحبا&#39;] <br><br> greetings.shift ()؛ <br> // الآن تساوي [&#39;مرحبا&#39;] </blockquote> يمكننا أيضًا إرجاع قيمة العنصر الذي تمت إزالته باستخدام أي من الطريقتين التاليتين: <blockquote style=";text-align:right;direction:rtl"> دعونا برزت = تحيات. pop () ؛ <br> // إرجاع &quot;مرحبًا&quot; <br> // تحيات الآن تساوي [] </blockquote></section>
+
+## Instructions
+<section id="instructions"> لقد حددنا وظيفة ، <code>popShift</code> ، والتي تأخذ مصفوفة كوسيطة وترجع مصفوفة جديدة. قم بتعديل الوظيفة ، باستخدام <code>pop()</code> و <code>shift()</code> ، لإزالة العناصر الأولى والأخيرة لصفيف الوسيطة ، وتعيين العناصر التي تم إزالتها للمتغيرات الخاصة بها ، بحيث يحتوي الصفيف الذي تم إرجاعه على قيمها. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>popShift([&quot;challenge&quot;, &quot;is&quot;, &quot;not&quot;, &quot;complete&quot;])</code> يجب أن يعيد <code>[&quot;challenge&quot;, &quot;complete&quot;]</code>'
+    testString: 'assert.deepEqual(popShift(["challenge", "is", "not", "complete"]), ["challenge", "complete"], "<code>popShift(["challenge", "is", "not", "complete"])</code> should return <code>["challenge", "complete"]</code>");'
+  - text: يجب أن تستخدم وظيفة <code>popShift</code> الأسلوب <code>pop()</code>
+    testString: 'assert.notStrictEqual(popShift.toString().search(/\.pop\(/), -1, "The <code>popShift</code> function should utilize the <code>pop()</code> method");'
+  - text: يجب أن تستخدم وظيفة <code>popShift</code> طريقة <code>shift()</code>
+    testString: 'assert.notStrictEqual(popShift.toString().search(/\.shift\(/), -1, "The <code>popShift</code> function should utilize the <code>shift()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function popShift(arr) {
+  let popped; // change this line
+  let shifted; // change this line
+  return [shifted, popped];
+}
+
+// do not change code below this line
+console.log(popShift(['challenge', 'is', 'not', 'complete']));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-using-splice.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-using-splice.arabic.md
new file mode 100644
index 0000000000..e053d35e60
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-using-splice.arabic.md
@@ -0,0 +1,59 @@
+---
+id: 587d78b2367417b2b2512b10
+title: Remove Items Using splice()
+challengeType: 1
+videoUrl: ''
+localeTitle: إزالة العناصر باستخدام لصق ()
+---
+
+## Description
+<section id="description"> حسنًا ، لقد تعلمنا كيفية إزالة عناصر من بداية ونهاية المصفوفات باستخدام <code>shift()</code> و <code>pop()</code> ، ولكن ماذا لو أردنا إزالة عنصر من مكان ما في المنتصف؟ أو إزالة أكثر من عنصر واحد في وقت واحد؟ حسنا ، هذا هو المكان الذي تأتي فيه <code>splice()</code> . يسمح لنا <code>splice()</code> بالقيام بذلك: <strong>إزالة أي عدد من العناصر المتتالية</strong> من أي مكان في صفيف. يمكن أن تأخذ <code>splice()</code> 3 معلمات ، ولكن في الوقت الحالي ، سنركز على أول 2 فقط. <code>splice()</code> من <code>splice()</code> هي أعداد صحيحة تمثل الفهارس ، أو المواضع ، للصفيف الذي يكون <code>splice()</code> دعا. وتذكر أن المصفوفات <em>صفرية المفهرسة</em> ، لذلك للإشارة إلى العنصر الأول من المصفوفة ، سنستخدم <code>0</code> . تمثل المعلمة الأولى <code>splice()</code> الفهرس الموجود في الصفيف الذي تبدأ منه إزالة العناصر ، بينما تشير المعلمة الثانية إلى عدد العناصر المطلوب حذفها. فمثلا: <blockquote style=";text-align:right;direction:rtl"> دعونا صفيف = [&#39;اليوم&#39; ، &#39;كان&#39; ، &#39;لا&#39; ، &#39;هكذا&#39; ، &#39;عظيم&#39;] ؛ <br><br> array.splice (2، 2)؛ <br> // remove 2 elements starting with the 3rd element <br> // array الآن يساوي [&#39;today&#39;، &#39;was&#39;، &#39;great&#39;] </blockquote> <code>splice()</code> بتعديل المصفوفة التي يتم استدعاؤها فقط ، بل يقوم أيضًا بإرجاع صفيف جديد يحتوي على قيمة العناصر التي تمت إزالتها: <blockquote style=";text-align:right;direction:rtl"> دعونا صفيف = [&#39;أنا&#39; ، &#39;أنا&#39; ، &#39;شعور&#39; ، &#39;حقا&#39; ، &#39;سعيد&#39;] ؛ <br><br> السماح newArray = array.splice (3 ، 2) ؛ <br> // newArray يساوي [&#39;حقا&#39; ، &#39;سعيد&#39;] </blockquote></section>
+
+## Instructions
+<section id="instructions"> لقد قمنا بتعريف دالة ، <code>sumOfTen</code> ، والتي تأخذ مصفوفة كوسيطة وتقوم بإرجاع مجموع عناصر الصفيف. قم بتعديل الوظيفة ، باستخدام <code>splice()</code> ، بحيث تقوم بإرجاع قيمة <code>10</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumOfTen</code> 10
+    testString: 'assert.strictEqual(sumOfTen([2, 5, 1, 5, 2, 1]), 10, "<code>sumOfTen</code> should return 10");'
+  - text: يجب أن تستخدم الدالة <code>sumOfTen</code> الأسلوب <code>splice()</code>
+    testString: 'assert.notStrictEqual(sumOfTen.toString().search(/\.splice\(/), -1, "The <code>sumOfTen</code> function should utilize the <code>splice()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumOfTen(arr) {
+  // change code below this line
+
+  // change code above this line
+  return arr.reduce((a, b) => a + b);
+}
+
+// do not change code below this line
+console.log(sumOfTen([2, 5, 1, 5, 2, 1]));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/use-an-array-to-store-a-collection-of-data.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/use-an-array-to-store-a-collection-of-data.arabic.md
new file mode 100644
index 0000000000..25ebfb9c3d
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/use-an-array-to-store-a-collection-of-data.arabic.md
@@ -0,0 +1,57 @@
+---
+id: 587d7b7e367417b2b2512b20
+title: Use an Array to Store a Collection of Data
+challengeType: 1
+videoUrl: ''
+localeTitle: استخدم صفيف لتخزين مجموعة من البيانات
+---
+
+## Description
+<section id="description"> أدناه هو مثال عن أبسط تنفيذ بنية بيانات صفيف. وهذا ما يُعرف باسم <dfn>مصفوفة أحادية البُعد</dfn> ، بمعنى أنه يحتوي على مستوى واحد فقط ، أو أنه لا يحتوي على أي صفيفات أخرى متداخلة فيه. لاحظ أنه يحتوي على وحدات <dfn>منطقية</dfn> ، <dfn>وسلاسل</dfn> ، <dfn>وأرقام</dfn> ، من بين أنواع بيانات جافا سكريبت صالحة أخرى: <blockquote style=";text-align:right;direction:rtl"> let simpleArray = [&#39;one&#39;، 2، &#39;three&#39;، true، false، undefined، null]؛ <br> console.log (simpleArray.length)؛ <br> // سجلات 7 </blockquote> جميع الصفيف لها خاصية طول ، والتي كما هو موضح أعلاه ، يمكن الوصول إليها بسهولة بالغة مع <code>Array.length</code> . يمكن رؤية تنفيذ أكثر تعقيدًا لمصفوفة أدناه. هذا هو المعروف باسم مجموعة <dfn>متعددة الأبعاد</dfn> ، أو صفيف يحتوي على صفائف أخرى. لاحظ أن هذه المصفوفة تحتوي أيضًا على <dfn>كائنات</dfn> JavaScript ، والتي سنبحثها عن كثب في قسمنا التالي ، ولكن في الوقت الحالي ، كل ما تحتاج إلى معرفته هو أن المصفوفات قادرة أيضًا على تخزين الكائنات المعقدة. <blockquote style=";text-align:right;direction:rtl"> اترك complexArray = [ <br> [ <br> { <br> واحد 1، <br> اثنان: 2 <br> }، <br> { <br> 3: 3 ، <br> أربعة: 4 <br> } <br> ]، <br> [ <br> { <br> a: &quot;a&quot; ، <br> ب: &quot;ب&quot; <br> }، <br> { <br> ج: &quot;ج&quot; ، <br> د: &quot;د&quot; <br> } <br> ] <br> ]. </blockquote></section>
+
+## Instructions
+<section id="instructions"> لقد حددنا متغيرًا يسمى <code>yourArray</code> . أكمل العبارة عن طريق تعيين صفيف مكون من خمسة عناصر على <code>yourArray</code> للمتغير <code>yourArray</code> . يجب أن يحتوي الصفيف الخاص بك على <dfn>سلسلة</dfn> واحدة على الأقل <dfn>ورقم</dfn> واحد <dfn>وقيمة منطقية</dfn> واحدة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: yourArray هو مجموعة
+    testString: 'assert.strictEqual(Array.isArray(yourArray), true, "yourArray is an array");'
+  - text: <code>yourArray</code> ما لا يقل عن 5 عناصر طويلة
+    testString: 'assert.isAtLeast(yourArray.length, 5, "<code>yourArray</code> is at least 5 elements long");'
+  - text: <code>yourArray</code> يحتوي على <code>boolean</code> واحد على الأقل
+    testString: 'assert(yourArray.filter( el => typeof el === "boolean").length >= 1, "<code>yourArray</code> contains at least one <code>boolean</code>");'
+  - text: يحتوي <code>yourArray</code> على <code>number</code> واحد على الأقل
+    testString: 'assert(yourArray.filter( el => typeof el === "number").length >= 1, "<code>yourArray</code> contains at least one <code>number</code>");'
+  - text: يحتوي <code>yourArray</code> على <code>string</code> واحدة على الأقل
+    testString: 'assert(yourArray.filter( el => typeof el === "string").length >= 1, "<code>yourArray</code> contains at least one <code>string</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let yourArray; // change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/use-the-delete-keyword-to-remove-object-properties.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/use-the-delete-keyword-to-remove-object-properties.arabic.md
new file mode 100644
index 0000000000..a2ea271161
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/use-the-delete-keyword-to-remove-object-properties.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b7c367417b2b2512b1b
+title: Use the delete Keyword to Remove Object Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: استخدم Delete keyword to Remove Object Properties
+---
+
+## Description
+<section id="description"> الآن أنت تعرف ما هي الأشياء وخصائصها ومزاياها الأساسية. باختصار، فهي مخازن المفاتيح ذات قيمة والتي توفر طريقة بديهية مرنة لتنظيم البيانات، <strong><em>و،</em></strong> لأنها توفر الوقت بحث سريع جدا. خلال بقية هذه التحديات ، سنقوم بوصف العديد من العمليات الشائعة التي يمكنك القيام بها على الكائنات بحيث يمكنك أن تصبح مريحًا في تطبيق هذه الهياكل المفيدة للبيانات في برامجك. في التحديات السابقة ، قمنا بإضافة وتعديل أزواج قيمة المفتاح للكائن. سنرى هنا كيف يمكننا <em>إزالة</em> زوج قيمة مفتاح من كائن. دعونا نعيد النظر في مثال كائن <code>foods</code> لدينا للمرة الأخيرة. إذا أردنا إزالة مفتاح <code>apples</code> ، فيمكننا إزالته باستخدام الكلمة الرئيسية التي <code>delete</code> مثل هذا: <blockquote style=";text-align:right;direction:rtl"> حذف foods.apples ؛ </blockquote></section>
+
+## Instructions
+<section id="instructions"> استخدم الكلمة الرئيسية حذف لإزالة <code>oranges</code> <code>plums</code> ومفاتيح <code>strawberries</code> من كائن <code>foods</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يحتوي جسم <code>foods</code> على ثلاثة مفاتيح فقط: <code>apples</code> <code>grapes</code> <code>bananas</code>'
+    testString: 'assert(!foods.hasOwnProperty("oranges") && !foods.hasOwnProperty("plums") && !foods.hasOwnProperty("strawberries") && Object.keys(foods).length === 3, "The <code>foods</code> object only has three keys: <code>apples</code>, <code>grapes</code>, and <code>bananas</code>");'
+  - text: تتم إزالة مفاتيح <code>oranges</code> <code>plums</code> <code>strawberries</code> باستخدام <code>delete</code>
+    testString: 'assert(code.search(/oranges:/) !== -1 && code.search(/plums:/) !== -1 && code.search(/strawberries:/) !== -1, "The <code>oranges</code>, <code>plums</code>, and <code>strawberries</code> keys are removed using <code>delete</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let foods = {
+  apples: 25,
+  oranges: 32,
+  plums: 28,
+  bananas: 13,
+  grapes: 35,
+  strawberries: 27
+};
+
+// change code below this line
+
+// change code above this line
+
+console.log(foods);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes.arabic.md
new file mode 100644
index 0000000000..071f0e48ea
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes.arabic.md
@@ -0,0 +1,67 @@
+---
+id: 56bbb991ad1ed5201cd392ca
+title: Access Array Data with Indexes
+challengeType: 1
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/access-array-data-with-indexes'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function(){if(typeof myArray !== "undefined" && typeof myData !== "undefined" && myArray[0] === myData){return true;}else{return false;}})(), "The variable <code>myData</code> should equal the first value of <code>myArray</code>.");'
+  - text: يجب الوصول إلى البيانات في متغير <code>myArray</code> باستخدام تدوين قوس.
+    testString: 'assert((function(){if(code.match(/\s*=\s*myArray\[0\]/g)){return true;}else{return false;}})(), "The data in variable <code>myArray</code> should be accessed using bracket notation.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [50,60,70];
+var ourData = ourArray[0]; // equals 50
+
+// Setup
+var myArray = [50,60,70];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/access-multi-dimensional-arrays-with-indexes.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/access-multi-dimensional-arrays-with-indexes.arabic.md
new file mode 100644
index 0000000000..1e5baf7677
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/access-multi-dimensional-arrays-with-indexes.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 56592a60ddddeae28f7aa8e1
+title: Access Multi-Dimensional Arrays With Indexes
+challengeType: 1
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/access-array-data-with-indexes'
+videoUrl: ''
+localeTitle: الوصول إلى صفائف متعددة الأبعاد مع فهارس
+---
+
+## Description
+<section id="description"> طريقة واحدة للتفكير في مصفوفة <dfn>متعددة الأبعاد</dfn> ، هي بمثابة <em>صفيف من المصفوفات</em> . عند استخدام الأقواس للوصول إلى الصفيف الخاص بك ، تشير المجموعة الأولى من الأقواس إلى الإدخالات الموجودة في مصفوفة الجزء الخارجي (المستوى الأول) ، ويشير كل زوج إضافي من الأقواس إلى المستوى التالي من الإدخالات بالداخل. <strong>مثال</strong> <blockquote style=";text-align:right;direction:rtl"> var arr = [ <br> [1،2،3]، <br> [4،5،6]، <br> [7،8،9]، <br> [[10،11،12] ، 13 ، 14] <br> ]. <br> آر [3]. // يساوي [[10،11،12] ، 13 ، 14] <br> آر [3] [0]؛ // يساوي [10،11،12] <br> آر [3] [0] [1]؛ // يساوي 11 </blockquote> <strong>ملحوظة</strong> <br> يجب ألا يكون هناك أي مسافات بين اسم الصفيف والأقواس المربعة ، مثل <code>array [0][0]</code> وحتى هذا <code>array [0] [0]</code> غير مسموح به. على الرغم من أن JavaScript قادر على معالجة هذا بشكل صحيح ، فقد يؤدي ذلك إلى إرباك المبرمجين الآخرين في قراءة التعليمات البرمجية. </section>
+
+## Instructions
+<section id="instructions"> باستخدام <code>myArray</code> قوس حدد عنصر من <code>myArray</code> بحيث يكون <code>myData</code> يساوي <code>8</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تساوي <code>myData</code> <code>8</code> .
+    testString: 'assert(myData === 8, "<code>myData</code> should be equal to <code>8</code>.");'
+  - text: يجب أن تستخدم تدوين قوس لقراءة القيمة الصحيحة من <code>myArray</code> .
+    testString: 'assert(/myArray\[2\]\[1\]/g.test(code) && !/myData\s*=\s*(?:.*[-+*/%]|\d)/g.test(code), "You should be using bracket notation to read the correct value from <code>myArray</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myArray = [[1,2,3], [4,5,6], [7,8,9], [[10,11,12], 13, 14]];
+
+// Only change code below this line.
+var myData = myArray[0][0];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays.arabic.md
new file mode 100644
index 0000000000..42e7eb82f6
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays.arabic.md
@@ -0,0 +1,82 @@
+---
+id: 56533eb9ac21ba0edf2244cd
+title: Accessing Nested Arrays
+challengeType: 1
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/access-array-data-with-indexes'
+videoUrl: ''
+localeTitle: الوصول إلى صفائف متداخلة
+---
+
+## Description
+<section id="description"> كما رأينا في الأمثلة السابقة ، يمكن أن تحتوي الكائنات على كل من الكائنات المتداخلة والصفائف المتداخلة. على غرار الوصول إلى الكائنات المتداخلة ، يمكن تقييد تدرج قوس Array للوصول إلى صفائف متداخلة. فيما يلي مثال لكيفية الوصول إلى صفيف متداخل: <blockquote style=";text-align:right;direction:rtl"> var ourPets = [ <br> { <br> animalType: &quot;قطة&quot; ، <br> الأسماء: [ <br> &quot;Meowzer&quot; <br> &quot;رقيق&quot;، <br> &quot;كيت كات&quot; <br> ] <br> }، <br> { <br> animalType: &quot;dog&quot; ، <br> الأسماء: [ <br> &quot;بقعة&quot;، <br> &quot;العربة&quot;، <br> &quot;فرانكي&quot; <br> ] <br> } <br> ]. <br> ourPets [0] .names [1]؛ // &quot;رقيق&quot; <br> ourPets [1] .names [0]؛ // &quot;سبوت&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> استرجاع الشجرة الثانية من <code>myPlants</code> المتغير باستخدام <code>myPlants</code> نقطة الكائن <code>myPlants</code> مجموعة الصفيف. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>secondTree</code> ينبغي أن يساوي &quot;الصنوبر&quot;
+    testString: 'assert(secondTree === "pine", "<code>secondTree</code> should equal "pine"");'
+  - text: استخدم نقطة <code>myPlants</code> قوس للوصول إلى <code>myPlants</code>
+    testString: 'assert(/=\s*myPlants\[1\].list\[1\]/.test(code), "Use dot and bracket notation to access <code>myPlants</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myPlants = [
+  {
+    type: "flowers",
+    list: [
+      "rose",
+      "tulip",
+      "dandelion"
+    ]
+  },
+  {
+    type: "trees",
+    list: [
+      "fir",
+      "pine",
+      "birch"
+    ]
+  }
+];
+
+// Only change code below this line
+
+var secondTree = ""; // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects.arabic.md
new file mode 100644
index 0000000000..6c92f3bebb
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects.arabic.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244cc
+title: Accessing Nested Objects
+challengeType: 1
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/accessing-nested-objects-in-json'
+videoUrl: ''
+localeTitle: الوصول إلى الكائنات المتداخلة
+---
+
+## Description
+<section id="description"> يمكن الوصول إلى الخصائص الفرعية للكائنات عن طريق ربط صيغة النقطة أو القوس. هنا كائن متداخل: <blockquote style=";text-align:right;direction:rtl"> var ourStorage = { <br> &quot;مكتب&quot;: { <br> &quot;الدرج&quot;: &quot;دباسة&quot; <br> }، <br> &quot;خزانة&quot;: { <br> &quot;الدرج العلوي&quot;: { <br> &quot;folder1&quot;: &quot;ملف&quot; ، <br> &quot;folder2&quot;: &quot;secrets&quot; <br> }، <br> &quot;درج سفلي&quot;: &quot;الصودا&quot; <br> } <br> }؛ <br> ourStorage.cabinet [&quot;top drawer&quot;]. // &quot;أسرار&quot; <br> ourStorage.desk.drawer. // &quot;دباسة&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> قم بالوصول إلى كائن <code>myStorage</code> وقم بتعيين محتويات خاصية <code>glove box</code> إلى متغير <code>gloveBoxContents</code> . استخدام تدرج قوس للمواقع مع مساحة في أسمائهم. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يساوي <code>gloveBoxContents</code> &quot;الخرائط&quot;
+    testString: 'assert(gloveBoxContents === "maps", "<code>gloveBoxContents</code> should equal "maps"");'
+  - text: استخدم تدوين النقطة <code>myStorage</code> للوصول إلى <code>myStorage</code>
+    testString: 'assert(/=\s*myStorage\.car\.inside\[\s*("|")glove box\1\s*\]/g.test(code), "Use dot and bracket notation to access <code>myStorage</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myStorage = {
+  "car": {
+    "inside": {
+      "glove box": "maps",
+      "passenger seat": "crumbs"
+     },
+    "outside": {
+      "trunk": "jack"
+    }
+  }
+};
+
+var gloveBoxContents = undefined; // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation.arabic.md
new file mode 100644
index 0000000000..c6bd01bc9f
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation.arabic.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244c8
+title: Accessing Object Properties with Bracket Notation
+challengeType: 1
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/accessing-objects-properties-with-bracket-notation'
+videoUrl: ''
+localeTitle: الوصول إلى خصائص كائن مع تدرج قوس
+---
+
+## Description
+<section id="description"> الطريقة الثانية للوصول إلى خصائص كائن تدوين قوس ( <code>[]</code> ). إذا كانت خاصية الكائن الذي تحاول الوصول إليه تحتوي على مسافة في اسمه ، فستحتاج إلى استخدام تدرج قوس. ومع ذلك ، لا يزال بإمكانك استخدام تدرج قوس على خصائص الكائن بدون مسافات. هنا عينة من استخدام تدرج قوس لقراءة خاصية الكائن: <blockquote style=";text-align:right;direction:rtl"> var myObj = { <br> &quot;اسم الفضاء&quot;: &quot;كيرك&quot; ، <br> &quot;مساحة إضافية&quot;: &quot;سبوك&quot; ، <br> &quot;NoSpace&quot;: &quot;USS Enterprise&quot; <br> }؛ <br> myObj [&quot;اسم الفضاء&quot;] ؛ // كيرك <br> myObj [&#39;More Space&#39;]؛ // سبوك <br> myObj [ &quot;NoSpace&quot;]؛ // يو اس اس انتربرايز </blockquote> لاحظ أن أسماء الخصائص التي تحتوي على مسافات يجب أن تكون بين علامتي اقتباس (مفرد أو مزدوج). </section>
+
+## Instructions
+<section id="instructions"> قراءة قيم خصائص <code>&quot;an entree&quot;</code> و <code>&quot;the drink&quot;</code> من <code>testObj</code> باستخدام تدوين قوس <code>entreeValue</code> إلى <code>entreeValue</code> <code>drinkValue</code> على التوالي. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>entreeValue</code> عبارة عن سلسلة
+    testString: 'assert(typeof entreeValue === "string" , "<code>entreeValue</code> should be a string");'
+  - text: يجب أن تكون قيمة <code>entreeValue</code> <code>&quot;hamburger&quot;</code>
+    testString: 'assert(entreeValue === "hamburger" , "The value of <code>entreeValue</code> should be <code>"hamburger"</code>");'
+  - text: يجب أن يكون <code>drinkValue</code> سلسلة
+    testString: 'assert(typeof drinkValue === "string" , "<code>drinkValue</code> should be a string");'
+  - text: قيمة <code>drinkValue</code> يجب أن تكون <code>&quot;water&quot;</code>
+    testString: 'assert(drinkValue === "water" , "The value of <code>drinkValue</code> should be <code>"water"</code>");'
+  - text: يجب عليك استخدام تدوين قوس مرتين
+    testString: 'assert(code.match(/testObj\s*?\[("|")[^""]+\1\]/g).length > 1, "You should use bracket notation twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var testObj = {
+  "an entree": "hamburger",
+  "my side": "veggies",
+  "the drink": "water"
+};
+
+// Only change code below this line
+
+var entreeValue = testObj;   // Change this line
+var drinkValue = testObj;    // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.arabic.md
new file mode 100644
index 0000000000..a1095d3128
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.arabic.md
@@ -0,0 +1,75 @@
+---
+id: 56533eb9ac21ba0edf2244c7
+title: Accessing Object Properties with Dot Notation
+challengeType: 1
+videoUrl: ''
+localeTitle: الوصول إلى خصائص كائن مع ترميز Dot
+---
+
+## Description
+<section id="description"> هناك طريقتان للوصول إلى خصائص كائن: تدوين نقطي ( <code>.</code> ) وتدوين قوس ( <code>[]</code> ) ، شبيه بصفيف. Dot notation هو ما تستخدمه عندما تعرف اسم العقار الذي تحاول الوصول إليه في وقت مبكر. هنا عينة من استخدام تدوين النقطة ( <code>.</code> ) لقراءة خاصية الكائن: <blockquote style=";text-align:right;direction:rtl"> var myObj = { <br> prop1: &quot;val1&quot; ، <br> prop2: &quot;val2&quot; <br> }؛ <br> var prop1val = myObj.prop1 ، // val1 <br> var prop2val = myObj.prop2؛ // val2 </blockquote></section>
+
+## Instructions
+<section id="instructions"> قراءة في قيم خاصية <code>testObj</code> باستخدام التدوين النقطي. تعيين <code>hatValue</code> متغير يساوي <code>hat</code> خاصية الكائن وتعيين <code>shirtValue</code> متغير <code>shirtValue</code> يساوي <code>shirt</code> خاصية الكائن. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>hatValue</code> سلسلة
+    testString: 'assert(typeof hatValue === "string" , "<code>hatValue</code> should be a string");'
+  - text: قيمة <code>hatValue</code> يجب أن تكون <code>&quot;ballcap&quot;</code>
+    testString: 'assert(hatValue === "ballcap" , "The value of <code>hatValue</code> should be <code>"ballcap"</code>");'
+  - text: يجب أن يكون <code>shirtValue</code> عبارة عن سلسلة
+    testString: 'assert(typeof shirtValue === "string" , "<code>shirtValue</code> should be a string");'
+  - text: يجب أن تكون قيمة <code>shirtValue</code> <code>&quot;jersey&quot;</code>
+    testString: 'assert(shirtValue === "jersey" , "The value of <code>shirtValue</code> should be <code>"jersey"</code>");'
+  - text: يجب عليك استخدام dot notation مرتين
+    testString: 'assert(code.match(/testObj\.\w+/g).length > 1, "You should use dot notation twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var testObj = {
+  "hat": "ballcap",
+  "shirt": "jersey",
+  "shoes": "cleats"
+};
+
+// Only change code below this line
+
+var hatValue = testObj;      // Change this line
+var shirtValue = testObj;    // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables.arabic.md
new file mode 100644
index 0000000000..a8f87fba5c
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables.arabic.md
@@ -0,0 +1,78 @@
+---
+id: 56533eb9ac21ba0edf2244c9
+title: Accessing Object Properties with Variables
+challengeType: 1
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/accessing-objects-properties-with-variables'
+videoUrl: ''
+localeTitle: الوصول إلى خصائص الكائن مع المتغيرات
+---
+
+## Description
+<section id="description"> استخدام آخر لتدوين قوس على الكائنات هو الوصول إلى خاصية يتم تخزينها كقيمة متغير. يمكن أن يكون هذا مفيدًا جدًا للتكرار من خلال خصائص الكائن أو عند الوصول إلى جدول البحث. في ما يلي مثال على استخدام متغير للوصول إلى موقع: <blockquote style=";text-align:right;direction:rtl"> var dogs = { <br> Fido: &quot;Mutt&quot;، Hunter: &quot;Doberman&quot;، Snoopie: &quot;Beagle&quot; <br> }؛ <br> var myDog = &quot;Hunter&quot; ؛ <br> var myBreed = dogs [myDog]؛ <br> console.log (myBreed)؛ // &quot;دوبيرمان&quot; </blockquote> هناك طريقة أخرى لاستخدام هذا المفهوم وهي عندما يتم جمع اسم المنشأة ديناميكيًا أثناء تنفيذ البرنامج ، كما يلي: <blockquote style=";text-align:right;direction:rtl"> var someObj = { <br> propName: &quot;John&quot; <br> }؛ <br> وظيفة propPrefix (str) { <br> var s = &quot;prop&quot; ؛ <br> return s + str؛ <br> } <br> var someProp = propPrefix (&quot;Name&quot;)؛ // someProp الآن يحمل القيمة &quot;propName&quot; <br> console.log (someObj [someProp])؛ // &quot;يوحنا&quot; </blockquote> لاحظ أننا <em>لا</em> نستخدم علامات اقتباس حول اسم المتغير عند استخدامه للوصول إلى الخاصية لأننا نستخدم <em>قيمة</em> المتغير ، وليس <em>الاسم</em> . </section>
+
+## Instructions
+<section id="instructions"> استخدم متغير <code>playerNumber</code> للبحث عن المشغل <code>16</code> في <code>testObj</code> باستخدام <code>testObj</code> قوس. ثم قم بتعيين هذا الاسم إلى متغير <code>player</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>playerNumber</code> رقمًا
+    testString: 'assert(typeof playerNumber === "number", "<code>playerNumber</code> should be a number");'
+  - text: يجب أن يكون <code>player</code> المتغير عبارة عن سلسلة
+    testString: 'assert(typeof player === "string", "The variable <code>player</code> should be a string");'
+  - text: يجب أن تكون قيمة <code>player</code> &quot;مونتانا&quot;
+    testString: 'assert(player === "Montana", "The value of <code>player</code> should be "Montana"");'
+  - text: يجب عليك استخدام تدوين قوس للوصول إلى <code>testObj</code>
+    testString: 'assert(/testObj\s*?\[.*?\]/.test(code),"You should use bracket notation to access <code>testObj</code>");'
+  - text: يجب عدم تعيين قيمة <code>Montana</code> إلى <code>player</code> المتغير مباشرةً.
+    testString: 'assert(!code.match(/player\s*=\s*"|\"\s*Montana\s*"|\"\s*;/gi),"You should not assign the value <code>Montana</code> to the variable <code>player</code> directly.");'
+  - text: يجب أن تستخدم المتغير <code>playerNumber</code> في تدوين <code>playerNumber</code>
+    testString: 'assert(/testObj\s*?\[\s*playerNumber\s*\]/.test(code),"You should be using the variable <code>playerNumber</code> in your bracket notation");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var testObj = {
+  12: "Namath",
+  16: "Montana",
+  19: "Unitas"
+};
+
+// Only change code below this line;
+
+var playerNumber;       // Change this Line
+var player = testObj;   // Change this Line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object.arabic.md
new file mode 100644
index 0000000000..03106fb5c2
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object.arabic.md
@@ -0,0 +1,77 @@
+---
+id: 56bbb991ad1ed5201cd392d2
+title: Add New Properties to a JavaScript Object
+challengeType: 1
+videoUrl: ''
+localeTitle: أضف خصائص جديدة إلى كائن JavaScript
+---
+
+## Description
+<section id="description"> يمكنك إضافة خصائص جديدة إلى كائنات JavaScript الموجودة بالطريقة نفسها التي يمكنك تعديلها بها. في ما يلي كيفية إضافة خاصية <code>&quot;bark&quot;</code> إلى <code>ourDog</code> : <code>ourDog.bark = &quot;bow-wow&quot;;</code> أو <code>ourDog[&quot;bark&quot;] = &quot;bow-wow&quot;;</code> الآن عندما نقيم <code>ourDog.bark</code> ، <code>ourDog.bark</code> ، &quot;bow-wow&quot;. </section>
+
+## Instructions
+<section id="instructions"> إضافة خاصية <code>&quot;bark&quot;</code> إلى <code>myDog</code> وتعيينه إلى صوت كلب ، مثل &quot;woof&quot;. يمكنك استخدام أي نقطة أو تدوين قوس. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: إضافة <code>&quot;bark&quot;</code> الملكية إلى <code>myDog</code> .
+    testString: 'assert(myDog.bark !== undefined, "Add the property <code>"bark"</code> to <code>myDog</code>.");'
+  - text: لا تضف <code>&quot;bark&quot;</code> إلى قسم الإعداد
+    testString: 'assert(!/bark[^\n]:/.test(code), "Do not add <code>"bark"</code> to the setup section");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"]
+};
+
+ourDog.bark = "bow-wow";
+
+// Setup
+var myDog = {
+  "name": "Happy Coder",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["freeCodeCamp Campers"]
+};
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/add-two-numbers-with-javascript.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/add-two-numbers-with-javascript.arabic.md
new file mode 100644
index 0000000000..f4550e549d
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/add-two-numbers-with-javascript.arabic.md
@@ -0,0 +1,59 @@
+---
+id: cf1111c1c11feddfaeb3bdef
+title: Add Two Numbers with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: أضف رقمين مع JavaScript
+---
+
+## Description
+<section id="description"> <code>Number</code> هو نوع البيانات في JavaScript والذي يمثل البيانات الرقمية. الآن دعنا نحاول إضافة رقمين باستخدام JavaScript. تستخدم JavaScript الرمز <code>+</code> كعملية إضافة عند وضعها بين رقمين. <strong>مثال</strong> <blockquote style=";text-align:right;direction:rtl"> myVar = 5 + 10؛ // المعين 15 </blockquote></section>
+
+## Instructions
+<section id="instructions"> تغيير <code>0</code> بحيث يساوي مجموع <code>20</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sum</code> يجب أن يساوي <code>20</code>
+    testString: 'assert(sum === 20, "<code>sum</code> should equal <code>20</code>");'
+  - text: استخدم عامل التشغيل <code>+</code>
+    testString: 'assert(/\+/.test(code), "Use the <code>+</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var sum = 10 + 0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/adding-a-default-option-in-switch-statements.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/adding-a-default-option-in-switch-statements.arabic.md
new file mode 100644
index 0000000000..89d6903233
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/adding-a-default-option-in-switch-statements.arabic.md
@@ -0,0 +1,75 @@
+---
+id: 56533eb9ac21ba0edf2244de
+title: Adding a Default Option in Switch Statements
+challengeType: 1
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/adding-a-default-option-in-switch-statements'
+videoUrl: ''
+localeTitle: إضافة خيار افتراضي في تبديل البيانات
+---
+
+## Description
+<section id="description"> في بيان <code>switch</code> قد لا تتمكن من تحديد جميع القيم المحتملة كبيانات <code>case</code> . بدلاً من ذلك ، يمكنك إضافة العبارة <code>default</code> التي سيتم تنفيذها في حالة عدم العثور على عبارات <code>case</code> مطابقة. أعتقد أنه من مثل النهائي <code>else</code> بيان في <code>if/else</code> السلسلة. يجب أن تكون العبارة <code>default</code> هي الحالة الأخيرة. <blockquote style=";text-align:right;direction:rtl"> التبديل (عدد) { <br> قيمة الحالة 1: <br> statement1. <br> استراحة؛ <br> قيمة الحالة 2: <br> statement2. <br> استراحة؛ <br> ... <br> الافتراضي: <br> defaultStatement. <br> استراحة؛ <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> اكتب عبارة تبديل لتعيين <code>answer</code> عن الشروط التالية: <br> <code>&quot;a&quot;</code> - &quot;apple&quot; <br> <code>&quot;b&quot;</code> - &quot;طائر&quot; <br> <code>&quot;c&quot;</code> - &quot;cat&quot; <br> <code>default</code> - &quot;الاشياء&quot; </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون لـ <code>switchOfStuff(&quot;a&quot;)</code> قيمة &quot;apple&quot;
+    testString: 'assert(switchOfStuff("a") === "apple", "<code>switchOfStuff("a")</code> should have a value of "apple"");'
+  - text: يجب أن يكون <code>switchOfStuff(&quot;b&quot;)</code> قيمة &quot;bird&quot;
+    testString: 'assert(switchOfStuff("b") === "bird", "<code>switchOfStuff("b")</code> should have a value of "bird"");'
+  - text: يجب أن يكون لـ <code>switchOfStuff(&quot;c&quot;)</code> قيمة &quot;cat&quot;
+    testString: 'assert(switchOfStuff("c") === "cat", "<code>switchOfStuff("c")</code> should have a value of "cat"");'
+  - text: يجب أن يكون لـ <code>switchOfStuff(&quot;d&quot;)</code> قيمة &quot;الأشياء&quot;
+    testString: 'assert(switchOfStuff("d") === "stuff", "<code>switchOfStuff("d")</code> should have a value of "stuff"");'
+  - text: يجب أن يكون <code>switchOfStuff(4)</code> قيمة &quot;الأشياء&quot;
+    testString: 'assert(switchOfStuff(4) === "stuff", "<code>switchOfStuff(4)</code> should have a value of "stuff"");'
+  - text: يجب عدم استخدام أي <code>if</code> أو <code>else</code> البيانات
+    testString: 'assert(!/else/g.test(code) || !/if/g.test(code), "You should not use any <code>if</code> or <code>else</code> statements");'
+  - text: يجب عليك استخدام العبارة <code>default</code>
+    testString: 'assert(switchOfStuff("string-to-trigger-default-case") === "stuff", "You should use a <code>default</code> statement");'
+  - text: يجب أن يكون لديك على الأقل 3 بيانات <code>break</code>
+    testString: 'assert(code.match(/break/g).length > 2, "You should have at least 3 <code>break</code> statements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function switchOfStuff(val) {
+  var answer = "";
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+  return answer;
+}
+
+// Change this value to test
+switchOfStuff(1);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/appending-variables-to-strings.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/appending-variables-to-strings.arabic.md
new file mode 100644
index 0000000000..97e15d3339
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/appending-variables-to-strings.arabic.md
@@ -0,0 +1,68 @@
+---
+id: 56533eb9ac21ba0edf2244ed
+title: Appending Variables to Strings
+challengeType: 1
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/appending-variables-to-strings'
+videoUrl: ''
+localeTitle: إلحاق المتغيرات بالسلاسل
+---
+
+## Description
+<section id="description"> مثلما يمكننا بناء سلسلة على عدة أسطر من <dfn>القيم الحرفية</dfn> ، يمكننا أيضًا إضافة متغيرات إلى سلسلة باستخدام عامل plus equals ( <code>+=</code> ). </section>
+
+## Instructions
+<section id="instructions"> <code>someAdjective</code> إلى <code>myStr</code> باستخدام <code>+=</code> عامل التشغيل. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>someAdjective</code> يجب تعيين إلى سلسلة 3 أحرف على الأقل طويلة
+    testString: 'assert(typeof someAdjective !== "undefined" && someAdjective.length > 2, "<code>someAdjective</code> should be set to a string at least 3 characters long");'
+  - text: إلحاق <code>someAdjective</code> إلى <code>myStr</code> باستخدام <code>+=</code> عامل التشغيل
+    testString: 'assert(code.match(/myStr\s*\+=\s*someAdjective\s*/).length > 0, "Append <code>someAdjective</code> to <code>myStr</code> using the <code>+=</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var anAdjective = "awesome!";
+var ourStr = "freeCodeCamp is ";
+ourStr += anAdjective;
+
+// Only change code below this line
+
+var someAdjective;
+var myStr = "Learning to code is ";
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value.arabic.md
new file mode 100644
index 0000000000..5fd33b8845
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value.arabic.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244c3
+title: Assignment with a Returned Value
+challengeType: 1
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/assignment-with-a-returned-value'
+videoUrl: ''
+localeTitle: التنازل مع القيمة المرتجعة
+---
+
+## Description
+<section id="description"> إذا كنت ستتذكر من مناقشتنا لـ <a href="javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator" target="_blank">Storing Values ​​مع Assignment Operator</a> ، يتم حل كل شيء على يمين علامة المساواة قبل تعيين القيمة. هذا يعني أنه يمكننا أخذ قيمة الإرجاع للدالة وتعيينها لمتغير. افترض أننا حددنا مسبقا <code>sum</code> وظيفة يضيف رقمين معا ، ثم: <code>ourSum = sum(5, 12);</code> سوف تستدعي دالة <code>sum</code> ، والتي تُرجع قيمة <code>17</code> <code>ourSum</code> المتغير. </section>
+
+## Instructions
+<section id="instructions"> استدعاء الدالة <code>processArg</code> مع وسيطة من <code>7</code> وتعيين قيمته الإرجاع إلى المتغير <code>processed</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>processed</code> يجب أن يكون لها قيمة <code>2</code>
+    testString: 'assert(processed === 2, "<code>processed</code> should have a value of <code>2</code>");'
+  - text: يجب عليك تعيين <code>processArg</code> <code>processed</code>
+    testString: 'assert(/processed\s*=\s*processArg\(\s*7\s*\)\s*;/.test(code), "You should assign <code>processArg</code> to <code>processed</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var changed = 0;
+
+function change(num) {
+  return (num + 5) / 3;
+}
+
+changed = change(10);
+
+// Setup
+var processed = 0;
+
+function processArg(num) {
+  return (num + 3) / 5;
+}
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects.arabic.md
new file mode 100644
index 0000000000..fe869c7396
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects.arabic.md
@@ -0,0 +1,80 @@
+---
+id: 56bbb991ad1ed5201cd392d0
+title: Build JavaScript Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: بناء كائنات جافا سكريبت
+---
+
+## Description
+<section id="description"> ربما سمعت المصطلح <code>object</code> قبل. تشبه الكائنات <code>arrays</code> ، إلا أنه بدلاً من استخدام الفهارس للوصول إلى بياناتها وتعديلها ، يمكنك الوصول إلى البيانات الموجودة في الكائنات من خلال ما يسمى <code>properties</code> . تُعد الكائنات مفيدة لتخزين البيانات بطريقة منظمة ، ويمكن أن تمثل كائنات العالم الحقيقي ، مثل القطة. وإليك عينة كائن القط: <blockquote style=";text-align:right;direction:rtl"> var cat = { <br> &quot;الاسم&quot;: &quot;الشعيرات&quot; ، <br> &quot;الساقين&quot;: 4 ، <br> &quot;ذيول&quot;: 1 ، <br> &quot;الأعداء&quot;: [&quot;Water&quot;، &quot;Dogs&quot;] <br> }؛ </blockquote> في هذا المثال ، يتم تخزين جميع الخصائص كسلاسل ، مثل - <code>&quot;name&quot;</code> ، <code>&quot;legs&quot;</code> ، و <code>&quot;tails&quot;</code> . ومع ذلك ، يمكنك أيضًا استخدام الأرقام كخصائص. يمكنك حتى حذف علامات الاقتباس لخصائص السلسلة المفردة الكلمة ، كما يلي: <blockquote style=";text-align:right;direction:rtl"> var anotherObject = { <br> جعل: &quot;فورد&quot; ، <br> 5: &quot;خمسة&quot; ، <br> &quot;نموذج&quot;: &quot;التركيز&quot; <br> }؛ </blockquote> ومع ذلك ، إذا كان الكائن الخاص بك يحتوي على أية خصائص غير سلسلة ، فسوف يقوم جافا سكريبت بتلبيسها تلقائيًا كسلاسل. </section>
+
+## Instructions
+<section id="instructions"> جعل كائن يمثل كلب يسمى <code>myDog</code> الذي يحتوي على خصائص <code>&quot;name&quot;</code> (سلسلة) ، <code>&quot;legs&quot;</code> ، <code>&quot;tails&quot;</code> و <code>&quot;friends&quot;</code> . يمكنك تعيين خصائص الكائن هذه إلى أي قيم تريدها ، حيث أن <code>&quot;name&quot;</code> الطويل عبارة عن سلسلة ، و <code>&quot;legs&quot;</code> و <code>&quot;tails&quot;</code> هي أرقام ، و <code>&quot;friends&quot;</code> هو مصفوفة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myDog</code> يجب أن يحتوي على <code>name</code> الخاصية ويجب أن يكون <code>string</code> .
+    testString: 'assert((function(z){if(z.hasOwnProperty("name") && z.name !== undefined && typeof z.name === "string"){return true;}else{return false;}})(myDog), "<code>myDog</code> should contain the property <code>name</code> and it should be a <code>string</code>.");'
+  - text: <code>myDog</code> يجب أن يحتوي على <code>legs</code> العقار ويجب أن يكون <code>number</code> .
+    testString: 'assert((function(z){if(z.hasOwnProperty("legs") && z.legs !== undefined && typeof z.legs === "number"){return true;}else{return false;}})(myDog), "<code>myDog</code> should contain the property <code>legs</code> and it should be a <code>number</code>.");'
+  - text: <code>myDog</code> يجب أن يحتوي على <code>tails</code> الخاصية ويجب أن يكون <code>number</code> .
+    testString: 'assert((function(z){if(z.hasOwnProperty("tails") && z.tails !== undefined && typeof z.tails === "number"){return true;}else{return false;}})(myDog), "<code>myDog</code> should contain the property <code>tails</code> and it should be a <code>number</code>.");'
+  - text: <code>myDog</code> يجب أن يحتوي على <code>friends</code> الملكية ويجب أن يكون <code>array</code> .
+    testString: 'assert((function(z){if(z.hasOwnProperty("friends") && z.friends !== undefined && Array.isArray(z.friends)){return true;}else{return false;}})(myDog), "<code>myDog</code> should contain the property <code>friends</code> and it should be an <code>array</code>.");'
+  - text: يجب أن يحتوي <code>myDog</code> على جميع الخصائص المحددة فقط.
+    testString: 'assert((function(z){return Object.keys(z).length === 4;})(myDog), "<code>myDog</code> should only contain all the given properties.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"]
+};
+
+// Only change code below this line.
+
+var myDog = {
+
+
+
+
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements.arabic.md
new file mode 100644
index 0000000000..d31ac641b0
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements.arabic.md
@@ -0,0 +1,82 @@
+---
+id: 56533eb9ac21ba0edf2244dc
+title: Chaining If Else Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: تسلسل إذا كانت تصريحات أخرى
+---
+
+## Description
+<section id="description"> <code>if/else</code> يمكن ربط عبارات <code>if/else</code> معًا لمنطق معقد. هنا هو <dfn>pseudocode</dfn> متعددة متعددة السلاسل <code>if</code> / <code>else if</code> العبارات: <blockquote style=";text-align:right;direction:rtl"> إذا ( <em>condition1</em> ) { <br> <em>statement1</em> <br> } آخر إذا ( <em>condition2</em> ) { <br> <em>statement2</em> <br> } آخر إذا ( <em>condition3</em> ) { <br> <em>statement3</em> <br> . . . <br> } آخر { <br> <em>statementN</em> <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> كتابة مقيد <code>if</code> / <code>else if</code> عبارات تفي بالشروط التالية: <code>num &lt; 5</code> - return &quot;Tiny&quot; <br> <code>num &lt; 10</code> - عودة &quot;صغير&quot; <br> <code>num &lt; 15</code> - عودة &quot;متوسطة&quot; <br> <code>num &lt; 20</code> - عودة &quot;كبير&quot; <br> <code>num &gt;= 20</code> - return &quot;Huge&quot; </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون لديك على الأقل أربع <code>else</code> البيانات
+    testString: 'assert(code.match(/else/g).length > 3, "You should have at least four <code>else</code> statements");'
+  - text: يجب أن يكون لديك أربعة على الأقل <code>if</code> البيانات
+    testString: 'assert(code.match(/if/g).length > 3, "You should have at least four <code>if</code> statements");'
+  - text: يجب أن يكون لديك بيان <code>return</code> واحد على الأقل
+    testString: 'assert(code.match(/return/g).length >= 1, "You should have at least one <code>return</code> statement");'
+  - text: يجب أن ترجع <code>testSize(0)</code> &quot;صغيرة&quot;
+    testString: 'assert(testSize(0) === "Tiny", "<code>testSize(0)</code> should return "Tiny"");'
+  - text: يجب أن ترجع <code>testSize(4)</code> &quot;صغيرة&quot;
+    testString: 'assert(testSize(4) === "Tiny", "<code>testSize(4)</code> should return "Tiny"");'
+  - text: <code>testSize(5)</code> إرجاع &quot;صغير&quot;
+    testString: 'assert(testSize(5) === "Small", "<code>testSize(5)</code> should return "Small"");'
+  - text: <code>testSize(8)</code> إرجاع &quot;صغير&quot;
+    testString: 'assert(testSize(8) === "Small", "<code>testSize(8)</code> should return "Small"");'
+  - text: <code>testSize(10)</code> إرجاع &quot;Medium&quot;
+    testString: 'assert(testSize(10) === "Medium", "<code>testSize(10)</code> should return "Medium"");'
+  - text: <code>testSize(14)</code> إرجاع &quot;Medium&quot;
+    testString: 'assert(testSize(14) === "Medium", "<code>testSize(14)</code> should return "Medium"");'
+  - text: <code>testSize(15)</code> إرجاع &quot;كبير&quot;
+    testString: 'assert(testSize(15) === "Large", "<code>testSize(15)</code> should return "Large"");'
+  - text: <code>testSize(17)</code> إرجاع &quot;كبير&quot;
+    testString: 'assert(testSize(17) === "Large", "<code>testSize(17)</code> should return "Large"");'
+  - text: <code>testSize(20)</code> إرجاع &quot;ضخم&quot;
+    testString: 'assert(testSize(20) === "Huge", "<code>testSize(20)</code> should return "Huge"");'
+  - text: <code>testSize(25)</code> إرجاع &quot;ضخم&quot;
+    testString: 'assert(testSize(25) === "Huge", "<code>testSize(25)</code> should return "Huge"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testSize(num) {
+  // Only change code below this line
+
+
+  return "Change Me";
+  // Only change code above this line
+}
+
+// Change this value to test
+testSize(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code.arabic.md
new file mode 100644
index 0000000000..005129702a
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code.arabic.md
@@ -0,0 +1,50 @@
+---
+id: bd7123c9c441eddfaeb4bdef
+title: Comment Your JavaScript Code
+challengeType: 1
+videoUrl: ''
+localeTitle: تعليق كود جافاسكريبت الخاص بك
+---
+
+## Description
+<section id="description"> التعليقات هي أسطر من التعليمات البرمجية التي ستتجاهلها JavaScript بشكل مقصود. تعتبر التعليقات طريقة رائعة لترك ملاحظاتك لنفسك وللأشخاص الآخرين الذين سيحتاجون لاحقًا لمعرفة ما يفعله هذا الرمز. هناك طريقتان لكتابة التعليقات في جافا سكريبت: سيخبر استخدام <code>//</code> جافا سكريبت JavaScript لتجاهل الجزء المتبقي من النص في السطر الحالي: <blockquote style=";text-align:right;direction:rtl"> // هذا تعليق مباشر. </blockquote> يمكنك إنشاء تعليق متعدد الأسطر يبدأ بـ <code>/*</code> وينتهي بـ <code>*/</code> : <blockquote style=";text-align:right;direction:rtl"> /* هذا ال <br> تعليق متعدد الخطوط * / </blockquote> <strong>افضل تمرين</strong> <br> أثناء كتابة التعليمة البرمجية ، يجب إضافة التعليقات بانتظام لتوضيح وظيفة أجزاء من التعليمات البرمجية. يمكن للتعليق الجيد أن يساعد في توصيل مقاصد رمزك - سواء بالنسبة للآخرين <em>أو</em> لمستقبلك. </section>
+
+## Instructions
+<section id="instructions"> حاول إنشاء واحد من كل نوع من التعليقات. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: أنشئ تعليقًا بنمط <code>//</code> يحتوي على خمس رسائل على الأقل.
+    testString: 'assert(code.match(/(\/\/)...../g), "Create a <code>//</code> style comment that contains at least five letters.");'
+  - text: أنشئ تعليقًا بنمط <code>/* */</code> يحتوي على خمس رسائل على الأقل.
+    testString: 'assert(code.match(/(\/\*)([^\/]{5,})(?=\*\/)/gm), "Create a <code>/* */</code> style comment that contains at least five letters.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator.arabic.md
new file mode 100644
index 0000000000..933f60864b
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 56533eb9ac21ba0edf2244d0
+title: Comparison with the Equality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: مقارنة مع مشغل المساواة
+---
+
+## Description
+<section id="description"> هناك العديد من <dfn>مشغلي المقارنة</dfn> في JavaScript. كل هذه العوامل إرجاع منطقية <code>true</code> أو <code>false</code> القيمة. المشغل الأساسي هو مشغل المساواة <code>==</code> . يقارن عامل المساواة بين قيمتين ويعرض <code>true</code> إذا كانت مكافئة أو <code>false</code> إذا لم تكن كذلك. لاحظ أن المساواة تختلف عن الواجب ( <code>=</code> ) ، الذي يعين القيمة على يمين المشغل إلى متغير في اليسار. <blockquote style=";text-align:right;direction:rtl"> الوظيفة equalestTest (myVal) { <br> if (myVal == 10) { <br> العودة &quot;يساوي&quot; ؛ <br> } <br> &quot;لا يساوي&quot;؛ <br> } </blockquote> إذا كانت <code>myVal</code> تساوي <code>10</code> ، <code>myVal</code> عامل التساوي <code>true</code> ، لذا سيتم تنفيذ الشفرة في الأقواس المتعرجة ، وستعرض الدالة <code>&quot;Equal&quot;</code> . خلاف ذلك ، ستقوم الدالة بإرجاع <code>&quot;Not Equal&quot;</code> . لكي تتمكن JavaScript من مقارنة نوعين مختلفين من <code>data types</code> (على سبيل المثال ، <code>numbers</code> <code>strings</code> ) ، يجب أن تقوم بتحويل نوع واحد إلى آخر. هذا هو المعروف باسم &quot;نوع الإكراه&quot;. وبمجرد الانتهاء من ذلك ، يمكن مقارنة الشروط كما يلي: <blockquote style=";text-align:right;direction:rtl"> 1 == 1 // true <br> 1 == 2 // false <br> 1 == &#39;1&#39; // true <br> &quot;3&quot; == 3 // true </blockquote></section>
+
+## Instructions
+<section id="instructions"> أضف <code>equality operator</code> إلى الخط المحدد بحيث تقوم الدالة بإرجاع &quot;Equal&quot; عندما يكون <code>val</code> مساويًا لـ <code>12</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testEqual(10)</code> يجب أن ترجع &quot;غير مساوي&quot;
+    testString: 'assert(testEqual(10) === "Not Equal", "<code>testEqual(10)</code> should return "Not Equal"");'
+  - text: <code>testEqual(12)</code> يجب أن ترجع &quot;Equal&quot;
+    testString: 'assert(testEqual(12) === "Equal", "<code>testEqual(12)</code> should return "Equal"");'
+  - text: <code>testEqual(&quot;12&quot;)</code> إرجاع &quot;Equal&quot;
+    testString: 'assert(testEqual("12") === "Equal", "<code>testEqual("12")</code> should return "Equal"");'
+  - text: يجب عليك استخدام عامل التشغيل <code>==</code>
+    testString: 'assert(code.match(/==/g) && !code.match(/===/g), "You should use the <code>==</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function testEqual(val) {
+  if (val) { // Change this line
+    return "Equal";
+  }
+  return "Not Equal";
+}
+
+// Change this value to test
+testEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator.arabic.md
new file mode 100644
index 0000000000..9118202a67
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator.arabic.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244d4
+title: Comparison with the Greater Than Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: مقارنة مع أكبر من المشغل
+---
+
+## Description
+<section id="description"> أكبر من المشغل ( <code>&gt;</code> ) يقارن قيم رقمين. إذا كان الرقم إلى اليسار أكبر من الرقم إلى اليمين ، فسيعود إلى <code>true</code> . خلاف ذلك ، فإنها ترجع <code>false</code> . مثل المشغل المساواة ، أكبر من المشغل سوف يحول أنواع البيانات من القيم في حين مقارنة. <strong>أمثلة</strong> <blockquote style=";text-align:right;direction:rtl"> 5&gt; 3 // صحيح <br> 7&gt; &#39;3&#39; // true <br> 2&gt; 3 // false <br> &#39;1&#39;&gt; 9 // false </blockquote></section>
+
+## Instructions
+<section id="instructions"> إضافة <code>greater than</code> المشغل إلى الخطوط المشار إليها بحيث تكون عبارات العودة منطقية. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن <code>testGreaterThan(0)</code> &quot;10 أو أقل&quot;
+    testString: 'assert(testGreaterThan(0) === "10 or Under", "<code>testGreaterThan(0)</code> should return "10 or Under"");'
+  - text: <code>testGreaterThan(10)</code> إرجاع &quot;10 أو أقل&quot;
+    testString: 'assert(testGreaterThan(10) === "10 or Under", "<code>testGreaterThan(10)</code> should return "10 or Under"");'
+  - text: يجب أن ترجع <code>testGreaterThan(11)</code> &quot;أكثر من 10&quot;
+    testString: 'assert(testGreaterThan(11) === "Over 10", "<code>testGreaterThan(11)</code> should return "Over 10"");'
+  - text: <code>testGreaterThan(99)</code> إرجاع &quot;أكثر من 10&quot;
+    testString: 'assert(testGreaterThan(99) === "Over 10", "<code>testGreaterThan(99)</code> should return "Over 10"");'
+  - text: <code>testGreaterThan(100)</code> إرجاع &quot;أكثر من 10&quot;
+    testString: 'assert(testGreaterThan(100) === "Over 10", "<code>testGreaterThan(100)</code> should return "Over 10"");'
+  - text: <code>testGreaterThan(101)</code> إرجاع &quot;أكثر من 100&quot;
+    testString: 'assert(testGreaterThan(101) === "Over 100", "<code>testGreaterThan(101)</code> should return "Over 100"");'
+  - text: <code>testGreaterThan(150)</code> إرجاع &quot;أكثر من 100&quot;
+    testString: 'assert(testGreaterThan(150) === "Over 100", "<code>testGreaterThan(150)</code> should return "Over 100"");'
+  - text: يجب عليك استخدام <code>&gt;</code> مشغل على الأقل مرتين
+    testString: 'assert(code.match(/val\s*>\s*("|")*\d+("|")*/g).length > 1, "You should use the <code>&gt;</code> operator at least twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testGreaterThan(val) {
+  if (val) {  // Change this line
+    return "Over 100";
+  }
+
+  if (val) {  // Change this line
+    return "Over 10";
+  }
+
+  return "10 or Under";
+}
+
+// Change this value to test
+testGreaterThan(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator.arabic.md
new file mode 100644
index 0000000000..3e090929dc
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator.arabic.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244d5
+title: Comparison with the Greater Than Or Equal To Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: مقارنة مع أكبر من أو يساوي المشغل
+---
+
+## Description
+<section id="description"> يقارن العامل <code>greater than or equal to</code> ( <code>&gt;=</code> ) قيم رقمين. إذا كان الرقم إلى اليسار أكبر من أو يساوي الرقم إلى اليمين ، فإنه يُرجع <code>true</code> . خلاف ذلك ، فإنها ترجع <code>false</code> . مثل مشغل عامل المساواة ، فإن <code>greater than or equal to</code> المشغل سيقوم بتحويل أنواع البيانات أثناء المقارنة. <strong>أمثلة</strong> <blockquote style=";text-align:right;direction:rtl"> 6&gt; = 6 // true <br> 7&gt; = &#39;3&#39; // true <br> 2&gt; = 3 // false <br> &#39;7&#39;&gt; = 9 // false </blockquote></section>
+
+## Instructions
+<section id="instructions"> إضافة <code>greater than or equal to</code> المشغل إلى الخطوط المشار إليها بحيث تكون عبارات العودة منطقية. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن <code>testGreaterOrEqual(0)</code> &quot;أقل من 10&quot;
+    testString: 'assert(testGreaterOrEqual(0) === "Less than 10", "<code>testGreaterOrEqual(0)</code> should return "Less than 10"");'
+  - text: <code>testGreaterOrEqual(9)</code> إرجاع &quot;أقل من 10&quot;
+    testString: 'assert(testGreaterOrEqual(9) === "Less than 10", "<code>testGreaterOrEqual(9)</code> should return "Less than 10"");'
+  - text: يجب أن <code>testGreaterOrEqual(10)</code> &quot;10 أو أكثر&quot;
+    testString: 'assert(testGreaterOrEqual(10) === "10 or Over", "<code>testGreaterOrEqual(10)</code> should return "10 or Over"");'
+  - text: <code>testGreaterOrEqual(11)</code> إرجاع &quot;10 أو أكثر&quot;
+    testString: 'assert(testGreaterOrEqual(11) === "10 or Over", "<code>testGreaterOrEqual(11)</code> should return "10 or Over"");'
+  - text: <code>testGreaterOrEqual(19)</code> إرجاع &quot;10 أو أكثر&quot;
+    testString: 'assert(testGreaterOrEqual(19) === "10 or Over", "<code>testGreaterOrEqual(19)</code> should return "10 or Over"");'
+  - text: يجب أن <code>testGreaterOrEqual(100)</code> &quot;20 أو أكثر&quot;
+    testString: 'assert(testGreaterOrEqual(100) === "20 or Over", "<code>testGreaterOrEqual(100)</code> should return "20 or Over"");'
+  - text: <code>testGreaterOrEqual(21)</code> إرجاع &quot;20 أو أكثر&quot;
+    testString: 'assert(testGreaterOrEqual(21) === "20 or Over", "<code>testGreaterOrEqual(21)</code> should return "20 or Over"");'
+  - text: يجب عليك استخدام <code>&gt;=</code> عامل التشغيل على الأقل مرتين
+    testString: 'assert(code.match(/val\s*>=\s*("|")*\d+("|")*/g).length > 1, "You should use the <code>&gt;=</code> operator at least twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testGreaterOrEqual(val) {
+  if (val) {  // Change this line
+    return "20 or Over";
+  }
+
+  if (val) {  // Change this line
+    return "10 or Over";
+  }
+
+  return "Less than 10";
+}
+
+// Change this value to test
+testGreaterOrEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator.arabic.md
new file mode 100644
index 0000000000..b53a6e8e67
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator.arabic.md
@@ -0,0 +1,68 @@
+---
+id: 56533eb9ac21ba0edf2244d2
+title: Comparison with the Inequality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: مقارنة مع مشغل عدم المساواة
+---
+
+## Description
+<section id="description"> عامل عدم المساواة ( <code>!=</code> ) هو عكس مشغل المساواة. يعني &quot;غير متساوٍ&quot; ويعيد <code>false</code> حيث أن المساواة ستعود <code>true</code> <em>والعكس صحيح</em> . وعلى غرار مشغل المساواة ، يقوم مشغل عدم المساواة بتحويل أنواع البيانات من القيم عند المقارنة. <strong>أمثلة</strong> <blockquote style=";text-align:right;direction:rtl"> 1! = 2 / صحيح <br> 1! = &quot;1&quot; // false <br> 1! = &#39;1&#39; // false <br> 1! = true // false <br> 0! = false // false </blockquote></section>
+
+## Instructions
+<section id="instructions"> إضافة عامل عدم المساواة <code>!=</code> في جملة <code>if</code> بحيث تقوم الدالة بإرجاع &quot;غير مساوي&quot; عندما لا يكون <code>val</code> مساوياً لـ <code>99</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testNotEqual(99)</code> يجب أن ترجع &quot;Equal&quot;
+    testString: 'assert(testNotEqual(99) === "Equal", "<code>testNotEqual(99)</code> should return "Equal"");'
+  - text: <code>testNotEqual(&quot;99&quot;)</code> يجب أن يقوم بإرجاع &quot;Equal&quot;
+    testString: 'assert(testNotEqual("99") === "Equal", "<code>testNotEqual("99")</code> should return "Equal"");'
+  - text: يجب أن <code>testNotEqual(12)</code> &quot;غير مساوي&quot;
+    testString: 'assert(testNotEqual(12) === "Not Equal", "<code>testNotEqual(12)</code> should return "Not Equal"");'
+  - text: <code>testNotEqual(&quot;12&quot;)</code> &quot;غير مساوي&quot;
+    testString: 'assert(testNotEqual("12") === "Not Equal", "<code>testNotEqual("12")</code> should return "Not Equal"");'
+  - text: <code>testNotEqual(&quot;bob&quot;)</code> &quot;غير مساوي&quot;
+    testString: 'assert(testNotEqual("bob") === "Not Equal", "<code>testNotEqual("bob")</code> should return "Not Equal"");'
+  - text: يجب عليك استخدام <code>!=</code> عامل التشغيل
+    testString: 'assert(code.match(/(?!!==)!=/), "You should use the <code>!=</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function testNotEqual(val) {
+  if (val) { // Change this line
+    return "Not Equal";
+  }
+  return "Equal";
+}
+
+// Change this value to test
+testNotEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator.arabic.md
new file mode 100644
index 0000000000..a10d25a5ee
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator.arabic.md
@@ -0,0 +1,74 @@
+---
+id: 56533eb9ac21ba0edf2244d6
+title: Comparison with the Less Than Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: مقارنة مع أقل من المشغل
+---
+
+## Description
+<section id="description"> يقارن <dfn>أقل من</dfn> المشغل ( <code>&lt;</code> ) قيم رقمين. إذا كان الرقم إلى اليسار أقل من الرقم إلى اليمين ، فسيعود إلى الحالة <code>true</code> . خلاف ذلك ، فإنها ترجع <code>false</code> . مثل المشغل المساواة ، <dfn>أقل من</dfn> المشغل يحول أنواع البيانات أثناء مقارنة. <strong>أمثلة</strong> <blockquote style=";text-align:right;direction:rtl"> 2 &lt;5 / صحيح <br> &quot;3&quot; &lt;7 // صحيح <br> 5 &lt;5 // خاطئة <br> 3 &lt;2 // false <br> &quot;8&quot; &lt;4 // كاذبة </blockquote></section>
+
+## Instructions
+<section id="instructions"> إضافة <code>less than</code> المشغل إلى الخطوط المشار إليها بحيث تكون عبارات العودة منطقية. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن ترجع <code>testLessThan(0)</code> &quot;تحت 25&quot;
+    testString: 'assert(testLessThan(0) === "Under 25", "<code>testLessThan(0)</code> should return "Under 25"");'
+  - text: يجب أن ترجع <code>testLessThan(24)</code> &quot;تحت 25&quot;
+    testString: 'assert(testLessThan(24) === "Under 25", "<code>testLessThan(24)</code> should return "Under 25"");'
+  - text: يجب أن ترجع <code>testLessThan(25)</code> &quot;تحت 55&quot;
+    testString: 'assert(testLessThan(25) === "Under 55", "<code>testLessThan(25)</code> should return "Under 55"");'
+  - text: يجب أن ترجع <code>testLessThan(54)</code> &quot;تحت 55&quot;
+    testString: 'assert(testLessThan(54) === "Under 55", "<code>testLessThan(54)</code> should return "Under 55"");'
+  - text: <code>testLessThan(55)</code> إرجاع &quot;55 أو أكثر&quot;
+    testString: 'assert(testLessThan(55) === "55 or Over", "<code>testLessThan(55)</code> should return "55 or Over"");'
+  - text: يجب أن ترجع <code>testLessThan(99)</code> &quot;55 أو أكثر&quot;
+    testString: 'assert(testLessThan(99) === "55 or Over", "<code>testLessThan(99)</code> should return "55 or Over"");'
+  - text: يجب عليك استخدام <code>&lt;</code> المشغل مرتين على الأقل
+    testString: 'assert(code.match(/val\s*<\s*("|")*\d+("|")*/g).length > 1, "You should use the <code>&lt;</code> operator at least twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testLessThan(val) {
+  if (val) {  // Change this line
+    return "Under 25";
+  }
+
+  if (val) {  // Change this line
+    return "Under 55";
+  }
+
+  return "55 or Over";
+}
+
+// Change this value to test
+testLessThan(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator.arabic.md
new file mode 100644
index 0000000000..a5b3205508
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator.arabic.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244d7
+title: Comparison with the Less Than Or Equal To Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: مقارنة مع أقل من أو يساوي المشغل
+---
+
+## Description
+<section id="description"> يقارن <code>less than or equal to</code> المشغل ( <code>&lt;=</code> ) قيم رقمين. إذا كان الرقم إلى اليسار أقل من أو يساوي الرقم إلى اليمين ، فسيعود إلى <code>true</code> . إذا كان الرقم الموجود على اليسار أكبر من الرقم الموجود على اليمين ، فسيعرض <code>false</code> . مثل مشغل المساواة ، <code>less than or equal to</code> تحويل أنواع البيانات. <strong>أمثلة</strong> <blockquote style=";text-align:right;direction:rtl"> 4 &lt;= 5 // صحيح <br> &quot;7&quot; &lt;= 7 // صحيح <br> 5 &lt;= 5 // صحيح <br> 3 &lt;= 2 // خطأ <br> &quot;8&quot; &lt;= 4 // كاذبة </blockquote></section>
+
+## Instructions
+<section id="instructions"> إضافة <code>less than or equal to</code> المشغل إلى الخطوط المشار إليها بحيث تكون عبارات العودة منطقية. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن ترجع <code>testLessOrEqual(0)</code> &quot;Smaller Than أو Equal إلى 12&quot;
+    testString: 'assert(testLessOrEqual(0) === "Smaller Than or Equal to 12", "<code>testLessOrEqual(0)</code> should return "Smaller Than or Equal to 12"");'
+  - text: يجب أن ترجع <code>testLessOrEqual(11)</code> &quot;أصغر من أو يساوي إلى 12&quot;
+    testString: 'assert(testLessOrEqual(11) === "Smaller Than or Equal to 12", "<code>testLessOrEqual(11)</code> should return "Smaller Than or Equal to 12"");'
+  - text: يجب أن ترجع <code>testLessOrEqual(12)</code> &quot;Smaller Than أو Equal إلى 12&quot;
+    testString: 'assert(testLessOrEqual(12) === "Smaller Than or Equal to 12", "<code>testLessOrEqual(12)</code> should return "Smaller Than or Equal to 12"");'
+  - text: يجب أن ترجع <code>testLessOrEqual(23)</code> &quot;Smaller Than أو Equal إلى 24&quot;
+    testString: 'assert(testLessOrEqual(23) === "Smaller Than or Equal to 24", "<code>testLessOrEqual(23)</code> should return "Smaller Than or Equal to 24"");'
+  - text: يجب أن ترجع <code>testLessOrEqual(24)</code> &quot;Smaller Than أو Equal إلى 24&quot;
+    testString: 'assert(testLessOrEqual(24) === "Smaller Than or Equal to 24", "<code>testLessOrEqual(24)</code> should return "Smaller Than or Equal to 24"");'
+  - text: يجب أن ترجع <code>testLessOrEqual(25)</code> &quot;أكثر من 24&quot;
+    testString: 'assert(testLessOrEqual(25) === "More Than 24", "<code>testLessOrEqual(25)</code> should return "More Than 24"");'
+  - text: يجب أن ترجع <code>testLessOrEqual(55)</code> &quot;أكثر من 24&quot;
+    testString: 'assert(testLessOrEqual(55) === "More Than 24", "<code>testLessOrEqual(55)</code> should return "More Than 24"");'
+  - text: يجب عليك استخدام <code>&lt;=</code> عامل التشغيل على الأقل مرتين
+    testString: 'assert(code.match(/val\s*<=\s*("|")*\d+("|")*/g).length > 1, "You should use the <code>&lt;=</code> operator at least twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testLessOrEqual(val) {
+  if (val) {  // Change this line
+    return "Smaller Than or Equal to 12";
+  }
+
+  if (val) {  // Change this line
+    return "Smaller Than or Equal to 24";
+  }
+
+  return "More Than 24";
+}
+
+// Change this value to test
+testLessOrEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator.arabic.md
new file mode 100644
index 0000000000..d2b138d2e3
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 56533eb9ac21ba0edf2244d1
+title: Comparison with the Strict Equality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: مقارنة مع مشغل المساواة الصارمة
+---
+
+## Description
+<section id="description"> المساواة <code>===</code> ( <code>===</code> ) هي نظير مشغل المساواة ( <code>==</code> ). ومع ذلك ، على عكس مشغل المساواة ، الذي يحاول تحويل كلتا القيمتين مقارنة بالنوع الشائع ، فإن مشغل المساواة الصارم لا يقوم بتحويل نوع. إذا كانت القيم التي يتم مقارنتها لها أنواع مختلفة ، فإنها تعتبر غير متساوية ، وسيعود المشغل الصارم للمساواة كاذبة. <strong>أمثلة</strong> <blockquote style=";text-align:right;direction:rtl"> 3 === 3 // true <br> 3 === &#39;3&#39; // false </blockquote> في المثال الثاني ، <code>3</code> هو نوع <code>Number</code> و <code>&#39;3&#39;</code> هو نوع <code>String</code> . </section>
+
+## Instructions
+<section id="instructions"> استخدم عامل التساوي الصارم في العبارة <code>if</code> بحيث تقوم الدالة بإرجاع &quot;Equal&quot; عندما تكون <code>val</code> تساوي تمامًا <code>7</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن ترجع <code>testStrict(10)</code> &quot;غير مساوي&quot;
+    testString: 'assert(testStrict(10) === "Not Equal", "<code>testStrict(10)</code> should return "Not Equal"");'
+  - text: <code>testStrict(7)</code> إرجاع &quot;Equal&quot;
+    testString: 'assert(testStrict(7) === "Equal", "<code>testStrict(7)</code> should return "Equal"");'
+  - text: <code>testStrict(&quot;7&quot;)</code> إرجاع &quot;غير مساوي&quot;
+    testString: 'assert(testStrict("7") === "Not Equal", "<code>testStrict("7")</code> should return "Not Equal"");'
+  - text: يجب عليك استخدام عامل التشغيل <code>===</code>
+    testString: 'assert(code.match(/(val\s*===\s*\d+)|(\d+\s*===\s*val)/g).length > 0, "You should use the <code>===</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function testStrict(val) {
+  if (val) { // Change this line
+    return "Equal";
+  }
+  return "Not Equal";
+}
+
+// Change this value to test
+testStrict(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator.arabic.md
new file mode 100644
index 0000000000..6c98aae6d4
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 56533eb9ac21ba0edf2244d3
+title: Comparison with the Strict Inequality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: مقارنة مع مشغل عدم المساواة الصارم
+---
+
+## Description
+<section id="description"> إن عامل عدم المساواة الصارم ( <code>!==</code> ) هو المقابل المنطقي للمشغل الصارم للمساواة. ويعني &quot;عدم التساوي في الدقة&quot; ويعود <code>false</code> حيث تعود المساواة الصارمة إلى <code>true</code> <em>والعكس صحيح</em> . عدم المساواة الصارمة لن تقوم بتحويل أنواع البيانات. <strong>أمثلة</strong> <blockquote style=";text-align:right;direction:rtl"> 3! == 3 // false <br> 3! == &#39;3&#39; // true <br> 4! == 3 // صحيح </blockquote></section>
+
+## Instructions
+<section id="instructions"> إضافة <code>strict inequality operator</code> إلى العبارة <code>if</code> بحيث تقوم الدالة بإرجاع &quot;غير مساوي&quot; عندما لا يكون <code>val</code> مساوياً تمامًا لـ <code>17</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testStrictNotEqual(17)</code> إرجاع &quot;مساواة&quot;
+    testString: 'assert(testStrictNotEqual(17) === "Equal", "<code>testStrictNotEqual(17)</code> should return "Equal"");'
+  - text: <code>testStrictNotEqual(&quot;17&quot;)</code> &quot;غير مساوي&quot;
+    testString: 'assert(testStrictNotEqual("17") === "Not Equal", "<code>testStrictNotEqual("17")</code> should return "Not Equal"");'
+  - text: يجب أن <code>testStrictNotEqual(12)</code> &quot;غير مساوي&quot;
+    testString: 'assert(testStrictNotEqual(12) === "Not Equal", "<code>testStrictNotEqual(12)</code> should return "Not Equal"");'
+  - text: <code>testStrictNotEqual(&quot;bob&quot;)</code> &quot;غير مساوي&quot;
+    testString: 'assert(testStrictNotEqual("bob") === "Not Equal", "<code>testStrictNotEqual("bob")</code> should return "Not Equal"");'
+  - text: يجب عليك استخدام <code>!==</code> المشغل
+    testString: 'assert(code.match(/(val\s*!==\s*\d+)|(\d+\s*!==\s*val)/g).length > 0, "You should use the <code>!==</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function testStrictNotEqual(val) {
+  // Only Change Code Below this Line
+
+  if (val) {
+
+  // Only Change Code Above this Line
+
+    return "Not Equal";
+  }
+  return "Equal";
+}
+
+// Change this value to test
+testStrictNotEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator.arabic.md
new file mode 100644
index 0000000000..a4b741e8e5
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator.arabic.md
@@ -0,0 +1,81 @@
+---
+id: 56533eb9ac21ba0edf2244d8
+title: Comparisons with the Logical And Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: مقارنات مع المنطقية والمشغل
+---
+
+## Description
+<section id="description"> في بعض الأحيان ستحتاج إلى اختبار أكثر من شيء واحد في كل مرة. إرجاع <dfn>المنطقية</dfn> والمشغل ( <code>&amp;&amp;</code> ) <code>true</code> إذا وفقط إذا كانت <dfn>المعاملات</dfn> إلى اليسار واليمين صحيحاً. يمكن تحقيق نفس التأثير بتضمين جملة if داخل أخرى إذا: <blockquote style=";text-align:right;direction:rtl"> if (num&gt; 5) { <br> إذا (عدد &lt;10) { <br> العودة &quot;نعم&quot; ؛ <br> } <br> } <br> العودة &quot;لا&quot; ؛ </blockquote> سيعود فقط &quot;نعم&quot; إذا <code>num</code> أكبر من <code>5</code> وأقل من <code>10</code> . نفس المنطق يمكن كتابته على النحو التالي: <blockquote style=";text-align:right;direction:rtl"> if (num&gt; 5 &amp; num &lt;10) { <br> العودة &quot;نعم&quot; ؛ <br> } <br> العودة &quot;لا&quot; ؛ </blockquote></section>
+
+## Instructions
+<section id="instructions"> قم بدمج العبارة &quot;if&quot; في عبارة واحدة والتي ستُرجع <code>&quot;Yes&quot;</code> إذا كان <code>val</code> أقل من أو يساوي <code>50</code> وأكبر من أو يساوي <code>25</code> . خلاف ذلك ، سيعود <code>&quot;No&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب عليك استخدام مشغل <code>&amp;&amp;</code> مرة واحدة
+    testString: 'assert(code.match(/&&/g).length === 1, "You should use the <code>&&</code> operator once");'
+  - text: يجب أن يكون لديك واحد فقط <code>if</code> البيان
+    testString: 'assert(code.match(/if/g).length === 1, "You should only have one <code>if</code> statement");'
+  - text: يجب أن ترجع <code>testLogicalAnd(0)</code> &quot;لا&quot;
+    testString: 'assert(testLogicalAnd(0) === "No", "<code>testLogicalAnd(0)</code> should return "No"");'
+  - text: <code>testLogicalAnd(24)</code> يجب أن ترجع &quot;لا&quot;
+    testString: 'assert(testLogicalAnd(24) === "No", "<code>testLogicalAnd(24)</code> should return "No"");'
+  - text: <code>testLogicalAnd(25)</code> يجب أن ترجع &quot;Yes&quot;
+    testString: 'assert(testLogicalAnd(25) === "Yes", "<code>testLogicalAnd(25)</code> should return "Yes"");'
+  - text: يجب أن ترجع <code>testLogicalAnd(30)</code> &quot;نعم&quot;
+    testString: 'assert(testLogicalAnd(30) === "Yes", "<code>testLogicalAnd(30)</code> should return "Yes"");'
+  - text: يجب أن ترجع <code>testLogicalAnd(50)</code> &quot;نعم&quot;
+    testString: 'assert(testLogicalAnd(50) === "Yes", "<code>testLogicalAnd(50)</code> should return "Yes"");'
+  - text: <code>testLogicalAnd(51)</code> يجب أن ترجع &quot;لا&quot;
+    testString: 'assert(testLogicalAnd(51) === "No", "<code>testLogicalAnd(51)</code> should return "No"");'
+  - text: يجب أن <code>testLogicalAnd(75)</code> &quot;لا&quot;
+    testString: 'assert(testLogicalAnd(75) === "No", "<code>testLogicalAnd(75)</code> should return "No"");'
+  - text: <code>testLogicalAnd(80)</code> يجب أن ترجع &quot;لا&quot;
+    testString: 'assert(testLogicalAnd(80) === "No", "<code>testLogicalAnd(80)</code> should return "No"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testLogicalAnd(val) {
+  // Only change code below this line
+
+  if (val) {
+    if (val) {
+      return "Yes";
+    }
+  }
+
+  // Only change code above this line
+  return "No";
+}
+
+// Change this value to test
+testLogicalAnd(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator.arabic.md
new file mode 100644
index 0000000000..0ae38ebbac
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator.arabic.md
@@ -0,0 +1,83 @@
+---
+id: 56533eb9ac21ba0edf2244d9
+title: Comparisons with the Logical Or Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: مقارنات مع المنطقي أو المشغل
+---
+
+## Description
+<section id="description"> إرجاع <dfn>المنطقية أو</dfn> عامل التشغيل ( <code>||</code> ) <code>true</code> إذا كان أي من <dfn>المعاملات</dfn> <code>true</code> . خلاف ذلك ، فإنها ترجع <code>false</code> . <dfn>المنطقي أو</dfn> المشغل يتكون من اثنين من رموز الأنبوب ( <code>|</code> ). يمكن العثور على ذلك عادةً بين مفتاحي Backspace و Enter. يجب أن يبدو النمط أدناه مألوفًا من نقاط الطريق السابقة: <blockquote style=";text-align:right;direction:rtl"> if (num&gt; 10) { <br> العودة &quot;لا&quot; ؛ <br> } <br> إذا (عدد &lt;5) { <br> العودة &quot;لا&quot; ؛ <br> } <br> العودة &quot;نعم&quot; ؛ </blockquote> سيعود &quot;نعم&quot; إلا إذا <code>num</code> ما بين <code>5</code> و <code>10</code> (5 و 10 مدرجة). نفس المنطق يمكن كتابته على النحو التالي: <blockquote style=";text-align:right;direction:rtl"> if (num&gt; 10 || num &lt;5) { <br> العودة &quot;لا&quot; ؛ <br> } <br> العودة &quot;نعم&quot; ؛ </blockquote></section>
+
+## Instructions
+<section id="instructions"> اجمع بين العبارة &quot; <code>if</code> في عبارة واحدة والتي تُرجع <code>&quot;Outside&quot;</code> إذا لم يكن <code>val</code> ما بين <code>10</code> و <code>20</code> ضمناً. خلاف ذلك ، والعودة <code>&quot;Inside&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب عليك استخدام <code>||</code> عامل مرة واحدة
+    testString: 'assert(code.match(/\|\|/g).length === 1, "You should use the <code>||</code> operator once");'
+  - text: يجب أن يكون لديك واحد فقط <code>if</code> البيان
+    testString: 'assert(code.match(/if/g).length === 1, "You should only have one <code>if</code> statement");'
+  - text: يجب أن ترجع <code>testLogicalOr(0)</code> &quot;خارج&quot;
+    testString: 'assert(testLogicalOr(0) === "Outside", "<code>testLogicalOr(0)</code> should return "Outside"");'
+  - text: يجب أن ترجع <code>testLogicalOr(9)</code> &quot;خارج&quot;
+    testString: 'assert(testLogicalOr(9) === "Outside", "<code>testLogicalOr(9)</code> should return "Outside"");'
+  - text: <code>testLogicalOr(10)</code> إرجاع &quot;Inside&quot;
+    testString: 'assert(testLogicalOr(10) === "Inside", "<code>testLogicalOr(10)</code> should return "Inside"");'
+  - text: <code>testLogicalOr(15)</code> إرجاع &quot;Inside&quot;
+    testString: 'assert(testLogicalOr(15) === "Inside", "<code>testLogicalOr(15)</code> should return "Inside"");'
+  - text: <code>testLogicalOr(19)</code> إرجاع &quot;Inside&quot;
+    testString: 'assert(testLogicalOr(19) === "Inside", "<code>testLogicalOr(19)</code> should return "Inside"");'
+  - text: <code>testLogicalOr(20)</code> إرجاع &quot;Inside&quot;
+    testString: 'assert(testLogicalOr(20) === "Inside", "<code>testLogicalOr(20)</code> should return "Inside"");'
+  - text: يجب أن ترجع <code>testLogicalOr(21)</code> &quot;خارج&quot;
+    testString: 'assert(testLogicalOr(21) === "Outside", "<code>testLogicalOr(21)</code> should return "Outside"");'
+  - text: يجب أن ترجع <code>testLogicalOr(25)</code> &quot;خارج&quot;
+    testString: 'assert(testLogicalOr(25) === "Outside", "<code>testLogicalOr(25)</code> should return "Outside"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testLogicalOr(val) {
+  // Only change code below this line
+
+  if (val) {
+    return "Outside";
+  }
+
+  if (val) {
+    return "Outside";
+  }
+
+  // Only change code above this line
+  return "Inside";
+}
+
+// Change this value to test
+testLogicalOr(15);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-addition.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-addition.arabic.md
new file mode 100644
index 0000000000..bb116951ae
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-addition.arabic.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244af
+title: Compound Assignment With Augmented Addition
+challengeType: 1
+videoUrl: ''
+localeTitle: مهمة مركبة مع إضافة مضافة
+---
+
+## Description
+<section id="description"> في البرمجة ، من الشائع استخدام التعيينات لتعديل محتويات المتغير. تذكر أن كل شيء على يمين علامة المساواة يتم تقييمه أولاً ، حتى يمكننا قول: <code>myVar = myVar + 5;</code> لإضافة <code>5</code> إلى <code>myVar</code> . بما أن هذا هو النمط الشائع ، فهناك مشغلين يقومون بعملية رياضية وتعيين في خطوة واحدة. أحد هذه المشغلات هو عامل <code>+=</code> . <blockquote style=";text-align:right;direction:rtl"> var myVar = 1 ، <br> myVar + = 5؛ <br> console.log (myVar)؛ // إرجاع 6 </blockquote></section>
+
+## Instructions
+<section id="instructions"> قم بتحويل التعيينات لـ <code>a</code> و <code>b</code> و <code>c</code> لاستخدام <code>+=</code> عامل التشغيل. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>a</code> يجب أن يساوي <code>15</code>
+    testString: 'assert(a === 15, "<code>a</code> should equal <code>15</code>");'
+  - text: <code>b</code> يجب أن تساوي <code>26</code>
+    testString: 'assert(b === 26, "<code>b</code> should equal <code>26</code>");'
+  - text: <code>c</code> يجب أن تساوي <code>19</code>
+    testString: 'assert(c === 19, "<code>c</code> should equal <code>19</code>");'
+  - text: يجب عليك استخدام <code>+=</code> عامل لكل متغير
+    testString: 'assert(code.match(/\+=/g).length === 3, "You should use the <code>+=</code> operator for each variable");'
+  - text: لا تعدّل الشفرة فوق الخط
+    testString: 'assert(/var a = 3;/.test(code) && /var b = 17;/.test(code) && /var c = 12;/.test(code), "Do not modify the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var a = 3;
+var b = 17;
+var c = 12;
+
+// Only modify code below this line
+
+a = a + 12;
+b = 9 + b;
+c = c + 7;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division.arabic.md
new file mode 100644
index 0000000000..9d165d7ee7
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division.arabic.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244b2
+title: Compound Assignment With Augmented Division
+challengeType: 1
+videoUrl: ''
+localeTitle: تكليف مركب مع قسم معزز
+---
+
+## Description
+<section id="description"> يقوم عامل التشغيل <code>/=</code> بتقسيم متغير برقم آخر. <code>myVar = myVar / 5;</code> سوف يقسم <code>myVar</code> بنسبة <code>5</code> . يمكن إعادة كتابة هذا كـ: <code>myVar /= 5;</code> </section>
+
+## Instructions
+<section id="instructions"> قم بتحويل التعيينات لـ <code>a</code> و <code>b</code> و <code>c</code> لاستخدام <code>/=</code> operator. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>a</code> يجب أن يساوي <code>4</code>
+    testString: 'assert(a === 4, "<code>a</code> should equal <code>4</code>");'
+  - text: <code>b</code> يجب أن تساوي <code>27</code>
+    testString: 'assert(b === 27, "<code>b</code> should equal <code>27</code>");'
+  - text: <code>c</code> يجب أن يساوي <code>3</code>
+    testString: 'assert(c === 3, "<code>c</code> should equal <code>3</code>");'
+  - text: يجب عليك استخدام عامل التشغيل <code>/=</code> لكل متغير
+    testString: 'assert(code.match(/\/=/g).length === 3, "You should use the <code>/=</code> operator for each variable");'
+  - text: لا تعدّل الشفرة فوق الخط
+    testString: 'assert(/var a = 48;/.test(code) && /var b = 108;/.test(code) && /var c = 33;/.test(code), "Do not modify the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var a = 48;
+var b = 108;
+var c = 33;
+
+// Only modify code below this line
+
+a = a / 12;
+b = b / 4;
+c = c / 11;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication.arabic.md
new file mode 100644
index 0000000000..b9458251d0
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication.arabic.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244b1
+title: Compound Assignment With Augmented Multiplication
+challengeType: 1
+videoUrl: ''
+localeTitle: مهمة مركبة مع تكاثر مضاعف
+---
+
+## Description
+<section id="description"> يقوم عامل التشغيل <code>*=</code> بضرب متغير برقم. <code>myVar = myVar * 5;</code> سوف تضاعف <code>myVar</code> بنسبة <code>5</code> . يمكن إعادة كتابة هذا كـ: <code>myVar *= 5;</code> </section>
+
+## Instructions
+<section id="instructions"> قم بتحويل التعيينات لـ <code>a</code> و <code>b</code> و <code>c</code> لاستخدام <code>*=</code> operator. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>a</code> يجب أن يساوي <code>25</code>
+    testString: 'assert(a === 25, "<code>a</code> should equal <code>25</code>");'
+  - text: <code>b</code> يجب أن تساوي <code>36</code>
+    testString: 'assert(b === 36, "<code>b</code> should equal <code>36</code>");'
+  - text: <code>c</code> يجب أن تساوي <code>46</code>
+    testString: 'assert(c === 46, "<code>c</code> should equal <code>46</code>");'
+  - text: يجب عليك استخدام عامل التشغيل <code>*=</code> لكل متغير
+    testString: 'assert(code.match(/\*=/g).length === 3, "You should use the <code>*=</code> operator for each variable");'
+  - text: لا تعدّل الشفرة فوق الخط
+    testString: 'assert(/var a = 5;/.test(code) && /var b = 12;/.test(code) && /var c = 4\.6;/.test(code), "Do not modify the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var a = 5;
+var b = 12;
+var c = 4.6;
+
+// Only modify code below this line
+
+a = a * 5;
+b = 3 * b;
+c = c * 10;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-subtraction.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-subtraction.arabic.md
new file mode 100644
index 0000000000..fea3cbc24a
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-subtraction.arabic.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244b0
+title: Compound Assignment With Augmented Subtraction
+challengeType: 1
+videoUrl: ''
+localeTitle: مهمة مركبة مع الطرح المعزز
+---
+
+## Description
+<section id="description"> مثل <code>+=</code> عامل التشغيل ، <code>-=</code> طرح عدد من متغير. <code>myVar = myVar - 5;</code> سوف طرح <code>5</code> من <code>myVar</code> . يمكن إعادة كتابة هذا كـ: <code>myVar -= 5;</code> </section>
+
+## Instructions
+<section id="instructions"> قم بتحويل التعيينات لـ <code>a</code> و <code>b</code> و <code>c</code> لاستخدام عامل التشغيل <code>-=</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>a</code> يجب أن يساوي <code>5</code>
+    testString: 'assert(a === 5, "<code>a</code> should equal <code>5</code>");'
+  - text: <code>b</code> ينبغي أن تساوي <code>-6</code>
+    testString: 'assert(b === -6, "<code>b</code> should equal <code>-6</code>");'
+  - text: <code>c</code> يجب أن تساوي <code>2</code>
+    testString: 'assert(c === 2, "<code>c</code> should equal <code>2</code>");'
+  - text: يجب عليك استخدام <code>-=</code> عامل لكل متغير
+    testString: 'assert(code.match(/-=/g).length === 3, "You should use the <code>-=</code> operator for each variable");'
+  - text: لا تعدّل الشفرة فوق الخط
+    testString: 'assert(/var a = 11;/.test(code) && /var b = 9;/.test(code) && /var c = 3;/.test(code), "Do not modify the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var a = 11;
+var b = 9;
+var c = 3;
+
+// Only modify code below this line
+
+a = a - 6;
+b = b - 15;
+c = c - 1;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-plus-operator.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-plus-operator.arabic.md
new file mode 100644
index 0000000000..96a796e0a6
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-plus-operator.arabic.md
@@ -0,0 +1,68 @@
+---
+id: 56533eb9ac21ba0edf2244b7
+title: Concatenating Strings with Plus Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: سلاسل متسلسلة مع Plus Operator
+---
+
+## Description
+<section id="description"> في JavaScript ، عندما يتم استخدام عامل التشغيل <code>+</code> مع قيمة <code>String</code> ، يطلق عليه عامل التشغيل <dfn>السلسة</dfn> . يمكنك إنشاء سلسلة جديدة خارج السلاسل الأخرى عن طريق <dfn>وصلها</dfn> معًا. <strong>مثال</strong> <blockquote style=";text-align:right;direction:rtl"> &quot;اسمي ألان ،&quot; + &quot;أنا سلسلته&quot;. </blockquote> <strong>ملحوظة</strong> <br> احترس من المساحات. لا يضيف Concatenation فراغات بين السلاسل المتسلسلة ، لذا ستحتاج إلى إضافتها بنفسك. </section>
+
+## Instructions
+<section id="instructions"> بناء <code>myStr</code> من السلاسل <code>&quot;This is the start. &quot;</code> و <code>&quot;This is the end.&quot;</code> باستخدام عامل <code>+</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون لـ <code>myStr</code> قيمة <code>This is the start. This is the end.</code>
+    testString: 'assert(myStr === "This is the start. This is the end.", "<code>myStr</code> should have a value of <code>This is the start. This is the end.</code>");'
+  - text: استخدم عامل التشغيل <code>+</code> لبناء <code>myStr</code>
+    testString: 'assert(code.match(/([""]).*([""])\s*\+\s*([""]).*([""])/g).length > 1, "Use the <code>+</code> operator to build <code>myStr</code>");'
+  - text: يجب إنشاء <code>myStr</code> باستخدام الكلمة الرئيسية <code>var</code> .
+    testString: 'assert(/var\s+myStr/.test(code), "<code>myStr</code> should be created using the <code>var</code> keyword.");'
+  - text: تأكد من تعيين النتيجة لمتغير <code>myStr</code> .
+    testString: 'assert(/myStr\s*=/.test(code), "Make sure to assign the result to the <code>myStr</code> variable.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourStr = "I come first. " + "I come second.";
+
+// Only change code below this line
+
+var myStr;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.arabic.md
new file mode 100644
index 0000000000..e43f306f00
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.arabic.md
@@ -0,0 +1,65 @@
+---
+id: 56533eb9ac21ba0edf2244b8
+title: Concatenating Strings with the Plus Equals Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: سلاسل متسلسلة مع Plus Equals Operator
+---
+
+## Description
+<section id="description"> يمكننا أيضًا استخدام <code>+=</code> operator <dfn>لسَلسَلة</dfn> سلسلة في نهاية متغير سلسلة موجود. يمكن أن يكون هذا مفيدًا جدًا لكسر سلسلة طويلة عبر عدة أسطر. <strong>ملحوظة</strong> <br> احترس من المساحات. لا يضيف Concatenation فراغات بين السلاسل المتسلسلة ، لذا ستحتاج إلى إضافتها بنفسك. </section>
+
+## Instructions
+<section id="instructions"> إنشاء <code>myStr</code> عبر عدة سطور عن طريق وصل هاتين السلسلتين: <code>&quot;This is the first sentence. &quot;</code> و <code>&quot;This is the second sentence.&quot;</code> باستخدام <code>+=</code> عامل التشغيل. استخدم <code>+=</code> عامل مشابه لكيفية ظهوره في المحرر. ابدأ بتخصيص السلسلة الأولى إلى <code>myStr</code> ، ثم أضفها في السلسلة الثانية. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون لـ <code>myStr</code> قيمة <code>This is the first sentence. This is the second sentence.</code>
+    testString: 'assert(myStr === "This is the first sentence. This is the second sentence.", "<code>myStr</code> should have a value of <code>This is the first sentence. This is the second sentence.</code>");'
+  - text: استخدم <code>+=</code> عامل لبناء <code>myStr</code>
+    testString: 'assert(code.match(/\w\s*\+=\s*[""]/g).length > 1 && code.match(/\w\s*\=\s*[""]/g).length > 1, "Use the <code>+=</code> operator to build <code>myStr</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourStr = "I come first. ";
+ourStr += "I come second.";
+
+// Only change code below this line
+
+var myStr;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/constructing-strings-with-variables.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/constructing-strings-with-variables.arabic.md
new file mode 100644
index 0000000000..54bea91d47
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/constructing-strings-with-variables.arabic.md
@@ -0,0 +1,65 @@
+---
+id: 56533eb9ac21ba0edf2244b9
+title: Constructing Strings with Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: بناء سلاسل مع المتغيرات
+---
+
+## Description
+<section id="description"> في بعض الأحيان سوف تحتاج إلى بناء سلسلة ، نمط <a href="https://en.wikipedia.org/wiki/Mad_Libs" target="_blank">Mad Libs</a> . باستخدام عامل التشغيل السلسة ( <code>+</code> ) ، يمكنك إدراج متغير واحد أو أكثر في سلسلة تقوم ببنائها. </section>
+
+## Instructions
+<section id="instructions"> تعيين <code>myName</code> إلى سلسلة يساوي اسمك وبناء <code>myStr</code> مع <code>myName</code> بين الجمل <code>&quot;My name is &quot;</code> و <code>&quot; and I am well!&quot;</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب تعيين <code>myName</code> إلى سلسلة لا تقل عن 3 أحرف
+    testString: 'assert(typeof myName !== "undefined" && myName.length > 2, "<code>myName</code> should be set to a string at least 3 characters long");'
+  - text: استخدام اثنين <code>+</code> المشغلين لبناء <code>myStr</code> مع <code>myName</code> داخله
+    testString: 'assert(code.match(/[""]\s*\+\s*myName\s*\+\s*[""]/g).length > 0, "Use two <code>+</code> operators to build <code>myStr</code> with <code>myName</code> inside it");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourName = "freeCodeCamp";
+var ourStr = "Hello, our name is " + ourName + ", how are you?";
+
+// Only change code below this line
+var myName;
+var myStr;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop.arabic.md
new file mode 100644
index 0000000000..67c94755ff
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 56105e7b514f539506016a5e
+title: Count Backwards With a For Loop
+challengeType: 1
+videoUrl: ''
+localeTitle: عد إلى الخلف مع ل حلقة
+---
+
+## Description
+<section id="description"> يمكن أيضًا حساب العروة للخلف ، طالما أننا نستطيع تحديد الشروط الصحيحة. من أجل احتساب العكسيتين بعلامة twos ، سنحتاج إلى تغيير <code>initialization</code> <code>condition</code> <code>final-expression</code> . سنبدأ عند <code>i = 10</code> والحلقة بينما <code>i &gt; 0</code> . سنقوم decrement <code>i</code> كل حلقة 2 مع <code>i -= 2</code> . <blockquote style=";text-align:right;direction:rtl"> var ourArray = []؛ <br> for (var i = 10؛ i&gt; 0؛ i- = 2) { <br> ourArray.push (ط)؛ <br> } </blockquote> <code>ourArray</code> الآن <code>[10,8,6,4,2]</code> . دعونا نغير <code>initialization</code> <code>final-expression</code> حتى نتمكن من العد إلى الوراء من خلال الاثنتين بالأرقام الفردية. </section>
+
+## Instructions
+<section id="instructions"> ادفع الأرقام الفردية من 9 إلى 1 إلى <code>myArray</code> باستخدام حلقة <code>for</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تكون باستخدام <code>for</code> حلقة لهذا الغرض.
+    testString: 'assert(code.match(/for\s*\(/g).length > 1, "You should be using a <code>for</code> loop for this.");'
+  - text: يجب أن تستخدم <code>push</code> طريقة الصفيف.
+    testString: 'assert(code.match(/myArray.push/), "You should be using the array method <code>push</code>.");'
+  - text: '<code>myArray</code> ينبغي أن تساوي <code>[9,7,5,3,1]</code> .'
+    testString: 'assert.deepEqual(myArray, [9,7,5,3,1], "<code>myArray</code> should equal <code>[9,7,5,3,1]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [];
+
+for (var i = 10; i > 0; i -= 2) {
+  ourArray.push(i);
+}
+
+// Setup
+var myArray = [];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.arabic.md
new file mode 100644
index 0000000000..4c16fbd9a1
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.arabic.md
@@ -0,0 +1,74 @@
+---
+id: 565bbe00e9cc8ac0725390f4
+title: Counting Cards
+challengeType: 1
+videoUrl: ''
+localeTitle: عد بطاقات
+---
+
+## Description
+<section id="description"> في لعبة الكازينو Blackjack ، يمكن للاعب الحصول على ميزة على المنزل من خلال تتبع العدد النسبي للبطاقات العالية والمنخفضة المتبقية في سطح السفينة. وهذا ما يسمى <a href="https://en.wikipedia.org/wiki/Card_counting" target="_blank">حساب البطاقة</a> . وجود المزيد من البطاقات العالية المتبقية في سطح السفينة تفضل اللاعب. يتم تعيين قيمة لكل بطاقة وفقًا للجدول أدناه. عندما يكون العد موجبًا ، يجب أن يراهن اللاعب عالياً. عندما يكون العدد صفرًا أو سلبيًا ، يجب على اللاعب الرهان منخفضًا. <table class="table table-striped" style=";text-align:right;direction:rtl"><thead><tr><th> عد التغيير </th><th> بطاقات </th></tr></thead><tbody><tr><td> +1 </td><td> 2 و 3 و 4 و 5 و 6 </td></tr><tr><td> 0 </td><td> 7 و 8 و 9 </td></tr><tr><td> -1 </td><td> 10 ، &#39;J&#39; ، &#39;Q&#39; ، &#39;K&#39; ، &#39;A&#39; </td></tr></tbody></table> ستكتب وظيفة حساب البطاقة. سيحصل على معلمة <code>card</code> ، والتي يمكن أن تكون رقمًا أو سلسلة ، وزيادة أو إنقاص متغير <code>count</code> العالمي وفقًا لقيمة البطاقة (انظر الجدول). ستقوم الدالة بعد ذلك بإرجاع سلسلة مع العدد الحالي وسلسلة <code>Bet</code> إذا كان العدد موجبًا ، أو <code>Hold</code> إذا كان العدد صفراً أو سالباً. يجب فصل العدد الحالي وقرار اللاعب ( <code>Bet</code> أو <code>Hold</code> ) بمسافة واحدة. <strong>ناتج المثال</strong> <br> <code>-3 Hold</code> <br> <code>5 Bet</code> <strong>تلميح</strong> <code>5 Bet</code> <br> لا تقم بإعادة تعيين <code>count</code> إلى 0 عندما تكون القيمة 7 أو 8 أو 9. <br> لا ترجع مصفوفة. <br> لا تقم بتضمين علامات الاقتباس (مفردة أو مزدوجة) في الإخراج. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تعود تسلسلات البطاقات 2 و 3 و 4 و 5 و 6 إلى <code>5 Bet</code>
+    testString: 'assert((function(){ count = 0; cc(2);cc(3);cc(4);cc(5);var out = cc(6); if(out === "5 Bet") {return true;} return false; })(), "Cards Sequence 2, 3, 4, 5, 6 should return <code>5 Bet</code>");'
+  - text: يجب أن تعود تسلسلات البطاقات 7 و 8 و 9 <code>0 Hold</code>
+    testString: 'assert((function(){ count = 0; cc(7);cc(8);var out = cc(9); if(out === "0 Hold") {return true;} return false; })(), "Cards Sequence 7, 8, 9 should return <code>0 Hold</code>");'
+  - text: يجب أن تعود تسلسلات البطاقات 10 و J و Q و K و A إلى <code>-5 Hold</code>
+    testString: 'assert((function(){ count = 0; cc(10);cc("J");cc("Q");cc("K");var out = cc("A"); if(out === "-5 Hold") {return true;} return false; })(), "Cards Sequence 10, J, Q, K, A should return <code>-5 Hold</code>");'
+  - text: يجب أن تعود تسلسلات البطاقات 3 و 7 و Q و 8 و A إلى <code>-1 Hold</code>
+    testString: 'assert((function(){ count = 0; cc(3);cc(7);cc("Q");cc(8);var out = cc("A"); if(out === "-1 Hold") {return true;} return false; })(), "Cards Sequence 3, 7, Q, 8, A should return <code>-1 Hold</code>");'
+  - text: يجب أن تعيد بطاقات التسلسل 2 ، J ، 9 ، 2 ، 7 <code>1 Bet</code>
+    testString: 'assert((function(){ count = 0; cc(2);cc("J");cc(9);cc(2);var out = cc(7); if(out === "1 Bet") {return true;} return false; })(), "Cards Sequence 2, J, 9, 2, 7 should return <code>1 Bet</code>");'
+  - text: يجب أن تعيد بطاقات التسلسل 2 و 2 و 10 <code>1 Bet</code>
+    testString: 'assert((function(){ count = 0; cc(2);cc(2);var out = cc(10); if(out === "1 Bet") {return true;} return false; })(), "Cards Sequence 2, 2, 10 should return <code>1 Bet</code>");'
+  - text: يجب أن تعود تسلسلات البطاقات 3 ، 2 ، A ، 10 ، K <code>-1 Hold</code>
+    testString: 'assert((function(){ count = 0; cc(3);cc(2);cc("A");cc(10);var out = cc("K"); if(out === "-1 Hold") {return true;} return false; })(), "Cards Sequence 3, 2, A, 10, K should return <code>-1 Hold</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var count = 0;
+
+function cc(card) {
+  // Only change code below this line
+
+
+  return "Change Me";
+  // Only change code above this line
+}
+
+// Add/remove calls to test your function.
+// Note: Only the last will display
+cc(2); cc(3); cc(7); cc('K'); cc('A');
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/create-decimal-numbers-with-javascript.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/create-decimal-numbers-with-javascript.arabic.md
new file mode 100644
index 0000000000..674f5ea830
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/create-decimal-numbers-with-javascript.arabic.md
@@ -0,0 +1,61 @@
+---
+id: cf1391c1c11feddfaeb4bdef
+title: Create Decimal Numbers with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: قم بإنشاء أرقام عشرية باستخدام جافا سكريبت
+---
+
+## Description
+<section id="description"> يمكننا تخزين الأرقام العشرية في المتغيرات أيضًا. ويشار إلى الأرقام العشرية في بعض الأحيان باسم أرقام <dfn>النقطة العائمة</dfn> أو <dfn>العوامات</dfn> . <strong>ملحوظة</strong> <br> لا يمكن تمثيل جميع الأرقام الحقيقية بدقة في <dfn>نقطة عائمة</dfn> . هذا يمكن أن يؤدي إلى أخطاء التقريب. <a href="https://en.wikipedia.org/wiki/Floating_point#Accuracy_problems" target="_blank">التفاصيل هنا</a> . </section>
+
+## Instructions
+<section id="instructions"> إنشاء متغير <code>myDecimal</code> وإعطائه قيمة عشرية مع جزء كسري (على سبيل المثال <code>5.7</code> ). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>myDecimal</code> رقمًا.
+    testString: 'assert(typeof myDecimal === "number", "<code>myDecimal</code> should be a number.");'
+  - text: <code>myDecimal</code> يجب أن يكون لديك <code>myDecimal</code> العشرية
+    testString: 'assert(myDecimal % 1 != 0, "<code>myDecimal</code> should have a decimal point"); '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var ourDecimal = 5.7;
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.arabic.md
new file mode 100644
index 0000000000..b3fae3ff13
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.arabic.md
@@ -0,0 +1,60 @@
+---
+id: bd7123c9c443eddfaeb5bdef
+title: Declare JavaScript Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: تحديد متغيرات جافا سكريبت
+---
+
+## Description
+<section id="description"> في علم الكمبيوتر ، <dfn>البيانات</dfn> هي أي شيء مفيد للكمبيوتر. يوفر JavaScript سبعة <dfn>أنواع بيانات</dfn> مختلفة <code>undefined</code> ، <code>null</code> ، <code>boolean</code> ، <code>string</code> ، <code>symbol</code> ، <code>number</code> ، <code>object</code> . على سبيل المثال ، تميز أجهزة الكمبيوتر بين الأرقام ، مثل الرقم <code>12</code> ، <code>strings</code> ، مثل <code>&quot;12&quot;</code> أو <code>&quot;dog&quot;</code> أو <code>&quot;123 cats&quot;</code> ، وهي مجموعات من الأحرف. يمكن لأجهزة الكمبيوتر إجراء العمليات الحسابية على عدد ، ولكن ليس على سلسلة. تسمح <dfn>المتغيرات</dfn> لأجهزة الكمبيوتر بتخزين البيانات ومعالجتها بطريقة ديناميكية. يفعلون ذلك باستخدام &quot;تسمية&quot; للإشارة إلى البيانات بدلاً من استخدام البيانات نفسها. يمكن تخزين أي من أنواع البيانات السبعة في متغير. تشبه <code>Variables</code> x و y التي تستخدمها في الرياضيات ، مما يعني أنها اسم بسيط لتمثيل البيانات التي نريد الرجوع إليها. تختلف <code>variables</code> الكمبيوتر عن <code>variables</code> الرياضية في أنها يمكن أن تخزن قيمًا مختلفة في أوقات مختلفة. نقول جافا سكريبت لإنشاء أو <dfn>تعريف</dfn> متغير عن طريق وضع الكلمة <code>var</code> أمامه، كما يلي: <blockquote style=";text-align:right;direction:rtl"> var ourName؛ </blockquote> يخلق <code>variable</code> يسمى <code>ourName</code> . في جافا سكريبت ، ننتهي من العبارات بفواصل منقوطة. يمكن أن تتكون أسماء <code>Variable</code> من أرقام وأحرف و <code>$</code> أو <code>_</code> ، لكن قد لا تحتوي على مسافات أو تبدأ برقم. </section>
+
+## Instructions
+<section id="instructions"> استخدم الكلمة الأساسية <code>var</code> لإنشاء متغير يسمى <code>myName</code> . <strong>ملحوظة</strong> <br> انظر إلى مثال <code>ourName</code> إذا واجهتك <code>ourName</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تعلن <code>myName</code> مع الكلمة الرئيسية <code>var</code> ، وتنتهي بفاصلة منقوطة
+    testString: 'assert(/var\s+myName\s*;/.test(code), "You should declare <code>myName</code> with the <code>var</code> keyword, ending with a semicolon");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourName;
+
+// Declare myName below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.arabic.md
new file mode 100644
index 0000000000..619393139c
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.arabic.md
@@ -0,0 +1,63 @@
+---
+id: bd7123c9c444eddfaeb5bdef
+title: Declare String Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: تعبير سلسلة المتغيرات
+---
+
+## Description
+<section id="description"> سبق لنا استخدام الرمز <code>var myName = &quot;your name&quot;;</code> يسمى <code>&quot;your name&quot;</code> <dfn>سلسلة</dfn> <dfn>حرفية</dfn> . وهي سلسلة لأنها عبارة عن سلسلة من صفر أو أكثر من الأحرف محاطة بعلامات اقتباس مفردة أو مزدوجة. </section>
+
+## Instructions
+<section id="instructions"> إنشاء اثنين الجديدة <code>string</code> المتغيرات: <code>myFirstName</code> و <code>myLastName</code> وتعيينها القيم من الاسم الأول والأخير، على التوالي. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>myFirstName</code> عبارة عن سلسلة بها حرف واحد على الأقل.
+    testString: 'assert((function(){if(typeof myFirstName !== "undefined" && typeof myFirstName === "string" && myFirstName.length > 0){return true;}else{return false;}})(), "<code>myFirstName</code> should be a string with at least one character in it.");'
+  - text: يجب أن يكون <code>myLastName</code> عبارة عن سلسلة بها حرف واحد على الأقل.
+    testString: 'assert((function(){if(typeof myLastName !== "undefined" && typeof myLastName === "string" && myLastName.length > 0){return true;}else{return false;}})(), "<code>myLastName</code> should be a string with at least one character in it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstName = "Alan";
+var lastName = "Turing";
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.arabic.md
new file mode 100644
index 0000000000..c9e9aa68df
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.arabic.md
@@ -0,0 +1,66 @@
+---
+id: 56533eb9ac21ba0edf2244ad
+title: Decrement a Number with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: إنقاص رقم مع JavaScript
+---
+
+## Description
+<section id="description"> يمكنك بسهولة <dfn>إنقاص</dfn> أو إنقاص متغير بواحد مع <code>--</code> المشغل. <code>i--;</code> يعادل <code>i = i - 1;</code> <strong>ملحوظة</strong> <br> يصبح الخط بأكمله <code>i--;</code> ، مما يلغي الحاجة إلى علامة المساواة. </section>
+
+## Instructions
+<section id="instructions"> تغيير الرمز لاستخدام <code>--</code> المشغل على <code>myVar</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يساوي <code>myVar</code> <code>10</code>
+    testString: 'assert(myVar === 10, "<code>myVar</code> should equal <code>10</code>");'
+  - text: <code>myVar = myVar - 1;</code> يجب تغييرها
+    testString: 'assert(/var\s*myVar\s*=\s*11;\s*\/*.*\s*([-]{2}\s*myVar|myVar\s*[-]{2});/.test(code), "<code>myVar = myVar - 1;</code> should be changed");'
+  - text: استخدم <code>--</code> المشغل على <code>myVar</code>
+    testString: 'assert(/[-]{2}\s*myVar|myVar\s*[-]{2}/.test(code), "Use the <code>--</code> operator on <code>myVar</code>");'
+  - text: لا تغير الكود فوق الخط
+    testString: 'assert(/var myVar = 11;/.test(code), "Do not change code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myVar = 11;
+
+// Only change code below this line
+myVar = myVar - 1;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.arabic.md
new file mode 100644
index 0000000000..a1be9d5633
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.arabic.md
@@ -0,0 +1,79 @@
+---
+id: 56bbb991ad1ed5201cd392d3
+title: Delete Properties from a JavaScript Object
+challengeType: 1
+videoUrl: ''
+localeTitle: حذف الخصائص من كائن JavaScript
+---
+
+## Description
+<section id="description"> يمكننا أيضًا حذف خصائص من كائنات مثل: <code>delete ourDog.bark;</code> </section>
+
+## Instructions
+<section id="instructions"> حذف خاصية <code>&quot;tails&quot;</code> من <code>myDog</code> . يمكنك استخدام أي نقطة أو تدوين قوس. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: حذف الخاصية <code>&quot;tails&quot;</code> من <code>myDog</code> .
+    testString: 'assert(typeof myDog === "object" && myDog.tails === undefined, "Delete the property <code>"tails"</code> from <code>myDog</code>.");'
+  - text: لا تقم بتعديل إعداد <code>myDog</code>
+    testString: 'assert(code.match(/"tails": 1/g).length > 1, "Do not modify the <code>myDog</code> setup");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"],
+  "bark": "bow-wow"
+};
+
+delete ourDog.bark;
+
+// Setup
+var myDog = {
+  "name": "Happy Coder",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["freeCodeCamp Campers"],
+  "bark": "woof"
+};
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.arabic.md
new file mode 100644
index 0000000000..66e6f4e5d0
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.arabic.md
@@ -0,0 +1,61 @@
+---
+id: bd7993c9ca9feddfaeb7bdef
+title: Divide One Decimal by Another with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: قسّم رقم عشري واحد إلى آخر باستخدام جافا سكريبت
+---
+
+## Description
+<section id="description"> الآن دعونا تقسيم واحد عشري بآخر. </section>
+
+## Instructions
+<section id="instructions"> غيِّر القيمة <code>0.0</code> بحيث يساوي ذلك <code>quotient</code> <code>2.2</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يساوي <code>quotient</code> المتغير <code>2.2</code>
+    testString: 'assert(quotient === 2.2, "The variable <code>quotient</code> should equal <code>2.2</code>");'
+  - text: يجب عليك استخدام <code>/</code> المشغل لتقسيم 4.4 على 2
+    testString: 'assert(/4\.40*\s*\/\s*2\.*0*/.test(code), "You should use the <code>/</code> operator to divide 4.4 by 2");'
+  - text: يجب تعيين متغير القسمة مرة واحدة فقط
+    testString: 'assert(code.match(/quotient/g).length === 1, "The quotient variable should only be assigned once");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var quotient = 0.0 / 2.0; // Fix this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.arabic.md
new file mode 100644
index 0000000000..40d9b11735
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.arabic.md
@@ -0,0 +1,59 @@
+---
+id: cf1111c1c11feddfaeb6bdef
+title: Divide One Number by Another with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: قسمة رقم واحد على آخر باستخدام JavaScript
+---
+
+## Description
+<section id="description"> يمكننا أيضًا تقسيم رقم واحد بآخر. تستخدم جافا سكريبت الرمز <code>/</code> للقسمة. <p style=";text-align:right;direction:rtl"> <strong>مثال</strong> </p><blockquote style=";text-align:right;direction:rtl"> myVar = 16/2؛ // تعيين 8 </blockquote></section>
+
+## Instructions
+<section id="instructions"> تغيير <code>0</code> بحيث يكون <code>quotient</code> تساوي <code>2</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: اجعل <code>quotient</code> المتغير تساوي 2.
+    testString: 'assert(quotient === 2, "Make the variable <code>quotient</code> equal to 2.");'
+  - text: استخدم <code>/</code> المشغل
+    testString: 'assert(/\d+\s*\/\s*\d+/.test(code), "Use the <code>/</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var quotient = 66 / 0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.arabic.md
new file mode 100644
index 0000000000..6b7affc400
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.arabic.md
@@ -0,0 +1,67 @@
+---
+id: 56533eb9ac21ba0edf2244b6
+title: Escape Sequences in Strings
+challengeType: 1
+videoUrl: ''
+localeTitle: الهروب من التسلسل في السلاسل
+---
+
+## Description
+<section id="description"> لا تكون علامات الاقتباس هي الأحرف الوحيدة التي يمكن <dfn>تجنبها</dfn> داخل سلسلة. هناك سببان لاستخدام أحرف الهروب: أولاً هو السماح لك باستخدام الأحرف التي قد لا تتمكن من كتابتها ، مثل backspace. ثانيًا ، تسمح لك بتمثيل علامات الاقتباس المتعددة في سلسلة بدون إساءة تفسير جافا سكريبت لما تعنيه. تعلمنا هذا في التحدي السابق. <table class="table table-striped" style=";text-align:right;direction:rtl"><thead><tr><th> الشفرة </th><th> انتاج | </th></tr></thead><tbody><tr><td> <code>\&#39;</code> </td> <td> اقتباس واحد </td></tr><tr><td> <code>\&quot;</code> </td> <td> اقتباس مزدوج </td></tr><tr><td> <code>\\</code> </td> <td> مائل </td></tr><tr><td> <code>\n</code> </td> <td> خط جديد </td></tr><tr><td> <code>\r</code> </td> <td> إرجاع </td></tr><tr><td> <code>\t</code> </td> <td> التبويب </td></tr><tr><td> <code>\b</code> </td> <td> مسافة للخلف </td></tr><tr><td> <code>\f</code> </td> <td> نموذج تغذية </td></tr></tbody></table> <em>لاحظ أنه يجب أن يتم إبطال الخط المائل العكسي نفسه ليتم عرضه كشرطة مائلة للخلف (Backslash).</em> </section>
+
+## Instructions
+<section id="instructions"> قم بتعيين أسطر النص الثلاثة التالية في <code>myStr</code> متغير واحد باستخدام تسلسلات الهروب. <blockquote style=";text-align:right;direction:rtl"> السطر الأول <br> \السطر الثاني <br> ThirdLine </blockquote> ستحتاج إلى استخدام تسلسلات الهروب لإدراج أحرف خاصة بشكل صحيح. ستحتاج أيضًا إلى اتباع التباعد كما يبدو أعلاه ، مع عدم وجود مسافات بين تتابعات الهروب أو الكلمات. هنا هو النص مع تسلسل الهروب مكتوبة. <q>FirstLine <code>newline</code> <code>tab</code> <code>backslash</code> SecondLine <code>newline</code> ThirdLine</q> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب ألا تحتوي <code>myStr</code> على أية مسافات
+    testString: 'assert(!/ /.test(myStr), "<code>myStr</code> should not contain any spaces");'
+  - text: يجب أن تحتوي <code>myStr</code> على السلاسل <code>FirstLine</code> و <code>SecondLine</code> و <code>ThirdLine</code> (تذكر حالة الحساسية)
+    testString: 'assert(/FirstLine/.test(myStr) && /SecondLine/.test(myStr) && /ThirdLine/.test(myStr), "<code>myStr</code> should contain the strings <code>FirstLine</code>, <code>SecondLine</code> and <code>ThirdLine</code> (remember case sensitivity)");'
+  - text: يجب أن يتبع <code>FirstLine</code> حرف السطر الجديد <code>\n</code>
+    testString: 'assert(/FirstLine\n/.test(myStr), "<code>FirstLine</code> should be followed by the newline character <code>\n</code>");'
+  - text: يجب أن تحتوي <code>myStr</code> على حرف tab <code>\t</code> يتبع حرف السطر الجديد
+    testString: 'assert(/\n\t/.test(myStr), "<code>myStr</code> should contain a tab character <code>\t</code> which follows a newline character");'
+  - text: <code>SecondLine</code> يجب أن يسبقه حرف مائل <code>\\</code>
+    testString: 'assert(/\SecondLine/.test(myStr), "<code>SecondLine</code> should be preceded by the backslash character <code>\\</code>");'
+  - text: يجب أن يكون هناك حرف سطر جديد بين <code>SecondLine</code> و <code>ThirdLine</code>
+    testString: 'assert(/SecondLine\nThirdLine/.test(myStr), "There should be a newline character between <code>SecondLine</code> and <code>ThirdLine</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myStr; // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/escaping-literal-quotes-in-strings.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/escaping-literal-quotes-in-strings.arabic.md
new file mode 100644
index 0000000000..547791203f
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/escaping-literal-quotes-in-strings.arabic.md
@@ -0,0 +1,59 @@
+---
+id: 56533eb9ac21ba0edf2244b5
+title: Escaping Literal Quotes in Strings
+challengeType: 1
+videoUrl: ''
+localeTitle: الهروب من الأسعار الحرفيه في الاوتار
+---
+
+## Description
+<section id="description"> عندما تقوم بتحديد سلسلة ، يجب أن تبدأ وتنتهي بعلامة اقتباس مفردة أو مزدوجة. ماذا يحدث عندما تحتاج إلى عرض سعر حرفي: <code>&quot;</code> أو <code>&#39;</code> داخل السلسلة الخاصة بك؟ في JavaScript ، يمكنك <dfn>الهروب</dfn> من اقتباس من اعتباره كنهاية لسلسلة الاقتباس عن طريق وضع خط <dfn>مائل عكسي</dfn> ( <code>\</code> ) أمام الاقتباس. <code>var sampleStr = &quot;Alan said, \&quot;Peter is learning JavaScript\&quot;.&quot;;</code> يشير هذا إلى جافا سكريبت بأن الاقتباس التالي ليس نهاية السلسلة ، بل يجب أن يظهر داخل السلسلة بدلاً من ذلك. لذلك إذا كنت ستطبعه إلى وحدة التحكم ، ستحصل على: <code>Alan said, &quot;Peter is learning JavaScript&quot;.</code> </section>
+
+## Instructions
+<section id="instructions"> استخدم <code>myStr</code> <dfn>المائلة العكسية</dfn> لتعيين سلسلة إلى متغير <code>myStr</code> بحيث إذا كنت <code>myStr</code> إلى وحدة التحكم ، سترى: <code>I am a &quot;double quoted&quot; string inside &quot;double quotes&quot;.</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب عليك استخدام علامتي اقتباس مزدوجتين ( <code>&quot;</code> ) وأربعة علامات اقتباس مزدوجة ( <code>\&quot;</code> ).
+    testString: 'assert(code.match(/\\"/g).length === 4 && code.match(/[^\\]"/g).length === 2, "You should use two double quotes (<code>&quot;</code>) and four escaped double quotes (<code>&#92;&quot;</code>).");'
+  - text: 'يجب أن يحتوي myStr المتغير على السلسلة: <code>I am a &quot;double quoted&quot; string inside &quot;double quotes&quot;.</code>'
+    testString: 'assert(myStr === "I am a \"double quoted\" string inside \"double quotes\".", "Variable myStr should contain the string: <code>I am a "double quoted" string inside "double quotes".</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myStr = ""; // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.arabic.md
new file mode 100644
index 0000000000..ea890b9f15
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.arabic.md
@@ -0,0 +1,71 @@
+---
+id: bd7123c9c448eddfaeb5bdef
+title: Find the Length of a String
+challengeType: 1
+videoUrl: ''
+localeTitle: العثور على طول سلسلة
+---
+
+## Description
+<section id="description"> يمكنك العثور على طول قيمة <code>String</code> بالكتابة. <code>.length</code> بعد متغير السلسلة أو سلسلة حرفية. <code>&quot;Alan Peter&quot;.length; // 10</code> على سبيل المثال ، إذا أنشأنا متغير <code>var firstName = &quot;Charles&quot;</code> ، يمكننا معرفة طول السلسلة <code>&quot;Charles&quot;</code> باستخدام الخاصية <code>firstName.length</code> . </section>
+
+## Instructions
+<section id="instructions"> استخدم خاصية <code>.length</code> لحساب عدد الأحرف في متغير <code>lastName</code> وتعيينه إلى <code>lastNameLength</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تساوي <code>lastNameLength</code> ثمانية.
+    testString: 'assert((function(){if(typeof lastNameLength !== "undefined" && typeof lastNameLength === "number" && lastNameLength === 8){return true;}else{return false;}})(), "<code>lastNameLength</code> should be equal to eight.");'
+  - text: 'يجب أن تحصل على طول اسم <code>lastName</code> باستخدام <code>.length</code> مثل هذا: <code>lastName.length</code> .'
+    testString: 'assert((function(){if(code.match(/\.length/gi) && code.match(/\.length/gi).length >= 2 && code.match(/var lastNameLength \= 0;/gi) && code.match(/var lastNameLength \= 0;/gi).length >= 1){return true;}else{return false;}})(), "You should be getting the length of <code>lastName</code> by using <code>.length</code> like this: <code>lastName.length</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstNameLength = 0;
+var firstName = "Ada";
+
+firstNameLength = firstName.length;
+
+// Setup
+var lastNameLength = 0;
+var lastName = "Lovelace";
+
+// Only change code below this line.
+
+lastNameLength = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.arabic.md
new file mode 100644
index 0000000000..336baad08d
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.arabic.md
@@ -0,0 +1,63 @@
+---
+id: 56533eb9ac21ba0edf2244ae
+title: Finding a Remainder in JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: العثور على البقية في جافا سكريبت
+---
+
+## Description
+<section id="description"> يعطي عامل <dfn>الباقي</dfn> <code>%</code> الباقي من قسم رقمين. <strong>مثال</strong> <blockquote style=";text-align:right;direction:rtl"> 5٪ 2 = 1 بسبب <br> Math.floor (5/2) = 2 (Quotient) <br> 2 * 2 = 4 <br> 5 - 4 = 1 (البقية) </blockquote> <strong>استعمال</strong> <br> في الرياضيات ، يمكن التحقق من الرقم ليكون زوجي أو فردي عن طريق فحص الجزء المتبقي من تقسيم الرقم إلى <code>2</code> . <blockquote style=";text-align:right;direction:rtl"> 17٪ 2 = 1 (17 فردي) <br> 48٪ 2 = 0 (48 حتى) </blockquote> <strong>ملحوظة</strong> <br> في بعض الأحيان يشار إلى مشغل <dfn>الباقي</dfn> بشكل غير صحيح باسم مشغل &quot;المعامل&quot;. وهي تشبه إلى حد بعيد المعامل ، ولكنها لا تعمل بشكل صحيح مع الأرقام السالبة. </section>
+
+## Instructions
+<section id="instructions"> حدد <code>remainder</code> مساويًا لما تبقى من <code>11</code> مقسومًا على <code>3</code> باستخدام عامل <dfn>الباقي</dfn> ( <code>%</code> ). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب تهيئة المتغير <code>remainder</code>
+    testString: 'assert(/var\s+?remainder/.test(code), "The variable <code>remainder</code> should be initialized");'
+  - text: يجب أن تكون قيمة <code>remainder</code> <code>2</code>
+    testString: 'assert(remainder === 2, "The value of <code>remainder</code> should be <code>2</code>");'
+  - text: يجب عليك استخدام عامل التشغيل <code>%</code>
+    testString: 'assert(/\s+?remainder\s*?=\s*?.*%.*;/.test(code), "You should use the <code>%</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Only change code below this line
+
+var remainder;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.arabic.md
new file mode 100644
index 0000000000..1918f1ad80
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.arabic.md
@@ -0,0 +1,68 @@
+---
+id: cf1111c1c11feddfaeb9bdef
+title: Generate Random Fractions with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: توليد الكسور العشوائية مع جافا سكريبت
+---
+
+## Description
+<section id="description"> الأرقام العشوائية مفيدة لإنشاء سلوك عشوائي. يحتوي JavaScript على دالة <code>Math.random()</code> التي تنشئ رقمًا عشريًا عشوائيًا بين <code>0</code> (شامل) وليس تمامًا <code>1</code> (خاص). وبالتالي ، يمكن أن يقوم <code>Math.random()</code> بإرجاع <code>0</code> ولكن لا يُرجع أبدًا <strong>ملاحظة</strong> <code>1</code> <br> مثل <a href="storing-values-with-the-assignment-operator" target="_blank">تخزين القيم مع عامل التشغيل المتساوي</a> ، سيتم حل جميع استدعاءات الدوال قبل تنفيذ عملية <code>return</code> ، حتى نتمكن من <code>return</code> قيمة الدالة <code>Math.random()</code> . </section>
+
+## Instructions
+<section id="instructions"> قم بتغيير <code>randomFraction</code> لإرجاع رقم عشوائي بدلاً من إرجاع <code>0</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>randomFraction</code> يجب إرجاع رقم عشوائي.
+    testString: 'assert(typeof randomFraction() === "number", "<code>randomFraction</code> should return a random number.");'
+  - text: يجب أن يكون الرقم الذي تم إرجاعه بواسطة <code>randomFraction</code> عشريًا.
+    testString: 'assert((randomFraction()+""). match(/\./g), "The number returned by <code>randomFraction</code> should be a decimal.");'
+  - text: يجب أن تستخدم <code>Math.random</code> لإنشاء الرقم العشري العشوائي.
+    testString: 'assert(code.match(/Math\.random/g).length >= 0, "You should be using <code>Math.random</code> to generate the random decimal number.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function randomFraction() {
+
+  // Only change code below this line.
+
+  return 0;
+
+  // Only change code above this line.
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-with-javascript.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-with-javascript.arabic.md
new file mode 100644
index 0000000000..51eae2b534
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-with-javascript.arabic.md
@@ -0,0 +1,70 @@
+---
+id: cf1111c1c12feddfaeb1bdef
+title: Generate Random Whole Numbers with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: توليد أرقام كاملة عشوائية مع جافا سكريبت
+---
+
+## Description
+<section id="description"> من الرائع أن نتمكن من توليد أرقام عشرية عشوائية ، ولكنها أكثر فائدة إذا استخدمناها لإنشاء أرقام صحيحة عشوائية. <ol style=";text-align:right;direction:rtl"><li style=";text-align:right;direction:rtl"> استخدم <code>Math.random()</code> لإنشاء عشري عشوائي. </li><li style=";text-align:right;direction:rtl"> اضرب هذا الرقم العشري العشوائي بـ <code>20</code> . </li><li style=";text-align:right;direction:rtl"> استخدم دالة أخرى ، <code>Math.floor()</code> الرقم إلى أقرب رقم <code>Math.floor()</code> له. </li></ol> تذكر أن <code>Math.random()</code> لا يمكنها أبدًا إرجاع <code>1</code> و ، نظرًا لأننا نقوم بالتقريب ، فمن المستحيل الحصول على <code>20</code> بالفعل. ستعطينا هذه التقنية عددًا صحيحًا بين <code>0</code> و <code>19</code> . وضع كل شيء معا ، وهذا هو ما تبدو عليه الكود لدينا: <code>Math.floor(Math.random() * 20);</code> نحن نطلق على <code>Math.random()</code> ، بضرب النتيجة بـ 20 ، ثم نمرر قيمة <code>Math.floor()</code> القيمة إلى أقرب رقم <code>Math.floor()</code> . </section>
+
+## Instructions
+<section id="instructions"> استخدم هذه التقنية لتوليد وإرجاع رقم صحيح عشوائي بين <code>0</code> و <code>9</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تكون نتيجة <code>randomWholeNum</code> .
+    testString: 'assert(typeof randomWholeNum() === "number" && (function(){var r = randomWholeNum();return Math.floor(r) === r;})(), "The result of <code>randomWholeNum</code> should be a whole number.");'
+  - text: يجب أن تستخدم <code>Math.random</code> لإنشاء رقم عشوائي.
+    testString: 'assert(code.match(/Math.random/g).length > 1, "You should be using <code>Math.random</code> to generate a random number.");'
+  - text: يجب أن تضاعف نتيجة <code>Math.random</code> بمقدار 10 لجعله رقمًا بين صفر وتسعة.
+    testString: 'assert(code.match(/\s*?Math.random\s*?\(\s*?\)\s*?\*\s*?10[\D]\s*?/g) || code.match(/\s*?10\s*?\*\s*?Math.random\s*?\(\s*?\)\s*?/g), "You should have multiplied the result of <code>Math.random</code> by 10 to make it a number that is between zero and nine.");'
+  - text: يجب عليك استخدام <code>Math.floor</code> لإزالة الجزء العشري من الرقم.
+    testString: 'assert(code.match(/Math.floor/g).length > 1, "You should use <code>Math.floor</code> to remove the decimal part of the number.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var randomNumberBetween0and19 = Math.floor(Math.random() * 20);
+
+function randomWholeNum() {
+
+  // Only change code below this line.
+
+  return Math.random();
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-within-a-range.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-within-a-range.arabic.md
new file mode 100644
index 0000000000..89e3c11cac
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-within-a-range.arabic.md
@@ -0,0 +1,80 @@
+---
+id: cf1111c1c12feddfaeb2bdef
+title: Generate Random Whole Numbers within a Range
+challengeType: 1
+videoUrl: ''
+localeTitle: توليد أرقام كاملة عشوائية داخل نطاق
+---
+
+## Description
+<section id="description"> بدلاً من إنشاء رقم عشوائي بين الصفر ورقم معين كما فعلنا من قبل ، يمكننا إنشاء رقم عشوائي يقع ضمن نطاق من رقمين محددين. للقيام بذلك، ونحن سوف تحدد العدد الأدنى من <code>min</code> والحد الأقصى ل <code>max</code> . إليكم الصيغة التي سنستخدمها. خذ لحظة في قراءته وحاول فهم ما يفعله هذا الكود: <code>Math.floor(Math.random() * (max - min + 1)) + min</code> </section>
+
+## Instructions
+<section id="instructions"> قم بإنشاء دالة تسمى <code>randomRange</code> والتي تأخذ نطاق <code>myMin</code> و <code>myMax</code> وتقوم بإرجاع رقم عشوائي أكبر من أو يساوي <code>myMin</code> ، وهو أقل من أو يساوي <code>myMax</code> ، شامل. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون العدد العشوائي الأدنى الذي يمكن إنشاؤه بواسطة <code>randomRange</code> مساوياً للحد الأدنى للرقم ، <code>myMin</code> .
+    testString: 'assert(calcMin === 5, "The lowest random number that can be generated by <code>randomRange</code> should be equal to your minimum number, <code>myMin</code>.");'
+  - text: يجب أن يكون الرقم العشوائي الأعلى الذي يمكن إنشاؤه بواسطة <code>randomRange</code> مساويا <code>myMax</code> عدد ممكن ، <code>myMax</code> .
+    testString: 'assert(calcMax === 15, "The highest random number that can be generated by <code>randomRange</code> should be equal to your maximum number, <code>myMax</code>.");'
+  - text: يجب أن يكون الرقم العشوائي الذي تم إنشاؤه بواسطة <code>randomRange</code> عددًا صحيحًا وليس عشريًا.
+    testString: 'assert(randomRange(0,1) % 1 === 0 , "The random number generated by <code>randomRange</code> should be an integer, not a decimal.");'
+  - text: <code>randomRange</code> يجب استخدام كل <code>myMax</code> و <code>myMin</code> ، وإرجاع رقم عشوائي في النطاق الخاص بك.
+    testString: 'assert((function(){if(code.match(/myMax/g).length > 1 && code.match(/myMin/g).length > 2 && code.match(/Math.floor/g) && code.match(/Math.random/g)){return true;}else{return false;}})(), "<code>randomRange</code> should use both <code>myMax</code> and <code>myMin</code>, and return a random number in your range.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function ourRandomRange(ourMin, ourMax) {
+
+  return Math.floor(Math.random() * (ourMax - ourMin + 1)) + ourMin;
+}
+
+ourRandomRange(1, 9);
+
+// Only change code below this line.
+
+function randomRange(myMin, myMax) {
+
+  return 0; // Change this line
+
+}
+
+// Change these values to test your function
+var myRandom = randomRange(5, 15);
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.arabic.md
new file mode 100644
index 0000000000..c251bb4e36
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.arabic.md
@@ -0,0 +1,109 @@
+---
+id: 56533eb9ac21ba0edf2244be
+title: Global Scope and Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: النطاق العالمي والوظائف
+---
+
+## Description
+<section id="description"> في JavaScript ، يشير <dfn>النطاق</dfn> إلى رؤية المتغيرات. المتغيرات التي يتم تعريفها خارج كتلة وظيفة لها نطاق <dfn>عالمي</dfn> . وهذا يعني أنه يمكن رؤيتها في أي مكان في شفرة جافا سكريبت. يتم إنشاء المتغيرات التي يتم استخدامها بدون الكلمة الأساسية <code>var</code> تلقائيًا في النطاق <code>global</code> . هذا يمكن أن يخلق عواقب غير مقصودة في مكان آخر في التعليمات البرمجية الخاصة بك أو عند تشغيل وظيفة مرة أخرى. يجب عليك دائما أن تعلن عن المتغيرات الخاصة بك مع <code>var</code> . </section>
+
+## Instructions
+<section id="instructions"> باستخدام <code>var</code> ، قم بتعريف متغير <code>global</code> <code>myGlobal</code> خارج أي وظيفة. قم بتهيئته بقيمة <code>10</code> . داخل الدالة <code>fun1</code> ، قم بتعيين <code>5</code> إلى <code>oopsGlobal</code> <strong><em>دون</em></strong> استخدام الكلمة الأساسية <code>var</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب تعريف <code>myGlobal</code>
+    testString: 'assert(typeof myGlobal != "undefined", "<code>myGlobal</code> should be defined");'
+  - text: يجب أن يكون ل <code>myGlobal</code> قيمة <code>10</code>
+    testString: 'assert(myGlobal === 10, "<code>myGlobal</code> should have a value of <code>10</code>");'
+  - text: يجب إعلان <code>myGlobal</code> باستخدام الكلمة الرئيسية <code>var</code>
+    testString: 'assert(/var\s+myGlobal/.test(code), "<code>myGlobal</code> should be declared using the <code>var</code> keyword");'
+  - text: يجب أن يكون <code>oopsGlobal</code> متغيرًا عامًا وله قيمة <code>5</code>
+    testString: 'assert(typeof oopsGlobal != "undefined" && oopsGlobal === 5, "<code>oopsGlobal</code> should be a global variable and have a value of <code>5</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Declare your variable here
+
+
+function fun1() {
+  // Assign 5 to oopsGlobal Here
+
+}
+
+// Only change code above this line
+function fun2() {
+  var output = "";
+  if (typeof myGlobal != "undefined") {
+    output += "myGlobal: " + myGlobal;
+  }
+  if (typeof oopsGlobal != "undefined") {
+    output += " oopsGlobal: " + oopsGlobal;
+  }
+  console.log(output);
+}
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = "";
+var originalConsole = console
+function capture() {
+    var nativeLog = console.log;
+    console.log = function (message) {
+        logOutput = message;
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+var oopsGlobal;
+capture();
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/global-vs.-local-scope-in-functions.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/global-vs.-local-scope-in-functions.arabic.md
new file mode 100644
index 0000000000..bdc8bd2a4e
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/global-vs.-local-scope-in-functions.arabic.md
@@ -0,0 +1,65 @@
+---
+id: 56533eb9ac21ba0edf2244c0
+title: Global vs. Local Scope in Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: نطاق عالمي مقابل نطاق محلي في الوظائف
+---
+
+## Description
+<section id="description"> من الممكن أن يكون لديك متغيرات <dfn>محلية</dfn> <dfn>وعالمية</dfn> تحمل نفس الاسم. عند القيام بذلك ، يأخذ المتغير <code>local</code> الأسبقية على المتغير <code>global</code> . في هذا المثال: <blockquote style=";text-align:right;direction:rtl"> var someVar = &quot;Hat&quot; ، <br> وظيفة myFun () { <br> var someVar = &quot;الرأس&quot; ؛ <br> عودة بعض <br> } </blockquote> ستقوم الدالة <code>myFun</code> بإرجاع <code>&quot;Head&quot;</code> لأن الإصدار <code>local</code> للمتغير موجود. </section>
+
+## Instructions
+<section id="instructions"> إضافة متغير محلي لوظيفة <code>myOutfit</code> لتجاوز قيمة <code>outerWear</code> مع <code>&quot;sweater&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: لا تغير قيمة <code>outerWear</code>
+    testString: 'assert(outerWear === "T-Shirt", "Do not change the value of the global <code>outerWear</code>");'
+  - text: يجب أن يعود <code>myOutfit</code> <code>&quot;sweater&quot;</code>
+    testString: 'assert(myOutfit() === "sweater", "<code>myOutfit</code> should return <code>"sweater"</code>");'
+  - text: لا تقم بتغيير بيان الإرجاع
+    testString: 'assert(/return outerWear/.test(code), "Do not change the return statement");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var outerWear = "T-Shirt";
+
+function myOutfit() {
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+  return outerWear;
+}
+
+myOutfit();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/golf-code.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/golf-code.arabic.md
new file mode 100644
index 0000000000..1721a5fe8a
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/golf-code.arabic.md
@@ -0,0 +1,79 @@
+---
+id: 5664820f61c48e80c9fa476c
+title: Golf Code
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(golfScore(4, 1) === "Hole-in-one!", "<code>golfScore(4, 1)</code> should return "Hole-in-one!"");'
+  - text: ''
+    testString: 'assert(golfScore(4, 2) === "Eagle", "<code>golfScore(4, 2)</code> should return "Eagle"");'
+  - text: ''
+    testString: 'assert(golfScore(5, 2) === "Eagle", "<code>golfScore(5, 2)</code> should return "Eagle"");'
+  - text: ''
+    testString: 'assert(golfScore(4, 3) === "Birdie", "<code>golfScore(4, 3)</code> should return "Birdie"");'
+  - text: ''
+    testString: 'assert(golfScore(4, 4) === "Par", "<code>golfScore(4, 4)</code> should return "Par"");'
+  - text: ''
+    testString: 'assert(golfScore(1, 1) === "Hole-in-one!", "<code>golfScore(1, 1)</code> should return "Hole-in-one!"");'
+  - text: ''
+    testString: 'assert(golfScore(5, 5) === "Par", "<code>golfScore(5, 5)</code> should return "Par"");'
+  - text: ''
+    testString: 'assert(golfScore(4, 5) === "Bogey", "<code>golfScore(4, 5)</code> should return "Bogey"");'
+  - text: ''
+    testString: 'assert(golfScore(4, 6) === "Double Bogey", "<code>golfScore(4, 6)</code> should return "Double Bogey"");'
+  - text: ''
+    testString: 'assert(golfScore(4, 7) === "Go Home!", "<code>golfScore(4, 7)</code> should return "Go Home!"");'
+  - text: ''
+    testString: 'assert(golfScore(5, 9) === "Go Home!", "<code>golfScore(5, 9)</code> should return "Go Home!"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var names = ["Hole-in-one!", "Eagle", "Birdie", "Par", "Bogey", "Double Bogey", "Go Home!"];
+function golfScore(par, strokes) {
+  // Only change code below this line
+
+
+  return "Change Me";
+  // Only change code above this line
+}
+
+// Change these values to test
+golfScore(5, 4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/increment-a-number-with-javascript.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/increment-a-number-with-javascript.arabic.md
new file mode 100644
index 0000000000..5daa8ddcd8
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/increment-a-number-with-javascript.arabic.md
@@ -0,0 +1,66 @@
+---
+id: 56533eb9ac21ba0edf2244ac
+title: Increment a Number with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(myVar === 88, "<code>myVar</code> should equal <code>88</code>");'
+  - text: ''
+    testString: 'assert(/var\s*myVar\s*=\s*87;\s*\/*.*\s*([+]{2}\s*myVar|myVar\s*[+]{2});/.test(code), "<code>myVar = myVar + 1;</code> should be changed");'
+  - text: ''
+    testString: 'assert(/[+]{2}\s*myVar|myVar\s*[+]{2}/.test(code), "Use the <code>++</code> operator");'
+  - text: ''
+    testString: 'assert(/var myVar = 87;/.test(code), "Do not change code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myVar = 87;
+
+// Only change code below this line
+myVar = myVar + 1;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator.arabic.md
new file mode 100644
index 0000000000..1838ff3c25
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 56533eb9ac21ba0edf2244a9
+title: Initializing Variables with the Assignment Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(/var\s+a\s*=\s*9\s*/.test(code), "Initialize <code>a</code> to a value of <code>9</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourVar = 19;
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements.arabic.md
new file mode 100644
index 0000000000..d51e9f1db7
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements.arabic.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244db
+title: Introducing Else If Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/else/g).length > 1, "You should have at least two <code>else</code> statements");'
+  - text: ''
+    testString: 'assert(code.match(/if/g).length > 1, "You should have at least two <code>if</code> statements");'
+  - text: ''
+    testString: 'assert(code.match(/if\s*\((.+)\)\s*\{[\s\S]+\}\s*else if\s*\((.+)\)\s*\{[\s\S]+\}\s*else\s*\{[\s\S]+\s*\}/), "You should have closing and opening curly braces for each condition in your if else statement");'
+  - text: ''
+    testString: 'assert(testElseIf(0) === "Smaller than 5", "<code>testElseIf(0)</code> should return "Smaller than 5"");'
+  - text: ''
+    testString: 'assert(testElseIf(5) === "Between 5 and 10", "<code>testElseIf(5)</code> should return "Between 5 and 10"");'
+  - text: ''
+    testString: 'assert(testElseIf(7) === "Between 5 and 10", "<code>testElseIf(7)</code> should return "Between 5 and 10"");'
+  - text: ''
+    testString: 'assert(testElseIf(10) === "Between 5 and 10", "<code>testElseIf(10)</code> should return "Between 5 and 10"");'
+  - text: ''
+    testString: 'assert(testElseIf(12) === "Greater than 10", "<code>testElseIf(12)</code> should return "Greater than 10"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testElseIf(val) {
+  if (val > 10) {
+    return "Greater than 10";
+  }
+
+  if (val < 5) {
+    return "Smaller than 5";
+  }
+
+  return "Between 5 and 10";
+}
+
+// Change this value to test
+testElseIf(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements.arabic.md
new file mode 100644
index 0000000000..83e5175874
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements.arabic.md
@@ -0,0 +1,78 @@
+---
+id: 56533eb9ac21ba0edf2244da
+title: Introducing Else Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/if/g).length === 1, "You should only have one <code>if</code> statement in the editor");'
+  - text: ''
+    testString: 'assert(/else/g.test(code), "You should use an <code>else</code> statement");'
+  - text: ''
+    testString: 'assert(testElse(4) === "5 or Smaller", "<code>testElse(4)</code> should return "5 or Smaller"");'
+  - text: ''
+    testString: 'assert(testElse(5) === "5 or Smaller", "<code>testElse(5)</code> should return "5 or Smaller"");'
+  - text: ''
+    testString: 'assert(testElse(6) === "Bigger than 5", "<code>testElse(6)</code> should return "Bigger than 5"");'
+  - text: ''
+    testString: 'assert(testElse(10) === "Bigger than 5", "<code>testElse(10)</code> should return "Bigger than 5"");'
+  - text: ''
+    testString: 'assert(/var result = "";/.test(code) && /return result;/.test(code), "Do not change the code above or below the lines.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testElse(val) {
+  var result = "";
+  // Only change code below this line
+
+  if (val > 5) {
+    result = "Bigger than 5";
+  }
+
+  if (val <= 5) {
+    result = "5 or Smaller";
+  }
+
+  // Only change code above this line
+  return result;
+}
+
+// Change this value to test
+testElse(4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop.arabic.md
new file mode 100644
index 0000000000..c2592f99d6
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop.arabic.md
@@ -0,0 +1,69 @@
+---
+id: 56104e9e514f539506016a5c
+title: Iterate Odd Numbers With a For Loop
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/for\s*\(/g).length > 1, "You should be using a <code>for</code> loop for this.");'
+  - text: ''
+    testString: 'assert.deepEqual(myArray, [1,3,5,7,9], "<code>myArray</code> should equal <code>[1,3,5,7,9]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [];
+
+for (var i = 0; i < 10; i += 2) {
+  ourArray.push(i);
+}
+
+// Setup
+var myArray = [];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.arabic.md
new file mode 100644
index 0000000000..42ae2f6a04
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.arabic.md
@@ -0,0 +1,74 @@
+---
+id: 5675e877dbd60be8ad28edc6
+title: Iterate Through an Array with a For Loop
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/var.*?total\s*=\s*0.*?;/), "<code>total</code> should be declared and initialized to 0");'
+  - text: ''
+    testString: 'assert(total === 20, "<code>total</code> should equal 20");'
+  - text: ''
+    testString: 'assert(code.match(/for\s*\(/g).length > 1 && code.match(/myArr\s*\[/), "You should use a <code>for</code> loop to iterate through <code>myArr</code>");'
+  - text: ''
+    testString: 'assert(!code.match(/total[\s\+\-]*=\s*(\d(?!\s*[;,])|[1-9])/g), "Do not set <code>total</code> to 20 directly");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArr = [ 9, 10, 11, 12];
+var ourTotal = 0;
+
+for (var i = 0; i < ourArr.length; i++) {
+  ourTotal += ourArr[i];
+}
+
+// Setup
+var myArr = [ 2, 3, 4, 5, 6];
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do...while-loops.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do...while-loops.arabic.md
new file mode 100644
index 0000000000..1f34844f95
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do...while-loops.arabic.md
@@ -0,0 +1,70 @@
+---
+id: 5a2efd662fb457916e1fe604
+title: Iterate with JavaScript Do...While Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/do/g), "You should be using a <code>do...while</code> loop for this.");'
+  - text: ''
+    testString: 'assert.deepEqual(myArray, [10], "<code>myArray</code> should equal <code>[10]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(i, 11, "<code>i</code> should equal <code>11</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myArray = [];
+var i = 10;
+
+// Only change code below this line.
+
+while (i < 5) {
+  myArray.push(i);
+  i++;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops.arabic.md
new file mode 100644
index 0000000000..a6eabad277
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops.arabic.md
@@ -0,0 +1,69 @@
+---
+id: cf1111c1c11feddfaeb5bdef
+title: Iterate with JavaScript For Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/for\s*\(/g).length > 1, "You should be using a <code>for</code> loop for this.");'
+  - text: ''
+    testString: 'assert.deepEqual(myArray, [1,2,3,4,5], "<code>myArray</code> should equal <code>[1,2,3,4,5]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [];
+
+for (var i = 0; i < 5; i++) {
+  ourArray.push(i);
+}
+
+// Setup
+var myArray = [];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops.arabic.md
new file mode 100644
index 0000000000..be6c39ae22
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops.arabic.md
@@ -0,0 +1,62 @@
+---
+id: cf1111c1c11feddfaeb1bdef
+title: Iterate with JavaScript While Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/while/g), "You should be using a <code>while</code> loop for this.");'
+  - text: ''
+    testString: 'assert.deepEqual(myArray, [0,1,2,3,4], "<code>myArray</code> should equal <code>[0,1,2,3,4]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myArray = [];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions.arabic.md
new file mode 100644
index 0000000000..5cbe25c2fe
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions.arabic.md
@@ -0,0 +1,96 @@
+---
+id: 56533eb9ac21ba0edf2244bf
+title: Local Scope and Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof myVar === "undefined", "No global <code>myVar</code> variable");'
+  - text: ''
+    testString: 'assert(/var\s+myVar/.test(code), "Add a local <code>myVar</code> variable");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function myLocalScope() {
+  'use strict'; // you shouldn't need to edit this line
+
+  console.log(myVar);
+}
+myLocalScope();
+
+// Run and check the console
+// myVar is not defined outside of myLocalScope
+console.log(myVar);
+
+// Now remove the console log line to pass the test
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = "";
+var originalConsole = console
+function capture() {
+  var nativeLog = console.log;
+  console.log = function (message) {
+    logOutput = message;
+    if(nativeLog.apply) {
+      nativeLog.apply(originalConsole, arguments);
+    } else {
+      var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+      nativeLog(nativeMsg);
+    }
+  };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements.arabic.md
new file mode 100644
index 0000000000..79eb09a0d6
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 5690307fddb111c6084545d7
+title: Logical Order in If Else Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(orderMyLogic(4) === "Less than 5", "<code>orderMyLogic(4)</code> should return "Less than 5"");'
+  - text: ''
+    testString: 'assert(orderMyLogic(6) === "Less than 10", "<code>orderMyLogic(6)</code> should return "Less than 10"");'
+  - text: ''
+    testString: 'assert(orderMyLogic(11) === "Greater than or equal to 10", "<code>orderMyLogic(11)</code> should return "Greater than or equal to 10"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function orderMyLogic(val) {
+  if (val < 10) {
+    return "Less than 10";
+  } else if (val < 5) {
+    return "Less than 5";
+  } else {
+    return "Greater than or equal to 10";
+  }
+}
+
+// Change this value to test
+orderMyLogic(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.arabic.md
new file mode 100644
index 0000000000..c915235c16
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.arabic.md
@@ -0,0 +1,70 @@
+---
+id: 56bbb991ad1ed5201cd392cc
+title: Manipulate Arrays With pop()
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function(d){if(d[0][0] == "John" && d[0][1] === 23 && d[1] == undefined){return true;}else{return false;}})(myArray), "<code>myArray</code> should only contain <code>[["John", 23]]</code>.");'
+  - text: ''
+    testString: 'assert(/removedFromMyArray\s*=\s*myArray\s*.\s*pop\s*(\s*)/.test(code), "Use <code>pop()</code> on <code>myArray</code>");'
+  - text: ''
+    testString: 'assert((function(d){if(d[0] == "cat" && d[1] === 2 && d[2] == undefined){return true;}else{return false;}})(removedFromMyArray), "<code>removedFromMyArray</code> should only contain <code>["cat", 2]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [1,2,3];
+var removedFromOurArray = ourArray.pop();
+// removedFromOurArray now equals 3, and ourArray now equals [1,2]
+
+// Setup
+var myArray = [["John", 23], ["cat", 2]];
+
+// Only change code below this line.
+var removedFromMyArray;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.arabic.md
new file mode 100644
index 0000000000..f983ad5006
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.arabic.md
@@ -0,0 +1,65 @@
+---
+id: 56bbb991ad1ed5201cd392cb
+title: Manipulate Arrays With push()
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function(d){if(d[2] != undefined && d[0][0] == "John" && d[0][1] === 23 && d[2][0] == "dog" && d[2][1] === 3 && d[2].length == 2){return true;}else{return false;}})(myArray), "<code>myArray</code> should now equal <code>[["John", 23], ["cat", 2], ["dog", 3]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = ["Stimpson", "J", "cat"];
+ourArray.push(["happy", "joy"]);
+// ourArray now equals ["Stimpson", "J", "cat", ["happy", "joy"]]
+
+// Setup
+var myArray = [["John", 23], ["cat", 2]];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.arabic.md
new file mode 100644
index 0000000000..9488fa77e2
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.arabic.md
@@ -0,0 +1,68 @@
+---
+id: 56bbb991ad1ed5201cd392cd
+title: Manipulate Arrays With shift()
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function(d){if(d[0][0] == "dog" && d[0][1] === 3 && d[1] == undefined){return true;}else{return false;}})(myArray), "<code>myArray</code> should now equal <code>[["dog", 3]]</code>.");'
+  - text: ''
+    testString: 'assert((function(d){if(d[0] == "John" && d[1] === 23 && typeof removedFromMyArray === "object"){return true;}else{return false;}})(removedFromMyArray), "<code>removedFromMyArray</code> should contain <code>["John", 23]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = ["Stimpson", "J", ["cat"]];
+var removedFromOurArray = ourArray.shift();
+// removedFromOurArray now equals "Stimpson" and ourArray now equals ["J", ["cat"]].
+
+// Setup
+var myArray = [["John", 23], ["dog", 3]];
+
+// Only change code below this line.
+var removedFromMyArray;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.arabic.md
new file mode 100644
index 0000000000..97b2e6f689
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.arabic.md
@@ -0,0 +1,67 @@
+---
+id: 56bbb991ad1ed5201cd392ce
+title: Manipulate Arrays With unshift()
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function(d){if(typeof d[0] === "object" && d[0][0] == "Paul" && d[0][1] === 35 && d[1][0] != undefined && d[1][0] == "dog" && d[1][1] != undefined && d[1][1] == 3){return true;}else{return false;}})(myArray), "<code>myArray</code> should now have [["Paul", 35], ["dog", 3]].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = ["Stimpson", "J", "cat"];
+ourArray.shift(); // ourArray now equals ["J", "cat"]
+ourArray.unshift("Happy");
+// ourArray now equals ["Happy", "J", "cat"]
+
+// Setup
+var myArray = [["John", 23], ["dog", 3]];
+myArray.shift();
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects.arabic.md
new file mode 100644
index 0000000000..6e7c3a8af4
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects.arabic.md
@@ -0,0 +1,86 @@
+---
+id: 56533eb9ac21ba0edf2244cb
+title: Manipulating Complex Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(Array.isArray(myMusic), "<code>myMusic</code> should be an array");'
+  - text: ''
+    testString: 'assert(myMusic.length > 1, "<code>myMusic</code> should have at least two elements");'
+  - text: ''
+    testString: 'assert(typeof myMusic[1] === "object", "<code>myMusic[1]</code> should be an object");'
+  - text: ''
+    testString: 'assert(Object.keys(myMusic[1]).length > 3, "<code>myMusic[1]</code> should have at least 4 properties");'
+  - text: ''
+    testString: 'assert(myMusic[1].hasOwnProperty("artist") && typeof myMusic[1].artist === "string", "<code>myMusic[1]</code> should contain an <code>artist</code> property which is a string");'
+  - text: ''
+    testString: 'assert(myMusic[1].hasOwnProperty("title") && typeof myMusic[1].title === "string", "<code>myMusic[1]</code> should  contain a <code>title</code> property which is a string");'
+  - text: ''
+    testString: 'assert(myMusic[1].hasOwnProperty("release_year") && typeof myMusic[1].release_year === "number", "<code>myMusic[1]</code> should contain a <code>release_year</code> property which is a number");'
+  - text: ''
+    testString: 'assert(myMusic[1].hasOwnProperty("formats") && Array.isArray(myMusic[1].formats), "<code>myMusic[1]</code> should contain a <code>formats</code> property which is an array");'
+  - text: ''
+    testString: 'assert(myMusic[1].formats.every(function(item) { return (typeof item === "string")}) && myMusic[1].formats.length > 1, "<code>formats</code> should be an array of strings with at least two elements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myMusic = [
+  {
+    "artist": "Billy Joel",
+    "title": "Piano Man",
+    "release_year": 1973,
+    "formats": [
+      "CD",
+      "8T",
+      "LP"
+    ],
+    "gold": true
+  }
+  // Add record here
+];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes.arabic.md
new file mode 100644
index 0000000000..2c8c952094
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes.arabic.md
@@ -0,0 +1,66 @@
+---
+id: cf1111c1c11feddfaeb8bdef
+title: Modify Array Data With Indexes
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function(){if(typeof myArray != "undefined" && myArray[0] == 45 && myArray[1] == 64 && myArray[2] == 99){return true;}else{return false;}})(), "<code>myArray</code> should now be [45,64,99].");'
+  - text: ''
+    testString: 'assert((function(){if(code.match(/myArray\[0\]\s*=\s*/g)){return true;}else{return false;}})(), "You should be using correct index to modify the value in <code>myArray</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [18,64,99];
+ourArray[1] = 45; // ourArray now equals [18,45,99].
+
+// Setup
+var myArray = [18,64,99];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/multiple-identical-options-in-switch-statements.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/multiple-identical-options-in-switch-statements.arabic.md
new file mode 100644
index 0000000000..632db814c0
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/multiple-identical-options-in-switch-statements.arabic.md
@@ -0,0 +1,80 @@
+---
+id: 56533eb9ac21ba0edf2244df
+title: Multiple Identical Options in Switch Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(sequentialSizes(1) === "Low", "<code>sequentialSizes(1)</code> should return "Low"");'
+  - text: ''
+    testString: 'assert(sequentialSizes(2) === "Low", "<code>sequentialSizes(2)</code> should return "Low"");'
+  - text: ''
+    testString: 'assert(sequentialSizes(3) === "Low", "<code>sequentialSizes(3)</code> should return "Low"");'
+  - text: ''
+    testString: 'assert(sequentialSizes(4) === "Mid", "<code>sequentialSizes(4)</code> should return "Mid"");'
+  - text: ''
+    testString: 'assert(sequentialSizes(5) === "Mid", "<code>sequentialSizes(5)</code> should return "Mid"");'
+  - text: ''
+    testString: 'assert(sequentialSizes(6) === "Mid", "<code>sequentialSizes(6)</code> should return "Mid"");'
+  - text: ''
+    testString: 'assert(sequentialSizes(7) === "High", "<code>sequentialSizes(7)</code> should return "High"");'
+  - text: ''
+    testString: 'assert(sequentialSizes(8) === "High", "<code>sequentialSizes(8)</code> should return "High"");'
+  - text: ''
+    testString: 'assert(sequentialSizes(9) === "High", "<code>sequentialSizes(9)</code> should return "High"");'
+  - text: ''
+    testString: 'assert(!/else/g.test(code) || !/if/g.test(code), "You should not use any <code>if</code> or <code>else</code> statements");'
+  - text: ''
+    testString: 'assert(code.match(/case/g).length === 9, "You should have nine <code>case</code> statements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sequentialSizes(val) {
+  var answer = "";
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+  return answer;
+}
+
+// Change this value to test
+sequentialSizes(1);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-decimals-with-javascript.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-decimals-with-javascript.arabic.md
new file mode 100644
index 0000000000..12d63751ab
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-decimals-with-javascript.arabic.md
@@ -0,0 +1,59 @@
+---
+id: bd7993c9c69feddfaeb7bdef
+title: Multiply Two Decimals with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(product === 5.0, "The variable <code>product</code> should equal <code>5.0</code>.");'
+  - text: ''
+    testString: 'assert(/\*/.test(code), "You should use the <code>*</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var product = 2.0 * 0.0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-numbers-with-javascript.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-numbers-with-javascript.arabic.md
new file mode 100644
index 0000000000..a594b0bbd2
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-numbers-with-javascript.arabic.md
@@ -0,0 +1,59 @@
+---
+id: cf1231c1c11feddfaeb5bdef
+title: Multiply Two Numbers with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(product === 80,"Make the variable <code>product</code> equal 80");'
+  - text: ''
+    testString: 'assert(/\*/.test(code), "Use the <code>*</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var product = 8 * 0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array.arabic.md
new file mode 100644
index 0000000000..6f39a7c4a3
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array.arabic.md
@@ -0,0 +1,61 @@
+---
+id: cf1111c1c11feddfaeb7bdef
+title: Nest one Array within Another Array
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(Array.isArray(myArray) && myArray.some(Array.isArray), "<code>myArray</code> should have at least one array nested within another array.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [["the universe", 42], ["everything", 101010]];
+
+// Only change code below this line.
+var myArray = [];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops.arabic.md
new file mode 100644
index 0000000000..32c99b9dec
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 56533eb9ac21ba0edf2244e1
+title: Nesting For Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(multiplyAll([[1],[2],[3]]) === 6, "<code>multiplyAll([[1],[2],[3]])</code> should return <code>6</code>");'
+  - text: ''
+    testString: 'assert(multiplyAll([[1,2],[3,4],[5,6,7]]) === 5040, "<code>multiplyAll([[1,2],[3,4],[5,6,7]])</code> should return <code>5040</code>");'
+  - text: ''
+    testString: 'assert(multiplyAll([[5,1],[0.2, 4, 0.5],[3, 9]]) === 54, "<code>multiplyAll([[5,1],[0.2, 4, 0.5],[3, 9]])</code> should return <code>54</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function multiplyAll(arr) {
+  var product = 1;
+  // Only change code below this line
+
+  // Only change code above this line
+  return product;
+}
+
+// Modify values below to test your code
+multiplyAll([[1,2],[3,4],[5,6,7]]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments.arabic.md
new file mode 100644
index 0000000000..859192e2be
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments.arabic.md
@@ -0,0 +1,97 @@
+---
+id: 56533eb9ac21ba0edf2244bd
+title: Passing Values to Functions with Arguments
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof functionWithArgs === "function", "<code>functionWithArgs</code> should be a function");'
+  - text: ''
+    testString: 'if(typeof functionWithArgs === "function") { capture(); functionWithArgs(1,2); uncapture(); } assert(logOutput == 3, "<code>functionWithArgs(1,2)</code> should output <code>3</code>");'
+  - text: ''
+    testString: 'if(typeof functionWithArgs === "function") { capture(); functionWithArgs(7,9); uncapture(); } assert(logOutput == 16, "<code>functionWithArgs(7,9)</code> should output <code>16</code>");'
+  - text: ''
+    testString: 'assert(/^\s*functionWithArgs\s*\(\s*\d+\s*,\s*\d+\s*\)\s*;/m.test(code), "Call <code>functionWithArgs</code> with two numbers after you define it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function ourFunctionWithArgs(a, b) {
+  console.log(a - b);
+}
+ourFunctionWithArgs(10, 5); // Outputs 5
+
+// Only change code below this line.
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = "";
+var originalConsole = console
+function capture() {
+    var nativeLog = console.log;
+    console.log = function (message) {
+        if(message) logOutput = JSON.stringify(message).trim();
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/practice-comparing-different-values.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/practice-comparing-different-values.arabic.md
new file mode 100644
index 0000000000..627c33f4f1
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/practice-comparing-different-values.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 599a789b454f2bbd91a3ff4d
+title: Practice comparing different values
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(compareEquality(10, "10") === "Not Equal", "<code>compareEquality(10, "10")</code> should return "Not Equal"");'
+  - text: ''
+    testString: 'assert(compareEquality("20", 20) === "Not Equal", "<code>compareEquality("20", 20)</code> should return "Not Equal"");'
+  - text: ''
+    testString: 'assert(code.match(/===/g), "You should use the <code>===</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function compareEquality(a, b) {
+  if (a == b) { // Change this line
+    return "Equal";
+  }
+  return "Not Equal";
+}
+
+// Change this value to test
+compareEquality(10, "10");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/profile-lookup.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/profile-lookup.arabic.md
new file mode 100644
index 0000000000..decd6f929a
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/profile-lookup.arabic.md
@@ -0,0 +1,95 @@
+---
+id: 5688e62ea601b2482ff8422b
+title: Profile Lookup
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(lookUpProfile("Kristian","lastName") === "Vos", "<code>"Kristian", "lastName"</code> should return <code>"Vos"</code>");'
+  - text: ''
+    testString: 'assert.deepEqual(lookUpProfile("Sherlock", "likes"), ["Intriguing Cases", "Violin"], "<code>"Sherlock", "likes"</code> should return <code>["Intriguing Cases", "Violin"]</code>");'
+  - text: ''
+    testString: 'assert(typeof lookUpProfile("Harry", "likes") === "object", "<code>"Harry","likes"</code> should return an array");'
+  - text: ''
+    testString: 'assert(lookUpProfile("Bob", "number") === "No such contact", "<code>"Bob", "number"</code> should return "No such contact"");'
+  - text: ''
+    testString: 'assert(lookUpProfile("Bob", "potato") === "No such contact", "<code>"Bob", "potato"</code> should return "No such contact"");'
+  - text: ''
+    testString: 'assert(lookUpProfile("Akira", "address") === "No such property", "<code>"Akira", "address"</code> should return "No such property"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+//Setup
+var contacts = [
+    {
+        "firstName": "Akira",
+        "lastName": "Laine",
+        "number": "0543236543",
+        "likes": ["Pizza", "Coding", "Brownie Points"]
+    },
+    {
+        "firstName": "Harry",
+        "lastName": "Potter",
+        "number": "0994372684",
+        "likes": ["Hogwarts", "Magic", "Hagrid"]
+    },
+    {
+        "firstName": "Sherlock",
+        "lastName": "Holmes",
+        "number": "0487345643",
+        "likes": ["Intriguing Cases", "Violin"]
+    },
+    {
+        "firstName": "Kristian",
+        "lastName": "Vos",
+        "number": "unknown",
+        "likes": ["JavaScript", "Gaming", "Foxes"]
+    }
+];
+
+
+function lookUpProfile(name, prop){
+// Only change code below this line
+
+// Only change code above this line
+}
+
+// Change these values to test your function
+lookUpProfile("Akira", "likes");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/quoting-strings-with-single-quotes.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/quoting-strings-with-single-quotes.arabic.md
new file mode 100644
index 0000000000..fa652819b6
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/quoting-strings-with-single-quotes.arabic.md
@@ -0,0 +1,59 @@
+---
+id: 56533eb9ac21ba0edf2244b4
+title: Quoting Strings with Single Quotes
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(!/\\/g.test(code) && myStr.match("\\s*<a href\\s*=\\s*"http://www.example.com"\\s*target\\s*=\\s*"_blank">\\s*Link\\s*</a>\\s*"), "Remove all the <code>backslashes</code> (<code>\</code>)");'
+  - text: ''
+    testString: 'assert(code.match(/"/g).length === 4 && code.match(/"/g).length === 2, "You should have two single quotes <code>&#39;</code> and four double quotes <code>&quot;</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myStr = "<a href=\"http://www.example.com\" target=\"_blank\">Link</a>";
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/record-collection.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/record-collection.arabic.md
new file mode 100644
index 0000000000..c544e15413
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/record-collection.arabic.md
@@ -0,0 +1,106 @@
+---
+id: 56533eb9ac21ba0edf2244cf
+title: Record Collection
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'collection = collectionCopy; assert(updateRecords(5439, "artist", "ABBA")[5439]["artist"] === "ABBA", "After <code>updateRecords(5439, "artist", "ABBA")</code>, <code>artist</code> should be <code>"ABBA"</code>");'
+  - text: ''
+    testString: 'assert(updateRecords(5439, "tracks", "Take a Chance on Me")[5439]["tracks"].pop() === "Take a Chance on Me", "After <code>updateRecords(5439, "tracks", "Take a Chance on Me")</code>, <code>tracks</code> should have <code>"Take a Chance on Me"</code> as the last element.");'
+  - text: ''
+    testString: 'updateRecords(2548, "artist", ""); assert(!collection[2548].hasOwnProperty("artist"), "After <code>updateRecords(2548, "artist", "")</code>, <code>artist</code> should not be set");'
+  - text: ''
+    testString: 'assert(updateRecords(1245, "tracks", "Addicted to Love")[1245]["tracks"].pop() === "Addicted to Love", "After <code>updateRecords(1245, "tracks", "Addicted to Love")</code>, <code>tracks</code> should have <code>"Addicted to Love"</code> as the last element.");'
+  - text: ''
+    testString: 'assert(updateRecords(2468, "tracks", "Free")[2468]["tracks"][0] === "1999", "After <code>updateRecords(2468, "tracks", "Free")</code>, <code>tracks</code> should have <code>"1999"</code> as the first element.");'
+  - text: ''
+    testString: 'updateRecords(2548, "tracks", ""); assert(!collection[2548].hasOwnProperty("tracks"), "After <code>updateRecords(2548, "tracks", "")</code>, <code>tracks</code> should not be set");'
+  - text: ''
+    testString: 'assert(updateRecords(1245, "album", "Riptide")[1245]["album"] === "Riptide", "After <code>updateRecords(1245, "album", "Riptide")</code>, <code>album</code> should be <code>"Riptide"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var collection = {
+    "2548": {
+      "album": "Slippery When Wet",
+      "artist": "Bon Jovi",
+      "tracks": [
+        "Let It Rock",
+        "You Give Love a Bad Name"
+      ]
+    },
+    "2468": {
+      "album": "1999",
+      "artist": "Prince",
+      "tracks": [
+        "1999",
+        "Little Red Corvette"
+      ]
+    },
+    "1245": {
+      "artist": "Robert Palmer",
+      "tracks": [ ]
+    },
+    "5439": {
+      "album": "ABBA Gold"
+    }
+};
+// Keep a copy of the collection for tests
+var collectionCopy = JSON.parse(JSON.stringify(collection));
+
+// Only change code below this line
+function updateRecords(id, prop, value) {
+
+
+  return collection;
+}
+
+// Alter values below to test your code
+updateRecords(5439, "artist", "ABBA");
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/replacing-if-else-chains-with-switch.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/replacing-if-else-chains-with-switch.arabic.md
new file mode 100644
index 0000000000..244e21e8b2
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/replacing-if-else-chains-with-switch.arabic.md
@@ -0,0 +1,88 @@
+---
+id: 56533eb9ac21ba0edf2244e0
+title: Replacing If Else Chains with Switch
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(!/else/g.test(code), "You should not use any <code>else</code> statements anywhere in the editor");'
+  - text: ''
+    testString: 'assert(!/if/g.test(code), "You should not use any <code>if</code> statements anywhere in the editor");'
+  - text: ''
+    testString: 'assert(code.match(/break/g).length >= 4, "You should have at least four <code>break</code> statements");'
+  - text: ''
+    testString: 'assert(chainToSwitch("bob") === "Marley", "<code>chainToSwitch("bob")</code> should be "Marley"");'
+  - text: ''
+    testString: 'assert(chainToSwitch(42) === "The Answer", "<code>chainToSwitch(42)</code> should be "The Answer"");'
+  - text: ''
+    testString: 'assert(chainToSwitch(1) === "There is no #1", "<code>chainToSwitch(1)</code> should be "There is no #1"");'
+  - text: ''
+    testString: 'assert(chainToSwitch(99) === "Missed me by this much!", "<code>chainToSwitch(99)</code> should be "Missed me by this much!"");'
+  - text: ''
+    testString: 'assert(chainToSwitch(7) === "Ate Nine", "<code>chainToSwitch(7)</code> should be "Ate Nine"");'
+  - text: ''
+    testString: 'assert(chainToSwitch("John") === "", "<code>chainToSwitch("John")</code> should be "" (empty string)");'
+  - text: ''
+    testString: 'assert(chainToSwitch(156) === "", "<code>chainToSwitch(156)</code> should be "" (empty string)");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function chainToSwitch(val) {
+  var answer = "";
+  // Only change code below this line
+
+  if (val === "bob") {
+    answer = "Marley";
+  } else if (val === 42) {
+    answer = "The Answer";
+  } else if (val === 1) {
+    answer = "There is no #1";
+  } else if (val === 99) {
+    answer = "Missed me by this much!";
+  } else if (val === 7) {
+    answer = "Ate Nine";
+  }
+
+  // Only change code above this line
+  return answer;
+}
+
+// Change this value to test
+chainToSwitch(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.arabic.md
new file mode 100644
index 0000000000..a2391865d2
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 56533eb9ac21ba0edf2244c2
+title: Return a Value from a Function with Return
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof timesFive === "function", "<code>timesFive</code> should be a function");'
+  - text: ''
+    testString: 'assert(timesFive(5) === 25, "<code>timesFive(5)</code> should return <code>25</code>");'
+  - text: ''
+    testString: 'assert(timesFive(2) === 10, "<code>timesFive(2)</code> should return <code>10</code>");'
+  - text: ''
+    testString: 'assert(timesFive(0) === 0, "<code>timesFive(0)</code> should return <code>0</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function minusSeven(num) {
+  return num - 7;
+}
+
+// Only change code below this line
+
+
+
+console.log(minusSeven(10));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions.arabic.md
new file mode 100644
index 0000000000..35f911d48a
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 56533eb9ac21ba0edf2244c4
+title: Return Early Pattern for Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof abTest(2,2) === "number" , "<code>abTest(2,2)</code> should return a number");'
+  - text: ''
+    testString: 'assert(abTest(2,2) === 8 , "<code>abTest(2,2)</code> should return <code>8</code>");'
+  - text: ''
+    testString: 'assert(abTest(-2,2) === undefined , "<code>abTest(-2,2)</code> should return <code>undefined</code>");'
+  - text: ''
+    testString: 'assert(abTest(2,-2) === undefined , "<code>abTest(2,-2)</code> should return <code>undefined</code>");'
+  - text: ''
+    testString: 'assert(abTest(2,8) === 18 , "<code>abTest(2,8)</code> should return <code>18</code>");'
+  - text: ''
+    testString: 'assert(abTest(3,3) === 12 , "<code>abTest(3,3)</code> should return <code>12</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function abTest(a, b) {
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+
+  return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
+}
+
+// Change values below to test your code
+abTest(2,2);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions.arabic.md
new file mode 100644
index 0000000000..327b23506a
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions.arabic.md
@@ -0,0 +1,63 @@
+---
+id: 5679ceb97cbaa8c51670a16b
+title: Returning Boolean Values from Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(isLess(10,15) === true, "<code>isLess(10,15)</code> should return <code>true</code>");'
+  - text: ''
+    testString: 'assert(isLess(15, 10) === false, "<code>isLess(15,10)</code> should return <code>false</code>");'
+  - text: ''
+    testString: 'assert(!/if|else/g.test(code), "You should not use any <code>if</code> or <code>else</code> statements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function isLess(a, b) {
+  // Fix this code
+  if (a < b) {
+    return true;
+  } else {
+    return false;
+  }
+}
+
+// Change these values to test
+isLess(10, 15);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/selecting-from-many-options-with-switch-statements.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/selecting-from-many-options-with-switch-statements.arabic.md
new file mode 100644
index 0000000000..ceb38d28c5
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/selecting-from-many-options-with-switch-statements.arabic.md
@@ -0,0 +1,70 @@
+---
+id: 56533eb9ac21ba0edf2244dd
+title: Selecting from Many Options with Switch Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(caseInSwitch(1) === "alpha", "<code>caseInSwitch(1)</code> should have a value of "alpha"");'
+  - text: ''
+    testString: 'assert(caseInSwitch(2) === "beta", "<code>caseInSwitch(2)</code> should have a value of "beta"");'
+  - text: ''
+    testString: 'assert(caseInSwitch(3) === "gamma", "<code>caseInSwitch(3)</code> should have a value of "gamma"");'
+  - text: ''
+    testString: 'assert(caseInSwitch(4) === "delta", "<code>caseInSwitch(4)</code> should have a value of "delta"");'
+  - text: ''
+    testString: 'assert(!/else/g.test(code) || !/if/g.test(code), "You should not use any <code>if</code> or <code>else</code> statements");'
+  - text: ''
+    testString: 'assert(code.match(/break/g).length > 2, "You should have at least 3 <code>break</code> statements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function caseInSwitch(val) {
+  var answer = "";
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+  return answer;
+}
+
+// Change this value to test
+caseInSwitch(1);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/shopping-list.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/shopping-list.arabic.md
new file mode 100644
index 0000000000..f2268b74f6
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/shopping-list.arabic.md
@@ -0,0 +1,63 @@
+---
+id: 56533eb9ac21ba0edf2244bc
+title: Shopping List
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(isArray, "<code>myList</code> should be an array");'
+  - text: ''
+    testString: 'assert(hasString, "The first elements in each of your sub-arrays must all be strings");'
+  - text: ''
+    testString: 'assert(hasNumber, "The second elements in each of your sub-arrays must all be numbers");'
+  - text: ''
+    testString: 'assert(count > 4, "You must have at least 5 items in your list");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myList = [];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/stand-in-line.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/stand-in-line.arabic.md
new file mode 100644
index 0000000000..8ae8db7d80
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/stand-in-line.arabic.md
@@ -0,0 +1,105 @@
+---
+id: 56533eb9ac21ba0edf2244c6
+title: Stand in Line
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.isNumber(nextInLine([],5), "<code>nextInLine([], 5)</code> should return a number.");'
+  - text: ''
+    testString: 'assert(nextInLine([],1) === 1, "<code>nextInLine([], 1)</code> should return <code>1</code>");'
+  - text: ''
+    testString: 'assert(nextInLine([2],1) === 2, "<code>nextInLine([2], 1)</code> should return <code>2</code>");'
+  - text: ''
+    testString: 'assert(nextInLine([5,6,7,8,9],1) === 5, "<code>nextInLine([5,6,7,8,9], 1)</code> should return <code>5</code>");'
+  - text: ''
+    testString: 'nextInLine(testArr, 10); assert(testArr[4] === 10, "After <code>nextInLine(testArr, 10)</code>, <code>testArr[4]</code> should be <code>10</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nextInLine(arr, item) {
+  // Your code here
+
+  return item;  // Change this line
+}
+
+// Test Setup
+var testArr = [1,2,3,4,5];
+
+// Display Code
+console.log("Before: " + JSON.stringify(testArr));
+console.log(nextInLine(testArr, 6)); // Modify this line to test
+console.log("After: " + JSON.stringify(testArr));
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = [];
+var originalConsole = console
+function capture() {
+    var nativeLog = console.log;
+    console.log = function (message) {
+        logOutput.push(message);
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays.arabic.md
new file mode 100644
index 0000000000..ff911c6cd9
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays.arabic.md
@@ -0,0 +1,65 @@
+---
+id: bd7993c9c69feddfaeb8bdef
+title: Store Multiple Values in one Variable using JavaScript Arrays
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof myArray == "object", "<code>myArray</code> should be an <code>array</code>.");'
+  - text: ''
+    testString: 'assert(typeof myArray[0] !== "undefined" && typeof myArray[0] == "string", "The first item in <code>myArray</code> should be a <code>string</code>.");'
+  - text: ''
+    testString: 'assert(typeof myArray[1] !== "undefined" && typeof myArray[1] == "number", "The second item in <code>myArray</code> should be a <code>number</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = ["John", 23];
+
+// Only change code below this line.
+var myArray = [];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator.arabic.md
new file mode 100644
index 0000000000..790545ada2
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator.arabic.md
@@ -0,0 +1,81 @@
+---
+id: 56533eb9ac21ba0edf2244a8
+title: Storing Values with the Assignment Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(/var a;/.test(code) && /var b = 2;/.test(code), "Do not change code above the line");'
+  - text: ''
+    testString: 'assert(typeof a === "number" && a === 7, "<code>a</code> should have a value of 7");'
+  - text: ''
+    testString: 'assert(typeof b === "number" && b === 7, "<code>b</code> should have a value of 7");'
+  - text: ''
+    testString: 'assert(/b\s*=\s*a\s*;/g.test(code), "<code>a</code> should be assigned to <code>b</code> with <code>=</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var a;
+var b = 2;
+
+// Only change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+if (typeof a != 'undefined') {
+  a = undefined;
+}
+if (typeof b != 'undefined') {
+  b = undefined;
+}
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.arabic.md
new file mode 100644
index 0000000000..b47ae3e449
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.arabic.md
@@ -0,0 +1,59 @@
+---
+id: cf1111c1c11feddfaeb4bdef
+title: Subtract One Number from Another with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(difference === 12, "Make the variable <code>difference</code> equal 12.");'
+  - text: ''
+    testString: 'assert(/var\s*difference\s*=\s*45\s*-\s*[0-9]*;(?!\s*[a-zA-Z0-9]+)/.test(code),"Only subtract one number from 45.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var difference = 45 - 0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties.arabic.md
new file mode 100644
index 0000000000..54c8107d1d
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties.arabic.md
@@ -0,0 +1,67 @@
+---
+id: 567af2437cbaa8c51670a16c
+title: Testing Objects for Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(checkObj("gift") === "pony", "<code>checkObj("gift")</code> should return  <code>"pony"</code>.");'
+  - text: ''
+    testString: 'assert(checkObj("pet") === "kitten", "<code>checkObj("pet")</code> should return  <code>"kitten"</code>.");'
+  - text: ''
+    testString: 'assert(checkObj("house") === "Not Found", "<code>checkObj("house")</code> should return  <code>"Not Found"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myObj = {
+  gift: "pony",
+  pet: "kitten",
+  bed: "sleigh"
+};
+
+function checkObj(checkProp) {
+  // Your Code Here
+
+  return "Change Me!";
+}
+
+// Test your code by modifying these values
+checkObj("gift");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/understand-string-immutability.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/understand-string-immutability.arabic.md
new file mode 100644
index 0000000000..dd81f41973
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/understand-string-immutability.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 56533eb9ac21ba0edf2244ba
+title: Understand String Immutability
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(myStr === "Hello World", "<code>myStr</code> should have a value of <code>Hello World</code>");'
+  - text: ''
+    testString: 'assert(/myStr = "Jello World"/.test(code), "Do not change the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myStr = "Jello World";
+
+// Only change code below this line
+
+myStr[0] = "H"; // Fix Me
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.arabic.md
new file mode 100644
index 0000000000..850d3d2d92
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.arabic.md
@@ -0,0 +1,66 @@
+---
+id: bd7123c9c441eddfaeb5bdef
+title: Understanding Boolean Values
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof welcomeToBooleans() === "boolean", "The <code>welcomeToBooleans()</code> function should return a boolean &#40;true/false&#41; value.");'
+  - text: ''
+    testString: 'assert(welcomeToBooleans() === true, "<code>welcomeToBooleans()</code> should return true.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function welcomeToBooleans() {
+
+// Only change code below this line.
+
+return false; // Change this line
+
+// Only change code above this line.
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables.arabic.md
new file mode 100644
index 0000000000..b5024b57a5
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables.arabic.md
@@ -0,0 +1,67 @@
+---
+id: 56533eb9ac21ba0edf2244ab
+title: Understanding Case Sensitivity in Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof studlyCapVar !== "undefined" && studlyCapVar === 10, "<code>studlyCapVar</code> is defined and has a value of <code>10</code>");'
+  - text: ''
+    testString: 'assert(typeof properCamelCase !== "undefined" && properCamelCase === "A String", "<code>properCamelCase</code> is defined and has a value of <code>"A String"</code>");'
+  - text: ''
+    testString: 'assert(typeof titleCaseOver !== "undefined" && titleCaseOver === 9000, "<code>titleCaseOver</code> is defined and has a value of <code>9000</code>");'
+  - text: ''
+    testString: 'assert(code.match(/studlyCapVar/g).length === 2, "<code>studlyCapVar</code> should use camelCase in both declaration and assignment sections.");'
+  - text: ''
+    testString: 'assert(code.match(/properCamelCase/g).length === 2, "<code>properCamelCase</code> should use camelCase in both declaration and assignment sections.");'
+  - text: ''
+    testString: 'assert(code.match(/titleCaseOver/g).length === 2, "<code>titleCaseOver</code> should use camelCase in both declaration and assignment sections.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Declarations
+var StUdLyCapVaR;
+var properCamelCase;
+var TitleCaseOver;
+
+// Assignments
+STUDLYCAPVAR = 10;
+PRoperCAmelCAse = "A String";
+tITLEcASEoVER = 9000;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function.arabic.md
new file mode 100644
index 0000000000..7f5222f25b
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function.arabic.md
@@ -0,0 +1,74 @@
+---
+id: 598e8944f009e646fc236146
+title: Understanding Undefined Value returned from a Function
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof addFive === "function", "<code>addFive</code> should be a function");'
+  - text: ''
+    testString: 'assert(sum === 8, "<code>sum</code> should be equal to 8");'
+  - text: ''
+    testString: 'assert(addFive() === undefined, "Returned value from <code>addFive</code> should be <code>undefined</code>");'
+  - text: ''
+    testString: 'assert(code.match(/(sum\s*\=\s*sum\s*\+\s*5)|(sum\s*\+\=\s*5)/g).length === 1, "Inside of your functions, add 5 to the <code>sum</code> variable");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var sum = 0;
+function addThree() {
+  sum = sum + 3;
+}
+
+// Only change code below this line
+
+
+
+// Only change code above this line
+var returnedValue = addFive();
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables.arabic.md
new file mode 100644
index 0000000000..687bbf479e
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables.arabic.md
@@ -0,0 +1,72 @@
+---
+id: 56533eb9ac21ba0edf2244aa
+title: Understanding Uninitialized Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof a === "number" && a === 6, "<code>a</code> should be defined and evaluated to have the value of <code>6</code>");'
+  - text: ''
+    testString: 'assert(typeof b === "number" && b === 15, "<code>b</code> should be defined and evaluated to have the value of <code>15</code>");'
+  - text: ''
+    testString: 'assert(!/undefined/.test(c) && c === "I am a String!", "<code>c</code> should not contain <code>undefined</code> and should have a value of "I am a String!"");'
+  - text: ''
+    testString: 'assert(/a = a \+ 1;/.test(code) && /b = b \+ 5;/.test(code) && /c = c \+ " String!";/.test(code), "Do not change code below the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Initialize these three variables
+var a;
+var b;
+var c;
+
+// Do not change code below this line
+
+a = a + 1;
+b = b + 5;
+c = c + " String!";
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties.arabic.md
new file mode 100644
index 0000000000..9d02c9b131
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties.arabic.md
@@ -0,0 +1,77 @@
+---
+id: 56bbb991ad1ed5201cd392d1
+title: Updating Object Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(/happy coder/gi.test(myDog.name), "Update <code>myDog</code>&apos;s <code>"name"</code> property to equal "Happy Coder".");'
+  - text: ''
+    testString: 'assert(/"name": "Coder"/.test(code), "Do not edit the <code>myDog</code> definition");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"]
+};
+
+ourDog.name = "Happy Camper";
+
+// Setup
+var myDog = {
+  "name": "Coder",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["freeCodeCamp Campers"]
+};
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-first-character-in-a-string.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-first-character-in-a-string.arabic.md
new file mode 100644
index 0000000000..e332e4296b
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-first-character-in-a-string.arabic.md
@@ -0,0 +1,70 @@
+---
+id: bd7123c9c549eddfaeb5bdef
+title: Use Bracket Notation to Find the First Character in a String
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(firstLetterOfLastName === "L", "The <code>firstLetterOfLastName</code> variable should have the value of <code>L</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/firstLetterOfLastName\s*?=\s*?lastName\[.*?\]/), "You should use bracket notation.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstLetterOfFirstName = "";
+var firstName = "Ada";
+
+firstLetterOfFirstName = firstName[0];
+
+// Setup
+var firstLetterOfLastName = "";
+var lastName = "Lovelace";
+
+// Only change code below this line
+firstLetterOfLastName = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-last-character-in-a-string.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-last-character-in-a-string.arabic.md
new file mode 100644
index 0000000000..c0f31ccf95
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-last-character-in-a-string.arabic.md
@@ -0,0 +1,67 @@
+---
+id: bd7123c9c451eddfaeb5bdef
+title: Use Bracket Notation to Find the Last Character in a String
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(lastLetterOfLastName === "e", "<code>lastLetterOfLastName</code> should be "e".");'
+  - text: ''
+    testString: 'assert(code.match(/\.length/g).length === 2, "You have to use <code>.length</code> to get the last letter.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstName = "Ada";
+var lastLetterOfFirstName = firstName[firstName.length - 1];
+
+// Setup
+var lastName = "Lovelace";
+
+// Only change code below this line.
+var lastLetterOfLastName = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-character-in-a-string.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-character-in-a-string.arabic.md
new file mode 100644
index 0000000000..1ac925dff9
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-character-in-a-string.arabic.md
@@ -0,0 +1,67 @@
+---
+id: bd7123c9c450eddfaeb5bdef
+title: Use Bracket Notation to Find the Nth Character in a String
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(thirdLetterOfLastName === "v", "The <code>thirdLetterOfLastName</code> variable should have the value of <code>v</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/thirdLetterOfLastName\s*?=\s*?lastName\[.*?\]/), "You should use bracket notation.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstName = "Ada";
+var secondLetterOfFirstName = firstName[1];
+
+// Setup
+var lastName = "Lovelace";
+
+// Only change code below this line.
+var thirdLetterOfLastName = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-to-last-character-in-a-string.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-to-last-character-in-a-string.arabic.md
new file mode 100644
index 0000000000..3f5f6d2449
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-to-last-character-in-a-string.arabic.md
@@ -0,0 +1,67 @@
+---
+id: bd7123c9c452eddfaeb5bdef
+title: Use Bracket Notation to Find the Nth-to-Last Character in a String
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(secondToLastLetterOfLastName === "c", "<code>secondToLastLetterOfLastName</code> should be "c".");'
+  - text: ''
+    testString: 'assert(code.match(/\.length/g).length === 2, "You have to use <code>.length</code> to get the second last letter.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstName = "Ada";
+var thirdToLastLetterOfFirstName = firstName[firstName.length - 3];
+
+// Setup
+var lastName = "Lovelace";
+
+// Only change code below this line
+var secondToLastLetterOfLastName = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements.arabic.md
new file mode 100644
index 0000000000..e312cf4225
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements.arabic.md
@@ -0,0 +1,77 @@
+---
+id: cf1111c1c12feddfaeb3bdef
+title: Use Conditional Logic with If Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof trueOrFalse === "function", "<code>trueOrFalse</code> should be a function");'
+  - text: ''
+    testString: 'assert(typeof trueOrFalse(true) === "string", "<code>trueOrFalse(true)</code> should return a string");'
+  - text: ''
+    testString: 'assert(typeof trueOrFalse(false) === "string", "<code>trueOrFalse(false)</code> should return a string");'
+  - text: ''
+    testString: 'assert(trueOrFalse(true) === "Yes, that was true", "<code>trueOrFalse(true)</code> should return "Yes, that was true"");'
+  - text: ''
+    testString: 'assert(trueOrFalse(false) === "No, that was false", "<code>trueOrFalse(false)</code> should return "No, that was false"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function ourTrueOrFalse(isItTrue) {
+  if (isItTrue) {
+    return "Yes, it's true";
+  }
+  return "No, it's false";
+}
+
+// Setup
+function trueOrFalse(wasThatTrue) {
+
+  // Only change code below this line.
+
+
+
+  // Only change code above this line.
+
+}
+
+// Change this value to test
+trueOrFalse(true);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-multiple-conditional-ternary-operators.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-multiple-conditional-ternary-operators.arabic.md
new file mode 100644
index 0000000000..7faf8e162f
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-multiple-conditional-ternary-operators.arabic.md
@@ -0,0 +1,59 @@
+---
+id: 587d7b7e367417b2b2512b21
+title: Use Multiple Conditional (Ternary) Operators
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(/.+?\s*?\?\s*?.+?\s*?:\s*?.+?\s*?\?\s*?.+?\s*?:\s*?.+?/gi.test(code), "<code>checkSign</code> should use multiple <code>conditional operators</code>");'
+  - text: ''
+    testString: 'assert(checkSign(10) === "positive", "<code>checkSign(10)</code> should return "positive". Note that capitalization matters");'
+  - text: ''
+    testString: 'assert(checkSign(-12) === "negative", "<code>checkSign(-12)</code> should return "negative". Note that capitalization matters");'
+  - text: ''
+    testString: 'assert(checkSign(0) === "zero", "<code>checkSign(0)</code> should return "zero". Note that capitalization matters");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSign(num) {
+
+}
+
+checkSign(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-conditional-ternary-operator.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-conditional-ternary-operator.arabic.md
new file mode 100644
index 0000000000..b2e854bb5e
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-conditional-ternary-operator.arabic.md
@@ -0,0 +1,59 @@
+---
+id: 587d7b7e367417b2b2512b24
+title: Use the Conditional (Ternary) Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(/.+?\s*?\?\s*?.+?\s*?:\s*?.+?/gi.test(code), "<code>checkEqual</code> should use the <code>conditional operator</code>");'
+  - text: ''
+    testString: 'assert(checkEqual(1, 2) === false, "<code>checkEqual(1, 2)</code> should return false");'
+  - text: ''
+    testString: 'assert(checkEqual(1, 1) === true, "<code>checkEqual(1, 1)</code> should return true");'
+  - text: ''
+    testString: 'assert(checkEqual(1, -1) === false, "<code>checkEqual(1, -1)</code> should return false");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkEqual(a, b) {
+
+}
+
+checkEqual(1, 2);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function-with-a-radix.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function-with-a-radix.arabic.md
new file mode 100644
index 0000000000..16e7c16a47
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function-with-a-radix.arabic.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b7e367417b2b2512b22
+title: Use the parseInt Function with a Radix
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(/parseInt/g.test(code), "<code>convertToInteger</code> should use the <code>parseInt()</code> function");'
+  - text: ''
+    testString: 'assert(typeof(convertToInteger("10011")) === "number", "<code>convertToInteger("10011")</code> should return a number");'
+  - text: ''
+    testString: 'assert(convertToInteger("10011") === 19, "<code>convertToInteger("10011")</code> should return 19");'
+  - text: ''
+    testString: 'assert(convertToInteger("111001") === 57, "<code>convertToInteger("111001")</code> should return 57");'
+  - text: ''
+    testString: 'assert.isNaN(convertToInteger("JamesBond"), "<code>convertToInteger("JamesBond")</code> should return NaN");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertToInteger(str) {
+
+}
+
+convertToInteger("10011");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function.arabic.md
new file mode 100644
index 0000000000..643f5da665
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function.arabic.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b7e367417b2b2512b23
+title: Use the parseInt Function
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(/parseInt/g.test(code), "<code>convertToInteger</code> should use the <code>parseInt()</code> function");'
+  - text: ''
+    testString: 'assert(typeof(convertToInteger("56")) === "number", "<code>convertToInteger("56")</code> should return a number");'
+  - text: ''
+    testString: 'assert(convertToInteger("56") === 56, "<code>convertToInteger("56")</code> should return 56");'
+  - text: ''
+    testString: 'assert(convertToInteger("77") === 77, "<code>convertToInteger("77")</code> should return 77");'
+  - text: ''
+    testString: 'assert.isNaN(convertToInteger("JamesBond"), "<code>convertToInteger("JamesBond")</code> should return NaN");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertToInteger(str) {
+
+}
+
+convertToInteger("56");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups.arabic.md
new file mode 100644
index 0000000000..c3311c0f3b
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups.arabic.md
@@ -0,0 +1,95 @@
+---
+id: 56533eb9ac21ba0edf2244ca
+title: Using Objects for Lookups
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(phoneticLookup("alpha") === "Adams", "<code>phoneticLookup("alpha")</code> should equal <code>"Adams"</code>");'
+  - text: ''
+    testString: 'assert(phoneticLookup("bravo") === "Boston", "<code>phoneticLookup("bravo")</code> should equal <code>"Boston"</code>");'
+  - text: ''
+    testString: 'assert(phoneticLookup("charlie") === "Chicago", "<code>phoneticLookup("charlie")</code> should equal <code>"Chicago"</code>");'
+  - text: ''
+    testString: 'assert(phoneticLookup("delta") === "Denver", "<code>phoneticLookup("delta")</code> should equal <code>"Denver"</code>");'
+  - text: ''
+    testString: 'assert(phoneticLookup("echo") === "Easy", "<code>phoneticLookup("echo")</code> should equal <code>"Easy"</code>");'
+  - text: ''
+    testString: 'assert(phoneticLookup("foxtrot") === "Frank", "<code>phoneticLookup("foxtrot")</code> should equal <code>"Frank"</code>");'
+  - text: ''
+    testString: 'assert(typeof phoneticLookup("") === "undefined", "<code>phoneticLookup("")</code> should equal <code>undefined</code>");'
+  - text: ''
+    testString: 'assert(code.match(/return\sresult;/), "You should not modify the <code>return</code> statement");'
+  - text: ''
+    testString: 'assert(!/case|switch|if/g.test(code.replace(/([/]{2}.*)|([/][*][^/*]*[*][/])/g,"")), "You should not use <code>case</code>, <code>switch</code>, or <code>if</code> statements"); '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function phoneticLookup(val) {
+  var result = "";
+
+  // Only change code below this line
+  switch(val) {
+    case "alpha":
+      result = "Adams";
+      break;
+    case "bravo":
+      result = "Boston";
+      break;
+    case "charlie":
+      result = "Chicago";
+      break;
+    case "delta":
+      result = "Denver";
+      break;
+    case "echo":
+      result = "Easy";
+      break;
+    case "foxtrot":
+      result = "Frank";
+  }
+
+  // Only change code above this line
+  return result;
+}
+
+// Change this value to test
+phoneticLookup("charlie");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/word-blanks.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/word-blanks.arabic.md
new file mode 100644
index 0000000000..4fdd975f37
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/word-blanks.arabic.md
@@ -0,0 +1,70 @@
+---
+id: 56533eb9ac21ba0edf2244bb
+title: Word Blanks
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof wordBlanks("","","","") === "string", "<code>wordBlanks("","","","")</code> should return a string.");'
+  - text: ''
+    testString: 'assert(/\bdog\b/.test(test1) && /\bbig\b/.test(test1) && /\bran\b/.test(test1) && /\bquickly\b/.test(test1),"<code>wordBlanks("dog", "big", "ran", "quickly")</code> should contain all of the passed in words separated by non-word characters (and any additional words in your madlib).");'
+  - text: ''
+    testString: 'assert(/\bcat\b/.test(test2) && /\blittle\b/.test(test2) && /\bhit\b/.test(test2) && /\bslowly\b/.test(test2),"<code>wordBlanks("cat", "little", "hit", "slowly")</code> should contain all of the passed in words separated by non-word characters (and any additional words in your madlib).");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function wordBlanks(myNoun, myAdjective, myVerb, myAdverb) {
+  // Your code below this line
+  var result = "";
+
+  // Your code above this line
+  return result;
+}
+
+// Change the words here to test your function
+wordBlanks("dog", "big", "ran", "quickly");
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions.arabic.md
new file mode 100644
index 0000000000..e26fa189b3
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions.arabic.md
@@ -0,0 +1,96 @@
+---
+id: 56bbb991ad1ed5201cd392cf
+title: Write Reusable JavaScript with Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof reusableFunction === "function", "<code>reusableFunction</code> should be a function");'
+  - text: ''
+    testString: 'assert("Hi World" === logOutput, "<code>reusableFunction</code> should output "Hi World" to the dev console");'
+  - text: ''
+    testString: 'assert(/^\s*reusableFunction\(\)\s*;/m.test(code), "Call <code>reusableFunction</code> after you define it");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function ourReusableFunction() {
+  console.log("Heyya, World");
+}
+
+ourReusableFunction();
+
+// Only change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = "";
+var originalConsole = console
+function capture() {
+    var nativeLog = console.log;
+    console.log = function (message) {
+        if(message && message.trim) logOutput = message.trim();
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-arguments-passed-in-the-wrong-order-when-calling-a-function.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-arguments-passed-in-the-wrong-order-when-calling-a-function.arabic.md
new file mode 100644
index 0000000000..09e930b8b6
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-arguments-passed-in-the-wrong-order-when-calling-a-function.arabic.md
@@ -0,0 +1,58 @@
+---
+id: 587d7b85367417b2b2512b3a
+title: Catch Arguments Passed in the Wrong Order When Calling a Function
+challengeType: 1
+videoUrl: ''
+localeTitle: Catch Arguments Passed in the Wrong Order When Calling a Function
+---
+
+## Description
+<section id="description"> استمرار المناقشة حول وظائف الاستدعاء ، فإن الخطأ التالي الذي يجب الانتباه إليه هو عندما يتم توفير وسيطات الدالة بترتيب غير صحيح. إذا كانت الوسيطات هي أنواع مختلفة ، مثل دالة تتوقع مصفوفة وعددًا صحيحًا ، فمن المحتمل أن يؤدي ذلك إلى حدوث خطأ في وقت التشغيل. إذا كانت الوسيطات من نفس النوع (كل الأعداد الصحيحة ، على سبيل المثال) ، فإن منطق الكود لن يكون ذا معنى. تأكد من توفير جميع الحجج المطلوبة ، بالترتيب الصحيح لتجنب هذه المشاكل. </section>
+
+## Instructions
+<section id="instructions"> ترفع الدالة <code>raiseToPower</code> قاعدة إلى الأس. للأسف ، لا يتم استدعائه بشكل صحيح - قم بإصلاح الكود بحيث تكون قيمة <code>power</code> المتوقعة 8. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحدد شفرتك <code>power</code> المتغيرة بحيث تساوي 2 مرفوعة إلى الطاقة الثالثة ، وليس 3 مرفوعة إلى الطاقة الثانية.
+    testString: 'assert(power == 8, "Your code should fix the variable <code>power</code> so it equals 2 raised to the 3rd power, not 3 raised to the 2nd power.");'
+  - text: يجب أن تستخدم التعليمة البرمجية الخاصة بك الترتيب الصحيح للوسيطات الخاصة <code>raiseToPower</code> وظيفة <code>raiseToPower</code> .
+    testString: 'assert(code.match(/raiseToPower\(\s*?base\s*?,\s*?exp\s*?\);/g), "Your code should use the correct order of the arguments for the <code>raiseToPower</code> function call.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function raiseToPower(b, e) {
+  return Math.pow(b, e);
+}
+
+let base = 2;
+let exp = 3;
+let power = raiseToPower(exp, base);
+console.log(power);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-missing-open-and-closing-parenthesis-after-a-function-call.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-missing-open-and-closing-parenthesis-after-a-function-call.arabic.md
new file mode 100644
index 0000000000..2bc44bcbc5
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-missing-open-and-closing-parenthesis-after-a-function-call.arabic.md
@@ -0,0 +1,58 @@
+---
+id: 587d7b85367417b2b2512b39
+title: Catch Missing Open and Closing Parenthesis After a Function Call
+challengeType: 1
+videoUrl: ''
+localeTitle: الصيد المفقود وأشرطة الاختتام المفتوحة بعد استدعاء وظيفة
+---
+
+## Description
+<section id="description"> عندما لا تأخذ وظيفة أو طريقة أي حجج ، قد تنسى تضمين أقواس الفتح والإغلاق (الفارغة) عند الاتصال بها. في كثير من الأحيان يتم حفظ نتيجة استدعاء دالة في متغير لاستخدام أخرى في التعليمات البرمجية. يمكن الكشف عن هذا الخطأ عن طريق تسجيل قيم المتغير (أو أنواعها) إلى وحدة التحكم ورؤية أنه يتم تعيين واحد إلى مرجع دالة ، بدلاً من القيمة المتوقعة التي ترجعها الدالة. تختلف المتغيرات في المثال التالي: <blockquote style=";text-align:right;direction:rtl"> وظيفة myFunction () { <br> &quot;أنت صخرة!&quot; <br> } <br> السماح varOne = myFunction. // set to equal a a function <br> اترك varTwo = myFunction ()؛ // set يساوي السلسلة &quot;You rock!&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> قم <code>getNine</code> الكود بحيث يتم تعيين <code>result</code> المتغير إلى القيمة التي يتم إرجاعها من استدعاء الدالة <code>getNine</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تقوم التعليمات البرمجية الخاصة بك بإصلاح <code>result</code> المتغيرة بحيث يتم تعيينها إلى الرقم الذي ترجع الدالة <code>getNine</code> .
+    testString: 'assert(result == 9, "Your code should fix the variable <code>result</code> so it is set to the number that the function <code>getNine</code> returns.");'
+  - text: يجب أن تقوم التعليمات البرمجية الخاصة بك باستدعاء الدالة <code>getNine</code> .
+    testString: 'assert(code.match(/getNine\(\)/g).length == 2, "Your code should call the <code>getNine</code> function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getNine() {
+  let x = 6;
+  let y = 3;
+  return x + y;
+}
+
+let result = getNine;
+console.log(result);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-misspelled-variable-and-function-names.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-misspelled-variable-and-function-names.arabic.md
new file mode 100644
index 0000000000..9a6e9ba366
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-misspelled-variable-and-function-names.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 587d7b84367417b2b2512b35
+title: Catch Misspelled Variable and Function Names
+challengeType: 1
+videoUrl: ''
+localeTitle: القبض على المتغيرات التي بها أخطاء في الأسماء والأسماء الدالة
+---
+
+## Description
+<section id="description"> تعتبر أساليب <code>console.log()</code> و <code>typeof</code> هما طريقتان أساسيتان للتحقق من القيم المتوسطة وأنواع مخرجات البرنامج. الآن حان الوقت للوصول إلى الأشكال الشائعة التي تتخذها الحشرات. هناك مشكلة واحدة في بناء الجملة يمكن أن تتطابق معها الطابعات السريعة مع الخطأ الإملائي المتواضع. الأحرف المستعرضة أو المفقودة أو غير المكتوبة بطريقة خاطئة في متغير أو اسم وظيفي سوف يبحث المتصفح عن كائن غير موجود - ويشكو في شكل خطأ مرجعي. متغير جافا سكريبت وأسماء الدالة حساسة لحالة الأحرف. </section>
+
+## Instructions
+<section id="instructions"> قم <code>netWorkingCapital</code> الإملائيين في التعليمات البرمجية بحيث يعمل الحساب <code>netWorkingCapital</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'تحقق من هجاء المتغيرين المستخدم في حساب netWorkingCapital ، يجب أن يظهر إخراج وحدة التحكم "صافي رأس المال العامل هو: 2".'
+    testString: 'assert(netWorkingCapital === 2, "Check the spelling of the two variables used in the netWorkingCapital calculation, the console output should show that "Net working capital is: 2".");'
+  - text: يجب ألا تكون هناك حالات من متغيرات غير صحيحة في التعليمة البرمجية.
+    testString: 'assert(!code.match(/recievables/g), "There should be no instances of mis-spelled variables in the code.");'
+  - text: يجب الإعلان عن متغير <code>receivables</code> واستخدامه بشكل صحيح في الشفرة.
+    testString: 'assert(code.match(/receivables/g).length == 2, "The <code>receivables</code> variable should be declared and used properly in the code.");'
+  - text: يجب ألا تكون هناك حالات من متغيرات غير صحيحة في التعليمة البرمجية.
+    testString: 'assert(!code.match(/payable;/g), "There should be no instances of mis-spelled variables in the code.");'
+  - text: يجب الإعلان عن متغير <code>payables</code> واستخدامه بشكل صحيح في الشفرة.
+    testString: 'assert(code.match(/payables/g).length == 2, "The <code>payables</code> variable should be declared and used properly in the code.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let receivables = 10;
+let payables = 8;
+let netWorkingCapital = recievables - payable;
+console.log(`Net working capital is: ${netWorkingCapital}`);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.arabic.md
new file mode 100644
index 0000000000..7025d64a7a
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.arabic.md
@@ -0,0 +1,52 @@
+---
+id: 587d7b84367417b2b2512b37
+title: Catch Mixed Usage of Single and Double Quotes
+challengeType: 1
+videoUrl: ''
+localeTitle: قبض على الاستخدام المختلط من أسعار مفردة ومزدوجة
+---
+
+## Description
+<section id="description"> تسمح جافا سكريبت باستخدام كل من الاقتباس الفردي (&quot;&quot;) والمزدوج (&quot;&quot;) لإعلان سلسلة. إن تحديد أي واحد يستخدم بشكل عام يعود إلى التفضيل الشخصي ، مع بعض الاستثناءات. وجود خيارين يكونان رائعين عند وجود سلسلة أو تقلصات أخرى. جزء من النص الموجود بين علامتي اقتباس ، ولكن عليك أن تكون حريصًا على عدم إغلاق السلسلة مبكرًا ، مما يؤدي إلى حدوث خطأ في بناء الجملة. في ما يلي بعض الأمثلة لخلط علامات التنصيص: <blockquote style=";text-align:right;direction:rtl"> // هذه صحيحة: <br> const grouchoContraction = &quot;لقد أمضيت أمسية رائعة ، لكن هذا لم يكن كذلك.&quot;؛ <br> const quoteInString = &quot;قال غروشو ماركس ذات مرة&quot; اقتبسني قائلا: &quot;لقد تم اقتباس أسئتي&quot;. <br> // هذا غير صحيح: <br> const uhOhGroucho = &#39;لقد أمضيت أمسية رائعة ، لكن هذا لم يكن كذلك.&#39;؛ </blockquote> بالطبع ، لا بأس من استخدام نمط واحد فقط من علامات الاقتباس. يمكنك الهروب من علامات الاقتباس داخل السلسلة باستخدام حرف الهروب الخط المائل للخلف (\): <blockquote style=";text-align:right;direction:rtl"> // الاستخدام الصحيح لنفس الأسعار: <br> const allSameQuotes = &#39;لقد كان لي أمسية رائعة ، ولكن هذا لم يكن كذلك.&#39;؛ </blockquote></section>
+
+## Instructions
+<section id="instructions"> أصلح السلسلة بحيث تستخدم إما علامات اقتباس مختلفة لقيمة <code>href</code> ، أو تهرب منها. احتفظ بعلامات الاقتباس المزدوجة حول السلسلة بأكملها. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن تحدد شفرتك علامات الاقتباس حول قيمة <code>href</code> &quot;# Home&quot; إما بتغييرها أو الهروب منها.'
+    testString: 'assert(code.match(/<a href=\s*?("|\\")#Home\1\s*?>/g), "Your code should fix the quotes around the <code>href</code> value "#Home" by either changing or escaping them.");'
+  - text: يجب أن تحتفظ شفرتك بالعلامات المزدوجة حول السلسلة بأكملها.
+    testString: 'assert(code.match(/"<p>.*?<\/p>";/g), "Your code should keep the double quotes around the entire string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let innerHtml = "<p>Click here to <a href="#Home">return home</a></p>";
+console.log(innerHtml);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-off-by-one-errors-when-using-indexing.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-off-by-one-errors-when-using-indexing.arabic.md
new file mode 100644
index 0000000000..2f4a330b68
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-off-by-one-errors-when-using-indexing.arabic.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b86367417b2b2512b3b
+title: Catch Off By One Errors When Using Indexing
+challengeType: 1
+videoUrl: ''
+localeTitle: القبض عن طريق واحدة من الأخطاء عند استخدام الفهرسة
+---
+
+## Description
+<section id="description"> <code>Off by one errors</code> (تسمى أحيانًا OBOE) عند محاولة استهداف فهرس معين لسلسلة أو صفيف (لتقسيم شريحة أو الوصول إليها) ، أو عند التكرار فوق مؤشراتها. تبدأ فهرسة جافا سكريبت في الصفر ، وليس واحدة ، مما يعني أن الفهرس الأخير يكون دائمًا أقل من طول العنصر. إذا حاولت الوصول إلى فهرس مساوٍ للطول ، فقد يلقي البرنامج خطأ مرجع &quot;فهرسة خارج النطاق&quot; أو يطبع <code>undefined</code> . عند استخدام سلسلة أو طرق صفيف تأخذ نطاقات الفهرس كوسيطة ، فإنها تساعد على قراءة الوثائق وفهم ما إذا كانت شاملة (العنصر الموجود في الفهرس المعين هو جزء مما تم إرجاعه) أم لا. في ما يلي بعض الأمثلة على أخطاء واحدة: <blockquote style=";text-align:right;direction:rtl"> let alphabet = &quot;abcdefghijklmnopqrstuvwxyz&quot;؛ <br> دعونا لين = alphabet.length. <br> لـ (let i = 0؛ i &lt;= len؛ i ++) { <br> // حلقات واحدة عدة مرات في النهاية <br> console.log (الأبجدية [أنا])؛ <br> } <br> لـ (let j = 1؛ j &lt;len؛ j ++) { <br> // يكرر مرات قليلة جدًا ويفتقد الحرف الأول في الفهرس 0 <br> console.log (الأبجدية [ي])؛ <br> } <br> لـ (let k = 0؛ k &lt;len؛ k ++) { <br> // يوافق Goldilocks - وهذا هو الصحيح <br> console.log (الأبجدية [ك])؛ <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> إصلاح أخطاء الفهرسة في الدالة التالية بحيث يتم طباعة كافة الأرقام من 1 إلى 5 إلى وحدة التحكم. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تقوم التعليمات البرمجية بتعيين الشرط الأولي للحلقة بحيث يبدأ في الفهرس الأول.
+    testString: 'assert(code.match(/i\s*?=\s*?0\s*?;/g).length == 1, "Your code should set the initial condition of the loop so it starts at the first index.");'
+  - text: يجب أن تقوم التعليمات البرمجية الخاصة بك بإصلاح الشرط الأولي للحلقة بحيث يبدأ الفهرس عند 0.
+    testString: 'assert(!code.match(/i\s?=\s*?1\s*?;/g), "Your code should fix the initial condition of the loop so that the index starts at 0.");'
+  - text: يجب أن تحدد شفرتك حالة المحطة الطرفية للحلقة بحيث تتوقف عند الفهرس الأخير.
+    testString: 'assert(code.match(/i\s*?<\s*?len\s*?;/g).length == 1, "Your code should set the terminal condition of the loop so it stops at the last index.");'
+  - text: يجب أن تقوم تعليماتك البرمجية بإصلاح حالة الحلقة الطرفية بحيث تتوقف عند 1 قبل الطول.
+    testString: 'assert(!code.match(/i\s*?<=\s*?len;/g), "Your code should fix the terminal condition of the loop so that it stops at 1 before the length.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countToFive() {
+  let firstFive = "12345";
+  let len = firstFive.length;
+  // Fix the line below
+  for (let i = 1; i <= len; i++) {
+  // Do not alter code below this line
+    console.log(firstFive[i]);
+  }
+}
+
+countToFive();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-unclosed-parentheses-brackets-braces-and-quotes.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-unclosed-parentheses-brackets-braces-and-quotes.arabic.md
new file mode 100644
index 0000000000..8b5819d058
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-unclosed-parentheses-brackets-braces-and-quotes.arabic.md
@@ -0,0 +1,53 @@
+---
+id: 587d7b84367417b2b2512b36
+title: 'Catch Unclosed Parentheses, Brackets, Braces and Quotes'
+challengeType: 1
+videoUrl: ''
+localeTitle: قبض على الأقواس غير المغلقة ، بين قوسين ، الأقواس والاقتباسات
+---
+
+## Description
+<section id="description"> هناك خطأ آخر في بناء الجملة يجب أن يكون على دراية بأن جميع أقواس الفتح ، الأقواس ، الأقواس المعقوفة ، وعلامات الاقتباس لها زوج إغلاق. يؤدي نسيان قطعة إلى الحدوث عند تحرير الشفرة الحالية وإدراج عناصر تحتوي على أحد أنواع الزوج. أيضًا ، توخ الحذر عند تضمين كتل التعليمات البرمجية في الآخرين ، مثل إضافة وظيفة رد اتصال كوسيطة إلى طريقة ما. هناك طريقة واحدة لتجنب هذا الخطأ بمجرد كتابة الحرف الافتتاحي ، وتضمين على الفور تطابق الإغلاق ، ثم حرك المؤشر للخلف بينهما واستمر في الترميز. لحسن الحظ ، فإن معظم برامج تحرير الشفرة الحديثة تولد النصف الثاني من الزوج تلقائيًا. </section>
+
+## Instructions
+<section id="instructions"> أصلح خطأ الزوج في الشفرة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تعمل شفرتك على إصلاح الجزء المفقود من المصفوفة.
+    testString: 'assert(code.match(/myArray\s*?=\s*?\[\s*?1\s*?,\s*?2\s*?,\s*?3\s*?\];/g), "Your code should fix the missing piece of the array.");'
+  - text: 'يجب أن تقوم التعليمات البرمجية الخاصة بك بإصلاح الجزء المفقود من طريقة <code>.reduce()</code> . يجب أن يظهر إخراج وحدة التحكم أن &quot;مجموع قيم الصفيف: 6&quot;.'
+    testString: 'assert(arraySum === 6, "Your code should fix the missing piece of the <code>.reduce()</code> method. The console output should show that "Sum of array values is: 6".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myArray = [1, 2, 3;
+let arraySum = myArray.reduce((previous, current =>  previous + current);
+console.log(`Sum of array values is: ${arraySum}`);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.arabic.md
new file mode 100644
index 0000000000..bb69f2238b
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.arabic.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b85367417b2b2512b38
+title: Catch Use of Assignment Operator Instead of Equality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: قبض على استخدام مشغل التعيين بدلا من مشغل المساواة
+---
+
+## Description
+<section id="description"> تعتمد البرامج المتفرعة ، أي البرامج التي تقوم بأشياء مختلفة إذا تم استيفاء شروط معينة ، على <code>if</code> <code>else if</code> <code>else</code> عبارات أخرى في جافا سكريبت أو غير ذلك أو <code>else</code> . تأخذ الحالة أحيانًا شكل اختبار ما إذا كانت النتيجة مساوية لقيمة ما. يتم نطق هذا المنطق (باللغة الإنجليزية ، على الأقل) على أنه &quot;إذا كان x يساوي y ، ثم ...&quot; والذي يمكن أن يترجم حرفيًا إلى تعليمة برمجية باستخدام عامل التشغيل أو <code>=</code> أو عامل التشغيل. هذا يؤدي إلى تدفق التحكم غير متوقع في البرنامج الخاص بك. كما تم تغطيته في التحديات السابقة ، يقوم عامل التعيين ( <code>=</code> ) في JavaScript بتعيين قيمة لاسم متغير. و <code>==</code> و <code>===</code> عوامل التحقق من المساواة (اختبار <code>===</code> الثلاثي من أجل المساواة الصارمة ، مما يعني أن القيمة والنوع هما نفس الشيء). يعيّن الرمز أدناه <code>x</code> إلى 2 ، والتي يتم تقييمها على أنها <code>true</code> . تقريبًا كل قيمة من تلقاء نفسها في جافا سكريبت يتم تقييمها إلى <code>true</code> ، باستثناء ما يُعرف بالقيم &quot;الفالية&quot;: <code>false</code> ، و <code>0</code> ، و <code>&quot;&quot;</code> (سلسلة فارغة) ، و <code>NaN</code> ، و <code>undefined</code> ، و <code>null</code> . <blockquote style=";text-align:right;direction:rtl"> دع x = 1؛ <br> دعنا y = 2؛ <br> إذا (x = y) { <br> // سيتم تشغيل هذا الكود لأية قيمة لـ y (ما لم يتم تعيين y في الأصل كالفلا) <br> } آخر { <br> // كتلة الكود هذا هو ما يجب تشغيله (لكن لن) في هذا المثال <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> أصلح الشرط بحيث يقوم البرنامج بتشغيل الفرع الصحيح ، ويتم تعيين القيمة المناسبة <code>result</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحدد شفرتك الشرط حتى تتحقق من المساواة ، بدلاً من استخدام الواجب.
+    testString: 'assert(result == "Not equal!", "Your code should fix the condition so it checks for equality, instead of using assignment.");'
+  - text: يمكن أن تستخدم الحالة إما <code>==</code> أو <code>===</code> لاختبار المساواة.
+    testString: 'assert(code.match(/x\s*?===?\s*?y/g), "The condition can use either <code>==</code> or <code>===</code> to test for equality.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let x = 7;
+let y = 9;
+let result = "to come";
+
+if(x = y) {
+  result = "Equal!";
+} else {
+  result = "Not equal!";
+}
+
+console.log(result);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/prevent-infinite-loops-with-a-valid-terminal-condition.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/prevent-infinite-loops-with-a-valid-terminal-condition.arabic.md
new file mode 100644
index 0000000000..1594ec9132
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/prevent-infinite-loops-with-a-valid-terminal-condition.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 587d7b86367417b2b2512b3d
+title: Prevent Infinite Loops with a Valid Terminal Condition
+challengeType: 1
+videoUrl: ''
+localeTitle: منع حلقات لا نهائية مع شرط محطة صالح
+---
+
+## Description
+<section id="description"> الموضوع الأخير هو حلقة اللانهائي اللعين. الحلقات هي أدوات رائعة عندما تحتاج إلى برنامج لتشغيل كتلة التعليمات البرمجية لعدد معين من المرات أو حتى يتم استيفاء الشرط ، ولكنها تحتاج إلى حالة طرفية تنهي التكرار. من المحتمل أن تؤدي الحلقات اللانهائية إلى تجميد المتصفح أو تعطله ، وتتسبب في حدوث فشل في تنفيذ البرنامج العام ، وهو ما لا يريده أحد. كان هناك مثال حلقة لا نهائية في مقدمة هذا القسم - ليس لديها أي شرط المحطة للخروج من <code>while</code> حلقة داخل <code>loopy()</code> . لا ندعو هذه الوظيفة! <blockquote style=";text-align:right;direction:rtl"> function loopy () { <br> احيانا صحيح) { <br> console.log (&quot;Hello، world!&quot;)؛ <br> } <br> } </blockquote> إنها وظيفة المبرمج لضمان أن يتم الوصول في نهاية المطاف إلى حالة المحطة الطرفية ، التي تخبر البرنامج عند الخروج من شفرة التكرار. خطأ واحد هو زيادة أو إنقاص متغير عداد في الاتجاه الخاطئ من حالة المحطة الطرفية. واحد آخر هو بطريق الخطأ إعادة تعيين عداد أو فهرس متغير داخل رمز التكرار ، بدلاً من زيادة أو إنقاصه. </section>
+
+## Instructions
+<section id="instructions"> تحتوي الدالة <code>myFunc()</code> على حلقة لانهائية نظرًا لأن حالة المحطة الطرفية <code>i != 4</code> لن يتم تقييمها أبداً إلى <code>false</code> (وكسر الحلقات) - سوف <code>i</code> بزيادة 2 لكل مسار ، والقفز مباشرة فوق 4 لأن <code>i</code> هو أمر غريب للبدء. إصلاح عامل مقارنة في حالة محطة حتى الحلقة يعمل فقط ل <code>i</code> أقل من أو يساوي 4. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: التعليمات البرمجية يجب أن تتغير عامل مقارنة في حالة الطرفية (الجزء الأوسط) من <code>for</code> حلقة.
+    testString: 'assert(code.match(/i\s*?<=\s*?4;/g).length == 1, "Your code should change the comparison operator in the terminal condition (the middle part) of the <code>for</code> loop.");'
+  - text: يجب أن تقوم التعليمات البرمجية الخاصة بك بإصلاح عامل المقارنة في حالة طرفية الحلقة.
+    testString: 'assert(!code.match(/i\s*?!=\s*?4;/g), "Your code should fix the comparison operator in the terminal condition of the loop.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function myFunc() {
+  for (let i = 1; i != 4; i += 2) {
+    console.log("Still going!");
+  }
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console.arabic.md
new file mode 100644
index 0000000000..b29ca64586
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b83367417b2b2512b37
+title: Understanding the Differences between the freeCodeCamp and Browser Console
+challengeType: 1
+videoUrl: ''
+localeTitle: فهم الاختلافات بين freeCodeCamp و Browser Console
+---
+
+## Description
+<section id="description"> قد تكون لاحظت أن بعض تحديات JavaScript freeCodeCamp تتضمن وحدة التحكم الخاصة بهم. تعمل وحدة التحكم هذه بشكل مختلف قليلاً عن وحدة تحكم المستعرض التي استخدمتها في التحدي الأخير. يتمثل التحدي التالي في إبراز بعض الاختلافات بين وحدة التحكم freeCodeCamp ووحدة تحكم المستعرض. أولا ، وحدة تحكم المتصفح. عندما تقوم بتحميل وتشغيل ملف جافا سكريبت عادي في متصفحك ، ستقوم عبارات <code>console.log()</code> بطباعة ما تطلبه بالضبط للطباعة إلى وحدة تحكم المستعرض بالضبط عدد المرات التي طلبتها. في محرر النص داخل المتصفح ، تكون العملية مختلفة قليلاً ويمكن أن تكون مربكة في البداية. تشغيل القيم التي تم تمريرها إلى <code>console.log()</code> في كتلة محرر النص ، كل مجموعة من الاختبارات بالإضافة إلى وقت آخر لأية استدعاءات دالة موجودة في التعليمات البرمجية. وهذا يفسح المجال لبعض السلوكيات المثيرة للاهتمام وقد يقوم برحلتك في البداية ، لأن القيمة المسجلة التي تتوقع أن ترى مرة واحدة فقط قد تطبع مرات أكثر اعتمادًا على عدد الاختبارات والقيم التي يتم تمريرها إلى تلك الاختبارات. إذا كنت ترغب في رؤية مخرجاتك الفردية فقط ولا داعي للقلق بشأن تشغيل الدورات الاختبارية ، فيمكنك استخدام <code>console.clear()</code> . </section>
+
+## Instructions
+<section id="instructions"> استخدم <code>console.log()</code> لطباعة المتغيرات في التعليمة البرمجية في المكان المحدد. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: استخدم <code>console.log()</code> لطباعة <code>outputTwo</code> المتغير. في وحدة تحكم المتصفح لديك ، يجب أن تطبع قيمة المتغير مرتين.
+    testString: 'assert(code.match(/console\.log\(outputTwo\)/g), "Use <code>console.log()</code> to print the <code>outputTwo</code> variable.  In your Browser Console this should print out the value of the variable two times.");'
+  - text: استخدم <code>console.log()</code> لطباعة متغير <code>outputOne</code> .
+    testString: 'assert(code.match(/console\.log\(outputOne\)/g), "Use <code>console.log()</code> to print the <code>outputOne</code> variable.");'
+  - text: استخدم <code>console.clear()</code> لتعديل الإخراج الخاص بك بحيث يتم إخراج <code>outputOne</code> فقط مرة واحدة.
+    testString: 'assert(code.match(/^(\s*console.clear\(\);?\s*)$/gm), "Use <code>console.clear()</code> to modify your output so that <code>outputOne</code> variable only outputs once.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Open your browser console
+let outputTwo = "This will print to the browser console 2 times";
+// Use console.log() to print the outputTwo variable
+
+
+let outputOne = "Try to get this to log only once to the browser console";
+// Use console.clear() in the next line to print the outputOne only once
+
+
+// Use console.log() to print the outputOne variable
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.arabic.md
new file mode 100644
index 0000000000..72c5b37045
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 587d7b86367417b2b2512b3c
+title: Use Caution When Reinitializing Variables Inside a Loop
+challengeType: 1
+videoUrl: ''
+localeTitle: استخدام الحذر عند Reinitializing متغيرات داخل حلقة
+---
+
+## Description
+<section id="description"> في بعض الأحيان يكون من الضروري حفظ المعلومات أو زيادة العدادات أو إعادة تعيين المتغيرات داخل حلقة. وتتمثل إحدى المشكلات المحتملة في ضرورة إعادة تهيئة المتغيرات ، وليس العكس ، أو العكس. هذا أمر خطير بشكل خاص إذا قمت بإعادة تعيين المتغير الذي يتم استخدامه لحالة المحطة عن طريق الخطأ ، مما تسبب في حلقة لا نهائية. يمكن لقيم الطباعة المتغيرة مع كل دورة من الحلقات باستخدام <code>console.log()</code> الكشف عن سلوك عربات التي تجرها الدواب المتعلقة بإعادة الضبط أو الفشل في إعادة تعيين متغير. </section>
+
+## Instructions
+<section id="instructions"> من المفترض أن تقوم الدالة التالية بإنشاء مصفوفة ثنائية الأبعاد مع صفوف <code>m</code> وأعمدة <code>n</code> من الأصفار. لسوء الحظ ، فإنه لا ينتج الإخراج المتوقع لأنه لا تتم إعادة تهيئة متغير <code>row</code> (إعادة تعيين صفيف فارغ) في الحلقة الخارجية. قم بإصلاح الكود بحيث يقوم بإرجاع صفيف 3x2 الصحيح من الأصفار ، والذي يشبه <code>[[0, 0], [0, 0], [0, 0]]</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم <code>matrix</code> بتعيين متغير <code>matrix</code> على صفيف يحتوي على 3 صفوف من عمودين من الأصفار لكل منهما.
+    testString: 'assert(JSON.stringify(matrix) == "[[0,0],[0,0],[0,0]]", "Your code should set the <code>matrix</code> variable to an array holding 3 rows of 2 columns of zeroes each.");'
+  - text: يجب أن يكون متغير <code>matrix</code> 3 صفوف.
+    testString: 'assert(matrix.length == 3, "The <code>matrix</code> variable should have 3 rows.");'
+  - text: يجب أن يحتوي متغير <code>matrix</code> على عمودين في كل صف.
+    testString: 'assert(matrix[0].length == 2 && matrix[1].length === 2 && matrix[2].length === 2, "The <code>matrix</code> variable should have 2 columns in each row.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function zeroArray(m, n) {
+  // Creates a 2-D array with m rows and n columns of zeroes
+  let newArray = [];
+  let row = [];
+  for (let i = 0; i < m; i++) {
+    // Adds the m-th row into newArray
+
+    for (let j = 0; j < n; j++) {
+      // Pushes n zeroes into the current row to create the columns
+      row.push(0);
+    }
+    // Pushes the current row, which now has n zeroes in it, to the array
+    newArray.push(row);
+  }
+  return newArray;
+}
+
+let matrix = zeroArray(3, 2);
+console.log(matrix);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/use-the-javascript-console-to-check-the-value-of-a-variable.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/use-the-javascript-console-to-check-the-value-of-a-variable.arabic.md
new file mode 100644
index 0000000000..36ca826dbe
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/use-the-javascript-console-to-check-the-value-of-a-variable.arabic.md
@@ -0,0 +1,56 @@
+---
+id: 587d7b83367417b2b2512b33
+title: Use the JavaScript Console to Check the Value of a Variable
+challengeType: 1
+videoUrl: ''
+localeTitle: استخدم وحدة تحكم جافا سكريبت للتحقق من قيمة المتغير
+---
+
+## Description
+<section id="description"> يحتوي كل من Chrome و Firefox على وحدات تحكم جافا سكريبت ممتازة ، تُعرف أيضًا باسم DevTools ، لتصحيح أخطاء جافا سكريبت. يمكنك العثور على أدوات مطوري البرامج في قائمة Chrome أو وحدة تحكم الويب في قائمة FireFox. إذا كنت تستخدم متصفحًا مختلفًا أو هاتفًا جوالًا ، فنحن نوصي بشدة بالتبديل إلى مكتبي Firefox أو Chrome. من المحتمل أن تكون طريقة <code>console.log()</code> ، التي &quot;تطبع&quot; مخرجات ما داخل أقواسها إلى وحدة التحكم ، أداة التصحيح الأكثر فائدة. يمكن وضعه في النقاط الاستراتيجية في التعليمات البرمجية الخاصة بك تظهر لك القيم المتوسطة للمتغيرات. من الجيد أن يكون لديك فكرة عن ما يجب أن يكون عليه المخرج قبل النظر إلى ما هو عليه. وجود نقاط تحقق لرؤية حالة الحسابات الخاصة بك في جميع أنحاء التعليمات البرمجية الخاصة بك سيساعد على تضييق نطاق المشكلة. في ما يلي مثال لطباعة &quot;Hello world!&quot; إلى وحدة التحكم: <code>console.log(&#39;Hello world!&#39;);</code> </section>
+
+## Instructions
+<section id="instructions"> استخدم الأسلوب <code>console.log()</code> لطباعة قيمة المتغير <code>a</code> المكان الذي تمت الإشارة إليه في التعليمة البرمجية. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك <code>console.log()</code> للتحقق من قيمة المتغير <code>a</code> .
+    testString: 'assert(code.match(/console\.log\(a\)/g), "Your code should use <code>console.log()</code> to check the value of the variable <code>a</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let a = 5;
+let b = 1;
+a++;
+// Add your code below this line
+
+
+let sumAB = a + b;
+console.log(sumAB);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/use-typeof-to-check-the-type-of-a-variable.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/use-typeof-to-check-the-type-of-a-variable.arabic.md
new file mode 100644
index 0000000000..f5c30bf542
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/debugging/use-typeof-to-check-the-type-of-a-variable.arabic.md
@@ -0,0 +1,56 @@
+---
+id: 587d7b84367417b2b2512b34
+title: Use typeof to Check the Type of a Variable
+challengeType: 1
+videoUrl: ''
+localeTitle: استخدم typeof للتحقق من نوع المتغير
+---
+
+## Description
+<section id="description"> يمكنك استخدام <code>typeof</code> للتحقق من بنية البيانات أو نوع المتغير. هذا مفيد في تصحيح الأخطاء عند العمل مع أنواع بيانات متعددة. إذا كنت تعتقد أنك تضيف رقمين ، لكن أحدهما عبارة عن سلسلة ، فيمكن أن تكون النتائج غير متوقعة. يمكن أن تكمن أخطاء الكتابة في العمليات الحسابية أو المكالمات الوظيفية. كن حذرًا خصوصًا عند الوصول إلى البيانات الخارجية والعمل بها في شكل كائن ترميز كائنات جافا سكريبت (JSON). فيما يلي بعض الأمثلة باستخدام <code>typeof</code> : <blockquote style=";text-align:right;direction:rtl"> console.log (typeof &quot;&quot;) ؛ // مخرجات &quot;سلسلة&quot; <br> console.log (typeof 0)؛ // outputs &quot;number&quot; <br> console.log (typeof [])؛ // outputs &quot;object&quot; <br> console.log (typeof {})؛ // outputs &quot;object&quot; </blockquote> يتعرف JavaScript على ستة أنواع من البيانات البدائية (غير القابلة للتغيير): <code>Boolean</code> و <code>Null</code> و <code>Undefined</code> و <code>Number</code> و <code>String</code> و <code>Symbol</code> (جديد مع ES6) ونوع واحد للعناصر القابلة للتغيير: <code>Object</code> . لاحظ أنه في JavaScript ، تعد المصفوفات نوعًا من الكائنات تقنيًا. </section>
+
+## Instructions
+<section id="instructions"> إضافة جهازي <code>console.log()</code> للتحقق من <code>typeof</code> كل من المتغيرات <code>seven</code> <code>three</code> في التعليمات البرمجية. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك <code>typeof</code> في جهازي <code>console.log()</code> للتحقق من نوع المتغيرات.
+    testString: 'assert(code.match(/console\.log\(typeof[\( ].*\)?\)/g).length == 2, "Your code should use <code>typeof</code> in two <code>console.log()</code> statements to check the type of the variables.");'
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك <code>typeof</code> للتحقق من نوع المتغير <code>seven</code> .
+    testString: 'assert(code.match(/typeof[\( ]seven\)?/g), "Your code should use <code>typeof</code> to check the type of the variable <code>seven</code>.");'
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك <code>typeof</code> للتحقق من نوع المتغير <code>three</code> .
+    testString: 'assert(code.match(/typeof[\( ]three\)?/g), "Your code should use <code>typeof</code> to check the type of the variable <code>three</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let seven = 7;
+let three = "3";
+console.log(seven + three);
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.arabic.md
new file mode 100644
index 0000000000..1470445820
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b87367417b2b2512b40
+title: Compare Scopes of the var and let Keywords
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g),"<code>var</code> does not exist in code.");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/(i\s*=\s*).*\s*.*\s*.*\1("|")block\s*scope\2/g), "The variable <code>i</code> declared in the if statement should equal "block scope".");'
+  - text: ''
+    testString: 'assert(checkScope() === "function scope", "<code>checkScope()</code> should return "function scope"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkScope() {
+"use strict";
+  var i = "function scope";
+  if (true) {
+    i = "block scope";
+    console.log("Block scope i is: ", i);
+  }
+  console.log("Function scope i is: ", i);
+  return i;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default.arabic.md
new file mode 100644
index 0000000000..93eb9b1bc1
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default.arabic.md
@@ -0,0 +1,59 @@
+---
+id: 587d7b8c367417b2b2512b58
+title: Create an Export Fallback with export default
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/export\s+default\s+function\s+subtract\(x,y\)\s+{return\s+x\s-\s+y;}/g), "Proper used of <code>export</code> fallback.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+function subtract(x,y) {return x - y;}
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.exports = function(){};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals.arabic.md
new file mode 100644
index 0000000000..868f751b40
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals.arabic.md
@@ -0,0 +1,73 @@
+---
+id: 587d7b8a367417b2b2512b4e
+title: Create Strings using Template Literals
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof makeList(result.failure) === "object" && resultDisplayArray.length === 3, "<code>resultDisplayArray</code> is a list containing <code>result failure</code> messages.");'
+  - text: ''
+    testString: 'assert(makeList(result.failure).every((v, i) => v === `<li class="text-warning">${result.failure[i]}</li>` || v === `<li class="text-warning">${result.failure[i]}</li>`), "<code>resultDisplayArray</code> is the desired output.");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/`.*`/g), "Template strings were not used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const result = {
+  success: ["max-length", "no-amd", "prefer-arrow-functions"],
+  failure: ["no-var", "var-on-top", "linebreak"],
+  skipped: ["id-blacklist", "no-dup-keys"]
+};
+function makeList(arr) {
+  "use strict";
+
+  // change code below this line
+  const resultDisplayArray = null;
+  // change code above this line
+
+  return resultDisplayArray;
+}
+/**
+ * makeList(result.failure) should return:
+ * [ `<li class="text-warning">no-var</li>`,
+ *   `<li class="text-warning">var-on-top</li>`,
+ *   `<li class="text-warning">linebreak</li>` ]
+ **/
+const resultDisplayArray = makeList(result.failure);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/declare-a-read-only-variable-with-the-const-keyword.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/declare-a-read-only-variable-with-the-const-keyword.arabic.md
new file mode 100644
index 0000000000..76fa76c9d5
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/declare-a-read-only-variable-with-the-const-keyword.arabic.md
@@ -0,0 +1,68 @@
+---
+id: 587d7b87367417b2b2512b41
+title: Declare a Read-Only Variable with the const Keyword
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g),"<code>var</code> does not exist in your code.");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/(const SENTENCE)/g), "<code>SENTENCE</code> should be a constant variable declared with <code>const</code>.");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/(let i)/g), "<code>i</code> should be declared with <code>let</code>.");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/console\.log\(\s*SENTENCE\s*\)\s*;?/g), "<code>console.log</code> should be adjusted to print the variable <code>SENTENCE</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function printManyTimes(str) {
+  "use strict";
+
+  // change code below this line
+
+  var sentence = str + " is cool!";
+  for(var i = 0; i < str.length; i+=2) {
+    console.log(sentence);
+  }
+
+  // change code above this line
+
+}
+printManyTimes("freeCodeCamp");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/explore-differences-between-the-var-and-let-keywords.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/explore-differences-between-the-var-and-let-keywords.arabic.md
new file mode 100644
index 0000000000..cdeff18f7a
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/explore-differences-between-the-var-and-let-keywords.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b87367417b2b2512b3f
+title: Explore Differences Between the var and let Keywords
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g),"<code>var</code> does not exist in code.");'
+  - text: ''
+    testString: 'assert(catName === "Oliver", "<code>catName</code> should be <code>Oliver</code>.");'
+  - text: ''
+    testString: 'assert(quote === "Oliver says Meow!", "<code>quote</code> should be <code>"Oliver says Meow!"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var catName;
+var quote;
+function catTalk() {
+  "use strict";
+
+  catName = "Oliver";
+  quote = catName + " says Meow!";
+
+}
+catTalk();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.arabic.md
new file mode 100644
index 0000000000..1e0db2de17
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.arabic.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8d367417b2b2512b59
+title: Import a Default Export
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/import\s+subtract\s+from\s+"math_functions"/g), "Properly imports <code>export default</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+subtract(7,4);
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.require = function(str) {
+if (str === 'math_functions') {
+return function(a, b) {
+return a - b;
+}}};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/mutate-an-array-declared-with-const.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/mutate-an-array-declared-with-const.arabic.md
new file mode 100644
index 0000000000..828e7bc546
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/mutate-an-array-declared-with-const.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b87367417b2b2512b42
+title: Mutate an Array Declared with const
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/const/g), "Do not replace <code>const</code> keyword.");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+s/g), "<code>s</code> should be a constant variable (by using <code>const</code>).");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+s\s*=\s*\[\s*5\s*,\s*7\s*,\s*2\s*\]\s*;?/g), "Do not change the original array declaration.");'
+  - text: ''
+    testString: 'assert.deepEqual(s, [2, 5, 7], "<code>s</code> should be equal to <code>[2, 5, 7]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const s = [5, 7, 2];
+function editInPlace() {
+  "use strict";
+  // change code below this line
+
+  // s = [2, 5, 7]; <- this is invalid
+
+  // change code above this line
+}
+editInPlace();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/prevent-object-mutation.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/prevent-object-mutation.arabic.md
new file mode 100644
index 0000000000..6d90b53561
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/prevent-object-mutation.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 598f48a36c8c40764b4e52b3
+title: Prevent Object Mutation
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/const/g), "Do not replace <code>const</code> keyword.");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+MATH_CONSTANTS/g), "<code>MATH_CONSTANTS</code> should be a constant variable (by using <code>const</code>).");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+MATH_CONSTANTS\s+=\s+{\s+PI:\s+3.14\s+};/g), "Do not change original <code>MATH_CONSTANTS</code>.");'
+  - text: ''
+    testString: 'assert(PI === 3.14, "<code>PI</code> equals <code>3.14</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function freezeObj() {
+  "use strict";
+  const MATH_CONSTANTS = {
+    PI: 3.14
+  };
+  // change code below this line
+
+
+  // change code above this line
+  try {
+    MATH_CONSTANTS.PI = 99;
+  } catch( ex ) {
+    console.log(ex);
+  }
+  return MATH_CONSTANTS.PI;
+}
+const PI = freezeObj();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions.arabic.md
new file mode 100644
index 0000000000..a8a2f6f0c3
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 587d7b88367417b2b2512b46
+title: Set Default Parameters for Your Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(increment(5, 2) === 7, "The result of <code>increment(5, 2)</code> should be <code>7</code>.");'
+  - text: ''
+    testString: 'assert(increment(5) === 6, "The result of <code>increment(5)</code> should be <code>6</code>.");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/value\s*=\s*1/g), "default parameter <code>1</code> was used for <code>value</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const increment = (function() {
+  "use strict";
+  return function increment(number, value) {
+    return number + value;
+  };
+})();
+console.log(increment(5, 2)); // returns 7
+console.log(increment(5)); // returns 6
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/understand-the-differences-between-import-and-require.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/understand-the-differences-between-import-and-require.arabic.md
new file mode 100644
index 0000000000..e80ee544d6
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/understand-the-differences-between-import-and-require.arabic.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8c367417b2b2512b55
+title: Understand the Differences Between import and require
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/import\s+\{\s*capitalizeString\s*\}\s+from\s+("|")string_functions\1/g), "valid <code>import</code> statement");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+capitalizeString("hello!");
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.require = function (str) {
+if (str === 'string_functions') {
+return {
+capitalizeString: str => str.toUpperCase()
+}}};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file.arabic.md
new file mode 100644
index 0000000000..cf023221ab
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file.arabic.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8c367417b2b2512b57
+title: Use * to Import Everything from a File
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/import\s+\*\s+as\s+[a-zA-Z0-9_$]+\s+from\s*"\s*capitalize_strings\s*"\s*;/gi), "Properly uses <code>import * as</code> syntax.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.require = function(str) {
+if (str === 'capitalize_strings') {
+return {
+capitalize: str => str.toUpperCase(),
+lowercase: str => str.toLowerCase()
+}}};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.arabic.md
new file mode 100644
index 0000000000..fcc7a29645
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 587d7b87367417b2b2512b43
+title: Use Arrow Functions to Write Concise Anonymous Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g), "User did replace <code>var</code> keyword.");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+magic/g), "<code>magic</code> should be a constant variable (by using <code>const</code>).");'
+  - text: ''
+    testString: 'assert(typeof magic === "function", "<code>magic</code> is a <code>function</code>.");'
+  - text: ''
+    testString: 'assert(magic().getDate() == new Date().getDate(), "<code>magic()</code> returns correct date.");'
+  - text: ''
+    testString: 'getUserInput => assert(!getUserInput("index").match(/function/g), "<code>function</code> keyword was not used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var magic = function() {
+  "use strict";
+  return new Date();
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.arabic.md
new file mode 100644
index 0000000000..4cc4b37ad9
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b8b367417b2b2512b53
+title: Use class Syntax to Define a Constructor Function
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof Vegetable === "function" && typeof Vegetable.constructor === "function", "<code>Vegetable</code> should be a <code>class</code> with a defined <code>constructor</code> method.");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/class/g),"<code>class</code> keyword was used.");'
+  - text: ''
+    testString: 'assert(() => {const a = new Vegetable("apple"); return typeof a === "object";},"<code>Vegetable</code> can be instantiated.");'
+  - text: ''
+    testString: 'assert(carrot.name=="carrot","<code>carrot.name</code> should return <code>carrot</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function makeClass() {
+  "use strict";
+  /* Alter code below this line */
+
+  /* Alter code above this line */
+  return Vegetable;
+}
+const Vegetable = makeClass();
+const carrot = new Vegetable('carrot');
+console.log(carrot.name); // => should be 'carrot'
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-arrays.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-arrays.arabic.md
new file mode 100644
index 0000000000..fdbfe14f69
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-arrays.arabic.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b89367417b2b2512b4b
+title: Use Destructuring Assignment to Assign Variables from Arrays
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(a === 6, "Value of <code>a</code> should be 6, after swapping.");'
+  - text: ''
+    testString: 'assert(b === 8, "Value of <code>b</code> should be 8, after swapping.");'
+  - text: ''
+    testString: '// assert(/\[\s*(\w)\s*,\s*(\w)\s*\]\s*=\s*\[\s*\2\s*,\s*\1\s*\]/g.test(code), "Use array destructuring to swap a and b.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let a = 8, b = 6;
+(() => {
+  "use strict";
+  // change code below this line
+
+  // change code above this line
+})();
+console.log(a); // should be 6
+console.log(b); // should be 8
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-nested-objects.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-nested-objects.arabic.md
new file mode 100644
index 0000000000..e091ff2208
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-nested-objects.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b89367417b2b2512b4a
+title: Use Destructuring Assignment to Assign Variables from Nested Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(getMaxOfTmrw(LOCAL_FORECAST) === 84.6, "<code>maxOfTomorrow</code> equals <code>84.6</code>");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/\{\s*tomorrow\s*:\s*\{\s*max\s*:\s*maxOfTomorrow\s*\}\s*\}\s*=\s*forecast/g),"nested destructuring was used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const LOCAL_FORECAST = {
+  today: { min: 72, max: 83 },
+  tomorrow: { min: 73.3, max: 84.6 }
+};
+
+function getMaxOfTmrw(forecast) {
+  "use strict";
+  // change code below this line
+  const maxOfTomorrow = undefined; // change this line
+  // change code above this line
+  return maxOfTomorrow;
+}
+
+console.log(getMaxOfTmrw(LOCAL_FORECAST)); // should be 84.6
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.arabic.md
new file mode 100644
index 0000000000..ec967430cc
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b89367417b2b2512b49
+title: Use Destructuring Assignment to Assign Variables from Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(getTempOfTmrw(AVG_TEMPERATURES) === 79, "<code>getTempOfTmrw(AVG_TEMPERATURES)</code> should be <code>79</code>");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/\{\s*tomorrow\s*:\s*tempOfTomorrow\s*}\s*=\s*avgTemperatures/g),"destructuring with reassignment was used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const AVG_TEMPERATURES = {
+  today: 77.5,
+  tomorrow: 79
+};
+
+function getTempOfTmrw(avgTemperatures) {
+  "use strict";
+  // change code below this line
+  const tempOfTomorrow = undefined; // change this line
+  // change code above this line
+  return tempOfTomorrow;
+}
+
+console.log(getTempOfTmrw(AVG_TEMPERATURES)); // should be 79
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.arabic.md
new file mode 100644
index 0000000000..83227b97d7
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.arabic.md
@@ -0,0 +1,73 @@
+---
+id: 587d7b8a367417b2b2512b4d
+title: Use Destructuring Assignment to Pass an Object as a Function's Parameters
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof stats === "object", "<code>stats</code> should be an <code>object</code>.");'
+  - text: ''
+    testString: 'assert(half(stats) === 28.015, "<code>half(stats)</code> should be <code>28.015</code>");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/\(\s*\{\s*\w+\s*,\s*\w+\s*\}\s*\)/g), "Destructuring was used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const stats = {
+  max: 56.78,
+  standard_deviation: 4.34,
+  median: 34.54,
+  mode: 23.87,
+  min: -0.75,
+  average: 35.85
+};
+const half = (function() {
+  "use strict"; // do not change this line
+
+  // change code below this line
+  return function half(stats) {
+    // use function argument destructuring
+    return (stats.max + stats.min) / 2.0;
+  };
+  // change code above this line
+
+})();
+console.log(stats); // should be object
+console.log(half(stats)); // should be 28.015
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-operator-to-reassign-array-elements.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-operator-to-reassign-array-elements.arabic.md
new file mode 100644
index 0000000000..c7b95604f1
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-operator-to-reassign-array-elements.arabic.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8a367417b2b2512b4c
+title: Use Destructuring Assignment with the Rest Operator to Reassign Array Elements
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(arr.every((v, i) => v === i + 3) && arr.length === 8,"<code>arr</code> should be <code>[3,4,5,6,7,8,9,10]</code>");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/\[\s*\w*\s*,\s*\w*\s*,\s*...\w+\s*\]/g),"Destructuring should be used.");'
+  - text: ''
+    testString: 'getUserInput => assert(!getUserInput("index").match(/slice/g), "<code>Array.slice()</code> should not be used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const source = [1,2,3,4,5,6,7,8,9,10];
+function removeFirstTwo(list) {
+  "use strict";
+  // change code below this line
+  arr = list; // change this
+  // change code above this line
+  return arr;
+}
+const arr = removeFirstTwo(source);
+console.log(arr); // should be [3,4,5,6,7,8,9,10]
+console.log(source); // should be [1,2,3,4,5,6,7,8,9,10];
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-export-to-reuse-a-code-block.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-export-to-reuse-a-code-block.arabic.md
new file mode 100644
index 0000000000..5d185fa9dc
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-export-to-reuse-a-code-block.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b8c367417b2b2512b56
+title: Use export to Reuse a Code Block
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/export\s+const\s+foo\s*=\s*"bar"/g), "<code>foo</code> is exported.");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/export\s+const\s+bar\s*=\s*"foo"/g), "<code>bar</code> is exported.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+const foo = "bar";
+const bar = "foo";
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.exports = function(){};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.arabic.md
new file mode 100644
index 0000000000..36d82ebab5
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b8c367417b2b2512b54
+title: Use getters and setters to Control Access to an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof Thermostat === "function" && typeof Thermostat.constructor === "function","<code>Thermostat</code> should be a <code>class</code> with a defined <code>constructor</code> method.");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/class/g),"<code>class</code> keyword was used.");'
+  - text: ''
+    testString: 'assert(() => {const t = new Thermostat(32); return typeof t === "object" && t.temperature === 0;}, "<code>Thermostat</code> can be instantiated.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function makeClass() {
+  "use strict";
+  /* Alter code below this line */
+
+  /* Alter code above this line */
+  return Thermostat;
+}
+const Thermostat = makeClass();
+const thermos = new Thermostat(76); // setting in Fahrenheit scale
+let temp = thermos.temperature; // 24.44 in C
+thermos.temperature = 26;
+temp = thermos.temperature; // 26 in C
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-the-rest-operator-with-function-parameters.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-the-rest-operator-with-function-parameters.arabic.md
new file mode 100644
index 0000000000..0a40532394
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-the-rest-operator-with-function-parameters.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b88367417b2b2512b47
+title: Use the Rest Operator with Function Parameters
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(sum(0,1,2) === 3, "The result of <code>sum(0,1,2)</code> should be 3");'
+  - text: ''
+    testString: 'assert(sum(1,2,3,4) === 10, "The result of <code>sum(1,2,3,4)</code> should be 10");'
+  - text: ''
+    testString: 'assert(sum(5) === 5, "The result of <code>sum(5)</code> should be 5");'
+  - text: ''
+    testString: 'assert(sum() === 0, "The result of <code>sum()</code> should be 0");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/function\s+sum\s*\(\s*...args\s*\)\s*{/g), "The <code>sum</code> function uses the <code>...</code> spread operator on the <code>args</code> parameter.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const sum = (function() {
+  "use strict";
+  return function sum(x, y, z) {
+    const args = [ x, y, z ];
+    return args.reduce((a, b) => a + b, 0);
+  };
+})();
+console.log(sum(1, 2, 3)); // 6
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place.arabic.md
new file mode 100644
index 0000000000..f771ea8a25
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place.arabic.md
@@ -0,0 +1,59 @@
+---
+id: 587d7b89367417b2b2512b48
+title: Use the Spread Operator to Evaluate Arrays In-Place
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(arr2.every((v, i) => v === arr1[i]), "<code>arr2</code> is correct copy of <code>arr1</code>.");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/\[\s*...arr1\s*\]/g),"<code>...</code> spread operator was used to duplicate <code>arr1</code>.");'
+  - text: ''
+    testString: 'assert((arr1, arr2) => {arr1.push("JUN"); return arr2.length < arr1.length},"<code>arr2</code> remains unchanged when <code>arr1</code> is changed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const arr1 = ['JAN', 'FEB', 'MAR', 'APR', 'MAY'];
+let arr2;
+(function() {
+  "use strict";
+  arr2 = []; // change this line
+})();
+console.log(arr2);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.arabic.md
new file mode 100644
index 0000000000..e7389c2956
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b88367417b2b2512b44
+title: Write Arrow Functions with Parameters
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g), "User did replace <code>var</code> keyword.");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+myConcat/g), "<code>myConcat</code> should be a constant variable (by using <code>const</code>).");'
+  - text: ''
+    testString: 'assert(typeof myConcat === "function", "<code>myConcat</code> should be a function");'
+  - text: ''
+    testString: 'assert(() => { const a = myConcat([1], [2]); return a[0] == 1 && a[1] == 2; }, "<code>myConcat()</code> returns the correct <code>array</code>");'
+  - text: ''
+    testString: 'getUserInput => assert(!getUserInput("index").match(/function/g), "<code>function</code> keyword was not used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myConcat = function(arr1, arr2) {
+  "use strict";
+  return arr1.concat(arr2);
+};
+// test your code
+console.log(myConcat([1, 2], [3, 4, 5]));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6.arabic.md
new file mode 100644
index 0000000000..cfaa001dc3
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6.arabic.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8b367417b2b2512b50
+title: Write Concise Declarative Functions with ES6
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(!getUserInput("index").match(/function/),"Traditional <code>function</code> expression was not used.");'
+  - text: ''
+    testString: 'assert(typeof bicycle.setGear === "function" && getUserInput("index").match(/setGear\s*\(.+\)\s*\{/), "<code>setGear</code> is a declarative function.");'
+  - text: ''
+    testString: 'assert((new bicycle.setGear(48)).gear === 48, "<code>bicycle.setGear(48)</code> changes the <code>gear</code> value to 48.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// change code below this line
+const bicycle = {
+  gear: 2,
+  setGear: function(newGear) {
+    "use strict";
+    this.gear = newGear;
+  }
+};
+// change code above this line
+bicycle.setGear(3);
+console.log(bicycle.gear);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-simple-fields.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-simple-fields.arabic.md
new file mode 100644
index 0000000000..c3e894e6f1
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-simple-fields.arabic.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b8a367417b2b2512b4f
+title: Write Concise Object Literal Declarations Using Simple Fields
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(() => {const res={name:"Zodiac Hasbro",age:56,gender:"male"}; const person=createPerson("Zodiac Hasbro", 56, "male"); return Object.keys(person).every(k => person[k] === res[k]);}, "the output is <code>{name: "Zodiac Hasbro", age: 56, gender: "male"}</code>.");'
+  - text: ''
+    testString: 'getUserInput => assert(!getUserInput("index").match(/:/g), "No <code>:</code> were used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const createPerson = (name, age, gender) => {
+  "use strict";
+  // change code below this line
+  return {
+    name: name,
+    age: age,
+    gender: gender
+  };
+  // change code above this line
+};
+console.log(createPerson("Zodiac Hasbro", 56, "male")); // returns a proper object
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/write-higher-order-arrow-functions.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/write-higher-order-arrow-functions.arabic.md
new file mode 100644
index 0000000000..16a83c81ae
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/write-higher-order-arrow-functions.arabic.md
@@ -0,0 +1,69 @@
+---
+id: 587d7b88367417b2b2512b45
+title: Write Higher Order Arrow Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+squaredIntegers/g), "<code>squaredIntegers</code> should be a constant variable (by using <code>const</code>).");'
+  - text: ''
+    testString: 'assert(Array.isArray(squaredIntegers), "<code>squaredIntegers</code> should be an <code>array</code>");'
+  - text: ''
+    testString: 'assert.deepStrictEqual(squaredIntegers, [16, 1764, 36], "<code>squaredIntegers</code> should be <code>[16, 1764, 36]</code>");'
+  - text: ''
+    testString: 'getUserInput => assert(!getUserInput("index").match(/function/g), "<code>function</code> keyword was not used.");'
+  - text: ''
+    testString: 'getUserInput => assert(!getUserInput("index").match(/(for)|(while)/g), "loop should not be used");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/map|filter|reduce/g), "<code>map</code>, <code>filter</code>, or <code>reduce</code> should be used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const realNumberArray = [4, 5.6, -9.8, 3.14, 42, 6, 8.34, -2];
+const squareList = (arr) => {
+  "use strict";
+  // change code below this line
+  const squaredIntegers = arr;
+  // change code above this line
+  return squaredIntegers;
+};
+// test your code
+const squaredIntegers = squareList(realNumberArray);
+console.log(squaredIntegers);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/add-elements-to-the-end-of-an-array-using-concat-instead-of-push.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/add-elements-to-the-end-of-an-array-using-concat-instead-of-push.arabic.md
new file mode 100644
index 0000000000..6a289f45d6
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/add-elements-to-the-end-of-an-array-using-concat-instead-of-push.arabic.md
@@ -0,0 +1,65 @@
+---
+id: 587d7da9367417b2b2512b67
+title: Add Elements to the End of an Array Using concat Instead of push
+challengeType: 1
+videoUrl: ''
+localeTitle: إضافة عناصر إلى نهاية صفيف باستخدام concat بدلاً من الضغط
+---
+
+## Description
+<section id="description"> البرمجة الوظيفية هي كل شيء عن إنشاء واستخدام وظائف غير متحولة. قدم التحدي الأخير طريقة <code>concat</code> كطريقة لدمج المصفوفات في صف جديد دون تحوير المصفوفات الأصلية. قارن <code>concat</code> إلى طريقة <code>push</code> . يضيف <code>Push</code> عنصرًا إلى نهاية الصفيف نفسه الذي يطلق عليه ، والذي يحول ذلك الصفيف. إليك مثال على ذلك: <blockquote style=";text-align:right;direction:rtl"> var arr = [1، 2، 3]؛ <br> arr.push ([4، 5، 6])؛ <br> // arr يتم تغييرها إلى [1 ، 2 ، 3 ، [4 ، 5 ، 6]] <br> // ليس طريقة البرمجة الوظيفية </blockquote> يوفر <code>Concat</code> طريقة لإضافة عناصر جديدة إلى نهاية صفيف بدون أي تأثيرات جانبية متحولة. </section>
+
+## Instructions
+<section id="instructions"> تغيير الدالة <code>nonMutatingPush</code> بحيث يستخدم <code>concat</code> لإضافة <code>newItem</code> إلى نهاية <code>original</code> بدلاً من <code>push</code> . يجب على الدالة إرجاع صفيف. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك طريقة <code>concat</code> .
+    testString: 'assert(code.match(/\.concat/g), "Your code should use the <code>concat</code> method.");'
+  - text: يجب ألا تستخدم شفرتك طريقة <code>push</code> .
+    testString: 'assert(!code.match(/\.push/g), "Your code should not use the <code>push</code> method.");'
+  - text: يجب أن لا تتغير الصفيف <code>first</code> .
+    testString: 'assert(JSON.stringify(first) === JSON.stringify([1, 2, 3]), "The <code>first</code> array should not change.");'
+  - text: لا يجب تغيير الصفيف <code>second</code> .
+    testString: 'assert(JSON.stringify(second) === JSON.stringify([4, 5]), "The <code>second</code> array should not change.");'
+  - text: '<code>nonMutatingPush([1, 2, 3], [4, 5])</code> <code>[1, 2, 3, 4, 5]</code> .'
+    testString: 'assert(JSON.stringify(nonMutatingPush([1, 2, 3], [4, 5])) === JSON.stringify([1, 2, 3, 4, 5]), "<code>nonMutatingPush([1, 2, 3], [4, 5])</code> should return <code>[1, 2, 3, 4, 5]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nonMutatingPush(original, newItem) {
+  // Add your code below this line
+  return original.push(newItem);
+
+  // Add your code above this line
+}
+var first = [1, 2, 3];
+var second = [4, 5];
+nonMutatingPush(first, second);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/apply-functional-programming-to-convert-strings-to-url-slugs.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/apply-functional-programming-to-convert-strings-to-url-slugs.arabic.md
new file mode 100644
index 0000000000..9f7d28cfa4
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/apply-functional-programming-to-convert-strings-to-url-slugs.arabic.md
@@ -0,0 +1,69 @@
+---
+id: 587d7dab367417b2b2512b6d
+title: Apply Functional Programming to Convert Strings to URL Slugs
+challengeType: 1
+videoUrl: ''
+localeTitle: تطبيق برمجة وظيفية لتحويل السلاسل إلى Slug URL
+---
+
+## Description
+<section id="description"> غطت التحديات الأخيرة عدة عدد من صفيفات السلسلة والصفيف المفيدة التي تتبع مبادئ البرمجة الوظيفية. لقد تعلمنا أيضًا عن <code>reduce</code> ، وهي طريقة قوية تستخدم لتقليل المشكلات إلى نماذج أبسط. من متوسطات الحوسبة إلى الفرز ، يمكن تحقيق أي عملية صفيف بتطبيقها. أذكر أن <code>map</code> <code>filter</code> هي حالات خاصة من <code>reduce</code> . دعونا ندمج ما تعلمناه لحل مشكلة عملية. تحتوي العديد من مواقع إدارة المحتوى (CMS) على عناوين وظيفة تتم إضافتها إلى جزء من عنوان URL لأغراض بسيطة للإشارة المرجعية. على سبيل المثال ، إذا كتبت منشورًا متوسطًا بعنوان &quot;Stop Using Reduce&quot; ، فمن المحتمل أن يكون لعنوان URL شكل من أشكال سلسلة العنوان فيه (&quot;... / stop-using-reduction&quot;). ربما تكون قد لاحظت هذا بالفعل على موقع freeCodeCamp. </section>
+
+## Instructions
+<section id="instructions"> املأ وظيفة <code>urlSlug</code> بحيث يحول <code>title</code> سلسلة ويعيد الإصدار <code>urlSlug</code> لعنوان URL. يمكنك استخدام أي من الطرق المغطاة في هذا القسم ، ولا تستخدم <code>replace</code> . فيما يلي المتطلبات: الإدخال عبارة عن سلسلة تحتوي على مسافات وكلمات ذات عناوين مكتوبة. الإخراج عبارة عن سلسلة تحتوي على مسافات بين الكلمات التي تم استبدالها بواصلة ( <code>-</code> ) يجب أن يكون الإخراج جميع الأحرف ذات الأحجام المنخفضة. يجب ألا يحتوي الإخراج على أية مسافات </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب ألا يتغير متغير <code>globalTitle</code> .
+    testString: 'assert(globalTitle === "Winter Is Coming", "The <code>globalTitle</code> variable should not change.");'
+  - text: يجب ألا تستخدم شفرتك طريقة <code>replace</code> لهذا التحدي.
+    testString: 'assert(!code.match(/\.replace/g), "Your code should not use the <code>replace</code> method for this challenge.");'
+  - text: يجب أن ترجع <code>urlSlug(&quot;Winter Is Coming&quot;)</code> <code>&quot;winter-is-coming&quot;</code> .
+    testString: 'assert(urlSlug("Winter Is Coming") === "winter-is-coming", "<code>urlSlug("Winter Is Coming")</code> should return <code>"winter-is-coming"</code>.");'
+  - text: يجب أن ترجع <code>urlSlug(&quot; Winter Is  Coming&quot;)</code> <code>&quot;winter-is-coming&quot;</code> .
+    testString: 'assert(urlSlug(" Winter Is  Coming") === "winter-is-coming", "<code>urlSlug(" Winter Is  &nbsp;Coming")</code> should return <code>"winter-is-coming"</code>.");'
+  - text: <code>urlSlug(&quot;A Mind Needs Books Like A Sword Needs A Whetstone&quot;)</code> <code>&quot;a-mind-needs-books-like-a-sword-needs-a-whetstone&quot;</code> .
+    testString: 'assert(urlSlug("A Mind Needs Books Like A Sword Needs A Whetstone") === "a-mind-needs-books-like-a-sword-needs-a-whetstone", "<code>urlSlug("A Mind Needs Books Like A Sword Needs A Whetstone")</code> should return <code>"a-mind-needs-books-like-a-sword-needs-a-whetstone"</code>.");'
+  - text: يجب أن ترجع <code>urlSlug(&quot;Hold The Door&quot;)</code> <code>&quot;hold-the-door&quot;</code> .
+    testString: 'assert(urlSlug("Hold The Door") === "hold-the-door", "<code>urlSlug("Hold The Door")</code> should return <code>"hold-the-door"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var globalTitle = "Winter Is Coming";
+
+// Add your code below this line
+function urlSlug(title) {
+
+
+}
+// Add your code above this line
+
+var winterComing = urlSlug(globalTitle); // Should be "winter-is-coming"
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.arabic.md
new file mode 100644
index 0000000000..e34173e1b7
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b8e367417b2b2512b5e
+title: Avoid Mutations and Side Effects Using Functional Programming
+challengeType: 1
+videoUrl: ''
+localeTitle: تجنب الطفرات والآثار الجانبية باستخدام البرمجة الوظيفية
+---
+
+## Description
+<section id="description"> إذا لم تكن قد برزت بالفعل ، كانت المشكلة في التحدي السابق مع استدعاء <code>splice</code> في وظيفة <code>tabClose()</code> . لسوء الحظ ، يغير <code>splice</code> الصفيف الأصلي الذي يتم استدعاؤه ، لذلك استعملت المكالمة الثانية له مصفوفة معدلة ، وأعطت نتائج غير متوقعة. هذا مثال صغير لنمط أكبر بكثير - تقوم باستدعاء وظيفة على متغير أو صفيف أو كائن ، وتقوم الوظيفة بتغيير المتغير أو شيء ما في الكائن. أحد المبادئ الأساسية للبرمجة الوظيفية هو عدم تغيير الأشياء. التغييرات تؤدي إلى البق. من السهل منع الأخطاء مع العلم أن وظائفك لا تغير أي شيء ، بما في ذلك وسائط الدالة أو أي متغير عالمي. لم يكن للمثال السابق أي عمليات معقدة ولكن طريقة <code>splice</code> غيرت الصفيف الأصلي ، وأدت إلى خلل. أذكر أنه في البرمجة الوظيفية ، وتغيير أو تغيير الأمور يسمى <code>mutation</code> ، ويسمى النتيجة <code>side effect</code> . من الناحية المثالية ، ينبغي أن تكون <code>pure function</code> ، بمعنى أنها لا تسبب أي آثار جانبية. دعونا نحاول إتقان هذا الانضباط وعدم تغيير أي متغير أو كائن في الكود. </section>
+
+## Instructions
+<section id="instructions"> ملء رمز لوظيفة <code>incrementer</code> بحيث تقوم بإرجاع قيمة المتغير العالمي <code>fixedValue</code> بنسبة واحد. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: لا يجب أن تقوم الدالة <code>incrementer</code> بتغيير قيمة <code>fixedValue</code> .
+    testString: 'assert(fixedValue === 4, "Your function <code>incrementer</code> should not change the value of <code>fixedValue</code>.");'
+  - text: يجب أن ترجع الدالة <code>incrementer</code> الخاص بك قيمة أكبر من قيمة <code>fixedValue</code> .
+    testString: 'assert(newValue === 5, "Your <code>incrementer</code> function should return a value that is one larger than the <code>fixedValue</code> value.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var fixedValue = 4;
+
+function incrementer () {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+
+var newValue = incrementer(); // Should equal 5
+console.log(fixedValue); // Should print 4
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/combine-an-array-into-a-string-using-the-join-method.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/combine-an-array-into-a-string-using-the-join-method.arabic.md
new file mode 100644
index 0000000000..57c0867ed2
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/combine-an-array-into-a-string-using-the-join-method.arabic.md
@@ -0,0 +1,65 @@
+---
+id: 587d7daa367417b2b2512b6c
+title: Combine an Array into a String Using the join Method
+challengeType: 1
+videoUrl: ''
+localeTitle: دمج صفيف في سلسلة باستخدام طريقة الانضمام
+---
+
+## Description
+<section id="description"> على <code>join</code> يستخدم طريقة للانضمام إلى عناصر من مجموعة معا لخلق سلسلة. يستغرق وسيطة عن المحدد الذي يتم استخدامه لفصل عناصر الصفيف في السلسلة. إليك مثال على ذلك: <blockquote style=";text-align:right;direction:rtl"> var arr = [&quot;Hello&quot;، &quot;World&quot;]؛ <br> var str = arr.join (&quot;&quot;)؛ <br> // يعين str إلى &quot;Hello World&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> استخدم طريقة <code>join</code> (من بين آخرين) داخل الدالة <code>sentensify</code> لإنشاء جملة من الكلمات في <code>str</code> السلسلة. يجب على الدالة إرجاع سلسلة. على سبيل المثال ، سيتم تحويل &quot;I-like-Star-Wars&quot; إلى &quot;I like Star Wars&quot;. لهذا التحدي ، لا تستخدم طريقة <code>replace</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب استخدام التعليمات البرمجية لل <code>join</code> الأسلوب.
+    testString: 'assert(code.match(/\.join/g), "Your code should use the <code>join</code> method.");'
+  - text: يجب ألا تستخدم الشفرة طريقة <code>replace</code> .
+    testString: 'assert(!code.match(/\.replace/g), "Your code should not use the <code>replace</code> method.");'
+  - text: <code>sentensify(&quot;May-the-force-be-with-you&quot;)</code> يجب إرجاع سلسلة.
+    testString: 'assert(typeof sentensify("May-the-force-be-with-you") === "string", "<code>sentensify("May-the-force-be-with-you")</code> should return a string.");'
+  - text: <code>sentensify(&quot;May-the-force-be-with-you&quot;)</code> يجب أن ترجع <code>&quot;May the force be with you&quot;</code> .
+    testString: 'assert(sentensify("May-the-force-be-with-you") === "May the force be with you", "<code>sentensify("May-the-force-be-with-you")</code> should return <code>"May the force be with you"</code>.");'
+  - text: <code>sentensify(&quot;The.force.is.strong.with.this.one&quot;)</code> يجب أن ترجع <code>&quot;The force is strong with this one&quot;</code> .
+    testString: 'assert(sentensify("The.force.is.strong.with.this.one") === "The force is strong with this one", "<code>sentensify("The.force.is.strong.with.this.one")</code> should return <code>"The force is strong with this one"</code>.");'
+  - text: '<code>sentensify(&quot;There,has,been,an,awakening&quot;)</code> يجب أن تعود <code>&quot;There has been an awakening&quot;</code> .'
+    testString: 'assert(sentensify("There,has,been,an,awakening") === "There has been an awakening", "<code>sentensify("There,has,been,an,awakening")</code> should return <code>"There has been an awakening"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sentensify(str) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+sentensify("May-the-force-be-with-you");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.arabic.md
new file mode 100644
index 0000000000..306f514c48
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.arabic.md
@@ -0,0 +1,63 @@
+---
+id: 587d7da9367417b2b2512b66
+title: Combine Two Arrays Using the concat Method
+challengeType: 1
+videoUrl: ''
+localeTitle: الجمع بين اثنين من المصفوفات باستخدام طريقة concat
+---
+
+## Description
+<section id="description"> يعني <code>Concatenation</code> للانضمام إلى العناصر من طرف إلى آخر. تقدم JavaScript طريقة <code>concat</code> لكل من السلاسل والمصفوفات التي تعمل بنفس الطريقة. بالنسبة إلى المصفوفات ، يتم استدعاء هذه الطريقة على واحد ، ثم يتم توفير مجموعة أخرى كوسيطة <code>concat</code> ، والتي يتم إضافتها إلى نهاية الصفيف الأول. تقوم بإرجاع صفيف جديد ولا يتم تغيير أي من المصفوفات الأصلية. إليك مثال على ذلك: <blockquote style=";text-align:right;direction:rtl"> [1 ، 2 ، 3] .concat ([4 ، 5 ، 6]) ؛ <br> // إرجاع مصفوفة جديدة [1 ، 2 ، 3 ، 4 ، 5 ، 6] </blockquote></section>
+
+## Instructions
+<section id="instructions"> استخدام <code>concat</code> الأسلوب في <code>nonMutatingConcat</code> وظيفة لسلسلة <code>attach</code> إلى نهاية <code>original</code> . يجب أن تقوم الدالة بإرجاع الصفيف المتسلسل. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك طريقة <code>concat</code> .
+    testString: 'assert(code.match(/\.concat/g), "Your code should use the <code>concat</code> method.");'
+  - text: يجب أن لا تتغير الصفيف <code>first</code> .
+    testString: 'assert(JSON.stringify(first) === JSON.stringify([1, 2, 3]), "The <code>first</code> array should not change.");'
+  - text: لا يجب تغيير الصفيف <code>second</code> .
+    testString: 'assert(JSON.stringify(second) === JSON.stringify([4, 5]), "The <code>second</code> array should not change.");'
+  - text: '<code>nonMutatingConcat([1, 2, 3], [4, 5])</code> <code>[1, 2, 3, 4, 5]</code> .'
+    testString: 'assert(JSON.stringify(nonMutatingConcat([1, 2, 3], [4, 5])) === JSON.stringify([1, 2, 3, 4, 5]), "<code>nonMutatingConcat([1, 2, 3], [4, 5])</code> should return <code>[1, 2, 3, 4, 5]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nonMutatingConcat(original, attach) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+var first = [1, 2, 3];
+var second = [4, 5];
+nonMutatingConcat(first, second);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.arabic.md
new file mode 100644
index 0000000000..2bc2953e07
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.arabic.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b8f367417b2b2512b62
+title: Implement map on a Prototype
+challengeType: 1
+videoUrl: ''
+localeTitle: تنفيذ الخريطة على نموذج أولي
+---
+
+## Description
+<section id="description"> كما رأيت من تطبيق <code>Array.prototype.map()</code> ، أو ببساطة <code>map()</code> وقت سابق ، فإن طريقة <code>map</code> ترجع مصفوفة بنفس الطول <code>Array.prototype.map()</code> تم الاتصال به. كما أنه لا يغير الصفيف الأصلي ، طالما أن وظيفة رد الاتصال لا. بعبارة أخرى ، <code>map</code> هي وظيفة نقية ، ويعتمد ناتجها فقط على مدخلاته. بالإضافة إلى ذلك ، فإنه يأخذ وظيفة أخرى كحجة لها. فإنه يعلمنا الكثير عن <code>map</code> لمحاولة تنفيذ نسخة منه أن يتصرف تماما مثل <code>Array.prototype.map()</code> مع <code>for</code> حلقة أو <code>Array.prototype.forEach()</code> . ملاحظة: يسمح للوظيفة النقية بتغيير المتغيرات المحلية المحددة في نطاقها ، على الرغم من أنه من الأفضل تجنب ذلك أيضًا. </section>
+
+## Instructions
+<section id="instructions"> اكتب <code>Array.prototype.myMap()</code> الخاص بك ، والتي يجب أن تتصرف تمامًا مثل <code>Array.prototype.map()</code> . يمكنك استخدام حلقة <code>for</code> أو طريقة <code>forEach</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن تساوي <code>new_s</code> <code>[46, 130, 196, 10]</code> .'
+    testString: 'assert(JSON.stringify(new_s) === JSON.stringify([46, 130, 196, 10]), "<code>new_s</code> should equal <code>[46, 130, 196, 10]</code>.");'
+  - text: يجب ألا تستخدم شفرتك طريقة <code>map</code> .
+    testString: 'assert(!code.match(/\.map/g), "Your code should not use the <code>map</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global Array
+var s = [23, 65, 98, 5];
+
+Array.prototype.myMap = function(callback){
+  var newArray = [];
+  // Add your code below this line
+
+  // Add your code above this line
+  return newArray;
+
+};
+
+var new_s = s.myMap(function(item){
+  return item * 2;
+});
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/implement-the-filter-method-on-a-prototype.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/implement-the-filter-method-on-a-prototype.arabic.md
new file mode 100644
index 0000000000..5491097542
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/implement-the-filter-method-on-a-prototype.arabic.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b8f367417b2b2512b64
+title: Implement the filter Method on a Prototype
+challengeType: 1
+videoUrl: ''
+localeTitle: تنفيذ مرشح طريقة على النموذج
+---
+
+## Description
+<section id="description"> من شأنه أن يعلمنا الكثير عن طريقة <code>filter</code> إذا حاولنا تنفيذ إصدار منه يتصرف تمامًا مثل <code>Array.prototype.filter()</code> . يمكن استخدام حلقة <code>for</code> أو <code>Array.prototype.forEach()</code> . ملاحظة: يسمح للوظيفة النقية بتغيير المتغيرات المحلية المحددة في نطاقها ، على الرغم من أنه من الأفضل تجنب ذلك أيضًا. </section>
+
+## Instructions
+<section id="instructions"> اكتب <code>Array.prototype.myFilter()</code> الخاص بك ، والتي يجب أن تتصرف تمامًا مثل <code>Array.prototype.filter()</code> . يمكنك استخدام حلقة <code>for</code> أو الأسلوب <code>Array.prototype.forEach()</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن تساوي <code>new_s</code> <code>[23, 65, 5]</code> .'
+    testString: 'assert(JSON.stringify(new_s) === JSON.stringify([23, 65, 5]), "<code>new_s</code> should equal <code>[23, 65, 5]</code>.");'
+  - text: يجب ألا تستخدم الشفرة طريقة <code>filter</code> .
+    testString: 'assert(!code.match(/\.filter/g), "Your code should not use the <code>filter</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global Array
+var s = [23, 65, 98, 5];
+
+Array.prototype.myFilter = function(callback){
+  var newArray = [];
+  // Add your code below this line
+
+  // Add your code above this line
+  return newArray;
+
+};
+
+var new_s = s.myFilter(function(item){
+  return item % 2 === 1;
+});
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/introduction-to-currying-and-partial-application.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/introduction-to-currying-and-partial-application.arabic.md
new file mode 100644
index 0000000000..33da10e4c5
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/introduction-to-currying-and-partial-application.arabic.md
@@ -0,0 +1,61 @@
+---
+id: 587d7dab367417b2b2512b70
+title: Introduction to Currying and Partial Application
+challengeType: 1
+videoUrl: ''
+localeTitle: مقدمة في التجلي والتطبيق الجزئي
+---
+
+## Description
+<section id="description"> إن <code>arity</code> الوظيفة هو عدد الحجج التي يتطلبها. تعني وظيفة <code>Currying</code> دالة تحويل دالة N <code>arity</code> إلى N دالتي <code>arity</code> 1. وبعبارة أخرى ، فإنها تعيد هيكلة إحدى الدالتين بحيث تأخذ إحدى الحجة ، ثم ترجع دالة أخرى تأخذ الحجة التالية ، وهكذا. إليك مثال على ذلك: <blockquote style=";text-align:right;direction:rtl"> // غير بالكاري وظيفة <br> وظيفة غير مضمنة (x، y) { <br> ارجع x + y؛ <br> } <br><br> // وظيفة الكاري <br> الوظيفة curried (x) { <br> وظيفة الإرجاع (y) { <br> ارجع x + y؛ <br> } <br> } <br> curried (1) (2) // Returns 3 </blockquote> هذا مفيد في البرنامج الخاص بك إذا كنت لا تستطيع توفير جميع الوسائط إلى وظيفة في وقت واحد. يمكنك حفظ كل استدعاء دالة في متغير ، والذي سيحافظ على مرجع الدالة المرتجعة الذي يأخذ الوسيطة التالية عندما تكون متاحة. في ما يلي مثال على ذلك باستخدام وظيفة <code>curried</code> في المثال أعلاه: <blockquote style=";text-align:right;direction:rtl"> // استدعاء وظيفة بالكاري في أجزاء: <br> var funcForY = curried (1)؛ <br> console.log (funcForY (2))؛ // المطبوعات 3 </blockquote> وبالمثل ، يمكن وصف <code>partial application</code> على أنه تطبيق عدد قليل من الوسيطات على إحدى الوظائف في وقت ما وإرجاع وظيفة أخرى يتم تطبيقها على مزيد من الوسيطات. إليك مثال على ذلك: <blockquote style=";text-align:right;direction:rtl"> // وظيفة محايدة <br> وظيفة غير متحيزة (x، y، z) { <br> ارجع x + y + z؛ <br> } <br> var partialFn = impartial.bind (هذا ، 1 ، 2) ؛ <br> partialFn (10)؛ // إرجاع 13 </blockquote></section>
+
+## Instructions
+<section id="instructions"> املأ جسم وظيفة <code>add</code> بحيث يستخدم currying لإضافة المعلمات <code>x</code> و <code>y</code> و <code>z</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>add(10)(20)(30)</code> يجب أن ترجع <code>60</code> .
+    testString: 'assert(add(10)(20)(30) === 60, "<code>add(10)(20)(30)</code> should return <code>60</code>.");'
+  - text: <code>add(1)(2)(3)</code> يجب أن ترجع <code>6</code> .
+    testString: 'assert(add(1)(2)(3) === 6, "<code>add(1)(2)(3)</code> should return <code>6</code>.");'
+  - text: <code>add(11)(22)(33)</code> يجب أن ترجع <code>66</code> .
+    testString: 'assert(add(11)(22)(33) === 66, "<code>add(11)(22)(33)</code> should return <code>66</code>.");'
+  - text: يجب أن تتضمن شفرتك عبارة نهائية تُرجع <code>x + y + z</code> .
+    testString: 'assert(code.match(/[xyz]\s*?\+\s*?[xyz]\s*?\+\s*?[xyz]/g), "Your code should include a final statement that returns <code>x + y + z</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function add(x) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+add(10)(20)(30);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/learn-about-functional-programming.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/learn-about-functional-programming.arabic.md
new file mode 100644
index 0000000000..9f3da9bdad
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/learn-about-functional-programming.arabic.md
@@ -0,0 +1,79 @@
+---
+id: 587d7b8d367417b2b2512b5b
+title: Learn About Functional Programming
+challengeType: 1
+videoUrl: ''
+localeTitle: تعرف على برمجة وظيفية
+---
+
+## Description
+<section id="description"> البرمجة الوظيفية هي أسلوب برمجة حيث الحلول عبارة عن وظائف بسيطة ومعزولة دون أي آثار جانبية خارج نطاق الوظيفة. <code>INPUT -&gt; PROCESS -&gt; OUTPUT</code> البرمجة الوظيفية <code>INPUT -&gt; PROCESS -&gt; OUTPUT</code> حول: 1) وظائف معزولة - لا يوجد اعتماد على حالة البرنامج ، والذي يتضمن متغيرات عامة قابلة للتغيير 2) وظائف نقية - نفس المدخلات تعطي دائما نفس الناتج 3) يتم التحكم بعناية بالوظائف ذات الآثار الجانبية المحدودة - أي تغييرات ، أو طفرات ، إلى حالة البرنامج خارج الوظيفة </section>
+
+## Instructions
+<section id="instructions"> أعضاء freeCodeCamp يحدث أن يحب الشاي. في محرر رمز، و <code>prepareTea</code> و <code>getTea</code> يتم تعريف وظائف بالفعل بالنسبة لك. استدعاء وظيفة <code>getTea</code> للحصول على 40 كوب من الشاي للفريق ، وتخزينها في متغير <code>tea4TeamFCC</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(tea4TeamFCC.length === 40, "The <code>tea4TeamFCC</code> variable should hold 40 cups of tea for the team.");'
+  - text: يجب أن يعقد المتغير <code>tea4TeamFCC</code> أكواب الشاي الأخضر.
+    testString: 'assert(tea4TeamFCC[0] === "greenTea", "The <code>tea4TeamFCC</code> variable should hold cups of green tea.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+/**
+ * A long process to prepare tea.
+ * @return {string} A cup of tea.
+ **/
+const prepareTea = () => 'greenTea';
+
+/**
+ * Get given number of cups of tea.
+ * @param {number} numOfCups Number of required cups of tea.
+ * @return {Array<string>} Given amount of tea cups.
+ **/
+const getTea = (numOfCups) => {
+  const teaCups = [];
+
+  for(let cups = 1; cups <= numOfCups; cups += 1) {
+    const teaCup = prepareTea();
+    teaCups.push(teaCup);
+  }
+
+  return teaCups;
+};
+
+// Add your code below this line
+
+const tea4TeamFCC = null; // :(
+
+// Add your code above this line
+
+console.log(tea4TeamFCC);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/pass-arguments-to-avoid-external-dependence-in-a-function.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/pass-arguments-to-avoid-external-dependence-in-a-function.arabic.md
new file mode 100644
index 0000000000..1011edf8ac
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/pass-arguments-to-avoid-external-dependence-in-a-function.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b8e367417b2b2512b5f
+title: Pass Arguments to Avoid External Dependence in a Function
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(fixedValue === 4, "Your function <code>incrementer</code> should not change the value of <code>fixedValue</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/function\s+?incrementer\s*?\(.+?\)/g), "Your <code>incrementer</code> function should take a parameter.");'
+  - text: ''
+    testString: 'assert(newValue === 5, "Your <code>incrementer</code> function should return a value that is one larger than the <code>fixedValue</code> value.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var fixedValue = 4;
+
+// Add your code below this line
+function incrementer () {
+
+
+  // Add your code above this line
+}
+
+var newValue = incrementer(fixedValue); // Should equal 5
+console.log(fixedValue); // Should print 4
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/refactor-global-variables-out-of-functions.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/refactor-global-variables-out-of-functions.arabic.md
new file mode 100644
index 0000000000..b7cf2a2a4c
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/refactor-global-variables-out-of-functions.arabic.md
@@ -0,0 +1,86 @@
+---
+id: 587d7b8f367417b2b2512b60
+title: Refactor Global Variables Out of Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(JSON.stringify(bookList) === JSON.stringify(["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]), "<code>bookList</code> should not change and still equal <code>["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]</code>.");'
+  - text: ''
+    testString: 'assert(JSON.stringify(newBookList) === JSON.stringify(["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]), "<code>newBookList</code> should equal <code>["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]</code>.");'
+  - text: ''
+    testString: 'assert(JSON.stringify(newerBookList) === JSON.stringify(["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]), "<code>newerBookList</code> should equal <code>["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]</code>.");'
+  - text: ''
+    testString: 'assert(JSON.stringify(newestBookList) === JSON.stringify(["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]), "<code>newestBookList</code> should equal <code>["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var bookList = ["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"];
+
+/* This function should add a book to the list and return the list */
+// New parameters should come before the bookName one
+
+// Add your code below this line
+function add (bookName) {
+
+  return bookList.push(bookName);
+
+  // Add your code above this line
+}
+
+/* This function should remove a book from the list and return the list */
+// New parameters should come before the bookName one
+
+// Add your code below this line
+function remove (bookName) {
+  if (bookList.indexOf(bookName) >= 0) {
+
+    return bookList.splice(0, 1, bookName);
+
+    // Add your code above this line
+    }
+}
+
+var newBookList = add(bookList, 'A Brief History of Time');
+var newerBookList = remove(bookList, 'On The Electrodynamics of Moving Bodies');
+var newestBookList = remove(add(bookList, 'A Brief History of Time'), 'On The Electrodynamics of Moving Bodies');
+
+console.log(bookList);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/remove-elements-from-an-array-using-slice-instead-of-splice.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/remove-elements-from-an-array-using-slice-instead-of-splice.arabic.md
new file mode 100644
index 0000000000..a1068d19f9
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/remove-elements-from-an-array-using-slice-instead-of-splice.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 9d7123c8c441eeafaeb5bdef
+title: Remove Elements from an Array Using slice Instead of splice
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/\.slice/g), "Your code should use the <code>slice</code> method.");'
+  - text: ''
+    testString: 'assert(!code.match(/\.splice/g), "Your code should not use the <code>splice</code> method.");'
+  - text: ''
+    testString: 'assert(JSON.stringify(inputCities) === JSON.stringify(["Chicago", "Delhi", "Islamabad", "London", "Berlin"]), "The <code>inputCities</code> array should not change.");'
+  - text: ''
+    testString: 'assert(JSON.stringify(nonMutatingSplice(["Chicago", "Delhi", "Islamabad", "London", "Berlin"])) === JSON.stringify(["Chicago", "Delhi", "Islamabad"]), "<code>nonMutatingSplice(["Chicago", "Delhi", "Islamabad", "London", "Berlin"])</code> should return <code>["Chicago", "Delhi", "Islamabad"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nonMutatingSplice(cities) {
+  // Add your code below this line
+  return cities.splice(3);
+
+  // Add your code above this line
+}
+var inputCities = ["Chicago", "Delhi", "Islamabad", "London", "Berlin"];
+nonMutatingSplice(inputCities);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/return-a-sorted-array-without-changing-the-original-array.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/return-a-sorted-array-without-changing-the-original-array.arabic.md
new file mode 100644
index 0000000000..cfaadf561d
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/return-a-sorted-array-without-changing-the-original-array.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 587d7da9367417b2b2512b6a
+title: Return a Sorted Array Without Changing the Original Array
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> استخدم طريقة <code>sort</code> في الدالة <code>nonMutatingSort</code> لفرز عناصر صفيف بترتيب تصاعدي. يجب أن ترجع الدالة صفيفًا جديدًا ولا يتم <code>globalArray</code> متغير <code>globalArray</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/\.sort/g), "Your code should use the <code>sort</code> method.");'
+  - text: ''
+    testString: 'assert(code.match(/\.concat/g), "Your code should use the <code>concat</code> method.");'
+  - text: يجب ألا يتغير متغير <code>globalArray</code> .
+    testString: 'assert(JSON.stringify(globalArray) === JSON.stringify([5, 6, 3, 2, 9]), "The <code>globalArray</code> variable should not change.");'
+  - text: ''
+    testString: 'assert(JSON.stringify(nonMutatingSort(globalArray)) === JSON.stringify([2, 3, 5, 6, 9]), "<code>nonMutatingSort(globalArray)</code> should return <code>[2, 3, 5, 6, 9]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var globalArray = [5, 6, 3, 2, 9];
+function nonMutatingSort(arr) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+nonMutatingSort(globalArray);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/return-part-of-an-array-using-the-slice-method.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/return-part-of-an-array-using-the-slice-method.arabic.md
new file mode 100644
index 0000000000..f6eb2749a8
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/return-part-of-an-array-using-the-slice-method.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b90367417b2b2512b65
+title: Return Part of an Array Using the slice Method
+challengeType: 1
+videoUrl: ''
+localeTitle: عودة جزء من صفيف باستخدام طريقة شريحة
+---
+
+## Description
+<section id="description"> ترجع طريقة <code>slice</code> نسخة من عناصر معينة لصفيف. يمكن أن يستغرق الأمر اثنين من الحجج ، الأول يعطي مؤشر من أين تبدأ شريحة ، والثاني هو مؤشر لمكان إنهاء الشريحة (وهو غير شامل). إذا لم يتم توفير الوسيطات ، فسيكون الإعداد الافتراضي هو البدء في بداية المصفوفة حتى النهاية ، وهي طريقة سهلة لعمل نسخة من الصفيف بأكمله. لا تقوم طريقة <code>slice</code> بتحويل الصفيف الأصلي ، بل تقوم بإرجاع واحدة جديدة. إليك مثال على ذلك: <blockquote style=";text-align:right;direction:rtl"> var arr = [&quot;Cat&quot;، &quot;Dog&quot;، &quot;Tiger&quot;، &quot;Zebra&quot;]؛ <br> var newArray = arr.slice (1، 3)؛ <br> // يعين NewArray to [&quot;Dog&quot;، &quot;Tiger&quot;] </blockquote></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تستخدم شفرتك طريقة <code>slice</code> .
+    testString: 'assert(code.match(/\.slice/g), "Your code should use the <code>slice</code> method.");'
+  - text: ''
+    testString: 'assert(JSON.stringify(inputAnim) === JSON.stringify(["Cat", "Dog", "Tiger", "Zebra", "Ant"]), "The <code>inputAnim</code> variable should not change.");'
+  - text: ''
+    testString: 'assert(JSON.stringify(sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 3)) === JSON.stringify(["Dog", "Tiger"]), "<code>sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 3)</code> should return <code>["Dog", "Tiger"]</code>.");'
+  - text: '<code>sliceArray([&quot;Cat&quot;, &quot;Dog&quot;, &quot;Tiger&quot;, &quot;Zebra&quot;, &quot;Ant&quot;], 0, 1)</code> يجب أن تعود <code>[&quot;Cat&quot;]</code> .'
+    testString: 'assert(JSON.stringify(sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 0, 1)) === JSON.stringify(["Cat"]), "<code>sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 0, 1)</code> should return <code>["Cat"]</code>.");'
+  - text: '<code>sliceArray([&quot;Cat&quot;, &quot;Dog&quot;, &quot;Tiger&quot;, &quot;Zebra&quot;, &quot;Ant&quot;], 1, 4)</code> يجب أن تعود <code>[&quot;Dog&quot;, &quot;Tiger&quot;, &quot;Zebra&quot;]</code> .'
+    testString: 'assert(JSON.stringify(sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 4)) === JSON.stringify(["Dog", "Tiger", "Zebra"]), "<code>sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 4)</code> should return <code>["Dog", "Tiger", "Zebra"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sliceArray(anim, beginSlice, endSlice) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+var inputAnim = ["Cat", "Dog", "Tiger", "Zebra", "Ant"];
+sliceArray(inputAnim, 1, 3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/sort-an-array-alphabetically-using-the-sort-method.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/sort-an-array-alphabetically-using-the-sort-method.arabic.md
new file mode 100644
index 0000000000..70e6dce5e6
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/sort-an-array-alphabetically-using-the-sort-method.arabic.md
@@ -0,0 +1,61 @@
+---
+id: 587d7da9367417b2b2512b69
+title: Sort an Array Alphabetically using the sort Method
+challengeType: 1
+videoUrl: ''
+localeTitle: فرز صفيف أبجديا باستخدام طريقة الفرز
+---
+
+## Description
+<section id="description"> يقوم أسلوب <code>sort</code> بفرز عناصر المصفوفة وفقًا لوظيفة رد الاتصال. فمثلا: <blockquote style=";text-align:right;direction:rtl"> function ascendingOrder (arr) { <br> return arr.sort (function (a، b) { <br> عودة a - b؛ <br> })؛ <br> } <br> تصاعدي ([1 ، 5 ، 2 ، 3 ، 4]) ؛ <br> // إرجاع [1 ، 2 ، 3 ، 4 ، 5] <br><br> function reverseAlpha (arr) { <br> return arr.sort (function (a، b) { <br> ارجع &lt;b؛ <br> })؛ <br> } <br> reverseAlpha ([&#39;l&#39;، &#39;h&#39;، &#39;z&#39;، &#39;b&#39;، &#39;s&#39;])؛ <br> // Returns [&#39;z&#39;، &#39;s&#39;، &#39;l&#39;، &#39;h&#39;، &#39;b&#39;] </blockquote> ملاحظة: يتم تشجيعه على توفير وظيفة رد اتصال لتحديد كيفية فرز عناصر المصفوفة. طريقة الفرز الافتراضية لجافا سكريبت هي عن طريق سلسلة قيمة نقطة Unicode ، والتي قد ترجع نتائج غير متوقعة. </section>
+
+## Instructions
+<section id="instructions"> استخدم طريقة <code>sort</code> في الدالة <code>alphabeticalOrder</code> لفرز عناصر <code>arr</code> حسب الترتيب الأبجدي. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك طريقة <code>sort</code> .
+    testString: 'assert(code.match(/\.sort/g), "Your code should use the <code>sort</code> method.");'
+  - text: '<code>alphabeticalOrder([&quot;a&quot;, &quot;d&quot;, &quot;c&quot;, &quot;a&quot;, &quot;z&quot;, &quot;g&quot;])</code> يجب أن ترجع <code>[&quot;a&quot;, &quot;a&quot;, &quot;c&quot;, &quot;d&quot;, &quot;g&quot;, &quot;z&quot;]</code> .'
+    testString: 'assert(JSON.stringify(alphabeticalOrder(["a", "d", "c", "a", "z", "g"])) === JSON.stringify(["a", "a", "c", "d", "g", "z"]), "<code>alphabeticalOrder(["a", "d", "c", "a", "z", "g"])</code> should return <code>["a", "a", "c", "d", "g", "z"]</code>.");'
+  - text: '<code>alphabeticalOrder([&quot;x&quot;, &quot;h&quot;, &quot;a&quot;, &quot;m&quot;, &quot;n&quot;, &quot;m&quot;])</code> يجب أن ترجع <code>[&quot;a&quot;, &quot;h&quot;, &quot;m&quot;, &quot;m&quot;, &quot;n&quot;, &quot;x&quot;]</code> .'
+    testString: 'assert(JSON.stringify(alphabeticalOrder(["x", "h", "a", "m", "n", "m"])) === JSON.stringify(["a", "h", "m", "m", "n", "x"]), "<code>alphabeticalOrder(["x", "h", "a", "m", "n", "m"])</code> should return <code>["a", "h", "m", "m", "n", "x"]</code>.");'
+  - text: '<code>alphabeticalOrder([&quot;a&quot;, &quot;a&quot;, &quot;a&quot;, &quot;a&quot;, &quot;x&quot;, &quot;t&quot;])</code> يجب أن ترجع <code>[&quot;a&quot;, &quot;a&quot;, &quot;a&quot;, &quot;a&quot;, &quot;t&quot;, &quot;x&quot;]</code> .'
+    testString: 'assert(JSON.stringify(alphabeticalOrder(["a", "a", "a", "a", "x", "t"])) === JSON.stringify(["a", "a", "a", "a", "t", "x"]), "<code>alphabeticalOrder(["a", "a", "a", "a", "x", "t"])</code> should return <code>["a", "a", "a", "a", "t", "x"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function alphabeticalOrder(arr) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+alphabeticalOrder(["a", "d", "c", "a", "z", "g"]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/split-a-string-into-an-array-using-the-split-method.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/split-a-string-into-an-array-using-the-split-method.arabic.md
new file mode 100644
index 0000000000..be73ac0100
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/split-a-string-into-an-array-using-the-split-method.arabic.md
@@ -0,0 +1,61 @@
+---
+id: 587d7daa367417b2b2512b6b
+title: Split a String into an Array Using the split Method
+challengeType: 1
+videoUrl: ''
+localeTitle: تقسيم سلسلة في صفيف باستخدام طريقة الانقسام
+---
+
+## Description
+<section id="description"> <code>split</code> طريقة الانقسام إلى سلسلة في صفيف من السلاسل. يتطلب الأمر حجة للمُحدد ، والتي يمكن أن تكون حرفًا تستخدم لتجزئة السلسلة أو التعبير العادي. على سبيل المثال ، إذا كان المحدد مساحة ، تحصل على صفيف من الكلمات ، وإذا كان المحدد عبارة عن سلسلة فارغة ، فستحصل على مصفوفة لكل حرف في السلسلة. في ما يلي مثالان يقومان بتقسيم سلسلة واحدة بمسافات ، ثم آخر بالأرقام باستخدام تعبير عادي: <blockquote style=";text-align:right;direction:rtl"> var str = &quot;Hello World&quot;؛ <br> var bySpace = str.split (&quot;&quot;)؛ <br> // Sets bySpace to [&quot;Hello&quot;، &quot;World&quot;] <br><br> var otherString = &quot;How9are7you2today&quot; ؛ <br> var byDigits = otherString.split (/ \ d /)؛ <br> // Sets byDigits to [&quot;How&quot;، &quot;are&quot;، &quot;you&quot;، &quot;today&quot;] </blockquote> بما أن الجمل غير قابلة للتغيير ، فإن طريقة <code>split</code> تجعل من السهل العمل معهم. </section>
+
+## Instructions
+<section id="instructions"> استخدم طريقة <code>split</code> داخل الدالة <code>splitify</code> لتقسيم <code>str</code> إلى صفيف من الكلمات. يجب أن ترجع الدالة الصفيف. لاحظ أنه لا يتم دائمًا فصل الكلمات عن مسافات ، ويجب ألا يحتوي الصفيف على علامات ترقيم. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك طريقة <code>split</code> .
+    testString: 'assert(code.match(/\.split/g), "Your code should use the <code>split</code> method.");'
+  - text: '<code>splitify(&quot;Hello World,I-am code&quot;)</code> يجب أن تعرض <code>[&quot;Hello&quot;, &quot;World&quot;, &quot;I&quot;, &quot;am&quot;, &quot;code&quot;]</code> .'
+    testString: 'assert(JSON.stringify(splitify("Hello World,I-am code")) === JSON.stringify(["Hello", "World", "I", "am", "code"]), "<code>splitify("Hello World,I-am code")</code> should return <code>["Hello", "World", "I", "am", "code"]</code>.");'
+  - text: '<code>splitify(&quot;Earth-is-our home&quot;)</code> يجب أن تعود <code>[&quot;Earth&quot;, &quot;is&quot;, &quot;our&quot;, &quot;home&quot;]</code> .'
+    testString: 'assert(JSON.stringify(splitify("Earth-is-our home")) === JSON.stringify(["Earth", "is", "our", "home"]), "<code>splitify("Earth-is-our home")</code> should return <code>["Earth", "is", "our", "home"]</code>.");'
+  - text: '<code>splitify(&quot;This.is.a-sentence&quot;)</code> يجب أن ترجع <code>[&quot;This&quot;, &quot;is&quot;, &quot;a&quot;, &quot;sentence&quot;]</code> .'
+    testString: 'assert(JSON.stringify(splitify("This.is.a-sentence")) === JSON.stringify(["This", "is", "a", "sentence"]), "<code>splitify("This.is.a-sentence")</code> should return <code>["This", "is", "a", "sentence"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function splitify(str) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+splitify("Hello World,I-am code");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/understand-functional-programming-terminology.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/understand-functional-programming-terminology.arabic.md
new file mode 100644
index 0000000000..bdd352c640
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/understand-functional-programming-terminology.arabic.md
@@ -0,0 +1,94 @@
+---
+id: 587d7b8e367417b2b2512b5c
+title: Understand Functional Programming Terminology
+challengeType: 1
+videoUrl: ''
+localeTitle: فهم البرمجة الوظيفية المصطلحات
+---
+
+## Description
+<section id="description"> كان فريق لجنة الاتصالات الفيدرالية قد تأرجح المزاج ويريد الآن نوعين من الشاي: الشاي الأخضر والشاي الأسود. حقائق عامة: تقلبات مزاج العميل شائعة جدًا. باستخدام هذه المعلومات ، سنحتاج إلى إعادة النظر في وظيفة <code>getTea</code> من التحدي الأخير للتعامل مع طلبات الشاي المختلفة. يمكننا تعديل <code>getTea</code> لقبول وظيفة كمعلمة لتكون قادرة على تغيير نوع الشاي الذي تقوم بإعداده. وهذا يجعل <code>getTea</code> أكثر مرونة ، ويعطي للمبرمج مزيدًا من التحكم عند تغيير طلبات العميل. لكن أولاً ، دعونا نغطي بعض المصطلحات الفنية: <code>Callbacks</code> هي الوظائف التي يتم تمريرها أو تمريرها إلى وظيفة أخرى لتحديد طلب هذه الوظيفة. ربما تكون قد شاهدتهم مروراً بطرق أخرى ، على سبيل المثال في <code>filter</code> ، تخبر وظيفة معاودة الاتصال JavaScript عن كيفية تصفية مصفوفة. تدعى الدالات التي يمكن تعيينها لمتغير ، يتم تمريرها إلى دالة أخرى ، أو يتم إرجاعها من دالة أخرى تمامًا مثل أي قيمة عادية أخرى ، وظائف <code>first class</code> . في JavaScript ، تعد جميع الوظائف من وظائف <code>first class</code> . تسمى الدالات التي تأخذ دالة كوسيطة ، أو ترجع دالة كقيمة إرجاع ، وظائف <code>higher order</code> . عندما يتم تمرير الوظائف إلى وظيفة أخرى أو يتم إرجاعها من وظيفة أخرى ، فإن تلك الوظائف التي يتم تمريرها أو إعادتها يمكن أن تسمى <code>lambda</code> . </section>
+
+## Instructions
+<section id="instructions"> إعداد 27 أكواب من الشاي الأخضر و 13 أكواب من الشاي الأسود وتخزينها في <code>tea4GreenTeamFCC</code> و <code>tea4BlackTeamFCC</code> المتغيرات، على التوالي. لاحظ أن وظيفة <code>getTea</code> قد تم تعديلها بحيث تأخذ الآن وظيفة كالوسيطة الأولى. ملاحظة: يتم توفير البيانات (عدد أكواب الشاي) كوسيطة أخيرة. سنناقش هذا أكثر في الدروس اللاحقة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن <code>tea4GreenTeamFCC</code> المتغير <code>tea4GreenTeamFCC</code> على 27 كوب شاي أخضر للفريق.
+    testString: 'assert(tea4GreenTeamFCC.length === 27, "The <code>tea4GreenTeamFCC</code> variable should hold 27 cups of green tea for the team.");'
+  - text: يجب أن يحتفظ المتغير <code>tea4GreenTeamFCC</code> من الشاي الأخضر.
+    testString: 'assert(tea4GreenTeamFCC[0] === "greenTea", "The <code>tea4GreenTeamFCC</code> variable should hold cups of green tea.");'
+  - text: يجب أن يحتفظ المتغير <code>tea4BlackTeamFCC</code> 13 كوب من الشاي الأسود.
+    testString: 'assert(tea4BlackTeamFCC.length === 13, "The <code>tea4BlackTeamFCC</code> variable should hold 13 cups of black tea.");'
+  - text: يجب أن يحتفظ المتغير <code>tea4BlackTeamFCC</code> الشاي الأسود.
+    testString: 'assert(tea4BlackTeamFCC[0] === "blackTea", "The <code>tea4BlackTeamFCC</code> variable should hold cups of black tea.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+/**
+ * A long process to prepare green tea.
+ * @return {string} A cup of green tea.
+ **/
+const prepareGreenTea = () => 'greenTea';
+
+/**
+ * A long process to prepare black tea.
+ * @return {string} A cup of black tea.
+ **/
+const prepareBlackTea = () => 'blackTea';
+
+/**
+ * Get given number of cups of tea.
+ * @param {function():string} prepareTea The type of tea preparing function.
+ * @param {number} numOfCups Number of required cups of tea.
+ * @return {Array<string>} Given amount of tea cups.
+ **/
+const getTea = (prepareTea, numOfCups) => {
+  const teaCups = [];
+
+  for(let cups = 1; cups <= numOfCups; cups += 1) {
+    const teaCup = prepareTea();
+    teaCups.push(teaCup);
+  }
+
+  return teaCups;
+};
+
+// Add your code below this line
+
+const tea4GreenTeamFCC = null; // :(
+const tea4BlackTeamFCC = null; // :(
+
+// Add your code above this line
+
+console.log(
+  tea4GreenTeamFCC,
+  tea4BlackTeamFCC
+);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.arabic.md
new file mode 100644
index 0000000000..372a76fc73
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.arabic.md
@@ -0,0 +1,87 @@
+---
+id: 587d7b8e367417b2b2512b5d
+title: Understand the Hazards of Using Imperative Code
+challengeType: 1
+videoUrl: ''
+localeTitle: فهم مخاطر استخدام الرمز الاحتمالي
+---
+
+## Description
+<section id="description"> البرمجة الوظيفية هي عادة جيدة. إنه يحافظ على سهولة إدارة التعليمة البرمجية ، ويوفر لك من الأخطاء الخداعية. ولكن قبل أن نصل إلى هناك ، فلننظر إلى مقاربة حتمية للبرمجة لإلقاء الضوء على المواضع التي قد تواجهك فيها. في اللغة الإنجليزية (والعديد من اللغات الأخرى) ، يتم استخدام الفعل الحتمي لإعطاء الأوامر. وبالمثل ، فإن أسلوبًا إلزاميًا في البرمجة هو أسلوب يمنح الكمبيوتر مجموعة من العبارات لتنفيذ مهمة ما. غالبًا ما تؤدي العبارات إلى تغيير حالة البرنامج ، مثل تحديث المتغيرات العامة. المثال الكلاسيكي هو كتابة حلقة <code>for</code> والتي تعطي اتجاهات دقيقة لتكرارها فوق مؤشرات الصفيف. وفي المقابل ، تعد البرمجة الوظيفية شكلاً من أشكال البرمجة التعريفية. تخبر الكمبيوتر بما تريد القيام به عن طريق استدعاء طريقة أو وظيفة. تقدم JavaScript العديد من الطرق المحددة مسبقًا التي تتعامل مع المهام الشائعة ، لذا لا تحتاج إلى كتابة طريقة أداء الكمبيوتر لها. على سبيل المثال، بدلا من استخدام <code>for</code> حلقة المذكورة أعلاه، يمكن استدعاء <code>map</code> الطريقة التي يعالج تفاصيل بالتكرار عبر صفيف. يساعد هذا في تجنب الأخطاء الدلالية ، مثل &quot;Off By One Errors&quot; التي تمت تغطيتها في قسم التصحيح. فكر في السيناريو: أنت تتصفح الويب في متصفحك وتريد تتبع علامات التبويب التي فتحتها. دعونا نحاول هذا النموذج باستخدام بعض التعليمات البرمجية بسيطة وجوه المنحى. يتكون كائن إطار من علامات التبويب ، وعادة ما يكون لديك أكثر من نافذة مفتوحة. يتم الاحتفاظ بعناوين كل موقع مفتوح في كل كائن نافذة في مصفوفة. بعد العمل في المستعرض (فتح علامات تبويب جديدة ، ودمج النوافذ ، وعلامات الإغلاق) ، تريد طباعة علامات التبويب التي لا تزال مفتوحة. تتم إزالة علامات التبويب المغلقة من الصفيف وتضاف علامات التبويب الجديدة (للبساطة) إلى نهايتها. يعرض محرر التعليمة البرمجية تطبيقًا لهذه الوظيفة بوظائف <code>tabOpen()</code> و <code>tabClose()</code> و <code>join()</code> . تعتبر <code>tabs</code> الصفائف جزءًا من كائن الإطار الذي يخزن اسم الصفحات المفتوحة. <h4 style=";text-align:right;direction:rtl"> تعليمات </h4><h4 style=";text-align:right;direction:rtl"> قم بتشغيل الكود في المحرر. إنها تستخدم طريقة لها آثار جانبية في البرنامج ، مما يتسبب في إخراج غير صحيح. يجب أن تكون القائمة النهائية لعلامات التبويب المفتوحة <code>[&#39;FB&#39;, &#39;Gitter&#39;, &#39;Reddit&#39;, &#39;Twitter&#39;, &#39;Medium&#39;, &#39;new tab&#39;, &#39;Netflix&#39;, &#39;YouTube&#39;, &#39;Vine&#39;, &#39;GMail&#39;, &#39;Work mail&#39;, &#39;Docs&#39;, &#39;freeCodeCamp&#39;, &#39;new tab&#39;]</code> ولكن الإخراج سيكون مختلفًا بعض الشيء. اعمل من خلال الشفرة واكتشف ما إذا كان يمكنك معرفة المشكلة ، ثم تقدم إلى التحدي التالي لمعرفة المزيد. </h4></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(true, "Move ahead to understand the error.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// tabs is an array of titles of each site open within the window
+var Window = function(tabs) {
+  this.tabs = tabs; // we keep a record of the array inside the object
+};
+
+// When you join two windows into one window
+Window.prototype.join = function (otherWindow) {
+  this.tabs = this.tabs.concat(otherWindow.tabs);
+  return this;
+};
+
+// When you open a new tab at the end
+Window.prototype.tabOpen = function (tab) {
+  this.tabs.push('new tab'); // let's open a new tab for now
+  return this;
+};
+
+// When you close a tab
+Window.prototype.tabClose = function (index) {
+  var tabsBeforeIndex = this.tabs.splice(0, index); // get the tabs before the tab
+  var tabsAfterIndex = this.tabs.splice(index); // get the tabs after the tab
+
+  this.tabs = tabsBeforeIndex.concat(tabsAfterIndex); // join them together
+  return this;
+ };
+
+// Let's create three browser windows
+var workWindow = new Window(['GMail', 'Inbox', 'Work mail', 'Docs', 'freeCodeCamp']); // Your mailbox, drive, and other work sites
+var socialWindow = new Window(['FB', 'Gitter', 'Reddit', 'Twitter', 'Medium']); // Social sites
+var videoWindow = new Window(['Netflix', 'YouTube', 'Vimeo', 'Vine']); //  Entertainment sites
+
+// Now perform the tab opening, closing, and other operations
+var finalTabs = socialWindow
+                    .tabOpen() // Open a new tab for cat memes
+                    .join(videoWindow.tabClose(2)) // Close third tab in video window, and join
+                    .join(workWindow.tabClose(1).tabOpen());
+
+alert(finalTabs.tabs);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.arabic.md
new file mode 100644
index 0000000000..1fbb4450d6
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.arabic.md
@@ -0,0 +1,61 @@
+---
+id: 587d7dab367417b2b2512b6e
+title: Use the every Method to Check that Every Element in an Array Meets a Criteria
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/\.every/g), "Your code should use the <code>every</code> method.");'
+  - text: ''
+    testString: 'assert(!checkPositive([1, 2, 3, -4, 5]), "<code>checkPositive([1, 2, 3, -4, 5])</code> should return <code>false</code>.");'
+  - text: ''
+    testString: 'assert(checkPositive([1, 2, 3, 4, 5]), "<code>checkPositive([1, 2, 3, 4, 5])</code> should return <code>true</code>.");'
+  - text: ''
+    testString: 'assert(!checkPositive([1, -2, 3, -4, 5]), "<code>checkPositive([1, -2, 3, -4, 5])</code> should return <code>false</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkPositive(arr) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+checkPositive([1, 2, 3, -4, 5]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/use-the-filter-method-to-extract-data-from-an-array.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/use-the-filter-method-to-extract-data-from-an-array.arabic.md
new file mode 100644
index 0000000000..8c6a100e43
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/use-the-filter-method-to-extract-data-from-an-array.arabic.md
@@ -0,0 +1,175 @@
+---
+id: 587d7b8f367417b2b2512b63
+title: Use the filter Method to Extract Data from an Array
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(watchList[0].Title === "Inception" && watchList[4].Director == "James Cameron", "The <code>watchList</code> variable should not change.");'
+  - text: ''
+    testString: 'assert(code.match(/\.filter/g), "Your code should use the <code>filter</code> method.");'
+  - text: ''
+    testString: 'assert(!code.match(/for\s*?\(.+?\)/g), "Your code should not use a <code>for</code> loop.");'
+  - text: ''
+    testString: 'assert.deepEqual(filteredList, [{"title": "Inception","rating": "8.8"},{"title": "Interstellar","rating": "8.6"},{"title": "The Dark Knight","rating": "9.0"},{"title": "Batman Begins","rating": "8.3"}], "<code>filteredList</code> should equal <code>[{"title": "Inception","rating": "8.8"},{"title": "Interstellar","rating": "8.6"},{"title": "The Dark Knight","rating": "9.0"},{"title": "Batman Begins","rating": "8.3"}]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var watchList = [
+                 {
+                   "Title": "Inception",
+                   "Year": "2010",
+                   "Rated": "PG-13",
+                   "Released": "16 Jul 2010",
+                   "Runtime": "148 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Christopher Nolan",
+                   "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Ellen Page, Tom Hardy",
+                   "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+                   "Language": "English, Japanese, French",
+                   "Country": "USA, UK",
+                   "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.8",
+                   "imdbVotes": "1,446,708",
+                   "imdbID": "tt1375666",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Interstellar",
+                   "Year": "2014",
+                   "Rated": "PG-13",
+                   "Released": "07 Nov 2014",
+                   "Runtime": "169 min",
+                   "Genre": "Adventure, Drama, Sci-Fi",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan, Christopher Nolan",
+                   "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+                   "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+                   "Language": "English",
+                   "Country": "USA, UK",
+                   "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.6",
+                   "imdbVotes": "910,366",
+                   "imdbID": "tt0816692",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "The Dark Knight",
+                   "Year": "2008",
+                   "Rated": "PG-13",
+                   "Released": "18 Jul 2008",
+                   "Runtime": "152 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+                   "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+                   "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+                   "Language": "English, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+                   "Metascore": "82",
+                   "imdbRating": "9.0",
+                   "imdbVotes": "1,652,832",
+                   "imdbID": "tt0468569",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Batman Begins",
+                   "Year": "2005",
+                   "Rated": "PG-13",
+                   "Released": "15 Jun 2005",
+                   "Runtime": "140 min",
+                   "Genre": "Action, Adventure",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+                   "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+                   "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+                   "Language": "English, Urdu, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+                   "Metascore": "70",
+                   "imdbRating": "8.3",
+                   "imdbVotes": "972,584",
+                   "imdbID": "tt0372784",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Avatar",
+                   "Year": "2009",
+                   "Rated": "PG-13",
+                   "Released": "18 Dec 2009",
+                   "Runtime": "162 min",
+                   "Genre": "Action, Adventure, Fantasy",
+                   "Director": "James Cameron",
+                   "Writer": "James Cameron",
+                   "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+                   "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+                   "Language": "English, Spanish",
+                   "Country": "USA, UK",
+                   "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+                   "Metascore": "83",
+                   "imdbRating": "7.9",
+                   "imdbVotes": "876,575",
+                   "imdbID": "tt0499549",
+                   "Type": "movie",
+                   "Response": "True"
+                }
+];
+
+// Add your code below this line
+
+var filteredList;
+
+// Add your code above this line
+
+console.log(filteredList);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/use-the-map-method-to-extract-data-from-an-array.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/use-the-map-method-to-extract-data-from-an-array.arabic.md
new file mode 100644
index 0000000000..c88ee66f21
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/use-the-map-method-to-extract-data-from-an-array.arabic.md
@@ -0,0 +1,178 @@
+---
+id: 587d7b8f367417b2b2512b61
+title: Use the map Method to Extract Data from an Array
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(watchList[0].Title === "Inception" && watchList[4].Director == "James Cameron", "The <code>watchList</code> variable should not change.");'
+  - text: ''
+    testString: 'assert(!code.match(/for\s*?\(.+?\)/g), "Your code should not use a <code>for</code> loop.");'
+  - text: ''
+    testString: 'assert(code.match(/\.map/g), "Your code should use the <code>map</code> method.");'
+  - text: ''
+    testString: 'assert(JSON.stringify(rating) === JSON.stringify([{"title":"Inception","rating":"8.8"},{"title":"Interstellar","rating":"8.6"},{"title":"The Dark Knight","rating":"9.0"},{"title":"Batman Begins","rating":"8.3"},{"title":"Avatar","rating":"7.9"}]), "<code>rating</code> should equal <code>[{"title":"Inception","rating":"8.8"},{"title":"Interstellar","rating":"8.6"},{"title":"The Dark Knight","rating":"9.0"},{"title":"Batman Begins","rating":"8.3"},{"title":"Avatar","rating":"7.9"}]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var watchList = [
+                 {
+                   "Title": "Inception",
+                   "Year": "2010",
+                   "Rated": "PG-13",
+                   "Released": "16 Jul 2010",
+                   "Runtime": "148 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Christopher Nolan",
+                   "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Ellen Page, Tom Hardy",
+                   "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+                   "Language": "English, Japanese, French",
+                   "Country": "USA, UK",
+                   "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.8",
+                   "imdbVotes": "1,446,708",
+                   "imdbID": "tt1375666",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Interstellar",
+                   "Year": "2014",
+                   "Rated": "PG-13",
+                   "Released": "07 Nov 2014",
+                   "Runtime": "169 min",
+                   "Genre": "Adventure, Drama, Sci-Fi",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan, Christopher Nolan",
+                   "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+                   "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+                   "Language": "English",
+                   "Country": "USA, UK",
+                   "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.6",
+                   "imdbVotes": "910,366",
+                   "imdbID": "tt0816692",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "The Dark Knight",
+                   "Year": "2008",
+                   "Rated": "PG-13",
+                   "Released": "18 Jul 2008",
+                   "Runtime": "152 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+                   "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+                   "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+                   "Language": "English, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+                   "Metascore": "82",
+                   "imdbRating": "9.0",
+                   "imdbVotes": "1,652,832",
+                   "imdbID": "tt0468569",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Batman Begins",
+                   "Year": "2005",
+                   "Rated": "PG-13",
+                   "Released": "15 Jun 2005",
+                   "Runtime": "140 min",
+                   "Genre": "Action, Adventure",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+                   "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+                   "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+                   "Language": "English, Urdu, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+                   "Metascore": "70",
+                   "imdbRating": "8.3",
+                   "imdbVotes": "972,584",
+                   "imdbID": "tt0372784",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Avatar",
+                   "Year": "2009",
+                   "Rated": "PG-13",
+                   "Released": "18 Dec 2009",
+                   "Runtime": "162 min",
+                   "Genre": "Action, Adventure, Fantasy",
+                   "Director": "James Cameron",
+                   "Writer": "James Cameron",
+                   "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+                   "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+                   "Language": "English, Spanish",
+                   "Country": "USA, UK",
+                   "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+                   "Metascore": "83",
+                   "imdbRating": "7.9",
+                   "imdbVotes": "876,575",
+                   "imdbID": "tt0499549",
+                   "Type": "movie",
+                   "Response": "True"
+                }
+];
+
+// Add your code below this line
+
+var rating = [];
+for(var i=0; i < watchList.length; i++){
+  rating.push({title: watchList[i]["Title"],  rating: watchList[i]["imdbRating"]});
+}
+
+// Add your code above this line
+
+console.log(rating);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/use-the-reduce-method-to-analyze-data.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/use-the-reduce-method-to-analyze-data.arabic.md
new file mode 100644
index 0000000000..642e8d394b
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/use-the-reduce-method-to-analyze-data.arabic.md
@@ -0,0 +1,175 @@
+---
+id: 587d7da9367417b2b2512b68
+title: Use the reduce Method to Analyze Data
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(watchList[0].Title === "Inception" && watchList[4].Director == "James Cameron", "The <code>watchList</code> variable should not change.");'
+  - text: ''
+    testString: 'assert(code.match(/\.reduce/g), "Your code should use the <code>reduce</code> method.");'
+  - text: ''
+    testString: 'assert(averageRating == 8.675, "The <code>averageRating</code> should equal 8.675.");'
+  - text: ''
+    testString: 'assert(!code.match(/for\s*?\(.*\)/g), "Your code should not use a <code>for</code> loop.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var watchList = [
+                 {
+                   "Title": "Inception",
+                   "Year": "2010",
+                   "Rated": "PG-13",
+                   "Released": "16 Jul 2010",
+                   "Runtime": "148 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Christopher Nolan",
+                   "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Ellen Page, Tom Hardy",
+                   "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+                   "Language": "English, Japanese, French",
+                   "Country": "USA, UK",
+                   "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.8",
+                   "imdbVotes": "1,446,708",
+                   "imdbID": "tt1375666",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Interstellar",
+                   "Year": "2014",
+                   "Rated": "PG-13",
+                   "Released": "07 Nov 2014",
+                   "Runtime": "169 min",
+                   "Genre": "Adventure, Drama, Sci-Fi",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan, Christopher Nolan",
+                   "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+                   "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+                   "Language": "English",
+                   "Country": "USA, UK",
+                   "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.6",
+                   "imdbVotes": "910,366",
+                   "imdbID": "tt0816692",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "The Dark Knight",
+                   "Year": "2008",
+                   "Rated": "PG-13",
+                   "Released": "18 Jul 2008",
+                   "Runtime": "152 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+                   "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+                   "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+                   "Language": "English, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+                   "Metascore": "82",
+                   "imdbRating": "9.0",
+                   "imdbVotes": "1,652,832",
+                   "imdbID": "tt0468569",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Batman Begins",
+                   "Year": "2005",
+                   "Rated": "PG-13",
+                   "Released": "15 Jun 2005",
+                   "Runtime": "140 min",
+                   "Genre": "Action, Adventure",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+                   "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+                   "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+                   "Language": "English, Urdu, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+                   "Metascore": "70",
+                   "imdbRating": "8.3",
+                   "imdbVotes": "972,584",
+                   "imdbID": "tt0372784",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Avatar",
+                   "Year": "2009",
+                   "Rated": "PG-13",
+                   "Released": "18 Dec 2009",
+                   "Runtime": "162 min",
+                   "Genre": "Action, Adventure, Fantasy",
+                   "Director": "James Cameron",
+                   "Writer": "James Cameron",
+                   "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+                   "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+                   "Language": "English, Spanish",
+                   "Country": "USA, UK",
+                   "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+                   "Metascore": "83",
+                   "imdbRating": "7.9",
+                   "imdbVotes": "876,575",
+                   "imdbID": "tt0499549",
+                   "Type": "movie",
+                   "Response": "True"
+                }
+];
+
+// Add your code below this line
+
+var averageRating;
+
+// Add your code above this line
+
+console.log(averageRating);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.arabic.md
new file mode 100644
index 0000000000..da1492f257
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/functional-programming/use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.arabic.md
@@ -0,0 +1,61 @@
+---
+id: 587d7dab367417b2b2512b6f
+title: Use the some Method to Check that Any Elements in an Array Meet a Criteria
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/\.some/g), "Your code should use the <code>some</code> method.");'
+  - text: ''
+    testString: 'assert(checkPositive([1, 2, 3, -4, 5]), "<code>checkPositive([1, 2, 3, -4, 5])</code> should return <code>true</code>.");'
+  - text: ''
+    testString: 'assert(checkPositive([1, 2, 3, 4, 5]), "<code>checkPositive([1, 2, 3, 4, 5])</code> should return <code>true</code>.");'
+  - text: ''
+    testString: 'assert(!checkPositive([-1, -2, -3, -4, -5]), "<code>checkPositive([-1, -2, -3, -4, -5])</code> should return <code>false</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkPositive(arr) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+checkPositive([1, 2, 3, -4, 5]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/arguments-optional.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/arguments-optional.arabic.md
new file mode 100644
index 0000000000..fcea3bf44c
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/arguments-optional.arabic.md
@@ -0,0 +1,63 @@
+---
+id: a97fd23d9b809dac9921074f
+title: Arguments Optional
+isRequired: true
+challengeType: 5
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/arguments-optional'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.deepEqual(addTogether(2, 3), 5, "<code>addTogether(2, 3)</code> should return 5.");'
+  - text: ''
+    testString: 'assert.deepEqual(addTogether(2)(3), 5, "<code>addTogether(2)(3)</code> should return 5.");'
+  - text: ''
+    testString: 'assert.isUndefined(addTogether("http://bit.ly/IqT6zt"), "<code>addTogether("http://bit.ly/IqT6zt")</code> should return undefined.");'
+  - text: ''
+    testString: 'assert.isUndefined(addTogether(2, "3"), "<code>addTogether(2, "3")</code> should return undefined.");'
+  - text: ''
+    testString: 'assert.isUndefined(addTogether(2)([3]), "<code>addTogether(2)([3])</code> should return undefined.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function addTogether() {
+  return false;
+}
+
+addTogether(2,3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/binary-agents.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/binary-agents.arabic.md
new file mode 100644
index 0000000000..8cd78bda61
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/binary-agents.arabic.md
@@ -0,0 +1,56 @@
+---
+id: a8d97bd4c764e91f9d2bda01
+title: Binary Agents
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.deepEqual(binaryAgent("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111"), "Aren"t bonfires fun!?", "<code>binaryAgent("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111")</code> should return "Aren&#39;t bonfires fun!?"");'
+  - text: ''
+    testString: 'assert.deepEqual(binaryAgent("01001001 00100000 01101100 01101111 01110110 01100101 00100000 01000110 01110010 01100101 01100101 01000011 01101111 01100100 01100101 01000011 01100001 01101101 01110000 00100001"), "I love FreeCodeCamp!", "<code>binaryAgent("01001001 00100000 01101100 01101111 01110110 01100101 00100000 01000110 01110010 01100101 01100101 01000011 01101111 01100100 01100101 01000011 01100001 01101101 01110000 00100001")</code> should return "I love FreeCodeCamp!"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function binaryAgent(str) {
+  return str;
+}
+
+binaryAgent("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.arabic.md
new file mode 100644
index 0000000000..c36974151a
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.arabic.md
@@ -0,0 +1,67 @@
+---
+id: a6b0bb188d873cb2c8729495
+title: Convert HTML Entities
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.match(convertHTML("Dolce & Gabbana"), /Dolce &amp; Gabbana/, "<code>convertHTML("Dolce & Gabbana")</code> should return <code>Dolce &&#8203;amp; Gabbana</code>.");'
+  - text: ''
+    testString: 'assert.match(convertHTML("Hamburgers < Pizza < Tacos"), /Hamburgers &lt; Pizza &lt; Tacos/, "<code>convertHTML("Hamburgers < Pizza < Tacos")</code> should return <code>Hamburgers &&#8203;lt; Pizza &&#8203;lt; Tacos</code>.");'
+  - text: ''
+    testString: 'assert.match(convertHTML("Sixty > twelve"), /Sixty &gt; twelve/, "<code>convertHTML("Sixty > twelve")</code> should return <code>Sixty &&#8203;gt; twelve</code>.");'
+  - text: ''
+    testString: 'assert.match(convertHTML("Stuff in "quotation marks""), /Stuff in &quot;quotation marks&quot;/, "<code>convertHTML(&apos;Stuff in "quotation marks"&apos;)</code> should return <code>Stuff in &&#8203;quot;quotation marks&&#8203;quot;</code>.");'
+  - text: ''
+    testString: 'assert.match(convertHTML("Schindler"s List"), /Schindler&apos;s List/, "<code>convertHTML("Schindler&apos;s List")</code> should return <code>Schindler&&#8203;apos;s List</code>.");'
+  - text: ''
+    testString: 'assert.match(convertHTML("<>"), /&lt;&gt;/, "<code>convertHTML("<>")</code> should return <code>&&#8203;lt;&&#8203;gt;</code>.");'
+  - text: ''
+    testString: 'assert.strictEqual(convertHTML("abc"), "abc", "<code>convertHTML("abc")</code> should return <code>abc</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertHTML(str) {
+  // &colon;&rpar;
+  return str;
+}
+
+convertHTML("Dolce & Gabbana");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/diff-two-arrays.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/diff-two-arrays.arabic.md
new file mode 100644
index 0000000000..2375f3a146
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/diff-two-arrays.arabic.md
@@ -0,0 +1,84 @@
+---
+id: a5de63ebea8dbee56860f4f2
+title: Diff Two Arrays
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]) === "object", "<code>diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5])</code> should return an array.");'
+  - text: ''
+    testString: 'assert.sameMembers(diffArray(["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]), ["pink wool"], "<code>["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]</code> should return <code>["pink wool"]</code>.");'
+  - text: ''
+    testString: 'assert(diffArray(["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]).length === 1, "<code>["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]</code> should return an array with one item.");'
+  - text: ''
+    testString: 'assert.sameMembers(diffArray(["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]), ["diorite", "pink wool"], "<code>["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]</code> should return <code>["diorite", "pink wool"]</code>.");'
+  - text: ''
+    testString: 'assert(diffArray(["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]).length === 2, "<code>["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]</code> should return an array with two items.");'
+  - text: ''
+    testString: 'assert.sameMembers(diffArray(["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]), [], "<code>["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]</code> should return <code>[]</code>.");'
+  - text: ''
+    testString: 'assert(diffArray(["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]).length === 0, "<code>["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]</code> should return an empty array.");'
+  - text: ''
+    testString: 'assert.sameMembers(diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]), [4], "<code>[1, 2, 3, 5], [1, 2, 3, 4, 5]</code> should return <code>[4]</code>.");'
+  - text: ''
+    testString: 'assert(diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]).length  === 1, "<code>[1, 2, 3, 5], [1, 2, 3, 4, 5]</code> should return an array with one item.");'
+  - text: ''
+    testString: 'assert.sameMembers(diffArray([1, "calf", 3, "piglet"], [1, "calf", 3, 4]), ["piglet", 4], "<code>[1, "calf", 3, "piglet"], [1, "calf", 3, 4]</code> should return <code>["piglet", 4]</code>.");'
+  - text: ''
+    testString: 'assert(diffArray([1, "calf", 3, "piglet"], [1, "calf", 3, 4]).length === 2, "<code>[1, "calf", 3, "piglet"], [1, "calf", 3, 4]</code> should return an array with two items.");'
+  - text: ''
+    testString: 'assert.sameMembers(diffArray([], ["snuffleupagus", "cookie monster", "elmo"]), ["snuffleupagus", "cookie monster", "elmo"], "<code>[], ["snuffleupagus", "cookie monster", "elmo"]</code> should return <code>["snuffleupagus", "cookie monster", "elmo"]</code>.");'
+  - text: 'يجب أن ترجع <code>[], [&quot;snuffleupagus&quot;, &quot;cookie monster&quot;, &quot;elmo&quot;]</code> صفيفًا يحتوي على ثلاثة عناصر.'
+    testString: 'assert(diffArray([], ["snuffleupagus", "cookie monster", "elmo"]).length === 3, "<code>[], ["snuffleupagus", "cookie monster", "elmo"]</code> should return an array with three items.");'
+  - text: '<code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;], [7, &quot;filly&quot;]</code> يجب أن تعود <code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;, 7, &quot;filly&quot;]</code> .'
+    testString: 'assert.sameMembers(diffArray([1, "calf", 3, "piglet"], [7, "filly"]), [1, "calf", 3, "piglet", 7, "filly"], "<code>[1, "calf", 3, "piglet"], [7, "filly"]</code> should return <code>[1, "calf", 3, "piglet", 7, "filly"]</code>.");'
+  - text: '<code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;], [7, &quot;filly&quot;]</code> يجب أن يعرض مصفوفة تحتوي على ستة عناصر.'
+    testString: 'assert(diffArray([1, "calf", 3, "piglet"], [7, "filly"]).length === 6, "<code>[1, "calf", 3, "piglet"], [7, "filly"]</code> should return an array with six items.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function diffArray(arr1, arr2) {
+  var newArr = [];
+  // Same, same; but different.
+  return newArr;
+}
+
+diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.arabic.md
new file mode 100644
index 0000000000..87755c478a
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.arabic.md
@@ -0,0 +1,59 @@
+---
+id: afd15382cdfb22c9efe8b7de
+title: DNA Pairing
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: الحمض النووي الاقتران
+---
+
+## Description
+<section id="description"> يفتقد حبل الحمض النووي عنصر الإقران. تأخذ كل حرف ، والحصول على زوجها ، وإرجاع النتائج كصفيف 2D. <a href="http://en.wikipedia.org/wiki/Base_pair" target="_blank">أزواج القاعدة</a> هي زوج من AT و CG. تطابق العنصر المفقود مع الحرف المتوفر. قم بإرجاع الحرف المتوفر كعنصر الأول في كل صفيف. على سبيل المثال ، بالنسبة إلى مدخل GCG ، أرجع [[&quot;&quot; G &quot;،&quot; C &quot;] ، [&quot; C &quot;،&quot; G &quot;] ، [&quot; G &quot;،&quot; C &quot;]] يتم إقران الحرف وزوجه في صفيف ، ويتم تجميع جميع المصفوفات في صفيف تغليف واحد. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن يعيد <code>pairElement(&quot;ATCGA&quot;)</code> <code>[[&quot;A&quot;,&quot;T&quot;],[&quot;T&quot;,&quot;A&quot;],[&quot;C&quot;,&quot;G&quot;],[&quot;G&quot;,&quot;C&quot;],[&quot;A&quot;,&quot;T&quot;]]</code> .'
+    testString: 'assert.deepEqual(pairElement("ATCGA"),[["A","T"],["T","A"],["C","G"],["G","C"],["A","T"]], "<code>pairElement("ATCGA")</code> should return <code>[["A","T"],["T","A"],["C","G"],["G","C"],["A","T"]]</code>.");'
+  - text: 'يجب أن يعيد <code>pairElement(&quot;TTGAG&quot;)</code> <code>[[&quot;T&quot;,&quot;A&quot;],[&quot;T&quot;,&quot;A&quot;],[&quot;G&quot;,&quot;C&quot;],[&quot;A&quot;,&quot;T&quot;],[&quot;G&quot;,&quot;C&quot;]]</code> .'
+    testString: 'assert.deepEqual(pairElement("TTGAG"),[["T","A"],["T","A"],["G","C"],["A","T"],["G","C"]], "<code>pairElement("TTGAG")</code> should return <code>[["T","A"],["T","A"],["G","C"],["A","T"],["G","C"]]</code>.");'
+  - text: 'يجب أن تعيد <code>pairElement(&quot;CTCTA&quot;)</code> <code>[[&quot;C&quot;,&quot;G&quot;],[&quot;T&quot;,&quot;A&quot;],[&quot;C&quot;,&quot;G&quot;],[&quot;T&quot;,&quot;A&quot;],[&quot;A&quot;,&quot;T&quot;]]</code> .'
+    testString: 'assert.deepEqual(pairElement("CTCTA"),[["C","G"],["T","A"],["C","G"],["T","A"],["A","T"]], "<code>pairElement("CTCTA")</code> should return <code>[["C","G"],["T","A"],["C","G"],["T","A"],["A","T"]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pairElement(str) {
+  return str;
+}
+
+pairElement("GCG");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/drop-it.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/drop-it.arabic.md
new file mode 100644
index 0000000000..7a0dfad58d
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/drop-it.arabic.md
@@ -0,0 +1,66 @@
+---
+id: a5deed1811a43193f9f1c841
+title: Drop it
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: أسقطها
+---
+
+## Description
+<section id="description"> بالنظر إلى صفيف <code>arr</code> ، قم بالتمرير عبر كل عنصر بدءًا من العنصر الأول (مؤشر 0) وإزالته إلى أن تعود الدالة <code>func</code> إلى <code>true</code> عند تمرير العنصر المتكرر عبرها. ثم أعد بقية المصفوفة بمجرد استيفاء الشرط ، وإلا ، يجب إرجاع <code>arr</code> كصفيف فارغ. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>dropElements([1, 2, 3, 4], function(n) {return n &gt;= 3;})</code> return <code>[3, 4]</code> .'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3, 4], function(n) {return n >= 3;}), [3, 4], "<code>dropElements([1, 2, 3, 4], function(n) {return n >= 3;})</code> should return <code>[3, 4]</code>.");'
+  - text: '<code>dropElements([0, 1, 0, 1], function(n) {return n === 1;})</code> بإرجاع <code>[1, 0, 1]</code> .'
+    testString: 'assert.deepEqual(dropElements([0, 1, 0, 1], function(n) {return n === 1;}), [1, 0, 1], "<code>dropElements([0, 1, 0, 1], function(n) {return n === 1;})</code> should return <code>[1, 0, 1]</code>.");'
+  - text: '<code>dropElements([1, 2, 3], function(n) {return n &gt; 0;})</code> return <code>[1, 2, 3]</code> .'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3], function(n) {return n > 0;}), [1, 2, 3], "<code>dropElements([1, 2, 3], function(n) {return n > 0;})</code> should return <code>[1, 2, 3]</code>.");'
+  - text: '<code>dropElements([1, 2, 3, 4], function(n) {return n &gt; 5;})</code> return <code>[]</code> .'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3, 4], function(n) {return n > 5;}), [], "<code>dropElements([1, 2, 3, 4], function(n) {return n > 5;})</code> should return <code>[]</code>.");'
+  - text: '<code>dropElements([1, 2, 3, 7, 4], function(n) {return n &gt; 3;})</code> يجب أن تعود <code>[7, 4]</code> .'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3, 7, 4], function(n) {return n > 3;}), [7, 4], "<code>dropElements([1, 2, 3, 7, 4], function(n) {return n > 3;})</code> should return <code>[7, 4]</code>.");'
+  - text: '<code>dropElements([1, 2, 3, 9, 2], function(n) {return n &gt; 2;})</code> يجب أن تعود <code>[3, 9, 2]</code> .'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3, 9, 2], function(n) {return n > 2;}), [3, 9, 2], "<code>dropElements([1, 2, 3, 9, 2], function(n) {return n > 2;})</code> should return <code>[3, 9, 2]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function dropElements(arr, func) {
+  // Drop them elements.
+  return arr;
+}
+
+dropElements([1, 2, 3], function(n) {return n < 3; });
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/everything-be-true.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/everything-be-true.arabic.md
new file mode 100644
index 0000000000..f2c0e0f329
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/everything-be-true.arabic.md
@@ -0,0 +1,72 @@
+---
+id: a10d2431ad0c6a099a4b8b52
+title: Everything Be True
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: كل شيء يكون حقيقة
+---
+
+## Description
+<section id="description"> تحقق مما إذا كان المسند (الوسيطة الثانية) <dfn>صحيحًا</dfn> في جميع عناصر المجموعة (الوسيطة الأولى). بمعنى آخر ، يتم منحك مجموعة من الكائنات. المسند <code>pre</code> ستكون خاصية الكائن وتحتاج للعودة <code>true</code> إذا قيمتها <code>truthy</code> . خلاف ذلك ، تعود <code>false</code> . في JavaScript ، القيم <code>truthy</code> هي القيم التي تترجم إلى <code>true</code> عند تقييمها في سياق Boolean. تذكر ، يمكنك الوصول إلى خصائص الكائن من خلال أي نقطة ترقيم أو <code>[]</code> تدوين. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>truthCheck([{&quot;user&quot;: &quot;Tinky-Winky&quot;, &quot;sex&quot;: &quot;male&quot;}, {&quot;user&quot;: &quot;Dipsy&quot;, &quot;sex&quot;: &quot;male&quot;}, {&quot;user&quot;: &quot;Laa-Laa&quot;, &quot;sex&quot;: &quot;female&quot;}, {&quot;user&quot;: &quot;Po&quot;, &quot;sex&quot;: &quot;female&quot;}], &quot;sex&quot;)</code> يجب أن تعود إلى true.'
+    testString: 'assert.strictEqual(truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex"), true, "<code>truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex")</code> should return true.");'
+  - text: '<code>truthCheck([{&quot;user&quot;: &quot;Tinky-Winky&quot;, &quot;sex&quot;: &quot;male&quot;}, {&quot;user&quot;: &quot;Dipsy&quot;}, {&quot;user&quot;: &quot;Laa-Laa&quot;, &quot;sex&quot;: &quot;female&quot;}, {&quot;user&quot;: &quot;Po&quot;, &quot;sex&quot;: &quot;female&quot;}], &quot;sex&quot;)</code> يجب أن تعرض خطأ.'
+    testString: 'assert.strictEqual(truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex"), false, "<code>truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex")</code> should return false.");'
+  - text: '<code>truthCheck([{&quot;user&quot;: &quot;Tinky-Winky&quot;, &quot;sex&quot;: &quot;male&quot;, &quot;age&quot;: 0}, {&quot;user&quot;: &quot;Dipsy&quot;, &quot;sex&quot;: &quot;male&quot;, &quot;age&quot;: 3}, {&quot;user&quot;: &quot;Laa-Laa&quot;, &quot;sex&quot;: &quot;female&quot;, &quot;age&quot;: 5}, {&quot;user&quot;: &quot;Po&quot;, &quot;sex&quot;: &quot;female&quot;, &quot;age&quot;: 4}], &quot;age&quot;)</code> يجب أن ترجع false.'
+    testString: 'assert.strictEqual(truthCheck([{"user": "Tinky-Winky", "sex": "male", "age": 2}, {"user": "Dipsy", "sex": "male", "age": 0}, {"user": "Laa-Laa", "sex": "female", "age": 5}, {"user": "Po", "sex": "female", "age": 4}], "age"), false, "<code>truthCheck([{"user": "Tinky-Winky", "sex": "male", "age": 0}, {"user": "Dipsy", "sex": "male", "age": 3}, {"user": "Laa-Laa", "sex": "female", "age": 5}, {"user": "Po", "sex": "female", "age": 4}], "age")</code> should return false.");'
+  - text: '<code>truthCheck([{&quot;name&quot;: &quot;Pete&quot;, &quot;onBoat&quot;: true}, {&quot;name&quot;: &quot;Repeat&quot;, &quot;onBoat&quot;: true}, {&quot;name&quot;: &quot;FastFoward&quot;, &quot;onBoat&quot;: null}], &quot;onBoat&quot;)</code> يجب أن تعرض خطأ'
+    testString: 'assert.strictEqual(truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true}, {"name": "FastFoward", "onBoat": null}], "onBoat"), false, "<code>truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true}, {"name": "FastFoward", "onBoat": null}], "onBoat")</code> should return false");'
+  - text: ''
+    testString: 'assert.strictEqual(truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true, "alias": "Repete"}, {"name": "FastFoward", "onBoat": true}], "onBoat"), true, "<code>truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true, "alias": "Repete"}, {"name": "FastFoward", "onBoat": true}], "onBoat")</code> should return true");'
+  - text: ''
+    testString: 'assert.strictEqual(truthCheck([{"single": "yes"}], "single"), true, "<code>truthCheck([{"single": "yes"}], "single")</code> should return true");'
+  - text: ''
+    testString: 'assert.strictEqual(truthCheck([{"single": ""}, {"single": "double"}], "single"), false, "<code>truthCheck([{"single": ""}, {"single": "double"}], "single")</code> should return false");'
+  - text: ''
+    testString: 'assert.strictEqual(truthCheck([{"single": "double"}, {"single": undefined}], "single"), false, "<code>truthCheck([{"single": "double"}, {"single": undefined}], "single")</code> should return false");'
+  - text: ''
+    testString: 'assert.strictEqual(truthCheck([{"single": "double"}, {"single": NaN}], "single"), false, "<code>truthCheck([{"single": "double"}, {"single": NaN}], "single")</code> should return false");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function truthCheck(collection, pre) {
+  // Is everyone being true?
+  return pre;
+}
+
+truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/make-a-person.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/make-a-person.arabic.md
new file mode 100644
index 0000000000..281965fc08
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/make-a-person.arabic.md
@@ -0,0 +1,81 @@
+---
+id: a2f1d72d9b908d0bd72bb9f6
+title: Make a Person
+challengeType: 5
+videoUrl: ''
+localeTitle: اصنع شخصا
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن ترجع <code>Object.keys(bob).length</code> 6.
+    testString: 'assert.deepEqual(Object.keys(bob).length, 6, "<code>Object.keys(bob).length</code> should return 6.");'
+  - text: ''
+    testString: 'assert.deepEqual(bob instanceof Person, true, "<code>bob instanceof Person</code> should return true.");'
+  - text: يجب أن يقوم <code>bob.firstName</code> بإرجاع غير معرفة.
+    testString: 'assert.deepEqual(bob.firstName, undefined, "<code>bob.firstName</code> should return undefined.");'
+  - text: يجب أن يقوم <code>bob.lastName</code> بإرجاع undefined.
+    testString: 'assert.deepEqual(bob.lastName, undefined, "<code>bob.lastName</code> should return undefined.");'
+  - text: يجب أن يقوم <code>bob.getFirstName()</code> بإرجاع &quot;Bob&quot;.
+    testString: 'assert.deepEqual(bob.getFirstName(), "Bob", "<code>bob.getFirstName()</code> should return "Bob".");'
+  - text: يجب أن يقوم <code>bob.getLastName()</code> بإرجاع &quot;Ross&quot;.
+    testString: 'assert.deepEqual(bob.getLastName(), "Ross", "<code>bob.getLastName()</code> should return "Ross".");'
+  - text: يجب أن يقوم <code>bob.getFullName()</code> بإرجاع &quot;Bob Ross&quot;.
+    testString: 'assert.deepEqual(bob.getFullName(), "Bob Ross", "<code>bob.getFullName()</code> should return "Bob Ross".");'
+  - text: يجب أن يقوم <code>bob.getFullName()</code> بإرجاع &quot;Haskell Ross&quot; بعد <code>bob.setFirstName(&quot;Haskell&quot;)</code> .
+    testString: 'assert.strictEqual((function () { bob.setFirstName("Haskell"); return bob.getFullName(); })(), "Haskell Ross", "<code>bob.getFullName()</code> should return "Haskell Ross" after <code>bob.setFirstName("Haskell")</code>.");'
+  - text: يجب أن يقوم <code>bob.getFullName()</code> بإرجاع &quot;Haskell Curry&quot; بعد <code>bob.setLastName(&quot;Curry&quot;)</code> .
+    testString: 'assert.strictEqual((function () { var _bob=new Person("Haskell Ross"); _bob.setLastName("Curry"); return _bob.getFullName(); })(), "Haskell Curry", "<code>bob.getFullName()</code> should return "Haskell Curry" after <code>bob.setLastName("Curry")</code>.");'
+  - text: يجب أن يقوم <code>bob.getFullName()</code> بإرجاع &quot;Haskell Curry&quot; بعد <code>bob.setFullName(&quot;Haskell Curry&quot;)</code> .
+    testString: 'assert.strictEqual((function () { bob.setFullName("Haskell Curry"); return bob.getFullName(); })(), "Haskell Curry", "<code>bob.getFullName()</code> should return "Haskell Curry" after <code>bob.setFullName("Haskell Curry")</code>.");'
+  - text: يجب أن يقوم <code>bob.getFirstName()</code> بإرجاع &quot;Haskell&quot; بعد <code>bob.setFullName(&quot;Haskell Curry&quot;)</code> .
+    testString: 'assert.strictEqual((function () { bob.setFullName("Haskell Curry"); return bob.getFirstName(); })(), "Haskell", "<code>bob.getFirstName()</code> should return "Haskell" after <code>bob.setFullName("Haskell Curry")</code>.");'
+  - text: ''
+    testString: 'assert.strictEqual((function () { bob.setFullName("Haskell Curry"); return bob.getLastName(); })(), "Curry", "<code>bob.getLastName()</code> should return "Curry" after <code>bob.setFullName("Haskell Curry")</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Person = function(firstAndLast) {
+  // Complete the method below and implement the others similarly
+  this.getFullName = function() {
+    return "";
+  };
+  return firstAndLast;
+};
+
+var bob = new Person('Bob Ross');
+bob.getFullName();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/map-the-debris.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/map-the-debris.arabic.md
new file mode 100644
index 0000000000..31ba6bbe5e
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/map-the-debris.arabic.md
@@ -0,0 +1,57 @@
+---
+id: af4afb223120f7348cdfc9fd
+title: Map the Debris
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.deepEqual(orbitalPeriod([{name : "sputnik", avgAlt : 35873.5553}]), [{name: "sputnik", orbitalPeriod: 86400}], "<code>orbitalPeriod([{name : "sputnik", avgAlt : 35873.5553}])</code> should return <code>[{name: "sputnik", orbitalPeriod: 86400}]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(orbitalPeriod([{name: "iss", avgAlt: 413.6}, {name: "hubble", avgAlt: 556.7}, {name: "moon", avgAlt: 378632.553}]), [{name : "iss", orbitalPeriod: 5557}, {name: "hubble", orbitalPeriod: 5734}, {name: "moon", orbitalPeriod: 2377399}], "<code>orbitalPeriod([{name: "iss", avgAlt: 413.6}, {name: "hubble", avgAlt: 556.7}, {name: "moon", avgAlt: 378632.553}])</code> should return <code>[{name : "iss", orbitalPeriod: 5557}, {name: "hubble", orbitalPeriod: 5734}, {name: "moon", orbitalPeriod: 2377399}]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function orbitalPeriod(arr) {
+  var GM = 398600.4418;
+  var earthRadius = 6367.4447;
+  return arr;
+}
+
+orbitalPeriod([{name : "sputnik", avgAlt : 35873.5553}]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/missing-letters.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/missing-letters.arabic.md
new file mode 100644
index 0000000000..243b572bd8
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/missing-letters.arabic.md
@@ -0,0 +1,62 @@
+---
+id: af7588ade1100bde429baf20
+title: Missing letters
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.deepEqual(fearNotLetter("abce"), "d", "<code>fearNotLetter("abce")</code> should return "d".");'
+  - text: ''
+    testString: 'assert.deepEqual(fearNotLetter("abcdefghjklmno"), "i", "<code>fearNotLetter("abcdefghjklmno")</code> should return "i".");'
+  - text: ''
+    testString: 'assert.deepEqual(fearNotLetter("stvwx"), "u", "<code>fearNotLetter("stvwx")</code> should return "u".");'
+  - text: ''
+    testString: 'assert.deepEqual(fearNotLetter("bcdf"), "e", "<code>fearNotLetter("bcdf")</code> should return "e".");'
+  - text: ''
+    testString: 'assert.isUndefined(fearNotLetter("abcdefghijklmnopqrstuvwxyz"), "<code>fearNotLetter("abcdefghijklmnopqrstuvwxyz")</code> should return undefined.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fearNotLetter(str) {
+  return str;
+}
+
+fearNotLetter("abce");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/pig-latin.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/pig-latin.arabic.md
new file mode 100644
index 0000000000..6c58c15cb4
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/pig-latin.arabic.md
@@ -0,0 +1,66 @@
+---
+id: aa7697ea2477d1316795783b
+title: Pig Latin
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.deepEqual(translatePigLatin("california"), "aliforniacay", "<code>translatePigLatin("california")</code> should return "aliforniacay".");'
+  - text: ''
+    testString: 'assert.deepEqual(translatePigLatin("paragraphs"), "aragraphspay", "<code>translatePigLatin("paragraphs")</code> should return "aragraphspay".");'
+  - text: ''
+    testString: 'assert.deepEqual(translatePigLatin("glove"), "oveglay", "<code>translatePigLatin("glove")</code> should return "oveglay".");'
+  - text: ''
+    testString: 'assert.deepEqual(translatePigLatin("algorithm"), "algorithmway", "<code>translatePigLatin("algorithm")</code> should return "algorithmway".");'
+  - text: ''
+    testString: 'assert.deepEqual(translatePigLatin("eight"), "eightway", "<code>translatePigLatin("eight")</code> should return "eightway".");'
+  - text: ''
+    testString: 'assert.deepEqual(translatePigLatin("schwartz"), "artzschway", "Should handle words where the first vowel comes in the end of the word.");'
+  - text: ''
+    testString: 'assert.deepEqual(translatePigLatin("rhythm"), "rhythmay", "Should handle words without vowels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function translatePigLatin(str) {
+  return str;
+}
+
+translatePigLatin("consonant");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/search-and-replace.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/search-and-replace.arabic.md
new file mode 100644
index 0000000000..d8f197d02f
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/search-and-replace.arabic.md
@@ -0,0 +1,62 @@
+---
+id: a0b5010f579e69b815e7c5d6
+title: Search and Replace
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.deepEqual(myReplace("Let us go to the store", "store", "mall"), "Let us go to the mall", "<code>myReplace("Let us go to the store", "store", "mall")</code> should return "Let us go to the mall".");'
+  - text: ''
+    testString: 'assert.deepEqual(myReplace("He is Sleeping on the couch", "Sleeping", "sitting"), "He is Sitting on the couch", "<code>myReplace("He is Sleeping on the couch", "Sleeping", "sitting")</code> should return "He is Sitting on the couch".");'
+  - text: ''
+    testString: 'assert.deepEqual(myReplace("This has a spellngi error", "spellngi", "spelling"), "This has a spelling error", "<code>myReplace("This has a spellngi error", "spellngi", "spelling")</code> should return "This has a spelling error".");'
+  - text: ''
+    testString: 'assert.deepEqual(myReplace("His name is Tom", "Tom", "john"), "His name is John", "<code>myReplace("His name is Tom", "Tom", "john")</code> should return "His name is John".");'
+  - text: ''
+    testString: 'assert.deepEqual(myReplace("Let us get back to more Coding", "Coding", "algorithms"), "Let us get back to more Algorithms", "<code>myReplace("Let us get back to more Coding", "Coding", "algorithms")</code> should return "Let us get back to more Algorithms".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function myReplace(str, before, after) {
+  return str;
+}
+
+myReplace("A quick brown fox jumped over the lazy dog", "jumped", "leaped");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/seek-and-destroy.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/seek-and-destroy.arabic.md
new file mode 100644
index 0000000000..de26b6bf5e
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/seek-and-destroy.arabic.md
@@ -0,0 +1,65 @@
+---
+id: a39963a4c10bc8b4d4f06d7e
+title: Seek and Destroy
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.deepEqual(destroyer([1, 2, 3, 1, 2, 3], 2, 3), [1, 1], "<code>destroyer([1, 2, 3, 1, 2, 3], 2, 3)</code> should return <code>[1, 1]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(destroyer([1, 2, 3, 5, 1, 2, 3], 2, 3), [1, 5, 1], "<code>destroyer([1, 2, 3, 5, 1, 2, 3], 2, 3)</code> should return <code>[1, 5, 1]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(destroyer([3, 5, 1, 2, 2], 2, 3, 5), [1], "<code>destroyer([3, 5, 1, 2, 2], 2, 3, 5)</code> should return <code>[1]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(destroyer([2, 3, 2, 3], 2, 3), [], "<code>destroyer([2, 3, 2, 3], 2, 3)</code> should return <code>[]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(destroyer(["tree", "hamburger", 53], "tree", 53), ["hamburger"], "<code>destroyer(["tree", "hamburger", 53], "tree", 53)</code> should return <code>["hamburger"]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(destroyer(["possum", "trollo", 12, "safari", "hotdog", 92, 65, "grandma", "bugati", "trojan", "yacht"], "yacht", "possum", "trollo", "safari", "hotdog", "grandma", "bugati", "trojan"), [12,92,65], "<code>destroyer(["possum", "trollo", 12, "safari", "hotdog", 92, 65, "grandma", "bugati", "trojan", "yacht"], "yacht", "possum", "trollo", "safari", "hotdog", "grandma", "bugati", "trojan")</code> should return <code>[12,92,65]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function destroyer(arr) {
+  // Remove all the values
+  return arr;
+}
+
+destroyer([1, 2, 3, 1, 2, 3], 2, 3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple.arabic.md
new file mode 100644
index 0000000000..7de0fdc98c
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple.arabic.md
@@ -0,0 +1,65 @@
+---
+id: ae9defd7acaf69703ab432ea
+title: Smallest Common Multiple
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.deepEqual(typeof smallestCommons([1, 5]), "number", "<code>smallestCommons([1, 5])</code> should return a number.");'
+  - text: ''
+    testString: 'assert.deepEqual(smallestCommons([1, 5]), 60, "<code>smallestCommons([1, 5])</code> should return 60.");'
+  - text: ''
+    testString: 'assert.deepEqual(smallestCommons([5, 1]), 60, "<code>smallestCommons([5, 1])</code> should return 60.");'
+  - text: ''
+    testString: 'assert.deepEqual(smallestCommons([2, 10]), 2520, "<code>smallestCommons([2, 10])</code> should return 2520.");'
+  - text: ''
+    testString: 'assert.deepEqual(smallestCommons([1, 13]), 360360, "<code>smallestCommons([1, 13])</code> should return 360360.");'
+  - text: ''
+    testString: 'assert.deepEqual(smallestCommons([23, 18]), 6056820, "<code>smallestCommons([23, 18])</code> should return 6056820.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function smallestCommons(arr) {
+  return arr;
+}
+
+
+smallestCommons([1,5]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sorted-union.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sorted-union.arabic.md
new file mode 100644
index 0000000000..7d35d9e589
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sorted-union.arabic.md
@@ -0,0 +1,60 @@
+---
+id: a105e963526e7de52b219be9
+title: Sorted Union
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.deepEqual(uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1]), [1, 3, 2, 5, 4], "<code>uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1])</code> should return <code>[1, 3, 2, 5, 4]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(uniteUnique([1, 3, 2], [1, [5]], [2, [4]]), [1, 3, 2, [5], [4]], "<code>uniteUnique([1, 3, 2], [1, [5]], [2, [4]])</code> should return <code>[1, 3, 2, [5], [4]]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(uniteUnique([1, 2, 3], [5, 2, 1]), [1, 2, 3, 5], "<code>uniteUnique([1, 2, 3], [5, 2, 1])</code> should return <code>[1, 2, 3, 5]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(uniteUnique([1, 2, 3], [5, 2, 1, 4], [2, 1], [6, 7, 8]), [1, 2, 3, 5, 4, 6, 7, 8], "<code>uniteUnique([1, 2, 3], [5, 2, 1, 4], [2, 1], [6, 7, 8])</code> should return <code>[1, 2, 3, 5, 4, 6, 7, 8]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function uniteUnique(arr) {
+  return arr;
+}
+
+uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/spinal-tap-case.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/spinal-tap-case.arabic.md
new file mode 100644
index 0000000000..ecaf77f733
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/spinal-tap-case.arabic.md
@@ -0,0 +1,64 @@
+---
+id: a103376db3ba46b2d50db289
+title: Spinal Tap Case
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.deepEqual(spinalCase("This Is Spinal Tap"), "this-is-spinal-tap", "<code>spinalCase("This Is Spinal Tap")</code> should return <code>"this-is-spinal-tap"</code>.");'
+  - text: يجب أن تعود <code>spinalCase(&quot;thisIsSpinal Tap&quot;)</code> <code>&quot;this-is-spinal-tap&quot;</code> .
+    testString: 'assert.strictEqual(spinalCase("thisIsSpinalTap"), "this-is-spinal-tap", "<code>spinalCase("thisIsSpinal<wbr>Tap")</code> should return <code>"this-is-spinal-tap"</code>.");'
+  - text: <code>spinalCase(&quot;The_Andy_ Griffith_Show&quot;)</code> بإرجاع <code>&quot;the-andy-griffith-show&quot;</code> .
+    testString: 'assert.strictEqual(spinalCase("The_Andy_Griffith_Show"), "the-andy-griffith-show", "<code>spinalCase("The_Andy_<wbr>Griffith_Show")</code> should return <code>"the-andy-griffith-show"</code>.");'
+  - text: <code>spinalCase(&quot;Teletubbies say Eh-oh&quot;)</code> <code>&quot;teletubbies-say-eh-oh&quot;</code> .
+    testString: 'assert.strictEqual(spinalCase("Teletubbies say Eh-oh"), "teletubbies-say-eh-oh", "<code>spinalCase("Teletubbies say Eh-oh")</code> should return <code>"teletubbies-say-eh-oh"</code>.");'
+  - text: يجب أن تعود <code>spinalCase(&quot;AllThe-small Things&quot;)</code> <code>&quot;all-the-small-things&quot;</code> .
+    testString: 'assert.strictEqual(spinalCase("AllThe-small Things"), "all-the-small-things", "<code>spinalCase("AllThe-small Things")</code> should return <code>"all-the-small-things"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function spinalCase(str) {
+  // "It's such a fine line between stupid, and clever."
+  // --David St. Hubbins
+  return str;
+}
+
+spinalCase('This Is Spinal Tap');
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/steamroller.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/steamroller.arabic.md
new file mode 100644
index 0000000000..600fedc896
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/steamroller.arabic.md
@@ -0,0 +1,62 @@
+---
+id: ab306dbdcc907c7ddfc30830
+title: Steamroller
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: أجاز
+---
+
+## Description
+<section id="description"> تسطيح مجموعة متداخلة. يجب عليك حساب مستويات مختلفة من التعشيش. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>steamrollArray([[[&quot;a&quot;]], [[&quot;b&quot;]]])</code> <code>[&quot;a&quot;, &quot;b&quot;]</code> .'
+    testString: 'assert.deepEqual(steamrollArray([[["a"]], [["b"]]]), ["a", "b"], "<code>steamrollArray([[["a"]], [["b"]]])</code> should return <code>["a", "b"]</code>.");'
+  - text: '<code>steamrollArray([1, [2], [3, [[4]]]])</code> يجب أن تعود <code>[1, 2, 3, 4]</code> .'
+    testString: 'assert.deepEqual(steamrollArray([1, [2], [3, [[4]]]]), [1, 2, 3, 4], "<code>steamrollArray([1, [2], [3, [[4]]]])</code> should return <code>[1, 2, 3, 4]</code>.");'
+  - text: '<code>steamrollArray([1, [], [3, [[4]]]])</code> يجب أن تعود <code>[1, 3, 4]</code> .'
+    testString: 'assert.deepEqual(steamrollArray([1, [], [3, [[4]]]]), [1, 3, 4], "<code>steamrollArray([1, [], [3, [[4]]]])</code> should return <code>[1, 3, 4]</code>.");'
+  - text: '<code>steamrollArray([1, {}, [3, [[4]]]])</code> <code>[1, {}, 3, 4]</code> .'
+    testString: 'assert.deepEqual(steamrollArray([1, {}, [3, [[4]]]]), [1, {}, 3, 4], "<code>steamrollArray([1, {}, [3, [[4]]]])</code> should return <code>[1, {}, 3, 4]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function steamrollArray(arr) {
+  // I'm a steamroller, baby
+  return arr;
+}
+
+steamrollArray([1, [2], [3, [[4]]]]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-numbers-in-a-range.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-numbers-in-a-range.arabic.md
new file mode 100644
index 0000000000..1642c79e54
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-numbers-in-a-range.arabic.md
@@ -0,0 +1,62 @@
+---
+id: a3566b1109230028080c9345
+title: Sum All Numbers in a Range
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof sumAll([1, 4]) === "number", "<code>sumAll([1, 4])</code> should return a number.");'
+  - text: ''
+    testString: 'assert.deepEqual(sumAll([1, 4]), 10, "<code>sumAll([1, 4])</code> should return 10.");'
+  - text: ''
+    testString: 'assert.deepEqual(sumAll([4, 1]), 10, "<code>sumAll([4, 1])</code> should return 10.");'
+  - text: ''
+    testString: 'assert.deepEqual(sumAll([5, 10]), 45, "<code>sumAll([5, 10])</code> should return 45.");'
+  - text: ''
+    testString: 'assert.deepEqual(sumAll([10, 5]), 45, "<code>sumAll([10, 5])</code> should return 45.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumAll(arr) {
+  return 1;
+}
+
+sumAll([1, 4]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-odd-fibonacci-numbers.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-odd-fibonacci-numbers.arabic.md
new file mode 100644
index 0000000000..14107fa9b9
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-odd-fibonacci-numbers.arabic.md
@@ -0,0 +1,64 @@
+---
+id: a5229172f011153519423690
+title: Sum All Odd Fibonacci Numbers
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof sumFibs(1) === "number", "<code>sumFibs(1)</code> should return a number.");'
+  - text: ''
+    testString: 'assert(sumFibs(1000) === 1785, "<code>sumFibs(1000)</code> should return 1785.");'
+  - text: ''
+    testString: 'assert(sumFibs(4000000) === 4613732, "<code>sumFibs(4000000)</code> should return 4613732.");'
+  - text: ''
+    testString: 'assert(sumFibs(4) === 5, "<code>sumFibs(4)</code> should return 5.");'
+  - text: ''
+    testString: 'assert(sumFibs(75024) === 60696, "<code>sumFibs(75024)</code> should return 60696.");'
+  - text: ''
+    testString: 'assert(sumFibs(75025) === 135721, "<code>sumFibs(75025)</code> should return 135721.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumFibs(num) {
+  return num;
+}
+
+sumFibs(4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-primes.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-primes.arabic.md
new file mode 100644
index 0000000000..2517a2a63f
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-primes.arabic.md
@@ -0,0 +1,59 @@
+---
+id: a3bfc1673c0526e06d3ac698
+title: Sum All Primes
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: مجموع كل الأعداد
+---
+
+## Description
+<section id="description"> اجمع جميع الأعداد الأولية حتى وتضم الرقم المقدم. يتم تعريف رقم أولي على أنه رقم أكبر من واحد ويكون له مقسومان فقط ، واحد و نفسه. على سبيل المثال ، الرقم 2 هو رقم أولي لأنه قابل للقسمة على واحد فقط والثاني. قد لا يكون الرقم المقدم رئيسًا. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم <code>sumPrimes(10)</code> بإرجاع رقم.
+    testString: 'assert.deepEqual(typeof sumPrimes(10), "number", "<code>sumPrimes(10)</code> should return a number.");'
+  - text: <code>sumPrimes(10)</code> يجب أن ترجع 17.
+    testString: 'assert.deepEqual(sumPrimes(10), 17, "<code>sumPrimes(10)</code> should return 17.");'
+  - text: <code>sumPrimes(977)</code> يجب إرجاع 73156.
+    testString: 'assert.deepEqual(sumPrimes(977), 73156, "<code>sumPrimes(977)</code> should return 73156.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumPrimes(num) {
+  return num;
+}
+
+sumPrimes(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/wherefore-art-thou.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/wherefore-art-thou.arabic.md
new file mode 100644
index 0000000000..534277223e
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/wherefore-art-thou.arabic.md
@@ -0,0 +1,71 @@
+---
+id: a8e512fbe388ac2f9198f0fa
+title: Wherefore art thou
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: ولهذا السبب انت الفن
+---
+
+## Description
+<section id="description"> قم بعمل وظيفة تبحث من خلال مجموعة من الكائنات (الوسيطة الأولى) وتقوم بإرجاع مصفوفة بكافة الكائنات التي لها أزواج قيم وأسماء متطابقة (وسيطة ثانية). يجب أن يكون كل اسم وقيمة زوج كائن المصدر موجودًا في الكائن من المجموعة إذا كان سيتم تضمينه في الصفيف الذي تم إرجاعه. على سبيل المثال ، إذا كانت الوسيطة الأولى هي <code>[{ first: &quot;Romeo&quot;, last: &quot;Montague&quot; }, { first: &quot;Mercutio&quot;, last: null }, { first: &quot;Tybalt&quot;, last: &quot;Capulet&quot; }]</code> ، والوسيطة الثانية هي <code>{ last: &quot;Capulet&quot; }</code> ، ثم يجب عليك إرجاع الكائن الثالث من الصفيف (الوسيطة الأولى) ، لأنه يحتوي على الاسم والقيمة الخاصة به ، التي تم تمريرها على أنها الوسيطة الثانية. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>whatIsInAName([{ first: &quot;Romeo&quot;, last: &quot;Montague&quot; }, { first: &quot;Mercutio&quot;, last: null }, { first: &quot;Tybalt&quot;, last: &quot;Capulet&quot; }], { last: &quot;Capulet&quot; })</code> يجب أن تعود <code>[{ first: &quot;Tybalt&quot;, last: &quot;Capulet&quot; }]</code> .'
+    testString: 'assert.deepEqual(whatIsInAName([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" }), [{ first: "Tybalt", last: "Capulet" }], "<code>whatIsInAName([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" })</code> should return <code>[{ first: "Tybalt", last: "Capulet" }]</code>.");'
+  - text: '<code>whatIsInAName([{ &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2 }], { &quot;apple&quot;: 1 })</code> يجب أن يعرض <code>[{ &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2 }]</code> .'
+    testString: 'assert.deepEqual(whatIsInAName([{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }], { "apple": 1 }), [{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }], "<code>whatIsInAName([{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }], { "apple": 1 })</code> should return <code>[{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }]</code>.");'
+  - text: '<code>whatIsInAName([{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }], { &quot;apple&quot;: 1, &quot;bat&quot;: 2 })</code> يجب عرض <code>[{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }]</code> .'
+    testString: 'assert.deepEqual(whatIsInAName([{ "apple": 1, "bat": 2 }, { "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "bat": 2 }), [{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }], "<code>whatIsInAName([{ "apple": 1, "bat": 2 }, { "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "bat": 2 })</code> should return <code>[{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }]</code>.");'
+  - text: '<code>whatIsInAName([{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }], { &quot;apple&quot;: 1, &quot;cookie&quot;: 2 })</code> يجب عرض <code>[{ &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }]</code> .'
+    testString: 'assert.deepEqual(whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "cookie": 2 }), [{ "apple": 1, "bat": 2, "cookie": 2 }], "<code>whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "cookie": 2 })</code> should return <code>[{ "apple": 1, "bat": 2, "cookie": 2 }]</code>.");'
+  - text: '<code>whatIsInAName([{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }, { &quot;bat&quot;:2 }], { &quot;apple&quot;: 1, &quot;bat&quot;: 2 })</code> <code>[{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;:2 }]</code> .'
+    testString: 'assert.deepEqual(whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }, {"bat":2}], { "apple": 1, "bat": 2 }), [{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie":2 }], "<code>whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }, { "bat":2 }], { "apple": 1, "bat": 2 })</code> should return <code>[{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie":2 }]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(whatIsInAName([{ "a": 1, "b": 2, "c": 3 }], { "a": 1, "b": 9999, "c": 3 }), [], "<code>whatIsInAName([{"a": 1, "b": 2, "c": 3}], {"a": 1, "b": 9999, "c": 3})</code> should return <code>[]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function whatIsInAName(collection, source) {
+  // What's in a name?
+  var arr = [];
+  // Only change code below this line
+
+
+  // Only change code above this line
+  return arr;
+}
+
+whatIsInAName([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" });
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/caesars-cipher.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/caesars-cipher.arabic.md
new file mode 100644
index 0000000000..737e750ced
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/caesars-cipher.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 56533eb9ac21ba0edf2244e2
+title: Caesars Cipher
+challengeType: 5
+isRequired: true
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(rot13("SERR PBQR PNZC") === "FREE CODE CAMP", "<code>rot13("SERR PBQR PNZC")</code> should decode to <code>FREE CODE CAMP</code>");'
+  - text: ''
+    testString: 'assert(rot13("SERR CVMMN!") === "FREE PIZZA!", "<code>rot13("SERR CVMMN!")</code> should decode to <code>FREE PIZZA!</code>");'
+  - text: ''
+    testString: 'assert(rot13("SERR YBIR?") === "FREE LOVE?", "<code>rot13("SERR YBIR?")</code> should decode to <code>FREE LOVE?</code>");'
+  - text: ''
+    testString: 'assert(rot13("GUR DHVPX OEBJA SBK WHZCF BIRE GUR YNML QBT.") === "THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.", "<code>rot13("GUR DHVPX OEBJA SBK WHZCF BIRE GUR YNML QBT.")</code> should decode to <code>THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function rot13(str) { // LBH QVQ VG!
+
+  return str;
+}
+
+// Change the inputs below to test
+rot13("SERR PBQR PNZC");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/cash-register.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/cash-register.arabic.md
new file mode 100644
index 0000000000..13a39591bc
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/cash-register.arabic.md
@@ -0,0 +1,77 @@
+---
+id: aa2e6f85cab2ab736c9a9b24
+title: Cash Register
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.deepEqual(Object.prototype.toString.call(checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])), "[object Object]", "<code>checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])</code> should return an object.");'
+  - text: ''
+    testString: 'assert.deepEqual(checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]]), {status: "OPEN", change: [["QUARTER", 0.5]]}, "<code>checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])</code> should return <code>{status: "OPEN", change: [["QUARTER", 0.5]]}</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(checkCashRegister(3.26, 100, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]]), {status: "OPEN", change: [["TWENTY", 60], ["TEN", 20], ["FIVE", 15], ["ONE", 1], ["QUARTER", 0.5], ["DIME", 0.2], ["PENNY", 0.04]]}, "<code>checkCashRegister(3.26, 100, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])</code> should return <code>{status: "OPEN", change: [["TWENTY", 60], ["TEN", 20], ["FIVE", 15], ["ONE", 1], ["QUARTER", 0.5], ["DIME", 0.2], ["PENNY", 0.04]]}</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]), {status: "INSUFFICIENT_FUNDS", change: []}, "<code>checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]])</code> should return <code>{status: "INSUFFICIENT_FUNDS", change: []}</code>.");'
+  - text: '<code>checkCashRegister(19.5, 20, [[&quot;PENNY&quot;, 0.01], [&quot;NICKEL&quot;, 0], [&quot;DIME&quot;, 0], [&quot;QUARTER&quot;, 0], [&quot;ONE&quot;, 1], [&quot;FIVE&quot;, 0], [&quot;TEN&quot;, 0], [&quot;TWENTY&quot;, 0], [&quot;ONE HUNDRED&quot;, 0]])</code> يجب أن ترجع <code>{status: &quot;INSUFFICIENT_FUNDS&quot;, change: []}</code> .'
+    testString: 'assert.deepEqual(checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 1], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]), {status: "INSUFFICIENT_FUNDS", change: []}, "<code>checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 1], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]])</code> should return <code>{status: "INSUFFICIENT_FUNDS", change: []}</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(checkCashRegister(19.5, 20, [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]), {status: "CLOSED", change: [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]}, "<code>checkCashRegister(19.5, 20, [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]])</code> should return <code>{status: "CLOSED", change: [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]}</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkCashRegister(price, cash, cid) {
+  var change;
+  // Here is your change, ma'am.
+  return change;
+}
+
+// Example cash-in-drawer array:
+// [["PENNY", 1.01],
+// ["NICKEL", 2.05],
+// ["DIME", 3.1],
+// ["QUARTER", 4.25],
+// ["ONE", 90],
+// ["FIVE", 55],
+// ["TEN", 20],
+// ["TWENTY", 60],
+// ["ONE HUNDRED", 100]]
+
+checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker.arabic.md
new file mode 100644
index 0000000000..121e6b881d
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker.arabic.md
@@ -0,0 +1,82 @@
+---
+id: aaa48de84e1ecc7c742e1124
+title: Palindrome Checker
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> قم بإرجاع <code>true</code> إذا كانت السلسلة المحددة متناظرة. خلاف ذلك ، تعود <code>false</code> . النص <dfn>المتناظر</dfn> هو كلمة أو جملة مكتوبة بنفس الطريقة إلى الأمام والخلف ، وتتجاهل علامات الترقيم والحالة والتباعد. <strong>ملحوظة</strong> <br> ستحتاج إلى إزالة <strong>جميع الأحرف غير الأبجدية الرقمية</strong> (علامات الترقيم والمسافات والرموز) وتحويل كل شيء إلى الحالة نفسها (الحالة السفلية أو العلوية) من أجل التحقق من التباين. سنقوم بتمرير سلاسل بأشكال مختلفة ، مثل <code>&quot;racecar&quot;</code> و <code>&quot;RaceCar&quot;</code> و <code>&quot;race CAR&quot;</code> وغيرها. سنقوم أيضًا بتمرير سلاسل مع رموز خاصة ، مثل <code>&quot;2A3*3a2&quot;</code> و <code>&quot;2A3 3a2&quot;</code> و <code>&quot;2_A3*3#A2&quot;</code> . تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يعيد <code>palindrome(&quot;eye&quot;)</code> قيمة منطقية.
+    testString: 'assert(typeof palindrome("eye") === "boolean", "<code>palindrome("eye")</code> should return a boolean.");'
+  - text: <code>palindrome(&quot;eye&quot;)</code> يجب أن تعود حقيقية.
+    testString: 'assert(palindrome("eye") === true, "<code>palindrome("eye")</code> should return true.");'
+  - text: <code>palindrome(&quot;_eye&quot;)</code> يجب أن ترجع true.
+    testString: 'assert(palindrome("_eye") === true, "<code>palindrome("_eye")</code> should return true.");'
+  - text: <code>palindrome(&quot;race car&quot;)</code> يجب أن تعود حقيقية.
+    testString: 'assert(palindrome("race car") === true, "<code>palindrome("race car")</code> should return true.");'
+  - text: <code>palindrome(&quot;not a palindrome&quot;)</code> يجب أن يقوم بإرجاع false.
+    testString: 'assert(palindrome("not a palindrome") === false, "<code>palindrome("not a palindrome")</code> should return false.");'
+  - text: '<code>palindrome(&quot;A man, a plan, a canal. Panama&quot;)</code> يجب أن تعود حقيقية.'
+    testString: 'assert(palindrome("A man, a plan, a canal. Panama") === true, "<code>palindrome("A man, a plan, a canal. Panama")</code> should return true.");'
+  - text: <code>palindrome(&quot;never odd or even&quot;)</code> يجب أن يُرجع صحيحًا.
+    testString: 'assert(palindrome("never odd or even") === true, "<code>palindrome("never odd or even")</code> should return true.");'
+  - text: يجب أن ترجع <code>palindrome(&quot;nope&quot;)</code> false.
+    testString: 'assert(palindrome("nope") === false, "<code>palindrome("nope")</code> should return false.");'
+  - text: <code>palindrome(&quot;almostomla&quot;)</code> يجب أن يقوم بإرجاع false.
+    testString: 'assert(palindrome("almostomla") === false, "<code>palindrome("almostomla")</code> should return false.");'
+  - text: '<code>palindrome(&quot;My age is 0, 0 si ega ym.&quot;)</code> يجب أن <code>palindrome(&quot;My age is 0, 0 si ega ym.&quot;)</code> true.'
+    testString: 'assert(palindrome("My age is 0, 0 si ega ym.") === true, "<code>palindrome("My age is 0, 0 si ega ym.")</code> should return true.");'
+  - text: <code>palindrome(&quot;1 eye for of 1 eye.&quot;)</code> يجب أن تعود خاطئة.
+    testString: 'assert(palindrome("1 eye for of 1 eye.") === false, "<code>palindrome("1 eye for of 1 eye.")</code> should return false.");'
+  - text: '<code>palindrome(&quot;0_0 (: /-\ :) 0-0&quot;)</code> يجب أن ترجع true.'
+    testString: 'assert(palindrome("0_0 (: /-\ :) 0-0") === true, "<code>palindrome("0_0 (: /-\ :) 0-0")</code> should return true.");'
+  - text: <code>palindrome(&quot;five|\_/|four&quot;)</code> يجب أن يقوم بإرجاع false.
+    testString: 'assert(palindrome("five|\_/|four") === false, "<code>palindrome("five|\_/|four")</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function palindrome(str) {
+  // Good luck!
+  return true;
+}
+
+
+
+palindrome("eye");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/roman-numeral-converter.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/roman-numeral-converter.arabic.md
new file mode 100644
index 0000000000..d8c29426d2
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/roman-numeral-converter.arabic.md
@@ -0,0 +1,105 @@
+---
+id: a7f4d8f2483413a6ce226cac
+title: Roman Numeral Converter
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: تحويل الأرقام الرومانية
+---
+
+## Description
+<section id="description"> تحويل الرقم المحدد إلى رقم روماني. يجب تقديم جميع إجابات <a href="http://www.mathsisfun.com/roman-numerals.html" target="_blank">الأرقام الرومانية</a> في الحالة العليا. تذكر استخدام <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. حاول إقران البرنامج. اكتب الكود الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>convertToRoman(2)</code> يجب أن ترجع &quot;II&quot;.
+    testString: 'assert.deepEqual(convertToRoman(2), "II", "<code>convertToRoman(2)</code> should return "II".");'
+  - text: ''
+    testString: 'assert.deepEqual(convertToRoman(3), "III", "<code>convertToRoman(3)</code> should return "III".");'
+  - text: <code>convertToRoman(4)</code> يجب أن ترجع &quot;IV&quot;.
+    testString: 'assert.deepEqual(convertToRoman(4), "IV", "<code>convertToRoman(4)</code> should return "IV".");'
+  - text: <code>convertToRoman(5)</code> يجب أن ترجع &quot;V&quot;.
+    testString: 'assert.deepEqual(convertToRoman(5), "V", "<code>convertToRoman(5)</code> should return "V".");'
+  - text: <code>convertToRoman(9)</code> يجب أن ترجع &quot;IX&quot;.
+    testString: 'assert.deepEqual(convertToRoman(9), "IX", "<code>convertToRoman(9)</code> should return "IX".");'
+  - text: <code>convertToRoman(12)</code> يجب أن ترجع &quot;XII&quot;.
+    testString: 'assert.deepEqual(convertToRoman(12), "XII", "<code>convertToRoman(12)</code> should return "XII".");'
+  - text: <code>convertToRoman(16)</code> يجب أن ترجع &quot;XVI&quot;.
+    testString: 'assert.deepEqual(convertToRoman(16), "XVI", "<code>convertToRoman(16)</code> should return "XVI".");'
+  - text: ''
+    testString: 'assert.deepEqual(convertToRoman(29), "XXIX", "<code>convertToRoman(29)</code> should return "XXIX".");'
+  - text: ''
+    testString: 'assert.deepEqual(convertToRoman(44), "XLIV", "<code>convertToRoman(44)</code> should return "XLIV".");'
+  - text: ''
+    testString: 'assert.deepEqual(convertToRoman(45), "XLV", "<code>convertToRoman(45)</code> should return "XLV"");'
+  - text: ''
+    testString: 'assert.deepEqual(convertToRoman(68), "LXVIII", "<code>convertToRoman(68)</code> should return "LXVIII"");'
+  - text: ''
+    testString: 'assert.deepEqual(convertToRoman(83), "LXXXIII", "<code>convertToRoman(83)</code> should return "LXXXIII"");'
+  - text: ''
+    testString: 'assert.deepEqual(convertToRoman(97), "XCVII", "<code>convertToRoman(97)</code> should return "XCVII"");'
+  - text: ''
+    testString: 'assert.deepEqual(convertToRoman(99), "XCIX", "<code>convertToRoman(99)</code> should return "XCIX"");'
+  - text: <code>convertToRoman(400)</code> يجب أن ترجع &quot;CD&quot;
+    testString: 'assert.deepEqual(convertToRoman(400), "CD", "<code>convertToRoman(400)</code> should return "CD"");'
+  - text: ''
+    testString: 'assert.deepEqual(convertToRoman(500), "D", "<code>convertToRoman(500)</code> should return "D"");'
+  - text: <code>convertToRoman(501)</code> يجب أن ترجع &quot;DI&quot;
+    testString: 'assert.deepEqual(convertToRoman(501), "DI", "<code>convertToRoman(501)</code> should return "DI"");'
+  - text: ''
+    testString: 'assert.deepEqual(convertToRoman(649), "DCXLIX", "<code>convertToRoman(649)</code> should return "DCXLIX"");'
+  - text: ''
+    testString: 'assert.deepEqual(convertToRoman(798), "DCCXCVIII", "<code>convertToRoman(798)</code> should return "DCCXCVIII"");'
+  - text: ''
+    testString: 'assert.deepEqual(convertToRoman(891), "DCCCXCI", "<code>convertToRoman(891)</code> should return "DCCCXCI"");'
+  - text: ''
+    testString: 'assert.deepEqual(convertToRoman(1000), "M", "<code>convertToRoman(1000)</code> should return "M"");'
+  - text: ''
+    testString: 'assert.deepEqual(convertToRoman(1004), "MIV", "<code>convertToRoman(1004)</code> should return "MIV"");'
+  - text: ''
+    testString: 'assert.deepEqual(convertToRoman(1006), "MVI", "<code>convertToRoman(1006)</code> should return "MVI"");'
+  - text: ''
+    testString: 'assert.deepEqual(convertToRoman(1023), "MXXIII", "<code>convertToRoman(1023)</code> should return "MXXIII"");'
+  - text: ''
+    testString: 'assert.deepEqual(convertToRoman(2014), "MMXIV", "<code>convertToRoman(2014)</code> should return "MMXIV"");'
+  - text: ''
+    testString: 'assert.deepEqual(convertToRoman(3999), "MMMCMXCIX", "<code>convertToRoman(3999)</code> should return "MMMCMXCIX"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertToRoman(num) {
+ return num;
+}
+
+convertToRoman(36);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.arabic.md
new file mode 100644
index 0000000000..2c63ecc9e3
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.arabic.md
@@ -0,0 +1,107 @@
+---
+id: aff0395860f5d3034dc0bfc9
+title: Telephone Number Validator
+challengeType: 5
+isRequired: true
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof telephoneCheck("555-555-5555") === "boolean", "<code>telephoneCheck("555-555-5555")</code> should return a boolean.");'
+  - text: ''
+    testString: 'assert(telephoneCheck("1 555-555-5555") === true, "<code>telephoneCheck("1 555-555-5555")</code> should return true.");'
+  - text: ''
+    testString: 'assert(telephoneCheck("1 (555) 555-5555") === true, "<code>telephoneCheck("1 (555) 555-5555")</code> should return true.");'
+  - text: ''
+    testString: 'assert(telephoneCheck("5555555555") === true, "<code>telephoneCheck("5555555555")</code> should return true.");'
+  - text: ''
+    testString: 'assert(telephoneCheck("555-555-5555") === true, "<code>telephoneCheck("555-555-5555")</code> should return true.");'
+  - text: ''
+    testString: 'assert(telephoneCheck("(555)555-5555") === true, "<code>telephoneCheck("(555)555-5555")</code> should return true.");'
+  - text: ''
+    testString: 'assert(telephoneCheck("1(555)555-5555") === true, "<code>telephoneCheck("1(555)555-5555")</code> should return true.");'
+  - text: ''
+    testString: 'assert(telephoneCheck("555-5555") === false, "<code>telephoneCheck("555-5555")</code> should return false.");'
+  - text: ''
+    testString: 'assert(telephoneCheck("5555555") === false, "<code>telephoneCheck("5555555")</code> should return false.");'
+  - text: ''
+    testString: 'assert(telephoneCheck("1 555)555-5555") === false, "<code>telephoneCheck("1 555)555-5555")</code> should return false.");'
+  - text: ''
+    testString: 'assert(telephoneCheck("1 555 555 5555") === true, "<code>telephoneCheck("1 555 555 5555")</code> should return true.");'
+  - text: ''
+    testString: 'assert(telephoneCheck("1 456 789 4444") === true, "<code>telephoneCheck("1 456 789 4444")</code> should return true.");'
+  - text: ''
+    testString: 'assert(telephoneCheck("123**&!!asdf#") === false, "<code>telephoneCheck("123**&!!asdf#")</code> should return false.");'
+  - text: ''
+    testString: 'assert(telephoneCheck("55555555") === false, "<code>telephoneCheck("55555555")</code> should return false.");'
+  - text: ''
+    testString: 'assert(telephoneCheck("(6054756961)") === false, "<code>telephoneCheck("(6054756961)")</code> should return false");'
+  - text: ''
+    testString: 'assert(telephoneCheck("2 (757) 622-7382") === false, "<code>telephoneCheck("2 (757) 622-7382")</code> should return false.");'
+  - text: ''
+    testString: 'assert(telephoneCheck("0 (757) 622-7382") === false, "<code>telephoneCheck("0 (757) 622-7382")</code> should return false.");'
+  - text: ''
+    testString: 'assert(telephoneCheck("-1 (757) 622-7382") === false, "<code>telephoneCheck("-1 (757) 622-7382")</code> should return false");'
+  - text: ''
+    testString: 'assert(telephoneCheck("2 757 622-7382") === false, "<code>telephoneCheck("2 757 622-7382")</code> should return false.");'
+  - text: ''
+    testString: 'assert(telephoneCheck("10 (757) 622-7382") === false, "<code>telephoneCheck("10 (757) 622-7382")</code> should return false.");'
+  - text: ''
+    testString: 'assert(telephoneCheck("27576227382") === false, "<code>telephoneCheck("27576227382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;(275)76227382&quot;)</code> يجب أن ترجع كاذبة.
+    testString: 'assert(telephoneCheck("(275)76227382") === false, "<code>telephoneCheck("(275)76227382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;2(757)6227382&quot;)</code> يجب أن ترجع false.
+    testString: 'assert(telephoneCheck("2(757)6227382") === false, "<code>telephoneCheck("2(757)6227382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;2(757)622-7382&quot;)</code> يجب أن ترجع false.
+    testString: 'assert(telephoneCheck("2(757)622-7382") === false, "<code>telephoneCheck("2(757)622-7382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;555)-555-5555&quot;)</code> يجب أن ترجع false.
+    testString: 'assert(telephoneCheck("555)-555-5555") === false, "<code>telephoneCheck("555)-555-5555")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;(555-555-5555&quot;)</code> يجب أن <code>telephoneCheck(&quot;(555-555-5555&quot;)</code> خطأ.
+    testString: 'assert(telephoneCheck("(555-555-5555") === false, "<code>telephoneCheck("(555-555-5555")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;(555)5(55?)-5555&quot;)</code> يجب أن ترجع false.
+    testString: 'assert(telephoneCheck("(555)5(55?)-5555") === false, "<code>telephoneCheck("(555)5(55?)-5555")</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function telephoneCheck(str) {
+  // Good luck!
+  return true;
+}
+
+telephoneCheck("555-555-5555");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/add-methods-after-inheritance.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/add-methods-after-inheritance.arabic.md
new file mode 100644
index 0000000000..a364c25a5d
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/add-methods-after-inheritance.arabic.md
@@ -0,0 +1,72 @@
+---
+id: 587d7db1367417b2b2512b87
+title: Add Methods After Inheritance
+challengeType: 1
+videoUrl: ''
+localeTitle: إضافة طرق بعد الوراثة
+---
+
+## Description
+<section id="description"> لا تزال دالة منشئ ترث كائن نموذجها <code>prototype</code> من دالة منشئ <code>supertype</code> قادرة على استخدام أساليبها الخاصة بالإضافة إلى الأساليب الموروثة. على سبيل المثال ، <code>Bird</code> هو مُنشئ يرث <code>prototype</code> من <code>Animal</code> : <blockquote style=";text-align:right;direction:rtl"> وظيفة الحيوان () {} <br> Animal.prototype.eat = function () { <br> console.log (&quot;nom nom nom&quot;)؛ <br> }؛ <br> وظيفة الطيور () {} <br> Bird.prototype = Object.create (Animal.prototype)؛ <br> Bird.prototype.constructor = Bird؛ </blockquote> بالإضافة إلى ما هو موروث من <code>Animal</code> ، فأنت تريد إضافة سلوك فريد لكائنات <code>Bird</code> . هنا ، سوف تحصل <code>Bird</code> على وظيفة <code>fly()</code> . يتم إضافة وظائف إلى <code>Bird&#39;s</code> <code>prototype</code> بنفس الطريقة مثل أي وظيفة المنشئ: <blockquote style=";text-align:right;direction:rtl"> Bird.prototype.fly = function () { <br> console.log (&quot;أنا أطير!&quot;) ؛ <br> }؛ </blockquote> الآن سوف يكون لديك <code>Bird</code> من <code>Bird</code> على كلا أساليب <code>eat()</code> و <code>fly()</code> : <blockquote style=";text-align:right;direction:rtl"> السماح بطة = الطيور الجديدة () ؛ <br> duck.eat ()؛ // prints &quot;nom nom nom&quot; <br> duck.fly ()؛ // prints &quot;أنا أطير!&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> إضافة كافة التعليمات البرمجية الضرورية لذلك <code>Dog</code> يرث الكائن من <code>Animal</code> و <code>Dog&#39;s</code> <code>prototype</code> يتم تعيين المنشئ إلى الكلب. ثم أضف طريقة <code>bark()</code> إلى جسم <code>Dog</code> حتى يستطيع <code>beagle</code> أن <code>eat()</code> <code>bark()</code> . يجب أن تطبع طريقة <code>bark()</code> &quot;Woof!&quot; إلى وحدة التحكم. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: لا ينبغي أن يستجيب <code>Animal</code> لطريقة <code>bark()</code> .
+    testString: 'assert(typeof Animal.prototype.bark == "undefined", "<code>Animal</code> should not respond to the <code>bark()</code> method.");'
+  - text: يجب أن يرث <code>Dog</code> طريقة <code>eat()</code> من <code>Animal</code> .
+    testString: 'assert(typeof Dog.prototype.eat == "function", "<code>Dog</code> should inherit the <code>eat()</code> method from <code>Animal</code>.");'
+  - text: يجب أن يكون <code>Dog</code> أسلوب <code>bark()</code> كخاصية <code>own</code> .
+    testString: 'assert(Dog.prototype.hasOwnProperty("bark"), "<code>Dog</code> should have the <code>bark()</code> method as an <code>own</code> property.");'
+  - text: <code>beagle</code> يجب أن يكون <code>instanceof</code> <code>Animal</code> .
+    testString: 'assert(beagle instanceof Animal, "<code>beagle</code> should be an <code>instanceof</code> <code>Animal</code>.");'
+  - text: يجب تعيين منشئ <code>beagle</code> <code>Dog</code> .
+    testString: 'assert(beagle.constructor === Dog, "The constructor for <code>beagle</code> should be set to <code>Dog</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Animal() { }
+Animal.prototype.eat = function() { console.log("nom nom nom"); };
+
+function Dog() { }
+
+// Add your code below this line
+
+
+
+
+// Add your code above this line
+
+let beagle = new Dog();
+
+beagle.eat(); // Should print "nom nom nom"
+beagle.bark(); // Should print "Woof!"
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/change-the-prototype-to-a-new-object.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/change-the-prototype-to-a-new-object.arabic.md
new file mode 100644
index 0000000000..3c65a113d8
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/change-the-prototype-to-a-new-object.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 587d7daf367417b2b2512b7f
+title: Change the Prototype to a New Object
+challengeType: 1
+videoUrl: ''
+localeTitle: تغيير النموذج إلى كائن جديد
+---
+
+## Description
+<section id="description"> حتى الآن ، كنت تضيف خصائص إلى <code>prototype</code> فردي: <blockquote style=";text-align:right;direction:rtl"> Bird.prototype.numLegs = 2؛ </blockquote> هذا يصبح مملا بعد أكثر من بعض الخصائص. <blockquote style=";text-align:right;direction:rtl"> Bird.prototype.eat = function () { <br> console.log (&quot;nom nom nom&quot;)؛ <br> } <br><br> Bird.prototype.describe = function () { <br> console.log (&quot;اسمي هو&quot; + this.name)؛ <br> } </blockquote> الطريقة الأكثر فعالية هي تعيين <code>prototype</code> على كائن جديد يحتوي بالفعل على الخصائص. بهذه الطريقة ، تتم إضافة الخصائص كلها مرة واحدة: <blockquote style=";text-align:right;direction:rtl"> Bird.prototype = { <br> numLegs: 2 ، <br> أكل: وظيفة () { <br> console.log (&quot;nom nom nom&quot;)؛ <br> }، <br> وصف: الوظيفة () { <br> console.log (&quot;اسمي هو&quot; + this.name)؛ <br> } <br> }؛ </blockquote></section>
+
+## Instructions
+<section id="instructions"> إضافة الخاصية <code>numLegs</code> <code>eat()</code> <code>describe()</code> إلى <code>prototype</code> <code>Dog</code> عن طريق وضع <code>prototype</code> على كائن جديد. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب تعيين <code>Dog.prototype</code> إلى كائن جديد.
+    testString: 'assert((/Dog\.prototype\s*?=\s*?{/).test(code), "<code>Dog.prototype</code> should be set to a new object.");'
+  - text: <code>Dog.prototype</code> يجب أن يكون الممتلكات <code>numLegs</code> .
+    testString: 'assert(Dog.prototype.numLegs !== undefined, "<code>Dog.prototype</code> should have the property <code>numLegs</code>.");'
+  - text: يجب أن يكون <code>Dog.prototype</code> الأسلوب <code>eat()</code> .
+    testString: 'assert(typeof Dog.prototype.eat === "function", "<code>Dog.prototype</code> should have the method <code>eat()</code>."); '
+  - text: يجب أن يكون <code>Dog.prototype</code> الأسلوب <code>describe()</code> .
+    testString: 'assert(typeof Dog.prototype.describe === "function", "<code>Dog.prototype</code> should have the method <code>describe()</code>."); '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+Dog.prototype = {
+  // Add your code below this line
+
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-basic-javascript-object.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-basic-javascript-object.arabic.md
new file mode 100644
index 0000000000..96d3273f17
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-basic-javascript-object.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 587d7dac367417b2b2512b73
+title: Create a Basic JavaScript Object
+challengeType: 1
+videoUrl: ''
+localeTitle: قم بإنشاء كائن JavaScript أساسي
+---
+
+## Description
+<section id="description"> فكّر في الأشياء التي يشاهدها الناس يوميًا ، مثل السيارات والمحلات التجارية والطيور. هذه كلها <code>objects</code> : أشياء ملموسة يستطيع الناس ملاحظتها والتفاعل معها. ما هي بعض صفات هذه <code>objects</code> ؟ سيارة لديها عجلات. محلات بيع المواد. الطيور لديها أجنحة. هذه الصفات ، أو <code>properties</code> ، تحدد ما الذي يصنع <code>object</code> . لاحظ أن <code>objects</code> المتشابهة تتشارك في نفس <code>properties</code> ، ولكن قد تحتوي على قيم مختلفة لتلك <code>properties</code> . على سبيل المثال ، تحتوي جميع السيارات على عجلات ، ولكن لا تحتوي جميع السيارات على نفس عدد العجلات. يتم استخدام <code>Objects</code> في JavaScript <code>Objects</code> في العالم الحقيقي ، مما يمنحها <code>properties</code> وسلوكًا مثل نظيراتها في العالم الحقيقي. في ما يلي مثال على استخدام هذه المفاهيم لإنشاء <code>object</code> <code>duck</code> : <blockquote style=";text-align:right;direction:rtl"> دع بطة = { <br> الاسم: &quot;Aflac&quot; ، <br> numLegs: 2 <br> }؛ </blockquote> يحتوي هذا <code>object</code> <code>duck</code> أزواج الخاصية / قيمة اثنين: <code>name</code> &quot;Aflac&quot; و <code>numLegs</code> من 2. </section>
+
+## Instructions
+<section id="instructions"> إنشاء <code>object</code> <code>dog</code> مع <code>name</code> وخصائص <code>numLegs</code> ، <code>numLegs</code> إلى سلسلة ورقم ، على التوالي. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>dog</code> <code>object</code> .
+    testString: 'assert(typeof(dog) === "object", "<code>dog</code> should be an <code>object</code>.");'
+  - text: يجب أن يكون <code>dog</code> خاصية <code>name</code> معيّنة إلى <code>string</code> .
+    testString: 'assert(typeof(dog.name) === "string", "<code>dog</code> should have a <code>name</code> property set to a <code>string</code>.");'
+  - text: يجب أن يكون لدى <code>dog</code> خاصية <code>numLegs</code> معيّنة إلى <code>number</code> .
+    testString: 'assert(typeof(dog.numLegs) === "number", "<code>dog</code> should have a <code>numLegs</code> property set to a <code>number</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let dog = {
+
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-method-on-an-object.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-method-on-an-object.arabic.md
new file mode 100644
index 0000000000..21e51b5a6c
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-method-on-an-object.arabic.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dad367417b2b2512b75
+title: Create a Method on an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: إنشاء طريقة على كائن
+---
+
+## Description
+<section id="description"> يمكن أن تحتوي <code>Objects</code> على نوع خاص من <code>property</code> ، تسمى <code>method</code> . <code>Methods</code> هي <code>properties</code> التي هي وظائف. هذا يضيف سلوك مختلف إلى <code>object</code> . إليك مثال <code>duck</code> مع طريقة: <blockquote style=";text-align:right;direction:rtl"> دع بطة = { <br> الاسم: &quot;Aflac&quot; ، <br> numLegs: 2 ، <br> sayName: function () {return &quot;اسم هذه البط هو&quot; + duck.name + &quot;.&quot;؛} <br> }؛ <br> duck.sayName ()؛ <br> // Returns &quot;اسم هذه البط هو Aflac&quot;. </blockquote> يقوم المثال <code>sayName</code> <code>method</code> <code>sayName</code> ، وهي عبارة تقوم بارجاع جملة تعطي اسم <code>duck</code> . لاحظ أن <code>method</code> الوصول إلى خاصية <code>name</code> في العبارة الإرجاع باستخدام <code>duck.name</code> . سيغطي التحدي التالي طريقة أخرى للقيام بذلك. </section>
+
+## Instructions
+<section id="instructions"> باستخدام <code>object</code> <code>dog</code> ، أعطه طريقة تسمى <code>sayLegs</code> . يجب أن ترجع الطريقة الجملة &quot;يحتوي هذا الكلب على 4 أرجل&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>dog.sayLegs()</code> دالة.
+    testString: 'assert(typeof(dog.sayLegs) === "function", "<code>dog.sayLegs()</code> should be a function.");'
+  - text: يجب أن يعيد <code>dog.sayLegs()</code> السلسلة المعطاة - لاحظ أن علامات الترقيم ومسألة التباعد.
+    testString: 'assert(dog.sayLegs() === "This dog has 4 legs.", "<code>dog.sayLegs()</code> should return the given string - note that punctuation and spacing matter.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let dog = {
+  name: "Spot",
+  numLegs: 4,
+
+};
+
+dog.sayLegs();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/define-a-constructor-function.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/define-a-constructor-function.arabic.md
new file mode 100644
index 0000000000..a18ed59844
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/define-a-constructor-function.arabic.md
@@ -0,0 +1,52 @@
+---
+id: 587d7dad367417b2b2512b77
+title: Define a Constructor Function
+challengeType: 1
+videoUrl: ''
+localeTitle: تحديد وظيفة منشئ
+---
+
+## Description
+<section id="description"> <code>Constructors</code> هي وظائف تقوم بإنشاء كائنات جديدة. أنها تحدد الخصائص والسلوكيات التي تنتمي إلى الكائن الجديد. فكر فيها كمخطط لإنشاء كائنات جديدة. هنا مثال <code>constructor</code> : <blockquote style=";text-align:right;direction:rtl"> وظيفة الطيور () { <br> this.name = &quot;Albert&quot;؛ <br> this.color = &quot;blue&quot;؛ <br> this.numLegs = 2 ، <br> } </blockquote> يعرّف هذا <code>constructor</code> كائن <code>Bird</code> <code>name</code> الخاصية ، <code>color</code> ، ومجموعة <code>numLegs</code> إلى Albert ، و blue ، و 2 ، على التوالي. <code>Constructors</code> متابعة بعض الاتفاقيات: <ul style=";text-align:right;direction:rtl"><li style=";text-align:right;direction:rtl"> يتم تعريف <code>Constructors</code> بالاسم الكبير لتمييزهم عن الوظائف الأخرى غير <code>constructors</code> . </li><li style=";text-align:right;direction:rtl"> <code>Constructors</code> استخدام الكلمة <code>this</code> لتعيين خصائص الكائن فإنها ستخلق. داخل <code>constructor</code> ، يشير <code>this</code> إلى الكائن الجديد الذي سيقوم بإنشائه. </li><li style=";text-align:right;direction:rtl"> <code>Constructors</code> تحديد الخصائص والسلوكيات بدلا من إرجاع قيمة وظائف أخرى القوة. </li></ul></section>
+
+## Instructions
+<section id="instructions"> إنشاء <code>constructor</code> ، <code>Dog</code> ، مع <code>name</code> الخصائص ، <code>color</code> ، و <code>numLegs</code> التي تم تعيينها إلى سلسلة ، وسلسلة ، ورقم ، على التوالي. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>Dog</code> خاصية <code>name</code> معيّنة إلى سلسلة.
+    testString: 'assert(typeof (new Dog()).name === "string", "<code>Dog</code> should have a <code>name</code> property set to a string.");'
+  - text: يجب أن يكون <code>Dog</code> خاصية <code>color</code> مضبوطة على سلسلة.
+    testString: 'assert(typeof (new Dog()).color === "string", "<code>Dog</code> should have a <code>color</code> property set to a string.");'
+  - text: يجب أن يكون لدى <code>Dog</code> خاصية <code>numLegs</code> معيّنة إلى رقم.
+    testString: 'assert(typeof (new Dog()).numLegs === "number", "<code>Dog</code> should have a <code>numLegs</code> property set to a number.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/extend-constructors-to-receive-arguments.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/extend-constructors-to-receive-arguments.arabic.md
new file mode 100644
index 0000000000..d1f18c20a4
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/extend-constructors-to-receive-arguments.arabic.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dae367417b2b2512b79
+title: Extend Constructors to Receive Arguments
+challengeType: 1
+videoUrl: ''
+localeTitle: تمديد البنائين لتلقي الحجج
+---
+
+## Description
+<section id="description"> عملت <code>Bird</code> <code>Dog</code> من التحدي الأخير بشكل جيد. ومع ذلك ، لاحظ أن جميع <code>Birds</code> التي يتم إنشاؤها بواسطة منشئ <code>Bird</code> تسمى تلقائيًا Albert ، وهي زرقاء اللون ، ولها أرجل. ماذا لو كنت تريد الطيور ذات القيم المختلفة للاسم واللون؟ من الممكن تغيير خصائص كل طائر يدويًا ، لكن ذلك سيكون كثيرًا من العمل: <blockquote style=";text-align:right;direction:rtl"> دعونا بجعة = طائر جديد () ؛ <br> swan.name = &quot;Carlos&quot;؛ <br> swan.color = &quot;white&quot;؛ </blockquote> افترض أنك كنت تكتب برنامج لتتبع مئات أو حتى الآلاف من الطيور المختلفة في القفص. سيستغرق الأمر الكثير من الوقت لإنشاء جميع الطيور ، ثم تغيير الخصائص إلى قيم مختلفة لكل واحد. لإنشاء كائنات <code>Bird</code> مختلفة بسهولة أكبر ، يمكنك تصميم منشئ Bird الخاص بك لقبول المعلمات: <blockquote style=";text-align:right;direction:rtl"> وظيفة الطيور (الاسم واللون) { <br> this.name = name؛ <br> this.color = لون؛ <br> this.numLegs = 2 ، <br> } </blockquote> ثم قم بتمرير القيم كحجج لتعريف كل طائر فريد في منشئ <code>Bird</code> : <code>let cardinal = new Bird(&quot;Bruce&quot;, &quot;red&quot;);</code> هذا يعطي مثال جديد من <code>Bird</code> مع اسم وخصائص اللون لتعيين بروس والأحمر ، على التوالي. لا يزال يتم تعيين الخاصية <code>numLegs</code> إلى 2. يحتوي <code>cardinal</code> على هذه الخصائص: <blockquote style=";text-align:right;direction:rtl"> cardinal.name // =&gt; بروس <br> cardinal.color // =&gt; أحمر <br> cardinal.numLegs // =&gt; 2 </blockquote> المنشئ أكثر مرونة. من الممكن الآن تحديد خصائص كل <code>Bird</code> في وقت إنشائه ، وهو أحد الطرق التي تكون بها منشئات جافا سكريبت مفيدة للغاية. يقوموا بتجميع الأشياء معًا استنادًا إلى الخصائص والسلوكيات المشتركة وتحديد مخطط يعمل تلقائيًا على إنشائها. </section>
+
+## Instructions
+<section id="instructions"> إنشاء منشئ <code>Dog</code> آخر. هذه المرة ، إعداده لاتخاذ المعلمات <code>name</code> <code>color</code> ، ولها خاصية <code>numLegs</code> ثابتة في 4. ثم إنشاء <code>Dog</code> جديد المحفوظة في <code>terrier</code> متغير. تمريرها جهازي كوسائط <code>name</code> ولخصائص <code>color</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Dog</code> يجب أن يحصل على حجة <code>name</code> .
+    testString: 'assert((new Dog("Clifford")).name === "Clifford", "<code>Dog</code> should receive an argument for <code>name</code>.");'
+  - text: يجب أن يحصل <code>Dog</code> على حجة <code>color</code> .
+    testString: 'assert((new Dog("Clifford", "yellow")).color === "yellow", "<code>Dog</code> should receive an argument for <code>color</code>.");'
+  - text: يجب أن يكون <code>Dog</code> لديه خاصية <code>numLegs</code> مضبوطة على 4.
+    testString: 'assert((new Dog("Clifford")).numLegs === 4, "<code>Dog</code> should have property <code>numLegs</code> set to 4.");'
+  - text: يجب أن يتم إنشاء <code>terrier</code> باستخدام منشئ <code>Dog</code> .
+    testString: 'assert(terrier instanceof Dog, "<code>terrier</code> should be created using the <code>Dog</code> constructor.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog() {
+
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/inherit-behaviors-from-a-supertype.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/inherit-behaviors-from-a-supertype.arabic.md
new file mode 100644
index 0000000000..16d603b5d9
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/inherit-behaviors-from-a-supertype.arabic.md
@@ -0,0 +1,70 @@
+---
+id: 587d7db0367417b2b2512b84
+title: Inherit Behaviors from a Supertype
+challengeType: 1
+videoUrl: ''
+localeTitle: وراثة السلوكيات من Supertype
+---
+
+## Description
+<section id="description"> في التحدي السابق ، أنشأت نوعًا من النوع <code>supertype</code> يُطلق عليه اسم <code>Animal</code> والذي حدد السلوكيات التي تتقاسمها جميع الحيوانات: <blockquote style=";text-align:right;direction:rtl"> وظيفة الحيوان () {} <br> Animal.prototype.eat = function () { <br> console.log (&quot;nom nom nom&quot;)؛ <br> }؛ </blockquote> سيغطي هذا التحدي التالي كيفية إعادة استخدام أساليب <code>Animal&#39;s</code> داخل <code>Bird</code> and <code>Dog</code> بدون تعريفهم مرة أخرى. ويستخدم تقنية تسمى <code>inheritance</code> . يغطي هذا التحدي الخطوة الأولى: تقديم مثال على النوع <code>supertype</code> (أو الأصل). أنت تعرف بالفعل طريقة واحدة لإنشاء مثيل <code>Animal</code> باستخدام المشغل <code>new</code> : <blockquote style=";text-align:right;direction:rtl"> السماح للحيوان = حيوان جديد () ؛ </blockquote> هناك بعض العيوب عند استخدام هذه الصيغة <code>inheritance</code> ، والتي تكون معقدة للغاية بالنسبة لنطاق هذا التحدي. بدلاً من ذلك ، إليك طريقة بديلة بدون هذه العيوب: <blockquote style=";text-align:right;direction:rtl"> السماح للحيوان = Object.create (Animal.prototype) ؛ </blockquote> <code>Object.create(obj)</code> بإنشاء كائن جديد ويقوم بتعيين <code>obj</code> كـ <code>prototype</code> للكائن الجديد. أذكر أن <code>prototype</code> هو مثل &quot;وصفة&quot; لإنشاء كائن. من خلال وضع <code>prototype</code> <code>animal</code> ليكون <code>prototype</code> <code>Animal&#39;s</code> ، فأنت تعطي مثال <code>animal</code> على نحو فعال نفس &quot;الوصفة&quot; كأي مثيل آخر <code>Animal</code> . <blockquote style=";text-align:right;direction:rtl"> animal.eat ()؛ // prints &quot;nom nom nom&quot; <br> الحيوان المسبب للحيوان؛ // =&gt; صحيح </blockquote></section>
+
+## Instructions
+<section id="instructions"> استخدم <code>Object.create</code> لعمل حالتين من <code>Animal</code> المسمى <code>duck</code> <code>beagle</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب تعريف متغير <code>duck</code> .
+    testString: 'assert(typeof duck !== "undefined", "The <code>duck</code> variable should be defined.");'
+  - text: يجب تعريف متغير <code>beagle</code> .
+    testString: 'assert(typeof beagle !== "undefined", "The <code>beagle</code> variable should be defined.");'
+  - text: يجب أن يكون <code>duck</code> <code>prototype</code> <code>Animal</code> .
+    testString: 'assert(duck instanceof Animal, "<code>duck</code> should have a <code>prototype</code> of <code>Animal</code>.");'
+  - text: ينبغي أن يكون <code>beagle</code> <code>prototype</code> <code>Animal</code> .
+    testString: 'assert(beagle instanceof Animal, "<code>beagle</code> should have a <code>prototype</code> of <code>Animal</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Animal() { }
+
+Animal.prototype = {
+  constructor: Animal,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+// Add your code below this line
+
+let duck; // Change this line
+let beagle; // Change this line
+
+duck.eat(); // Should print "nom nom nom"
+beagle.eat(); // Should print "nom nom nom"
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/iterate-over-all-properties.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/iterate-over-all-properties.arabic.md
new file mode 100644
index 0000000000..1c9ea85263
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/iterate-over-all-properties.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 587d7daf367417b2b2512b7d
+title: Iterate Over All Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: تكرار جميع الممتلكات
+---
+
+## Description
+<section id="description"> لقد رأيت الآن نوعين من الخصائص: الخصائص <code>own</code> وخواص <code>prototype</code> . يتم تعريف الخصائص <code>Own</code> مباشرة على مثيل الكائن نفسه. يتم تعريف خصائص <code>prototype</code> على <code>prototype</code> . <blockquote style=";text-align:right;direction:rtl"> وظيفة الطيور (الاسم) { <br> this.name = name؛ //الملكية الخاصة <br> } <br><br> Bird.prototype.numLegs = 2؛ // الملكية النموذج <br><br> السماح بطة = الطيور الجديدة (&quot;دونالد&quot;) ؛ </blockquote> هنا هو كيف يمكنك إضافة <code>duck</code> الصورة <code>own</code> خصائص لمجموعة <code>ownProps</code> و <code>prototype</code> خصائص لمجموعة <code>prototypeProps</code> : <blockquote style=";text-align:right;direction:rtl"> let ownProps = []؛ <br> السماح لـ prototypeProps = []؛ <br><br> ل (دع الممتلكات في البط) { <br> if (duck.hasOwProProty (property)) { <br> ownProps.push (الملكية)؛ <br> } آخر { <br> prototypeProps.push (الملكية)؛ <br> } <br> } <br><br> console.log (ownProps)؛ // printts [&quot;name&quot;] <br> console.log (prototypeProps)؛ // prints [&quot;numLegs&quot;] </blockquote></section>
+
+## Instructions
+<section id="instructions"> إضافة جميع الخصائص <code>own</code> <code>beagle</code> إلى مجموعة <code>ownProps</code> . إضافة كل خصائص <code>prototype</code> <code>Dog</code> إلى مجموعة <code>prototypeProps</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تتضمن صفيف <code>ownProps</code> <code>&quot;name&quot;</code> .
+    testString: 'assert(ownProps.indexOf("name") !== -1, "The <code>ownProps</code> array should include <code>"name"</code>.");'
+  - text: يجب أن تتضمن صفيف <code>prototypeProps</code> <code>&quot;numLegs&quot;</code> .
+    testString: 'assert(prototypeProps.indexOf("numLegs") !== -1, "The <code>prototypeProps</code> array should include <code>"numLegs"</code>.");'
+  - text: حل هذا التحدي دون استخدام الأسلوب <code>Object.keys()</code> .
+    testString: 'assert(!/\Object.keys/.test(code), "Solve this challenge without using the built in method <code>Object.keys()</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+Dog.prototype.numLegs = 4;
+
+let beagle = new Dog("Snoopy");
+
+let ownProps = [];
+let prototypeProps = [];
+
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/make-code-more-reusable-with-the-this-keyword.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/make-code-more-reusable-with-the-this-keyword.arabic.md
new file mode 100644
index 0000000000..a767804b78
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/make-code-more-reusable-with-the-this-keyword.arabic.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dad367417b2b2512b76
+title: Make Code More Reusable with the this Keyword
+challengeType: 1
+videoUrl: ''
+localeTitle: جعل رمز أكثر قابلة لإعادة الاستخدام مع هذه الكلمة الرئيسية
+---
+
+## Description
+<section id="description"> قدم التحدي الأخير <code>method</code> إلى كائن <code>duck</code> . استخدم <code>duck.name</code> dot notation للوصول إلى قيمة خاصية <code>name</code> داخل العبارة return: <code>sayName: function() {return &quot;The name of this duck is &quot; + duck.name + &quot;.&quot;;}</code> بينما هذا صالح طريقة للوصول إلى خاصية الكائن ، هناك شرك هنا. في حالة تغيير اسم المتغير ، يجب تحديث أي شفرة تشير إلى الاسم الأصلي أيضًا. في تعريف كائن قصير ، ليست مشكلة ، ولكن إذا كان للكائن العديد من الإشارات إلى خصائصه ، فهناك فرصة أكبر للخطأ. تتمثل إحدى الطرق لتجنب هذه المشكلات في استخدام <code>this</code> الكلمة الرئيسية: <blockquote style=";text-align:right;direction:rtl"> دع بطة = { <br> الاسم: &quot;Aflac&quot; ، <br> numLegs: 2 ، <br> sayName: function () {return &quot;اسم هذه البطة هو&quot; + this.name + &quot;.&quot;؛} <br> }؛ </blockquote> <code>this</code> موضوع عميق ، والمثال أعلاه هو طريقة واحدة فقط لاستخدامه. في السياق الحالي ، يشير <code>this</code> إلى الكائن الذي ترتبط به الطريقة: <code>duck</code> . إذا تم تغيير اسم الكائن إلى <code>mallard</code> ، فليس من الضروري العثور على جميع الإشارات إلى <code>duck</code> في الشفرة. إنه يجعل الشفرة قابلة لإعادة الاستخدام وسهلة القراءة. </section>
+
+## Instructions
+<section id="instructions"> قم بتعديل طريقة <code>dog.sayLegs</code> لإزالة أي مراجع <code>dog</code> . استخدم مثال <code>duck</code> للإرشاد. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن ترجع <code>dog.sayLegs()</code> السلسلة المعطاة.
+    testString: 'assert(dog.sayLegs() === "This dog has 4 legs.", "<code>dog.sayLegs()</code> should return the given string.");'
+  - text: يجب أن تستخدم شفرتك <code>this</code> الكلمة الرئيسية للوصول إلى خاصية <code>numLegs</code> الخاصة <code>dog</code> .
+    testString: 'assert(code.match(/this\.numLegs/g), "Your code should use the <code>this</code> keyword to access the <code>numLegs</code> property of <code>dog</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let dog = {
+  name: "Spot",
+  numLegs: 4,
+  sayLegs: function() {return "This dog has " + dog.numLegs + " legs.";}
+};
+
+dog.sayLegs();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.arabic.md
new file mode 100644
index 0000000000..213561c5a8
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.arabic.md
@@ -0,0 +1,66 @@
+---
+id: 587d7db1367417b2b2512b88
+title: Override Inherited Methods
+challengeType: 1
+videoUrl: ''
+localeTitle: تجاوز الأساليب الموروثة
+---
+
+## Description
+<section id="description"> في الدروس السابقة ، تعلمت أن الكائن يمكن أن يرث سلوكه (أساليب) من كائن آخر عن طريق استنساخ كائن <code>prototype</code> الخاص به: <blockquote style=";text-align:right;direction:rtl"> ChildObject.prototype = Object.create (ParentObject.prototype)؛ </blockquote> ثم تلقت <code>ChildObject</code> الخاصة عن طريق <code>ChildObject</code> <code>prototype</code> : <blockquote style=";text-align:right;direction:rtl"> ChildObject.prototype.methodName = function () {...}؛ </blockquote> من الممكن تجاوز طريقة وراثية. ويتم ذلك بنفس الطريقة - عن طريق إضافة طريقة إلى <code>ChildObject.prototype</code> باستخدام نفس اسم الأسلوب الذي يتم تجاوزه. في ما يلي مثال <code>Bird</code> يتفوق على طريقة <code>eat()</code> الموروثة من <code>Animal</code> : <blockquote style=";text-align:right;direction:rtl"> وظيفة الحيوان () {} <br> Animal.prototype.eat = function () { <br> return &quot;nom nom nom&quot;؛ <br> }؛ <br> وظيفة الطيور () {} <br><br> // وراثة جميع الطرق من الحيوان <br> Bird.prototype = Object.create (Animal.prototype)؛ <br><br> // Bird.eat () يتخطى Animal.eat () <br> Bird.prototype.eat = function () { <br> عودة &quot;بيك بيك بيك&quot;؛ <br> }؛ </blockquote> إذا كان لديك مثيل ، <code>let duck = new Bird();</code> واستدعاء <code>duck.eat()</code> ، هذه هي الطريقة التي يبدو جافا سكريبت لأسلوب على <code>duck&#39;s</code> <code>prototype</code> سلسلة: 1. بطة =&gt; هل تأكل () المعرفة هنا؟ رقم 2. الطيور =&gt; هل تناول الطعام () المعرفة هنا؟ =&gt; نعم. تنفيذ ذلك ووقف البحث. 3. يتم تعريف Animal =&gt; eat () أيضًا ، لكن JavaScript توقفت عن البحث قبل الوصول إلى هذا المستوى. 4. Object =&gt; توقف JavaScript عن البحث قبل الوصول إلى هذا المستوى. </section>
+
+## Instructions
+<section id="instructions"> تجاوز طريقة <code>fly()</code> لـ <code>Penguin</code> بحيث تُرجع &quot;Alas ، هذا طائر بلا <code>fly()</code> &quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن ترجع <code>penguin.fly()</code> السلسلة &quot;للأسف ، هذا طائر بلا طيار&quot;.
+    testString: 'assert(penguin.fly() === "Alas, this is a flightless bird.", "<code>penguin.fly()</code> should return the string "Alas, this is a flightless bird."");'
+  - text: يجب أن ترجع طريقة <code>bird.fly()</code> &quot;أنا <code>bird.fly()</code> !&quot;
+    testString: 'assert((new Bird()).fly() === "I am flying!", "The <code>bird.fly()</code> method should return "I am flying!"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Bird() { }
+
+Bird.prototype.fly = function() { return "I am flying!"; };
+
+function Penguin() { }
+Penguin.prototype = Object.create(Bird.prototype);
+Penguin.prototype.constructor = Penguin;
+
+// Add your code below this line
+
+
+
+// Add your code above this line
+
+let penguin = new Penguin();
+console.log(penguin.fly());
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/remember-to-set-the-constructor-property-when-changing-the-prototype.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/remember-to-set-the-constructor-property-when-changing-the-prototype.arabic.md
new file mode 100644
index 0000000000..992e179622
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/remember-to-set-the-constructor-property-when-changing-the-prototype.arabic.md
@@ -0,0 +1,63 @@
+---
+id: 587d7daf367417b2b2512b80
+title: Remember to Set the Constructor Property when Changing the Prototype
+challengeType: 1
+videoUrl: ''
+localeTitle: تذكر تعيين الخاصية منشئ عند تغيير "النموذج الأولي"
+---
+
+## Description
+<section id="description"> هناك أحد الآثار الجانبية الحاسمة لإعداد <code>prototype</code> لكائن جديد. انها تمحو الملكية <code>constructor</code> ! الشفرة في التحدي السابق ستطبع ما يلي <code>duck</code> : <blockquote style=";text-align:right;direction:rtl"> console.log (duck.constructor) <br> // prints &#39;undefined&#39; - عفوًا! </blockquote> لإصلاح ذلك ، عند تعيين نموذج أولي يدويًا لكائن جديد ، تذكر تحديد خاصية <code>constructor</code> : <blockquote style=";text-align:right;direction:rtl"> Bird.prototype = { <br> constructor: Bird، // define الخاصية منشئ <br> numLegs: 2 ، <br> أكل: وظيفة () { <br> console.log (&quot;nom nom nom&quot;)؛ <br> }، <br> وصف: الوظيفة () { <br> console.log (&quot;اسمي هو&quot; + this.name)؛ <br> } <br> }؛ </blockquote></section>
+
+## Instructions
+<section id="instructions"> تحديد خاصية <code>constructor</code> على <code>prototype</code> <code>Dog</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Dog.prototype</code> يجب تعيين الخاصية <code>constructor</code> .
+    testString: 'assert(Dog.prototype.constructor === Dog, "<code>Dog.prototype</code> should set the <code>constructor</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+// Modify the code below this line
+Dog.prototype = {
+
+  numLegs: 2,
+  eat: function() {
+    console.log("nom nom nom");
+  },
+  describe: function() {
+    console.log("My name is " + this.name);
+  }
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.arabic.md
new file mode 100644
index 0000000000..e07cd59f38
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.arabic.md
@@ -0,0 +1,67 @@
+---
+id: 587d7db1367417b2b2512b86
+title: Reset an Inherited Constructor Property
+challengeType: 1
+videoUrl: ''
+localeTitle: إعادة تعيين منشئ Conherrated الخاصية
+---
+
+## Description
+<section id="description"> عندما يرث كائن <code>prototype</code> الخاص به من كائن آخر ، فإنه يرث أيضًا خاصية مُنشئ <code>supertype</code> . إليك مثال على ذلك: <blockquote style=";text-align:right;direction:rtl"> وظيفة الطيور () {} <br> Bird.prototype = Object.create (Animal.prototype)؛ <br> السماح بطة = الطيور الجديدة () ؛ <br> duck.constructor // وظيفة الحيوان () {...} </blockquote> ولكن يجب أن تظهر <code>duck</code> وجميع حالات <code>Bird</code> التي شيدت من قبل <code>Bird</code> وليس <code>Animal</code> . للقيام بذلك، يمكنك تعيين يدويا <code>Bird&#39;s</code> الملكية منشئ إلى <code>Bird</code> وجوه: <blockquote style=";text-align:right;direction:rtl"> Bird.prototype.constructor = Bird؛ <br> duck.constructor // function Bird () {...} </blockquote></section>
+
+## Instructions
+<section id="instructions"> إصلاح التعليمات البرمجية بحيث <code>duck.constructor</code> و <code>beagle.constructor</code> إرجاع <code>beagle.constructor</code> الخاصة بهم. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>Bird.prototype</code> مثالًا <code>Animal</code> .
+    testString: 'assert(Animal.prototype.isPrototypeOf(Bird.prototype), "<code>Bird.prototype</code> should be an instance of <code>Animal</code>.");'
+  - text: يجب أن يعود <code>duck.constructor</code> <code>Bird</code> .
+    testString: 'assert(duck.constructor === Bird, "<code>duck.constructor</code> should return <code>Bird</code>.");'
+  - text: يجب أن يكون <code>Dog.prototype</code> مثالا <code>Animal</code> .
+    testString: 'assert(Animal.prototype.isPrototypeOf(Dog.prototype), "<code>Dog.prototype</code> should be an instance of <code>Animal</code>.");'
+  - text: يجب أن يعود <code>beagle.constructor</code> <code>Dog</code> .
+    testString: 'assert(beagle.constructor === Dog, "<code>beagle.constructor</code> should return <code>Dog</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Animal() { }
+function Bird() { }
+function Dog() { }
+
+Bird.prototype = Object.create(Animal.prototype);
+Dog.prototype = Object.create(Animal.prototype);
+
+// Add your code below this line
+
+
+
+let duck = new Bird();
+let beagle = new Dog();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/set-the-childs-prototype-to-an-instance-of-the-parent.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/set-the-childs-prototype-to-an-instance-of-the-parent.arabic.md
new file mode 100644
index 0000000000..bd5b2c4a27
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/set-the-childs-prototype-to-an-instance-of-the-parent.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 587d7db1367417b2b2512b85
+title: Set the Child's Prototype to an Instance of the Parent
+challengeType: 1
+videoUrl: ''
+localeTitle: قم بتعيين Prototype الخاص بالطفل إلى مثيل من أصل
+---
+
+## Description
+<section id="description"> في التحدي السابق ، شاهدت الخطوة الأولى لوراثة السلوك من <code>Animal</code> <code>supertype</code> (أو الوالد): صنع نسخة جديدة من <code>Animal</code> . يغطي هذا التحدي الخطوة التالية: تعيين <code>prototype</code> <code>subtype</code> (أو الطفل) - في هذه الحالة ، <code>Bird</code> - لتكون مثالًا <code>Animal</code> . <blockquote style=";text-align:right;direction:rtl"> Bird.prototype = Object.create (Animal.prototype)؛ </blockquote> تذكر أن <code>prototype</code> هو مثل &quot;وصفة&quot; لإنشاء كائن. بطريقة ما ، تتضمن وصفة <code>Bird</code> الآن جميع &quot;المكونات&quot; الأساسية من <code>Animal</code> . <blockquote style=";text-align:right;direction:rtl"> السماح بطة = الطيور الجديدة (&quot;دونالد&quot;) ؛ <br> duck.eat ()؛ // prints &quot;nom nom nom&quot; </blockquote> يرث <code>duck</code> جميع خصائص <code>Animal</code> ، بما في ذلك طريقة <code>eat</code> . </section>
+
+## Instructions
+<section id="instructions"> تعديل التعليمات البرمجية بحيث ترث حالات <code>Dog</code> من <code>Animal</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>Dog.prototype</code> مثالا <code>Animal</code> .
+    testString: 'assert(Animal.prototype.isPrototypeOf(Dog.prototype), "<code>Dog.prototype</code> should be an instance of <code>Animal</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Animal() { }
+
+Animal.prototype = {
+  constructor: Animal,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+function Dog() { }
+
+// Add your code below this line
+
+
+let beagle = new Dog();
+beagle.eat();  // Should print "nom nom nom"
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-own-properties.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-own-properties.arabic.md
new file mode 100644
index 0000000000..1e4875f522
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-own-properties.arabic.md
@@ -0,0 +1,58 @@
+---
+id: 587d7dae367417b2b2512b7b
+title: Understand Own Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: فهم خصائص خاصة
+---
+
+## Description
+<section id="description"> في المثال التالي ، يعرف منشئ <code>Bird</code> خاصيتين: <code>name</code> و <code>numLegs</code> : <blockquote style=";text-align:right;direction:rtl"> وظيفة الطيور (الاسم) { <br> this.name = name؛ <br> this.numLegs = 2 ، <br> } <br><br> السماح بطة = الطيور الجديدة (&quot;دونالد&quot;) ؛ <br> السماح الكناري = الطيور الجديدة (&quot;تويتي&quot;) ؛ </blockquote> <code>name</code> و <code>numLegs</code> تسمى الخصائص <code>own</code> ، لأنها محددة مباشرة على كائن مثيل. وهذا يعني أن كل من <code>duck</code> <code>canary</code> له نسخة منفصلة خاصة به من هذه الخصائص. في الواقع ، سيكون لكل نسخة من <code>Bird</code> نسخة خاصة بها من هذه الخصائص. التعليمة البرمجية التالية يضيف كل من <code>own</code> خصائص <code>duck</code> لمجموعة <code>ownProps</code> : <blockquote style=";text-align:right;direction:rtl"> let ownProps = []؛ <br><br> ل (دع الممتلكات في البط) { <br> if (duck.hasOwProProty (property)) { <br> ownProps.push (الملكية)؛ <br> } <br> } <br><br> console.log (ownProps)؛ // prints [&quot;name&quot;، &quot;numLegs&quot;] </blockquote></section>
+
+## Instructions
+<section id="instructions"> إضافة الخصائص <code>own</code> <code>canary</code> إلى مجموعة <code>ownProps</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تتضمن <code>ownProps</code> القيم <code>&quot;numLegs&quot;</code> و <code>&quot;name&quot;</code> .
+    testString: 'assert(ownProps.indexOf("name") !== -1 && ownProps.indexOf("numLegs") !== -1, "<code>ownProps</code> should include the values <code>"numLegs"</code> and <code>"name"</code>.");'
+  - text: حل هذا التحدي دون استخدام الأسلوب <code>Object.keys()</code> .
+    testString: 'assert(!/\Object.keys/.test(code), "Solve this challenge without using the built in method <code>Object.keys()</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Bird(name) {
+  this.name = name;
+  this.numLegs = 2;
+}
+
+let canary = new Bird("Tweety");
+let ownProps = [];
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-constructor-property.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-constructor-property.arabic.md
new file mode 100644
index 0000000000..c1ff0cc163
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-constructor-property.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 587d7daf367417b2b2512b7e
+title: Understand the Constructor Property
+challengeType: 1
+videoUrl: ''
+localeTitle: فهم خاصية منشئ
+---
+
+## Description
+<section id="description"> هناك خاصية <code>constructor</code> خاص تقع على كائنات الكائن <code>duck</code> <code>beagle</code> التي تم إنشاؤها في التحديات السابقة: <blockquote style=";text-align:right;direction:rtl"> السماح بطة = الطيور الجديدة () ؛ <br> دع بيغل = كلب جديد ()؛ <br><br> console.log (duck.constructor === Bird)؛ // يطبع صحيح <br> console.log (beagle.constructor === Dog)؛ // يطبع صحيح </blockquote> لاحظ أن الخاصية <code>constructor</code> مرجع إلى الدالة منشئ الذي أنشأ المثيل. ميزة الخاصية <code>constructor</code> أنه من الممكن التحقق من هذه الخاصية لمعرفة نوع الكائن. في ما يلي مثال لكيفية استخدام هذا: <blockquote style=";text-align:right;direction:rtl"> وظيفة joinBirdFraternity (مرشح) { <br> if (candidate.constructor === Bird) { <br> عاد صحيح <br> } آخر { <br> عودة كاذبة؛ <br> } <br> } </blockquote> <strong>ملحوظة</strong> <br> نظرًا لأنه يمكن الكتابة فوق خاصية <code>constructor</code> (والتي سيتم تغطيتها في التحديين التاليين) ، فمن الأفضل عمومًا استخدام أسلوب <code>instanceof</code> للتحقق من نوع الكائن. </section>
+
+## Instructions
+<section id="instructions"> اكتب دالة <code>joinDogFraternity</code> تأخذ معلمة <code>candidate</code> ، وتعود باستخدام خاصية <code>constructor</code> ، <code>true</code> إذا كان المرشح <code>Dog</code> ، وإلا تعيد <code>false</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب تعريف <code>joinDogFraternity</code> كدالة.
+    testString: 'assert(typeof(joinDogFraternity) === "function", "<code>joinDogFraternity</code> should be defined as a function.");'
+  - text: يجب أن تعود <code>joinDogFraternity</code> true إذا كان <code>candidate</code> مثالًا لـ <code>Dog</code> .
+    testString: 'assert(joinDogFraternity(new Dog("")) === true, "<code>joinDogFraternity</code> should return true if<code>candidate</code> is an instance of <code>Dog</code>.");'
+  - text: <code>joinDogFraternity</code> يجب استخدام الخاصية <code>constructor</code> .
+    testString: 'assert(/\.constructor/.test(code) && !/instanceof/.test(code), "<code>joinDogFraternity</code> should use the <code>constructor</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+// Add your code below this line
+function joinDogFraternity(candidate) {
+
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-immediately-invoked-function-expression-iife.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-immediately-invoked-function-expression-iife.arabic.md
new file mode 100644
index 0000000000..b882b5bab1
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-immediately-invoked-function-expression-iife.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db2367417b2b2512b8b
+title: Understand the Immediately Invoked Function Expression (IIFE)
+challengeType: 1
+videoUrl: ''
+localeTitle: فهم تعبير الدالة المستحثة فوراً (IIFE)
+---
+
+## Description
+<section id="description"> نمط شائع في JavaScript هو تنفيذ وظيفة بمجرد إعلانها: <blockquote style=";text-align:right;direction:rtl"> (وظيفة () { <br> console.log (&quot;Chirp، chirp!&quot;)؛ <br> }) ()؛ // هذا هو تعبير وظيفة مجهول ينفذ على الفور <br> // المخرجات &quot;غرد ، غرد!&quot; فورا </blockquote> لاحظ أن الدالة ليس لها اسم ولا يتم تخزينها في متغير. الأقواس () في نهاية تعبير الدالة تتسبب في تنفيذها أو استدعاءها على الفور. يُعرف هذا النمط باسم <code>immediately invoked function expression</code> <code>IIFE</code> أو <code>IIFE</code> . </section>
+
+## Instructions
+<section id="instructions"> <code>makeNest</code> كتابة الدالة <code>makeNest</code> وإزالة دعوتها ، لذا فهي عبارة <code>immediately invoked function expression</code> مجهول على <code>immediately invoked function expression</code> ( <code>IIFE</code> ). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تكون الوظيفة مجهولة.
+    testString: 'assert(/\(\s*?function\s*?\(\s*?\)\s*?{/.test(code), "The function should be anonymous.");'
+  - text: يجب أن تحتوي الدالة الخاصة بك على أقواس في نهاية التعبير للاتصال به على الفور.
+    testString: 'assert(/}\s*?\)\s*?\(\s*?\)/.test(code), "Your function should have parentheses at the end of the expression to call it immediately.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function makeNest() {
+  console.log("A cozy nest is ready");
+}
+
+makeNest();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-prototype-chain.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-prototype-chain.arabic.md
new file mode 100644
index 0000000000..f4346a734f
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-prototype-chain.arabic.md
@@ -0,0 +1,58 @@
+---
+id: 587d7db0367417b2b2512b82
+title: Understand the Prototype Chain
+challengeType: 1
+videoUrl: ''
+localeTitle: فهم سلسلة النموذج
+---
+
+## Description
+<section id="description"> جميع الكائنات في JavaScript (مع بعض الاستثناءات) لديها <code>prototype</code> . أيضا ، فإن <code>prototype</code> للكائن هو كائن. <blockquote style=";text-align:right;direction:rtl"> وظيفة الطيور (الاسم) { <br> this.name = name؛ <br> } <br><br> typeof Bird.prototype ، // =&gt; كائن </blockquote> لأن <code>prototype</code> هو كائن، وهو <code>prototype</code> يمكن أن يكون الخاص <code>prototype</code> ! في هذه الحالة ، يكون <code>prototype</code> <code>Bird.prototype</code> هو <code>Object.prototype</code> : <blockquote style=";text-align:right;direction:rtl"> Object.prototype.isPrototypeOf (Bird.prototype)؛ <br> // يعود صحيح </blockquote> كيف هذا مفيد؟ قد تتذكر أسلوب <code>hasOwnProperty</code> من التحدي السابق: <blockquote style=";text-align:right;direction:rtl"> السماح بطة = الطيور الجديدة (&quot;دونالد&quot;) ؛ <br> duck.hasOwnProperty ( &quot;اسم&quot;)؛ // =&gt; صحيح </blockquote> يتم تعريف أسلوب <code>hasOwnProperty</code> في <code>Object.prototype</code> ، والذي يمكن الوصول إليه بواسطة <code>Bird.prototype</code> ، والذي يمكن الوصول إليه بواسطة <code>duck</code> . هذا مثال على سلسلة <code>prototype</code> . في هذا <code>prototype</code> سلسلة، <code>Bird</code> هو <code>supertype</code> ل <code>duck</code> ، في حين أن <code>duck</code> هو <code>subtype</code> . <code>Object</code> هو نوع <code>supertype</code> لكل من <code>Bird</code> و <code>duck</code> . <code>Object</code> هو نوع <code>supertype</code> لجميع الكائنات في JavaScript. لذلك ، يمكن استخدام أي كائن أسلوب <code>hasOwnProperty</code> . </section>
+
+## Instructions
+<section id="instructions"> تعديل الرمز لإظهار سلسلة النموذج الأولي الصحيح. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تُظهر الكود الخاص بك أن <code>Object.prototype</code> هو النموذج الأولي لـ <code>Dog.prototype</code> &quot;)
+    testString: 'assert(/Object\.prototype\.isPrototypeOf/.test(code), "Your code should show that <code>Object.prototype</code> is the prototype of <code>Dog.prototype</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+let beagle = new Dog("Snoopy");
+
+Dog.prototype.isPrototypeOf(beagle);  // => true
+
+// Fix the code below so that it evaluates to true
+???.isPrototypeOf(Dog.prototype);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-where-an-objects-prototype-comes-from.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-where-an-objects-prototype-comes-from.arabic.md
new file mode 100644
index 0000000000..5a0e82977d
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-where-an-objects-prototype-comes-from.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db0367417b2b2512b81
+title: Understand Where an Object’s Prototype Comes From
+challengeType: 1
+videoUrl: ''
+localeTitle: فهم أين يأتي النموذج الأولي للكائن من
+---
+
+## Description
+<section id="description"> مثلما يرث الناس جيناتهم من آبائهم ، يرث الكائن <code>prototype</code> مباشرةً من دالة المُنشئ التي أنشأته. على سبيل المثال ، هنا ينشئ منشئ <code>Bird</code> كائن <code>duck</code> : <blockquote style=";text-align:right;direction:rtl"> وظيفة الطيور (الاسم) { <br> this.name = name؛ <br> } <br><br> السماح بطة = الطيور الجديدة (&quot;دونالد&quot;) ؛ </blockquote> يرث <code>duck</code> نموذجها <code>prototype</code> من وظيفة منشئ <code>Bird</code> . يمكنك إظهار هذه العلاقة مع طريقة <code>isPrototypeOf</code> : <blockquote style=";text-align:right;direction:rtl"> Bird.prototype.isPrototypeOf (بطة)؛ <br> // يعود صحيح </blockquote></section>
+
+## Instructions
+<section id="instructions"> استخدم <code>isPrototypeOf</code> للتحقق من <code>prototype</code> <code>beagle</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: تبين أن <code>Dog.prototype</code> هو <code>prototype</code> من <code>beagle</code>
+    testString: 'assert(/Dog\.prototype\.isPrototypeOf\(beagle\)/.test(code), "Show that <code>Dog.prototype</code> is the <code>prototype</code> of <code>beagle</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+let beagle = new Dog("Snoopy");
+
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-constructor-to-create-objects.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-constructor-to-create-objects.arabic.md
new file mode 100644
index 0000000000..b3ea514cb7
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-constructor-to-create-objects.arabic.md
@@ -0,0 +1,56 @@
+---
+id: 587d7dad367417b2b2512b78
+title: Use a Constructor to Create Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: استخدم منشئ لإنشاء كائنات
+---
+
+## Description
+<section id="description"> هنا منشئ <code>Bird</code> من التحدي السابق: <blockquote style=";text-align:right;direction:rtl"> وظيفة الطيور () { <br> this.name = &quot;Albert&quot;؛ <br> this.color = &quot;blue&quot;؛ <br> this.numLegs = 2 ، <br> // &quot;هذا&quot; داخل المنشئ يشير دائمًا إلى الكائن الذي يتم إنشاؤه <br> } <br><br> واسمحوا blueBird = الطيور الجديدة () ؛ </blockquote> لاحظ أن المشغل <code>new</code> يستخدم عند استدعاء منشئ. هذا يخبر JavaScript لإنشاء <code>instance</code> جديد من <code>Bird</code> باسم <code>blueBird</code> . بدون المشغل <code>new</code> ، لا يشير <code>this</code> داخل المُنشئ إلى الكائن الذي تم إنشاؤه حديثًا ، مما يعطي نتائج غير متوقعة. الآن <code>blueBird</code> لديه كل الخصائص التي تم تعريفها داخل منشئ <code>Bird</code> : <blockquote style=";text-align:right;direction:rtl"> blueBird.name. // =&gt; ألبرت <br> blueBird.color. // =&gt; أزرق <br> blueBird.numLegs. // =&gt; 2 </blockquote> تمامًا مثل أي كائن آخر ، يمكن الوصول إلى خصائصه وتعديلها: <blockquote style=";text-align:right;direction:rtl"> blueBird.name = &#39;Elvira&#39; ، <br> blueBird.name. // =&gt; إلفيرا </blockquote></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب إنشاء <code>hound</code> باستخدام منشئ <code>Dog</code> .
+    testString: 'assert(hound instanceof Dog, "<code>hound</code> should be created using the <code>Dog</code> constructor.");'
+  - text: يجب أن تستخدم شفرتك المشغل <code>new</code> لإنشاء <code>instance</code> <code>Dog</code> .
+    testString: 'assert(code.match(/new/g), "Your code should use the <code>new</code> operator to create an <code>instance</code> of <code>Dog</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog() {
+  this.name = "Rupert";
+  this.color = "brown";
+  this.numLegs = 4;
+}
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.arabic.md
new file mode 100644
index 0000000000..78020c8403
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.arabic.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db2367417b2b2512b89
+title: Use a Mixin to Add Common Behavior Between Unrelated Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: استخدم Mixin لإضافة سلوك شائع بين الكائنات غير المرتبطة
+---
+
+## Description
+<section id="description"> كما رأيت ، يتم تقاسم السلوك من خلال الوراثة. ومع ذلك ، هناك حالات عندما لا يكون الوراثة هو الحل الأفضل. لا يعمل الميراث بشكل جيد مع الكائنات غير المرتبطة مثل <code>Bird</code> و <code>Airplane</code> . يستطيع كلاهما الطيران ، لكن <code>Bird</code> ليست نوعًا من <code>Airplane</code> والعكس صحيح. بالنسبة للكائنات غير المرتبطة ، من الأفضل استخدام <code>mixins</code> . يسمح <code>mixin</code> للكائنات الأخرى باستخدام مجموعة من الوظائف. <blockquote style=";text-align:right;direction:rtl"> let flyMixin = function (obj) { <br> obj.fly = function () { <br> console.log (&quot;الطائر ، wooosh!&quot;) ؛ <br> } <br> }؛ </blockquote> يأخذ <code>flyMixin</code> أي كائن ويعطيه طريقة <code>fly</code> . <blockquote style=";text-align:right;direction:rtl"> دع الطائر = { <br> الاسم: &quot;دونالد&quot; ، <br> numLegs: 2 <br> }؛ <br><br> واسمحوا الطائرة = { <br> model: &quot;777&quot; ، <br> num بالمرشحين: 524 <br> }؛ <br><br> flyMixin (الطيور)؛ <br> flyMixin (طائرة)؛ </blockquote> هنا يتم تمرير <code>bird</code> <code>plane</code> في <code>flyMixin</code> ، والذي يقوم بتعيين وظيفة <code>fly</code> لكل كائن. الآن يمكن <code>bird</code> <code>plane</code> الطيران: <blockquote style=";text-align:right;direction:rtl"> طائر يطير()؛ // prints &quot;Flying، wooosh!&quot; <br> plane.fly ()؛ // prints &quot;Flying، wooosh!&quot; </blockquote> لاحظ كيف يسمح هذا <code>mixin</code> بإعادة استخدام نفس طريقة <code>fly</code> بواسطة كائنات لا علاقة لها <code>bird</code> <code>plane</code> . </section>
+
+## Instructions
+<section id="instructions"> إنشاء <code>mixin</code> المسمى <code>glideMixin</code> الذي يحدد طريقة تسمى <code>glide</code> . ثم استخدم <code>glideMixin</code> لإعطاء كل من <code>bird</code> <code>boat</code> القدرة على الانزلاق. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تقوم التعليمات البرمجية بتعريف متغير <code>glideMixin</code> الذي يعد دالة.
+    testString: 'assert(typeof glideMixin === "function", "Your code should declare a <code>glideMixin</code> variable that is a function.");'
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك <code>glideMixin</code> على كائن <code>bird</code> لإعطائه طريقة <code>glide</code> .
+    testString: 'assert(typeof bird.glide === "function", "Your code should use the <code>glideMixin</code> on the <code>bird</code> object to give it the <code>glide</code> method.");'
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك <code>glideMixin</code> على كائن <code>boat</code> لإعطائه طريقة <code>glide</code> .
+    testString: 'assert(typeof boat.glide === "function", "Your code should use the <code>glideMixin</code> on the <code>boat</code> object to give it the <code>glide</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let bird = {
+  name: "Donald",
+  numLegs: 2
+};
+
+let boat = {
+  name: "Warrior",
+  type: "race-boat"
+};
+
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-an-iife-to-create-a-module.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-an-iife-to-create-a-module.arabic.md
new file mode 100644
index 0000000000..00392f4888
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-an-iife-to-create-a-module.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 587d7db2367417b2b2512b8c
+title: Use an IIFE to Create a Module
+challengeType: 1
+videoUrl: ''
+localeTitle: استخدم IIFE لإنشاء وحدة نمطية
+---
+
+## Description
+<section id="description"> غالبا ما يتم استخدام <code>immediately invoked function expression</code> <code>IIFE</code> <code>immediately invoked function expression</code> ( <code>IIFE</code> ) لتجميع الوظائف ذات الصلة في كائن واحد أو <code>module</code> واحدة. على سبيل المثال ، حدد تحدٍ سابق اثنين من المزيج: <blockquote style=";text-align:right;direction:rtl"> وظيفة glideMixin (obj) { <br> obj.glide = function () { <br> console.log (&quot;الانزلاق على الماء&quot;) ؛ <br> }؛ <br> } <br> وظيفة flyMixin (obj) { <br> obj.fly = function () { <br> console.log (&quot;الطائر ، wooosh!&quot;) ؛ <br> }؛ <br> } </blockquote> يمكننا تجميع هذه <code>mixins</code> في وحدة نمطية على النحو التالي: <blockquote style=";text-align:right;direction:rtl"> let motionModule = (function () { <br> إرجاع { <br> glideMixin: function (obj) { <br> obj.glide = function () { <br> console.log (&quot;الانزلاق على الماء&quot;) ؛ <br> }؛ <br> }، <br> flyMixin: وظيفة (obj) { <br> obj.fly = function () { <br> console.log (&quot;الطائر ، wooosh!&quot;) ؛ <br> }؛ <br> } <br> } <br> }) ()؛ // يتسبب هذان القوسان في استدعاء الدالة على الفور </blockquote> لاحظ أن لديك <code>immediately invoked function expression</code> ( <code>IIFE</code> ) تقوم بإرجاع كائن <code>motionModule</code> . يحتوي هذا الكائن الذي تم إرجاعه على كافة سلوكيات <code>mixin</code> كخصائص للكائن. وتتمثل ميزة نمط <code>module</code> في إمكانية تجميع كل سلوكيات الحركة في كائن واحد يمكن استخدامه بعد ذلك بواسطة أجزاء أخرى من شفرتك. هنا مثال على ذلك استخدامه: <blockquote style=";text-align:right;direction:rtl"> motionModule.glideMixin (بطة)؛ <br> duck.glide ()؛ </blockquote></section>
+
+## Instructions
+<section id="instructions"> إنشاء <code>module</code> اسمه <code>funModule</code> التفاف اثنين من <code>mixins</code> <code>isCuteMixin</code> و <code>singMixin</code> . يجب أن ترجع <code>funModule</code> كائن. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب تعريف <code>funModule</code> وإرجاع كائن.
+    testString: 'assert(typeof funModule === "object", "<code>funModule</code> should be defined and return an object.");'
+  - text: <code>funModule.isCuteMixin</code> يجب الوصول إلى وظيفة.
+    testString: 'assert(typeof funModule.isCuteMixin === "function", "<code>funModule.isCuteMixin</code> should access a function.");'
+  - text: <code>funModule.singMixin</code> يجب الوصول إلى وظيفة.
+    testString: 'assert(typeof funModule.singMixin === "function", "<code>funModule.singMixin</code> should access a function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let isCuteMixin = function(obj) {
+  obj.isCute = function() {
+    return true;
+  };
+};
+let singMixin = function(obj) {
+  obj.sing = function() {
+    console.log("Singing to an awesome tune");
+  };
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.arabic.md
new file mode 100644
index 0000000000..c9d5da72ff
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db2367417b2b2512b8a
+title: Use Closure to Protect Properties Within an Object from Being Modified Externally
+challengeType: 1
+videoUrl: ''
+localeTitle: استخدم Closure لحماية الخصائص داخل كائن من التعديل الخارجي
+---
+
+## Description
+<section id="description"> في التحدي السابق ، كان <code>bird</code> <code>name</code> ملكية عامة. ويعتبر الجمهور لأنه يمكن الوصول إليها وتغييرها خارج تعريف <code>bird</code> . <blockquote style=";text-align:right;direction:rtl"> bird.name = &quot;Duffy&quot; ؛ </blockquote> لذلك ، يمكن لأي جزء من التعليمات البرمجية بسهولة تغيير اسم <code>bird</code> إلى أي قيمة. فكر في أشياء مثل كلمات المرور والحسابات المصرفية التي يمكن تغييرها بسهولة عن طريق أي جزء من تعليمات البرمجة لديك. يمكن أن يسبب الكثير من القضايا. إن أبسط طريقة لجعل الخصائص خاصة هي عن طريق إنشاء متغير داخل دالة المنشئ. هذا يغير نطاق هذا المتغير ليكون داخل دالة المنشئ مقابل المتاحة عالمياً. بهذه الطريقة ، يمكن الوصول إلى الخاصية وتغييرها فقط بالطرق داخل دالة المنشئ أيضًا. <blockquote style=";text-align:right;direction:rtl"> وظيفة الطيور () { <br> واسمحوا hatchedEgg = 10 ؛ // ملكية خاصة <br><br> this.getHatchedEggCount = function () {/ / / يمكن للجمهور أن يستخدم طريقة الطيور <br> العودة مع الفقس. <br> }؛ <br> } <br> دع الحبيب = طائر جديد () ؛ <br> ducky.getHatchedEggCount ()؛ // returns 10 </blockquote> هنا ، يعد <code>getHachedEggCount</code> طريقة مميزة ، لأنه يمتلك إمكانية الوصول إلى المتغير <code>hatchedEgg</code> . هذا ممكن لأنه يتم الإعلان عن <code>hatchedEgg</code> في نفس السياق مثل <code>getHachedEggCount</code> . في جافا سكريبت ، يمكن لأي وظيفة دائمًا الوصول إلى السياق الذي تم إنشاؤه فيه. وهذا ما يسمى <code>closure</code> . </section>
+
+## Instructions
+<section id="instructions"> تغيير كيفية تحديد <code>weight</code> في وظيفة <code>Bird</code> لذا فهو متغير خاص. ثم قم بإنشاء أسلوب <code>getWeight</code> بإرجاع قيمة <code>weight</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تكون خاصية <code>weight</code> متغيرًا خاصًا.
+    testString: 'assert(!code.match(/this\.weight/g), "The <code>weight</code> property should be a private variable.");'
+  - text: يجب أن تقوم التعليمات البرمجية بإنشاء طريقة في <code>Bird</code> تسمى <code>getWeight</code> تقوم بإرجاع <code>weight</code> .
+    testString: 'assert((new Bird()).getWeight() === 15, "Your code should create a method in <code>Bird</code> called <code>getWeight</code> that returns the <code>weight</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Bird() {
+  this.weight = 15;
+
+
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-dot-notation-to-access-the-properties-of-an-object.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-dot-notation-to-access-the-properties-of-an-object.arabic.md
new file mode 100644
index 0000000000..3e1357050b
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-dot-notation-to-access-the-properties-of-an-object.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 587d7dac367417b2b2512b74
+title: Use Dot Notation to Access the Properties of an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: استخدم Dot Notation للوصول إلى خصائص كائن
+---
+
+## Description
+<section id="description"> خلق التحدي الأخير <code>object</code> به <code>properties</code> ، والآن سترى كيفية الوصول إلى قيم تلك <code>properties</code> . إليك مثال على ذلك: <blockquote style=";text-align:right;direction:rtl"> دع بطة = { <br> الاسم: &quot;Aflac&quot; ، <br> numLegs: 2 <br> }؛ <br> console.log (duck.name)؛ <br> // هذا يطبع &quot;Aflac&quot; إلى وحدة التحكم </blockquote> يتم استخدام الترقيم النقطي على اسم <code>object</code> ، <code>duck</code> ، متبوعًا باسم <code>property</code> ، <code>name</code> ، للوصول إلى قيمة &quot;Aflac&quot;. </section>
+
+## Instructions
+<section id="instructions"> طباعة كلا <code>properties</code> كائن <code>dog</code> أدناه لوحدة التحكم الخاصة بك. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب عليك استخدام <code>console.log</code> لطباعة القيمة لخاصية <code>name</code> كائن <code>dog</code> .
+    testString: 'assert(/console.log\(.*dog\.name.*\)/g.test(code), "Your should use <code>console.log</code> to print the value for the <code>name</code> property of the <code>dog</code> object.");'
+  - text: يجب استخدامك <code>console.log</code> لطباعة القيمة لخاصية <code>numLegs</code> للكائن <code>dog</code> .
+    testString: 'assert(/console.log\(.*dog\.numLegs.*\)/g.test(code), "Your should use <code>console.log</code> to print the value for the <code>numLegs</code> property of the <code>dog</code> object.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let dog = {
+  name: "Spot",
+  numLegs: 4
+};
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-inheritance-so-you-dont-repeat-yourself.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-inheritance-so-you-dont-repeat-yourself.arabic.md
new file mode 100644
index 0000000000..441b29988c
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-inheritance-so-you-dont-repeat-yourself.arabic.md
@@ -0,0 +1,80 @@
+---
+id: 587d7db0367417b2b2512b83
+title: Use Inheritance So You Don't Repeat Yourself
+challengeType: 1
+videoUrl: ''
+localeTitle: استخدام الوراثة حتى لا تكرر نفسك
+---
+
+## Description
+<section id="description"> هناك مبدأ في البرمجة يسمى &quot; <code>Don&#39;t Repeat Yourself (DRY)</code> . السبب في تكرار التعليمات البرمجية هو مشكلة لأن أي تغيير يتطلب إصلاح الكود في أماكن متعددة. هذا عادة ما يعني المزيد من العمل للمبرمجين ومجالاً أكبر للأخطاء. لاحظ في المثال أدناه أن طريقة <code>describe</code> تتم مشاركتها بواسطة <code>Bird</code> and <code>Dog</code> : <blockquote style=";text-align:right;direction:rtl"> Bird.prototype = { <br> منشئ: الطيور ، <br> وصف: الوظيفة () { <br> console.log (&quot;اسمي هو&quot; + this.name)؛ <br> } <br> }؛ <br><br> Dog.prototype = { <br> منشئ: كلب ، <br> وصف: الوظيفة () { <br> console.log (&quot;اسمي هو&quot; + this.name)؛ <br> } <br> }؛ </blockquote> تكرر طريقة <code>describe</code> في مكانين. يمكن تحرير الرمز ليتبع مبدأ <code>DRY</code> عن طريق إنشاء نوع <code>supertype</code> (أو الأصل) يسمى <code>Animal</code> : <blockquote style=";text-align:right;direction:rtl"> وظيفة الحيوان () {}؛ <br><br> Animal.prototype = { <br> منشئ: الحيوان ، <br> وصف: الوظيفة () { <br> console.log (&quot;اسمي هو&quot; + this.name)؛ <br> } <br> }؛ </blockquote> بما أن <code>Animal</code> يشتمل على طريقة <code>describe</code> ، فيمكنك إزالتها من <code>Bird</code> and <code>Dog</code> : <blockquote style=";text-align:right;direction:rtl"> Bird.prototype = { <br> منشئ: الطيور <br> }؛ <br><br> Dog.prototype = { <br> منشئ: كلب <br> }؛ </blockquote></section>
+
+## Instructions
+<section id="instructions"> تتكرر طريقة <code>eat</code> في كل من <code>Cat</code> and <code>Bear</code> . قم بتحرير الكود بروح <code>DRY</code> بتحريك طريقة <code>eat</code> إلى نوع <code>supertype</code> <code>Animal</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>Animal.prototype</code> خاصية <code>eat</code> .
+    testString: 'assert(Animal.prototype.hasOwnProperty("eat"), "<code>Animal.prototype</code> should have the <code>eat</code> property.");'
+  - text: يجب أن لا يكون <code>Bear.prototype</code> خاصية <code>eat</code> .
+    testString: 'assert(!(Bear.prototype.hasOwnProperty("eat")), "<code>Bear.prototype</code> should not have the <code>eat</code> property.");'
+  - text: يجب ألا يكون لدى <code>Cat.prototype</code> خاصية <code>eat</code> .
+    testString: 'assert(!(Cat.prototype.hasOwnProperty("eat")), "<code>Cat.prototype</code> should not have the <code>eat</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Cat(name) {
+  this.name = name;
+}
+
+Cat.prototype = {
+  constructor: Cat,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+function Bear(name) {
+  this.name = name;
+}
+
+Bear.prototype = {
+  constructor: Bear,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+function Animal() { }
+
+Animal.prototype = {
+  constructor: Animal,
+
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-prototype-properties-to-reduce-duplicate-code.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-prototype-properties-to-reduce-duplicate-code.arabic.md
new file mode 100644
index 0000000000..a04914ebb2
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-prototype-properties-to-reduce-duplicate-code.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 587d7dae367417b2b2512b7c
+title: Use Prototype Properties to Reduce Duplicate Code
+challengeType: 1
+videoUrl: ''
+localeTitle: استخدم خصائص النموذج لتخفيض قانون مكرر
+---
+
+## Description
+<section id="description"> بما أن <code>numLegs</code> المحتمل أن يكون لها نفس القيمة لجميع حالات <code>Bird</code> ، فأنت تمتلك <code>numLegs</code> متغيرة <code>numLegs</code> داخل كل <code>Bird</code> . قد لا يكون هذا مشكلة عند وجود حالتين فقط ، ولكن تخيل ما إذا كان هناك الملايين من الحالات. من شأنه أن يكون هناك الكثير من المتغيرات المتكررة. أفضل طريقة هي استخدام <code>prototype</code> <code>Bird&#39;s</code> . <code>prototype</code> هو كائن مشترك بين كافة مثيلات <code>Bird</code> . فيما يلي كيفية إضافة <code>numLegs</code> إلى <code>Bird prototype</code> : <blockquote style=";text-align:right;direction:rtl"> Bird.prototype.numLegs = 2؛ </blockquote> الآن جميع الحالات من <code>Bird</code> لديها خاصية <code>numLegs</code> . <blockquote style=";text-align:right;direction:rtl"> console.log (duck.numLegs)؛ // يطبع 2 <br> console.log (canary.numLegs)؛ // يطبع 2 </blockquote> نظرًا لأن جميع المثيلات تحتوي تلقائيًا على الخصائص في <code>prototype</code> ، <code>prototype</code> في <code>prototype</code> <code>prototype</code> أنه &quot;وصفة&quot; لإنشاء الكائنات. لاحظ أن <code>prototype</code> <code>duck</code> و <code>canary</code> هو جزء من منشئ <code>Bird</code> كنوع <code>Bird.prototype</code> . يحتوي كل كائن في JavaScript تقريبًا على خاصية <code>prototype</code> تمثل جزءًا من دالة المُنشئ التي أنشأها. </section>
+
+## Instructions
+<section id="instructions"> إضافة خاصية <code>numLegs</code> إلى <code>prototype</code> لـ <code>Dog</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>beagle</code> ينبغي أن يكون لها <code>numLegs</code> الممتلكات.
+    testString: 'assert(beagle.numLegs !== undefined, "<code>beagle</code> should have a <code>numLegs</code> property.");'
+  - text: يجب أن يكون <code>beagle.numLegs</code> رقمًا.
+    testString: 'assert(typeof(beagle.numLegs) === "number" , "<code>beagle.numLegs</code> should be a number.");'
+  - text: يجب أن يكون <code>numLegs</code> خاصية <code>prototype</code> وليست خاصية <code>own</code> .
+    testString: 'assert(beagle.hasOwnProperty("numLegs") === false, "<code>numLegs</code> should be a <code>prototype</code> property not an <code>own</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+
+
+// Add your code above this line
+let beagle = new Dog("Snoopy");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/verify-an-objects-constructor-with-instanceof.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/verify-an-objects-constructor-with-instanceof.arabic.md
new file mode 100644
index 0000000000..27422a9c42
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/object-oriented-programming/verify-an-objects-constructor-with-instanceof.arabic.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dae367417b2b2512b7a
+title: Verify an Object's Constructor with instanceof
+challengeType: 1
+videoUrl: ''
+localeTitle: تحقق من Constructor كائن مع instanceof
+---
+
+## Description
+<section id="description"> في أي وقت ، تقوم دالة منشئ بإنشاء كائن جديد ، ويقال أن هذا الكائن هو <code>instance</code> لمنشئه. تقدم JavaScript طريقة ملائمة للتحقق من ذلك باستخدام عامل التشغيل <code>instanceof</code> . يسمح لك <code>instanceof</code> بمقارنة كائن بمُنشئ ، وإرجاع <code>true</code> أو <code>false</code> استنادًا إلى ما إذا كان قد تم إنشاء ذلك الكائن باستخدام المُنشئ أم لا. إليك مثال على ذلك: <blockquote style=";text-align:right;direction:rtl"> اسمحوا بيرد = وظيفة (اسم ولون) { <br> this.name = name؛ <br> this.color = لون؛ <br> this.numLegs = 2 ، <br> } <br><br> دعونا الغراب = الطيور الجديدة (&quot;الكسيس&quot; ، &quot;الأسود&quot;) ؛ <br><br> غراب مثيله // =&gt; صحيح </blockquote> إذا تم إنشاء كائن دون استخدام منشئ، <code>instanceof</code> سوف تحقق من أنه لا مثيل لهذا المنشئ: <blockquote style=";text-align:right;direction:rtl"> دع الكناري = { <br> الاسم: &quot;ميلدريد&quot; ، <br> اللون الأصفر&quot;، <br> numLegs: 2 <br> }؛ <br><br> طائر كنارى // =&gt; خطأ </blockquote></section>
+
+## Instructions
+<section id="instructions"> قم بإنشاء مثيل جديد لمنشئ <code>House</code> ، واصفًا به <code>myHouse</code> واجتاز عددًا من غرف النوم. ثم ، استخدم <code>instanceof</code> للتحقق من أنه مثيل <code>House</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحتوي <code>myHouse</code> على سمة <code>numBedrooms</code> مضبوطة على رقم.
+    testString: 'assert(typeof myHouse.numBedrooms === "number", "<code>myHouse</code> should have a <code>numBedrooms</code> attribute set to a number.");'
+  - text: تأكد من التحقق من أن <code>myHouse</code> هو مثال على <code>House</code> باستخدام عامل التشغيل <code>instanceof</code> .
+    testString: 'assert(/myHouse\s*instanceof\s*House/.test(code), "Be sure to verify that <code>myHouse</code> is an instance of <code>House</code> using the <code>instanceof</code> operator.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+/* jshint expr: true */
+
+function House(numBedrooms) {
+  this.numBedrooms = numBedrooms;
+}
+
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-all-or-none.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-all-or-none.arabic.md
new file mode 100644
index 0000000000..828154810d
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-all-or-none.arabic.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dba367417b2b2512ba8
+title: Check for All or None
+challengeType: 1
+videoUrl: ''
+localeTitle: تحقق من الكل أو لا شيء
+---
+
+## Description
+<section id="description"> في بعض الأحيان قد تحتوي الأنماط التي تريد البحث عنها على أجزاء منها قد تكون موجودة أو غير موجودة. ومع ذلك ، قد يكون من المهم التحقق منهم على الرغم من ذلك. يمكنك تحديد الوجود المحتمل لعنصر مع علامة استفهام ، <code>?</code> . هذا يتحقق لصفر أو واحد من العنصر السابق. يمكنك التفكير في هذا الرمز كقول أن العنصر السابق اختياري. على سبيل المثال ، هناك اختلافات طفيفة في اللغة الإنجليزية الأمريكية والبريطانية ويمكنك استخدام علامة الاستفهام لمطابقة كل من التهجئة. <blockquote style=";text-align:right;direction:rtl"> دع أمريكا = &quot;لون&quot; ؛ <br> دعونا البريطانية = &quot;لون&quot;. <br> اترك rainbowRegex = / colou؟ r /؛ <br> rainbowRegex.test (أمريكا)؛ // يعود صحيح <br> rainbowRegex.test (البريطانية)؛ // يعود صحيح </blockquote></section>
+
+## Instructions
+<section id="instructions"> قم بتغيير <code>favRegex</code> regex لمطابقة كل من الإنجليزية الأمريكية (المفضلة) وإصدار اللغة الإنجليزية البريطانية (المفضلة) للكلمة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يستخدم تعبيرك العادي الرمز الاختياري ، <code>?</code> .
+    testString: 'assert(favRegex.source.match(/\?/).length > 0, "Your regex should use the optional symbol, <code>?</code>.");'
+  - text: يجب أن يتطابق التعبير العادي مع <code>&quot;favorite&quot;</code>
+    testString: 'assert(favRegex.test("favorite"), "Your regex should match <code>"favorite"</code>");'
+  - text: يجب أن يتطابق التعبير العادي مع <code>&quot;favourite&quot;</code>
+    testString: 'assert(favRegex.test("favourite"), "Your regex should match <code>"favourite"</code>");'
+  - text: يجب ألا يتطابق تعبيرك العادي مع <code>&quot;fav&quot;</code>
+    testString: 'assert(!favRegex.test("fav"), "Your regex should not match <code>"fav"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let favWord = "favorite";
+let favRegex = /change/; // Change this line
+let result = favRegex.test(favWord);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/extract-matches.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/extract-matches.arabic.md
new file mode 100644
index 0000000000..f54c2d1d5d
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/extract-matches.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db4367417b2b2512b92
+title: Extract Matches
+challengeType: 1
+videoUrl: ''
+localeTitle: استخراج مباريات
+---
+
+## Description
+<section id="description"> حتى الآن ، كنت تتحقق فقط مما إذا كان هناك نمط موجود أم لا داخل سلسلة. يمكنك أيضًا استخراج التطابقات الفعلية التي وجدتها مع طريقة <code>.match()</code> . لاستخدام طريقة <code>.match()</code> ، قم بتطبيق الطريقة على سلسلة وتمريرها في regex داخل الأقواس. إليك مثال على ذلك: <blockquote style=";text-align:right;direction:rtl"> &quot;مرحبا ، العالم!&quot;. المباراة (/ مرحبا /) ؛ <br> // إرجاع [&quot;مرحبًا&quot;] <br> دع ourStr = &quot;التعبيرات العادية&quot;؛ <br> اسمحوا ourRegex = / تعبيرات / ؛ <br> ourStr.match (ourRegex)؛ <br> // إرجاع [&quot;التعبيرات&quot;] </blockquote></section>
+
+## Instructions
+<section id="instructions"> قم <code>.match()</code> طريقة <code>.match()</code> لاستخراج كلمة <code>coding</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: و <code>result</code> يجب أن يكون كلمة <code>coding</code>
+    testString: 'assert(result.join() === "coding", "The <code>result</code> should have the word <code>coding</code>");'
+  - text: يجب أن يبحث <code>codingRegex</code> regex <code>codingRegex</code> عن <code>coding</code>
+    testString: 'assert(codingRegex.source === "coding", "Your regex <code>codingRegex</code> should search for <code>coding</code>");'
+  - text: يجب عليك استخدام طريقة <code>.match()</code> .
+    testString: 'assert(code.match(/\.match\(.*\)/), "You should use the <code>.match()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let extractStr = "Extract the word 'coding' from this string.";
+let codingRegex = /change/; // Change this line
+let result = extractStr; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/find-characters-with-lazy-matching.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/find-characters-with-lazy-matching.arabic.md
new file mode 100644
index 0000000000..4a84602ad0
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/find-characters-with-lazy-matching.arabic.md
@@ -0,0 +1,51 @@
+---
+id: 587d7db6367417b2b2512b9b
+title: Find Characters with Lazy Matching
+challengeType: 1
+videoUrl: ''
+localeTitle: العثور على شخصيات مع مطابقة كسول
+---
+
+## Description
+<section id="description"> في التعبيرات العادية ، تعثر المطابقة <code>greedy</code> على أطول جزء ممكن من السلسلة التي تناسب نمط regex وتعرضها كمطابقة. ويطلق على البديل اسم &quot;مطابقة <code>lazy</code> ، والتي تجد أصغر جزء ممكن من السلسلة التي تفي بنمط regex. يمكنك تطبيق regex <code>/t[az]*i/</code> على السلسلة <code>&quot;titanic&quot;</code> . هذا التعبير المعتاد هو في الأساس نمط يبدأ بـ <code>t</code> ، وينتهي بـ <code>i</code> ، ويحتوي على بعض الأحرف بينهما. تكون التعابير العادية <code>greedy</code> بشكل افتراضي ، لذا فإن المباراة ستعيد <code>[&quot;titani&quot;]</code> . يجد أكبر سلسلة فرعية ممكنة لتناسب النمط. ومع ذلك ، يمكنك استخدام <code>?</code> شخصية لتغييره إلى مطابقة <code>lazy</code> . تطابق <code>&quot;titanic&quot;</code> مع regex المعدلة من <code>/t[az]*?i/</code> returns <code>[&quot;ti&quot;]</code> . </section>
+
+## Instructions
+<section id="instructions"> أصلح regex <code>/&lt;.*&gt;/</code> لإرجاع علامة HTML <code>&lt;h1&gt;</code> وليس النص <code>&quot;&lt;h1&gt;Winter is coming&lt;/h1&gt;&quot;</code> . تذكر حرف البدل <code>.</code> في التعبير العادي يطابق أي حرف. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون متغير <code>result</code> صفيفًا به <code>&lt;h1&gt;</code> فيه
+    testString: 'assert(result[0] == "<h1>", "The <code>result</code> variable should be an array with <code>&lt;h1&gt;</code> in it");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let text = "<h1>Winter is coming</h1>";
+let myRegex = /<.*>/; // Change this line
+let result = text.match(myRegex);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/find-more-than-the-first-match.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/find-more-than-the-first-match.arabic.md
new file mode 100644
index 0000000000..6efc63c6cb
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/find-more-than-the-first-match.arabic.md
@@ -0,0 +1,57 @@
+---
+id: 587d7db4367417b2b2512b93
+title: Find More Than the First Match
+challengeType: 1
+videoUrl: ''
+localeTitle: العثور على أكثر من المباراة الأولى
+---
+
+## Description
+<section id="description"> حتى الآن ، كنت قادرًا على استخراج نمط أو البحث عنه مرة واحدة فقط. <blockquote style=";text-align:right;direction:rtl"> let testStr = &quot;Repeat، Repeat، Repeat&quot;؛ <br> دع ourRegex = / كرر /؛ <br> testStr.match (ourRegex)؛ <br> // Returns [&quot;Repeat&quot;] </blockquote> للبحث أو استخراج نمط أكثر من مرة ، يمكنك استخدام علم <code>g</code> . <blockquote style=";text-align:right;direction:rtl"> اترك repeatRegex = / Repeat / g؛ <br> testStr.match (repeatRegex)؛ <br> // Returns [&quot;Repeat&quot;، &quot;Repeat&quot;، &quot;Repeat&quot;] </blockquote></section>
+
+## Instructions
+<section id="instructions"> باستخدام regex <code>starRegex</code> ، ابحث <code>starRegex</code> الكلمات <code>&quot;Twinkle&quot;</code> من سلسلة <code>twinkleStar</code> . <strong>ملحوظة</strong> <br> يمكنك الحصول على العديد من العلامات على تعديلك مثل <code>/search/gi</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يستخدم <code>starRegex</code> regex الخاص بك العلم العالمي <code>g</code>
+    testString: 'assert(starRegex.flags.match(/g/).length == 1, "Your regex <code>starRegex</code> should use the global flag <code>g</code>");'
+  - text: يجب أن يستخدم <code>starRegex</code> الخاص بك regex <code>starRegex</code> الحالة غير الحساسة <code>i</code>
+    testString: 'assert(starRegex.flags.match(/i/).length == 1, "Your regex <code>starRegex</code> should use the case insensitive flag <code>i</code>");'
+  - text: يجب أن تتطابق المطابقة مع كلمتين لكلمة <code>&quot;Twinkle&quot;</code>
+    testString: 'assert(result.sort().join() == twinkleStar.match(/twinkle/gi).sort().join(), "Your match should match both occurrences of the word <code>"Twinkle"</code>");'
+  - text: يجب أن تحتوي <code>result</code> المطابقة الخاصة بك على عنصرين.
+    testString: 'assert(result.length == 2, "Your match <code>result</code> should have two elements in it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let twinkleStar = "Twinkle, twinkle, little star";
+let starRegex = /change/; // Change this line
+let result = twinkleStar; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/find-one-or-more-criminals-in-a-hunt.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/find-one-or-more-criminals-in-a-hunt.arabic.md
new file mode 100644
index 0000000000..cc3f12b497
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/find-one-or-more-criminals-in-a-hunt.arabic.md
@@ -0,0 +1,67 @@
+---
+id: 587d7db7367417b2b2512b9c
+title: Find One or More Criminals in a Hunt
+challengeType: 1
+videoUrl: ''
+localeTitle: العثور على واحد أو أكثر من المجرمين في مطاردة
+---
+
+## Description
+<section id="description"> حان وقت الإيقاف المؤقت واختبار مهاراتك الجديدة في الكتابة المعتادة. هربت مجموعة من المجرمين من السجن وهربت ، لكنك لا تعرف عددهم. ومع ذلك ، فأنت تعرف أنها تبقى قريبة من بعضها البعض عندما تكون حول أشخاص آخرين. أنت مسؤول عن العثور على جميع المجرمين في وقت واحد. في ما يلي مثال لمراجعة كيفية إجراء ذلك: يطابق regex <code>/z+/</code> الحرف <code>z</code> عند ظهوره مرة واحدة أو أكثر في صف واحد. سيجد تطابقات في كافة السلاسل التالية: <blockquote style=";text-align:right;direction:rtl"> &quot;ض&quot; <br> &quot;zzzzzz&quot; <br> &quot;ABCzzzz&quot; <br> &quot;zzzzABC&quot; <br> &quot;abczzzzzzzzzzzzzzzzzzzzzabc&quot; </blockquote> ولكنه لا يعثر على تطابقات في السلاسل التالية حيث لا توجد أحرف <code>z</code> حرف: <blockquote style=";text-align:right;direction:rtl"> &quot;&quot; <br> &quot;ABC&quot; <br> &quot;ABCABC&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> اكتب regex <code>greedy</code> أن يجد واحد أو أكثر من المجرمين داخل مجموعة من الناس الآخرين. يمثل المجرم بالحرف الكبير <code>C</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يتطابق تعبيرك العادي مع <code>one</code> المجرمين (&quot; <code>C</code> &quot;) في <code>&quot;C&quot;</code>
+    testString: 'assert("C".match(reCriminals) && "C".match(reCriminals)[0] == "C", "Your regex should match <code>one</code> criminal ("<code>C</code>") in <code>"C"</code>");'
+  - text: يجب أن يتطابق تعبيرك العادي مع <code>two</code> المجرمين (&quot; <code>CC</code> &quot;) في <code>&quot;CC&quot;</code>
+    testString: 'assert("CC".match(reCriminals) && "CC".match(reCriminals)[0] == "CC", "Your regex should match <code>two</code> criminals ("<code>CC</code>") in <code>"CC"</code>");'
+  - text: يجب أن يتطابق <code>&quot;P1P5P4CCCP2P6P3&quot;</code> العادي مع <code>three</code> مجرمين (&quot; <code>CCC</code> &quot;) في <code>&quot;P1P5P4CCCP2P6P3&quot;</code>
+    testString: 'assert("P1P5P4CCCP2P6P3".match(reCriminals) && "P1P5P4CCCP2P6P3".match(reCriminals)[0] == "CCC", "Your regex should match <code>three</code> criminals ("<code>CCC</code>") in <code>"P1P5P4CCCP2P6P3"</code>");'
+  - text: يجب أن يتطابق <code>&quot;P6P2P7P4P5CCCCCP3P1&quot;</code> العادي مع <code>five</code> مجرمين (&quot; <code>CCCCC</code> &quot;) في <code>&quot;P6P2P7P4P5CCCCCP3P1&quot;</code>
+    testString: 'assert("P6P2P7P4P5CCCCCP3P1".match(reCriminals) && "P6P2P7P4P5CCCCCP3P1".match(reCriminals)[0] == "CCCCC", "Your regex should match <code>five</code> criminals ("<code>CCCCC</code>") in <code>"P6P2P7P4P5CCCCCP3P1"</code>");'
+  - text: يجب ألا يتطابق تعبيرك العادي مع أي مجرمين في <code>&quot;&quot;</code>
+    testString: 'assert(!reCriminals.test(""), "Your regex should not match any criminals in <code>""</code>");'
+  - text: يجب ألا يتطابق <code>&quot;P1P2P3&quot;</code> العادي مع أي مجرمين في <code>&quot;P1P2P3&quot;</code>
+    testString: 'assert(!reCriminals.test("P1P2P3"), "Your regex should not match any criminals in <code>"P1P2P3"</code>");'
+  - text: يجب أن يتطابق <code>CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC</code> العادي مع <code>fifty</code> المجرمين (&quot; <code>CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC</code> &quot;) في <code>&quot;P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3&quot;</code> .
+    testString: 'assert("P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3".match(reCriminals) && "P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3".match(reCriminals)[0] == "CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC", "Your regex should match <code>fifty</code> criminals ("<code>CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC</code>") in <code>"P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// example crowd gathering
+let crowd = 'P1P2P3P4P5P6CCCP7P8P9';
+
+let reCriminals = /./; // Change this line
+
+let matchedCriminals = crowd.match(reCriminals);
+console.log(matchedCriminals);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/ignore-case-while-matching.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/ignore-case-while-matching.arabic.md
new file mode 100644
index 0000000000..3ade01826b
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/ignore-case-while-matching.arabic.md
@@ -0,0 +1,69 @@
+---
+id: 587d7db4367417b2b2512b91
+title: Ignore Case While Matching
+challengeType: 1
+videoUrl: ''
+localeTitle: تجاهل حالة أثناء المطابقة
+---
+
+## Description
+<section id="description"> حتى الآن ، كنت قد نظرت في regexes للقيام مباريات حرفية من السلاسل. لكن في بعض الأحيان ، قد ترغب أيضًا في مطابقة اختلافات الحالات. الحالة (أو في بعض الأحيان حالة الأحرف) هي الفرق بين الأحرف الكبيرة والأحرف الصغيرة. أمثلة من الأحرف الكبيرة هي <code>&quot;A&quot;</code> و <code>&quot;B&quot;</code> و <code>&quot;C&quot;</code> . أمثلة من الأحرف الصغيرة هي <code>&quot;a&quot;</code> و <code>&quot;b&quot;</code> و <code>&quot;c&quot;</code> . يمكنك مطابقة الحالتين باستخدام ما يسمى بعلم. هناك علامات أخرى ولكن هنا سوف تركز على العلم الذي يتجاهل القضية - العلم <code>i</code> . يمكنك استخدامه عن طريق إلحاقه بالتعبير المعتاد. مثال على استخدام هذه العلامة هو <code>/ignorecase/i</code> . يمكن أن يتطابق هذا التعبير المعتاد مع الجمل <code>&quot;ignorecase&quot;</code> و <code>&quot;igNoreCase&quot;</code> و <code>&quot;IgnoreCase&quot;</code> . </section>
+
+## Instructions
+<section id="instructions"> اكتب <code>fccRegex</code> regex لمطابقة <code>&quot;freeCodeCamp&quot;</code> ، بغض النظر عن قضيته. يجب ألا يتطابق تعبيرك العادي مع أي اختصارات أو اختلافات في المساحات. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يتطابق <code>freeCodeCamp</code> العادي مع <code>freeCodeCamp</code>
+    testString: 'assert(fccRegex.test("freeCodeCamp"), "Your regex should match <code>freeCodeCamp</code>");'
+  - text: يجب أن يتطابق <code>FreeCodeCamp</code> العادي مع <code>FreeCodeCamp</code>
+    testString: 'assert(fccRegex.test("FreeCodeCamp"), "Your regex should match <code>FreeCodeCamp</code>");'
+  - text: يجب أن يتطابق <code>FreecodeCamp</code> العادي مع <code>FreecodeCamp</code>
+    testString: 'assert(fccRegex.test("FreecodeCamp"), "Your regex should match <code>FreecodeCamp</code>");'
+  - text: يجب أن يتطابق <code>FreeCodecamp</code> العادي مع <code>FreeCodecamp</code>
+    testString: 'assert(fccRegex.test("FreeCodecamp"), "Your regex should match <code>FreeCodecamp</code>");'
+  - text: يجب ألا يتطابق تعبيرك العادي مع <code>Free Code Camp</code>
+    testString: 'assert(!fccRegex.test("Free Code Camp"), "Your regex should not match <code>Free Code Camp</code>");'
+  - text: يجب أن يتطابق <code>FreeCOdeCamp</code> العادي مع <code>FreeCOdeCamp</code>
+    testString: 'assert(fccRegex.test("FreeCOdeCamp"), "Your regex should match <code>FreeCOdeCamp</code>");'
+  - text: يجب ألا يتطابق تعبيرك العادي مع <code>FCC</code>
+    testString: 'assert(!fccRegex.test("FCC"), "Your regex should not match <code>FCC</code>");'
+  - text: يجب أن يتطابق <code>FrEeCoDeCamp</code> العادي مع <code>FrEeCoDeCamp</code>
+    testString: 'assert(fccRegex.test("FrEeCoDeCamp"), "Your regex should match <code>FrEeCoDeCamp</code>");'
+  - text: يجب أن يتطابق <code>FrEeCodECamp</code> العادي مع <code>FrEeCodECamp</code>
+    testString: 'assert(fccRegex.test("FrEeCodECamp"), "Your regex should match <code>FrEeCodECamp</code>");'
+  - text: يجب أن يتطابق التعبير المعتاد مع <code>FReeCodeCAmp</code>
+    testString: 'assert(fccRegex.test("FReeCodeCAmp"), "Your regex should match <code>FReeCodeCAmp</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myString = "freeCodeCamp";
+let fccRegex = /change/; // Change this line
+let result = fccRegex.test(myString);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-a-literal-string-with-different-possibilities.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-a-literal-string-with-different-possibilities.arabic.md
new file mode 100644
index 0000000000..f88a502a52
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-a-literal-string-with-different-possibilities.arabic.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db4367417b2b2512b90
+title: Match a Literal String with Different Possibilities
+challengeType: 1
+videoUrl: ''
+localeTitle: تطابق سلسلة حرفية مع الاحتمالات المختلفة
+---
+
+## Description
+<section id="description"> باستخدام regexes مثل <code>/coding/</code> ، يمكنك البحث عن نمط <code>&quot;coding&quot;</code> في سلسلة أخرى. يعد هذا أمرًا قويًا للبحث عن سلاسل مفردة ، ولكنه يقتصر على نمط واحد فقط. يمكنك البحث عن أنماط متعددة باستخدام <code>alternation</code> أو <code>OR</code> المشغل: <code>|</code> . هذا المشغل يطابق الأنماط قبل أو بعدها. على سبيل المثال ، إذا كنت تريد مطابقة <code>&quot;yes&quot;</code> أو <code>&quot;no&quot;</code> ، فإن التعبير المعتاد الذي تريده هو <code>/yes|no/</code> . يمكنك أيضًا البحث عن أكثر من نمطين فقط. يمكنك القيام بذلك عن طريق إضافة المزيد من الأنماط مع المزيد من عوامل تشغيل <code>OR</code> تفصل بينها ، مثل <code>/yes|no|maybe/</code> . </section>
+
+## Instructions
+<section id="instructions"> أكمل <code>petRegex</code> regex <code>petRegex</code> مع الحيوانات الأليفة <code>&quot;dog&quot;</code> أو <code>&quot;cat&quot;</code> أو <code>&quot;bird&quot;</code> أو <code>&quot;fish&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب إرجاع <code>petRegex</code> الخاص بك regex <code>true</code> للسلسلة <code>&quot;John has a pet dog.&quot;</code>
+    testString: 'assert(petRegex.test("John has a pet dog."), "Your regex <code>petRegex</code> should return <code>true</code> for the string <code>"John has a pet dog."</code>");'
+  - text: يجب إرجاع <code>petRegex</code> الخاص بك regex <code>false</code> لسلسلة <code>&quot;Emma has a pet rock.&quot;</code>
+    testString: 'assert(!petRegex.test("Emma has a pet rock."), "Your regex <code>petRegex</code> should return <code>false</code> for the string <code>"Emma has a pet rock."</code>");'
+  - text: يجب إرجاع <code>petRegex</code> الخاص بك regex <code>true</code> للسلسلة <code>&quot;Emma has a pet bird.&quot;</code>
+    testString: 'assert(petRegex.test("Emma has a pet bird."), "Your regex <code>petRegex</code> should return <code>true</code> for the string <code>"Emma has a pet bird."</code>");'
+  - text: يجب إعادة <code>petRegex</code> الخاص بك regex <code>true</code> للسلسلة <code>&quot;Liz has a pet cat.&quot;</code>
+    testString: 'assert(petRegex.test("Liz has a pet cat."), "Your regex <code>petRegex</code> should return <code>true</code> for the string <code>"Liz has a pet cat."</code>");'
+  - text: يجب إعادة <code>petRegex</code> الخاص بك regex <code>false</code> للسلسلة <code>&quot;Kara has a pet dolphin.&quot;</code> <code>petRegex</code> <code>&quot;Kara has a pet dolphin.&quot;</code>
+    testString: 'assert(!petRegex.test("Kara has a pet dolphin."), "Your regex <code>petRegex</code> should return <code>false</code> for the string <code>"Kara has a pet dolphin."</code>");'
+  - text: يجب أن يعود <code>petRegex</code> المعتاد الخاص بك <code>true</code> للسلسلة <code>&quot;Alice has a pet fish.&quot;</code>
+    testString: 'assert(petRegex.test("Alice has a pet fish."), "Your regex <code>petRegex</code> should return <code>true</code> for the string <code>"Alice has a pet fish."</code>");'
+  - text: يجب أن <code>petRegex</code> المعتاد الخاص بك <code>false</code> للسلسلة <code>&quot;Jimmy has a pet computer.&quot;</code>
+    testString: 'assert(!petRegex.test("Jimmy has a pet computer."), "Your regex <code>petRegex</code> should return <code>false</code> for the string <code>"Jimmy has a pet computer."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let petString = "James has a pet cat.";
+let petRegex = /change/; // Change this line
+let result = petRegex.test(petString);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-letters-and-numbers.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-letters-and-numbers.arabic.md
new file mode 100644
index 0000000000..6428e75586
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-letters-and-numbers.arabic.md
@@ -0,0 +1,61 @@
+---
+id: 587d7db7367417b2b2512b9f
+title: Match All Letters and Numbers
+challengeType: 1
+videoUrl: ''
+localeTitle: المباراة جميع الحروف والأرقام
+---
+
+## Description
+<section id="description"> باستخدام فئات الأحرف ، تمكنت من البحث عن جميع حروف الأبجدية باستخدام <code>[az]</code> . هذا النوع من فئة الأحرف شائع بما فيه الكفاية أن هناك اختصارًا له ، على الرغم من أنه يتضمن بضعة أحرف إضافية أيضًا. إن أقرب فئة أحرف في JavaScript لتطابق الأبجدية هي <code>\w</code> . هذا الاختصار يساوي <code>[A-Za-z0-9_]</code> . فئة الأحرف هذا تطابق الأحرف الكبيرة والصغيرة بالإضافة إلى الأرقام. ملاحظة ، يتضمن فئة الأحرف هذه أيضًا حرف تسطير أسفل السطر ( <code>_</code> ). <blockquote style=";text-align:right;direction:rtl"> let longHand = / [A-Za-z0-9 _] + /؛ <br> اترك shortHand = / \ w + /؛ <br> السماح للأرقام = &quot;42&quot; ؛ <br> السماح varNames = &quot;important_var&quot; ؛ <br> longHand.test (الأرقام)؛ // يعود صحيح <br> shortHand.test (الأرقام)؛ // يعود صحيح <br> longHand.test (varNames)؛ // يعود صحيح <br> shortHand.test (varNames)؛ // يعود صحيح </blockquote> ومن المعروف أيضا أن هذه الفئات طابع الاختصار كما <code>shorthand character classes</code> . </section>
+
+## Instructions
+<section id="instructions"> استخدم class <code>\w</code> حرف الاختصار لحساب عدد الأحرف الأبجدية الرقمية في علامات الاقتباس والسلاسل المختلفة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يستخدم تعبيرك العادي العلم العام.
+    testString: 'assert(alphabetRegexV2.global, "Your regex should use the global flag.");'
+  - text: يجب أن يستخدم تعبيرك العادي الحرف المختصر
+    testString: 'assert(/\\w/.test(alphabetRegexV2.source), "Your regex should use the shorthand character <code>\w</code> to match all characters which are alphanumeric.");'
+  - text: يجب أن يعثر تعبيرك المنطقي على 31 حرفًا أبجديًا رقميًا في <code>&quot;The five boxing wizards jump quickly.&quot;</code>
+    testString: 'assert("The five boxing wizards jump quickly.".match(alphabetRegexV2).length === 31, "Your regex should find 31 alphanumeric characters in <code>"The five boxing wizards jump quickly."</code>");'
+  - text: يجب أن يعثر تعبيرك المنطقي على 32 حرفًا أبجديًا رقميًا في <code>&quot;Pack my box with five dozen liquor jugs.&quot;</code>
+    testString: 'assert("Pack my box with five dozen liquor jugs.".match(alphabetRegexV2).length === 32, "Your regex should find 32 alphanumeric characters in <code>"Pack my box with five dozen liquor jugs."</code>");'
+  - text: يجب أن يعثر تعبيرك المعتاد على 30 حرفًا أبجديًا رقميًا في <code>&quot;How vexingly quick daft zebras jump!&quot;</code>
+    testString: 'assert("How vexingly quick daft zebras jump!".match(alphabetRegexV2).length === 30, "Your regex should find 30 alphanumeric characters in <code>"How vexingly quick daft zebras jump!"</code>");'
+  - text: يجب أن يعثر <code>&quot;123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.&quot;</code> على 36 حرفًا أبجديًا رقميًا في <code>&quot;123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.&quot;</code>
+    testString: 'assert("123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.".match(alphabetRegexV2).length === 36, "Your regex should find 36 alphanumeric characters in <code>"123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "The five boxing wizards jump quickly.";
+let alphabetRegexV2 = /change/; // Change this line
+let result = quoteSample.match(alphabetRegexV2).length;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-non-numbers.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-non-numbers.arabic.md
new file mode 100644
index 0000000000..d4047f070f
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-non-numbers.arabic.md
@@ -0,0 +1,65 @@
+---
+id: 587d7db8367417b2b2512ba1
+title: Match All Non-Numbers
+challengeType: 1
+videoUrl: ''
+localeTitle: المباراة جميع غير الارقام
+---
+
+## Description
+<section id="description"> أظهر التحدي الأخير كيفية البحث عن الأرقام باستخدام الاختصار <code>\d</code> باستخدام أحرف صغيرة <code>d</code> . يمكنك أيضًا البحث عن غير أرقام باستخدام اختصار مماثل يستخدم حرف <code>D</code> كبيرًا بدلاً من ذلك. الاختصار للبحث عن أحرف غير رقمية هو <code>\D</code> هذا يساوي فئة الأحرف <code>[^0-9]</code> ، والتي تبحث عن حرف واحد ليس رقمًا بين الصفر والتاسع. </section>
+
+## Instructions
+<section id="instructions"> استخدم فئة حرف الاختصار غير digits <code>\D</code> لحساب عدد غير أرقام في عناوين الأفلام. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يستخدم تعبيرك العادي حرف الاختصار لمطابقة الأحرف غير المكونة
+    testString: 'assert(/\\D/.test(noNumRegex.source), "Your regex should use the shortcut character to match non-digit characters");'
+  - text: يجب أن يستخدم تعبيرك العادي العلم العام.
+    testString: 'assert(noNumRegex.global, "Your regex should use the global flag.");'
+  - text: يجب ألا يعثر التعبير المعتاد على أي أرقام في <code>&quot;9&quot;</code> .
+    testString: 'assert("9".match(noNumRegex) == null, "Your regex should find no non-digits in <code>"9"</code>.");'
+  - text: يجب أن يعثر تعبيرك المنطقي على 6 أرقام في <code>&quot;Catch 22&quot;</code> .
+    testString: 'assert("Catch 22".match(noNumRegex).length == 6, "Your regex should find 6 non-digits in <code>"Catch 22"</code>.");'
+  - text: يجب أن يعثر تعبيرك المنطقي على 11 رقمًا غير رقمي في <code>&quot;101 Dalmatians&quot;</code> .
+    testString: 'assert("101 Dalmatians".match(noNumRegex).length == 11, "Your regex should find 11 non-digits in <code>"101 Dalmatians"</code>.");'
+  - text: 'يجب أن يعثر تعبيرك المعتاد على 15 رقمًا غير رقمي في <code>&quot;One, Two, Three&quot;</code> .'
+    testString: 'assert("One, Two, Three".match(noNumRegex).length == 15, "Your regex should find 15 non-digits in <code>"One, Two, Three"</code>.");'
+  - text: يجب أن يعثر تعبيرك المعتاد على 12 رقمًا غير رقمي في <code>&quot;21 Jump Street&quot;</code> .
+    testString: 'assert("21 Jump Street".match(noNumRegex).length == 12, "Your regex should find 12 non-digits in <code>"21 Jump Street"</code>.");'
+  - text: 'يجب أن يعثر تعبيرك المعتاد على 17 رقمًا غير رقمي في <code>&quot;2001: A Space Odyssey&quot;</code> .'
+    testString: 'assert("2001: A Space Odyssey".match(noNumRegex).length == 17, "Your regex should find 17 non-digits in <code>"2001: A Space Odyssey"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let numString = "Your sandwich will be $5.00";
+let noNumRegex = /change/; // Change this line
+let result = numString.match(noNumRegex).length;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-numbers.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-numbers.arabic.md
new file mode 100644
index 0000000000..bed38303ba
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-numbers.arabic.md
@@ -0,0 +1,65 @@
+---
+id: 5d712346c441eddfaeb5bdef
+title: Match All Numbers
+challengeType: 1
+videoUrl: ''
+localeTitle: تطابق جميع الأرقام
+---
+
+## Description
+<section id="description"> لقد تعلمت اختصارات لنماذج السلسلة الشائعة مثل alphanumerics. نمط آخر شائع يبحث عن أرقام أو أرقام فقط. الاختصار للبحث عن أحرف الأرقام هو <code>\d</code> ، مع حرف صغير <code>d</code> . هذا يساوي درجة الحرف <code>[0-9]</code> ، التي تبحث عن حرف واحد لأي رقم بين صفر وتسعة. </section>
+
+## Instructions
+<section id="instructions"> استخدم فئة حرف الاختصار <code>\d</code> لحساب عدد الأرقام الموجودة في عناوين الأفلام. الأرقام المكتوبة (&quot;ستة&quot; بدلا من 6) لا تحتسب. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يستخدم تعبيرك العادي حرف الاختصار لمطابقة أحرف الأرقام
+    testString: 'assert(/\\d/.test(numRegex.source), "Your regex should use the shortcut character to match digit characters");'
+  - text: يجب أن يستخدم تعبيرك العادي العلم العام.
+    testString: 'assert(numRegex.global, "Your regex should use the global flag.");'
+  - text: يجب أن يعثر تعبيرك المنطقي على رقم واحد في <code>&quot;9&quot;</code> .
+    testString: 'assert("9".match(numRegex).length == 1, "Your regex should find 1 digit in <code>"9"</code>.");'
+  - text: يجب أن يعثر تعبيرك المنطقي على رقمين في <code>&quot;Catch 22&quot;</code> .
+    testString: 'assert("Catch 22".match(numRegex).length == 2, "Your regex should find 2 digits in <code>"Catch 22"</code>.");'
+  - text: يجب أن يعثر تعبيرك المنطقي على 3 أرقام في <code>&quot;101 Dalmatians&quot;</code> .
+    testString: 'assert("101 Dalmatians".match(numRegex).length == 3, "Your regex should find 3 digits in <code>"101 Dalmatians"</code>.");'
+  - text: 'يجب أن يعثر تعبيرك المنطقي على أي أرقام في <code>&quot;One, Two, Three&quot;</code> .'
+    testString: 'assert("One, Two, Three".match(numRegex) == null, "Your regex should find no digits in <code>"One, Two, Three"</code>.");'
+  - text: يجب أن يعثر تعبيرك المنطقي على رقمين في <code>&quot;21 Jump Street&quot;</code> .
+    testString: 'assert("21 Jump Street".match(numRegex).length == 2, "Your regex should find 2 digits in <code>"21 Jump Street"</code>.");'
+  - text: 'يجب أن يعثر تعبيرك المنطقي على 4 أرقام في <code>&quot;2001: A Space Odyssey&quot;</code> .'
+    testString: 'assert("2001: A Space Odyssey".match(numRegex).length == 4, "Your regex should find 4 digits in <code>"2001: A Space Odyssey"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let numString = "Your sandwich will be $5.00";
+let numRegex = /change/; // Change this line
+let result = numString.match(numRegex).length;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-anything-with-wildcard-period.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-anything-with-wildcard-period.arabic.md
new file mode 100644
index 0000000000..9120934cd4
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-anything-with-wildcard-period.arabic.md
@@ -0,0 +1,69 @@
+---
+id: 587d7db5367417b2b2512b94
+title: Match Anything with Wildcard Period
+challengeType: 1
+videoUrl: ''
+localeTitle: تطابق أي شيء مع فترة أحرف البدل
+---
+
+## Description
+<section id="description"> في بعض الأحيان ، لن (أو لا تحتاج إلى) معرفة الأحرف الدقيقة في أنماطك. التفكير في كل الكلمات التي تتطابق مع ، على سبيل المثال ، خطأ إملائي سيستغرق وقتًا طويلاً. لحسن الحظ، يمكنك توفير الوقت باستخدام حرف بدل: <code>.</code> حرف البدل <code>.</code> سوف تطابق أي حرف واحد. ويطلق على حرف البدل أيضا <code>dot</code> <code>period</code> . يمكنك استخدام حرف البدل تمامًا مثل أي حرف آخر في regex. على سبيل المثال ، إذا أردت مطابقة <code>&quot;hug&quot;</code> و <code>&quot;huh&quot;</code> و <code>&quot;hut&quot;</code> و <code>&quot;hum&quot;</code> ، فيمكنك استخدام regex <code>/hu./</code> لمطابقة كل الكلمات الأربع. <blockquote style=";text-align:right;direction:rtl"> لندع humStr = &quot;سوف ألعب أغنية&quot; ؛ <br> let hugStr = &quot;Bear hug&quot;؛ <br> let huRegex = /hu./؛ <br> humStr.match (huRegex)؛ // Returns [&quot;hum&quot;] <br> hugStr.match (huRegex)؛ // Returns [&quot;hug&quot;] </blockquote></section>
+
+## Instructions
+<section id="instructions"> أكمل regex <code>unRegex</code> بحيث يتطابق مع السلاسل <code>&quot;run&quot;</code> و <code>&quot;sun&quot;</code> و <code>&quot;fun&quot;</code> و <code>&quot;pun&quot;</code> و <code>&quot;nun&quot;</code> و <code>&quot;bun&quot;</code> . يجب أن يستخدم تعبيرك العادي حرف حرف البدل. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب عليك استخدام طريقة <code>.test()</code> .
+    testString: 'assert(code.match(/\.test\(.*\)/), "You should use the <code>.test()</code> method.");'
+  - text: يجب عليك استخدام حرف البدل في regex <code>unRegex</code>
+    testString: 'assert(/\./.test(unRegex.source), "You should use the wildcard character in your regex <code>unRegex</code>");'
+  - text: يجب أن يطابق regex <code>unRegex</code> <code>&quot;run&quot;</code> في <code>&quot;Let us go on a run.&quot;</code>
+    testString: 'assert(unRegex.test("Let us go on a run."), "Your regex <code>unRegex</code> should match <code>"run"</code> in <code>"Let us go on a run."</code>");'
+  - text: يجب أن يتطابق <code>unRegex</code> regex <code>unRegex</code> مع كلمة <code>&quot;sun&quot;</code> في <code>&quot;The sun is out today.&quot;</code>
+    testString: 'assert(unRegex.test("The sun is out today."), "Your regex <code>unRegex</code> should match <code>"sun"</code> in <code>"The sun is out today."</code>");'
+  - text: يجب أن يطابق regex <code>unRegex</code> <code>&quot;fun&quot;</code> في <code>&quot;Coding is a lot of fun.&quot;</code>
+    testString: 'assert(unRegex.test("Coding is a lot of fun."), "Your regex <code>unRegex</code> should match <code>"fun"</code> in <code>"Coding is a lot of fun."</code>");'
+  - text: يجب أن يتطابق <code>&quot;pun&quot;</code> regex <code>unRegex</code> مع <code>&quot;pun&quot;</code> في <code>&quot;Seven days without a pun makes one weak.&quot;</code>
+    testString: 'assert(unRegex.test("Seven days without a pun makes one weak."), "Your regex <code>unRegex</code> should match <code>"pun"</code> in <code>"Seven days without a pun makes one weak."</code>");'
+  - text: يجب أن يتطابق <code>unRegex</code> regex <code>unRegex</code> مع <code>&quot;nun&quot;</code> في <code>&quot;One takes a vow to be a nun.&quot;</code> <code>unRegex</code> <code>&quot;One takes a vow to be a nun.&quot;</code>
+    testString: 'assert(unRegex.test("One takes a vow to be a nun."), "Your regex <code>unRegex</code> should match <code>"nun"</code> in <code>"One takes a vow to be a nun."</code>");'
+  - text: يجب أن تتطابق مع regex <code>unRegex</code> <code>&quot;bun&quot;</code> في <code>&quot;She got fired from the hot dog stand for putting her hair in a bun.&quot;</code> <code>unRegex</code> <code>&quot;She got fired from the hot dog stand for putting her hair in a bun.&quot;</code>
+    testString: 'assert(unRegex.test("She got fired from the hot dog stand for putting her hair in a bun."), "Your regex <code>unRegex</code> should match <code>"bun"</code> in <code>"She got fired from the hot dog stand for putting her hair in a bun."</code>");'
+  - text: يجب ألا يطابق regex <code>unRegex</code> <code>&quot;There is a bug in my code.&quot;</code>
+    testString: 'assert(!unRegex.test("There is a bug in my code."), "Your regex <code>unRegex</code> should not match <code>"There is a bug in my code."</code>");'
+  - text: يجب ألا يتطابق التعبير <code>unRegex</code> regex <code>unRegex</code> مع <code>&quot;Catch me if you can.&quot;</code>
+    testString: 'assert(!unRegex.test("Can me if you can."), "Your regex <code>unRegex</code> should not match <code>"Catch me if you can."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let exampleStr = "Let's have fun with regular expressions!";
+let unRegex = /change/; // Change this line
+let result = unRegex.test(exampleStr);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-beginning-string-patterns.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-beginning-string-patterns.arabic.md
new file mode 100644
index 0000000000..b5e6fc1960
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-beginning-string-patterns.arabic.md
@@ -0,0 +1,57 @@
+---
+id: 587d7db7367417b2b2512b9d
+title: Match Beginning String Patterns
+challengeType: 1
+videoUrl: ''
+localeTitle: مباراة بداية أنماط سلسلة
+---
+
+## Description
+<section id="description"> أظهرت التحديات السابقة أنه يمكن استخدام التعبيرات العادية للبحث عن عدد من التطابقات. كما يتم استخدامها للبحث عن أنماط في مواضع محددة في السلاسل. في تحدي سابق ، استخدمت <code>caret</code> ( <code>^</code> ) داخل مجموعة <code>character set</code> لإنشاء مجموعة <code>negated character set</code> <code>[^thingsThatWillNotBeMatched]</code> في النموذج <code>[^thingsThatWillNotBeMatched]</code> . خارج مجموعة <code>character set</code> ، يتم استخدام <code>caret</code> للبحث عن الأنماط في بداية السلاسل. <blockquote style=";text-align:right;direction:rtl"> let firstString = &quot;Ricky is first and can be found.&quot;؛ <br> let firstRegex = / ^ Ricky /؛ <br> firstRegex.test (firstString)؛ <br> // يعود صحيح <br> let notFirst = &quot;لا يمكنك العثور على Ricky الآن.&quot;؛ <br> firstRegex.test (notFirst)؛ <br> // إرجاع خاطئة </blockquote></section>
+
+## Instructions
+<section id="instructions"> استخدم <code>caret</code> في تعبير منطقي للبحث عن <code>&quot;Cal&quot;</code> فقط في بداية السلسلة <code>rickyAndCal</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يبحث التعبير المعتاد عن <code>&quot;Cal&quot;</code> بحرف كبير.
+    testString: 'assert(calRegex.source == "^Cal", "Your regex should search for <code>"Cal"</code> with a capital letter.");'
+  - text: يجب ألا يستخدم تعبيرك المعتاد أي أعلام.
+    testString: 'assert(calRegex.flags == "", "Your regex should not use any flags.");'
+  - text: يجب أن يتطابق تعبيرك العادي مع كلمة <code>&quot;Cal&quot;</code> في بداية السلسلة.
+    testString: 'assert(calRegex.test("Cal and Ricky both like racing."), "Your regex should match <code>"Cal"</code> at the beginning of the string.");'
+  - text: يجب ألا يتطابق التعبير العادي مع <code>&quot;Cal&quot;</code> في وسط سلسلة.
+    testString: 'assert(!calRegex.test("Ricky and Cal both like racing."), "Your regex should not match <code>"Cal"</code> in the middle of a string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let rickyAndCal = "Cal and Ricky both like racing.";
+let calRegex = /change/; // Change this line
+let result = calRegex.test(rickyAndCal);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-one-or-more-times.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-one-or-more-times.arabic.md
new file mode 100644
index 0000000000..26d3b2ba2e
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-one-or-more-times.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db6367417b2b2512b99
+title: Match Characters that Occur One or More Times
+challengeType: 1
+videoUrl: ''
+localeTitle: مطابقة الأحرف التي تحدث مرة واحدة أو أكثر
+---
+
+## Description
+<section id="description"> في بعض الأحيان ، تحتاج إلى مطابقة حرف (أو مجموعة من الأحرف) التي تظهر مرة واحدة أو أكثر في صف واحد. هذا يعني أنه يحدث مرة واحدة على الأقل ، ويمكن أن يتكرر. يمكنك استخدام <code>+</code> للتحقق مما إذا كانت هذه هي الحالة. تذكر ، يجب أن تكون الشخصية أو النمط موجودًا على التوالي. بمعنى ، يجب على الحرف تكرار واحد بعد الآخر. على سبيل المثال ، سيعثر <code>/a+/g</code> على تطابق واحد في <code>&quot;abc&quot;</code> وإرجاع <code>[&quot;a&quot;]</code> . نظرًا لوجود <code>+</code> ، سيجد أيضًا تطابقًا واحدًا في <code>&quot;aabc&quot;</code> وإرجاع <code>[&quot;aa&quot;]</code> . لو كانت بدلا التحقق من سلسلة <code>&quot;abab&quot;</code> ، فإنه يجد مباراتين والعودة <code>[&quot;a&quot;, &quot;a&quot;]</code> لأن <code>a</code> الأحرف ليست في صف واحد - هناك <code>b</code> بينهما. أخيرًا ، نظرًا لعدم وجود <code>&quot;a&quot;</code> في السلسلة <code>&quot;bcd&quot;</code> ، فلن تجد تطابقًا. </section>
+
+## Instructions
+<section id="instructions"> تريد البحث عن تطابقات عندما يحدث الحرف <code>s</code> مرة أو أكثر في <code>&quot;Mississippi&quot;</code> . اكتب regex يستخدم علامة <code>+</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: التعابير المنطقية الخاصة بك <code>myRegex</code> يجب استخدام <code>+</code> إشارة لمباراة واحدة أو أكثر من <code>s</code> حرفا.
+    testString: 'assert(/\+/.test(myRegex.source), "Your regex <code>myRegex</code> should use the <code>+</code> sign to match one or more <code>s</code> characters.");'
+  - text: يجب أن يتطابق التعبير العادي مع <code>myRegex</code> مع عنصرين.
+    testString: 'assert(result.length == 2, "Your regex <code>myRegex</code> should match 2 items.");'
+  - text: يجب أن يكون متغير <code>result</code> مصفوفة تحتوي على مجموعتين من <code>&quot;ss&quot;</code>
+    testString: 'assert(result[0] == "ss" && result[1] == "ss", "The <code>result</code> variable should be an array with two matches of <code>"ss"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let difficultSpelling = "Mississippi";
+let myRegex = /change/; // Change this line
+let result = difficultSpelling.match(myRegex);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-zero-or-more-times.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-zero-or-more-times.arabic.md
new file mode 100644
index 0000000000..563a46b48c
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-zero-or-more-times.arabic.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db6367417b2b2512b9a
+title: Match Characters that Occur Zero or More Times
+challengeType: 1
+videoUrl: ''
+localeTitle: مطابقة الأحرف التي تحدث Zero أو أوقات إضافية
+---
+
+## Description
+<section id="description"> استخدم التحدي الأخير علامة زائد <code>+</code> للبحث عن الأحرف التي تحدث مرة واحدة أو أكثر. هناك أيضًا خيار يطابق الأحرف التي تحدث صفرًا أو أكثر. الحرف للقيام بذلك هو <code>asterisk</code> أو <code>star</code> : <code>*</code> . <blockquote style=";text-align:right;direction:rtl"> let soccerWord = &quot;gooooooooal!&quot;؛ <br> دعونا gPhrase = &quot;الشعور الغريزي&quot; ؛ <br> دع oPhrase = &quot;فوق القمر&quot; ؛ <br> اترك goRegex = / go * /؛ <br> soccerWord.match (goRegex)؛ // Returns [&quot;goooooooo&quot;] <br> gPhrase.match (goRegex)؛ // Returns [&quot;g&quot;] <br> oPhrase.match (goRegex)؛ // يعود لاغيا </blockquote></section>
+
+## Instructions
+<section id="instructions"> إنشاء regex <code>chewieRegex</code> يستخدم الحرف <code>*</code> لتطابق كافة الأحرف <code>&quot;a&quot;</code> العلوي والسفلي في <code>chewieQuote</code> . لا يحتاج تعبيرك العادي إلى علامات ، ولا ينبغي أن يتطابق مع أي من علامات الاقتباس الأخرى. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يستخدم regex <code>chewieRegex</code> <code>*</code> لمطابقة صفر أو أكثر <code>a</code> الأحرف.
+    testString: 'assert(/\*/.test(chewieRegex.source), "Your regex <code>chewieRegex</code> should use the <code>*</code> character to match zero or more <code>a</code> characters.");'
+  - text: يجب أن يتطابق التعبير العادي regex <code>chewieRegex</code> مع 16 حرفًا.
+    testString: 'assert(result[0].length === 16, "Your regex <code>chewieRegex</code> should match 16 characters.");'
+  - text: يجب أن يتطابق <code>&quot;Aaaaaaaaaaaaaaaa&quot;</code> العادي مع <code>&quot;Aaaaaaaaaaaaaaaa&quot;</code> .
+    testString: 'assert(result[0] === "Aaaaaaaaaaaaaaaa", "Your regex should match <code>"Aaaaaaaaaaaaaaaa"</code>.");'
+  - text: 'يجب ألا يتطابق تعبيرك المعتاد مع أي أحرف في <code>&quot;He made a fair move. Screaming about it can&#39;t help you.&quot;</code>'
+    testString: 'assert(!"He made a fair move. Screaming about it can\"t help you.".match(chewieRegex), "Your regex should not match any characters in <code>"He made a fair move. Screaming about it can&#39t help you."</code>");'
+  - text: 'يجب ألا يتطابق <code>&quot;Let him have it. It&#39;s not wise to upset a Wookiee.&quot;</code> المعتاد مع أي أحرف في <code>&quot;Let him have it. It&#39;s not wise to upset a Wookiee.&quot;</code>'
+    testString: 'assert(!"Let him have it. It\"s not wise to upset a Wookiee.".match(chewieRegex), "Your regex should not match any characters in <code>"Let him have it. It&#39s not wise to upset a Wookiee."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let chewieQuote = "Aaaaaaaaaaaaaaaarrrgh!";
+let chewieRegex = /change/; // Change this line
+let result = chewieQuote.match(chewieRegex);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-ending-string-patterns.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-ending-string-patterns.arabic.md
new file mode 100644
index 0000000000..1bbfb0f58f
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-ending-string-patterns.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db7367417b2b2512b9e
+title: Match Ending String Patterns
+challengeType: 1
+videoUrl: ''
+localeTitle: تطابق نهاية أنماط سلسلة
+---
+
+## Description
+<section id="description"> في التحدي الأخير ، تعلمت استخدام <code>caret</code> للبحث عن الأنماط في بداية السلاسل. هناك أيضًا طريقة للبحث عن الأنماط في نهاية السلاسل. يمكنك البحث في نهاية السلاسل باستخدام حرف <code>dollar sign</code> <code>$</code> في نهاية التعليمة regex. <blockquote style=";text-align:right;direction:rtl"> دع theEnding = &quot;هذه قصة لا تنتهي أبدا&quot;؛ <br> let storyRegex = / story $ /؛ <br> storyRegex.test (theEnding)؛ <br> // يعود صحيح <br> let noEnding = &quot;في بعض الأحيان يجب أن تنتهي القصة&quot; ؛ <br> storyRegex.test (noEnding)؛ <br> // إرجاع خاطئة <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> استخدم حرف الربط ( <code>$</code> ) لمطابقة السلسلة <code>&quot;caboose&quot;</code> في نهاية سلسلة <code>caboose</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب عليك البحث عن <code>&quot;caboose&quot;</code> باستخدام علامة الدولار <code>$</code> anchor في تعبيرك المعتاد.
+    testString: 'assert(lastRegex.source == "caboose$", "You should search for <code>"caboose"</code> with the dollar sign <code>$</code> anchor in your regex.");'
+  - text: يجب ألا يستخدم تعبيرك المعتاد أي أعلام.
+    testString: 'assert(lastRegex.flags == "", "Your regex should not use any flags.");'
+  - text: يجب أن تتطابق مع <code>&quot;caboose&quot;</code> في نهاية السلسلة <code>&quot;The last car on a train is the caboose&quot;</code>
+    testString: 'assert(lastRegex.test("The last car on a train is the caboose"), "You should match <code>"caboose"</code> at the end of the string <code>"The last car on a train is the caboose"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let caboose = "The last car on a train is the caboose";
+let lastRegex = /change/; // Change this line
+let result = lastRegex.test(caboose);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-everything-but-letters-and-numbers.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-everything-but-letters-and-numbers.arabic.md
new file mode 100644
index 0000000000..dd678eff78
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-everything-but-letters-and-numbers.arabic.md
@@ -0,0 +1,61 @@
+---
+id: 587d7db8367417b2b2512ba0
+title: Match Everything But Letters and Numbers
+challengeType: 1
+videoUrl: ''
+localeTitle: تطابق كل شيء لكن الحروف والأرقام
+---
+
+## Description
+<section id="description"> لقد تعلمت أنه يمكنك استخدام اختصار لمطابقة <code>[A-Za-z0-9_]</code> الأبجدية العددية <code>[A-Za-z0-9_]</code> باستخدام <code>\w</code> . النمط الطبيعي الذي قد ترغب في البحث عنه هو عكس alphanumerics. يمكنك البحث عن عكس <code>\w</code> مع <code>\W</code> لاحظ أن النمط المعاكس يستخدم حرفًا كبيرًا. هذا الاختصار هو نفسه <code>[^A-Za-z0-9_]</code> . <blockquote style=";text-align:right;direction:rtl"> اترك shortHand = / \ W /؛ <br> السماح للأرقام = &quot;42 ٪&quot; ؛ <br> اسمحوا الجملة = &quot;الترميز!&quot; ؛ <br> numbers.match (اختزال)؛ // عائدات [&quot;٪&quot;] <br> sentence.match (اختزال)؛ // عائدات [&quot;!&quot;] <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> استخدم class <code>\W</code> حرف الاختصار لحساب عدد الأحرف غير الأبجدية الرقمية في علامات الاقتباس والسلاسل المختلفة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يستخدم تعبيرك العادي العلم العام.
+    testString: 'assert(nonAlphabetRegex.global, "Your regex should use the global flag.");'
+  - text: يجب أن يعثر تعبيرك المنطقي على 6 أحرف غير أبجدية رقمية في <code>&quot;The five boxing wizards jump quickly.&quot;</code> .
+    testString: 'assert("The five boxing wizards jump quickly.".match(nonAlphabetRegex).length == 6, "Your regex should find 6 non-alphanumeric characters in <code>"The five boxing wizards jump quickly."</code>.");'
+  - text: يجب أن يستخدم تعبيرك العادي الحرف المختصر.
+    testString: 'assert(/\\W/.test(nonAlphabetRegex.source), "Your regex should use the shorthand character to match characters which are non-alphanumeric.");'
+  - text: يجب أن يعثر تعبيرك المنطقي على 8 أحرف غير أبجدية رقمية في <code>&quot;Pack my box with five dozen liquor jugs.&quot;</code>
+    testString: 'assert("Pack my box with five dozen liquor jugs.".match(nonAlphabetRegex).length == 8, "Your regex should find 8 non-alphanumeric characters in <code>"Pack my box with five dozen liquor jugs."</code>");'
+  - text: يجب أن يعثر تعبيرك المنطقي على 6 أحرف غير أبجدية رقمية في <code>&quot;How vexingly quick daft zebras jump!&quot;</code>
+    testString: 'assert("How vexingly quick daft zebras jump!".match(nonAlphabetRegex).length == 6, "Your regex should find 6 non-alphanumeric characters in <code>"How vexingly quick daft zebras jump!"</code>");'
+  - text: يجب أن يعثر <code>&quot;123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.&quot;</code> على 12 حرفًا غير أبجدي رقمي في <code>&quot;123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.&quot;</code>
+    testString: 'assert("123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.".match(nonAlphabetRegex).length == 12, "Your regex should find 12 non-alphanumeric characters in <code>"123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "The five boxing wizards jump quickly.";
+let nonAlphabetRegex = /change/; // Change this line
+let result = quoteSample.match(nonAlphabetRegex).length;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-letters-of-the-alphabet.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-letters-of-the-alphabet.arabic.md
new file mode 100644
index 0000000000..e6864e4e45
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-letters-of-the-alphabet.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db5367417b2b2512b96
+title: Match Letters of the Alphabet
+challengeType: 1
+videoUrl: ''
+localeTitle: تطابق حروف الأبجدية
+---
+
+## Description
+<section id="description"> لقد رأيت كيف يمكنك استخدام <code>character sets</code> لتحديد مجموعة من الأحرف لمطابقة ، ولكن هذا كثير من الكتابة عندما تحتاج إلى مطابقة مجموعة كبيرة من الأحرف (على سبيل المثال ، كل حرف في الأبجدية). لحسن الحظ ، هناك ميزة مضمنة تجعل هذا قصيرة وبسيطة. داخل مجموعة <code>character set</code> ، يمكنك تحديد نطاق من الأحرف لمطابقة أحرف <code>hyphen</code> : <code>-</code> . على سبيل المثال ، لمطابقة الأحرف الصغيرة <code>a</code> خلال <code>e</code> قد تستخدم <code>[ae]</code> . <blockquote style=";text-align:right;direction:rtl"> دع catStr = &quot;قطة&quot; ؛ <br> السماح batStr = &quot;الخفافيش&quot; ؛ <br> السماح matStr = &quot;حصيرة&quot; ؛ <br> let bgRegex = / [ae] at /؛ <br> catStr.match (bgRegex)؛ // Returns [&quot;cat&quot;] <br> batStr.match (bgRegex)؛ // Returns [&quot;bat&quot;] <br> matStr.match (bgRegex)؛ // يعود لاغيا </blockquote></section>
+
+## Instructions
+<section id="instructions"> تطابق جميع الحروف في سلسلة <code>quoteSample</code> . <strong>ملحوظة</strong> <br> تأكد من مطابقة الأحرف <strong>الكبيرة</strong> والصغيرة <strong><strong>.</strong></strong> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يتطابق معجمك <code>alphabetRegex</code> مع 35 عنصرًا.
+    testString: 'assert(result.length == 35, "Your regex <code>alphabetRegex</code> should match 35 items.");'
+  - text: يجب أن يستخدم <code>alphabetRegex</code> reggex <code>alphabetRegex</code> العلم العام.
+    testString: 'assert(alphabetRegex.flags.match(/g/).length == 1, "Your regex <code>alphabetRegex</code> should use the global flag.");'
+  - text: التعابير المنطقية الخاصة بك <code>alphabetRegex</code> يجب استخدام حالة العلم حساسة.
+    testString: 'assert(alphabetRegex.flags.match(/i/).length == 1, "Your regex <code>alphabetRegex</code> should use the case insensitive flag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "The quick brown fox jumps over the lazy dog.";
+let alphabetRegex = /change/; // Change this line
+let result = alphabetRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-literal-strings.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-literal-strings.arabic.md
new file mode 100644
index 0000000000..8a16ae61fe
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-literal-strings.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db3367417b2b2512b8f
+title: Match Literal Strings
+challengeType: 1
+videoUrl: ''
+localeTitle: المباراة الحرفيه الاوتار
+---
+
+## Description
+<section id="description"> في التحدي الأخير ، قمت بالبحث عن كلمة <code>&quot;Hello&quot;</code> باستخدام التعبير العادي <code>/Hello/</code> . بحث هذا التعبير المنطقي عن تطابق حرفي لسلسلة <code>&quot;Hello&quot;</code> . إليك مثال آخر يبحث عن مطابقة حرفية لسلسلة <code>&quot;Kevin&quot;</code> : <blockquote style=";text-align:right;direction:rtl"> let testStr = &quot;مرحبًا ، اسمي كيفن.&quot;؛ <br> let testRegex = / Kevin /؛ <br> testRegex.test (testStr)؛ <br> // يعود صحيح </blockquote> أي أشكال أخرى من <code>&quot;Kevin&quot;</code> لن تتطابق. على سبيل المثال ، لن يتطابق regex <code>/Kevin/</code> مع <code>&quot;kevin&quot;</code> أو <code>&quot;KEVIN&quot;</code> . <blockquote style=";text-align:right;direction:rtl"> let wrongRegex = / kevin /؛ <br> wrongRegex.test (testStr)؛ <br> // إرجاع خاطئة </blockquote> سيظهر تحدٍّ مستقبلي كيفية مضاهاة هذه الأشكال الأخرى أيضًا. </section>
+
+## Instructions
+<section id="instructions"> أكمل <code>waldoRegex</code> regex للعثور على <code>&quot;Waldo&quot;</code> في السلسلة <code>waldoIsHiding</code> مع مطابقة حرفية. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يجد <code>waldoRegex</code> regex الخاص بك <code>&quot;Waldo&quot;</code>
+    testString: 'assert(waldoRegex.test(waldoIsHiding), "Your regex <code>waldoRegex</code> should find <code>"Waldo"</code>");'
+  - text: يجب ألا يبحث regex <code>waldoRegex</code> عن أي شيء آخر.
+    testString: 'assert(!waldoRegex.test("Somewhere is hiding in this text."), "Your regex <code>waldoRegex</code> should not search for anything else.");'
+  - text: يجب إجراء مطابقة سلسلة حرفية مع تعبيرك المعتاد.
+    testString: 'assert(!/\/.*\/i/.test(code), "You should perform a literal string match with your regex.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let waldoIsHiding = "Somewhere Waldo is hiding in this text.";
+let waldoRegex = /search/; // Change this line
+let result = waldoRegex.test(waldoIsHiding);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-non-whitespace-characters.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-non-whitespace-characters.arabic.md
new file mode 100644
index 0000000000..51451b3288
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-non-whitespace-characters.arabic.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db9367417b2b2512ba4
+title: Match Non-Whitespace Characters
+challengeType: 1
+videoUrl: ''
+localeTitle: تطابق أحرف غير بيضاء
+---
+
+## Description
+<section id="description"> لقد تعلمت عن البحث عن المسافات البيضاء باستخدام <code>\s</code> ، باستخدام <code>s</code> صغير. يمكنك أيضًا البحث عن كل شيء ما عدا المسافة البيضاء. البحث عن غير بيضاء، يستخدم <code>\S</code> ، وهي الأحرف الكبيرة <code>s</code> . لن يطابق هذا النمط المسافات البيضاء ، والعودة إلى السطر ، وعلامة التبويب ، وتغذية النموذج ، وأحرف الخطوط الجديدة. يمكنك التفكير في كونه مشابهًا لفئة الأحرف <code>[^ \r\t\f\n\v]</code> . <blockquote style=";text-align:right;direction:rtl"> let whiteSpace = &quot;Whitespace. Whitespace everywhere!&quot; <br> اترك nonSpaceRegex = / \ S / g؛ <br> whiteSpace.match (nonSpaceRegex) مدة العرض. // إرجاع 32 </blockquote></section>
+
+## Instructions
+<section id="instructions"> غيّر <code>countNonWhiteSpace</code> regex للبحث عن أحرف non-whitespace متعددة في سلسلة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يستخدم تعبيرك العادي العلم العام.
+    testString: 'assert(countNonWhiteSpace.global, "Your regex should use the global flag.");'
+  - text: يجب أن يستخدم تعبيرك العادي الحرف المختصر
+    testString: 'assert(/\\S/.test(countNonWhiteSpace.source), "Your regex should use the shorthand character <code>\S/code> to match all non-whitespace characters.");'
+  - text: يجب أن يعثر تعبيرك المعتاد على 35 حالة غير مسافات في <code>&quot;Men are from Mars and women are from Venus.&quot;</code>
+    testString: 'assert("Men are from Mars and women are from Venus.".match(countNonWhiteSpace).length == 35, "Your regex should find 35 non-spaces in <code>"Men are from Mars and women are from Venus."</code>");'
+  - text: 'يجب أن يعثر تعبيرك المعتاد على 23 منطقة غير مسافات في <code>&quot;Space: the final frontier.&quot;</code>'
+    testString: 'assert("Space: the final frontier.".match(countNonWhiteSpace).length == 23, "Your regex should find 23 non-spaces in <code>"Space: the final frontier."</code>");'
+  - text: يجب أن يعثر <code>&quot;MindYourPersonalSpace&quot;</code> على 21 <code>&quot;MindYourPersonalSpace&quot;</code> غير مسافات في <code>&quot;MindYourPersonalSpace&quot;</code>
+    testString: 'assert("MindYourPersonalSpace".match(countNonWhiteSpace).length == 21, "Your regex should find 21 non-spaces in <code>"MindYourPersonalSpace"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let sample = "Whitespace is important in separating words";
+let countNonWhiteSpace = /change/; // Change this line
+let result = sample.match(countNonWhiteSpace);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-numbers-and-letters-of-the-alphabet.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-numbers-and-letters-of-the-alphabet.arabic.md
new file mode 100644
index 0000000000..4b0c072c47
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-numbers-and-letters-of-the-alphabet.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db5367417b2b2512b97
+title: Match Numbers and Letters of the Alphabet
+challengeType: 1
+videoUrl: ''
+localeTitle: أرقام المباراة ورسائل الأبجدية
+---
+
+## Description
+<section id="description"> لا يقتصر استخدام الواصلة ( <code>-</code> ) لمطابقة نطاق من الأحرف على الأحرف. كما يعمل على مطابقة مجموعة من الأرقام. على سبيل المثال ، <code>/[0-5]/</code> تطابق أي رقم بين <code>0</code> و <code>5</code> ، بما في ذلك <code>0</code> و <code>5</code> . أيضا ، من الممكن الجمع بين مجموعة من الحروف والأرقام في مجموعة أحرف واحدة. <blockquote style=";text-align:right;direction:rtl"> let jennyStr = &quot;Jenny8675309&quot;؛ <br> let myRegex = / [a-z0-9] / ig؛ <br> // تطابق جميع الحروف والأرقام في jennyStr <br> jennyStr.match (myRegex)؛ </blockquote></section>
+
+## Instructions
+<section id="instructions"> أنشئ تعبيرًا واحدًا يتطابق مع نطاق من الأحرف بين <code>h</code> و <code>s</code> ومجموعة من الأرقام بين <code>2</code> و <code>6</code> . تذكر تضمين الأعلام المناسبة في التعابير المنطقية. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يتطابق <code>myRegex</code> مع 17 عنصرًا.
+    testString: 'assert(result.length == 17, "Your regex <code>myRegex</code> should match 17 items.");'
+  - text: يجب أن يستخدم <code>myRegex</code> regex العلامة العامة.
+    testString: 'assert(myRegex.flags.match(/g/).length == 1, "Your regex <code>myRegex</code> should use the global flag.");'
+  - text: يجب أن يستخدم <code>myRegex</code> regex <code>myRegex</code> حالة الأحرف.
+    testString: 'assert(myRegex.flags.match(/i/).length == 1, "Your regex <code>myRegex</code> should use the case insensitive flag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "Blueberry 3.141592653s are delicious.";
+let myRegex = /change/; // Change this line
+let result = myRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-character-with-multiple-possibilities.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-character-with-multiple-possibilities.arabic.md
new file mode 100644
index 0000000000..0fd213d3e3
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-character-with-multiple-possibilities.arabic.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db5367417b2b2512b95
+title: Match Single Character with Multiple Possibilities
+challengeType: 1
+videoUrl: ''
+localeTitle: تطابق شخصية واحدة مع إمكانيات متعددة
+---
+
+## Description
+<section id="description"> تعلمت كيف تتطابق مع الأنماط الحرفية ( <code>/literal/</code> ) وحرف البدل ( <code>/./</code> ). هذه هي الحدود القصوى للتعبيرات العادية ، حيث يجد المرء مباريات متطابقة ويطابق الآخر كل شيء. هناك خيارات توازن بين النقيضين. يمكنك البحث عن نمط حرفية مع بعض المرونة مع <code>character classes</code> . تتيح لك فئات الأحرف تعريف مجموعة من الأحرف التي ترغب في مطابقتها بوضعها داخل أقواس مربعة ( <code>[</code> و <code>]</code> ). على سبيل المثال ، تريد مطابقة <code>&quot;bag&quot;</code> و <code>&quot;big&quot;</code> و <code>&quot;bug&quot;</code> وليس <code>&quot;bog&quot;</code> . يمكنك إنشاء regex <code>/b[aiu]g/</code> للقيام بذلك. إن <code>[aiu]</code> هو فئة الشخصية التي تتطابق فقط مع الأحرف <code>&quot;a&quot;</code> أو <code>&quot;i&quot;</code> أو <code>&quot;u&quot;</code> . <blockquote style=";text-align:right;direction:rtl"> let bigStr = &quot;big&quot;؛ <br> اسمحوا bagStr = &quot;حقيبة&quot; ؛ <br> let bugStr = &quot;bug&quot;؛ <br> let bogStr = &quot;bog&quot;؛ <br> let bgRegex = / b [aiu] g /؛ <br> bigStr.match (bgRegex)؛ // Returns [&quot;big&quot;] <br> bagStr.match (bgRegex)؛ // Returns [&quot;bag&quot;] <br> bugStr.match (bgRegex)؛ // Returns [&quot;bug&quot;] <br> bogStr.match (bgRegex)؛ // يعود لاغيا </blockquote></section>
+
+## Instructions
+<section id="instructions"> استخدم فئة أحرف مع أحرف العلة ( <code>a</code> ، <code>e</code> ، <code>i</code> ، <code>o</code> ، <code>u</code> ) في your regex <code>vowelRegex</code> للعثور على جميع حروف العلة في سلسلة <code>quoteSample</code> . <strong>ملحوظة</strong> <br> تأكد من مطابقة حروف العلة العلوية والصغيرة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تجد كل الحروف المتحركة 25.
+    testString: 'assert(result.length == 25, "You should find all 25 vowels.");'
+  - text: يجب أن يستخدم regex <code>vowelRegex</code> فئة شخصية.
+    testString: 'assert(/\[.*\]/.test(vowelRegex.source), "Your regex <code>vowelRegex</code> should use a character class.");'
+  - text: يجب أن يستخدم regex <code>vowelRegex</code> العلم العام.
+    testString: 'assert(vowelRegex.flags.match(/g/).length == 1, "Your regex <code>vowelRegex</code> should use the global flag.");'
+  - text: يجب أن يستخدم <code>vowelRegex</code> regex <code>vowelRegex</code> علم حالة الأحرف.
+    testString: 'assert(vowelRegex.flags.match(/i/).length == 1, "Your regex <code>vowelRegex</code> should use the case insensitive flag.");'
+  - text: يجب ألا يطابق تعبيرك المعتاد أي أحرف ساكنة.
+    testString: 'assert(!/[b-df-hj-np-tv-z]/gi.test(result.join()), "Your regex should not match any consonants.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "Beware of bugs in the above code; I have only proved it correct, not tried it.";
+let vowelRegex = /change/; // Change this line
+let result = vowelRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-characters-not-specified.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-characters-not-specified.arabic.md
new file mode 100644
index 0000000000..9029119ad6
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-characters-not-specified.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db6367417b2b2512b98
+title: Match Single Characters Not Specified
+challengeType: 1
+videoUrl: ''
+localeTitle: مطابقة أحرف مفردة غير محددة
+---
+
+## Description
+<section id="description"> حتى الآن ، قمت بإنشاء مجموعة من الأحرف التي تريد مطابقتها ، ولكن يمكنك أيضًا إنشاء مجموعة من الأحرف التي لا تريد مطابقتها. تسمى هذه الأنواع من مجموعات <code>negated character sets</code> . لإنشاء مجموعة <code>negated character set</code> ، تضع <code>caret</code> ( <code>^</code> ) بعد قوس الفتح وقبل الأحرف التي لا تريد مطابقتها. على سبيل المثال ، يطابق <code>/[^aeiou]/gi</code> كافة الأحرف التي ليست حرف علة. لاحظ أن أحرف مثل <code>.</code> <code>!</code> تتم مطابقة ، <code>[</code> ، <code>@</code> ، <code>/</code> وفضاء أبيض] - تستبعد مجموعة أحرف العلة المنسوخة أحرف الأحرف المتحركة فقط. </section>
+
+## Instructions
+<section id="instructions"> قم بإنشاء تعبير عادي واحد يتطابق مع كل الحروف التي ليست رقمًا أو حرفًا متحركًا. تذكر تضمين الأعلام المناسبة في التعابير المنطقية. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يتطابق <code>myRegex</code> مع 9 عناصر.
+    testString: 'assert(result.length == 9, "Your regex <code>myRegex</code> should match 9 items.");'
+  - text: يجب أن يستخدم <code>myRegex</code> regex العلامة العامة.
+    testString: 'assert(myRegex.flags.match(/g/).length == 1, "Your regex <code>myRegex</code> should use the global flag.");'
+  - text: يجب أن يستخدم <code>myRegex</code> regex <code>myRegex</code> حالة الأحرف.
+    testString: 'assert(myRegex.flags.match(/i/).length == 1, "Your regex <code>myRegex</code> should use the case insensitive flag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "3 blind mice.";
+let myRegex = /change/; // Change this line
+let result = myRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-whitespace.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-whitespace.arabic.md
new file mode 100644
index 0000000000..1c53f6d9f4
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/match-whitespace.arabic.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db8367417b2b2512ba3
+title: Match Whitespace
+challengeType: 1
+videoUrl: ''
+localeTitle: تطابق الفراغ
+---
+
+## Description
+<section id="description"> غطت التحديات حتى الآن الحروف المطابقة للأبجدية والأرقام. يمكنك أيضًا مطابقة المسافة البيضاء أو المسافات بين الأحرف. يمكنك البحث عن المسافات باستخدام <code>\s</code> ، وهي صغيرة <code>s</code> . لا يطابق هذا النمط المسافة البيضاء فحسب ، بل يطابق أيضًا أحرف الإرجاع ، وعلامة التبويب ، وتغذية النموذج ، وأحرف الخطوط الجديدة. يمكنك اعتباره مشابهًا لفئة الأحرف <code>[ \r\t\f\n\v]</code> . <blockquote style=";text-align:right;direction:rtl"> let whiteSpace = &quot;Whitespace. Whitespace everywhere!&quot; <br> اترك spaceRegex = / \ s / g؛ <br> whiteSpace.match (spaceRegex)؛ <br> // عائدات [&quot; &quot;، &quot; &quot;] <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> غيّر <code>countWhiteSpace</code> regex للبحث عن أحرف بيضاء متعددة في سلسلة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يستخدم تعبيرك العادي العلم العام.
+    testString: 'assert(countWhiteSpace.global, "Your regex should use the global flag.");'
+  - text: يجب أن يستخدم تعبيرك العادي الحرف المختصر
+    testString: 'assert(/\\s/.test(countWhiteSpace.source), "Your regex should use the shorthand character <code>\s</code> to match all whitespace characters.");'
+  - text: يجب أن يعثر تعبيرك المعتاد على ثماني مساحات في <code>&quot;Men are from Mars and women are from Venus.&quot;</code>
+    testString: 'assert("Men are from Mars and women are from Venus.".match(countWhiteSpace).length == 8, "Your regex should find eight spaces in <code>"Men are from Mars and women are from Venus."</code>");'
+  - text: 'يجب أن يعثر تعبيرك المعتاد على ثلاث مسافات في <code>&quot;Space: the final frontier.&quot;</code>'
+    testString: 'assert("Space: the final frontier.".match(countWhiteSpace).length == 3, "Your regex should find three spaces in <code>"Space: the final frontier."</code>");'
+  - text: يجب ألا يجد <code>&quot;MindYourPersonalSpace&quot;</code> أي مسافات في <code>&quot;MindYourPersonalSpace&quot;</code>
+    testString: 'assert("MindYourPersonalSpace".match(countWhiteSpace) == null, "Your regex should find no spaces in <code>"MindYourPersonalSpace"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let sample = "Whitespace is important in separating words";
+let countWhiteSpace = /change/; // Change this line
+let result = sample.match(countWhiteSpace);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/positive-and-negative-lookahead.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/positive-and-negative-lookahead.arabic.md
new file mode 100644
index 0000000000..70ba422ea4
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/positive-and-negative-lookahead.arabic.md
@@ -0,0 +1,65 @@
+---
+id: 587d7dba367417b2b2512ba9
+title: Positive and Negative Lookahead
+challengeType: 1
+videoUrl: ''
+localeTitle: الإيجابية و السلبية Lookahead
+---
+
+## Description
+<section id="description"> <code>Lookaheads</code> هي الأنماط التي تخبر جافا سكريبت أن ننظر إلى الأمام في السلسلة الخاصة بك للتحقق من وجود أنماط أخرى على طول. يمكن أن يكون ذلك مفيدًا عندما تريد البحث عن أنماط متعددة عبر نفس السلسلة. هناك نوعان من <code>lookaheads</code> : <code>positive lookahead</code> و <code>negative lookahead</code> . سوف ننظر <code>positive lookahead</code> للتأكد من وجود عنصر في نمط البحث ، ولكن لن تتطابق في الواقع. يتم استخدام lookahead إيجابية كما <code>(?=...)</code> حيث <code>...</code> هو الجزء المطلوب غير متطابق. من ناحية أخرى ، سوف ننظر <code>negative lookahead</code> للتأكد من عدم وجود عنصر في نمط البحث. يتم استخدام lookahead سلبي كما <code>(?!...)</code> حيث <code>...</code> هو النمط الذي لا تريد أن تكون هناك. يتم إرجاع بقية النمط إذا كان جزء lookahead السلبي غير موجود. Lookaheads مربكة بعض الشيء ولكن بعض الأمثلة سوف تساعد. <blockquote style=";text-align:right;direction:rtl"> ترك quit = &quot;qu&quot;؛ <br> let noquit = &quot;qt&quot;؛ <br> let quRegex = / q (؟ = u) /؛ <br> اترك qRegex = / q (؟! u) /؛ <br> quit.match (quRegex)؛ // Returns [&quot;q&quot;] <br> noquit.match (qRegex)؛ // Returns [&quot;q&quot;] </blockquote> استخدام أكثر عملية من <code>lookaheads</code> هو التحقق من اثنين أو أكثر من الأنماط في سلسلة واحدة. هنا مدقق كلمات مرور بسيط (بسذاجة) يبحث عن 3 إلى 6 أحرف ورقم واحد على الأقل: <blockquote style=";text-align:right;direction:rtl"> السماح بكلمة المرور = &quot;abc123&quot; ؛ <br> let checkPass = / (؟ = \ w {3،6}) (؟ = \ D * \ d) /؛ <br> checkPass.test (كلمة السر)؛ // يعود صحيح </blockquote></section>
+
+## Instructions
+<section id="instructions"> استخدم <code>lookaheads</code> في <code>pwRegex</code> لمطابقة كلمات المرور التي يزيد طولها عن 5 أحرف ولها رقمين متتاليين. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يستخدم <code>lookaheads</code> إيجابية.
+    testString: 'assert(pwRegex.source.match(/\(\?=.*?\)\(\?=.*?\)/) !== null, "Your regex should use two positive <code>lookaheads</code>.");'
+  - text: يجب ألا يتطابق تعبيرك العادي مع <code>&quot;astronaut&quot;</code>
+    testString: 'assert(!pwRegex.test("astronaut"), "Your regex should not match <code>"astronaut"</code>");'
+  - text: يجب ألا يتطابق تعبيرك العادي مع <code>&quot;airplanes&quot;</code>
+    testString: 'assert(!pwRegex.test("airplanes"), "Your regex should not match <code>"airplanes"</code>");'
+  - text: يجب ألا يتطابق التعبير العادي مع <code>&quot;banan1&quot;</code>
+    testString: 'assert(!pwRegex.test("banan1"), "Your regex should not match <code>"banan1"</code>");'
+  - text: يجب أن يتطابق <code>&quot;bana12&quot;</code> العادي مع <code>&quot;bana12&quot;</code>
+    testString: 'assert(pwRegex.test("bana12"), "Your regex should match <code>"bana12"</code>");'
+  - text: يجب أن يتطابق التعبير العادي مع <code>&quot;abc123&quot;</code>
+    testString: 'assert(pwRegex.test("abc123"), "Your regex should match <code>"abc123"</code>");'
+  - text: يجب ألا يتطابق التعبير العادي مع <code>&quot;123&quot;</code>
+    testString: 'assert(!pwRegex.test("123"), "Your regex should not match <code>"123"</code>");'
+  - text: يجب ألا يتطابق التعبير العادي مع <code>&quot;1234&quot;</code>
+    testString: 'assert(!pwRegex.test("1234"), "Your regex should not match <code>"1234"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let sampleWord = "astronaut";
+let pwRegex = /change/; // Change this line
+let result = pwRegex.test(sampleWord);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/remove-whitespace-from-start-and-end.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/remove-whitespace-from-start-and-end.arabic.md
new file mode 100644
index 0000000000..7e6930ef60
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/remove-whitespace-from-start-and-end.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 587d7dbb367417b2b2512bac
+title: Remove Whitespace from Start and End
+challengeType: 1
+videoUrl: ''
+localeTitle: إزالة Whitespace من البداية والنهاية
+---
+
+## Description
+<section id="description"> في بعض الأحيان لا تكون الأحرف البيضاء حول السلاسل مطلوبة ولكن هناك. المعالجة النموذجية للسلاسل هي إزالة المسافة البيضاء في بداية ونهاية. </section>
+
+## Instructions
+<section id="instructions"> اكتب regex واستخدم أساليب السلسلة المناسبة لإزالة المسافات البيضاء في بداية ونهاية السلاسل. <strong>ملحوظة</strong> <br> <code>.trim()</code> طريقة <code>.trim()</code> هنا ، ولكن ستحتاج إلى إكمال هذا التحدي باستخدام التعبيرات العادية. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن تساوي <code>result</code> <code>&quot;Hello, World!&quot;</code>'
+    testString: 'assert(result == "Hello, World!", "<code>result</code> should equal to <code>"Hello, World!"</code>");'
+  - text: يجب عدم استخدام طريقة <code>.trim()</code> .
+    testString: 'assert(!code.match(/\.trim\(.*?\)/), "You should not use the <code>.trim()</code> method.");'
+  - text: لا ينبغي تعيين متغير <code>result</code> مساو لسلسلة.
+    testString: 'assert(!code.match(/result\s*=\s*".*?"/), "The <code>result</code> variable should not be set equal to a string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let hello = "   Hello, World!  ";
+let wsRegex = /change/; // Change this line
+let result = hello; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/restrict-possible-usernames.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/restrict-possible-usernames.arabic.md
new file mode 100644
index 0000000000..a4be4058b2
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/restrict-possible-usernames.arabic.md
@@ -0,0 +1,61 @@
+---
+id: 587d7db8367417b2b2512ba2
+title: Restrict Possible Usernames
+challengeType: 1
+videoUrl: ''
+localeTitle: تقييد أسماء المستخدمين المحتملين
+---
+
+## Description
+<section id="description"> يتم استخدام أسماء المستخدمين في كل مكان على الإنترنت. فهي تمنح المستخدمين هوية فريدة على مواقعهم المفضلة. تحتاج إلى التحقق من جميع أسماء المستخدمين في قاعدة بيانات. فيما يلي بعض القواعد البسيطة التي يجب على المستخدمين اتباعها عند إنشاء اسم المستخدم الخاص بهم. 1) يجب أن تكون الأرقام الوحيدة في اسم المستخدم في النهاية. يمكن أن يكون هناك صفر أو أكثر منهم في النهاية. 2) يمكن أن تكون أحرف اسم المستخدم صغيرة وأخرى كبيرة. 3) يجب أن تتكون أسماء المستخدمين من حرفين على الأقل. يمكن لاسم المستخدم المكون من حرفين فقط استخدام أحرف الحروف الأبجدية. </section>
+
+## Instructions
+<section id="instructions"> غيّر <code>userCheck</code> لتتوافق مع القيود المدرجة أعلاه. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يتطابق <code>JACK</code> العادي مع <code>JACK</code>
+    testString: 'assert(userCheck.test("JACK"), "Your regex should match <code>JACK</code>");'
+  - text: يجب ألا يتطابق تعبيرك العادي مع <code>J</code>
+    testString: 'assert(!userCheck.test("J"), "Your regex should not match <code>J</code>");'
+  - text: يجب أن يتطابق <code>Oceans11</code> العادي مع <code>Oceans11</code>
+    testString: 'assert(userCheck.test("Oceans11"), "Your regex should match <code>Oceans11</code>");'
+  - text: يجب أن يتطابق <code>RegexGuru</code> العادي مع <code>RegexGuru</code>
+    testString: 'assert(userCheck.test("RegexGuru"), "Your regex should match <code>RegexGuru</code>");'
+  - text: يجب ألا يتطابق تعبيرك العادي مع <code>007</code>
+    testString: 'assert(!userCheck.test("007"), "Your regex should not match <code>007</code>");'
+  - text: يجب ألا يتطابق تعبيرك العادي مع <code>9</code>
+    testString: 'assert(!userCheck.test("9"), "Your regex should not match <code>9</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let username = "JackOfAllTrades";
+let userCheck = /change/; // Change this line
+let result = userCheck.test(username);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.arabic.md
new file mode 100644
index 0000000000..45be0a3b6b
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.arabic.md
@@ -0,0 +1,69 @@
+---
+id: 587d7dbb367417b2b2512baa
+title: Reuse Patterns Using Capture Groups
+challengeType: 1
+videoUrl: ''
+localeTitle: إعادة استخدام الأنماط باستخدام مجموعات الالتقاط
+---
+
+## Description
+<section id="description"> ستحدث بعض الأنماط التي تبحث عنها عدة مرات في سلسلة. من المبدد أن نكرر هذا التعبير المعتاد يدويًا. توجد طريقة أفضل لتحديد عندما يكون لديك سلاسل فرعية متعددة مكررة في السلسلة الخاصة بك. يمكنك البحث عن سلاسل فرعية مكررة باستخدام <code>capture groups</code> . يتم استخدام الأقواس ، <code>(</code> و <code>)</code> ، للعثور على أجزاء فرعية متكررة. يمكنك وضع تعبير النمط الذي سيتكرر بين الأقواس. لتحديد مكان ظهور سلسلة التكرار ، استخدم خط مائل عكسي ( <code>\</code> ) ثم رقمًا. يبدأ هذا الرقم من 1 ويزيد مع كل مجموعة التقاط إضافية تستخدمها. على سبيل المثال سيكون <code>\1</code> لمطابقة المجموعة الأولى. يتطابق المثال أدناه مع أي كلمة تحدث مرتين مفصولة بمسافة: <blockquote style=";text-align:right;direction:rtl"> let repeatStr = &quot;regex regex&quot;؛ <br> اترك repeatRegex = / (\ w +) \ s \ 1 /؛ <br> repeatRegex.test (repeatStr)؛ // يعود صحيح <br> repeatStr.match (repeatRegex)؛ // Returns [&quot;regex regex&quot;، &quot;regex&quot;] </blockquote> باستخدام أسلوب <code>.match()</code> على سلسلة سيعود مصفوفة مع السلسلة يطابق ، جنبا إلى جنب مع مجموعة الالتقاط الخاصة به. </section>
+
+## Instructions
+<section id="instructions"> استخدم <code>capture groups</code> في <code>reRegex</code> لمطابقة الأرقام التي يتم تكرارها ثلاث مرات فقط في سلسلة ، كل منها مفصولة بمسافة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يستخدم تعبيرك المنطقي فئة الأحرف المختصرة للأرقام.
+    testString: 'assert(reRegex.source.match(/\\d/), "Your regex should use the shorthand character class for digits.");'
+  - text: يجب أن يعيد التعبير المعتاد مجموعة الالتقاط مرتين.
+    testString: 'assert(reRegex.source.match(/\\\d/g).length === 2, "Your regex should reuse the capture group twice.");'
+  - text: يجب أن يكون للتعبير العادي منطقتين تفصلان الأرقام الثلاثة.
+    testString: 'assert(reRegex.source.match(/\\s/g).length === 2, "Your regex should have two spaces separating the three numbers.");'
+  - text: يجب أن يتطابق تعبيرك العادي مع <code>&quot;42 42 42&quot;</code> .
+    testString: 'assert(reRegex.test("42 42 42"), "Your regex should match <code>"42 42 42"</code>.");'
+  - text: يجب أن يتطابق تعبيرك العادي مع <code>&quot;100 100 100&quot;</code> .
+    testString: 'assert(reRegex.test("100 100 100"), "Your regex should match <code>"100 100 100"</code>.");'
+  - text: يجب ألا يتطابق تعبيرك العادي مع <code>&quot;42 42 42 42&quot;</code> .
+    testString: 'assert.equal(("42 42 42 42").match(reRegex.source), null, "Your regex should not match <code>"42 42 42 42"</code>.");'
+  - text: يجب ألا يتطابق تعبيرك العادي مع <code>&quot;42 42&quot;</code> .
+    testString: 'assert.equal(("42 42").match(reRegex.source), null, "Your regex should not match <code>"42 42"</code>.");'
+  - text: يجب ألا يتطابق تعبيرك العادي مع <code>&quot;101 102 103&quot;</code> .
+    testString: 'assert(!reRegex.test("101 102 103"), "Your regex should not match <code>"101 102 103"</code>.");'
+  - text: يجب ألا يتطابق تعبيرك العادي مع <code>&quot;1 2 3&quot;</code> .
+    testString: 'assert(!reRegex.test("1 2 3"), "Your regex should not match <code>"1 2 3"</code>.");'
+  - text: يجب أن يتطابق تعبيرك العادي مع <code>&quot;10 10 10&quot;</code> .
+    testString: 'assert(reRegex.test("10 10 10"), "Your regex should match <code>"10 10 10"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let repeatNum = "42 42 42";
+let reRegex = /change/; // Change this line
+let result = reRegex.test(repeatNum);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/specify-exact-number-of-matches.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/specify-exact-number-of-matches.arabic.md
new file mode 100644
index 0000000000..c7355ec4a5
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/specify-exact-number-of-matches.arabic.md
@@ -0,0 +1,61 @@
+---
+id: 587d7db9367417b2b2512ba7
+title: Specify Exact Number of Matches
+challengeType: 1
+videoUrl: ''
+localeTitle: تحديد العدد الدقيق للمباريات
+---
+
+## Description
+<section id="description"> يمكنك تحديد العدد السفلي والأعلى من الأنماط مع <code>quantity specifiers</code> باستخدام الأقواس المتعرجة. في بعض الأحيان ، لا تريد سوى عدد محدد من التطابقات. لتحديد عدد معين من الأنماط ، يكون هذا الرقم واحدًا فقط بين الأقواس المتعرجة. على سبيل المثال، لمطابقة فقط كلمة <code>&quot;hah&quot;</code> مع الرسالة <code>a</code> <code>3</code> مرات، من شأنه أن التعابير المنطقية الخاص بك سيكون <code>/ha{3}h/</code> . <blockquote style=";text-align:right;direction:rtl"> اترك A4 = &quot;haaaah&quot;؛ <br> دع A3 = &quot;haaah&quot; ؛ <br> اترك A100 = &quot;h&quot; + &quot;a&quot; .repeat (100) + &quot;h&quot;؛ <br> السماح لـ multipleHA = / ha {3} h /؛ <br> multipleHA.test (A4)؛ // إرجاع خاطئة <br> multipleHA.test (A3)؛ // يعود صحيح <br> multipleHA.test (A100)؛ // إرجاع خاطئة </blockquote></section>
+
+## Instructions
+<section id="instructions"> قم بتغيير <code>timRegex</code> regex regex <code>timRegex</code> مع الكلمة <code>&quot;Timber&quot;</code> فقط عندما يكون لها أربعة أحرف <code>m</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يستخدم تعبيرك المعتاد الأقواس المتعرجة.
+    testString: 'assert(timRegex.source.match(/{.*?}/).length > 0, "Your regex should use curly brackets.");'
+  - text: يجب ألا يتطابق تعبيرك العادي مع <code>&quot;Timber&quot;</code>
+    testString: 'assert(!timRegex.test("Timber"), "Your regex should not match <code>"Timber"</code>");'
+  - text: يجب ألا يتطابق <code>&quot;Timmber&quot;</code> العادي مع <code>&quot;Timmber&quot;</code>
+    testString: 'assert(!timRegex.test("Timmber"), "Your regex should not match <code>"Timmber"</code>");'
+  - text: يجب ألا يتطابق <code>&quot;Timmmber&quot;</code> العادي مع <code>&quot;Timmmber&quot;</code>
+    testString: 'assert(!timRegex.test("Timmmber"), "Your regex should not match <code>"Timmmber"</code>");'
+  - text: يجب أن يتطابق <code>&quot;Timmmmber&quot;</code> العادي مع <code>&quot;Timmmmber&quot;</code>
+    testString: 'assert(timRegex.test("Timmmmber"), "Your regex should match <code>"Timmmmber"</code>");'
+  - text: يجب ألا يتطابق التعبير العادي مع <code>&quot;Timber&quot;</code> مع 30 <code>m</code> في الصورة.
+    testString: 'assert(!timRegex.test("Ti" + "m".repeat(30) + "ber"), "Your regex should not match <code>"Timber"</code> with 30 <code>m</code>\"s in it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let timStr = "Timmmmber";
+let timRegex = /change/; // Change this line
+let result = timRegex.test(timStr);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/specify-only-the-lower-number-of-matches.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/specify-only-the-lower-number-of-matches.arabic.md
new file mode 100644
index 0000000000..bae80652a8
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/specify-only-the-lower-number-of-matches.arabic.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db9367417b2b2512ba6
+title: Specify Only the Lower Number of Matches
+challengeType: 1
+videoUrl: ''
+localeTitle: تحديد عدد أقل من المطابقات فقط
+---
+
+## Description
+<section id="description"> يمكنك تحديد العدد السفلي والأعلى من الأنماط مع <code>quantity specifiers</code> باستخدام الأقواس المتعرجة. في بعض الأحيان ، تحتاج فقط إلى تحديد عدد أقل من الأنماط بدون حد أعلى. لتحديد عدد أقل من الأنماط فقط ، احتفظ بالرقم الأول متبوعًا بفاصلة. على سبيل المثال، لمطابقة فقط سلسلة <code>&quot;hah&quot;</code> مع الرسالة <code>a</code> تظهر ما لا يقل عن <code>3</code> مرات، من شأنه أن التعابير المنطقية الخاص بك سيكون <code>/ha{3,}h/</code> . <blockquote style=";text-align:right;direction:rtl"> اترك A4 = &quot;haaaah&quot;؛ <br> دع A2 = &quot;haah&quot; ؛ <br> اترك A100 = &quot;h&quot; + &quot;a&quot; .repeat (100) + &quot;h&quot;؛ <br> السماح لـ multipleA = / ha {3،} h /؛ <br> multipleA.test (A4)؛ // يعود صحيح <br> multipleA.test (A2)؛ // إرجاع خاطئة <br> multipleA.test (A100)؛ // يعود صحيح </blockquote></section>
+
+## Instructions
+<section id="instructions"> تغيير التعبير المعتاد <code>haRegex</code> لتتناسب مع كلمة <code>&quot;Hazzah&quot;</code> فقط عندما يكون لديه أربعة أو أكثر من بريد إلكتروني <code>z</code> الصورة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يستخدم تعبيرك المعتاد الأقواس المتعرجة.
+    testString: 'assert(haRegex.source.match(/{.*?}/).length > 0, "Your regex should use curly brackets.");'
+  - text: يجب ألا يتطابق <code>&quot;Hazzah&quot;</code> العادي مع <code>&quot;Hazzah&quot;</code>
+    testString: 'assert(!haRegex.test("Hazzah"), "Your regex should not match <code>"Hazzah"</code>");'
+  - text: يجب ألا يتطابق <code>&quot;Hazzzah&quot;</code> العادي مع <code>&quot;Hazzzah&quot;</code>
+    testString: 'assert(!haRegex.test("Hazzzah"), "Your regex should not match <code>"Hazzzah"</code>");'
+  - text: يجب أن يتطابق <code>&quot;Hazzzzah&quot;</code> العادي مع <code>&quot;Hazzzzah&quot;</code>
+    testString: 'assert(haRegex.test("Hazzzzah"), "Your regex should match <code>"Hazzzzah"</code>");'
+  - text: يجب أن يتطابق <code>&quot;Hazzzzzah&quot;</code> العادي مع <code>&quot;Hazzzzzah&quot;</code>
+    testString: 'assert(haRegex.test("Hazzzzzah"), "Your regex should match <code>"Hazzzzzah"</code>");'
+  - text: يجب أن يتطابق <code>&quot;Hazzzzzzah&quot;</code> العادي مع <code>&quot;Hazzzzzzah&quot;</code>
+    testString: 'assert(haRegex.test("Hazzzzzzah"), "Your regex should match <code>"Hazzzzzzah"</code>");'
+  - text: يجب أن يتطابق التعبير العادي مع <code>&quot;Hazzah&quot;</code> مع 30 <code>z</code> \ in.
+    testString: 'assert(haRegex.test("Ha" + "z".repeat(30) + "ah"), "Your regex should match <code>"Hazzah"</code> with 30 <code>z</code>\"s in it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let haStr = "Hazzzzah";
+let haRegex = /change/; // Change this line
+let result = haRegex.test(haStr);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/specify-upper-and-lower-number-of-matches.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/specify-upper-and-lower-number-of-matches.arabic.md
new file mode 100644
index 0000000000..c940b3c447
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/specify-upper-and-lower-number-of-matches.arabic.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db9367417b2b2512ba5
+title: Specify Upper and Lower Number of Matches
+challengeType: 1
+videoUrl: ''
+localeTitle: تحديد العلوي والسفلي عدد من المباريات
+---
+
+## Description
+<section id="description"> أذكر أنك تستخدم علامة الجمع <code>+</code> للبحث عن حرف واحد أو أكثر والعلامة النجمية <code>*</code> للبحث عن صفر أو أكثر من الأحرف. هذه هي مريحة ولكن في بعض الأحيان تريد أن تتطابق مع مجموعة معينة من الأنماط. يمكنك تحديد العدد السفلي والعلوي من الأنماط مع <code>quantity specifiers</code> . يتم استخدام محددات الكمية مع الأقواس المتعرجة ( <code>{</code> و <code>}</code> ). يمكنك وضع رقمين بين الأقواس المتعرجة - للعدد السفلي والأعلى من الأنماط. على سبيل المثال، لمطابقة فقط الرسالة <code>a</code> التي تظهر بين <code>3</code> و <code>5</code> مرات في سلسلة <code>&quot;ah&quot;</code> ، رجإكس الخاص سيكون <code>/a{3,5}h/</code> . <blockquote style=";text-align:right;direction:rtl"> اترك A4 = &quot;aaaah&quot; ؛ <br> دع A2 = &quot;aah&quot; ؛ <br> السماح لـ multipleA = / a {3،5} h /؛ <br> multipleA.test (A4)؛ // يعود صحيح <br> multipleA.test (A2)؛ // إرجاع خاطئة </blockquote></section>
+
+## Instructions
+<section id="instructions"> تغيير التعبير المعتاد <code>ohRegex</code> لمباراة فقط <code>3</code> إلى <code>6</code> إلكتروني <code>h</code> الصورة في كلمة <code>&quot;Oh no&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يستخدم تعبيرك المعتاد الأقواس المتعرجة.
+    testString: 'assert(ohRegex.source.match(/{.*?}/).length > 0, "Your regex should use curly brackets.");'
+  - text: يجب ألا يتطابق <code>&quot;Ohh no&quot;</code> العادي مع <code>&quot;Ohh no&quot;</code>
+    testString: 'assert(!ohRegex.test("Ohh no"), "Your regex should not match <code>"Ohh no"</code>");'
+  - text: يجب أن يتطابق <code>&quot;Ohhh no&quot;</code> المعتاد مع <code>&quot;Ohhh no&quot;</code>
+    testString: 'assert(ohRegex.test("Ohhh no"), "Your regex should match <code>"Ohhh no"</code>");'
+  - text: يجب أن يتطابق <code>&quot;Ohhhh no&quot;</code> المعتاد مع <code>&quot;Ohhhh no&quot;</code>
+    testString: 'assert(ohRegex.test("Ohhhh no"), "Your regex should match <code>"Ohhhh no"</code>");'
+  - text: يجب أن يتطابق <code>&quot;Ohhhhh no&quot;</code> العادي مع <code>&quot;Ohhhhh no&quot;</code>
+    testString: 'assert(ohRegex.test("Ohhhhh no"), "Your regex should match <code>"Ohhhhh no"</code>");'
+  - text: يجب أن يتطابق <code>&quot;Ohhhhhh no&quot;</code> المعتاد مع <code>&quot;Ohhhhhh no&quot;</code>
+    testString: 'assert(ohRegex.test("Ohhhhhh no"), "Your regex should match <code>"Ohhhhhh no"</code>");'
+  - text: يجب ألا يتطابق <code>&quot;Ohhhhhhh no&quot;</code> العادي مع <code>&quot;Ohhhhhhh no&quot;</code>
+    testString: 'assert(!ohRegex.test("Ohhhhhhh no"), "Your regex should not match <code>"Ohhhhhhh no"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let ohStr = "Ohhh no";
+let ohRegex = /change/; // Change this line
+let result = ohRegex.test(ohStr);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/use-capture-groups-to-search-and-replace.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/use-capture-groups-to-search-and-replace.arabic.md
new file mode 100644
index 0000000000..57724d27f2
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/use-capture-groups-to-search-and-replace.arabic.md
@@ -0,0 +1,56 @@
+---
+id: 587d7dbb367417b2b2512bab
+title: Use Capture Groups to Search and Replace
+challengeType: 1
+videoUrl: ''
+localeTitle: استخدم مجموعات الالتقاط للبحث واستبدال
+---
+
+## Description
+<section id="description"> البحث مفيد. ومع ذلك ، يمكنك جعل البحث أكثر قوة عندما يتغير (أو يحل محل) النص الذي تطابقه. يمكنك البحث واستبدال النص في سلسلة باستخدام <code>.replace()</code> في سلسلة. تعتبر مدخلات <code>.replace()</code> هي أولاً نمط regex الذي تريد البحث عنه. المعلمة الثانية هي السلسلة التي ستحل محل المطابقة أو الوظيفة لفعل شيء ما. <blockquote style=";text-align:right;direction:rtl"> let wrongText = &quot;إن السماء فضية.&quot;؛ <br> let silverRegex = / silver /؛ <br> wrongText.replace (silverRegex، &quot;blue&quot;)؛ <br> // Returns &quot;السماء زرقاء.&quot; </blockquote> يمكنك أيضًا الوصول إلى مجموعات الالتقاط في سلسلة الاستبدال باستخدام علامة الدولار ( <code>$</code> ). <blockquote style=";text-align:right;direction:rtl"> &quot;Code Code&quot; .replace (/ (\ w +) \ s (\ w +) /، &#39;$ 2 $ 1&#39;)؛ <br> // إرجاع &quot;رمز المعسكر&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> اكتب تعبيرًا منطقيًا حتى يبحث عن السلسلة <code>&quot;good&quot;</code> . ثم قم بتحديث متغير <code>replaceText</code> لاستبدال <code>&quot;good&quot;</code> بـ <code>&quot;okey-dokey&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب عليك استخدام <code>.replace()</code> للبحث <code>.replace()</code> .
+    testString: 'assert(code.match(/\.replace\(.*\)/), "You should use <code>.replace()</code> to search and replace.");'
+  - text: يجب أن يتغير تعبيرك المعتاد <code>&quot;This sandwich is good.&quot;</code> إلى <code>&quot;This sandwich is okey-dokey.&quot;</code>
+    testString: 'assert(result == "This sandwich is okey-dokey." && replaceText === "okey-dokey", "Your regex should change <code>"This sandwich is good."</code> to <code>"This sandwich is okey-dokey."</code>");'
+  - text: يجب عدم تغيير السطر الأخير.
+    testString: 'assert(code.match(/result\s*=\s*huhText\.replace\(.*?\)/), "You should not change the last line.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let huhText = "This sandwich is good.";
+let fixRegex = /change/; // Change this line
+let replaceText = ""; // Change this line
+let result = huhText.replace(fixRegex, replaceText);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.arabic.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.arabic.md
new file mode 100644
index 0000000000..417a3e0df0
--- /dev/null
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.arabic.md
@@ -0,0 +1,53 @@
+---
+id: 587d7db3367417b2b2512b8e
+title: Using the Test Method
+challengeType: 1
+videoUrl: ''
+localeTitle: باستخدام طريقة الاختبار
+---
+
+## Description
+<section id="description"> يتم استخدام التعبيرات العادية في لغات البرمجة لمطابقة أجزاء من السلاسل. يمكنك إنشاء أنماط لمساعدتك في إجراء ذلك المطابقة. إذا كنت تريد العثور على الكلمة <code>&quot;the&quot;</code> في السلسلة <code>&quot;The dog chased the cat&quot;</code> ، يمكنك استخدام التعبير العادي التالي: <code>/the/</code> . لاحظ أن علامات الاقتباس ليست مطلوبة في التعبير العادي. جافا سكريبت لديها طرق متعددة لاستخدام regexes. طريقة واحدة لاختبار regex تستخدم طريقة <code>.test()</code> . و <code>.test()</code> يأخذ طريقة التعبير المعتاد، وينطبق ذلك إلى سلسلة (التي يتم وضعها داخل قوسين)، وإرجاع <code>true</code> أو <code>false</code> إذا وجد النمط الخاص بك شيئا أم لا. <blockquote style=";text-align:right;direction:rtl"> السماح testStr = &quot;freeCodeCamp&quot; ؛ <br> let testRegex = / Code /؛ <br> testRegex.test (testStr)؛ <br> // يعود صحيح </blockquote></section>
+
+## Instructions
+<section id="instructions"> قم <code>myRegex</code> regex على السلسلة <code>myString</code> باستخدام طريقة <code>.test()</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب عليك استخدام <code>.test()</code> لاختبار regex.
+    testString: 'assert(code.match(/myRegex.test\(\s*myString\s*\)/), "You should use <code>.test()</code> to test the regex.");'
+  - text: نتيجة الخاص بك يجب أن تعود <code>true</code> .
+    testString: 'assert(result === true, "Your result should return <code>true</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myString = "Hello, World!";
+let myRegex = /Hello/;
+let result = myRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/add-elements-within-your-bootstrap-wells.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/add-elements-within-your-bootstrap-wells.arabic.md
new file mode 100644
index 0000000000..9be1495942
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/add-elements-within-your-bootstrap-wells.arabic.md
@@ -0,0 +1,72 @@
+---
+id: bad87fee1348bd9aec908849
+title: Add Elements within Your Bootstrap Wells
+challengeType: 0
+videoUrl: ''
+localeTitle: إضافة عناصر داخل الآبار Bootstrap الخاص بك
+---
+
+## Description
+<section id="description"> نحن الآن عدة عناصر <code>div</code> عميقة على كل عمود في صفنا. هذا عميق كما سنحتاج. الآن يمكننا إضافة عناصر <code>button</code> . عش ثلاثة <code>button</code> العناصر داخل كل الخاص بك <code>well</code> <code>div</code> العناصر. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: عش ثلاثة <code>button</code> العناصر داخل كل الخاص بك <code>div</code> العناصر مع الطبقة <code>well</code> .
+    testString: 'assert($("div.well:eq(0)").children("button").length === 3 && $("div.well:eq(1)").children("button").length === 3, "Nest three <code>button</code> elements within each of your <code>div</code> elements with class <code>well</code>.");'
+  - text: يجب أن يكون لديك ما مجموعه 6 عناصر <code>button</code> .
+    testString: 'assert($("button") && $("button").length > 5, "You should have a total of 6 <code>button</code> elements.");'
+  - text: ''
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+
+
+
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+
+
+
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons.arabic.md
new file mode 100644
index 0000000000..2fd35e6b4f
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons.arabic.md
@@ -0,0 +1,113 @@
+---
+id: bad87fee1348bd9aedc08845
+title: Add Font Awesome Icons to all of our Buttons
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($(".btn-info > i").is(".fa.fa-info-circle") || $(".btn-info > span").is(".fa.fa-info-circle"), "You should add a <code>&#60;i class="fa fa-info-circle"&#62;&#60;/i&#62;</code> within your info button element.");'
+  - text: ''
+    testString: 'assert($(".btn-danger > i").is(".fa.fa-trash") || $(".btn-danger > span").is(".fa.fa-trash"), "You should add a <code>&#60;i class="fa fa-trash"&#62;&#60;/i&#62;</code> within your delete button element.");'
+  - text: ''
+    testString: 'assert(code.match(/<\/i>|<\/span/g) && code.match(/<\/i|<\/span>/g).length > 2 && ($(".btn-primary > i").is(".fa.fa-thumbs-up") || $(".btn-primary > span").is(".fa.fa-thumbs-up")), "Make sure each of your <code>i</code> elements has a closing tag and <code>&#60;i class="fa fa-thumbs-up"&#62;&#60;/i&#62;</code> is in your like button element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.arabic.md
new file mode 100644
index 0000000000..12ed8cb062
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.arabic.md
@@ -0,0 +1,114 @@
+---
+id: bad87fee1348bd9aedd08845
+title: Add Font Awesome Icons to our Buttons
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: إضافة عنصر <code>i</code> مع فئات <code>fa</code> و <code>fa-thumbs-up</code> .
+    testString: 'assert($("i").is(".fa.fa-thumbs-up") || $("span").is(".fa.fa-thumbs-up"), "Add an <code>i</code> element with the classes <code>fa</code> and <code>fa-thumbs-up</code>.");'
+  - text: يجب <code>fa-thumbs-up</code> رمز <code>fa-thumbs-up</code> الخاص بك داخل الزر Like.
+    testString: 'assert(($("i.fa-thumbs-up").parent().text().match(/Like/gi) && $(".btn-primary > i").is(".fa.fa-thumbs-up")) || ($("span.fa-thumbs-up").parent().text().match(/Like/gi) && $(".btn-primary > span").is(".fa.fa-thumbs-up")), "Your <code>fa-thumbs-up</code> icon should be located within the Like button.");'
+  - text: عش عنصر <code>i</code> الخاص بك داخل عنصر <code>button</code> الخاص بك.
+    testString: 'assert($("button").children("i").length > 0 || $("button").children("span").length > 0, "Nest your <code>i</code> element within your <code>button</code> element.");'
+  - text: تأكد من أن عنصر الرمز الخاص بك يحتوي على علامة إغلاق.
+    testString: 'assert(code.match(/<\/i>|<\/span>/g), "Make sure your icon element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/add-id-attributes-to-bootstrap-elements.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/add-id-attributes-to-bootstrap-elements.arabic.md
new file mode 100644
index 0000000000..4192d959f7
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/add-id-attributes-to-bootstrap-elements.arabic.md
@@ -0,0 +1,69 @@
+---
+id: bad87fee1348bd9aec908853
+title: Add id Attributes to Bootstrap Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: أضف سمات المعرف إلى عناصر Bootstrap
+---
+
+## Description
+<section id="description"> تذكر أنه بالإضافة إلى سمات الصف ، يمكنك إعطاء كل عنصر من <code>id</code> خاصية <code>id</code> . يجب أن يكون كل معرف فريدًا لعنصر محدد ويستخدم مرة واحدة فقط لكل صفحة. دعونا نمنح معرفًا فريدًا لكل عنصر من عناصر <code>div</code> للفئة <code>well</code> . تذكر أنه يمكنك إعطاء عنصر معرف مثل هذا: <code>&lt;div class=&quot;well&quot; id=&quot;center-well&quot;&gt;</code> أعط البئر على اليسار معرف <code>left-well</code> . اعط البئر على اليمين معرف <code>right-well</code> . </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($(".col-xs-6").children("#left-well") && $(".col-xs-6").children("#left-well").length > 0, "Give your left <code>well</code> the id of <code>left-well</code>.");'
+  - text: امنح حقك <code>well</code> معرف <code>right-well</code> .
+    testString: 'assert($(".col-xs-6").children("#right-well") && $(".col-xs-6").children("#right-well").length > 0, "Give your right <code>well</code> the id of <code>right-well</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/apply-the-default-bootstrap-button-style.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/apply-the-default-bootstrap-button-style.arabic.md
new file mode 100644
index 0000000000..d2de1cab81
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/apply-the-default-bootstrap-button-style.arabic.md
@@ -0,0 +1,71 @@
+---
+id: bad87fee1348bd9aec908850
+title: Apply the Default Bootstrap Button Style
+challengeType: 0
+guideUrl: 'https://arabic.freecodecamp.org/guide/certificates/apply-the-default-bootstrap-button-style'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> يحتوي Bootstrap فئة زر آخر يسمى <code>btn-default</code> . قم <code>btn</code> فئات <code>btn</code> و <code>btn-default</code> على كل عنصر من عناصر <code>button</code> الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: قم <code>btn</code> فئة <code>btn</code> على كل عنصر من عناصر <code>button</code> الخاص بك.
+    testString: 'assert($(".btn").length > 5, "Apply the <code>btn</code> class to each of your <code>button</code> elements.");'
+  - text: قم <code>btn-default</code> فئة <code>btn-default</code> على كل عنصر من عناصر <code>button</code> الخاص بك.
+    testString: 'assert($(".btn-default").length > 5, "Apply the <code>btn-default</code> class to each of your <code>button</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+        <button></button>
+        <button></button>
+        <button></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+        <button></button>
+        <button></button>
+        <button></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/call-out-optional-actions-with-btn-info.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/call-out-optional-actions-with-btn-info.arabic.md
new file mode 100644
index 0000000000..9144dcfa12
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/call-out-optional-actions-with-btn-info.arabic.md
@@ -0,0 +1,112 @@
+---
+id: bad87fee1348cd8acef08813
+title: Call out Optional Actions with btn-info
+challengeType: 0
+videoUrl: ''
+localeTitle: استدعاء الإجراءات الاختيارية مع btn-info
+---
+
+## Description
+<section id="description"> يأتي Bootstrap مع العديد من الألوان المحددة مسبقًا للأزرار. يتم استخدام فئة <code>btn-info</code> للفت الانتباه إلى الإجراءات الاختيارية التي يمكن للمستخدم اتخاذها. قم بإنشاء زر Bootstrap جديد على مستوى الكتلة أسفل الزر &quot;أعجبني&quot; مع النص &quot;Info&quot; ، وأضف تصنيفات <code>btn-info</code> و <code>btn-block</code> إلى Bootstrap. لاحظ أن هذه الأزرار لا تزال بحاجة إلى فئات <code>btn</code> و <code>btn-block</code> . </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: إنشاء عنصر <code>button</code> جديد مع النص &quot;معلومات&quot;.
+    testString: 'assert(new RegExp("info","gi").test($("button").text()), "Create a new <code>button</code> element with the text "Info".");'
+  - text: ''
+    testString: 'assert($("button.btn-block.btn").length > 1, "Both of your Bootstrap buttons should have the <code>btn</code> and <code>btn-block</code> classes.");'
+  - text: ''
+    testString: 'assert($("button").hasClass("btn-info"), "Your new button should have the class <code>btn-info</code>.");'
+  - text: تأكد من أن جميع عناصر <code>button</code> لديك بها علامة إغلاق.
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-block btn-primary">Like</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/center-text-with-bootstrap.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/center-text-with-bootstrap.arabic.md
new file mode 100644
index 0000000000..d9966255ee
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/center-text-with-bootstrap.arabic.md
@@ -0,0 +1,108 @@
+---
+id: bad87fee1348bd8acde08812
+title: Center Text with Bootstrap
+challengeType: 0
+videoUrl: ''
+localeTitle: مركز النص مع Bootstrap
+---
+
+## Description
+<section id="description"> والآن بعد أن استخدمنا Bootstrap ، يمكننا تركيز عنصر العنوان الخاص بنا لجعله يبدو أفضل. كل ما نحتاج إليه هو إضافة مركز <code>text-center</code> إلى عنصر <code>h2</code> . تذكر أنه يمكنك إضافة عدة فئات إلى نفس العنصر عن طريق فصل كل منها بمسافة ، مثل: <code>&lt;h2 class=&quot;red-text text-center&quot;&gt;your text&lt;/h2&gt;</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب توسيط عنصر <code>h2</code> عن طريق تطبيق <code>text-center</code> للصف
+    testString: 'assert($("h2").hasClass("text-center"), "Your <code>h2</code> element should be centered by applying the class <code>text-center</code>");'
+  - text: يجب أن <code>h2</code> عنصر <code>h2</code> <code>red-text</code> للفصل
+    testString: 'assert($("h2").hasClass("red-text"), "Your <code>h2</code> element should still have the class <code>red-text</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-a-block-element-bootstrap-button.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-a-block-element-bootstrap-button.arabic.md
new file mode 100644
index 0000000000..90c6fe8be5
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-a-block-element-bootstrap-button.arabic.md
@@ -0,0 +1,111 @@
+---
+id: bad87fee1348cd8acef08812
+title: Create a Block Element Bootstrap Button
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> عادةً ، تكون عناصر <code>button</code> الخاصة بك مع فئات <code>btn</code> و <code>btn-default</code> عريضة مثل النص الذي تحتوي عليه. على سبيل المثال: <code>&lt;button class=&quot;btn btn-default&quot;&gt;Submit&lt;/button&gt;</code> سيكون هذا الزر عريضًا مثل كلمة &quot;إرسال&quot;. <button class="btn btn-default">إرسال عن</button> طريق جعلها تحجب العناصر مع فئة إضافية من <code>btn-block</code> ، سوف يمتد الزر الخاص بك لملء المساحة الأفقية بالكامل لصفحتك وستتدفق أية عناصر تتبعها إلى &quot;سطر جديد&quot; أسفل الكتلة. <code>&lt;button class=&quot;btn btn-default btn-block&quot;&gt;Submit&lt;/button&gt;</code> سيشغل هذا الزر نسبة 100٪ من العرض المتاح. <button class="btn btn-default btn-block">إرسال</button> ملاحظة أن هذه الأزرار لا تزال بحاجة إلى فئة <code>btn</code> . إضافة فئة <code>btn-block</code> الخاص Bootstrap إلى الزر Bootstrap الخاص بك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("button").hasClass("btn") && $("button").hasClass("btn-default"), "Your button should still have the <code>btn</code> and <code>btn-default</code> classes.");'
+  - text: ''
+    testString: 'assert($("button").hasClass("btn-block"), "Your button should have the class <code>btn-block</code>.");'
+  - text: تأكد من أن جميع عناصر <code>button</code> لديك بها علامة إغلاق.
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-default">Like</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-a-bootstrap-button.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-a-bootstrap-button.arabic.md
new file mode 100644
index 0000000000..fbc4925860
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-a-bootstrap-button.arabic.md
@@ -0,0 +1,111 @@
+---
+id: bad87fee1348cd8acdf08812
+title: Create a Bootstrap Button
+challengeType: 0
+videoUrl: ''
+localeTitle: إنشاء زر Bootstrap
+---
+
+## Description
+<section id="description"> يحتوي Bootstrap على أنماطه الخاصة لعناصر <code>button</code> ، والتي تبدو أفضل بكثير من تلك الخاصة بتنسيق HTML العادي. أنشئ عنصرًا <code>button</code> جديدًا أسفل صورتك الكبيرة المضحكة. اعطها فئات <code>btn</code> و <code>btn-default</code> ، بالإضافة إلى نص &quot;Like&quot;. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: إنشاء عنصر <code>button</code> جديد مع النص &quot;أعجبني&quot;.
+    testString: 'assert(new RegExp("like","gi").test($("button").text()) && ($("img.img-responsive + button.btn").length > 0), "Create a new <code>button</code> element with the text "Like".");'
+  - text: 'يجب أن يحتوي الزر الجديد على فئتين: <code>btn</code> و <code>btn-default</code> .'
+    testString: 'assert($("button").hasClass("btn") && $("button").hasClass("btn-default"), "Your new button should have two classes: <code>btn</code> and <code>btn-default</code>.");'
+  - text: تأكد من أن جميع عناصر <code>button</code> لديك بها علامة إغلاق.
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-a-bootstrap-headline.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-a-bootstrap-headline.arabic.md
new file mode 100644
index 0000000000..c79fc7980d
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-a-bootstrap-headline.arabic.md
@@ -0,0 +1,57 @@
+---
+id: bad87fee1348bd9aec908846
+title: Create a Bootstrap Headline
+challengeType: 0
+videoUrl: ''
+localeTitle: قم بإنشاء عنوان Bootstrap
+---
+
+## Description
+<section id="description"> الآن دعونا نبني شيئًا ما من الصفر لممارسة مهارات HTML و CSS و Bootstrap. سنقوم ببناء ملعب jQuery ، والذي سنستخدمه قريبًا في تحديات jQuery. للبدء ، أنشئ عنصر <code>h3</code> ، باستخدام <code>jQuery Playground</code> للنص. قم <code>h3</code> عنصر <code>h3</code> الخاص بك مع فئة Bootstrap <code>text-primary</code> ، وقم بتوسيطها مع فئة Bootstrap في مركز <code>text-center</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: أضف عنصر <code>h3</code> إلى صفحتك.
+    testString: 'assert($("h3") && $("h3").length > 0, "Add a <code>h3</code> element to your page.");'
+  - text: تأكد من أن عنصر <code>h3</code> يحتوي على علامة إغلاق.
+    testString: 'assert(code.match(/<\/h3>/g) && code.match(/<h3/g) && code.match(/<\/h3>/g).length === code.match(/<h3/g).length, "Make sure your <code>h3</code> element has a closing tag.");'
+  - text: يجب أن يكون لون عنصر <code>h3</code> الخاص بك عن طريق تطبيق الفصل الدراسي <code>text-primary</code>
+    testString: 'assert($("h3").hasClass("text-primary"), "Your <code>h3</code> element should be colored by applying the class <code>text-primary</code>");'
+  - text: يجب توسيط عنصر <code>h3</code> الخاص بك من خلال تطبيق <code>text-center</code> الفصل
+    testString: 'assert($("h3").hasClass("text-center"), "Your <code>h3</code> element should be centered by applying the class <code>text-center</code>");'
+  - text: ''
+    testString: 'assert.isTrue((/jquery(\s)+playground/gi).test($("h3").text()), "Your <code>h3</code> element should have the text <code>jQuery Playground</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-a-bootstrap-row.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-a-bootstrap-row.arabic.md
new file mode 100644
index 0000000000..eda04b1a1f
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-a-bootstrap-row.arabic.md
@@ -0,0 +1,58 @@
+---
+id: bad87fee1348bd9bec908846
+title: Create a Bootstrap Row
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> سنقوم الآن بإنشاء صف Bootstrap لعناصر المضمنة الخاصة بنا. أنشئ عنصر <code>div</code> أسفل علامة <code>h3</code> ، مع فئة <code>row</code> . </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: أضف عنصر <code>div</code> أسفل عنصر <code>h3</code> .
+    testString: 'assert(($("div").length > 1) && ($("div.row h3.text-primary").length == 0) && ($("div.row + h3.text-primary").length == 0) && ($("h3.text-primary + div.row").length > 0), "Add a <code>div</code> element below your <code>h3</code> element.");'
+  - text: ''
+    testString: 'assert($("div").hasClass("row"), "Your <code>div</code> element should have the class <code>row</code>");'
+  - text: يجب أن يتداخل <code>row div</code> داخل <code>container-fluid div</code>
+    testString: 'assert($("div.container-fluid div.row").length > 0, "Your <code>row div</code> should be nested inside the <code>container-fluid div</code>");'
+  - text: ''
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure your <code>div</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-a-class-to-target-with-jquery-selectors.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-a-class-to-target-with-jquery-selectors.arabic.md
new file mode 100644
index 0000000000..19594b813f
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-a-class-to-target-with-jquery-selectors.arabic.md
@@ -0,0 +1,67 @@
+---
+id: bad87fee1348bd9aec908852
+title: Create a Class to Target with jQuery Selectors
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: قم <code>target</code> الفئة <code>target</code> على كل عنصر من عناصر <code>button</code> الخاص بك.
+    testString: 'assert($(".target").length > 5, "Apply the <code>target</code> class to each of your <code>button</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-a-custom-heading.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-a-custom-heading.arabic.md
new file mode 100644
index 0000000000..de1185390c
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-a-custom-heading.arabic.md
@@ -0,0 +1,109 @@
+---
+id: bad87fee1348bd9aede08845
+title: Create a Custom Heading
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> سنجعل عنوانًا بسيطًا لتطبيق Cat Photo App من خلال وضع العنوان وصور الاسترخاء في نفس الصف. تذكر ، يستخدم Bootstrap نظام شبكة استجابة ، مما يجعل من السهل وضع العناصر في صفوف وتحديد العرض النسبي لكل عنصر. يمكن تطبيق معظم طبقات Bootstrap على عنصر <code>div</code> . عيّن الصورة الأولى والعنصر <code>h2</code> عنصر <code>&lt;div class=&quot;row&quot;&gt;</code> . ضع العنصر <code>h2</code> في <code>&lt;div class=&quot;col-xs-8&quot;&gt;</code> وصورتك في <code>&lt;div class=&quot;col-xs-4&quot;&gt;</code> بحيث تكون على نفس السطر. لاحظ كيف أصبحت الصورة الآن الحجم المناسب لتناسب النص؟ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن <code>h2</code> عنصر <code>h2</code> وعنصر <code>img</code> العلوي معًا داخل عنصر <code>div</code> مع <code>row</code> .
+    testString: 'assert($("div.row:has(h2)").length > 0 && $("div.row:has(img)").length > 0, "Your <code>h2</code> element and topmost <code>img</code> element should both be nested together within a <code>div</code> element with the class <code>row</code>.");'
+  - text: ''
+    testString: 'assert($("div.col-xs-4:has(img)").length > 0 && $("div.col-xs-4:has(div)").length === 0, "Nest your topmost <code>img</code> element within a <code>div</code> with the class <code>col-xs-4</code>.");'
+  - text: ضع العنصر <code>h2</code> في <code>div</code> باستخدام الفئة <code>col-xs-8</code> .
+    testString: 'assert($("div.col-xs-8:has(h2)").length > 0 && $("div.col-xs-8:has(div)").length === 0, "Nest your <code>h2</code> element within a <code>div</code> with the class <code>col-xs-8</code>.");'
+  - text: تأكد من أن كل عنصر من عناصر <code>div</code> لديه علامة إغلاق.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="text-primary text-center">CatPhotoApp</h2>
+
+  <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-bootstrap-wells.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-bootstrap-wells.arabic.md
new file mode 100644
index 0000000000..01e20df606
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/create-bootstrap-wells.arabic.md
@@ -0,0 +1,64 @@
+---
+id: bad87fee1348bd9aec908848
+title: Create Bootstrap Wells
+challengeType: 0
+videoUrl: ''
+localeTitle: إنشاء Bootstrap Wells
+---
+
+## Description
+<section id="description"> يحتوي Bootstrap على فئة تسمى <code>well</code> يمكن أن تخلق إحساسًا بصريًا بالعمق لأعمدتك. وضع عنصر <code>div</code> واحدًا مع الصف <code>well</code> داخل كل عنصر من عناصر <code>div</code> <code>col-xs-6</code> <code>div</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: إضافة عنصر <code>div</code> مع الصف <code>well</code> داخل كل عنصر من عناصر <code>div</code> مع الفئة <code>&quot;col-xs-6&quot;</code>
+    testString: 'assert($("div.col-xs-6").not(":has(>div.well)").length < 1, "Add a <code>div</code> element with the class <code>well</code> inside each of your <code>div</code> elements with the class <code>"col-xs-6"</code>");'
+  - text: عش كل من عناصر <code>div</code> الخاصة بك مع الفئة <code>&quot;col-xs-6&quot;</code> داخل عنصر <code>div</code> الخاص بك مع الصف <code>&quot;row&quot;</code> .
+    testString: 'assert($("div.row > div.col-xs-6").length > 1, "Nest both of your <code>div</code> elements with the class <code>"col-xs-6"</code> within your <code>div</code> element with the class <code>"row"</code>.");'
+  - text: تأكد من أن جميع عناصر <code>div</code> لديك علامات إغلاق.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure all your <code>div</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+
+    </div>
+    <div class="col-xs-6">
+
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/ditch-custom-css-for-bootstrap.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/ditch-custom-css-for-bootstrap.arabic.md
new file mode 100644
index 0000000000..45087525f0
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/ditch-custom-css-for-bootstrap.arabic.md
@@ -0,0 +1,124 @@
+---
+id: bad87fee1347bd9aedf08845
+title: Ditch Custom CSS for Bootstrap
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> يمكننا تنظيف الكود الخاص بنا وجعل تطبيق Cat Photo App يبدو أكثر تقليدية باستخدام الأنماط المضمنة في Bootstrap بدلاً من الأنماط المخصصة التي أنشأناها سابقًا. لا تقلق - سيكون هناك متسع من الوقت لتخصيص CSS في وقت لاحق. قم بحذف <code>.red-text</code> و <code>p</code> و <code>.smaller-image</code> من عنصر <code>style</code> الخاص بك بحيث تكون التصريحات الوحيدة المتبقية في عنصر <code>style</code> الخاص بك هي <code>h2</code> <code>thick-green-border</code> . ثم احذف العنصر <code>p</code> الذي يحتوي على رابط خامد. ثم قم بإزالة فئة <code>red-text</code> من عنصر <code>h2</code> واستبدله بفئة Bootstrap <code>text-primary</code> . أخيرًا ، أزل فئة &quot;الصورة الأصغر&quot; من عنصر <code>img</code> الأول <code>img</code> بفئة <code>img-responsive</code> . </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب ألا يحتوي عنصر h2 <code>red-text</code> للفئة.
+    testString: 'assert(!$("h2").hasClass("red-text"), "Your h2 element should no longer have the class <code>red-text</code>.");'
+  - text: يجب أن يكون عنصر h2 الخاص بك يحتوي الآن على <code>text-primary</code> .
+    testString: 'assert($("h2").hasClass("text-primary"), "Your h2 element should now have the class <code>text-primary</code>.");'
+  - text: لم يعد يجب استخدام عناصر الفقرة الخط <code>Monospace</code> .
+    testString: 'assert(!$("p").css("font-family").match(/monospace/i), "Your paragraph elements should no longer use the font <code>Monospace</code>.");'
+  - text: أزل فئة <code>smaller-image</code> من صورتك العلوية.
+    testString: 'assert(!$("img").hasClass("smaller-image"), "Remove the <code>smaller-image</code> class from your top image.");'
+  - text: أضف فئة <code>img-responsive</code> إلى أعلى صورة.
+    testString: 'assert($(".img-responsive").length > 1, "Add the <code>img-responsive</code> class to your top image.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/give-each-element-a-unique-id.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/give-each-element-a-unique-id.arabic.md
new file mode 100644
index 0000000000..0e57c38fd7
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/give-each-element-a-unique-id.arabic.md
@@ -0,0 +1,80 @@
+---
+id: bad87fee1348bd9aec908855
+title: Give Each Element a Unique id
+challengeType: 0
+videoUrl: ''
+localeTitle: منح كل عنصر معرف فريد
+---
+
+## Description
+<section id="description"> كما أننا سنرغب أيضًا في استخدام jQuery لاستهداف كل زر بمعرفه الفريد. امنح كل من الأزرار <code>target6</code> فريدًا ، بدءًا من <code>target1</code> وتنتهي بـ <code>target6</code> . تأكد من أن <code>target1</code> to <code>target3</code> في <code>#left-well</code> ، وأن <code>target4</code> to <code>target6</code> في <code>#right-well</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("#left-well").children("#target1") && $("#left-well").children("#target1").length > 0, "One <code>button</code> element should have the id <code>target1</code>.");'
+  - text: ''
+    testString: 'assert($("#left-well").children("#target2") && $("#left-well").children("#target2").length > 0, "One <code>button</code> element should have the id <code>target2</code>.");'
+  - text: يجب أن يكون عنصر واحد <code>button</code> معرف <code>target3</code> .
+    testString: 'assert($("#left-well").children("#target3") && $("#left-well").children("#target3").length > 0, "One <code>button</code> element should have the id <code>target3</code>.");'
+  - text: يجب أن يحتوي عنصر <code>button</code> الواحد على معرف <code>target4</code> .
+    testString: 'assert($("#right-well").children("#target4") && $("#right-well").children("#target4").length > 0, "One <code>button</code> element should have the id <code>target4</code>.");'
+  - text: يجب أن يكون عنصر <code>button</code> الواحد هو <code>target5</code> .
+    testString: 'assert($("#right-well").children("#target5") && $("#right-well").children("#target5").length > 0, "One <code>button</code> element should have the id <code>target5</code>.");'
+  - text: يجب أن يكون عنصر <code>button</code> الواحد هو <code>target6</code> .
+    testString: 'assert($("#right-well").children("#target6") && $("#right-well").children("#target6").length > 0, "One <code>button</code> element should have the id <code>target6</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.arabic.md
new file mode 100644
index 0000000000..695df4f049
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.arabic.md
@@ -0,0 +1,54 @@
+---
+id: bad87fee1348bd9aec908746
+title: House our page within a Bootstrap container-fluid div
+challengeType: 0
+videoUrl: ''
+localeTitle: قم بتضمين صفحتنا داخل div-fluid حاوية سائل
+---
+
+## Description
+<section id="description"> الآن ، دعنا نتأكد من استجابة جميع المحتوى على صفحتك للجوّال. لنقم <code>h3</code> عنصر <code>h3</code> عنصر <code>div</code> باستخدام <code>container-fluid</code> الصف. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("div").hasClass("container-fluid"), "Your <code>div</code> element should have the class <code>container-fluid</code>.");'
+  - text: تأكد من أن كل عنصر من عناصر <code>div</code> لديه علامة إغلاق.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+  - text: ''
+    testString: 'assert($("div").children("h3").length >0, "Nest your <code>h3</code> element inside a <code>div</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h3 class="text-primary text-center">jQuery Playground</h3>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/label-bootstrap-buttons.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/label-bootstrap-buttons.arabic.md
new file mode 100644
index 0000000000..f7bd960540
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/label-bootstrap-buttons.arabic.md
@@ -0,0 +1,80 @@
+---
+id: bad87fee1348bd9aec908856
+title: Label Bootstrap Buttons
+challengeType: 0
+videoUrl: ''
+localeTitle: تسمية أزرار Bootstrap
+---
+
+## Description
+<section id="description"> تمامًا كما وصفنا آبارنا ، نريد تسمية أزرارنا. امنح كل عنصر من عناصر <code>button</code> الخاص بك نصًا يتوافق مع محدد <code>id</code> الخاص به. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'إعطاء الخاص بك <code>button</code> عنصر مع معرف <code>target1</code> النص <code>#target1</code> .'
+    testString: 'assert(new RegExp("#target1","gi").test($("#target1").text()), "Give your <code>button</code> element with the id <code>target1</code> the text <code>#target1</code>.");'
+  - text: 'امنح عنصر <code>button</code> الخاص بك بـ <code>target2</code> النص <code>#target2</code> .'
+    testString: 'assert(new RegExp("#target2","gi").test($("#target2").text()), "Give your <code>button</code> element with the id <code>target2</code> the text <code>#target2</code>.");'
+  - text: 'أعط عنصر <code>button</code> الخاص بك مع معرف <code>target3</code> النص <code>#target3</code> .'
+    testString: 'assert(new RegExp("#target3","gi").test($("#target3").text()), "Give your <code>button</code> element with the id <code>target3</code> the text <code>#target3</code>.");'
+  - text: 'امنح عنصر <code>button</code> الخاص بك بـ <code>target4</code> النص <code>#target4</code> .'
+    testString: 'assert(new RegExp("#target4","gi").test($("#target4").text()), "Give your <code>button</code> element with the id <code>target4</code> the text <code>#target4</code>.");'
+  - text: 'امنح عنصر <code>button</code> الخاص بك بـ <code>target5</code> النص <code>#target5</code> .'
+    testString: 'assert(new RegExp("#target5","gi").test($("#target5").text()), "Give your <code>button</code> element with the id <code>target5</code> the text <code>#target5</code>.");'
+  - text: 'امنح عنصر <code>button</code> الخاص بك بـ <code>target6</code> the <code>#target6</code> .'
+    testString: 'assert(new RegExp("#target6","gi").test($("#target6").text()), "Give your <code>button</code> element with the id <code>target6</code> the text <code>#target6</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1"></button>
+        <button class="btn btn-default target" id="target2"></button>
+        <button class="btn btn-default target" id="target3"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4"></button>
+        <button class="btn btn-default target" id="target5"></button>
+        <button class="btn btn-default target" id="target6"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/label-bootstrap-wells.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/label-bootstrap-wells.arabic.md
new file mode 100644
index 0000000000..575020da2d
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/label-bootstrap-wells.arabic.md
@@ -0,0 +1,76 @@
+---
+id: bad87fee1348bd9aec908854
+title: Label Bootstrap Wells
+challengeType: 0
+videoUrl: ''
+localeTitle: تسمية Bootstrap ويلز
+---
+
+## Description
+<section id="description"> من أجل الوضوح ، دعونا تسمية كل من آبارنا مع هوياتهم. فوق بئر يسارك ، داخل عنصر <code>col-xs-6</code> <code>div</code> ، أضف عنصر <code>h4</code> بالنص <code>#left-well</code> . فوق بئر اليمين ، داخل عنصر <code>col-xs-6</code> <code>div</code> ، أضف عنصر <code>h4</code> بالنص <code>#right-well</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: أضف عنصر <code>h4</code> إلى كل عنصر من عناصر <code>&lt;div class=&quot;col-xs-6&quot;&gt;</code> .
+    testString: 'assert($(".col-xs-6").children("h4") && $(".col-xs-6").children("h4").length > 1, "Add an <code>h4</code> element to each of your <code>&#60;div class="col-xs-6"&#62;</code> elements.");'
+  - text: 'يجب أن يحتوي عنصر <code>h4</code> على النص <code>#left-well</code> .'
+    testString: 'assert(new RegExp("#left-well","gi").test($("h4").text()), "One <code>h4</code> element should have the text <code>#left-well</code>.");'
+  - text: 'يجب أن يحتوي عنصر <code>h4</code> على النص <code>#right-well</code> .'
+    testString: 'assert(new RegExp("#right-well","gi").test($("h4").text()), "One <code>h4</code> element should have the text <code>#right-well</code>.");'
+  - text: تأكد من أن جميع عناصر <code>h4</code> لديك علامات إغلاق.
+    testString: 'assert(code.match(/<\/h4>/g) && code.match(/<h4/g) && code.match(/<\/h4>/g).length === code.match(/<h4/g).length, "Make sure all your <code>h4</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+
+      <div class="well" id="left-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+
+      <div class="well" id="right-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.arabic.md
new file mode 100644
index 0000000000..e7d9b7b62d
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.arabic.md
@@ -0,0 +1,130 @@
+---
+id: bad87fee1348bd9aec908845
+title: Line up Form Elements Responsively with Bootstrap
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: يصطف عناصر النموذج بشكل مستجيب مع Bootstrap
+---
+
+## Description
+<section id="description"> الآن دعنا نحصل على <code>input</code> النموذج الخاص بك <code>button</code> الإرسال على نفس السطر. سنقوم بذلك بالطريقة نفسها التي استخدمناها سابقًا: باستخدام عنصر <code>div</code> مع <code>row</code> ، وعناصر <code>div</code> الأخرى داخله باستخدام فئة <code>col-xs-*</code> . عش كل من النص النموذج الخاص بك <code>input</code> وتقديم <code>button</code> داخل <code>div</code> مع الطبقة <code>row</code> . أدخل <code>input</code> النص للنموذج ضمن div مع فئة <code>col-xs-7</code> . وضع <code>button</code> إرسال النموذج الخاص بك في <code>div</code> مع الفئة <code>col-xs-5</code> . هذا هو التحدي الأخير الذي سنفعله لتطبيق Cat Photo App في الوقت الحالي. نأمل أن تكون قد استمتعت بتعلم Font Awesome و Bootstrap والتصميم سريع الاستجابة! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: وضع زر إرسال النموذج وإدخال النص في div مع <code>row</code> .
+    testString: 'assert($("div.row:has(input[type=\"text\"])").length > 0 &&  $("div.row:has(button[type=\"submit\"])").length > 0, "Nest your form submission button and text input in a div with class <code>row</code>.");'
+  - text: ضع نصًا لإدخال النص في div باستخدام <code>col-xs-7</code> .
+    testString: 'assert($("div.col-xs-7:has(input[type=\"text\"])").length > 0, "Nest your form text input in a div with the class <code>col-xs-7</code>.");'
+  - text: وضع الزر &quot;إرسال النموذج&quot; في div باستخدام الفئة <code>col-xs-5</code> .
+    testString: 'assert($("div.col-xs-5:has(button[type=\"submit\"])").length > 0, "Nest your form submission button in a div with the class <code>col-xs-5</code>.");'
+  - text: تأكد من أن كل عنصر من عناصر <code>div</code> لديه علامة إغلاق.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <div class="row">
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+      </div>
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Loving</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Lazy</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Crazy</label>
+      </div>
+    </div>
+    <input type="text" class="form-control" placeholder="cat photo URL" required>
+    <button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/make-images-mobile-responsive.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/make-images-mobile-responsive.arabic.md
new file mode 100644
index 0000000000..e891ffecc7
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/make-images-mobile-responsive.arabic.md
@@ -0,0 +1,113 @@
+---
+id: bad87fee1348bd9acde08812
+title: Make Images Mobile Responsive
+challengeType: 0
+videoUrl: ''
+localeTitle: جعل الصور موبايل متجاوب
+---
+
+## Description
+<section id="description"> أولاً ، أضف صورة جديدة أسفل الصورة الحالية. تعيين السمة <code>src</code> الخاصة به إلى <code>https://bit.ly/fcc-running-cats</code> . سيكون من الرائع أن تكون هذه الصورة بالضبط شاشة شاشة الهاتف الخاصة بنا. لحسن الحظ ، مع Bootstrap ، كل ما نحتاج إليه هو إضافة فئة <code>img-responsive</code> إلى صورتك. افعل ذلك ، ويجب أن تتناسب الصورة تمامًا مع عرض صفحتك. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون لديك ما مجموعه صورتين.
+    testString: 'assert($("img").length === 2, "You should have a total of two images.");'
+  - text: يجب أن تكون صورتك الجديدة أقل من صورتك القديمة وأن يكون لديك متفاعل <code>img-responsive</code> .
+    testString: 'assert($("img:eq(1)").hasClass("img-responsive"), "Your new image should be below your old one and have the class <code>img-responsive</code>.");'
+  - text: يجب ألا تحتوي صورتك الجديدة على صور <code>smaller-image</code> الفصل.
+    testString: 'assert(!$("img:eq(1)").hasClass("smaller-image"), "Your new image should not have the class <code>smaller-image</code>.");'
+  - text: 'يجب أن تحتوي صورتك الجديدة على <code>src</code> من <code>https://bit.ly/fcc-running-cats</code> .'
+    testString: 'assert($("img:eq(1)").attr("src") === "https://bit.ly/fcc-running-cats", "Your new image should have a <code>src</code> of <code>https&#58;//bit.ly/fcc-running-cats</code>.");'
+  - text: تأكد من أن عنصر <code>img</code> الجديد يحتوي على قوس زاوية إغلاق.
+    testString: 'assert(code.match(/<img/g) && code.match(/<img[^<]*>/g).length === 2 && code.match(/<img/g).length === 2, "Make sure your new <code>img</code> element has a closing angle bracket.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/responsively-style-checkboxes.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/responsively-style-checkboxes.arabic.md
new file mode 100644
index 0000000000..97211b7c90
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/responsively-style-checkboxes.arabic.md
@@ -0,0 +1,120 @@
+---
+id: bad87fee1348bd9aeda08845
+title: Responsively Style Checkboxes
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Checkbox Style Responsively
+---
+
+## Description
+<section id="description"> يمكنك استخدام صفوف <code>col-xs-*</code> في Bootstrap على عناصر <code>form</code> أيضًا! بهذه الطريقة ، سيتم توزيع مربعات الاختيار الخاصة بنا بشكل متساوٍ عبر الصفحة ، بغض النظر عن مدى اتساع دقة الشاشة. وضع علامة على جميع ثلاثة من مربعات الاختيار في عنصر <code>&lt;div class=&quot;row&quot;&gt;</code> . ثم تداخل كل منها في عنصر <code>&lt;div class=&quot;col-xs-4&quot;&gt;</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: استبدل جميع مربعات الاختيار داخل <code>div</code> واحد <code>row</code> .
+    testString: 'assert($("div.row:has(input[type=\"checkbox\"])").length > 0, "Nest all of your checkboxes inside one <code>div</code> with the class <code>row</code>.");'
+  - text: عش كل من مربعات الاختيار داخل <code>div</code> الخاص بها باستخدام فئة <code>col-xs-4</code> .
+    testString: 'assert($("div.col-xs-4:has(input[type=\"checkbox\"])").length > 2, "Nest each of your checkboxes inside its own <code>div</code> with the class <code>col-xs-4</code>.");'
+  - text: تأكد من أن كل عنصر من عناصر <code>div</code> لديه علامة إغلاق.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <div class="row">
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+      </div>
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+      </div>
+    </div>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/responsively-style-radio-buttons.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/responsively-style-radio-buttons.arabic.md
new file mode 100644
index 0000000000..c9f5228c3b
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/responsively-style-radio-buttons.arabic.md
@@ -0,0 +1,113 @@
+---
+id: bad87fee1348bd9aedb08845
+title: Responsively Style Radio Buttons
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> يمكنك استخدام صفوف <code>col-xs-*</code> في Bootstrap على عناصر <code>form</code> أيضًا! بهذه الطريقة ، سيتم توزيع أزرار الراديو الخاصة بنا بشكل متساوٍ عبر الصفحة ، بغض النظر عن مدى اتساع دقة الشاشة. ضع كلا من أزرار الراديو داخل عنصر <code>&lt;div class=&quot;row&quot;&gt;</code> . ثم تداخل كل منها داخل عنصر <code>&lt;div class=&quot;col-xs-6&quot;&gt;</code> . <strong>ملاحظة:</strong> كتذكير ، تعد أزرار الاختيار عناصر <code>input</code> من نوع <code>radio</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("div.row:has(input[type=\"radio\"])").length > 0, "Nest all of your radio buttons inside one <code>div</code> with the class <code>row</code>.");'
+  - text: ''
+    testString: 'assert($("div.col-xs-6:has(input[type=\"radio\"])").length > 1, "Nest each of your radio buttons inside its own <code>div</code> with the class <code>col-xs-6</code>.");'
+  - text: تأكد من أن كل عنصر من عناصر <code>div</code> لديه علامة إغلاق.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/split-your-bootstrap-row.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/split-your-bootstrap-row.arabic.md
new file mode 100644
index 0000000000..d121a013c8
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/split-your-bootstrap-row.arabic.md
@@ -0,0 +1,58 @@
+---
+id: bad87fee1348bd9aec908847
+title: Split Your Bootstrap Row
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> الآن لدينا صف Bootstrap ، دعنا نقسمه إلى عمودين لإيواء عناصرنا. قم <code>div</code> عنصرين <code>div</code> داخل صفك ، كلاهما بـ <code>col-xs-6</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Nest two <code>div class=&quot;col-xs-6&quot;</code> within <code>div class=&quot;row&quot;</code> element.
+    testString: 'assert($("div.row > div.col-xs-6").length > 1, "Nest two <code>div class="col-xs-6"</code> elements within your <code>div class="row"</code> element.");'
+  - text: تأكد من أن جميع عناصر <code>div</code> لديك علامات إغلاق.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure all your <code>div</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+
+
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/style-text-inputs-as-form-controls.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/style-text-inputs-as-form-controls.arabic.md
new file mode 100644
index 0000000000..0036e04016
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/style-text-inputs-as-form-controls.arabic.md
@@ -0,0 +1,130 @@
+---
+id: bad87fee1348bd9aed908845
+title: Style Text Inputs as Form Controls
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: مدخلات نمط النص مثل عناصر التحكم في النموذج
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("button[type=\"submit\"]").hasClass("btn btn-primary"), "Give the submit button in your form the classes <code>btn btn-primary</code>.");'
+  - text: ''
+    testString: 'assert($("button[type=\"submit\"]:has(i.fa.fa-paper-plane)").length > 0, "Add a <code>&#60;i class="fa fa-paper-plane"&#62;&#60;/i&#62;</code> within your submit <code>button</code> element.");'
+  - text: قم <code>input</code> النص في النموذج الخاص بك على <code>form-control</code> .
+    testString: 'assert($("input[type=\"text\"]").hasClass("form-control"), "Give the text <code>input</code> in your form the class <code>form-control</code>.");'
+  - text: تأكد من أن كل عنصر من عناصر <code>i</code> لديك علامة إغلاق.
+    testString: 'assert(code.match(/<\/i>/g) && code.match(/<\/i/g).length > 3, "Make sure each of your <code>i</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <div class="row">
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+      </div>
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Loving</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Lazy</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Crazy</label>
+      </div>
+    </div>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.arabic.md
new file mode 100644
index 0000000000..e8c94218aa
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.arabic.md
@@ -0,0 +1,111 @@
+---
+id: bad87fee1348cd8acef08811
+title: Taste the Bootstrap Button Color Rainbow
+challengeType: 0
+videoUrl: ''
+localeTitle: طعم زر Bootstrap لون قوس قزح
+---
+
+## Description
+<section id="description"> فئة <code>btn-primary</code> هي اللون الأساسي الذي ستستخدمه في تطبيقك. من المفيد تمييز الإجراءات التي تريد أن يتخذها المستخدم. استبدل فئة <code>btn-default</code> في Bootstrap بواسطة <code>btn-primary</code> في الزر الخاص بك. لاحظ أن هذا الزر سيظل بحاجة إلى فئات <code>btn</code> و <code>btn-block</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("button").hasClass("btn-primary"), "Your button should have the class <code>btn-primary</code>.");'
+  - text: يجب أن يحتوي الزر الخاص بك <code>btn-block</code> فئات <code>btn</code> و <code>btn-block</code> .
+    testString: 'assert($("button").hasClass("btn-block") && $("button").hasClass("btn"), "Your button should still have the <code>btn</code> and <code>btn-block</code> classes.");'
+  - text: تأكد من أن جميع عناصر <code>button</code> لديك بها علامة إغلاق.
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-default btn-block">Like</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/use-a-span-to-target-inline-elements.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/use-a-span-to-target-inline-elements.arabic.md
new file mode 100644
index 0000000000..4d8a6bd761
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/use-a-span-to-target-inline-elements.arabic.md
@@ -0,0 +1,109 @@
+---
+id: bad87fee1348bd9aedf08845
+title: Use a span to Target Inline Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم مسافة للعناصر المضمنة الهدف
+---
+
+## Description
+<section id="description"> يمكنك استخدام الامتدادات لإنشاء عناصر مضمنة. أتذكر عندما استخدمنا فئة <code>btn-block</code> لجعل الزر يملأ الصف بأكمله؟ <button class="btn" style="background-color: rgb(0, 100, 0);  color: rgb(255, 255, 255);">الزر العادي</button> <button class="btn btn-block" style="background-color: rgb(0, 100, 0);  color: rgb(255, 255, 255);">btn-block button الذي</button> يوضح الفرق بين عنصر &quot;inline&quot; وعنصر &quot;block&quot;. باستخدام عنصر <code>span</code> المضمن ، يمكنك وضع العديد من العناصر على نفس السطر ، وحتى وضع أجزاء مختلفة من نفس السطر بشكل مختلف. عش كلمة &quot;love&quot; في عنصر &quot;Things cats love&quot; الخاص بك أدناه داخل عنصر <code>span</code> . ثم إعطاء التي <code>span</code> الطبقة <code>text-danger</code> لجعل أحمر النص. في ما يلي كيفية القيام بذلك باستخدام عنصر &quot;أهم ثلاثة أشياء للقطط التي تكره&quot;: <code>&lt;p&gt;Top 3 things cats &lt;span class=&quot;text-danger&quot;&gt;hate:&lt;/span&gt;&lt;/p&gt;</code> </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("p span") && $("p span").length > 0, "Your <code>span</code> element should be inside your <code>p</code> element.");'
+  - text: يجب أن يحتوي عنصر <code>span</code> الخاص بك على نص <code>love</code> فقط.
+    testString: 'assert($("p span") && $("p span").text().match(/love/i) && !$("p span").text().match(/Things cats/i), "Your <code>span</code> element should have just the text <code>love</code>.");'
+  - text: ''
+    testString: 'assert($("span").hasClass("text-danger"), "Your <code>span</code> element should have class <code>text-danger</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/<\/span>/g) && code.match(/<span/g) && code.match(/<\/span>/g).length === code.match(/<span/g).length, "Make sure your <code>span</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <h2 class="text-primary text-center">CatPhotoApp</h2>
+
+  <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/use-comments-to-clarify-code.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/use-comments-to-clarify-code.arabic.md
new file mode 100644
index 0000000000..e352456e74
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/use-comments-to-clarify-code.arabic.md
@@ -0,0 +1,75 @@
+---
+id: bad87fee1348bd9aec908857
+title: Use Comments to Clarify Code
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> عندما نبدأ باستخدام jQuery ، سنقوم بتعديل عناصر HTML دون الحاجة إلى تغييرها فعليًا في HTML. دعونا نتأكد من أن الجميع يعرف أنه لا يجب عليهم تعديل أي من هذه الشفرات بشكل مباشر. تذكر أنه يمكنك بدء تعليق باستخدام <code>&lt;!--</code> وإنهاء تعليق باستخدام <code>--&gt;</code> إضافة تعليق أعلى HTML الخاص بك يقول <code>Only change code above this line.</code> </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: بدء تعليق مع <code>&lt;!--</code> في أعلى HTML الخاص بك.
+    testString: 'assert(code.match(/^\s*<!--/), "Start a comment with <code>&#60;!--</code> at the top of your HTML.");'
+  - text: يجب أن يكون تعليقك على النص <code>Only change code above this line</code> .
+    testString: 'assert(code.match(/<!--(?!(>|->|.*-->.*this line))\s*.*this line.*\s*-->/gi), "Your comment should have the text <code>Only change code above this line</code>.");'
+  - text: تأكد من إغلاق تعليقك <code>--&gt;</code> .
+    testString: 'assert(code.match(/-->.*\n+.+/g), "Be sure to close your comment with <code>--&#62;</code>.");'
+  - text: يجب أن يكون لديك نفس العدد من الفتاحات والإغلاق.
+    testString: 'assert(code.match(/<!--/g).length === code.match(/-->/g).length, "You should have the same number of comment openers and closers.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.arabic.md
new file mode 100644
index 0000000000..e6f4d302e5
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.arabic.md
@@ -0,0 +1,107 @@
+---
+id: bad87fee1348bd9acde08712
+title: Use Responsive Design with Bootstrap Fluid Containers
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدام تصميم متجاوب مع حاويات السوائل Bootstrap
+---
+
+## Description
+<section id="description"> في قسم HTML5 و CSS من برنامج FreeCodeCamp ، أنشأنا تطبيق صور Cat. الآن دعونا نعود إليها. في هذه المرة ، سنقوم بإعداده باستخدام إطار عمل Bootstrap المتجاوب لـ CSS. سيحدد Bootstrap مدى اتساع الشاشة ويستجيب عن طريق تغيير حجم عناصر HTML - ومن هنا يكون اسم &quot; <code>Responsive Design</code> . مع تصميم متجاوب ، ليست هناك حاجة لتصميم نسخة محمولة من موقع الويب الخاص بك. سوف تبدو جيدة على الأجهزة ذات الشاشات من أي عرض. يمكنك إضافة Bootstrap إلى أي تطبيق بإضافة التعليمة البرمجية التالية إلى أعلى HTML: <code>&lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css&quot; integrity=&quot;sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u&quot; crossorigin=&quot;anonymous&quot;/&gt;</code> في هذه الحالة ، قمنا بالفعل بإضافته لك إلى هذه الصفحة من وراء الكواليس. لاحظ أن استخدام <code>&gt;</code> أو <code>/&gt;</code> لإغلاق علامة <code>link</code> أمر مقبول. للبدء ، يجب علينا تضمين جميع HTML (باستثناء علامة <code>link</code> وعنصر <code>style</code> ) في عنصر <code>div</code> باستخدام <code>container-fluid</code> للفئة. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يحتوي عنصر <code>div</code> <code>container-fluid</code> الفصل.
+    testString: 'assert($("div").hasClass("container-fluid"), "Your <code>div</code> element should have the class <code>container-fluid</code>.");'
+  - text: تأكد من أن عنصر <code>div</code> يحتوي على علامة إغلاق.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure your <code>div</code> element has a closing tag.");'
+  - text: تأكد من تداخل جميع عناصر HTML بعد علامة <code>style</code> الإغلاق في <code>.container-fluid</code> .
+    testString: 'assert($(".container-fluid").children().length >= 8, "Make sure you have nested all HTML elements after the closing <code>style</code> tag in <code>.container-fluid</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+
+<p>Click here for <a href="#">cat photos</a>.</p>
+
+<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+<p>Things cats love:</p>
+<ul>
+  <li>cat nip</li>
+  <li>laser pointers</li>
+  <li>lasagna</li>
+</ul>
+<p>Top 3 things cats hate:</p>
+<ol>
+  <li>flea treatment</li>
+  <li>thunder</li>
+  <li>other cats</li>
+</ol>
+<form action="/submit-cat-photo">
+  <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+  <label><input type="checkbox" name="personality"> Loving</label>
+  <label><input type="checkbox" name="personality"> Lazy</label>
+  <label><input type="checkbox" name="personality"> Crazy</label>
+  <input type="text" placeholder="cat photo URL" required>
+  <button type="submit">Submit</button>
+</form>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.arabic.md
new file mode 100644
index 0000000000..721037ba4a
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.arabic.md
@@ -0,0 +1,114 @@
+---
+id: bad88fee1348ce8acef08815
+title: Use the Bootstrap Grid to Put Elements Side By Side
+challengeType: 0
+videoUrl: ''
+localeTitle: استخدم شبكة Bootstrap لوضع عناصر جنبًا إلى جنب
+---
+
+## Description
+<section id="description"> يستخدم Bootstrap نظام شبكة متجاوزة من 12 عمودًا ، مما يجعل من السهل وضع العناصر في صفوف وتحديد العرض النسبي لكل عنصر. يمكن تطبيق معظم طبقات Bootstrap على عنصر <code>div</code> . يحتوي Bootstrap على خصائص عرض العمود المختلفة التي يستخدمها بناءً على مدى اتساع شاشة المستخدم. على سبيل المثال ، تشتمل الهواتف على شاشات ضيقة ، كما تحتوي أجهزة الكمبيوتر المحمولة على شاشات أوسع. خذ على سبيل المثال الطبقة <code>col-md-*</code> في Bootstrap. هنا ، <code>md</code> تعني medium ، و <code>*</code> هو رقم يحدد عدد الأعمدة التي يجب أن يكون العنصر فيها. في هذه الحالة ، يتم تحديد عرض العمود لعنصر على شاشة متوسطة الحجم ، مثل الكمبيوتر المحمول. في تطبيق Cat Photo الذي نقوم ببنائه ، سنستخدم <code>col-xs-*</code> ، حيث <code>xs</code> تعني مساحة صغيرة جدًا (مثل شاشة الهاتف المحمول الصغيرة جدًا) ، و <code>*</code> هو عدد الأعمدة التي تحدد عدد الأعمدة على نطاق واسع يجب أن يكون العنصر. ضع زري &quot; <code>Like</code> و &quot; <code>Info</code> و &quot; <code>Delete</code> جنبًا إلى جنب من خلال تضمين كل ثلاثة منهم في عنصر واحد <code>&lt;div class=&quot;row&quot;&gt;</code> ، ثم كل واحد منهم داخل عنصر <code>&lt;div class=&quot;col-xs-4&quot;&gt;</code> . يتم تطبيق فئة <code>row</code> على <code>div</code> ، ويمكن أن تتداخل الأزرار نفسها داخلها. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("div.row:has(button)").length > 0, "Your buttons should all be nested within the same <code>div</code> element with the class <code>row</code>.");'
+  - text: يجب أن يكون كل زر من أزرار Bootstrap متداخلًا داخل عنصر <code>div</code> الخاص به باستخدام الفئة <code>col-xs-4</code> .
+    testString: 'assert($("div.col-xs-4:has(button)").length > 2, "Each of your Bootstrap buttons should be nested within its own <code>div</code> element with the class <code>col-xs-4</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure each of your <code>button</code> elements has a closing tag.");'
+  - text: ''
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-block btn-primary">Like</button>
+  <button class="btn btn-block btn-info">Info</button>
+  <button class="btn btn-block btn-danger">Delete</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/warn-your-users-of-a-dangerous-action-with-btn-danger.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/warn-your-users-of-a-dangerous-action-with-btn-danger.arabic.md
new file mode 100644
index 0000000000..c2bdb27aeb
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/bootstrap/warn-your-users-of-a-dangerous-action-with-btn-danger.arabic.md
@@ -0,0 +1,113 @@
+---
+id: bad87fee1348ce8acef08814
+title: Warn Your Users of a Dangerous Action with btn-danger
+challengeType: 0
+videoUrl: ''
+localeTitle: تحذير مستخدمي موقعك من عمل خطير مع خطر btn
+---
+
+## Description
+<section id="description"> يأتي Bootstrap مع العديد من الألوان المحددة مسبقًا للأزرار. فئة <code>btn-danger</code> هي لون الزر الذي ستستخدمه لإعلام المستخدمين بأن الزر يقوم بإجراء مدمر ، مثل حذف صورة قطة. إنشاء زر مع النص &quot;حذف&quot; وإعطائها فئة <code>btn-danger</code> . لاحظ أن هذه الأزرار لا تزال بحاجة إلى فئات <code>btn</code> و <code>btn-block</code> . </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: إنشاء عنصر <code>button</code> جديد مع النص &quot;حذف&quot;.
+    testString: 'assert(new RegExp("Delete","gi").test($("button").text()), "Create a new <code>button</code> element with the text "Delete".");'
+  - text: ''
+    testString: 'assert($("button.btn-block.btn").length > 2, "All of your Bootstrap buttons should have the <code>btn</code> and <code>btn-block</code> classes.");'
+  - text: يجب أن يكون لديك الزر الجديد فئة <code>btn-danger</code> .
+    testString: 'assert($("button").hasClass("btn-danger"), "Your new button should have the class <code>btn-danger</code>.");'
+  - text: تأكد من أن جميع عناصر <code>button</code> لديك بها علامة إغلاق.
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-block btn-primary">Like</button>
+  <button class="btn btn-block btn-info">Info</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.arabic.md
new file mode 100644
index 0000000000..8523f62f1c
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.arabic.md
@@ -0,0 +1,38 @@
+---
+id: 587d7dbc367417b2b2512bae
+title: Build a Drum Machine
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: بناء آلة طبل
+---
+
+## Description
+<section id="description"> <strong>الهدف:</strong> إنشاء تطبيق <a href="https://codepen.io" target="_blank">CodePen.io</a> تشبه وظيفيًا هذا: <a href="https://codepen.io/freeCodeCamp/full/MJyNMd" target="_blank">https://codepen.io/freeCodeCamp/full/MJyNMd</a> . تحقق من <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">قصص المستخدمين</a> أدناه واجتاز جميع الاختبارات. اعطها اسلوبك الشخصي. يمكنك استخدام أي مزيج من HTML و JavaScript و CSS و Bootstrap و SASS و React و Redux و jQuery لإكمال هذا المشروع. يجب عليك استخدام إطار الواجهة الأمامية (مثل React على سبيل المثال) لأن هذا القسم يدور حول تعلم إطارات الواجهة الأمامية. لا يوصى باستخدام تقنيات إضافية غير مدرجة أعلاه واستخدامها على مسؤوليتك الخاصة. نحن نتطلع إلى دعم أطر عمل الواجهة الأخرى مثل Angular و Vue ، ولكنها غير مدعومة حاليًا. سنقبل ونحاول إصلاح جميع تقارير المشكلات التي تستخدم مجموعة التكنولوجيا المقترحة لهذا المشروع. الترميز سعيدة! <strong>قصة المستخدم رقم 1:</strong> ينبغي أن أتمكن من رؤية حاوية خارجية تحتوي على <code>id=&quot;drum-machine&quot;</code> أداة <code>id=&quot;drum-machine&quot;</code> تحتوي على جميع العناصر الأخرى. <strong>قصة المستخدم رقم 2:</strong> داخل <code>#drum-machine</code> أستطيع أن أرى عنصرًا به <code>id=&quot;display&quot;</code> مناظر <code>id=&quot;display&quot;</code> . <strong>قصة المستخدم رقم 3:</strong> داخل <code>#drum-machine</code> يمكنني رؤية 9 عناصر لوحة اسطوانة قابلة للنقر ، لكل منها اسم صنف من <code>drum-pad</code> ، وهو معرف فريد يصف المقطع الصوتي الذي سيتم إعداده على لوحة السماعة ، النص الذي يتوافق مع أحد المفاتيح التالية على لوحة المفاتيح: Q ، W ، E ، A ، S ، D ، Z ، X ، C. يجب أن تكون وسادات الأسطوانة بهذا الترتيب. <strong>قصة المستخدم 4:</strong> داخل كل <code>.drum-pad</code> ، يجب أن يكون هناك عنصر <code>audio</code> HTML5 يحتوي على سمة <code>src</code> تشير إلى مقطع صوتي ، واسم <code>clip</code> ، ومعرف مطابق للنص الداخلي <code>.drum-pad</code> (على سبيل المثال <code>id=&quot;Q&quot;</code> ، <code>id=&quot;W&quot;</code> ، <code>id=&quot;E&quot;</code> إلخ.). <strong>قصة المستخدم رقم 5:</strong> عندما أنقر على عنصر <code>.drum-pad</code> ، يجب تشغيل المقطع الصوتي الموجود في عنصر <code>audio</code> الطفل الخاص به. <strong>قصة المستخدم رقم 6:</strong> عندما أضغط مفتاح المشغل المرتبط بكل <code>.drum-pad</code> ، يجب تشغيل المقطع الصوتي الموجود في عنصر <code>audio</code> الطفل الخاص به (على سبيل المثال ، الضغط على المفتاح Q يؤدي إلى تشغيل لوحة الأسطوانة التي تحتوي على السلسلة &quot;Q&quot; ، الضغط على المفتاح W يجب أن يؤدي إلى تشغيل لوحة البراميل التي تحتوي على السلسلة &quot;W&quot; ، وما إلى ذلك). <strong>قصة المستخدم رقم 7:</strong> عندما يتم تشغيل <code>.drum-pad</code> يتم عرض سلسلة تصف المقطع الصوتي المرتبط كنص داخلي للعنصر <code>#display</code> (يجب أن تكون كل سلسلة فريدة). يمكنك بناء مشروعك عن طريق <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">تسجيل قلم CodePen هذا</a> . أو يمكنك استخدام رابط CDN هذا لتشغيل الاختبارات في أي بيئة تفضلها: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> بمجرد الانتهاء ، أرسل عنوان URL إلى عملك مشروع مع كل اختباراتها تمر. تذكر استخدام طريقة <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.arabic.md
new file mode 100644
index 0000000000..36536ed38e
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.arabic.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd17
+title: Build a JavaScript Calculator
+challengeType: 3
+isRequired: true
+videoUrl: ''
+localeTitle: بناء حاسبة جافا سكريبت
+---
+
+## Description
+<section id="description"> <strong>الهدف:</strong> إنشاء تطبيق <a href="https://codepen.io" target="_blank">CodePen.io</a> تشبه وظيفيًا هذا: <a href="https://codepen.io/freeCodeCamp/full/wgGVVX" target="_blank">https://codepen.io/freeCodeCamp/full/wgGVVX</a> . تحقق من <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">قصص المستخدمين</a> أدناه واجتاز جميع الاختبارات. اعطها اسلوبك الشخصي. يمكنك استخدام أي مزيج من HTML و JavaScript و CSS و Bootstrap و SASS و React و Redux و jQuery لإكمال هذا المشروع. يجب عليك استخدام إطار الواجهة الأمامية (مثل React على سبيل المثال) لأن هذا القسم يدور حول تعلم إطارات الواجهة الأمامية. لا يوصى باستخدام تقنيات إضافية غير مدرجة أعلاه واستخدامها على مسؤوليتك الخاصة. نحن نتطلع إلى دعم أطر عمل الواجهة الأخرى مثل Angular و Vue ، ولكنها غير مدعومة حاليًا. سنقبل ونحاول إصلاح جميع تقارير المشكلات التي تستخدم مجموعة التكنولوجيا المقترحة لهذا المشروع. الترميز سعيدة! <strong>قصة المستخدم رقم 1:</strong> يجب أن تحتوي الحاسبة الخاصة بي على عنصر قابل للنقر يحتوي على <code>=</code> (علامة مساواة) مع <code>id=&quot;equals&quot;</code> مناظر <code>id=&quot;equals&quot;</code> . <strong>قصة المستخدم رقم 2:</strong> يجب أن تحتوي الحاسبة الخاصة بي على 10 عناصر قابلة للنقر تحتوي على رقم واحد لكل من 0-9 ، مع المعرفات المقابلة التالية: <code>id=&quot;zero&quot;</code> ، <code>id=&quot;one&quot;</code> ، <code>id=&quot;two&quot;</code> ، <code>id=&quot;three&quot;</code> و <code>id=&quot;four&quot;</code> و <code>id=&quot;five&quot;</code> و <code>id=&quot;six&quot;</code> و <code>id=&quot;seven&quot;</code> و <code>id=&quot;eight&quot;</code> و <code>id=&quot;nine&quot;</code> . <strong>قصة المستخدم رقم 3:</strong> يجب أن تحتوي الحاسبة الخاصة بي على 4 عناصر قابلة للنقر تحتوي كل واحدة منها على واحدة من 4 عوامل رياضية أولية لها المعرفات المقابلة التالية: <code>id=&quot;add&quot;</code> ، <code>id=&quot;subtract&quot;</code> ، <code>id=&quot;multiply&quot;</code> ، <code>id=&quot;divide&quot;</code> . <strong>قصة المستخدم رقم 4:</strong> يجب أن تحتوي الحاسبة الخاصة بي على عنصر قابل للنقر يحتوي على <code>.</code> (علامة عشرية) مع <code>id=&quot;decimal&quot;</code> المقابلة <code>id=&quot;decimal&quot;</code> . <strong>قصة المستخدم رقم 5:</strong> يجب أن تحتوي الحاسبة الخاصة بي على عنصر قابل للنقر به <code>id=&quot;clear&quot;</code> . <strong>قصة المستخدم رقم 6:</strong> يجب أن تحتوي الحاسبة الخاصة بي على عنصر لعرض قيم ذات <code>id=&quot;display&quot;</code> مناظر <code>id=&quot;display&quot;</code> . <strong>قصة المستخدم رقم 7:</strong> في أي وقت ، يؤدي الضغط على الزر &quot;مسح&quot; إلى مسح قيم المدخلات والمخرجات ، ثم إرجاع الآلة الحاسبة إلى حالتها المبدئية ؛ 0 يجب أن يظهر في العنصر مع معرف <code>display</code> . <strong>قصة المستخدم رقم 8:</strong> عندما أقوم بإدخال الأرقام ، ينبغي أن أتمكن من رؤية الإدخال الخاص بي في العنصر مع معرف <code>display</code> . <strong>قصة المستخدم رقم 9:</strong> في أي ترتيب ، يجب أن أتمكن من إضافة سلسلة من الأرقام بأي طول وطرحها وضربها وقسمتها ، وعندما أضغط <code>=</code> ، يجب أن تظهر النتيجة الصحيحة في العنصر ذي معرّف <code>display</code> . <strong>قصة المستخدم رقم 10:</strong> عند إدخال الأرقام ، يجب ألا تسمح الحاسبة الخاصة بي ببدء عدد من الأصفار متعددة. <strong>قصة العضو رقم 11:</strong> عند النقر فوق عنصر عشري، و <code>.</code> يجب إلحاقها بالقيمة المعروضة حاليًا ؛ اثنان <code>.</code> في رقم واحد لا ينبغي قبوله. <strong>قصة المستخدم رقم 12:</strong> يجب أن أتمكن من تنفيذ أي عملية (+ ، - ، * ، /) على الأرقام التي تحتوي على نقاط عشرية. <strong>قصة المستخدم رقم 13:</strong> إذا تم إدخال مشغلين أو أكثر على التوالي ، فيجب أن تكون العملية التي تم تنفيذها هي آخر مشغل تم إدخاله. <strong>قصة المستخدم رقم 14:</strong> الضغط على المشغل الذي يلي مباشرة <code>=</code> يجب أن يبدأ عملية حسابية جديدة تعمل على نتيجة التقييم السابق. <strong>قصة المستخدم رقم 15:</strong> يجب أن تحتوي الحاسبة الخاصة بي على عدة أماكن عشرية من الدقة عندما يتعلق الأمر بالتقريب (لاحظ أنه لا يوجد معيار دقيق ، ولكن يجب أن تكون قادرًا على التعامل مع العمليات الحسابية مثل <code>2 / 7</code> بدقة معقولة إلى 4 منازل عشرية على الأقل) . <strong>ملاحظة حول منطق</strong> الآلة <strong>الحاسبة:</strong> يجب ملاحظة أن هناك مدرستين أساسيتين للتفكير في منطق إدخال الآلة الحاسبة: <dfn>منطق التنفيذ الفوري ومنطق</dfn> <dfn>الصيغة</dfn> . يستخدم مثالنا منطق الصيغة ويلاحظ ترتيب عملية الأسبقية ، التنفيذ الفوري لا. أيهما مقبول ، ولكن يرجى ملاحظة أنه اعتمادا على الاختيار الذي تختاره ، قد تحقق الآلة الحاسبة نتائج مختلفة عن نتائج المعادلات الخاصة بنا (انظر المثال أدناه). طالما يمكن التحقق من الحساب الخاص بك بواسطة حاسبة إنتاج أخرى ، فالرجاء عدم اعتبار هذا خطأ. <strong>مثال:</strong> <code>3 + 5 x 6 - 2 / 4 =</code> <br><ul style=";text-align:right;direction:rtl"><li style=";text-align:right;direction:rtl"> <strong>منطق التنفيذ الفوري:</strong> <code>11.5</code> </li><li style=";text-align:right;direction:rtl"> <strong>صيغة / منطق التعبير:</strong> <code>32.5</code> </li></ul> يمكنك بناء مشروعك عن طريق <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">تسجيل قلم CodePen هذا</a> . أو يمكنك استخدام رابط CDN هذا لتشغيل الاختبارات في أي بيئة تفضلها: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> بمجرد الانتهاء ، أرسل عنوان URL إلى عملك مشروع مع كل اختباراتها تمر. تذكر استخدام طريقة <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.arabic.md
new file mode 100644
index 0000000000..364f241eef
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.arabic.md
@@ -0,0 +1,38 @@
+---
+id: bd7157d8c242eddfaeb5bd13
+title: Build a Markdown Previewer
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: بناء على Markdown Previewer
+---
+
+## Description
+<section id="description"> <strong>الهدف:</strong> إنشاء تطبيق <a href="https://codepen.io" target="_blank">CodePen.io</a> تشبه وظيفيًا هذا: <a href="https://codepen.io/freeCodeCamp/full/GrZVVO" target="_blank">https://codepen.io/freeCodeCamp/full/GrZVVO</a> . تحقق من <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">قصص المستخدمين</a> أدناه واجتاز جميع الاختبارات. اعطها اسلوبك الشخصي. يمكنك استخدام أي مزيج من HTML و JavaScript و CSS و Bootstrap و SASS و React و Redux و jQuery لإكمال هذا المشروع. يجب عليك استخدام إطار الواجهة الأمامية (مثل React على سبيل المثال) لأن هذا القسم يدور حول تعلم إطارات الواجهة الأمامية. لا يوصى باستخدام تقنيات إضافية غير مدرجة أعلاه واستخدامها على مسؤوليتك الخاصة. نحن نتطلع إلى دعم أطر عمل الواجهة الأخرى مثل Angular و Vue ، ولكنها غير مدعومة حاليًا. سنقبل ونحاول إصلاح جميع تقارير المشكلات التي تستخدم مجموعة التكنولوجيا المقترحة لهذا المشروع. الترميز سعيدة! <strong>قصة المستخدم رقم 1:</strong> يمكنني رؤية عنصر <code>textarea</code> مع <code>id=&quot;editor&quot;</code> المقابلة <code>id=&quot;editor&quot;</code> . <strong>قصة المستخدم رقم 2:</strong> يمكنني رؤية عنصر له <code>id=&quot;preview&quot;</code> مناظر <code>id=&quot;preview&quot;</code> . <strong>قصة المستخدم رقم 3:</strong> عند إدخال نص في عنصر <code>#editor</code> ، يتم تحديث عنصر <code>#preview</code> أثناء الكتابة لعرض محتوى النص. <strong>قصة المستخدم رقم 4:</strong> عندما أقوم بإدخال <code>#editor</code> GitHub في عنصر <code>#editor</code> ، يتم عرض النص على هيئة HTML في عنصر <code>#preview</code> أثناء الكتابة (HINT: لست بحاجة إلى تحليل Markdown بنفسك - يمكنك استيراد المكتبة المحددة لهذا: <a href="https://cdnjs.com/libraries/marked" target="_blank">https://cdnjs.com/libraries/marked</a> ). <strong>قصة المستخدم رقم 5:</strong> عندما يتم أولاً تحميل أداة معاينة <code>#editor</code> يجب أن يحتوي النص الافتراضي في الحقل <code>#editor</code> على <code>#editor</code> صالحة تمثل عنصرًا واحدًا على الأقل من كل عنصر من العناصر التالية: رأس (حجم H1) ، رأس فرعي (حجم H2) ، ورابط ، ورمز مضمّن ، وكتلة برمجية ، وبند قائمة ، وقطعة اقتباس ، وصورة ، ونص غامق. <strong>قصة المستخدم رقم 6:</strong> عندما يتم أولاً تحميل أداة معاينة <code>#editor</code> يجب أن يتم عرض <code>#editor</code> حقل <code>#editor</code> على <code>#editor</code> HTML في عنصر <code>#preview</code> . <strong>مكافأة اختيارية (لا تحتاج إلى إجراء اختبار تجريبي):</strong> يفسر أداة معاينة العلامة التجارية الخاصة بي إرجاع الإرجاع وتجعلها كعناصر <code>br</code> (فواصل الأسطر). يمكنك بناء مشروعك عن طريق <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">تسجيل قلم CodePen هذا</a> . أو يمكنك استخدام رابط CDN هذا لتشغيل الاختبارات في أي بيئة تفضلها: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> بمجرد الانتهاء ، أرسل عنوان URL إلى عملك مشروع مع كل اختباراتها تمر. تذكر استخدام طريقة <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.arabic.md
new file mode 100644
index 0000000000..2c743672f6
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.arabic.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd0f
+title: Build a Pomodoro Clock
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: بناء على مدار الساعة بومودورو
+---
+
+## Description
+<section id="description"> <strong>الهدف:</strong> إنشاء تطبيق <a href="https://codepen.io" target="_blank">CodePen.io</a> تشبه وظيفيًا هذا: <a href="https://codepen.io/freeCodeCamp/full/XpKrrW" target="_blank">https://codepen.io/freeCodeCamp/full/XpKrrW</a> . تحقق من <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">قصص المستخدمين</a> أدناه واجتاز جميع الاختبارات. اعطها اسلوبك الشخصي. يمكنك استخدام أي مزيج من HTML و JavaScript و CSS و Bootstrap و SASS و React و Redux و jQuery لإكمال هذا المشروع. يجب عليك استخدام إطار الواجهة الأمامية (مثل React على سبيل المثال) لأن هذا القسم يدور حول تعلم إطارات الواجهة الأمامية. لا يوصى باستخدام تقنيات إضافية غير مدرجة أعلاه واستخدامها على مسؤوليتك الخاصة. نحن نتطلع إلى دعم أطر عمل الواجهة الأخرى مثل Angular و Vue ، ولكنها غير مدعومة حاليًا. سنقبل ونحاول إصلاح جميع تقارير المشكلات التي تستخدم مجموعة التكنولوجيا المقترحة لهذا المشروع. الترميز سعيدة! <strong>قصة المستخدم رقم 1:</strong> يمكنني رؤية عنصر به <code>id=&quot;break-label&quot;</code> يحتوي على سلسلة (مثل &quot;Break Length&quot;). <strong>قصة المستخدم رقم 2:</strong> يمكنني رؤية عنصر له <code>id=&quot;session-label&quot;</code> يحتوي على سلسلة (مثل &quot;طول الجلسة&quot;). <strong>قصة المستخدم رقم 3:</strong> يمكنني رؤية عنصرين قابلين للنقر مع المعرفات المقابلة: <code>id=&quot;break-decrement&quot;</code> و <code>id=&quot;session-decrement&quot;</code> . <strong>قصة المستخدم رقم 4:</strong> يمكنني رؤية عنصرين قابلين للنقر مع المعرفات المقابلة: <code>id=&quot;break-increment&quot;</code> و <code>id=&quot;session-increment&quot;</code> . <strong>قصة المستخدم رقم 5:</strong> يمكنني رؤية عنصر له <code>id=&quot;break-length&quot;</code> ، والذي يعرض افتراضيًا (عند التحميل) قيمة 5. <strong>قصة المستخدم رقم 6:</strong> يمكنني رؤية عنصر له <code>id=&quot;session-length&quot;</code> مناظر <code>id=&quot;session-length&quot;</code> ، والتي تعرض افتراضيًا قيمة 25. <strong>قصة المستخدم رقم 7:</strong> يمكنني رؤية عنصر له <code>id=&quot;timer-label&quot;</code> المقابلة <code>id=&quot;timer-label&quot;</code> ، يحتوي على سلسلة تشير إلى جلسة تمت تهيئتها (على سبيل المثال&quot; جلسة &quot;) . <strong>قصة المستخدم رقم 8:</strong> يمكنني رؤية عنصر له <code>id=&quot;time-left&quot;</code> . ملاحظة: متوقفة مؤقتًا أو قيد التشغيل ، يجب دائمًا عرض القيمة في هذا الحقل بتنسيق <code>mm:ss</code> (أي 25:00). <strong>قصة المستخدم رقم 9:</strong> يمكنني رؤية عنصر قابل للنقر به <code>id=&quot;start_stop&quot;</code> مناظر <code>id=&quot;start_stop&quot;</code> . <strong>قصة المستخدم رقم 10:</strong> يمكنني رؤية عنصر قابل للنقر به <code>id=&quot;reset&quot;</code> مناظر <code>id=&quot;reset&quot;</code> . <strong>قصة المستخدم رقم 11:</strong> عندما أنقر على العنصر الذي يحتوي على معرف <code>reset</code> ، يجب إيقاف أي موقت تشغيل ، يجب أن ترجع القيمة في <code>id=&quot;break-length&quot;</code> إلى <code>5</code> ، فيجب أن ترجع القيمة داخل <code>id=&quot;session-length&quot;</code> إلى 25 ، والعنصر الذي له <code>id=&quot;time-left&quot;</code> يجب إعادة تعيينه إلى حالته الافتراضية. <strong>قصة المستخدم رقم 12:</strong> عندما أنقر على العنصر بمعرّف <code>break-decrement</code> ، فإن القيمة ضمن <code>break-decrement</code> <code>id=&quot;break-length&quot;</code> بقيمة 1 ، ويمكنني رؤية القيمة المحدّثة. <strong>قصة المستخدم رقم 13:</strong> عندما أنقر على العنصر الذي يحتوي على معرّف <code>break-increment</code> ، فإن القيمة ضمن <code>break-increment</code> <code>id=&quot;break-length&quot;</code> بقيمة 1 ، ويمكنني رؤية القيمة المحدّثة. <strong>قصة المستخدم رقم 14:</strong> عندما أنقر على العنصر بمعرّف <code>session-decrement</code> ، فإن القيمة ضمن <code>session-decrement</code> <code>id=&quot;session-length&quot;</code> بقيمة 1 ، ويمكنني رؤية القيمة المحدّثة. <strong>قصة المستخدم رقم 15:</strong> عندما أنقر على العنصر بمعرّف <code>session-increment</code> ، فإن القيمة ضمن قيمة <code>id=&quot;session-length&quot;</code> بقيمة 1 ، ويمكنني رؤية القيمة المحدّثة. <strong>قصة المستخدم رقم 16:</strong> لا يجب أن أتمكن من تعيين جلسة أو طول للكسر إلى &lt;= 0. <strong>قصة المستخدم رقم 17:</strong> لا ينبغي أن أتمكن من تعيين جلسة أو طول للكسر إلى&gt; 60. <strong>قصة المستخدم رقم 18:</strong> عندما أكون أولاً ، انقر فوق العنصر مع <code>id=&quot;start_stop&quot;</code> ، يجب أن يبدأ تشغيل جهاز ضبط الوقت من القيمة المعروضة حاليًا في <code>id=&quot;session-length&quot;</code> ، حتى إذا تم زيادة القيمة أو إنقاصها من القيمة الأصلية لـ 25. <strong>قصة المستخدم رقم 19 :</strong> إذا كان المؤقت يعمل ، فيجب أن يعرض العنصر ذو معرف <code>time-left</code> الوقت المتبقي بتنسيق <code>mm:ss</code> (يتناقص بقيمة 1 وتحديث العرض كل 1000ms). <strong>قصة المستخدم رقم 20:</strong> إذا كان المؤقت يعمل <code>id=&quot;start_stop&quot;</code> على العنصر الذي يحمل <code>id=&quot;start_stop&quot;</code> ، فيجب أن يتوقف العد التنازلي. <strong>قصة المستخدم رقم 21:</strong> إذا تم إيقاف المؤقت مؤقتًا ، <code>id=&quot;start_stop&quot;</code> على العنصر ذي <code>id=&quot;start_stop&quot;</code> ، فيجب استئناف تشغيل العد التنازلي من النقطة التي تم إيقافها مؤقتًا فيها. <strong>قصة المستخدم رقم 22:</strong> عندما يصل العد التنازلي للجلسة إلى الصفر (ملاحظة: يجب أن يصل الموقت إلى 00:00) ، ويبدأ العد التنازلي الجديد ، يجب أن يعرض العنصر ذو معرف <code>timer-label</code> سلسلة تشير إلى بداية فاصل. <strong>قصة المستخدم رقم 23:</strong> عندما يصل العد التنازلي للجلسة إلى الصفر (ملاحظة: يجب أن يصل الموقت إلى 00:00) ، يجب أن يبدأ العد التنازلي للفصل الجديد ، مع احتسابه من القيمة المعروضة حاليًا في عنصر <code>id=&quot;break-length&quot;</code> . <strong>قصة المستخدم رقم 24:</strong> عندما يصل العد التنازلي للكسر إلى الصفر (ملاحظة: يجب أن يصل الموقت إلى 00:00) ، ويبدأ العد التنازلي الجديد ، يجب أن يعرض العنصر ذو معرف <code>timer-label</code> سلسلة تشير إلى بدء جلسة. <strong>قصة المستخدم رقم 25:</strong> عندما يصل العد التنازلي للكسر إلى الصفر (ملاحظة: يجب أن يصل الموقت إلى 00:00) ، يجب أن يبدأ العد التنازلي للجلسة الجديدة ، مع احتساب القيمة من القيمة المعروضة حاليًا في عنصر <code>id=&quot;session-length&quot;</code> . <strong>قصة المستخدم رقم 26:</strong> عندما يصل العد التنازلي إلى الصفر (ملاحظة: يجب أن يصل الموقت إلى 00:00) ، يجب تشغيل صوت يشير إلى أن الوقت قد انتهى. يجب أن يستخدم هذا علامة <code>audio</code> HTML5 ويكون له <code>id=&quot;beep&quot;</code> . <strong>قصة المستخدم رقم 27:</strong> يجب أن يكون عنصر الصوت الذي يحتوي على <code>id=&quot;beep&quot;</code> ثانية واحدة أو أكثر. <strong>قصة المستخدم رقم 28:</strong> يجب إيقاف تشغيل العنصر الصوتي بمعرف <code>beep</code> ويتم إعادة لفه إلى البداية عند النقر فوق العنصر الذي يحتوي على معرف <code>reset</code> التعيين. يمكنك بناء مشروعك عن طريق <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">تسجيل قلم CodePen هذا</a> . أو يمكنك استخدام رابط CDN هذا لتشغيل الاختبارات في أي بيئة تفضلها: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> بمجرد الانتهاء ، أرسل عنوان URL إلى عملك مشروع مع كل اختباراتها تمر. تذكر استخدام طريقة <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.arabic.md
new file mode 100644
index 0000000000..8515b02ae9
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.arabic.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd13
+title: Build a Random Quote Machine
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: بناء آلة اقتباس عشوائي
+---
+
+## Description
+<section id="description"> <strong>الهدف:</strong> إنشاء تطبيق <a href="https://codepen.io" target="_blank">CodePen.io</a> تشبه وظيفيًا هذا: <a href="https://codepen.io/freeCodeCamp/full/qRZeGZ" target="_blank">https://codepen.io/freeCodeCamp/full/qRZeGZ</a> . تحقق من <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">قصص المستخدمين</a> أدناه واجتاز جميع الاختبارات. اعطها اسلوبك الشخصي. يمكنك استخدام أي مزيج من HTML و JavaScript و CSS و Bootstrap و SASS و React و Redux و jQuery لإكمال هذا المشروع. يجب عليك استخدام إطار الواجهة الأمامية (مثل React على سبيل المثال) لأن هذا القسم يدور حول تعلم إطارات الواجهة الأمامية. لا يوصى باستخدام تقنيات إضافية غير مدرجة أعلاه واستخدامها على مسؤوليتك الخاصة. نحن نتطلع إلى دعم أطر عمل الواجهة الأخرى مثل Angular و Vue ، ولكنها غير مدعومة حاليًا. سنقبل ونحاول إصلاح جميع تقارير المشكلات التي تستخدم مجموعة التكنولوجيا المقترحة لهذا المشروع. الترميز سعيدة! <strong>قصة المستخدم رقم 1:</strong> يمكنني رؤية عنصر مجمّع ذو <code>id=&quot;quote-box&quot;</code> مناظر <code>id=&quot;quote-box&quot;</code> . <strong>قصة المستخدم رقم 2:</strong> داخل <code>#quote-box</code> ، يمكنني رؤية عنصر له <code>id=&quot;text&quot;</code> . <strong>قصة المستخدم رقم 3:</strong> داخل <code>#quote-box</code> ، يمكنني رؤية عنصر له <code>id=&quot;author&quot;</code> . <strong>قصة المستخدم رقم 4:</strong> داخل <code>#quote-box</code> ، يمكنني رؤية عنصر قابل للنقر به <code>id=&quot;new-quote&quot;</code> مناظر <code>id=&quot;new-quote&quot;</code> . <strong>قصة المستخدم رقم 5:</strong> داخل <code>#quote-box</code> ، أستطيع أن أرى كلمة قابلة للنقر <codea< code=""> مع <code>id=&quot;tweet-quote&quot;</code> المقابلة <code>id=&quot;tweet-quote&quot;</code> . <strong>قصة المستخدم رقم 6:</strong> عند التحميل الأول ، يعرض جهاز عرض الأسعار اقتباسًا عشوائيًا في العنصر مع <code>id=&quot;text&quot;</code> . <strong>قصة المستخدم رقم 7:</strong> عند التحميل الأول ، يعرض جهاز عرض الأسعار الخاص بي مؤلف الاقتباس العشوائي في العنصر مع <code>id=&quot;author&quot;</code> . <strong>قصة المستخدم رقم 8:</strong> عندما يتم النقر على الزر <code>#new-quote</code> ، يجب أن يجلب جهاز عرض الأسعار الخاص بي عرض أسعار جديدًا <code>#text</code> عنصر <code>#text</code> . <strong>قصة المستخدم رقم 9:</strong> يجب أن تحضر جهاز عرض الأسعار الخاص بي مؤلف الاقتباس الجديد عندما يتم النقر على زر <code>#new-quote</code> وعرضه في عنصر <code>#author</code> . <strong>قصة المستخدم # 10:</strong> أستطيع أن تغرد الاقتباس الحالي بالضغط على <code>#tweet-quote</code> <code>a</code> العنصر. هذا <code>a</code> ينبغي أن تتضمن عنصرا من <code>&quot;twitter.com/intent/tweet&quot;</code> المسار في انها <code>href</code> السمة إلى تغرد الاقتباس الحالي. <strong>قصة المستخدم رقم 11:</strong> يجب أن يكون عنصر مجمّع <code>#quote-box</code> أفقيًا في الوسط. يرجى تشغيل اختبارات بمستوى التكبير في المتصفح بنسبة 100٪ وزيادة حجم الصفحة. يمكنك بناء مشروعك عن طريق <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">تسجيل قلم CodePen هذا</a> . أو يمكنك استخدام رابط CDN هذا لتشغيل الاختبارات في أي بيئة تفضلها: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> بمجرد الانتهاء ، أرسل عنوان URL إلى عملك مشروع مع كل اختباراتها تمر. تذكر استخدام طريقة <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> إذا واجهتك مشكلة. </codea<></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/jquery/change-text-inside-an-element-using-jquery.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/jquery/change-text-inside-an-element-using-jquery.arabic.md
new file mode 100644
index 0000000000..7ff16c78a9
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/jquery/change-text-inside-an-element-using-jquery.arabic.md
@@ -0,0 +1,87 @@
+---
+id: 564944c91be2204b269d51e3
+title: Change Text Inside an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> باستخدام jQuery ، يمكنك تغيير النص بين علامات البداية والنهاية للعنصر. يمكنك حتى تغيير ترميز HTML. يحتوي jQuery على وظيفة تسمى <code>.html()</code> تسمح لك بإضافة علامات HTML ونص داخل عنصر. سيتم استبدال أي محتوى سابق داخل العنصر تمامًا بالمحتوى الذي تقدمه باستخدام هذه الوظيفة. فيما يلي كيفية كتابة نص عنواننا والتأكيد عليه: <code>$(&quot;h3&quot;).html(&quot;&lt;em&gt;jQuery Playground&lt;/em&gt;&quot;);</code> يحتوي jQuery أيضًا على دالة مشابهة تُسمى <code>.text()</code> تقوم فقط بتغيير النص دون إضافة علامات. بمعنى آخر ، لن تقوم هذه الوظيفة بتقييم أية علامات HTML تم تمريرها إليها ، ولكن بدلاً من ذلك ستعاملها على أنها النص الذي تريد استبدال المحتوى الموجود به. تغيير الزر مع معرف <code>target4</code> بواسطة التأكيد على النص الخاص به. تحقق هذا <a href="https://developer.mozilla.org/en/docs/Web/HTML/Element/em" target="_blank">الرابط</a> لمعرفة المزيد حول الفرق بين <code>&lt;i&gt;</code> و <code>&lt;em&gt;</code> واستخداماتها. لاحظ أنه في حين تم استخدام العلامة <code>&lt;i&gt;</code> للتأكيد على النص ، فقد تم استخدامه منذ ذلك الحين كعلامة للأيقونات. أصبحت العلامة <code>&lt;em&gt;</code> الآن مقبولة على نطاق واسع كعلامة للتأكيد. إما أن تعمل من أجل هذا التحدي. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: قم <code>target4</code> النص الموجود في الزر <code>target4</code> الخاص بك بإضافة علامات HTML.
+    testString: 'assert.isTrue((/<em>|<i>\s*#target4\s*<\/em>|<\/i>/gi).test($("#target4").html()), "Emphasize the text in your <code>target4</code> button by adding HTML tags.");'
+  - text: تأكد من أن النص لم يتغير.
+    testString: 'assert($("#target4") && $("#target4").text().trim() === "#target4", "Make sure the text is otherwise unchanged.");'
+  - text: ''
+    testString: 'assert.isFalse((/<em>|<i>/gi).test($("h3").html()), "Do not alter any other text.");'
+  - text: تأكد من أنك تستخدم <code>.html()</code> وليس <code>.text()</code> .
+    testString: 'assert(code.match(/\.html\(/g), "Make sure you are using <code>.html()</code> and not <code>.text()</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/\$\(\s*?(\"|\")#target4(\"|\")\s*?\)\.html\(/), "Make sure to select <code>button id="target4"</code> with jQuery.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.arabic.md
new file mode 100644
index 0000000000..caaf5cea19
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.arabic.md
@@ -0,0 +1,85 @@
+---
+id: bad87fee1348bd9aed908826
+title: Change the CSS of an Element Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: تغيير CSS لعنصر باستخدام jQuery
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("#target1").css("color") === "rgb(255, 0, 0)", "Your <code>target1</code> element should have red text.");'
+  - text: استخدم jQuery فقط لإضافة هذه الفئات إلى العنصر.
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+    $("#target3").addClass("animated fadeOut");
+    $("button").removeClass("btn-default");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/jquery/clone-an-element-using-jquery.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/jquery/clone-an-element-using-jquery.arabic.md
new file mode 100644
index 0000000000..9ccd25645f
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/jquery/clone-an-element-using-jquery.arabic.md
@@ -0,0 +1,86 @@
+---
+id: bad87fee1348bd9aed508826
+title: Clone an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> بالإضافة إلى نقل العناصر ، يمكنك أيضًا نسخها من مكان إلى آخر. jQuery يحتوي على وظيفة تسمى <code>clone()</code> التي تجعل نسخة من عنصر. على سبيل المثال ، إذا أردنا نسخ <code>target2</code> من <code>left-well</code> إلى <code>$(&quot;#target2&quot;).clone().appendTo(&quot;#right-well&quot;);</code> <code>right-well</code> ، فسوف نستخدم: <code>$(&quot;#target2&quot;).clone().appendTo(&quot;#right-well&quot;);</code> هل لاحظت هذا ينطوي على الالتصاق اثنين من وظائف jQuery معا؟ وهذا ما يسمى <code>function chaining</code> وهي طريقة ملائمة لإنجاز المهام باستخدام jQuery. <code>target5</code> عنصر <code>target5</code> <code>left-well</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون عنصر <code>target5</code> داخل <code>right-well</code> .
+    testString: 'assert($("#right-well").children("#target5").length > 0, "Your <code>target5</code> element should be inside your <code>right-well</code>.");'
+  - text: يجب أيضًا أن تكون نسخة من عنصر <code>target5</code> داخل <code>target5</code> <code>left-well</code> .
+    testString: 'assert($("#left-well").children("#target5").length > 0, "A copy of your <code>target5</code> element should also be inside your <code>left-well</code>.");'
+  - text: ''
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to move these elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/jquery/delete-your-jquery-functions.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/jquery/delete-your-jquery-functions.arabic.md
new file mode 100644
index 0000000000..80a3aca9e5
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/jquery/delete-your-jquery-functions.arabic.md
@@ -0,0 +1,90 @@
+---
+id: bad87fee1348bd9aeda08726
+title: Delete Your jQuery Functions
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: حذف وظائف jQuery الخاصة بك
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: احذف جميع وظائف jQuery الثلاث من وظيفة <code>document ready function</code> .
+    testString: 'assert(code.match(/\{\s*\}\);/g), "Delete all three of your jQuery functions from your <code>document ready function</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/<script>/g), "Leave your <code>script</code> element intact.");'
+  - text: ''
+    testString: 'assert(code.match(/\$\(document\)\.ready\(function\(\)\s?\{/g), "Leave your <code>$&#40document&#41.ready&#40function&#40&#41 {</code> to the beginning of your <code>script</code> element.");'
+  - text: ''
+    testString: 'assert(code.match(/.*\s*\}\);/g), "Leave your "document ready function" closing <code>&#125;&#41;</code> intact.");'
+  - text: ''
+    testString: 'assert(code.match(/<\/script>/g) && code.match(/<script/g) && code.match(/<\/script>/g).length === code.match(/<script/g).length, "Leave your <code>script</code> element closing tag intact.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+    $("#target3").addClass("animated fadeOut");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/jquery/disable-an-element-using-jquery.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/jquery/disable-an-element-using-jquery.arabic.md
new file mode 100644
index 0000000000..bdc57abdb9
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/jquery/disable-an-element-using-jquery.arabic.md
@@ -0,0 +1,82 @@
+---
+id: bad87fee1348bd9aed808826
+title: Disable an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: قم بتعطيل زر <code>target1</code> الخاص بك.
+    testString: 'assert($("#target1") && $("#target1").prop("disabled") && code.match(/[""]disabled[""],( true|true)/g), "Disable your <code>target1</code> button.");'
+  - text: لا تقم بتعطيل أي أزرار أخرى.
+    testString: 'assert($("#target2") && !$("#target2").prop("disabled"), "Do not disable any other buttons.");'
+  - text: استخدم jQuery فقط لإضافة هذه الفئات إلى العنصر.
+    testString: 'assert(!code.match(/disabled[^<]*>/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/jquery/learn-how-script-tags-and-document-ready-work.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/jquery/learn-how-script-tags-and-document-ready-work.arabic.md
new file mode 100644
index 0000000000..6cfe1f9a94
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/jquery/learn-how-script-tags-and-document-ready-work.arabic.md
@@ -0,0 +1,75 @@
+---
+id: bad87fee1348bd9acdd08826
+title: Learn How Script Tags and Document Ready Work
+challengeType: 6
+videoUrl: ''
+localeTitle: تعلم كيفية عمل علامات Script والوثيقة
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/<\/script\s*>/g) && code.match(/<script(\sasync|\sdefer)*(\s(charset|src|type)\s*=\s*["\"]+[^"\"]*["\"]+)*(\sasync|\sdefer)*\s*>/g) && code.match(/<\/script\s*>/g).length === code.match(/<script(\sasync|\sdefer)*(\s(charset|src|type)\s*=\s*["\"]+[^"\"]*["\"]+)*(\sasync|\sdefer)*\s*>/g).length, "Create a <code>script</code> element making sure it is valid and has a closing tag.");'
+  - text: 'يجب إضافة <code>$(document).ready (function() {</code> إلى بداية عنصر <code>script</code> الخاص بك.'
+    testString: 'assert(code.match(/\$\s*?\(\s*?document\s*?\)\.ready\s*?\(\s*?function\s*?\(\s*?\)\s*?\{/g), "You should add <code>$&#40;document&#41;.ready<wbr>&#40;function&#40;&#41; {</code> to the beginning of your <code>script</code> element.");'
+  - text: ''
+    testString: 'assert(code.match(/\n*?\s*?\}\s*?\);/g), "Close your <code>$&#40;document&#41;.ready<wbr>&#40;function&#40;&#41; {</code> function with <code>}&#41;;</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/jquery/remove-an-element-using-jquery.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/jquery/remove-an-element-using-jquery.arabic.md
new file mode 100644
index 0000000000..85a05fbd2a
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/jquery/remove-an-element-using-jquery.arabic.md
@@ -0,0 +1,81 @@
+---
+id: bad87fee1348bd9aed708826
+title: Remove an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: إزالة عنصر باستخدام jQuery
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("#target4").length === 0 && code.match(/\$\([""]#target4[""]\).remove\(\)/g), "Use jQuery to remove your <code>target4</code> element from your page.");'
+  - text: استخدم jQuery فقط لإزالة هذا العنصر.
+    testString: 'assert(code.match(/id="target4/g) && !code.match(/<!--.*id="target4".*-->/g) && $("#right-well").length > 0, "Only use jQuery to remove this element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/jquery/remove-classes-from-an-element-with-jquery.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/jquery/remove-classes-from-an-element-with-jquery.arabic.md
new file mode 100644
index 0000000000..fbba166166
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/jquery/remove-classes-from-an-element-with-jquery.arabic.md
@@ -0,0 +1,87 @@
+---
+id: bad87fee1348bd9aed918626
+title: Remove Classes from an Element with jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: إزالة فئات من عنصر مع jQuery
+---
+
+## Description
+<section id="description"> بنفس الطريقة يمكنك إضافة فئات إلى عنصر مع <code>addClass()</code> jQuery ، يمكنك إزالتها باستخدام وظيفة <code>removeClass()</code> jQuery&#39;s. فيما يلي كيفية القيام بذلك لزر محدد: <code>$(&quot;#target2&quot;).removeClass(&quot;btn-default&quot;);</code> لنقم بإزالة فئة <code>btn-default</code> من كافة عناصر <code>button</code> بنا. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: قم بإزالة فئة <code>btn-default</code> من كافة عناصر <code>button</code> الخاصة بك.
+    testString: 'assert($(".btn-default").length === 0, "Remove the <code>btn-default</code> class from all of your <code>button</code> elements.");'
+  - text: استخدم jQuery فقط لإزالة هذه الفئة من العنصر.
+    testString: 'assert(code.match(/btn btn-default/g), "Only use jQuery to remove this class from the element.");'
+  - text: قم بإزالة فئة <code>btn-default</code> .
+    testString: 'assert(code.match(/\.[\v\s]*removeClass[\s\v]*\([\s\v]*("|")\s*btn-default\s*("|")[\s\v]*\)/gm), "Only remove the <code>btn-default</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+    $("#target3").addClass("animated fadeOut");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-a-specific-child-of-an-element-using-jquery.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-a-specific-child-of-an-element-using-jquery.arabic.md
new file mode 100644
index 0000000000..5205938aa8
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-a-specific-child-of-an-element-using-jquery.arabic.md
@@ -0,0 +1,92 @@
+---
+id: bad87fee1348bd9aed108826
+title: Target a Specific Child of an Element Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: استهداف طفل معين من عنصر باستخدام jQuery
+---
+
+## Description
+<section id="description"> لقد رأيت لماذا تكون سمات المعرفات ملائمة للغاية للاستهداف باستخدام محددات jQuery. ولكنك لن تمتلك دائمًا معرفات نظيفة. لحسن الحظ ، jQuery لديه بعض الحيل الأخرى لاستهداف العناصر الصحيحة. يستخدم jQuery محددات CSS لاستهداف العناصر. <code>target:nth-child(n)</code> يسمح لك CSS بتحديد كل العناصر nth مع الفئة المستهدفة أو نوع العنصر. في ما يلي كيفية إعطاء العنصر الثالث في كل فئة من فئات الارتداد: <code>$(&quot;.target:nth-child(3)&quot;).addClass(&quot;animated bounce&quot;);</code> اجعل الطفل الثاني في كل عنصر من عناصرك ترتد. يجب عليك تحديد عناصر العناصر مع الفئة <code>target</code> . </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($(".target:nth-child(2)").hasClass("animated") && $(".target:nth-child(2)").hasClass("bounce"), "The second element in your <code>target</code> elements should bounce.");'
+  - text: فقط اثنان عناصر سوفت ارتدت.
+    testString: 'assert($(".animated.bounce").length === 2, "Only two elements should bounce.");'
+  - text: 'يجب استخدام محدد <code>:nth-child()</code> لتعديل هذه العناصر.'
+    testString: 'assert(code.match(/\:nth-child\(/g), "You should use the <code>&#58;nth-child&#40&#41</code> selector to modify these elements.");'
+  - text: ''
+    testString: 'assert(code.match(/\$\(".target:nth-child\(2\)"\)/g) || code.match(/\$\(".target:nth-child\(2\)"\)/g) || code.match(/\$\(".target"\).filter\(":nth-child\(2\)"\)/g) || code.match(/\$\(".target"\).filter\(":nth-child\(2\)"\)/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+    $("#right-well").children().css("color", "orange");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-elements-by-class-using-jquery.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-elements-by-class-using-jquery.arabic.md
new file mode 100644
index 0000000000..1540015fce
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-elements-by-class-using-jquery.arabic.md
@@ -0,0 +1,81 @@
+---
+id: bad87fee1348bd9aedc08826
+title: Target Elements by Class Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> ترى كيف يمكننا جعل كل من لديك <code>button</code> عناصر ترتد؟ لقد اخترناها بـ <code>$(&quot;button&quot;)</code> ، ثم أضفنا بعض فئات CSS إليها باستخدام <code>.addClass(&quot;animated bounce&quot;);</code> . لقد استخدمت للتو وظيفة <code>.addClass()</code> jQuery&#39;s ، والتي تسمح لك بإضافة فئات إلى العناصر. أولاً ، دعنا نستهدف عناصر <code>div</code> مع الفصل <code>well</code> باستخدام محدد <code>$(&quot;.well&quot;)</code> . لاحظ أنه مثلما هو الحال مع إعلانات CSS ، فإنك تكتب a <code>.</code> قبل اسم الفصل. ثم استخدم مسج ل <code>.addClass()</code> وظيفة لإضافة فئات <code>animated</code> و <code>shake</code> . على سبيل المثال ، يمكنك جعل جميع العناصر ذات اهتزاز <code>text-primary</code> عن طريق إضافة ما يلي إلى <code>document ready function</code> : <code>$(&quot;.text-primary&quot;).addClass(&quot;animated shake&quot;);</code> </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($(".well").hasClass("animated") && $(".well").hasClass("shake"), "Use the jQuery <code>addClass&#40&#41</code> function to give the classes <code>animated</code> and <code>shake</code> to all your elements with the class <code>well</code>.");'
+  - text: استخدم jQuery فقط لإضافة هذه الفئات إلى العنصر.
+    testString: 'assert(!code.match(/class\.\*animated/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-elements-by-id-using-jquery.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-elements-by-id-using-jquery.arabic.md
new file mode 100644
index 0000000000..288a4d4fc2
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-elements-by-id-using-jquery.arabic.md
@@ -0,0 +1,86 @@
+---
+id: bad87fee1348bd9aeda08826
+title: Target Elements by id Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("#target3").hasClass("animated"), "Select the <code>button</code> element with the <code>id</code> of <code>target3</code> and use the jQuery <code>addClass&#40&#41</code> function to give it the class of <code>animated</code>.");'
+  - text: ''
+    testString: 'assert(($("#target3").hasClass("fadeOut") || $("#target3").hasClass("fadeout"))  && code.match(/\$\(\s*.#target3.\s*\)/g), "Target the element with the id <code>target3</code> and use the jQuery <code>addClass&#40&#41</code> function to give it the class <code>fadeOut</code>.");'
+  - text: ''
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-even-elements-using-jquery.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-even-elements-using-jquery.arabic.md
new file mode 100644
index 0000000000..fc831bad96
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-even-elements-using-jquery.arabic.md
@@ -0,0 +1,92 @@
+---
+id: bad87fee1348bd9aed008826
+title: Target Even Elements Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: الهدف حتى العناصر باستخدام jQuery
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: جميع العناصر <code>target</code> التي يعتقد jQuery أنها يجب أن تهتز.
+    testString: 'assert($(".target:even").hasClass("animated") && $(".target:even").hasClass("shake"), "All of the <code>target</code> elements that jQuery considers to be even should shake.");'
+  - text: 'يجب عليك استخدام <code>:even</code> selector لتعديل هذه العناصر.'
+    testString: 'assert(code.match(/\:even/g), "You should use the <code>&#58;even</code> selector to modify these elements.");'
+  - text: استخدم jQuery فقط لإضافة هذه الفئات إلى العنصر.
+    testString: 'assert(code.match(/\$\(".target:even"\)/g) || code.match(/\$\(".target:even"\)/g) || code.match(/\$\(".target"\).filter\(":even"\)/g) || code.match(/\$\(".target"\).filter\(":even"\)/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+    $("#right-well").children().css("color", "orange");
+    $("#left-well").children().css("color", "green");
+    $(".target:nth-child(2)").addClass("animated bounce");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-html-elements-with-selectors-using-jquery.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-html-elements-with-selectors-using-jquery.arabic.md
new file mode 100644
index 0000000000..4ac6b02844
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-html-elements-with-selectors-using-jquery.arabic.md
@@ -0,0 +1,84 @@
+---
+id: bad87fee1348bd9bedc08826
+title: Target HTML Elements with Selectors Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: عناصر HTML الهدف مع المحددات باستخدام jQuery
+---
+
+## Description
+<section id="description"> الآن لدينا <code>document ready function</code> . الآن دعونا نكتب أول بيان jQuery الخاص بي. تبدأ جميع وظائف jQuery بـ <code>$</code> ، يشار إليه عادةً <code>dollar sign operator</code> ، أو <code>bling</code> . غالبًا ما يحدد jQuery عنصر HTML مع <code>selector</code> ، ثم يقوم بشيء لهذا العنصر. على سبيل المثال، دعونا جعل كل من لديك <code>button</code> عناصر ترتد. ما عليك <code>$(&quot;button&quot;).addClass(&quot;animated bounce&quot;);</code> إضافة هذا الرمز داخل الدالة الجاهزة للمستند: <code>$(&quot;button&quot;).addClass(&quot;animated bounce&quot;);</code> لاحظ أننا قمنا بالفعل بتضمين مكتبة jQuery ومكتبة Animate.css في الخلفية حتى يمكنك استخدامها في المحرر. لذا فأنت تستخدم jQuery لتطبيق فئة <code>bounce</code> Animate.css على عناصر <code>button</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: استخدم الدالة jQuery <code>addClass()</code> لإعطاء الطبقات <code>animated</code> <code>bounce</code> إلى عناصر <code>button</code> .
+    testString: 'assert($("button").hasClass("animated") && $("button").hasClass("bounce"), "Use the jQuery <code>addClass&#40&#41</code> function to give the classes <code>animated</code> and <code>bounce</code> to your <code>button</code> elements.");'
+  - text: استخدم jQuery فقط لإضافة هذه الألوان إلى العنصر.
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to add these colors to the element.");'
+  - text: يجب أن يكون رمز jQuery الخاص بك ضمن <code>$(document).ready();</code> وظيفة.
+    testString: 'assert(code.match(/\$\(document\)\.ready\(function.*(\s|\n)*.*button.*.addClass.*\);/g), "Your jQuery code should be within the <code>$(document).ready();</code> function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-the-children-of-an-element-using-jquery.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-the-children-of-an-element-using-jquery.arabic.md
new file mode 100644
index 0000000000..7aac4d4d2b
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-the-children-of-an-element-using-jquery.arabic.md
@@ -0,0 +1,87 @@
+---
+id: bad87fee1348bd9aed208826
+title: Target the Children of an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: استهدف أطفال عنصر باستخدام jQuery
+---
+
+## Description
+<section id="description"> عندما يتم وضع عناصر HTML في مستوى واحد تحت مستوى آخر ، يتم تسمية <code>children</code> هذا العنصر. على سبيل المثال ، عناصر الزر في هذا التحدي بالنص &quot;# target1&quot; و &quot;# target2&quot; و &quot;# target3&quot; كلها <code>children</code> من عنصر <code>&lt;div class=&quot;well&quot; id=&quot;left-well&quot;&gt;</code> . jQuery لديه وظيفة تسمى <code>children()</code> تسمح لك بالوصول إلى أطفال أي عنصر قمت بتحديده. في ما يلي مثال على كيفية استخدامك الدالة <code>children()</code> لمنح أطفال عنصر <code>left-well</code> اللون <code>blue</code> : <code>$(&quot;#left-well&quot;).children().css(&quot;color&quot;, &quot;blue&quot;)</code> </section>
+
+## Instructions
+<section id="instructions"> امنح جميع أطفال عنصر <code>right-well</code> اللون باللون البرتقالي. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن يكون لدى جميع أطفال <code>#right-well</code> نص برتقالي.'
+    testString: 'assert($("#right-well").children().css("color") === "rgb(255, 165, 0)", "All children of <code>#right-well</code> should have orange text.");'
+  - text: ''
+    testString: 'assert(code.match(/\.children\(\)\.css/g), "You should use the <code>children&#40&#41</code> function to modify these elements.");'
+  - text: استخدم jQuery فقط لإضافة هذه الفئات إلى العنصر.
+    testString: 'assert(code.match(/<div class="well" id="right-well">/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-the-parent-of-an-element-using-jquery.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-the-parent-of-an-element-using-jquery.arabic.md
new file mode 100644
index 0000000000..99e16a32c4
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-the-parent-of-an-element-using-jquery.arabic.md
@@ -0,0 +1,91 @@
+---
+id: bad87fee1348bd9aed308826
+title: Target the Parent of an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون لعنصر <code>left-well</code> خلفية حمراء.
+    testString: 'assert($("#left-well").css("background-color") === "red" || $("#left-well").css("background-color") === "rgb(255, 0, 0)" || $("#left-well").css("background-color").toLowerCase() === "#ff0000" || $("#left-well").css("background-color").toLowerCase() === "#f00", "Your <code>left-well</code> element should have a red background.");'
+  - text: يجب عليك استخدام الدالة <code>.parent()</code> لتعديل هذا العنصر.
+    testString: 'assert(code.match(/\.parent\s*\(\s*\)\s*\.css/g), "You should use the <code>&#46;parent&#40;&#41;</code> function to modify this element.");'
+  - text: ''
+    testString: 'assert(code.match(/\$\s*?\(\s*?(?:"|")\s*?#target1\s*?(?:"|")\s*?\)\s*?\.parent/gi), "The <code>&#46;parent&#40;&#41;</code> method should be called on the <code>&#35;target1</code> element.");'
+  - text: ''
+    testString: 'assert(code.match(/<div class="well" id="left-well">/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<body>
+  <div class="container-fluid">
+    <h3 class="text-primary text-center">jQuery Playground</h3>
+    <div class="row">
+      <div class="col-xs-6">
+        <h4>#left-well</h4>
+        <div class="well" id="left-well">
+          <button class="btn btn-default target" id="target1">#target1</button>
+          <button class="btn btn-default target" id="target2">#target2</button>
+          <button class="btn btn-default target" id="target3">#target3</button>
+        </div>
+      </div>
+      <div class="col-xs-6">
+        <h4>#right-well</h4>
+        <div class="well" id="right-well">
+          <button class="btn btn-default target" id="target4">#target4</button>
+          <button class="btn btn-default target" id="target5">#target5</button>
+          <button class="btn btn-default target" id="target6">#target6</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-the-same-element-with-multiple-jquery-selectors.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-the-same-element-with-multiple-jquery-selectors.arabic.md
new file mode 100644
index 0000000000..7ba855fe05
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/jquery/target-the-same-element-with-multiple-jquery-selectors.arabic.md
@@ -0,0 +1,90 @@
+---
+id: bad87fee1348bd9aed908626
+title: Target the Same Element with Multiple jQuery Selectors
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: استخدم محدد <code>$(&quot;button&quot;)</code> .
+    testString: 'assert(code.match(/\$\s*?\(\s*?(?:"|")\s*?button\s*?(?:"|")/gi), "Use the <code>$&#40"button"&#41</code> selector.");'
+  - text: استخدم محدد <code>$(&quot;.btn&quot;)</code> .
+    testString: 'assert(code.match(/\$\s*?\(\s*?(?:"|")\s*?\.btn\s*?(?:"|")/gi), "Use the <code>$&#40".btn"&#41</code> selector.");'
+  - text: 'استخدم محدد <code>$(&quot;#target1&quot;)</code> .'
+    testString: 'assert(code.match(/\$\s*?\(\s*?(?:"|")\s*?#target1\s*?(?:"|")/gi), "Use the <code>$&#40"#target1"&#41</code> selector.");'
+  - text: أضف فئة واحدة فقط مع كل من الثلاثة المحددات.
+    testString: 'assert(code.match(/addClass/g) && code.match(/addClass\s*?\(\s*?("|")\s*?[\w-]+\s*?\1\s*?\)/g).length > 2, "Only add one class with each of your three selectors.");'
+  - text: 'يجب أن <code>#target1</code> عنصر <code>#target1</code> الخاص بك على الفئات <code>animated</code> ‚ <code>shake</code> و <code>btn-primary</code> .'
+    testString: 'assert($("#target1").hasClass("animated") && $("#target1").hasClass("shake") && $("#target1").hasClass("btn-primary"), "Your <code>#target1</code> element should have the classes <code>animated</code>&#130; <code>shake</code> and <code>btn-primary</code>.");'
+  - text: استخدم jQuery فقط لإضافة هذه الفئات إلى العنصر.
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/jquery/use-appendto-to-move-elements-with-jquery.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/jquery/use-appendto-to-move-elements-with-jquery.arabic.md
new file mode 100644
index 0000000000..41dca499ed
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/jquery/use-appendto-to-move-elements-with-jquery.arabic.md
@@ -0,0 +1,85 @@
+---
+id: bad87fee1348bd9aed608826
+title: Use appendTo to Move Elements with jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: استخدم appendTo لنقل العناصر باستخدام jQuery
+---
+
+## Description
+<section id="description"> الآن دعنا نحاول نقل العناصر من <code>div</code> إلى آخر. يحتوي jQuery على وظيفة تسمى <code>appendTo()</code> تسمح لك بتحديد عناصر HTML <code>appendTo()</code> بعنصر آخر. على سبيل المثال ، إذا أردنا نقل <code>target4</code> من اليمين إلى اليسار بشكل جيد ، <code>$(&quot;#target4&quot;).appendTo(&quot;#left-well&quot;);</code> : <code>$(&quot;#target4&quot;).appendTo(&quot;#left-well&quot;);</code> انقل عنصر <code>target2</code> من <code>left-well</code> <code>right-well</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب ألا يكون عنصر <code>target2</code> داخل <code>target2</code> <code>left-well</code> .
+    testString: 'assert($("#left-well").children("#target2").length === 0, "Your <code>target2</code> element should not be inside your <code>left-well</code>.");'
+  - text: يجب أن يكون عنصر <code>target2</code> داخل <code>right-well</code> .
+    testString: 'assert($("#right-well").children("#target2").length > 0, "Your <code>target2</code> element should be inside your <code>right-well</code>.");'
+  - text: استخدم jQuery فقط لنقل هذه العناصر.
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to move these elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/jquery/use-jquery-to-modify-the-entire-page.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/jquery/use-jquery-to-modify-the-entire-page.arabic.md
new file mode 100644
index 0000000000..f10470eb88
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/jquery/use-jquery-to-modify-the-entire-page.arabic.md
@@ -0,0 +1,90 @@
+---
+id: bad87fee1348bd9aecb08826
+title: Use jQuery to Modify the Entire Page
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: استخدم jQuery لتعديل الصفحة بأكملها
+---
+
+## Description
+<section id="description"> لقد انتهينا من اللعب في ملعب jQuery. دعونا تمزيقه! يمكن أن يستهدف jQuery عنصر <code>body</code> أيضًا. إليكم كيف سنجعل الجسم بأكمله يتلاشى: <code>$(&quot;body&quot;).addClass(&quot;animated fadeOut&quot;);</code> لكن لنفعل شيئًا أكثر دراماتيكية. أضف الطبقات <code>animated</code> <code>hinge</code> إلى عنصر <code>body</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: أضف الطبقات <code>animated</code> <code>hinge</code> إلى عنصر <code>body</code> .
+    testString: 'assert($("body").hasClass("animated") && $("body").hasClass("hinge"), "Add the classes <code>animated</code> and <code>hinge</code> to your <code>body</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+    $("#right-well").children().css("color", "orange");
+    $("#left-well").children().css("color", "green");
+    $(".target:nth-child(2)").addClass("animated bounce");
+    $(".target:even").addClass("animated shake");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/connect-redux-to-react.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/connect-redux-to-react.arabic.md
new file mode 100644
index 0000000000..b07a835af5
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/connect-redux-to-react.arabic.md
@@ -0,0 +1,93 @@
+---
+id: 5a24c314108439a4d4036147
+title: Connect Redux to React
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: قم بتوصيل Redux بالرد
+---
+
+## Description
+<section id="description"> الآن بعد أن قمت بكتابة <code>mapStateToProps()</code> <code>mapDispatchToProps()</code> ، يمكنك استخدامها لتعيين <code>state</code> <code>dispatch</code> إلى <code>props</code> لأحد مكونات React الخاصة بك. يمكن لأسلوب <code>connect</code> من React Redux التعامل مع هذه المهمة. تأخذ هذه الطريقة الوسيطتين الاختياريتين ، <code>mapStateToProps()</code> و <code>mapDispatchToProps()</code> . وهي اختيارية لأنه قد يكون لديك مكون يحتاج فقط إلى الوصول إلى <code>state</code> ولكنه لا يحتاج إلى إرسال أي إجراءات أو العكس. لاستخدام هذه الطريقة ، قم بتمرير الدوال كوسائط ، واتصل على الفور بالمكون الخاص بك. بناء الجملة هذا غير معتاد قليلاً ويشبه: <code>connect(mapStateToProps, mapDispatchToProps)(MyComponent)</code> <strong>ملاحظة:</strong> إذا كنت ترغب في حذف إحدى الوسيطات لأسلوب <code>connect</code> ، فأنت تقوم <code>null</code> في مكانها. </section>
+
+## Instructions
+<section id="instructions"> يحتوي محرر التعليمات البرمجية على <code>mapStateToProps()</code> و <code>mapDispatchToProps()</code> جديد يسمى <code>Presentational</code> . قم بتوصيل هذا المكون بـ Redux باستخدام طريقة <code>connect</code> من الكائن العالمي <code>ReactRedux</code> ، وقم <code>ReactRedux</code> فورًا على مكون <code>Presentational</code> . تعيين النتيجة إلى <code>const</code> جديدة تسمى <code>ConnectedComponent</code> يمثل المكون المتصل. هذا كل شيء ، الآن أنت متصل بـ Redux! حاول تغيير أي من وسائط <code>connect</code> إلى <code>null</code> ولاحظ نتائج الاختبار. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب <code>Presentational</code> مكون <code>Presentational</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("Presentational").length === 1; })(), "The <code>Presentational</code> component should render.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const props = mockedComponent.find("Presentational").props(); return props.messages === "__INITIAL__STATE__"; })(), "The <code>Presentational</code> component should receive a prop <code>messages</code> via <code>connect</code>.");'
+  - text: يجب أن يتلقى المكون <code>Presentational</code> a prop <code>submitNewMessage</code> عبر <code>connect</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const props = mockedComponent.find("Presentational").props(); return typeof props.submitNewMessage === "function"; })(), "The <code>Presentational</code> component should receive a prop <code>submitNewMessage</code> via <code>connect</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const addMessage = (message) => {
+  return {
+    type: 'ADD',
+    message: message
+  }
+};
+
+const mapStateToProps = (state) => {
+  return {
+    messages: state
+  }
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    submitNewMessage: (message) => {
+      dispatch(addMessage(message));
+    }
+  }
+};
+
+class Presentational extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return <h3>This is a Presentational Component</h3>
+  }
+};
+
+const connect = ReactRedux.connect;
+// change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/connect-redux-to-the-messages-app.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/connect-redux-to-the-messages-app.arabic.md
new file mode 100644
index 0000000000..8b48f76f13
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/connect-redux-to-the-messages-app.arabic.md
@@ -0,0 +1,161 @@
+---
+id: 5a24c314108439a4d4036148
+title: Connect Redux to the Messages App
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> الآن بعد أن فهمت كيفية استخدام <code>connect</code> للاتصال بـ React to Redux ، يمكنك تطبيق ما تعلمته على مكون React الذي يتعامل مع الرسائل. في الدرس الأخير ، تم تسمية المكون الذي اتصلت به إلى Redux باسم <code>Presentational</code> ، ولم يكن هذا العنصر تعسفياً. يشير هذا المصطلح <i>عمومًا</i> إلى مكونات React غير المتصلة بشكل مباشر بـ Redux. فهم مسؤولون ببساطة عن عرض واجهة المستخدم ويقومون بذلك كدالة للدعائم التي يتلقونها. على النقيض من ذلك ، يتم توصيل مكونات الحاوية إلى Redux. عادة ما تكون هذه مسؤولة عن إرسال إجراءات إلى المخزن وغالبًا ما تتجاوز حالة المخزن إلى مكونات الأطفال كدعامات. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يتم عرض <code>AppWrapper</code> إلى الصفحة.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("AppWrapper").length === 1; })(), "The <code>AppWrapper</code> should render to the page.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("Presentational").length === 1; })(), "The <code>Presentational</code> component should render an <code>h2</code>, <code>input</code>, <code>button</code>, and <code>ul</code> elements.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); return ( PresentationalComponent.find("div").length === 1 && PresentationalComponent.find("h2").length === 1 && PresentationalComponent.find("button").length === 1 && PresentationalComponent.find("ul").length === 1 ); })(), "The <code>Presentational</code> component should render an <code>h2</code>, <code>input</code>, <code>button</code>, and <code>ul</code> elements.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); const props = PresentationalComponent.props(); return Array.isArray(props.messages); })(), "The <code>Presentational</code> component should receive <code>messages</code> from the Redux store as a prop.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); const props = PresentationalComponent.props(); return typeof props.submitNewMessage === "function"; })(), "The <code>Presentational</code> component should receive the <code>submitMessage</code> action creator as a prop.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// Redux:
+const ADD = 'ADD';
+
+const addMessage = (message) => {
+  return {
+    type: ADD,
+    message: message
+  }
+};
+
+const messageReducer = (state = [], action) => {
+  switch (action.type) {
+    case ADD:
+      return [
+        ...state,
+        action.message
+      ];
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(messageReducer);
+
+// React:
+class Presentational extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      messages: []
+    }
+    this.handleChange = this.handleChange.bind(this);
+    this.submitMessage = this.submitMessage.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  submitMessage() {
+    const currentMessage = this.state.input;
+    this.setState({
+      input: ",
+      messages: this.state.messages.concat(currentMessage)
+    });
+  }
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange}/><br/>
+        <button onClick={this.submitMessage}>Submit</button>
+        <ul>
+          {this.state.messages.map( (message, idx) => {
+              return (
+                 <li key={idx}>{message}</li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+};
+
+// React-Redux:
+const mapStateToProps = (state) => {
+  return { messages: state }
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    submitNewMessage: (newMessage) => {
+       dispatch(addMessage(newMessage))
+    }
+  }
+};
+
+const Provider = ReactRedux.Provider;
+const connect = ReactRedux.connect;
+
+// define the Container component here:
+
+
+class AppWrapper extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    // complete the return statement:
+    return (null);
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/extract-local-state-into-redux.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/extract-local-state-into-redux.arabic.md
new file mode 100644
index 0000000000..7450c70aae
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/extract-local-state-into-redux.arabic.md
@@ -0,0 +1,168 @@
+---
+id: 5a24c314108439a4d4036149
+title: Extract Local State into Redux
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> أنت على وشك الإنتهاء! تذكر أنك كتبت كل رمز Redux بحيث يمكن لـ Redux التحكم في إدارة حالة تطبيق رسائل React. الآن بعد أن تم توصيل Redux ، تحتاج إلى استخراج إدارة الحالة من مكون <code>Presentational</code> وإلى Redux. حالياً ، لديك Redux متصل ، لكنك تتعامل مع الحالة محليًا داخل مكون <code>Presentational</code> . </section>
+
+## Instructions
+<section id="instructions"> في مكون <code>Presentational</code> أولاً ، قم بإزالة خاصية <code>messages</code> في <code>state</code> المحلية. ستتم إدارة هذه الرسائل بواسطة Redux. بعد ذلك ، قم بتعديل طريقة <code>submitMessage()</code> بحيث يتم إرسال <code>submitNewMessage()</code> من <code>this.props</code> ، وتمرير الإدخال الحالي للرسالة من <code>state</code> المحلية كوسيطة. نظرًا لأنك أزلت <code>messages</code> من الحالة المحلية ، فأزل خاصية <code>messages</code> من المكالمة إلى <code>this.setState()</code> هنا أيضًا. وأخيرًا ، قم بتعديل طريقة العرض <code>render()</code> بحيث يتم تعيينها على الرسائل المستلمة من <code>props</code> بدلاً من <code>state</code> . بمجرد إجراء هذه التغييرات ، سيستمر التطبيق في العمل كما هو ، باستثناء أن يقوم Redux بإدارة الحالة. يوضح هذا المثال أيضا كيف يمكن أن يكون المكون المحلي <code>state</code> : مكون الخاص بك لا يزال يتابع إدخال المستخدم محليا في الخاصة به <code>state</code> . يمكنك أن ترى كيف يوفر Redux إطارًا مفيدًا لإدارة الدولة أعلى React. لقد حققت النتيجة نفسها باستخدام حالة React المحلية فقط في البداية ، وهذا ممكن عادة باستخدام تطبيقات بسيطة. ومع ذلك ، عندما تصبح تطبيقاتك أكبر وأكثر تعقيدًا ، كذلك فإن إدارة الولاية لديك ، وهذه هي المشكلة التي يحلها Redux. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("AppWrapper").length === 1; })(), "The <code>AppWrapper</code> should render to the page.");'
+  - text: يجب أن يقوم مكون <code>Presentational</code> بعرض عناصر <code>h2</code> و <code>input</code> و <code>button</code> و <code>ul</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("Presentational").length === 1; })(), "The <code>Presentational</code> component should render an <code>h2</code>, <code>input</code>, <code>button</code>, and <code>ul</code> elements.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); return ( PresentationalComponent.find("div").length === 1 && PresentationalComponent.find("h2").length === 1 && PresentationalComponent.find("button").length === 1 && PresentationalComponent.find("ul").length === 1 ); })(), "The <code>Presentational</code> component should render an <code>h2</code>, <code>input</code>, <code>button</code>, and <code>ul</code> elements.");'
+  - text: يجب أن يتلقى المكون <code>Presentational</code> <code>messages</code> من مخزن Redux كدعم.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); const props = PresentationalComponent.props(); return Array.isArray(props.messages); })(), "The <code>Presentational</code> component should receive <code>messages</code> from the Redux store as a prop.");'
+  - text: يجب أن يتلقى المكون <code>Presentational</code> منشئ إجراء <code>submitMessage</code> كدعم.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); const props = PresentationalComponent.props(); return typeof props.submitNewMessage === "function"; })(), "The <code>Presentational</code> component should receive the <code>submitMessage</code> action creator as a prop.");'
+  - text: يجب أن تحتوي حالة المكون <code>Presentational</code> على خاصية واحدة ، <code>input</code> ، والتي تتم تهيئتها إلى سلسلة فارغة.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalState = mockedComponent.find("Presentational").instance().state; return typeof PresentationalState.input === "string" && Object.keys(PresentationalState).length === 1; })(), "The state of the <code>Presentational</code> component should contain one property, <code>input</code>, which is initialized to an empty string.");'
+  - text: ''
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const testValue = "__MOCK__INPUT__"; const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); let initialInput = mockedComponent.find("Presentational").find("input"); const changed = () => { causeChange(mockedComponent, testValue); return waitForIt(() => mockedComponent )}; const updated = await changed(); const updatedInput = updated.find("Presentational").find("input"); assert(initialInput.props().value === "" && updatedInput.props().value === "__MOCK__INPUT__", "Typing in the <code>input</code> element should update the state of the <code>Presentational</code> component."); }; '
+  - text: يجب أن يؤدي إرسال <code>submitMessage</code> على مكون <code>Presentational</code> تحديث مخزن Redux ومسح الإدخال في الحالة المحلية.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); let beforeProps = mockedComponent.find("Presentational").props(); const testValue = "__TEST__EVENT__INPUT__"; const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const changed = () => { causeChange(mockedComponent, testValue); return waitForIt(() => mockedComponent )}; const clickButton = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterChange = await changed(); const afterChangeInput = afterChange.find("input").props().value; const afterClick = await clickButton(); const afterProps = mockedComponent.find("Presentational").props(); assert(beforeProps.messages.length === 0 && afterChangeInput === testValue && afterProps.messages.pop() === testValue && afterClick.find("input").props().value === "", "Dispatching the <code>submitMessage</code> on the <code>Presentational</code> component should update Redux store and clear the input in local state."); }; '
+  - text: يجب أن يقوم المكون <code>Presentational</code> بعرض <code>messages</code> من مخزن Redux.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); let beforeProps = mockedComponent.find("Presentational").props(); const testValue = "__TEST__EVENT__INPUT__"; const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const changed = () => { causeChange(mockedComponent, testValue); return waitForIt(() => mockedComponent )}; const clickButton = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterChange = await changed(); const afterChangeInput = afterChange.find("input").props().value; const afterClick = await clickButton(); const afterProps = mockedComponent.find("Presentational").props(); assert(beforeProps.messages.length === 0 && afterChangeInput === testValue && afterProps.messages.pop() === testValue && afterClick.find("input").props().value === "" && afterClick.find("ul").childAt(0).text() === testValue, "The <code>Presentational</code> component should render the <code>messages</code> from the Redux store."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// Redux:
+const ADD = 'ADD';
+
+const addMessage = (message) => {
+  return {
+    type: ADD,
+    message: message
+  }
+};
+
+const messageReducer = (state = [], action) => {
+  switch (action.type) {
+    case ADD:
+      return [
+        ...state,
+        action.message
+      ];
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(messageReducer);
+
+// React:
+const Provider = ReactRedux.Provider;
+const connect = ReactRedux.connect;
+
+// Change code below this line
+class Presentational extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      messages: []
+    }
+    this.handleChange = this.handleChange.bind(this);
+    this.submitMessage = this.submitMessage.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  submitMessage() {
+    this.setState({
+      input: ",
+      messages: this.state.messages.concat(this.state.input)
+    });
+  }
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange}/><br/>
+        <button onClick={this.submitMessage}>Submit</button>
+        <ul>
+          {this.state.messages.map( (message, idx) => {
+              return (
+                 <li key={idx}>{message}</li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+};
+// Change code above this line
+
+const mapStateToProps = (state) => {
+  return {messages: state}
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    submitNewMessage: (message) => {
+      dispatch(addMessage(message))
+    }
+  }
+};
+
+const Container = connect(mapStateToProps, mapDispatchToProps)(Presentational);
+
+class AppWrapper extends React.Component {
+  render() {
+    return (
+      <Provider store={store}>
+        <Container/>
+      </Provider>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/extract-state-logic-to-redux.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/extract-state-logic-to-redux.arabic.md
new file mode 100644
index 0000000000..b252cb5f31
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/extract-state-logic-to-redux.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 5a24c314108439a4d4036143
+title: Extract State Logic to Redux
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: استخراج الدولة المنطق إلى Redux
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(ADD === "ADD", "The const <code>ADD</code> should exist and hold a value equal to the string <code>ADD</code>");'
+  - text: ''
+    testString: 'assert((function() { const addAction = addMessage("__TEST__MESSAGE__"); return addAction.type === ADD && addAction.message === "__TEST__MESSAGE__"; })(), "The action creator <code>addMessage</code> should return an object with <code>type</code> equal to <code>ADD</code> and message equal to the message that is passed in.");'
+  - text: <code>messageReducer</code> يجب أن تكون وظيفة.
+    testString: 'assert(typeof messageReducer === "function", "<code>messageReducer</code> should be a function.");'
+  - text: ''
+    testString: 'assert((function() { const initialState = store.getState(); return typeof store === "object" && initialState.length === 0; })(), "The store should exist and have an initial state set to an empty array.");'
+  - text: ''
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch(addMessage("__A__TEST__MESSAGE")); const addState = store.getState(); return (isFrozen && addState[0] === "__A__TEST__MESSAGE"); })(), "Dispatching <code>addMessage</code> against the store should immutably add a new message to the array of messages held in state.");'
+  - text: يجب أن تقوم <code>messageReducer</code> بإرجاع الحالة الحالية إذا تمت دعوتها مع أي إجراءات أخرى.
+    testString: 'assert((function() { const addState = store.getState(); store.dispatch({type: "FAKE_ACTION"}); const testState = store.getState(); return (addState === testState); })(), "The <code>messageReducer</code> should return the current state if called with any other actions.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// define ADD, addMessage(), messageReducer(), and store here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/getting-started-with-react-redux.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/getting-started-with-react-redux.arabic.md
new file mode 100644
index 0000000000..97ac2ff356
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/getting-started-with-react-redux.arabic.md
@@ -0,0 +1,69 @@
+---
+id: 5a24c314108439a4d4036141
+title: Getting Started with React Redux
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: الابتداء مع React Redux
+---
+
+## Description
+<section id="description"> تقدم هذه السلسلة من التحديات كيفية استخدام Redux مع React. أولاً ، إليك مراجعة لبعض المبادئ الأساسية لكل تقنية. React هي مكتبة ملفات شخصية تقدمها مع البيانات ، ثم تعرض طريقة العرض بطريقة فعالة ويمكن التنبؤ بها. Redux هو إطار عمل لإدارة الولاية يمكنك استخدامه لتبسيط إدارة حالة التطبيق الخاص بك. عادةً ، في تطبيق React Redux ، يمكنك إنشاء متجر Redux واحد يدير حالة تطبيقك بالكامل. تشترك مكونات React الخاص بك في أجزاء البيانات الموجودة في المتجر ذات الصلة بدورها فقط. بعد ذلك ، يمكنك إرسال الإجراءات مباشرة من مكونات React ، والتي تؤدي بعد ذلك إلى تشغيل تحديثات المتجر. على الرغم من أن مكونات React تستطيع إدارة حالتها محليًا ، عندما يكون لديك تطبيق معقد ، فمن الأفضل بشكل عام الاحتفاظ بحالة التطبيق في موقع واحد باستخدام Redux. هناك استثناءات عندما تكون المكونات الفردية لها حالة محلية خاصة بها فقط. أخيرًا ، نظرًا لأن Redux غير مصمم للعمل مع React out of the box ، فأنت بحاجة إلى استخدام حزمة <code>react-redux</code> . وهو يوفر طريقة لتمرير مسترجع <code>state</code> و <code>dispatch</code> لديك رد فعل المكونات كما <code>props</code> . خلال التحديات القليلة التالية ، أولاً ، ستقوم بإنشاء مكون React بسيط يسمح لك بإدخال رسائل نصية جديدة. تتم إضافة هذه إلى صفيف معروض في طريقة العرض. هذا يجب أن يكون مراجعة لطيفة لما تعلمته في دروس React. بعد ذلك ، ستقوم بإنشاء مخزن وإجراءات Redux التي تدير حالة مصفوفة الرسائل. وأخيرًا ، ستستخدم <code>react-redux</code> لتوصيل مخزن Redux بالمكون الخاص بك ، وبالتالي استخراج الحالة المحلية في مخزن Redux. </section>
+
+## Instructions
+<section id="instructions"> ابدأ بمكون <code>DisplayMessages</code> . أضف مُنشئًا إلى هذا المكوّن وأعد تهيئة هذه الحالة بحالة تحتوي على خاصيتين: <code>input</code> ، يتم تعيينها على سلسلة فارغة ، <code>messages</code> ، يتم تعيينها على مصفوفة فارغة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم مكون <code>DisplayMessages</code> بعرض عنصر <code>div</code> فارغ.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); return mockedComponent.find("div").text() === "" })(), "The <code>DisplayMessages</code> component should render an empty <code>div</code> element.");'
+  - text: يجب استدعاء منشئ <code>DisplayMessages</code> بشكل صحيح مع <code>super</code> ، يمر في <code>props</code> .
+    testString: 'getUserInput => assert((function() { const noWhiteSpace = getUserInput("index").replace(/\s/g,""); return noWhiteSpace.includes("constructor(props)") && noWhiteSpace.includes("super(props"); })(), "The <code>DisplayMessages</code> constructor should be called properly with <code>super</code>, passing in <code>props</code>.");'
+  - text: 'يجب أن يكون لمكون <code>DisplayMessages</code> حالة أولية تساوي <code>{input: &quot;&quot;, messages: []}</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const initialState = mockedComponent.state(); return typeof initialState === "object" && initialState.input === "" && Array.isArray(initialState.messages) && initialState.messages.length === 0; })(), "The <code>DisplayMessages</code> component should have an initial state equal to <code>{input: "", messages: []}</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class DisplayMessages extends React.Component {
+  // change code below this line
+
+  // change code above this line
+  render() {
+    return <div />
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/manage-state-locally-first.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/manage-state-locally-first.arabic.md
new file mode 100644
index 0000000000..16cd7ec5c9
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/manage-state-locally-first.arabic.md
@@ -0,0 +1,88 @@
+---
+id: 5a24c314108439a4d4036142
+title: Manage State Locally First
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: إدارة الدولة محليا أولا
+---
+
+## Description
+<section id="description"> هنا ستنتهي من إنشاء مكون <code>DisplayMessages</code> . </section>
+
+## Instructions
+<section id="instructions"> أولاً ، في الطريقة <code>render()</code> ، اجعل المكون يعرض عنصر <code>input</code> ، عنصر <code>button</code> ، وعنصر <code>ul</code> . عندما يتغير عنصر <code>input</code> ، يجب أن يقوم بتشغيل أسلوب <code>handleChange()</code> . أيضًا ، يجب أن يعرض عنصر <code>input</code> قيمة <code>input</code> في حالة المكوِّن. يجب أن يقوم عنصر <code>button</code> بتشغيل طريقة <code>submitMessage()</code> عند النقر عليها. ثانيًا ، اكتب هذين الأسلوبين. يجب أن تقوم الطريقة <code>handleChange()</code> بتحديث <code>input</code> بما <code>handleChange()</code> المستخدم. يجب أن تسلسل طريقة <code>submitMessage()</code> الرسالة الحالية (المخزنة في <code>input</code> ) إلى مصفوفة <code>messages</code> في الحالة المحلية ، ومسح قيمة <code>input</code> . وأخيرًا ، استخدم <code>ul</code> لتعيين أكثر من مجموعة من <code>messages</code> وعرضها على الشاشة كقائمة من عناصر <code>li</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب تهيئة مكون <code>DisplayMessages</code> بحالة مساوية <code>{ input: &quot;&quot;, messages: [] }</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const initialState = mockedComponent.state(); return ( typeof initialState === "object" && initialState.input === "" && initialState.messages.length === 0); })(), "The <code>DisplayMessages</code> component should initialize with a state equal to <code>{ input: "", messages: [] }</code>.");'
+  - text: يجب أن يقوم مكون <code>DisplayMessages</code> بعرض <code>div</code> يحتوي على عنصر <code>h2</code> ، وعنصر <code>button</code> ، وعنصر <code>ul</code> ، وعناصر <code>li</code> كأطفال.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const state = () => { mockedComponent.setState({messages: ["__TEST__MESSAGE"]}); return waitForIt(() => mockedComponent )}; const updated = await state(); assert(updated.find("div").length === 1 && updated.find("h2").length === 1 && updated.find("button").length === 1 && updated.find("ul").length === 1, "The <code>DisplayMessages</code> component should render a <code>div</code> containing an <code>h2</code> element, a <code>button</code> element, a <code>ul</code> element, and <code>li</code> elements as children."); }; '
+  - text: يجب أن يؤدي عنصر <code>input</code> عرض قيمة <code>input</code> في الحالة المحلية.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const testValue = "__TEST__EVENT__INPUT"; const changed = () => { causeChange(mockedComponent, testValue); return waitForIt(() => mockedComponent )}; const updated = await changed(); assert(updated.find("input").props().value === testValue, "The <code>input</code> element should render the value of <code>input</code> in local state."); }; '
+  - text: يجب استدعاء الأسلوب <code>handleChange</code> تحديث قيمة <code>input</code> في الحالة إلى الإدخال الحالي.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const initialState = mockedComponent.state(); const testMessage = "__TEST__EVENT__MESSAGE__"; const changed = () => { causeChange(mockedComponent, testMessage); return waitForIt(() => mockedComponent )}; const afterInput = await changed(); assert(initialState.input === "" && afterInput.state().input === "__TEST__EVENT__MESSAGE__", "Calling the method <code>handleChange</code> should update the <code>input</code> value in state to the current input.");  }; '
+  - text: يجب النقر فوق الزر &quot; <code>Add message</code> استدعاء الأسلوب <code>submitMessage</code> الذي يجب إضافة <code>input</code> الحالي إلى صفيف <code>messages</code> في الحالة.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const initialState = mockedComponent.state(); const testMessage_1 = "__FIRST__MESSAGE__"; const firstChange = () => { causeChange(mockedComponent, testMessage_1); return waitForIt(() => mockedComponent )}; const firstResult = await firstChange(); const firstSubmit = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterSubmit_1 = await firstSubmit(); const submitState_1 = afterSubmit_1.state(); const testMessage_2 = "__SECOND__MESSAGE__"; const secondChange = () => { causeChange(mockedComponent, testMessage_2); return waitForIt(() => mockedComponent )}; const secondResult = await secondChange(); const secondSubmit = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterSubmit_2 = await secondSubmit(); const submitState_2 = afterSubmit_2.state(); assert(initialState.messages.length === 0 && submitState_1.messages.length === 1 && submitState_2.messages.length === 2 && submitState_2.messages[1] === testMessage_2, "Clicking the <code>Add message</code> button should call the method <code>submitMessage</code> which should add the current <code>input</code> to the <code>messages</code> array in state."); }; '
+  - text: يجب أن تقوم طريقة <code>submitMessage</code> بمسح الإدخال الحالي.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const initialState = mockedComponent.state(); const testMessage = "__FIRST__MESSAGE__"; const firstChange = () => { causeChange(mockedComponent, testMessage); return waitForIt(() => mockedComponent )}; const firstResult = await firstChange(); const firstState = firstResult.state(); const firstSubmit = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterSubmit = await firstSubmit(); const submitState = afterSubmit.state(); assert(firstState.input === testMessage && submitState.input === "", "The <code>submitMessage</code> method should clear the current input."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class DisplayMessages extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      messages: []
+    }
+  }
+  // add handleChange() and submitMessage() methods here
+
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        { /* render an input, button, and ul here */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/map-dispatch-to-props.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/map-dispatch-to-props.arabic.md
new file mode 100644
index 0000000000..7a8d402274
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/map-dispatch-to-props.arabic.md
@@ -0,0 +1,63 @@
+---
+id: 5a24c314108439a4d4036146
+title: Map Dispatch to Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { const addMessageTest = addMessage(); return ( addMessageTest.hasOwnProperty("type") && addMessageTest.hasOwnProperty("message")); })(), "<code>addMessage</code> should return an object with keys <code>type</code> and <code>message</code>.");'
+  - text: ''
+    testString: 'assert(typeof mapDispatchToProps === "function", "<code>mapDispatchToProps</code> should be a function.");'
+  - text: يجب أن ترجع <code>mapDispatchToProps</code> كائن.
+    testString: 'assert(typeof mapDispatchToProps() === "object", "<code>mapDispatchToProps</code> should return an object.");'
+  - text: ''
+    testString: 'assert((function() { let testAction; const dispatch = (fn) => { testAction = fn; }; let dispatchFn = mapDispatchToProps(dispatch); dispatchFn.submitNewMessage("__TEST__MESSAGE__"); return (testAction.type === "ADD" && testAction.message === "__TEST__MESSAGE__"); })(), "Dispatching <code>addMessage</code> with <code>submitNewMessage</code> from <code>mapDispatchToProps</code> should return a message to the dispatch function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const addMessage = (message) => {
+  return {
+    type: 'ADD',
+    message: message
+  }
+};
+
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/map-state-to-props.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/map-state-to-props.arabic.md
new file mode 100644
index 0000000000..575f055e2c
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/map-state-to-props.arabic.md
@@ -0,0 +1,58 @@
+---
+id: 5a24c314108439a4d4036145
+title: Map State to Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: خريطة الدولة إلى الدعائم
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> قم بإنشاء <code>mapStateToProps()</code> دالة. يجب أن تأخذ هذه الدالة <code>state</code> كوسيطة ، ثم تقوم بإرجاع كائن يقوم بتعيين هذه الحالة إلى أسماء خصائص محددة. ستصبح هذه الخصائص متاحة للمكون الخاص بك عبر <code>props</code> . نظرًا لأن هذا المثال يحافظ على الحالة الكاملة للتطبيق في صفيف واحد ، فيمكنك تمرير هذه الحالة بأكملها إلى المكون الخاص بك. قم بإنشاء <code>messages</code> خاصية في الكائن الذي يتم إرجاعه وتعيينه إلى <code>state</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: وCONST <code>state</code> يجب أن تكون مجموعة فارغة.
+    testString: 'assert(Array.isArray(state) && state.length === 0, "The const <code>state</code> should be an empty array.");'
+  - text: ''
+    testString: 'assert(typeof mapStateToProps === "function", "<code>mapStateToProps</code> should be a function.");'
+  - text: ''
+    testString: 'assert(typeof mapStateToProps() === "object", "<code>mapStateToProps</code> should return an object.");'
+  - text: ''
+    testString: 'assert(mapStateToProps(["messages"]).messages.pop() === "messages", "Passing an array as state to <code>mapStateToProps</code> should return this array assigned to a key of <code>messages</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const state = [];
+
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/moving-forward-from-here.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/moving-forward-from-here.arabic.md
new file mode 100644
index 0000000000..cea4af5c15
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/moving-forward-from-here.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 5a24c314108439a4d403614a
+title: Moving Forward From Here
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> تهانينا! لقد أنهيت الدروس في React و Redux. هناك عنصر أخير يستحق الإشارة إليه قبل الانتقال. عادة ، لن تكتب تطبيقات React في محرر رمز مثل هذا. يمنحك هذا التحدي لمحة عن الشكل الذي تبدو عليه إذا كنت تعمل مع npm ونظام ملفات على جهازك الخاص. يجب أن تبدو التعليمات البرمجية مشابهة ، فيما عدا استخدام عبارات <code>import</code> (هذه السحب في كافة التبعيات التي تم توفيرها لك في التحديات). يغطي قسم &quot;إدارة الحزم باستخدام npm&quot; npm بمزيد من التفاصيل. وأخيرًا ، تتطلب كتابة React و Redux code بشكل عام بعض التهيئة. هذا يمكن أن تتعقد بسرعة. إذا كنت مهتمًا بالتجربة على جهازك الخاص ، فإن <a id="CRA" target="_blank" href="https://github.com/facebookincubator/create-react-app">تطبيق &quot;إنشاء التفاعلات&quot;</a> يأتي مهيئًا ومستعدًا للانطلاق. بدلاً من ذلك ، يمكنك تمكين Babel باعتباره المعالج المسبق لـ JavaScript في CodePen ، وإضافة React و ReactDOM كموارد جافا سكريبت خارجية ، والعمل هناك أيضًا. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(editor.getValue().includes("console.log("Now I know React and Redux!")") || editor.getValue().includes("console.log(\"Now I know React and Redux!\")"), "The message <code>Now I know React and Redux!</code> should be logged to the console.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// import React from 'react'
+// import ReactDOM from 'react-dom'
+// import { Provider, connect } from 'react-redux'
+// import { createStore, combineReducers, applyMiddleware } from 'redux'
+// import thunk from 'redux-thunk'
+
+// import rootReducer from './redux/reducers'
+// import App from './components/App'
+
+// const store = createStore(
+//   rootReducer,
+//   applyMiddleware(thunk)
+// );
+
+// ReactDOM.render(
+//   <Provider store={store}>
+//     <App/>
+//   </Provider>,
+//   document.getElementById('root')
+// );
+
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/use-provider-to-connect-redux-to-react.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/use-provider-to-connect-redux-to-react.arabic.md
new file mode 100644
index 0000000000..b3b16cd392
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/use-provider-to-connect-redux-to-react.arabic.md
@@ -0,0 +1,141 @@
+---
+id: 5a24c314108439a4d4036144
+title: Use Provider to Connect Redux to React
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> في التحدي الأخير ، قمت بإنشاء مخزن Redux للتعامل مع صفيف الرسائل وقمت بإنشاء إجراء لإضافة رسائل جديدة. الخطوة التالية هي توفير إمكانية الوصول إلى متجر Redux والإجراءات التي يحتاجها لإرسال التحديثات. يقدم React Redux حزمة <code>react-redux</code> للمساعدة في إنجاز هذه المهام. يوفر React Redux واجهة برمجة تطبيقات صغيرة مع ميزتين رئيسيتين: <code>Provider</code> <code>connect</code> . تحد آخر يشمل <code>connect</code> . <code>Provider</code> عبارة عن مكون مجمّع من React Redux يلف تطبيق React. يتيح لك هذا المجمّع بعد ذلك الوصول إلى <code>store</code> Redux ووظائف <code>dispatch</code> عبر شجرة المكونات. يأخذ <code>Provider</code> اثنين من الأدوات الدعائية ، وهما متجر Redux والمكونات الفرعية لتطبيقك. قد يبدو تعريف <code>Provider</code> أحد مكونات التطبيق كما يلي: <blockquote style=";text-align:right;direction:rtl"> &lt;provider store = {store}&gt; <br> &lt;التطبيق /&gt; <br> &lt;/ مزود&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> يعرض محرر الشفرة الآن جميع رموز Redux و React من التحديات العديدة الماضية. يتضمن مخزن Redux والإجراءات ومكون <code>DisplayMessages</code> . والجزء الجديد الوحيد هو مكون <code>AppWrapper</code> في الجزء السفلي. استخدم مكون المستوى الأعلى هذا لعرض <code>Provider</code> من <code>ReactRedux</code> ، وتمرير مخزن Redux كدعم. ثم عرض مكون <code>DisplayMessages</code> كطفل. بمجرد الانتهاء ، سترى مكون React الخاص بك مقدم إلى الصفحة. <strong>ملاحظة:</strong> React Redux متاح كمتغير شامل هنا ، حتى تتمكن من الوصول إلى مقدم الخدمة باستخدام ميزة التدوين النقطي. التعليمات البرمجية في المحرر الاستفادة من هذا وتعيينه إلى <code>Provider</code> ثابت لك لاستخدامه في طريقة تقديم <code>AppWrapper</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يتم عرض <code>AppWrapper</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("AppWrapper").length === 1; })(), "The <code>AppWrapper</code> should render.");'
+  - text: يجب أن يكون مكون مجمّع <code>Provider</code> يحتوي على <code>store</code> دعامة تم تمريره إليه ، يساوي مخزن Redux.
+    testString: 'getUserInput => assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return getUserInput("index").replace(/\s/g,"").includes("<Providerstore={store}>"); })(), "The <code>Provider</code> wrapper component should have a prop of <code>store</code> passed to it, equal to the Redux store.");'
+  - text: يجب أن يتم عرض <code>DisplayMessages</code> كطفل من <code>AppWrapper</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("AppWrapper").find("DisplayMessages").length === 1; })(), "<code>DisplayMessages</code> should render as a child of <code>AppWrapper</code>.");'
+  - text: يجب أن يقوم مكون <code>DisplayMessages</code> بعرض عنصر h2 و input و button و <code>ul</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("div").length === 1 && mockedComponent.find("h2").length === 1 && mockedComponent.find("button").length === 1 && mockedComponent.find("ul").length === 1; })(), "The <code>DisplayMessages</code> component should render an h2, input, button, and <code>ul</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// Redux Code:
+const ADD = 'ADD';
+
+const addMessage = (message) => {
+  return {
+    type: ADD,
+    message
+  }
+};
+
+const messageReducer = (state = [], action) => {
+  switch (action.type) {
+    case ADD:
+      return [
+        ...state,
+        action.message
+      ];
+    default:
+      return state;
+  }
+};
+
+
+
+const store = Redux.createStore(messageReducer);
+
+// React Code:
+
+class DisplayMessages extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      messages: []
+    }
+    this.handleChange = this.handleChange.bind(this);
+    this.submitMessage = this.submitMessage.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  submitMessage() {
+    const currentMessage = this.state.input;
+    this.setState({
+      input: ",
+      messages: this.state.messages.concat(currentMessage)
+    });
+  }
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange}/><br/>
+        <button onClick={this.submitMessage}>Submit</button>
+        <ul>
+          {this.state.messages.map( (message, idx) => {
+              return (
+                 <li key={idx}>{message}</li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+};
+
+const Provider = ReactRedux.Provider;
+
+class AppWrapper extends React.Component {
+  // render the Provider here
+
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/access-props-using-this.props.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/access-props-using-this.props.arabic.md
new file mode 100644
index 0000000000..5b0aa2221f
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/access-props-using-this.props.arabic.md
@@ -0,0 +1,99 @@
+---
+id: 5a24c314108439a4d403616e
+title: Access Props Using this.props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> غطت التحديات الأخيرة عدة الطرق الأساسية لتمرير الدعائم لمكونات الطفل. ولكن ماذا لو كان المكون الفرعي الذي تقوم بتمرير دعم له مكون فئة ES6 بدلاً من مكون وظيفي عديم الحالة؟ يستخدم مكون الفئة ES6 اصطلاحًا مختلفًا قليلاً للوصول إلى الدعائم. في أي وقت تشير إلى مكون فئة داخل نفسه ، يمكنك استخدام <code>this</code> الكلمة. للوصول إلى الدعائم داخل مكون فئة ، يمكنك تهيئة الرمز الذي تستخدمه للوصول إليه باستخدام <code>this</code> العنصر. على سبيل المثال ، إذا كان مكون فئة ES6 يحتوي على دعامة تسمى <code>data</code> ، <code>{this.props.data}</code> في <code>{this.props.data}</code> . </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.children().type() === "div"; })(), "The <code>ResetPassword</code> component should return a single <code>div</code> element.");'
+  - text: الطفل الرابع من <code>ResetPassword</code> يجب أن يكون <code>ReturnTempPassword</code> المكون.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.children().childAt(3).name() === "ReturnTempPassword"; })(), "The fourth child of <code>ResetPassword</code> should be the <code>ReturnTempPassword</code> component.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.find("ReturnTempPassword").props().tempPassword; })(), "The <code>ReturnTempPassword</code> component should have a prop called <code>tempPassword</code>.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); const temp = mockedComponent.find("ReturnTempPassword").props().tempPassword; return typeof temp === "string" && temp.length >= 8; })(), "The <code>tempPassword</code> prop of <code>ReturnTempPassword</code> should be equal to a string of at least <code>8</code> characters.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.find("strong").text() === mockedComponent.find("ReturnTempPassword").props().tempPassword; })(), "The <code>ReturnTempPassword</code> component should display the password you create as the <code>tempPassword</code> prop within <code>strong</code> tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class ReturnTempPassword extends React.Component {
+  constructor(props) {
+    super(props);
+
+  }
+  render() {
+    return (
+        <div>
+            { /* change code below this line */ }
+            <p>Your temporary password is: <strong></strong></p>
+            { /* change code above this line */ }
+        </div>
+    );
+  }
+};
+
+class ResetPassword extends React.Component {
+  constructor(props) {
+    super(props);
+
+  }
+  render() {
+    return (
+        <div>
+          <h2>Reset Password</h2>
+          <h3>We've generated a new temporary password for you.</h3>
+          <h3>Please reset this password from your account settings ASAP.</h3>
+          { /* change code below this line */ }
+
+          { /* change code above this line */ }
+        </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/add-comments-in-jsx.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/add-comments-in-jsx.arabic.md
new file mode 100644
index 0000000000..4abd9ab189
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/add-comments-in-jsx.arabic.md
@@ -0,0 +1,69 @@
+---
+id: 5a24bbe0dba28a8d3cbd4c5e
+title: Add Comments in JSX
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> يحتوي محرر التعليمة البرمجية على عنصر JSX مشابه لما قمت بإنشائه في التحدي الأخير. أضف تعليقًا في مكان ما داخل عنصر <code>div</code> المقدم ، بدون تعديل عناصر <code>h1</code> أو <code>p</code> الحالية. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب على <code>JSX</code> المستمر إرجاع عنصر <code>div</code> .
+    testString: 'assert(JSX.type === "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: يجب أن يحتوي <code>div</code> على علامة <code>h1</code> باعتبارها العنصر الأول.
+    testString: 'assert(JSX.props.children[0].type === "h1", "The <code>div</code> should contain an <code>h1</code> tag as the first element.");'
+  - text: يجب أن يحتوي <code>div</code> على علامة <code>p</code> كعنصر ثانٍ.
+    testString: 'assert(JSX.props.children[1].type === "p", "The <code>div</code> should contain a <code>p</code> tag as the second element.");'
+  - text: يجب أن تتضمن <code>JSX</code> تعليقًا.
+    testString: 'getUserInput => assert(getUserInput("index").includes("/*") && getUserInput("index").includes("*/"), "The <code>JSX</code> should include a comment.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = (
+  <div>
+    <h1>This is a block of JSX</h1>
+    <p>Here's a subtitle</p>
+  </div>
+);
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/add-event-listeners.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/add-event-listeners.arabic.md
new file mode 100644
index 0000000000..4808b6d52d
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/add-event-listeners.arabic.md
@@ -0,0 +1,98 @@
+---
+id: 5a24c314108439a4d403617e
+title: Add Event Listeners
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: اضافة المستمعين الحدث
+---
+
+## Description
+<section id="description"> تعد طريقة <code>componentDidMount()</code> هي أيضًا أفضل مكان لإرفاق أي مستمعين للحدث تحتاج إلى إضافته للحصول على وظائف محددة. يوفر React نظام أحداث تركيبية يلتف حول نظام الأحداث الأصلي في المتصفحات. هذا يعني أن نظام الأحداث الاصطناعية يتصرف بالضبط نفس الشيء بغض النظر عن متصفح المستخدم - حتى لو كانت الأحداث الأصلية قد تتصرف بشكل مختلف بين المتصفحات المختلفة. لقد سبق لك استخدام بعض معالجات الأحداث الاصطناعية هذه ، مثل <code>onClick()</code> . يعد نظام الحدث الصناعي React رائعًا لاستخدامه لمعظم التفاعلات التي ستديرها على عناصر DOM. ومع ذلك ، إذا كنت تريد إرفاق معالج أحداث إلى كائنات المستند أو النافذة ، يجب عليك القيام بذلك مباشرة. </section>
+
+## Instructions
+<section id="instructions"> إرفاق مستمع حدث في أسلوب <code>componentDidMount()</code> لأحداث <code>keydown</code> وقم بتشغيل هذه الأحداث <code>handleKeyPress()</code> callback. يمكنك استخدام <code>document.addEventListener()</code> الذي يأخذ الحدث (بين علامتي الاقتباس) كوسيطة أولى والاستدعاء كالوسيطة الثانية. ثم ، في <code>componentWillUnmount()</code> ، إزالة هذا الإصغاء الحدث نفسه. يمكنك تمرير الوسيطات نفسها إلى <code>document.removeEventListener()</code> . من الممارسات الجيدة استخدام طريقة دورة الحياة هذه للقيام بأي تنظيف على مكونات React قبل أن يتم إزالتها وتدميرها. تعد إزالة مستمعي الحدث مثالاً على أحد إجراءات التنظيف. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم <code>MyComponent</code> بعرض عنصر <code>div</code> يلف علامة <code>h1</code> .
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("div").children().find("h1").length === 1; })(), "<code>MyComponent</code> should render a <code>div</code> element which wraps an <code>h1</code> tag.");'
+  - text: يجب إرفاق مستمع في keydown للمستند في <code>componentDidMount</code> .
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const didMountString = mockedComponent.instance().componentDidMount.toString(); return new RegExp("document\.addEventListener(.|\n|\r)+keydown(.|\n|\r)+this\.handleKeyPress").test(didMountString); })(), "A keydown listener should be attached to the document in <code>componentDidMount</code>.");'
+  - text: يجب إزالة مستمع الملف الشخصي من الوثيقة في <code>componentWillUnmount</code> .
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const willUnmountString = mockedComponent.instance().componentWillUnmount.toString(); return new RegExp("document\.removeEventListener(.|\n|\r)+keydown(.|\n|\r)+this\.handleKeyPress").test(willUnmountString); })(), "The keydown listener should be removed from the document in <code>componentWillUnmount</code>.");'
+  - text: بمجرد تركيب المكون ، يجب أن يؤدي الضغط على <code>enter</code> تحديث حالته وعلامة <code>h1</code> المقدمة.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const beforeState = mockedComponent.state("message"); const beforeText = mockedComponent.find("h1").text(); const pressEnterKey = () => { mockedComponent.instance().handleKeyPress({ keyCode: 13 }); return waitForIt(() => { mockedComponent.update(); return { state: mockedComponent.state("message"), text: mockedComponent.find("h1").text()}; });}; const afterKeyPress = await pressEnterKey(); assert(beforeState !== afterKeyPress.state && beforeText !== afterKeyPress.text, "Once the component has mounted, pressing <code>enter</code> should update its state and the rendered <code>h1</code> tag."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      message: "
+    };
+    this.handleEnter = this.handleEnter.bind(this);
+    this.handleKeyPress = this.handleKeyPress.bind(this);
+  }
+  // change code below this line
+  componentDidMount() {
+
+  }
+  componentWillUnmount() {
+
+  }
+  // change code above this line
+  handleEnter() {
+    this.setState({
+      message: this.state.message + 'You pressed the enter key! '
+    });
+  }
+  handleKeyPress(event) {
+    if (event.keyCode === 13) {
+      this.handleEnter();
+    }
+  }
+  render() {
+    return (
+      <div>
+        <h1>{this.state.message}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/add-inline-styles-in-react.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/add-inline-styles-in-react.arabic.md
new file mode 100644
index 0000000000..30d8312fa2
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/add-inline-styles-in-react.arabic.md
@@ -0,0 +1,78 @@
+---
+id: 5a24c314108439a4d4036182
+title: Add Inline Styles in React
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: إضافة أنماط مضمنة في React
+---
+
+## Description
+<section id="description"> ربما لاحظت في التحدي الأخير أن هناك العديد من الاختلافات في بناء الجملة من أنماط HTML المضمنة بالإضافة إلى تعيين سمة <code>style</code> إلى كائن جافا سكريبت. أولاً ، تستخدم أسماء بعض خصائص أنماط CSS حالة الجمل. على سبيل المثال ، تعيين التحدي الأخير حجم الخط مع <code>fontSize</code> بدلاً من <code>font-size</code> . الكلمات الواصلة مثل <code>font-size</code> هي بنية غير صالحة لخصائص كائن جافا سكريبت ، لذا يستخدم React حالة الجمل. وكقاعدة عامة ، تتم كتابة أي خصائص نمط متصل باستخدام حالة الجمل في JSX. من المفترض أن تكون جميع وحدات قيمة قيمة الخاصية (مثل <code>height</code> <code>width</code> <code>fontSize</code> ) في <code>px</code> ما لم يتم تحديد خلاف ذلك. إذا كنت تريد استخدام <code>em</code> ، على سبيل المثال ، يمكنك التفاف القيمة والوحدات بين علامات اقتباس ، مثل <code>{fontSize: &quot;4em&quot;}</code> . بخلاف قيم الطول الافتراضية إلى <code>px</code> ، يجب أن يتم التفاف جميع قيم الخصائص الأخرى بين علامتي اقتباس. </section>
+
+## Instructions
+<section id="instructions"> إذا كان لديك مجموعة كبيرة من الأنماط ، فيمكنك تعيين <code>object</code> نمط على ثابت للحفاظ على تنظيم التعليمات البرمجية الخاصة بك. uncomment في <code>styles</code> الثابتة وتعلن عن <code>object</code> له ثلاث خصائص النمط والقيم الخاصة بهم. إعطاء <code>div</code> لون <code>&quot;purple&quot;</code> ، حجم خط من <code>40</code> ، وحدود من <code>&quot;2px solid purple&quot;</code> . ثم قم بتعيين سمة <code>style</code> تساوي ثابت <code>styles</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون متغير <code>styles</code> <code>object</code> له ثلاث خصائص.
+    testString: 'assert(Object.keys(styles).length === 3, "The <code>styles</code> variable should be an <code>object</code> with three properties.");'
+  - text: يجب أن يكون لمتغير <code>styles</code> خاصية <code>color</code> معين بقيمة <code>purple</code> .
+    testString: 'assert(styles.color === "purple", "The <code>styles</code> variable should have a <code>color</code> property set to a value of <code>purple</code>.");'
+  - text: ''
+    testString: 'assert(styles.fontSize === 40, "The <code>styles</code> variable should have a <code>fontSize</code> property set to a value of <code>40</code>.");'
+  - text: ''
+    testString: 'assert(styles.border === "2px solid purple", "The <code>styles</code> variable should have a <code>border</code> property set to a value of <code>2px solid purple</code>.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.shallow(React.createElement(Colorful)); return mockedComponent.type() === "div"; })(), "The component should render a <code>div</code> element.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.shallow(React.createElement(Colorful)); return (mockedComponent.props().style.color === "purple" && mockedComponent.props().style.fontSize === 40 && mockedComponent.props().style.border === "2px solid purple"); })(), "The <code>div</code> element should have its styles defined by the <code>styles</code> object.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// const styles =
+// change code above this line
+class Colorful extends React.Component {
+  render() {
+    // change code below this line
+    return (
+      <div style={{color: "yellow", fontSize: 24}}>Style Me!</div>
+    );
+    // change code above this line
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/bind-this-to-a-class-method.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/bind-this-to-a-class-method.arabic.md
new file mode 100644
index 0000000000..56cd3962ab
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/bind-this-to-a-class-method.arabic.md
@@ -0,0 +1,87 @@
+---
+id: 5a24c314108439a4d4036174
+title: Bind 'this' to a Class Method
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> بالإضافة إلى إعداد وتحديث <code>state</code> ، يمكنك أيضًا تحديد طرق لفئة مكونك. عادةً ما تحتاج طريقة الصف إلى استخدام <code>this</code> الكلمة الرئيسية حتى تتمكن من الوصول إلى الخصائص على الفئة (مثل <code>state</code> <code>props</code> ) داخل نطاق الطريقة. هناك عدة طرق للسماح لطرق صفك بالوصول إلى <code>this</code> . إحدى الطرق الشائعة هي ربط <code>this</code> بشكل صريح في المُنشئ بحيث يصبح <code>this</code> مرتبطًا بطرق الفئة عند تهيئة المكون. ربما تكون قد لاحظت التحدي الأخير الذي استخدمه <code>this.handleClick = this.handleClick.bind(this)</code> لأسلوب <code>handleClick</code> الخاص به في المُنشئ. ثم ، عند استدعاء دالة مثل هذا <code>this.setState()</code> داخل أسلوب الفصل ، يشير <code>this</code> إلى الفئة ولن يكون <code>undefined</code> . <strong>ملاحظة:</strong> تعتبر <code>this</code> الكلمة الرئيسية واحدة من أكثر جوانب جافا سكريبت مربكة ولكنها تلعب دورًا مهمًا في التفاعل. على الرغم من أن سلوكه هنا طبيعي تمامًا ، إلا أن هذه الدروس ليست المكان المناسب لمراجعة متعمقة <code>this</code> لذا يرجى الرجوع إلى دروس أخرى إذا كان ما سبق مثيرًا للإرباك! </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم <code>MyComponent</code> بإرجاع عنصر <code>div</code> يلف عنصرين ، زر و عنصر <code>h1</code> ، بهذا الترتيب.
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).find("div").length === 1 && Enzyme.mount(React.createElement(MyComponent)).find("div").childAt(0).type() === "button" && Enzyme.mount(React.createElement(MyComponent)).find("div").childAt(1).type() === "h1", "<code>MyComponent</code> should return a <code>div</code> element which wraps two elements, a button and an <code>h1</code> element, in that order.");'
+  - text: 'يجب تهيئة حالة <code>MyComponent</code> مع زوج القيمة الرئيسية <code>{ itemCount: 0 }</code> .'
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).state("itemCount") === 0, "The state of <code>MyComponent</code> should initialize with the key value pair <code>{ itemCount: 0 }</code>.");'
+  - text: بالنقر على <code>button</code> يجب أن عنصر تشغيل <code>addItem</code> طريقة وزيادة الدولة <code>itemCount</code> من <code>1</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ itemCount: 0 }); return waitForIt(() => mockedComponent.state("itemCount")); }; const second = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent.state("itemCount")); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === 0 && secondValue === 1, "Clicking the <code>button</code> element should run the <code>addItem</code> method and increment the state <code>itemCount</code> by <code>1</code>."); };'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      itemCount: 0
+    };
+    // change code below this line
+
+    // change code above this line
+  }
+  addItem() {
+    this.setState({
+      itemCount: this.state.itemCount + 1
+    });
+  }
+  render() {
+    return (
+      <div>
+        { /* change code below this line */ }
+        <button>Click Me</button>
+        { /* change code above this line */ }
+        <h1>Current Item Count: {this.state.itemCount}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/change-inline-css-conditionally-based-on-component-state.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/change-inline-css-conditionally-based-on-component-state.arabic.md
new file mode 100644
index 0000000000..92a41480eb
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/change-inline-css-conditionally-based-on-component-state.arabic.md
@@ -0,0 +1,95 @@
+---
+id: 5a24c314108439a4d4036189
+title: Change Inline CSS Conditionally Based on Component State
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: تغيير CSS المضمنة بناء على حالة المكون
+---
+
+## Description
+<section id="description"> في هذه المرحلة ، كنت قد رأيت عدة تطبيقات من تقديم الشرطي واستخدام أنماط مضمنة. إليك مثال آخر يجمع بين هذين الموضوعين. يمكنك أيضًا عرض CSS استنادًا إلى حالة مكون React. للقيام بذلك ، تحقق من شرط ، وإذا تم استيفاء هذا الشرط ، يمكنك تعديل كائن الأنماط الذي تم تعيينه لعناصر JSX في طريقة العرض. هذا النموذج مهم لفهمه لأنه تحول مثير عن النهج التقليدي لتطبيق الأنماط عن طريق تعديل عناصر DOM مباشرة (وهو أمر شائع جدًا مع jQuery ، على سبيل المثال). في هذا النهج ، يجب عليك تتبع متى تتغير العناصر وكذلك التعامل مع التلاعب الفعلي مباشرة. قد يصعب عليك تتبع التغييرات ، مما قد يجعل واجهة المستخدم الخاصة بك غير قابلة للتنبؤ. عندما تقوم بتعيين كائن نمط يستند إلى شرط ، فإنك تصف كيف يجب أن تبدو واجهة المستخدم كدالة لحالة التطبيق. هناك تدفق واضح للمعلومات يتحرك فقط في اتجاه واحد. هذه هي الطريقة المفضلة عند كتابة التطبيقات باستخدام React. </section>
+
+## Instructions
+<section id="instructions"> يحتوي محرر التعليمة البرمجية على مكون إدخال بسيط يتحكم فيه مع حدود منسقة. تريد نمط أحمر الحدود هذا إذا كان المستخدم يكتب أكثر من 15 حرفًا من النص في مربع الإدخال. أضف شرطًا للتحقق من ذلك ، وإذا كان الشرط صالحًا ، <code>3px solid red</code> نمط حدود الإدخال إلى <code>3px solid red</code> . يمكنك تجربتها عن طريق إدخال النص في الإدخال. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم مكون <code>GateKeeper</code> بعرض عنصر <code>div</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); return mockedComponent.find("div").length === 1; })(), "The <code>GateKeeper</code> component should render a <code>div</code> element.");'
+  - text: يجب أن يتم تهيئة المكون <code>GateKeeper</code> مع مفتاح <code>input</code> الرئيسي الذي تم تعيينه إلى سلسلة فارغة.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); return mockedComponent.state().input === ""; })(), "The <code>GateKeeper</code> component should be initialized with a state key <code>input</code> set to an empty string.");'
+  - text: يجب أن يقوم مكون <code>GateKeeper</code> بعرض علامة <code>h3</code> وعلامة <code>input</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); return mockedComponent.find("h3").length === 1 && mockedComponent.find("input").length === 1; })(), "The <code>GateKeeper</code> component should render an <code>h3</code> tag and an <code>input</code> tag.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); return mockedComponent.find("input").props().style.border === "1px solid black"; })(), "The <code>input</code> tag should initially have a style of <code>1px solid black</code> for the <code>border</code> property.");'
+  - text: يجب أن تكون علامة <code>input</code> على شكل حد <code>3px solid red</code> إذا كانت قيمة الإدخال في الحالة أطول من 15 حرفًا.
+    testString: 'async () => {  const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); const simulateChange = (el, value) => el.simulate("change", {target: {value}}); let initialStyle = mockedComponent.find("input").props().style.border; const state_1 = () => { mockedComponent.setState({input: "this is 15 char" }); return waitForIt(() => mockedComponent.find("input").props().style.border )}; const state_2 = () => { mockedComponent.setState({input: "A very long string longer than 15 characters." }); return waitForIt(() => mockedComponent.find("input").props().style.border )}; const style_1 = await state_1(); const style_2 = await state_2(); assert(initialStyle === "1px solid black" && style_1 === "1px solid black" && style_2 === "3px solid red", "The <code>input</code> tag should be styled with a border of <code>3px solid red</code> if the input value in state is longer than 15 characters."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class GateKeeper extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: "
+    };
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(event) {
+    this.setState({ input: event.target.value })
+  }
+  render() {
+    let inputStyle = {
+      border: '1px solid black'
+    };
+    // change code below this line
+
+    // change code above this line
+    return (
+      <div>
+        <h3>Don't Type Too Much:</h3>
+        <input
+          type="text"
+          style={inputStyle}
+          value={this.state.input}
+          onChange={this.handleChange} />
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/compose-react-components.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/compose-react-components.arabic.md
new file mode 100644
index 0000000000..f28bdd9d09
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/compose-react-components.arabic.md
@@ -0,0 +1,147 @@
+---
+id: 5a24c314108439a4d4036166
+title: Compose React Components
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().type() === "div"; })(), "The <code>TypesOfFood</code> component should return a single <code>div</code> element.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().childAt(1).name() === "Fruits"; })(), "The <code>TypesOfFood</code> component should return the <code>Fruits</code> component.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return (mockedComponent.find("Fruits").children().find("NonCitrus").length === 1 && mockedComponent.find("Fruits").children().find("Citrus").length === 1); })(), "The <code>Fruits</code> component should return the <code>NonCitrus</code> component and the <code>Citrus</code> component.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().childAt(2).name() === "Vegetables"; })(), "The <code>TypesOfFood</code> component should return the <code>Vegetables</code> component below the <code>Fruits</code> component.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Fruits extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h2>Fruits:</h2>
+        { /* change code below this line */ }
+
+         { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+class TypesOfFood extends React.Component {
+  constructor(props) {
+     super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>Types of Food:</h1>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+        <Vegetables />
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+class NonCitrus extends React.Component {
+  render() {
+    return (
+      <div>
+        <h4>Non-Citrus:</h4>
+        <ul>
+          <li>Apples</li>
+          <li>Blueberries</li>
+          <li>Strawberries</li>
+          <li>Bananas</li>
+        </ul>
+      </div>
+    );
+  }
+};
+class Citrus extends React.Component {
+  render() {
+    return (
+      <div>
+        <h4>Citrus:</h4>
+        <ul>
+          <li>Lemon</li>
+          <li>Lime</li>
+          <li>Orange</li>
+          <li>Grapefruit</li>
+        </ul>
+      </div>
+    );
+  }
+};
+class Vegetables extends React.Component {
+  render() {
+    return (
+      <div>
+        <h2>Vegetables:</h2>
+        <ul>
+          <li>Brussel Sprouts</li>
+          <li>Broccoli</li>
+          <li>Squash</li>
+        </ul>
+      </div>
+    );
+     }
+};
+
+```
+
+</div>
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-complex-jsx-element.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-complex-jsx-element.arabic.md
new file mode 100644
index 0000000000..43be0e4fff
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-complex-jsx-element.arabic.md
@@ -0,0 +1,66 @@
+---
+id: 5a24bbe0dba28a8d3cbd4c5d
+title: Create a Complex JSX Element
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(JSX.type === "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: ''
+    testString: 'assert(JSX.props.children[1].type === "p", "The <code>div</code> should contain a <code>p</code> tag as the second element.");'
+  - text: ''
+    testString: 'assert(JSX.props.children[2].type === "ul", "The <code>div</code> should contain a <code>ul</code> tag as the third element.");'
+  - text: ''
+    testString: 'assert(JSX.props.children[0].type === "h1", "The <code>div</code> should contain an <code>h1</code> tag as the first element.");'
+  - text: يجب أن يحتوي الـ <code>ul</code> على ثلاثة عناصر من <code>li</code> .
+    testString: 'assert(JSX.props.children[2].props.children.length === 3, "The <code>ul</code> should contain three <code>li</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// write your code here
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-component-with-composition.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-component-with-composition.arabic.md
new file mode 100644
index 0000000000..48e235604d
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-component-with-composition.arabic.md
@@ -0,0 +1,85 @@
+---
+id: 5a24c314108439a4d4036164
+title: Create a Component with Composition
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم مكون React بإرجاع عنصر <code>div</code> مفرد.
+    testString: 'assert((function() { var shallowRender = Enzyme.shallow(React.createElement(ParentComponent)); return shallowRender.type() === "div"; })(), "The React component should return a single <code>div</code> element.");'
+  - text: ''
+    testString: 'assert((function() { var shallowRender = Enzyme.shallow(React.createElement(ParentComponent)); return shallowRender.children().length === 2; })(), "The component should return two nested elements.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ParentComponent)); return mockedComponent.find("ParentComponent").find("ChildComponent").length === 1; })(), "The component should return the ChildComponent as its second child.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ChildComponent = () => {
+  return (
+    <div>
+      <p>I am the child</p>
+    </div>
+  );
+};
+
+class ParentComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>I am the parent</h1>
+        { /* change code below this line */ }
+
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-controlled-form.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-controlled-form.arabic.md
new file mode 100644
index 0000000000..3131617a03
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-controlled-form.arabic.md
@@ -0,0 +1,101 @@
+---
+id: 5a24c314108439a4d4036179
+title: Create a Controlled Form
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: إنشاء نموذج التحكم
+---
+
+## Description
+<section id="description"> أظهر التحدي الأخير أن React يمكنه التحكم في الحالة الداخلية لعناصر معينة مثل <code>input</code> و <code>textarea</code> ، مما يجعلها مكونات متحكم فيها. ينطبق هذا على عناصر النموذج الأخرى أيضًا ، بما في ذلك عنصر <code>form</code> HTML المعتاد. </section>
+
+## Instructions
+<section id="instructions"> تم إعداد المكون <code>MyForm</code> <code>form</code> فارغ باستخدام معالج إرسال. سيتم استدعاء معالج الإرسال عند إرسال النموذج. لقد أضفنا زرًا يرسل النموذج. يمكنك أن ترى أنه قد تم تعيين <code>type</code> <code>submit</code> يشير إلى أنه الزر الذي يتحكم في النموذج. إضافة عنصر <code>input</code> في <code>form</code> وتعيين <code>value</code> وخصائص <code>onChange()</code> مثل التحدي الأخير. يجب عليك ثم أكمل <code>handleSubmit</code> طريقة بحيث يضع ممتلكات الدولة المكونة <code>submit</code> إلى قيمة المدخلات الحالية في المحلية <code>state</code> . <strong>ملاحظة:</strong> يجب عليك أيضًا استدعاء <code>event.preventDefault()</code> في معالج <code>event.preventDefault()</code> ، لمنع سلوك إرسال النموذج الافتراضي الذي سيؤدي إلى تحديث صفحة الويب. وأخيرا، إنشاء <code>h1</code> بعد علامة <code>form</code> مما يجعل <code>submit</code> القيمة من المكون <code>state</code> . يمكنك بعد ذلك كتابة النموذج والنقر فوق الزر (أو الضغط على Enter) ، ويجب أن تشاهد الإدخال الخاص بك تم تقديمه إلى الصفحة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyForm)); return (mockedComponent.find("div").children().find("form").length === 1 && mockedComponent.find("div").children().find("h1").length === 1 && mockedComponent.find("form").children().find("input").length === 1 && mockedComponent.find("form").children().find("button").length === 1) })(), "<code>MyForm</code> should return a <code>div</code> element which contains a <code>form</code> and an <code>h1</code> tag. The form should include an <code>input</code> and a <code>button</code>.");'
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(MyForm)).state("input") === "" && Enzyme.mount(React.createElement(MyForm)).state("submit") === "", "The state of <code>MyForm</code> should initialize with <code>input</code> and <code>submit</code> properties, both set to empty strings.");'
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyForm)); const _1 = () => { mockedComponent.setState({ input: "" }); return waitForIt(() => mockedComponent.state("input"))}; const _2 = () => { mockedComponent.find("input").simulate("change", { target: { value: "TestInput" }}); return waitForIt(() => ({ state: mockedComponent.state("input"), inputVal: mockedComponent.find("input").props().value }))}; const before = await _1(); const after = await _2(); assert(before === "" && after.state === "TestInput" && after.inputVal === "TestInput", "Typing in the <code>input</code> element should update the <code>input</code> property of the component&apos;s state."); }; '
+  - text: يجب تقديم نموذج تشغيل <code>handleSubmit</code> التي ينبغي أن تحدد <code>submit</code> العقارات في دولة تساوي المدخلات الحالية.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyForm)); const _1 = () => { mockedComponent.setState({ input: "" }); mockedComponent.setState({submit: ""}); mockedComponent.find("input").simulate("change", {target: {value: "SubmitInput"}}); return waitForIt(() => mockedComponent.state("submit"))}; const _2 = () => { mockedComponent.find("form").simulate("submit"); return waitForIt(() => mockedComponent.state("submit"))}; const before = await _1(); const after = await _2(); assert(before === "" && after === "SubmitInput", "Submitting the form should run <code>handleSubmit</code> which should set the <code>submit</code> property in state equal to the current input."); };'
+  - text: يجب أن يعرض رأس <code>h1</code> قيمة حقل &quot; <code>submit</code> من حالة المكوِّن.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyForm)); const _1 = () => { mockedComponent.setState({ input: "" }); mockedComponent.setState({submit: ""}); mockedComponent.find("input").simulate("change", {target: {value: "TestInput"}}); return waitForIt(() => mockedComponent.find("h1").text())}; const _2 = () => { mockedComponent.find("form").simulate("submit"); return waitForIt(() => mockedComponent.find("h1").text())}; const before = await _1(); const after = await _2(); assert(before === "" && after === "TestInput", "The <code>h1</code> header should render the value of the <code>submit</code> field from the component&apos;s state."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyForm extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      submit: "
+    };
+    this.handleChange = this.handleChange.bind(this);
+    this.handleSubmit = this.handleSubmit.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  handleSubmit(event) {
+    // change code below this line
+
+    // change code above this line
+  }
+  render() {
+    return (
+      <div>
+        <form onSubmit={this.handleSubmit}>
+          { /* change code below this line */ }
+
+          { /* change code above this line */ }
+          <button type='submit'>Submit!</button>
+        </form>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-controlled-input.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-controlled-input.arabic.md
new file mode 100644
index 0000000000..cdaf98872b
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-controlled-input.arabic.md
@@ -0,0 +1,86 @@
+---
+id: 5a24c314108439a4d4036178
+title: Create a Controlled Input
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يعرض <code>ControlledInput</code> عنصر <code>div</code> يحتوي على <code>input</code> وعلامة <code>p</code> .
+    testString: 'assert(Enzyme.mount(React.createElement(ControlledInput)).find("div").children().find("input").length === 1 && Enzyme.mount(React.createElement(ControlledInput)).find("div").children().find("p").length === 1, "<code>ControlledInput</code> should return a <code>div</code> element which contains an <code>input</code> and a <code>p</code> tag.");'
+  - text: يجب تهيئة حالة <code>ControlledInput</code> مع خاصية <code>input</code> لتعيين سلسلة فارغة.
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(ControlledInput)).state("input"), "", "The state of <code>ControlledInput</code> should initialize with an <code>input</code> property set to an empty string.");'
+  - text: يجب أن تؤدي الكتابة في عنصر الإدخال إلى تحديث الحالة وقيمة الإدخال ، ويجب أن يعرض العنصر <code>p</code> هذه الحالة أثناء الكتابة.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(ControlledInput)); const _1 = () => { mockedComponent.setState({ input: "" }); return waitForIt(() => mockedComponent.state("input"))}; const _2 = () => { mockedComponent.find("input").simulate("change", { target: { value: "TestInput" }}); return waitForIt(() => ({ state: mockedComponent.state("input"), text: mockedComponent.find("p").text(), inputVal: mockedComponent.find("input").props().value }))}; const before = await _1(); const after = await _2(); assert(before === "" && after.state === "TestInput" && after.text === "TestInput" && after.inputVal === "TestInput", "Typing in the input element should update the state and the value of the input, and the <code>p</code> element should render this state as you type."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class ControlledInput extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: "
+    };
+    // change code below this line
+
+    // change code above this line
+  }
+  // change code below this line
+
+  // change code above this line
+  render() {
+    return (
+      <div>
+        { /* change code below this line */}
+
+        { /* change code above this line */}
+        <h4>Controlled Input:</h4>
+        <p>{this.state.input}</p>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-react-component.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-react-component.arabic.md
new file mode 100644
index 0000000000..17223c03d5
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-react-component.arabic.md
@@ -0,0 +1,73 @@
+---
+id: 5a24c314108439a4d4036163
+title: Create a React Component
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: إنشاء مكون React
+---
+
+## Description
+<section id="description"> والطريقة الأخرى لتعريف مكون React تكون مع بنية <code>class</code> ES6. في المثال التالي ، يقوم <code>Kitten</code> بتوسيع <code>React.Component</code> : <blockquote style=";text-align:right;direction:rtl"> class Kitten يمد React.Component { <br> منشئ (الدعائم) { <br> السوبر (الدعائم)؛ <br> } <br><br> يجعل() { <br> إرجاع ( <br> &lt;h1&gt; تحليل مرحبا &lt;/ H1&gt; <br> )؛ <br> } <br> } </blockquote> هذا ينشئ فئة ES6 <code>Kitten</code> الذي يمتد فئة <code>React.Component</code> . لذا ، أصبح بإمكان فئة <code>Kitten</code> الآن الوصول إلى العديد من ميزات React المفيدة ، مثل الخطافات المحلية ودورة الحياة. لا تقلق إذا لم تكن على دراية بهذه الشروط حتى الآن ، سيتم تغطيتها بمزيد من التفصيل في تحديات لاحقة. لاحظ أيضًا أن فئة <code>Kitten</code> بها <code>constructor</code> مُعرَّف داخلها يستدعي <code>super()</code> . ويستخدم <code>super()</code> لاستدعاء منشئ الفئة الأصل ، في هذه الحالة <code>React.Component</code> . المنشئ هو طريقة خاصة تستخدم أثناء تهيئة الكائنات التي يتم إنشاؤها باستخدام الكلمة الأساسية <code>class</code> . ومن أفضل الممارسات لاستدعاء المكون <code>constructor</code> مع <code>super</code> ، وتمرير <code>props</code> على حد سواء. هذا يجعل من تهيئة المكون بشكل صحيح. في الوقت الحالي ، اعلم أنه من المعتاد تضمين هذا الرمز. قريبا سترى استخدامات أخرى للمنشئ وكذلك <code>props</code> . </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يعيد مكون React عنصر <code>div</code> .
+    testString: 'assert(Enzyme.shallow(React.createElement(MyComponent)).type() === "div", "The React component should return a <code>div</code> element.");'
+  - text: يجب على <code>div</code> إرجاعه عرض رأس <code>h1</code> بداخله.
+    testString: 'assert(/<div><h1>.*<\/h1><\/div>/.test(Enzyme.shallow(React.createElement(MyComponent)).html()), "The returned <code>div</code> should render an <code>h1</code> header within it.");'
+  - text: يجب أن يحتوي رأس <code>h1</code> على السلسلة <code>Hello React!</code> .
+    testString: 'assert(Enzyme.shallow(React.createElement(MyComponent)).html() === "<div><h1>Hello React!</h1></div>", "The <code>h1</code> header should contain the string <code>Hello React!</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    // change code below this line
+
+
+
+    // change code above this line
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-simple-jsx-element.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-simple-jsx-element.arabic.md
new file mode 100644
index 0000000000..8280316aeb
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-simple-jsx-element.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 587d7dbc367417b2b2512bb1
+title: Create a Simple JSX Element
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: إنشاء عنصر بسيط JSX
+---
+
+## Description
+<section id="description"> <strong>مقدمة:</strong> React هي مكتبة مفتوحة المصدر تم إنشاؤها بواسطة Facebook. إنها أداة رائعة لعرض واجهة المستخدم (UI) لتطبيقات الويب الحديثة. يستخدم React امتدادًا لغويًا لجافا سكريبت يُسمى JSX والذي يسمح لك بكتابة HTML مباشرةً داخل JavaScript. هذا له العديد من الفوائد. فهو يتيح لك استخدام القوة البرمجية الكاملة لجافا سكريبت في HTML ، ويساعد على إبقاء كودك قابلاً للقراءة. بالنسبة للجزء الأكبر ، تشبه JSX HTML الذي تعلمته بالفعل ، ولكن هناك بعض الاختلافات الأساسية التي سيتم تغطيتها خلال هذه التحديات. على سبيل المثال ، نظرًا لأن JSX عبارة عن امتداد نحوي لجافا سكريبت ، يمكنك في الواقع كتابة JavaScript مباشرة داخل JSX. للقيام بذلك ، ما عليك سوى تضمين الشفرة التي تريد معاملتها على هيئة JavaScript ضمن أقواس معقوفة: <code>{ &#39;this is treated as JavaScript code&#39; }</code> . ضع ذلك في الاعتبار ، نظرًا لأنه يُستخدم في العديد من التحديات المستقبلية. ومع ذلك ، نظرًا لأن JSX ليس جافا سكريبت صالحًا ، يجب ترجمة شفرة JSX إلى جافا سكريبت. أداة النقل المشذر Babel هي أداة شائعة لهذه العملية. من أجل راحتك ، تمت إضافة بالفعل خلف الكواليس لهذه التحديات. إذا حدث لك أن تكتب JSX غير صحيح من الناحية التركيبية ، فسترى أول اختبار في هذه التحديات يفشل. تجدر الإشارة إلى أنه تحت غطاء محرك السيارة التحديات تدعوا <code>ReactDOM.render(JSX, document.getElementById(&#39;root&#39;))</code> . هذه الدعوة الدالة هي ما يضع JSX الخاص بك في تمثيل React خفيف الوزن الخاص بـ DOM. ثم تستخدم React لقطات من DOM الخاصة بها لتحسين تحديث أجزاء معينة فقط من DOM الفعلي. </section>
+
+## Instructions
+<section id="instructions"> <strong>التعليمات:</strong> تستخدم الشفرة الحالية JSX لتعيين عنصر <code>div</code> إلى <code>JSX</code> المستمر. استبدل <code>div</code> بعنصر <code>h1</code> وأضف النص <code>Hello JSX!</code> داخله. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم <code>JSX</code> المستمر بإرجاع عنصر <code>h1</code> .
+    testString: 'assert(JSX.type === "h1", "The constant <code>JSX</code> should return an <code>h1</code> element.");'
+  - text: يجب أن تتضمن علامة <code>h1</code> النص <code>Hello JSX!</code>
+    testString: 'assert(Enzyme.shallow(JSX).contains("Hello JSX!"), "The <code>h1</code> tag should include the text <code>Hello JSX!</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = <div></div>;
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-stateful-component.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-stateful-component.arabic.md
new file mode 100644
index 0000000000..a87b547bf9
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-stateful-component.arabic.md
@@ -0,0 +1,77 @@
+---
+id: 5a24c314108439a4d4036170
+title: Create a Stateful Component
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: إنشاء مكون Stateful
+---
+
+## Description
+<section id="description"> واحدة من أهم المواضيع في React هي <code>state</code> . تتكون الولاية من أي بيانات يحتاج معرفتك إلى معرفتها ، والتي يمكن أن تتغير بمرور الوقت. تريد أن تستجيب تطبيقاتك لتغييرات الحالة وأن تقدم واجهة مستخدم محدثة عند الضرورة. React يقدم حلا لطيفا لإدارة الدولة لتطبيقات الويب الحديثة. يمكنك إنشاء حالة في مكون React بواسطة تعريف خاصية <code>state</code> في فئة المكون في <code>constructor</code> . يقوم هذا بتهيئة المكون <code>state</code> عند إنشائه. يجب تعيين خاصية <code>state</code> إلى <code>object</code> JavaScript. الإعلان عن هذا الشكل: <blockquote style=";text-align:right;direction:rtl"> this.state = { <br> // وصف الولاية الخاصة بك هنا <br> } يمكنك الوصول إلى كائن <code>state</code> طوال عمر المكون الخاص بك. يمكنك تحديثه ، وجعله في واجهة المستخدم الخاصة بك ، وتمريره على شكل دعائم لمكونات الطفل. يمكن أن يكون كائن <code>state</code> معقدًا أو بسيطًا مثلما تحتاج إليه. لاحظ أنه يجب إنشاء مكون فئة بتوسيع <code>React.Component</code> لإنشاء <code>state</code> مثل هذا. </blockquote></section>
+
+## Instructions
+<section id="instructions"> هناك عنصر في محرر التعليمات البرمجية التي تحاول لتقديم <code>name</code> العقار من في <code>state</code> . ومع ذلك ، لا توجد <code>state</code> محددة. قم بتهيئة المكون <code>state</code> في <code>constructor</code> وتعيين اسمك إلى خاصية <code>name</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن توجد <code>StatefulComponent</code> ثم تقديم.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(StatefulComponent)); return mockedComponent.find("StatefulComponent").length === 1; })(), "<code>StatefulComponent</code> should exist and render.");'
+  - text: يجب أن يقدم <code>StatefulComponent</code> <code>div</code> و عنصر <code>h1</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(StatefulComponent)); return mockedComponent.find("div").length === 1 && mockedComponent.find("h1").length === 1; })(), "<code>StatefulComponent</code> should render a <code>div</code> and an <code>h1</code> element.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(StatefulComponent)); const initialState = mockedComponent.state(); return ( typeof initialState === "object" && typeof initialState.name === "string"); })(), "The state of <code>StatefulComponent</code> should be initialized with a property <code>name</code> set to a string.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(StatefulComponent)); const initialState = mockedComponent.state(); return mockedComponent.find("h1").text() === initialState.name; })(), "The property <code>name</code> in the state of <code>StatefulComponent</code> should render in the <code>h1</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class StatefulComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    // initialize state here
+
+  }
+  render() {
+    return (
+      <div>
+        <h1>{this.state.name}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-stateless-functional-component.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-stateless-functional-component.arabic.md
new file mode 100644
index 0000000000..9ba6b2a889
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/create-a-stateless-functional-component.arabic.md
@@ -0,0 +1,68 @@
+---
+id: 5a24c314108439a4d4036162
+title: Create a Stateless Functional Component
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: إنشاء مكون وظيفي عديم الحالة
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب على <code>MyComponent</code> إرجاع JSX.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.length === 1; })(), "<code>MyComponent</code> should return JSX.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.children().type() === "div" })(), "<code>MyComponent</code> should return a <code>div</code> element.");'
+  - text: يجب أن يحتوي عنصر <code>div</code> على سلسلة من النص.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("div").text() !== ""; })(), "The <code>div</code> element should contain a string of text.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const MyComponent = function() {
+  // change code below this line
+
+
+
+  // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/define-an-html-class-in-jsx.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/define-an-html-class-in-jsx.arabic.md
new file mode 100644
index 0000000000..bb07119f4c
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/define-an-html-class-in-jsx.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 5a24c314108439a4d4036160
+title: Define an HTML Class in JSX
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: تحديد فئة HTML في JSX
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(JSX.type, "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: ''
+    testString: 'assert.strictEqual(JSX.props.className, "myDiv", "The <code>div</code> has a class of <code>myDiv</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = (
+  <div>
+    <h1>Add a class to this div</h1>
+  </div>
+);
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/give-sibling-elements-a-unique-key-attribute.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/give-sibling-elements-a-unique-key-attribute.arabic.md
new file mode 100644
index 0000000000..cdc0ae8a65
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/give-sibling-elements-a-unique-key-attribute.arabic.md
@@ -0,0 +1,85 @@
+---
+id: 5a24c314108439a4d403618b
+title: Give Sibling Elements a Unique Key Attribute
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(Frameworks)).find("Frameworks").length === 1, "The <code>Frameworks</code> component should exist and render to the page.");'
+  - text: <code>Frameworks</code> يجب ان يجعل <code>h1</code> عنصر.
+    testString: 'assert(Enzyme.mount(React.createElement(Frameworks)).find("h1").length === 1, "<code>Frameworks</code> should render an <code>h1</code> element.");'
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(Frameworks)).find("ul").length === 1, "<code>Frameworks</code> should render a <code>ul</code> element.");'
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(Frameworks)).find("ul").children().length === 6 && Enzyme.mount(React.createElement(Frameworks)).find("ul").childAt(0).name() === "li" && Enzyme.mount(React.createElement(Frameworks)).find("li").length === 6, "The <code>ul</code> tag should render 6 child <code>li</code> elements.");'
+  - text: يجب أن يكون كل عنصر قائمة البند فريدة من نوعها <code>key</code> السمة.
+    testString: 'assert((() => { const ul = Enzyme.mount(React.createElement(Frameworks)).find("ul"); const keys = new Set([ ul.childAt(0).key(), ul.childAt(1).key(), ul.childAt(2).key(), ul.childAt(3).key(), ul.childAt(4).key(), ul.childAt(5).key(), ]); return keys.size === 6; })(), "Each list item element should have a unique <code>key</code> attribute.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const frontEndFrameworks = [
+  'React',
+  'Angular',
+  'Ember',
+  'Knockout',
+  'Backbone',
+  'Vue'
+];
+
+function Frameworks() {
+  const renderFrameworks = null; // change code here
+  return (
+    <div>
+      <h1>Popular Front End JavaScript Frameworks</h1>
+      <ul>
+        {renderFrameworks}
+      </ul>
+    </div>
+  );
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/introducing-inline-styles.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/introducing-inline-styles.arabic.md
new file mode 100644
index 0000000000..af4b0ee482
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/introducing-inline-styles.arabic.md
@@ -0,0 +1,68 @@
+---
+id: 5a24c314108439a4d4036181
+title: Introducing Inline Styles
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> هناك مفاهيم معقدة أخرى تضيف إمكانات قوية لرمز React الخاص بك. ولكن قد تتساءل عن المشكلة الأكثر بساطة حول كيفية تصميم عناصر JSX التي تقوم بإنشائها في React. من المحتمل أنك تعلم أنه لن يكون بالضبط نفس العمل مع HTML بسبب <a target="_blank" href="front-end-libraries/react/define-an-html-class-in-jsx">طريقة تطبيق الطبقات على عناصر JSX</a> . إذا قمت باستيراد أنماط من ورقة أنماط ، فإنها لا تختلف كثيرًا على الإطلاق. يمكنك تطبيق فئة على عنصر JSX باستخدام السمة <code>className</code> ، وتطبيق الأنماط على الفصل الدراسي في ورقة الأنماط. خيار آخر هو تطبيق الأنماط <strong><em>المضمنة</em></strong> ، والتي تكون شائعة جدًا في تطوير ReactJS. يمكنك تطبيق أنماط مضمنة على عناصر JSX مشابهة لطريقة عمل ذلك في HTML ، ولكن مع بعض الاختلافات في JSX. في ما يلي مثال لنمط مضمَّن في HTML: <code>&lt;div style=&quot;color: yellow; font-size: 16px&quot;&gt;Mellow Yellow&lt;/div&gt;</code> تستخدم عناصر JSX سمة <code>style</code> ، ولكن نظرًا لطريقة تشفير JSX ، يمكنك قم بتعيين القيمة إلى <code>string</code> . بدلاً من ذلك ، يمكنك تعيينه يساوي <code>object</code> JavaScript. إليك مثال على ذلك: <code>&lt;div style={{color: &quot;yellow&quot;, fontSize: 16}}&gt;Mellow Yellow&lt;/div&gt;</code> لاحظ كيف نحصل على خاصية &quot;fontSize&quot;؟ وذلك لأن React لن يقبل مفاتيح حالة الكباب في كائن النمط. سيطبق React اسم الخاصية الصحيح لنا في HTML. </section>
+
+## Instructions
+<section id="instructions"> أضف سمة <code>style</code> إلى <code>div</code> في محرر الشفرة لإعطاء النص لونًا أحمر وحجم خط يبلغ 72 بكسل. لاحظ أنه يمكنك تعيين حجم الخط بشكل اختياري ليكون رقمًا ، أو حذف الوحدات &quot;px&quot; ، أو كتابتها كـ &quot;72px&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يعرض المكون عنصر <code>div</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Colorful)); return mockedComponent.children().type() === "div"; })(), "The component should render a <code>div</code> element.");'
+  - text: يجب أن يكون عنصر <code>div</code> بلون <code>red</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Colorful)); return mockedComponent.children().props().style.color === "red"; })(), "The <code>div</code> element should have a color of <code>red</code>.");'
+  - text: يجب أن يكون حجم عنصر <code>div</code> بحجم <code>72px</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Colorful)); return (mockedComponent.children().props().style.fontSize === 72 || mockedComponent.children().props().style.fontSize === "72" || mockedComponent.children().props().style.fontSize === "72px"); })(), "The <code>div</code> element should have a font size of <code>72px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Colorful extends React.Component {
+  render() {
+    return (
+      <div>Big Red</div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/learn-about-self-closing-jsx-tags.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/learn-about-self-closing-jsx-tags.arabic.md
new file mode 100644
index 0000000000..aa3ca0adeb
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/learn-about-self-closing-jsx-tags.arabic.md
@@ -0,0 +1,70 @@
+---
+id: 5a24c314108439a4d4036161
+title: Learn About Self-Closing JSX Tags
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: تعرف على علامات JSX ذاتية الإغلاق
+---
+
+## Description
+<section id="description"> لقد رأيت حتى الآن كيف يختلف JSX عن HTML بطريقة أساسية باستخدام <code>className</code> مقابل <code>class</code> لتعريف فئات HTML. هناك طريقة أخرى مهمة تختلف بها JSX عن HTML وهي فكرة العلامة ذاتية الإغلاق. في HTML ، تحتوي كل العلامات تقريبًا على علامة فتح وإغلاق: <code>&lt;div&gt;&lt;/div&gt;</code> ؛ تحتوي علامة الإغلاق دائمًا على شرطة مائلة للأمام قبل اسم العلامة الذي تقوم بإغلاقه. ومع ذلك ، هناك حالات خاصة في HTML تسمى &quot;علامات الإغلاق الذاتي&quot; ، أو العلامات التي لا تتطلب علامة فتح وإغلاق قبل أن تبدأ علامة أخرى. على سبيل المثال ، يمكن كتابة علامة فاصل الخط كـ <code>&lt;br&gt;</code> أو كـ <code>&lt;br /&gt;</code> ، ولكن لا يجب كتابتها أبدًا كـ <code>&lt;br&gt;&lt;/br&gt;</code> لأنها لا تحتوي على أي محتوى. في JSX ، تختلف القواعد قليلاً. يمكن كتابة أي عنصر JSX بعلامة إغلاق ذاتي ، ويجب إغلاق كل عنصر. على سبيل المثال ، يجب كتابة علامة فاصل الأسطر ، على سبيل المثال ، <code>&lt;br /&gt;</code> لكي تكون JSX سارية ويمكن تحريكها. يمكن كتابة <code>&lt;div&gt;</code> ، على الجانب الآخر ، كـ <code>&lt;div /&gt;</code> أو <code>&lt;div&gt;&lt;/div&gt;</code> . والفرق هو أنه في طريقة تركيب الجملة الأولى لا توجد طريقة لتضمين أي شيء في <code>&lt;div /&gt;</code> . سترى في تحديات لاحقة أن بناء الجملة هذا مفيد عند تقديم مكونات React. </section>
+
+## Instructions
+<section id="instructions"> أصلح الأخطاء في محرر الشفرة بحيث تكون JSX صالحة وتنتهي بنجاح. تأكد من عدم تغيير أي محتوى - فأنت تحتاج فقط إلى إغلاق العلامات عند الحاجة إليها. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب على <code>JSX</code> المستمر إرجاع عنصر <code>div</code> .
+    testString: 'assert.strictEqual(JSX.type, "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: يجب أن يحتوي <code>div</code> على علامة <code>br</code> .
+    testString: 'assert(Enzyme.shallow(JSX).find("br").length === 1, "The <code>div</code> should contain a <code>br</code> tag.");'
+  - text: يجب أن يحتوي <code>div</code> على علامة <code>hr</code> .
+    testString: 'assert(Enzyme.shallow(JSX).find("hr").length === 1, "The <code>div</code> should contain an <code>hr</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = (
+  <div>
+    {/* remove comment and change code below this line
+    <h2>Welcome to React!</h2> <br >
+    <p>Be sure to close all tags!</p>
+    <hr >
+    remove comment and change code above this line */}
+  </div>
+);
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/manage-updates-with-lifecycle-methods.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/manage-updates-with-lifecycle-methods.arabic.md
new file mode 100644
index 0000000000..48fbe1e0a4
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/manage-updates-with-lifecycle-methods.arabic.md
@@ -0,0 +1,100 @@
+---
+id: 5a24c314108439a4d403617f
+title: Manage Updates with Lifecycle Methods
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: إدارة التحديثات باستخدام أساليب دورة الحياة
+---
+
+## Description
+<section id="description"> هناك طريقة أخرى لدورة الحياة هي <code>componentWillReceiveProps()</code> والتي يتم استدعاؤها كلما تلقى المكون الدعائم الجديدة. يتلقى هذا الأسلوب الدعائم الجديدة كوسيطة ، والتي عادة ما تتم كتابتها على شكل <code>nextProps</code> . يمكنك استخدام هذه الوسيطة ومقارنتها مع هذا <code>this.props</code> وتنفيذ الإجراءات قبل تحديث المكون. على سبيل المثال ، يمكنك استدعاء <code>setState()</code> محليًا قبل معالجة التحديث. طريقة أخرى هي <code>componentDidUpdate()</code> ، وتسمى على الفور بعد إعادة عرض المكون. لاحظ أن التقديم والتثبيت يعتبران أشياء مختلفة في دورة حياة المكونات. عندما يتم تحميل الصفحة أولاً ، يتم تحميل جميع المكونات وهذا هو المكان الذي يتم فيه استدعاء أساليب مثل <code>componentWillMount()</code> و <code>componentDidMount()</code> . بعد ذلك ، مع تغير الدولة ، تقوم المكونات بإعادة تقديم نفسها. التحدي التالي يغطي هذا بمزيد من التفصيل. </section>
+
+## Instructions
+<section id="instructions"> يتلقى مربع <code>Dialog</code> المكون التابع الدعائم <code>message</code> من أصلها ، مكون &quot; <code>Controller</code> . اكتب أسلوب <code>componentWillReceiveProps()</code> في مكون &quot; <code>Dialog</code> وقم <code>this.props</code> و <code>nextProps</code> إلى وحدة التحكم. ستحتاج إلى تمرير <code>nextProps</code> كحجة لهذه الطريقة ، وعلى الرغم من أنه من الممكن تسمية أي شيء ، <code>nextProps</code> ذلك هنا. بعد ذلك ، قم بإضافة <code>componentDidUpdate()</code> في مكون <code>Dialog</code> ، وقم بتسجيل عبارة تقول أن المكون قد تم تحديثه. تعمل هذه الطريقة على غرار <code>componentWillUpdate()</code> ، الذي يتم توفيره لك. الآن انقر فوق الزر لتغيير الرسالة ومشاهدة وحدة تحكم المستعرض الخاص بك. يعرض ترتيب عبارات وحدة التحكم الترتيب الذي تسمى الطرق. <strong>ملاحظة:</strong> ستحتاج إلى كتابة أساليب دورة الحياة كوظائف عادية وليس كدالة سهم لاجتياز الاختبارات (لا توجد أيضًا ميزة لكتابة أساليب دورة الحياة كدالة سهم). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم مكون &quot; <code>Controller</code> بعرض مكون &quot; <code>Dialog</code> &quot; كطفل.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Controller)); return mockedComponent.find("Controller").length === 1 && mockedComponent.find("Dialog").length === 1; })(), "The <code>Controller</code> component should render the <code>Dialog</code> component as a child.");'
+  - text: يجب أن يتم تسجيل أسلوب <code>componentWillReceiveProps</code> في مكون <code>Dialog</code> <code>this.props</code> إلى وحدة التحكم.
+    testString: 'assert((function() { const lifecycleChild = React.createElement(Dialog).type.prototype.componentWillReceiveProps.toString().replace(/ /g,""); return lifecycleChild.includes("console.log") && lifecycleChild.includes("this.props") })(), "The <code>componentWillReceiveProps</code> method in the <code>Dialog</code> component should log <code>this.props</code> to the console.");'
+  - text: يجب أن يسجل الأسلوب <code>componentWillReceiveProps</code> في مكون <code>Dialog</code> <code>nextProps</code> إلى وحدة التحكم.
+    testString: 'assert((function() { const lifecycleChild = React.createElement(Dialog).type.prototype.componentWillReceiveProps.toString().replace(/ /g,""); const nextPropsAsParameterTest = /componentWillReceiveProps(| *?= *?)(\(|)nextProps(\)|)( *?=> *?{| *?{|{)/; const nextPropsInConsoleLogTest = /console\.log\(.*?nextProps\b.*?\)/; return ( lifecycleChild.includes("console.log") && nextPropsInConsoleLogTest.test(lifecycleChild) && nextPropsAsParameterTest.test(lifecycleChild) ); })(), "The <code>componentWillReceiveProps</code> method in the <code>Dialog</code> component should log <code>nextProps</code> to the console.");'
+  - text: يجب استدعاء مكون <code>Dialog</code> أسلوب <code>componentDidUpdate</code> وتسجيل رسالة إلى وحدة التحكم.
+    testString: 'assert((function() { const lifecycleChild = React.createElement(Dialog).type.prototype.componentDidUpdate.toString().replace(/ /g,""); return lifecycleChild.length !== "undefined" && lifecycleChild.includes("console.log"); })(), "The <code>Dialog</code> component should call the <code>componentDidUpdate</code> method and log a message to the console.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Dialog extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  componentWillUpdate() {
+    console.log('Component is about to update...');
+  }
+  // change code below this line
+
+  // change code above this line
+  render() {
+    return <h1>{this.props.message}</h1>
+  }
+};
+
+class Controller extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      message: 'First Message'
+    };
+    this.changeMessage = this.changeMessage.bind(this);
+  }
+  changeMessage() {
+    this.setState({
+      message: 'Second Message'
+    });
+  }
+  render() {
+    return (
+      <div>
+        <button onClick={this.changeMessage}>Update</button>
+        <Dialog message={this.state.message}/>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/optimize-re-renders-with-shouldcomponentupdate.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/optimize-re-renders-with-shouldcomponentupdate.arabic.md
new file mode 100644
index 0000000000..838b5b16f5
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/optimize-re-renders-with-shouldcomponentupdate.arabic.md
@@ -0,0 +1,106 @@
+---
+id: 5a24c314108439a4d4036180
+title: Optimize Re-Renders with shouldComponentUpdate
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: تحسين Re-Renders مع shouldComponentUpdate
+---
+
+## Description
+<section id="description"> حتى الآن ، إذا تلقى أي مكون <code>state</code> جديدة أو <code>props</code> جديدة ، فإنه يعيد نفسه وجميع أبنائه. هذا عادة ما يرام. لكن React يوفر طريقة دورة حياة يمكنك الاتصال بها عندما تتلقى مكونات <code>state</code> الطفل أو <code>props</code> الجديدة ، وتعلن تحديدًا إذا كان يجب تحديث المكونات أم لا. هذه الطريقة هي <code>shouldComponentUpdate()</code> ، وتستغرق <code>nextProps</code> و <code>nextState</code> كمعلمات. هذه الطريقة هي طريقة مفيدة لتحسين الأداء. على سبيل المثال ، السلوك الافتراضي هو أن المكون الخاص بك re-renders عندما يتلقى <code>props</code> الجديدة ، حتى إذا لم يتم تغيير <code>props</code> . يمكنك استخدام <code>shouldComponentUpdate()</code> لمنع هذا عن طريق مقارنة <code>props</code> . يجب أن تقوم الطريقة بإرجاع قيمة <code>boolean</code> تخبر رد ما إذا كان سيتم تحديث المكون أم لا. يمكنك مقارنة الدعائم الحالية ( <code>this.props</code> ) <code>this.props</code> التالية ( <code>nextProps</code> ) لتحديد ما إذا كنت بحاجة إلى التحديث أم لا ، وإرجاع <code>true</code> أو <code>false</code> وفقًا لذلك. </section>
+
+## Instructions
+<section id="instructions"> يتم إضافة أسلوب <code>shouldComponentUpdate()</code> في مكون يسمى <code>OnlyEvens</code> . حاليًا ، يعود هذا الأسلوب إلى <code>true</code> لذا تعيد <code>OnlyEvens</code> الظهور في كل مرة تتلقى فيها <code>props</code> الجديدة. قم بتعديل الطريقة بحيث لا يتم تحديث <code>OnlyEvens</code> إلا إذا كانت <code>value</code> الدعائم الجديدة حتى. انقر فوق الزر &quot; <code>Add</code> وشاهد ترتيب الأحداث في وحدة تحكم المستعرض الخاص بك أثناء تشغيل hooks دورة الحياة الأخرى. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم مكون <code>Controller</code> <code>OnlyEvens</code> مكون <code>OnlyEvens</code> كطفل.
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(Controller)); return mockedComponent.find("Controller").length === 1 && mockedComponent.find("OnlyEvens").length === 1; })(), "The <code>Controller</code> component should render the <code>OnlyEvens</code> component as a child.");'
+  - text: ''
+    testString: 'assert((() => { const child = React.createElement(OnlyEvens).type.prototype.shouldComponentUpdate.toString().replace(/s/g,""); return child !== "undefined"; })(), "The <code>shouldComponentUpdate</code> method should be defined on the <code>OnlyEvens</code> component.");'
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Controller)); const first = () => { mockedComponent.setState({ value: 1000 }); return waitForIt(() => mockedComponent.find("h1").html()); }; const second = () => { mockedComponent.setState({ value: 10 }); return waitForIt(() => mockedComponent.find("h1").html()); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === "<h1>1000</h1>" && secondValue === "<h1>10</h1>", "The <code>OnlyEvens</code> component should return an <code>h1</code> tag which renders the value of <code>this.props.value</code>."); }; '
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Controller)); const first = () => { mockedComponent.setState({ value: 8 }); return waitForIt(() => mockedComponent.find("h1").text()); }; const second = () => { mockedComponent.setState({ value: 7 }); return waitForIt(() => mockedComponent.find("h1").text()); }; const third = () => { mockedComponent.setState({ value: 42 }); return waitForIt(() => mockedComponent.find("h1").text()); }; const firstValue = await first(); const secondValue = await second(); const thirdValue = await third(); assert(firstValue === "8" && secondValue === "8" && thirdValue === "42", "<code>OnlyEvens</code> should re-render only when <code>nextProps.value</code> is even."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class OnlyEvens extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  shouldComponentUpdate(nextProps, nextState) {
+    console.log('Should I update?');
+     // change code below this line
+    return true;
+     // change code above this line
+  }
+  componentWillReceiveProps(nextProps) {
+    console.log('Receiving new props...');
+  }
+  componentDidUpdate() {
+    console.log('Component re-rendered.');
+  }
+  render() {
+    return <h1>{this.props.value}</h1>
+  }
+};
+
+class Controller extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      value: 0
+    };
+    this.addValue = this.addValue.bind(this);
+  }
+  addValue() {
+    this.setState({
+      value: this.state.value + 1
+    });
+  }
+  render() {
+    return (
+      <div>
+        <button onClick={this.addValue}>Add</button>
+        <OnlyEvens value={this.state.value}/>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/override-default-props.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/override-default-props.arabic.md
new file mode 100644
index 0000000000..017700b0c4
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/override-default-props.arabic.md
@@ -0,0 +1,79 @@
+---
+id: 5a24c314108439a4d403616c
+title: Override Default Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: تجاوز الدعائم الافتراضية
+---
+
+## Description
+<section id="description"> تعد القدرة على ضبط الأدوات الافتراضية هي ميزة مفيدة في React. تتمثل طريقة تجاوز الدعائم الافتراضية في تعيين قيم الدعامة للمكون بشكل صريح. </section>
+
+## Instructions
+<section id="instructions"> مكون <code>ShoppingCart</code> الآن يعرض <code>Items</code> مكون تابعة. يحتوي مكون <code>Items</code> هذا على <code>quantity</code> prop افتراضية تعيين إلى عدد صحيح <code>0</code> . تجاوز الدعامة الافتراضية بتمرير قيمة <code>10</code> <code>quantity</code> . <strong>ملاحظة:</strong> تذكر أن بناء الجملة لإضافة دعامة إلى أحد المكونات يشبه الطريقة التي تضيف بها سمات HTML. ومع ذلك ، نظرًا لأن القيمة <code>quantity</code> هي عدد صحيح ، فلن يتم نقلها بين علامتي اقتباس ولكن يجب أن تكون ملفوفة في أقواس معقوفة. على سبيل المثال ، <code>{100}</code> . يخبر هذا التركيب JSX بتفسير القيمة داخل الأقواس مباشرة مثل JavaScript. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("ShoppingCart").length === 1; })(), "The component <code>ShoppingCart</code> should render.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("Items").length === 1; })(), "The component <code>Items</code> should render.");'
+  - text: ''
+    testString: 'getUserInput => assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("Items").props().quantity == 10 && getUserInput("index").replace(/ /g,"").includes("<Itemsquantity={10}/>"); })(), "The <code>Items</code> component should have a prop of <code>{ quantity: 10 }</code> passed from the <code>ShoppingCart</code> component.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const Items = (props) => {
+  return <h1>Current Quantity of Items in Cart: {props.quantity}</h1>
+}
+
+Items.defaultProps = {
+  quantity: 0
+}
+
+class ShoppingCart extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    { /* change code below this line */ }
+    return <Items />
+    { /* change code above this line */ }
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/pass-a-callback-as-props.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/pass-a-callback-as-props.arabic.md
new file mode 100644
index 0000000000..b3304228e8
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/pass-a-callback-as-props.arabic.md
@@ -0,0 +1,118 @@
+---
+id: 5a24c314108439a4d403617b
+title: Pass a Callback as Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> يمكنك تمرير <code>state</code> كدعائم إلى مكونات <code>state</code> ، ولكنك لا تقتصر على تمرير البيانات. يمكنك أيضًا تمرير وظائف معالج أو أي طريقة يتم تعريفها في مكون React إلى مكون فرعي. هذه هي الطريقة التي تسمح للمكونات الفرعية بالتفاعل مع المكونات الأساسية الخاصة بها. تمر الطرق لطفل مثل الدعامة العادية. يتم تعيين اسم له ولديك إمكانية الوصول إلى اسم هذا الأسلوب ضمن <code>this.props</code> في المكون التابع. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يتم عرض مكون <code>MyApp</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyApp)); return mockedComponent.find("MyApp").length === 1; })(), "The <code>MyApp</code> component should render.");'
+  - text: يجب أن يتم تقديم المكون <code>GetInput</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyApp)); return mockedComponent.find("GetInput").length === 1; })(), "The <code>GetInput</code> component should render.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyApp)); return mockedComponent.find("RenderInput").length === 1; })(), "The <code>RenderInput</code> component should render.");'
+  - text: يجب أن يتلقى المكون <code>GetInput</code> خاصية حالة حالة <code>MyApp</code> <code>inputValue</code> ويحتوي على عنصر <code>input</code> بتعديل حالة <code>MyApp</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyApp)); const state_1 = () => { mockedComponent.setState({inputValue: ""}); return waitForIt(() => mockedComponent.state() )}; const state_2 = () => { mockedComponent.find("input").simulate("change", {target: {value: "TestInput"}}); return waitForIt(() => mockedComponent.state() )}; const updated_1 = await state_1(); const updated_2 = await state_2(); assert(updated_1.inputValue === "" && updated_2.inputValue === "TestInput", "The <code>GetInput</code> component should receive the <code>MyApp</code> state property <code>inputValue</code> as props and contain an <code>input</code> element which modifies <code>MyApp</code> state."); }; '
+  - text: و <code>RenderInput</code> ينبغي أن يتلقى المكون <code>MyApp</code> ممتلكات الدولة <code>inputValue</code> كما الدعائم.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyApp)); const state_1 = () => { mockedComponent.setState({inputValue: "TestName"}); return waitForIt(() => mockedComponent )}; const updated_1 = await state_1(); assert(updated_1.find("p").text().includes("TestName"), "The <code>RenderInput</code> component should receive the <code>MyApp</code> state property <code>inputValue</code> as props."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyApp extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      inputValue: "
+    }
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      inputValue: event.target.value
+    });
+  }
+  render() {
+    return (
+       <div>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+       </div>
+    );
+  }
+};
+
+class GetInput extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h3>Get Input:</h3>
+        <input
+          value={this.props.input}
+          onChange={this.props.handleChange}/>
+      </div>
+    );
+  }
+};
+
+class RenderInput extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h3>Input Render:</h3>
+        <p>{this.props.input}</p>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/pass-an-array-as-props.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/pass-an-array-as-props.arabic.md
new file mode 100644
index 0000000000..c2c2f44530
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/pass-an-array-as-props.arabic.md
@@ -0,0 +1,93 @@
+---
+id: 5a24c314108439a4d403616a
+title: Pass an Array as Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> أظهر التحدي الأخير كيفية تمرير المعلومات من مكون رئيسي إلى مكون <code>props</code> أو خصائص. هذا التحدي يبحث في كيف يمكن تمرير الصفائف <code>props</code> . لتمرير مصفوفة إلى عنصر JSX ، يجب التعامل معها على هيئة JavaScript وملفوفة في أقواس معقوفة. <blockquote style=";text-align:right;direction:rtl"> &lt;ParentComponent&gt; <br> &lt;ChildComponent colors = {[&quot;green&quot;، &quot;blue&quot;، &quot;red&quot;]} /&gt; <br> &lt;/ ParentComponent&gt; </blockquote> المكون الفرعي ثم الوصول إلى <code>colors</code> خاصية الصفيف. يمكن استخدام أساليب المصفوفة مثل <code>join()</code> عند الوصول إلى الخاصية. <code>const ChildComponent = (props) =&gt; &lt;p&gt;{props.colors.join(&#39;, &#39;)}&lt;/p&gt;</code> سينضم هذا إلى كل عناصر صفيف <code>colors</code> في سلسلة مفصولة بفواصل وينتج: <code>&lt;p&gt;green, blue, red&lt;/p&gt;</code> لاحقًا ، سنتعرف على الطرق الشائعة الأخرى لتقديم صفائف البيانات في React. </section>
+
+## Instructions
+<section id="instructions"> هناك <code>List</code> ومكونات <code>ToDo</code> في محرر التعليمات البرمجية. عند تقديم كل <code>List</code> من المكون <code>ToDo</code> ، قم بتمرير خاصية <code>tasks</code> معينة إلى صفيف مهام المهام ، على سبيل المثال <code>[&quot;walk dog&quot;, &quot;workout&quot;]</code> . ثم قم بالوصول إلى مصفوفة <code>tasks</code> هذه في مكون <code>List</code> ، مع إظهار قيمته داخل العنصر <code>p</code> . استخدم <code>join(&quot;, &quot;)</code> لعرض مصفوفة <code>props.tasks</code> في عنصر <code>p</code> كقائمة مفصولة بفواصل. يجب أن تحتوي قائمة اليوم على مهمتين على الأقل ويجب أن تشتمل مهام الغد على 3 مهام على الأقل. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم مكون <code>ToDo</code> بإرجاع <code>div</code> خارجي واحد.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.children().first().type() === "div"; })(), "The <code>ToDo</code> component should return a single outer <code>div</code>.");'
+  - text: يجب أن يكون الطفل الثالث لمكون <code>ToDo</code> نسخة من مكون <code>List</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.children().first().childAt(2).name() === "List"; })(), "The third child of the <code>ToDo</code> component should be an instance of the <code>List</code> component.");'
+  - text: يجب أن يكون الطفل الخامس من المكون <code>ToDo</code> نسخة من مكون <code>List</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.children().first().childAt(4).name() === "List"; })(), "The fifth child of the <code>ToDo</code> component should be an instance of the <code>List</code> component.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return Array.isArray(mockedComponent.find("List").get(0).props.tasks) && Array.isArray(mockedComponent.find("List").get(1).props.tasks); })(), "Both instances of the <code>List</code> component should have a property called <code>tasks</code> and <code>tasks</code> should be of type array.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.find("List").get(0).props.tasks.length >= 2; })(), "The first <code>List</code> component representing the tasks for today should have 2 or more items.");'
+  - text: يجب أن يشتمل عنصر <code>List</code> الثاني الذي يمثل مهام الغد على 3 عناصر أو أكثر.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.find("List").get(1).props.tasks.length >= 3; })(), "The second <code>List</code> component representing the tasks for tomorrow should have 3 or more items.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.find("p").get(0).props.children === mockedComponent.find("List").get(0).props.tasks.join(", ") && mockedComponent.find("p").get(1).props.children === mockedComponent.find("List").get(1).props.tasks.join(", "); })(), "The <code>List</code> component should render the value from the <code>tasks</code> prop in the <code>p</code> tag as a comma separated list, for example <code>walk dog, workout</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const List= (props) => {
+  { /* change code below this line */ }
+  return <p>{}</p>
+  { /* change code above this line */ }
+};
+
+class ToDo extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>To Do Lists</h1>
+        <h2>Today</h2>
+        { /* change code below this line */ }
+        <List/>
+        <h2>Tomorrow</h2>
+        <List/>
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/pass-props-to-a-stateless-functional-component.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/pass-props-to-a-stateless-functional-component.arabic.md
new file mode 100644
index 0000000000..1c0264590d
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/pass-props-to-a-stateless-functional-component.arabic.md
@@ -0,0 +1,90 @@
+---
+id: 5a24c314108439a4d4036169
+title: Pass Props to a Stateless Functional Component
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> هناك مكونات <code>Calendar</code> و <code>CurrentDate</code> في محرر التعليمات البرمجية. عند تقديم <code>CurrentDate</code> من مكون <code>Calendar</code> ، قم بتمرير خاصية <code>date</code> المعينة للتاريخ الحالي من كائن <code>Date</code> JavaScript. ثم قم بالوصول إلى هذا <code>prop</code> في مكون <code>CurrentDate</code> ، مع إظهار قيمته داخل علامات <code>p</code> . تجدر الإشارة إلى أنه بالنسبة إلى قيم <code>prop</code> أن يتم تقييمها على هيئة JavaScript ، يجب تضمينها في أقواس متعرجة ، على سبيل المثال <code>date={Date()}</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); return mockedComponent.children().type() === "div"; })(), "The <code>Calendar</code> component should return a single <code>div</code> element.");'
+  - text: يجب أن يكون الطفل الثاني لمكون <code>Calendar</code> مكون <code>CurrentDate</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); return mockedComponent.children().childAt(1).name() === "CurrentDate"; })(), "The second child of the <code>Calendar</code> component should be the <code>CurrentDate</code> component.");'
+  - text: يجب أن يكون لمكون <code>CurrentDate</code> دعامة <code>date</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); return mockedComponent.children().childAt(1).props().date })(), "The <code>CurrentDate</code> component should have a prop called <code>date</code>.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); const prop = mockedComponent.children().childAt(1).props().date; return( typeof prop === "string" && prop.length > 0 ); })(), "The <code>date</code> prop of the <code>CurrentDate</code> should contain a string of text.");'
+  - text: يجب أن يقوم مكون <code>CurrentDate</code> القيمة من <code>date</code> prop في علامة <code>p</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); return mockedComponent.find("p").html().includes(Date().substr(3)); })(), "The <code>CurrentDate</code> component should render the value from the <code>date</code> prop in the <code>p</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const CurrentDate = (props) => {
+  return (
+    <div>
+      { /* change code below this line */ }
+      <p>The current date is: </p>
+      { /* change code above this line */ }
+    </div>
+  );
+};
+
+class Calendar extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h3>What date is it?</h3>
+        { /* change code below this line */ }
+        <CurrentDate />
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/pass-state-as-props-to-child-components.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/pass-state-as-props-to-child-components.arabic.md
new file mode 100644
index 0000000000..b1dafef0c5
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/pass-state-as-props-to-child-components.arabic.md
@@ -0,0 +1,89 @@
+---
+id: 5a24c314108439a4d403617a
+title: Pass State as Props to Child Components
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> رأيت الكثير من الأمثلة التي مرت الدعائم لعناصر JSX الأطفال والمكونات React الأطفال في التحديات السابقة. قد تتساءل من أين تأتي تلك الدعائم. النمط الشائع هو أن يكون لديك مكونًا حاويًا يحتوي على <code>state</code> المهمة لتطبيقك ، والذي يجعل مكونات الطفل ثم. تريد هذه المكونات للوصول إلى بعض القطع من تلك <code>state</code> ، والتي يتم تمريرها في الدعائم. على سبيل المثال ، ربما يكون لديك مكون <code>App</code> يعرض شريط <code>Navbar</code> ، ضمن المكونات الأخرى. في <code>App</code> ، لديك <code>state</code> تحتوي على الكثير من معلومات المستخدم ، ولكن يحتاج شريط <code>Navbar</code> إلى الوصول إلى اسم المستخدم الخاص بالمستخدم فقط حتى يمكنه عرضه. يمكنك تمرير هذه <code>state</code> إلى مكون <code>Navbar</code> كدعم. يوضح هذا النمط بعض النماذج المهمة في React. الأول هو <em>تدفق البيانات أحادي الاتجاه</em> . تدفقات الحالة في اتجاه واحد أسفل شجرة مكونات التطبيق الخاص بك ، من المكون الرئيسي الحزينة إلى المكونات التابعة. المكونات التابعة فقط تتلقى بيانات الحالة التي يحتاجونها. والثاني هو أن التطبيقات الرسمية المعقدة يمكن تقسيمها إلى عدد قليل فقط ، أو ربما مكون واحد مؤكد. بقية المكونات الخاصة بك ببساطة تتلقى حالة من الوالد كما الدعائم ، وجعل واجهة المستخدم من تلك الحالة. ويبدأ في إنشاء فصل حيث يتم التعامل مع إدارة الولاية في جزء واحد من التعليمات البرمجية و UI تقديم في آخر. هذا المبدأ لفصل منطق الدولة من منطق واجهة المستخدم هو أحد المبادئ الرئيسية لـ React. عندما يتم استخدامه بشكل صحيح ، فإنه يجعل تصميم التطبيقات المعقدة والحافلة سهلة الإدارة. </section>
+
+## Instructions
+<section id="instructions"> مكون <code>MyApp</code> هو stateful ويعرض مكون <code>Navbar</code> كطفل. تمرير <code>name</code> الملكية في في <code>state</code> وصولا الى عنصر الطفل، ثم تظهر <code>name</code> في <code>h1</code> العلامة التي جزء من <code>Navbar</code> تقديم الأسلوب. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyApp)); return mockedComponent.find("MyApp").length === 1 && mockedComponent.find("Navbar").length === 1; })(), "The <code>MyApp</code> component should render with a <code>Navbar</code> component inside.");'
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyApp)); const setState = () => { mockedComponent.setState({name: "TestName"}); return waitForIt(() => mockedComponent.find("Navbar").props() )}; const navProps = await setState(); assert(navProps.name === "TestName", "The <code>Navbar</code> component should receive the <code>MyApp</code> state property <code>name</code> as props."); }; '
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyApp)); const navH1Before = mockedComponent.find("Navbar").find("h1").text(); const setState = () => { mockedComponent.setState({name: "TestName"}); return waitForIt(() => mockedComponent.find("Navbar").find("h1").text() )}; const navH1After = await setState(); assert(new RegExp("TestName").test(navH1After) && navH1After !== navH1Before, "The <code>h1</code> element in <code>Navbar</code> should render the <code>name</code> prop."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyApp extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'CamperBot'
+    }
+  }
+  render() {
+    return (
+       <div>
+         <Navbar /* your code here */ />
+       </div>
+    );
+  }
+};
+
+class Navbar extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+    <div>
+      <h1>Hello, my name is: /* your code here */ </h1>
+    </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/render-a-class-component-to-the-dom.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/render-a-class-component-to-the-dom.arabic.md
new file mode 100644
index 0000000000..d1f1f4625e
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/render-a-class-component-to-the-dom.arabic.md
@@ -0,0 +1,113 @@
+---
+id: 5a24c314108439a4d4036167
+title: Render a Class Component to the DOM
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> يتم تعريف كل من مكونات <code>Fruits</code> <code>Vegetables</code> لك وراء الكواليس. تقديم كل من المكونات كأطفال من المكون <code>TypesOfFood</code> ، ثم تقديم <code>TypesOfFood</code> إلى DOM. يوجد <code>div</code> به <code>id=&#39;challenge-node&#39;</code> متاح للاستخدام. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().type() === "div"; })(), "The <code>TypesOfFood</code> component should return a single <code>div</code> element.");'
+  - text: يجب أن يقوم المكون <code>TypesOfFood</code> مكون <code>Fruits</code> بعد عنصر <code>h1</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().childAt(1).name() === "Fruits"; })(), "The <code>TypesOfFood</code> component should render the <code>Fruits</code> component after the <code>h1</code> element.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().childAt(2).name() === "Vegetables"; })(), "The <code>TypesOfFood</code> component should render the <code>Vegetables</code> component after <code>Fruits</code>.");'
+  - text: يجب أن يتم عرض المكون <code>TypesOfFood</code> إلى DOM داخل <code>div</code> مع <code>challenge-node</code> الهوية.
+    testString: 'assert((function() { const html = document.getElementById("challenge-node").childNodes[0].innerHTML; return (html === "<h1>Types of Food:</h1><div><h2>Fruits:</h2><h4>Non-Citrus:</h4><ul><li>Apples</li><li>Blueberries</li><li>Strawberries</li><li>Bananas</li></ul><h4>Citrus:</h4><ul><li>Lemon</li><li>Lime</li><li>Orange</li><li>Grapefruit</li></ul></div><div><h2>Vegetables:</h2><ul><li>Brussel Sprouts</li><li>Broccoli</li><li>Squash</li></ul></div>"); })(), "The <code>TypesOfFood</code> component should render to the DOM within the <code>div</code> with the id <code>challenge-node</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class TypesOfFood extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>Types of Food:</h1>
+        {/* change code below this line */}
+
+        {/* change code above this line */}
+      </div>
+    );
+  }
+};
+
+// change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+const Fruits = () => {
+  return (
+    <div>
+      <h2>Fruits:</h2>
+      <h4>Non-Citrus:</h4>
+        <ul>
+          <li>Apples</li>
+          <li>Blueberries</li>
+          <li>Strawberries</li>
+          <li>Bananas</li>
+        </ul>
+      <h4>Citrus:</h4>
+        <ul>
+          <li>Lemon</li>
+          <li>Lime</li>
+          <li>Orange</li>
+          <li>Grapefruit</li>
+        </ul>
+    </div>
+  );
+};
+const Vegetables = () => {
+  return (
+    <div>
+      <h2>Vegetables:</h2>
+      <ul>
+        <li>Brussel Sprouts</li>
+        <li>Broccoli</li>
+        <li>Squash</li>
+      </ul>
+    </div>
+  );
+};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/render-conditionally-from-props.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/render-conditionally-from-props.arabic.md
new file mode 100644
index 0000000000..8b654ba1fd
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/render-conditionally-from-props.arabic.md
@@ -0,0 +1,110 @@
+---
+id: 5a24c314108439a4d4036188
+title: Render Conditionally from Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: تجعل مشروط من الدعائم
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يتواجد مكون <code>GameOfChance</code> وأن يتم <code>GameOfChance</code> إلى الصفحة.
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(GameOfChance)).find("GameOfChance").length, 1, "The <code>GameOfChance</code> component should exist and render to the page.");'
+  - text: يجب أن تقوم <code>GameOfChance</code> بإرجاع عنصر <code>button</code> واحد.
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(GameOfChance)).find("button").length, 1, "<code>GameOfChance</code> should return a single <code>button</code> element.");'
+  - text: يجب أن تقوم <code>GameOfChance</code> بإرجاع نسخة واحدة من مكون <code>Results</code> ، الذي يحتوي على سند باسم <code>fiftyFifty</code> .
+    testString: 'assert(Enzyme.mount(React.createElement(GameOfChance)).find("Results").length === 1 && Enzyme.mount(React.createElement(GameOfChance)).find("Results").props().hasOwnProperty("fiftyFifty") === true, "<code>GameOfChance</code> should return a single instance of the <code>Results</code> component, which has a prop called <code>fiftyFifty</code>.");'
+  - text: يجب تهيئة حالة <code>GameOfChance</code> مع خاصية <code>counter</code> لتعيين قيمة <code>1</code> .
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(GameOfChance)).state().counter, 1, "<code>GameOfChance</code> state should be initialized with a property of <code>counter</code> set to a value of <code>1</code>.");'
+  - text: 'عندما يتم تقديم مكون <code>GameOfChance</code> أولاً إلى DOM ، يجب إرجاع عنصر <code>p</code> مع النص الداخلي لـ <code>Turn: 1</code> .'
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(GameOfChance)).find("p").text(), "Turn: 1", "When the <code>GameOfChance</code> component is first rendered to the DOM, a <code>p</code> element should be returned with the inner text of <code>Turn: 1</code>.");'
+  - text: 'في كل مرة يتم النقر فوق الزر ، يجب زيادة حالة العداد بقيمة 1 ، ويجب تقديم عنصر <code>p</code> واحد إلى DOM الذي يحتوي على النص &quot;Turn: N&quot; ، حيث N هي قيمة حالة العداد.'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(GameOfChance)); const simulate = () => { comp.find("button").simulate("click"); };const result = () => ({ count: comp.state("counter"), text: comp.find("p").text() });const _1 = () => { simulate(); return waitForIt(() => result())}; const _2 = () => { simulate(); return waitForIt(() => result())}; const _3 = () => { simulate(); return waitForIt(() => result())}; const _4 = () => { simulate(); return waitForIt(() => result())}; const _5 = () => { simulate(); return waitForIt(() => result())}; const _1_val = await _1(); const _2_val = await _2(); const _3_val = await _3(); const _4_val = await _4(); const _5_val = await _5(); assert(_1_val.count === 2 && _1_val.text === "Turn: 2" && _2_val.count === 3 && _2_val.text === "Turn: 3" && _3_val.count === 4 && _3_val.text === "Turn: 4" && _4_val.count === 5 && _4_val.text === "Turn: 5" && _5_val.count === 6 && _5_val.text === "Turn: 6", "Each time the button is clicked, the counter state should be incremented by a value of 1, and a single <code>p</code> element should be rendered to the DOM that contains the text "Turn: N", where N is the value of the counter state."); }; '
+  - text: عندما يتم أولاً تثبيت المكون <code>GameOfChance</code> إلى DOM و في كل مرة يتم النقر فوق الزر بعد ذلك ، يجب إرجاع عنصر <code>h1</code> مفرد يعرض عشوائياً إما <code>You Win!</code> أو <code>You Lose!</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(GameOfChance)); const simulate = () => { comp.find("button").simulate("click"); };const result = () => ({ h1: comp.find("h1").length, text: comp.find("h1").text() });const _1 = result(); const _2 = () => { simulate(); return waitForIt(() => result())}; const _3 = () => { simulate(); return waitForIt(() => result())}; const _4 = () => { simulate(); return waitForIt(() => result())}; const _5 = () => { simulate(); return waitForIt(() => result())}; const _6 = () => { simulate(); return waitForIt(() => result())}; const _7 = () => { simulate(); return waitForIt(() => result())}; const _8 = () => { simulate(); return waitForIt(() => result())}; const _9 = () => { simulate(); return waitForIt(() => result())}; const _10 = () => { simulate(); return waitForIt(() => result())}; const _2_val = await _2(); const _3_val = await _3(); const _4_val = await _4(); const _5_val = await _5(); const _6_val = await _6(); const _7_val = await _7(); const _8_val = await _8(); const _9_val = await _9(); const _10_val = await _10(); const __text = new Set([_1.text, _2_val.text, _3_val.text, _4_val.text, _5_val.text, _6_val.text, _7_val.text, _8_val.text, _9_val.text, _10_val.text]); const __h1 = new Set([_1.h1, _2_val.h1, _3_val.h1, _4_val.h1, _5_val.h1, _6_val.h1, _7_val.h1, _8_val.h1, _9_val.h1, _10_val.h1]); assert(__text.size === 2 && __h1.size === 1, "When the <code>GameOfChance</code> component is first mounted to the DOM and each time the button is clicked thereafter, a single <code>h1</code> element should be returned that randomly renders either <code>You Win!</code> or <code>You Lose!</code>."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Results extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <h1>
+      {
+        /* change code here */
+      }
+      </h1>
+    )
+  };
+};
+
+class GameOfChance extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      counter: 1
+    }
+    this.handleClick = this.handleClick.bind(this);
+  }
+  handleClick() {
+    this.setState({
+      counter: 0 // change code here
+    });
+  }
+  render() {
+    let expression = null; // change code here
+    return (
+      <div>
+        <button onClick={this.handleClick}>Play Again</button>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+        <p>{'Turn: ' + this.state.counter}</p>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/render-html-elements-to-the-dom.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/render-html-elements-to-the-dom.arabic.md
new file mode 100644
index 0000000000..ee68cf7a17
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/render-html-elements-to-the-dom.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 5a24bbe0dba28a8d3cbd4c5f
+title: Render HTML Elements to the DOM
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: تقديم عناصر HTML إلى DOM
+---
+
+## Description
+<section id="description"> حتى الآن ، تعلمت أن JSX هي أداة ملائمة لكتابة HTML قابل للقراءة في JavaScript. باستخدام React ، يمكننا تقديم JSX مباشرةً إلى HTML DOM باستخدام واجهة برمجة تطبيقات React التي تُعرف باسم ReactDOM. يقدم ReactDOM طريقة بسيطة لعرض عناصر <code>ReactDOM.render(componentToRender, targetNode)</code> DOM التي تبدو كما يلي: <code>ReactDOM.render(componentToRender, targetNode)</code> ، حيث تكون الوسيطة الأولى هي عنصر React أو المكون الذي تريد <code>ReactDOM.render(componentToRender, targetNode)</code> الثانية هي عقدة DOM التي تريد تقديم المكون إليها. كما هو متوقع ، يجب استدعاء <code>ReactDOM.render()</code> بعد تعريفات عناصر JSX ، تمامًا كما يجب أن تقوم بتعريف المتغيرات قبل استخدامها. </section>
+
+## Instructions
+<section id="instructions"> يحتوي محرر التعليمة البرمجية على مكون JSX بسيط. استخدم الأسلوب <code>ReactDOM.render()</code> لتقديم هذا المكون إلى الصفحة. يمكنك تمرير عناصر JSX المحددة مباشرة كوسيطة أولى واستخدام <code>document.getElementById()</code> لتحديد عقدة DOM لتقديمها. يوجد <code>div</code> به <code>id=&#39;challenge-node&#39;</code> متاح للاستخدام. تأكد من عدم تغيير ثابت <code>JSX</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب على <code>JSX</code> المستمر إرجاع عنصر <code>div</code> .
+    testString: 'assert(JSX.type === "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: يجب أن يحتوي <code>div</code> على علامة <code>h1</code> باعتبارها العنصر الأول.
+    testString: 'assert(JSX.props.children[0].type === "h1", "The <code>div</code> should contain an <code>h1</code> tag as the first element.");'
+  - text: يجب أن يحتوي <code>div</code> على علامة <code>p</code> كعنصر ثانٍ.
+    testString: 'assert(JSX.props.children[1].type === "p", "The <code>div</code> should contain a <code>p</code> tag as the second element.");'
+  - text: يجب أن يتم تقديم عنصر JSX المقدم إلى عقدة DOM مع عقدة <code>challenge-node</code> الهوية.
+    testString: 'assert(document.getElementById("challenge-node").childNodes[0].innerHTML === "<h1>Hello World</h1><p>Lets render this to the DOM</p>", "The provided JSX element should render to the DOM node with id <code>challenge-node</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = (
+  <div>
+    <h1>Hello World</h1>
+    <p>Lets render this to the DOM</p>
+  </div>
+);
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/render-react-on-the-server-with-rendertostring.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/render-react-on-the-server-with-rendertostring.arabic.md
new file mode 100644
index 0000000000..2d7c83fbe4
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/render-react-on-the-server-with-rendertostring.arabic.md
@@ -0,0 +1,76 @@
+---
+id: 5a24c314108439a4d403618d
+title: Render React on the Server with renderToString
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: تجعل رد فعل على الخادم مع renderToString
+---
+
+## Description
+<section id="description"> حتى الآن ، لقد تم تقديم مكونات React على العميل. عادة ، هذا ما ستفعله دائمًا. ومع ذلك ، هناك بعض حالات الاستخدام حيث يكون من المنطقي تقديم مكون React على الخادم. نظرًا لأن React عبارة عن مكتبة عرض جافا سكريبت ، ويمكنك تشغيل جافا سكريبت على الخادم باستخدام عقدة ، فهذا ممكن. في الواقع ، يوفر <code>renderToString()</code> طريقة <code>renderToString()</code> التي يمكنك استخدامها لهذا الغرض. هناك سببان رئيسيان لماذا يمكن استخدام التقديم على الخادم في تطبيق عالمي حقيقي. أولاً ، بدون إجراء ذلك ، ستتألف تطبيقات React من ملف HTML فارغ نسبيًا ومجموعة كبيرة من جافا سكريبت عندما يتم تحميله في البداية على المتصفح. قد لا يكون ذلك مثاليًا لمحركات البحث التي تحاول فهرسة محتوى صفحاتك حتى يتمكن الأشخاص من العثور عليك. إذا عرضت ترميز HTML الأولي على الخادم وأرسلته إلى العميل ، فسيحتوي تحميل الصفحة الأولي على كل ترميز الصفحة الذي يمكن الزحف إليه بواسطة محركات البحث. ثانيًا ، يؤدي هذا إلى إنشاء تجربة تحميل أولية أسرع للصفحات ؛ نظرًا لأن شفرة HTML المقدمة أصغر من شفرة جافا سكريبت للتطبيق بالكامل. سيظل رد الفعل قادرًا على التعرف على تطبيقك وإدارته بعد التحميل الأولي. </section>
+
+## Instructions
+<section id="instructions"> يتم توفير الأسلوب <code>renderToString()</code> على <code>ReactDOMServer</code> ، والذي يتوفر هنا ككائن عام. تأخذ الطريقة وسيطة واحدة وهي عنصر React. استخدم هذا لتقديم <code>App</code> إلى سلسلة. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب تقديم مكون <code>App</code> إلى سلسلة باستخدام <code>ReactDOMServer.renderToString</code> .
+    testString: 'getUserInput => assert(getUserInput("index").replace(/ /g,"").includes("ReactDOMServer.renderToString(<App/>)") && Enzyme.mount(React.createElement(App)).children().name() === "div", "The <code>App</code> component should render to a string using <code>ReactDOMServer.renderToString</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class App extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return <div/>
+  }
+};
+
+// change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+var ReactDOMServer = { renderToString(x) { return null; } };
+
+```
+
+</div>
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/render-state-in-the-user-interface-another-way.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/render-state-in-the-user-interface-another-way.arabic.md
new file mode 100644
index 0000000000..61d85f1d87
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/render-state-in-the-user-interface-another-way.arabic.md
@@ -0,0 +1,83 @@
+---
+id: 5a24c314108439a4d4036172
+title: Render State in the User Interface Another Way
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: تقديم الدولة في واجهة المستخدم بطريقة أخرى
+---
+
+## Description
+<section id="description"> هناك طريقة أخرى للوصول إلى <code>state</code> في أحد المكونات. في الطريقة <code>render()</code> ، قبل عبارة <code>return</code> ، يمكنك كتابة JavaScript مباشرة. على سبيل المثال ، يمكنك الإعلان عن الدوال ، أو الوصول إلى البيانات من <code>state</code> أو <code>props</code> ، أو إجراء عمليات حسابية على هذه البيانات ، وما إلى ذلك. بعد ذلك ، يمكنك تعيين أي بيانات للمتغيرات ، والتي يمكنك الوصول إليها في بيان <code>return</code> . </section>
+
+## Instructions
+<section id="instructions"> في <code>MyComponent</code> تقديم طريقة، تحديد <code>const</code> يسمى <code>name</code> وأضرموا فيه يساوي قيمة اسم في المكون <code>state</code> . نظرًا لأنه يمكنك كتابة JavaScript مباشرة في هذا الجزء من الشفرة ، لن تضطر إلى تضمين هذا المرجع في أقواس معقوفة. بعد ذلك ، في بيان الإرجاع ، قم بعرض هذه القيمة في علامة <code>h1</code> باستخدام <code>name</code> المتغير. تذكر أنك تحتاج إلى استخدام بنية JSX (أقواس معقوفة لجافا سكريبت) في بيان الإرجاع. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون لدى <code>MyComponent</code> <code>name</code> مفتاح مع القيمة <code>freeCodeCamp</code> المخزنة في حالتها.
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).state("name") === "freeCodeCamp", "<code>MyComponent</code> should have a key <code>name</code> with value <code>freeCodeCamp</code> stored in its state.");'
+  - text: يجب أن يقوم <code>MyComponent</code> بعرض رأس <code>h1</code> مغلق في <code>div</code> مفرد.
+    testString: 'assert(/<div><h1>.*<\/h1><\/div>/.test(Enzyme.mount(React.createElement(MyComponent)).html()), "<code>MyComponent</code> should render an <code>h1</code> header enclosed in a single <code>div</code>.");'
+  - text: 'يجب أن تتضمن العلامة <code>h1</code> المقدمة إشارة إلى <code>{name}</code> .'
+    testString: 'getUserInput => assert(/<h1>\n*\s*\{\s*name\s*\}\s*\n*<\/h1>/.test(getUserInput("index")), "The rendered <code>h1</code> tag should include a reference to <code>{name}</code>.");'
+  - text: يجب أن يحتوي رأس <code>h1</code> المقدمة على نص تم تقديمه من حالة المكوِّن.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ name: "TestName" });   return waitForIt(() => mockedComponent.html()) }; const firstValue = await first(); assert(firstValue === "<div><h1>TestName</h1></div>", "The rendered <code>h1</code> header should contain text rendered from the component&apos;s state."); };'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'freeCodeCamp'
+    }
+  }
+  render() {
+    // change code below this line
+
+    // change code above this line
+    return (
+      <div>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/render-state-in-the-user-interface.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/render-state-in-the-user-interface.arabic.md
new file mode 100644
index 0000000000..756caf923c
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/render-state-in-the-user-interface.arabic.md
@@ -0,0 +1,78 @@
+---
+id: 5a24c314108439a4d4036171
+title: Render State in the User Interface
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: تقديم الدولة في واجهة المستخدم
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).state("name") === "freeCodeCamp", "<code>MyComponent</code> should have a key <code>name</code> with value <code>freeCodeCamp</code> stored in its state.");'
+  - text: ''
+    testString: 'assert(/<div><h1>.*<\/h1><\/div>/.test(Enzyme.mount(React.createElement(MyComponent)).html()), "<code>MyComponent</code> should render an <code>h1</code> header enclosed in a single <code>div</code>.");'
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ name: "TestName" });   return waitForIt(() => mockedComponent.html()) }; const firstValue = await first(); assert(firstValue === "<div><h1>TestName</h1></div>", "The rendered <code>h1</code> header should contain text rendered from the component&apos;s state.");};'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'freeCodeCamp'
+    }
+  }
+  render() {
+    return (
+      <div>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/render-with-an-if-else-condition.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/render-with-an-if-else-condition.arabic.md
new file mode 100644
index 0000000000..52b35e0e16
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/render-with-an-if-else-condition.arabic.md
@@ -0,0 +1,87 @@
+---
+id: 5a24c314108439a4d4036184
+title: Render with an If-Else Condition
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> يحتوي MyComponent على <code>boolean</code> في حالته التي تقوم بتتبع ما إذا كنت تريد عرض بعض العناصر في واجهة المستخدم أم لا. يقوم <code>button</code> تبديل حالة هذه القيمة. حاليًا ، يتم عرض واجهة المستخدم نفسها في كل مرة. أعد كتابة طريقة <code>render()</code> مع عبارة <code>if/else</code> بحيث إذا كان <code>display</code> <code>true</code> ، فأعدت الترميز الحالي. وإلا ، فأعد الترميز بدون عنصر <code>h1</code> . <strong>ملاحظة:</strong> يجب عليك كتابة <code>if/else</code> لتمرير الاختبارات. استخدام المشغل الثلاثي لن يمر هنا. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يوجد <code>MyComponent</code> وعرض.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("MyComponent").length === 1; })(), "<code>MyComponent</code> should exist and render.");'
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const state_1 = () => { mockedComponent.setState({display: true}); return waitForIt(() => mockedComponent )}; const updated = await state_1(); assert(mockedComponent.find("div").length === 1 && mockedComponent.find("div").children().length === 2 && mockedComponent.find("button").length === 1 && mockedComponent.find("h1").length === 1, "When <code>display</code> is set to <code>true</code>, a <code>div</code>, <code>button</code>, and <code>h1</code> should render."); }; '
+  - text: عند تعيين <code>display</code> على &quot; <code>false</code> ، يجب أن يتم <code>display</code> فقط <code>button</code> <code>div</code> <code>button</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const state_1 = () => { mockedComponent.setState({display: false}); return waitForIt(() => mockedComponent )}; const updated = await state_1(); assert(mockedComponent.find("div").length === 1 && mockedComponent.find("div").children().length === 1 && mockedComponent.find("button").length === 1 && mockedComponent.find("h1").length === 0, "When <code>display</code> is set to <code>false</code>, only a <code>div</code> and <code>button</code> should render."); }; '
+  - text: يجب أن تستخدم طريقة التجسيد عبارة <code>if/else</code> للتحقق من حالة <code>this.state.display</code> .
+    testString: 'getUserInput => assert(getUserInput("index").includes("if") && getUserInput("index").includes("else"), "The render method should use an <code>if/else</code> statement to check the condition of <code>this.state.display</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      display: true
+    }
+    this.toggleDisplay = this.toggleDisplay.bind(this);
+  }
+  toggleDisplay() {
+    this.setState({
+      display: !this.state.display
+    });
+  }
+  render() {
+    // change code below this line
+
+    return (
+       <div>
+         <button onClick={this.toggleDisplay}>Toggle Display</button>
+         <h1>Displayed!</h1>
+       </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/review-using-props-with-stateless-functional-components.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/review-using-props-with-stateless-functional-components.arabic.md
new file mode 100644
index 0000000000..383609084e
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/review-using-props-with-stateless-functional-components.arabic.md
@@ -0,0 +1,89 @@
+---
+id: 5a24c314108439a4d403616f
+title: Review Using Props with Stateless Functional Components
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(CampSite)); return mockedComponent.find("CampSite").length === 1; })(), "The <code>CampSite</code> component should render.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(CampSite)); return mockedComponent.find("Camper").length === 1; })(), "The <code>Camper</code> component should render.");'
+  - text: ''
+    testString: 'getUserInput => assert((function() { const noWhiteSpace = getUserInput("index").replace(/\s/g, ""); const verify1 = "Camper.defaultProps={name:\"CamperBot\"}"; const verify2 = "Camper.defaultProps={name:"CamperBot"}"; return (noWhiteSpace.includes(verify1) || noWhiteSpace.includes(verify2)); })(), "The <code>Camper</code> component should include default props which assign the string <code>CamperBot</code> to the key <code>name</code>.");'
+  - text: ''
+    testString: 'getUserInput => assert((function() { const mockedComponent = Enzyme.mount(React.createElement(CampSite)); const noWhiteSpace = getUserInput("index").replace(/\s/g, ""); const verifyDefaultProps = "Camper.propTypes={name:PropTypes.string.isRequired}"; return noWhiteSpace.includes(verifyDefaultProps); })(), "The <code>Camper</code> component should include prop types which require the <code>name</code> prop to be of type <code>string</code>.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(CampSite)); return mockedComponent.find("p").text() === mockedComponent.find("Camper").props().name; })(), "The <code>Camper</code> component should contain a <code>p</code> element with only the text from the <code>name</code> prop.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class CampSite extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <Camper/>
+      </div>
+    );
+  }
+};
+// change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+var PropTypes = {
+   string: { isRequired: true }
+};
+
+```
+
+</div>
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/set-state-with-this.setstate.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/set-state-with-this.setstate.arabic.md
new file mode 100644
index 0000000000..334fe7cc20
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/set-state-with-this.setstate.arabic.md
@@ -0,0 +1,85 @@
+---
+id: 5a24c314108439a4d4036173
+title: Set State with this.setState
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).state("name") === "Initial State", "The state of <code>MyComponent</code> should initialize with the key value pair <code>{ name: Initial State }</code>.");'
+  - text: يجب أن يقوم <code>MyComponent</code> بعرض رأس <code>h1</code> .
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).find("h1").length === 1, "<code>MyComponent</code> should render an <code>h1</code> header.");'
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ name: "TestName" }); return waitForIt(() => mockedComponent.html()); }; const firstValue = await first(); assert(/<h1>TestName<\/h1>/.test(firstValue), "The rendered <code>h1</code> header should contain text rendered from the component&apos;s state."); };'
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ name: "Before" }); return waitForIt(() => mockedComponent.state("name")); }; const second = () => { mockedComponent.instance().handleClick(); return waitForIt(() => mockedComponent.state("name")); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === "Before" && secondValue === "React Rocks!", "Calling the <code>handleClick</code> method on <code>MyComponent</code> should set the name property in state to equal <code>React Rocks!</code>."); };'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'Initial State'
+    };
+    this.handleClick = this.handleClick.bind(this);
+  }
+  handleClick() {
+    // change code below this line
+
+    // change code above this line
+  }
+  render() {
+    return (
+      <div>
+        <button onClick={this.handleClick}>Click Me</button>
+        <h1>{this.state.name}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/use--for-a-more-concise-conditional.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/use--for-a-more-concise-conditional.arabic.md
new file mode 100644
index 0000000000..3d88d0bc0d
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/use--for-a-more-concise-conditional.arabic.md
@@ -0,0 +1,86 @@
+---
+id: 5a24c314108439a4d4036185
+title: Use && for a More Concise Conditional
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("MyComponent").length; })(), "<code>MyComponent</code> should exist and render.");'
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const state_1 = () => { mockedComponent.setState({display: true}); return waitForIt(() => mockedComponent )}; const updated = await state_1(); assert(updated.find("div").length === 1 && updated.find("div").children().length === 2 && updated.find("button").length === 1 && updated.find("h1").length === 1, "When <code>display</code> is set to <code>true</code>, a <code>div</code>, <code>button</code>, and <code>h1</code> should render."); }; '
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const state_1 = () => { mockedComponent.setState({display: false}); return waitForIt(() => mockedComponent )}; const updated = await state_1(); assert(updated.find("div").length === 1 && updated.find("div").children().length === 1 && updated.find("button").length === 1 && updated.find("h1").length === 0, "When <code>display</code> is set to <code>false</code>, only a <code>div</code> and <code>button</code> should render."); }; '
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").includes("&&"), "The render method should use the && logical operator to check the condition of this.state.display.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      display: true
+    }
+    this.toggleDisplay = this.toggleDisplay.bind(this);
+  }
+  toggleDisplay() {
+    this.setState({
+      display: !this.state.display
+    });
+  }
+  render() {
+    // change code below this line
+    return (
+       <div>
+         <button onClick={this.toggleDisplay}>Toggle Display</button>
+         <h1>Displayed!</h1>
+       </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/use-a-ternary-expression-for-conditional-rendering.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/use-a-ternary-expression-for-conditional-rendering.arabic.md
new file mode 100644
index 0000000000..ac462d82c5
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/use-a-ternary-expression-for-conditional-rendering.arabic.md
@@ -0,0 +1,113 @@
+---
+id: 5a24c314108439a4d4036187
+title: Use a Ternary Expression for Conditional Rendering
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(CheckUserAge)).find("div").find("input").length === 1 && Enzyme.mount(React.createElement(CheckUserAge)).find("div").find("button").length === 1, "The <code>CheckUserAge</code> component should render with a single <code>input</code> element and a single <code>button</code> element.");'
+  - text: يجب تهيئة حالة مكون <code>CheckUserAge</code> مع خاصية <code>userAge</code> و خاصية <code>input</code> ، كلاهما تم <code>userAge</code> على قيمة سلسلة فارغة.
+    testString: 'assert(Enzyme.mount(React.createElement(CheckUserAge)).state().input === "" && Enzyme.mount(React.createElement(CheckUserAge)).state().userAge === "", "The <code>CheckUserAge</code> component&apos;s state should be initialized with a property of <code>userAge</code> and a property of <code>input</code>, both set to a value of an empty string.");'
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(CheckUserAge)).find("button").text() === "Submit", "When the <code>CheckUserAge</code> component is first rendered to the DOM, the <code>button</code>&apos;s inner text should be Submit.");'
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(CheckUserAge)); const initialButton = mockedComponent.find("button").text(); const enter3AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "3" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const enter17AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "17" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const userAge3 = await enter3AndClickButton(); const userAge17 = await enter17AndClickButton(); assert(initialButton === "Submit" && userAge3 === "You Shall Not Pass" && userAge17 === "You Shall Not Pass", "When a number of less than 18 is entered into the <code>input</code> element and the <code>button</code> is clicked, the <code>button</code>&apos;s inner text should read <code>You Shall Not Pass</code>."); }; '
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(CheckUserAge)); const initialButton = mockedComponent.find("button").text(); const enter18AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "18" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const enter35AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "35" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const userAge18 = await enter18AndClickButton(); const userAge35 = await enter35AndClickButton(); assert(initialButton === "Submit" && userAge18 === "You May Enter" && userAge35 === "You May Enter", "When a number greater than or equal to 18 is entered into the <code>input</code> element and the <code>button</code> is clicked, the <code>button</code>&apos;s inner text should read <code>You May Enter</code>."); }; '
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(CheckUserAge)); const enter18AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "18" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const changeInputDontClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "5" }}); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const enter10AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "10" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const userAge18 = await enter18AndClickButton(); const changeInput1 = await changeInputDontClickButton(); const userAge10 = await enter10AndClickButton(); const changeInput2 = await changeInputDontClickButton(); assert(userAge18 === "You May Enter" && changeInput1 === "Submit" && userAge10 === "You Shall Not Pass" && changeInput2 === "Submit", "Once a number has been submitted, and the value of the <code>input</code> is once again changed, the <code>button</code> should return to reading <code>Submit</code>."); }; '
+  - text: ''
+    testString: 'assert(new RegExp(/(\s|;)if(\s|\()/).test(Enzyme.mount(React.createElement(CheckUserAge)).instance().render.toString()) === false, "Your code should not contain any <code>if/else</code> statements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const inputStyle = {
+  width: 235,
+  margin: 5
+}
+
+class CheckUserAge extends React.Component {
+  constructor(props) {
+    super(props);
+    // change code below this line
+
+    // change code above this line
+    this.submit = this.submit.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(e) {
+    this.setState({
+      input: e.target.value,
+      userAge: "
+    });
+  }
+  submit() {
+    this.setState({
+      userAge: this.state.input
+    });
+  }
+  render() {
+    const buttonOne = <button onClick={this.submit}>Submit</button>;
+    const buttonTwo = <button>You May Enter</button>;
+    const buttonThree = <button>You Shall Not Pass</button>;
+    return (
+      <div>
+        <h3>Enter Your Age to Continue</h3>
+        <input
+          style={inputStyle}
+          type="number"
+          value={this.state.input}
+          onChange={this.handleChange} /><br />
+        {
+          /* change code here */
+        }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/use-advanced-javascript-in-react-render-method.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/use-advanced-javascript-in-react-render-method.arabic.md
new file mode 100644
index 0000000000..1732becb2e
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/use-advanced-javascript-in-react-render-method.arabic.md
@@ -0,0 +1,139 @@
+---
+id: 5a24c314108439a4d4036183
+title: Use Advanced JavaScript in React Render Method
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> في التحديات السابقة ، تعلمت كيفية إدخال شفرة جافا سكريبت في شفرة JSX باستخدام أقواس معقوفة ، <code>{ }</code> ، لمهام مثل الوصول إلى الدعائم ، تمرير الدعائم ، الوصول إلى الحالة ، إدراج التعليقات في شفرتك ، ومؤخرًا ، تصميم المكونات الخاصة بك. هذه كلها حالات استخدام شائعة لوضع JavaScript في JSX ، ولكنها ليست الطريقة الوحيدة التي يمكنك من خلالها استخدام شفرة JavaScript في مكونات React الخاصة بك. يمكنك أيضًا كتابة JavaScript مباشرة في طرق <code>render</code> ، قبل العبارة <code>return</code> ، <strong><em>دون</em></strong> إدخالها داخل الأقواس المتعرجة. هذا لأنه ليس بعد داخل كود JSX. عندما تريد استخدام متغير لاحقًا في شفرة JSX <em>داخل</em> بيان <code>return</code> ، فإنك تضع اسم المتغير داخل الأقواس المتعرجة. </section>
+
+## Instructions
+<section id="instructions"> في رمز المقدمة، و <code>render</code> طريقة لديه مجموعة يحتوي على 20 عبارات لتمثيل الإجابات وجدت في كلاسيك 1980 ماجيك ثمانية لعبة الكرة. يرتبط حدث النقر بالزر بطريقة <code>ask</code> ، لذلك في كل مرة يتم النقر فوق الزر سيتم إنشاء رقم عشوائي وتخزينه كـ <code>randomIndex</code> في الحالة. في السطر 52 ، احذف السلسلة <code>&quot;change me!&quot;</code> وإعادة تعيين <code>answer</code> CONST ذلك التعليمات البرمجية يصل عشوائيا مؤشر مختلفة من <code>possibleAnswers</code> مجموعة في كل مرة التحديثات المكون. وأخيرا، أدخل <code>answer</code> CONST داخل <code>p</code> العلامات. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون مكون <code>MagicEightBall</code> موجودًا ويجب أن يتم <code>MagicEightBall</code> على الصفحة.
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MagicEightBall)).find("MagicEightBall").length, 1, "The <code>MagicEightBall</code> component should exist and should render to the page.");'
+  - text: يجب أن يكون الطفل الأول لـ <code>MagicEightBall</code> عنصر <code>input</code> .
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MagicEightBall)).children().childAt(0).name(), "input", "<code>MagicEightBall</code>&apos;s first child should be an <code>input</code> element.");'
+  - text: الطفل الثالث <code>MagicEightBall</code> يجب أن يكون عنصر <code>button</code> .
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MagicEightBall)).children().childAt(2).name(), "button", "<code>MagicEightBall</code>&apos;s third child should be a <code>button</code> element.");'
+  - text: <code>MagicEightBall</code> يجب تهيئة حالة الصورة مع خاصية <code>userInput</code> وخاصية <code>randomIndex</code> على حد سواء لتعيين قيمة سلسلة فارغة.
+    testString: 'assert(Enzyme.mount(React.createElement(MagicEightBall)).state("randomIndex") === "" && Enzyme.mount(React.createElement(MagicEightBall)).state("userInput") === "", "<code>MagicEightBall</code>&apos;s state should be initialized with a property of <code>userInput</code> and a property of <code>randomIndex</code> both set to a value of an empty string.");'
+  - text: عندما يتم تحميل <code>MagicEightBall</code> أولاً إلى DOM ، يجب أن يعرض عنصر <code>p</code> فارغًا.
+    testString: 'assert(Enzyme.mount(React.createElement(MagicEightBall)).find("p").length === 1 && Enzyme.mount(React.createElement(MagicEightBall)).find("p").text() === "", "When <code>MagicEightBall</code> is first mounted to the DOM, it should return an empty <code>p</code> element.");'
+  - text: عندما يتم إدخال النص في عنصر <code>input</code> ويتم النقر فوق الزر ، يجب أن يقوم مكون <code>MagicEightBall</code> بإرجاع عنصر <code>p</code> يحتوي على عنصر عشوائي من الصفيف <code>possibleAnswers</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(MagicEightBall)); const simulate = () => { comp.find("input").simulate("change", { target: { value: "test?" }}); comp.find("button").simulate("click"); }; const result = () => comp.find("p").text(); const _1 = () => { simulate(); return waitForIt(() => result()) }; const _2 = () => { simulate(); return waitForIt(() => result()) }; const _3 = () => { simulate(); return waitForIt(() => result()) }; const _4 = () => { simulate(); return waitForIt(() => result()) }; const _5 = () => { simulate(); return waitForIt(() => result()) }; const _6 = () => { simulate(); return waitForIt(() => result()) }; const _7 = () => { simulate(); return waitForIt(() => result()) }; const _8 = () => { simulate(); return waitForIt(() => result()) }; const _9 = () => { simulate(); return waitForIt(() => result()) }; const _10 = () => { simulate(); return waitForIt(() => result()) }; const _1_val = await _1(); const _2_val = await _2(); const _3_val = await _3(); const _4_val = await _4(); const _5_val = await _5(); const _6_val = await _6(); const _7_val = await _7(); const _8_val = await _8(); const _9_val = await _9(); const _10_val = await _10(); const actualAnswers = [_1_val, _2_val, _3_val, _4_val, _5_val, _6_val, _7_val, _8_val, _9_val, _10_val]; const hasIndex = actualAnswers.filter((answer, i) => possibleAnswers.indexOf(answer) !== -1); const notAllEqual = new Set(actualAnswers); assert(notAllEqual.size > 1 && hasIndex.length === 10, "When text is entered into the <code>input</code> element and the button is clicked, the <code>MagicEightBall</code> component should return a <code>p</code> element that contains a random element from the <code>possibleAnswers</code> array.");}'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const inputStyle = {
+  width: 235,
+  margin: 5
+}
+
+class MagicEightBall extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      userInput: ",
+      randomIndex: "
+    }
+    this.ask = this.ask.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+  }
+  ask() {
+    if (this.state.userInput) {
+      this.setState({
+        randomIndex: Math.floor(Math.random() * 20),
+        userInput: "
+      });
+    }
+  }
+  handleChange(event) {
+    this.setState({
+      userInput: event.target.value
+    });
+  }
+  render() {
+    const possibleAnswers = [
+      'It is certain',
+      'It is decidedly so',
+      'Without a doubt',
+      'Yes, definitely',
+      'You may rely on it',
+      'As I see it, yes',
+      'Outlook good',
+      'Yes',
+      'Signs point to yes',
+      'Reply hazy try again',
+      'Ask again later',
+      'Better not tell you now',
+      'Cannot predict now',
+      'Concentrate and ask again',
+      'Don\'t count on it',
+      'My reply is no',
+      'My sources say no',
+      'Most likely',
+      'Outlook not so good',
+      'Very doubtful'
+    ];
+    const answer = 'change me!' // << change code here
+    return (
+      <div>
+        <input
+          type="text"
+          value={this.state.userInput}
+          onChange={this.handleChange}
+          style={inputStyle} /><br />
+        <button onClick={this.ask}>
+          Ask the Magic Eight Ball!
+        </button><br />
+        <h3>Answer:</h3>
+        <p>
+          { /* change code below this line */ }
+
+          { /* change code above this line */ }
+        </p>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/use-array.filter-to-dynamically-filter-an-array.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/use-array.filter-to-dynamically-filter-an-array.arabic.md
new file mode 100644
index 0000000000..eb39636a3c
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/use-array.filter-to-dynamically-filter-an-array.arabic.md
@@ -0,0 +1,110 @@
+---
+id: 5a24c314108439a4d403618c
+title: Use Array.filter() to Dynamically Filter an Array
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: استخدم Array.filter () Dynamically تصفية صفيف
+---
+
+## Description
+<section id="description"> تعد طريقة مصفوفة <code>map</code> أداة فعالة ستستخدمها كثيرًا عند التعامل مع React. هناك طريقة أخرى مرتبطة <code>map</code> هي <code>filter</code> ، والتي تقوم بتصفية محتويات مصفوفة بناءً على شرط ، ثم تقوم بإرجاع صفيف جديد. على سبيل المثال ، إذا كان لديك مجموعة من المستخدمين الذين يملكون جميعًا خاصية <code>online</code> والتي يمكن تعيينها على <code>true</code> أو <code>false</code> ، يمكنك تصفية المستخدمين فقط الذين يكونون متصلين <code>let onlineUsers = users.filter(user =&gt; user.online);</code> عن طريق الكتابة: <code>let onlineUsers = users.filter(user =&gt; user.online);</code> عبر الإنترنت <code>let onlineUsers = users.filter(user =&gt; user.online);</code> </section>
+
+## Instructions
+<section id="instructions"> في محرر التعليمة البرمجية ، تتم تهيئة <code>state</code> <code>MyComponent</code> مع مجموعة من المستخدمين. بعض المستخدمين متصلين والبعض الآخر ليسوا كذلك. تصفية المصفوفة بحيث ترى فقط المستخدمين المتصلين. للقيام بذلك ، استخدم أولاً <code>filter</code> لإرجاع صفيف جديد يحتوي فقط على المستخدمين الذين تكون صحتهم <code>online</code> <code>true</code> . بعد ذلك ، في المتغير <code>renderOnline</code> ، قم <code>renderOnline</code> فوق الصفيف الذي تمت تصفيته ، وقم بإرجاع عنصر <code>li</code> لكل مستخدم يحتوي على نص <code>username</code> . تأكد من تضمين <code>key</code> فريد أيضًا ، كما هو الحال في آخر التحديات. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن توجد <code>MyComponent</code> وعرضها إلى الصفحة.
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MyComponent)).find("MyComponent").length, 1, "<code>MyComponent</code> should exist and render to the page.");'
+  - text: ينبغي تهيئة حالة <code>MyComponent</code> إلى صفيف من ستة مستخدمين. &quot;)
+    testString: 'assert(Array.isArray(Enzyme.mount(React.createElement(MyComponent)).state("users")) === true && Enzyme.mount(React.createElement(MyComponent)).state("users").length === 6, "<code>MyComponent</code>&apos;s state should be initialized to an array of six users.");'
+  - text: يجب أن يقوم <code>MyComponent</code> بإرجاع <code>div</code> ، و <code>h1</code> ، ثم قائمة غير مرتبة تحتوي على عناصر <code>li</code> لكل مستخدم تم تعيين حالة الاتصال الخاصة به إلى <code>true</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(MyComponent)); const users = (bool) => ({users:[ { username: "Jeff", online: bool }, { username: "Alan", online: bool }, { username: "Mary", online: bool }, { username: "Jim", online: bool   }, { username: "Laura", online: bool } ]}); const result = () => comp.find("li").length; const _1 = result(); const _2 = () => { comp.setState(users(true)); return waitForIt(() => result()) }; const _3 = () => { comp.setState(users(false)); return waitForIt(() => result()) }; const _4 = () => { comp.setState({ users: [] }); return waitForIt(() => result()) }; const _2_val = await _2(); const _3_val = await _3(); const _4_val = await _4(); assert(comp.find("div").length === 1 && comp.find("h1").length === 1 && comp.find("ul").length === 1 && _1 === 4 && _2_val === 5 && _3_val === 0 && _4_val === 0, "<code>MyComponent</code> should return a <code>div</code>, an <code>h1</code>, and then an unordered list containing <code>li</code> elements for every user whose online status is set to <code>true</code>."); }; '
+  - text: يجب أن تقدم <code>MyComponent</code> عناصر <code>li</code> التي تحتوي على اسم المستخدم لكل مستخدم عبر الإنترنت.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(MyComponent)); const users = (bool) => ({users:[ { username: "Jeff", online: bool }, { username: "Alan", online: bool }, { username: "Mary", online: bool }, { username: "Jim", online: bool   }, { username: "Laura", online: bool } ]}); const ul = () => { comp.setState(users(true)); return waitForIt(() => comp.find("ul").html()) }; const html = await ul(); assert(html === "<ul><li>Jeff</li><li>Alan</li><li>Mary</li><li>Jim</li><li>Laura</li></ul>", "<code>MyComponent</code> should render <code>li</code> elements that contain the username of each online user."); }; '
+  - text: يجب أن يكون كل عنصر قائمة البند فريدة من نوعها <code>key</code> السمة.
+    testString: 'assert((() => { const ul = Enzyme.mount(React.createElement(MyComponent)).find("ul"); console.log(ul.debug()); const keys = new Set([ ul.childAt(0).key(), ul.childAt(1).key(), ul.childAt(2).key(), ul.childAt(3).key() ]); return keys.size === 4; })(), "Each list item element should have a unique <code>key</code> attribute.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      users: [
+        {
+          username: 'Jeff',
+          online: true
+        },
+        {
+          username: 'Alan',
+          online: false
+        },
+        {
+          username: 'Mary',
+          online: true
+        },
+        {
+          username: 'Jim',
+          online: false
+        },
+        {
+          username: 'Sara',
+          online: true
+        },
+        {
+          username: 'Laura',
+          online: true
+        }
+      ]
+    }
+  }
+  render() {
+    const usersOnline = null; // change code here
+    const renderOnline = null; // change code here
+    return (
+       <div>
+         <h1>Current Online Users:</h1>
+         <ul>
+           {renderOnline}
+         </ul>
+       </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/use-array.map-to-dynamically-render-elements.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/use-array.map-to-dynamically-render-elements.arabic.md
new file mode 100644
index 0000000000..5c2f2ba49d
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/use-array.map-to-dynamically-render-elements.arabic.md
@@ -0,0 +1,110 @@
+---
+id: 5a24c314108439a4d403618a
+title: Use Array.map() to Dynamically Render Elements
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: استخدم Array.map () Dynamically Render Elements
+---
+
+## Description
+<section id="description"> العرض الشرطي مفيد ، ولكن قد تحتاج إلى المكونات الخاصة بك لعرض عدد غير معروف من العناصر. في كثير من الأحيان في البرمجة التفاعلية ، لا يملك المبرمج أي طريقة لمعرفة حالة التطبيق حتى وقت التشغيل ، وذلك لأن الكثير يعتمد على تفاعل المستخدم مع هذا البرنامج. يحتاج المبرمجون إلى كتابة التعليمات البرمجية الخاصة بهم لمعالجة هذه الحالة غير المعروفة بشكل صحيح في وقت مبكر. استخدام <code>Array.map()</code> في <code>Array.map()</code> يوضح هذا المفهوم. على سبيل المثال ، يمكنك إنشاء تطبيق &quot;قائمة المهام&quot; البسيط. كمبرمج ، ليس لديك طريقة لمعرفة عدد العناصر التي قد يكون لدى المستخدم في قائمته. تحتاج إلى إعداد المكون الخاص بك <em><strong>لعرض</strong></em> العدد الصحيح لعناصر القوائم <em><strong>بشكل ديناميكي</strong></em> قبل أن يقرر شخص ما يستخدم البرنامج اليوم أن يكون يوم الغسيل. </section>
+
+## Instructions
+<section id="instructions"> يحتوي محرر التعليمة البرمجية على معظم مكون <code>MyToDoList</code> تم إعداده. يجب أن يبدو بعض هذا الرمز مألوفًا إذا أكملت تحديًا للنموذج المتحكم فيه. ستلاحظ <code>textarea</code> و <code>button</code> ، جنبا إلى جنب مع اثنين من الأساليب التي تتبع ولاياتهم، ولكن يتم تقديم أي شيء للالصفحة إلى الآن. داخل <code>constructor</code> ، إنشاء <code>this.state</code> الكائن وتحديد دولتين: <code>userInput</code> يجب تهيئة باعتبارها سلسلة فارغة، و <code>toDoList</code> يجب تهيئة كصفيف فارغة. بعد ذلك ، قم بحذف التعليق في طريقة العرض <code>render()</code> بجوار متغير <code>items</code> . في مكانها، خريطة على <code>toDoList</code> مجموعة المخزنة في الحالة الداخلية للمكون حيوي وتجعل من <code>li</code> لكل عنصر. حاول إدخال سلسلة <code>eat, code, sleep, repeat</code> في <code>textarea</code> ، ثم انقر فوق الزر وشاهد ما يحدث. <strong>ملاحظة:</strong> قد تعرف أن جميع العناصر الفرعية التابعة التي تم إنشاؤها بواسطة عملية تعيين مثل هذه تحتاج إلى أن يتم توفيرها بسمة <code>key</code> فريدة. لا تقلق ، هذا هو موضوع التحدي التالي. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يوجد مكون MyToDoList ثم تقديم إلى الصفحة.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); return mockedComponent.find("MyToDoList").length === 1; })(), "The MyToDoList component should exist and render to the page.");'
+  - text: يجب أن يكون الطفل الأول من <code>MyToDoList</code> عنصر <code>textarea</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); return mockedComponent.find("MyToDoList").children().childAt(0).type() === "textarea"; })(), "The first child of <code>MyToDoList</code> should be a <code>textarea</code> element.");'
+  - text: يجب أن يكون الطفل الثالث من <code>MyToDoList</code> عنصر <code>button</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); return mockedComponent.find("MyToDoList").children().childAt(2).type() === "button"; })(), "The third child of <code>MyToDoList</code> should be a <code>button</code> element.");'
+  - text: حالة <code>MyToDoList</code> يجب تهيئة مع <code>toDoList</code> كصفيف فارغة.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); const initialState = mockedComponent.state(); return Array.isArray(initialState.toDoList) === true && initialState.toDoList.length === 0; })(), "The state of <code>MyToDoList</code> should be initialized with <code>toDoList</code> as an empty array.");'
+  - text: حالة <code>MyToDoList</code> يجب تهيئة مع <code>userInput</code> باعتبارها سلسلة فارغة.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); const initialState = mockedComponent.state(); return typeof initialState.userInput === "string" && initialState.userInput.length === 0; })(), "The state of <code>MyToDoList</code> should be initialized with <code>userInput</code> as an empty string.");'
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); const simulateChange = (el, value) => el.simulate("change", {target: {value}}); const state_1 = () => { return waitForIt(() => mockedComponent.find("ul").find("li"))}; const setInput = () => { return waitForIt(() => simulateChange(mockedComponent.find("textarea"), "testA, testB, testC"))}; const click = () => { return waitForIt(() => mockedComponent.find("button").simulate("click"))}; const state_2 = () => { return waitForIt(() => { const nodes = mockedComponent.find("ul").find("li"); return { nodes, text: nodes.reduce((t, n) => t + n.text(), "") }; })}; const setInput_2 = () => { return waitForIt(() => simulateChange(mockedComponent.find("textarea"), "t1, t2, t3, t4, t5, t6"))}; const click_1 = () => { return waitForIt(() => mockedComponent.find("button").simulate("click"))}; const state_3 = () => { return waitForIt(() => { const nodes = mockedComponent.find("ul").find("li"); return { nodes, text: nodes.reduce((t, n) => t + n.text(), "") }; })}; const awaited_state_1 = await state_1(); const awaited_setInput = await setInput(); const awaited_click = await click(); const awaited_state_2 = await state_2(); const awaited_setInput_2 = await setInput_2(); const awaited_click_1 = await click_1(); const awaited_state_3 = await state_3(); assert(awaited_state_1.length === 0 && awaited_state_2.nodes.length === 3 && awaited_state_3.nodes.length === 6 && awaited_state_2.text === "testA testB testC" && awaited_state_3.text === "t1 t2 t3 t4 t5 t6", "When the <code>Create List</code> button is clicked, the <code>MyToDoList</code> component should dynamically return an unordered list that contains a list item element for every item of a comma-separated list entered into the <code>textarea</code> element."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const textAreaStyles = {
+  width: 235,
+  margin: 5
+};
+
+class MyToDoList extends React.Component {
+  constructor(props) {
+    super(props);
+    // change code below this line
+
+    // change code above this line
+    this.handleSubmit = this.handleSubmit.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleSubmit() {
+    const itemsArray = this.state.userInput.split(',');
+    this.setState({
+      toDoList: itemsArray
+    });
+  }
+  handleChange(e) {
+    this.setState({
+      userInput: e.target.value
+    });
+  }
+  render() {
+    const items = null; // change code here
+    return (
+      <div>
+        <textarea
+          onChange={this.handleChange}
+          value={this.state.userInput}
+          style={textAreaStyles}
+          placeholder="Separate Items With Commas" /><br />
+        <button onClick={this.handleSubmit}>Create List</button>
+        <h1>My "To Do" List:</h1>
+        <ul>
+          {items}
+        </ul>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/use-default-props.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/use-default-props.arabic.md
new file mode 100644
index 0000000000..497da83b68
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/use-default-props.arabic.md
@@ -0,0 +1,67 @@
+---
+id: 5a24c314108439a4d403616b
+title: Use Default Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: استخدام الدعائم الافتراضية
+---
+
+## Description
+<section id="description"> يحتوي React أيضًا على خيار لتعيين الأدوات الافتراضية. يمكنك تعيين الدعائم الافتراضية لمكون كخاصية على المكون نفسه ويقوم React بتعيين الدعامة الافتراضية إذا لزم الأمر. هذا يسمح لك بتحديد قيمة prop يجب أن تكون إذا لم يتم توفير أي قيمة بشكل صريح. على سبيل المثال ، إذا قمت بتعريف <code>MyComponent.defaultProps = { location: &#39;San Francisco&#39; }</code> ، فقد قمت بتعريف موقع دعامة تم تعيينه على السلسلة <code>San Francisco</code> ، ما لم تحدد خلاف ذلك. يقوم React بتعيين الدعائم الافتراضية إذا كانت الدعائم غير محددة ، ولكن إذا قمت بتمرير قيمة <code>null</code> كقيمة للدعم ، فسيظل <code>null</code> . </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("ShoppingCart").length === 1; })(), "The <code>ShoppingCart</code> component should render.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); mockedComponent.setProps({items: undefined}); return mockedComponent.find("ShoppingCart").props().items === 0; })(), "The <code>ShoppingCart</code> component should have a default prop of <code>{ items: 0 }</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ShoppingCart = (props) => {
+  return (
+    <div>
+      <h1>Shopping Cart Component</h1>
+    </div>
+  )
+};
+// change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.arabic.md
new file mode 100644
index 0000000000..a91849ea61
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.arabic.md
@@ -0,0 +1,92 @@
+---
+id: 5a24c314108439a4d403616d
+title: Use PropTypes to Define the Props You Expect
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("ShoppingCart").length === 1; })(), "The <code>ShoppingCart</code> component should render.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("Items").length === 1; })(), "The <code>Items</code> component should render.");'
+  - text: ''
+    testString: 'getUserInput => assert((function() { const noWhiteSpace = getUserInput("index").replace(/ /g, ""); return noWhiteSpace.includes("quantity:PropTypes.number.isRequired") && noWhiteSpace.includes("Items.propTypes="); })(), "The <code>Items</code> component should include a <code>propTypes</code> check that requires <code>quantity</code> to be a <code>number</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const Items = (props) => {
+  return <h1>Current Quantity of Items in Cart: {props.quantity}</h1>
+};
+
+// change code below this line
+
+// change code above this line
+
+Items.defaultProps = {
+  quantity: 0
+};
+
+class ShoppingCart extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return <Items />
+  }
+};
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+var PropTypes = {
+  number: { isRequired: true }
+};
+
+```
+
+</div>
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/use-react-to-render-nested-components.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/use-react-to-render-nested-components.arabic.md
new file mode 100644
index 0000000000..faca4090f7
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/use-react-to-render-nested-components.arabic.md
@@ -0,0 +1,103 @@
+---
+id: 5a24c314108439a4d4036165
+title: Use React to Render Nested Components
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(Enzyme.shallow(React.createElement(TypesOfFood)).type() === "div", "The <code>TypesOfFood</code> component should return a single <code>div</code> element.");'
+  - text: ''
+    testString: 'assert(Enzyme.shallow(React.createElement(TypesOfFood)).props().children[1].type.name === "Fruits", "The <code>TypesOfFood</code> component should return the <code>Fruits</code> component.");'
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(TypesOfFood)).find("h2").html() === "<h2>Fruits:</h2>", "The <code>Fruits</code> component should return the <code>TypesOfFruit</code> component.");'
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(TypesOfFood)).find("ul").text() === "ApplesBlueberriesStrawberriesBananas", "The <code>TypesOfFruit</code> component should return the <code>h2</code> and <code>ul</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const TypesOfFruit = () => {
+  return (
+    <div>
+      <h2>Fruits:</h2>
+      <ul>
+        <li>Apples</li>
+        <li>Blueberries</li>
+        <li>Strawberries</li>
+        <li>Bananas</li>
+      </ul>
+    </div>
+  );
+};
+
+const Fruits = () => {
+  return (
+    <div>
+      { /* change code below this line */ }
+
+      { /* change code above this line */ }
+    </div>
+  );
+};
+
+class TypesOfFood extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <div>
+        <h1>Types of Food:</h1>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/use-state-to-toggle-an-element.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/use-state-to-toggle-an-element.arabic.md
new file mode 100644
index 0000000000..762dfd0f45
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/use-state-to-toggle-an-element.arabic.md
@@ -0,0 +1,91 @@
+---
+id: 5a24c314108439a4d4036176
+title: Use State to Toggle an Element
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> يمكنك استخدام <code>state</code> في تطبيقات React بطرق أكثر تعقيدًا من تلك التي شاهدتها حتى الآن. أحد الأمثلة على ذلك هو مراقبة حالة القيمة ، ثم عرض واجهة المستخدم بشكل مشروط بناءً على هذه القيمة. هناك عدة طرق مختلفة لإنجاز هذا ، ويظهر محرر الشفرة طريقة واحدة. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MyComponent)).find("div").find("button").length, 1, "<code>MyComponent</code> should return a <code>div</code> element which contains a <code>button</code>.");'
+  - text: يجب تهيئة حالة <code>MyComponent</code> مع تعيين خاصية <code>visibility</code> إلى <code>false</code> .
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MyComponent)).state("visibility"), false, "The state of <code>MyComponent</code> should initialize with a <code>visibility</code> property set to <code>false</code>.");'
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ visibility: false }); return waitForIt(() => mockedComponent.state("visibility")); }; const second = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent.state("visibility")); }; const third = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent.state("visibility")); }; const firstValue = await first(); const secondValue = await second(); const thirdValue = await third(); assert(!firstValue && secondValue && !thirdValue, "Clicking the button element should toggle the <code>visibility</code> property in state between <code>true</code> and <code>false</code>."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      visibility: false
+    };
+    // change code below this line
+
+    // change code above this line
+  }
+  // change code below this line
+
+  // change code above this line
+  render() {
+    if (this.state.visibility) {
+      return (
+        <div>
+          <button onClick={this.toggleVisibility}>Click Me</button>
+          <h1>Now you see me!</h1>
+        </div>
+      );
+    } else {
+      return (
+        <div>
+          <button onClick={this.toggleVisibility}>Click Me</button>
+        </div>
+      );
+    }
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/use-the-lifecycle-method-componentdidmount.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/use-the-lifecycle-method-componentdidmount.arabic.md
new file mode 100644
index 0000000000..6590f19381
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/use-the-lifecycle-method-componentdidmount.arabic.md
@@ -0,0 +1,83 @@
+---
+id: 5a24c314108439a4d403617d
+title: Use the Lifecycle Method componentDidMount
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return (mockedComponent.find("div").length === 1 && mockedComponent.find("h1").length === 1); })(), "<code>MyComponent</code> should render a <code>div</code> element which wraps an <code>h1</code> tag.");'
+  - text: ''
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return new RegExp("setTimeout(.|\n)+setState(.|\n)+activeUsers").test(String(mockedComponent.instance().componentDidMount)); })(), "Component state should be updated with a timeout function in <code>componentDidMount</code>.");'
+  - text: ''
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ activeUsers: 1237 }); return mockedComponent.find("h1").text(); }; const second = () => { mockedComponent.setState({ activeUsers: 1000 }); return mockedComponent.find("h1").text(); }; assert(new RegExp("1237").test(first()) && new RegExp("1000").test(second()), "The <code>h1</code> tag should render the <code>activeUsers</code> value from <code>MyComponent</code>&apos;s state."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      activeUsers: null
+    };
+  }
+  componentDidMount() {
+    setTimeout( () => {
+      this.setState({
+        activeUsers: 1273
+      });
+    }, 2500);
+  }
+  render() {
+    return (
+      <div>
+        <h1>Active Users: { /* change code here */ }</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/use-the-lifecycle-method-componentwillmount.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/use-the-lifecycle-method-componentwillmount.arabic.md
new file mode 100644
index 0000000000..d4286edcec
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/use-the-lifecycle-method-componentwillmount.arabic.md
@@ -0,0 +1,72 @@
+---
+id: 5a24c314108439a4d403617c
+title: Use the Lifecycle Method componentWillMount
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("div").length === 1; })(), "<code>MyComponent</code> should render a <code>div</code> element.");'
+  - text: ''
+    testString: 'assert((function() { const lifecycle = React.createElement(MyComponent).type.prototype.componentWillMount.toString().replace(/ /g,""); return lifecycle.includes("console.log("); })(), "<code>console.log</code> should be called in <code>componentWillMount</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  componentWillMount() {
+    // change code below this line
+
+    // change code above this line
+  }
+  render() {
+    return <div />
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/write-a-react-component-from-scratch.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/write-a-react-component-from-scratch.arabic.md
new file mode 100644
index 0000000000..786f2f4bd1
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/write-a-react-component-from-scratch.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5a24c314108439a4d4036168
+title: Write a React Component from Scratch
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").replace(/\s/g, "").includes("classMyComponentextendsReact.Component{"), "There should be a React component called <code>MyComponent</code>.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("h1").text() === "My First React Component!"; })(), "<code>MyComponent</code> should contain an <code>h1</code> tag with text <code>My First React Component!</code> Case and punctuation matter.");'
+  - text: ''
+    testString: 'assert(document.getElementById("challenge-node").childNodes.length === 1, "<code>MyComponent</code> should render to the DOM.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/react/write-a-simple-counter.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/react/write-a-simple-counter.arabic.md
new file mode 100644
index 0000000000..82e67ef560
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/react/write-a-simple-counter.arabic.md
@@ -0,0 +1,89 @@
+---
+id: 5a24c314108439a4d4036177
+title: Write a Simple Counter
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(Counter)); return (mockedComponent.find(".inc").text() === "Increment!" && mockedComponent.find(".dec").text() === "Decrement!" && mockedComponent.find(".reset").text() === "Reset"); })(), "<code>Counter</code> should return a <code>div</code> element which contains three buttons with text content in this order <code>Increment!</code>, <code>Decrement!</code>, <code>Reset</code>.");'
+  - text: ''
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(Counter)).state("count"), 0, "The state of <code>Counter</code> should initialize with a <code>count</code> property set to <code>0</code>.");'
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Counter)); const first = () => { mockedComponent.setState({ count: 0 }); return waitForIt(() => mockedComponent.state("count")); }; const second = () => { mockedComponent.find(".inc").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === 0 && secondValue === 1, "Clicking the increment button should increment the count by <code>1</code>."); }; '
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Counter)); const first = () => { mockedComponent.setState({ count: 0 }); return waitForIt(() => mockedComponent.state("count")); }; const second = () => { mockedComponent.find(".dec").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === 0 && secondValue === -1, "Clicking the decrement button should decrement the count by <code>1</code>."); }; '
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Counter)); const init = () => { mockedComponent.setState({ count: 0 }); return waitForIt(() => mockedComponent.state("count")); }; const increment = () => { mockedComponent.find(".inc").simulate("click"); mockedComponent.find(".inc").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const decrement = () => { mockedComponent.find(".dec").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const reset = () => { mockedComponent.find(".reset").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const firstValue = await init(); const secondValue = await increment(); const thirdValue = await decrement(); const fourthValue = await reset(); assert(firstValue === 0 && secondValue === 2 && thirdValue === 1 && fourthValue === 0, "Clicking the reset button should reset the count to <code>0</code>."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Counter extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      count: 0
+    };
+    // change code below this line
+
+    // change code above this line
+  }
+  // change code below this line
+
+  // change code above this line
+  render() {
+    return (
+      <div>
+        <button className='inc' onClick={this.increment}>Increment!</button>
+        <button className='dec' onClick={this.decrement}>Decrement!</button>
+        <button className='reset' onClick={this.reset}>Reset</button>
+        <h1>Current Count: {this.state.count}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/redux/combine-multiple-reducers.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/redux/combine-multiple-reducers.arabic.md
new file mode 100644
index 0000000000..e43ef8d441
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/redux/combine-multiple-reducers.arabic.md
@@ -0,0 +1,90 @@
+---
+id: 5a24c314108439a4d4036154
+title: Combine Multiple Reducers
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: الجمع بين متعددة المخفضات
+---
+
+## Description
+<section id="description"> عندما تبدأ حالة تطبيقك في التزايد أكثر تعقيدًا ، قد يكون من المغري تقسيم الدولة إلى أجزاء متعددة. بدلاً من ذلك ، تذكر المبدأ الأول لـ Redux: يتم الاحتفاظ بكل حالة التطبيق في كائن حالة واحد في المتجر. لذلك ، يوفر Redux تركيبة المخفض كحل لنموذج حالة معقد. يمكنك تحديد مخفضات متعددة للتعامل مع أجزاء مختلفة من حالة التطبيق الخاص بك ، ثم يؤلف هذه المخفضات معًا في مخفض جذري واحد. يتم بعد ذلك تمرير مخفض الجذر إلى طريقة <code>createStore()</code> . من أجل السماح لنا بدمج مخفضات متعددة معاً ، يوفر Redux أسلوب <code>combineReducers()</code> . تقبل هذه الطريقة كائنًا كوسيطة حيث تقوم بتعريف الخصائص التي تربط المفاتيح بوظائف المخفض المحددة. سيتم استخدام الاسم الذي تعطيه للمفاتيح بواسطة Redux كاسم حالة القطعة المرتبطة. عادة ، من الممارسات الجيدة إنشاء مخفض لكل حالة من حالات التطبيق عندما تكون متميزة أو فريدة من نوعها بطريقة ما. على سبيل المثال ، في تطبيق تدوين الملاحظات مع مصادقة المستخدم ، يمكن لمخفّض واحد التعامل مع المصادقة بينما يعالج آخر النص ويلاحظ أن المستخدم يرسل. بالنسبة إلى هذا التطبيق ، قد نكتب طريقة <code>combineReducers()</code> كما يلي: <blockquote style=";text-align:right;direction:rtl"> const rootReducer = Redux.combineReducers ({ <br> auth: authenticationReducer ، <br> ملاحظات: notesReducer <br> })؛ </blockquote> الآن ، ستحتوي <code>notes</code> الرئيسية على جميع الحالات المرتبطة بملاحظاتنا ويتم التعامل معها من خلال <code>notesReducer</code> . هذه هي الطريقة التي يمكن بها إنشاء مخفضات متعددة لإدارة حالة تطبيق أكثر تعقيدًا. في هذا المثال ، ستكون الحالة الموجودة في مخزن Redux عبارة عن كائن واحد يحتوي على خصائص <code>auth</code> <code>notes</code> . </section>
+
+## Instructions
+<section id="instructions"> توجد <code>counterReducer()</code> و <code>authReducer()</code> في محرر التعليمة البرمجية ، بالإضافة إلى مخزن Redux. إنهاء كتابة الدالة <code>rootReducer()</code> باستخدام الأسلوب <code>Redux.combineReducers()</code> . قم بتعيين <code>counterReducer</code> إلى مفتاح يسمى <code>count</code> و <code>authReducer</code> إلى مفتاح يسمى <code>auth</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب على <code>counterReducer</code> زيادة <code>counterReducer</code> <code>state</code> .
+    testString: 'assert((function() { const initalState = store.getState().count; store.dispatch({type: INCREMENT}); store.dispatch({type: INCREMENT}); const firstState = store.getState().count; store.dispatch({type: DECREMENT}); const secondState = store.getState().count; return firstState === initalState + 2 && secondState === firstState - 1  })(), "The <code>counterReducer</code> should increment and decrement the <code>state</code>.");'
+  - text: يجب على <code>authReducer</code> تبديل <code>state</code> <code>authenticated</code> بين <code>true</code> و <code>false</code> .
+    testString: 'assert((function() {  store.dispatch({type: LOGIN}); const loggedIn = store.getState().auth.authenticated; store.dispatch({type: LOGOUT}); const loggedOut = store.getState().auth.authenticated; return loggedIn === true && loggedOut === false  })(), "The <code>authReducer</code> should toggle the <code>state</code> of <code>authenticated</code> between <code>true</code> and <code>false</code>.");'
+  - text: 'يجب أن تحتوي <code>state</code> المتجر على مفتاحين: <code>count</code> ، الذي يحتفظ برقم ، و <code>auth</code> ، الذي يحمل كائنًا. يجب أن يكون لعنصر <code>auth</code> خاصية <code>authenticated</code> ، والتي تحمل قيمة منطقية.'
+    testString: 'assert((function() { const state = store.getState(); return typeof state.auth === "object" && typeof state.auth.authenticated === "boolean" && typeof state.count === "number" })(), "The store <code>state</code> should have two keys: <code>count</code>, which holds a number, and <code>auth</code>, which holds an object. The <code>auth</code> object should have a property of <code>authenticated</code>, which holds a boolean.");'
+  - text: يجب أن يكون <code>rootReducer</code> دالة تجمع بين <code>counterReducer</code> و <code>authReducer</code> .
+    testString: 'getUserInput => assert((function() {  const noWhiteSpace = getUserInput("index").replace(/\s/g,""); return typeof rootReducer === "function" && noWhiteSpace.includes("Redux.combineReducers")  })(), "The <code>rootReducer</code> should be a function that combines the <code>counterReducer</code> and the <code>authReducer</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const INCREMENT = 'INCREMENT';
+const DECREMENT = 'DECREMENT';
+
+const counterReducer = (state = 0, action) => {
+  switch(action.type) {
+    case INCREMENT:
+      return state + 1;
+    case DECREMENT:
+      return state - 1;
+    default:
+      return state;
+  }
+};
+
+const LOGIN = 'LOGIN';
+const LOGOUT = 'LOGOUT';
+
+const authReducer = (state = {authenticated: false}, action) => {
+  switch(action.type) {
+    case LOGIN:
+      return {
+        authenticated: true
+      }
+    case LOGOUT:
+      return {
+        authenticated: false
+      }
+    default:
+      return state;
+  }
+};
+
+const rootReducer = // define the root reducer here
+
+const store = Redux.createStore(rootReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/redux/copy-an-object-with-object.assign.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/redux/copy-an-object-with-object.assign.arabic.md
new file mode 100644
index 0000000000..9282b336f5
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/redux/copy-an-object-with-object.assign.arabic.md
@@ -0,0 +1,79 @@
+---
+id: 5a24c314108439a4d403615b
+title: Copy an Object with Object.assign
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: نسخ كائن مع Object.assign
+---
+
+## Description
+<section id="description"> عملت التحديات الأخيرة عدة مع المصفوفات ، ولكن هناك طرق للمساعدة في فرض ثبات الدولة عندما تكون الدولة <code>object</code> ، أيضا. أداة مفيدة لمعالجة الكائنات هي الأداة المساعدة <code>Object.assign()</code> . <code>Object.assign()</code> كائن هدف وكائنات المصدر وخرائط الخصائص من كائنات المصدر إلى الكائن الهدف. تتم الكتابة فوق أي خصائص متطابقة بواسطة الخصائص في كائنات المصدر. يتم استخدام هذا السلوك بشكل شائع لعمل نسخ ضحلة من الكائنات بتمرير كائن فارغ كوسيطة أولى متبوعة بالكائن (الكائنات) التي تريد نسخها. إليك مثالاً: <code>const newObject = Object.assign({}, obj1, obj2);</code> يؤدي هذا إلى <code>newObject</code> <code>object</code> جديد ، والذي يحتوي على الخصائص الموجودة حاليًا في <code>obj1</code> و <code>obj2</code> . </section>
+
+## Instructions
+<section id="instructions"> تم تعديل حالة Redux والإجراءات للتعامل مع <code>object</code> <code>state</code> . قم بتحرير التعليمة البرمجية لإرجاع كائن <code>state</code> جديد للإجراءات باستخدام الكتابة <code>ONLINE</code> ، والتي تقوم بتعيين خاصية <code>status</code> إلى السلسلة <code>online</code> . حاول استخدام <code>Object.assign()</code> لإكمال التحدي. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يوجد مخزن Redux وتهيئة بحالة مساوية للكائن <code>defaultState</code> المعلنة على السطر 1.
+    testString: 'assert((function() { const expectedState = { user: "CamperBot", status: "offline", friends: "732,982", community: "freeCodeCamp" }; const initialState = store.getState(); return DeepEqual(expectedState, initialState); })(), "The Redux store should exist and initialize with a state that is equivalent to the <code>defaultState</code> object declared on line 1.");'
+  - text: يجب أن يكون كل من <code>wakeUp</code> و <code>immutableReducer</code> دالات.
+    testString: 'assert(typeof wakeUp === "function" && typeof immutableReducer === "function", "<code>wakeUp</code> and <code>immutableReducer</code> both should be functions.");'
+  - text: يجب أن يؤدي إرسال إجراء من النوع <code>ONLINE</code> تحديث <code>status</code> الخاصية في حالة إلى <code>online</code> ويجب ألا يؤدي إلى تحوُّل الحالة.
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch({type: "ONLINE"}); const finalState = store.getState(); const expectedState = { user: "CamperBot", status: "online", friends: "732,982", community: "freeCodeCamp" }; return isFrozen && DeepEqual(finalState, expectedState); })(), "Dispatching an action of type <code>ONLINE</code> should update the property <code>status</code> in state to <code>online</code> and should NOT mutate state.");'
+  - text: يجب استخدام <code>Object.assign</code> لإرجاع حالة جديدة.
+    testString: 'getUserInput => assert(getUserInput("index").includes("Object.assign"), "<code>Object.assign</code> should be used to return new state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const defaultState = {
+  user: 'CamperBot',
+  status: 'offline',
+  friends: '732,982',
+  community: 'freeCodeCamp'
+};
+
+const immutableReducer = (state = defaultState, action) => {
+  switch(action.type) {
+    case 'ONLINE':
+      // don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+const wakeUp = () => {
+  return {
+    type: 'ONLINE'
+  }
+};
+
+const store = Redux.createStore(immutableReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/redux/create-a-redux-store.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/redux/create-a-redux-store.arabic.md
new file mode 100644
index 0000000000..24c567b754
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/redux/create-a-redux-store.arabic.md
@@ -0,0 +1,58 @@
+---
+id: 5a24c314108439a4d403614b
+title: Create a Redux Store
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: قم بإنشاء مخزن Redux
+---
+
+## Description
+<section id="description"> Redux هو إطار عمل لإدارة الولاية يمكن استخدامه مع عدد من تقنيات الويب المختلفة ، بما في ذلك React. في Redux ، يوجد كائن حالة مفرد مسؤول عن الحالة الكاملة للتطبيق. وهذا يعني أنه إذا كان لديك تطبيق React مع عشرة مكونات ، وكان لكل مكون حالته المحلية الخاصة ، فسيتم تحديد الحالة الكاملة لتطبيقك بواسطة كائن حالة واحد موجود في <code>store</code> Redux. هذا هو أول مبدأ مهم لفهمه عند تعلم Redux: مخزن Redux هو المصدر الوحيد للحقيقة عندما يتعلق الأمر بحالة التطبيق. وهذا يعني أيضًا أنه في أي وقت تريد فيه أي من تطبيقاتك تحديث الحالة ، <strong>يجب أن</strong> تفعل ذلك من خلال متجر Redux. يسهّل تدفق البيانات أحادي الاتجاه تتبع إدارة الحالة في تطبيقك. </section>
+
+## Instructions
+<section id="instructions"> <code>store</code> Redux هو كائن يحتفظ ويدير <code>state</code> التطبيق. توجد طريقة تسمى <code>createStore()</code> على الكائن Redux ، والتي تستخدمها لإنشاء <code>store</code> Redux. تأخذ هذه الطريقة وظيفة <code>reducer</code> كوسيطة مطلوبة. يتم تغطية وظيفة <code>reducer</code> في تحدٍ لاحق ، ويتم تحديدها بالفعل لك في محرر الشفرة. انها ببساطة تأخذ <code>state</code> كحجة وعودة <code>state</code> . قم بتعريف متغير <code>store</code> وقم بتعيينه إلى أسلوب <code>createStore()</code> ، يمر في <code>reducer</code> كوسيطة. <strong>ملاحظة:</strong> تستخدم الشفرة في برنامج التحرير صيغة الوسيطة الافتراضية لـ ES6 لتهيئة هذه الحالة للاحتفاظ بقيمة <code>5</code> . إذا لم تكن تعرف الحجج الافتراضية ، يمكنك الرجوع إلى <a target="_blank" href="https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions">قسم ES6 في المنهج الدراسي</a> الذي يغطي هذا الموضوع. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يوجد مخزن redux.
+    testString: 'assert(typeof store.getState === "function", "The redux store exists.");'
+  - text: يحتوي مخزن redux على قيمة 5 للحالة.
+    testString: 'assert(store.getState()=== 5, "The redux store has a value of 5 for the state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const reducer = (state = 5) => {
+  return state;
+}
+
+// Redux methods are available from a Redux object
+// For example: Redux.createStore()
+// Define the store here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/redux/define-a-redux-action.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/redux/define-a-redux-action.arabic.md
new file mode 100644
index 0000000000..220d590953
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/redux/define-a-redux-action.arabic.md
@@ -0,0 +1,52 @@
+---
+id: 5a24c314108439a4d403614d
+title: Define a Redux Action
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: تحديد عمل Redux
+---
+
+## Description
+<section id="description"> بما أن Redux هو إطار عمل لإدارة الدولة ، فإن تحديث الحالة يعد إحدى مهامها الأساسية. في Redux ، يتم تشغيل جميع تحديثات الحالة عن طريق إرسال الإجراءات. الإجراء هو ببساطة كائن JavaScript يحتوي على معلومات حول حدث إجراء حدث. يتلقى مخزن Redux كائنات التصرف هذه ، ثم يقوم بتحديث حالتها وفقًا لذلك. في بعض الأحيان ، يحمل إجراء Redux أيضًا بعض البيانات. على سبيل المثال ، يحمل الإجراء اسم مستخدم بعد تسجيل دخول المستخدم. في حين أن البيانات اختيارية ، يجب أن تحمل الإجراءات خاصية <code>type</code> تحدد &quot;نوع&quot; الإجراء الذي حدث. فكر في إجراءات Redux كمراسلين يقدمون معلومات حول الأحداث التي تحدث في تطبيقك إلى متجر Redux. ثم يدير المتجر نشاط تحديث الحالة استنادًا إلى الإجراء الذي حدث. </section>
+
+## Instructions
+<section id="instructions"> كتابة إجراء Redux بسيط مثل التصريح عن كائن له خاصية كتابة. أعلن كائن <code>action</code> وتعطيه خاصية <code>type</code> لتعيين سلسلة <code>&#39;LOGIN&#39;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن كائن كائن موجود.
+    testString: 'assert((function() { return typeof action === "object" })(), "An action object should exist.");'
+  - text: يجب أن يحتوي الإجراء على نوع خاصية رئيسي ذي قيمة <code>LOGIN</code> .
+    testString: 'assert((function() { return action.type === "LOGIN" })(), "The action should have a key property type with value <code>LOGIN</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// Define an action here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/redux/define-an-action-creator.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/redux/define-an-action-creator.arabic.md
new file mode 100644
index 0000000000..444a9a2e24
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/redux/define-an-action-creator.arabic.md
@@ -0,0 +1,57 @@
+---
+id: 5a24c314108439a4d403614e
+title: Define an Action Creator
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof actionCreator === "function", "The function <code>actionCreator</code> should exist.");'
+  - text: ''
+    testString: 'assert(typeof action === "object", "Running the <code>actionCreator</code> function should return the action object.");'
+  - text: ''
+    testString: 'assert(action.type === "LOGIN", "The returned action should have a key property type with value <code>LOGIN</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const action = {
+  type: 'LOGIN'
+}
+// Define an action creator here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/redux/dispatch-an-action-event.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/redux/dispatch-an-action-event.arabic.md
new file mode 100644
index 0000000000..f121e94531
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/redux/dispatch-an-action-event.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 5a24c314108439a4d403614f
+title: Dispatch an Action Event
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(loginAction().type === "LOGIN", "Calling the function <code>loginAction</code> should return an object with <code>type</code> property set to the string <code>LOGIN</code>.");'
+  - text: ''
+    testString: 'assert(store.getState().login === false, "The store should be initialized with an object with property <code>login</code> set to <code>false</code>.");'
+  - text: ''
+    testString: 'getUserInput => assert((function() {  let noWhiteSpace = getUserInput("index").replace(/\s/g,""); return noWhiteSpace.includes("store.dispatch(loginAction())") || noWhiteSpace.includes("store.dispatch({type: \"LOGIN\"})") === true })(), "The <code>store.dispatch()</code> method should be used to dispatch an action of type <code>LOGIN</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const store = Redux.createStore(
+  (state = {login: false}) => state
+);
+
+const loginAction = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+// Dispatch the action here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/redux/get-state-from-the-redux-store.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/redux/get-state-from-the-redux-store.arabic.md
new file mode 100644
index 0000000000..28a404d11b
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/redux/get-state-from-the-redux-store.arabic.md
@@ -0,0 +1,56 @@
+---
+id: 5a24c314108439a4d403614c
+title: Get State from the Redux Store
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(store.getState()===5, "The redux store should have a value of 5 for the initial state.");'
+  - text: ''
+    testString: 'getUserInput => assert(currentState === 5 && getUserInput("index").includes("store.getState()"), "A variable <code>currentState</code> should exist and should be assigned the current state of the Redux store.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const store = Redux.createStore(
+  (state = 5) => state
+);
+
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/redux/handle-an-action-in-the-store.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/redux/handle-an-action-in-the-store.arabic.md
new file mode 100644
index 0000000000..c4725c0818
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/redux/handle-an-action-in-the-store.arabic.md
@@ -0,0 +1,72 @@
+---
+id: 5a24c314108439a4d4036150
+title: Handle an Action in the Store
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(loginAction().type === "LOGIN", "Calling the function <code>loginAction</code> should return an object with type property set to the string <code>LOGIN</code>.");'
+  - text: ''
+    testString: 'assert(store.getState().login === false, "The store should be initialized with an object with property <code>login</code> set to <code>false</code>.");'
+  - text: ''
+    testString: 'assert((function() {  const initialState = store.getState(); store.dispatch(loginAction()); const afterState = store.getState(); return initialState.login === false && afterState.login === true })(), "Dispatching <code>loginAction</code> should update the <code>login</code> property in the store state to <code>true</code>.");'
+  - text: ''
+    testString: 'assert((function() { store.dispatch({type: "__TEST__ACTION__"}); let afterTest = store.getState(); return typeof afterTest === "object" && afterTest.hasOwnProperty("login") })(), "If the action is not of type <code>LOGIN</code>, the store should return the current state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const defaultState = {
+  login: false
+};
+
+const reducer = (state = defaultState, action) => {
+  // change code below this line
+
+  // change code above this line
+};
+
+const store = Redux.createStore(reducer);
+
+const loginAction = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/redux/never-mutate-state.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/redux/never-mutate-state.arabic.md
new file mode 100644
index 0000000000..29fe5f7a76
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/redux/never-mutate-state.arabic.md
@@ -0,0 +1,82 @@
+---
+id: 5a24c314108439a4d4036158
+title: Never Mutate State
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> يوجد <code>store</code> <code>reducer</code> في محرر الشفرات لإدارة عناصر المهام. قم <code>ADD_TO_DO</code> كتابة حالة <code>ADD_TO_DO</code> في المخفض لإلحاق الحالة الجديدة بالحالة. هناك عدة طرق لتحقيق ذلك باستخدام JavaScript قياسي أو ES6. تحقق مما إذا كان يمكنك العثور على طريقة لإرجاع مجموعة جديدة مع العنصر من <code>action.todo</code> إلى النهاية. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون مخزن Redux موجودًا وتهيئة بحالة مساوية لصفيف <code>todos</code> في محرر التعليمة البرمجية.
+    testString: 'assert((function() { const todos = [ "Go to the store", "Clean the house", "Cook dinner", "Learn to code" ]; const initialState = store.getState(); return Array.isArray(initialState) && initialState.join(",") === todos.join(","); })(), "The Redux store should exist and initialize with a state equal to the <code>todos</code> array in the code editor.");'
+  - text: <code>addToDo</code> و <code>immutableReducer</code> يجب أن يكونا كلاهما.
+    testString: 'assert(typeof addToDo === "function" && typeof immutableReducer === "function", "<code>addToDo</code> and <code>immutableReducer</code> both should be functions.");'
+  - text: يجب أن يؤدي إرسال إجراء من النوع <code>ADD_TO_DO</code> على مخزن Redux إلى إضافة عنصر <code>todo</code> ويجب عدم تحوّل الحالة.
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch(addToDo("__TEST__TO__DO__")); const finalState = store.getState(); const expectedState = [ "Go to the store", "Clean the house", "Cook dinner", "Learn to code", "__TEST__TO__DO__" ]; return( isFrozen && DeepEqual(finalState, expectedState)); })(), "Dispatching an action of type <code>ADD_TO_DO</code> on the Redux store should add a <code>todo</code> item and should NOT mutate state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ADD_TO_DO = 'ADD_TO_DO';
+
+// A list of strings representing tasks to do:
+const todos = [
+  'Go to the store',
+  'Clean the house',
+  'Cook dinner',
+  'Learn to code',
+];
+
+const immutableReducer = (state = todos, action) => {
+  switch(action.type) {
+    case ADD_TO_DO:
+      // don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+// an example todo argument would be 'Learn React',
+const addToDo = (todo) => {
+  return {
+    type: ADD_TO_DO,
+    todo
+  }
+}
+
+const store = Redux.createStore(immutableReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/redux/register-a-store-listener.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/redux/register-a-store-listener.arabic.md
new file mode 100644
index 0000000000..ee83d31864
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/redux/register-a-store-listener.arabic.md
@@ -0,0 +1,88 @@
+---
+id: 5a24c314108439a4d4036153
+title: Register a Store Listener
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> طريقة أخرى لديك حق الوصول إلى كائن <code>store</code> Redux هي <code>store.subscribe()</code> . يتيح لك هذا الاشتراك في وظائف المستمع في المتجر ، والتي يتم استدعاؤها عند إرسال أي إجراء ضد المتجر. إن أحد الاستخدامات البسيطة لهذه الطريقة هو الاشتراك في إحدى الوظائف في متجرك الذي يقوم ببساطة بتسجيل رسالة في كل مرة يتم فيها تلقي إجراء وتحديث المتجر. </section>
+
+## Instructions
+<section id="instructions"> اكتب دالة رد اتصال تقوم بزيادة <code>count</code> المتغير <code>count</code> كل مرة يتلقى فيها المخزن إجراءً وتمرير هذه الوظيفة إلى أسلوب <code>store.subscribe()</code> . سترى أن <code>store.dispatch()</code> يسمى ثلاث مرات متتالية ، كل مرة تمر مباشرة في كائن التصرف. شاهد مخرجات وحدة التحكم بين عمليات الإرسال لترى التحديثات. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: إرسال إجراء <code>ADD</code> على المخزن يجب زيادة الحالة بواسطة <code>1</code> .
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch({ type: "ADD" }); const newState = store.getState(); return newState === (initialState + 1); })(), "Dispatching the <code>ADD</code> action on the store should increment the state by <code>1</code>.");'
+  - text: يجب أن تكون هناك وظيفة مستمع مشتركة في المتجر باستخدام <code>store.subscribe</code> .
+    testString: 'getUserInput => assert(getUserInput("index").includes("store.subscribe("), "There should be a listener function subscribed to the store using <code>store.subscribe</code>.");'
+  - text: يجب أيضًا أن <code>store.subscribe</code> رد الاتصال إلى <code>store.subscribe</code> إلى زيادة متغير <code>count</code> العالمي عند تحديث المتجر.
+    testString: 'assert(store.getState() === count, "The callback to <code>store.subscribe</code> should also increment the global <code>count</code> variable as the store is updated.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ADD = 'ADD';
+
+const reducer = (state = 0, action) => {
+  switch(action.type) {
+    case ADD:
+      return state + 1;
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(reducer);
+
+// global count variable:
+let count = 0;
+
+// change code below this line
+
+// change code above this line
+
+store.dispatch({type: ADD});
+console.log(count);
+store.dispatch({type: ADD});
+console.log(count);
+store.dispatch({type: ADD});
+console.log(count);
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+count = 0;
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/redux/remove-an-item-from-an-array.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/redux/remove-an-item-from-an-array.arabic.md
new file mode 100644
index 0000000000..74285c92ff
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/redux/remove-an-item-from-an-array.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 5a24c314108439a4d403615a
+title: Remove an Item from an Array
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: إزالة عنصر من صفيف
+---
+
+## Description
+<section id="description"> الوقت لممارسة إزالة العناصر من صفيف. يمكن استخدام مشغل الانتشار هنا أيضًا. تتضمن طرق JavaScript المفيدة الأخرى <code>slice()</code> و <code>concat()</code> . </section>
+
+## Instructions
+<section id="instructions"> تم تعديل المخفض ومنشئ الإجراء لإزالة عنصر من مصفوفة بناءً على فهرس العنصر. الانتهاء من كتابة المخفض بحيث يتم إرجاع مصفوفة حالة جديدة مع إزالة العنصر الموجود في الفهرس المحدد. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'يجب أن يكون مخزن Redux موجودًا وتهيئة بحالة مساوية لـ <code>[0,1,2,3,4,5]</code>'
+    testString: 'assert((function() { const initialState = store.getState(); return (Array.isArray(initialState) === true && DeepEqual(initialState, [0, 1, 2, 3, 4, 5])); })(), "The Redux store should exist and initialize with a state equal to <code>[0,1,2,3,4,5]</code>");'
+  - text: <code>removeItem</code> و <code>immutableReducer</code> حد سواء ينبغي أن تكون وظائف.
+    testString: 'assert(typeof removeItem === "function" && typeof immutableReducer === "function", "<code>removeItem</code> and <code>immutableReducer</code> both should be functions.");'
+  - text: يجب أن يؤدي إرسال منشئ الإجراء <code>removeItem</code> إزالة العناصر من الحالة ويجب ألا يؤدي إلى تحوُّل الحالة.
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch(removeItem(3)); const state_1 = store.getState(); store.dispatch(removeItem(2)); const state_2 = store.getState(); store.dispatch(removeItem(0)); store.dispatch(removeItem(0)); store.dispatch(removeItem(0)); const state_3 = store.getState(); return isFrozen && DeepEqual(state_1, [0, 1, 2, 4, 5]) && DeepEqual(state_2, [0, 1, 4, 5]) && DeepEqual(state_3, [5]); })(), "Dispatching the <code>removeItem</code> action creator should remove items from the state and should NOT mutate state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const immutableReducer = (state = [0,1,2,3,4,5], action) => {
+  switch(action.type) {
+    case 'REMOVE_ITEM':
+      // don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+const removeItem = (index) => {
+  return {
+    type: 'REMOVE_ITEM',
+    index
+  }
+}
+
+const store = Redux.createStore(immutableReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/redux/send-action-data-to-the-store.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/redux/send-action-data-to-the-store.arabic.md
new file mode 100644
index 0000000000..0aa2c05014
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/redux/send-action-data-to-the-store.arabic.md
@@ -0,0 +1,74 @@
+---
+id: 5a24c314108439a4d4036155
+title: Send Action Data to the Store
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: إرسال بيانات الإجراء إلى المتجر
+---
+
+## Description
+<section id="description"> تعلمت الآن كيفية إرسال إجراءات إلى متجر Redux ، ولكن حتى الآن لم تتضمن هذه الإجراءات أي معلومات بخلاف <code>type</code> . يمكنك أيضًا إرسال بيانات محددة مع إجراءاتك. في الواقع ، هذا أمر شائع جدًا لأن الإجراءات عادة ما تنشأ عن بعض تفاعل المستخدم وتميل إلى حمل بعض البيانات معهم. يحتاج مخزن Redux في الغالب إلى معرفة هذه البيانات. </section>
+
+## Instructions
+<section id="instructions"> هناك ملاحظات أساسية <code>notesReducer()</code> <code>addNoteText()</code> عمل <code>addNoteText()</code> المحدد في محرر التعليمة البرمجية. قم <code>addNoteText()</code> الجسم <code>addNoteText()</code> بحيث تقوم بإرجاع كائن <code>action</code> . يجب أن يشتمل الكائن على خاصية <code>type</code> بقيمة <code>ADD_NOTE</code> ، وأيضًا خاصية <code>text</code> تعيينها إلى بيانات <code>note</code> التي تم تمريرها إلى منشئ الإجراء. عندما تتصل بمنشئ الإجراء ، ستقوم بتمرير معلومات ملاحظة محددة يمكنك الوصول إليها للكائن. بعد ذلك ، <code>notesReducer()</code> كتابة عبارة <code>switch</code> في <code>notesReducer()</code> . تحتاج إلى إضافة حالة تتعامل مع إجراءات <code>addNoteText()</code> . يجب أن تسبب هذه الحالة عندما يكون هناك عمل من نوع <code>ADD_NOTE</code> ويجب إرجاع <code>text</code> الملكية على واردة <code>action</code> باسم جديدة <code>state</code> . يتم إرسال الإجراء في أسفل الرمز. بمجرد الانتهاء ، قم بتشغيل التعليمات البرمجية ومشاهدة وحدة التحكم. هذا هو كل ما يتطلبه الأمر لإرسال البيانات الخاصة بالإجراء إلى المتجر واستخدامها عند تحديث <code>state</code> المتجر. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن <code>addNoteText</code> منشئ <code>addNoteText</code> بإرجاع كائن يحتوي على <code>type</code> المفاتيح <code>text</code> .
+    testString: 'assert((function() { const addNoteFn = addNoteText("__TEST__NOTE"); return addNoteFn.type === ADD_NOTE && addNoteFn.text === "__TEST__NOTE" })(), "The action creator <code>addNoteText</code> should return an object with keys <code>type</code> and <code>text</code>.");'
+  - text: يجب أن يؤدي إرسال إجراء من النوع <code>ADD_NOTE</code> باستخدام منشئ إجراء <code>addNoteText</code> تحديث <code>state</code> إلى السلسلة التي تم تمريرها إلى منشئ الإجراء.
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch(addNoteText("__TEST__NOTE")); const newState = store.getState(); return initialState !== newState && newState === "__TEST__NOTE" })(), "Dispatching an action of type <code>ADD_NOTE</code> with the <code>addNoteText</code> action creator should update the <code>state</code> to the string passed to the action creator.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ADD_NOTE = 'ADD_NOTE';
+
+const notesReducer = (state = 'Initial State', action) => {
+  switch(action.type) {
+    // change code below this line
+
+    // change code above this line
+    default:
+      return state;
+  }
+};
+
+const addNoteText = (note) => {
+  // change code below this line
+
+  // change code above this line
+};
+
+const store = Redux.createStore(notesReducer);
+
+console.log(store.getState());
+store.dispatch(addNoteText('Hello!'));
+console.log(store.getState());
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.arabic.md
new file mode 100644
index 0000000000..e4497ac191
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.arabic.md
@@ -0,0 +1,82 @@
+---
+id: 5a24c314108439a4d4036151
+title: Use a Switch Statement to Handle Multiple Actions
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: استخدم بيان تبديل للتعامل مع إجراءات متعددة
+---
+
+## Description
+<section id="description"> يمكنك معرفة مخزن Redux كيفية التعامل مع أنواع إجراءات متعددة. لنفترض أنك تدير مصادقة المستخدم في متجر Redux. تريد أن يكون لديك تمثيل حالة عندما يقوم المستخدمون بتسجيل الدخول وعند تسجيل الخروج. أنت تمثل هذا مع كائن حالة واحد مع الخاصية <code>authenticated</code> . تحتاج أيضًا إلى منشئي إجراءات ينشئون إجراءات تتوافق مع تسجيل دخول المستخدم وخروج المستخدم ، بالإضافة إلى كائنات الإجراءات نفسها. </section>
+
+## Instructions
+<section id="instructions"> يحتوي محرر الشفرات على متجر وإجراءات ومنشئين لأعمال تم إعدادها لك. املأ وظيفة <code>reducer</code> للتعامل مع إجراءات التوثيق المتعددة. استخدم عبارة <code>switch</code> JavaScript في <code>reducer</code> للرد على أحداث إجراء مختلفة. هذا هو نمط قياسي في كتابة مخفضات Redux. يجب أن يقوم بيان التبديل <code>action.type</code> وإرجاع حالة المصادقة المناسبة. <strong>ملاحظة:</strong> في هذه المرحلة ، لا تقلق بشأن ثبات النظام ، لأنها صغيرة وبسيطة في هذا المثال. لكل إجراء ، يمكنك إرجاع كائن جديد - على سبيل المثال ، <code>{authenticated: true}</code> . لا تنس أيضًا كتابة حالة <code>default</code> في كشف التبديل الخاص بك تقوم بإرجاع <code>state</code> الحالية. هذا أمر مهم لأنه بمجرد أن يحتوي تطبيقك على مخفضات متعددة ، يتم تشغيلها في أي وقت يتم فيه إرسال إجراء ، حتى عندما لا يكون الإجراء مرتبطًا بمخفض المخفِّض هذا. في مثل هذه الحالة ، تحتاج إلى التأكد من إرجاع <code>state</code> الحالية. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن <code>loginUser</code> استدعاء الدالة <code>loginUser</code> إرجاع كائن له خاصية كتابة معينة إلى السلسلة <code>LOGIN</code> .
+    testString: 'assert(loginUser().type === "LOGIN", "Calling the function <code>loginUser</code> should return an object with type property set to the string <code>LOGIN</code>.");'
+  - text: ''
+    testString: 'assert(logoutUser().type === "LOGOUT", "Calling the function <code>logoutUser</code> should return an object with type property set to the string <code>LOGOUT</code>.");'
+  - text: ''
+    testString: 'assert(store.getState().authenticated === false, "The store should be initialized with an object with an <code>authenticated</code> property set to <code>false</code>.");'
+  - text: ''
+    testString: 'assert((function() {  const initialState = store.getState(); store.dispatch(loginUser()); const afterLogin = store.getState(); return initialState.authenticated === false && afterLogin.authenticated === true })(), "Dispatching <code>loginUser</code> should update the <code>authenticated</code> property in the store state to <code>true</code>.");'
+  - text: ''
+    testString: 'assert((function() {  store.dispatch(loginUser()); const loggedIn = store.getState(); store.dispatch(logoutUser()); const afterLogout = store.getState(); return loggedIn.authenticated === true && afterLogout.authenticated === false  })(), "Dispatching <code>logoutUser</code> should update the <code>authenticated</code> property in the store state to <code>false</code>.");'
+  - text: ''
+    testString: 'getUserInput => assert( getUserInput("index").toString().includes("switch") && getUserInput("index").toString().includes("case") && getUserInput("index").toString().includes("default"), "The <code>authReducer</code> function should handle multiple action types with a <code>switch</code> statement.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const defaultState = {
+  authenticated: false
+};
+
+const authReducer = (state = defaultState, action) => {
+  // change code below this line
+
+  // change code above this line
+};
+
+const store = Redux.createStore(authReducer);
+
+const loginUser = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+const logoutUser = () => {
+  return {
+    type: 'LOGOUT'
+  }
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/redux/use-const-for-action-types.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/redux/use-const-for-action-types.arabic.md
new file mode 100644
index 0000000000..f06828c0e1
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/redux/use-const-for-action-types.arabic.md
@@ -0,0 +1,105 @@
+---
+id: 5a24c314108439a4d4036152
+title: Use const for Action Types
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(loginUser().type === "LOGIN", "Calling the function <code>loginUser</code> should return an object with <code>type</code> property set to the string <code>LOGIN</code>.");'
+  - text: ''
+    testString: 'assert(logoutUser().type === "LOGOUT", "Calling the function <code>logoutUser</code> should return an object with <code>type</code> property set to the string <code>LOGOUT</code>.");'
+  - text: ''
+    testString: 'assert(store.getState().authenticated === false, "The store should be initialized with an object with property <code>login</code> set to <code>false</code>.");'
+  - text: ''
+    testString: 'assert((function() {  const initialState = store.getState(); store.dispatch(loginUser()); const afterLogin = store.getState(); return initialState.authenticated === false && afterLogin.authenticated === true })(), "Dispatching <code>loginUser</code> should update the <code>login</code> property in the store state to <code>true</code>.");'
+  - text: ''
+    testString: 'assert((function() {  store.dispatch(loginUser()); const loggedIn = store.getState(); store.dispatch(logoutUser()); const afterLogout = store.getState(); return loggedIn.authenticated === true && afterLogout.authenticated === false })(), "Dispatching <code>logoutUser</code> should update the <code>login</code> property in the store state to <code>false</code>.");'
+  - text: ''
+    testString: 'getUserInput => assert((function() { return typeof authReducer === "function" && getUserInput("index").toString().includes("switch") && getUserInput("index").toString().includes("case") && getUserInput("index").toString().includes("default") })(), "The <code>authReducer</code> function should handle multiple action types with a switch statement.");'
+  - text: ''
+    testString: 'getUserInput => assert((function() {  const noWhiteSpace = getUserInput("index").toString().replace(/\s/g,""); return (noWhiteSpace.includes("constLOGIN=\"LOGIN\"") || noWhiteSpace.includes("constLOGIN="LOGIN"")) && (noWhiteSpace.includes("constLOGOUT=\"LOGOUT\"") || noWhiteSpace.includes("constLOGOUT="LOGOUT"")) })(), "<code>LOGIN</code> and <code>LOGOUT</code> should be declared as <code>const</code> values and should be assigned strings of <code>LOGIN</code>and <code>LOGOUT</code>.");'
+  - text: ''
+    testString: 'getUserInput => assert((function() { const noWhiteSpace = getUserInput("index").toString().replace(/\s/g,""); return noWhiteSpace.includes("caseLOGIN:") && noWhiteSpace.includes("caseLOGOUT:") && noWhiteSpace.includes("type:LOGIN") && noWhiteSpace.includes("type:LOGOUT") })(), "The action creators and the reducer should reference the <code>LOGIN</code> and <code>LOGOUT</code> constants.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// change code below this line
+
+// change code above this line
+
+const defaultState = {
+  authenticated: false
+};
+
+const authReducer = (state = defaultState, action) => {
+
+  switch (action.type) {
+
+    case 'LOGIN':
+      return {
+        authenticated: true
+      }
+
+    case 'LOGOUT':
+      return {
+        authenticated: false
+      }
+
+    default:
+      return state;
+
+  }
+
+};
+
+const store = Redux.createStore(authReducer);
+
+const loginUser = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+const logoutUser = () => {
+  return {
+    type: 'LOGOUT'
+  }
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/redux/use-middleware-to-handle-asynchronous-actions.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/redux/use-middleware-to-handle-asynchronous-actions.arabic.md
new file mode 100644
index 0000000000..ec7f4b41c5
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/redux/use-middleware-to-handle-asynchronous-actions.arabic.md
@@ -0,0 +1,103 @@
+---
+id: 5a24c314108439a4d4036156
+title: Use Middleware to Handle Asynchronous Actions
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(requestingData().type === REQUESTING_DATA, "The <code>requestingData</code> action creator should return an object of type equal to the value of <code>REQUESTING_DATA</code>.");'
+  - text: ''
+    testString: 'assert(receivedData("data").type === RECEIVED_DATA, "The <code>receivedData</code> action creator should return an object of type equal to the value of <code>RECEIVED_DATA</code>.");'
+  - text: ''
+    testString: 'assert(typeof asyncDataReducer === "function", "<code>asyncDataReducer</code> should be a function.");'
+  - text: ''
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch(requestingData()); const reqState = store.getState(); return initialState.fetching === false && reqState.fetching === true })(), "Dispatching the requestingData action creator should update the store <code>state</code> property of fetching to <code>true</code>.");'
+  - text: ''
+    testString: 'assert((function() { const noWhiteSpace = handleAsync.toString().replace(/\s/g,""); return noWhiteSpace.includes("dispatch(requestingData())") === true && noWhiteSpace.includes("dispatch(receivedData(data))") === true })(), "Dispatching <code>handleAsync</code> should dispatch the data request action and then dispatch the received data action after a delay.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const REQUESTING_DATA = 'REQUESTING_DATA'
+const RECEIVED_DATA = 'RECEIVED_DATA'
+
+const requestingData = () => { return {type: REQUESTING_DATA} }
+const receivedData = (data) => { return {type: RECEIVED_DATA, users: data.users} }
+
+const handleAsync = () => {
+  return function(dispatch) {
+    // dispatch request action here
+
+    setTimeout(function() {
+      let data = {
+        users: ['Jeff', 'William', 'Alice']
+      }
+      // dispatch received data action here
+
+    }, 2500);
+  }
+};
+
+const defaultState = {
+  fetching: false,
+  users: []
+};
+
+const asyncDataReducer = (state = defaultState, action) => {
+  switch(action.type) {
+    case REQUESTING_DATA:
+      return {
+        fetching: true,
+        users: []
+      }
+    case RECEIVED_DATA:
+      return {
+        fetching: false,
+        users: action.users
+      }
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(
+  asyncDataReducer,
+  Redux.applyMiddleware(ReduxThunk.default)
+);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/redux/use-the-spread-operator-on-arrays.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/redux/use-the-spread-operator-on-arrays.arabic.md
new file mode 100644
index 0000000000..d73f52c20c
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/redux/use-the-spread-operator-on-arrays.arabic.md
@@ -0,0 +1,73 @@
+---
+id: 5a24c314108439a4d4036159
+title: Use the Spread Operator on Arrays
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { const initialState = store.getState(); return ( Array.isArray(initialState) === true && initialState[0] === "Do not mutate state!"); })(), "The Redux store should exist and initialize with a state equal to <code>[Do not mutate state!]</code>.");'
+  - text: ''
+    testString: 'assert(typeof addToDo === "function" && typeof immutableReducer === "function", "<code>addToDo</code> and <code>immutableReducer</code> both should be functions.");'
+  - text: ''
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch(addToDo("__TEST__TO__DO__")); const finalState = store.getState(); const expectedState = [ "Do not mutate state!", "__TEST__TO__DO__" ]; return( isFrozen && DeepEqual(finalState, expectedState)); })(), "Dispatching an action of type <code>ADD_TO_DO</code> on the Redux store should add a <code>todo</code> item and should NOT mutate state.");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").includes("...state"), "The spread operator should be used to return new state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const immutableReducer = (state = ['Do not mutate state!'], action) => {
+  switch(action.type) {
+    case 'ADD_TO_DO':
+      // don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+const addToDo = (todo) => {
+  return {
+    type: 'ADD_TO_DO',
+    todo
+  }
+}
+
+const store = Redux.createStore(immutableReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/redux/write-a-counter-with-redux.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/redux/write-a-counter-with-redux.arabic.md
new file mode 100644
index 0000000000..b5b37df2ed
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/redux/write-a-counter-with-redux.arabic.md
@@ -0,0 +1,69 @@
+---
+id: 5a24c314108439a4d4036157
+title: Write a Counter with Redux
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم <code>incAction</code> منشئ الإجراء بإرجاع كائن تصرف <code>type</code> يساوي قيمة <code>INCREMENT</code>
+    testString: 'assert(incAction().type ===INCREMENT, "The action creator <code>incAction</code> should return an action object with <code>type</code> equal to the value of <code>INCREMENT</code>");'
+  - text: ''
+    testString: 'assert(decAction().type === DECREMENT, "The action creator <code>decAction</code> should return an action object with <code>type</code> equal to the value of <code>DECREMENT</code>");'
+  - text: ''
+    testString: 'assert(store.getState() === 0, "The Redux store should initialize with a <code>state</code> of 0.");'
+  - text: ''
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch(incAction()); const incState = store.getState(); return initialState + 1 === incState })(), "Dispatching <code>incAction</code> on the Redux store should increment the <code>state</code> by 1.");'
+  - text: ''
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch(decAction()); const decState = store.getState(); return initialState - 1 === decState })(), "Dispatching <code>decAction</code> on the Redux store should decrement the <code>state</code> by 1.");'
+  - text: ''
+    testString: 'assert(typeof counterReducer === "function", "<code>counterReducer</code> should be a function");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const INCREMENT = null; // define a constant for increment action types
+const DECREMENT = null; // define a constant for decrement action types
+
+const counterReducer = null; // define the counter reducer which will increment or decrement the state based on the action it receives
+
+const incAction = null; // define an action creator for incrementing
+
+const decAction = null; // define an action creator for decrementing
+
+const store = null; // define the Redux store here, passing in your reducers
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.arabic.md
new file mode 100644
index 0000000000..58c51686f4
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.arabic.md
@@ -0,0 +1,91 @@
+---
+id: 587d7dbf367417b2b2512bbb
+title: Apply a Style Until a Condition is Met with @while
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: تطبيق نمط حتى يتم استيفاء الشرط معwhile
+---
+
+## Description
+<section id="description"> إن التوجيه <code>@while</code> هو خيار له وظيفة مشابهة لجافا سكريبت <code>while</code> التكرار. يقوم بإنشاء قواعد CSS حتى يتم استيفاء الشرط. قدم تحدي <code>@for</code> مثالاً لإنشاء نظام شبكة بسيط. هذا يمكن أن تعمل أيضا مع <code>@while</code> . <blockquote style=";text-align:right;direction:rtl"> $ x: 1؛ <br> while $ x &lt;13 { <br> .col - # {$ x} {width: 100٪ / 12 * $ x؛} <br> $ x: $ x + 1؛ <br> } </blockquote> أولاً ، قم بتعريف متغير <code>$x</code> وقم بتعيينه على 1. التالي ، استخدم التوجيه <code>@while</code> لإنشاء نظام الشبكة <i>بينما</i> يكون <code>$x</code> أقل من 13. بعد تعيين قاعدة CSS <code>width</code> ، يتم زيادة <code>$x</code> بمقدار 1 لتجنب حلقة لا نهائية. </section>
+
+## Instructions
+<section id="instructions"> استخدم <code>@while</code> لإنشاء سلسلة من الفصول <code>font-sizes</code> مختلفة من <code>font-sizes</code> . يجب أن يكون هناك 10 فصول مختلفة من <code>text-1</code> إلى <code>text-10</code> . ثم قم بتعيين <code>font-size</code> إلى 5 بكسل مضروبًا في رقم الفهرس الحالي. تأكد من تجنب حلقة لا نهائية! </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تستخدم <code>@while</code> توجيه <code>@while</code> في الوقت <code>@while</code> .
+    testString: 'assert(code.match(/@while /g), "Your code should use the <code>@while</code> directive.");'
+  - text: يجب أن تحدد التعليمات البرمجية متغير فهرس إلى 1 لبدء.
+    testString: 'assert(code.match(/\$.*:\s*?1;/gi), "Your code should set an index variable to 1 to start.");'
+  - text: يجب أن تزيد التعليمات البرمجية الخاصة بك متغير عداد.
+    testString: 'assert(code.match(/\$(.*):\s*?\$\1\s*?\+\s*?1;/gi), "Your code should increment the counter variable.");'
+  - text: يجب أن يكون للفئة <code>.text-1</code> <code>font-size</code> يبلغ 5 بكسل.
+    testString: 'assert($(".text-1").css("font-size") == "5px", "Your <code>.text-1</code> class should have a <code>font-size</code> of 5px.");'
+  - text: يجب أن يكون لفئة <code>.text-2</code> <code>font-size</code> بيكسل.
+    testString: 'assert($(".text-2").css("font-size") == "10px", "Your <code>.text-2</code> class should have a <code>font-size</code> of 10px.");'
+  - text: يجب أن يكون للفئة <code>.text-3</code> <code>font-size</code> يبلغ 15 بكسل.
+    testString: 'assert($(".text-3").css("font-size") == "15px", "Your <code>.text-3</code> class should have a <code>font-size</code> of 15px.");'
+  - text: يجب أن يكون لفئة <code>.text-4</code> <code>font-size</code> بكسل.
+    testString: 'assert($(".text-4").css("font-size") == "20px", "Your <code>.text-4</code> class should have a <code>font-size</code> of 20px.");'
+  - text: يجب أن يكون لفئة .text <code>.text-5</code> حجمًا <code>font-size</code> 25 بكسل.
+    testString: 'assert($(".text-5").css("font-size") == "25px", "Your <code>.text-5</code> class should have a <code>font-size</code> of 25px.");'
+  - text: ''
+    testString: 'assert($(".text-6").css("font-size") == "30px", "Your <code>.text-6</code> class should have a <code>font-size</code> of 30px.");'
+  - text: ''
+    testString: 'assert($(".text-7").css("font-size") == "35px", "Your <code>.text-7</code> class should have a <code>font-size</code> of 35px.");'
+  - text: ''
+    testString: 'assert($(".text-8").css("font-size") == "40px", "Your <code>.text-8</code> class should have a <code>font-size</code> of 40px.");'
+  - text: ''
+    testString: 'assert($(".text-9").css("font-size") == "45px", "Your <code>.text-9</code> class should have a <code>font-size</code> of 45px.");'
+  - text: ''
+    testString: 'assert($(".text-10").css("font-size") == "50px", "Your <code>.text-10</code> class should have a <code>font-size</code> of 50px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+</style>
+
+<p class="text-1">Hello</p>
+<p class="text-2">Hello</p>
+<p class="text-3">Hello</p>
+<p class="text-4">Hello</p>
+<p class="text-5">Hello</p>
+<p class="text-6">Hello</p>
+<p class="text-7">Hello</p>
+<p class="text-8">Hello</p>
+<p class="text-9">Hello</p>
+<p class="text-10">Hello</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/sass/create-reusable-css-with-mixins.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/sass/create-reusable-css-with-mixins.arabic.md
new file mode 100644
index 0000000000..71e198eb47
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/sass/create-reusable-css-with-mixins.arabic.md
@@ -0,0 +1,74 @@
+---
+id: 587d7dbd367417b2b2512bb6
+title: Create Reusable CSS with Mixins
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/@mixin\s+?border-radius\s*?\(\s*?\$radius\s*?\)\s*?{/gi), "Your code should declare a <code>mixin</code> named <code>border-radius</code> which has a parameter named <code>$radius</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/-webkit-border-radius:\s*?\$radius;/gi), "Your code should include the <code>-webkit-border-radius</code> vender prefix that uses the <code>$radius</code> parameter.");'
+  - text: ''
+    testString: 'assert(code.match(/-moz-border-radius:\s*?\$radius;/gi), "Your code should include the <code>-moz-border-radius</code> vender prefix that uses the <code>$radius</code> parameter.");'
+  - text: يجب أن تحتوي <code>-ms-border-radius</code> على <code>-ms-border-radius</code> التي تستخدم معلمة <code>$radius</code> .
+    testString: 'assert(code.match(/-ms-border-radius:\s*?\$radius;/gi), "Your code should include the <code>-ms-border-radius</code> vender prefix that uses the <code>$radius</code> parameter.");'
+  - text: يجب أن تتضمن شفرتك قاعدة <code>border-radius</code> العامة التي تستخدم معلمة <code>$radius</code> .
+    testString: 'assert(code.match(/border-radius:\s*?\$radius;/gi).length == 4, "Your code should include the general <code>border-radius</code> rule that uses the <code>$radius</code> parameter.");'
+  - text: ''
+    testString: 'assert(code.match(/@include\s+?border-radius\(\s*?15px\s*?\);/gi), "Your code should call the <code>border-radius mixin</code> using the <code>@include</code> keyword, setting it to 15px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+  #awesome {
+    width: 150px;
+    height: 150px;
+    background-color: green;
+
+  }
+</style>
+
+<div id="awesome"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/sass/extend-one-set-of-css-styles-to-another-element.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/sass/extend-one-set-of-css-styles-to-another-element.arabic.md
new file mode 100644
index 0000000000..dcd6a2ab3f
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/sass/extend-one-set-of-css-styles-to-another-element.arabic.md
@@ -0,0 +1,75 @@
+---
+id: 587d7fa5367417b2b2512bbd
+title: Extend One Set of CSS Styles to Another Element
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> لدى Sass ميزة تسمى <code>extend</code> تجعل من السهل استعارة قواعد CSS من عنصر واحد والبناء عليها في عنصر آخر. على سبيل المثال ، تقوم الكتلة أدناه من قواعد CSS بنمط طبقة <code>.panel</code> . له <code>background-color</code> <code>height</code> <code>border</code> . <blockquote style=";text-align:right;direction:rtl"> .فريق{ <br> لون الخلفية: أحمر. <br> الارتفاع: 70 بكسل ؛ <br> border: 2px solid green؛ <br> } </blockquote> أنت الآن تريد لوحة أخرى تسمى <code>.big-panel</code> . يحتوي على نفس الخصائص الأساسية مثل <code>.panel</code> ، ولكنه يحتاج أيضًا إلى <code>width</code> وحجم <code>font-size</code> . من الممكن نسخ قواعد CSS الأولية ولصقها من <code>.panel</code> ، ولكن يصبح الرمز متكررًا عند إضافة المزيد من أنواع اللوحات. على <code>extend</code> التوجيه هو وسيلة بسيطة لإعادة استخدام قواعد مكتوبة لعنصر واحد، ثم أضيف أكثر لآخر: <blockquote style=";text-align:right;direction:rtl"> . كبير لوحة { <br> extend .panel؛ <br> العرض: 150 بكسل ؛ <br> حجم الخط: 2em ؛ <br> } </blockquote> سيكون <code>.big-panel</code> نفس الخصائص مثل <code>.panel</code> بالإضافة إلى الأنماط الجديدة. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/\.info-important\s*?{[\s\S]*background-color\s*?:\s*?magenta\s*?;[\s\S]*}/gi), "Your <code>info-important</code> class should have a <code>background-color</code> set to <code>magenta</code>.");'
+  - text: يجب أن تستخدم فئة <code>info-important</code> الخاصة بك <code>@extend</code> ليرث التصميم من فئة <code>info</code> .
+    testString: 'assert(code.match(/\.info-important\s*?{[\s\S]*@extend\s*?.info\s*?;[\s\S]*/gi), "Your <code>info-important</code> class should use <code>@extend</code> to inherit the styling from the <code>info</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+  h3{
+    text-align: center;
+  }
+  .info{
+    width: 200px;
+    border: 1px solid black;
+    margin: 0 auto;
+  }
+
+
+
+
+</style>
+<h3>Posts</h3>
+<div class="info-important">
+  <p>This is an important post. It should extend the class ".info" and have its own CSS styles.</p>
+</div>
+
+<div class="info">
+  <p>This is a simple post. It has basic styling and can be extended for other uses.</p>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/sass/nest-css-with-sass.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/sass/nest-css-with-sass.arabic.md
new file mode 100644
index 0000000000..07d7e14791
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/sass/nest-css-with-sass.arabic.md
@@ -0,0 +1,68 @@
+---
+id: 587d7dbd367417b2b2512bb5
+title: Nest CSS with Sass
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: عش المغلق مع ساس
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تعيد التعليمة البرمجية تنظيم قواعد CSS بحيث يتم <code>.blog-post</code> <code>h1</code> و <code>p</code> في <code>.blog-post</code> .
+    testString: 'assert(code.match(/\.blog-post\s*?{\s*?h1\s*?{\s*?text-align:\s*?center;\s*?color:\s*?blue;\s*?}\s*?p\s*?{\s*?font-size:\s*?20px;\s*?}\s*?}/gi), "Your code should re-organize the CSS rules so the <code>h1</code> and <code>p</code> are nested in the <code>.blog-post</code> parent element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+  .blog-post {
+
+  }
+  h1 {
+    text-align: center;
+    color: blue;
+  }
+  p {
+    font-size: 20px;
+  }
+</style>
+
+<div class="blog-post">
+  <h1>Blog Title</h1>
+  <p>This is a paragraph</p>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/sass/split-your-styles-into-smaller-chunks-with-partials.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/sass/split-your-styles-into-smaller-chunks-with-partials.arabic.md
new file mode 100644
index 0000000000..497a8527fb
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/sass/split-your-styles-into-smaller-chunks-with-partials.arabic.md
@@ -0,0 +1,52 @@
+---
+id: 587d7dbf367417b2b2512bbc
+title: Split Your Styles into Smaller Chunks with Partials
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> <code>Partials</code> في Sass هي ملفات منفصلة تحتوي على أجزاء من شفرة CSS. يتم استيرادها واستخدامها في ملفات ساس أخرى. هذه طريقة رائعة لتجميع التعليمات البرمجية المشابهة في وحدة نمطية للحفاظ على تنظيمها. تبدأ الأسماء الخاصة <code>partials</code> بحرف تسطير أسفل السطر ( <code>_</code> ) ، الذي يخبر Sass أنه جزء صغير من CSS وليس لتحويله إلى ملف CSS. أيضًا ، تنتهي ملفات Sass <code>.scss</code> الملف <code>.scss</code> . لإحضار الرمز في الجزء <code>partial</code> إلى ملف Sass آخر ، استخدم <code>@import</code> التوجيه. على سبيل المثال ، إذا تم حفظ جميع <code>mixins</code> الخاص بك في <code>partial</code> باسم &quot;_mixins.scss&quot; ، وكانت مطلوبة في ملف &quot;main.scss&quot; ، فهذا هو كيفية استخدامها في الملف الرئيسي: <blockquote style=";text-align:right;direction:rtl"> // في الملف main.scss <br><br> @ mixport &quot;mixins&quot; </blockquote> لاحظ أن شرطة سفلية لا تكون مطلوبة في كشف <code>import</code> - يفهم Sass أنها <code>partial</code> . مرة واحدة في <code>partial</code> يتم استيرادها إلى ملف، كل المتغيرات، <code>mixins</code> متاحة للاستخدام، وقانون آخر. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/@import\s+?("|")variables\1/gi), "Your code should use the <code>@import</code> directive, and should not include the underscore in the file name.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+// The main.scss file
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/sass/store-data-with-sass-variables.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/sass/store-data-with-sass-variables.arabic.md
new file mode 100644
index 0000000000..257ef234da
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/sass/store-data-with-sass-variables.arabic.md
@@ -0,0 +1,81 @@
+---
+id: 587d7dbd367417b2b2512bb4
+title: Store Data with Sass Variables
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> إنشاء متغير <code>$text-color</code> وتعيينه إلى اللون الأحمر. ثم قم بتغيير قيمة خاصية <code>color</code> أجل <code>.blog-post</code> و <code>h2</code> إلى متغير <code>$text-color</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/\$text-color:\s*?red;/g), "Your code should have a Sass variable declared for <code>$text-color</code> with a value of red.");'
+  - text: ''
+    testString: 'assert(code.match(/color:\s*?\$text-color;/g), "Your code should use the <code>$text-color</code> variable to change the <code>color</code> for the <code>.blog-post</code> and <code>h2</code> items.");'
+  - text: ''
+    testString: 'assert($(".blog-post").css("color") == "rgb(255, 0, 0)", "Your <code>.blog-post</code> element should have a </code>color</code> of red.");'
+  - text: ''
+    testString: 'assert($("h2").css("color") == "rgb(255, 0, 0)", "Your <code>h2</code> elements should have a </code>color</code> of red.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+  .header{
+    text-align: center;
+  }
+  .blog-post, h2 {
+    color: red;
+  }
+</style>
+
+<h1 class="header">Learn Sass</h1>
+<div class="blog-post">
+  <h2>Some random title</h2>
+  <p>This is a paragraph with some random text in it</p>
+</div>
+<div class="blog-post">
+  <h2>Header #2</h2>
+  <p>Here is some more random text.</p>
+</div>
+<div class="blog-post">
+  <h2>Here is another header</h2>
+  <p>Even more random text within a paragraph</p>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/sass/use-each-to-map-over-items-in-a-list.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/sass/use-each-to-map-over-items-in-a-list.arabic.md
new file mode 100644
index 0000000000..48330c1ff0
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/sass/use-each-to-map-over-items-in-a-list.arabic.md
@@ -0,0 +1,70 @@
+---
+id: 587d7dbf367417b2b2512bba
+title: Use @each to Map Over Items in a List
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/@each /g), "Your code should use the <code>@each</code> directive.");'
+  - text: ''
+    testString: 'assert($(".blue-bg").css("background-color") == "rgb(0, 0, 255)", "Your <code>.blue-bg</code> class should have a <code>background-color</code> of blue.");'
+  - text: ''
+    testString: 'assert($(".black-bg").css("background-color") == "rgb(0, 0, 0)", "Your <code>.black-bg</code> class should have a <code>background-color</code> of black.");'
+  - text: ''
+    testString: 'assert($(".red-bg").css("background-color") == "rgb(255, 0, 0)", "Your <code>.red-bg</code> class should have a <code>background-color</code> of red.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+  div {
+    height: 200px;
+    width: 200px;
+  }
+</style>
+
+<div class="blue-bg"></div>
+<div class="black-bg"></div>
+<div class="red-bg"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/sass/use-for-to-create-a-sass-loop.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/sass/use-for-to-create-a-sass-loop.arabic.md
new file mode 100644
index 0000000000..152b5c33f3
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/sass/use-for-to-create-a-sass-loop.arabic.md
@@ -0,0 +1,72 @@
+---
+id: 587d7dbe367417b2b2512bb9
+title: Use @for to Create a Sass Loop
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> يضيف الأمر <code>@for</code> الأنماط في حلقة ، تشبه إلى حد كبير حلقة <code>for</code> في JavaScript. يتم استخدام <code>@for</code> بطريقتين: &quot;البدء من خلال النهاية&quot; أو &quot;البدء حتى النهاية&quot;. والفرق الرئيسي هو أن &quot;البداية إلى النهاية&quot; <em>تستثني</em> الرقم النهائي ، و &quot;البدء من خلال النهاية&quot; <em>يتضمن</em> الرقم النهائي. إليك مثال البدء من <b>خلال</b> النهاية: <blockquote style=";text-align:right;direction:rtl"> for $ i من 1 إلى 12 { <br> .col - # {$ i} {width: 100٪ / 12 * $ i؛ } <br> } </blockquote> الجزء <code>#{$i}</code> هو بناء الجملة لدمج متغير ( <code>i</code> ) مع النص لإنشاء سلسلة. عندما يتم تحويل ملف Sass إلى CSS ، يبدو كالتالي: <blockquote style=";text-align:right;direction:rtl"> .col-1 { <br> العرض: 8.33333٪ ؛ <br> } <br><br> .col-2 { <br> العرض: 16.66667٪ ؛ <br> } <br><br> ... <br><br> .col-12 { <br> العرض: 100 ٪. <br> } </blockquote> هذه طريقة قوية لإنشاء تخطيط شبكة. لديك الآن اثني عشر خيارًا لعروض الأعمدة المتاحة كفئات CSS. </section>
+
+## Instructions
+<section id="instructions"> اكتب <code>@for</code> directive الذي يأخذ متغير <code>$j</code> من 1 <b>إلى</b> 6. يجب أن ينشئ 5 فئات تسمى <code>.text-1</code> إلى <code>.text-5</code> حيث يكون لكل مجموعة <code>font-size</code> إلى 10px مضروبًا في الفهرس. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/@for /g), "Your code should use the <code>@for</code> directive.");'
+  - text: ''
+    testString: 'assert($(".text-1").css("font-size") == "10px", "Your <code>.text-1</code> class should have a <code>font-size</code> of 10px.");'
+  - text: ''
+    testString: 'assert($(".text-2").css("font-size") == "20px", "Your <code>.text-2</code> class should have a <code>font-size</code> of 20px.");'
+  - text: يجب أن يكون للفئة <code>.text-3</code> <code>font-size</code> يبلغ 30 بكسل.
+    testString: 'assert($(".text-3").css("font-size") == "30px", "Your <code>.text-3</code> class should have a <code>font-size</code> of 30px.");'
+  - text: ''
+    testString: 'assert($(".text-4").css("font-size") == "40px", "Your <code>.text-4</code> class should have a <code>font-size</code> of 40px.");'
+  - text: يجب أن يكون للفئة <code>.text-5</code> <code>font-size</code> يبلغ 50 بكسل.
+    testString: 'assert($(".text-5").css("font-size") == "50px", "Your <code>.text-5</code> class should have a <code>font-size</code> of 50px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+</style>
+
+<p class="text-1">Hello</p>
+<p class="text-2">Hello</p>
+<p class="text-3">Hello</p>
+<p class="text-4">Hello</p>
+<p class="text-5">Hello</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.arabic.md b/curriculum/challenges/arabic/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.arabic.md
new file mode 100644
index 0000000000..87a24ddd3a
--- /dev/null
+++ b/curriculum/challenges/arabic/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.arabic.md
@@ -0,0 +1,72 @@
+---
+id: 587d7dbe367417b2b2512bb8
+title: Use @if and @else to Add Logic To Your Styles
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تقوم <code>mixin</code> بتعريف <code>mixin</code> مسمى <code>border-stroke</code> <code>mixin</code> ذات <code>mixin</code> يسمى <code>$val</code> .
+    testString: 'assert(code.match(/@mixin\s+?border-stroke\s*?\(\s*?\$val\s*?\)\s*?{/gi), "Your code should declare a <code>mixin</code> named <code>border-stroke</code> which has a parameter named <code>$val</code>.");'
+  - text: يجب أن يكون لديك <code>mixin</code> عبارة <code>@if</code> if للتحقق من أن <code>$val</code> خفيف ، وتعيين <code>border</code> إلى 1px أسود خالص.
+    testString: 'assert(code.match(/@if\s+?\$val\s*?===?\s*?light\s*?{\s*?border\s*?:\s*?1px\s+?solid\s+?black\s*?;\s*?}/gi), "Your <code>mixin</code> should have an <code>@if</code> statement to check if <code>$val</code> is light, and to set the <code>border</code> to 1px solid black.");'
+  - text: ''
+    testString: 'assert(code.match(/@else\s+?if\s+?\$val\s*?===?\s*?medium\s*?{\s*?border\s*?:\s*?3px\s+?solid\s+?black\s*?;\s*?}/gi), "Your <code>mixin</code> should have an <code>@else if</code> statement to check if <code>$val</code> is medium, and to set the <code>border</code> to 3px solid black.");'
+  - text: بك <code>mixin</code> ينبغي أن يكون <code>@else if</code> تصريح لمعرفة ما اذا كان <code>$val</code> ثقيلة، وضبط <code>border</code> ل6px أسود خالص.
+    testString: 'assert(code.match(/@else\s+?if\s+?\$val\s*?===?\s*?heavy\s*?{\s*?border\s*?:\s*?6px\s+?solid\s+?black\s*?;\s*?}/gi), "Your <code>mixin</code> should have an <code>@else if</code> statement to check if <code>$val</code> is heavy, and to set the <code>border</code> to 6px solid black.");'
+  - text: يجب أن يكون لديك <code>mixin</code> عبارة عن <code>@else</code> لتعيين <code>border</code> إلى بلا.
+    testString: 'assert(code.match(/@else\s*?{\s*?border\s*?:\s*?none\s*?;\s*?}/gi), "Your <code>mixin</code> should have an <code>@else</code> statement to set the <code>border</code> to none.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+  #box {
+    width: 150px;
+    height: 150px;
+    background-color: red;
+    @include border-stroke(medium);
+  }
+</style>
+
+<div id="box"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.arabic.md
new file mode 100644
index 0000000000..f2e758e0dd
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.arabic.md
@@ -0,0 +1,37 @@
+---
+id: bd7168d8c242eddfaeb5bd13
+title: Visualize Data with a Bar Chart
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.arabic.md
new file mode 100644
index 0000000000..2a9a5e71c3
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.arabic.md
@@ -0,0 +1,37 @@
+---
+id: 587d7fa6367417b2b2512bbf
+title: Visualize Data with a Choropleth Map
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.arabic.md
new file mode 100644
index 0000000000..b6473eb975
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.arabic.md
@@ -0,0 +1,37 @@
+---
+id: bd7188d8c242eddfaeb5bd13
+title: Visualize Data with a Heat Map
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.arabic.md
new file mode 100644
index 0000000000..b948e42897
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.arabic.md
@@ -0,0 +1,37 @@
+---
+id: bd7178d8c242eddfaeb5bd13
+title: Visualize Data with a Scatterplot Graph
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.arabic.md
new file mode 100644
index 0000000000..0805eb3028
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.arabic.md
@@ -0,0 +1,37 @@
+---
+id: 587d7fa6367417b2b2512bc0
+title: Visualize Data with a Treemap Diagram
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element.arabic.md
new file mode 100644
index 0000000000..6399588a00
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element.arabic.md
@@ -0,0 +1,92 @@
+---
+id: 587d7faa367417b2b2512bd4
+title: Add a Hover Effect to a D3 Element
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("rect").attr("class") == "bar", "Your <code>rect</code> elements should have a class of <code>bar</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar:hover {
+    fill: brown;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d)
+       .attr("fill", "navy")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) => d)
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - (3 * d) - 3);
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element.arabic.md
new file mode 100644
index 0000000000..d7a3bc3ded
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element.arabic.md
@@ -0,0 +1,111 @@
+---
+id: 587d7faa367417b2b2512bd6
+title: Add a Tooltip to a D3 Element
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("title").length == 9, "Your code should have 9 <code>title</code> elements.");'
+  - text: ''
+    testString: 'assert($("title").eq(0).text() == "12", "The first <code>title</code> element should have tooltip text of 12.");'
+  - text: ''
+    testString: 'assert($("title").eq(1).text() == "31", "The second <code>title</code> element should have tooltip text of 31.");'
+  - text: ''
+    testString: 'assert($("title").eq(2).text() == "22", "The third <code>title</code> element should have tooltip text of 22.");'
+  - text: ''
+    testString: 'assert($("title").eq(3).text() == "17", "The fourth <code>title</code> element should have tooltip text of 17.");'
+  - text: ''
+    testString: 'assert($("title").eq(4).text() == "25", "The fifth <code>title</code> element should have tooltip text of 25.");'
+  - text: ''
+    testString: 'assert($("title").eq(5).text() == "18", "The sixth <code>title</code> element should have tooltip text of 18.");'
+  - text: ''
+    testString: 'assert($("title").eq(6).text() == "29", "The seventh <code>title</code> element should have tooltip text of 29.");'
+  - text: ''
+    testString: 'assert($("title").eq(7).text() == "14", "The eighth <code>title</code> element should have tooltip text of 14.");'
+  - text: ''
+    testString: 'assert($("title").eq(8).text() == "9", "The ninth <code>title</code> element should have tooltip text of 9.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar:hover {
+    fill: brown;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => d * 3)
+       .attr("fill", "navy")
+       .attr("class", "bar")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) => d)
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - (d * 3 + 3))
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-attributes-to-the-circle-elements.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-attributes-to-the-circle-elements.arabic.md
new file mode 100644
index 0000000000..a7fffcc767
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-attributes-to-the-circle-elements.arabic.md
@@ -0,0 +1,106 @@
+---
+id: 587d7fab367417b2b2512bd8
+title: Add Attributes to the Circle Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("circle").length == 10, "Your code should have 10 <code>circle</code> elements.");'
+  - text: ''
+    testString: 'assert($("circle").eq(0).attr("cx") == "34" && $("circle").eq(0).attr("cy") == "422" && $("circle").eq(0).attr("r") == "5", "The first <code>circle</code> element should have a <code>cx</code> value of 34, a <code>cy</code> value of 422, and an <code>r</code> value of 5.");'
+  - text: ''
+    testString: 'assert($("circle").eq(1).attr("cx") == "109" && $("circle").eq(1).attr("cy") == "220" && $("circle").eq(1).attr("r") == "5", "The second <code>circle</code> element should have a <code>cx</code> value of 109, a <code>cy</code> value of 220, and an <code>r</code> value of 5.");'
+  - text: ''
+    testString: 'assert($("circle").eq(2).attr("cx") == "310" && $("circle").eq(2).attr("cy") == "380" && $("circle").eq(2).attr("r") == "5", "The third <code>circle</code> element should have a <code>cx</code> value of 310, a <code>cy</code> value of 380, and an <code>r</code> value of 5.");'
+  - text: ''
+    testString: 'assert($("circle").eq(3).attr("cx") == "79" && $("circle").eq(3).attr("cy") == "89" && $("circle").eq(3).attr("r") == "5", "The fourth <code>circle</code> element should have a <code>cx</code> value of 79, a <code>cy</code> value of 89, and an <code>r</code> value of 5.");'
+  - text: ''
+    testString: 'assert($("circle").eq(4).attr("cx") == "420" && $("circle").eq(4).attr("cy") == "280" && $("circle").eq(4).attr("r") == "5", "The fifth <code>circle</code> element should have a <code>cx</code> value of 420, a <code>cy</code> value of 280, and an <code>r</code> value of 5.");'
+  - text: ''
+    testString: 'assert($("circle").eq(5).attr("cx") == "233" && $("circle").eq(5).attr("cy") == "355" && $("circle").eq(5).attr("r") == "5", "The sixth <code>circle</code> element should have a <code>cx</code> value of 233, a <code>cy</code> value of 355, and an <code>r</code> value of 5.");'
+  - text: ''
+    testString: 'assert($("circle").eq(6).attr("cx") == "333" && $("circle").eq(6).attr("cy") == "404" && $("circle").eq(6).attr("r") == "5", "The seventh <code>circle</code> element should have a <code>cx</code> value of 333, a <code>cy</code> value of 404, and an <code>r</code> value of 5.");'
+  - text: ''
+    testString: 'assert($("circle").eq(7).attr("cx") == "222" && $("circle").eq(7).attr("cy") == "167" && $("circle").eq(7).attr("r") == "5", "The eighth <code>circle</code> element should have a <code>cx</code> value of 222, a <code>cy</code> value of 167, and an <code>r</code> value of 5.");'
+  - text: ''
+    testString: 'assert($("circle").eq(8).attr("cx") == "78" && $("circle").eq(8).attr("cy") == "180" && $("circle").eq(8).attr("r") == "5", "The ninth <code>circle</code> element should have a <code>cx</code> value of 78, a <code>cy</code> value of 180, and an <code>r</code> value of 5.");'
+  - text: ''
+    testString: 'assert($("circle").eq(9).attr("cx") == "21" && $("circle").eq(9).attr("cy") == "377" && $("circle").eq(9).attr("r") == "5", "The tenth <code>circle</code> element should have a <code>cx</code> value of 21, a <code>cy</code> value of 377, and an <code>r</code> value of 5.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+
+    const w = 500;
+    const h = 500;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-axes-to-a-visualization.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-axes-to-a-visualization.arabic.md
new file mode 100644
index 0000000000..3e58930ec6
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-axes-to-a-visualization.arabic.md
@@ -0,0 +1,119 @@
+---
+id: 587d7fad367417b2b2512bdf
+title: Add Axes to a Visualization
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/\.axisLeft\(yScale\)/g), "Your code should use the <code>axisLeft()</code> method with <code>yScale</code> passed as the argument.");'
+  - text: ''
+    testString: 'assert($("g").eq(1).attr("transform").match(/translate\(60\s*?,\s*?0\)/g), "The y-axis <code>g</code> element should have a <code>transform</code> attribute to translate the axis by (60, 0).");'
+  - text: ''
+    testString: 'assert(code.match(/\.call\(yAxis\)/g), "Your code should call the <code>yAxis</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,     78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,   411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,    333 ],
+                  [ 78,    320 ],
+                  [ 21,   123 ]
+                ];
+
+    const w = 500;
+    const h = 500;
+    const padding = 60;
+
+    const xScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[0])])
+                     .range([padding, w - padding]);
+
+    const yScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[1])])
+                     .range([h - padding, padding]);
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       .attr("cx", (d) => xScale(d[0]))
+       .attr("cy",(d) => yScale(d[1]))
+       .attr("r", (d) => 5);
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) =>  (d[0] + "," + d[1]))
+       .attr("x", (d) => xScale(d[0] + 10))
+       .attr("y", (d) => yScale(d[1]))
+
+    const xAxis = d3.axisBottom(xScale);
+    // Add your code below this line
+    const yAxis = undefined;
+    // Add your code above this line
+
+    svg.append("g")
+       .attr("transform", "translate(0," + (h - padding) + ")")
+       .call(xAxis);
+
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-classes-with-d3.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-classes-with-d3.arabic.md
new file mode 100644
index 0000000000..efdd5a0127
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-classes-with-d3.arabic.md
@@ -0,0 +1,75 @@
+---
+id: 587d7fa7367417b2b2512bc8
+title: Add Classes with D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("div").attr("class") == "bar", "Your <code>div</code> elements should have a class of <code>bar</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/\.attr/g), "Your code should use the <code>attr()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar {
+    width: 25px;
+    height: 100px;
+    display: inline-block;
+    background-color: blue;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("div")
+      .data(dataset)
+      .enter()
+      .append("div")
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-document-elements-with-d3.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-document-elements-with-d3.arabic.md
new file mode 100644
index 0000000000..df42cf71f7
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-document-elements-with-d3.arabic.md
@@ -0,0 +1,69 @@
+---
+id: 587d7fa6367417b2b2512bc2
+title: Add Document Elements with D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("body").children("h1").length == 1, "The <code>body</code> should have one <code>h1</code> element.");'
+  - text: ''
+    testString: 'assert($("h1").text() == "Learning D3", "The <code>h1</code> element should have the text "Learning D3" in it.");'
+  - text: ''
+    testString: 'assert(code.match(/d3/g), "Your code should access the <code>d3</code> object.");'
+  - text: يجب أن تستخدم شفرتك طريقة <code>select</code> .
+    testString: 'assert(code.match(/\.select/g), "Your code should use the <code>select</code> method.");'
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك أسلوب <code>append</code> .
+    testString: 'assert(code.match(/\.append/g), "Your code should use the <code>append</code> method.");'
+  - text: يجب أن تستخدم الشفرة طريقة <code>text</code> .
+    testString: 'assert(code.match(/\.text/g), "Your code should use the <code>text</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-inline-styling-to-elements.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-inline-styling-to-elements.arabic.md
new file mode 100644
index 0000000000..3162cb253a
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-inline-styling-to-elements.arabic.md
@@ -0,0 +1,68 @@
+---
+id: 587d7fa7367417b2b2512bc6
+title: Add Inline Styling to Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: إضافة التصميم الداخلي للعناصر
+---
+
+## Description
+<section id="description"> يتيح لك D3 إضافة أنماط CSS المضمنة على العناصر الديناميكية باستخدام طريقة <code>style()</code> . تأخذ طريقة <code>style()</code> زوجًا ذا قيمة - مفصولة بفواصل كوسيطة. في ما يلي مثال لتعيين لون نص التحديد إلى اللون الأزرق: <code>selection.style(&quot;color&quot;,&quot;blue&quot;);</code> </section>
+
+## Instructions
+<section id="instructions"> أضف <code>style()</code> إلى الشفرة في المحرر لجعل كل النص المعروض يحتوي على <code>font-family</code> من <code>verdana</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تحتوي عناصر <code>h2</code> على <code>font-family</code> of verdana.
+    testString: 'assert($("h2").css("font-family") == "verdana", "Your <code>h2</code> elements should have a <code>font-family</code> of verdana.");'
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك <code>style()</code> .
+    testString: 'assert(code.match(/\.style/g), "Your code should use the <code>style()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("h2")
+      .data(dataset)
+      .enter()
+      .append("h2")
+      .text((d) => (d + " USD"))
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-labels-to-d3-elements.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-labels-to-d3-elements.arabic.md
new file mode 100644
index 0000000000..e2a949e106
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-labels-to-d3-elements.arabic.md
@@ -0,0 +1,99 @@
+---
+id: 587d7faa367417b2b2512bd2
+title: Add Labels to D3 Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: أضف تسميات لعناصر D3
+---
+
+## Description
+<section id="description"> يتيح لك D3 تصنيف عنصر رسم بياني ، مثل شريط ، باستخدام عنصر <code>text</code> SVG. مثل عنصر <code>rect</code> ، يحتاج عنصر <code>text</code> إلى سمات <code>x</code> و <code>y</code> ، لوضعه على لوحة SVG. يحتاج أيضًا إلى الوصول إلى البيانات لعرض هذه القيم. تمنحك D3 مستوى عالٍ من التحكم في كيفية تصنيفك للأشرطة. </section>
+
+## Instructions
+<section id="instructions"> الشفرة الموجودة في المحرر تقوم بالفعل بربط البيانات بكل عنصر <code>text</code> جديد. أولاً ، إلحاق عقد <code>text</code> إلى <code>svg</code> . بعد ذلك ، أضف سمات للإحداثيات <code>x</code> و <code>y</code> . يجب أن تُحسب بنفس الطريقة التي يتم بها حساب <code>rect</code> ، باستثناء أن قيمة <code>y</code> <code>text</code> يجب أن تجعل الملصق يجلس 3 وحدات أعلى من الشريط. وأخيرًا ، استخدم طريقة D3 <code>text()</code> لتعيين التسمية مساوية لقيمة نقطة البيانات. <strong>ملحوظة</strong> <br> لتسمية التسمية أعلى من الشريط ، حدد ما إذا كان يجب أن تكون قيمة <code>y</code> <code>text</code> 3 أكبر أو 3 أقل من قيمة <code>y</code> للشريط. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("text").eq(0).text() == "12" && $("text").eq(0).attr("y") == "61", "The first <code>text</code> element should have a label of 12 and a <code>y</code> value of 61.");'
+  - text: يجب أن يحتوي عنصر <code>text</code> الثاني على تصنيف 31 وقيمة <code>y</code> 4.
+    testString: 'assert($("text").eq(1).text() == "31" && $("text").eq(1).attr("y") == "4", "The second <code>text</code> element should have a label of 31 and a <code>y</code> value of 4.");'
+  - text: يجب أن يكون لعنصر <code>text</code> الثالث علامة من 22 وقيمة <code>y</code> 31.
+    testString: 'assert($("text").eq(2).text() == "22" && $("text").eq(2).attr("y") == "31", "The third <code>text</code> element should have a label of 22 and a <code>y</code> value of 31.");'
+  - text: ''
+    testString: 'assert($("text").eq(3).text() == "17" && $("text").eq(3).attr("y") == "46", "The fourth <code>text</code> element should have a label of 17 and a <code>y</code> value of 46.");'
+  - text: ''
+    testString: 'assert($("text").eq(4).text() == "25" && $("text").eq(4).attr("y") == "22", "The fifth <code>text</code> element should have a label of 25 and a <code>y</code> value of 22.");'
+  - text: ''
+    testString: 'assert($("text").eq(5).text() == "18" && $("text").eq(5).attr("y") == "43", "The sixth <code>text</code> element should have a label of 18 and a <code>y</code> value of 43.");'
+  - text: ''
+    testString: 'assert($("text").eq(6).text() == "29" && $("text").eq(6).attr("y") == "10", "The seventh <code>text</code> element should have a label of 29 and a <code>y</code> value of 10.");'
+  - text: ''
+    testString: 'assert($("text").eq(7).text() == "14" && $("text").eq(7).attr("y") == "55", "The eighth <code>text</code> element should have a label of 14 and a <code>y</code> value of 55.");'
+  - text: ''
+    testString: 'assert($("text").eq(8).text() == "9" && $("text").eq(8).attr("y") == "70", "The ninth <code>text</code> element should have a label of 9 and a <code>y</code> value of 70.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d)
+       .attr("fill", "navy");
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       // Add your code below this line
+
+
+
+
+       // Add your code above this line
+  </script>
+<body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-labels-to-scatter-plot-circles.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-labels-to-scatter-plot-circles.arabic.md
new file mode 100644
index 0000000000..c20513bc06
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/add-labels-to-scatter-plot-circles.arabic.md
@@ -0,0 +1,113 @@
+---
+id: 587d7fab367417b2b2512bd9
+title: Add Labels to Scatter Plot Circles
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("text").length == 10, "Your code should have 10 <code>text</code> elements.");'
+  - text: ''
+    testString: 'assert($("text").eq(0).text() == "34, 78" && $("text").eq(0).attr("x") == "39" && $("text").eq(0).attr("y") == "422", "The first label should have text of "34, 78", an <code>x</code> value of 39, and a <code>y</code> value of 422.");'
+  - text: ''
+    testString: 'assert($("text").eq(1).text() == "109, 280" && $("text").eq(1).attr("x") == "114" && $("text").eq(1).attr("y") == "220", "The second label should have text of "109, 280", an <code>x</code> value of 114, and a <code>y</code> value of 220.");'
+  - text: ''
+    testString: 'assert($("text").eq(2).text() == "310, 120" && $("text").eq(2).attr("x") == "315" && $("text").eq(2).attr("y") == "380", "The third label should have text of "310, 120", an <code>x</code> value of 315, and a <code>y</code> value of 380.");'
+  - text: ''
+    testString: 'assert($("text").eq(3).text() == "79, 411" && $("text").eq(3).attr("x") == "84" && $("text").eq(3).attr("y") == "89", "The fourth label should have text of "79, 411", an <code>x</code> value of 84, and a <code>y</code> value of 89.");'
+  - text: ''
+    testString: 'assert($("text").eq(4).text() == "420, 220" && $("text").eq(4).attr("x") == "425" && $("text").eq(4).attr("y") == "280", "The fifth label should have text of "420, 220", an <code>x</code> value of 425, and a <code>y</code> value of 280.");'
+  - text: ''
+    testString: 'assert($("text").eq(5).text() == "233, 145" && $("text").eq(5).attr("x") == "238" && $("text").eq(5).attr("y") == "355", "The sixth label should have text of "233, 145", an <code>x</code> value of 238, and a <code>y</code> value of 355.");'
+  - text: ''
+    testString: 'assert($("text").eq(6).text() == "333, 96" && $("text").eq(6).attr("x") == "338" && $("text").eq(6).attr("y") == "404", "The seventh label should have text of "333, 96", an <code>x</code> value of 338, and a <code>y</code> value of 404.");'
+  - text: ''
+    testString: 'assert($("text").eq(7).text() == "222, 333" && $("text").eq(7).attr("x") == "227" && $("text").eq(7).attr("y") == "167", "The eighth label should have text of "222, 333", an <code>x</code> value of 227, and a <code>y</code> value of 167.");'
+  - text: ''
+    testString: 'assert($("text").eq(8).text() == "78, 320" && $("text").eq(8).attr("x") == "83" && $("text").eq(8).attr("y") == "180", "The ninth label should have text of "78, 320", an <code>x</code> value of 83, and a <code>y</code> value of 180.");'
+  - text: ''
+    testString: 'assert($("text").eq(9).text() == "21, 123" && $("text").eq(9).attr("x") == "26" && $("text").eq(9).attr("y") == "377", "The tenth label should have text of "21, 123", an <code>x</code> value of 26, and a <code>y</code> value of 377.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+
+    const w = 500;
+    const h = 500;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       .attr("cx", (d, i) => d[0])
+       .attr("cy", (d, i) => h - d[1])
+       .attr("r", 5);
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/change-styles-based-on-data.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/change-styles-based-on-data.arabic.md
new file mode 100644
index 0000000000..9377f5b398
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/change-styles-based-on-data.arabic.md
@@ -0,0 +1,82 @@
+---
+id: 587d7fa7367417b2b2512bc7
+title: Change Styles Based on Data
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("h2").eq(0).css("color") == "rgb(255, 0, 0)", "The first <code>h2</code> should have a <code>color</code> of red.");'
+  - text: ''
+    testString: 'assert($("h2").eq(1).css("color") == "rgb(0, 128, 0)", "The second <code>h2</code> should have a <code>color</code> of green.");'
+  - text: ''
+    testString: 'assert($("h2").eq(2).css("color") == "rgb(0, 128, 0)", "The third <code>h2</code> should have a <code>color</code> of green.");'
+  - text: ''
+    testString: 'assert($("h2").eq(3).css("color") == "rgb(255, 0, 0)", "The fourth <code>h2</code> should have a <code>color</code> of red.");'
+  - text: ''
+    testString: 'assert($("h2").eq(4).css("color") == "rgb(0, 128, 0)", "The fifth <code>h2</code> should have a <code>color</code> of green.");'
+  - text: ''
+    testString: 'assert($("h2").eq(5).css("color") == "rgb(255, 0, 0)", "The sixth <code>h2</code> should have a <code>color</code> of red.");'
+  - text: ''
+    testString: 'assert($("h2").eq(6).css("color") == "rgb(0, 128, 0)", "The seventh <code>h2</code> should have a <code>color</code> of green.");'
+  - text: ''
+    testString: 'assert($("h2").eq(7).css("color") == "rgb(255, 0, 0)", "The eighth <code>h2</code> should have a <code>color</code> of red.");'
+  - text: ''
+    testString: 'assert($("h2").eq(8).css("color") == "rgb(255, 0, 0)", "The ninth <code>h2</code> should have a <code>color</code> of red.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("h2")
+      .data(dataset)
+      .enter()
+      .append("h2")
+      .text((d) => (d + " USD"))
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/change-the-color-of-an-svg-element.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/change-the-color-of-an-svg-element.arabic.md
new file mode 100644
index 0000000000..d40d570103
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/change-the-color-of-an-svg-element.arabic.md
@@ -0,0 +1,77 @@
+---
+id: 587d7fa9367417b2b2512bd1
+title: Change the Color of an SVG Element
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("rect").css("fill") == "rgb(0, 0, 128)", "The bars should all have a <code>fill</code> color of navy.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d)
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/change-the-presentation-of-a-bar-chart.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/change-the-presentation-of-a-bar-chart.arabic.md
new file mode 100644
index 0000000000..06e2039aa0
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/change-the-presentation-of-a-bar-chart.arabic.md
@@ -0,0 +1,92 @@
+---
+id: 587d7fa8367417b2b2512bca
+title: Change the Presentation of a Bar Chart
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("div").eq(0).css("height") == "120px" && $("div").eq(0).css("margin-right") == "2px", "The first <code>div</code> should have a <code>height</code> of 120 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: ''
+    testString: 'assert($("div").eq(1).css("height") == "310px" && $("div").eq(1).css("margin-right") == "2px", "The second <code>div</code> should have a <code>height</code> of 310 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: ''
+    testString: 'assert($("div").eq(2).css("height") == "220px" && $("div").eq(2).css("margin-right") == "2px", "The third <code>div</code> should have a <code>height</code> of 220 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: ''
+    testString: 'assert($("div").eq(3).css("height") == "170px" && $("div").eq(3).css("margin-right") == "2px", "The fourth <code>div</code> should have a <code>height</code> of 170 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: ''
+    testString: 'assert($("div").eq(4).css("height") == "250px" && $("div").eq(4).css("margin-right") == "2px", "The fifth <code>div</code> should have a <code>height</code> of 250 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: ''
+    testString: 'assert($("div").eq(5).css("height") == "180px" && $("div").eq(5).css("margin-right") == "2px", "The sixth <code>div</code> should have a <code>height</code> of 180 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: ''
+    testString: 'assert($("div").eq(6).css("height") == "290px" && $("div").eq(6).css("margin-right") == "2px", "The seventh <code>div</code> should have a <code>height</code> of 290 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: ''
+    testString: 'assert($("div").eq(7).css("height") == "140px" && $("div").eq(7).css("margin-right") == "2px", "The eighth <code>div</code> should have a <code>height</code> of 140 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: ''
+    testString: 'assert($("div").eq(8).css("height") == "90px" && $("div").eq(8).css("margin-right") == "2px", "The ninth <code>div</code> should have a <code>height</code> of 90 pixels and a <code>margin</code> of 2 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar {
+    width: 25px;
+    height: 100px;
+    /* Add your code below this line */
+
+    /* Add your code above this line */
+    display: inline-block;
+    background-color: blue;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("div")
+      .data(dataset)
+      .enter()
+      .append("div")
+      .attr("class", "bar")
+      // Add your code below this line
+      .style("height", (d) => (d + "px"))
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/create-a-bar-for-each-data-point-in-the-set.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/create-a-bar-for-each-data-point-in-the-set.arabic.md
new file mode 100644
index 0000000000..c355b65d74
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/create-a-bar-for-each-data-point-in-the-set.arabic.md
@@ -0,0 +1,80 @@
+---
+id: 587d7fa8367417b2b2512bcd
+title: Create a Bar for Each Data Point in the Set
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("rect").length == 9, "Your document should have 9 <code>rect</code> elements.");'
+  - text: ''
+    testString: 'assert(code.match(/\.data/g), "Your code should use the <code>data()</code> method.");'
+  - text: ''
+    testString: 'assert(code.match(/\.enter/g), "Your code should use the <code>enter()</code> method.");'
+  - text: ''
+    testString: 'assert(code.match(/\.append/g), "Your code should use the <code>append()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+       .attr("x", 0)
+       .attr("y", 0)
+       .attr("width", 25)
+       .attr("height", 100);
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3.arabic.md
new file mode 100644
index 0000000000..7be4980baf
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3.arabic.md
@@ -0,0 +1,69 @@
+---
+id: 587d7fab367417b2b2512bda
+title: Create a Linear Scale with D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("h2").text() == "50", "The text in the <code>h2</code> should be 50.");'
+  - text: ''
+    testString: 'assert(code.match(/\.scaleLinear/g), "Your code should use the <code>scaleLinear()</code> method.");'
+  - text: ''
+    testString: 'assert(output == 50 && code.match(/scale\(\s*?50\s*?\)/g), "The <code>output</code> variable should call <code>scale</code> with an argument of 50.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    // Add your code below this line
+
+    const scale = undefined; // Create the scale here
+    const output = scale(); // Call the scale with an argument here
+
+    // Add your code above this line
+
+    d3.select("body")
+      .append("h2")
+      .text(output);
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/create-a-scatterplot-with-svg-circles.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/create-a-scatterplot-with-svg-circles.arabic.md
new file mode 100644
index 0000000000..19589f9011
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/create-a-scatterplot-with-svg-circles.arabic.md
@@ -0,0 +1,83 @@
+---
+id: 587d7fab367417b2b2512bd7
+title: Create a Scatterplot with SVG Circles
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("circle").length == 10, "Your code should have 10 <code>circle</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+
+    const w = 500;
+    const h = 500;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/display-shapes-with-svg.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/display-shapes-with-svg.arabic.md
new file mode 100644
index 0000000000..86f6462b51
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/display-shapes-with-svg.arabic.md
@@ -0,0 +1,76 @@
+---
+id: 587d7fa8367417b2b2512bcc
+title: Display Shapes with SVG
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("rect").length == 1, "Your document should have 1 <code>rect</code> element.");'
+  - text: ''
+    testString: 'assert($("rect").attr("width") == "25", "The <code>rect</code> element should have a <code>width</code> attribute set to 25.");'
+  - text: ''
+    testString: 'assert($("rect").attr("height") == "100", "The <code>rect</code> element should have a <code>height</code> attribute set to 100.");'
+  - text: ''
+    testString: 'assert($("rect").attr("x") == "0", "The <code>rect</code> element should have an <code>x</code> attribute set to 0.");'
+  - text: ''
+    testString: 'assert($("rect").attr("y") == "0", "The <code>rect</code> element should have a <code>y</code> attribute set to 0.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h)
+                  // Add your code below this line
+
+
+
+                  // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/dynamically-change-the-height-of-each-bar.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/dynamically-change-the-height-of-each-bar.arabic.md
new file mode 100644
index 0000000000..4f06ee8416
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/dynamically-change-the-height-of-each-bar.arabic.md
@@ -0,0 +1,94 @@
+---
+id: 587d7fa9367417b2b2512bcf
+title: Dynamically Change the Height of Each Bar
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("rect").eq(0).attr("height") == "36", "The first <code>rect</code> should have a <code>height</code> of 36.");'
+  - text: ''
+    testString: 'assert($("rect").eq(1).attr("height") == "93", "The second <code>rect</code> should have a <code>height</code> of 93.");'
+  - text: ''
+    testString: 'assert($("rect").eq(2).attr("height") == "66", "The third <code>rect</code> should have a <code>height</code> of 66.");'
+  - text: ''
+    testString: 'assert($("rect").eq(3).attr("height") == "51", "The fourth <code>rect</code> should have a <code>height</code> of 51.");'
+  - text: ''
+    testString: 'assert($("rect").eq(4).attr("height") == "75", "The fifth <code>rect</code> should have a <code>height</code> of 75.");'
+  - text: يجب أن يكون <code>rect</code> السادس <code>height</code> 54.
+    testString: 'assert($("rect").eq(5).attr("height") == "54", "The sixth <code>rect</code> should have a <code>height</code> of 54.");'
+  - text: يجب أن يكون <code>rect</code> السابع <code>height</code> 87.
+    testString: 'assert($("rect").eq(6).attr("height") == "87", "The seventh <code>rect</code> should have a <code>height</code> of 87.");'
+  - text: يجب أن يكون <code>rect</code> الثامن <code>height</code> 42.
+    testString: 'assert($("rect").eq(7).attr("height") == "42", "The eighth <code>rect</code> should have a <code>height</code> of 42.");'
+  - text: يجب أن يكون <code>rect</code> التاسع <code>height</code> 27.
+    testString: 'assert($("rect").eq(8).attr("height") == "27", "The ninth <code>rect</code> should have a <code>height</code> of 27.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", 0)
+       .attr("width", 25)
+       .attr("height", (d, i) => {
+         // Add your code below this line
+
+
+
+         // Add your code above this line
+       });
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/dynamically-set-the-coordinates-for-each-bar.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/dynamically-set-the-coordinates-for-each-bar.arabic.md
new file mode 100644
index 0000000000..e18cb6dfd0
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/dynamically-set-the-coordinates-for-each-bar.arabic.md
@@ -0,0 +1,94 @@
+---
+id: 587d7fa9367417b2b2512bce
+title: Dynamically Set the Coordinates for Each Bar
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ديناميكيا تعيين الاحداثيات لكل شريط
+---
+
+## Description
+<section id="description"> التحدي الأخير خلق وإلحاق مستطيل لعنصر <code>svg</code> لكل نقطة في <code>dataset</code> لتمثيل شريط. لسوء الحظ ، كلهم ​​كانوا مكدسين فوق بعضهم البعض. يتم التعامل مع موضع المستطيل بواسطة سمات <code>x</code> و <code>y</code> . يخبرون D3 من أين تبدأ في رسم الشكل في منطقة <code>svg</code> . تحداهم الأخير وضع كل منهم على 0 ، لذلك تم وضع كل شريط في الزاوية العلوية اليسرى. بالنسبة إلى المخطط الشريطي ، يجب أن تكون جميع الأشرطة على نفس المستوى الرأسي ، مما يعني أن القيمة <code>y</code> تبقى كما هي (عند 0) لجميع الأشرطة. ومع ذلك ، يجب تغيير القيمة <code>x</code> عند إضافة أشرطة جديدة. تذكر أن القيم الأكبر <code>x</code> دفع العناصر إلى اليمين. أثناء التنقل خلال عناصر الصفيف في <code>dataset</code> ، يجب أن تزيد قيمة x. تقبل طريقة <code>attr()</code> في D3 وظيفة رد اتصال لتعيين تلك السمة ديناميكيًا. تأخذ وظيفة رد الاتصال وسيطتين ، واحدة لنقطة البيانات نفسها (عادةً <code>d</code> ) وواحدة لفهرس نقطة البيانات في الصفيف. الوسيطة الثانية للفهرس اختيارية. فيما يلي الشكل: <blockquote style=";text-align:right;direction:rtl"> selection.attr (&quot;property&quot;، (d، i) =&gt; { <br> / * <br> * d هي قيمة نقطة البيانات <br> * i هو مؤشر نقطة البيانات في الصفيف <br> * / <br> }) </blockquote> من المهم ملاحظة أنك لست بحاجة إلى كتابة حلقة <code>for</code> أو استخدام <code>forEach()</code> للتكرار فوق العناصر الموجودة في مجموعة البيانات. تذكر أن طريقة <code>data()</code> بتوزيع مجموعة البيانات ، وأي طريقة يتم ربطها بعد تشغيل <code>data()</code> مرة واحدة لكل عنصر في مجموعة البيانات. </section>
+
+## Instructions
+<section id="instructions"> تغيير وظيفة رد الاتصال السمة <code>x</code> بحيث تقوم بإرجاع الفهرس مرات 30. <strong>ملاحظة</strong> <br> لكل شريط عرض 25 ، لذلك فإن زيادة كل قيمة <code>x</code> بمقدار 30 تضيف مسافة بين القضبان. أي قيمة أكبر من 25 ستعمل في هذا المثال. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>rect</code> الأول قيمة <code>x</code> تساوي 0.
+    testString: 'assert($("rect").eq(0).attr("x") == "0", "The first <code>rect</code> should have an <code>x</code> value of 0.");'
+  - text: يجب أن يكون <code>rect</code> الثاني قيمة <code>x</code> 30.
+    testString: 'assert($("rect").eq(1).attr("x") == "30", "The second <code>rect</code> should have an <code>x</code> value of 30.");'
+  - text: يجب أن يكون <code>rect</code> الثالث قيمة <code>x</code> تبلغ 60.
+    testString: 'assert($("rect").eq(2).attr("x") == "60", "The third <code>rect</code> should have an <code>x</code> value of 60.");'
+  - text: يجب أن يكون لدى <code>rect</code> الرابع قيمة <code>x</code> لـ 90.
+    testString: 'assert($("rect").eq(3).attr("x") == "90", "The fourth <code>rect</code> should have an <code>x</code> value of 90.");'
+  - text: يجب أن يكون <code>rect</code> الخامس قيمة <code>x</code> تبلغ 120.
+    testString: 'assert($("rect").eq(4).attr("x") == "120", "The fifth <code>rect</code> should have an <code>x</code> value of 120.");'
+  - text: يجب أن يكون <code>rect</code> السادس قيمة <code>x</code> تبلغ 150.
+    testString: 'assert($("rect").eq(5).attr("x") == "150", "The sixth <code>rect</code> should have an <code>x</code> value of 150.");'
+  - text: يجب أن يكون <code>rect</code> السابع قيمة <code>x</code> تبلغ 180.
+    testString: 'assert($("rect").eq(6).attr("x") == "180", "The seventh <code>rect</code> should have an <code>x</code> value of 180.");'
+  - text: يجب أن يكون <code>rect</code> الثامن قيمة <code>x</code> 210.
+    testString: 'assert($("rect").eq(7).attr("x") == "210", "The eighth <code>rect</code> should have an <code>x</code> value of 210.");'
+  - text: يجب أن يكون <code>rect</code> التاسع قيمة <code>x</code> 240.
+    testString: 'assert($("rect").eq(8).attr("x") == "240", "The ninth <code>rect</code> should have an <code>x</code> value of 240.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => {
+         // Add your code below this line
+
+
+
+         // Add your code above this line
+       })
+       .attr("y", 0)
+       .attr("width", 25)
+       .attr("height", 100);
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/invert-svg-elements.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/invert-svg-elements.arabic.md
new file mode 100644
index 0000000000..4b18ef7e61
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/invert-svg-elements.arabic.md
@@ -0,0 +1,94 @@
+---
+id: 587d7fa9367417b2b2512bd0
+title: Invert SVG Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: عكس عناصر SVG
+---
+
+## Description
+<section id="description"> ربما لاحظت أن المخطط الشريطي يبدو كما لو كان مقلوبًا أو مقلوبًا. هذا بسبب كيفية استخدام SVG للإحداثيات (x، y). في SVG ، تكون نقطة الأصل للإحداثيات في الزاوية العلوية اليسرى. يقوم إحداثي <code>x</code> من 0 بوضع شكل على الحافة اليسرى لمنطقة SVG. تقوم إحداثي <code>y</code> من 0 بوضع شكل على الحافة العلوية لمنطقة SVG. تدفع قيم <code>x</code> الأعلى المستطيل إلى اليمين. تدفع قيم <code>y</code> الأعلى المستطيل لأسفل. لجعل القضبان في الجانب الأيمن ، تحتاج إلى تغيير الطريقة التي يتم بها حساب الإحداثي <code>y</code> . ويحتاج إلى حساب كل من ارتفاع الشريط والارتفاع الكلي لمنطقة SVG. ارتفاع منطقة SVG هو 100. إذا كان لديك نقطة بيانات من 0 في المجموعة ، فإنك تريد أن يبدأ الشريط في الجزء السفلي من منطقة SVG (وليس أعلى). للقيام بذلك ، يحتاج تنسيق <code>y</code> إلى قيمة 100. إذا كانت قيمة نقطة البيانات 1 ، فستبدأ <code>y</code> لـ 100 لتعيين الشريط في الأسفل. ثم تحتاج إلى حساب ارتفاع شريط 1 ، بحيث يكون التنسيق <code>y</code> النهائي هو 99. إن إحداثي <code>y</code> الذي هو <code>y = heightOfSVG - heightOfBar</code> قد يضع القضبان في الجانب الأيمن لأعلى. </section>
+
+## Instructions
+<section id="instructions"> تغيير وظيفة رد الاتصال للسمة <code>y</code> لتعيين القضبان الجانب الأيمن لأعلى. تذكر أن <code>height</code> الشريط 3 أضعاف قيمة البيانات <code>d</code> . <strong>ملحوظة</strong> <br> بشكل عام ، العلاقة هي <code>y = h - m * d</code> ، حيث <code>m</code> هو الثابت الذي يقوم بتحجيم نقاط البيانات. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يكون <code>rect</code> الأول قيمة <code>y</code> تبلغ 64.
+    testString: 'assert($("rect").eq(0).attr("y") == h - (dataset[0] * 3), "The first <code>rect</code> should have a <code>y</code> value of 64.");'
+  - text: يجب أن يكون <code>rect</code> الثاني قيمة <code>y</code> 7.
+    testString: 'assert($("rect").eq(1).attr("y") == h - (dataset[1] * 3), "The second <code>rect</code> should have a <code>y</code> value of 7.");'
+  - text: ''
+    testString: 'assert($("rect").eq(2).attr("y") == h - (dataset[2] * 3), "The third <code>rect</code> should have a <code>y</code> value of 34.");'
+  - text: ''
+    testString: 'assert($("rect").eq(3).attr("y") == h - (dataset[3] * 3), "The fourth <code>rect</code> should have a <code>y</code> value of 49.");'
+  - text: ''
+    testString: 'assert($("rect").eq(4).attr("y") == h - (dataset[4] * 3), "The fifth <code>rect</code> should have a <code>y</code> value of 25.");'
+  - text: ''
+    testString: 'assert($("rect").eq(5).attr("y") == h - (dataset[5] * 3), "The sixth <code>rect</code> should have a <code>y</code> value of 46.");'
+  - text: ''
+    testString: 'assert($("rect").eq(6).attr("y") == h - (dataset[6] * 3), "The seventh <code>rect</code> should have a <code>y</code> value of 13.");'
+  - text: ''
+    testString: 'assert($("rect").eq(7).attr("y") == h - (dataset[7] * 3), "The eighth <code>rect</code> should have a <code>y</code> value of 58.");'
+  - text: ''
+    testString: 'assert($("rect").eq(8).attr("y") == h - (dataset[8] * 3), "The ninth <code>rect</code> should have a <code>y</code> value of 73.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => {
+         // Add your code below this line
+
+
+
+         // Add your code above this line
+       })
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d);
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/learn-about-svg-in-d3.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/learn-about-svg-in-d3.arabic.md
new file mode 100644
index 0000000000..43e3cdba18
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/learn-about-svg-in-d3.arabic.md
@@ -0,0 +1,74 @@
+---
+id: 587d7fa8367417b2b2512bcb
+title: Learn About SVG in D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("svg").length == 1, "Your document should have 1 <code>svg</code> element.");'
+  - text: ''
+    testString: 'assert($("svg").attr("width") == "500", "The <code>svg</code> element should have a <code>width</code> attribute set to 500.");'
+  - text: ''
+    testString: 'assert($("svg").attr("height") == "100", "The <code>svg</code> element should have a <code>height</code> attribute set to 100.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  svg {
+    background-color: pink;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  // Add your code below this line
+
+
+
+                  // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3.arabic.md
new file mode 100644
index 0000000000..bcffb9fd2e
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3.arabic.md
@@ -0,0 +1,68 @@
+---
+id: 587d7fa6367417b2b2512bc3
+title: Select a Group of Elements with D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("li").text().match(/list item/g).length == 3, "There should be 3 <code>li</code> elements on the page, and the text in each one should say "list item". Capitalization and spacing should match exactly.");'
+  - text: ''
+    testString: 'assert(code.match(/d3/g), "Your code should access the <code>d3</code> object.");'
+  - text: ''
+    testString: 'assert(code.match(/\.selectAll/g), "Your code should use the <code>selectAll</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <ul>
+    <li>Example</li>
+    <li>Example</li>
+    <li>Example</li>
+  </ul>
+  <script>
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/set-a-domain-and-a-range-on-a-scale.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/set-a-domain-and-a-range-on-a-scale.arabic.md
new file mode 100644
index 0000000000..7f5e16b272
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/set-a-domain-and-a-range-on-a-scale.arabic.md
@@ -0,0 +1,72 @@
+---
+id: 587d7fac367417b2b2512bdb
+title: Set a Domain and a Range on a Scale
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/\.domain/g), "Your code should use the <code>domain()</code> method.");'
+  - text: ''
+    testString: 'assert(JSON.stringify(scale.domain()) == JSON.stringify([250, 500]), "The <code>domain()</code> of the scale should be set to <code>[250, 500]</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/\.range/g), "Your code should use the <code>range()</code> method.");'
+  - text: ''
+    testString: 'assert(JSON.stringify(scale.range()) == JSON.stringify([10, 150]), "The <code>range()</code> of the scale should be set to <code>[10, 150]</code>.");'
+  - text: ''
+    testString: 'assert($("h2").text() == "-102", "The text in the <code>h2</code> should be -102.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    // Add your code below this line
+    const scale = d3.scaleLinear();
+
+
+
+    // Add your code above this line
+    const output = scale(50);
+    d3.select("body")
+      .append("h2")
+      .text(output);
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/style-d3-labels.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/style-d3-labels.arabic.md
new file mode 100644
index 0000000000..d929b9472a
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/style-d3-labels.arabic.md
@@ -0,0 +1,88 @@
+---
+id: 587d7faa367417b2b2512bd3
+title: Style D3 Labels
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("text").css("fill") == "rgb(255, 0, 0)", "The labels should all have a <code>fill</code> color of red.");'
+  - text: ''
+    testString: 'assert($("text").css("font-size") == "25px", "The labels should all have a <code>font-size</code> of 25 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => d * 3)
+       .attr("fill", "navy");
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) => d)
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - (3 * d) - 3)
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically.arabic.md
new file mode 100644
index 0000000000..cced66a704
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically.arabic.md
@@ -0,0 +1,90 @@
+---
+id: 587d7fa8367417b2b2512bc9
+title: Update the Height of an Element Dynamically
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("div").eq(0).css("height") == "12px", "The first <code>div</code> should have a <code>height</code> of 12 pixels.");'
+  - text: ''
+    testString: 'assert($("div").eq(1).css("height") == "31px", "The second <code>div</code> should have a <code>height</code> of 31 pixels.");'
+  - text: ''
+    testString: 'assert($("div").eq(2).css("height") == "22px", "The third <code>div</code> should have a <code>height</code> of 22 pixels.");'
+  - text: ''
+    testString: 'assert($("div").eq(3).css("height") == "17px", "The fourth <code>div</code> should have a <code>height</code> of 17 pixels.");'
+  - text: ''
+    testString: 'assert($("div").eq(4).css("height") == "25px", "The fifth <code>div</code> should have a <code>height</code> of 25 pixels.");'
+  - text: ''
+    testString: 'assert($("div").eq(5).css("height") == "18px", "The sixth <code>div</code> should have a <code>height</code> of 18 pixels.");'
+  - text: ''
+    testString: 'assert($("div").eq(6).css("height") == "29px", "The seventh <code>div</code> should have a <code>height</code> of 29 pixels.");'
+  - text: ''
+    testString: 'assert($("div").eq(7).css("height") == "14px", "The eighth <code>div</code> should have a <code>height</code> of 14 pixels.");'
+  - text: ''
+    testString: 'assert($("div").eq(8).css("height") == "9px", "The ninth <code>div</code> should have a <code>height</code> of 9 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar {
+    width: 25px;
+    height: 100px;
+    display: inline-block;
+    background-color: blue;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("div")
+      .data(dataset)
+      .enter()
+      .append("div")
+      .attr("class", "bar")
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/use-a-pre-defined-scale-to-place-elements.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/use-a-pre-defined-scale-to-place-elements.arabic.md
new file mode 100644
index 0000000000..e4afd31b2d
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/use-a-pre-defined-scale-to-place-elements.arabic.md
@@ -0,0 +1,147 @@
+---
+id: 587d7fac367417b2b2512bde
+title: Use a Pre-Defined Scale to Place Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: استخدم مقياس محدد مسبقا لوضع العناصر
+---
+
+## Description
+<section id="description"> مع إعداد المقاييس ، حان الوقت لرسم مخطط القطع المبعثر مرة أخرى. تشبه المقاييس وظائف المعالجة التي تحول البيانات الخام x و y إلى قيم تناسب وعرض بشكل صحيح على لوحة SVG. يحتفظون بالبيانات داخل منطقة رسم الشاشة. يمكنك تعيين قيم السمة الإحداثيات لشكل SVG باستخدام دالة القياس. يتضمن هذا سمات <code>x</code> و <code>y</code> للعناصر <code>rect</code> أو <code>text</code> ، أو <code>cx</code> و <code>cy</code> <code>circles</code> . إليك مثال على ذلك: <blockquote style=";text-align:right;direction:rtl"> شكل <br> .attr (&quot;x&quot;، (d) =&gt; xScale (د [0])) </blockquote> تعيين جداول تعيين تنسيق إحالات لوضع نقاط البيانات على لوحة SVG. لا تحتاج إلى تطبيق المقاييس عند عرض قيمة البيانات الفعلية ، على سبيل المثال ، في أسلوب <code>text()</code> الخاص بتلخيص الأدوات أو الملصق. </section>
+
+## Instructions
+<section id="instructions"> استخدم <code>xScale</code> و <code>yScale</code> لوضع كل من شكل <code>circle</code> <code>text</code> على لوحة SVG. بالنسبة إلى <code>circles</code> ، يمكنك تطبيق المقاييس لضبط سمات <code>cx</code> و <code>cy</code> . اعطهم دائرة نصف قطرها 5 وحدات ، أيضا. بالنسبة لعناصر <code>text</code> ، قم بتطبيق المقاييس لضبط <code>x</code> و <code>y</code> . يجب إزاحة العلامات إلى يمين النقاط. للقيام بذلك ، أضف 10 وحدات إلى قيمة البيانات x قبل تمريرها إلى <code>xScale</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يحتوي <code>circle</code> 10 عناصر <code>circle</code> .
+    testString: 'assert($("circle").length == 10, "Your code should have 10 <code>circle</code> elements.");'
+  - text: يجب أن يكون لعنصر <code>circle</code> الأول قيمة <code>cx</code> تقارب 91 وقيمة <code>cy</code> تقارب 368 بعد تطبيق المقاييس. يجب أن يكون له أيضًا قيمة <code>r</code> 5.
+    testString: 'assert(Math.round($("circle").eq(0).attr("cx")) == "91" && Math.round($("circle").eq(0).attr("cy")) == "368" && $("circle").eq(0).attr("r") == "5", "The first <code>circle</code> element should have a <code>cx</code> value of approximately 91 and a <code>cy</code> value of approximately 368 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: يجب أن يكون لعنصر <code>circle</code> الثاني قيمة <code>cx</code> تقارب 159 وقيمة <code>cy</code> تقارب 181 بعد تطبيق المقاييس. يجب أن يكون له أيضًا قيمة <code>r</code> 5.
+    testString: 'assert(Math.round($("circle").eq(1).attr("cx")) == "159" && Math.round($("circle").eq(1).attr("cy")) == "181" && $("circle").eq(1).attr("r") == "5", "The second <code>circle</code> element should have a <code>cx</code> value of approximately 159 and a <code>cy</code> value of approximately 181 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: يجب أن يكون لعنصر <code>circle</code> الثالث قيمة <code>cx</code> تقارب 340 وقيمة <code>cy</code> تقارب 329 بعد تطبيق المقاييس. يجب أن يكون له أيضًا قيمة <code>r</code> 5.
+    testString: 'assert(Math.round($("circle").eq(2).attr("cx")) == "340" && Math.round($("circle").eq(2).attr("cy")) == "329" && $("circle").eq(2).attr("r") == "5", "The third <code>circle</code> element should have a <code>cx</code> value of approximately 340 and a <code>cy</code> value of approximately 329 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: يجب أن يكون لعنصر <code>circle</code> الرابعة قيمة <code>cx</code> تقارب 131 وقيمة <code>cy</code> تقارب 60 بعد تطبيق المقاييس. يجب أن يكون له أيضًا قيمة <code>r</code> 5.
+    testString: 'assert(Math.round($("circle").eq(3).attr("cx")) == "131" && Math.round($("circle").eq(3).attr("cy")) == "60" && $("circle").eq(3).attr("r") == "5", "The fourth <code>circle</code> element should have a <code>cx</code> value of approximately 131 and a <code>cy</code> value of approximately 60 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: يجب أن يكون لعنصر <code>circle</code> الخامسة قيمة <code>cx</code> تقارب 440 وقيمة <code>cy</code> تقارب 237 بعد تطبيق المقاييس. يجب أن يكون له أيضًا قيمة <code>r</code> 5.
+    testString: 'assert(Math.round($("circle").eq(4).attr("cx")) == "440" && Math.round($("circle").eq(4).attr("cy")) == "237" && $("circle").eq(4).attr("r") == "5", "The fifth <code>circle</code> element should have a <code>cx</code> value of approximately 440 and a <code>cy</code> value of approximately 237 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: ''
+    testString: 'assert(Math.round($("circle").eq(5).attr("cx")) == "271" && Math.round($("circle").eq(5).attr("cy")) == "306" && $("circle").eq(5).attr("r") == "5", "The sixth <code>circle</code> element should have a <code>cx</code> value of approximately 271 and a <code>cy</code> value of approximately 306 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: يجب أن يكون لعنصر <code>circle</code> السابعة قيمة <code>cx</code> تقارب 361 وقيمة <code>cy</code> تقارب 351 بعد تطبيق المقاييس. يجب أن يكون له أيضًا قيمة <code>r</code> 5.
+    testString: 'assert(Math.round($("circle").eq(6).attr("cx")) == "361" && Math.round($("circle").eq(6).attr("cy")) == "351" && $("circle").eq(6).attr("r") == "5", "The seventh <code>circle</code> element should have a <code>cx</code> value of approximately 361 and a <code>cy</code> value of approximately 351 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: ''
+    testString: 'assert(Math.round($("circle").eq(7).attr("cx")) == "261" && Math.round($("circle").eq(7).attr("cy")) == "132" && $("circle").eq(7).attr("r") == "5", "The eighth <code>circle</code> element should have a <code>cx</code> value of approximately 261 and a <code>cy</code> value of approximately 132 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: ''
+    testString: 'assert(Math.round($("circle").eq(8).attr("cx")) == "131" && Math.round($("circle").eq(8).attr("cy")) == "144" && $("circle").eq(8).attr("r") == "5", "The ninth <code>circle</code> element should have a <code>cx</code> value of approximately 131 and a <code>cy</code> value of approximately 144 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: ''
+    testString: 'assert(Math.round($("circle").eq(9).attr("cx")) == "79" && Math.round($("circle").eq(9).attr("cy")) == "326" && $("circle").eq(9).attr("r") == "5", "The tenth <code>circle</code> element should have a <code>cx</code> value of approximately 79 and a <code>cy</code> value of approximately 326 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: ''
+    testString: 'assert($("text").length == 10, "Your code should have 10 <code>text</code> elements.");'
+  - text: ''
+    testString: 'assert(Math.round($("text").eq(0).attr("x")) == "100" && Math.round($("text").eq(0).attr("y")) == "368", "The first label should have an <code>x</code> value of approximately 100 and a <code>y</code> value of approximately 368 after applying the scales.");'
+  - text: ''
+    testString: 'assert(Math.round($("text").eq(1).attr("x")) == "168" && Math.round($("text").eq(1).attr("y")) == "181", "The second label should have an <code>x</code> value of approximately 168 and a <code>y</code> value of approximately 181 after applying the scales.");'
+  - text: ''
+    testString: 'assert(Math.round($("text").eq(2).attr("x")) == "350" && Math.round($("text").eq(2).attr("y")) == "329", "The third label should have an <code>x</code> value of approximately 350 and a <code>y</code> value of approximately 329 after applying the scales.");'
+  - text: ''
+    testString: 'assert(Math.round($("text").eq(3).attr("x")) == "141" && Math.round($("text").eq(3).attr("y")) == "60", "The fourth label should have an <code>x</code> value of approximately 141 and a <code>y</code> value of approximately 60 after applying the scales.");'
+  - text: ''
+    testString: 'assert(Math.round($("text").eq(4).attr("x")) == "449" && Math.round($("text").eq(4).attr("y")) == "237", "The fifth label should have an <code>x</code> value of approximately 449 and a <code>y</code> value of approximately 237 after applying the scales.");'
+  - text: ''
+    testString: 'assert(Math.round($("text").eq(5).attr("x")) == "280" && Math.round($("text").eq(5).attr("y")) == "306", "The sixth label should have an <code>x</code> value of approximately 280 and a <code>y</code> value of approximately 306 after applying the scales.");'
+  - text: ''
+    testString: 'assert(Math.round($("text").eq(6).attr("x")) == "370" && Math.round($("text").eq(6).attr("y")) == "351", "The seventh label should have an <code>x</code> value of approximately 370 and a <code>y</code> value of approximately 351 after applying the scales.");'
+  - text: ''
+    testString: 'assert(Math.round($("text").eq(7).attr("x")) == "270" && Math.round($("text").eq(7).attr("y")) == "132", "The eighth label should have an <code>x</code> value of approximately 270 and a <code>y</code> value of approximately 132 after applying the scales.");'
+  - text: ''
+    testString: 'assert(Math.round($("text").eq(8).attr("x")) == "140" && Math.round($("text").eq(8).attr("y")) == "144", "The ninth label should have an <code>x</code> value of approximately 140 and a <code>y</code> value of approximately 144 after applying the scales.");'
+  - text: ''
+    testString: 'assert(Math.round($("text").eq(9).attr("x")) == "88" && Math.round($("text").eq(9).attr("y")) == "326", "The tenth label should have an <code>x</code> value of approximately 88 and a <code>y</code> value of approximately 326 after applying the scales.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,     78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,   411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,    333 ],
+                  [ 78,    320 ],
+                  [ 21,   123 ]
+                ];
+
+    const w = 500;
+    const h = 500;
+    const padding = 60;
+
+    const xScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[0])])
+                     .range([padding, w - padding]);
+
+    const yScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[1])])
+                     .range([h - padding, padding]);
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) =>  (d[0] + ", "
+ + d[1]))
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/use-dynamic-scales.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/use-dynamic-scales.arabic.md
new file mode 100644
index 0000000000..501db924f7
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/use-dynamic-scales.arabic.md
@@ -0,0 +1,94 @@
+---
+id: 587d7fac367417b2b2512bdd
+title: Use Dynamic Scales
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(output == 30 && $("h2").text() == "30", "The text in the <code>h2</code> should be 30.");'
+  - text: ''
+    testString: 'assert(JSON.stringify(yScale.domain()) == JSON.stringify([0, 411]), "The <code>domain()</code> of yScale should be equivalent to <code>[0, 411]</code>.");'
+  - text: ''
+    testString: 'assert(JSON.stringify(yScale.range()) == JSON.stringify([470, 30]), "The <code>range()</code> of yScale should be equivalent to <code>[470, 30]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+    const w = 500;
+    const h = 500;
+
+    // Padding between the SVG canvas boundary and the plot
+    const padding = 30;
+
+    // Create an x and y scale
+
+    const xScale = d3.scaleLinear()
+                    .domain([0, d3.max(dataset, (d) => d[0])])
+                    .range([padding, w - padding]);
+
+    // Add your code below this line
+
+    const yScale = undefined;
+
+
+    // Add your code above this line
+
+    const output = yScale(411); // Returns 30
+    d3.select("body")
+      .append("h2")
+      .text(output)
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/use-the-d3.max-and-d3.min-functions-to-find-minimum-and-maximum-values-in-a-dataset.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/use-the-d3.max-and-d3.min-functions-to-find-minimum-and-maximum-values-in-a-dataset.arabic.md
new file mode 100644
index 0000000000..95fc9336c5
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/use-the-d3.max-and-d3.min-functions-to-find-minimum-and-maximum-values-in-a-dataset.arabic.md
@@ -0,0 +1,66 @@
+---
+id: 587d7fac367417b2b2512bdc
+title: Use the d3.max and d3.min Functions to Find Minimum and Maximum Values in a Dataset
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(output == 8 && $("h2").text() == "8", "The text in the <code>h2</code> should be 8.");'
+  - text: ''
+    testString: 'assert(code.match(/\.max/g), "Your code should use the <code>max()</code> method.")'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const positionData = [[1, 7, -4],[6, 3, 8],[2, 8, 3]]
+    // Add your code below this line
+
+    const output = undefined; // Change this line
+
+    // Add your code above this line
+
+    d3.select("body")
+      .append("h2")
+      .text(output)
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/work-with-data-in-d3.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/work-with-data-in-d3.arabic.md
new file mode 100644
index 0000000000..90f0d92b4f
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/work-with-data-in-d3.arabic.md
@@ -0,0 +1,67 @@
+---
+id: 587d7fa7367417b2b2512bc4
+title: Work with Data in D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("h2").length == 9, "Your document should have 9 <code>h2</code> elements.");'
+  - text: ''
+    testString: 'assert($("h2").text().match(/New Title/g).length == 9, "The text in the <code>h2</code> elements should say "New Title". The capitalization and spacing should match exactly.");'
+  - text: ''
+    testString: 'assert(code.match(/\.data/g), "Your code should use the <code>data()</code> method.");'
+  - text: ''
+    testString: 'assert(code.match(/\.enter/g), "Your code should use the <code>enter()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/work-with-dynamic-data-in-d3.arabic.md b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/work-with-dynamic-data-in-d3.arabic.md
new file mode 100644
index 0000000000..d7789b7312
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/data-visualization-with-d3/work-with-dynamic-data-in-d3.arabic.md
@@ -0,0 +1,81 @@
+---
+id: 587d7fa7367417b2b2512bc5
+title: Work with Dynamic Data in D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("h2").eq(0).text() == "12 USD", "The first <code>h2</code> should have the text "12 USD".");'
+  - text: ''
+    testString: 'assert($("h2").eq(1).text() == "31 USD", "The second <code>h2</code> should have the text "31 USD".");'
+  - text: ''
+    testString: 'assert($("h2").eq(2).text() == "22 USD", "The third <code>h2</code> should have the text "22 USD".");'
+  - text: ''
+    testString: 'assert($("h2").eq(3).text() == "17 USD", "The fourth <code>h2</code> should have the text "17 USD".");'
+  - text: ''
+    testString: 'assert($("h2").eq(4).text() == "25 USD", "The fifth <code>h2</code> should have the text "25 USD".");'
+  - text: ''
+    testString: 'assert($("h2").eq(5).text() == "18 USD", "The sixth <code>h2</code> should have the text "18 USD".");'
+  - text: ''
+    testString: 'assert($("h2").eq(6).text() == "29 USD", "The seventh <code>h2</code> should have the text "29 USD".");'
+  - text: ''
+    testString: 'assert($("h2").eq(7).text() == "14 USD", "The eighth <code>h2</code> should have the text "14 USD".");'
+  - text: ''
+    testString: 'assert($("h2").eq(8).text() == "9 USD", "The ninth <code>h2</code> should have the text "9 USD".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("h2")
+      .data(dataset)
+      .enter()
+      .append("h2")
+      // Add your code below this line
+
+      .text("New Title");
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/access-the-json-data-from-an-api.arabic.md b/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/access-the-json-data-from-an-api.arabic.md
new file mode 100644
index 0000000000..34ed944016
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/access-the-json-data-from-an-api.arabic.md
@@ -0,0 +1,100 @@
+---
+id: 587d7fae367417b2b2512be4
+title: Access the JSON Data from an API
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/(?:json\[2\]\.codeNames\[1\]|json\[2\]\[("|")codeNames\1\]\[1\])/g), "Your code should use bracket and dot notation to access the proper code name, and print "Loki" to the console.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      req=new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload=function(){
+        json=JSON.parse(req.responseText);
+        document.getElementsByClassName('message')[0].innerHTML=JSON.stringify(json);
+        // Add your code below this line
+
+
+        // Add your code above this line
+      };
+    };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/change-text-with-click-events.arabic.md b/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/change-text-with-click-events.arabic.md
new file mode 100644
index 0000000000..7b6606314c
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/change-text-with-click-events.arabic.md
@@ -0,0 +1,93 @@
+---
+id: 587d7fad367417b2b2512be2
+title: Change Text with click Events
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/document\.getElementsByClassName\(\s*?("|")message\1\s*?\)\[0\]\.textContent\s*?=\s*?("|")Here is the message\2/g), "Your code should use the <code>document.getElementsByClassName</code> method to select the element with class <code>message</code> and set its <code>textContent</code> to the given string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      // Add your code below this line
+
+
+      // Add your code above this line
+    }
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/convert-json-data-to-html.arabic.md b/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/convert-json-data-to-html.arabic.md
new file mode 100644
index 0000000000..484ddb3e55
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/convert-json-data-to-html.arabic.md
@@ -0,0 +1,106 @@
+---
+id: 587d7fae367417b2b2512be5
+title: Convert JSON Data to HTML
+challengeType: 6
+videoUrl: ''
+localeTitle: تحويل JSON Data إلى HTML
+---
+
+## Description
+<section id="description"> الآن بعد أن حصلت على بيانات من JSON API ، يمكنك عرضها في HTML. يمكنك استخدام طريقة <code>forEach</code> خلال البيانات حيث يتم الاحتفاظ بكائنات صور القطة في صفيف. عند الوصول إلى كل عنصر ، يمكنك تعديل عناصر HTML. أولاً ، قم بتعريف متغير html بـ <code>var html = &quot;&quot;;</code> . ثم ، قم بالتكرار عبر JSON ، مع إضافة HTML إلى المتغير الذي يلف أسماء المفاتيح في علامات <code>strong</code> ، متبوعًا بالقيمة. عند الانتهاء من الحلقة ، يمكنك جعلها. إليك الرمز الذي يفعل هذا: <blockquote style=";text-align:right;direction:rtl"> json.forEach (وظيفة (val) { <br> مفاتيح var = Object.keys (val)؛ <br> html + = &quot;&lt;div class = &#39;cat&#39;&gt;&quot;؛ <br> keys.forEach (وظيفة (مفتاح) { <br> html + = &quot;&lt;strong&gt;&quot; + key + &quot;&lt;/ strong&gt;:&quot; + val [key] + &quot;&lt;br&gt;&quot;؛ <br> })؛ <br> html + = &quot;&lt;/ div&gt; &lt;br&gt;&quot;؛ <br> })؛ </blockquote></section>
+
+## Instructions
+<section id="instructions"> إضافة أسلوب <code>forEach</code> لحلقة عبر بيانات JSON وإنشاء عناصر HTML لعرضه. إليك بعض الأمثلة على JSON <blockquote style=";text-align:right;direction:rtl"> [ <br> { <br> &quot;الهوية&quot;: 0، <br> &quot;IMAGELINK&quot;: &quot;https://s3.amazonaws.com/freecodecamp/funny-cat.jpg&quot; <br> &quot;altText&quot;: &quot;قطة بيضاء ترتدي خوذة خضراء على شكل البطيخ على رأسها.&quot;، <br> &quot;codeNames&quot;: [&quot;Juggernaut&quot;، &quot;Mrs. Wallace&quot;، &quot;Buttercup&quot; <br> ] <br> } <br> ] </blockquote></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم كودك بتخزين البيانات في متغير <code>html</code>
+    testString: 'assert(code.match(/html\s+?(\+=|=\shtml\s\+)/g), "Your code should store the data in the <code>html</code> variable");'
+  - text: يجب أن تستخدم <code>forEach</code> أسلوب <code>forEach</code> لإجراء <code>forEach</code> عبر بيانات JSON من واجهة برمجة التطبيقات.
+    testString: 'assert(code.match(/json\.forEach/g), "Your code should use a <code>forEach</code> method to loop over the JSON data from the API.");'
+  - text: ''
+    testString: 'assert(code.match(/<strong>.+<\/strong>/g), "Your code should wrap the key names in <code>strong</code> tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      req=new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload=function(){
+        json=JSON.parse(req.responseText);
+        var html = "";
+        // Add your code below this line
+
+
+
+        // Add your code above this line
+        document.getElementsByClassName('message')[0].innerHTML=html;
+      };
+    };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/get-geolocation-data-to-find-a-users-gps-coordinates.arabic.md b/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/get-geolocation-data-to-find-a-users-gps-coordinates.arabic.md
new file mode 100644
index 0000000000..0c860f5da2
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/get-geolocation-data-to-find-a-users-gps-coordinates.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 587d7faf367417b2b2512be8
+title: Get Geolocation Data to Find A User's GPS Coordinates
+challengeType: 6
+videoUrl: ''
+localeTitle: احصل على بيانات تحديد الموقع الجغرافي للعثور على إحداثيات نظام تحديد المواقع العالمي للمستخدم
+---
+
+## Description
+<section id="description"> شيء آخر رائع يمكنك القيام به هو الوصول إلى الموقع الحالي للمستخدم. يحتوي كل متصفح على متصفح مدمج يمكن أن يوفر لك هذه المعلومات. سيحصل المستكشف على خطوط الطول والعرض الحالية للمستخدم. سترى مطالبة للسماح بهذا الموقع أو حظره من معرفة موقعك الحالي. يمكن إكمال التحدي في كلتا الحالتين ، طالما أن الرمز صحيح. عن طريق تحديد السماح ، سترى النص الموجود على هاتف الإخراج يتغير إلى خط العرض وخط الطول. هنا رمز يفعل هذا: <blockquote style=";text-align:right;direction:rtl"> إذا (navigator.geolocation) { <br> navigator.geolocation.getCurrentPosition (الوظيفة (الموضع) { <br> document.getElementById (&#39;data&#39;). innerHTML = &quot;latitude:&quot; + position.coords.latitude + &quot;&lt;br&gt; longitude:&quot; + position.coords.longitude؛ <br> })؛ <br> } </blockquote> أولاً ، يتحقق من وجود كائن <code>navigator.geolocation</code> . إذا حدث ذلك ، يتم <code>getCurrentPosition</code> الأسلوب <code>getCurrentPosition</code> على هذا الكائن ، والذي يبدأ طلبًا غير متزامن لموضع المستخدم. في حالة نجاح الطلب ، يتم تشغيل وظيفة رد الاتصال في الطريقة. تصل هذه الوظيفة إلى قيم كائن <code>position</code> لخط العرض وخط الطول باستخدام تدوين النقطة وتحديث HTML. </section>
+
+## Instructions
+<section id="instructions"> أضف رمز المثال داخل علامات <code>script</code> للتحقق من الموقع الحالي للمستخدم وإدراجه في HTML. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/navigator\.geolocation\.getCurrentPosition/g), "Your code should use <code>navigator.geolocation</code> to access the user&#39;s current location.");'
+  - text: يجب أن تستخدم شفرتك <code>position.coords.latitude</code> لعرض موقع خط العرض للمستخدم.
+    testString: 'assert(code.match(/position\.coords\.latitude/g), "Your code should use <code>position.coords.latitude</code> to display the user&#39;s latitudinal location.");'
+  - text: يجب أن تستخدم شفرتك <code>position.coords.longitude</code> لعرض الموقع الطولي للمستخدم.
+    testString: 'assert(code.match(/position\.coords\.longitude/g), "Your code should use <code>position.coords.longitude</code> to display the user&#39;s longitudinal location.");'
+  - text: يجب عليك عرض موقف المستخدم داخل عنصر div <code>data</code> .
+    testString: 'assert(code.match(/document\.getElementById\(\s*?("|")data\1\s*?\)\.innerHTML/g), "You should display the user&#39;s position within the <code>data</code> div element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  // Add your code below this line
+
+
+  // Add your code above this line
+</script>
+<h4>You are here:</h4>
+<div id="data">
+
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-xmlhttprequest-method.arabic.md b/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-xmlhttprequest-method.arabic.md
new file mode 100644
index 0000000000..a312801108
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-xmlhttprequest-method.arabic.md
@@ -0,0 +1,103 @@
+---
+id: 587d7fae367417b2b2512be3
+title: Get JSON with the JavaScript XMLHttpRequest Method
+challengeType: 6
+videoUrl: ''
+localeTitle: احصل على JSON باستخدام طريقة جافا سكريبت XMLHttpRequest
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/new\s+?XMLHttpRequest\(\s*?\)/g), "Your code should create a new <code>XMLHttpRequest</code>.");'
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك الطريقة <code>open</code> لتهيئة طلب &quot;GET&quot; إلى freeCodeCamp Cat Photo API.
+    testString: 'assert(code.match(/\.open\(\s*?("|")GET\1\s*?,\s*?("|")\/json\/cats\.json\2\s*?,\s*?true\s*?\)/g), "Your code should use the <code>open</code> method to initialize a "GET" request to the freeCodeCamp Cat Photo API.");'
+  - text: يجب استخدام التعليمات البرمجية ل <code>send</code> طريقة لإرسال الطلب.
+    testString: 'assert(code.match(/\.send\(\s*\)/g), "Your code should use the <code>send</code> method to send the request.");'
+  - text: يجب أن تحتوي التعليمات البرمجية الخاصة بك على معالج أحداث <code>onload</code> إلى وظيفة.
+    testString: 'assert(code.match(/\.onload\s*=\s*function\(\s*?\)\s*?{/g), "Your code should have an <code>onload</code> event handler set to a function.");'
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك أسلوب <code>JSON.parse</code> لتحليل <code>responseText</code> .
+    testString: 'assert(code.match(/JSON\.parse\(.*\.responseText\)/g), "Your code should use the <code>JSON.parse</code> method to parse the <code>responseText</code>.");'
+  - text: يجب أن تحصل شفرتك على العنصر مع <code>message</code> الفصل وتغيير HTML الداخلي إلى سلسلة بيانات JSON.
+    testString: 'assert(code.match(/document\.getElementsByClassName\(\s*?("|")message\1\s*?\)\[0\]\.innerHTML\s*?=\s*?JSON\.stringify\(.+?\)/g), "Your code should get the element with class <code>message</code> and change its inner HTML to the string of JSON data.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      // Add your code below this line
+
+
+      // Add your code above this line
+    };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/handle-click-events-with-javascript-using-the-onclick-property.arabic.md b/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/handle-click-events-with-javascript-using-the-onclick-property.arabic.md
new file mode 100644
index 0000000000..3d9edcf6a4
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/handle-click-events-with-javascript-using-the-onclick-property.arabic.md
@@ -0,0 +1,93 @@
+---
+id: 587d7fad367417b2b2512be1
+title: Handle Click Events with JavaScript using the onclick property
+challengeType: 6
+videoUrl: ''
+localeTitle: Handle انقر على الأحداث باستخدام JavaScript باستخدام خاصية onclick
+---
+
+## Description
+<section id="description"> تريد تنفيذ التعليمات البرمجية فقط بعد انتهاء تحميل صفحتك. ولهذا الغرض ، يمكنك إرفاق حدث JavaScript بالمستند المسمى <code>DOMContentLoaded</code> . إليك الرمز الذي يفعل هذا: <blockquote style=";text-align:right;direction:rtl"> document.addEventListener (&#39;DOMContentLoaded&#39;، function () { <br><br> })؛ </blockquote> يمكنك تنفيذ معالجات الأحداث التي تدخل داخل وظيفة <code>DOMContentLoaded</code> . يمكنك تنفيذ معالج حدث <code>onclick</code> الذي يتم تشغيله عند نقر المستخدم على العنصر الذي يحمل كود <code>getMessage</code> ، وذلك بإضافة الشفرة التالية: <blockquote style=";text-align:right;direction:rtl"> . document.getElementById ( &#39;getMessage&#39;) عند _ النقر = وظيفة () {}؛ </blockquote></section>
+
+## Instructions
+<section id="instructions"> إضافة معالج حدث انقر داخل الدالة <code>DOMContentLoaded</code> للعنصر الذي يحمل كود <code>getMessage</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك طريقة <code>document.getElementById</code> لتحديد عنصر <code>getMessage</code> .
+    testString: 'assert(code.match(/document\.getElementById\(\s*?("|")getMessage\1\s*?\)/g), "Your code should use the <code>document.getElementById</code> method to select the <code>getMessage</code> element.");'
+  - text: يجب أن تضيف التعليمات البرمجية معالج أحداث <code>onclick</code> .
+    testString: 'assert(typeof document.getElementById("getMessage").onclick === "function", "Your code should add an <code>onclick</code> event handler.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    // Add your code below this line
+
+
+    // Add your code above this line
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/post-data-with-the-javascript-xmlhttprequest-method.arabic.md b/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/post-data-with-the-javascript-xmlhttprequest-method.arabic.md
new file mode 100644
index 0000000000..df9abf21c1
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/post-data-with-the-javascript-xmlhttprequest-method.arabic.md
@@ -0,0 +1,108 @@
+---
+id: 587d7faf367417b2b2512be9
+title: Post Data with the JavaScript XMLHttpRequest Method
+challengeType: 6
+videoUrl: ''
+localeTitle: نشر البيانات باستخدام طريقة XMLHttpRequest في جافا سكريبت
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> قم بتحديث الكود لإنشاء وإرسال طلب &quot;POST&quot;. ثم أدخل اسمك في مربع الإدخال وانقر على &quot;إرسال رسالة&quot;. ستحل وظيفة AJAX محل &quot;الرد من الخادم سيكون هنا&quot;. مع رد الخادم. في هذه الحالة ، هو اسمك إلحاق &quot;يحب القطط&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/new\s+?XMLHttpRequest\(\s*?\)/g), "Your code should create a new <code>XMLHttpRequest</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/\.open\(\s*?("|")POST\1\s*?,\s*?url\s*?,\s*?true\s*?\)/g), "Your code should use the <code>open</code> method to initialize a "POST" request to the server.");'
+  - text: ''
+    testString: 'assert(code.match(/\.setRequestHeader\(\s*?("|")Content-Type\1\s*?,\s*?("|")text\/plain\2\s*?\)/g), "Your code should use the <code>setRequestHeader</code> method.");'
+  - text: ''
+    testString: 'assert(code.match(/\.onreadystatechange\s*?=/g), "Your code should have an <code>onreadystatechange</code> event handler set to a function.");'
+  - text: ''
+    testString: 'assert(code.match(/document\.getElementsByClassName\(\s*?("|")message\1\s*?\)\[0\]\.innerHTML\s*?=\s*?.+?\.responseText/g), "Your code should get the element with class <code>message</code> and change its inner HTML to the <code>responseText</code>.");'
+  - text: يجب أن تستخدم التعليمات البرمجية الخاصة بك طريقة <code>send</code> .
+    testString: 'assert(code.match(/\.send\(\s*?userName\s*?\)/g), "Your code should use the <code>send</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('sendMessage').onclick=function(){
+
+      var userName=document.getElementById('name').value;
+      // Add your code below this line
+
+
+      // Add your code above this line
+    };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Friends</h1>
+<p class="message box">
+  Reply from Server will be here
+</p>
+<p>
+  <label for="name">Your name:
+    <input type="text" id="name"/>
+  </label>
+  <button id="sendMessage">
+    Send Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/pre-filter-json-to-get-the-data-you-need.arabic.md b/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/pre-filter-json-to-get-the-data-you-need.arabic.md
new file mode 100644
index 0000000000..13a1698e70
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/pre-filter-json-to-get-the-data-you-need.arabic.md
@@ -0,0 +1,108 @@
+---
+id: 587d7fae367417b2b2512be7
+title: Pre-filter JSON to Get the Data You Need
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/json\.filter/g), "Your code should use the <code>filter</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      req=new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload=function(){
+        json=JSON.parse(req.responseText);
+        var html = "";
+        // Add your code below this line
+
+
+        // Add your code above this line
+         json.forEach(function(val) {
+           html += "<div class = 'cat'>"
+
+           html += "<img src = '" + val.imageLink + "' " + "alt='" + val.altText + "'>"
+
+           html += "</div>"
+         });
+         document.getElementsByClassName('message')[0].innerHTML=html;
+       };
+     };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/render-images-from-data-sources.arabic.md b/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/render-images-from-data-sources.arabic.md
new file mode 100644
index 0000000000..4dd9129451
--- /dev/null
+++ b/curriculum/challenges/arabic/04-data-visualization/json-apis-and-ajax/render-images-from-data-sources.arabic.md
@@ -0,0 +1,105 @@
+---
+id: 587d7fae367417b2b2512be6
+title: Render Images from Data Sources
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/val\.imageLink/g), "You should use the <code>imageLink</code> property to display the images.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      req=new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload=function(){
+        json=JSON.parse(req.responseText);
+        var html = "";
+        json.forEach(function(val) {
+          html += "<div class = 'cat'>";
+          // Add your code below this line
+
+
+          // Add your code above this line
+          html += "</div><br>";
+        });
+        document.getElementsByClassName('message')[0].innerHTML=html;
+      };
+     };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/announce-new-users.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/announce-new-users.arabic.md
new file mode 100644
index 0000000000..386661b7b9
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/announce-new-users.arabic.md
@@ -0,0 +1,40 @@
+---
+id: 589fc832f9fc0f352b528e78
+title: Announce New Users
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /io.emit.*("|")user("|").*name.*currentUsers.*connected/gi, "You should have an event emitted named user sending name, currentUsers, and connected"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.on.*("|")user("|")[^]*num-users/gi, "You should change the text of #num-users within on your client within the "user" even listener to show the current users connected"); assert.match(data, /socket.on.*("|")user("|")[^]*messages.*li/gi, "You should append a list item to #messages on your client within the "user" event listener to annouce a user came or went"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-strategies.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-strategies.arabic.md
new file mode 100644
index 0000000000..8769610981
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-strategies.arabic.md
@@ -0,0 +1,40 @@
+---
+id: 5895f70df9fc0f352b528e68
+title: Authentication Strategies
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: ' getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "passport-local", "Your project should list "passport-local " as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")passport-local("|")/gi, "You should have required passport-local"); assert.match(data, /new LocalStrategy/gi, "You should have told passport to use a new strategy"); assert.match(data, /findOne/gi, "Your new local strategy should use the findOne query to find a username based on the inputs"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-with-socket.io.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-with-socket.io.arabic.md
new file mode 100644
index 0000000000..d9b8ba66d4
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-with-socket.io.arabic.md
@@ -0,0 +1,42 @@
+---
+id: 589fc831f9fc0f352b528e77
+title: Authentication with Socket.IO
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "passport.socketio", "Your project should list "passport.socketio" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js").then(data => { assert.match(data, /require\(([""])passport\.socketio\1\)/gi, "You should correctly require and instantiate "passport.socketio"");}, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /io\.use\(.+\.authorize\(/gi, "You should register "passport.socketio" as socket.io middleware and provide it correct options"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.arabic.md
new file mode 100644
index 0000000000..459f5fe1ea
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.arabic.md
@@ -0,0 +1,38 @@
+---
+id: 589690e6f9fc0f352b528e6e
+title: Clean Up Your Project with Modules
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|").\/routes.js("|")/gi, "You should have required your new files"); assert.match(data, /mongo.connect[^]*routes/gi, "Your new modules should be called after your connection to the database"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/communicate-by-emitting.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/communicate-by-emitting.arabic.md
new file mode 100644
index 0000000000..e19119e0ab
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/communicate-by-emitting.arabic.md
@@ -0,0 +1,42 @@
+---
+id: 589fc831f9fc0f352b528e75
+title: Communicate by Emitting
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js").then(data => {assert.match(data, /currentUsers/gi, "You should have variable currentUsers defined");}, xhr => { throw new Error(xhr.statusText); })'
+  - text: يرسل الخادم عدد المستخدمين الحاليين عند كل اتصال جديد
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /io.emit.*("|")user count("|").*currentUsers/gi, "You should emit "user count" with data currentUsers"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.on.*("|")user count("|")/gi, "Your client should be connection to server with the connection defined as socket"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/create-new-middleware.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/create-new-middleware.arabic.md
new file mode 100644
index 0000000000..770ee19aa8
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/create-new-middleware.arabic.md
@@ -0,0 +1,49 @@
+---
+id: 5895f70df9fc0f352b528e6a
+title: Create New Middleware
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> وللتذكير ، يجري بناء هذا المشروع على المشروع <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">المبدئي</a> التالي في <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> ، أو مستنسخ من <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . كما هو الحال في ، يمكن لأي مستخدم الانتقال إلى / profile ما إذا كان قد تمت مصادقته أم لا عن طريق كتابة عنوان url. نريد منع ذلك من خلال التحقق مما إذا كان المستخدم قد تمت مصادقته أولاً قبل عرض صفحة الملف الشخصي. هذا هو المثال المثالي على موعد إنشاء الوسيطة. ويتمثل التحدي هنا في إنشاء وظيفة الوسيطة التي يتم <code>ensureAuthenticated(req, res, next)</code> ، والتي ستتحقق مما إذا كان المستخدم قد تم توثيقه عن طريق الاتصال بجوازات السفر ، تم التصديق عليه <em>بناءً</em> على <em>الطلب</em> الذي يتم <em>تحديده</em> للتحقق من <em>req.user</em> . إذا كان يجب أن يتم استدعاء <em>التالي ()</em> ، وإلا يمكننا فقط الرد على الطلب مع إعادة توجيه إلى صفحتنا الرئيسية لتسجيل الدخول. تنفيذ هذه الوسيطة هو: <pre style=";text-align:right;direction:rtl"> تضمن وظيفة تم التصديق عليها (req، res، next) {
+  if (req.isAuthenticated ()) {
+      العودة المقبل () ؛
+  }
+  res.redirect ( &#39;/&#39;)؛
+}؛ </pre> الآن أضف <em>makeAuthenticated</em> as a middleware to request for the profile page before the argument to the get request <em>contains the function that viewing</em> the page. <pre style=";text-align:right;direction:rtl"> app.route ( &#39;/ ملف&#39;)
+  .get (ensureAuthenticated، (req، res) =&gt; {
+       res.render (process.cwd () + &#39;/ views / pug / profile&#39;) ؛
+  })؛ </pre> أرسل صفحتك عندما تظن أنك على صواب. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يتم تنفيذ الوسيطة التي تم التأكد من صحتها وعلى طريقنا / ملفنا الشخصي
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /ensureAuthenticated[^]*req.isAuthenticated/gi, "Your ensureAuthenticated middleware should be defined and utilize the req.isAuthenticated function"); assert.match(data, /profile[^]*get[^]*ensureAuthenticated/gi, "Your ensureAuthenticated middleware should be attached to the /profile route"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: طلب الحصول على / إعادة التوصيف بشكل صحيح يعيد التوجيه إلى / بما أننا غير مصادقين
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/profile") .then(data => { assert.match(data, /Home page/gi, "An attempt to go to the profile at this point should redirect to the homepage since we are not logged in"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/handle-a-disconnect.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/handle-a-disconnect.arabic.md
new file mode 100644
index 0000000000..9ea6d03ba5
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/handle-a-disconnect.arabic.md
@@ -0,0 +1,41 @@
+---
+id: 589fc831f9fc0f352b528e76
+title: Handle a Disconnect
+challengeType: 2
+videoUrl: ''
+localeTitle: التعامل مع قطع الاتصال
+---
+
+## Description
+<section id="description"> وللتذكير ، يجري بناء هذا المشروع على المشروع <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">المبدئي</a> التالي في <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">Glitch</a> ، أو مستنسخ من <a href="https://github.com/freeCodeCamp/boilerplate-socketio/">GitHub</a> . قد تلاحظ أن لديك حتى الآن زيادة عدد المستخدمين فقط. إن التعامل مع قطع اتصال المستخدم أمر سهل تمامًا مثل التعامل مع الاتصال الأولي ، باستثناء الفارق ، يجب عليك الاستماع إليه على كل مأخذ مقابل على الخادم بأكمله. <hr> للقيام بذلك ، أضف إلى مستمع الاتصال الموجود مستمعًا يستمع إلى &quot;قطع الاتصال&quot; على المقبس بدون بيانات تم تمريرها. يمكنك اختبار هذه الوظيفة بمجرد تسجيل الدخول إلى وحدة التحكم التي قام مستخدم بفصلها. <code>socket.on(&#39;disconnect&#39;, () =&gt; { /*anything you want to do on disconnect*/ });</code> للتأكد من أن العملاء لديهم العدد المحدّث من المستخدمين الحاليين بشكل مستمر ، يجب عليك تقليل عدد المستخدمين الحاليين بمقدار 1 عندما يحدث قطع الاتصال ثم إرسال الحدث &quot;عدد المستخدمين&quot; مع العدد المحدّث! <strong>ملحوظة</strong> <br> تمامًا مثل &quot;قطع الاتصال&quot; ، يجب التعامل مع جميع الأحداث الأخرى التي يمكن أن ينبعث منها مأخذ توصيل إلى الخادم داخل المستمع المتصل حيث تم تعريف &quot;المقبس&quot;. أرسل صفحتك عندما تظن أنك على صواب. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يعالج الخادم فصل الحدث من المقبس
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /socket.on.*("|")disconnect("|")/gi, ""); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: يستمع عميلك إلى حدث "عدد المستخدمين"
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.on.*("|")user count("|")/gi, "Your client should be connection to server with the connection defined as socket"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/hashing-your-passwords.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/hashing-your-passwords.arabic.md
new file mode 100644
index 0000000000..07a94c3fd2
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/hashing-your-passwords.arabic.md
@@ -0,0 +1,41 @@
+---
+id: 58a25c98f9fc0f352b528e7f
+title: Hashing Your Passwords
+challengeType: 2
+videoUrl: ''
+localeTitle: تجزئة كلمات المرور الخاصة بك
+---
+
+## Description
+<section id="description"> وللتذكير ، يجري بناء هذا المشروع على المشروع <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">المبدئي</a> التالي في <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> ، أو مستنسخ من <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . وبالرجوع إلى قسم أمن المعلومات ، قد تتذكر أن تخزين كلمات مرور نص عادي ليس مقبولًا <em>أبدًا</em> . الآن حان الوقت لتنفيذ BCrypt لحل هذه المشكلة. <hr> إضافة BCrypt كاعتمادية وتطلبها في الخادم الخاص بك. ستحتاج إلى معالجة التجزئة في مجالين رئيسيين: حيث يمكنك التعامل مع تسجيل / حفظ حساب جديد وعند التحقق من صحة كلمة المرور عند تسجيل الدخول. حاليًا على مسار التسجيل الخاص بنا ، تقوم بإدراج كلمة مرور المستخدم في قاعدة البيانات كما يلي: <code>password: req.body.password</code> . طريقة سهلة لتطبيق تجزئة بدلاً من ذلك هو إضافة ما يلي قبل منطق قاعدة البيانات <code>var hash = bcrypt.hashSync(req.body.password, 12);</code> واستبدال <code>req.body.password</code> في حفظ قاعدة البيانات <code>password: hash</code> . وأخيرًا في إستراتيجية المصادقة الخاصة بنا ، نتحقق مما يلي في الكود الخاص بنا قبل إتمام العملية: <code>if (password !== user.password) { return done(null, false); }</code> . بعد إجراء التغييرات السابقة ، الآن <code>user.password</code> هو تجزئة. قبل إجراء تغيير على التعليمات البرمجية الموجودة ، لاحظ كيف يتم التحقق من العبارة إذا كانت كلمة المرور غير مساوية ثم إرجاع غير مصادقة. مع وضع هذا في الاعتبار يمكن أن تبدو التعليمات البرمجية الخاصة بك كما يلي للتحقق بشكل صحيح كلمة المرور التي تم إدخالها مقابل التجزئة: <code>if (!bcrypt.compareSync(password, user.password)) { return done(null, false); }</code> هذا هو كل ما يتطلبه الأمر لتنفيذ أحد أهم ميزات الأمان عندما يكون عليك تخزين كلمات المرور! أرسل صفحتك عندما تظن أنك على صواب. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: BCrypt هو التبعية
+    testString: ' getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "bcrypt", "Your project should list "bcrypt" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: BCrypt المطلوبة بشكل صحيح وتنفيذها
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")bcrypt("|")/gi, "You should have required bcrypt"); assert.match(data, /bcrypt.hashSync/gi, "You should use hash the password in the registration"); assert.match(data, /bcrypt.compareSync/gi, "You should compare the password to the hash in your strategy"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.arabic.md
new file mode 100644
index 0000000000..522c3da5db
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.arabic.md
@@ -0,0 +1,39 @@
+---
+id: 5895f70ef9fc0f352b528e6b
+title: How to Put a Profile Together
+challengeType: 2
+videoUrl: ''
+localeTitle: كيفية وضع ملف التعريف معا
+---
+
+## Description
+<section id="description"> وللتذكير ، يجري بناء هذا المشروع على المشروع <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">المبدئي</a> التالي في <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> ، أو مستنسخ من <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . الآن بعد التأكد من مصادقة المستخدم على <em>الملف الشخصي / الملف الشخصي</em> ، يمكننا استخدام المعلومات الواردة في &quot;req.user&quot; على صفحتنا! المضي قدما وتمرير الكائن الذي يحتوي على <em>اسم مستخدم</em> متغير يساوي &quot;req.user.username&quot; في طريقة تقديم طريقة عرض ملف التعريف. ثم انتقل إلى عرض &quot;profile.pug&quot; وأضف السطر <code>h2.center#welcome Welcome, #{username}!</code> إنشاء عنصر h2 مع الفئة &#39;center&#39; و id &#39;welcome&#39; الذي يحتوي على النص &#39;Welcome&#39; ، واسم المستخدم! أيضًا في الملف الشخصي ، أضف رابطًا إلى <em>/ خروج</em> . سيستضيف هذا المسار المنطق لإلغاء مصادقة مستخدم. <code>a(href=&#39;/logout&#39;) Logout</code> صفحتك عندما تظن أنك على صواب. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: إضافة بشكل صحيح متغير تجسيد الصلصال إلى / الملف الشخصي
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /\/views\/pug\/profile[^]*username:( |)req.user.username/gi, "You should be passing the variable username with req.user.username into the render function of the profile page"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.arabic.md
new file mode 100644
index 0000000000..6ab87911cf
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.arabic.md
@@ -0,0 +1,40 @@
+---
+id: 5895f70df9fc0f352b528e69
+title: How to Use Passport Strategies
+challengeType: 2
+videoUrl: ''
+localeTitle: كيفية استخدام استراتيجيات جوازات السفر
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: ' getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /showLogin:( |)true/gi, "You should be passing the variable "showLogin" as true to your render function for the homepage"); assert.match(data, /failureRedirect:( |)("|")\/("|")/gi, "Your code should include a failureRedirect to the "/" route"); assert.match(data, /login[^]*post[^]*local/gi, "You should have a route for login which accepts a POST and passport.authenticates local"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.post(getUserInput("url")+ "/login") .then(data => { assert.match(data, /Looks like this page is being rendered from Pug into HTML!/gi, "A login attempt at this point should redirect to the homepage since we do not have any registered users"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.arabic.md
new file mode 100644
index 0000000000..a11d4d7d34
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.arabic.md
@@ -0,0 +1,40 @@
+---
+id: 5895f70cf9fc0f352b528e67
+title: Implement the Serialization of a Passport User
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /mongo.connect/gi, "You should have created a connection to your database"); assert.match(data, /mongo.connect[^]*app.listen[^]*}[^]*}/gi, "You should have your app.listen nested at within your database connection at the bottom"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.notMatch(data, /null,( |)null/gi, "The callback in deserializeUser of (null, null) should be completely removed for the db block uncommented out"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.arabic.md
new file mode 100644
index 0000000000..b8604ac9ef
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.arabic.md
@@ -0,0 +1,42 @@
+---
+id: 589a69f5f9fc0f352b528e71
+title: Implementation of Social Authentication II
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "passport-github", "Your project should list "passport-github" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")passport-github("|")/gi, "You should have required passport-github"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /passport.use.*new GitHubStrategy/gi, "Passport should use a new GitHubStrategy"); assert.match(data, /callbackURL:( |)("|").*("|")/gi, "You should have a callbackURL"); assert.match(data, /process.env.GITHUB_CLIENT_SECRET/g, "You should use process.env.GITHUB_CLIENT_SECRET"); assert.match(data, /process.env.GITHUB_CLIENT_ID/g, "You should use process.env.GITHUB_CLIENT_ID"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.arabic.md
new file mode 100644
index 0000000000..7d83d64b21
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.arabic.md
@@ -0,0 +1,38 @@
+---
+id: 589a8eb3f9fc0f352b528e72
+title: Implementation of Social Authentication III
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /GitHubStrategy[^]*db.collection/gi, "Strategy should use now use the database to search for the user"); assert.match(data, /GitHubStrategy[^]*socialusers/gi, "Strategy should use "socialusers" as db collection"); assert.match(data, /GitHubStrategy[^]*return cb/gi, "Strategy should return the callback function "cb""); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.arabic.md
new file mode 100644
index 0000000000..244653170d
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.arabic.md
@@ -0,0 +1,41 @@
+---
+id: 589a69f5f9fc0f352b528e70
+title: Implementation of Social Authentication
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: الطريق / المصادقة / جيثب الصحيح
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /("|")\/auth\/github("|")[^]*get.*passport.authenticate.*github/gi, "Route auth/github should only call passport.authenticate with github"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: الطريق / المصادقة / جيثب / رد الاتصال الصحيح
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /("|")\/auth\/github\/callback("|")[^]*get.*passport.authenticate.*github.*failureRedirect:( |)("|")\/("|")/gi, "Route auth/github/callback should accept a get request and call passport.authenticate for github with a failure redirect to home"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/logging-a-user-out.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/logging-a-user-out.arabic.md
new file mode 100644
index 0000000000..448b9477f1
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/logging-a-user-out.arabic.md
@@ -0,0 +1,49 @@
+---
+id: 58965611f9fc0f352b528e6c
+title: Logging a User Out
+challengeType: 2
+videoUrl: ''
+localeTitle: تسجيل مستخدم خارج
+---
+
+## Description
+<section id="description"> وللتذكير ، يجري بناء هذا المشروع على المشروع <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">المبدئي</a> التالي في <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> ، أو مستنسخ من <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . إن إنشاء منطق الخروج أمر سهل. يجب أن يؤدي المسار إلى عدم مصادقة المستخدم وإعادة التوجيه إلى الصفحة الرئيسية بدلاً من عرض أي ملف شخصي. في جواز السفر ، يكون إلغاء مصادقة المستخدم أمراً سهلاً مثل استدعاء <code>req.logout();</code> قبل إعادة التوجيه. <pre style=";text-align:right;direction:rtl"> app.route ( &#39;/ خروج&#39;)
+  .get ((req، res) =&gt; {
+      req.logout ()؛
+      res.redirect ( &#39;/&#39;)؛
+  })؛ </pre> قد تكون لاحظنا أيضًا أننا لا نتعامل مع الصفحات المفقودة (404) ، والطريقة الشائعة للتعامل مع هذا في العقدة هي مع الوسيطة التالية. المضي قدما وإضافة هذا بعد كل الطرق الأخرى الخاصة بك: <pre style=";text-align:right;direction:rtl"> app.use ((req، res، next) =&gt; {
+  res.status (404)
+    .أكتب نصا&#39;)
+    . ارسل (&quot;غير موجود&quot;) ؛
+})؛ </pre> أرسل صفحتك عندما تظن أنك على صواب. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: طريق الخروج
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /req.logout/gi, "You should be call req.logout() in youre /logout route"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: يجب أن يقوم تسجيل الخروج بإعادة التوجيه إلى الصفحة الرئيسية /
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/logout") .then(data => { assert.match(data, /Home page/gi, "When a user logs out they should be redirected to the homepage"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/registration-of-new-users.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/registration-of-new-users.arabic.md
new file mode 100644
index 0000000000..e9c68b641f
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/registration-of-new-users.arabic.md
@@ -0,0 +1,72 @@
+---
+id: 58966a17f9fc0f352b528e6d
+title: Registration of New Users
+challengeType: 2
+videoUrl: ''
+localeTitle: تسجيل المستخدمين الجدد
+---
+
+## Description
+<section id="description"> وللتذكير ، يجري بناء هذا المشروع على المشروع <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">المبدئي</a> التالي في <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> ، أو مستنسخ من <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . الآن نحن بحاجة إلى السماح لمستخدم جديد على موقعنا بتسجيل حساب. على res.render للصفحة الرئيسية ، أضف متغيرًا جديدًا إلى الكائن الذي تم تمريره - <code>showRegistration: true</code> . عندما تقوم بتحديث صفحتك ، يجب أن تشاهد نموذج التسجيل الذي تم إنشاؤه بالفعل في ملف index.pug الخاص بك! تم إعداد هذا النموذج على <b>POST</b> على <em>/ تسجيل</em> حتى يكون هذا هو المكان الذي يجب أن نعده لقبول POST وإنشاء كائن المستخدم في قاعدة البيانات. يجب أن يكون منطق مسار التسجيل كما يلي: تسجيل المستخدم الجديد&gt; مصادقة المستخدم الجديد&gt; إعادة التوجيه إلى / الملف الشخصي يجب أن يكون منطق الخطوة 1 ، تسجيل المستخدم الجديد ، كما يلي: قاعدة بيانات الاستعلام بأمر findOne&gt; إذا كان المستخدم يتم إرجاعها ثم إعادة توجيهها إلى المنزل <em>أو</em> إذا كان المستخدم غير معروف ولا يحدث أي خطأ ثم &quot;insertOne&quot; في قاعدة البيانات باستخدام اسم المستخدم وكلمة المرور وطالما لم تحدث أي أخطاء ثم اتصل <em>التالي</em> للانتقال إلى الخطوة 2 ، مصادقة الجديد المستخدم ، الذي قمنا بالفعل بكتابة المنطق له في مسار POST / login الخاص بنا. <pre style=";text-align:right;direction:rtl"> app.route ( &#39;/ تسجيل&#39;)
+  .post ((req، res، next) =&gt; {
+      db.collection (&#39;users&#39;). findOne ({اسم المستخدم: req.body.username} ، الوظيفة (err، user) {
+          if (err) {
+              بجانب (يخطئ)؛
+          } آخر في حالة (المستخدم) {
+              res.redirect ( &#39;/&#39;)؛
+          } آخر {
+              db.collection ( &#39;المستخدمين). insertOne (
+                {اسم المستخدم: req.body.username ،
+                 كلمة المرور: req.body.password} ،
+                (يخطئ ، مستند) =&gt; {
+                    if (err) {
+                        res.redirect ( &#39;/&#39;)؛
+                    } آخر {
+                        التالي (فارغ ، مستخدم) ؛
+                    }
+                }
+              )
+          }
+      })}،
+    passport.authenticate (&#39;local&#39;، {failureRedirect: &#39;/&#39;})،
+    (req، res، next) =&gt; {
+        res.redirect ( &#39;/ ملف&#39;)؛
+    }
+)؛ </pre> أرسل صفحتك عندما تظن أنك على صواب. إذا كنت تواجه أخطاء ، يمكنك التحقق من اكتمال المشروع حتى هذه النقطة <a href="https://gist.github.com/JosephLivengood/6c47bee7df34df9f11820803608071ed">هنا</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: سجل الطريق وعرض في المنزل
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /showRegistration:( |)true/gi, "You should be passing the variable "showRegistration" as true to your render function for the homepage"); assert.match(data, /register[^]*post[^]*findOne[^]*username:( |)req.body.username/gi, "You should have a route accepted a post request on register that querys the db with findone and the query being "username: req.body.username""); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: التسجيل يجب أن تعمل
+    testString: 'getUserInput => $.ajax({url: getUserInput("url")+ "/register",data: {username: "freeCodeCampTester", password: "freeCodeCampTester"},crossDomain: true, type: "POST", xhrFields: { withCredentials: true }}) .then(data => { assert.match(data, /Profile/gi, "I should be able to register and it direct me to my profile. CLEAR YOUR DATABASE if this test fails (each time until its right!)"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: تسجيل الدخول يجب أن تعمل
+    testString: 'getUserInput => $.ajax({url: getUserInput("url")+ "/login",data: {username: "freeCodeCampTester", password: "freeCodeCampTester"}, type: "POST", xhrFields: { withCredentials: true }}) .then(data => { assert.match(data, /Profile/gi, "Login should work if previous test was done successfully and redirect successfully to the profile. Check your work and clear your DB"); assert.match(data, /freeCodeCampTester/gi, "The profile should properly display the welcome to the user logged in"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: يجب أن يعمل تسجيل الخروج
+    testString: 'getUserInput => $.ajax({url: getUserInput("url")+ "/logout", type: "GET", xhrFields: { withCredentials: true }}) .then(data => { assert.match(data, /Home/gi, "Logout should redirect to home"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: لا يجب أن يعمل الملف الشخصي بعد تسجيل الخروج
+    testString: 'getUserInput => $.ajax({url: getUserInput("url")+ "/profile", type: "GET", crossDomain: true, xhrFields: { withCredentials: true }}) .then(data => { assert.match(data, /Home/gi, "Profile should redirect to home when we are logged out now again"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.arabic.md
new file mode 100644
index 0000000000..a321a1e54f
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.arabic.md
@@ -0,0 +1,40 @@
+---
+id: 589fc832f9fc0f352b528e79
+title: Send and Display Chat Messages
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /socket.on.*("|")chat message("|")[^]*io.emit.*("|")chat message("|").*name.*message/gi, "Your server should listen to the socket for "chat message" then emit to all users "chat message" with name and message in the data object"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.on.*("|")chat message("|")[^]*messages.*li/gi, "You should append a list item to #messages on your client within the "chat message" event listener to display the new message"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.arabic.md
new file mode 100644
index 0000000000..70d1b72a66
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.arabic.md
@@ -0,0 +1,44 @@
+---
+id: 5895f70cf9fc0f352b528e66
+title: Serialization of a User Object
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /passport.serializeUser/gi, "You should have created your passport.serializeUser function"); assert.match(data, /null, user._id/gi, "There should be a callback in your serializeUser with (null, user._id)"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /passport.deserializeUser/gi, "You should have created your passport.deserializeUser function"); assert.match(data, /null,( |)null/gi, "There should be a callback in your deserializeUser with (null, null) for now"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "mongodb", "Your project should list "mongodb" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")mongodb("|")/gi, "You should have required mongodb"); assert.match(data, /new ObjectID.*id/gi, "Even though the block is commented out, you should use new ObjectID(id) for when we add the database"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-a-template-engine.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-a-template-engine.arabic.md
new file mode 100644
index 0000000000..cb2f201a8c
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-a-template-engine.arabic.md
@@ -0,0 +1,42 @@
+---
+id: 5895f700f9fc0f352b528e63
+title: Set up a Template Engine
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "pug", "Your project should list "pug" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /("|")view engine("|"),( |)("|")pug("|")/gi, "Your project should set Pug as a view engine"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/") .then(data => { assert.match(data, /pug-success-message/gi, "Your projects home page should now be rendered by pug with the projects .pug file unaltered"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-passport.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-passport.arabic.md
new file mode 100644
index 0000000000..53add6231c
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-passport.arabic.md
@@ -0,0 +1,44 @@
+---
+id: 5895f70cf9fc0f352b528e65
+title: Set up Passport
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "passport", "Your project should list "passport" as a dependency"); assert.property(packJson.dependencies, "express-session", "Your project should list "express-session" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")passport("|")/gi, "You should have required passport"); assert.match(data, /require.*("|")express-session("|")/gi, "You should have required express-session"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /passport.initialize/gi, "Your express app should use "passport.initialize()""); assert.match(data, /passport.session/gi, "Your express app should use "passport.session()""); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /secret:( |)process.env.SESSION_SECRET/gi, "Your express app should have express-session set up with your secret as process.env.SESSION_SECRET"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-the-environment.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-the-environment.arabic.md
new file mode 100644
index 0000000000..76be842672
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-the-environment.arabic.md
@@ -0,0 +1,44 @@
+---
+id: 589fc830f9fc0f352b528e74
+title: Set up the Environment
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "socket.io", "Your project should list "socket.io" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js").then(data => {assert.match(data, /io.*=.*require.*("|")socket.io("|").*http/gi, "You should correctly require and instantiate socket.io as io.");}, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /io.on.*("|")connection("|").*socket/gi, "io should listen for "connection" and socket should be the 2nd arguments variable"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.*=.*io/gi, "Your client should be connection to server with the connection defined as socket"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.arabic.md
new file mode 100644
index 0000000000..691c963adc
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.arabic.md
@@ -0,0 +1,38 @@
+---
+id: 5895f70bf9fc0f352b528e64
+title: Use a Template Engine's Powers
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/") .then(data => { assert.match(data, /pug-variable("|")>Please login/gi, "Your projects home page should now be rendered by pug with the projects .pug file unaltered"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/anonymous-message-board.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/anonymous-message-board.arabic.md
new file mode 100644
index 0000000000..f27a2bce53
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/anonymous-message-board.arabic.md
@@ -0,0 +1,61 @@
+---
+id: 587d824a367417b2b2512c45
+title: Anonymous Message Board
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/issue-tracker.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/issue-tracker.arabic.md
new file mode 100644
index 0000000000..a1ce750bb1
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/issue-tracker.arabic.md
@@ -0,0 +1,53 @@
+---
+id: 587d8249367417b2b2512c42
+title: Issue Tracker
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/metric-imperial-converter.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/metric-imperial-converter.arabic.md
new file mode 100644
index 0000000000..286a8c601a
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/metric-imperial-converter.arabic.md
@@ -0,0 +1,63 @@
+---
+id: 587d8249367417b2b2512c41
+title: Metric-Imperial Converter
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: يمكنني تحويل 'gal' إلى 'L' والعكس. (1 جالون إلى 3.78541 لتر)
+    testString: ''
+  - text: يمكنني تحويل 'lbs' إلى 'kg' والعكس. (1 رطل إلى 0.453592 كجم)
+    testString: ''
+  - text: يمكنني تحويل "mi" إلى "km" والعكس. (1 ميل إلى 1.60934 كم)
+    testString: ''
+  - text: إذا كانت وحدة القياس الخاصة بي غير صالحة ، فسيتم إرجاع "وحدة غير صالحة".
+    testString: ''
+  - text: إذا كان رقمي غير صالح ، فسيتم إرجاعه مع "رقم غير صالح".
+    testString: ''
+  - text: إذا كان كلاهما غير صالحين ، فسيكون "رقم الهاتف والوحدة غير صالحين".
+    testString: ''
+  - text: يمكنني استخدام الكسور أو الكسور العشرية أو كليهما في المعلمة الخاصة بي (على سبيل المثال ، 5 ، 1/2 ، 2.5 / 6) ، ولكن إذا لم يتم توفير أي شيء ، فسوف يتم افتراض أنه 1.
+    testString: ''
+  - text: 'ستتكون عودتي من initNum و initUnit و returnNum و returnUnit ووحدات تهجئة السلسلة بتنسيق "{initNum} {initial_Units} يحول إلى {returnNum} {return_Units}" مع تقريب النتيجة إلى 5 أرقام عشرية في السلسلة.'
+    testString: ''
+  - text: كل 16 وحدة اختبار كاملة وتمرير.
+    testString: ''
+  - text: جميع 5 اختبارات وظيفية كاملة وتمرير.
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/personal-library.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/personal-library.arabic.md
new file mode 100644
index 0000000000..af3691835a
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/personal-library.arabic.md
@@ -0,0 +1,58 @@
+---
+id: 587d824a367417b2b2512c43
+title: Personal Library
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: مكتبة شخصية
+---
+
+## Description
+<section id="description"> إنشاء تطبيق جافا سكريبت كامل المكدس يشبه وظيفيًا هذا: <a href="https://spark-cathedral.glitch.me/" target="_blank">https://spark-cathedral.glitch.me/</a> . سيشركك العمل في هذا المشروع في كتابة شفرتك على Glitch في مشروعنا المبدئي. بعد الانتهاء من هذا المشروع ، يمكنك نسخ عنوان URL الخاص بالشبكة العامة (إلى الصفحة الرئيسية لتطبيقك) في هذه الشاشة لاختباره! اختياريًا ، يمكنك اختيار كتابة مشروعك على نظام أساسي آخر ولكن يجب أن يكون مرئيًا بشكل عام لاختبارنا. بدء هذا المشروع على خلل باستخدام <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-project-library/">هذا الرابط</a> أو استنساخ <a href="https://github.com/freeCodeCamp/boilerplate-project-library/">هذا المستودع</a> على GitHub! إذا كنت تستخدم Glitch ، فتذكر حفظ الرابط إلى مشروعك في مكان آمن! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: لن يتم تخزين أي شيء من موقعي على الويب في موكلي.
+    testString: ''
+  - text: ستقول الرؤوس إن الموقع مدعوم بـ "PHP 4.2.0" على الرغم من أنه ليس (كإجراء أمني).
+    testString: ''
+  - text: يمكنني نشر عنوان إلى / api / books لإضافة كتاب وإعادته سيكون هو الكائن بعنوان وعنوان _id فريد.
+    testString: ''
+  - text: يمكنني الحصول على / api / books لاسترداد مجموعة من جميع الكتب التي تحتوي على title و _id و commentum.
+    testString: ''
+  - text: 'يمكنني الحصول على / api / books / {id} لاسترداد كائن واحد من كتاب يحتوي على _title و _id ومجموعة من التعليقات (مصفوفة فارغة في حالة عدم وجود أي تعليقات).'
+    testString: ''
+  - text: 'يمكنني نشر تعليق على / api / books / {id} لإضافة تعليق إلى أحد الكتب وإعادته سيكون كتابًا وجوهًا مشابهة لـ / api / books / {id} بما في ذلك التعليق الجديد.'
+    testString: ''
+  - text: 'يمكنني حذف / api / books / {_ id} لحذف كتاب من المجموعة. عاد سيكون "حذف ناجحة" إذا نجحت.'
+    testString: ''
+  - text: إذا حاولت أن أطلب كتابًا غير موجود ، فسوف أعيد "لا يوجد كتاب موجود".
+    testString: ''
+  - text: يمكنني إرسال طلب حذف إلى / api / books لحذف جميع الكتب في قاعدة البيانات. عاد سيكون "حذف كاملة ناجحة" إذا نجحت.
+    testString: ''
+  - text: جميع الاختبارات الوظيفية الستة المطلوبة هي كاملة وتمرير.
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/stock-price-checker.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/stock-price-checker.arabic.md
new file mode 100644
index 0000000000..f7ad3ccd4e
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/stock-price-checker.arabic.md
@@ -0,0 +1,51 @@
+---
+id: 587d824a367417b2b2512c44
+title: Stock Price Checker
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.arabic.md
new file mode 100644
index 0000000000..8d3f108796
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.arabic.md
@@ -0,0 +1,40 @@
+---
+id: 587d8248367417b2b2512c3c
+title: Ask Browsers to Access Your Site via HTTPS Only with helmet.hsts()
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "hsts"); assert.property(data.headers, "strict-transport-security"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.match(data.headers["strict-transport-security"], /^max-age=777600000;?/); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.arabic.md
new file mode 100644
index 0000000000..1ce9567620
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.arabic.md
@@ -0,0 +1,38 @@
+---
+id: 587d8248367417b2b2512c3a
+title: Avoid Inferring the Response MIME Type with helmet.noSniff()
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "nosniff"); assert.equal(data.headers["x-content-type-options"], "nosniff"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.arabic.md
new file mode 100644
index 0000000000..54a378e138
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.arabic.md
@@ -0,0 +1,38 @@
+---
+id: 587d8249367417b2b2512c40
+title: Configure Helmet Using the ‘parent’ helmet() Middleware
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: assert(true)
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.arabic.md
new file mode 100644
index 0000000000..5a3be67d70
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.arabic.md
@@ -0,0 +1,38 @@
+---
+id: 587d8249367417b2b2512c3e
+title: Disable Client-Side Caching with helmet.noCache()
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "nocache"); assert.equal(data.headers["cache-control"], "no-store, no-cache, must-revalidate, proxy-revalidate"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.arabic.md
new file mode 100644
index 0000000000..fa0dce6492
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.arabic.md
@@ -0,0 +1,38 @@
+---
+id: 587d8248367417b2b2512c3d
+title: Disable DNS Prefetching with helmet.dnsPrefetchControl()
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "dnsPrefetchControl"); assert.equal(data.headers["x-dns-prefetch-control"], "off"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.arabic.md
new file mode 100644
index 0000000000..1d52b73ffd
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.arabic.md
@@ -0,0 +1,38 @@
+---
+id: 58a25bcff9fc0f352b528e7d
+title: Hash and Compare Passwords Asynchronously
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /START_ASYNC[^]*bcrypt.hash.*myPlaintextPassword( |),( |)saltRounds( |),( |).*err( |),( |)hash[^]*END_ASYNC/gi, "You should call bcrypt.hash on myPlaintextPassword and saltRounds and handle err and hash as a result in the callback"); assert.match(data, /START_ASYNC[^]*bcrypt.hash[^]*bcrypt.compare.*myPlaintextPassword( |),( |)hash( |),( |).*err( |),( |)res[^]*}[^]*}[^]*END_ASYNC/gi, "Nested within the hash function should be the compare function comparing myPlaintextPassword to hash"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.arabic.md
new file mode 100644
index 0000000000..8df2f3014a
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.arabic.md
@@ -0,0 +1,38 @@
+---
+id: 58a25bcff9fc0f352b528e7e
+title: Hash and Compare Passwords Synchronously
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /START_SYNC[^]*hash.*=.*bcrypt.hashSync.*myPlaintextPassword( |),( |)saltRounds[^]*END_SYNC/gi, "You should call bcrypt.hashSync on myPlaintextPassword with saltRounds"); assert.match(data, /START_SYNC[^]*result.*=.*bcrypt.compareSync.*myPlaintextPassword( |),( |)hash[^]*END_SYNC/gi, "You should call bcrypt.compareSync on myPlaintextPassword with the hash generated in the last line"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.arabic.md
new file mode 100644
index 0000000000..40f05cf0d9
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.arabic.md
@@ -0,0 +1,38 @@
+---
+id: 587d8247367417b2b2512c37
+title: Hide Potentially Dangerous Information Using helmet.hidePoweredBy()
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "hidePoweredBy"); assert.notEqual(data.headers["x-powered-by"], "Express")}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/install-and-require-helmet.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/install-and-require-helmet.arabic.md
new file mode 100644
index 0000000000..5900fc2990
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/install-and-require-helmet.arabic.md
@@ -0,0 +1,38 @@
+---
+id: 587d8247367417b2b2512c36
+title: Install and Require Helmet
+challengeType: 2
+videoUrl: ''
+localeTitle: تثبيت وطلب الخوذة
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/package.json").then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "helmet"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.arabic.md
new file mode 100644
index 0000000000..40437c16ec
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.arabic.md
@@ -0,0 +1,40 @@
+---
+id: 587d8247367417b2b2512c38
+title: Mitigate the Risk of Clickjacking with helmet.frameguard()
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "frameguard", "helmet.frameguard() middleware is not mounted correctly"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.property(data.headers, "x-frame-options"); assert.equal(data.headers["x-frame-options"], "DENY");}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.arabic.md
new file mode 100644
index 0000000000..ed5f1fd7b2
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.arabic.md
@@ -0,0 +1,38 @@
+---
+id: 587d8247367417b2b2512c39
+title: Mitigate the Risk of Cross Site Scripting (XSS) Attacks with helmet.xssFilter()
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "xXssProtection"); assert.property(data.headers, "x-xss-protection"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.arabic.md
new file mode 100644
index 0000000000..592f5119af
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.arabic.md
@@ -0,0 +1,38 @@
+---
+id: 587d8248367417b2b2512c3b
+title: Prevent IE from Opening Untrusted HTML with helmet.ieNoOpen()
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "ienoopen"); assert.equal(data.headers["x-download-options"], "noopen"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.arabic.md
new file mode 100644
index 0000000000..83477f7d63
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.arabic.md
@@ -0,0 +1,40 @@
+---
+id: 587d8249367417b2b2512c3f
+title: Set a Content Security Policy with helmet.contentSecurityPolicy()
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "csp"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { var cspHeader = Object.keys(data.headers).filter(function(k){ return k === "content-security-policy" || k === "x-webkit-csp" || k === "x-content-security-policy" })[0]; assert.equal(data.headers[cspHeader], "default-src "self"; script-src "self" trusted-cdn.com"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/understand-bcrypt-hashes.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/understand-bcrypt-hashes.arabic.md
new file mode 100644
index 0000000000..6dd847c85d
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/information-security-with-helmetjs/understand-bcrypt-hashes.arabic.md
@@ -0,0 +1,40 @@
+---
+id: 58a25bcef9fc0f352b528e7c
+title: Understand BCrypt Hashes
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "bcrypt", "Your project should list "bcrypt" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js").then(data => {assert.match(data, /bcrypt.*=.*require.*("|")bcrypt("|")/gi, "You should correctly require and instantiate socket.io as io.");}, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/assert-deep-equality-with-.deepequal-and-.notdeepequal.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/assert-deep-equality-with-.deepequal-and-.notdeepequal.arabic.md
new file mode 100644
index 0000000000..2d4bb78472
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/assert-deep-equality-with-.deepequal-and-.notdeepequal.arabic.md
@@ -0,0 +1,42 @@
+---
+id: 587d824c367417b2b2512c4c
+title: Assert Deep Equality with .deepEqual and .notDeepEqual
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=6").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=6").then(data => {  assert.equal(data.assertions[0].method, "deepEqual", "The order of the keys does not matter"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=6").then(data => {  assert.equal(data.assertions[1].method, "notDeepEqual", "The position of elements within an array does matter"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/compare-the-properties-of-two-elements.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/compare-the-properties-of-two-elements.arabic.md
new file mode 100644
index 0000000000..c03d6c4ff4
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/compare-the-properties-of-two-elements.arabic.md
@@ -0,0 +1,46 @@
+---
+id: 587d824c367417b2b2512c4d
+title: Compare the Properties of Two Elements
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {  assert.equal(data.assertions[0].method, "isAtMost", "5 is at most (<=) 5"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {  assert.equal(data.assertions[1].method, "isAbove", "1 is greater than 0"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {  assert.equal(data.assertions[2].method, "isAbove", "Math.PI = 3.14159265 is greater than 3"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {  assert.equal(data.assertions[3].method, "isAtMost", "1 - Math.random() is > 0 and <= 1. It is atMost 1 !"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/learn-how-javascript-assertions-work.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/learn-how-javascript-assertions-work.arabic.md
new file mode 100644
index 0000000000..e8df2300b9
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/learn-how-javascript-assertions-work.arabic.md
@@ -0,0 +1,42 @@
+---
+id: 587d824a367417b2b2512c46
+title: Learn How JavaScript Assertions Work
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=0").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=0").then(data => {  assert.equal(data.assertions[0].method, "isNull", "Null is null"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=0").then(data => {  assert.equal(data.assertions[1].method, "isNotNull", "1 is not null"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iii---put-method.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iii---put-method.arabic.md
new file mode 100644
index 0000000000..205fc67a3c
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iii---put-method.arabic.md
@@ -0,0 +1,46 @@
+---
+id: 587d824f367417b2b2512c5a
+title: Run Functional Tests on an API Response using Chai-HTTP III - PUT method
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.assertions[0].method, "equal"); assert.equal(data.assertions[0].args[0], "res.status"); assert.equal(data.assertions[0].args[1], "200");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.assertions[1].method, "equal"); assert.equal(data.assertions[1].args[0], "res.type"); assert.equal(data.assertions[1].args[1], "\"application/json\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.assertions[2].method, "equal"); assert.equal(data.assertions[2].args[0], "res.body.name"); assert.equal(data.assertions[2].args[1], "\"Cristoforo\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.assertions[3].method, "equal"); assert.equal(data.assertions[3].args[0], "res.body.surname"); assert.equal(data.assertions[3].args[1], "\"Colombo\"");}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iv---put-method.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iv---put-method.arabic.md
new file mode 100644
index 0000000000..750e5069df
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iv---put-method.arabic.md
@@ -0,0 +1,46 @@
+---
+id: 587d824f367417b2b2512c5b
+title: Run Functional Tests on an API Response using Chai-HTTP IV - PUT method
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.assertions[0].method, "equal"); assert.equal(data.assertions[0].args[0], "res.status"); assert.equal(data.assertions[0].args[1], "200");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: يجب عليك اختبار "res.type" ليكون "application / json"
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.assertions[1].method, "equal"); assert.equal(data.assertions[1].args[0], "res.type"); assert.equal(data.assertions[1].args[1], "\"application/json\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.assertions[2].method, "equal"); assert.equal(data.assertions[2].args[0], "res.body.name"); assert.equal(data.assertions[2].args[1], "\"Giovanni\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.assertions[3].method, "equal"); assert.equal(data.assertions[3].args[0], "res.body.surname"); assert.equal(data.assertions[3].args[1], "\"da Verrazzano\"");}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http-ii.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http-ii.arabic.md
new file mode 100644
index 0000000000..f6741b6d25
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http-ii.arabic.md
@@ -0,0 +1,42 @@
+---
+id: 587d824f367417b2b2512c59
+title: Run Functional Tests on API Endpoints using Chai-HTTP II
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=1").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=1").then(data => { assert.equal(data.assertions[0].method, "equal"); assert.equal(data.assertions[0].args[0], "res.status"); assert.equal(data.assertions[0].args[1], "200");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=1").then(data => { assert.equal(data.assertions[1].method, "equal"); assert.equal(data.assertions[1].args[0], "res.text"); assert.match(data.assertions[1].args[1], /hello [\w\d_-]/);}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http.arabic.md
new file mode 100644
index 0000000000..9dddd1aa92
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http.arabic.md
@@ -0,0 +1,42 @@
+---
+id: 587d824e367417b2b2512c58
+title: Run Functional Tests on API Endpoints using Chai-HTTP
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=0").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=0").then(data => { assert.equal(data.assertions[0].method, "equal"); assert.equal(data.assertions[0].args[0], "res.status"); assert.equal(data.assertions[0].args[1], "200");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=0").then(data => { assert.equal(data.assertions[1].method, "equal"); assert.equal(data.assertions[1].args[0], "res.text"); assert.equal(data.assertions[1].args[1], "\"hello Guest\"");}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser-ii.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser-ii.arabic.md
new file mode 100644
index 0000000000..c3e1742e69
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser-ii.arabic.md
@@ -0,0 +1,46 @@
+---
+id: 587d8250367417b2b2512c5d
+title: Run Functional Tests using a Headless Browser II
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.assertions[0].method, "browser.success"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.assertions[1].method, "browser.text"); assert.equal(data.assertions[1].args[0], "\"span#name\""); assert.equal(data.assertions[1].args[1], "\"Amerigo\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.assertions[2].method, "browser.text"); assert.equal(data.assertions[2].args[0], "\"span#surname\""); assert.equal(data.assertions[2].args[1], "\"Vespucci\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.assertions[3].method, "browser.element"); assert.equal(data.assertions[3].args[0], "\"span#dates\""); assert.equal(data.assertions[3].args[1], 1);}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser.arabic.md
new file mode 100644
index 0000000000..6f64167005
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser.arabic.md
@@ -0,0 +1,46 @@
+---
+id: 587d824f367417b2b2512c5c
+title: Run Functional Tests using a Headless Browser
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.assertions[0].method, "browser.success"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.assertions[1].method, "browser.text"); assert.equal(data.assertions[1].args[0], "\"span#name\""); assert.equal(data.assertions[1].args[1], "\"Cristoforo\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.assertions[2].method, "browser.text"); assert.equal(data.assertions[2].args[0], "\"span#surname\""); assert.equal(data.assertions[2].args[1], "\"Colombo\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.assertions[3].method, "browser.element"); assert.equal(data.assertions[3].args[0], "\"span#dates\""); assert.equal(data.assertions[3].args[1], 1);}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-for-truthiness.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-for-truthiness.arabic.md
new file mode 100644
index 0000000000..d44a73f9b0
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-for-truthiness.arabic.md
@@ -0,0 +1,44 @@
+---
+id: 587d824b367417b2b2512c49
+title: Test for Truthiness
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=3").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=3").then(data => {  assert.equal(data.assertions[0].method, "isTrue", "True is true"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=3").then(data => {  assert.equal(data.assertions[1].method, "isTrue", "Double negation of a truthy value is true"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=3").then(data => {  assert.equal(data.assertions[2].method, "isNotTrue", "A truthy object is not true - neither is a false one"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-string-contains-a-substring.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-string-contains-a-substring.arabic.md
new file mode 100644
index 0000000000..ef770bf2c0
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-string-contains-a-substring.arabic.md
@@ -0,0 +1,42 @@
+---
+id: 587d824d367417b2b2512c53
+title: Test if a String Contains a Substring
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=13").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=13").then(data => {  assert.equal(data.assertions[0].method, "include", "\"Arrow\" contains \"row\"..."); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=13").then(data => {  assert.equal(data.assertions[1].method, "notInclude", "... a \"dart\" doesn\"t contain a \"queue\""); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-falls-within-a-specific-range.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-falls-within-a-specific-range.arabic.md
new file mode 100644
index 0000000000..34fb4a9b8e
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-falls-within-a-specific-range.arabic.md
@@ -0,0 +1,42 @@
+---
+id: 587d824c367417b2b2512c4f
+title: Test if a Value Falls within a Specific Range
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=9").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=9").then(data => {  assert.equal(data.assertions[0].method, "approximately");  assert.equal(data.assertions[0].args[2], 0.5, "weirdNumbers(0.5) is in the range (0.5, 1.5]. It\"s within 1 +/- 0.5"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=9").then(data => {  assert.equal(data.assertions[1].method, "approximately");  assert.equal(data.assertions[1].args[2], 0.8, "weirdNumbers(0.2) is in the range (0.2, 1.2]. It\"s within 1 +/- 0.8"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-a-string.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-a-string.arabic.md
new file mode 100644
index 0000000000..9e03f10355
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-a-string.arabic.md
@@ -0,0 +1,44 @@
+---
+id: 587d824d367417b2b2512c52
+title: Test if a Value is a String
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=12").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=12").then(data => {  assert.equal(data.assertions[0].method, "isNotString", "A float number is not a string"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: اختر التأكيد الصحيح - isString مقابل isNotString
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=12").then(data => {  assert.equal(data.assertions[1].method, "isString", "environment vars are strings (or undefined)"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=12").then(data => {  assert.equal(data.assertions[2].method, "isString", "A JSON is a string"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-an-array.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-an-array.arabic.md
new file mode 100644
index 0000000000..262e5640fc
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-an-array.arabic.md
@@ -0,0 +1,42 @@
+---
+id: 587d824d367417b2b2512c50
+title: Test if a Value is an Array
+challengeType: 2
+videoUrl: ''
+localeTitle: اختبار إذا كانت القيمة هي صفيف
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=10").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=10").then(data => {  assert.equal(data.assertions[0].method, "isArray", "String.prototype.split() returns an Array"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=10").then(data => {  assert.equal(data.assertions[1].method, "isNotArray", "Array.prototype.indexOf() returns a number"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-of-a-specific-data-structure-type.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-of-a-specific-data-structure-type.arabic.md
new file mode 100644
index 0000000000..8bd5b846b9
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-of-a-specific-data-structure-type.arabic.md
@@ -0,0 +1,48 @@
+---
+id: 587d824e367417b2b2512c56
+title: Test if a Value is of a Specific Data Structure Type
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[0].method, "typeOf", "myCar is typeOf Object"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[1].method, "typeOf", "Car.model is a String"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[2].method, "notTypeOf", "Plane.wings is a Number (not a String)"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[3].method, "typeOf", "Plane.engines is an Array"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[4].method, "typeOf", "Car.wheels is a Number"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-variable-or-function-is-defined.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-variable-or-function-is-defined.arabic.md
new file mode 100644
index 0000000000..00ae5b4786
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-variable-or-function-is-defined.arabic.md
@@ -0,0 +1,44 @@
+---
+id: 587d824b367417b2b2512c47
+title: Test if a Variable or Function is Defined
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=1").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=1").then(data => {  assert.equal(data.assertions[0].method, "isDefined", "Null is not undefined"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=1").then(data => {  assert.equal(data.assertions[1].method, "isUndefined", "Undefined is undefined"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=1").then(data => {  assert.equal(data.assertions[2].method, "isDefined", "A string is not undefined"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-array-contains-an-item.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-array-contains-an-item.arabic.md
new file mode 100644
index 0000000000..3c5ab39daf
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-array-contains-an-item.arabic.md
@@ -0,0 +1,42 @@
+---
+id: 587d824d367417b2b2512c51
+title: Test if an Array Contains an Item
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=11").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=11").then(data => {  assert.equal(data.assertions[0].method, "notInclude", "It\"s summer in july..."); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=11").then(data => {  assert.equal(data.assertions[1].method, "include", "JavaScript is a backend language !!"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-has-a-property.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-has-a-property.arabic.md
new file mode 100644
index 0000000000..0c3f492116
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-has-a-property.arabic.md
@@ -0,0 +1,44 @@
+---
+id: 587d824e367417b2b2512c55
+title: Test if an Object has a Property
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=15").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=15").then(data => { assert.equal(data.assertions[0].method, "notProperty", "A car has not wings"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=15").then(data => { assert.equal(data.assertions[1].method, "property", "planes have engines"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=15").then(data => { assert.equal(data.assertions[2].method, "property", "Cars have wheels"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-is-an-instance-of-a-constructor.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-is-an-instance-of-a-constructor.arabic.md
new file mode 100644
index 0000000000..791d625909
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-is-an-instance-of-a-constructor.arabic.md
@@ -0,0 +1,46 @@
+---
+id: 587d824e367417b2b2512c57
+title: Test if an Object is an Instance of a Constructor
+challengeType: 2
+videoUrl: ''
+localeTitle: اختبار إذا كان كائن مثيل من منشئ
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.assertions[0].method, "notInstanceOf", "myCar is not an instance of Plane"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.assertions[1].method, "instanceOf", "airlinePlane is an instance of Plane"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.assertions[2].method, "instanceOf", "everything is an Object in JavaScript..."); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.assertions[3].method, "notInstanceOf", "myCar.wheels is not an instance of String"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-one-value-is-below-or-at-least-as-large-as-another.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-one-value-is-below-or-at-least-as-large-as-another.arabic.md
new file mode 100644
index 0000000000..9979eb6cff
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-one-value-is-below-or-at-least-as-large-as-another.arabic.md
@@ -0,0 +1,46 @@
+---
+id: 587d824c367417b2b2512c4e
+title: Test if One Value is Below or At Least as Large as Another
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {  assert.equal(data.assertions[0].method, "isAtLeast", "5 is at least (>=) 5"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {  assert.equal(data.assertions[1].method, "isAtLeast", "2 * Math.random() is at least 0"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {  assert.equal(data.assertions[2].method, "isBelow", "1 is smaller than 2"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {  assert.equal(data.assertions[3].method, "isBelow", "2/3 (0.6666) is smaller than 1"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-assert.isok-and-assert.isnotok.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-assert.isok-and-assert.isnotok.arabic.md
new file mode 100644
index 0000000000..157906c4c9
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-assert.isok-and-assert.isnotok.arabic.md
@@ -0,0 +1,44 @@
+---
+id: 587d824b367417b2b2512c48
+title: Use Assert.isOK and Assert.isNotOK
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=2").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=2").then(data => {  assert.equal(data.assertions[0].method, "isNotOk", "Null is falsey"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=2").then(data => {  assert.equal(data.assertions[1].method, "isOk","A string is truthy"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=2").then(data => {  assert.equal(data.assertions[2].method, "isOk", "true is truthy"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-regular-expressions-to-test-a-string.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-regular-expressions-to-test-a-string.arabic.md
new file mode 100644
index 0000000000..275a9c840b
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-regular-expressions-to-test-a-string.arabic.md
@@ -0,0 +1,42 @@
+---
+id: 587d824d367417b2b2512c54
+title: Use Regular Expressions to Test a String
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=14").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=14").then(data => {  assert.equal(data.assertions[0].method, "match", "\"# name: John Doe, age: 35\" matches the regex"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=14").then(data => {  assert.equal(data.assertions[1].method, "notMatch", "\"# name: Paul Smith III, age: twenty-four\" does not match the regex (the age must be numeric)"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-double-equals-to-assert-equality.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-double-equals-to-assert-equality.arabic.md
new file mode 100644
index 0000000000..11930e3eba
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-double-equals-to-assert-equality.arabic.md
@@ -0,0 +1,46 @@
+---
+id: 587d824b367417b2b2512c4a
+title: Use the Double Equals to Assert Equality
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {  assert.equal(data.assertions[0].method, "equal", "Numbers are coerced into strings with == "); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {  assert.equal(data.assertions[1].method, "notEqual", " == compares object references"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {  assert.equal(data.assertions[2].method, "equal", "6 * \"2\" is 12 ! It should be equal to \"12\""); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {  assert.equal(data.assertions[3].method, "notEqual", "6 + \"2\" is \"62\"..."); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-triple-equals-to-assert-strict-equality.arabic.md b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-triple-equals-to-assert-strict-equality.arabic.md
new file mode 100644
index 0000000000..290b20da72
--- /dev/null
+++ b/curriculum/challenges/arabic/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-triple-equals-to-assert-strict-equality.arabic.md
@@ -0,0 +1,46 @@
+---
+id: 587d824b367417b2b2512c4b
+title: Use the Triple Equals to Assert Strict Equality
+challengeType: 2
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {  assert.equal(data.assertions[0].method, "notStrictEqual", "with strictEqual the type must match"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {  assert.equal(data.assertions[1].method, "strictEqual", "3*2 = 6..."); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {  assert.equal(data.assertions[2].method, "strictEqual", "6 * \"2\" is 12. Types match !"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {  assert.equal(data.assertions[3].method, "notStrictEqual", "Even if they have the same elements, the Arrays are notStrictEqual"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/find-the-symmetric-difference.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/find-the-symmetric-difference.arabic.md
new file mode 100644
index 0000000000..2f482c8667
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/find-the-symmetric-difference.arabic.md
@@ -0,0 +1,79 @@
+---
+id: a3f503de51cf954ede28891d
+title: Find the Symmetric Difference
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.sameMembers(sym([1, 2, 3], [5, 2, 1, 4]), [3, 4, 5], "<code>sym([1, 2, 3], [5, 2, 1, 4])</code> should return <code>[3, 4, 5]</code>.");'
+  - text: ''
+    testString: 'assert.equal(sym([1, 2, 3], [5, 2, 1, 4]).length, 3, "<code>sym([1, 2, 3], [5, 2, 1, 4])</code> should contain only three elements.");'
+  - text: ''
+    testString: 'assert.sameMembers(sym([1, 2, 3, 3], [5, 2, 1, 4]), [3, 4, 5], "<code>sym([1, 2, 3, 3], [5, 2, 1, 4])</code> should return <code>[3, 4, 5]</code>.");'
+  - text: ''
+    testString: 'assert.equal(sym([1, 2, 3, 3], [5, 2, 1, 4]).length, 3, "<code>sym([1, 2, 3, 3], [5, 2, 1, 4])</code> should contain only three elements.");'
+  - text: ''
+    testString: 'assert.sameMembers(sym([1, 2, 3], [5, 2, 1, 4, 5]), [3, 4, 5], "<code>sym([1, 2, 3], [5, 2, 1, 4, 5])</code> should return <code>[3, 4, 5]</code>.");'
+  - text: ''
+    testString: 'assert.equal(sym([1, 2, 3], [5, 2, 1, 4, 5]).length, 3, "<code>sym([1, 2, 3], [5, 2, 1, 4, 5])</code> should contain only three elements.");'
+  - text: ''
+    testString: 'assert.sameMembers(sym([1, 2, 5], [2, 3, 5], [3, 4, 5]), [1, 4, 5], "<code>sym([1, 2, 5], [2, 3, 5], [3, 4, 5])</code> should return <code>[1, 4, 5]</code>");'
+  - text: ''
+    testString: 'assert.equal(sym([1, 2, 5], [2, 3, 5], [3, 4, 5]).length, 3, "<code>sym([1, 2, 5], [2, 3, 5], [3, 4, 5])</code> should contain only three elements.");'
+  - text: ''
+    testString: 'assert.sameMembers(sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5]), [1, 4, 5], "<code>sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5])</code> should return <code>[1, 4, 5]</code>.");'
+  - text: ''
+    testString: 'assert.equal(sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5]).length, 3, "<code>sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5])</code> should contain only three elements.");'
+  - text: ''
+    testString: 'assert.sameMembers(sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3]), [2, 3, 4, 6, 7], "<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3])</code> should return <code>[2, 3, 4, 6, 7]</code>.");'
+  - text: ''
+    testString: 'assert.equal(sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3]).length, 5, "<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3])</code> should contain only five elements.");'
+  - text: ''
+    testString: 'assert.sameMembers(sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1]), [1, 2, 4, 5, 6, 7, 8, 9], "<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1])</code> should return <code>[1, 2, 4, 5, 6, 7, 8, 9]</code>.");'
+  - text: ''
+    testString: 'assert.equal(sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1]).length, 8, "<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1])</code> should contain only eight elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sym(args) {
+  return args;
+}
+
+sym([1, 2, 3], [5, 2, 1, 4]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/implement-bubble-sort.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/implement-bubble-sort.arabic.md
new file mode 100644
index 0000000000..167a1c0bfb
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/implement-bubble-sort.arabic.md
@@ -0,0 +1,72 @@
+---
+id: 8d5123c8c441eddfaeb5bdef
+title: Implement Bubble Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> هذا هو الأول من عدة تحديات على فرز الخوارزميات. بالنظر إلى مجموعة من العناصر التي لم يتم فرزها ، نريد أن نتمكن من إرجاع مصفوفة تم فرزها. سنرى عدة طرق مختلفة للقيام بذلك وتعلم بعض المفاضلات بين هذه الأساليب المختلفة. بينما تحتوي معظم اللغات الحديثة على طرق فرز مدمجة لعمليات مثل هذه ، إلا أنه من المهم فهم بعض المقاربات الأساسية الشائعة ومعرفة كيفية تنفيذها. هنا سوف نرى نوع الفقاعة. تبدأ طريقة فرز الفقاعات في بداية صفيف غير مُفرَط وقيم &quot;غير فقرات&quot; غير مجزأة نحو النهاية ، وتتكرر خلال الصفيف حتى يتم فرزها بالكامل. ويقوم بذلك بمقارنة العناصر المتجاورة وتبديلها إذا كانت خارج الترتيب. تستمر الطريقة في التكرار خلال الصفيف حتى لا تحدث أي مقايضات عندها يتم فرز المصفوفة. تتطلب هذه الطريقة تكرارات متعددة من خلال الصفيف ولأغلب الحالات المتوسطة والأسوأ تعقيدًا زمنيًا. في حين أنه بسيط ، فإنه عادة ما يكون غير عملي في معظم الحالات. <strong>التعليمات:</strong> كتابة <code>bubbleSort</code> الدالة التي تأخذ مجموعة من الأعداد الصحيحة كمدخلات وترجع مصفوفة من هذه الأعداد الصحيحة في ترتيب <code>bubbleSort</code> من الأقل إلى الأكبر. <strong>ملحوظة:</strong> <br> نحن نسمي هذه الوظيفة من وراء الكواليس. يتم التعليق على مجموعة الاختبار التي نستخدمها في المحرر. جرب تسجيل <code>array</code> لترى خوارزمية الفرز في العمل! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof bubbleSort == "function", "<code>bubbleSort</code> is a function.");'
+  - text: ''
+    testString: 'assert(isSorted(bubbleSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>bubbleSort</code> returns a sorted array (least to greatest).");'
+  - text: ''
+    testString: 'assert.sameMembers(bubbleSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>bubbleSort</code> returns an array that is unchanged except for order.");'
+  - text: ''
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>bubbleSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function bubbleSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/implement-insertion-sort.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/implement-insertion-sort.arabic.md
new file mode 100644
index 0000000000..6a2d5c019f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/implement-insertion-sort.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 587d8259367417b2b2512c86
+title: Implement Insertion Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof insertionSort == "function", "<code>insertionSort</code> is a function.");'
+  - text: ''
+    testString: 'assert(isSorted(insertionSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>insertionSort</code> returns a sorted array (least to greatest).");'
+  - text: ''
+    testString: 'assert.sameMembers(insertionSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>insertionSort</code> returns an array that is unchanged except for order.");'
+  - text: ''
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>insertionSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function insertionSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/implement-merge-sort.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/implement-merge-sort.arabic.md
new file mode 100644
index 0000000000..9d5022c59f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/implement-merge-sort.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 587d825c367417b2b2512c8f
+title: Implement Merge Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof mergeSort == "function", "<code>mergeSort</code> is a function.");'
+  - text: ''
+    testString: 'assert(isSorted(mergeSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>mergeSort</code> returns a sorted array (least to greatest).");'
+  - text: ''
+    testString: 'assert.sameMembers(mergeSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>mergeSort</code> returns an array that is unchanged except for order.");'
+  - text: ''
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>mergeSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function mergeSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/implement-quick-sort.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/implement-quick-sort.arabic.md
new file mode 100644
index 0000000000..4681285550
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/implement-quick-sort.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 587d825a367417b2b2512c89
+title: Implement Quick Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> هنا سننتقل إلى خوارزمية الفرز الوسيطة: التصنيف السريع. الفرز السريع هو نهج فاصل ، وقهر متكرر ، متكرر لفرز مصفوفة. في هذه الطريقة ، يتم اختيار قيمة محورية في الصفيف الأصلي. ثم يتم تقسيم الصفيف إلى اثنين من subarrays من القيم أقل من وأكبر من القيمة المحورية. ثم ندمج نتيجة استدعاء متكرر لخوارزمية الفرز السريع في كلا المصفوفات الفرعية. يستمر هذا حتى يتم الوصول إلى حالة قاعدة صفيف فارغ أو عنصر واحد ، والتي نعود. يؤدي إرجاع المكالمات المتكررة إلى إرجاع الصفيف الذي تم فرزه. الفرز السريع هو طريقة فرز فعالة للغاية ، مما يوفر <i>أداء O (nlog (n))</i> في المتوسط. كما أنه سهل التنفيذ نسبيًا. هذه السمات تجعل منه طريقة فرز شائعة ومفيدة. <strong>التعليمات:</strong> كتابة الدالة <code>quickSort</code> الذي يأخذ مجموعة من الأعداد الصحيحة كمدخل وإرجاع مجموعة من هذه الأعداد الصحيحة في ترتيب <code>quickSort</code> من الأقل إلى الأكبر. في حين أن اختيار القيمة المحورية أمر مهم ، فإن أي محور سيفعله لأغراضنا هنا. من أجل البساطة ، يمكن استخدام العنصر الأول أو الأخير. <strong>ملحوظة:</strong> <br> نحن نسمي هذه الوظيفة من وراء الكواليس. يتم التعليق على مجموعة الاختبار التي نستخدمها في المحرر. جرب تسجيل <code>array</code> لترى خوارزمية الفرز في العمل! </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof quickSort == "function", "<code>quickSort</code> is a function.");'
+  - text: ''
+    testString: 'assert(isSorted(quickSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>quickSort</code> returns a sorted array (least to greatest).");'
+  - text: ''
+    testString: 'assert.sameMembers(quickSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>quickSort</code> returns an array that is unchanged except for order.");'
+  - text: ''
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>quickSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function quickSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/implement-selection-sort.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/implement-selection-sort.arabic.md
new file mode 100644
index 0000000000..889067b64f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/implement-selection-sort.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 587d8259367417b2b2512c85
+title: Implement Selection Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof selectionSort == "function", "<code>selectionSort</code> is a function.");'
+  - text: ''
+    testString: 'assert(isSorted(selectionSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>selectionSort</code> returns a sorted array (least to greatest).");'
+  - text: ''
+    testString: 'assert.sameMembers(selectionSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>selectionSort</code> returns an array that is unchanged except for order.");'
+  - text: ''
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>selectionSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function selectionSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/inventory-update.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/inventory-update.arabic.md
new file mode 100644
index 0000000000..3917ef5611
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/inventory-update.arabic.md
@@ -0,0 +1,79 @@
+---
+id: a56138aff60341a09ed6c480
+title: Inventory Update
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.isArray(updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]]), "The function <code>updateInventory</code> should return an array.");'
+  - text: ''
+    testString: 'assert.equal(updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]]).length, 6, "<code>updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]])</code> should return an array with a length of 6.");'
+  - text: ''
+    testString: 'assert.deepEqual(updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]]), [[88, "Bowling Ball"], [2, "Dirty Sock"], [3, "Hair Pin"], [3, "Half-Eaten Apple"], [5, "Microphone"], [7, "Toothpaste"]], "<code>updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]])</code> should return <code>[[88, "Bowling Ball"], [2, "Dirty Sock"], [3, "Hair Pin"], [3, "Half-Eaten Apple"], [5, "Microphone"], [7, "Toothpaste"]]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], []), [[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], "<code>updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [])</code> should return <code>[[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(updateInventory([], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]]), [[67, "Bowling Ball"], [2, "Hair Pin"], [3, "Half-Eaten Apple"], [7, "Toothpaste"]], "<code>updateInventory([], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]])</code> should return <code>[[67, "Bowling Ball"], [2, "Hair Pin"], [3, "Half-Eaten Apple"], [7, "Toothpaste"]]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(updateInventory([[0, "Bowling Ball"], [0, "Dirty Sock"], [0, "Hair Pin"], [0, "Microphone"]], [[1, "Hair Pin"], [1, "Half-Eaten Apple"], [1, "Bowling Ball"], [1, "Toothpaste"]]), [[1, "Bowling Ball"], [0, "Dirty Sock"], [1, "Hair Pin"], [1, "Half-Eaten Apple"], [0, "Microphone"], [1, "Toothpaste"]], "<code>updateInventory([[0, "Bowling Ball"], [0, "Dirty Sock"], [0, "Hair Pin"], [0, "Microphone"]], [[1, "Hair Pin"], [1, "Half-Eaten Apple"], [1, "Bowling Ball"], [1, "Toothpaste"]])</code> should return <code>[[1, "Bowling Ball"], [0, "Dirty Sock"], [1, "Hair Pin"], [1, "Half-Eaten Apple"], [0, "Microphone"], [1, "Toothpaste"]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function updateInventory(arr1, arr2) {
+    // All inventory must be accounted for or you're fired!
+    return arr1;
+}
+
+// Example inventory lists
+var curInv = [
+    [21, "Bowling Ball"],
+    [2, "Dirty Sock"],
+    [1, "Hair Pin"],
+    [5, "Microphone"]
+];
+
+var newInv = [
+    [2, "Hair Pin"],
+    [3, "Half-Eaten Apple"],
+    [67, "Bowling Ball"],
+    [7, "Toothpaste"]
+];
+
+updateInventory(curInv, newInv);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/no-repeats-please.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/no-repeats-please.arabic.md
new file mode 100644
index 0000000000..66af5c583d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/no-repeats-please.arabic.md
@@ -0,0 +1,71 @@
+---
+id: a7bf700cd123b9a54eef01d5
+title: No Repeats Please
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.isNumber(permAlone("aab"), "<code>permAlone("aab")</code> should return a number.");'
+  - text: ''
+    testString: 'assert.strictEqual(permAlone("aab"), 2, "<code>permAlone("aab")</code> should return 2.");'
+  - text: ''
+    testString: 'assert.strictEqual(permAlone("aaa"), 0, "<code>permAlone("aaa")</code> should return 0.");'
+  - text: ''
+    testString: 'assert.strictEqual(permAlone("aabb"), 8, "<code>permAlone("aabb")</code> should return 8.");'
+  - text: ''
+    testString: 'assert.strictEqual(permAlone("abcdefa"), 3600, "<code>permAlone("abcdefa")</code> should return 3600.");'
+  - text: <code>permAlone(&quot;abfdefa&quot;)</code> يجب إرجاع 2640.
+    testString: 'assert.strictEqual(permAlone("abfdefa"), 2640, "<code>permAlone("abfdefa")</code> should return 2640.");'
+  - text: ''
+    testString: 'assert.strictEqual(permAlone("zzzzzzzz"), 0, "<code>permAlone("zzzzzzzz")</code> should return 0.");'
+  - text: ''
+    testString: 'assert.strictEqual(permAlone("a"), 1, "<code>permAlone("a")</code> should return 1.");'
+  - text: ''
+    testString: 'assert.strictEqual(permAlone("aaab"), 0, "<code>permAlone("aaab")</code> should return 0.");'
+  - text: ''
+    testString: 'assert.strictEqual(permAlone("aaabb"), 12, "<code>permAlone("aaabb")</code> should return 12.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function permAlone(str) {
+  return str;
+}
+
+permAlone('aab');
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/pairwise.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/pairwise.arabic.md
new file mode 100644
index 0000000000..b0b454a850
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/algorithms/pairwise.arabic.md
@@ -0,0 +1,61 @@
+---
+id: a3f503de51cfab748ff001aa
+title: Pairwise
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.deepEqual(pairwise([1, 4, 2, 3, 0, 5], 7), 11, "<code>pairwise([1, 4, 2, 3, 0, 5], 7)</code> should return 11.");'
+  - text: ''
+    testString: 'assert.deepEqual(pairwise([1, 3, 2, 4], 4), 1, "<code>pairwise([1, 3, 2, 4], 4)</code> should return 1.");'
+  - text: ''
+    testString: 'assert.deepEqual(pairwise([1, 1, 1], 2), 1, "<code>pairwise([1, 1, 1], 2)</code> should return 1.");'
+  - text: ''
+    testString: 'assert.deepEqual(pairwise([0, 0, 0, 0, 1, 1], 1), 10, "<code>pairwise([0, 0, 0, 0, 1, 1], 1)</code> should return 10.");'
+  - text: ''
+    testString: 'assert.deepEqual(pairwise([], 100), 0, "<code>pairwise([], 100)</code> should return 0.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pairwise(arr, arg) {
+  return arg;
+}
+
+pairwise([1,4,2,3,0,5], 7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/add-a-new-element-to-a-binary-search-tree.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/add-a-new-element-to-a-binary-search-tree.arabic.md
new file mode 100644
index 0000000000..5b178ef3b2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/add-a-new-element-to-a-binary-search-tree.arabic.md
@@ -0,0 +1,73 @@
+---
+id: 587d8257367417b2b2512c7b
+title: Add a New Element to a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.add == "function")})(), "The binary search tree has a method called <code>add</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.add !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); const expectedResult = [ 1, 4, 7, 8, 34, 45, 73, 87 ]; const result = test.inOrder(); return (expectedResult.toString() === result.toString()); })(), "The add method adds elements according to the binary search tree rules.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.add !== "function") { return false; }; test.add(4); return test.add(4) == null; })(), "Adding an element that already exists returns <code>null</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/add-elements-at-a-specific-index-in-a-linked-list.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/add-elements-at-a-specific-index-in-a-linked-list.arabic.md
new file mode 100644
index 0000000000..cd5937c1da
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/add-elements-at-a-specific-index-in-a-linked-list.arabic.md
@@ -0,0 +1,91 @@
+---
+id: 587d8252367417b2b2512c67
+title: Add Elements at a Specific Index in a Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.addAt(0,"cat"); return test.head().element === "cat"}()), "Your <code>addAt</code> method should reassign <code>head</code> to the new node when the given index is 0.");'
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.addAt(0,"cat"); return test.size() === 3}()), "Your <code>addAt</code> method should increase the length of the linked list by one for each new node added to the linked list.");'
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); return (test.addAt(4,"cat") === false); }()), "Your <code>addAt</code> method should return <code>false</code> if a node was unable to be added.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+        currentNode = head;
+
+        while(currentNode.next){
+            currentNode  = currentNode.next;
+        }
+
+        currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  // Only change code below this line
+
+  // Only change code above this line
+
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/adjacency-list.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/adjacency-list.arabic.md
new file mode 100644
index 0000000000..529460483a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/adjacency-list.arabic.md
@@ -0,0 +1,56 @@
+---
+id: 587d8256367417b2b2512c77
+title: Adjacency List
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(Object.keys(undirectedAdjList).length === 4, "<code>undirectedAdjList</code> should only contain four nodes.");'
+  - text: ''
+    testString: 'assert(undirectedAdjList.James.indexOf("Jeff") !== -1 && undirectedAdjList.Jeff.indexOf("James") !== -1, "There should be an edge between <code>Jeff</code> and <code>James</code>.");'
+  - text: ''
+    testString: 'assert(undirectedAdjList.Jill.indexOf("Jenny") !== -1 && undirectedAdjList.Jill.indexOf("Jenny") !== -1, "There should be an edge between <code>Jill</code> and <code>Jenny</code>.");'
+  - text: ''
+    testString: 'assert(undirectedAdjList.Jeff.indexOf("Jenny") !== -1 && undirectedAdjList.Jenny.indexOf("Jeff") !== -1, "There should be an edge between <code>Jeff</code> and <code>Jenny</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var undirectedAdjList = {
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/adjacency-matrix.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/adjacency-matrix.arabic.md
new file mode 100644
index 0000000000..f8642db51c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/adjacency-matrix.arabic.md
@@ -0,0 +1,58 @@
+---
+id: 587d8256367417b2b2512c78
+title: Adjacency Matrix
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((adjMatUndirected.length === 5) && adjMatUndirected.map(function(x) { return x.length === 5 }).reduce(function(a, b) { return a && b }) , "<code>undirectedAdjList</code> should only contain five nodes.");'
+  - text: ''
+    testString: 'assert((adjMatUndirected[0][3] === 1) && (adjMatUndirected[3][0] === 1), "There should be an edge between the first and fourth node.");'
+  - text: ''
+    testString: 'assert((adjMatUndirected[0][2] === 1) && (adjMatUndirected[2][0] === 1), "There should be an edge between the first and third node.");'
+  - text: ''
+    testString: 'assert((adjMatUndirected[2][4] === 1) && (adjMatUndirected[4][2] === 1), "There should be an edge between the third and fifth node.");'
+  - text: ''
+    testString: 'assert((adjMatUndirected[3][4] === 1) && (adjMatUndirected[4][3] === 1), "There should be an edge between the fourth and fifth node.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var adjMatUndirected = [
+];
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/breadth-first-search.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/breadth-first-search.arabic.md
new file mode 100644
index 0000000000..460d4ec2ea
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/breadth-first-search.arabic.md
@@ -0,0 +1,76 @@
+---
+id: 587d825c367417b2b2512c90
+title: Breadth-First Search
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]; var results = bfs(graph, 1); return isEquivalent(results, {0: 1, 1: 0, 2: 1, 3: 2})})(), "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>1</code> should return <code>{0: 1, 1: 0, 2: 1, 3: 2}</code>");'
+  - text: ''
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]; var results = bfs(graph, 1); return isEquivalent(results, {0: 1, 1: 0, 2: 1, 3: Infinity})})(), "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> with a start node of <code>1</code> should return <code>{0: 1, 1: 0, 2: 1, 3: Infinity}</code>");'
+  - text: ''
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]; var results = bfs(graph, 0); return isEquivalent(results, {0: 0, 1: 1, 2: 2, 3: 3})})(), "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>0</code> should return <code>{0: 0, 1: 1, 2: 2, 3: 3}</code>");'
+  - text: ''
+    testString: 'assert((function() { var graph = [[0, 1], [1, 0]]; var results = bfs(graph, 0); return isEquivalent(results, {0: 0, 1: 1})})(), "The input graph <code>[[0, 1], [1, 0]]</code> with a start node of <code>0</code> should return <code>{0: 0, 1: 1}</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function bfs(graph, root) {
+  // Distance object returned
+  var nodesLen = {};
+
+  return nodesLen;
+};
+
+var exBFSGraph = [
+  [0, 1, 0, 0],
+  [1, 0, 1, 0],
+  [0, 1, 0, 1],
+  [0, 0, 1, 0]
+];
+console.log(bfs(exBFSGraph, 3));
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/check-if-an-element-is-present-in-a-binary-search-tree.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/check-if-an-element-is-present-in-a-binary-search-tree.arabic.md
new file mode 100644
index 0000000000..e3251208ec
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/check-if-an-element-is-present-in-a-binary-search-tree.arabic.md
@@ -0,0 +1,73 @@
+---
+id: 587d8257367417b2b2512c7c
+title: Check if an Element is Present in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.isPresent == "function")})(), "The binary search tree has a method called <code>isPresent</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.isPresent !== "function") { return false; }; test.add(4); test.add(7); test.add(411); test.add(452); return ( test.isPresent(452) && test.isPresent(411) && test.isPresent(7) && !test.isPresent(100) ); })(), "The <code>isPresent</code> method correctly checks for the presence or absence of elements added to the tree.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.isPresent !== "function") { return false; }; return test.isPresent(5) == false; })(), "<code>isPresent</code> handles cases where the tree is empty.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-circular-queue.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-circular-queue.arabic.md
new file mode 100644
index 0000000000..d8695c3f4f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-circular-queue.arabic.md
@@ -0,0 +1,88 @@
+---
+id: 587d8255367417b2b2512c75
+title: Create a Circular Queue
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(591); var print = test.print(); return print[0] === 17 && print[1] === 32 && print[2] === 591; })(), "The <code>enqueue</code> method adds items to the circular queue.");'
+  - text: ''
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(591); test.enqueue(13); test.enqueue(25); test.enqueue(59); var print = test.print(); return print[0] === 17 && print[1] === 32 && print[2] === 591; })(), "You cannot enqueue items past the read pointer.");'
+  - text: ''
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(591); return test.dequeue() === 17 && test.dequeue() === 32 && test.dequeue() === 591; })(), "The <code>dequeue</code> method dequeues items from the queue.");'
+  - text: ''
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(672); test.dequeue(); test.dequeue(); var print = test.print(); return print[0] === null && print[1] === null && print[2] === 672; })(), "After an item is dequeued its position in the queue should be reset to <code>null</code>.");'
+  - text: ''
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(591); return test.dequeue() === 17 && test.dequeue() === 32 && test.dequeue() === 591 && test.dequeue() === null && test.dequeue() === null && test.dequeue() === null && test.dequeue() === null && test.enqueue(100) === 100 && test.dequeue() === 100; })(), "Trying to dequeue past the write pointer returns <code>null</code> and does not advance the write pointer.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+class CircularQueue {
+   constructor(size) {
+
+     this.queue = [];
+     this.read = 0;
+     this.write = 0;
+     this.max = size - 1;
+
+     while (size > 0) {
+        this.queue.push(null);
+        size--;
+     }
+
+   }
+
+   print() {
+     return this.queue;
+   }
+
+
+   enqueue(item) {
+    // Only change code below this line
+
+    // Only change code above this line
+   }
+
+   dequeue() {
+    // Only change code below this line
+
+    // Only change code above this line
+   }
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-doubly-linked-list.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-doubly-linked-list.arabic.md
new file mode 100644
index 0000000000..31e0265dd9
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-doubly-linked-list.arabic.md
@@ -0,0 +1,81 @@
+---
+id: 587d825a367417b2b2512c87
+title: Create a Doubly Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; return (typeof test == "object")})(), "The DoublyLinkedList data structure exists.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; if (test.add == undefined) { return false; }; return (typeof test.add == "function")})(), "The DoublyLinkedList has a method called add.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; if (test.remove == undefined) { return false; }; return (typeof test.remove == "function")})(), "The DoublyLinkedList has a method called remove.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; return (test.remove(100) == null); })(), "Removing an item from an empty list returns null.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(5); test.add(6); test.add(723); return (test.print().join("") == "56723"); })(), "The add method adds items to the list.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(50); test.add(68); test.add(73); return (test.printReverse().join("") == "736850"); })(), "Each node keeps track of the previous node.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(25); test.add(35); test.add(60); test.remove(25); return ( test.print().join("") == "3560" ) })(), "The first item can be removed from the list.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(25); test.add(35); test.add(60); test.remove(60); return ( test.print().join("") == "2535" ) })(), "The last item can be removed from the list.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Node = function(data, prev) {
+  this.data = data;
+  this.prev = prev;
+  this.next = null;
+};
+var DoublyLinkedList = function() {
+  this.head = null;
+  this.tail = null;
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-hash-table.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-hash-table.arabic.md
new file mode 100644
index 0000000000..47cdab09ad
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-hash-table.arabic.md
@@ -0,0 +1,89 @@
+---
+id: 587d825b367417b2b2512c8e
+title: Create a Hash Table
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; return (typeof test === "object")})(), "The HashTable data structure exists.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; return ((typeof test.add) === "function")})(), "The HashTable has an add method.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; return ((typeof test.remove) === "function")})(), "The HashTable has an remove method.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; return ((typeof test.lookup) === "function")})(), "The HashTable has an lookup method.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; test.add("key", "value"); return (test.lookup("key") === "value")})(), "The add method adds key value pairs and the lookup method returns the values associated with a given key.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; test.add("key", "value"); test.remove("key"); return (test.lookup("key") === null)})(), "The remove method accepts a key as input and removes the associated key value pair.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; called = 0; test.add("key1","value1"); test.add("key2","value2"); test.add("key3","value3"); return (called === 3)})(), "Items are added using the hash function.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; called = 0; test.add("key1","value1"); test.add("1key","value2"); test.add("ke1y","value3"); return (test.lookup("key1") === "value1" && test.lookup("1key") == "value2" && test.lookup("ke1y") == "value3")})(), "The hash table handles collisions.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var called = 0;
+var hash = (string) => {
+  called++;
+  var hash = 0;
+  for (var i = 0; i < string.length; i++) { hash += string.charCodeAt(i); }
+  return hash;
+};
+var HashTable = function() {
+  this.collection = {};
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+  var called = 0;
+    var hash = (string) => {
+     called++;
+      var hash = 0;
+      for (var i = 0; i < string.length; i++) { hash += string.charCodeAt(i); };
+      return hash;
+    };
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-linked-list-class.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-linked-list-class.arabic.md
new file mode 100644
index 0000000000..0ca407bcf1
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-linked-list-class.arabic.md
@@ -0,0 +1,77 @@
+---
+id: 587d8251367417b2b2512c62
+title: Create a Linked List Class
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.add === "function")}()), "Your <code>LinkedList</code> class should have a <code>add</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); return test.head().element === "cat"}()), "Your <code>LinkedList</code> class should assign <code>head</code> to the first node added.");'
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); return test.head().next.element === "dog"}()), "The previous <code>node</code> in your <code>LinkedList</code> class should have reference to the newest node created.");'
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); return test.size() === 2}()), "The  <code>size</code> of your <code>LinkedList</code> class should equal the amount of nodes in the linked list.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){
+    this.element = element;
+    this.next = null;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.add = function(element){
+    // Only change code below this line
+
+    // Only change code above this line
+  };
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-map-data-structure.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-map-data-structure.arabic.md
new file mode 100644
index 0000000000..72deb7d0d2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-map-data-structure.arabic.md
@@ -0,0 +1,65 @@
+---
+id: 8d5823c8c441eddfaeb5bdef
+title: Create a Map Data Structure
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; return (typeof test == "object")})(), "The Map data structure exists.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; return (typeof test.add == "function" && typeof test.remove == "function" && typeof test.get == "function" && typeof test.has == "function" && typeof test.values == "function" && typeof test.clear == "function" && typeof test.size == "function")})(), "The Map object has the following methods: add, remove, get, has, values, clear, and size.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add(5,6); test.add(2,3); test.add(2,5); return (test.size() == 2)})(), "The add method adds items to the map.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add("test","value"); return (test.has("test") && !test.has("false"))})(), "The has method returns true for added items and false for absent items.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add("abc","def"); return (test.get("abc") == "def")})(), "The get method accepts keys as input and returns the associated values.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add("a","b"); test.add("c","d"); test.add("e","f"); var vals = test.values(); return (vals.indexOf("b") != -1 && vals.indexOf("d") != -1 && vals.indexOf("f") != -1)})(), "The values method returns all the values stored in the map as strings in an array.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add("b","b"); test.add("c","d"); test.remove("asdfas"); var init = test.size(); test.clear(); return (init == 2 && test.size() == 0)})(), "The clear method empties the map and the size method returns the number of items present in the map.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Map = function() {
+  this.collection = {};
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-priority-queue-class.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-priority-queue-class.arabic.md
new file mode 100644
index 0000000000..bb62fb9f91
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-priority-queue-class.arabic.md
@@ -0,0 +1,69 @@
+---
+id: 587d8255367417b2b2512c74
+title: Create a Priority Queue Class
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function(){var test = new PriorityQueue();  return (typeof test.enqueue === "function")}()), "Your <code>Queue</code> class should have a <code>enqueue</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new PriorityQueue();  return (typeof test.dequeue === "function")}()), "Your <code>Queue</code> class should have a <code>dequeue</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new PriorityQueue();  return (typeof test.size === "function")}()), "Your <code>Queue</code> class should have a <code>size</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new PriorityQueue();  return (typeof test.isEmpty === "function")}()), "Your <code>Queue</code> class should have an <code>isEmpty</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new PriorityQueue(); test.enqueue(["David Brown", 2]); test.enqueue(["Jon Snow", 1]); var size1 = test.size(); test.dequeue(); var size2 = test.size(); test.enqueue(["A", 3]); test.enqueue(["B", 3]); test.enqueue(["C", 3]); return (size1 === 2 && size2 === 1 && test.size() === 4)}()), "Your PriorityQueue should correctly keep track of the current number of items using the <code>size</code> method as items are enqueued and dequeued.");'
+  - text: ''
+    testString: 'assert((function(){var test = new PriorityQueue(); test.enqueue(["A", 1]); test.enqueue(["B", 1]); test.dequeue(); var first = test.isEmpty(); test.dequeue(); return (!first && test.isEmpty()); }()), "The <code>isEmpty</code> method should return <code>true</code> when the queue is empty.");'
+  - text: ''
+    testString: 'assert((function(){var test = new PriorityQueue(); test.enqueue(["A", 5]); test.enqueue(["B", 5]); test.enqueue(["C", 5]); test.enqueue(["D", 3]); test.enqueue(["E", 1]); test.enqueue(["F", 7]); var result = []; result.push(test.dequeue()); result.push(test.dequeue()); result.push(test.dequeue()); result.push(test.dequeue()); result.push(test.dequeue()); result.push(test.dequeue()); return result.join("") === "EDABCF";}()), "The priority queue should return items with a higher priority before items with a lower priority and return items in first-in-first-out order otherwise.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function PriorityQueue () {
+    this.collection = [];
+    this.printCollection = function() {
+      console.log(this.collection);
+    };
+    // Only change code below this line
+
+    // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-queue-class.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-queue-class.arabic.md
new file mode 100644
index 0000000000..f40802d525
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-queue-class.arabic.md
@@ -0,0 +1,73 @@
+---
+id: 587d8250367417b2b2512c60
+title: Create a Queue Class
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> مثل الأكوام ، الطوابير عبارة عن مجموعة من العناصر. ولكن على عكس المداخن ، تتبع الطوابير مبدأ FIFO (أولاً في أول). يتم دفع العناصر المضافة إلى قائمة انتظار إلى الذيل ، أو نهاية ، قائمة الانتظار ، ويسمح فقط بإزالة العنصر الموجود في الجزء الأمامي من قائمة الانتظار. يمكننا استخدام مصفوفة لتمثيل طابور ، ولكن مثل المداخن ، نريد أن نحدد كمية التحكم التي لدينا على قوائم الانتظار لدينا. تتمثل الطريقتان الرئيسيتان لطبقة صف الانتظار في الطوق وطريقة dequeue. تدفع طريقة enqueue عنصرًا إلى ذيل قائمة الانتظار ، ويزيل أسلوب dequeue ويعيد العنصر في مقدمة الصف. طرق أخرى مفيدة هي الجبهة ، والحجم ، وأساليب فارغة. التعليمات قم بكتابة طريقة تعامدية توجه عنصرًا إلى ذيل قائمة الانتظار ، وهي طريقة dequeue تقوم بإزالة وإرجاع العنصر الأمامي ، وهي طريقة أمامية تسمح لنا برؤية العنصر الأمامي ، وطريقة الحجم التي تعرض الطول ، والطريقة isEmpty لمعرفة ما إذا كانت قائمة الانتظار فارغة. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.enqueue === "function")}()), "Your <code>Queue</code> class should have a <code>enqueue</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.dequeue === "function")}()), "Your <code>Queue</code> class should have a <code>dequeue</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.front === "function")}()), "Your <code>Queue</code> class should have a <code>front</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.size === "function")}()), "Your <code>Queue</code> class should have a <code>size</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.isEmpty === "function")}()), "Your <code>Queue</code> class should have an <code>isEmpty</code> method.");'
+  - text: يجب أن تقوم طريقة <code>dequeue</code> بإزالة وإعادة العنصر الأمامي لقائمة الانتظار
+    testString: 'assert((function(){var test = new Queue();  test.enqueue("Smith"); return (test.dequeue() === "Smith")}()), "The <code>dequeue</code> method should remove and return the front element of the queue");'
+  - text: ''
+    testString: 'assert((function(){var test = new Queue();  test.enqueue("Smith"); test.enqueue("John"); return (test.front() === "Smith")}()), "The <code>front</code> method should return value of the front element of the queue");'
+  - text: ''
+    testString: 'assert((function(){var test = new Queue();  test.enqueue("Smith"); return (test.size() === 1)}()), "The <code>size</code> method should return the length of the queue");'
+  - text: ''
+    testString: 'assert((function(){var test = new Queue();  test.enqueue("Smith"); return !(test.isEmpty())}()), "The <code>isEmpty</code> method should return <code>false</code> if there are elements in the queue");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Queue () {
+    var collection = [];
+    this.print = function() {
+        console.log(collection);
+    };
+    // Only change code below this line
+
+    // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-set-class.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-set-class.arabic.md
new file mode 100644
index 0000000000..1bb08dabcf
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-set-class.arabic.md
@@ -0,0 +1,68 @@
+---
+id: 8d1323c8c441eddfaeb5bdef
+title: Create a Set Class
+challengeType: 1
+videoUrl: ''
+localeTitle: إنشاء فئة مجموعة
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function(){var test = new Set(); return (typeof test.add === "function")}()), "Your <code>Set</code> class should have an <code>add</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new Set(); test.add("a"); test.add("b"); test.add("a"); var vals = test.values(); return (vals[0] === "a" && vals[1] === "b" && vals.length === 2)}()), "Your <code>add</code> method should not add duplicate values.");'
+  - text: ''
+    testString: 'assert((function(){var test = new Set(); var result = test.add("a"); return (result != undefined) && (result === true);}()), "Your <code>add</code> method should return <code>true</code> when a value has been successfully added.");'
+  - text: ''
+    testString: 'assert((function(){var test = new Set(); test.add("a"); var result = test.add("a"); return (result != undefined) && (result === false);}()), "Your <code>add</code> method should return <code>false</code> when a duplicate value is added.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold our set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-stack-class.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-stack-class.arabic.md
new file mode 100644
index 0000000000..f7e8d726ef
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-stack-class.arabic.md
@@ -0,0 +1,73 @@
+---
+id: 587d8250367417b2b2512c5f
+title: Create a Stack Class
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.push === "function")}()), "Your <code>Stack</code> class should have a <code>push</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.pop === "function")}()), "Your <code>Stack</code> class should have a <code>pop</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.peek === "function")}()), "Your <code>Stack</code> class should have a <code>peek</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.isEmpty === "function")}()), "Your <code>Stack</code> class should have a <code>isEmpty</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.clear === "function")}()), "Your <code>Stack</code> class should have a <code>clear</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new Stack();  test.push("CS50"); return (test.peek() === "CS50")}()), "The <code>peek</code> method should return the top element of the stack");'
+  - text: ''
+    testString: 'assert((function(){var test = new Stack(); test.push("CS50"); return (test.pop() === "CS50");}()), "The <code>pop</code> method should remove and return the top element of the stack");'
+  - text: ''
+    testString: 'assert((function(){var test = new Stack(); return test.isEmpty()}()), "The <code>isEmpty</code> method should return true if a stack does not contain any elements");'
+  - text: ''
+    testString: 'assert((function(){var test = new Stack();  test.push("CS50"); test.clear(); return (test.isEmpty())}()), "The <code>clear</code> method should remove all element from the stack");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Stack() {
+    var collection = [];
+    this.print = function() {
+        console.log(collection);
+    };
+    // Only change code below this line
+
+    // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-trie-search-tree.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-trie-search-tree.arabic.md
new file mode 100644
index 0000000000..3b130bc74f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-a-trie-search-tree.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 587d8259367417b2b2512c84
+title: Create a Trie Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; return (typeof test.add == "function") }()), "The Trie has an add method.");'
+  - text: ''
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; return (typeof test.print == "function") }()), "The Trie has a print method.");'
+  - text: ''
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; return (typeof test.isWord == "function") }()), "The Trie has an isWord method.");'
+  - text: ''
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; test.add("jump"); test.add("jumps"); test.add("jumped"); test.add("house"); test.add("mouse"); var added = test.print(); return (added.indexOf("jump") != -1 && added.indexOf("jumps") != -1 && added.indexOf("jumped") != -1 && added.indexOf("house") != -1 && added.indexOf("mouse") != -1 && added.length == 5); }()), "The print method returns all items added to the trie as strings in an array.");'
+  - text: ''
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; test.add("hop"); test.add("hops"); test.add("hopped"); test.add("hoppy"); test.add("hope"); return (test.isWord("hop") && !test.isWord("ho") && test.isWord("hopped") && !test.isWord("hopp") && test.isWord("hoppy") && !test.isWord("hoping")); }()), "The isWord method returns true only for words added to the trie and false for all other words.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+var Node = function() {
+  this.keys = new Map();
+  this.end = false;
+  this.setEnd = function() {
+    this.end = true;
+  };
+  this.isEnd = function() {
+    return this.end;
+  };
+};
+var Trie = function() {
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-an-es6-javascript-map.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-an-es6-javascript-map.arabic.md
new file mode 100644
index 0000000000..26cf8f3c46
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-an-es6-javascript-map.arabic.md
@@ -0,0 +1,51 @@
+---
+id: 587d825b367417b2b2512c8d
+title: Create an ES6 JavaScript Map
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof myMap === "object", "The myMap object exists.");'
+  - text: ''
+    testString: 'assert(myMap.get("freeCodeCamp") === "Awesome!", "myMap contains the key value pair <code>freeCodeCamp</code>, <code>Awesome!</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-and-add-to-sets-in-es6.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-and-add-to-sets-in-es6.arabic.md
new file mode 100644
index 0000000000..5f3555b383
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/create-and-add-to-sets-in-es6.arabic.md
@@ -0,0 +1,58 @@
+---
+id: 587d8254367417b2b2512c70
+title: Create and Add to Sets in ES6
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(function(){var test = checkSet(); return (test.size == 6) && test.has(1) && test.has(2) && test.has(3) && test.has("Taco") && test.has("Cat") && test.has("Awesome");}, "Your <code>Set</code> should only contain the values <code>1, 2, 3, Taco, Cat, Awesome</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSet() {
+  var set = new Set([1, 2, 3, 3, 2, 1, 2, 3, 1]);
+  // change code below this line
+
+  // change code above this line
+  console.log(set);
+  return set;
+}
+
+checkSet();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/delete-a-leaf-node-in-a-binary-search-tree.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/delete-a-leaf-node-in-a-binary-search-tree.arabic.md
new file mode 100644
index 0000000000..702340035f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/delete-a-leaf-node-in-a-binary-search-tree.arabic.md
@@ -0,0 +1,75 @@
+---
+id: 587d8258367417b2b2512c80
+title: Delete a Leaf Node in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.remove == "function")})(), "The binary search tree has a method called <code>remove</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; return (test.remove(100) == null); })(), "Trying to remove an element that does not exist returns <code>null</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(500); test.remove(500); return (test.inorder() == null); })(), "If the root node has no children, deleting it sets the root to <code>null</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(5); test.add(3); test.add(7); test.add(6); test.add(10); test.add(12); test.remove(3); test.remove(12); test.remove(10); return (test.inorder().join("") == "567"); })(), "The <code>remove</code> method removes leaf nodes from the tree");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+
+function BinarySearchTree() {
+    this.root = null;
+    // case 1: target has no children, change code below this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/delete-a-node-with-one-child-in-a-binary-search-tree.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/delete-a-node-with-one-child-in-a-binary-search-tree.arabic.md
new file mode 100644
index 0000000000..4c78d1bf99
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/delete-a-node-with-one-child-in-a-binary-search-tree.arabic.md
@@ -0,0 +1,120 @@
+---
+id: 587d8258367417b2b2512c81
+title: Delete a Node with One Child in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.remove == "function")})(), "The binary search tree has a method called <code>remove</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; return (test.remove(100) == null); })(), "Trying to remove an element that does not exist returns <code>null</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(500); test.remove(500); return (test.inorder() == null); })(), "If the root node has no children, deleting it sets the root to <code>null</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(5); test.add(3); test.add(7); test.add(6); test.add(10); test.add(12); test.remove(3); test.remove(12); test.remove(10); return (test.inorder().join("") == "567"); })(), "The <code>remove</code> method removes leaf nodes from the tree");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(-1); test.add(3); test.add(7); test.add(16); test.remove(16); test.remove(7); test.remove(3); return (test.inorder().join("") == "-1"); })(), "The <code>remove</code> method removes nodes with one child.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(15); test.add(27); test.remove(15); return (test.inorder().join("") == "27"); })(), "Removing the root in a tree with two nodes sets the second to be the root.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+
+function BinarySearchTree() {
+  this.root = null;
+  this.remove = function(value) {
+    if (this.root === null) {
+      return null;
+    }
+    var target;
+    var parent = null;
+    // find the target value and its parent
+    (function findValue(node = this.root) {
+      if (value == node.value) {
+        target = node;
+      } else if (value < node.value && node.left !== null) {
+        parent = node;
+        return findValue(node.left);
+      } else if (value < node.value && node.left === null) {
+        return null;
+      } else if (value > node.value && node.right !== null) {
+        parent = node;
+        return findValue(node.right);
+      } else {
+        return null;
+      }
+    }).bind(this)();
+    if (target === null) {
+      return null;
+    }
+    // count the children of the target to delete
+    var children = (target.left !== null ? 1 : 0) + (target.right !== null ? 1 : 0);
+    // case 1: target has no children
+    if (children === 0) {
+      if (target == this.root) {
+        this.root = null;
+      }
+      else {
+        if (parent.left == target) {
+          parent.left = null;
+        } else {
+          parent.right = null;
+        }
+      }
+    }
+    // case 2: target has one child, change code below this line
+  };
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/delete-a-node-with-two-children-in-a-binary-search-tree.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/delete-a-node-with-two-children-in-a-binary-search-tree.arabic.md
new file mode 100644
index 0000000000..3910e8e6d2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/delete-a-node-with-two-children-in-a-binary-search-tree.arabic.md
@@ -0,0 +1,138 @@
+---
+id: 587d8258367417b2b2512c82
+title: Delete a Node with Two Children in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.remove == "function")})(), "The binary search tree has a method called <code>remove</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.remove == "function") ? (test.remove(100) == null) : false})(), "Trying to remove an element that does not exist returns <code>null</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; test.add(500); test.remove(500); return (typeof test.remove == "function") ? (test.inorder() == null) : false})(), "If the root node has no children, deleting it sets the root to <code>null</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; test.add(5); test.add(3); test.add(7); test.add(6); test.add(10); test.add(12); test.remove(3); test.remove(12); test.remove(10); return (typeof test.remove == "function") ? (test.inorder().join("") == "567") : false})(), "The <code>remove</code> method removes leaf nodes from the tree");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(-1); test.add(3); test.add(7); test.add(16); test.remove(16); test.remove(7); test.remove(3); return (test.inorder().join("") == "-1"); })(), "The <code>remove</code> method removes nodes with one child.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(15); test.add(27); test.remove(15); return (test.inorder().join("") == "27"); })(), "Removing the root in a tree with two nodes sets the second to be the root.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(1); test.add(4); test.add(3); test.add(7); test.add(9); test.add(11); test.add(14); test.add(15); test.add(19); test.add(50); test.remove(9); if (!test.isBinarySearchTree()) { return false; }; test.remove(11); if (!test.isBinarySearchTree()) { return false; }; test.remove(14); if (!test.isBinarySearchTree()) { return false; }; test.remove(19); if (!test.isBinarySearchTree()) { return false; }; test.remove(3); if (!test.isBinarySearchTree()) { return false; }; test.remove(50); if (!test.isBinarySearchTree()) { return false; }; test.remove(15); if (!test.isBinarySearchTree()) { return false; }; return (test.inorder().join("") == "147"); })(), "The <code>remove</code> method removes nodes with two children while maintaining the binary search tree structure.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(100); test.add(50); test.add(300); test.remove(100); return (test.inorder().join("") == 50300); })(), "The root can be removed on a tree of three nodes.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+
+function BinarySearchTree() {
+  this.root = null;
+  this.remove = function(value) {
+    if (this.root === null) {
+      return null;
+    }
+    var target;
+    var parent = null;
+    // find the target value and its parent
+    (function findValue(node = this.root) {
+      if (value == node.value) {
+        target = node;
+      } else if (value < node.value && node.left !== null) {
+        parent = node;
+        return findValue(node.left);
+      } else if (value < node.value && node.left === null) {
+        return null;
+      } else if (value > node.value && node.right !== null) {
+        parent = node;
+        return findValue(node.right);
+      } else {
+        return null;
+      }
+    }).bind(this)();
+    if (target === null) {
+      return null;
+    }
+    // count the children of the target to delete
+    var children = (target.left !== null ? 1 : 0) + (target.right !== null ? 1 : 0);
+    // case 1: target has no children
+    if (children === 0) {
+      if (target == this.root) {
+        this.root = null;
+      }
+      else {
+        if (parent.left == target) {
+          parent.left = null;
+        } else {
+          parent.right = null;
+        }
+      }
+    }
+    // case 2: target has one child
+    else if (children == 1) {
+      var newChild = (target.left !== null) ? target.left : target.right;
+      if (parent === null) {
+        target.value = newChild.value;
+        target.left = null;
+        target.right = null;
+      } else if (newChild.value < parent.value) {
+        parent.left = newChild;
+      } else {
+        parent.right = newChild;
+      }
+      target = null;
+    }
+    // case 3: target has two children, change code below this line
+  };
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/depth-first-search.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/depth-first-search.arabic.md
new file mode 100644
index 0000000000..6e696a5e4b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/depth-first-search.arabic.md
@@ -0,0 +1,73 @@
+---
+id: 587d825d367417b2b2512c96
+title: Depth-First Search
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.sameMembers((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 1);})(), [0, 1, 2, 3], "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>1</code> should return an array with <code>0</code>, <code>1</code>, <code>2</code>, and <code>3</code>.");'
+  - text: ''
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 1);})().length === 4, "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>1</code> should return an array with four elements.");'
+  - text: ''
+    testString: 'assert.sameMembers((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]; return dfs(graph, 3);})(), [3], "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> with a start node of <code>3</code> should return an array with <code>3</code>.");'
+  - text: ''
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]; return dfs(graph, 3);})().length === 1, "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> with a start node of <code>3</code> should return an array with one element.");'
+  - text: ''
+    testString: 'assert.sameMembers((function() { var graph = [[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 3);})(), [2, 3], "The input graph <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>3</code> should return an array with <code>2</code> and <code>3</code>.");'
+  - text: ''
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 3);})().length === 2, "The input graph <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>3</code> should return an array with two elements.");'
+  - text: ''
+    testString: 'assert.sameMembers((function() { var graph = [[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 0);})(), [0, 1], "The input graph <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>0</code> should return an array with <code>0</code> and <code>1</code>.");'
+  - text: ''
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 0);})().length === 2, "The input graph <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>0</code> should return an array with two elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function dfs(graph, root) {
+
+}
+
+var exDFSGraph = [
+  [0, 1, 0, 0],
+  [1, 0, 1, 0],
+  [0, 1, 0, 1],
+  [0, 0, 1, 0]
+];
+console.log(dfs(exDFSGraph, 3));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-height-of-a-binary-search-tree.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-height-of-a-binary-search-tree.arabic.md
new file mode 100644
index 0000000000..c4a7f954d2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-height-of-a-binary-search-tree.arabic.md
@@ -0,0 +1,81 @@
+---
+id: 587d8257367417b2b2512c7d
+title: Find the Minimum and Maximum Height of a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.findMinHeight == "function")})(), "The binary search tree has a method called <code>findMinHeight</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.findMaxHeight == "function")})(), "The binary search tree has a method called <code>findMaxHeight</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.isBalanced == "function")})(), "The binary search tree has a method called <code>isBalanced</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMinHeight !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return (test.findMinHeight() == 1); })(), "The <code>findMinHeight</code> method returns the minimum height of the tree.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMaxHeight !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return (test.findMaxHeight() == 5); })(), "The <code>findMaxHeight</code> method returns the maximum height of the tree.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMaxHeight !== "function") { return false; }; return (test.findMaxHeight() == -1); })(), "An empty tree returns a height of <code>-1</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.isBalanced !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return test.isBalanced(); })(), "The <code>isBalanced</code> method returns true if the tree is a balanced binary search tree.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-value-in-a-binary-search-tree.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-value-in-a-binary-search-tree.arabic.md
new file mode 100644
index 0000000000..3c890649fa
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-value-in-a-binary-search-tree.arabic.md
@@ -0,0 +1,77 @@
+---
+id: 587d8256367417b2b2512c7a
+title: Find the Minimum and Maximum Value in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.findMin == "function")})(), "The binary search tree has a method called <code>findMin</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.findMax == "function")})(), "The binary search tree has a method called <code>findMax</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMin !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return test.findMin() == 1; })(), "The <code>findMin</code> method returns the minimum value in the binary search tree.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMax !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return test.findMax() == 87; })(), "The <code>findMax</code> method returns the maximum value in the binary search tree.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMin !== "function") { return false; }; if (typeof test.findMax !== "function") { return false; }; return (test.findMin() == null && test.findMax() == null) })(), "The <code>findMin</code> and <code>findMax</code> methods return <code>null</code> for an empty tree.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/implement-heap-sort-with-a-min-heap.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/implement-heap-sort-with-a-min-heap.arabic.md
new file mode 100644
index 0000000000..e9d3865082
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/implement-heap-sort-with-a-min-heap.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 587d825b367417b2b2512c8c
+title: Implement Heap Sort with a Min Heap
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() }; return (typeof test == "object")})(), "The MinHeap data structure exists.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() } else { return false; }; return (typeof test.insert == "function")})(), "MinHeap has a method called insert.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() } else { return false; }; return (typeof test.remove == "function")})(), "MinHeap has a method called remove.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() } else { return false; }; return (typeof test.sort == "function")})(), "MinHeap has a method called sort.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() } else { return false; }; test.insert(3); test.insert(12); test.insert(5); test.insert(10); test.insert(1); test.insert(27); test.insert(42); test.insert(57); test.insert(5); var result = test.sort(); return (isSorted(result)); })(), "The sort method returns an array containing all items added to the min heap in sorted order.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// check if array is sorted
+function isSorted(arr) {
+  var check = (i) => (i == arr.length - 1) ? true : (arr[i] > arr[i + 1]) ? false : check(i + 1);
+  return check(0);
+}
+// generate a randomly filled array
+var array = new Array();
+(function createArray(size = 5) {
+  array.push(+(Math.random() * 100).toFixed(0));
+  return (size > 1) ? createArray(size - 1) : undefined;
+})(25);
+var MinHeap = function() {
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/incidence-matrix.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/incidence-matrix.arabic.md
new file mode 100644
index 0000000000..8aea2207cd
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/incidence-matrix.arabic.md
@@ -0,0 +1,59 @@
+---
+id: 587d8256367417b2b2512c79
+title: Incidence Matrix
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((incMatUndirected.length === 5) && incMatUndirected.map(function(x) { return x.length === 4 }).reduce(function(a, b) { return a && b }) , "<code>incMatUndirected</code> should only contain five nodes.");'
+  - text: ''
+    testString: 'assert((incMatUndirected[0][0] === 1) && (incMatUndirected[1][0] === 1), "There should be a first edge between the first and second node.");'
+  - text: ''
+    testString: 'assert((incMatUndirected[1][1] === 1) && (incMatUndirected[2][1] === 1), "There should be a second edge between the second and third node.");'
+  - text: ''
+    testString: 'assert((incMatUndirected[2][2] === 1) && (incMatUndirected[4][2] === 1), "There should be a third edge between the third and fifth node.");'
+  - text: ''
+    testString: 'assert((incMatUndirected[1][3] === 1) && (incMatUndirected[3][3] === 1), "There should be a fourth edge between the second and fourth node.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var incMatUndirected = [
+
+];
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/insert-an-element-into-a-max-heap.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/insert-an-element-into-a-max-heap.arabic.md
new file mode 100644
index 0000000000..dd7bdd3d1d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/insert-an-element-into-a-max-heap.arabic.md
@@ -0,0 +1,58 @@
+---
+id: 587d825a367417b2b2512c8a
+title: Insert an Element into a Max Heap
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() }; return (typeof test == "object")})(), "The MaxHeap data structure exists.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.insert == "function")})(), "MaxHeap has a method called insert.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.print == "function")})(), "MaxHeap has a method called print.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; test.insert(50); test.insert(100); test.insert(700); test.insert(32); test.insert(51); let result = test.print(); return ((result.length == 5) ? result[0] == 700 : result[1] == 700) })(), "The insert method adds elements according to the max heap property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var MaxHeap = function() {
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/invert-a-binary-tree.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/invert-a-binary-tree.arabic.md
new file mode 100644
index 0000000000..12fb0dfa59
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/invert-a-binary-tree.arabic.md
@@ -0,0 +1,73 @@
+---
+id: 587d8259367417b2b2512c83
+title: Invert a Binary Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.invert == "function")})(), "The binary search tree has a method called <code>invert</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.invert !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); test.invert(); return test.inorder().join("") == "877345348741"; })(), "The <code>invert</code> method correctly inverts the tree structure.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.invert !== "function") { return false; }; return (test.invert() == null); })(), "Inverting an empty tree returns <code>null</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/learn-how-a-stack-works.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/learn-how-a-stack-works.arabic.md
new file mode 100644
index 0000000000..1d97b0ba1a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/learn-how-a-stack-works.arabic.md
@@ -0,0 +1,56 @@
+---
+id: 587d8250367417b2b2512c5e
+title: Learn how a Stack Works
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(homeworkStack.length === 4, "<code>homeworkStack</code> should only contain 4 elements.");'
+  - text: ''
+    testString: 'assert(homeworkStack[3] === "CS50", "The last element in <code>homeworkStack</code> should be <code>"CS50"</code>.");'
+  - text: ''
+    testString: 'assert(homeworkStack.indexOf("PSY44") === -1, "<code>homeworkStack</code> should not contain <code>"PSY44"</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/=/g).length === 1 && /homeworkStack\s*=\s*\["BIO12"\s*,\s*"HIS80"\s*,\s*"MAT122"\s*,\s*"PSY44"\]/.test(code), "The initial declaration of the <code>homeworkStack</code> should not be changed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var homeworkStack = ["BIO12","HIS80","MAT122","PSY44"];
+// Only change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/perform-a-difference-on-two-sets-of-data.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/perform-a-difference-on-two-sets-of-data.arabic.md
new file mode 100644
index 0000000000..03e1e63085
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/perform-a-difference-on-two-sets-of-data.arabic.md
@@ -0,0 +1,109 @@
+---
+id: 587d8254367417b2b2512c6e
+title: Perform a Difference on Two Sets of Data
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(function(){var test = new Set(); return (typeof test.difference === "function")}, "Your <code>Set</code> class should have a <code>difference</code> method.");'
+  - text: ''
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setA.add("b"); setA.add("c"); setB.add("c"); setB.add("d"); var differenceSetAB = setA.difference(setB); return (differenceSetAB.size() === 2) && (differenceSetAB.values() === [ "a", "b" ])}, "The proper collection was returned");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // this method will return the size of the collection
+    this.size = function() {
+        return collection.length;
+    };
+    // this method will return the union of two sets
+    this.union = function(otherSet) {
+        var unionSet = new Set();
+        var firstSet = this.values();
+        var secondSet = otherSet.values();
+        firstSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        secondSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        return unionSet;
+    };
+    // this method will return the intersection of two sets as a new set
+    this.intersection = function(otherSet) {
+        var intersectionSet = new Set();
+        var firstSet = this.values();
+        firstSet.forEach(function(e){
+            if(otherSet.has(e)){
+                intersectionSet.add(e);
+            }
+        });
+        return intersectionSet;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/perform-a-subset-check-on-two-sets-of-data.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/perform-a-subset-check-on-two-sets-of-data.arabic.md
new file mode 100644
index 0000000000..38167664e8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/perform-a-subset-check-on-two-sets-of-data.arabic.md
@@ -0,0 +1,128 @@
+---
+id: 587d8254367417b2b2512c6f
+title: Perform a Subset Check on Two Sets of Data
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(function(){var test = new Set(); return (typeof test.subset === "function")}, "Your <code>Set</code> class should have a <code>union</code> method.");'
+  - text: ''
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setB.add("b"); setB.add("c"); setB.add("a"); setB.add("d"); var subsetSetAB = setA.subset(setB);return (subsetSetAB === true)}, "The first Set() was contained in the second Set");'
+  - text: ''
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setA.add("b"); setB.add("a"); setB.add("b"); setB.add("c"); setB.add("d"); var subsetSetAB = setA.subset(setB); return (subsetSetAB === true)}, "<code>["a", "b"].subset(["a", "b", "c", "d"])</code> should return <code>true</code>");'
+  - text: ''
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setA.add("b"); setA.add("c"); setB.add("a"); setB.add("b"); var subsetSetAB = setA.subset(setB); return (subsetSetAB === false)}, "<code>["a", "b", "c"].subset(["a", "b"])</code> should return <code>false</code>");'
+  - text: ''
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); var subsetSetAB = setA.subset(setB); return (subsetSetAB === true)}, "<code>[].subset([])</code> should return <code>true</code>");'
+  - text: ''
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setA.add("b"); setB.add("c"); setB.add("d"); var subsetSetAB = setA.subset(setB); return (subsetSetAB === false)}, "<code>["a", "b"].subset(["c", "d"])</code> should return <code>false</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // this method will return the size of the collection
+    this.size = function() {
+        return collection.length;
+    };
+    // this method will return the union of two sets
+    this.union = function(otherSet) {
+        var unionSet = new Set();
+        var firstSet = this.values();
+        var secondSet = otherSet.values();
+        firstSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        secondSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        return unionSet;
+    };
+    // this method will return the intersection of two sets as a new set
+    this.intersection = function(otherSet) {
+        var intersectionSet = new Set();
+        var firstSet = this.values();
+        firstSet.forEach(function(e){
+            if(otherSet.has(e)){
+                intersectionSet.add(e);
+            }
+        });
+        return intersectionSet;
+    };
+    // this method will return the difference of two sets as a new set
+    this.difference = function(otherSet) {
+        var differenceSet = new Set();
+        var firstSet = this.values();
+        firstSet.forEach(function(e){
+            if(!otherSet.has(e)){
+                differenceSet.add(e);
+            }
+        });
+        return differenceSet;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/perform-a-union-on-two-sets.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/perform-a-union-on-two-sets.arabic.md
new file mode 100644
index 0000000000..7eb3bca772
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/perform-a-union-on-two-sets.arabic.md
@@ -0,0 +1,86 @@
+---
+id: 587d8253367417b2b2512c6c
+title: Perform a Union on Two Sets
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function(){var test = new Set(); return (typeof test.union === "function")})(), "Your <code>Set</code> class should have a <code>union</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var setA = new Set();  var setB = new Set();  setA.add("a");  setA.add("b");  setA.add("c");  setB.add("c");  setB.add("d");  var unionSetAB = setA.union(setB); var final = unionSetAB.values(); return (final.indexOf("a") !== -1 && final.indexOf("b") !== -1 && final.indexOf("c") !== -1 && final.indexOf("d") !== -1 && final.length === 4)})(), "The proper collection was returned");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+   // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // this method will return the size of the set
+    this.size = function() {
+        return collection.length;
+    };
+    // change code below this line
+
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/perform-an-intersection-on-two-sets-of-data.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/perform-an-intersection-on-two-sets-of-data.arabic.md
new file mode 100644
index 0000000000..9d4f7a42e7
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/perform-an-intersection-on-two-sets-of-data.arabic.md
@@ -0,0 +1,98 @@
+---
+id: 587d8253367417b2b2512c6d
+title: Perform an Intersection on Two Sets of Data
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(function(){var test = new Set(); return (typeof test.intersection === "function")}, "Your <code>Set</code> class should have a <code>intersection</code> method.");'
+  - text: ''
+    testString: 'assert(function(){  var setA = new Set();  var setB = new Set();  setA.add("a");  setA.add("b");  setA.add("c");  setB.add("c");  setB.add("d");  var intersectionSetAB = setA.intersection(setB); return (intersectionSetAB.size() === 1 && intersectionSetAB.values()[0] === "c")}, "The proper collection was returned");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+   // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // this method will return the size of the collection
+    this.size = function() {
+        return collection.length;
+    };
+    // this method will return the union of two sets
+    this.union = function(otherSet) {
+        var unionSet = new Set();
+        var firstSet = this.values();
+        var secondSet = otherSet.values();
+        firstSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        secondSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        return unionSet;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/remove-an-element-from-a-max-heap.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/remove-an-element-from-a-max-heap.arabic.md
new file mode 100644
index 0000000000..c75502012a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/remove-an-element-from-a-max-heap.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 587d825b367417b2b2512c8b
+title: Remove an Element from a Max Heap
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() }; return (typeof test == "object")})(), "The MaxHeap data structure exists.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.print == "function")})(), "MaxHeap has a method called print.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.insert == "function")})(), "MaxHeap has a method called insert.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.remove == "function")})(), "MaxHeap has a method called remove.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; test.insert(30); test.insert(300); test.insert(500); test.insert(10); let result = []; result.push(test.remove()); result.push(test.remove()); result.push(test.remove()); result.push(test.remove());  return (result.join("") == "5003003010") })(), "The remove method removes the greatest element from the max heap while maintaining the max heap property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var MaxHeap = function() {
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list-by-index.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list-by-index.arabic.md
new file mode 100644
index 0000000000..26c7568df5
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list-by-index.arabic.md
@@ -0,0 +1,111 @@
+---
+id: 587d8251367417b2b2512c65
+title: Remove Elements from a Linked List by Index
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.removeAt === "function")}()), "Your <code>LinkedList</code> class should have a <code>removeAt</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten"); test.removeAt(1); return test.size() === 2}()), "Your <code>removeAt</code> method should reduce the <code>length</code> of the linked list");'
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten");  return test.removeAt(1) === "dog"}()), "Your <code>removeAt</code> method should also return the element of the removed node.");'
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten");  return (test.removeAt(-1) === null)}()), "Your <code>removeAt</code> method should also return <code>null</code> if the given index is less than <code>0</code>");'
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten");  return (test.removeAt(3) === null)}()), "Your <code>removeAt</code> method should also return <code>null</code> if the given index is equal or more than the <code>length</code> of the linked list.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){ // {1}
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+        currentNode = head;
+
+        while(currentNode.next){
+            currentNode  = currentNode.next;
+        }
+
+        currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  this.remove = function(element){
+    var currentNode = head;
+    var previousNode;
+    if(currentNode.element === element){
+        head = currentNode.next;
+    } else {
+        while(currentNode.element !== element) {
+            previousNode = currentNode;
+            currentNode = currentNode.next;
+        }
+
+        previousNode.next = currentNode.next;
+    }
+
+    length --;
+  };
+
+  // Only change code below this line
+
+  // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list.arabic.md
new file mode 100644
index 0000000000..7e2555fcfb
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list.arabic.md
@@ -0,0 +1,94 @@
+---
+id: 587d8251367417b2b2512c63
+title: Remove Elements from a Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.remove === "function")}()), "Your <code>LinkedList</code> class should have a <code>remove</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.remove("cat"); return test.head().element === "dog"}()), "Your <code>remove</code> method should reassign <code>head</code> to the second node when the first node is removed.");'
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.remove("cat"); return test.size() === 1})(), "Your <code>remove</code> method should decrease the <code>length</code> of the linked list by one for every node removed.");'
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog");test.add("kitten"); test.remove("dog"); return test.head().next.element === "kitten"})(), "Your <code>remove</code> method should reassign the reference of the previous node of the removed node to the removed node&apos;s <code>next</code> reference.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+        currentNode = head;
+
+        while(currentNode.next){
+            currentNode  = currentNode.next;
+        }
+
+        currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  this.remove = function(element){
+    // Only change code below this line
+
+    // Only change code above this line
+  };
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/remove-from-a-set.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/remove-from-a-set.arabic.md
new file mode 100644
index 0000000000..d8b3567eea
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/remove-from-a-set.arabic.md
@@ -0,0 +1,74 @@
+---
+id: 587d8253367417b2b2512c6b
+title: Remove from a Set
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function(){var test = new Set(); return (typeof test.remove === "function")}()), "Your <code>Set</code> class should have a <code>remove</code> method.");'
+  - text: ''
+    testString: 'assert.deepEqual((function(){var test = new Set(); test.add("a");test.add("b");test.remove("c"); return test.values(); })(), ["a", "b"], "Your <code>remove</code> method should only remove items that are present in the set.");'
+  - text: ''
+    testString: 'assert((function(){var test = new Set(); test.add("a");test.add("b");test.remove("a"); var vals = test.values(); return (vals[0] === "b" && vals.length === 1)}()), "Your <code>remove</code> method should remove the given item from the set.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/remove-items-from-a-set-in-es6.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/remove-items-from-a-set-in-es6.arabic.md
new file mode 100644
index 0000000000..b56f2ea56e
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/remove-items-from-a-set-in-es6.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 587d8254367417b2b2512c71
+title: Remove items from a set in ES6
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(function(){var test = checkSet(); return test.has(1) && test.has(3) && test.has(4) && test.size === 3}, "Your Set should contain the values 1, 3, & 4");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSet(){
+   var set = //Create a set with values 1, 2, 3, 4, & 5
+   //Remove the value 2
+   //Remove the value 5
+   //Return the set
+   return set;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/reverse-a-doubly-linked-list.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/reverse-a-doubly-linked-list.arabic.md
new file mode 100644
index 0000000000..b77d3738df
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/reverse-a-doubly-linked-list.arabic.md
@@ -0,0 +1,77 @@
+---
+id: 587d825a367417b2b2512c88
+title: Reverse a Doubly Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; return (typeof test == "object")})(), "The DoublyLinkedList data structure exists.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; if (test.add == undefined) { return false; }; return (typeof test.add == "function")})(), "The DoublyLinkedList has a method called add.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; if (test.reverse == undefined) { return false; }; return (typeof test.reverse == "function")})(), "The DoublyLinkedList has a method called reverse.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; return (test.reverse() == null); })(), "Reversing an empty list returns null.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(58); test.add(61); test.add(32); test.reverse(); return (test.print().join("") == "326158"); })(), "The reverse method reverses the list.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(11); test.add(22); test.add(33); test.reverse(); return (test.printReverse().join("") == "112233"); })(), "The next and previous references are correctly maintained when a list is reversed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Node = function(data, prev) {
+  this.data = data;
+  this.prev = prev;
+  this.next = null;
+};
+var DoublyLinkedList = function() {
+  this.head = null;
+  this.tail = null;
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/search-within-a-linked-list.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/search-within-a-linked-list.arabic.md
new file mode 100644
index 0000000000..09a315a1a6
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/search-within-a-linked-list.arabic.md
@@ -0,0 +1,111 @@
+---
+id: 587d8251367417b2b2512c64
+title: Search within a Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.indexOf === "function")}()), "Your <code>LinkedList</code> class should have a <code>indexOf</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.elementAt === "function")}()), "Your <code>LinkedList</code> class should have a <code>elementAt</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten"); return test.size() === 3}()), "Your <code>size</code> method should return the length of the linked list");'
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten"); return test.indexOf("kitten") === 2}()), "Your <code>indexOf</code> method should return the index of the given element.");'
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten"); return test.elementAt(1) === "dog"}()), "Your <code>elementAt</code> method should return at element at a given index.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){ // {1}
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function() {
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+        currentNode = head;
+
+        while(currentNode.next){
+            currentNode  = currentNode.next;
+        }
+
+        currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  this.remove = function(element){
+    var currentNode = head;
+    var previousNode;
+    if(currentNode.element === element){
+        head = currentNode.next;
+    } else {
+        while(currentNode.element !== element) {
+            previousNode = currentNode;
+            currentNode = currentNode.next;
+        }
+
+        previousNode.next = currentNode.next;
+    }
+
+    length --;
+  };
+
+  // Only change code below this line
+
+  // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/size-of-the-set.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/size-of-the-set.arabic.md
new file mode 100644
index 0000000000..5e6190ff28
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/size-of-the-set.arabic.md
@@ -0,0 +1,81 @@
+---
+id: 8d1923c8c441eddfaeb5bdef
+title: Size of the Set
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function(){var test = new Set(); return (typeof test.size === "function")}()), "Your <code>Set</code> class should have a <code>size</code> method.");'
+  - text: ''
+    testString: 'assert((function(){var test = new Set(); test.add("a");test.add("b");test.remove("a");return (test.size() === 1)}()), "The <code>size</code> method should return the number of elements in the collection.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/typed-arrays.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/typed-arrays.arabic.md
new file mode 100644
index 0000000000..538cf70a89
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/typed-arrays.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 587d8253367417b2b2512c6a
+title: Typed Arrays
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(buffer.byteLength === 64, "Your <code>buffer</code> should be 64 bytes large.");'
+  - text: ''
+    testString: 'assert(i32View.byteLength === 64, "Your <code>i32View</code> view of your buffer should be 64 bytes large.");'
+  - text: ''
+    testString: 'assert(i32View.length === 16, "Your <code>i32View</code> view of your buffer should be 16 elements long.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var buffer;
+var i32View;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/use-.has-and-.size-on-an-es6-set.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/use-.has-and-.size-on-an-es6-set.arabic.md
new file mode 100644
index 0000000000..a796cad908
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/use-.has-and-.size-on-an-es6-set.arabic.md
@@ -0,0 +1,57 @@
+---
+id: 587d8255367417b2b2512c72
+title: Use .has and .size on an ES6 Set
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(function(){var test = checkSet([4,5,6], 3); test === [ false, 3 ]}, "<code>checkSet([4, 5, 6], 3)</code> should return [ false, 3 ]");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSet(arrToBeSet, checkValue){
+
+   // change code below this line
+
+   // change code above this line
+
+}
+
+checkSet([ 1, 2, 3], 2); // Should return [ true, 3 ]
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/use-breadth-first-search-in-a-binary-search-tree.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/use-breadth-first-search-in-a-binary-search-tree.arabic.md
new file mode 100644
index 0000000000..7130545944
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/use-breadth-first-search-in-a-binary-search-tree.arabic.md
@@ -0,0 +1,79 @@
+---
+id: 587d8258367417b2b2512c7f
+title: Use Breadth First Search in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.levelOrder == "function")})(), "The binary search tree has a method called <code>levelOrder</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.reverseLevelOrder == "function")})(), "The binary search tree has a method called <code>reverseLevelOrder</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.levelOrder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.levelOrder().join("") == "719038102546"); })(), "The <code>levelOrder</code> method returns an array of the tree node values explored in level order.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.reverseLevelOrder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.reverseLevelOrder().join("") == "791108305264"); })(), "The <code>reverseLevelOrder</code> method returns an array of the tree node values explored in reverse level order.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.levelOrder !== "function") { return false; }; return (test.levelOrder() == null); })(), "The <code>levelOrder</code> method returns <code>null</code> for an empty tree.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.reverseLevelOrder !== "function") { return false; }; return (test.reverseLevelOrder() == null); })(), "The <code>reverseLevelOrder</code> method returns <code>null</code> for an empty tree.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/use-depth-first-search-in-a-binary-search-tree.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/use-depth-first-search-in-a-binary-search-tree.arabic.md
new file mode 100644
index 0000000000..e622457c3c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/use-depth-first-search-in-a-binary-search-tree.arabic.md
@@ -0,0 +1,85 @@
+---
+id: 587d8257367417b2b2512c7e
+title: Use Depth First Search in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.inorder == "function")})(), "The binary search tree has a method called <code>inorder</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.preorder == "function")})(), "The binary search tree has a method called <code>preorder</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.postorder == "function")})(), "The binary search tree has a method called <code>postorder</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.inorder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.inorder().join("") == "012345678910"); })(), "The <code>inorder</code> method returns an array of the node values that result from an inorder traversal.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.preorder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.preorder().join("") == "710325469810"); })(), "The <code>preorder</code> method returns an array of the node values that result from a preorder traversal.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.postorder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.postorder().join("") == "024653181097"); })(), "The <code>postorder</code> method returns an array of the node values that result from a postorder traversal.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.inorder !== "function") { return false; }; return (test.inorder() == null); })(), "The <code>inorder</code> method returns <code>null</code> for an empty tree.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.preorder !== "function") { return false; }; return (test.preorder() == null); })(), "The <code>preorder</code> method returns <code>null</code> for an empty tree.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.postorder !== "function") { return false; }; return (test.postorder() == null); })(), "The <code>postorder</code> method returns <code>null</code> for an empty tree.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/use-spread-and-notes-for-es5-set-integration.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/use-spread-and-notes-for-es5-set-integration.arabic.md
new file mode 100644
index 0000000000..5a73a6c42d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/use-spread-and-notes-for-es5-set-integration.arabic.md
@@ -0,0 +1,53 @@
+---
+id: 587d8255367417b2b2512c73
+title: Use Spread and Notes for ES5 Set() Integration
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(function(){var test = checkSet(new Set([1,2,3,4,5,6,7])); test === [ 1, 2, 3, 4, 5, 6, 7 ]}, "Your Set was returned correctly!");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSet(set){
+   // change code below this line
+
+   // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/work-with-nodes-in-a-linked-list.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/work-with-nodes-in-a-linked-list.arabic.md
new file mode 100644
index 0000000000..537ac20f67
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/data-structures/work-with-nodes-in-a-linked-list.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 587d8251367417b2b2512c61
+title: Work with Nodes in a Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(Puppy.next.element === "Cat", "Your <code>Puppy</code> node should have a reference to a <code>Cat</code> node.");'
+  - text: ''
+    testString: 'assert(Cat.next.element === "Dog", "Your <code>Cat</code> node should have a reference to a <code>Dog</code> node.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Node = function(element){
+    this.element = element;
+    this.next = null;
+};
+var Kitten = new Node("Kitten");
+var Puppy = new Node("Puppy");
+
+Kitten.next = Puppy;
+// only add code below this line
+
+// test your code
+console.log(Kitten.next);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-1-multiples-of-3-and-5.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-1-multiples-of-3-and-5.arabic.md
new file mode 100644
index 0000000000..5b2464b947
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-1-multiples-of-3-and-5.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 5900f36e1000cf542c50fe80
+challengeType: 5
+title: 'Problem 1: Multiples of 3 and 5'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(multiplesOf3and5(1000), 233168, "<code>multiplesOf3and5(1000)</code> should return 233168.");'
+  - text: ''
+    testString: 'assert.strictEqual(multiplesOf3and5(49), 543, "<code>multiplesOf3and5(49)</code> should return 543.");'
+  - text: ''
+    testString: 'assert.strictEqual(multiplesOf3and5(19564), 89301183, "<code>multiplesOf3and5(19564)</code> should return 89301183.");'
+  - text: ''
+    testString: 'assert.strictEqual(multiplesOf3and5(8456), 16687353, "Your function is not returning the correct result using our tests values.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function multiplesOf3and5(number) {
+  // Good luck!
+  return true;
+}
+
+multiplesOf3and5(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-10-summation-of-primes.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-10-summation-of-primes.arabic.md
new file mode 100644
index 0000000000..bdf35764b2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-10-summation-of-primes.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3761000cf542c50fe89
+challengeType: 5
+title: 'Problem 10: Summation of primes'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(primeSummation(17), 41, "<code>primeSummation(17)</code> should return 41.");'
+  - text: ''
+    testString: 'assert.strictEqual(primeSummation(2001), 277050, "<code>primeSummation(2001)</code> should return 277050.");'
+  - text: ''
+    testString: 'assert.strictEqual(primeSummation(140759), 873608362, "<code>primeSummation(140759)</code> should return 873608362.");'
+  - text: ''
+    testString: 'assert.strictEqual(primeSummation(2000000), 142913828922, "<code>primeSummation(2000000)</code> should return 142913828922.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function primeSummation(n) {
+  // Good luck!
+  return true;
+}
+
+primeSummation(2000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-100-arranged-probability.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-100-arranged-probability.arabic.md
new file mode 100644
index 0000000000..d6a7944632
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-100-arranged-probability.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3d01000cf542c50fee3
+challengeType: 5
+title: 'Problem 100: Arranged probability'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler100(), 756872327473, "<code>euler100()</code> should return 756872327473.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler100() {
+  // Good luck!
+  return true;
+}
+
+euler100();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-101-optimum-polynomial.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-101-optimum-polynomial.arabic.md
new file mode 100644
index 0000000000..714eaf1765
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-101-optimum-polynomial.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3d21000cf542c50fee4
+challengeType: 5
+title: 'Problem 101: Optimum polynomial'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler101(), 37076114526, "<code>euler101()</code> should return 37076114526.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler101() {
+  // Good luck!
+  return true;
+}
+
+euler101();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-102-triangle-containment.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-102-triangle-containment.arabic.md
new file mode 100644
index 0000000000..be18478b2f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-102-triangle-containment.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3d21000cf542c50fee5
+challengeType: 5
+title: 'Problem 102: Triangle containment'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler102(), 228, "<code>euler102()</code> should return 228.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler102() {
+  // Good luck!
+  return true;
+}
+
+euler102();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.arabic.md
new file mode 100644
index 0000000000..c6e843dc97
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3d61000cf542c50fee7
+challengeType: 5
+title: 'Problem 103: Special subset sums: optimum'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler103(), 20313839404245, "<code>euler103()</code> should return 20313839404245.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler103() {
+  // Good luck!
+  return true;
+}
+
+euler103();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.arabic.md
new file mode 100644
index 0000000000..6f8ba5b6e1
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3d51000cf542c50fee6
+challengeType: 5
+title: 'Problem 104: Pandigital Fibonacci ends'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler104(), 329468, "<code>euler104()</code> should return 329468.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler104() {
+  // Good luck!
+  return true;
+}
+
+euler104();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.arabic.md
new file mode 100644
index 0000000000..c8f3a2e904
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3d61000cf542c50fee8
+challengeType: 5
+title: 'Problem 105: Special subset sums: testing'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler105(), 73702, "<code>euler105()</code> should return 73702.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler105() {
+  // Good luck!
+  return true;
+}
+
+euler105();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.arabic.md
new file mode 100644
index 0000000000..09b50222d4
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3d71000cf542c50fee9
+challengeType: 5
+title: 'Problem 106: Special subset sums: meta-testing'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler106(), 21384, "<code>euler106()</code> should return 21384.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler106() {
+  // Good luck!
+  return true;
+}
+
+euler106();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-107-minimal-network.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-107-minimal-network.arabic.md
new file mode 100644
index 0000000000..1e166cadf9
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-107-minimal-network.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3d91000cf542c50feea
+challengeType: 5
+title: 'Problem 107: Minimal network'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler107(), 259679, "<code>euler107()</code> should return 259679.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler107() {
+  // Good luck!
+  return true;
+}
+
+euler107();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.arabic.md
new file mode 100644
index 0000000000..8d29d87153
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3d91000cf542c50feeb
+challengeType: 5
+title: 'Problem 108: Diophantine Reciprocals I'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(diophantineOne(), 180180, "<code>diophantineOne()</code> should return 180180.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function diophantineOne() {
+  // Good luck!
+  return true;
+}
+
+diophantineOne();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-109-darts.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-109-darts.arabic.md
new file mode 100644
index 0000000000..00251a4a99
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-109-darts.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3db1000cf542c50feec
+challengeType: 5
+title: 'Problem 109: Darts'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler109(), 38182, "<code>euler109()</code> should return 38182.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler109() {
+  // Good luck!
+  return true;
+}
+
+euler109();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-11-largest-product-in-a-grid.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-11-largest-product-in-a-grid.arabic.md
new file mode 100644
index 0000000000..24adb70eb4
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-11-largest-product-in-a-grid.arabic.md
@@ -0,0 +1,88 @@
+---
+id: 5900f3781000cf542c50fe8a
+challengeType: 5
+title: 'Problem 11: Largest product in a grid'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(largestGridProduct(grid), 70600674, "<code>largestGridProduct(grid)</code> should return 70600674.");'
+  - text: ''
+    testString: 'assert.strictEqual(largestGridProduct(testGrid), 14169081, "<code>largestGridProduct(testGrid)</code> should return 14169081.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestGridProduct(arr) {
+  // Good luck!
+  return arr;
+}
+
+// Only change code above this line
+const grid = [
+  [8, 2, 22, 97, 38, 15, 0, 40, 0, 75, 4, 5, 7, 78, 52, 12, 50, 77, 91, 8],
+  [49, 49, 99, 40, 17, 81, 18, 57, 60, 87, 17, 40, 98, 43, 69, 48, 4, 56, 62, 0],
+  [81, 49, 31, 73, 55, 79, 14, 29, 93, 71, 40, 67, 53, 88, 30, 3, 49, 13, 36, 65],
+  [52, 70, 95, 23, 4, 60, 11, 42, 69, 24, 68, 56, 1, 32, 56, 71, 37, 2, 36, 91],
+  [22, 31, 16, 71, 51, 67, 63, 89, 41, 92, 36, 54, 22, 40, 40, 28, 66, 33, 13, 80],
+  [24, 47, 32, 60, 99, 3, 45, 2, 44, 75, 33, 53, 78, 36, 84, 20, 35, 17, 12, 50],
+  [32, 98, 81, 28, 64, 23, 67, 10, 26, 38, 40, 67, 59, 54, 70, 66, 18, 38, 64, 70],
+  [67, 26, 20, 68, 2, 62, 12, 20, 95, 63, 94, 39, 63, 8, 40, 91, 66, 49, 94, 21],
+  [24, 55, 58, 5, 66, 73, 99, 26, 97, 17, 78, 78, 96, 83, 14, 88, 34, 89, 63, 72],
+  [21, 36, 23, 9, 75, 0, 76, 44, 20, 45, 35, 14, 0, 61, 33, 97, 34, 31, 33, 95],
+  [78, 17, 53, 28, 22, 75, 31, 67, 15, 94, 3, 80, 4, 62, 16, 14, 9, 53, 56, 92],
+  [16, 39, 5, 42, 96, 35, 31, 47, 55, 58, 88, 24, 0, 17, 54, 24, 36, 29, 85, 57],
+  [86, 56, 0, 48, 35, 71, 89, 7, 5, 44, 44, 37, 44, 60, 21, 58, 51, 54, 17, 58],
+  [19, 80, 81, 68, 5, 94, 47, 69, 28, 73, 92, 13, 86, 52, 17, 77, 4, 89, 55, 40],
+  [4, 52, 8, 83, 97, 35, 99, 16, 7, 97, 57, 32, 16, 26, 26, 79, 33, 27, 98, 66],
+  [88, 36, 68, 87, 57, 62, 20, 72, 3, 46, 33, 67, 46, 55, 12, 32, 63, 93, 53, 69],
+  [4, 42, 16, 73, 38, 25, 39, 11, 24, 94, 72, 18, 8, 46, 29, 32, 40, 62, 76, 36],
+  [20, 69, 36, 41, 72, 30, 23, 88, 34, 62, 99, 69, 82, 67, 59, 85, 74, 4, 36, 16],
+  [20, 73, 35, 29, 78, 31, 90, 1, 74, 31, 49, 71, 48, 86, 81, 16, 23, 57, 5, 54],
+  [1, 70, 54, 71, 83, 51, 54, 69, 16, 92, 33, 48, 61, 43, 52, 1, 89, 19, 67, 48]
+];
+
+const testGrid = [
+  [40, 17, 81, 18, 57],
+  [74, 4, 36, 16, 29],
+  [36, 42, 69, 73, 45],
+  [51, 54, 69, 16, 92],
+  [7, 97, 57, 32, 16]
+];
+
+largestGridProduct(testGrid);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-110-diophantine-reciprocals-ii.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-110-diophantine-reciprocals-ii.arabic.md
new file mode 100644
index 0000000000..b1da0e27df
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-110-diophantine-reciprocals-ii.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3db1000cf542c50feed
+challengeType: 5
+title: 'Problem 110: Diophantine Reciprocals II'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(diophantineTwo(), 9350130049860600, "<code>diophantineTwo()</code> should return 9350130049860600.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function diophantineTwo() {
+  // Good luck!
+  return true;
+}
+
+diophantineTwo();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-111-primes-with-runs.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-111-primes-with-runs.arabic.md
new file mode 100644
index 0000000000..b8ee1984b1
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-111-primes-with-runs.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3db1000cf542c50feee
+challengeType: 5
+title: 'Problem 111: Primes with runs'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler111(), 612407567715, "<code>euler111()</code> should return 612407567715.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler111() {
+  // Good luck!
+  return true;
+}
+
+euler111();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-112-bouncy-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-112-bouncy-numbers.arabic.md
new file mode 100644
index 0000000000..d51a1967fa
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-112-bouncy-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3dd1000cf542c50feef
+challengeType: 5
+title: 'Problem 112: Bouncy numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler112(), 1587000, "<code>euler112()</code> should return 1587000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler112() {
+  // Good luck!
+  return true;
+}
+
+euler112();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-113-non-bouncy-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-113-non-bouncy-numbers.arabic.md
new file mode 100644
index 0000000000..497551baac
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-113-non-bouncy-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3dd1000cf542c50fef0
+challengeType: 5
+title: 'Problem 113: Non-bouncy numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler113(), 51161058134250, "<code>euler113()</code> should return 51161058134250.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler113() {
+  // Good luck!
+  return true;
+}
+
+euler113();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-114-counting-block-combinations-i.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-114-counting-block-combinations-i.arabic.md
new file mode 100644
index 0000000000..22b8a47e35
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-114-counting-block-combinations-i.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3e01000cf542c50fef2
+challengeType: 5
+title: 'Problem 114: Counting block combinations I'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler114(), 16475640049, "<code>euler114()</code> should return 16475640049.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler114() {
+  // Good luck!
+  return true;
+}
+
+euler114();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-115-counting-block-combinations-ii.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-115-counting-block-combinations-ii.arabic.md
new file mode 100644
index 0000000000..339cbd0c5b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-115-counting-block-combinations-ii.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3df1000cf542c50fef1
+challengeType: 5
+title: 'Problem 115: Counting block combinations II'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler115(), 168, "<code>euler115()</code> should return 168.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler115() {
+  // Good luck!
+  return true;
+}
+
+euler115();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-116-red-green-or-blue-tiles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-116-red-green-or-blue-tiles.arabic.md
new file mode 100644
index 0000000000..d7510ddb0d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-116-red-green-or-blue-tiles.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3e01000cf542c50fef3
+challengeType: 5
+title: 'Problem 116: Red, green or blue tiles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler116(), 20492570929, "<code>euler116()</code> should return 20492570929.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler116() {
+  // Good luck!
+  return true;
+}
+
+euler116();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-117-red-green-and-blue-tiles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-117-red-green-and-blue-tiles.arabic.md
new file mode 100644
index 0000000000..c63943f1e5
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-117-red-green-and-blue-tiles.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3e21000cf542c50fef4
+challengeType: 5
+title: 'Problem 117: Red, green, and blue tiles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler117(), 100808458960497, "<code>euler117()</code> should return 100808458960497.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler117() {
+  // Good luck!
+  return true;
+}
+
+euler117();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-118-pandigital-prime-sets.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-118-pandigital-prime-sets.arabic.md
new file mode 100644
index 0000000000..c5a2ee92fd
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-118-pandigital-prime-sets.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3e21000cf542c50fef5
+challengeType: 5
+title: 'Problem 118: Pandigital prime sets'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler118(), 44680, "<code>euler118()</code> should return 44680.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler118() {
+  // Good luck!
+  return true;
+}
+
+euler118();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-119-digit-power-sum.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-119-digit-power-sum.arabic.md
new file mode 100644
index 0000000000..700a7c3dd8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-119-digit-power-sum.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3e41000cf542c50fef6
+challengeType: 5
+title: 'Problem 119: Digit power sum'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler119(), 248155780267521, "<code>euler119()</code> should return 248155780267521.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler119() {
+  // Good luck!
+  return true;
+}
+
+euler119();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-12-highly-divisible-triangular-number.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-12-highly-divisible-triangular-number.arabic.md
new file mode 100644
index 0000000000..be736d816c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-12-highly-divisible-triangular-number.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 5900f3781000cf542c50fe8b
+challengeType: 5
+title: 'Problem 12: Highly divisible triangular number'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(divisibleTriangleNumber(5), 28, "<code>divisibleTriangleNumber(5)</code> should return 28.");'
+  - text: ''
+    testString: 'assert.strictEqual(divisibleTriangleNumber(23), 630, "<code>divisibleTriangleNumber(23)</code> should return 630.");'
+  - text: ''
+    testString: 'assert.strictEqual(divisibleTriangleNumber(167), 1385280, "<code>divisibleTriangleNumber(167)</code> should return 1385280.");'
+  - text: ''
+    testString: 'assert.strictEqual(divisibleTriangleNumber(374), 17907120, "<code>divisibleTriangleNumber(374)</code> should return 17907120.");'
+  - text: ''
+    testString: 'assert.strictEqual(divisibleTriangleNumber(500), 76576500, "<code>divisibleTriangleNumber(500)</code> should return 76576500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function divisibleTriangleNumber(n) {
+  // Good luck!
+  return true;
+}
+
+divisibleTriangleNumber(500);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-120-square-remainders.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-120-square-remainders.arabic.md
new file mode 100644
index 0000000000..19d53306c3
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-120-square-remainders.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3e41000cf542c50fef7
+challengeType: 5
+title: 'Problem 120: Square remainders'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler120(), 333082500, "<code>euler120()</code> should return 333082500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler120() {
+  // Good luck!
+  return true;
+}
+
+euler120();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-121-disc-game-prize-fund.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-121-disc-game-prize-fund.arabic.md
new file mode 100644
index 0000000000..60567f3b05
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-121-disc-game-prize-fund.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3e51000cf542c50fef8
+challengeType: 5
+title: 'Problem 121: Disc game prize fund'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler121(), 2269, "<code>euler121()</code> should return 2269.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler121() {
+  // Good luck!
+  return true;
+}
+
+euler121();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-122-efficient-exponentiation.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-122-efficient-exponentiation.arabic.md
new file mode 100644
index 0000000000..279868b705
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-122-efficient-exponentiation.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3e61000cf542c50fef9
+challengeType: 5
+title: 'Problem 122: Efficient exponentiation'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler122(), 1582, "<code>euler122()</code> should return 1582.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler122() {
+  // Good luck!
+  return true;
+}
+
+euler122();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-123-prime-square-remainders.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-123-prime-square-remainders.arabic.md
new file mode 100644
index 0000000000..1b246018f5
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-123-prime-square-remainders.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3e71000cf542c50fefa
+challengeType: 5
+title: 'Problem 123: Prime square remainders'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler123(), 21035, "<code>euler123()</code> should return 21035.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler123() {
+  // Good luck!
+  return true;
+}
+
+euler123();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-124-ordered-radicals.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-124-ordered-radicals.arabic.md
new file mode 100644
index 0000000000..f9f6e02a60
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-124-ordered-radicals.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3e81000cf542c50fefb
+challengeType: 5
+title: 'Problem 124: Ordered radicals'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler124(), 21417, "<code>euler124()</code> should return 21417.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler124() {
+  // Good luck!
+  return true;
+}
+
+euler124();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-125-palindromic-sums.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-125-palindromic-sums.arabic.md
new file mode 100644
index 0000000000..27304bfb27
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-125-palindromic-sums.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3e91000cf542c50fefc
+challengeType: 5
+title: 'Problem 125: Palindromic sums'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler125(), 2906969179, "<code>euler125()</code> should return 2906969179.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler125() {
+  // Good luck!
+  return true;
+}
+
+euler125();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-126-cuboid-layers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-126-cuboid-layers.arabic.md
new file mode 100644
index 0000000000..2b87069ae6
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-126-cuboid-layers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3ea1000cf542c50fefd
+challengeType: 5
+title: 'Problem 126: Cuboid layers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler126(), 18522, "<code>euler126()</code> should return 18522.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler126() {
+  // Good luck!
+  return true;
+}
+
+euler126();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-127-abc-hits.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-127-abc-hits.arabic.md
new file mode 100644
index 0000000000..a42329a91a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-127-abc-hits.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3ec1000cf542c50fefe
+challengeType: 5
+title: 'Problem 127: abc-hits'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler127(), 18407904, "<code>euler127()</code> should return 18407904.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler127() {
+  // Good luck!
+  return true;
+}
+
+euler127();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-128-hexagonal-tile-differences.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-128-hexagonal-tile-differences.arabic.md
new file mode 100644
index 0000000000..01e084e23b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-128-hexagonal-tile-differences.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3ec1000cf542c50feff
+challengeType: 5
+title: 'Problem 128: Hexagonal tile differences'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler128(), 14516824220, "<code>euler128()</code> should return 14516824220.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler128() {
+  // Good luck!
+  return true;
+}
+
+euler128();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-129-repunit-divisibility.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-129-repunit-divisibility.arabic.md
new file mode 100644
index 0000000000..2cec66ea14
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-129-repunit-divisibility.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3ef1000cf542c50ff01
+challengeType: 5
+title: 'Problem 129: Repunit divisibility'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler129(), 1000023, "<code>euler129()</code> should return 1000023.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler129() {
+  // Good luck!
+  return true;
+}
+
+euler129();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-13-large-sum.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-13-large-sum.arabic.md
new file mode 100644
index 0000000000..f15c37c00b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-13-large-sum.arabic.md
@@ -0,0 +1,178 @@
+---
+id: 5900f37a1000cf542c50fe8c
+challengeType: 5
+title: 'Problem 13: Large sum'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(largeSum(testNums), 8348422521, "<code>largeSum(testNums)</code> should return 8348422521.");'
+  - text: ''
+    testString: 'assert.strictEqual(largeSum(fiftyDigitNums), 5537376230, "<code>largeSum(fiftyDigitNums)</code> should return 5537376230.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largeSum(arr) {
+  // Good luck!
+  return true;
+}
+
+// only change code above this line
+
+const testNums = [
+  '37107287533902102798797998220837590246510135740250',
+  '46376937677490009712648124896970078050417018260538'
+];
+
+largeSum(testNums);
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+const fiftyDigitNums = [
+  '37107287533902102798797998220837590246510135740250',
+  '46376937677490009712648124896970078050417018260538',
+  '74324986199524741059474233309513058123726617309629',
+  '91942213363574161572522430563301811072406154908250',
+  '23067588207539346171171980310421047513778063246676',
+  '89261670696623633820136378418383684178734361726757',
+  '28112879812849979408065481931592621691275889832738',
+  '44274228917432520321923589422876796487670272189318',
+  '47451445736001306439091167216856844588711603153276',
+  '70386486105843025439939619828917593665686757934951',
+  '62176457141856560629502157223196586755079324193331',
+  '64906352462741904929101432445813822663347944758178',
+  '92575867718337217661963751590579239728245598838407',
+  '58203565325359399008402633568948830189458628227828',
+  '80181199384826282014278194139940567587151170094390',
+  '35398664372827112653829987240784473053190104293586',
+  '86515506006295864861532075273371959191420517255829',
+  '71693888707715466499115593487603532921714970056938',
+  '54370070576826684624621495650076471787294438377604',
+  '53282654108756828443191190634694037855217779295145',
+  '36123272525000296071075082563815656710885258350721',
+  '45876576172410976447339110607218265236877223636045',
+  '17423706905851860660448207621209813287860733969412',
+  '81142660418086830619328460811191061556940512689692',
+  '51934325451728388641918047049293215058642563049483',
+  '62467221648435076201727918039944693004732956340691',
+  '15732444386908125794514089057706229429197107928209',
+  '55037687525678773091862540744969844508330393682126',
+  '18336384825330154686196124348767681297534375946515',
+  '80386287592878490201521685554828717201219257766954',
+  '78182833757993103614740356856449095527097864797581',
+  '16726320100436897842553539920931837441497806860984',
+  '48403098129077791799088218795327364475675590848030',
+  '87086987551392711854517078544161852424320693150332',
+  '59959406895756536782107074926966537676326235447210',
+  '69793950679652694742597709739166693763042633987085',
+  '41052684708299085211399427365734116182760315001271',
+  '65378607361501080857009149939512557028198746004375',
+  '35829035317434717326932123578154982629742552737307',
+  '94953759765105305946966067683156574377167401875275',
+  '88902802571733229619176668713819931811048770190271',
+  '25267680276078003013678680992525463401061632866526',
+  '36270218540497705585629946580636237993140746255962',
+  '24074486908231174977792365466257246923322810917141',
+  '91430288197103288597806669760892938638285025333403',
+  '34413065578016127815921815005561868836468420090470',
+  '23053081172816430487623791969842487255036638784583',
+  '11487696932154902810424020138335124462181441773470',
+  '63783299490636259666498587618221225225512486764533',
+  '67720186971698544312419572409913959008952310058822',
+  '95548255300263520781532296796249481641953868218774',
+  '76085327132285723110424803456124867697064507995236',
+  '37774242535411291684276865538926205024910326572967',
+  '23701913275725675285653248258265463092207058596522',
+  '29798860272258331913126375147341994889534765745501',
+  '18495701454879288984856827726077713721403798879715',
+  '38298203783031473527721580348144513491373226651381',
+  '34829543829199918180278916522431027392251122869539',
+  '40957953066405232632538044100059654939159879593635',
+  '29746152185502371307642255121183693803580388584903',
+  '41698116222072977186158236678424689157993532961922',
+  '62467957194401269043877107275048102390895523597457',
+  '23189706772547915061505504953922979530901129967519',
+  '86188088225875314529584099251203829009407770775672',
+  '11306739708304724483816533873502340845647058077308',
+  '82959174767140363198008187129011875491310547126581',
+  '97623331044818386269515456334926366572897563400500',
+  '42846280183517070527831839425882145521227251250327',
+  '55121603546981200581762165212827652751691296897789',
+  '32238195734329339946437501907836945765883352399886',
+  '75506164965184775180738168837861091527357929701337',
+  '62177842752192623401942399639168044983993173312731',
+  '32924185707147349566916674687634660915035914677504',
+  '99518671430235219628894890102423325116913619626622',
+  '73267460800591547471830798392868535206946944540724',
+  '76841822524674417161514036427982273348055556214818',
+  '97142617910342598647204516893989422179826088076852',
+  '87783646182799346313767754307809363333018982642090',
+  '10848802521674670883215120185883543223812876952786',
+  '71329612474782464538636993009049310363619763878039',
+  '62184073572399794223406235393808339651327408011116',
+  '66627891981488087797941876876144230030984490851411',
+  '60661826293682836764744779239180335110989069790714',
+  '85786944089552990653640447425576083659976645795096',
+  '66024396409905389607120198219976047599490197230297',
+  '64913982680032973156037120041377903785566085089252',
+  '16730939319872750275468906903707539413042652315011',
+  '94809377245048795150954100921645863754710598436791',
+  '78639167021187492431995700641917969777599028300699',
+  '15368713711936614952811305876380278410754449733078',
+  '40789923115535562561142322423255033685442488917353',
+  '44889911501440648020369068063960672322193204149535',
+  '41503128880339536053299340368006977710650566631954',
+  '81234880673210146739058568557934581403627822703280',
+  '82616570773948327592232845941706525094512325230608',
+  '22918802058777319719839450180888072429661980811197',
+  '77158542502016545090413245809786882778948721859617',
+  '72107838435069186155435662884062257473692284509516',
+  '20849603980134001723930671666823555245252804609722',
+  '53503534226472524250874054075591789781264330331690'
+];
+
+const testNums = [
+  '37107287533902102798797998220837590246510135740250',
+  '46376937677490009712648124896970078050417018260538'
+];
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-130-composites-with-prime-repunit-property.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-130-composites-with-prime-repunit-property.arabic.md
new file mode 100644
index 0000000000..9804c3c96f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-130-composites-with-prime-repunit-property.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3ee1000cf542c50ff00
+challengeType: 5
+title: 'Problem 130: Composites with prime repunit property'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler130(), 149253, "<code>euler130()</code> should return 149253.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler130() {
+  // Good luck!
+  return true;
+}
+
+euler130();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-131-prime-cube-partnership.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-131-prime-cube-partnership.arabic.md
new file mode 100644
index 0000000000..30c4ac0f32
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-131-prime-cube-partnership.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3ef1000cf542c50ff02
+challengeType: 5
+title: 'Problem 131: Prime cube partnership'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler131(), 173, "<code>euler131()</code> should return 173.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler131() {
+  // Good luck!
+  return true;
+}
+
+euler131();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-132-large-repunit-factors.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-132-large-repunit-factors.arabic.md
new file mode 100644
index 0000000000..694398fb0e
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-132-large-repunit-factors.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3f11000cf542c50ff03
+challengeType: 5
+title: 'Problem 132: Large repunit factors'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler132(), 843296, "<code>euler132()</code> should return 843296.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler132() {
+  // Good luck!
+  return true;
+}
+
+euler132();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-133-repunit-nonfactors.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-133-repunit-nonfactors.arabic.md
new file mode 100644
index 0000000000..f356017409
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-133-repunit-nonfactors.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3f21000cf542c50ff04
+challengeType: 5
+title: 'Problem 133: Repunit nonfactors'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler133(), 453647705, "<code>euler133()</code> should return 453647705.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler133() {
+  // Good luck!
+  return true;
+}
+
+euler133();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-134-prime-pair-connection.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-134-prime-pair-connection.arabic.md
new file mode 100644
index 0000000000..becc5851e5
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-134-prime-pair-connection.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3f21000cf542c50ff05
+challengeType: 5
+title: 'Problem 134: Prime pair connection'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler134(), 18613426663617120, "<code>euler134()</code> should return 18613426663617120.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler134() {
+  // Good luck!
+  return true;
+}
+
+euler134();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-135-same-differences.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-135-same-differences.arabic.md
new file mode 100644
index 0000000000..f85f4c8b52
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-135-same-differences.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3f31000cf542c50ff06
+challengeType: 5
+title: 'Problem 135: Same differences'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler135(), 4989, "<code>euler135()</code> should return 4989.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler135() {
+  // Good luck!
+  return true;
+}
+
+euler135();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-136-singleton-difference.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-136-singleton-difference.arabic.md
new file mode 100644
index 0000000000..54355efd29
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-136-singleton-difference.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3f51000cf542c50ff07
+challengeType: 5
+title: 'Problem 136: Singleton difference'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler136(), 2544559, "<code>euler136()</code> should return 2544559.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler136() {
+  // Good luck!
+  return true;
+}
+
+euler136();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.arabic.md
new file mode 100644
index 0000000000..a1ecea9917
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3f51000cf542c50ff08
+challengeType: 5
+title: 'Problem 137: Fibonacci golden nuggets'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler137(), 1120149658760, "<code>euler137()</code> should return 1120149658760.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler137() {
+  // Good luck!
+  return true;
+}
+
+euler137();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-138-special-isosceles-triangles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-138-special-isosceles-triangles.arabic.md
new file mode 100644
index 0000000000..5afceba0ff
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-138-special-isosceles-triangles.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3f61000cf542c50ff09
+challengeType: 5
+title: 'Problem 138: Special isosceles triangles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler138(), 1118049290473932, "<code>euler138()</code> should return 1118049290473932.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler138() {
+  // Good luck!
+  return true;
+}
+
+euler138();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-139-pythagorean-tiles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-139-pythagorean-tiles.arabic.md
new file mode 100644
index 0000000000..0b0bdb3eb4
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-139-pythagorean-tiles.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3f71000cf542c50ff0a
+challengeType: 5
+title: 'Problem 139: Pythagorean tiles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler139(), 10057761, "<code>euler139()</code> should return 10057761.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler139() {
+  // Good luck!
+  return true;
+}
+
+euler139();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-14-longest-collatz-sequence.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-14-longest-collatz-sequence.arabic.md
new file mode 100644
index 0000000000..7d0fc4ac3c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-14-longest-collatz-sequence.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 5900f37a1000cf542c50fe8d
+challengeType: 5
+title: 'Problem 14: Longest Collatz sequence'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(longestCollatzSequence(14), 9, "<code>longestCollatzSequence(14)</code> should return 9.");'
+  - text: ''
+    testString: 'assert.strictEqual(longestCollatzSequence(5847), 3711, "<code>longestCollatzSequence(5847)</code> should return 3711.");'
+  - text: ''
+    testString: 'assert.strictEqual(longestCollatzSequence(46500), 35655, "<code>longestCollatzSequence(46500)</code> should return 35655.");'
+  - text: ''
+    testString: 'assert.strictEqual(longestCollatzSequence(54512), 52527, "<code>longestCollatzSequence(54512)</code> should return 52527.");'
+  - text: ''
+    testString: 'assert.strictEqual(longestCollatzSequence(1000000), 837799, "<code>longestCollatzSequence(1000000)</code> should return 837799.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function longestCollatzSequence(limit) {
+  // Good luck!
+  return true;
+}
+
+longestCollatzSequence(14);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-140-modified-fibonacci-golden-nuggets.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-140-modified-fibonacci-golden-nuggets.arabic.md
new file mode 100644
index 0000000000..13158f8307
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-140-modified-fibonacci-golden-nuggets.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3fa1000cf542c50ff0c
+challengeType: 5
+title: 'Problem 140: Modified Fibonacci golden nuggets'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler140(), 5673835352990, "<code>euler140()</code> should return 5673835352990.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler140() {
+  // Good luck!
+  return true;
+}
+
+euler140();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-141-investigating-progressive-numbers-n-which-are-also-square.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-141-investigating-progressive-numbers-n-which-are-also-square.arabic.md
new file mode 100644
index 0000000000..986b4be4fc
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-141-investigating-progressive-numbers-n-which-are-also-square.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3f91000cf542c50ff0b
+challengeType: 5
+title: 'Problem 141: Investigating progressive numbers, n, which are also square'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler141(), 878454337159, "<code>euler141()</code> should return 878454337159.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler141() {
+  // Good luck!
+  return true;
+}
+
+euler141();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-142-perfect-square-collection.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-142-perfect-square-collection.arabic.md
new file mode 100644
index 0000000000..f7584bc680
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-142-perfect-square-collection.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3fa1000cf542c50ff0d
+challengeType: 5
+title: 'Problem 142: Perfect Square Collection'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler142(), 1006193, "<code>euler142()</code> should return 1006193.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler142() {
+  // Good luck!
+  return true;
+}
+
+euler142();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-143-investigating-the-torricelli-point-of-a-triangle.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-143-investigating-the-torricelli-point-of-a-triangle.arabic.md
new file mode 100644
index 0000000000..1c07ea3061
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-143-investigating-the-torricelli-point-of-a-triangle.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3fc1000cf542c50ff0e
+challengeType: 5
+title: 'Problem 143: Investigating the Torricelli point of a triangle'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler143(), 30758397, "<code>euler143()</code> should return 30758397.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler143() {
+  // Good luck!
+  return true;
+}
+
+euler143();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-144-investigating-multiple-reflections-of-a-laser-beam.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-144-investigating-multiple-reflections-of-a-laser-beam.arabic.md
new file mode 100644
index 0000000000..645a5107cf
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-144-investigating-multiple-reflections-of-a-laser-beam.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3fc1000cf542c50ff0f
+challengeType: 5
+title: 'Problem 144: Investigating multiple reflections of a laser beam'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler144(), 354, "<code>euler144()</code> should return 354.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler144() {
+  // Good luck!
+  return true;
+}
+
+euler144();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-145-how-many-reversible-numbers-are-there-below-one-billion.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-145-how-many-reversible-numbers-are-there-below-one-billion.arabic.md
new file mode 100644
index 0000000000..375f9a9746
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-145-how-many-reversible-numbers-are-there-below-one-billion.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3fd1000cf542c50ff10
+challengeType: 5
+title: 'Problem 145: How many reversible numbers are there below one-billion?'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler145(), 608720, "<code>euler145()</code> should return 608720.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler145() {
+  // Good luck!
+  return true;
+}
+
+euler145();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-146-investigating-a-prime-pattern.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-146-investigating-a-prime-pattern.arabic.md
new file mode 100644
index 0000000000..3d7f09cfcf
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-146-investigating-a-prime-pattern.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3fe1000cf542c50ff11
+challengeType: 5
+title: 'Problem 146: Investigating a Prime Pattern'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler146(), 676333270, "<code>euler146()</code> should return 676333270.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler146() {
+  // Good luck!
+  return true;
+}
+
+euler146();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-147-rectangles-in-cross-hatched-grids.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-147-rectangles-in-cross-hatched-grids.arabic.md
new file mode 100644
index 0000000000..d0029dd6e2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-147-rectangles-in-cross-hatched-grids.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3ff1000cf542c50ff12
+challengeType: 5
+title: 'Problem 147: Rectangles in cross-hatched grids'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler147(), 846910284, "<code>euler147()</code> should return 846910284.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler147() {
+  // Good luck!
+  return true;
+}
+
+euler147();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-148-exploring-pascals-triangle.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-148-exploring-pascals-triangle.arabic.md
new file mode 100644
index 0000000000..27ae39dc5d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-148-exploring-pascals-triangle.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4021000cf542c50ff14
+challengeType: 5
+title: 'Problem 148: Exploring Pascal"s triangle'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler148(), 2129970655314432, "<code>euler148()</code> should return 2129970655314432.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler148() {
+  // Good luck!
+  return true;
+}
+
+euler148();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-149-searching-for-a-maximum-sum-subsequence.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-149-searching-for-a-maximum-sum-subsequence.arabic.md
new file mode 100644
index 0000000000..fbfcb6ba6d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-149-searching-for-a-maximum-sum-subsequence.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4021000cf542c50ff13
+challengeType: 5
+title: 'Problem 149: Searching for a maximum-sum subsequence'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler149(), 52852124, "<code>euler149()</code> should return 52852124.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler149() {
+  // Good luck!
+  return true;
+}
+
+euler149();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-15-lattice-paths.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-15-lattice-paths.arabic.md
new file mode 100644
index 0000000000..dc9f9efbbd
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-15-lattice-paths.arabic.md
@@ -0,0 +1,58 @@
+---
+id: 5900f37b1000cf542c50fe8e
+challengeType: 5
+title: 'Problem 15: Lattice paths'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(latticePaths(4), 70, "<code>latticePaths(4)</code> should return 70.");'
+  - text: ''
+    testString: 'assert.strictEqual(latticePaths(9), 48620, "<code>latticePaths(9)</code> should return 48620.");'
+  - text: ''
+    testString: 'assert.strictEqual(latticePaths(20), 137846528820, "<code>latticePaths(20)</code> should return 137846528820.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function latticePaths(gridSize) {
+  // Good luck!
+  return true;
+}
+
+latticePaths(4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-150-searching-a-triangular-array-for-a-sub-triangle-having-minimum-sum.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-150-searching-a-triangular-array-for-a-sub-triangle-having-minimum-sum.arabic.md
new file mode 100644
index 0000000000..44287dc410
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-150-searching-a-triangular-array-for-a-sub-triangle-having-minimum-sum.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4031000cf542c50ff15
+challengeType: 5
+title: 'Problem 150: Searching a triangular array for a sub-triangle having minimum-sum'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler150(), -271248680, "<code>euler150()</code> should return -271248680.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler150() {
+  // Good luck!
+  return true;
+}
+
+euler150();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-151-paper-sheets-of-standard-sizes-an-expected-value-problem.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-151-paper-sheets-of-standard-sizes-an-expected-value-problem.arabic.md
new file mode 100644
index 0000000000..ed99e224fb
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-151-paper-sheets-of-standard-sizes-an-expected-value-problem.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4031000cf542c50ff16
+challengeType: 5
+title: 'Problem 151: Paper sheets of standard sizes: an expected-value problem'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler151(), 0.464399, "<code>euler151()</code> should return 0.464399.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler151() {
+  // Good luck!
+  return true;
+}
+
+euler151();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-152-writing-one-half-as-a-sum-of-inverse-squares.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-152-writing-one-half-as-a-sum-of-inverse-squares.arabic.md
new file mode 100644
index 0000000000..15b793bf60
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-152-writing-one-half-as-a-sum-of-inverse-squares.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4041000cf542c50ff17
+challengeType: 5
+title: 'Problem 152: Writing one half as a sum of inverse squares'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler152(), 301, "<code>euler152()</code> should return 301.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler152() {
+  // Good luck!
+  return true;
+}
+
+euler152();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-153-investigating-gaussian-integers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-153-investigating-gaussian-integers.arabic.md
new file mode 100644
index 0000000000..6f4ef9d029
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-153-investigating-gaussian-integers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4051000cf542c50ff18
+challengeType: 5
+title: 'Problem 153: Investigating Gaussian Integers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler153(), 17971254122360636, "<code>euler153()</code> should return 17971254122360636.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler153() {
+  // Good luck!
+  return true;
+}
+
+euler153();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-154-exploring-pascals-pyramid.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-154-exploring-pascals-pyramid.arabic.md
new file mode 100644
index 0000000000..b70877c9ee
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-154-exploring-pascals-pyramid.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4071000cf542c50ff19
+challengeType: 5
+title: 'Problem 154: Exploring Pascal"s pyramid'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler154(), 479742450, "<code>euler154()</code> should return 479742450.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler154() {
+  // Good luck!
+  return true;
+}
+
+euler154();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-155-counting-capacitor-circuits.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-155-counting-capacitor-circuits.arabic.md
new file mode 100644
index 0000000000..b721f9f586
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-155-counting-capacitor-circuits.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4081000cf542c50ff1a
+challengeType: 5
+title: 'Problem 155: Counting Capacitor Circuits'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler155(), 3857447, "<code>euler155()</code> should return 3857447.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler155() {
+  // Good luck!
+  return true;
+}
+
+euler155();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-156-counting-digits.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-156-counting-digits.arabic.md
new file mode 100644
index 0000000000..2a8923e673
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-156-counting-digits.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4091000cf542c50ff1b
+challengeType: 5
+title: 'Problem 156: Counting Digits'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler156(), 21295121502550, "<code>euler156()</code> should return 21295121502550.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler156() {
+  // Good luck!
+  return true;
+}
+
+euler156();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-157-solving-the-diophantine-equation.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-157-solving-the-diophantine-equation.arabic.md
new file mode 100644
index 0000000000..429950ffc3
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-157-solving-the-diophantine-equation.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4091000cf542c50ff1c
+challengeType: 5
+title: 'Problem 157: Solving the diophantine equation'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler157(), 53490, "<code>euler157()</code> should return 53490.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler157() {
+  // Good luck!
+  return true;
+}
+
+euler157();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-158-exploring-strings-for-which-only-one-character-comes-lexicographically-after-its-neighbour-to-the-left.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-158-exploring-strings-for-which-only-one-character-comes-lexicographically-after-its-neighbour-to-the-left.arabic.md
new file mode 100644
index 0000000000..e07145e247
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-158-exploring-strings-for-which-only-one-character-comes-lexicographically-after-its-neighbour-to-the-left.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f40a1000cf542c50ff1d
+challengeType: 5
+title: 'Problem 158: Exploring strings for which only one character comes lexicographically after its neighbour to the left'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler158(), 409511334375, "<code>euler158()</code> should return 409511334375.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler158() {
+  // Good luck!
+  return true;
+}
+
+euler158();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-159-digital-root-sums-of-factorisations.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-159-digital-root-sums-of-factorisations.arabic.md
new file mode 100644
index 0000000000..e85d287bb1
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-159-digital-root-sums-of-factorisations.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f40c1000cf542c50ff1e
+challengeType: 5
+title: 'Problem 159: Digital root sums of factorisations'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler159(), 14489159, "<code>euler159()</code> should return 14489159.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler159() {
+  // Good luck!
+  return true;
+}
+
+euler159();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-16-power-digit-sum.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-16-power-digit-sum.arabic.md
new file mode 100644
index 0000000000..cf812a9327
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-16-power-digit-sum.arabic.md
@@ -0,0 +1,58 @@
+---
+id: 5900f37d1000cf542c50fe8f
+challengeType: 5
+title: 'Problem 16: Power digit sum'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(powerDigitSum(15), 26, "<code>powerDigitSum(15)</code> should return 26.");'
+  - text: ''
+    testString: 'assert.strictEqual(powerDigitSum(128), 166, "<code>powerDigitSum(128)</code> should return 166.");'
+  - text: ''
+    testString: 'assert.strictEqual(powerDigitSum(1000), 1366, "<code>powerDigitSum(1000)</code> should return 1366.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function powerDigitSum(exponent) {
+  // Good luck!
+  return true;
+}
+
+powerDigitSum(15);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-160-factorial-trailing-digits.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-160-factorial-trailing-digits.arabic.md
new file mode 100644
index 0000000000..629ebc8633
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-160-factorial-trailing-digits.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f40d1000cf542c50ff1f
+challengeType: 5
+title: 'Problem 160: Factorial trailing digits'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler160(), 16576, "<code>euler160()</code> should return 16576.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler160() {
+  // Good luck!
+  return true;
+}
+
+euler160();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-161-triominoes.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-161-triominoes.arabic.md
new file mode 100644
index 0000000000..dda7e6d1bb
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-161-triominoes.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f40d1000cf542c50ff20
+challengeType: 5
+title: 'Problem 161: Triominoes'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler161(), 20574308184277972, "<code>euler161()</code> should return 20574308184277972.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler161() {
+  // Good luck!
+  return true;
+}
+
+euler161();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-162-hexadecimal-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-162-hexadecimal-numbers.arabic.md
new file mode 100644
index 0000000000..8921ed96d1
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-162-hexadecimal-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f40e1000cf542c50ff21
+challengeType: 5
+title: 'Problem 162: Hexadecimal numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler162(), 3D58725572C62302, "<code>euler162()</code> should return 3D58725572C62302.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler162() {
+  // Good luck!
+  return true;
+}
+
+euler162();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-163-cross-hatched-triangles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-163-cross-hatched-triangles.arabic.md
new file mode 100644
index 0000000000..255206c8d2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-163-cross-hatched-triangles.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f40f1000cf542c50ff22
+challengeType: 5
+title: 'Problem 163: Cross-hatched triangles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler163(), 343047, "<code>euler163()</code> should return 343047.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler163() {
+  // Good luck!
+  return true;
+}
+
+euler163();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-164-numbers-for-which-no-three-consecutive-digits-have-a-sum-greater-than-a-given-value.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-164-numbers-for-which-no-three-consecutive-digits-have-a-sum-greater-than-a-given-value.arabic.md
new file mode 100644
index 0000000000..c3c2e76037
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-164-numbers-for-which-no-three-consecutive-digits-have-a-sum-greater-than-a-given-value.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4111000cf542c50ff23
+challengeType: 5
+title: 'Problem 164: Numbers for which no three consecutive digits have a sum greater than a given value'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler164(), 378158756814587, "<code>euler164()</code> should return 378158756814587.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler164() {
+  // Good luck!
+  return true;
+}
+
+euler164();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-165-intersections.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-165-intersections.arabic.md
new file mode 100644
index 0000000000..79195a3702
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-165-intersections.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4111000cf542c50ff24
+challengeType: 5
+title: 'Problem 165: Intersections'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler165(), 2868868, "<code>euler165()</code> should return 2868868.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler165() {
+  // Good luck!
+  return true;
+}
+
+euler165();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-166-criss-cross.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-166-criss-cross.arabic.md
new file mode 100644
index 0000000000..bfa20ffb9b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-166-criss-cross.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4131000cf542c50ff25
+challengeType: 5
+title: 'Problem 166: Criss Cross'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler166(), 7130034, "<code>euler166()</code> should return 7130034.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler166() {
+  // Good luck!
+  return true;
+}
+
+euler166();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-167-investigating-ulam-sequences.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-167-investigating-ulam-sequences.arabic.md
new file mode 100644
index 0000000000..6b8629f04b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-167-investigating-ulam-sequences.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4141000cf542c50ff26
+challengeType: 5
+title: 'Problem 167: Investigating Ulam sequences'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler167(), 3916160068885, "<code>euler167()</code> should return 3916160068885.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler167() {
+  // Good luck!
+  return true;
+}
+
+euler167();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-168-number-rotations.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-168-number-rotations.arabic.md
new file mode 100644
index 0000000000..80f7586cb2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-168-number-rotations.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4151000cf542c50ff27
+challengeType: 5
+title: 'Problem 168: Number Rotations'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler168(), 59206, "<code>euler168()</code> should return 59206.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler168() {
+  // Good luck!
+  return true;
+}
+
+euler168();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-169-exploring-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-169-exploring-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.arabic.md
new file mode 100644
index 0000000000..8b3d3d0a60
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-169-exploring-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4151000cf542c50ff28
+challengeType: 5
+title: 'Problem 169: Exploring the number of different ways a number can be expressed as a sum of powers of 2'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler169(), 178653872807, "<code>euler169()</code> should return 178653872807.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler169() {
+  // Good luck!
+  return true;
+}
+
+euler169();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-17-number-letter-counts.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-17-number-letter-counts.arabic.md
new file mode 100644
index 0000000000..965ed88149
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-17-number-letter-counts.arabic.md
@@ -0,0 +1,58 @@
+---
+id: 5900f37d1000cf542c50fe90
+challengeType: 5
+title: 'Problem 17: Number letter counts'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(numberLetterCounts(5), 19, "<code>numberLetterCounts(5)</code> should return 19.");'
+  - text: ''
+    testString: 'assert.strictEqual(numberLetterCounts(150), 1903, "<code>numberLetterCounts(150)</code> should return 1903.");'
+  - text: ''
+    testString: 'assert.strictEqual(numberLetterCounts(1000), 21124, "<code>numberLetterCounts(1000)</code> should return 21124.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function numberLetterCounts(limit) {
+  // Good luck!
+  return true;
+}
+
+numberLetterCounts(5);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-170-find-the-largest-0-to-9-pandigital-that-can-be-formed-by-concatenating-products.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-170-find-the-largest-0-to-9-pandigital-that-can-be-formed-by-concatenating-products.arabic.md
new file mode 100644
index 0000000000..e51d3dec5a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-170-find-the-largest-0-to-9-pandigital-that-can-be-formed-by-concatenating-products.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4161000cf542c50ff29
+challengeType: 5
+title: 'Problem 170: Find the largest 0 to 9 pandigital that can be formed by concatenating products'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler170(), 9857164023, "<code>euler170()</code> should return 9857164023.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler170() {
+  // Good luck!
+  return true;
+}
+
+euler170();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-171-finding-numbers-for-which-the-sum-of-the-squares-of-the-digits-is-a-square.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-171-finding-numbers-for-which-the-sum-of-the-squares-of-the-digits-is-a-square.arabic.md
new file mode 100644
index 0000000000..343f5c39fc
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-171-finding-numbers-for-which-the-sum-of-the-squares-of-the-digits-is-a-square.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4181000cf542c50ff2a
+challengeType: 5
+title: 'Problem 171: Finding numbers for which the sum of the squares of the digits is a square'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler171(), 142989277, "<code>euler171()</code> should return 142989277.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler171() {
+  // Good luck!
+  return true;
+}
+
+euler171();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-172-investigating-numbers-with-few-repeated-digits.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-172-investigating-numbers-with-few-repeated-digits.arabic.md
new file mode 100644
index 0000000000..139926708f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-172-investigating-numbers-with-few-repeated-digits.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4181000cf542c50ff2b
+challengeType: 5
+title: 'Problem 172: Investigating numbers with few repeated digits'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler172(), 227485267000992000, "<code>euler172()</code> should return 227485267000992000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler172() {
+  // Good luck!
+  return true;
+}
+
+euler172();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-173-using-up-to-one-million-tiles-how-many-different-hollow-square-laminae-can-be-formed.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-173-using-up-to-one-million-tiles-how-many-different-hollow-square-laminae-can-be-formed.arabic.md
new file mode 100644
index 0000000000..c83415dda5
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-173-using-up-to-one-million-tiles-how-many-different-hollow-square-laminae-can-be-formed.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f41a1000cf542c50ff2c
+challengeType: 5
+title: 'Problem 173: Using up to one million tiles how many different "hollow" square laminae can be formed?'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler173(), 1572729, "<code>euler173()</code> should return 1572729.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler173() {
+  // Good luck!
+  return true;
+}
+
+euler173();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-174-counting-the-number-of-hollow-square-laminae-that-can-form-one-two-three-...-distinct-arrangements.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-174-counting-the-number-of-hollow-square-laminae-that-can-form-one-two-three-...-distinct-arrangements.arabic.md
new file mode 100644
index 0000000000..5cc022713b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-174-counting-the-number-of-hollow-square-laminae-that-can-form-one-two-three-...-distinct-arrangements.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f41a1000cf542c50ff2d
+challengeType: 5
+title: 'Problem 174: Counting the number of "hollow" square laminae that can form one, two, three, ... distinct arrangements'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler174(), 209566, "<code>euler174()</code> should return 209566.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler174() {
+  // Good luck!
+  return true;
+}
+
+euler174();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-175-fractions-involving-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-175-fractions-involving-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.arabic.md
new file mode 100644
index 0000000000..e7cc612567
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-175-fractions-involving-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f41c1000cf542c50ff2e
+challengeType: 5
+title: 'Problem 175: Fractions involving the number of different ways a number can be expressed as a sum of powers of 2'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler175(), 1, 13717420, 8, "<code>euler175()</code> should return 1, 13717420, 8.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler175() {
+  // Good luck!
+  return true;
+}
+
+euler175();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-176-right-angled-triangles-that-share-a-cathetus.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-176-right-angled-triangles-that-share-a-cathetus.arabic.md
new file mode 100644
index 0000000000..4325072d24
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-176-right-angled-triangles-that-share-a-cathetus.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f41c1000cf542c50ff2f
+challengeType: 5
+title: 'Problem 176: Right-angled triangles that share a cathetus'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler176(), 96818198400000, "<code>euler176()</code> should return 96818198400000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler176() {
+  // Good luck!
+  return true;
+}
+
+euler176();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-177-integer-angled-quadrilaterals.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-177-integer-angled-quadrilaterals.arabic.md
new file mode 100644
index 0000000000..48525b14cc
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-177-integer-angled-quadrilaterals.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f41e1000cf542c50ff30
+challengeType: 5
+title: 'Problem 177: Integer angled Quadrilaterals'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler177(), 129325, "<code>euler177()</code> should return 129325.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler177() {
+  // Good luck!
+  return true;
+}
+
+euler177();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-178-step-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-178-step-numbers.arabic.md
new file mode 100644
index 0000000000..ed20032400
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-178-step-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f41e1000cf542c50ff31
+challengeType: 5
+title: 'Problem 178: Step Numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler178(), 126461847755, "<code>euler178()</code> should return 126461847755.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler178() {
+  // Good luck!
+  return true;
+}
+
+euler178();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-179-consecutive-positive-divisors.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-179-consecutive-positive-divisors.arabic.md
new file mode 100644
index 0000000000..6bca1effc0
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-179-consecutive-positive-divisors.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f41f1000cf542c50ff32
+challengeType: 5
+title: 'Problem 179: Consecutive positive divisors'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler179(), 986262, "<code>euler179()</code> should return 986262.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler179() {
+  // Good luck!
+  return true;
+}
+
+euler179();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-18-maximum-path-sum-i.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-18-maximum-path-sum-i.arabic.md
new file mode 100644
index 0000000000..87571c254f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-18-maximum-path-sum-i.arabic.md
@@ -0,0 +1,70 @@
+---
+id: 5900f37e1000cf542c50fe91
+challengeType: 5
+title: 'Problem 18: Maximum path sum I'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(maximumPathSumI(testTriangle), 23, "<code>maximumPathSumI(testTriangle)</code> should return 23.");'
+  - text: ''
+    testString: 'assert.strictEqual(maximumPathSumI(numTriangle), 1074, "<code>maximumPathSumI(numTriangle)</code> should return 1074.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function maximumPathSumI(triangle) {
+  // Good luck!
+  return true;
+}
+
+const testTriangle = [[3, 0, 0, 0],
+                      [7, 4, 0, 0],
+                      [2, 4, 6, 0],
+                      [8, 5, 9, 3]];
+
+maximumPathSumI(testTriangle);
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+const numTriangle = [[75, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [95, 64, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [17, 47, 82, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [18, 35, 87, 10, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [20, 4, 82, 47, 65, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [19, 1, 23, 75, 3, 34, 0, 0, 0, 0, 0, 0, 0, 0, 0], [88, 2, 77, 73, 7, 63, 67, 0, 0, 0, 0, 0, 0, 0, 0], [99, 65, 4, 28, 6, 16, 70, 92, 0, 0, 0, 0, 0, 0, 0], [41, 41, 26, 56, 83, 40, 80, 70, 33, 0, 0, 0, 0, 0, 0], [41, 48, 72, 33, 47, 32, 37, 16, 94, 29, 0, 0, 0, 0, 0], [53, 71, 44, 65, 25, 43, 91, 52, 97, 51, 14, 0, 0, 0, 0], [70, 11, 33, 28, 77, 73, 17, 78, 39, 68, 17, 57, 0, 0, 0], [91, 71, 52, 38, 17, 14, 91, 43, 58, 50, 27, 29, 48, 0, 0], [63, 66, 4, 68, 89, 53, 67, 30, 73, 16, 69, 87, 40, 31, 0], [4, 62, 98, 27, 23, 9, 70, 98, 73, 93, 38, 53, 60, 4, 23]];
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-180-rational-zeros-of-a-function-of-three-variables.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-180-rational-zeros-of-a-function-of-three-variables.arabic.md
new file mode 100644
index 0000000000..4c8f1a18dd
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-180-rational-zeros-of-a-function-of-three-variables.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4201000cf542c50ff33
+challengeType: 5
+title: 'Problem 180: Rational zeros of a function of three variables'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler180(), 285196020571078980, "<code>euler180()</code> should return 285196020571078980.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler180() {
+  // Good luck!
+  return true;
+}
+
+euler180();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-181-investigating-in-how-many-ways-objects-of-two-different-colours-can-be-grouped.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-181-investigating-in-how-many-ways-objects-of-two-different-colours-can-be-grouped.arabic.md
new file mode 100644
index 0000000000..f909b9bafe
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-181-investigating-in-how-many-ways-objects-of-two-different-colours-can-be-grouped.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4231000cf542c50ff34
+challengeType: 5
+title: 'Problem 181: Investigating in how many ways objects of two different colours can be grouped'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler181(), 83735848679360670, "<code>euler181()</code> should return 83735848679360670.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler181() {
+  // Good luck!
+  return true;
+}
+
+euler181();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-182-rsa-encryption.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-182-rsa-encryption.arabic.md
new file mode 100644
index 0000000000..0c34a00e12
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-182-rsa-encryption.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4231000cf542c50ff35
+challengeType: 5
+title: 'Problem 182: RSA encryption'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler182(), 399788195976, "<code>euler182()</code> should return 399788195976.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler182() {
+  // Good luck!
+  return true;
+}
+
+euler182();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-183-maximum-product-of-parts.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-183-maximum-product-of-parts.arabic.md
new file mode 100644
index 0000000000..c6cb9053fd
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-183-maximum-product-of-parts.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4231000cf542c50ff36
+challengeType: 5
+title: 'Problem 183: Maximum product of parts'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler183(), 48861552, "<code>euler183()</code> should return 48861552.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler183() {
+  // Good luck!
+  return true;
+}
+
+euler183();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-184-triangles-containing-the-origin.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-184-triangles-containing-the-origin.arabic.md
new file mode 100644
index 0000000000..9e428a834a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-184-triangles-containing-the-origin.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4241000cf542c50ff37
+challengeType: 5
+title: 'Problem 184: Triangles containing the origin'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler184(), 1725323624056, "<code>euler184()</code> should return 1725323624056.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler184() {
+  // Good luck!
+  return true;
+}
+
+euler184();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-185-number-mind.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-185-number-mind.arabic.md
new file mode 100644
index 0000000000..82c22ffae7
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-185-number-mind.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4251000cf542c50ff38
+challengeType: 5
+title: 'Problem 185: Number Mind'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler185(), 4640261571849533, "<code>euler185()</code> should return 4640261571849533.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler185() {
+  // Good luck!
+  return true;
+}
+
+euler185();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-186-connectedness-of-a-network.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-186-connectedness-of-a-network.arabic.md
new file mode 100644
index 0000000000..ce227c9471
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-186-connectedness-of-a-network.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4281000cf542c50ff39
+challengeType: 5
+title: 'Problem 186: Connectedness of a network'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler186(), 2325629, "<code>euler186()</code> should return 2325629.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler186() {
+  // Good luck!
+  return true;
+}
+
+euler186();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-187-semiprimes.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-187-semiprimes.arabic.md
new file mode 100644
index 0000000000..f69f8435ae
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-187-semiprimes.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4291000cf542c50ff3a
+challengeType: 5
+title: 'Problem 187: Semiprimes'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler187(), 17427258, "<code>euler187()</code> should return 17427258.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler187() {
+  // Good luck!
+  return true;
+}
+
+euler187();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-188-the-hyperexponentiation-of-a-number.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-188-the-hyperexponentiation-of-a-number.arabic.md
new file mode 100644
index 0000000000..7394d8c9a0
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-188-the-hyperexponentiation-of-a-number.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4291000cf542c50ff3b
+challengeType: 5
+title: 'Problem 188: The hyperexponentiation of a number'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler188(), 95962097, "<code>euler188()</code> should return 95962097.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler188() {
+  // Good luck!
+  return true;
+}
+
+euler188();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-189-tri-colouring-a-triangular-grid.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-189-tri-colouring-a-triangular-grid.arabic.md
new file mode 100644
index 0000000000..4062d04293
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-189-tri-colouring-a-triangular-grid.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4291000cf542c50ff3c
+challengeType: 5
+title: 'Problem 189: Tri-colouring a triangular grid'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler189(), 10834893628237824, "<code>euler189()</code> should return 10834893628237824.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler189() {
+  // Good luck!
+  return true;
+}
+
+euler189();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-19-counting-sundays.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-19-counting-sundays.arabic.md
new file mode 100644
index 0000000000..cd949c1d44
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-19-counting-sundays.arabic.md
@@ -0,0 +1,58 @@
+---
+id: 5900f37f1000cf542c50fe92
+challengeType: 5
+title: 'Problem 19: Counting Sundays'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(countingSundays(1943, 1946), 6, "<code>countingSundays(1943, 1946)</code> should return 6.");'
+  - text: ''
+    testString: 'assert.strictEqual(countingSundays(1995, 2000), 9, "<code>countingSundays(1995, 2000)</code> should return 9.");'
+  - text: ''
+    testString: 'assert.strictEqual(countingSundays(1901, 2000), 171, "<code>countingSundays(1901, 2000)</code> should return 171.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countingSundays(firstYear, lastYear) {
+  // Good luck!
+  return true;
+}
+
+countingSundays(1943, 1946);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-190-maximising-a-weighted-product.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-190-maximising-a-weighted-product.arabic.md
new file mode 100644
index 0000000000..e6e6456200
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-190-maximising-a-weighted-product.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f42b1000cf542c50ff3d
+challengeType: 5
+title: 'Problem 190: Maximising a weighted product'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler190(), 371048281, "<code>euler190()</code> should return 371048281.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler190() {
+  // Good luck!
+  return true;
+}
+
+euler190();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-191-prize-strings.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-191-prize-strings.arabic.md
new file mode 100644
index 0000000000..39ff0d6f41
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-191-prize-strings.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f42b1000cf542c50ff3e
+challengeType: 5
+title: 'Problem 191: Prize Strings'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler191(), 1918080160, "<code>euler191()</code> should return 1918080160.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler191() {
+  // Good luck!
+  return true;
+}
+
+euler191();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-192-best-approximations.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-192-best-approximations.arabic.md
new file mode 100644
index 0000000000..75badc7cb8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-192-best-approximations.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f42c1000cf542c50ff3f
+challengeType: 5
+title: 'Problem 192: Best Approximations'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler192(), 57060635927998344, "<code>euler192()</code> should return 57060635927998344.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler192() {
+  // Good luck!
+  return true;
+}
+
+euler192();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-193-squarefree-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-193-squarefree-numbers.arabic.md
new file mode 100644
index 0000000000..1ac2205fca
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-193-squarefree-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f42f1000cf542c50ff41
+challengeType: 5
+title: 'Problem 193: Squarefree Numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler193(), 684465067343069, "<code>euler193()</code> should return 684465067343069.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler193() {
+  // Good luck!
+  return true;
+}
+
+euler193();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-194-coloured-configurations.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-194-coloured-configurations.arabic.md
new file mode 100644
index 0000000000..d453194c0c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-194-coloured-configurations.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f42f1000cf542c50ff40
+challengeType: 5
+title: 'Problem 194: Coloured Configurations'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler194(), 61190912, "<code>euler194()</code> should return 61190912.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler194() {
+  // Good luck!
+  return true;
+}
+
+euler194();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-195-inscribed-circles-of-triangles-with-one-angle-of-60-degrees.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-195-inscribed-circles-of-triangles-with-one-angle-of-60-degrees.arabic.md
new file mode 100644
index 0000000000..4988429378
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-195-inscribed-circles-of-triangles-with-one-angle-of-60-degrees.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4311000cf542c50ff43
+challengeType: 5
+title: 'Problem 195: Inscribed circles of triangles with one angle of 60 degrees'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler195(), 75085391, "<code>euler195()</code> should return 75085391.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler195() {
+  // Good luck!
+  return true;
+}
+
+euler195();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-196-prime-triplets.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-196-prime-triplets.arabic.md
new file mode 100644
index 0000000000..8831a468aa
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-196-prime-triplets.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4301000cf542c50ff42
+challengeType: 5
+title: 'Problem 196: Prime triplets'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler196(), 322303240771079940, "<code>euler196()</code> should return 322303240771079940.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler196() {
+  // Good luck!
+  return true;
+}
+
+euler196();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-197-investigating-the-behaviour-of-a-recursively-defined-sequence.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-197-investigating-the-behaviour-of-a-recursively-defined-sequence.arabic.md
new file mode 100644
index 0000000000..c2ca5aa3c2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-197-investigating-the-behaviour-of-a-recursively-defined-sequence.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4311000cf542c50ff44
+challengeType: 5
+title: 'Problem 197: Investigating the behaviour of a recursively defined sequence'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler197(), 1.710637717, "<code>euler197()</code> should return 1.710637717.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler197() {
+  // Good luck!
+  return true;
+}
+
+euler197();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-198-ambiguous-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-198-ambiguous-numbers.arabic.md
new file mode 100644
index 0000000000..66f031a11a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-198-ambiguous-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4331000cf542c50ff45
+challengeType: 5
+title: 'Problem 198: Ambiguous Numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler198(), 52374425, "<code>euler198()</code> should return 52374425.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler198() {
+  // Good luck!
+  return true;
+}
+
+euler198();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-199-iterative-circle-packing.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-199-iterative-circle-packing.arabic.md
new file mode 100644
index 0000000000..0369ee075a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-199-iterative-circle-packing.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4341000cf542c50ff46
+challengeType: 5
+title: 'Problem 199: Iterative Circle Packing'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler199(), 0.00396087, "<code>euler199()</code> should return 0.00396087.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler199() {
+  // Good luck!
+  return true;
+}
+
+euler199();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-2-even-fibonacci-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-2-even-fibonacci-numbers.arabic.md
new file mode 100644
index 0000000000..4023f10c05
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-2-even-fibonacci-numbers.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 5900f36e1000cf542c50fe81
+challengeType: 5
+title: 'Problem 2: Even Fibonacci Numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(fiboEvenSum(10), 188, "<code>fiboEvenSum(10)</code> should return 188.");'
+  - text: ''
+    testString: 'assert.strictEqual(fiboEvenSum(23), 60696, "<code>fiboEvenSum(23)</code> should return 60696.");'
+  - text: ''
+    testString: 'assert.strictEqual(fiboEvenSum(43), 1485607536, "<code>fiboEvenSum(43)</code> should return 1485607536.");'
+  - text: ''
+    testString: 'assert.strictEqual(fiboEvenSum(18), 3382, "Your function is not returning the correct result using our tests values.");'
+  - text: ''
+    testString: 'assert.equal(fiboEvenSum(31) % 2 === 0, true, "Your function should return an <code>even</code> value.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fiboEvenSum(n) {
+  // You can do it!
+  return true;
+}
+
+fiboEvenSum(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-20-factorial-digit-sum.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-20-factorial-digit-sum.arabic.md
new file mode 100644
index 0000000000..1513ddbd56
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-20-factorial-digit-sum.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 5900f3801000cf542c50fe93
+challengeType: 5
+title: 'Problem 20: Factorial digit sum'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(sumFactorialDigits(10), 27, "<code>sumFactorialDigits(10)</code> should return 27.");'
+  - text: ''
+    testString: 'assert.strictEqual(sumFactorialDigits(25), 72, "<code>sumFactorialDigits(25)</code> should return 72.");'
+  - text: ''
+    testString: 'assert.strictEqual(sumFactorialDigits(50), 216, "<code>sumFactorialDigits(50)</code> should return 216.");'
+  - text: ''
+    testString: 'assert.strictEqual(sumFactorialDigits(75), 432, "<code>sumFactorialDigits(75)</code> should return 432.");'
+  - text: ''
+    testString: 'assert.strictEqual(sumFactorialDigits(100), 648, "<code>sumFactorialDigits(100)</code> should return 648.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumFactorialDigits(n) {
+  // Good luck!
+  return n;
+}
+
+sumFactorialDigits(100);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-200-find-the-200th-prime-proof-sqube-containing-the-contiguous-sub-string-200.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-200-find-the-200th-prime-proof-sqube-containing-the-contiguous-sub-string-200.arabic.md
new file mode 100644
index 0000000000..da2c0a1fca
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-200-find-the-200th-prime-proof-sqube-containing-the-contiguous-sub-string-200.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4351000cf542c50ff47
+challengeType: 5
+title: 'Problem 200: Find the 200th prime-proof sqube containing the contiguous sub-string "200"'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler200(), 229161792008, "<code>euler200()</code> should return 229161792008.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler200() {
+  // Good luck!
+  return true;
+}
+
+euler200();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-201-subsets-with-a-unique-sum.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-201-subsets-with-a-unique-sum.arabic.md
new file mode 100644
index 0000000000..6192ff8ed5
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-201-subsets-with-a-unique-sum.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4361000cf542c50ff48
+challengeType: 5
+title: 'Problem 201: Subsets with a unique sum'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler201(), 115039000, "<code>euler201()</code> should return 115039000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler201() {
+  // Good luck!
+  return true;
+}
+
+euler201();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-202-laserbeam.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-202-laserbeam.arabic.md
new file mode 100644
index 0000000000..ef8e756d63
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-202-laserbeam.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4371000cf542c50ff49
+challengeType: 5
+title: 'Problem 202: Laserbeam'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler202(), 1209002624, "<code>euler202()</code> should return 1209002624.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler202() {
+  // Good luck!
+  return true;
+}
+
+euler202();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-203-squarefree-binomial-coefficients.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-203-squarefree-binomial-coefficients.arabic.md
new file mode 100644
index 0000000000..c5463f086c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-203-squarefree-binomial-coefficients.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4381000cf542c50ff4a
+challengeType: 5
+title: 'Problem 203: Squarefree Binomial Coefficients'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler203(), 34029210557338, "<code>euler203()</code> should return 34029210557338.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler203() {
+  // Good luck!
+  return true;
+}
+
+euler203();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-204-generalised-hamming-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-204-generalised-hamming-numbers.arabic.md
new file mode 100644
index 0000000000..116fa9e560
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-204-generalised-hamming-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4381000cf542c50ff4b
+challengeType: 5
+title: 'Problem 204: Generalised Hamming Numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler204(), 2944730, "<code>euler204()</code> should return 2944730.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler204() {
+  // Good luck!
+  return true;
+}
+
+euler204();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-205-dice-game.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-205-dice-game.arabic.md
new file mode 100644
index 0000000000..78a1dc3958
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-205-dice-game.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4391000cf542c50ff4c
+challengeType: 5
+title: 'Problem 205: Dice Game'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler205(), 0.5731441, "<code>euler205()</code> should return 0.5731441.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler205() {
+  // Good luck!
+  return true;
+}
+
+euler205();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-206-concealed-square.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-206-concealed-square.arabic.md
new file mode 100644
index 0000000000..0c96e0f7ae
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-206-concealed-square.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f43a1000cf542c50ff4d
+challengeType: 5
+title: 'Problem 206: Concealed Square'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler206(), 1389019170, "<code>euler206()</code> should return 1389019170.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler206() {
+  // Good luck!
+  return true;
+}
+
+euler206();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-207-integer-partition-equations.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-207-integer-partition-equations.arabic.md
new file mode 100644
index 0000000000..689fc2393b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-207-integer-partition-equations.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f43c1000cf542c50ff4e
+challengeType: 5
+title: 'Problem 207: Integer partition equations'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler207(), 44043947822, "<code>euler207()</code> should return 44043947822.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler207() {
+  // Good luck!
+  return true;
+}
+
+euler207();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-208-robot-walks.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-208-robot-walks.arabic.md
new file mode 100644
index 0000000000..7a2b57cc70
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-208-robot-walks.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f43f1000cf542c50ff51
+challengeType: 5
+title: 'Problem 208: Robot Walks'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler208(), 331951449665644800, "<code>euler208()</code> should return 331951449665644800.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler208() {
+  // Good luck!
+  return true;
+}
+
+euler208();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-209-circular-logic.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-209-circular-logic.arabic.md
new file mode 100644
index 0000000000..20c7ef203b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-209-circular-logic.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f43e1000cf542c50ff4f
+challengeType: 5
+title: 'Problem 209: Circular Logic'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler209(), 15964587728784, "<code>euler209()</code> should return 15964587728784.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler209() {
+  // Good luck!
+  return true;
+}
+
+euler209();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-21-amicable-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-21-amicable-numbers.arabic.md
new file mode 100644
index 0000000000..a73be49445
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-21-amicable-numbers.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3811000cf542c50fe94
+challengeType: 5
+title: 'Problem 21: Amicable numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(sumAmicableNum(1000), 504, "<code>sumAmicableNum(1000)</code> should return 504.");'
+  - text: ''
+    testString: 'assert.strictEqual(sumAmicableNum(2000), 2898, "<code>sumAmicableNum(2000)</code> should return 2898.");'
+  - text: ''
+    testString: 'assert.strictEqual(sumAmicableNum(5000), 8442, "<code>sumAmicableNum(5000)</code> should return 8442.");'
+  - text: ''
+    testString: 'assert.strictEqual(sumAmicableNum(10000), 31626, "<code>sumAmicableNum(10000)</code> should return 31626.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumAmicableNum(n) {
+  // Good luck!
+  return n;
+}
+
+sumAmicableNum(10000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-210-obtuse-angled-triangles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-210-obtuse-angled-triangles.arabic.md
new file mode 100644
index 0000000000..4b616f75be
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-210-obtuse-angled-triangles.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f43e1000cf542c50ff50
+challengeType: 5
+title: 'Problem 210: Obtuse Angled Triangles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler210(), 1598174770174689500, "<code>euler210()</code> should return 1598174770174689500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler210() {
+  // Good luck!
+  return true;
+}
+
+euler210();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-211-divisor-square-sum.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-211-divisor-square-sum.arabic.md
new file mode 100644
index 0000000000..d022c35850
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-211-divisor-square-sum.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f43f1000cf542c50ff52
+challengeType: 5
+title: 'Problem 211: Divisor Square Sum'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler211(), 1922364685, "<code>euler211()</code> should return 1922364685.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler211() {
+  // Good luck!
+  return true;
+}
+
+euler211();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-212-combined-volume-of-cuboids.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-212-combined-volume-of-cuboids.arabic.md
new file mode 100644
index 0000000000..48526b8f06
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-212-combined-volume-of-cuboids.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4411000cf542c50ff53
+challengeType: 5
+title: 'Problem 212: Combined Volume of Cuboids'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler212(), 328968937309, "<code>euler212()</code> should return 328968937309.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler212() {
+  // Good luck!
+  return true;
+}
+
+euler212();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-213-flea-circus.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-213-flea-circus.arabic.md
new file mode 100644
index 0000000000..b4c2c89db6
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-213-flea-circus.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4411000cf542c50ff54
+challengeType: 5
+title: 'Problem 213: Flea Circus'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler213(), 330.721154, "<code>euler213()</code> should return 330.721154.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler213() {
+  // Good luck!
+  return true;
+}
+
+euler213();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-214-totient-chains.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-214-totient-chains.arabic.md
new file mode 100644
index 0000000000..fffbc40992
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-214-totient-chains.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4421000cf542c50ff55
+challengeType: 5
+title: 'Problem 214: Totient Chains'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler214(), 1677366278943, "<code>euler214()</code> should return 1677366278943.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler214() {
+  // Good luck!
+  return true;
+}
+
+euler214();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-215-crack-free-walls.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-215-crack-free-walls.arabic.md
new file mode 100644
index 0000000000..b5a6747c6e
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-215-crack-free-walls.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4431000cf542c50ff56
+challengeType: 5
+title: 'Problem 215: Crack-free Walls'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler215(), 806844323190414, "<code>euler215()</code> should return 806844323190414.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler215() {
+  // Good luck!
+  return true;
+}
+
+euler215();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-216-investigating-the-primality-of-numbers-of-the-form-2n2-1.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-216-investigating-the-primality-of-numbers-of-the-form-2n2-1.arabic.md
new file mode 100644
index 0000000000..07893b9dd1
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-216-investigating-the-primality-of-numbers-of-the-form-2n2-1.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4451000cf542c50ff57
+challengeType: 5
+title: 'Problem 216: Investigating the primality of numbers of the form 2n2-1'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler216(), 5437849, "<code>euler216()</code> should return 5437849.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler216() {
+  // Good luck!
+  return true;
+}
+
+euler216();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-217-balanced-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-217-balanced-numbers.arabic.md
new file mode 100644
index 0000000000..c3359c8144
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-217-balanced-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4461000cf542c50ff58
+challengeType: 5
+title: 'Problem 217: Balanced Numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler217(), 6273134, "<code>euler217()</code> should return 6273134.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler217() {
+  // Good luck!
+  return true;
+}
+
+euler217();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-218-perfect-right-angled-triangles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-218-perfect-right-angled-triangles.arabic.md
new file mode 100644
index 0000000000..5ef92d8cf9
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-218-perfect-right-angled-triangles.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4461000cf542c50ff59
+challengeType: 5
+title: 'Problem 218: Perfect right-angled triangles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler218(), 0, "<code>euler218()</code> should return 0.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler218() {
+  // Good luck!
+  return true;
+}
+
+euler218();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-219-skew-cost-coding.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-219-skew-cost-coding.arabic.md
new file mode 100644
index 0000000000..1b27b160e3
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-219-skew-cost-coding.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4481000cf542c50ff5a
+challengeType: 5
+title: 'Problem 219: Skew-cost coding'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler219(), 64564225042, "<code>euler219()</code> should return 64564225042.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler219() {
+  // Good luck!
+  return true;
+}
+
+euler219();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-22-names-scores.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-22-names-scores.arabic.md
new file mode 100644
index 0000000000..0ac65454ae
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-22-names-scores.arabic.md
@@ -0,0 +1,71 @@
+---
+id: 5a51eabcad78bf416f316e2a
+challengeType: 5
+title: 'Problem 22: Names scores'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(namesScores(test1), 791, "<code>namesScores(test1)</code> should return 791.");'
+  - text: ''
+    testString: 'assert.strictEqual(namesScores(test2), 1468, "<code>namesScores(test2)</code> should return 1468.");'
+  - text: ''
+    testString: 'assert.strictEqual(namesScores(names), 871198282, "<code>namesScores(names)</code> should return 871198282.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function namesScores(arr) {
+  // Good luck!
+  return arr;
+}
+
+// Only change code above this line
+const test1 = ['THIS', 'IS', 'ONLY', 'A', 'TEST'];
+const test2 = ['I', 'REPEAT', 'THIS', 'IS', 'ONLY', 'A', 'TEST'];
+
+namesScores(test1);
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+const names = ['MARY','PATRICIA','LINDA','BARBARA','ELIZABETH','JENNIFER','MARIA','SUSAN','MARGARET','DOROTHY','LISA','NANCY','KAREN','BETTY','HELEN','SANDRA','DONNA','CAROL','RUTH','SHARON','MICHELLE','LAURA','SARAH','KIMBERLY','DEBORAH','JESSICA','SHIRLEY','CYNTHIA','ANGELA','MELISSA','BRENDA','AMY','ANNA','REBECCA','VIRGINIA','KATHLEEN','PAMELA','MARTHA','DEBRA','AMANDA','STEPHANIE','CAROLYN','CHRISTINE','MARIE','JANET','CATHERINE','FRANCES','ANN','JOYCE','DIANE','ALICE','JULIE','HEATHER','TERESA','DORIS','GLORIA','EVELYN','JEAN','CHERYL','MILDRED','KATHERINE','JOAN','ASHLEY','JUDITH','ROSE','JANICE','KELLY','NICOLE','JUDY','CHRISTINA','KATHY','THERESA','BEVERLY','DENISE','TAMMY','IRENE','JANE','LORI','RACHEL','MARILYN','ANDREA','KATHRYN','LOUISE','SARA','ANNE','JACQUELINE','WANDA','BONNIE','JULIA','RUBY','LOIS','TINA','PHYLLIS','NORMA','PAULA','DIANA','ANNIE','LILLIAN','EMILY','ROBIN','PEGGY','CRYSTAL','GLADYS','RITA','DAWN','CONNIE','FLORENCE','TRACY','EDNA','TIFFANY','CARMEN','ROSA','CINDY','GRACE','WENDY','VICTORIA','EDITH','KIM','SHERRY','SYLVIA','JOSEPHINE','THELMA','SHANNON','SHEILA','ETHEL','ELLEN','ELAINE','MARJORIE','CARRIE','CHARLOTTE','MONICA','ESTHER','PAULINE','EMMA','JUANITA','ANITA','RHONDA','HAZEL','AMBER','EVA','DEBBIE','APRIL','LESLIE','CLARA','LUCILLE','JAMIE','JOANNE','ELEANOR','VALERIE','DANIELLE','MEGAN','ALICIA','SUZANNE','MICHELE','GAIL','BERTHA','DARLENE','VERONICA','JILL','ERIN','GERALDINE','LAUREN','CATHY','JOANN','LORRAINE','LYNN','SALLY','REGINA','ERICA','BEATRICE','DOLORES','BERNICE','AUDREY','YVONNE','ANNETTE','JUNE','SAMANTHA','MARION','DANA','STACY','ANA','RENEE','IDA','VIVIAN','ROBERTA','HOLLY','BRITTANY','MELANIE','LORETTA','YOLANDA','JEANETTE','LAURIE','KATIE','KRISTEN','VANESSA','ALMA','SUE','ELSIE','BETH','JEANNE','VICKI','CARLA','TARA','ROSEMARY','EILEEN','TERRI','GERTRUDE','LUCY','TONYA','ELLA','STACEY','WILMA','GINA','KRISTIN','JESSIE','NATALIE','AGNES','VERA','WILLIE','CHARLENE','BESSIE','DELORES','MELINDA','PEARL','ARLENE','MAUREEN','COLLEEN','ALLISON','TAMARA','JOY','GEORGIA','CONSTANCE','LILLIE','CLAUDIA','JACKIE','MARCIA','TANYA','NELLIE','MINNIE','MARLENE','HEIDI','GLENDA','LYDIA','VIOLA','COURTNEY','MARIAN','STELLA','CAROLINE','DORA','JO','VICKIE','MATTIE','TERRY','MAXINE','IRMA','MABEL','MARSHA','MYRTLE','LENA','CHRISTY','DEANNA','PATSY','HILDA','GWENDOLYN','JENNIE','NORA','MARGIE','NINA','CASSANDRA','LEAH','PENNY','KAY','PRISCILLA','NAOMI','CAROLE','BRANDY','OLGA','BILLIE','DIANNE','TRACEY','LEONA','JENNY','FELICIA','SONIA','MIRIAM','VELMA','BECKY','BOBBIE','VIOLET','KRISTINA','TONI','MISTY','MAE','SHELLY','DAISY','RAMONA','SHERRI','ERIKA','KATRINA','CLAIRE','LINDSEY','LINDSAY','GENEVA','GUADALUPE','BELINDA','MARGARITA','SHERYL','CORA','FAYE','ADA','NATASHA','SABRINA','ISABEL','MARGUERITE','HATTIE','HARRIET','MOLLY','CECILIA','KRISTI','BRANDI','BLANCHE','SANDY','ROSIE','JOANNA','IRIS','EUNICE','ANGIE','INEZ','LYNDA','MADELINE','AMELIA','ALBERTA','GENEVIEVE','MONIQUE','JODI','JANIE','MAGGIE','KAYLA','SONYA','JAN','LEE','KRISTINE','CANDACE','FANNIE','MARYANN','OPAL','ALISON','YVETTE','MELODY','LUZ','SUSIE','OLIVIA','FLORA','SHELLEY','KRISTY','MAMIE','LULA','LOLA','VERNA','BEULAH','ANTOINETTE','CANDICE','JUANA','JEANNETTE','PAM','KELLI','HANNAH','WHITNEY','BRIDGET','KARLA','CELIA','LATOYA','PATTY','SHELIA','GAYLE','DELLA','VICKY','LYNNE','SHERI','MARIANNE','KARA','JACQUELYN','ERMA','BLANCA','MYRA','LETICIA','PAT','KRISTA','ROXANNE','ANGELICA','JOHNNIE','ROBYN','FRANCIS','ADRIENNE','ROSALIE','ALEXANDRA','BROOKE','BETHANY','SADIE','BERNADETTE','TRACI','JODY','KENDRA','JASMINE','NICHOLE','RACHAEL','CHELSEA','MABLE','ERNESTINE','MURIEL','MARCELLA','ELENA','KRYSTAL','ANGELINA','NADINE','KARI','ESTELLE','DIANNA','PAULETTE','LORA','MONA','DOREEN','ROSEMARIE','ANGEL','DESIREE','ANTONIA','HOPE','GINGER','JANIS','BETSY','CHRISTIE','FREDA','MERCEDES','MEREDITH','LYNETTE','TERI','CRISTINA','EULA','LEIGH','MEGHAN','SOPHIA','ELOISE','ROCHELLE','GRETCHEN','CECELIA','RAQUEL','HENRIETTA','ALYSSA','JANA','KELLEY','GWEN','KERRY','JENNA','TRICIA','LAVERNE','OLIVE','ALEXIS','TASHA','SILVIA','ELVIRA','CASEY','DELIA','SOPHIE','KATE','PATTI','LORENA','KELLIE','SONJA','LILA','LANA','DARLA','MAY','MINDY','ESSIE','MANDY','LORENE','ELSA','JOSEFINA','JEANNIE','MIRANDA','DIXIE','LUCIA','MARTA','FAITH','LELA','JOHANNA','SHARI','CAMILLE','TAMI','SHAWNA','ELISA','EBONY','MELBA','ORA','NETTIE','TABITHA','OLLIE','JAIME','WINIFRED','KRISTIE','MARINA','ALISHA','AIMEE','RENA','MYRNA','MARLA','TAMMIE','LATASHA','BONITA','PATRICE','RONDA','SHERRIE','ADDIE','FRANCINE','DELORIS','STACIE','ADRIANA','CHERI','SHELBY','ABIGAIL','CELESTE','JEWEL','CARA','ADELE','REBEKAH','LUCINDA','DORTHY','CHRIS','EFFIE','TRINA','REBA','SHAWN','SALLIE','AURORA','LENORA','ETTA','LOTTIE','KERRI','TRISHA','NIKKI','ESTELLA','FRANCISCA','JOSIE','TRACIE','MARISSA','KARIN','BRITTNEY','JANELLE','LOURDES','LAUREL','HELENE','FERN','ELVA','CORINNE','KELSEY','INA','BETTIE','ELISABETH','AIDA','CAITLIN','INGRID','IVA','EUGENIA','CHRISTA','GOLDIE','CASSIE','MAUDE','JENIFER','THERESE','FRANKIE','DENA','LORNA','JANETTE','LATONYA','CANDY','MORGAN','CONSUELO','TAMIKA','ROSETTA','DEBORA','CHERIE','POLLY','DINA','JEWELL','FAY','JILLIAN','DOROTHEA','NELL','TRUDY','ESPERANZA','PATRICA','KIMBERLEY','SHANNA','HELENA','CAROLINA','CLEO','STEFANIE','ROSARIO','OLA','JANINE','MOLLIE','LUPE','ALISA','LOU','MARIBEL','SUSANNE','BETTE','SUSANA','ELISE','CECILE','ISABELLE','LESLEY','JOCELYN','PAIGE','JONI','RACHELLE','LEOLA','DAPHNE','ALTA','ESTER','PETRA','GRACIELA','IMOGENE','JOLENE','KEISHA','LACEY','GLENNA','GABRIELA','KERI','URSULA','LIZZIE','KIRSTEN','SHANA','ADELINE','MAYRA','JAYNE','JACLYN','GRACIE','SONDRA','CARMELA','MARISA','ROSALIND','CHARITY','TONIA','BEATRIZ','MARISOL','CLARICE','JEANINE','SHEENA','ANGELINE','FRIEDA','LILY','ROBBIE','SHAUNA','MILLIE','CLAUDETTE','CATHLEEN','ANGELIA','GABRIELLE','AUTUMN','KATHARINE','SUMMER','JODIE','STACI','LEA','CHRISTI','JIMMIE','JUSTINE','ELMA','LUELLA','MARGRET','DOMINIQUE','SOCORRO','RENE','MARTINA','MARGO','MAVIS','CALLIE','BOBBI','MARITZA','LUCILE','LEANNE','JEANNINE','DEANA','AILEEN','LORIE','LADONNA','WILLA','MANUELA','GALE','SELMA','DOLLY','SYBIL','ABBY','LARA','DALE','IVY','DEE','WINNIE','MARCY','LUISA','JERI','MAGDALENA','OFELIA','MEAGAN','AUDRA','MATILDA','LEILA','CORNELIA','BIANCA','SIMONE','BETTYE','RANDI','VIRGIE','LATISHA','BARBRA','GEORGINA','ELIZA','LEANN','BRIDGETTE','RHODA','HALEY','ADELA','NOLA','BERNADINE','FLOSSIE','ILA','GRETA','RUTHIE','NELDA','MINERVA','LILLY','TERRIE','LETHA','HILARY','ESTELA','VALARIE','BRIANNA','ROSALYN','EARLINE','CATALINA','AVA','MIA','CLARISSA','LIDIA','CORRINE','ALEXANDRIA','CONCEPCION','TIA','SHARRON','RAE','DONA','ERICKA','JAMI','ELNORA','CHANDRA','LENORE','NEVA','MARYLOU','MELISA','TABATHA','SERENA','AVIS','ALLIE','SOFIA','JEANIE','ODESSA','NANNIE','HARRIETT','LORAINE','PENELOPE','MILAGROS','EMILIA','BENITA','ALLYSON','ASHLEE','TANIA','TOMMIE','ESMERALDA','KARINA','EVE','PEARLIE','ZELMA','MALINDA','NOREEN','TAMEKA','SAUNDRA','HILLARY','AMIE','ALTHEA','ROSALINDA','JORDAN','LILIA','ALANA','GAY','CLARE','ALEJANDRA','ELINOR','MICHAEL','LORRIE','JERRI','DARCY','EARNESTINE','CARMELLA','TAYLOR','NOEMI','MARCIE','LIZA','ANNABELLE','LOUISA','EARLENE','MALLORY','CARLENE','NITA','SELENA','TANISHA','KATY','JULIANNE','JOHN','LAKISHA','EDWINA','MARICELA','MARGERY','KENYA','DOLLIE','ROXIE','ROSLYN','KATHRINE','NANETTE','CHARMAINE','LAVONNE','ILENE','KRIS','TAMMI','SUZETTE','CORINE','KAYE','JERRY','MERLE','CHRYSTAL','LINA','DEANNE','LILIAN','JULIANA','ALINE','LUANN','KASEY','MARYANNE','EVANGELINE','COLETTE','MELVA','LAWANDA','YESENIA','NADIA','MADGE','KATHIE','EDDIE','OPHELIA','VALERIA','NONA','MITZI','MARI','GEORGETTE','CLAUDINE','FRAN','ALISSA','ROSEANN','LAKEISHA','SUSANNA','REVA','DEIDRE','CHASITY','SHEREE','CARLY','JAMES','ELVIA','ALYCE','DEIRDRE','GENA','BRIANA','ARACELI','KATELYN','ROSANNE','WENDI','TESSA','BERTA','MARVA','IMELDA','MARIETTA','MARCI','LEONOR','ARLINE','SASHA','MADELYN','JANNA','JULIETTE','DEENA','AURELIA','JOSEFA','AUGUSTA','LILIANA','YOUNG','CHRISTIAN','LESSIE','AMALIA','SAVANNAH','ANASTASIA','VILMA','NATALIA','ROSELLA','LYNNETTE','CORINA','ALFREDA','LEANNA','CAREY','AMPARO','COLEEN','TAMRA','AISHA','WILDA','KARYN','CHERRY','QUEEN','MAURA','MAI','EVANGELINA','ROSANNA','HALLIE','ERNA','ENID','MARIANA','LACY','JULIET','JACKLYN','FREIDA','MADELEINE','MARA','HESTER','CATHRYN','LELIA','CASANDRA','BRIDGETT','ANGELITA','JANNIE','DIONNE','ANNMARIE','KATINA','BERYL','PHOEBE','MILLICENT','KATHERYN','DIANN','CARISSA','MARYELLEN','LIZ','LAURI','HELGA','GILDA','ADRIAN','RHEA','MARQUITA','HOLLIE','TISHA','TAMERA','ANGELIQUE','FRANCESCA','BRITNEY','KAITLIN','LOLITA','FLORINE','ROWENA','REYNA','TWILA','FANNY','JANELL','INES','CONCETTA','BERTIE','ALBA','BRIGITTE','ALYSON','VONDA','PANSY','ELBA','NOELLE','LETITIA','KITTY','DEANN','BRANDIE','LOUELLA','LETA','FELECIA','SHARLENE','LESA','BEVERLEY','ROBERT','ISABELLA','HERMINIA','TERRA','CELINA','TORI','OCTAVIA','JADE','DENICE','GERMAINE','SIERRA','MICHELL','CORTNEY','NELLY','DORETHA','SYDNEY','DEIDRA','MONIKA','LASHONDA','JUDI','CHELSEY','ANTIONETTE','MARGOT','BOBBY','ADELAIDE','NAN','LEEANN','ELISHA','DESSIE','LIBBY','KATHI','GAYLA','LATANYA','MINA','MELLISA','KIMBERLEE','JASMIN','RENAE','ZELDA','ELDA','MA','JUSTINA','GUSSIE','EMILIE','CAMILLA','ABBIE','ROCIO','KAITLYN','JESSE','EDYTHE','ASHLEIGH','SELINA','LAKESHA','GERI','ALLENE','PAMALA','MICHAELA','DAYNA','CARYN','ROSALIA','SUN','JACQULINE','REBECA','MARYBETH','KRYSTLE','IOLA','DOTTIE','BENNIE','BELLE','AUBREY','GRISELDA','ERNESTINA','ELIDA','ADRIANNE','DEMETRIA','DELMA','CHONG','JAQUELINE','DESTINY','ARLEEN','VIRGINA','RETHA','FATIMA','TILLIE','ELEANORE','CARI','TREVA','BIRDIE','WILHELMINA','ROSALEE','MAURINE','LATRICE','YONG','JENA','TARYN','ELIA','DEBBY','MAUDIE','JEANNA','DELILAH','CATRINA','SHONDA','HORTENCIA','THEODORA','TERESITA','ROBBIN','DANETTE','MARYJANE','FREDDIE','DELPHINE','BRIANNE','NILDA','DANNA','CINDI','BESS','IONA','HANNA','ARIEL','WINONA','VIDA','ROSITA','MARIANNA','WILLIAM','RACHEAL','GUILLERMINA','ELOISA','CELESTINE','CAREN','MALISSA','LONA','CHANTEL','SHELLIE','MARISELA','LEORA','AGATHA','SOLEDAD','MIGDALIA','IVETTE','CHRISTEN','ATHENA','JANEL','CHLOE','VEDA','PATTIE','TESSIE','TERA','MARILYNN','LUCRETIA','KARRIE','DINAH','DANIELA','ALECIA','ADELINA','VERNICE','SHIELA','PORTIA','MERRY','LASHAWN','DEVON','DARA','TAWANA','OMA','VERDA','CHRISTIN','ALENE','ZELLA','SANDI','RAFAELA','MAYA','KIRA','CANDIDA','ALVINA','SUZAN','SHAYLA','LYN','LETTIE','ALVA','SAMATHA','ORALIA','MATILDE','MADONNA','LARISSA','VESTA','RENITA','INDIA','DELOIS','SHANDA','PHILLIS','LORRI','ERLINDA','CRUZ','CATHRINE','BARB','ZOE','ISABELL','IONE','GISELA','CHARLIE','VALENCIA','ROXANNA','MAYME','KISHA','ELLIE','MELLISSA','DORRIS','DALIA','BELLA','ANNETTA','ZOILA','RETA','REINA','LAURETTA','KYLIE','CHRISTAL','PILAR','CHARLA','ELISSA','TIFFANI','TANA','PAULINA','LEOTA','BREANNA','JAYME','CARMEL','VERNELL','TOMASA','MANDI','DOMINGA','SANTA','MELODIE','LURA','ALEXA','TAMELA','RYAN','MIRNA','KERRIE','VENUS','NOEL','FELICITA','CRISTY','CARMELITA','BERNIECE','ANNEMARIE','TIARA','ROSEANNE','MISSY','CORI','ROXANA','PRICILLA','KRISTAL','JUNG','ELYSE','HAYDEE','ALETHA','BETTINA','MARGE','GILLIAN','FILOMENA','CHARLES','ZENAIDA','HARRIETTE','CARIDAD','VADA','UNA','ARETHA','PEARLINE','MARJORY','MARCELA','FLOR','EVETTE','ELOUISE','ALINA','TRINIDAD','DAVID','DAMARIS','CATHARINE','CARROLL','BELVA','NAKIA','MARLENA','LUANNE','LORINE','KARON','DORENE','DANITA','BRENNA','TATIANA','SAMMIE','LOUANN','LOREN','JULIANNA','ANDRIA','PHILOMENA','LUCILA','LEONORA','DOVIE','ROMONA','MIMI','JACQUELIN','GAYE','TONJA','MISTI','JOE','GENE','CHASTITY','STACIA','ROXANN','MICAELA','NIKITA','MEI','VELDA','MARLYS','JOHNNA','AURA','LAVERN','IVONNE','HAYLEY','NICKI','MAJORIE','HERLINDA','GEORGE','ALPHA','YADIRA','PERLA','GREGORIA','DANIEL','ANTONETTE','SHELLI','MOZELLE','MARIAH','JOELLE','CORDELIA','JOSETTE','CHIQUITA','TRISTA','LOUIS','LAQUITA','GEORGIANA','CANDI','SHANON','LONNIE','HILDEGARD','CECIL','VALENTINA','STEPHANY','MAGDA','KAROL','GERRY','GABRIELLA','TIANA','ROMA','RICHELLE','RAY','PRINCESS','OLETA','JACQUE','IDELLA','ALAINA','SUZANNA','JOVITA','BLAIR','TOSHA','RAVEN','NEREIDA','MARLYN','KYLA','JOSEPH','DELFINA','TENA','STEPHENIE','SABINA','NATHALIE','MARCELLE','GERTIE','DARLEEN','THEA','SHARONDA','SHANTEL','BELEN','VENESSA','ROSALINA','ONA','GENOVEVA','COREY','CLEMENTINE','ROSALBA','RENATE','RENATA','MI','IVORY','GEORGIANNA','FLOY','DORCAS','ARIANA','TYRA','THEDA','MARIAM','JULI','JESICA','DONNIE','VIKKI','VERLA','ROSELYN','MELVINA','JANNETTE','GINNY','DEBRAH','CORRIE','ASIA','VIOLETA','MYRTIS','LATRICIA','COLLETTE','CHARLEEN','ANISSA','VIVIANA','TWYLA','PRECIOUS','NEDRA','LATONIA','LAN','HELLEN','FABIOLA','ANNAMARIE','ADELL','SHARYN','CHANTAL','NIKI','MAUD','LIZETTE','LINDY','KIA','KESHA','JEANA','DANELLE','CHARLINE','CHANEL','CARROL','VALORIE','LIA','DORTHA','CRISTAL','SUNNY','LEONE','LEILANI','GERRI','DEBI','ANDRA','KESHIA','IMA','EULALIA','EASTER','DULCE','NATIVIDAD','LINNIE','KAMI','GEORGIE','CATINA','BROOK','ALDA','WINNIFRED','SHARLA','RUTHANN','MEAGHAN','MAGDALENE','LISSETTE','ADELAIDA','VENITA','TRENA','SHIRLENE','SHAMEKA','ELIZEBETH','DIAN','SHANTA','MICKEY','LATOSHA','CARLOTTA','WINDY','SOON','ROSINA','MARIANN','LEISA','JONNIE','DAWNA','CATHIE','BILLY','ASTRID','SIDNEY','LAUREEN','JANEEN','HOLLI','FAWN','VICKEY','TERESSA','SHANTE','RUBYE','MARCELINA','CHANDA','CARY','TERESE','SCARLETT','MARTY','MARNIE','LULU','LISETTE','JENIFFER','ELENOR','DORINDA','DONITA','CARMAN','BERNITA','ALTAGRACIA','ALETA','ADRIANNA','ZORAIDA','RONNIE','NICOLA','LYNDSEY','KENDALL','JANINA','CHRISSY','AMI','STARLA','PHYLIS','PHUONG','KYRA','CHARISSE','BLANCH','SANJUANITA','RONA','NANCI','MARILEE','MARANDA','CORY','BRIGETTE','SANJUANA','MARITA','KASSANDRA','JOYCELYN','IRA','FELIPA','CHELSIE','BONNY','MIREYA','LORENZA','KYONG','ILEANA','CANDELARIA','TONY','TOBY','SHERIE','OK','MARK','LUCIE','LEATRICE','LAKESHIA','GERDA','EDIE','BAMBI','MARYLIN','LAVON','HORTENSE','GARNET','EVIE','TRESSA','SHAYNA','LAVINA','KYUNG','JEANETTA','SHERRILL','SHARA','PHYLISS','MITTIE','ANABEL','ALESIA','THUY','TAWANDA','RICHARD','JOANIE','TIFFANIE','LASHANDA','KARISSA','ENRIQUETA','DARIA','DANIELLA','CORINNA','ALANNA','ABBEY','ROXANE','ROSEANNA','MAGNOLIA','LIDA','KYLE','JOELLEN','ERA','CORAL','CARLEEN','TRESA','PEGGIE','NOVELLA','NILA','MAYBELLE','JENELLE','CARINA','NOVA','MELINA','MARQUERITE','MARGARETTE','JOSEPHINA','EVONNE','DEVIN','CINTHIA','ALBINA','TOYA','TAWNYA','SHERITA','SANTOS','MYRIAM','LIZABETH','LISE','KEELY','JENNI','GISELLE','CHERYLE','ARDITH','ARDIS','ALESHA','ADRIANE','SHAINA','LINNEA','KAROLYN','HONG','FLORIDA','FELISHA','DORI','DARCI','ARTIE','ARMIDA','ZOLA','XIOMARA','VERGIE','SHAMIKA','NENA','NANNETTE','MAXIE','LOVIE','JEANE','JAIMIE','INGE','FARRAH','ELAINA','CAITLYN','STARR','FELICITAS','CHERLY','CARYL','YOLONDA','YASMIN','TEENA','PRUDENCE','PENNIE','NYDIA','MACKENZIE','ORPHA','MARVEL','LIZBETH','LAURETTE','JERRIE','HERMELINDA','CAROLEE','TIERRA','MIRIAN','META','MELONY','KORI','JENNETTE','JAMILA','ENA','ANH','YOSHIKO','SUSANNAH','SALINA','RHIANNON','JOLEEN','CRISTINE','ASHTON','ARACELY','TOMEKA','SHALONDA','MARTI','LACIE','KALA','JADA','ILSE','HAILEY','BRITTANI','ZONA','SYBLE','SHERRYL','RANDY','NIDIA','MARLO','KANDICE','KANDI','DEB','DEAN','AMERICA','ALYCIA','TOMMY','RONNA','NORENE','MERCY','JOSE','INGEBORG','GIOVANNA','GEMMA','CHRISTEL','AUDRY','ZORA','VITA','VAN','TRISH','STEPHAINE','SHIRLEE','SHANIKA','MELONIE','MAZIE','JAZMIN','INGA','HOA','HETTIE','GERALYN','FONDA','ESTRELLA','ADELLA','SU','SARITA','RINA','MILISSA','MARIBETH','GOLDA','EVON','ETHELYN','ENEDINA','CHERISE','CHANA','VELVA','TAWANNA','SADE','MIRTA','LI','KARIE','JACINTA','ELNA','DAVINA','CIERRA','ASHLIE','ALBERTHA','TANESHA','STEPHANI','NELLE','MINDI','LU','LORINDA','LARUE','FLORENE','DEMETRA','DEDRA','CIARA','CHANTELLE','ASHLY','SUZY','ROSALVA','NOELIA','LYDA','LEATHA','KRYSTYNA','KRISTAN','KARRI','DARLINE','DARCIE','CINDA','CHEYENNE','CHERRIE','AWILDA','ALMEDA','ROLANDA','LANETTE','JERILYN','GISELE','EVALYN','CYNDI','CLETA','CARIN','ZINA','ZENA','VELIA','TANIKA','PAUL','CHARISSA','THOMAS','TALIA','MARGARETE','LAVONDA','KAYLEE','KATHLENE','JONNA','IRENA','ILONA','IDALIA','CANDIS','CANDANCE','BRANDEE','ANITRA','ALIDA','SIGRID','NICOLETTE','MARYJO','LINETTE','HEDWIG','CHRISTIANA','CASSIDY','ALEXIA','TRESSIE','MODESTA','LUPITA','LITA','GLADIS','EVELIA','DAVIDA','CHERRI','CECILY','ASHELY','ANNABEL','AGUSTINA','WANITA','SHIRLY','ROSAURA','HULDA','EUN','BAILEY','YETTA','VERONA','THOMASINA','SIBYL','SHANNAN','MECHELLE','LUE','LEANDRA','LANI','KYLEE','KANDY','JOLYNN','FERNE','EBONI','CORENE','ALYSIA','ZULA','NADA','MOIRA','LYNDSAY','LORRETTA','JUAN','JAMMIE','HORTENSIA','GAYNELL','CAMERON','ADRIA','VINA','VICENTA','TANGELA','STEPHINE','NORINE','NELLA','LIANA','LESLEE','KIMBERELY','ILIANA','GLORY','FELICA','EMOGENE','ELFRIEDE','EDEN','EARTHA','CARMA','BEA','OCIE','MARRY','LENNIE','KIARA','JACALYN','CARLOTA','ARIELLE','YU','STAR','OTILIA','KIRSTIN','KACEY','JOHNETTA','JOEY','JOETTA','JERALDINE','JAUNITA','ELANA','DORTHEA','CAMI','AMADA','ADELIA','VERNITA','TAMAR','SIOBHAN','RENEA','RASHIDA','OUIDA','ODELL','NILSA','MERYL','KRISTYN','JULIETA','DANICA','BREANNE','AUREA','ANGLEA','SHERRON','ODETTE','MALIA','LORELEI','LIN','LEESA','KENNA','KATHLYN','FIONA','CHARLETTE','SUZIE','SHANTELL','SABRA','RACQUEL','MYONG','MIRA','MARTINE','LUCIENNE','LAVADA','JULIANN','JOHNIE','ELVERA','DELPHIA','CLAIR','CHRISTIANE','CHAROLETTE','CARRI','AUGUSTINE','ASHA','ANGELLA','PAOLA','NINFA','LEDA','LAI','EDA','SUNSHINE','STEFANI','SHANELL','PALMA','MACHELLE','LISSA','KECIA','KATHRYNE','KARLENE','JULISSA','JETTIE','JENNIFFER','HUI','CORRINA','CHRISTOPHER','CAROLANN','ALENA','TESS','ROSARIA','MYRTICE','MARYLEE','LIANE','KENYATTA','JUDIE','JANEY','IN','ELMIRA','ELDORA','DENNA','CRISTI','CATHI','ZAIDA','VONNIE','VIVA','VERNIE','ROSALINE','MARIELA','LUCIANA','LESLI','KARAN','FELICE','DENEEN','ADINA','WYNONA','TARSHA','SHERON','SHASTA','SHANITA','SHANI','SHANDRA','RANDA','PINKIE','PARIS','NELIDA','MARILOU','LYLA','LAURENE','LACI','JOI','JANENE','DOROTHA','DANIELE','DANI','CAROLYNN','CARLYN','BERENICE','AYESHA','ANNELIESE','ALETHEA','THERSA','TAMIKO','RUFINA','OLIVA','MOZELL','MARYLYN','MADISON','KRISTIAN','KATHYRN','KASANDRA','KANDACE','JANAE','GABRIEL','DOMENICA','DEBBRA','DANNIELLE','CHUN','BUFFY','BARBIE','ARCELIA','AJA','ZENOBIA','SHAREN','SHAREE','PATRICK','PAGE','MY','LAVINIA','KUM','KACIE','JACKELINE','HUONG','FELISA','EMELIA','ELEANORA','CYTHIA','CRISTIN','CLYDE','CLARIBEL','CARON','ANASTACIA','ZULMA','ZANDRA','YOKO','TENISHA','SUSANN','SHERILYN','SHAY','SHAWANDA','SABINE','ROMANA','MATHILDA','LINSEY','KEIKO','JOANA','ISELA','GRETTA','GEORGETTA','EUGENIE','DUSTY','DESIRAE','DELORA','CORAZON','ANTONINA','ANIKA','WILLENE','TRACEE','TAMATHA','REGAN','NICHELLE','MICKIE','MAEGAN','LUANA','LANITA','KELSIE','EDELMIRA','BREE','AFTON','TEODORA','TAMIE','SHENA','MEG','LINH','KELI','KACI','DANYELLE','BRITT','ARLETTE','ALBERTINE','ADELLE','TIFFINY','STORMY','SIMONA','NUMBERS','NICOLASA','NICHOL','NIA','NAKISHA','MEE','MAIRA','LOREEN','KIZZY','JOHNNY','JAY','FALLON','CHRISTENE','BOBBYE','ANTHONY','YING','VINCENZA','TANJA','RUBIE','RONI','QUEENIE','MARGARETT','KIMBERLI','IRMGARD','IDELL','HILMA','EVELINA','ESTA','EMILEE','DENNISE','DANIA','CARL','CARIE','ANTONIO','WAI','SANG','RISA','RIKKI','PARTICIA','MUI','MASAKO','MARIO','LUVENIA','LOREE','LONI','LIEN','KEVIN','GIGI','FLORENCIA','DORIAN','DENITA','DALLAS','CHI','BILLYE','ALEXANDER','TOMIKA','SHARITA','RANA','NIKOLE','NEOMA','MARGARITE','MADALYN','LUCINA','LAILA','KALI','JENETTE','GABRIELE','EVELYNE','ELENORA','CLEMENTINA','ALEJANDRINA','ZULEMA','VIOLETTE','VANNESSA','THRESA','RETTA','PIA','PATIENCE','NOELLA','NICKIE','JONELL','DELTA','CHUNG','CHAYA','CAMELIA','BETHEL','ANYA','ANDREW','THANH','SUZANN','SPRING','SHU','MILA','LILLA','LAVERNA','KEESHA','KATTIE','GIA','GEORGENE','EVELINE','ESTELL','ELIZBETH','VIVIENNE','VALLIE','TRUDIE','STEPHANE','MICHEL','MAGALY','MADIE','KENYETTA','KARREN','JANETTA','HERMINE','HARMONY','DRUCILLA','DEBBI','CELESTINA','CANDIE','BRITNI','BECKIE','AMINA','ZITA','YUN','YOLANDE','VIVIEN','VERNETTA','TRUDI','SOMMER','PEARLE','PATRINA','OSSIE','NICOLLE','LOYCE','LETTY','LARISA','KATHARINA','JOSELYN','JONELLE','JENELL','IESHA','HEIDE','FLORINDA','FLORENTINA','FLO','ELODIA','DORINE','BRUNILDA','BRIGID','ASHLI','ARDELLA','TWANA','THU','TARAH','SUNG','SHEA','SHAVON','SHANE','SERINA','RAYNA','RAMONITA','NGA','MARGURITE','LUCRECIA','KOURTNEY','KATI','JESUS','JESENIA','DIAMOND','CRISTA','AYANA','ALICA','ALIA','VINNIE','SUELLEN','ROMELIA','RACHELL','PIPER','OLYMPIA','MICHIKO','KATHALEEN','JOLIE','JESSI','JANESSA','HANA','HA','ELEASE','CARLETTA','BRITANY','SHONA','SALOME','ROSAMOND','REGENA','RAINA','NGOC','NELIA','LOUVENIA','LESIA','LATRINA','LATICIA','LARHONDA','JINA','JACKI','HOLLIS','HOLLEY','EMMY','DEEANN','CORETTA','ARNETTA','VELVET','THALIA','SHANICE','NETA','MIKKI','MICKI','LONNA','LEANA','LASHUNDA','KILEY','JOYE','JACQULYN','IGNACIA','HYUN','HIROKO','HENRY','HENRIETTE','ELAYNE','DELINDA','DARNELL','DAHLIA','COREEN','CONSUELA','CONCHITA','CELINE','BABETTE','AYANNA','ANETTE','ALBERTINA','SKYE','SHAWNEE','SHANEKA','QUIANA','PAMELIA','MIN','MERRI','MERLENE','MARGIT','KIESHA','KIERA','KAYLENE','JODEE','JENISE','ERLENE','EMMIE','ELSE','DARYL','DALILA','DAISEY','CODY','CASIE','BELIA','BABARA','VERSIE','VANESA','SHELBA','SHAWNDA','SAM','NORMAN','NIKIA','NAOMA','MARNA','MARGERET','MADALINE','LAWANA','KINDRA','JUTTA','JAZMINE','JANETT','HANNELORE','GLENDORA','GERTRUD','GARNETT','FREEDA','FREDERICA','FLORANCE','FLAVIA','DENNIS','CARLINE','BEVERLEE','ANJANETTE','VALDA','TRINITY','TAMALA','STEVIE','SHONNA','SHA','SARINA','ONEIDA','MICAH','MERILYN','MARLEEN','LURLINE','LENNA','KATHERIN','JIN','JENI','HAE','GRACIA','GLADY','FARAH','ERIC','ENOLA','EMA','DOMINQUE','DEVONA','DELANA','CECILA','CAPRICE','ALYSHA','ALI','ALETHIA','VENA','THERESIA','TAWNY','SONG','SHAKIRA','SAMARA','SACHIKO','RACHELE','PAMELLA','NICKY','MARNI','MARIEL','MAREN','MALISA','LIGIA','LERA','LATORIA','LARAE','KIMBER','KATHERN','KAREY','JENNEFER','JANETH','HALINA','FREDIA','DELISA','DEBROAH','CIERA','CHIN','ANGELIKA','ANDREE','ALTHA','YEN','VIVAN','TERRESA','TANNA','SUK','SUDIE','SOO','SIGNE','SALENA','RONNI','REBBECCA','MYRTIE','MCKENZIE','MALIKA','MAIDA','LOAN','LEONARDA','KAYLEIGH','FRANCE','ETHYL','ELLYN','DAYLE','CAMMIE','BRITTNI','BIRGIT','AVELINA','ASUNCION','ARIANNA','AKIKO','VENICE','TYESHA','TONIE','TIESHA','TAKISHA','STEFFANIE','SINDY','SANTANA','MEGHANN','MANDA','MACIE','LADY','KELLYE','KELLEE','JOSLYN','JASON','INGER','INDIRA','GLINDA','GLENNIS','FERNANDA','FAUSTINA','ENEIDA','ELICIA','DOT','DIGNA','DELL','ARLETTA','ANDRE','WILLIA','TAMMARA','TABETHA','SHERRELL','SARI','REFUGIO','REBBECA','PAULETTA','NIEVES','NATOSHA','NAKITA','MAMMIE','KENISHA','KAZUKO','KASSIE','GARY','EARLEAN','DAPHINE','CORLISS','CLOTILDE','CAROLYNE','BERNETTA','AUGUSTINA','AUDREA','ANNIS','ANNABELL','YAN','TENNILLE','TAMICA','SELENE','SEAN','ROSANA','REGENIA','QIANA','MARKITA','MACY','LEEANNE','LAURINE','KYM','JESSENIA','JANITA','GEORGINE','GENIE','EMIKO','ELVIE','DEANDRA','DAGMAR','CORIE','COLLEN','CHERISH','ROMAINE','PORSHA','PEARLENE','MICHELINE','MERNA','MARGORIE','MARGARETTA','LORE','KENNETH','JENINE','HERMINA','FREDERICKA','ELKE','DRUSILLA','DORATHY','DIONE','DESIRE','CELENA','BRIGIDA','ANGELES','ALLEGRA','THEO','TAMEKIA','SYNTHIA','STEPHEN','SOOK','SLYVIA','ROSANN','REATHA','RAYE','MARQUETTA','MARGART','LING','LAYLA','KYMBERLY','KIANA','KAYLEEN','KATLYN','KARMEN','JOELLA','IRINA','EMELDA','ELENI','DETRA','CLEMMIE','CHERYLL','CHANTELL','CATHEY','ARNITA','ARLA','ANGLE','ANGELIC','ALYSE','ZOFIA','THOMASINE','TENNIE','SON','SHERLY','SHERLEY','SHARYL','REMEDIOS','PETRINA','NICKOLE','MYUNG','MYRLE','MOZELLA','LOUANNE','LISHA','LATIA','LANE','KRYSTA','JULIENNE','JOEL','JEANENE','JACQUALINE','ISAURA','GWENDA','EARLEEN','DONALD','CLEOPATRA','CARLIE','AUDIE','ANTONIETTA','ALISE','ALEX','VERDELL','VAL','TYLER','TOMOKO','THAO','TALISHA','STEVEN','SO','SHEMIKA','SHAUN','SCARLET','SAVANNA','SANTINA','ROSIA','RAEANN','ODILIA','NANA','MINNA','MAGAN','LYNELLE','LE','KARMA','JOEANN','IVANA','INELL','ILANA','HYE','HONEY','HEE','GUDRUN','FRANK','DREAMA','CRISSY','CHANTE','CARMELINA','ARVILLA','ARTHUR','ANNAMAE','ALVERA','ALEIDA','AARON','YEE','YANIRA','VANDA','TIANNA','TAM','STEFANIA','SHIRA','PERRY','NICOL','NANCIE','MONSERRATE','MINH','MELYNDA','MELANY','MATTHEW','LOVELLA','LAURE','KIRBY','KACY','JACQUELYNN','HYON','GERTHA','FRANCISCO','ELIANA','CHRISTENA','CHRISTEEN','CHARISE','CATERINA','CARLEY','CANDYCE','ARLENA','AMMIE','YANG','WILLETTE','VANITA','TUYET','TINY','SYREETA','SILVA','SCOTT','RONALD','PENNEY','NYLA','MICHAL','MAURICE','MARYAM','MARYA','MAGEN','LUDIE','LOMA','LIVIA','LANELL','KIMBERLIE','JULEE','DONETTA','DIEDRA','DENISHA','DEANE','DAWNE','CLARINE','CHERRYL','BRONWYN','BRANDON','ALLA','VALERY','TONDA','SUEANN','SORAYA','SHOSHANA','SHELA','SHARLEEN','SHANELLE','NERISSA','MICHEAL','MERIDITH','MELLIE','MAYE','MAPLE','MAGARET','LUIS','LILI','LEONILA','LEONIE','LEEANNA','LAVONIA','LAVERA','KRISTEL','KATHEY','KATHE','JUSTIN','JULIAN','JIMMY','JANN','ILDA','HILDRED','HILDEGARDE','GENIA','FUMIKO','EVELIN','ERMELINDA','ELLY','DUNG','DOLORIS','DIONNA','DANAE','BERNEICE','ANNICE','ALIX','VERENA','VERDIE','TRISTAN','SHAWNNA','SHAWANA','SHAUNNA','ROZELLA','RANDEE','RANAE','MILAGRO','LYNELL','LUISE','LOUIE','LOIDA','LISBETH','KARLEEN','JUNITA','JONA','ISIS','HYACINTH','HEDY','GWENN','ETHELENE','ERLINE','EDWARD','DONYA','DOMONIQUE','DELICIA','DANNETTE','CICELY','BRANDA','BLYTHE','BETHANN','ASHLYN','ANNALEE','ALLINE','YUKO','VELLA','TRANG','TOWANDA','TESHA','SHERLYN','NARCISA','MIGUELINA','MERI','MAYBELL','MARLANA','MARGUERITA','MADLYN','LUNA','LORY','LORIANN','LIBERTY','LEONORE','LEIGHANN','LAURICE','LATESHA','LARONDA','KATRICE','KASIE','KARL','KALEY','JADWIGA','GLENNIE','GEARLDINE','FRANCINA','EPIFANIA','DYAN','DORIE','DIEDRE','DENESE','DEMETRICE','DELENA','DARBY','CRISTIE','CLEORA','CATARINA','CARISA','BERNIE','BARBERA','ALMETA','TRULA','TEREASA','SOLANGE','SHEILAH','SHAVONNE','SANORA','ROCHELL','MATHILDE','MARGARETA','MAIA','LYNSEY','LAWANNA','LAUNA','KENA','KEENA','KATIA','JAMEY','GLYNDA','GAYLENE','ELVINA','ELANOR','DANUTA','DANIKA','CRISTEN','CORDIE','COLETTA','CLARITA','CARMON','BRYNN','AZUCENA','AUNDREA','ANGELE','YI','WALTER','VERLIE','VERLENE','TAMESHA','SILVANA','SEBRINA','SAMIRA','REDA','RAYLENE','PENNI','PANDORA','NORAH','NOMA','MIREILLE','MELISSIA','MARYALICE','LARAINE','KIMBERY','KARYL','KARINE','KAM','JOLANDA','JOHANA','JESUSA','JALEESA','JAE','JACQUELYNE','IRISH','ILUMINADA','HILARIA','HANH','GENNIE','FRANCIE','FLORETTA','EXIE','EDDA','DREMA','DELPHA','BEV','BARBAR','ASSUNTA','ARDELL','ANNALISA','ALISIA','YUKIKO','YOLANDO','WONDA','WEI','WALTRAUD','VETA','TEQUILA','TEMEKA','TAMEIKA','SHIRLEEN','SHENITA','PIEDAD','OZELLA','MIRTHA','MARILU','KIMIKO','JULIANE','JENICE','JEN','JANAY','JACQUILINE','HILDE','FE','FAE','EVAN','EUGENE','ELOIS','ECHO','DEVORAH','CHAU','BRINDA','BETSEY','ARMINDA','ARACELIS','APRYL','ANNETT','ALISHIA','VEOLA','USHA','TOSHIKO','THEOLA','TASHIA','TALITHA','SHERY','RUDY','RENETTA','REIKO','RASHEEDA','OMEGA','OBDULIA','MIKA','MELAINE','MEGGAN','MARTIN','MARLEN','MARGET','MARCELINE','MANA','MAGDALEN','LIBRADA','LEZLIE','LEXIE','LATASHIA','LASANDRA','KELLE','ISIDRA','ISA','INOCENCIA','GWYN','FRANCOISE','ERMINIA','ERINN','DIMPLE','DEVORA','CRISELDA','ARMANDA','ARIE','ARIANE','ANGELO','ANGELENA','ALLEN','ALIZA','ADRIENE','ADALINE','XOCHITL','TWANNA','TRAN','TOMIKO','TAMISHA','TAISHA','SUSY','SIU','RUTHA','ROXY','RHONA','RAYMOND','OTHA','NORIKO','NATASHIA','MERRIE','MELVIN','MARINDA','MARIKO','MARGERT','LORIS','LIZZETTE','LEISHA','KAILA','KA','JOANNIE','JERRICA','JENE','JANNET','JANEE','JACINDA','HERTA','ELENORE','DORETTA','DELAINE','DANIELL','CLAUDIE','CHINA','BRITTA','APOLONIA','AMBERLY','ALEASE','YURI','YUK','WEN','WANETA','UTE','TOMI','SHARRI','SANDIE','ROSELLE','REYNALDA','RAGUEL','PHYLICIA','PATRIA','OLIMPIA','ODELIA','MITZIE','MITCHELL','MISS','MINDA','MIGNON','MICA','MENDY','MARIVEL','MAILE','LYNETTA','LAVETTE','LAURYN','LATRISHA','LAKIESHA','KIERSTEN','KARY','JOSPHINE','JOLYN','JETTA','JANISE','JACQUIE','IVELISSE','GLYNIS','GIANNA','GAYNELLE','EMERALD','DEMETRIUS','DANYELL','DANILLE','DACIA','CORALEE','CHER','CEOLA','BRETT','BELL','ARIANNE','ALESHIA','YUNG','WILLIEMAE','TROY','TRINH','THORA','TAI','SVETLANA','SHERIKA','SHEMEKA','SHAUNDA','ROSELINE','RICKI','MELDA','MALLIE','LAVONNA','LATINA','LARRY','LAQUANDA','LALA','LACHELLE','KLARA','KANDIS','JOHNA','JEANMARIE','JAYE','HANG','GRAYCE','GERTUDE','EMERITA','EBONIE','CLORINDA','CHING','CHERY','CAROLA','BREANN','BLOSSOM','BERNARDINE','BECKI','ARLETHA','ARGELIA','ARA','ALITA','YULANDA','YON','YESSENIA','TOBI','TASIA','SYLVIE','SHIRL','SHIRELY','SHERIDAN','SHELLA','SHANTELLE','SACHA','ROYCE','REBECKA','REAGAN','PROVIDENCIA','PAULENE','MISHA','MIKI','MARLINE','MARICA','LORITA','LATOYIA','LASONYA','KERSTIN','KENDA','KEITHA','KATHRIN','JAYMIE','JACK','GRICELDA','GINETTE','ERYN','ELINA','ELFRIEDA','DANYEL','CHEREE','CHANELLE','BARRIE','AVERY','AURORE','ANNAMARIA','ALLEEN','AILENE','AIDE','YASMINE','VASHTI','VALENTINE','TREASA','TORY','TIFFANEY','SHERYLL','SHARIE','SHANAE','SAU','RAISA','PA','NEDA','MITSUKO','MIRELLA','MILDA','MARYANNA','MARAGRET','MABELLE','LUETTA','LORINA','LETISHA','LATARSHA','LANELLE','LAJUANA','KRISSY','KARLY','KARENA','JON','JESSIKA','JERICA','JEANELLE','JANUARY','JALISA','JACELYN','IZOLA','IVEY','GREGORY','EUNA','ETHA','DREW','DOMITILA','DOMINICA','DAINA','CREOLA','CARLI','CAMIE','BUNNY','BRITTNY','ASHANTI','ANISHA','ALEEN','ADAH','YASUKO','WINTER','VIKI','VALRIE','TONA','TINISHA','THI','TERISA','TATUM','TANEKA','SIMONNE','SHALANDA','SERITA','RESSIE','REFUGIA','PAZ','OLENE','NA','MERRILL','MARGHERITA','MANDIE','MAN','MAIRE','LYNDIA','LUCI','LORRIANE','LORETA','LEONIA','LAVONA','LASHAWNDA','LAKIA','KYOKO','KRYSTINA','KRYSTEN','KENIA','KELSI','JUDE','JEANICE','ISOBEL','GEORGIANN','GENNY','FELICIDAD','EILENE','DEON','DELOISE','DEEDEE','DANNIE','CONCEPTION','CLORA','CHERILYN','CHANG','CALANDRA','BERRY','ARMANDINA','ANISA','ULA','TIMOTHY','TIERA','THERESSA','STEPHANIA','SIMA','SHYLA','SHONTA','SHERA','SHAQUITA','SHALA','SAMMY','ROSSANA','NOHEMI','NERY','MORIAH','MELITA','MELIDA','MELANI','MARYLYNN','MARISHA','MARIETTE','MALORIE','MADELENE','LUDIVINA','LORIA','LORETTE','LORALEE','LIANNE','LEON','LAVENIA','LAURINDA','LASHON','KIT','KIMI','KEILA','KATELYNN','KAI','JONE','JOANE','JI','JAYNA','JANELLA','JA','HUE','HERTHA','FRANCENE','ELINORE','DESPINA','DELSIE','DEEDRA','CLEMENCIA','CARRY','CAROLIN','CARLOS','BULAH','BRITTANIE','BOK','BLONDELL','BIBI','BEAULAH','BEATA','ANNITA','AGRIPINA','VIRGEN','VALENE','UN','TWANDA','TOMMYE','TOI','TARRA','TARI','TAMMERA','SHAKIA','SADYE','RUTHANNE','ROCHEL','RIVKA','PURA','NENITA','NATISHA','MING','MERRILEE','MELODEE','MARVIS','LUCILLA','LEENA','LAVETA','LARITA','LANIE','KEREN','ILEEN','GEORGEANN','GENNA','GENESIS','FRIDA','EWA','EUFEMIA','EMELY','ELA','EDYTH','DEONNA','DEADRA','DARLENA','CHANELL','CHAN','CATHERN','CASSONDRA','CASSAUNDRA','BERNARDA','BERNA','ARLINDA','ANAMARIA','ALBERT','WESLEY','VERTIE','VALERI','TORRI','TATYANA','STASIA','SHERISE','SHERILL','SEASON','SCOTTIE','SANDA','RUTHE','ROSY','ROBERTO','ROBBI','RANEE','QUYEN','PEARLY','PALMIRA','ONITA','NISHA','NIESHA','NIDA','NEVADA','NAM','MERLYN','MAYOLA','MARYLOUISE','MARYLAND','MARX','MARTH','MARGENE','MADELAINE','LONDA','LEONTINE','LEOMA','LEIA','LAWRENCE','LAURALEE','LANORA','LAKITA','KIYOKO','KETURAH','KATELIN','KAREEN','JONIE','JOHNETTE','JENEE','JEANETT','IZETTA','HIEDI','HEIKE','HASSIE','HAROLD','GIUSEPPINA','GEORGANN','FIDELA','FERNANDE','ELWANDA','ELLAMAE','ELIZ','DUSTI','DOTTY','CYNDY','CORALIE','CELESTA','ARGENTINA','ALVERTA','XENIA','WAVA','VANETTA','TORRIE','TASHINA','TANDY','TAMBRA','TAMA','STEPANIE','SHILA','SHAUNTA','SHARAN','SHANIQUA','SHAE','SETSUKO','SERAFINA','SANDEE','ROSAMARIA','PRISCILA','OLINDA','NADENE','MUOI','MICHELINA','MERCEDEZ','MARYROSE','MARIN','MARCENE','MAO','MAGALI','MAFALDA','LOGAN','LINN','LANNIE','KAYCE','KAROLINE','KAMILAH','KAMALA','JUSTA','JOLINE','JENNINE','JACQUETTA','IRAIDA','GERALD','GEORGEANNA','FRANCHESCA','FAIRY','EMELINE','ELANE','EHTEL','EARLIE','DULCIE','DALENE','CRIS','CLASSIE','CHERE','CHARIS','CAROYLN','CARMINA','CARITA','BRIAN','BETHANIE','AYAKO','ARICA','AN','ALYSA','ALESSANDRA','AKILAH','ADRIEN','ZETTA','YOULANDA','YELENA','YAHAIRA','XUAN','WENDOLYN','VICTOR','TIJUANA','TERRELL','TERINA','TERESIA','SUZI','SUNDAY','SHERELL','SHAVONDA','SHAUNTE','SHARDA','SHAKITA','SENA','RYANN','RUBI','RIVA','REGINIA','REA','RACHAL','PARTHENIA','PAMULA','MONNIE','MONET','MICHAELE','MELIA','MARINE','MALKA','MAISHA','LISANDRA','LEO','LEKISHA','LEAN','LAURENCE','LAKENDRA','KRYSTIN','KORTNEY','KIZZIE','KITTIE','KERA','KENDAL','KEMBERLY','KANISHA','JULENE','JULE','JOSHUA','JOHANNE','JEFFREY','JAMEE','HAN','HALLEY','GIDGET','GALINA','FREDRICKA','FLETA','FATIMAH','EUSEBIA','ELZA','ELEONORE','DORTHEY','DORIA','DONELLA','DINORAH','DELORSE','CLARETHA','CHRISTINIA','CHARLYN','BONG','BELKIS','AZZIE','ANDERA','AIKO','ADENA','YER','YAJAIRA','WAN','VANIA','ULRIKE','TOSHIA','TIFANY','STEFANY','SHIZUE','SHENIKA','SHAWANNA','SHAROLYN','SHARILYN','SHAQUANA','SHANTAY','SEE','ROZANNE','ROSELEE','RICKIE','REMONA','REANNA','RAELENE','QUINN','PHUNG','PETRONILA','NATACHA','NANCEY','MYRL','MIYOKO','MIESHA','MERIDETH','MARVELLA','MARQUITTA','MARHTA','MARCHELLE','LIZETH','LIBBIE','LAHOMA','LADAWN','KINA','KATHELEEN','KATHARYN','KARISA','KALEIGH','JUNIE','JULIEANN','JOHNSIE','JANEAN','JAIMEE','JACKQUELINE','HISAKO','HERMA','HELAINE','GWYNETH','GLENN','GITA','EUSTOLIA','EMELINA','ELIN','EDRIS','DONNETTE','DONNETTA','DIERDRE','DENAE','DARCEL','CLAUDE','CLARISA','CINDERELLA','CHIA','CHARLESETTA','CHARITA','CELSA','CASSY','CASSI','CARLEE','BRUNA','BRITTANEY','BRANDE','BILLI','BAO','ANTONETTA','ANGLA','ANGELYN','ANALISA','ALANE','WENONA','WENDIE','VERONIQUE','VANNESA','TOBIE','TEMPIE','SUMIKO','SULEMA','SPARKLE','SOMER','SHEBA','SHAYNE','SHARICE','SHANEL','SHALON','SAGE','ROY','ROSIO','ROSELIA','RENAY','REMA','REENA','PORSCHE','PING','PEG','OZIE','ORETHA','ORALEE','ODA','NU','NGAN','NAKESHA','MILLY','MARYBELLE','MARLIN','MARIS','MARGRETT','MARAGARET','MANIE','LURLENE','LILLIA','LIESELOTTE','LAVELLE','LASHAUNDA','LAKEESHA','KEITH','KAYCEE','KALYN','JOYA','JOETTE','JENAE','JANIECE','ILLA','GRISEL','GLAYDS','GENEVIE','GALA','FREDDA','FRED','ELMER','ELEONOR','DEBERA','DEANDREA','DAN','CORRINNE','CORDIA','CONTESSA','COLENE','CLEOTILDE','CHARLOTT','CHANTAY','CECILLE','BEATRIS','AZALEE','ARLEAN','ARDATH','ANJELICA','ANJA','ALFREDIA','ALEISHA','ADAM','ZADA','YUONNE','XIAO','WILLODEAN','WHITLEY','VENNIE','VANNA','TYISHA','TOVA','TORIE','TONISHA','TILDA','TIEN','TEMPLE','SIRENA','SHERRIL','SHANTI','SHAN','SENAIDA','SAMELLA','ROBBYN','RENDA','REITA','PHEBE','PAULITA','NOBUKO','NGUYET','NEOMI','MOON','MIKAELA','MELANIA','MAXIMINA','MARG','MAISIE','LYNNA','LILLI','LAYNE','LASHAUN','LAKENYA','LAEL','KIRSTIE','KATHLINE','KASHA','KARLYN','KARIMA','JOVAN','JOSEFINE','JENNELL','JACQUI','JACKELYN','HYO','HIEN','GRAZYNA','FLORRIE','FLORIA','ELEONORA','DWANA','DORLA','DONG','DELMY','DEJA','DEDE','DANN','CRYSTA','CLELIA','CLARIS','CLARENCE','CHIEKO','CHERLYN','CHERELLE','CHARMAIN','CHARA','CAMMY','BEE','ARNETTE','ARDELLE','ANNIKA','AMIEE','AMEE','ALLENA','YVONE','YUKI','YOSHIE','YEVETTE','YAEL','WILLETTA','VONCILE','VENETTA','TULA','TONETTE','TIMIKA','TEMIKA','TELMA','TEISHA','TAREN','TA','STACEE','SHIN','SHAWNTA','SATURNINA','RICARDA','POK','PASTY','ONIE','NUBIA','MORA','MIKE','MARIELLE','MARIELLA','MARIANELA','MARDELL','MANY','LUANNA','LOISE','LISABETH','LINDSY','LILLIANA','LILLIAM','LELAH','LEIGHA','LEANORA','LANG','KRISTEEN','KHALILAH','KEELEY','KANDRA','JUNKO','JOAQUINA','JERLENE','JANI','JAMIKA','JAME','HSIU','HERMILA','GOLDEN','GENEVIVE','EVIA','EUGENA','EMMALINE','ELFREDA','ELENE','DONETTE','DELCIE','DEEANNA','DARCEY','CUC','CLARINDA','CIRA','CHAE','CELINDA','CATHERYN','CATHERIN','CASIMIRA','CARMELIA','CAMELLIA','BREANA','BOBETTE','BERNARDINA','BEBE','BASILIA','ARLYNE','AMAL','ALAYNA','ZONIA','ZENIA','YURIKO','YAEKO','WYNELL','WILLOW','WILLENA','VERNIA','TU','TRAVIS','TORA','TERRILYN','TERICA','TENESHA','TAWNA','TAJUANA','TAINA','STEPHNIE','SONA','SOL','SINA','SHONDRA','SHIZUKO','SHERLENE','SHERICE','SHARIKA','ROSSIE','ROSENA','RORY','RIMA','RIA','RHEBA','RENNA','PETER','NATALYA','NANCEE','MELODI','MEDA','MAXIMA','MATHA','MARKETTA','MARICRUZ','MARCELENE','MALVINA','LUBA','LOUETTA','LEIDA','LECIA','LAURAN','LASHAWNA','LAINE','KHADIJAH','KATERINE','KASI','KALLIE','JULIETTA','JESUSITA','JESTINE','JESSIA','JEREMY','JEFFIE','JANYCE','ISADORA','GEORGIANNE','FIDELIA','EVITA','EURA','EULAH','ESTEFANA','ELSY','ELIZABET','ELADIA','DODIE','DION','DIA','DENISSE','DELORAS','DELILA','DAYSI','DAKOTA','CURTIS','CRYSTLE','CONCHA','COLBY','CLARETTA','CHU','CHRISTIA','CHARLSIE','CHARLENA','CARYLON','BETTYANN','ASLEY','ASHLEA','AMIRA','AI','AGUEDA','AGNUS','YUETTE','VINITA','VICTORINA','TYNISHA','TREENA','TOCCARA','TISH','THOMASENA','TEGAN','SOILA','SHILOH','SHENNA','SHARMAINE','SHANTAE','SHANDI','SEPTEMBER','SARAN','SARAI','SANA','SAMUEL','SALLEY','ROSETTE','ROLANDE','REGINE','OTELIA','OSCAR','OLEVIA','NICHOLLE','NECOLE','NAIDA','MYRTA','MYESHA','MITSUE','MINTA','MERTIE','MARGY','MAHALIA','MADALENE','LOVE','LOURA','LOREAN','LEWIS','LESHA','LEONIDA','LENITA','LAVONE','LASHELL','LASHANDRA','LAMONICA','KIMBRA','KATHERINA','KARRY','KANESHA','JULIO','JONG','JENEVA','JAQUELYN','HWA','GILMA','GHISLAINE','GERTRUDIS','FRANSISCA','FERMINA','ETTIE','ETSUKO','ELLIS','ELLAN','ELIDIA','EDRA','DORETHEA','DOREATHA','DENYSE','DENNY','DEETTA','DAINE','CYRSTAL','CORRIN','CAYLA','CARLITA','CAMILA','BURMA','BULA','BUENA','BLAKE','BARABARA','AVRIL','AUSTIN','ALAINE','ZANA','WILHEMINA','WANETTA','VIRGIL','VI','VERONIKA','VERNON','VERLINE','VASILIKI','TONITA','TISA','TEOFILA','TAYNA','TAUNYA','TANDRA','TAKAKO','SUNNI','SUANNE','SIXTA','SHARELL','SEEMA','RUSSELL','ROSENDA','ROBENA','RAYMONDE','PEI','PAMILA','OZELL','NEIDA','NEELY','MISTIE','MICHA','MERISSA','MAURITA','MARYLN','MARYETTA','MARSHALL','MARCELL','MALENA','MAKEDA','MADDIE','LOVETTA','LOURIE','LORRINE','LORILEE','LESTER','LAURENA','LASHAY','LARRAINE','LAREE','LACRESHA','KRISTLE','KRISHNA','KEVA','KEIRA','KAROLE','JOIE','JINNY','JEANNETTA','JAMA','HEIDY','GILBERTE','GEMA','FAVIOLA','EVELYNN','ENDA','ELLI','ELLENA','DIVINA','DAGNY','COLLENE','CODI','CINDIE','CHASSIDY','CHASIDY','CATRICE','CATHERINA','CASSEY','CAROLL','CARLENA','CANDRA','CALISTA','BRYANNA','BRITTENY','BEULA','BARI','AUDRIE','AUDRIA','ARDELIA','ANNELLE','ANGILA','ALONA','ALLYN','DOUGLAS','ROGER','JONATHAN','RALPH','NICHOLAS','BENJAMIN','BRUCE','HARRY','WAYNE','STEVE','HOWARD','ERNEST','PHILLIP','TODD','CRAIG','ALAN','PHILIP','EARL','DANNY','BRYAN','STANLEY','LEONARD','NATHAN','MANUEL','RODNEY','MARVIN','VINCENT','JEFFERY','JEFF','CHAD','JACOB','ALFRED','BRADLEY','HERBERT','FREDERICK','EDWIN','DON','RICKY','RANDALL','BARRY','BERNARD','LEROY','MARCUS','THEODORE','CLIFFORD','MIGUEL','JIM','TOM','CALVIN','BILL','LLOYD','DEREK','WARREN','DARRELL','JEROME','FLOYD','ALVIN','TIM','GORDON','GREG','JORGE','DUSTIN','PEDRO','DERRICK','ZACHARY','HERMAN','GLEN','HECTOR','RICARDO','RICK','BRENT','RAMON','GILBERT','MARC','REGINALD','RUBEN','NATHANIEL','RAFAEL','EDGAR','MILTON','RAUL','BEN','CHESTER','DUANE','FRANKLIN','BRAD','RON','ROLAND','ARNOLD','HARVEY','JARED','ERIK','DARRYL','NEIL','JAVIER','FERNANDO','CLINTON','TED','MATHEW','TYRONE','DARREN','LANCE','KURT','ALLAN','NELSON','GUY','CLAYTON','HUGH','MAX','DWAYNE','DWIGHT','ARMANDO','FELIX','EVERETT','IAN','WALLACE','KEN','BOB','ALFREDO','ALBERTO','DAVE','IVAN','BYRON','ISAAC','MORRIS','CLIFTON','WILLARD','ROSS','ANDY','SALVADOR','KIRK','SERGIO','SETH','KENT','TERRANCE','EDUARDO','TERRENCE','ENRIQUE','WADE','STUART','FREDRICK','ARTURO','ALEJANDRO','NICK','LUTHER','WENDELL','JEREMIAH','JULIUS','OTIS','TREVOR','OLIVER','LUKE','HOMER','GERARD','DOUG','KENNY','HUBERT','LYLE','MATT','ALFONSO','ORLANDO','REX','CARLTON','ERNESTO','NEAL','PABLO','LORENZO','OMAR','WILBUR','GRANT','HORACE','RODERICK','ABRAHAM','WILLIS','RICKEY','ANDRES','CESAR','JOHNATHAN','MALCOLM','RUDOLPH','DAMON','KELVIN','PRESTON','ALTON','ARCHIE','MARCO','WM','PETE','RANDOLPH','GARRY','GEOFFREY','JONATHON','FELIPE','GERARDO','ED','DOMINIC','DELBERT','COLIN','GUILLERMO','EARNEST','LUCAS','BENNY','SPENCER','RODOLFO','MYRON','EDMUND','GARRETT','SALVATORE','CEDRIC','LOWELL','GREGG','SHERMAN','WILSON','SYLVESTER','ROOSEVELT','ISRAEL','JERMAINE','FORREST','WILBERT','LELAND','SIMON','CLARK','IRVING','BRYANT','OWEN','RUFUS','WOODROW','KRISTOPHER','MACK','LEVI','MARCOS','GUSTAVO','JAKE','LIONEL','GILBERTO','CLINT','NICOLAS','ISMAEL','ORVILLE','ERVIN','DEWEY','AL','WILFRED','JOSH','HUGO','IGNACIO','CALEB','TOMAS','SHELDON','ERICK','STEWART','DOYLE','DARREL','ROGELIO','TERENCE','SANTIAGO','ALONZO','ELIAS','BERT','ELBERT','RAMIRO','CONRAD','NOAH','GRADY','PHIL','CORNELIUS','LAMAR','ROLANDO','CLAY','PERCY','DEXTER','BRADFORD','DARIN','AMOS','MOSES','IRVIN','SAUL','ROMAN','RANDAL','TIMMY','DARRIN','WINSTON','BRENDAN','ABEL','DOMINICK','BOYD','EMILIO','ELIJAH','DOMINGO','EMMETT','MARLON','EMANUEL','JERALD','EDMOND','EMIL','DEWAYNE','WILL','OTTO','TEDDY','REYNALDO','BRET','JESS','TRENT','HUMBERTO','EMMANUEL','STEPHAN','VICENTE','LAMONT','GARLAND','MILES','EFRAIN','HEATH','RODGER','HARLEY','ETHAN','ELDON','ROCKY','PIERRE','JUNIOR','FREDDY','ELI','BRYCE','ANTOINE','STERLING','CHASE','GROVER','ELTON','CLEVELAND','DYLAN','CHUCK','DAMIAN','REUBEN','STAN','AUGUST','LEONARDO','JASPER','RUSSEL','ERWIN','BENITO','HANS','MONTE','BLAINE','ERNIE','CURT','QUENTIN','AGUSTIN','MURRAY','JAMAL','ADOLFO','HARRISON','TYSON','BURTON','BRADY','ELLIOTT','WILFREDO','BART','JARROD','VANCE','DENIS','DAMIEN','JOAQUIN','HARLAN','DESMOND','ELLIOT','DARWIN','GREGORIO','BUDDY','XAVIER','KERMIT','ROSCOE','ESTEBAN','ANTON','SOLOMON','SCOTTY','NORBERT','ELVIN','WILLIAMS','NOLAN','ROD','QUINTON','HAL','BRAIN','ROB','ELWOOD','KENDRICK','DARIUS','MOISES','FIDEL','THADDEUS','CLIFF','MARCEL','JACKSON','RAPHAEL','BRYON','ARMAND','ALVARO','JEFFRY','DANE','JOESPH','THURMAN','NED','RUSTY','MONTY','FABIAN','REGGIE','MASON','GRAHAM','ISAIAH','VAUGHN','GUS','LOYD','DIEGO','ADOLPH','NORRIS','MILLARD','ROCCO','GONZALO','DERICK','RODRIGO','WILEY','RIGOBERTO','ALPHONSO','TY','NOE','VERN','REED','JEFFERSON','ELVIS','BERNARDO','MAURICIO','HIRAM','DONOVAN','BASIL','RILEY','NICKOLAS','MAYNARD','SCOT','VINCE','QUINCY','EDDY','SEBASTIAN','FEDERICO','ULYSSES','HERIBERTO','DONNELL','COLE','DAVIS','GAVIN','EMERY','WARD','ROMEO','JAYSON','DANTE','CLEMENT','COY','MAXWELL','JARVIS','BRUNO','ISSAC','DUDLEY','BROCK','SANFORD','CARMELO','BARNEY','NESTOR','STEFAN','DONNY','ART','LINWOOD','BEAU','WELDON','GALEN','ISIDRO','TRUMAN','DELMAR','JOHNATHON','SILAS','FREDERIC','DICK','IRWIN','MERLIN','CHARLEY','MARCELINO','HARRIS','CARLO','TRENTON','KURTIS','HUNTER','AURELIO','WINFRED','VITO','COLLIN','DENVER','CARTER','LEONEL','EMORY','PASQUALE','MOHAMMAD','MARIANO','DANIAL','LANDON','DIRK','BRANDEN','ADAN','BUFORD','GERMAN','WILMER','EMERSON','ZACHERY','FLETCHER','JACQUES','ERROL','DALTON','MONROE','JOSUE','EDWARDO','BOOKER','WILFORD','SONNY','SHELTON','CARSON','THERON','RAYMUNDO','DAREN','HOUSTON','ROBBY','LINCOLN','GENARO','BENNETT','OCTAVIO','CORNELL','HUNG','ARRON','ANTONY','HERSCHEL','GIOVANNI','GARTH','CYRUS','CYRIL','RONNY','LON','FREEMAN','DUNCAN','KENNITH','CARMINE','ERICH','CHADWICK','WILBURN','RUSS','REID','MYLES','ANDERSON','MORTON','JONAS','FOREST','MITCHEL','MERVIN','ZANE','RICH','JAMEL','LAZARO','ALPHONSE','RANDELL','MAJOR','JARRETT','BROOKS','ABDUL','LUCIANO','SEYMOUR','EUGENIO','MOHAMMED','VALENTIN','CHANCE','ARNULFO','LUCIEN','FERDINAND','THAD','EZRA','ALDO','RUBIN','ROYAL','MITCH','EARLE','ABE','WYATT','MARQUIS','LANNY','KAREEM','JAMAR','BORIS','ISIAH','EMILE','ELMO','ARON','LEOPOLDO','EVERETTE','JOSEF','ELOY','RODRICK','REINALDO','LUCIO','JERROD','WESTON','HERSHEL','BARTON','PARKER','LEMUEL','BURT','JULES','GIL','ELISEO','AHMAD','NIGEL','EFREN','ANTWAN','ALDEN','MARGARITO','COLEMAN','DINO','OSVALDO','LES','DEANDRE','NORMAND','KIETH','TREY','NORBERTO','NAPOLEON','JEROLD','FRITZ','ROSENDO','MILFORD','CHRISTOPER','ALFONZO','LYMAN','JOSIAH','BRANT','WILTON','RICO','JAMAAL','DEWITT','BRENTON','OLIN','FOSTER','FAUSTINO','CLAUDIO','JUDSON','GINO','EDGARDO','ALEC','TANNER','JARRED','DONN','TAD','PRINCE','PORFIRIO','ODIS','LENARD','CHAUNCEY','TOD','MEL','MARCELO','KORY','AUGUSTUS','KEVEN','HILARIO','BUD','SAL','ORVAL','MAURO','ZACHARIAH','OLEN','ANIBAL','MILO','JED','DILLON','AMADO','NEWTON','LENNY','RICHIE','HORACIO','BRICE','MOHAMED','DELMER','DARIO','REYES','MAC','JONAH','JERROLD','ROBT','HANK','RUPERT','ROLLAND','KENTON','DAMION','ANTONE','WALDO','FREDRIC','BRADLY','KIP','BURL','WALKER','TYREE','JEFFEREY','AHMED','WILLY','STANFORD','OREN','NOBLE','MOSHE','MIKEL','ENOCH','BRENDON','QUINTIN','JAMISON','FLORENCIO','DARRICK','TOBIAS','HASSAN','GIUSEPPE','DEMARCUS','CLETUS','TYRELL','LYNDON','KEENAN','WERNER','GERALDO','COLUMBUS','CHET','BERTRAM','MARKUS','HUEY','HILTON','DWAIN','DONTE','TYRON','OMER','ISAIAS','HIPOLITO','FERMIN','ADALBERTO','BO','BARRETT','TEODORO','MCKINLEY','MAXIMO','GARFIELD','RALEIGH','LAWERENCE','ABRAM','RASHAD','KING','EMMITT','DARON','SAMUAL','MIQUEL','EUSEBIO','DOMENIC','DARRON','BUSTER','WILBER','RENATO','JC','HOYT','HAYWOOD','EZEKIEL','CHAS','FLORENTINO','ELROY','CLEMENTE','ARDEN','NEVILLE','EDISON','DESHAWN','NATHANIAL','JORDON','DANILO','CLAUD','SHERWOOD','RAYMON','RAYFORD','CRISTOBAL','AMBROSE','TITUS','HYMAN','FELTON','EZEQUIEL','ERASMO','STANTON','LONNY','LEN','IKE','MILAN','LINO','JAROD','HERB','ANDREAS','WALTON','RHETT','PALMER','DOUGLASS','CORDELL','OSWALDO','ELLSWORTH','VIRGILIO','TONEY','NATHANAEL','DEL','BENEDICT','MOSE','JOHNSON','ISREAL','GARRET','FAUSTO','ASA','ARLEN','ZACK','WARNER','MODESTO','FRANCESCO','MANUAL','GAYLORD','GASTON','FILIBERTO','DEANGELO','MICHALE','GRANVILLE','WES','MALIK','ZACKARY','TUAN','ELDRIDGE','CRISTOPHER','CORTEZ','ANTIONE','MALCOM','LONG','KOREY','JOSPEH','COLTON','WAYLON','VON','HOSEA','SHAD','SANTO','RUDOLF','ROLF','REY','RENALDO','MARCELLUS','LUCIUS','KRISTOFER','BOYCE','BENTON','HAYDEN','HARLAND','ARNOLDO','RUEBEN','LEANDRO','KRAIG','JERRELL','JEROMY','HOBERT','CEDRICK','ARLIE','WINFORD','WALLY','LUIGI','KENETH','JACINTO','GRAIG','FRANKLYN','EDMUNDO','SID','PORTER','LEIF','JERAMY','BUCK','WILLIAN','VINCENZO','SHON','LYNWOOD','JERE','HAI','ELDEN','DORSEY','DARELL','BRODERICK','ALONSO'];
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-220-heighway-dragon.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-220-heighway-dragon.arabic.md
new file mode 100644
index 0000000000..ce499ac823
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-220-heighway-dragon.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4481000cf542c50ff5b
+challengeType: 5
+title: 'Problem 220: Heighway Dragon'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler220(), 139776, 963904, "<code>euler220()</code> should return 139776, 963904.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler220() {
+  // Good luck!
+  return true;
+}
+
+euler220();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-221-alexandrian-integers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-221-alexandrian-integers.arabic.md
new file mode 100644
index 0000000000..8ff24e9112
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-221-alexandrian-integers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4491000cf542c50ff5c
+challengeType: 5
+title: 'Problem 221: Alexandrian Integers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler221(), 1884161251122450, "<code>euler221()</code> should return 1884161251122450.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler221() {
+  // Good luck!
+  return true;
+}
+
+euler221();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-222-sphere-packing.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-222-sphere-packing.arabic.md
new file mode 100644
index 0000000000..8aeb45687c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-222-sphere-packing.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f44b1000cf542c50ff5d
+challengeType: 5
+title: 'Problem 222: Sphere Packing'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler222(), 1590933, "<code>euler222()</code> should return 1590933.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler222() {
+  // Good luck!
+  return true;
+}
+
+euler222();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-223-almost-right-angled-triangles-i.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-223-almost-right-angled-triangles-i.arabic.md
new file mode 100644
index 0000000000..97d7b6b2a3
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-223-almost-right-angled-triangles-i.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f44b1000cf542c50ff5e
+challengeType: 5
+title: 'Problem 223: Almost right-angled triangles I'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler223(), 61614848, "<code>euler223()</code> should return 61614848.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler223() {
+  // Good luck!
+  return true;
+}
+
+euler223();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-224-almost-right-angled-triangles-ii.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-224-almost-right-angled-triangles-ii.arabic.md
new file mode 100644
index 0000000000..85a95c7c43
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-224-almost-right-angled-triangles-ii.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f44e1000cf542c50ff5f
+challengeType: 5
+title: 'Problem 224: Almost right-angled triangles II'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler224(), 4137330, "<code>euler224()</code> should return 4137330.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler224() {
+  // Good luck!
+  return true;
+}
+
+euler224();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-225-tribonacci-non-divisors.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-225-tribonacci-non-divisors.arabic.md
new file mode 100644
index 0000000000..055a463724
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-225-tribonacci-non-divisors.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f44e1000cf542c50ff60
+challengeType: 5
+title: 'Problem 225: Tribonacci non-divisors'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler225(), 2009, "<code>euler225()</code> should return 2009.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler225() {
+  // Good luck!
+  return true;
+}
+
+euler225();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-226-a-scoop-of-blancmange.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-226-a-scoop-of-blancmange.arabic.md
new file mode 100644
index 0000000000..31757bacc4
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-226-a-scoop-of-blancmange.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4511000cf542c50ff62
+challengeType: 5
+title: 'Problem 226: A Scoop of Blancmange'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler226(), 0.11316017, "<code>euler226()</code> should return 0.11316017.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler226() {
+  // Good luck!
+  return true;
+}
+
+euler226();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-227-the-chase.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-227-the-chase.arabic.md
new file mode 100644
index 0000000000..7a98082749
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-227-the-chase.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f44f1000cf542c50ff61
+challengeType: 5
+title: 'Problem 227: The Chase'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler227(), 3780.618622, "<code>euler227()</code> should return 3780.618622.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler227() {
+  // Good luck!
+  return true;
+}
+
+euler227();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-228-minkowski-sums.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-228-minkowski-sums.arabic.md
new file mode 100644
index 0000000000..6924239566
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-228-minkowski-sums.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4511000cf542c50ff63
+challengeType: 5
+title: 'Problem 228: Minkowski Sums'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler228(), 86226, "<code>euler228()</code> should return 86226.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler228() {
+  // Good luck!
+  return true;
+}
+
+euler228();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-229-four-representations-using-squares.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-229-four-representations-using-squares.arabic.md
new file mode 100644
index 0000000000..366b781fdb
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-229-four-representations-using-squares.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4521000cf542c50ff64
+challengeType: 5
+title: 'Problem 229: Four Representations using Squares'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler229(), 11325263, "<code>euler229()</code> should return 11325263.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler229() {
+  // Good luck!
+  return true;
+}
+
+euler229();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-23-non-abundant-sums.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-23-non-abundant-sums.arabic.md
new file mode 100644
index 0000000000..1c3bce7b6a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-23-non-abundant-sums.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3831000cf542c50fe96
+challengeType: 5
+title: 'Problem 23: Non-abundant sums'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(sumOfNonAbundantNumbers(10000) === 3731004, "<code>sumOfNonAbundantNumbers(10000)</code> should return 3731004.");'
+  - text: ''
+    testString: 'assert(sumOfNonAbundantNumbers(15000) === 4039939, "<code>sumOfNonAbundantNumbers(15000)</code> should return 4039939.");'
+  - text: ''
+    testString: 'assert(sumOfNonAbundantNumbers(20000) === 4159710, "<code>sumOfNonAbundantNumbers(20000)</code> should return 4159710.");'
+  - text: ''
+    testString: 'assert(sumOfNonAbundantNumbers(28123) === 4179871, "<code>sumOfNonAbundantNumbers(28123)</code> should return 4179871.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumOfNonAbundantNumbers(n) {
+  // Good luck!
+  return n;
+}
+
+sumOfNonAbundantNumbers(28123);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-230-fibonacci-words.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-230-fibonacci-words.arabic.md
new file mode 100644
index 0000000000..c72f2fd32e
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-230-fibonacci-words.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4531000cf542c50ff65
+challengeType: 5
+title: 'Problem 230: Fibonacci Words'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler230(), 850481152593119200, "<code>euler230()</code> should return 850481152593119200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler230() {
+  // Good luck!
+  return true;
+}
+
+euler230();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-231-the-prime-factorisation-of-binomial-coefficients.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-231-the-prime-factorisation-of-binomial-coefficients.arabic.md
new file mode 100644
index 0000000000..0f58cbeeeb
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-231-the-prime-factorisation-of-binomial-coefficients.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4531000cf542c50ff66
+challengeType: 5
+title: 'Problem 231: The prime factorisation of binomial coefficients'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler231(), 7526965179680, "<code>euler231()</code> should return 7526965179680.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler231() {
+  // Good luck!
+  return true;
+}
+
+euler231();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-232-the-race.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-232-the-race.arabic.md
new file mode 100644
index 0000000000..0b44e806d6
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-232-the-race.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4551000cf542c50ff67
+challengeType: 5
+title: 'Problem 232: The Race'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler232(), 0.83648556, "<code>euler232()</code> should return 0.83648556.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler232() {
+  // Good luck!
+  return true;
+}
+
+euler232();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-233-lattice-points-on-a-circle.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-233-lattice-points-on-a-circle.arabic.md
new file mode 100644
index 0000000000..7ebfad8de5
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-233-lattice-points-on-a-circle.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4551000cf542c50ff68
+challengeType: 5
+title: 'Problem 233: Lattice points on a circle'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler233(), 271204031455541300, "<code>euler233()</code> should return 271204031455541300.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler233() {
+  // Good luck!
+  return true;
+}
+
+euler233();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-234-semidivisible-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-234-semidivisible-numbers.arabic.md
new file mode 100644
index 0000000000..d92286bb1e
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-234-semidivisible-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4571000cf542c50ff69
+challengeType: 5
+title: 'Problem 234: Semidivisible numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler234(), 1259187438574927000, "<code>euler234()</code> should return 1259187438574927000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler234() {
+  // Good luck!
+  return true;
+}
+
+euler234();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-235-an-arithmetic-geometric-sequence.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-235-an-arithmetic-geometric-sequence.arabic.md
new file mode 100644
index 0000000000..208d23c59b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-235-an-arithmetic-geometric-sequence.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4571000cf542c50ff6a
+challengeType: 5
+title: 'Problem 235: An Arithmetic Geometric sequence'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler235(), 1.002322108633, "<code>euler235()</code> should return 1.002322108633.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler235() {
+  // Good luck!
+  return true;
+}
+
+euler235();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-236-luxury-hampers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-236-luxury-hampers.arabic.md
new file mode 100644
index 0000000000..50cd42e471
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-236-luxury-hampers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4591000cf542c50ff6b
+challengeType: 5
+title: 'Problem 236: Luxury Hampers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler236(), 123 / 59, "<code>euler236()</code> should return 123 / 59.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler236() {
+  // Good luck!
+  return true;
+}
+
+euler236();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-237-tours-on-a-4-x-n-playing-board.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-237-tours-on-a-4-x-n-playing-board.arabic.md
new file mode 100644
index 0000000000..2ba8796e98
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-237-tours-on-a-4-x-n-playing-board.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4591000cf542c50ff6c
+challengeType: 5
+title: 'Problem 237: Tours on a 4 x n playing board'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler237(), 15836928, "<code>euler237()</code> should return 15836928.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler237() {
+  // Good luck!
+  return true;
+}
+
+euler237();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-238-infinite-string-tour.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-238-infinite-string-tour.arabic.md
new file mode 100644
index 0000000000..e23a86109f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-238-infinite-string-tour.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f45b1000cf542c50ff6d
+challengeType: 5
+title: 'Problem 238: Infinite string tour'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler238(), 9922545104535660, "<code>euler238()</code> should return 9922545104535660.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler238() {
+  // Good luck!
+  return true;
+}
+
+euler238();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-239-twenty-two-foolish-primes.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-239-twenty-two-foolish-primes.arabic.md
new file mode 100644
index 0000000000..eb37e9de32
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-239-twenty-two-foolish-primes.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f45c1000cf542c50ff6e
+challengeType: 5
+title: 'Problem 239: Twenty-two Foolish Primes'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler239(), 0.001887854841, "<code>euler239()</code> should return 0.001887854841.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler239() {
+  // Good luck!
+  return true;
+}
+
+euler239();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-24-lexicographic-permutations.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-24-lexicographic-permutations.arabic.md
new file mode 100644
index 0000000000..02bdb7906e
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-24-lexicographic-permutations.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3841000cf542c50fe97
+challengeType: 5
+title: 'Problem 24: Lexicographic permutations'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(lexicographicPermutations(699999) == 1938246570, "<code>lexicographicPermutations(699999)</code> should return 1938246570.");'
+  - text: ''
+    testString: 'assert(lexicographicPermutations(899999) == 2536987410, "<code>lexicographicPermutations(899999)</code> should return 2536987410.");'
+  - text: ''
+    testString: 'assert(lexicographicPermutations(900000) == 2537014689, "<code>lexicographicPermutations(900000)</code> should return 2537014689.");'
+  - text: ''
+    testString: 'assert(lexicographicPermutations(999999) == 2783915460, "<code>lexicographicPermutations(999999)</code> should return 2783915460.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function lexicographicPermutations(n) {
+  // Good luck!
+  return n;
+}
+
+lexicographicPermutations(999999);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-240-top-dice.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-240-top-dice.arabic.md
new file mode 100644
index 0000000000..890192fa86
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-240-top-dice.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f45d1000cf542c50ff6f
+challengeType: 5
+title: 'Problem 240: Top Dice'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler240(), 7448717393364182000, "<code>euler240()</code> should return 7448717393364182000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler240() {
+  // Good luck!
+  return true;
+}
+
+euler240();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-241-perfection-quotients.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-241-perfection-quotients.arabic.md
new file mode 100644
index 0000000000..f0d0f3acf8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-241-perfection-quotients.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f45d1000cf542c50ff70
+challengeType: 5
+title: 'Problem 241: Perfection Quotients'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler241(), 482316491800641150, "<code>euler241()</code> should return 482316491800641150.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler241() {
+  // Good luck!
+  return true;
+}
+
+euler241();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-242-odd-triplets.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-242-odd-triplets.arabic.md
new file mode 100644
index 0000000000..de86a4bcff
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-242-odd-triplets.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f45f1000cf542c50ff71
+challengeType: 5
+title: 'Problem 242: Odd Triplets'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler242(), 997104142249036700, "<code>euler242()</code> should return 997104142249036700.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler242() {
+  // Good luck!
+  return true;
+}
+
+euler242();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-243-resilience.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-243-resilience.arabic.md
new file mode 100644
index 0000000000..8b9a6bda4d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-243-resilience.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4601000cf542c50ff73
+challengeType: 5
+title: 'Problem 243: Resilience'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler243(), 892371480, "<code>euler243()</code> should return 892371480.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler243() {
+  // Good luck!
+  return true;
+}
+
+euler243();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-244-sliders.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-244-sliders.arabic.md
new file mode 100644
index 0000000000..2db5249f4d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-244-sliders.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4601000cf542c50ff72
+challengeType: 5
+title: 'Problem 244: Sliders'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler244(), 96356848, "<code>euler244()</code> should return 96356848.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler244() {
+  // Good luck!
+  return true;
+}
+
+euler244();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-245-coresilience.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-245-coresilience.arabic.md
new file mode 100644
index 0000000000..2c8e2a7b19
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-245-coresilience.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4621000cf542c50ff74
+challengeType: 5
+title: 'Problem 245: Coresilience'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler245(), 288084712410001, "<code>euler245()</code> should return 288084712410001.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler245() {
+  // Good luck!
+  return true;
+}
+
+euler245();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-246-tangents-to-an-ellipse.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-246-tangents-to-an-ellipse.arabic.md
new file mode 100644
index 0000000000..d682519933
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-246-tangents-to-an-ellipse.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4621000cf542c50ff75
+challengeType: 5
+title: 'Problem 246: Tangents to an ellipse'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler246(), 810834388, "<code>euler246()</code> should return 810834388.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler246() {
+  // Good luck!
+  return true;
+}
+
+euler246();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-247-squares-under-a-hyperbola.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-247-squares-under-a-hyperbola.arabic.md
new file mode 100644
index 0000000000..c7cfa4b3fc
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-247-squares-under-a-hyperbola.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4641000cf542c50ff76
+challengeType: 5
+title: 'Problem 247: Squares under a hyperbola'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler247(), 782252, "<code>euler247()</code> should return 782252.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler247() {
+  // Good luck!
+  return true;
+}
+
+euler247();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-248-numbers-for-which-eulers-totient-function-equals-13.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-248-numbers-for-which-eulers-totient-function-equals-13.arabic.md
new file mode 100644
index 0000000000..4e1112c7b9
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-248-numbers-for-which-eulers-totient-function-equals-13.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4651000cf542c50ff77
+challengeType: 5
+title: 'Problem 248: Numbers for which Euler’s totient function equals 13!'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler248(), 23507044290, "<code>euler248()</code> should return 23507044290.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler248() {
+  // Good luck!
+  return true;
+}
+
+euler248();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-249-prime-subset-sums.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-249-prime-subset-sums.arabic.md
new file mode 100644
index 0000000000..a55729f577
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-249-prime-subset-sums.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4671000cf542c50ff79
+challengeType: 5
+title: 'Problem 249: Prime Subset Sums'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler249(), 9275262564250418, "<code>euler249()</code> should return 9275262564250418.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler249() {
+  // Good luck!
+  return true;
+}
+
+euler249();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-25-1000-digit-fibonacci-number.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-25-1000-digit-fibonacci-number.arabic.md
new file mode 100644
index 0000000000..c76a65e536
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-25-1000-digit-fibonacci-number.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3851000cf542c50fe98
+challengeType: 5
+title: 'Problem 25: 1000-digit Fibonacci number'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(digitFibonacci(5), 21, "<code>digitFibonacci(5)</code> should return 21.");'
+  - text: ''
+    testString: 'assert.strictEqual(digitFibonacci(10), 45, "<code>digitFibonacci(10)</code> should return 45.");'
+  - text: ''
+    testString: 'assert.strictEqual(digitFibonacci(15), 69, "<code>digitFibonacci(15)</code> should return 69.");'
+  - text: ''
+    testString: 'assert.strictEqual(digitFibonacci(20), 93, "<code>digitFibonacci(20)</code> should return 93.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function digitFibonacci(n) {
+  // Good luck!
+  return n;
+}
+
+digitFibonacci(20);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-250-250250.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-250-250250.arabic.md
new file mode 100644
index 0000000000..f9b0af416c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-250-250250.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4661000cf542c50ff78
+challengeType: 5
+title: 'Problem 250: 250250'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler250(), 1425480602091519, "<code>euler250()</code> should return 1425480602091519.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler250() {
+  // Good luck!
+  return true;
+}
+
+euler250();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-251-cardano-triplets.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-251-cardano-triplets.arabic.md
new file mode 100644
index 0000000000..c6ffb648ef
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-251-cardano-triplets.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4671000cf542c50ff7a
+challengeType: 5
+title: 'Problem 251: Cardano Triplets'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler251(), 18946051, "<code>euler251()</code> should return 18946051.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler251() {
+  // Good luck!
+  return true;
+}
+
+euler251();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-252-convex-holes.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-252-convex-holes.arabic.md
new file mode 100644
index 0000000000..fc3f00d1a2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-252-convex-holes.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4691000cf542c50ff7b
+challengeType: 5
+title: 'Problem 252: Convex Holes'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler252(), 104924, "<code>euler252()</code> should return 104924.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler252() {
+  // Good luck!
+  return true;
+}
+
+euler252();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-253-tidying-up.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-253-tidying-up.arabic.md
new file mode 100644
index 0000000000..edaf55e075
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-253-tidying-up.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4691000cf542c50ff7c
+challengeType: 5
+title: 'Problem 253: Tidying up'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler253(), 11.492847, "<code>euler253()</code> should return 11.492847.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler253() {
+  // Good luck!
+  return true;
+}
+
+euler253();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-254-sums-of-digit-factorials.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-254-sums-of-digit-factorials.arabic.md
new file mode 100644
index 0000000000..a221c39dae
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-254-sums-of-digit-factorials.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f46b1000cf542c50ff7d
+challengeType: 5
+title: 'Problem 254: Sums of Digit Factorials'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler254(), 8184523820510, "<code>euler254()</code> should return 8184523820510.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler254() {
+  // Good luck!
+  return true;
+}
+
+euler254();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-255-rounded-square-roots.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-255-rounded-square-roots.arabic.md
new file mode 100644
index 0000000000..5845e7693a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-255-rounded-square-roots.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f46d1000cf542c50ff7f
+challengeType: 5
+title: 'Problem 255: Rounded Square Roots'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler255(), 4.447401118, "<code>euler255()</code> should return 4.447401118.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler255() {
+  // Good luck!
+  return true;
+}
+
+euler255();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-256-tatami-free-rooms.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-256-tatami-free-rooms.arabic.md
new file mode 100644
index 0000000000..7f647ce876
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-256-tatami-free-rooms.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f46c1000cf542c50ff7e
+challengeType: 5
+title: 'Problem 256: Tatami-Free Rooms'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler256(), 85765680, "<code>euler256()</code> should return 85765680.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler256() {
+  // Good luck!
+  return true;
+}
+
+euler256();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-257-angular-bisectors.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-257-angular-bisectors.arabic.md
new file mode 100644
index 0000000000..59721ebade
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-257-angular-bisectors.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f46e1000cf542c50ff80
+challengeType: 5
+title: 'Problem 257: Angular Bisectors'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler257(), 139012411, "<code>euler257()</code> should return 139012411.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler257() {
+  // Good luck!
+  return true;
+}
+
+euler257();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-258-a-lagged-fibonacci-sequence.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-258-a-lagged-fibonacci-sequence.arabic.md
new file mode 100644
index 0000000000..dbccf9a4af
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-258-a-lagged-fibonacci-sequence.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f46e1000cf542c50ff81
+challengeType: 5
+title: 'Problem 258: A lagged Fibonacci sequence'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler258(), 12747994, "<code>euler258()</code> should return 12747994.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler258() {
+  // Good luck!
+  return true;
+}
+
+euler258();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-259-reachable-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-259-reachable-numbers.arabic.md
new file mode 100644
index 0000000000..ba2e2f6957
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-259-reachable-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4701000cf542c50ff82
+challengeType: 5
+title: 'Problem 259: Reachable Numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler259(), 20101196798, "<code>euler259()</code> should return 20101196798.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler259() {
+  // Good luck!
+  return true;
+}
+
+euler259();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-26-reciprocal-cycles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-26-reciprocal-cycles.arabic.md
new file mode 100644
index 0000000000..1c5be95e90
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-26-reciprocal-cycles.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3861000cf542c50fe99
+challengeType: 5
+title: 'Problem 26: Reciprocal cycles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(reciprocalCycles(700) == 659, "<code>reciprocalCycles(700)</code> should return 659.");'
+  - text: ''
+    testString: 'assert(reciprocalCycles(800) == 743, "<code>reciprocalCycles(800)</code> should return 743.");'
+  - text: ''
+    testString: 'assert(reciprocalCycles(900) == 887, "<code>reciprocalCycles(900)</code> should return 887.");'
+  - text: ''
+    testString: 'assert(reciprocalCycles(1000) == 983, "<code>reciprocalCycles(1000)</code> should return 983.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function reciprocalCycles(n) {
+  // Good luck!
+  return n;
+}
+
+reciprocalCycles(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-260-stone-game.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-260-stone-game.arabic.md
new file mode 100644
index 0000000000..582447cef4
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-260-stone-game.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4701000cf542c50ff83
+challengeType: 5
+title: 'Problem 260: Stone Game'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler260(), 167542057, "<code>euler260()</code> should return 167542057.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler260() {
+  // Good luck!
+  return true;
+}
+
+euler260();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-261-pivotal-square-sums.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-261-pivotal-square-sums.arabic.md
new file mode 100644
index 0000000000..fad2d6232d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-261-pivotal-square-sums.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4711000cf542c50ff84
+challengeType: 5
+title: 'Problem 261: Pivotal Square Sums'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler261(), 238890850232021, "<code>euler261()</code> should return 238890850232021.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler261() {
+  // Good luck!
+  return true;
+}
+
+euler261();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-262-mountain-range.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-262-mountain-range.arabic.md
new file mode 100644
index 0000000000..90fe02aaf8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-262-mountain-range.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4731000cf542c50ff85
+challengeType: 5
+title: 'Problem 262: Mountain Range'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler262(), 2531.205, "<code>euler262()</code> should return 2531.205.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler262() {
+  // Good luck!
+  return true;
+}
+
+euler262();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-263-an-engineers-dream-come-true.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-263-an-engineers-dream-come-true.arabic.md
new file mode 100644
index 0000000000..2b2817bbf7
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-263-an-engineers-dream-come-true.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4741000cf542c50ff86
+challengeType: 5
+title: 'Problem 263: An engineers" dream come true'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler263(), 2039506520, "<code>euler263()</code> should return 2039506520.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler263() {
+  // Good luck!
+  return true;
+}
+
+euler263();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-264-triangle-centres.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-264-triangle-centres.arabic.md
new file mode 100644
index 0000000000..28f8608f52
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-264-triangle-centres.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4751000cf542c50ff87
+challengeType: 5
+title: 'Problem 264: Triangle Centres'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler264(), 2816417.1055, "<code>euler264()</code> should return 2816417.1055.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler264() {
+  // Good luck!
+  return true;
+}
+
+euler264();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-265-binary-circles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-265-binary-circles.arabic.md
new file mode 100644
index 0000000000..48c4329236
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-265-binary-circles.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4761000cf542c50ff88
+challengeType: 5
+title: 'Problem 265: Binary Circles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler265(), 209110240768, "<code>euler265()</code> should return 209110240768.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler265() {
+  // Good luck!
+  return true;
+}
+
+euler265();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-266-pseudo-square-root.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-266-pseudo-square-root.arabic.md
new file mode 100644
index 0000000000..7dab1618b1
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-266-pseudo-square-root.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4771000cf542c50ff89
+challengeType: 5
+title: 'Problem 266: Pseudo Square Root'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler266(), 1096883702440585, "<code>euler266()</code> should return 1096883702440585.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler266() {
+  // Good luck!
+  return true;
+}
+
+euler266();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-267-billionaire.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-267-billionaire.arabic.md
new file mode 100644
index 0000000000..05f4ea42bb
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-267-billionaire.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4771000cf542c50ff8a
+challengeType: 5
+title: 'Problem 267: Billionaire'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler267(), 0.999992836187, "<code>euler267()</code> should return 0.999992836187.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler267() {
+  // Good luck!
+  return true;
+}
+
+euler267();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-268-counting-numbers-with-at-least-four-distinct-prime-factors-less-than-100.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-268-counting-numbers-with-at-least-four-distinct-prime-factors-less-than-100.arabic.md
new file mode 100644
index 0000000000..9e6d94ec31
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-268-counting-numbers-with-at-least-four-distinct-prime-factors-less-than-100.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4791000cf542c50ff8b
+challengeType: 5
+title: 'Problem 268: Counting numbers with at least four distinct prime factors less than 100'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler268(), 785478606870985, "<code>euler268()</code> should return 785478606870985.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler268() {
+  // Good luck!
+  return true;
+}
+
+euler268();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-269-polynomials-with-at-least-one-integer-root.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-269-polynomials-with-at-least-one-integer-root.arabic.md
new file mode 100644
index 0000000000..72b6e060fa
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-269-polynomials-with-at-least-one-integer-root.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4791000cf542c50ff8c
+challengeType: 5
+title: 'Problem 269: Polynomials with at least one integer root'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler269(), 1311109198529286, "<code>euler269()</code> should return 1311109198529286.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler269() {
+  // Good luck!
+  return true;
+}
+
+euler269();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-27-quadratic-primes.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-27-quadratic-primes.arabic.md
new file mode 100644
index 0000000000..998002b437
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-27-quadratic-primes.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3871000cf542c50fe9a
+challengeType: 5
+title: 'Problem 27: Quadratic primes'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(quadraticPrimes(200) == -4925, "<code>quadraticPrimes(200)</code> should return -4925.");'
+  - text: ''
+    testString: 'assert(quadraticPrimes(500) == -18901, "<code>quadraticPrimes(500)</code> should return -18901.");'
+  - text: ''
+    testString: 'assert(quadraticPrimes(800) == -43835, "<code>quadraticPrimes(800)</code> should return -43835.");'
+  - text: ''
+    testString: 'assert(quadraticPrimes(1000) == -59231, "<code>quadraticPrimes(1000)</code> should return -59231.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function quadraticPrimes(range) {
+  // Good luck!
+  return range;
+}
+
+quadraticPrimes(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-270-cutting-squares.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-270-cutting-squares.arabic.md
new file mode 100644
index 0000000000..97cc8233a8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-270-cutting-squares.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f47c1000cf542c50ff8e
+challengeType: 5
+title: 'Problem 270: Cutting Squares'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler270(), 82282080, "<code>euler270()</code> should return 82282080.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler270() {
+  // Good luck!
+  return true;
+}
+
+euler270();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-271-modular-cubes-part-1.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-271-modular-cubes-part-1.arabic.md
new file mode 100644
index 0000000000..571548b87e
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-271-modular-cubes-part-1.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f47b1000cf542c50ff8d
+challengeType: 5
+title: 'Problem 271: Modular Cubes, part 1'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler271(), 4617456485273130000, "<code>euler271()</code> should return 4617456485273130000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler271() {
+  // Good luck!
+  return true;
+}
+
+euler271();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-272-modular-cubes-part-2.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-272-modular-cubes-part-2.arabic.md
new file mode 100644
index 0000000000..e3941aac5d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-272-modular-cubes-part-2.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f47d1000cf542c50ff8f
+challengeType: 5
+title: 'Problem 272: Modular Cubes, part 2'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler272(), 8495585919506151000, "<code>euler272()</code> should return 8495585919506151000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler272() {
+  // Good luck!
+  return true;
+}
+
+euler272();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-273-sum-of-squares.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-273-sum-of-squares.arabic.md
new file mode 100644
index 0000000000..162b3735b5
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-273-sum-of-squares.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f47e1000cf542c50ff90
+challengeType: 5
+title: 'Problem 273: Sum of Squares'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler273(), 2032447591196869000, "<code>euler273()</code> should return 2032447591196869000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler273() {
+  // Good luck!
+  return true;
+}
+
+euler273();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-274-divisibility-multipliers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-274-divisibility-multipliers.arabic.md
new file mode 100644
index 0000000000..28cb8d9ae2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-274-divisibility-multipliers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f47f1000cf542c50ff91
+challengeType: 5
+title: 'Problem 274: Divisibility Multipliers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler274(), 1601912348822, "<code>euler274()</code> should return 1601912348822.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler274() {
+  // Good luck!
+  return true;
+}
+
+euler274();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-275-balanced-sculptures.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-275-balanced-sculptures.arabic.md
new file mode 100644
index 0000000000..da790700ca
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-275-balanced-sculptures.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4801000cf542c50ff92
+challengeType: 5
+title: 'Problem 275: Balanced Sculptures'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler275(), 15030564, "<code>euler275()</code> should return 15030564.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler275() {
+  // Good luck!
+  return true;
+}
+
+euler275();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-276-primitive-triangles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-276-primitive-triangles.arabic.md
new file mode 100644
index 0000000000..5a47972fb6
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-276-primitive-triangles.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4801000cf542c50ff93
+challengeType: 5
+title: 'Problem 276: Primitive Triangles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler276(), 5777137137739633000, "<code>euler276()</code> should return 5777137137739633000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler276() {
+  // Good luck!
+  return true;
+}
+
+euler276();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-277-a-modified-collatz-sequence.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-277-a-modified-collatz-sequence.arabic.md
new file mode 100644
index 0000000000..3bfa231043
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-277-a-modified-collatz-sequence.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4811000cf542c50ff94
+challengeType: 5
+title: 'Problem 277: A Modified Collatz sequence'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler277(), 1125977393124310, "<code>euler277()</code> should return 1125977393124310.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler277() {
+  // Good luck!
+  return true;
+}
+
+euler277();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-278-linear-combinations-of-semiprimes.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-278-linear-combinations-of-semiprimes.arabic.md
new file mode 100644
index 0000000000..b3589b6792
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-278-linear-combinations-of-semiprimes.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4831000cf542c50ff95
+challengeType: 5
+title: 'Problem 278: Linear Combinations of Semiprimes'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler278(), 1228215747273908500, "<code>euler278()</code> should return 1228215747273908500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler278() {
+  // Good luck!
+  return true;
+}
+
+euler278();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-279-triangles-with-integral-sides-and-an-integral-angle.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-279-triangles-with-integral-sides-and-an-integral-angle.arabic.md
new file mode 100644
index 0000000000..b6c2ca04fa
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-279-triangles-with-integral-sides-and-an-integral-angle.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4841000cf542c50ff96
+challengeType: 5
+title: 'Problem 279: Triangles with integral sides and an integral angle'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler279(), 416577688, "<code>euler279()</code> should return 416577688.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler279() {
+  // Good luck!
+  return true;
+}
+
+euler279();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-28-number-spiral-diagonals.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-28-number-spiral-diagonals.arabic.md
new file mode 100644
index 0000000000..553b528cde
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-28-number-spiral-diagonals.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3881000cf542c50fe9b
+challengeType: 5
+title: 'Problem 28: Number spiral diagonals'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(spiralDiagonals(101) == 692101, "<code>spiralDiagonals(101)</code> should return 692101.");'
+  - text: ''
+    testString: 'assert(spiralDiagonals(303) == 18591725, "<code>spiralDiagonals(303)</code> should return 18591725.");'
+  - text: ''
+    testString: 'assert(spiralDiagonals(505) == 85986601, "<code>spiralDiagonals(505)</code> should return 85986601.");'
+  - text: ''
+    testString: 'assert(spiralDiagonals(1001) == 669171001, "<code>spiralDiagonals(1001)</code> should return 669171001.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function spiralDiagonals(n) {
+  // Good luck!
+  return n;
+}
+
+spiralDiagonals(1001);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-280-ant-and-seeds.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-280-ant-and-seeds.arabic.md
new file mode 100644
index 0000000000..b451631390
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-280-ant-and-seeds.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4841000cf542c50ff97
+challengeType: 5
+title: 'Problem 280: Ant and seeds'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler280(), 430.088247, "<code>euler280()</code> should return 430.088247.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler280() {
+  // Good luck!
+  return true;
+}
+
+euler280();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-281-pizza-toppings.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-281-pizza-toppings.arabic.md
new file mode 100644
index 0000000000..85078da9cf
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-281-pizza-toppings.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4861000cf542c50ff98
+challengeType: 5
+title: 'Problem 281: Pizza Toppings'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler281(), 1485776387445623, "<code>euler281()</code> should return 1485776387445623.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler281() {
+  // Good luck!
+  return true;
+}
+
+euler281();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-282-the-ackermann-function.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-282-the-ackermann-function.arabic.md
new file mode 100644
index 0000000000..5715c57608
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-282-the-ackermann-function.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4861000cf542c50ff99
+challengeType: 5
+title: 'Problem 282: The Ackermann function'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler282(), 1098988351, "<code>euler282()</code> should return 1098988351.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler282() {
+  // Good luck!
+  return true;
+}
+
+euler282();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-283-integer-sided-triangles-for-which-the-area--perimeter-ratio-is-integral.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-283-integer-sided-triangles-for-which-the-area--perimeter-ratio-is-integral.arabic.md
new file mode 100644
index 0000000000..16c5435bec
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-283-integer-sided-triangles-for-which-the-area--perimeter-ratio-is-integral.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4881000cf542c50ff9a
+challengeType: 5
+title: 'Problem 283: Integer sided triangles for which the area * perimeter ratio is integral'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler283(), 28038042525570324, "<code>euler283()</code> should return 28038042525570324.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler283() {
+  // Good luck!
+  return true;
+}
+
+euler283();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-284-steady-squares.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-284-steady-squares.arabic.md
new file mode 100644
index 0000000000..dbb74e8b35
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-284-steady-squares.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4891000cf542c50ff9b
+challengeType: 5
+title: 'Problem 284: Steady Squares'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler284(), 5a411d7b, "<code>euler284()</code> should return 5a411d7b.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler284() {
+  // Good luck!
+  return true;
+}
+
+euler284();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-285-pythagorean-odds.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-285-pythagorean-odds.arabic.md
new file mode 100644
index 0000000000..c7e5c07d1d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-285-pythagorean-odds.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f48a1000cf542c50ff9c
+challengeType: 5
+title: 'Problem 285: Pythagorean odds'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler285(), 157055.80999, "<code>euler285()</code> should return 157055.80999.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler285() {
+  // Good luck!
+  return true;
+}
+
+euler285();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-286-scoring-probabilities.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-286-scoring-probabilities.arabic.md
new file mode 100644
index 0000000000..3a7fbbc9b9
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-286-scoring-probabilities.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f48a1000cf542c50ff9d
+challengeType: 5
+title: 'Problem 286: Scoring probabilities'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler286(), 52.6494571953, "<code>euler286()</code> should return 52.6494571953.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler286() {
+  // Good luck!
+  return true;
+}
+
+euler286();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-287-quadtree-encoding-a-simple-compression-algorithm.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-287-quadtree-encoding-a-simple-compression-algorithm.arabic.md
new file mode 100644
index 0000000000..be1825efac
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-287-quadtree-encoding-a-simple-compression-algorithm.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f48b1000cf542c50ff9e
+challengeType: 5
+title: 'Problem 287: Quadtree encoding (a simple compression algorithm)'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler287(), 313135496, "<code>euler287()</code> should return 313135496.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler287() {
+  // Good luck!
+  return true;
+}
+
+euler287();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-288-an-enormous-factorial.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-288-an-enormous-factorial.arabic.md
new file mode 100644
index 0000000000..a0de4e2db4
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-288-an-enormous-factorial.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f48d1000cf542c50ff9f
+challengeType: 5
+title: 'Problem 288: An enormous factorial'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler288(), 605857431263982000, "<code>euler288()</code> should return 605857431263982000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler288() {
+  // Good luck!
+  return true;
+}
+
+euler288();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-289-eulerian-cycles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-289-eulerian-cycles.arabic.md
new file mode 100644
index 0000000000..6166b746a8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-289-eulerian-cycles.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f48d1000cf542c50ffa0
+challengeType: 5
+title: 'Problem 289: Eulerian Cycles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler289(), 6567944538, "<code>euler289()</code> should return 6567944538.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler289() {
+  // Good luck!
+  return true;
+}
+
+euler289();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-29-distinct-powers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-29-distinct-powers.arabic.md
new file mode 100644
index 0000000000..a3e7e7fe42
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-29-distinct-powers.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3891000cf542c50fe9c
+challengeType: 5
+title: 'Problem 29: Distinct powers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(distinctPowers(15), 177, "<code>distinctPowers(15)</code> should return 177.");'
+  - text: ''
+    testString: 'assert.strictEqual(distinctPowers(20), 324, "<code>distinctPowers(20)</code> should return 324.");'
+  - text: ''
+    testString: 'assert.strictEqual(distinctPowers(25), 519, "<code>distinctPowers(25)</code> should return 519.");'
+  - text: ''
+    testString: 'assert.strictEqual(distinctPowers(30), 755, "<code>distinctPowers(30)</code> should return 755.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function distinctPowers(n) {
+  // Good luck!
+  return n;
+}
+
+distinctPowers(30);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-290-digital-signature.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-290-digital-signature.arabic.md
new file mode 100644
index 0000000000..b8d7aeb919
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-290-digital-signature.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f48f1000cf542c50ffa1
+challengeType: 5
+title: 'Problem 290: Digital Signature'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler290(), 20444710234716470, "<code>euler290()</code> should return 20444710234716470.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler290() {
+  // Good luck!
+  return true;
+}
+
+euler290();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-291-panaitopol-primes.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-291-panaitopol-primes.arabic.md
new file mode 100644
index 0000000000..23f0effbe9
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-291-panaitopol-primes.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f48f1000cf542c50ffa2
+challengeType: 5
+title: 'Problem 291: Panaitopol Primes'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler291(), 4037526, "<code>euler291()</code> should return 4037526.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler291() {
+  // Good luck!
+  return true;
+}
+
+euler291();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-292-pythagorean-polygons.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-292-pythagorean-polygons.arabic.md
new file mode 100644
index 0000000000..5f9149baba
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-292-pythagorean-polygons.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4911000cf542c50ffa3
+challengeType: 5
+title: 'Problem 292: Pythagorean Polygons'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler292(), 3600060866, "<code>euler292()</code> should return 3600060866.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler292() {
+  // Good luck!
+  return true;
+}
+
+euler292();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-293-pseudo-fortunate-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-293-pseudo-fortunate-numbers.arabic.md
new file mode 100644
index 0000000000..6de8dda56a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-293-pseudo-fortunate-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4931000cf542c50ffa4
+challengeType: 5
+title: 'Problem 293: Pseudo-Fortunate Numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler293(), 2209, "<code>euler293()</code> should return 2209.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler293() {
+  // Good luck!
+  return true;
+}
+
+euler293();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-294-sum-of-digits---experience-23.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-294-sum-of-digits---experience-23.arabic.md
new file mode 100644
index 0000000000..a3666fa062
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-294-sum-of-digits---experience-23.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4931000cf542c50ffa5
+challengeType: 5
+title: 'Problem 294: Sum of digits - experience #23'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler294(), 789184709, "<code>euler294()</code> should return 789184709.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler294() {
+  // Good luck!
+  return true;
+}
+
+euler294();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-295-lenticular-holes.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-295-lenticular-holes.arabic.md
new file mode 100644
index 0000000000..2afb8e641f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-295-lenticular-holes.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4931000cf542c50ffa6
+challengeType: 5
+title: 'Problem 295: Lenticular holes'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler295(), 4884650818, "<code>euler295()</code> should return 4884650818.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler295() {
+  // Good luck!
+  return true;
+}
+
+euler295();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-296-angular-bisector-and-tangent.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-296-angular-bisector-and-tangent.arabic.md
new file mode 100644
index 0000000000..6bd534fd6d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-296-angular-bisector-and-tangent.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4941000cf542c50ffa7
+challengeType: 5
+title: 'Problem 296: Angular Bisector and Tangent'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler296(), 1137208419, "<code>euler296()</code> should return 1137208419.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler296() {
+  // Good luck!
+  return true;
+}
+
+euler296();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-297-zeckendorf-representation.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-297-zeckendorf-representation.arabic.md
new file mode 100644
index 0000000000..b8ae1d01e2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-297-zeckendorf-representation.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4951000cf542c50ffa8
+challengeType: 5
+title: 'Problem 297: Zeckendorf Representation'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler297(), 2252639041804718000, "<code>euler297()</code> should return 2252639041804718000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler297() {
+  // Good luck!
+  return true;
+}
+
+euler297();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-298-selective-amnesia.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-298-selective-amnesia.arabic.md
new file mode 100644
index 0000000000..0cac00663e
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-298-selective-amnesia.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4971000cf542c50ffa9
+challengeType: 5
+title: 'Problem 298: Selective Amnesia'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler298(), 1.76882294, "<code>euler298()</code> should return 1.76882294.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler298() {
+  // Good luck!
+  return true;
+}
+
+euler298();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-299-three-similar-triangles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-299-three-similar-triangles.arabic.md
new file mode 100644
index 0000000000..d6cfe7abbc
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-299-three-similar-triangles.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4971000cf542c50ffaa
+challengeType: 5
+title: 'Problem 299: Three similar triangles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler299(), 549936643, "<code>euler299()</code> should return 549936643.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler299() {
+  // Good luck!
+  return true;
+}
+
+euler299();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-3-largest-prime-factor.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-3-largest-prime-factor.arabic.md
new file mode 100644
index 0000000000..1071286925
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-3-largest-prime-factor.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 5900f36f1000cf542c50fe82
+challengeType: 5
+title: 'Problem 3: Largest prime factor'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(largestPrimeFactor(2), 2, "<code>largestPrimeFactor(2)</code> should return 2.");'
+  - text: ''
+    testString: 'assert.strictEqual(largestPrimeFactor(3), 3, "<code>largestPrimeFactor(3)</code> should return 3.");'
+  - text: ''
+    testString: 'assert.strictEqual(largestPrimeFactor(5), 5, "<code>largestPrimeFactor(5)</code> should return 5.");'
+  - text: ''
+    testString: 'assert.strictEqual(largestPrimeFactor(7), 7, "<code>largestPrimeFactor(7)</code> should return 7.");'
+  - text: ''
+    testString: 'assert.strictEqual(largestPrimeFactor(13195), 29, "<code>largestPrimeFactor(13195)</code> should return 29.");'
+  - text: ''
+    testString: 'assert.strictEqual(largestPrimeFactor(600851475143), 6857, "<code>largestPrimeFactor(600851475143)</code> should return 6857.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestPrimeFactor(number) {
+  // Good luck!
+  return true;
+}
+
+largestPrimeFactor(13195);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-30-digit-n-powers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-30-digit-n-powers.arabic.md
new file mode 100644
index 0000000000..6749139b3f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-30-digit-n-powers.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 5900f38a1000cf542c50fe9d
+challengeType: 5
+title: 'Problem 30: Digit n powers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(digitnPowers(2) == 0, "<code>digitnPowers(2)</code> should return 0.");'
+  - text: ''
+    testString: 'assert(digitnPowers(3) == 1301, "<code>digitnPowers(3)</code> should return 1301.");'
+  - text: ''
+    testString: 'assert(digitnPowers(4) == 19316, "<code>digitnPowers(4)</code> should return 19316.");'
+  - text: ''
+    testString: 'assert(digitnPowers(5) == 443839, "<code>digitnPowers(5)</code> should return 443839.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function digitnPowers(n) {
+  // Good luck!
+  return n;
+}
+
+digitnPowers(5);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-300-protein-folding.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-300-protein-folding.arabic.md
new file mode 100644
index 0000000000..193acfc4b9
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-300-protein-folding.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f49a1000cf542c50ffac
+challengeType: 5
+title: 'Problem 300: Protein folding'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler300(), 8.0540771484375, "<code>euler300()</code> should return 8.0540771484375.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler300() {
+  // Good luck!
+  return true;
+}
+
+euler300();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-301-nim.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-301-nim.arabic.md
new file mode 100644
index 0000000000..86ed982bae
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-301-nim.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4991000cf542c50ffab
+challengeType: 5
+title: 'Problem 301: Nim'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler301(), 2178309, "<code>euler301()</code> should return 2178309.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler301() {
+  // Good luck!
+  return true;
+}
+
+euler301();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-302-strong-achilles-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-302-strong-achilles-numbers.arabic.md
new file mode 100644
index 0000000000..19de5a605e
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-302-strong-achilles-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f49b1000cf542c50ffad
+challengeType: 5
+title: 'Problem 302: Strong Achilles Numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler302(), 1170060, "<code>euler302()</code> should return 1170060.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler302() {
+  // Good luck!
+  return true;
+}
+
+euler302();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-303-multiples-with-small-digits.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-303-multiples-with-small-digits.arabic.md
new file mode 100644
index 0000000000..47338b4d43
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-303-multiples-with-small-digits.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f49b1000cf542c50ffae
+challengeType: 5
+title: 'Problem 303: Multiples with small digits'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler303(), 1111981904675169, "<code>euler303()</code> should return 1111981904675169.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler303() {
+  // Good luck!
+  return true;
+}
+
+euler303();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-304-primonacci.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-304-primonacci.arabic.md
new file mode 100644
index 0000000000..6beb5ff729
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-304-primonacci.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f49d1000cf542c50ffaf
+challengeType: 5
+title: 'Problem 304: Primonacci'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler304(), 283988410192, "<code>euler304()</code> should return 283988410192.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler304() {
+  // Good luck!
+  return true;
+}
+
+euler304();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-305-reflexive-position.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-305-reflexive-position.arabic.md
new file mode 100644
index 0000000000..988f5a4bdc
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-305-reflexive-position.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f49d1000cf542c50ffb0
+challengeType: 5
+title: 'Problem 305: Reflexive Position'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler305(), 18174995535140, "<code>euler305()</code> should return 18174995535140.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler305() {
+  // Good luck!
+  return true;
+}
+
+euler305();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-306-paper-strip-game.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-306-paper-strip-game.arabic.md
new file mode 100644
index 0000000000..99685b06a0
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-306-paper-strip-game.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 5900f49f1000cf542c50ffb1
+challengeType: 5
+title: 'Problem 306: Paper-strip Game'
+videoUrl: ''
+localeTitle: 'المشكلة 306: لعبة ورق الشريط'
+---
+
+## Description
+<section id="description"> اللعبة التالية هي مثال كلاسيكي لنظرية اللعبة الاندماجية: <p style=";text-align:right;direction:rtl"> يبدأ لاعبان بقطعة من المربعات البيضاء ، ويتخذان أدوارًا بديلة. في كل دور ، يختار اللاعب اثنين من المربعات البيضاء المتجاورة ويرسمهما باللون الأسود. اللاعب الأول الذي لا يستطيع أن يتحرك يخسر. </p><p style=";text-align:right;direction:rtl"> إذا كانت n = 1 ، فلا توجد تحركات صالحة ، لذلك يخسر اللاعب الأول تلقائيًا. إذا كانت n = 2 ، فهناك حركة واحدة صالحة ، وبعدها يخسر اللاعب الثاني. إذا كانت n = 3 ، فهناك حركات صالحة ، لكن كلاهما يترك وضعًا يخسر فيه اللاعب الثاني. إذا كانت n = 4 ، فهناك ثلاث حركات صالحة للاعب الأول. يمكنها الفوز باللعبة عن طريق رسم الساحتين الأوسطتين. إذا كانت n = 5 ، فهناك أربع حركات صالحة للاعب الأول (كما هو موضح أدناه باللون الأحمر) ؛ ولكن بغض النظر عن ما تفعله ، يفوز اللاعب الثاني (الأزرق). </p><p style=";text-align:right;direction:rtl"> لذا ، بالنسبة إلى 1 ≤ n ≤ 5 ، هناك 3 قيم لـ n يمكن للاعب الأول فرض الفوز فيها. وبالمثل ، بالنسبة إلى 1 ≤ n ≤ 50 ، هناك 40 قيمة لـ n يمكن للاعب الأول فرض الفوز فيها. </p><p style=";text-align:right;direction:rtl"> من أجل 1 000 n ≤ 000 000 1 ، ما هو عدد قيم n التي يمكن للاعب الأول أن يفوز فيها؟ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم <code>euler306()</code> بإرجاع 852938.
+    testString: 'assert.strictEqual(euler306(), 852938, "<code>euler306()</code> should return 852938.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler306() {
+  // Good luck!
+  return true;
+}
+
+euler306();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-307-chip-defects.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-307-chip-defects.arabic.md
new file mode 100644
index 0000000000..3e0a874026
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-307-chip-defects.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a01000cf542c50ffb2
+challengeType: 5
+title: 'Problem 307: Chip Defects'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler307(), 0.7311720251, "<code>euler307()</code> should return 0.7311720251.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler307() {
+  // Good luck!
+  return true;
+}
+
+euler307();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-308-an-amazing-prime-generating-automaton.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-308-an-amazing-prime-generating-automaton.arabic.md
new file mode 100644
index 0000000000..3ac852c2a7
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-308-an-amazing-prime-generating-automaton.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a11000cf542c50ffb3
+challengeType: 5
+title: 'Problem 308: An amazing Prime-generating Automaton'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler308(), 1539669807660924, "<code>euler308()</code> should return 1539669807660924.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler308() {
+  // Good luck!
+  return true;
+}
+
+euler308();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-309-integer-ladders.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-309-integer-ladders.arabic.md
new file mode 100644
index 0000000000..09a5c7326c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-309-integer-ladders.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a11000cf542c50ffb4
+challengeType: 5
+title: 'Problem 309: Integer Ladders'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler309(), 210139, "<code>euler309()</code> should return 210139.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler309() {
+  // Good luck!
+  return true;
+}
+
+euler309();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-31-coin-sums.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-31-coin-sums.arabic.md
new file mode 100644
index 0000000000..7b9d842a26
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-31-coin-sums.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 5900f38b1000cf542c50fe9e
+challengeType: 5
+title: 'Problem 31: Coin sums'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(coinSums(50) == 451, "<code>coinSums(50)</code> should return 451.");'
+  - text: ''
+    testString: 'assert(coinSums(100) == 4563, "<code>coinSums(100)</code> should return 4563.");'
+  - text: ''
+    testString: 'assert(coinSums(150) == 21873, "<code>coinSums(150)</code> should return 21873.");'
+  - text: ''
+    testString: 'assert(coinSums(200) == 73682, "<code>coinSums(200)</code> should return 73682.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function coinSums(n) {
+  // Good luck!
+  return n;
+}
+
+coinSums(200);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-310-nim-square.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-310-nim-square.arabic.md
new file mode 100644
index 0000000000..815c73e4a6
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-310-nim-square.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a21000cf542c50ffb5
+challengeType: 5
+title: 'Problem 310: Nim Square'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler310(), 2586528661783, "<code>euler310()</code> should return 2586528661783.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler310() {
+  // Good luck!
+  return true;
+}
+
+euler310();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-311-biclinic-integral-quadrilaterals.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-311-biclinic-integral-quadrilaterals.arabic.md
new file mode 100644
index 0000000000..eb85f1d452
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-311-biclinic-integral-quadrilaterals.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a31000cf542c50ffb6
+challengeType: 5
+title: 'Problem 311: Biclinic Integral Quadrilaterals'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler311(), 2466018557, "<code>euler311()</code> should return 2466018557.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler311() {
+  // Good luck!
+  return true;
+}
+
+euler311();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-312-cyclic-paths-on-sierpiski-graphs.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-312-cyclic-paths-on-sierpiski-graphs.arabic.md
new file mode 100644
index 0000000000..d9eb5db6d1
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-312-cyclic-paths-on-sierpiski-graphs.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a51000cf542c50ffb7
+challengeType: 5
+title: 'Problem 312: Cyclic paths on Sierpiński graphs'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler312(), 324681947, "<code>euler312()</code> should return 324681947.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler312() {
+  // Good luck!
+  return true;
+}
+
+euler312();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-313-sliding-game.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-313-sliding-game.arabic.md
new file mode 100644
index 0000000000..a738c33632
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-313-sliding-game.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a61000cf542c50ffb8
+challengeType: 5
+title: 'Problem 313: Sliding game'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler313(), 2057774861813004, "<code>euler313()</code> should return 2057774861813004.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler313() {
+  // Good luck!
+  return true;
+}
+
+euler313();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-314-the-mouse-on-the-moon.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-314-the-mouse-on-the-moon.arabic.md
new file mode 100644
index 0000000000..61fa2d2750
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-314-the-mouse-on-the-moon.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a71000cf542c50ffb9
+challengeType: 5
+title: 'Problem 314: The Mouse on the Moon'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler314(), 132.52756426, "<code>euler314()</code> should return 132.52756426.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler314() {
+  // Good luck!
+  return true;
+}
+
+euler314();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-315-digital-root-clocks.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-315-digital-root-clocks.arabic.md
new file mode 100644
index 0000000000..68ac831d5c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-315-digital-root-clocks.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a71000cf542c50ffba
+challengeType: 5
+title: 'Problem 315: Digital root clocks'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler315(), 13625242, "<code>euler315()</code> should return 13625242.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler315() {
+  // Good luck!
+  return true;
+}
+
+euler315();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-316-numbers-in-decimal-expansions.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-316-numbers-in-decimal-expansions.arabic.md
new file mode 100644
index 0000000000..60f4d6a5a7
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-316-numbers-in-decimal-expansions.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a81000cf542c50ffbb
+challengeType: 5
+title: 'Problem 316: Numbers in decimal expansions'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler316(), 542934735751917760, "<code>euler316()</code> should return 542934735751917760.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler316() {
+  // Good luck!
+  return true;
+}
+
+euler316();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-317-firecracker.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-317-firecracker.arabic.md
new file mode 100644
index 0000000000..cd72d9de56
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-317-firecracker.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4aa1000cf542c50ffbc
+challengeType: 5
+title: 'Problem 317: Firecracker'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler317(), 1856532.8455, "<code>euler317()</code> should return 1856532.8455.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler317() {
+  // Good luck!
+  return true;
+}
+
+euler317();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-318-2011-nines.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-318-2011-nines.arabic.md
new file mode 100644
index 0000000000..64b104bf2b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-318-2011-nines.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ab1000cf542c50ffbd
+challengeType: 5
+title: 'Problem 318: 2011 nines'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler318(), 709313889, "<code>euler318()</code> should return 709313889.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler318() {
+  // Good luck!
+  return true;
+}
+
+euler318();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-319-bounded-sequences.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-319-bounded-sequences.arabic.md
new file mode 100644
index 0000000000..67857505c4
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-319-bounded-sequences.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ab1000cf542c50ffbe
+challengeType: 5
+title: 'Problem 319: Bounded Sequences'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler319(), 268457129, "<code>euler319()</code> should return 268457129.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler319() {
+  // Good luck!
+  return true;
+}
+
+euler319();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-32-pandigital-products.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-32-pandigital-products.arabic.md
new file mode 100644
index 0000000000..143380ffaa
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-32-pandigital-products.arabic.md
@@ -0,0 +1,56 @@
+---
+id: 5900f38c1000cf542c50fe9f
+challengeType: 5
+title: 'Problem 32: Pandigital products'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof pandigitalProducts === "function", "<code>pandigitalProducts()</code> is a function.");'
+  - text: ''
+    testString: 'assert.strictEqual(pandigitalProducts(), 45228, "<code>pandigitalProducts()</code> should return 45228.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pandigitalProducts() {
+  // Good luck!
+  return true;
+}
+
+pandigitalProducts();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-320-factorials-divisible-by-a-huge-integer.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-320-factorials-divisible-by-a-huge-integer.arabic.md
new file mode 100644
index 0000000000..b5d22021a6
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-320-factorials-divisible-by-a-huge-integer.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ae1000cf542c50ffbf
+challengeType: 5
+title: 'Problem 320: Factorials divisible by a huge integer'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler320(), 278157919195482660, "<code>euler320()</code> should return 278157919195482660.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler320() {
+  // Good luck!
+  return true;
+}
+
+euler320();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-321-swapping-counters.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-321-swapping-counters.arabic.md
new file mode 100644
index 0000000000..45e214d359
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-321-swapping-counters.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ae1000cf542c50ffc0
+challengeType: 5
+title: 'Problem 321: Swapping Counters'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler321(), 2470433131948040, "<code>euler321()</code> should return 2470433131948040.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler321() {
+  // Good luck!
+  return true;
+}
+
+euler321();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-322-binomial-coefficients-divisible-by-10.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-322-binomial-coefficients-divisible-by-10.arabic.md
new file mode 100644
index 0000000000..f58f6119a9
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-322-binomial-coefficients-divisible-by-10.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4af1000cf542c50ffc1
+challengeType: 5
+title: 'Problem 322: Binomial coefficients divisible by 10'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler322(), 999998760323314000, "<code>euler322()</code> should return 999998760323314000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler322() {
+  // Good luck!
+  return true;
+}
+
+euler322();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-323-bitwise-or-operations-on-random-integers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-323-bitwise-or-operations-on-random-integers.arabic.md
new file mode 100644
index 0000000000..9081a891de
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-323-bitwise-or-operations-on-random-integers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4b01000cf542c50ffc2
+challengeType: 5
+title: 'Problem 323: Bitwise-OR operations on random integers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler323(), 6.3551758451, "<code>euler323()</code> should return 6.3551758451.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler323() {
+  // Good luck!
+  return true;
+}
+
+euler323();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-324-building-a-tower.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-324-building-a-tower.arabic.md
new file mode 100644
index 0000000000..5b9d1a6f76
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-324-building-a-tower.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4b11000cf542c50ffc3
+challengeType: 5
+title: 'Problem 324: Building a tower'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler324(), 96972774, "<code>euler324()</code> should return 96972774.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler324() {
+  // Good luck!
+  return true;
+}
+
+euler324();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-325-stone-game-ii.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-325-stone-game-ii.arabic.md
new file mode 100644
index 0000000000..72e9807971
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-325-stone-game-ii.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4b11000cf542c50ffc4
+challengeType: 5
+title: 'Problem 325: Stone Game II'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler325(), 54672965, "<code>euler325()</code> should return 54672965.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler325() {
+  // Good luck!
+  return true;
+}
+
+euler325();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-326-modulo-summations.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-326-modulo-summations.arabic.md
new file mode 100644
index 0000000000..9f05616bed
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-326-modulo-summations.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4b21000cf542c50ffc5
+challengeType: 5
+title: 'Problem 326: Modulo Summations'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler326(), 1966666166408794400, "<code>euler326()</code> should return 1966666166408794400.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler326() {
+  // Good luck!
+  return true;
+}
+
+euler326();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-327-rooms-of-doom.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-327-rooms-of-doom.arabic.md
new file mode 100644
index 0000000000..89535c9c7a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-327-rooms-of-doom.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4b31000cf542c50ffc6
+challengeType: 5
+title: 'Problem 327: Rooms of Doom'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler327(), 34315549139516, "<code>euler327()</code> should return 34315549139516.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler327() {
+  // Good luck!
+  return true;
+}
+
+euler327();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-328-lowest-cost-search.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-328-lowest-cost-search.arabic.md
new file mode 100644
index 0000000000..7cb38114ba
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-328-lowest-cost-search.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4b41000cf542c50ffc7
+challengeType: 5
+title: 'Problem 328: Lowest-cost Search'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler328(), 260511850222, "<code>euler328()</code> should return 260511850222.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler328() {
+  // Good luck!
+  return true;
+}
+
+euler328();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-329-prime-frog.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-329-prime-frog.arabic.md
new file mode 100644
index 0000000000..d85d2b2356
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-329-prime-frog.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4b51000cf542c50ffc8
+challengeType: 5
+title: 'Problem 329: Prime Frog'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler329(), 199740353 / 29386561536000, "<code>euler329()</code> should return 199740353 / 29386561536000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler329() {
+  // Good luck!
+  return true;
+}
+
+euler329();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-33-digit-cancelling-fractions.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-33-digit-cancelling-fractions.arabic.md
new file mode 100644
index 0000000000..8f31bac754
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-33-digit-cancelling-fractions.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f38d1000cf542c50fea0
+challengeType: 5
+title: 'Problem 33: Digit cancelling fractions'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(digitCancellingFractions(), 100, "<code>digitCancellingFractions()</code> should return 100.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function digitCancellingFractions() {
+  // Good luck!
+  return true;
+}
+
+digitCancellingFractions();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-330-eulers-number.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-330-eulers-number.arabic.md
new file mode 100644
index 0000000000..453f636a68
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-330-eulers-number.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4b71000cf542c50ffc9
+challengeType: 5
+title: 'Problem 330: Euler"s Number'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler330(), 15955822, "<code>euler330()</code> should return 15955822.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler330() {
+  // Good luck!
+  return true;
+}
+
+euler330();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-331-cross-flips.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-331-cross-flips.arabic.md
new file mode 100644
index 0000000000..7ae8d6b145
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-331-cross-flips.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4b71000cf542c50ffca
+challengeType: 5
+title: 'Problem 331: Cross flips'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler331(), 467178235146843500, "<code>euler331()</code> should return 467178235146843500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler331() {
+  // Good luck!
+  return true;
+}
+
+euler331();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-332-spherical-triangles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-332-spherical-triangles.arabic.md
new file mode 100644
index 0000000000..6c07742582
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-332-spherical-triangles.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4b91000cf542c50ffcb
+challengeType: 5
+title: 'Problem 332: Spherical triangles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler332(), 2717.751525, "<code>euler332()</code> should return 2717.751525.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler332() {
+  // Good luck!
+  return true;
+}
+
+euler332();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-333-special-partitions.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-333-special-partitions.arabic.md
new file mode 100644
index 0000000000..ce46c85836
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-333-special-partitions.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4b91000cf542c50ffcc
+challengeType: 5
+title: 'Problem 333: Special partitions'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler333(), 3053105, "<code>euler333()</code> should return 3053105.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler333() {
+  // Good luck!
+  return true;
+}
+
+euler333();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-334-spilling-the-beans.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-334-spilling-the-beans.arabic.md
new file mode 100644
index 0000000000..89876039eb
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-334-spilling-the-beans.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ba1000cf542c50ffcd
+challengeType: 5
+title: 'Problem 334: Spilling the beans'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler334(), 150320021261690850, "<code>euler334()</code> should return 150320021261690850.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler334() {
+  // Good luck!
+  return true;
+}
+
+euler334();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-335-gathering-the-beans.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-335-gathering-the-beans.arabic.md
new file mode 100644
index 0000000000..2fe98f34a7
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-335-gathering-the-beans.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4bd1000cf542c50ffce
+challengeType: 5
+title: 'Problem 335: Gathering the beans'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler335(), 5032316, "<code>euler335()</code> should return 5032316.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler335() {
+  // Good luck!
+  return true;
+}
+
+euler335();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-336-maximix-arrangements.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-336-maximix-arrangements.arabic.md
new file mode 100644
index 0000000000..efe9735df9
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-336-maximix-arrangements.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4bd1000cf542c50ffcf
+challengeType: 5
+title: 'Problem 336: Maximix Arrangements'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler336(), CAGBIHEFJDK, "<code>euler336()</code> should return CAGBIHEFJDK.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler336() {
+  // Good luck!
+  return true;
+}
+
+euler336();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-337-totient-stairstep-sequences.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-337-totient-stairstep-sequences.arabic.md
new file mode 100644
index 0000000000..de0d6e312b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-337-totient-stairstep-sequences.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4be1000cf542c50ffd0
+challengeType: 5
+title: 'Problem 337: Totient Stairstep Sequences'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler337(), 85068035, "<code>euler337()</code> should return 85068035.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler337() {
+  // Good luck!
+  return true;
+}
+
+euler337();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-338-cutting-rectangular-grid-paper.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-338-cutting-rectangular-grid-paper.arabic.md
new file mode 100644
index 0000000000..a5bea91d9d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-338-cutting-rectangular-grid-paper.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4be1000cf542c50ffd1
+challengeType: 5
+title: 'Problem 338: Cutting Rectangular Grid Paper'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler338(), 15614292, "<code>euler338()</code> should return 15614292.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler338() {
+  // Good luck!
+  return true;
+}
+
+euler338();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-339-peredur-fab-efrawg.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-339-peredur-fab-efrawg.arabic.md
new file mode 100644
index 0000000000..21963f780b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-339-peredur-fab-efrawg.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4c01000cf542c50ffd2
+challengeType: 5
+title: 'Problem 339: Peredur fab Efrawg'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler339(), 19823.542204, "<code>euler339()</code> should return 19823.542204.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler339() {
+  // Good luck!
+  return true;
+}
+
+euler339();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-34-digit-factorials.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-34-digit-factorials.arabic.md
new file mode 100644
index 0000000000..5d2cd23cce
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-34-digit-factorials.arabic.md
@@ -0,0 +1,56 @@
+---
+id: 5900f38e1000cf542c50fea1
+challengeType: 5
+title: 'Problem 34: Digit factorials'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.deepEqual(digitFactorial(), { sum: 40730, numbers: [145, 40585] }, "<code>digitFactorial()</code> should return { sum: 40730, numbers: [145, 40585] }.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function digitFactorial() {
+  // Good luck!
+  var sum = 0;
+  var numbers = [];
+  return { sum, numbers };
+}
+
+digitFactorial();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-340-crazy-function.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-340-crazy-function.arabic.md
new file mode 100644
index 0000000000..5b114ea877
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-340-crazy-function.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4c21000cf542c50ffd4
+challengeType: 5
+title: 'Problem 340: Crazy Function'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler340(), 291504964, "<code>euler340()</code> should return 291504964.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler340() {
+  // Good luck!
+  return true;
+}
+
+euler340();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-341-golombs-self-describing-sequence.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-341-golombs-self-describing-sequence.arabic.md
new file mode 100644
index 0000000000..291675d732
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-341-golombs-self-describing-sequence.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4c11000cf542c50ffd3
+challengeType: 5
+title: 'Problem 341: Golomb"s self-describing sequence'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler341(), 56098610614277016, "<code>euler341()</code> should return 56098610614277016.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler341() {
+  // Good luck!
+  return true;
+}
+
+euler341();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-342-the-totient-of-a-square-is-a-cube.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-342-the-totient-of-a-square-is-a-cube.arabic.md
new file mode 100644
index 0000000000..60fdf167c8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-342-the-totient-of-a-square-is-a-cube.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4c31000cf542c50ffd5
+challengeType: 5
+title: 'Problem 342: The totient of a square is a cube'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler342(), 5943040885644, "<code>euler342()</code> should return 5943040885644.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler342() {
+  // Good luck!
+  return true;
+}
+
+euler342();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-343-fractional-sequences.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-343-fractional-sequences.arabic.md
new file mode 100644
index 0000000000..17c0cbc9b2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-343-fractional-sequences.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4c41000cf542c50ffd6
+challengeType: 5
+title: 'Problem 343: Fractional Sequences'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler343(), 269533451410884200, "<code>euler343()</code> should return 269533451410884200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler343() {
+  // Good luck!
+  return true;
+}
+
+euler343();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-344-silver-dollar-game.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-344-silver-dollar-game.arabic.md
new file mode 100644
index 0000000000..373b1aa336
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-344-silver-dollar-game.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4c51000cf542c50ffd7
+challengeType: 5
+title: 'Problem 344: Silver dollar game'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler344(), 65579304332, "<code>euler344()</code> should return 65579304332.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler344() {
+  // Good luck!
+  return true;
+}
+
+euler344();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-345-matrix-sum.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-345-matrix-sum.arabic.md
new file mode 100644
index 0000000000..fd91d847cb
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-345-matrix-sum.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4c81000cf542c50ffda
+challengeType: 5
+title: 'Problem 345: Matrix Sum'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler345(), 13938, "<code>euler345()</code> should return 13938.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler345() {
+  // Good luck!
+  return true;
+}
+
+euler345();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-346-strong-repunits.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-346-strong-repunits.arabic.md
new file mode 100644
index 0000000000..0270c25192
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-346-strong-repunits.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4c71000cf542c50ffd8
+challengeType: 5
+title: 'Problem 346: Strong Repunits'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler346(), 336108797689259260, "<code>euler346()</code> should return 336108797689259260.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler346() {
+  // Good luck!
+  return true;
+}
+
+euler346();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-347-largest-integer-divisible-by-two-primes.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-347-largest-integer-divisible-by-two-primes.arabic.md
new file mode 100644
index 0000000000..5c211d4a58
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-347-largest-integer-divisible-by-two-primes.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4c81000cf542c50ffd9
+challengeType: 5
+title: 'Problem 347: Largest integer divisible by two primes'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler347(), 11109800204052, "<code>euler347()</code> should return 11109800204052.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler347() {
+  // Good luck!
+  return true;
+}
+
+euler347();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-348-sum-of-a-square-and-a-cube.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-348-sum-of-a-square-and-a-cube.arabic.md
new file mode 100644
index 0000000000..eaac9849b3
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-348-sum-of-a-square-and-a-cube.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4c81000cf542c50ffdb
+challengeType: 5
+title: 'Problem 348: Sum of a square and a cube'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler348(), 1004195061, "<code>euler348()</code> should return 1004195061.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler348() {
+  // Good luck!
+  return true;
+}
+
+euler348();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-349-langtons-ant.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-349-langtons-ant.arabic.md
new file mode 100644
index 0000000000..80ef9a4eb7
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-349-langtons-ant.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ca1000cf542c50ffdc
+challengeType: 5
+title: 'Problem 349: Langton"s ant'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler349(), 115384615384614940, "<code>euler349()</code> should return 115384615384614940.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler349() {
+  // Good luck!
+  return true;
+}
+
+euler349();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-35-circular-primes.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-35-circular-primes.arabic.md
new file mode 100644
index 0000000000..9050b3e35c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-35-circular-primes.arabic.md
@@ -0,0 +1,64 @@
+---
+id: 5900f38f1000cf542c50fea2
+challengeType: 5
+title: 'Problem 35: Circular primes'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(circularPrimes(100) == 13, "<code>circularPrimes(100)</code> should return 13.");'
+  - text: ''
+    testString: 'assert(circularPrimes(100000) == 43, "<code>circularPrimes(100000)</code> should return 43.");'
+  - text: ''
+    testString: 'assert(circularPrimes(250000) == 45, "<code>circularPrimes(250000)</code> should return 45.");'
+  - text: ''
+    testString: 'assert(circularPrimes(500000) == 49, "<code>circularPrimes(500000)</code> should return 49.");'
+  - text: ''
+    testString: 'assert(circularPrimes(750000) == 49, "<code>circularPrimes(750000)</code> should return 49.");'
+  - text: ''
+    testString: 'assert(circularPrimes(1000000) == 55, "<code>circularPrimes(1000000)</code> should return 55.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function circularPrimes(n) {
+  // Good luck!
+  return n;
+}
+
+circularPrimes(1000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-350-constraining-the-least-greatest-and-the-greatest-least.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-350-constraining-the-least-greatest-and-the-greatest-least.arabic.md
new file mode 100644
index 0000000000..38d6ca22eb
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-350-constraining-the-least-greatest-and-the-greatest-least.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4cb1000cf542c50ffdd
+challengeType: 5
+title: 'Problem 350: Constraining the least greatest and the greatest least'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler350(), 84664213, "<code>euler350()</code> should return 84664213.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler350() {
+  // Good luck!
+  return true;
+}
+
+euler350();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-351-hexagonal-orchards.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-351-hexagonal-orchards.arabic.md
new file mode 100644
index 0000000000..8b34898b46
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-351-hexagonal-orchards.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4cb1000cf542c50ffde
+challengeType: 5
+title: 'Problem 351: Hexagonal orchards'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler351(), 11762187201804552, "<code>euler351()</code> should return 11762187201804552.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler351() {
+  // Good luck!
+  return true;
+}
+
+euler351();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-352-blood-tests.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-352-blood-tests.arabic.md
new file mode 100644
index 0000000000..0ff6b966b5
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-352-blood-tests.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4cd1000cf542c50ffdf
+challengeType: 5
+title: 'Problem 352: Blood tests'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler352(), 378563.260589, "<code>euler352()</code> should return 378563.260589.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler352() {
+  // Good luck!
+  return true;
+}
+
+euler352();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-353-risky-moon.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-353-risky-moon.arabic.md
new file mode 100644
index 0000000000..79dac4cb38
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-353-risky-moon.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4cd1000cf542c50ffe0
+challengeType: 5
+title: 'Problem 353: Risky moon'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler353(), 1.2759860331, "<code>euler353()</code> should return 1.2759860331.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler353() {
+  // Good luck!
+  return true;
+}
+
+euler353();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-354-distances-in-a-bees-honeycomb.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-354-distances-in-a-bees-honeycomb.arabic.md
new file mode 100644
index 0000000000..ca5efeb6f7
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-354-distances-in-a-bees-honeycomb.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4cf1000cf542c50ffe1
+challengeType: 5
+title: 'Problem 354: Distances in a bee"s honeycomb'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler354(), 58065134, "<code>euler354()</code> should return 58065134.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler354() {
+  // Good luck!
+  return true;
+}
+
+euler354();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-355-maximal-coprime-subset.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-355-maximal-coprime-subset.arabic.md
new file mode 100644
index 0000000000..1161bf38a8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-355-maximal-coprime-subset.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4d01000cf542c50ffe2
+challengeType: 5
+title: 'Problem 355: Maximal coprime subset'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler355(), 1726545007, "<code>euler355()</code> should return 1726545007.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler355() {
+  // Good luck!
+  return true;
+}
+
+euler355();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-356-largest-roots-of-cubic-polynomials.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-356-largest-roots-of-cubic-polynomials.arabic.md
new file mode 100644
index 0000000000..971f0bf993
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-356-largest-roots-of-cubic-polynomials.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4d01000cf542c50ffe3
+challengeType: 5
+title: 'Problem 356: Largest roots of cubic polynomials'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler356(), 28010159, "<code>euler356()</code> should return 28010159.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler356() {
+  // Good luck!
+  return true;
+}
+
+euler356();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-357-prime-generating-integers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-357-prime-generating-integers.arabic.md
new file mode 100644
index 0000000000..d010aa52fe
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-357-prime-generating-integers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4d11000cf542c50ffe4
+challengeType: 5
+title: 'Problem 357: Prime generating integers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler357(), 1739023853137, "<code>euler357()</code> should return 1739023853137.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler357() {
+  // Good luck!
+  return true;
+}
+
+euler357();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-358-cyclic-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-358-cyclic-numbers.arabic.md
new file mode 100644
index 0000000000..a15b8add42
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-358-cyclic-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4d21000cf542c50ffe5
+challengeType: 5
+title: 'Problem 358: Cyclic numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler358(), 3284144505, "<code>euler358()</code> should return 3284144505.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler358() {
+  // Good luck!
+  return true;
+}
+
+euler358();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-359-hilberts-new-hotel.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-359-hilberts-new-hotel.arabic.md
new file mode 100644
index 0000000000..632f4a9297
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-359-hilberts-new-hotel.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4d31000cf542c50ffe6
+challengeType: 5
+title: 'Problem 359: Hilbert"s New Hotel'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler359(), 40632119, "<code>euler359()</code> should return 40632119.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler359() {
+  // Good luck!
+  return true;
+}
+
+euler359();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-36-double-base-palindromes.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-36-double-base-palindromes.arabic.md
new file mode 100644
index 0000000000..f6a67c7781
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-36-double-base-palindromes.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3901000cf542c50fea3
+challengeType: 5
+title: 'Problem 36: Double-base palindromes'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(doubleBasePalindromes(1000) == 1772, "<code>doubleBasePalindromes(1000)</code> should return 1772.");'
+  - text: ''
+    testString: 'assert(doubleBasePalindromes(50000) == 105795, "<code>doubleBasePalindromes(50000)</code> should return 105795.");'
+  - text: ''
+    testString: 'assert(doubleBasePalindromes(500000) == 286602, "<code>doubleBasePalindromes(500000)</code> should return 286602.");'
+  - text: ''
+    testString: 'assert(doubleBasePalindromes(1000000) == 872187, "<code>doubleBasePalindromes(1000000)</code> should return 872187.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function doubleBasePalindromes(n) {
+  // Good luck!
+  return n;
+}
+
+doubleBasePalindromes(1000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-360-scary-sphere.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-360-scary-sphere.arabic.md
new file mode 100644
index 0000000000..786dd248fa
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-360-scary-sphere.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4d41000cf542c50ffe7
+challengeType: 5
+title: 'Problem 360: Scary Sphere'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler360(), 878825614395267100, "<code>euler360()</code> should return 878825614395267100.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler360() {
+  // Good luck!
+  return true;
+}
+
+euler360();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-361-subsequence-of-thue-morse-sequence.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-361-subsequence-of-thue-morse-sequence.arabic.md
new file mode 100644
index 0000000000..73dca25509
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-361-subsequence-of-thue-morse-sequence.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4d51000cf542c50ffe8
+challengeType: 5
+title: 'Problem 361: Subsequence of Thue-Morse sequence'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler361(), 178476944, "<code>euler361()</code> should return 178476944.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler361() {
+  // Good luck!
+  return true;
+}
+
+euler361();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-362-squarefree-factors.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-362-squarefree-factors.arabic.md
new file mode 100644
index 0000000000..820e1bd51b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-362-squarefree-factors.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4d61000cf542c50ffe9
+challengeType: 5
+title: 'Problem 362: Squarefree factors'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler362(), 457895958010, "<code>euler362()</code> should return 457895958010.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler362() {
+  // Good luck!
+  return true;
+}
+
+euler362();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-363-bzier-curves.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-363-bzier-curves.arabic.md
new file mode 100644
index 0000000000..eea592c693
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-363-bzier-curves.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4d91000cf542c50ffeb
+challengeType: 5
+title: 'Problem 363: Bézier Curves'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler363(), 0.0000372091, "<code>euler363()</code> should return 0.0000372091.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler363() {
+  // Good luck!
+  return true;
+}
+
+euler363();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-364-comfortable-distance.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-364-comfortable-distance.arabic.md
new file mode 100644
index 0000000000..d426960c33
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-364-comfortable-distance.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4d91000cf542c50ffea
+challengeType: 5
+title: 'Problem 364: Comfortable distance'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler364(), 44855254, "<code>euler364()</code> should return 44855254.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler364() {
+  // Good luck!
+  return true;
+}
+
+euler364();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-365-a-huge-binomial-coefficient.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-365-a-huge-binomial-coefficient.arabic.md
new file mode 100644
index 0000000000..0bc049bfed
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-365-a-huge-binomial-coefficient.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4da1000cf542c50ffec
+challengeType: 5
+title: 'Problem 365: A huge binomial coefficient'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler365(), 162619462356610300, "<code>euler365()</code> should return 162619462356610300.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler365() {
+  // Good luck!
+  return true;
+}
+
+euler365();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-366-stone-game-iii.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-366-stone-game-iii.arabic.md
new file mode 100644
index 0000000000..52d8f0d196
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-366-stone-game-iii.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4da1000cf542c50ffed
+challengeType: 5
+title: 'Problem 366: Stone Game III'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler366(), 88351299, "<code>euler366()</code> should return 88351299.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler366() {
+  // Good luck!
+  return true;
+}
+
+euler366();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-367-bozo-sort.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-367-bozo-sort.arabic.md
new file mode 100644
index 0000000000..df02f7e141
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-367-bozo-sort.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4db1000cf542c50ffee
+challengeType: 5
+title: 'Problem 367: Bozo sort'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler367(), 48271207, "<code>euler367()</code> should return 48271207.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler367() {
+  // Good luck!
+  return true;
+}
+
+euler367();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-368-a-kempner-like-series.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-368-a-kempner-like-series.arabic.md
new file mode 100644
index 0000000000..d08ca30cfc
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-368-a-kempner-like-series.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4dd1000cf542c50ffef
+challengeType: 5
+title: 'Problem 368: A Kempner-like series'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler368(), 253.6135092068, "<code>euler368()</code> should return 253.6135092068.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler368() {
+  // Good luck!
+  return true;
+}
+
+euler368();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-369-badugi.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-369-badugi.arabic.md
new file mode 100644
index 0000000000..90c9d589f7
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-369-badugi.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4de1000cf542c50fff0
+challengeType: 5
+title: 'Problem 369: Badugi'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler369(), 862400558448, "<code>euler369()</code> should return 862400558448.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler369() {
+  // Good luck!
+  return true;
+}
+
+euler369();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-37-truncatable-primes.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-37-truncatable-primes.arabic.md
new file mode 100644
index 0000000000..5303e9c209
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-37-truncatable-primes.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3911000cf542c50fea4
+challengeType: 5
+title: 'Problem 37: Truncatable primes'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(truncatablePrimes(8) == 1986, "<code>truncatablePrimes(8)</code> should return 1986.");'
+  - text: ''
+    testString: 'assert(truncatablePrimes(9) == 5123, "<code>truncatablePrimes(9)</code> should return 5123.");'
+  - text: ''
+    testString: 'assert(truncatablePrimes(10) == 8920, "<code>truncatablePrimes(10)</code> should return 8920.");'
+  - text: ''
+    testString: 'assert(truncatablePrimes(11) == 748317, "<code>truncatablePrimes(11)</code> should return 748317.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function truncatablePrimes(n) {
+  // Good luck!
+  return n;
+}
+
+truncatablePrimes(11);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-370-geometric-triangles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-370-geometric-triangles.arabic.md
new file mode 100644
index 0000000000..b9f582281c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-370-geometric-triangles.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4de1000cf542c50fff1
+challengeType: 5
+title: 'Problem 370: Geometric triangles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler370(), 41791929448408, "<code>euler370()</code> should return 41791929448408.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler370() {
+  // Good luck!
+  return true;
+}
+
+euler370();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-371-licence-plates.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-371-licence-plates.arabic.md
new file mode 100644
index 0000000000..d2d4795283
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-371-licence-plates.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4e01000cf542c50fff2
+challengeType: 5
+title: 'Problem 371: Licence plates'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler371(), 40.66368097, "<code>euler371()</code> should return 40.66368097.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler371() {
+  // Good luck!
+  return true;
+}
+
+euler371();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-372-pencils-of-rays.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-372-pencils-of-rays.arabic.md
new file mode 100644
index 0000000000..5519f89234
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-372-pencils-of-rays.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4e11000cf542c50fff3
+challengeType: 5
+title: 'Problem 372: Pencils of rays'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler372(), 301450082318807040, "<code>euler372()</code> should return 301450082318807040.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler372() {
+  // Good luck!
+  return true;
+}
+
+euler372();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-373-circumscribed-circles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-373-circumscribed-circles.arabic.md
new file mode 100644
index 0000000000..d87d735794
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-373-circumscribed-circles.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4e11000cf542c50fff4
+challengeType: 5
+title: 'Problem 373: Circumscribed Circles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler373(), 727227472448913, "<code>euler373()</code> should return 727227472448913.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler373() {
+  // Good luck!
+  return true;
+}
+
+euler373();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-374-maximum-integer-partition-product.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-374-maximum-integer-partition-product.arabic.md
new file mode 100644
index 0000000000..b00678c816
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-374-maximum-integer-partition-product.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4e51000cf542c50fff6
+challengeType: 5
+title: 'Problem 374: Maximum Integer Partition Product'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler374(), 334420941, "<code>euler374()</code> should return 334420941.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler374() {
+  // Good luck!
+  return true;
+}
+
+euler374();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-375-minimum-of-subsequences.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-375-minimum-of-subsequences.arabic.md
new file mode 100644
index 0000000000..b4022b385f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-375-minimum-of-subsequences.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4e41000cf542c50fff5
+challengeType: 5
+title: 'Problem 375: Minimum of subsequences'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler375(), 7435327983715286000, "<code>euler375()</code> should return 7435327983715286000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler375() {
+  // Good luck!
+  return true;
+}
+
+euler375();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-376-nontransitive-sets-of-dice.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-376-nontransitive-sets-of-dice.arabic.md
new file mode 100644
index 0000000000..698a112ea8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-376-nontransitive-sets-of-dice.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4e51000cf542c50fff7
+challengeType: 5
+title: 'Problem 376: Nontransitive sets of dice'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler376(), 973059630185670, "<code>euler376()</code> should return 973059630185670.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler376() {
+  // Good luck!
+  return true;
+}
+
+euler376();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-377-sum-of-digits-experience-13.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-377-sum-of-digits-experience-13.arabic.md
new file mode 100644
index 0000000000..a371e0ce10
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-377-sum-of-digits-experience-13.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4e51000cf542c50fff8
+challengeType: 5
+title: 'Problem 377: Sum of digits, experience 13'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler377(), 732385277, "<code>euler377()</code> should return 732385277.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler377() {
+  // Good luck!
+  return true;
+}
+
+euler377();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-378-triangle-triples.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-378-triangle-triples.arabic.md
new file mode 100644
index 0000000000..80ed298e3e
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-378-triangle-triples.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4e61000cf542c50fff9
+challengeType: 5
+title: 'Problem 378: Triangle Triples'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler378(), 147534623725724700, "<code>euler378()</code> should return 147534623725724700.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler378() {
+  // Good luck!
+  return true;
+}
+
+euler378();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-379-least-common-multiple-count.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-379-least-common-multiple-count.arabic.md
new file mode 100644
index 0000000000..b9c2a1f29a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-379-least-common-multiple-count.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4e81000cf542c50fffa
+challengeType: 5
+title: 'Problem 379: Least common multiple count'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler379(), 132314136838185, "<code>euler379()</code> should return 132314136838185.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler379() {
+  // Good luck!
+  return true;
+}
+
+euler379();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-38-pandigital-multiples.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-38-pandigital-multiples.arabic.md
new file mode 100644
index 0000000000..2632209c30
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-38-pandigital-multiples.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3931000cf542c50fea5
+challengeType: 5
+title: 'Problem 38: Pandigital multiples'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(pandigitalMultiples(), 932718654, "<code>pandigitalMultiples()</code> should return 932718654.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pandigitalMultiples() {
+  // Good luck!
+  return true;
+}
+
+pandigitalMultiples();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-380-amazing-mazes.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-380-amazing-mazes.arabic.md
new file mode 100644
index 0000000000..95d3ab0461
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-380-amazing-mazes.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4e81000cf542c50fffb
+challengeType: 5
+title: 'Problem 380: Amazing Mazes!'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler380(), Infinity, "<code>euler380()</code> should return Infinity.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler380() {
+  // Good luck!
+  return true;
+}
+
+euler380();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-381-prime-k-factorial.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-381-prime-k-factorial.arabic.md
new file mode 100644
index 0000000000..1d038f6585
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-381-prime-k-factorial.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ea1000cf542c50fffc
+challengeType: 5
+title: 'Problem 381: (prime-k) factorial'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler381(), 139602943319822, "<code>euler381()</code> should return 139602943319822.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler381() {
+  // Good luck!
+  return true;
+}
+
+euler381();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-382-generating-polygons.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-382-generating-polygons.arabic.md
new file mode 100644
index 0000000000..6d6df7dd87
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-382-generating-polygons.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4eb1000cf542c50fffd
+challengeType: 5
+title: 'Problem 382: Generating polygons'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler382(), 697003956, "<code>euler382()</code> should return 697003956.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler382() {
+  // Good luck!
+  return true;
+}
+
+euler382();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-383-divisibility-comparison-between-factorials.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-383-divisibility-comparison-between-factorials.arabic.md
new file mode 100644
index 0000000000..a1a3e9f1fd
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-383-divisibility-comparison-between-factorials.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ed1000cf542c50ffff
+challengeType: 5
+title: 'Problem 383: Divisibility comparison between factorials'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler383(), 22173624649806, "<code>euler383()</code> should return 22173624649806.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler383() {
+  // Good luck!
+  return true;
+}
+
+euler383();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-384-rudin-shapiro-sequence.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-384-rudin-shapiro-sequence.arabic.md
new file mode 100644
index 0000000000..6a23d19fff
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-384-rudin-shapiro-sequence.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ed1000cf542c50fffe
+challengeType: 5
+title: 'Problem 384: Rudin-Shapiro sequence'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler384(), 3354706415856333000, "<code>euler384()</code> should return 3354706415856333000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler384() {
+  // Good luck!
+  return true;
+}
+
+euler384();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-385-ellipses-inside-triangles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-385-ellipses-inside-triangles.arabic.md
new file mode 100644
index 0000000000..502ad20f0a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-385-ellipses-inside-triangles.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ee1000cf542c510000
+challengeType: 5
+title: 'Problem 385: Ellipses inside triangles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler385(), 3776957309612154000, "<code>euler385()</code> should return 3776957309612154000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler385() {
+  // Good luck!
+  return true;
+}
+
+euler385();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-386-maximum-length-of-an-antichain.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-386-maximum-length-of-an-antichain.arabic.md
new file mode 100644
index 0000000000..f33b2c5cca
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-386-maximum-length-of-an-antichain.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ef1000cf542c510001
+challengeType: 5
+title: 'Problem 386: Maximum length of an antichain'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler386(), 528755790, "<code>euler386()</code> should return 528755790.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler386() {
+  // Good luck!
+  return true;
+}
+
+euler386();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-387-harshad-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-387-harshad-numbers.arabic.md
new file mode 100644
index 0000000000..d8bc2003e4
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-387-harshad-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4f11000cf542c510003
+challengeType: 5
+title: 'Problem 387: Harshad Numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler387(), 696067597313468, "<code>euler387()</code> should return 696067597313468.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler387() {
+  // Good luck!
+  return true;
+}
+
+euler387();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-388-distinct-lines.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-388-distinct-lines.arabic.md
new file mode 100644
index 0000000000..1af2b3b0d2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-388-distinct-lines.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4f11000cf542c510002
+challengeType: 5
+title: 'Problem 388: Distinct Lines'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler388(), 831907372805130000, "<code>euler388()</code> should return 831907372805130000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler388() {
+  // Good luck!
+  return true;
+}
+
+euler388();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-389-platonic-dice.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-389-platonic-dice.arabic.md
new file mode 100644
index 0000000000..8fe390ae6d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-389-platonic-dice.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4f21000cf542c510004
+challengeType: 5
+title: 'Problem 389: Platonic Dice'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler389(), 2406376.3623, "<code>euler389()</code> should return 2406376.3623.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler389() {
+  // Good luck!
+  return true;
+}
+
+euler389();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-39-integer-right-triangles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-39-integer-right-triangles.arabic.md
new file mode 100644
index 0000000000..b87850704f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-39-integer-right-triangles.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3931000cf542c50fea6
+challengeType: 5
+title: 'Problem 39: Integer right triangles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(intRightTriangles(500) == 420, "<code>intRightTriangles(500)</code> should return 420.");'
+  - text: ''
+    testString: 'assert(intRightTriangles(800) == 420, "<code>intRightTriangles(800)</code> should return 420.");'
+  - text: ''
+    testString: 'assert(intRightTriangles(900) == 840, "<code>intRightTriangles(900)</code> should return 840.");'
+  - text: ''
+    testString: 'assert(intRightTriangles(1000) == 840, "<code>intRightTriangles(1000)</code> should return 840.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function intRightTriangles(n) {
+  // Good luck!
+  return n;
+}
+
+intRightTriangles(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-390-triangles-with-non-rational-sides-and-integral-area.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-390-triangles-with-non-rational-sides-and-integral-area.arabic.md
new file mode 100644
index 0000000000..fac3ff65e0
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-390-triangles-with-non-rational-sides-and-integral-area.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4f21000cf542c510005
+challengeType: 5
+title: 'Problem 390: Triangles with non rational sides and integral area'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler390(), 2919133642971, "<code>euler390()</code> should return 2919133642971.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler390() {
+  // Good luck!
+  return true;
+}
+
+euler390();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-391-hopping-game.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-391-hopping-game.arabic.md
new file mode 100644
index 0000000000..9180766bb5
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-391-hopping-game.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4f31000cf542c510006
+challengeType: 5
+title: 'Problem 391: Hopping Game'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler391(), 61029882288, "<code>euler391()</code> should return 61029882288.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler391() {
+  // Good luck!
+  return true;
+}
+
+euler391();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-392-enmeshed-unit-circle.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-392-enmeshed-unit-circle.arabic.md
new file mode 100644
index 0000000000..465a0fc094
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-392-enmeshed-unit-circle.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4f41000cf542c510007
+challengeType: 5
+title: 'Problem 392: Enmeshed unit circle'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler392(), 3.1486734435, "<code>euler392()</code> should return 3.1486734435.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler392() {
+  // Good luck!
+  return true;
+}
+
+euler392();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-393-migrating-ants.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-393-migrating-ants.arabic.md
new file mode 100644
index 0000000000..75638dd397
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-393-migrating-ants.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4f61000cf542c510008
+challengeType: 5
+title: 'Problem 393: Migrating ants'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler393(), 112398351350823100, "<code>euler393()</code> should return 112398351350823100.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler393() {
+  // Good luck!
+  return true;
+}
+
+euler393();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-394-eating-pie.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-394-eating-pie.arabic.md
new file mode 100644
index 0000000000..0fcced53f5
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-394-eating-pie.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4f71000cf542c510009
+challengeType: 5
+title: 'Problem 394: Eating pie'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler394(), 3.2370342194, "<code>euler394()</code> should return 3.2370342194.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler394() {
+  // Good luck!
+  return true;
+}
+
+euler394();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-395-pythagorean-tree.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-395-pythagorean-tree.arabic.md
new file mode 100644
index 0000000000..dc1a1c1215
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-395-pythagorean-tree.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4f71000cf542c51000a
+challengeType: 5
+title: 'Problem 395: Pythagorean tree'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler395(), 28.2453753155, "<code>euler395()</code> should return 28.2453753155.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler395() {
+  // Good luck!
+  return true;
+}
+
+euler395();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-396-weak-goodstein-sequence.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-396-weak-goodstein-sequence.arabic.md
new file mode 100644
index 0000000000..82281d82a8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-396-weak-goodstein-sequence.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4f81000cf542c51000b
+challengeType: 5
+title: 'Problem 396: Weak Goodstein sequence'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler396(), 173214653, "<code>euler396()</code> should return 173214653.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler396() {
+  // Good luck!
+  return true;
+}
+
+euler396();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-397-triangle-on-parabola.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-397-triangle-on-parabola.arabic.md
new file mode 100644
index 0000000000..a0330df712
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-397-triangle-on-parabola.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4f91000cf542c51000c
+challengeType: 5
+title: 'Problem 397: Triangle on parabola'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler397(), 141630459461893730, "<code>euler397()</code> should return 141630459461893730.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler397() {
+  // Good luck!
+  return true;
+}
+
+euler397();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-398-cutting-rope.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-398-cutting-rope.arabic.md
new file mode 100644
index 0000000000..435ac7955c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-398-cutting-rope.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4fa1000cf542c51000d
+challengeType: 5
+title: 'Problem 398: Cutting rope'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler398(), 2010.59096, "<code>euler398()</code> should return 2010.59096.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler398() {
+  // Good luck!
+  return true;
+}
+
+euler398();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-399-squarefree-fibonacci-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-399-squarefree-fibonacci-numbers.arabic.md
new file mode 100644
index 0000000000..0fdd537ddd
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-399-squarefree-fibonacci-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4fc1000cf542c51000e
+challengeType: 5
+title: 'Problem 399: Squarefree Fibonacci Numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler399(), 1508395636674243, 6.5e27330467, "<code>euler399()</code> should return 1508395636674243, 6.5e27330467.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler399() {
+  // Good luck!
+  return true;
+}
+
+euler399();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-4-largest-palindrome-product.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-4-largest-palindrome-product.arabic.md
new file mode 100644
index 0000000000..e2ecd4f403
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-4-largest-palindrome-product.arabic.md
@@ -0,0 +1,56 @@
+---
+id: 5900f3701000cf542c50fe83
+challengeType: 5
+title: 'Problem 4: Largest palindrome product'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(largestPalindromeProduct(2), 9009, "<code>largestPalindromeProduct(2)</code> should return 9009.");'
+  - text: ''
+    testString: 'assert.strictEqual(largestPalindromeProduct(3), 906609, "<code>largestPalindromeProduct(3)</code> should return 906609.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestPalindromeProduct(n) {
+  // Good luck!
+  return true;
+}
+
+largestPalindromeProduct(3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-40-champernownes-constant.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-40-champernownes-constant.arabic.md
new file mode 100644
index 0000000000..ba4e0b3828
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-40-champernownes-constant.arabic.md
@@ -0,0 +1,58 @@
+---
+id: 5900f3941000cf542c50fea7
+challengeType: 5
+title: 'Problem 40: Champernowne"s constant'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(champernownesConstant(100), 5, "<code>champernownesConstant(100)</code> should return 5.");'
+  - text: ''
+    testString: 'assert.strictEqual(champernownesConstant(1000), 15, "<code>champernownesConstant(1000)</code> should return 15.");'
+  - text: ''
+    testString: 'assert.strictEqual(champernownesConstant(1000000), 210, "<code>champernownesConstant(1000000)</code> should return 210.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function champernownesConstant(n) {
+  // Good luck!
+  return true;
+}
+
+champernownesConstant(100);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-400-fibonacci-tree-game.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-400-fibonacci-tree-game.arabic.md
new file mode 100644
index 0000000000..bbb9c50907
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-400-fibonacci-tree-game.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4fe1000cf542c510010
+challengeType: 5
+title: 'Problem 400: Fibonacci tree game'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler400(), 438505383468410600, "<code>euler400()</code> should return 438505383468410600.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler400() {
+  // Good luck!
+  return true;
+}
+
+euler400();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-401-sum-of-squares-of-divisors.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-401-sum-of-squares-of-divisors.arabic.md
new file mode 100644
index 0000000000..d578b36946
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-401-sum-of-squares-of-divisors.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4fd1000cf542c51000f
+challengeType: 5
+title: 'Problem 401: Sum of squares of divisors'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler401(), 281632621, "<code>euler401()</code> should return 281632621.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler401() {
+  // Good luck!
+  return true;
+}
+
+euler401();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-402-integer-valued-polynomials.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-402-integer-valued-polynomials.arabic.md
new file mode 100644
index 0000000000..3a76654199
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-402-integer-valued-polynomials.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ff1000cf542c510011
+challengeType: 5
+title: 'Problem 402: Integer-valued polynomials'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler402(), 356019862, "<code>euler402()</code> should return 356019862.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler402() {
+  // Good luck!
+  return true;
+}
+
+euler402();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-403-lattice-points-enclosed-by-parabola-and-line.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-403-lattice-points-enclosed-by-parabola-and-line.arabic.md
new file mode 100644
index 0000000000..ac761c05b7
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-403-lattice-points-enclosed-by-parabola-and-line.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5001000cf542c510013
+challengeType: 5
+title: 'Problem 403: Lattice points enclosed by parabola and line'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler403(), 18224771, "<code>euler403()</code> should return 18224771.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler403() {
+  // Good luck!
+  return true;
+}
+
+euler403();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-404-crisscross-ellipses.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-404-crisscross-ellipses.arabic.md
new file mode 100644
index 0000000000..3dcddac957
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-404-crisscross-ellipses.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5001000cf542c510012
+challengeType: 5
+title: 'Problem 404: Crisscross Ellipses'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler404(), 1199215615081353, "<code>euler404()</code> should return 1199215615081353.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler404() {
+  // Good luck!
+  return true;
+}
+
+euler404();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-405-a-rectangular-tiling.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-405-a-rectangular-tiling.arabic.md
new file mode 100644
index 0000000000..afc07fc1ae
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-405-a-rectangular-tiling.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5021000cf542c510014
+challengeType: 5
+title: 'Problem 405: A rectangular tiling'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler405(), 237696125, "<code>euler405()</code> should return 237696125.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler405() {
+  // Good luck!
+  return true;
+}
+
+euler405();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-406-guessing-game.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-406-guessing-game.arabic.md
new file mode 100644
index 0000000000..b03cd6563c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-406-guessing-game.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5021000cf542c510015
+challengeType: 5
+title: 'Problem 406: Guessing Game'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler406(), 36813.12757207, "<code>euler406()</code> should return 36813.12757207.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler406() {
+  // Good luck!
+  return true;
+}
+
+euler406();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-407-idempotents.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-407-idempotents.arabic.md
new file mode 100644
index 0000000000..29870be89a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-407-idempotents.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5041000cf542c510016
+challengeType: 5
+title: 'Problem 407: Idempotents'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler407(), 39782849136421, "<code>euler407()</code> should return 39782849136421.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler407() {
+  // Good luck!
+  return true;
+}
+
+euler407();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-408-admissible-paths-through-a-grid.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-408-admissible-paths-through-a-grid.arabic.md
new file mode 100644
index 0000000000..a75fd929e8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-408-admissible-paths-through-a-grid.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5091000cf542c51001b
+challengeType: 5
+title: 'Problem 408: Admissible paths through a grid'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler408(), 299742733, "<code>euler408()</code> should return 299742733.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler408() {
+  // Good luck!
+  return true;
+}
+
+euler408();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-409-nim-extreme.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-409-nim-extreme.arabic.md
new file mode 100644
index 0000000000..a0e66695d5
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-409-nim-extreme.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5061000cf542c510017
+challengeType: 5
+title: 'Problem 409: Nim Extreme'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler409(), 253223948, "<code>euler409()</code> should return 253223948.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler409() {
+  // Good luck!
+  return true;
+}
+
+euler409();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-41-pandigital-prime.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-41-pandigital-prime.arabic.md
new file mode 100644
index 0000000000..d78a203d73
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-41-pandigital-prime.arabic.md
@@ -0,0 +1,56 @@
+---
+id: 5900f3951000cf542c50fea8
+challengeType: 5
+title: 'Problem 41: Pandigital prime'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(pandigitalPrime(4) == 4231, "<code>pandigitalPrime(4)</code> should return 4231.");'
+  - text: ''
+    testString: 'assert(pandigitalPrime(7) == 7652413, "<code>pandigitalPrime(7)</code> should return 7652413.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pandigitalPrime(n) {
+  // Good luck!
+  return n;
+}
+
+pandigitalPrime(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-410-circle-and-tangent-line.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-410-circle-and-tangent-line.arabic.md
new file mode 100644
index 0000000000..f14090cd93
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-410-circle-and-tangent-line.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5071000cf542c510018
+challengeType: 5
+title: 'Problem 410: Circle and tangent line'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler410(), 799999783589946600, "<code>euler410()</code> should return 799999783589946600.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler410() {
+  // Good luck!
+  return true;
+}
+
+euler410();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-411-uphill-paths.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-411-uphill-paths.arabic.md
new file mode 100644
index 0000000000..63718b0b5d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-411-uphill-paths.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5081000cf542c510019
+challengeType: 5
+title: 'Problem 411: Uphill paths'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler411(), 9936352, "<code>euler411()</code> should return 9936352.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler411() {
+  // Good luck!
+  return true;
+}
+
+euler411();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-412-gnomon-numbering.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-412-gnomon-numbering.arabic.md
new file mode 100644
index 0000000000..c0820bccb7
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-412-gnomon-numbering.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5081000cf542c51001a
+challengeType: 5
+title: 'Problem 412: Gnomon numbering'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler412(), 38788800, "<code>euler412()</code> should return 38788800.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler412() {
+  // Good luck!
+  return true;
+}
+
+euler412();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-413-one-child-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-413-one-child-numbers.arabic.md
new file mode 100644
index 0000000000..bd4d5633ea
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-413-one-child-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f50a1000cf542c51001c
+challengeType: 5
+title: 'Problem 413: One-child Numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler413(), 3079418648040719, "<code>euler413()</code> should return 3079418648040719.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler413() {
+  // Good luck!
+  return true;
+}
+
+euler413();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-414-kaprekar-constant.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-414-kaprekar-constant.arabic.md
new file mode 100644
index 0000000000..f955aca4ac
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-414-kaprekar-constant.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f50b1000cf542c51001d
+challengeType: 5
+title: 'Problem 414: Kaprekar constant'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler414(), 552506775824935500, "<code>euler414()</code> should return 552506775824935500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler414() {
+  // Good luck!
+  return true;
+}
+
+euler414();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-415-titanic-sets.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-415-titanic-sets.arabic.md
new file mode 100644
index 0000000000..80b40d333b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-415-titanic-sets.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f50c1000cf542c51001e
+challengeType: 5
+title: 'Problem 415: Titanic sets'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler415(), 55859742, "<code>euler415()</code> should return 55859742.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler415() {
+  // Good luck!
+  return true;
+}
+
+euler415();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-416-a-frogs-trip.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-416-a-frogs-trip.arabic.md
new file mode 100644
index 0000000000..0f1db50eb8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-416-a-frogs-trip.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f50e1000cf542c510020
+challengeType: 5
+title: 'Problem 416: A frog"s trip'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler416(), 898082747, "<code>euler416()</code> should return 898082747.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler416() {
+  // Good luck!
+  return true;
+}
+
+euler416();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-417-reciprocal-cycles-ii.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-417-reciprocal-cycles-ii.arabic.md
new file mode 100644
index 0000000000..e9302fee57
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-417-reciprocal-cycles-ii.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f50d1000cf542c51001f
+challengeType: 5
+title: 'Problem 417: Reciprocal cycles II'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler417(), 446572970925740, "<code>euler417()</code> should return 446572970925740.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler417() {
+  // Good luck!
+  return true;
+}
+
+euler417();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-418-factorisation-triples.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-418-factorisation-triples.arabic.md
new file mode 100644
index 0000000000..0b3625886d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-418-factorisation-triples.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f50f1000cf542c510021
+challengeType: 5
+title: 'Problem 418: Factorisation triples'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler418(), 1177163565297340400, "<code>euler418()</code> should return 1177163565297340400.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler418() {
+  // Good luck!
+  return true;
+}
+
+euler418();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-419-look-and-say-sequence.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-419-look-and-say-sequence.arabic.md
new file mode 100644
index 0000000000..0d39d0aeab
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-419-look-and-say-sequence.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5101000cf542c510022
+challengeType: 5
+title: 'Problem 419: Look and say sequence'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler419(), 998567458, 1046245404, 43363922, "<code>euler419()</code> should return 998567458, 1046245404, 43363922.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler419() {
+  // Good luck!
+  return true;
+}
+
+euler419();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-42-coded-triangle-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-42-coded-triangle-numbers.arabic.md
new file mode 100644
index 0000000000..f4f4b2ab49
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-42-coded-triangle-numbers.arabic.md
@@ -0,0 +1,63 @@
+---
+id: 5900f3961000cf542c50fea9
+challengeType: 5
+title: 'Problem 42: Coded triangle numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(codedTriangleNumbers(1400) == 129, "<code>codedTriangleNumbers(1400)</code> should return 129.");'
+  - text: ''
+    testString: 'assert(codedTriangleNumbers(1500) == 137, "<code>codedTriangleNumbers(1500)</code> should return 137.");'
+  - text: ''
+    testString: 'assert(codedTriangleNumbers(1600) == 141, "<code>codedTriangleNumbers(1600)</code> should return 141.");'
+  - text: ''
+    testString: 'assert(codedTriangleNumbers(1786) == 162, "<code>codedTriangleNumbers(1786)</code> should return 162.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function codedTriangleNumbers(n) {
+  // Good luck!
+  return 1;
+}
+// only change code above this line
+
+const words = ['A','ABILITY','ABLE','ABOUT','ABOVE','ABSENCE','ABSOLUTELY','ACADEMIC','ACCEPT','ACCESS','ACCIDENT','ACCOMPANY','ACCORDING','ACCOUNT','ACHIEVE','ACHIEVEMENT','ACID','ACQUIRE','ACROSS','ACT','ACTION','ACTIVE','ACTIVITY','ACTUAL','ACTUALLY','ADD','ADDITION','ADDITIONAL','ADDRESS','ADMINISTRATION','ADMIT','ADOPT','ADULT','ADVANCE','ADVANTAGE','ADVICE','ADVISE','AFFAIR','AFFECT','AFFORD','AFRAID','AFTER','AFTERNOON','AFTERWARDS','AGAIN','AGAINST','AGE','AGENCY','AGENT','AGO','AGREE','AGREEMENT','AHEAD','AID','AIM','AIR','AIRCRAFT','ALL','ALLOW','ALMOST','ALONE','ALONG','ALREADY','ALRIGHT','ALSO','ALTERNATIVE','ALTHOUGH','ALWAYS','AMONG','AMONGST','AMOUNT','AN','ANALYSIS','ANCIENT','AND','ANIMAL','ANNOUNCE','ANNUAL','ANOTHER','ANSWER','ANY','ANYBODY','ANYONE','ANYTHING','ANYWAY','APART','APPARENT','APPARENTLY','APPEAL','APPEAR','APPEARANCE','APPLICATION','APPLY','APPOINT','APPOINTMENT','APPROACH','APPROPRIATE','APPROVE','AREA','ARGUE','ARGUMENT','ARISE','ARM','ARMY','AROUND','ARRANGE','ARRANGEMENT','ARRIVE','ART','ARTICLE','ARTIST','AS','ASK','ASPECT','ASSEMBLY','ASSESS','ASSESSMENT','ASSET','ASSOCIATE','ASSOCIATION','ASSUME','ASSUMPTION','AT','ATMOSPHERE','ATTACH','ATTACK','ATTEMPT','ATTEND','ATTENTION','ATTITUDE','ATTRACT','ATTRACTIVE','AUDIENCE','AUTHOR','AUTHORITY','AVAILABLE','AVERAGE','AVOID','AWARD','AWARE','AWAY','AYE','BABY','BACK','BACKGROUND','BAD','BAG','BALANCE','BALL','BAND','BANK','BAR','BASE','BASIC','BASIS','BATTLE','BE','BEAR','BEAT','BEAUTIFUL','BECAUSE','BECOME','BED','BEDROOM','BEFORE','BEGIN','BEGINNING','BEHAVIOUR','BEHIND','BELIEF','BELIEVE','BELONG','BELOW','BENEATH','BENEFIT','BESIDE','BEST','BETTER','BETWEEN','BEYOND','BIG','BILL','BIND','BIRD','BIRTH','BIT','BLACK','BLOCK','BLOOD','BLOODY','BLOW','BLUE','BOARD','BOAT','BODY','BONE','BOOK','BORDER','BOTH','BOTTLE','BOTTOM','BOX','BOY','BRAIN','BRANCH','BREAK','BREATH','BRIDGE','BRIEF','BRIGHT','BRING','BROAD','BROTHER','BUDGET','BUILD','BUILDING','BURN','BUS','BUSINESS','BUSY','BUT','BUY','BY','CABINET','CALL','CAMPAIGN','CAN','CANDIDATE','CAPABLE','CAPACITY','CAPITAL','CAR','CARD','CARE','CAREER','CAREFUL','CAREFULLY','CARRY','CASE','CASH','CAT','CATCH','CATEGORY','CAUSE','CELL','CENTRAL','CENTRE','CENTURY','CERTAIN','CERTAINLY','CHAIN','CHAIR','CHAIRMAN','CHALLENGE','CHANCE','CHANGE','CHANNEL','CHAPTER','CHARACTER','CHARACTERISTIC','CHARGE','CHEAP','CHECK','CHEMICAL','CHIEF','CHILD','CHOICE','CHOOSE','CHURCH','CIRCLE','CIRCUMSTANCE','CITIZEN','CITY','CIVIL','CLAIM','CLASS','CLEAN','CLEAR','CLEARLY','CLIENT','CLIMB','CLOSE','CLOSELY','CLOTHES','CLUB','COAL','CODE','COFFEE','COLD','COLLEAGUE','COLLECT','COLLECTION','COLLEGE','COLOUR','COMBINATION','COMBINE','COME','COMMENT','COMMERCIAL','COMMISSION','COMMIT','COMMITMENT','COMMITTEE','COMMON','COMMUNICATION','COMMUNITY','COMPANY','COMPARE','COMPARISON','COMPETITION','COMPLETE','COMPLETELY','COMPLEX','COMPONENT','COMPUTER','CONCENTRATE','CONCENTRATION','CONCEPT','CONCERN','CONCERNED','CONCLUDE','CONCLUSION','CONDITION','CONDUCT','CONFERENCE','CONFIDENCE','CONFIRM','CONFLICT','CONGRESS','CONNECT','CONNECTION','CONSEQUENCE','CONSERVATIVE','CONSIDER','CONSIDERABLE','CONSIDERATION','CONSIST','CONSTANT','CONSTRUCTION','CONSUMER','CONTACT','CONTAIN','CONTENT','CONTEXT','CONTINUE','CONTRACT','CONTRAST','CONTRIBUTE','CONTRIBUTION','CONTROL','CONVENTION','CONVERSATION','COPY','CORNER','CORPORATE','CORRECT','COS','COST','COULD','COUNCIL','COUNT','COUNTRY','COUNTY','COUPLE','COURSE','COURT','COVER','CREATE','CREATION','CREDIT','CRIME','CRIMINAL','CRISIS','CRITERION','CRITICAL','CRITICISM','CROSS','CROWD','CRY','CULTURAL','CULTURE','CUP','CURRENT','CURRENTLY','CURRICULUM','CUSTOMER','CUT','DAMAGE','DANGER','DANGEROUS','DARK','DATA','DATE','DAUGHTER','DAY','DEAD','DEAL','DEATH','DEBATE','DEBT','DECADE','DECIDE','DECISION','DECLARE','DEEP','DEFENCE','DEFENDANT','DEFINE','DEFINITION','DEGREE','DELIVER','DEMAND','DEMOCRATIC','DEMONSTRATE','DENY','DEPARTMENT','DEPEND','DEPUTY','DERIVE','DESCRIBE','DESCRIPTION','DESIGN','DESIRE','DESK','DESPITE','DESTROY','DETAIL','DETAILED','DETERMINE','DEVELOP','DEVELOPMENT','DEVICE','DIE','DIFFERENCE','DIFFERENT','DIFFICULT','DIFFICULTY','DINNER','DIRECT','DIRECTION','DIRECTLY','DIRECTOR','DISAPPEAR','DISCIPLINE','DISCOVER','DISCUSS','DISCUSSION','DISEASE','DISPLAY','DISTANCE','DISTINCTION','DISTRIBUTION','DISTRICT','DIVIDE','DIVISION','DO','DOCTOR','DOCUMENT','DOG','DOMESTIC','DOOR','DOUBLE','DOUBT','DOWN','DRAW','DRAWING','DREAM','DRESS','DRINK','DRIVE','DRIVER','DROP','DRUG','DRY','DUE','DURING','DUTY','EACH','EAR','EARLY','EARN','EARTH','EASILY','EAST','EASY','EAT','ECONOMIC','ECONOMY','EDGE','EDITOR','EDUCATION','EDUCATIONAL','EFFECT','EFFECTIVE','EFFECTIVELY','EFFORT','EGG','EITHER','ELDERLY','ELECTION','ELEMENT','ELSE','ELSEWHERE','EMERGE','EMPHASIS','EMPLOY','EMPLOYEE','EMPLOYER','EMPLOYMENT','EMPTY','ENABLE','ENCOURAGE','END','ENEMY','ENERGY','ENGINE','ENGINEERING','ENJOY','ENOUGH','ENSURE','ENTER','ENTERPRISE','ENTIRE','ENTIRELY','ENTITLE','ENTRY','ENVIRONMENT','ENVIRONMENTAL','EQUAL','EQUALLY','EQUIPMENT','ERROR','ESCAPE','ESPECIALLY','ESSENTIAL','ESTABLISH','ESTABLISHMENT','ESTATE','ESTIMATE','EVEN','EVENING','EVENT','EVENTUALLY','EVER','EVERY','EVERYBODY','EVERYONE','EVERYTHING','EVIDENCE','EXACTLY','EXAMINATION','EXAMINE','EXAMPLE','EXCELLENT','EXCEPT','EXCHANGE','EXECUTIVE','EXERCISE','EXHIBITION','EXIST','EXISTENCE','EXISTING','EXPECT','EXPECTATION','EXPENDITURE','EXPENSE','EXPENSIVE','EXPERIENCE','EXPERIMENT','EXPERT','EXPLAIN','EXPLANATION','EXPLORE','EXPRESS','EXPRESSION','EXTEND','EXTENT','EXTERNAL','EXTRA','EXTREMELY','EYE','FACE','FACILITY','FACT','FACTOR','FACTORY','FAIL','FAILURE','FAIR','FAIRLY','FAITH','FALL','FAMILIAR','FAMILY','FAMOUS','FAR','FARM','FARMER','FASHION','FAST','FATHER','FAVOUR','FEAR','FEATURE','FEE','FEEL','FEELING','FEMALE','FEW','FIELD','FIGHT','FIGURE','FILE','FILL','FILM','FINAL','FINALLY','FINANCE','FINANCIAL','FIND','FINDING','FINE','FINGER','FINISH','FIRE','FIRM','FIRST','FISH','FIT','FIX','FLAT','FLIGHT','FLOOR','FLOW','FLOWER','FLY','FOCUS','FOLLOW','FOLLOWING','FOOD','FOOT','FOOTBALL','FOR','FORCE','FOREIGN','FOREST','FORGET','FORM','FORMAL','FORMER','FORWARD','FOUNDATION','FREE','FREEDOM','FREQUENTLY','FRESH','FRIEND','FROM','FRONT','FRUIT','FUEL','FULL','FULLY','FUNCTION','FUND','FUNNY','FURTHER','FUTURE','GAIN','GAME','GARDEN','GAS','GATE','GATHER','GENERAL','GENERALLY','GENERATE','GENERATION','GENTLEMAN','GET','GIRL','GIVE','GLASS','GO','GOAL','GOD','GOLD','GOOD','GOVERNMENT','GRANT','GREAT','GREEN','GREY','GROUND','GROUP','GROW','GROWING','GROWTH','GUEST','GUIDE','GUN','HAIR','HALF','HALL','HAND','HANDLE','HANG','HAPPEN','HAPPY','HARD','HARDLY','HATE','HAVE','HE','HEAD','HEALTH','HEAR','HEART','HEAT','HEAVY','HELL','HELP','HENCE','HER','HERE','HERSELF','HIDE','HIGH','HIGHLY','HILL','HIM','HIMSELF','HIS','HISTORICAL','HISTORY','HIT','HOLD','HOLE','HOLIDAY','HOME','HOPE','HORSE','HOSPITAL','HOT','HOTEL','HOUR','HOUSE','HOUSEHOLD','HOUSING','HOW','HOWEVER','HUGE','HUMAN','HURT','HUSBAND','I','IDEA','IDENTIFY','IF','IGNORE','ILLUSTRATE','IMAGE','IMAGINE','IMMEDIATE','IMMEDIATELY','IMPACT','IMPLICATION','IMPLY','IMPORTANCE','IMPORTANT','IMPOSE','IMPOSSIBLE','IMPRESSION','IMPROVE','IMPROVEMENT','IN','INCIDENT','INCLUDE','INCLUDING','INCOME','INCREASE','INCREASED','INCREASINGLY','INDEED','INDEPENDENT','INDEX','INDICATE','INDIVIDUAL','INDUSTRIAL','INDUSTRY','INFLUENCE','INFORM','INFORMATION','INITIAL','INITIATIVE','INJURY','INSIDE','INSIST','INSTANCE','INSTEAD','INSTITUTE','INSTITUTION','INSTRUCTION','INSTRUMENT','INSURANCE','INTEND','INTENTION','INTEREST','INTERESTED','INTERESTING','INTERNAL','INTERNATIONAL','INTERPRETATION','INTERVIEW','INTO','INTRODUCE','INTRODUCTION','INVESTIGATE','INVESTIGATION','INVESTMENT','INVITE','INVOLVE','IRON','IS','ISLAND','ISSUE','IT','ITEM','ITS','ITSELF','JOB','JOIN','JOINT','JOURNEY','JUDGE','JUMP','JUST','JUSTICE','KEEP','KEY','KID','KILL','KIND','KING','KITCHEN','KNEE','KNOW','KNOWLEDGE','LABOUR','LACK','LADY','LAND','LANGUAGE','LARGE','LARGELY','LAST','LATE','LATER','LATTER','LAUGH','LAUNCH','LAW','LAWYER','LAY','LEAD','LEADER','LEADERSHIP','LEADING','LEAF','LEAGUE','LEAN','LEARN','LEAST','LEAVE','LEFT','LEG','LEGAL','LEGISLATION','LENGTH','LESS','LET','LETTER','LEVEL','LIABILITY','LIBERAL','LIBRARY','LIE','LIFE','LIFT','LIGHT','LIKE','LIKELY','LIMIT','LIMITED','LINE','LINK','LIP','LIST','LISTEN','LITERATURE','LITTLE','LIVE','LIVING','LOAN','LOCAL','LOCATION','LONG','LOOK','LORD','LOSE','LOSS','LOT','LOVE','LOVELY','LOW','LUNCH','MACHINE','MAGAZINE','MAIN','MAINLY','MAINTAIN','MAJOR','MAJORITY','MAKE','MALE','MAN','MANAGE','MANAGEMENT','MANAGER','MANNER','MANY','MAP','MARK','MARKET','MARRIAGE','MARRIED','MARRY','MASS','MASTER','MATCH','MATERIAL','MATTER','MAY','MAYBE','ME','MEAL','MEAN','MEANING','MEANS','MEANWHILE','MEASURE','MECHANISM','MEDIA','MEDICAL','MEET','MEETING','MEMBER','MEMBERSHIP','MEMORY','MENTAL','MENTION','MERELY','MESSAGE','METAL','METHOD','MIDDLE','MIGHT','MILE','MILITARY','MILK','MIND','MINE','MINISTER','MINISTRY','MINUTE','MISS','MISTAKE','MODEL','MODERN','MODULE','MOMENT','MONEY','MONTH','MORE','MORNING','MOST','MOTHER','MOTION','MOTOR','MOUNTAIN','MOUTH','MOVE','MOVEMENT','MUCH','MURDER','MUSEUM','MUSIC','MUST','MY','MYSELF','NAME','NARROW','NATION','NATIONAL','NATURAL','NATURE','NEAR','NEARLY','NECESSARILY','NECESSARY','NECK','NEED','NEGOTIATION','NEIGHBOUR','NEITHER','NETWORK','NEVER','NEVERTHELESS','NEW','NEWS','NEWSPAPER','NEXT','NICE','NIGHT','NO','NOBODY','NOD','NOISE','NONE','NOR','NORMAL','NORMALLY','NORTH','NORTHERN','NOSE','NOT','NOTE','NOTHING','NOTICE','NOTION','NOW','NUCLEAR','NUMBER','NURSE','OBJECT','OBJECTIVE','OBSERVATION','OBSERVE','OBTAIN','OBVIOUS','OBVIOUSLY','OCCASION','OCCUR','ODD','OF','OFF','OFFENCE','OFFER','OFFICE','OFFICER','OFFICIAL','OFTEN','OIL','OKAY','OLD','ON','ONCE','ONE','ONLY','ONTO','OPEN','OPERATE','OPERATION','OPINION','OPPORTUNITY','OPPOSITION','OPTION','OR','ORDER','ORDINARY','ORGANISATION','ORGANISE','ORGANIZATION','ORIGIN','ORIGINAL','OTHER','OTHERWISE','OUGHT','OUR','OURSELVES','OUT','OUTCOME','OUTPUT','OUTSIDE','OVER','OVERALL','OWN','OWNER','PACKAGE','PAGE','PAIN','PAINT','PAINTING','PAIR','PANEL','PAPER','PARENT','PARK','PARLIAMENT','PART','PARTICULAR','PARTICULARLY','PARTLY','PARTNER','PARTY','PASS','PASSAGE','PAST','PATH','PATIENT','PATTERN','PAY','PAYMENT','PEACE','PENSION','PEOPLE','PER','PERCENT','PERFECT','PERFORM','PERFORMANCE','PERHAPS','PERIOD','PERMANENT','PERSON','PERSONAL','PERSUADE','PHASE','PHONE','PHOTOGRAPH','PHYSICAL','PICK','PICTURE','PIECE','PLACE','PLAN','PLANNING','PLANT','PLASTIC','PLATE','PLAY','PLAYER','PLEASE','PLEASURE','PLENTY','PLUS','POCKET','POINT','POLICE','POLICY','POLITICAL','POLITICS','POOL','POOR','POPULAR','POPULATION','POSITION','POSITIVE','POSSIBILITY','POSSIBLE','POSSIBLY','POST','POTENTIAL','POUND','POWER','POWERFUL','PRACTICAL','PRACTICE','PREFER','PREPARE','PRESENCE','PRESENT','PRESIDENT','PRESS','PRESSURE','PRETTY','PREVENT','PREVIOUS','PREVIOUSLY','PRICE','PRIMARY','PRIME','PRINCIPLE','PRIORITY','PRISON','PRISONER','PRIVATE','PROBABLY','PROBLEM','PROCEDURE','PROCESS','PRODUCE','PRODUCT','PRODUCTION','PROFESSIONAL','PROFIT','PROGRAM','PROGRAMME','PROGRESS','PROJECT','PROMISE','PROMOTE','PROPER','PROPERLY','PROPERTY','PROPORTION','PROPOSE','PROPOSAL','PROSPECT','PROTECT','PROTECTION','PROVE','PROVIDE','PROVIDED','PROVISION','PUB','PUBLIC','PUBLICATION','PUBLISH','PULL','PUPIL','PURPOSE','PUSH','PUT','QUALITY','QUARTER','QUESTION','QUICK','QUICKLY','QUIET','QUITE','RACE','RADIO','RAILWAY','RAIN','RAISE','RANGE','RAPIDLY','RARE','RATE','RATHER','REACH','REACTION','READ','READER','READING','READY','REAL','REALISE','REALITY','REALIZE','REALLY','REASON','REASONABLE','RECALL','RECEIVE','RECENT','RECENTLY','RECOGNISE','RECOGNITION','RECOGNIZE','RECOMMEND','RECORD','RECOVER','RED','REDUCE','REDUCTION','REFER','REFERENCE','REFLECT','REFORM','REFUSE','REGARD','REGION','REGIONAL','REGULAR','REGULATION','REJECT','RELATE','RELATION','RELATIONSHIP','RELATIVE','RELATIVELY','RELEASE','RELEVANT','RELIEF','RELIGION','RELIGIOUS','RELY','REMAIN','REMEMBER','REMIND','REMOVE','REPEAT','REPLACE','REPLY','REPORT','REPRESENT','REPRESENTATION','REPRESENTATIVE','REQUEST','REQUIRE','REQUIREMENT','RESEARCH','RESOURCE','RESPECT','RESPOND','RESPONSE','RESPONSIBILITY','RESPONSIBLE','REST','RESTAURANT','RESULT','RETAIN','RETURN','REVEAL','REVENUE','REVIEW','REVOLUTION','RICH','RIDE','RIGHT','RING','RISE','RISK','RIVER','ROAD','ROCK','ROLE','ROLL','ROOF','ROOM','ROUND','ROUTE','ROW','ROYAL','RULE','RUN','RURAL','SAFE','SAFETY','SALE','SAME','SAMPLE','SATISFY','SAVE','SAY','SCALE','SCENE','SCHEME','SCHOOL','SCIENCE','SCIENTIFIC','SCIENTIST','SCORE','SCREEN','SEA','SEARCH','SEASON','SEAT','SECOND','SECONDARY','SECRETARY','SECTION','SECTOR','SECURE','SECURITY','SEE','SEEK','SEEM','SELECT','SELECTION','SELL','SEND','SENIOR','SENSE','SENTENCE','SEPARATE','SEQUENCE','SERIES','SERIOUS','SERIOUSLY','SERVANT','SERVE','SERVICE','SESSION','SET','SETTLE','SETTLEMENT','SEVERAL','SEVERE','SEX','SEXUAL','SHAKE','SHALL','SHAPE','SHARE','SHE','SHEET','SHIP','SHOE','SHOOT','SHOP','SHORT','SHOT','SHOULD','SHOULDER','SHOUT','SHOW','SHUT','SIDE','SIGHT','SIGN','SIGNAL','SIGNIFICANCE','SIGNIFICANT','SILENCE','SIMILAR','SIMPLE','SIMPLY','SINCE','SING','SINGLE','SIR','SISTER','SIT','SITE','SITUATION','SIZE','SKILL','SKIN','SKY','SLEEP','SLIGHTLY','SLIP','SLOW','SLOWLY','SMALL','SMILE','SO','SOCIAL','SOCIETY','SOFT','SOFTWARE','SOIL','SOLDIER','SOLICITOR','SOLUTION','SOME','SOMEBODY','SOMEONE','SOMETHING','SOMETIMES','SOMEWHAT','SOMEWHERE','SON','SONG','SOON','SORRY','SORT','SOUND','SOURCE','SOUTH','SOUTHERN','SPACE','SPEAK','SPEAKER','SPECIAL','SPECIES','SPECIFIC','SPEECH','SPEED','SPEND','SPIRIT','SPORT','SPOT','SPREAD','SPRING','STAFF','STAGE','STAND','STANDARD','STAR','START','STATE','STATEMENT','STATION','STATUS','STAY','STEAL','STEP','STICK','STILL','STOCK','STONE','STOP','STORE','STORY','STRAIGHT','STRANGE','STRATEGY','STREET','STRENGTH','STRIKE','STRONG','STRONGLY','STRUCTURE','STUDENT','STUDIO','STUDY','STUFF','STYLE','SUBJECT','SUBSTANTIAL','SUCCEED','SUCCESS','SUCCESSFUL','SUCH','SUDDENLY','SUFFER','SUFFICIENT','SUGGEST','SUGGESTION','SUITABLE','SUM','SUMMER','SUN','SUPPLY','SUPPORT','SUPPOSE','SURE','SURELY','SURFACE','SURPRISE','SURROUND','SURVEY','SURVIVE','SWITCH','SYSTEM','TABLE','TAKE','TALK','TALL','TAPE','TARGET','TASK','TAX','TEA','TEACH','TEACHER','TEACHING','TEAM','TEAR','TECHNICAL','TECHNIQUE','TECHNOLOGY','TELEPHONE','TELEVISION','TELL','TEMPERATURE','TEND','TERM','TERMS','TERRIBLE','TEST','TEXT','THAN','THANK','THANKS','THAT','THE','THEATRE','THEIR','THEM','THEME','THEMSELVES','THEN','THEORY','THERE','THEREFORE','THESE','THEY','THIN','THING','THINK','THIS','THOSE','THOUGH','THOUGHT','THREAT','THREATEN','THROUGH','THROUGHOUT','THROW','THUS','TICKET','TIME','TINY','TITLE','TO','TODAY','TOGETHER','TOMORROW','TONE','TONIGHT','TOO','TOOL','TOOTH','TOP','TOTAL','TOTALLY','TOUCH','TOUR','TOWARDS','TOWN','TRACK','TRADE','TRADITION','TRADITIONAL','TRAFFIC','TRAIN','TRAINING','TRANSFER','TRANSPORT','TRAVEL','TREAT','TREATMENT','TREATY','TREE','TREND','TRIAL','TRIP','TROOP','TROUBLE','TRUE','TRUST','TRUTH','TRY','TURN','TWICE','TYPE','TYPICAL','UNABLE','UNDER','UNDERSTAND','UNDERSTANDING','UNDERTAKE','UNEMPLOYMENT','UNFORTUNATELY','UNION','UNIT','UNITED','UNIVERSITY','UNLESS','UNLIKELY','UNTIL','UP','UPON','UPPER','URBAN','US','USE','USED','USEFUL','USER','USUAL','USUALLY','VALUE','VARIATION','VARIETY','VARIOUS','VARY','VAST','VEHICLE','VERSION','VERY','VIA','VICTIM','VICTORY','VIDEO','VIEW','VILLAGE','VIOLENCE','VISION','VISIT','VISITOR','VITAL','VOICE','VOLUME','VOTE','WAGE','WAIT','WALK','WALL','WANT','WAR','WARM','WARN','WASH','WATCH','WATER','WAVE','WAY','WE','WEAK','WEAPON','WEAR','WEATHER','WEEK','WEEKEND','WEIGHT','WELCOME','WELFARE','WELL','WEST','WESTERN','WHAT','WHATEVER','WHEN','WHERE','WHEREAS','WHETHER','WHICH','WHILE','WHILST','WHITE','WHO','WHOLE','WHOM','WHOSE','WHY','WIDE','WIDELY','WIFE','WILD','WILL','WIN','WIND','WINDOW','WINE','WING','WINNER','WINTER','WISH','WITH','WITHDRAW','WITHIN','WITHOUT','WOMAN','WONDER','WONDERFUL','WOOD','WORD','WORK','WORKER','WORKING','WORKS','WORLD','WORRY','WORTH','WOULD','WRITE','WRITER','WRITING','WRONG','YARD','YEAH','YEAR','YES','YESTERDAY','YET','YOU','YOUNG','YOUR','YOURSELF','YOUTH'];
+
+codedTriangleNumbers(1786);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-420-2x2-positive-integer-matrix.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-420-2x2-positive-integer-matrix.arabic.md
new file mode 100644
index 0000000000..cd1f8805c7
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-420-2x2-positive-integer-matrix.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5111000cf542c510023
+challengeType: 5
+title: 'Problem 420: 2x2 positive integer matrix'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler420(), 145159332, "<code>euler420()</code> should return 145159332.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler420() {
+  // Good luck!
+  return true;
+}
+
+euler420();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-421-prime-factors-of-n151.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-421-prime-factors-of-n151.arabic.md
new file mode 100644
index 0000000000..0c3d0810d4
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-421-prime-factors-of-n151.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5131000cf542c510024
+challengeType: 5
+title: 'Problem 421: Prime factors of n15+1'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler421(), 2304215802083466200, "<code>euler421()</code> should return 2304215802083466200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler421() {
+  // Good luck!
+  return true;
+}
+
+euler421();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-422-sequence-of-points-on-a-hyperbola.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-422-sequence-of-points-on-a-hyperbola.arabic.md
new file mode 100644
index 0000000000..d312560061
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-422-sequence-of-points-on-a-hyperbola.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5131000cf542c510025
+challengeType: 5
+title: 'Problem 422: Sequence of points on a hyperbola'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler422(), 92060460, "<code>euler422()</code> should return 92060460.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler422() {
+  // Good luck!
+  return true;
+}
+
+euler422();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-423-consecutive-die-throws.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-423-consecutive-die-throws.arabic.md
new file mode 100644
index 0000000000..a7daebb3ec
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-423-consecutive-die-throws.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5141000cf542c510027
+challengeType: 5
+title: 'Problem 423: Consecutive die throws'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler423(), 653972374, "<code>euler423()</code> should return 653972374.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler423() {
+  // Good luck!
+  return true;
+}
+
+euler423();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-424-kakuro.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-424-kakuro.arabic.md
new file mode 100644
index 0000000000..8c8872247d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-424-kakuro.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5141000cf542c510026
+challengeType: 5
+title: 'Problem 424: Kakuro'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler424(), 1059760019628, "<code>euler424()</code> should return 1059760019628.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler424() {
+  // Good luck!
+  return true;
+}
+
+euler424();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-425-prime-connection.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-425-prime-connection.arabic.md
new file mode 100644
index 0000000000..6d6ff3e9eb
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-425-prime-connection.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5151000cf542c510028
+challengeType: 5
+title: 'Problem 425: Prime connection'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler425(), 46479497324, "<code>euler425()</code> should return 46479497324.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler425() {
+  // Good luck!
+  return true;
+}
+
+euler425();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-426-box-ball-system.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-426-box-ball-system.arabic.md
new file mode 100644
index 0000000000..d2acae11e6
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-426-box-ball-system.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5171000cf542c510029
+challengeType: 5
+title: 'Problem 426: Box-ball system'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler426(), 31591886008, "<code>euler426()</code> should return 31591886008.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler426() {
+  // Good luck!
+  return true;
+}
+
+euler426();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-427-n-sequences.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-427-n-sequences.arabic.md
new file mode 100644
index 0000000000..4cb21a459d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-427-n-sequences.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5181000cf542c51002a
+challengeType: 5
+title: 'Problem 427: n-sequences'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler427(), 97138867, "<code>euler427()</code> should return 97138867.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler427() {
+  // Good luck!
+  return true;
+}
+
+euler427();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-428-necklace-of-circles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-428-necklace-of-circles.arabic.md
new file mode 100644
index 0000000000..f51e963e3e
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-428-necklace-of-circles.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5191000cf542c51002b
+challengeType: 5
+title: 'Problem 428: Necklace of Circles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(necklace(1000000000), 747215561862, "<code>necklace(1000000000)</code> should return 747215561862.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function necklace(n) {
+  // Good luck!
+  return true;
+}
+
+necklace(1000000000)
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-429-sum-of-squares-of-unitary-divisors.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-429-sum-of-squares-of-unitary-divisors.arabic.md
new file mode 100644
index 0000000000..53077ae7e7
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-429-sum-of-squares-of-unitary-divisors.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5191000cf542c51002c
+challengeType: 5
+title: 'Problem 429: Sum of squares of unitary divisors'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler429(), 98792821, "<code>euler429()</code> should return 98792821.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler429() {
+  // Good luck!
+  return true;
+}
+
+euler429();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-43-sub-string-divisibility.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-43-sub-string-divisibility.arabic.md
new file mode 100644
index 0000000000..138fd3cb4a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-43-sub-string-divisibility.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3971000cf542c50feaa
+challengeType: 5
+title: 'Problem 43: Sub-string divisibility'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.deepEqual(substringDivisibility(), [ 1430952867, 1460357289, 1406357289, 4130952867, 4160357289, 4106357289 ], "<code>substringDivisibility()</code> should return [ 1430952867, 1460357289, 1406357289, 4130952867, 4160357289, 4106357289 ].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function substringDivisibility() {
+  // Good luck!
+  return [];
+}
+
+substringDivisibility();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-430-range-flips.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-430-range-flips.arabic.md
new file mode 100644
index 0000000000..0311375315
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-430-range-flips.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f51a1000cf542c51002d
+challengeType: 5
+title: 'Problem 430: Range flips'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler430(), 5000624921.38, "<code>euler430()</code> should return 5000624921.38.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler430() {
+  // Good luck!
+  return true;
+}
+
+euler430();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-431-square-space-silo.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-431-square-space-silo.arabic.md
new file mode 100644
index 0000000000..20da8070e9
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-431-square-space-silo.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f51b1000cf542c51002e
+challengeType: 5
+title: 'Problem 431: Square Space Silo'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler431(), 23.386029052, "<code>euler431()</code> should return 23.386029052.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler431() {
+  // Good luck!
+  return true;
+}
+
+euler431();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-432-totient-sum.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-432-totient-sum.arabic.md
new file mode 100644
index 0000000000..13725bba20
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-432-totient-sum.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f51e1000cf542c510030
+challengeType: 5
+title: 'Problem 432: Totient sum'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler432(), 754862080, "<code>euler432()</code> should return 754862080.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler432() {
+  // Good luck!
+  return true;
+}
+
+euler432();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-433-steps-in-euclids-algorithm.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-433-steps-in-euclids-algorithm.arabic.md
new file mode 100644
index 0000000000..30f4e731e0
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-433-steps-in-euclids-algorithm.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f51d1000cf542c51002f
+challengeType: 5
+title: 'Problem 433: Steps in Euclid"s algorithm'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler433(), 326624372659664, "<code>euler433()</code> should return 326624372659664.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler433() {
+  // Good luck!
+  return true;
+}
+
+euler433();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-434-rigid-graphs.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-434-rigid-graphs.arabic.md
new file mode 100644
index 0000000000..3a403a88b9
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-434-rigid-graphs.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f51f1000cf542c510031
+challengeType: 5
+title: 'Problem 434: Rigid graphs'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler434(), 863253606, "<code>euler434()</code> should return 863253606.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler434() {
+  // Good luck!
+  return true;
+}
+
+euler434();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-435-polynomials-of-fibonacci-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-435-polynomials-of-fibonacci-numbers.arabic.md
new file mode 100644
index 0000000000..97b09a2fae
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-435-polynomials-of-fibonacci-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5201000cf542c510032
+challengeType: 5
+title: 'Problem 435: Polynomials of Fibonacci numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler435(), 252541322550, "<code>euler435()</code> should return 252541322550.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler435() {
+  // Good luck!
+  return true;
+}
+
+euler435();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-436-unfair-wager.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-436-unfair-wager.arabic.md
new file mode 100644
index 0000000000..429124c72d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-436-unfair-wager.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5221000cf542c510033
+challengeType: 5
+title: 'Problem 436: Unfair wager'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler436(), 0.5276662759, "<code>euler436()</code> should return 0.5276662759.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler436() {
+  // Good luck!
+  return true;
+}
+
+euler436();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-437-fibonacci-primitive-roots.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-437-fibonacci-primitive-roots.arabic.md
new file mode 100644
index 0000000000..cb658011ee
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-437-fibonacci-primitive-roots.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5241000cf542c510036
+challengeType: 5
+title: 'Problem 437: Fibonacci primitive roots'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler437(), 74204709657207, "<code>euler437()</code> should return 74204709657207.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler437() {
+  // Good luck!
+  return true;
+}
+
+euler437();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-438-integer-part-of-polynomial-equations-solutions.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-438-integer-part-of-polynomial-equations-solutions.arabic.md
new file mode 100644
index 0000000000..541571265c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-438-integer-part-of-polynomial-equations-solutions.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5231000cf542c510034
+challengeType: 5
+title: 'Problem 438: Integer part of polynomial equation"s solutions'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler438(), 2046409616809, "<code>euler438()</code> should return 2046409616809.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler438() {
+  // Good luck!
+  return true;
+}
+
+euler438();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-439-sum-of-sum-of-divisors.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-439-sum-of-sum-of-divisors.arabic.md
new file mode 100644
index 0000000000..dad34c7608
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-439-sum-of-sum-of-divisors.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5231000cf542c510035
+challengeType: 5
+title: 'Problem 439: Sum of sum of divisors'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler439(), 968697378, "<code>euler439()</code> should return 968697378.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler439() {
+  // Good luck!
+  return true;
+}
+
+euler439();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-44-pentagon-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-44-pentagon-numbers.arabic.md
new file mode 100644
index 0000000000..e25892a2a9
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-44-pentagon-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3981000cf542c50feab
+challengeType: 5
+title: 'Problem 44: Pentagon numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(pentagonNumbers(), 5482660, "<code>pentagonNumbers()</code> should return 5482660.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pentagonNumbers() {
+  // Good luck!
+  return true;
+}
+
+pentagonNumbers();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-440-gcd-and-tiling.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-440-gcd-and-tiling.arabic.md
new file mode 100644
index 0000000000..6e94f839d9
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-440-gcd-and-tiling.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5241000cf542c510037
+challengeType: 5
+title: 'Problem 440: GCD and Tiling'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler440(), 970746056, "<code>euler440()</code> should return 970746056.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler440() {
+  // Good luck!
+  return true;
+}
+
+euler440();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-441-the-inverse-summation-of-coprime-couples.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-441-the-inverse-summation-of-coprime-couples.arabic.md
new file mode 100644
index 0000000000..81351324a0
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-441-the-inverse-summation-of-coprime-couples.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5261000cf542c510038
+challengeType: 5
+title: 'Problem 441: The inverse summation of coprime couples'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler441(), 5000088.8395, "<code>euler441()</code> should return 5000088.8395.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler441() {
+  // Good luck!
+  return true;
+}
+
+euler441();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-442-eleven-free-integers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-442-eleven-free-integers.arabic.md
new file mode 100644
index 0000000000..3e33f228c5
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-442-eleven-free-integers.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5271000cf542c510039
+challengeType: 5
+title: 'Problem 442: Eleven-free integers'
+videoUrl: ''
+localeTitle: 'المشكلة 442: الأعداد الصحيحة المكونة من 11 خالًا'
+---
+
+## Description
+<section id="description"> يُطلق على عدد صحيح ما مجموعه 11 عامًا إذا لم يحتوي توسعها العشري على أي سلسلة فرعية تمثل قوة 11 باستثناء 1. <p style=";text-align:right;direction:rtl"> على سبيل المثال ، 2404 و 13431 أحد عشر حرة ، في حين أن 911 و 4121331 ليست كذلك. </p><p style=";text-align:right;direction:rtl"> اسمح لـ E (n) أن يكون العدد الصحيح الإيجابي الخالي من أحد عشر. على سبيل المثال ، E (3) = 3 ، E (200) = 213 و E (500 000) = 531563. </p><p style=";text-align:right;direction:rtl"> تجد ه (1018). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم <code>euler442()</code> بإرجاع 1295552661530920200.
+    testString: 'assert.strictEqual(euler442(), 1295552661530920200, "<code>euler442()</code> should return 1295552661530920200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler442() {
+  // Good luck!
+  return true;
+}
+
+euler442();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-443-gcd-sequence.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-443-gcd-sequence.arabic.md
new file mode 100644
index 0000000000..3a9c82a150
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-443-gcd-sequence.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5271000cf542c51003a
+challengeType: 5
+title: 'Problem 443: GCD sequence'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler443(), 2744233049300770, "<code>euler443()</code> should return 2744233049300770.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler443() {
+  // Good luck!
+  return true;
+}
+
+euler443();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-444-the-roundtable-lottery.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-444-the-roundtable-lottery.arabic.md
new file mode 100644
index 0000000000..a4c54f6490
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-444-the-roundtable-lottery.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f52a1000cf542c51003b
+challengeType: 5
+title: 'Problem 444: The Roundtable Lottery'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler444(), 1.200856722e+263, "<code>euler444()</code> should return 1.200856722e+263.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler444() {
+  // Good luck!
+  return true;
+}
+
+euler444();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-445-retractions-a.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-445-retractions-a.arabic.md
new file mode 100644
index 0000000000..bf9d34d279
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-445-retractions-a.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f52a1000cf542c51003c
+challengeType: 5
+title: 'Problem 445: Retractions A'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler445(), 659104042, "<code>euler445()</code> should return 659104042.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler445() {
+  // Good luck!
+  return true;
+}
+
+euler445();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-446-retractions-b.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-446-retractions-b.arabic.md
new file mode 100644
index 0000000000..60bc6f9ff0
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-446-retractions-b.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f52c1000cf542c51003d
+challengeType: 5
+title: 'Problem 446: Retractions B'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler446(), 907803852, "<code>euler446()</code> should return 907803852.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler446() {
+  // Good luck!
+  return true;
+}
+
+euler446();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-447-retractions-c.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-447-retractions-c.arabic.md
new file mode 100644
index 0000000000..f8711d6325
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-447-retractions-c.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f52c1000cf542c51003e
+challengeType: 5
+title: 'Problem 447: Retractions C'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler447(), 530553372, "<code>euler447()</code> should return 530553372.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler447() {
+  // Good luck!
+  return true;
+}
+
+euler447();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-448-average-least-common-multiple.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-448-average-least-common-multiple.arabic.md
new file mode 100644
index 0000000000..81cbf9d374
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-448-average-least-common-multiple.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f52c1000cf542c51003f
+challengeType: 5
+title: 'Problem 448: Average least common multiple'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler448(), 106467648, "<code>euler448()</code> should return 106467648.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler448() {
+  // Good luck!
+  return true;
+}
+
+euler448();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-449-chocolate-covered-candy.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-449-chocolate-covered-candy.arabic.md
new file mode 100644
index 0000000000..bd3e2b4526
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-449-chocolate-covered-candy.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 5900f52d1000cf542c510040
+challengeType: 5
+title: 'Problem 449: Chocolate covered candy'
+videoUrl: ''
+localeTitle: 'المشكلة 449: الشوكولاتة مغطاة الحلوى'
+---
+
+## Description
+<section id="description"> فيل الحلواني هو جعل مجموعة جديدة من حلوى الشوكولاتة المغطاة. يتشكل كل مركز حلوى على شكل ellipsoid للثورة المحددة بالمعادلة: b2x2 + b2y2 + a2z2 = a2b2. <p style=";text-align:right;direction:rtl"> يريد فيل معرفة كمية الشيكولاتة المطلوبة لتغطية مركز حلوى واحد مع طبقة موحدة من الشوكولاته بسماكة مليمتر واحد. إذا كان a = 1 مم و b = 1 مم ، فإن كمية الشوكولاتة المطلوبة هي </p><pre style=";text-align:right;direction:rtl"> <code>283 π mm3</code> </pre><p style=";text-align:right;direction:rtl"> إذا كانت a = 2 مم و b = 1 mm ، فإن كمية الشوكولاتة المطلوبة تقارب 60.35475635 مم 3. </p><p style=";text-align:right;direction:rtl"> العثور على كمية من الشوكولاته في MM3 المطلوبة إذا كان = 3 مم وب 1 = 1 ملم. أعط إجابتك كرقم مستدير إلى 8 منازل عشرية خلف العلامة العشرية. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم <code>euler449()</code> بإرجاع 103.37870096.
+    testString: 'assert.strictEqual(euler449(), 103.37870096, "<code>euler449()</code> should return 103.37870096.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler449() {
+  // Good luck!
+  return true;
+}
+
+euler449();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-45-triangular-pentagonal-and-hexagonal.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-45-triangular-pentagonal-and-hexagonal.arabic.md
new file mode 100644
index 0000000000..fb3dfb6af6
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-45-triangular-pentagonal-and-hexagonal.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3991000cf542c50feac
+challengeType: 5
+title: 'Problem 45: Triangular, pentagonal, and hexagonal'
+videoUrl: ''
+localeTitle: 'المشكلة 45: مثلثة ، خماسية ، سداسية'
+---
+
+## Description
+<section id="description"> يتم إنشاء الأرقام المثلثة والخماسية والسداسي من خلال الصيغ التالية: <div style="display: inline-grid; text-align: center; grid-template-columns: repeat(3, minmax(117px, 12%)); grid-template-rows: auto;;text-align:right;direction:rtl"><div style=";text-align:right;direction:rtl"> مثلث </div><div style=";text-align:right;direction:rtl"> T <sub>n</sub> = <var>n</var> ( <var>n</var> +1) / 2 </div><div style=";text-align:right;direction:rtl"> 1 ، 3 ، 6 ، 10 ، 15 ، ... </div></div><div style="display: inline-grid; text-align: center; grid-template-columns: repeat(3, minmax(117px, 12%)); grid-template-rows: auto;;text-align:right;direction:rtl"><div style=";text-align:right;direction:rtl"> خماسي الزوايا و الأضلاع </div><div style=";text-align:right;direction:rtl"> P <sub>n</sub> = <var>n</var> (3 <var>n</var> −1) / 2 </div><div style=";text-align:right;direction:rtl"> 1 و 5 و 12 و 22 و 35 ... </div></div><div style="display: inline-grid; text-align: center; grid-template-columns: repeat(3, minmax(117px, 12%)); grid-template-rows: auto;;text-align:right;direction:rtl"><div style=";text-align:right;direction:rtl"> مسدس الشكل </div><div style=";text-align:right;direction:rtl"> H <sub>n</sub> = <var>n</var> (2 <var>n</var> −1) </div><div style=";text-align:right;direction:rtl"> 1 ، 6 ، 15 ، 28 ، 45 ، ... </div></div> يمكن التحقق من أن T <sub>285</sub> = P <sub>165</sub> = H <sub>143</sub> = 40755. العثور على رقم المثلث التالي الذي هو أيضا خماسي وسداسي. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن ترجع triPentaHexa <code>triPentaHexa(40756)</code> 1533776805.
+    testString: 'assert.strictEqual(triPentaHexa(40756), 1533776805, "<code>triPentaHexa(40756)</code> should return 1533776805.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function triPentaHexa(n) {
+  // Good luck!
+  return true;
+}
+
+triPentaHexa(40756);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-450-hypocycloid-and-lattice-points.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-450-hypocycloid-and-lattice-points.arabic.md
new file mode 100644
index 0000000000..c9c19a0b93
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-450-hypocycloid-and-lattice-points.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 5900f52e1000cf542c510041
+challengeType: 5
+title: 'Problem 450: Hypocycloid and Lattice points'
+videoUrl: ''
+localeTitle: 'المشكلة 450: نقاط هيبوسايويد وشبكة شعرية'
+---
+
+## Description
+<section id="description"> و hypocycloid هو المنحنى المرسومة بنقطة على دائرة صغيرة تدور داخل دائرة أكبر. المعادلات البارامترية ل hypocycloid تتمحور في الأصل ، وتبدأ عند أقصى نقطة اليمين تعطى بواسطة: $ x (t) = (R - r) \ cos (t) + r \ cos (\ frac {R - r} rt) $ $ y (t) = (R - r) \ sin (t) - r \ sin (\ frac {R - r} rt) $ حيث R هو نصف قطر الدائرة الكبيرة و r نصف قطرها الصغير دائرة. <p style=";text-align:right;direction:rtl"> دع $ C (R، r) $ يكون مجموعة نقاط مميزة مع إحداثيات صحيحة على hypocycloid مع نصف قطر R و r وحيث توجد قيمة مشابهة لـ t مثل $ \ sin (t) $ و $ \ cos ( t) $ هي أرقام منطقية. </p><p style=";text-align:right;direction:rtl"> دع $ S (R، r) = \ sum _ {(x، y) \ in C (R، r)} | x | + | y ​​| $ هو مجموع القيم المطلقة للإحداثيات x و y للنقاط في $ C (R، r) $. </p><p style=";text-align:right;direction:rtl"> دع $ T (N) = \ sum <em>{R = 3} ^ N \ sum</em> {r = 1} ^ {\ lfloor \ frac {R - 1} 2 \ rfloor} S (R، r) $ يكون مجموع $ S (R، r) $ للأعداد الصحيحة الموجبة R و r و $ R \ leq N $ و $ 2r &lt;R $. </p><p style=";text-align:right;direction:rtl"> يتم منحك: C (3، 1) = {(3، 0)، (-1، 2)، (-1،0)، (-1، -2)} C (2500، 1000) = {(2500 ، 0) ، (772 ، 2376) ، (772 ، -2376) ، (516 ، 1792) ، (516 ، -1792) ، (500 ، 0) ، (68 ، 504) ، (68 ، -504) ، ( -1356 ، 1088) ، (-1356 ، -1088) ، (-1500 ، 1000) ، (-1500 ، -1000)} </p><p style=";text-align:right;direction:rtl"> ملاحظة: (-625 ، 0) ليس عنصرًا من C (2500 ، 1000) لأن $ \ sin (t) $ ليس رقمًا منطقيًا للقيم المقابلة لـ t. </p><p style=";text-align:right;direction:rtl"> S (3، 1) = (| 3 | + | 0 |) + (| -1 | + | 2 |) + (| -1 | + | 0 |) + (| -1 | + | -2 |) = 10 </p><p style=";text-align:right;direction:rtl"> تي (3) = 10 ؛ T (10) = 524؛ T (100) = 580442؛ T (103) = 583108600. </p><p style=";text-align:right;direction:rtl"> تجد تي (106). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم <code>euler450()</code> بإعادة 583333163984220900.
+    testString: 'assert.strictEqual(euler450(), 583333163984220900, "<code>euler450()</code> should return 583333163984220900.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler450() {
+  // Good luck!
+  return true;
+}
+
+euler450();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-451-modular-inverses.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-451-modular-inverses.arabic.md
new file mode 100644
index 0000000000..b441f6c935
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-451-modular-inverses.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5311000cf542c510042
+challengeType: 5
+title: 'Problem 451: Modular inverses'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler451(), 153651073760956, "<code>euler451()</code> should return 153651073760956.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler451() {
+  // Good luck!
+  return true;
+}
+
+euler451();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-452-long-products.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-452-long-products.arabic.md
new file mode 100644
index 0000000000..4d04ae5ca7
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-452-long-products.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5311000cf542c510043
+challengeType: 5
+title: 'Problem 452: Long Products'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler452(), 345558983, "<code>euler452()</code> should return 345558983.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler452() {
+  // Good luck!
+  return true;
+}
+
+euler452();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-453-lattice-quadrilaterals.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-453-lattice-quadrilaterals.arabic.md
new file mode 100644
index 0000000000..767b61a249
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-453-lattice-quadrilaterals.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5311000cf542c510044
+challengeType: 5
+title: 'Problem 453: Lattice Quadrilaterals'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler453(), 104354107, "<code>euler453()</code> should return 104354107.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler453() {
+  // Good luck!
+  return true;
+}
+
+euler453();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-454-diophantine-reciprocals-iii.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-454-diophantine-reciprocals-iii.arabic.md
new file mode 100644
index 0000000000..e63d55851c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-454-diophantine-reciprocals-iii.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5331000cf542c510045
+challengeType: 5
+title: 'Problem 454: Diophantine reciprocals III'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler454(), 5435004633092, "<code>euler454()</code> should return 5435004633092.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler454() {
+  // Good luck!
+  return true;
+}
+
+euler454();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-455-powers-with-trailing-digits.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-455-powers-with-trailing-digits.arabic.md
new file mode 100644
index 0000000000..03600c76cf
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-455-powers-with-trailing-digits.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5331000cf542c510046
+challengeType: 5
+title: 'Problem 455: Powers With Trailing Digits'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler455(), 450186511399999, "<code>euler455()</code> should return 450186511399999.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler455() {
+  // Good luck!
+  return true;
+}
+
+euler455();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-456-triangles-containing-the-origin-ii.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-456-triangles-containing-the-origin-ii.arabic.md
new file mode 100644
index 0000000000..9eb9da6658
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-456-triangles-containing-the-origin-ii.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5351000cf542c510047
+challengeType: 5
+title: 'Problem 456: Triangles containing the origin II'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler456(), 333333208685971500, "<code>euler456()</code> should return 333333208685971500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler456() {
+  // Good luck!
+  return true;
+}
+
+euler456();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-457-a-polynomial-modulo-the-square-of-a-prime.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-457-a-polynomial-modulo-the-square-of-a-prime.arabic.md
new file mode 100644
index 0000000000..a12b4f3b73
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-457-a-polynomial-modulo-the-square-of-a-prime.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5361000cf542c510048
+challengeType: 5
+title: 'Problem 457: A polynomial modulo the square of a prime'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler457(), 2647787126797397000, "<code>euler457()</code> should return 2647787126797397000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler457() {
+  // Good luck!
+  return true;
+}
+
+euler457();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-458-permutations-of-project.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-458-permutations-of-project.arabic.md
new file mode 100644
index 0000000000..e29462cfe6
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-458-permutations-of-project.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5361000cf542c510049
+challengeType: 5
+title: 'Problem 458: Permutations of Project'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler458(), 423341841, "<code>euler458()</code> should return 423341841.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler458() {
+  // Good luck!
+  return true;
+}
+
+euler458();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-459-flipping-game.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-459-flipping-game.arabic.md
new file mode 100644
index 0000000000..52d4bfd75c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-459-flipping-game.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5371000cf542c51004a
+challengeType: 5
+title: 'Problem 459: Flipping game'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler459(), 3996390106631, "<code>euler459()</code> should return 3996390106631.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler459() {
+  // Good luck!
+  return true;
+}
+
+euler459();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-46-goldbachs-other-conjecture.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-46-goldbachs-other-conjecture.arabic.md
new file mode 100644
index 0000000000..536e2791a6
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-46-goldbachs-other-conjecture.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f39a1000cf542c50fead
+challengeType: 5
+title: 'Problem 46: Goldbach"s other conjecture'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(goldbachsOtherConjecture(), 5777, "<code>goldbachsOtherConjecture()</code> should return 5777.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function goldbachsOtherConjecture() {
+  // Good luck!
+  return true;
+}
+
+goldbachsOtherConjecture();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-460-an-ant-on-the-move.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-460-an-ant-on-the-move.arabic.md
new file mode 100644
index 0000000000..f0d28afd51
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-460-an-ant-on-the-move.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5381000cf542c51004b
+challengeType: 5
+title: 'Problem 460: An ant on the move'
+videoUrl: ''
+localeTitle: 'مشكلة 460: نملة على هذه الخطوة'
+---
+
+## Description
+<section id="description"> على الطائرة الإقليدية ، تنتقل النمل من النقطة A (0 ، 1) إلى النقطة B (d ، 1) لعدد صحيح d. <p style=";text-align:right;direction:rtl"> في كل خطوة ، يختار النمل عند النقطة (x0، y0) إحدى نقاط الشبكة (x1، y1) التي تستوفي x1 ≥ 0 و y1 ≥ 1 وتذهب مباشرة إلى (x1، y1) عند سرعة ثابتة v. يعتمد v على y0 و y1 كما يلي: إذا y0 = y1 ، فإن قيمة v تساوي y0. إذا كانت y0 ≠ y1 ، تساوي قيمة v (y1 - y0) / (ln (y1) - ln (y0)). </p><p style=";text-align:right;direction:rtl"> الصورة اليسرى هي واحدة من المسارات الممكنة ل d = 4. أولا ينتقل النمل من A (0، 1) إلى P1 (1، 3) بسرعة (3 - 1) / (ln (3) - ln (1) ) ≈ 1.8205. ثم الوقت المطلوب هو sqrt (5) / 1.8205 ≈ 1.2283. من P1 (1 ، 3) إلى P2 (3 ، 3) تنتقل النملة بسرعة 3 ، بحيث يكون الوقت المطلوب هو 2/3 ≈ 0.6667. من P2 (3 ، 3) إلى B (4 ، 1) تنتقل النمل بسرعة (1 - 3) / (ln (1) - ln (3)) ≈ 1.8205 بحيث يكون الوقت المطلوب هو sqrt (5) / 1.8205 ≈ 1.2283. وبالتالي فإن إجمالي الوقت المطلوب هو 1.2283 + 0.6667 + 1.2283 = 3.1233. </p><p style=";text-align:right;direction:rtl"> الصورة الصحيحة هي مسار آخر. يتم احتساب إجمالي الوقت المطلوب كـ 0.98026 + 1 + 0.98026 = 2.96052. يمكن أن يثبت أن هذا هو أسرع مسار لـ d = 4. </p><p style=";text-align:right;direction:rtl"> اترك F (d) يكون إجمالي الوقت المطلوب إذا اختار النمل المسار الأسرع. على سبيل المثال ، F (4) ≈ 2.960516287. يمكننا التحقق من F (10) ≈ 4.668187834 و F (100) ≈ 9.217221972. </p><p style=";text-align:right;direction:rtl"> البحث F (10000). إعطاء إجابتك تقريبه إلى تسعة منازل عشرية. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم <code>euler460()</code> بارجاع 18.420738199.
+    testString: 'assert.strictEqual(euler460(), 18.420738199, "<code>euler460()</code> should return 18.420738199.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler460() {
+  // Good luck!
+  return true;
+}
+
+euler460();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-461-almost-pi.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-461-almost-pi.arabic.md
new file mode 100644
index 0000000000..26e901d165
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-461-almost-pi.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f53a1000cf542c51004c
+challengeType: 5
+title: 'Problem 461: Almost Pi'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler461(), 159820276, "<code>euler461()</code> should return 159820276.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler461() {
+  // Good luck!
+  return true;
+}
+
+euler461();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-462-permutation-of-3-smooth-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-462-permutation-of-3-smooth-numbers.arabic.md
new file mode 100644
index 0000000000..fec7b826fc
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-462-permutation-of-3-smooth-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f53b1000cf542c51004d
+challengeType: 5
+title: 'Problem 462: Permutation of 3-smooth numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler462(), Infinity, "<code>euler462()</code> should return Infinity.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler462() {
+  // Good luck!
+  return true;
+}
+
+euler462();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-463-a-weird-recurrence-relation.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-463-a-weird-recurrence-relation.arabic.md
new file mode 100644
index 0000000000..93bb61d988
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-463-a-weird-recurrence-relation.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f53c1000cf542c51004e
+challengeType: 5
+title: 'Problem 463: A weird recurrence relation'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler463(), 808981553, "<code>euler463()</code> should return 808981553.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler463() {
+  // Good luck!
+  return true;
+}
+
+euler463();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-464-mbius-function-and-intervals.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-464-mbius-function-and-intervals.arabic.md
new file mode 100644
index 0000000000..a0925a0d1f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-464-mbius-function-and-intervals.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 5900f53d1000cf542c51004f
+challengeType: 5
+title: 'Problem 464: Möbius function and intervals'
+videoUrl: ''
+localeTitle: 'المشكلة 464: وظيفة Möbius والفواصل الزمنية'
+---
+
+## Description
+<section id="description"> تُعرّف الدالة Möbius ، المشار إليها بـ μ (n) ، على النحو التالي: μ (n) = (-1) ω (n) إذا كان n مربعًا (حيث ω (n) هو عدد العوامل الأولية المتميزة لـ n) μ (n) ) = 0 إذا لم يكن n مربعًا. <p style=";text-align:right;direction:rtl"> Let P (a، b) يكون عدد الأعداد الصحيحة n في الفاصل [a، b] بحيث يكون μ (n) = 1. دع N (a، b) هو عدد الأعداد الصحيحة n في الفاصل الزمني [a، b] ] مثل أن μ (ن) = -1. على سبيل المثال ، P (2،10) = 2 و N (2،10) = 4. </p><p style=";text-align:right;direction:rtl"> دع C (n) يكون عدد أزواج الأعداد الصحيحة (a، b) بحيث: 1 ≤ a ≤ b ≤ n، 99 · N (a، b) ≤ 100 · P (a، b)، و 99 · P ( a، b) ≤ 100 · N (a، b). </p><p style=";text-align:right;direction:rtl"> على سبيل المثال ، C (10) = 13 ، C (500) = 16676 و C (000 10) = 20155319. </p><p style=";text-align:right;direction:rtl"> البحث عن C (000 20 000). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم <code>euler464()</code> بإرجاع 198775297232878.
+    testString: 'assert.strictEqual(euler464(), 198775297232878, "<code>euler464()</code> should return 198775297232878.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler464() {
+  // Good luck!
+  return true;
+}
+
+euler464();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-465-polar-polygons.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-465-polar-polygons.arabic.md
new file mode 100644
index 0000000000..a6f09b34c2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-465-polar-polygons.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f53d1000cf542c510050
+challengeType: 5
+title: 'Problem 465: Polar polygons'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler465(), 585965659, "<code>euler465()</code> should return 585965659.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler465() {
+  // Good luck!
+  return true;
+}
+
+euler465();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-466-distinct-terms-in-a-multiplication-table.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-466-distinct-terms-in-a-multiplication-table.arabic.md
new file mode 100644
index 0000000000..4f5193d6e1
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-466-distinct-terms-in-a-multiplication-table.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f53e1000cf542c510051
+challengeType: 5
+title: 'Problem 466: Distinct terms in a multiplication table'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler466(), 258381958195474750, "<code>euler466()</code> should return 258381958195474750.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler466() {
+  // Good luck!
+  return true;
+}
+
+euler466();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-467-superinteger.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-467-superinteger.arabic.md
new file mode 100644
index 0000000000..23b862988e
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-467-superinteger.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5411000cf542c510052
+challengeType: 5
+title: 'Problem 467: Superinteger'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler467(), 775181359, "<code>euler467()</code> should return 775181359.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler467() {
+  // Good luck!
+  return true;
+}
+
+euler467();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-468-smooth-divisors-of-binomial-coefficients.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-468-smooth-divisors-of-binomial-coefficients.arabic.md
new file mode 100644
index 0000000000..2300c28b44
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-468-smooth-divisors-of-binomial-coefficients.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5411000cf542c510054
+challengeType: 5
+title: 'Problem 468: Smooth divisors of binomial coefficients'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler468(), 852950321, "<code>euler468()</code> should return 852950321.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler468() {
+  // Good luck!
+  return true;
+}
+
+euler468();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-469-empty-chairs.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-469-empty-chairs.arabic.md
new file mode 100644
index 0000000000..8d9219ea7a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-469-empty-chairs.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5411000cf542c510053
+challengeType: 5
+title: 'Problem 469: Empty chairs'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler469(), 0.56766764161831, "<code>euler469()</code> should return 0.56766764161831.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler469() {
+  // Good luck!
+  return true;
+}
+
+euler469();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-47-distinct-primes-factors.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-47-distinct-primes-factors.arabic.md
new file mode 100644
index 0000000000..98897256e2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-47-distinct-primes-factors.arabic.md
@@ -0,0 +1,58 @@
+---
+id: 5900f39c1000cf542c50feae
+challengeType: 5
+title: 'Problem 47: Distinct primes factors'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(distinctPrimeFactors(2, 2), 14, "<code>distinctPrimeFactors(2, 2)</code> should return 14.");'
+  - text: ''
+    testString: 'assert.strictEqual(distinctPrimeFactors(3, 3), 644, "<code>distinctPrimeFactors(3, 3)</code> should return 644.");'
+  - text: ''
+    testString: 'assert.strictEqual(distinctPrimeFactors(4, 4), 134043, "<code>distinctPrimeFactors(4, 4)</code> should return 134043.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function distinctPrimeFactors(targetNumPrimes, targetConsecutive) {
+  // Good luck!
+  return true;
+}
+
+distinctPrimeFactors(4, 4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-470-super-ramvok.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-470-super-ramvok.arabic.md
new file mode 100644
index 0000000000..f1aad39818
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-470-super-ramvok.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5431000cf542c510055
+challengeType: 5
+title: 'Problem 470: Super Ramvok'
+videoUrl: ''
+localeTitle: 'المشكلة 470: سوبر رامفوك'
+---
+
+## Description
+<section id="description"> تأمل لعبة واحدة من Ramvok: <p style=";text-align:right;direction:rtl"> دع t تمثل الحد الأقصى لعدد مرات تشغيل اللعبة. إذا كانت t = 0 ، تنتهي اللعبة على الفور. خلاف ذلك ، في كل دور أنا ، لاعب يلف يموت. بعد التدحرج ، إذا كان بإمكان اللاعب إيقاف اللعبة وتلقي جائزة تساوي قيمة اللفة الحالية ، أو تجاهل اللفة وحاول مرة أخرى الدور التالي. إذا كانت t = t ، فلا يمكن تجاهل اللفة ويجب قبول الجائزة. قبل أن تبدأ اللعبة ، يتم اختيار t من قبل اللاعب ، الذي يجب أن يدفع بعد ذلك التكلفة المبدئية مقابل بعض ثابت c. بالنسبة إلى c = 0 ، يمكن اختيار t ليكون غير محدود (بتكلفة أولية من 0). لندع R (d، c) هو الربح المتوقع (أي الربح الصافي) الذي يستلمه اللاعب من لعبة واحدة لعبها Ramvok على النحو الأمثل ، بالنظر إلى وجود نقيض عدل من جانب الجانب وثابت التكلفة c. على سبيل المثال ، R (4، 0.2) = 2.65. نفترض أن اللاعب لديه أموال كافية لدفع أي / جميع التكاليف المسبقة. </p><p style=";text-align:right;direction:rtl"> الآن فكر في لعبة سوبر رامفوك: </p><p style=";text-align:right;direction:rtl"> في سوبر رامفوك ، لعبت لعبة رامفوك مرارا وتكرارا ، ولكن مع تعديل طفيف. بعد كل لعبة ، يتم تغيير القالب. عملية التحويل هي كما يلي: يتم لف القالب مرة واحدة ، وإذا كان الوجه الناتج مرئيًا بنقاطه ، فسيتم تغيير هذا الوجه ليكون فارغًا بدلاً من ذلك. إذا كان الوجه فارغًا بالفعل ، فسيتم تغييره إلى قيمته الأصلية. بعد إجراء التغيير ، يمكن أن تبدأ لعبة أخرى من Ramvok (وأثناء هذه اللعبة ، في كل دور ، يتم لف القالب حتى يظهر وجه له قيمة عليه). يعرف اللاعب الوجوه الفارغة وغير الموجودة في جميع الأوقات. تنتهي لعبة Super Ramvok عندما تكون جميع وجوه الموت فارغة. </p><p style=";text-align:right;direction:rtl"> دع S (d، c) هو الربح المتوقع الذي يتلقاها اللاعب من لعبة Super Ramvok التي تم لعبها على النحو الأمثل ، وذلك نظرًا لأن القالب عدل من جانب d-sided للبدء (مع رؤية جميع الأطراف) ، والتكلفة الثابتة c. على سبيل المثال ، S (6 ، 1) = 208.3. </p><p style=";text-align:right;direction:rtl"> Let F (n) = ∑4≤d≤n ∑0≤c≤n S (d، c). </p><p style=";text-align:right;direction:rtl"> حساب F (20) ، مقربة إلى أقرب عدد صحيح. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم <code>euler470()</code> بإرجاع 147668794.
+    testString: 'assert.strictEqual(euler470(), 147668794, "<code>euler470()</code> should return 147668794.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler470() {
+  // Good luck!
+  return true;
+}
+
+euler470();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-471-triangle-inscribed-in-ellipse.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-471-triangle-inscribed-in-ellipse.arabic.md
new file mode 100644
index 0000000000..83d04ea46b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-471-triangle-inscribed-in-ellipse.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5431000cf542c510056
+challengeType: 5
+title: 'Problem 471: Triangle inscribed in ellipse'
+videoUrl: ''
+localeTitle: 'المشكلة 471: مثلث مدرج في القطع الناقص'
+---
+
+## Description
+<section id="description"> المثلث ΔABC منقوش في شكل بيضاوي مع المعادلة $ \ frac {x ^ 2} {a ^ 2} + \ frac {y ^ 2} {b ^ 2} = 1 $، 0 &lt;2b &lt;a، a and b integers . دع r (a، b) يكون نصف قطر الـ incircle لـ ΔABC عندما يكون لدى incircle center (2b، 0) و A له تنسيق $ \ left (\ frac a 2، \ frac {\ sqrt 3} 2 b \ right) $. على سبيل المثال ، r (3،1) = ½، r (6،2) = 1، r (12،3) = 2. <p style=";text-align:right;direction:rtl"> دع $ G (n) = \ sum <em>{a = 3} ^ n \ sum</em> {b = 1} ^ {\ lfloor \ frac {a - 1} 2 \ rfloor} r (a، b) $ يتم منحك G ( 10) = 20.59722222، G (100) = 19223.60980 (تقريبًا إلى 10 أرقام مهمة). البحث عن (1011). أعط إجابتك في التدوين العلمي تقريبًا إلى 10 أرقام مهمة. استخدم حرف e صغير لفصل mantissa و exp. بالنسبة لـ G (10) ، كان الجواب 2.059722222e1. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يعيد <code>euler471()</code> 1.895093981e + 31.
+    testString: 'assert.strictEqual(euler471(), 1.895093981e+31, "<code>euler471()</code> should return 1.895093981e+31.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler471() {
+  // Good luck!
+  return true;
+}
+
+euler471();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-472-comfortable-distance-ii.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-472-comfortable-distance-ii.arabic.md
new file mode 100644
index 0000000000..6765a77bab
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-472-comfortable-distance-ii.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5451000cf542c510057
+challengeType: 5
+title: 'Problem 472: Comfortable Distance II'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler472(), 73811586, "<code>euler472()</code> should return 73811586.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler472() {
+  // Good luck!
+  return true;
+}
+
+euler472();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-473-phigital-number-base.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-473-phigital-number-base.arabic.md
new file mode 100644
index 0000000000..7d686fe6b3
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-473-phigital-number-base.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5461000cf542c510058
+challengeType: 5
+title: 'Problem 473: Phigital number base'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler473(), 35856681704365, "<code>euler473()</code> should return 35856681704365.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler473() {
+  // Good luck!
+  return true;
+}
+
+euler473();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-474-last-digits-of-divisors.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-474-last-digits-of-divisors.arabic.md
new file mode 100644
index 0000000000..881b6501bf
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-474-last-digits-of-divisors.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5471000cf542c510059
+challengeType: 5
+title: 'Problem 474: Last digits of divisors'
+videoUrl: ''
+localeTitle: 'المشكلة 474: آخر أرقام من المقسومات'
+---
+
+## Description
+<section id="description"> من أجل عدد صحيح موجب n والأرقام d ، نحدد F (n، d) كعدد مقسمات n التي تكون أرقامها الأخيرة مساوية d. على سبيل المثال ، F (84 ، 4) = 3. بين القواسم من 84 (1 ، 2 ، 3 ، 4 ، 6 ، 7 ، 12 ، 14 ، 21 ، 28 ، 42 ، 84) ، ثلاثة منهم (4 ، 14) ، 84) يكون الرقم الأخير 4. <p style=";text-align:right;direction:rtl"> يمكننا أيضًا التحقق من F (12! ، 12) = 11 و F (50! ، 123) = 17888. </p><p style=";text-align:right;direction:rtl"> البحث عن F (106! ، 65432) modulo (1016 + 61). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن <code>euler474()</code> 9690646731515010.
+    testString: 'assert.strictEqual(euler474(), 9690646731515010, "<code>euler474()</code> should return 9690646731515010.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler474() {
+  // Good luck!
+  return true;
+}
+
+euler474();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-475-music-festival.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-475-music-festival.arabic.md
new file mode 100644
index 0000000000..26b9bfb49f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-475-music-festival.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5481000cf542c51005a
+challengeType: 5
+title: 'Problem 475: Music festival'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler475(), 75780067, "<code>euler475()</code> should return 75780067.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler475() {
+  // Good luck!
+  return true;
+}
+
+euler475();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-476-circle-packing-ii.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-476-circle-packing-ii.arabic.md
new file mode 100644
index 0000000000..967a5eb437
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-476-circle-packing-ii.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5481000cf542c51005b
+challengeType: 5
+title: 'Problem 476: Circle Packing II'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler476(), 110242.87794, "<code>euler476()</code> should return 110242.87794.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler476() {
+  // Good luck!
+  return true;
+}
+
+euler476();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-477-number-sequence-game.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-477-number-sequence-game.arabic.md
new file mode 100644
index 0000000000..584802c192
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-477-number-sequence-game.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f54a1000cf542c51005c
+challengeType: 5
+title: 'Problem 477: Number Sequence Game'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler477(), 25044905874565164, "<code>euler477()</code> should return 25044905874565164.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler477() {
+  // Good luck!
+  return true;
+}
+
+euler477();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-478-mixtures.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-478-mixtures.arabic.md
new file mode 100644
index 0000000000..9858212d26
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-478-mixtures.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 5900f54c1000cf542c51005e
+challengeType: 5
+title: 'Problem 478: Mixtures'
+videoUrl: ''
+localeTitle: 'المشكلة 478: المزائج'
+---
+
+## Description
+<section id="description"> دعونا ننظر في الخلطات المكونة من ثلاثة مواد: A و B و C. يمكن وصف الخليط بنسبة من كميات A و B و C فيه ، أي (a: b: c). على سبيل المثال ، يحتوي الخليط الموصوف بالنسبة (2: 3: 5) على 20٪ A و 30٪ B و 50٪ C. <p style=";text-align:right;direction:rtl"> لأغراض هذه المشكلة ، لا يمكننا فصل المكونات الفردية من الخليط. ومع ذلك ، يمكننا الجمع بين كميات مختلفة من خلائط مختلفة لتشكيل مخاليط بنسب جديدة. </p><p style=";text-align:right;direction:rtl"> على سبيل المثال ، لنفرض أن لدينا ثلاثة مخاليط بنسب (3: 0: 2) ، (3: 6: 11) و (3: 3: 4). من خلال خلط 10 وحدات من الوحدة الأولى ، 20 وحدة من الثانية و 30 وحدة من الثلث ، نحصل على خليط جديد بنسبة (6: 5: 9) ، حيث: (10 * 3/5 + 20 · 3/20 +) 30 · 3/10: 10 · 0/5 + 20 · 6/20 + 30 · 3/10: 10 · 2/5 + 20 · 11/20 + 30 · 4/10) = (18: 15: 27) = (6: 5: 9) </p><p style=";text-align:right;direction:rtl"> ومع ذلك ، مع نفس المخاليط الثلاثة ، من المستحيل تكوين النسبة (3: 2: 1) ، لأن مقدار B يكون دائماً أقل من مقدار C. </p><p style=";text-align:right;direction:rtl"> دعونا ن يكون عدد صحيح موجب. لنفترض أنه لكل ثلاثة أضعاف (أ ، ب ، ج) مع 0، a و b و c ≤ n و gcd (a، b، c) = 1 ، لدينا خليط مع نسبة (a: b: c). اسمحوا M (ن) أن تكون مجموعة من جميع هذه المخاليط. </p><p style=";text-align:right;direction:rtl"> على سبيل المثال ، يحتوي M (2) على 19 مخلوط مع النسب التالية: {(0: 0: 1) ، (0: 1: 0) ، (0: 1: 1) ، (0: 1: 2) ، ( 0: 2: 1) ، (1: 0: 0) ، (1: 0: 1) ، (1: 0: 2) ، (1: 1: 0) ، (1: 1: 1) ، (1: 1: 2) ، (1: 2: 0) ، (1: 2: 1) ، (1: 2: 2) ، (2: 0: 1) ، (2: 1: 0) ، (2: 1: 1) ، (2: 1: 2) ، (2: 2: 1)}. </p><p style=";text-align:right;direction:rtl"> دع E (n) هو عدد المجموعات الفرعية لـ M (n) التي يمكن أن تنتج المخلوط بنسبة (1: 1: 1) ، أي الخليط بأجزاء متساوية A و B و C. يمكننا التحقق من E (1) ) = 103، E (2) = 520447، E (10) mod 118 = 82608406 and E (500) mod 118 = 13801403. Find E (000 000 000) mod 118. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم <code>euler478()</code> بإرجاع 59510340.
+    testString: 'assert.strictEqual(euler478(), 59510340, "<code>euler478()</code> should return 59510340.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler478() {
+  // Good luck!
+  return true;
+}
+
+euler478();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-479-roots-on-the-rise.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-479-roots-on-the-rise.arabic.md
new file mode 100644
index 0000000000..fdaba97a75
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-479-roots-on-the-rise.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f54b1000cf542c51005d
+challengeType: 5
+title: 'Problem 479: Roots on the Rise'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler479(), 191541795, "<code>euler479()</code> should return 191541795.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler479() {
+  // Good luck!
+  return true;
+}
+
+euler479();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-48-self-powers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-48-self-powers.arabic.md
new file mode 100644
index 0000000000..13faa672ae
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-48-self-powers.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 5900f39c1000cf542c50feaf
+challengeType: 5
+title: 'Problem 48: Self powers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(selfPowers(10, 3), 317, "<code>selfPowers(10, 3)</code> should return 317.");'
+  - text: ''
+    testString: 'assert.strictEqual(selfPowers(150, 6), 29045, "<code>selfPowers(150, 6)</code> should return 29045.");'
+  - text: ''
+    testString: 'assert.strictEqual(selfPowers(673, 7), 2473989, "<code>selfPowers(673, 7)</code> should return 2473989.");'
+  - text: ''
+    testString: 'assert.strictEqual(selfPowers(1000, 10), 9110846700, "<code>selfPowers(1000, 10)</code> should return 9110846700.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function selfPowers(power, lastDigits) {
+  // Good luck!
+  return true;
+}
+
+selfPowers(1000, 10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-480-the-last-question.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-480-the-last-question.arabic.md
new file mode 100644
index 0000000000..ab345960cd
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-480-the-last-question.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 5900f54c1000cf542c51005f
+challengeType: 5
+title: 'Problem 480: The Last Question'
+videoUrl: ''
+localeTitle: 'المشكلة 480: السؤال الأخير'
+---
+
+## Description
+<section id="description"> النظر في جميع الكلمات التي يمكن تشكيلها عن طريق اختيار الحروف ، في أي ترتيب ، من جملة: thereisetsetinsufficientdataforameaningfulanswer افترض أن هؤلاء مع 15 حرفا أو أقل يتم سردها في الترتيب الأبجدي وترقيمها بالتسلسل ابتداء من 1. وتشمل القائمة: 1: a 2: aa 3: aaa 4: aaaa 5: aaaaa 6: aaaaaa 7: aaaaaac 8: aaaaaacd 9: aaaaaacde 10: aaaaaacdee 11: aaaaaacdeee 12: aaaaaacdeeee 13: aaaaaacdeeeee 14: aaaaaacdeeeeee 15: aaaaaacdeeeeeef 16: aaaaaacdeeeeeeg 17: aaaaaacdeeeeeeh ... 28 : aaaaaacdeeeeeey 29: aaaaaacdeeeeef 30: aaaaaacdeeeeefe ... 115246685191495242: euleoywuttttsss 115246685191495243: euler 115246685191495244: eulera ... 525069350231428029: ywuuttttssssrrrDefine P (w) as the position of the word w. تعريف W (p) ككلمة في الموضع p. يمكننا أن نرى أن P (w) و W (p) عبارة عن inverses: P (W (p)) = p و W (P (w)) = w. أمثلة: W (10) = aaaaaacdee P (aaaaaacdee) = 10 W (115246685191495243) = euler P (euler) = 115246685191495243Find W (P (Legionary) + P (calorimeters) - P (annihilate) + P (مدبرة) - P ( التصفيق)). قم بإعطاء إجابتك باستخدام أحرف صغيرة (بدون علامات ترقيم أو مساحة). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن ترجع euler480 <code>euler480()</code> turnthestarson.
+    testString: 'assert.strictEqual(euler480(), turnthestarson, "<code>euler480()</code> should return turnthestarson.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler480() {
+  // Good luck!
+  return true;
+}
+
+euler480();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-49-prime-permutations.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-49-prime-permutations.arabic.md
new file mode 100644
index 0000000000..8a91c097d4
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-49-prime-permutations.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 5900f39d1000cf542c50feb0
+challengeType: 5
+title: 'Problem 49: Prime permutations'
+videoUrl: ''
+localeTitle: 'المشكلة 49: التباديل رئيس الوزراء'
+---
+
+## Description
+<section id="description"> التسلسل الحسابي ، 1487 ، 4817 ، 8147 ، حيث يزيد كل مصطلح من الشروط بحلول عام 3330 ، هو أمر غير عادي بطريقتين: (1) كل من المصطلحات الثلاثة رئيسة ، و (2) كل من الأرقام المكونة من 4 أرقام التباديل بين بعضها البعض. لا توجد تسلسلات حسابية تتكون من ثلاثة أو 1 أو 2 أو 3 أرقام ، تُظهر هذه الخاصية ، ولكن هناك تسلسل إضافي آخر مكون من 4 أرقام. ما هو الرقم المكون من 12 رقماً الذي تقوم بتكوينه من خلال تسلسل المصطلحات الثلاثة في هذا التسلسل؟ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن ترجع primePermutations <code>primePermutations()</code> 296962999629.
+    testString: 'assert.strictEqual(primePermutations(), 296962999629, "<code>primePermutations()</code> should return 296962999629.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function primePermutations() {
+  // Good luck!
+  return true;
+}
+
+primePermutations();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-5-smallest-multiple.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-5-smallest-multiple.arabic.md
new file mode 100644
index 0000000000..41078ef6c5
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-5-smallest-multiple.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 5900f3711000cf542c50fe84
+challengeType: 5
+title: 'Problem 5: Smallest multiple'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(smallestMult(5), 60, "<code>smallestMult(5)</code> should return 60.");'
+  - text: ''
+    testString: 'assert.strictEqual(smallestMult(7), 420, "<code>smallestMult(7)</code> should return 420.");'
+  - text: ''
+    testString: 'assert.strictEqual(smallestMult(10), 2520, "<code>smallestMult(10)</code> should return 2520.");'
+  - text: ''
+    testString: 'assert.strictEqual(smallestMult(13), 360360, "<code>smallestMult(13)</code> should return 360360.");'
+  - text: ''
+    testString: 'assert.strictEqual(smallestMult(20), 232792560, "<code>smallestMult(20)</code> should return 232792560.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function smallestMult(n) {
+  // Good luck!
+  return true;
+}
+
+smallestMult(20);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-50-consecutive-prime-sum.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-50-consecutive-prime-sum.arabic.md
new file mode 100644
index 0000000000..9c45ae77cb
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-50-consecutive-prime-sum.arabic.md
@@ -0,0 +1,56 @@
+---
+id: 5900f39e1000cf542c50feb1
+challengeType: 5
+title: 'Problem 50: Consecutive prime sum'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(consecutivePrimeSum(1000), 953, "<code>consecutivePrimeSum(1000)</code> should return 953.");'
+  - text: ''
+    testString: 'assert.strictEqual(consecutivePrimeSum(1000000), 997651, "<code>consecutivePrimeSum(1000000)</code> should return 997651.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function consecutivePrimeSum(limit) {
+  // Good luck!
+  return true;
+}
+
+consecutivePrimeSum(1000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-51-prime-digit-replacements.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-51-prime-digit-replacements.arabic.md
new file mode 100644
index 0000000000..56b363c749
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-51-prime-digit-replacements.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f39f1000cf542c50feb2
+challengeType: 5
+title: 'Problem 51: Prime digit replacements'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler51(), 121313, "<code>euler51()</code> should return 121313.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler51() {
+  // Good luck!
+  return true;
+}
+
+euler51();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-52-permuted-multiples.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-52-permuted-multiples.arabic.md
new file mode 100644
index 0000000000..785b7701aa
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-52-permuted-multiples.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3a01000cf542c50feb3
+challengeType: 5
+title: 'Problem 52: Permuted multiples'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(permutedMultiples(), 142857, "<code>permutedMultiples()</code> should return 142857.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function permutedMultiples() {
+  // Good luck!
+  return true;
+}
+
+permutedMultiples();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-53-combinatoric-selections.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-53-combinatoric-selections.arabic.md
new file mode 100644
index 0000000000..eb8609e808
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-53-combinatoric-selections.arabic.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3a11000cf542c50feb4
+challengeType: 5
+title: 'Problem 53: Combinatoric selections'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(combinatoricSelections(1000), 4626, "<code>combinatoricSelections(1000)</code> should return 4626.");'
+  - text: ''
+    testString: 'assert.strictEqual(combinatoricSelections(10000), 4431, "<code>combinatoricSelections(10000)</code> should return 4431.");'
+  - text: ''
+    testString: 'assert.strictEqual(combinatoricSelections(100000), 4255, "<code>combinatoricSelections(100000)</code> should return 4255.");'
+  - text: ''
+    testString: 'assert.strictEqual(combinatoricSelections(1000000), 4075, "<code>combinatoricSelections(1000000)</code> should return 4075.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function combinatoricSelections(limit) {
+  // Good luck!
+  return 1;
+}
+
+combinatoricSelections(1000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-54-poker-hands.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-54-poker-hands.arabic.md
new file mode 100644
index 0000000000..ca8caa7997
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-54-poker-hands.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3a21000cf542c50feb5
+challengeType: 5
+title: 'Problem 54: Poker hands'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler54(), 376, "<code>euler54()</code> should return 376.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler54() {
+  // Good luck!
+  return true;
+}
+
+euler54();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-55-lychrel-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-55-lychrel-numbers.arabic.md
new file mode 100644
index 0000000000..95f0e0d6c5
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-55-lychrel-numbers.arabic.md
@@ -0,0 +1,62 @@
+---
+id: 5900f3a31000cf542c50feb6
+challengeType: 5
+title: 'Problem 55: Lychrel numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(countLychrelNumbers(1000), 13, "<code>countLychrelNumbers(1000)</code> should return 13.");'
+  - text: ''
+    testString: 'assert.strictEqual(countLychrelNumbers(5000), 76, "<code>countLychrelNumbers(5000)</code> should return 76.");'
+  - text: ''
+    testString: 'assert.strictEqual(countLychrelNumbers(10000), 249, "<code>countLychrelNumbers(10000)</code> should return 249.");'
+  - text: ''
+    testString: 'assert.strictEqual(countLychrelNumbers(3243), 39, "Your function should count all Lychrel numbers.");'
+  - text: ''
+    testString: 'assert.strictEqual(countLychrelNumbers(7654), 140, "Your function should pass all test cases.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countLychrelNumbers(num) {
+  // Good luck!
+  return true;
+}
+
+countLychrelNumbers(10000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-56-powerful-digit-sum.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-56-powerful-digit-sum.arabic.md
new file mode 100644
index 0000000000..ce745e5ba2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-56-powerful-digit-sum.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3a41000cf542c50feb7
+challengeType: 5
+title: 'Problem 56: Powerful digit sum'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler56(), 972, "<code>euler56()</code> should return 972.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler56() {
+  // Good luck!
+  return true;
+}
+
+euler56();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-57-square-root-convergents.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-57-square-root-convergents.arabic.md
new file mode 100644
index 0000000000..1f497d2c4a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-57-square-root-convergents.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3a51000cf542c50feb8
+challengeType: 5
+title: 'Problem 57: Square root convergents'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler57(), 153, "<code>euler57()</code> should return 153.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler57() {
+  // Good luck!
+  return true;
+}
+
+euler57();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-58-spiral-primes.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-58-spiral-primes.arabic.md
new file mode 100644
index 0000000000..3a334f1793
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-58-spiral-primes.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3a61000cf542c50feb9
+challengeType: 5
+title: 'Problem 58: Spiral primes'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler58(), 26241, "<code>euler58()</code> should return 26241.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler58() {
+  // Good luck!
+  return true;
+}
+
+euler58();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-59-xor-decryption.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-59-xor-decryption.arabic.md
new file mode 100644
index 0000000000..d13f825526
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-59-xor-decryption.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3a81000cf542c50feba
+challengeType: 5
+title: 'Problem 59: XOR decryption'
+videoUrl: ''
+localeTitle: 'المشكلة 59: فك XOR'
+---
+
+## Description
+<section id="description"> يتم تعيين رمز فريد لكل حرف على جهاز الكمبيوتر ويكون المعيار المفضل هو ASCII (الرمز القياسي الأمريكي لتبادل المعلومات). على سبيل المثال ، الأحرف الكبيرة A = 65 ، العلامة النجمية (*) = 42 ، والأحرف الصغيرة k = 107. طريقة التشفير الحديثة هي أخذ ملف نصي ، تحويل البايت إلى ASCII ، ثم XOR كل بايت مع قيمة معينة ، مأخوذة من مفتاح سر. الميزة مع الدالة XOR هي أن استخدام نفس مفتاح التشفير على النص المشفر ، يستعيد النص العادي ؛ على سبيل المثال ، 65 XOR 42 = 107 ، ثم 107 XOR 42 = 65. بالنسبة للتشفير غير القابل للكسر ، يكون المفتاح هو نفس طول رسالة النص العادي ، ويتكون المفتاح من وحدات البايت العشوائية. سيحتفظ المستخدم بالرسالة المشفرة ومفتاح التشفير في مواقع مختلفة ، وبدون كلا &quot;نصفين&quot; ، من المستحيل فك تشفير الرسالة. للأسف ، هذه الطريقة غير عملية لمعظم المستخدمين ، لذا فإن الطريقة المعدلة هي استخدام كلمة مرور كمفتاح. إذا كانت كلمة المرور أقصر من الرسالة ، وهو الأمر المحتمل ، فإن المفتاح يتكرر دوريًا في جميع أنحاء الرسالة. يستخدم رصيد هذه الطريقة مفتاح كلمة مرور طويل بما فيه الكفاية للأمان ، ولكنه قصير بما يكفي ليكون قابلاً للتذكر. لقد أصبحت مهمتك سهلة ، حيث أن مفتاح التشفير يتكون من ثلاثة أحرف أقل. باستخدام cipher.txt (النقر بزر الماوس الأيمن و &quot;حفظ الرابط / الهدف باسم ...&quot;) ، والملف الذي يحتوي على رموز ASCII المشفرة ، ومعرفة أن النص العادي يجب أن يحتوي على كلمات إنجليزية شائعة ، قم بفك تشفير الرسالة والعثور على مجموع قيم ASCII في النص الأصلي. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم <code>euler59()</code> بإرجاع 107359.
+    testString: 'assert.strictEqual(euler59(), 107359, "<code>euler59()</code> should return 107359.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler59() {
+  // Good luck!
+  return true;
+}
+
+euler59();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-6-sum-square-difference.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-6-sum-square-difference.arabic.md
new file mode 100644
index 0000000000..98606dcc7e
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-6-sum-square-difference.arabic.md
@@ -0,0 +1,58 @@
+---
+id: 5900f3721000cf542c50fe85
+challengeType: 5
+title: 'Problem 6: Sum square difference'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(sumSquareDifference(10), 2640, "<code>sumSquareDifference(10)</code> should return 2640.");'
+  - text: ''
+    testString: 'assert.strictEqual(sumSquareDifference(20), 41230, "<code>sumSquareDifference(20)</code> should return 41230.");'
+  - text: ''
+    testString: 'assert.strictEqual(sumSquareDifference(100), 25164150, "<code>sumSquareDifference(100)</code> should return 25164150.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumSquareDifference(n) {
+  // Good luck!
+  return true;
+}
+
+sumSquareDifference(100);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-60-prime-pair-sets.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-60-prime-pair-sets.arabic.md
new file mode 100644
index 0000000000..24de0f229f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-60-prime-pair-sets.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3a81000cf542c50febb
+challengeType: 5
+title: 'Problem 60: Prime pair sets'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler60(), 26033, "<code>euler60()</code> should return 26033.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler60() {
+  // Good luck!
+  return true;
+}
+
+euler60();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-61-cyclical-figurate-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-61-cyclical-figurate-numbers.arabic.md
new file mode 100644
index 0000000000..c032e63299
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-61-cyclical-figurate-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3a91000cf542c50febc
+challengeType: 5
+title: 'Problem 61: Cyclical figurate numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler61(), 28684, "<code>euler61()</code> should return 28684.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler61() {
+  // Good luck!
+  return true;
+}
+
+euler61();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-62-cubic-permutations.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-62-cubic-permutations.arabic.md
new file mode 100644
index 0000000000..c303e6e546
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-62-cubic-permutations.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3aa1000cf542c50febd
+challengeType: 5
+title: 'Problem 62: Cubic permutations'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler62(), 127035954683, "<code>euler62()</code> should return 127035954683.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler62() {
+  // Good luck!
+  return true;
+}
+
+euler62();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-63-powerful-digit-counts.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-63-powerful-digit-counts.arabic.md
new file mode 100644
index 0000000000..23f49bd8a9
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-63-powerful-digit-counts.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3ab1000cf542c50febe
+challengeType: 5
+title: 'Problem 63: Powerful digit counts'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler63(), 49, "<code>euler63()</code> should return 49.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler63() {
+  // Good luck!
+  return true;
+}
+
+euler63();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-64-odd-period-square-roots.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-64-odd-period-square-roots.arabic.md
new file mode 100644
index 0000000000..4ce4af8da7
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-64-odd-period-square-roots.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3ac1000cf542c50febf
+challengeType: 5
+title: 'Problem 64: Odd period square roots'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler64(), 1322, "<code>euler64()</code> should return 1322.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler64() {
+  // Good luck!
+  return true;
+}
+
+euler64();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-65-convergents-of-e.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-65-convergents-of-e.arabic.md
new file mode 100644
index 0000000000..3361db2660
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-65-convergents-of-e.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3ad1000cf542c50fec0
+challengeType: 5
+title: 'Problem 65: Convergents of e'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler65(), 272, "<code>euler65()</code> should return 272.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler65() {
+  // Good luck!
+  return true;
+}
+
+euler65();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-66-diophantine-equation.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-66-diophantine-equation.arabic.md
new file mode 100644
index 0000000000..4f25e8bbe8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-66-diophantine-equation.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3ae1000cf542c50fec1
+challengeType: 5
+title: 'Problem 66: Diophantine equation'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler66(), 661, "<code>euler66()</code> should return 661.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler66() {
+  // Good luck!
+  return true;
+}
+
+euler66();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-67-maximum-path-sum-ii.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-67-maximum-path-sum-ii.arabic.md
new file mode 100644
index 0000000000..3b2499a3e8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-67-maximum-path-sum-ii.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3b01000cf542c50fec2
+challengeType: 5
+title: 'Problem 67: Maximum path sum II'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler67(), 7273, "<code>euler67()</code> should return 7273.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler67() {
+  // Good luck!
+  return true;
+}
+
+euler67();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-68-magic-5-gon-ring.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-68-magic-5-gon-ring.arabic.md
new file mode 100644
index 0000000000..24d4abe896
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-68-magic-5-gon-ring.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3b01000cf542c50fec3
+challengeType: 5
+title: 'Problem 68: Magic 5-gon ring'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler68(), 6531031914842725, "<code>euler68()</code> should return 6531031914842725.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler68() {
+  // Good luck!
+  return true;
+}
+
+euler68();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-69-totient-maximum.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-69-totient-maximum.arabic.md
new file mode 100644
index 0000000000..1cc76b9d8f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-69-totient-maximum.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3b11000cf542c50fec4
+challengeType: 5
+title: 'Problem 69: Totient maximum'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler69(), 510510, "<code>euler69()</code> should return 510510.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler69() {
+  // Good luck!
+  return true;
+}
+
+euler69();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-7-10001st-prime.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-7-10001st-prime.arabic.md
new file mode 100644
index 0000000000..2c1a7e9664
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-7-10001st-prime.arabic.md
@@ -0,0 +1,63 @@
+---
+id: 5900f3731000cf542c50fe86
+challengeType: 5
+title: 'Problem 7: 10001st prime'
+videoUrl: ''
+localeTitle: 'المشكلة 7: 10001st رئيس الوزراء'
+---
+
+## Description
+<section id="description"> من خلال سرد أول ستة أرقام أولية: 2 ، 3 ، 5 ، 7 ، 11 ، و 13 ، يمكننا أن نرى أن البرايم السادس هو 13. ما هو <code>n</code> النهائي؟ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يعيد <code>nthPrime(6)</code> 13.
+    testString: 'assert.strictEqual(nthPrime(6), 13, "<code>nthPrime(6)</code> should return 13.");'
+  - text: <code>nthPrime(10)</code> يجب أن ترجع 29.
+    testString: 'assert.strictEqual(nthPrime(10), 29, "<code>nthPrime(10)</code> should return 29.");'
+  - text: يجب أن يقوم <code>nthPrime(100)</code> بإرجاع 541.
+    testString: 'assert.strictEqual(nthPrime(100), 541, "<code>nthPrime(100)</code> should return 541.");'
+  - text: يجب أن يقوم <code>nthPrime(1000)</code> بإرجاع 7919.
+    testString: 'assert.strictEqual(nthPrime(1000), 7919, "<code>nthPrime(1000)</code> should return 7919.");'
+  - text: يجب أن يقوم <code>nthPrime(10001)</code> بإرجاع 104743.
+    testString: 'assert.strictEqual(nthPrime(10001), 104743, "<code>nthPrime(10001)</code> should return 104743.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nthPrime(n) {
+  // Good luck!
+  return true;
+}
+
+nthPrime(10001);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-70-totient-permutation.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-70-totient-permutation.arabic.md
new file mode 100644
index 0000000000..0a8627d02d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-70-totient-permutation.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3b21000cf542c50fec5
+challengeType: 5
+title: 'Problem 70: Totient permutation'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler70(), 8319823, "<code>euler70()</code> should return 8319823.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler70() {
+  // Good luck!
+  return true;
+}
+
+euler70();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-71-ordered-fractions.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-71-ordered-fractions.arabic.md
new file mode 100644
index 0000000000..a7d5b776aa
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-71-ordered-fractions.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3b31000cf542c50fec6
+challengeType: 5
+title: 'Problem 71: Ordered fractions'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler71(), 428570, "<code>euler71()</code> should return 428570.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler71() {
+  // Good luck!
+  return true;
+}
+
+euler71();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-72-counting-fractions.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-72-counting-fractions.arabic.md
new file mode 100644
index 0000000000..1f94ed4bfc
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-72-counting-fractions.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b41000cf542c50fec7
+challengeType: 5
+title: 'Problem 72: Counting fractions'
+videoUrl: ''
+localeTitle: 'المشكلة 72: عد الكسور'
+---
+
+## Description
+<section id="description"> خذ بعين الاعتبار الكسر ، n / d ، حيث n و d أعداد صحيحة موجبة. إذا كان n <d 1="" 2="" 3="" 4="" 5="" 6="" 7="" 8="" 21="" and="" hcf(n,d)="1," it="" is="" called="" a="" reduced="" proper="" fraction.="" if="" we="" list="" the="" set="" of="" fractions="" for="" d="" ≤="" in="" ascending="" order="" size,="" get:="" 8,="" 7,="" 6,="" 5,="" 4,="" 3,="" 2,="" can="" be="" seen="" that="" there="" are="" elements="" this="" set.="" how="" many="" would="" contained="" 1,000,000?="" &#x3C;="" section=""><h2 style=";text-align:right;direction:rtl"> تعليمات </h2><section id="instructions"></section><h2 style=";text-align:right;direction:rtl"> اختبارات </h2><section id="tests"><pre style=";text-align:right;direction:rtl"> <code class="language-yml">tests: - text: &lt;code&gt;euler72()&lt;/code&gt; should return 303963552391. testString: &#39;assert.strictEqual(euler72(), 303963552391, &quot;&lt;code&gt;euler72()&lt;/code&gt; should return 303963552391.&quot;);&#39;</code> </pre></section><h2 style=";text-align:right;direction:rtl"> بذور التحدي </h2><section id="challengeSeed"><div id="js-seed" style=";text-align:right;direction:rtl"><pre style=";text-align:right;direction:rtl"> <code class="language-js">function euler72() { // Good luck! return true; } euler72();</code> </pre></div></section><h2 style=";text-align:right;direction:rtl"> حل </h2><section id="solution"><pre style=";text-align:right;direction:rtl"> <code class="language-js">// solution required</code> </pre></section></d></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم <code>euler72()</code> بإرجاع 303963552391.
+    testString: 'assert.strictEqual(euler72(), 303963552391, "<code>euler72()</code> should return 303963552391.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler72() {
+  // Good luck!
+  return true;
+}
+
+euler72();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-73-counting-fractions-in-a-range.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-73-counting-fractions-in-a-range.arabic.md
new file mode 100644
index 0000000000..aab8be1a15
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-73-counting-fractions-in-a-range.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3b61000cf542c50fec8
+challengeType: 5
+title: 'Problem 73: Counting fractions in a range'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler73(), 7295372, "<code>euler73()</code> should return 7295372.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler73() {
+  // Good luck!
+  return true;
+}
+
+euler73();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-74-digit-factorial-chains.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-74-digit-factorial-chains.arabic.md
new file mode 100644
index 0000000000..af6d17572b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-74-digit-factorial-chains.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3b61000cf542c50fec9
+challengeType: 5
+title: 'Problem 74: Digit factorial chains'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler74(), 402, "<code>euler74()</code> should return 402.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler74() {
+  // Good luck!
+  return true;
+}
+
+euler74();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-75-singular-integer-right-triangles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-75-singular-integer-right-triangles.arabic.md
new file mode 100644
index 0000000000..ca1114b88f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-75-singular-integer-right-triangles.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3b71000cf542c50feca
+challengeType: 5
+title: 'Problem 75: Singular integer right triangles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler75(), 161667, "<code>euler75()</code> should return 161667.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler75() {
+  // Good luck!
+  return true;
+}
+
+euler75();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-76-counting-summations.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-76-counting-summations.arabic.md
new file mode 100644
index 0000000000..c42ce0cdc3
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-76-counting-summations.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3b81000cf542c50fecb
+challengeType: 5
+title: 'Problem 76: Counting summations'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler76(), 190569291, "<code>euler76()</code> should return 190569291.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler76() {
+  // Good luck!
+  return true;
+}
+
+euler76();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-77-prime-summations.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-77-prime-summations.arabic.md
new file mode 100644
index 0000000000..11cebbd418
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-77-prime-summations.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3b91000cf542c50fecc
+challengeType: 5
+title: 'Problem 77: Prime summations'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler77(), 71, "<code>euler77()</code> should return 71.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler77() {
+  // Good luck!
+  return true;
+}
+
+euler77();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-78-coin-partitions.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-78-coin-partitions.arabic.md
new file mode 100644
index 0000000000..0f1e4911b0
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-78-coin-partitions.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3ba1000cf542c50fecd
+challengeType: 5
+title: 'Problem 78: Coin partitions'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler78(), 55374, "<code>euler78()</code> should return 55374.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler78() {
+  // Good luck!
+  return true;
+}
+
+euler78();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-79-passcode-derivation.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-79-passcode-derivation.arabic.md
new file mode 100644
index 0000000000..6403bd3b63
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-79-passcode-derivation.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3bb1000cf542c50fece
+challengeType: 5
+title: 'Problem 79: Passcode derivation'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler79(), 73162890, "<code>euler79()</code> should return 73162890.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler79() {
+  // Good luck!
+  return true;
+}
+
+euler79();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-8-largest-product-in-a-series.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-8-largest-product-in-a-series.arabic.md
new file mode 100644
index 0000000000..82927588d3
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-8-largest-product-in-a-series.arabic.md
@@ -0,0 +1,57 @@
+---
+id: 5900f3741000cf542c50fe87
+challengeType: 5
+title: 'Problem 8: Largest product in a series'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(largestProductinaSeries(4), 5832, "<code>largestProductinaSeries(4)</code> should return 5832.");'
+  - text: ''
+    testString: 'assert.strictEqual(largestProductinaSeries(13), 23514624000, "<code>largestProductinaSeries(13)</code> should return 23514624000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestProductinaSeries(n) {
+  // Good luck!
+  let thousandDigits = [7,3,1,6,7,1,7,6,5,3,1,3,3,0,6,2,4,9,1,9,2,2,5,1,1,9,6,7,4,4,2,6,5,7,4,7,4,2,3,5,5,3,4,9,1,9,4,9,3,4,9,6,9,8,3,5,2,0,3,1,2,7,7,4,5,0,6,3,2,6,2,3,9,5,7,8,3,1,8,0,1,6,9,8,4,8,0,1,8,6,9,4,7,8,8,5,1,8,4,3,8,5,8,6,1,5,6,0,7,8,9,1,1,2,9,4,9,4,9,5,4,5,9,5,0,1,7,3,7,9,5,8,3,3,1,9,5,2,8,5,3,2,0,8,8,0,5,5,1,1,1,2,5,4,0,6,9,8,7,4,7,1,5,8,5,2,3,8,6,3,0,5,0,7,1,5,6,9,3,2,9,0,9,6,3,2,9,5,2,2,7,4,4,3,0,4,3,5,5,7,6,6,8,9,6,6,4,8,9,5,0,4,4,5,2,4,4,5,2,3,1,6,1,7,3,1,8,5,6,4,0,3,0,9,8,7,1,1,1,2,1,7,2,2,3,8,3,1,1,3,6,2,2,2,9,8,9,3,4,2,3,3,8,0,3,0,8,1,3,5,3,3,6,2,7,6,6,1,4,2,8,2,8,0,6,4,4,4,4,8,6,6,4,5,2,3,8,7,4,9,3,0,3,5,8,9,0,7,2,9,6,2,9,0,4,9,1,5,6,0,4,4,0,7,7,2,3,9,0,7,1,3,8,1,0,5,1,5,8,5,9,3,0,7,9,6,0,8,6,6,7,0,1,7,2,4,2,7,1,2,1,8,8,3,9,9,8,7,9,7,9,0,8,7,9,2,2,7,4,9,2,1,9,0,1,6,9,9,7,2,0,8,8,8,0,9,3,7,7,6,6,5,7,2,7,3,3,3,0,0,1,0,5,3,3,6,7,8,8,1,2,2,0,2,3,5,4,2,1,8,0,9,7,5,1,2,5,4,5,4,0,5,9,4,7,5,2,2,4,3,5,2,5,8,4,9,0,7,7,1,1,6,7,0,5,5,6,0,1,3,6,0,4,8,3,9,5,8,6,4,4,6,7,0,6,3,2,4,4,1,5,7,2,2,1,5,5,3,9,7,5,3,6,9,7,8,1,7,9,7,7,8,4,6,1,7,4,0,6,4,9,5,5,1,4,9,2,9,0,8,6,2,5,6,9,3,2,1,9,7,8,4,6,8,6,2,2,4,8,2,8,3,9,7,2,2,4,1,3,7,5,6,5,7,0,5,6,0,5,7,4,9,0,2,6,1,4,0,7,9,7,2,9,6,8,6,5,2,4,1,4,5,3,5,1,0,0,4,7,4,8,2,1,6,6,3,7,0,4,8,4,4,0,3,1,9,9,8,9,0,0,0,8,8,9,5,2,4,3,4,5,0,6,5,8,5,4,1,2,2,7,5,8,8,6,6,6,8,8,1,1,6,4,2,7,1,7,1,4,7,9,9,2,4,4,4,2,9,2,8,2,3,0,8,6,3,4,6,5,6,7,4,8,1,3,9,1,9,1,2,3,1,6,2,8,2,4,5,8,6,1,7,8,6,6,4,5,8,3,5,9,1,2,4,5,6,6,5,2,9,4,7,6,5,4,5,6,8,2,8,4,8,9,1,2,8,8,3,1,4,2,6,0,7,6,9,0,0,4,2,2,4,2,1,9,0,2,2,6,7,1,0,5,5,6,2,6,3,2,1,1,1,1,1,0,9,3,7,0,5,4,4,2,1,7,5,0,6,9,4,1,6,5,8,9,6,0,4,0,8,0,7,1,9,8,4,0,3,8,5,0,9,6,2,4,5,5,4,4,4,3,6,2,9,8,1,2,3,0,9,8,7,8,7,9,9,2,7,2,4,4,2,8,4,9,0,9,1,8,8,8,4,5,8,0,1,5,6,1,6,6,0,9,7,9,1,9,1,3,3,8,7,5,4,9,9,2,0,0,5,2,4,0,6,3,6,8,9,9,1,2,5,6,0,7,1,7,6,0,6,0,5,8,8,6,1,1,6,4,6,7,1,0,9,4,0,5,0,7,7,5,4,1,0,0,2,2,5,6,9,8,3,1,5,5,2,0,0,0,5,5,9,3,5,7,2,9,7,2,5,7,1,6,3,6,2,6,9,5,6,1,8,8,2,6,7,0,4,2,8,2,5,2,4,8,3,6,0,0,8,2,3,2,5,7,5,3,0,4,2,0,7,5,2,9,6,3,4,5,0];
+  return true;
+}
+
+largestProductinaSeries(13);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-80-square-root-digital-expansion.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-80-square-root-digital-expansion.arabic.md
new file mode 100644
index 0000000000..8378fa3b71
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-80-square-root-digital-expansion.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3bc1000cf542c50fecf
+challengeType: 5
+title: 'Problem 80: Square root digital expansion'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler80(), 40886, "<code>euler80()</code> should return 40886.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler80() {
+  // Good luck!
+  return true;
+}
+
+euler80();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-81-path-sum-two-ways.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-81-path-sum-two-ways.arabic.md
new file mode 100644
index 0000000000..a3c2377d0b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-81-path-sum-two-ways.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3bd1000cf542c50fed0
+challengeType: 5
+title: 'Problem 81: Path sum: two ways'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler81(), 427337, "<code>euler81()</code> should return 427337.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler81() {
+  // Good luck!
+  return true;
+}
+
+euler81();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-82-path-sum-three-ways.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-82-path-sum-three-ways.arabic.md
new file mode 100644
index 0000000000..150d294a81
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-82-path-sum-three-ways.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3be1000cf542c50fed1
+challengeType: 5
+title: 'Problem 82: Path sum: three ways'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler82(), 260324, "<code>euler82()</code> should return 260324.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler82() {
+  // Good luck!
+  return true;
+}
+
+euler82();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-83-path-sum-four-ways.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-83-path-sum-four-ways.arabic.md
new file mode 100644
index 0000000000..3abfbeb7f4
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-83-path-sum-four-ways.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3bf1000cf542c50fed2
+challengeType: 5
+title: 'Problem 83: Path sum: four ways'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler83(), 425185, "<code>euler83()</code> should return 425185.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler83() {
+  // Good luck!
+  return true;
+}
+
+euler83();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-84-monopoly-odds.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-84-monopoly-odds.arabic.md
new file mode 100644
index 0000000000..a8af7f15c0
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-84-monopoly-odds.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3c11000cf542c50fed3
+challengeType: 5
+title: 'Problem 84: Monopoly odds'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler84(), 101524, "<code>euler84()</code> should return 101524.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler84() {
+  // Good luck!
+  return true;
+}
+
+euler84();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-85-counting-rectangles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-85-counting-rectangles.arabic.md
new file mode 100644
index 0000000000..893e78749c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-85-counting-rectangles.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3c11000cf542c50fed4
+challengeType: 5
+title: 'Problem 85: Counting rectangles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler85(), 2772, "<code>euler85()</code> should return 2772.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler85() {
+  // Good luck!
+  return true;
+}
+
+euler85();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-86-cuboid-route.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-86-cuboid-route.arabic.md
new file mode 100644
index 0000000000..ba087d0049
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-86-cuboid-route.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3c31000cf542c50fed5
+challengeType: 5
+title: 'Problem 86: Cuboid route'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler86(), 1818, "<code>euler86()</code> should return 1818.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler86() {
+  // Good luck!
+  return true;
+}
+
+euler86();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-87-prime-power-triples.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-87-prime-power-triples.arabic.md
new file mode 100644
index 0000000000..6923fb6861
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-87-prime-power-triples.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3c51000cf542c50fed8
+challengeType: 5
+title: 'Problem 87: Prime power triples'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler87(), 1097343, "<code>euler87()</code> should return 1097343.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler87() {
+  // Good luck!
+  return true;
+}
+
+euler87();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-88-product-sum-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-88-product-sum-numbers.arabic.md
new file mode 100644
index 0000000000..c02e4204b6
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-88-product-sum-numbers.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3c51000cf542c50fed6
+challengeType: 5
+title: 'Problem 88: Product-sum numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler88(), 7587457, "<code>euler88()</code> should return 7587457.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler88() {
+  // Good luck!
+  return true;
+}
+
+euler88();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-89-roman-numerals.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-89-roman-numerals.arabic.md
new file mode 100644
index 0000000000..472896d49e
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-89-roman-numerals.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3c51000cf542c50fed7
+challengeType: 5
+title: 'Problem 89: Roman numerals'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler89(), 743, "<code>euler89()</code> should return 743.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler89() {
+  // Good luck!
+  return true;
+}
+
+euler89();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-9-special-pythagorean-triplet.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-9-special-pythagorean-triplet.arabic.md
new file mode 100644
index 0000000000..74fc1ba8e3
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-9-special-pythagorean-triplet.arabic.md
@@ -0,0 +1,59 @@
+---
+id: 5900f3761000cf542c50fe88
+challengeType: 5
+title: 'Problem 9: Special Pythagorean triplet'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(specialPythagoreanTriplet(1000), 31875000, "<code>specialPythagoreanTriplet(1000)</code> should return 31875000.");'
+  - text: ''
+    testString: 'assert.strictEqual(specialPythagoreanTriplet(24), 480, "<code>specialPythagoreanTriplet(24)</code> should return 480.");'
+  - text: ''
+    testString: 'assert.strictEqual(specialPythagoreanTriplet(120), 49920, "<code>specialPythagoreanTriplet(120)</code> should return 49920.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function specialPythagoreanTriplet(n) {
+ let sumOfabc = n;
+ // Good luck!
+ return true;
+}
+
+specialPythagoreanTriplet(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-90-cube-digit-pairs.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-90-cube-digit-pairs.arabic.md
new file mode 100644
index 0000000000..0978391835
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-90-cube-digit-pairs.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3c61000cf542c50fed9
+challengeType: 5
+title: 'Problem 90: Cube digit pairs'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler90(), 1217, "<code>euler90()</code> should return 1217.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler90() {
+  // Good luck!
+  return true;
+}
+
+euler90();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-91-right-triangles-with-integer-coordinates.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-91-right-triangles-with-integer-coordinates.arabic.md
new file mode 100644
index 0000000000..afc6ecd0b8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-91-right-triangles-with-integer-coordinates.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3c71000cf542c50feda
+challengeType: 5
+title: 'Problem 91: Right triangles with integer coordinates'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler91(), 14234, "<code>euler91()</code> should return 14234.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler91() {
+  // Good luck!
+  return true;
+}
+
+euler91();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-92-square-digit-chains.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-92-square-digit-chains.arabic.md
new file mode 100644
index 0000000000..21a7ba56a0
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-92-square-digit-chains.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3c81000cf542c50fedb
+challengeType: 5
+title: 'Problem 92: Square digit chains'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler92(), 8581146, "<code>euler92()</code> should return 8581146.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler92() {
+  // Good luck!
+  return true;
+}
+
+euler92();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-93-arithmetic-expressions.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-93-arithmetic-expressions.arabic.md
new file mode 100644
index 0000000000..c01f08f2c5
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-93-arithmetic-expressions.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3ca1000cf542c50fedc
+challengeType: 5
+title: 'Problem 93: Arithmetic expressions'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler93(), 1258, "<code>euler93()</code> should return 1258.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler93() {
+  // Good luck!
+  return true;
+}
+
+euler93();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-94-almost-equilateral-triangles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-94-almost-equilateral-triangles.arabic.md
new file mode 100644
index 0000000000..500aae4535
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-94-almost-equilateral-triangles.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3ca1000cf542c50fedd
+challengeType: 5
+title: 'Problem 94: Almost equilateral triangles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler94(), 518408346, "<code>euler94()</code> should return 518408346.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler94() {
+  // Good luck!
+  return true;
+}
+
+euler94();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-95-amicable-chains.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-95-amicable-chains.arabic.md
new file mode 100644
index 0000000000..8658af63c9
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-95-amicable-chains.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3cc1000cf542c50fede
+challengeType: 5
+title: 'Problem 95: Amicable chains'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler95(), 14316, "<code>euler95()</code> should return 14316.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler95() {
+  // Good luck!
+  return true;
+}
+
+euler95();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-96-su-doku.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-96-su-doku.arabic.md
new file mode 100644
index 0000000000..86055ae89a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-96-su-doku.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3cc1000cf542c50fedf
+challengeType: 5
+title: 'Problem 96: Su Doku'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler96(), 24702, "<code>euler96()</code> should return 24702.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler96() {
+  // Good luck!
+  return true;
+}
+
+euler96();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.arabic.md
new file mode 100644
index 0000000000..e9af148f12
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3ce1000cf542c50fee0
+challengeType: 5
+title: 'Problem 97: Large non-Mersenne prime'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler97(), 8739992577, "<code>euler97()</code> should return 8739992577.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler97() {
+  // Good luck!
+  return true;
+}
+
+euler97();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-98-anagramic-squares.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-98-anagramic-squares.arabic.md
new file mode 100644
index 0000000000..ea3fcf3238
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-98-anagramic-squares.arabic.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3cf1000cf542c50fee1
+challengeType: 5
+title: 'Problem 98: Anagramic squares'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler98(), 18769, "<code>euler98()</code> should return 18769.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler98() {
+  // Good luck!
+  return true;
+}
+
+euler98();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-99-largest-exponential.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-99-largest-exponential.arabic.md
new file mode 100644
index 0000000000..8a7e43e4f8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/project-euler/problem-99-largest-exponential.arabic.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d01000cf542c50fee2
+challengeType: 5
+title: 'Problem 99: Largest exponential'
+videoUrl: ''
+localeTitle: 'المشكلة 99: أكبر الأس'
+---
+
+## Description
+<section id="description"> مقارنة رقمين مكتوبين في شكل مؤشر مثل 211 و 37 ليس بالأمر الصعب ، لأن أي آلة حاسبة ستؤكد أن 211 = 2048 &lt;37 = 2187. ومع ذلك ، فإن تأكيد أن 632382518061&gt; 519432525806 سيكون أكثر صعوبة ، حيث يحتوي كلا الرقمين على أكثر من ثلاثة ملايين رقم . باستخدام base_exp.txt (النقر بزر الماوس الأيمن و &quot;حفظ الارتباط / الهدف باسم ...&quot;) ، وهو عبارة عن ملف نصي يبلغ حجمه 22 كيلوبايت يحتوي على ألف سطر مع زوج أساسي / إسّي على كل سطر ، حدد رقم السطر الذي يحتوي على أكبر قيمة عددية. ملاحظة: أول سطرين في الملف يمثلان الأرقام المذكورة في المثال أعلاه. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: يجب أن يقوم <code>euler99()</code> بإرجاع 709.
+    testString: 'assert.strictEqual(euler99(), 709, "<code>euler99()</code> should return 709.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler99() {
+  // Good luck!
+  return true;
+}
+
+euler99();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/100-doors.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/100-doors.arabic.md
new file mode 100644
index 0000000000..a29f882a8c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/100-doors.arabic.md
@@ -0,0 +1,63 @@
+---
+title: 100 doors
+id: 594810f028c0303b75339acb
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof getFinalOpenedDoors === "function", "<code>getFinalOpenedDoors</code> is a function.");'
+  - text: ''
+    testString: 'assert(Array.isArray(getFinalOpenedDoors(100)), "<code>getFinalOpenedDoors</code> should return an array.");'
+  - text: ''
+    testString: 'assert.deepEqual(getFinalOpenedDoors(100), solution, "<code>getFinalOpenedDoors</code> did not produce the correct results.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getFinalOpenedDoors (numDoors) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/24-game.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/24-game.arabic.md
new file mode 100644
index 0000000000..8b30b3fb6c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/24-game.arabic.md
@@ -0,0 +1,68 @@
+---
+title: 24 game
+id: 5951e88f64ebf159166a1176
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof solve24 === "function", "<code>solve24</code> is a function.");'
+  - text: ''
+    testString: 'assert(include(answers[0], solve24(testCases[0])), "<code>solve24("4878")</code> should return <code>(7-8/8)*4</code> or <code>4*(7-8/8)</code>");'
+  - text: ''
+    testString: 'assert(include(answers[1], solve24(testCases[1])), "<code>solve24("1234")</code> should return any arrangement of <code>1*2*3*4</code>");'
+  - text: ''
+    testString: 'assert(include(answers[2], solve24(testCases[2])), "<code>solve24("6789")</code> should return <code>(6*8)/(9-7)</code> or <code>(8*6)/(9-7)</code>");'
+  - text: ''
+    testString: 'assert(include(answers[3], solve24(testCases[3])), "<code>solve24("1127")</code> should return a permutation of <code>(1+7)*(1*2)</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function solve24 (numStr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/9-billion-names-of-god-the-integer.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/9-billion-names-of-god-the-integer.arabic.md
new file mode 100644
index 0000000000..3aa4957d74
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/9-billion-names-of-god-the-integer.arabic.md
@@ -0,0 +1,64 @@
+---
+title: 9 billion names of God the integer
+id: 5949b579404977fbaefcd736
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof numberOfNames === "function", "<code>numberOfNames</code> is a function.");'
+  - text: ''
+    testString: 'assert.equal(numberOfNames(5), 7, "<code>numberOfNames(5)</code> should equal 7.");'
+  - text: ''
+    testString: 'assert.equal(numberOfNames(12), 77, "<code>numberOfNames(12)</code> should equal 77.");'
+  - text: ''
+    testString: 'assert.equal(numberOfNames(18), 385, "<code>numberOfNames(18)</code> should equal 385.");'
+  - text: ''
+    testString: 'assert.equal(numberOfNames(23), 1255, "<code>numberOfNames(23)</code> should equal 1255.");'
+  - text: ''
+    testString: 'assert.equal(numberOfNames(42), 53174, "<code>numberOfNames(42)</code> should equal 53174.");'
+  - text: ''
+    testString: 'assert.equal(numberOfNames(123), 2552338241, "<code>numberOfNames(123)</code> should equal 2552338241.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function numberOfNames (num) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/abc-problem.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/abc-problem.arabic.md
new file mode 100644
index 0000000000..716cfa1253
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/abc-problem.arabic.md
@@ -0,0 +1,73 @@
+---
+title: ABC Problem
+id: 594810f028c0303b75339acc
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof canMakeWord === "function", "<code>canMakeWord</code> is a function.");'
+  - text: ''
+    testString: 'assert(typeof canMakeWord("hi") === "boolean", "<code>canMakeWord</code> should return a boolean.");'
+  - text: ''
+    testString: 'assert(canMakeWord(words[0]), "<code>canMakeWord("bark")</code> should return true.");'
+  - text: ''
+    testString: 'assert(!canMakeWord(words[1]), "<code>canMakeWord("BooK")</code> should return false.");'
+  - text: ''
+    testString: 'assert(canMakeWord(words[2]), "<code>canMakeWord("TReAT")</code> should return true.");'
+  - text: ''
+    testString: 'assert(!canMakeWord(words[3]), "<code>canMakeWord("COMMON")</code> should return false.");'
+  - text: ''
+    testString: 'assert(canMakeWord(words[4]), "<code>canMakeWord("squAD")</code> should return true.");'
+  - text: ''
+    testString: 'assert(canMakeWord(words[5]), "<code>canMakeWord("conFUSE")</code> should return true.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function canMakeWord (word) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/abundant-deficient-and-perfect-number-classifications.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/abundant-deficient-and-perfect-number-classifications.arabic.md
new file mode 100644
index 0000000000..601456e202
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/abundant-deficient-and-perfect-number-classifications.arabic.md
@@ -0,0 +1,65 @@
+---
+title: 'Abundant, deficient and perfect number classifications'
+id: 594810f028c0303b75339acd
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof getDPA === "function", "<code>getDPA</code> is a function.");'
+  - text: ''
+    testString: 'assert(Array.isArray(getDPA(100)), "<code>getDPA</code> should return an array.");'
+  - text: ''
+    testString: 'assert(getDPA(100).length === 3, "<code>getDPA</code> return value should have a length of 3.");'
+  - text: ''
+    testString: 'assert.deepEqual(getDPA(20000), solution, "<code>getDPA(20000)</code> should equal [15043, 4, 4953]");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getDPA (num) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/accumulator-factory.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/accumulator-factory.arabic.md
new file mode 100644
index 0000000000..85f0b143e8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/accumulator-factory.arabic.md
@@ -0,0 +1,65 @@
+---
+title: Accumulator factory
+id: 594810f028c0303b75339ace
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof accumulator === "function", "<code>accumulator</code> is a function.");'
+  - text: ''
+    testString: 'assert(typeof accumulator(0) === "function", "<code>accumulator(0)</code> should return a function.");'
+  - text: ''
+    testString: 'assert(typeof accumulator(0)(2) === "number", "<code>accumulator(0)(2)</code> should return a number.");'
+  - text: ''
+    testString: 'assert(testFn(5) === 5.5, "Passing in the values 3, -4, 1.5, and 5 should return 5.5.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function accumulator (sum) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/ackermann-function.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/ackermann-function.arabic.md
new file mode 100644
index 0000000000..ce15c732f6
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/ackermann-function.arabic.md
@@ -0,0 +1,59 @@
+---
+title: Ackermann function
+id: 594810f028c0303b75339acf
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof ack === "function", "<code>ack</code> is a function.");'
+  - text: ''
+    testString: 'assert(ack(0, 0) === 1, "<code>ack(0, 0)</code> should return 1.");'
+  - text: ''
+    testString: 'assert(ack(1, 1) === 3, "<code>ack(1, 1)</code> should return 3.");'
+  - text: ''
+    testString: 'assert(ack(2, 5) === 13, "<code>ack(2, 5)</code> should return 13.");'
+  - text: ''
+    testString: 'assert(ack(3, 3) === 61, "<code>ack(3, 3)</code> should return 61.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function ack (m, n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/align-columns.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/align-columns.arabic.md
new file mode 100644
index 0000000000..57e2d42328
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/align-columns.arabic.md
@@ -0,0 +1,78 @@
+---
+title: Align columns
+id: 594810f028c0303b75339ad0
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof formatText === "function", "<code>formatText</code> is a function.");'
+  - text: ''
+    testString: 'assert.strictEqual(formatText(testInput, "right"), rightAligned, "<code>formatText</code> with the above input and "right" justification should produce the following: ");'
+  - text: ''
+    testString: 'assert.strictEqual(formatText(testInput, "left"), leftAligned, "<code>formatText</code> with the above input and "left" justification should produce the following: ");'
+  - text: ''
+    testString: 'assert.strictEqual(formatText(testInput, "center"), centerAligned, "<code>formatText</code> with the above input and "center" justification should produce the following: ");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const testArr = [
+  'Given$a$text$file$of$many$lines',
+  'where$fields$within$a$line$',
+  'are$delineated$by$a$single$"dollar"$character',
+  'write$a$program',
+  'that$aligns$each$column$of$fields$',
+  'by$ensuring$that$words$in$each$',
+  'column$are$separated$by$at$least$one$space.',
+  'Further,$allow$for$each$word$in$a$column$to$be$either$left$',
+  'justified,$right$justified',
+  'or$center$justified$within$its$column.'
+];
+
+function formatText (input, justification) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/amicable-pairs.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/amicable-pairs.arabic.md
new file mode 100644
index 0000000000..a2b9dc6c1a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/amicable-pairs.arabic.md
@@ -0,0 +1,66 @@
+---
+title: Amicable pairs
+id: 5949b579404977fbaefcd737
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof amicablePairsUpTo === "function", "<code>amicablePairsUpTo</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(amicablePairsUpTo(300), answer300, "<code>amicablePairsUpTo(300)</code> should return <code>[[220,284]]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(amicablePairsUpTo(3000), answer3000, "<code>amicablePairsUpTo(3000)</code> should return <code>[[220,284],[1184,1210],[2620,2924]]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(amicablePairsUpTo(20000), answer20000, "<code>amicablePairsUpTo(20000)</code> should return <code>[[220,284],[1184,1210],[2620,2924],[5020,5564],[6232,6368],[10744,10856],[12285,14595],[17296,18416]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function amicablePairsUpTo (maxNum) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/averages-mode.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/averages-mode.arabic.md
new file mode 100644
index 0000000000..d38319a486
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/averages-mode.arabic.md
@@ -0,0 +1,64 @@
+---
+title: Averages-Mode
+id: 594d8d0ab97724821379b1e6
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof mode === "function", "<code>mode</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(mode(arr1), [6], "<code>mode([1, 3, 6, 6, 6, 6, 7, 7, 12, 12, 17])</code> should equal <code>[6]</code>");'
+  - text: ''
+    testString: 'assert.deepEqual(mode(arr2).sort(), [1, 4], "<code>mode([1, 2, 4, 4, 1])</code> should equal <code>[1, 4]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function mode (arr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/averages-pythagorean-means.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/averages-pythagorean-means.arabic.md
new file mode 100644
index 0000000000..c93e71c7d0
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/averages-pythagorean-means.arabic.md
@@ -0,0 +1,61 @@
+---
+title: Averages-Pythagorean means
+id: 594d966a1467eb84194f0086
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof pythagoreanMeans === "function", "<code>pythagoreanMeans</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(pythagoreanMeans(range1), answer1, "<code>pythagoreanMeans([1, 2, ..., 10])</code> should equal the same output above.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pythagoreanMeans (rangeArr) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/averages-root-mean-square.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/averages-root-mean-square.arabic.md
new file mode 100644
index 0000000000..067ba782c4
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/averages-root-mean-square.arabic.md
@@ -0,0 +1,61 @@
+---
+title: Averages-Root mean square
+id: 594da033de4190850b893874
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof rms === "function", "<code>rms</code> is a function.");'
+  - text: ''
+    testString: 'assert.equal(rms(arr1), answer1, "<code>rms([1, 2, 3, 4, 5, 6, 7, 8, 9, 10])</code> should equal <code>6.2048368229954285</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function rms (arr) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/babbage-problem.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/babbage-problem.arabic.md
new file mode 100644
index 0000000000..993a514910
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/babbage-problem.arabic.md
@@ -0,0 +1,62 @@
+---
+title: Babbage problem
+id: 594db4d0dedb4c06a2a4cefd
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof babbage === "function", "<code>babbage</code> is a function.");'
+  - text: ''
+    testString: 'assert.equal(babbage(babbageAns, endDigits), answer, "<code>babbage(99736, 269696)</code> should not return 99736 (there is a smaller answer).");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function babbage (babbageNum, endDigits) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/balanced-brackets.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/balanced-brackets.arabic.md
new file mode 100644
index 0000000000..b572fb07ea
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/balanced-brackets.arabic.md
@@ -0,0 +1,96 @@
+---
+title: Balanced brackets
+id: 594dc6c729e5700999302b45
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof isBalanced === "function", "<code>isBalanced</code> is a function.");'
+  - text: ''
+    testString: 'assert(isBalanced(testCases[0]), "<code>isBalanced("[]")</code> should return true.");'
+  - text: ''
+    testString: 'assert(!isBalanced(testCases[1]), "<code>isBalanced("]][[[][][][]][")</code> should return false.");'
+  - text: ''
+    testString: 'assert(isBalanced(testCases[2]), "<code>isBalanced("[][[[[][][[[]]]]]]")</code> should return true.");'
+  - text: ''
+    testString: 'assert(!isBalanced(testCases[3]), "<code>isBalanced("][")</code> should return true.");'
+  - text: ''
+    testString: 'assert(!isBalanced(testCases[4]), "<code>isBalanced("[[[]]]][[]")</code> should return true.");'
+  - text: ''
+    testString: 'assert(!isBalanced(testCases[5]), "<code>isBalanced("][[]")</code> should return true.");'
+  - text: ''
+    testString: 'assert(!isBalanced(testCases[6]), "<code>isBalanced("][[][]][[[]]")</code> should return true.");'
+  - text: ''
+    testString: 'assert(!isBalanced(testCases[7]), "<code>isBalanced("[[][]]][")</code> should return true.");'
+  - text: ''
+    testString: 'assert(!isBalanced(testCases[8]), "<code>isBalanced("[[[]]][[]]]][][[")</code> should return true.");'
+  - text: ''
+    testString: 'assert(!isBalanced(testCases[9]), "<code>isBalanced("[]][[]]][[[[][]]")</code> should return true.");'
+  - text: ''
+    testString: 'assert(!isBalanced(testCases[10]), "<code>isBalanced("][]][[][")</code> should return true.");'
+  - text: ''
+    testString: 'assert(isBalanced(testCases[11]), "<code>isBalanced("[[]][[][]]")</code> should return true.");'
+  - text: ''
+    testString: 'assert(isBalanced(testCases[12]), "<code>isBalanced("[[]]")</code> should return true.");'
+  - text: ''
+    testString: 'assert(!isBalanced(testCases[13]), "<code>isBalanced("]][]][[]][[[")</code> should return true.");'
+  - text: ''
+    testString: 'assert(!isBalanced(testCases[14]), "<code>isBalanced("][]][][[")</code> should return true.");'
+  - text: ''
+    testString: 'assert(!isBalanced(testCases[15]), "<code>isBalanced("][][")</code> should return true.");'
+  - text: ''
+    testString: 'assert(!isBalanced(testCases[16]), "<code>isBalanced("[[]]][][][[]][")</code> should return true.");'
+  - text: ''
+    testString: 'assert(isBalanced(testCases[17]), "<code>isBalanced("")</code> should return true.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function isBalanced (str) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/circles-of-given-radius-through-two-points.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/circles-of-given-radius-through-two-points.arabic.md
new file mode 100644
index 0000000000..f35ae968fb
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/circles-of-given-radius-through-two-points.arabic.md
@@ -0,0 +1,70 @@
+---
+title: Circles of given radius through two points
+id: 5951815dd895584b06884620
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof getCircles === "function", "<code>getCircles</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(getCircles(...testCases[0]), answers[0], "<code>getCircles([0.1234, 0.9876], [0.8765, 0.2345], 2.0)</code> should return <code>[[1.8631, 1.9742], [-0.8632, -0.7521]]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(getCircles(...testCases[1]), answers[1], "<code>getCircles([0.0000, 2.0000], [0.0000, 0.0000], 1.0)</code> should return <code>[0, 1]</code>");'
+  - text: ''
+    testString: 'assert.deepEqual(getCircles(...testCases[2]), answers[2], "<code>getCircles([0.1234, 0.9876], [0.1234, 0.9876], 2.0)</code> should return <code>Coincident point. Infinite solutions</code>");'
+  - text: ''
+    testString: 'assert.deepEqual(getCircles(...testCases[3]), answers[3], "<code>getCircles([0.1234, 0.9876], [0.8765, 0.2345], 0.5)</code> should return <code>No intersection. Points further apart than circle diameter</code>");'
+  - text: ''
+    testString: 'assert.deepEqual(getCircles(...testCases[4]), answers[4], "<code>getCircles([0.1234, 0.9876], [0.1234, 0.9876], 0.0)</code> should return <code>Radius Zero</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getCircles (...args) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/closest-pair-problem.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/closest-pair-problem.arabic.md
new file mode 100644
index 0000000000..029b3a3c8f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/closest-pair-problem.arabic.md
@@ -0,0 +1,79 @@
+---
+title: Closest-pair problem
+id: 5951a53863c8a34f02bf1bdc
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof getClosestPair === "function", "<code>getClosestPair</code> is a function.");'
+  - text: ''
+    testString: 'assert.equal(getClosestPair(points1).distance, answer1.distance, "Distance should be the following.");'
+  - text: ''
+    testString: 'assert.deepEqual(JSON.parse(JSON.stringify(getClosestPair(points1))).pair, answer1.pair, "Points should be the following.");'
+  - text: ''
+    testString: 'assert.equal(getClosestPair(points2).distance, answer2.distance, "Distance should be the following.");'
+  - text: ''
+    testString: 'assert.deepEqual(JSON.parse(JSON.stringify(getClosestPair(points2))).pair, answer2.pair, "Points should be the following.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const Point = function (x, y) {
+  this.x = x;
+  this.y = y;
+};
+Point.prototype.getX = function () {
+  return this.x;
+};
+Point.prototype.getY = function () {
+  return this.y;
+};
+
+function getClosestPair (pointsArr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/combinations.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/combinations.arabic.md
new file mode 100644
index 0000000000..c010fd4880
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/combinations.arabic.md
@@ -0,0 +1,64 @@
+---
+title: Combinations
+id: 5958469238c0d8d2632f46db
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof combinations === "function", "<code>combinations</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(combinations(testInput1[0], testInput1[1]), testOutput1, "<code>combinations(3, 5)</code> should return <code>[[0, 1, 2], [0, 1, 3], [0, 1, 4], [0, 2, 3], [0, 2, 4], [0, 3, 4], [1, 2, 3], [1, 2, 4], [1, 3, 4], [2, 3, 4]]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(combinations(testInput2[0], testInput2[1]), testOutput2, "<code>combinations(4, 6)</code> should return <code>[[0,1,2,3],  [0,1,2,4],  [0,1,2,5],  [0,1,3,4],  [0,1,3,5],  [0,1,4,5],  [0,2,3,4],  [0,2,3,5],  [0,2,4,5],  [0,3,4,5],  [1,2,3,4],  [1,2,3,5],  [1,2,4,5],  [1,3,4,5],  [2,3,4,5]]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function combinations (m, n) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/comma-quibbling.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/comma-quibbling.arabic.md
new file mode 100644
index 0000000000..6b22fd2b6f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/comma-quibbling.arabic.md
@@ -0,0 +1,70 @@
+---
+title: Comma quibbling
+id: 596e414344c3b2872167f0fe
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof quibble === "function", "<code>quibble</code> is a function.");'
+  - text: ''
+    testString: 'assert(typeof quibble(["ABC"]) === "string", "<code>quibble(["ABC"])</code> should return a string.");'
+  - text: ''
+    testString: 'assert.equal(quibble(testCases[0]), results[0], "<code>quibble([])</code> should return "{}".");'
+  - text: ''
+    testString: 'assert.equal(quibble(testCases[1]), results[1], "<code>quibble(["ABC"])</code> should return "{ABC}".");'
+  - text: ''
+    testString: 'assert.equal(quibble(testCases[2]), results[2], "<code>quibble(["ABC", "DEF"])</code> should return "{ABC and DEF}".");'
+  - text: ''
+    testString: 'assert.equal(quibble(testCases[3]), results[3], "<code>quibble(["ABC", "DEF", "G", "H"])</code> should return "{ABC,DEF,G and H}".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function quibble (words) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/compare-a-list-of-strings.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/compare-a-list-of-strings.arabic.md
new file mode 100644
index 0000000000..6b95ccf5a2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/compare-a-list-of-strings.arabic.md
@@ -0,0 +1,87 @@
+---
+title: Compare a list of strings
+id: 596e457071c35c882915b3e4
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof allEqual === "function", "<code>allEqual</code> is a function.");'
+  - text: ''
+    testString: 'assert(typeof azSorted === "function", "<code>azSorted</code> is a function.");'
+  - text: ''
+    testString: 'assert(allEqual(testCases[0]), "<code>allEqual(["AA", "AA", "AA", "AA"])</code> returns true.");'
+  - text: ''
+    testString: 'assert(!azSorted(testCases[0]), "<code>azSorted(["AA", "AA", "AA", "AA"])</code> returns false.");'
+  - text: ''
+    testString: 'assert(!allEqual(testCases[1]), "<code>allEqual(["AA", "ACB", "BB", "CC"])</code> returns false.");'
+  - text: ''
+    testString: 'assert(azSorted(testCases[1]), "<code>azSorted(["AA", "ACB", "BB", "CC"])</code> returns true.");'
+  - text: ''
+    testString: 'assert(allEqual(testCases[2]), "<code>allEqual([])</code> returns true.");'
+  - text: ''
+    testString: 'assert(azSorted(testCases[2]), "<code>azSorted([])</code> returns true.");'
+  - text: ''
+    testString: 'assert(allEqual(testCases[3]), "<code>allEqual(["AA"])</code> returns true.");'
+  - text: ''
+    testString: 'assert(azSorted(testCases[3]), "<code>azSorted(["AA"])</code> returns true.");'
+  - text: ''
+    testString: 'assert(!allEqual(testCases[4]), "<code>allEqual(["BB", "AA"])</code> returns false.");'
+  - text: ''
+    testString: 'assert(!azSorted(testCases[4]), "<code>azSorted(["BB", "AA"])</code> returns false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function allEqual (arr) {
+  // Good luck!
+  return true;
+}
+
+function azSorted (arr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/convert-seconds-to-compound-duration.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/convert-seconds-to-compound-duration.arabic.md
new file mode 100644
index 0000000000..d9a6f78dcd
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/convert-seconds-to-compound-duration.arabic.md
@@ -0,0 +1,66 @@
+---
+title: Convert seconds to compound duration
+id: 596fd036dc1ab896c5db98b1
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof convertSeconds === "function", "<code>convertSeconds</code> is a function.");'
+  - text: ''
+    testString: 'assert.equal(convertSeconds(testCases[0]), results[0], "<code>convertSeconds(7259)</code> should return <code>2 hr, 59 sec</code>.");'
+  - text: ''
+    testString: 'assert.equal(convertSeconds(testCases[1]), results[1], "<code>convertSeconds(86400)</code> should return <code>1 d</code>.");'
+  - text: ''
+    testString: 'assert.equal(convertSeconds(testCases[2]), results[2], "<code>convertSeconds(6000000)</code> should return <code>9 wk, 6 d, 10 hr, 40 min</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertSeconds (sec) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/count-occurrences-of-a-substring.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/count-occurrences-of-a-substring.arabic.md
new file mode 100644
index 0000000000..585c4c2102
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/count-occurrences-of-a-substring.arabic.md
@@ -0,0 +1,66 @@
+---
+title: Count occurrences of a substring
+id: 596fda99c69f779975a1b67d
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof countSubstring === "function", "<code>countSubstring</code> is a function.");'
+  - text: ''
+    testString: 'assert.equal(countSubstring(testCases[0], searchString[0]), results[0], "<code>countSubstring("the three truths", "th")</code> should return <code>3</code>.");'
+  - text: ''
+    testString: 'assert.equal(countSubstring(testCases[1], searchString[1]), results[1], "<code>countSubstring("ababababab", "abab")</code> should return <code>2</code>.");'
+  - text: ''
+    testString: 'assert.equal(countSubstring(testCases[2], searchString[2]), results[2], "<code>countSubstring("abaabba*bbaba*bbab", "a*b")</code> should return <code>2</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countSubstring (str, subStr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/count-the-coins.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/count-the-coins.arabic.md
new file mode 100644
index 0000000000..ace2278042
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/count-the-coins.arabic.md
@@ -0,0 +1,54 @@
+---
+title: Count the coins
+id: 59713bd26bdeb8a594fb9413
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof countCoins === "function", "<code>countCoins</code> is a function.");'
+  - text: ''
+    testString: 'assert.equal(countCoins(), 242, "<code>countCoints()</code> should return 242.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countCoins () {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/cramers-rule.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/cramers-rule.arabic.md
new file mode 100644
index 0000000000..dbd18b96d7
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/cramers-rule.arabic.md
@@ -0,0 +1,64 @@
+---
+title: Cramer's rule
+id: 59713da0a428c1a62d7db430
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof cramersRule === "function", "<code>cramersRule</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(cramersRule(matrices[0], freeTerms[0]), answers[0], "<code>cramersRule([[2, -1, 5, 1], [3, 2, 2, -6], [1, 3, 3, -1], [5, -2, -3, 3]], [-3, -32, -47, 49])</code> should return <code>[2, -12, -4, 1]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(cramersRule(matrices[1], freeTerms[1]), answers[1], "<code>cramersRule([[3, 1, 1], [2, 2, 5], [1, -3, -4]], [3, -1, 2])</code> should return <code>[1, 1, -1]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function cramersRule (matrix, freeTerms) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/date-format.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/date-format.arabic.md
new file mode 100644
index 0000000000..e1f9a876d8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/date-format.arabic.md
@@ -0,0 +1,66 @@
+---
+title: Date format
+id: 59669d08d75b60482359409f
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof getDateFormats === "function", "<code>getDateFormats</code> is a function.");'
+  - text: ''
+    testString: 'assert(typeof getDateFormats() === "object", "Should return an object.");'
+  - text: ''
+    testString: 'assert(getDateFormats().length === 2, "Should returned an array with 2 elements.");'
+  - text: ''
+    testString: 'assert.deepEqual(getDateFormats(), dates, equalsMessage);'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getDateFormats () {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/date-manipulation.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/date-manipulation.arabic.md
new file mode 100644
index 0000000000..ad43008b24
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/date-manipulation.arabic.md
@@ -0,0 +1,72 @@
+---
+title: Date manipulation
+id: 5966c21cf732a95f1b67dd28
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof add12Hours === "function", "<code>add12Hours</code> is a function.");'
+  - text: ''
+    testString: 'assert(typeof add12Hours(tests[0]) === "string", "<code>add12Hours(dateString)</code> should return a string.");'
+  - text: ''
+    testString: 'assert(add12Hours(tests[0]) === answers[0], "<code>add12Hours("" + tests[0] + "")</code> should return <code>"" + answers[0] + ""</code>");'
+  - text: ''
+    testString: 'assert(add12Hours(tests[1]) === answers[1], "Should handel day change. <code>add12Hours("" + tests[1] + "")</code> should return <code>"" + answers[1] + ""</code>");'
+  - text: ''
+    testString: 'assert(add12Hours(tests[2]) === answers[2], "Should handel month change in a leap years. <code>add12Hours("" + tests[2] + "")</code> should return <code>"" + answers[2] + ""</code>");'
+  - text: ''
+    testString: 'assert(add12Hours(tests[3]) === answers[3], "Should handel month change in a common years. <code>add12Hours("" + tests[3] + "")</code> should return <code>"" + answers[3] + ""</code>");'
+  - text: ''
+    testString: 'assert(add12Hours(tests[4]) === answers[4], "Should handel year change. <code>add12Hours("" + tests[4] + "")</code> should return <code>"" + answers[4] + ""</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function add12Hours (dateString) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/day-of-the-week.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/day-of-the-week.arabic.md
new file mode 100644
index 0000000000..48f56223c1
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/day-of-the-week.arabic.md
@@ -0,0 +1,66 @@
+---
+title: Day of the week
+id: 5966f99c45e8976909a85575
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof findXmasSunday === "function", "<code>findXmasSunday</code> is a function.");'
+  - text: ''
+    testString: 'assert(typeof findXmasSunday(2000, 2100) === "object", "<code>findChristmasSunday(2000, 2100)</code> should return an array.");'
+  - text: ''
+    testString: 'assert.deepEqual(findXmasSunday(1970, 2017), firstSolution, "<code>findChristmasSunday(2008, 2121</code> should return [1977, 1983, 1988, 1994, 2005, 2011, 2016]");'
+  - text: ''
+    testString: 'assert.deepEqual(findXmasSunday(2008, 2121), secondSolution, "<code>findChristmasSunday(2008, 2121</code> should return [2011, 2016, 2022, 2033, 2039, 2044, 2050, 2061, 2067, 2072, 2078, 2089, 2095, 2101, 2107, 2112, 2118]");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function findXmasSunday (start, end) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/deal-cards-for-freecell.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/deal-cards-for-freecell.arabic.md
new file mode 100644
index 0000000000..c74a47325c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/deal-cards-for-freecell.arabic.md
@@ -0,0 +1,68 @@
+---
+title: Deal cards for FreeCell
+id: 59694356a6e7011f7f1c5f4e
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof dealFreeCell === "function", "<code>dealFreeCell</code> is a function.");'
+  - text: ''
+    testString: 'assert(typeof dealFreeCell(1) === "object", "<code>dealFreeCell(seed)</code> should return an object.");'
+  - text: ''
+    testString: 'assert(dealFreeCell(1).length === 7, "<code>dealFreeCell(seed)</code> should return an array of length 7.");'
+  - text: ''
+    testString: 'assert.deepEqual(dealFreeCell(1), game1, "<code>dealFreeCell(1)</code> should return an array identical to example "Game #1"");'
+  - text: ''
+    testString: 'assert.deepEqual(dealFreeCell(617), game617, "<code>dealFreeCell(617)</code> should return an array identical to example "Game #617"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function dealFreeCell (seed) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/deepcopy.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/deepcopy.arabic.md
new file mode 100644
index 0000000000..f6055b9cee
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/deepcopy.arabic.md
@@ -0,0 +1,68 @@
+---
+title: Deepcopy
+id: 596a8888ab7c01048de257d5
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof deepcopy === "function", "<code>deepcopy</code> should be a function.");'
+  - text: ''
+    testString: 'assert(typeof deepcopy(obj1) === "object", "<code>deepcopy({test: "test"})</code> should return an object.");'
+  - text: ''
+    testString: 'assert(deepcopy(obj2) != obj2, "Should not return the same object that was provided.");'
+  - text: ''
+    testString: 'assert.deepEqual(deepcopy(obj2), obj2, "When passed an object containing an array, should return a deep copy of the object.");'
+  - text: ''
+    testString: 'assert.deepEqual(deepcopy(obj3), obj3, "When passed an object containing another object, should return a deep copy of the object.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function deepcopy (obj) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/define-a-primitive-data-type.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/define-a-primitive-data-type.arabic.md
new file mode 100644
index 0000000000..cac372b3aa
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/define-a-primitive-data-type.arabic.md
@@ -0,0 +1,78 @@
+---
+title: Define a primitive data type
+id: 597089c87eec450c68aa1643
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof Num === "function", "<code>Num</code> should be a function.");'
+  - text: ''
+    testString: 'assert(typeof (new Num(4)) === "object", "<code>new Num(4)</code> should return an object.");'
+  - text: ''
+    testString: 'assert(throws(() => new Num("test"), TypeError, "Not a Number"), "<code>new Num(\"test\")</code> should throw a TypeError with message \"Not a Number\".");'
+  - text: ''
+    testString: 'assert(throws(() => new Num(0), TypeError, "Out of range"), "<code>new Num(0)</code> should throw a TypeError with message \"Out of range\".");'
+  - text: ''
+    testString: 'assert(throws(() => new Num(-5), TypeError, "Out of range"), "<code>new Num(-5)</code> should throw a TypeError with message \"Out of range\".");'
+  - text: ''
+    testString: 'assert(throws(() => new Num(11), TypeError, "Out of range"), "<code>new Num(10)</code> should throw a TypeError with message \"Out of range\".");'
+  - text: ''
+    testString: 'assert(throws(() => new Num(20), TypeError, "Out of range"), "<code>new Num(20)</code> should throw a TypeError with message \"Out of range\".");'
+  - text: ''
+    testString: 'assert.equal(new Num(3) + new Num(4), 7, "<code>new Num(3) + new Num(4)</code> should equal 7.");'
+  - text: ''
+    testString: 'assert.equal(new Num(3) - new Num(4), -1, "<code>new Num(3) - new Num(4)</code> should equal -1.");'
+  - text: ''
+    testString: 'assert.equal(new Num(3) * new Num(4), 12, "<code>new Num(3) * new Num(4)</code> should equal 12.");'
+  - text: ''
+    testString: 'assert.equal(new Num(3) / new Num(4), 0.75, "<code>new Num(3) / new Num(4)</code> should equal 0.75.");'
+  - text: ''
+    testString: 'assert(new Num(3) < new Num(4), "<code>new Num(3) < new Num(4)</code> should be true.");'
+  - text: ''
+    testString: 'assert(!(new Num(3) > new Num(4)), "<code>new Num(3) > new Num(4)</code> should be false.");'
+  - text: ''
+    testString: 'assert.equal((new Num(5)).toString(), "5", "<code>(new Num(5)).toString()</code> should return \"5\"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Num (n) {
+  // Good luck!
+  return n;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/department-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/department-numbers.arabic.md
new file mode 100644
index 0000000000..3e39b4c410
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/department-numbers.arabic.md
@@ -0,0 +1,66 @@
+---
+title: Department Numbers
+id: 59f40b17e79dbf1ab720ed7a
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof combinations === "function", "<code>combinations</code> should be a function.");'
+  - text: ''
+    testString: 'assert(Array.isArray(combinations([1, 2, 3], 6)), "<code>combinations([1, 2, 3], 6)</code> should return an Array.");'
+  - text: ''
+    testString: 'assert(combinations(nums, total).length === len, "<code>combinations([1, 2, 3, 4, 5, 6, 7], 12)</code> should return an array of length 14.");'
+  - text: ''
+    testString: 'assert.deepEqual(combinations(nums, total), result, "<code>combinations([1, 2, 3, 4, 5, 6, 7], 12)</code> should return all valid combinations.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function combinations (possibleNumbers, total) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/discordian-date.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/discordian-date.arabic.md
new file mode 100644
index 0000000000..10128172cb
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/discordian-date.arabic.md
@@ -0,0 +1,66 @@
+---
+title: Discordian date
+id: 59f4eafba0343628bb682785
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof discordianDate === "function", "<code>discordianDate</code> is a function.");'
+  - text: ''
+    testString: 'assert(discordianDate(new Date(2010, 6, 22)) === "Pungenday, the 57th day of Confusion in the YOLD 3176", "<code>discordianDate(new Date(2010, 6, 22))</code> should return <code>"Pungenday, the 57th day of Confusion in the YOLD 3176"</code>.");'
+  - text: ''
+    testString: 'assert(discordianDate(new Date(2012, 1, 28)) === "Prickle-Prickle, the 59th day of Chaos in the YOLD 3178", "<code>discordianDate(new Date(2012, 1, 28))</code> should return <code>"Prickle-Prickle, the 59th day of Chaos in the YOLD 3178"</code>.");'
+  - text: ''
+    testString: 'assert(discordianDate(new Date(2012, 1, 29)) === "Setting Orange, the 60th day of Chaos in the YOLD 3178. Celebrate St. Tib\"s Day!", "<code>discordianDate(new Date(2012, 1, 29))</code> should return <code>"Setting Orange, the 60th day of Chaos in the YOLD 3178. Celebrate St. Tib\"s Day!"</code>.");'
+  - text: ''
+    testString: 'assert(discordianDate(new Date(2012, 2, 1)) === "Setting Orange, the 60th day of Chaos in the YOLD 3178", "<code>discordianDate(new Date(2012, 2, 1))</code> should return <code>"Setting Orange, the 60th day of Chaos in the YOLD 3178"</code>.");'
+  - text: ''
+    testString: 'assert(discordianDate(new Date(2010, 0, 5)) === "Setting Orange, the 5th day of Chaos in the YOLD 3176. Celebrate Mungday!", "<code>discordianDate(new Date(2010, 0, 5))</code> should return <code>"Setting Orange, the 5th day of Chaos in the YOLD 3176. Celebrate Mungday!"</code>.");'
+  - text: ''
+    testString: 'assert(discordianDate(new Date(2011, 4, 3)) === "Pungenday, the 50th day of Discord in the YOLD 3177. Celebrate Discoflux!", "<code>discordianDate(new Date(2011, 4, 3))</code> should return <code>"Pungenday, the 50th day of Discord in the YOLD 3177. Celebrate Discoflux!"</code>.");'
+  - text: ''
+    testString: 'assert(discordianDate(new Date(2015, 9, 19)) === "Boomtime, the 73rd day of Bureaucracy in the YOLD 3181", "<code>discordianDate(new Date(2015, 9, 19))</code> should return <code>"Boomtime, the 73rd day of Bureaucracy in the YOLD 3181"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function discordianDate (date) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/element-wise-operations.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/element-wise-operations.arabic.md
new file mode 100644
index 0000000000..63232dcbf0
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/element-wise-operations.arabic.md
@@ -0,0 +1,65 @@
+---
+title: Element-wise operations
+id: 599c333915e0ea32d04d4bec
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof operation === "function", "<code>operation</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(operation("m_add", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[2, 4], [6, 8]], "<code>operation("m_add",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[2,4],[6,8]]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(operation("s_add", [[1, 2], [3, 4]], 2), [[3, 4], [5, 6]], "<code>operation("s_add",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[3,4],[5,6]]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(operation("m_sub", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[0, 0], [0, 0]], "<code>operation("m_sub",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[0,0],[0,0]]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(operation("m_mult", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[1, 4], [9, 16]], "<code>operation("m_mult",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[1,4],[9,16]]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(operation("m_div", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[1, 1], [1, 1]], "<code>operation("m_div",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[1,1],[1,1]]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(operation("m_exp", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[1, 4], [27, 256]], "<code>operation("m_exp",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[1,4],[27,256]]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(operation("m_add", [[1, 2, 3, 4], [5, 6, 7, 8]], [[9, 10, 11, 12], [13, 14, 15, 16]]), [[10, 12, 14, 16], [18, 20, 22, 24]], "<code>operation("m_add",[[1,2,3,4],[5,6,7,8]],[[9,10,11,12],[13,14,15,16]])</code> should return <code>[[10,12,14,16],[18,20,22,24]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function operation (op, arr1, arr2) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/emirp-primes.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/emirp-primes.arabic.md
new file mode 100644
index 0000000000..bbdf3cbef4
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/emirp-primes.arabic.md
@@ -0,0 +1,59 @@
+---
+title: Emirp primes
+id: 599d0ba974141b0f508b37d5
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof emirps === "function", "<code>emirps</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(emirps(20, true), [13, 17, 31, 37, 71, 73, 79, 97, 107, 113, 149, 157, 167, 179, 199, 311, 337, 347, 359, 389], "<code>emirps(20,true)</code> should return <code>[13,17,31,37,71,73,79,97,107,113,149,157,167,179,199,311,337,347,359,389]</code>");'
+  - text: ''
+    testString: 'assert.deepEqual(emirps(10000), 948349, "<code>emirps(10000)</code> should return <code>948349</code>");'
+  - text: ''
+    testString: 'assert.deepEqual(emirps([7700, 8000], true), [7717, 7757, 7817, 7841, 7867, 7879, 7901, 7927, 7949, 7951, 7963], "<code>emirps([7700,8000],true)</code> should return <code>[7717,7757,7817,7841,7867,7879,7901,7927,7949,7951,7963]</code>");'
+  - text: ''
+    testString: 'assert.deepEqual(emirps([7700, 8000], false), 11, "<code>emirps([7700,8000],true)</code> should return <code>11</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function emirps(n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/entropy.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/entropy.arabic.md
new file mode 100644
index 0000000000..138364c3aa
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/entropy.arabic.md
@@ -0,0 +1,63 @@
+---
+title: Entropy
+id: 599d15309e88c813a40baf58
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof entropy === "function", "<code>entropy</code> is a function.");'
+  - text: ''
+    testString: 'assert.equal(entropy("0"), 0, "<code>entropy("0")</code> should return <code>0</code>");'
+  - text: ''
+    testString: 'assert.equal(entropy("01"), 1, "<code>entropy("01")</code> should return <code>1</code>");'
+  - text: ''
+    testString: 'assert.equal(entropy("0123"), 2, "<code>entropy("0123")</code> should return <code>2</code>");'
+  - text: ''
+    testString: 'assert.equal(entropy("01234567"), 3, "<code>entropy("01234567")</code> should return <code>3</code>");'
+  - text: ''
+    testString: 'assert.equal(entropy("0123456789abcdef"), 4, "<code>entropy("0123456789abcdef")</code> should return <code>4</code>");'
+  - text: ''
+    testString: 'assert.equal(entropy("1223334444"), 1.8464393446710154, "<code>entropy("1223334444")</code> should return <code>1.8464393446710154</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function entropy (s) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/equilibrium-index.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/equilibrium-index.arabic.md
new file mode 100644
index 0000000000..8fe6956f64
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/equilibrium-index.arabic.md
@@ -0,0 +1,71 @@
+---
+title: Equilibrium index
+id: 5987fd532b954e0f21b5d3f6
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof equilibrium === "function", "<code>equilibrium</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(equilibrium(tests[0]), ans[0], "<code>equilibrium([-7, 1, 5, 2, -4, 3, 0])</code> should return <code>[3,6]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(equilibrium(tests[1]), ans[1], "<code>equilibrium([2, 4, 6])</code> should return <code>[]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(equilibrium(tests[2]), ans[2], "<code>equilibrium([2, 9, 2])</code> should return <code>[1]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(equilibrium(tests[3]), ans[3], "<code>equilibrium([1, -1, 1, -1, 1, -1, 1])</code> should return <code>[0,1,2,3,4,5,6]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(equilibrium(tests[4]), ans[4], "<code>equilibrium([1])</code> should return <code>[0]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(equilibrium(tests[5]), ans[5], "<code>equilibrium([])</code> should return <code>[]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function equilibrium (a) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/ethiopian-multiplication.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/ethiopian-multiplication.arabic.md
new file mode 100644
index 0000000000..b85260add7
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/ethiopian-multiplication.arabic.md
@@ -0,0 +1,61 @@
+---
+title: Ethiopian multiplication
+id: 599d1566a02b571412643b84
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof eth_mult === "function", "<code>eth_mult</code> is a function.");'
+  - text: ''
+    testString: 'assert.equal(eth_mult(17, 34), 578, "<code>eth_mult(17,34)</code> should return <code>578</code>.");'
+  - text: ''
+    testString: 'assert.equal(eth_mult(23, 46), 1058, "<code>eth_mult(23,46)</code> should return <code>1058</code>.");'
+  - text: ''
+    testString: 'assert.equal(eth_mult(12, 27), 324, "<code>eth_mult(12,27)</code> should return <code>324</code>.");'
+  - text: ''
+    testString: 'assert.equal(eth_mult(56, 98), 5488, "<code>eth_mult(56,98)</code> should return <code>5488</code>.");'
+  - text: ''
+    testString: 'assert.equal(eth_mult(63, 74), 4662, "<code>eth_mult(63,74)</code> should return <code>4662</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function eth_mult (a, b) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/euler-method.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/euler-method.arabic.md
new file mode 100644
index 0000000000..d87bfbb9e9
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/euler-method.arabic.md
@@ -0,0 +1,59 @@
+---
+title: Euler method
+id: 59880443fb36441083c6c20e
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof eulersMethod === "function", "<code>eulersMethod</code> is a function.");'
+  - text: ''
+    testString: 'assert(typeof eulersMethod(0, 100, 100, 10) === "number", "<code>eulersMethod(0, 100, 100, 10)</code> should return a number.");'
+  - text: ''
+    testString: 'assert.equal(eulersMethod(0, 100, 100, 2), 20.0424631833732, "<code>eulersMethod(0, 100, 100, 10)</code> should return 20.0424631833732.");'
+  - text: ''
+    testString: 'assert.equal(eulersMethod(0, 100, 100, 5), 20.01449963666907, "<code>eulersMethod(0, 100, 100, 10)</code> should return 20.01449963666907.");'
+  - text: ''
+    testString: 'assert.equal(eulersMethod(0, 100, 100, 10), 20.000472392, "<code>eulersMethod(0, 100, 100, 10)</code> should return 20.000472392.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function eulersMethod (x1, y1, x2, h) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/evaluate-binomial-coefficients.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/evaluate-binomial-coefficients.arabic.md
new file mode 100644
index 0000000000..8c8112f482
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/evaluate-binomial-coefficients.arabic.md
@@ -0,0 +1,61 @@
+---
+title: Evaluate binomial coefficients
+id: 598de241872ef8353c58a7a2
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof binom === "function", "<code>binom</code> is a function.");'
+  - text: ''
+    testString: 'assert.equal(binom(5, 3), 10, "<code>binom(5,3)</code> should return 10.");'
+  - text: ''
+    testString: 'assert.equal(binom(7, 2), 21, "<code>binom(7,2)</code> should return 21.");'
+  - text: ''
+    testString: 'assert.equal(binom(10, 4), 210, "<code>binom(10,4)</code> should return 210.");'
+  - text: ''
+    testString: 'assert.equal(binom(6, 1), 6, "<code>binom(6,1)</code> should return 6.");'
+  - text: ''
+    testString: 'assert.equal(binom(12, 8), 495, "<code>binom(12,8)</code> should return 495.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function binom (n, k) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/execute-a-markov-algorithm.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/execute-a-markov-algorithm.arabic.md
new file mode 100644
index 0000000000..bee6e575fc
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/execute-a-markov-algorithm.arabic.md
@@ -0,0 +1,61 @@
+---
+title: Execute a Markov algorithm
+id: 59e09e6d412c5939baa02d16
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof markov === "function", "<code>markov</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(markov(rules[0],tests[0]),outputs[0],"<code>markov(["A -> apple","B -> bag","S -> shop","T -> the","the shop -> my brother","a never used -> .terminating rule"],"I bought a B of As from T S.")</code> should return "I bought a bag of apples from my brother.".");'
+  - text: ''
+    testString: 'assert.deepEqual(markov(rules[1],tests[1]),outputs[1],"<code>markov(["A -> apple","B -> bag","S -> .shop","T -> the","the shop -> my brother","a never used -> .terminating rule"],"I bought a B of As from T S.")</code> should return "I bought a bag of apples from T shop.".");'
+  - text: ''
+    testString: 'assert.deepEqual(markov(rules[2],tests[2]),outputs[2],"<code>markov(["A -> apple","WWWW -> with","Bgage -> ->.*","B -> bag","->.* -> money","W -> WW","S -> .shop","T -> the","the shop -> my brother","a never used -> .terminating rule"],"I bought a B of As W my Bgage from T S.")</code> should return "I bought a bag of apples with my money from T shop.".");'
+  - text: ''
+    testString: 'assert.deepEqual(markov(rules[3],tests[3]),outputs[3],"<code>markov(["_+1 -> _1+","1+1 -> 11+","1! -> !1",",! -> !+","_! -> _","1*1 -> x,@y","1x -> xX","X, -> 1,1","X1 -> 1X","_x -> _X",",x -> ,X","y1 -> 1y","y_ -> _","1@1 -> x,@y","1@_ -> @_",",@_ -> !_","++ -> +","_1 -> 1","1+_ -> 1","_+_ -> "],"_1111*11111_")</code> should return "11111111111111111111".");'
+  - text: ''
+    testString: 'assert.deepEqual(markov(rules[4],tests[4]),outputs[4],"<code>markov(["A0 -> 1B","0A1 -> C01","1A1 -> C11","0B0 -> A01","1B0 -> A11","B1 -> 1B","0C0 -> B01","1C0 -> B11","0C1 -> H01","1C1 -> H11"],"")</code> should return "00011H1111000".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function markov (rules,test) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/execute-brain.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/execute-brain.arabic.md
new file mode 100644
index 0000000000..2a3038be3a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/execute-brain.arabic.md
@@ -0,0 +1,132 @@
+---
+title: Execute Brain****
+id: 59e0a8df964e4540d5abe599
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof brain(bye) === "string", "<code>brain(bye)</code> should return a string");'
+  - text: ''
+    testString: 'assert.equal(brain("++++++[>++++++++++<-]>+++++."),"A", "<code>brain("++++++[>++++++++++<-]>+++++.")</code should return "A"");'
+  - text: ''
+    testString: 'assert.equal(brain(bye), "Goodbye, World!\r\n", "<code>brain(bye)</code> should return <code>Goodbye, World!\\r\\n</code>");'
+  - text: ''
+    testString: 'assert.equal(brain(hello), "Hello World!\n", "<code>brain(hello)</code> should return <code>Hello World!\\n</code>");'
+  - text: ''
+    testString: 'assert.equal(brain(fib), "1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89", "<code>brain(fib)</code> should return <code>1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function brain (prog) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+let fib=`+
+
+++
+
++++
+
+++++
+
++>+>>
+
+>>++++
+
++++++++
+
+++++++++
+
++++++++++
+
+++++++++++
+
+++++++>++++
+
+++++++++++++
+
++++++++++++++
+
++++<<<<<<[>[>>
+
+>>>>+>+<<<<<<<-
+
+]>>>>>>>[<<<<<<<
+
++>>>>>>>-]<[>++++
+
+++++++[-<-[>>+>+<<
+
+<-]>>>[<<<+>>>-]+<[
+
+>[-]<[-]]>[<<[>>>+<<
+
+<-]>>[-]]<<]>>>[>>+>+
+
+<<<-]>>>[<<<+>>>-]+<[>
+
+[-]<[-]]>[<<+>>[-]]<<<<
+
+<<<]>>>>>[++++++++++++++
+
++++++++++++++++++++++++++
+
++++++++++.[-]]++++++++++<[
+
+->-<]>+++++++++++++++++++++
+
++++++++++++++++++++++++++++.
+
+[-]<<<<<<<<<<<<[>>>+>+<<<<-]>
+
+>>>[<<<<+>>>>-]<-[>>.>.<<<[-]]
+
+<<[>>+>+<<<-]>>>[<<<+>>>-]<<[<+
+
+>-]>[<+>-]<<<-]`;
+let hello='++++++++[>++++[>++>+++>+++>+<<<<-]>+>+>->>+[<]<-]>>.>---.+++++++..+++.>>.<-.<.+++.------.--------.>>+.>++.'
+let bye='++++++++++[>+>+++>++++>+++++++>++++++++>+++++++++>++++++++++>+++++++++++>++++++++++++<<<<<<<<<-]>>>>+.>>>>+..<.<++++++++.>>>+.<<+.<<<<++++.<++.>>>+++++++.>>>.+++.<+++++++.--------.<<<<<+.<+++.---.';
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/extensible-prime-generator.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/extensible-prime-generator.arabic.md
new file mode 100644
index 0000000000..0a508c555f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/extensible-prime-generator.arabic.md
@@ -0,0 +1,59 @@
+---
+title: Extensible prime generator
+id: 598ee8b91b410510ae82efef
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof primeGenerator === "function", "<code>primeGenerator</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(primeGenerator(20, true), [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67, 71], "<code>primeGenerator</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(primeGenerator([100, 150], true), [101, 103, 107, 109, 113, 127, 131, 137, 139, 149], "<code>primeGenerator</code> is a function.");'
+  - text: ''
+    testString: 'assert.equal(primeGenerator([7700, 8000], false), 30, "<code>primeGenerator</code> is a function.");'
+  - text: ''
+    testString: 'assert.equal(primeGenerator(10000, false), 104729, "<code>primeGenerator</code> is a function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function primeGenerator (num, showPrimes) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/factorial.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/factorial.arabic.md
new file mode 100644
index 0000000000..733e7142f4
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/factorial.arabic.md
@@ -0,0 +1,67 @@
+---
+title: Factorial
+id: 597b2b2a2702b44414742771
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof factorial === "function", "<code>factorial</code> is a function.");'
+  - text: ''
+    testString: 'assert(typeof factorial(2) === "number", "<code>factorial(2)</code> should return a number.");'
+  - text: ''
+    testString: 'assert.equal(factorial(3),results[0],"<code>factorial(3)</code> should return 6.");'
+  - text: ''
+    testString: 'assert.equal(factorial(5),results[1],"<code>factorial(3)</code> should return 120.");'
+  - text: ''
+    testString: 'assert.equal(factorial(10),results[2],"<code>factorial(3)</code> should return 3,628,800.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function factorial (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/factors-of-a-mersenne-number.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/factors-of-a-mersenne-number.arabic.md
new file mode 100644
index 0000000000..422ec52aed
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/factors-of-a-mersenne-number.arabic.md
@@ -0,0 +1,59 @@
+---
+title: Factors of a Mersenne number
+id: 598eea87e5cf4b116c3ff81a
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof check_mersenne === "function", "<code>check_mersenne</code> is a function.");'
+  - text: ''
+    testString: 'assert(typeof check_mersenne(3) == "string", "<code>check_mersenne(3)</code> should return a string.");'
+  - text: ''
+    testString: 'assert.equal(check_mersenne(3),"M3 = 2^3-1 is prime","<code>check_mersenne(3)</code> should return "M3 = 2^3-1 is prime".");'
+  - text: ''
+    testString: 'assert.equal(check_mersenne(23),"M23 = 2^23-1 is composite with factor 47","<code>check_mersenne(23)</code> should return "M23 = 2^23-1 is composite with factor 47".");'
+  - text: ''
+    testString: 'assert.equal(check_mersenne(929),"M929 = 2^929-1 is composite with factor 13007","<code>check_mersenne(929)</code> should return "M929 = 2^929-1 is composite with factor 13007");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function check_mersenne (p) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/factors-of-an-integer.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/factors-of-an-integer.arabic.md
new file mode 100644
index 0000000000..b2f38a665e
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/factors-of-an-integer.arabic.md
@@ -0,0 +1,65 @@
+---
+title: Factors of an integer
+id: 597f1e7fbc206f0e9ba95dc4
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof factors === "function", "<code>factors</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(factors(45), ans[0], "<code>factors(45)</code> should return <code>[1,3,5,9,15,45]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(factors(53), ans[1], "<code>factors(53)</code> should return <code>[1,53]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(factors(64), ans[2], "<code>factors(64)</code> should return <code>[1,2,4,8,16,32,64]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function factors (num) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/farey-sequence.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/farey-sequence.arabic.md
new file mode 100644
index 0000000000..2f8e3123f1
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/farey-sequence.arabic.md
@@ -0,0 +1,59 @@
+---
+title: Farey sequence
+id: 59c3ec9f15068017c96eb8a3
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof farey === "function", "<code>farey</code> is a function.");'
+  - text: ''
+    testString: 'assert(Array.isArray(farey(3)), "<code>farey(3)</code> should return an array");'
+  - text: ''
+    testString: 'assert.deepEqual(farey(3), ["1/3","1/2","2/3"], "<code>farey(3)</code> should return <code>["1/3","1/2","2/3"]</code>");'
+  - text: ''
+    testString: 'assert.deepEqual(farey(4), ["1/4","1/3","1/2","2/4","2/3","3/4"], "<code>farey(4)</code> should return <code>["1/4","1/3","1/2","2/4","2/3","3/4"]</code>");'
+  - text: ''
+    testString: 'assert.deepEqual(farey(5), ["1/5","1/4","1/3","2/5","1/2","2/4","3/5","2/3","3/4","4/5"], "<code>farey(5)</code> should return <code>["1/5","1/4","1/3","2/5","1/2","2/4","3/5","2/3","3/4","4/5"]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function farey (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/fibonacci-n-step-number-sequences.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/fibonacci-n-step-number-sequences.arabic.md
new file mode 100644
index 0000000000..2a47b31213
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/fibonacci-n-step-number-sequences.arabic.md
@@ -0,0 +1,73 @@
+---
+title: Fibonacci n-step number sequences
+id: 598eef80ba501f1268170e1e
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof fib_luc === "function", "<code>fib_luc</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(fib_luc(2,10,"f"),ans[0],"<code>fib_luc(2,10,"f")</code> should return <code>[1,1,2,3,5,8,13,21,34,55]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(fib_luc(3,15,"f"),ans[1],"<code>fib_luc(3,15,"f")</code> should return <code>[1,1,2,4,7,13,24,44,81,149,274,504,927,1705,3136]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(fib_luc(4,15,"f"),ans[2],"<code>fib_luc(4,15,"f")</code> should return <code>[1,1,2,4,8,15,29,56,108,208,401,773,1490,2872,5536]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(fib_luc(2,10,"l"),ans[3],"<code>fib_luc(2,10,"l")</code> should return <code>[ 2, 1, 3, 4, 7, 11, 18, 29, 47, 76]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(fib_luc(3,15,"l"),ans[4],"<code>fib_luc(3,15,"l")</code> should return <code>[ 2, 1, 3, 6, 10, 19, 35, 64, 118, 217, 399, 734, 1350, 2483, 4567 ]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(fib_luc(4,15,"l"),ans[5],"<code>fib_luc(4,15,"l")</code> should return <code>[ 2, 1, 3, 6, 12, 22, 43, 83, 160, 308, 594, 1145, 2207, 4254, 8200 ]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(fib_luc(5,15,"l"),ans[6],"<code>fib_luc(5,15,"l")</code> should return <code>[ 2, 1, 3, 6, 12, 24, 46, 91, 179, 352, 692, 1360, 2674, 5257, 10335 ]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fib_luc (n, len, w) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/fibonacci-sequence.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/fibonacci-sequence.arabic.md
new file mode 100644
index 0000000000..9035edb195
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/fibonacci-sequence.arabic.md
@@ -0,0 +1,59 @@
+---
+title: Fibonacci sequence
+id: 597f24c1dda4e70f53c79c81
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof fibonacci === "function", "<code>fibonacci</code> is a function.");'
+  - text: ''
+    testString: 'assert(typeof fibonacci(2) == "number", "<code>fibonacci(2)</code> should return a number.");'
+  - text: ''
+    testString: 'assert.equal(fibonacci(3),1,"<code>fibonacci(3)</code> should return 1.");'
+  - text: ''
+    testString: 'assert.equal(fibonacci(5),3,"<code>fibonacci(5)</code> should return 3.");'
+  - text: ''
+    testString: 'assert.equal(fibonacci(10),34,"<code>fibonacci(10)</code> should return 34.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fibonacci(n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/fibonacci-word.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/fibonacci-word.arabic.md
new file mode 100644
index 0000000000..fae10c19e5
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/fibonacci-word.arabic.md
@@ -0,0 +1,63 @@
+---
+title: Fibonacci word
+id: 5992e222d397f00d21122931
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof fibWord === "function", "<code>fibWord</code> is a function.");'
+  - text: ''
+    testString: 'assert(Array.isArray(fibWord(5)),"<code>fibWord(5)</code> should return an array.");'
+  - text: ''
+    testString: 'assert.deepEqual(fibWord(5),ans,"<code>fibWord(5)</code> should return <code>"+JSON.stringify(ans)+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fibWord (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/fractran.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/fractran.arabic.md
new file mode 100644
index 0000000000..f86faccac7
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/fractran.arabic.md
@@ -0,0 +1,71 @@
+---
+title: Fractran
+id: 5a7dad05be01840e1778a0d1
+challengeType: 3
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof fractran=="function","<code>fractran</code> should be a function.");'
+  - text: ''
+    testString: 'assert(Array.isArray(fractran(tests[0])),"<code>fractran(""+tests[0]+"")</code> should return an array.");'
+  - text: ''
+    testString: 'assert.deepEqual(fractran(tests[0]),results[0],"<code>fractran(""+tests[0]+"")</code> should return <code>"+JSON.stringify(results[0])+"</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(fractran(tests[1]),results[1],"<code>fractran(""+tests[1]+"")</code> should return <code>"+JSON.stringify(results[1])+"</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(fractran(tests[2]),results[2],"<code>fractran(""+tests[2]+"")</code> should return <code>"+JSON.stringify(results[2])+"</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(fractran(tests[3]),results[3],"<code>fractran(""+tests[3]+"")</code> should return <code>"+JSON.stringify(results[3])+"</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(fractran(tests[4]),results[4],"<code>fractran(""+tests[4]+"")</code> should return <code>"+JSON.stringify(results[4])+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fractran (progStr) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/gamma-function.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/gamma-function.arabic.md
new file mode 100644
index 0000000000..6b2b93a770
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/gamma-function.arabic.md
@@ -0,0 +1,71 @@
+---
+title: Gamma function
+id: 5a23c84252665b21eecc7e76
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof gamma=="function","<code>gamma</code> should be a function.")'
+  - text: ''
+    testString: 'assert(typeof gamma(tests[0])=="number","<code>gamma("+tests[0]+")</code> should return a number.")'
+  - text: ''
+    testString: 'assert.equal(gamma(tests[0]),results[0],"<code>gamma("+tests[0]+")</code> should return <code>"+results[0]+"</code>.")'
+  - text: ''
+    testString: 'assert.equal(gamma(tests[1]),results[1],"<code>gamma("+tests[1]+")</code> should return <code>"+results[1]+"</code>.")'
+  - text: ''
+    testString: 'assert.equal(gamma(tests[2]),results[2],"<code>gamma("+tests[2]+")</code> should return <code>"+results[2]+"</code>.")'
+  - text: ''
+    testString: 'assert.equal(gamma(tests[3]),results[3],"<code>gamma("+tests[3]+")</code> should return <code>"+results[3]+"</code>.")'
+  - text: ''
+    testString: 'assert.equal(gamma(tests[4]),results[4],"<code>gamma("+tests[4]+")</code> should return <code>"+results[4]+"</code>.")'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function gamma (x) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/gaussian-elimination.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/gaussian-elimination.arabic.md
new file mode 100644
index 0000000000..3666e1e330
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/gaussian-elimination.arabic.md
@@ -0,0 +1,71 @@
+---
+title: Gaussian elimination
+id: 5a23c84252665b21eecc7e77
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof gaussianElimination=="function","<code>gaussianElimination</code> should be a function.");'
+  - text: ''
+    testString: 'assert(Array.isArray(gaussianElimination(tests[0][0],tests[0][1])),"<code>gaussianElimination("+JSON.stringify(tests[0][0])+","+JSON.stringify(tests[0][1])+")</code> should return an array.");'
+  - text: ''
+    testString: 'assert.deepEqual(gaussianElimination(tests[0][0],tests[0][1]),results[0],"<code>gaussianElimination("+JSON.stringify(tests[0][0])+","+JSON.stringify(tests[0][1])+")</code> should return <code>"+JSON.stringify(results[0])+"</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(gaussianElimination(tests[1][0],tests[1][1]),results[1],"<code>gaussianElimination("+JSON.stringify(tests[1][0])+","+JSON.stringify(tests[1][1])+")</code> should return <code>"+JSON.stringify(results[1])+"</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(gaussianElimination(tests[2][0],tests[2][1]),results[2],"<code>gaussianElimination("+JSON.stringify(tests[2][0])+","+JSON.stringify(tests[2][1])+")</code> should return <code>"+JSON.stringify(results[2])+"</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(gaussianElimination(tests[3][0],tests[3][1]),results[3],"<code>gaussianElimination("+JSON.stringify(tests[3][0])+","+JSON.stringify(tests[3][1])+")</code> should return <code>"+JSON.stringify(results[3])+"</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(gaussianElimination(tests[4][0],tests[4][1]),results[4],"<code>gaussianElimination("+JSON.stringify(tests[4][0])+","+JSON.stringify(tests[4][1])+")</code> should return <code>"+JSON.stringify(results[4])+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function gaussianElimination (A,b) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/general-fizzbuzz.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/general-fizzbuzz.arabic.md
new file mode 100644
index 0000000000..028ec35705
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/general-fizzbuzz.arabic.md
@@ -0,0 +1,75 @@
+---
+title: General FizzBuzz
+id: 5a23c84252665b21eecc7e78
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof genFizzBuzz=="function","<code>genFizzBuzz</code> should be a function.");'
+  - text: ''
+    testString: 'assert(typeof genFizzBuzz(tests[0][0],tests[0][1])=="string","<code>genFizzBuzz("+JSON.stringify(tests[0][0])+","+tests[0][1]+")</code> should return a type.");'
+  - text: ''
+    testString: 'assert.equal(genFizzBuzz(tests[0][0],tests[0][1]),results[0],"<code>genFizzBuzz("+JSON.stringify(tests[0][0])+","+tests[0][1]+")</code> should return <code>""+results[0]+""</code>.");'
+  - text: ''
+    testString: 'assert.equal(genFizzBuzz(tests[1][0],tests[1][1]),results[1],"<code>genFizzBuzz("+JSON.stringify(tests[1][0])+","+tests[1][1]+")</code> should return <code>""+results[1]+""</code>.");'
+  - text: ''
+    testString: 'assert.equal(genFizzBuzz(tests[2][0],tests[2][1]),results[2],"<code>genFizzBuzz("+JSON.stringify(tests[2][0])+","+tests[2][1]+")</code> should return <code>""+results[2]+""</code>.");'
+  - text: ''
+    testString: 'assert.equal(genFizzBuzz(tests[3][0],tests[3][1]),results[3],"<code>genFizzBuzz("+JSON.stringify(tests[3][0])+","+tests[3][1]+")</code> should return <code>""+results[3]+""</code>.");'
+  - text: ''
+    testString: 'assert.equal(genFizzBuzz(tests[4][0],tests[4][1]),results[4],"<code>genFizzBuzz("+JSON.stringify(tests[4][0])+","+tests[4][1]+")</code> should return <code>""+results[4]+""</code>.");'
+  - text: ''
+    testString: 'assert.equal(genFizzBuzz(tests[5][0],tests[5][1]),results[5],"<code>genFizzBuzz("+JSON.stringify(tests[5][0])+","+tests[5][1]+")</code> should return <code>""+results[5]+""</code>.");'
+  - text: ''
+    testString: 'assert.equal(genFizzBuzz(tests[6][0],tests[6][1]),results[6],"<code>genFizzBuzz("+JSON.stringify(tests[6][0])+","+tests[6][1]+")</code> should return <code>""+results[6]+""</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function genFizzBuzz (rules, num) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/generate-lower-case-ascii-alphabet.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/generate-lower-case-ascii-alphabet.arabic.md
new file mode 100644
index 0000000000..9bba78baf6
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/generate-lower-case-ascii-alphabet.arabic.md
@@ -0,0 +1,71 @@
+---
+title: Generate lower case ASCII alphabet
+id: 5a23c84252665b21eecc7e7a
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof lascii=="function","<code>lascii</code> should be a function.");'
+  - text: ''
+    testString: 'assert(Array.isArray(lascii("a","d")),"<code>lascii("a","d")</code> should return an array.");'
+  - text: ''
+    testString: 'assert.deepEqual(lascii("a","d"),results[0],"<code>lascii("a","d")</code> should return <code>[ "a", "b", "c", "d" ]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(lascii("c","i"),results[1],"<code>lascii("c","i")</code> should return <code>[ "c", "d", "e", "f", "g", "h", "i" ]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(lascii("m","q"),results[2],"<code>lascii("m","q")</code> should return <code>[ "m", "n", "o", "p", "q" ]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(lascii("k","n"),results[3],"<code>lascii("k","n")</code> should return <code>[ "k", "l", "m", "n" ]</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(lascii("t","z"),results[4],"<code>lascii("t","z")</code> should return <code>[ "t", "u", "v", "w", "x", "y", "z" ]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function lascii (cFrom, cTo) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/generatorexponential.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/generatorexponential.arabic.md
new file mode 100644
index 0000000000..8cf6ca66b1
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/generatorexponential.arabic.md
@@ -0,0 +1,63 @@
+---
+title: GeneratorExponential
+id: 5a23c84252665b21eecc7e7b
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof exponentialGenerator=="function","<code>exponentialGenerator</code> should be a function.");'
+  - text: ''
+    testString: 'assert(typeof exponentialGenerator(10)=="number","<code>exponentialGenerator()</code> should return a number.");'
+  - text: ''
+    testString: 'assert.equal(exponentialGenerator(10),144,"<code>exponentialGenerator(10)</code> should return <code>144</code>.");'
+  - text: ''
+    testString: 'assert.equal(exponentialGenerator(12),196,"<code>exponentialGenerator(12)</code> should return <code>196</code>.");'
+  - text: ''
+    testString: 'assert.equal(exponentialGenerator(14),256,"<code>exponentialGenerator(14)</code> should return <code>256</code>.");'
+  - text: ''
+    testString: 'assert.equal(exponentialGenerator(20),484,"<code>exponentialGenerator(20)</code> should return <code>484</code>.");'
+  - text: ''
+    testString: 'assert.equal(exponentialGenerator(25),784,"<code>exponentialGenerator(25)</code> should return <code>784</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function exponentialGenerator (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/gray-code.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/gray-code.arabic.md
new file mode 100644
index 0000000000..491df8528c
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/gray-code.arabic.md
@@ -0,0 +1,65 @@
+---
+title: Gray code
+id: 5a23c84252665b21eecc7e80
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof gray=="function","<code>gray</code> should be a function.");'
+  - text: ''
+    testString: 'assert(typeof gray(true,177)=="number","<code>gray(true,177)</code> should return a number.");'
+  - text: ''
+    testString: 'assert.equal(gray(true,177),233,"<code>gray(true,177)</code> should return <code>233</code>.");'
+  - text: ''
+    testString: 'assert.equal(gray(true,425),381,"<code>gray(true,425)</code> should return <code>381</code>.");'
+  - text: ''
+    testString: 'assert.equal(gray(true,870),725,"<code>gray(true,870)</code> should return <code>725</code>.");'
+  - text: ''
+    testString: 'assert.equal(gray(false,233),177,"<code>gray(false,233)</code> should return <code>177</code>.");'
+  - text: ''
+    testString: 'assert.equal(gray(false,381),425,"<code>gray(false,381)</code> should return <code>425</code>.");'
+  - text: ''
+    testString: 'assert.equal(gray(false,725),870,"<code>gray(false,725)</code> should return <code>870</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function gray(enc, number) {
+ // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/greatest-common-divisor.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/greatest-common-divisor.arabic.md
new file mode 100644
index 0000000000..74d48862be
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/greatest-common-divisor.arabic.md
@@ -0,0 +1,65 @@
+---
+title: Greatest common divisor
+id: 5a23c84252665b21eecc7e82
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof gcd=="function","<code>gcd</code> should be a function.");'
+  - text: ''
+    testString: 'assert(typeof gcd(24,36)=="number","<code>gcd(24,36)</code> should return a number.");'
+  - text: ''
+    testString: 'assert.equal(gcd(24,36),12,"<code>gcd(24,36)</code> should return <code>12</code>.");'
+  - text: ''
+    testString: 'assert.equal(gcd(30,48),6,"<code>gcd(30,48)</code> should return <code>6</code>.");'
+  - text: ''
+    testString: 'assert.equal(gcd(10,15),5,"<code>gcd(10,15)</code> should return <code>5</code>.");'
+  - text: ''
+    testString: 'assert.equal(gcd(100,25),25,"<code>gcd(100,25)</code> should return <code>25</code>.");'
+  - text: ''
+    testString: 'assert.equal(gcd(13,250),1,"<code>gcd(13,250)</code> should return <code>1</code>.");'
+  - text: ''
+    testString: 'assert.equal(gcd(1300,250),50,"<code>gcd(1300,250)</code> should return <code>50</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function gcd(a, b) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/greatest-subsequential-sum.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/greatest-subsequential-sum.arabic.md
new file mode 100644
index 0000000000..7894bc5ac5
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/greatest-subsequential-sum.arabic.md
@@ -0,0 +1,73 @@
+---
+title: Greatest subsequential sum
+id: 5a23c84252665b21eecc7e84
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof maximumSubsequence=="function","<code>maximumSubsequence</code> should be a function.");'
+  - text: ''
+    testString: 'assert(Array.isArray(maximumSubsequence(tests[0])),"<code>maximumSubsequence("+JSON.stringify(tests[0])+")</code> should return an array.");'
+  - text: ''
+    testString: 'assert.deepEqual(maximumSubsequence(tests[0]),results[0],"<code>maximumSubsequence("+JSON.stringify(tests[0])+")</code> should return <code>"+JSON.stringify(results[0])+"</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(maximumSubsequence(tests[1]),results[1],"<code>maximumSubsequence("+JSON.stringify(tests[1])+")</code> should return <code>"+JSON.stringify(results[1])+"</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(maximumSubsequence(tests[2]),results[2],"<code>maximumSubsequence("+JSON.stringify(tests[2])+")</code> should return <code>"+JSON.stringify(results[2])+"</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(maximumSubsequence(tests[3]),results[3],"<code>maximumSubsequence("+JSON.stringify(tests[3])+")</code> should return <code>"+JSON.stringify(results[3])+"</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(maximumSubsequence(tests[4]),results[4],"<code>maximumSubsequence("+JSON.stringify(tests[4])+")</code> should return <code>"+JSON.stringify(results[4])+"</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(maximumSubsequence(tests[5]),results[5],"<code>maximumSubsequence("+JSON.stringify(tests[5])+")</code> should return <code>"+JSON.stringify(results[5])+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function maximumSubsequence (population) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/hailstone-sequence.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/hailstone-sequence.arabic.md
new file mode 100644
index 0000000000..21414960a2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/hailstone-sequence.arabic.md
@@ -0,0 +1,65 @@
+---
+title: Hailstone sequence
+id: 595608ff8bcd7a50bd490181
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof hailstoneSequence === "function", "<code>hailstoneSequence</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(hailstoneSequence(), res, "<code>hailstoneSequence()</code> should return <code>[[27,82,41,124,8,4,2,1], [351, 77031]]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// noprotect
+function hailstoneSequence () {
+  const res = [];
+  // Good luck!
+
+  return res;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/happy-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/happy-numbers.arabic.md
new file mode 100644
index 0000000000..8e38fa2346
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/happy-numbers.arabic.md
@@ -0,0 +1,75 @@
+---
+title: Happy numbers
+id: 594810f028c0303b75339ad1
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof happy === "function", "<code>happy</code> is a function.");'
+  - text: ''
+    testString: 'assert(typeof happy(1) === "boolean", "<code>happy(1)</code> should return a boolean.");'
+  - text: ''
+    testString: 'assert(happy(1), "<code>happy(1)</code> should return true.");'
+  - text: ''
+    testString: 'assert(!happy(2), "<code>happy(2)</code> should return false.");'
+  - text: ''
+    testString: 'assert(happy(7), "<code>happy(7)</code> should return true.");'
+  - text: ''
+    testString: 'assert(happy(10), "<code>happy(10)</code> should return true.");'
+  - text: ''
+    testString: 'assert(happy(13), "<code>happy(13)</code> should return true.");'
+  - text: ''
+    testString: 'assert(happy(19), "<code>happy(19)</code> should return true.");'
+  - text: ''
+    testString: 'assert(happy(23), "<code>happy(23)</code> should return true.");'
+  - text: ''
+    testString: 'assert(happy(28), "<code>happy(28)</code> should return true.");'
+  - text: ''
+    testString: 'assert(happy(31), "<code>happy(31)</code> should return true.");'
+  - text: ''
+    testString: 'assert(happy(32), "<code>happy(32)</code> should return true:.");'
+  - text: ''
+    testString: 'assert(!happy(33), "<code>happy(33)</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function happy (number) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/harshad-or-niven-series.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/harshad-or-niven-series.arabic.md
new file mode 100644
index 0000000000..c208d6ae31
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/harshad-or-niven-series.arabic.md
@@ -0,0 +1,67 @@
+---
+title: Harshad or Niven series
+id: 595668ca4cfe1af2fb9818d4
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof isHarshadOrNiven === "function", "<code>isHarshadOrNiven</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(isHarshadOrNiven(), res, "<code>isHarshadOrNiven()</code> should return <code>{"firstTwenty": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12, 18, 20, 21, 24, 27, 30, 36, 40, 42],"firstOver1000": 1002}</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function isHarshadOrNiven () {
+  const res = {
+    firstTwenty: [],
+    firstOver1000: undefined
+  };
+  // Change after this line
+
+  return res;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/hash-from-two-arrays.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/hash-from-two-arrays.arabic.md
new file mode 100644
index 0000000000..eda91ddb49
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/hash-from-two-arrays.arabic.md
@@ -0,0 +1,72 @@
+---
+title: Hash from two arrays
+id: 595671d4d2cdc305f0d5b36f
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof arrToObj === "function", "<code>arrToObj</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(arrToObj(...testCases[0]), res[0], "<code>arrToObj([1, 2, 3, 4, 5], ["a", "b", "c", "d", "e"])</code> should return <code>{ 1: "a", 2: "b", 3: "c", 4: "d", 5: "e" }</code>");'
+  - text: ''
+    testString: 'assert.deepEqual(arrToObj(...testCases[1]), res[1], "<code>arrToObj([1, 2, 3, 4, 5], ["a", "b", "c", "d"])</code> should return <code>{ 1: "a", 2: "b", 3: "c", 4: "d", 5: undefined }</code>");'
+  - text: ''
+    testString: 'assert.deepEqual(arrToObj(...testCases[2]), res[2], "<code>arrToObj([1, 2, 3], ["a", "b", "c", "d", "e"])</code> should return <code>{ 1: "a", 2: "b", 3: "c" }</code>");'
+  - text: ''
+    testString: 'assert.deepEqual(arrToObj(...testCases[3]), res[3], "<code>arrToObj(["a", "b", "c", "d", "e"], [1, 2, 3, 4, 5])</code> should return <code>{ "a": 1, "b": 2, "c": 3 , "d": 4, "e": 5 }</code>");'
+  - text: ''
+    testString: 'assert.deepEqual(arrToObj(...testCases[4]), res[4], "<code>arrToObj(["a", "b", "c", "d", "e"], [1, 2, 3, 4])</code> should return <code>{ "a": 1, "b": 2, "c": 3 , "d": 4, "e": undefined }</code>");'
+  - text: ''
+    testString: 'assert.deepEqual(arrToObj(...testCases[5]), res[5], "<code>arrToObj(["a", "b", "c"], [1, 2, 3, 4, 5])</code> should return <code>{ "a": 1, "b": 2, "c": 3  }</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function arrToObj (keys, vals) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/hash-join.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/hash-join.arabic.md
new file mode 100644
index 0000000000..fad75c731b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/hash-join.arabic.md
@@ -0,0 +1,62 @@
+---
+title: Hash join
+id: 5956795bc9e2c415eb244de1
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof hashJoin === "function", "<code>hashJoin</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(hashJoin(hash1, hash2), res, "<code>hashJoin([{ age: 27, name: "Jonah" }, { age: 18, name: "Alan" }, { age: 28, name: "Glory" }, { age: 18, name: "Popeye" }, { age: 28, name: "Alan" }], [{ character: "Jonah", nemesis: "Whales" }, { character: "Jonah", nemesis: "Spiders" }, { character: "Alan", nemesis: "Ghosts" }, { character:"Alan", nemesis: "Zombies" }, { character: "Glory", nemesis: "Buffy" }, { character: "Bob", nemesis: "foo" }])</code> should return <code>[{"A_age": 27,"A_name": "Jonah", "B_character": "Jonah", "B_nemesis": "Whales"}, {"A_age": 27,"A_name": "Jonah", "B_character": "Jonah", "B_nemesis": "Spiders"}, {"A_age": 18,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Ghosts"}, {"A_age": 18,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Zombies"}, {"A_age": 28,"A_name": "Glory", "B_character": "Glory", "B_nemesis": "Buffy"}, {"A_age": 28,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Ghosts"}, {"A_age": 28,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Zombies"}]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function hashJoin (hash1, hash2) {
+  // Good luck!
+  return [];
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/heronian-triangles.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/heronian-triangles.arabic.md
new file mode 100644
index 0000000000..02b900d75d
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/heronian-triangles.arabic.md
@@ -0,0 +1,70 @@
+---
+title: Heronian triangles
+id: 595b98f8b5a2245e243aa831
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof heronianTriangle === "function", "<code>heronianTriangle</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(heronianTriangle(testCases[0]), res[0], "<code>heronianTriangle()</code> should return <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17]]</code>");'
+  - text: ''
+    testString: 'assert.deepEqual(heronianTriangle(testCases[1]), res[1], "<code>heronianTriangle()</code> should return <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15]],</code>");'
+  - text: ''
+    testString: 'assert.deepEqual(heronianTriangle(testCases[2]), res[2], "<code>heronianTriangle()</code> should return <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53]],</code>");'
+  - text: ''
+    testString: 'assert.deepEqual(heronianTriangle(testCases[3]), res[3], "<code>heronianTriangle()</code> should return <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53], [19, 20, 37],[16, 17, 17], [17, 17, 30], [16, 25, 39], [13, 20, 21]]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// noprotect
+function heronianTriangle (n) {
+  // Good luck!
+
+  return [];
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/hofstadter-figure-figure-sequences.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/hofstadter-figure-figure-sequences.arabic.md
new file mode 100644
index 0000000000..08ec992cf7
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/hofstadter-figure-figure-sequences.arabic.md
@@ -0,0 +1,86 @@
+---
+title: Hofstadter Figure-Figure sequences
+id: 59622f89e4e137560018a40e
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof ffr === "function", "<code>ffr</code> is a function.");'
+  - text: ''
+    testString: 'assert(typeof ffs === "function", "<code>ffs</code> is a function.");'
+  - text: ''
+    testString: 'assert(Number.isInteger(ffr(1)), "<code>ffr</code> should return integer.");'
+  - text: ''
+    testString: 'assert(Number.isInteger(ffs(1)), "<code>ffs</code> should return integer.");'
+  - text: ''
+    testString: 'assert.equal(ffr(ffrParamRes[0][0]), ffrParamRes[0][1], "<code>ffr()</code> should return <code>69</code>");'
+  - text: ''
+    testString: 'assert.equal(ffr(ffrParamRes[1][0]), ffrParamRes[1][1], "<code>ffr()</code> should return <code>1509</code>");'
+  - text: ''
+    testString: 'assert.equal(ffr(ffrParamRes[2][0]), ffrParamRes[2][1], "<code>ffr()</code> should return <code>5764</code>");'
+  - text: ''
+    testString: 'assert.equal(ffr(ffrParamRes[3][0]), ffrParamRes[3][1], "<code>ffr()</code> should return <code>526334</code>");'
+  - text: ''
+    testString: 'assert.equal(ffs(ffsParamRes[0][0]), ffsParamRes[0][1], "<code>ffs()</code> should return <code>14</code>");'
+  - text: ''
+    testString: 'assert.equal(ffs(ffsParamRes[1][0]), ffsParamRes[1][1], "<code>ffs()</code> should return <code>59</code>");'
+  - text: ''
+    testString: 'assert.equal(ffs(ffsParamRes[2][0]), ffsParamRes[2][1], "<code>ffs()</code> should return <code>112</code>");'
+  - text: ''
+    testString: 'assert.equal(ffs(ffsParamRes[3][0]), ffsParamRes[3][1], "<code>ffs()</code> should return <code>1041</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// noprotect
+function ffr(n) {
+  return n;
+}
+
+function ffs(n) {
+  return n;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/hofstadter-q-sequence.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/hofstadter-q-sequence.arabic.md
new file mode 100644
index 0000000000..bfea08aab9
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/hofstadter-q-sequence.arabic.md
@@ -0,0 +1,70 @@
+---
+title: Hofstadter Q sequence
+id: 59637c4d89f6786115efd814
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof hofstadterQ === "function", "<code>hofstadterQ</code> is a function.");'
+  - text: ''
+    testString: 'assert(Number.isInteger(hofstadterQ(1000)), "<code>hofstadterQ()</code> should return <code>integer</code>");'
+  - text: ''
+    testString: 'assert.equal(hofstadterQ(testCase[0]), res[0], "<code>hofstadterQ(1000)</code> should return <code>502</code>");'
+  - text: ''
+    testString: 'assert.equal(hofstadterQ(testCase[1]), res[1], "<code>hofstadterQ(1500)</code> should return <code>755</code>");'
+  - text: ''
+    testString: 'assert.equal(hofstadterQ(testCase[2]), res[2], "<code>hofstadterQ(2000)</code> should return <code>1005</code>");'
+  - text: ''
+    testString: 'assert.equal(hofstadterQ(testCase[3]), res[3], "<code>hofstadterQ(2500)</code> should return <code>1261</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function hofstadterQ (n) {
+  // Good luck!
+  return n;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/i-before-e-except-after-c.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/i-before-e-except-after-c.arabic.md
new file mode 100644
index 0000000000..771c84bc84
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/i-before-e-except-after-c.arabic.md
@@ -0,0 +1,65 @@
+---
+title: I before E except after C
+id: 5a23c84252665b21eecc7eb0
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof IBeforeExceptC=="function","<code>IBeforeExceptC</code> should be a function.");'
+  - text: ''
+    testString: 'assert(typeof IBeforeExceptC("receive")=="boolean","<code>IBeforeExceptC("receive")</code> should return a boolean.");'
+  - text: ''
+    testString: 'assert.equal(IBeforeExceptC("receive"),true,"<code>IBeforeExceptC("receive")</code> should return <code>true</code>.");'
+  - text: ''
+    testString: 'assert.equal(IBeforeExceptC("science"),false,"<code>IBeforeExceptC("science")</code> should return <code>false</code>.");'
+  - text: ''
+    testString: 'assert.equal(IBeforeExceptC("imperceivable"),true,"<code>IBeforeExceptC("imperceivable")</code> should return <code>true</code>.");'
+  - text: ''
+    testString: 'assert.equal(IBeforeExceptC("inconceivable"),true,"<code>IBeforeExceptC("inconceivable")</code> should return <code>true</code>.");'
+  - text: ''
+    testString: 'assert.equal(IBeforeExceptC("insufficient"),false,"<code>IBeforeExceptC("insufficient")</code> should return <code>false</code>.");'
+  - text: ''
+    testString: 'assert.equal(IBeforeExceptC("omniscient"),false,"<code>IBeforeExceptC("omniscient")</code> should return <code>false</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function IBeforeExceptC (word) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/iban.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/iban.arabic.md
new file mode 100644
index 0000000000..d89d7384a4
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/iban.arabic.md
@@ -0,0 +1,71 @@
+---
+title: IBAN
+id: 5a23c84252665b21eecc7eaf
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof isValid=="function","<code>isValid</code> should be a function.");'
+  - text: ''
+    testString: 'assert(typeof isValid(tests[0])=="boolean","<code>isValid(""+tests[0]+"")</code> should return a boolean.");'
+  - text: ''
+    testString: 'assert.equal(isValid(tests[0]),true,"<code>isValid(""+tests[0]+"")</code> should return <code>true</code>.");'
+  - text: ''
+    testString: 'assert.equal(isValid(tests[1]),false,"<code>isValid(""+tests[1]+"")</code> should return <code>false</code>.");'
+  - text: ''
+    testString: 'assert.equal(isValid(tests[2]),false,"<code>isValid(""+tests[2]+"")</code> should return <code>false</code>.");'
+  - text: ''
+    testString: 'assert.equal(isValid(tests[3]),false,"<code>isValid(""+tests[3]+"")</code> should return <code>false</code>.");'
+  - text: ''
+    testString: 'assert.equal(isValid(tests[4]),true,"<code>isValid(""+tests[4]+"")</code> should return <code>true</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function isValid (iban) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/identity-matrix.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/identity-matrix.arabic.md
new file mode 100644
index 0000000000..b23126dc31
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/identity-matrix.arabic.md
@@ -0,0 +1,69 @@
+---
+title: Identity matrix
+id: 5a23c84252665b21eecc7eb1
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof idMatrix=="function","<code>idMatrix</code> should be a function.");'
+  - text: ''
+    testString: 'assert(Array.isArray(idMatrix(1)),"<code>idMatrix(1)</code> should return an array.");'
+  - text: ''
+    testString: 'assert.deepEqual(idMatrix(1),results[0],"<code>idMatrix(1)</code> should return <code>"+JSON.stringify(results[0])+"</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(idMatrix(2),results[1],"<code>idMatrix(2)</code> should return <code>"+JSON.stringify(results[1])+"</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(idMatrix(3),results[2],"<code>idMatrix(3)</code> should return <code>"+JSON.stringify(results[2])+"</code>.");'
+  - text: ''
+    testString: 'assert.deepEqual(idMatrix(4),results[3],"<code>idMatrix(4)</code> should return <code>"+JSON.stringify(results[3])+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function idMatrix (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/iterated-digits-squaring.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/iterated-digits-squaring.arabic.md
new file mode 100644
index 0000000000..acc6c0cc43
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/iterated-digits-squaring.arabic.md
@@ -0,0 +1,65 @@
+---
+title: Iterated digits squaring
+id: 5a23c84252665b21eecc7ec1
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof iteratedSquare=="function","<code>iteratedSquare</code> should be a function.");'
+  - text: ''
+    testString: 'assert(typeof iteratedSquare(4)=="number","<code>iteratedSquare(4)</code> should return a number.");'
+  - text: ''
+    testString: 'assert.equal(iteratedSquare(4),89,"<code>iteratedSquare(4)</code> should return <code>89</code>.");'
+  - text: ''
+    testString: 'assert.equal(iteratedSquare(7),1,"<code>iteratedSquare(7)</code> should return <code>1</code>.");'
+  - text: ''
+    testString: 'assert.equal(iteratedSquare(15),89,"<code>iteratedSquare(15)</code> should return <code>89</code>.");'
+  - text: ''
+    testString: 'assert.equal(iteratedSquare(20),89,"<code>iteratedSquare(20)</code> should return <code>89</code>.");'
+  - text: ''
+    testString: 'assert.equal(iteratedSquare(70),1,"<code>iteratedSquare(70)</code> should return <code>1</code>.");'
+  - text: ''
+    testString: 'assert.equal(iteratedSquare(100),1,"<code>iteratedSquare(100)</code> should return <code>1</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function iteratedSquare (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/jaro-distance.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/jaro-distance.arabic.md
new file mode 100644
index 0000000000..48771cde74
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/jaro-distance.arabic.md
@@ -0,0 +1,71 @@
+---
+title: Jaro distance
+id: 5a23c84252665b21eecc7ec2
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof jaro=="function","<code>jaro</code> should be a function.");'
+  - text: ''
+    testString: 'assert(typeof jaro(tests[0][0],tests[0][1])=="number","<code>jaro()</code> should return a number.");'
+  - text: ''
+    testString: 'assert.equal(jaro(tests[0][0],tests[0][1]),results[0],"<code>jaro(""+tests[0][0]+"",""+tests[0][1]+"")</code> should return <code>"+results[0]+"</code>.");'
+  - text: ''
+    testString: 'assert.equal(jaro(tests[1][0],tests[1][1]),results[1],"<code>jaro(""+tests[1][0]+"",""+tests[1][1]+"")</code> should return <code>"+results[1]+"</code>.");'
+  - text: ''
+    testString: 'assert.equal(jaro(tests[2][0],tests[2][1]),results[2],"<code>jaro(""+tests[2][0]+"",""+tests[2][1]+"")</code> should return <code>"+results[2]+"</code>.");'
+  - text: ''
+    testString: 'assert.equal(jaro(tests[3][0],tests[3][1]),results[3],"<code>jaro(""+tests[3][0]+"",""+tests[3][1]+"")</code> should return <code>"+results[3]+"</code>.");'
+  - text: ''
+    testString: 'assert.equal(jaro(tests[4][0],tests[4][1]),results[4],"<code>jaro(""+tests[4][0]+"",""+tests[4][1]+"")</code> should return <code>"+results[4]+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function jaro (s, t) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/jortsort.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/jortsort.arabic.md
new file mode 100644
index 0000000000..b675fe7771
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/jortsort.arabic.md
@@ -0,0 +1,73 @@
+---
+title: JortSort
+id: 5a23c84252665b21eecc7ec4
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof jortsort=="function","<code>jortsort</code> should be a function.");'
+  - text: ''
+    testString: 'assert(typeof jortsort(tests[0].slice())=="boolean","<code>jortsort("+JSON.stringify(tests[0])+")</code> should return a boolean.");'
+  - text: ''
+    testString: 'assert.equal(jortsort(tests[0].slice()),true,"<code>jortsort("+JSON.stringify(tests[0])+")</code> should return <code>true</code>.");'
+  - text: ''
+    testString: 'assert.equal(jortsort(tests[1].slice()),false,"<code>jortsort("+JSON.stringify(tests[1])+")</code> should return <code>false</code>.");'
+  - text: ''
+    testString: 'assert.equal(jortsort(tests[2].slice()),false,"<code>jortsort("+JSON.stringify(tests[2])+")</code> should return <code>false</code>.");'
+  - text: ''
+    testString: 'assert.equal(jortsort(tests[3].slice()),true,"<code>jortsort("+JSON.stringify(tests[3])+")</code> should return <code>true</code>.");'
+  - text: ''
+    testString: 'assert.equal(jortsort(tests[4].slice()),false,"<code>jortsort("+JSON.stringify(tests[4])+")</code> should return <code>false</code>.");'
+  - text: ''
+    testString: 'assert.equal(jortsort(tests[5].slice()),true,"<code>jortsort("+JSON.stringify(tests[5])+")</code> should return <code>true</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function jortsort (array) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/josephus-problem.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/josephus-problem.arabic.md
new file mode 100644
index 0000000000..32d78d855b
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/josephus-problem.arabic.md
@@ -0,0 +1,63 @@
+---
+title: Josephus problem
+id: 5a23c84252665b21eecc7ec5
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof josephus=="function","<code>josephus</code> should be a function.");'
+  - text: ''
+    testString: 'assert(typeof josephus(30,3)=="number","<code>josephus(30,3)</code> should return a number.");'
+  - text: ''
+    testString: 'assert.equal(josephus(30,3),29,"<code>josephus(30,3)</code> should return <code>29</code>.");'
+  - text: ''
+    testString: 'assert.equal(josephus(30,5),3,"<code>josephus(30,5)</code> should return <code>3</code>.");'
+  - text: ''
+    testString: 'assert.equal(josephus(20,2),9,"<code>josephus(20,2)</code> should return <code>9</code>.");'
+  - text: ''
+    testString: 'assert.equal(josephus(17,6),2,"<code>josephus(17,6)</code> should return <code>2</code>.");'
+  - text: ''
+    testString: 'assert.equal(josephus(29,4),2,"<code>josephus(29,4)</code> should return <code>2</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function josephus (init, kill) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/s-expressions.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/s-expressions.arabic.md
new file mode 100644
index 0000000000..16958d1e12
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/s-expressions.arabic.md
@@ -0,0 +1,64 @@
+---
+title: S-Expressions
+id: 59667989bf71cf555dd5d2ff
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof parseSexpr === "function", "<code>parseSexpr</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(parseSexpr(simpleSExpr), simpleSolution, "<code>parseSexpr("(data1 data2 data3)")</code> should return ["data1", "data2", "data3"]");'
+  - text: ''
+    testString: 'assert.deepEqual(parseSexpr(basicSExpr), basicSolution, "<code>parseSexpr("(data1 data2 data3)")</code> should return an array with 3 elements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function parseSexpr(str) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/sailors-coconuts-and-a-monkey-problem.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/sailors-coconuts-and-a-monkey-problem.arabic.md
new file mode 100644
index 0000000000..cefcdd1e3f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/sailors-coconuts-and-a-monkey-problem.arabic.md
@@ -0,0 +1,59 @@
+---
+title: 'Sailors, coconuts and a monkey problem'
+id: 59da22823d04c95919d46269
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof splitCoconuts === "function", "<code>splitCoconuts</code> is a function.");'
+  - text: ''
+    testString: 'assert(splitCoconuts(5) === 3121, "<code>splitCoconuts(5)</code> should return 3121.");'
+  - text: ''
+    testString: 'assert(splitCoconuts(6) === 233275, "<code>splitCoconuts(6)</code> should return 233275.");'
+  - text: ''
+    testString: 'assert(splitCoconuts(7) === 823537, "<code>splitCoconuts(7)</code> should return 823537.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// noprotect
+function splitCoconuts(intSailors) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/sedols.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/sedols.arabic.md
new file mode 100644
index 0000000000..64d2cbb357
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/sedols.arabic.md
@@ -0,0 +1,60 @@
+---
+title: SEDOLs
+id: 59d9c6bc214c613ba73ff012
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof sedol === "function", "<code>sedol</code> is a function.");'
+  - text: ''
+    testString: 'assert(sedol("a") === null, "<code>sedol("a")</code> should return null.");'
+  - text: ''
+    testString: 'assert(sedol("710889") === "7108899", "<code>sedol("710889")</code> should return "7108899".");'
+  - text: ''
+    testString: 'assert(sedol("BOATER") === null, "<code>sedol("BOATER")</code> should return null.");'
+  - text: ''
+    testString: 'assert(sedol("228276") === "2282765", "<code>sedol("228276")</code> should return "2282765".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sedol (input) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/taxicab-numbers.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/taxicab-numbers.arabic.md
new file mode 100644
index 0000000000..4259c2c607
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/taxicab-numbers.arabic.md
@@ -0,0 +1,70 @@
+---
+title: Taxicab numbers
+id: 594ecc0d9a8cf816e3340187
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof taxicabNumbers === "function", "<code>taxicabNumbers </code> is a function.");'
+  - text: ''
+    testString: 'assert(typeof taxicabNumbers(2) === "object", "<code>taxicabNumbers </code> should return an array.");'
+  - text: ''
+    testString: 'assert(typeof taxicabNumbers(100)[0] === "number", "<code>taxicabNumbers </code> should return an array of numbers.");'
+  - text: ''
+    testString: 'assert.deepEqual(taxicabNumbers(4), res4, "<code>taxicabNumbers(4) </code> must return [1729, 4104, 13832, 20683].");'
+  - text: ''
+    testString: 'assert.deepEqual(taxicabNumbers(25), res25, "taxicabNumbers(25) should return [1729, 4104, 13832, 20683, 32832, 39312, 40033, 46683, 64232, 65728, 110656, 110808, 134379, 149389, 165464, 171288, 195841, 216027, 216125, 262656, 314496, 320264, 327763, 373464, 402597]");'
+  - text: ''
+    testString: 'assert.deepEqual(taxicabNumbers(39).slice(20, 29), res39From20To29, "taxicabNumbers(39) resulting numbers from 20 - 29 should be [314496,320264,327763,373464,402597,439101,443889,513000,513856].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function taxicabNumbers (n) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/tokenize-a-string-with-escaping.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/tokenize-a-string-with-escaping.arabic.md
new file mode 100644
index 0000000000..28d9a51fa8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/tokenize-a-string-with-escaping.arabic.md
@@ -0,0 +1,65 @@
+---
+title: Tokenize a string with escaping
+id: 594faaab4e2a8626833e9c3d
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof tokenize === "function", "<code>tokenize</code> is a function.");'
+  - text: ''
+    testString: 'assert(typeof tokenize("a", "b", "c") === "object", "<code>tokenize</code> should return an array.");'
+  - text: ''
+    testString: 'assert.deepEqual(tokenize(testStr1, "|", "^"), res1, "<code>tokenize("one^|uno||three^^^^|four^^^|^cuatro|", "|", "^") </code> should return ["one|uno", "", "three^^", "four^|cuatro", ""]");'
+  - text: ''
+    testString: 'assert.deepEqual(tokenize(testStr2, "&", "@"), res2, "<code>tokenize("a@&bcd&ef&&@@hi", "&", "@")</code> should return <code>["a&bcd", "ef", "", "@hi"]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function tokenize(str, esc, sep) {
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/top-rank-per-group.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/top-rank-per-group.arabic.md
new file mode 100644
index 0000000000..cacf5c8c59
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/top-rank-per-group.arabic.md
@@ -0,0 +1,72 @@
+---
+title: Top rank per group
+id: 595011cba5a81735713873bd
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof topRankPerGroup === "function", "<code>topRankPerGroup</code> is a function.");'
+  - text: ''
+    testString: 'assert(typeof topRankPerGroup(-1, []) === "undefined", "<code>topRankPerGroup</code> returns undefined on negative n values.");'
+  - text: ''
+    testString: 'assert.equal(res1[0][0].dept, "D050", "First department must be D050");'
+  - text: ''
+    testString: 'assert.equal(res1[0][1].salary, 21900, "First department must be D050");'
+  - text: ''
+    testString: 'assert.equal(res1[3][3].dept, "D202", "The last department must be D202");'
+  - text: ''
+    testString: 'assert.equal(res2[2].length, 1, "<code>topRankPerGroup(1, ...)</code> must return only top ranking result per group.");'
+  - text: ''
+    testString: 'assert.equal(res3[2][1].name, "Maze Runner", "<code>topRankPerGroup(1, ...)</code> must return only top ranking result per group.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function topRankPerGroup(n, data, groupName, rankName) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/topological-sort.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/topological-sort.arabic.md
new file mode 100644
index 0000000000..3a09871f90
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/topological-sort.arabic.md
@@ -0,0 +1,68 @@
+---
+title: Topological sort
+id: 594fa2746886f41f7d8bf225
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof topologicalSort === "function", "<code>topologicalSort</code> is a function.");'
+  - text: ''
+    testString: 'assert.deepEqual(topologicalSort(libsSimple), ["bbb", "aaa"], "<code>topologicalSort</code> must return correct library order..");'
+  - text: ''
+    testString: 'assert.deepEqual(topologicalSort(libsVHDL), solutionVHDL, "<code>topologicalSort</code> must return correct library order..");'
+  - text: ''
+    testString: 'assert.deepEqual(topologicalSort(libsCustom), solutionCustom, "<code>topologicalSort</code> must return correct library order..");'
+  - text: ''
+    testString: 'assert.deepEqual(topologicalSort(libsUnorderable), solutionUnorderable, "<code>topologicalSort</code> must ignore unorderable dependencies..");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function topologicalSort(libs) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/towers-of-hanoi.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/towers-of-hanoi.arabic.md
new file mode 100644
index 0000000000..2bed200905
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/towers-of-hanoi.arabic.md
@@ -0,0 +1,68 @@
+---
+title: Towers of Hanoi
+id: 5951ed8945deab770972ae56
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof towerOfHanoi === "function", "<code>towerOfHanoi</code> is a function.");'
+  - text: ''
+    testString: 'assert(res3.length === 7, "<code>towerOfHanoi(3, ...)</code> should return 7 moves.");'
+  - text: ''
+    testString: 'assert.deepEqual(towerOfHanoi(3, "A", "B", "C"), res3Moves, "<code>towerOfHanoi(3, "A", "B", "C")</code> should return [["A","B"],["A","C"],["B","C"],["A","B"],["C","A"],["C","B"],["A","B"]].");'
+  - text: ''
+    testString: 'assert.deepEqual(res5[9], ["Y", "X"], "<code>towerOfHanoi(5, "X", "Y", "Z")</code> 10th move should be Y -> X.");'
+  - text: ''
+    testString: 'assert.deepEqual(towerOfHanoi(7, "A", "B", "C").slice(0, 10), res7First10Moves, "<code>towerOfHanoi(7, "A", "B", "C")</code> first ten moves are [["A","B"],["A","C"],["B","C"],["A","B"],["C","A"],["C","B"],["A","B"],["A","C"],["B","C"],["B","A"]].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function towerOfHanoi (n, a, b, c) {
+  // Good luck!
+  return [[]];
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/vector-cross-product.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/vector-cross-product.arabic.md
new file mode 100644
index 0000000000..b8d50d528e
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/vector-cross-product.arabic.md
@@ -0,0 +1,63 @@
+---
+title: Vector cross product
+id: 594810f028c0303b75339ad2
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.equal(typeof crossProduct, "function", "dotProduct must be a function");'
+  - text: ''
+    testString: 'assert.equal(crossProduct(), null, "dotProduct() must return null");'
+  - text: ''
+    testString: 'assert.deepEqual(res12, exp12, "crossProduct([1, 2, 3], [4, 5, 6]) must return [-3, 6, -3].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function crossProduct() {
+    // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/vector-dot-product.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/vector-dot-product.arabic.md
new file mode 100644
index 0000000000..8d31eef249
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/vector-dot-product.arabic.md
@@ -0,0 +1,61 @@
+---
+title: Vector dot product
+id: 594810f028c0303b75339ad3
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.equal(typeof dotProduct, "function", "dotProduct must be a function");'
+  - text: ''
+    testString: 'assert.equal(dotProduct(), null, "dotProduct() must return null");'
+  - text: ''
+    testString: 'assert.equal(dotProduct([1], [1]), 1, "dotProduct([[1], [1]]) must return 1.");'
+  - text: ''
+    testString: 'assert.equal(dotProduct([1], [1, 2]), null, "dotProduct([[1], [1, 2]]) must return null.");'
+  - text: ''
+    testString: 'assert.equal(dotProduct([1, 3, -5], [4, -2, -1]), 3, "dotProduct([1, 3, -5], [4, -2, -1]) must return 3.");'
+  - text: ''
+    testString: 'assert.equal(dotProduct([ 0, 1, 2, 3, 4 ], [ 0, 2, 4, 6, 8 ], [ 0, 3, 6, 9, 12 ], [ 0, 4, 8, 12, 16 ], [ 0, 5, 10, 15, 20 ]), 156000, "<code>dotProduct(...nVectors)</code> should return 156000");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function dotProduct() {
+    // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/word-wrap.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/word-wrap.arabic.md
new file mode 100644
index 0000000000..08202bcb79
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/word-wrap.arabic.md
@@ -0,0 +1,69 @@
+---
+title: Word wrap
+id: 594810f028c0303b75339ad4
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.equal(typeof wrap, "function", "wrap must be a function.");'
+  - text: ''
+    testString: 'assert.equal(typeof wrap("abc", 10), "string", "wrap must return a string.");'
+  - text: ''
+    testString: 'assert(wrapped80.split("\n").length === 4, "wrap(80) must return 4 lines.");'
+  - text: ''
+    testString: 'assert.equal(wrapped80.split("\n")[0], firstRow80, "Your <code>wrap</code> function should return our expected text");'
+  - text: ''
+    testString: 'assert(wrapped42.split("\n").length === 7, "wrap(42) must return 7 lines.");'
+  - text: ''
+    testString: 'assert.equal(wrapped42.split("\n")[0], firstRow42, "Your <code>wrap</code> function should return our expected text");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function wrap (text, limit) {
+  return text;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/y-combinator.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/y-combinator.arabic.md
new file mode 100644
index 0000000000..1ba03c7fe1
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/y-combinator.arabic.md
@@ -0,0 +1,77 @@
+---
+title: Y combinator
+id: 594810f028c0303b75339ad5
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.equal(typeof Y(f => n => n), "function", "Y must return a function");'
+  - text: ''
+    testString: 'assert.equal(factorial(1), 1, "factorial(1) must return 1.");'
+  - text: ''
+    testString: 'assert.equal(factorial(2), 2, "factorial(2) must return 2.");'
+  - text: ''
+    testString: 'assert.equal(factorial(3), 6, "factorial(3) must return 6.");'
+  - text: ''
+    testString: 'assert.equal(factorial(4), 24, "factorial(4) must return 24.");'
+  - text: ''
+    testString: 'assert.equal(factorial(10), 3628800, "factorial(10) must return 3628800.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Y(f) {
+  return function() {
+  // Good luck!
+  };
+}
+
+var factorial = Y(function(f) {
+  return function (n) {
+    return n > 1 ? n * f(n - 1) : 1;
+  };
+});
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/zeckendorf-number-representation.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/zeckendorf-number-representation.arabic.md
new file mode 100644
index 0000000000..375d0e8565
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/zeckendorf-number-representation.arabic.md
@@ -0,0 +1,61 @@
+---
+title: Zeckendorf number representation
+id: 594810f028c0303b75339ad6
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.equal(typeof zeckendorf, "function", "zeckendorf must be function");'
+  - text: ''
+    testString: 'assert.deepEqual(answer, solution20, "Your <code>zeckendorf</code> function should return the correct answer");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function zeckendorf(n) {
+  // good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/zhang-suen-thinning-algorithm.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/zhang-suen-thinning-algorithm.arabic.md
new file mode 100644
index 0000000000..ca72dd43b8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/zhang-suen-thinning-algorithm.arabic.md
@@ -0,0 +1,85 @@
+---
+title: Zhang-Suen thinning algorithm
+id: 594810f028c0303b75339ad7
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.equal(typeof thinImage, "function", "<code>thinImage</code> must be a function");'
+  - text: ''
+    testString: 'assert(Array.isArray(result), "<code>thinImage</code> must return an array");'
+  - text: ''
+    testString: 'assert.equal(typeof result[0], "string", "<code>thinImage</code> must return an array of strings");'
+  - text: ''
+    testString: 'assert.deepEqual(result, expected, "<code>thinImage</code> must return an array of strings");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const testImage = [
+  '                                                          ',
+  ' #################                   #############        ',
+  ' ##################               ################        ',
+  ' ###################            ##################        ',
+  ' ########     #######          ###################        ',
+  '   ######     #######         #######       ######        ',
+  '   ######     #######        #######                      ',
+  '   #################         #######                      ',
+  '   ################          #######                      ',
+  '   #################         #######                      ',
+  '   ######     #######        #######                      ',
+  '   ######     #######        #######                      ',
+  '   ######     #######         #######       ######        ',
+  ' ########     #######          ###################        ',
+  ' ########     ####### ######    ################## ###### ',
+  ' ########     ####### ######      ################ ###### ',
+  ' ########     ####### ######         ############# ###### ',
+  '                                                          '];
+
+function thinImage(image) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/zig-zag-matrix.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/zig-zag-matrix.arabic.md
new file mode 100644
index 0000000000..69b43afc22
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/rosetta-code/zig-zag-matrix.arabic.md
@@ -0,0 +1,70 @@
+---
+title: Zig-zag matrix
+id: 594810f028c0303b75339ad8
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.equal(typeof ZigZagMatrix, "function", "ZigZagMatrix must be a function");'
+  - text: ''
+    testString: 'assert.equal(typeof ZigZagMatrix(1), "object", "ZigZagMatrix should return array");'
+  - text: ''
+    testString: 'assert.equal(typeof ZigZagMatrix(1)[0], "object", "ZigZagMatrix should return an array of nestes arrays");'
+  - text: ''
+    testString: 'assert.deepEqual(ZigZagMatrix(1), zm1, "ZigZagMatrix(1) should return [[0]]");'
+  - text: ''
+    testString: 'assert.deepEqual(ZigZagMatrix(2), zm2, "ZigZagMatrix(2) should return [[0, 1], [2, 3]]");'
+  - text: ''
+    testString: 'assert.deepEqual(ZigZagMatrix(5), zm5, "ZigZagMatrix(5) must return specified matrix");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function ZigZagMatrix(n) {
+  // Good luck!
+  return [[], []];
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.arabic.md
new file mode 100644
index 0000000000..892891f22f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.arabic.md
@@ -0,0 +1,37 @@
+---
+id: bd7156d8c242eddfaeb5bd13
+title: Build a Camper Leaderboard
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-light-bright-app.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-light-bright-app.arabic.md
new file mode 100644
index 0000000000..35e23fffeb
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-light-bright-app.arabic.md
@@ -0,0 +1,37 @@
+---
+id: 5a5d02bd919fcf9ca8cf46cb
+title: Build a Light-Bright App
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.arabic.md
new file mode 100644
index 0000000000..55212a4d6f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.arabic.md
@@ -0,0 +1,37 @@
+---
+id: bd7158d8c443eddfaeb5bdff
+title: Build a Nightlife Coordination App
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-pinterest-clone.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-pinterest-clone.arabic.md
new file mode 100644
index 0000000000..9cec103691
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-pinterest-clone.arabic.md
@@ -0,0 +1,36 @@
+---
+id: bd7158d8c443eddfaeb5bdee
+title: Build a Pinterest Clone
+challengeType: 4
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-pong-game.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-pong-game.arabic.md
new file mode 100644
index 0000000000..41c310b739
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-pong-game.arabic.md
@@ -0,0 +1,37 @@
+---
+id: 5a4b7fcdb66f799f199e11db
+title: Build a Pong Game
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-recipe-box.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-recipe-box.arabic.md
new file mode 100644
index 0000000000..73154f8b44
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-recipe-box.arabic.md
@@ -0,0 +1,37 @@
+---
+id: bd7155d8c242eddfaeb5bd13
+title: Build a Recipe Box
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.arabic.md
new file mode 100644
index 0000000000..44318e113a
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.arabic.md
@@ -0,0 +1,37 @@
+---
+id: bd7153d8c242eddfaeb5bd13
+title: Build a Roguelike Dungeon Crawler Game
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-simon-game.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-simon-game.arabic.md
new file mode 100644
index 0000000000..247a907ef4
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-simon-game.arabic.md
@@ -0,0 +1,37 @@
+---
+id: bd7158d8c442eddfaeb5bd1c
+title: Build a Simon Game
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.arabic.md
new file mode 100644
index 0000000000..5e7daeb82e
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.arabic.md
@@ -0,0 +1,37 @@
+---
+id: bd7158d8c442eedfaeb5bd1c
+title: Build a Tic Tac Toe Game
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-voting-app.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-voting-app.arabic.md
new file mode 100644
index 0000000000..7b8c18c5c3
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-voting-app.arabic.md
@@ -0,0 +1,37 @@
+---
+id: bd7158d8c443eddfaeb5bdef
+title: Build a Voting App
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.arabic.md
new file mode 100644
index 0000000000..06fbc28439
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.arabic.md
@@ -0,0 +1,37 @@
+---
+id: bd7158d8c442eddfaeb5bd19
+title: Build a Wikipedia Viewer
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-an-image-search-abstraction-layer.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-an-image-search-abstraction-layer.arabic.md
new file mode 100644
index 0000000000..6fab663b32
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-an-image-search-abstraction-layer.arabic.md
@@ -0,0 +1,37 @@
+---
+id: bd7158d8c443edefaeb5bdee
+title: Build an Image Search Abstraction Layer
+isRequired: true
+challengeType: 4
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-the-game-of-life.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-the-game-of-life.arabic.md
new file mode 100644
index 0000000000..e94ef8411f
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/build-the-game-of-life.arabic.md
@@ -0,0 +1,37 @@
+---
+id: bd7154d8c242eddfaeb5bd13
+title: Build the Game of Life
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/chart-the-stock-market.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/chart-the-stock-market.arabic.md
new file mode 100644
index 0000000000..7301c255c2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/chart-the-stock-market.arabic.md
@@ -0,0 +1,37 @@
+---
+id: bd7158d8c443eddfaeb5bd0e
+title: Chart the Stock Market
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/manage-a-book-trading-club.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/manage-a-book-trading-club.arabic.md
new file mode 100644
index 0000000000..df7565d4f2
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/manage-a-book-trading-club.arabic.md
@@ -0,0 +1,36 @@
+---
+id: bd7158d8c443eddfaeb5bd0f
+title: Manage a Book Trading Club
+challengeType: 4
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/map-data-across-the-globe.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/map-data-across-the-globe.arabic.md
new file mode 100644
index 0000000000..a6474a13ce
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/map-data-across-the-globe.arabic.md
@@ -0,0 +1,37 @@
+---
+id: bd7108d8c242eddfaeb5bd13
+title: Map Data Across the Globe
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/p2p-video-chat-application.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/p2p-video-chat-application.arabic.md
new file mode 100644
index 0000000000..5b6857eccc
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/p2p-video-chat-application.arabic.md
@@ -0,0 +1,37 @@
+---
+id: bd7150d8c442eddfafb5bd1c
+title: P2P Video Chat Application
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.arabic.md
new file mode 100644
index 0000000000..b3141f0663
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.arabic.md
@@ -0,0 +1,37 @@
+---
+id: bd7198d8c242eddfaeb5bd13
+title: Show National Contiguity with a Force Directed Graph
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/show-the-local-weather.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/show-the-local-weather.arabic.md
new file mode 100644
index 0000000000..fc91935abb
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/show-the-local-weather.arabic.md
@@ -0,0 +1,37 @@
+---
+id: bd7158d8c442eddfaeb5bd10
+title: Show the Local Weather
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/use-the-twitch-json-api.arabic.md b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/use-the-twitch-json-api.arabic.md
new file mode 100644
index 0000000000..a43d0efec8
--- /dev/null
+++ b/curriculum/challenges/arabic/08-coding-interview-prep/take-home-projects/use-the-twitch-json-api.arabic.md
@@ -0,0 +1,37 @@
+---
+id: bd7158d8c442eddfaeb5bd1f
+title: Use the Twitch JSON API
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/09-certificates/apis-and-microservices-certificate/apis-and-microservices-certificate.arabic.md b/curriculum/challenges/arabic/09-certificates/apis-and-microservices-certificate/apis-and-microservices-certificate.arabic.md
new file mode 100644
index 0000000000..e7ba5c49ff
--- /dev/null
+++ b/curriculum/challenges/arabic/09-certificates/apis-and-microservices-certificate/apis-and-microservices-certificate.arabic.md
@@ -0,0 +1,47 @@
+---
+id: 561add10cb82ac38a17523bc
+title: API's and Microservices Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/09-certificates/data-visualization-certificate/data-visualization-certificate.arabic.md b/curriculum/challenges/arabic/09-certificates/data-visualization-certificate/data-visualization-certificate.arabic.md
new file mode 100644
index 0000000000..72fae0fe85
--- /dev/null
+++ b/curriculum/challenges/arabic/09-certificates/data-visualization-certificate/data-visualization-certificate.arabic.md
@@ -0,0 +1,47 @@
+---
+id: 5a553ca864b52e1d8bceea14
+title: Data Visualization Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/09-certificates/front-end-libraries-certificate/front-end-libraries-certificate.arabic.md b/curriculum/challenges/arabic/09-certificates/front-end-libraries-certificate/front-end-libraries-certificate.arabic.md
new file mode 100644
index 0000000000..43dcb16d07
--- /dev/null
+++ b/curriculum/challenges/arabic/09-certificates/front-end-libraries-certificate/front-end-libraries-certificate.arabic.md
@@ -0,0 +1,47 @@
+---
+id: 561acd10cb82ac38a17513bc
+title: Front End Libraries Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/09-certificates/information-securtiy-and-quality-assurance-certificate/information-securtiy-and-quality-assurance-certificate.arabic.md b/curriculum/challenges/arabic/09-certificates/information-securtiy-and-quality-assurance-certificate/information-securtiy-and-quality-assurance-certificate.arabic.md
new file mode 100644
index 0000000000..656b89eb9b
--- /dev/null
+++ b/curriculum/challenges/arabic/09-certificates/information-securtiy-and-quality-assurance-certificate/information-securtiy-and-quality-assurance-certificate.arabic.md
@@ -0,0 +1,47 @@
+---
+id: 561add10cb82ac38a17213bc
+title: 'Information, Securtiy and Quality Assurance Certificate'
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/09-certificates/javascript-algorithms-and-data-structures-certificate/javascript-algorithms-and-data-structures-certificate.arabic.md b/curriculum/challenges/arabic/09-certificates/javascript-algorithms-and-data-structures-certificate/javascript-algorithms-and-data-structures-certificate.arabic.md
new file mode 100644
index 0000000000..42e5a036bc
--- /dev/null
+++ b/curriculum/challenges/arabic/09-certificates/javascript-algorithms-and-data-structures-certificate/javascript-algorithms-and-data-structures-certificate.arabic.md
@@ -0,0 +1,47 @@
+---
+id: 561abd10cb81ac38a17513bc
+title: JavaScript Algorithms and Data Structures Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/09-certificates/legacy-back-end-certificate/legacy-back-end-certificate.arabic.md b/curriculum/challenges/arabic/09-certificates/legacy-back-end-certificate/legacy-back-end-certificate.arabic.md
new file mode 100644
index 0000000000..6c5d8474a0
--- /dev/null
+++ b/curriculum/challenges/arabic/09-certificates/legacy-back-end-certificate/legacy-back-end-certificate.arabic.md
@@ -0,0 +1,57 @@
+---
+id: 660add10cb82ac38a17513be
+title: Legacy Back End Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/09-certificates/legacy-data-visualization-certificate/legacy-data-visualization-certificate.arabic.md b/curriculum/challenges/arabic/09-certificates/legacy-data-visualization-certificate/legacy-data-visualization-certificate.arabic.md
new file mode 100644
index 0000000000..e943499977
--- /dev/null
+++ b/curriculum/challenges/arabic/09-certificates/legacy-data-visualization-certificate/legacy-data-visualization-certificate.arabic.md
@@ -0,0 +1,57 @@
+---
+id: 561add10cb82ac39a17513bc
+title: Legacy Data Visualization Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/09-certificates/legacy-front-end-certificate/legacy-front-end-certificate.arabic.md b/curriculum/challenges/arabic/09-certificates/legacy-front-end-certificate/legacy-front-end-certificate.arabic.md
new file mode 100644
index 0000000000..cd27bf93ca
--- /dev/null
+++ b/curriculum/challenges/arabic/09-certificates/legacy-front-end-certificate/legacy-front-end-certificate.arabic.md
@@ -0,0 +1,57 @@
+---
+id: 561add10cb82ac38a17513be
+title: Legacy Front End Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/arabic/09-certificates/responsive-web-design-certificate/responsive-web-design-certificate.arabic.md b/curriculum/challenges/arabic/09-certificates/responsive-web-design-certificate/responsive-web-design-certificate.arabic.md
new file mode 100644
index 0000000000..420e610ce3
--- /dev/null
+++ b/curriculum/challenges/arabic/09-certificates/responsive-web-design-certificate/responsive-web-design-certificate.arabic.md
@@ -0,0 +1,47 @@
+---
+id: 561add10cb82ac38a17513bc
+title: Responsive Web Design Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.chinese.md
new file mode 100644
index 0000000000..b179a5e007
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.chinese.md
@@ -0,0 +1,50 @@
+---
+id: 587d774c367417b2b2512a9c
+title: Add a Text Alternative to Images for Visually Impaired Accessibility
+challengeType: 0
+videoUrl: ''
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/add-alt-text-to-an-image-for-accessibility'
+localeTitle: 为视力受损的辅助功能添加图像替代文字
+---
+
+## Description
+<section id="description">很可能你在其他挑战中看到了<code>img</code>标签的<code>alt</code>属性。 <code>Alt</code>文本描述图像的内容并提供文本替代。这有助于在图像无法加载或用户无法看到的情况下。它也被搜索引擎用来理解图像包含的内容，以便将其包含在搜索结果中。这是一个例子： <code>&lt;img src=&quot;importantLogo.jpeg&quot; alt=&quot;Company logo&quot;&gt;</code>有视觉障碍的人依靠屏幕阅读器将网络内容转换为音频界面。如果仅以视觉方式呈现，他们将无法获取信息。对于图像，屏幕阅读器可以访问<code>alt</code>属性并读取其内容以提供关键信息。好的<code>alt</code>文字虽然简短但具有描述性，并且旨在简要地传达图像的含义。您应该始终在图像上包含<code>alt</code>属性。根据HTML5规范，现在认为这是强制性的。 </section>
+
+## Instructions
+<section id="instructions"> Camper Cat恰好是编码忍者和实际忍者，正在建立一个网站来分享他的知识。他想要使用的个人资料图片显示了他的技能，所有网站访问者都应该欣赏。在<code>img</code>标签中添加<code>alt</code>属性，这解释了Camper Cat正在做空手道。 （图像<code>src</code>没有链接到实际文件，因此您应该在显示中看到<code>alt</code>文本。） </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>img</code>标签应该有一个<code>alt</code>属性，它不应该是空的。
+    testString: 'assert($("img").attr("alt"), "Your <code>img</code> tag should have an <code>alt</code> attribute, and it should not be empty.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<img src="doingKarateWow.jpeg">
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.chinese.md
new file mode 100644
index 0000000000..98869c2e0a
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.chinese.md
@@ -0,0 +1,77 @@
+---
+id: 587d778b367417b2b2512aa8
+title: Add an Accessible Date Picker
+challengeType: 0
+videoUrl: ''
+localeTitle: 添加无障碍日期选择器
+---
+
+## Description
+<section id="description">表单通常包含<code>input</code>字段，可用于创建多个不同的表单控件。此元素的<code>type</code>属性指示将创建哪种输入。您可能已经注意到<code>text</code>并在先前的挑战中<code>submit</code>输入类型，HTML5引入了一个指定<code>date</code>字段的选项。根据浏览器支持，当日期选择器处于焦点时，它会在<code>input</code>字段中显示，这使得所有用户都可以更轻松地填写表单。对于旧版浏览器，该类型将默认为<code>text</code> ，因此有助于向用户显示标签中的预期日期格式或以及占位符文本以防万一。这是一个例子： <blockquote> &lt;label for =“input1”&gt;输入日期：&lt;/ label&gt; <br> &lt;input type =“date”id =“input1”name =“input1”&gt; <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Camper Cat正在举办一场真人快打比赛，并想让他的竞争对手看看哪个日期效果最佳。添加一个<code>input</code>标记，其<code>type</code>属性为“date”， <code>id</code>属性为“pickdate”， <code>name</code>属性为“date”。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应为日期选择器字段添加一个<code>input</code>标记。
+    testString: 'assert($("input").length == 2, "Your code should add one <code>input</code> tag for the date selector field.");'
+  - text: 您的<code>input</code>标记应具有值为date的<code>type</code>属性。
+    testString: 'assert($("input").attr("type") == "date", "Your <code>input</code> tag should have a <code>type</code> attribute with a value of date.");'
+  - text: 您的<code>input</code>标记应具有值为pickdate的<code>id</code>属性。
+    testString: 'assert($("input").attr("id") == "pickdate", "Your <code>input</code> tag should have an <code>id</code> attribute with a value of pickdate.");'
+  - text: 您的<code>input</code>标记应具有值为date的<code>name</code>属性。
+    testString: 'assert($("input").attr("name") == "date", "Your <code>input</code> tag should have a <code>name</code> attribute with a value of date.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Tournaments</h1>
+  </header>
+  <main>
+    <section>
+      <h2>Mortal Kombat Tournament Survey</h2>
+      <form>
+        <p>Tell us the best date for the competition</p>
+        <label for="pickdate">Preferred Date:</label>
+
+        <!-- Add your code below this line -->
+
+
+
+        <!-- Add your code above this line -->
+
+        <input type="submit" name="submit" value="Submit">
+      </form>
+    </section>
+  </main>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information.chinese.md
new file mode 100644
index 0000000000..2a1e169133
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 587d778f367417b2b2512aad
+title: Avoid Colorblindness Issues by Carefully Choosing Colors that Convey Information
+challengeType: 0
+videoUrl: ''
+localeTitle: 通过仔细选择传达信息的颜色来避免色盲问题
+---
+
+## Description
+<section id="description">有各种形式的色盲。这些范围可以从对特定波长的光的灵敏度降低到根本无法看到颜色。最常见的形式是检测果岭的灵敏度降低。例如，如果两个相似的绿色是内容的前景色和背景色，则色盲用户可能无法区分它们。关闭颜色可以被认为是色轮上的邻居，并且在传达重要信息时应该避免这些组合。 <strong>注意</strong> <br>一些在线颜色挑选工具包括颜色如何针对不同类型的颜色盲目出现的视觉模拟。除在线对比度检查计算器外，这些都是很好的资源。 </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应将<code>button</code>的文本<code>color</code>更改为深蓝色。
+    testString: 'assert($("button").css("color") == "rgb(0, 51, 102)", "Your code should change the text <code>color</code> for the <code>button</code> to the dark blue.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  button {
+    color: #33FF33;
+    background-color: #FFFF33;
+    font-size: 14px;
+    padding: 10px;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Danger!</h1>
+  </header>
+  <button>Delete Internet</button>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.chinese.md
new file mode 100644
index 0000000000..58abd959fa
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.chinese.md
@@ -0,0 +1,68 @@
+---
+id: 587d778f367417b2b2512aac
+title: Avoid Colorblindness Issues by Using Sufficient Contrast
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用足够的对比度避免色盲问题
+---
+
+## Description
+<section id="description">颜色是视觉设计的重要组成部分，但它的使用引入了两个可访问性问题。首先，不应仅仅使用颜色作为传达重要信息的唯一方式，因为屏幕阅读器用户不会看到它。其次，前景色和背景色需要足够的对比度，因此色盲用户可以区分它们。以前的挑战包括解决第一个问题的文本替代方案。最后一项挑战引入了对比度检查工具来帮助第二个。 WCAG建议的对比度为4.5：1适用于颜色使用以及灰度组合。色盲用户无法区分某些颜色与其他颜色 - 通常是色调，但有时也很轻。您可能会想起使用前景色和背景色的相对亮度（或亮度）值来计算对比度。在实践中，通过使用颜色对比度检查器使较暗的颜色变暗并使较浅的颜色变淡来达到4.5：1的比例。色轮上较暗的颜色被认为是蓝色，紫罗兰，洋红色和红色，而较浅的颜色是橙色，黄色，绿色和蓝绿色。 </section>
+
+## Instructions
+<section id="instructions"> Camper Cat正在尝试使用颜色作为他的博客文字和背景，但他目前的绿色<code>background-color</code>与栗色文字<code>color</code>具有2.5：1的对比度。您可以轻松调整颜色的亮度，因为他通过更改第三个参数使用CSS <code>hsl()</code>属性（代表色调，饱和度，亮度）来声明它们。将<code>background-color</code>亮度值从35％增加到55％，并将<code>color</code>亮度值从20％降低到15％。这将对比度提高到5.9：1。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码只应将文本<code>color</code>属性的亮度值更改为15％的值。
+    testString: 'assert(code.match(/color:\s*?hsl\(0,\s*?55%,\s*?15%\)/gi), "Your code should only change the lightness value for the text <code>color</code> property to a value of 15%.");'
+  - text: 您的代码应仅将<code>background-color</code>属性的亮度值更改为值55％。
+    testString: 'assert(code.match(/background-color:\s*?hsl\(120,\s*?25%,\s*?55%\)/gi), "Your code should only change the lightness value for the <code>background-color</code> property to a value of 55%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  body {
+    color: hsl(0, 55%, 20%);
+    background-color: hsl(120, 25%, 35%);
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+    <h2>A Word on the Recent Catnip Doping Scandal</h2>
+    <p>The influence that catnip has on feline behavior is well-documented, and its use as an herbal supplement in competitive ninja circles remains controversial. Once again, the debate to ban the substance is brought to the public's attention after the high-profile win of Kittytron, a long-time proponent and user of the green stuff, at the Claw of Fury tournament.</p>
+    <p>As I've stated in the past, I firmly believe a true ninja's skills must come from within, with no external influences. My own catnip use shall continue as purely recreational.</p>
+  </article>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.chinese.md
new file mode 100644
index 0000000000..3a3a778a77
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 587d778f367417b2b2512aae
+title: Give Links Meaning by Using Descriptive Link Text
+challengeType: 0
+videoUrl: ''
+localeTitle: 通过使用描述性链接文本给出链接含义
+---
+
+## Description
+<section id="description">屏幕阅读器用户对其设备读取的内容类型有不同的选择。这包括跳过（或覆盖）地标元素，跳转到主要内容或从标题中获取页面摘要。另一种选择是仅听取页面上可用的链接。屏幕阅读器通过阅读链接文本或锚（ <code>a</code> ）标签之间的内容来完成此操作。列出“点击此处”或“阅读更多”链接无济于事。相反，您应该在<code>a</code>标签中使用简短但具有描述性的文本，以便为这些用户提供更多意义。 </section>
+
+## Instructions
+<section id="instructions">如果没有周围的上下文，Camper Cat正在使用的链接文本不是很具描述性。移动锚（ <code>a</code> ）标签，使它们环绕文本“有关电池的信息”而不是“点击此处”。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应移动锚点<code>a</code>来自各地的词“点击这里”标签环绕中的“关于电池的信息”。
+    testString: 'assert($("a").text().match(/^(information about batteries)$/g), "Your code should move the anchor <code>a</code> tags from around the words "Click here" to wrap around the words "information about batteries".");'
+  - text: 确保您<code>a</code>元素具有结束标记。
+    testString: 'assert(code.match(/<\/a>/g) && code.match(/<\/a>/g).length === code.match(/<a href=(""|"")>/g).length, "Make sure your <code>a</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near. <a href="">Click here</a> for information about batteries</p>
+  </article>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.chinese.md
new file mode 100644
index 0000000000..eee9c9c092
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.chinese.md
@@ -0,0 +1,71 @@
+---
+id: 587d7789367417b2b2512aa4
+title: Improve Accessibility of Audio Content with the audio Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用音频元素改善音频内容的可访问性
+---
+
+## Description
+<section id="description">当HTML5的<code>audio</code>元素包含标记中的声音或音频流内容时，它会提供语义含义。音频内容还需要一个文本替代品，以便耳聋或听力障碍的人可以访问。这可以通过页面上的附近文本或转录本的链接来完成。 <code>audio</code>标签支持<code>controls</code>属性。这显示了浏览器的默认播放，暂停和其他控件，并支持键盘功能。这是一个布尔属性，意味着它不需要值，它在标签上的存在会打开设置。这是一个例子： <blockquote> &lt;audio id =“meowClip”controls&gt; <br> &lt;source src =“audio / meow.mp3”type =“audio / mpeg”/&gt; <br> &lt;source src =“audio / meow.ogg”type =“audio / ogg”/&gt; <br> &lt;/音频&gt; <br></blockquote> <strong>注意</strong> <br>多媒体内容通常具有视觉和听觉组件。它需要同步标题和成绩单，以便具有视觉和/或听觉障碍的用户可以访问它。通常，Web开发人员不负责创建字幕或脚本，但需要知道包含它们。 </section>
+
+## Instructions
+<section id="instructions">是时候从Camper Cat休息一下，与露营者Zersiax（@zersiax）会面，这是一个可访问性和屏幕阅读器用户的冠军。要听到屏幕阅读器的剪辑，请在<code>p</code>后添加<code>audio</code>元素。包含<code>controls</code>属性。然后将<code>source</code>标记放在<code>audio</code>标记内， <code>src</code>属性设置为“https://s3.amazonaws.com/freecodecamp/screen-reader.mp3”，并将<code>type</code>属性设置为“audio / mpeg”。 <strong>注意</strong> <br>音频剪辑可能听起来很快并且难以理解，但这对于屏幕阅读器用户来说是正常的速度。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该有一个<code>audio</code>标记。
+    testString: 'assert($("audio").length === 1, "Your code should have one <code>audio</code> tag.");'
+  - text: 确保您的<code>audio</code>元素具有结束标记。
+    testString: 'assert(code.match(/<\/audio>/g).length === 1 && code.match(/<audio.*>[\s\S]*<\/audio>/g), "Make sure your <code>audio</code> element has a closing tag.");'
+  - text: <code>audio</code>标签应该具有<code>controls</code>属性。
+    testString: 'assert($("audio").attr("controls"), "The <code>audio</code> tag should have the <code>controls</code> attribute.");'
+  - text: 您的代码应该有一个<code>source</code>标记。
+    testString: 'assert($("source").length === 1, "Your code should have one <code>source</code> tag.");'
+  - text: 您的<code>source</code>标记应位于<code>audio</code>标记内。
+    testString: 'assert($("audio").children("source").length === 1, "Your <code>source</code> tag should be inside the <code>audio</code> tags.");'
+  - text: <code>source</code>标记上<code>src</code>属性的值应与指令中的链接完全匹配。
+    testString: 'assert($("source").attr("src") === "https://s3.amazonaws.com/freecodecamp/screen-reader.mp3", "The value for the <code>src</code> attribute on the <code>source</code> tag should match the link in the instructions exactly.");'
+  - text: 您的代码应在<code>source</code>标记上包含<code>type</code>属性，其值为audio / mpeg。
+    testString: 'assert($("source").attr("type") === "audio/mpeg", "Your code should include a <code>type</code> attribute on the <code>source</code> tag with a value of audio/mpeg.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Real Coding Ninjas</h1>
+  </header>
+  <main>
+    <p>A sound clip of Zersiax's screen reader in action.</p>
+
+
+
+  </main>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.chinese.md
new file mode 100644
index 0000000000..2efa083910
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.chinese.md
@@ -0,0 +1,99 @@
+---
+id: 587d778a367417b2b2512aa5
+title: Improve Chart Accessibility with the figure Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用图元素改进图表可访问性
+---
+
+## Description
+<section id="description"> HTML5引入了<code>figure</code>元素以及相关的<code>figcaption</code> 。这些项目一起使用，包含可视化表示（如图像，图表或图表）及其标题。通过语义分组相关内容和提供解释<code>figure</code>的文本替代，这提供了双倍的可访问性提升。对于图表等数据可视化，可以使用标题简要说明视力障碍用户的趋势或结论。另一个挑战包括如何为屏幕阅读器用户在屏幕外（使用CSS）移动图表数据的表格版本。这是一个例子 - 请注意， <code>figcaption</code>位于<code>figure</code>标签内部，可以与其他元素组合： <blockquote> &lt;图&gt; <br> &lt;img src =“roundhouseDestruction.jpeg”alt =“露营猫执行圆屋踢的照片”&gt; <br>点击<br> &lt;figcaption&gt; <br> Master Camper Cat展示了适当形式的圆屋踢。 <br> &lt;/ figcaption&gt; <br> &lt;/图&gt; <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Camper Cat正在努力创建一个堆积条形图，显示每周花在隐形，战斗和武器上的训练时间。通过将用于<code>figure</code>标记的<code>div</code>标签和包含标题的<code>p</code>标签更改为<code>figcaption</code>标记，帮助他更好地构建页面。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该有一个<code>figure</code>标记。
+    testString: 'assert($("figure").length == 1, "Your code should have one <code>figure</code> tag.");'
+  - text: 您的代码应该有一个<code>figcaption</code>标记。
+    testString: 'assert($("figcaption").length == 1, "Your code should have one <code>figcaption</code> tag.");'
+  - text: 您的代码不应包含任何<code>div</code>标记。
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: 您的代码不应包含任何<code>p</code>标记。
+    testString: 'assert($("p").length == 0, "Your code should not have any <code>p</code> tags.");'
+  - text: <code>figcaption</code>应该是<code>figure</code>标签的子<code>figcaption</code> 。
+    testString: 'assert($("figure").children("figcaption").length == 1, "The <code>figcaption</code> should be a child of the <code>figure</code> tag.");'
+  - text: 确保您的<code>figure</code>元素有一个结束标记。
+    testString: 'assert(code.match(/<\/figure>/g) && code.match(/<\/figure>/g).length === code.match(/<figure>/g).length, "Make sure your <code>figure</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Training</h1>
+    <nav>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </nav>
+  </header>
+  <main>
+    <section>
+
+      <!-- Add your code below this line -->
+      <div>
+        <!-- Stacked bar chart will go here -->
+        <br>
+        <p>Breakdown per week of time to spend training in stealth, combat, and weapons.</p>
+      </div>
+      <!-- Add your code above this line -->
+
+    </section>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.chinese.md
new file mode 100644
index 0000000000..755c1429af
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.chinese.md
@@ -0,0 +1,82 @@
+---
+id: 587d778a367417b2b2512aa6
+title: Improve Form Field Accessibility with the label Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用标签元素改进表单字段可访问性
+---
+
+## Description
+<section id="description">使用语义HTML标记提高可访问性适用于使用适当的标记名称和属性。接下来的几个挑战包括使用表单中的属性的一些重要场景。 <code>label</code>标签包装特定表单控件项的文本，通常是选项的名称或标签。这与项目的意义联系在一起，使表单更具可读性。 <code>label</code>标签上的<code>for</code>属性明确地将该<code>label</code>与表单控件相关联，并由屏幕阅读器使用。您在“基本HTML”部分的课程中了解了单选按钮及其标签。在该课程中，我们将单选按钮输入元素与标签文本一起包装在<code>label</code>元素中，以使文本可单击。另一种实现此目的的方法是使用本课程中介绍的<code>for</code>属性。 <code>for</code>属性的值必须与表单控件的<code>id</code>属性的值相同。这是一个例子： <blockquote> &lt;FORM&gt; <br> &lt;label for =“name”&gt;名称：&lt;/ label&gt; <br> &lt;input type =“text”id =“name”name =“name”&gt; <br> &lt;/ FORM&gt; <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Camper Cat期望对他有思想的博客文章感兴趣，并希望包含一个电子邮件注册表单。在电子邮件<code>label</code>上添加与其<code>input</code>字段中的<code>id</code>匹配的<code>for</code>属性。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该在<code>label</code>标签上具有非空的<code>for</code>属性。
+    testString: 'assert($("label").attr("for"), "Your code should have a <code>for</code> attribute on the <code>label</code> tag that is not empty.");'
+  - text: 您的<code>for</code>属性值应与电子邮件<code>input</code>中的<code>id</code>值匹配。
+    testString: 'assert($("label").attr("for") == "email", "Your <code>for</code> attribute value should match the <code>id</code> value on the email <code>input</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <section>
+    <form>
+      <p>Sign up to receive Camper Cat's blog posts by email here!</p>
+
+
+      <label>Email:</label>
+      <input type="text" id="email" name="email">
+
+
+      <input type="submit" name="submit" value="Submit">
+    </form>
+  </section>
+  <article>
+    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Is Chuck Norris a Cat Person?</h2>
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/improve-readability-with-high-contrast-text.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/improve-readability-with-high-contrast-text.chinese.md
new file mode 100644
index 0000000000..ff0017836a
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/improve-readability-with-high-contrast-text.chinese.md
@@ -0,0 +1,68 @@
+---
+id: 587d778e367417b2b2512aab
+title: Improve Readability with High Contrast Text
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用高对比度文本提高可读性
+---
+
+## Description
+<section id="description">前景色和背景色之间的低对比度会使文本难以阅读。充足的对比度可以提高内容的可读性，但“足够”究竟意味着什么呢？ Web内容可访问性指南（WCAG）建议正常文本的对比度至少为4.5：1。通过比较两种颜色的相对亮度值来计算该比率。对于相同的颜色，或者没有对比度，其范围从1：1到白色与黑色的21：1，最强的对比度。网上有许多对比度检查工具可以为您计算这个比率。 </section>
+
+## Instructions
+<section id="instructions"> Camper Cat在他最近的博客文章中选择浅灰色文本在白色背景上具有1.5：1的对比度，使其难以阅读。将文本<code>color</code>从当前灰色（ <code>#D3D3D3</code> ）更改为深灰色（ <code>#636363</code> ），将对比度提高到6：1。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该改变文字<code>color</code>为<code>body</code>的深灰色。
+    testString: 'assert($("body").css("color") == "rgb(99, 99, 99)", "Your code should change the text <code>color</code> for the <code>body</code> to the darker gray.");'
+  - text: 您的代码不应更改<code>body</code>的<code>background-color</code> 。
+    testString: 'assert($("body").css("background-color") == "rgb(255, 255, 255)", "Your code should not change the <code>background-color</code> for the <code>body</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  body {
+    color: #D3D3D3;
+    background-color: #FFF;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+    <h2>A Word on the Recent Catnip Doping Scandal</h2>
+    <p>The influence that catnip has on feline behavior is well-documented, and its use as an herbal supplement in competitive ninja circles remains controversial. Once again, the debate to ban the substance is brought to the public's attention after the high-profile win of Kittytron, a long-time proponent and user of the green stuff, at the Claw of Fury tournament.</p>
+    <p>As I've stated in the past, I firmly believe a true ninja's skills must come from within, with no external influences. My own catnip use shall continue as purely recreational.</p>
+  </article>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.chinese.md
new file mode 100644
index 0000000000..ae592326ef
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.chinese.md
@@ -0,0 +1,57 @@
+---
+id: 587d774e367417b2b2512a9f
+title: Jump Straight to the Content Using the main Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用主元素直接跳转到内容
+---
+
+## Description
+<section id="description"> HTML5引入了许多新元素，为开发人员提供了更多选项，同时还包含了辅助功能。这些标签包括<code>main</code> ， <code>header</code> ， <code>footer</code> ， <code>nav</code> ， <code>article</code>和<code>section</code>等。默认情况下，浏览器渲染这些元素与简单的<code>div</code>类似。但是，在适当的地方使用它们会在标记中提供额外的含义。标记名称本身可以指示它包含的信息类型，这为该内容添加了语义含义。辅助技术可以访问此信息，以便为其用户提供更好的页面摘要或导航选项。 <code>main</code>元素用于包装（您猜对了）主要内容，每页应该只有一个。它旨在包含与页面中心主题相关的信息。它并不意味着包含跨页面重复的项目，例如导航链接或横幅。 <code>main</code>标签还具有嵌入式地标功能，辅助技术可用于快速导航到主要内容。如果您曾在页面顶部看到“跳转到主要内容”链接，则使用主标签会自动为辅助设备提供该功能。 </section>
+
+## Instructions
+<section id="instructions"> Camper Cat对他的忍者武器页面有一些重要的想法。通过在<code>header</code>和<code>footer</code>之间添加打开和关闭<code>main</code>标记来帮助他设置标记（在其他挑战中涵盖）。暂时保持<code>main</code>标签为空。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该有一个<code>main</code>标记。
+    testString: 'assert($("main").length == 1, "Your code should have one <code>main</code> tag.");'
+  - text: <code>main</code>标记应位于结束<code>header</code>标记和开放<code>footer</code>标记之间。
+    testString: 'assert(code.match(/<\/header>\s*?<main>\s*?<\/main>/gi), "The <code>main</code> tags should be between the closing <code>header</code> tag and the opening <code>footer</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<header>
+  <h1>Weapons of the Ninja</h1>
+</header>
+
+
+
+<footer></footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/know-when-alt-text-should-be-left-blank.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/know-when-alt-text-should-be-left-blank.chinese.md
new file mode 100644
index 0000000000..bfd4675968
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/know-when-alt-text-should-be-left-blank.chinese.md
@@ -0,0 +1,62 @@
+---
+id: 587d774c367417b2b2512a9d
+title: Know When Alt Text Should be Left Blank
+challengeType: 0
+videoUrl: ''
+localeTitle: 知道Alt文本应该留空
+---
+
+## Description
+<section id="description">在上一个挑战中，您了解到在img标记上包含<code>alt</code>属性是必需的。但是，有时图像与已经描述它们的标题分组，或仅用于装饰。在这些情况下， <code>alt</code>文本可能看似多余或不必要。在已经使用文本内容解释图像或者没有为页面添加含义的情况下， <code>img</code>仍然需要<code>alt</code>属性，但可以将其设置为空字符串。这是一个例子： <code>&lt;img src=&quot;visualDecoration.jpeg&quot; alt=&quot;&quot;&gt;</code>背景图片通常也属于“装饰”标签。但是，它们通常应用CSS规则，因此不是标记屏幕阅读器进程的一部分。 <strong>注意</strong> <br>对于带有标题的图像，您可能仍希望包含<code>alt</code>文本，因为它有助于搜索引擎对图像内容进行编目。 </section>
+
+## Instructions
+<section id="instructions"> Camper Cat已为其网站的博客部分编写了一个骨架页面。他计划在他的两篇文章之间用武士刀的装饰图像添加一个视觉中断。将<code>alt</code>属性添加到<code>img</code>标记并将其设置为空字符串。 （请注意，图像<code>src</code>不会链接到实际文件 - 不要担心显示屏中没有显示剑。） </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>img</code>标签应该有一个<code>alt</code>属性。
+    testString: 'assert(!($("img").attr("alt") == undefined), "Your <code>img</code> tag should have an <code>alt</code> attribute.");'
+  - text: <code>alt</code>属性应设置为空字符串。
+    testString: 'assert($("img").attr("alt") == "", "The <code>alt</code> attribute should be set to an empty string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Deep Thoughts with Master Camper Cat</h1>
+<article>
+  <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+  <p>To Come...</p>
+</article>
+
+<img src="samuraiSwords.jpeg">
+
+<article>
+  <h2>Is Chuck Norris a Cat Person?</h2>
+  <p>To Come...</p>
+</article>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/make-elements-only-visible-to-a-screen-reader-by-using-custom-css.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/make-elements-only-visible-to-a-screen-reader-by-using-custom-css.chinese.md
new file mode 100644
index 0000000000..7583a09b49
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/make-elements-only-visible-to-a-screen-reader-by-using-custom-css.chinese.md
@@ -0,0 +1,138 @@
+---
+id: 587d778d367417b2b2512aaa
+title: Make Elements Only Visible to a Screen Reader by Using Custom CSS
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用自定义CSS使元素仅对屏幕阅读器可见
+---
+
+## Description
+<section id="description">您是否注意到目前为止所有应用的可访问性问题都没有使用任何CSS？这是为了展示逻辑文档大纲的重要性，并在介绍视觉设计方面之前在您的内容周围使用具有语义意义的标记。但是，当您想要在视觉上隐藏仅供屏幕阅读器使用的内容时，CSS的魔力还可以改善页面的可访问性。当信息采用可视格式（如图表）时会发生这种情况，但屏幕阅读器用户需要使用替代演示（如表格）来访问数据。 CSS用于将屏幕阅读器元素定位在浏览器窗口的可视区域之外。这是完成此任务的CSS规则的示例： <blockquote> .sr-only { <br>位置：绝对; <br>左：-10000px; <br>宽度：1px; <br>身高：1px; <br>顶部：汽车; <br>溢出：隐藏; <br> } </blockquote> <strong>注意</strong> <br>以下CSS方法不会做同样的事情： <ul><li> <code>display: none;</code>或<code>visibility: hidden;</code>隐藏每个人的内容，包括屏幕阅读器用户</li><li>像素大小的零值，例如<code>width: 0px; height: 0px;</code>从文档流中删除该元素，这意味着屏幕阅读器将忽略它</li></ul></section>
+
+## Instructions
+<section id="instructions"> Camper Cat为他​​的培训页面创建了一个非常酷的堆积条形图，并将数据放入一个表格中，供视障用户使用。该表已经有一个<code>sr-only</code>类，但CSS规则尚未填写。给<code>position</code>一个绝对值， <code>left</code>是-10000px值， <code>width</code>和<code>height</code>都是1px值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该将<code>sr-only</code>类的<code>position</code>属性设置为absolute的值。
+    testString: 'assert($(".sr-only").css("position") == "absolute", "Your code should set the <code>position</code> property of the <code>sr-only</code> class to a value of absolute.");'
+  - text: 您的代码应将<code>sr-only</code>类的<code>left</code>属性设置为-10000px的值。
+    testString: 'assert($(".sr-only").css("left") == "-10000px", "Your code should set the <code>left</code> property of the <code>sr-only</code> class to a value of -10000px.");'
+  - text: 您的代码应将<code>sr-only</code>类的<code>width</code>属性设置为1像素的值。
+    testString: 'assert(code.match(/width:\s*?1px/gi), "Your code should set the <code>width</code> property of the <code>sr-only</code> class to a value of 1 pixel.");'
+  - text: 您的代码应将<code>sr-only</code>类的<code>height</code>属性设置为1像素的值。
+    testString: 'assert(code.match(/height:\s*?1px/gi), "Your code should set the <code>height</code> property of the <code>sr-only</code> class to a value of 1 pixel.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  .sr-only {
+    position: ;
+    left: ;
+    width: ;
+    height: ;
+    top: auto;
+    overflow: hidden;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Training</h1>
+    <nav>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </nav>
+  </header>
+  <section>
+    <h2>Master Camper Cat's Beginner Three Week Training Program</h2>
+    <figure>
+      <!-- Stacked bar chart of weekly training-->
+      <p>[Stacked bar chart]</p>
+      <br />
+      <figcaption>Breakdown per week of time to spend training in stealth, combat, and weapons.</figcaption>
+    </figure>
+    <table class="sr-only">
+      <caption>Hours of Weekly Training in Stealth, Combat, and Weapons</caption>
+      <thead>
+        <tr>
+          <th></th>
+          <th scope="col">Stealth &amp; Agility</th>
+          <th scope="col">Combat</th>
+          <th scope="col">Weapons</th>
+          <th scope="col">Total</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <th scope="row">Week One</th>
+          <td>3</td>
+          <td>5</td>
+          <td>2</td>
+          <td>10</td>
+        </tr>
+        <tr>
+          <th scope="row">Week Two</th>
+          <td>4</td>
+          <td>5</td>
+          <td>3</td>
+          <td>12</td>
+        </tr>
+        <tr>
+          <th scope="row">Week Three</th>
+          <td>4</td>
+          <td>6</td>
+          <td>3</td>
+          <td>13</td>
+        </tr>
+      </tbody>
+    </table>
+  </section>
+  <section id="stealth">
+    <h2>Stealth &amp; Agility Training</h2>
+    <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+    <article><h3>No training is NP-complete without parkour</h3></article>
+  </section>
+  <section id="combat">
+    <h2>Combat Training</h2>
+    <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+    <article><h3>Goodbye, world: 5 proven ways to knock out an opponent</h3></article>
+  </section>
+  <section id="weapons">
+    <h2>Weapons Training</h2>
+    <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+    <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+  </section>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/make-links-navigatable-with-html-access-keys.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/make-links-navigatable-with-html-access-keys.chinese.md
new file mode 100644
index 0000000000..82ca279cae
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/make-links-navigatable-with-html-access-keys.chinese.md
@@ -0,0 +1,76 @@
+---
+id: 587d7790367417b2b2512aaf
+title: Make Links Navigatable with HTML Access Keys
+challengeType: 0
+videoUrl: ''
+localeTitle: 使链接可以使用HTML访问密钥进行导航
+---
+
+## Description
+<section id="description"> HTML提供了<code>accesskey</code>属性，用于指定要激活元素或将焦点置于元素的快捷键。这可以使键盘用户的导航更有效。 HTML5允许在任何元素上使用此属性，但在与交互元素一起使用时，它特别有用。这包括链接，按钮和表单控件。这是一个例子： <code>&lt;button accesskey=&quot;b&quot;&gt;Important Button&lt;/button&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Camper Cat希望两个博客文章标题之间的链接具有键盘快捷键，这样他的网站用户就可以快速浏览完整的故事。为两个链接添加一个<code>accesskey</code>属性，并将第一个设置为“g”（对于加菲猫），将第二个设置为“c”（对于Chuck Norris）。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该为<code>id</code>为“first” <code>a</code>标记添加一个<code>accesskey</code>属性。
+    testString: 'assert($("#first").attr("accesskey"), "Your code should add an <code>accesskey</code> attribute to the <code>a</code> tag with the <code>id</code> of "first".");'
+  - text: 您的代码应该为<code>id</code>为“second” <code>a</code>标记添加一个<code>accesskey</code>属性。
+    testString: 'assert($("#second").attr("accesskey"), "Your code should add an <code>accesskey</code> attribute to the <code>a</code> tag with the <code>id</code> of "second".");'
+  - text: 您的代码应在<code>id</code>为“first”到“g” <code>a</code>标记上设置<code>accesskey</code>属性。请注意，案件很重要。
+    testString: 'assert($("#first").attr("accesskey") == "g", "Your code should set the <code>accesskey</code> attribute on the <code>a</code> tag with the <code>id</code> of "first" to "g". Note that case matters.");'
+  - text: 您的代码应设置<code>accesskey</code>的属性<code>a</code>标签与<code>id</code> “第二”到“C”的。请注意，案件很重要。
+    testString: 'assert($("#second").attr("accesskey") == "c", "Your code should set the <code>accesskey</code> attribute on the <code>a</code> tag with the <code>id</code> of "second" to "c". Note that case matters.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+
+
+    <h2><a id="first" href="">The Garfield Files: Lasagna as Training Fuel?</a></h2>
+
+
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </article>
+  <article>
+
+
+    <h2><a id="second" href="">Is Chuck Norris a Cat Person?</a></h2>
+
+
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-footer-landmark.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-footer-landmark.chinese.md
new file mode 100644
index 0000000000..50b33b8169
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-footer-landmark.chinese.md
@@ -0,0 +1,86 @@
+---
+id: 587d7788367417b2b2512aa3
+title: Make Screen Reader Navigation Easier with the footer Landmark
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用页脚Landmark使屏幕阅读器导航更轻松
+---
+
+## Description
+<section id="description">与<code>header</code>和<code>nav</code>类似， <code>footer</code>元素具有内置的地标功能，允许辅助设备快速导航到它。它主要用于包含版权信息或链接到通常位于页面底部的相关文档。 </section>
+
+## Instructions
+<section id="instructions"> Camper Cat的培训页面正在取得良好进展。将用于将其版权信息包含在页面底部的<code>div</code>更改为<code>footer</code>元素。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该有一个<code>footer</code>标记。
+    testString: 'assert($("footer").length == 1, "Your code should have one <code>footer</code> tag.");'
+  - text: 您的代码不应包含任何<code>div</code>标记。
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: 您的代码应该有一个开始和结束<code>footer</code>标记。
+    testString: 'assert(code.match(/<footer>\s*&copy; 2018 Camper Cat\s*<\/footer>/g), "Your code should have an opening and closing <code>footer</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Training</h1>
+    <nav>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </nav>
+  </header>
+  <main>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+
+
+  <div>&copy; 2018 Camper Cat</div>
+
+
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.chinese.md
new file mode 100644
index 0000000000..4501d367c5
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.chinese.md
@@ -0,0 +1,79 @@
+---
+id: 587d7787367417b2b2512aa1
+title: Make Screen Reader Navigation Easier with the header Landmark
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用标题Landmark使屏幕阅读器导航更轻松
+---
+
+## Description
+<section id="description">下一个添加语义含义并提高可访问性的HTML5元素是<code>header</code>标记。它用于为其父标记包装介绍性信息或导航链接，并且可以很好地处理在多个页面顶部重复的内容。 <code>header</code>分享了您在<code>main</code>看到的嵌入式地标功能，允许辅助技术快速导航到该内容。 <strong>注意</strong> <br> <code>header</code>适用于HTML文档的<code>body</code>标记。这与<code>head</code>元素不同， <code>head</code>元素包含页面标题，元信息等。 </section>
+
+## Instructions
+<section id="instructions"> Camper Cat正在撰写一些关于忍者训练的精彩文章，并希望为他们的网站添加一个页面。将当前包含<code>h1</code>的顶部<code>div</code>更改为<code>header</code>标记。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该有一个<code>header</code>标记。
+    testString: 'assert($("header").length == 1, "Your code should have one <code>header</code> tag.");'
+  - text: 您的<code>header</code>标记应该环绕<code>h1</code> 。
+    testString: 'assert($("header").children("h1").length == 1, "Your <code>header</code> tags should wrap around the <code>h1</code>.");'
+  - text: 您的代码不应包含任何<code>div</code>标记。
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: 确保您的<code>header</code>元素具有结束标记。
+    testString: 'assert(code.match(/<\/header>/g) && code.match(/<\/header>/g).length === code.match(/<header>/g).length, "Make sure your <code>header</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+
+  <div>
+    <h1>Training with Camper Cat</h1>
+  </div>
+
+
+  <main>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.chinese.md
new file mode 100644
index 0000000000..317c2cd088
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.chinese.md
@@ -0,0 +1,85 @@
+---
+id: 587d7788367417b2b2512aa2
+title: Make Screen Reader Navigation Easier with the nav Landmark
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用导航Landmark使屏幕阅读器导航更轻松
+---
+
+## Description
+<section id="description"> <code>nav</code>元素是另一个HTML5项目，具有嵌入的地标功能，便于屏幕阅读器导航。此标记用于包围页面中的主导航链接。如果页面底部有重复的站点链接，则没有必要标记带有<code>nav</code>标签的链接。使用<code>footer</code> （在下一个挑战中涵盖）就足够了。 </section>
+
+## Instructions
+<section id="instructions"> Camper Cat在他的训练页面顶部包含了导航链接，但是将它们包裹在一个<code>div</code> 。将<code>div</code>更改为<code>nav</code>标记以改善其页面上的可访问性。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该有一个<code>nav</code>标记。
+    testString: 'assert($("nav").length == 1, "Your code should have one <code>nav</code> tag.");'
+  - text: 你的<code>nav</code>标签应该包裹<code>ul</code>及其列表项。
+    testString: 'assert($("nav").children("ul").length == 1, "Your <code>nav</code> tags should wrap around the <code>ul</code> and its list items.");'
+  - text: 您的代码不应包含任何<code>div</code>标记。
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: 确保您的<code>nav</code>元素具有结束标记。
+    testString: 'assert(code.match(/<\/nav>/g) && code.match(/<\/nav>/g).length === code.match(/<nav>/g).length, "Make sure your <code>nav</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Training with Camper Cat</h1>
+
+    <div>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </div>
+
+  </header>
+  <main>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/standardize-times-with-the-html5-datetime-attribute.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/standardize-times-with-the-html5-datetime-attribute.chinese.md
new file mode 100644
index 0000000000..4aab64c7d6
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/standardize-times-with-the-html5-datetime-attribute.chinese.md
@@ -0,0 +1,85 @@
+---
+id: 587d778c367417b2b2512aa9
+title: Standardize Times with the HTML5 datetime Attribute
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用HTML5 datetime属性标准化Times
+---
+
+## Description
+<section id="description">继续使用日期主题，HTML5还引入了<code>time</code>元素和<code>datetime</code>属性来标准化时间。这是一个可以在页面上包装日期或时间的内联元素。该日期的有效格式由<code>datetime</code>属性保存。这是辅助设备访问的值。它通过陈述标准化版本的时间来避免混淆，即使它是在文本中以非正式或口语方式编写的。以下是一个例子： <code>&lt;p&gt;Master Camper Cat officiated the cage match between Goro and Scorpion &lt;time datetime=&quot;2013-02-13&quot;&gt;last Wednesday&lt;/time&gt;, which ended in a draw.&lt;/p&gt;</code> </section>
+
+## Instructions
+<section id="instructions">露营猫的真人快打调查结果在！在文本“9月15日星期四&lt;sup&gt; th &lt;/ sup&gt;”周围包装一个<code>time</code>标记，并为其设置“2016-09-15”添加<code>datetime</code>属性。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>time</code>标签应该包含“9月15日星期四&lt;sup&gt; th &lt;/ sup&gt;”的文字。
+    testString: 'assert($("time").text().match(/Thursday, September 15th/g), "Your <code>time</code> tags should wrap around the text "Thursday, September 15&lt;sup&gt;th&lt;/sup&gt;".");'
+  - text: 您的<code>time</code>标记应具有非空的<code>datetime</code>属性。
+    testString: 'assert($("time").attr("datetime"), "Your <code>time</code> tag should have a <code>datetime</code> attribute that is not empty.");'
+  - text: 您的<code>datetime</code>属性应设置为2016-09-15的值。
+    testString: 'assert($("time").attr("datetime") === "2016-09-15", "Your <code>datetime</code> attribute should be set to a value of 2016-09-15.");'
+  - text: 确保您的<code>time</code>元素具有结束标记。
+    testString: 'assert(code.match(/<\/time>/g) && code.match(/<\/time>/g).length === 4, "Make sure your <code>time</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Tournaments</h1>
+  </header>
+  <article>
+    <h2>Mortal Kombat Tournament Survey Results</h2>
+
+    <!-- Add your code below this line -->
+
+    <p>Thank you to everyone for responding to Master Camper Cat's survey. The best day to host the vaunted Mortal Kombat tournament is Thursday, September 15<sup>th</sup>. May the best ninja win!</p>
+
+    <!-- Add your code above this line -->
+
+    <section>
+      <h3>Comments:</h3>
+      <article>
+        <p>Posted by: Sub-Zero on <time datetime="2016-08-13T20:01Z">August 13<sup>th</sup></time></p>
+        <p>Johnny Cage better be there, I'll finish him!</p>
+      </article>
+      <article>
+        <p>Posted by: Doge on <time datetime="2016-08-15T08:12Z">August 15<sup>th</sup></time></p>
+        <p>Wow, much combat, so mortal.</p>
+      </article>
+      <article>
+        <p>Posted by: The Grim Reaper on <time datetime="2016-08-16T00:00Z">August 16<sup>th</sup></time></p>
+        <p>Looks like I'll be busy that day.</p>
+      </article>
+    </section>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/use-headings-to-show-hierarchical-relationships-of-content.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/use-headings-to-show-hierarchical-relationships-of-content.chinese.md
new file mode 100644
index 0000000000..d0110af7ab
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/use-headings-to-show-hierarchical-relationships-of-content.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 587d774d367417b2b2512a9e
+title: Use Headings to Show Hierarchical Relationships of Content
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用标题显示内容的层次关系
+---
+
+## Description
+<section id="description">标题（ <code>h1</code>到<code>h6</code>元素）是主力标签，有助于为您的内容提供结构和标签。可以将屏幕阅读器设置为只读取页面上的标题，以便用户获得摘要。这意味着标记中的标题标记具有语义含义并且彼此相关，而不仅仅是因为它们的大小值而被选中是很重要的。 <em>语义</em>意味着您在内容周围使用的标记表示它包含的信息类型。如果你正在撰写一篇带有介绍，正文和结论的论文，那么将结论作为你纲要中正文的一个小节是没有多大意义的。它应该是它自己的部分。同样，网页中的标题标签需要按顺序排列，并指明内容的层次关系。具有相同（或更高）等级的标题开始新的隐含部分，具有较低等级的标题从前一部分的开始子部分开始。例如，带有<code>h2</code>元素的页面后跟几个标有<code>h4</code>标签的子部分会使屏幕阅读器用户<code>h4</code>困惑。有六种选择，使用标签很有吸引力，因为它在浏览器中看起来更好，但您可以使用CSS编辑相对大小。最后一点，每个页面应始终有一个（并且只有一个） <code>h1</code>元素，这是您内容的主要主题。此搜索引擎和其他标题部分由搜索引擎用于理解页面主题。 </section>
+
+## Instructions
+<section id="instructions"> Camper Cat希望他的网站上有一个致力于成为忍者的页面。帮助他修复标题，以便他的标记为内容提供语义含义，并显示其部分的正确父子关系。将所有<code>h5</code>标签更改为正确的标题级别，以指示它们是<code>h2</code>标签的子部分。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该有六个<code>h3</code>标签。
+    testString: 'assert($("h3").length === 6, "Your code should have six <code>h3</code> tags.");'
+  - text: 您的代码不应包含任何<code>h5</code>标记。
+    testString: 'assert($("h5").length === 0, "Your code should not have any <code>h5</code> tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>How to Become a Ninja</h1>
+<main>
+  <h2>Learn the Art of Moving Stealthily</h2>
+  <h5>How to Hide in Plain Sight</h5>
+  <h5>How to Climb a Wall</h5>
+
+  <h2>Learn the Art of Battle</h2>
+  <h5>How to Strengthen your Body</h5>
+  <h5>How to Fight like a Ninja</h5>
+
+  <h2>Learn the Art of Living with Honor</h2>
+  <h5>How to Breathe Properly</h5>
+  <h5>How to Simplify your Life</h5>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/use-tabindex-to-add-keyboard-focus-to-an-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/use-tabindex-to-add-keyboard-focus-to-an-element.chinese.md
new file mode 100644
index 0000000000..8606a17916
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/use-tabindex-to-add-keyboard-focus-to-an-element.chinese.md
@@ -0,0 +1,97 @@
+---
+id: 587d7790367417b2b2512ab0
+title: Use tabindex to Add Keyboard Focus to an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用tabindex将键盘焦点添加到元素
+---
+
+## Description
+<section id="description"> HTML <code>tabindex</code>属性有三个与元素键盘焦点相关的不同功能。当它在标签上时，它表示可以关注元素。值（一个正数，负数或零的整数）决定了行为。当用户在页面中进行选项卡时，某些元素（如链接和表单控件）会自动接收键盘焦点。它与HTML源标记中的元素的顺序相同。通过在其上放置<code>tabindex=&quot;0&quot;</code>属性，可以将相同的功能赋予其他元素，例如<code>div</code> ， <code>span</code>和<code>p</code> 。这是一个例子： <code>&lt;div tabindex=&quot;0&quot;&gt;I need keyboard focus!&lt;/div&gt;</code> <strong>注意</strong> <br>负<code>tabindex</code>值（通常为-1）表示元素是可聚焦的，但键盘无法访问。此方法通常用于以编程方式将焦点集中到内容上（例如，当激活用于弹出窗口的<code>div</code>时），并且超出了这些挑战的范围。 </section>
+
+## Instructions
+<section id="instructions"> Camper Cat创建了一项新调查，以收集有关其用户的信息。他知道输入字段会自动获得键盘焦点，但他希望确保键盘用户在指示项目时暂停指示。将<code>tabindex</code>属性添加到<code>p</code>标记并将其值设置为“0”。奖金 - 使用<code>tabindex</code>还可以使CSS伪类<code>:focus</code>在<code>p</code>标签上工作。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该将<code>tabindex</code>属性添加到包含表单指令的<code>p</code>标记。
+    testString: 'assert($("p").attr("tabindex"), "Your code should add a <code>tabindex</code> attribute to the <code>p</code> tag that holds the form instructions.");'
+  - text: 您的代码应将<code>p</code>标记上的<code>tabindex</code>属性设置为值0。
+    testString: 'assert($("p").attr("tabindex") == "0", "Your code should set the <code>tabindex</code> attribute on the <code>p</code> tag to a value of 0.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  p:focus {
+    background-color: yellow;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Ninja Survey</h1>
+  </header>
+  <section>
+    <form>
+
+
+      <p>Instructions: Fill in ALL your information then click <b>Submit</b></p>
+
+
+      <label for="username">Username:</label>
+      <input type="text" id="username" name="username"><br>
+      <fieldset>
+        <legend>What level ninja are you?</legend>
+        <input id="newbie" type="radio" name="levels" value="newbie">
+        <label for="newbie">Newbie Kitten</label><br>
+        <input id="intermediate" type="radio" name="levels" value="intermediate">
+        <label for="intermediate">Developing Student</label><br>
+        <input id="master" type="radio" name="levels" value="master">
+        <label for="master">9th Life Master</label>
+      </fieldset>
+      <br>
+      <fieldset>
+      <legend>Select your favorite weapons:</legend>
+      <input id="stars" type="checkbox" name="weapons" value="stars">
+      <label for="stars">Throwing Stars</label><br>
+      <input id="nunchucks" type="checkbox" name="weapons" value="nunchucks">
+      <label for="nunchucks">Nunchucks</label><br>
+      <input id="sai" type="checkbox" name="weapons" value="sai">
+      <label for="sai">Sai Set</label><br>
+      <input id="sword" type="checkbox" name="weapons" value="sword">
+      <label for="sword">Sword</label>
+      </fieldset>
+      <br>
+      <input type="submit" name="submit" value="Submit">
+    </form><br>
+  </section>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.chinese.md
new file mode 100644
index 0000000000..f83b755c45
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.chinese.md
@@ -0,0 +1,85 @@
+---
+id: 587d7790367417b2b2512ab1
+title: Use tabindex to Specify the Order of Keyboard Focus for Several Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用tabindex指定多个元素的键盘焦点顺序
+---
+
+## Description
+<section id="description"> <code>tabindex</code>属性还指定元素的确切Tab键顺序。当属性的值被设置为1或更高的正数时，可以实现这一点。设置tabindex =“1”将首先将键盘焦点放在该元素上。然后循环显示指定<code>tabindex</code>值（2,3等）的序列，然后移至默认值和<code>tabindex=&quot;0&quot;</code>项。重要的是要注意，当以这种方式设置Tab键顺序时，它会覆盖默认顺序（使用HTML源）。这可能会使期望从页面顶部开始导航的用户感到困惑。在某些情况下，这种技术可能是必要的，但就可访问性而言，在应用之前要小心。这是一个例子： <code>&lt;div tabindex=&quot;1&quot;&gt;I get keyboard focus, and I get it first!&lt;/div&gt;</code> <code>&lt;div tabindex=&quot;2&quot;&gt;I get keyboard focus, and I get it second!&lt;/div&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Camper Cat在他的Inspirational Quotes页面上有一个搜索字段，他计划使用CSS在右上角定位。他希望搜索<code>input</code>并将<code>input</code>表单控件提交为Tab键顺序中的前两项。将<code>tabindex</code>属性设置为“1”到搜索<code>input</code> ， <code>tabindex</code>属性设置为“2”到提交<code>input</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该向搜索<code>input</code>标记添加<code>tabindex</code>属性。
+    testString: 'assert($("#search").attr("tabindex"), "Your code should add a <code>tabindex</code> attribute to the search <code>input</code> tag.");'
+  - text: 您的代码应该向提交<code>input</code>标记添加<code>tabindex</code>属性。
+    testString: 'assert($("#submit").attr("tabindex"), "Your code should add a <code>tabindex</code> attribute to the submit <code>input</code> tag.");'
+  - text: 您的代码应将搜索<code>input</code>标记上的<code>tabindex</code>属性设置为值1。
+    testString: 'assert($("#search").attr("tabindex") == "1", "Your code should set the <code>tabindex</code> attribute on the search <code>input</code> tag to a value of 1.");'
+  - text: 您的代码应将submit <code>input</code>标记上的<code>tabindex</code>属性设置为值2。
+    testString: 'assert($("#submit").attr("tabindex") == "2", "Your code should set the <code>tabindex</code> attribute on the submit <code>input</code> tag to a value of 2.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Even Deeper Thoughts with Master Camper Cat</h1>
+    <nav>
+      <ul>
+        <li><a href="">Home</a></li>
+        <li><a href="">Blog</a></li>
+        <li><a href="">Training</a></li>
+      </ul>
+    </nav>
+  </header>
+  <form>
+    <label for="search">Search:</label>
+
+
+    <input type="search" name="search" id="search">
+    <input type="submit" name="submit" value="Submit" id="submit">
+
+
+  </form>
+  <h2>Inspirational Quotes</h2>
+  <blockquote>
+    <p>&ldquo;There's no Theory of Evolution, just a list of creatures I've allowed to live.&rdquo;<br>
+    - Chuck Norris</p>
+  </blockquote>
+  <blockquote>
+    <p>&ldquo;Wise men say forgiveness is divine, but never pay full price for late pizza.&rdquo;<br>
+    - TMNT</p>
+  </blockquote>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.chinese.md
new file mode 100644
index 0000000000..2d3068ef68
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.chinese.md
@@ -0,0 +1,71 @@
+---
+id: 587d774e367417b2b2512aa0
+title: Wrap Content in the article Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 在文章元素中包装内容
+---
+
+## Description
+<section id="description"> <code>article</code>是另一个新的HTML5元素，它为您的标记添加了语义含义。 <code>Article</code>是一个sectioning元素，用于包装独立的，自包含的内容。该标记适用于博客条目，论坛帖子或新闻文章。确定内容是否可以独立通常是一种判断调用，但您可以使用几种简单的测试。问问自己是否删除了所有周围环境，该内容是否仍然有意义？类似地，对于文本，如果它在RSS提要中，内容是否会保留？请记住，使用辅助技术的人们依赖于有组织的，语义上有意义的标记来更好地理解您的工作。 <strong>关于<code>section</code>和<code>div</code>注意事项</strong> <br> <code>section</code>元素也是HTML5的新元素，与<code>article</code>语义含义略有不同。 <code>article</code>适用于独立内容，一个<code>section</code>用于分组与主题相关的内容。根据需要，它们可以在彼此之间使用。例如，如果一本书是<code>article</code> ，那么每章都是一个<code>section</code> 。当内容组之间没有关系时，请使用<code>div</code> 。 <blockquote> &lt;div&gt;  - 分组内容<br> &lt;section&gt;  - 分组相关内容<br> &lt;article&gt;  - 分组独立，自包含的内容<br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Camper Cat使用<code>article</code>标签将帖子包装在他的博客页面上，但他忘了在最顶层的帖子中使用它们。更改<code>div</code>标签以改为使用<code>article</code>标签。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该有三个<code>article</code>标签。
+    testString: 'assert($("article").length == 3, "Your code should have three <code>article</code> tags.");'
+  - text: 您的代码不应包含任何<code>div</code>标记。
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Deep Thoughts with Master Camper Cat</h1>
+<main>
+  <div>
+    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </div>
+
+  <img src="samuraiSwords.jpeg" alt="">
+
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near...</p>
+  </article>
+
+  <img src="samuraiSwords.jpeg" alt="">
+
+  <article>
+    <h2>Is Chuck Norris a Cat Person?</h2>
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.chinese.md
new file mode 100644
index 0000000000..73e9527221
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.chinese.md
@@ -0,0 +1,99 @@
+---
+id: 587d778b367417b2b2512aa7
+title: Wrap Radio Buttons in a fieldset Element for Better Accessibility
+challengeType: 0
+videoUrl: ''
+localeTitle: 在字段集元素中包裹单选按钮以获得更好的可访问性
+---
+
+## Description
+<section id="description">下一个表单主题包括单选按钮的可访问性。每个选项都有一个<code>label</code>其中一个<code>for</code>属性与最后一个挑战中涵盖的相应项目的<code>id</code>相关联。由于单选按钮通常位于用户必须选择一个的组中，因此有一种方法可以在语义上显示选项是一组的一部分。 <code>fieldset</code>标记围绕整个单选按钮组以实现此目的。它通常使用<code>legend</code>标记来提供分组的描述，屏幕阅读器可以为<code>fieldset</code>元素中的每个选项读取该描述。当选项不言自明时，如性别选择，则不需要<code>fieldset</code>包装器和<code>legend</code>标签。使用带有每个单选按钮的<code>for</code>属性的<code>label</code>就足够了。这是一个例子： <blockquote> &lt;FORM&gt; <br> &lt;字段集&gt; <br> &lt;legend&gt;选择以下三个项目之一：&lt;/ legend&gt; <br> &lt;input id =“one”type =“radio”name =“items”value =“one”&gt; <br> &lt;label for =“one”&gt; Choice One &lt;/ label&gt; &lt;br&gt; <br> &lt;input id =“two”type =“radio”name =“items”value =“two”&gt; <br> &lt;label for =“two”&gt;选择二&lt;/ label&gt; &lt;br&gt; <br> &lt;input id =“three”type =“radio”name =“items”value =“three”&gt; <br> &lt;label for =“three”&gt;选择三&lt;/ label&gt; <br> &lt;/字段集&gt; <br> &lt;/ FORM&gt; <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Camper Cat在注册其电子邮件列表时需要有关其用户的忍者级别的信息。他增加了一组单选按钮，并从我们过去的经验教训使用标签与标签<code>for</code>每个选择属性。去野营猫！但是，他的代码仍需要一些帮助。将单选按钮周围的<code>div</code>标签更改为<code>fieldset</code>标签，并将其中的<code>p</code>标签更改为<code>legend</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该在单选按钮集周围有一个<code>fieldset</code>标记。
+    testString: 'assert($("fieldset").length == 1, "Your code should have a <code>fieldset</code> tag around the radio button set.");'
+  - text: 确保您的<code>fieldset</code>元素具有结束标记。
+    testString: 'assert(code.match(/<\/fieldset>/g) && code.match(/<\/fieldset>/g).length === code.match(/<fieldset>/g).length, "Make sure your <code>fieldset</code> element has a closing tag.");'
+  - text: 您的代码应该在文本周围有一个<code>legend</code>标记，询问用户的忍者级别。
+    testString: 'assert($("legend").length == 1, "Your code should have a <code>legend</code> tag around the text asking what level ninja a user is.");'
+  - text: 您的代码不应包含任何<code>div</code>标记。
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: 你的代码不应该在文本周围有一个<code>p</code>标记，询问用户是什么级别的忍者。
+    testString: 'assert($("p").length == 4, "Your code should no longer have a <code>p</code> tag around the text asking what level ninja a user is.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <section>
+    <form>
+      <p>Sign up to receive Camper Cat's blog posts by email here!</p>
+      <label for="email">Email:</label>
+      <input type="text" id="email" name="email">
+
+
+      <!-- Add your code below this line -->
+      <div>
+        <p>What level ninja are you?</p>
+        <input id="newbie" type="radio" name="levels" value="newbie">
+        <label for="newbie">Newbie Kitten</label><br>
+        <input id="intermediate" type="radio" name="levels" value="intermediate">
+        <label for="intermediate">Developing Student</label><br>
+        <input id="master" type="radio" name="levels" value="master">
+        <label for="master">Master</label>
+      </div>
+      <!-- Add your code above this line -->
+
+
+      <input type="submit" name="submit" value="Submit">
+    </form>
+  </section>
+  <article>
+    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Is Chuck Norris a Cat Person?</h2>
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.chinese.md
new file mode 100644
index 0000000000..e057243301
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.chinese.md
@@ -0,0 +1,94 @@
+---
+id: 587d781b367417b2b2512abe
+title: Add a box-shadow to a Card-like Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 将盒子阴影添加到类似卡片的元素
+---
+
+## Description
+<section id="description"> <code>box-shadow</code>属性将一个或多个阴影应用于元素。 <code>box-shadow</code>属性采用<code>offset-x</code>值（从元素水平推动阴影的距离）， <code>offset-y</code> （从元素垂直推动阴影的距离）， <code>blur-radius</code> ， <code>spread-radius</code>和颜色价值，按此顺序。 <code>blur-radius</code>和<code>spread-radius</code>值是可选的。这是一个用于创建具有一些模糊的多个阴影的CSS的示例，大多数是透明的黑色： <blockquote> box-shadow：0 10px 20px rgba（0,0,0,0.19），0 6px 6px rgba（0,0,0,0.23）; </blockquote></section>
+
+## Instructions
+<section id="instructions">该元素现在具有<code>thumbnail</code> ID。使用此选择器，使用上面的示例CSS值在卡上放置一个<code>box-shadow</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应为<code>thumbnail</code> ID添加<code>box-shadow</code>属性。
+    testString: 'assert(code.match(/#thumbnail\s*?{\s*?box-shadow/g), "Your code should add a <code>box-shadow</code> property for the <code>thumbnail</code> id.");'
+  - text: 您应该使用给定的CSS作为<code>box-shadow</code>值。
+    testString: 'assert(code.match(/box-shadow:\s*?0\s+?10px\s+?20px\s+?rgba\(\s*?0\s*?,\s*?0\s*?,\s*?0\s*?,\s*?0?\.19\),\s*?0\s+?6px\s+?6px\s+?rgba\(\s*?0\s*?,\s*?0\s*?,\s*?0\s*?,\s*?0?\.23\)/gi), "You should use the given CSS for the <code>box-shadow</code> value.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+    font-size: 27px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+
+
+
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard" id="thumbnail">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.chinese.md
new file mode 100644
index 0000000000..ad67c5131d
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.chinese.md
@@ -0,0 +1,93 @@
+---
+id: 587d781b367417b2b2512abc
+title: Adjust the background-color Property of Text
+challengeType: 0
+videoUrl: ''
+localeTitle: 调整文本的背景颜色属性
+---
+
+## Description
+<section id="description">您可以为包含要强调的文本的元素添加<code>background-color</code> ，而不是调整整体背景或文本颜色以使前景易于阅读。此挑战使用<code>rgba()</code>而不是<code>hex</code>代码或普通<code>rgb()</code> 。 <blockquote> rgba代表： <br> r =红色<br> g =绿色<br> b =蓝色<br> a = alpha /不透明度</blockquote> RGB值的范围可以是0到255.α值的范围可以从1（完全不透明或纯色）到0（完全透明或清晰）。 <code>rgba()</code>非常适合在这种情况下使用，因为它允许您调整不透明度。这意味着您不必完全阻挡背景。您将使用<code>background-color: rgba(45, 45, 45, 0.1)</code>来应对此挑战。它产生深灰色，在低不透明度值为0.1时几乎是透明的。 </section>
+
+## Instructions
+<section id="instructions">要使文本更突出，请将<code>h4</code>元素的<code>background-color</code>调整为给定的<code>rgba()</code>值。同样对于<code>h4</code> ，删除<code>height</code>属性并添加10px的<code>padding</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '您的代码应该将<code>background-color</code>属性添加到设置为<code>rgba(45, 45, 45, 0.1)</code>的<code>h4</code>元素。'
+    testString: 'assert(code.match(/background-color:\s*?rgba\(\s*?45\s*?,\s*?45\s*?,\s*?45\s*?,\s*?0?\.1\s*?\)/gi), "Your code should add a <code>background-color</code> property to the <code>h4</code> element set to <code>rgba(45, 45, 45, 0.1)</code>.");'
+  - text: 您的代码应该为<code>h4</code>元素添加<code>padding</code>属性并将其设置为10像素。
+    testString: 'assert($("h4").css("padding-top") == "10px" && $("h4").css("padding-right") == "10px" && $("h4").css("padding-bottom") == "10px" && $("h4").css("padding-left") == "10px", "Your code should add a <code>padding</code> property to the <code>h4</code> element and set it to 10 pixels.");'
+  - text: 应删除<code>h4</code>元素上的<code>height</code>属性。
+    testString: 'assert(!($("h4").css("height") == "25px"), "The <code>height</code> property on the <code>h4</code> element should be removed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-color-of-various-elements-to-complementary-colors.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-color-of-various-elements-to-complementary-colors.chinese.md
new file mode 100644
index 0000000000..c92b51848b
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-color-of-various-elements-to-complementary-colors.chinese.md
@@ -0,0 +1,92 @@
+---
+id: 587d78a4367417b2b2512ad3
+title: Adjust the Color of Various Elements to Complementary Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: 将各种元素的颜色调整为互补色
+---
+
+## Description
+<section id="description">互补色挑战表明，色轮上的相反颜色可以使并排放置时彼此显得更加生动。然而，如果在网站上过度使用，强烈的视觉对比可能会很刺耳，如果将文本置于互补色背景上，有时可能会使文本难以阅读。在实践中，其中一种颜色通常占主导地位，补充用于将视觉注意力集中在页面上的某些内容上。 </section>
+
+## Instructions
+<section id="instructions">此页面将使用深青色（ <code>#09A7A1</code> ）作为主色，其橙色（ <code>#FF790E</code> ）补充以在视觉上突出显示注册按钮。将<code>header</code>和<code>footer</code>的<code>background-color</code>从黑色更改为青色。然后将<code>h2</code>文本<code>color</code>更改为蓝绿色。最后，将<code>button</code>的<code>background-color</code>更改为橙色。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>header</code>元素的<code>background-color</code>为＃09A7A1。
+    testString: 'assert($("header").css("background-color") == "rgb(9, 167, 161)", "The <code>header</code> element should have a <code>background-color</code> of #09A7A1.");'
+  - text: <code>footer</code>元素的<code>background-color</code>为＃09A7A1。
+    testString: 'assert($("footer").css("background-color") == "rgb(9, 167, 161)", "The <code>footer</code> element should have a <code>background-color</code> of #09A7A1.");'
+  - text: <code>h2</code>元素的<code>color</code>应为＃09A7A1。
+    testString: 'assert($("h2").css("color") == "rgb(9, 167, 161)", "The <code>h2</code> element should have a <code>color</code> of #09A7A1.");'
+  - text: <code>button</code>元素的<code>background-color</code>为＃FF790E。
+    testString: 'assert($("button").css("background-color") == "rgb(255, 121, 14)", "The <code>button</code> element should have a <code>background-color</code> of #FF790E.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: white;
+  }
+  header {
+    background-color: black;
+    color: white;
+    padding: 0.25em;
+  }
+  h2 {
+    color: black;
+  }
+  button {
+    background-color: white;
+  }
+  footer {
+    background-color: black;
+    color: white;
+    padding: 0.5em;
+  }
+</style>
+<header>
+  <h1>Cooking with FCC!</h1>
+</header>
+<main>
+  <article>
+    <h2>Machine Learning in the Kitchen</h2>
+    <p>Join this two day workshop that walks through how to implement cutting-edge snack-getting algorithms with a command line interface. Coding usually involves writing exact instructions, but sometimes you need your computer to execute flexible commands, like <code>fetch Pringles</code>.</p>
+    <button>Sign Up</button>
+  </article>
+  <article>
+    <h2>Bisection Vegetable Chopping</h2>
+    <p>This week-long retreat will level-up your coding ninja skills to actual ninja skills. No longer is the humble bisection search limited to sorted arrays or coding interview questions, applying its concepts in the kitchen will have you chopping carrots in O(log n) time before you know it.</p>
+    <button>Sign Up</button>
+  </article>
+</main>
+<br>
+<footer>&copy; 2018 FCC Kitchen</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.chinese.md
new file mode 100644
index 0000000000..31ade7a75f
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.chinese.md
@@ -0,0 +1,83 @@
+---
+id: 587d7791367417b2b2512ab5
+title: Adjust the Height of an Element Using the height Property
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用height属性调整元素的高度
+---
+
+## Description
+<section id="description">您可以使用CSS中的<code>height</code>属性指定元素的<code>height</code> ，类似于<code>width</code>属性。这是一个将图像高度更改为20px的示例： <blockquote> img { <br>身高：20px; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">将<code>height</code>属性添加到<code>h4</code>标记并将其设置为25px。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应将<code>h4</code> <code>height</code>属性更改为25像素的值。
+    testString: 'assert($("h4").css("height") == "25px", "Your code should change the <code>h4</code> <code>height</code> property to a value of 25 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    margin-right: 20px;
+    text-align: left;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag.chinese.md
new file mode 100644
index 0000000000..2cef03440d
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 587d781d367417b2b2512ac8
+title: Adjust the Hover State of an Anchor Tag
+challengeType: 0
+videoUrl: ''
+localeTitle: 调整锚标记的悬停状态
+---
+
+## Description
+<section id="description">这个挑战将涉及伪类的使用。伪类是可以添加到选择器的关键字，以便选择元素的特定状态。例如，可以使用<code>:hover</code>伪类选择器更改锚标记的样式以用于其悬停状态。这是用于在悬停状态期间将锚标记的<code>color</code>更改为红色的CSS： <blockquote> a：悬停{ <br>红色; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">代码编辑器有一个CSS规则样式的所有<code>a</code>标签黑色。加入规则，以便当用户将鼠标悬停在<code>a</code>标签时， <code>color</code>是蓝色。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '锚标记<code>color</code>应保持黑色，仅为<code>:hover</code>状态添加CSS规则。'
+    testString: 'assert($("a").css("color") == "rgb(0, 0, 0)", "The anchor tag <code>color</code> should remain black, only add CSS rules for the <code>:hover</code> state.");'
+  - text: 锚标签应该有一个<code>color</code>的蓝色悬停。
+    testString: 'assert(code.match(/a:hover\s*?{\s*?color:\s*?blue;\s*?}/gi), "The anchor tag should have a <code>color</code> of blue on hover.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  a {
+    color: #000;
+  }
+
+
+
+</style>
+<a href="http://freecatphotoapp.com/" target="_blank">CatPhotoApp</a>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.chinese.md
new file mode 100644
index 0000000000..9d9697e3b9
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.chinese.md
@@ -0,0 +1,85 @@
+---
+id: 587d78a4367417b2b2512ad4
+title: Adjust the Hue of a Color
+challengeType: 0
+videoUrl: ''
+localeTitle: 调整颜色的色调
+---
+
+## Description
+<section id="description">颜色具有几个特征，包括色调，饱和度和亮度。 CSS3引入了<code>hsl()</code>属性作为通过直接声明这些特征来选择颜色的替代方法。 <b>顺化</b>是人们通常认为的“颜色”。如果您在左侧以红色开始，在中间移动绿色，在右侧移动蓝色，则色调是沿着此线条的颜色。在<code>hsl()</code> ，色调使用色轮概念而不是光谱，其中圆上颜色的角度以0到360之间的值给出。 <b>饱和度</b>是颜色中的灰色量。完全饱和的颜色没有灰色，最低饱和的颜色几乎完全是灰色。这是以100％完全饱和的百分比给出的。 <b>亮度</b>是一种颜色的白色或黑色。给出百分比范围从0％（黑色）到100％（白色），其中50％是正常颜色。以下是使用具有完全饱和，正常亮度颜色的<code>hsl()</code>的几个示例： <table class="table table-striped"><thead><tr><th>颜色</th><th> HSL </th></tr></thead><tbody><tr><td>红</td><td> hsl（0,100％，50％） </td></tr><tr><td>黄色</td><td> hsl（60,100％，50％） </td></tr><tr><td>绿色</td><td> hsl（120,100％，50％） </td></tr><tr><td>青色</td><td> hsl（180％，100％，50％） </td></tr><tr><td>蓝色</td><td> hsl（240,100％，50％） </td></tr><tr><td>品红</td><td> hsl（300,100％，50％） </td></tr></tbody></table></section>
+
+## Instructions
+<section id="instructions">使用<code>hsl()</code>根据类名（ <code>green</code> ， <code>cyan</code>或<code>blue</code> ）更改每个<code>div</code>元素的<code>background-color</code> 。这三个都应该具有完全饱和度和正常亮度。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应使用<code>hsl()</code>属性将颜色声明为绿色。
+    testString: 'assert(code.match(/\.green\s*?{\s*?background-color:\s*?hsl/gi), "Your code should use the <code>hsl()</code> property to declare the color green.");'
+  - text: 您的代码应使用<code>hsl()</code>属性来声明青色。
+    testString: 'assert(code.match(/\.cyan\s*?{\s*?background-color:\s*?hsl/gi), "Your code should use the <code>hsl()</code> property to declare the color cyan.");'
+  - text: 您的代码应使用<code>hsl()</code>属性将颜色声明为蓝色。
+    testString: 'assert(code.match(/\.blue\s*?{\s*?background-color:\s*?hsl/gi), "Your code should use the <code>hsl()</code> property to declare the color blue.");'
+  - text: 具有<code>green</code>类的<code>div</code>元素应具有<code>green</code>的<code>background-color</code> 。
+    testString: 'assert($(".green").css("background-color") == "rgb(0, 255, 0)", "The <code>div</code> element with class <code>green</code> should have a <code>background-color</code> of green.");'
+  - text: 具有<code>cyan</code>类的<code>div</code>元素应具有<code>cyan</code>的<code>background-color</code> 。
+    testString: 'assert($(".cyan").css("background-color") == "rgb(0, 255, 255)", "The <code>div</code> element with class <code>cyan</code> should have a <code>background-color</code> of cyan.");'
+  - text: 具有<code>blue</code>类的<code>div</code>元素应具有<code>blue</code>的<code>background-color</code> 。
+    testString: 'assert($(".blue").css("background-color") == "rgb(0, 0, 255)", "The <code>div</code> element with class <code>blue</code> should have a <code>background-color</code> of blue.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: #FFFFFF;
+  }
+
+  .green {
+    background-color: #000000;
+  }
+
+  .cyan {
+    background-color: #000000;
+  }
+
+  .blue {
+    background-color: #000000;
+  }
+
+  div {
+    display: inline-block;
+    height: 100px;
+    width: 100px;
+  }
+</style>
+
+<div class="green"></div>
+<div class="cyan"></div>
+<div class="blue"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-size-of-a-header-versus-a-paragraph-tag.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-size-of-a-header-versus-a-paragraph-tag.chinese.md
new file mode 100644
index 0000000000..598596f1fa
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-size-of-a-header-versus-a-paragraph-tag.chinese.md
@@ -0,0 +1,89 @@
+---
+id: 587d781b367417b2b2512abd
+title: Adjust the Size of a Header Versus a Paragraph Tag
+challengeType: 0
+videoUrl: ''
+localeTitle: 调整标题的大小与段落标记
+---
+
+## Description
+<section id="description">标题标记（ <code>h1</code>到<code>h6</code> ）的字体大小通常应大于段落标记的字体大小。这使用户更容易在视觉上理解页面上所有内容的布局和重要性级别。您可以使用<code>font-size</code>属性调整元素中文本的大小。 </section>
+
+## Instructions
+<section id="instructions">若要使标题明显大于段落，请将<code>h4</code>标记的<code>font-size</code>更改为27像素。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该将<code>font-size</code>属性添加到设置为27像素的<code>h4</code>元素。
+    testString: 'assert($("h4").css("font-size") == "27px", "Your code should add a <code>font-size</code> property to the <code>h4</code> element set to 27 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color.chinese.md
new file mode 100644
index 0000000000..a0f3469988
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color.chinese.md
@@ -0,0 +1,89 @@
+---
+id: 587d78a4367417b2b2512ad5
+title: Adjust the Tone of a Color
+challengeType: 0
+videoUrl: ''
+localeTitle: 调整颜色的色调
+---
+
+## Description
+<section id="description"> CSS中的<code>hsl()</code>选项还可以轻松调整颜色的色调。混合白色和纯净的色调会产生这种颜色的色调，添加黑色会产生阴影。或者，通过添加灰色或通过着色和着色来产生色调。回想一下， <code>hsl()</code>的&#39;s&#39;和&#39;l&#39;分别代表饱和度和亮度。饱和度百分比会改变灰度，亮度百分比决定颜色中白色或黑色的含量。当您拥有自己喜欢的基色调时，这很有用，但需要不同的变体。 </section>
+
+## Instructions
+<section id="instructions">此站点上的导航栏当前从<code>header</code>元素继承其<code>background-color</code> 。从该颜色作为基础开始，为<code>nav</code>元素添加<code>background-color</code> ，使其使用相同的青色色调，但具有80％饱和度和25％亮度值，以改变其色调和阴影。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>nav</code>元素应使用<code>hsl()</code>属性具有调整后的青色调的<code>background-color</code> 。
+    testString: 'assert(code.match(/nav\s*?{\s*?background-color:\s*?hsl\(180,\s*?80%,\s*?25%\)/gi), "The <code>nav</code> element should have a <code>background-color</code> of the adjusted cyan tone using the <code>hsl()</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  header {
+    background-color: hsl(180, 90%, 35%);
+    color: #FFFFFF;
+  }
+
+  nav {
+
+  }
+
+  h1 {
+    text-indent: 10px;
+    padding-top: 10px;
+  }
+
+  nav ul {
+    margin: 0px;
+    padding: 5px 0px 5px 30px;
+  }
+
+  nav li {
+    display: inline;
+    margin-right: 20px;
+  }
+
+  a {
+    text-decoration: none;
+    color: inherit;
+  }
+</style>
+
+<header>
+  <h1>Cooking with FCC!</h1>
+  <nav>
+    <ul>
+      <li><a href="#">Home</a></li>
+      <li><a href="#">Classes</a></li>
+      <li><a href="#">Contact</a></li>
+    </ul>
+  </nav>
+</header>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-width-of-an-element-using-the-width-property.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-width-of-an-element-using-the-width-property.chinese.md
new file mode 100644
index 0000000000..260d084af7
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-width-of-an-element-using-the-width-property.chinese.md
@@ -0,0 +1,82 @@
+---
+id: 587d7791367417b2b2512ab4
+title: Adjust the Width of an Element Using the width Property
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用width属性调整元素的宽度
+---
+
+## Description
+<section id="description">您可以使用CSS中的<code>width</code>属性指定元素的<code>width</code> 。值可以以相对长度单位（例如em），绝对长度单位（例如px）或其包含的父元素的百分比给出。这是一个将图像宽度更改为220px的示例： <blockquote> img { <br>宽度：220px; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">将<code>width</code>属性添加到整个卡并将其设置为绝对值245px。使用<code>fullCard</code>类选择元素。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应使用<code>fullCard</code>类选择器将卡的<code>width</code>属性更改为245像素。
+    testString: 'assert(code.match(/.fullCard\s*{[\s\S][^}]*\n*^\s*width\s*:\s*245px\s*;/gm), "Your code should change the <code>width</code> property of the card to 245 pixels by using the <code>fullCard</code> class selector.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    margin-right: 20px;
+    text-align: left;
+  }
+  .fullCard {
+
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/animate-elements-at-variable-rates.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/animate-elements-at-variable-rates.chinese.md
new file mode 100644
index 0000000000..93c3e5ed3e
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/animate-elements-at-variable-rates.chinese.md
@@ -0,0 +1,100 @@
+---
+id: 587d78a8367417b2b2512ae5
+title: Animate Elements at Variable Rates
+challengeType: 0
+videoUrl: ''
+localeTitle: 以可变速率动画元素
+---
+
+## Description
+<section id="description">有多种方法可以改变类似动画元素的动画速率。到目前为止，这是通过应用<code>animation-iteration-count</code>属性和设置<code>@keyframes</code>规则来实现的。为了说明，右侧的动画由两个“星星”组成，每个“星星”的大小和不透明度在<code>@keyframes</code>规则中的20％标记处<code>@keyframes</code> ，从而创建闪烁动画。您可以更改其中一个元素的<code>@keyframes</code>规则，以便星星以不同的速率闪烁。 </section>
+
+## Instructions
+<section id="instructions">通过将其<code>@keyframes</code>规则更改为50％，更改类名为<code>star-1</code>的元素的动画速率。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>star-1</code>类的<code>@keyframes</code>规则应为50％。
+    testString: 'assert(code.match(/twinkle-1\s*?{\s*?50%/g), "The <code>@keyframes</code> rule for the <code>star-1</code> class should be 50%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .stars {
+    background-color: white;
+    height: 30px;
+    width: 30px;
+    border-radius: 50%;
+    animation-iteration-count: infinite;
+  }
+
+  .star-1 {
+    margin-top: 15%;
+    margin-left: 60%;
+    animation-name: twinkle-1;
+    animation-duration: 1s;
+  }
+
+  .star-2 {
+    margin-top: 25%;
+    margin-left: 25%;
+    animation-name: twinkle-2;
+    animation-duration: 1s;
+  }
+
+  @keyframes twinkle-1 {
+    20% {
+      transform: scale(0.5);
+      opacity: 0.5;
+    }
+  }
+
+  @keyframes twinkle-2 {
+    20% {
+      transform: scale(0.5);
+      opacity: 0.5;
+    }
+  }
+
+  #back {
+    position: fixed;
+    padding: 0;
+    margin: 0;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(black, #000099, #66c2ff, #ffcccc, #ffeee6);
+  }
+</style>
+
+<div id="back"></div>
+<div class="star-1 stars"></div>
+<div class="star-2 stars"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/animate-elements-continually-using-an-infinite-animation-count.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/animate-elements-continually-using-an-infinite-animation-count.chinese.md
new file mode 100644
index 0000000000..e2a84d5c59
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/animate-elements-continually-using-an-infinite-animation-count.chinese.md
@@ -0,0 +1,81 @@
+---
+id: 587d78a8367417b2b2512ae3
+title: Animate Elements Continually Using an Infinite Animation Count
+challengeType: 0
+videoUrl: ''
+localeTitle: 动画元素不断使用无限动画计数
+---
+
+## Description
+<section id="description">之前的挑战涉及如何使用某些动画属性和<code>@keyframes</code>规则。另一个动画属性是<code>animation-iteration-count</code> ，它允许您控制循环动画的次数。这是一个例子： <code>animation-iteration-count: 3;</code>在这种情况下，动画将在运行3次后停止，但可以通过将该值设置为无限来使动画连续运行。 </section>
+
+## Instructions
+<section id="instructions">要使球在连续循环中保持在右侧弹跳，请将<code>animation-iteration-count</code>属性更改为无限。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>animation-iteration-count</code>属性应具有无限值。
+    testString: 'assert($("#ball").css("animation-iteration-count") == "infinite", "The <code>animation-iteration-count</code> property should have a value of infinite.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  #ball {
+    width: 100px;
+    height: 100px;
+    margin: 50px auto;
+    position: relative;
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    animation-name: bounce;
+    animation-duration: 1s;
+    animation-iteration-count: 3;
+  }
+
+  @keyframes bounce{
+    0% {
+      top: 0px;
+    }
+    50% {
+      top: 249px;
+      width: 130px;
+      height: 70px;
+    }
+    100% {
+      top: 0px;
+    }
+  }
+</style>
+<div id="ball"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/animate-multiple-elements-at-variable-rates.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/animate-multiple-elements-at-variable-rates.chinese.md
new file mode 100644
index 0000000000..6b5ce4acc3
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/animate-multiple-elements-at-variable-rates.chinese.md
@@ -0,0 +1,105 @@
+---
+id: 587d78a8367417b2b2512ae6
+title: Animate Multiple Elements at Variable Rates
+challengeType: 0
+videoUrl: ''
+localeTitle: 以可变速率动画多个元素
+---
+
+## Description
+<section id="description">在之前的挑战中，您通过更改其<code>@keyframes</code>规则来更改两个相似动画元素的动画速率。您可以通过操纵多个元素的<code>animation-duration</code>来实现相同的目标。在代码编辑器中运行的动画中，天空中有三个“星星”在连续循环中以相同的速率闪烁。要使它们以不同的速率闪烁，可以将<code>animation-duration</code>属性设置为每个元素的不同值。 </section>
+
+## Instructions
+<section id="instructions">将类别为<code>star-1</code> ， <code>star-2</code>和<code>star-3</code>的元素的<code>animation-duration</code>设置为1s，0.9s和1.1s。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 具有<code>star-1</code>的星的<code>animation-duration</code>属性应保持为1秒。
+    testString: 'assert($(".star-1").css("animation-duration") == "1s", "The <code>animation-duration</code> property for the star with class <code>star-1</code> should remain at 1s.");'
+  - text: <code>star-2</code>的星的<code>animation-duration</code>属性应为0.9秒。
+    testString: 'assert($(".star-2").css("animation-duration") == "0.9s", "The <code>animation-duration</code> property for the star with class <code>star-2</code> should be 0.9s.");'
+  - text: <code>star-3</code>的星的<code>animation-duration</code>属性应为1.1秒。
+    testString: 'assert($(".star-3").css("animation-duration") == "1.1s", "The <code>animation-duration</code> property for the star with class <code>star-3</code> should be 1.1s.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .stars {
+    background-color: white;
+    height: 30px;
+    width: 30px;
+    border-radius: 50%;
+    animation-iteration-count: infinite;
+  }
+
+  .star-1 {
+    margin-top: 15%;
+    margin-left: 60%;
+    animation-duration: 1s;
+    animation-name: twinkle;
+  }
+
+  .star-2 {
+    margin-top: 25%;
+    margin-left: 25%;
+    animation-duration: 1s;
+    animation-name: twinkle;
+  }
+
+  .star-3 {
+    margin-top: 10%;
+    margin-left: 50%;
+    animation-duration: 1s;
+    animation-name: twinkle;
+  }
+
+  @keyframes twinkle {
+    20% {
+      transform: scale(0.5);
+      opacity: 0.5;
+    }
+  }
+
+  #back {
+    position: fixed;
+    padding: 0;
+    margin: 0;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(black, #000099, #66c2ff, #ffcccc, #ffeee6);
+  }
+</style>
+
+<div id="back"></div>
+<div class="star-1 stars"></div>
+<div class="star-2 stars"></div>
+<div class="star-3 stars"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.chinese.md
new file mode 100644
index 0000000000..8bb19bb7ca
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.chinese.md
@@ -0,0 +1,57 @@
+---
+id: 587d78a3367417b2b2512ad0
+title: Center an Element Horizontally Using the margin Property
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用margin属性水平居中元素
+---
+
+## Description
+<section id="description">另一种定位技术是将块元素水平居中。一种方法是将其<code>margin</code>设置为auto值。此方法也适用于图像。默认情况下，图像是内联元素，但在将<code>display</code>属性设置为block时可以更改为块元素。 </section>
+
+## Instructions
+<section id="instructions">居中的<code>div</code>通过添加在页面上<code>margin</code>属性与汽车的价值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>div</code>应该有一个设置为auto的<code>margin</code> 。
+    testString: 'assert(code.match(/margin:\s*?auto;/g), "The <code>div</code> should have a <code>margin</code> set to auto.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    background-color: blue;
+    height: 100px;
+    width: 100px;
+
+  }
+</style>
+<div></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/change-an-elements-relative-position.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/change-an-elements-relative-position.chinese.md
new file mode 100644
index 0000000000..3f1713fd16
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/change-an-elements-relative-position.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 587d781e367417b2b2512ac9
+title: Change an Element's Relative Position
+challengeType: 0
+videoUrl: ''
+localeTitle: 更改元素的相对位置
+---
+
+## Description
+<section id="description"> CSS将每个HTML元素视为自己的框，通常称为<code>CSS Box Model</code> 。块级项目自动从新行开始（想想标题，段落和div），而内联项目位于周围内容（如图像或跨度）中。以这种方式的元素的默认布局称为文档的<code>normal flow</code> ，但CSS提供position属性来覆盖它。当元素的位置设置为<code>relative</code> ，它允许您指定CSS应如何<i>相</i>对于页面正常流中的当前位置移动它。它与<code>left</code>或<code>right</code>以及<code>top</code>或<code>bottom</code>的CSS偏移属性配对。这些表示将物品从通常定位的位置<i>移开的</i>像素，百分比或ems的数量。以下示例将段落从底部移开10个像素： <blockquote> p { <br>位置：相对; <br>底部：10px; <br> } </blockquote>将元素的位置更改为相对位置不会将其从正常流中移除 - 其周围的其他元素仍然表现为该项位于其默认位置。 <strong>注意</strong> <br>定位为页面的可视化布局提供了很大的灵活性和强大功能。值得记住的是，无论元素的位置如何，底层的HTML标记都应该有条理，从上到下阅读时才有意义。这就是具有视觉障碍的用户（依赖屏幕阅读器等辅助设备）访问您的内容的方式。 </section>
+
+## Instructions
+<section id="instructions">将<code>h2</code>的<code>position</code>更改为<code>relative</code> <code>position</code> ，并使用CSS偏移将其移动到距离正常流动位置<code>top</code> 15个像素的位置。请注意，周围的h1和p元素的位置没有影响。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>h2</code>元素的<code>position</code>属性应设置为<code>relative</code> 。
+    testString: 'assert($("h2").css("position") == "relative", "The <code>h2</code> element should have a <code>position</code> property set to <code>relative</code>.");'
+  - text: 您的代码应该使用CSS偏移来相对地将<code>h2</code> 15px定位在远离其正常位置的<code>top</code> 。
+    testString: 'assert($("h2").css("top") == "15px", "Your code should use a CSS offset to relatively position the <code>h2</code> 15px away from the <code>top</code> of where it normally sits.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h2 {
+
+
+  }
+</style>
+<body>
+  <h1>On Being Well-Positioned</h1>
+  <h2>Move me!</h2>
+  <p>I still think the h2 is where it normally sits.</p>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/change-animation-timing-with-keywords.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/change-animation-timing-with-keywords.chinese.md
new file mode 100644
index 0000000000..43dcb52843
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/change-animation-timing-with-keywords.chinese.md
@@ -0,0 +1,89 @@
+---
+id: 587d78a8367417b2b2512ae7
+title: Change Animation Timing with Keywords
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用关键字更改动画计时
+---
+
+## Description
+<section id="description">在CSS动画中， <code>animation-timing-function</code>属性控制动画元素在动画持续时间内的变化速度。如果动画是在给定时间（ <code>animation-duration</code> ）从A点移动到B点的汽车，则<code>animation-timing-function</code>表示汽车在行驶过程中如何加速和减速。有许多预定义的关键字可用于热门选项。例如，默认值为<code>ease</code> ，它开始缓慢，在中间加速，然后在最后再次减速。其他选项包括<code>ease-out</code> ，在开始时快速然后减速， <code>ease-in</code> ，在开始时缓慢，然后在结束时加速，或<code>linear</code> ，其在整个过程中应用恒定的动画速度。 </section>
+
+## Instructions
+<section id="instructions">用于与ID的元素<code>ball1</code>和<code>ball2</code> ，一个添加<code>animation-timing-function</code>属性的每个，并设置<code>#ball1</code>至<code>linear</code> ，和<code>#ball2</code>到<code>ease-out</code> 。注意元素在动画期间如何移动但在一起结束之间的区别，因为它们共享相同的<code>animation-duration</code> 2秒。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 具有id <code>ball1</code>的元素的<code>animation-timing-function</code>属性的值应该是线性的。
+    testString: 'assert($("#ball1").css("animation-timing-function") == "linear", "The value of the <code>animation-timing-function</code> property for the element with the id <code>ball1</code> should be linear.");'
+  - text: 具有id <code>ball2</code>的元素的<code>animation-timing-function</code>属性的<code>ball2</code>应该是缓出的。
+    testString: 'assert($("#ball2").css("animation-timing-function") == "ease-out", "The value of the <code>animation-timing-function</code> property for the element with the id <code>ball2</code> should be ease-out.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  .balls {
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    margin-top: 50px;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #ball1 {
+    left:27%;
+
+  }
+  #ball2 {
+    left:56%;
+
+  }
+
+@keyframes bounce {
+  0% {
+    top: 0px;
+  }
+  100% {
+    top: 249px;
+  }
+}
+
+</style>
+
+<div class="balls" id="ball1"></div>
+<div class="balls" id="ball2"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/change-the-position-of-overlapping-elements-with-the-z-index-property.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/change-the-position-of-overlapping-elements-with-the-z-index-property.chinese.md
new file mode 100644
index 0000000000..0afb2f2483
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/change-the-position-of-overlapping-elements-with-the-z-index-property.chinese.md
@@ -0,0 +1,71 @@
+---
+id: 587d78a3367417b2b2512acf
+title: Change the Position of Overlapping Elements with the z-index Property
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用z-index属性更改重叠元素的位置
+---
+
+## Description
+<section id="description">当元素定位为重叠时，默认情况下，HTML标记中稍后出现的元素将显示在其他元素的顶部。但是， <code>z-index</code>属性可以指定元素彼此堆叠的顺序。它必须是整数（即整数而不是小数），并且元素的<code>z-index</code>属性的较高值会使其在堆栈中的移动值高于具有较低值的值。 </section>
+
+## Instructions
+<section id="instructions">将<code>z-index</code>属性添加到类名为<code>first</code> （红色矩形）的元素中，并将其设置为值2，以便覆盖另一个元素（蓝色矩形）。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 具有类<code>first</code>的元素的<code>z-index</code>值应为2。
+    testString: 'assert($(".first").css("z-index") == "2", "The element with class <code>first</code> should have a <code>z-index</code> value of 2.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    width: 60%;
+    height: 200px;
+    margin-top: 20px;
+  }
+
+  .first {
+    background-color: red;
+    position: absolute;
+
+  }
+  .second {
+    background-color: blue;
+    position: absolute;
+    left: 40px;
+    top: 50px;
+    z-index: 1;
+  }
+</style>
+
+<div class="first"></div>
+<div class="second"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.chinese.md
new file mode 100644
index 0000000000..7a8ddc9f34
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 587d78a5367417b2b2512ad6
+title: Create a Gradual CSS Linear Gradient
+challengeType: 0
+videoUrl: ''
+localeTitle: 创建渐进的CSS线性渐变
+---
+
+## Description
+<section id="description">在HTML元素上应用颜色不仅限于一个平面色调。 CSS提供了在元素上使用颜色过渡（也称为渐变）的功能。这可以通过<code>background</code>属性的<code>linear-gradient()</code>函数访问。这是一般语法： <code>background: linear-gradient(gradient_direction, color 1, color 2, color 3, ...);</code>第一个参数指定颜色过渡开始的方向 - 它可以表示为度，其中90deg为垂直渐变，45deg的角度为反斜杠。以下参数指定渐变中使用的颜色顺序。示例： <code>background: linear-gradient(90deg, red, yellow, rgb(204, 204, 255));</code> </section>
+
+## Instructions
+<section id="instructions">对<code>div</code>元素的<code>background</code>使用<code>linear-gradient()</code> ，并从35度的方向设置它以将颜色从<code>#CCFFFF</code>更改为<code>#FFCCCC</code> 。 <strong>注意</strong> <br>虽然还有其他方法可以指定颜色值，例如<code>rgb()</code>或<code>hsl()</code> ，但请为此挑战使用十六进制值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>div</code>元素应具有指定方向和颜色的<code>linear-gradient</code> <code>background</code> 。
+    testString: 'assert(code.match(/background:\s*?linear-gradient\(35deg,\s*?(#CCFFFF|#CFF),\s*?(#FFCCCC|#FCC)\);/gi), "The <code>div</code> element should have a <code>linear-gradient</code> <code>background</code> with the specified direction and colors.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  div{
+    border-radius: 20px;
+    width: 70%;
+    height: 400px;
+    margin: 50px auto;
+
+  }
+
+</style>
+
+<div></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.chinese.md
new file mode 100644
index 0000000000..fdfab2263b
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.chinese.md
@@ -0,0 +1,71 @@
+---
+id: 587d78a6367417b2b2512add
+title: Create a Graphic Using CSS
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用CSS创建图形
+---
+
+## Description
+<section id="description">通过操纵不同的选择器和属性，您可以制作有趣的形状。其中一个更容易尝试的是月牙形状。对于此挑战，您需要使用设置元素<code>box-shadow</code>的<code>box-shadow</code>属性，以及控制元素角落圆度的<code>border-radius</code>属性。您将创建一个圆形透明对象，其阴影略微偏向侧面 - 阴影实际上将是您看到的月亮形状。要创建圆形对象， <code>border-radius</code>属性应设置为50％的值。您可以从之前的挑战中回想一下， <code>box-shadow</code>属性采用<code>offset-x</code> ， <code>offset-y</code> ， <code>blur-radius</code> ， <code>spread-radius</code>和颜色值的值。 <code>blur-radius</code>和<code>spread-radius</code>值是可选的。 </section>
+
+## Instructions
+<section id="instructions">在编辑器中操纵方形元素以创建月亮形状。首先，将<code>background-color</code>更改为透明，然后将<code>border-radius</code>属性设置为50％以生成圆形。最后，更改<code>box-shadow</code>属性，将<code>offset-x</code>设置为25px， <code>offset-y</code>为10px， <code>blur-radius</code>为0， <code>spread-radius</code>为0，颜色设置为蓝色。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>background-color</code>属性的值应设置为<code>transparent</code> 。
+    testString: 'assert(code.match(/background-color:\s*?transparent;/gi), "The value of the <code>background-color</code> property should be set to <code>transparent</code>.");'
+  - text: <code>border-radius</code>属性的值应设置为<code>50%</code> 。
+    testString: 'assert(code.match(/border-radius:\s*?50%;/gi), "The value of the <code>border-radius</code> property should be set to <code>50%</code>.");'
+  - text: <code>box-shadow</code>属性的值应设置为<code>offset-x</code>为25px， <code>offset-y</code>为10px， <code>blur-radius</code>为0， <code>spread-radius</code>为0，最后为颜色为蓝色。
+    testString: 'assert(code.match(/box-shadow:\s*?25px\s+?10px\s+?0(px)?\s+?0(px)?\s+?blue\s*?;/gi), "The value of the <code>box-shadow</code> property should be set to 25px for <code>offset-x</code>, 10px for <code>offset-y</code>, 0 for <code>blur-radius</code>, 0 for <code>spread-radius</code>, and finally blue for the color.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+.center
+{
+  position: absolute;
+  margin: auto;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+
+  background-color: blue;
+  border-radius: 0px;
+  box-shadow: 25px 10px 10px 10px green;
+}
+
+</style>
+<div class="center"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.chinese.md
new file mode 100644
index 0000000000..8c3dda338a
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.chinese.md
@@ -0,0 +1,89 @@
+---
+id: 587d781b367417b2b2512abb
+title: Create a Horizontal Line Using the hr Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用hr元素创建水平线
+---
+
+## Description
+<section id="description">您可以使用<code>hr</code>标记在其包含元素的宽度上添加水平线。这可用于定义主题更改或直观地分隔内容组。 </section>
+
+## Instructions
+<section id="instructions">在<code>h4</code>下面添加一个<code>hr</code>标签，其中包含卡片标题。 <strong>注意</strong> <br>在HTML中， <code>hr</code>是一个自动关闭标记，因此不需要单独的结束标记。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该在标记中添加<code>hr</code>标记。
+    testString: 'assert($("hr").length == 1, "Your code should add an <code>hr</code> tag to the markup.");'
+  - text: <code>hr</code>标签应位于标题和段落之间。
+    testString: 'assert(code.match(/<\/h4>\s*?<hr(>|\s*?\/>)\s*?<p>/gi), "The <code>hr</code> tag should come between the title and the paragraph.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4><s>Google</s>Alphabet</h4>
+
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.chinese.md
new file mode 100644
index 0000000000..9072d0b117
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.chinese.md
@@ -0,0 +1,89 @@
+---
+id: 587d78a6367417b2b2512ade
+title: Create a More Complex Shape Using CSS and HTML
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用CSS和HTML创建更复杂的形状
+---
+
+## Description
+<section id="description">世界上最流行的形状之一是心形，在这个挑战中你将使用纯CSS创建一个。但首先，您需要了解<code>::before</code>和<code>::after</code>伪元素。这些伪元素用于在所选元素之前或之后添加内容。在以下示例中，使用<code>::before</code>伪元素将矩形添加到具有类<code>heart</code>的元素： <blockquote> .heart :: before { <br>内容：“”; <br>背景颜色：黄色; <br> border-radius：25％; <br>位置：绝对; <br>身高：50px; <br>宽度：70px; <br>顶部：-50px; <br>左：5px; <br> } </blockquote>要使<code>::before</code>和<code>::after</code>伪元素正常运行，它们必须具有已定义的<code>content</code>属性。此属性通常用于向所选元素添加照片或文本等内容。当使用<code>::before</code>和<code>::after</code>伪元素创建形状时，仍然需要<code>content</code>属性，但它被设置为空字符串。在上面的示例中，具有<code>heart</code>类的元素具有<code>::before</code>伪元素，该元素分别生成<code>height</code>和<code>width</code>分别为50px和70px的黄色矩形。这个矩形由于其25％的边界半径而具有圆角，并且绝对位于距离<code>left</code> 5px和高于元素<code>top</code> 50px的<code>top</code> 。 </section>
+
+## Instructions
+<section id="instructions">将屏幕上的元素转换为心形。在<code>heart::after</code>选择器中，将<code>background-color</code>更改为pink，将<code>border-radius</code>更改为50％。接下来，使用类<code>heart</code> （只是<code>heart</code> ）定位元素并填充<code>transform</code>属性。使用-45度的<code>rotate()</code>函数。 （ <code>rotate()</code>工作方式与<code>skewX()</code>和<code>skewY()</code>工作方式相同。最后，在<code>heart::before</code>选择器中，将其<code>content</code>属性设置为空字符串。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>heart::after</code>选择器的<code>background-color</code>属性应为粉红色。'
+    testString: 'assert(code.match(/\.heart::after\s*?{\s*?background-color\s*?:\s*?pink\s*?;/gi), "The <code>background-color</code> property of the <code>heart::after</code> selector should be pink.");'
+  - text: '选择<code>heart::after</code>的<code>heart::after</code> <code>border-radius</code>应为50％。'
+    testString: 'assert(code.match(/border-radius\s*?:\s*?50%/gi).length == 2, "The <code>border-radius</code> of the <code>heart::after</code> selector should be 50%.");'
+  - text: <code>heart</code>类的<code>transform</code>属性应使用设置为-45度的<code>rotate()</code>函数。
+    testString: 'assert(code.match(/transform\s*?:\s*?rotate\(\s*?-45deg\s*?\)/gi), "The <code>transform</code> property for the <code>heart</code> class should use a <code>rotate()</code> function set to -45 degrees.");'
+  - text: '该<code>content</code>的的<code>heart::before</code>选择应该是一个空字符串。'
+    testString: 'assert(code.match(/\.heart::before\s*?{\s*?content\s*?:\s*?("|")\1\s*?;/gi), "The <code>content</code> of the <code>heart::before</code> selector should be an empty string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+.heart {
+  position: absolute;
+  margin: auto;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: pink;
+  height: 50px;
+  width: 50px;
+  transform: ;
+}
+.heart::after {
+  background-color: blue;
+  content: "";
+  border-radius: 25%;
+  position: absolute;
+  width: 50px;
+  height: 50px;
+  top: 0px;
+  left: 25px;
+}
+.heart::before {
+  content: ;
+  background-color: pink;
+  border-radius: 50%;
+  position: absolute;
+  width: 50px;
+  height: 50px;
+  top: -25px;
+  left: 0px;
+}
+</style>
+<div class = "heart"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.chinese.md
new file mode 100644
index 0000000000..0a819accee
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.chinese.md
@@ -0,0 +1,87 @@
+---
+id: 587d78a7367417b2b2512ae1
+title: Create Movement Using CSS Animation
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用CSS动画创建运动
+---
+
+## Description
+<section id="description">当元素具有指定<code>position</code> （例如<code>fixed</code>或<code>relative</code> ，可以在动画规则中使用<code>right</code> ， <code>left</code> ， <code>top</code>和<code>bottom</code>的CSS偏移属性来创建移动。如下面的示例所示，您可以通过将<code>50%</code>关键帧的<code>top</code>属性设置为50px向下然后向上推动项目，但将第一个（ <code>0%</code> ）和最后一个（ <code>100%</code> ）关键帧设置为0px。 <blockquote> @keyframes rainbow { <br> 0％{ <br>背景颜色：蓝色; <br>顶部：0px; <br> } <br> 50％{ <br>背景颜色：绿色; <br>上：50px; <br> } <br> 100％{ <br>背景颜色：黄色; <br>顶部：0px; <br> } <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">为<code>div</code>动画添加水平运动。使用<code>left</code>偏移属性，添加到<code>@keyframes</code>规则，因此彩虹从<code>0%</code> 0像素开始，在<code>50%</code>移动到25像素，在<code>100%</code>以-25像素结束。不要替换编辑器中的<code>top</code>属性 - 动画应该具有垂直和水平运动。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>0%</code>的<code>@keyframes</code>规则应使用0px的<code>left</code>偏移量。
+    testString: 'assert(code.match(/0%\s*?{\s*?background-color:\s*?blue;\s*?top:\s*?0(px)?;\s*?left:\s*?0(px)?;\s*?}/gi), "The <code>@keyframes</code> rule for <code>0%</code> should use the <code>left</code> offset of 0px.");'
+  - text: <code>50%</code>的<code>@keyframes</code>规则应该使用25px的<code>left</code>偏移量。
+    testString: 'assert(code.match(/50%\s*?{\s*?background-color:\s*?green;\s*?top:\s*?50px;\s*?left:\s*?25px;\s*?}/gi), "The <code>@keyframes</code> rule for <code>50%</code> should use the <code>left</code> offset of 25px.");'
+  - text: <code>100%</code>的<code>@keyframes</code>规则应使用-25px的<code>left</code>偏移量。
+    testString: 'assert(code.match(/100%\s*?{\s*?background-color:\s*?yellow;\s*?top:\s*?0(px)?;\s*?left:\s*?-25px;\s*?}/gi), "The <code>@keyframes</code> rule for <code>100%</code> should use the <code>left</code> offset of -25px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    height: 40px;
+    width: 70%;
+    background: black;
+    margin: 50px auto;
+    border-radius: 5px;
+    position: relative;
+  }
+
+#rect {
+  animation-name: rainbow;
+  animation-duration: 4s;
+}
+
+@keyframes rainbow {
+  0% {
+    background-color: blue;
+    top: 0px;
+
+  }
+  50% {
+    background-color: green;
+    top: 50px;
+
+  }
+  100% {
+    background-color: yellow;
+    top: 0px;
+
+  }
+}
+</style>
+
+<div id="rect"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image.chinese.md
new file mode 100644
index 0000000000..17457323d6
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image.chinese.md
@@ -0,0 +1,53 @@
+---
+id: 587d78a5367417b2b2512ad8
+title: Create Texture by Adding a Subtle Pattern as a Background Image
+challengeType: 0
+videoUrl: ''
+localeTitle: 通过添加细微图案作为背景图像来创建纹理
+---
+
+## Description
+<section id="description">为背景添加纹理和兴趣并让它更突出的一种方法是添加一种微妙的图案。关键是平衡，因为你不希望背景太突出，并从前景中拿走。 <code>background</code>属性支持<code>url()</code>函数，以便链接到所选纹理或图案的图像。链接地址用括号内的引号括起来。 </section>
+
+## Instructions
+<section id="instructions">使用<code>https://i.imgur.com/MJAkxbh.png</code>的网址，使用<code>body</code>选择器设置整个页面的<code>background</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>body</code>元素应该将<code>background</code>属性设置为具有给定链接的<code>url()</code> 。
+    testString: 'assert(code.match(/background:\s*?url\(\s*("|"|)https:\/\/i\.imgur\.com\/MJAkxbh\.png\1\s*\)/gi), "Your <code>body</code> element should have a <code>background</code> property set to a <code>url()</code> with the given link.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+
+  }
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-visual-balance-using-the-text-align-property.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-visual-balance-using-the-text-align-property.chinese.md
new file mode 100644
index 0000000000..29f3ac5b75
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-visual-balance-using-the-text-align-property.chinese.md
@@ -0,0 +1,83 @@
+---
+id: 587d7791367417b2b2512ab3
+title: Create Visual Balance Using the text-align Property
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用text-align属性创建视觉平衡
+---
+
+## Description
+<section id="description">本课程的这一部分侧重于应用视觉设计。第一组挑战建立在给定的卡布局上，以显示许多核心原则。文本通常是Web内容的很大一部分。 CSS有几个选项可以将它与<code>text-align</code>属性<code>text-align</code> 。 <code>text-align: justify;</code>导致除最后一行之外的所有文本行都与行框的左右边缘相交。 <code>text-align: center;</code>文本<code>text-align: right;</code>右对齐文本和<code>text-align: left;</code> （默认值）左对齐文本。 </section>
+
+## Instructions
+<section id="instructions">将<code>h4</code>标签的文本（称为“Google”）与中心对齐。然后证明段落标记是合理的，其中包含有关Google如何成立的信息。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应使用<code>h4</code>标记上的text-align属性将其设置为居中。
+    testString: 'assert($("h4").css("text-align") == "center", "Your code should use the text-align property on the <code>h4</code> tag to set it to center.");'
+  - text: 您的代码应使用<code>p</code>标记上的text-align属性将其设置为对齐。
+    testString: 'assert($("p").css("text-align") == "justify", "Your code should use the text-align property on the <code>p</code> tag to set it to justify.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+
+  }
+  p {
+
+  }
+  .links {
+    margin-right: 20px;
+
+  }
+  .fullCard {
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-visual-direction-by-fading-an-element-from-left-to-right.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-visual-direction-by-fading-an-element-from-left-to-right.chinese.md
new file mode 100644
index 0000000000..cfcf904af9
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-visual-direction-by-fading-an-element-from-left-to-right.chinese.md
@@ -0,0 +1,76 @@
+---
+id: 587d78a7367417b2b2512ae2
+title: Create Visual Direction by Fading an Element from Left to Right
+challengeType: 0
+videoUrl: ''
+localeTitle: 通过从左到右淡化元素来创建视觉方向
+---
+
+## Description
+<section id="description">对于此挑战，您将更改动画元素的<code>opacity</code> ，使其在到达屏幕右侧时逐渐变淡。在显示的动画中，具有渐变背景的圆形元素按照<code>@keyframes</code>规则向右移动动画的50％标记。 </section>
+
+## Instructions
+<section id="instructions">使用id为<code>ball</code>定位元素，并将<code>opacity</code>属性设置为0.1（ <code>50%</code> ，因此元素向右移动时会逐渐消失。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: fade的<code>keyframes</code>规则应将<code>opacity</code>属性设置为0.1为50％。
+    testString: 'assert(code.match(/@keyframes fade\s*?{\s*?50%\s*?{\s*?(?:left:\s*?60%;\s*?opacity:\s*?0?\.1;|opacity:\s*?0?\.1;\s*?left:\s*?60%;)/gi), "The <code>keyframes</code> rule for fade should set the <code>opacity</code> property to 0.1 at 50%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  #ball {
+    width: 70px;
+    height: 70px;
+    margin: 50px auto;
+    position: fixed;
+    left: 20%;
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    animation-name: fade;
+    animation-duration: 3s;
+  }
+
+  @keyframes fade {
+    50% {
+      left: 60%;
+
+    }
+  }
+
+</style>
+
+<div id="ball"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/decrease-the-opacity-of-an-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/decrease-the-opacity-of-an-element.chinese.md
new file mode 100644
index 0000000000..d6d99d5a59
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/decrease-the-opacity-of-an-element.chinese.md
@@ -0,0 +1,93 @@
+---
+id: 587d781c367417b2b2512abf
+title: Decrease the Opacity of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 降低元素的不透明度
+---
+
+## Description
+<section id="description"> CSS中的<code>opacity</code>属性用于调整不透明度，或相反，用于调整项目的透明度。 <blockquote>值1是不透明的，根本不透明。 <br>值0.5是半透明的。 <br>值0完全透明。 </blockquote>给定的值将应用于整个元素，无论是具有一定透明度的图像，还是文本块的前景色和背景色。 </section>
+
+## Instructions
+<section id="instructions">使用<code>links</code>类将锚标记的<code>opacity</code>设置为0.7以选择它们。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应通过选择<code>links</code>类将锚点标记上的<code>opacity</code>属性设置为0.7。
+    testString: 'assert.approximately(parseFloat($(".links").css("opacity")), 0.7, 0.1, "Your code should set the <code>opacity</code> property to 0.7 on the anchor tags by selecting the class of <code>links</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+    font-size: 27px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+
+  }
+  #thumbnail {
+    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard" id="thumbnail">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/learn-about-complementary-colors.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/learn-about-complementary-colors.chinese.md
new file mode 100644
index 0000000000..ff330ea581
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/learn-about-complementary-colors.chinese.md
@@ -0,0 +1,68 @@
+---
+id: 587d78a3367417b2b2512ad1
+title: Learn about Complementary Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: 了解互补色
+---
+
+## Description
+<section id="description">色彩理论及其对设计的影响是一个深层次的主题，只有基础知识才能应对以下挑战。在网站上，颜色可以引起对内容的注意，唤起情感或创造视觉和谐。使用不同的颜色组合可以真正改变网站的外观，并且可以考虑选择适合您内容的调色板。色轮是一种有用的工具，用于可视化颜色彼此之间的关系 - 它是一个圆圈，其中相似的色调是邻居，不同的色调相距较远。当两种颜色在车轮上彼此相对时，它们被称为互补色。它们具有如下特征：如果它们组合，它们彼此“抵消”并产生灰色。然而，当并排放置时，这些颜色看起来更加生动，并产生强烈的视觉对比。补充颜色及其十六进制代码的一些示例是： <blockquote>红色（＃FF0000）和青色（＃00FFFF） <br>绿色（＃00FF00）和洋红色（＃FF00FF） <br>蓝色（＃0000FF）和黄色（＃FFFF00） </blockquote>这与我们许多人在学校教授的过时的RYB颜色模型不同，后者具有不同的主色和互补色。现代色彩理论使用加性RGB模型（如在计算机屏幕上）和减色CMY（K）模型（如在打印中）。请阅读<a href="https://en.wikipedia.org/wiki/Color_model" target="_blank">此处</a>了解有关此复杂主题的更多信息。网上有许多颜色挑选工具可以选择找到颜色的补充。 <strong>注意</strong> <br>对于所有颜色挑战：使用颜色可以是增加页面视觉兴趣的有效方式。但是，不应仅使用颜色作为传达重要信息的唯一方式，因为有视力障碍的用户可能不理解该内容。应用辅助功能挑战中将更详细地介绍此问题。 </section>
+
+## Instructions
+<section id="instructions">将<code>blue</code>和<code>yellow</code>类的<code>background-color</code>属性更改为各自的颜色。注意颜色与白色背景相比看起来彼此不同。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 具有<code>blue</code>类的<code>div</code>元素应具有<code>blue</code>的<code>background-color</code> 。
+    testString: 'assert($(".blue").css("background-color") == "rgb(0, 0, 255)", "The <code>div</code> element with class <code>blue</code> should have a <code>background-color</code> of blue.");'
+  - text: 类<code>yellow</code>的<code>div</code>元素应该具有<code>yellow</code>的<code>background-color</code> 。
+    testString: 'assert($(".yellow").css("background-color") == "rgb(255, 255, 0)", "The <code>div</code> element with class <code>yellow</code> should have a <code>background-color</code> of yellow.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: #FFFFFF;
+  }
+  .blue {
+    background-color: #000000;
+  }
+  .yellow {
+    background-color: #000000;
+  }
+  div {
+    display: inline-block;
+    height: 100px;
+    width: 100px;
+  }
+</style>
+<div class="blue"></div>
+<div class="yellow"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.chinese.md
new file mode 100644
index 0000000000..3b3d1b75eb
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.chinese.md
@@ -0,0 +1,79 @@
+---
+id: 587d78a4367417b2b2512ad2
+title: Learn about Tertiary Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: 了解第三色
+---
+
+## Description
+<section id="description">计算机显示器和设备屏幕通过组合红色，绿色和蓝色光的数量来创建不同的颜色。这被称为现代色彩理论中的RGB加色模型。红色（R），绿色（G）和蓝色（B）被称为原色。混合两种基色会产生青色（G + B），品红色（R + B）和黄色（R + G）的二次色。您在Complementary Colors挑战中看到了这些颜色。这些次要颜色恰好是其创建时未使用的原色的补充，并且与色轮上的原色相反。例如，洋红色由红色和蓝色制成，是绿色的补充。三原色是将原色与其次要颜色邻居组合的结果。例如，红色（主要）和黄色（次要）使橙色。这为简单的色轮增加了六种颜色，总共十二种颜色。有多种选择不同颜色的方法可以在设计中实现和谐组合。可以使用三级颜色的一个示例称为分裂互补色方案。该方案以基色开始，然后将其与其补色相邻的两种颜色配对。三种颜色在设计中提供强烈的视觉对比度，但比使用两种互补色更微妙。以下是使用拆分补充方案创建的三种颜色： <table class="table table-striped"><thead><tr><th>颜色</th><th> Hex代码</th></tr></thead><thead></thead><tbody><tr><td>橙子</td><td> ＃FF7D00 </td></tr><tr><td>青色</td><td> ＃00FFFF </td></tr><tr><td>覆盆子</td><td> ＃FF007D </td></tr></tbody></table></section>
+
+## Instructions
+<section id="instructions">将<code>orange</code> ， <code>cyan</code>和<code>raspberry</code>类的<code>background-color</code>属性更改为各自的颜色。确保使用十六进制代码，因为橙色和覆盆子不是浏览器识别的颜色名称。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 具有<code>orange</code>等级的<code>div</code>元素应具有<code>orange</code>的<code>background-color</code> 。
+    testString: 'assert($(".orange").css("background-color") == "rgb(255, 125, 0)", "The <code>div</code> element with class <code>orange</code> should have a <code>background-color</code> of orange.");'
+  - text: 具有<code>cyan</code>类的<code>div</code>元素应具有<code>cyan</code>的<code>background-color</code> 。
+    testString: 'assert($(".cyan").css("background-color") == "rgb(0, 255, 255)", "The <code>div</code> element with class <code>cyan</code> should have a <code>background-color</code> of cyan.");'
+  - text: 具有类<code>raspberry</code>的<code>div</code>元素应该具有<code>raspberry</code>的<code>background-color</code> 。
+    testString: 'assert($(".raspberry").css("background-color") == "rgb(255, 0, 125)", "The <code>div</code> element with class <code>raspberry</code> should have a <code>background-color</code> of raspberry.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: #FFFFFF;
+  }
+
+  .orange {
+    background-color: #000000;
+  }
+
+  .cyan {
+    background-color: #000000;
+  }
+
+  .raspberry {
+    background-color: #000000;
+  }
+
+  div {
+    height: 100px;
+    width: 100px;
+    margin-bottom: 5px;
+  }
+</style>
+
+<div class="orange"></div>
+<div class="cyan"></div>
+<div class="raspberry"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.chinese.md
new file mode 100644
index 0000000000..e8ff739ef8
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.chinese.md
@@ -0,0 +1,89 @@
+---
+id: 587d78a9367417b2b2512ae8
+title: Learn How Bezier Curves Work
+challengeType: 0
+videoUrl: ''
+localeTitle: 了解Bezier曲线的工作原理
+---
+
+## Description
+<section id="description">最后一项挑战引入了<code>animation-timing-function</code>属性和一些在其持续时间内改变动画速度的关键字。 CSS提供了除关键字之外的选项，通过使用贝塞尔曲线，可以更好地控制动画的播放方式。在CSS动画中，贝塞尔曲线与<code>cubic-bezier</code>函数一起使用。曲线的形状表示动画的播放方式。曲线位于1乘1坐标系上。此坐标系的X轴是动画的持续时间（将其视为时间刻度），Y轴是动画中的变化。 <code>cubic-bezier</code>函数由四个主要点组成，这些点位于1 x 1网格上： <code>p0</code> ， <code>p1</code> ， <code>p2</code>和<code>p3</code> 。为您设置<code>p0</code>和<code>p3</code> - 它们是始终分别位于原点（0,0）和（1,1）的起点和终点。您可以为其他两个点设置x和y值，并将它们放置在网格中的位置决定了要遵循的动画曲线的形状。这是在CSS中通过以下形式声明<code>p1</code>和<code>p2</code> “锚”点的x和y值来完成的： <code>(x1, y1, x2, y2)</code> 。将它们全部拉到一起，这里是CSS代码中Bezier曲线的一个例子： <code>animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);</code>在上面的示例中，x和y值对于每个点都是等效的（x1 = 0.25 = y1和x2 = 0.75 = y2），如果您记得几何类，则会产生从原点延伸到点的线（1 ，1）。此动画是动画长度期间元素的线性变化，与使用<code>linear</code>关键字相同。换句话说，它以恒定的速度变化。 </section>
+
+## Instructions
+<section id="instructions">对于id为<code>ball1</code>的元素，将<code>animation-timing-function</code>属性的值从<code>linear</code>更改为其等效的<code>cubic-bezier</code>函数值。使用上面示例中给出的点值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 具有id <code>ball1</code>的元素的<code>animation-timing-function</code>属性的值应该是线性等效的cubic-bezier函数。
+    testString: 'assert($("#ball1").css("animation-timing-function") == "cubic-bezier(0.25, 0.25, 0.75, 0.75)", "The value of the <code>animation-timing-function</code> property for the element with the id <code>ball1</code> should be the linear-equivalent cubic-bezier function.");'
+  - text: 具有id <code>ball2</code>的元素的<code>animation-timing-function</code>属性的<code>ball2</code>不应更改。
+    testString: 'assert($("#ball2").css("animation-timing-function") == "ease-out", "The value of the <code>animation-timing-function</code> property for the element with the id <code>ball2</code> should not change.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  .balls{
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    margin-top: 50px;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #ball1 {
+    left: 27%;
+    animation-timing-function: linear;
+  }
+  #ball2 {
+    left: 56%;
+    animation-timing-function: ease-out;
+  }
+
+@keyframes bounce {
+  0% {
+    top: 0px;
+  }
+  100% {
+    top: 249px;
+  }
+}
+
+</style>
+
+<div class="balls" id="ball1"></div>
+<div class="balls" id="ball2"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/learn-how-the-css-keyframes-and-animation-properties-work.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/learn-how-the-css-keyframes-and-animation-properties-work.chinese.md
new file mode 100644
index 0000000000..3189288877
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/learn-how-the-css-keyframes-and-animation-properties-work.chinese.md
@@ -0,0 +1,77 @@
+---
+id: 587d78a7367417b2b2512adf
+title: Learn How the CSS @keyframes and animation Properties Work
+challengeType: 0
+videoUrl: ''
+localeTitle: 了解CSS @keyframes和动画属性的工作原理
+---
+
+## Description
+<section id="description">要为元素设置动画，您需要了解动画属性和<code>@keyframes</code>规则。动画属性控制动画的行为方式， <code>@keyframes</code>规则控制动画期间发生的事情。总共有八个动画属性。这个挑战将保持简单，并首先覆盖两个最重要的： <code>animation-name</code>设置<code>animation-name</code> ，后来<code>@keyframes</code>使用<code>@keyframes</code>来告诉CSS哪些规则与哪些动画一起使用。 <code>animation-duration</code>设置<code>animation-duration</code>长度。 <code>@keyframes</code>是如何准确指定动画在整个持续时间内发生的事情。这是通过在动画期间为特定“帧”提供CSS属性来完成的，百分比范围为0％到100％。如果将其与电影进行比较，则0％的CSS属性是元素在开场场景中的显示方式。 100％的CSS属性是元素在信用点滚动之前的结尾显示的方式。然后CSS应用魔法在给定的持续时间内转换元素以执行场景。这是一个例子来说明<code>@keyframes</code>和动画属性的用法： <blockquote> #anim { <br>动画名称：多彩; <br>动画持续时间：3s; <br> } <br> @keyframes colorful { <br> 0％{ <br>背景颜色：蓝色; <br> } <br> 100％{ <br>背景颜色：黄色; <br> } <br> } </blockquote>对于具有<code>anim</code> ID的元素，上面的代码片段将<code>animation-name</code>为<code>colorful</code> ，并将<code>animation-duration</code>为3秒。然后<code>@keyframes</code>规则链接到名称为<code>colorful</code>的动画属性。它在动画开始时将颜色设置为蓝色（0％），在动画结束时将其转换为黄色（100％）。您不仅限于开始 - 结束转换，您可以为0％和100％之间的任何百分比设置元素的属性。 </section>
+
+## Instructions
+<section id="instructions">通过将<code>animation-name</code>设置为rainbow并将<code>animation-duration</code>为4秒，为id为<code>rect</code>的元素创建动画。接下来，声明一个<code>@keyframes</code>规则，并将动画开头的<code>background-color</code> （ <code>0%</code> ）设置为蓝色，将动画的中间（ <code>50%</code> ）设置为绿色，将动画的结尾（ <code>100%</code> ）设置为黄色。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: id为<code>rect</code>的元素应该有一个<code>animation-name</code>属性，其值为rainbow。
+    testString: 'assert($("#rect").css("animation-name") == "rainbow", "The element with id of <code>rect</code> should have an <code>animation-name</code> property with a value of rainbow.");'
+  - text: id为<code>rect</code>的元素应该具有值为4s的<code>animation-duration</code>属性。
+    testString: 'assert($("#rect").css("animation-duration") == "4s", "The element with id of <code>rect</code> should have an <code>animation-duration</code> property with a value of 4s.");'
+  - text: <code>@keyframes</code>规则应该使用rainbow的<code>animation-name</code> 。
+    testString: 'assert(code.match(/@keyframes\s+?rainbow\s*?{/g), "The <code>@keyframes</code> rule should use the <code>animation-name</code> of rainbow.");'
+  - text: 彩虹的<code>@keyframes</code>规则应使用0％的蓝色<code>background-color</code> 。
+    testString: 'assert(code.match(/0%\s*?{\s*?background-color:\s*?blue;\s*?}/gi), "The <code>@keyframes</code> rule for rainbow should use a <code>background-color</code> of blue at 0%.");'
+  - text: 彩虹的<code>@keyframes</code>规则应使用50％的绿色<code>background-color</code> 。
+    testString: 'assert(code.match(/50%\s*?{\s*?background-color:\s*?green;\s*?}/gi), "The <code>@keyframes</code> rule for rainbow should use a <code>background-color</code> of green at 50%.");'
+  - text: 彩虹的<code>@keyframes</code>规则应使用100％的黄色<code>background-color</code> 。
+    testString: 'assert(code.match(/100%\s*?{\s*?background-color:\s*?yellow;\s*?}/gi), "The <code>@keyframes</code> rule for rainbow should use a <code>background-color</code> of yellow at 100%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    height: 40px;
+    width: 70%;
+    background: black;
+    margin: 50px auto;
+    border-radius: 5px;
+  }
+
+  #rect {
+
+
+  }
+
+
+
+
+</style>
+<div id="rect"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/lock-an-element-to-its-parent-with-absolute-positioning.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/lock-an-element-to-its-parent-with-absolute-positioning.chinese.md
new file mode 100644
index 0000000000..65d44ee1dd
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/lock-an-element-to-its-parent-with-absolute-positioning.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 587d781e367417b2b2512acb
+title: Lock an Element to its Parent with Absolute Positioning
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用绝对定位将元素锁定到其父级
+---
+
+## Description
+<section id="description"> CSS <code>position</code>属性的下一个选项是<code>absolute</code> ，它将元素相对于其父容器锁定到位。与<code>relative</code>位置不同，这会从文档的正常流中移除元素，因此周围的项会忽略它。 CSS偏移属性（顶部或底部和左侧或右侧）用于调整位置。具有绝对定位的一个细微差别在于它将相对于其最近<em>定位的</em>祖先被锁定。如果您忘记向父项添加位置规则（通常使用<code>position: relative;</code> ），浏览器将继续查找链并最终默认为body标记。 </section>
+
+## Instructions
+<section id="instructions">通过将其<code>position</code>声明为<code>absolute</code>将<code>#searchbar</code>元素锁定到其<code>section</code>的右上角。给它每个50像素的<code>top</code>和<code>right</code>偏移。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>#searchbar</code>元素的<code>position</code>应设置为<code>absolute</code> 。'
+    testString: 'assert($("#searchbar").css("position") == "absolute", "The <code>#searchbar</code> element should have a <code>position</code> set to <code>absolute</code>.");'
+  - text: '您的代码应该在<code>#searchbar</code>元素上使用50像素的<code>top</code> CSS偏移量。'
+    testString: 'assert($("#searchbar").css("top") == "50px", "Your code should use the <code>top</code> CSS offset of 50 pixels on the <code>#searchbar</code> element.");'
+  - text: '您的代码应该在<code>#searchbar</code>元素上使用50像素的<code>right</code> CSS偏移量。'
+    testString: 'assert($("#searchbar").css("right") == "50px", "Your code should use the <code>right</code> CSS offset of 50 pixels on the <code>#searchbar</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #searchbar {
+
+
+
+  }
+  section {
+    position: relative;
+  }
+</style>
+<body>
+  <h1>Welcome!</h1>
+  <section>
+    <form id="searchbar">
+      <label for="search">Search:</label>
+      <input type="search" id="search" name="search">
+      <input type="submit" name="submit" value="Go!">
+    </form>
+  </section>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/lock-an-element-to-the-browser-window-with-fixed-positioning.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/lock-an-element-to-the-browser-window-with-fixed-positioning.chinese.md
new file mode 100644
index 0000000000..be87cee9b2
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/lock-an-element-to-the-browser-window-with-fixed-positioning.chinese.md
@@ -0,0 +1,84 @@
+---
+id: 587d781e367417b2b2512acc
+title: Lock an Element to the Browser Window with Fixed Positioning
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用固定定位将元素锁定到浏览器窗口
+---
+
+## Description
+<section id="description"> CSS提供的下一个布局方案是<code>fixed</code>位置，这是一种绝对定位，可以相对于浏览器窗口锁定元素。与绝对定位类似，它与CSS偏移属性一起使用，并且还从文档的正常流中移除元素。其他项目不再“实现”它所处的位置，这可能需要在其他地方进行一些布局调整。 <code>fixed</code>位置和<code>absolute</code>位置之间的一个关键区别是，当用户滚动时，具有固定位置的元素将不会移动。 </section>
+
+## Instructions
+<section id="instructions">在代码导航栏标有的一个id <code>navbar</code> 。将其<code>position</code>更改为<code>fixed</code> ，并将其偏离<code>top</code> 0像素和<code>left</code> 0像素。注意到（没有）对<code>h1</code>位置的影响，它没有被按下以容纳导航栏并且需要单独调整。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>#navbar</code>元素的<code>position</code>应设置为<code>fixed</code> 。'
+    testString: 'assert($("#navbar").css("position") == "fixed", "The <code>#navbar</code> element should have a <code>position</code> set to <code>fixed</code>.");'
+  - text: '您的代码应该使用<code>#navbar</code>元素上0像素的<code>top</code> CSS偏移量。'
+    testString: 'assert($("#navbar").css("top") == "0px", "Your code should use the <code>top</code> CSS offset of 0 pixels on the <code>#navbar</code> element.");'
+  - text: '您的代码应使用<code>#navbar</code>元素上0像素的<code>left</code> CSS偏移量。'
+    testString: 'assert($("#navbar").css("left") == "0px", "Your code should use the <code>left</code> CSS offset of 0 pixels on the <code>#navbar</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #navbar {
+
+
+
+    width: 100%;
+    background-color: #767676;
+  }
+  nav ul {
+    margin: 0px;
+    padding: 5px 0px 5px 30px;
+  }
+  nav li {
+    display: inline;
+    margin-right: 20px;
+  }
+  a {
+    text-decoration: none;
+  }
+</style>
+<body>
+  <header>
+    <h1>Welcome!</h1>
+    <nav id="navbar">
+      <ul>
+        <li><a href="">Home</a></li>
+        <li><a href="">Contact</a></li>
+      </ul>
+    </nav>
+  </header>
+  <p>I shift up when the #navbar is fixed to the browser window.</p>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/make-a-css-heartbeat-using-an-infinite-animation-count.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/make-a-css-heartbeat-using-an-infinite-animation-count.chinese.md
new file mode 100644
index 0000000000..3f5dfb47d8
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/make-a-css-heartbeat-using-an-infinite-animation-count.chinese.md
@@ -0,0 +1,119 @@
+---
+id: 587d78a8367417b2b2512ae4
+title: Make a CSS Heartbeat using an Infinite Animation Count
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用无限动画计数制作CSS心跳
+---
+
+## Description
+<section id="description">这是一个带有<code>animation-iteration-count</code>属性的连续动画示例，该属性使用您在之前的挑战中设计的心脏。一秒长的心跳动画由两个动画片段组成。的<code>heart</code>元件（包括<code>:before</code>和<code>:after</code>片）的动画使用改变大小<code>transform</code>特性，并且背景<code>div</code>是动画使用改变其颜色<code>background</code>属性。 </section>
+
+## Instructions
+<section id="instructions">通过为<code>back</code>类和<code>heart</code>类添加<code>animation-iteration-count</code>属性并将值设置为无限来保持心脏跳动。 <code>heart:before</code>和<code>heart:after</code>选择器<code>heart:after</code>不需要任何动画属性。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>heart</code>类的<code>animation-iteration-count</code>属性应具有无限值。
+    testString: 'assert($(".heart").css("animation-iteration-count") == "infinite", "The <code>animation-iteration-count</code> property for the <code>heart</code> class should have a value of infinite.");'
+  - text: <code>back</code>类的<code>animation-iteration-count</code>属性应具有无限值。
+    testString: 'assert($(".back").css("animation-iteration-count") == "infinite", "The <code>animation-iteration-count</code> property for the <code>back</code> class should have a value of infinite.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .back {
+    position: fixed;
+    padding: 0;
+    margin: 0;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: white;
+    animation-name: backdiv;
+    animation-duration: 1s;
+
+  }
+
+  .heart {
+    position: absolute;
+    margin: auto;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: pink;
+    height: 50px;
+    width: 50px;
+    transform: rotate(-45deg);
+    animation-name: beat;
+    animation-duration: 1s;
+
+  }
+  .heart:after {
+    background-color: pink;
+    content: "";
+    border-radius: 50%;
+    position: absolute;
+    width: 50px;
+    height: 50px;
+    top: 0px;
+    left: 25px;
+  }
+  .heart:before {
+    background-color: pink;
+    content: "";
+    border-radius: 50%;
+    position: absolute;
+    width: 50px;
+    height: 50px;
+    top: -25px;
+    left: 0px;
+  }
+
+  @keyframes backdiv {
+    50% {
+      background: #ffe6f2;
+    }
+  }
+
+  @keyframes beat {
+    0% {
+      transform: scale(1) rotate(-45deg);
+    }
+    50% {
+      transform: scale(0.6) rotate(-45deg);
+    }
+  }
+
+</style>
+<div class="back"></div>
+<div class="heart"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/make-motion-more-natural-using-a-bezier-curve.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/make-motion-more-natural-using-a-bezier-curve.chinese.md
new file mode 100644
index 0000000000..932ae93e62
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/make-motion-more-natural-using-a-bezier-curve.chinese.md
@@ -0,0 +1,84 @@
+---
+id: 587d78a9367417b2b2512aea
+title: Make Motion More Natural Using a Bezier Curve
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用贝塞尔曲线使运动更自然
+---
+
+## Description
+<section id="description">这一挑战激发了一个元素来复制被玩杂耍的球的运动。先前的挑战涵盖了<code>linear</code>和<code>ease-out</code>三次贝塞尔曲线，但两者都没有准确描述杂耍运动。您需要为此自定义Bezier曲线。当<code>animation-iteration-count</code>设置为无限时， <code>animation-timing-function</code>在每个关键帧处自动循环。由于在动画持续时间的中间设置了关键帧规则（ <code>50%</code> ），因此在球的向上和向下移动时会产生两个相同的动画进度。下面的三次贝塞尔曲线模拟了一个杂耍运动： <code>cubic-bezier(0.3, 0.4, 0.5, 1.6);</code>请注意，y2的值大于1.虽然三次贝塞尔曲线映射在1乘1坐标系上，并且它只能接受0到1的x值，但y值可以设置为大于1的数字。这导致弹跳运动，非常适合模拟杂耍球。 </section>
+
+## Instructions
+<section id="instructions">将id为<code>green</code>的元素的<code>animation-timing-function</code>的值更改为<code>cubic-bezier</code>函数，x1，y1，x2，y2值分别设置为0.311,0.441,0.444,1.648。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 具有id <code>green</code>的元素的<code>animation-timing-function</code>属性的值应该是具有指定的x1，y1，x2，y2值的<code>cubic-bezier</code>函数。
+    testString: 'assert($("#green").css("animation-timing-function") == "cubic-bezier(0.311, 0.441, 0.444, 1.649)", "The value of the <code>animation-timing-function</code> property for the element with the id <code>green</code> should be a <code>cubic-bezier</code> function with x1, y1, x2, y2 values as specified.'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .balls {
+    border-radius: 50%;
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    top: 60%;
+    animation-name: jump;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #red {
+    background: red;
+    left: 25%;
+    animation-timing-function: linear;
+  }
+  #blue {
+    background: blue;
+    left: 50%;
+    animation-timing-function: ease-out;
+  }
+  #green {
+    background: green;
+    left: 75%;
+    animation-timing-function: cubic-bezier(0.69, 0.1, 1, 0.1);
+  }
+
+  @keyframes jump {
+    50% {
+      top: 10%;
+    }
+  }
+</style>
+<div class="balls" id="red"></div>
+<div class="balls" id="blue"></div>
+<div class="balls" id="green"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation.chinese.md
new file mode 100644
index 0000000000..310027ad21
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation.chinese.md
@@ -0,0 +1,69 @@
+---
+id: 58a7a6ebf9a6318348e2d5aa
+title: Modify Fill Mode of an Animation
+challengeType: 0
+videoUrl: ''
+localeTitle: 修改动画的填充模式
+---
+
+## Description
+<section id="description">这很好，但它还不能正常工作。注意动画在<code>500ms</code>过后如何重置，导致按钮恢复为原始颜色。您希望按钮保持突出显示。这可以通过设置来完成<code>animation-fill-mode</code>属性<code>forwards</code> 。 <code>animation-fill-mode</code>指定动画完成时应用于元素的样式。您可以这样设置： <code>animation-fill-mode: forwards;</code> </section>
+
+## Instructions
+<section id="instructions">设置<code>button:hover</code>的<code>animation-fill-mode</code>属性<code>button:hover</code> to <code>forwards</code>以便当用户将鼠标悬停在按钮上时按钮保持突出显示。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>button:hover</code>应该具有值为<code>forwards</code>的<code>animation-fill-mode</code>属性。'
+    testString: 'assert(code.match(/button\s*?:\s*?hover\s*?{[\s\S]*animation-fill-mode\s*?:\s*?forwards\s*?;[\s\S]*}/gi) && code.match(/button\s*?:\s*?hover\s*?{[\s\S]*animation-name\s*?:\s*?background-color\s*?;[\s\S]*}/gi) && code.match(/button\s*?:\s*?hover\s*?{[\s\S]*animation-duration\s*?:\s*?500ms\s*?;[\s\S]*}/gi), "<code>button:hover</code> should have a <code>animation-fill-mode</code> property with a value of <code>forwards</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  button {
+    border-radius: 5px;
+    color: white;
+    background-color: #0F5897;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    animation-name: background-color;
+    animation-duration: 500ms;
+    /* add your code below this line */
+
+    /* add your code above this line */
+  }
+  @keyframes background-color {
+    100% {
+      background-color: #4791d0;
+    }
+  }
+</style>
+<button>Register</button>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/move-a-relatively-positioned-element-with-css-offsets.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/move-a-relatively-positioned-element-with-css-offsets.chinese.md
new file mode 100644
index 0000000000..d2ff2fc583
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/move-a-relatively-positioned-element-with-css-offsets.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 587d781e367417b2b2512aca
+title: Move a Relatively Positioned Element with CSS Offsets
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用CSS偏移移动相对定位的元素
+---
+
+## Description
+<section id="description"> <code>top</code>或<code>bottom</code> ， <code>left</code>或<code>right</code>的CSS偏移告诉浏览器将项目相对于文档正常流程中的位置偏移多远。您将元素偏离给定的点，这会使元素远离引用的边（有效地，相反的方向）。正如您在上一次挑战中看到的那样，使用顶部偏移将<code>h2</code>向下移动。同样，使用左偏移会将项目向右移动。 <h2>说明</h2><section id="instructions">使用CSS偏移将<code>h2</code>移动15像素向右移动10像素。 </section><h2>测试</h2><section id="tests"><pre> <code class="language-yml">tests: - text: &#39;Your code should use a CSS offset to relatively position the &lt;code&gt;h2&lt;/code&gt; 10px upwards. In other words, move it 10px away from the &lt;code&gt;bottom&lt;/code&gt; of where it normally sits.&#39; testString: &#39;assert($(&quot;h2&quot;).css(&quot;bottom&quot;) == &quot;10px&quot;, &quot;Your code should use a CSS offset to relatively position the &lt;code&gt;h2&lt;/code&gt; 10px upwards. In other words, move it 10px away from the &lt;code&gt;bottom&lt;/code&gt; of where it normally sits.&quot;);&#39; - text: &#39;Your code should use a CSS offset to relatively position the &lt;code&gt;h2&lt;/code&gt; 15px towards the right. In other words, move it 15px away from the &lt;code&gt;left&lt;/code&gt; of where it normally sits.&#39; testString: &#39;assert($(&quot;h2&quot;).css(&quot;left&quot;) == &quot;15px&quot;, &quot;Your code should use a CSS offset to relatively position the &lt;code&gt;h2&lt;/code&gt; 15px towards the right. In other words, move it 15px away from the &lt;code&gt;left&lt;/code&gt; of where it normally sits.&quot;);&#39;</code> </pre></section><h2>挑战种子</h2><section id="challengeSeed"><div id="html-seed"><pre> <code class="language-html">&lt;head&gt; &lt;style&gt; h2 { position: relative; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;On Being Well-Positioned&lt;/h1&gt; &lt;h2&gt;Move me!&lt;/h2&gt; &lt;p&gt;I still think the h2 is where it normally sits.&lt;/p&gt; &lt;/body&gt;</code> </pre></div></section><h2>解</h2><section id="solution"><pre> <code class="language-js">// solution required</code> </pre></section></section>
+
+## Instructions
+<section id="instructions">使用CSS偏移将<code>h2</code>移动15像素向右移动10像素。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应使用CSS偏移量来相对定位<code>h2</code> 10px。换句话说，将它从通常所在位置的<code>bottom</code>移开10px。
+    testString: 'assert($("h2").css("bottom") == "10px", "Your code should use a CSS offset to relatively position the <code>h2</code> 10px upwards. In other words, move it 10px away from the <code>bottom</code> of where it normally sits.");'
+  - text: 您的代码应该使用CSS偏移来相对地将<code>h2</code> 15px定位到右侧。换句话说，将它从通常所在的位置<code>left</code>移动15px。
+    testString: 'assert($("h2").css("left") == "15px", "Your code should use a CSS offset to relatively position the <code>h2</code> 15px towards the right. In other words, move it 15px away from the <code>left</code> of where it normally sits.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+<style>
+  h2 {
+    position: relative;
+
+
+  }
+</style>
+</head>
+<body>
+  <h1>On Being Well-Positioned</h1>
+  <h2>Move me!</h2>
+  <p>I still think the h2 is where it normally sits.</p>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/push-elements-left-or-right-with-the-float-property.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/push-elements-left-or-right-with-the-float-property.chinese.md
new file mode 100644
index 0000000000..0cdfd368a4
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/push-elements-left-or-right-with-the-float-property.chinese.md
@@ -0,0 +1,79 @@
+---
+id: 587d78a3367417b2b2512ace
+title: Push Elements Left or Right with the float Property
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用float属性向左或向右推送元素
+---
+
+## Description
+<section id="description">下一个定位工具实际上不使用<code>position</code> ，而是设置元素的<code>float</code>属性。浮动元素从文档的正常流中移除，并推送到其包含的父元素的<code>left</code>或<code>right</code> 。它通常与<code>width</code>属性一起使用，以指定浮动元素需要多少水平空间。 </section>
+
+## Instructions
+<section id="instructions">给定的标记可以很好地用作两列布局，其中<code>section</code>和<code>aside</code>元素彼此相邻。给<code>#left</code>项<code>float</code>的<code>left</code>和<code>#right</code>项<code>float</code>的<code>right</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: id为<code>left</code>的元素的<code>float</code>值应为<code>left</code> 。
+    testString: 'assert($("#left").css("float") == "left", "The element with id <code>left</code> should have a <code>float</code> value of <code>left</code>.");'
+  - text: id为<code>right</code>的元素的<code>float</code>值应为<code>right</code> 。
+    testString: 'assert($("#right").css("float") == "right", "The element with id <code>right</code> should have a <code>float</code> value of <code>right</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  #left {
+
+    width: 50%;
+  }
+  #right {
+
+    width: 40%;
+  }
+  aside, section {
+    padding: 2px;
+    background-color: #ccc;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Welcome!</h1>
+  </header>
+  <section id="left">
+    <h2>Content</h2>
+    <p>Good stuff</p>
+  </section>
+  <aside id="right">
+    <h2>Sidebar</h2>
+    <p>Links</p>
+  </aside>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.chinese.md
new file mode 100644
index 0000000000..4713f108b0
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 587d781c367417b2b2512ac2
+title: Set the font-size for Multiple Heading Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: 设置多个标题元素的字体大小
+---
+
+## Description
+<section id="description"> <code>font-size</code>属性用于指定给定元素中文本的大小。此规则可用于多个元素，以在页面上创建文本的视觉一致性。在此挑战中，您将设置所有<code>h1</code>到<code>h6</code>标记的值以平衡标题大小。 </section>
+
+## Instructions
+<section id="instructions"><ul><li>将<code>h1</code>标记的<code>font-size</code>设置为68px。 </li><li>将<code>h2</code>标记的<code>font-size</code>设置为52px。 </li><li>将<code>h3</code>标签的<code>font-size</code>设置为40px。 </li><li>将<code>h4</code>标记的<code>font-size</code>设置为32px。 </li><li>将<code>h5</code>标记的<code>font-size</code>设置为21px。 </li><li>将<code>h6</code>标记的<code>font-size</code>设置为14px。 </li></ul></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应将<code>h1</code>标记的<code>font-size</code>属性设置为68像素。
+    testString: 'assert($("h1").css("font-size") == "68px", "Your code should set the <code>font-size</code> property for the <code>h1</code> tag to 68 pixels.");'
+  - text: 您的代码应将<code>h2</code>标记的<code>font-size</code>属性设置为52像素。
+    testString: 'assert($("h2").css("font-size") == "52px", "Your code should set the <code>font-size</code> property for the <code>h2</code> tag to 52 pixels.");'
+  - text: 您的代码应将<code>h3</code>标记的<code>font-size</code>属性设置为40像素。
+    testString: 'assert($("h3").css("font-size") == "40px", "Your code should set the <code>font-size</code> property for the <code>h3</code> tag to 40 pixels.");'
+  - text: 您的代码应将<code>h4</code>标记的<code>font-size</code>属性设置为32像素。
+    testString: 'assert($("h4").css("font-size") == "32px", "Your code should set the <code>font-size</code> property for the <code>h4</code> tag to 32 pixels.");'
+  - text: 您的代码应将<code>h5</code>标记的<code>font-size</code>属性设置为21像素。
+    testString: 'assert($("h5").css("font-size") == "21px", "Your code should set the <code>font-size</code> property for the <code>h5</code> tag to 21 pixels.");'
+  - text: 您的代码应将<code>h6</code>标记的<code>font-size</code>属性设置为14像素。
+    testString: 'assert($("h6").css("font-size") == "14px", "Your code should set the <code>font-size</code> property for the <code>h6</code> tag to 14 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+
+
+
+
+
+</style>
+<h1>This is h1 text</h1>
+<h2>This is h2 text</h2>
+<h3>This is h3 text</h3>
+<h4>This is h4 text</h4>
+<h5>This is h5 text</h5>
+<h6>This is h6 text</h6>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/set-the-font-size-of-paragraph-text.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/set-the-font-size-of-paragraph-text.chinese.md
new file mode 100644
index 0000000000..bb4459215f
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/set-the-font-size-of-paragraph-text.chinese.md
@@ -0,0 +1,56 @@
+---
+id: 587d781c367417b2b2512ac4
+title: Set the font-size of Paragraph Text
+challengeType: 0
+videoUrl: ''
+localeTitle: 设置段落文本的字体大小
+---
+
+## Description
+<section id="description"> CSS中的<code>font-size</code>属性不限于标题，它可以应用于包含文本的任何元素。 </section>
+
+## Instructions
+<section id="instructions">将段落的<code>font-size</code>属性值更改为16px以使其更加可见。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>p</code>标签的<code>font-size</code>为16像素。
+    testString: 'assert($("p").css("font-size") == "16px", "Your <code>p</code> tag should have a <code>font-size</code> of 16 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  p {
+    font-size: 10px;
+  }
+</style>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.chinese.md
new file mode 100644
index 0000000000..23a60f4579
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.chinese.md
@@ -0,0 +1,90 @@
+---
+id: 587d781c367417b2b2512ac3
+title: Set the font-weight for Multiple Heading Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: 设置多个标题元素的字体粗细
+---
+
+## Description
+<section id="description">您在最后一次挑战中设置每个标题标记的<code>font-size</code> ，在这里您将调整<code>font-weight</code> 。 <code>font-weight</code>属性设置文本部分中字符的粗细或粗细。 </section>
+
+## Instructions
+<section id="instructions"><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></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应将<code>h1</code>标记的<code>font-weight</code>属性设置为800。
+    testString: 'assert($("h1").css("font-weight") == "800", "Your code should set the <code>font-weight</code> property for the <code>h1</code> tag to 800.");'
+  - text: 您的代码应将<code>h2</code>标记的<code>font-weight</code>属性设置为600。
+    testString: 'assert($("h2").css("font-weight") == "600", "Your code should set the <code>font-weight</code> property for the <code>h2</code> tag to 600.");'
+  - text: 您的代码应将<code>h3</code>标记的<code>font-weight</code>属性设置为500。
+    testString: 'assert($("h3").css("font-weight") == "500", "Your code should set the <code>font-weight</code> property for the <code>h3</code> tag to 500.");'
+  - text: 您的代码应将<code>h4</code>标记的<code>font-weight</code>属性设置为400。
+    testString: 'assert($("h4").css("font-weight") == "400", "Your code should set the <code>font-weight</code> property for the <code>h4</code> tag to 400.");'
+  - text: 您的代码应将<code>h5</code>标记的<code>font-weight</code>属性设置为300。
+    testString: 'assert($("h5").css("font-weight") == "300", "Your code should set the <code>font-weight</code> property for the <code>h5</code> tag to 300.");'
+  - text: 您的代码应将<code>h6</code>标记的<code>font-weight</code>属性设置为200。
+    testString: 'assert($("h6").css("font-weight") == "200", "Your code should set the <code>font-weight</code> property for the <code>h6</code> tag to 200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h1 {
+    font-size: 68px;
+
+  }
+  h2 {
+    font-size: 52px;
+
+  }
+  h3 {
+    font-size: 40px;
+
+  }
+  h4 {
+    font-size: 32px;
+
+  }
+  h5 {
+    font-size: 21px;
+
+  }
+  h6 {
+    font-size: 14px;
+
+  }
+</style>
+<h1>This is h1 text</h1>
+<h2>This is h2 text</h2>
+<h3>This is h3 text</h3>
+<h4>This is h4 text</h4>
+<h5>This is h5 text</h5>
+<h6>This is h6 text</h6>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/set-the-line-height-of-paragraphs.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/set-the-line-height-of-paragraphs.chinese.md
new file mode 100644
index 0000000000..959a994b28
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/set-the-line-height-of-paragraphs.chinese.md
@@ -0,0 +1,57 @@
+---
+id: 587d781d367417b2b2512ac5
+title: Set the line-height of Paragraphs
+challengeType: 0
+videoUrl: ''
+localeTitle: 设置段落的行高
+---
+
+## Description
+<section id="description"> CSS提供了<code>line-height</code>属性来更改文本块中每一行的高度。顾名思义，它会改变每行文本所获得的垂直空间量。 </section>
+
+## Instructions
+<section id="instructions">将<code>line-height</code>属性添加到<code>p</code>标记并将其设置为25px。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应将<code>p</code>标记的<code>line-height</code>设置为25像素。
+    testString: 'assert($("p").css("line-height") == "25px", "Your code should set the <code>line-height</code> of the <code>p</code> tag to 25 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  p {
+    font-size: 16px;
+
+  }
+</style>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.chinese.md
new file mode 100644
index 0000000000..5b61a648d8
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.chinese.md
@@ -0,0 +1,84 @@
+---
+id: 587d78a9367417b2b2512ae9
+title: Use a Bezier Curve to Move a Graphic
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用贝塞尔曲线移动图形
+---
+
+## Description
+<section id="description">之前的挑战讨论了一个<code>ease-out</code>关键字，该关键字描述了动画更改，该动画更改先加速，然后在动画结束时减慢。在右侧，演示了<code>ease-out</code>关键字（对于蓝色元素）和<code>linear</code>关键字（对于红色元素）之间的差异。通过使用自定义三次贝塞尔曲线函数，可以实现对<code>ease-out</code>关键字的类似动画进展。通常，更改<code>p1</code>和<code>p2</code>锚点会驱动创建不同的贝塞尔曲线，这些曲线控制动画随时间推移的进展。下面是使用值来模拟缓出样式的贝塞尔曲线的示例： <code>animation-timing-function: cubic-bezier(0, 0, 0.58, 1);</code>请记住，所有<code>cubic-bezier</code>函数都以（0,0）处的<code>p0</code>开始，并以（1,1）处的<code>p3</code>结束。在这个例子中，曲线移动通过Y轴（从0开始，到<code>p1</code> y值为0，然后到<code>p2</code> y值为1）比在X轴上移动更快（0开始，然后是0对于<code>p1</code> ，对于<code>p2</code> ，高达0.58）。结果，动画元素的变化比该段的动画时间更快。接近曲线的末端，x和y值的变化之间的关系反转 -  y值从1移动到1（无变化），x值从0.58移动到1，使得动画变化进展比较慢动画持续时间。 </section>
+
+## Instructions
+<section id="instructions">要查看此贝塞尔曲线的效果，请将id为<code>red</code>的元素的<code>animation-timing-function</code>更改为<code>cubic-bezier</code>函数，其中x1，y1，x2，y2值分别设置为0,0,0.58,1这将使两个元素同样在动画中前进。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'id为<code>red</code>的元素的<code>animation-timing-function</code>属性值应为<code>cubic-bezier</code>函数，x1，y1，x2，y2值分别设置为0,0,0.58,1。'
+    testString: 'assert($("#red").css("animation-timing-function") == "cubic-bezier(0, 0, 0.58, 1)", "The value of the <code>animation-timing-function</code> property of the element with the id <code>red</code> should be a <code>cubic-bezier</code> function with x1, y1, x2, y2 values set respectively to 0, 0, 0.58, 1 .");'
+  - text: id为<code>red</code>的元素不应该具有linear的<code>animation-timing-function</code>属性。
+    testString: 'assert($("#red").css("animation-timing-function") !== "linear", "The element with the id <code>red</code> should no longer have the <code>animation-timing-function</code> property of linear.");'
+  - text: 具有id <code>blue</code>的元素的<code>animation-timing-function</code>属性的值不应更改。
+    testString: 'assert($("#blue").css("animation-timing-function") == "ease-out", "The value of the <code>animation-timing-function</code> property for the element with the id <code>blue</code> should not change.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .balls{
+    border-radius: 50%;
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    margin-top: 50px;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #red {
+    background: red;
+    left: 27%;
+    animation-timing-function: linear;
+  }
+  #blue {
+    background: blue;
+    left: 56%;
+    animation-timing-function: ease-out;
+  }
+  @keyframes bounce {
+    0% {
+      top: 0px;
+    }
+    100% {
+      top: 249px;
+    }
+  }
+</style>
+<div class="balls" id= "red"></div>
+<div class="balls" id= "blue"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.chinese.md
new file mode 100644
index 0000000000..1ee67e1ae9
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.chinese.md
@@ -0,0 +1,77 @@
+---
+id: 587d78a5367417b2b2512ad7
+title: Use a CSS Linear Gradient to Create a Striped Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用CSS线性渐变来创建条带元素
+---
+
+## Description
+<section id="description"> <code>repeating-linear-gradient()</code>函数与<code>linear-gradient()</code>非常相似，主要区别在于它重复指定的渐变图案。 <code>repeating-linear-gradient()</code>接受各种值，但为简单起见，您将在此挑战中使用角度值和颜色停止值。角度值是梯度的方向。颜色停止类似于标记转换发生位置的宽度值，并且以百分比或像素数给出。在代码编辑器中演示的示例中，渐变以0像素处的<code>yellow</code>开始，在距离开始40像素处混合成第二种颜色<code>blue</code> 。由于下一个颜色停止也是40像素，因此渐变立即变为第三颜色<code>green</code> ，其本身混合为第四颜色值<code>red</code> ，因为距离渐变的开始是80像素。对于这个例子，它有助于将颜色停止视为每两种颜色混合在一起的对。 <code>0px [yellow -- blend -- blue] 40px [green -- blend -- red] 80px</code>如果每两个颜色停止值是相同的颜色，则混合不明显，因为它在相同的颜色之间，然后是硬转换到下一个颜色，所以你最终得到条纹。 </section>
+
+## Instructions
+<section id="instructions">通过更改<code>repeating-linear-gradient()</code>以使用<code>45deg</code>度的渐变角度来<code>45deg</code> ，然后将前两个颜色停止设置为<code>yellow</code> ，最后将第二个两个颜色停止为<code>black</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>repeating-linear-gradient()</code>应为45度。
+    testString: 'assert(code.match(/background:\s*?repeating-linear-gradient\(\s*?45deg/gi), "The angle of the <code>repeating-linear-gradient()</code> should be 45deg.");'
+  - text: <code>repeating-linear-gradient()</code>不应再为90度
+    testString: 'assert(!code.match(/90deg/gi), "The angle of the <code>repeating-linear-gradient()</code> should no longer be 90deg");'
+  - text: 0像素处的颜色停止应为<code>yellow</code> 。
+    testString: 'assert(code.match(/yellow\s+?0(px)?/gi), "The color stop at 0 pixels should be <code>yellow</code>.");'
+  - text: 40像素的一个颜色停止应为<code>yellow</code> 。
+    testString: 'assert(code.match(/yellow\s+?40px/gi), "One color stop at 40 pixels should be <code>yellow</code>.");'
+  - text: 40像素的第二个色标应为<code>black</code> 。
+    testString: 'assert(code.match(/yellow\s+?40px,\s*?black\s+?40px/gi), "The second color stop at 40 pixels should be <code>black</code>.");'
+  - text: 80像素的最后一个色标应为<code>black</code> 。
+    testString: 'assert(code.match(/black\s+?80px/gi), "The last color stop at 80 pixels should be <code>black</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  div{
+    border-radius: 20px;
+    width: 70%;
+    height: 400px;
+    margin:  50 auto;
+    background: repeating-linear-gradient(
+      90deg,
+      yellow 0px,
+      blue 40px,
+      green 40px,
+      red 80px
+    );
+  }
+
+</style>
+
+<div></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-css-animation-to-change-the-hover-state-of-a-button.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-css-animation-to-change-the-hover-state-of-a-button.chinese.md
new file mode 100644
index 0000000000..d07701c81e
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-css-animation-to-change-the-hover-state-of-a-button.chinese.md
@@ -0,0 +1,67 @@
+---
+id: 587d78a7367417b2b2512ae0
+title: Use CSS Animation to Change the Hover State of a Button
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用CSS动画更改按钮的悬停状态
+---
+
+## Description
+<section id="description">您可以使用CSS <code>@keyframes</code>更改悬停状态下按钮的颜色。以下是在悬停时更改图像宽度的示例： <blockquote> &lt;风格&gt; <br> img：hover { <br>动画名称：宽度; <br>动画持续时间：500ms; <br> } <br><br> @keyframes width { <br> 100％{ <br>宽度：40px; <br> } <br> } <br> &lt;/样式&gt; <br><br> &lt;img src =“https://bit.ly/smallgooglelogo&quot;alt =”Google的徽标“/&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions">请注意， <code>ms</code>表示毫秒，其中1000毫秒等于1秒。使用CSS <code>@keyframes</code>更改<code>button</code>元素的<code>background-color</code> ，以便当用户将鼠标悬停在其上时变为<code>#4791d0</code> 。 <code>@keyframes</code>规则应该只有<code>100%</code>的条目。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '@keyframes规则应使用<code>animation-name</code> background-color。'
+    testString: 'assert(code.match(/@keyframes\s+?background-color\s*?{/g), "The @keyframes rule should use the <code>animation-name</code> background-color.");'
+  - text: '<code>@keyframes</code>下应该有一条规则将<code>background-color</code>更改为<code>#4791d0</code>为100％。'
+    testString: 'assert(code.match(/100%\s*?{\s*?background-color:\s*?#4791d0;\s*?}/gi), "There should be one rule under <code>@keyframes</code> that changes the <code>background-color</code> to <code>#4791d0</code> at 100%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  button {
+    border-radius: 5px;
+    color: white;
+    background-color: #0F5897;
+    padding: 5px 10px 8px 10px;
+  }
+
+  button:hover {
+    animation-name: background-color;
+    animation-duration: 500ms;
+  }
+
+
+</style>
+
+<button>Register</button>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewx-to-skew-an-element-along-the-x-axis.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewx-to-skew-an-element-along-the-x-axis.chinese.md
new file mode 100644
index 0000000000..cfc688a3ab
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewx-to-skew-an-element-along-the-x-axis.chinese.md
@@ -0,0 +1,65 @@
+---
+id: 587d78a6367417b2b2512adb
+title: Use the CSS Transform Property skewX to Skew an Element Along the X-Axis
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用CSS变换属性skewX沿X轴倾斜元素
+---
+
+## Description
+<section id="description"> <code>transform</code>属性的下一个函数是<code>skewX()</code> ，它将选定元素沿其X（水平）轴倾斜给定的度数。以下代码沿X轴将段落元素倾斜-32度。 <blockquote> p { <br> transform：skewX（-32deg）; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">使用<code>transform</code>属性将具有<code>bottom</code> id的元素沿X轴倾斜24度。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 具有id <code>bottom</code>的元素应沿其X轴倾斜24度。
+    testString: 'assert(code.match(/#bottom\s*?{\s*?.*?\s*?transform:\s*?skewX\(24deg\);/g), "The element with id <code>bottom</code> should be skewed by 24 degrees along its X-axis.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    width: 70%;
+    height: 100px;
+    margin:  50px auto;
+  }
+  #top {
+    background-color: red;
+  }
+  #bottom {
+    background-color: blue;
+
+  }
+</style>
+
+<div id="top"></div>
+<div id="bottom"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewy-to-skew-an-element-along-the-y-axis.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewy-to-skew-an-element-along-the-y-axis.chinese.md
new file mode 100644
index 0000000000..5154a6fb01
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewy-to-skew-an-element-along-the-y-axis.chinese.md
@@ -0,0 +1,66 @@
+---
+id: 587d78a6367417b2b2512adc
+title: Use the CSS Transform Property skewY to Skew an Element Along the Y-Axis
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用CSS变换属性skewY沿Y轴倾斜元素
+---
+
+## Description
+<section id="description">假设<code>skewX()</code>函数沿X轴将选定元素倾斜给定的度数，则<code>skewY()</code>属性沿Y（垂直）轴倾斜元素<code>skewY()</code>不足为奇了。 </section>
+
+## Instructions
+<section id="instructions">使用<code>transform</code>属性，沿Y轴倾斜<code>top</code> -10度的元素。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: id <code>top</code>的元素应沿其Y轴倾斜-10度。
+    testString: 'assert(code.match(/#top\s*?{\s*?.*?\s*?transform:\s*?skewY\(-10deg\);/g), "The element with id <code>top</code> should be skewed by -10 degrees along its Y-axis.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    width: 70%;
+    height: 100px;
+    margin: 50px auto;
+  }
+  #top {
+    background-color: red;
+
+  }
+  #bottom {
+    background-color: blue;
+    transform: skewX(24deg);
+  }
+</style>
+
+<div id="top"></div>
+<div id="bottom"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-change-the-size-of-an-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-change-the-size-of-an-element.chinese.md
new file mode 100644
index 0000000000..24d49babd0
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-change-the-size-of-an-element.chinese.md
@@ -0,0 +1,74 @@
+---
+id: 587d78a5367417b2b2512ad9
+title: Use the CSS Transform scale Property to Change the Size of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用CSS Transform scale属性更改元素的大小
+---
+
+## Description
+<section id="description">要更改元素的比例，CSS具有<code>transform</code>属性及其<code>scale()</code>函数。以下代码示例将页面上所有段落元素的大小加倍： <blockquote> p { <br>变换：比例（2）; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">使用<code>ball2</code>的id将元素的大小<code>ball2</code>原始大小的1.5倍。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '设置<code>#ball2</code>的<code>transform</code>属性，将其缩放为其大小的1.5倍。'
+    testString: 'assert(code.match(/#ball2\s*?{\s*?left:\s*?65%;\s*?transform:\s*?scale\(1\.5\);\s*?}|#ball2\s*?{\s*?transform:\s*?scale\(1\.5\);\s*?left:\s*?65%;\s*?}/gi), "Set the <code>transform</code> property for <code>#ball2</code> to scale it 1.5 times its size.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .ball {
+    width: 40px;
+    height: 40px;
+    margin: 50 auto;
+    position: fixed;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    border-radius: 50%;
+  }
+  #ball1 {
+    left: 20%;
+  }
+  #ball2 {
+    left: 65%;
+
+  }
+
+
+</style>
+
+<div class="ball" id= "ball1"></div>
+<div class="ball" id= "ball2"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-scale-an-element-on-hover.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-scale-an-element-on-hover.chinese.md
new file mode 100644
index 0000000000..248e95df19
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-scale-an-element-on-hover.chinese.md
@@ -0,0 +1,65 @@
+---
+id: 587d78a5367417b2b2512ada
+title: Use the CSS Transform scale Property to Scale an Element on Hover
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用CSS Transform scale属性在悬停上缩放元素
+---
+
+## Description
+<section id="description"> <code>transform</code>属性具有多种功能，可让您缩放，移动，旋转，倾斜等元素。当与伪类（例如<code>:hover</code> ，指定元素的某个状态， <code>transform</code>属性可以轻松地为元素添加交互性。这是一个示例，当用户将鼠标悬停在原始大小上时，将段落元素缩放到原始大小的2.1倍： <blockquote> p：悬停{ <br>变换：规模（2.1）; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">为<code>div</code>的<code>hover</code>状态添加CSS规则，并使用<code>transform</code>属性将<code>div</code>元素缩放到其原始大小的1.1倍，当用户将鼠标悬停在其上时。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 当用户将鼠标悬停在其上时， <code>div</code>元素的大小应缩放1.1倍。
+    testString: 'assert(code.match(/div:hover\s*?{\s*?transform:\s*?scale\(1\.1\);/gi), "The size of the <code>div</code> element should scale 1.1 times when the user hovers over it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    width: 70%;
+    height: 100px;
+    margin:  50px auto;
+    background: linear-gradient(
+      53deg,
+      #ccfffc,
+      #ffcccf
+    );
+  }
+
+
+
+</style>
+
+<div></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-em-tag-to-italicize-text.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-em-tag-to-italicize-text.chinese.md
new file mode 100644
index 0000000000..01643b05ad
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-em-tag-to-italicize-text.chinese.md
@@ -0,0 +1,88 @@
+---
+id: 587d781a367417b2b2512ab9
+title: Use the em Tag to Italicize Text
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用em标记来显示文本
+---
+
+## Description
+<section id="description">要强调文本，您可以使用<code>em</code>标记。这显示文本为斜体，因为浏览器应用了<code>font-style: italic;</code>的CSS <code>font-style: italic;</code>对元素。 </section>
+
+## Instructions
+<section id="instructions">围绕段落标记的内容包装<code>em</code>标记以强调它。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该在标记中添加<code>em</code>标记。
+    testString: 'assert($("em").length == 1, "Your code should add an <code>em</code> tag to the markup.");'
+  - text: <code>em</code>标签应该环绕<code>p</code>标签的内容，而不是<code>p</code>标签本身。
+    testString: 'assert($("p").children().length == 1 && $("em").children().length == 2, "The <code>em</code> tag should wrap around the contents of the <code>p</code> tag but not the <code>p</code> tag itself.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text.chinese.md
new file mode 100644
index 0000000000..e048dcef95
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text.chinese.md
@@ -0,0 +1,90 @@
+---
+id: 587d781b367417b2b2512aba
+title: Use the s Tag to Strikethrough Text
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用s标记删除线文本
+---
+
+## Description
+<section id="description">要删除文本，即水平线跨越字符时，可以使用<code>s</code>标记。它表明一段文字不再有效。使用<code>s</code>标签，浏览器应用<code>text-decoration: line-through;</code>的CSS <code>text-decoration: line-through;</code>对元素。 </section>
+
+## Instructions
+<section id="instructions">将<code>s</code>标签包裹在<code>h4</code>标签内的“Google”周围，然后在其旁边添加单词Alphabet，它不应具有删除线格式。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应一个加<code>s</code>标签来标记。
+    testString: 'assert($("s").length == 1, "Your code should add one <code>s</code> tag to the markup.");'
+  - text: <code>s</code>标记应该环绕<code>h4</code>标记中的Google文本。它不应包含单词Alphabet。
+    testString: 'assert($("s").text().match(/Google/gi) && !$("s").text().match(/Alphabet/gi), "A <code>s</code> tag should wrap around the Google text in the <code>h4</code> tag. It should not contain the word Alphabet.");'
+  - text: 在<code>h4</code>标记中包含单词Alphabet，不带删除线格式。
+    testString: 'assert($("h4").html().match(/Alphabet/gi), "Include the word Alphabet in the <code>h4</code> tag, without strikethrough formatting.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-strong-tag-to-make-text-bold.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-strong-tag-to-make-text-bold.chinese.md
new file mode 100644
index 0000000000..4d1f251c1b
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-strong-tag-to-make-text-bold.chinese.md
@@ -0,0 +1,90 @@
+---
+id: 587d781a367417b2b2512ab7
+title: Use the strong Tag to Make Text Bold
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用强标记使文字粗体
+---
+
+## Description
+<section id="description">要使文本变为粗体，可以使用<code>strong</code>标记。这通常用于引起对文本的注意，并象征着它很重要。使用<code>strong</code>标记，浏览器应用CSS的<code>font-weight: bold;</code>对元素。 </section>
+
+## Instructions
+<section id="instructions">在<code>p</code>标签内围绕“斯坦福大学”包裹一个<code>strong</code>的标签。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该在标记中添加一个<code>strong</code>标记。
+    testString: 'assert($("strong").length == 1, "Your code should add one <code>strong</code> tag to the markup.");'
+  - text: <code>strong</code>标记应该在<code>p</code>标记内。
+    testString: 'assert($("p").children("strong").length == 1, "The <code>strong</code> tag should be inside the <code>p</code> tag.");'
+  - text: <code>strong</code>标签应该包含“斯坦福大学”这个词。
+    testString: 'assert($("strong").text().match(/^Stanford University$/gi), "The <code>strong</code> tag should wrap around the words "Stanford University".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.chinese.md
new file mode 100644
index 0000000000..a8bc6e3184
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.chinese.md
@@ -0,0 +1,96 @@
+---
+id: 587d781c367417b2b2512ac0
+title: Use the text-transform Property to Make Text Uppercase
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用text-transform属性使文本为大写
+---
+
+## Description
+<section id="description"> CSS中的<code>text-transform</code>属性用于更改文本的外观。这是一种方便的方法，可确保网页上的文字始终如一，而无需更改实际HTML元素的文本内容。下表显示了不同的<code>text-transform</code>值如何更改示例文本“转换我”。 <table class="table table-striped"><thead><tr><th>值</th><th>结果</th></tr></thead><tbody><tr><td> <code>lowercase</code> </td> <td> “改变我” </td></tr><tr><td> <code>uppercase</code> </td> <td> “改变我” </td></tr><tr><td> <code>capitalize</code> </td> <td> “改变我” </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></section>
+
+## Instructions
+<section id="instructions">使用<code>text-transform</code>属性将<code>h4</code>的<code>text-transform</code>为大写。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>h4</code>文本应为大写。
+    testString: 'assert($("h4").css("text-transform") === "uppercase", "The <code>h4</code> text should be uppercase.");'
+  - text: 不应更改h4的原始文本。
+    testString: 'assert(($("h4").text() !== $("h4").text().toUpperCase()), "The original text of the h4 should not be changed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+    font-size: 27px;
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+    opacity: 0.7;
+  }
+  #thumbnail {
+    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard" id="thumbnail">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.chinese.md
new file mode 100644
index 0000000000..4281fa6306
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.chinese.md
@@ -0,0 +1,88 @@
+---
+id: 587d781a367417b2b2512ab8
+title: Use the u Tag to Underline Text
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用u标签为文本加下划线
+---
+
+## Description
+<section id="description">要为文本加下划线，您可以使用<code>u</code>标记。这通常用于表示一段文字很重要，或者需要记住的东西。使用<code>u</code>标签，浏览器应用<code>text-decoration: underline;</code>的CSS <code>text-decoration: underline;</code>对元素。 </section>
+
+## Instructions
+<section id="instructions">仅在“Ph.D. students”文本周围包裹<code>u</code>标签。 <strong>注意</strong> <br>当它可能与链接混淆时尽量避免使用<code>u</code>标签。 Anchor标签也有默认的带下划线的格式。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该在标记中添加<code>u</code>标记。
+    testString: 'assert($("u").length === 1, "Your code should add a <code>u</code> tag to the markup.");'
+  - text: <code>u</code>标签应该包含文本“Ph.D. students”。
+    testString: 'assert($("u").text() === "Ph.D. students", "The <code>u</code> tag should wrap around the text "Ph.D. students".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at <strong>Stanford University</strong>.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.chinese.md
new file mode 100644
index 0000000000..ad67d9fa39
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.chinese.md
@@ -0,0 +1,86 @@
+---
+id: bad87fee1348bd9aedf08823
+title: Add a Negative Margin to an Element
+challengeType: 0
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/add-a-negative-margin-to-an-element'
+videoUrl: ''
+localeTitle: 向元素添加负边距
+---
+
+## Description
+<section id="description">元素的<code>margin</code>控制元素<code>border</code>与周围元素之间的空间量。如果将元素的<code>margin</code>设置为负值，则元素将变大。 </section>
+
+## Instructions
+<section id="instructions">尝试将<code>margin</code>设置为负值，如红色框的值。将蓝色框的<code>margin</code>更改为<code>-15px</code> ，因此它会填充其周围黄色框的整个水平宽度。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>blue-box</code>类应该给出<code>-15px</code>的<code>margin</code>元素。
+    testString: 'assert($(".blue-box").css("margin-top") === "-15px", "Your <code>blue-box</code> class should give elements <code>-15px</code> of <code>margin</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px;
+    margin: -15px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 20px;
+    margin: 20px;
+  }
+</style>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/add-borders-around-your-elements.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/add-borders-around-your-elements.chinese.md
new file mode 100644
index 0000000000..115628492f
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/add-borders-around-your-elements.chinese.md
@@ -0,0 +1,108 @@
+---
+id: bad87fee1348bd9bedf08813
+title: Add Borders Around Your Elements
+challengeType: 0
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/add-borders-around-your-elements'
+videoUrl: ''
+localeTitle: 添加元素周围的边框
+---
+
+## Description
+<section id="description"> CSS边框具有<code>style</code> ， <code>color</code>和<code>width</code>等属性。例如，如果我们想要在HTML元素周围创建一个红色的5像素边框，我们可以使用此类： <blockquote> &lt;风格&gt; <br> .thin-red-border { <br>边框颜色：红色; <br> border-width：5px; <br>边框式：坚固; <br> } <br> &lt;/样式&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions">创建一个名为<code>thick-green-border</code> 。这个类应该在HTML元素周围添加一个10px的实心绿色边框。将课程应用于您的猫照片。请记住，您可以使用其<code>class</code>属性将多个类应用于元素，方法是使用空格分隔每个类名。例如： <code>&lt;img class=&quot;class1 class2&quot;&gt;</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>img</code>元素应该具有<code>smaller-image</code>类。
+    testString: 'assert($("img").hasClass("smaller-image"), "Your <code>img</code> element should have the class <code>smaller-image</code>.");'
+  - text: 你的<code>img</code>元素应该有类<code>thick-green-border</code> 。
+    testString: 'assert($("img").hasClass("thick-green-border"), "Your <code>img</code> element should have the class <code>thick-green-border</code>.");'
+  - text: 为图像提供<code>10px</code>的边框宽度。
+    testString: 'assert($("img").hasClass("thick-green-border") && parseInt($("img").css("border-top-width"), 10) >= 8 && parseInt($("img").css("border-top-width"), 10) <= 12, "Give your image a border width of <code>10px</code>.");'
+  - text: 为您的图像提供<code>solid</code>的边框样式。
+    testString: 'assert($("img").css("border-right-style") === "solid", "Give your image a border style of <code>solid</code>.");'
+  - text: <code>img</code>元素周围的边框应为绿色。
+    testString: 'assert($("img").css("border-left-color") === "rgb(0, 128, 0)", "The border around your <code>img</code> element should be green.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.chinese.md
new file mode 100644
index 0000000000..bd542d3725
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.chinese.md
@@ -0,0 +1,92 @@
+---
+id: bad87fee1248bd9aedf08824
+title: Add Different Margins to Each Side of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 在元素的每一侧添加不同的边距
+---
+
+## Description
+<section id="description">有时您会想要自定义元素，使其每边都有不同的<code>margin</code> 。 CSS允许您控制的<code>margin</code>与元素的所有四个单项两侧<code>margin-top</code> ， <code>margin-right</code> ， <code>margin-bottom</code> ，和<code>margin-left</code>属性。 </section>
+
+## Instructions
+<section id="instructions">蓝色框的顶部和左侧<code>margin</code>为<code>40px</code> ，底部和右侧仅为<code>20px</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>blue-box</code>类应该给元素顶部<code>40px</code>的<code>margin</code> 。
+    testString: 'assert($(".blue-box").css("margin-top") === "40px", "Your <code>blue-box</code> class should give the top of elements <code>40px</code> of <code>margin</code>.");'
+  - text: 您的<code>blue-box</code>类应该赋予元素<code>20px</code> <code>margin</code>的权利。
+    testString: 'assert($(".blue-box").css("margin-right") === "20px", "Your <code>blue-box</code> class should give the right of elements <code>20px</code> of <code>margin</code>.");'
+  - text: 你的<code>blue-box</code>类应该给元素的底部提供<code>20px</code>的<code>margin</code> 。
+    testString: 'assert($(".blue-box").css("margin-bottom") === "20px", "Your <code>blue-box</code> class should give the bottom of elements <code>20px</code> of <code>margin</code>.");'
+  - text: 你的<code>blue-box</code>类应该给元素左边<code>40px</code>的<code>margin</code> 。
+    testString: 'assert($(".blue-box").css("margin-left") === "40px", "Your <code>blue-box</code> class should give the left of elements <code>40px</code> of <code>margin</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    margin-top: 40px;
+    margin-right: 20px;
+    margin-bottom: 20px;
+    margin-left: 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.chinese.md
new file mode 100644
index 0000000000..b40af1e792
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.chinese.md
@@ -0,0 +1,93 @@
+---
+id: bad87fee1348bd9aedf08824
+title: Add Different Padding to Each Side of an Element
+challengeType: 0
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/add-different-padding-to-each-side-of-an-element'
+videoUrl: ''
+localeTitle: 在元素的每一侧添加不同的填充
+---
+
+## Description
+<section id="description">有时您会想要自定义一个元素，使其每边都有不同数量的<code>padding</code> 。 CSS允许您控制的<code>padding</code>与元素的所有四个单项两侧<code>padding-top</code> ， <code>padding-right</code> ， <code>padding-bottom</code> ，并<code>padding-left</code>属性。 </section>
+
+## Instructions
+<section id="instructions">在蓝色框的顶部和左侧给出<code>40px</code>的<code>padding</code> ，但在其底部和右侧只有<code>20px</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>blue-box</code>类应该给出<code>40px</code> <code>padding</code>元素的顶部。
+    testString: 'assert($(".blue-box").css("padding-top") === "40px", "Your <code>blue-box</code> class should give the top of the elements <code>40px</code> of <code>padding</code>.");'
+  - text: 你的<code>blue-box</code>类应该给出<code>20px</code> <code>padding</code>元素的权利。
+    testString: 'assert($(".blue-box").css("padding-right") === "20px", "Your <code>blue-box</code> class should give the right of the elements <code>20px</code> of <code>padding</code>.");'
+  - text: 你的<code>blue-box</code>类应该给出<code>20px</code> <code>padding</code>元素的底部。
+    testString: 'assert($(".blue-box").css("padding-bottom") === "20px", "Your <code>blue-box</code> class should give the bottom of the elements <code>20px</code> of <code>padding</code>.");'
+  - text: 你的<code>blue-box</code>类应该给元素左边<code>padding</code> <code>40px</code> 。
+    testString: 'assert($(".blue-box").css("padding-left") === "40px", "Your <code>blue-box</code> class should give the left of the elements <code>40px</code> of <code>padding</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding-top: 40px;
+    padding-right: 20px;
+    padding-bottom: 20px;
+    padding-left: 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.chinese.md
new file mode 100644
index 0000000000..3ec13340af
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.chinese.md
@@ -0,0 +1,108 @@
+---
+id: bad87fee1348bd9aedf08814
+title: Add Rounded Corners with border-radius
+challengeType: 0
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/add-rounded-corners-a-border-radius'
+videoUrl: ''
+localeTitle: 添加带有border-radius的圆角
+---
+
+## Description
+<section id="description">你的猫照片目前有尖角。我们可以使用名为<code>border-radius</code>的CSS属性来舍入这些角。 </section>
+
+## Instructions
+<section id="instructions">您可以使用像素指定<code>border-radius</code> 。给你的猫照片<code>border-radius</code> <code>10px</code> 。注意：此挑战允许多种可能的解决方案。例如，您可以将<code>border-radius</code>添加到<code>.thick-green-border</code>类或<code>.smaller-image</code>类。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的图片元素应该具有“thick-green-border”类。
+    testString: 'assert($("img").hasClass("thick-green-border"), "Your image element should have the class "thick-green-border".");'
+  - text: 您的图像的边框半径应为<code>10px</code>
+    testString: 'assert(parseInt($("img").css("border-top-left-radius")) > 8, "Your image should have a border radius of <code>10px</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.chinese.md
new file mode 100644
index 0000000000..ee77118e13
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.chinese.md
@@ -0,0 +1,87 @@
+---
+id: bad87fee1348bd9aedf08822
+title: Adjust the Margin of an Element
+challengeType: 0
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/adjust-the-margin-of-an-element'
+videoUrl: ''
+localeTitle: 调整元素的边距
+---
+
+## Description
+<section id="description">元素的<code>margin</code>控制元素<code>border</code>与周围元素之间的空间量。在这里，我们可以看到蓝色框和红色框嵌套在黄色框中。请注意，红色框的<code>margin</code>大于蓝色框，使其看起来更小。当您增加蓝框的<code>margin</code> ，它将增加其边框与周围元素之间的距离。 </section>
+
+## Instructions
+<section id="instructions">更改蓝色框的<code>margin</code>以匹配红色框的<code>margin</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>blue-box</code>类应该给出<code>20px</code>的<code>margin</code>元素。
+    testString: 'assert($(".blue-box").css("margin-top") === "20px", "Your <code>blue-box</code> class should give elements <code>20px</code> of <code>margin</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px;
+    margin: 20px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 20px;
+    margin: 10px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.chinese.md
new file mode 100644
index 0000000000..80f3200c72
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.chinese.md
@@ -0,0 +1,85 @@
+---
+id: bad88fee1348bd9aedf08825
+title: Adjust the Padding of an Element
+challengeType: 0
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/adjust-the-padding-of-an-element'
+videoUrl: ''
+localeTitle: 调整元素的填充
+---
+
+## Description
+<section id="description">现在让我们将我们的Cat Photo App放一段时间，了解更多关于样式HTML的信息。您可能已经注意到了这一点，但所有HTML元素基本上都是小矩形。三个重要属性控制每个HTML元素周围的空间： <code>padding</code> ， <code>margin</code>和<code>border</code> 。元素的<code>padding</code>控制元素内容与其<code>border</code>之间的空间量。在这里，我们可以看到蓝色框和红色框嵌套在黄色框中。请注意，红色框具有比蓝色框更多的<code>padding</code> 。当您增加蓝框的<code>padding</code> ，它将增加文本与其周围边框之间的距离（ <code>padding</code> ）。 </section>
+
+## Instructions
+<section id="instructions">更改蓝色框的<code>padding</code>以匹配红色框的<code>padding</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>blue-box</code>类应该给出<code>20px</code>的<code>padding</code>元素。
+    testString: 'assert($(".blue-box").css("padding-top") === "20px", "Your <code>blue-box</code> class should give elements <code>20px</code> of <code>padding</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 10px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.chinese.md
new file mode 100644
index 0000000000..1587a6c829
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.chinese.md
@@ -0,0 +1,254 @@
+---
+id: 5a9d7286424fe3d0e10cad13
+title: Attach a Fallback value to a CSS Variable
+challengeType: 0
+videoUrl: ''
+localeTitle: 将Fallback值附加到CSS变量
+---
+
+## Description
+<section id="description">将变量用作CSS属性值时，如果给定变量无效，则可以附加浏览器将恢复的回退值。 <strong>注意：</strong>此回退不用于增加浏览器兼容性，并且它不适用于IE浏览器。而是使用它，以便浏览器在无法找到变量时显示颜色。这是你如何做到的： <blockquote>背景：var（ - 企鹅皮，黑色）; </blockquote>如果未设置变量，则会将背景设置为黑色。请注意，这对于调试很有用。 </section>
+
+## Instructions
+<section id="instructions">它看起来提供给<code>.penguin-top</code>和<code>.penguin-bottom</code>类的变量存在问题。而不是修复拼写错误，将<code>.penguin-top</code>值的<code>black</code>添加到<code>.penguin-top</code>和<code>.penguin-bottom</code>类的<code>background</code>属性中。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 的后退值应用于<code>black</code>为<code>background</code>的财产<code>penguin-top</code>班。
+    testString: '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), "Apply the fallback value of <code>black</code> to the <code>background</code> property of the <code>penguin-top</code> class.");'
+  - text: 将<code>black</code>的后备值应用于<code>penguin-bottom</code>类的<code>background</code>属性。
+    testString: 'assert(code.match(/.penguin-bottom\s*?{[\s\S]*background\s*?:\s*?var\(\s*?--pengiun-skin\s*?,\s*?black\s*?\)\s*?;[\s\S]*}/gi), "Apply the fallback value of <code>black</code> to the <code>background</code> property of the <code>penguin-bottom</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .penguin {
+    --penguin-skin: black;
+    --penguin-belly: gray;
+    --penguin-beak: yellow;
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+
+    /* change code below */
+    background: var(--pengiun-skin);
+    /* change code above */
+
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+
+    /* change code below */
+    background: var(--pengiun-skin);
+    /* change code above */
+
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, black);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, black);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/cascading-css-variables.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/cascading-css-variables.chinese.md
new file mode 100644
index 0000000000..84b99155ce
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/cascading-css-variables.chinese.md
@@ -0,0 +1,250 @@
+---
+id: 5a9d7295424fe3d0e10cad14
+title: Cascading CSS variables
+challengeType: 0
+videoUrl: ''
+localeTitle: 级联CSS变量
+---
+
+## Description
+<section id="description">创建变量时，您可以在创建变量的元素内使用它。它也可以在嵌套在其中的任何元素中使用。这种效应称为<dfn>级联</dfn> 。由于级联，CSS变量通常在<dfn>：root</dfn>元素中定义。 <code>:root</code>是一个<dfn>伪类</dfn>选择器，它匹配文档的根元素，通常是<code></code>元件。通过在<code>:root</code>创建变量，它们将在全局可用，并且可以在样式表中的任何其他选择器中访问。 </section>
+
+## Instructions
+<section id="instructions">在<code>:root</code>选择器中定义一个名为<code>--penguin-belly</code>的变量，并为其赋值<code>pink</code> 。然后，您可以在任何使用该变量的位置查看该值将如何级联以将值更改为粉红色。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '在<code>:root</code>声明<code>--penguin-belly</code>变量并将其指定为<code>pink</code> 。'
+    testString: 'assert(code.match(/:root\s*?{[\s\S]*--penguin-belly\s*?:\s*?pink\s*?;[\s\S]*}/gi), "declare the <code>--penguin-belly</code> variable in the <code>:root</code> and assign it to <code>pink</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  :root {
+
+    /* add code below */
+
+    /* add code above */
+  }
+
+  body {
+    background: var(--penguin-belly, #c6faf1);
+  }
+
+  .penguin {
+    --penguin-skin: gray;
+    --penguin-beak: orange;
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.chinese.md
new file mode 100644
index 0000000000..b38e533195
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.chinese.md
@@ -0,0 +1,252 @@
+---
+id: 5a9d72a1424fe3d0e10cad15
+title: Change a variable for a specific area
+challengeType: 0
+videoUrl: ''
+localeTitle: 更改特定区域的变量
+---
+
+## Description
+<section id="description">当您在创建变量<code>:root</code> ，他们将设置可变整个页面的价值。然后，您可以通过在特定元素中再次设置它们来覆盖这些变量。 </section>
+
+## Instructions
+<section id="instructions">在<code>penguin</code>类<code>--penguin-belly</code>的值更改为<code>white</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>penguin</code>类应该将<code>--penguin-belly</code>变量重新分配为<code>white</code> 。
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-belly\s*?:\s*?white\s*?;[\s\S]*}/gi), "The <code>penguin</code> class should reassign the <code>--penguin-belly</code> variable to <code>white</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  :root {
+    --penguin-skin: gray;
+    --penguin-belly: pink;
+    --penguin-beak: orange;
+  }
+
+  body {
+    background: var(--penguin-belly, #c6faf1);
+  }
+
+  .penguin {
+
+    /* add code below */
+
+    /* add code above */
+
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, pink);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, pink);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, pink);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/change-the-color-of-text.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/change-the-color-of-text.chinese.md
new file mode 100644
index 0000000000..3b52a95dde
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/change-the-color-of-text.chinese.md
@@ -0,0 +1,81 @@
+---
+id: bad87fee1348bd9aedf08803
+title: Change the Color of Text
+challengeType: 0
+videoUrl: ''
+localeTitle: 更改文本的颜色
+---
+
+## Description
+<section id="description">现在让我们改变一些文字的颜色。我们可以通过改变你的<code>h2</code>元素的<code>style</code>来做到这一点。负责元素文本<code>color</code>属性是<code>color</code>样式属性。以下是将<code>h2</code>元素的文本颜色设置为蓝色的方法： <code>&lt;h2 style=&quot;color: blue;&quot;&gt;CatPhotoApp&lt;/h2&gt;</code>请注意，最好使用<code>;</code>结束内联<code>style</code>声明<code>;</code> 。 </section>
+
+## Instructions
+<section id="instructions">更改<code>h2</code>元素的样式，使其文本颜色为红色。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>h2</code>元素应该是红色的。
+    testString: 'assert($("h2").css("color") === "rgb(255, 0, 0)", "Your <code>h2</code> element should be red.");'
+  - text: 你的<code>style</code>声明应以a结尾<code>;</code> 。
+    testString: 'assert(code.match(/<h2\s+style\s*=\s*(\"|")\s*color\s*:\s*(?:rgb\(\s*255\s*,\s*0\s*,\s*0\s*\)|rgb\(\s*100%\s*,\s*0%\s*,\s*0%\s*\)|red|#ff0000|#f00|hsl\(\s*0\s*,\s*100%\s*,\s*50%\s*\))\s*\;(\"|")>\s*CatPhotoApp\s*<\/h2>/)," Your <code>style</code> declaration should end with a <code>;</code> .");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.chinese.md
new file mode 100644
index 0000000000..b7d2d2ec6d
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.chinese.md
@@ -0,0 +1,85 @@
+---
+id: bad87fee1348bd9aedf08806
+title: Change the Font Size of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 更改元素的字体大小
+---
+
+## Description
+<section id="description">字体大小由<code>font-size</code> CSS属性控制，如下所示： <blockquote> h1 { <br> font-size：30px; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">里面的相同<code>&lt;style&gt;</code>包含您的标记<code>red-text</code>类，创建一个条目<code>p</code>元素和设置<code>font-size</code>为16个像素（ <code>16px</code> ）。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 在<code>style</code>标记之间，给出<code>p</code>元素<code>font-size</code>为<code>16px</code> 。浏览器和文本缩放应为100％。
+    testString: 'assert(code.match(/p\s*{\s*font-size\s*:\s*16\s*px\s*;\s*}/i), "Between the <code>style</code> tags, give the <code>p</code> elements <code>font-size</code> of <code>16px</code>. Browser and Text zoom should be at 100%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/create-a-custom-css-variable.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/create-a-custom-css-variable.chinese.md
new file mode 100644
index 0000000000..19adeacd7e
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/create-a-custom-css-variable.chinese.md
@@ -0,0 +1,245 @@
+---
+id: 5a9d726c424fe3d0e10cad11
+title: Create a custom CSS Variable
+challengeType: 0
+videoUrl: ''
+localeTitle: 创建自定义CSS变量
+---
+
+## Description
+<section id="description">要创建一个CSS变量，你只需要给它一个<code>name</code>有<code>two dashes</code>在它前面，并为其分配一个<code>value</code>是这样的： <blockquote> -  penguin-skin：灰色; </blockquote>这将创建一个名为<code>--penguin-skin</code>的变量，并为其赋值为<code>gray</code> 。现在，您可以在CSS中的其他位置使用该变量将其他元素的值更改为灰色。 </section>
+
+## Instructions
+<section id="instructions">在<code>penguin</code>类中，创建一个变量名称<code>--penguin-skin</code>并赋予它一个<code>gray</code>值</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>penguin</code>类应声明<code>--penguin-skin</code>变量并将其指定为<code>gray</code> 。
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-skin\s*?:\s*?gray\s*?;[\s\S]*}/gi), "<code>penguin</code> class should declare the <code>--penguin-skin</code> variable and assign it to <code>gray</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .penguin {
+
+    /* add code below */
+
+    /* add code above */
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: black;
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: black;
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: black;
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: black;
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: white;
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: orange;
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: orange;
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.chinese.md
new file mode 100644
index 0000000000..5fb0630609
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.chinese.md
@@ -0,0 +1,110 @@
+---
+id: bad87fed1348bd9aede07836
+title: Give a Background Color to a div Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 为div元素提供背景颜色
+---
+
+## Description
+<section id="description">您可以使用<code>background-color</code>属性设置元素的背景颜色。例如，如果您希望元素的背景颜色为<code>green</code> ，则将其放在<code>style</code>元素中： <blockquote> .green-background { <br>背景颜色：绿色; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">创建一个名为<code>silver-background</code>的类， <code>background-color</code>为银色。将此类分配给<code>div</code>元素。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 给你的<code>div</code>元素类<code>silver-background</code> 。
+    testString: 'assert($("div").hasClass("silver-background"), "Give your <code>div</code> element the class <code>silver-background</code>.");'
+  - text: 你的<code>div</code>元素应该有银色背景。
+    testString: 'assert($("div").css("background-color") === "rgb(192, 192, 192)", "Your <code>div</code> element should have a silver background.");'
+  - text: 定义一个类名为<code>silver-background</code>的内<code>style</code>元素的值赋给<code>silver</code>的<code>background-color</code>属性。
+    testString: 'assert(code.match(/\.silver-background\s*{\s*background-color:\s*silver;\s*}/), "Define a class named <code>silver-background</code> within the <code>style</code> element and assign the value of <code>silver</code> to the <code>background-color</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/import-a-google-font.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/import-a-google-font.chinese.md
new file mode 100644
index 0000000000..2fdc9a13f4
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/import-a-google-font.chinese.md
@@ -0,0 +1,96 @@
+---
+id: bad87fee1348bd9aedf08807
+title: Import a Google Font
+challengeType: 0
+videoUrl: ''
+localeTitle: 导入Google字体
+---
+
+## Description
+<section id="description">除了指定在大多数操作系统上找到的常用字体外，我们还可以指定在我们的网站上使用的非标准自定义Web字体。互联网上有各种网络字体来源，但在本例中，我们将重点关注Google字体库。 <a href="https://fonts.google.com/" target="_blank">Google字体</a>是一个免费的网络字体库，您可以通过引用字体的URL在CSS中使用它。因此，让我们继续导入并应用Google字体（请注意，如果Google在您所在的国家/地区被屏蔽，则需要跳过此挑战）。要导入Google字体，您可以从Google字体库中复制字体网址，然后将其粘贴到HTML中。对于这个挑战，我们将导入<code>Lobster</code>字体。为此，请复制以下代码段并将其粘贴到代码编辑器的顶部（在开始<code>style</code>元素之前）： <code>&lt;link href=&quot;https://fonts.googleapis.com/css?family=Lobster&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;</code>现在，您可以使用<code>Lobster</code>作为FAMILY_NAME在CSS中使用<code>Lobster</code>字体，如下例所示： <br> <code>font-family: FAMILY_NAME, GENERIC_NAME;</code> 。 GENERIC_NAME是可选的，如果其他指定的字体不可用，则为后备字体。这将在下一个挑战中得到体现。系列名称区分大小写，如果名称中有空格，则需要用引号括起来。例如，您需要引号才能使用<code>&quot;Open Sans&quot;</code>字体，但不能使用<code>Lobster</code>字体。 </section>
+
+## Instructions
+<section id="instructions">创建使用<code>Lobster</code>字体的<code>font-family</code> CSS规则，并确保它将应用于您的<code>h2</code>元素。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 导入<code>Lobster</code>字体。
+    testString: 'assert(new RegExp("googleapis", "gi").test(code), "Import the <code>Lobster</code> font.");'
+  - text: 你的<code>h2</code>元素应该使用字体<code>Lobster</code> 。
+    testString: 'assert($("h2").css("font-family").match(/lobster/i), "Your <code>h2</code> element should use the font <code>Lobster</code>.");'
+  - text: 使用<code>h2</code> CSS选择器更改字体。
+    testString: 'assert(/\s*h2\s*\{\s*font-family\:\s*(\"|")?Lobster(\"|")?\s*;\s*\}/gi.test(code), "Use an <code>h2</code> CSS selector to change the font.");'
+  - text: 你的<code>p</code>元素仍然应该使用字体<code>monospace</code> 。
+    testString: 'assert($("p").css("font-family").match(/monospace/i), "Your <code>p</code> element should still use the font <code>monospace</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.chinese.md
new file mode 100644
index 0000000000..34d77c4fb7
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.chinese.md
@@ -0,0 +1,60 @@
+---
+id: 5b7d72c338cd7e35b63f3e14
+title: Improve Compatibility with Browser Fallbacks
+challengeType: 0
+videoUrl: ''
+localeTitle: 改善与浏览器回退的兼容性
+---
+
+## Description
+<section id="description">使用CSS时，您可能会在某些时候遇到浏览器兼容性问题。这就是为什么提供浏览器回退以避免潜在问题的重要性。当您的浏览器解析网页的CSS时，它会忽略它无法识别或支持的任何属性。例如，如果使用CSS变量在站点上分配背景颜色，Internet Explorer将忽略背景颜色，因为它不支持CSS变量。在这种情况下，浏览器将使用它对该属性的任何值。如果找不到该属性的任何其他值集，它将恢复为默认值，这通常不理想。这意味着如果您确实希望提供浏览器回退，那么就像在声明之前提供另一个更广泛支持的值一样简单。这样，较旧的浏览器将有一些东西可以依赖，而较新的浏览器只会解释级联后期的任何声明。 </section>
+
+## Instructions
+<section id="instructions">它看起来像一个变量用于设置<code>.red-box</code>类的背景颜色。让我们通过在现有声明之前添加另一个<code>background</code>声明来提高我们的浏览器兼容性，并将其值设置为红色。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>.red-box</code>规则应包括在现有<code>background</code>声明之前立即将<code>background</code>设置为红色的后备。
+    testString: 'assert(code.match(/.red-box\s*{[^}]*background:\s*(red|#ff0000|#f00|rgb\(\s*255\s*,\s*0\s*,\s*0\s*\)|rgb\(\s*100%\s*,\s*0%\s*,\s*0%\s*\)|hsl\(\s*0\s*,\s*100%\s*,\s*50%\s*\))\s*;\s*background:\s*var\(\s*--red-color\s*\);/gi), "Your <code>.red-box</code> rule should include a fallback with the <code>background</code> set to red immediately before the existing <code>background</code> declaration.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  :root {
+    --red-color: red;
+  }
+  .red-box {
+
+    background: var(--red-color);
+    height: 200px;
+    width:200px;
+  }
+</style>
+<div class="red-box"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.chinese.md
new file mode 100644
index 0000000000..80eacf1b55
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.chinese.md
@@ -0,0 +1,66 @@
+---
+id: bad87fee1348bd9aedf08746
+title: Inherit Styles from the Body Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 从Body元素继承样式
+---
+
+## Description
+<section id="description">现在我们已经证明每个HTML页面都有一个<code>body</code>元素，并且它的<code>body</code>元素也可以用CSS设置样式。记住，你可以风格你<code>body</code>元素，就像任何其他HTML元素，和所有其他元素将继承你的<code>body</code>元素的样式。 </section>
+
+## Instructions
+<section id="instructions">首先，创建一个<code>h1</code>与文本元素<code>Hello World</code>然后，让我们给您的网页上的所有元素的颜色<code>green</code>中加入<code>color: green;</code>你的<code>body</code>元素的风格声明。最后，通过添加<code>font-family: monospace;</code> ，为你的<code>body</code>元素提供<code>monospace</code>的<code>font-family: monospace;</code>你的<code>body</code>元素的风格声明。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 创建一个<code>h1</code>元素。
+    testString: 'assert(($("h1").length > 0), "Create an <code>h1</code> element.");'
+  - text: 你的<code>h1</code>元素应该有文本<code>Hello World</code> 。
+    testString: 'assert(($("h1").length > 0 && $("h1").text().match(/hello world/i)), "Your <code>h1</code> element should have the text <code>Hello World</code>.");'
+  - text: 确保您的<code>h1</code>元素具有结束标记。
+    testString: 'assert(code.match(/<\/h1>/g) && code.match(/<h1/g) && code.match(/<\/h1>/g).length === code.match(/<h1/g).length, "Make sure your <code>h1</code> element has a closing tag.");'
+  - text: 为你的<code>body</code>元素赋予<code>green</code>的<code>color</code>属性。
+    testString: 'assert(($("body").css("color") === "rgb(0, 128, 0)"), "Give your <code>body</code> element the <code>color</code> property of <code>green</code>.");'
+  - text: 为<code>body</code>元素提供<code>monospace</code>的<code>font-family</code>属性。
+    testString: 'assert(($("body").css("font-family").match(/monospace/i)), "Give your <code>body</code> element the <code>font-family</code> property of <code>monospace</code>.");'
+  - text: 你的<code>h1</code>元素应该从你的<code>body</code>元素继承font <code>monospace</code> 。
+    testString: 'assert(($("h1").length > 0 && $("h1").css("font-family").match(/monospace/i)), "Your <code>h1</code> element should inherit the font <code>monospace</code> from your <code>body</code> element.");'
+  - text: 您的<code>h1</code>元素应该从您的<code>body</code>元素继承绿色。
+    testString: 'assert(($("h1").length > 0 && $("h1").css("color") === "rgb(0, 128, 0)"), "Your <code>h1</code> element should inherit the color green from your <code>body</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+  }
+
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.chinese.md
new file mode 100644
index 0000000000..b23255c679
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.chinese.md
@@ -0,0 +1,108 @@
+---
+id: bad87fee1348bd9aedf08815
+title: Make Circular Images with a border-radius
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用border-radius制作圆形图像
+---
+
+## Description
+<section id="description">除像素外，您还可以使用百分比指定<code>border-radius</code> 。 </section>
+
+## Instructions
+<section id="instructions">给你的猫照片<code>border-radius</code>为<code>50%</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的图像应具有<code>50%</code>的边框半径，使其完美呈圆形。
+    testString: 'assert(parseInt($("img").css("border-top-left-radius")) > 48, "Your image should have a border radius of <code>50%</code>, making it perfectly circular.");'
+  - text: 请务必使用<code>50%</code>的百分比值。
+    testString: 'assert(code.match(/50%/g), "Be sure to use a percentage value of <code>50%</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 10px;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.chinese.md
new file mode 100644
index 0000000000..bf8a67e2be
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.chinese.md
@@ -0,0 +1,75 @@
+---
+id: bad87fee1348bd9aedf07756
+title: Override All Other Styles by using Important
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用重要覆盖所有其他样式
+---
+
+## Description
+<section id="description">好极了！我们刚刚证明了内联样式将覆盖<code>style</code>元素中的所有CSS声明。可是等等。有一种覆盖CSS的最后一种方法。这是所有人中最强大的方法。但在我们这样做之前，让我们谈谈为什么你想要覆盖CSS。在许多情况下，您将使用CSS库。这些可能会意外地覆盖您自己的CSS。所以当你绝对需要确定一个元素有特定的CSS时，你可以使用<code>!important</code>让我们一直回到我们的<code>pink-text</code>类声明。请记住，我们的<code>pink-text</code>类被后续的类声明，id声明和内联样式覆盖。 </section>
+
+## Instructions
+<section id="instructions">让我们在粉红色文本元素的颜色声明中添加关键字<code>!important</code> ，以100％确定你的<code>h1</code>元素是粉红色的。如何执行此操作的示例是： <code>color: red !important;</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>h1</code>元素应该具有<code>pink-text</code>类。
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: 你的<code>h1</code>元素应该有<code>blue-text</code> 。
+    testString: 'assert($("h1").hasClass("blue-text"), "Your <code>h1</code> element should have the class <code>blue-text</code>.");'
+  - text: 您的<code>h1</code>元素应具有<code>orange-text</code>的ID。
+    testString: 'assert($("h1").attr("id") === "orange-text", "Your <code>h1</code> element should have the id of <code>orange-text</code>.");'
+  - text: '您的<code>h1</code>元素应具有内联样式的<code>color: white</code> 。'
+    testString: 'assert(code.match(/<h1.*style/gi) && code.match(/<h1.*style.*color\s*?:/gi), "Your <code>h1</code> element should have the inline style of <code>color&#58; white</code>.");'
+  - text: 你的<code>pink-text</code>类声明应该有<code>!important</code>关键字来覆盖所有其他声明。
+    testString: 'assert(code.match(/\.pink-text\s*?\{[\s\S]*?color:.*pink.*!important\s*;?[^\.]*\}/g), "Your <code>pink-text</code> class declaration should have the <code>!important</code> keyword to override all other declarations.");'
+  - text: 你的<code>h1</code>元素应该是粉红色的。
+    testString: 'assert($("h1").css("color") === "rgb(255, 192, 203)", "Your <code>h1</code> element should be pink.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  #orange-text {
+    color: orange;
+  }
+  .pink-text {
+    color: pink;
+  }
+  .blue-text {
+    color: blue;
+  }
+</style>
+<h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.chinese.md
new file mode 100644
index 0000000000..b43b09184d
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.chinese.md
@@ -0,0 +1,74 @@
+---
+id: bad87fee1348bd8aedf06756
+title: Override Class Declarations by Styling ID Attributes
+challengeType: 0
+videoUrl: ''
+localeTitle: 通过样式ID属性覆盖类声明
+---
+
+## Description
+<section id="description">我们刚刚证明了浏览器从上到下读取CSS。这意味着，如果发生冲突，浏览器将使用最后的CSS声明。但我们还没有完成。还有其他方法可以覆盖CSS。你还记得id属性吗？让我们覆盖你的<code>pink-text</code>和<code>blue-text</code>类，并通过给<code>h1</code>元素一个id然后设置那个id样式，使你的<code>h1</code>元素变成橙色。 </section>
+
+## Instructions
+<section id="instructions">为你的<code>h1</code>元素提供<code>orange-text</code>的<code>id</code>属性。请记住，id样式如下所示： <code>&lt;h1 id=&quot;orange-text&quot;&gt;</code>在<code>h1</code>元素上保留<code>blue-text</code>和<code>pink-text</code>类。在<code>style</code>元素中为您的<code>orange-text</code> id创建一个CSS声明。这是一个示例： <blockquote> ＃brown-text { <br>颜色：棕色; <br> } </blockquote>注意：无论您是在粉红色文本类之上还是之下声明此CSS都无关紧要，因为id属性始终优先。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>h1</code>元素应该具有<code>pink-text</code>类。
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: 你的<code>h1</code>元素应该有<code>blue-text</code> 。
+    testString: 'assert($("h1").hasClass("blue-text"), "Your <code>h1</code> element should have the class <code>blue-text</code>.");'
+  - text: 为你的<code>h1</code>元素提供<code>orange-text</code>的id。
+    testString: 'assert($("h1").attr("id") === "orange-text", "Give your <code>h1</code> element the id of <code>orange-text</code>.");'
+  - text: 应该只有一个<code>h1</code>元素。
+    testString: 'assert(($("h1").length === 1), "There should be only one <code>h1</code> element.");'
+  - text: 为您的<code>orange-text</code> ID创建一个CSS声明
+    testString: 'assert(code.match(/#orange-text\s*{/gi), "Create a CSS declaration for your <code>orange-text</code> id");'
+  - text: 不要给你的<code>h1</code>任何<code>style</code>属性。
+    testString: 'assert(!code.match(/<h1.*style.*>/gi), "Do not give your <code>h1</code> any <code>style</code> attributes.");'
+  - text: 你的<code>h1</code>元素应该是橙色的。
+    testString: 'assert($("h1").css("color") === "rgb(255, 165, 0)", "Your <code>h1</code> element should be orange.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  .pink-text {
+    color: pink;
+  }
+  .blue-text {
+    color: blue;
+  }
+</style>
+<h1 class="pink-text blue-text">Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.chinese.md
new file mode 100644
index 0000000000..dccf16948f
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.chinese.md
@@ -0,0 +1,73 @@
+---
+id: bad87fee1348bd9aedf06756
+title: Override Class Declarations with Inline Styles
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用内联样式覆盖类声明
+---
+
+## Description
+<section id="description">所以我们已经证明了id声明覆盖了类声明，无论它们在<code>style</code>元素CSS中的声明位置如何。还有其他方法可以覆盖CSS。你还记得内联样式吗？ </section>
+
+## Instructions
+<section id="instructions">使用<code>inline style</code>尝试使我们的<code>h1</code>元素变白。请记住，在线条样式中如下所示： <code>&lt;h1 style=&quot;color: green;&quot;&gt;</code>在<code>h1</code>元素上保留<code>blue-text</code>和<code>pink-text</code>类。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>h1</code>元素应该具有<code>pink-text</code>类。
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: 你的<code>h1</code>元素应该有<code>blue-text</code> 。
+    testString: 'assert($("h1").hasClass("blue-text"), "Your <code>h1</code> element should have the class <code>blue-text</code>.");'
+  - text: 您的<code>h1</code>元素应具有<code>orange-text</code>的ID。
+    testString: 'assert($("h1").attr("id") === "orange-text", "Your <code>h1</code> element should have the id of <code>orange-text</code>.");'
+  - text: 为您的<code>h1</code>元素提供内联样式。
+    testString: 'assert(document.querySelector("h1[style]"), "Give your <code>h1</code> element an inline style.");'
+  - text: 你的<code>h1</code>元素应该是白色的。
+    testString: 'assert($("h1").css("color") === "rgb(255, 255, 255)", "Your <code>h1</code> element should be white.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  #orange-text {
+    color: orange;
+  }
+  .pink-text {
+    color: pink;
+  }
+  .blue-text {
+    color: blue;
+  }
+</style>
+<h1 id="orange-text" class="pink-text blue-text">Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.chinese.md
new file mode 100644
index 0000000000..94a5ba9053
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.chinese.md
@@ -0,0 +1,65 @@
+---
+id: bad87fee1348bd9aedf04756
+title: Override Styles in Subsequent CSS
+challengeType: 0
+videoUrl: ''
+localeTitle: 覆盖后续CSS中的样式
+---
+
+## Description
+<section id="description">我们的“粉红色文本”类覆盖了我们的<code>body</code>元素的CSS声明！我们刚刚证明我们的类将覆盖<code>body</code>元素的CSS。所以下一个合乎逻辑的问题是，我们可以做些什么来覆盖我们的<code>pink-text</code>类？ </section>
+
+## Instructions
+<section id="instructions">创建一个名为<code>blue-text</code>的附加CSS类，它为元素提供蓝色。确保它低于<code>pink-text</code>类声明。除了<code>pink-text</code>类之外，将<code>blue-text</code>类应用于<code>h1</code>元素，让我们看看哪个获胜。将多个类属性应用于HTML元素是通过它们之间的空格完成的，如下所示： <code>class=&quot;class1 class2&quot;</code>注意：HTML元素中列出的类的顺序无关紧要。但是， <code>&lt;style&gt;</code>部分中的<code>class</code>声明的顺序是重要的。第二个声明将始终优先于第一个声明。因为<code>.blue-text</code>被声明为第二个，所以它会覆盖<code>.pink-text</code>的属性</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>h1</code>元素应该具有<code>pink-text</code>类。
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: 你的<code>h1</code>元素应该有<code>blue-text</code> 。
+    testString: 'assert($("h1").hasClass("blue-text"), "Your <code>h1</code> element should have the class <code>blue-text</code>.");'
+  - text: <code>blue-text</code>和<code>pink-text</code>都应属于同一个<code>h1</code>元素。
+    testString: 'assert($(".pink-text").hasClass("blue-text"), "Both <code>blue-text</code> and <code>pink-text</code> should belong to the same <code>h1</code> element.");'
+  - text: 你的<code>h1</code>元素应该是蓝色的。
+    testString: 'assert($("h1").css("color") === "rgb(0, 0, 255)", "Your <code>h1</code> element should be blue.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  .pink-text {
+    color: pink;
+  }
+</style>
+<h1 class="pink-text">Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/prioritize-one-style-over-another.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/prioritize-one-style-over-another.chinese.md
new file mode 100644
index 0000000000..4a6e0da4fe
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/prioritize-one-style-over-another.chinese.md
@@ -0,0 +1,60 @@
+---
+id: bad87fee1348bd9aedf08756
+title: Prioritize One Style Over Another
+challengeType: 0
+videoUrl: ''
+localeTitle: 将一种风格优先于另一种风格
+---
+
+## Description
+<section id="description">有时，您的HTML元素将收到多个彼此冲突的样式。例如，您的<code>h1</code>元素不能同时为绿色和粉红色。让我们看看当我们创建一个使文本变为粉红色的类，然后将其应用于元素时会发生什么。我们的类<em>会覆盖</em> <code>body</code>元素的<code>color: green;</code> CSS属性？ </section>
+
+## Instructions
+<section id="instructions">创建一个名为<code>pink-text</code>的CSS类，它为元素提供粉红色。为你的<code>h1</code>元素提供<code>pink-text</code>类。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>h1</code>元素应该具有<code>pink-text</code>类。
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: 你的<code>&lt;style&gt;</code>应该有一个改变<code>color</code>的<code>pink-text</code> CSS类。
+    testString: 'assert(code.match(/\.pink-text\s*\{\s*color\s*:\s*.+\s*;\s*\}/g), "Your <code>&#60;style&#62;</code> should have a <code>pink-text</code> CSS class that changes the <code>color</code>.");'
+  - text: 你的<code>h1</code>元素应该是粉红色的。
+    testString: 'assert($("h1").css("color") === "rgb(255, 192, 203)", "Your <code>h1</code> element should be pink.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+</style>
+<h1>Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.chinese.md
new file mode 100644
index 0000000000..0950b69a2b
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.chinese.md
@@ -0,0 +1,89 @@
+---
+id: bad87fee1348bd9aede08807
+title: Set the Font Family of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 设置元素的字体系列
+---
+
+## Description
+<section id="description">您可以使用<code>font-family</code>属性设置元素应使用的<code>font-family</code> 。例如，如果要将<code>h2</code>元素的字体设置为<code>sans-serif</code> ，则可以使用以下CSS： <blockquote> h2 { <br> font-family：sans-serif; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">使所有<code>p</code>元素都使用<code>monospace</code>字体。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>p</code>元素应该使用字体<code>monospace</code> 。
+    testString: 'assert($("p").not(".red-text").css("font-family").match(/monospace/i), "Your <code>p</code> elements should use the font <code>monospace</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+
+  p {
+    font-size: 16px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/set-the-id-of-an-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/set-the-id-of-an-element.chinese.md
new file mode 100644
index 0000000000..7f34ba5ea2
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/set-the-id-of-an-element.chinese.md
@@ -0,0 +1,110 @@
+---
+id: bad87eee1348bd9aede07836
+title: Set the id of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 设置元素的id
+---
+
+## Description
+<section id="description">除了类之外，每个HTML元素还可以具有<code>id</code>属性。使用<code>id</code>属性有几个好处：您可以使用<code>id</code>来设置单个元素的样式，稍后您将学习如何使用它来使用JavaScript选择和修改特定元素。 <code>id</code>属性应该是唯一的。浏览器不会强制执行此操作，但这是广泛认可的最佳实践。所以请不要给多个元素赋予相同的<code>id</code>属性。这里有一个例子，说明如何为你的<code>h2</code>元素提供<code>cat-photo-app</code> <code>&lt;h2 id=&quot;cat-photo-app&quot;&gt;</code> ： <code>&lt;h2 id=&quot;cat-photo-app&quot;&gt;</code> </section>
+
+## Instructions
+<section id="instructions">为<code>form</code>元素添加id <code>cat-photo-form</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 为<code>form</code>元素添加<code>cat-photo-form</code>的id。
+    testString: 'assert($("form").attr("id") === "cat-photo-form", "Give your <code>form</code> element the id of <code>cat-photo-form</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .silver-background {
+    background-color: silver;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div class="silver-background">
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/size-your-images.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/size-your-images.chinese.md
new file mode 100644
index 0000000000..4eeeaae2d8
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/size-your-images.chinese.md
@@ -0,0 +1,97 @@
+---
+id: bad87fee1348bd9acdf08812
+title: Size Your Images
+challengeType: 0
+videoUrl: ''
+localeTitle: 调整图像大小
+---
+
+## Description
+<section id="description"> CSS有一个名为<code>width</code>的属性，用于控制元素的宽度。就像字体一样，我们将使用<code>px</code> （像素）来指定图像的宽度。例如，如果我们想要创建一个名为<code>larger-image</code>的CSS类，它给HTML元素的宽度为500像素，我们将使用： <blockquote> &lt;风格&gt; <br> .larger-image { <br>宽度：500px; <br> } <br> &lt;/样式&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions">创建一个名为<code>smaller-image</code>的类，并使用它来调整图像大小，使其只有100像素宽。 <strong>注意</strong> <br>由于浏览器实现的差异，您可能需要100％缩放才能通过此挑战的测试。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>img</code>元素应该具有<code>smaller-image</code>类。
+    testString: 'assert($("img[src="https://bit.ly/fcc-relaxing-cat"]").attr("class") === "smaller-image", "Your <code>img</code> element should have the class <code>smaller-image</code>.");'
+  - text: 您的图片应为100像素宽。浏览器缩放应为100％。
+    testString: 'assert($("img").width() === 100, "Your image should be 100 pixels wide. Browser zoom should be at 100%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.chinese.md
new file mode 100644
index 0000000000..4d1d7c342a
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.chinese.md
@@ -0,0 +1,101 @@
+---
+id: bad87fee1348bd9aedf08808
+title: Specify How Fonts Should Degrade
+challengeType: 0
+videoUrl: ''
+localeTitle: 指定字体应如何降级
+---
+
+## Description
+<section id="description">所有浏览器都有几种默认字体。这些通用字体系列包括<code>monospace</code> ， <code>serif</code>和<code>sans-serif</code>当一个字体不可用时，您可以告诉浏览器“降级”为另一种字体。例如，如果您希望元素使用<code>Helvetica</code>字体，但在<code>Helvetica</code>不可用时降级为<code>sans-serif</code>字体，则将按如下方式指定： <blockquote> p { <br> font-family：Helvetica，sans-serif; <br> } </blockquote>通用字体系列名称不区分大小写。此外，它们不需要引号，因为它们是CSS关键字。 </section>
+
+## Instructions
+<section id="instructions">首先，将<code>monospace</code>字体应用于<code>h2</code>元素，以便它现在有两种字体 - <code>Lobster</code>和<code>monospace</code>字体。在上一个挑战中，您使用<code>link</code>标记导入了<code>Lobster</code>字体。现在注释掉谷歌字体导入的<code>Lobster</code>字体（使用之前学过的HTML评论），以便它不再可用。注意你的<code>h2</code>元素如何降级为<code>monospace</code>字体。 <strong>注意</strong> <br>如果您的计算机上安装了Lobster字体，您将看不到降级，因为您的浏览器能够找到该字体。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的h2元素应该使用字体<code>Lobster</code> 。
+    testString: 'assert($("h2").css("font-family").match(/^"?lobster/i), "Your h2 element should use the font <code>Lobster</code>.");'
+  - text: 当<code>Lobster</code>不可用时，你的h2元素会降级为<code>monospace</code>字体。
+    testString: 'assert(/\s*h2\s*\{\s*font-family\:\s*(\"|")?Lobster(\"|")?,\s*monospace\s*;\s*\}/gi.test(code), "Your h2 element should degrade to the font <code>monospace</code> when <code>Lobster</code> is not available.");'
+  - text: 通过在其前面放置<code>&lt;!--</code>来注释您对Google的<code>Lobster</code>字体的调用。
+    testString: 'assert(new RegExp("<!--[^fc]", "gi").test(code), "Comment out your call to Google for the <code>Lobster</code> font by putting <code>&#60!--</code> in front of it.");'
+  - text: 请务必通过添加<code>--&gt;</code>来关闭您的评论。
+    testString: 'assert(new RegExp("[^fc]-->", "gi").test(code), "Be sure to close your comment by adding <code>--&#62;</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.chinese.md
new file mode 100644
index 0000000000..e5f927bd9d
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.chinese.md
@@ -0,0 +1,94 @@
+---
+id: bad87fee1348bd9aefe08806
+title: Style Multiple Elements with a CSS Class
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用CSS类设置多个元素的样式
+---
+
+## Description
+<section id="description">类允许您在多个HTML元素上使用相同的CSS样式。您可以通过将<code>red-text</code>类应用于第一个<code>p</code>元素来查看。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>h2</code>元素应该是红色的。
+    testString: 'assert($("h2").css("color") === "rgb(255, 0, 0)", "Your <code>h2</code> element should be red.");'
+  - text: 你的<code>h2</code>元素应该有<code>red-text</code>类。
+    testString: 'assert($("h2").hasClass("red-text"), "Your <code>h2</code> element should have the class <code>red-text</code>.");'
+  - text: 你的第一个<code>p</code>元素应该是红色的。
+    testString: 'assert($("p:eq(0)").css("color") === "rgb(255, 0, 0)", "Your first <code>p</code> element should be red.");'
+  - text: 你的第二和第三个<code>p</code>元素不应该是红色的。
+    testString: 'assert(!($("p:eq(1)").css("color") === "rgb(255, 0, 0)") && !($("p:eq(2)").css("color") === "rgb(255, 0, 0)"), "Your second and third <code>p</code> elements should not be red.");'
+  - text: 你的第一个<code>p</code>元素应该有<code>red-text</code>类。
+    testString: 'assert($("p:eq(0)").hasClass("red-text"), "Your first <code>p</code> element should have the class <code>red-text</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/style-the-html-body-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/style-the-html-body-element.chinese.md
new file mode 100644
index 0000000000..d1652faf75
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/style-the-html-body-element.chinese.md
@@ -0,0 +1,55 @@
+---
+id: bad87fee1348bd9aedf08736
+title: Style the HTML Body Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 设置HTML Body Element的样式
+---
+
+## Description
+<section id="description">现在让我们重新开始讨论CSS继承。每个HTML页面都有一个<code>body</code>元素。 </section>
+
+## Instructions
+<section id="instructions">我们可以通过给它一个黑色的<code>background-color</code>来证明<code>body</code>元素存在。我们可以通过在<code>style</code>元素中添加以下内容来实现： <blockquote>身体 { <br>背景颜色：黑色; <br> } </blockquote></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 给你的<code>body</code>元素黑色的<code>background-color</code> 。
+    testString: 'assert($("body").css("background-color") === "rgb(0, 0, 0)", "Give your <code>body</code> element the <code>background-color</code> of black.");'
+  - text: 确保您的CSS规则使用左右大括号正确格式化。
+    testString: 'assert(code.match(/<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i), "Make sure your CSS rule is properly formatted with both opening and closing curly brackets.");'
+  - text: 确保您的CSS规则以分号结尾。
+    testString: 'assert(code.match(/<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i), "Make sure your CSS rule ends with a semi-colon.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.chinese.md
new file mode 100644
index 0000000000..8601072688
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.chinese.md
@@ -0,0 +1,85 @@
+---
+id: bad82fee1322bd9aedf08721
+title: Understand Absolute versus Relative Units
+challengeType: 0
+videoUrl: ''
+localeTitle: 了解绝对与相对单位
+---
+
+## Description
+<section id="description">最后几个挑战都设置元素的边距或填充像素（ <code>px</code> ）。像素是一种长度单位，它告诉浏览器如何调整项目的大小或空间。除了<code>px</code> ，CSS还有许多不同的长度单位选项供您使用。两种主要类型的长度单位是绝对的和相对的。绝对单位与长度的物理单位相关联。例如， <code>in</code>和<code>mm</code>表示英寸和毫米。绝对长度单位接近屏幕上的实际测量值，但根据屏幕的分辨率存在一些差异。相对单位，例如<code>em</code>或<code>rem</code> ，相对于另一个长度值。例如， <code>em</code>基于元素字体的大小。如果您使用它来设置<code>font-size</code>属性本身，则它相对于父级的<code>font-size</code> 。 <strong>注意</strong> <br>有几个相对单位选项与视口的大小相关联。它们包含在响应式Web设计原则部分中。 </section>
+
+## Instructions
+<section id="instructions">使用类<code>red-box</code>向元素添加<code>padding</code>属性并将其设置为<code>1.5em</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>red-box</code>类应该有一个<code>padding</code>属性。
+    testString: '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", "Your <code>red-box</code> class should have a <code>padding</code> property.");'
+  - text: 你的<code>red-box</code>类应该给出1.5em的<code>padding</code>元素。
+    testString: 'assert(code.match(/\.red-box\s*?{\s*?.*?\s*?.*?\s*?padding:\s*?1\.5em/gi), "Your <code>red-box</code> class should give elements 1.5em of <code>padding</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .red-box {
+    background-color: red;
+    margin: 20px 40px 20px 40px;
+
+  }
+
+  .green-box {
+    background-color: green;
+    margin: 20px 40px 20px 40px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box green-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.chinese.md
new file mode 100644
index 0000000000..3381129041
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.chinese.md
@@ -0,0 +1,91 @@
+---
+id: bad87fee1348bd9aecf08806
+title: Use a CSS Class to Style an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用CSS类来设置元素的样式
+---
+
+## Description
+<section id="description">类是可重用的样式，可以添加到HTML元素中。这是一个CSS类声明示例： <blockquote> &lt;风格&gt; <br> .blue-text { <br>颜色：蓝色; <br> } <br> &lt;/样式&gt; </blockquote>您可以看到我们在<code>&lt;style&gt;</code>标记内创建了一个名为<code>blue-text</code>的CSS类。您可以将类应用于HTML元素，如下所示： <code>&lt;h2 class=&quot;blue-text&quot;&gt;CatPhotoApp&lt;/h2&gt;</code>请注意，在CSS <code>style</code>元素中，类名以句点开头。在HTML元素的class属性中，类名不包含句点。 </section>
+
+## Instructions
+<section id="instructions">在<code>style</code>元素中，将<code>h2</code>选择器更改为<code>.red-text</code>并将颜色的值从<code>blue</code>更新为<code>red</code> 。为您的<code>h2</code>元素提供值为<code>&#39;red-text&#39;</code>的<code>class</code>属性。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>h2</code>元素应该是红色的。
+    testString: 'assert($("h2").css("color") === "rgb(255, 0, 0)", "Your <code>h2</code> element should be red.");'
+  - text: 你的<code>h2</code>元素应该有<code>red-text</code>类。
+    testString: 'assert($("h2").hasClass("red-text"), "Your <code>h2</code> element should have the class <code>red-text</code>.");'
+  - text: 样式表应声明一个<code>red-text</code>类，并将其颜色设置为红色。
+    testString: 'assert(code.match(/\.red-text\s*\{\s*color\s*:\s*red;\s*\}/g), "Your stylesheet should declare a <code>red-text</code> class and have its color set to red.");'
+  - text: '不要在<code>h2</code>元素中使用<code>style=&quot;color: red&quot;</code>内联样式声明。'
+    testString: 'assert($("h2").attr("style") === undefined, "Do not use inline style declarations like <code>style="color&#58; red"</code> in your <code>h2</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h2 {
+    color: blue;
+  }
+</style>
+
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-a-custom-css-variable.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-a-custom-css-variable.chinese.md
new file mode 100644
index 0000000000..49ccb666b5
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-a-custom-css-variable.chinese.md
@@ -0,0 +1,264 @@
+---
+id: 5a9d727a424fe3d0e10cad12
+title: Use a custom CSS Variable
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用自定义CSS变量
+---
+
+## Description
+<section id="description">创建变量后，可以通过引用您提供的名称将其值分配给其他CSS属性。 <blockquote>背景：var（ -  penguin-skin）; </blockquote>这会将您要定位的任何元素的背景更改为灰色，因为这是<code>--penguin-skin</code>变量的值。请注意，除非变量名称完全匹配，否则不会应用样式。 </section>
+
+## Instructions
+<section id="instructions">将<code>--penguin-skin</code>变量应用于<code>penguin-top</code> ， <code>penguin-bottom</code> ， <code>right-hand</code>和<code>left-hand</code>类的<code>background</code>属性。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 将<code>--penguin-skin</code>变量应用于<code>penguin-top</code>类的<code>background</code>属性。
+    testString: '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), "Apply the <code>--penguin-skin</code> variable to the <code>background</code> property of the <code>penguin-top</code> class.");'
+  - text: 将<code>--penguin-skin</code>变量应用于<code>penguin-bottom</code>类的<code>background</code>属性。
+    testString: '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), "Apply the <code>--penguin-skin</code> variable to the <code>background</code> property of the <code>penguin-bottom</code> class.");'
+  - text: 将<code>--penguin-skin</code>变量应用于<code>right-hand</code>类的<code>background</code>属性。
+    testString: '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), "Apply the <code>--penguin-skin</code> variable to the <code>background</code> property of the <code>right-hand</code> class.");'
+  - text: 将<code>--penguin-skin</code>变量应用于<code>left-hand</code>类的<code>background</code>属性。
+    testString: 'assert(code.match(/.left-hand\s*?{[\s\S]*background\s*?:\s*?var\s*?\(\s*?--penguin-skin\s*?\)\s*?;[\s\S]*}/gi), "Apply the <code>--penguin-skin</code> variable to the <code>background</code> property of the <code>left-hand</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .penguin {
+    --penguin-skin: gray;
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+
+    /* change code below */
+    background: black;
+    /* change code above */
+
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+
+    /* change code below */
+    background: black;
+    /* change code above */
+
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+
+    /* change code below */
+    background: black;
+    /* change code above */
+
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+
+    /* change code below */
+    background: black;
+    /* change code above */
+
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: white;
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: orange;
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: orange;
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.chinese.md
new file mode 100644
index 0000000000..7270af3075
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.chinese.md
@@ -0,0 +1,280 @@
+---
+id: 5a9d72ad424fe3d0e10cad16
+title: Use a media query to change a variable
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用媒体查询更改变量
+---
+
+## Description
+<section id="description"> CSS变量可以简化您使用媒体查询的方式。例如，当您的屏幕小于或大于媒体查询断点时，您可以更改变量的值，并且无论在何处使用它都将应用其样式。 </section>
+
+## Instructions
+<section id="instructions">在<code>media query</code>的<code>:root</code>选择器中，对其进行更改，以便重新定义<code>--penguin-size</code>并赋值为<code>200px</code> 。此外，重新定义<code>--penguin-skin</code>并赋予其<code>black</code>值。然后调整预览大小以查看此更改的操作。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>:root</code>应该将<code>--penguin-size</code>变量重新分配给<code>200px</code> 。'
+    testString: '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), "<code>:root</code> should reassign the <code>--penguin-size</code> variable to <code>200px</code>.");'
+  - text: '<code>:root</code>应该将<code>--penguin-skin</code>变量重新分配给<code>black</code> 。'
+    testString: '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), "<code>:root</code> should reassign the <code>--penguin-skin</code> variable to <code>black</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  :root {
+    --penguin-size: 300px;
+    --penguin-skin: gray;
+    --penguin-belly: white;
+    --penguin-beak: orange;
+  }
+
+  @media (max-width: 350px) {
+    :root {
+
+      /* add code below */
+
+      /* add code above */
+
+    }
+  }
+
+  .penguin {
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: var(--penguin-size, 300px);
+    height: var(--penguin-size, 300px);
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 5%;
+    left: 25%;
+    background: var(--penguin-skin, black);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(130deg);
+    z-index: -1;
+    animation-duration: 3s;
+    animation-name: wave;
+    animation-iteration-count: infinite;
+    transform-origin:0% 0%;
+    animation-timing-function: linear;
+  }
+
+  @keyframes wave {
+      10% {
+        transform: rotate(110deg);
+      }
+      20% {
+        transform: rotate(130deg);
+      }
+      30% {
+        transform: rotate(110deg);
+      }
+      40% {
+        transform: rotate(130deg);
+      }
+    }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left:-23%;
+    background: white;
+    width: 150%;
+    height: 100%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-abbreviated-hex-code.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-abbreviated-hex-code.chinese.md
new file mode 100644
index 0000000000..62f358d74e
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-abbreviated-hex-code.chinese.md
@@ -0,0 +1,84 @@
+---
+id: bad87fee1348bd9aedf08719
+title: Use Abbreviated Hex Code
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用缩写的十六进制代码
+---
+
+## Description
+<section id="description">许多人对超过1600万种颜色的可能性感到不知所措。并且很难记住十六进制代码。幸运的是，你可以缩短它。例如，红色的十六进制代码<code>#FF0000</code>可以缩短为<code>#F00</code> 。这个缩短的形式给出一个红色数字，一个数字表示绿色，一个数字表示蓝色。这将可能的颜色总数减少到大约4,000。但浏览器会将<code>#FF0000</code>和<code>#F00</code>解释为完全相同的颜色。 </section>
+
+## Instructions
+<section id="instructions">继续，尝试使用缩写的十六进制代码为正确的元素着色。 <table class="table table-striped"><tbody><tr><th>颜色</th><th>短十六进制代码</th></tr><tr><td>青色</td><td> <code>#0FF</code> </td> </tr><tr><td>绿色</td><td> <code>#0F0</code> </td> </tr><tr><td>红</td><td> <code>#F00</code> </td> </tr><tr><td>紫红色</td><td> <code>#F0F</code> </td> </tr></tbody></table></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 给你的<code>h1</code>元素添加<code>I am red!</code>的文本<code>I am red!</code> <code>color</code>红色。
+    testString: 'assert($(".red-text").css("color") === "rgb(255, 0, 0)", "Give your <code>h1</code> element with the text <code>I am red!</code> the <code>color</code> red.");'
+  - text: '使用缩写<code>hex code</code>表示红色而不是十六进制代码<code>#FF0000</code> 。'
+    testString: 'assert(code.match(/\.red-text\s*?{\s*?color:\s*?#F00\s*?;\s*?}/gi), "Use the abbreviate <code>hex code</code> for the color red instead of the hex code <code>#FF0000</code>.");'
+  - text: 给你的<code>h1</code>元素添加<code>I am green!</code>的文本<code>I am green!</code> <code>color</code>绿色。
+    testString: 'assert($(".green-text").css("color") === "rgb(0, 255, 0)", "Give your <code>h1</code> element with the text <code>I am green!</code> the <code>color</code> green.");'
+  - text: '使用缩写的<code>hex code</code>表示绿色而不是十六进制代码<code>#00FF00</code> 。'
+    testString: 'assert(code.match(/\.green-text\s*?{\s*?color:\s*?#0F0\s*?;\s*?}/gi), "Use the abbreviated <code>hex code</code> for the color green instead of the hex code <code>#00FF00</code>.");'
+  - text: 给你的<code>h1</code>元素添加<code>I am cyan!</code>文字<code>I am cyan!</code>在<code>color</code>青色。
+    testString: 'assert($(".cyan-text").css("color") === "rgb(0, 255, 255)", "Give your <code>h1</code> element with the text <code>I am cyan!</code> the <code>color</code> cyan.");'
+  - text: '使用缩写的<code>hex code</code>代替十六进制代码<code>#00FFFF</code> 。'
+    testString: 'assert(code.match(/\.cyan-text\s*?{\s*?color:\s*?#0FF\s*?;\s*?}/gi), "Use the abbreviated <code>hex code</code> for the color cyan instead of the hex code <code>#00FFFF</code>.");'
+  - text: 给你的<code>h1</code>元素文字<code>I am fuchsia!</code> <code>color</code>紫红色。
+    testString: 'assert($(".fuchsia-text").css("color") === "rgb(255, 0, 255)", "Give your <code>h1</code> element with the text <code>I am fuchsia!</code> the <code>color</code> fuchsia.");'
+  - text: '使用缩写的<code>hex code</code>作为颜色的紫红色而不是十六进制代码<code>#FF00FF</code> 。'
+    testString: 'assert(code.match(/\.fuchsia-text\s*?{\s*?color:\s*?#F0F\s*?;\s*?}/gi), "Use the abbreviated <code>hex code</code> for the color fuchsia instead of the hex code <code>#FF00FF</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: #000000;
+  }
+  .fuchsia-text {
+    color: #000000;
+  }
+  .cyan-text {
+    color: #000000;
+  }
+  .green-text {
+    color: #000000;
+  }
+</style>
+
+<h1 class="red-text">I am red!</h1>
+
+<h1 class="fuchsia-text">I am fuchsia!</h1>
+
+<h1 class="cyan-text">I am cyan!</h1>
+
+<h1 class="green-text">I am green!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.chinese.md
new file mode 100644
index 0000000000..fb8ec90b9b
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.chinese.md
@@ -0,0 +1,116 @@
+---
+id: bad87dee1348bd9aede07836
+title: Use an id Attribute to Style an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用id属性为元素设置样式
+---
+
+## Description
+<section id="description">关于<code>id</code>属性的一个很酷的事情是，像类一样，你可以使用CSS来设置它们的样式。但是， <code>id</code>不可重用，只应应用于一个元素。 <code>id</code>也具有比类更高的特异性（重要性），因此如果两者都应用于同一元素并且具有冲突的样式，则将应用<code>id</code>的样式。下面是一个示例，说明如何使用<code>cat-photo-element</code>的<code>id</code>属性获取<code>cat-photo-element</code>并为其指定绿色的背景颜色。在你的<code>style</code>元素中： <blockquote> #cat-photo-element { <br>背景颜色：绿色; <br> } </blockquote>请注意，在<code>style</code>元素中，您始终通过放置a来引用类<code>.</code>在他们的名字前面。你总是通过在他们的名字前放一个<code>#</code>来引用id。 </section>
+
+## Instructions
+<section id="instructions">尝试提供您的表单，该表单现在具有<code>cat-photo-form</code>的<code>id</code>属性，绿色背景。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 为<code>form</code>元素添加<code>cat-photo-form</code>的id。
+    testString: 'assert($("form").attr("id") === "cat-photo-form", "Give your <code>form</code> element the id of <code>cat-photo-form</code>.");'
+  - text: 您的<code>form</code>元素应具有绿色的<code>background-color</code> 。
+    testString: 'assert($("#cat-photo-form").css("background-color") === "rgb(0, 128, 0)", "Your <code>form</code> element should have the <code>background-color</code> of green.");'
+  - text: 确保您的<code>form</code>元素具有<code>id</code>属性。
+    testString: 'assert(code.match(/<form.*cat-photo-form.*>/gi) && code.match(/<form.*cat-photo-form.*>/gi).length > 0, "Make sure your <code>form</code> element has an <code>id</code> attribute.");'
+  - text: 不要为<code>form</code>任何<code>class</code>或<code>style</code>属性。
+    testString: 'assert(!code.match(/<form.*style.*>/gi) && !code.match(/<form.*class.*>/gi), "Do not give your <code>form</code> any <code>class</code> or <code>style</code> attributes.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .silver-background {
+    background-color: silver;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div class="silver-background">
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo" id="cat-photo-form">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.chinese.md
new file mode 100644
index 0000000000..87aab1a806
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.chinese.md
@@ -0,0 +1,114 @@
+---
+id: 58c383d33e2e3259241f3076
+title: Use Attribute Selectors to Style Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用属性选择器来设置样式元素
+---
+
+## Description
+<section id="description">您已经为要特定样式的元素提供了<code>id</code>或<code>class</code>属性。这些被称为ID和类选择器。您可以使用其他CSS选择器来选择要设置样式的自定义元素组。让我们再次带出CatPhotoApp来练习使用CSS选择器。对于此挑战，您将使用<code>[attr=value]</code>属性选择器设置CatPhotoApp中复选框的样式。此选择器使用特定属性值匹配和设置元素样式。例如，下面的代码使用属性<code>type</code>和相应的<code>radio</code>值更改所有元素的边距： <blockquote> [type =&#39;radio&#39;] { <br>保证金：20px 0px 20px 0px; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">使用<code>type</code>属性选择器，尝试在CatPhotoApp中为复选框提供10px的上边距和15px的下边距。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 应使用<code>type</code>属性选择器来选中复选框。
+    testString: 'assert(code.match(/<style>[\s\S]*?\[type=("|")checkbox\1\]\s*?{[\s\S]*?}[\s\S]*?<\/style>/gi),"The <code>type</code> attribute selector should be used to select the checkboxes.");'
+  - text: 复选框的顶部边距应为10px。
+    testString: 'assert((function() {var count=0; $("[type="checkbox"]").each(function() { if($(this).css("marginTop") === "10px") {count++;}});return (count===3)}()),"The top margins of the checkboxes should be 10px.");'
+  - text: 复选框的下边距应为15px。
+    testString: 'assert((function() {var count=0; $("[type="checkbox"]").each(function() { if($(this).css("marginBottom") === "15px") {count++;}});return (count===3)}()),"The bottom margins of the checkboxes should be 15px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .silver-background {
+    background-color: silver;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div class="silver-background">
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo" id="cat-photo-form">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.chinese.md
new file mode 100644
index 0000000000..be76298036
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.chinese.md
@@ -0,0 +1,89 @@
+---
+id: bad87fee1348bd9afdf08726
+title: Use Clockwise Notation to Specify the Margin of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用顺时针符号指定元素的边距
+---
+
+## Description
+<section id="description">让我们再试一次，但这次有<code>margin</code> 。不是单独指定元素的<code>margin-top</code> ， <code>margin-right</code> ， <code>margin-bottom</code>和<code>margin-left</code>属性，而是可以在一行中指定它们，如下所示： <code>margin: 10px 20px 10px 20px;</code>这四个值的工作方式类似于时钟：top，right，bottom，left，并且将产生与使用边特定边距指令完全相同的结果。 </section>
+
+## Instructions
+<section id="instructions">使用<code>Clockwise Notation</code>为<code>blue-box</code>的元素在其顶部和左侧提供<code>40px</code>的边距，但在其底部和右侧仅为<code>20px</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>blue-box</code>类应该给元素顶部<code>40px</code>的<code>margin</code> 。
+    testString: 'assert($(".blue-box").css("margin-top") === "40px", "Your <code>blue-box</code> class should give the top of elements <code>40px</code> of <code>margin</code>.");'
+  - text: 您的<code>blue-box</code>类应该赋予元素<code>20px</code> <code>margin</code>的权利。
+    testString: 'assert($(".blue-box").css("margin-right") === "20px", "Your <code>blue-box</code> class should give the right of elements <code>20px</code> of <code>margin</code>.");'
+  - text: 你的<code>blue-box</code>类应该给元素的底部提供<code>20px</code>的<code>margin</code> 。
+    testString: 'assert($(".blue-box").css("margin-bottom") === "20px", "Your <code>blue-box</code> class should give the bottom of elements <code>20px</code> of <code>margin</code>.");'
+  - text: 你的<code>blue-box</code>类应该给元素左边<code>40px</code>的<code>margin</code> 。
+    testString: 'assert($(".blue-box").css("margin-left") === "40px", "Your <code>blue-box</code> class should give the left of elements <code>40px</code> of <code>margin</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    margin: 20px 40px 20px 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.chinese.md
new file mode 100644
index 0000000000..1531d3dcc2
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.chinese.md
@@ -0,0 +1,91 @@
+---
+id: bad87fee1348bd9aedf08826
+title: Use Clockwise Notation to Specify the Padding of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用顺时针符号指定元素的填充
+---
+
+## Description
+<section id="description">不是单独指定元素的<code>padding-top</code> ， <code>padding-right</code> ， <code>padding-bottom</code>和<code>padding-left</code>属性，而是可以在一行中指定它们，如下所示： <code>padding: 10px 20px 10px 20px;</code>这四个值的工作方式类似于时钟：顶部，右侧，底部，左侧，并且将产生与使用侧面特定填充指令完全相同的结果。 </section>
+
+## Instructions
+<section id="instructions">使用顺时针符号为“.blue-box”类在其顶部和左侧提供<code>40px</code>的<code>padding</code> ，但在其底部和右侧仅为<code>20px</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>blue-box</code>类应该给出<code>40px</code> <code>padding</code>元素的顶部。
+    testString: 'assert($(".blue-box").css("padding-top") === "40px", "Your <code>blue-box</code> class should give the top of elements <code>40px</code> of <code>padding</code>.");'
+  - text: 你的<code>blue-box</code>类应该给出<code>20px</code> <code>padding</code>元素的权利。
+    testString: 'assert($(".blue-box").css("padding-right") === "20px", "Your <code>blue-box</code> class should give the right of elements <code>20px</code> of <code>padding</code>.");'
+  - text: 你的<code>blue-box</code>类应该给元素的底部提供<code>20px</code>的<code>padding</code> 。
+    testString: 'assert($(".blue-box").css("padding-bottom") === "20px", "Your <code>blue-box</code> class should give the bottom of elements <code>20px</code> of <code>padding</code>.");'
+  - text: 你的<code>blue-box</code>类应该给元素左边<code>padding</code> <code>40px</code> 。
+    testString: 'assert($(".blue-box").css("padding-left") === "40px", "Your <code>blue-box</code> class should give the left of elements <code>40px</code> of <code>padding</code>.");'
+  - text: 您应该使用顺时针符号来设置<code>blue-box</code>类的填充。
+    testString: 'assert(!/padding-top|padding-right|padding-bottom|padding-left/.test(code), "You should use the clockwise notation to set the padding of <code>blue-box</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.chinese.md
new file mode 100644
index 0000000000..04d09556d9
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.chinese.md
@@ -0,0 +1,87 @@
+---
+id: bad87fee1348bd9aedf08805
+title: Use CSS Selectors to Style Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用CSS选择器设置样式元素
+---
+
+## Description
+<section id="description">使用CSS，您可以使用数百种CSS <code>properties</code>来更改元素在页面上的显示方式。当您输入<code>&lt;h2 style=&quot;color: red&quot;&gt;CatPhotoApp&lt;/h2&gt;</code> ，您使用<code>inline CSS</code> （代表<code>Cascading Style Sheets</code>对单个<code>h2</code>元素进行<code>Cascading Style Sheets</code> 。这是指定元素样式的一种方法，但有一种更好的方法来应用<code>CSS</code> 。在代码的顶部，创建一个<code>style</code>块，如下所示： <blockquote> &lt;风格&gt; <br> &lt;/样式&gt; </blockquote>在该样式块中，您可以为所有<code>h2</code>元素创建<code>CSS selector</code> 。例如，如果您希望所有<code>h2</code>元素都是红色，则可以添加如下所示的样式规则： <blockquote> &lt;风格&gt; <br> h2 {color：red;} <br> &lt;/样式&gt; </blockquote>请注意，在每个元素的样式规则周围同时打开和关闭花括号（ <code>{</code>和<code>}</code> ）非常重要。您还需要确保元素的样式定义位于开始和结束样式标记之间。最后，请务必在每个元素的样式规则的末尾添加分号。 </section>
+
+## Instructions
+<section id="instructions">删除<code>h2</code>元素的样式属性，而不是创建CSS <code>style</code>块。添加必要的CSS以将所有<code>h2</code>元素变为蓝色。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 从<code>h2</code>元素中删除style属性。
+    testString: 'assert(!$("h2").attr("style"), "Remove the style attribute from your <code>h2</code> element.");'
+  - text: 创建<code>style</code>元素。
+    testString: 'assert($("style") && $("style").length > 1, "Create a <code>style</code> element.");'
+  - text: 你的<code>h2</code>元素应该是蓝色的。
+    testString: 'assert($("h2").css("color") === "rgb(0, 0, 255)", "Your <code>h2</code> element should be blue.");'
+  - text: 确保样式表<code>h2</code>声明对分号和右括号有效。
+    testString: 'assert(code.match(/h2\s*\{\s*color\s*:.*;\s*\}/g), "Ensure that your stylesheet <code>h2</code> declaration is valid with a semicolon and closing brace.");'
+  - text: 确保所有<code>style</code>元素都有效并具有结束标记。
+    testString: 'assert(code.match(/<\/style>/g) && code.match(/<\/style>/g).length === (code.match(/<style((\s)*((type|media|scoped|title|disabled)="[^"]*")?(\s)*)*>/g) || []).length, "Make sure all your <code>style</code> elements are valid and have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2 style="color: red">CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.chinese.md
new file mode 100644
index 0000000000..bedc6c2c40
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.chinese.md
@@ -0,0 +1,252 @@
+---
+id: 5a9d725e424fe3d0e10cad10
+title: Use CSS Variables to change several elements at once
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用CSS变量一次更改多个元素
+---
+
+## Description
+<section id="description"> <dfn>CSS变量</dfn>是一种通过仅更改一个值来一次更改许多CSS样式属性的强大方法。按照以下说明查看如何仅更改三个值可以更改许多元素的样式。 </section>
+
+## Instructions
+<section id="instructions">在<code>penguin</code>类中，将<code>black</code>值更改为<code>gray</code> ，将<code>gray</code>值更改为<code>white</code> ，将<code>yellow</code>值更改为<code>orange</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>penguin</code>类应声明<code>--penguin-skin</code>变量并将其指定为<code>gray</code> 。
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-skin\s*?:\s*?gray\s*?;[\s\S]*}/gi), "<code>penguin</code> class should declare the <code>--penguin-skin</code> variable and assign it to <code>gray</code>.");'
+  - text: <code>penguin</code>类应声明<code>--penguin-belly</code>变量并将其指定为<code>white</code> 。
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-belly\s*?:\s*?white\s*?;[\s\S]*}/gi), "<code>penguin</code> class should declare the <code>--penguin-belly</code> variable and assign it to <code>white</code>.");'
+  - text: <code>penguin</code>类应声明<code>--penguin-beak</code>变量并将其指定为<code>orange</code> 。
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-beak\s*?:\s*?orange\s*?;[\s\S]*}/gi), "<code>penguin</code> class should declare the <code>--penguin-beak</code> variable and assign it to <code>orange</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .penguin {
+
+    /* change code below */
+    --penguin-skin: black;
+    --penguin-belly: gray;
+    --penguin-beak: yellow;
+    /* change code above */
+
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.chinese.md
new file mode 100644
index 0000000000..a4b739ace4
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.chinese.md
@@ -0,0 +1,55 @@
+---
+id: bad87fee1348bd9aedf08726
+title: Use Hex Code for Specific Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用Hex代码表示特定颜色
+---
+
+## Description
+<section id="description">您知道还有其他方法可以在CSS中表示颜色吗？其中一种方法称为十六进制代码，或简称为<code>hex code</code> 。我们通常使用<code>decimals</code>或基数为10的数字，每个数字使用符号0到9。 <code>Hexadecimals</code> （或<code>hex</code> ）是16位数字。这意味着它使用十六个不同的符号。与小数一样，符号0-9表示0到9的值。然后A，B，C，D，E，F代表十到十五的值。总而言之，0到F可以用<code>hexadecimal</code>表示一个数字，总共给出16个可能值。您可以<a target="_blank" href="https://en.wikipedia.org/wiki/Hexadecimal">在此处</a>找到有关<a target="_blank" href="https://en.wikipedia.org/wiki/Hexadecimal">十六进制数的</a>更多信息。在CSS中，我们可以使用6个十六进制数字来表示颜色，红色（R），绿色（G）和蓝色（B）组件各有两个。例如， <code>#000000</code>是黑色，也是可能的最低值。您可以<a target="_blank" href="https://en.wikipedia.org/wiki/RGB_color_model">在此处</a>找到有关<a target="_blank" href="https://en.wikipedia.org/wiki/RGB_color_model">RGB颜色系统的</a>更多信息。 <blockquote>身体 { <br>颜色：＃000000; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">更换字<code>black</code>在我们的<code>body</code>元素的背景色与它的<code>hex code</code>表示， <code>#000000</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 给你的<code>body</code>元素黑色的背景颜色。
+    testString: 'assert($("body").css("background-color") === "rgb(0, 0, 0)", "Give your <code>body</code> element the background-color of black.");'
+  - text: 使用<code>hex code</code>替换黑色而不是<code>black</code> 。
+    testString: 'assert(code.match(/body\s*{(([\s\S]*;\s*?)|\s*?)background.*\s*:\s*?#000(000)?((\s*})|(;[\s\S]*?}))/gi), "Use the <code>hex code</code> for the color black instead of the word <code>black</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+  }
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.chinese.md
new file mode 100644
index 0000000000..58d040d612
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.chinese.md
@@ -0,0 +1,84 @@
+---
+id: bad87fee1348bd9aedf08721
+title: Use Hex Code to Mix Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用十六进制代码混合颜色
+---
+
+## Description
+<section id="description">要查看，十六进制代码使用6个十六进制数字来表示颜色，红色（R），绿色（G）和蓝色（B）组件各有两个。从这三种纯色（红色，绿色和蓝色），我们可以改变每种颜色的数量，创造超过1600万种其他颜色！例如，橙色是纯红色，混合了一些绿色，没有蓝色。在十六进制代码中，这转换为<code>#FFA500</code> 。数字<code>0</code>是十六进制代码中的最小数字，表示完全没有颜色。数字<code>F</code>是十六进制代码中的最大数字，表示最大可能的亮度。 </section>
+
+## Instructions
+<section id="instructions">将<code>style</code>元素中的颜色词替换为正确的十六进制代码。 <table class="table table-striped"><tbody><tr><th>颜色</th><th> Hex代码</th></tr><tr><td>道奇蓝</td><td> <code>#1E90FF</code> </td> </tr><tr><td>绿色</td><td> <code>#00FF00</code> </td> </tr><tr><td>橙子</td><td> <code>#FFA500</code> </td> </tr><tr><td>红</td><td> <code>#FF0000</code> </td> </tr></tbody></table></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 给你的<code>h1</code>元素添加<code>I am red!</code>的文本<code>I am red!</code> <code>color</code>红色。
+    testString: 'assert($(".red-text").css("color") === "rgb(255, 0, 0)", "Give your <code>h1</code> element with the text <code>I am red!</code> the <code>color</code> red.");'
+  - text: 使用<code>hex code</code>为红色而不是<code>red</code> 。
+    testString: 'assert(code.match(/\.red-text\s*?{\s*?color:\s*?#FF0000\s*?;\s*?}/gi), "Use the <code>hex code</code> for the color red instead of the word <code>red</code>.");'
+  - text: 给你的<code>h1</code>元素添加<code>I am green!</code>的文本<code>I am green!</code> <code>color</code>绿色。
+    testString: 'assert($(".green-text").css("color") === "rgb(0, 255, 0)", "Give your <code>h1</code> element with the text <code>I am green!</code> the <code>color</code> green.");'
+  - text: 使用<code>hex code</code>表示绿色而不是<code>green</code> 。
+    testString: 'assert(code.match(/\.green-text\s*?{\s*?color:\s*?#00FF00\s*?;\s*?}/gi), "Use the <code>hex code</code> for the color green instead of the word <code>green</code>.");'
+  - text: 给你的<code>h1</code>元素提供<code>I am dodger blue!</code>的文字<code>I am dodger blue!</code> <code>color</code>道奇蓝色。
+    testString: 'assert($(".dodger-blue-text").css("color") === "rgb(30, 144, 255)", "Give your <code>h1</code> element with the text <code>I am dodger blue!</code> the <code>color</code> dodger blue.");'
+  - text: 使用颜色<code>dodgerblue</code>蓝色的<code>hex code</code>而不是单词<code>dodgerblue</code> 。
+    testString: 'assert(code.match(/\.dodger-blue-text\s*?{\s*?color:\s*?#1E90FF\s*?;\s*?}/gi), "Use the <code>hex code</code> for the color dodger blue instead of the word <code>dodgerblue</code>.");'
+  - text: 给你的<code>h1</code>元素添加<code>I am orange!</code>的文本<code>I am orange!</code>在<code>color</code>为橙色。
+    testString: 'assert($(".orange-text").css("color") === "rgb(255, 165, 0)", "Give your <code>h1</code> element with the text <code>I am orange!</code> the <code>color</code> orange.");'
+  - text: 使用<code>hex code</code>表示橙色而不是<code>orange</code> 。
+    testString: 'assert(code.match(/\.orange-text\s*?{\s*?color:\s*?#FFA500\s*?;\s*?}/gi), "Use the <code>hex code</code> for the color orange instead of the word <code>orange</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: black;
+  }
+  .green-text {
+    color: black;
+  }
+  .dodger-blue-text {
+    color: black;
+  }
+  .orange-text {
+    color: black;
+  }
+</style>
+
+<h1 class="red-text">I am red!</h1>
+
+<h1 class="green-text">I am green!</h1>
+
+<h1 class="dodger-blue-text">I am dodger blue!</h1>
+
+<h1 class="orange-text">I am orange!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.chinese.md
new file mode 100644
index 0000000000..fe7068f5bb
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.chinese.md
@@ -0,0 +1,84 @@
+---
+id: bad82fee1348bd9aedf08721
+title: Use RGB to Mix Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用RGB混合颜色
+---
+
+## Description
+<section id="description">就像使用十六进制代码一样，您可以使用不同值的组合来混合RGB中的颜色。 </section>
+
+## Instructions
+<section id="instructions">将<code>style</code>元素中的十六进制代码替换为正确的RGB值。 <table class="table table-striped"><tbody><tr><th>颜色</th><th> RGB </th></tr><tr><td>蓝色</td><td> <code>rgb(0, 0, 255)</code> </td> </tr><tr><td>红</td><td> <code>rgb(255, 0, 0)</code> </td> </tr><tr><td>兰花</td><td> <code>rgb(218, 112, 214)</code> </td> </tr><tr><td>赭色</td><td> <code>rgb(160, 82, 45)</code> </td> </tr></tbody></table></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 给你的<code>h1</code>元素添加<code>I am red!</code>的文本<code>I am red!</code> <code>color</code>红色。
+    testString: 'assert($(".red-text").css("color") === "rgb(255, 0, 0)", "Give your <code>h1</code> element with the text <code>I am red!</code> the <code>color</code> red.");'
+  - text: 使用<code>rgb</code>表示红色。
+    testString: 'assert(code.match(/\.red-text\s*?{\s*?color:\s*?rgb\(\s*?255\s*?,\s*?0\s*?,\s*?0\s*?\)\s*?;\s*?}/gi), "Use <code>rgb</code> for the color red.");'
+  - text: 给你的<code>h1</code>元素文字<code>I am orchid!</code>兰花的<code>color</code> 。
+    testString: 'assert($(".orchid-text").css("color") === "rgb(218, 112, 214)", "Give your <code>h1</code> element with the text <code>I am orchid!</code> the <code>color</code> orchid.");'
+  - text: 使用<code>rgb</code>作为颜色兰花。
+    testString: 'assert(code.match(/\.orchid-text\s*?{\s*?color:\s*?rgb\(\s*?218\s*?,\s*?112\s*?,\s*?214\s*?\)\s*?;\s*?}/gi), "Use <code>rgb</code> for the color orchid.");'
+  - text: 给你的<code>h1</code>元素添加<code>I am blue!</code>的文本<code>I am blue!</code> <code>color</code>蓝色。
+    testString: 'assert($(".blue-text").css("color") === "rgb(0, 0, 255)", "Give your <code>h1</code> element with the text <code>I am blue!</code> the <code>color</code> blue.");'
+  - text: 使用<code>rgb</code>作为蓝色。
+    testString: 'assert(code.match(/\.blue-text\s*?{\s*?color:\s*?rgb\(\s*?0\s*?,\s*?0\s*?,\s*?255\s*?\)\s*?;\s*?}/gi), "Use <code>rgb</code> for the color blue.");'
+  - text: 给你的<code>h1</code>元素添加<code>I am sienna!</code>的文本<code>I am sienna!</code> <code>color</code> sienna。
+    testString: 'assert($(".sienna-text").css("color") === "rgb(160, 82, 45)", "Give your <code>h1</code> element with the text <code>I am sienna!</code> the <code>color</code> sienna.");'
+  - text: 使用<code>rgb</code>作为颜色sienna。
+    testString: 'assert(code.match(/\.sienna-text\s*?{\s*?color:\s*?rgb\(\s*?160\s*?,\s*?82\s*?,\s*?45\s*?\)\s*?;\s*?}/gi), "Use <code>rgb</code> for the color sienna.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: #000000;
+  }
+  .orchid-text {
+    color: #000000;
+  }
+  .sienna-text {
+    color: #000000;
+  }
+  .blue-text {
+    color: #000000;
+  }
+</style>
+
+<h1 class="red-text">I am red!</h1>
+
+<h1 class="orchid-text">I am orchid!</h1>
+
+<h1 class="sienna-text">I am sienna!</h1>
+
+<h1 class="blue-text">I am blue!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.chinese.md
new file mode 100644
index 0000000000..58908552b0
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.chinese.md
@@ -0,0 +1,55 @@
+---
+id: bad87fee1348bd9aede08718
+title: Use RGB values to Color Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: 将RGB值用于颜色元素
+---
+
+## Description
+<section id="description">另一种可以在CSS中表示颜色的方法是使用<code>RGB</code>值。黑色的RGB值如下所示： <code>rgb(0, 0, 0)</code>白色的RGB值如下所示： <code>rgb(255, 255, 255)</code>而不是像使用十六进制代码那样使用六个十六进制数字，使用<code>RGB</code>使用0到255之间的数字指定每种颜色的亮度。如果进行数学计算，一种颜色的两位数等于16乘以16，这总共得到256个值。因此，从零开始计数的<code>RGB</code>具有与十六进制代码完全相同的可能值。以下是使用RGB代码将身体背景更改为橙色的示例。 <blockquote>身体 { <br> background-color：rgb（255,165,0）; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">让我们用黑色的RGB值替换<code>body</code>元素背景颜色中的十六进制代码： <code>rgb(0, 0, 0)</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>body</code>元素应该有黑色背景。
+    testString: 'assert($("body").css("background-color") === "rgb(0, 0, 0)", "Your <code>body</code> element should have a black background.");'
+  - text: 使用<code>rgb</code>为您的<code>body</code>元素提供黑色。
+    testString: 'assert(code.match(/rgb\s*\(\s*0\s*,\s*0\s*,\s*0\s*\)/ig), "Use <code>rgb</code> to give your <code>body</code> element a color of black.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: #F00;
+  }
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.chinese.md
new file mode 100644
index 0000000000..99e0343ead
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.chinese.md
@@ -0,0 +1,77 @@
+---
+id: bad87fee1348bd9aedd08830
+title: Add a Submit Button to a Form
+challengeType: 0
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/add-a-submit-button-to-a-form'
+videoUrl: ''
+localeTitle: 向表单添加提交按钮
+---
+
+## Description
+<section id="description">我们在表单中添加一个<code>submit</code>按钮。单击此按钮会将表单中的数据发送到您使用表单的<code>action</code>属性指定的URL。这是一个示例提交按钮： <code>&lt;button type=&quot;submit&quot;&gt;this button submits the form&lt;/button&gt;</code> </section>
+
+## Instructions
+<section id="instructions">添加一个按钮作为<code>form</code>元素的最后一个元素，其类型为<code>submit</code> ，并且“Submit”作为其文本。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的表单里面应该有一个按钮。
+    testString: 'assert($("form").children("button").length > 0, "Your form should have a button inside it.");'
+  - text: 您的提交按钮应该具有要<code>submit</code>的属性<code>type</code> 。
+    testString: 'assert($("button").attr("type") === "submit", "Your submit button should have the attribute <code>type</code> set to <code>submit</code>.");'
+  - text: 您的提交按钮应该只有“提交”文本。
+    testString: 'assert($("button").text().match(/^\s*submit\s*$/gi), "Your submit button should only have the text "Submit".");'
+  - text: 确保您的<code>button</code>元素有一个结束标记。
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure your <code>button</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <input type="text" placeholder="cat photo URL">
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.chinese.md
new file mode 100644
index 0000000000..4c7f4a0953
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.chinese.md
@@ -0,0 +1,60 @@
+---
+id: bad87fee1348bd9aedf08812
+title: Add Images to Your Website
+challengeType: 0
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/add-images-to-your-website'
+videoUrl: ''
+localeTitle: 添加图片到您的网站
+---
+
+## Description
+<section id="description">您可以使用<code>img</code>元素将图像添加到网站，并使用<code>src</code>属性指向特定图像的URL。这方面的一个例子是： <code>&lt;img src=&quot;https://www.your-image-source.com/your-image.jpg&quot;&gt;</code>请注意， <code>img</code>元素是自动关闭的。所有<code>img</code>元素都<strong>必须</strong>具有<code>alt</code>属性。 <code>alt</code>属性中的文本用于屏幕阅读器以提高可访问性，并在图像无法加载时显示。注意：如果图像纯粹是装饰性的，则使用空的<code>alt</code>属性是最佳做法。理想情况下，除非需要，否则<code>alt</code>属性不应包含特殊字符。让我们在上面的<code>img</code>示例中添加一个<code>alt</code>属性： <code>&lt;img src=&quot;https://www.your-image-source.com/your-image.jpg&quot; alt=&quot;Author standing on a beach with two thumbs up.&quot;&gt;</code> </section>
+
+## Instructions
+<section id="instructions">让我们尝试将图像添加到我们的网站：在<code>h2</code>元素之前插入<code>img</code>标记。现在设置<code>src</code>属性，使其指向此URL： <code>https://bit.ly/fcc-relaxing-cat</code> ： <code>https://bit.ly/fcc-relaxing-cat</code>最后不要忘记为您的图像添加<code>alt</code>文字。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的页面应该有一个图像元素。
+    testString: 'assert($("img").length > 0, "Your page should have an image element.");'
+  - text: 您的图像应具有指向小猫图像的<code>src</code>属性。
+    testString: 'assert(new RegExp("\/\/bit.ly\/fcc-relaxing-cat|\/\/s3.amazonaws.com\/freecodecamp\/relaxing-cat.jpg", "gi").test($("img").attr("src")), "Your image should have a <code>src</code> attribute that points to the kitten image.");'
+  - text: 您的图片元素<strong>必须</strong>具有<code>alt</code>属性。
+    testString: 'assert(code.match(/alt\s*?=\s*?(\"|\").*(\"|\")/), "Your image element <strong>must</strong> have an <code>alt</code> attribute.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.chinese.md
new file mode 100644
index 0000000000..be4a22717c
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.chinese.md
@@ -0,0 +1,73 @@
+---
+id: bad87fee1348bd9aedf08830
+title: Add Placeholder Text to a Text Field
+challengeType: 0
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/add-placeholder-text-to-a-text-field'
+videoUrl: ''
+localeTitle: 将占位符文本添加到文本字段
+---
+
+## Description
+<section id="description">占位符文本是在用户输入任何内容之前在<code>input</code>元素中显示的内容。您可以像这样创建占位符文本： <code>&lt;input type=&quot;text&quot; placeholder=&quot;this is placeholder text&quot;&gt;</code> </section>
+
+## Instructions
+<section id="instructions">将文本<code>input</code>的<code>placeholder</code>值设置为“cat photo URL”。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 将<code>placeholder</code>属性添加到现有文本<code>input</code>元素。
+    testString: 'assert($("input[placeholder]").length > 0, "Add a <code>placeholder</code> attribute to the existing text <code>input</code> element.");'
+  - text: 将占位符属性的值设置为“cat photo URL”。
+    testString: 'assert($("input") && $("input").attr("placeholder") && $("input").attr("placeholder").match(/cat\s+photo\s+URL/gi), "Set the value of your placeholder attribute to "cat photo URL".");'
+  - text: 完成的<code>input</code>元素应该具有有效的语法。
+    testString: 'assert($("input[type=text]").length > 0 && code.match(/<input((\s+\w+(\s*=\s*(?:".*?"|".*?"|[\^"">\s]+))?)+\s*|\s*)\/?>/gi), "The finished <code>input</code> element should have valid syntax.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <input type="text">
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.chinese.md
new file mode 100644
index 0000000000..74a8dc1cc8
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.chinese.md
@@ -0,0 +1,78 @@
+---
+id: bad87fee1348bd9aedd08835
+title: Check Radio Buttons and Checkboxes by Default
+challengeType: 0
+videoUrl: ''
+localeTitle: 默认情况下检查单选按钮和复选框
+---
+
+## Description
+<section id="description">您可以使用<code>checked</code>属性设置默认情况下要选中的复选框或单选按钮。为此，只需将“checked”一词添加到input元素的内部即可。例如： <code>&lt;input type=&quot;radio&quot; name=&quot;test-name&quot; checked&gt;</code> </section>
+
+## Instructions
+<section id="instructions">默认情况下，设置第一个<code>radio buttons</code>和第一个<code>checkboxes</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 默认情况下，应检查表单上的第一个单选按钮。
+    testString: 'assert($("input[type="radio"]").prop("checked"), "Your first radio button on your form should be checked by default.");'
+  - text: 默认情况下，应检查表单上的第一个复选框。
+    testString: 'assert($("input[type="checkbox"]").prop("checked"), "Your first checkbox on your form should be checked by default.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/comment-out-html.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/comment-out-html.chinese.md
new file mode 100644
index 0000000000..6c4e01a924
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/comment-out-html.chinese.md
@@ -0,0 +1,63 @@
+---
+id: bad87fee1348bd9aedf08804
+title: Comment out HTML
+challengeType: 0
+videoUrl: ''
+localeTitle: 评论HTML
+---
+
+## Description
+<section id="description">请记住，为了开始评论，您需要使用<code>&lt;!--</code>并结束评论，您需要使用<code>--&gt;</code>这里您需要在<code>h2</code>元素开始之前结束评论。 </section>
+
+## Instructions
+<section id="instructions">注释掉你的<code>h1</code>元素和你的<code>p</code>元素，但不是你的<code>h2</code>元素。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 注释掉你的<code>h1</code>元素，使其在你的页面上不可见。
+    testString: 'assert(($("h1").length === 0), "Comment out your <code>h1</code> element so that it is not visible on your page.");'
+  - text: 保持<code>h2</code>元素取消注释，以便在页面上显示。
+    testString: 'assert(($("h2").length > 0), "Leave your <code>h2</code> element uncommented so that it is visible on your page.");'
+  - text: 注释掉你的<code>p</code>元素，使其在你的页面上不可见。
+    testString: 'assert(($("p").length === 0), "Comment out your <code>p</code> element so that it is not visible on your page.");'
+  - text: 请务必使用<code>--&gt;</code>关闭每条评论。
+    testString: 'assert(code.match(/[^fc]-->/g).length > 1, "Be sure to close each of your comments with <code>--&#62;</code>.");'
+  - text: 请勿更改代码中<code>h1</code> <code>h2</code>或<code>p</code>的顺序。
+    testString: '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>") , "Do not change the order of the <code>h1</code> <code>h2</code> or <code>p</code> in the code.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<!--
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+-->
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.chinese.md
new file mode 100644
index 0000000000..ea418f6c71
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.chinese.md
@@ -0,0 +1,63 @@
+---
+id: bad87fee1348bd9aedf08827
+title: Create a Bulleted Unordered List
+challengeType: 0
+videoUrl: ''
+localeTitle: 创建项目符号无序列表
+---
+
+## Description
+<section id="description"> HTML具有用于创建<code>unordered lists</code>或项目符号样式列表的特殊元素。无序列表以开头<code>&lt;ul&gt;</code>元素开头，后跟任意数量的<code>&lt;li&gt;</code>元素。最后，无序列表以<code>&lt;/ul&gt;</code>结尾例如： <blockquote> &lt;UL&gt; <br> &lt;LI&gt;乳&lt;/ LI&gt; <br> &lt;LI&gt;干酪&lt;/ LI&gt; <br> &lt;/ UL&gt; </blockquote>会创建一个“牛奶”和“奶酪”的子弹点样式列表。 </section>
+
+## Instructions
+<section id="instructions">删除最后两个<code>p</code>元素，并在页面底部创建猫喜爱的三件事的无序列表。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 创建一个<code>ul</code>元素。
+    testString: 'assert($("ul").length > 0, "Create a <code>ul</code> element.");'
+  - text: 你的<code>ul</code>元素中应该有三个<code>li</code>元素。
+    testString: 'assert($("ul li").length > 2, "You should have three <code>li</code> elements within your <code>ul</code> element.");'
+  - text: 确保你的<code>ul</code>元素有一个结束标记。
+    testString: 'assert(code.match(/<\/ul>/gi) && code.match(/<ul/gi) && code.match(/<\/ul>/gi).length === code.match(/<ul/gi).length, "Make sure your <code>ul</code> element has a closing tag.");'
+  - text: 确保您的<code>li</code>元素具有结束标记。
+    testString: 'assert(code.match(/<\/li>/gi) && code.match(/<li[\s>]/gi) && code.match(/<\/li>/gi).length === code.match(/<li[\s>]/gi).length, "Make sure your <code>li</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-a-form-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-a-form-element.chinese.md
new file mode 100644
index 0000000000..dafa4d7e64
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-a-form-element.chinese.md
@@ -0,0 +1,72 @@
+---
+id: bad87fee1348bd9aede08830
+title: Create a Form Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 创建表单元素
+---
+
+## Description
+<section id="description">您可以使用纯HTML来构建实际将数据提交到服务器的Web表单。您可以通过在<code>form</code>元素上指定操作来执行此操作。例如： <code>&lt;form action=&quot;/url-where-you-want-to-submit-form-data&quot;&gt;&lt;/form&gt;</code> </section>
+
+## Instructions
+<section id="instructions">将文本字段嵌套在<code>form</code>元素中，并将<code>action=&quot;/submit-cat-photo&quot;</code>属性添加到表单元素中。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 将文本输入元素嵌套在<code>form</code>元素中。
+    testString: 'assert($("form") && $("form").children("input") && $("form").children("input").length > 0, "Nest your text input element within a <code>form</code> element.");'
+  - text: 确保您的<code>form</code>具有设置为<code>/submit-cat-photo</code>的<code>action</code>属性
+    testString: 'assert($("form").attr("action") === "/submit-cat-photo", "Make sure your <code>form</code> has an <code>action</code> attribute which is set to <code>/submit-cat-photo</code>");'
+  - text: 确保您的<code>form</code>元素具有格式良好的打开和关闭标记。
+    testString: 'assert(code.match(/<\/form>/g) && code.match(/<form [^<]*>/g) && code.match(/<\/form>/g).length === code.match(/<form [^<]*>/g).length, "Make sure your <code>form</code> element has well-formed open and close tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <input type="text" placeholder="cat photo URL">
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.chinese.md
new file mode 100644
index 0000000000..18cb96b2fd
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.chinese.md
@@ -0,0 +1,79 @@
+---
+id: bad87fee1348bd9aedf08835
+title: Create a Set of Checkboxes
+challengeType: 0
+videoUrl: ''
+localeTitle: 创建一组复选框
+---
+
+## Description
+<section id="description">表单通常使用<code>checkboxes</code>来表示可能有多个答案的问题。复选框是一种类型的<code>input</code>您的每一个复选框可以嵌套自身的内<code>label</code>元素。通过将<code>input</code>元素包装在<code>label</code>元素内部，它将自动将复选框输入与其周围的标签元素相关联。所有相关的复选框输入应具有相同的<code>name</code>属性。通过在<code>label</code>元素上设置<code>for</code>属性以匹配关联<code>input</code>元素的<code>id</code>属性，最佳做法是明确定义复选框<code>input</code>与其对应<code>label</code>之间的关系。这是一个复选框的示例： <code>&lt;label for=&quot;loving&quot;&gt;&lt;input id=&quot;loving&quot; type=&quot;checkbox&quot; name=&quot;personality&quot;&gt; Loving&lt;/label&gt;</code> </section>
+
+## Instructions
+<section id="instructions">在表单中添加一组三个复选框。每个复选框应嵌套在自己的<code>label</code>元素中。这三者都应该分享<code>personality</code>的<code>name</code>属性。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的页面应该有三个复选框元素。
+    testString: 'assert($("input[type="checkbox"]").length > 2, "Your page should have three checkbox elements.");'
+  - text: 三个复选框元素中的每一个都应嵌套在自己的<code>label</code>元素中。
+    testString: 'assert($("label > input[type="checkbox"]:only-child").length > 2, "Each of your three checkbox elements should be nested in its own <code>label</code> element.");'
+  - text: 确保每个<code>label</code>元素都有一个结束标记。
+    testString: 'assert(code.match(/<\/label>/g) && code.match(/<label/g) && code.match(/<\/label>/g).length === code.match(/<label/g).length, "Make sure each of your <code>label</code> elements has a closing tag.");'
+  - text: 为您的复选框提供<code>personality</code>的<code>name</code>属性。
+    testString: 'assert($("label > input[type="checkbox"]").filter("[name="personality"]").length > 2, "Give your checkboxes the <code>name</code> attribute of <code>personality</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
+    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.chinese.md
new file mode 100644
index 0000000000..47c640d084
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.chinese.md
@@ -0,0 +1,83 @@
+---
+id: bad87fee1348bd9aedf08834
+title: Create a Set of Radio Buttons
+challengeType: 0
+videoUrl: ''
+localeTitle: 创建一组单选按钮
+---
+
+## Description
+<section id="description">您可以使用<code>radio buttons</code>来解决您希望用户仅从多个选项中给出一个答案的问题。单选按钮是一种<code>input</code> 。每个单选按钮都可以嵌套在自己的<code>label</code>元素中。通过将<code>input</code>元素包装在<code>label</code>元素内部，它将自动将单选按钮输入与其周围的标签元素相关联。所有相关的单选按钮应具有相同的<code>name</code>属性以创建单选按钮组。通过创建无线电组，选择任何单个单选按钮将自动取消选择同一组内的其他按钮，确保用户只提供一个答案。这是一个单选按钮的示例： <blockquote> &lt;标签&gt; <br> &lt;input type =“radio”name =“indoor-outdoor”&gt;室内<br> &lt;/标签&gt; </blockquote>最佳做法是在<code>label</code>元素上设置<code>for</code>属性，其值与<code>input</code>元素的<code>id</code>属性值相匹配。这允许辅助技术在标签和子<code>input</code>元素之间创建链接关系。例如： <blockquote> &lt;label for =“室内”&gt; <br> &lt;input id =“indoor”type =“radio”name =“indoor-outdoor”&gt;室内<br> &lt;/标签&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions">在表单中添加一对单选按钮，每个按钮都嵌套在自己的标签元素中。一个应该有<code>indoor</code>选择，另一个应该可以选择<code>outdoor</code> 。两者都应该共享<code>indoor-outdoor</code>的<code>name</code>属性来创建一个无线电组。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的页面应该有两个单选按钮元素。
+    testString: 'assert($("input[type="radio"]").length > 1, "Your page should have two radio button elements.");'
+  - text: 为您的单选按钮提供<code>indoor-outdoor</code>的<code>name</code>属性。
+    testString: 'assert($("label > input[type="radio"]").filter("[name="indoor-outdoor"]").length > 1, "Give your radio buttons the <code>name</code> attribute of <code>indoor-outdoor</code>.");'
+  - text: 两个单选按钮元素中的每一个都应嵌套在自己的<code>label</code>元素中。
+    testString: 'assert($("label > input[type="radio"]:only-child").length > 1, "Each of your two radio button elements should be nested in its own <code>label</code> element.");'
+  - text: 确保每个<code>label</code>元素都有一个结束标记。
+    testString: 'assert((code.match(/<\/label>/g) && code.match(/<label/g) && code.match(/<\/label>/g).length === code.match(/<label/g).length), "Make sure each of your <code>label</code> elements has a closing tag.");'
+  - text: 您的一个单选按钮应该是<code>indoor</code>标签。
+    testString: 'assert($("label").text().match(/indoor/gi), "One of your radio buttons should have the label <code>indoor</code>.");'
+  - text: 您的一个单选按钮应该是<code>outdoor</code>标签。
+    testString: 'assert($("label").text().match(/outdoor/gi), "One of your radio buttons should have the label <code>outdoor</code>.");'
+  - text: 应在<code>form</code>标记中添加每个单选按钮元素。
+    testString: 'assert($("label").parent().get(0).tagName.match("FORM"), "Each of your radio button elements should be added within the <code>form</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-a-text-field.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-a-text-field.chinese.md
new file mode 100644
index 0000000000..76e629adf2
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-a-text-field.chinese.md
@@ -0,0 +1,69 @@
+---
+id: bad87fee1348bd9aedf08829
+title: Create a Text Field
+challengeType: 0
+videoUrl: ''
+localeTitle: 创建文本字段
+---
+
+## Description
+<section id="description">现在让我们创建一个Web表单。输入元素是从用户获取输入的便捷方式。您可以创建如下文本输入： <code>&lt;input type=&quot;text&quot;&gt;</code>请注意， <code>input</code>元素是自动关闭的。 </section>
+
+## Instructions
+<section id="instructions">在列表下创建<code>text</code>类型的<code>input</code>元素。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的应用应具有<code>text</code>类型的<code>input</code>元素。
+    testString: 'assert($("input[type=text]").length > 0, "Your app should have an <code>input</code> element of type <code>text</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+
+
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.chinese.md
new file mode 100644
index 0000000000..2ad312ae87
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.chinese.md
@@ -0,0 +1,79 @@
+---
+id: bad87fee1348bd9aedf08828
+title: Create an Ordered List
+challengeType: 0
+videoUrl: ''
+localeTitle: 创建有序列表
+---
+
+## Description
+<section id="description"> HTML还有另一个用于创建<code>ordered lists</code>或编号列表的特殊元素。有序列表以开头<code>&lt;ol&gt;</code>元素开头，后跟任意数量的<code>&lt;li&gt;</code>元素。最后，有序列表以<code>&lt;/ol&gt;</code>结尾例如： <blockquote> &lt;OL&gt; <br> &lt;LI&gt;加菲尔德&lt;/ LI&gt; <br> &lt;LI&gt;西尔威斯特&lt;/ LI&gt; <br> &lt;/醇&gt; </blockquote>将创建一个编号列表“加菲猫”和“西尔维斯特”。 </section>
+
+## Instructions
+<section id="instructions">创建猫最讨厌的前三件事的有序列表。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你应该有一个“猫讨厌的三件事”的有序列表：
+    testString: 'assert((/Top 3 things cats hate:/i).test($("ol").prev().text()), "You should have an ordered list for "Top 3 things cats hate:"");'
+  - text: 你应该有一个无序的列表“猫爱的东西：”
+    testString: 'assert((/Things cats love:/i).test($("ul").prev().text()), "You should have an unordered list for "Things cats love:"");'
+  - text: 你应该只有一个<code>ul</code>元素。
+    testString: 'assert.equal($("ul").length, 1, "You should have only one <code>ul</code> element.");'
+  - text: 你应该只有一个<code>ol</code>元素。
+    testString: 'assert.equal($("ol").length, 1, "You should have only one <code>ol</code> element.");'
+  - text: 你的<code>ul</code>元素中应该有三个<code>li</code>元素。
+    testString: 'assert.equal($("ul li").length, 3, "You should have three <code>li</code> elements within your <code>ul</code> element.");'
+  - text: 你的<code>ol</code>元素中应该有三个<code>li</code>元素。
+    testString: 'assert.equal($("ol li").length, 3, "You should have three <code>li</code> elements within your <code>ol</code> element.");'
+  - text: 确保你的<code>ul</code>元素有一个结束标记。
+    testString: 'assert(code.match(/<\/ul>/g) && code.match(/<\/ul>/g).length === code.match(/<ul>/g).length, "Make sure your <code>ul</code> element has a closing tag.");'
+  - text: 确保您的<code>ol</code>元素具有结束标记。
+    testString: 'assert(code.match(/<\/ol>/g) && code.match(/<\/ol>/g).length === code.match(/<ol>/g).length, "Make sure your <code>ol</code> element has a closing tag.");'
+  - text: ''
+    testString: 'assert(code.match(/<\/li>/g) && code.match(/<li>/g) && code.match(/<\/li>/g).length === code.match(/<li>/g).length, "Make sure your <code>li</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.chinese.md
new file mode 100644
index 0000000000..089b5dbdf5
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.chinese.md
@@ -0,0 +1,52 @@
+---
+id: 587d78aa367417b2b2512aed
+title: Declare the Doctype of an HTML Document
+challengeType: 0
+videoUrl: ''
+localeTitle: 声明HTML文档的Doctype
+---
+
+## Description
+<section id="description">到目前为止，挑战涵盖了特定的HTML元素及其用途。但是，有一些元素可以为页面提供整体结构，并且应该包含在每个HTML文档中。在文档的顶部，您需要告诉浏览器您的页面使用的HTML版本。 HTML是一种不断发展的语言，并定期更新。大多数主流浏览器都支持最新的规范，即HTML5。但是，较旧的网页可能使用该语言的先前版本。您可以通过在第一行添加<code>&lt;!DOCTYPE ...&gt;</code>标记告诉浏览器此信息，其中“ <code>...</code> ”部分是HTML的版本。对于HTML5，您使用<code>&lt;!DOCTYPE html&gt;</code> 。的<code>!</code>和大写<code>DOCTYPE</code>很重要，特别是对于旧版浏览器。 <code>html</code>不区分大小写。接下来，HTML代码的其余部分需要包装在<code>html</code>标记中。开头<code>&lt;html&gt;</code>直接位于<code>&lt;!DOCTYPE html&gt;</code>行下方，结束<code>&lt;/html&gt;</code>位于页面末尾。这是页面结构的一个例子： <blockquote> &lt;！DOCTYPE html&gt; <br> &lt;HTML&gt; <br> &lt;！ - 你的HTML代码在这里 - &gt; <br> &lt;/ HTML&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions">在代码编辑器中将HTML5的<code>DOCTYPE</code>标记添加到空白HTML文档的顶部。在它下面，添加包含<code>h1</code>元素的开始和结束<code>html</code>标记。标题可以包含任何文本。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应包含<code>&lt;!DOCTYPE html&gt;</code>标记。
+    testString: 'assert(code.match(/<!DOCTYPE\s+?html\s*?>/gi), "Your code should include a <code>&lt;!DOCTYPE html&gt;</code> tag.");'
+  - text: 应该有一个<code>html</code>元素。
+    testString: 'assert($("html").length == 1, "There should be one <code>html</code> element.");'
+  - text: <code>html</code>标签应该包含一个<code>h1</code>元素。
+    testString: 'assert(code.match(/<html>\s*?<h1>\s*?.*?\s*?<\/h1>\s*?<\/html>/gi), "The <code>html</code> tags should wrap around one <code>h1</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.chinese.md
new file mode 100644
index 0000000000..2c8356fb4b
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.chinese.md
@@ -0,0 +1,66 @@
+---
+id: 587d78aa367417b2b2512aec
+title: Define the Head and Body of an HTML Document
+challengeType: 0
+videoUrl: ''
+localeTitle: 定义HTML文档的头部和正文
+---
+
+## Description
+<section id="description">您可以使用<code>head</code>和<code>body</code>元素在<code>html</code>标记内的HTML文档中添加其他级别的组织。任何包含有关您网页信息的标记都会显示在<code>head</code>标记中。然后，任何带有页面内容（为用户显示的内容）的标记都会进入<code>body</code>标签。元数据元素（例如<code>link</code> ， <code>meta</code> ， <code>title</code>和<code>style</code> ）通常位于<code>head</code>元素内。这是页面布局的示例： <blockquote> &lt;！DOCTYPE html&gt; <br> &lt;HTML&gt; <br> &lt;HEAD&gt; <br> &lt;！ - 元数据元素 - &gt; <br> &lt;/ HEAD&gt; <br> &lt;BODY&gt; <br> &lt;！ - 页面内容 - &gt; <br> &lt;/ BODY&gt; <br> &lt;/ HTML&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions">编辑标记，以便有<code>head</code>和<code>body</code> 。 <code>head</code>元素应该只包含<code>title</code> ， <code>body</code>元素应该只包含<code>h1</code>和<code>p</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 页面上应该只有一个<code>head</code>元素。
+    testString: 'assert($("head").length == 1, "There should be only one <code>head</code> element on the page.");'
+  - text: 页面上应该只有一个<code>body</code>元素。
+    testString: 'assert($("body").length == 1, "There should be only one <code>body</code> element on the page.");'
+  - text: <code>head</code>元素应该是<code>html</code>元素的子元素。
+    testString: 'assert($("html").children("head").length == 1, "The <code>head</code> element should be a child of the <code>html</code> element.");'
+  - text: <code>body</code>元素应该是<code>html</code>元素的子元素。
+    testString: 'assert($("html").children("body").length == 1, "The <code>body</code> element should be a child of the <code>html</code> element.");'
+  - text: <code>head</code>元素应该包围<code>title</code>元素。
+    testString: 'assert(code.match(/<head>\s*?<title>\s*?.*?\s*?<\/title>\s*?<\/head>/gi), "The <code>head</code> element should wrap around the <code>title</code> element.");'
+  - text: <code>body</code>元素应该环绕<code>h1</code>和<code>p</code>元素。
+    testString: 'assert($("body").children("h1").length == 1 && $("body").children("p").length == 1, "The <code>body</code> element should wrap around both the <code>h1</code> and <code>p</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<!DOCTYPE html>
+<html>
+  <title>The best page ever</title>
+
+  <h1>The best page ever</h1>
+  <p>Cat ipsum dolor sit amet, jump launch to pounce upon little yarn mouse, bare fangs at toy run hide in litter box until treats are fed. Go into a room to decide you didn't want to be in there anyway. I like big cats and i can not lie kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Meow i could pee on this if i had the energy for slap owner's face at 5am until human fills food dish yet scamper. Knock dish off table head butt cant eat out of my own dish scratch the furniture. Make meme, make cute face. Sleep in the bathroom sink chase laser but pee in the shoe. Paw at your fat belly licks your face and eat grass, throw it back up kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+
+</html>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/delete-html-elements.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/delete-html-elements.chinese.md
new file mode 100644
index 0000000000..811230040d
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/delete-html-elements.chinese.md
@@ -0,0 +1,57 @@
+---
+id: bad87fed1348bd9aedf08833
+title: Delete HTML Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: 删除HTML元素
+---
+
+## Description
+<section id="description">我们的手机没有太多的垂直空间。让我们删除不必要的元素，以便我们开始构建CatPhotoApp。 </section>
+
+## Instructions
+<section id="instructions">删除你的<code>h1</code>元素，以便我们简化视图。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 删除你的<code>h1</code>元素。
+    testString: 'assert(!code.match(/<h1>/gi) && !code.match(/<\/h1>/gi), "Delete your <code>h1</code> element.");'
+  - text: 将<code>h2</code>元素留在页面上。
+    testString: 'assert(code.match(/<h2>[\w\W]*<\/h2>/gi), "Leave your <code>h2</code> element on the page.");'
+  - text: 将<code>p</code>元素留在页面上。
+    testString: 'assert(code.match(/<p>[\w\W]*<\/p>/gi), "Leave your <code>p</code> element on the page.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.chinese.md
new file mode 100644
index 0000000000..fdaed98c01
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.chinese.md
@@ -0,0 +1,53 @@
+---
+id: bad87fee1348bd9aedf08833
+title: Fill in the Blank with Placeholder Text
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用占位符文本填充空白
+---
+
+## Description
+<section id="description"> Web开发人员传统上使用<code>lorem ipsum text</code>作为占位符文本。 “lorem ipsum”文字是从古罗马的西塞罗（Cicero of Ancient Rome）的着名文章中随机剪下来的。自16世纪以来，Lorem ipsum文本被排版人员用作占位符文本，这种传统在网上继续存在。好吧，5个世纪足够长了。由于我们正在构建CatPhotoApp，因此我们使用名为<code>kitty ipsum text</code> 。 </section>
+
+## Instructions
+<section id="instructions">用这个kitty ipsum文本的前几个单词替换你的<code>p</code>元素里面的文字： <code>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>p</code>元素应该包含所提供的<code>kitty ipsum text</code>的前几个单词。
+    testString: 'assert.isTrue((/Kitty(\s)+ipsum/gi).test($("p").text()), "Your <code>p</code> element should contain the first few words of the provided <code>kitty ipsum text</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Hello Paragraph</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.chinese.md
new file mode 100644
index 0000000000..86a7990aee
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.chinese.md
@@ -0,0 +1,55 @@
+---
+id: bad87fee1348bd9aedf0887a
+title: Headline with the h2 Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 标题与h2元素
+---
+
+## Description
+<section id="description">在接下来的几节课中，我们将逐个构建一个HTML5猫照片网络应用程序。您将在此步骤中添加的<code>h2</code>元素将向网页添加第二级标题。此元素告诉浏览器您的网站结构。 <code>h1</code>元素通常用于主标题，而<code>h2</code>元素通常用于子标题。还有<code>h3</code> ， <code>h4</code> ， <code>h5</code>和<code>h6</code>元素表示不同级别的副标题。 </section>
+
+## Instructions
+<section id="instructions">添加<code>h2</code>标签，上面写着“CatPhotoApp”创建第二个HTML <code>element</code>你的“Hello World”的<code>h1</code>元素。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 创建一个<code>h2</code>元素。
+    testString: 'assert(($("h2").length > 0), "Create an <code>h2</code> element.");'
+  - text: 确保您的<code>h2</code>元素具有结束标记。
+    testString: 'assert(code.match(/<\/h2>/g) && code.match(/<\/h2>/g).length === code.match(/<h2>/g).length, "Make sure your <code>h2</code> element has a closing tag.");'
+  - text: 您的<code>h2</code>元素应该包含文本“CatPhotoApp”。
+    testString: 'assert.isTrue((/cat(\s)?photo(\s)?app/gi).test($("h2").text()), "Your <code>h2</code> element should have the text "CatPhotoApp".");'
+  - text: 你的<code>h1</code>元素应该有“Hello World”文本。
+    testString: 'assert.isTrue((/hello(\s)+world/gi).test($("h1").text()), "Your <code>h1</code> element should have the text "Hello World".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello World</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.chinese.md
new file mode 100644
index 0000000000..011dca79a6
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.chinese.md
@@ -0,0 +1,54 @@
+---
+id: bad87fee1348bd9aedf08801
+title: Inform with the Paragraph Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 通知段落元素
+---
+
+## Description
+<section id="description"> <code>p</code>元素是网站上段落文本的首选元素。 <code>p</code>是“段落”的缩写。你可以创建一个这样的段落元素： <code>&lt;p&gt;I&#39;m ap tag!&lt;/p&gt;</code> </section>
+
+## Instructions
+<section id="instructions">在<code>h2</code>元素下面创建一个<code>p</code>元素，并为其指定文本“Hello Paragraph”。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 创建一个<code>p</code>元素。
+    testString: 'assert(($("p").length > 0), "Create a <code>p</code> element.");'
+  - text: 你的<code>p</code>元素应该有文本“Hello Paragraph”。
+    testString: 'assert.isTrue((/hello(\s)+paragraph/gi).test($("p").text()), "Your <code>p</code> element should have the text "Hello Paragraph".");'
+  - text: 确保您的<code>p</code>元素具有结束标记。
+    testString: 'assert(code.match(/<\/p>/g) && code.match(/<\/p>/g).length === code.match(/<p/g).length, "Make sure your <code>p</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello World</h1>
+<h2>CatPhotoApp</h2>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.chinese.md
new file mode 100644
index 0000000000..24c1096150
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.chinese.md
@@ -0,0 +1,63 @@
+---
+id: bad87fee1348bd9aecf08801
+title: Introduction to HTML5 Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: HTML5元素简介
+---
+
+## Description
+<section id="description"> HTML5引入了更具描述性的HTML标记。这些包括<code>header</code> ， <code>footer</code> ， <code>nav</code> ， <code>video</code> ， <code>article</code> ， <code>section</code>和其他。这些标签使您的HTML更易于阅读，并且还有助于搜索引擎优化（SEO）和可访问性。 <code>main</code> HTML5标记可帮助搜索引擎和其他开发人员找到您网页的主要内容。 <strong>注意</strong> <br> “应用可访问性”部分介绍了许多新的HTML5标记及其优点。 </section>
+
+## Instructions
+<section id="instructions">创建第二个<code>p</code>现有的后件<code>p</code>具有以下的小猫存有文本元素： <code>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</code>用开头和关闭<code>main</code>标签包装段落。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 使用Kitty Ipsum文本需要2个<code>p</code>元素。
+    testString: 'assert($("p").length > 1, "You need 2 <code>p</code> elements with Kitty Ipsum text.");'
+  - text: 确保每个<code>p</code>元素都有一个结束标记。
+    testString: 'assert(code.match(/<\/p>/g) && code.match(/<\/p>/g).length === code.match(/<p/g).length, "Make sure each of your <code>p</code> elements has a closing tag.");'
+  - text: 你的<code>p</code>元素应该包含所提供的额外<code>kitty ipsum text</code>的前几个单词。
+    testString: 'assert.isTrue((/Purr\s+jump\s+eat/gi).test($("p").text()), "Your <code>p</code> element should contain the first few words of the provided additional <code>kitty ipsum text</code>.");'
+  - text: 您的代码应该有一个<code>main</code>元素。
+    testString: 'assert($("main").length === 1, "Your code should have one <code>main</code> element.");'
+  - text: <code>main</code>元素应该有两个段落元素作为子元素。
+    testString: 'assert($("main").children("p").length === 2, "The <code>main</code> element should have two paragraph elements as children.");'
+  - text: 开头<code>main</code>标记应位于第一个段落标记之前。
+    testString: 'assert(code.match(/<main>\s*?<p>/g), "The opening <code>main</code> tag should come before the first paragraph tag.");'
+  - text: 结束<code>main</code>标记应该在第二个结束段标记之后。
+    testString: 'assert(code.match(/<\/p>\s*?<\/main>/g), "The closing <code>main</code> tag should come after the second closing paragraph tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.chinese.md
new file mode 100644
index 0000000000..bde38c30bb
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.chinese.md
@@ -0,0 +1,62 @@
+---
+id: bad87fee1348bd9aedf08816
+title: Link to External Pages with Anchor Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: 链接到具有锚元素的外部页面
+---
+
+## Description
+<section id="description">您可以使用<code>anchor</code>元素链接到网页外部的内容。 <code>anchor</code>元素需要一个名为<code>href</code>属性的目标Web地址。他们还需要锚文本。这是一个例子： <code>&lt;a href=&quot;https://freecodecamp.org&quot;&gt;this links to freecodecamp.org&lt;/a&gt;</code>然后你的浏览器会显示文本<strong>“这个链接到freecodecamp.org”</strong>作为你可以点击的链接。该链接将带您到网址<strong>https://www.freecodecamp.org</strong> 。 </section>
+
+## Instructions
+<section id="instructions">创建一个链接到<code>http://freecatphotoapp.com</code> <code>a</code>元素，并将“猫照片”作为其<code>anchor text</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你<code>a</code>元素应该有“猫照片”的<code>anchor text</code> 。
+    testString: 'assert((/cat photos/gi).test($("a").text()), "Your <code>a</code> element should have the <code>anchor text</code> of "cat photos".");'
+  - text: '你需要一个链接到<code>http://freecatphotoapp .com</code> <code>a</code>元素'
+    testString: 'assert(/http:\/\/(www\.)?freecatphotoapp\.com/gi.test($("a").attr("href")), "You need an <code>a</code> element that links to <code>http&#58;//freecatphotoapp<wbr>.com</code>");'
+  - text: 确保您<code>a</code>元素具有结束标记。
+    testString: 'assert(code.match(/<\/a>/g) && code.match(/<\/a>/g).length === code.match(/<a/g).length, "Make sure your <code>a</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.chinese.md
new file mode 100644
index 0000000000..ce4c5987a8
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.chinese.md
@@ -0,0 +1,73 @@
+---
+id: bad88fee1348bd9aedf08816
+title: Link to Internal Sections of a Page with Anchor Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: 链接到具有锚元素的页面的内部部分
+---
+
+## Description
+<section id="description">锚元素还可用于创建内部链接以跳转到网页中的不同部分。要创建内部链接，请将链接的<code>href</code>属性分配给哈希符号<code>#</code>加上要在内部链接到的元素的<code>id</code>属性值，通常在页面的下方。然后，您需要将相同的<code>id</code>属性添加到要链接的元素。 <code>id</code>是唯一描述元素的属性。下面是内部锚链接及其目标元素的示例： <blockquote> &lt;a href=&quot;#contacts-header&quot;&gt;通讯录&lt;/a&gt; <br> ... <br> &lt;h2 id =“contacts-header”&gt;通讯录&lt;/ h2&gt; </blockquote>当用户单击“联系人”链接时，他们将被带到具有“ <b>联系人”</b>标题元素的网页部分。 </section>
+
+## Instructions
+<section id="instructions">通过将<code>href</code>属性更改为“#footer”并将文本从“cat photos”更改为“Jump to Bottom”，将外部链接更改为内部链接。从锚标记中删除<code>target=&quot;_blank&quot;</code>属性，因为这会导致链接的文档在新窗口选项卡中打开。然后将值为“footer”的<code>id</code>属性添加到页面底部的<code>&lt;footer&gt;</code>元素。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的页面上应该只有一个锚标记。
+    testString: 'assert($("a").length == 1, "There should be only one anchor tag on your page.");'
+  - text: 页面上应该只有一个<code>footer</code>标记。
+    testString: 'assert($("footer").length == 1, "There should be only one <code>footer</code> tag on your page.");'
+  - text: '<code>a</code>标签的<code>href</code>属性应设置为“#footer”。'
+    testString: 'assert($("a").eq(0).attr("href") == "#footer", "The <code>a</code> tag should have an <code>href</code> attribute set to "#footer".");'
+  - text: <code>a</code>标签不应具有<code>target</code>属性
+    testString: 'assert(typeof $("a").eq(0).attr("target") == typeof undefined || $("a").eq(0).attr("target") == true, "The <code>a</code> tag should not have a <code>target</code> attribute");'
+  - text: <code>a</code>文本应该是“跳到底部”。
+    testString: 'assert($("a").eq(0).text().match(/Jump to Bottom/gi), "The <code>a</code> text should be "Jump to Bottom".");'
+  - text: <code>footer</code>标记的<code>id</code>属性应设置为“footer”。
+    testString: 'assert($("footer").eq(0).attr("id") == "footer", "The <code>footer</code> tag should have an <code>id</code> attribute set to "footer".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+  <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+  <p>Meowwww loved it, hated it, loved it, hated it yet spill litter box, scratch at owner, destroy all furniture, especially couch or lay on arms while you're using the keyboard. Missing until dinner time toy mouse squeak roll over. With tail in the air lounge in doorway. Man running from cops stops to pet cats, goes to jail.</p>
+  <p>Intently stare at the same spot poop in the plant pot but kitten is playing with dead mouse. Get video posted to internet for chasing red dot leave fur on owners clothes meow to be let out and mesmerizing birds leave fur on owners clothes or favor packaging over toy so purr for no reason. Meow to be let out play time intently sniff hand run outside as soon as door open yet destroy couch.</p>
+
+</main>
+
+<footer>Copyright Cat Photo App</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.chinese.md
new file mode 100644
index 0000000000..09c92ad586
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.chinese.md
@@ -0,0 +1,57 @@
+---
+id: bad87fee1348bd9aedf08817
+title: Make Dead Links Using the Hash Symbol
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用哈希符号制作死链接
+---
+
+## Description
+<section id="description">有时你想添加<code>a</code>元素到你的网站，你知道他们会链接之前。当您使用<code>JavaScript</code>更改链接的行为时，这也很方便，我们将在稍后了解。 </section>
+
+## Instructions
+<section id="instructions"> <code>href</code>属性的当前值是指向“http://freecatphotoapp.com”的链接。将<code>href</code>属性值替换为<code>#</code> （也称为哈希符号）以创建死链接。例如： <code>href=&quot;#&quot;</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您<code>a</code>元素应该是一个死链接， <code>href</code>属性的值设置为“＃”。
+    testString: 'assert($("a").attr("href") === "#", "Your <code>a</code> element should be a dead link with the value of the <code>href</code> attribute set to "#".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>.</p>
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.chinese.md
new file mode 100644
index 0000000000..4761386d07
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.chinese.md
@@ -0,0 +1,72 @@
+---
+id: bad87fee1348bd9aede08817
+title: Nest an Anchor Element within a Paragraph
+challengeType: 0
+videoUrl: ''
+localeTitle: 在段落中嵌入锚元素
+---
+
+## Description
+<section id="description">您可以在其他文本元素中嵌套链接。 <blockquote> &lt;P&gt; <br>这是一个&lt;a target=&quot;_blank&quot; href=&quot;http://freecodecamp.org&quot;&gt; freecodecamp.org &lt;/a&gt;的链接供您关注。 <br> &lt;/ p&gt; </blockquote>让我们分解示例：普通文本包含在<code>p</code>元素中： <br> <code>&lt;p&gt; Here&#39;s a ... for you to follow. &lt;/p&gt;</code>接下来是<code>anchor</code>元素<code>&lt;a&gt;</code> （需要结束标记<code>&lt;/a&gt;</code> ）： <br> <code>&lt;a&gt; ... &lt;/a&gt;</code> <code>target</code>是一个锚标记属性，指定打开链接的位置，值<code>&quot;_blank&quot;</code>指定在新标签中打开链接<code>href</code>是一个锚标记属性，其中包含URL地址链接： <br> <code>&lt;a href=&quot;http://freecodecamp.org&quot;&gt; ... &lt;/a&gt;</code>在名为<code>anchor text</code>的锚元素中，文本<strong>“链接到freecodecamp.org”</strong>将显示一个单击的链接： <br> <code>&lt;a href=&quot; ... &quot;&gt;link to freecodecamp.org&lt;/a&gt;</code>示例的最终输出如下所示： <br><p>这是<a target="_blank" href="http://freecodecamp.org">freecodecamp.org</a>的<a target="_blank" href="http://freecodecamp.org">链接</a>供您关注。 </p></section>
+
+## Instructions
+<section id="instructions">现在，鸟巢现有的<code>a</code>新元素内<code>p</code>元（刚过现有的<code>main</code>元素）。新段落的文本应显示“查看更多猫照片”，其中“猫照片”是一个链接，其余文本是纯文本。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '您需要一个链接到“http://freecatphotoapp.com” <code>a</code>元素。'
+    testString: 'assert(($("a[href=\"http://freecatphotoapp.com\"]").length > 0 || $("a[href=\"http://www.freecatphotoapp.com\"]").length > 0), "You need an <code>a</code> element that links to "http://freecatphotoapp.com".");'
+  - text: 你<code>a</code>元素应该有“猫照片”的锚文本
+    testString: 'assert($("a").text().match(/cat\sphotos/gi), "Your <code>a</code> element should have the anchor text of "cat photos"");'
+  - text: 创建一个新的<code>p</code>周围的元素<code>a</code>元素。 HTML代码中应至少包含3个<code>p</code>标签。
+    testString: 'assert($("p") && $("p").length > 2, "Create a new <code>p</code> element around your <code>a</code> element. There should be at least 3 total <code>p</code> tags in your HTML code.");'
+  - text: 您<code>a</code>元素应嵌套在新的<code>p</code>元素中。
+    testString: 'assert(($("a[href=\"http://freecatphotoapp.com\"]").parent().is("p") || $("a[href=\"http://www.freecatphotoapp.com\"]").parent().is("p")), "Your <code>a</code> element should be nested within your new <code>p</code> element.");'
+  - text: 你的<code>p</code>元素应该有“查看更多”文本（后面有一个空格）。
+    testString: 'assert(($("a[href=\"http://freecatphotoapp.com\"]").parent().text().match(/View\smore\s/gi) || $("a[href=\"http://www.freecatphotoapp.com\"]").parent().text().match(/View\smore\s/gi)), "Your <code>p</code> element should have the text "View more " (with a space after it).");'
+  - text: 您的<code>a</code>元素<em>不</em>应该有文字“查看更多”。
+    testString: 'assert(!$("a").text().match(/View\smore/gi), "Your <code>a</code> element should <em>not</em> have the text "View more".");'
+  - text: 确保每个<code>p</code>元素都有一个结束标记。
+    testString: 'assert(code.match(/<\/p>/g) && code.match(/<p/g) && code.match(/<\/p>/g).length === code.match(/<p/g).length, "Make sure each of your <code>p</code> elements has a closing tag.");'
+  - text: 确保每个的<code>a</code>元素具有一个结束标记。
+    testString: 'assert(code.match(/<\/a>/g) && code.match(/<a/g) && code.match(/<\/a>/g).length === code.match(/<a/g).length, "Make sure each of your <code>a</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+  <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.chinese.md
new file mode 100644
index 0000000000..59d708c9f9
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.chinese.md
@@ -0,0 +1,83 @@
+---
+id: bad87fee1348bd9aede08835
+title: Nest Many Elements within a Single div Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 在单个div元素中嵌套许多元素
+---
+
+## Description
+<section id="description"> <code>div</code>元素也称为除法元素，是其他元素的通用容器。 <code>div</code>元素可能是所有人中最常用的HTML元素。就像任何其他非自闭元素一样，您可以使用<code>&lt;div&gt;</code>打开<code>div</code>元素，然后使用<code>&lt;/div&gt;</code>其关闭到另一行。 </section>
+
+## Instructions
+<section id="instructions">嵌套你的“猫喜欢的东西”和“猫讨厌的东西”列出了一个<code>div</code>元素。提示：尝试将您的开始<code>div</code>标记放在“Things cats love” <code>p</code>元素上方，并将结束的<code>div</code>标记放在结束的<code>ol</code>标记之后，这样两个列表都在一个<code>div</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 将<code>p</code>元素嵌套在<code>div</code>元素中。
+    testString: 'assert($("div").children("p").length > 1, "Nest your <code>p</code> elements inside your <code>div</code> element.");'
+  - text: 将您的<code>ul</code>元素<code>div</code>元素中。
+    testString: 'assert($("div").children("ul").length > 0, "Nest your <code>ul</code> element inside your <code>div</code> element.");'
+  - text: 将您的<code>ol</code>元素<code>div</code>元素中。
+    testString: 'assert($("div").children("ol").length > 0, "Nest your <code>ol</code> element inside your <code>div</code> element.");'
+  - text: 确保你的<code>div</code>元素有一个结束标记。
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<\/div>/g).length === code.match(/<div>/g).length, "Make sure your <code>div</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.chinese.md
new file mode 100644
index 0000000000..eba399d011
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.chinese.md
@@ -0,0 +1,49 @@
+---
+id: bd7123c8c441eddfaeb5bdef
+title: Say Hello to HTML Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: 向HTML Elements说你好
+---
+
+## Description
+<section id="description">欢迎来到freeCodeCamp的HTML编码挑战。这些将逐步引导您完成Web开发。首先，您将首先使用HTML构建一个简单的网页。您可以在<code>code editor</code>编辑<code>code</code> ，该<code>code editor</code>嵌入到此网页中。您是否在代码编辑器中看到<code>&lt;h1&gt;Hello&lt;/h1&gt;</code> ？这是一个HTML <code>element</code> 。大多数HTML元素都有一个<code>opening tag</code>和一个<code>closing tag</code> 。打开标记如下所示： <code>&lt;h1&gt;</code>结束标记如下所示： <code>&lt;/h1&gt;</code>开始标记和结束标记之间的唯一区别是结束标记的左括号后面的正斜杠。每个挑战都有可以随时单击“运行测试”按钮运行的测试。当您通过所有测试时，系统会提示您提交解决方案并转到下一个编码挑战。 </section>
+
+## Instructions
+<section id="instructions">要通过此挑战的测试，请将<code>h1</code>元素的文本更改为“Hello World”。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>h1</code>元素应该有“Hello World”文本。
+    testString: 'assert.isTrue((/hello(\s)+world/gi).test($("h1").text()), "Your <code>h1</code> element should have the text "Hello World".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.chinese.md
new file mode 100644
index 0000000000..bebdbb3b83
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.chinese.md
@@ -0,0 +1,61 @@
+---
+id: bad87fee1348bd9aedf08820
+title: Turn an Image into a Link
+challengeType: 0
+videoUrl: ''
+localeTitle: 将图像转换为链接
+---
+
+## Description
+<section id="description">您可以通过嵌套在他们做出元素融入链接<code>a</code>元素。鸟巢的内部图像<code>a</code>元素。这是一个例子： <code>&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;https://bit.ly/fcc-running-cats&quot; alt=&quot;Three kittens running towards the camera.&quot;&gt;&lt;/a&gt;</code>记得使用<code>#</code>为你的<code>a</code>元素的<code>href</code>为了把它变成一个死链接属性。 </section>
+
+## Instructions
+<section id="instructions">将现有图像元素放在锚元素中。完成此操作后，使用光标将鼠标悬停在图像上。光标的正常指针应该成为链接点击指针。这张照片现在是一个链接。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 巢现有<code>img</code>一个内元件<code>a</code>元件。
+    testString: 'assert($("a").children("img").length > 0, "Nest the existing <code>img</code> element within an <code>a</code> element.");'
+  - text: '您<code>a</code>元素应该是<code>href</code>属性设置为<code>#</code>的死链接。'
+    testString: 'assert(new RegExp("#").test($("a").children("img").parent().attr("href")), "Your <code>a</code> element should be a dead link with a <code>href</code> attribute set to <code>#</code>.");'
+  - text: 确保每个的<code>a</code>元素具有一个结束标记。
+    testString: 'assert(code.match(/<\/a>/g) && code.match(/<a/g) && code.match(/<\/a>/g).length === code.match(/<a/g).length, "Make sure each of your <code>a</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/uncomment-html.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/uncomment-html.chinese.md
new file mode 100644
index 0000000000..1a76040a16
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/uncomment-html.chinese.md
@@ -0,0 +1,61 @@
+---
+id: bad87fee1348bd9aedf08802
+title: Uncomment HTML
+challengeType: 0
+videoUrl: ''
+localeTitle: 取消注释HTML
+---
+
+## Description
+<section id="description">注释是一种方法，您可以在代码中为其他开发人员留下注释，而不会影响显示给最终用户的结果输出。注释也是使代码处于非活动状态而不必完全删除它的便捷方式。 HTML中的注释以<code>&lt;!--</code>开头，以<code>--&gt;</code>结尾</section>
+
+## Instructions
+<section id="instructions">取消注释你的<code>h1</code> ， <code>h2</code>和<code>p</code>元素。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 通过取消注释，使您的<code>h1</code>元素在您的页面上可见。
+    testString: 'assert($("h1").length > 0, "Make your <code>h1</code> element visible on your page by uncommenting it.");'
+  - text: 通过取消注释，使您的<code>h2</code>元素在您的页面上可见。
+    testString: 'assert($("h2").length > 0, "Make your <code>h2</code> element visible on your page by uncommenting it.");'
+  - text: 通过取消注释，可以在页面上显示您的<code>p</code>元素。
+    testString: 'assert($("p").length > 0, "Make your <code>p</code> element visible on your page by uncommenting it.");'
+  - text: 请务必删除所有尾随注释标记，即<code>--&gt;</code> 。
+    testString: 'assert(!/[^fc]-->/gi.test(code.replace(/ *<!--[^fc]*\n/g,"")), "Be sure to delete all trailing comment tags&#44; i.e. <code>--&#62;</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<!--
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+-->
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.chinese.md
new file mode 100644
index 0000000000..e0360dc351
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.chinese.md
@@ -0,0 +1,71 @@
+---
+id: bad87fee1348bd9aedc08830
+title: Use HTML5 to Require a Field
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用HTML5需要字段
+---
+
+## Description
+<section id="description">您可以要求特定的表单字段，以便您的用户在填写表单之前无法提交表单。例如，如果要创建所需的文本输入字段，只需在<code>input</code>元素中添加<code>required</code>的属性，如下所示： <code>&lt;input type=&quot;text&quot; required&gt;</code> </section>
+
+## Instructions
+<section id="instructions">使您的文本<code>input</code> <code>required</code>字段，以便您的用户无法在不填写此字段的情况下提交表单。然后尝试提交表单而不输入任何文本。了解您的HTML5表单如何通知您该字段是必需的？ </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的文本<code>input</code>元素应具有<code>required</code>属性。
+    testString: 'assert($("input").prop("required"), "Your text <code>input</code> element should have the <code>required</code> attribute.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <input type="text" placeholder="cat photo URL">
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.chinese.md
new file mode 100644
index 0000000000..4f18847647
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.chinese.md
@@ -0,0 +1,149 @@
+---
+id: 587d78ab367417b2b2512af1
+title: Add Flex Superpowers to the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: 添加Flex Superpowers到Tweet Embed
+---
+
+## Description
+<section id="description">右侧是推文嵌入，将用作实际示例。使用不同的布局，一些元素看起来会更好。最后的挑战展示了<code>display: flex</code> 。在这里，您将把它添加到嵌入的推文中的几个组件，以开始调整它们的位置。 </section>
+
+## Instructions
+<section id="instructions">将CSS属性<code>display: flex</code>添加到以下所有项目中 - 请注意，选择器已经设置在CSS： <code>header</code> ，标题的<code>.profile-name</code> ，标题的<code>.follow-btn</code> ，标题的<code>h3</code>和<code>h4</code> ， <code>footer</code>和页脚的<code>.stats</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>header</code>应该具有设置为flex的<code>display</code>属性。
+    testString: 'assert($("header").css("display") == "flex", "Your <code>header</code> should have a <code>display</code> property set to flex.");'
+  - text: 您的<code>footer</code>应该具有设置为flex的<code>display</code>属性。
+    testString: 'assert($("footer").css("display") == "flex", "Your <code>footer</code> should have a <code>display</code> property set to flex.");'
+  - text: 你的<code>h3</code>应该有一个<code>display</code>属性设置为flex。
+    testString: 'assert($("h3").css("display") == "flex", "Your <code>h3</code> should have a <code>display</code> property set to flex.");'
+  - text: 你的<code>h4</code>应该有一个<code>display</code>属性设置为flex。
+    testString: 'assert($("h4").css("display") == "flex", "Your <code>h4</code> should have a <code>display</code> property set to flex.");'
+  - text: 您的<code>.profile-name</code>应该将<code>display</code>属性设置为flex。
+    testString: 'assert($(".profile-name").css("display") == "flex", "Your <code>.profile-name</code> should have a <code>display</code> property set to flex.");'
+  - text: 你的<code>.follow-btn</code>应该有一个<code>display</code>属性设置为flex。
+    testString: 'assert($(".follow-btn").css("display") == "flex", "Your <code>.follow-btn</code> should have a <code>display</code> property set to flex.");'
+  - text: 您的<code>.stats</code>应该将<code>display</code>属性设置为flex。
+    testString: 'assert($(".stats").css("display") == "flex", "Your <code>.stats</code> should have a <code>display</code> property set to flex.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header {
+
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+
+    margin-left: 10px;
+  }
+  header .follow-btn {
+
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer {
+
+  }
+  footer .stats {
+
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.chinese.md
new file mode 100644
index 0000000000..d7d64c3127
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 587d78ad367417b2b2512af8
+title: Align Elements Using the align-items Property
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用align-items属性对齐元素
+---
+
+## Description
+<section id="description"> <code>align-items</code>属性类似于<code>justify-content</code> 。回想一下， <code>justify-content</code>属性沿主轴对齐flex项目。对于行，主轴是水平线，对于列，它是垂直线。 Flex容器还具有与<strong>主轴</strong>相反的横轴。对于行，横轴是垂直的，对于列，横轴是水平的。 CSS提供<code>align-items</code>属性以沿着交叉轴对齐flex项。对于一行，它告诉CSS如何在容器内向上或向下推动整行中的项目。对于列，如何在容器内向左或向右推送所有项目。 <code>align-items</code>可用的不同值包括： <ul><li> <code>flex-start</code> ：将项目对齐到Flex容器的开头。对于行，这会将项目对齐到容器的顶部。对于列，这会将项目对齐到容器的左侧。 </li><li> <code>flex-end</code> ：将项目对齐到Flex容器的末尾。对于行，这会将项目对齐到容器的底部。对于列，这会将项目对齐到容器的右侧。 </li><li> <code>center</code> ：将项目对齐到中心。对于行，这会垂直对齐项目（项目上方和下方的空格相等）。对于列，它会水平对齐它们（项目左侧和右侧的空格相等）。 </li><li> <code>stretch</code> ：拉伸项目以填充弹性容器。例如，行项目被拉伸以从上到下填充Flex容器。 </li><li> <code>baseline</code> ：将项目与其基线对齐。基线是一个文本概念，将其视为字母所在的行。 </li></ul></section>
+
+## Instructions
+<section id="instructions">一个示例有助于显示此属性的运行情况。将CSS属性<code>align-items</code>添加到<code>#box-container</code>元素，并为其指定center值。 <strong>奖金</strong> <br>在代码编辑器中尝试使用<code>align-items</code>属性的其他选项来查看它们之间的差异。但请注意，中心值是唯一能够通过此挑战的值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>#box-container</code>元素的<code>align-items</code>属性应设置为center的值。'
+    testString: 'assert($("#box-container").css("align-items") == "center", "The <code>#box-container</code> element should have an <code>align-items</code> property set to a value of center.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    background: gray;
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 200px;
+    font-size: 24px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 200px;
+    font-size: 18px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"><p>Hello</p></div>
+  <div id="box-2"><p>Goodbye</p></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.chinese.md
new file mode 100644
index 0000000000..050f810b30
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 587d78ac367417b2b2512af6
+title: Align Elements Using the justify-content Property
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用justify-content属性对齐元素
+---
+
+## Description
+<section id="description">有时，flex容器中的flex项不会填充容器中的所有空间。通常希望告诉CSS如何以特定方式对齐和展开弹性项目。幸运的是， <code>justify-content</code>属性有几个选项可以做到这一点。但首先，在审查这些选项之前，需要了解一些重要的术语。 <a href="https://www.w3.org/TR/css-flexbox-1/images/flex-direction-terms.svg" target="_blank">这是一个有用的图像，显​​示了一行来说明下面的概念。</a>回想一下，将flex容器设置为一行可以从左到右并排放置Flex项目。设置为列的弹性容器将弹性项目从上到下放置在垂直堆栈中。对于每个，柔性项目的排列方向称为<strong>主轴</strong> 。对于一行，这是一条切割每个项目的水平线。对于列，主轴是穿过项目的垂直线。如何沿着作为主轴的直线对弹性项目进行间隔有几种选择。其中最常用的是<code>justify-content: center;</code> ，将所有弹性项目对齐到Flex容器内的中心。其他选择包括： <ul><li> <code>flex-start</code> ：将项目对齐到Flex容器的开头。对于一行，这会将项目推送到容器的左侧。对于列，这会将项目推送到容器的顶部。 </li><li> <code>flex-end</code> ：将项目对齐到Flex容器的末尾。对于一行，这会将项目推送到容器的右侧。对于列，这会将项目推送到容器的底部。 </li><li> <code>space-between</code> ：将项目与主轴的中心对齐，在项目之间放置额外的空间。第一个和最后一个项目被推送到Flex容器的最边缘。例如，在第一项中，第一项是在容器的左侧，最后一项是在容器的右侧，然后它们之间的其他项是均匀间隔的。 </li><li> <code>space-around</code> ：类似于<code>space-between</code>但是第一个和最后一个项目没有锁定到容器的边缘，空间分布在所有项目周围</li></ul></section>
+
+## Instructions
+<section id="instructions">一个示例有助于显示此属性的运行情况。将CSS属性<code>justify-content</code>添加到<code>#box-container</code>元素，并为其赋值为center。 <strong>奖金</strong> <br>在代码编辑器中尝试使用<code>justify-content</code>属性的其他选项来查看它们之间的差异。但请注意，中心值是唯一能够通过此挑战的值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>#box-container</code>元素应该将<code>justify-content</code>属性设置为center的值。'
+    testString: 'assert($("#box-container").css("justify-content") == "center", "The <code>#box-container</code> element should have a <code>justify-content</code> property set to a value of center.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    background: gray;
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 25%;
+    height: 100%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 25%;
+    height: 100%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.chinese.md
new file mode 100644
index 0000000000..9acf4dffd3
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.chinese.md
@@ -0,0 +1,136 @@
+---
+id: 587d78ac367417b2b2512af5
+title: Apply the flex-direction Property to Create a Column in the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: 应用flex-direction属性在Tweet Embed中创建一个列
+---
+
+## Description
+<section id="description"> tweet嵌入<code>header</code>和<code>footer</code>先前使用了<code>flex-direction</code>属性和行值。同样， <code>.profile-name</code>元素中的项目可以很好地堆叠为列。 </section>
+
+## Instructions
+<section id="instructions">将CSS属性<code>flex-direction</code>添加到标头的<code>.profile-name</code>元素，并将值设置为column。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>.profile-name</code>元素应将<code>flex-direction</code>属性设置为column。
+    testString: 'assert($(".profile-name").css("flex-direction") == "column", "The <code>.profile-name</code> element should have a <code>flex-direction</code> property set to column.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header, footer {
+    display: flex;
+    flex-direction: row;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.chinese.md
new file mode 100644
index 0000000000..e268f3b979
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.chinese.md
@@ -0,0 +1,141 @@
+---
+id: 587d78ab367417b2b2512af3
+title: Apply the flex-direction Property to Create Rows in the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: 应用flex-direction属性在Tweet Embed中创建行
+---
+
+## Description
+<section id="description"> tweet嵌入示例中的<code>header</code>和<code>footer</code>具有可以使用<code>flex-direction</code>属性排列为行的子项。这告诉CSS水平对齐孩子。 </section>
+
+## Instructions
+<section id="instructions">将CSS属性<code>flex-direction</code>添加到<code>header</code>和<code>footer</code> ，并将值设置为row。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>header</code>应该将<code>flex-direction</code>属性设置为row。
+    testString: 'assert(code.match(/header\s*?{[^}]*?flex-direction:\s*?row;/g), "The <code>header</code> should have a <code>flex-direction</code> property set to row.");'
+  - text: <code>footer</code>应将<code>flex-direction</code>属性设置为row。
+    testString: 'assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g), "The <code>footer</code> should have a <code>flex-direction</code> property set to row.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header {
+    display: flex;
+
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer {
+    display: flex;
+
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.chinese.md
new file mode 100644
index 0000000000..2144ab8a76
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 587d78ab367417b2b2512af0
+title: 'Use display: flex to Position Two Boxes'
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用display：flex定位两个Box
+---
+
+## Description
+<section id="description">本节使用交替挑战样式来展示如何使用CSS以灵活的方式定位元素。首先，挑战将解释理论，然后使用简单推文组件的实际挑战将应用flexbox概念。放置CSS属性<code>display: flex;</code>在元素上允许您使用其他flex属性来构建响应式页面。 </section>
+
+## Instructions
+<section id="instructions">将CSS属性<code>display</code>添加到<code>#box-container</code>并将其值设置为flex。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>#box-container</code>应将<code>display</code>属性设置为flex值。'
+    testString: 'assert($("#box-container").css("display") == "flex", "<code>#box-container</code> should have the <code>display</code> property set to a value of flex.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    height: 500px;
+
+  }
+
+  #box-1 {
+    background-color: dodgerblue;
+    width: 50%;
+    height: 50%;
+
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 50%;
+    height: 50%;
+
+  }
+</style>
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.chinese.md
new file mode 100644
index 0000000000..7f89406ec7
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.chinese.md
@@ -0,0 +1,139 @@
+---
+id: 587d78ad367417b2b2512af9
+title: Use the align-items Property in the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用Tweet Embed中的align-items属性
+---
+
+## Description
+<section id="description">最后一个挑战引入了<code>align-items</code>属性并举了一个例子。此属性可应用于一些tweet嵌入元素，以对齐其中的flex项。 </section>
+
+## Instructions
+<section id="instructions">将CSS属性<code>align-items</code>添加到标题的<code>.follow-btn</code>元素中。将值设置为居中。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>.follow-btn</code>元素应将<code>align-items</code>属性设置为center的值。
+    testString: 'assert($(".follow-btn").css("align-items") == "center", "The <code>.follow-btn</code> element should have the <code>align-items</code> property set to a value of center.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header, footer {
+    display: flex;
+    flex-direction: row;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-align-self-property.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-align-self-property.chinese.md
new file mode 100644
index 0000000000..a9fa3a15a4
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-align-self-property.chinese.md
@@ -0,0 +1,74 @@
+---
+id: 587d78af367417b2b2512b00
+title: Use the align-self Property
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用align-self属性
+---
+
+## Description
+<section id="description"> flex项的最终属性是<code>align-self</code> 。此属性允许您单独调整每个项目的对齐方式，而不是一次性设置它们。这很有用，因为使用CSS属性<code>float</code> ， <code>clear</code>和<code>vertical-align</code>其他常用调整技术对flex项不起作用。 <code>align-self</code>接受与<code>align-items</code>相同的值，并将覆盖<code>align-items</code>属性设置的任何值。 </section>
+
+## Instructions
+<section id="instructions">将CSS属性<code>align-self</code>添加到<code>#box-1</code>和<code>#box-2</code> 。给<code>#box-1</code>一个中心值，给<code>#box-2</code>一个flex-end值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>#box-1</code>元素应将<code>align-self</code>属性设置为center的值。'
+    testString: 'assert($("#box-1").css("align-self") == "center", "The <code>#box-1</code> element should have the <code>align-self</code> property set to a value of center.");'
+  - text: '<code>#box-2</code>元素应该将<code>align-self</code>属性设置为flex-end的值。'
+    testString: 'assert($("#box-2").css("align-self") == "flex-end", "The <code>#box-2</code> element should have the <code>align-self</code> property set to a value of flex-end.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+
+    height: 200px;
+    width: 200px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+
+    height: 200px;
+    width: 200px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.chinese.md
new file mode 100644
index 0000000000..0a9614a0f9
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.chinese.md
@@ -0,0 +1,77 @@
+---
+id: 587d78ae367417b2b2512afd
+title: Use the flex-basis Property to Set the Initial Size of an Item
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用flex-basis属性设置项的初始大小
+---
+
+## Description
+<section id="description"> <code>flex-basis</code>属性指定CSS在使用<code>flex-shrink</code>或<code>flex-grow</code>进行调整之前的项的初始大小。 <code>flex-basis</code>属性使用的单位与其他大小属性（ <code>px</code> ， <code>em</code> ， <code>%</code>等）相同。该值根据内容<code>auto</code>项目大小。 </section>
+
+## Instructions
+<section id="instructions">使用<code>flex-basis</code>设置框的初始大小。将CSS属性<code>flex-basis</code>添加到<code>#box-1</code>和<code>#box-2</code> 。给<code>#box-1</code>一个值为<code>10em</code> ， <code>#box-2</code>给一个值为<code>20em</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>#box-1</code>元素应该具有<code>flex-basis</code>属性。'
+    testString: 'assert($("#box-1").css("flex-basis") != "auto", "The <code>#box-1</code> element should have a <code>flex-basis</code> property.");'
+  - text: '<code>#box-1</code>元素的<code>flex-basis</code>值应为<code>10em</code> 。'
+    testString: 'assert(code.match(/#box-1\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?10em;/g), "The <code>#box-1</code> element should have a <code>flex-basis</code> value of <code>10em</code>.");'
+  - text: '<code>#box-2</code>元素应该具有<code>flex-basis</code>属性。'
+    testString: 'assert($("#box-2").css("flex-basis") != "auto", "The <code>#box-2</code> element should have the <code>flex-basis</code> property.");'
+  - text: '<code>#box-2</code>元素的<code>flex-basis</code>值应为<code>20em</code> 。'
+    testString: 'assert(code.match(/#box-2\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?20em;/g), "The <code>#box-2</code> element should have a <code>flex-basis</code> value of <code>20em</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+
+  #box-1 {
+    background-color: dodgerblue;
+    height: 200px;
+
+  }
+
+  #box-2 {
+    background-color: orangered;
+    height: 200px;
+
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.chinese.md
new file mode 100644
index 0000000000..9001aebda9
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.chinese.md
@@ -0,0 +1,71 @@
+---
+id: 587d78ac367417b2b2512af4
+title: Use the flex-direction Property to Make a Column
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用flex-direction属性创建列
+---
+
+## Description
+<section id="description">最后两个挑战使用了<code>flex-direction</code>属性设置为row。此属性还可以通过垂直堆叠Flex容器的子项来创建列。 </section>
+
+## Instructions
+<section id="instructions">将CSS属性<code>flex-direction</code>添加到<code>#box-container</code>元素，并为其赋值column。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>#box-container</code>元素应该将<code>flex-direction</code>属性设置为column。'
+    testString: 'assert($("#box-container").css("flex-direction") == "column", "The <code>#box-container</code> element should have a <code>flex-direction</code> property set to column.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 50%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 50%;
+    height: 50%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.chinese.md
new file mode 100644
index 0000000000..c5b9ceca1b
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.chinese.md
@@ -0,0 +1,71 @@
+---
+id: 587d78ab367417b2b2512af2
+title: Use the flex-direction Property to Make a Row
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用flex-direction属性创建一行
+---
+
+## Description
+<section id="description">添加<code>display: flex</code> to a element将其转换为flex容器。这使得可以将该元素的任何子节点对齐成行或列。您可以通过将<code>flex-direction</code>属性添加到父项并将其设置为行或列来完成此操作。创建行将水平对齐子项，创建列将垂直对齐子项。 <code>flex-direction</code>其他选项是row-reverse和column-reverse。 <strong>注意</strong> <br> <code>flex-direction</code>属性的默认值为row。 </section>
+
+## Instructions
+<section id="instructions">将CSS属性<code>flex-direction</code>添加到<code>#box-container</code>元素，并为其赋值row-reverse。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>#box-container</code>元素的<code>flex-direction</code>属性应设置为row-reverse。'
+    testString: 'assert($("#box-container").css("flex-direction") == "row-reverse", "The <code>#box-container</code> element should have a <code>flex-direction</code> property set to row-reverse.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 50%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 50%;
+    height: 50%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.chinese.md
new file mode 100644
index 0000000000..96f23c9322
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.chinese.md
@@ -0,0 +1,73 @@
+---
+id: 587d78ae367417b2b2512afc
+title: Use the flex-grow Property to Expand Items
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用flex-grow属性扩展项目
+---
+
+## Description
+<section id="description">与<code>flex-shrink</code>相反的是<code>flex-grow</code>属性。回想一下，当容器缩小时， <code>flex-shrink</code>控制项目的大小。当父容器展开时， <code>flex-grow</code>属性控制项的大小。使用上一个挑战中的类似示例，如果一个项目的<code>flex-grow</code>值为1而另一个项目的<code>flex-grow</code>值为3，则值为3的项目将增长为另一个项目的三倍。 </section>
+
+## Instructions
+<section id="instructions">将CSS属性<code>flex-grow</code>添加到<code>#box-1</code>和<code>#box-2</code> 。将<code>#box-1</code>的值设为1，将<code>#box-2</code>的值设为2。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>#box-1</code>元素应将<code>flex-grow</code>属性设置为值1。'
+    testString: 'assert($("#box-1").css("flex-grow") == "1", "The <code>#box-1</code> element should have the <code>flex-grow</code> property set to a value of 1.");'
+  - text: '<code>#box-2</code>元素应将<code>flex-grow</code>属性设置为值2。'
+    testString: 'assert($("#box-2").css("flex-grow") == "2", "The <code>#box-2</code> element should have the <code>flex-grow</code> property set to a value of 2.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+
+  #box-1 {
+    background-color: dodgerblue;
+    height: 200px;
+
+  }
+
+  #box-2 {
+    background-color: orangered;
+    height: 200px;
+
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.chinese.md
new file mode 100644
index 0000000000..30d77d0315
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.chinese.md
@@ -0,0 +1,74 @@
+---
+id: 587d78ae367417b2b2512afe
+title: Use the flex Shorthand Property
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用flex速记属性
+---
+
+## Description
+<section id="description">有一个快捷方式可以同时设置多个flex属性。通过使用<code>flex</code>属性，可以将<code>flex-grow</code> ， <code>flex-shrink</code>和<code>flex-basis</code>属性设置在一起。例如， <code>flex: 1 0 10px;</code>将项目设置为<code>flex-grow: 1;</code> ， <code>flex-shrink: 0;</code> ，和<code>flex-basis: 10px;</code> 。默认属性设置为<code>flex: 0 1 auto;</code> 。 </section>
+
+## Instructions
+<section id="instructions">将CSS属性<code>flex</code>添加到<code>#box-1</code>和<code>#box-2</code> 。给<code>#box-1</code>赋值，使<code>flex-grow</code>为2， <code>flex-shrink</code>为2， <code>flex-basis</code>为150px。给<code>#box-2</code>赋值，使<code>flex-grow</code>为1， <code>flex-shrink</code>为1，其<code>flex-basis</code>为150px。这些值将导致<code>#box-1</code>增长以在容器大于300px时以<code>#box-2</code>两倍速率填充额外空间，并在容器小于300px时以<code>#box-2</code>的速率缩小两倍。 300px是两个框的<code>flex-basis</code>值的组合大小。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>#box-1</code>元素的<code>flex</code>属性应设置为2 2 150px。'
+    testString: 'assert($("#box-1").css("flex-grow") == "2" && $("#box-1").css("flex-shrink") == "2" && $("#box-1").css("flex-basis") == "150px", "The <code>#box-1</code> element should have the <code>flex</code> property set to a value of 2 2 150px.");'
+  - text: '<code>#box-2</code>元素的<code>flex</code>属性应设置为1 1 150px。'
+    testString: 'assert($("#box-2").css("flex-grow") == "1" && $("#box-2").css("flex-shrink") == "1" && $("#box-2").css("flex-basis") == "150px", "The <code>#box-2</code> element should have the <code>flex</code> property set to a value of 1 1 150px.");'
+  - text: '您的代码应该使用<code>#box-1</code>和<code>#box-2</code>的<code>flex</code>属性。'
+    testString: 'assert(code.match(/flex:\s*?\d\s+?\d\s+?150px;/g).length == 2, "Your code should use the <code>flex</code> property for <code>#box-1</code> and <code>#box-2</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+
+    height: 200px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+
+    height: 200px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.chinese.md
new file mode 100644
index 0000000000..0e3e5fa664
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.chinese.md
@@ -0,0 +1,74 @@
+---
+id: 587d78ad367417b2b2512afb
+title: Use the flex-shrink Property to Shrink Items
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用flex-shrink属性收缩项目
+---
+
+## Description
+<section id="description">到目前为止，挑战中的所有属性都适用于Flex容器（flex项的父级）。但是，flex项有几个有用的属性。第一个是<code>flex-shrink</code>属性。当它被使用时，如果柔性容器太小，它允许物品收缩。当父容器的宽度小于其中所有flex项的组合宽度时，项会收缩。 <code>flex-shrink</code>属性将数字作为值。数字越大，与容器中的其他项目相比，它将收缩得越多。例如，如果一个项目的<code>flex-shrink</code>值为1而另一个项目的<code>flex-shrink</code>值为3，则值为3的项目将缩小为另一个项目的三倍。 </section>
+
+## Instructions
+<section id="instructions">将CSS属性<code>flex-shrink</code>添加到<code>#box-1</code>和<code>#box-2</code> 。将<code>#box-1</code>的值设为1，将<code>#box-2</code>的值设为2。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>#box-1</code>元素应将<code>flex-shrink</code>属性设置为值1。'
+    testString: 'assert($("#box-1").css("flex-shrink") == "1", "The <code>#box-1</code> element should have the <code>flex-shrink</code> property set to a value of 1.");'
+  - text: '<code>#box-2</code>元素的<code>flex-shrink</code>属性应设置为值2。'
+    testString: 'assert($("#box-2").css("flex-shrink") == "2", "The <code>#box-2</code> element should have the <code>flex-shrink</code> property set to a value of 2.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 100%;
+    height: 200px;
+
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 100%;
+    height: 200px;
+
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.chinese.md
new file mode 100644
index 0000000000..dc57cc1bf1
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.chinese.md
@@ -0,0 +1,96 @@
+---
+id: 587d78ad367417b2b2512afa
+title: Use the flex-wrap Property to Wrap a Row or Column
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用flex-wrap属性包装行或列
+---
+
+## Description
+<section id="description"> CSS flexbox具有将flex项分割为多行（或列）的功能。默认情况下，Flex容器将所有Flex项目放在一起。例如，一行将全部在一行上。但是，使用<code>flex-wrap</code>属性，它会告诉CSS包装项目。这意味着额外的项目将移动到新的行或列中。包装发生的断点取决于物品的大小和容器的大小。 CSS还有包装方向的选项： <ul><li> <code>nowrap</code> ：这是默认设置，不包装项目。 </li><li> <code>wrap</code> ：如果项目在一行中，则从左到右包装，如果它们在列中，则从上到下包装。 </li><li> <code>wrap-reverse</code> ：如果项目在一行中，则从下到上包装项目;如果它们在列中，则从右到左包装。 </li></ul></section>
+
+## Instructions
+<section id="instructions">当前布局对于一行有太多的框。将CSS属性<code>flex-wrap</code>添加到<code>#box-container</code>元素，并为其赋值wrap。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>#box-container</code>元素应该将<code>flex-wrap</code>属性设置为wrap值。'
+    testString: 'assert($("#box-container").css("flex-wrap") == "wrap", "The <code>#box-container</code> element should have the <code>flex-wrap</code> property set to a value of wrap.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    background: gray;
+    display: flex;
+    height: 100%;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 25%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 25%;
+    height: 50%;
+  }
+  #box-3 {
+    background-color: violet;
+    width: 25%;
+    height: 50%;
+  }
+  #box-4 {
+    background-color: yellow;
+    width: 25%;
+    height: 50%;
+  }
+  #box-5 {
+    background-color: green;
+    width: 25%;
+    height: 50%;
+  }
+  #box-6 {
+    background-color: black;
+    width: 25%;
+    height: 50%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+  <div id="box-3"></div>
+  <div id="box-4"></div>
+  <div id="box-5"></div>
+  <div id="box-6"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.chinese.md
new file mode 100644
index 0000000000..afc25f8e1e
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.chinese.md
@@ -0,0 +1,137 @@
+---
+id: 587d78ac367417b2b2512af7
+title: Use the justify-content Property in the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: 在Tweet Embed中使用justify-content属性
+---
+
+## Description
+<section id="description">最后一项挑战展示了一个<code>justify-content</code>属性的例子。对于tweet嵌入，可以应用此属性来对齐<code>.profile-name</code>元素中的项目。 </section>
+
+## Instructions
+<section id="instructions">将CSS属性<code>justify-content</code>添加到标头的<code>.profile-name</code>元素，并将值设置为上一个挑战中的任何选项。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>.profile-name</code>元素应将<code>justify-content</code>属性设置为以下任何值：center，flex-start，flex-end，space-between或space-around。
+    testString: '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)\s*;/g), "The <code>.profile-name</code> element should have the <code>justify-content</code> property set to any of these values: center, flex-start, flex-end, space-between, or space-around.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header, footer {
+    display: flex;
+    flex-direction: row;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    flex-direction: column;
+
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.chinese.md
new file mode 100644
index 0000000000..94a3e9b42c
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.chinese.md
@@ -0,0 +1,74 @@
+---
+id: 587d78ae367417b2b2512aff
+title: Use the order Property to Rearrange Items
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用order属性重新排列项目
+---
+
+## Description
+<section id="description"> <code>order</code>属性用于告诉CSS Flex项目在Flex容器中的显示顺序。默认情况下，项目将以与源HTML相同的顺序显示。该属性将数字作为值，可以使用负数。 </section>
+
+## Instructions
+<section id="instructions">将CSS属性<code>order</code>添加到<code>#box-1</code>和<code>#box-2</code> 。给<code>#box-1</code>一个值2，给<code>#box-2</code>一个值1。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>#box-1</code>元素的<code>order</code>属性应设置为值2。'
+    testString: 'assert($("#box-1").css("order") == "2", "The <code>#box-1</code> element should have the <code>order</code> property set to a value of 2.");'
+  - text: '<code>#box-2</code>元素应该将<code>order</code>属性设置为值1。'
+    testString: 'assert($("#box-2").css("order") == "1", "The <code>#box-2</code> element should have the <code>order</code> property set to a value of 1.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+
+    height: 200px;
+    width: 200px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+
+    height: 200px;
+    width: 200px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.chinese.md
new file mode 100644
index 0000000000..db4162bcb5
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.chinese.md
@@ -0,0 +1,74 @@
+---
+id: 5a9036d038fddaf9a66b5d32
+title: Add Columns with grid-template-columns
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用grid-template-columns添加列
+---
+
+## Description
+<section id="description">简单地创建一个网格元素并不会让你走得太远。您还需要定义网格的结构。要向网格添加一些列，请在网格容器上使用<code>grid-template-columns</code>属性，如下所示： <blockquote> 。容器 { <br>显示：网格; <br> grid-template-columns：50px 50px; <br> } </blockquote>这将为您的网格提供两列，每列50px宽。给<code>grid-template-columns</code>属性的参数数量表示<code>grid-template-columns</code>数，每个参数的值表示每列的宽度。 </section>
+
+## Instructions
+<section id="instructions">为网格容器提供三列，每列<code>100px</code>宽。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code>类应该有一个<code>grid-template-columns</code>属性，其中三个单元为<code>100px</code> 。
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?100px\s*?100px\s*?100px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-columns</code> property with three units of <code>100px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.chinese.md
new file mode 100644
index 0000000000..c04fb674e5
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.chinese.md
@@ -0,0 +1,76 @@
+---
+id: 5a9036ee38fddaf9a66b5d37
+title: Add Gaps Faster with grid-gap
+challengeType: 0
+videoUrl: ''
+localeTitle: 通过网格间隙更快地添加间隙
+---
+
+## Description
+<section id="description"> <code>grid-gap</code>是<code>grid-row-gap</code>和<code>grid-column-gap</code> <code>grid-gap</code>的简写属性，来自前两个更方便使用的挑战。如果<code>grid-gap</code>有一个值，它将在所有行和列之间创建一个间隙。但是，如果有两个值，它将使用第一个值来设置行之间的间隙和列的第二个值。 </section>
+
+## Instructions
+<section id="instructions">使用<code>grid-gap</code>在行之间引入<code>10px</code>间隙，在列之间引入<code>20px</code>间隙。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code>类应该有一个<code>grid-gap</code>属性，在行之间引入<code>10px</code>间隙，在列之间引入<code>20px</code>间隙。
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-gap\s*?:\s*?10px\s+?20px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-gap</code> property that introduces <code>10px</code> gap between the rows and <code>20px</code> gap between the columns.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.chinese.md
new file mode 100644
index 0000000000..cc2677c8ca
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.chinese.md
@@ -0,0 +1,75 @@
+---
+id: 5a9036e138fddaf9a66b5d33
+title: Add Rows with grid-template-rows
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用grid-template-rows添加行
+---
+
+## Description
+<section id="description">您在上一次挑战中创建的网格将自动设置行数。要手动调整行，请使用<code>grid-template-rows</code>属性，方法<code>grid-template-columns</code>在先前挑战中使用<code>grid-template-columns</code>方式相同。 </section>
+
+## Instructions
+<section id="instructions">在网格中添加两行，每行高<code>50px</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code>类应该有一个<code>grid-template-rows</code>属性，其中两个单元为<code>50px</code> 。
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-rows\s*?:\s*?50px\s*?50px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-rows</code> property with two units of <code>50px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 100px 100px 100px;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.chinese.md
new file mode 100644
index 0000000000..f805f51836
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.chinese.md
@@ -0,0 +1,78 @@
+---
+id: 5a90376038fddaf9a66b5d3c
+title: Align All Items Horizontally using justify-items
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用对齐项目水平对齐所有项目
+---
+
+## Description
+<section id="description">有时您希望CSS Grid中的所有项目共享相同的对齐方式。您可以使用以前学过的属性并单独对齐它们，也可以使用网格容器上的<code>justify-items</code>将它们全部水平<code>justify-items</code> 。此属性可以接受您在前两个挑战中学到的所有相同值，不同之处在于它会将网格中的<b>所有</b>项目移动到所需的对齐方式。 </section>
+
+## Instructions
+<section id="instructions">使用此属性可以水平居中所有项目。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code>类应该有一个具有<code>center</code>值的<code>justify-items</code>属性。
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*justify-items\s*?:\s*?center\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>justify-items</code> property that has the value of <code>center</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.chinese.md
new file mode 100644
index 0000000000..8886e5c873
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.chinese.md
@@ -0,0 +1,78 @@
+---
+id: 5a94fdf869fb03452672e45b
+title: Align All Items Vertically using align-items
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用align-items垂直对齐所有项目
+---
+
+## Description
+<section id="description">使用网格容器上的<code>align-items</code>属性将为网格中的所有项目设置垂直对齐方式。 </section>
+
+## Instructions
+<section id="instructions">现在使用它将所有项目移动到每个单元格的末尾。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code>类应该具有值为<code>end</code>的<code>align-items</code>属性。
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*align-items\s*?:\s*?end\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>align-items</code> property that has the value of <code>end</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.chinese.md
new file mode 100644
index 0000000000..9a8afffbc5
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.chinese.md
@@ -0,0 +1,82 @@
+---
+id: 5a90374338fddaf9a66b5d3a
+title: Align an Item Horizontally using justify-self
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用justify-self水平对齐项目
+---
+
+## Description
+<section id="description">在CSS Grid中，每个项目的内容位于一个称为<dfn>单元格</dfn>的框中。您可以使用网格项上的<code>justify-self</code>属性水平对齐内容在其单元格中的位置。默认情况下，此属性的值为<code>stretch</code> ，这将使内容填充单元格的整个宽度。此CSS Grid属性也接受其他值： <code>start</code> ：对齐单元格左侧的内容， <code>center</code> ：对齐单元格<code>center</code>的内容， <code>end</code> ：对齐单元格右侧的内容。 </section>
+
+## Instructions
+<section id="instructions">使用<code>justify-self</code>属性将项目与<code>item2</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>item2</code>类应该有一个具有<code>center</code>值的<code>justify-self</code>属性。
+    testString: 'assert(code.match(/.item2\s*?{[\s\S]*justify-self\s*?:\s*?center\s*?;[\s\S]*}/gi), "<code>item2</code> class should have a <code>justify-self</code> property that has the value of <code>center</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background: LightSkyBlue;}
+
+  .item2 {
+    background: LightSalmon;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.chinese.md
new file mode 100644
index 0000000000..9a38f7b254
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.chinese.md
@@ -0,0 +1,82 @@
+---
+id: 5a90375238fddaf9a66b5d3b
+title: Align an Item Vertically using align-self
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用align-self垂直对齐项目
+---
+
+## Description
+<section id="description">正如您可以水平对齐项目一样，也可以垂直对齐项目。为此，您可以在项目上使用<code>align-self</code>属性。此属性接受来自上一次挑战的所有与<code>justify-self</code>相同的值。 </section>
+
+## Instructions
+<section id="instructions">对齐项目与类<code>item3</code>在垂直<code>end</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>item3</code>类应该有一个<code>align-self</code>属性，其值为<code>end</code> 。
+    testString: 'assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi), "<code>item3</code> class should have a <code>align-self</code> property that has the value of <code>end</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+
+  .item3 {
+    background: PaleTurquoise;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.chinese.md
new file mode 100644
index 0000000000..4ed351c456
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.chinese.md
@@ -0,0 +1,77 @@
+---
+id: 5a9036ee38fddaf9a66b5d35
+title: Create a Column Gap Using grid-column-gap
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用grid-column-gap创建列间隙
+---
+
+## Description
+<section id="description">到目前为止，在你创建的网格中，列都相互紧密相连。有时您希望列之间存在间隙。要在列之间添加间隙，请使用<code>grid-column-gap</code>属性，如下所示： <blockquote> grid-column-gap：10px; </blockquote>这会在我们所有列之间创建10px的空白空间。 </section>
+
+## Instructions
+<section id="instructions">为网格中的列提供<code>20px</code>间隙。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code>类应该具有值为<code>20px</code>的<code>grid-column-gap</code>属性。
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-column-gap\s*?:\s*?20px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-column-gap</code> property that has the value of <code>20px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.chinese.md
new file mode 100644
index 0000000000..2e1e594a2c
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.chinese.md
@@ -0,0 +1,77 @@
+---
+id: 5a9036ee38fddaf9a66b5d36
+title: Create a Row Gap using grid-row-gap
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用grid-row-gap创建行间隙
+---
+
+## Description
+<section id="description">您可以使用<code>grid-row-gap</code>在<code>grid-row-gap</code>之间添加间隙，方法与在上一个挑战中的列之间添加间隙的方式相同。 </section>
+
+## Instructions
+<section id="instructions">为<code>5px</code>高的行创建间隙。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code>类应该具有值为<code>5px</code>的<code>grid-row-gap</code>属性。
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-row-gap\s*?:\s*?5px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-row-gap</code> property that has the value of <code>5px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.chinese.md
new file mode 100644
index 0000000000..f8073cbfea
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.chinese.md
@@ -0,0 +1,95 @@
+---
+id: 5a94fe5469fb03452672e461
+title: Create Flexible Layouts Using auto-fill
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用自动填充创建灵活布局
+---
+
+## Description
+<section id="description">重复功能带有一个名为<dfn>自动填充</dfn>的选项。这允许您根据容器的大小自动插入所需大小的行或列。将<code>auto-fill</code>与<code>minmax</code>组合时，可以创建灵活的布局。在预览中， <code>grid-template-columns</code>设置为<blockquote>重复（自动填充，minmax（60px，1fr））; </blockquote>当容器改变大小时，此设置将继续插入60px列并拉伸它们，直到它可以插入另一个。 <strong>注意</strong> <br>如果您的容器无法将所有项目放在一行上，则会将它们移动到新行。 </section>
+
+## Instructions
+<section id="instructions">在第一个网格中，使用带有<code>repeat</code> <code>auto-fill</code>以使用最小宽度为<code>60px</code>且最大为<code>1fr</code>列填充网格。然后调整预览大小以查看自动填充操作。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code>类应该具有<code>grid-template-columns</code>属性，其中包含<code>repeat</code>和<code>auto-fill</code> ，它将使用最小宽度为<code>60px</code>且最大为<code>1fr</code>列填充网格。
+    testString: '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), "<code>container</code> class should have a <code>grid-template-columns</code> property with <code>repeat</code> and <code>auto-fill</code> that will fill the grid with columns that have a minimum width of <code>60px</code> and maximum of <code>1fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* change the code below this line */
+
+    grid-template-columns: repeat(3, minmax(60px, 1fr));
+
+    /* change the code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+
+  .container2 {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: Silver;
+    display: grid;
+    grid-template-columns: repeat(3, minmax(60px, 1fr));
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+<div class="container2">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.chinese.md
new file mode 100644
index 0000000000..1c543b3f3c
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.chinese.md
@@ -0,0 +1,96 @@
+---
+id: 5a94fe6269fb03452672e462
+title: Create Flexible Layouts Using auto-fit
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用自动调整创建灵活布局
+---
+
+## Description
+<section id="description"> <code>auto-fit</code>几乎与<code>auto-fill</code>相同。唯一的区别是，当容器的大小超过所有项目组合的大小时， <code>auto-fill</code>会继续插入空行或列并将项目推向一侧，而<code>auto-fit</code>折叠这些空行或列并将项目拉伸到适合容器的大小。 <strong>注意</strong> <br>如果您的容器无法将所有项目放在一行上，则会将它们移动到新行。 </section>
+
+## Instructions
+<section id="instructions">在第二个网格中，使用<code>auto-fit</code> <code>repeat</code>以使用最小宽度为<code>60px</code>且最大为<code>1fr</code>列填充网格。然后调整预览大小以查看差异。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container2</code>类应该具有<code>grid-template-columns</code>属性，该属性具有<code>repeat</code>和<code>auto-fit</code> ，它将使用最小宽度为<code>60px</code>且最大为<code>1fr</code>列填充网格。
+    testString: 'assert(code.match(/.container\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), "<code>container2</code> class should have a <code>grid-template-columns</code> property with <code>repeat</code> and <code>auto-fit</code> that will fill the grid with columns that have a minimum width of <code>60px</code> and maximum of <code>1fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: repeat( auto-fill, minmax(60px, 1fr));
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+
+  .container2 {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: Silver;
+    display: grid;
+    /* change the code below this line */
+
+    grid-template-columns: repeat(3, minmax(60px, 1fr));
+
+    /* change the code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+<div class="container2">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/create-grids-within-grids.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/create-grids-within-grids.chinese.md
new file mode 100644
index 0000000000..ae2e80a4d1
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/create-grids-within-grids.chinese.md
@@ -0,0 +1,108 @@
+---
+id: 5a94fe8569fb03452672e464
+title: Create Grids within Grids
+challengeType: 0
+videoUrl: ''
+localeTitle: 在网格中创建网格
+---
+
+## Description
+<section id="description">将元素转换为网格只会影响其直接后代的行为。因此，通过将直接后代转换为网格，您在网格中有一个网格。例如，通过使用<code>item3</code>类设置元素的<code>display</code>和<code>grid-template-columns</code>属性，可以在网格中创建网格。 </section>
+
+## Instructions
+<section id="instructions">使用<code>item3</code>类将元素转换为网格，其中两列的宽度为<code>auto</code> ， <code>1fr</code>使用<code>display</code>和<code>grid-template-columns</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>item3</code>类应该有一个<code>grid-template-columns</code>属性，其中<code>auto</code>和<code>1fr</code>作为值。
+    testString: 'assert(code.match(/.item3\s*?{[\s\S]*grid-template-columns\s*?:\s*?auto\s*?1fr\s*?;[\s\S]*}/gi), "<code>item3</code> class should have a <code>grid-template-columns</code> property with <code>auto</code> and <code>1fr</code> as values.");'
+  - text: <code>item3</code>类应该具有<code>grid</code>值的<code>display</code>属性。
+    testString: 'assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi), "<code>item3</code> class should have a <code>display</code> property with the value of <code>grid</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .container {
+    font-size: 1.5em;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: auto 1fr;
+    grid-template-rows: auto 1fr auto;
+    grid-gap: 10px;
+    grid-template-areas:
+      "advert header"
+      "advert content"
+      "advert footer";
+  }
+  .item1 {
+    background: LightSkyBlue;
+    grid-area: header;
+  }
+
+  .item2 {
+    background: LightSalmon;
+    grid-area: advert;
+  }
+
+  .item3 {
+    background: PaleTurquoise;
+    grid-area: content;
+    /* enter your code below this line */
+
+
+    /* enter your code above this line */
+  }
+
+  .item4 {
+    background: lightpink;
+    grid-area: footer;
+  }
+
+  .itemOne {
+    background: PaleGreen;
+  }
+
+  .itemTwo {
+    background: BlanchedAlmond;
+  }
+
+</style>
+
+<div class="container">
+  <div class="item1">header</div>
+  <div class="item2">advert</div>
+  <div class="item3">
+    <div class="itemOne">paragraph1</div>
+    <div class="itemTwo">paragraph2</div>
+  </div>
+  <div class="item4">footer</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/create-your-first-css-grid.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/create-your-first-css-grid.chinese.md
new file mode 100644
index 0000000000..807922e7a0
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/create-your-first-css-grid.chinese.md
@@ -0,0 +1,73 @@
+---
+id: 5a858944d96184f06fd60d61
+title: Create Your First CSS Grid
+challengeType: 0
+videoUrl: ''
+localeTitle: 创建您的第一个CSS网格
+---
+
+## Description
+<section id="description">通过它的设置可以将任何HTML元素成格子容器<code>display</code>属性设置为<code>grid</code> 。这使您能够使用与CSS Grid关联的所有其他属性。 <strong>注意</strong> <br>在CSS Grid中，父元素称为<dfn>容器</dfn> ，其子元素称为<dfn>item</dfn> 。 </section>
+
+## Instructions
+<section id="instructions">将<code>container</code>类的div显示更改为<code>grid</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code>类应该具有值为<code>grid</code>的<code>display</code>属性。
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>display</code> property with a value of <code>grid</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.chinese.md
new file mode 100644
index 0000000000..4d129509c1
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.chinese.md
@@ -0,0 +1,81 @@
+---
+id: 5a94fe0569fb03452672e45c
+title: Divide the Grid Into an Area Template
+challengeType: 0
+videoUrl: ''
+localeTitle: 将网格划分为区域模板
+---
+
+## Description
+<section id="description">您可以将网格的单元格组合到一个<dfn>区域中，</dfn>并为该区域指定自定义名称。通过在容器上使用<code>grid-template-areas</code>来执行此操作，如下所示： <blockquote>网格模板方面： <br> “标题标题” <br> “广告内容内容” <br> “页脚页脚”; </blockquote>上面的代码将前三个单元格合并为一个名为<code>header</code>的区域，将底部的三个单元格合并为一个<code>footer</code>区域，并在中间行中生成两个区域; <code>advert</code>和<code>content</code> 。 <strong>注意</strong> <br>代码中的每个单词代表一个单元格，每对引号代表一行。除自定义标签外，您还可以使用句点（ <code>.</code> ）指定网格中的空单元格。 </section>
+
+## Instructions
+<section id="instructions">放置区域模板，以便标记为<code>advert</code>的单元格变为空单元格。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code>类应该具有类似于预览但具有的<code>grid-template-areas</code>属性<code>.</code>而不是<code>advert</code>区域。
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?"\s*?header\s*?header\s*?header\s*?"\s*?"\s*?.\s*?content\s*?content\s*?"\s*?"\s*?footer\s*?footer\s*?footer\s*?"\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-areas</code> propertiy similar to the preview but has <code>.</code> instead of the <code>advert</code> area.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    /* change code below this line */
+
+    grid-template-areas:
+      "header header header"
+      "advert content content"
+      "footer footer footer";
+    /* change code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.chinese.md
new file mode 100644
index 0000000000..c43a910ab6
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.chinese.md
@@ -0,0 +1,78 @@
+---
+id: 5a94fe4469fb03452672e460
+title: Limit Item Size Using the minmax Function
+challengeType: 0
+videoUrl: ''
+localeTitle: 限制项目大小使用minmax功能
+---
+
+## Description
+<section id="description">还有另一个内置函数可用于<code>grid-template-columns</code>和<code>grid-template-rows</code>称为<code>minmax</code> 。当网格容器改变大小时，它用于限制项目的大小。为此，您需要指定项目的可接受尺寸范围。这是一个例子： <blockquote> grid-template-columns：100px minmax（50px，200px）; </blockquote>在上面的代码中， <code>grid-template-columns</code>设置为创建两列;第一个是100px宽，第二个是最小宽度50px，最大宽度是200px。 </section>
+
+## Instructions
+<section id="instructions">使用<code>minmax</code>函数，将<code>repeat</code>函数中的<code>1fr</code>替换为最小宽度为<code>90px</code>且最大宽度为<code>1fr</code>的列大小，并调整预览面板的大小以查看效果。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code>类应具有<code>grid-template-columns</code>属性，该属性设置为重复3列，最小宽度为<code>90px</code> ，最大宽度为<code>1fr</code> 。
+    testString: '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), "<code>container</code> class should have a <code>grid-template-columns</code> property that is set to repeat 3 columns with the minimum width of <code>90px</code> and maximum width of <code>1fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* change the code below this line */
+
+    grid-template-columns: repeat(3, 1fr);
+
+    /* change the code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.chinese.md
new file mode 100644
index 0000000000..cafc3b04ef
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.chinese.md
@@ -0,0 +1,85 @@
+---
+id: 5a94fe1369fb03452672e45d
+title: Place Items in Grid Areas Using the grid-area Property
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用网格区域属性在网格区域中放置项目
+---
+
+## Description
+<section id="description">为网格容器创建区域模板后，如上一个挑战所示，您可以通过引用您提供的名称将项目放入自定义区域。为此，您可以在项目上使用<code>grid-area</code>属性，如下所示： <blockquote> .item1 {grid-area：header; } </blockquote>这使网格知道您希望<code>item1</code>类进入名为<code>header</code>的区域。在这种情况下，该项将使用整个顶行，因为整行被命名为标题区域。 </section>
+
+## Instructions
+<section id="instructions">使用<code>grid-area</code>属性将具有<code>item5</code>类的元素放置在<code>footer</code>区域中。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>item5</code>类应该有一个<code>grid-area</code>属性，其值为<code>footer</code> 。
+    testString: 'assert(code.match(/.item5\s*?{[\s\S]*grid-area\s*?:\s*?footer\s*?;[\s\S]*}/gi), "<code>item5</code> class should have a <code>grid-area</code> property that has the value of <code>footer</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    grid-template-areas:
+      "header header header"
+      "advert content content"
+      "footer footer footer";
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.chinese.md
new file mode 100644
index 0000000000..6ac680e61f
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.chinese.md
@@ -0,0 +1,78 @@
+---
+id: 5a94fe3669fb03452672e45f
+title: Reduce Repetition Using the repeat Function
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用重复功能减少重复
+---
+
+## Description
+<section id="description">使用<code>grid-template-columns</code>和<code>grid-template-rows</code>定义网格结构时，为所创建的每个行或列输入了一个值。让我们说你想要一个100行相同高度的网格。单独插入100个值是不太实际的。幸运的是，有一种更好的方法 - 使用<code>repeat</code>函数指定要重复列或行的次数，后跟逗号和要重复的值。这是一个创建100行网格的示例，每行高度为50px。 <blockquote> grid-template-rows：repeat（100,50px）; </blockquote>您还可以使用repeat函数重复多个值，并在定义网格结构时将该函数插入其他值中。这就是我的意思： <blockquote> grid-template-columns：repeat（2,1fr 50px）20px; </blockquote>这意味着： <blockquote> grid-template-columns：1fr 50px 1fr 50px 20px; </blockquote> <strong>注意</strong> <br> <code>1fr 50px</code>重复两次，然后是20px。 </section>
+
+## Instructions
+<section id="instructions">使用<code>repeat</code>从<code>grid-template-columns</code>属性中删除重复。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code>类应具有<code>grid-template-columns</code>属性，该属性设置为重复3列，宽度为<code>1fr</code> 。
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?1fr\s*?\)\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-columns</code> property that is set to repeat 3 columns with the width of <code>1fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* change the code below this line */
+
+    grid-template-columns: 1fr 1fr 1fr;
+
+    /* change the code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.chinese.md
new file mode 100644
index 0000000000..6ecf283c26
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.chinese.md
@@ -0,0 +1,76 @@
+---
+id: 5a9036ee38fddaf9a66b5d34
+title: Use CSS Grid units to Change the Size of Columns and Rows
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用CSS网格单位更改列和行的大小
+---
+
+## Description
+<section id="description">您可以在CSS Grid中使用绝对和相对单位（如<code>px</code>和<code>em</code>来定义行和列的大小。您也可以使用这些： <code>fr</code> ：将列或行设置为可用空间的一小部分， <code>auto</code> ： <code>auto</code>将列或行设置为其内容的宽度或高度， <code>%</code> ：将列或行调整为百分比宽度它的容器。这是在预览中生成输出的代码： <blockquote> grid-template-columns：auto 50px 10％2fr 1fr; </blockquote>此代码段创建了五列。第一列与其内容一样宽，第二列是50px，第三列是其容器的10％，最后两列;剩下的空间分为三个部分，两个分配给第四列，一个分配给第五个。 </section>
+
+## Instructions
+<section id="instructions">创建一个包含三列的网格，其宽度如下：1fr，100px和2fr。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>container</code>类应该有一个<code>grid-template-columns</code>属性，该属性有三列，宽度如下： <code>1fr, 100px, and 2fr</code> 。'
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?1fr\s*?100px\s*?2fr\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-columns</code> property that has three columns with the following widths: <code>1fr, 100px, and 2fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* modify the code below this line */
+
+    grid-template-columns: auto 50px 10% 2fr 1fr;
+
+    /* modify the code above this line */
+    grid-template-rows: 50px 50px;
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.chinese.md
new file mode 100644
index 0000000000..c6d4eaa61b
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.chinese.md
@@ -0,0 +1,81 @@
+---
+id: 5a94fe2669fb03452672e45e
+title: Use grid-area Without Creating an Areas Template
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用网格区域而不创建区域模板
+---
+
+## Description
+<section id="description">您在上一次挑战中学习的<code>grid-area</code>属性可以以其他方式使用。如果您的网格没有要引用的区域模板，您可以动态创建一个区域，以便放置项目，如下所示： <blockquote> item1 {grid-area：1/1/2/4; } </blockquote>这是使用您之前了解的行号来定义此项目的区域。上例中的数字代表以下值： <blockquote>网格区域：水平线开始于/垂直线开始于/水平线结束于/垂直线结束于; </blockquote>因此，示例中的项目将使用第1行和第2行之间的行以及第1行和第4行之间的行。 </section>
+
+## Instructions
+<section id="instructions">使用<code>grid-area</code>属性，将<code>item5</code>类的元素<code>item5</code>第三和第四条水平线之间以及第一条和第四条垂直线之间。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>item5</code>类应该具有值为<code>3/1/4/4</code>的<code>grid-area</code>属性。
+    testString: '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), "<code>item5</code> class should have a <code>grid-area</code> property that has the value of <code>3/1/4/4</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.chinese.md
new file mode 100644
index 0000000000..354c2bca90
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.chinese.md
@@ -0,0 +1,81 @@
+---
+id: 5a90372638fddaf9a66b5d38
+title: Use grid-column to Control Spacing
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用grid-column控制间距
+---
+
+## Description
+<section id="description">到目前为止，所讨论的所有属性都是针对网格容器的。 <code>grid-column</code>属性是第一个用于网格项本身的属性。创建网格的假设水平和垂直线称为<dfn>线</dfn> 。这些线在网格的左上角从1开始编号，向右移动列，向下移动行，向上计数。这就是3x3网格的线条： <div style="position:relative;margin:auto;background:Gainsboro;display:block;margin-top:100px;margin-bottom:50px;width:200px;height:200px;"><p style="left:25%;top:-30%;font-size:130%;position:absolute;color:RoyalBlue;">列线</p><p style="left:0%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;"> 1 </p><p style="left:30%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;"> 2 </p><p style="left:63%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;"> 3 </p><p style="left:95%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;"> 4 </p><p style="left:-40%;top:45%;font-size:130%;transform:rotateZ(-90deg);position:absolute;">行线</p><p style="left:-10%;top:-10%;font-size:130%;position:absolute;"> 1 </p><p style="left:-10%;top:21%;font-size:130%;position:absolute;"> 2 </p><p style="left:-10%;top:53%;font-size:130%;position:absolute;"> 3 </p><p style="left:-10%;top:85%;font-size:130%;position:absolute;"> 4 </p><div style="left:0%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;"></div><div style="left:31%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;"></div><div style="left:63%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;"></div><div style="left:95%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;"></div><div style="left:0%;top:0%;width:100%;height:5%;background:black;position:absolute;"></div><div style="left:0%;top:31%;width:100%;height:5%;background:black;position:absolute;"></div><div style="left:0%;top:63%;width:100%;height:5%;background:black;position:absolute;"></div><div style="left:0%;top:95%;width:100%;height:5%;background:black;position:absolute;"></div></div>要控制项目将使用的列数，您可以将<code>grid-column</code>属性与您希望项目开始和停止的行号一起使用。这是一个例子： <blockquote> grid-column：1/3; </blockquote>这将使项目从左侧网格的第一条垂直线开始，并跨越网格的第3条线，消耗两列。 </section>
+
+## Instructions
+<section id="instructions">使用类<code>item5</code>使项目消耗网格的最后两列。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>item5</code>类应该有一个<code>grid-column</code>具有的值属性<code>2 / 4</code>
+    testString: 'assert(code.match(/.item5\s*?{[\s\S]*grid-column\s*?:\s*?2\s*?\/\s*?4\s*?;[\s\S]*}/gi), "<code>item5</code> class should have a <code>grid-column</code> property that has the value of <code>2 / 4</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.chinese.md
new file mode 100644
index 0000000000..f1371fa853
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.chinese.md
@@ -0,0 +1,82 @@
+---
+id: 5a90373638fddaf9a66b5d39
+title: Use grid-row to Control Spacing
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用网格行控制间距
+---
+
+## Description
+<section id="description">当然，您可以像使用列一样使项目消耗多行。您可以使用网格项上的<code>grid-row</code>属性定义项目开始和停止的水平线。 </section>
+
+## Instructions
+<section id="instructions">使用<code>item5</code>类的元素消耗最后两行。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>item5</code>类应该有一个<code>grid-row</code>具有的值属性<code>2 / 4</code>
+    testString: 'assert(code.match(/.item5\s*?{[\s\S]*grid-row\s*?:\s*?2\s*?\/\s*?4\s*?;[\s\S]*}/gi), "<code>item5</code> class should have a <code>grid-row</code> property that has the value of <code>2 / 4</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    grid-column: 2 / 4;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.chinese.md
new file mode 100644
index 0000000000..5b32b8fa3c
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.chinese.md
@@ -0,0 +1,116 @@
+---
+id: 5a94fe7769fb03452672e463
+title: Use Media Queries to Create Responsive Layouts
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用媒体查询创建响应布局
+---
+
+## Description
+<section id="description">通过使用媒体查询重新排列网格区域，更改网格的尺寸以及重新排列项目的位置，CSS Grid可以轻松地使您的网站更具响应性。在预览中，当视口宽度为300px或更大时，列数从1变为2.广告区域然后完全占据左列。 </section>
+
+## Instructions
+<section id="instructions">当视口宽度为<code>400px</code>或更大时，使标题区域完全占据顶行，页脚区域完全占据底行。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 当视口为<code>400px</code>或更多时， <code>container</code>类应具有<code>grid-template-areas</code>属性，其中页脚和标题区域分别占据顶行和底行，而advert和content占据中间行的左右列。
+    testString: 'assert(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), "When the viewport is <code>400px</code> or more, <code>container</code> class should have a <code>grid-template-areas</code> property in which the footer and header areas occupy the top and bottom rows respectively and advert and content occupy the left and right columns of the middle row.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1 {
+    background: LightSkyBlue;
+    grid-area: header;
+  }
+
+  .item2 {
+    background: LightSalmon;
+    grid-area: advert;
+  }
+
+  .item3 {
+    background: PaleTurquoise;
+    grid-area: content;
+  }
+
+  .item4 {
+    background: lightpink;
+    grid-area: footer;
+  }
+
+  .container {
+    font-size: 1.5em;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: 50px auto 1fr auto;
+    grid-gap: 10px;
+    grid-template-areas:
+      "header"
+      "advert"
+      "content"
+      "footer";
+  }
+
+  @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";
+    }
+  }
+
+  @media (min-width: 400px){
+    .container{
+      /* change the code below this line */
+
+      grid-template-areas:
+        "advert header"
+        "advert content"
+        "advert footer";
+
+    /* change the code above this line */
+    }
+  }
+</style>
+
+<div class="container">
+  <div class="item1">header</div>
+  <div class="item2">advert</div>
+  <div class="item3">content</div>
+  <div class="item4">footer</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.chinese.md
new file mode 100644
index 0000000000..31d007ec2a
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.chinese.md
@@ -0,0 +1,60 @@
+---
+id: 587d78b0367417b2b2512b08
+title: Create a Media Query
+challengeType: 0
+videoUrl: ''
+localeTitle: 创建媒体查询
+---
+
+## Description
+<section id="description">媒体查询是CSS3中引入的一种新技术，它根据不同的视口大小更改内容的显示。视口是用户在网页上的可见区域，根据用于访问网站的设备而不同。媒体查询由媒体类型组成，如果该媒体类型与显示文档的设备类型匹配，则应用样式。您可以根据需要在媒体查询中包含尽可能多的选择器和样式。以下是媒体查询的示例，当设备的宽度小于或等于100px时返回内容： <code>@media (max-width: 100px) { /* CSS Rules */ }</code>并且以下媒体查询返回内容时设备的高度大于或等于350px： <code>@media (min-height: 350px) { /* CSS Rules */ }</code>请记住，仅当媒体类型与正在使用的设备的媒体类型匹配时，才应用媒体查询中的CSS。 </section>
+
+## Instructions
+<section id="instructions">添加媒体查询，以便当设备的高度小于或等于800px时， <code>p</code>标签的<code>font-size</code>为10px。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 当设备<code>height</code>小于或等于800px时，您的<code>p</code>元素的<code>font-size</code>为10px。
+    testString: 'assert($("p").css("font-size") == "10px", "Your <code>p</code> element should have the <code>font-size</code> of 10px when the device <code>height</code> is less than or equal to 800px.");'
+  - text: 为<code>height</code>小于或等于800px的设备声明<code>@media</code>查询。
+    testString: 'assert(code.match(/@media\s*?\(\s*?max-height\s*?:\s*?800px\s*?\)/g), "Declare a <code>@media</code> query for devices with a <code>height</code> less than or equal to 800px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  p {
+    font-size: 20px;
+  }
+
+  /* Add media query below */
+
+</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>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.chinese.md
new file mode 100644
index 0000000000..4a912dbcd3
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.chinese.md
@@ -0,0 +1,57 @@
+---
+id: 587d78b1367417b2b2512b09
+title: Make an Image Responsive
+challengeType: 0
+videoUrl: ''
+localeTitle: 使图像响应
+---
+
+## Description
+<section id="description">使用CSS响应图像实际上非常简单。而不是对元素应用绝对宽度： <code>img { width: 720px; }</code>您可以使用： <blockquote> img { <br>最大宽度：100％; <br>显示：块; <br>身高：自动; <br> } </blockquote> 100％的<code>max-width</code>属性会缩放图像以适合其容器的宽度，但图像的拉伸宽度不会超过其原始宽度。将<code>display</code>属性设置为block会将图像从内联元素（默认值）更改为其自身行上的块元素。 auto的<code>height</code>属性保持图像的原始宽高比。 </section>
+
+## Instructions
+<section id="instructions">添加<code>img</code>标记的样式规则，使其响应其容器的大小。它应该显示为块级元素，它应该适合其容器的整个宽度而不拉伸，并且它应该保持其原始的宽高比。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>img</code>标记的<code>max-width</code>设置为100％。
+    testString: 'assert(code.match(/max-width:\s*?100%;/g), "Your <code>img</code> tag should have a <code>max-width</code> set to 100%.");'
+  - text: 你的<code>img</code>标签应该有一个<code>display</code>设置阻止。
+    testString: 'assert($("img").css("display") == "block", "Your <code>img</code> tag should have a <code>display</code> set to block.");'
+  - text: 你的<code>img</code>标签的<code>height</code>应该设置为auto。
+    testString: 'assert(code.match(/height:\s*?auto;/g), "Your <code>img</code> tag should have a <code>height</code> set to auto.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+</style>
+
+<img src="https://s3.amazonaws.com/freecodecamp/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.chinese.md
new file mode 100644
index 0000000000..aba9c7ef62
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.chinese.md
@@ -0,0 +1,56 @@
+---
+id: 587d78b1367417b2b2512b0c
+title: Make Typography Responsive
+challengeType: 0
+videoUrl: ''
+localeTitle: 使排版响应
+---
+
+## Description
+<section id="description">您可以使用视口单元进行响应式排版，而不是使用<code>em</code>或<code>px</code>来调整文本大小。视口单位（如百分比）是相对单位，但它们基于不同的项目。视口单元相对于设备的视口尺寸（宽度或高度），百分比相对于父容器元素的大小。四个不同的视口单元是： <ul><li> <code>vw: 10vw</code>将是视口宽度的10％。 </li><li> <code>vh: 3vh</code>将是视口高度的3％。 </li><li> <code>vmin: 70vmin</code>将是视口较小尺寸（高度与宽度）的70％。 </li><li> <code>vmax: 100vmax</code>将是视口较大尺寸（高度与宽度）的100％。 </li></ul></section>
+
+## Instructions
+<section id="instructions">将<code>h2</code>标记的<code>width</code>设置为视口宽度的80％，将段落的<code>width</code>设置为视口较小尺寸的75％。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>h2</code>标签应该有80vw的<code>width</code> 。
+    testString: 'assert(code.match(/h2\s*?{\s*?width:\s*?80vw;\s*?}/g), "Your <code>h2</code> tag should have a <code>width</code> of 80vw.");'
+  - text: 你的<code>p</code>标签应该有75vmin的<code>width</code> 。
+    testString: 'assert(code.match(/p\s*?{\s*?width:\s*?75vmin;\s*?}/g), "Your <code>p</code> tag should have a <code>width</code> of 75vmin.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+</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>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.chinese.md
new file mode 100644
index 0000000000..de496d58a7
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 587d78b1367417b2b2512b0a
+title: Use a Retina Image for Higher Resolution Displays
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用Retina图像获得更高分辨率的显示
+---
+
+## Description
+<section id="description">使图像显示为“视网膜”（并为视网膜显示进行优化）的最简单方法是将其<code>width</code>和<code>height</code>值定义为原始文件的一半。以下是仅使用原始高度和宽度的一半的图像示例： <blockquote> &lt;风格&gt; <br> img {身高：250px;宽度：250px; } <br> &lt;/样式&gt; <br> &lt;img src =“coolPic500x500”alt =“最精彩的图片”&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions">将<code>img</code>标记的<code>width</code>和<code>height</code>设置为原始值的一半。在这种情况下，原始<code>height</code>和原始<code>width</code>都是200px。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>img</code>标签应该有100像素的<code>width</code> 。
+    testString: 'assert($("img").css("width") == "100px", "Your <code>img</code> tag should have a <code>width</code> of 100 pixels.");'
+  - text: 你的<code>img</code>标签应该有100像素的<code>height</code> 。
+    testString: 'assert($("img").css("height") == "100px", "Your <code>img</code> tag should have a <code>height</code> of 100 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+</style>
+
+<img src="https://s3.amazonaws.com/freecodecamp/FCCStickers-CamperBot200x200.jpg" alt="freeCodeCamp sticker that says 'Because CamperBot Cares'">
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.chinese.md
new file mode 100644
index 0000000000..224a616246
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c242eddfaeb5bd13
+title: Build a Personal Portfolio Webpage
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: 建立个人投资组合网页
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/zNBOYG" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/zNBOYG</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript和CSS来完成此项目。建议使用纯CSS，因为这是迄今为止所涵盖的课程，您应该使用纯CSS进行一些练习。如果您愿意，可以使用Bootstrap或SASS。此项目不建议使用其他技术（例如jQuery，React，Angular或Vue），使用它们需要您自担风险。其他项目将使您有机会使用不同的技术堆栈，如React。我们将接受并尝试修复所有使用建议的技术堆栈的问题报告。快乐的编码！ <strong>用户故事＃1：</strong>我的投资组合应该有一个欢迎部分，其ID为<code>welcome-section</code> 。 <strong>用户故事＃2：</strong>欢迎部分应该包含一个包含文本的<code>h1</code>元素。 <strong>用户故事＃3：</strong>我的投资组合应该有一个项目ID为id的<code>projects</code> 。 <strong>用户故事＃4：</strong>项目部分应至少包含一个带有<code>project-tile</code>类的元素来保存项目。 <strong>用户故事＃5：</strong>项目部分应至少包含一个项目链接。 <strong>用户故事＃6：</strong>我的投资组合应该有一个id为<code>navbar</code> 。 <strong>用户故事＃7：</strong>导航栏应至少包含一个链接，我可以单击该链接导航到页面的不同部分。 <strong>用户故事＃8：</strong>我的投资组合应该有一个id <code>profile-link</code> ，它会在新标签中打开我的GitHub或FCC个人资料。 <strong>用户故事＃9：</strong>我的投资组合应该至少有一个媒体查询。 <strong>用户故事＃10：</strong>欢迎部分的高度应等于视口的高度。 <strong>用户故事＃11：</strong>导航栏应始终位于视口的顶部。您可以通过分叉<a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.chinese.md
new file mode 100644
index 0000000000..e11fe1c382
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.chinese.md
@@ -0,0 +1,38 @@
+---
+id: 587d78af367417b2b2512b04
+title: Build a Product Landing Page
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: 建立产品登陆页面
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/RKRbwL" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/RKRbwL</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript和CSS来完成此项目。建议使用纯CSS，因为这是迄今为止所涵盖的课程，您应该使用纯CSS进行一些练习。如果您愿意，可以使用Bootstrap或SASS。此项目不建议使用其他技术（例如jQuery，React，Angular或Vue），使用它们需要您自担风险。其他项目将使您有机会使用不同的技术堆栈，如React。我们将接受并尝试修复所有使用建议的技术堆栈的问题报告。快乐的编码！ <strong>用户故事＃1：</strong>我的产品登录页面应该有一个带有相应<code>id=&quot;header&quot;</code>的<code>header</code>元素。 <strong>用户故事＃2：</strong>我可以在<code>header</code>元素中看到一个带有相应<code>id=&quot;header-img&quot;</code> 。公司徽标会在这里形成良好的形象。 <strong>用户故事＃3：</strong>在<code>#header</code>元素中，我可以看到一个带有相应<code>id=&quot;nav-bar&quot;</code>的<code>nav</code>元素。 <strong>用户故事＃4：</strong>我可以在<code>nav</code>元素中看到至少三个可点击的元素，每个元素都有一个<code>nav-link</code>类。 <strong>用户故事＃5：</strong>当我点击<code>nav</code>元素中的<code>.nav-link</code>按钮时，我将被带到目标网页的相应部分。 <strong>用户故事＃6：</strong>我可以观看<code>id=&quot;video&quot;</code>的嵌入式产品视频。 <strong>用户故事＃7：</strong>我的目标网页有一个<code>form</code>元素，其对应的<code>id=&quot;form&quot;</code> 。 <strong>用户故事＃8：</strong>在表单中，有一个<code>id=&quot;email&quot;</code>的<code>input</code>字段，我可以在其中输入电子邮件地址。 <strong>用户故事＃9：</strong> <code>#email</code>输入字段应该有占位符文本，让用户知道该字段的用途。 <strong>用户故事＃10：</strong> <code>#email</code>输入字段使用HTML5验证来确认输入的文本是电子邮件地址。 <strong>用户故事＃11：</strong>在表单中，有一个提交<code>input</code> ，其对应的<code>id=&quot;submit&quot;</code> 。 <strong>用户故事＃12：</strong>当我单击<code>#submit</code>元素时，电子邮件将被提交到静态页面（使用此模拟URL： <a href="https://www.freecodecamp.com/email-submit" target="_blank">https</a> ： <code>#submit</code> ），确认已输入电子邮件地址，并且它发布成功。 <strong>用户故事＃13：</strong>导航栏应始终位于视口的顶部。 <strong>用户故事＃14：</strong>我的产品登录页面应至少有一个媒体查询。 <strong>用户故事＃15：</strong>我的产品登陆页面应至少使用一次CSS flexbox。您可以通过分叉<a href="http://codepen.io/freeCodeCamp/full/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.chinese.md
new file mode 100644
index 0000000000..70dd46cbdc
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.chinese.md
@@ -0,0 +1,38 @@
+---
+id: 587d78af367417b2b2512b03
+title: Build a Survey Form
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: 建立调查表格
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/VPaoNP" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/VPaoNP</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript和CSS来完成此项目。建议使用纯CSS，因为这是迄今为止所涵盖的课程，您应该使用纯CSS进行一些练习。如果您愿意，可以使用Bootstrap或SASS。此项目不建议使用其他技术（例如jQuery，React，Angular或Vue），使用它们需要您自担风险。其他项目将使您有机会使用不同的技术堆栈，如React。我们将接受并尝试修复所有使用建议的技术堆栈的问题报告。快乐的编码！ <strong>用户故事＃1：</strong>我可以在H1大小的文本中看到<code>id=&quot;title&quot;</code> 。 <strong>用户故事＃2：</strong>我可以在P大小的文本中看到<code>id=&quot;description&quot;</code>的简短说明。 <strong>用户故事＃3：</strong>我可以看到一个<code>form</code>与<code>id=&quot;survey-form&quot;</code> 。 <strong>用户故事＃4：</strong>在表单元素中，我需要在<code>id=&quot;name&quot;</code>的字段中输入我的名字。 <strong>用户故事＃5：</strong>在表单元素中，我需要在<code>id=&quot;email&quot;</code>的字段中输入<code>id=&quot;email&quot;</code> 。 <strong>用户故事＃6：</strong>如果我输入的格式不正确的电子邮件，我将看到HTML5验证错误。 <strong>用户故事＃7：</strong>在表单中，我可以在<code>id=&quot;number&quot;</code>的字段中输入一个数字。 <strong>用户故事＃8：</strong>如果我在数字输入中输入非数字，我将看到HTML5验证错误。 <strong>用户故事＃9：</strong>如果我输入数字输入范围之外的数字（由<code>min</code>和<code>max</code>属性定义），我将看到HTML5验证错误。 <strong>用户故事＃10：</strong>对于表单中的名称，电子邮件和数字输入字段，我可以看到使用以下ID描述每个字段用途的相应标签： <code>id=&quot;name-label&quot;</code> ， <code>id=&quot;email-label&quot;</code> ，和<code>id=&quot;number-label&quot;</code> 。 <strong>用户故事＃11：</strong>对于名称，电子邮件和数字输入字段，我可以看到占位符文本，它为我提供了每个字段的说明或说明。 <strong>用户故事＃12：</strong>在表单元素中，我可以从下拉列表中选择一个具有相应<code>id=&quot;dropdown&quot;</code> 。 <strong>用户故事＃13：</strong>在表单元素中，我可以从一组或多组单选按钮中选择一个字段。应使用<code>name</code>属性对每个组进行分组。 <strong>用户故事＃14：</strong>在表单元素中，我可以从一系列复选框中选择几个字段，每个复选框都必须具有<code>value</code>属性。 <strong>用户故事＃15：</strong>在表单元素中，我最后会看到一个<code>textarea</code>以获取其他评论。 <strong>用户故事＃16：</strong>在表单元素中，我看到一个<code>id=&quot;submit&quot;</code>的按钮，以提交我的所有输入。您可以通过分叉<a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.chinese.md
new file mode 100644
index 0000000000..6d557e2e0f
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.chinese.md
@@ -0,0 +1,38 @@
+---
+id: 587d78b0367417b2b2512b05
+title: Build a Technical Documentation Page
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: 建立技术文档页面
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/NdrKKL" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/NdrKKL</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript和CSS来完成此项目。建议使用纯CSS，因为这是迄今为止所涵盖的课程，您应该使用纯CSS进行一些练习。如果您愿意，可以使用Bootstrap或SASS。此项目不建议使用其他技术（例如jQuery，React，Angular或Vue），使用它们需要您自担风险。其他项目将使您有机会使用不同的技术堆栈，如React。我们将接受并尝试修复所有使用建议的技术堆栈的问题报告。快乐的编码！ <strong>用户故事＃1：</strong>我可以看到一个<code>main</code>元素，其中包含相应的<code>id=&quot;main-doc&quot;</code> ，其中包含页面的主要内容（技术文档）。 <strong>用户故事＃2：</strong>在<code>#main-doc</code>元素中，我可以看到几个<code>section</code>元素，每个元素都有一个<code>main-section</code>类。应该至少为5. <strong>用户故事＃3：</strong>每个<code>.main-section</code>的第一个元素应该是一个<code>header</code>元素，其中包含描述该部分主题的文本。 <strong>用户故事＃4：</strong>每个具有<code>main-section</code>类的<code>section</code>元素也应该具有与其中包含的每个<code>header</code>文本对应的id。任何空格应用下划线被替换（例如该<code>section</code>包含报头“JavaScript和Java”应具有相应的<code>id=&quot;Javascript_and_Java&quot;</code> ）。 <strong>用户故事＃5：</strong> <code>.main-section</code>元素应至少包含10个<code>p</code>元素（不是每个元素）。 <strong>用户故事＃6：</strong> <code>.main-section</code>元素应至少包含5个<code>code</code>元素（不是每个）。 <strong>用户故事＃7：</strong> <code>.main-section</code>元素应至少包含5个<code>li</code>项（不是每个）。 <strong>用户故事＃8：</strong>我可以看到一个带有相应<code>id=&quot;navbar&quot;</code>的<code>nav</code>元素。 <strong>用户故事＃9：</strong> navbar元素应包含一个<code>header</code>元素，其中包含描述技术文档主题的文本。 <strong>用户故事＃10：</strong>此外，导航栏应包含带有<code>nav-link</code>类的链接（ <code>a</code> ）元素。对于具有类<code>main-section</code>每个元素，应该有一个。 <strong>用户故事＃11：</strong>导航栏中的<code>header</code>元素必须位于导航栏中的任何链接（ <code>a</code> ）元素之前。 <strong>用户故事＃12：</strong>每个带有<code>nav-link</code>类的元素都应该包含与每个<code>section</code>的<code>header</code>文本相对应的文本（例如，如果你有一个“Hello world”部分/标题，你的导航栏应该有一个包含文本的元素“你好，世界”）。 <strong>用户故事＃13：</strong>当我点击导航栏元素时，页面应该导航到<code>main-doc</code>元素的相应部分（例如，如果我点击包含文本“Hello world”的<code>nav-link</code>元素，页面导航到一个<code>section</code> ，其具有ID和包含相应的元件<code>header</code> <strong>用户故事＃14：</strong>在正常尺寸的设备（笔记本电脑，台式机），与元件<code>id=&quot;navbar&quot;</code>应该被显示在屏幕的左侧，应始终用户可以看到<strong>用户故事＃15：</strong>我的技术文档页面应至少使用一个媒体查询。您可以通过分叉<a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给工作项目并通过所有测试。请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a>方法，如果你卡住了。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.chinese.md
new file mode 100644
index 0000000000..e708d06419
--- /dev/null
+++ b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd18
+title: Build a Tribute Page
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: 建立致敬页面
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/zNqgVx" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/zNqgVx</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript和CSS来完成此项目。建议使用纯CSS，因为这是迄今为止所涵盖的课程，您应该使用纯CSS进行一些练习。如果您愿意，可以使用Bootstrap或SASS。此项目不建议使用其他技术（例如jQuery，React，Angular或Vue），使用它们需要您自担风险。其他项目将使您有机会使用不同的技术堆栈，如React。我们将接受并尝试修复所有使用建议的技术堆栈的问题报告。快乐的编码！ <strong>用户故事＃1：</strong>我的致敬页面应该有一个对应<code>id=&quot;main&quot;</code>元素，其中包含所有其他元素。 <strong>用户故事＃2：</strong>我应该看到一个具有相应<code>id=&quot;title&quot;</code>的元素，其中包含描述贡品页面主题的字符串（即文本）（例如“Dr. Norman Borlaug”）。 <strong>用户故事＃3：</strong>我应该看到一个带有对应<code>id=&quot;img-div&quot;</code>的<code>div</code>元素。 <strong>用户故事＃4：</strong>在<code>img-div</code>元素中，我应该看到一个带有相应<code>id=&quot;image&quot;</code>的<code>img</code>元素。 <strong>用户故事＃5：</strong>在<code>img-div</code>元素中，我应该看到一个元素具有相应的<code>id=&quot;img-caption&quot;</code> ，其中包含描述<code>img-div</code>显示的图像的文本内容。 <strong>用户故事＃6：</strong>我应该看到一个带有相应<code>id=&quot;tribute-info&quot;</code>的元素，其中包含描述贡品页面主题的文本内容。 <strong>用户故事＃7：</strong>我应该看到一个带有相应<code>id=&quot;tribute-link&quot;</code> <code>a</code>元素， <code>a</code>元素链接到一个外部网站，其中包含有关致敬页面主题的其他信息。提示：您必须为元素提供<code>target</code>属性并将其设置为<code>_blank</code> ，以便在新选项卡中打开链接（即<code>target=&quot;_blank&quot;</code> ）。 <strong>用户故事＃8：</strong> <code>img</code>元素应相对于其父元素的宽度响应地调整大小，而不超过其原始大小。 <strong>用户故事＃9：</strong> <code>img</code>元素应该在其父元素中居中。您可以通过分叉<a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> 。完成后，将URL提交到工作项目，并传递所有测试。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/boo-who.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/boo-who.chinese.md
new file mode 100644
index 0000000000..8493f163a9
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/boo-who.chinese.md
@@ -0,0 +1,74 @@
+---
+id: a77dbc43c33f39daa4429b4f
+title: Boo who
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 嘘谁
+---
+
+## Description
+<section id="description">检查值是否归类为布尔基元。返回true或false。布尔基元是true和false。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>booWho(true)</code>应该返回true。
+    testString: 'assert.strictEqual(booWho(true), true, "<code>booWho(true)</code> should return true.");'
+  - text: <code>booWho(false)</code>应该返回true。
+    testString: 'assert.strictEqual(booWho(false), true, "<code>booWho(false)</code> should return true.");'
+  - text: '<code>booWho([1, 2, 3])</code>应该返回false。'
+    testString: 'assert.strictEqual(booWho([1, 2, 3]), false, "<code>booWho([1, 2, 3])</code> should return false.");'
+  - text: '<code>booWho([].slice)</code>应该返回false。'
+    testString: 'assert.strictEqual(booWho([].slice), false, "<code>booWho([].slice)</code> should return false.");'
+  - text: '<code>booWho({ &quot;a&quot;: 1 })</code>应该返回false。'
+    testString: 'assert.strictEqual(booWho({ "a": 1 }), false, "<code>booWho({ "a": 1 })</code> should return false.");'
+  - text: <code>booWho(1)</code>应该返回false。
+    testString: 'assert.strictEqual(booWho(1), false, "<code>booWho(1)</code> should return false.");'
+  - text: <code>booWho(NaN)</code>应该返回false。
+    testString: 'assert.strictEqual(booWho(NaN), false, "<code>booWho(NaN)</code> should return false.");'
+  - text: <code>booWho(&quot;a&quot;)</code>应该返回false。
+    testString: 'assert.strictEqual(booWho("a"), false, "<code>booWho("a")</code> should return false.");'
+  - text: <code>booWho(&quot;true&quot;)</code>应该返回false。
+    testString: 'assert.strictEqual(booWho("true"), false, "<code>booWho("true")</code> should return false.");'
+  - text: <code>booWho(&quot;false&quot;)</code>应该返回false。
+    testString: 'assert.strictEqual(booWho("false"), false, "<code>booWho("false")</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function booWho(bool) {
+  // What is the new fad diet for ghost developers? The Boolean.
+  return bool;
+}
+
+booWho(null);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/chunky-monkey.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/chunky-monkey.chinese.md
new file mode 100644
index 0000000000..c24b34778a
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/chunky-monkey.chinese.md
@@ -0,0 +1,68 @@
+---
+id: a9bd25c716030ec90084d8a1
+title: Chunky Monkey
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 矮胖的猴子
+---
+
+## Description
+<section id="description">编写一个函数，将数组（第一个参数）拆分为<code>size</code>的长度（第二个参数），并将它们作为二维数组返回。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>chunkArrayInGroups([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;], 2)</code>应返回<code>[[&quot;a&quot;, &quot;b&quot;], [&quot;c&quot;, &quot;d&quot;]]</code> 。'
+    testString: 'assert.deepEqual(chunkArrayInGroups(["a", "b", "c", "d"], 2), [["a", "b"], ["c", "d"]], "<code>chunkArrayInGroups(["a", "b", "c", "d"], 2)</code> should return <code>[["a", "b"], ["c", "d"]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 3)</code>应返回<code>[[0, 1, 2], [3, 4, 5]]</code> 。'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5], 3), [[0, 1, 2], [3, 4, 5]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 3)</code> should return <code>[[0, 1, 2], [3, 4, 5]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 2)</code>应返回<code>[[0, 1], [2, 3], [4, 5]]</code> 。'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5], 2), [[0, 1], [2, 3], [4, 5]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 2)</code> should return <code>[[0, 1], [2, 3], [4, 5]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 4)</code>应该返回<code>[[0, 1, 2, 3], [4, 5]]</code> 。'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5], 4), [[0, 1, 2, 3], [4, 5]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 4)</code> should return <code>[[0, 1, 2, 3], [4, 5]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6], 3)</code>应该返回<code>[[0, 1, 2], [3, 4, 5], [6]]</code> 。'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6], 3), [[0, 1, 2], [3, 4, 5], [6]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6], 3)</code> should return <code>[[0, 1, 2], [3, 4, 5], [6]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 4)</code>应返回<code>[[0, 1, 2, 3], [4, 5, 6, 7], [8]]</code> <code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 4)</code> <code>[[0, 1, 2, 3], [4, 5, 6, 7], [8]]</code> 。'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 4), [[0, 1, 2, 3], [4, 5, 6, 7], [8]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 4)</code> should return <code>[[0, 1, 2, 3], [4, 5, 6, 7], [8]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 2)</code>应返回<code>[[0, 1], [2, 3], [4, 5], [6, 7], [8]]</code> 。'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 2), [[0, 1], [2, 3], [4, 5], [6, 7], [8]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 2)</code> should return <code>[[0, 1], [2, 3], [4, 5], [6, 7], [8]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function chunkArrayInGroups(arr, size) {
+  // Break it up.
+  return arr;
+}
+
+chunkArrayInGroups(["a", "b", "c", "d"], 2);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/confirm-the-ending.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/confirm-the-ending.chinese.md
new file mode 100644
index 0000000000..c4429d86c0
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/confirm-the-ending.chinese.md
@@ -0,0 +1,77 @@
+---
+id: acda2fb1324d9b0fa741e6b5
+title: Confirm the Ending
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 确认结束
+---
+
+## Description
+<section id="description">检查字符串（第一个参数<code>str</code> ）是否以给定的目标字符串（第二个参数， <code>target</code> ）结束。这个挑战<em>可以</em>通过<code>.endsWith()</code>中引入的<code>.endsWith()</code>方法来解决。但是出于这个挑战的目的，我们希望您使用其中一个JavaScript子字符串方法。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>confirmEnding(&quot;Bastian&quot;, &quot;n&quot;)</code>应该返回true。'
+    testString: 'assert(confirmEnding("Bastian", "n") === true, "<code>confirmEnding("Bastian", "n")</code> should return true.");'
+  - text: '<code>confirmEnding(&quot;Congratulation&quot;, &quot;on&quot;)</code>应该返回true。'
+    testString: 'assert(confirmEnding("Congratulation", "on") === true, "<code>confirmEnding("Congratulation", "on")</code> should return true.");'
+  - text: '<code>confirmEnding(&quot;Connor&quot;, &quot;n&quot;)</code>应返回false。'
+    testString: 'assert(confirmEnding("Connor", "n") === false, "<code>confirmEnding("Connor", "n")</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;Walking on water and developing software from a specification are easy if both are frozen&quot;, &quot;specification&quot;)</code>应该返回false。'
+    testString: 'assert(confirmEnding("Walking on water and developing software from a specification are easy if both are frozen", "specification") === false, "<code>confirmEnding("Walking on water and developing software from a specification are easy if both are frozen"&#44; "specification"&#41;</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;He has to give me a new name&quot;, &quot;name&quot;)</code>应该返回true。'
+    testString: 'assert(confirmEnding("He has to give me a new name", "name") === true, "<code>confirmEnding("He has to give me a new name", "name")</code> should return true.");'
+  - text: '<code>confirmEnding(&quot;Open sesame&quot;, &quot;same&quot;)</code>应该返回true。'
+    testString: 'assert(confirmEnding("Open sesame", "same") === true, "<code>confirmEnding("Open sesame", "same")</code> should return true.");'
+  - text: '<code>confirmEnding(&quot;Open sesame&quot;, &quot;pen&quot;)</code>应该返回false。'
+    testString: 'assert(confirmEnding("Open sesame", "pen") === false, "<code>confirmEnding("Open sesame", "pen")</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;Open sesame&quot;, &quot;game&quot;)</code>应该返回false。'
+    testString: 'assert(confirmEnding("Open sesame", "game") === false, "<code>confirmEnding("Open sesame", "game")</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;If you want to save our world, you must hurry. We dont know how much longer we can withstand the nothing&quot;, &quot;mountain&quot;)</code>应该返回虚假。'
+    testString: 'assert(confirmEnding("If you want to save our world, you must hurry. We dont know how much longer we can withstand the nothing", "mountain") === false, "<code>confirmEnding("If you want to save our world, you must hurry. We dont know how much longer we can withstand the nothing", "mountain")</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;Abstraction&quot;, &quot;action&quot;)</code>应该返回true。'
+    testString: 'assert(confirmEnding("Abstraction", "action") === true, "<code>confirmEnding("Abstraction", "action")</code> should return true.");'
+  - text: 不要使用内置方法<code>.endsWith()</code>来解决挑战。
+    testString: 'assert(!(/\.endsWith\(.*?\)\s*?;?/.test(code)) && !(/\["endsWith"\]/.test(code)), "Do not use the built-in method <code>.endsWith()</code> to solve the challenge.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function confirmEnding(str, target) {
+  // "Never give up and good luck will find you."
+  // -- Falcor
+  return str;
+}
+
+confirmEnding("Bastian", "n");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/convert-celsius-to-fahrenheit.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/convert-celsius-to-fahrenheit.chinese.md
new file mode 100644
index 0000000000..ff1dcf6ee0
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/convert-celsius-to-fahrenheit.chinese.md
@@ -0,0 +1,66 @@
+---
+id: 56533eb9ac21ba0edf2244b3
+title: Convert Celsius to Fahrenheit
+challengeType: 1
+isRequired: true
+videoUrl: ''
+localeTitle: 将摄氏温度转换为华氏温度
+---
+
+## Description
+<section id="description">从摄氏温度转换为华氏温度的算法是以摄氏度乘以<code>9/5</code>的温度加上<code>32</code> 。您将获得一个可变<code>celsius</code>表示摄氏温度。使用已定义的变量<code>fahrenheit</code>温度，并将其指定为相当于给定摄氏温度的华氏温度。使用上面提到的算法帮助将摄氏温度转换为华氏温度。不要过多担心函数和返回语句，因为它们将在未来的挑战中涵盖。目前，只使用您已经学过的运算符。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>convertToF(0)</code>应该返回一个数字
+    testString: 'assert(typeof convertToF(0) === "number", "<code>convertToF(0)</code> should return a number");'
+  - text: <code>convertToF(-30)</code>应该返回值<code>-22</code>
+    testString: 'assert(convertToF(-30) === -22, "<code>convertToF(-30)</code> should return a value of <code>-22</code>");'
+  - text: <code>convertToF(-10)</code>应该返回值<code>14</code>
+    testString: 'assert(convertToF(-10) === 14, "<code>convertToF(-10)</code> should return a value of <code>14</code>");'
+  - text: <code>convertToF(0)</code>应返回值<code>32</code>
+    testString: 'assert(convertToF(0) === 32, "<code>convertToF(0)</code> should return a value of <code>32</code>");'
+  - text: <code>convertToF(20)</code>应返回值<code>68</code>
+    testString: 'assert(convertToF(20) === 68, "<code>convertToF(20)</code> should return a value of <code>68</code>");'
+  - text: <code>convertToF(30)</code>应返回值<code>86</code>
+    testString: 'assert(convertToF(30) === 86, "<code>convertToF(30)</code> should return a value of <code>86</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertToF(celsius) {
+  let fahrenheit;
+  return fahrenheit;
+}
+
+convertToF(30);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/factorialize-a-number.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/factorialize-a-number.chinese.md
new file mode 100644
index 0000000000..04742037a7
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/factorialize-a-number.chinese.md
@@ -0,0 +1,63 @@
+---
+id: a302f7aae1aa3152a5b413bc
+title: Factorialize a Number
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 对一个数字进行推理
+---
+
+## Description
+<section id="description">返回提供的整数的阶乘。如果整数用字母n表示，则阶乘是所有小于或等于n的正整数的乘积。因子通常用简写符号<code>n!</code>表示<code>n!</code>例如： <code>5! = 1 * 2 * 3 * 4 * 5 = 120</code>只有大于或等于零的整数才会被提供给该函数。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>factorialize(5)</code>应该返回一个数字。
+    testString: 'assert(typeof factorialize(5) === "number", "<code>factorialize(5)</code> should return a number.");'
+  - text: <code>factorialize(5)</code>应该返回120。
+    testString: 'assert(factorialize(5) === 120, "<code>factorialize(5)</code> should return 120.");'
+  - text: <code>factorialize(10)</code>应返回3628800。
+    testString: 'assert(factorialize(10) === 3628800, "<code>factorialize(10)</code> should return 3628800.");'
+  - text: <code>factorialize(20)</code>应该返回2432902008176640000。
+    testString: 'assert(factorialize(20) === 2432902008176640000, "<code>factorialize(20)</code> should return 2432902008176640000.");'
+  - text: <code>factorialize(0)</code>应该返回1。
+    testString: 'assert(factorialize(0) === 1, "<code>factorialize(0)</code> should return 1.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function factorialize(num) {
+  return num;
+}
+
+factorialize(5);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer.chinese.md
new file mode 100644
index 0000000000..b85ec7e343
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer.chinese.md
@@ -0,0 +1,62 @@
+---
+id: adf08ec01beb4f99fc7a68f2
+title: Falsy Bouncer
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Falsy Bouncer
+---
+
+## Description
+<section id="description">从数组中删除所有有价值的值。 JavaScript中的Falsy值为<code>false</code> ， <code>null</code> ， <code>0</code> ， <code>&quot;&quot;</code> ， <code>undefined</code>和<code>NaN</code> 。提示：尝试将每个值转换为布尔值。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>bouncer([7, &quot;ate&quot;, &quot;&quot;, false, 9])</code>应该返回<code>[7, &quot;ate&quot;, 9]</code> 。'
+    testString: 'assert.deepEqual(bouncer([7, "ate", "", false, 9]), [7, "ate", 9], "<code>bouncer([7, "ate", "", false, 9])</code> should return <code>[7, "ate", 9]</code>.");'
+  - text: '<code>bouncer([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;])</code>应返回<code>[&quot;a&quot;, &quot;b&quot;, &quot;c&quot;]</code> 。'
+    testString: 'assert.deepEqual(bouncer(["a", "b", "c"]), ["a", "b", "c"], "<code>bouncer(["a", "b", "c"])</code> should return <code>["a", "b", "c"]</code>.");'
+  - text: '<code>bouncer([false, null, 0, NaN, undefined, &quot;&quot;])</code>应返回<code>[]</code> 。'
+    testString: 'assert.deepEqual(bouncer([false, null, 0, NaN, undefined, ""]), [], "<code>bouncer([false, null, 0, NaN, undefined, ""])</code> should return <code>[]</code>.");'
+  - text: '<code>bouncer([1, null, NaN, 2, undefined])</code>应该返回<code>[1, 2]</code> 。'
+    testString: 'assert.deepEqual(bouncer([1, null, NaN, 2, undefined]), [1, 2], "<code>bouncer([1, null, NaN, 2, undefined])</code> should return <code>[1, 2]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function bouncer(arr) {
+  // Don't show a false ID to this bouncer.
+  return arr;
+}
+
+bouncer([7, "ate", "", false, 9]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/find-the-longest-word-in-a-string.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/find-the-longest-word-in-a-string.chinese.md
new file mode 100644
index 0000000000..a6d75879e2
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/find-the-longest-word-in-a-string.chinese.md
@@ -0,0 +1,65 @@
+---
+id: a26cbbe9ad8655a977e1ceb5
+title: Find the Longest Word in a String
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 找到字符串中最长的单词
+---
+
+## Description
+<section id="description">返回所提供句子中最长单词的长度。您的回答应该是一个数字。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>findLongestWordLength(&quot;The quick brown fox jumped over the lazy dog&quot;)</code>应该返回一个数字。
+    testString: 'assert(typeof findLongestWordLength("The quick brown fox jumped over the lazy dog") === "number", "<code>findLongestWordLength("The quick brown fox jumped over the lazy dog")</code> should return a number.");'
+  - text: <code>findLongestWordLength(&quot;The quick brown fox jumped over the lazy dog&quot;)</code>应该返回6。
+    testString: 'assert(findLongestWordLength("The quick brown fox jumped over the lazy dog") === 6, "<code>findLongestWordLength("The quick brown fox jumped over the lazy dog")</code> should return 6.");'
+  - text: <code>findLongestWordLength(&quot;May the force be with you&quot;)</code>应该返回5。
+    testString: 'assert(findLongestWordLength("May the force be with you") === 5, "<code>findLongestWordLength("May the force be with you")</code> should return 5.");'
+  - text: <code>findLongestWordLength(&quot;Google do a barrel roll&quot;)</code>应返回6。
+    testString: 'assert(findLongestWordLength("Google do a barrel roll") === 6, "<code>findLongestWordLength("Google do a barrel roll")</code> should return 6.");'
+  - text: <code>findLongestWordLength(&quot;What is the average airspeed velocity of an unladen swallow&quot;)</code>应该返回8。
+    testString: 'assert(findLongestWordLength("What is the average airspeed velocity of an unladen swallow") === 8, "<code>findLongestWordLength("What is the average airspeed velocity of an unladen swallow")</code> should return 8.");'
+  - text: <code>findLongestWordLength(&quot;What if we try a super-long word such as otorhinolaryngology&quot;)</code>应该返回19。
+    testString: 'assert(findLongestWordLength("What if we try a super-long word such as otorhinolaryngology") === 19, "<code>findLongestWordLength("What if we try a super-long word such as otorhinolaryngology")</code> should return 19.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function findLongestWordLength(str) {
+  return str.length;
+}
+
+findLongestWordLength("The quick brown fox jumped over the lazy dog");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/finders-keepers.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/finders-keepers.chinese.md
new file mode 100644
index 0000000000..b917e6a0a8
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/finders-keepers.chinese.md
@@ -0,0 +1,58 @@
+---
+id: a6e40f1041b06c996f7b2406
+title: Finders Keepers
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Finders Keepers
+---
+
+## Description
+<section id="description">创建一个查看数组（第一个参数）的函数，并返回数组中传递真值测试的第一个元素（第二个参数）。如果没有元素通过测试，则返回undefined。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>findElement([1, 3, 5, 8, 9, 10], function(num) { return num % 2 === 0; })</code>应该返回8。'
+    testString: 'assert.strictEqual(findElement([1, 3, 5, 8, 9, 10], function(num) { return num % 2 === 0; }), 8, "<code>findElement([1, 3, 5, 8, 9, 10], function(num) { return num % 2 === 0; })</code> should return 8.");'
+  - text: '<code>findElement([1, 3, 5, 9], function(num) { return num % 2 === 0; })</code>应返回undefined。'
+    testString: 'assert.strictEqual(findElement([1, 3, 5, 9], function(num) { return num % 2 === 0; }), undefined, "<code>findElement([1, 3, 5, 9], function(num) { return num % 2 === 0; })</code> should return undefined.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function findElement(arr, func) {
+  let num = 0;
+  return num;
+}
+
+findElement([1, 2, 3, 4], num => num % 2 === 0);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/mutations.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/mutations.chinese.md
new file mode 100644
index 0000000000..f3af1b7bfb
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/mutations.chinese.md
@@ -0,0 +1,71 @@
+---
+id: af2170cad53daa0770fabdea
+title: Mutations
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 突变
+---
+
+## Description
+<section id="description">如果数组的第一个元素中的字符串包含数组第二个元素中字符串的所有字母，则返回true。例如， <code>[&quot;hello&quot;, &quot;Hello&quot;]</code>应该返回true，因为第二个字符串中的所有字母都出现在第一个字母中，忽略大小写。参数<code>[&quot;hello&quot;, &quot;hey&quot;]</code>应返回false，因为字符串“hello”不包含“y”。最后， <code>[&quot;Alien&quot;, &quot;line&quot;]</code>应该返回true，因为“line”中的所有字母都出现在“Alien”中。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>mutation([&quot;hello&quot;, &quot;hey&quot;])</code>应该返回false。'
+    testString: 'assert(mutation(["hello", "hey"]) === false, "<code>mutation(["hello", "hey"])</code> should return false.");'
+  - text: '<code>mutation([&quot;hello&quot;, &quot;Hello&quot;])</code>应该返回true。'
+    testString: 'assert(mutation(["hello", "Hello"]) === true, "<code>mutation(["hello", "Hello"])</code> should return true.");'
+  - text: '<code>mutation([&quot;zyxwvutsrqponmlkjihgfedcba&quot;, &quot;qrstu&quot;])</code>应该返回true。'
+    testString: 'assert(mutation(["zyxwvutsrqponmlkjihgfedcba", "qrstu"]) === true, "<code>mutation(["zyxwvutsrqponmlkjihgfedcba", "qrstu"])</code> should return true.");'
+  - text: '<code>mutation([&quot;Mary&quot;, &quot;Army&quot;])</code>应该返回true。'
+    testString: 'assert(mutation(["Mary", "Army"]) === true, "<code>mutation(["Mary", "Army"])</code> should return true.");'
+  - text: '<code>mutation([&quot;Mary&quot;, &quot;Aarmy&quot;])</code>应该返回true。'
+    testString: 'assert(mutation(["Mary", "Aarmy"]) === true, "<code>mutation(["Mary", "Aarmy"])</code> should return true.");'
+  - text: '<code>mutation([&quot;Alien&quot;, &quot;line&quot;])</code>应该返回true。'
+    testString: 'assert(mutation(["Alien", "line"]) === true, "<code>mutation(["Alien", "line"])</code> should return true.");'
+  - text: '<code>mutation([&quot;floor&quot;, &quot;for&quot;])</code>应该返回true。'
+    testString: 'assert(mutation(["floor", "for"]) === true, "<code>mutation(["floor", "for"])</code> should return true.");'
+  - text: '<code>mutation([&quot;hello&quot;, &quot;neo&quot;])</code>应该返回false。'
+    testString: 'assert(mutation(["hello", "neo"]) === false, "<code>mutation(["hello", "neo"])</code> should return false.");'
+  - text: '<code>mutation([&quot;voodoo&quot;, &quot;no&quot;])</code>应该返回false。'
+    testString: 'assert(mutation(["voodoo", "no"]) === false, "<code>mutation(["voodoo", "no"])</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function mutation(arr) {
+  return arr;
+}
+
+mutation(["hello", "hey"]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/repeat-a-string-repeat-a-string.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/repeat-a-string-repeat-a-string.chinese.md
new file mode 100644
index 0000000000..c0034e362e
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/repeat-a-string-repeat-a-string.chinese.md
@@ -0,0 +1,68 @@
+---
+id: afcc8d540bea9ea2669306b6
+title: Repeat a String Repeat a String
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 重复一个字符串重复字符串
+---
+
+## Description
+<section id="description">为<code>num</code> times（第二个参数）重复给定的字符串<code>str</code> （第一个参数）。如果<code>num</code>不是正数，则返回空字符串。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>repeatStringNumTimes(&quot;*&quot;, 3)</code>应该返回<code>&quot;***&quot;</code> 。'
+    testString: 'assert(repeatStringNumTimes("*", 3) === "***", "<code>repeatStringNumTimes("*", 3)</code> should return <code>"***"</code>.");'
+  - text: '<code>repeatStringNumTimes(&quot;abc&quot;, 3)</code>应该返回<code>&quot;abcabcabc&quot;</code> 。'
+    testString: 'assert(repeatStringNumTimes("abc", 3) === "abcabcabc", "<code>repeatStringNumTimes("abc", 3)</code> should return <code>"abcabcabc"</code>.");'
+  - text: '<code>repeatStringNumTimes(&quot;abc&quot;, 4)</code>应返回<code>&quot;abcabcabcabc&quot;</code> 。'
+    testString: 'assert(repeatStringNumTimes("abc", 4) === "abcabcabcabc", "<code>repeatStringNumTimes("abc", 4)</code> should return <code>"abcabcabcabc"</code>.");'
+  - text: '<code>repeatStringNumTimes(&quot;abc&quot;, 1)</code>应该返回<code>&quot;abc&quot;</code> 。'
+    testString: 'assert(repeatStringNumTimes("abc", 1) === "abc", "<code>repeatStringNumTimes("abc", 1)</code> should return <code>"abc"</code>.");'
+  - text: '<code>repeatStringNumTimes(&quot;*&quot;, 8)</code>应该返回<code>&quot;********&quot;</code> 。'
+    testString: 'assert(repeatStringNumTimes("*", 8) === "********", "<code>repeatStringNumTimes("*", 8)</code> should return <code>"********"</code>.");'
+  - text: '<code>repeatStringNumTimes(&quot;abc&quot;, -2)</code>应返回<code>&quot;&quot;</code> 。'
+    testString: 'assert(repeatStringNumTimes("abc", -2) === "", "<code>repeatStringNumTimes("abc", -2)</code> should return <code>""</code>.");'
+  - text: 不应使用内置的<code>repeat()</code>方法
+    testString: 'assert(!/\.repeat/g.test(code), "The built-in <code>repeat()</code>-method should not be used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function repeatStringNumTimes(str, num) {
+  // repeat after me
+  return str;
+}
+
+repeatStringNumTimes("abc", 3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/return-largest-numbers-in-arrays.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/return-largest-numbers-in-arrays.chinese.md
new file mode 100644
index 0000000000..cef3aeea06
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/return-largest-numbers-in-arrays.chinese.md
@@ -0,0 +1,62 @@
+---
+id: a789b3483989747d63b0e427
+title: Return Largest Numbers in Arrays
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 返回数组中的最大数字
+---
+
+## Description
+<section id="description">返回一个数组，该数组由每个提供的子数组中的最大数字组成。为简单起见，提供的数组将包含4个子数组。请记住，您可以使用简单的for循环遍历数组，并使用数组语法<code>arr[i]</code>访问每个成员。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]])</code>应该返回一个数组。'
+    testString: 'assert(largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]).constructor === Array, "<code>largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]])</code> should return an array.");'
+  - text: '<code>largestOfFour([[13, 27, 18, 26], [4, 5, 1, 3], [32, 35, 37, 39], [1000, 1001, 857, 1]])</code>应该返回<code>[27, 5, 39, 1001]</code> <code>largestOfFour([[13, 27, 18, 26], [4, 5, 1, 3], [32, 35, 37, 39], [1000, 1001, 857, 1]])</code> <code>[27, 5, 39, 1001]</code> 。'
+    testString: 'assert.deepEqual(largestOfFour([[13, 27, 18, 26], [4, 5, 1, 3], [32, 35, 37, 39], [1000, 1001, 857, 1]]), [27, 5, 39, 1001], "<code>largestOfFour([[13, 27, 18, 26], [4, 5, 1, 3], [32, 35, 37, 39], [1000, 1001, 857, 1]])</code> should return <code>[27, 5, 39, 1001]</code>.");'
+  - text: '<code>largestOfFour([[4, 9, 1, 3], [13, 35, 18, 26], [32, 35, 97, 39], [1000000, 1001, 857, 1]])</code>应该返回<code>[9, 35, 97, 1000000]</code> <code>largestOfFour([[4, 9, 1, 3], [13, 35, 18, 26], [32, 35, 97, 39], [1000000, 1001, 857, 1]])</code> <code>[9, 35, 97, 1000000]</code> 。'
+    testString: 'assert.deepEqual(largestOfFour([[4, 9, 1, 3], [13, 35, 18, 26], [32, 35, 97, 39], [1000000, 1001, 857, 1]]), [9, 35, 97, 1000000], "<code>largestOfFour([[4, 9, 1, 3], [13, 35, 18, 26], [32, 35, 97, 39], [1000000, 1001, 857, 1]])</code> should return <code>[9, 35, 97, 1000000]</code>.");'
+  - text: '<code>largestOfFour([[17, 23, 25, 12], [25, 7, 34, 48], [4, -10, 18, 21], [-72, -3, -17, -10]])</code>应该返回<code>[25, 48, 21, -3]</code> 。'
+    testString: 'assert.deepEqual(largestOfFour([[17, 23, 25, 12], [25, 7, 34, 48], [4, -10, 18, 21], [-72, -3, -17, -10]]), [25, 48, 21, -3], "<code>largestOfFour([[17, 23, 25, 12], [25, 7, 34, 48], [4, -10, 18, 21], [-72, -3, -17, -10]])</code> should return <code>[25, 48, 21, -3]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestOfFour(arr) {
+  // You can do this!
+  return arr;
+}
+
+largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.chinese.md
new file mode 100644
index 0000000000..377cc49c00
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.chinese.md
@@ -0,0 +1,61 @@
+---
+id: a202eed8fc186c8434cb6d61
+title: Reverse a String
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 反转字符串
+---
+
+## Description
+<section id="description">反转提供的字符串。您可能需要先将字符串转换为数组，然后才能将其反转。您的结果必须是字符串。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>reverseString(&quot;hello&quot;)</code>应该返回一个字符串。
+    testString: 'assert(typeof reverseString("hello") === "string", "<code>reverseString("hello")</code> should return a string.");'
+  - text: <code>reverseString(&quot;hello&quot;)</code>应该变成<code>&quot;olleh&quot;</code> 。
+    testString: 'assert(reverseString("hello") === "olleh", "<code>reverseString("hello")</code> should become <code>"olleh"</code>.");'
+  - text: <code>reverseString(&quot;Howdy&quot;)</code>应该变成<code>&quot;ydwoH&quot;</code> 。
+    testString: 'assert(reverseString("Howdy") === "ydwoH", "<code>reverseString("Howdy")</code> should become <code>"ydwoH"</code>.");'
+  - text: <code>reverseString(&quot;Greetings from Earth&quot;)</code>应返回<code>&quot;htraE morf sgniteerG&quot;</code> 。
+    testString: 'assert(reverseString("Greetings from Earth") === "htraE morf sgniteerG", "<code>reverseString("Greetings from Earth")</code> should return <code>"htraE morf sgniteerG"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function reverseString(str) {
+  return str;
+}
+
+reverseString("hello");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice.chinese.md
new file mode 100644
index 0000000000..86a228ad7e
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice.chinese.md
@@ -0,0 +1,75 @@
+---
+id: 579e2a2c335b9d72dd32e05c
+title: Slice and Splice
+isRequired: true
+isBeta: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 切片和拼接
+---
+
+## Description
+<section id="description">您将获得两个数组和一个索引。使用数组方法<code>slice</code>和<code>splice</code>按顺序将第一个数组的每个元素复制到第二个数组中。开始在第二个数组的索引<code>n</code>处插入元素。返回结果数组。函数运行后，输入数组应保持不变。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>frankenSplice([1, 2, 3], [4, 5], 1)</code>应该返回<code>[4, 1, 2, 3, 5]</code> <code>frankenSplice([1, 2, 3], [4, 5], 1)</code> <code>[4, 1, 2, 3, 5]</code> 。'
+    testString: 'assert.deepEqual(frankenSplice([1, 2, 3], [4, 5], 1), [4, 1, 2, 3, 5], "<code>frankenSplice([1, 2, 3], [4, 5], 1)</code> should return <code>[4, 1, 2, 3, 5]</code>.");'
+  - text: '<code>frankenSplice([1, 2], [&quot;a&quot;, &quot;b&quot;], 1)</code>应返回<code>[&quot;a&quot;, 1, 2, &quot;b&quot;]</code> 。'
+    testString: 'assert.deepEqual(frankenSplice(testArr1, testArr2, 1), ["a", 1, 2, "b"], "<code>frankenSplice([1, 2], ["a", "b"], 1)</code> should return <code>["a", 1, 2, "b"]</code>.");'
+  - text: '<code>frankenSplice([&quot;claw&quot;, &quot;tentacle&quot;], [&quot;head&quot;, &quot;shoulders&quot;, &quot;knees&quot;, &quot;toes&quot;], 2)</code>应该返回<code>[&quot;head&quot;, &quot;shoulders&quot;, &quot;claw&quot;, &quot;tentacle&quot;, &quot;knees&quot;, &quot;toes&quot;]</code> 。'
+    testString: 'assert.deepEqual(frankenSplice(["claw", "tentacle"], ["head", "shoulders", "knees", "toes"], 2), ["head", "shoulders", "claw", "tentacle", "knees", "toes"], "<code>frankenSplice(["claw", "tentacle"], ["head", "shoulders", "knees", "toes"], 2)</code> should return <code>["head", "shoulders", "claw", "tentacle", "knees", "toes"]</code>.");'
+  - text: 第一个数组中的所有元素都应按原始顺序添加到第二个数组中。
+    testString: 'assert.deepEqual(frankenSplice([1, 2, 3, 4], [], 0), [1, 2, 3, 4], "All elements from the first array should be added to the second array in their original order.");'
+  - text: 函数运行后，第一个数组应保持不变。
+    testString: 'assert(testArr1[0] === 1 && testArr1[1] === 2, "The first array should remain the same after the function runs.");'
+  - text: 函数运行后，第二个数组应保持不变。
+    testString: 'assert(testArr2[0] === "a" && testArr2[1] === "b", "The second array should remain the same after the function runs.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function frankenSplice(arr1, arr2, n) {
+  // It's alive. It's alive!
+  return arr2;
+}
+
+frankenSplice([1, 2, 3], [4, 5, 6], 1);
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/title-case-a-sentence.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/title-case-a-sentence.chinese.md
new file mode 100644
index 0000000000..e3da0dfb95
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/title-case-a-sentence.chinese.md
@@ -0,0 +1,61 @@
+---
+id: ab6137d4e35944e21037b769
+title: Title Case a Sentence
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 标题案例句子
+---
+
+## Description
+<section id="description">返回提供的字符串，每个单词的首字母大写。确保单词的其余部分为小写。出于本练习的目的，您还应该将诸如“the”和“of”之类的连接词大写。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>titleCase(&quot;I&#39;m a little tea pot&quot;)</code>应该返回一个字符串。'
+    testString: 'assert(typeof titleCase("I"m a little tea pot") === "string", "<code>titleCase("I&#39;m a little tea pot")</code> should return a string.");'
+  - text: '<code>titleCase(&quot;I&#39;m a little tea pot&quot;)</code>应该归还<code>I&#39;m A Little Tea Pot</code> 。'
+    testString: 'assert(titleCase("I"m a little tea pot") === "I"m A Little Tea Pot", "<code>titleCase("I&#39;m a little tea pot")</code> should return <code>I&#39;m A Little Tea Pot</code>.");'
+  - text: <code>titleCase(&quot;sHoRt AnD sToUt&quot;)</code>应返回<code>Short And Stout</code> 。
+    testString: 'assert(titleCase("sHoRt AnD sToUt") === "Short And Stout", "<code>titleCase("sHoRt AnD sToUt")</code> should return <code>Short And Stout</code>.");'
+  - text: <code>titleCase(&quot;HERE IS MY HANDLE HERE IS MY SPOUT&quot;)</code> <code>Here Is My Handle Here Is My Spout</code> <code>titleCase(&quot;HERE IS MY HANDLE HERE IS MY SPOUT&quot;)</code>应该回到<code>Here Is My Handle Here Is My Spout</code> 。
+    testString: 'assert(titleCase("HERE IS MY HANDLE HERE IS MY SPOUT") === "Here Is My Handle Here Is My Spout", "<code>titleCase("HERE IS MY HANDLE HERE IS MY SPOUT")</code> should return <code>Here Is My Handle Here Is My Spout</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function titleCase(str) {
+  return str;
+}
+
+titleCase("I'm a little tea pot");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/truncate-a-string.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/truncate-a-string.chinese.md
new file mode 100644
index 0000000000..5ea162c3bc
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/truncate-a-string.chinese.md
@@ -0,0 +1,66 @@
+---
+id: ac6993d51946422351508a41
+title: Truncate a String
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 截断字符串
+---
+
+## Description
+<section id="description">如果字符串（第一个参数）长于给定的最大字符串长度（第二个参数），则截断该字符串。返回带有<code>...</code>结尾的截断字符串。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>truncateString(&quot;A-tisket a-tasket A green and yellow basket&quot;, 8)</code>应该返回“A-tisket ......”。'
+    testString: 'assert(truncateString("A-tisket a-tasket A green and yellow basket", 8) === "A-tisket...", "<code>truncateString("A-tisket a-tasket A green and yellow basket", 8)</code> should return "A-tisket...".");'
+  - text: '<code>truncateString(&quot;Peter Piper picked a peck of pickled peppers&quot;, 11)</code>应该回归“Peter Piper ......”。'
+    testString: 'assert(truncateString("Peter Piper picked a peck of pickled peppers", 11) === "Peter Piper...", "<code>truncateString("Peter Piper picked a peck of pickled peppers", 11)</code> should return "Peter Piper...".");'
+  - text: '<code>truncateString(&quot;A-tisket a-tasket A green and yellow basket&quot;, &quot;A-tisket a-tasket A green and yellow basket&quot;.length)</code>应该返回“A-tisket a-tasket A green and yellow basket”。'
+    testString: 'assert(truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length) === "A-tisket a-tasket A green and yellow basket", "<code>truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length)</code> should return "A-tisket a-tasket A green and yellow basket".");'
+  - text: '<code>truncateString(&quot;A-tisket a-tasket A green and yellow basket&quot;, &quot;A-tisket a-tasket A green and yellow basket&quot;.length + 2)</code>应返回“A-tisket a-tasket A green and yellow basket”。'
+    testString: 'assert(truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length + 2) === "A-tisket a-tasket A green and yellow basket", "<code>truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length + 2)</code> should return "A-tisket a-tasket A green and yellow basket".");'
+  - text: '<code>truncateString(&quot;A-&quot;, 1)</code>应返回“A ...”。'
+    testString: 'assert(truncateString("A-", 1) === "A...", "<code>truncateString("A-", 1)</code> should return "A...".");'
+  - text: '<code>truncateString(&quot;Absolutely Longer&quot;, 2)</code>应返回“Ab ...”。'
+    testString: 'assert(truncateString("Absolutely Longer", 2) === "Ab...", "<code>truncateString("Absolutely Longer", 2)</code> should return "Ab...".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function truncateString(str, num) {
+  // Clear out that junk in your trunk
+  return str;
+}
+
+truncateString("A-tisket a-tasket A green and yellow basket", 8);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/where-do-i-belong.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/where-do-i-belong.chinese.md
new file mode 100644
index 0000000000..4e2c97e144
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/where-do-i-belong.chinese.md
@@ -0,0 +1,86 @@
+---
+id: a24c1a4622e3c05097f71d67
+title: Where do I Belong
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 我属于哪里？
+---
+
+## Description
+<section id="description">返回一个值（第二个参数）应该在排序后插入数组（第一个参数）的最低索引。返回的值应该是一个数字。例如， <code>getIndexToIns([1,2,3,4], 1.5)</code>应返回<code>1</code>因为它大于<code>1</code> （索引0），但小于<code>2</code> （索引1）。同样， <code>getIndexToIns([20,3,5], 19)</code>应返回<code>2</code>因为一旦数组已经排序，它将看起来像<code>[3,5,20]</code> ， <code>19</code>小于<code>20</code> （索引2）并且大于<code>5</code> （指数1）。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>getIndexToIns([10, 20, 30, 40, 50], 35)</code>应返回<code>3</code> 。'
+    testString: 'assert(getIndexToIns([10, 20, 30, 40, 50], 35) === 3, "<code>getIndexToIns([10, 20, 30, 40, 50], 35)</code> should return <code>3</code>.");'
+  - text: '<code>getIndexToIns([10, 20, 30, 40, 50], 35)</code>应返回一个数字。'
+    testString: 'assert(typeof(getIndexToIns([10, 20, 30, 40, 50], 35)) === "number", "<code>getIndexToIns([10, 20, 30, 40, 50], 35)</code> should return a number.");'
+  - text: '<code>getIndexToIns([10, 20, 30, 40, 50], 30)</code>应该返回<code>2</code> 。'
+    testString: 'assert(getIndexToIns([10, 20, 30, 40, 50], 30) === 2, "<code>getIndexToIns([10, 20, 30, 40, 50], 30)</code> should return <code>2</code>.");'
+  - text: '<code>getIndexToIns([10, 20, 30, 40, 50], 30)</code>应该返回一个数字。'
+    testString: 'assert(typeof(getIndexToIns([10, 20, 30, 40, 50], 30)) === "number", "<code>getIndexToIns([10, 20, 30, 40, 50], 30)</code> should return a number.");'
+  - text: '<code>getIndexToIns([40, 60], 50)</code>应返回<code>1</code> 。'
+    testString: 'assert(getIndexToIns([40, 60], 50) === 1, "<code>getIndexToIns([40, 60], 50)</code> should return <code>1</code>.");'
+  - text: '<code>getIndexToIns([40, 60], 50)</code>应返回一个数字。'
+    testString: 'assert(typeof(getIndexToIns([40, 60], 50)) === "number", "<code>getIndexToIns([40, 60], 50)</code> should return a number.");'
+  - text: '<code>getIndexToIns([3, 10, 5], 3)</code>应该返回<code>0</code> 。'
+    testString: 'assert(getIndexToIns([3, 10, 5], 3) === 0, "<code>getIndexToIns([3, 10, 5], 3)</code> should return <code>0</code>.");'
+  - text: '<code>getIndexToIns([3, 10, 5], 3)</code>应返回一个数字。'
+    testString: 'assert(typeof(getIndexToIns([3, 10, 5], 3)) === "number", "<code>getIndexToIns([3, 10, 5], 3)</code> should return a number.");'
+  - text: '<code>getIndexToIns([5, 3, 20, 3], 5)</code>应返回<code>2</code> 。'
+    testString: 'assert(getIndexToIns([5, 3, 20, 3], 5) === 2, "<code>getIndexToIns([5, 3, 20, 3], 5)</code> should return <code>2</code>.");'
+  - text: '<code>getIndexToIns([5, 3, 20, 3], 5)</code>应返回一个数字。'
+    testString: 'assert(typeof(getIndexToIns([5, 3, 20, 3], 5)) === "number", "<code>getIndexToIns([5, 3, 20, 3], 5)</code> should return a number.");'
+  - text: '<code>getIndexToIns([2, 20, 10], 19)</code>应该返回<code>2</code> 。'
+    testString: 'assert(getIndexToIns([2, 20, 10], 19) === 2, "<code>getIndexToIns([2, 20, 10], 19)</code> should return <code>2</code>.");'
+  - text: '<code>getIndexToIns([2, 20, 10], 19)</code>应返回一个数字。'
+    testString: 'assert(typeof(getIndexToIns([2, 20, 10], 19)) === "number", "<code>getIndexToIns([2, 20, 10], 19)</code> should return a number.");'
+  - text: '<code>getIndexToIns([2, 5, 10], 15)</code>应该返回<code>3</code> 。'
+    testString: 'assert(getIndexToIns([2, 5, 10], 15) === 3, "<code>getIndexToIns([2, 5, 10], 15)</code> should return <code>3</code>.");'
+  - text: '<code>getIndexToIns([2, 5, 10], 15)</code>应返回一个数字。'
+    testString: 'assert(typeof(getIndexToIns([2, 5, 10], 15)) === "number", "<code>getIndexToIns([2, 5, 10], 15)</code> should return a number.");'
+  - text: '<code>getIndexToIns([], 1)</code>应该返回<code>0</code> 。'
+    testString: 'assert(getIndexToIns([], 1) === 0, "<code>getIndexToIns([], 1)</code> should return <code>0</code>.");'
+  - text: '<code>getIndexToIns([], 1)</code>应该返回一个数字。'
+    testString: 'assert(typeof(getIndexToIns([], 1)) === "number", "<code>getIndexToIns([], 1)</code> should return a number.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getIndexToIns(arr, num) {
+  // Find my place in this sorted array.
+  return num;
+}
+
+getIndexToIns([40, 60], 50);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/-iterate-through-the-keys-of-an-object-with-a-for...in-statement.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/-iterate-through-the-keys-of-an-object-with-a-for...in-statement.chinese.md
new file mode 100644
index 0000000000..1a94083c7f
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/-iterate-through-the-keys-of-an-object-with-a-for...in-statement.chinese.md
@@ -0,0 +1,76 @@
+---
+id: 587d7b7d367417b2b2512b1d
+title: ' Iterate Through the Keys of an Object with a for...in Statement'
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用for ... in Statement中的对象键迭代
+---
+
+## Description
+<section id="description">有时您可能需要遍历对象中的所有键。这需要JavaScript中的特定语法，称为<dfn>for ... in</dfn>语句。对于我们的<code>users</code>对象，这可能看起来像： <blockquote> for（让用户在用户中）{ <br>的console.log（用户）; <br> }; <br><br> //日志： <br>艾伦<br>杰夫<br>莎拉<br>瑞安</blockquote>在这个语句中，我们定义了一个变量<code>user</code> ，正如您所看到的，在每次迭代期间，当该语句循环遍历该对象时，该变量被重置为每个对象的键，从而导致每个用户的名称被打印到控制台。 <strong>注意：</strong> <br>对象不像数组那样保持对存储键的排序;因此，当引用或访问该密钥时，对象上的键位置或其出现的相对顺序是无关紧要的。 </section>
+
+## Instructions
+<section id="instructions">我们定义了一个函数<code>countOnline</code> ;在此函数中使用<dfn>for ... in</dfn>语句循环访问<code>users</code>对象中的<code>users</code>并返回其<code>online</code>属性设置为<code>true</code>的用户数。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>users</code>对象包含用户<code>Jeff</code>和<code>Ryan</code> ， <code>online</code>设置为<code>true</code> ，用户<code>Alan</code>和<code>Sarah</code> <code>online</code>设置为<code>false</code>
+    testString: 'assert(users.Alan.online === false && users.Jeff.online === true &&  users.Sarah.online === false &&  users.Ryan.online === true, "The <code>users</code> object contains users <code>Jeff</code> and <code>Ryan</code> with <code>online</code> set to <code>true</code> and users <code>Alan</code> and <code>Sarah</code> with <code>online</code> set to <code>false</code>");'
+  - text: 函数<code>countOnline</code>返回<code>online</code>属性设置为<code>true</code>的用户数
+    testString: 'assert((function() { users.Harry = {online: true}; users.Sam = {online: true}; users.Carl = {online: true}; return countOnline(users) })() === 5, "The function <code>countOnline</code> returns the number of users with the <code>online</code> property set to <code>true</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let users = {
+  Alan: {
+    age: 27,
+    online: false
+  },
+  Jeff: {
+    age: 32,
+    online: true
+  },
+  Sarah: {
+    age: 48,
+    online: false
+  },
+  Ryan: {
+    age: 19,
+    online: true
+  }
+};
+
+function countOnline(obj) {
+  // change code below this line
+
+  // change code above this line
+}
+
+console.log(countOnline(users));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.chinese.md
new file mode 100644
index 0000000000..e01f5fd4dd
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 5a661e0f1068aca922b3ef17
+title: Access an Array's Contents Using Bracket Notation
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用括号表示法访问数组的内容
+---
+
+## Description
+<section id="description">当然，任何数据结构的基本特征是不仅能够存储数据，而且能够根据命令检索该数据。所以，既然我们已经学会了如何创建数组，那么让我们开始考虑如何访问该数组的信息。当我们定义一个如下所示的简单数组时，其中有3个项目： <blockquote>让ourArray = [“a”，“b”，“c”]; </blockquote>在数组中，每个数组项都有一个<dfn>索引</dfn> 。此索引兼作数组中该项的位置，以及您如何引用它。但是，值得注意的是，JavaScript数组是<dfn>零索引的</dfn> ，这意味着数组的第一个元素实际上处于第<em><strong>零</strong></em>位，而不是第一个。为了从数组中检索元素，我们可以将一个索引括在括号中，并将其附加到数组的末尾，或者更常见的是附加到引用数组对象的变量。这称为<dfn>括号表示法</dfn> 。例如，如果我们想从<code>ourArray</code>检索<code>&quot;a&quot;</code>并将其分配给变量，我们可以使用以下代码执行此操作： <blockquote>让ourVariable = ourArray [0]; <br> // ourVariable等于“a” </blockquote>除了访问与索引相关的值，你还可以<em>设置</em>索引使用相同的符号中的值： <blockquote> ourArray [1] =“不再是b”; <br> // ourArray现在等于[“a”，“不再b”，“c”]; </blockquote>使用括号表示法，我们现在将索引1处的项目从<code>&quot;b&quot;</code>重置为<code>&quot;not b anymore&quot;</code> 。 </section>
+
+## Instructions
+<section id="instructions">为了完成此挑战，将<code>myArray</code>的第二个位置（索引<code>1</code> ）设置为您想要的任何内容，除了<code>&quot;b&quot;</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray[0]</code>等于<code>&quot;a&quot;</code>'
+    testString: 'assert.strictEqual(myArray[0], "a", "<code>myArray[0]</code> is equal to <code>"a"</code>");'
+  - text: '<code>myArray[1]</code>不再设置为<code>&quot;b&quot;</code>'
+    testString: 'assert.notStrictEqual(myArray[1], "b", "<code>myArray[1]</code> is no longer set to <code>"b"</code>");'
+  - text: '<code>myArray[2]</code>等于<code>&quot;c&quot;</code>'
+    testString: 'assert.strictEqual(myArray[2], "c", "<code>myArray[2]</code> is equal to <code>"c"</code>");'
+  - text: '<code>myArray[3]</code>等于<code>&quot;d&quot;</code>'
+    testString: 'assert.strictEqual(myArray[3], "d", "<code>myArray[3]</code> is equal to <code>"d"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myArray = ["a", "b", "c", "d"];
+// change code below this line
+
+//change code above this line
+console.log(myArray);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-property-names-with-bracket-notation.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-property-names-with-bracket-notation.chinese.md
new file mode 100644
index 0000000000..76b5254d0d
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-property-names-with-bracket-notation.chinese.md
@@ -0,0 +1,73 @@
+---
+id: 587d7b7c367417b2b2512b1a
+title: Access Property Names with Bracket Notation
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用括号表示法访问属性名称
+---
+
+## Description
+<section id="description">在第一个对象挑战中，我们提到使用括号表示法作为使用变量求值来访问属性值的方法。例如，假设我们的<code>foods</code>对象被用于超市收银机的程序中。我们有一些设置<code>selectedFood</code>功能，我们想检查我们的<code>foods</code>对象是否存在该食物。这可能看起来像： <blockquote> let selectedFood = getCurrentFood（scanningItem）; <br>让库存=食物[selectedFood]; </blockquote>此代码将评估存储在<code>selectedFood</code>变量中的值，并在<code>foods</code>对象中返回该键的值，如果不存在则返回<code>undefined</code> 。括号表示法非常有用，因为有时候对象属性在运行时之前是未知的，或者我们需要以更动态的方式访问它们。 </section>
+
+## Instructions
+<section id="instructions">我们定义了一个函数<code>checkInventory</code> ，它接收一个扫描的项目作为参数。返回<code>foods</code>对象中的<code>scannedItem</code>键的当前值。您可以假设只有有效键将作为<code>checkInventory</code>的参数提供。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>checkInventory</code>是一个函数
+    testString: 'assert.strictEqual(typeof checkInventory, "function", "<code>checkInventory</code> is a function");'
+  - text: '<code>foods</code>对象应该只有以下键值对： <code>apples: 25</code> ， <code>oranges: 32</code> ， <code>plums: 28</code> ， <code>bananas: 13</code> ， <code>grapes: 35</code> ， <code>strawberries: 27</code>'
+    testString: 'assert.deepEqual(foods, {apples: 25, oranges: 32, plums: 28, bananas: 13, grapes: 35, strawberries: 27}, "The <code>foods</code> object should have only the following key-value pairs: <code>apples: 25</code>, <code>oranges: 32</code>, <code>plums: 28</code>, <code>bananas: 13</code>, <code>grapes: 35</code>, <code>strawberries: 27</code>");'
+  - text: <code>checkInventory(&quot;apples&quot;)</code>应该返回<code>25</code>
+    testString: 'assert.strictEqual(checkInventory("apples"), 25, "<code>checkInventory("apples")</code> should return <code>25</code>");'
+  - text: <code>checkInventory(&quot;bananas&quot;)</code>应该返回<code>13</code>
+    testString: 'assert.strictEqual(checkInventory("bananas"), 13, "<code>checkInventory("bananas")</code> should return <code>13</code>");'
+  - text: <code>checkInventory(&quot;strawberries&quot;)</code>应该返回<code>27</code>
+    testString: 'assert.strictEqual(checkInventory("strawberries"), 27, "<code>checkInventory("strawberries")</code> should return <code>27</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let foods = {
+  apples: 25,
+  oranges: 32,
+  plums: 28,
+  bananas: 13,
+  grapes: 35,
+  strawberries: 27
+};
+// do not change code above this line
+
+function checkInventory(scannedItem) {
+  // change code below this line
+
+}
+
+// change code below this line to test different cases:
+console.log(checkInventory("apples"));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-to-an-array-with-push-and-unshift.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-to-an-array-with-push-and-unshift.chinese.md
new file mode 100644
index 0000000000..875e5471dc
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-to-an-array-with-push-and-unshift.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 587d78b2367417b2b2512b0e
+title: Add Items to an Array with push() and unshift()
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用push（）和unshift（）将项添加到数组
+---
+
+## Description
+<section id="description">数组的长度与它可以包含的数据类型一样，并不固定。可以使用任意数量的元素的长度来定义数组，并且可以随时间添加或移除元素;换句话说，数组是<dfn>可变的</dfn> 。在这个挑战中，我们将研究两种方法，我们可以用它们以编程方式修改数组： <code>Array.push()</code>和<code>Array.unshift()</code> 。两种方法都将一个或多个元素作为参数，并将这些元素添加到调用该方法的数组中; <code>push()</code>方法将元素添加到数组的末尾， <code>unshift()</code>将元素添加到开头。考虑以下： <blockquote>让二十三&#39;=&#39;XXIII&#39;; <br>让romanNumerals = [&#39;XXI&#39;，&#39;XXII&#39;]; <br><br> romanNumerals.unshift（&#39;XIX&#39;，&#39;XX&#39;）; <br> //现在等于[&#39;XIX&#39;，&#39;XX&#39;，&#39;XXI&#39;，&#39;XXII&#39;] <br><br> romanNumerals.push（二十三）; <br> //现在等于[&#39;XIX&#39;，&#39;XX&#39;，&#39;XXI&#39;，&#39;XXII&#39;，&#39;XXIII&#39;]请注意，我们也可以传递变量，这使我们可以更灵活地动态修改数组的数据。 </blockquote></section>
+
+## Instructions
+<section id="instructions">我们定义了一个函数<code>mixedNumbers</code> ，我们将一个数组作为参数传递。修改函数使用<code>push()</code>和<code>unshift()</code>将<code>&#39;I&#39;, 2, &#39;three&#39;</code>到数组的开头，将<code>7, &#39;VIII&#39;, 9</code>到结尾，以便返回的数组包含数字的表示形式按顺序1-9。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>mixedNumbers([&quot;IV&quot;, 5, &quot;six&quot;])</code>现在应该返回<code>[&quot;I&quot;, 2, &quot;three&quot;, &quot;IV&quot;, 5, &quot;six&quot;, 7, &quot;VIII&quot;, 9]</code>'
+    testString: 'assert.deepEqual(mixedNumbers(["IV", 5, "six"]), ["I", 2, "three", "IV", 5, "six", 7, "VIII", 9], "<code>mixedNumbers(["IV", 5, "six"])</code> should now return <code>["I", 2, "three", "IV", 5, "six", 7, "VIII", 9]</code>");'
+  - text: <code>mixedNumbers</code>函数应该使用<code>push()</code>方法
+    testString: 'assert.notStrictEqual(mixedNumbers.toString().search(/\.push\(/), -1, "The <code>mixedNumbers</code> function should utilize the <code>push()</code> method");'
+  - text: <code>mixedNumbers</code>函数应该使用<code>unshift()</code>方法
+    testString: 'assert.notStrictEqual(mixedNumbers.toString().search(/\.unshift\(/), -1, "The <code>mixedNumbers</code> function should utilize the <code>unshift()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function mixedNumbers(arr) {
+  // change code below this line
+
+  // change code above this line
+  return arr;
+}
+
+// do not change code below this line
+console.log(mixedNumbers(['IV', 5, 'six']));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.chinese.md
new file mode 100644
index 0000000000..318a2d86fb
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 587d78b3367417b2b2512b11
+title: Add Items Using splice()
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用splice（）添加项目
+---
+
+## Description
+<section id="description">还记得在上一次挑战中我们提到过<code>splice()</code>最多需要三个参数吗？好吧，我们可以更进一步使用<code>splice()</code> - 除了删除元素之外，我们还可以使用代表一个或多个元素的第三个参数来<em>添加</em>它们。这对于快速切换另一个元素或一组元素非常有用。例如，假设您正在为数组中的一组DOM元素存储颜色方案，并希望根据某些操作动态更改颜色： <blockquote> function colorChange（arr，index，newColor）{ <br> arr.splice（index，1，newColor）; <br>返回<br> } <br><br>让colorScheme = [&#39;＃878787&#39;，&#39;＃a08794&#39;，&#39;＃bb7e8c&#39;，&#39;＃c9b6be&#39;，&#39;＃d1becf&#39;]; <br><br> colorScheme = colorChange（colorScheme，2，&#39;＃332327&#39;）; <br> //我们删除了&#39;＃bb7e8c&#39;并在其位置添加了&#39;＃332327&#39; <br> // colorScheme现在等于[&#39;＃878787&#39;，&#39;＃a08794&#39;，&#39;＃332327&#39;，&#39;＃c9b6be&#39;，&#39;＃d1becf&#39;] </blockquote>此函数采用十六进制值数组，删除元素的索引以及用于替换已删除元素的新颜色。返回值是一个包含新修改的颜色方案的数组！虽然这个例子有点过于简单，但我们可以看到利用<code>splice()</code>到其最大潜力的值。 </section>
+
+## Instructions
+<section id="instructions">我们定义了一个函数<code>htmlColorNames</code> ，它将一组HTML颜色作为参数。使用<code>splice()</code>修改函数以删除数组的前两个元素，并在各自的位置添加<code>&#39;DarkSalmon&#39;</code>和<code>&#39;BlanchedAlmond&#39;</code> <code>&#39;DarkSalmon&#39;</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>htmlColorNames</code>应该返回<code>[&quot;DarkSalmon&quot;, &quot;BlanchedAlmond&quot;, &quot;LavenderBlush&quot;, &quot;PaleTurqoise&quot;, &quot;FireBrick&quot;]</code>'
+    testString: 'assert.deepEqual(htmlColorNames(["DarkGoldenRod", "WhiteSmoke", "LavenderBlush", "PaleTurqoise", "FireBrick"]), ["DarkSalmon", "BlanchedAlmond", "LavenderBlush", "PaleTurqoise", "FireBrick"], "<code>htmlColorNames</code> should return <code>["DarkSalmon", "BlanchedAlmond", "LavenderBlush", "PaleTurqoise", "FireBrick"]</code>");'
+  - text: <code>htmlColorNames</code>函数应该使用<code>splice()</code>方法
+    testString: 'assert(/.splice/.test(code), "The <code>htmlColorNames</code> function should utilize the <code>splice()</code> method");'
+  - text: 你不应该使用<code>shift()</code>或<code>unshift()</code> 。
+    testString: 'assert(!/shift|unshift/.test(code), "You should not use <code>shift()</code> or <code>unshift()</code>.");'
+  - text: 您不应该使用数组括号表示法。
+    testString: 'assert(!/\[\d\]\s*=/.test(code), "You should not use array bracket notation.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function htmlColorNames(arr) {
+  // change code below this line
+
+  // change code above this line
+  return arr;
+}
+
+// do not change code below this line
+console.log(htmlColorNames(['DarkGoldenRod', 'WhiteSmoke', 'LavenderBlush', 'PaleTurqoise', 'FireBrick']));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.chinese.md
new file mode 100644
index 0000000000..a1ee7dcf76
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.chinese.md
@@ -0,0 +1,67 @@
+---
+id: 587d7b7c367417b2b2512b18
+title: Add Key-Value Pairs to JavaScript Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: 将键值对添加到JavaScript对象
+---
+
+## Description
+<section id="description">在最基本的情况下，对象只是<dfn>键值对的</dfn>集合，换句话说，映射到我们称为<dfn>属性</dfn>或<dfn>键的</dfn>唯一标识符的数据片段。我们来看一个非常简单的例子： <blockquote>让FCC_User = { <br>用户名：&#39;awesome_coder&#39;， <br>粉丝：572， <br>积分：1741， <br>已完成项目：15 <br> }; </blockquote>上面的代码定义了一个名为<code>FCC_User</code>的对象，它有四个<dfn>属性</dfn> ，每个<dfn>属性</dfn>都映射到一个特定的值。如果我们想知道的数量<code>followers</code> <code>FCC_User</code>了，我们可以通过写访问属性： <blockquote> let userData = FCC_User.followers; <br> // userData等于572 </blockquote>这称为<dfn>点符号</dfn> 。或者，我们也可以使用括号访问该属性，如下所示： <blockquote>让userData = FCC_User [&#39;粉丝&#39;] <br> // userData等于572 </blockquote>请注意，带<dfn>支架的符号</dfn> ，我们封闭<code>followers</code>在引号。这是因为括号实际上允许我们传递一个变量以作为属性名称进行评估（提示：请记住这一点以供日后使用！）。如果我们在没有引号的情况下传递了<code>followers</code> ，那么JavaScript引擎会尝试将其作为变量进行评估，而<code>ReferenceError: followers is not defined</code>将被抛出。 </section>
+
+## Instructions
+<section id="instructions">使用相同的语法，我们还<em><strong>可以</strong></em>向对象<em><strong>添加新的</strong></em>键值对。我们用三个条目创建了一个<code>foods</code>对象。再添加三个条目：价值为<code>13</code> <code>bananas</code> ，价值为<code>35</code> <code>grapes</code>和价值为<code>27</code> <code>strawberries</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>foods</code>是一个对象
+    testString: 'assert(typeof foods === "object", "<code>foods</code> is an object");'
+  - text: <code>foods</code>对象有一个值为<code>13</code>的关键<code>&quot;bananas&quot;</code>
+    testString: 'assert(foods.bananas === 13, "The <code>foods</code> object has a key <code>"bananas"</code> with a value of <code>13</code>");'
+  - text: <code>foods</code>对象有一个关键的<code>&quot;grapes&quot;</code> ，价值<code>35</code>
+    testString: 'assert(foods.grapes === 35, "The <code>foods</code> object has a key <code>"grapes"</code> with a value of <code>35</code>");'
+  - text: <code>foods</code>对象有一个关键的<code>&quot;strawberries&quot;</code> ，值为<code>27</code>
+    testString: 'assert(foods.strawberries === 27, "The <code>foods</code> object has a key <code>"strawberries"</code> with a value of <code>27</code>");'
+  - text: 应使用点或括号表示法设置键值对
+    testString: 'assert(code.search(/bananas:/) === -1 && code.search(/grapes:/) === -1 && code.search(/strawberries:/) === -1, "The key-value pairs should be set using dot or bracket notation");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let foods = {
+  apples: 25,
+  oranges: 32,
+  plums: 28
+};
+
+// change code below this line
+
+// change code above this line
+
+console.log(foods);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/check-for-the-presence-of-an-element-with-indexof.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/check-for-the-presence-of-an-element-with-indexof.chinese.md
new file mode 100644
index 0000000000..f9dac24bbe
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/check-for-the-presence-of-an-element-with-indexof.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b7b367417b2b2512b14
+title: Check For The Presence of an Element With indexOf()
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用indexOf（）检查元素是否存在
+---
+
+## Description
+<section id="description">由于数组可以随时更改或<em>变异</em> ，因此无法保证特定数据在特定数组中的位置，或者该元素是否仍然存在。幸运的是，JavaScript为我们提供了另一种内置方法<code>indexOf()</code> ，它允许我们快速，轻松地检查数组中元素的存在。 <code>indexOf()</code>接受一个元素作为参数，并在调用时返回该元素的位置或索引，如果该元素在数组中不存在，则返回<code>-1</code> 。例如： <blockquote>让水果= [&#39;苹果&#39;，&#39;梨&#39;，&#39;橙子&#39;，&#39;桃子&#39;，&#39;梨子&#39;]; <br><br> fruits.indexOf（&#39;dates&#39;）//返回-1 <br> fruits.indexOf（&#39;oranges&#39;）//返回2 <br> fruits.indexOf（&#39;pears&#39;）//返回1，元素所在的第一个索引</blockquote></section>
+
+## Instructions
+<section id="instructions"> <code>indexOf()</code>对于快速检查数组中是否存在元素非常有用。我们定义了一个函数<code>quickCheck</code> ，它将一个数组和一个元素作为参数。使用<code>indexOf()</code>修改函数，以便在传递的元素存在于数组时返回<code>true</code>如果不存在则返回<code>false</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>quickCheck([&quot;squash&quot;, &quot;onions&quot;, &quot;shallots&quot;], &quot;mushrooms&quot;)</code>应该返回<code>false</code>'
+    testString: 'assert.strictEqual(quickCheck(["squash", "onions", "shallots"], "mushrooms"), false, "<code>quickCheck(["squash", "onions", "shallots"], "mushrooms")</code> should return <code>false</code>");'
+  - text: '<code>quickCheck([&quot;squash&quot;, &quot;onions&quot;, &quot;shallots&quot;], &quot;onions&quot;)</code>应该返回<code>true</code>'
+    testString: 'assert.strictEqual(quickCheck(["squash", "onions", "shallots"], "onions"), true, "<code>quickCheck(["squash", "onions", "shallots"], "onions")</code> should return <code>true</code>");'
+  - text: '<code>quickCheck([3, 5, 9, 125, 45, 2], 125)</code>应该返回<code>true</code>'
+    testString: 'assert.strictEqual(quickCheck([3, 5, 9, 125, 45, 2], 125), true, "<code>quickCheck([3, 5, 9, 125, 45, 2], 125)</code> should return <code>true</code>");'
+  - text: '<code>quickCheck([true, false, false], undefined)</code>应返回<code>false</code>'
+    testString: 'assert.strictEqual(quickCheck([true, false, false], undefined), false, "<code>quickCheck([true, false, false], undefined)</code> should return <code>false</code>");'
+  - text: <code>quickCheck</code>函数应该使用<code>indexOf()</code>方法
+    testString: 'assert.notStrictEqual(quickCheck.toString().search(/\.indexOf\(/), -1, "The <code>quickCheck</code> function should utilize the <code>indexOf()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function quickCheck(arr, elem) {
+  // change code below this line
+
+  // change code above this line
+}
+
+// change code here to test different cases:
+console.log(quickCheck(['squash', 'onions', 'shallots'], 'mushrooms'));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/check-if-an-object-has-a-property.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/check-if-an-object-has-a-property.chinese.md
new file mode 100644
index 0000000000..2d3cf49b41
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/check-if-an-object-has-a-property.chinese.md
@@ -0,0 +1,78 @@
+---
+id: 587d7b7d367417b2b2512b1c
+title: Check if an Object has a Property
+challengeType: 1
+videoUrl: ''
+localeTitle: 检查对象是否具有属性
+---
+
+## Description
+<section id="description">现在我们可以添加，修改和删除对象中的键。但是，如果我们只是想知道某个对象是否具有特定属性呢？ JavaScript为我们提供了两种不同的方法。一个使用<code>hasOwnProperty()</code>方法，另一个使用<code>in</code>关键字。如果我们有一个具有<code>Alan</code>属性的对象<code>users</code> ，我们可以通过以下任一方式检查其存在： <blockquote> users.hasOwnProperty（ &#39;艾伦&#39;）; <br> &#39;艾伦&#39;在用户; <br> //都返回true </blockquote></section>
+
+## Instructions
+<section id="instructions">我们创建了一个对象， <code>users</code> ，其中包含一些用户和一个函数<code>isEveryoneHere</code> ，我们将<code>users</code>对象作为参数传递给它。完成编写此函数，以便仅当<code>users</code>对象包含所有四个名称（ <code>Alan</code> ， <code>Jeff</code> ， <code>Sarah</code>和<code>Ryan</code> ）作为键时才返回<code>true</code> ，否则返回<code>false</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>users</code>对象仅包含<code>Alan</code> ， <code>Jeff</code> ， <code>Sarah</code>和<code>Ryan</code>
+    testString: 'assert("Alan" in users && "Jeff" in users && "Sarah" in users && "Ryan" in users && Object.keys(users).length === 4, "The <code>users</code> object only contains the keys <code>Alan</code>, <code>Jeff</code>, <code>Sarah</code>, and <code>Ryan</code>");'
+  - text: 如果<code>Alan</code> ， <code>Jeff</code> ， <code>Sarah</code>和<code>Ryan</code>是<code>users</code>对象的属性，则函数<code>isEveryoneHere</code>返回<code>true</code>
+    testString: 'assert(isEveryoneHere(users) === true, "The function <code>isEveryoneHere</code> returns <code>true</code> if <code>Alan</code>, <code>Jeff</code>, <code>Sarah</code>, and <code>Ryan</code> are properties on the <code>users</code> object");'
+  - text: 如果<code>Alan</code> ， <code>Jeff</code> ， <code>Sarah</code>和<code>Ryan</code>不是<code>users</code>对象的属性，则函数<code>isEveryoneHere</code>返回<code>false</code>
+    testString: 'assert((function() { delete users.Alan; delete users.Jeff; delete users.Sarah; delete users.Ryan; return isEveryoneHere(users) })() === false, "The function <code>isEveryoneHere</code> returns <code>false</code> if <code>Alan</code>, <code>Jeff</code>, <code>Sarah</code>, and <code>Ryan</code> are not properties on the <code>users</code> object");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let users = {
+  Alan: {
+    age: 27,
+    online: true
+  },
+  Jeff: {
+    age: 32,
+    online: true
+  },
+  Sarah: {
+    age: 48,
+    online: true
+  },
+  Ryan: {
+    age: 19,
+    online: true
+  }
+};
+
+function isEveryoneHere(obj) {
+  // change code below this line
+
+  // change code above this line
+}
+
+console.log(isEveryoneHere(users));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/combine-arrays-with-the-spread-operator.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/combine-arrays-with-the-spread-operator.chinese.md
new file mode 100644
index 0000000000..ec13777a3f
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/combine-arrays-with-the-spread-operator.chinese.md
@@ -0,0 +1,58 @@
+---
+id: 587d7b7b367417b2b2512b17
+title: Combine Arrays with the Spread Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: 将数组与Spread运算符组合在一起
+---
+
+## Description
+<section id="description"> <dfn>扩展</dfn>运算符的另一个巨大优势是能够组合数组，或者在任何索引处将一个数组的所有元素插入到另一个数组中。使用更传统的语法，我们可以连接数组，但这只允许我们在一个数组的末尾和另一个数组的开头组合数组。 Spread语法使以下操作非常简单： <blockquote>让thisArray = [&#39;sage&#39;，&#39;迷迭香&#39;，&#39;欧芹&#39;，&#39;百里香&#39;]; <br><br>让那个阵容= [&#39;罗勒&#39;，&#39;香菜&#39;，......这个阿雷，&#39;香菜&#39;]; <br> //现在等于[&#39;罗勒&#39;，&#39;香菜&#39;，&#39;鼠尾草&#39;，&#39;迷迭香&#39;，&#39;欧芹&#39;，&#39;百里香&#39;，&#39;香菜&#39;] </blockquote>使用扩展语法，我们刚刚实现了一个操作，如果我们使用传统方法，这个操作会更复杂，更冗长。 </section>
+
+## Instructions
+<section id="instructions">我们定义了一个函数<code>spreadOut</code> ，它返回变量<code>sentence</code> ，使用<dfn>spread</dfn>运算符修改函数，使它返回数组<code>[&#39;learning&#39;, &#39;to&#39;, &#39;code&#39;, &#39;is&#39;, &#39;fun&#39;]</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>spreadOut</code>应该返回<code>[&quot;learning&quot;, &quot;to&quot;, &quot;code&quot;, &quot;is&quot;, &quot;fun&quot;]</code>'
+    testString: 'assert.deepEqual(spreadOut(), ["learning", "to", "code", "is", "fun"], "<code>spreadOut</code> should return <code>["learning", "to", "code", "is", "fun"]</code>");'
+  - text: <code>spreadOut</code>函数应该使用扩展语法
+    testString: 'assert.notStrictEqual(spreadOut.toString().search(/[...]/), -1, "The <code>spreadOut</code> function should utilize spread syntax");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function spreadOut() {
+  let fragment = ['to', 'code'];
+  let sentence; // change this line
+  return sentence;
+}
+
+// do not change code below this line
+console.log(spreadOut());
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-an-array-with-the-spread-operator.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-an-array-with-the-spread-operator.chinese.md
new file mode 100644
index 0000000000..3374c55a0b
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-an-array-with-the-spread-operator.chinese.md
@@ -0,0 +1,69 @@
+---
+id: 587d7b7b367417b2b2512b13
+title: Copy an Array with the Spread Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用Spread Operator复制数组
+---
+
+## Description
+<section id="description">虽然<code>slice()</code>允许我们选择要复制的数组元素，但在其他几个有用的任务中，ES6的新<dfn>扩展运算符</dfn>允许我们使用简单且高度可读的语法轻松地按顺序复制<em>所有</em>数组的元素。扩展语法看起来像这样： <code>...</code>在实践中，我们可以使用spread运算符来复制数组，如下所示： <blockquote> let thisArray = [true，true，undefined，false，null]; <br>让thatArray = [... thisArray]; <br> // thatArray等于[true，true，undefined，false，null] <br> // thisArray保持不变，与thatArray相同</blockquote></section>
+
+## Instructions
+<section id="instructions">我们定义了一个函数<code>copyMachine</code> ，它将<code>arr</code> （数组）和<code>num</code> （数字）作为参数。该函数应该返回一个由<code>arr</code>的<code>num</code>副本组成的新数组。我们为您完成了大部分工作，但它还没有正常工作。使用扩展语法修改函数以使其正常工作（提示：我们已经介绍过的另一种方法可能会派上用场！）。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>copyMachine([true, false, true], 2)</code>应返回<code>[[true, false, true], [true, false, true]]</code>'
+    testString: 'assert.deepEqual(copyMachine([true, false, true], 2), [[true, false, true], [true, false, true]], "<code>copyMachine([true, false, true], 2)</code> should return <code>[[true, false, true], [true, false, true]]</code>");'
+  - text: '<code>copyMachine([1, 2, 3], 5)</code>应返回<code>[[1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3]]</code>'
+    testString: 'assert.deepEqual(copyMachine([1, 2, 3], 5), [[1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3]], "<code>copyMachine([1, 2, 3], 5)</code> should return <code>[[1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3]]</code>");'
+  - text: '<code>copyMachine([true, true, null], 1)</code>应该返回<code>[[true, true, null]]</code>'
+    testString: 'assert.deepEqual(copyMachine([true, true, null], 1), [[true, true, null]], "<code>copyMachine([true, true, null], 1)</code> should return <code>[[true, true, null]]</code>");'
+  - text: '<code>copyMachine([&quot;it works&quot;], 3)</code>应该返回<code>[[&quot;it works&quot;], [&quot;it works&quot;], [&quot;it works&quot;]]</code>'
+    testString: 'assert.deepEqual(copyMachine(["it works"], 3), [["it works"], ["it works"], ["it works"]], "<code>copyMachine(["it works"], 3)</code> should return <code>[["it works"], ["it works"], ["it works"]]</code>");'
+  - text: <code>copyMachine</code>函数应该使用带有数组<code>arr</code>的<code>spread operator</code>
+    testString: 'assert.notStrictEqual(copyMachine.toString().indexOf(".concat(_toConsumableArray(arr))"), -1, "The <code>copyMachine</code> function should utilize the <code>spread operator</code> with array <code>arr</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function copyMachine(arr, num) {
+  let newArr = [];
+  while (num >= 1) {
+    // change code below this line
+
+    // change code above this line
+    num--;
+  }
+  return newArr;
+}
+
+// change code here to test different cases:
+console.log(copyMachine([true, false, true], 2));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-array-items-using-slice.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-array-items-using-slice.chinese.md
new file mode 100644
index 0000000000..777fb946e5
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-array-items-using-slice.chinese.md
@@ -0,0 +1,58 @@
+---
+id: 587d7b7a367417b2b2512b12
+title: Copy Array Items Using slice()
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用slice（）复制数组项
+---
+
+## Description
+<section id="description">我们将介绍的下一个方法是<code>slice()</code> 。 <code>slice()</code> ，而不是修改数组，将给定数量的元素复制或<em>提取</em>到新数组，而不改变它所调用的数组。 <code>slice()</code>只接受2个参数 - 第一个是开始提取的索引，第二个是停止提取的索引（提取将发生，但不包括此索引处的元素）。考虑一下： <blockquote>让weatherConditions = [&#39;rain&#39;，&#39;snow&#39;，&#39;sleet&#39;，&#39;hail&#39;，&#39;clear&#39;]; <br><br>让todaysWeather = weatherConditions.slice（1,3）; <br> //今天天气等于[&#39;雪&#39;，&#39;雨夹雪&#39;]; <br> // weatherConditions仍等于[&#39;rain&#39;，&#39;snow&#39;，&#39;sleet&#39;，&#39;hail&#39;，&#39;clear&#39;] <br></blockquote>实际上，我们通过从现有数组中提取元素来创建一个新数组。 </section>
+
+## Instructions
+<section id="instructions">我们定义了一个以数组作为参数的函数<code>forecast</code> 。使用<code>slice()</code>修改函数以从参数数组中提取信息，并返回包含元素<code>&#39;warm&#39;</code>和<code>&#39;sunny&#39;</code>的新数组。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>forecast</code>应该返回<code>[&quot;warm&quot;, &quot;sunny&quot;]</code>'
+    testString: 'assert.deepEqual(forecast(["cold", "rainy", "warm", "sunny", "cool", "thunderstorms"]), ["warm", "sunny"], "<code>forecast</code> should return <code>["warm", "sunny"]");'
+  - text: <code>forecast</code>函数应该使用<code>slice()</code>方法
+    testString: 'assert(/\.slice\(/.test(code), "The <code>forecast</code> function should utilize the <code>slice()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function forecast(arr) {
+  // change code below this line
+
+  return arr;
+}
+
+// do not change code below this line
+console.log(forecast(['cold', 'rainy', 'warm', 'sunny', 'cool', 'thunderstorms']));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/create-complex-multi-dimensional-arrays.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/create-complex-multi-dimensional-arrays.chinese.md
new file mode 100644
index 0000000000..cd18687c8a
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/create-complex-multi-dimensional-arrays.chinese.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b7b367417b2b2512b16
+title: Create complex multi-dimensional arrays
+challengeType: 1
+videoUrl: ''
+localeTitle: 创建复杂的多维数组
+---
+
+## Description
+<section id="description">真棒！你刚学了很多关于阵列的知识！这是一个相当高级别的概述，有很多关于使用数组的知识，其中大部分将在后面的章节中看到。但在继续观察<dfn>对象之前</dfn> ，让我们再看一下，看看阵列如何变得比我们在之前的挑战中看到的更复杂。将数组视为数据结构时，最强大的功能之一是数组可以包含甚至完全由其他数组组成。我们已经看到在之前的挑战中包含数组的数组，但相当简单。但是，数组可以包含无限深度的数组，这些数组可以包含其他数组，每个数组都有自己的任意深度级别，依此类推。通过这种方式，数组可以非常快速地变成非常复杂的数据结构，称为<dfn>多维</dfn>或嵌套数组。请考虑以下示例： <blockquote>让nestedArray = [// top，或first level  - 最外面的数组<br> [&#39;deep&#39;]，//数组中的数组，2个深度级别<br> [ <br> [&#39;更深&#39;]，[&#39;更深&#39;] // 2个数组嵌套3层深<br> ] <br> [ <br> [ <br> [&#39;deepest&#39;]，[&#39;最深&#39;] // 2个数组嵌套了4个级别<br> ] <br> [ <br> [ <br> [&#39;deepest-est？&#39;] //一个数组嵌套5层深<br> ] <br> ] <br> ] <br> ]。 </blockquote>虽然这个例子看似令人费解，但在处理大量数据时，这种复杂程度并非闻所未闻，甚至不同寻常。但是，我们仍然可以使用括号表示法轻松访问此复杂数组的最深层次： <blockquote>的console.log（nestedArray [2] [1] [0] [0] [0]）; <br> //日志：最深？ </blockquote>现在我们知道那条数据在哪里，如果需要，我们可以重置它： <blockquote> nestedArray [2] [1] [0] [0] [0] =“更深”; <br><br>的console.log（nestedArray [2] [1] [0] [0] [0]）; <br> //现在记录：更深入</blockquote></section>
+
+## Instructions
+<section id="instructions">我们已经定义了一个变量<code>myNestedArray</code> ，它等于一个数组。修改<code>myNestedArray</code> ，使用数据元素的<dfn>字符串</dfn> ， <dfn>数字</dfn>和<dfn>布尔值的</dfn>任意组合，以便它具有五个深度级别（请记住，最外层的数组是级别1）。某处在第三级上，包括字符串<code>&#39;deep&#39;</code> ，在第四级，包括字符串<code>&#39;deeper&#39;</code> ，并且在第五层上，包括字符串<code>&#39;deepest&#39;</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myNestedArray</code>应仅包含数字，布尔值和字符串作为数据元素
+    testString: 'assert.strictEqual((function(arr) { let flattened = (function flatten(arr) { const flat = [].concat(...arr); return flat.some (Array.isArray) ? flatten(flat) : flat; })(arr); for (let i = 0; i < flattened.length; i++) { if ( typeof flattened[i] !== "number" && typeof flattened[i] !== "string" && typeof flattened[i] !== "boolean") { return false } } return true })(myNestedArray), true, "<code>myNestedArray</code> should contain only numbers, booleans, and strings as data elements");'
+  - text: <code>myNestedArray</code>应该有5个级别的深度
+    testString: 'assert.strictEqual((function(arr) {let depth = 0;function arrayDepth(array, i, d) { if (Array.isArray(array[i])) {  arrayDepth(array[i], 0, d + 1);} else {  depth = (d > depth) ? d : depth;}if (i < array.length) {  arrayDepth(array, i + 1, d);}  }arrayDepth(arr, 0, 0);return depth;})(myNestedArray), 4, "<code>myNestedArray</code> should have exactly 5 levels of depth");'
+  - text: <code>myNestedArray</code>应该在嵌套3级深度的数组中恰好包含一个字符串<code>&quot;deep&quot;</code>
+    testString: 'assert((function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deep").length === 1 && (function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deep")[0] === 2, "<code>myNestedArray</code> should contain exactly one occurrence of the string <code>"deep"</code> on an array nested 3 levels deep");'
+  - text: <code>myNestedArray</code>应该在嵌套4级深度的数组中恰好包含一个字符串<code>&quot;deeper&quot;</code> deep”
+    testString: 'assert((function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deeper").length === 1 && (function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deeper")[0] === 3, "<code>myNestedArray</code> should contain exactly one occurrence of the string <code>"deeper"</code> on an array nested 4 levels deep");'
+  - text: <code>myNestedArray</code>应该在嵌套5级深度的数组中恰好包含一个字符串<code>&quot;deepest&quot;</code> <code>myNestedArray</code> <code>&quot;deepest&quot;</code>
+    testString: 'assert((function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deepest").length === 1 && (function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deepest")[0] === 4, "<code>myNestedArray</code> should contain exactly one occurrence of the string <code>"deepest"</code> on an array nested 5 levels deep");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myNestedArray = [
+  // change code below this line
+  ['unshift', false, 1, 2, 3, 'complex', 'nested'],
+  ['loop', 'shift', 6, 7, 1000, 'method'],
+  ['concat', false, true, 'spread', 'array'],
+  ['mutate', 1327.98, 'splice', 'slice', 'push'],
+  ['iterate', 1.3849, 7, '8.4876', 'arbitrary', 'depth']
+  // change code above this line
+];
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/generate-an-array-of-all-object-keys-with-object.keys.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/generate-an-array-of-all-object-keys-with-object.keys.chinese.md
new file mode 100644
index 0000000000..2be5dc3007
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/generate-an-array-of-all-object-keys-with-object.keys.chinese.md
@@ -0,0 +1,76 @@
+---
+id: 587d7b7d367417b2b2512b1e
+title: Generate an Array of All Object Keys with Object.keys()
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用Object.keys（）生成所有对象键的数组
+---
+
+## Description
+<section id="description">我们还可以使用<code>Object.keys()</code>方法生成一个数组，其中包含存储在对象中的所有键，并传入一个对象作为参数。这将返回一个数组，其中的字符串表示对象中的每个属性。同样，数组中的条目没有特定的顺序。 </section>
+
+## Instructions
+<section id="instructions">完成编写<code>getArrayOfUsers</code>函数，以便它返回一个数组，该数组包含它作为参数接收的对象中的所有属性。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>users</code>对象仅包含<code>Alan</code> ， <code>Jeff</code> ， <code>Sarah</code>和<code>Ryan</code>
+    testString: 'assert("Alan" in users && "Jeff" in users && "Sarah" in users && "Ryan" in users && Object.keys(users).length === 4, "The <code>users</code> object only contains the keys <code>Alan</code>, <code>Jeff</code>, <code>Sarah</code>, and <code>Ryan</code>");'
+  - text: <code>getArrayOfUsers</code>函数返回一个数组，其中包含<code>users</code>对象中的所有键
+    testString: 'assert((function() { users.Sam = {}; users.Lewis = {}; let R = getArrayOfUsers(users); return (R.indexOf("Alan") !== -1 && R.indexOf("Jeff") !== -1 && R.indexOf("Sarah") !== -1 && R.indexOf("Ryan") !== -1 && R.indexOf("Sam") !== -1 && R.indexOf("Lewis") !== -1); })() === true, "The <code>getArrayOfUsers</code> function returns an array which contains all the keys in the <code>users</code> object");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let users = {
+  Alan: {
+    age: 27,
+    online: false
+  },
+  Jeff: {
+    age: 32,
+    online: true
+  },
+  Sarah: {
+    age: 48,
+    online: false
+  },
+  Ryan: {
+    age: 19,
+    online: true
+  }
+};
+
+function getArrayOfUsers(obj) {
+  // change code below this line
+
+  // change code above this line
+}
+
+console.log(getArrayOfUsers(users));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-all-an-arrays-items-using-for-loops.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-all-an-arrays-items-using-for-loops.chinese.md
new file mode 100644
index 0000000000..5d80fb30bb
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-all-an-arrays-items-using-for-loops.chinese.md
@@ -0,0 +1,66 @@
+---
+id: 587d7b7b367417b2b2512b15
+title: Iterate Through All an Array's Items Using For Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用for循环遍历所有数组的项目
+---
+
+## Description
+<section id="description">有时在使用数组时，能够遍历每个项目以查找我们可能需要的一个或多个元素，或者根据哪些数据项符合某组标准来操作数组非常方便。 JavaScript提供了几种内置方法，每种方法都以稍微不同的方式迭代数组以实现不同的结果（例如<code>every()</code> ， <code>forEach()</code> ， <code>map()</code>等），但是这种技术最灵活并且为我们提供了最大的控制量是一个简单的<code>for</code>循环。考虑以下： <blockquote> function greaterThanTen（arr）{ <br>让newArr = []; <br> for（let i = 0; i &lt;arr.length; i ++）{ <br> if（arr [i]&gt; 10）{ <br> （ARR [I]）newArr.push; <br> } <br> } <br>返回newArr; <br> } <br><br> greaterThanTen（[2,12,8,14,80,0,1]）; <br> //返回[12,14,80] </blockquote>使用<code>for</code>循环，此函数遍历并访问数组的每个元素，并使其经受我们创建的简单测试。通过这种方式，我们可以轻松地以编程方式确定哪些数据项大于<code>10</code> ，并返回包含这些项的新数组。 </section>
+
+## Instructions
+<section id="instructions">我们定义了一个函数<code>filteredArray</code> ，它接受<code>arr</code> ，一个嵌套数组和<code>elem</code>作为参数，并返回一个新数组。 <code>elem</code>表示在<code>arr</code>嵌套的一个或多个数组上可能存在或不存在的元素。使用<code>for</code>循环修改函数，以返回已传递数组的过滤版本，以便删除嵌套在包含<code>elem</code> <code>arr</code>中的任何数组。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>filteredArray([[10, 8, 3], [14, 6, 23], [3, 18, 6]], 18)</code>应该返回<code>[ [10, 8, 3], [14, 6, 23] ]</code>'
+    testString: 'assert.deepEqual(filteredArray([ [10, 8, 3], [14, 6, 23], [3, 18, 6] ], 18), [[10, 8, 3], [14, 6, 23]], "<code>filteredArray([[10, 8, 3], [14, 6, 23], [3, 18, 6]], 18)</code> should return <code>[ [10, 8, 3], [14, 6, 23] ]</code>");'
+  - text: '<code>filteredArray([ [&quot;trumpets&quot;, 2], [&quot;flutes&quot;, 4], [&quot;saxophones&quot;, 2] ], 2)</code>应返回<code>[ [&quot;flutes&quot;, 4] ]</code>'
+    testString: 'assert.deepEqual(filteredArray([ ["trumpets", 2], ["flutes", 4], ["saxophones", 2] ], 2), [["flutes", 4]], "<code>filteredArray([ ["trumpets", 2], ["flutes", 4], ["saxophones", 2] ], 2)</code> should return <code>[ ["flutes", 4] ]</code>");'
+  - text: '<code>filteredArray([ [&quot;amy&quot;, &quot;beth&quot;, &quot;sam&quot;], [&quot;dave&quot;, &quot;sean&quot;, &quot;peter&quot;] ], &quot;peter&quot;)</code>应该返回<code>[ [&quot;amy&quot;, &quot;beth&quot;, &quot;sam&quot;] ]</code>'
+    testString: 'assert.deepEqual(filteredArray([["amy", "beth", "sam"], ["dave", "sean", "peter"]], "peter"), [["amy", "beth", "sam"]], "<code>filteredArray([ ["amy", "beth", "sam"], ["dave", "sean", "peter"] ], "peter")</code> should return <code>[ ["amy", "beth", "sam"] ]</code>");'
+  - text: '<code>filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3)</code>应该返回<code>[ ]</code>'
+    testString: 'assert.deepEqual(filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3), [], "<code>filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3)</code> should return <code>[ ]</code>");'
+  - text: <code>filteredArray</code>函数应该使用<code>for</code>循环
+    testString: 'assert.notStrictEqual(filteredArray.toString().search(/for/), -1, "The <code>filteredArray</code> function should utilize a <code>for</code> loop");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function filteredArray(arr, elem) {
+  let newArr = [];
+  // change code below this line
+
+  // change code above this line
+  return newArr;
+}
+
+// change code here to test different cases:
+console.log(filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-array-stored-in-an-object.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-array-stored-in-an-object.chinese.md
new file mode 100644
index 0000000000..f982f2c8b2
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-array-stored-in-an-object.chinese.md
@@ -0,0 +1,79 @@
+---
+id: 587d7b7d367417b2b2512b1f
+title: Modify an Array Stored in an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: 修改存储在对象中的数组
+---
+
+## Description
+<section id="description">现在您已经看到了JavaScript对象的所有基本操作。您可以添加，修改和删除键值对，检查键是否存在，并迭代对象中的所有键。随着您继续学习JavaScript，您将看到更多功能的对象应用程序。此外，课程后面的可选高级数据结构课程还涵盖ES6 <dfn>Map</dfn>和<dfn>Set</dfn>对象，这两个对象与普通对象类似，但提供了一些附加功能。既然您已经学习了数组和对象的基础知识，那么您已经准备好开始使用JavaScript解决更复杂的问题了！ </section>
+
+## Instructions
+<section id="instructions">看看我们在代码编辑器中提供的对象。 <code>user</code>对象包含三个键。 <code>data</code>键包含五个键，其中一个键包含一组<code>friends</code> 。从这里，您可以看到灵活的对象如何作为数据结构。我们已经开始编写一个函数<code>addFriend</code> 。完成编写它以便它获取<code>user</code>对象并将<code>friend</code>参数的名称添加到存储在<code>user.data.friends</code>中的数组并返回该数组。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>user</code>对象具有<code>name</code> ， <code>age</code>和<code>data</code>键
+    testString: 'assert("name" in user && "age" in user && "data" in user, "The <code>user</code> object has <code>name</code>, <code>age</code>, and <code>data</code> keys");'
+  - text: <code>addFriend</code>函数接受<code>user</code>对象和<code>friend</code>字符串作为参数，并将朋友添加到<code>user</code>对象中的<code>friends</code>数组
+    testString: 'assert((function() { let L1 = user.data.friends.length; addFriend(user, "Sean"); let L2 = user.data.friends.length; return (L2 === L1 + 1); })(), "The <code>addFriend</code> function accepts a <code>user</code> object and a <code>friend</code> string as arguments and adds the friend to the array of <code>friends</code> in the <code>user</code> object");'
+  - text: '<code>addFriend(user, &quot;Pete&quot;)</code>应该返回<code>[&quot;Sam&quot;, &quot;Kira&quot;, &quot;Tomo&quot;, &quot;Pete&quot;]</code>'
+    testString: 'assert.deepEqual((function() { delete user.data.friends; user.data.friends = ["Sam", "Kira", "Tomo"]; return addFriend(user, "Pete") })(), ["Sam", "Kira", "Tomo", "Pete"], "<code>addFriend(user, "Pete")</code> should return <code>["Sam", "Kira", "Tomo", "Pete"]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let user = {
+  name: 'Kenneth',
+  age: 28,
+  data: {
+    username: 'kennethCodesAllDay',
+    joinDate: 'March 26, 2016',
+    organization: 'freeCodeCamp',
+    friends: [
+      'Sam',
+      'Kira',
+      'Tomo'
+    ],
+    location: {
+      city: 'San Francisco',
+      state: 'CA',
+      country: 'USA'
+    }
+  }
+};
+
+function addFriend(userObj, friend) {
+  // change code below this line
+
+  // change code above this line
+}
+
+console.log(addFriend(user, 'Pete'));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-object-nested-within-an-object.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-object-nested-within-an-object.chinese.md
new file mode 100644
index 0000000000..76f83e14d3
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-object-nested-within-an-object.chinese.md
@@ -0,0 +1,68 @@
+---
+id: 587d7b7c367417b2b2512b19
+title: Modify an Object Nested Within an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: 修改嵌套在对象中的对象
+---
+
+## Description
+<section id="description">现在让我们来看一个稍微复杂的对象。对象属性可以嵌套到任意深度，它们的值可以是JavaScript支持的任何类型的数据，包括数组甚至其他对象。考虑以下： <blockquote>让nestedObject = { <br> id：28802695164， <br>日期：&#39;2016年12月31日&#39;， <br>数据：{ <br>总用户：99， <br>在线：80， <br> onlineStatus：{ <br>活跃：67， <br>离开：13 <br> } <br> } <br> }; </blockquote> <code>nestedObject</code>有三个唯一的键： <code>id</code> ，其值为数字， <code>date</code>为字符串的<code>data</code> ， <code>data</code> ，其值为另一个嵌套在其中的对象。虽然结构很快就会变得复杂，但我们仍然可以使用相同的符号来访问我们需要的信息。 </section>
+
+## Instructions
+<section id="instructions">在这里，我们定义了一个对象<code>userActivity</code> ，其中包含嵌套在其中的另一个对象。您可以像修改上一个挑战中的属性一样修改此嵌套对象的属性。将<code>online</code>密钥的值设置为<code>45</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>userActivity</code>具有<code>id</code> ， <code>date</code>和<code>data</code>属性
+    testString: 'assert("id" in userActivity && "date" in userActivity && "data" in userActivity, "<code>userActivity</code> has <code>id</code>, <code>date</code> and <code>data</code> properties");'
+  - text: <code>userActivity</code>具有设置为具有密钥<code>totalUsers</code>和<code>online</code>的对象的<code>data</code>密钥
+    testString: 'assert("totalUsers" in userActivity.data && "online" in userActivity.data, "<code>userActivity</code> has a <code>data</code> key set to an object with keys <code>totalUsers</code> and <code>online</code>");'
+  - text: 嵌套在<code>userActivity</code> <code>data</code>键中的<code>online</code>属性应设置为<code>45</code>
+    testString: 'assert(userActivity.data.online === 45, "The <code>online</code> property nested in the <code>data</code> key of <code>userActivity</code> should be set to <code>45</code>");'
+  - text: <code>online</code>属性使用点或括号表示法设置
+    testString: 'assert.strictEqual(code.search(/online: 45/), -1, "The <code>online</code> property is set using dot or bracket notation");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let userActivity = {
+  id: 23894201352,
+  date: 'January 1, 2017',
+  data: {
+    totalUsers: 51,
+    online: 42
+  }
+};
+
+// change code below this line
+
+// change code above this line
+
+console.log(userActivity);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-from-an-array-with-pop-and-shift.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-from-an-array-with-pop-and-shift.chinese.md
new file mode 100644
index 0000000000..5e7990ab50
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-from-an-array-with-pop-and-shift.chinese.md
@@ -0,0 +1,60 @@
+---
+id: 587d78b2367417b2b2512b0f
+title: Remove Items from an Array with pop() and shift()
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用pop（）和shift（）从数组中删除项
+---
+
+## Description
+<section id="description"> <code>push()</code>和<code>unshift()</code>都有相应的几乎相反的方法： <code>pop()</code>和<code>shift()</code> 。正如您现在可能已经猜到的那样， <code>pop()</code>不是添加，而是从数组的末尾<em>删除</em>元素，而<code>shift()</code>从头开始删除元素。 <code>pop()</code>和<code>shift()</code>及其兄弟<code>push()</code>和<code>unshift()</code>之间的关键区别在于，两个方法都不接受参数，并且每个方法只允许一次由单个元素修改数组。让我们来看看： <blockquote>让问候= [&#39;什么事情？&#39;，&#39;你好&#39;，&#39;看到你！&#39;]; <br><br> greetings.pop（）; <br> //现在等于[&#39;whats up？&#39;，&#39;hello&#39;] <br><br> greetings.shift（）; <br> //现在等于[&#39;你好&#39;] </blockquote>我们还可以使用以下任一方法返回已删除元素的值： <blockquote> let popped = greetings.pop（）; <br> //返回&#39;你好&#39; <br> //问候现在等于[] </blockquote></section>
+
+## Instructions
+<section id="instructions">我们定义了一个函数<code>popShift</code> ，它将一个数组作为参数并返回一个新数组。使用<code>pop()</code>和<code>shift()</code>修改函数，删除参数数组的第一个和最后一个元素，并将删除的元素分配给它们对应的变量，以便返回的数组包含它们的值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>popShift([&quot;challenge&quot;, &quot;is&quot;, &quot;not&quot;, &quot;complete&quot;])</code>应返回<code>[&quot;challenge&quot;, &quot;complete&quot;]</code>'
+    testString: 'assert.deepEqual(popShift(["challenge", "is", "not", "complete"]), ["challenge", "complete"], "<code>popShift(["challenge", "is", "not", "complete"])</code> should return <code>["challenge", "complete"]</code>");'
+  - text: <code>popShift</code>函数应该使用<code>pop()</code>方法
+    testString: 'assert.notStrictEqual(popShift.toString().search(/\.pop\(/), -1, "The <code>popShift</code> function should utilize the <code>pop()</code> method");'
+  - text: <code>popShift</code>函数应该使用<code>shift()</code>方法
+    testString: 'assert.notStrictEqual(popShift.toString().search(/\.shift\(/), -1, "The <code>popShift</code> function should utilize the <code>shift()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function popShift(arr) {
+  let popped; // change this line
+  let shifted; // change this line
+  return [shifted, popped];
+}
+
+// do not change code below this line
+console.log(popShift(['challenge', 'is', 'not', 'complete']));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-using-splice.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-using-splice.chinese.md
new file mode 100644
index 0000000000..f6e31fe306
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-using-splice.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 587d78b2367417b2b2512b10
+title: Remove Items Using splice()
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用splice（）删除项目
+---
+
+## Description
+<section id="description">好的，所以我们已经学会了如何使用<code>shift()</code>和<code>pop()</code>从数组的开头和结尾删除元素，但是如果我们想要从中间某处删除元素呢？或者一次删除多个元素？好吧，这就是<code>splice()</code>用武之地<code>splice()</code>允许我们这样做：从数组中的任何位置<strong>删除任意数量的连续元素</strong> 。 <code>splice()</code>可能需要长达3个参数，但现在，我们将重点放在刚第一2.第2个参数<code>splice()</code>是其代表索引的整数，或位置中，阵列的该<code>splice()</code>是为呼吁。请记住，数组是<em>零索引的</em> ，所以为了表示数组的第一个元素，我们将使用<code>0</code> 。 <code>splice()</code>的第一个参数表示从中开始删除元素的数组的索引，而第二个参数表示要删除的元素的数量。例如： <blockquote>让array = [&#39;今天&#39;，&#39;是&#39;，&#39;不&#39;，&#39;所以&#39;，&#39;伟大&#39;]; <br><br> array.splice（2,2）; <br> //删除以第3个元素开头的2个元素<br> //数组现在等于[&#39;今天&#39;，&#39;是&#39;，&#39;很棒&#39;] </blockquote> <code>splice()</code>不仅修改了它被调用的数组，而且还返回一个包含被删除元素值的新数组： <blockquote>让array = [&#39;我&#39;，&#39;我&#39;，&#39;感觉&#39;，&#39;真的&#39;，&#39;快乐&#39;]; <br><br> let newArray = array.splice（3,2）; <br> // newArray等于[&#39;真&#39;&#39;，&#39;快乐&#39;] </blockquote></section>
+
+## Instructions
+<section id="instructions">我们定义了一个函数<code>sumOfTen</code> ，它将一个数组作为参数，并返回该数组元素的总和。使用<code>splice()</code>修改函数，使其返回值<code>10</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumOfTen</code>应该返回10
+    testString: 'assert.strictEqual(sumOfTen([2, 5, 1, 5, 2, 1]), 10, "<code>sumOfTen</code> should return 10");'
+  - text: <code>sumOfTen</code>函数应该使用<code>splice()</code>方法
+    testString: 'assert.notStrictEqual(sumOfTen.toString().search(/\.splice\(/), -1, "The <code>sumOfTen</code> function should utilize the <code>splice()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumOfTen(arr) {
+  // change code below this line
+
+  // change code above this line
+  return arr.reduce((a, b) => a + b);
+}
+
+// do not change code below this line
+console.log(sumOfTen([2, 5, 1, 5, 2, 1]));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/use-an-array-to-store-a-collection-of-data.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/use-an-array-to-store-a-collection-of-data.chinese.md
new file mode 100644
index 0000000000..73e8dba080
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/use-an-array-to-store-a-collection-of-data.chinese.md
@@ -0,0 +1,57 @@
+---
+id: 587d7b7e367417b2b2512b20
+title: Use an Array to Store a Collection of Data
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用数组存储数据集合
+---
+
+## Description
+<section id="description">以下是阵列数据结构最简单实现的示例。这被称为<dfn>一维数组</dfn> ，意味着它只有一个级别，或者它没有嵌套在其中的任何其他数组。请注意，它包含<dfn>布尔值</dfn> ， <dfn>字符串</dfn>和<dfn>数字</dfn> ，以及其他有效的JavaScript数据类型： <blockquote> let simpleArray = [&#39;one&#39;，2，&#39;three&#39;，true，false，undefined，null]; <br>的console.log（simpleArray.length）; <br> //记录7 </blockquote>所有数组都有一个length属性，如上所示，可以使用语法<code>Array.length</code>轻松访问<code>Array.length</code> 。下面可以看到更复杂的数组实现。这称为<dfn>多维数组</dfn> ，或包含其他数组的数组。请注意，此数组还包含JavaScript <dfn>对象</dfn> ，我们将在下一节中详细介绍，但是现在，您需要知道的是，数组也能够存储复杂对象。 <blockquote>让complexArray = [ <br> [ <br> { <br>一：1， <br>二：2 <br> }， <br> { <br>三：3， <br>四：4 <br> } <br> ] <br> [ <br> { <br> a：“a”， <br> b：“b” <br> }， <br> { <br> c：“c”， <br> d：“d” <br> } <br> ] <br> ]。 </blockquote></section>
+
+## Instructions
+<section id="instructions">我们定义了一个名为<code>yourArray</code>的变量。通过为<code>yourArray</code>变量指定长度至少为5个元素的数组来完成该语句。您的数组应至少包含一个<dfn>字符串</dfn> ，一个<dfn>数字</dfn>和一个<dfn>布尔值</dfn> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: yourArray是一个数组
+    testString: 'assert.strictEqual(Array.isArray(yourArray), true, "yourArray is an array");'
+  - text: <code>yourArray</code>至少有5个元素
+    testString: 'assert.isAtLeast(yourArray.length, 5, "<code>yourArray</code> is at least 5 elements long");'
+  - text: <code>yourArray</code>至少包含一个<code>boolean</code>
+    testString: 'assert(yourArray.filter( el => typeof el === "boolean").length >= 1, "<code>yourArray</code> contains at least one <code>boolean</code>");'
+  - text: <code>yourArray</code>至少包含一个<code>number</code>
+    testString: 'assert(yourArray.filter( el => typeof el === "number").length >= 1, "<code>yourArray</code> contains at least one <code>number</code>");'
+  - text: <code>yourArray</code>至少包含一个<code>string</code>
+    testString: 'assert(yourArray.filter( el => typeof el === "string").length >= 1, "<code>yourArray</code> contains at least one <code>string</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let yourArray; // change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/use-the-delete-keyword-to-remove-object-properties.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/use-the-delete-keyword-to-remove-object-properties.chinese.md
new file mode 100644
index 0000000000..6e23ddeef2
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-data-structures/use-the-delete-keyword-to-remove-object-properties.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b7c367417b2b2512b1b
+title: Use the delete Keyword to Remove Object Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用删除关键字删除对象属性
+---
+
+## Description
+<section id="description">现在你知道了什么是对象及其基本特征和优点。简而言之，它们是键值存储，它提供了一种灵活，直观的数据结构方式， <strong><em>并且</em></strong>它们提供了非常快速的查找时间。在其余的挑战中，我们将描述您可以对对象执行的几个常见操作，以便您可以轻松地在程序中应用这些有用的数据结构。在早期的挑战中，我们都添加并修改了对象的键值对。在这里，我们将看到如何从对象中<em>删除</em>键值对。让我们最后一次重新审视我们的<code>foods</code>对象示例。如果我们想删除<code>apples</code>键，我们可以使用<code>delete</code>关键字删除它，如下所示： <blockquote>删除foods.apples; </blockquote></section>
+
+## Instructions
+<section id="instructions">使用delete关键字从<code>foods</code>对象中删除<code>oranges</code> ， <code>plums</code>和<code>strawberries</code>键。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>foods</code>对象只有三个键： <code>apples</code> ， <code>grapes</code>和<code>bananas</code>
+    testString: 'assert(!foods.hasOwnProperty("oranges") && !foods.hasOwnProperty("plums") && !foods.hasOwnProperty("strawberries") && Object.keys(foods).length === 3, "The <code>foods</code> object only has three keys: <code>apples</code>, <code>grapes</code>, and <code>bananas</code>");'
+  - text: 使用<code>delete</code> <code>oranges</code> ， <code>plums</code>和<code>strawberries</code>键
+    testString: 'assert(code.search(/oranges:/) !== -1 && code.search(/plums:/) !== -1 && code.search(/strawberries:/) !== -1, "The <code>oranges</code>, <code>plums</code>, and <code>strawberries</code> keys are removed using <code>delete</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let foods = {
+  apples: 25,
+  oranges: 32,
+  plums: 28,
+  bananas: 13,
+  grapes: 35,
+  strawberries: 27
+};
+
+// change code below this line
+
+// change code above this line
+
+console.log(foods);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes.chinese.md
new file mode 100644
index 0000000000..dd3c7aa300
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes.chinese.md
@@ -0,0 +1,67 @@
+---
+id: 56bbb991ad1ed5201cd392ca
+title: Access Array Data with Indexes
+challengeType: 1
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/access-array-data-with-indexes'
+videoUrl: ''
+localeTitle: 使用索引访问数组数据
+---
+
+## Description
+<section id="description">我们可以使用<code>indexes</code>访问数组内部的数据。数组索引使用字符串使用的相同括号表示法编写，但不是指定字符，而是指定数组中的条目。与字符串一样，数组使用<dfn>从零开始的</dfn>索引，因此数组中的第一个元素是元素<code>0</code> 。 <strong>例</strong> <blockquote> var array = [50,60,70]; <br>阵列[0]; //等于50 <br> var data = array [1]; //等于60 </blockquote> <strong>注意</strong> <br>数组名称和方括号之间不应有任何空格，如<code>array [0]</code> 。尽管JavaScript能够正确处理，但这可能会让其他程序员在阅读代码时感到困惑。 </section>
+
+## Instructions
+<section id="instructions">创建一个名为<code>myData</code>的变量，并使用括号表示法将其设置为等于<code>myArray</code>的第一个值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 变量<code>myData</code>应该等于<code>myArray</code>的第一个值。
+    testString: 'assert((function(){if(typeof myArray !== "undefined" && typeof myData !== "undefined" && myArray[0] === myData){return true;}else{return false;}})(), "The variable <code>myData</code> should equal the first value of <code>myArray</code>.");'
+  - text: 应使用括号表示法访问变量<code>myArray</code>的数据。
+    testString: 'assert((function(){if(code.match(/\s*=\s*myArray\[0\]/g)){return true;}else{return false;}})(), "The data in variable <code>myArray</code> should be accessed using bracket notation.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [50,60,70];
+var ourData = ourArray[0]; // equals 50
+
+// Setup
+var myArray = [50,60,70];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/access-multi-dimensional-arrays-with-indexes.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/access-multi-dimensional-arrays-with-indexes.chinese.md
new file mode 100644
index 0000000000..f0d0b7eae3
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/access-multi-dimensional-arrays-with-indexes.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 56592a60ddddeae28f7aa8e1
+title: Access Multi-Dimensional Arrays With Indexes
+challengeType: 1
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/access-array-data-with-indexes'
+videoUrl: ''
+localeTitle: 访问带索引的多维数组
+---
+
+## Description
+<section id="description">考虑<dfn>多维</dfn>数组的一种方法是作为<em>数组的数组</em> 。使用括号访问数组时，第一组括号引用最外层（第一级）数组中的条目，另外一对括号引用内部的下一级条目。 <strong>例</strong> <blockquote> var arr = [ <br> [1,2,3]， <br> [4,5,6] <br> [7,8,9] <br> [[10,11,12]，13,14] <br> ]。 <br> ARR [3]; //等于[[10,11,12]，13,14] <br> ARR [3] [0]; //等于[10,11,12] <br> ARR [3] [0] [1]; //等于11 </blockquote> <strong>注意</strong> <br>数组名称和方括号之间不应该有任何空格，如<code>array [0][0]</code> ，甚至不允许使用此<code>array [0] [0]</code> 。尽管JavaScript能够正确处理，但这可能会让其他程序员在阅读代码时感到困惑。 </section>
+
+## Instructions
+<section id="instructions">使用括号表示法从<code>myArray</code>选择一个元素，使<code>myData</code>等于<code>8</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myData</code>应该等于<code>8</code> 。
+    testString: 'assert(myData === 8, "<code>myData</code> should be equal to <code>8</code>.");'
+  - text: 您应该使用括号表示法从<code>myArray</code>读取正确的值。
+    testString: 'assert(/myArray\[2\]\[1\]/g.test(code) && !/myData\s*=\s*(?:.*[-+*/%]|\d)/g.test(code), "You should be using bracket notation to read the correct value from <code>myArray</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myArray = [[1,2,3], [4,5,6], [7,8,9], [[10,11,12], 13, 14]];
+
+// Only change code below this line.
+var myData = myArray[0][0];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays.chinese.md
new file mode 100644
index 0000000000..56bc722084
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays.chinese.md
@@ -0,0 +1,82 @@
+---
+id: 56533eb9ac21ba0edf2244cd
+title: Accessing Nested Arrays
+challengeType: 1
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/access-array-data-with-indexes'
+videoUrl: ''
+localeTitle: 访问嵌套数组
+---
+
+## Description
+<section id="description">正如我们在前面的示例中所看到的，对象可以包含嵌套对象和嵌套数组。与访问嵌套对象类似，可以链接数组括号表示法来访问嵌套数组。以下是如何访问嵌套数组的示例： <blockquote> var ourPets = [ <br> { <br> animalType：“猫”， <br>名称：[ <br> “Meowzer” <br> “蓬松”， <br> “洁猫” <br> ] <br> }， <br> { <br>动物类型：“狗”， <br>名称：[ <br> “点”， <br> “库巴” <br> “羊羊” <br> ] <br> } <br> ]。 <br> ourPets [0] .names [1]; //“蓬松” <br> ourPets [1] .names [0]; //“Spot” </blockquote></section>
+
+## Instructions
+<section id="instructions">使用对象点和数组括号表示法从变量<code>myPlants</code>检索第二个树。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>secondTree</code>应该等于“松树”
+    testString: 'assert(secondTree === "pine", "<code>secondTree</code> should equal "pine"");'
+  - text: 使用点和括号表示法访问<code>myPlants</code>
+    testString: 'assert(/=\s*myPlants\[1\].list\[1\]/.test(code), "Use dot and bracket notation to access <code>myPlants</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myPlants = [
+  {
+    type: "flowers",
+    list: [
+      "rose",
+      "tulip",
+      "dandelion"
+    ]
+  },
+  {
+    type: "trees",
+    list: [
+      "fir",
+      "pine",
+      "birch"
+    ]
+  }
+];
+
+// Only change code below this line
+
+var secondTree = ""; // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects.chinese.md
new file mode 100644
index 0000000000..ec91a3832d
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects.chinese.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244cc
+title: Accessing Nested Objects
+challengeType: 1
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/accessing-nested-objects-in-json'
+videoUrl: ''
+localeTitle: 访问嵌套对象
+---
+
+## Description
+<section id="description">可以通过将点或括号表示法链接在一起来访问对象的子属性。这是一个嵌套对象： <blockquote> var ourStorage = { <br> “桌子”：{ <br> “抽屉”：“订书机” <br> }， <br> “内阁”：{ <br> “顶级抽屉”：{ <br> “folder1”：“一个文件”， <br> “folder2”：“秘密” <br> }， <br> “底部抽屉”：“苏打水” <br> } <br> }; <br> ourStorage.cabinet [“top drawer”]。folder2; //“秘密” <br> ourStorage.desk.drawer; //“订书机” </blockquote></section>
+
+## Instructions
+<section id="instructions">访问<code>myStorage</code>对象并将<code>glove box</code>属性的内容分配给<code>gloveBoxContents</code>变量。对于名称中包含空格的属性，请使用括号表示法。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>gloveBoxContents</code>应该等于“地图”
+    testString: 'assert(gloveBoxContents === "maps", "<code>gloveBoxContents</code> should equal "maps"");'
+  - text: 使用点和括号表示法访问<code>myStorage</code>
+    testString: 'assert(/=\s*myStorage\.car\.inside\[\s*("|")glove box\1\s*\]/g.test(code), "Use dot and bracket notation to access <code>myStorage</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myStorage = {
+  "car": {
+    "inside": {
+      "glove box": "maps",
+      "passenger seat": "crumbs"
+     },
+    "outside": {
+      "trunk": "jack"
+    }
+  }
+};
+
+var gloveBoxContents = undefined; // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation.chinese.md
new file mode 100644
index 0000000000..149dad3be6
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation.chinese.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244c8
+title: Accessing Object Properties with Bracket Notation
+challengeType: 1
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/accessing-objects-properties-with-bracket-notation'
+videoUrl: ''
+localeTitle: 使用括号表示法访问对象属性
+---
+
+## Description
+<section id="description">访问对象属性的第二种方法是括号表示法（ <code>[]</code> ）。如果您尝试访问的对象的属性在其名称中有空格，则需要使用括号表示法。但是，您仍然可以在没有空格的对象属性上使用括号表示法。以下是使用括号表示法读取对象属性的示例： <blockquote> var myObj = { <br> “太空名称”：“柯克”， <br> “更多空间”：“Spock”​​， <br> “NoSpace”：“USS Enterprise” <br> }; <br> myObj [“空间名称”]; //柯克<br> myObj [&#39;更多空间&#39;]; // Spock <br> MyObj中[ “无空间”]; // USS Enterprise </blockquote>请注意，其中包含空格的属性名称必须使用引号（单引号或双引号）。 </section>
+
+## Instructions
+<section id="instructions">使用括号表示法<code>testObj</code>属性<code>&quot;an entree&quot;</code> <code>testObj</code> <code>&quot;an entree&quot;</code>和<code>&quot;the drink&quot;</code>的<code>testObj</code> ，并分别将它们分配给<code>entreeValue</code>和<code>drinkValue</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>entreeValue</code>应该是一个字符串
+    testString: 'assert(typeof entreeValue === "string" , "<code>entreeValue</code> should be a string");'
+  - text: <code>entreeValue</code>的值应该是<code>&quot;hamburger&quot;</code>
+    testString: 'assert(entreeValue === "hamburger" , "The value of <code>entreeValue</code> should be <code>"hamburger"</code>");'
+  - text: <code>drinkValue</code>应该是一个字符串
+    testString: 'assert(typeof drinkValue === "string" , "<code>drinkValue</code> should be a string");'
+  - text: <code>drinkValue</code>的值应该是<code>&quot;water&quot;</code>
+    testString: 'assert(drinkValue === "water" , "The value of <code>drinkValue</code> should be <code>"water"</code>");'
+  - text: 您应该使用括号表示法两次
+    testString: 'assert(code.match(/testObj\s*?\[("|")[^""]+\1\]/g).length > 1, "You should use bracket notation twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var testObj = {
+  "an entree": "hamburger",
+  "my side": "veggies",
+  "the drink": "water"
+};
+
+// Only change code below this line
+
+var entreeValue = testObj;   // Change this line
+var drinkValue = testObj;    // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.chinese.md
new file mode 100644
index 0000000000..4e0ac5691c
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.chinese.md
@@ -0,0 +1,75 @@
+---
+id: 56533eb9ac21ba0edf2244c7
+title: Accessing Object Properties with Dot Notation
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用点表示法访问对象属性
+---
+
+## Description
+<section id="description">有两种方法可以访问对象的属性：点表示法（ <code>.</code> ）和括号表示法（ <code>[]</code> ），类似于数组。当您知道要提前访问的属性的名称时，使用点符号。以下是使用点表示法（ <code>.</code> ）读取对象属性的示例： <blockquote> var myObj = { <br> prop1：“val1”， <br> prop2：“val2” <br> }; <br> var prop1val = myObj.prop1; // val1 <br> var prop2val = myObj.prop2; // val2 </blockquote></section>
+
+## Instructions
+<section id="instructions">使用点表示法读入<code>testObj</code>的属性值。将变量<code>hatValue</code>设置为等于对象的属性<code>hat</code> ，并将变量<code>shirtValue</code>设置为等于对象的属性<code>shirt</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>hatValue</code>应该是一个字符串
+    testString: 'assert(typeof hatValue === "string" , "<code>hatValue</code> should be a string");'
+  - text: <code>hatValue</code>的值应该是<code>&quot;ballcap&quot;</code>
+    testString: 'assert(hatValue === "ballcap" , "The value of <code>hatValue</code> should be <code>"ballcap"</code>");'
+  - text: <code>shirtValue</code>应该是一个字符串
+    testString: 'assert(typeof shirtValue === "string" , "<code>shirtValue</code> should be a string");'
+  - text: <code>shirtValue</code>的值应该是<code>&quot;jersey&quot;</code>
+    testString: 'assert(shirtValue === "jersey" , "The value of <code>shirtValue</code> should be <code>"jersey"</code>");'
+  - text: 你应该使用点符号两次
+    testString: 'assert(code.match(/testObj\.\w+/g).length > 1, "You should use dot notation twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var testObj = {
+  "hat": "ballcap",
+  "shirt": "jersey",
+  "shoes": "cleats"
+};
+
+// Only change code below this line
+
+var hatValue = testObj;      // Change this line
+var shirtValue = testObj;    // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables.chinese.md
new file mode 100644
index 0000000000..b83cd1594e
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables.chinese.md
@@ -0,0 +1,78 @@
+---
+id: 56533eb9ac21ba0edf2244c9
+title: Accessing Object Properties with Variables
+challengeType: 1
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/accessing-objects-properties-with-variables'
+videoUrl: ''
+localeTitle: 使用变量访问对象属性
+---
+
+## Description
+<section id="description">对象的括号表示法的另一个用途是访问存储为变量值的属性。这对于迭代对象的属性或访问查找表非常有用。以下是使用变量访问属性的示例： <blockquote> var dogs = { <br> Fido：“Mutt”，Hunter：“Doberman”，Snoopie：“Beagle” <br> }; <br> var myDog =“猎人”; <br> var myBreed = dogs [myDog]; <br>的console.log（myBreed）; //“杜宾犬” </blockquote>另一种可以使用此概念的方法是在程序执行期间动态收集属性的名称，如下所示： <blockquote> var someObj = { <br> propName：“约翰” <br> }; <br> function propPrefix（str）{ <br> var s =“prop”; <br> return s + str; <br> } <br> var someProp = propPrefix（“Name”）; // someProp现在保存值&#39;propName&#39; <br>的console.log（someObj中[someProp]）; // “约翰” </blockquote>请注意，在使用变量名来访问属性时，我们<em>不会</em>使用引号，因为我们使用的是变量的<em>值</em> ，而不是<em>名称</em> 。 </section>
+
+## Instructions
+<section id="instructions">使用<code>playerNumber</code>变量使用括号表示法在<code>testObj</code>查找玩家<code>16</code> 。然后将该名称分配给<code>player</code>变量。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>playerNumber</code>应该是一个数字
+    testString: 'assert(typeof playerNumber === "number", "<code>playerNumber</code> should be a number");'
+  - text: 变量<code>player</code>应该是一个字符串
+    testString: 'assert(typeof player === "string", "The variable <code>player</code> should be a string");'
+  - text: <code>player</code>的价值应该是“蒙大拿”
+    testString: 'assert(player === "Montana", "The value of <code>player</code> should be "Montana"");'
+  - text: 您应该使用括号表示法来访问<code>testObj</code>
+    testString: 'assert(/testObj\s*?\[.*?\]/.test(code),"You should use bracket notation to access <code>testObj</code>");'
+  - text: 您不应该直接将值<code>Montana</code>分配给变量<code>player</code> 。
+    testString: 'assert(!code.match(/player\s*=\s*"|\"\s*Montana\s*"|\"\s*;/gi),"You should not assign the value <code>Montana</code> to the variable <code>player</code> directly.");'
+  - text: 您应该在括号表示法中使用变量<code>playerNumber</code>
+    testString: 'assert(/testObj\s*?\[\s*playerNumber\s*\]/.test(code),"You should be using the variable <code>playerNumber</code> in your bracket notation");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var testObj = {
+  12: "Namath",
+  16: "Montana",
+  19: "Unitas"
+};
+
+// Only change code below this line;
+
+var playerNumber;       // Change this Line
+var player = testObj;   // Change this Line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object.chinese.md
new file mode 100644
index 0000000000..239ecc0eec
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object.chinese.md
@@ -0,0 +1,77 @@
+---
+id: 56bbb991ad1ed5201cd392d2
+title: Add New Properties to a JavaScript Object
+challengeType: 1
+videoUrl: ''
+localeTitle: 将新属性添加到JavaScript对象
+---
+
+## Description
+<section id="description">您可以像修改现有JavaScript对象一样向现有JavaScript对象添加新属性。以下是我们如何为<code>ourDog</code>添加<code>&quot;bark&quot;</code>属性： <code>ourDog.bark = &quot;bow-wow&quot;;</code>或者我们的<code>ourDog[&quot;bark&quot;] = &quot;bow-wow&quot;;</code>现在当我们评估我们的<code>ourDog.bark</code> ，我们会得到他的吠声，“低头哇”。 </section>
+
+## Instructions
+<section id="instructions">向<code>myDog</code>添加<code>&quot;bark&quot;</code>属性并将其设置为狗声，例如“woof”。您可以使用点或括号表示法。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 将属性<code>&quot;bark&quot;</code>添加到<code>myDog</code> 。
+    testString: 'assert(myDog.bark !== undefined, "Add the property <code>"bark"</code> to <code>myDog</code>.");'
+  - text: 不要在设置部分添加<code>&quot;bark&quot;</code>
+    testString: 'assert(!/bark[^\n]:/.test(code), "Do not add <code>"bark"</code> to the setup section");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"]
+};
+
+ourDog.bark = "bow-wow";
+
+// Setup
+var myDog = {
+  "name": "Happy Coder",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["freeCodeCamp Campers"]
+};
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/add-two-numbers-with-javascript.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/add-two-numbers-with-javascript.chinese.md
new file mode 100644
index 0000000000..d4d4981494
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/add-two-numbers-with-javascript.chinese.md
@@ -0,0 +1,59 @@
+---
+id: cf1111c1c11feddfaeb3bdef
+title: Add Two Numbers with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用JavaScript添加两个数字
+---
+
+## Description
+<section id="description"> <code>Number</code>是JavaScript中的数据类型，表示数字数据。现在让我们尝试使用JavaScript添加两个数字。当放置在两个数字之间时，JavaScript使用<code>+</code>符号作为加法运算。 <strong>例</strong> <blockquote> myVar = 5 + 10; //分配15 </blockquote></section>
+
+## Instructions
+<section id="instructions">更改<code>0</code>使总和等于<code>20</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sum</code>应该等于<code>20</code>
+    testString: 'assert(sum === 20, "<code>sum</code> should equal <code>20</code>");'
+  - text: 使用<code>+</code>运算符
+    testString: 'assert(/\+/.test(code), "Use the <code>+</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var sum = 10 + 0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/adding-a-default-option-in-switch-statements.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/adding-a-default-option-in-switch-statements.chinese.md
new file mode 100644
index 0000000000..f52631805d
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/adding-a-default-option-in-switch-statements.chinese.md
@@ -0,0 +1,75 @@
+---
+id: 56533eb9ac21ba0edf2244de
+title: Adding a Default Option in Switch Statements
+challengeType: 1
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/adding-a-default-option-in-switch-statements'
+videoUrl: ''
+localeTitle: 在交换机语句中添加默认选项
+---
+
+## Description
+<section id="description">在<code>switch</code>语句中，您可能无法将所有可能的值指定为<code>case</code>语句。相反，您可以添加<code>default</code>语句，如果找不到匹配的<code>case</code>语句，将执行该语句。可以把它想象成<code>if/else</code>链中的最后一个<code>else</code>语句。 <code>default</code>语句应该是最后一种情况。 <blockquote> switch（num）{ <br>案例值1： <br>语句1; <br>打破; <br>案例值2： <br>语句2; <br>打破; <br> ... <br>默认： <br> defaultStatement; <br>打破; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">写一个switch语句来设置以下条件的<code>answer</code> ： <br> <code>&quot;a&quot;</code> - “苹果” <br> <code>&quot;b&quot;</code> - “鸟” <br> <code>&quot;c&quot;</code> - “猫” <br> <code>default</code> - “东西” </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>switchOfStuff(&quot;a&quot;)</code>的值应为“apple”
+    testString: 'assert(switchOfStuff("a") === "apple", "<code>switchOfStuff("a")</code> should have a value of "apple"");'
+  - text: <code>switchOfStuff(&quot;b&quot;)</code>的值应为“bird”
+    testString: 'assert(switchOfStuff("b") === "bird", "<code>switchOfStuff("b")</code> should have a value of "bird"");'
+  - text: <code>switchOfStuff(&quot;c&quot;)</code>的值应为“cat”
+    testString: 'assert(switchOfStuff("c") === "cat", "<code>switchOfStuff("c")</code> should have a value of "cat"");'
+  - text: <code>switchOfStuff(&quot;d&quot;)</code>的值应为“stuff”
+    testString: 'assert(switchOfStuff("d") === "stuff", "<code>switchOfStuff("d")</code> should have a value of "stuff"");'
+  - text: <code>switchOfStuff(4)</code>的值应为“stuff”
+    testString: 'assert(switchOfStuff(4) === "stuff", "<code>switchOfStuff(4)</code> should have a value of "stuff"");'
+  - text: 您不应该使用任何<code>if</code>或<code>else</code>语句
+    testString: 'assert(!/else/g.test(code) || !/if/g.test(code), "You should not use any <code>if</code> or <code>else</code> statements");'
+  - text: 您应该使用<code>default</code>语句
+    testString: 'assert(switchOfStuff("string-to-trigger-default-case") === "stuff", "You should use a <code>default</code> statement");'
+  - text: 你应该至少有3个<code>break</code>语句
+    testString: 'assert(code.match(/break/g).length > 2, "You should have at least 3 <code>break</code> statements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function switchOfStuff(val) {
+  var answer = "";
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+  return answer;
+}
+
+// Change this value to test
+switchOfStuff(1);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/appending-variables-to-strings.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/appending-variables-to-strings.chinese.md
new file mode 100644
index 0000000000..f8399db41d
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/appending-variables-to-strings.chinese.md
@@ -0,0 +1,68 @@
+---
+id: 56533eb9ac21ba0edf2244ed
+title: Appending Variables to Strings
+challengeType: 1
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/appending-variables-to-strings'
+videoUrl: ''
+localeTitle: 将变量附加到字符串
+---
+
+## Description
+<section id="description">正如我们可以在字符串<dfn>文字中</dfn>构建多行的字符串一样，我们也可以使用加号等于（ <code>+=</code> ）运算符将变量附加到字符串。 </section>
+
+## Instructions
+<section id="instructions">设置<code>someAdjective</code>并使用<code>+=</code>运算符将其附加到<code>myStr</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>someAdjective</code>应设置为至少3个字符长的字符串
+    testString: 'assert(typeof someAdjective !== "undefined" && someAdjective.length > 2, "<code>someAdjective</code> should be set to a string at least 3 characters long");'
+  - text: 使用<code>+=</code>运算符将<code>someAdjective</code>附加到<code>myStr</code>
+    testString: 'assert(code.match(/myStr\s*\+=\s*someAdjective\s*/).length > 0, "Append <code>someAdjective</code> to <code>myStr</code> using the <code>+=</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var anAdjective = "awesome!";
+var ourStr = "freeCodeCamp is ";
+ourStr += anAdjective;
+
+// Only change code below this line
+
+var someAdjective;
+var myStr = "Learning to code is ";
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value.chinese.md
new file mode 100644
index 0000000000..ad77436048
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value.chinese.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244c3
+title: Assignment with a Returned Value
+challengeType: 1
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/assignment-with-a-returned-value'
+videoUrl: ''
+localeTitle: 具有返回值的分配
+---
+
+## Description
+<section id="description">如果您从我们对<a href="javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator" target="_blank">使用赋值运算符存储值</a>的讨论中回忆起来<a href="javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator" target="_blank">，则在分配</a>值之前，将解决等号右侧的所有内容。这意味着我们可以获取函数的返回值并将其赋值给变量。假设我们预先定义了一个函数<code>sum</code> ，它将两个数字相加，然后： <code>ourSum = sum(5, 12);</code>将调用<code>sum</code>函数，它返回值<code>17</code>并将其分配给<code>ourSum</code>变量。 </section>
+
+## Instructions
+<section id="instructions">使用参数<code>7</code>调用<code>processArg</code>函数，并将其返回值分配给已<code>processed</code>的变量。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>processed</code>的值应为<code>2</code>
+    testString: 'assert(processed === 2, "<code>processed</code> should have a value of <code>2</code>");'
+  - text: 您应该将<code>processArg</code>分配给已<code>processed</code>
+    testString: 'assert(/processed\s*=\s*processArg\(\s*7\s*\)\s*;/.test(code), "You should assign <code>processArg</code> to <code>processed</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var changed = 0;
+
+function change(num) {
+  return (num + 5) / 3;
+}
+
+changed = change(10);
+
+// Setup
+var processed = 0;
+
+function processArg(num) {
+  return (num + 3) / 5;
+}
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects.chinese.md
new file mode 100644
index 0000000000..9159f9ed1a
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects.chinese.md
@@ -0,0 +1,80 @@
+---
+id: 56bbb991ad1ed5201cd392d0
+title: Build JavaScript Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: 构建JavaScript对象
+---
+
+## Description
+<section id="description">您之前可能听说过<code>object</code>这个术语。对象类似于<code>arrays</code> ，除了不使用索引访问和修改数据，您可以通过所谓的<code>properties</code>访问对象中的数据。对象对于以结构化方式存储数据很有用，并且可以表示真实世界对象，如猫。这是一个示例cat对象： <blockquote> var cat = { <br> “名字”：“胡须”， <br> “腿”：4， <br> “尾巴”：1， <br> “敌人”：[“水”，“狗”] <br> }; </blockquote>在此示例中，所有属性都存储为字符串，例如 - <code>&quot;name&quot;</code> ， <code>&quot;legs&quot;</code>和<code>&quot;tails&quot;</code> 。但是，您也可以使用数字作为属性。您甚至可以省略单字符串属性的引号，如下所示： <blockquote> var anotherObject = { <br>制作：“福特”， <br> 5：“五”， <br> “模特”：“焦点” <br> }; </blockquote>但是，如果您的对象具有任何非字符串属性，JavaScript将自动将它们作为字符串进行类型转换。 </section>
+
+## Instructions
+<section id="instructions">创建一个代表名为<code>myDog</code>的狗的对象，其中包含属性<code>&quot;name&quot;</code> （字符串）， <code>&quot;legs&quot;</code> ， <code>&quot;tails&quot;</code>和<code>&quot;friends&quot;</code> 。您可以将这些对象属性设置为您想要的任何值，因为<code>&quot;name&quot;</code>是一个字符串， <code>&quot;legs&quot;</code>和<code>&quot;tails&quot;</code>是数字， <code>&quot;friends&quot;</code>是一个数组。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myDog</code>应该包含属性<code>name</code> ，它应该是一个<code>string</code> 。
+    testString: 'assert((function(z){if(z.hasOwnProperty("name") && z.name !== undefined && typeof z.name === "string"){return true;}else{return false;}})(myDog), "<code>myDog</code> should contain the property <code>name</code> and it should be a <code>string</code>.");'
+  - text: <code>myDog</code>应该包含属性<code>legs</code> ，它应该是一个<code>number</code> 。
+    testString: 'assert((function(z){if(z.hasOwnProperty("legs") && z.legs !== undefined && typeof z.legs === "number"){return true;}else{return false;}})(myDog), "<code>myDog</code> should contain the property <code>legs</code> and it should be a <code>number</code>.");'
+  - text: <code>myDog</code>应该包含属性<code>tails</code> ，它应该是一个<code>number</code> 。
+    testString: 'assert((function(z){if(z.hasOwnProperty("tails") && z.tails !== undefined && typeof z.tails === "number"){return true;}else{return false;}})(myDog), "<code>myDog</code> should contain the property <code>tails</code> and it should be a <code>number</code>.");'
+  - text: <code>myDog</code>应该包含属性<code>friends</code> ，它应该是一个<code>array</code> 。
+    testString: 'assert((function(z){if(z.hasOwnProperty("friends") && z.friends !== undefined && Array.isArray(z.friends)){return true;}else{return false;}})(myDog), "<code>myDog</code> should contain the property <code>friends</code> and it should be an <code>array</code>.");'
+  - text: <code>myDog</code>应该只包含所有给定的属性。
+    testString: 'assert((function(z){return Object.keys(z).length === 4;})(myDog), "<code>myDog</code> should only contain all the given properties.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"]
+};
+
+// Only change code below this line.
+
+var myDog = {
+
+
+
+
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements.chinese.md
new file mode 100644
index 0000000000..35f696cb97
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements.chinese.md
@@ -0,0 +1,82 @@
+---
+id: 56533eb9ac21ba0edf2244dc
+title: Chaining If Else Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: 链接如果其他声明
+---
+
+## Description
+<section id="description"> <code>if/else</code>语句可以链接在一起以用于复杂的逻辑。这是多个链式<code>if</code> / <code>else if</code>语句的<dfn>伪代码</dfn> ： <blockquote> if（ <em>condition1</em> ）{ <br> <em>语句1</em> <br> } else if（ <em>condition2</em> ）{ <br> <em>语句2</em> <br> } else if（ <em>condition3</em> ）{ <br> <em>声明3</em> <br> 。 。 。 <br> } else { <br> <em>statementN</em> <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">写入链接<code>if</code> / <code>else if</code>语句以满足以下条件： <code>num &lt; 5</code> -  return“Tiny” <br> <code>num &lt; 10</code> - 返回“Small” <br> <code>num &lt; 15</code> - 返回“中” <br> <code>num &lt; 20</code> - 返回“Large” <br> <code>num &gt;= 20</code> - 返回“巨大” </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你应该至少有四个<code>else</code>语句
+    testString: 'assert(code.match(/else/g).length > 3, "You should have at least four <code>else</code> statements");'
+  - text: 你应该至少有四个<code>if</code>语句
+    testString: 'assert(code.match(/if/g).length > 3, "You should have at least four <code>if</code> statements");'
+  - text: 你应该至少有一个<code>return</code>语句
+    testString: 'assert(code.match(/return/g).length >= 1, "You should have at least one <code>return</code> statement");'
+  - text: <code>testSize(0)</code>应该返回“Tiny”
+    testString: 'assert(testSize(0) === "Tiny", "<code>testSize(0)</code> should return "Tiny"");'
+  - text: <code>testSize(4)</code>应该返回“Tiny”
+    testString: 'assert(testSize(4) === "Tiny", "<code>testSize(4)</code> should return "Tiny"");'
+  - text: <code>testSize(5)</code>应返回“Small”
+    testString: 'assert(testSize(5) === "Small", "<code>testSize(5)</code> should return "Small"");'
+  - text: <code>testSize(8)</code>应该返回“Small”
+    testString: 'assert(testSize(8) === "Small", "<code>testSize(8)</code> should return "Small"");'
+  - text: <code>testSize(10)</code>应该返回“Medium”
+    testString: 'assert(testSize(10) === "Medium", "<code>testSize(10)</code> should return "Medium"");'
+  - text: <code>testSize(14)</code>应返回“Medium”
+    testString: 'assert(testSize(14) === "Medium", "<code>testSize(14)</code> should return "Medium"");'
+  - text: <code>testSize(15)</code>应该返回“Large”
+    testString: 'assert(testSize(15) === "Large", "<code>testSize(15)</code> should return "Large"");'
+  - text: <code>testSize(17)</code>应该返回“Large”
+    testString: 'assert(testSize(17) === "Large", "<code>testSize(17)</code> should return "Large"");'
+  - text: <code>testSize(20)</code>应该返回“巨大”
+    testString: 'assert(testSize(20) === "Huge", "<code>testSize(20)</code> should return "Huge"");'
+  - text: <code>testSize(25)</code>应该返回“巨大”
+    testString: 'assert(testSize(25) === "Huge", "<code>testSize(25)</code> should return "Huge"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testSize(num) {
+  // Only change code below this line
+
+
+  return "Change Me";
+  // Only change code above this line
+}
+
+// Change this value to test
+testSize(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code.chinese.md
new file mode 100644
index 0000000000..386ca98226
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code.chinese.md
@@ -0,0 +1,50 @@
+---
+id: bd7123c9c441eddfaeb4bdef
+title: Comment Your JavaScript Code
+challengeType: 1
+videoUrl: ''
+localeTitle: 评论您的JavaScript代码
+---
+
+## Description
+<section id="description">注释是JavaScript有意忽略的代码行。注释是一种很好的方式，可以将注释留给自己和其他人，这些人稍后需要弄清楚代码的作用。在JavaScript中编写注释有两种方法：使用<code>//</code>将告诉JavaScript忽略当前行上的其余文本： <blockquote> //这是一个内嵌评论。 </blockquote>您可以使用<code>/*</code>开头并以<code>*/</code>结尾的多行注释： <blockquote> /* 这是一个<br>多行评论* / </blockquote> <strong>最佳实践</strong> <br>在编写代码时，应定期添加注释以阐明代码部分的功能。良好的评论可以帮助传达您的代码的意图 - 包括他人<em>和</em>未来的自我。 </section>
+
+## Instructions
+<section id="instructions">尝试创建每种评论类型之一。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 创建一个包含至少五个字母的<code>//</code>样式注释。
+    testString: 'assert(code.match(/(\/\/)...../g), "Create a <code>//</code> style comment that contains at least five letters.");'
+  - text: 创建包含至少五个字母的<code>/* */</code>样式注释。
+    testString: 'assert(code.match(/(\/\*)([^\/]{5,})(?=\*\/)/gm), "Create a <code>/* */</code> style comment that contains at least five letters.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator.chinese.md
new file mode 100644
index 0000000000..d84c6c8e7d
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 56533eb9ac21ba0edf2244d0
+title: Comparison with the Equality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: 与平等算子的比较
+---
+
+## Description
+<section id="description">有很多<dfn>比较运算符</dfn>在JavaScript中。所有这些运算符都返回布尔值<code>true</code>或<code>false</code>值。最基本的运算符是等于运算符<code>==</code> 。等于运算符比较两个值，如果它们是等价的则返回<code>true</code>否则返回<code>false</code> 。请注意，相等性与赋值（ <code>=</code> ）不同，后者将运算符右侧的值分配给左侧的变量。 <blockquote> function equalityTest（myVal）{ <br> if（myVal == 10）{ <br>返回“平等”; <br> } <br>返回“不等于”; <br> } </blockquote>如果<code>myVal</code>等于<code>10</code> ，则等于运算符返回<code>true</code> ，因此大括号中的代码将执行，函数将返回<code>&quot;Equal&quot;</code> 。否则，该函数将返回<code>&quot;Not Equal&quot;</code> 。为了使JavaScript能够比较两种不同的<code>data types</code> （例如， <code>numbers</code>和<code>strings</code> ），它必须将一种类型转换为另一种类型。这被称为“类型强制”。但是，一旦它完成，它可以比较如下术语： <blockquote> 1 == 1 //是的<br> 1 == 2 //假<br> 1 ==&#39;1&#39;//是的<br> “3”== 3 //是的</blockquote></section>
+
+## Instructions
+<section id="instructions">将<code>equality operator</code>添加到指示的行，以便当<code>val</code>等于<code>12</code>时，函数将返回“Equal” </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testEqual(10)</code>应该返回“Not Equal”
+    testString: 'assert(testEqual(10) === "Not Equal", "<code>testEqual(10)</code> should return "Not Equal"");'
+  - text: <code>testEqual(12)</code>应返回“Equal”
+    testString: 'assert(testEqual(12) === "Equal", "<code>testEqual(12)</code> should return "Equal"");'
+  - text: <code>testEqual(&quot;12&quot;)</code>应返回“Equal”
+    testString: 'assert(testEqual("12") === "Equal", "<code>testEqual("12")</code> should return "Equal"");'
+  - text: 您应该使用<code>==</code>运算符
+    testString: 'assert(code.match(/==/g) && !code.match(/===/g), "You should use the <code>==</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function testEqual(val) {
+  if (val) { // Change this line
+    return "Equal";
+  }
+  return "Not Equal";
+}
+
+// Change this value to test
+testEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator.chinese.md
new file mode 100644
index 0000000000..69aed3dde2
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator.chinese.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244d4
+title: Comparison with the Greater Than Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: 与大于运营商的比较
+---
+
+## Description
+<section id="description">大于运算符（ <code>&gt;</code> ）比较两个数字的值。如果左边的数字大于右边的数字，则返回<code>true</code> 。否则，它返回<code>false</code> 。与等于运算符一样，大于运算符将在比较时转换数据类型的值。 <strong>例子</strong> <blockquote> 5&gt; 3 //是的<br> 7&gt;&#39;3&#39;//是的<br> 2&gt; 3 //假<br> &#39;1&#39;&gt; 9 //假</blockquote></section>
+
+## Instructions
+<section id="instructions">将<code>greater than</code>运算符添加到指示的行，以便返回语句有意义。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testGreaterThan(0)</code>应返回“10或Under”
+    testString: 'assert(testGreaterThan(0) === "10 or Under", "<code>testGreaterThan(0)</code> should return "10 or Under"");'
+  - text: <code>testGreaterThan(10)</code>应返回“10或Under”
+    testString: 'assert(testGreaterThan(10) === "10 or Under", "<code>testGreaterThan(10)</code> should return "10 or Under"");'
+  - text: <code>testGreaterThan(11)</code>应该返回“Over 10”
+    testString: 'assert(testGreaterThan(11) === "Over 10", "<code>testGreaterThan(11)</code> should return "Over 10"");'
+  - text: <code>testGreaterThan(99)</code>应该返回“Over 10”
+    testString: 'assert(testGreaterThan(99) === "Over 10", "<code>testGreaterThan(99)</code> should return "Over 10"");'
+  - text: <code>testGreaterThan(100)</code>应该返回“Over 10”
+    testString: 'assert(testGreaterThan(100) === "Over 10", "<code>testGreaterThan(100)</code> should return "Over 10"");'
+  - text: <code>testGreaterThan(101)</code>应返回“超过100”
+    testString: 'assert(testGreaterThan(101) === "Over 100", "<code>testGreaterThan(101)</code> should return "Over 100"");'
+  - text: <code>testGreaterThan(150)</code>应该返回“超过100”
+    testString: 'assert(testGreaterThan(150) === "Over 100", "<code>testGreaterThan(150)</code> should return "Over 100"");'
+  - text: 您应该至少使用<code>&gt;</code>运算符两次
+    testString: 'assert(code.match(/val\s*>\s*("|")*\d+("|")*/g).length > 1, "You should use the <code>&gt;</code> operator at least twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testGreaterThan(val) {
+  if (val) {  // Change this line
+    return "Over 100";
+  }
+
+  if (val) {  // Change this line
+    return "Over 10";
+  }
+
+  return "10 or Under";
+}
+
+// Change this value to test
+testGreaterThan(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator.chinese.md
new file mode 100644
index 0000000000..b55d54bda8
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator.chinese.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244d5
+title: Comparison with the Greater Than Or Equal To Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: 与大于或等于运算符的比较
+---
+
+## Description
+<section id="description"> <code>greater than or equal to</code>运算符（ <code>&gt;=</code> ）比较两个数字的值。如果左边的数字大于或等于右边的数字，则返回<code>true</code> 。否则，它返回<code>false</code> 。与等于运算符一样， <code>greater than or equal to</code>运算符将在比较时转换数据类型。 <strong>例子</strong> <blockquote> 6&gt; = 6 //是的<br> 7&gt; =&#39;3&#39;//是的<br> 2&gt; = 3 //假<br> &#39;7&#39;&gt; = 9 //假</blockquote></section>
+
+## Instructions
+<section id="instructions">将<code>greater than or equal to</code>运算符添加到指示的行，以便返回语句有意义。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testGreaterOrEqual(0)</code>应返回“小于10”
+    testString: 'assert(testGreaterOrEqual(0) === "Less than 10", "<code>testGreaterOrEqual(0)</code> should return "Less than 10"");'
+  - text: <code>testGreaterOrEqual(9)</code>应返回“小于10”
+    testString: 'assert(testGreaterOrEqual(9) === "Less than 10", "<code>testGreaterOrEqual(9)</code> should return "Less than 10"");'
+  - text: <code>testGreaterOrEqual(10)</code>应返回“10或Over”
+    testString: 'assert(testGreaterOrEqual(10) === "10 or Over", "<code>testGreaterOrEqual(10)</code> should return "10 or Over"");'
+  - text: <code>testGreaterOrEqual(11)</code>应返回“10或Over”
+    testString: 'assert(testGreaterOrEqual(11) === "10 or Over", "<code>testGreaterOrEqual(11)</code> should return "10 or Over"");'
+  - text: <code>testGreaterOrEqual(19)</code>应返回“10或Over”
+    testString: 'assert(testGreaterOrEqual(19) === "10 or Over", "<code>testGreaterOrEqual(19)</code> should return "10 or Over"");'
+  - text: <code>testGreaterOrEqual(100)</code>应该返回“20或Over”
+    testString: 'assert(testGreaterOrEqual(100) === "20 or Over", "<code>testGreaterOrEqual(100)</code> should return "20 or Over"");'
+  - text: <code>testGreaterOrEqual(21)</code>应返回“20或Over”
+    testString: 'assert(testGreaterOrEqual(21) === "20 or Over", "<code>testGreaterOrEqual(21)</code> should return "20 or Over"");'
+  - text: 您应该使用<code>&gt;=</code>运算符至少两次
+    testString: 'assert(code.match(/val\s*>=\s*("|")*\d+("|")*/g).length > 1, "You should use the <code>&gt;=</code> operator at least twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testGreaterOrEqual(val) {
+  if (val) {  // Change this line
+    return "20 or Over";
+  }
+
+  if (val) {  // Change this line
+    return "10 or Over";
+  }
+
+  return "Less than 10";
+}
+
+// Change this value to test
+testGreaterOrEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator.chinese.md
new file mode 100644
index 0000000000..e149c718da
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator.chinese.md
@@ -0,0 +1,68 @@
+---
+id: 56533eb9ac21ba0edf2244d2
+title: Comparison with the Inequality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: 与不等式算子的比较
+---
+
+## Description
+<section id="description">不等运算符（ <code>!=</code> ）与等于运算符相反。它意味着“不等于”并返回<code>false</code> ，其中相等性将返回<code>true</code> ， <em>反之亦然</em> 。与等式运算符一样，不等式运算符将在比较时转换数据类型的值。 <strong>例子</strong> <blockquote> 1！= 2 //是的<br> 1！=“1”//假<br> 1！=&#39;1&#39;//假<br> 1！= true // false <br> 0！= false // false </blockquote></section>
+
+## Instructions
+<section id="instructions">在<code>if</code>语句中添加不等式运算符<code>!=</code> ，以便当<code>val</code>不等于<code>99</code>时函数将返回“Not Equal” </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testNotEqual(99)</code>应返回“Equal”
+    testString: 'assert(testNotEqual(99) === "Equal", "<code>testNotEqual(99)</code> should return "Equal"");'
+  - text: <code>testNotEqual(&quot;99&quot;)</code>应该返回“Equal”
+    testString: 'assert(testNotEqual("99") === "Equal", "<code>testNotEqual("99")</code> should return "Equal"");'
+  - text: <code>testNotEqual(12)</code>应该返回“Not Equal”
+    testString: 'assert(testNotEqual(12) === "Not Equal", "<code>testNotEqual(12)</code> should return "Not Equal"");'
+  - text: <code>testNotEqual(&quot;12&quot;)</code>应该返回“Not Equal”
+    testString: 'assert(testNotEqual("12") === "Not Equal", "<code>testNotEqual("12")</code> should return "Not Equal"");'
+  - text: <code>testNotEqual(&quot;bob&quot;)</code>应返回“Not Equal”
+    testString: 'assert(testNotEqual("bob") === "Not Equal", "<code>testNotEqual("bob")</code> should return "Not Equal"");'
+  - text: 你应该使用<code>!=</code>运算符
+    testString: 'assert(code.match(/(?!!==)!=/), "You should use the <code>!=</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function testNotEqual(val) {
+  if (val) { // Change this line
+    return "Not Equal";
+  }
+  return "Equal";
+}
+
+// Change this value to test
+testNotEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator.chinese.md
new file mode 100644
index 0000000000..e440579845
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator.chinese.md
@@ -0,0 +1,74 @@
+---
+id: 56533eb9ac21ba0edf2244d6
+title: Comparison with the Less Than Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: 与小于算子的比较
+---
+
+## Description
+<section id="description"> <dfn>小于</dfn>运算符（ <code>&lt;</code> ）比较两个数字的值。如果左边的数字小于右边的数字，则返回<code>true</code> 。否则，它返回<code>false</code> 。与等于运算符一样， <dfn>少于</dfn>运算符在比较时转换数据类型。 <strong>例子</strong> <blockquote> 2 &lt;5 //是的<br> &#39;3&#39;&lt;7 //是的<br> 5 &lt;5 //假<br> 3 &lt;2 //假<br> &#39;8&#39;&lt;4 //假</blockquote></section>
+
+## Instructions
+<section id="instructions">将<code>less than</code>运算符添加到指示的行，以便返回语句有意义。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testLessThan(0)</code>应该返回“25岁以下”
+    testString: 'assert(testLessThan(0) === "Under 25", "<code>testLessThan(0)</code> should return "Under 25"");'
+  - text: <code>testLessThan(24)</code>应该返回“25岁以下”
+    testString: 'assert(testLessThan(24) === "Under 25", "<code>testLessThan(24)</code> should return "Under 25"");'
+  - text: <code>testLessThan(25)</code>应该返回“55岁以下”
+    testString: 'assert(testLessThan(25) === "Under 55", "<code>testLessThan(25)</code> should return "Under 55"");'
+  - text: <code>testLessThan(54)</code>应该返回“55岁以下”
+    testString: 'assert(testLessThan(54) === "Under 55", "<code>testLessThan(54)</code> should return "Under 55"");'
+  - text: <code>testLessThan(55)</code>应返回“55或以上”
+    testString: 'assert(testLessThan(55) === "55 or Over", "<code>testLessThan(55)</code> should return "55 or Over"");'
+  - text: <code>testLessThan(99)</code>应返回“55或以上”
+    testString: 'assert(testLessThan(99) === "55 or Over", "<code>testLessThan(99)</code> should return "55 or Over"");'
+  - text: 您应该至少使用<code>&lt;</code>运算符两次
+    testString: 'assert(code.match(/val\s*<\s*("|")*\d+("|")*/g).length > 1, "You should use the <code>&lt;</code> operator at least twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testLessThan(val) {
+  if (val) {  // Change this line
+    return "Under 25";
+  }
+
+  if (val) {  // Change this line
+    return "Under 55";
+  }
+
+  return "55 or Over";
+}
+
+// Change this value to test
+testLessThan(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator.chinese.md
new file mode 100644
index 0000000000..7cc45028ce
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator.chinese.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244d7
+title: Comparison with the Less Than Or Equal To Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: 与小于或等于运算符的比较
+---
+
+## Description
+<section id="description"> <code>less than or equal to</code>运算符（ <code>&lt;=</code> ）比较两个数字的值。如果左边的数字小于或等于右边的数字，则返回<code>true</code> 。如果左侧的数字大于右侧的数字，则返回<code>false</code> 。与等于运算符一样， <code>less than or equal to</code>转换数据类型。 <strong>例子</strong> <blockquote> 4 &lt;= 5 //是的<br> &#39;7&#39;&lt;= 7 //是的<br> 5 &lt;= 5 //是的<br> 3 &lt;= 2 //假<br> &#39;8&#39;&lt;= 4 //假</blockquote></section>
+
+## Instructions
+<section id="instructions">将<code>less than or equal to</code>运算符添加到指示的行，以便返回语句有意义。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testLessOrEqual(0)</code>应该返回“小于或等于12”
+    testString: 'assert(testLessOrEqual(0) === "Smaller Than or Equal to 12", "<code>testLessOrEqual(0)</code> should return "Smaller Than or Equal to 12"");'
+  - text: <code>testLessOrEqual(11)</code>应返回“小于或等于12”
+    testString: 'assert(testLessOrEqual(11) === "Smaller Than or Equal to 12", "<code>testLessOrEqual(11)</code> should return "Smaller Than or Equal to 12"");'
+  - text: <code>testLessOrEqual(12)</code>应返回“小于或等于12”
+    testString: 'assert(testLessOrEqual(12) === "Smaller Than or Equal to 12", "<code>testLessOrEqual(12)</code> should return "Smaller Than or Equal to 12"");'
+  - text: <code>testLessOrEqual(23)</code>应返回“小于或等于24”
+    testString: 'assert(testLessOrEqual(23) === "Smaller Than or Equal to 24", "<code>testLessOrEqual(23)</code> should return "Smaller Than or Equal to 24"");'
+  - text: <code>testLessOrEqual(24)</code>应返回“小于或等于24”
+    testString: 'assert(testLessOrEqual(24) === "Smaller Than or Equal to 24", "<code>testLessOrEqual(24)</code> should return "Smaller Than or Equal to 24"");'
+  - text: <code>testLessOrEqual(25)</code>应该返回“超过24”
+    testString: 'assert(testLessOrEqual(25) === "More Than 24", "<code>testLessOrEqual(25)</code> should return "More Than 24"");'
+  - text: <code>testLessOrEqual(55)</code>应该返回“超过24”
+    testString: 'assert(testLessOrEqual(55) === "More Than 24", "<code>testLessOrEqual(55)</code> should return "More Than 24"");'
+  - text: 你应该至少使用<code>&lt;=</code>运算符两次
+    testString: 'assert(code.match(/val\s*<=\s*("|")*\d+("|")*/g).length > 1, "You should use the <code>&lt;=</code> operator at least twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testLessOrEqual(val) {
+  if (val) {  // Change this line
+    return "Smaller Than or Equal to 12";
+  }
+
+  if (val) {  // Change this line
+    return "Smaller Than or Equal to 24";
+  }
+
+  return "More Than 24";
+}
+
+// Change this value to test
+testLessOrEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator.chinese.md
new file mode 100644
index 0000000000..941d2aee19
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 56533eb9ac21ba0edf2244d1
+title: Comparison with the Strict Equality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: 与严格平等算子的比较
+---
+
+## Description
+<section id="description">严格相等（ <code>===</code> ）是相等运算符（ <code>==</code> ）的对应物。但是，与尝试将两个值转换为常见类型的等式运算符不同，严格相等运算符不执行类型转换。如果要比较的值具有不同的类型，则认为它们不相等，并且严格相等运算符将返回false。 <strong>例子</strong> <blockquote> 3 === 3 //是的<br> 3 ===&#39;3&#39;//假</blockquote>在第二个示例中， <code>3</code>是<code>Number</code>类型， <code>&#39;3&#39;</code>是<code>String</code>类型。 </section>
+
+## Instructions
+<section id="instructions">在<code>if</code>语句中使用strict equality运算符，因此当<code>val</code>严格等于<code>7</code>时，函数将返回“Equal” </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testStrict(10)</code>应返回“Not Equal”
+    testString: 'assert(testStrict(10) === "Not Equal", "<code>testStrict(10)</code> should return "Not Equal"");'
+  - text: <code>testStrict(7)</code>应返回“Equal”
+    testString: 'assert(testStrict(7) === "Equal", "<code>testStrict(7)</code> should return "Equal"");'
+  - text: <code>testStrict(&quot;7&quot;)</code>应返回“Not Equal”
+    testString: 'assert(testStrict("7") === "Not Equal", "<code>testStrict("7")</code> should return "Not Equal"");'
+  - text: 您应该使用<code>===</code>运算符
+    testString: 'assert(code.match(/(val\s*===\s*\d+)|(\d+\s*===\s*val)/g).length > 0, "You should use the <code>===</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function testStrict(val) {
+  if (val) { // Change this line
+    return "Equal";
+  }
+  return "Not Equal";
+}
+
+// Change this value to test
+testStrict(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator.chinese.md
new file mode 100644
index 0000000000..7d5d66c430
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator.chinese.md
@@ -0,0 +1,71 @@
+---
+id: 56533eb9ac21ba0edf2244d3
+title: Comparison with the Strict Inequality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: 与严格不等式算子的比较
+---
+
+## Description
+<section id="description">严格不等式运算符（ <code>!==</code> ）与严格相等运算符的逻辑相反。它意味着“严格不等于”并返回<code>false</code> ，其中严格相等将返回<code>true</code> ， <em>反之亦然</em> 。严格的不等式不会转换数据类型。 <strong>例子</strong> <blockquote> 3！== 3 //假<br> 3！==&#39;3&#39;//是的<br> 4！== 3 //是的</blockquote></section>
+
+## Instructions
+<section id="instructions">将<code>strict inequality operator</code>添加到<code>if</code>语句，以便当<code>val</code>不严格等于<code>17</code>时，函数将返回“Not Equal” </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testStrictNotEqual(17)</code>应返回“Equal”
+    testString: 'assert(testStrictNotEqual(17) === "Equal", "<code>testStrictNotEqual(17)</code> should return "Equal"");'
+  - text: <code>testStrictNotEqual(&quot;17&quot;)</code>应返回“Not Equal”
+    testString: 'assert(testStrictNotEqual("17") === "Not Equal", "<code>testStrictNotEqual("17")</code> should return "Not Equal"");'
+  - text: <code>testStrictNotEqual(12)</code>应该返回“Not Equal”
+    testString: 'assert(testStrictNotEqual(12) === "Not Equal", "<code>testStrictNotEqual(12)</code> should return "Not Equal"");'
+  - text: <code>testStrictNotEqual(&quot;bob&quot;)</code>应返回“Not Equal”
+    testString: 'assert(testStrictNotEqual("bob") === "Not Equal", "<code>testStrictNotEqual("bob")</code> should return "Not Equal"");'
+  - text: 你应该使用<code>!==</code>运算符
+    testString: 'assert(code.match(/(val\s*!==\s*\d+)|(\d+\s*!==\s*val)/g).length > 0, "You should use the <code>!==</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function testStrictNotEqual(val) {
+  // Only Change Code Below this Line
+
+  if (val) {
+
+  // Only Change Code Above this Line
+
+    return "Not Equal";
+  }
+  return "Equal";
+}
+
+// Change this value to test
+testStrictNotEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator.chinese.md
new file mode 100644
index 0000000000..f02a1f319e
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator.chinese.md
@@ -0,0 +1,81 @@
+---
+id: 56533eb9ac21ba0edf2244d8
+title: Comparisons with the Logical And Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: 与逻辑和运算符的比较
+---
+
+## Description
+<section id="description">有时你需要一次测试多个东西。当且仅当其左侧和右侧的<dfn>操作数</dfn>为<code>true</code>时， <dfn>逻辑和</dfn>运算符（ <code>&amp;&amp;</code> ）才返回true。如果将if语句嵌套在另一个语句中，则可以实现相同的效果： <blockquote> if（num&gt; 5）{ <br> if（num &lt;10）{ <br>返回“是”; <br> } <br> } <br>返回“否”; </blockquote>如果<code>num</code>大于<code>5</code>且小于<code>10</code>则仅返回“Yes”。相同的逻辑可以写成： <blockquote> if（num&gt; 5 &amp;&amp; num &lt;10）{ <br>返回“是”; <br> } <br>返回“否”; </blockquote></section>
+
+## Instructions
+<section id="instructions">将两个if语句合并为一个语句，如果<code>val</code>小于或等于<code>50</code>且大于或等于<code>25</code> ，则返回<code>&quot;Yes&quot;</code> 。否则，将返回<code>&quot;No&quot;</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你应该使用一次<code>&amp;&amp;</code>运算符
+    testString: 'assert(code.match(/&&/g).length === 1, "You should use the <code>&&</code> operator once");'
+  - text: 你应该只有一个<code>if</code>语句
+    testString: 'assert(code.match(/if/g).length === 1, "You should only have one <code>if</code> statement");'
+  - text: <code>testLogicalAnd(0)</code>应返回“否”
+    testString: 'assert(testLogicalAnd(0) === "No", "<code>testLogicalAnd(0)</code> should return "No"");'
+  - text: <code>testLogicalAnd(24)</code>应返回“否”
+    testString: 'assert(testLogicalAnd(24) === "No", "<code>testLogicalAnd(24)</code> should return "No"");'
+  - text: <code>testLogicalAnd(25)</code>应返回“是”
+    testString: 'assert(testLogicalAnd(25) === "Yes", "<code>testLogicalAnd(25)</code> should return "Yes"");'
+  - text: <code>testLogicalAnd(30)</code>应该返回“是”
+    testString: 'assert(testLogicalAnd(30) === "Yes", "<code>testLogicalAnd(30)</code> should return "Yes"");'
+  - text: <code>testLogicalAnd(50)</code>应该返回“是”
+    testString: 'assert(testLogicalAnd(50) === "Yes", "<code>testLogicalAnd(50)</code> should return "Yes"");'
+  - text: <code>testLogicalAnd(51)</code>应返回“否”
+    testString: 'assert(testLogicalAnd(51) === "No", "<code>testLogicalAnd(51)</code> should return "No"");'
+  - text: <code>testLogicalAnd(75)</code>应返回“否”
+    testString: 'assert(testLogicalAnd(75) === "No", "<code>testLogicalAnd(75)</code> should return "No"");'
+  - text: <code>testLogicalAnd(80)</code>应返回“否”
+    testString: 'assert(testLogicalAnd(80) === "No", "<code>testLogicalAnd(80)</code> should return "No"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testLogicalAnd(val) {
+  // Only change code below this line
+
+  if (val) {
+    if (val) {
+      return "Yes";
+    }
+  }
+
+  // Only change code above this line
+  return "No";
+}
+
+// Change this value to test
+testLogicalAnd(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator.chinese.md
new file mode 100644
index 0000000000..45c46097c0
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator.chinese.md
@@ -0,0 +1,83 @@
+---
+id: 56533eb9ac21ba0edf2244d9
+title: Comparisons with the Logical Or Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: 与逻辑或运算符的比较
+---
+
+## Description
+<section id="description"> <dfn>逻辑OR</dfn>运算符（ <code>||</code> ）返回<code>true</code> ，如果任一<dfn>操作数</dfn>为<code>true</code> 。否则，它返回<code>false</code> 。 <dfn>逻辑或</dfn>运算符由两个管道符号（ <code>|</code> ）组成。这通常可以在Backspace和Enter键之间找到。以下模式应该从以前的方法点看起来很熟悉： <blockquote> if（num&gt; 10）{ <br>返回“否”; <br> } <br> if（num &lt;5）{ <br>返回“否”; <br> } <br>返回“是”; </blockquote>仅当<code>num</code>介于<code>5</code>和<code>10</code>之间（包括5和10）时，才会返回“Yes”。相同的逻辑可以写成： <blockquote> if（num&gt; 10 || num &lt;5）{ <br>返回“否”; <br> } <br>返回“是”; </blockquote></section>
+
+## Instructions
+<section id="instructions">将两个<code>if</code>语句组合成一个语句，如果<code>val</code>不在<code>10</code>和<code>20</code>之间（包括<code>10</code>和<code>20</code> ，则返回<code>&quot;Outside&quot;</code> 。否则，返回<code>&quot;Inside&quot;</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你应该使用<code>||</code>操作员一次
+    testString: 'assert(code.match(/\|\|/g).length === 1, "You should use the <code>||</code> operator once");'
+  - text: 你应该只有一个<code>if</code>语句
+    testString: 'assert(code.match(/if/g).length === 1, "You should only have one <code>if</code> statement");'
+  - text: <code>testLogicalOr(0)</code>应返回“Outside”
+    testString: 'assert(testLogicalOr(0) === "Outside", "<code>testLogicalOr(0)</code> should return "Outside"");'
+  - text: <code>testLogicalOr(9)</code>应返回“Outside”
+    testString: 'assert(testLogicalOr(9) === "Outside", "<code>testLogicalOr(9)</code> should return "Outside"");'
+  - text: <code>testLogicalOr(10)</code>应返回“Inside”
+    testString: 'assert(testLogicalOr(10) === "Inside", "<code>testLogicalOr(10)</code> should return "Inside"");'
+  - text: <code>testLogicalOr(15)</code>应返回“Inside”
+    testString: 'assert(testLogicalOr(15) === "Inside", "<code>testLogicalOr(15)</code> should return "Inside"");'
+  - text: <code>testLogicalOr(19)</code>应该返回“Inside”
+    testString: 'assert(testLogicalOr(19) === "Inside", "<code>testLogicalOr(19)</code> should return "Inside"");'
+  - text: <code>testLogicalOr(20)</code>应该返回“Inside”
+    testString: 'assert(testLogicalOr(20) === "Inside", "<code>testLogicalOr(20)</code> should return "Inside"");'
+  - text: <code>testLogicalOr(21)</code>应该返回“Outside”
+    testString: 'assert(testLogicalOr(21) === "Outside", "<code>testLogicalOr(21)</code> should return "Outside"");'
+  - text: <code>testLogicalOr(25)</code>应返回“Outside”
+    testString: 'assert(testLogicalOr(25) === "Outside", "<code>testLogicalOr(25)</code> should return "Outside"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testLogicalOr(val) {
+  // Only change code below this line
+
+  if (val) {
+    return "Outside";
+  }
+
+  if (val) {
+    return "Outside";
+  }
+
+  // Only change code above this line
+  return "Inside";
+}
+
+// Change this value to test
+testLogicalOr(15);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-addition.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-addition.chinese.md
new file mode 100644
index 0000000000..f459987bc8
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-addition.chinese.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244af
+title: Compound Assignment With Augmented Addition
+challengeType: 1
+videoUrl: ''
+localeTitle: 具有增强加法的复合赋值
+---
+
+## Description
+<section id="description">在编程中，通常使用赋值来修改变量的内容。请记住，首先评估等号右侧的所有内容，因此我们可以说： <code>myVar = myVar + 5;</code>添加<code>5</code>到<code>myVar</code> 。由于这是一种常见的模式，因此存在一步完成数学运算和赋值的运算符。一个这样的运算符是<code>+=</code>运算符。 <blockquote> var myVar = 1; <br> myVar + = 5; <br>的console.log（myVar的）; //返回6 </blockquote></section>
+
+## Instructions
+<section id="instructions">转换<code>a</code> ， <code>b</code>和<code>c</code>的赋值以使用<code>+=</code>运算符。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>a</code>应该等于<code>15</code>
+    testString: 'assert(a === 15, "<code>a</code> should equal <code>15</code>");'
+  - text: <code>b</code>应该等于<code>26</code>
+    testString: 'assert(b === 26, "<code>b</code> should equal <code>26</code>");'
+  - text: <code>c</code>应该等于<code>19</code>
+    testString: 'assert(c === 19, "<code>c</code> should equal <code>19</code>");'
+  - text: 您应该为每个变量使用<code>+=</code>运算符
+    testString: 'assert(code.match(/\+=/g).length === 3, "You should use the <code>+=</code> operator for each variable");'
+  - text: 不要修改行上方的代码
+    testString: 'assert(/var a = 3;/.test(code) && /var b = 17;/.test(code) && /var c = 12;/.test(code), "Do not modify the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var a = 3;
+var b = 17;
+var c = 12;
+
+// Only modify code below this line
+
+a = a + 12;
+b = 9 + b;
+c = c + 7;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division.chinese.md
new file mode 100644
index 0000000000..7a57bfef01
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division.chinese.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244b2
+title: Compound Assignment With Augmented Division
+challengeType: 1
+videoUrl: ''
+localeTitle: 具有增广划分的复合赋值
+---
+
+## Description
+<section id="description"> <code>/=</code>运算符将变量除以另一个数字。 <code>myVar = myVar / 5;</code>将<code>myVar</code>除以<code>5</code> 。这可以改写为： <code>myVar /= 5;</code> </section>
+
+## Instructions
+<section id="instructions">转换<code>a</code> ， <code>b</code>和<code>c</code>的赋值以使用<code>/=</code>运算符。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>a</code>应该等于<code>4</code>
+    testString: 'assert(a === 4, "<code>a</code> should equal <code>4</code>");'
+  - text: <code>b</code>应该等于<code>27</code>
+    testString: 'assert(b === 27, "<code>b</code> should equal <code>27</code>");'
+  - text: <code>c</code>应该等于<code>3</code>
+    testString: 'assert(c === 3, "<code>c</code> should equal <code>3</code>");'
+  - text: 您应该为每个变量使用<code>/=</code>运算符
+    testString: 'assert(code.match(/\/=/g).length === 3, "You should use the <code>/=</code> operator for each variable");'
+  - text: 不要修改行上方的代码
+    testString: 'assert(/var a = 48;/.test(code) && /var b = 108;/.test(code) && /var c = 33;/.test(code), "Do not modify the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var a = 48;
+var b = 108;
+var c = 33;
+
+// Only modify code below this line
+
+a = a / 12;
+b = b / 4;
+c = c / 11;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication.chinese.md
new file mode 100644
index 0000000000..7e92bf1f52
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication.chinese.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244b1
+title: Compound Assignment With Augmented Multiplication
+challengeType: 1
+videoUrl: ''
+localeTitle: 具有增广乘法的复合赋值
+---
+
+## Description
+<section id="description"> <code>*=</code>运算符将变量乘以数字。 <code>myVar = myVar * 5;</code>将<code>myVar</code>乘以<code>5</code> 。这可以改写为： <code>myVar *= 5;</code> </section>
+
+## Instructions
+<section id="instructions">转换<code>a</code> ， <code>b</code>和<code>c</code>的赋值以使用<code>*=</code>运算符。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>a</code>应该等于<code>25</code>
+    testString: 'assert(a === 25, "<code>a</code> should equal <code>25</code>");'
+  - text: <code>b</code>应该等于<code>36</code>
+    testString: 'assert(b === 36, "<code>b</code> should equal <code>36</code>");'
+  - text: <code>c</code>应该等于<code>46</code>
+    testString: 'assert(c === 46, "<code>c</code> should equal <code>46</code>");'
+  - text: 您应该为每个变量使用<code>*=</code>运算符
+    testString: 'assert(code.match(/\*=/g).length === 3, "You should use the <code>*=</code> operator for each variable");'
+  - text: 不要修改行上方的代码
+    testString: 'assert(/var a = 5;/.test(code) && /var b = 12;/.test(code) && /var c = 4\.6;/.test(code), "Do not modify the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var a = 5;
+var b = 12;
+var c = 4.6;
+
+// Only modify code below this line
+
+a = a * 5;
+b = 3 * b;
+c = c * 10;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-subtraction.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-subtraction.chinese.md
new file mode 100644
index 0000000000..1bf7c7d3a8
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-subtraction.chinese.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244b0
+title: Compound Assignment With Augmented Subtraction
+challengeType: 1
+videoUrl: ''
+localeTitle: 具有增广减法的复合赋值
+---
+
+## Description
+<section id="description">与<code>+=</code>运算符一样， <code>-=</code>从变量中减去一个数字。 <code>myVar = myVar - 5;</code>将从<code>myVar</code>减去<code>5</code> 。这可以改写为： <code>myVar -= 5;</code> </section>
+
+## Instructions
+<section id="instructions">转换<code>a</code> ， <code>b</code>和<code>c</code>的赋值以使用<code>-=</code>运算符。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>a</code>应该等于<code>5</code>
+    testString: 'assert(a === 5, "<code>a</code> should equal <code>5</code>");'
+  - text: <code>b</code>应该等于<code>-6</code>
+    testString: 'assert(b === -6, "<code>b</code> should equal <code>-6</code>");'
+  - text: <code>c</code>应该等于<code>2</code>
+    testString: 'assert(c === 2, "<code>c</code> should equal <code>2</code>");'
+  - text: 您应该为每个变量使用<code>-=</code>运算符
+    testString: 'assert(code.match(/-=/g).length === 3, "You should use the <code>-=</code> operator for each variable");'
+  - text: 不要修改行上方的代码
+    testString: 'assert(/var a = 11;/.test(code) && /var b = 9;/.test(code) && /var c = 3;/.test(code), "Do not modify the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var a = 11;
+var b = 9;
+var c = 3;
+
+// Only modify code below this line
+
+a = a - 6;
+b = b - 15;
+c = c - 1;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-plus-operator.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-plus-operator.chinese.md
new file mode 100644
index 0000000000..0e1f6b5ff2
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-plus-operator.chinese.md
@@ -0,0 +1,68 @@
+---
+id: 56533eb9ac21ba0edf2244b7
+title: Concatenating Strings with Plus Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: 用Plus运算符连接字符串
+---
+
+## Description
+<section id="description">在JavaScript中，当<code>+</code>运算符与<code>String</code>值一起使用时，它被称为<dfn>连接</dfn>运算符。您可以通过<dfn>将</dfn>它们<dfn>连接</dfn>在一起来构建其他字符串中的新字符串。 <strong>例</strong> <blockquote> “我叫艾伦，&#39;+&#39;我连接起来。” </blockquote> <strong>注意</strong> <br>留意空间。连接不会在连接字符串之间添加空格，因此您需要自己添加它们。 </section>
+
+## Instructions
+<section id="instructions">从字符串构建<code>myStr</code> <code>&quot;This is the start. &quot;</code>和<code>&quot;This is the end.&quot;</code>使用<code>+</code>运算符。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myStr</code>应该有一个值<code>This is the start. This is the end.</code>
+    testString: 'assert(myStr === "This is the start. This is the end.", "<code>myStr</code> should have a value of <code>This is the start. This is the end.</code>");'
+  - text: 使用<code>+</code>运算符构建<code>myStr</code>
+    testString: 'assert(code.match(/([""]).*([""])\s*\+\s*([""]).*([""])/g).length > 1, "Use the <code>+</code> operator to build <code>myStr</code>");'
+  - text: 应使用<code>var</code>关键字创建<code>myStr</code> 。
+    testString: 'assert(/var\s+myStr/.test(code), "<code>myStr</code> should be created using the <code>var</code> keyword.");'
+  - text: 确保将结果分配给<code>myStr</code>变量。
+    testString: 'assert(/myStr\s*=/.test(code), "Make sure to assign the result to the <code>myStr</code> variable.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourStr = "I come first. " + "I come second.";
+
+// Only change code below this line
+
+var myStr;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.chinese.md
new file mode 100644
index 0000000000..b2d65800df
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.chinese.md
@@ -0,0 +1,65 @@
+---
+id: 56533eb9ac21ba0edf2244b8
+title: Concatenating Strings with the Plus Equals Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用Plus Equals运算符连接字符串
+---
+
+## Description
+<section id="description">我们还可以使用<code>+=</code>运算符将字符串<dfn>连接</dfn>到现有字符串变量的末尾。这对于在多行上打破长字符串非常有帮助。 <strong>注意</strong> <br>留意空间。连接不会在连接字符串之间添加空格，因此您需要自己添加它们。 </section>
+
+## Instructions
+<section id="instructions">通过连接这两个字符串来构建<code>myStr</code>几行： <code>&quot;This is the first sentence. &quot;</code>和<code>&quot;This is the second sentence.&quot;</code>使用<code>+=</code>运算符。使用<code>+=</code>运算符，类似于它在编辑器中的显示方式。首先将第一个字符串分配给<code>myStr</code> ，然后添加第二个字符串。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myStr</code>应该有一个值<code>This is the first sentence. This is the second sentence.</code>
+    testString: 'assert(myStr === "This is the first sentence. This is the second sentence.", "<code>myStr</code> should have a value of <code>This is the first sentence. This is the second sentence.</code>");'
+  - text: 使用<code>+=</code>运算符构建<code>myStr</code>
+    testString: 'assert(code.match(/\w\s*\+=\s*[""]/g).length > 1 && code.match(/\w\s*\=\s*[""]/g).length > 1, "Use the <code>+=</code> operator to build <code>myStr</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourStr = "I come first. ";
+ourStr += "I come second.";
+
+// Only change code below this line
+
+var myStr;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/constructing-strings-with-variables.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/constructing-strings-with-variables.chinese.md
new file mode 100644
index 0000000000..685933da4e
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/constructing-strings-with-variables.chinese.md
@@ -0,0 +1,65 @@
+---
+id: 56533eb9ac21ba0edf2244b9
+title: Constructing Strings with Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: 用变量构造字符串
+---
+
+## Description
+<section id="description">有时您需要构建一个字符串， <a href="https://en.wikipedia.org/wiki/Mad_Libs" target="_blank">Mad Libs</a>样式。通过使用连接运算符（ <code>+</code> ），您可以将一个或多个变量插入到正在构建的字符串中。 </section>
+
+## Instructions
+<section id="instructions">将<code>myName</code>设置为等于您的名字的字符串，并在字符串<code>&quot;My name is &quot;</code>和<code>&quot; and I am well!&quot;</code>之间用<code>myName</code>构建<code>myStr</code> <code>&quot; and I am well!&quot;</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myName</code>应设置为至少3个字符长的字符串
+    testString: 'assert(typeof myName !== "undefined" && myName.length > 2, "<code>myName</code> should be set to a string at least 3 characters long");'
+  - text: 使用两个<code>+</code>运算符在其中构建<code>myStr</code> with <code>myName</code>
+    testString: 'assert(code.match(/[""]\s*\+\s*myName\s*\+\s*[""]/g).length > 0, "Use two <code>+</code> operators to build <code>myStr</code> with <code>myName</code> inside it");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourName = "freeCodeCamp";
+var ourStr = "Hello, our name is " + ourName + ", how are you?";
+
+// Only change code below this line
+var myName;
+var myStr;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop.chinese.md
new file mode 100644
index 0000000000..4e8a14b611
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop.chinese.md
@@ -0,0 +1,71 @@
+---
+id: 56105e7b514f539506016a5e
+title: Count Backwards With a For Loop
+challengeType: 1
+videoUrl: ''
+localeTitle: 用For循环向后计数
+---
+
+## Description
+<section id="description">只要我们可以定义正确的条件，for循环也可以向后计数。为了向后计数两次，我们需要更改<code>initialization</code> ， <code>condition</code>和<code>final-expression</code> 。我们将从<code>i = 10</code>开始并在<code>i &gt; 0</code>循环。我们将递减<code>i</code> 2每个回路与<code>i -= 2</code> 。 <blockquote> var ourArray = []; <br> for（var i = 10; i&gt; 0; i- = 2）{ <br> ourArray.push（ⅰ）; <br> } </blockquote> <code>ourArray</code>现在包含<code>[10,8,6,4,2]</code> 。让我们改变<code>initialization</code>和<code>final-expression</code>这样我们就可以向后计数两位奇数。 </section>
+
+## Instructions
+<section id="instructions">使用<code>for</code>循环将奇数从9到1推送到<code>myArray</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你应该为此使用<code>for</code>循环。
+    testString: 'assert(code.match(/for\s*\(/g).length > 1, "You should be using a <code>for</code> loop for this.");'
+  - text: 你应该使用数组方法<code>push</code> 。
+    testString: 'assert(code.match(/myArray.push/), "You should be using the array method <code>push</code>.");'
+  - text: '<code>myArray</code>应该等于<code>[9,7,5,3,1]</code> 。'
+    testString: 'assert.deepEqual(myArray, [9,7,5,3,1], "<code>myArray</code> should equal <code>[9,7,5,3,1]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [];
+
+for (var i = 10; i > 0; i -= 2) {
+  ourArray.push(i);
+}
+
+// Setup
+var myArray = [];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.chinese.md
new file mode 100644
index 0000000000..a40ac2f05d
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.chinese.md
@@ -0,0 +1,74 @@
+---
+id: 565bbe00e9cc8ac0725390f4
+title: Counting Cards
+challengeType: 1
+videoUrl: ''
+localeTitle: 计数卡
+---
+
+## Description
+<section id="description">在赌场游戏Blackjack中，玩家可以通过跟踪牌组中剩余的高牌和低牌的相对数量来获得优势。这称为<a href="https://en.wikipedia.org/wiki/Card_counting" target="_blank">卡计数</a> 。在牌组中剩下更多高牌有利于玩家。根据下表为每张卡分配一个值。当计数为正数时，玩家应该下注。当计数为零或负数时，玩家应该下注低。 <table class="table table-striped"><thead><tr><th>计数变化</th><th>牌</th></tr></thead><tbody><tr><td> +1 </td><td> 2,3,4,5,6 </td></tr><tr><td> 0 </td><td> 7,8,9 </td></tr><tr><td> -1 </td><td> 10，&#39;J&#39;，&#39;Q&#39;，&#39;K&#39;，&#39;A&#39; </td></tr></tbody></table>你会写一个卡计数功能。它将接收一个<code>card</code>参数，可以是数字或字符串，并根据卡的值递增或递减全局<code>count</code>变量（参见表格）。然后，该函数将返回一个包含当前计数的字符串，如果计数为正则返回字符串<code>Bet</code> ，如果计数为零或为负，则返回<code>Hold</code> 。当前计数和玩家的决定（ <code>Bet</code>或<code>Hold</code> ）应该由一个空格分隔。 <strong>示例输出</strong> <br> <code>-3 Hold</code> <br> <code>5 Bet</code> <strong>提示</strong> <br>当值为7,8或9时，请勿将<code>count</code>重置为0。 <br>不要返回数组。 <br>不要在输出中包含引号（单引号或双引号）。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 牌序列<code>5 Bet</code>应该返回<code>5 Bet</code>
+    testString: 'assert((function(){ count = 0; cc(2);cc(3);cc(4);cc(5);var out = cc(6); if(out === "5 Bet") {return true;} return false; })(), "Cards Sequence 2, 3, 4, 5, 6 should return <code>5 Bet</code>");'
+  - text: '卡片序列7,8,9应返回<code>0 Hold</code>'
+    testString: 'assert((function(){ count = 0; cc(7);cc(8);var out = cc(9); if(out === "0 Hold") {return true;} return false; })(), "Cards Sequence 7, 8, 9 should return <code>0 Hold</code>");'
+  - text: 卡序列10，J，Q，K，A应返回<code>-5 Hold</code>
+    testString: 'assert((function(){ count = 0; cc(10);cc("J");cc("Q");cc("K");var out = cc("A"); if(out === "-5 Hold") {return true;} return false; })(), "Cards Sequence 10, J, Q, K, A should return <code>-5 Hold</code>");'
+  - text: '卡序列3,7，Q，8，A应返回<code>-1 Hold</code>'
+    testString: 'assert((function(){ count = 0; cc(3);cc(7);cc("Q");cc(8);var out = cc("A"); if(out === "-1 Hold") {return true;} return false; })(), "Cards Sequence 3, 7, Q, 8, A should return <code>-1 Hold</code>");'
+  - text: 牌序列2，J， <code>1 Bet</code>应该返回<code>1 Bet</code>
+    testString: 'assert((function(){ count = 0; cc(2);cc("J");cc(9);cc(2);var out = cc(7); if(out === "1 Bet") {return true;} return false; })(), "Cards Sequence 2, J, 9, 2, 7 should return <code>1 Bet</code>");'
+  - text: 牌序列<code>1 Bet</code>应该返回<code>1 Bet</code>
+    testString: 'assert((function(){ count = 0; cc(2);cc(2);var out = cc(10); if(out === "1 Bet") {return true;} return false; })(), "Cards Sequence 2, 2, 10 should return <code>1 Bet</code>");'
+  - text: '卡序列3,2，A，10，K应返回<code>-1 Hold</code>'
+    testString: 'assert((function(){ count = 0; cc(3);cc(2);cc("A");cc(10);var out = cc("K"); if(out === "-1 Hold") {return true;} return false; })(), "Cards Sequence 3, 2, A, 10, K should return <code>-1 Hold</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var count = 0;
+
+function cc(card) {
+  // Only change code below this line
+
+
+  return "Change Me";
+  // Only change code above this line
+}
+
+// Add/remove calls to test your function.
+// Note: Only the last will display
+cc(2); cc(3); cc(7); cc('K'); cc('A');
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/create-decimal-numbers-with-javascript.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/create-decimal-numbers-with-javascript.chinese.md
new file mode 100644
index 0000000000..c1c4d8aecc
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/create-decimal-numbers-with-javascript.chinese.md
@@ -0,0 +1,61 @@
+---
+id: cf1391c1c11feddfaeb4bdef
+title: Create Decimal Numbers with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用JavaScript创建十进制数
+---
+
+## Description
+<section id="description">我们也可以在变量中存储十进制数。十进制数有时称为<dfn>浮点数</dfn>或<dfn>浮点数</dfn> 。 <strong>注意</strong> <br>并非所有实数都可以准确地以<dfn>浮点</dfn>表示。这可能导致舍入错误。 <a href="https://en.wikipedia.org/wiki/Floating_point#Accuracy_problems" target="_blank">细节在这里</a> 。 </section>
+
+## Instructions
+<section id="instructions">创建一个变量<code>myDecimal</code>并给它一个带小数部分的十进制值（例如<code>5.7</code> ）。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myDecimal</code>应该是一个数字。
+    testString: 'assert(typeof myDecimal === "number", "<code>myDecimal</code> should be a number.");'
+  - text: <code>myDecimal</code>应该有一个小数点
+    testString: 'assert(myDecimal % 1 != 0, "<code>myDecimal</code> should have a decimal point"); '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var ourDecimal = 5.7;
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.chinese.md
new file mode 100644
index 0000000000..a4a5a34a26
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.chinese.md
@@ -0,0 +1,60 @@
+---
+id: bd7123c9c443eddfaeb5bdef
+title: Declare JavaScript Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: 声明JavaScript变量
+---
+
+## Description
+<section id="description">在计算机科学中， <dfn>数据</dfn>是对计算机有意义的任何东西。 JavaScript提供了七种不同的<dfn>数据类型</dfn> ，它们是<code>undefined</code> ， <code>null</code> ， <code>boolean</code> ， <code>string</code> ， <code>symbol</code> ， <code>number</code>和<code>object</code> 。例如，计算机区分数字（例如数字<code>12</code> ）和<code>strings</code> （例如<code>&quot;12&quot;</code> ， <code>&quot;dog&quot;</code>或<code>&quot;123 cats&quot;</code> ，它们是字符集合。计算机可以对数字执行数学运算，但不能对字符串执行数学运算。 <dfn>变量</dfn>允许计算机以动态方式存储和操作数据。他们通过使用“标签”指向数据而不是使用数据本身来做到这一点。七种数据类型中的任何一种都可以存储在变量中。 <code>Variables</code>类似于您在数学中使用的x和y变量，这意味着它们是表示我们想要引用的数据的简单名称。计算机<code>variables</code>与数学<code>variables</code>不同之处在于它们可以在不同时间存储不同的值。我们告诉JavaScript通过将关键字<code>var</code>放在它前面来创建或<dfn>声明</dfn>变量，如下所示： <blockquote> var ourName; </blockquote>创建一个名为<code>ourName</code>的<code>variable</code> 。在JavaScript中，我们以分号结束语句。 <code>Variable</code>名可以由数字，字母和<code>$</code>或<code>_</code> ，但不能包含空格或以数字开头。 </section>
+
+## Instructions
+<section id="instructions">使用<code>var</code>关键字创建名为<code>myName</code>的变量。 <strong>暗示</strong> <br>如果你遇到<code>ourName</code>查看我们的<code>ourName</code>示例。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您应该使用<code>var</code>关键字声明<code>myName</code> ，以分号结尾
+    testString: 'assert(/var\s+myName\s*;/.test(code), "You should declare <code>myName</code> with the <code>var</code> keyword, ending with a semicolon");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourName;
+
+// Declare myName below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.chinese.md
new file mode 100644
index 0000000000..bcb8ddfcc4
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.chinese.md
@@ -0,0 +1,63 @@
+---
+id: bd7123c9c444eddfaeb5bdef
+title: Declare String Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: 声明字符串变量
+---
+
+## Description
+<section id="description">以前我们使用过代码<code>var myName = &quot;your name&quot;;</code> <code>&quot;your name&quot;</code>被称为<dfn>字符串</dfn> <dfn>文字</dfn> 。它是一个字符串，因为它是用单引号或双引号括起来的一系列零个或多个字符。 </section>
+
+## Instructions
+<section id="instructions">创建两个新的<code>string</code>变量： <code>myFirstName</code>和<code>myLastName</code>并分别为它们分配<code>myFirstName</code>和<code>myLastName</code>的值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myFirstName</code>应该是一个至少包含一个字符的字符串。
+    testString: 'assert((function(){if(typeof myFirstName !== "undefined" && typeof myFirstName === "string" && myFirstName.length > 0){return true;}else{return false;}})(), "<code>myFirstName</code> should be a string with at least one character in it.");'
+  - text: <code>myLastName</code>应该是一个至少包含一个字符的字符串。
+    testString: 'assert((function(){if(typeof myLastName !== "undefined" && typeof myLastName === "string" && myLastName.length > 0){return true;}else{return false;}})(), "<code>myLastName</code> should be a string with at least one character in it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstName = "Alan";
+var lastName = "Turing";
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.chinese.md
new file mode 100644
index 0000000000..966e69642b
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.chinese.md
@@ -0,0 +1,66 @@
+---
+id: 56533eb9ac21ba0edf2244ad
+title: Decrement a Number with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用JavaScript减少数字
+---
+
+## Description
+<section id="description">您可以使用<code>--</code>运算符轻松地将变量<dfn>减1</dfn>或减1。 <code>i--;</code>相当于<code>i = i - 1;</code> <strong>注意</strong> <br>整条线变成了<code>i--;</code> ，消除了对等号的需要。 </section>
+
+## Instructions
+<section id="instructions">更改代码以在<code>myVar</code>上使用<code>--</code>运算符。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myVar</code>应该等于<code>10</code>
+    testString: 'assert(myVar === 10, "<code>myVar</code> should equal <code>10</code>");'
+  - text: <code>myVar = myVar - 1;</code>应该改变
+    testString: 'assert(/var\s*myVar\s*=\s*11;\s*\/*.*\s*([-]{2}\s*myVar|myVar\s*[-]{2});/.test(code), "<code>myVar = myVar - 1;</code> should be changed");'
+  - text: 在<code>myVar</code>上使用<code>--</code>运算符
+    testString: 'assert(/[-]{2}\s*myVar|myVar\s*[-]{2}/.test(code), "Use the <code>--</code> operator on <code>myVar</code>");'
+  - text: 不要更改行上方的代码
+    testString: 'assert(/var myVar = 11;/.test(code), "Do not change code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myVar = 11;
+
+// Only change code below this line
+myVar = myVar - 1;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.chinese.md
new file mode 100644
index 0000000000..56731f311b
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.chinese.md
@@ -0,0 +1,79 @@
+---
+id: 56bbb991ad1ed5201cd392d3
+title: Delete Properties from a JavaScript Object
+challengeType: 1
+videoUrl: ''
+localeTitle: 从JavaScript对象中删除属性
+---
+
+## Description
+<section id="description">我们还可以删除对象中的属性，如下所示： <code>delete ourDog.bark;</code> </section>
+
+## Instructions
+<section id="instructions">从<code>myDog</code>删除<code>&quot;tails&quot;</code>属性。您可以使用点或括号表示法。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 从<code>myDog</code>删除属性<code>&quot;tails&quot;</code> 。
+    testString: 'assert(typeof myDog === "object" && myDog.tails === undefined, "Delete the property <code>"tails"</code> from <code>myDog</code>.");'
+  - text: 不要修改<code>myDog</code>设置
+    testString: 'assert(code.match(/"tails": 1/g).length > 1, "Do not modify the <code>myDog</code> setup");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"],
+  "bark": "bow-wow"
+};
+
+delete ourDog.bark;
+
+// Setup
+var myDog = {
+  "name": "Happy Coder",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["freeCodeCamp Campers"],
+  "bark": "woof"
+};
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.chinese.md
new file mode 100644
index 0000000000..33e5069361
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.chinese.md
@@ -0,0 +1,61 @@
+---
+id: bd7993c9ca9feddfaeb7bdef
+title: Divide One Decimal by Another with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用JavaScript将另一个十进制除以另一个
+---
+
+## Description
+<section id="description">现在让我们将一位小数除以另一位小数。 </section>
+
+## Instructions
+<section id="instructions">更改<code>0.0</code>使<code>quotient</code>等于<code>2.2</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 变<code>quotient</code>应该等于<code>2.2</code>
+    testString: 'assert(quotient === 2.2, "The variable <code>quotient</code> should equal <code>2.2</code>");'
+  - text: 您应该使用<code>/</code>运算符将4.4除以2
+    testString: 'assert(/4\.40*\s*\/\s*2\.*0*/.test(code), "You should use the <code>/</code> operator to divide 4.4 by 2");'
+  - text: 商数变量只应分配一次
+    testString: 'assert(code.match(/quotient/g).length === 1, "The quotient variable should only be assigned once");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var quotient = 0.0 / 2.0; // Fix this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.chinese.md
new file mode 100644
index 0000000000..8484a9bd01
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.chinese.md
@@ -0,0 +1,59 @@
+---
+id: cf1111c1c11feddfaeb6bdef
+title: Divide One Number by Another with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: 用JavaScript划分一个号码
+---
+
+## Description
+<section id="description">我们也可以将一个数字除以另一个数字。 JavaScript使用<code>/</code>符号进行除法。 <p> <strong>例</strong> </p><blockquote> myVar = 16/2; //分配8 </blockquote></section>
+
+## Instructions
+<section id="instructions">更改<code>0</code> ，使<code>quotient</code>等于<code>2</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 使变量<code>quotient</code>等于2。
+    testString: 'assert(quotient === 2, "Make the variable <code>quotient</code> equal to 2.");'
+  - text: 使用<code>/</code>运算符
+    testString: 'assert(/\d+\s*\/\s*\d+/.test(code), "Use the <code>/</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var quotient = 66 / 0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.chinese.md
new file mode 100644
index 0000000000..2f594f5cf6
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.chinese.md
@@ -0,0 +1,67 @@
+---
+id: 56533eb9ac21ba0edf2244b6
+title: Escape Sequences in Strings
+challengeType: 1
+videoUrl: ''
+localeTitle: 字符串中的转义序列
+---
+
+## Description
+<section id="description">引号不是可以在字符串中<dfn>转义</dfn>的唯一字符。使用转义字符有两个原因：首先是允许您使用您可能无法输入的字符，例如退格。其次是允许你在一个字符串中表示多个引号，而不会误解你的意思。我们在之前的挑战中学到了这一点。 <table class="table table-striped"><thead><tr><th>码</th><th>产量</th></tr></thead><tbody><tr><td> <code>\&#39;</code> </td> <td>单引号</td></tr><tr><td> <code>\&quot;</code> </td> <td>双引号</td></tr><tr><td> <code>\\</code> </td> <td>反斜线</td></tr><tr><td> <code>\n</code> </td> <td>新队</td></tr><tr><td> <code>\r</code> </td> <td>回车</td></tr><tr><td> <code>\t</code> </td> <td>标签</td></tr><tr><td> <code>\b</code> </td> <td>退格</td></tr><tr><td> <code>\f</code> </td> <td>形式饲料</td></tr></tbody></table> <em>请注意，必须对反斜杠本身进行转义才能显示为反斜杠。</em> </section>
+
+## Instructions
+<section id="instructions">使用转义序列将以下三行文本分配到单个变量<code>myStr</code> 。 <blockquote>第一行<br> \第二行<br> ThirdLine </blockquote>您将需要使用转义序列正确插入特殊字符。您还需要按照上面的间距来跟踪，在转义序列或单词之间没有空格。这是写出转义序列的文本。 <q>FirstLine <code>newline</code> <code>tab</code> <code>backslash</code> SecondLine <code>newline</code> ThirdLine</q> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myStr</code>不应包含任何空格
+    testString: 'assert(!/ /.test(myStr), "<code>myStr</code> should not contain any spaces");'
+  - text: <code>myStr</code>应包含的字符串<code>FirstLine</code> ， <code>SecondLine</code>和<code>ThirdLine</code> （记住区分大小写）
+    testString: 'assert(/FirstLine/.test(myStr) && /SecondLine/.test(myStr) && /ThirdLine/.test(myStr), "<code>myStr</code> should contain the strings <code>FirstLine</code>, <code>SecondLine</code> and <code>ThirdLine</code> (remember case sensitivity)");'
+  - text: <code>FirstLine</code>后面应跟换行符<code>\n</code>
+    testString: 'assert(/FirstLine\n/.test(myStr), "<code>FirstLine</code> should be followed by the newline character <code>\n</code>");'
+  - text: <code>myStr</code>应该包含一个制表字符<code>\t</code> ，它跟在换行符后面
+    testString: 'assert(/\n\t/.test(myStr), "<code>myStr</code> should contain a tab character <code>\t</code> which follows a newline character");'
+  - text: <code>SecondLine</code>应该以反斜杠字符<code>\\</code>开头
+    testString: 'assert(/\SecondLine/.test(myStr), "<code>SecondLine</code> should be preceded by the backslash character <code>\\</code>");'
+  - text: <code>SecondLine</code>和<code>ThirdLine</code>之间应该有换行符
+    testString: 'assert(/SecondLine\nThirdLine/.test(myStr), "There should be a newline character between <code>SecondLine</code> and <code>ThirdLine</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myStr; // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/escaping-literal-quotes-in-strings.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/escaping-literal-quotes-in-strings.chinese.md
new file mode 100644
index 0000000000..6399fb8021
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/escaping-literal-quotes-in-strings.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 56533eb9ac21ba0edf2244b5
+title: Escaping Literal Quotes in Strings
+challengeType: 1
+videoUrl: ''
+localeTitle: 逃避字符串中的字面引用
+---
+
+## Description
+<section id="description">在定义字符串时，必须以单引号或双引号开头和结尾。当你需要一个文字报价会发生什么： <code>&quot;</code>还是<code>&#39;</code> ？你的字符串里面在JavaScript中，你可以放置一个<dfn>反斜杠</dfn> （从考虑到它作为字符串报价的最终<dfn>逃脱</dfn>报价<code>\</code>在引号前）。 <code>var sampleStr = &quot;Alan said, \&quot;Peter is learning JavaScript\&quot;.&quot;;</code>这告诉JavaScript，以下引用不是字符串的结尾，而是应该出现在字符串中。所以如果要将它打印到控制台，你会得到： <code>Alan said, &quot;Peter is learning JavaScript&quot;.</code> </section>
+
+## Instructions
+<section id="instructions">使用<dfn>反斜杠</dfn>将字符串分配给<code>myStr</code>变量，这样如果要将其打印到控制台，您会看到： <code>I am a &quot;double quoted&quot; string inside &quot;double quotes&quot;.</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您应该使用两个双引号（ <code>&quot;</code> ）和四个转义双引号（ <code>\&quot;</code> ）。
+    testString: 'assert(code.match(/\\"/g).length === 4 && code.match(/[^\\]"/g).length === 2, "You should use two double quotes (<code>&quot;</code>) and four escaped double quotes (<code>&#92;&quot;</code>).");'
+  - text: 变量myStr应该包含字符串： <code>I am a &quot;double quoted&quot; string inside &quot;double quotes&quot;.</code>
+    testString: 'assert(myStr === "I am a \"double quoted\" string inside \"double quotes\".", "Variable myStr should contain the string: <code>I am a "double quoted" string inside "double quotes".</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myStr = ""; // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.chinese.md
new file mode 100644
index 0000000000..b85f8789f0
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.chinese.md
@@ -0,0 +1,71 @@
+---
+id: bd7123c9c448eddfaeb5bdef
+title: Find the Length of a String
+challengeType: 1
+videoUrl: ''
+localeTitle: 找到字符串的长度
+---
+
+## Description
+<section id="description">您可以通过在字符串变量或字符串文字后面写<code>.length</code>来查找<code>String</code>值的长度。 <code>&quot;Alan Peter&quot;.length; // 10</code>例如，如果我们创建了一个变量<code>var firstName = &quot;Charles&quot;</code> ，我们可以通过使用<code>firstName.length</code>属性找出字符串<code>&quot;Charles&quot;</code>长度。 </section>
+
+## Instructions
+<section id="instructions">使用<code>.length</code>属性计算<code>lastName</code>变量中的字符数，并将其分配给<code>lastNameLength</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>lastNameLength</code>应该等于8。
+    testString: 'assert((function(){if(typeof lastNameLength !== "undefined" && typeof lastNameLength === "number" && lastNameLength === 8){return true;}else{return false;}})(), "<code>lastNameLength</code> should be equal to eight.");'
+  - text: 您应该使用<code>.length</code>来获取<code>lastName</code>的长度，如下所示： <code>lastName.length</code> 。
+    testString: 'assert((function(){if(code.match(/\.length/gi) && code.match(/\.length/gi).length >= 2 && code.match(/var lastNameLength \= 0;/gi) && code.match(/var lastNameLength \= 0;/gi).length >= 1){return true;}else{return false;}})(), "You should be getting the length of <code>lastName</code> by using <code>.length</code> like this: <code>lastName.length</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstNameLength = 0;
+var firstName = "Ada";
+
+firstNameLength = firstName.length;
+
+// Setup
+var lastNameLength = 0;
+var lastName = "Lovelace";
+
+// Only change code below this line.
+
+lastNameLength = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.chinese.md
new file mode 100644
index 0000000000..a61dcd8174
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 56533eb9ac21ba0edf2244ae
+title: Finding a Remainder in JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: 在JavaScript中查找剩余内容
+---
+
+## Description
+<section id="description"> <dfn>余数</dfn>运算符<code>%</code>给出了两个数的除法的余数。 <strong>例</strong> <blockquote> 5％2 = 1因为<br> Math.floor（5/2）= 2（商数） <br> 2 * 2 = 4 <br> 5  -  4 = 1（剩余） </blockquote> <strong>用法</strong> <br>在数学中，通过检查数字除以<code>2</code>的余数，可以检查数字是偶数还是奇数。 <blockquote> 17％2 = 1（17为奇数） <br> 48％2 = 0（48为偶数） </blockquote> <strong>注意</strong> <br> <dfn>余数</dfn>运算符有时被错误地称为“模数”运算符。它与模数非常相似，但在负数下不能正常工作。 </section>
+
+## Instructions
+<section id="instructions">使用<dfn>余数</dfn> （ <code>%</code> ）运算符将<code>remainder</code>设置为等于<code>11</code>的余数除以<code>3</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 应该初始化变量<code>remainder</code>
+    testString: 'assert(/var\s+?remainder/.test(code), "The variable <code>remainder</code> should be initialized");'
+  - text: <code>remainder</code>的值应为<code>2</code>
+    testString: 'assert(remainder === 2, "The value of <code>remainder</code> should be <code>2</code>");'
+  - text: 您应该使用<code>%</code>运算符
+    testString: 'assert(/\s+?remainder\s*?=\s*?.*%.*;/.test(code), "You should use the <code>%</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Only change code below this line
+
+var remainder;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.chinese.md
new file mode 100644
index 0000000000..36ee2a8631
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.chinese.md
@@ -0,0 +1,68 @@
+---
+id: cf1111c1c11feddfaeb9bdef
+title: Generate Random Fractions with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用JavaScript生成随机分数
+---
+
+## Description
+<section id="description">随机数对于创建随机行为很有用。 JavaScript有一个<code>Math.random()</code>函数，它生成一个介于<code>0</code> （含）和不高达<code>1</code> （独占）之间的随机十进制数。因此<code>Math.random()</code>可以返回<code>0</code>但永远不会返回<code>1</code> <strong>Note</strong> <br> <a href="storing-values-with-the-assignment-operator" target="_blank">与使用Equal运算符存储值</a>一样，所有函数调用将在<code>return</code>执行之前解析，因此我们可以<code>return</code> <code>Math.random()</code>函数的值。 </section>
+
+## Instructions
+<section id="instructions">更改<code>randomFraction</code>以返回随机数而不是返回<code>0</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>randomFraction</code>应该返回一个随机数。
+    testString: 'assert(typeof randomFraction() === "number", "<code>randomFraction</code> should return a random number.");'
+  - text: <code>randomFraction</code>返回的<code>randomFraction</code>应该是小数。
+    testString: 'assert((randomFraction()+""). match(/\./g), "The number returned by <code>randomFraction</code> should be a decimal.");'
+  - text: 您应该使用<code>Math.random</code>来生成随机十进制数。
+    testString: 'assert(code.match(/Math\.random/g).length >= 0, "You should be using <code>Math.random</code> to generate the random decimal number.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function randomFraction() {
+
+  // Only change code below this line.
+
+  return 0;
+
+  // Only change code above this line.
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-with-javascript.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-with-javascript.chinese.md
new file mode 100644
index 0000000000..45790d3fd2
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-with-javascript.chinese.md
@@ -0,0 +1,70 @@
+---
+id: cf1111c1c12feddfaeb1bdef
+title: Generate Random Whole Numbers with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用JavaScript生成随机整数
+---
+
+## Description
+<section id="description">我们可以生成随机十进制数很好，但如果我们用它来生成随机整数，它会更有用。 <ol><li>使用<code>Math.random()</code>生成随机小数。 </li><li>将随机小数乘以<code>20</code> 。 </li><li>使用另一个函数<code>Math.floor()</code>将数字向下舍入到最接近的整数。 </li></ol>请记住， <code>Math.random()</code>永远不会返回<code>1</code> ，因为我们正在向下舍入，实际上不可能得到<code>20</code> 。这项技术将给我们一个<code>0</code>到<code>19</code>之间的整数。将所有内容放在一起，这就是我们的代码： <code>Math.floor(Math.random() * 20);</code>我们调用<code>Math.random()</code> ，将结果乘以20，然后将值传递给<code>Math.floor()</code>函数，将值向下舍入到最接近的整数。 </section>
+
+## Instructions
+<section id="instructions">使用此技术生成并返回<code>0</code>到<code>9</code>之间的随机整数。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>randomWholeNum</code>的结果应该是整数。
+    testString: 'assert(typeof randomWholeNum() === "number" && (function(){var r = randomWholeNum();return Math.floor(r) === r;})(), "The result of <code>randomWholeNum</code> should be a whole number.");'
+  - text: 您应该使用<code>Math.random</code>来生成随机数。
+    testString: 'assert(code.match(/Math.random/g).length > 1, "You should be using <code>Math.random</code> to generate a random number.");'
+  - text: 您应该将<code>Math.random</code>的结果乘以10，使其成为介于0和9之间的数字。
+    testString: 'assert(code.match(/\s*?Math.random\s*?\(\s*?\)\s*?\*\s*?10[\D]\s*?/g) || code.match(/\s*?10\s*?\*\s*?Math.random\s*?\(\s*?\)\s*?/g), "You should have multiplied the result of <code>Math.random</code> by 10 to make it a number that is between zero and nine.");'
+  - text: 您应该使用<code>Math.floor</code>删除数字的小数部分。
+    testString: 'assert(code.match(/Math.floor/g).length > 1, "You should use <code>Math.floor</code> to remove the decimal part of the number.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var randomNumberBetween0and19 = Math.floor(Math.random() * 20);
+
+function randomWholeNum() {
+
+  // Only change code below this line.
+
+  return Math.random();
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-within-a-range.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-within-a-range.chinese.md
new file mode 100644
index 0000000000..08861d2256
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-within-a-range.chinese.md
@@ -0,0 +1,80 @@
+---
+id: cf1111c1c12feddfaeb2bdef
+title: Generate Random Whole Numbers within a Range
+challengeType: 1
+videoUrl: ''
+localeTitle: 生成范围内的随机整数
+---
+
+## Description
+<section id="description">我们可以生成一个落在两个特定数字范围内的随机数，而不是像我们之前那样在零和给定数字之间生成一个随机数。为此，我们将定义最小数量<code>min</code>和最大数量<code>max</code> 。这是我们将使用的公式。花一点时间阅读它并尝试理解这段代码在做什么： <code>Math.floor(Math.random() * (max - min + 1)) + min</code> </section>
+
+## Instructions
+<section id="instructions">创建一个名为<code>randomRange</code>的函数，它接受一个范围<code>myMin</code>和<code>myMax</code>并返回一个大于或等于<code>myMin</code>的随机数，并且小于或等于<code>myMax</code> （包括<code>myMax</code> ）。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>randomRange</code>可以生成的最低随机数应该等于你的最小数量<code>myMin</code> 。
+    testString: 'assert(calcMin === 5, "The lowest random number that can be generated by <code>randomRange</code> should be equal to your minimum number, <code>myMin</code>.");'
+  - text: <code>randomRange</code>可以生成的最高随机数应该等于最大数量<code>myMax</code> 。
+    testString: 'assert(calcMax === 15, "The highest random number that can be generated by <code>randomRange</code> should be equal to your maximum number, <code>myMax</code>.");'
+  - text: <code>randomRange</code>生成的随机数应该是整数，而不是小数。
+    testString: 'assert(randomRange(0,1) % 1 === 0 , "The random number generated by <code>randomRange</code> should be an integer, not a decimal.");'
+  - text: <code>randomRange</code>应该同时使用<code>myMax</code>和<code>myMin</code> ，并在你的范围内返回一个随机数。
+    testString: 'assert((function(){if(code.match(/myMax/g).length > 1 && code.match(/myMin/g).length > 2 && code.match(/Math.floor/g) && code.match(/Math.random/g)){return true;}else{return false;}})(), "<code>randomRange</code> should use both <code>myMax</code> and <code>myMin</code>, and return a random number in your range.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function ourRandomRange(ourMin, ourMax) {
+
+  return Math.floor(Math.random() * (ourMax - ourMin + 1)) + ourMin;
+}
+
+ourRandomRange(1, 9);
+
+// Only change code below this line.
+
+function randomRange(myMin, myMax) {
+
+  return 0; // Change this line
+
+}
+
+// Change these values to test your function
+var myRandom = randomRange(5, 15);
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.chinese.md
new file mode 100644
index 0000000000..68747efee7
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.chinese.md
@@ -0,0 +1,109 @@
+---
+id: 56533eb9ac21ba0edf2244be
+title: Global Scope and Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: 全球范围和职能
+---
+
+## Description
+<section id="description">在JavaScript中， <dfn>范围</dfn>是指变量的可见性。在功能块之外定义的变量具有<dfn>全局</dfn>范围。这意味着，它们可以在JavaScript代码中随处可见。在没有<code>var</code>关键字的情况下使用的变量将在<code>global</code>范围内自动创建。这可能会在代码中的其他位置或再次运行函数时产生意外后果。您应该始终使用<code>var</code>声明变量。 </section>
+
+## Instructions
+<section id="instructions">使用<code>var</code> ，在任何函数之外声明一个<code>global</code>变量<code>myGlobal</code> 。使用值<code>10</code>初始化它。在函数<code>fun1</code>内部，在<strong><em>不</em></strong>使用<code>var</code>关键字的<strong><em>情况下</em></strong>为<code>oopsGlobal</code>分配<code>5</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 应该定义<code>myGlobal</code>
+    testString: 'assert(typeof myGlobal != "undefined", "<code>myGlobal</code> should be defined");'
+  - text: <code>myGlobal</code>的值应为<code>10</code>
+    testString: 'assert(myGlobal === 10, "<code>myGlobal</code> should have a value of <code>10</code>");'
+  - text: 应使用<code>var</code>关键字声明<code>myGlobal</code>
+    testString: 'assert(/var\s+myGlobal/.test(code), "<code>myGlobal</code> should be declared using the <code>var</code> keyword");'
+  - text: <code>oopsGlobal</code>应该是一个全局变量，其值为<code>5</code>
+    testString: 'assert(typeof oopsGlobal != "undefined" && oopsGlobal === 5, "<code>oopsGlobal</code> should be a global variable and have a value of <code>5</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Declare your variable here
+
+
+function fun1() {
+  // Assign 5 to oopsGlobal Here
+
+}
+
+// Only change code above this line
+function fun2() {
+  var output = "";
+  if (typeof myGlobal != "undefined") {
+    output += "myGlobal: " + myGlobal;
+  }
+  if (typeof oopsGlobal != "undefined") {
+    output += " oopsGlobal: " + oopsGlobal;
+  }
+  console.log(output);
+}
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = "";
+var originalConsole = console
+function capture() {
+    var nativeLog = console.log;
+    console.log = function (message) {
+        logOutput = message;
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+var oopsGlobal;
+capture();
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/global-vs.-local-scope-in-functions.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/global-vs.-local-scope-in-functions.chinese.md
new file mode 100644
index 0000000000..5876ce11c6
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/global-vs.-local-scope-in-functions.chinese.md
@@ -0,0 +1,65 @@
+---
+id: 56533eb9ac21ba0edf2244c0
+title: Global vs. Local Scope in Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: 功能中的全局与局部范围
+---
+
+## Description
+<section id="description">可以使<dfn>本地</dfn>变量和<dfn>全局</dfn>变量具有相同的名称。执行此操作时， <code>local</code>变量优先于<code>global</code>变量。在这个例子中： <blockquote> var someVar =“帽子”; <br> function myFun（）{ <br> var someVar =“Head”; <br>返回someVar; <br> } </blockquote>函数<code>myFun</code>将返回<code>&quot;Head&quot;</code>因为存在变量的<code>local</code>版本。 </section>
+
+## Instructions
+<section id="instructions">将一个局部变量添加到<code>myOutfit</code>函数，以使用<code>&quot;sweater&quot;</code>覆盖<code>outerWear</code>的值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 不要更改全局<code>outerWear</code>的值
+    testString: 'assert(outerWear === "T-Shirt", "Do not change the value of the global <code>outerWear</code>");'
+  - text: <code>myOutfit</code>应该返回<code>&quot;sweater&quot;</code>
+    testString: 'assert(myOutfit() === "sweater", "<code>myOutfit</code> should return <code>"sweater"</code>");'
+  - text: 不要更改return语句
+    testString: 'assert(/return outerWear/.test(code), "Do not change the return statement");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var outerWear = "T-Shirt";
+
+function myOutfit() {
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+  return outerWear;
+}
+
+myOutfit();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/golf-code.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/golf-code.chinese.md
new file mode 100644
index 0000000000..4c72aea56d
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/golf-code.chinese.md
@@ -0,0 +1,80 @@
+---
+id: 5664820f61c48e80c9fa476c
+title: Golf Code
+challengeType: 1
+videoUrl: ''
+localeTitle: 高尔夫码
+---
+
+## Description
+<section id="description">在<a href="https://en.wikipedia.org/wiki/Golf" target="_blank">高尔夫</a>比赛中，每个洞都具有<code>par</code>意义，即高尔夫球手为了将球沉入洞中以完成比赛所期望的平均<code>strokes</code>次数。根据你的<code>strokes</code>高出或低于<code>par</code>的距离，有一个不同的昵称。您的函数将通过<code>par</code>和<code>strokes</code>参数。根据此表返回正确的字符串，该表按优先级顺序列出笔划;顶部（最高）到底部（最低）： <table class="table table-striped"><thead><tr><th>笔画</th><th>返回</th></tr></thead><tbody><tr><td> 1 </td><td> “一杆进洞！” </td></tr><tr><td> &lt;= par  -  2 </td><td> “鹰” </td></tr><tr><td> par  -  1 </td><td> “小鸟” </td></tr><tr><td>平价</td><td> “相提并论” </td></tr><tr><td> par + 1 </td><td> “柏忌” </td></tr><tr><td> par + 2 </td><td> “双柏忌” </td></tr><tr><td> &gt; = par + 3 </td><td> “回家！” </td></tr></tbody></table> <code>par</code>和<code>strokes</code>将始终为数字和正数。为方便起见，我们添加了所有名称的数组。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>golfScore(4, 1)</code>应该返回“Hole-in-one！”'
+    testString: 'assert(golfScore(4, 1) === "Hole-in-one!", "<code>golfScore(4, 1)</code> should return "Hole-in-one!"");'
+  - text: '<code>golfScore(4, 2)</code>应该返回“Eagle”'
+    testString: 'assert(golfScore(4, 2) === "Eagle", "<code>golfScore(4, 2)</code> should return "Eagle"");'
+  - text: '<code>golfScore(5, 2)</code>应该返回“Eagle”'
+    testString: 'assert(golfScore(5, 2) === "Eagle", "<code>golfScore(5, 2)</code> should return "Eagle"");'
+  - text: '<code>golfScore(4, 3)</code>应该返回“Birdie”'
+    testString: 'assert(golfScore(4, 3) === "Birdie", "<code>golfScore(4, 3)</code> should return "Birdie"");'
+  - text: '<code>golfScore(4, 4)</code>应该返回“Par”'
+    testString: 'assert(golfScore(4, 4) === "Par", "<code>golfScore(4, 4)</code> should return "Par"");'
+  - text: '<code>golfScore(1, 1)</code>应该返回“Hole-in-one！”'
+    testString: 'assert(golfScore(1, 1) === "Hole-in-one!", "<code>golfScore(1, 1)</code> should return "Hole-in-one!"");'
+  - text: '<code>golfScore(5, 5)</code>应该返回“Par”'
+    testString: 'assert(golfScore(5, 5) === "Par", "<code>golfScore(5, 5)</code> should return "Par"");'
+  - text: '<code>golfScore(4, 5)</code>应该返回“Bogey”'
+    testString: 'assert(golfScore(4, 5) === "Bogey", "<code>golfScore(4, 5)</code> should return "Bogey"");'
+  - text: '<code>golfScore(4, 6)</code>应该返回“Double Bogey”'
+    testString: 'assert(golfScore(4, 6) === "Double Bogey", "<code>golfScore(4, 6)</code> should return "Double Bogey"");'
+  - text: '<code>golfScore(4, 7)</code>应该返回“Go Home！”'
+    testString: 'assert(golfScore(4, 7) === "Go Home!", "<code>golfScore(4, 7)</code> should return "Go Home!"");'
+  - text: '<code>golfScore(5, 9)</code>应该返回“Go Home！”'
+    testString: 'assert(golfScore(5, 9) === "Go Home!", "<code>golfScore(5, 9)</code> should return "Go Home!"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var names = ["Hole-in-one!", "Eagle", "Birdie", "Par", "Bogey", "Double Bogey", "Go Home!"];
+function golfScore(par, strokes) {
+  // Only change code below this line
+
+
+  return "Change Me";
+  // Only change code above this line
+}
+
+// Change these values to test
+golfScore(5, 4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/increment-a-number-with-javascript.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/increment-a-number-with-javascript.chinese.md
new file mode 100644
index 0000000000..f85bcf09b8
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/increment-a-number-with-javascript.chinese.md
@@ -0,0 +1,66 @@
+---
+id: 56533eb9ac21ba0edf2244ac
+title: Increment a Number with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用JavaScript增加数字
+---
+
+## Description
+<section id="description">您可以轻松地<dfn>增加</dfn>或添加一个变量与<code>++</code>运算符。 <code>i++;</code>相当于<code>i = i + 1;</code> <strong>注意</strong> <br>整行成为<code>i++;</code> ，消除了对等号的需要。 </section>
+
+## Instructions
+<section id="instructions">更改代码以在<code>myVar</code>上使用<code>++</code>运算符。 <strong>暗示</strong> <br>了解有关<a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Increment_()" target="_blank">算术运算符的</a>更多信息<a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Increment_()" target="_blank">- 增量（++）</a> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myVar</code>应该等于<code>88</code>
+    testString: 'assert(myVar === 88, "<code>myVar</code> should equal <code>88</code>");'
+  - text: <code>myVar = myVar + 1;</code>应该改变
+    testString: 'assert(/var\s*myVar\s*=\s*87;\s*\/*.*\s*([+]{2}\s*myVar|myVar\s*[+]{2});/.test(code), "<code>myVar = myVar + 1;</code> should be changed");'
+  - text: 使用<code>++</code>运算符
+    testString: 'assert(/[+]{2}\s*myVar|myVar\s*[+]{2}/.test(code), "Use the <code>++</code> operator");'
+  - text: 不要更改行上方的代码
+    testString: 'assert(/var myVar = 87;/.test(code), "Do not change code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myVar = 87;
+
+// Only change code below this line
+myVar = myVar + 1;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator.chinese.md
new file mode 100644
index 0000000000..fba0af0a67
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator.chinese.md
@@ -0,0 +1,60 @@
+---
+id: 56533eb9ac21ba0edf2244a9
+title: Initializing Variables with the Assignment Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用赋值运算符初始化变量
+---
+
+## Description
+<section id="description">通常将变量<dfn>初始化</dfn>为与声明的同一行中的初始值。 <code>var myVar = 0;</code>创建一个名为<code>myVar</code>的新变量，并为其指定初始值<code>0</code> 。 </section>
+
+## Instructions
+<section id="instructions">使用<code>var</code>定义变量<code>a</code>并将其初始化为值<code>9</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 将<code>a</code>初始化为值<code>9</code>
+    testString: 'assert(/var\s+a\s*=\s*9\s*/.test(code), "Initialize <code>a</code> to a value of <code>9</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourVar = 19;
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements.chinese.md
new file mode 100644
index 0000000000..d488fbc10f
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements.chinese.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244db
+title: Introducing Else If Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: 如果声明引入Else
+---
+
+## Description
+<section id="description">如果您有多个需要解决的条件，可以将<code>if</code>语句与<code>else if</code>语句链接在一起。 <blockquote> if（num&gt; 15）{ <br>返回“大于15”; <br> } else if（num &lt;5）{ <br>返回“小于5”; <br> } else { <br>返回“5到15之间”; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">转换逻辑以使用<code>else if</code>语句。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你应该至少有两个<code>else</code>语句
+    testString: 'assert(code.match(/else/g).length > 1, "You should have at least two <code>else</code> statements");'
+  - text: 你应该至少有两个<code>if</code>语句
+    testString: 'assert(code.match(/if/g).length > 1, "You should have at least two <code>if</code> statements");'
+  - text: 您应该为每个条件关闭并打开花括号
+    testString: 'assert(code.match(/if\s*\((.+)\)\s*\{[\s\S]+\}\s*else if\s*\((.+)\)\s*\{[\s\S]+\}\s*else\s*\{[\s\S]+\s*\}/), "You should have closing and opening curly braces for each condition in your if else statement");'
+  - text: <code>testElseIf(0)</code>应返回“小于5”
+    testString: 'assert(testElseIf(0) === "Smaller than 5", "<code>testElseIf(0)</code> should return "Smaller than 5"");'
+  - text: <code>testElseIf(5)</code>应该返回“5到10之间”
+    testString: 'assert(testElseIf(5) === "Between 5 and 10", "<code>testElseIf(5)</code> should return "Between 5 and 10"");'
+  - text: <code>testElseIf(7)</code>应返回“5到10之间”
+    testString: 'assert(testElseIf(7) === "Between 5 and 10", "<code>testElseIf(7)</code> should return "Between 5 and 10"");'
+  - text: <code>testElseIf(10)</code>应返回“5到10之间”
+    testString: 'assert(testElseIf(10) === "Between 5 and 10", "<code>testElseIf(10)</code> should return "Between 5 and 10"");'
+  - text: <code>testElseIf(12)</code>应返回“大于10”
+    testString: 'assert(testElseIf(12) === "Greater than 10", "<code>testElseIf(12)</code> should return "Greater than 10"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testElseIf(val) {
+  if (val > 10) {
+    return "Greater than 10";
+  }
+
+  if (val < 5) {
+    return "Smaller than 5";
+  }
+
+  return "Between 5 and 10";
+}
+
+// Change this value to test
+testElseIf(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements.chinese.md
new file mode 100644
index 0000000000..71fb7747a8
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements.chinese.md
@@ -0,0 +1,78 @@
+---
+id: 56533eb9ac21ba0edf2244da
+title: Introducing Else Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: 介绍其他声明
+---
+
+## Description
+<section id="description">当<code>if</code>语句的条件为真时，将执行其后面的代码块。当那个条件是假的时候怎么办？通常什么都不会发生。使用<code>else</code>语句，可以执行备用代码块。 <blockquote> if（num&gt; 10）{ <br>返回“大于10”; <br> } else { <br>返回“10或更少”; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">将<code>if</code>语句组合到单个<code>if/else</code>语句中。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您应该只在编辑器中有一个<code>if</code>语句
+    testString: 'assert(code.match(/if/g).length === 1, "You should only have one <code>if</code> statement in the editor");'
+  - text: 你应该使用<code>else</code>语句
+    testString: 'assert(/else/g.test(code), "You should use an <code>else</code> statement");'
+  - text: <code>testElse(4)</code>应返回“5或更小”
+    testString: 'assert(testElse(4) === "5 or Smaller", "<code>testElse(4)</code> should return "5 or Smaller"");'
+  - text: <code>testElse(5)</code>应返回“5或更小”
+    testString: 'assert(testElse(5) === "5 or Smaller", "<code>testElse(5)</code> should return "5 or Smaller"");'
+  - text: <code>testElse(6)</code>应该返回“大于5”
+    testString: 'assert(testElse(6) === "Bigger than 5", "<code>testElse(6)</code> should return "Bigger than 5"");'
+  - text: <code>testElse(10)</code>应该返回“大于5”
+    testString: 'assert(testElse(10) === "Bigger than 5", "<code>testElse(10)</code> should return "Bigger than 5"");'
+  - text: 请勿更改行上方或下方的代码。
+    testString: 'assert(/var result = "";/.test(code) && /return result;/.test(code), "Do not change the code above or below the lines.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testElse(val) {
+  var result = "";
+  // Only change code below this line
+
+  if (val > 5) {
+    result = "Bigger than 5";
+  }
+
+  if (val <= 5) {
+    result = "5 or Smaller";
+  }
+
+  // Only change code above this line
+  return result;
+}
+
+// Change this value to test
+testElse(4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop.chinese.md
new file mode 100644
index 0000000000..b0a7ebafef
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop.chinese.md
@@ -0,0 +1,69 @@
+---
+id: 56104e9e514f539506016a5c
+title: Iterate Odd Numbers With a For Loop
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用For循环迭代奇数
+---
+
+## Description
+<section id="description"> For循环不必一次迭代一个循环。通过改变我们的<code>final-expression</code> ，我们可以计算偶数。我们将从<code>i = 0</code>开始并在<code>i &lt; 10</code>循环。我们会增加<code>i</code>的2每个回路与<code>i += 2</code> 。 <blockquote> var ourArray = []; <br> for（var i = 0; i &lt;10; i + = 2）{ <br> ourArray.push（ⅰ）; <br> } </blockquote> <code>ourArray</code>现在包含<code>[0,2,4,6,8]</code> 。让我们改变<code>initialization</code>这样我们就可以用奇数来计算。 </section>
+
+## Instructions
+<section id="instructions">使用<code>for</code>循环将奇数从1到9推送到<code>myArray</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你应该为此使用<code>for</code>循环。
+    testString: 'assert(code.match(/for\s*\(/g).length > 1, "You should be using a <code>for</code> loop for this.");'
+  - text: '<code>myArray</code>应该等于<code>[1,3,5,7,9]</code> 。'
+    testString: 'assert.deepEqual(myArray, [1,3,5,7,9], "<code>myArray</code> should equal <code>[1,3,5,7,9]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [];
+
+for (var i = 0; i < 10; i += 2) {
+  ourArray.push(i);
+}
+
+// Setup
+var myArray = [];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.chinese.md
new file mode 100644
index 0000000000..5a364324a7
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.chinese.md
@@ -0,0 +1,74 @@
+---
+id: 5675e877dbd60be8ad28edc6
+title: Iterate Through an Array with a For Loop
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用For循环遍历数组
+---
+
+## Description
+<section id="description"> JavaScript中的一个常见任务是遍历数组的内容。一种方法是使用<code>for</code>循环。此代码将数组<code>arr</code>每个元素输出到控制台： <blockquote> var arr = [10,9,8,7,6]; <br> for（var i = 0; i &lt;arr.length; i ++）{ <br> （ARR [I]）的console.log; <br> } </blockquote>请记住，数组具有从零开始的编号，这意味着数组的最后一个索引是长度 -  1.我们对此循环的<dfn>条件</dfn>是<code>i &lt; arr.length</code> ，当<code>i</code>长度为1时停止。 </section>
+
+## Instructions
+<section id="instructions">声明并将变量<code>total</code>初始化为<code>0</code> 。使用<code>for</code>循环将<code>myArr</code>数组的每个元素的值添加到<code>total</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 应声明<code>total</code>并初始化为0
+    testString: 'assert(code.match(/var.*?total\s*=\s*0.*?;/), "<code>total</code> should be declared and initialized to 0");'
+  - text: <code>total</code>应该等于20
+    testString: 'assert(total === 20, "<code>total</code> should equal 20");'
+  - text: 您应该使用<code>for</code>循环来遍历<code>myArr</code>
+    testString: 'assert(code.match(/for\s*\(/g).length > 1 && code.match(/myArr\s*\[/), "You should use a <code>for</code> loop to iterate through <code>myArr</code>");'
+  - text: 不要直接将<code>total</code>设置为20
+    testString: 'assert(!code.match(/total[\s\+\-]*=\s*(\d(?!\s*[;,])|[1-9])/g), "Do not set <code>total</code> to 20 directly");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArr = [ 9, 10, 11, 12];
+var ourTotal = 0;
+
+for (var i = 0; i < ourArr.length; i++) {
+  ourTotal += ourArr[i];
+}
+
+// Setup
+var myArr = [ 2, 3, 4, 5, 6];
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do...while-loops.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do...while-loops.chinese.md
new file mode 100644
index 0000000000..6d371eba9a
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do...while-loops.chinese.md
@@ -0,0 +1,70 @@
+---
+id: 5a2efd662fb457916e1fe604
+title: Iterate with JavaScript Do...While Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用JavaScript迭代...循环
+---
+
+## Description
+<section id="description">您可以使用循环多次运行相同的代码。你将学习的下一个类型的循环称为“ <code>do...while</code> ”循环，因为它首先将“ <code>do</code> ”循环内部代码的一次传递，无论如何，然后它运行“ <code>while</code> ”指定条件为真一旦这种情况不再真实就停止。我们来看一个例子。 <blockquote> var ourArray = []; <br> var i = 0; <br>做{ <br> ourArray.push（ⅰ）; <br>我++; <br> } while（i &lt;5）; </blockquote>这与任何其他类型的循环一样正常，结果数组看起来像<code>[0, 1, 2, 3, 4]</code> 。然而，什么使得<code>do...while</code>与其他循环不同，但是当条件在第一次检查时失败时它的行为如何。让我们看看这个在行动。这是一个常规的while循环，只要<code>i &lt; 5</code> ，它就会在循环中运行代码。 <blockquote> var ourArray = []; <br> var i = 5; <br>而（i &lt;5）{ <br> ourArray.push（ⅰ）; <br>我++; <br> } </blockquote>请注意，我们将<code>i</code>的值初始化为5.当我们执行下一行时，我们注意到<code>i</code>不小于5.所以我们不执行循环内的代码。结果是<code>ourArray</code>最终没有添加任何内容，因此当上面示例中的所有代码完成运行时，它仍然看起来像这个<code>[]</code> 。现在，看一下<code>do...while</code>循环。 <blockquote> var ourArray = []; <br> var i = 5; <br>做{ <br> ourArray.push（ⅰ）; <br>我++; <br> } while（i &lt;5）; </blockquote>在这种情况下，我们将<code>i</code>的值初始化为5，就像我们使用while循环一样。当我们到达下一行时，没有检查<code>i</code>的值，所以我们转到花括号内的代码并执行它。我们将在数组中添加一个元素并在进行条件检查之前递增<code>i</code> 。然后，当我们检查<code>i &lt; 5</code>看到<code>i</code>现在是6，这不符合条件检查。所以我们退出循环并完成。在上面的例子的末尾， <code>ourArray</code>的值是<code>[5]</code> 。本质上， <code>do...while</code>循环确保循环内的代码至少运行一次。让我们尝试通过将值推送到数组来实现<code>do...while</code>循环。 </section>
+
+## Instructions
+<section id="instructions">将代码中的<code>while</code>循环更改为<code>do...while</code>循环，以便循环将数字10推送到<code>myArray</code> ，当代码完成运行时， <code>i</code>将等于<code>11</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你应该使用<code>do...while</code>循环。
+    testString: 'assert(code.match(/do/g), "You should be using a <code>do...while</code> loop for this.");'
+  - text: '<code>myArray</code>应该等于<code>[10]</code> 。'
+    testString: 'assert.deepEqual(myArray, [10], "<code>myArray</code> should equal <code>[10]</code>.");'
+  - text: <code>i</code>应该等于<code>11</code>
+    testString: 'assert.deepEqual(i, 11, "<code>i</code> should equal <code>11</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myArray = [];
+var i = 10;
+
+// Only change code below this line.
+
+while (i < 5) {
+  myArray.push(i);
+  i++;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops.chinese.md
new file mode 100644
index 0000000000..24d62d55b6
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops.chinese.md
@@ -0,0 +1,69 @@
+---
+id: cf1111c1c11feddfaeb5bdef
+title: Iterate with JavaScript For Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用JavaScript迭代循环
+---
+
+## Description
+<section id="description">您可以使用循环多次运行相同的代码。最常见的JavaScript循环类型称为“ <code>for loop</code> ”，因为它“运行”特定次数。 For循环用三个可选表达式声明，用分号分隔： <code>for ([initialization]; [condition]; [final-expression])</code> <code>initialization</code>语句仅在循环开始之前执行一次。它通常用于定义和设置循环变量。 <code>condition</code>语句在每次循环迭代开始时进行计算，并且只要计算结果为<code>true</code>就会继续。当迭代开始时<code>condition</code>为<code>false</code>时，循环将停止执行。这意味着如果<code>condition</code>以<code>false</code>开头，则循环将永远不会执行。 <code>final-expression</code>在每次循环迭代结束时执行，在下一次<code>condition</code>检查之前执行，通常用于递增或递减循环计数器。在下面的示例中，我们使用<code>i = 0</code>初始化并迭代，而条件<code>i &lt; 5</code>为真。我们将在每个循环迭代中将<code>i</code>递增<code>1</code> ，并使用<code>i++</code>作为<code>final-expression</code> 。 <blockquote> var ourArray = []; <br> for（var i = 0; i &lt;5; i ++）{ <br> ourArray.push（ⅰ）; <br> } </blockquote> <code>ourArray</code>现在包含<code>[0,1,2,3,4]</code> 。 </section>
+
+## Instructions
+<section id="instructions">使用<code>for</code>循环将值1到5推送到<code>myArray</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你应该为此使用<code>for</code>循环。
+    testString: 'assert(code.match(/for\s*\(/g).length > 1, "You should be using a <code>for</code> loop for this.");'
+  - text: '<code>myArray</code>应该等于<code>[1,2,3,4,5]</code> 。'
+    testString: 'assert.deepEqual(myArray, [1,2,3,4,5], "<code>myArray</code> should equal <code>[1,2,3,4,5]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [];
+
+for (var i = 0; i < 5; i++) {
+  ourArray.push(i);
+}
+
+// Setup
+var myArray = [];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops.chinese.md
new file mode 100644
index 0000000000..071f65451b
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops.chinese.md
@@ -0,0 +1,62 @@
+---
+id: cf1111c1c11feddfaeb1bdef
+title: Iterate with JavaScript While Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: 在循环时使用JavaScript进行迭代
+---
+
+## Description
+<section id="description">您可以使用循环多次运行相同的代码。我们将学习的第一种类型的循环称为“ <code>while</code> ”循环，因为它在“while”运行时指定的条件为true，并且一旦该条件不再为真就停止。 <blockquote> var ourArray = []; <br> var i = 0; <br>而（i &lt;5）{ <br> ourArray.push（ⅰ）; <br>我++; <br> } </blockquote>让我们尝试通过将值推送到数组来实现while循环。 </section>
+
+## Instructions
+<section id="instructions">使用<code>while</code>循环将数字0到4推送到<code>myArray</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你应该使用<code>while</code>循环。
+    testString: 'assert(code.match(/while/g), "You should be using a <code>while</code> loop for this.");'
+  - text: '<code>myArray</code>应该等于<code>[0,1,2,3,4]</code> 。'
+    testString: 'assert.deepEqual(myArray, [0,1,2,3,4], "<code>myArray</code> should equal <code>[0,1,2,3,4]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myArray = [];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions.chinese.md
new file mode 100644
index 0000000000..f6b6821760
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions.chinese.md
@@ -0,0 +1,96 @@
+---
+id: 56533eb9ac21ba0edf2244bf
+title: Local Scope and Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: 本地范围和功能
+---
+
+## Description
+<section id="description">在函数内声明的变量，以及函数参数都具有<dfn>局部</dfn>范围。这意味着，它们仅在该功能中可见。这是一个函数<code>myTest</code>带有一个名为<code>loc</code>的局部变量。 <blockquote> function myTest（）{ <br> var loc =“foo”; <br>的console.log（LOC）; <br> } <br> MYTEST（）; //记录“foo” <br>的console.log（LOC）; // loc未定义</blockquote> <code>loc</code>未在函数外定义。 </section>
+
+## Instructions
+<section id="instructions">在<code>myLocalScope</code>声明一个局部变量<code>myVar</code> 。运行测试，然后按照编辑器中注释的说明进行操作。 <strong>暗示</strong> <br>如果您遇到问题，刷新页面可能会有所帮助。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 没有全局<code>myVar</code>变量
+    testString: 'assert(typeof myVar === "undefined", "No global <code>myVar</code> variable");'
+  - text: 添加本地<code>myVar</code>变量
+    testString: 'assert(/var\s+myVar/.test(code), "Add a local <code>myVar</code> variable");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function myLocalScope() {
+  'use strict'; // you shouldn't need to edit this line
+
+  console.log(myVar);
+}
+myLocalScope();
+
+// Run and check the console
+// myVar is not defined outside of myLocalScope
+console.log(myVar);
+
+// Now remove the console log line to pass the test
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = "";
+var originalConsole = console
+function capture() {
+  var nativeLog = console.log;
+  console.log = function (message) {
+    logOutput = message;
+    if(nativeLog.apply) {
+      nativeLog.apply(originalConsole, arguments);
+    } else {
+      var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+      nativeLog(nativeMsg);
+    }
+  };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements.chinese.md
new file mode 100644
index 0000000000..374e397cde
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 5690307fddb111c6084545d7
+title: Logical Order in If Else Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: 如果其他陈述中的逻辑顺序
+---
+
+## Description
+<section id="description">订单在<code>if</code> ， <code>else if</code>语句中很重要。该函数从上到下执行，因此您需要注意首先出现的语句。以这两个函数为例。这是第一个： <blockquote> function foo（x）{ <br> if（x &lt;1）{ <br>返回“少于一个”; <br> } else if（x &lt;2）{ <br>返回“少于两个”; <br> } else { <br>返回“大于或等于2”; <br> } <br> } </blockquote>第二个只是切换语句的顺序： <blockquote>功能栏（x）{ <br> if（x &lt;2）{ <br>返回“少于两个”; <br> } else if（x &lt;1）{ <br>返回“少于一个”; <br> } else { <br>返回“大于或等于2”; <br> } <br> } </blockquote>虽然如果我们将数字传递给两者，这两个函数看起来几乎相同但我们得到不同的输出。 <blockquote> foo（0）//“不到一个” <br> bar（0）//“少于两个” </blockquote></section>
+
+## Instructions
+<section id="instructions">更改函数中的逻辑顺序，以便在所有情况下都返回正确的语句。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>orderMyLogic(4)</code>应返回“小于5”
+    testString: 'assert(orderMyLogic(4) === "Less than 5", "<code>orderMyLogic(4)</code> should return "Less than 5"");'
+  - text: <code>orderMyLogic(6)</code>应该返回“少于10”
+    testString: 'assert(orderMyLogic(6) === "Less than 10", "<code>orderMyLogic(6)</code> should return "Less than 10"");'
+  - text: <code>orderMyLogic(11)</code>应该返回“大于或等于10”
+    testString: 'assert(orderMyLogic(11) === "Greater than or equal to 10", "<code>orderMyLogic(11)</code> should return "Greater than or equal to 10"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function orderMyLogic(val) {
+  if (val < 10) {
+    return "Less than 10";
+  } else if (val < 5) {
+    return "Less than 5";
+  } else {
+    return "Greater than or equal to 10";
+  }
+}
+
+// Change this value to test
+orderMyLogic(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.chinese.md
new file mode 100644
index 0000000000..4685b553bc
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.chinese.md
@@ -0,0 +1,70 @@
+---
+id: 56bbb991ad1ed5201cd392cc
+title: Manipulate Arrays With pop()
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用pop（）操作数组
+---
+
+## Description
+<section id="description">更改数组中数据的另一种方法是使用<code>.pop()</code>函数。 <code>.pop()</code>用于“弹出”数组末尾的值。我们可以通过将其赋值给变量来存储这个“弹出”值。换句话说， <code>.pop()</code>从数组中删除最后一个元素并返回该元素。任何类型的条目都可以从数组“弹出” - 数字，字符串，甚至嵌套数组。 <blockquote> <code>var threeArr = [1, 4, 6]; <br> var oneDown = threeArr.pop(); <br> console.log(oneDown); // Returns 6 <br> console.log(threeArr); // Returns [1, 4]</code> </blockquote> </section>
+
+## Instructions
+<section id="instructions">使用<code>.pop()</code>函数从<code>myArray</code>删除最后一项，将“弹出”值分配给<code>removedFromMyArray</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray</code>应该只包含<code>[[&quot;John&quot;, 23]]</code> 。'
+    testString: 'assert((function(d){if(d[0][0] == "John" && d[0][1] === 23 && d[1] == undefined){return true;}else{return false;}})(myArray), "<code>myArray</code> should only contain <code>[["John", 23]]</code>.");'
+  - text: 在<code>myArray</code>上使用<code>pop()</code>
+    testString: 'assert(/removedFromMyArray\s*=\s*myArray\s*.\s*pop\s*(\s*)/.test(code), "Use <code>pop()</code> on <code>myArray</code>");'
+  - text: '<code>removedFromMyArray</code>应该只包含<code>[&quot;cat&quot;, 2]</code> 。'
+    testString: 'assert((function(d){if(d[0] == "cat" && d[1] === 2 && d[2] == undefined){return true;}else{return false;}})(removedFromMyArray), "<code>removedFromMyArray</code> should only contain <code>["cat", 2]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [1,2,3];
+var removedFromOurArray = ourArray.pop();
+// removedFromOurArray now equals 3, and ourArray now equals [1,2]
+
+// Setup
+var myArray = [["John", 23], ["cat", 2]];
+
+// Only change code below this line.
+var removedFromMyArray;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.chinese.md
new file mode 100644
index 0000000000..ba40b408bf
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.chinese.md
@@ -0,0 +1,65 @@
+---
+id: 56bbb991ad1ed5201cd392cb
+title: Manipulate Arrays With push()
+challengeType: 1
+videoUrl: ''
+localeTitle: 用push（）操纵数组
+---
+
+## Description
+<section id="description">将数据附加到数组末尾的简单方法是通过<code>push()</code>函数。 <code>.push()</code>接受一个或多个<dfn>参数</dfn>并将它们“推”到数组的末尾。 <blockquote> var arr = [1,2,3]; <br> arr.push（4）; <br> // arr现在是[1,2,3,4] </blockquote></section>
+
+## Instructions
+<section id="instructions">将<code>[&quot;dog&quot;, 3]</code>推到<code>myArray</code>变量的末尾。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray</code>现在应该等于<code>[[&quot;John&quot;, 23], [&quot;cat&quot;, 2], [&quot;dog&quot;, 3]]</code> 。'
+    testString: 'assert((function(d){if(d[2] != undefined && d[0][0] == "John" && d[0][1] === 23 && d[2][0] == "dog" && d[2][1] === 3 && d[2].length == 2){return true;}else{return false;}})(myArray), "<code>myArray</code> should now equal <code>[["John", 23], ["cat", 2], ["dog", 3]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = ["Stimpson", "J", "cat"];
+ourArray.push(["happy", "joy"]);
+// ourArray now equals ["Stimpson", "J", "cat", ["happy", "joy"]]
+
+// Setup
+var myArray = [["John", 23], ["cat", 2]];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.chinese.md
new file mode 100644
index 0000000000..0c50ecce65
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.chinese.md
@@ -0,0 +1,68 @@
+---
+id: 56bbb991ad1ed5201cd392cd
+title: Manipulate Arrays With shift()
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用shift（）操纵数组
+---
+
+## Description
+<section id="description"> <code>pop()</code>总是删除数组的最后一个元素。如果你想删除第一个怎么办？这就是<code>.shift()</code>用武之地。它就像<code>.pop()</code>一样工作，除了它删除了第一个元素而不是最后一个元素。 </section>
+
+## Instructions
+<section id="instructions">使用<code>.shift()</code>函数从<code>myArray</code>删除第一项，将“shift off”值分配给<code>removedFromMyArray</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray</code>现在应该等于<code>[[&quot;dog&quot;, 3]]</code> 。'
+    testString: 'assert((function(d){if(d[0][0] == "dog" && d[0][1] === 3 && d[1] == undefined){return true;}else{return false;}})(myArray), "<code>myArray</code> should now equal <code>[["dog", 3]]</code>.");'
+  - text: '<code>removedFromMyArray</code>应该包含<code>[&quot;John&quot;, 23]</code> 。'
+    testString: 'assert((function(d){if(d[0] == "John" && d[1] === 23 && typeof removedFromMyArray === "object"){return true;}else{return false;}})(removedFromMyArray), "<code>removedFromMyArray</code> should contain <code>["John", 23]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = ["Stimpson", "J", ["cat"]];
+var removedFromOurArray = ourArray.shift();
+// removedFromOurArray now equals "Stimpson" and ourArray now equals ["J", ["cat"]].
+
+// Setup
+var myArray = [["John", 23], ["dog", 3]];
+
+// Only change code below this line.
+var removedFromMyArray;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.chinese.md
new file mode 100644
index 0000000000..4721a711ce
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.chinese.md
@@ -0,0 +1,67 @@
+---
+id: 56bbb991ad1ed5201cd392ce
+title: Manipulate Arrays With unshift()
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用unshift操作数组（）
+---
+
+## Description
+<section id="description">不仅可以<code>shift</code>元件关闭的阵列的开头的，也可以<code>unshift</code>元素添加到数组的开始，即在阵列的前添加元素。 <code>.unshift()</code>工作方式与<code>.push()</code>完全相同，但是不是在数组的末尾添加元素， <code>unshift()</code>会在数组的开头添加元素。 </section>
+
+## Instructions
+<section id="instructions">使用<code>unshift()</code>将<code>[&quot;Paul&quot;,35]</code>添加到<code>myArray</code>变量的开头。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray</code>现在应该有[[“Paul”，35]，[“dog”，3]]。'
+    testString: 'assert((function(d){if(typeof d[0] === "object" && d[0][0] == "Paul" && d[0][1] === 35 && d[1][0] != undefined && d[1][0] == "dog" && d[1][1] != undefined && d[1][1] == 3){return true;}else{return false;}})(myArray), "<code>myArray</code> should now have [["Paul", 35], ["dog", 3]].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = ["Stimpson", "J", "cat"];
+ourArray.shift(); // ourArray now equals ["J", "cat"]
+ourArray.unshift("Happy");
+// ourArray now equals ["Happy", "J", "cat"]
+
+// Setup
+var myArray = [["John", 23], ["dog", 3]];
+myArray.shift();
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects.chinese.md
new file mode 100644
index 0000000000..f5cec9c525
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects.chinese.md
@@ -0,0 +1,86 @@
+---
+id: 56533eb9ac21ba0edf2244cb
+title: Manipulating Complex Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: 操纵复杂对象
+---
+
+## Description
+<section id="description">有时您可能希望将数据存储在灵活的<dfn>数据结构中</dfn> 。 JavaScript对象是处理灵活数据的一种方法。它们允许<dfn>字符串</dfn> ， <dfn>数字</dfn> ， <dfn>布尔值</dfn> ， <dfn>数组</dfn> ， <dfn>函数</dfn>和<dfn>对象的</dfn>任意组合。这是一个复杂数据结构的示例： <blockquote> var ourMusic = [ <br> { <br> “艺术家”：“Daft Punk”， <br> “标题”：“家庭作业”， <br> “release_year”：1997年， <br> “格式”：[ <br> “光盘”， <br> “盒式” <br> “LP” <br> ] <br> “黄金”：是的<br> } <br> ]。 </blockquote>这是一个包含一个对象的数组。该对象具有关于专辑的各种<dfn>元数据</dfn> 。它还有一个嵌套的<code>&quot;formats&quot;</code>数组。如果要添加更多专辑记录，可以通过向顶级数组添加记录来完成此操作。对象将数据保存在属性中，该属性具有键值格式。在上面的示例中， <code>&quot;artist&quot;: &quot;Daft Punk&quot;</code>是具有<code>&quot;artist&quot;</code>键和<code>&quot;Daft Punk&quot;</code>值的属性。 <a href="http://www.json.org/" target="_blank">JavaScript Object Notation</a>或<code>JSON</code>是用于存储数据的相关数据交换格式。 <blockquote> { <br> “艺术家”：“Daft Punk”， <br> “标题”：“家庭作业”， <br> “release_year”：1997年， <br> “格式”：[ <br> “光盘”， <br> “盒式” <br> “LP” <br> ] <br> “黄金”：是的<br> } </blockquote> <strong>注意</strong> <br>除非它是数组中的最后一个对象，否则您需要在数组中的每个对象后面放置一个逗号。 </section>
+
+## Instructions
+<section id="instructions">将新相册添加到<code>myMusic</code>阵列。添加<code>artist</code>和<code>title</code>字符串， <code>release_year</code>数字和<code>formats</code>字符串数组。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myMusic</code>应该是一个数组
+    testString: 'assert(Array.isArray(myMusic), "<code>myMusic</code> should be an array");'
+  - text: <code>myMusic</code>应该至少有两个元素
+    testString: 'assert(myMusic.length > 1, "<code>myMusic</code> should have at least two elements");'
+  - text: '<code>myMusic[1]</code>应该是一个对象'
+    testString: 'assert(typeof myMusic[1] === "object", "<code>myMusic[1]</code> should be an object");'
+  - text: '<code>myMusic[1]</code>应该至少有4个属性'
+    testString: 'assert(Object.keys(myMusic[1]).length > 3, "<code>myMusic[1]</code> should have at least 4 properties");'
+  - text: '<code>myMusic[1]</code>应该包含一个<code>artist</code>属性，它是一个字符串'
+    testString: 'assert(myMusic[1].hasOwnProperty("artist") && typeof myMusic[1].artist === "string", "<code>myMusic[1]</code> should contain an <code>artist</code> property which is a string");'
+  - text: '<code>myMusic[1]</code>应该包含一个<code>title</code>属性，它是一个字符串'
+    testString: 'assert(myMusic[1].hasOwnProperty("title") && typeof myMusic[1].title === "string", "<code>myMusic[1]</code> should  contain a <code>title</code> property which is a string");'
+  - text: '<code>myMusic[1]</code>应该包含一个<code>release_year</code>属性，它是一个数字'
+    testString: 'assert(myMusic[1].hasOwnProperty("release_year") && typeof myMusic[1].release_year === "number", "<code>myMusic[1]</code> should contain a <code>release_year</code> property which is a number");'
+  - text: '<code>myMusic[1]</code>应该包含一个<code>formats</code>属性，它是一个数组'
+    testString: 'assert(myMusic[1].hasOwnProperty("formats") && Array.isArray(myMusic[1].formats), "<code>myMusic[1]</code> should contain a <code>formats</code> property which is an array");'
+  - text: <code>formats</code>应该是一个至少包含两个元素的字符串数组
+    testString: 'assert(myMusic[1].formats.every(function(item) { return (typeof item === "string")}) && myMusic[1].formats.length > 1, "<code>formats</code> should be an array of strings with at least two elements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myMusic = [
+  {
+    "artist": "Billy Joel",
+    "title": "Piano Man",
+    "release_year": 1973,
+    "formats": [
+      "CD",
+      "8T",
+      "LP"
+    ],
+    "gold": true
+  }
+  // Add record here
+];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes.chinese.md
new file mode 100644
index 0000000000..ddf1d50613
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes.chinese.md
@@ -0,0 +1,66 @@
+---
+id: cf1111c1c11feddfaeb8bdef
+title: Modify Array Data With Indexes
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用索引修改数组数据
+---
+
+## Description
+<section id="description">与字符串不同，数组的条目是<dfn>可变的</dfn> ，可以自由更改。 <strong>例</strong> <blockquote> var ourArray = [50,40,30]; <br> ourArray [0] = 15; //等于[15,40,30] </blockquote> <strong>注意</strong> <br>数组名称和方括号之间不应有任何空格，如<code>array [0]</code> 。尽管JavaScript能够正确处理，但这可能会让其他程序员在阅读代码时感到困惑。 </section>
+
+## Instructions
+<section id="instructions">将存储在<code>myArray</code>索引<code>0</code>处的数据修改为值<code>45</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray</code>现在应该是[45,64,99]。'
+    testString: 'assert((function(){if(typeof myArray != "undefined" && myArray[0] == 45 && myArray[1] == 64 && myArray[2] == 99){return true;}else{return false;}})(), "<code>myArray</code> should now be [45,64,99].");'
+  - text: 您应该使用正确的索引来修改<code>myArray</code>的值。
+    testString: 'assert((function(){if(code.match(/myArray\[0\]\s*=\s*/g)){return true;}else{return false;}})(), "You should be using correct index to modify the value in <code>myArray</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [18,64,99];
+ourArray[1] = 45; // ourArray now equals [18,45,99].
+
+// Setup
+var myArray = [18,64,99];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/multiple-identical-options-in-switch-statements.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/multiple-identical-options-in-switch-statements.chinese.md
new file mode 100644
index 0000000000..b0a3fbdda7
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/multiple-identical-options-in-switch-statements.chinese.md
@@ -0,0 +1,80 @@
+---
+id: 56533eb9ac21ba0edf2244df
+title: Multiple Identical Options in Switch Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: 交换机语句中的多个相同选项
+---
+
+## Description
+<section id="description">如果从<code>switch</code>语句的<code>case</code>省略了<code>break</code>语句，则会执行以下<code>case</code>语句，直到遇到<code>break</code> 。如果您有多个具有相同输出的输入，则可以在<code>switch</code>语句中表示它们，如下所示： <blockquote> switch（val）{ <br>情况1： <br>案例2： <br>案例3： <br> result =“1,2或3”; <br>打破; <br>案例4： <br> result =“4 alone”; <br> } </blockquote> 1,2和3的情况都会产生相同的结果。 </section>
+
+## Instructions
+<section id="instructions">写一个switch语句来设置以下范围的<code>answer</code> ： <br> <code>1-3</code> - “低” <br> <code>4-6</code> - “中” <br> <code>7-9</code> - “高” <strong>注</strong> <br>您需要为范围中的每个数字都有一个<code>case</code>语句。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sequentialSizes(1)</code>应返回“Low”
+    testString: 'assert(sequentialSizes(1) === "Low", "<code>sequentialSizes(1)</code> should return "Low"");'
+  - text: <code>sequentialSizes(2)</code>应该返回“Low”
+    testString: 'assert(sequentialSizes(2) === "Low", "<code>sequentialSizes(2)</code> should return "Low"");'
+  - text: <code>sequentialSizes(3)</code>应返回“Low”
+    testString: 'assert(sequentialSizes(3) === "Low", "<code>sequentialSizes(3)</code> should return "Low"");'
+  - text: <code>sequentialSizes(4)</code>应返回“Mid”
+    testString: 'assert(sequentialSizes(4) === "Mid", "<code>sequentialSizes(4)</code> should return "Mid"");'
+  - text: <code>sequentialSizes(5)</code>应返回“Mid”
+    testString: 'assert(sequentialSizes(5) === "Mid", "<code>sequentialSizes(5)</code> should return "Mid"");'
+  - text: <code>sequentialSizes(6)</code>应返回“Mid”
+    testString: 'assert(sequentialSizes(6) === "Mid", "<code>sequentialSizes(6)</code> should return "Mid"");'
+  - text: <code>sequentialSizes(7)</code>应该返回“High”
+    testString: 'assert(sequentialSizes(7) === "High", "<code>sequentialSizes(7)</code> should return "High"");'
+  - text: <code>sequentialSizes(8)</code>应该返回“High”
+    testString: 'assert(sequentialSizes(8) === "High", "<code>sequentialSizes(8)</code> should return "High"");'
+  - text: <code>sequentialSizes(9)</code>应该返回“High”
+    testString: 'assert(sequentialSizes(9) === "High", "<code>sequentialSizes(9)</code> should return "High"");'
+  - text: 您不应该使用任何<code>if</code>或<code>else</code>语句
+    testString: 'assert(!/else/g.test(code) || !/if/g.test(code), "You should not use any <code>if</code> or <code>else</code> statements");'
+  - text: 你应该有九个<code>case</code>陈述
+    testString: 'assert(code.match(/case/g).length === 9, "You should have nine <code>case</code> statements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sequentialSizes(val) {
+  var answer = "";
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+  return answer;
+}
+
+// Change this value to test
+sequentialSizes(1);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-decimals-with-javascript.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-decimals-with-javascript.chinese.md
new file mode 100644
index 0000000000..1b2ec9c606
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-decimals-with-javascript.chinese.md
@@ -0,0 +1,59 @@
+---
+id: bd7993c9c69feddfaeb7bdef
+title: Multiply Two Decimals with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用JavaScript乘以两个小数
+---
+
+## Description
+<section id="description">在JavaScript中，您也可以使用十进制数执行计算，就像整数一样。让我们将两位小数相乘得到它们的乘积。 </section>
+
+## Instructions
+<section id="instructions">更改<code>0.0</code>使产品等于<code>5.0</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 变量<code>product</code>应该等于<code>5.0</code> 。
+    testString: 'assert(product === 5.0, "The variable <code>product</code> should equal <code>5.0</code>.");'
+  - text: 你应该使用<code>*</code>运算符
+    testString: 'assert(/\*/.test(code), "You should use the <code>*</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var product = 2.0 * 0.0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-numbers-with-javascript.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-numbers-with-javascript.chinese.md
new file mode 100644
index 0000000000..472ffaf397
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-numbers-with-javascript.chinese.md
@@ -0,0 +1,59 @@
+---
+id: cf1231c1c11feddfaeb5bdef
+title: Multiply Two Numbers with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用JavaScript将两个数字相乘
+---
+
+## Description
+<section id="description">我们也可以将一个数字乘以另一个数字。 JavaScript使用<code>*</code>符号来乘以两个数字。 <p> <strong>例</strong> </p><blockquote> myVar = 13 * 13; //指定169 </blockquote></section>
+
+## Instructions
+<section id="instructions">更改<code>0</code>使产品等于<code>80</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 使变量<code>product</code>等于80
+    testString: 'assert(product === 80,"Make the variable <code>product</code> equal 80");'
+  - text: 使用<code>*</code>运算符
+    testString: 'assert(/\*/.test(code), "Use the <code>*</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var product = 8 * 0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array.chinese.md
new file mode 100644
index 0000000000..3a01fb01aa
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array.chinese.md
@@ -0,0 +1,61 @@
+---
+id: cf1111c1c11feddfaeb7bdef
+title: Nest one Array within Another Array
+challengeType: 1
+videoUrl: ''
+localeTitle: 将一个Array嵌套在另一个Array中
+---
+
+## Description
+<section id="description">您还可以在其他数组中嵌套数组，如： <code>[[&quot;Bulls&quot;, 23], [&quot;White Sox&quot;, 45]]</code> 。这也称为<dfn>多维数组<dfn>。</dfn></dfn> </section>
+
+## Instructions
+<section id="instructions">创建一个名为<code>myArray</code>的嵌套数组。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myArray</code>应至少有一个嵌套在另一个数组中的数组。
+    testString: 'assert(Array.isArray(myArray) && myArray.some(Array.isArray), "<code>myArray</code> should have at least one array nested within another array.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [["the universe", 42], ["everything", 101010]];
+
+// Only change code below this line.
+var myArray = [];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops.chinese.md
new file mode 100644
index 0000000000..604597bfe5
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops.chinese.md
@@ -0,0 +1,62 @@
+---
+id: 56533eb9ac21ba0edf2244e1
+title: Nesting For Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: 嵌套循环
+---
+
+## Description
+<section id="description">如果您有一个多维数组，则可以使用与先前路点相同的逻辑来遍历数组和任何子数组。这是一个例子： <blockquote> var arr = [ <br> [1,2]，[3,4]，[5,6] <br> ]。 <br> for（var i = 0; i &lt;arr.length; i ++）{ <br> for（var j = 0; j &lt;arr [i] .length; j ++）{ <br>的console.log（ARR [i] [j]）; <br> } <br> } </blockquote>这个输出在每个子元件<code>arr</code>一次一个。注意，对于内部循环，我们检查<code>arr[i]</code>的<code>.length</code> ，因为<code>arr[i]</code>本身就是一个数组。 </section>
+
+## Instructions
+<section id="instructions">修改函数<code>multiplyAll</code> ，使其乘以<code>product</code>变量乘以<code>arr</code>的子数组中的每个数字</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>multiplyAll([[1],[2],[3]])</code>应该返回<code>6</code>'
+    testString: 'assert(multiplyAll([[1],[2],[3]]) === 6, "<code>multiplyAll([[1],[2],[3]])</code> should return <code>6</code>");'
+  - text: '<code>multiplyAll([[1,2],[3,4],[5,6,7]])</code>应返回<code>5040</code>'
+    testString: 'assert(multiplyAll([[1,2],[3,4],[5,6,7]]) === 5040, "<code>multiplyAll([[1,2],[3,4],[5,6,7]])</code> should return <code>5040</code>");'
+  - text: '<code>multiplyAll([[5,1],[0.2, 4, 0.5],[3, 9]])</code>应该返回<code>54</code>'
+    testString: 'assert(multiplyAll([[5,1],[0.2, 4, 0.5],[3, 9]]) === 54, "<code>multiplyAll([[5,1],[0.2, 4, 0.5],[3, 9]])</code> should return <code>54</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function multiplyAll(arr) {
+  var product = 1;
+  // Only change code below this line
+
+  // Only change code above this line
+  return product;
+}
+
+// Modify values below to test your code
+multiplyAll([[1,2],[3,4],[5,6,7]]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments.chinese.md
new file mode 100644
index 0000000000..9c8bcdd735
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments.chinese.md
@@ -0,0 +1,97 @@
+---
+id: 56533eb9ac21ba0edf2244bd
+title: Passing Values to Functions with Arguments
+challengeType: 1
+videoUrl: ''
+localeTitle: 将值传递给带参数的函数
+---
+
+## Description
+<section id="description"> <dfn>参数</dfn>是变量，它们作为调用函数时要输入到函数的值的占位符。定义函数时，通常将其与一个或多个参数一起定义。调用函数时输入（或<dfn>“传递”</dfn> ）的实际值称为<dfn>参数</dfn> 。这是一个带有两个参数的函数， <code>param1</code>和<code>param2</code> ： <blockquote> function testFun（param1，param2）{ <br> console.log（param1，param2）; <br> } </blockquote>然后我们可以调用<code>testFun</code> ： <code>testFun(&quot;Hello&quot;, &quot;World&quot;);</code>我们通过了两个论点， <code>&quot;Hello&quot;</code>和<code>&quot;World&quot;</code> 。在函数内部， <code>param1</code>将等于“Hello”， <code>param2</code>将等于“World”。请注意，您可以使用不同的参数再次调用<code>testFun</code> ，并且参数将采用新参数的值。 </section>
+
+## Instructions
+<section id="instructions"><ol><li>创建一个名为<code>functionWithArgs</code> ，该函数接受两个参数并将其总和输出到开发控制台。 </li><li>使用两个数字作为参数调用该函数。 </li></ol></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>functionWithArgs</code>应该是一个函数
+    testString: 'assert(typeof functionWithArgs === "function", "<code>functionWithArgs</code> should be a function");'
+  - text: '<code>functionWithArgs(1,2)</code>应该输出<code>3</code>'
+    testString: 'if(typeof functionWithArgs === "function") { capture(); functionWithArgs(1,2); uncapture(); } assert(logOutput == 3, "<code>functionWithArgs(1,2)</code> should output <code>3</code>");'
+  - text: '<code>functionWithArgs(7,9)</code>应该输出<code>16</code>'
+    testString: 'if(typeof functionWithArgs === "function") { capture(); functionWithArgs(7,9); uncapture(); } assert(logOutput == 16, "<code>functionWithArgs(7,9)</code> should output <code>16</code>");'
+  - text: 定义后，使用两个数字调用<code>functionWithArgs</code> 。
+    testString: 'assert(/^\s*functionWithArgs\s*\(\s*\d+\s*,\s*\d+\s*\)\s*;/m.test(code), "Call <code>functionWithArgs</code> with two numbers after you define it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function ourFunctionWithArgs(a, b) {
+  console.log(a - b);
+}
+ourFunctionWithArgs(10, 5); // Outputs 5
+
+// Only change code below this line.
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = "";
+var originalConsole = console
+function capture() {
+    var nativeLog = console.log;
+    console.log = function (message) {
+        if(message) logOutput = JSON.stringify(message).trim();
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/practice-comparing-different-values.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/practice-comparing-different-values.chinese.md
new file mode 100644
index 0000000000..72e0bebd09
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/practice-comparing-different-values.chinese.md
@@ -0,0 +1,62 @@
+---
+id: 599a789b454f2bbd91a3ff4d
+title: Practice comparing different values
+challengeType: 1
+videoUrl: ''
+localeTitle: 练习比较不同的值
+---
+
+## Description
+<section id="description">在最后两个挑战中，我们学习了等于运算符（ <code>==</code> ）和严格相等运算符（ <code>===</code> ）。让我们快速回顾一下这些运算符的实践。如果要比较的值不是同一类型，则相等运算符将执行类型转换，然后计算值。但是，严格相等运算符将按原样比较数据类型和值，而不将一种类型转换为另一种类型。 <strong>例子</strong> <blockquote> 3 ==&#39;3&#39;//返回true，因为JavaScript执行从字符串到数字的类型转换<br> 3 ===&#39;3&#39;//返回false，因为类型不同并且未执行类型转换</blockquote> <strong>注意</strong> <br>在JavaScript中，您可以使用<code>typeof</code>运算符确定变量的类型或值，如下所示： <blockquote> typeof 3 //返回&#39;number&#39; <br> typeof&#39;3&#39;//返回&#39;string&#39; </blockquote></section>
+
+## Instructions
+<section id="instructions">编辑器中的<code>compareEquality</code>函数使用<code>equality operator</code>比较两个值。修改函数，使其仅在值严格相等时返回“Equal”。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>compareEquality(10, &quot;10&quot;)</code>应返回“Not Equal”'
+    testString: 'assert(compareEquality(10, "10") === "Not Equal", "<code>compareEquality(10, "10")</code> should return "Not Equal"");'
+  - text: '<code>compareEquality(&quot;20&quot;, 20)</code>应该返回“Not Equal”'
+    testString: 'assert(compareEquality("20", 20) === "Not Equal", "<code>compareEquality("20", 20)</code> should return "Not Equal"");'
+  - text: 您应该使用<code>===</code>运算符
+    testString: 'assert(code.match(/===/g), "You should use the <code>===</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function compareEquality(a, b) {
+  if (a == b) { // Change this line
+    return "Equal";
+  }
+  return "Not Equal";
+}
+
+// Change this value to test
+compareEquality(10, "10");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/profile-lookup.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/profile-lookup.chinese.md
new file mode 100644
index 0000000000..979d8d03b3
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/profile-lookup.chinese.md
@@ -0,0 +1,96 @@
+---
+id: 5688e62ea601b2482ff8422b
+title: Profile Lookup
+challengeType: 1
+videoUrl: ''
+localeTitle: 个人资料查询
+---
+
+## Description
+<section id="description">我们的联系人列表中有一组代表不同人的对象。已经为您预先编写了一个以<code>name</code>和属性（ <code>prop</code> ）作为参数的<code>lookUpProfile</code>函数。该函数应检查<code>name</code>是否是实际联系人的<code>firstName</code> ，并且给定属性（ <code>prop</code> ）是该联系人的属性。如果两者都为真，则返回该属性的“值”。如果<code>name</code>与任何联系人不对应，则返回<code>&quot;No such contact&quot;</code>如果<code>prop</code>不符合找到匹配<code>name</code>的联系人的任何有效属性，则返回<code>&quot;No such property&quot;</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>&quot;Kristian&quot;, &quot;lastName&quot;</code>应该返回<code>&quot;Vos&quot;</code>'
+    testString: 'assert(lookUpProfile("Kristian","lastName") === "Vos", "<code>"Kristian", "lastName"</code> should return <code>"Vos"</code>");'
+  - text: '<code>&quot;Sherlock&quot;, &quot;likes&quot;</code>应该回归<code>[&quot;Intriguing Cases&quot;, &quot;Violin&quot;]</code>'
+    testString: 'assert.deepEqual(lookUpProfile("Sherlock", "likes"), ["Intriguing Cases", "Violin"], "<code>"Sherlock", "likes"</code> should return <code>["Intriguing Cases", "Violin"]</code>");'
+  - text: '<code>&quot;Harry&quot;,&quot;likes&quot;</code>应该返回一个阵列'
+    testString: 'assert(typeof lookUpProfile("Harry", "likes") === "object", "<code>"Harry","likes"</code> should return an array");'
+  - text: '<code>&quot;Bob&quot;, &quot;number&quot;</code>应该返回“没有这样的联系”'
+    testString: 'assert(lookUpProfile("Bob", "number") === "No such contact", "<code>"Bob", "number"</code> should return "No such contact"");'
+  - text: '<code>&quot;Bob&quot;, &quot;potato&quot;</code>应该返回“没有这样的联系”'
+    testString: 'assert(lookUpProfile("Bob", "potato") === "No such contact", "<code>"Bob", "potato"</code> should return "No such contact"");'
+  - text: '<code>&quot;Akira&quot;, &quot;address&quot;</code>应该返回“没有这样的财产”'
+    testString: 'assert(lookUpProfile("Akira", "address") === "No such property", "<code>"Akira", "address"</code> should return "No such property"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+//Setup
+var contacts = [
+    {
+        "firstName": "Akira",
+        "lastName": "Laine",
+        "number": "0543236543",
+        "likes": ["Pizza", "Coding", "Brownie Points"]
+    },
+    {
+        "firstName": "Harry",
+        "lastName": "Potter",
+        "number": "0994372684",
+        "likes": ["Hogwarts", "Magic", "Hagrid"]
+    },
+    {
+        "firstName": "Sherlock",
+        "lastName": "Holmes",
+        "number": "0487345643",
+        "likes": ["Intriguing Cases", "Violin"]
+    },
+    {
+        "firstName": "Kristian",
+        "lastName": "Vos",
+        "number": "unknown",
+        "likes": ["JavaScript", "Gaming", "Foxes"]
+    }
+];
+
+
+function lookUpProfile(name, prop){
+// Only change code below this line
+
+// Only change code above this line
+}
+
+// Change these values to test your function
+lookUpProfile("Akira", "likes");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/quoting-strings-with-single-quotes.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/quoting-strings-with-single-quotes.chinese.md
new file mode 100644
index 0000000000..e8f8eb3572
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/quoting-strings-with-single-quotes.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 56533eb9ac21ba0edf2244b4
+title: Quoting Strings with Single Quotes
+challengeType: 1
+videoUrl: ''
+localeTitle: 单引号引用字符串
+---
+
+## Description
+<section id="description"> JavaScript中的<dfn>字符串</dfn>值可以使用单引号或双引号编写，只要您以相同类型的引号开头和结尾即可。与其他一些编程语言不同，单引号和双引号在JavaScript中的工作方式相同。 <blockquote> doubleQuoteStr =“这是一个字符串”; <br> singleQuoteStr =&#39;这也是一个字符串&#39;; </blockquote>你可能想要使用一种报价而不是另一种报价的原因是你想在字符串中使用这两种报价。如果要将对话保存在字符串中并将对话用引号括起，则可能会发生这种情况。它的另一个用途是在一个字符串中保存带引号中各种属性的<code>&lt;a&gt;</code>标签。 <blockquote>谈话=&#39;芬恩向杰克惊呼，“代数！”&#39;; </blockquote>但是，如果您需要使用其中的最外层引号，这将成为一个问题。请记住，字符串在开头和结尾都有相同的引用。但是如果你在中间的某个地方有相同的引用，字符串将提前停止并抛出错误。 <blockquote> goodStr =&#39;杰克问芬恩，“嘿，我们去冒险吧？” <br> badStr =&#39;芬恩回答，“我们走了！”&#39;; //引发错误</blockquote>在上面的<dfn>goodStr中</dfn> ，您可以使用反斜杠<code>\</code>作为转义字符安全地使用两个引号。 <strong>注意</strong> <br>反斜杠<code>\</code>不应与正斜杠<code>/</code>混淆。他们不做同样的事情。 </section>
+
+## Instructions
+<section id="instructions">将提供的字符串更改为在开头和结尾使用单引号的字符串，并且不包含转义字符。现在，字符串中的<code>&lt;a&gt;</code>标签在任何地方都使用双引号。您需要将外引号更改为单引号，以便删除转义字符。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 删除所有<code>backslashes</code> （ <code>\</code> ）
+    testString: 'assert(!/\\/g.test(code) && myStr.match("\\s*<a href\\s*=\\s*"http://www.example.com"\\s*target\\s*=\\s*"_blank">\\s*Link\\s*</a>\\s*"), "Remove all the <code>backslashes</code> (<code>\</code>)");'
+  - text: '你应该有两个单引号<code>&#39;</code>和四个双引号<code>&quot;</code>'
+    testString: 'assert(code.match(/"/g).length === 4 && code.match(/"/g).length === 2, "You should have two single quotes <code>&#39;</code> and four double quotes <code>&quot;</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myStr = "<a href=\"http://www.example.com\" target=\"_blank\">Link</a>";
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/record-collection.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/record-collection.chinese.md
new file mode 100644
index 0000000000..ff34bf2615
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/record-collection.chinese.md
@@ -0,0 +1,107 @@
+---
+id: 56533eb9ac21ba0edf2244cf
+title: Record Collection
+challengeType: 1
+videoUrl: ''
+localeTitle: 记录收集
+---
+
+## Description
+<section id="description">您将获得一个JSON对象，表示您的音乐专辑集合的一部分。每张专辑都有几个属性和一个唯一的ID号作为其关键。并非所有相册都有完整的信息。写一个功能，它取一个专辑的<code>id</code> （如<code>2548</code> ），一个属性<code>prop</code> （如<code>&quot;artist&quot;</code>或<code>&quot;tracks&quot;</code> ），以及一个<code>value</code> （如<code>&quot;Addicted to Love&quot;</code> ）来修改此集合中的数据。如果<code>prop</code>不是<code>&quot;tracks&quot;</code>且<code>value</code>不为空（ <code>&quot;&quot;</code> ），则更新或设置该记录专辑属性的<code>value</code> 。您的函数必须始终返回整个集合对象。处理不完整数据有几个规则：如果<code>prop</code>是<code>&quot;tracks&quot;</code>但是相册没有<code>&quot;tracks&quot;</code>属性，则在将新值添加到相册的相应属性之前创建一个空数组。如果<code>prop</code>是<code>&quot;tracks&quot;</code>且<code>value</code>不为空（ <code>&quot;&quot;</code> ），则将<code>value</code>推到专辑现有<code>tracks</code>数组的末尾。如果<code>value</code>为空（ <code>&quot;&quot;</code> ），则从相册中删除给定的<code>prop</code>属性。 <strong>提示</strong> <br>使用<a href="javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables" target="_blank">变量访问对象属性</a>时使用<code>bracket notation</code> 。 Push是一种可以在<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push" target="_blank">Mozilla Developer Network</a>上阅读的数组方法。您可以参考<a href="javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects" target="_blank">操作复杂对象</a>介绍JavaScript对象表示法（JSON）进行复习。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '在<code>updateRecords(5439, &quot;artist&quot;, &quot;ABBA&quot;)</code> ， <code>artist</code>应该是<code>&quot;ABBA&quot;</code>'
+    testString: 'collection = collectionCopy; assert(updateRecords(5439, "artist", "ABBA")[5439]["artist"] === "ABBA", "After <code>updateRecords(5439, "artist", "ABBA")</code>, <code>artist</code> should be <code>"ABBA"</code>");'
+  - text: '在<code>updateRecords(5439, &quot;tracks&quot;, &quot;Take a Chance on Me&quot;)</code> ， <code>tracks</code>应该以<code>&quot;Take a Chance on Me&quot;</code>作为最后一个元素。'
+    testString: 'assert(updateRecords(5439, "tracks", "Take a Chance on Me")[5439]["tracks"].pop() === "Take a Chance on Me", "After <code>updateRecords(5439, "tracks", "Take a Chance on Me")</code>, <code>tracks</code> should have <code>"Take a Chance on Me"</code> as the last element.");'
+  - text: '在<code>updateRecords(2548, &quot;artist&quot;, &quot;&quot;)</code> ，不应该设置<code>artist</code>'
+    testString: 'updateRecords(2548, "artist", ""); assert(!collection[2548].hasOwnProperty("artist"), "After <code>updateRecords(2548, "artist", "")</code>, <code>artist</code> should not be set");'
+  - text: '在<code>updateRecords(1245, &quot;tracks&quot;, &quot;Addicted to Love&quot;)</code> ， <code>tracks</code>应该将<code>&quot;Addicted to Love&quot;</code>作为最后一个元素。'
+    testString: 'assert(updateRecords(1245, "tracks", "Addicted to Love")[1245]["tracks"].pop() === "Addicted to Love", "After <code>updateRecords(1245, "tracks", "Addicted to Love")</code>, <code>tracks</code> should have <code>"Addicted to Love"</code> as the last element.");'
+  - text: '在<code>updateRecords(2468, &quot;tracks&quot;, &quot;Free&quot;)</code> ， <code>tracks</code>应该以<code>&quot;1999&quot;</code>作为第一个元素。'
+    testString: 'assert(updateRecords(2468, "tracks", "Free")[2468]["tracks"][0] === "1999", "After <code>updateRecords(2468, "tracks", "Free")</code>, <code>tracks</code> should have <code>"1999"</code> as the first element.");'
+  - text: '在<code>updateRecords(2548, &quot;tracks&quot;, &quot;&quot;)</code> ，不应设置<code>tracks</code>'
+    testString: 'updateRecords(2548, "tracks", ""); assert(!collection[2548].hasOwnProperty("tracks"), "After <code>updateRecords(2548, "tracks", "")</code>, <code>tracks</code> should not be set");'
+  - text: '在<code>updateRecords(1245, &quot;album&quot;, &quot;Riptide&quot;)</code> ， <code>album</code>应该是<code>&quot;Riptide&quot;</code>'
+    testString: 'assert(updateRecords(1245, "album", "Riptide")[1245]["album"] === "Riptide", "After <code>updateRecords(1245, "album", "Riptide")</code>, <code>album</code> should be <code>"Riptide"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var collection = {
+    "2548": {
+      "album": "Slippery When Wet",
+      "artist": "Bon Jovi",
+      "tracks": [
+        "Let It Rock",
+        "You Give Love a Bad Name"
+      ]
+    },
+    "2468": {
+      "album": "1999",
+      "artist": "Prince",
+      "tracks": [
+        "1999",
+        "Little Red Corvette"
+      ]
+    },
+    "1245": {
+      "artist": "Robert Palmer",
+      "tracks": [ ]
+    },
+    "5439": {
+      "album": "ABBA Gold"
+    }
+};
+// Keep a copy of the collection for tests
+var collectionCopy = JSON.parse(JSON.stringify(collection));
+
+// Only change code below this line
+function updateRecords(id, prop, value) {
+
+
+  return collection;
+}
+
+// Alter values below to test your code
+updateRecords(5439, "artist", "ABBA");
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/replacing-if-else-chains-with-switch.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/replacing-if-else-chains-with-switch.chinese.md
new file mode 100644
index 0000000000..f4bb2bad5f
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/replacing-if-else-chains-with-switch.chinese.md
@@ -0,0 +1,88 @@
+---
+id: 56533eb9ac21ba0edf2244e0
+title: Replacing If Else Chains with Switch
+challengeType: 1
+videoUrl: ''
+localeTitle: 如果用交换机替换其他链条
+---
+
+## Description
+<section id="description">如果您有许多选项可供选择，那么<code>switch</code>语句比许多链接的<code>if</code> / <code>else if</code>语句更容易编写。下列： <blockquote> if（val === 1）{ <br> answer =“a”; <br> } else if（val === 2）{ <br> answer =“b”; <br> } else { <br> answer =“c”; <br> } </blockquote>可以替换为： <blockquote> switch（val）{ <br>情况1： <br> answer =“a”; <br>打破; <br>案例2： <br> answer =“b”; <br>打破; <br>默认： <br> answer =“c”; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">将链接的<code>if</code> / <code>else if</code>语句更改为<code>switch</code>语句。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您不应该在编辑器中的任何位置使用任何<code>else</code>语句
+    testString: 'assert(!/else/g.test(code), "You should not use any <code>else</code> statements anywhere in the editor");'
+  - text: 您不应在编辑器中的任何位置使用任何<code>if</code>语句
+    testString: 'assert(!/if/g.test(code), "You should not use any <code>if</code> statements anywhere in the editor");'
+  - text: 你应该至少有四个<code>break</code>语句
+    testString: 'assert(code.match(/break/g).length >= 4, "You should have at least four <code>break</code> statements");'
+  - text: <code>chainToSwitch(&quot;bob&quot;)</code>应该是“Marley”
+    testString: 'assert(chainToSwitch("bob") === "Marley", "<code>chainToSwitch("bob")</code> should be "Marley"");'
+  - text: <code>chainToSwitch(42)</code>应该是“答案”
+    testString: 'assert(chainToSwitch(42) === "The Answer", "<code>chainToSwitch(42)</code> should be "The Answer"");'
+  - text: <code>chainToSwitch(1)</code>应该是“没有＃1”
+    testString: 'assert(chainToSwitch(1) === "There is no #1", "<code>chainToSwitch(1)</code> should be "There is no #1"");'
+  - text: <code>chainToSwitch(99)</code>应该是“错过了我这么多！”
+    testString: 'assert(chainToSwitch(99) === "Missed me by this much!", "<code>chainToSwitch(99)</code> should be "Missed me by this much!"");'
+  - text: <code>chainToSwitch(7)</code>应该是“Ate Nine”
+    testString: 'assert(chainToSwitch(7) === "Ate Nine", "<code>chainToSwitch(7)</code> should be "Ate Nine"");'
+  - text: <code>chainToSwitch(&quot;John&quot;)</code>应为“”（空字符串）
+    testString: 'assert(chainToSwitch("John") === "", "<code>chainToSwitch("John")</code> should be "" (empty string)");'
+  - text: <code>chainToSwitch(156)</code>应为“”（空字符串）
+    testString: 'assert(chainToSwitch(156) === "", "<code>chainToSwitch(156)</code> should be "" (empty string)");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function chainToSwitch(val) {
+  var answer = "";
+  // Only change code below this line
+
+  if (val === "bob") {
+    answer = "Marley";
+  } else if (val === 42) {
+    answer = "The Answer";
+  } else if (val === 1) {
+    answer = "There is no #1";
+  } else if (val === 99) {
+    answer = "Missed me by this much!";
+  } else if (val === 7) {
+    answer = "Ate Nine";
+  }
+
+  // Only change code above this line
+  return answer;
+}
+
+// Change this value to test
+chainToSwitch(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.chinese.md
new file mode 100644
index 0000000000..9427c9a812
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 56533eb9ac21ba0edf2244c2
+title: Return a Value from a Function with Return
+challengeType: 1
+videoUrl: ''
+localeTitle: 从带返回的函数返回值
+---
+
+## Description
+<section id="description">我们可以将值传递给带<dfn>参数</dfn>的函数。您可以使用<code>return</code>语句从函数中发回一个值。 <strong>例</strong> <blockquote> function plusThree（num）{ <br>返回num + 3; <br> } <br> var answer = plusThree（5）; // 8 </blockquote> <code>plusThree</code>接受<code>num</code>的<dfn>参数</dfn>并返回一个等于<code>num + 3</code>的值。 </section>
+
+## Instructions
+<section id="instructions">创建一个接受一个参数的函数<code>timesFive</code> ，将其乘以<code>5</code> ，然后返回新值。有关如何测试<code>timesFive</code>函数的示例，请参阅编辑器中的最后一行。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>timesFive</code>应该是一个功能
+    testString: 'assert(typeof timesFive === "function", "<code>timesFive</code> should be a function");'
+  - text: <code>timesFive(5)</code>应该返回<code>25</code>
+    testString: 'assert(timesFive(5) === 25, "<code>timesFive(5)</code> should return <code>25</code>");'
+  - text: <code>timesFive(2)</code>应该返回<code>10</code>
+    testString: 'assert(timesFive(2) === 10, "<code>timesFive(2)</code> should return <code>10</code>");'
+  - text: <code>timesFive(0)</code>应该返回<code>0</code>
+    testString: 'assert(timesFive(0) === 0, "<code>timesFive(0)</code> should return <code>0</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function minusSeven(num) {
+  return num - 7;
+}
+
+// Only change code below this line
+
+
+
+console.log(minusSeven(10));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions.chinese.md
new file mode 100644
index 0000000000..5bd589b40d
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions.chinese.md
@@ -0,0 +1,71 @@
+---
+id: 56533eb9ac21ba0edf2244c4
+title: Return Early Pattern for Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: 返回函数的早期模式
+---
+
+## Description
+<section id="description">当达到<code>return</code>语句时，当前函数的执行停止，控制返回到调用位置。 <strong>例</strong> <blockquote> function myFun（）{ <br>的console.log（ “你好”）; <br>回归“世界”; <br>的console.log（ “BYEBYE”） <br> } <br> myFun（）; </blockquote>上面输出“Hello”到控制台，返回“World”，但是<code>&quot;byebye&quot;</code>永远不输出，因为函数退出<code>return</code>语句。 </section>
+
+## Instructions
+<section id="instructions">修改函数<code>abTest</code>以便如果<code>a</code>或<code>b</code>小于<code>0</code> ，函数将立即以<code>undefined</code>值退出。 <strong>暗示</strong> <br>请记住， <a href="http://www.freecodecamp.org/challenges/understanding-uninitialized-variables" target="_blank"><code>undefined</code>是一个关键字</a> ，而不是一个字符串。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>abTest(2,2)</code>应返回一个数字'
+    testString: 'assert(typeof abTest(2,2) === "number" , "<code>abTest(2,2)</code> should return a number");'
+  - text: '<code>abTest(2,2)</code>应该返回<code>8</code>'
+    testString: 'assert(abTest(2,2) === 8 , "<code>abTest(2,2)</code> should return <code>8</code>");'
+  - text: '<code>abTest(-2,2)</code>应返回<code>undefined</code>'
+    testString: 'assert(abTest(-2,2) === undefined , "<code>abTest(-2,2)</code> should return <code>undefined</code>");'
+  - text: '<code>abTest(2,-2)</code>应返回<code>undefined</code>'
+    testString: 'assert(abTest(2,-2) === undefined , "<code>abTest(2,-2)</code> should return <code>undefined</code>");'
+  - text: '<code>abTest(2,8)</code>应该返回<code>18</code>'
+    testString: 'assert(abTest(2,8) === 18 , "<code>abTest(2,8)</code> should return <code>18</code>");'
+  - text: '<code>abTest(3,3)</code>应该返回<code>12</code>'
+    testString: 'assert(abTest(3,3) === 12 , "<code>abTest(3,3)</code> should return <code>12</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function abTest(a, b) {
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+
+  return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
+}
+
+// Change values below to test your code
+abTest(2,2);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions.chinese.md
new file mode 100644
index 0000000000..0422729efd
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 5679ceb97cbaa8c51670a16b
+title: Returning Boolean Values from Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: 从函数返回布尔值
+---
+
+## Description
+<section id="description">您可以从<a href="waypoint-comparison-with-the-equality-operator" target="_blank">与Equality运算符的比较中</a>回忆一下，所有比较运算符都返回布尔值<code>true</code>或<code>false</code>值。有时人们使用if / else语句进行比较，如下所示： <blockquote> function isEqual（a，b）{ <br> if（a === b）{ <br>返回true; <br> } else { <br>返回虚假; <br> } <br> } </blockquote>但是有一种更好的方法可以做到这一点。由于<code>===</code>返回<code>true</code>或<code>false</code> ，我们可以返回比较结果： <blockquote> function isEqual（a，b）{ <br>返回a === b; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">修复函数<code>isLess</code>以删除<code>if/else</code>语句。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>isLess(10,15)</code>应该返回<code>true</code>'
+    testString: 'assert(isLess(10,15) === true, "<code>isLess(10,15)</code> should return <code>true</code>");'
+  - text: '<code>isLess(15,10)</code>应该返回<code>false</code>'
+    testString: 'assert(isLess(15, 10) === false, "<code>isLess(15,10)</code> should return <code>false</code>");'
+  - text: 您不应该使用任何<code>if</code>或<code>else</code>语句
+    testString: 'assert(!/if|else/g.test(code), "You should not use any <code>if</code> or <code>else</code> statements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function isLess(a, b) {
+  // Fix this code
+  if (a < b) {
+    return true;
+  } else {
+    return false;
+  }
+}
+
+// Change these values to test
+isLess(10, 15);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/selecting-from-many-options-with-switch-statements.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/selecting-from-many-options-with-switch-statements.chinese.md
new file mode 100644
index 0000000000..c563fd607b
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/selecting-from-many-options-with-switch-statements.chinese.md
@@ -0,0 +1,70 @@
+---
+id: 56533eb9ac21ba0edf2244dd
+title: Selecting from Many Options with Switch Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: 从带有开关语句的多个选项中进行选择
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">编写一个switch语句，测试<code>val</code>并设置以下条件的<code>answer</code> ： <br> <code>1</code> - “alpha” <br> <code>2</code> - “beta” <br> <code>3</code> - “伽玛” <br> <code>4</code> - “三角洲” </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>caseInSwitch(1)</code>的值应为“alpha”
+    testString: 'assert(caseInSwitch(1) === "alpha", "<code>caseInSwitch(1)</code> should have a value of "alpha"");'
+  - text: <code>caseInSwitch(2)</code>的值应为“beta”
+    testString: 'assert(caseInSwitch(2) === "beta", "<code>caseInSwitch(2)</code> should have a value of "beta"");'
+  - text: <code>caseInSwitch(3)</code>的值应为“gamma”
+    testString: 'assert(caseInSwitch(3) === "gamma", "<code>caseInSwitch(3)</code> should have a value of "gamma"");'
+  - text: <code>caseInSwitch(4)</code>的值应为“delta”
+    testString: 'assert(caseInSwitch(4) === "delta", "<code>caseInSwitch(4)</code> should have a value of "delta"");'
+  - text: 您不应该使用任何<code>if</code>或<code>else</code>语句
+    testString: 'assert(!/else/g.test(code) || !/if/g.test(code), "You should not use any <code>if</code> or <code>else</code> statements");'
+  - text: 你应该至少有3个<code>break</code>语句
+    testString: 'assert(code.match(/break/g).length > 2, "You should have at least 3 <code>break</code> statements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function caseInSwitch(val) {
+  var answer = "";
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+  return answer;
+}
+
+// Change this value to test
+caseInSwitch(1);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/shopping-list.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/shopping-list.chinese.md
new file mode 100644
index 0000000000..e88dba12ee
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/shopping-list.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 56533eb9ac21ba0edf2244bc
+title: Shopping List
+challengeType: 1
+videoUrl: ''
+localeTitle: 购物清单
+---
+
+## Description
+<section id="description">在变量<code>myList</code>创建购物清单。该列表应该是包含多个子阵列的多维数组。每个子数组中的第一个元素应包含一个带有项目名称的字符串。第二个元素应该是一个代表数量的数字，即<code>[&quot;Chocolate Bar&quot;, 15]</code>列表中应该至少有5个子数组。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myList</code>应该是一个数组
+    testString: 'assert(isArray, "<code>myList</code> should be an array");'
+  - text: 每个子数组中的第一个元素都必须是字符串
+    testString: 'assert(hasString, "The first elements in each of your sub-arrays must all be strings");'
+  - text: 每个子数组中的第二个元素都必须是数字
+    testString: 'assert(hasNumber, "The second elements in each of your sub-arrays must all be numbers");'
+  - text: 您的列表中必须至少有5个项目
+    testString: 'assert(count > 4, "You must have at least 5 items in your list");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myList = [];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/stand-in-line.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/stand-in-line.chinese.md
new file mode 100644
index 0000000000..88287c0680
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/stand-in-line.chinese.md
@@ -0,0 +1,106 @@
+---
+id: 56533eb9ac21ba0edf2244c6
+title: Stand in Line
+challengeType: 1
+videoUrl: ''
+localeTitle: 站在队中
+---
+
+## Description
+<section id="description">在计算机科学中， <dfn>队列</dfn>是一个抽象的<dfn>数据结构</dfn> ，其中项目按顺序保存。可以在<code>queue</code>的后面添加新项目，并从<code>queue</code>的前面取出旧项目。编写一个函数<code>nextInLine</code> ，它接受一个数组（ <code>arr</code> ）和一个数字（ <code>item</code> ）作为参数。将数字添加到数组的末尾，然后删除数组的第一个元素。然后， <code>nextInLine</code>函数应返回已删除的元素。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>nextInLine([], 5)</code>应返回一个数字。'
+    testString: 'assert.isNumber(nextInLine([],5), "<code>nextInLine([], 5)</code> should return a number.");'
+  - text: '<code>nextInLine([], 1)</code>应该返回<code>1</code>'
+    testString: 'assert(nextInLine([],1) === 1, "<code>nextInLine([], 1)</code> should return <code>1</code>");'
+  - text: '<code>nextInLine([2], 1)</code>应返回<code>2</code>'
+    testString: 'assert(nextInLine([2],1) === 2, "<code>nextInLine([2], 1)</code> should return <code>2</code>");'
+  - text: '<code>nextInLine([5,6,7,8,9], 1)</code>应该返回<code>5</code>'
+    testString: 'assert(nextInLine([5,6,7,8,9],1) === 5, "<code>nextInLine([5,6,7,8,9], 1)</code> should return <code>5</code>");'
+  - text: '在<code>nextInLine(testArr, 10)</code> ， <code>testArr[4]</code>应为<code>10</code>'
+    testString: 'nextInLine(testArr, 10); assert(testArr[4] === 10, "After <code>nextInLine(testArr, 10)</code>, <code>testArr[4]</code> should be <code>10</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nextInLine(arr, item) {
+  // Your code here
+
+  return item;  // Change this line
+}
+
+// Test Setup
+var testArr = [1,2,3,4,5];
+
+// Display Code
+console.log("Before: " + JSON.stringify(testArr));
+console.log(nextInLine(testArr, 6)); // Modify this line to test
+console.log("After: " + JSON.stringify(testArr));
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = [];
+var originalConsole = console
+function capture() {
+    var nativeLog = console.log;
+    console.log = function (message) {
+        logOutput.push(message);
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays.chinese.md
new file mode 100644
index 0000000000..ad844e2428
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays.chinese.md
@@ -0,0 +1,65 @@
+---
+id: bd7993c9c69feddfaeb8bdef
+title: Store Multiple Values in one Variable using JavaScript Arrays
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用JavaScript数组在一个变量中存储多个值
+---
+
+## Description
+<section id="description">使用JavaScript <code>array</code>变量，我们可以在一个地方存储多个数据。你开始一个带有开口方括号的数组声明，用一个结束的方括号结束，并在每个条目之间加一个逗号，如下所示： <code>var sandwich = [&quot;peanut butter&quot;, &quot;jelly&quot;, &quot;bread&quot;]</code> 。 </section>
+
+## Instructions
+<section id="instructions">修改新数组<code>myArray</code> ，使其包含<code>string</code>和<code>number</code> （ <code>myArray</code>顺序）。 <strong>暗示</strong> <br>如果卡住，请参阅文本编辑器中的示例代码。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myArray</code>应该是一个<code>array</code> 。
+    testString: 'assert(typeof myArray == "object", "<code>myArray</code> should be an <code>array</code>.");'
+  - text: <code>myArray</code>的第一项应该是一个<code>string</code> 。
+    testString: 'assert(typeof myArray[0] !== "undefined" && typeof myArray[0] == "string", "The first item in <code>myArray</code> should be a <code>string</code>.");'
+  - text: <code>myArray</code>的第二项应该是一个<code>number</code> 。
+    testString: 'assert(typeof myArray[1] !== "undefined" && typeof myArray[1] == "number", "The second item in <code>myArray</code> should be a <code>number</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = ["John", 23];
+
+// Only change code below this line.
+var myArray = [];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator.chinese.md
new file mode 100644
index 0000000000..95d149de5d
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator.chinese.md
@@ -0,0 +1,81 @@
+---
+id: 56533eb9ac21ba0edf2244a8
+title: Storing Values with the Assignment Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用赋值运算符存储值
+---
+
+## Description
+<section id="description">在JavaScript中，您可以使用<dfn>赋值</dfn>运算符将值存储在变量中。 <code>myVariable = 5;</code>这将<code>Number</code>值<code>5</code>分配给<code>myVariable</code> 。作业总是从右到左。在将值分配给运算符左侧的变量之前，将解析<code>=</code>运算符右侧的所有内容。 <blockquote> myVar = 5; <br> myNum = myVar; </blockquote>这将为<code>myVar</code>分配<code>5</code> ，然后再次将<code>myVar</code>解析为<code>5</code>并将其分配给<code>myNum</code> 。 </section>
+
+## Instructions
+<section id="instructions">将值<code>7</code>分配给变量<code>a</code> 。分配的内容<code>a</code>变量<code>b</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 不要更改行上方的代码
+    testString: 'assert(/var a;/.test(code) && /var b = 2;/.test(code), "Do not change code above the line");'
+  - text: <code>a</code>的值应为7
+    testString: 'assert(typeof a === "number" && a === 7, "<code>a</code> should have a value of 7");'
+  - text: <code>b</code>的值应为7
+    testString: 'assert(typeof b === "number" && b === 7, "<code>b</code> should have a value of 7");'
+  - text: <code>a</code>应分配给<code>b</code> <code>=</code>
+    testString: 'assert(/b\s*=\s*a\s*;/g.test(code), "<code>a</code> should be assigned to <code>b</code> with <code>=</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var a;
+var b = 2;
+
+// Only change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+if (typeof a != 'undefined') {
+  a = undefined;
+}
+if (typeof b != 'undefined') {
+  b = undefined;
+}
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.chinese.md
new file mode 100644
index 0000000000..3f9280ed1e
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.chinese.md
@@ -0,0 +1,59 @@
+---
+id: cf1111c1c11feddfaeb4bdef
+title: Subtract One Number from Another with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用JavaScript从另一个数字中减去一个数字
+---
+
+## Description
+<section id="description">我们也可以从另一个数字中减去一个数字。 JavaScript使用<code>-</code>符号进行减法。 <p> <strong>例</strong> </p><blockquote> myVar = 12  -  6; //分配6 </blockquote></section>
+
+## Instructions
+<section id="instructions">更改<code>0</code>因此差异为<code>12</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(difference === 12, "Make the variable <code>difference</code> equal 12.");'
+  - text: 只从45中减去一个数字。
+    testString: 'assert(/var\s*difference\s*=\s*45\s*-\s*[0-9]*;(?!\s*[a-zA-Z0-9]+)/.test(code),"Only subtract one number from 45.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var difference = 45 - 0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties.chinese.md
new file mode 100644
index 0000000000..b6ea378351
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties.chinese.md
@@ -0,0 +1,67 @@
+---
+id: 567af2437cbaa8c51670a16c
+title: Testing Objects for Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: 测试属性的对象
+---
+
+## Description
+<section id="description">有时检查给定对象的属性是否存在是有用的。我们可以使用对象的<code>.hasOwnProperty(propname)</code>方法来确定该对象是否具有给定的属性名称。 <code>.hasOwnProperty()</code>如果找到属性则返回<code>true</code>或<code>false</code> 。 <strong>例</strong> <blockquote> var myObj = { <br>顶部：“帽子”， <br>底部：“裤子” <br> }; <br> myObj.hasOwnProperty（ “顶部”）; //真的<br> myObj.hasOwnProperty（ “中间”）; //假</blockquote></section>
+
+## Instructions
+<section id="instructions">修改函数<code>checkObj</code>以测试<code>myObj</code>的<code>checkProp</code> 。如果找到该属性，则返回该属性的值。如果没有，请返回<code>&quot;Not Found&quot;</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>checkObj(&quot;gift&quot;)</code>应该返回<code>&quot;pony&quot;</code> 。
+    testString: 'assert(checkObj("gift") === "pony", "<code>checkObj("gift")</code> should return  <code>"pony"</code>.");'
+  - text: <code>checkObj(&quot;pet&quot;)</code>应该返回<code>&quot;kitten&quot;</code> 。
+    testString: 'assert(checkObj("pet") === "kitten", "<code>checkObj("pet")</code> should return  <code>"kitten"</code>.");'
+  - text: <code>checkObj(&quot;house&quot;)</code>应该返回<code>&quot;Not Found&quot;</code> 。
+    testString: 'assert(checkObj("house") === "Not Found", "<code>checkObj("house")</code> should return  <code>"Not Found"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myObj = {
+  gift: "pony",
+  pet: "kitten",
+  bed: "sleigh"
+};
+
+function checkObj(checkProp) {
+  // Your Code Here
+
+  return "Change Me!";
+}
+
+// Test your code by modifying these values
+checkObj("gift");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/understand-string-immutability.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/understand-string-immutability.chinese.md
new file mode 100644
index 0000000000..fdd18fac86
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/understand-string-immutability.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 56533eb9ac21ba0edf2244ba
+title: Understand String Immutability
+challengeType: 1
+videoUrl: ''
+localeTitle: 理解字符串不变性
+---
+
+## Description
+<section id="description">在JavaScript中， <code>String</code>值是<dfn>不可变的</dfn> ，这意味着一旦创建它们就不能被更改。例如，以下代码： <blockquote> var myStr =“Bob”; <br> myStr [0] =“J”; </blockquote>无法将<code>myStr</code>的值更改为“Job”，因为<code>myStr</code>的内容无法更改。请注意，这<em>并不</em>意味着<code>myStr</code>不能改变的，只是一个<dfn>字符串</dfn>的单个字符不能改变。更改<code>myStr</code>的唯一方法是为其分配一个新字符串，如下所示： <blockquote> var myStr =“Bob”; <br> myStr =“工作”; </blockquote></section>
+
+## Instructions
+<section id="instructions">更正<code>myStr</code>的赋值，使其包含<code>Hello World</code>的字符串值，使用上面示例中显示的方法。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myStr</code>应该具有<code>Hello World</code>的值
+    testString: 'assert(myStr === "Hello World", "<code>myStr</code> should have a value of <code>Hello World</code>");'
+  - text: 不要更改行上方的代码
+    testString: 'assert(/myStr = "Jello World"/.test(code), "Do not change the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myStr = "Jello World";
+
+// Only change code below this line
+
+myStr[0] = "H"; // Fix Me
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.chinese.md
new file mode 100644
index 0000000000..74ea06f695
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.chinese.md
@@ -0,0 +1,66 @@
+---
+id: bd7123c9c441eddfaeb5bdef
+title: Understanding Boolean Values
+challengeType: 1
+videoUrl: ''
+localeTitle: 了解布尔值
+---
+
+## Description
+<section id="description">另一种数据类型是<dfn>布尔值</dfn> 。 <code>Booleans</code>可能只是两个值中的一个： <code>true</code>或<code>false</code> 。它们基本上是很少的开关，其中<code>true</code>为“on”而<code>false</code>为“off”。这两个国家是相互排斥的。 <strong>注意</strong> <br> <code>Boolean</code>值永远不会用引号写。 <code>strings</code> <code>&quot;true&quot;</code>和<code>&quot;false&quot;</code>不是<code>Boolean</code> ，在JavaScript中没有特殊含义。 </section>
+
+## Instructions
+<section id="instructions">修改<code>welcomeToBooleans</code>函数，以便在单击运行按钮时返回<code>true</code>而不是<code>false</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>welcomeToBooleans()</code>函数应该返回一个布尔值（true / false）。
+    testString: 'assert(typeof welcomeToBooleans() === "boolean", "The <code>welcomeToBooleans()</code> function should return a boolean &#40;true/false&#41; value.");'
+  - text: <code>welcomeToBooleans()</code>应该返回true。
+    testString: 'assert(welcomeToBooleans() === true, "<code>welcomeToBooleans()</code> should return true.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function welcomeToBooleans() {
+
+// Only change code below this line.
+
+return false; // Change this line
+
+// Only change code above this line.
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables.chinese.md
new file mode 100644
index 0000000000..58e968ede7
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables.chinese.md
@@ -0,0 +1,67 @@
+---
+id: 56533eb9ac21ba0edf2244ab
+title: Understanding Case Sensitivity in Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: 了解变量中的大小写敏感度
+---
+
+## Description
+<section id="description">在JavaScript中，所有变量和函数名称都区分大小写。这意味着资本化很重要。 <code>MYVAR</code>与<code>MyVar</code>和<code>myvar</code> 。可以有多个具有相同名称但不同外壳的不同变量。强烈建议您为清晰起见， <em>不要</em>使用此语言功能。 <h4>最佳实践</h4>在<dfn>camelCase中用</dfn> JavaScript编写变量名。在<dfn>camelCase中</dfn> ，多字变量名称的第一个单词为小写，每个后续单词的首字母大写。 <strong>例子：</strong> <blockquote> var someVariable; <br> var anotherVariableName; <br> var thisVariableNameIsSoLong; </blockquote></section>
+
+## Instructions
+<section id="instructions">修改现有的声明和赋值，使其名称使用<dfn>camelCase</dfn> 。 <br>不要创建任何新变量。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>studlyCapVar</code>已定义且值为<code>10</code>
+    testString: 'assert(typeof studlyCapVar !== "undefined" && studlyCapVar === 10, "<code>studlyCapVar</code> is defined and has a value of <code>10</code>");'
+  - text: <code>properCamelCase</code>已定义且值为<code>&quot;A String&quot;</code>
+    testString: 'assert(typeof properCamelCase !== "undefined" && properCamelCase === "A String", "<code>properCamelCase</code> is defined and has a value of <code>"A String"</code>");'
+  - text: <code>titleCaseOver</code>已定义，其值为<code>9000</code>
+    testString: 'assert(typeof titleCaseOver !== "undefined" && titleCaseOver === 9000, "<code>titleCaseOver</code> is defined and has a value of <code>9000</code>");'
+  - text: <code>studlyCapVar</code>应该在声明和赋值部分使用camelCase。
+    testString: 'assert(code.match(/studlyCapVar/g).length === 2, "<code>studlyCapVar</code> should use camelCase in both declaration and assignment sections.");'
+  - text: <code>properCamelCase</code>应该在声明和赋值部分使用camelCase。
+    testString: 'assert(code.match(/properCamelCase/g).length === 2, "<code>properCamelCase</code> should use camelCase in both declaration and assignment sections.");'
+  - text: <code>titleCaseOver</code>应该在声明和赋值部分使用camelCase。
+    testString: 'assert(code.match(/titleCaseOver/g).length === 2, "<code>titleCaseOver</code> should use camelCase in both declaration and assignment sections.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Declarations
+var StUdLyCapVaR;
+var properCamelCase;
+var TitleCaseOver;
+
+// Assignments
+STUDLYCAPVAR = 10;
+PRoperCAmelCAse = "A String";
+tITLEcASEoVER = 9000;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function.chinese.md
new file mode 100644
index 0000000000..f18b535d8c
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function.chinese.md
@@ -0,0 +1,74 @@
+---
+id: 598e8944f009e646fc236146
+title: Understanding Undefined Value returned from a Function
+challengeType: 1
+videoUrl: ''
+localeTitle: 了解从函数返回的未定义值
+---
+
+## Description
+<section id="description">函数可以包含<code>return</code>语句但不必包含。在函数没有<code>return</code>语句的情况下，当您调用它时，该函数处理内部代码但返回的值是<code>undefined</code> 。 <strong>例</strong> <blockquote> var sum = 0; <br> function addSum（num）{ <br> sum = sum + num; <br> } <br> var returnedValue = addSum（3）; //将修改sum，但返回值未定义</blockquote> <code>addSum</code>是一个没有<code>return</code>语句的函数。该函数将更改全局<code>sum</code>变量，但函数的返回值<code>undefined</code> </section>
+
+## Instructions
+<section id="instructions">创建一个没有任何参数的函数<code>addFive</code> 。此函数向<code>sum</code>变量添加5，但其返回值<code>undefined</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>addFive</code>应该是一个函数
+    testString: 'assert(typeof addFive === "function", "<code>addFive</code> should be a function");'
+  - text: <code>sum</code>应该等于8
+    testString: 'assert(sum === 8, "<code>sum</code> should be equal to 8");'
+  - text: <code>addFive</code>返回值应该是<code>undefined</code>
+    testString: 'assert(addFive() === undefined, "Returned value from <code>addFive</code> should be <code>undefined</code>");'
+  - text: 在函数内部，向<code>sum</code>变量添加5
+    testString: 'assert(code.match(/(sum\s*\=\s*sum\s*\+\s*5)|(sum\s*\+\=\s*5)/g).length === 1, "Inside of your functions, add 5 to the <code>sum</code> variable");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var sum = 0;
+function addThree() {
+  sum = sum + 3;
+}
+
+// Only change code below this line
+
+
+
+// Only change code above this line
+var returnedValue = addFive();
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables.chinese.md
new file mode 100644
index 0000000000..2dae43590c
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 56533eb9ac21ba0edf2244aa
+title: Understanding Uninitialized Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: 了解未初始化的变量
+---
+
+## Description
+<section id="description">声明JavaScript变量时，它们的初始值为<code>undefined</code> 。如果对<code>undefined</code>变量进行数学运算，则结果将为<code>NaN</code> ，表示<dfn>“非数字”</dfn> 。如果将字符串与<code>undefined</code>变量连接起来，您将得到一个<code>&quot;undefined&quot;</code>的文字<dfn>字符串</dfn> 。 </section>
+
+## Instructions
+<section id="instructions">初始化三个变量<code>a</code> ， <code>b</code>和<code>c</code>与<code>5</code> ， <code>10</code> ，和<code>&quot;I am a&quot;</code>分别让他们不会<code>undefined</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>a</code>应定义并评估其值为<code>6</code>
+    testString: 'assert(typeof a === "number" && a === 6, "<code>a</code> should be defined and evaluated to have the value of <code>6</code>");'
+  - text: 应定义和评估<code>b</code>的值为<code>15</code>
+    testString: 'assert(typeof b === "number" && b === 15, "<code>b</code> should be defined and evaluated to have the value of <code>15</code>");'
+  - text: <code>c</code>不应该包含<code>undefined</code>并且值应为“我是一个字符串！”
+    testString: 'assert(!/undefined/.test(c) && c === "I am a String!", "<code>c</code> should not contain <code>undefined</code> and should have a value of "I am a String!"");'
+  - text: 不要更改行下方的代码
+    testString: 'assert(/a = a \+ 1;/.test(code) && /b = b \+ 5;/.test(code) && /c = c \+ " String!";/.test(code), "Do not change code below the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Initialize these three variables
+var a;
+var b;
+var c;
+
+// Do not change code below this line
+
+a = a + 1;
+b = b + 5;
+c = c + " String!";
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties.chinese.md
new file mode 100644
index 0000000000..929d5f0f34
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties.chinese.md
@@ -0,0 +1,77 @@
+---
+id: 56bbb991ad1ed5201cd392d1
+title: Updating Object Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: 更新对象属性
+---
+
+## Description
+<section id="description">在创建JavaScript对象之后，您可以随时更新其属性，就像更新任何其他变量一样。您可以使用点或括号表示法进行更新。例如，让我们看看我们的<code>ourDog</code> ： <blockquote> var ourDog = { <br> “名字”：“露营者”， <br> “腿”：4， <br> “尾巴”：1， <br> “朋友们”：[“一切！”] <br> }; </blockquote>由于他是一只特别开心的狗，让我们改名为“快乐露营者”。以下是我们更新对象名称属性的方法： <code>ourDog.name = &quot;Happy Camper&quot;;</code>或者我们的<code>ourDog[&quot;name&quot;] = &quot;Happy Camper&quot;;</code>现在，当我们评估我们的<code>ourDog.name</code> ，而不是获得“Camper”时，我们将获得他的新名字“Happy Camper”。 </section>
+
+## Instructions
+<section id="instructions">更新<code>myDog</code>对象的name属性。让我们将她的名字从“Coder”改为“Happy Coder”。您可以使用点或括号表示法。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 将<code>myDog</code>的<code>&quot;name&quot;</code>属性更新为“Happy Coder”。
+    testString: 'assert(/happy coder/gi.test(myDog.name), "Update <code>myDog</code>&apos;s <code>"name"</code> property to equal "Happy Coder".");'
+  - text: 不要编辑<code>myDog</code>定义
+    testString: 'assert(/"name": "Coder"/.test(code), "Do not edit the <code>myDog</code> definition");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"]
+};
+
+ourDog.name = "Happy Camper";
+
+// Setup
+var myDog = {
+  "name": "Coder",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["freeCodeCamp Campers"]
+};
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-first-character-in-a-string.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-first-character-in-a-string.chinese.md
new file mode 100644
index 0000000000..5883883862
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-first-character-in-a-string.chinese.md
@@ -0,0 +1,70 @@
+---
+id: bd7123c9c549eddfaeb5bdef
+title: Use Bracket Notation to Find the First Character in a String
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用括号表示法查找字符串中的第一个字符
+---
+
+## Description
+<section id="description"> <code>Bracket notation</code>是一种在字符串中的特定<code>index</code>处获取字符的方法。大多数现代编程语言，如JavaScript，都不像人类那样开始计算。它们从0开始。这称为<dfn>基于零的</dfn>索引。例如，单词“Charles”中索引0处的字符是“C”。因此，如果<code>var firstName = &quot;Charles&quot;</code> ，则可以使用<code>firstName[0]</code>获取字符串第一个字母的值。 </section>
+
+## Instructions
+<section id="instructions">使用<dfn>括号表示法</dfn>查找<code>lastName</code>变量中的第一个字符并将其分配给<code>firstLetterOfLastName</code> 。 <strong>暗示</strong> <br>如果卡住，请尝试查看<code>firstLetterOfFirstName</code>变量声明。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>firstLetterOfLastName</code>变量的值应为<code>L</code>
+    testString: 'assert(firstLetterOfLastName === "L", "The <code>firstLetterOfLastName</code> variable should have the value of <code>L</code>.");'
+  - text: 您应该使用括号表示法。
+    testString: 'assert(code.match(/firstLetterOfLastName\s*?=\s*?lastName\[.*?\]/), "You should use bracket notation.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstLetterOfFirstName = "";
+var firstName = "Ada";
+
+firstLetterOfFirstName = firstName[0];
+
+// Setup
+var firstLetterOfLastName = "";
+var lastName = "Lovelace";
+
+// Only change code below this line
+firstLetterOfLastName = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-last-character-in-a-string.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-last-character-in-a-string.chinese.md
new file mode 100644
index 0000000000..3947cd2463
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-last-character-in-a-string.chinese.md
@@ -0,0 +1,67 @@
+---
+id: bd7123c9c451eddfaeb5bdef
+title: Use Bracket Notation to Find the Last Character in a String
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用括号表示法查找字符串中的最后一个字符
+---
+
+## Description
+<section id="description">为了获得字符串的最后一个字母，您可以从字符串的长度中减去一个字母。例如，如果<code>var firstName = &quot;Charles&quot;</code> ，则可以使用<code>firstName[firstName.length - 1]</code>获取字符串最后一个字母的值。 </section>
+
+## Instructions
+<section id="instructions">使用<dfn>括号表示法</dfn>查找<code>lastName</code>变量中的最后一个字符。 <strong>暗示</strong> <br>如果卡住了，请尝试查看<code>lastLetterOfFirstName</code>变量声明。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>lastLetterOfLastName</code>应为“e”。
+    testString: 'assert(lastLetterOfLastName === "e", "<code>lastLetterOfLastName</code> should be "e".");'
+  - text: 你必须使用<code>.length</code>来获取最后一个字母。
+    testString: 'assert(code.match(/\.length/g).length === 2, "You have to use <code>.length</code> to get the last letter.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstName = "Ada";
+var lastLetterOfFirstName = firstName[firstName.length - 1];
+
+// Setup
+var lastName = "Lovelace";
+
+// Only change code below this line.
+var lastLetterOfLastName = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-character-in-a-string.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-character-in-a-string.chinese.md
new file mode 100644
index 0000000000..8c62281c85
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-character-in-a-string.chinese.md
@@ -0,0 +1,67 @@
+---
+id: bd7123c9c450eddfaeb5bdef
+title: Use Bracket Notation to Find the Nth Character in a String
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用括号表示法查找字符串中的第N个字符
+---
+
+## Description
+<section id="description">您还可以使用<dfn>括号表示法</dfn>来获取字符串中其他位置的字符。请记住，计算机从<code>0</code>开始计数，因此第一个字符实际上是第0个字符。 </section>
+
+## Instructions
+<section id="instructions">让我们尝试使用括号表示法将<code>thirdLetterOfLastName</code>设置为等于<code>lastName</code>变量的第三个字母。 <strong>暗示</strong> <br>如果卡住，请尝试查看<code>secondLetterOfFirstName</code>变量声明。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>thirdLetterOfLastName</code>变量的值应为<code>v</code> 。
+    testString: 'assert(thirdLetterOfLastName === "v", "The <code>thirdLetterOfLastName</code> variable should have the value of <code>v</code>.");'
+  - text: 您应该使用括号表示法。
+    testString: 'assert(code.match(/thirdLetterOfLastName\s*?=\s*?lastName\[.*?\]/), "You should use bracket notation.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstName = "Ada";
+var secondLetterOfFirstName = firstName[1];
+
+// Setup
+var lastName = "Lovelace";
+
+// Only change code below this line.
+var thirdLetterOfLastName = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-to-last-character-in-a-string.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-to-last-character-in-a-string.chinese.md
new file mode 100644
index 0000000000..930d97a54a
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-to-last-character-in-a-string.chinese.md
@@ -0,0 +1,67 @@
+---
+id: bd7123c9c452eddfaeb5bdef
+title: Use Bracket Notation to Find the Nth-to-Last Character in a String
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用括号表示法查找字符串中的第N个到最后一个字符
+---
+
+## Description
+<section id="description">您可以使用我们刚刚用于检索字符串中最后一个字符的相同原理来检索N到最后一个字符。例如，您可以使用<code>firstName[firstName.length - 3]</code>获取<code>var firstName = &quot;Charles&quot;</code>字符串的倒数第三个字母的值</section>
+
+## Instructions
+<section id="instructions">使用<dfn>括号表示法</dfn>查找<code>lastName</code>字符串中倒数第二个字符。 <strong>暗示</strong> <br>如果卡住，请尝试查看<code>thirdToLastLetterOfFirstName</code>变量声明。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>secondToLastLetterOfLastName</code>应为“c”。
+    testString: 'assert(secondToLastLetterOfLastName === "c", "<code>secondToLastLetterOfLastName</code> should be "c".");'
+  - text: 你必须使用<code>.length</code>来获得倒数第二个字母。
+    testString: 'assert(code.match(/\.length/g).length === 2, "You have to use <code>.length</code> to get the second last letter.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstName = "Ada";
+var thirdToLastLetterOfFirstName = firstName[firstName.length - 3];
+
+// Setup
+var lastName = "Lovelace";
+
+// Only change code below this line
+var secondToLastLetterOfLastName = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements.chinese.md
new file mode 100644
index 0000000000..b2257d60e8
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements.chinese.md
@@ -0,0 +1,77 @@
+---
+id: cf1111c1c12feddfaeb3bdef
+title: Use Conditional Logic with If Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用条件逻辑和If语句
+---
+
+## Description
+<section id="description"> <code>If</code>语句用于在代码中做出决定。关键字<code>if</code>告诉JavaScript在括号中定义的特定条件下执行花括号中的代码。这些条件称为<code>Boolean</code>条件，它们可能只是<code>true</code>或<code>false</code> 。当条件计算结果为<code>true</code> ，程序将执行花括号内的语句。当布尔条件的计算结果为<code>false</code> ，大括号内的语句将不会执行。 <strong>伪代码</strong> <blockquote> if（ <i>condition为true</i> ）{ <br> <i>声明被执行</i> <br> } </blockquote> <strong>例</strong> <blockquote>功能测试（myCondition）{ <br> if（myCondition）{ <br>回归“这是真的”; <br> } <br>返回“这是假的”; <br> } <br>测试（真）; //返回“这是真的” <br>测试（假）; //返回“这是假的” </blockquote>当使用值<code>true</code>调用<code>test</code> ， <code>if</code>语句将评估<code>myCondition</code>以查看它是否为<code>true</code> 。因为它是<code>true</code> ，函数返回<code>&quot;It was true&quot;</code> 。当我们使用<code>false</code>值调用<code>test</code>时， <code>myCondition</code> <em>不为</em> <code>true</code>并且不执行花括号中的语句，函数返回<code>&quot;It was false&quot;</code> 。 </section>
+
+## Instructions
+<section id="instructions">在函数内部创建一个<code>if</code>语句<code>&quot;Yes, that was true&quot;</code>如果参数<code>wasThatTrue</code>为<code>true</code>则返回<code>&quot;Yes, that was true&quot;</code> <code>&quot;No, that was false&quot;</code>否则返回<code>&quot;No, that was false&quot;</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>trueOrFalse</code>应该是一个函数
+    testString: 'assert(typeof trueOrFalse === "function", "<code>trueOrFalse</code> should be a function");'
+  - text: <code>trueOrFalse(true)</code>应该返回一个字符串
+    testString: 'assert(typeof trueOrFalse(true) === "string", "<code>trueOrFalse(true)</code> should return a string");'
+  - text: <code>trueOrFalse(false)</code>应该返回一个字符串
+    testString: 'assert(typeof trueOrFalse(false) === "string", "<code>trueOrFalse(false)</code> should return a string");'
+  - text: <code>trueOrFalse(true)</code>应该返回“是的，那是真的”
+    testString: 'assert(trueOrFalse(true) === "Yes, that was true", "<code>trueOrFalse(true)</code> should return "Yes, that was true"");'
+  - text: <code>trueOrFalse(false)</code>应该返回“No，that was false”
+    testString: 'assert(trueOrFalse(false) === "No, that was false", "<code>trueOrFalse(false)</code> should return "No, that was false"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function ourTrueOrFalse(isItTrue) {
+  if (isItTrue) {
+    return "Yes, it's true";
+  }
+  return "No, it's false";
+}
+
+// Setup
+function trueOrFalse(wasThatTrue) {
+
+  // Only change code below this line.
+
+
+
+  // Only change code above this line.
+
+}
+
+// Change this value to test
+trueOrFalse(true);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-multiple-conditional-ternary-operators.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-multiple-conditional-ternary-operators.chinese.md
new file mode 100644
index 0000000000..f916539b28
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-multiple-conditional-ternary-operators.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 587d7b7e367417b2b2512b21
+title: Use Multiple Conditional (Ternary) Operators
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用多个条件（三元）运算符
+---
+
+## Description
+<section id="description">在之前的挑战中，您使用了单个<code>conditional operator</code> 。您也可以将它们链接在一起以检查多种条件。以下函数使用if，else if和else语句来检查多个条件： <blockquote> function findGreaterOrEqual（a，b）{ <br> if（a === b）{ <br>返回“a和b相等”; <br> } <br>否则如果（a&gt; b）{ <br>返回“a更大”; <br> } <br>其他{ <br>返回“b更大”; <br> } <br> } </blockquote>可以使用多个<code>conditional operators</code>重写上述函数： <blockquote> function findGreaterOrEqual（a，b）{ <br>返回（a === b）？ “a和b相等”：（a&gt; b）？ “a更大”：“b更大”; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">在<code>checkSign</code>函数中使用多个<code>conditional operators</code>来检查数字是正数，负数还是零。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>checkSign</code>应该使用多个<code>conditional operators</code>
+    testString: 'assert(/.+?\s*?\?\s*?.+?\s*?:\s*?.+?\s*?\?\s*?.+?\s*?:\s*?.+?/gi.test(code), "<code>checkSign</code> should use multiple <code>conditional operators</code>");'
+  - text: <code>checkSign(10)</code>应该返回“positive”。请注意，资本化很重要
+    testString: 'assert(checkSign(10) === "positive", "<code>checkSign(10)</code> should return "positive". Note that capitalization matters");'
+  - text: <code>checkSign(-12)</code>应返回“否定”。请注意，资本化很重要
+    testString: 'assert(checkSign(-12) === "negative", "<code>checkSign(-12)</code> should return "negative". Note that capitalization matters");'
+  - text: <code>checkSign(0)</code>应返回“零”。请注意，资本化很重要
+    testString: 'assert(checkSign(0) === "zero", "<code>checkSign(0)</code> should return "zero". Note that capitalization matters");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSign(num) {
+
+}
+
+checkSign(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-conditional-ternary-operator.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-conditional-ternary-operator.chinese.md
new file mode 100644
index 0000000000..328f565a0f
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-conditional-ternary-operator.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 587d7b7e367417b2b2512b24
+title: Use the Conditional (Ternary) Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用条件（三元）运算符
+---
+
+## Description
+<section id="description"> <dfn>条件运算符</dfn> （也称为<dfn>三元运算符</dfn> ）可以用作一行if-else表达式。语法是： <code>condition ? statement-if-true : statement-if-false;</code>以下函数使用if-else语句来检查条件： <blockquote> function findGreater（a，b）{ <br> if（a&gt; b）{ <br>返回“a更大”; <br> } <br>其他{ <br>返回“b更大”; <br> } <br> } </blockquote>这可以使用<code>conditional operator</code>重写： <blockquote> function findGreater（a，b）{ <br>返回a&gt; b？ “a更大”：“b更大”; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">在<code>checkEqual</code>函数中使用<code>conditional operator</code>来检查两个数字是否相等。该函数应返回true或false。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>checkEqual</code>应该使用<code>conditional operator</code>
+    testString: 'assert(/.+?\s*?\?\s*?.+?\s*?:\s*?.+?/gi.test(code), "<code>checkEqual</code> should use the <code>conditional operator</code>");'
+  - text: '<code>checkEqual(1, 2)</code>应该返回false'
+    testString: 'assert(checkEqual(1, 2) === false, "<code>checkEqual(1, 2)</code> should return false");'
+  - text: '<code>checkEqual(1, 1)</code>应该返回true'
+    testString: 'assert(checkEqual(1, 1) === true, "<code>checkEqual(1, 1)</code> should return true");'
+  - text: '<code>checkEqual(1, -1)</code>应该返回false'
+    testString: 'assert(checkEqual(1, -1) === false, "<code>checkEqual(1, -1)</code> should return false");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkEqual(a, b) {
+
+}
+
+checkEqual(1, 2);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function-with-a-radix.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function-with-a-radix.chinese.md
new file mode 100644
index 0000000000..a72f6f58f1
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function-with-a-radix.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b7e367417b2b2512b22
+title: Use the parseInt Function with a Radix
+challengeType: 1
+videoUrl: ''
+localeTitle: 将parseInt函数与Radix一起使用
+---
+
+## Description
+<section id="description"> <code>parseInt()</code>函数解析字符串并返回一个整数。它需要一个基数的第二个参数，它指定字符串中数字的基数。基数可以是2到36之间的整数。函数调用如下： <code>parseInt(string, radix);</code>这是一个例子： <code>var a = parseInt(&quot;11&quot;, 2);</code>基数变量表示“11”在二进制系统或基数2中。此示例将字符串“11”转换为整数3。 </section>
+
+## Instructions
+<section id="instructions">在<code>convertToInteger</code>函数中使用<code>parseInt()</code> ，以便将二进制数转换为整数并返回它。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>convertToInteger</code>应该使用<code>parseInt()</code>函数
+    testString: 'assert(/parseInt/g.test(code), "<code>convertToInteger</code> should use the <code>parseInt()</code> function");'
+  - text: <code>convertToInteger(&quot;10011&quot;)</code>应该返回一个数字
+    testString: 'assert(typeof(convertToInteger("10011")) === "number", "<code>convertToInteger("10011")</code> should return a number");'
+  - text: <code>convertToInteger(&quot;10011&quot;)</code>应该返回19
+    testString: 'assert(convertToInteger("10011") === 19, "<code>convertToInteger("10011")</code> should return 19");'
+  - text: <code>convertToInteger(&quot;111001&quot;)</code>应该返回57
+    testString: 'assert(convertToInteger("111001") === 57, "<code>convertToInteger("111001")</code> should return 57");'
+  - text: <code>convertToInteger(&quot;JamesBond&quot;)</code>应该返回NaN
+    testString: 'assert.isNaN(convertToInteger("JamesBond"), "<code>convertToInteger("JamesBond")</code> should return NaN");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertToInteger(str) {
+
+}
+
+convertToInteger("10011");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function.chinese.md
new file mode 100644
index 0000000000..dd0baf4446
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b7e367417b2b2512b23
+title: Use the parseInt Function
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用parseInt函数
+---
+
+## Description
+<section id="description"> <code>parseInt()</code>函数解析字符串并返回一个整数。这是一个例子： <code>var a = parseInt(&quot;007&quot;);</code>上面的函数将字符串“007”转换为整数7.如果字符串中的第一个字符无法转换为数字，则返回<code>NaN</code> 。 </section>
+
+## Instructions
+<section id="instructions">在<code>convertToInteger</code>函数中使用<code>parseInt()</code> ，以便将输入字符串<code>str</code>转换为整数，然后返回它。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>convertToInteger</code>应该使用<code>parseInt()</code>函数
+    testString: 'assert(/parseInt/g.test(code), "<code>convertToInteger</code> should use the <code>parseInt()</code> function");'
+  - text: <code>convertToInteger(&quot;56&quot;)</code>应该返回一个数字
+    testString: 'assert(typeof(convertToInteger("56")) === "number", "<code>convertToInteger("56")</code> should return a number");'
+  - text: <code>convertToInteger(&quot;56&quot;)</code>应该返回56
+    testString: 'assert(convertToInteger("56") === 56, "<code>convertToInteger("56")</code> should return 56");'
+  - text: <code>convertToInteger(&quot;77&quot;)</code>应该返回77
+    testString: 'assert(convertToInteger("77") === 77, "<code>convertToInteger("77")</code> should return 77");'
+  - text: <code>convertToInteger(&quot;JamesBond&quot;)</code>应该返回NaN
+    testString: 'assert.isNaN(convertToInteger("JamesBond"), "<code>convertToInteger("JamesBond")</code> should return NaN");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertToInteger(str) {
+
+}
+
+convertToInteger("56");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups.chinese.md
new file mode 100644
index 0000000000..f0d75d8ef7
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups.chinese.md
@@ -0,0 +1,95 @@
+---
+id: 56533eb9ac21ba0edf2244ca
+title: Using Objects for Lookups
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用对象进行查找
+---
+
+## Description
+<section id="description">对象可以被认为是键/值存储，就像字典一样。如果您有表格数据，则可以使用对象“查找”值而不是<code>switch</code>语句或<code>if/else</code>链。当您知道输入数据限制在特定范围内时，这非常有用。以下是简单反向字母查找的示例： <blockquote> var alpha = { <br> 1： “Z”， <br> 2： “Y”， <br> 3： “X”， <br> 4： “W”， <br> ... <br> 24： “C”， <br> 25： “B”， <br> 26： “A” <br> }; <br>阿尔法[2]; //“Y” <br>阿尔法[24]; // “C” <br><br> var value = 2; <br>阿尔法[值]。 //“Y” </blockquote></section>
+
+## Instructions
+<section id="instructions">将switch语句转换为名为<code>lookup</code>的对象。使用它来查找<code>val</code>并将关联的字符串分配给<code>result</code>变量。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>phoneticLookup(&quot;alpha&quot;)</code>应该等于<code>&quot;Adams&quot;</code>
+    testString: 'assert(phoneticLookup("alpha") === "Adams", "<code>phoneticLookup("alpha")</code> should equal <code>"Adams"</code>");'
+  - text: <code>phoneticLookup(&quot;bravo&quot;)</code>应该等于<code>&quot;Boston&quot;</code>
+    testString: 'assert(phoneticLookup("bravo") === "Boston", "<code>phoneticLookup("bravo")</code> should equal <code>"Boston"</code>");'
+  - text: <code>phoneticLookup(&quot;charlie&quot;)</code>应该等于<code>&quot;Chicago&quot;</code>
+    testString: 'assert(phoneticLookup("charlie") === "Chicago", "<code>phoneticLookup("charlie")</code> should equal <code>"Chicago"</code>");'
+  - text: <code>phoneticLookup(&quot;delta&quot;)</code>应该等于<code>&quot;Denver&quot;</code>
+    testString: 'assert(phoneticLookup("delta") === "Denver", "<code>phoneticLookup("delta")</code> should equal <code>"Denver"</code>");'
+  - text: <code>phoneticLookup(&quot;echo&quot;)</code>应该等于<code>&quot;Easy&quot;</code>
+    testString: 'assert(phoneticLookup("echo") === "Easy", "<code>phoneticLookup("echo")</code> should equal <code>"Easy"</code>");'
+  - text: <code>phoneticLookup(&quot;foxtrot&quot;)</code>应该等于<code>&quot;Frank&quot;</code>
+    testString: 'assert(phoneticLookup("foxtrot") === "Frank", "<code>phoneticLookup("foxtrot")</code> should equal <code>"Frank"</code>");'
+  - text: <code>phoneticLookup(&quot;&quot;)</code>应该等于<code>undefined</code>
+    testString: 'assert(typeof phoneticLookup("") === "undefined", "<code>phoneticLookup("")</code> should equal <code>undefined</code>");'
+  - text: 您不应该修改<code>return</code>语句
+    testString: 'assert(code.match(/return\sresult;/), "You should not modify the <code>return</code> statement");'
+  - text: 您不应该使用<code>case</code> ， <code>switch</code>或<code>if</code>语句
+    testString: 'assert(!/case|switch|if/g.test(code.replace(/([/]{2}.*)|([/][*][^/*]*[*][/])/g,"")), "You should not use <code>case</code>, <code>switch</code>, or <code>if</code> statements"); '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function phoneticLookup(val) {
+  var result = "";
+
+  // Only change code below this line
+  switch(val) {
+    case "alpha":
+      result = "Adams";
+      break;
+    case "bravo":
+      result = "Boston";
+      break;
+    case "charlie":
+      result = "Chicago";
+      break;
+    case "delta":
+      result = "Denver";
+      break;
+    case "echo":
+      result = "Easy";
+      break;
+    case "foxtrot":
+      result = "Frank";
+  }
+
+  // Only change code above this line
+  return result;
+}
+
+// Change this value to test
+phoneticLookup("charlie");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/word-blanks.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/word-blanks.chinese.md
new file mode 100644
index 0000000000..48fc484cb1
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/word-blanks.chinese.md
@@ -0,0 +1,70 @@
+---
+id: 56533eb9ac21ba0edf2244bb
+title: Word Blanks
+challengeType: 1
+videoUrl: ''
+localeTitle: 字空白
+---
+
+## Description
+<section id="description">我们现在将使用我们的弦乐知识来构建一个“ <a href="https://en.wikipedia.org/wiki/Mad_Libs" target="_blank">疯狂的自由</a> ”风格的文字游戏，我们称之为“Word Blanks”。您将创建一个（可选幽默的）“填空”样式句子。在“疯狂的自由人”游戏中，您将获得包含名词，动词，形容词和副词等缺失单词的句子。然后，您可以用完成的句子有意义的方式用您选择的单词填写缺失的部分。想想这句话- “这是真的<strong>____，</strong>我们<strong>____</strong> <strong>____</strong>自己”。这句话有三个缺失的部分 - 形容词，动词和副词，我们可以添加我们选择的单词来完成它。然后我们可以将完成的句子分配给变量，如下所示： <blockquote> var sentence =“它真的是”+“热”+“，我们”+“笑”+“自己”+“傻。”; </blockquote></section>
+
+## Instructions
+<section id="instructions">在这个挑战中，我们为您提供名词，动词，形容词和副词。您需要使用您选择的单词以及我们提供的单词来形成完整的句子。您将需要使用字符串连接运算符<code>+</code>来使用提供的变量构建新字符串： <code>myNoun</code> ， <code>myAdjective</code> ， <code>myVerb</code>和<code>myAdverb</code> 。然后，您将形成的字符串分配给<code>result</code>变量。您还需要考虑字符串中的空格，以便最后一句话在所有单词之间有空格。结果应该是一个完整的句子。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>wordBlanks(&quot;&quot;,&quot;&quot;,&quot;&quot;,&quot;&quot;)</code>应该返回一个字符串。'
+    testString: 'assert(typeof wordBlanks("","","","") === "string", "<code>wordBlanks("","","","")</code> should return a string.");'
+  - text: '<code>wordBlanks(&quot;dog&quot;, &quot;big&quot;, &quot;ran&quot;, &quot;quickly&quot;)</code>应包含由非单词字符（以及madlib中的任何其他单词）分隔的所有传入单词。'
+    testString: 'assert(/\bdog\b/.test(test1) && /\bbig\b/.test(test1) && /\bran\b/.test(test1) && /\bquickly\b/.test(test1),"<code>wordBlanks("dog", "big", "ran", "quickly")</code> should contain all of the passed in words separated by non-word characters (and any additional words in your madlib).");'
+  - text: '<code>wordBlanks(&quot;cat&quot;, &quot;little&quot;, &quot;hit&quot;, &quot;slowly&quot;)</code>应包含由非单词字符（以及madlib中的任何其他单词）分隔的所有传入单词。'
+    testString: 'assert(/\bcat\b/.test(test2) && /\blittle\b/.test(test2) && /\bhit\b/.test(test2) && /\bslowly\b/.test(test2),"<code>wordBlanks("cat", "little", "hit", "slowly")</code> should contain all of the passed in words separated by non-word characters (and any additional words in your madlib).");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function wordBlanks(myNoun, myAdjective, myVerb, myAdverb) {
+  // Your code below this line
+  var result = "";
+
+  // Your code above this line
+  return result;
+}
+
+// Change the words here to test your function
+wordBlanks("dog", "big", "ran", "quickly");
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions.chinese.md
new file mode 100644
index 0000000000..71911873f6
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions.chinese.md
@@ -0,0 +1,96 @@
+---
+id: 56bbb991ad1ed5201cd392cf
+title: Write Reusable JavaScript with Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: 用函数编写可重用的JavaScript
+---
+
+## Description
+<section id="description">在JavaScript中，我们可以将代码划分为称为<dfn>函数的</dfn>可重用部分。这是一个函数的例子： <blockquote> function functionName（）{ <br> console.log（“Hello World”）; <br> } </blockquote>您可以使用其名称后跟括号来调用或<dfn>调用</dfn>此函数，如下所示： <code>functionName();</code>每次调用该函数时，它都会在开发控制台上打印出<code>&quot;Hello World&quot;</code>消息。每次调用函数时，都会执行大括号之间的所有代码。 </section>
+
+## Instructions
+<section id="instructions"><ol><li>创建一个名为<code>reusableFunction</code>的函数，它将<code>&quot;Hi World&quot;</code>打印到开发控制台。 </li><li>调用该功能。 </li></ol></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>reusableFunction</code>应该是一个函数
+    testString: 'assert(typeof reusableFunction === "function", "<code>reusableFunction</code> should be a function");'
+  - text: <code>reusableFunction</code>应该将“Hi World”输出到开发控制台
+    testString: 'assert("Hi World" === logOutput, "<code>reusableFunction</code> should output "Hi World" to the dev console");'
+  - text: 定义后调用<code>reusableFunction</code>
+    testString: 'assert(/^\s*reusableFunction\(\)\s*;/m.test(code), "Call <code>reusableFunction</code> after you define it");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function ourReusableFunction() {
+  console.log("Heyya, World");
+}
+
+ourReusableFunction();
+
+// Only change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = "";
+var originalConsole = console
+function capture() {
+    var nativeLog = console.log;
+    console.log = function (message) {
+        if(message && message.trim) logOutput = message.trim();
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-arguments-passed-in-the-wrong-order-when-calling-a-function.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-arguments-passed-in-the-wrong-order-when-calling-a-function.chinese.md
new file mode 100644
index 0000000000..1eae220e44
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-arguments-passed-in-the-wrong-order-when-calling-a-function.chinese.md
@@ -0,0 +1,58 @@
+---
+id: 587d7b85367417b2b2512b3a
+title: Catch Arguments Passed in the Wrong Order When Calling a Function
+challengeType: 1
+videoUrl: ''
+localeTitle: 调用函数时捕获以错误顺序传递的参数
+---
+
+## Description
+<section id="description">继续讨论调用函数，需要注意的下一个错误是函数的参数是以错误的顺序提供的。如果参数是不同的类型，例如期望数组和整数的函数，则可能会引发运行时错误。如果参数是相同的类型（例如，所有整数），那么代码的逻辑将没有意义。确保以正确的顺序提供所有必需的参数以避免这些问题。 </section>
+
+## Instructions
+<section id="instructions">函数<code>raiseToPower</code>将基数提升为指数。不幸的是，它没有被正确调用 - 修复代码，因此<code>power</code>值是预期的8。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的代码应该固定可变<code>power</code>因此它等于2提升到3功率，而不是3增加到2功率。
+    testString: 'assert(power == 8, "Your code should fix the variable <code>power</code> so it equals 2 raised to the 3rd power, not 3 raised to the 2nd power.");'
+  - text: 您的代码应使用<code>raiseToPower</code>函数调用的正确参数顺序。
+    testString: 'assert(code.match(/raiseToPower\(\s*?base\s*?,\s*?exp\s*?\);/g), "Your code should use the correct order of the arguments for the <code>raiseToPower</code> function call.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function raiseToPower(b, e) {
+  return Math.pow(b, e);
+}
+
+let base = 2;
+let exp = 3;
+let power = raiseToPower(exp, base);
+console.log(power);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-missing-open-and-closing-parenthesis-after-a-function-call.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-missing-open-and-closing-parenthesis-after-a-function-call.chinese.md
new file mode 100644
index 0000000000..062ceb7176
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-missing-open-and-closing-parenthesis-after-a-function-call.chinese.md
@@ -0,0 +1,58 @@
+---
+id: 587d7b85367417b2b2512b39
+title: Catch Missing Open and Closing Parenthesis After a Function Call
+challengeType: 1
+videoUrl: ''
+localeTitle: 在函数调用后捕获缺失的打开和关闭括号
+---
+
+## Description
+<section id="description">当函数或方法不接受任何参数时，您可能忘记在调用它时包括（空）开括号和右括号。通常，函数调用的结果会保存在变量中，以供代码中的其他用途使用。可以通过将变量值（或其类型）记录到控制台并看到一个设置为函数引用而不是函数返回的期望值来检测此错误。以下示例中的变量不同： <blockquote> function myFunction（）{ <br>回归“你摇滚！”; <br> } <br> let varOne = myFunction; //设置为等于函数<br> let varTwo = myFunction（）; //设置为等于字符串“You rock！” </blockquote></section>
+
+## Instructions
+<section id="instructions">修复代码，使变量<code>result</code>设置为调用函数<code>getNine</code>返回的值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应修复变量<code>result</code>以便将其设置为函数<code>getNine</code>返回的数字。
+    testString: 'assert(result == 9, "Your code should fix the variable <code>result</code> so it is set to the number that the function <code>getNine</code> returns.");'
+  - text: 您的代码应该调用<code>getNine</code>函数。
+    testString: 'assert(code.match(/getNine\(\)/g).length == 2, "Your code should call the <code>getNine</code> function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getNine() {
+  let x = 6;
+  let y = 3;
+  return x + y;
+}
+
+let result = getNine;
+console.log(result);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-misspelled-variable-and-function-names.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-misspelled-variable-and-function-names.chinese.md
new file mode 100644
index 0000000000..2cc7a4fec4
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-misspelled-variable-and-function-names.chinese.md
@@ -0,0 +1,60 @@
+---
+id: 587d7b84367417b2b2512b35
+title: Catch Misspelled Variable and Function Names
+challengeType: 1
+videoUrl: ''
+localeTitle: 捕获拼错的变量和函数名称
+---
+
+## Description
+<section id="description"> <code>console.log()</code>和<code>typeof</code>方法是检查中间值和程序输出类型的两种主要方法。现在是时候进入错误所采用的常见形式了。快速打字机可以同意的一个语法级问题是简单的拼写错误。变量或函数名称中的转置，丢失或错误大写字符将使浏览器查找不存在的对象 - 并以引用错误的形式进行抱怨。 JavaScript变量和函数名称区分大小写。 </section>
+
+## Instructions
+<section id="instructions">修复代码中的两个拼写错误，以便<code>netWorkingCapital</code>计算有效。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 检查netWorkingCapital计算中使用的两个变量的拼写，控制台输出应显示“净营运资金为：2”。
+    testString: 'assert(netWorkingCapital === 2, "Check the spelling of the two variables used in the netWorkingCapital calculation, the console output should show that "Net working capital is: 2".");'
+  - text: 代码中不应存在拼写错误的变量。
+    testString: 'assert(!code.match(/recievables/g), "There should be no instances of mis-spelled variables in the code.");'
+  - text: <code>receivables</code>在代码中声明并正确使用应<code>receivables</code>变量。
+    testString: 'assert(code.match(/receivables/g).length == 2, "The <code>receivables</code> variable should be declared and used properly in the code.");'
+  - text: 代码中不应存在拼写错误的变量。
+    testString: 'assert(!code.match(/payable;/g), "There should be no instances of mis-spelled variables in the code.");'
+  - text: 应在组织中声明并正确使用<code>payables</code>变量。
+    testString: 'assert(code.match(/payables/g).length == 2, "The <code>payables</code> variable should be declared and used properly in the code.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let receivables = 10;
+let payables = 8;
+let netWorkingCapital = recievables - payable;
+console.log(`Net working capital is: ${netWorkingCapital}`);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.chinese.md
new file mode 100644
index 0000000000..02b6c23e68
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.chinese.md
@@ -0,0 +1,52 @@
+---
+id: 587d7b84367417b2b2512b37
+title: Catch Mixed Usage of Single and Double Quotes
+challengeType: 1
+videoUrl: ''
+localeTitle: 抓住单引号和双引号的混合使用
+---
+
+## Description
+<section id="description"> JavaScript允许使用单个（“）和双（”“）引号来声明一个字符串。决定使用哪一个通常归结为个人偏好，但有一些例外。当字符串有收缩或另一个时，有两个选择很好引号中的文本片段。请注意，不要过早关闭字符串，这会导致语法错误。以下是混合引号的一些示例： <blockquote> //这些是正确的： <br> const grouchoContraction =“我度过了一个美好的夜晚，但事实并非如此。”; <br> const quoteInString =“Groucho Marx曾经说过&#39;引用我的话说我被误引了&#39;。”; <br> //这是不正确的： <br> const uhOhGroucho =&#39;我度过了一个美妙的夜晚，但这不是它。&#39;; </blockquote>当然，只使用一种报价样式是可以的。您可以使用反斜杠（\）转义字符来转义字符串中的引号： <blockquote> //正确使用相同的引号： <br> const allSameQuotes =&#39;我度过了一个非常精彩的夜晚，但这不是它。&#39;; </blockquote></section>
+
+## Instructions
+<section id="instructions">修复字符串，使其对<code>href</code>值使用不同的引号，或者转义现有的引号。在整个字符串周围保留双引号。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '您的代码应该通过更改或转义它们来修复<code>href</code>值“#Home”周围的引号。'
+    testString: 'assert(code.match(/<a href=\s*?("|\\")#Home\1\s*?>/g), "Your code should fix the quotes around the <code>href</code> value "#Home" by either changing or escaping them.");'
+  - text: 您的代码应该在整个字符串周围保留双引号。
+    testString: 'assert(code.match(/"<p>.*?<\/p>";/g), "Your code should keep the double quotes around the entire string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let innerHtml = "<p>Click here to <a href="#Home">return home</a></p>";
+console.log(innerHtml);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-off-by-one-errors-when-using-indexing.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-off-by-one-errors-when-using-indexing.chinese.md
new file mode 100644
index 0000000000..25ba88e31a
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-off-by-one-errors-when-using-indexing.chinese.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b86367417b2b2512b3b
+title: Catch Off By One Errors When Using Indexing
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用索引时捕获一个错误
+---
+
+## Description
+<section id="description">当您尝试定位字符串或数组的特定索引（切片或访问段）或循环索引时，会<code>Off by one errors</code> （有时称为OBOE）。 JavaScript索引从零开始，而不是一个，这意味着最后一个索引总是小于项目的长度。如果您尝试访问等于长度的索引，程序可能会抛出“索引超出范围”引用错误或打印<code>undefined</code> 。当您使用将索引范围作为参数的字符串或数组方法时，它有助于阅读文档并了解它们是否包含（指定索引处的项目是否是返回的一部分）。以下是一些错误的示例： <blockquote> let alphabet =“abcdefghijklmnopqrstuvwxyz”; <br>让len = alphabet.length; <br> for（let i = 0; i &lt;= len; i ++）{ <br> //最后循环一次太多次<br>的console.log（字母[I]）; <br> } <br> for（let j = 1; j &lt;len; j ++）{ <br> //循环一次太少次并错过索引0处的第一个字符<br>的console.log（字母[J]）; <br> } <br> for（let k = 0; k &lt;len; k ++）{ <br> // Goldilocks赞成 - 这是正确的<br>的console.log（字母表[K]）; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">修复以下函数中的两个索引错误，以便将所有数字1到5打印到控制台。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该设置循环的初始条件，以便从第一个索引开始。
+    testString: 'assert(code.match(/i\s*?=\s*?0\s*?;/g).length == 1, "Your code should set the initial condition of the loop so it starts at the first index.");'
+  - text: 您的代码应该修复循环的初始条件，以便索引从0开始。
+    testString: 'assert(!code.match(/i\s?=\s*?1\s*?;/g), "Your code should fix the initial condition of the loop so that the index starts at 0.");'
+  - text: 您的代码应设置循环的终端条件，以便它停在最后一个索引处。
+    testString: 'assert(code.match(/i\s*?<\s*?len\s*?;/g).length == 1, "Your code should set the terminal condition of the loop so it stops at the last index.");'
+  - text: 您的代码应该修复循环的终端条件，使其在长度之前停止在1。
+    testString: 'assert(!code.match(/i\s*?<=\s*?len;/g), "Your code should fix the terminal condition of the loop so that it stops at 1 before the length.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countToFive() {
+  let firstFive = "12345";
+  let len = firstFive.length;
+  // Fix the line below
+  for (let i = 1; i <= len; i++) {
+  // Do not alter code below this line
+    console.log(firstFive[i]);
+  }
+}
+
+countToFive();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-unclosed-parentheses-brackets-braces-and-quotes.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-unclosed-parentheses-brackets-braces-and-quotes.chinese.md
new file mode 100644
index 0000000000..c0e7c8c948
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-unclosed-parentheses-brackets-braces-and-quotes.chinese.md
@@ -0,0 +1,53 @@
+---
+id: 587d7b84367417b2b2512b36
+title: 'Catch Unclosed Parentheses, Brackets, Braces and Quotes'
+challengeType: 1
+videoUrl: ''
+localeTitle: 抓住未封闭的圆括号，括号，括号和引号
+---
+
+## Description
+<section id="description">要注意的另一个语法错误是所有左括号，括号，花括号和引号都有一个结束对。当您编辑现有代码并使用其中一种类型插入项目时，会忘记忘记一件事。此外，在将代码块嵌套到其他代码块时要小心，例如将回调函数作为参数添加到方法中。避免这种错误的一种方法是，只要输入开头字符，立即包括结束匹配，然后将光标移回它们之间并继续编码。幸运的是，大多数现代代码编辑器会自动生成对的后半部分。 </section>
+
+## Instructions
+<section id="instructions">修复代码中的两对错误。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该修复数组中缺少的部分。
+    testString: 'assert(code.match(/myArray\s*?=\s*?\[\s*?1\s*?,\s*?2\s*?,\s*?3\s*?\];/g), "Your code should fix the missing piece of the array.");'
+  - text: 您的代码应该修复<code>.reduce()</code>方法的缺失部分。控制台输出应显示“数组值的总和为：6”。
+    testString: 'assert(arraySum === 6, "Your code should fix the missing piece of the <code>.reduce()</code> method. The console output should show that "Sum of array values is: 6".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myArray = [1, 2, 3;
+let arraySum = myArray.reduce((previous, current =>  previous + current);
+console.log(`Sum of array values is: ${arraySum}`);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.chinese.md
new file mode 100644
index 0000000000..1a659e04b3
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b85367417b2b2512b38
+title: Catch Use of Assignment Operator Instead of Equality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: 捕获使用赋值运算符而不是等式运算符
+---
+
+## Description
+<section id="description">分支程序，即在满足某些条件时执行不同操作的程序，依赖于JavaScript中的<code>if</code> ， <code>else if</code>和<code>else</code>语句。条件有时采取测试结果是否等于值的形式。这种逻辑（至少在英语中）是“如果x等于y，则......”，它可以使用<code>=</code>或赋值运算符逐字地转换为代码。这会导致程序中出现意外的控制流。如前面的挑战所述，JavaScript中的赋值运算符（ <code>=</code> ）为变量名赋值。并且<code>==</code>和<code>===</code>运算符检查相等性（严格相等的三重<code>===</code>测试，意味着值和类型都相同）。下面的代码将<code>x</code>指定为2，其值为<code>true</code> 。几乎JavaScript中的每个值都评估为<code>true</code> ，除了所谓的“falsy”值： <code>false</code> ， <code>0</code> ， <code>&quot;&quot;</code> （空字符串）， <code>NaN</code> ， <code>undefined</code>和<code>null</code> 。 <blockquote>设x = 1; <br>让y = 2; <br> if（x = y）{ <br> //此代码块将针对y的任何值运行（除非y最初设置为假） <br> } else { <br> //这个代码块是本例中应该运行的（但不会） <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">修复条件，以便程序运行正确的分支，并为<code>result</code>分配适当的值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该修复条件，以便检查是否相等，而不是使用赋值。
+    testString: 'assert(result == "Not equal!", "Your code should fix the condition so it checks for equality, instead of using assignment.");'
+  - text: 条件可以使用<code>==</code>或<code>===</code>来测试相等性。
+    testString: 'assert(code.match(/x\s*?===?\s*?y/g), "The condition can use either <code>==</code> or <code>===</code> to test for equality.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let x = 7;
+let y = 9;
+let result = "to come";
+
+if(x = y) {
+  result = "Equal!";
+} else {
+  result = "Not equal!";
+}
+
+console.log(result);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/prevent-infinite-loops-with-a-valid-terminal-condition.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/prevent-infinite-loops-with-a-valid-terminal-condition.chinese.md
new file mode 100644
index 0000000000..8bd43a7c0d
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/prevent-infinite-loops-with-a-valid-terminal-condition.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7b86367417b2b2512b3d
+title: Prevent Infinite Loops with a Valid Terminal Condition
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用有效的终端条件防止无限循环
+---
+
+## Description
+<section id="description">最后一个话题是可怕的无限循环。当您需要程序运行代码块一定次数或满足条件时，循环是很好的工具，但是它们需要终止条件来结束循环。无限循环可能会冻结或崩溃浏览器，并导致一般程序执行混乱，没有人想要。在本节的介绍中有一个无限循环的例子 - 它没有终止条件来摆脱<code>loopy()</code>内的<code>while</code>循环。不要叫这个功能！ <blockquote> function loopy（）{ <br> while（true）{ <br> console.log（“Hello，world！”）; <br> } <br> } </blockquote>程序员的工作是确保最终达到终止条件，该条件告诉程序何时突破循环代码。一个错误是从终端条件向错误方向递增或递减计数器变量。另一个是在循环代码中意外重置计数器或索引变量，而不是递增或递减它。 </section>
+
+## Instructions
+<section id="instructions"> <code>myFunc()</code>函数包含一个无限循环，因为终端条件<code>i != 4</code>将永远不会计算为<code>false</code> （并且会中断循环） - <code>i</code>将每次递增2，然后跳过4，因为<code>i</code>是奇数启动。固定在终端条件比较运算符因此该循环仅运行<code>i</code>小于或等于4。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该更改<code>for</code>循环的终端条件（中间部分）中的比较运算符。
+    testString: 'assert(code.match(/i\s*?<=\s*?4;/g).length == 1, "Your code should change the comparison operator in the terminal condition (the middle part) of the <code>for</code> loop.");'
+  - text: 您的代码应该在循环的终端条件中修复比较运算符。
+    testString: 'assert(!code.match(/i\s*?!=\s*?4;/g), "Your code should fix the comparison operator in the terminal condition of the loop.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function myFunc() {
+  for (let i = 1; i != 4; i += 2) {
+    console.log("Still going!");
+  }
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console.chinese.md
new file mode 100644
index 0000000000..b5ec0af9c3
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console.chinese.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b83367417b2b2512b37
+title: Understanding the Differences between the freeCodeCamp and Browser Console
+challengeType: 1
+videoUrl: ''
+localeTitle: 了解freeCodeCamp和浏览器控制台之间的差异
+---
+
+## Description
+<section id="description">您可能已经注意到一些freeCodeCamp JavaScript挑战包括他们自己的控制台。此控制台的行为与您在上一次挑战中使用的浏览器控制台略有不同。以下挑战旨在强调freeCodeCamp控制台与浏览器控制台之间的一些差异。首先，浏览器控制台。当您在浏览器中加载并运行普通JavaScript文件时， <code>console.log()</code>语句将准确打印您告诉他们打印到浏览器控制台的确切次数。在浏览器中的文本编辑器中，过程略有不同，最初可能会让人感到困惑。传递给文本编辑器块中的<code>console.log()</code>值运行每组测试以及您在代码中进行的任何函数调用的一次。这有助于一些有趣的行为，并且可能会在开始时将您绊倒，因为您希望只看到一次的记录值可能会打印出更多次，具体取决于测试次数和传递给这些测试的值。如果您只想查看单个输出而不必担心运行测试周期，可以使用<code>console.clear()</code> 。 </section>
+
+## Instructions
+<section id="instructions">使用<code>console.log()</code>在指示的代码中打印变量。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 使用<code>console.log()</code>打印<code>outputTwo</code>变量。在浏览器控制台中，这应该打印出变量的值两次。
+    testString: 'assert(code.match(/console\.log\(outputTwo\)/g), "Use <code>console.log()</code> to print the <code>outputTwo</code> variable.  In your Browser Console this should print out the value of the variable two times.");'
+  - text: 使用<code>console.log()</code>打印<code>outputOne</code>变量。
+    testString: 'assert(code.match(/console\.log\(outputOne\)/g), "Use <code>console.log()</code> to print the <code>outputOne</code> variable.");'
+  - text: 使用<code>console.clear()</code>修改输出，以便<code>outputOne</code>变量只输出一次。
+    testString: 'assert(code.match(/^(\s*console.clear\(\);?\s*)$/gm), "Use <code>console.clear()</code> to modify your output so that <code>outputOne</code> variable only outputs once.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Open your browser console
+let outputTwo = "This will print to the browser console 2 times";
+// Use console.log() to print the outputTwo variable
+
+
+let outputOne = "Try to get this to log only once to the browser console";
+// Use console.clear() in the next line to print the outputOne only once
+
+
+// Use console.log() to print the outputOne variable
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.chinese.md
new file mode 100644
index 0000000000..88c11f61c4
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.chinese.md
@@ -0,0 +1,71 @@
+---
+id: 587d7b86367417b2b2512b3c
+title: Use Caution When Reinitializing Variables Inside a Loop
+challengeType: 1
+videoUrl: ''
+localeTitle: 在循环内重新初始化变量时请小心
+---
+
+## Description
+<section id="description">有时需要在循环中保存信息，增加计数器或重置变量。一个潜在的问题是变量要么重新初始化，要么不重新初始化，反之亦然。如果您不小心重置了用于终端条件的变量，导致无限循环，这将特别危险。使用<code>console.log()</code>在循环的每个循环中打印变量值可以发现与重置相关的错误行为，或者无法重置变量。 </section>
+
+## Instructions
+<section id="instructions">以下函数应该创建一个具有<code>m</code>行和<code>n</code>列零的二维数组。不幸的是，它没有产生预期的输出，因为<code>row</code>变量没有在外部循环中重新初始化（设置回空数组）。修复代码，使其返回正确的3x2零数组，看起来像<code>[[0, 0], [0, 0], [0, 0]]</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该将<code>matrix</code>变量设置为一个数组，每个数组包含3行，每列2列零。
+    testString: 'assert(JSON.stringify(matrix) == "[[0,0],[0,0],[0,0]]", "Your code should set the <code>matrix</code> variable to an array holding 3 rows of 2 columns of zeroes each.");'
+  - text: <code>matrix</code>变量应该有3行。
+    testString: 'assert(matrix.length == 3, "The <code>matrix</code> variable should have 3 rows.");'
+  - text: <code>matrix</code>变量每行应有2列。
+    testString: 'assert(matrix[0].length == 2 && matrix[1].length === 2 && matrix[2].length === 2, "The <code>matrix</code> variable should have 2 columns in each row.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function zeroArray(m, n) {
+  // Creates a 2-D array with m rows and n columns of zeroes
+  let newArray = [];
+  let row = [];
+  for (let i = 0; i < m; i++) {
+    // Adds the m-th row into newArray
+
+    for (let j = 0; j < n; j++) {
+      // Pushes n zeroes into the current row to create the columns
+      row.push(0);
+    }
+    // Pushes the current row, which now has n zeroes in it, to the array
+    newArray.push(row);
+  }
+  return newArray;
+}
+
+let matrix = zeroArray(3, 2);
+console.log(matrix);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/use-the-javascript-console-to-check-the-value-of-a-variable.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/use-the-javascript-console-to-check-the-value-of-a-variable.chinese.md
new file mode 100644
index 0000000000..c73d7b94e2
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/use-the-javascript-console-to-check-the-value-of-a-variable.chinese.md
@@ -0,0 +1,56 @@
+---
+id: 587d7b83367417b2b2512b33
+title: Use the JavaScript Console to Check the Value of a Variable
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用JavaScript控制台检查变量的值
+---
+
+## Description
+<section id="description"> Chrome和Firefox都有出色的JavaScript控制台，也称为DevTools，用于调试JavaScript。您可以在Chrome的菜单或FireFox菜单中的Web控制台中找到开发人员工具。如果您使用的是其他浏览器或手机，我们强烈建议您使用桌面版Firefox或Chrome。 <code>console.log()</code>方法将打印其括号内的输出“打印”到控制台，这可能是最有用的调试工具。将它放在代码中的关键点可以显示变量的中间值。在查看输出之前，最好先了解输出应该是什么。在整个代码中使用检查点来查看计算状态将有助于缩小问题所在。这是打印&#39;Hello world！&#39;的示例到控制台： <code>console.log(&#39;Hello world!&#39;);</code> </section>
+
+## Instructions
+<section id="instructions">使用<code>console.log()</code>方法打印代码中记录的变量<code>a</code>的值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应使用<code>console.log()</code>来检查变量<code>a</code>的值。
+    testString: 'assert(code.match(/console\.log\(a\)/g), "Your code should use <code>console.log()</code> to check the value of the variable <code>a</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let a = 5;
+let b = 1;
+a++;
+// Add your code below this line
+
+
+let sumAB = a + b;
+console.log(sumAB);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/use-typeof-to-check-the-type-of-a-variable.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/use-typeof-to-check-the-type-of-a-variable.chinese.md
new file mode 100644
index 0000000000..ffdd9562f5
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/debugging/use-typeof-to-check-the-type-of-a-variable.chinese.md
@@ -0,0 +1,56 @@
+---
+id: 587d7b84367417b2b2512b34
+title: Use typeof to Check the Type of a Variable
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用typeof检查变量的类型
+---
+
+## Description
+<section id="description">您可以使用<code>typeof</code>检查变量的数据结构或类型。在处理多种数据类型时，这在调试时很有用。如果您认为您正在添加两个数字，但其中一个实际上是一个字符串，则结果可能是意外的。类型错误可能潜伏在计算或函数调用中。特别是当您以JavaScript Object Notation（JSON）对象的形式访问和使用外部数据时要特别小心。以下是使用<code>typeof</code>一些示例： <blockquote> console.log（typeof“”）; //输出“string” <br> console.log（typeof 0）; //输出“数字” <br> console.log（typeof []）; //输出“对象” <br> console.log（typeof {}）; //输出“对象” </blockquote> JavaScript识别六种原始（不可变）数据类型： <code>Boolean</code> ， <code>Null</code> ， <code>Undefined</code> ， <code>Number</code> ， <code>String</code>和<code>Symbol</code> （ES6新增）和可变项的一种类型： <code>Object</code> 。请注意，在JavaScript中，数组在技术上是一种对象。 </section>
+
+## Instructions
+<section id="instructions">添加两个<code>console.log()</code>语句来检查<code>typeof</code>每两个变量的<code>seven</code>和<code>three</code>中的代码。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应在两个<code>console.log()</code>语句中使用<code>typeof</code>来检查变量的类型。
+    testString: 'assert(code.match(/console\.log\(typeof[\( ].*\)?\)/g).length == 2, "Your code should use <code>typeof</code> in two <code>console.log()</code> statements to check the type of the variables.");'
+  - text: 您的代码应使用<code>typeof</code>来检查变量类型<code>seven</code> 。
+    testString: 'assert(code.match(/typeof[\( ]seven\)?/g), "Your code should use <code>typeof</code> to check the type of the variable <code>seven</code>.");'
+  - text: 您的代码应使用<code>typeof</code>来检查变量的类型<code>three</code> 。
+    testString: 'assert(code.match(/typeof[\( ]three\)?/g), "Your code should use <code>typeof</code> to check the type of the variable <code>three</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let seven = 7;
+let three = "3";
+console.log(seven + three);
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.chinese.md
new file mode 100644
index 0000000000..828155f04f
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.chinese.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b87367417b2b2512b40
+title: Compare Scopes of the var and let Keywords
+challengeType: 1
+videoUrl: ''
+localeTitle: 比较var的范围并让关键字
+---
+
+## Description
+<section id="description">使用<code>var</code>关键字声明变量时，它将全局声明，如果在函数内声明，则声明为本地。 <code>let</code>关键字的行为类似，但具有一些额外的功能。在块，语句或表达式中使用<code>let</code>关键字声明变量时，其范围仅限于该块，语句或表达式。例如： <blockquote> var numArray = []; <br> for（var i = 0; i &lt;3; i ++）{ <br> numArray.push（ⅰ）; <br> } <br>的console.log（numArray）; <br> //返回[0,1,2] <br>的console.log（ⅰ）; <br> //返回3 </blockquote>使用<code>var</code>关键字， <code>i</code>被全局声明。因此，当执行<code>i++</code>时，它会更新全局变量。此代码类似于以下内容： <blockquote> var numArray = []; <br> var i; <br> for（i = 0; i &lt;3; i ++）{ <br> numArray.push（ⅰ）; <br> } <br>的console.log（numArray）; <br> //返回[0,1,2] <br>的console.log（ⅰ）; <br> //返回3 </blockquote>如果您要创建一个函数并将其存储以供以后在使用<code>i</code>变量的for循环中使用，则此行为将导致问题。这是因为存储的函数将始终引用更新的全局<code>i</code>变量的值。 <blockquote> var printNumTwo; <br> for（var i = 0; i &lt;3; i ++）{ <br> if（i === 2）{ <br> printNumTwo = function（）{ <br>回归我; <br> }; <br> } <br> } <br>的console.log（printNumTwo（））; <br> //返回3 </blockquote>正如你所看到的， <code>printNumTwo()</code>打印3，而不是2.这是因为分配给该值<code>i</code>进行了更新和<code>printNumTwo()</code>返回全球<code>i</code> ，而不是价值<code>i</code>的作用是在创建for循环的时候了。 <code>let</code>关键字不遵循此行为： <blockquote> &#39;使用严格&#39;; <br>让printNumTwo; <br> for（let i = 0; i &lt;3; i ++）{ <br> if（i === 2）{ <br> printNumTwo = function（）{ <br>回归我; <br> }; <br> } <br> } <br>的console.log（printNumTwo（））; <br> //返回2 <br>的console.log（ⅰ）; <br> //返回“我没有定义” </blockquote> <code>i</code>没有定义，因为它没有在全局范围内声明。它仅在for循环语句中声明。 <code>printNumTwo()</code>返回正确的值，因为循环语句中的<code>let</code>关键字创建了具有唯一值（0,1和2）的三个不同的<code>i</code>变量。 </section>
+
+## Instructions
+<section id="instructions">修复代码，以便<code>i</code>在if语句中声明的是一个单独的变量，而不是<code>i</code>在函数的第一行声明的变量。确保不要在代码中的任何位置使用<code>var</code>关键字。本练习旨在说明<code>var</code>和<code>let</code>关键字如何将范围分配给声明的变量之间的区别。在编写与本练习中使用的函数类似的函数时，通常最好使用不同的变量名来避免混淆。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>var</code>在代码中不存在。
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g),"<code>var</code> does not exist in code.");'
+  - text: 在if语句中声明的变量<code>i</code>应该等于“块范围”。
+    testString: 'getUserInput => assert(getUserInput("index").match(/(i\s*=\s*).*\s*.*\s*.*\1("|")block\s*scope\2/g), "The variable <code>i</code> declared in the if statement should equal "block scope".");'
+  - text: <code>checkScope()</code>应该返回“函数范围”
+    testString: 'assert(checkScope() === "function scope", "<code>checkScope()</code> should return "function scope"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkScope() {
+"use strict";
+  var i = "function scope";
+  if (true) {
+    i = "block scope";
+    console.log("Block scope i is: ", i);
+  }
+  console.log("Function scope i is: ", i);
+  return i;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default.chinese.md
new file mode 100644
index 0000000000..ed37048e43
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 587d7b8c367417b2b2512b58
+title: Create an Export Fallback with export default
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用导出默认值创建导出回退
+---
+
+## Description
+<section id="description">在<code>export</code>课程中，您了解了称为<dfn>命名导出</dfn>的语法。这使您可以使多个函数和变量可用于其他文件。您需要知道另一种<code>export</code>语法，称为<dfn>导出默认值</dfn> 。通常，如果只从文件导出一个值，您将使用此语法。它还用于为文件或模块创建回退值。以下是<code>export default</code>的快速示例： <blockquote> export default function add（x，y）{ <br>返回x + y; <br> } </blockquote>注意：由于<code>export default</code>用于声明模块或文件的回退值，因此每个模块或文件中只能有一个值作为默认导出。此外，您不能将<code>export default</code>用于<code>var</code> ， <code>let</code>或<code>const</code> </section>
+
+## Instructions
+<section id="instructions">以下函数应该是模块的回退值。请添加必要的代码。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 适当使用<code>export</code>回落。
+    testString: 'getUserInput => assert(getUserInput("index").match(/export\s+default\s+function\s+subtract\(x,y\)\s+{return\s+x\s-\s+y;}/g), "Proper used of <code>export</code> fallback.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+function subtract(x,y) {return x - y;}
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.exports = function(){};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals.chinese.md
new file mode 100644
index 0000000000..b98ed56356
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals.chinese.md
@@ -0,0 +1,73 @@
+---
+id: 587d7b8a367417b2b2512b4e
+title: Create Strings using Template Literals
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用模板文字创建字符串
+---
+
+## Description
+<section id="description"> ES6的一个新功能是<dfn>模板文字</dfn> 。这是一种特殊类型的字符串，可以更轻松地创建复杂字符串。模板文字允许您创建多行字符串并使用字符串插值功能来创建字符串。考虑以下代码： <blockquote> const person = { <br>名称：“Zodiac Hasbro”， <br>年龄：56岁<br> }; <br><br> //具有多行和字符串插值的模板文字<br> const greeting =`您好，我的名字是$ {person.name}！ <br>我是$ {person.age}岁。 <br><br>的console.log（问候）; //打印<br> //你好，我的名字是Zodiac Hasbro！ <br> //我今年56岁<br></blockquote>那里发生了很多事情。首先，例如使用反引号（ <code>`</code> ），而不是引号（ <code>&#39;</code>或<code>&quot;</code> ），换行字符串。其次，请注意，该字符串是多线，无论是在代码和输出。这节省了插入<code>\n</code>串内。上面使用的<code>${variable}</code>语法是占位符。基本上，您不必再使用<code>+</code>运算符连接。要将变量添加到字符串，只需将变量放在模板字符串中并用<code>${</code>包装它<code>}</code>同样，您可以在您的字符串表达式的其他文字，例如<code>${a + b}</code>这个新创建的字符串的方式为您提供了更大的灵活性，以创建强大的字符串。 </section>
+
+## Instructions
+<section id="instructions">使用带有反引号的模板文字语法来显示<code>result</code>对象的<code>failure</code>数组的每个条目。每个条目都应该包含在一个带有class属性<code>text-warning</code>的<code>li</code>元素中，并列在<code>resultDisplayArray</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>resultDisplayArray</code>是一个包含<code>result failure</code>消息的数组。
+    testString: 'assert(typeof makeList(result.failure) === "object" && resultDisplayArray.length === 3, "<code>resultDisplayArray</code> is a list containing <code>result failure</code> messages.");'
+  - text: <code>resultDisplayArray</code>是所需的输出。
+    testString: 'assert(makeList(result.failure).every((v, i) => v === `<li class="text-warning">${result.failure[i]}</li>` || v === `<li class="text-warning">${result.failure[i]}</li>`), "<code>resultDisplayArray</code> is the desired output.");'
+  - text: 使用了模板字符串
+    testString: 'getUserInput => assert(getUserInput("index").match(/`.*`/g), "Template strings were not used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const result = {
+  success: ["max-length", "no-amd", "prefer-arrow-functions"],
+  failure: ["no-var", "var-on-top", "linebreak"],
+  skipped: ["id-blacklist", "no-dup-keys"]
+};
+function makeList(arr) {
+  "use strict";
+
+  // change code below this line
+  const resultDisplayArray = null;
+  // change code above this line
+
+  return resultDisplayArray;
+}
+/**
+ * makeList(result.failure) should return:
+ * [ `<li class="text-warning">no-var</li>`,
+ *   `<li class="text-warning">var-on-top</li>`,
+ *   `<li class="text-warning">linebreak</li>` ]
+ **/
+const resultDisplayArray = makeList(result.failure);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/declare-a-read-only-variable-with-the-const-keyword.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/declare-a-read-only-variable-with-the-const-keyword.chinese.md
new file mode 100644
index 0000000000..7f12522130
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/declare-a-read-only-variable-with-the-const-keyword.chinese.md
@@ -0,0 +1,68 @@
+---
+id: 587d7b87367417b2b2512b41
+title: Declare a Read-Only Variable with the const Keyword
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用const关键字声明只读变量
+---
+
+## Description
+<section id="description"> <code>let</code>不是声明变量的唯一新方法。在ES6中，您还可以使用<code>const</code>关键字声明变量。 <code>const</code>拥有所有的真棒功能， <code>let</code>具有，与额外的奖励，使用声明的变量<code>const</code>是只读的。它们是一个常量值，这意味着一旦变量被赋值为<code>const</code> ，就无法重新赋值。 <blockquote> “严格使用” <br> const FAV_PET =“Cats”; <br> FAV_PET =“狗”; //返回错误</blockquote>如您所见，尝试重新分配使用<code>const</code>声明的变量将引发错误。您应该始终使用<code>const</code>关键字命名您不想重新分配的变量。当您意外尝试重新分配一个旨在保持不变的变量时，这会有所帮助。命名常量时的常见做法是使用全部大写字母，单词用下划线分隔。 </section>
+
+## Instructions
+<section id="instructions">更改代码，以便使用<code>let</code>或<code>const</code>声明所有变量。如果希望变量更改，请使用<code>let</code> ;如果希望变量保持不变，请使用<code>const</code> 。此外，重命名用<code>const</code>声明的变量以符合常规做法，这意味着常量应该全部大写。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>var</code>在您的代码中不存在。
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g),"<code>var</code> does not exist in your code.");'
+  - text: <code>SENTENCE</code>应该是用<code>const</code>声明的常量变量。
+    testString: 'getUserInput => assert(getUserInput("index").match(/(const SENTENCE)/g), "<code>SENTENCE</code> should be a constant variable declared with <code>const</code>.");'
+  - text: <code>i</code>应该以<code>let</code>来宣布。
+    testString: 'getUserInput => assert(getUserInput("index").match(/(let i)/g), "<code>i</code> should be declared with <code>let</code>.");'
+  - text: 应更改<code>console.log</code>以打印<code>SENTENCE</code>变量。
+    testString: 'getUserInput => assert(getUserInput("index").match(/console\.log\(\s*SENTENCE\s*\)\s*;?/g), "<code>console.log</code> should be adjusted to print the variable <code>SENTENCE</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function printManyTimes(str) {
+  "use strict";
+
+  // change code below this line
+
+  var sentence = str + " is cool!";
+  for(var i = 0; i < str.length; i+=2) {
+    console.log(sentence);
+  }
+
+  // change code above this line
+
+}
+printManyTimes("freeCodeCamp");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/explore-differences-between-the-var-and-let-keywords.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/explore-differences-between-the-var-and-let-keywords.chinese.md
new file mode 100644
index 0000000000..02b719c7f4
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/explore-differences-between-the-var-and-let-keywords.chinese.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b87367417b2b2512b3f
+title: Explore Differences Between the var and let Keywords
+challengeType: 1
+videoUrl: ''
+localeTitle: 探索var和let关键字之间的差异
+---
+
+## Description
+<section id="description">使用<code>var</code>关键字声明变量的最大问题之一是您可以在没有错误的情况下覆盖变量声明。 <blockquote> var camper =&#39;詹姆斯&#39;; <br> var camper =&#39;大卫&#39;; <br>的console.log（野营车）; <br> //记录&#39;大卫&#39; </blockquote>正如您在上面的代码中看到的那样， <code>camper</code>变量最初被声明为<code>James</code> ，然后被重写为<code>David</code> 。在小型应用程序中，您可能不会遇到此类问题，但是当您的代码变大时，您可能会意外覆盖您不打算覆盖的变量。因为这种行为不会引发错误，所以搜索和修复错误变得更加困难。 <br>在ES6中引入了一个名为<code>let</code>的新关键字，用<code>var</code>关键字解决了这个潜在的问题。如果要在上面代码的变量声明中用<code>let</code>替换<code>var</code> ，结果将是一个错误。 <blockquote>让露营者=&#39;詹姆斯&#39;; <br>让露营者=&#39;大卫&#39;; //抛出错误</blockquote>您可以在浏览器的控制台中看到此错误。因此与<code>var</code>不同，使用<code>let</code> ，具有相同名称的变量只能声明一次。注意<code>&quot;use strict&quot;</code> 。这启用了严格模式，可以捕获常见的编码错误和“不安全”操作。例如： <blockquote> “严格使用”; <br> x = 3.14; //因为未声明x而抛出错误</blockquote></section>
+
+## Instructions
+<section id="instructions">更新代码，使其仅使用<code>let</code>关键字。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>var</code>在代码中不存在。
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g),"<code>var</code> does not exist in code.");'
+  - text: <code>catName</code>应该是<code>Oliver</code> 。
+    testString: 'assert(catName === "Oliver", "<code>catName</code> should be <code>Oliver</code>.");'
+  - text: <code>quote</code>应该是<code>&quot;Oliver says Meow!&quot;</code>
+    testString: 'assert(quote === "Oliver says Meow!", "<code>quote</code> should be <code>"Oliver says Meow!"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var catName;
+var quote;
+function catTalk() {
+  "use strict";
+
+  catName = "Oliver";
+  quote = catName + " says Meow!";
+
+}
+catTalk();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.chinese.md
new file mode 100644
index 0000000000..0b48fbe988
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8d367417b2b2512b59
+title: Import a Default Export
+challengeType: 1
+videoUrl: ''
+localeTitle: 导入默认导出
+---
+
+## Description
+<section id="description">在上一次挑战中，您了解了<code>export default</code>及其用途。请务必注意，要导入默认导出，您需要使用不同的<code>import</code>语法。在下面的示例中，我们有一个函数<code>add</code> ，它是文件的默认导出<code>&quot;math_functions&quot;</code> 。以下是如何导入它： <blockquote>从“math_functions”导入添加; <br>添加（5,4）; //将返回9 </blockquote>语法在一个关键位置有所不同 - 导入的值<code>add</code>不会被花括号<code>{}</code>包围。与导出值不同，导入默认导出的主要方法是在<code>import</code>后简单地写入值的名称。 </section>
+
+## Instructions
+<section id="instructions">在下面的代码中，请从文件<code>&quot;math_functions&quot;</code>导入默认导出， <code>subtract</code> ，该文件位于与此文件相同的目录中。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 正确导入<code>export default</code>方法。
+    testString: 'getUserInput => assert(getUserInput("index").match(/import\s+subtract\s+from\s+"math_functions"/g), "Properly imports <code>export default</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+subtract(7,4);
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.require = function(str) {
+if (str === 'math_functions') {
+return function(a, b) {
+return a - b;
+}}};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/mutate-an-array-declared-with-const.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/mutate-an-array-declared-with-const.chinese.md
new file mode 100644
index 0000000000..3913b30784
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/mutate-an-array-declared-with-const.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b87367417b2b2512b42
+title: Mutate an Array Declared with const
+challengeType: 1
+videoUrl: ''
+localeTitle: 改变用const声明的数组
+---
+
+## Description
+<section id="description"> <code>const</code>声明在现代JavaScript中有许多用例。一些开发人员更喜欢默认使用<code>const</code>分配所有变量，除非他们知道需要重新分配值。只有在这种情况下，他们才会使用<code>let</code> 。但是，重要的是要理解使用<code>const</code>分配给变量的对象（包括数组和函数）仍然是可变的。使用<code>const</code>声明仅阻止重新分配变量标识符。 <blockquote> “严格使用”; <br> const s = [5,6,7]; <br> s = [1,2,3]; //抛出错误，尝试分配const <br> s [2] = 45; //就像使用var或let声明的数组一样工作<br>的console.log（一个或多个）; //返回[5,6,45] </blockquote>如您所见，您可以改变对象<code>[5, 6, 7]</code>本身，变量<code>s</code>仍将指向更改的数组<code>[5, 6, 45]</code> 。与所有数组一样， <code>s</code>中的数组元素是可变的，但由于使用了<code>const</code> ，因此不能使用变量标识符<code>s</code>使用赋值运算符指向不同的数组。 </section>
+
+## Instructions
+<section id="instructions">数组声明为<code>const s = [5, 7, 2]</code> 。使用各种元素分配将数组更改为<code>[2, 5, 7]</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 不要替换<code>const</code>关键字。
+    testString: 'getUserInput => assert(getUserInput("index").match(/const/g), "Do not replace <code>const</code> keyword.");'
+  - text: <code>s</code>应该是一个常量变量（使用<code>const</code> ）。
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+s/g), "<code>s</code> should be a constant variable (by using <code>const</code>).");'
+  - text: 不要更改原始数组声明。
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+s\s*=\s*\[\s*5\s*,\s*7\s*,\s*2\s*\]\s*;?/g), "Do not change the original array declaration.");'
+  - text: '<code>s</code>应该等于<code>[2, 5, 7]</code> 。'
+    testString: 'assert.deepEqual(s, [2, 5, 7], "<code>s</code> should be equal to <code>[2, 5, 7]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const s = [5, 7, 2];
+function editInPlace() {
+  "use strict";
+  // change code below this line
+
+  // s = [2, 5, 7]; <- this is invalid
+
+  // change code above this line
+}
+editInPlace();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/prevent-object-mutation.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/prevent-object-mutation.chinese.md
new file mode 100644
index 0000000000..dfe5614c1f
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/prevent-object-mutation.chinese.md
@@ -0,0 +1,71 @@
+---
+id: 598f48a36c8c40764b4e52b3
+title: Prevent Object Mutation
+challengeType: 1
+videoUrl: ''
+localeTitle: 防止对象突变
+---
+
+## Description
+<section id="description">正如之前的挑战所示， <code>const</code>声明本身并不能真正保护您的数据免受突变。为确保您的数据不会发生变化，JavaScript提供了一个<code>Object.freeze</code>函数来防止数据突变。对象冻结后，您将无法再从中添加，更新或删除属性。任何更改对象的尝试都将被拒绝而不会出现错误。 <blockquote>让obj = { <br>名称：“FreeCodeCamp” <br>点评：“真棒” <br> }; <br> Object.freeze（OBJ）; <br> obj.review =“坏”; //将被忽略。不允许变异<br> obj.newProp =“测试”; //将被忽略。不允许变异<br>的console.log（OBJ）; <br> // {name：“FreeCodeCamp”，评论：“很棒”} </blockquote></section>
+
+## Instructions
+<section id="instructions">在这个挑战中，您将使用<code>Object.freeze</code>来防止数学常量发生变化。您需要冻结<code>MATH_CONSTANTS</code>对象，以便没有人能够更改<code>PI</code>的值，添加或删除属性。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 不要替换<code>const</code>关键字。
+    testString: 'getUserInput => assert(getUserInput("index").match(/const/g), "Do not replace <code>const</code> keyword.");'
+  - text: <code>MATH_CONSTANTS</code>应该是一个常量变量（使用<code>const</code> ）。
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+MATH_CONSTANTS/g), "<code>MATH_CONSTANTS</code> should be a constant variable (by using <code>const</code>).");'
+  - text: 请勿更改原始<code>MATH_CONSTANTS</code> 。
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+MATH_CONSTANTS\s+=\s+{\s+PI:\s+3.14\s+};/g), "Do not change original <code>MATH_CONSTANTS</code>.");'
+  - text: <code>PI</code>等于<code>3.14</code> 。
+    testString: 'assert(PI === 3.14, "<code>PI</code> equals <code>3.14</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function freezeObj() {
+  "use strict";
+  const MATH_CONSTANTS = {
+    PI: 3.14
+  };
+  // change code below this line
+
+
+  // change code above this line
+  try {
+    MATH_CONSTANTS.PI = 99;
+  } catch( ex ) {
+    console.log(ex);
+  }
+  return MATH_CONSTANTS.PI;
+}
+const PI = freezeObj();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions.chinese.md
new file mode 100644
index 0000000000..2ffe73c2be
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions.chinese.md
@@ -0,0 +1,60 @@
+---
+id: 587d7b88367417b2b2512b46
+title: Set Default Parameters for Your Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: 设置函数的默认参数
+---
+
+## Description
+<section id="description">为了帮助我们创建更灵活的函数，ES6引入了函数的<dfn>默认参数</dfn> 。看看这段代码： <blockquote> function greeting（name =“Anonymous”）{ <br>返回“你好”+名字; <br> } <br>的console.log（问候语（ “约翰”））; // 你好约翰<br>的console.log（问候（））; //你好匿名</blockquote>默认参数在未指定参数时启动（未定义）。正如您在上面的示例中所看到的，当您未为参数提供值时，参数<code>name</code>将接收其默认值<code>&quot;Anonymous&quot;</code> 。您可以根据需要为任意数量的参数添加默认值。 </section>
+
+## Instructions
+<section id="instructions">修改函数<code>increment</code>加入默认参数，这样它会加1 <code>number</code> ，如果<code>value</code>未指定。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>increment(5, 2)</code>应为<code>7</code> 。'
+    testString: 'assert(increment(5, 2) === 7, "The result of <code>increment(5, 2)</code> should be <code>7</code>.");'
+  - text: <code>increment(5)</code>的结果应为<code>6</code> 。
+    testString: 'assert(increment(5) === 6, "The result of <code>increment(5)</code> should be <code>6</code>.");'
+  - text: 默认参数<code>1</code>用于<code>value</code> 。
+    testString: 'getUserInput => assert(getUserInput("index").match(/value\s*=\s*1/g), "default parameter <code>1</code> was used for <code>value</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const increment = (function() {
+  "use strict";
+  return function increment(number, value) {
+    return number + value;
+  };
+})();
+console.log(increment(5, 2)); // returns 7
+console.log(increment(5)); // returns 6
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/understand-the-differences-between-import-and-require.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/understand-the-differences-between-import-and-require.chinese.md
new file mode 100644
index 0000000000..c928536385
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/understand-the-differences-between-import-and-require.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8c367417b2b2512b55
+title: Understand the Differences Between import and require
+challengeType: 1
+videoUrl: ''
+localeTitle: 理解import和require之间的差异
+---
+
+## Description
+<section id="description">过去，函数<code>require()</code>将用于导入外部文件和模块中的函数和代码。虽然方便，但这会带来一个问题：某些文件和模块相当大，您可能只需要来自这些外部资源的某些代码。 ES6为我们提供了一个非常方便的工具，称为<dfn>import</dfn> 。有了它，我们可以选择加载到给定文件中的模块或文件的哪些部分，从而节省时间和内存。请考虑以下示例。想象一下<code>math_array_functions</code>有大约20个函数，但我在当前文件中只需要一个<code>countItems</code> 。旧的<code>require()</code>方法会迫使我引入所有20个函数。使用这种新的<code>import</code>语法，我可以引入所需的功能，如下所示： <blockquote>从“math_array_functions”导入{countItems} </blockquote>上面代码的描述： <blockquote>从“file_path_goes_here”导入{function} <br> //我们也可以用同样的方式导入变量！ </blockquote>有几种方法可以编写<code>import</code>语句，但上面是一个非常常见的用例。 <strong>注意</strong> <br>花括号内的函数周围的空格是最佳实践 - 它使得读取<code>import</code>语句更容易。 <strong>注意</strong> <br>本节中的课程处理非浏览器功能。 <code>import</code>以及我们在其余课程中介绍的语句将无法直接在浏览器上运行。但是，我们可以使用各种工具来创建代码，使其在浏览器中工作。 <strong>注意</strong> <br>在大多数情况下，文件路径在它之前需要<code>./</code> ;否则，node将首先尝试将其作为依赖项加载到<code>node_modules</code>目录中。 </section>
+
+## Instructions
+<section id="instructions">添加适当的<code>import</code>语句，允许当前文件使用<code>capitalizeString</code>函数。此函数所在的文件称为<code>&quot;string_functions&quot;</code> ，它与当前文件位于同一目录中。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 有效的<code>import</code>声明
+    testString: 'getUserInput => assert(getUserInput("index").match(/import\s+\{\s*capitalizeString\s*\}\s+from\s+("|")string_functions\1/g), "valid <code>import</code> statement");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+capitalizeString("hello!");
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.require = function (str) {
+if (str === 'string_functions') {
+return {
+capitalizeString: str => str.toUpperCase()
+}}};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file.chinese.md
new file mode 100644
index 0000000000..05ae9b6034
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8c367417b2b2512b57
+title: Use * to Import Everything from a File
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用*从文件导入所有内容
+---
+
+## Description
+<section id="description">假设您有一个文件要将其所有内容导入当前文件。这可以使用<dfn>import *</dfn>语法完成。这是一个示例，其中名为<code>&quot;math_functions&quot;</code>的文件的内容被导入到同一目录中的文件中： <blockquote>从“math_functions”导入*作为myMathModule; <br> myMathModule.add（2,3）; <br> myMathModule.subtract（5,3）; </blockquote>并打破代码： <blockquote>从“file_path_goes_here”导入* as object_with_name_of_your_choice <br> object_with_name_of_your_choice.imported_function </blockquote>您可以使用<code>import * as</code>后面的任何名称<code>import * as</code>语句的一部分。为了使用此方法，它需要一个接收导入值的对象。从这里，您将使用点表示法来调用导入的值。 </section>
+
+## Instructions
+<section id="instructions">下面的代码需要在导入的同一目录中找到的文件<code>&quot;capitalize_strings&quot;</code>的内容。使用提供的对象将相应的<code>import *</code>语句添加到文件的顶部。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 正确使用<code>import * as</code>语法。
+    testString: 'assert(code.match(/import\s+\*\s+as\s+[a-zA-Z0-9_$]+\s+from\s*"\s*capitalize_strings\s*"\s*;/gi), "Properly uses <code>import * as</code> syntax.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.require = function(str) {
+if (str === 'capitalize_strings') {
+return {
+capitalize: str => str.toUpperCase(),
+lowercase: str => str.toLowerCase()
+}}};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.chinese.md
new file mode 100644
index 0000000000..222b78c857
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.chinese.md
@@ -0,0 +1,60 @@
+---
+id: 587d7b87367417b2b2512b43
+title: Use Arrow Functions to Write Concise Anonymous Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用箭头函数编写简明的匿名函数
+---
+
+## Description
+<section id="description">在JavaScript中，我们通常不需要命名我们的函数，特别是在将函数作为参数传递给另一个函数时。相反，我们创建内联函数。我们不需要命名这些函数，因为我们不会在其他任何地方重用它们。为此，我们经常使用以下语法： <blockquote> const myFunc = function（）{ <br> const myVar =“value”; <br>返回myVar; <br> } </blockquote> ES6为我们提供了语法糖，而不必以这种方式编写匿名函数。相反，您可以使用<strong>箭头函数语法</strong> ： <blockquote> const myFunc =（）=&gt; { <br> const myVar =“value”; <br>返回myVar; <br> } </blockquote>当没有函数体，并且只有返回值时，箭头函数语法允许您省略关键字<code>return</code>以及代码周围的括号。这有助于将较小的函数简化为单行语句： <blockquote> const myFunc =（）=&gt;“value” </blockquote>默认情况下，此代码仍将返回<code>value</code> 。 </section>
+
+## Instructions
+<section id="instructions">重写分配给变量<code>magic</code>的函数，该函数返回一个新的<code>Date()</code>以使用箭头函数语法。还要确保使用关键字<code>var</code>定义任何内容。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 用户确实替换了<code>var</code>关键字。
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g), "User did replace <code>var</code> keyword.");'
+  - text: <code>magic</code>应该是一个常量变量（通过使用<code>const</code> ）。
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+magic/g), "<code>magic</code> should be a constant variable (by using <code>const</code>).");'
+  - text: <code>magic</code>是一种<code>function</code> 。
+    testString: 'assert(typeof magic === "function", "<code>magic</code> is a <code>function</code>.");'
+  - text: <code>magic()</code>返回正确的日期。
+    testString: 'assert(magic().getDate() == new Date().getDate(), "<code>magic()</code> returns correct date.");'
+  - text: <code>function</code>关键字未使用。
+    testString: 'getUserInput => assert(!getUserInput("index").match(/function/g), "<code>function</code> keyword was not used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var magic = function() {
+  "use strict";
+  return new Date();
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.chinese.md
new file mode 100644
index 0000000000..f8ffc98597
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b8b367417b2b2512b53
+title: Use class Syntax to Define a Constructor Function
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用类语法定义构造函数
+---
+
+## Description
+<section id="description"> ES6使用关键字<dfn>class</dfn>提供了一种帮助创建对象的新语法。需要注意的是， <code>class</code>语法只是一种语法，而不是面向对象范例的完整的基于类的实现，不像Java，Python或Ruby等语言。在ES5中，我们通常定义一个构造函数function，并使用<code>new</code>关键字实例化一个对象。 <blockquote> var SpaceShuttle = function（targetPlanet）{ <br> this.targetPlanet = targetPlanet; <br> } <br> var zeus = new SpaceShuttle（&#39;Jupiter&#39;）; </blockquote>类语法只是替换构造函数创建： <blockquote> class SpaceShuttle { <br>构造（targetPlanet）{ <br> this.targetPlanet = targetPlanet; <br> } <br> } <br> const zeus = new SpaceShuttle（&#39;Jupiter&#39;）; </blockquote>请注意， <code>class</code>关键字声明了一个新函数，并添加了一个构造函数，该函数将在调用<code>new</code>调用 - 以创建新对象。 </section>
+
+## Instructions
+<section id="instructions">使用<code>class</code>关键字并编写适当的构造函数来创建<code>Vegetable</code>类。使用<code>Vegetable</code>可以创建具有属性<code>name</code>的蔬菜对象，以传递给构造函数。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Vegetable</code>应该是一个<code>class</code>具有限定<code>constructor</code>方法。
+    testString: 'assert(typeof Vegetable === "function" && typeof Vegetable.constructor === "function", "<code>Vegetable</code> should be a <code>class</code> with a defined <code>constructor</code> method.");'
+  - text: <code>class</code>关键字。
+    testString: 'getUserInput => assert(getUserInput("index").match(/class/g),"<code>class</code> keyword was used.");'
+  - text: <code>Vegetable</code>可以实例化。
+    testString: 'assert(() => {const a = new Vegetable("apple"); return typeof a === "object";},"<code>Vegetable</code> can be instantiated.");'
+  - text: <code>carrot.name</code>应该返回<code>carrot</code> 。
+    testString: 'assert(carrot.name=="carrot","<code>carrot.name</code> should return <code>carrot</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function makeClass() {
+  "use strict";
+  /* Alter code below this line */
+
+  /* Alter code above this line */
+  return Vegetable;
+}
+const Vegetable = makeClass();
+const carrot = new Vegetable('carrot');
+console.log(carrot.name); // => should be 'carrot'
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-arrays.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-arrays.chinese.md
new file mode 100644
index 0000000000..876edcacd5
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-arrays.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b89367417b2b2512b4b
+title: Use Destructuring Assignment to Assign Variables from Arrays
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用解构分配从数组中分配变量
+---
+
+## Description
+<section id="description"> ES6使解构数组像解构对象一样简单。扩展运算符和数组解构之间的一个关键区别是扩展运算符将数组的所有内容解包为逗号分隔列表。因此，您无法选择或选择要分配给变量的元素。对阵列进行解构可以让我们做到这一点： <blockquote> const [a，b] = [1,2,3,4,5,6]; <br> console.log（a，b）; // 1,2 </blockquote>变量<code>a</code>被赋予数组的第一个值，而<code>b</code>被赋予数组的第二个值。我们还可以通过使用逗号来访问所需索引，从而在数组中的任何索引处访问该值： <blockquote> const [a，b ,,, c] = [1,2,3,4,5,6]; <br> console.log（a，b，c）; // 1,2,5 </blockquote></section>
+
+## Instructions
+<section id="instructions">使用解构赋值来交换<code>a</code>和<code>b</code>的值，以便<code>a</code>接收存储在<code>b</code>的值，并且<code>b</code>接收存储在<code>a</code>的值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 交换后<code>a</code>值应为6。
+    testString: 'assert(a === 6, "Value of <code>a</code> should be 6, after swapping.");'
+  - text: 交换后<code>b</code>值应为8。
+    testString: 'assert(b === 8, "Value of <code>b</code> should be 8, after swapping.");'
+  - text: 使用数组解构来交换a和b。
+    testString: '// assert(/\[\s*(\w)\s*,\s*(\w)\s*\]\s*=\s*\[\s*\2\s*,\s*\1\s*\]/g.test(code), "Use array destructuring to swap a and b.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let a = 8, b = 6;
+(() => {
+  "use strict";
+  // change code below this line
+
+  // change code above this line
+})();
+console.log(a); // should be 6
+console.log(b); // should be 8
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-nested-objects.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-nested-objects.chinese.md
new file mode 100644
index 0000000000..e90eadacf9
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-nested-objects.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b89367417b2b2512b4a
+title: Use Destructuring Assignment to Assign Variables from Nested Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用解构分配从嵌套对象分配变量
+---
+
+## Description
+<section id="description">我们可以类似地将<em>嵌套</em>对象解构为变量。请考虑以下代码： <blockquote> const a = { <br>开始：{x：5，y：6}， <br>结束：{x：6，y：-9} <br> }; <br> const {start：{x：startX，y：startY}} = a; <br> console.log（startX，startY）; // 5,6 </blockquote>在上面的示例中，变量<code>start</code>被赋予<code>a.start</code>的值，该值也是一个对象。 </section>
+
+## Instructions
+<section id="instructions">用解构赋值来获得<code>max</code>的<code>forecast.tomorrow</code>并将其分配给<code>maxOfTomorrow</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>maxOfTomorrow</code>等于<code>84.6</code>
+    testString: 'assert(getMaxOfTmrw(LOCAL_FORECAST) === 84.6, "<code>maxOfTomorrow</code> equals <code>84.6</code>");'
+  - text: 使用嵌套解构
+    testString: 'getUserInput => assert(getUserInput("index").match(/\{\s*tomorrow\s*:\s*\{\s*max\s*:\s*maxOfTomorrow\s*\}\s*\}\s*=\s*forecast/g),"nested destructuring was used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const LOCAL_FORECAST = {
+  today: { min: 72, max: 83 },
+  tomorrow: { min: 73.3, max: 84.6 }
+};
+
+function getMaxOfTmrw(forecast) {
+  "use strict";
+  // change code below this line
+  const maxOfTomorrow = undefined; // change this line
+  // change code above this line
+  return maxOfTomorrow;
+}
+
+console.log(getMaxOfTmrw(LOCAL_FORECAST)); // should be 84.6
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.chinese.md
new file mode 100644
index 0000000000..89cf263f05
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b89367417b2b2512b49
+title: Use Destructuring Assignment to Assign Variables from Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用解构分配从对象分配变量
+---
+
+## Description
+<section id="description">我们之前看到扩展运算符如何有效地扩展或解包数组的内容。我们也可以用对象做类似的事情。 <dfn>解构赋值</dfn>是一种特殊的语法，用于将直接从对象获取的值整齐地分配给变量。请考虑以下ES5代码： <blockquote> var voxel = {x：3.6，y：7.4，z：6.54}; <br> var x = voxel.x; // x = 3.6 <br> var y = voxel.y; // y = 7.4 <br> var z = voxel.z; // z = 6.54 </blockquote>这是与ES6解构语法相同的赋值语句： <blockquote> const {x，y，z} =体素; // x = 3.6，y = 7.4，z = 6.54 </blockquote>相反，如果你想将<code>voxel.x</code>的值存储到<code>a</code> ，将<code>voxel.y</code>到<code>b</code> ，将<code>voxel.z</code>到<code>c</code> ，那么你也有这种自由。 <blockquote> const {x：a，y：b，z：c} =体素// a = 3.6，b = 7.4，c = 6.54 </blockquote>您可以将其读作“获取字段<code>x</code>并将值复制到<code>a</code>中”，依此类推。 </section>
+
+## Instructions
+<section id="instructions">使用解构从输入对象<code>AVG_TEMPERATURES</code>获得明天的平均温度，并在<code>tomorrow</code>将关键值赋值给<code>tempOfTomorrow</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>getTempOfTmrw(AVG_TEMPERATURES)</code>应为<code>79</code>
+    testString: 'assert(getTempOfTmrw(AVG_TEMPERATURES) === 79, "<code>getTempOfTmrw(AVG_TEMPERATURES)</code> should be <code>79</code>");'
+  - text: 使用了重新分配的解构
+    testString: 'getUserInput => assert(getUserInput("index").match(/\{\s*tomorrow\s*:\s*tempOfTomorrow\s*}\s*=\s*avgTemperatures/g),"destructuring with reassignment was used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const AVG_TEMPERATURES = {
+  today: 77.5,
+  tomorrow: 79
+};
+
+function getTempOfTmrw(avgTemperatures) {
+  "use strict";
+  // change code below this line
+  const tempOfTomorrow = undefined; // change this line
+  // change code above this line
+  return tempOfTomorrow;
+}
+
+console.log(getTempOfTmrw(AVG_TEMPERATURES)); // should be 79
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.chinese.md
new file mode 100644
index 0000000000..4dfff8bbd2
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.chinese.md
@@ -0,0 +1,73 @@
+---
+id: 587d7b8a367417b2b2512b4d
+title: Use Destructuring Assignment to Pass an Object as a Function's Parameters
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用解构分配将对象作为函数的参数传递
+---
+
+## Description
+<section id="description">在某些情况下，您可以在函数参数本身中对对象进行解构。考虑以下代码： <blockquote> const profileUpdate =（profileData）=&gt; { <br> const {name，age，nationality，location} = profileData; <br> //用这些变量做点什么<br> } </blockquote>这有效地破坏了发送到函数中的对象。这也可以就地完成： <blockquote> const profileUpdate =（{name，age，nationality，location}）=&gt; { <br> / *用这些字段做某事* / <br> } </blockquote>这将删除一些额外的行，使我们的代码看起来整洁。这具有额外的好处，即不必操纵函数中的整个对象;只有所需的字段才会复制到函数内部。 </section>
+
+## Instructions
+<section id="instructions">在函数<code>half</code>的参数内使用解构赋值，仅在函数内发送<code>max</code>和<code>min</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>stats</code>应该是一个<code>object</code> 。
+    testString: 'assert(typeof stats === "object", "<code>stats</code> should be an <code>object</code>.");'
+  - text: <code>half(stats)</code>应为<code>28.015</code>
+    testString: 'assert(half(stats) === 28.015, "<code>half(stats)</code> should be <code>28.015</code>");'
+  - text: 使用了解构。
+    testString: 'getUserInput => assert(getUserInput("index").match(/\(\s*\{\s*\w+\s*,\s*\w+\s*\}\s*\)/g), "Destructuring was used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const stats = {
+  max: 56.78,
+  standard_deviation: 4.34,
+  median: 34.54,
+  mode: 23.87,
+  min: -0.75,
+  average: 35.85
+};
+const half = (function() {
+  "use strict"; // do not change this line
+
+  // change code below this line
+  return function half(stats) {
+    // use function argument destructuring
+    return (stats.max + stats.min) / 2.0;
+  };
+  // change code above this line
+
+})();
+console.log(stats); // should be object
+console.log(half(stats)); // should be 28.015
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-operator-to-reassign-array-elements.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-operator-to-reassign-array-elements.chinese.md
new file mode 100644
index 0000000000..e967e43217
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-operator-to-reassign-array-elements.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8a367417b2b2512b4c
+title: Use Destructuring Assignment with the Rest Operator to Reassign Array Elements
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用与Rest运算符的Destructuring Assignment重新分配数组元素
+---
+
+## Description
+<section id="description">在某些涉及数组解构的情况下，我们可能希望将其余元素收集到一个单独的数组中。结果类似于<code>Array.prototype.slice()</code> ，如下所示： <blockquote> const [a，b，... arr] = [1,2,3,4,5,7]; <br> console.log（a，b）; // 1,2 <br>的console.log（ARR）; // [3,4,5,7] </blockquote>变量<code>a</code>和<code>b</code>从数组中获取第一个和第二个值。之后，由于rest操作符的存在， <code>arr</code>以数组的形式获取其余的值。 rest元素仅作为列表中的最后一个变量正常工作。在中，您不能使用rest运算符来捕获一个子数组，该子数组会遗漏原始数组的最后一个元素。 </section>
+
+## Instructions
+<section id="instructions">使用与rest运算符的解构赋值来执行有效的<code>Array.prototype.slice()</code>以便<code>arr</code>是原始数组<code>source</code>的子数组，省略前两个元素。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>arr</code>应为<code>[3,4,5,6,7,8,9,10]</code>'
+    testString: 'assert(arr.every((v, i) => v === i + 3) && arr.length === 8,"<code>arr</code> should be <code>[3,4,5,6,7,8,9,10]</code>");'
+  - text: 应该使用解构。
+    testString: 'getUserInput => assert(getUserInput("index").match(/\[\s*\w*\s*,\s*\w*\s*,\s*...\w+\s*\]/g),"Destructuring should be used.");'
+  - text: 不应使用<code>Array.slice()</code> 。
+    testString: 'getUserInput => assert(!getUserInput("index").match(/slice/g), "<code>Array.slice()</code> should not be used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const source = [1,2,3,4,5,6,7,8,9,10];
+function removeFirstTwo(list) {
+  "use strict";
+  // change code below this line
+  arr = list; // change this
+  // change code above this line
+  return arr;
+}
+const arr = removeFirstTwo(source);
+console.log(arr); // should be [3,4,5,6,7,8,9,10]
+console.log(source); // should be [1,2,3,4,5,6,7,8,9,10];
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-export-to-reuse-a-code-block.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-export-to-reuse-a-code-block.chinese.md
new file mode 100644
index 0000000000..80ba6c3a0f
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-export-to-reuse-a-code-block.chinese.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b8c367417b2b2512b56
+title: Use export to Reuse a Code Block
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用export重用代码块
+---
+
+## Description
+<section id="description">在之前的挑战中，您了解了<code>import</code>以及如何利用它从大型文件导入少量代码。但是，为了使其工作，我们必须使用<code>import</code>一个语句，称为<dfn>导出</dfn> 。当我们想要一些代码 - 一个函数或一个变量 - 可以在另一个文件中使用时，我们必须将其导出才能将其导入另一个文件。与<code>import</code>一样， <code>export</code>是非浏览器功能。以下是我们称为<dfn>命名导出的内容</dfn> 。有了这个，我们可以使用您在上一课中学到的<code>import</code>语法将我们导出的任何代码导入到另一个文件中。这是一个例子： <blockquote> const capitalizeString =（string）=&gt; { <br> return string.charAt（0）.toUpperCase（）+ string.slice（1）; <br> } <br> export {capitalizeString} //如何导出函数。 <br> export const foo =“bar”; //如何导出变量</blockquote>或者，如果您想将所有<code>export</code>语句压缩成一行，则可以采用以下方法： <blockquote> const capitalizeString =（string）=&gt; { <br> return string.charAt（0）.toUpperCase（）+ string.slice（1）; <br> } <br> const foo =“bar”; <br> export {capitalizeString，foo} </blockquote>两种方法都是完全可以接受的。 </section>
+
+## Instructions
+<section id="instructions">下面是我想让其他文件使用的两个变量。利用我演示<code>export</code>的第一种方式，导出两个变量。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>foo</code>被导出了。
+    testString: 'getUserInput => assert(getUserInput("index").match(/export\s+const\s+foo\s*=\s*"bar"/g), "<code>foo</code> is exported.");'
+  - text: <code>bar</code>出口。
+    testString: 'getUserInput => assert(getUserInput("index").match(/export\s+const\s+bar\s*=\s*"foo"/g), "<code>bar</code> is exported.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+const foo = "bar";
+const bar = "foo";
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.exports = function(){};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.chinese.md
new file mode 100644
index 0000000000..99479073a6
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b8c367417b2b2512b54
+title: Use getters and setters to Control Access to an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用getter和setter来控制对象的访问
+---
+
+## Description
+<section id="description">您可以从对象获取值，并在对象中设置属性的值。这些通常被称为<dfn>getter</dfn>和<dfn>setter</dfn> 。 Getter函数旨在简单地将对象的私有变量的值返回（获取）给用户，而无需用户直接访问私有变量。 Setter函数用于根据传递给setter函数的值修改（设置）对象私有变量的值。此更改可能涉及计算，甚至完全覆盖先前的值。 <blockquote> class Book { <br>构造函数（作者）{ <br> this._author = author; <br> } <br> // getter <br> get writer（）{ <br> return this._author; <br> } <br> // setter <br> set writer（updatedAuthor）{ <br> this._author = updatedAuthor; <br> } <br> } <br> const lol = new Book（&#39;anonymous&#39;）; <br>的console.log（lol.writer）; //匿名<br> lol.writer =&#39;wut&#39;; <br>的console.log（lol.writer）; //哇</blockquote>注意我们用来调用getter和setter的语法 - 就好像它们甚至不是函数一样。 Getter和setter很重要，因为它们隐藏了内部实现细节。 </section>
+
+## Instructions
+<section id="instructions">使用<code>class</code>关键字创建Thermostat类。构造函数接受华氏温度。现在在类中创建<code>getter</code>和<code>setter</code> ，以获得摄氏温度。请记住， <code>C = 5/9 * (F - 32)</code>和<code>F = C * 9.0 / 5 + 32</code> ，其中F是华氏温标的温度值，C是摄氏温度相同温度的值注意当你实现这一点，你将在一个等级中跟踪班级内的温度 - 华氏温度或摄氏温度。这是getter或setter的强大功能 - 您正在为另一个用户创建一个API，无论您追踪哪个用户，都可以获得正确的结果。换句话说，您正在从使用者那里抽象出实现细节。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Thermostat</code>应该是一个<code>class</code>具有限定<code>constructor</code>方法。
+    testString: 'assert(typeof Thermostat === "function" && typeof Thermostat.constructor === "function","<code>Thermostat</code> should be a <code>class</code> with a defined <code>constructor</code> method.");'
+  - text: <code>class</code>关键字。
+    testString: 'getUserInput => assert(getUserInput("index").match(/class/g),"<code>class</code> keyword was used.");'
+  - text: <code>Thermostat</code>可以实例化。
+    testString: 'assert(() => {const t = new Thermostat(32); return typeof t === "object" && t.temperature === 0;}, "<code>Thermostat</code> can be instantiated.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function makeClass() {
+  "use strict";
+  /* Alter code below this line */
+
+  /* Alter code above this line */
+  return Thermostat;
+}
+const Thermostat = makeClass();
+const thermos = new Thermostat(76); // setting in Fahrenheit scale
+let temp = thermos.temperature; // 24.44 in C
+thermos.temperature = 26;
+temp = thermos.temperature; // 26 in C
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-the-rest-operator-with-function-parameters.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-the-rest-operator-with-function-parameters.chinese.md
new file mode 100644
index 0000000000..7d020cde2b
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-the-rest-operator-with-function-parameters.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b88367417b2b2512b47
+title: Use the Rest Operator with Function Parameters
+challengeType: 1
+videoUrl: ''
+localeTitle: 将Rest运算符与函数参数一起使用
+---
+
+## Description
+<section id="description">为了帮助我们创建更灵活的函数，ES6引入了函数参数的<dfn>rest运算符</dfn> 。使用rest运算符，您可以创建带有可变数量参数的函数。这些参数存储在一个数组中，以后可以从函数内部访问。看看这段代码： <blockquote> function howMany（... args）{ <br>返回“你已经通过”+ args.length +“arguments。”; <br> } <br> console.log（howMany（0,1,2））; //你已经传递了3个参数<br> console.log（howMany（“string”，null，[1,2,3]，{}））; //你已经传递了4个参数。 </blockquote>其余运算符无需检查<code>args</code>数组，并允许我们在<code>args</code>数组上应用<code>map()</code> ， <code>filter()</code>和<code>reduce()</code> 。 </section>
+
+## Instructions
+<section id="instructions">修改函数<code>sum</code> ，使其使用rest运算符，并以相同的方式使用任意数量的参数。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>sum(0,1,2)</code>的结果应为3'
+    testString: 'assert(sum(0,1,2) === 3, "The result of <code>sum(0,1,2)</code> should be 3");'
+  - text: '<code>sum(1,2,3,4)</code>的结果应为10'
+    testString: 'assert(sum(1,2,3,4) === 10, "The result of <code>sum(1,2,3,4)</code> should be 10");'
+  - text: <code>sum(5)</code>的结果应为5
+    testString: 'assert(sum(5) === 5, "The result of <code>sum(5)</code> should be 5");'
+  - text: <code>sum()</code>的结果应为0
+    testString: 'assert(sum() === 0, "The result of <code>sum()</code> should be 0");'
+  - text: <code>sum</code>函数在<code>args</code>参数上使用<code>...</code> spread运算符。
+    testString: 'getUserInput => assert(getUserInput("index").match(/function\s+sum\s*\(\s*...args\s*\)\s*{/g), "The <code>sum</code> function uses the <code>...</code> spread operator on the <code>args</code> parameter.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const sum = (function() {
+  "use strict";
+  return function sum(x, y, z) {
+    const args = [ x, y, z ];
+    return args.reduce((a, b) => a + b, 0);
+  };
+})();
+console.log(sum(1, 2, 3)); // 6
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place.chinese.md
new file mode 100644
index 0000000000..881a688bbb
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 587d7b89367417b2b2512b48
+title: Use the Spread Operator to Evaluate Arrays In-Place
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用Spread运算符来就地评估数组
+---
+
+## Description
+<section id="description"> ES6引入了<dfn>扩展运算符</dfn> ，它允许我们在需要多个参数或元素的位置扩展数组和其他表达式。下面的ES5代码使用<code>apply()</code>来计算数组中的最大值： <blockquote> var arr = [6,89,3,45]; <br> var maximus = Math.max.apply（null，arr）; //返回89 </blockquote>我们必须使用<code>Math.max.apply(null, arr)</code>因为<code>Math.max(arr)</code>返回<code>NaN</code> 。 <code>Math.max()</code>期望以逗号分隔的参数，但不是数组。扩展运算符使这种语法更易于阅读和维护。 <blockquote> const arr = [6,89,3,45]; <br> const maximus = Math.max（... arr）; //返回89 </blockquote> <code>...arr</code>返回一个解压缩的数组。换句话说，它<em>传播</em>阵列。但是，扩展运算符只能在就地工作，就像在函数的参数或数组文字中一样。以下代码不起作用： <blockquote> const spreaded = ... arr; //将抛出语法错误</blockquote></section>
+
+## Instructions
+<section id="instructions">使用spread运算符将<code>arr1</code>所有内容复制到另一个数组<code>arr2</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>arr2</code>是<code>arr1</code>正确副本。
+    testString: 'assert(arr2.every((v, i) => v === arr1[i]), "<code>arr2</code> is correct copy of <code>arr1</code>.");'
+  - text: <code>...</code>传播运算符用于复制<code>arr1</code> 。
+    testString: 'getUserInput => assert(getUserInput("index").match(/\[\s*...arr1\s*\]/g),"<code>...</code> spread operator was used to duplicate <code>arr1</code>.");'
+  - text: 更改<code>arr1</code>时， <code>arr2</code>保持不变。
+    testString: 'assert((arr1, arr2) => {arr1.push("JUN"); return arr2.length < arr1.length},"<code>arr2</code> remains unchanged when <code>arr1</code> is changed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const arr1 = ['JAN', 'FEB', 'MAR', 'APR', 'MAY'];
+let arr2;
+(function() {
+  "use strict";
+  arr2 = []; // change this line
+})();
+console.log(arr2);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.chinese.md
new file mode 100644
index 0000000000..2479f2bf19
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.chinese.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b88367417b2b2512b44
+title: Write Arrow Functions with Parameters
+challengeType: 1
+videoUrl: ''
+localeTitle: 用参数写箭头函数
+---
+
+## Description
+<section id="description">就像普通函数一样，您可以将参数传递给箭头函数。 <blockquote> //将输入值加倍并返回<br> const doubler =（item）=&gt; item * 2; </blockquote>您也可以将多个参数传递给箭头函数。 </section>
+
+## Instructions
+<section id="instructions">重写<code>myConcat</code>函数，该函数将<code>arr2</code>内容追加到<code>arr1</code>以便该函数使用箭头函数语法。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 用户确实替换了<code>var</code>关键字。
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g), "User did replace <code>var</code> keyword.");'
+  - text: <code>myConcat</code>应该是一个常量变量（使用<code>const</code> ）。
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+myConcat/g), "<code>myConcat</code> should be a constant variable (by using <code>const</code>).");'
+  - text: <code>myConcat</code>应该是一个函数
+    testString: 'assert(typeof myConcat === "function", "<code>myConcat</code> should be a function");'
+  - text: <code>myConcat()</code>返回正确的<code>array</code>
+    testString: 'assert(() => { const a = myConcat([1], [2]); return a[0] == 1 && a[1] == 2; }, "<code>myConcat()</code> returns the correct <code>array</code>");'
+  - text: <code>function</code>关键字未使用。
+    testString: 'getUserInput => assert(!getUserInput("index").match(/function/g), "<code>function</code> keyword was not used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myConcat = function(arr1, arr2) {
+  "use strict";
+  return arr1.concat(arr2);
+};
+// test your code
+console.log(myConcat([1, 2], [3, 4, 5]));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6.chinese.md
new file mode 100644
index 0000000000..465968d8d0
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8b367417b2b2512b50
+title: Write Concise Declarative Functions with ES6
+challengeType: 1
+videoUrl: ''
+localeTitle: 用ES6编写简明的声明函数
+---
+
+## Description
+<section id="description">在ES5中定义对象内的函数时，我们必须使用关键字<code>function</code> ，如下所示： <blockquote> const person = { <br>名称：“泰勒”， <br> sayHello：function（）{ <br>回来`你好！我的名字是$ {this.name} .`; <br> } <br> }; </blockquote>使用ES6，您可以在定义对象中的函数时完全删除<code>function</code>关键字和冒号。以下是此语法的示例： <blockquote> const person = { <br>名称：“泰勒”， <br>问好（） { <br>回来`你好！我的名字是$ {this.name} .`; <br> } <br> }; </blockquote></section>
+
+## Instructions
+<section id="instructions">重构对象<code>bicycle</code>内的函数<code>setGear</code>以使用上述简写语法。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 未使用传统函数表达式。
+    testString: 'assert(!getUserInput("index").match(/function/),"Traditional <code>function</code> expression was not used.");'
+  - text: <code>setGear</code>是一个声明函数。
+    testString: 'assert(typeof bicycle.setGear === "function" && getUserInput("index").match(/setGear\s*\(.+\)\s*\{/), "<code>setGear</code> is a declarative function.");'
+  - text: ''
+    testString: 'assert((new bicycle.setGear(48)).gear === 48, "<code>bicycle.setGear(48)</code> changes the <code>gear</code> value to 48.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// change code below this line
+const bicycle = {
+  gear: 2,
+  setGear: function(newGear) {
+    "use strict";
+    this.gear = newGear;
+  }
+};
+// change code above this line
+bicycle.setGear(3);
+console.log(bicycle.gear);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-simple-fields.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-simple-fields.chinese.md
new file mode 100644
index 0000000000..d61b3be390
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-simple-fields.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b8a367417b2b2512b4f
+title: Write Concise Object Literal Declarations Using Simple Fields
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用简单字段编写简明对象文字声明
+---
+
+## Description
+<section id="description"> ES6为轻松定义对象文字添加了一些很好的支持。请考虑以下代码： <blockquote> const getMousePosition =（x，y）=&gt;（{ <br> x：x， <br> y：y <br> }）; </blockquote> <code>getMousePosition</code>是一个简单的函数，它返回一个包含两个字段的对象。 ES6提供了语法糖，以消除必须写入<code>x: x</code>的冗余。您可以简单地编写一次<code>x</code> ，它将被转换为<code>x: x</code> （或类似的东西）。这是从上面重写的相同函数使用这个新语法： <blockquote> const getMousePosition =（x，y）=&gt;（{x，y}）; </blockquote></section>
+
+## Instructions
+<section id="instructions">使用带有对象文字的简单字段来创建和返回<code>Person</code>对象。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '输出是<code>{name: &quot;Zodiac Hasbro&quot;, age: 56, gender: &quot;male&quot;}</code> 。'
+    testString: 'assert(() => {const res={name:"Zodiac Hasbro",age:56,gender:"male"}; const person=createPerson("Zodiac Hasbro", 56, "male"); return Object.keys(person).every(k => person[k] === res[k]);}, "the output is <code>{name: "Zodiac Hasbro", age: 56, gender: "male"}</code>.");'
+  - text: '不<code>:</code>被使用了。'
+    testString: 'getUserInput => assert(!getUserInput("index").match(/:/g), "No <code>:</code> were used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const createPerson = (name, age, gender) => {
+  "use strict";
+  // change code below this line
+  return {
+    name: name,
+    age: age,
+    gender: gender
+  };
+  // change code above this line
+};
+console.log(createPerson("Zodiac Hasbro", 56, "male")); // returns a proper object
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/write-higher-order-arrow-functions.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/write-higher-order-arrow-functions.chinese.md
new file mode 100644
index 0000000000..9152376959
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/write-higher-order-arrow-functions.chinese.md
@@ -0,0 +1,69 @@
+---
+id: 587d7b88367417b2b2512b45
+title: Write Higher Order Arrow Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: 编写高阶箭头函数
+---
+
+## Description
+<section id="description">是时候我们看到处理数据时箭头功能有多强大了。 Arrow函数与高阶函数（例如<code>map()</code> ， <code>filter()</code>和<code>reduce()</code>非常兼容，它们将其他函数作为处理数据集合的参数。阅读以下代码： <blockquote> FBPosts.filter（function（post）{ <br> return post.thumbnail！== null &amp;&amp; post.shares&gt; 100 &amp;&amp; post.likes&gt; 500; <br> }） </blockquote>我们用<code>filter()</code>写了这个，至少使它有点可读。现在将它与以下使用箭头函数语法的代码进行比较： <blockquote> FBPosts.filter（（post）=&gt; post.thumbnail！== null &amp;&amp; post.shares&gt; 100 &amp;&amp; post.likes&gt; 500） </blockquote>此代码更简洁，使用更少的代码行完成相同的任务。 </section>
+
+## Instructions
+<section id="instructions">使用箭头函数语法计算数组<code>realNumberArray</code>中只有正整数（十进制数不是整数）的<code>realNumberArray</code> ，并将新数组存储在变量<code>squaredIntegers</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>squaredIntegers</code>应该是一个常量变量（通过使用<code>const</code> ）。
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+squaredIntegers/g), "<code>squaredIntegers</code> should be a constant variable (by using <code>const</code>).");'
+  - text: <code>squaredIntegers</code>应该是一个<code>array</code>
+    testString: 'assert(Array.isArray(squaredIntegers), "<code>squaredIntegers</code> should be an <code>array</code>");'
+  - text: '<code>squaredIntegers</code>应该是<code>[16, 1764, 36]</code> <code>squaredIntegers</code> <code>[16, 1764, 36]</code>'
+    testString: 'assert.deepStrictEqual(squaredIntegers, [16, 1764, 36], "<code>squaredIntegers</code> should be <code>[16, 1764, 36]</code>");'
+  - text: <code>function</code>关键字未使用。
+    testString: 'getUserInput => assert(!getUserInput("index").match(/function/g), "<code>function</code> keyword was not used.");'
+  - text: 不应该使用循环
+    testString: 'getUserInput => assert(!getUserInput("index").match(/(for)|(while)/g), "loop should not be used");'
+  - text: 应使用<code>map</code> ， <code>filter</code>或<code>reduce</code>
+    testString: 'getUserInput => assert(getUserInput("index").match(/map|filter|reduce/g), "<code>map</code>, <code>filter</code>, or <code>reduce</code> should be used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const realNumberArray = [4, 5.6, -9.8, 3.14, 42, 6, 8.34, -2];
+const squareList = (arr) => {
+  "use strict";
+  // change code below this line
+  const squaredIntegers = arr;
+  // change code above this line
+  return squaredIntegers;
+};
+// test your code
+const squaredIntegers = squareList(realNumberArray);
+console.log(squaredIntegers);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/add-elements-to-the-end-of-an-array-using-concat-instead-of-push.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/add-elements-to-the-end-of-an-array-using-concat-instead-of-push.chinese.md
new file mode 100644
index 0000000000..1be8e2801a
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/add-elements-to-the-end-of-an-array-using-concat-instead-of-push.chinese.md
@@ -0,0 +1,65 @@
+---
+id: 587d7da9367417b2b2512b67
+title: Add Elements to the End of an Array Using concat Instead of push
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用concat将元素添加到数组的末尾而不是push
+---
+
+## Description
+<section id="description">函数式编程就是创建和使用非变异函数。最后一个挑战是将<code>concat</code>方法作为一种将数组组合成新数组而不改变原始数组的方法。将<code>concat</code>与<code>push</code>方法进行比较。 <code>Push</code>将一个项添加到调用它的同一个数组的末尾，这会改变该数组。这是一个例子： <blockquote> var arr = [1,2,3]; <br> arr.push（[4,5,6]）; <br> // arr更改为[1,2,3，[4,5,6]] <br> //不是函数式编程方式</blockquote> <code>Concat</code>提供了一种在数组末尾添加新项目而无任何变异副作用的方法。 </section>
+
+## Instructions
+<section id="instructions">更改<code>nonMutatingPush</code>函数，使其使用<code>concat</code>将<code>newItem</code>添加到<code>original</code>结尾而不是<code>push</code> 。该函数应返回一个数组。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应使用<code>concat</code>方法。
+    testString: 'assert(code.match(/\.concat/g), "Your code should use the <code>concat</code> method.");'
+  - text: 您的代码不应使用<code>push</code>方法。
+    testString: 'assert(!code.match(/\.push/g), "Your code should not use the <code>push</code> method.");'
+  - text: 第<code>first</code>数组不应该改变。
+    testString: 'assert(JSON.stringify(first) === JSON.stringify([1, 2, 3]), "The <code>first</code> array should not change.");'
+  - text: <code>second</code>数组不应该改变。
+    testString: 'assert(JSON.stringify(second) === JSON.stringify([4, 5]), "The <code>second</code> array should not change.");'
+  - text: '<code>nonMutatingPush([1, 2, 3], [4, 5])</code>应该返回<code>[1, 2, 3, 4, 5]</code> 。'
+    testString: 'assert(JSON.stringify(nonMutatingPush([1, 2, 3], [4, 5])) === JSON.stringify([1, 2, 3, 4, 5]), "<code>nonMutatingPush([1, 2, 3], [4, 5])</code> should return <code>[1, 2, 3, 4, 5]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nonMutatingPush(original, newItem) {
+  // Add your code below this line
+  return original.push(newItem);
+
+  // Add your code above this line
+}
+var first = [1, 2, 3];
+var second = [4, 5];
+nonMutatingPush(first, second);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/apply-functional-programming-to-convert-strings-to-url-slugs.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/apply-functional-programming-to-convert-strings-to-url-slugs.chinese.md
new file mode 100644
index 0000000000..fae2109e3a
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/apply-functional-programming-to-convert-strings-to-url-slugs.chinese.md
@@ -0,0 +1,69 @@
+---
+id: 587d7dab367417b2b2512b6d
+title: Apply Functional Programming to Convert Strings to URL Slugs
+challengeType: 1
+videoUrl: ''
+localeTitle: 应用函数式编程将字符串转换为URL Slugs
+---
+
+## Description
+<section id="description">最后几个挑战涵盖了许多遵循函数式编程原理的有用数组和字符串方法。我们还学习了<code>reduce</code> ，这是一种用于将问题简化为更简单形式的强大方法。从计算平均值到排序，可以通过应用它来实现任何阵列操作。回想一下<code>map</code>和<code>filter</code>是<code>reduce</code>特例。让我们结合我们学到的东西来解决实际问题。许多内容管理站点（CMS）将帖子的标题添加到URL的一部分以用于简单的书签目的。例如，如果您编写一个标题为“Stop Using Reduce”的Medium帖子，则URL可能会包含某种形式的标题字符串（“... / stop-using-reduce”）。您可能已经在freeCodeCamp网站上注意到了这一点。 </section>
+
+## Instructions
+<section id="instructions">填写<code>urlSlug</code>函数，以便转换字符串<code>title</code>并返回URL的连字符版本。您可以使用本节中介绍的任何方法，也不要使用<code>replace</code> 。以下是要求：输入是一个带空格和标题字的字符串输出是一个字符串，单词之间的空格用连字符替换（ <code>-</code> ）输出应该是所有低位字母输出不应该有任何空格</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>globalTitle</code>变量不应该更改。
+    testString: 'assert(globalTitle === "Winter Is Coming", "The <code>globalTitle</code> variable should not change.");'
+  - text: 您的代码不应使用<code>replace</code>方法来应对此挑战。
+    testString: 'assert(!code.match(/\.replace/g), "Your code should not use the <code>replace</code> method for this challenge.");'
+  - text: <code>urlSlug(&quot;Winter Is Coming&quot;)</code>应该回归<code>&quot;winter-is-coming&quot;</code> 。
+    testString: 'assert(urlSlug("Winter Is Coming") === "winter-is-coming", "<code>urlSlug("Winter Is Coming")</code> should return <code>"winter-is-coming"</code>.");'
+  - text: <code>urlSlug(&quot; Winter Is  Coming&quot;)</code>应该回归<code>&quot;winter-is-coming&quot;</code> 。
+    testString: 'assert(urlSlug(" Winter Is  Coming") === "winter-is-coming", "<code>urlSlug(" Winter Is  &nbsp;Coming")</code> should return <code>"winter-is-coming"</code>.");'
+  - text: <code>urlSlug(&quot;A Mind Needs Books Like A Sword Needs A Whetstone&quot;)</code>应该回归<code>&quot;a-mind-needs-books-like-a-sword-needs-a-whetstone&quot;</code> 。
+    testString: 'assert(urlSlug("A Mind Needs Books Like A Sword Needs A Whetstone") === "a-mind-needs-books-like-a-sword-needs-a-whetstone", "<code>urlSlug("A Mind Needs Books Like A Sword Needs A Whetstone")</code> should return <code>"a-mind-needs-books-like-a-sword-needs-a-whetstone"</code>.");'
+  - text: <code>urlSlug(&quot;Hold The Door&quot;)</code>应该返回<code>&quot;hold-the-door&quot;</code> 。
+    testString: 'assert(urlSlug("Hold The Door") === "hold-the-door", "<code>urlSlug("Hold The Door")</code> should return <code>"hold-the-door"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var globalTitle = "Winter Is Coming";
+
+// Add your code below this line
+function urlSlug(title) {
+
+
+}
+// Add your code above this line
+
+var winterComing = urlSlug(globalTitle); // Should be "winter-is-coming"
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.chinese.md
new file mode 100644
index 0000000000..dc21c97ede
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.chinese.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b8e367417b2b2512b5e
+title: Avoid Mutations and Side Effects Using Functional Programming
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用功能编程避免突变和副作用
+---
+
+## Description
+<section id="description">如果您还没有弄明白，上一次挑战中的问题是使用<code>tabClose()</code>函数中的<code>splice</code>调用。不幸的是， <code>splice</code>更改了它所调用的原始数组，因此对它的第二次调用使用了一个修改过的数组，并给出了意想不到的结果。这是一个更大模式的一个小例子 - 你在一个变量，数组或一个对象上调用一个函数，该函数改变了对象中的变量或其他东西。函数式编程的核心原则之一是不改变事物。变化导致错误。知道你的函数不会改变任何东西，包括函数参数或任何全局变量，更容易防止错误。前面的例子没有任何复杂的操作，但是<code>splice</code>方法改变了原始数组，并导致了一个bug。回想一下，在函数式编程中，改变或改变事物称为<code>mutation</code> ，结果称为<code>side effect</code> 。理想情况下，函数应该是<code>pure function</code> ，这意味着它不会产生任何副作用。让我们尝试掌握这门学科，不要改变代码中的任何变量或对象。 </section>
+
+## Instructions
+<section id="instructions">填写函数<code>incrementer</code>的代码，使其返回全局变量<code>fixedValue</code>的值增加1。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的函数<code>incrementer</code>不应更改<code>fixedValue</code>的值。
+    testString: 'assert(fixedValue === 4, "Your function <code>incrementer</code> should not change the value of <code>fixedValue</code>.");'
+  - text: 您的<code>incrementer</code>函数应返回一个大于<code>fixedValue</code>值的值。
+    testString: 'assert(newValue === 5, "Your <code>incrementer</code> function should return a value that is one larger than the <code>fixedValue</code> value.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var fixedValue = 4;
+
+function incrementer () {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+
+var newValue = incrementer(); // Should equal 5
+console.log(fixedValue); // Should print 4
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/combine-an-array-into-a-string-using-the-join-method.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/combine-an-array-into-a-string-using-the-join-method.chinese.md
new file mode 100644
index 0000000000..e58ba5df74
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/combine-an-array-into-a-string-using-the-join-method.chinese.md
@@ -0,0 +1,65 @@
+---
+id: 587d7daa367417b2b2512b6c
+title: Combine an Array into a String Using the join Method
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用join方法将Array组合成String
+---
+
+## Description
+<section id="description"> <code>join</code>方法用于将数组的元素连接在一起以创建字符串。它需要一个用于分隔字符串中数组元素的分隔符的参数。这是一个例子： <blockquote> var arr = [“你好”，“世界”]; <br> var str = arr.join（“”）; <br> //将str设置为“Hello World” </blockquote></section>
+
+## Instructions
+<section id="instructions">使用<code>sentensify</code>函数内的<code>join</code>方法（以及其他方法）从字符串<code>str</code>的单词创建一个句子。该函数应返回一个字符串。例如，“我喜欢星球大战”将被转换为“我喜欢星球大战”。对于此挑战，请勿使用<code>replace</code>方法。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应使用<code>join</code>方法。
+    testString: 'assert(code.match(/\.join/g), "Your code should use the <code>join</code> method.");'
+  - text: 您的代码不应使用<code>replace</code>方法。
+    testString: 'assert(!code.match(/\.replace/g), "Your code should not use the <code>replace</code> method.");'
+  - text: <code>sentensify(&quot;May-the-force-be-with-you&quot;)</code>应该返回一个字符串。
+    testString: 'assert(typeof sentensify("May-the-force-be-with-you") === "string", "<code>sentensify("May-the-force-be-with-you")</code> should return a string.");'
+  - text: <code>sentensify(&quot;May-the-force-be-with-you&quot;)</code>应该返回<code>&quot;May the force be with you&quot;</code> 。
+    testString: 'assert(sentensify("May-the-force-be-with-you") === "May the force be with you", "<code>sentensify("May-the-force-be-with-you")</code> should return <code>"May the force be with you"</code>.");'
+  - text: <code>sentensify(&quot;The.force.is.strong.with.this.one&quot;)</code>应该返回<code>&quot;The force is strong with this one&quot;</code> 。
+    testString: 'assert(sentensify("The.force.is.strong.with.this.one") === "The force is strong with this one", "<code>sentensify("The.force.is.strong.with.this.one")</code> should return <code>"The force is strong with this one"</code>.");'
+  - text: '<code>sentensify(&quot;There,has,been,an,awakening&quot;)</code>应该回归<code>&quot;There has been an awakening&quot;</code> 。'
+    testString: 'assert(sentensify("There,has,been,an,awakening") === "There has been an awakening", "<code>sentensify("There,has,been,an,awakening")</code> should return <code>"There has been an awakening"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sentensify(str) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+sentensify("May-the-force-be-with-you");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.chinese.md
new file mode 100644
index 0000000000..10902d1514
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7da9367417b2b2512b66
+title: Combine Two Arrays Using the concat Method
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用concat方法组合两个数组
+---
+
+## Description
+<section id="description"> <code>Concatenation</code>意味着端到端地连接项目。 JavaScript为字符串和数组提供了以相同方式工作的<code>concat</code>方法。对于数组，该方法在一个上调用，然后另一个数组作为<code>concat</code>的参数提供，该数组被添加到第一个数组的末尾。它返回一个新数组，不会改变任何一个原始数组。这是一个例子： <blockquote> [1,2,3] .concat（[4,5,6]）; <br> //返回一个新数组[1,2,3,4,5,6] </blockquote></section>
+
+## Instructions
+<section id="instructions">使用<code>nonMutatingConcat</code>函数中的<code>concat</code>方法<code>attach</code>到<code>original</code>的结尾。该函数应返回连接数组。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应使用<code>concat</code>方法。
+    testString: 'assert(code.match(/\.concat/g), "Your code should use the <code>concat</code> method.");'
+  - text: 第<code>first</code>数组不应该改变。
+    testString: 'assert(JSON.stringify(first) === JSON.stringify([1, 2, 3]), "The <code>first</code> array should not change.");'
+  - text: <code>second</code>数组不应该改变。
+    testString: 'assert(JSON.stringify(second) === JSON.stringify([4, 5]), "The <code>second</code> array should not change.");'
+  - text: '<code>nonMutatingConcat([1, 2, 3], [4, 5])</code>应该返回<code>[1, 2, 3, 4, 5]</code> 。'
+    testString: 'assert(JSON.stringify(nonMutatingConcat([1, 2, 3], [4, 5])) === JSON.stringify([1, 2, 3, 4, 5]), "<code>nonMutatingConcat([1, 2, 3], [4, 5])</code> should return <code>[1, 2, 3, 4, 5]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nonMutatingConcat(original, attach) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+var first = [1, 2, 3];
+var second = [4, 5];
+nonMutatingConcat(first, second);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.chinese.md
new file mode 100644
index 0000000000..992d929e51
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.chinese.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b8f367417b2b2512b62
+title: Implement map on a Prototype
+challengeType: 1
+videoUrl: ''
+localeTitle: 在Prototype上实现地图
+---
+
+## Description
+<section id="description">正如您在应用<code>Array.prototype.map()</code>或之前简单地<code>map()</code>所看到的那样， <code>map</code>方法返回一个与调用它的长度相同的数组。它也不会改变原始数组，只要它的回调函数不会。换句话说， <code>map</code>是一个纯函数，它的输出完全取决于它的输入。另外，它需要另一个函数作为其参数。它会教我们很多关于<code>map</code>的尝试实现它的一个版本，它的行为与带有<code>for</code>循环或<code>Array.prototype.forEach()</code>的<code>Array.prototype.map()</code>完全相同。注意：允许纯函数改变在其范围内定义的局部变量，但是，最好也避免使用它。 </section>
+
+## Instructions
+<section id="instructions">编写自己的<code>Array.prototype.myMap()</code> ，其行为应与<code>Array.prototype.map()</code>完全相同。您可以使用<code>for</code>循环或<code>forEach</code>方法。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>new_s</code>应该等于<code>[46, 130, 196, 10]</code> <code>new_s</code> <code>[46, 130, 196, 10]</code> 。'
+    testString: 'assert(JSON.stringify(new_s) === JSON.stringify([46, 130, 196, 10]), "<code>new_s</code> should equal <code>[46, 130, 196, 10]</code>.");'
+  - text: 您的代码不应使用<code>map</code>方法。
+    testString: 'assert(!code.match(/\.map/g), "Your code should not use the <code>map</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global Array
+var s = [23, 65, 98, 5];
+
+Array.prototype.myMap = function(callback){
+  var newArray = [];
+  // Add your code below this line
+
+  // Add your code above this line
+  return newArray;
+
+};
+
+var new_s = s.myMap(function(item){
+  return item * 2;
+});
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/implement-the-filter-method-on-a-prototype.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/implement-the-filter-method-on-a-prototype.chinese.md
new file mode 100644
index 0000000000..a36c8e1a09
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/implement-the-filter-method-on-a-prototype.chinese.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b8f367417b2b2512b64
+title: Implement the filter Method on a Prototype
+challengeType: 1
+videoUrl: ''
+localeTitle: 在Prototype上实现过滤器方法
+---
+
+## Description
+<section id="description">如果我们尝试实现与<code>Array.prototype.filter()</code>完全相同的版本，它会教会我们很多关于<code>filter</code>方法的内容。它可以使用<code>for</code>循环或<code>Array.prototype.forEach()</code> 。注意：允许纯函数改变在其范围内定义的局部变量，但是，最好也避免使用它。 </section>
+
+## Instructions
+<section id="instructions">编写自己的<code>Array.prototype.myFilter()</code> ，其行为应与<code>Array.prototype.filter()</code>完全相同。您可以使用<code>for</code>循环或<code>Array.prototype.forEach()</code>方法。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>new_s</code>应该等于<code>[23, 65, 5]</code> <code>new_s</code> <code>[23, 65, 5]</code> 。'
+    testString: 'assert(JSON.stringify(new_s) === JSON.stringify([23, 65, 5]), "<code>new_s</code> should equal <code>[23, 65, 5]</code>.");'
+  - text: 您的代码不应使用<code>filter</code>方法。
+    testString: 'assert(!code.match(/\.filter/g), "Your code should not use the <code>filter</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global Array
+var s = [23, 65, 98, 5];
+
+Array.prototype.myFilter = function(callback){
+  var newArray = [];
+  // Add your code below this line
+
+  // Add your code above this line
+  return newArray;
+
+};
+
+var new_s = s.myFilter(function(item){
+  return item % 2 === 1;
+});
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/introduction-to-currying-and-partial-application.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/introduction-to-currying-and-partial-application.chinese.md
new file mode 100644
index 0000000000..f0e0bdde3f
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/introduction-to-currying-and-partial-application.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7dab367417b2b2512b70
+title: Introduction to Currying and Partial Application
+challengeType: 1
+videoUrl: ''
+localeTitle: Currying和Partial Application简介
+---
+
+## Description
+<section id="description">函数的<code>arity</code>是它需要的参数数量。 <code>Currying</code>一个功能装置，以n的函数转换<code>arity</code>为N的功能<code>arity</code> 1。换言之，它重构的功能，因此采用一个参数，然后返回另一个函数，它的下一个参数，依此类推。这是一个例子： <blockquote> //非咖喱功能<br> function unCurried（x，y）{ <br>返回x + y; <br> } <br><br> // Curried功能<br> function curried（x）{ <br> return函数（y）{ <br>返回x + y; <br> } <br> } <br> curried（1）（2）//返回3 </blockquote>如果您无法一次为函数提​​供所有参数，则在程序中这很有用。您可以将每个函数调用保存到一个变量中，该变量将保存返回的函数引用，该引用在可用时接受下一个参数。以下是使用上面示例中的<code>curried</code>函数的示例： <blockquote> //在部分中调用curried函数： <br> var funcForY = curried（1）; <br>的console.log（funcForY（2））; //打印3 </blockquote>类似地， <code>partial application</code>可以描述为一次向函数应用一些参数并返回应用于更多参数的另一个函数。这是一个例子： <blockquote> //公正的功能<br>功能公正（x，y，z）{ <br> return x + y + z; <br> } <br> var partialFn = impartial.bind（this，1,2）; <br> partialFn（10）; //返回13 </blockquote></section>
+
+## Instructions
+<section id="instructions">填写<code>add</code>函数的主体，以便使用currying来添加参数<code>x</code> ， <code>y</code>和<code>z</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>add(10)(20)(30)</code>应该返回<code>60</code> 。
+    testString: 'assert(add(10)(20)(30) === 60, "<code>add(10)(20)(30)</code> should return <code>60</code>.");'
+  - text: <code>add(1)(2)(3)</code>应该返回<code>6</code> 。
+    testString: 'assert(add(1)(2)(3) === 6, "<code>add(1)(2)(3)</code> should return <code>6</code>.");'
+  - text: <code>add(11)(22)(33)</code>应该返回<code>66</code> 。
+    testString: 'assert(add(11)(22)(33) === 66, "<code>add(11)(22)(33)</code> should return <code>66</code>.");'
+  - text: 您的代码应包含返回<code>x + y + z</code>的final语句。
+    testString: 'assert(code.match(/[xyz]\s*?\+\s*?[xyz]\s*?\+\s*?[xyz]/g), "Your code should include a final statement that returns <code>x + y + z</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function add(x) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+add(10)(20)(30);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/learn-about-functional-programming.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/learn-about-functional-programming.chinese.md
new file mode 100644
index 0000000000..6a482a6b38
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/learn-about-functional-programming.chinese.md
@@ -0,0 +1,79 @@
+---
+id: 587d7b8d367417b2b2512b5b
+title: Learn About Functional Programming
+challengeType: 1
+videoUrl: ''
+localeTitle: 了解功能编程
+---
+
+## Description
+<section id="description">功能编程是一种编程风格，其中解决方案是简单，独立的功能，在功能范围之外没有任何副作用。 <code>INPUT -&gt; PROCESS -&gt; OUTPUT</code>功能编程是关于：1）隔离函数 - 不依赖于程序的状态，其中包括可能发生变化的全局变量2）纯函数 - 相同的输入总是给出相同的输出3）副作用有限的功能 - 对功能外部程序状态的任何改变或突变都要仔细控制</section>
+
+## Instructions
+<section id="instructions"> freeCodeCamp的成员碰巧爱茶。在代码编辑器中，已经为您定义了<code>prepareTea</code>和<code>getTea</code>函数。调用<code>getTea</code>函数为团队获取40杯茶，并将它们存储在<code>tea4TeamFCC</code>变量中。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>tea4TeamFCC</code>变量应该为团队提供40杯茶。
+    testString: 'assert(tea4TeamFCC.length === 40, "The <code>tea4TeamFCC</code> variable should hold 40 cups of tea for the team.");'
+  - text: <code>tea4TeamFCC</code>变量应该拿着一杯绿茶。
+    testString: 'assert(tea4TeamFCC[0] === "greenTea", "The <code>tea4TeamFCC</code> variable should hold cups of green tea.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+/**
+ * A long process to prepare tea.
+ * @return {string} A cup of tea.
+ **/
+const prepareTea = () => 'greenTea';
+
+/**
+ * Get given number of cups of tea.
+ * @param {number} numOfCups Number of required cups of tea.
+ * @return {Array<string>} Given amount of tea cups.
+ **/
+const getTea = (numOfCups) => {
+  const teaCups = [];
+
+  for(let cups = 1; cups <= numOfCups; cups += 1) {
+    const teaCup = prepareTea();
+    teaCups.push(teaCup);
+  }
+
+  return teaCups;
+};
+
+// Add your code below this line
+
+const tea4TeamFCC = null; // :(
+
+// Add your code above this line
+
+console.log(tea4TeamFCC);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/pass-arguments-to-avoid-external-dependence-in-a-function.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/pass-arguments-to-avoid-external-dependence-in-a-function.chinese.md
new file mode 100644
index 0000000000..accf10532a
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/pass-arguments-to-avoid-external-dependence-in-a-function.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b8e367417b2b2512b5f
+title: Pass Arguments to Avoid External Dependence in a Function
+challengeType: 1
+videoUrl: ''
+localeTitle: 传递参数以避免函数中的外部依赖
+---
+
+## Description
+<section id="description">最后一个挑战是向功能编程原则迈进了一步，但仍然缺少一些东西。我们没有改变全局变量值，但是如果没有全局变量<code>fixedValue</code> ，函数<code>incrementer</code>将无法工作。函数式编程的另一个原则是始终明确声明您的依赖项。这意味着如果函数依赖于存在的变量或对象，则将该变量或对象作为参数直接传递给函数。这个原则有几个好的结果。该函数更容易测试，您确切知道它需要什么输入，并且它不依赖于程序中的任何其他内容。当您更改，删除或添加新代码时，这可以让您更有信心。你会知道你可以或不可以改变什么，你可以看到潜在陷阱的位置。最后，无论代码的哪一部分执行，函数总是会为同一组输入生成相同的输出。 </section>
+
+## Instructions
+<section id="instructions">让我们更新<code>incrementer</code>函数以清楚地声明其依赖关系。编写<code>incrementer</code>函数，使其获取参数，然后将值增加1。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的函数<code>incrementer</code>不应更改<code>fixedValue</code>的值。
+    testString: 'assert(fixedValue === 4, "Your function <code>incrementer</code> should not change the value of <code>fixedValue</code>.");'
+  - text: 您的<code>incrementer</code>功能应该采用参数。
+    testString: 'assert(code.match(/function\s+?incrementer\s*?\(.+?\)/g), "Your <code>incrementer</code> function should take a parameter.");'
+  - text: 您的<code>incrementer</code>函数应返回一个大于<code>fixedValue</code>值的值。
+    testString: 'assert(newValue === 5, "Your <code>incrementer</code> function should return a value that is one larger than the <code>fixedValue</code> value.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var fixedValue = 4;
+
+// Add your code below this line
+function incrementer () {
+
+
+  // Add your code above this line
+}
+
+var newValue = incrementer(fixedValue); // Should equal 5
+console.log(fixedValue); // Should print 4
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/refactor-global-variables-out-of-functions.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/refactor-global-variables-out-of-functions.chinese.md
new file mode 100644
index 0000000000..1d12327938
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/refactor-global-variables-out-of-functions.chinese.md
@@ -0,0 +1,86 @@
+---
+id: 587d7b8f367417b2b2512b60
+title: Refactor Global Variables Out of Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: 重构函数的全局变量
+---
+
+## Description
+<section id="description">到目前为止，我们已经看到了函数式编程的两个不同原则：1）不要改变变量或对象 - 创建新的变量和对象，并在需要时从函数返回它们。 2）声明函数参数 - 函数内的任何计算仅依赖于参数，而不依赖于任何全局对象或变量。在数字中添加一个并不是很令人兴奋，但我们可以在处理数组或更复杂的对象时应用这些原则。 </section>
+
+## Instructions
+<section id="instructions">重构（重写）代码，以便在任一函数内部不更改全局数组<code>bookList</code> 。 <code>add</code>函数应该将给定的<code>bookName</code>添加到数组的末尾。 <code>remove</code>函数应该从数组中删除给定的<code>bookName</code> 。这两个函数都应该返回一个数组，并且应该在<code>bookName</code>之前添加任何新参数。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>bookList</code>不应该改变并且仍然相等<code>[&quot;The Hound of the Baskervilles&quot;, &quot;On The Electrodynamics of Moving Bodies&quot;, &quot;Philosophiæ Naturalis Principia Mathematica&quot;, &quot;Disquisitiones Arithmeticae&quot;]</code> 。'
+    testString: 'assert(JSON.stringify(bookList) === JSON.stringify(["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]), "<code>bookList</code> should not change and still equal <code>["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]</code>.");'
+  - text: '<code>newBookList</code>应该等于<code>[&quot;The Hound of the Baskervilles&quot;, &quot;On The Electrodynamics of Moving Bodies&quot;, &quot;Philosophiæ Naturalis Principia Mathematica&quot;, &quot;Disquisitiones Arithmeticae&quot;, &quot;A Brief History of Time&quot;]</code> 。'
+    testString: 'assert(JSON.stringify(newBookList) === JSON.stringify(["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]), "<code>newBookList</code> should equal <code>["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]</code>.");'
+  - text: '<code>newerBookList</code>应该等于<code>[&quot;The Hound of the Baskervilles&quot;, &quot;Philosophiæ Naturalis Principia Mathematica&quot;, &quot;Disquisitiones Arithmeticae&quot;]</code> 。'
+    testString: 'assert(JSON.stringify(newerBookList) === JSON.stringify(["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]), "<code>newerBookList</code> should equal <code>["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]</code>.");'
+  - text: '<code>newestBookList</code>应该等于<code>[&quot;The Hound of the Baskervilles&quot;, &quot;Philosophiæ Naturalis Principia Mathematica&quot;, &quot;Disquisitiones Arithmeticae&quot;, &quot;A Brief History of Time&quot;]</code> 。'
+    testString: 'assert(JSON.stringify(newestBookList) === JSON.stringify(["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]), "<code>newestBookList</code> should equal <code>["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var bookList = ["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"];
+
+/* This function should add a book to the list and return the list */
+// New parameters should come before the bookName one
+
+// Add your code below this line
+function add (bookName) {
+
+  return bookList.push(bookName);
+
+  // Add your code above this line
+}
+
+/* This function should remove a book from the list and return the list */
+// New parameters should come before the bookName one
+
+// Add your code below this line
+function remove (bookName) {
+  if (bookList.indexOf(bookName) >= 0) {
+
+    return bookList.splice(0, 1, bookName);
+
+    // Add your code above this line
+    }
+}
+
+var newBookList = add(bookList, 'A Brief History of Time');
+var newerBookList = remove(bookList, 'On The Electrodynamics of Moving Bodies');
+var newestBookList = remove(add(bookList, 'A Brief History of Time'), 'On The Electrodynamics of Moving Bodies');
+
+console.log(bookList);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/remove-elements-from-an-array-using-slice-instead-of-splice.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/remove-elements-from-an-array-using-slice-instead-of-splice.chinese.md
new file mode 100644
index 0000000000..84b927b73a
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/remove-elements-from-an-array-using-slice-instead-of-splice.chinese.md
@@ -0,0 +1,62 @@
+---
+id: 9d7123c8c441eeafaeb5bdef
+title: Remove Elements from an Array Using slice Instead of splice
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用切片从阵列中删除元素而不是拼接
+---
+
+## Description
+<section id="description">使用数组时的常见模式是当您想要删除项目并保留数组的其余部分时。 JavaScript为此提供了<code>splice</code>方法，该方法接受索引的参数，该索引指示从何处开始删除项目，然后是要删除的项目数。如果未提供第二个参数，则默认为通过结尾删除项目。但是， <code>splice</code>方法会改变调用它的原始数组。这是一个例子： <blockquote> var cities = [“芝加哥”，“德里”，“伊斯兰堡”，“伦敦”，“柏林”]; <br> cities.splice（3,1）; //返回“London”并从cities数组中删除它<br> //现在是城市[“芝加哥”，“德里”，“伊斯兰堡”，“柏林”] </blockquote>正如我们在上一次挑战中看到的那样， <code>slice</code>方法不会改变原始数组，而是返回一个可以保存到变量中的新数组。回想一下， <code>slice</code>方法为索引开始和结束<code>slice</code>采用两个参数（结束是非包含的），并在新数组中返回这些项。使用<code>slice</code>方法而不是<code>splice</code>有助于避免任何阵列变异的副作用。 </section>
+
+## Instructions
+<section id="instructions">使用<code>slice</code>而不是<code>splice</code>重写函数<code>nonMutatingSplice</code> 。它应该将提供的<code>cities</code>数组限制为3的长度，并返回仅包含前三项的新数组。不要改变提供给函数的原始数组。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该使用<code>slice</code>方法。
+    testString: 'assert(code.match(/\.slice/g), "Your code should use the <code>slice</code> method.");'
+  - text: 您的代码不应使用<code>splice</code>方法。
+    testString: 'assert(!code.match(/\.splice/g), "Your code should not use the <code>splice</code> method.");'
+  - text: <code>inputCities</code>数组不应更改。
+    testString: 'assert(JSON.stringify(inputCities) === JSON.stringify(["Chicago", "Delhi", "Islamabad", "London", "Berlin"]), "The <code>inputCities</code> array should not change.");'
+  - text: '<code>nonMutatingSplice([&quot;Chicago&quot;, &quot;Delhi&quot;, &quot;Islamabad&quot;, &quot;London&quot;, &quot;Berlin&quot;])</code>应该返回<code>[&quot;Chicago&quot;, &quot;Delhi&quot;, &quot;Islamabad&quot;]</code> 。'
+    testString: 'assert(JSON.stringify(nonMutatingSplice(["Chicago", "Delhi", "Islamabad", "London", "Berlin"])) === JSON.stringify(["Chicago", "Delhi", "Islamabad"]), "<code>nonMutatingSplice(["Chicago", "Delhi", "Islamabad", "London", "Berlin"])</code> should return <code>["Chicago", "Delhi", "Islamabad"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nonMutatingSplice(cities) {
+  // Add your code below this line
+  return cities.splice(3);
+
+  // Add your code above this line
+}
+var inputCities = ["Chicago", "Delhi", "Islamabad", "London", "Berlin"];
+nonMutatingSplice(inputCities);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/return-a-sorted-array-without-changing-the-original-array.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/return-a-sorted-array-without-changing-the-original-array.chinese.md
new file mode 100644
index 0000000000..474c9b94c5
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/return-a-sorted-array-without-changing-the-original-array.chinese.md
@@ -0,0 +1,62 @@
+---
+id: 587d7da9367417b2b2512b6a
+title: Return a Sorted Array Without Changing the Original Array
+challengeType: 1
+videoUrl: ''
+localeTitle: 返回排序数组而不更改原始数组
+---
+
+## Description
+<section id="description"> <code>sort</code>方法的一个副作用是它改变了原始数组中元素的顺序。换句话说，它将阵列变异。避免这种情况的一种方法是首先将空数组连接到正在排序的数组（记住<code>concat</code>返回一个新数组），然后运行<code>sort</code>方法。 </section>
+
+## Instructions
+<section id="instructions">使用<code>nonMutatingSort</code>函数中的<code>sort</code>方法按升序对数组元素进行排序。该函数应该返回一个新数组，而不是改变<code>globalArray</code>变量。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该使用<code>sort</code>方法。
+    testString: 'assert(code.match(/\.sort/g), "Your code should use the <code>sort</code> method.");'
+  - text: 您的代码应使用<code>concat</code>方法。
+    testString: 'assert(code.match(/\.concat/g), "Your code should use the <code>concat</code> method.");'
+  - text: <code>globalArray</code>变量不应该更改。
+    testString: 'assert(JSON.stringify(globalArray) === JSON.stringify([5, 6, 3, 2, 9]), "The <code>globalArray</code> variable should not change.");'
+  - text: '<code>nonMutatingSort(globalArray)</code>应该返回<code>[2, 3, 5, 6, 9]</code> <code>nonMutatingSort(globalArray)</code> <code>[2, 3, 5, 6, 9]</code> 。'
+    testString: 'assert(JSON.stringify(nonMutatingSort(globalArray)) === JSON.stringify([2, 3, 5, 6, 9]), "<code>nonMutatingSort(globalArray)</code> should return <code>[2, 3, 5, 6, 9]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var globalArray = [5, 6, 3, 2, 9];
+function nonMutatingSort(arr) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+nonMutatingSort(globalArray);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/return-part-of-an-array-using-the-slice-method.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/return-part-of-an-array-using-the-slice-method.chinese.md
new file mode 100644
index 0000000000..63abf20522
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/return-part-of-an-array-using-the-slice-method.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b90367417b2b2512b65
+title: Return Part of an Array Using the slice Method
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用切片方法返回数组的一部分
+---
+
+## Description
+<section id="description"> <code>slice</code>方法返回数组的某些元素的副本。它可以采用两个参数，第一个给出切片开始位置的索引，第二个是切片结束位置的索引（并且它是非包含的）。如果未提供参数，则默认为从数组的开头到结尾开始，这是复制整个数组的简单方法。 <code>slice</code>方法不会改变原始数组，但会返回一个新数组。这是一个例子： <blockquote> var arr = [“Cat”，“Dog”，“Tiger”，“Zebra”]; <br> var newArray = arr.slice（1,3）; <br> //将newArray设置为[“Dog”，“Tiger”] </blockquote></section>
+
+## Instructions
+<section id="instructions">在给定提供的<code>beginSlice</code>和<code>endSlice</code>索引的情况下，使用<code>sliceArray</code>函数中的<code>slice</code>方法返回<code>anim</code>数组的一部分。该函数应返回一个数组。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该使用<code>slice</code>方法。
+    testString: 'assert(code.match(/\.slice/g), "Your code should use the <code>slice</code> method.");'
+  - text: <code>inputAnim</code>变量不应该更改。
+    testString: 'assert(JSON.stringify(inputAnim) === JSON.stringify(["Cat", "Dog", "Tiger", "Zebra", "Ant"]), "The <code>inputAnim</code> variable should not change.");'
+  - text: '<code>sliceArray([&quot;Cat&quot;, &quot;Dog&quot;, &quot;Tiger&quot;, &quot;Zebra&quot;, &quot;Ant&quot;], 1, 3)</code>应该返回<code>[&quot;Dog&quot;, &quot;Tiger&quot;]</code> 。'
+    testString: 'assert(JSON.stringify(sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 3)) === JSON.stringify(["Dog", "Tiger"]), "<code>sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 3)</code> should return <code>["Dog", "Tiger"]</code>.");'
+  - text: '<code>sliceArray([&quot;Cat&quot;, &quot;Dog&quot;, &quot;Tiger&quot;, &quot;Zebra&quot;, &quot;Ant&quot;], 0, 1)</code>应返回<code>[&quot;Cat&quot;]</code> 。'
+    testString: 'assert(JSON.stringify(sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 0, 1)) === JSON.stringify(["Cat"]), "<code>sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 0, 1)</code> should return <code>["Cat"]</code>.");'
+  - text: '<code>sliceArray([&quot;Cat&quot;, &quot;Dog&quot;, &quot;Tiger&quot;, &quot;Zebra&quot;, &quot;Ant&quot;], 1, 4)</code>应返回<code>[&quot;Dog&quot;, &quot;Tiger&quot;, &quot;Zebra&quot;]</code> 。'
+    testString: 'assert(JSON.stringify(sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 4)) === JSON.stringify(["Dog", "Tiger", "Zebra"]), "<code>sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 4)</code> should return <code>["Dog", "Tiger", "Zebra"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sliceArray(anim, beginSlice, endSlice) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+var inputAnim = ["Cat", "Dog", "Tiger", "Zebra", "Ant"];
+sliceArray(inputAnim, 1, 3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/sort-an-array-alphabetically-using-the-sort-method.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/sort-an-array-alphabetically-using-the-sort-method.chinese.md
new file mode 100644
index 0000000000..fefb531bc2
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/sort-an-array-alphabetically-using-the-sort-method.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7da9367417b2b2512b69
+title: Sort an Array Alphabetically using the sort Method
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用sort方法按字母顺序对数组进行排序
+---
+
+## Description
+<section id="description"> <code>sort</code>方法根据回调函数对数组的元素进行<code>sort</code> 。例如： <blockquote> function ascendingOrder（arr）{ <br> return arr.sort（function（a，b）{ <br>返回a  -  b; <br> }）; <br> } <br> ascendingOrder（[1,5,2,3,4]）; <br> //返回[1,2,3,4,5] <br><br> function reverseAlpha（arr）{ <br> return arr.sort（function（a，b）{ <br>返回&lt;b; <br> }）; <br> } <br> reverseAlpha（[&#39;l&#39;，&#39;h&#39;，&#39;z&#39;，&#39;b&#39;，&#39;s&#39;]）; <br> //返回[&#39;z&#39;，&#39;s&#39;，&#39;l&#39;，&#39;h&#39;，&#39;b&#39;] </blockquote>注意：鼓励提供回调函数来指定如何对数组项进行排序。 JavaScript的默认排序方法是字符串Unicode点值，这可能会返回意外结果。 </section>
+
+## Instructions
+<section id="instructions">使用<code>alphabeticalOrder</code>函数中的<code>sort</code>方法<code>alphabeticalOrder</code>字母顺序对<code>arr</code>的元素进行排序。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该使用<code>sort</code>方法。
+    testString: 'assert(code.match(/\.sort/g), "Your code should use the <code>sort</code> method.");'
+  - text: '<code>alphabeticalOrder([&quot;a&quot;, &quot;d&quot;, &quot;c&quot;, &quot;a&quot;, &quot;z&quot;, &quot;g&quot;])</code>应返回<code>[&quot;a&quot;, &quot;a&quot;, &quot;c&quot;, &quot;d&quot;, &quot;g&quot;, &quot;z&quot;]</code> 。'
+    testString: 'assert(JSON.stringify(alphabeticalOrder(["a", "d", "c", "a", "z", "g"])) === JSON.stringify(["a", "a", "c", "d", "g", "z"]), "<code>alphabeticalOrder(["a", "d", "c", "a", "z", "g"])</code> should return <code>["a", "a", "c", "d", "g", "z"]</code>.");'
+  - text: '<code>alphabeticalOrder([&quot;x&quot;, &quot;h&quot;, &quot;a&quot;, &quot;m&quot;, &quot;n&quot;, &quot;m&quot;])</code>应返回<code>[&quot;a&quot;, &quot;h&quot;, &quot;m&quot;, &quot;m&quot;, &quot;n&quot;, &quot;x&quot;]</code> 。'
+    testString: 'assert(JSON.stringify(alphabeticalOrder(["x", "h", "a", "m", "n", "m"])) === JSON.stringify(["a", "h", "m", "m", "n", "x"]), "<code>alphabeticalOrder(["x", "h", "a", "m", "n", "m"])</code> should return <code>["a", "h", "m", "m", "n", "x"]</code>.");'
+  - text: '<code>alphabeticalOrder([&quot;a&quot;, &quot;a&quot;, &quot;a&quot;, &quot;a&quot;, &quot;x&quot;, &quot;t&quot;])</code>应返回<code>[&quot;a&quot;, &quot;a&quot;, &quot;a&quot;, &quot;a&quot;, &quot;t&quot;, &quot;x&quot;]</code> 。'
+    testString: 'assert(JSON.stringify(alphabeticalOrder(["a", "a", "a", "a", "x", "t"])) === JSON.stringify(["a", "a", "a", "a", "t", "x"]), "<code>alphabeticalOrder(["a", "a", "a", "a", "x", "t"])</code> should return <code>["a", "a", "a", "a", "t", "x"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function alphabeticalOrder(arr) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+alphabeticalOrder(["a", "d", "c", "a", "z", "g"]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/split-a-string-into-an-array-using-the-split-method.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/split-a-string-into-an-array-using-the-split-method.chinese.md
new file mode 100644
index 0000000000..6966db0e01
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/split-a-string-into-an-array-using-the-split-method.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7daa367417b2b2512b6b
+title: Split a String into an Array Using the split Method
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用split方法将字符串拆分为数组
+---
+
+## Description
+<section id="description"> <code>split</code>方法将字符串拆分为字符串数组。它接受分隔符的参数，分隔符可以是用于分解字符串或正则表达式的字符。例如，如果分隔符是空格，则会得到一个单词数组，如果分隔符是空字符串，则会得到字符串中每个字符的数组。下面是两个用空格分隔一个字符串的例子，然后用正则表达式用数字分割另一个字符串： <blockquote> var str =“Hello World”; <br> var bySpace = str.split（“”）; <br> //将bySpace设置为[“Hello”，“World”] <br><br> var otherString =“How9are7you2today”; <br> var byDigits = otherString.split（/ \ d /）; <br> //将byDigits设置为[“How”，“are”，“you”，“today”] </blockquote>由于字符串是不可变的，因此<code>split</code>方法可以更轻松地使用它们。 </section>
+
+## Instructions
+<section id="instructions">使用<code>splitify</code>函数内的<code>split</code>方法将<code>str</code>拆分为单词数组。该函数应该返回数组。请注意，单词并不总是用空格分隔，并且数组不应包含标点符号。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该使用<code>split</code>方法。
+    testString: 'assert(code.match(/\.split/g), "Your code should use the <code>split</code> method.");'
+  - text: '<code>splitify(&quot;Hello World,I-am code&quot;)</code>应返回<code>[&quot;Hello&quot;, &quot;World&quot;, &quot;I&quot;, &quot;am&quot;, &quot;code&quot;]</code> 。'
+    testString: 'assert(JSON.stringify(splitify("Hello World,I-am code")) === JSON.stringify(["Hello", "World", "I", "am", "code"]), "<code>splitify("Hello World,I-am code")</code> should return <code>["Hello", "World", "I", "am", "code"]</code>.");'
+  - text: '<code>splitify(&quot;Earth-is-our home&quot;)</code>应该返回<code>[&quot;Earth&quot;, &quot;is&quot;, &quot;our&quot;, &quot;home&quot;]</code> 。'
+    testString: 'assert(JSON.stringify(splitify("Earth-is-our home")) === JSON.stringify(["Earth", "is", "our", "home"]), "<code>splitify("Earth-is-our home")</code> should return <code>["Earth", "is", "our", "home"]</code>.");'
+  - text: '<code>splitify(&quot;This.is.a-sentence&quot;)</code>应该返回<code>[&quot;This&quot;, &quot;is&quot;, &quot;a&quot;, &quot;sentence&quot;]</code> 。'
+    testString: 'assert(JSON.stringify(splitify("This.is.a-sentence")) === JSON.stringify(["This", "is", "a", "sentence"]), "<code>splitify("This.is.a-sentence")</code> should return <code>["This", "is", "a", "sentence"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function splitify(str) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+splitify("Hello World,I-am code");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/understand-functional-programming-terminology.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/understand-functional-programming-terminology.chinese.md
new file mode 100644
index 0000000000..80c61aa166
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/understand-functional-programming-terminology.chinese.md
@@ -0,0 +1,94 @@
+---
+id: 587d7b8e367417b2b2512b5c
+title: Understand Functional Programming Terminology
+challengeType: 1
+videoUrl: ''
+localeTitle: 理解功能编程术语
+---
+
+## Description
+<section id="description">联邦通信委员会团队有一种情绪波动，现在想要两种类型的茶：绿茶和红茶。一般事实：客户情绪波动很常见。有了这些信息，我们需要重新审视上次挑战中的<code>getTea</code>功能，以处理各种茶叶请求。我们可以修改<code>getTea</code>来接受一个函数作为参数，以便能够改变它准备的茶的类型。这使得<code>getTea</code>更加灵活，并且在客户端请求发生变化时为程序员提供更多控制。但首先，让我们介绍一些函数术语： <code>Callbacks</code>函数是滑动或传递给另一个函数来决定函数调用的函数。您可能已经看到它们传递给其他方法，例如在<code>filter</code> ，回调函数告诉JavaScript如何过滤数组的标准。可以分配给变量，传递到另一个函数或从其他函数返回的函数就像任何其他正常值一样，称为<code>first class</code>函数。在JavaScript中，所有函数都是<code>first class</code>函数。将函数作为参数或将函数作为返回值返回的函数称为<code>higher order</code>函数。当函数传递给另一个函数或从另一个函数返回时，那些传入或返回的函数可以称为<code>lambda</code> 。 </section>
+
+## Instructions
+<section id="instructions">准备27杯绿茶和13杯红茶，分别储存在<code>tea4GreenTeamFCC</code>和<code>tea4BlackTeamFCC</code>变量中。请注意， <code>getTea</code>函数已被修改，因此它现在将函数作为第一个参数。注意：数据（茶杯数量）作为最后一个参数提供。我们将在后面的课程中对此进行更多讨论。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>tea4GreenTeamFCC</code>变量应该为团队提供27杯绿茶。
+    testString: 'assert(tea4GreenTeamFCC.length === 27, "The <code>tea4GreenTeamFCC</code> variable should hold 27 cups of green tea for the team.");'
+  - text: <code>tea4GreenTeamFCC</code>变量应该拿着一杯绿茶。
+    testString: 'assert(tea4GreenTeamFCC[0] === "greenTea", "The <code>tea4GreenTeamFCC</code> variable should hold cups of green tea.");'
+  - text: <code>tea4BlackTeamFCC</code>变量应该可以容纳13杯红茶。
+    testString: 'assert(tea4BlackTeamFCC.length === 13, "The <code>tea4BlackTeamFCC</code> variable should hold 13 cups of black tea.");'
+  - text: <code>tea4BlackTeamFCC</code>变量应该拿着一杯红茶。
+    testString: 'assert(tea4BlackTeamFCC[0] === "blackTea", "The <code>tea4BlackTeamFCC</code> variable should hold cups of black tea.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+/**
+ * A long process to prepare green tea.
+ * @return {string} A cup of green tea.
+ **/
+const prepareGreenTea = () => 'greenTea';
+
+/**
+ * A long process to prepare black tea.
+ * @return {string} A cup of black tea.
+ **/
+const prepareBlackTea = () => 'blackTea';
+
+/**
+ * Get given number of cups of tea.
+ * @param {function():string} prepareTea The type of tea preparing function.
+ * @param {number} numOfCups Number of required cups of tea.
+ * @return {Array<string>} Given amount of tea cups.
+ **/
+const getTea = (prepareTea, numOfCups) => {
+  const teaCups = [];
+
+  for(let cups = 1; cups <= numOfCups; cups += 1) {
+    const teaCup = prepareTea();
+    teaCups.push(teaCup);
+  }
+
+  return teaCups;
+};
+
+// Add your code below this line
+
+const tea4GreenTeamFCC = null; // :(
+const tea4BlackTeamFCC = null; // :(
+
+// Add your code above this line
+
+console.log(
+  tea4GreenTeamFCC,
+  tea4BlackTeamFCC
+);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.chinese.md
new file mode 100644
index 0000000000..595fc6b8ce
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.chinese.md
@@ -0,0 +1,87 @@
+---
+id: 587d7b8e367417b2b2512b5d
+title: Understand the Hazards of Using Imperative Code
+challengeType: 1
+videoUrl: ''
+localeTitle: 了解使用命令代码的危害
+---
+
+## Description
+<section id="description">功能编程是一个好习惯。它使您的代码易于管理，并使您免于偷偷摸摸的错误。但在我们到达那里之前，让我们看一下编程的必要方法，以突出您可能遇到的问题。在英语（和许多其他语言）中，命令式时态用于给出命令。类似地，编程中的命令式是为计算机提供一组语句来执行任务。通常，语句会更改程序的状态，例如更新全局变量。一个典型的例子是编写一个<code>for</code>循环，它给出了迭代数组索引的精确方向。相反，函数式编程是声明式编程的一种形式。通过调用方法或函数告诉计算机您想要做什么。 JavaScript提供了许多处理常见任务的预定义方法，因此您无需写出计算机应如何执行它们。例如，您可以调用<code>map</code>方法来处理迭代数组的细节，而不是使用上面提到的<code>for</code>循环。这有助于避免语义错误，例如调试部分中介绍的“Off By One Errors”。请考虑以下情况：您正在浏览器中浏览Web，并希望跟踪已打开的选项卡。让我们尝试使用一些简单的面向对象的代码对此进行建模。 Window对象由选项卡组成，您通常打开多个Window。每个Window对象中每个开放站点的标题都保存在一个数组中。在浏览器中工作（打开新选项卡，合并窗口和关闭选项卡）后，您需要打印仍处于打开状态的选项卡。从数组中删除已关闭的选项卡，并将新选项卡（为简单起见）添加到其末尾。代码编辑器显示了此功能的实现，其中包含<code>tabOpen()</code> ， <code>tabClose()</code>和<code>join()</code>函数。数组<code>tabs</code>是Window对象的一部分，用于存储打开页面的名称。 <h4>说明</h4><h4>在编辑器中运行代码。它使用的方法在程序中有副作用，导致输出错误。打开标签的最终列表应该是<code>[&#39;FB&#39;, &#39;Gitter&#39;, &#39;Reddit&#39;, &#39;Twitter&#39;, &#39;Medium&#39;, &#39;new tab&#39;, &#39;Netflix&#39;, &#39;YouTube&#39;, &#39;Vine&#39;, &#39;GMail&#39;, &#39;Work mail&#39;, &#39;Docs&#39;, &#39;freeCodeCamp&#39;, &#39;new tab&#39;]</code>但输出会略有不同。完成代码并查看是否可以找出问题，然后进入下一个挑战以了解更多信息。 </h4></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 继续前进以了解错误。
+    testString: 'assert(true, "Move ahead to understand the error.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// tabs is an array of titles of each site open within the window
+var Window = function(tabs) {
+  this.tabs = tabs; // we keep a record of the array inside the object
+};
+
+// When you join two windows into one window
+Window.prototype.join = function (otherWindow) {
+  this.tabs = this.tabs.concat(otherWindow.tabs);
+  return this;
+};
+
+// When you open a new tab at the end
+Window.prototype.tabOpen = function (tab) {
+  this.tabs.push('new tab'); // let's open a new tab for now
+  return this;
+};
+
+// When you close a tab
+Window.prototype.tabClose = function (index) {
+  var tabsBeforeIndex = this.tabs.splice(0, index); // get the tabs before the tab
+  var tabsAfterIndex = this.tabs.splice(index); // get the tabs after the tab
+
+  this.tabs = tabsBeforeIndex.concat(tabsAfterIndex); // join them together
+  return this;
+ };
+
+// Let's create three browser windows
+var workWindow = new Window(['GMail', 'Inbox', 'Work mail', 'Docs', 'freeCodeCamp']); // Your mailbox, drive, and other work sites
+var socialWindow = new Window(['FB', 'Gitter', 'Reddit', 'Twitter', 'Medium']); // Social sites
+var videoWindow = new Window(['Netflix', 'YouTube', 'Vimeo', 'Vine']); //  Entertainment sites
+
+// Now perform the tab opening, closing, and other operations
+var finalTabs = socialWindow
+                    .tabOpen() // Open a new tab for cat memes
+                    .join(videoWindow.tabClose(2)) // Close third tab in video window, and join
+                    .join(workWindow.tabClose(1).tabOpen());
+
+alert(finalTabs.tabs);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.chinese.md
new file mode 100644
index 0000000000..7ebb60392c
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7dab367417b2b2512b6e
+title: Use the every Method to Check that Every Element in an Array Meets a Criteria
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用every方法检查数组中的每个元素是否符合条件
+---
+
+## Description
+<section id="description"> <code>every</code>方法都使用数组来检查<em>每个</em>元素是否通过了特定的测试。它返回一个布尔值 - 如果所有值都满足条件，则返回<code>true</code>否则返回<code>false</code> 。例如，以下代码将检查<code>numbers</code>数组中的每个元素是否小于10： <blockquote> var numbers = [1,5,8,0,10,11]; <br> numbers.every（function（currentValue）{ <br> return currentValue &lt;10; <br> }）; <br> //返回false </blockquote></section>
+
+## Instructions
+<section id="instructions">使用<code>checkPositive</code>函数中的<code>every</code>方法检查<code>arr</code>每个元素是否为正数。该函数应返回一个布尔值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该使用<code>every</code>方法。
+    testString: 'assert(code.match(/\.every/g), "Your code should use the <code>every</code> method.");'
+  - text: '<code>checkPositive([1, 2, 3, -4, 5])</code>应该返回<code>false</code> 。'
+    testString: 'assert(!checkPositive([1, 2, 3, -4, 5]), "<code>checkPositive([1, 2, 3, -4, 5])</code> should return <code>false</code>.");'
+  - text: '<code>checkPositive([1, 2, 3, 4, 5])</code>应该返回<code>true</code> 。'
+    testString: 'assert(checkPositive([1, 2, 3, 4, 5]), "<code>checkPositive([1, 2, 3, 4, 5])</code> should return <code>true</code>.");'
+  - text: '<code>checkPositive([1, -2, 3, -4, 5])</code>应该返回<code>false</code> 。'
+    testString: 'assert(!checkPositive([1, -2, 3, -4, 5]), "<code>checkPositive([1, -2, 3, -4, 5])</code> should return <code>false</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkPositive(arr) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+checkPositive([1, 2, 3, -4, 5]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-filter-method-to-extract-data-from-an-array.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-filter-method-to-extract-data-from-an-array.chinese.md
new file mode 100644
index 0000000000..78e052c155
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-filter-method-to-extract-data-from-an-array.chinese.md
@@ -0,0 +1,175 @@
+---
+id: 587d7b8f367417b2b2512b63
+title: Use the filter Method to Extract Data from an Array
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用过滤器方法从数组中提取数据
+---
+
+## Description
+<section id="description">另一个有用的数组函数是<code>Array.prototype.filter()</code> ，或者只是<code>filter()</code> 。 <code>filter</code>方法返回一个新数组，该数组最多与原始数组一样长，但通常只有较少的项。 <code>Filter</code>不会像<code>map</code>一样改变原始数组。它需要一个回调函数，它将回调内的逻辑应用于数组的每个元素。如果元素根据回调函数中的条件返回true，则它将包含在新数组中。 </section>
+
+## Instructions
+<section id="instructions">变量<code>watchList</code>对象，其中包含有关多部电影的信息。使用<code>filter</code>和<code>map</code>的组合返回仅具有<code>title</code>和<code>rating</code>键的新对象数组，但<code>imdbRating</code>大于或等于8.0。请注意，评级值在对象中保存为字符串，您可能希望将它们转换为数字以对它们执行数学运算。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>watchList</code>变量不应该更改。
+    testString: 'assert(watchList[0].Title === "Inception" && watchList[4].Director == "James Cameron", "The <code>watchList</code> variable should not change.");'
+  - text: 您的代码应该使用<code>filter</code>方法。
+    testString: 'assert(code.match(/\.filter/g), "Your code should use the <code>filter</code> method.");'
+  - text: 您的代码不应使用<code>for</code>循环。
+    testString: 'assert(!code.match(/for\s*?\(.+?\)/g), "Your code should not use a <code>for</code> loop.");'
+  - text: '<code>filteredList</code>应该等于<code>[{&quot;title&quot;: &quot;Inception&quot;,&quot;rating&quot;: &quot;8.8&quot;},{&quot;title&quot;: &quot;Interstellar&quot;,&quot;rating&quot;: &quot;8.6&quot;},{&quot;title&quot;: &quot;The Dark Knight&quot;,&quot;rating&quot;: &quot;9.0&quot;},{&quot;title&quot;: &quot;Batman Begins&quot;,&quot;rating&quot;: &quot;8.3&quot;}]</code> 。'
+    testString: 'assert.deepEqual(filteredList, [{"title": "Inception","rating": "8.8"},{"title": "Interstellar","rating": "8.6"},{"title": "The Dark Knight","rating": "9.0"},{"title": "Batman Begins","rating": "8.3"}], "<code>filteredList</code> should equal <code>[{"title": "Inception","rating": "8.8"},{"title": "Interstellar","rating": "8.6"},{"title": "The Dark Knight","rating": "9.0"},{"title": "Batman Begins","rating": "8.3"}]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var watchList = [
+                 {
+                   "Title": "Inception",
+                   "Year": "2010",
+                   "Rated": "PG-13",
+                   "Released": "16 Jul 2010",
+                   "Runtime": "148 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Christopher Nolan",
+                   "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Ellen Page, Tom Hardy",
+                   "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+                   "Language": "English, Japanese, French",
+                   "Country": "USA, UK",
+                   "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.8",
+                   "imdbVotes": "1,446,708",
+                   "imdbID": "tt1375666",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Interstellar",
+                   "Year": "2014",
+                   "Rated": "PG-13",
+                   "Released": "07 Nov 2014",
+                   "Runtime": "169 min",
+                   "Genre": "Adventure, Drama, Sci-Fi",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan, Christopher Nolan",
+                   "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+                   "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+                   "Language": "English",
+                   "Country": "USA, UK",
+                   "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.6",
+                   "imdbVotes": "910,366",
+                   "imdbID": "tt0816692",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "The Dark Knight",
+                   "Year": "2008",
+                   "Rated": "PG-13",
+                   "Released": "18 Jul 2008",
+                   "Runtime": "152 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+                   "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+                   "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+                   "Language": "English, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+                   "Metascore": "82",
+                   "imdbRating": "9.0",
+                   "imdbVotes": "1,652,832",
+                   "imdbID": "tt0468569",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Batman Begins",
+                   "Year": "2005",
+                   "Rated": "PG-13",
+                   "Released": "15 Jun 2005",
+                   "Runtime": "140 min",
+                   "Genre": "Action, Adventure",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+                   "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+                   "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+                   "Language": "English, Urdu, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+                   "Metascore": "70",
+                   "imdbRating": "8.3",
+                   "imdbVotes": "972,584",
+                   "imdbID": "tt0372784",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Avatar",
+                   "Year": "2009",
+                   "Rated": "PG-13",
+                   "Released": "18 Dec 2009",
+                   "Runtime": "162 min",
+                   "Genre": "Action, Adventure, Fantasy",
+                   "Director": "James Cameron",
+                   "Writer": "James Cameron",
+                   "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+                   "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+                   "Language": "English, Spanish",
+                   "Country": "USA, UK",
+                   "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+                   "Metascore": "83",
+                   "imdbRating": "7.9",
+                   "imdbVotes": "876,575",
+                   "imdbID": "tt0499549",
+                   "Type": "movie",
+                   "Response": "True"
+                }
+];
+
+// Add your code below this line
+
+var filteredList;
+
+// Add your code above this line
+
+console.log(filteredList);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-map-method-to-extract-data-from-an-array.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-map-method-to-extract-data-from-an-array.chinese.md
new file mode 100644
index 0000000000..ede2166ef8
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-map-method-to-extract-data-from-an-array.chinese.md
@@ -0,0 +1,178 @@
+---
+id: 587d7b8f367417b2b2512b61
+title: Use the map Method to Extract Data from an Array
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用映射方法从数组中提取数据
+---
+
+## Description
+<section id="description">到目前为止，我们已经学会使用纯函数来避免程序中的副作用。此外，我们已经看到函数的值仅取决于其输入参数。这仅仅是个开始。顾名思义，函数式编程以函数理论为中心。能够将它们作为参数传递给其他函数，并从另一个函数返回一个函数是有意义的。函数被认为是JavaScript中的<code>First Class Objects</code> ，这意味着它们可以像任何其他对象一样使用。它们可以保存在变量中，存储在对象中，也可以作为函数参数传递。让我们从一些简单的数组函数开始，这些函数是数组对象原型的方法。在本练习中，我们将查看<code>Array.prototype.map()</code> ，或更简单的<code>map</code> 。请记住， <code>map</code>方法是一种迭代数组中每个项目的方法。在将回调函数应用于每个元素之后，它会创建一个新数组（不更改原始数组）。 </section>
+
+## Instructions
+<section id="instructions"> <code>watchList</code>数组保存包含多部电影信息的对象。使用<code>map</code>从<code>watchList</code>提取标题和评级，并将新数组保存在<code>rating</code>变量中。编辑器中的代码当前使用<code>for</code>循环来执行此操作，将循环功能替换为<code>map</code>表达式。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>watchList</code>变量不应该更改。
+    testString: 'assert(watchList[0].Title === "Inception" && watchList[4].Director == "James Cameron", "The <code>watchList</code> variable should not change.");'
+  - text: 您的代码不应使用<code>for</code>循环。
+    testString: 'assert(!code.match(/for\s*?\(.+?\)/g), "Your code should not use a <code>for</code> loop.");'
+  - text: 您的代码应该使用<code>map</code>方法。
+    testString: 'assert(code.match(/\.map/g), "Your code should use the <code>map</code> method.");'
+  - text: '<code>rating</code>应该等于<code>[{&quot;title&quot;:&quot;Inception&quot;,&quot;rating&quot;:&quot;8.8&quot;},{&quot;title&quot;:&quot;Interstellar&quot;,&quot;rating&quot;:&quot;8.6&quot;},{&quot;title&quot;:&quot;The Dark Knight&quot;,&quot;rating&quot;:&quot;9.0&quot;},{&quot;title&quot;:&quot;Batman Begins&quot;,&quot;rating&quot;:&quot;8.3&quot;},{&quot;title&quot;:&quot;Avatar&quot;,&quot;rating&quot;:&quot;7.9&quot;}]</code> 。'
+    testString: 'assert(JSON.stringify(rating) === JSON.stringify([{"title":"Inception","rating":"8.8"},{"title":"Interstellar","rating":"8.6"},{"title":"The Dark Knight","rating":"9.0"},{"title":"Batman Begins","rating":"8.3"},{"title":"Avatar","rating":"7.9"}]), "<code>rating</code> should equal <code>[{"title":"Inception","rating":"8.8"},{"title":"Interstellar","rating":"8.6"},{"title":"The Dark Knight","rating":"9.0"},{"title":"Batman Begins","rating":"8.3"},{"title":"Avatar","rating":"7.9"}]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var watchList = [
+                 {
+                   "Title": "Inception",
+                   "Year": "2010",
+                   "Rated": "PG-13",
+                   "Released": "16 Jul 2010",
+                   "Runtime": "148 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Christopher Nolan",
+                   "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Ellen Page, Tom Hardy",
+                   "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+                   "Language": "English, Japanese, French",
+                   "Country": "USA, UK",
+                   "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.8",
+                   "imdbVotes": "1,446,708",
+                   "imdbID": "tt1375666",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Interstellar",
+                   "Year": "2014",
+                   "Rated": "PG-13",
+                   "Released": "07 Nov 2014",
+                   "Runtime": "169 min",
+                   "Genre": "Adventure, Drama, Sci-Fi",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan, Christopher Nolan",
+                   "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+                   "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+                   "Language": "English",
+                   "Country": "USA, UK",
+                   "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.6",
+                   "imdbVotes": "910,366",
+                   "imdbID": "tt0816692",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "The Dark Knight",
+                   "Year": "2008",
+                   "Rated": "PG-13",
+                   "Released": "18 Jul 2008",
+                   "Runtime": "152 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+                   "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+                   "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+                   "Language": "English, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+                   "Metascore": "82",
+                   "imdbRating": "9.0",
+                   "imdbVotes": "1,652,832",
+                   "imdbID": "tt0468569",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Batman Begins",
+                   "Year": "2005",
+                   "Rated": "PG-13",
+                   "Released": "15 Jun 2005",
+                   "Runtime": "140 min",
+                   "Genre": "Action, Adventure",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+                   "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+                   "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+                   "Language": "English, Urdu, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+                   "Metascore": "70",
+                   "imdbRating": "8.3",
+                   "imdbVotes": "972,584",
+                   "imdbID": "tt0372784",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Avatar",
+                   "Year": "2009",
+                   "Rated": "PG-13",
+                   "Released": "18 Dec 2009",
+                   "Runtime": "162 min",
+                   "Genre": "Action, Adventure, Fantasy",
+                   "Director": "James Cameron",
+                   "Writer": "James Cameron",
+                   "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+                   "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+                   "Language": "English, Spanish",
+                   "Country": "USA, UK",
+                   "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+                   "Metascore": "83",
+                   "imdbRating": "7.9",
+                   "imdbVotes": "876,575",
+                   "imdbID": "tt0499549",
+                   "Type": "movie",
+                   "Response": "True"
+                }
+];
+
+// Add your code below this line
+
+var rating = [];
+for(var i=0; i < watchList.length; i++){
+  rating.push({title: watchList[i]["Title"],  rating: watchList[i]["imdbRating"]});
+}
+
+// Add your code above this line
+
+console.log(rating);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-reduce-method-to-analyze-data.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-reduce-method-to-analyze-data.chinese.md
new file mode 100644
index 0000000000..de5db35d72
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-reduce-method-to-analyze-data.chinese.md
@@ -0,0 +1,175 @@
+---
+id: 587d7da9367417b2b2512b68
+title: Use the reduce Method to Analyze Data
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用reduce方法分析数据
+---
+
+## Description
+<section id="description"> <code>Array.prototype.reduce()</code>或简称<code>reduce()</code>是JavaScript中所有数组操作中最常见的。您可以使用<code>reduce</code>方法解决几乎任何数组处理问题。 <code>filter</code>和<code>map</code>方法不是这种情况，因为它们不允许阵列的两个不同元素之间的交互。例如，如果要比较数组的元素或将它们添加到一起，则<code>filter</code>或<code>map</code>无法处理它。 <code>reduce</code>方法允许更一般的数组处理形式，并且可以显示<code>filter</code>和<code>map</code>都可以作为<code>reduce</code>的特殊应用派生。但是，在我们到达之前，让我们先练习使用<code>reduce</code> 。 </section>
+
+## Instructions
+<section id="instructions">变量<code>watchList</code>对象，其中包含有关多部电影的信息。使用<code>reduce</code>查找<strong>Christopher Nolan指导</strong>的电影的平均IMDB评级。回想一下先前的挑战，如何<code>filter</code>数据并将数据<code>map</code>到您需要的地方。您可能需要创建其他变量，但将最终平均值保存到变量<code>averageRating</code> 。请注意，评级值在对象中保存为字符串，在用于任何数学运算之前需要转换为数字。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>watchList</code>变量不应该更改。
+    testString: 'assert(watchList[0].Title === "Inception" && watchList[4].Director == "James Cameron", "The <code>watchList</code> variable should not change.");'
+  - text: 您的代码应使用<code>reduce</code>方法。
+    testString: 'assert(code.match(/\.reduce/g), "Your code should use the <code>reduce</code> method.");'
+  - text: <code>averageRating</code>应该等于8.675。
+    testString: 'assert(averageRating == 8.675, "The <code>averageRating</code> should equal 8.675.");'
+  - text: 您的代码不应使用<code>for</code>循环。
+    testString: 'assert(!code.match(/for\s*?\(.*\)/g), "Your code should not use a <code>for</code> loop.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var watchList = [
+                 {
+                   "Title": "Inception",
+                   "Year": "2010",
+                   "Rated": "PG-13",
+                   "Released": "16 Jul 2010",
+                   "Runtime": "148 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Christopher Nolan",
+                   "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Ellen Page, Tom Hardy",
+                   "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+                   "Language": "English, Japanese, French",
+                   "Country": "USA, UK",
+                   "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.8",
+                   "imdbVotes": "1,446,708",
+                   "imdbID": "tt1375666",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Interstellar",
+                   "Year": "2014",
+                   "Rated": "PG-13",
+                   "Released": "07 Nov 2014",
+                   "Runtime": "169 min",
+                   "Genre": "Adventure, Drama, Sci-Fi",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan, Christopher Nolan",
+                   "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+                   "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+                   "Language": "English",
+                   "Country": "USA, UK",
+                   "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.6",
+                   "imdbVotes": "910,366",
+                   "imdbID": "tt0816692",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "The Dark Knight",
+                   "Year": "2008",
+                   "Rated": "PG-13",
+                   "Released": "18 Jul 2008",
+                   "Runtime": "152 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+                   "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+                   "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+                   "Language": "English, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+                   "Metascore": "82",
+                   "imdbRating": "9.0",
+                   "imdbVotes": "1,652,832",
+                   "imdbID": "tt0468569",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Batman Begins",
+                   "Year": "2005",
+                   "Rated": "PG-13",
+                   "Released": "15 Jun 2005",
+                   "Runtime": "140 min",
+                   "Genre": "Action, Adventure",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+                   "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+                   "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+                   "Language": "English, Urdu, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+                   "Metascore": "70",
+                   "imdbRating": "8.3",
+                   "imdbVotes": "972,584",
+                   "imdbID": "tt0372784",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Avatar",
+                   "Year": "2009",
+                   "Rated": "PG-13",
+                   "Released": "18 Dec 2009",
+                   "Runtime": "162 min",
+                   "Genre": "Action, Adventure, Fantasy",
+                   "Director": "James Cameron",
+                   "Writer": "James Cameron",
+                   "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+                   "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+                   "Language": "English, Spanish",
+                   "Country": "USA, UK",
+                   "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+                   "Metascore": "83",
+                   "imdbRating": "7.9",
+                   "imdbVotes": "876,575",
+                   "imdbID": "tt0499549",
+                   "Type": "movie",
+                   "Response": "True"
+                }
+];
+
+// Add your code below this line
+
+var averageRating;
+
+// Add your code above this line
+
+console.log(averageRating);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.chinese.md
new file mode 100644
index 0000000000..bd01735eb0
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7dab367417b2b2512b6f
+title: Use the some Method to Check that Any Elements in an Array Meet a Criteria
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用某些方法检查阵列中的任何元素是否符合条件
+---
+
+## Description
+<section id="description"> <code>some</code>方法适用于数组，以检查是否有<em>任何</em>元素通过了特定的测试。它返回一个布尔值 - 如果任何值满足条件，则返回<code>true</code>否则返回<code>false</code> 。例如，以下代码将检查<code>numbers</code>数组中的任何元素是否小于10： <blockquote> var number = [10,50,8,220,110,11]; <br> numbers.some（function（currentValue）{ <br> return currentValue &lt;10; <br> }）; <br> //返回true </blockquote></section>
+
+## Instructions
+<section id="instructions">使用<code>checkPositive</code>函数中的<code>some</code>方法检查<code>arr</code>任何元素是否为正数。该函数应返回一个布尔值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该使用<code>some</code>方法。
+    testString: 'assert(code.match(/\.some/g), "Your code should use the <code>some</code> method.");'
+  - text: '<code>checkPositive([1, 2, 3, -4, 5])</code>应该返回<code>true</code> 。'
+    testString: 'assert(checkPositive([1, 2, 3, -4, 5]), "<code>checkPositive([1, 2, 3, -4, 5])</code> should return <code>true</code>.");'
+  - text: '<code>checkPositive([1, 2, 3, 4, 5])</code>应该返回<code>true</code> 。'
+    testString: 'assert(checkPositive([1, 2, 3, 4, 5]), "<code>checkPositive([1, 2, 3, 4, 5])</code> should return <code>true</code>.");'
+  - text: '<code>checkPositive([-1, -2, -3, -4, -5])</code>应该返回<code>false</code> 。'
+    testString: 'assert(!checkPositive([-1, -2, -3, -4, -5]), "<code>checkPositive([-1, -2, -3, -4, -5])</code> should return <code>false</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkPositive(arr) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+checkPositive([1, 2, 3, -4, 5]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/arguments-optional.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/arguments-optional.chinese.md
new file mode 100644
index 0000000000..6df429aabd
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/arguments-optional.chinese.md
@@ -0,0 +1,64 @@
+---
+id: a97fd23d9b809dac9921074f
+title: Arguments Optional
+isRequired: true
+challengeType: 5
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/arguments-optional'
+videoUrl: ''
+localeTitle: 参数可选
+---
+
+## Description
+<section id="description">创建一个将两个参数相加的函数。如果只提供了一个参数，则返回一个需要一个参数并返回总和的函数。例如， <code>addTogether(2, 3)</code>应返回<code>5</code> ， <code>addTogether(2)</code>应返回一个函数。使用单个参数调用此返回函数将返回总和： <code>var sumTwoAnd = addTogether(2);</code> <code>sumTwoAnd(3)</code>返回<code>5</code> 。如果任一参数不是有效数字，则返回undefined。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>addTogether(2, 3)</code>应该返回5。'
+    testString: 'assert.deepEqual(addTogether(2, 3), 5, "<code>addTogether(2, 3)</code> should return 5.");'
+  - text: <code>addTogether(2)(3)</code>应该返回5。
+    testString: 'assert.deepEqual(addTogether(2)(3), 5, "<code>addTogether(2)(3)</code> should return 5.");'
+  - text: '<code>addTogether(&quot;http://bit.ly/IqT6zt&quot;)</code>应返回undefined。'
+    testString: 'assert.isUndefined(addTogether("http://bit.ly/IqT6zt"), "<code>addTogether("http://bit.ly/IqT6zt")</code> should return undefined.");'
+  - text: '<code>addTogether(2, &quot;3&quot;)</code>应返回undefined。'
+    testString: 'assert.isUndefined(addTogether(2, "3"), "<code>addTogether(2, "3")</code> should return undefined.");'
+  - text: '<code>addTogether(2)([3])</code>应返回undefined。'
+    testString: 'assert.isUndefined(addTogether(2)([3]), "<code>addTogether(2)([3])</code> should return undefined.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function addTogether() {
+  return false;
+}
+
+addTogether(2,3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/binary-agents.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/binary-agents.chinese.md
new file mode 100644
index 0000000000..03125f521d
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/binary-agents.chinese.md
@@ -0,0 +1,57 @@
+---
+id: a8d97bd4c764e91f9d2bda01
+title: Binary Agents
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 二元代理商
+---
+
+## Description
+<section id="description">返回传递的二进制字符串的英文翻译句子。二进制字符串将以空格分隔。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>binaryAgent(&quot;01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111&quot;)</code>应该返回“不是篝火有趣！？”
+    testString: 'assert.deepEqual(binaryAgent("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111"), "Aren"t bonfires fun!?", "<code>binaryAgent("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111")</code> should return "Aren&#39;t bonfires fun!?"");'
+  - text: <code>binaryAgent(&quot;01001001 00100000 01101100 01101111 01110110 01100101 00100000 01000110 01110010 01100101 01100101 01000011 01101111 01100100 01100101 01000011 01100001 01101101 01110000 00100001&quot;)</code>应返回“我爱FreeCodeCamp！”
+    testString: 'assert.deepEqual(binaryAgent("01001001 00100000 01101100 01101111 01110110 01100101 00100000 01000110 01110010 01100101 01100101 01000011 01101111 01100100 01100101 01000011 01100001 01101101 01110000 00100001"), "I love FreeCodeCamp!", "<code>binaryAgent("01001001 00100000 01101100 01101111 01110110 01100101 00100000 01000110 01110010 01100101 01100101 01000011 01101111 01100100 01100101 01000011 01100001 01101101 01110000 00100001")</code> should return "I love FreeCodeCamp!"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function binaryAgent(str) {
+  return str;
+}
+
+binaryAgent("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.chinese.md
new file mode 100644
index 0000000000..84267722d1
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.chinese.md
@@ -0,0 +1,68 @@
+---
+id: a6b0bb188d873cb2c8729495
+title: Convert HTML Entities
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 转换HTML实体
+---
+
+## Description
+<section id="description">将字符串中的字符<code>&amp;</code> ， <code>&lt;</code> ， <code>&gt;</code> ， <code>&quot;</code> （双引号）和<code>&#39;</code> （撇号）转换为相应的HTML实体。如果卡住，请记住使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。写下你的自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>convertHTML(&quot;Dolce &amp; Gabbana&quot;)</code>应该返回<code>Dolce &amp;​amp; Gabbana</code> 。
+    testString: 'assert.match(convertHTML("Dolce & Gabbana"), /Dolce &amp; Gabbana/, "<code>convertHTML("Dolce & Gabbana")</code> should return <code>Dolce &&#8203;amp; Gabbana</code>.");'
+  - text: <code>convertHTML(&quot;Hamburgers &lt; Pizza &lt; Tacos&quot;)</code>应该返回<code>Hamburgers &amp;​lt; Pizza &amp;​lt; Tacos</code> 。
+    testString: 'assert.match(convertHTML("Hamburgers < Pizza < Tacos"), /Hamburgers &lt; Pizza &lt; Tacos/, "<code>convertHTML("Hamburgers < Pizza < Tacos")</code> should return <code>Hamburgers &&#8203;lt; Pizza &&#8203;lt; Tacos</code>.");'
+  - text: <code>convertHTML(&quot;Sixty &gt; twelve&quot;)</code>应返回<code>Sixty &amp;​gt; twelve</code> 。
+    testString: 'assert.match(convertHTML("Sixty > twelve"), /Sixty &gt; twelve/, "<code>convertHTML("Sixty > twelve")</code> should return <code>Sixty &&#8203;gt; twelve</code>.");'
+  - text: '<code>convertHTML(&#39;Stuff in &quot;quotation marks&quot;&#39;)</code>应该<code>convertHTML(&#39;Stuff in &quot;quotation marks&quot;&#39;)</code>返回<code>Stuff in &amp;​quot;quotation marks&amp;​quot;</code> 。'
+    testString: 'assert.match(convertHTML("Stuff in "quotation marks""), /Stuff in &quot;quotation marks&quot;/, "<code>convertHTML(&apos;Stuff in "quotation marks"&apos;)</code> should return <code>Stuff in &&#8203;quot;quotation marks&&#8203;quot;</code>.");'
+  - text: '<code>convertHTML(&quot;Schindler&#39;s List&quot;)</code>应该返回<code>Schindler&amp;​apos;s List</code> 。'
+    testString: 'assert.match(convertHTML("Schindler"s List"), /Schindler&apos;s List/, "<code>convertHTML("Schindler&apos;s List")</code> should return <code>Schindler&&#8203;apos;s List</code>.");'
+  - text: <code>convertHTML(&quot;&lt;&gt;&quot;)</code>应返回<code>&amp;​lt;&amp;​gt;</code> 。
+    testString: 'assert.match(convertHTML("<>"), /&lt;&gt;/, "<code>convertHTML("<>")</code> should return <code>&&#8203;lt;&&#8203;gt;</code>.");'
+  - text: <code>convertHTML(&quot;abc&quot;)</code>应该返回<code>abc</code> 。
+    testString: 'assert.strictEqual(convertHTML("abc"), "abc", "<code>convertHTML("abc")</code> should return <code>abc</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertHTML(str) {
+  // &colon;&rpar;
+  return str;
+}
+
+convertHTML("Dolce & Gabbana");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/diff-two-arrays.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/diff-two-arrays.chinese.md
new file mode 100644
index 0000000000..ec54c5a4e6
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/diff-two-arrays.chinese.md
@@ -0,0 +1,85 @@
+---
+id: a5de63ebea8dbee56860f4f2
+title: Diff Two Arrays
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 差分两个阵列
+---
+
+## Description
+<section id="description">比较两个数组并返回一个新数组，其中只有在两个给定数组中的一个中找到的任何项，但不能同时返回两个数组。换句话说，返回两个数组的对称差异。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 <strong>注意</strong> <br>您可以按任何顺序返回包含其元素的数组。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5])</code>应该返回一个数组。'
+    testString: 'assert(typeof diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]) === "object", "<code>diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5])</code> should return an array.");'
+  - text: '<code>[&quot;diorite&quot;, &quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;pink wool&quot;, &quot;dead shrub&quot;], [&quot;diorite&quot;, &quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;]</code>应该返回<code>[&quot;pink wool&quot;]</code> 。'
+    testString: 'assert.sameMembers(diffArray(["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]), ["pink wool"], "<code>["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]</code> should return <code>["pink wool"]</code>.");'
+  - text: '<code>[&quot;diorite&quot;, &quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;pink wool&quot;, &quot;dead shrub&quot;], [&quot;diorite&quot;, &quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;]</code>应该返回一个包含一个项目的数组。'
+    testString: 'assert(diffArray(["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]).length === 1, "<code>["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]</code> should return an array with one item.");'
+  - text: '<code>[&quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;pink wool&quot;, &quot;dead shrub&quot;], [&quot;diorite&quot;, &quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;]</code>应该返回<code>[&quot;diorite&quot;, &quot;pink wool&quot;]</code> 。'
+    testString: 'assert.sameMembers(diffArray(["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]), ["diorite", "pink wool"], "<code>["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]</code> should return <code>["diorite", "pink wool"]</code>.");'
+  - text: '<code>[&quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;pink wool&quot;, &quot;dead shrub&quot;], [&quot;diorite&quot;, &quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;]</code>应该返回一个数组有两个项目。'
+    testString: 'assert(diffArray(["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]).length === 2, "<code>["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]</code> should return an array with two items.");'
+  - text: '<code>[&quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;], [&quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;]</code>应该返回<code>[]</code> 。'
+    testString: 'assert.sameMembers(diffArray(["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]), [], "<code>["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]</code> should return <code>[]</code>.");'
+  - text: '<code>[&quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;], [&quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;]</code>应返回一个空数组。'
+    testString: 'assert(diffArray(["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]).length === 0, "<code>["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]</code> should return an empty array.");'
+  - text: '<code>[1, 2, 3, 5], [1, 2, 3, 4, 5]</code>应该返回<code>[4]</code> 。'
+    testString: 'assert.sameMembers(diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]), [4], "<code>[1, 2, 3, 5], [1, 2, 3, 4, 5]</code> should return <code>[4]</code>.");'
+  - text: '<code>[1, 2, 3, 5], [1, 2, 3, 4, 5]</code>应该返回一个带有一个项目的数组。'
+    testString: 'assert(diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]).length  === 1, "<code>[1, 2, 3, 5], [1, 2, 3, 4, 5]</code> should return an array with one item.");'
+  - text: '<code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;], [1, &quot;calf&quot;, 3, 4]</code>应返回<code>[&quot;piglet&quot;, 4]</code> 。'
+    testString: 'assert.sameMembers(diffArray([1, "calf", 3, "piglet"], [1, "calf", 3, 4]), ["piglet", 4], "<code>[1, "calf", 3, "piglet"], [1, "calf", 3, 4]</code> should return <code>["piglet", 4]</code>.");'
+  - text: '<code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;], [1, &quot;calf&quot;, 3, 4]</code>应该返回一个包含两个项目的数组。'
+    testString: 'assert(diffArray([1, "calf", 3, "piglet"], [1, "calf", 3, 4]).length === 2, "<code>[1, "calf", 3, "piglet"], [1, "calf", 3, 4]</code> should return an array with two items.");'
+  - text: '<code>[], [&quot;snuffleupagus&quot;, &quot;cookie monster&quot;, &quot;elmo&quot;]</code>应该返回<code>[&quot;snuffleupagus&quot;, &quot;cookie monster&quot;, &quot;elmo&quot;]</code> 。'
+    testString: 'assert.sameMembers(diffArray([], ["snuffleupagus", "cookie monster", "elmo"]), ["snuffleupagus", "cookie monster", "elmo"], "<code>[], ["snuffleupagus", "cookie monster", "elmo"]</code> should return <code>["snuffleupagus", "cookie monster", "elmo"]</code>.");'
+  - text: '<code>[], [&quot;snuffleupagus&quot;, &quot;cookie monster&quot;, &quot;elmo&quot;]</code>应该返回一个包含三个项目的数组。'
+    testString: 'assert(diffArray([], ["snuffleupagus", "cookie monster", "elmo"]).length === 3, "<code>[], ["snuffleupagus", "cookie monster", "elmo"]</code> should return an array with three items.");'
+  - text: '<code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;], [7, &quot;filly&quot;]</code> <code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;, 7, &quot;filly&quot;]</code> <code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;], [7, &quot;filly&quot;]</code>应该返回<code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;, 7, &quot;filly&quot;]</code> 。'
+    testString: 'assert.sameMembers(diffArray([1, "calf", 3, "piglet"], [7, "filly"]), [1, "calf", 3, "piglet", 7, "filly"], "<code>[1, "calf", 3, "piglet"], [7, "filly"]</code> should return <code>[1, "calf", 3, "piglet", 7, "filly"]</code>.");'
+  - text: '<code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;], [7, &quot;filly&quot;]</code>应该返回一个包含六个项目的数组。'
+    testString: 'assert(diffArray([1, "calf", 3, "piglet"], [7, "filly"]).length === 6, "<code>[1, "calf", 3, "piglet"], [7, "filly"]</code> should return an array with six items.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function diffArray(arr1, arr2) {
+  var newArr = [];
+  // Same, same; but different.
+  return newArr;
+}
+
+diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.chinese.md
new file mode 100644
index 0000000000..dffb91e7e6
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.chinese.md
@@ -0,0 +1,59 @@
+---
+id: afd15382cdfb22c9efe8b7de
+title: DNA Pairing
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: DNA配对
+---
+
+## Description
+<section id="description"> DNA链缺少配对元素。获取每个字符，获取其对，并将结果作为二维数组返回。 <a href="http://en.wikipedia.org/wiki/Base_pair" target="_blank">碱基对</a>是一对AT和CG。将缺少的元素与提供的字符匹配。将提供的字符作为每个数组中的第一个元素返回。例如，对于输入GCG，返回[[“G”，“C”]，[“C”，“G”]，[“G”，“C”]]字符及其对在一个中配对数组，并将所有数组分组到一个封装数组中。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>pairElement(&quot;ATCGA&quot;)</code>应返回<code>[[&quot;A&quot;,&quot;T&quot;],[&quot;T&quot;,&quot;A&quot;],[&quot;C&quot;,&quot;G&quot;],[&quot;G&quot;,&quot;C&quot;],[&quot;A&quot;,&quot;T&quot;]]</code> 。'
+    testString: 'assert.deepEqual(pairElement("ATCGA"),[["A","T"],["T","A"],["C","G"],["G","C"],["A","T"]], "<code>pairElement("ATCGA")</code> should return <code>[["A","T"],["T","A"],["C","G"],["G","C"],["A","T"]]</code>.");'
+  - text: '<code>pairElement(&quot;TTGAG&quot;)</code>应返回<code>[[&quot;T&quot;,&quot;A&quot;],[&quot;T&quot;,&quot;A&quot;],[&quot;G&quot;,&quot;C&quot;],[&quot;A&quot;,&quot;T&quot;],[&quot;G&quot;,&quot;C&quot;]]</code> 。'
+    testString: 'assert.deepEqual(pairElement("TTGAG"),[["T","A"],["T","A"],["G","C"],["A","T"],["G","C"]], "<code>pairElement("TTGAG")</code> should return <code>[["T","A"],["T","A"],["G","C"],["A","T"],["G","C"]]</code>.");'
+  - text: '<code>pairElement(&quot;CTCTA&quot;)</code>应返回<code>[[&quot;C&quot;,&quot;G&quot;],[&quot;T&quot;,&quot;A&quot;],[&quot;C&quot;,&quot;G&quot;],[&quot;T&quot;,&quot;A&quot;],[&quot;A&quot;,&quot;T&quot;]]</code> 。'
+    testString: 'assert.deepEqual(pairElement("CTCTA"),[["C","G"],["T","A"],["C","G"],["T","A"],["A","T"]], "<code>pairElement("CTCTA")</code> should return <code>[["C","G"],["T","A"],["C","G"],["T","A"],["A","T"]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pairElement(str) {
+  return str;
+}
+
+pairElement("GCG");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/drop-it.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/drop-it.chinese.md
new file mode 100644
index 0000000000..4ade2c827b
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/drop-it.chinese.md
@@ -0,0 +1,66 @@
+---
+id: a5deed1811a43193f9f1c841
+title: Drop it
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 算了吧
+---
+
+## Description
+<section id="description">给定数组<code>arr</code> ，迭代并从第一个元素（0索引）开始删除每个元素，直到函数<code>func</code>在迭代元素通过它时返回<code>true</code> 。然后在条件满足后返回数组的其余部分，否则， <code>arr</code>应作为空数组返回。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>dropElements([1, 2, 3, 4], function(n) {return n &gt;= 3;})</code>应该返回<code>[3, 4]</code> 。'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3, 4], function(n) {return n >= 3;}), [3, 4], "<code>dropElements([1, 2, 3, 4], function(n) {return n >= 3;})</code> should return <code>[3, 4]</code>.");'
+  - text: '<code>dropElements([0, 1, 0, 1], function(n) {return n === 1;})</code>应该返回<code>[1, 0, 1]</code> <code>dropElements([0, 1, 0, 1], function(n) {return n === 1;})</code> <code>[1, 0, 1]</code> 。'
+    testString: 'assert.deepEqual(dropElements([0, 1, 0, 1], function(n) {return n === 1;}), [1, 0, 1], "<code>dropElements([0, 1, 0, 1], function(n) {return n === 1;})</code> should return <code>[1, 0, 1]</code>.");'
+  - text: '<code>dropElements([1, 2, 3], function(n) {return n &gt; 0;})</code>应该返回<code>[1, 2, 3]</code> 。'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3], function(n) {return n > 0;}), [1, 2, 3], "<code>dropElements([1, 2, 3], function(n) {return n > 0;})</code> should return <code>[1, 2, 3]</code>.");'
+  - text: '<code>dropElements([1, 2, 3, 4], function(n) {return n &gt; 5;})</code>应返回<code>[]</code> 。'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3, 4], function(n) {return n > 5;}), [], "<code>dropElements([1, 2, 3, 4], function(n) {return n > 5;})</code> should return <code>[]</code>.");'
+  - text: '<code>dropElements([1, 2, 3, 7, 4], function(n) {return n &gt; 3;})</code>应该返回<code>[7, 4]</code> <code>dropElements([1, 2, 3, 7, 4], function(n) {return n &gt; 3;})</code> <code>[7, 4]</code> 。'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3, 7, 4], function(n) {return n > 3;}), [7, 4], "<code>dropElements([1, 2, 3, 7, 4], function(n) {return n > 3;})</code> should return <code>[7, 4]</code>.");'
+  - text: '<code>dropElements([1, 2, 3, 9, 2], function(n) {return n &gt; 2;})</code>应该返回<code>[3, 9, 2]</code> <code>dropElements([1, 2, 3, 9, 2], function(n) {return n &gt; 2;})</code> <code>[3, 9, 2]</code> 。'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3, 9, 2], function(n) {return n > 2;}), [3, 9, 2], "<code>dropElements([1, 2, 3, 9, 2], function(n) {return n > 2;})</code> should return <code>[3, 9, 2]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function dropElements(arr, func) {
+  // Drop them elements.
+  return arr;
+}
+
+dropElements([1, 2, 3], function(n) {return n < 3; });
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/everything-be-true.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/everything-be-true.chinese.md
new file mode 100644
index 0000000000..e8c49f7363
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/everything-be-true.chinese.md
@@ -0,0 +1,72 @@
+---
+id: a10d2431ad0c6a099a4b8b52
+title: Everything Be True
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 一切都是真的
+---
+
+## Description
+<section id="description">检查谓词（第二个参数）是否对集合的所有元素（第一个参数）都是<dfn>真实的</dfn> 。换句话说，您将获得一个对象的数组集合。谓语<code>pre</code>将一个对象的属性，你需要返回<code>true</code> ，如果它的值是<code>truthy</code> 。否则，返回<code>false</code> 。在JavaScript中， <code>truthy</code>值是在布尔上下文中计算时转换为<code>true</code>的值。请记住，您可以通过点表示法或<code>[]</code>表示法访问对象属性。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>truthCheck([{&quot;user&quot;: &quot;Tinky-Winky&quot;, &quot;sex&quot;: &quot;male&quot;}, {&quot;user&quot;: &quot;Dipsy&quot;, &quot;sex&quot;: &quot;male&quot;}, {&quot;user&quot;: &quot;Laa-Laa&quot;, &quot;sex&quot;: &quot;female&quot;}, {&quot;user&quot;: &quot;Po&quot;, &quot;sex&quot;: &quot;female&quot;}], &quot;sex&quot;)</code>应该返回true。'
+    testString: 'assert.strictEqual(truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex"), true, "<code>truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex")</code> should return true.");'
+  - text: '<code>truthCheck([{&quot;user&quot;: &quot;Tinky-Winky&quot;, &quot;sex&quot;: &quot;male&quot;}, {&quot;user&quot;: &quot;Dipsy&quot;}, {&quot;user&quot;: &quot;Laa-Laa&quot;, &quot;sex&quot;: &quot;female&quot;}, {&quot;user&quot;: &quot;Po&quot;, &quot;sex&quot;: &quot;female&quot;}], &quot;sex&quot;)</code>应该返回false。'
+    testString: 'assert.strictEqual(truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex"), false, "<code>truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex")</code> should return false.");'
+  - text: '<code>truthCheck([{&quot;user&quot;: &quot;Tinky-Winky&quot;, &quot;sex&quot;: &quot;male&quot;, &quot;age&quot;: 0}, {&quot;user&quot;: &quot;Dipsy&quot;, &quot;sex&quot;: &quot;male&quot;, &quot;age&quot;: 3}, {&quot;user&quot;: &quot;Laa-Laa&quot;, &quot;sex&quot;: &quot;female&quot;, &quot;age&quot;: 5}, {&quot;user&quot;: &quot;Po&quot;, &quot;sex&quot;: &quot;female&quot;, &quot;age&quot;: 4}], &quot;age&quot;)</code>应该返回false。'
+    testString: 'assert.strictEqual(truthCheck([{"user": "Tinky-Winky", "sex": "male", "age": 2}, {"user": "Dipsy", "sex": "male", "age": 0}, {"user": "Laa-Laa", "sex": "female", "age": 5}, {"user": "Po", "sex": "female", "age": 4}], "age"), false, "<code>truthCheck([{"user": "Tinky-Winky", "sex": "male", "age": 0}, {"user": "Dipsy", "sex": "male", "age": 3}, {"user": "Laa-Laa", "sex": "female", "age": 5}, {"user": "Po", "sex": "female", "age": 4}], "age")</code> should return false.");'
+  - text: '<code>truthCheck([{&quot;name&quot;: &quot;Pete&quot;, &quot;onBoat&quot;: true}, {&quot;name&quot;: &quot;Repeat&quot;, &quot;onBoat&quot;: true}, {&quot;name&quot;: &quot;FastFoward&quot;, &quot;onBoat&quot;: null}], &quot;onBoat&quot;)</code>应该返回false'
+    testString: 'assert.strictEqual(truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true}, {"name": "FastFoward", "onBoat": null}], "onBoat"), false, "<code>truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true}, {"name": "FastFoward", "onBoat": null}], "onBoat")</code> should return false");'
+  - text: '<code>truthCheck([{&quot;name&quot;: &quot;Pete&quot;, &quot;onBoat&quot;: true}, {&quot;name&quot;: &quot;Repeat&quot;, &quot;onBoat&quot;: true, &quot;alias&quot;: &quot;Repete&quot;}, {&quot;name&quot;: &quot;FastFoward&quot;, &quot;onBoat&quot;: true}], &quot;onBoat&quot;)</code>应该返回true'
+    testString: 'assert.strictEqual(truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true, "alias": "Repete"}, {"name": "FastFoward", "onBoat": true}], "onBoat"), true, "<code>truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true, "alias": "Repete"}, {"name": "FastFoward", "onBoat": true}], "onBoat")</code> should return true");'
+  - text: '<code>truthCheck([{&quot;single&quot;: &quot;yes&quot;}], &quot;single&quot;)</code>应该返回true'
+    testString: 'assert.strictEqual(truthCheck([{"single": "yes"}], "single"), true, "<code>truthCheck([{"single": "yes"}], "single")</code> should return true");'
+  - text: '<code>truthCheck([{&quot;single&quot;: &quot;&quot;}, {&quot;single&quot;: &quot;double&quot;}], &quot;single&quot;)</code>应该返回false'
+    testString: 'assert.strictEqual(truthCheck([{"single": ""}, {"single": "double"}], "single"), false, "<code>truthCheck([{"single": ""}, {"single": "double"}], "single")</code> should return false");'
+  - text: '<code>truthCheck([{&quot;single&quot;: &quot;double&quot;}, {&quot;single&quot;: undefined}], &quot;single&quot;)</code>应返回false'
+    testString: 'assert.strictEqual(truthCheck([{"single": "double"}, {"single": undefined}], "single"), false, "<code>truthCheck([{"single": "double"}, {"single": undefined}], "single")</code> should return false");'
+  - text: '<code>truthCheck([{&quot;single&quot;: &quot;double&quot;}, {&quot;single&quot;: NaN}], &quot;single&quot;)</code>应返回false'
+    testString: 'assert.strictEqual(truthCheck([{"single": "double"}, {"single": NaN}], "single"), false, "<code>truthCheck([{"single": "double"}, {"single": NaN}], "single")</code> should return false");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function truthCheck(collection, pre) {
+  // Is everyone being true?
+  return pre;
+}
+
+truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/make-a-person.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/make-a-person.chinese.md
new file mode 100644
index 0000000000..64329b8f8a
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/make-a-person.chinese.md
@@ -0,0 +1,81 @@
+---
+id: a2f1d72d9b908d0bd72bb9f6
+title: Make a Person
+challengeType: 5
+videoUrl: ''
+localeTitle: 做一个人
+---
+
+## Description
+<section id="description">使用以下方法填写对象构造函数： <blockquote> getFirstName（）getLastName（）getFullName（）setFirstName（first）setLastName（last）setFullName（firstAndLast） </blockquote>运行测试以查看每个方法的预期输出。采用参数的方法必须只接受一个参数，并且必须是一个字符串。这些方法必须是与对象交互的唯一可用方法。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Object.keys(bob).length</code>应该返回6。
+    testString: 'assert.deepEqual(Object.keys(bob).length, 6, "<code>Object.keys(bob).length</code> should return 6.");'
+  - text: <code>bob instanceof Person</code>应该返回true。
+    testString: 'assert.deepEqual(bob instanceof Person, true, "<code>bob instanceof Person</code> should return true.");'
+  - text: <code>bob.firstName</code>应返回undefined。
+    testString: 'assert.deepEqual(bob.firstName, undefined, "<code>bob.firstName</code> should return undefined.");'
+  - text: <code>bob.lastName</code>应返回undefined。
+    testString: 'assert.deepEqual(bob.lastName, undefined, "<code>bob.lastName</code> should return undefined.");'
+  - text: <code>bob.getFirstName()</code>应返回“Bob”。
+    testString: 'assert.deepEqual(bob.getFirstName(), "Bob", "<code>bob.getFirstName()</code> should return "Bob".");'
+  - text: <code>bob.getLastName()</code>应返回“Ross”。
+    testString: 'assert.deepEqual(bob.getLastName(), "Ross", "<code>bob.getLastName()</code> should return "Ross".");'
+  - text: <code>bob.getFullName()</code>应该返回“Bob Ross”。
+    testString: 'assert.deepEqual(bob.getFullName(), "Bob Ross", "<code>bob.getFullName()</code> should return "Bob Ross".");'
+  - text: <code>bob.getFullName()</code>应该在<code>bob.setFirstName(&quot;Haskell&quot;)</code>之后返回“Haskell Ross”。
+    testString: 'assert.strictEqual((function () { bob.setFirstName("Haskell"); return bob.getFullName(); })(), "Haskell Ross", "<code>bob.getFullName()</code> should return "Haskell Ross" after <code>bob.setFirstName("Haskell")</code>.");'
+  - text: <code>bob.getFullName()</code>应该在<code>bob.setLastName(&quot;Curry&quot;)</code>之后返回“Haskell Curry”。
+    testString: 'assert.strictEqual((function () { var _bob=new Person("Haskell Ross"); _bob.setLastName("Curry"); return _bob.getFullName(); })(), "Haskell Curry", "<code>bob.getFullName()</code> should return "Haskell Curry" after <code>bob.setLastName("Curry")</code>.");'
+  - text: <code>bob.getFullName()</code>应该在<code>bob.setFullName(&quot;Haskell Curry&quot;)</code>之后返回“Haskell Curry”。
+    testString: 'assert.strictEqual((function () { bob.setFullName("Haskell Curry"); return bob.getFullName(); })(), "Haskell Curry", "<code>bob.getFullName()</code> should return "Haskell Curry" after <code>bob.setFullName("Haskell Curry")</code>.");'
+  - text: <code>bob.getFirstName()</code>应该在<code>bob.setFullName(&quot;Haskell Curry&quot;)</code>之后返回“Haskell”。
+    testString: 'assert.strictEqual((function () { bob.setFullName("Haskell Curry"); return bob.getFirstName(); })(), "Haskell", "<code>bob.getFirstName()</code> should return "Haskell" after <code>bob.setFullName("Haskell Curry")</code>.");'
+  - text: <code>bob.getLastName()</code>应该在<code>bob.setFullName(&quot;Haskell Curry&quot;)</code>之后返回“Curry”。
+    testString: 'assert.strictEqual((function () { bob.setFullName("Haskell Curry"); return bob.getLastName(); })(), "Curry", "<code>bob.getLastName()</code> should return "Curry" after <code>bob.setFullName("Haskell Curry")</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Person = function(firstAndLast) {
+  // Complete the method below and implement the others similarly
+  this.getFullName = function() {
+    return "";
+  };
+  return firstAndLast;
+};
+
+var bob = new Person('Bob Ross');
+bob.getFullName();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/map-the-debris.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/map-the-debris.chinese.md
new file mode 100644
index 0000000000..c5b46fdd94
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/map-the-debris.chinese.md
@@ -0,0 +1,58 @@
+---
+id: af4afb223120f7348cdfc9fd
+title: Map the Debris
+challengeType: 5
+videoUrl: ''
+localeTitle: 映射碎片
+---
+
+## Description
+<section id="description">返回一个新数组，将元素的平均高度转换为轨道周期（以秒为单位）。该数组将包含<code>{name: &#39;name&#39;, avgAlt: avgAlt}</code>格式的对象。您可以<a href="http://en.wikipedia.org/wiki/Orbital_period" target="_blank">在维基百科上</a>阅读有关轨道周期的<a href="http://en.wikipedia.org/wiki/Orbital_period" target="_blank">信息</a> 。值应四舍五入到最接近的整数。轨道上的身体是地球。地球半径为6367.4447公里，地球的GM值为398600.4418 km <sup>3</sup> s <sup>-2</sup> 。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>orbitalPeriod([{name : &quot;sputnik&quot;, avgAlt : 35873.5553}])</code>应返回<code>[{name: &quot;sputnik&quot;, orbitalPeriod: 86400}]</code> 。'
+    testString: 'assert.deepEqual(orbitalPeriod([{name : "sputnik", avgAlt : 35873.5553}]), [{name: "sputnik", orbitalPeriod: 86400}], "<code>orbitalPeriod([{name : "sputnik", avgAlt : 35873.5553}])</code> should return <code>[{name: "sputnik", orbitalPeriod: 86400}]</code>.");'
+  - text: '<code>orbitalPeriod([{name: &quot;iss&quot;, avgAlt: 413.6}, {name: &quot;hubble&quot;, avgAlt: 556.7}, {name: &quot;moon&quot;, avgAlt: 378632.553}])</code>应返回<code>[{name : &quot;iss&quot;, orbitalPeriod: 5557}, {name: &quot;hubble&quot;, orbitalPeriod: 5734}, {name: &quot;moon&quot;, orbitalPeriod: 2377399}]</code> 。'
+    testString: 'assert.deepEqual(orbitalPeriod([{name: "iss", avgAlt: 413.6}, {name: "hubble", avgAlt: 556.7}, {name: "moon", avgAlt: 378632.553}]), [{name : "iss", orbitalPeriod: 5557}, {name: "hubble", orbitalPeriod: 5734}, {name: "moon", orbitalPeriod: 2377399}], "<code>orbitalPeriod([{name: "iss", avgAlt: 413.6}, {name: "hubble", avgAlt: 556.7}, {name: "moon", avgAlt: 378632.553}])</code> should return <code>[{name : "iss", orbitalPeriod: 5557}, {name: "hubble", orbitalPeriod: 5734}, {name: "moon", orbitalPeriod: 2377399}]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function orbitalPeriod(arr) {
+  var GM = 398600.4418;
+  var earthRadius = 6367.4447;
+  return arr;
+}
+
+orbitalPeriod([{name : "sputnik", avgAlt : 35873.5553}]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/missing-letters.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/missing-letters.chinese.md
new file mode 100644
index 0000000000..0d9978b465
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/missing-letters.chinese.md
@@ -0,0 +1,63 @@
+---
+id: af7588ade1100bde429baf20
+title: Missing letters
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 遗失的信件
+---
+
+## Description
+<section id="description">在传递的字母范围内找到丢失的字母并将其返回。如果范围内存在所有字母，则返回undefined。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>fearNotLetter(&quot;abce&quot;)</code>应返回“d”。
+    testString: 'assert.deepEqual(fearNotLetter("abce"), "d", "<code>fearNotLetter("abce")</code> should return "d".");'
+  - text: <code>fearNotLetter(&quot;abcdefghjklmno&quot;)</code>应该返回“i”。
+    testString: 'assert.deepEqual(fearNotLetter("abcdefghjklmno"), "i", "<code>fearNotLetter("abcdefghjklmno")</code> should return "i".");'
+  - text: <code>fearNotLetter(&quot;stvwx&quot;)</code>应该返回“u”。
+    testString: 'assert.deepEqual(fearNotLetter("stvwx"), "u", "<code>fearNotLetter("stvwx")</code> should return "u".");'
+  - text: <code>fearNotLetter(&quot;bcdf&quot;)</code>应返回“e”。
+    testString: 'assert.deepEqual(fearNotLetter("bcdf"), "e", "<code>fearNotLetter("bcdf")</code> should return "e".");'
+  - text: <code>fearNotLetter(&quot;abcdefghijklmnopqrstuvwxyz&quot;)</code>应返回undefined。
+    testString: 'assert.isUndefined(fearNotLetter("abcdefghijklmnopqrstuvwxyz"), "<code>fearNotLetter("abcdefghijklmnopqrstuvwxyz")</code> should return undefined.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fearNotLetter(str) {
+  return str;
+}
+
+fearNotLetter("abce");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/pig-latin.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/pig-latin.chinese.md
new file mode 100644
index 0000000000..2b331f14cd
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/pig-latin.chinese.md
@@ -0,0 +1,67 @@
+---
+id: aa7697ea2477d1316795783b
+title: Pig Latin
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 猪拉丁文
+---
+
+## Description
+<section id="description">将提供的字符串翻译为pig latin。 <a href="http://en.wikipedia.org/wiki/Pig_Latin" target="_blank">Pig Latin</a>使用英语单词的第一个辅音（或辅音簇），将其移到单词的末尾并加上“ay”后缀。如果一个单词以元音开头，你只需添加“way”到最后。输入字符串保证全部为小写英文单词。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>translatePigLatin(&quot;california&quot;)</code>应该返回“aliforniacay”。
+    testString: 'assert.deepEqual(translatePigLatin("california"), "aliforniacay", "<code>translatePigLatin("california")</code> should return "aliforniacay".");'
+  - text: <code>translatePigLatin(&quot;paragraphs&quot;)</code>应该返回“aragraphspay”。
+    testString: 'assert.deepEqual(translatePigLatin("paragraphs"), "aragraphspay", "<code>translatePigLatin("paragraphs")</code> should return "aragraphspay".");'
+  - text: <code>translatePigLatin(&quot;glove&quot;)</code>应该返回“oveglay”。
+    testString: 'assert.deepEqual(translatePigLatin("glove"), "oveglay", "<code>translatePigLatin("glove")</code> should return "oveglay".");'
+  - text: <code>translatePigLatin(&quot;algorithm&quot;)</code>应返回“algorithmway”。
+    testString: 'assert.deepEqual(translatePigLatin("algorithm"), "algorithmway", "<code>translatePigLatin("algorithm")</code> should return "algorithmway".");'
+  - text: <code>translatePigLatin(&quot;eight&quot;)</code>应该返回“八通”。
+    testString: 'assert.deepEqual(translatePigLatin("eight"), "eightway", "<code>translatePigLatin("eight")</code> should return "eightway".");'
+  - text: 应该处理第一个元音出现在单词末尾的单词。
+    testString: 'assert.deepEqual(translatePigLatin("schwartz"), "artzschway", "Should handle words where the first vowel comes in the end of the word.");'
+  - text: 应该处理没有元音的单词。
+    testString: 'assert.deepEqual(translatePigLatin("rhythm"), "rhythmay", "Should handle words without vowels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function translatePigLatin(str) {
+  return str;
+}
+
+translatePigLatin("consonant");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/search-and-replace.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/search-and-replace.chinese.md
new file mode 100644
index 0000000000..23eb7ab1c0
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/search-and-replace.chinese.md
@@ -0,0 +1,63 @@
+---
+id: a0b5010f579e69b815e7c5d6
+title: Search and Replace
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 搜索和替换
+---
+
+## Description
+<section id="description">使用提供的参数执行搜索并替换句子并返回新句子。第一个参数是执行搜索和替换的句子。第二个参数是你要替换的词（之前）。第三个参数是你将用（后）替换第二个参数。 <strong>注意</strong> <br>在更换原始单词时保留原始单词中第一个字符的大小写。例如，如果您的意思是将“Book”替换为“dog”，则应将其替换为“Dog”。如果卡住，请记住使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myReplace(&quot;Let us go to the store&quot;, &quot;store&quot;, &quot;mall&quot;)</code>应该返回“让我们去商场”。'
+    testString: 'assert.deepEqual(myReplace("Let us go to the store", "store", "mall"), "Let us go to the mall", "<code>myReplace("Let us go to the store", "store", "mall")</code> should return "Let us go to the mall".");'
+  - text: '<code>myReplace(&quot;He is Sleeping on the couch&quot;, &quot;Sleeping&quot;, &quot;sitting&quot;)</code>应该回归“他正坐在沙发上”。'
+    testString: 'assert.deepEqual(myReplace("He is Sleeping on the couch", "Sleeping", "sitting"), "He is Sitting on the couch", "<code>myReplace("He is Sleeping on the couch", "Sleeping", "sitting")</code> should return "He is Sitting on the couch".");'
+  - text: '<code>myReplace(&quot;This has a spellngi error&quot;, &quot;spellngi&quot;, &quot;spelling&quot;)</code>应该返回“这有一个拼写错误”。'
+    testString: 'assert.deepEqual(myReplace("This has a spellngi error", "spellngi", "spelling"), "This has a spelling error", "<code>myReplace("This has a spellngi error", "spellngi", "spelling")</code> should return "This has a spelling error".");'
+  - text: '<code>myReplace(&quot;His name is Tom&quot;, &quot;Tom&quot;, &quot;john&quot;)</code>应该回归“他的名字是约翰”。'
+    testString: 'assert.deepEqual(myReplace("His name is Tom", "Tom", "john"), "His name is John", "<code>myReplace("His name is Tom", "Tom", "john")</code> should return "His name is John".");'
+  - text: '<code>myReplace(&quot;Let us get back to more Coding&quot;, &quot;Coding&quot;, &quot;algorithms&quot;)</code>应该返回“让我们回到更多算法”。'
+    testString: 'assert.deepEqual(myReplace("Let us get back to more Coding", "Coding", "algorithms"), "Let us get back to more Algorithms", "<code>myReplace("Let us get back to more Coding", "Coding", "algorithms")</code> should return "Let us get back to more Algorithms".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function myReplace(str, before, after) {
+  return str;
+}
+
+myReplace("A quick brown fox jumped over the lazy dog", "jumped", "leaped");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/seek-and-destroy.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/seek-and-destroy.chinese.md
new file mode 100644
index 0000000000..1e6c56237d
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/seek-and-destroy.chinese.md
@@ -0,0 +1,66 @@
+---
+id: a39963a4c10bc8b4d4f06d7e
+title: Seek and Destroy
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 寻找和摧毁
+---
+
+## Description
+<section id="description">您将获得一个初始数组（驱逐舰函数中的第一个参数），后跟一个或多个参数。从初始数组中删除与这些参数具有相同值的所有元素。 <strong>注意</strong> <br>你必须使用<code>arguments</code>对象。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>destroyer([1, 2, 3, 1, 2, 3], 2, 3)</code>应该返回<code>[1, 1]</code> 。'
+    testString: 'assert.deepEqual(destroyer([1, 2, 3, 1, 2, 3], 2, 3), [1, 1], "<code>destroyer([1, 2, 3, 1, 2, 3], 2, 3)</code> should return <code>[1, 1]</code>.");'
+  - text: '<code>destroyer([1, 2, 3, 5, 1, 2, 3], 2, 3)</code>应该返回<code>[1, 5, 1]</code> 。'
+    testString: 'assert.deepEqual(destroyer([1, 2, 3, 5, 1, 2, 3], 2, 3), [1, 5, 1], "<code>destroyer([1, 2, 3, 5, 1, 2, 3], 2, 3)</code> should return <code>[1, 5, 1]</code>.");'
+  - text: '<code>destroyer([3, 5, 1, 2, 2], 2, 3, 5)</code>应该返回<code>[1]</code> 。'
+    testString: 'assert.deepEqual(destroyer([3, 5, 1, 2, 2], 2, 3, 5), [1], "<code>destroyer([3, 5, 1, 2, 2], 2, 3, 5)</code> should return <code>[1]</code>.");'
+  - text: '<code>destroyer([2, 3, 2, 3], 2, 3)</code>应该返回<code>[]</code> 。'
+    testString: 'assert.deepEqual(destroyer([2, 3, 2, 3], 2, 3), [], "<code>destroyer([2, 3, 2, 3], 2, 3)</code> should return <code>[]</code>.");'
+  - text: '<code>destroyer([&quot;tree&quot;, &quot;hamburger&quot;, 53], &quot;tree&quot;, 53)</code>应该返回<code>[&quot;hamburger&quot;]</code> 。'
+    testString: 'assert.deepEqual(destroyer(["tree", "hamburger", 53], "tree", 53), ["hamburger"], "<code>destroyer(["tree", "hamburger", 53], "tree", 53)</code> should return <code>["hamburger"]</code>.");'
+  - text: '<code>destroyer([&quot;possum&quot;, &quot;trollo&quot;, 12, &quot;safari&quot;, &quot;hotdog&quot;, 92, 65, &quot;grandma&quot;, &quot;bugati&quot;, &quot;trojan&quot;, &quot;yacht&quot;], &quot;yacht&quot;, &quot;possum&quot;, &quot;trollo&quot;, &quot;safari&quot;, &quot;hotdog&quot;, &quot;grandma&quot;, &quot;bugati&quot;, &quot;trojan&quot;)</code>应该返回<code>[12,92,65]</code> 。'
+    testString: 'assert.deepEqual(destroyer(["possum", "trollo", 12, "safari", "hotdog", 92, 65, "grandma", "bugati", "trojan", "yacht"], "yacht", "possum", "trollo", "safari", "hotdog", "grandma", "bugati", "trojan"), [12,92,65], "<code>destroyer(["possum", "trollo", 12, "safari", "hotdog", 92, 65, "grandma", "bugati", "trojan", "yacht"], "yacht", "possum", "trollo", "safari", "hotdog", "grandma", "bugati", "trojan")</code> should return <code>[12,92,65]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function destroyer(arr) {
+  // Remove all the values
+  return arr;
+}
+
+destroyer([1, 2, 3, 1, 2, 3], 2, 3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple.chinese.md
new file mode 100644
index 0000000000..4587c84674
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple.chinese.md
@@ -0,0 +1,66 @@
+---
+id: ae9defd7acaf69703ab432ea
+title: Smallest Common Multiple
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 最小的共同多重
+---
+
+## Description
+<section id="description">找到所提供参数的最小公倍数，可以均匀地除以这些参数，以及这些参数之间范围内的所有序号。范围将是两个数字的数组，不一定按数字顺序排列。例如，如果给定1和3，找到1和3的最小公倍数，它们也可以被1到3 <em>之间</em>的所有数字整除。这里的答案是6.记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a>如果你得到卡住。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>smallestCommons([1, 5])</code>应返回一个数字。'
+    testString: 'assert.deepEqual(typeof smallestCommons([1, 5]), "number", "<code>smallestCommons([1, 5])</code> should return a number.");'
+  - text: '<code>smallestCommons([1, 5])</code>应该返回60。'
+    testString: 'assert.deepEqual(smallestCommons([1, 5]), 60, "<code>smallestCommons([1, 5])</code> should return 60.");'
+  - text: '<code>smallestCommons([5, 1])</code>应该返回60。'
+    testString: 'assert.deepEqual(smallestCommons([5, 1]), 60, "<code>smallestCommons([5, 1])</code> should return 60.");'
+  - text: '<code>smallestCommons([2, 10])</code> 2,10 <code>smallestCommons([2, 10])</code>应返回2520。'
+    testString: 'assert.deepEqual(smallestCommons([2, 10]), 2520, "<code>smallestCommons([2, 10])</code> should return 2520.");'
+  - text: '<code>smallestCommons([1, 13])</code> 1,13 <code>smallestCommons([1, 13])</code>应返回360360。'
+    testString: 'assert.deepEqual(smallestCommons([1, 13]), 360360, "<code>smallestCommons([1, 13])</code> should return 360360.");'
+  - text: '<code>smallestCommons([23, 18])</code> 23,18 <code>smallestCommons([23, 18])</code>应返回6056820。'
+    testString: 'assert.deepEqual(smallestCommons([23, 18]), 6056820, "<code>smallestCommons([23, 18])</code> should return 6056820.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function smallestCommons(arr) {
+  return arr;
+}
+
+
+smallestCommons([1,5]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sorted-union.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sorted-union.chinese.md
new file mode 100644
index 0000000000..7b13f3ef57
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sorted-union.chinese.md
@@ -0,0 +1,61 @@
+---
+id: a105e963526e7de52b219be9
+title: Sorted Union
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 排序联盟
+---
+
+## Description
+<section id="description">编写一个带有两个或更多数组的函数，并按原始提供的数组的顺序返回一个新的唯一值数组。换句话说，所有数组中存在的所有值都应包含在它们的原始顺序中，但在最终数组中没有重复。唯一编号应按其原始顺序排序，但最终数组不应按数字顺序排序。检查断言测试以获取示例。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1])</code>应该返回<code>[1, 3, 2, 5, 4]</code> <code>uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1])</code> <code>[1, 3, 2, 5, 4]</code> 。'
+    testString: 'assert.deepEqual(uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1]), [1, 3, 2, 5, 4], "<code>uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1])</code> should return <code>[1, 3, 2, 5, 4]</code>.");'
+  - text: '<code>uniteUnique([1, 3, 2], [1, [5]], [2, [4]])</code>应该返回<code>[1, 3, 2, [5], [4]]</code> <code>uniteUnique([1, 3, 2], [1, [5]], [2, [4]])</code> <code>[1, 3, 2, [5], [4]]</code> 。'
+    testString: 'assert.deepEqual(uniteUnique([1, 3, 2], [1, [5]], [2, [4]]), [1, 3, 2, [5], [4]], "<code>uniteUnique([1, 3, 2], [1, [5]], [2, [4]])</code> should return <code>[1, 3, 2, [5], [4]]</code>.");'
+  - text: '<code>uniteUnique([1, 2, 3], [5, 2, 1])</code>应该返回<code>[1, 2, 3, 5]</code> <code>uniteUnique([1, 2, 3], [5, 2, 1])</code> <code>[1, 2, 3, 5]</code> 。'
+    testString: 'assert.deepEqual(uniteUnique([1, 2, 3], [5, 2, 1]), [1, 2, 3, 5], "<code>uniteUnique([1, 2, 3], [5, 2, 1])</code> should return <code>[1, 2, 3, 5]</code>.");'
+  - text: '<code>uniteUnique([1, 2, 3], [5, 2, 1, 4], [2, 1], [6, 7, 8])</code>应该返回<code>[1, 2, 3, 5, 4, 6, 7, 8]</code> <code>uniteUnique([1, 2, 3], [5, 2, 1, 4], [2, 1], [6, 7, 8])</code> <code>[1, 2, 3, 5, 4, 6, 7, 8]</code> 。'
+    testString: 'assert.deepEqual(uniteUnique([1, 2, 3], [5, 2, 1, 4], [2, 1], [6, 7, 8]), [1, 2, 3, 5, 4, 6, 7, 8], "<code>uniteUnique([1, 2, 3], [5, 2, 1, 4], [2, 1], [6, 7, 8])</code> should return <code>[1, 2, 3, 5, 4, 6, 7, 8]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function uniteUnique(arr) {
+  return arr;
+}
+
+uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/spinal-tap-case.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/spinal-tap-case.chinese.md
new file mode 100644
index 0000000000..51542d1e99
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/spinal-tap-case.chinese.md
@@ -0,0 +1,65 @@
+---
+id: a103376db3ba46b2d50db289
+title: Spinal Tap Case
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 脊椎龙头套
+---
+
+## Description
+<section id="description">将字符串转换为脊柱案例。脊柱情况是全小写单词连接的破折号。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>spinalCase(&quot;This Is Spinal Tap&quot;)</code>应该返回<code>&quot;this-is-spinal-tap&quot;</code> 。
+    testString: 'assert.deepEqual(spinalCase("This Is Spinal Tap"), "this-is-spinal-tap", "<code>spinalCase("This Is Spinal Tap")</code> should return <code>"this-is-spinal-tap"</code>.");'
+  - text: <code>spinalCase(&quot;thisIsSpinal Tap&quot;)</code>应该返回<code>&quot;this-is-spinal-tap&quot;</code> 。
+    testString: 'assert.strictEqual(spinalCase("thisIsSpinalTap"), "this-is-spinal-tap", "<code>spinalCase("thisIsSpinal<wbr>Tap")</code> should return <code>"this-is-spinal-tap"</code>.");'
+  - text: <code>spinalCase(&quot;The_Andy_ Griffith_Show&quot;)</code>应该返回<code>&quot;the-andy-griffith-show&quot;</code> 。
+    testString: 'assert.strictEqual(spinalCase("The_Andy_Griffith_Show"), "the-andy-griffith-show", "<code>spinalCase("The_Andy_<wbr>Griffith_Show")</code> should return <code>"the-andy-griffith-show"</code>.");'
+  - text: <code>spinalCase(&quot;Teletubbies say Eh-oh&quot;)</code>应该返回<code>&quot;teletubbies-say-eh-oh&quot;</code> 。
+    testString: 'assert.strictEqual(spinalCase("Teletubbies say Eh-oh"), "teletubbies-say-eh-oh", "<code>spinalCase("Teletubbies say Eh-oh")</code> should return <code>"teletubbies-say-eh-oh"</code>.");'
+  - text: <code>spinalCase(&quot;AllThe-small Things&quot;)</code>应该归还<code>&quot;all-the-small-things&quot;</code> 。
+    testString: 'assert.strictEqual(spinalCase("AllThe-small Things"), "all-the-small-things", "<code>spinalCase("AllThe-small Things")</code> should return <code>"all-the-small-things"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function spinalCase(str) {
+  // "It's such a fine line between stupid, and clever."
+  // --David St. Hubbins
+  return str;
+}
+
+spinalCase('This Is Spinal Tap');
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/steamroller.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/steamroller.chinese.md
new file mode 100644
index 0000000000..972374b5b6
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/steamroller.chinese.md
@@ -0,0 +1,62 @@
+---
+id: ab306dbdcc907c7ddfc30830
+title: Steamroller
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 压路机
+---
+
+## Description
+<section id="description">展平嵌套数组。您必须考虑不同的嵌套级别。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>steamrollArray([[[&quot;a&quot;]], [[&quot;b&quot;]]])</code>应返回<code>[&quot;a&quot;, &quot;b&quot;]</code> 。'
+    testString: 'assert.deepEqual(steamrollArray([[["a"]], [["b"]]]), ["a", "b"], "<code>steamrollArray([[["a"]], [["b"]]])</code> should return <code>["a", "b"]</code>.");'
+  - text: '<code>steamrollArray([1, [2], [3, [[4]]]])</code>应该返回<code>[1, 2, 3, 4]</code> 。'
+    testString: 'assert.deepEqual(steamrollArray([1, [2], [3, [[4]]]]), [1, 2, 3, 4], "<code>steamrollArray([1, [2], [3, [[4]]]])</code> should return <code>[1, 2, 3, 4]</code>.");'
+  - text: '<code>steamrollArray([1, [], [3, [[4]]]])</code>应该返回<code>[1, 3, 4]</code> 。'
+    testString: 'assert.deepEqual(steamrollArray([1, [], [3, [[4]]]]), [1, 3, 4], "<code>steamrollArray([1, [], [3, [[4]]]])</code> should return <code>[1, 3, 4]</code>.");'
+  - text: '<code>steamrollArray([1, {}, [3, [[4]]]])</code>应返回<code>[1, {}, 3, 4]</code> 。'
+    testString: 'assert.deepEqual(steamrollArray([1, {}, [3, [[4]]]]), [1, {}, 3, 4], "<code>steamrollArray([1, {}, [3, [[4]]]])</code> should return <code>[1, {}, 3, 4]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function steamrollArray(arr) {
+  // I'm a steamroller, baby
+  return arr;
+}
+
+steamrollArray([1, [2], [3, [[4]]]]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-numbers-in-a-range.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-numbers-in-a-range.chinese.md
new file mode 100644
index 0000000000..c138e283e1
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-numbers-in-a-range.chinese.md
@@ -0,0 +1,63 @@
+---
+id: a3566b1109230028080c9345
+title: Sum All Numbers in a Range
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 求和范围中的所有数字
+---
+
+## Description
+<section id="description">我们将通过两个数字的数组。返回这两个数字的总和加上它们之间所有数字的总和。最低的数字并不总是第一位。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>sumAll([1, 4])</code>应该返回一个数字。'
+    testString: 'assert(typeof sumAll([1, 4]) === "number", "<code>sumAll([1, 4])</code> should return a number.");'
+  - text: '<code>sumAll([1, 4])</code>应该返回10。'
+    testString: 'assert.deepEqual(sumAll([1, 4]), 10, "<code>sumAll([1, 4])</code> should return 10.");'
+  - text: '<code>sumAll([4, 1])</code>应该返回10。'
+    testString: 'assert.deepEqual(sumAll([4, 1]), 10, "<code>sumAll([4, 1])</code> should return 10.");'
+  - text: '<code>sumAll([5, 10])</code>应该返回45。'
+    testString: 'assert.deepEqual(sumAll([5, 10]), 45, "<code>sumAll([5, 10])</code> should return 45.");'
+  - text: '<code>sumAll([10, 5])</code>应该返回45。'
+    testString: 'assert.deepEqual(sumAll([10, 5]), 45, "<code>sumAll([10, 5])</code> should return 45.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumAll(arr) {
+  return 1;
+}
+
+sumAll([1, 4]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-odd-fibonacci-numbers.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-odd-fibonacci-numbers.chinese.md
new file mode 100644
index 0000000000..0a4a458157
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-odd-fibonacci-numbers.chinese.md
@@ -0,0 +1,65 @@
+---
+id: a5229172f011153519423690
+title: Sum All Odd Fibonacci Numbers
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 求所有奇数斐波纳契数
+---
+
+## Description
+<section id="description">给定正整数<code>num</code> ，返回小于或等于<code>num</code>的所有奇数Fibonacci数的总和。 Fibonacci序列中的前两个数字是1和1.序列中的每个附加数字是前两个数字的总和。 Fibonacci序列的前六个数字是<code>sumFibs(10)</code>和8.例如， <code>sumFibs(10)</code>应该返回<code>10</code>因为小于或等于<code>10</code>所有奇数Fibonacci数都是<code>sumFibs(10)</code>和5.如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumFibs(1)</code>应该返回一个数字。
+    testString: 'assert(typeof sumFibs(1) === "number", "<code>sumFibs(1)</code> should return a number.");'
+  - text: <code>sumFibs(1000)</code>应该返回1785。
+    testString: 'assert(sumFibs(1000) === 1785, "<code>sumFibs(1000)</code> should return 1785.");'
+  - text: <code>sumFibs(4000000)</code>应返回4613732。
+    testString: 'assert(sumFibs(4000000) === 4613732, "<code>sumFibs(4000000)</code> should return 4613732.");'
+  - text: <code>sumFibs(4)</code>应该返回5。
+    testString: 'assert(sumFibs(4) === 5, "<code>sumFibs(4)</code> should return 5.");'
+  - text: <code>sumFibs(75024)</code>应该返回60696。
+    testString: 'assert(sumFibs(75024) === 60696, "<code>sumFibs(75024)</code> should return 60696.");'
+  - text: <code>sumFibs(75025)</code>应该返回135721。
+    testString: 'assert(sumFibs(75025) === 135721, "<code>sumFibs(75025)</code> should return 135721.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumFibs(num) {
+  return num;
+}
+
+sumFibs(4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-primes.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-primes.chinese.md
new file mode 100644
index 0000000000..6d55afbd0a
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-primes.chinese.md
@@ -0,0 +1,59 @@
+---
+id: a3bfc1673c0526e06d3ac698
+title: Sum All Primes
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Sum All Primes
+---
+
+## Description
+<section id="description">将所有素数加起来并包括所提供的数字。素数被定义为大于1的数，并且只有两个除数，一个和一个除数。例如，2是素数，因为它只能被1和2整除。提供的号码可能不是主要的。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumPrimes(10)</code>应该返回一个数字。
+    testString: 'assert.deepEqual(typeof sumPrimes(10), "number", "<code>sumPrimes(10)</code> should return a number.");'
+  - text: <code>sumPrimes(10)</code>应该返回17。
+    testString: 'assert.deepEqual(sumPrimes(10), 17, "<code>sumPrimes(10)</code> should return 17.");'
+  - text: <code>sumPrimes(977)</code>应该返回73156。
+    testString: 'assert.deepEqual(sumPrimes(977), 73156, "<code>sumPrimes(977)</code> should return 73156.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumPrimes(num) {
+  return num;
+}
+
+sumPrimes(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/wherefore-art-thou.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/wherefore-art-thou.chinese.md
new file mode 100644
index 0000000000..92731153d7
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/wherefore-art-thou.chinese.md
@@ -0,0 +1,71 @@
+---
+id: a8e512fbe388ac2f9198f0fa
+title: Wherefore art thou
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 因此，你是艺术家
+---
+
+## Description
+<section id="description">创建一个查看对象数组（第一个参数）的函数，并返回具有匹配的名称和值对的所有对象的数组（第二个参数）。如果要包含在返回的数组中，则源对象的每个名称和值对都必须存在于集合中的对象中。例如，如果第一个参数是<code>[{ first: &quot;Romeo&quot;, last: &quot;Montague&quot; }, { first: &quot;Mercutio&quot;, last: null }, { first: &quot;Tybalt&quot;, last: &quot;Capulet&quot; }]</code> ，第二个参数是<code>{ last: &quot;Capulet&quot; }</code> ，然后你必须从数组（第一个参数）返回第三个对象，因为它包含名称及其值，它作为第二个参数传递。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>whatIsInAName([{ first: &quot;Romeo&quot;, last: &quot;Montague&quot; }, { first: &quot;Mercutio&quot;, last: null }, { first: &quot;Tybalt&quot;, last: &quot;Capulet&quot; }], { last: &quot;Capulet&quot; })</code>应该返回<code>[{ first: &quot;Tybalt&quot;, last: &quot;Capulet&quot; }]</code>'
+    testString: 'assert.deepEqual(whatIsInAName([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" }), [{ first: "Tybalt", last: "Capulet" }], "<code>whatIsInAName([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" })</code> should return <code>[{ first: "Tybalt", last: "Capulet" }]</code>.");'
+  - text: '<code>whatIsInAName([{ &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2 }], { &quot;apple&quot;: 1 })</code>应返回<code>[{ &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2 }]</code> 。'
+    testString: 'assert.deepEqual(whatIsInAName([{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }], { "apple": 1 }), [{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }], "<code>whatIsInAName([{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }], { "apple": 1 })</code> should return <code>[{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }]</code>.");'
+  - text: '<code>whatIsInAName([{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }], { &quot;apple&quot;: 1, &quot;bat&quot;: 2 })</code>应该返回<code>[{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }]</code> 。'
+    testString: 'assert.deepEqual(whatIsInAName([{ "apple": 1, "bat": 2 }, { "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "bat": 2 }), [{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }], "<code>whatIsInAName([{ "apple": 1, "bat": 2 }, { "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "bat": 2 })</code> should return <code>[{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }]</code>.");'
+  - text: '<code>whatIsInAName([{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }], { &quot;apple&quot;: 1, &quot;cookie&quot;: 2 })</code>应该返回<code>[{ &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }]</code> 。'
+    testString: 'assert.deepEqual(whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "cookie": 2 }), [{ "apple": 1, "bat": 2, "cookie": 2 }], "<code>whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "cookie": 2 })</code> should return <code>[{ "apple": 1, "bat": 2, "cookie": 2 }]</code>.");'
+  - text: '<code>whatIsInAName([{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }, { &quot;bat&quot;:2 }], { &quot;apple&quot;: 1, &quot;bat&quot;: 2 })</code>应该返回<code>[{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;:2 }]</code> 。'
+    testString: 'assert.deepEqual(whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }, {"bat":2}], { "apple": 1, "bat": 2 }), [{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie":2 }], "<code>whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }, { "bat":2 }], { "apple": 1, "bat": 2 })</code> should return <code>[{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie":2 }]</code>.");'
+  - text: '<code>whatIsInAName([{&quot;a&quot;: 1, &quot;b&quot;: 2, &quot;c&quot;: 3}], {&quot;a&quot;: 1, &quot;b&quot;: 9999, &quot;c&quot;: 3})</code>应该返回<code>[]</code>'
+    testString: 'assert.deepEqual(whatIsInAName([{ "a": 1, "b": 2, "c": 3 }], { "a": 1, "b": 9999, "c": 3 }), [], "<code>whatIsInAName([{"a": 1, "b": 2, "c": 3}], {"a": 1, "b": 9999, "c": 3})</code> should return <code>[]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function whatIsInAName(collection, source) {
+  // What's in a name?
+  var arr = [];
+  // Only change code below this line
+
+
+  // Only change code above this line
+  return arr;
+}
+
+whatIsInAName([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" });
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/caesars-cipher.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/caesars-cipher.chinese.md
new file mode 100644
index 0000000000..b00b65a6f8
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/caesars-cipher.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 56533eb9ac21ba0edf2244e2
+title: Caesars Cipher
+challengeType: 5
+isRequired: true
+videoUrl: ''
+localeTitle: 凯撒密码
+---
+
+## Description
+<section id="description">最简单和最广为人知的<dfn>密码之一</dfn>是<code>Caesar cipher</code> ，也称为<code>shift cipher</code> 。在<code>shift cipher</code>中，字母的含义被移动一些设定量。一种常见的现代用途是<a href="https://en.wikipedia.org/wiki/ROT13" target="_blank">ROT13</a>密码，其中字母的值移动了13个位置。因此&#39;A&#39;&#39;&#39;N&#39;，&#39;B&#39;&#39;&#39;O&#39;等等。编写一个函数，它将<a href="https://en.wikipedia.org/wiki/ROT13" target="_blank">ROT13</a>编码的字符串作为输入并返回一个已解码的字符串。所有字母都是大写的。不要转换任何非字母字符（即空格，标点符号），但要传递它们。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>rot13(&quot;SERR PBQR PNZC&quot;)</code>应解码为<code>FREE CODE CAMP</code>
+    testString: 'assert(rot13("SERR PBQR PNZC") === "FREE CODE CAMP", "<code>rot13("SERR PBQR PNZC")</code> should decode to <code>FREE CODE CAMP</code>");'
+  - text: <code>rot13(&quot;SERR CVMMN!&quot;)</code>应该解码为<code>FREE PIZZA!</code> <code>rot13(&quot;SERR CVMMN!&quot;)</code> <code>FREE PIZZA!</code>
+    testString: 'assert(rot13("SERR CVMMN!") === "FREE PIZZA!", "<code>rot13("SERR CVMMN!")</code> should decode to <code>FREE PIZZA!</code>");'
+  - text: <code>rot13(&quot;SERR YBIR?&quot;)</code>应解码为<code>FREE LOVE?</code>
+    testString: 'assert(rot13("SERR YBIR?") === "FREE LOVE?", "<code>rot13("SERR YBIR?")</code> should decode to <code>FREE LOVE?</code>");'
+  - text: <code>rot13(&quot;GUR DHVPX OEBJA SBK WHZCF BIRE GUR YNML QBT.&quot;)</code>应该在<code>rot13(&quot;GUR DHVPX OEBJA SBK WHZCF BIRE GUR YNML QBT.&quot;)</code>解码到<code>THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.</code>
+    testString: 'assert(rot13("GUR DHVPX OEBJA SBK WHZCF BIRE GUR YNML QBT.") === "THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.", "<code>rot13("GUR DHVPX OEBJA SBK WHZCF BIRE GUR YNML QBT.")</code> should decode to <code>THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function rot13(str) { // LBH QVQ VG!
+
+  return str;
+}
+
+// Change the inputs below to test
+rot13("SERR PBQR PNZC");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/cash-register.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/cash-register.chinese.md
new file mode 100644
index 0000000000..c3e8ec0739
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/cash-register.chinese.md
@@ -0,0 +1,78 @@
+---
+id: aa2e6f85cab2ab736c9a9b24
+title: Cash Register
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 收银机
+---
+
+## Description
+<section id="description">设计一个收银抽屉功能<code>checkCashRegister()</code> ，它接受购买价格作为第一个参数（ <code>price</code> ），支付作为第二个参数（ <code>cash</code> ），以及现金抽屉（ <code>cid</code> ）作为第三个参数。 <code>cid</code>是列出可用货币的2D数组。 <code>checkCashRegister()</code>函数应始终返回带有<code>status</code>键和<code>change</code>键的对象。返回<code>{status: &quot;INSUFFICIENT_FUNDS&quot;, change: []}</code>如果出现的现金少于到期的更改，或者如果您无法返回确切的更改。返回<code>{status: &quot;CLOSED&quot;, change: [...]}</code>使用cash-in-drawer作为密钥<code>change</code>的值，如果它等于更改到期。否则，返回<code>{status: &quot;OPEN&quot;, change: [...]}</code> ，以硬币和账单中的更改到期，按从最高到最低的顺序排序，作为<code>change</code>密钥的值。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 <table class="table table-striped"><tbody><tr><th>货币单位</th><th>量</th></tr><tr><td>一分钱</td><td> 0.01美元（PENNY） </td></tr><tr><td>镍</td><td> 0.05美元（NICKEL） </td></tr><tr><td>十分钱</td><td> 0.1美元（DIME） </td></tr><tr><td> 25美分硬币</td><td> 0.25美元（季） </td></tr><tr><td>美元</td><td> 1美元（美元） </td></tr><tr><td>五美元</td><td> 5美元（五） </td></tr><tr><td>十美元</td><td> 10美元（10日） </td></tr><tr><td>二十美元</td><td> 20美元（二十美元） </td></tr><tr><td>一百元</td><td> 100美元（一百） </td></tr></tbody></table></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>checkCashRegister(19.5, 20, [[&quot;PENNY&quot;, 1.01], [&quot;NICKEL&quot;, 2.05], [&quot;DIME&quot;, 3.1], [&quot;QUARTER&quot;, 4.25], [&quot;ONE&quot;, 90], [&quot;FIVE&quot;, 55], [&quot;TEN&quot;, 20], [&quot;TWENTY&quot;, 60], [&quot;ONE HUNDRED&quot;, 100]])</code>应该返回一个物体。'
+    testString: 'assert.deepEqual(Object.prototype.toString.call(checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])), "[object Object]", "<code>checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])</code> should return an object.");'
+  - text: '<code>checkCashRegister(19.5, 20, [[&quot;PENNY&quot;, 1.01], [&quot;NICKEL&quot;, 2.05], [&quot;DIME&quot;, 3.1], [&quot;QUARTER&quot;, 4.25], [&quot;ONE&quot;, 90], [&quot;FIVE&quot;, 55], [&quot;TEN&quot;, 20], [&quot;TWENTY&quot;, 60], [&quot;ONE HUNDRED&quot;, 100]])</code>应返回<code>{status: &quot;OPEN&quot;, change: [[&quot;QUARTER&quot;, 0.5]]}</code> 。'
+    testString: 'assert.deepEqual(checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]]), {status: "OPEN", change: [["QUARTER", 0.5]]}, "<code>checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])</code> should return <code>{status: "OPEN", change: [["QUARTER", 0.5]]}</code>.");'
+  - text: '<code>checkCashRegister(3.26, 100, [[&quot;PENNY&quot;, 1.01], [&quot;NICKEL&quot;, 2.05], [&quot;DIME&quot;, 3.1], [&quot;QUARTER&quot;, 4.25], [&quot;ONE&quot;, 90], [&quot;FIVE&quot;, 55], [&quot;TEN&quot;, 20], [&quot;TWENTY&quot;, 60], [&quot;ONE HUNDRED&quot;, 100]])</code>应返回<code>{status: &quot;OPEN&quot;, change: [[&quot;TWENTY&quot;, 60], [&quot;TEN&quot;, 20], [&quot;FIVE&quot;, 15], [&quot;ONE&quot;, 1], [&quot;QUARTER&quot;, 0.5], [&quot;DIME&quot;, 0.2], [&quot;PENNY&quot;, 0.04]]}</code> 。'
+    testString: 'assert.deepEqual(checkCashRegister(3.26, 100, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]]), {status: "OPEN", change: [["TWENTY", 60], ["TEN", 20], ["FIVE", 15], ["ONE", 1], ["QUARTER", 0.5], ["DIME", 0.2], ["PENNY", 0.04]]}, "<code>checkCashRegister(3.26, 100, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])</code> should return <code>{status: "OPEN", change: [["TWENTY", 60], ["TEN", 20], ["FIVE", 15], ["ONE", 1], ["QUARTER", 0.5], ["DIME", 0.2], ["PENNY", 0.04]]}</code>.");'
+  - text: '<code>checkCashRegister(19.5, 20, [[&quot;PENNY&quot;, 0.01], [&quot;NICKEL&quot;, 0], [&quot;DIME&quot;, 0], [&quot;QUARTER&quot;, 0], [&quot;ONE&quot;, 0], [&quot;FIVE&quot;, 0], [&quot;TEN&quot;, 0], [&quot;TWENTY&quot;, 0], [&quot;ONE HUNDRED&quot;, 0]])</code>应返回<code>{status: &quot;INSUFFICIENT_FUNDS&quot;, change: []}</code> 。'
+    testString: 'assert.deepEqual(checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]), {status: "INSUFFICIENT_FUNDS", change: []}, "<code>checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]])</code> should return <code>{status: "INSUFFICIENT_FUNDS", change: []}</code>.");'
+  - text: '<code>checkCashRegister(19.5, 20, [[&quot;PENNY&quot;, 0.01], [&quot;NICKEL&quot;, 0], [&quot;DIME&quot;, 0], [&quot;QUARTER&quot;, 0], [&quot;ONE&quot;, 1], [&quot;FIVE&quot;, 0], [&quot;TEN&quot;, 0], [&quot;TWENTY&quot;, 0], [&quot;ONE HUNDRED&quot;, 0]])</code>应返回<code>{status: &quot;INSUFFICIENT_FUNDS&quot;, change: []}</code> 。'
+    testString: 'assert.deepEqual(checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 1], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]), {status: "INSUFFICIENT_FUNDS", change: []}, "<code>checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 1], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]])</code> should return <code>{status: "INSUFFICIENT_FUNDS", change: []}</code>.");'
+  - text: '<code>checkCashRegister(19.5, 20, [[&quot;PENNY&quot;, 0.5], [&quot;NICKEL&quot;, 0], [&quot;DIME&quot;, 0], [&quot;QUARTER&quot;, 0], [&quot;ONE&quot;, 0], [&quot;FIVE&quot;, 0], [&quot;TEN&quot;, 0], [&quot;TWENTY&quot;, 0], [&quot;ONE HUNDRED&quot;, 0]])</code>应返回<code>{status: &quot;CLOSED&quot;, change: [[&quot;PENNY&quot;, 0.5], [&quot;NICKEL&quot;, 0], [&quot;DIME&quot;, 0], [&quot;QUARTER&quot;, 0], [&quot;ONE&quot;, 0], [&quot;FIVE&quot;, 0], [&quot;TEN&quot;, 0], [&quot;TWENTY&quot;, 0], [&quot;ONE HUNDRED&quot;, 0]]}</code> 。'
+    testString: 'assert.deepEqual(checkCashRegister(19.5, 20, [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]), {status: "CLOSED", change: [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]}, "<code>checkCashRegister(19.5, 20, [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]])</code> should return <code>{status: "CLOSED", change: [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]}</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkCashRegister(price, cash, cid) {
+  var change;
+  // Here is your change, ma'am.
+  return change;
+}
+
+// Example cash-in-drawer array:
+// [["PENNY", 1.01],
+// ["NICKEL", 2.05],
+// ["DIME", 3.1],
+// ["QUARTER", 4.25],
+// ["ONE", 90],
+// ["FIVE", 55],
+// ["TEN", 20],
+// ["TWENTY", 60],
+// ["ONE HUNDRED", 100]]
+
+checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker.chinese.md
new file mode 100644
index 0000000000..10481e043d
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker.chinese.md
@@ -0,0 +1,82 @@
+---
+id: aaa48de84e1ecc7c742e1124
+title: Palindrome Checker
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 回文检查
+---
+
+## Description
+<section id="description">如果给定的字符串是回文，则返回<code>true</code> 。否则，返回<code>false</code> 。 <dfn>回文</dfn>是一个单词或句子，其拼写方式与前后相同，忽略标点符号，大小写和间距。 <strong>注意</strong> <br>您需要删除<strong>所有非字母数字字符</strong> （标点符号，空格和符号）并将所有内容转换为相同的大小写（小写或大写）以检查回文。我们会通过字符串具有不同的格式，如<code>&quot;racecar&quot;</code> ， <code>&quot;RaceCar&quot;</code>和<code>&quot;race CAR&quot;</code>等等。我们还将传递带有特殊符号的字符串，例如<code>&quot;2A3*3a2&quot;</code> ， <code>&quot;2A3 3a2&quot;</code>和<code>&quot;2_A3*3#A2&quot;</code> 。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>palindrome(&quot;eye&quot;)</code>应该返回一个布尔值。
+    testString: 'assert(typeof palindrome("eye") === "boolean", "<code>palindrome("eye")</code> should return a boolean.");'
+  - text: <code>palindrome(&quot;eye&quot;)</code>应该返回true。
+    testString: 'assert(palindrome("eye") === true, "<code>palindrome("eye")</code> should return true.");'
+  - text: <code>palindrome(&quot;_eye&quot;)</code>应该返回true。
+    testString: 'assert(palindrome("_eye") === true, "<code>palindrome("_eye")</code> should return true.");'
+  - text: <code>palindrome(&quot;race car&quot;)</code>应该返回true。
+    testString: 'assert(palindrome("race car") === true, "<code>palindrome("race car")</code> should return true.");'
+  - text: <code>palindrome(&quot;not a palindrome&quot;)</code>应该返回false。
+    testString: 'assert(palindrome("not a palindrome") === false, "<code>palindrome("not a palindrome")</code> should return false.");'
+  - text: '<code>palindrome(&quot;A man, a plan, a canal. Panama&quot;)</code>应该回归真实。'
+    testString: 'assert(palindrome("A man, a plan, a canal. Panama") === true, "<code>palindrome("A man, a plan, a canal. Panama")</code> should return true.");'
+  - text: <code>palindrome(&quot;never odd or even&quot;)</code>应该返回true。
+    testString: 'assert(palindrome("never odd or even") === true, "<code>palindrome("never odd or even")</code> should return true.");'
+  - text: <code>palindrome(&quot;nope&quot;)</code>应该返回false。
+    testString: 'assert(palindrome("nope") === false, "<code>palindrome("nope")</code> should return false.");'
+  - text: <code>palindrome(&quot;almostomla&quot;)</code>应该返回false。
+    testString: 'assert(palindrome("almostomla") === false, "<code>palindrome("almostomla")</code> should return false.");'
+  - text: '<code>palindrome(&quot;My age is 0, 0 si ega ym.&quot;)</code>应该返回true。'
+    testString: 'assert(palindrome("My age is 0, 0 si ega ym.") === true, "<code>palindrome("My age is 0, 0 si ega ym.")</code> should return true.");'
+  - text: <code>palindrome(&quot;1 eye for of 1 eye.&quot;)</code>应该返回假。
+    testString: 'assert(palindrome("1 eye for of 1 eye.") === false, "<code>palindrome("1 eye for of 1 eye.")</code> should return false.");'
+  - text: '<code>palindrome(&quot;0_0 (: /-\ :) 0-0&quot;)</code>应该返回true。'
+    testString: 'assert(palindrome("0_0 (: /-\ :) 0-0") === true, "<code>palindrome("0_0 (: /-\ :) 0-0")</code> should return true.");'
+  - text: <code>palindrome(&quot;five|\_/|four&quot;)</code>应该返回false。
+    testString: 'assert(palindrome("five|\_/|four") === false, "<code>palindrome("five|\_/|four")</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function palindrome(str) {
+  // Good luck!
+  return true;
+}
+
+
+
+palindrome("eye");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/roman-numeral-converter.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/roman-numeral-converter.chinese.md
new file mode 100644
index 0000000000..471e287d9c
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/roman-numeral-converter.chinese.md
@@ -0,0 +1,105 @@
+---
+id: a7f4d8f2483413a6ce226cac
+title: Roman Numeral Converter
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 罗马数字转换器
+---
+
+## Description
+<section id="description">将给定数字转换为罗马数字。所有<a href="http://www.mathsisfun.com/roman-numerals.html" target="_blank">罗马数字</a>答案都应以大写字母提供。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>convertToRoman(2)</code>应该返回“II”。
+    testString: 'assert.deepEqual(convertToRoman(2), "II", "<code>convertToRoman(2)</code> should return "II".");'
+  - text: <code>convertToRoman(3)</code>应该返回“III”。
+    testString: 'assert.deepEqual(convertToRoman(3), "III", "<code>convertToRoman(3)</code> should return "III".");'
+  - text: <code>convertToRoman(4)</code>应该返回“IV”。
+    testString: 'assert.deepEqual(convertToRoman(4), "IV", "<code>convertToRoman(4)</code> should return "IV".");'
+  - text: <code>convertToRoman(5)</code>应该返回“V”。
+    testString: 'assert.deepEqual(convertToRoman(5), "V", "<code>convertToRoman(5)</code> should return "V".");'
+  - text: <code>convertToRoman(9)</code>应该返回“IX”。
+    testString: 'assert.deepEqual(convertToRoman(9), "IX", "<code>convertToRoman(9)</code> should return "IX".");'
+  - text: <code>convertToRoman(12)</code>应返回“XII”。
+    testString: 'assert.deepEqual(convertToRoman(12), "XII", "<code>convertToRoman(12)</code> should return "XII".");'
+  - text: <code>convertToRoman(16)</code>应返回“XVI”。
+    testString: 'assert.deepEqual(convertToRoman(16), "XVI", "<code>convertToRoman(16)</code> should return "XVI".");'
+  - text: <code>convertToRoman(29)</code>应该返回“XXIX”。
+    testString: 'assert.deepEqual(convertToRoman(29), "XXIX", "<code>convertToRoman(29)</code> should return "XXIX".");'
+  - text: <code>convertToRoman(44)</code>应该返回“XLIV”。
+    testString: 'assert.deepEqual(convertToRoman(44), "XLIV", "<code>convertToRoman(44)</code> should return "XLIV".");'
+  - text: <code>convertToRoman(45)</code>应该返回“XLV”
+    testString: 'assert.deepEqual(convertToRoman(45), "XLV", "<code>convertToRoman(45)</code> should return "XLV"");'
+  - text: <code>convertToRoman(68)</code>应返回“LXVIII”
+    testString: 'assert.deepEqual(convertToRoman(68), "LXVIII", "<code>convertToRoman(68)</code> should return "LXVIII"");'
+  - text: <code>convertToRoman(83)</code>应返回“LXXXIII”
+    testString: 'assert.deepEqual(convertToRoman(83), "LXXXIII", "<code>convertToRoman(83)</code> should return "LXXXIII"");'
+  - text: <code>convertToRoman(97)</code>应该返回“XCVII”
+    testString: 'assert.deepEqual(convertToRoman(97), "XCVII", "<code>convertToRoman(97)</code> should return "XCVII"");'
+  - text: <code>convertToRoman(99)</code>应返回“XCIX”
+    testString: 'assert.deepEqual(convertToRoman(99), "XCIX", "<code>convertToRoman(99)</code> should return "XCIX"");'
+  - text: <code>convertToRoman(400)</code>应返回“CD”
+    testString: 'assert.deepEqual(convertToRoman(400), "CD", "<code>convertToRoman(400)</code> should return "CD"");'
+  - text: <code>convertToRoman(500)</code>应返回“D”
+    testString: 'assert.deepEqual(convertToRoman(500), "D", "<code>convertToRoman(500)</code> should return "D"");'
+  - text: <code>convertToRoman(501)</code>应返回“DI”
+    testString: 'assert.deepEqual(convertToRoman(501), "DI", "<code>convertToRoman(501)</code> should return "DI"");'
+  - text: <code>convertToRoman(649)</code>应返回“DCXLIX”
+    testString: 'assert.deepEqual(convertToRoman(649), "DCXLIX", "<code>convertToRoman(649)</code> should return "DCXLIX"");'
+  - text: <code>convertToRoman(798)</code>应返回“DCCXCVIII”
+    testString: 'assert.deepEqual(convertToRoman(798), "DCCXCVIII", "<code>convertToRoman(798)</code> should return "DCCXCVIII"");'
+  - text: <code>convertToRoman(891)</code>应返回“DCCCXCI”
+    testString: 'assert.deepEqual(convertToRoman(891), "DCCCXCI", "<code>convertToRoman(891)</code> should return "DCCCXCI"");'
+  - text: <code>convertToRoman(1000)</code>应该返回“M”
+    testString: 'assert.deepEqual(convertToRoman(1000), "M", "<code>convertToRoman(1000)</code> should return "M"");'
+  - text: <code>convertToRoman(1004)</code>应返回“MIV”
+    testString: 'assert.deepEqual(convertToRoman(1004), "MIV", "<code>convertToRoman(1004)</code> should return "MIV"");'
+  - text: <code>convertToRoman(1006)</code>应返回“MVI”
+    testString: 'assert.deepEqual(convertToRoman(1006), "MVI", "<code>convertToRoman(1006)</code> should return "MVI"");'
+  - text: <code>convertToRoman(1023)</code>应返回“MXXIII”
+    testString: 'assert.deepEqual(convertToRoman(1023), "MXXIII", "<code>convertToRoman(1023)</code> should return "MXXIII"");'
+  - text: <code>convertToRoman(2014)</code>应返回“MMXIV”
+    testString: 'assert.deepEqual(convertToRoman(2014), "MMXIV", "<code>convertToRoman(2014)</code> should return "MMXIV"");'
+  - text: <code>convertToRoman(3999)</code>应返回“MMMCMXCIX”
+    testString: 'assert.deepEqual(convertToRoman(3999), "MMMCMXCIX", "<code>convertToRoman(3999)</code> should return "MMMCMXCIX"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertToRoman(num) {
+ return num;
+}
+
+convertToRoman(36);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.chinese.md
new file mode 100644
index 0000000000..ccdee16234
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.chinese.md
@@ -0,0 +1,108 @@
+---
+id: aff0395860f5d3034dc0bfc9
+title: Telephone Number Validator
+challengeType: 5
+isRequired: true
+videoUrl: ''
+localeTitle: 电话号码验证器
+---
+
+## Description
+<section id="description">如果传递的字符串看起来像有效的美国电话号码，则返回<code>true</code> 。用户可以按照他们选择的方式填写表单字段，只要其具有有效美国号码的格式即可。以下是美国数字的有效格式示例（有关其他变体，请参阅下面的测试）： <blockquote> 555-555-5555 <br> (555)555-5555 <br> （555）555-5555 <br> 555 555 5555 <br> 5555555555 <br> 1 555 555 5555 </blockquote>对于此挑战，您将看到一个字符串，如<code>800-692-7753</code>或<code>8oo-six427676;laskdjf</code> 。您的工作是根据上面提供的任何格式组合验证或拒绝美国电话号码。区号是必需的。如果提供了国家/地区代码，则必须确认国家/地区代码为<code>1</code> 。如果字符串是有效的美国电话号码，则返回<code>true</code> ;否则返回<code>false</code> 。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>telephoneCheck(&quot;555-555-5555&quot;)</code>应该返回一个布尔值。
+    testString: 'assert(typeof telephoneCheck("555-555-5555") === "boolean", "<code>telephoneCheck("555-555-5555")</code> should return a boolean.");'
+  - text: <code>telephoneCheck(&quot;1 555-555-5555&quot;)</code>应该返回true。
+    testString: 'assert(telephoneCheck("1 555-555-5555") === true, "<code>telephoneCheck("1 555-555-5555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;1 (555) 555-5555&quot;)</code>应该返回true。
+    testString: 'assert(telephoneCheck("1 (555) 555-5555") === true, "<code>telephoneCheck("1 (555) 555-5555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;5555555555&quot;)</code>应该返回true。
+    testString: 'assert(telephoneCheck("5555555555") === true, "<code>telephoneCheck("5555555555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;555-555-5555&quot;)</code>应该返回true。
+    testString: 'assert(telephoneCheck("555-555-5555") === true, "<code>telephoneCheck("555-555-5555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;(555)555-5555&quot;)</code>应该返回true。
+    testString: 'assert(telephoneCheck("(555)555-5555") === true, "<code>telephoneCheck("(555)555-5555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;1(555)555-5555&quot;)</code>应该返回true。
+    testString: 'assert(telephoneCheck("1(555)555-5555") === true, "<code>telephoneCheck("1(555)555-5555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;555-5555&quot;)</code>应该返回false。
+    testString: 'assert(telephoneCheck("555-5555") === false, "<code>telephoneCheck("555-5555")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;5555555&quot;)</code>应该返回false。
+    testString: 'assert(telephoneCheck("5555555") === false, "<code>telephoneCheck("5555555")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;1 555)555-5555&quot;)</code>应该返回false。
+    testString: 'assert(telephoneCheck("1 555)555-5555") === false, "<code>telephoneCheck("1 555)555-5555")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;1 555 555 5555&quot;)</code>应该返回true。
+    testString: 'assert(telephoneCheck("1 555 555 5555") === true, "<code>telephoneCheck("1 555 555 5555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;1 456 789 4444&quot;)</code>应该返回true。
+    testString: 'assert(telephoneCheck("1 456 789 4444") === true, "<code>telephoneCheck("1 456 789 4444")</code> should return true.");'
+  - text: '<code>telephoneCheck(&quot;123**&amp;!!asdf#&quot;)</code>应该返回false。'
+    testString: 'assert(telephoneCheck("123**&!!asdf#") === false, "<code>telephoneCheck("123**&!!asdf#")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;55555555&quot;)</code>应该返回false。
+    testString: 'assert(telephoneCheck("55555555") === false, "<code>telephoneCheck("55555555")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;(6054756961)&quot;)</code>应该返回false
+    testString: 'assert(telephoneCheck("(6054756961)") === false, "<code>telephoneCheck("(6054756961)")</code> should return false");'
+  - text: <code>telephoneCheck(&quot;2 (757) 622-7382&quot;)</code>应该返回false。
+    testString: 'assert(telephoneCheck("2 (757) 622-7382") === false, "<code>telephoneCheck("2 (757) 622-7382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;0 (757) 622-7382&quot;)</code>应该返回false。
+    testString: 'assert(telephoneCheck("0 (757) 622-7382") === false, "<code>telephoneCheck("0 (757) 622-7382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;-1 (757) 622-7382&quot;)</code>应该返回false
+    testString: 'assert(telephoneCheck("-1 (757) 622-7382") === false, "<code>telephoneCheck("-1 (757) 622-7382")</code> should return false");'
+  - text: <code>telephoneCheck(&quot;2 757 622-7382&quot;)</code>应该返回false。
+    testString: 'assert(telephoneCheck("2 757 622-7382") === false, "<code>telephoneCheck("2 757 622-7382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;10 (757) 622-7382&quot;)</code>应该返回false。
+    testString: 'assert(telephoneCheck("10 (757) 622-7382") === false, "<code>telephoneCheck("10 (757) 622-7382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;27576227382&quot;)</code>应该返回false。
+    testString: 'assert(telephoneCheck("27576227382") === false, "<code>telephoneCheck("27576227382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;(275)76227382&quot;)</code>应该返回false。
+    testString: 'assert(telephoneCheck("(275)76227382") === false, "<code>telephoneCheck("(275)76227382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;2(757)6227382&quot;)</code>应该返回false。
+    testString: 'assert(telephoneCheck("2(757)6227382") === false, "<code>telephoneCheck("2(757)6227382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;2(757)622-7382&quot;)</code>应该返回false。
+    testString: 'assert(telephoneCheck("2(757)622-7382") === false, "<code>telephoneCheck("2(757)622-7382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;555)-555-5555&quot;)</code>应该返回false。
+    testString: 'assert(telephoneCheck("555)-555-5555") === false, "<code>telephoneCheck("555)-555-5555")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;(555-555-5555&quot;)</code>应该返回false。
+    testString: 'assert(telephoneCheck("(555-555-5555") === false, "<code>telephoneCheck("(555-555-5555")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;(555)5(55?)-5555&quot;)</code>应该返回false。
+    testString: 'assert(telephoneCheck("(555)5(55?)-5555") === false, "<code>telephoneCheck("(555)5(55?)-5555")</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function telephoneCheck(str) {
+  // Good luck!
+  return true;
+}
+
+telephoneCheck("555-555-5555");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/add-methods-after-inheritance.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/add-methods-after-inheritance.chinese.md
new file mode 100644
index 0000000000..e2ad66c9f9
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/add-methods-after-inheritance.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 587d7db1367417b2b2512b87
+title: Add Methods After Inheritance
+challengeType: 1
+videoUrl: ''
+localeTitle: 继承后添加方法
+---
+
+## Description
+<section id="description">除了继承的方法之外，从<code>supertype</code>构造函数继承其<code>prototype</code>对象的构造函数仍然可以拥有自己的方法。例如， <code>Bird</code>是一个从<code>Animal</code>继承其<code>prototype</code>的构造函数： <blockquote> function Animal（）{} <br> Animal.prototype.eat = function（）{ <br> console.log（“nom nom nom”）; <br> }; <br>函数Bird（）{} <br> Bird.prototype = Object.create（Animal.prototype）; <br> Bird.prototype.constructor = Bird; </blockquote>除了从<code>Animal</code>继承的内容之外，您还希望添加<code>Bird</code>对象独有的行为。在这里， <code>Bird</code>将获得一个<code>fly()</code>函数。函数以与任何构造函数相同的方式添加到<code>Bird&#39;s</code> <code>prototype</code> ： <blockquote> Bird.prototype.fly = function（）{ <br> console.log（“我在飞！”）; <br> }; </blockquote>现在<code>Bird</code>实例将同时使用<code>eat()</code>和<code>fly()</code>方法： <blockquote> let duck = new Bird（）; <br> duck.eat（）; //打印“nom nom nom” <br> duck.fly（）; //打印“我在飞！” </blockquote></section>
+
+## Instructions
+<section id="instructions">添加所有必需的代码，以便<code>Dog</code>对象继承自<code>Animal</code> ， <code>Dog&#39;s</code> <code>prototype</code>构造函数设置为Dog。然后将一个<code>bark()</code>方法添加到<code>Dog</code>对象，以便<code>beagle</code>可以<code>eat()</code>和<code>bark()</code> 。 <code>bark()</code>方法应该打印“Woof！”到控制台。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Animal</code>不应该响应<code>bark()</code>方法。
+    testString: 'assert(typeof Animal.prototype.bark == "undefined", "<code>Animal</code> should not respond to the <code>bark()</code> method.");'
+  - text: <code>Dog</code>应该继承<code>Animal</code>的<code>eat()</code>方法。
+    testString: 'assert(typeof Dog.prototype.eat == "function", "<code>Dog</code> should inherit the <code>eat()</code> method from <code>Animal</code>.");'
+  - text: <code>Dog</code>应该将<code>bark()</code>方法作为<code>own</code>属性。
+    testString: 'assert(Dog.prototype.hasOwnProperty("bark"), "<code>Dog</code> should have the <code>bark()</code> method as an <code>own</code> property.");'
+  - text: <code>beagle</code>应该是<code>Animal</code>一个<code>instanceof</code> 。
+    testString: 'assert(beagle instanceof Animal, "<code>beagle</code> should be an <code>instanceof</code> <code>Animal</code>.");'
+  - text: <code>beagle</code>的构造函数应该设置为<code>Dog</code> 。
+    testString: 'assert(beagle.constructor === Dog, "The constructor for <code>beagle</code> should be set to <code>Dog</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Animal() { }
+Animal.prototype.eat = function() { console.log("nom nom nom"); };
+
+function Dog() { }
+
+// Add your code below this line
+
+
+
+
+// Add your code above this line
+
+let beagle = new Dog();
+
+beagle.eat(); // Should print "nom nom nom"
+beagle.bark(); // Should print "Woof!"
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/change-the-prototype-to-a-new-object.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/change-the-prototype-to-a-new-object.chinese.md
new file mode 100644
index 0000000000..a90394af9b
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/change-the-prototype-to-a-new-object.chinese.md
@@ -0,0 +1,62 @@
+---
+id: 587d7daf367417b2b2512b7f
+title: Change the Prototype to a New Object
+challengeType: 1
+videoUrl: ''
+localeTitle: 将Prototype更改为新对象
+---
+
+## Description
+<section id="description">到目前为止，您一直在为<code>prototype</code>添加属性： <blockquote> Bird.prototype.numLegs = 2; </blockquote>经过多个属性后，这变得乏味。 <blockquote> Bird.prototype.eat = function（）{ <br> console.log（“nom nom nom”）; <br> } <br><br> Bird.prototype.describe = function（）{ <br> console.log（“我的名字是”+ this.name）; <br> } </blockquote>更有效的方法是将<code>prototype</code>设置为已包含属性的新对象。这样，一次性添加属性： <blockquote> Bird.prototype = { <br> numLegs：2， <br>吃：function（）{ <br> console.log（“nom nom nom”）; <br> }， <br> describe：function（）{ <br> console.log（“我的名字是”+ this.name）; <br> } <br> }; </blockquote></section>
+
+## Instructions
+<section id="instructions">添加属性<code>numLegs</code>和两种方法<code>eat()</code>和<code>describe()</code>的<code>prototype</code>的<code>Dog</code>被设置<code>prototype</code>到一个新的对象。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Dog.prototype</code>应该设置为一个新对象。
+    testString: 'assert((/Dog\.prototype\s*?=\s*?{/).test(code), "<code>Dog.prototype</code> should be set to a new object.");'
+  - text: <code>Dog.prototype</code>应该具有属性<code>numLegs</code> 。
+    testString: 'assert(Dog.prototype.numLegs !== undefined, "<code>Dog.prototype</code> should have the property <code>numLegs</code>.");'
+  - text: <code>Dog.prototype</code>应该有方法<code>eat()</code> 。
+    testString: 'assert(typeof Dog.prototype.eat === "function", "<code>Dog.prototype</code> should have the method <code>eat()</code>."); '
+  - text: <code>Dog.prototype</code>应该有方法<code>describe()</code> 。
+    testString: 'assert(typeof Dog.prototype.describe === "function", "<code>Dog.prototype</code> should have the method <code>describe()</code>."); '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+Dog.prototype = {
+  // Add your code below this line
+
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-basic-javascript-object.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-basic-javascript-object.chinese.md
new file mode 100644
index 0000000000..5bc6b4c781
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-basic-javascript-object.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7dac367417b2b2512b73
+title: Create a Basic JavaScript Object
+challengeType: 1
+videoUrl: ''
+localeTitle: 创建一个基本的JavaScript对象
+---
+
+## Description
+<section id="description">想想人们每天看到的东西，比如汽车，商店和鸟类。这些都是<code>objects</code> ：人们可以观察和互动的有形事物。这些<code>objects</code>一些特质是什么？一辆车有轮子。商店出售物品。鸟有翅膀。这些品质或<code>properties</code>定义了构成<code>object</code> 。请注意，类似<code>objects</code>共享相同的<code>properties</code> ，但这些<code>properties</code>可能具有不同的值。例如，所有汽车都有轮子，但并非所有汽车都有相同数量的轮子。 JavaScript中的<code>Objects</code>用于模拟现实世界的对象，为它们提供<code>properties</code>和行为，就像它们的真实对象一样。这是使用这些概念创建<code>duck</code> <code>object</code>的示例： <blockquote>让duck = { <br>名称：“Aflac”， <br> numLegs：2 <br> }; </blockquote>这个<code>duck</code> <code>object</code>有两个属性/值对： <code>name</code> “Aflac”和<code>numLegs</code>为2。 </section>
+
+## Instructions
+<section id="instructions">使用<code>name</code>和<code>numLegs</code>属性创建一个<code>dog</code> <code>object</code> ，并将它们分别设置为字符串和数字。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>dog</code>应该是一个<code>object</code> 。
+    testString: 'assert(typeof(dog) === "object", "<code>dog</code> should be an <code>object</code>.");'
+  - text: <code>dog</code>应该将<code>name</code>属性设置为<code>string</code> 。
+    testString: 'assert(typeof(dog.name) === "string", "<code>dog</code> should have a <code>name</code> property set to a <code>string</code>.");'
+  - text: <code>dog</code>应该将<code>numLegs</code>属性设置为<code>number</code> 。
+    testString: 'assert(typeof(dog.numLegs) === "number", "<code>dog</code> should have a <code>numLegs</code> property set to a <code>number</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let dog = {
+
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-method-on-an-object.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-method-on-an-object.chinese.md
new file mode 100644
index 0000000000..556add061a
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-method-on-an-object.chinese.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dad367417b2b2512b75
+title: Create a Method on an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: 在对象上创建方法
+---
+
+## Description
+<section id="description"> <code>Objects</code>可以具有特殊类型的<code>property</code> ，称为<code>method</code> 。 <code>Methods</code>是作为函数的<code>properties</code> 。这会为<code>object</code>添加不同的行为。这是一个方法的<code>duck</code>示例： <blockquote>让duck = { <br>名称：“Aflac”， <br> numLegs：2， <br> sayName：function（）{return“这个鸭子的名字是”+ duck.name +“。”;} <br> }; <br> duck.sayName（）; <br> //返回“这个鸭子的名字是Aflac。” </blockquote>该示例添加了<code>sayName</code> <code>method</code> ，该<code>method</code>是一个返回给出<code>duck</code>名称的句子的函数。请注意，该<code>method</code>使用<code>duck.name</code>访问return语句中的<code>name</code>属性。下一个挑战将包括另一种方法。 </section>
+
+## Instructions
+<section id="instructions">使用<code>dog</code> <code>object</code> ，给它一个名为<code>sayLegs</code>的方法。该方法应该返回句子“这条狗有4条腿”。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>dog.sayLegs()</code>应该是一个函数。
+    testString: 'assert(typeof(dog.sayLegs) === "function", "<code>dog.sayLegs()</code> should be a function.");'
+  - text: <code>dog.sayLegs()</code>应返回给定的字符串 - 请注意标点符号和间距很重要。
+    testString: 'assert(dog.sayLegs() === "This dog has 4 legs.", "<code>dog.sayLegs()</code> should return the given string - note that punctuation and spacing matter.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let dog = {
+  name: "Spot",
+  numLegs: 4,
+
+};
+
+dog.sayLegs();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/define-a-constructor-function.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/define-a-constructor-function.chinese.md
new file mode 100644
index 0000000000..0a3be3c164
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/define-a-constructor-function.chinese.md
@@ -0,0 +1,52 @@
+---
+id: 587d7dad367417b2b2512b77
+title: Define a Constructor Function
+challengeType: 1
+videoUrl: ''
+localeTitle: 定义构造函数
+---
+
+## Description
+<section id="description"> <code>Constructors</code>函数是创建新对象的函数。它们定义属于新对象的属性和行为。将它们视为创建新对象的蓝图。以下是<code>constructor</code>的示例： <blockquote> function Bird（）{ <br> this.name =“阿尔伯特”; <br> this.color =“blue”; <br> this.numLegs = 2; <br> } </blockquote>此<code>constructor</code>定义一个<code>Bird</code>对象，其属性<code>name</code> ， <code>color</code>和<code>numLegs</code>设置为Albert，blue和2。 <code>Constructors</code>遵循一些约定： <ul><li> <code>Constructors</code>函数使用大写名称定义，以区别于非<code>constructors</code>函数的其他函数。 </li><li> <code>Constructors</code>使用关键字<code>this</code>来设置它们将创建的对象的属性。在<code>constructor</code> ， <code>this</code>指的是它将创建的新对象。 </li><li> <code>Constructors</code>定义属性和行为，而不是像其他函数那样返回值。 </li></ul></section>
+
+## Instructions
+<section id="instructions">创建一个<code>constructor</code> <code>Dog</code> ，其属性<code>name</code> ， <code>color</code>和<code>numLegs</code>分别设置为字符串，字符串和数字。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Dog</code>应该将<code>name</code>属性设置为字符串。
+    testString: 'assert(typeof (new Dog()).name === "string", "<code>Dog</code> should have a <code>name</code> property set to a string.");'
+  - text: <code>Dog</code>应该将<code>color</code>属性设置为字符串。
+    testString: 'assert(typeof (new Dog()).color === "string", "<code>Dog</code> should have a <code>color</code> property set to a string.");'
+  - text: <code>Dog</code>应该将<code>numLegs</code>属性设置为数字。
+    testString: 'assert(typeof (new Dog()).numLegs === "number", "<code>Dog</code> should have a <code>numLegs</code> property set to a number.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/extend-constructors-to-receive-arguments.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/extend-constructors-to-receive-arguments.chinese.md
new file mode 100644
index 0000000000..6a0776c913
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/extend-constructors-to-receive-arguments.chinese.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dae367417b2b2512b79
+title: Extend Constructors to Receive Arguments
+challengeType: 1
+videoUrl: ''
+localeTitle: 扩展构造函数以接收参数
+---
+
+## Description
+<section id="description">最后一次挑战的<code>Bird</code>和<code>Dog</code>建设者运作良好。但是，请注意，所有的<code>Birds</code>与该创建<code>Bird</code>构造自动命名伟业，颜色为蓝色，有两条腿。如果您希望鸟类的名称和颜色具有不同的值，该怎么办？可以手动更改每只鸟的属性，但这将是很多工作： <blockquote>让swan = new Bird（）; <br> swan.name =“卡洛斯”; <br> swan.color =“white”; </blockquote>假设您正在编写一个程序来跟踪鸟舍中数百甚至数千种不同的鸟类。创建所有鸟类需要花费大量时间，然后将每个属性的属性更改为不同的值。为了更轻松地创建不同的<code>Bird</code>对象，您可以设计Bird构造函数来接受参数： <blockquote> function Bird（名称，颜色）{ <br> this.name = name; <br> this.color = color; <br> this.numLegs = 2; <br> } </blockquote>然后传入值作为参数，将每个独特的鸟定义到<code>Bird</code>构造函数中： <code>let cardinal = new Bird(&quot;Bruce&quot;, &quot;red&quot;);</code>这给出了一个<code>Bird</code>的新实例，其名称和颜色属性分别设置为Bruce和red。 <code>numLegs</code>属性仍设置为2. <code>cardinal</code>具有以下属性： <blockquote> cardinal.name // =&gt;布鲁斯<br> cardinal.color // =&gt;红色<br> cardinal.numLegs // =&gt; 2 </blockquote>构造函数更灵活。现在可以在创建时为每个<code>Bird</code>定义属性，这是JavaScript构造函数如此有用的一种方式。他们根据共享的特征和行为将对象组合在一起，并定义一个自动创建的蓝图。 </section>
+
+## Instructions
+<section id="instructions">创建另一个<code>Dog</code>构造函数。这次，将其设置为采用参数<code>name</code>和<code>color</code> ，并将属性<code>numLegs</code>固定为4.然后创建一个保存在变量<code>terrier</code>的新<code>Dog</code> 。将两个字符串作为<code>name</code>和<code>color</code>属性的参数传递给它。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Dog</code>应该收到<code>name</code>的论据。
+    testString: 'assert((new Dog("Clifford")).name === "Clifford", "<code>Dog</code> should receive an argument for <code>name</code>.");'
+  - text: <code>Dog</code>应该收到<code>color</code>的论据。
+    testString: 'assert((new Dog("Clifford", "yellow")).color === "yellow", "<code>Dog</code> should receive an argument for <code>color</code>.");'
+  - text: <code>Dog</code>应该将属性<code>numLegs</code>设置为4。
+    testString: 'assert((new Dog("Clifford")).numLegs === 4, "<code>Dog</code> should have property <code>numLegs</code> set to 4.");'
+  - text: 应该使用<code>Dog</code>构造函数创建<code>terrier</code> 。
+    testString: 'assert(terrier instanceof Dog, "<code>terrier</code> should be created using the <code>Dog</code> constructor.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog() {
+
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/inherit-behaviors-from-a-supertype.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/inherit-behaviors-from-a-supertype.chinese.md
new file mode 100644
index 0000000000..b9df394803
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/inherit-behaviors-from-a-supertype.chinese.md
@@ -0,0 +1,70 @@
+---
+id: 587d7db0367417b2b2512b84
+title: Inherit Behaviors from a Supertype
+challengeType: 1
+videoUrl: ''
+localeTitle: 从超类型继承行为
+---
+
+## Description
+<section id="description">在之前的挑战中，您创建了一个名为<code>Animal</code>的<code>supertype</code> ，它定义了所有动物共享的行为： <blockquote> function Animal（）{} <br> Animal.prototype.eat = function（）{ <br> console.log（“nom nom nom”）; <br> }; </blockquote>这个和下一个挑战将涵盖如何在<code>Bird</code> and <code>Dog</code>重用<code>Animal&#39;s</code>方法而不再重新定义它们。它使用一种称为<code>inheritance</code>的技术。这个挑战包括第一步：创建<code>supertype</code> （或父类）的实例。您已经知道使用<code>new</code>运算符创建<code>Animal</code>实例的一种方法： <blockquote>让animal = new Animal（）; </blockquote>使用此语法进行<code>inheritance</code>时存在一些缺点，这对于此挑战的范围来说过于复杂。相反，这是一种没有这些缺点的替代方法： <blockquote> let animal = Object.create（Animal.prototype）; </blockquote> <code>Object.create(obj)</code>创建一个新对象，并将<code>obj</code>设置为新对象的<code>prototype</code> 。回想一下<code>prototype</code>就像创建对象的“配方”。通过设置<code>prototype</code>的<code>animal</code>是<code>Animal&#39;s</code> <code>prototype</code> ，你实际上给<code>animal</code>例如相同的“配方”为任何其他实例<code>Animal</code> 。 <blockquote> animal.eat（）; //打印“nom nom nom” <br>动物动物; // =&gt;是的</blockquote></section>
+
+## Instructions
+<section id="instructions">使用<code>Object.create</code>创建名为<code>duck</code>和<code>beagle</code>的<code>Animal</code>两个实例。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 应该定义<code>duck</code>变量。
+    testString: 'assert(typeof duck !== "undefined", "The <code>duck</code> variable should be defined.");'
+  - text: 应该定义<code>beagle</code>变量。
+    testString: 'assert(typeof beagle !== "undefined", "The <code>beagle</code> variable should be defined.");'
+  - text: <code>duck</code>应该有<code>Animal</code>的<code>prototype</code> 。
+    testString: 'assert(duck instanceof Animal, "<code>duck</code> should have a <code>prototype</code> of <code>Animal</code>.");'
+  - text: <code>beagle</code>应该有<code>Animal</code>的<code>prototype</code> 。
+    testString: 'assert(beagle instanceof Animal, "<code>beagle</code> should have a <code>prototype</code> of <code>Animal</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Animal() { }
+
+Animal.prototype = {
+  constructor: Animal,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+// Add your code below this line
+
+let duck; // Change this line
+let beagle; // Change this line
+
+duck.eat(); // Should print "nom nom nom"
+beagle.eat(); // Should print "nom nom nom"
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/iterate-over-all-properties.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/iterate-over-all-properties.chinese.md
new file mode 100644
index 0000000000..7c42262fb8
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/iterate-over-all-properties.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7daf367417b2b2512b7d
+title: Iterate Over All Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: 迭代所有属性
+---
+
+## Description
+<section id="description">您现在已经看到了两种属性： <code>own</code>属性和<code>prototype</code>属性。 <code>Own</code>属性直接在对象实例本身上定义。和<code>prototype</code>属性所定义的<code>prototype</code> 。 <blockquote> function Bird（name）{ <br> this.name = name; //拥有财产<br> } <br><br> Bird.prototype.numLegs = 2; //原型属性<br><br>让鸭子=新鸟（“唐纳德”）; </blockquote>以下是如何将<code>duck</code> <code>own</code>属性添加到数组<code>ownProps</code>和<code>prototype</code>属性到数组<code>prototypeProps</code> ： <blockquote>让ownProps = []; <br>让prototypeProps = []; <br><br> for（let duck in duck）{ <br> if（duck.hasOwnProperty（property））{ <br> ownProps.push（属性）; <br> } else { <br> prototypeProps.push（属性）; <br> } <br> } <br><br>的console.log（ownProps）; //打印[“名称”] <br>的console.log（prototypeProps）; //打印[“numLegs”] </blockquote></section>
+
+## Instructions
+<section id="instructions">所有添加<code>own</code>的属性<code>beagle</code>到数组<code>ownProps</code> 。将<code>Dog</code>所有<code>prototype</code>属性添加到数组<code>prototypeProps</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>ownProps</code>数组应包含<code>&quot;name&quot;</code> 。
+    testString: 'assert(ownProps.indexOf("name") !== -1, "The <code>ownProps</code> array should include <code>"name"</code>.");'
+  - text: <code>prototypeProps</code>数组应该包含<code>&quot;numLegs&quot;</code> 。
+    testString: 'assert(prototypeProps.indexOf("numLegs") !== -1, "The <code>prototypeProps</code> array should include <code>"numLegs"</code>.");'
+  - text: 无需使用内置方法<code>Object.keys()</code>即可解决此挑战。
+    testString: 'assert(!/\Object.keys/.test(code), "Solve this challenge without using the built in method <code>Object.keys()</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+Dog.prototype.numLegs = 4;
+
+let beagle = new Dog("Snoopy");
+
+let ownProps = [];
+let prototypeProps = [];
+
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/make-code-more-reusable-with-the-this-keyword.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/make-code-more-reusable-with-the-this-keyword.chinese.md
new file mode 100644
index 0000000000..9874c36fa7
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/make-code-more-reusable-with-the-this-keyword.chinese.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dad367417b2b2512b76
+title: Make Code More Reusable with the this Keyword
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用此关键字使代码更可重用
+---
+
+## Description
+<section id="description">最后一个挑战为<code>duck</code>对象引入了一个<code>method</code> 。它使用<code>duck.name</code>点表示法来访问return语句中<code>name</code>属性的值： <code>sayName: function() {return &quot;The name of this duck is &quot; + duck.name + &quot;.&quot;;}</code>虽然这是有效的访问对象属性的方法，这里有一个陷阱。如果变量名称更改，则还需要更新引用原始名称的任何代码。在简短的对象定义中，它不是问题，但如果一个对象有很多对其属性的引用，则错误的可能性更大。避免这些问题的方法是使用<code>this</code>关键字： <blockquote>让duck = { <br>名称：“Aflac”， <br> numLegs：2， <br> sayName：function（）{return“这个鸭子的名字是”+ this.name +“。”;} <br> }; </blockquote> <code>this</code>是一个深刻的话题，上面的例子只是一种使用它的方法。在当前上下文中， <code>this</code>指的是与该方法相关联的对象： <code>duck</code> 。如果对象的名称更改为<code>mallard</code> ，则无需在代码中找到<code>duck</code>所有引用。它使代码可重用且易于阅读。 </section>
+
+## Instructions
+<section id="instructions">修改<code>dog.sayLegs</code>方法以删除对<code>dog</code>任何引用。使用<code>duck</code>示例进行指导。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>dog.sayLegs()</code>应该返回给定的字符串。
+    testString: 'assert(dog.sayLegs() === "This dog has 4 legs.", "<code>dog.sayLegs()</code> should return the given string.");'
+  - text: 您的代码应使用<code>this</code>关键字来访问<code>dog</code>的<code>numLegs</code>属性。
+    testString: 'assert(code.match(/this\.numLegs/g), "Your code should use the <code>this</code> keyword to access the <code>numLegs</code> property of <code>dog</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let dog = {
+  name: "Spot",
+  numLegs: 4,
+  sayLegs: function() {return "This dog has " + dog.numLegs + " legs.";}
+};
+
+dog.sayLegs();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.chinese.md
new file mode 100644
index 0000000000..fdc2448cf4
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.chinese.md
@@ -0,0 +1,66 @@
+---
+id: 587d7db1367417b2b2512b88
+title: Override Inherited Methods
+challengeType: 1
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description">在前面的课程中，您了解到一个对象可以通过克隆其<code>prototype</code>对象从另一个对象继承其行为（方法）： <blockquote> ChildObject.prototype = Object.create（ParentObject.prototype）; </blockquote>然后， <code>ChildObject</code>通过将它们链接到其<code>prototype</code> <code>ChildObject</code>获得自己的方法： <blockquote> ChildObject.prototype.methodName = function（）{...}; </blockquote>可以覆盖继承的方法。它以相同的方式完成 - 通过使用与要覆盖的方法名称相同的方法名称向<code>ChildObject.prototype</code>添加方法。以下是<code>Bird</code>重写从<code>Animal</code>继承的<code>eat()</code>方法的示例： <blockquote> function Animal（）{} <br> Animal.prototype.eat = function（）{ <br>返回“nom nom nom”; <br> }; <br>函数Bird（）{} <br><br> //继承Animal的所有方法<br> Bird.prototype = Object.create（Animal.prototype）; <br><br> // Bird.eat（）重写Animal.eat（） <br> Bird.prototype.eat = function（）{ <br>返回“peck peck peck”; <br> }; </blockquote>如果你有一个实例，请<code>let duck = new Bird();</code>你调用<code>duck.eat()</code> ，这就是JavaScript在<code>duck&#39;s</code> <code>prototype</code>链上寻找方法的方法： <code>duck.eat()</code> =&gt;这里定义了eat（）吗？ No. 2. Bird =&gt;这里定义了eat（）吗？ =&gt;是的。执行它并停止搜索。 3. Animal =&gt; eat（）也被定义，但JavaScript在达到此级别之前停止搜索。 4. Object =&gt; JavaScript在达到此级别之前停止搜索。 </section>
+
+## Instructions
+<section id="instructions">覆盖<code>Penguin</code>的<code>fly()</code>方法，使其返回“唉，这是一只不会飞的鸟”。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>penguin.fly()</code>应该返回字符串“唉，这是一只不会飞的鸟”。
+    testString: 'assert(penguin.fly() === "Alas, this is a flightless bird.", "<code>penguin.fly()</code> should return the string "Alas, this is a flightless bird."");'
+  - text: <code>bird.fly()</code>方法应该返回“我正在飞行！”
+    testString: 'assert((new Bird()).fly() === "I am flying!", "The <code>bird.fly()</code> method should return "I am flying!"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Bird() { }
+
+Bird.prototype.fly = function() { return "I am flying!"; };
+
+function Penguin() { }
+Penguin.prototype = Object.create(Bird.prototype);
+Penguin.prototype.constructor = Penguin;
+
+// Add your code below this line
+
+
+
+// Add your code above this line
+
+let penguin = new Penguin();
+console.log(penguin.fly());
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/remember-to-set-the-constructor-property-when-changing-the-prototype.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/remember-to-set-the-constructor-property-when-changing-the-prototype.chinese.md
new file mode 100644
index 0000000000..26969b1c38
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/remember-to-set-the-constructor-property-when-changing-the-prototype.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7daf367417b2b2512b80
+title: Remember to Set the Constructor Property when Changing the Prototype
+challengeType: 1
+videoUrl: ''
+localeTitle: 请记住在更改原型时设置构造函数属性
+---
+
+## Description
+<section id="description">将<code>prototype</code>手动设置为新对象有一个至关重要的副作用。它擦除了<code>constructor</code>属性！上一个挑战中的代码将为<code>duck</code>打印以下内容： <blockquote>执行console.log（duck.constructor） <br> //打印&#39;undefined&#39; - 哎呀！ </blockquote>要解决此问题，每当手动将原型设置为新对象时，请记住定义<code>constructor</code>属性： <blockquote> Bird.prototype = { <br>构造函数：Bird，//定义构造函数属性<br> numLegs：2， <br>吃：function（）{ <br> console.log（“nom nom nom”）; <br> }， <br> describe：function（）{ <br> console.log（“我的名字是”+ this.name）; <br> } <br> }; </blockquote></section>
+
+## Instructions
+<section id="instructions">在<code>Dog</code> <code>prototype</code>上定义<code>constructor</code>属性。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Dog.prototype</code>应该设置<code>constructor</code>属性。
+    testString: 'assert(Dog.prototype.constructor === Dog, "<code>Dog.prototype</code> should set the <code>constructor</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+// Modify the code below this line
+Dog.prototype = {
+
+  numLegs: 2,
+  eat: function() {
+    console.log("nom nom nom");
+  },
+  describe: function() {
+    console.log("My name is " + this.name);
+  }
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.chinese.md
new file mode 100644
index 0000000000..47e76a2594
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.chinese.md
@@ -0,0 +1,67 @@
+---
+id: 587d7db1367417b2b2512b86
+title: Reset an Inherited Constructor Property
+challengeType: 1
+videoUrl: ''
+localeTitle: 重置继承的构造函数属性
+---
+
+## Description
+<section id="description">当一个对象从另一个对象继承它的<code>prototype</code> ，它也继承了<code>supertype</code>的构造函数属性。这是一个例子： <blockquote>函数Bird（）{} <br> Bird.prototype = Object.create（Animal.prototype）; <br> let duck = new Bird（）; <br> duck.constructor // function Animal（）{...} </blockquote>但<code>duck</code>和所有<code>Bird</code>实例都应该表明它们是由<code>Bird</code>而不是<code>Animal</code>建造的。为此，您可以手动将<code>Bird&#39;s</code>构造函数属性设置为<code>Bird</code>对象： <blockquote> Bird.prototype.constructor = Bird; <br> duck.constructor // function Bird（）{...} </blockquote></section>
+
+## Instructions
+<section id="instructions">修复代码，使<code>duck.constructor</code>和<code>beagle.constructor</code>返回各自的构造函数。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Bird.prototype</code>应该是<code>Animal</code>一个实例。
+    testString: 'assert(Animal.prototype.isPrototypeOf(Bird.prototype), "<code>Bird.prototype</code> should be an instance of <code>Animal</code>.");'
+  - text: <code>duck.constructor</code>应该返回<code>Bird</code> 。
+    testString: 'assert(duck.constructor === Bird, "<code>duck.constructor</code> should return <code>Bird</code>.");'
+  - text: <code>Dog.prototype</code>应该是<code>Animal</code>一个实例。
+    testString: 'assert(Animal.prototype.isPrototypeOf(Dog.prototype), "<code>Dog.prototype</code> should be an instance of <code>Animal</code>.");'
+  - text: <code>beagle.constructor</code>应该返回<code>Dog</code> 。
+    testString: 'assert(beagle.constructor === Dog, "<code>beagle.constructor</code> should return <code>Dog</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Animal() { }
+function Bird() { }
+function Dog() { }
+
+Bird.prototype = Object.create(Animal.prototype);
+Dog.prototype = Object.create(Animal.prototype);
+
+// Add your code below this line
+
+
+
+let duck = new Bird();
+let beagle = new Dog();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/set-the-childs-prototype-to-an-instance-of-the-parent.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/set-the-childs-prototype-to-an-instance-of-the-parent.chinese.md
new file mode 100644
index 0000000000..bdb2dd082f
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/set-the-childs-prototype-to-an-instance-of-the-parent.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7db1367417b2b2512b85
+title: Set the Child's Prototype to an Instance of the Parent
+challengeType: 1
+videoUrl: ''
+localeTitle: 将Child的Prototype设置为Parent的实例
+---
+
+## Description
+<section id="description">在之前的挑战中，您看到了从<code>supertype</code> （或父级） <code>Animal</code>继承行为的第一步：创建一个新的<code>Animal</code>实例。这个挑战包括下一步：设置<code>subtype</code> （或子）的<code>prototype</code> - 在这种情况下， <code>Bird</code> - 是<code>Animal</code>一个实例。 <blockquote> Bird.prototype = Object.create（Animal.prototype）; </blockquote>请记住， <code>prototype</code>就像创建对象的“配方”。在某种程度上， <code>Bird</code>的配方现在包括<code>Animal</code>所有关键“成分”。 <blockquote>让鸭子=新鸟（“唐纳德”）; <br> duck.eat（）; //打印“nom nom nom” </blockquote> <code>duck</code>继承了<code>Animal</code>的所有属性，包括<code>eat</code>方法。 </section>
+
+## Instructions
+<section id="instructions">修改代码，以便<code>Dog</code>实例继承自<code>Animal</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Dog.prototype</code>应该是<code>Animal</code>一个实例。
+    testString: 'assert(Animal.prototype.isPrototypeOf(Dog.prototype), "<code>Dog.prototype</code> should be an instance of <code>Animal</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Animal() { }
+
+Animal.prototype = {
+  constructor: Animal,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+function Dog() { }
+
+// Add your code below this line
+
+
+let beagle = new Dog();
+beagle.eat();  // Should print "nom nom nom"
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-own-properties.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-own-properties.chinese.md
new file mode 100644
index 0000000000..ce85d552cd
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-own-properties.chinese.md
@@ -0,0 +1,58 @@
+---
+id: 587d7dae367417b2b2512b7b
+title: Understand Own Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: 了解自己的属性
+---
+
+## Description
+<section id="description">在以下示例中， <code>Bird</code>构造函数定义了两个属性： <code>name</code>和<code>numLegs</code> ： <blockquote> function Bird（name）{ <br> this.name = name; <br> this.numLegs = 2; <br> } <br><br>让鸭子=新鸟（“唐纳德”）; <br>让金丝雀=新鸟（“特威蒂”）; </blockquote> <code>name</code>和<code>numLegs</code>称为<code>own</code>属性，因为它们直接在实例对象上定义。这意味着<code>duck</code>和<code>canary</code>每个都有自己独立的这些属性的副本。事实上， <code>Bird</code>每个实例都有自己的这些属性的副本。下面的代码将所有的<code>own</code>的性质<code>duck</code>到阵列<code>ownProps</code> ： <blockquote>让ownProps = []; <br><br> for（let duck in duck）{ <br> if（duck.hasOwnProperty（property））{ <br> ownProps.push（属性）; <br> } <br> } <br><br>的console.log（ownProps）; //打印[“name”，“numLegs”] </blockquote></section>
+
+## Instructions
+<section id="instructions">将<code>canary</code> <code>own</code>属性添加到数组<code>ownProps</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>ownProps</code>应包含值<code>&quot;numLegs&quot;</code>和<code>&quot;name&quot;</code> 。
+    testString: 'assert(ownProps.indexOf("name") !== -1 && ownProps.indexOf("numLegs") !== -1, "<code>ownProps</code> should include the values <code>"numLegs"</code> and <code>"name"</code>.");'
+  - text: 无需使用内置方法<code>Object.keys()</code>即可解决此挑战。
+    testString: 'assert(!/\Object.keys/.test(code), "Solve this challenge without using the built in method <code>Object.keys()</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Bird(name) {
+  this.name = name;
+  this.numLegs = 2;
+}
+
+let canary = new Bird("Tweety");
+let ownProps = [];
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-constructor-property.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-constructor-property.chinese.md
new file mode 100644
index 0000000000..e76535ab88
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-constructor-property.chinese.md
@@ -0,0 +1,60 @@
+---
+id: 587d7daf367417b2b2512b7e
+title: Understand the Constructor Property
+challengeType: 1
+videoUrl: ''
+localeTitle: 理解构造函数属性
+---
+
+## Description
+<section id="description">在以前的挑战中创建的对象实例<code>duck</code>和<code>beagle</code>上有一个特殊的<code>constructor</code>属性： <blockquote> let duck = new Bird（）; <br>让beagle = new Dog（）; <br><br> console.log（duck.constructor === Bird）; //打印为true <br> console.log（beagle.constructor === Dog）; //打印为true </blockquote>请注意， <code>constructor</code>属性是对创建实例的构造函数的引用。 <code>constructor</code>属性的优点是可以检查此属性以找出它是什么类型的对象。以下是如何使用它的示例： <blockquote> function joinBirdFraternity（candidate）{ <br> if（candidate.constructor === Bird）{ <br>返回true; <br> } else { <br>返回虚假; <br> } <br> } </blockquote> <strong>注意</strong> <br>由于<code>constructor</code>属性可以被覆盖（将在接下来的两个挑战中讨论），因此通常最好使用<code>instanceof</code>方法来检查对象的类型。 </section>
+
+## Instructions
+<section id="instructions">编写一个<code>joinDogFraternity</code>函数，该函数接受<code>candidate</code>参数，并且如果候选者是<code>Dog</code> ，则使用<code>constructor</code>属性返回<code>true</code> ，否则返回<code>false</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>joinDogFraternity</code>应该被定义为一个函数。
+    testString: 'assert(typeof(joinDogFraternity) === "function", "<code>joinDogFraternity</code> should be defined as a function.");'
+  - text: 如果<code>candidate</code>是<code>Dog</code>一个实例， <code>joinDogFraternity</code>应该返回true。
+    testString: 'assert(joinDogFraternity(new Dog("")) === true, "<code>joinDogFraternity</code> should return true if<code>candidate</code> is an instance of <code>Dog</code>.");'
+  - text: <code>joinDogFraternity</code>应该使用<code>constructor</code>属性。
+    testString: 'assert(/\.constructor/.test(code) && !/instanceof/.test(code), "<code>joinDogFraternity</code> should use the <code>constructor</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+// Add your code below this line
+function joinDogFraternity(candidate) {
+
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-immediately-invoked-function-expression-iife.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-immediately-invoked-function-expression-iife.chinese.md
new file mode 100644
index 0000000000..c4f06168f1
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-immediately-invoked-function-expression-iife.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db2367417b2b2512b8b
+title: Understand the Immediately Invoked Function Expression (IIFE)
+challengeType: 1
+videoUrl: ''
+localeTitle: 理解立即调用的函数表达式（IIFE）
+---
+
+## Description
+<section id="description"> JavaScript中的一个常见模式是在声明函数后立即执行： <blockquote> （function（）{ <br> console.log（“Chirp，chirp！”）; <br> }）（）; //这是一个立即执行的匿名函数表达式<br> //输出“Chirp，chirp！”立即</blockquote>请注意，该函数没有名称，也没有存储在变量中。函数表达式末尾的两个括号（）会立即执行或调用它。此模式称为<code>immediately invoked function expression</code>或<code>IIFE</code> 。 </section>
+
+## Instructions
+<section id="instructions">重写函数<code>makeNest</code>并删除它的调用，所以它是一个匿名的<code>immediately invoked function expression</code> （ <code>IIFE</code> ）。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 该功能应该是匿名的。
+    testString: 'assert(/\(\s*?function\s*?\(\s*?\)\s*?{/.test(code), "The function should be anonymous.");'
+  - text: 您的函数应在表达式的末尾加上括号以立即调用它。
+    testString: 'assert(/}\s*?\)\s*?\(\s*?\)/.test(code), "Your function should have parentheses at the end of the expression to call it immediately.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function makeNest() {
+  console.log("A cozy nest is ready");
+}
+
+makeNest();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-prototype-chain.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-prototype-chain.chinese.md
new file mode 100644
index 0000000000..3013153de7
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-prototype-chain.chinese.md
@@ -0,0 +1,58 @@
+---
+id: 587d7db0367417b2b2512b82
+title: Understand the Prototype Chain
+challengeType: 1
+videoUrl: ''
+localeTitle: 理解原型链
+---
+
+## Description
+<section id="description"> JavaScript中的所有对象（除少数例外）都有<code>prototype</code> 。此外，对象的<code>prototype</code>本身就是一个对象。 <blockquote> function Bird（name）{ <br> this.name = name; <br> } <br><br> typeof Bird.prototype; // =&gt;对象</blockquote>因为<code>prototype</code>是一个对象， <code>prototype</code>可以拥有自己的<code>prototype</code> ！在这种情况下， <code>Bird.prototype</code>的<code>prototype</code>是<code>Object.prototype</code> ： <blockquote> Object.prototype.isPrototypeOf（Bird.prototype）; <br> //返回true </blockquote>这有用吗？您可以回想一下之前挑战中的<code>hasOwnProperty</code>方法： <blockquote>让鸭子=新鸟（“唐纳德”）; <br> duck.hasOwnProperty（ “名称”）; // =&gt;是的</blockquote> <code>hasOwnProperty</code>方法在<code>Object.prototype</code>定义，可以通过<code>Bird.prototype</code>访问，然后可以通过<code>duck</code>访问它。这是<code>prototype</code>链的一个例子。在这个<code>prototype</code>链中， <code>Bird</code>是<code>duck</code>的<code>supertype</code> ，而<code>duck</code>是<code>subtype</code> 。 <code>Object</code>是<code>Bird</code>和<code>duck</code>的<code>supertype</code> 。 <code>Object</code>是JavaScript中所有对象的<code>supertype</code> 。因此，任何对象都可以使用<code>hasOwnProperty</code>方法。 </section>
+
+## Instructions
+<section id="instructions">修改代码以显示正确的原型链。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该显示<code>Object.prototype</code>是原型<code>Dog.prototype</code> “）
+    testString: 'assert(/Object\.prototype\.isPrototypeOf/.test(code), "Your code should show that <code>Object.prototype</code> is the prototype of <code>Dog.prototype</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+let beagle = new Dog("Snoopy");
+
+Dog.prototype.isPrototypeOf(beagle);  // => true
+
+// Fix the code below so that it evaluates to true
+???.isPrototypeOf(Dog.prototype);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-where-an-objects-prototype-comes-from.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-where-an-objects-prototype-comes-from.chinese.md
new file mode 100644
index 0000000000..cea03cb74b
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-where-an-objects-prototype-comes-from.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db0367417b2b2512b81
+title: Understand Where an Object’s Prototype Comes From
+challengeType: 1
+videoUrl: ''
+localeTitle: 了解对象原型的来源
+---
+
+## Description
+<section id="description">就像人们从父母那里继承基因一样，一个对象直接从创建它的构造函数继承它的<code>prototype</code> 。例如， <code>Bird</code>构造函数在这里创建<code>duck</code>对象： <blockquote> function Bird（name）{ <br> this.name = name; <br> } <br><br>让鸭子=新鸟（“唐纳德”）; </blockquote> <code>duck</code>从<code>Bird</code>构造函数继承了它的<code>prototype</code> 。您可以使用<code>isPrototypeOf</code>方法显示此关系： <blockquote> Bird.prototype.isPrototypeOf（鸭）; <br> //返回true </blockquote></section>
+
+## Instructions
+<section id="instructions">使用<code>isPrototypeOf</code>检查<code>prototype</code>的<code>beagle</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 证明<code>Dog.prototype</code>是<code>beagle</code>的<code>prototype</code>
+    testString: 'assert(/Dog\.prototype\.isPrototypeOf\(beagle\)/.test(code), "Show that <code>Dog.prototype</code> is the <code>prototype</code> of <code>beagle</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+let beagle = new Dog("Snoopy");
+
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-constructor-to-create-objects.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-constructor-to-create-objects.chinese.md
new file mode 100644
index 0000000000..513f3c5743
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-constructor-to-create-objects.chinese.md
@@ -0,0 +1,56 @@
+---
+id: 587d7dad367417b2b2512b78
+title: Use a Constructor to Create Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用构造函数创建对象
+---
+
+## Description
+<section id="description">这是上一次挑战中的<code>Bird</code>构造函数： <blockquote> function Bird（）{ <br> this.name =“阿尔伯特”; <br> this.color =“blue”; <br> this.numLegs = 2; <br> //构造函数中的“this”始终引用正在创建的对象<br> } <br><br>让blueBird = new Bird（）; </blockquote>请注意，在调用构造函数时使用<code>new</code>运算符。这告诉JavaScript创建一个名为<code>blueBird</code>的<code>Bird</code>新<code>instance</code> 。如果没有<code>new</code>运营商， <code>this</code>在构造函数中不会指向新创建的对象，给人意想不到的效果。现在， <code>blueBird</code>具有在<code>Bird</code>构造函数中定义的所有属性： <blockquote> blueBird.name; // =&gt;艾伯特<br> blueBird.color; // =&gt;蓝色<br> blueBird.numLegs; // =&gt; 2 </blockquote>就像任何其他对象一样，可以访问和修改其属性： <blockquote> blueBird.name =&#39;Elvira&#39;; <br> blueBird.name; // =&gt;埃尔维拉</blockquote></section>
+
+## Instructions
+<section id="instructions">使用上一课中的<code>Dog</code>构造函数创建<code>Dog</code>的新实例，将其分配给变量<code>hound</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 应该使用<code>Dog</code>构造函数创建<code>hound</code> 。
+    testString: 'assert(hound instanceof Dog, "<code>hound</code> should be created using the <code>Dog</code> constructor.");'
+  - text: 您的代码应该使用<code>new</code>运算符来创建<code>Dog</code>的<code>instance</code> 。
+    testString: 'assert(code.match(/new/g), "Your code should use the <code>new</code> operator to create an <code>instance</code> of <code>Dog</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog() {
+  this.name = "Rupert";
+  this.color = "brown";
+  this.numLegs = 4;
+}
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.chinese.md
new file mode 100644
index 0000000000..1275774afb
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db2367417b2b2512b89
+title: Use a Mixin to Add Common Behavior Between Unrelated Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用Mixin在不相关的对象之间添加常见行为
+---
+
+## Description
+<section id="description">如您所见，行为通过继承来共享。但是，有些情况下继承不是最佳解决方案。对于像<code>Bird</code>和<code>Airplane</code>这样的无关对象，继承不起作用。它们都可以飞行，但是<code>Bird</code>不是一种<code>Airplane</code> ，反之亦然。对于不相关的对象，最好使用<code>mixins</code> 。 <code>mixin</code>允许其他对象使用一组函数。 <blockquote>让flyMixin = function（obj）{ <br> obj.fly = function（）{ <br> console.log（“Flying，wooosh！”）; <br> } <br> }; </blockquote> <code>flyMixin</code>接受任何对象并为其提供<code>fly</code>方法。 <blockquote>让bird = { <br>名称：“唐纳德”， <br> numLegs：2 <br> }; <br><br>让plane = { <br>型号：“777”， <br> numPassengers：524 <br> }; <br><br> flyMixin（鸟）; <br> flyMixin（平面）; </blockquote>这里将<code>bird</code>和<code>plane</code>传递给<code>flyMixin</code> ，然后将<code>fly</code>函数分配给每个对象。现在<code>bird</code>和<code>plane</code>都可以飞行： <blockquote> bird.fly（）; //打印“飞行，嗖！” <br> plane.fly（）; //打印“飞行，嗖！” </blockquote>注意<code>mixin</code>如何允许相同的<code>fly</code>方法被不相关的对象<code>bird</code>和<code>plane</code>重用。 </section>
+
+## Instructions
+<section id="instructions">创建一个名为<code>glideMixin</code>的<code>mixin</code> ，它定义了一个名为<code>glide</code>的方法。然后使用<code>glideMixin</code>让<code>bird</code>和<code>boat</code>都能够滑行。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该声明一个<code>glideMixin</code>变量，它是一个函数。
+    testString: 'assert(typeof glideMixin === "function", "Your code should declare a <code>glideMixin</code> variable that is a function.");'
+  - text: 你的代码应该使用<code>bird</code>对象上的<code>glideMixin</code>来为它提供<code>glide</code>方法。
+    testString: 'assert(typeof bird.glide === "function", "Your code should use the <code>glideMixin</code> on the <code>bird</code> object to give it the <code>glide</code> method.");'
+  - text: 你的代码应该使用<code>boat</code>对象上的<code>glideMixin</code>来为它提供<code>glide</code>方法。
+    testString: 'assert(typeof boat.glide === "function", "Your code should use the <code>glideMixin</code> on the <code>boat</code> object to give it the <code>glide</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let bird = {
+  name: "Donald",
+  numLegs: 2
+};
+
+let boat = {
+  name: "Warrior",
+  type: "race-boat"
+};
+
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-an-iife-to-create-a-module.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-an-iife-to-create-a-module.chinese.md
new file mode 100644
index 0000000000..52bd64f51b
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-an-iife-to-create-a-module.chinese.md
@@ -0,0 +1,62 @@
+---
+id: 587d7db2367417b2b2512b8c
+title: Use an IIFE to Create a Module
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用IIFE创建模块
+---
+
+## Description
+<section id="description"> <code>immediately invoked function expression</code> （ <code>IIFE</code> ）通常用于将相关功能分组到单个对象或<code>module</code> 。例如，早期的挑战定义了两个mixins： <blockquote> function glideMixin（obj）{ <br> obj.glide = function（）{ <br> console.log（“在水面上滑行”）; <br> }; <br> } <br> function flyMixin（obj）{ <br> obj.fly = function（）{ <br> console.log（“Flying，wooosh！”）; <br> }; <br> } </blockquote>我们可以将这些<code>mixins</code>分组到一个模块中，如下所示： <blockquote>让motionModule =（function（）{ <br>返回{ <br> glideMixin：function（obj）{ <br> obj.glide = function（）{ <br> console.log（“在水面上滑行”）; <br> }; <br> }， <br> flyMixin：function（obj）{ <br> obj.fly = function（）{ <br> console.log（“Flying，wooosh！”）; <br> }; <br> } <br> } <br> }）（）; //两个括号使得函数立即被调用</blockquote>请注意，您有一个<code>immediately invoked function expression</code> （ <code>IIFE</code> ），它返回一个对象<code>motionModule</code> 。此返回对象包含作为对象属性的所有<code>mixin</code>行为。 <code>module</code>模式的优点是可以将所有运动行为打包到单个对象中，然后可以由代码的其他部分使用。以下是使用它的示例： <blockquote> motionModule.glideMixin（鸭）; <br> duck.glide（）; </blockquote></section>
+
+## Instructions
+<section id="instructions">创建一个名为<code>funModule</code>的<code>module</code>来包装两个<code>mixins</code> <code>isCuteMixin</code>和<code>singMixin</code> 。 <code>funModule</code>应该返回一个对象。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 应该定义<code>funModule</code>并返回一个对象。
+    testString: 'assert(typeof funModule === "object", "<code>funModule</code> should be defined and return an object.");'
+  - text: <code>funModule.isCuteMixin</code>应该访问一个函数。
+    testString: 'assert(typeof funModule.isCuteMixin === "function", "<code>funModule.isCuteMixin</code> should access a function.");'
+  - text: <code>funModule.singMixin</code>应该访问一个函数。
+    testString: 'assert(typeof funModule.singMixin === "function", "<code>funModule.singMixin</code> should access a function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let isCuteMixin = function(obj) {
+  obj.isCute = function() {
+    return true;
+  };
+};
+let singMixin = function(obj) {
+  obj.sing = function() {
+    console.log("Singing to an awesome tune");
+  };
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.chinese.md
new file mode 100644
index 0000000000..beb903d612
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db2367417b2b2512b8a
+title: Use Closure to Protect Properties Within an Object from Being Modified Externally
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用闭包保护对象内的属性不被外部修改
+---
+
+## Description
+<section id="description">在之前的挑战中， <code>bird</code>有一个公共财产<code>name</code> 。它被认为是公开的，因为它可以在<code>bird</code>的定义之外进行访问和更改。 <blockquote> bird.name =“达菲”; </blockquote>因此，代码的任何部分都可以轻松地将<code>bird</code>的名称更改为任何值。考虑一下代码库的任何部分都可以轻松更改密码和银行帐户等内容。这可能会导致很多问题。使属性私有的最简单方法是在构造函数中创建一个变量。这会将该变量的范围更改为构造函数，而不是全局可用。这样，只能通过构造函数中的方法访问和更改属性。 <blockquote> function Bird（）{ <br>让hatchedEgg = 10; // 私人财产<br><br> this.getHatchedEggCount = function（）{//鸟类对象可以使用的公共可用方法<br>返回hatchedEgg; <br> }; <br> } <br>让ducky = new Bird（）; <br> ducky.getHatchedEggCount（）; //返回10 </blockquote>这里<code>getHachedEggCount</code>是一种特权方法，因为它可以访问私有变量<code>hatchedEgg</code> 。这是可能的，因为<code>hatchedEgg</code>在与<code>getHachedEggCount</code>相同的上下文中<code>getHachedEggCount</code> 。在JavaScript中，函数始终可以访问创建它的上下文。这叫做<code>closure</code> 。 </section>
+
+## Instructions
+<section id="instructions">更改<code>Bird</code>函数中声明<code>weight</code>方式，使其成为私有变量。然后，创建一个返回<code>weight</code>值的方法<code>getWeight</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>weight</code>属性应该是私有变量。
+    testString: 'assert(!code.match(/this\.weight/g), "The <code>weight</code> property should be a private variable.");'
+  - text: 你的代码应该在<code>Bird</code>创建一个名为<code>getWeight</code>的方法来返回<code>weight</code> 。
+    testString: 'assert((new Bird()).getWeight() === 15, "Your code should create a method in <code>Bird</code> called <code>getWeight</code> that returns the <code>weight</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Bird() {
+  this.weight = 15;
+
+
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-dot-notation-to-access-the-properties-of-an-object.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-dot-notation-to-access-the-properties-of-an-object.chinese.md
new file mode 100644
index 0000000000..e5147a02af
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-dot-notation-to-access-the-properties-of-an-object.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7dac367417b2b2512b74
+title: Use Dot Notation to Access the Properties of an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用点表示法访问对象的属性
+---
+
+## Description
+<section id="description">最后一个挑战创建了一个具有各种<code>properties</code>的<code>object</code> ，现在您将看到如何访问这些<code>properties</code>的值。这是一个例子： <blockquote>让duck = { <br>名称：“Aflac”， <br> numLegs：2 <br> }; <br>的console.log（duck.name）; <br> //这会将“Aflac”打印到控制台</blockquote>点符号用于<code>object</code>名称<code>duck</code> ，后跟<code>property</code> <code>name</code> ，以访问“Aflac”的值。 </section>
+
+## Instructions
+<section id="instructions">将以下<code>dog</code>对象的两个<code>properties</code>打印到控制台。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您应该使用<code>console.log</code>来打印<code>dog</code>对象的<code>name</code>属性的值。
+    testString: 'assert(/console.log\(.*dog\.name.*\)/g.test(code), "Your should use <code>console.log</code> to print the value for the <code>name</code> property of the <code>dog</code> object.");'
+  - text: 您应该使用<code>console.log</code>来打印<code>dog</code>对象的<code>numLegs</code>属性的值。
+    testString: 'assert(/console.log\(.*dog\.numLegs.*\)/g.test(code), "Your should use <code>console.log</code> to print the value for the <code>numLegs</code> property of the <code>dog</code> object.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let dog = {
+  name: "Spot",
+  numLegs: 4
+};
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-inheritance-so-you-dont-repeat-yourself.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-inheritance-so-you-dont-repeat-yourself.chinese.md
new file mode 100644
index 0000000000..2d0654dfbd
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-inheritance-so-you-dont-repeat-yourself.chinese.md
@@ -0,0 +1,80 @@
+---
+id: 587d7db0367417b2b2512b83
+title: Use Inheritance So You Don't Repeat Yourself
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用继承，所以你不要重复自己
+---
+
+## Description
+<section id="description">编程中有一个原则叫做“ <code>Don&#39;t Repeat Yourself (DRY)</code> 。重复代码是一个问题的原因是因为任何更改都需要在多个位置修复代码。这通常意味着为程序员提供更多工作，并且有更多错误空间。请注意，在下面的示例中， <code>describe</code>方法由<code>Bird</code>和<code>Dog</code>共享： <blockquote> Bird.prototype = { <br>构造函数：Bird， <br> describe：function（）{ <br> console.log（“我的名字是”+ this.name）; <br> } <br> }; <br><br> Dog.prototype = { <br>构造函数：狗， <br> describe：function（）{ <br> console.log（“我的名字是”+ this.name）; <br> } <br> }; </blockquote> <code>describe</code>方法在两个地方重复。可以通过创建名为<code>Animal</code>的<code>supertype</code> （或父级）来编辑代码以遵循<code>DRY</code>原则： <blockquote> function Animal（）{}; <br><br> Animal.prototype = { <br>构造函数：Animal， <br> describe：function（）{ <br> console.log（“我的名字是”+ this.name）; <br> } <br> }; </blockquote>由于<code>Animal</code>包含<code>describe</code>方法，您可以从<code>Bird</code>和<code>Dog</code>删除它： <blockquote> Bird.prototype = { <br>构造函数：Bird <br> }; <br><br> Dog.prototype = { <br>构造函数：狗<br> }; </blockquote></section>
+
+## Instructions
+<section id="instructions"> <code>Cat</code>和<code>Bear</code>都重复<code>eat</code> 。通过将<code>eat</code>方法移动到<code>Animal</code> <code>supertype</code>以<code>DRY</code>的精神编辑代码。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Animal.prototype</code>应该有<code>eat</code>属性。
+    testString: 'assert(Animal.prototype.hasOwnProperty("eat"), "<code>Animal.prototype</code> should have the <code>eat</code> property.");'
+  - text: <code>Bear.prototype</code>不应该有<code>eat</code>属性。
+    testString: 'assert(!(Bear.prototype.hasOwnProperty("eat")), "<code>Bear.prototype</code> should not have the <code>eat</code> property.");'
+  - text: <code>Cat.prototype</code>不应该有<code>eat</code>属性。
+    testString: 'assert(!(Cat.prototype.hasOwnProperty("eat")), "<code>Cat.prototype</code> should not have the <code>eat</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Cat(name) {
+  this.name = name;
+}
+
+Cat.prototype = {
+  constructor: Cat,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+function Bear(name) {
+  this.name = name;
+}
+
+Bear.prototype = {
+  constructor: Bear,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+function Animal() { }
+
+Animal.prototype = {
+  constructor: Animal,
+
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-prototype-properties-to-reduce-duplicate-code.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-prototype-properties-to-reduce-duplicate-code.chinese.md
new file mode 100644
index 0000000000..45f4ffd876
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-prototype-properties-to-reduce-duplicate-code.chinese.md
@@ -0,0 +1,60 @@
+---
+id: 587d7dae367417b2b2512b7c
+title: Use Prototype Properties to Reduce Duplicate Code
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用原型属性来减少重复代码
+---
+
+## Description
+<section id="description">由于<code>numLegs</code>对于<code>Bird</code>所有实例可能具有相同的值， <code>numLegs</code>在每个<code>Bird</code>实例中基本上都有一个重复的变量<code>numLegs</code> 。当只有两个实例时，这可能不是问题，但想象一下，如果有数百万个实例。这将是许多重复的变量。更好的方法是使用<code>Bird&#39;s</code> <code>prototype</code> 。 <code>prototype</code>是一个在<code>Bird</code>所有实例之间共享的对象。以下是如何将<code>numLegs</code>添加到<code>Bird prototype</code> ： <blockquote> Bird.prototype.numLegs = 2; </blockquote>现在<code>Bird</code>所有实例都具有<code>numLegs</code>属性。 <blockquote>的console.log（duck.numLegs）; //打印2 <br>的console.log（canary.numLegs）; //打印2 </blockquote>由于所有实例都自动拥有<code>prototype</code>上的属性，因此将<code>prototype</code>视为创建对象的“配方”。请注意， <code>duck</code>和<code>canary</code>的<code>prototype</code>是<code>Bird</code>构造函数的一部分，如<code>Bird.prototype</code> 。 JavaScript中几乎每个对象都有一个<code>prototype</code>属性，它是创建它的构造函数的一部分。 </section>
+
+## Instructions
+<section id="instructions">将<code>numLegs</code>属性添加到<code>Dog</code>的<code>prototype</code>中</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>beagle</code>应该有一个<code>numLegs</code>财产。
+    testString: 'assert(beagle.numLegs !== undefined, "<code>beagle</code> should have a <code>numLegs</code> property.");'
+  - text: <code>beagle.numLegs</code>应该是一个数字。
+    testString: 'assert(typeof(beagle.numLegs) === "number" , "<code>beagle.numLegs</code> should be a number.");'
+  - text: <code>numLegs</code>应该是<code>prototype</code>属性而不是<code>own</code>属性。
+    testString: 'assert(beagle.hasOwnProperty("numLegs") === false, "<code>numLegs</code> should be a <code>prototype</code> property not an <code>own</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+
+
+// Add your code above this line
+let beagle = new Dog("Snoopy");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/verify-an-objects-constructor-with-instanceof.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/verify-an-objects-constructor-with-instanceof.chinese.md
new file mode 100644
index 0000000000..29f2f0645b
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/object-oriented-programming/verify-an-objects-constructor-with-instanceof.chinese.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dae367417b2b2512b7a
+title: Verify an Object's Constructor with instanceof
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用instanceof验证Object的构造函数
+---
+
+## Description
+<section id="description">无论何时构造函数创建一个新对象，该对象都被称为其构造函数的一个<code>instance</code> 。 JavaScript提供了一种使用<code>instanceof</code>运算符验证这一点的便捷方法。 <code>instanceof</code>允许您将对象与构造函数进行比较，根据是否使用构造函数创建该对象，返回<code>true</code>或<code>false</code> 。这是一个例子： <blockquote>让Bird = function（名称，颜色）{ <br> this.name = name; <br> this.color = color; <br> this.numLegs = 2; <br> } <br><br>让乌鸦=新鸟（“亚历克西斯”，“黑色”）; <br><br>鸟的鸟; // =&gt;是的</blockquote>如果在不使用构造函数的<code>instanceof</code>创建对象， <code>instanceof</code>将验证它不是该构造函数的实例： <blockquote>让金丝雀= { <br>名称：“Mildred”， <br>颜色：“黄色”， <br> numLegs：2 <br> }; <br><br>鸟类的金丝雀; // =&gt; false </blockquote></section>
+
+## Instructions
+<section id="instructions">创建<code>House</code>构造函数的新实例，将其<code>myHouse</code>并传递多个卧室。然后，使用<code>instanceof</code>验证它是<code>House</code>的实例。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myHouse</code>应该将<code>numBedrooms</code>属性设置为数字。
+    testString: 'assert(typeof myHouse.numBedrooms === "number", "<code>myHouse</code> should have a <code>numBedrooms</code> attribute set to a number.");'
+  - text: 请务必使用<code>instanceof</code>运算符验证<code>myHouse</code>是<code>House</code>的<code>instanceof</code> 。
+    testString: 'assert(/myHouse\s*instanceof\s*House/.test(code), "Be sure to verify that <code>myHouse</code> is an instance of <code>House</code> using the <code>instanceof</code> operator.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+/* jshint expr: true */
+
+function House(numBedrooms) {
+  this.numBedrooms = numBedrooms;
+}
+
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-all-or-none.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-all-or-none.chinese.md
new file mode 100644
index 0000000000..d9d1c25889
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-all-or-none.chinese.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dba367417b2b2512ba8
+title: Check for All or None
+challengeType: 1
+videoUrl: ''
+localeTitle: 检查全部或无
+---
+
+## Description
+<section id="description">有时，您要搜索的模式可能包含可能存在或可能不存在的模式。但是，尽管如此，检查它们可能很重要。您可以指定可能存在带问号的元素， <code>?</code> 。这将检查前一个元素中的零个或一个。您可以将此符号视为前一个元素是可选的。例如，美式英语和英式英语略有不同，您可以使用问号来匹配两种拼写。 <blockquote>让美国人=“颜色”; <br>让british =“color”; <br>让rainbowRegex = / colou？r /; <br> rainbowRegex.test（美国）; //返回true <br> rainbowRegex.test（英国）; //返回true </blockquote></section>
+
+## Instructions
+<section id="instructions">更改正则表达式<code>favRegex</code>以匹配该单词的美国英语（收藏）和英国英语（收藏）版本。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式应该使用可选的符号， <code>?</code> 。
+    testString: 'assert(favRegex.source.match(/\?/).length > 0, "Your regex should use the optional symbol, <code>?</code>.");'
+  - text: 你的正则表达式应该匹配<code>&quot;favorite&quot;</code>
+    testString: 'assert(favRegex.test("favorite"), "Your regex should match <code>"favorite"</code>");'
+  - text: 你的正则表达式应该匹配<code>&quot;favourite&quot;</code>
+    testString: 'assert(favRegex.test("favourite"), "Your regex should match <code>"favourite"</code>");'
+  - text: 你的正则表达式不应该匹配<code>&quot;fav&quot;</code>
+    testString: 'assert(!favRegex.test("fav"), "Your regex should not match <code>"fav"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let favWord = "favorite";
+let favRegex = /change/; // Change this line
+let result = favRegex.test(favWord);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/extract-matches.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/extract-matches.chinese.md
new file mode 100644
index 0000000000..1978d0a4bb
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/extract-matches.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db4367417b2b2512b92
+title: Extract Matches
+challengeType: 1
+videoUrl: ''
+localeTitle: 提取匹配
+---
+
+## Description
+<section id="description">到目前为止，您只是检查字符串中是否存在模式。您还可以使用<code>.match()</code>方法提取您找到的实际匹配项。要使用<code>.match()</code>方法，请将该方法应用于字符串并传入括号内的正则表达式。这是一个例子： <blockquote> “你好，世界！”。匹配（/ Hello /）; <br> //返回[“Hello”] <br>让ourStr =“正则表达式”; <br>让ourRegex = / expressions /; <br> ourStr.match（ourRegex）; <br> //返回[“表达式”] </blockquote></section>
+
+## Instructions
+<section id="instructions">应用<code>.match()</code>方法来提取单词<code>coding</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>result</code>应该有单词<code>coding</code>
+    testString: 'assert(result.join() === "coding", "The <code>result</code> should have the word <code>coding</code>");'
+  - text: 你的regex <code>codingRegex</code>应该搜索<code>coding</code>
+    testString: 'assert(codingRegex.source === "coding", "Your regex <code>codingRegex</code> should search for <code>coding</code>");'
+  - text: 您应该使用<code>.match()</code>方法。
+    testString: 'assert(code.match(/\.match\(.*\)/), "You should use the <code>.match()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let extractStr = "Extract the word 'coding' from this string.";
+let codingRegex = /change/; // Change this line
+let result = extractStr; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/find-characters-with-lazy-matching.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/find-characters-with-lazy-matching.chinese.md
new file mode 100644
index 0000000000..678fa37a90
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/find-characters-with-lazy-matching.chinese.md
@@ -0,0 +1,51 @@
+---
+id: 587d7db6367417b2b2512b9b
+title: Find Characters with Lazy Matching
+challengeType: 1
+videoUrl: ''
+localeTitle: 查找具有延迟匹配的字符
+---
+
+## Description
+<section id="description">在正则表达式中， <code>greedy</code>匹配找到符合正则表达式模式的字符串的最长部分，并将其作为匹配返回。替代方案称为<code>lazy</code>匹配，它找到满足正则表达式模式的字符串的最小可能部分。您可以将regex <code>/t[az]*i/</code>应用于字符串<code>&quot;titanic&quot;</code> 。这个正则表达式基本上是一个以<code>t</code>开头的模式，以<code>i</code>结尾，并且在它们之间有一些字母。默认情况下，正则表达式是<code>greedy</code> ，因此匹配将返回<code>[&quot;titani&quot;]</code> 。它找到可能适合模式的最大子串。但是，你可以使用<code>?</code>字符将其更改为<code>lazy</code>匹配。 <code>&quot;titanic&quot;</code>与调整后的正则表达式匹配<code>/t[az]*?i/</code> return <code>[&quot;ti&quot;]</code> 。 </section>
+
+## Instructions
+<section id="instructions">修复regex <code>/&lt;.*&gt;/</code>以返回HTML标记<code>&lt;h1&gt;</code>而不是文本<code>&quot;&lt;h1&gt;Winter is coming&lt;/h1&gt;&quot;</code> 。记住通配符<code>.</code>在正则表达式中匹配任何字符。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>result</code>变量应该是一个包含<code>&lt;h1&gt;</code>的数组
+    testString: 'assert(result[0] == "<h1>", "The <code>result</code> variable should be an array with <code>&lt;h1&gt;</code> in it");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let text = "<h1>Winter is coming</h1>";
+let myRegex = /<.*>/; // Change this line
+let result = text.match(myRegex);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/find-more-than-the-first-match.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/find-more-than-the-first-match.chinese.md
new file mode 100644
index 0000000000..e3dba77259
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/find-more-than-the-first-match.chinese.md
@@ -0,0 +1,57 @@
+---
+id: 587d7db4367417b2b2512b93
+title: Find More Than the First Match
+challengeType: 1
+videoUrl: ''
+localeTitle: 找到比第一场比赛更多的东西
+---
+
+## Description
+<section id="description">到目前为止，您只能提取或搜索一次模式。 <blockquote>让testStr =“重复，重复，重复”; <br>让ourRegex = /重复/; <br> testStr.match（ourRegex）; <br> //返回[“重复”] </blockquote>要多次搜索或提取模式，可以使用<code>g</code>标志。 <blockquote> let repeatRegex = / Repeat / g; <br> testStr.match（repeatRegex）; <br> //返回[“重复”，“重复”，“重复”] </blockquote></section>
+
+## Instructions
+<section id="instructions">使用正则表达式<code>starRegex</code> ，找到并提取字符串<code>twinkleStar</code> <code>&quot;Twinkle&quot;</code>单词。 <strong>注意</strong> <br>你可以在你的正则表达式上有多个标志，比如<code>/search/gi</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式<code>starRegex</code>应该使用全局标志<code>g</code>
+    testString: 'assert(starRegex.flags.match(/g/).length == 1, "Your regex <code>starRegex</code> should use the global flag <code>g</code>");'
+  - text: 你的正则表达式<code>starRegex</code>应该使用不区分大小写的标志<code>i</code>
+    testString: 'assert(starRegex.flags.match(/i/).length == 1, "Your regex <code>starRegex</code> should use the case insensitive flag <code>i</code>");'
+  - text: 您的匹配应匹配<code>&quot;Twinkle&quot;</code>一词的出现次数
+    testString: 'assert(result.sort().join() == twinkleStar.match(/twinkle/gi).sort().join(), "Your match should match both occurrences of the word <code>"Twinkle"</code>");'
+  - text: 您的匹配<code>result</code>应该包含两个元素。
+    testString: 'assert(result.length == 2, "Your match <code>result</code> should have two elements in it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let twinkleStar = "Twinkle, twinkle, little star";
+let starRegex = /change/; // Change this line
+let result = twinkleStar; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/find-one-or-more-criminals-in-a-hunt.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/find-one-or-more-criminals-in-a-hunt.chinese.md
new file mode 100644
index 0000000000..4c91e24795
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/find-one-or-more-criminals-in-a-hunt.chinese.md
@@ -0,0 +1,67 @@
+---
+id: 587d7db7367417b2b2512b9c
+title: Find One or More Criminals in a Hunt
+challengeType: 1
+videoUrl: ''
+localeTitle: 在狩猎中找到一个或多个罪犯
+---
+
+## Description
+<section id="description">是时候暂停和测试你的新正则表达式写作技巧了。一群罪犯逃出监狱逃跑，但你不知道有多少人。但是，你知道他们和其他人在一起时会保持紧密联系。你有责任立刻找到所有的罪犯。下面是一个查看如何执行此操作的示例：regex <code>/z+/</code>在连续出现一次或多次时匹配字母<code>z</code> 。它会在以下所有字符串中找到匹配项： <blockquote> “Z” <br> “ZZZZZZ” <br> “ABCzzzz” <br> “zzzzABC” <br> “abczzzzzzzzzzzzzzzzzzzzzabc” </blockquote>但它没有在以下字符串中找到匹配项，因为没有字母<code>z</code>字符： <blockquote> “” <br> “ABC” <br> “ABCABC” </blockquote></section>
+
+## Instructions
+<section id="instructions">写一个<code>greedy</code>正则表达式，在一群其他人中找到一个或多个罪犯。罪犯由大写字母<code>C</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您正则表达式应该匹配<code>one</code>犯罪（“ <code>C</code>中”）， <code>&quot;C&quot;</code>
+    testString: 'assert("C".match(reCriminals) && "C".match(reCriminals)[0] == "C", "Your regex should match <code>one</code> criminal ("<code>C</code>") in <code>"C"</code>");'
+  - text: 您正则表达式应该匹配<code>two</code>罪犯（“ <code>CC</code>中”） <code>&quot;CC&quot;</code>
+    testString: 'assert("CC".match(reCriminals) && "CC".match(reCriminals)[0] == "CC", "Your regex should match <code>two</code> criminals ("<code>CC</code>") in <code>"CC"</code>");'
+  - text: 你的正则表达式应匹配<code>&quot;P1P5P4CCCP2P6P3&quot;</code>中的<code>three</code>罪犯（“ <code>CCC</code> ”）
+    testString: 'assert("P1P5P4CCCP2P6P3".match(reCriminals) && "P1P5P4CCCP2P6P3".match(reCriminals)[0] == "CCC", "Your regex should match <code>three</code> criminals ("<code>CCC</code>") in <code>"P1P5P4CCCP2P6P3"</code>");'
+  - text: 你的正则表达式应匹配<code>&quot;P6P2P7P4P5CCCCCP3P1&quot;</code>中的<code>five</code>罪犯（“ <code>CCCCC</code> ”）
+    testString: 'assert("P6P2P7P4P5CCCCCP3P1".match(reCriminals) && "P6P2P7P4P5CCCCCP3P1".match(reCriminals)[0] == "CCCCC", "Your regex should match <code>five</code> criminals ("<code>CCCCC</code>") in <code>"P6P2P7P4P5CCCCCP3P1"</code>");'
+  - text: 你的正则表达式不应该匹配<code>&quot;&quot;</code>中的任何罪犯
+    testString: 'assert(!reCriminals.test(""), "Your regex should not match any criminals in <code>""</code>");'
+  - text: 你的正则表达式不应该匹配<code>&quot;P1P2P3&quot;</code>中的任何罪犯
+    testString: 'assert(!reCriminals.test("P1P2P3"), "Your regex should not match any criminals in <code>"P1P2P3"</code>");'
+  - text: 您正则表达式应该与<code>fifty</code>的罪犯（“ <code>CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC</code>中”） <code>&quot;P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3&quot;</code> 。
+    testString: 'assert("P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3".match(reCriminals) && "P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3".match(reCriminals)[0] == "CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC", "Your regex should match <code>fifty</code> criminals ("<code>CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC</code>") in <code>"P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// example crowd gathering
+let crowd = 'P1P2P3P4P5P6CCCP7P8P9';
+
+let reCriminals = /./; // Change this line
+
+let matchedCriminals = crowd.match(reCriminals);
+console.log(matchedCriminals);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/ignore-case-while-matching.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/ignore-case-while-matching.chinese.md
new file mode 100644
index 0000000000..b6b9f4f141
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/ignore-case-while-matching.chinese.md
@@ -0,0 +1,69 @@
+---
+id: 587d7db4367417b2b2512b91
+title: Ignore Case While Matching
+challengeType: 1
+videoUrl: ''
+localeTitle: 匹配时忽略大小写
+---
+
+## Description
+<section id="description">到目前为止，你已经看过正则表达式来进行字符串的字面匹配。但有时，您可能还希望匹配案例差异。大小写（或有时是大写字母大小写）是大写字母和小写字母之间的区别。大写的示例是<code>&quot;A&quot;</code> ， <code>&quot;B&quot;</code>和<code>&quot;C&quot;</code> 。小写的示例是<code>&quot;a&quot;</code> ， <code>&quot;b&quot;</code>和<code>&quot;c&quot;</code> 。您可以使用所谓的标志来匹配这两种情况。还有其他标志，但在这里你将专注于忽略大小写的标志 - <code>i</code>旗帜。您可以通过将其附加到正则表达式来使用它。使用此标志的示例是<code>/ignorecase/i</code> 。此正则表达式可以匹配字符串<code>&quot;ignorecase&quot;</code> ， <code>&quot;igNoreCase&quot;</code>和<code>&quot;IgnoreCase&quot;</code> 。 </section>
+
+## Instructions
+<section id="instructions">写一个正则表达式<code>fccRegex</code>来匹配<code>&quot;freeCodeCamp&quot;</code> ，无论它的情况如何。您的正则表达式不应与任何缩写或带有空格的变体匹配。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式应该与<code>freeCodeCamp</code>匹配
+    testString: 'assert(fccRegex.test("freeCodeCamp"), "Your regex should match <code>freeCodeCamp</code>");'
+  - text: 你的正则表达式应该与<code>FreeCodeCamp</code>匹配
+    testString: 'assert(fccRegex.test("FreeCodeCamp"), "Your regex should match <code>FreeCodeCamp</code>");'
+  - text: 你的正则表达式应该与<code>FreecodeCamp</code>匹配
+    testString: 'assert(fccRegex.test("FreecodeCamp"), "Your regex should match <code>FreecodeCamp</code>");'
+  - text: 你的正则表达式应该与<code>FreeCodecamp</code>匹配
+    testString: 'assert(fccRegex.test("FreeCodecamp"), "Your regex should match <code>FreeCodecamp</code>");'
+  - text: 你的正则表达式不应该与<code>Free Code Camp</code>不匹配
+    testString: 'assert(!fccRegex.test("Free Code Camp"), "Your regex should not match <code>Free Code Camp</code>");'
+  - text: 你的正则表达式应该与<code>FreeCOdeCamp</code>匹配
+    testString: 'assert(fccRegex.test("FreeCOdeCamp"), "Your regex should match <code>FreeCOdeCamp</code>");'
+  - text: 你的正则表达式不应该与<code>FCC</code>匹配
+    testString: 'assert(!fccRegex.test("FCC"), "Your regex should not match <code>FCC</code>");'
+  - text: 你的正则表达式应该与<code>FrEeCoDeCamp</code>匹配
+    testString: 'assert(fccRegex.test("FrEeCoDeCamp"), "Your regex should match <code>FrEeCoDeCamp</code>");'
+  - text: 你的正则表达式应该与<code>FrEeCodECamp</code>匹配
+    testString: 'assert(fccRegex.test("FrEeCodECamp"), "Your regex should match <code>FrEeCodECamp</code>");'
+  - text: 你的正则表达式应该与<code>FReeCodeCAmp</code>匹配
+    testString: 'assert(fccRegex.test("FReeCodeCAmp"), "Your regex should match <code>FReeCodeCAmp</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myString = "freeCodeCamp";
+let fccRegex = /change/; // Change this line
+let result = fccRegex.test(myString);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-a-literal-string-with-different-possibilities.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-a-literal-string-with-different-possibilities.chinese.md
new file mode 100644
index 0000000000..53eb174c40
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-a-literal-string-with-different-possibilities.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db4367417b2b2512b90
+title: Match a Literal String with Different Possibilities
+challengeType: 1
+videoUrl: ''
+localeTitle: 匹配具有不同可能性的文字字符串
+---
+
+## Description
+<section id="description">使用<code>/coding/</code>等正则表达式，可以在另一个字符串中查找<code>&quot;coding&quot;</code>模式。这对搜索单个字符串很有用，但它仅限于一种模式。您可以使用<code>alternation</code>或<code>OR</code>运算符搜索多个模式： <code>|</code> 。此运算符在其之前或之后匹配模式。例如，如果你想匹配<code>&quot;yes&quot;</code>或<code>&quot;no&quot;</code> ，你想要的正则表达式是<code>/yes|no/</code> 。您还可以搜索两种以上的模式。您可以通过添加更多模式来实现此操作，其中更多<code>OR</code>运算符将它们分开，例如<code>/yes|no|maybe/</code> 。 </section>
+
+## Instructions
+<section id="instructions">完成正则表达式<code>petRegex</code>以匹配宠物<code>&quot;dog&quot;</code> ， <code>&quot;cat&quot;</code> ， <code>&quot;bird&quot;</code>或<code>&quot;fish&quot;</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式<code>petRegex</code>应该为字符串<code>&quot;John has a pet dog.&quot;</code>返回<code>true</code> <code>&quot;John has a pet dog.&quot;</code>
+    testString: 'assert(petRegex.test("John has a pet dog."), "Your regex <code>petRegex</code> should return <code>true</code> for the string <code>"John has a pet dog."</code>");'
+  - text: 你的正则表达式<code>petRegex</code>应该为字符串<code>&quot;Emma has a pet rock.&quot;</code>返回<code>false</code> <code>&quot;Emma has a pet rock.&quot;</code>
+    testString: 'assert(!petRegex.test("Emma has a pet rock."), "Your regex <code>petRegex</code> should return <code>false</code> for the string <code>"Emma has a pet rock."</code>");'
+  - text: 你的正则表达式<code>petRegex</code>应该为字符串<code>&quot;Emma has a pet bird.&quot;</code>返回<code>true</code> <code>&quot;Emma has a pet bird.&quot;</code>
+    testString: 'assert(petRegex.test("Emma has a pet bird."), "Your regex <code>petRegex</code> should return <code>true</code> for the string <code>"Emma has a pet bird."</code>");'
+  - text: 你的正则表达式<code>petRegex</code>应该返回<code>true</code>为字符串<code>&quot;Liz has a pet cat.&quot;</code>
+    testString: 'assert(petRegex.test("Liz has a pet cat."), "Your regex <code>petRegex</code> should return <code>true</code> for the string <code>"Liz has a pet cat."</code>");'
+  - text: 你的正则表达式<code>petRegex</code>应该返回<code>false</code>为<code>&quot;Kara has a pet dolphin.&quot;</code>的字符串<code>&quot;Kara has a pet dolphin.&quot;</code>
+    testString: 'assert(!petRegex.test("Kara has a pet dolphin."), "Your regex <code>petRegex</code> should return <code>false</code> for the string <code>"Kara has a pet dolphin."</code>");'
+  - text: 你的正则表达式<code>petRegex</code>应该返回<code>true</code>为字符串<code>&quot;Alice has a pet fish.&quot;</code>
+    testString: 'assert(petRegex.test("Alice has a pet fish."), "Your regex <code>petRegex</code> should return <code>true</code> for the string <code>"Alice has a pet fish."</code>");'
+  - text: 你的正则表达式<code>petRegex</code>应该返回<code>false</code>为字符串<code>&quot;Jimmy has a pet computer.&quot;</code>
+    testString: 'assert(!petRegex.test("Jimmy has a pet computer."), "Your regex <code>petRegex</code> should return <code>false</code> for the string <code>"Jimmy has a pet computer."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let petString = "James has a pet cat.";
+let petRegex = /change/; // Change this line
+let result = petRegex.test(petString);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-letters-and-numbers.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-letters-and-numbers.chinese.md
new file mode 100644
index 0000000000..976dd34ce9
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-letters-and-numbers.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7db7367417b2b2512b9f
+title: Match All Letters and Numbers
+challengeType: 1
+videoUrl: ''
+localeTitle: 匹配所有字母和数字
+---
+
+## Description
+<section id="description">使用字符类，您可以使用<code>[az]</code>搜索字母表中的所有字母。这种字符类很常见，它有一个快捷方式，虽然它还包含一些额外的字符。 JavaScript中与字母表匹配的最接近的字符类是<code>\w</code> 。此快捷方式等于<code>[A-Za-z0-9_]</code> 。此字符类匹配大写和小写字母加数字。注意，此字符类还包括下划线字符（ <code>_</code> ）。 <blockquote>让longHand = / [A-Za-z0-9 _] + /; <br>让shortHand = / \ w + /; <br>让数字=“42”; <br> let varNames =“important_var”; <br> longHand.test（数字）; //返回true <br> shortHand.test（数字）; //返回true <br> longHand.test（varNames）; //返回true <br> shortHand.test（varNames）; //返回true </blockquote>这些快捷方式字符类也称为<code>shorthand character classes</code> 。 </section>
+
+## Instructions
+<section id="instructions">使用速记字符类<code>\w</code>来计算各种引号和字符串中的字母数字字符数。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式应该使用全局标志。
+    testString: 'assert(alphabetRegexV2.global, "Your regex should use the global flag.");'
+  - text: 你的正则表达式应该使用速记字符
+    testString: 'assert(/\\w/.test(alphabetRegexV2.source), "Your regex should use the shorthand character <code>\w</code> to match all characters which are alphanumeric.");'
+  - text: 你的正则表达式应该在<code>&quot;The five boxing wizards jump quickly.&quot;</code>找到31个字母数字字符<code>&quot;The five boxing wizards jump quickly.&quot;</code>
+    testString: 'assert("The five boxing wizards jump quickly.".match(alphabetRegexV2).length === 31, "Your regex should find 31 alphanumeric characters in <code>"The five boxing wizards jump quickly."</code>");'
+  - text: 你的正则表达式应该在<code>&quot;Pack my box with five dozen liquor jugs.&quot;</code>找到32个字母数字字符<code>&quot;Pack my box with five dozen liquor jugs.&quot;</code>
+    testString: 'assert("Pack my box with five dozen liquor jugs.".match(alphabetRegexV2).length === 32, "Your regex should find 32 alphanumeric characters in <code>"Pack my box with five dozen liquor jugs."</code>");'
+  - text: 你的正则表达式应该在<code>&quot;How vexingly quick daft zebras jump!&quot;</code>找到30个字母数字字符<code>&quot;How vexingly quick daft zebras jump!&quot;</code>
+    testString: 'assert("How vexingly quick daft zebras jump!".match(alphabetRegexV2).length === 30, "Your regex should find 30 alphanumeric characters in <code>"How vexingly quick daft zebras jump!"</code>");'
+  - text: 你的正则表达式应该在<code>&quot;123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.&quot;</code>找到36个字母数字字符<code>&quot;123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.&quot;</code>
+    testString: 'assert("123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.".match(alphabetRegexV2).length === 36, "Your regex should find 36 alphanumeric characters in <code>"123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "The five boxing wizards jump quickly.";
+let alphabetRegexV2 = /change/; // Change this line
+let result = quoteSample.match(alphabetRegexV2).length;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-non-numbers.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-non-numbers.chinese.md
new file mode 100644
index 0000000000..377c2ace4b
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-non-numbers.chinese.md
@@ -0,0 +1,65 @@
+---
+id: 587d7db8367417b2b2512ba1
+title: Match All Non-Numbers
+challengeType: 1
+videoUrl: ''
+localeTitle: 匹配所有非数字
+---
+
+## Description
+<section id="description">最后一项挑战显示了如何使用带有小写<code>d</code>的快捷键<code>\d</code>来搜索数字。您也可以使用类似的使用大写<code>D</code>快捷方式搜索非数字。查找非数字字符的快捷方式是<code>\D</code>这等于字符类<code>[^0-9]</code> ，它查找不是0到9之间的数字的单个字符。 </section>
+
+## Instructions
+<section id="instructions">使用非数字<code>\D</code>的速记字符类来计算电影标题中有多少个非数字。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的正则表达式应使用快捷方式字符来匹配非数字字符
+    testString: 'assert(/\\D/.test(noNumRegex.source), "Your regex should use the shortcut character to match non-digit characters");'
+  - text: 你的正则表达式应该使用全局标志。
+    testString: 'assert(noNumRegex.global, "Your regex should use the global flag.");'
+  - text: 你的正则表达式应该在<code>&quot;9&quot;</code>找不到非数字。
+    testString: 'assert("9".match(noNumRegex) == null, "Your regex should find no non-digits in <code>"9"</code>.");'
+  - text: 你的正则表达式应该在<code>&quot;Catch 22&quot;</code>找到6个非数字。
+    testString: 'assert("Catch 22".match(noNumRegex).length == 6, "Your regex should find 6 non-digits in <code>"Catch 22"</code>.");'
+  - text: 你的正则表达式应该在<code>&quot;101 Dalmatians&quot;</code>找到11个非数字。
+    testString: 'assert("101 Dalmatians".match(noNumRegex).length == 11, "Your regex should find 11 non-digits in <code>"101 Dalmatians"</code>.");'
+  - text: '你的正则表达式应该在<code>&quot;One, Two, Three&quot;</code>找到15个非数字。'
+    testString: 'assert("One, Two, Three".match(noNumRegex).length == 15, "Your regex should find 15 non-digits in <code>"One, Two, Three"</code>.");'
+  - text: 你的正则表达式应该在<code>&quot;21 Jump Street&quot;</code>找到12个非数字。
+    testString: 'assert("21 Jump Street".match(noNumRegex).length == 12, "Your regex should find 12 non-digits in <code>"21 Jump Street"</code>.");'
+  - text: '你的正则表达式应该在<code>&quot;2001: A Space Odyssey&quot;</code>找到17个非数字。'
+    testString: 'assert("2001: A Space Odyssey".match(noNumRegex).length == 17, "Your regex should find 17 non-digits in <code>"2001: A Space Odyssey"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let numString = "Your sandwich will be $5.00";
+let noNumRegex = /change/; // Change this line
+let result = numString.match(noNumRegex).length;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-numbers.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-numbers.chinese.md
new file mode 100644
index 0000000000..b5eec2a5bd
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-numbers.chinese.md
@@ -0,0 +1,65 @@
+---
+id: 5d712346c441eddfaeb5bdef
+title: Match All Numbers
+challengeType: 1
+videoUrl: ''
+localeTitle: 匹配所有号码
+---
+
+## Description
+<section id="description">您已经学习了常用字符串模式（如字母数字）的快捷方式。另一种常见模式是寻找数字或数字。查找数字字符的快捷方式是<code>\d</code> ，小写<code>d</code> 。这等于字符类<code>[0-9]</code> ，它查找0到9之间任意数字的单个字符。 </section>
+
+## Instructions
+<section id="instructions">使用速记字符类<code>\d</code>来计算电影标题中的位数。写出的数字（“六”而不是六）不计算在内。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的正则表达式应使用快捷方式字符来匹配数字字符
+    testString: 'assert(/\\d/.test(numRegex.source), "Your regex should use the shortcut character to match digit characters");'
+  - text: 你的正则表达式应该使用全局标志。
+    testString: 'assert(numRegex.global, "Your regex should use the global flag.");'
+  - text: 你的正则表达式应该在<code>&quot;9&quot;</code>找到1位数。
+    testString: 'assert("9".match(numRegex).length == 1, "Your regex should find 1 digit in <code>"9"</code>.");'
+  - text: 你的正则表达式应该在<code>&quot;Catch 22&quot;</code>找到2位数字。
+    testString: 'assert("Catch 22".match(numRegex).length == 2, "Your regex should find 2 digits in <code>"Catch 22"</code>.");'
+  - text: 你的正则表达式应该在<code>&quot;101 Dalmatians&quot;</code>找到3位数字。
+    testString: 'assert("101 Dalmatians".match(numRegex).length == 3, "Your regex should find 3 digits in <code>"101 Dalmatians"</code>.");'
+  - text: '你的正则表达式应该在<code>&quot;One, Two, Three&quot;</code>找不到数字。'
+    testString: 'assert("One, Two, Three".match(numRegex) == null, "Your regex should find no digits in <code>"One, Two, Three"</code>.");'
+  - text: 您的正则表达式应该在<code>&quot;21 Jump Street&quot;</code>找到2位数字。
+    testString: 'assert("21 Jump Street".match(numRegex).length == 2, "Your regex should find 2 digits in <code>"21 Jump Street"</code>.");'
+  - text: '你的正则表达式应该在<code>&quot;2001: A Space Odyssey&quot;</code>找到4位数字。'
+    testString: 'assert("2001: A Space Odyssey".match(numRegex).length == 4, "Your regex should find 4 digits in <code>"2001: A Space Odyssey"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let numString = "Your sandwich will be $5.00";
+let numRegex = /change/; // Change this line
+let result = numString.match(numRegex).length;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-anything-with-wildcard-period.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-anything-with-wildcard-period.chinese.md
new file mode 100644
index 0000000000..152064ac2a
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-anything-with-wildcard-period.chinese.md
@@ -0,0 +1,69 @@
+---
+id: 587d7db5367417b2b2512b94
+title: Match Anything with Wildcard Period
+challengeType: 1
+videoUrl: ''
+localeTitle: 匹配通配符期间的任何内容
+---
+
+## Description
+<section id="description">有时您不会（或不需要）知道模式中的确切字符。想到所有匹配的单词，比如拼写错误需要很长时间。幸运的是，您可以使用通配符来节省时间： <code>.</code>通配符<code>.</code>将匹配任何一个字符。通配符也称为<code>dot</code>和<code>period</code> 。您可以像使用正则表达式中的任何其他字符一样使用通配符。例如，如果你想匹配<code>&quot;hug&quot;</code> ， <code>&quot;huh&quot;</code> ， <code>&quot;hut&quot;</code>和<code>&quot;hum&quot;</code> ，你可以使用正则表达式<code>/hu./</code>来匹配所有四个单词。 <blockquote>让humStr =“我会哼唱一首歌”; <br>让hugStr =“熊抱”; <br>让huRegex = /hu./; <br> humStr.match（huRegex）; //返回[“hum”] <br> hugStr.match（huRegex）; //返回[“拥抱”] </blockquote></section>
+
+## Instructions
+<section id="instructions">完成正则表达式<code>unRegex</code> ，使其匹配字符串<code>&quot;run&quot;</code> ， <code>&quot;sun&quot;</code> ， <code>&quot;fun&quot;</code> ， <code>&quot;pun&quot;</code> ， <code>&quot;nun&quot;</code>和<code>&quot;bun&quot;</code> 。你的正则表达式应该使用通配符。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您应该使用<code>.test()</code>方法。
+    testString: 'assert(code.match(/\.test\(.*\)/), "You should use the <code>.test()</code> method.");'
+  - text: 您应该在正则表达式<code>unRegex</code>使用通配符
+    testString: 'assert(/\./.test(unRegex.source), "You should use the wildcard character in your regex <code>unRegex</code>");'
+  - text: 你的正则表达式<code>unRegex</code>应该匹配<code>&quot;run&quot;</code> <code>&quot;Let us go on a run.&quot;</code> <code>&quot;run&quot;</code>中的<code>&quot;run&quot;</code> <code>&quot;Let us go on a run.&quot;</code>
+    testString: 'assert(unRegex.test("Let us go on a run."), "Your regex <code>unRegex</code> should match <code>"run"</code> in <code>"Let us go on a run."</code>");'
+  - text: 你的正则表达式<code>unRegex</code>应该与<code>&quot;sun&quot;</code> <code>&quot;The sun is out today.&quot;</code> <code>&quot;sun&quot;</code>中的<code>&quot;sun&quot;</code>匹配<code>&quot;The sun is out today.&quot;</code>
+    testString: 'assert(unRegex.test("The sun is out today."), "Your regex <code>unRegex</code> should match <code>"sun"</code> in <code>"The sun is out today."</code>");'
+  - text: 你的正则表达式<code>unRegex</code>应该与<code>&quot;fun&quot;</code> <code>&quot;Coding is a lot of fun.&quot;</code> <code>&quot;fun&quot;</code>中的<code>&quot;fun&quot;</code>匹配<code>&quot;Coding is a lot of fun.&quot;</code>
+    testString: 'assert(unRegex.test("Coding is a lot of fun."), "Your regex <code>unRegex</code> should match <code>"fun"</code> in <code>"Coding is a lot of fun."</code>");'
+  - text: 你的正则表达式<code>unRegex</code>应该匹配<code>&quot;pun&quot;</code> <code>&quot;Seven days without a pun makes one weak.&quot;</code> <code>&quot;pun&quot;</code> <code>&quot;Seven days without a pun makes one weak.&quot;</code>
+    testString: 'assert(unRegex.test("Seven days without a pun makes one weak."), "Your regex <code>unRegex</code> should match <code>"pun"</code> in <code>"Seven days without a pun makes one weak."</code>");'
+  - text: 你的正则表达式<code>unRegex</code>应该与<code>&quot;nun&quot;</code> <code>&quot;One takes a vow to be a nun.&quot;</code> <code>&quot;nun&quot;</code>中的<code>&quot;nun&quot;</code>匹配<code>&quot;One takes a vow to be a nun.&quot;</code>
+    testString: 'assert(unRegex.test("One takes a vow to be a nun."), "Your regex <code>unRegex</code> should match <code>"nun"</code> in <code>"One takes a vow to be a nun."</code>");'
+  - text: 你的正则表达式<code>unRegex</code>应该匹配<code>&quot;bun&quot;</code> <code>&quot;She got fired from the hot dog stand for putting her hair in a bun.&quot;</code> <code>&quot;bun&quot;</code>中的<code>&quot;bun&quot;</code> <code>&quot;She got fired from the hot dog stand for putting her hair in a bun.&quot;</code>
+    testString: 'assert(unRegex.test("She got fired from the hot dog stand for putting her hair in a bun."), "Your regex <code>unRegex</code> should match <code>"bun"</code> in <code>"She got fired from the hot dog stand for putting her hair in a bun."</code>");'
+  - text: 您的正则表达式<code>unRegex</code>不应与<code>&quot;There is a bug in my code.&quot;</code>匹配<code>&quot;There is a bug in my code.&quot;</code>
+    testString: 'assert(!unRegex.test("There is a bug in my code."), "Your regex <code>unRegex</code> should not match <code>"There is a bug in my code."</code>");'
+  - text: 您的正则表达式<code>unRegex</code>不应该匹配<code>&quot;Catch me if you can.&quot;</code>
+    testString: 'assert(!unRegex.test("Can me if you can."), "Your regex <code>unRegex</code> should not match <code>"Catch me if you can."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let exampleStr = "Let's have fun with regular expressions!";
+let unRegex = /change/; // Change this line
+let result = unRegex.test(exampleStr);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-beginning-string-patterns.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-beginning-string-patterns.chinese.md
new file mode 100644
index 0000000000..83a18dfc8c
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-beginning-string-patterns.chinese.md
@@ -0,0 +1,57 @@
+---
+id: 587d7db7367417b2b2512b9d
+title: Match Beginning String Patterns
+challengeType: 1
+videoUrl: ''
+localeTitle: 匹配开始字符串模式
+---
+
+## Description
+<section id="description">先前的挑战表明，正则表达式可用于寻找许多匹配。它们还用于搜索字符串中特定位置的模式。在之前的挑战中，您使用<code>character set</code>内的<code>caret</code>符（ <code>^</code> ）来创建<code>[^thingsThatWillNotBeMatched]</code>形式的<code>negated character set</code> 。在<code>character set</code> ， <code>caret</code>用于在字符串的开头搜索模式。 <blockquote>让firstString =“Ricky是第一个，可以找到。”; <br>让firstRegex = / ^ Ricky /; <br> firstRegex.test（firstString）; <br> //返回true <br>让notFirst =“你现在找不到Ricky了。”; <br> firstRegex.test（notFirst）; <br> //返回false </blockquote></section>
+
+## Instructions
+<section id="instructions">使用正则表达式中的<code>caret</code>只能在字符串<code>rickyAndCal</code>的开头找到<code>&quot;Cal&quot;</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式应该用大写字母搜索<code>&quot;Cal&quot;</code> 。
+    testString: 'assert(calRegex.source == "^Cal", "Your regex should search for <code>"Cal"</code> with a capital letter.");'
+  - text: 你的正则表达式不应该使用任何标志。
+    testString: 'assert(calRegex.flags == "", "Your regex should not use any flags.");'
+  - text: 你的正则表达式应该匹配字符串开头的<code>&quot;Cal&quot;</code> 。
+    testString: 'assert(calRegex.test("Cal and Ricky both like racing."), "Your regex should match <code>"Cal"</code> at the beginning of the string.");'
+  - text: 您的正则表达式不应与字符串中间的<code>&quot;Cal&quot;</code>匹配。
+    testString: 'assert(!calRegex.test("Ricky and Cal both like racing."), "Your regex should not match <code>"Cal"</code> in the middle of a string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let rickyAndCal = "Cal and Ricky both like racing.";
+let calRegex = /change/; // Change this line
+let result = calRegex.test(rickyAndCal);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-one-or-more-times.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-one-or-more-times.chinese.md
new file mode 100644
index 0000000000..f8a6dd7f52
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-one-or-more-times.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db6367417b2b2512b99
+title: Match Characters that Occur One or More Times
+challengeType: 1
+videoUrl: ''
+localeTitle: 匹配出现一次或多次的字符
+---
+
+## Description
+<section id="description">有时，您需要匹配连续出现一次或多次的字符（或字符组）。这意味着它至少发生一次，并且可以重复。您可以使用<code>+</code>字符来检查是否是这种情况。请记住，角色或模式必须连续出现。也就是说，角色必须一个接一个地重复。例如， <code>/a+/g</code>会在<code>&quot;abc&quot;</code>找到一个匹配并返回<code>[&quot;a&quot;]</code> 。由于<code>+</code> ，它也会在<code>&quot;aabc&quot;</code>找到一个匹配并返回<code>[&quot;aa&quot;]</code> 。如果它是检查字符串<code>&quot;abab&quot;</code> ，它会找到两个匹配并返回<code>[&quot;a&quot;, &quot;a&quot;]</code>因为<code>a</code>字符不在一行 - 它们之间有一个<code>b</code> 。最后，由于字符串<code>&quot;bcd&quot;</code>没有<code>&quot;a&quot;</code> <code>&quot;bcd&quot;</code> ，因此找不到匹配项。 </section>
+
+## Instructions
+<section id="instructions">您希望在<code>&quot;Mississippi&quot;</code>字母<code>s</code>出现一次或多次时找到匹配项。写一个使用<code>+</code>符号的正则表达式。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式<code>myRegex</code>应该使用<code>+</code>符号来匹配一个或多个<code>s</code>字符。
+    testString: 'assert(/\+/.test(myRegex.source), "Your regex <code>myRegex</code> should use the <code>+</code> sign to match one or more <code>s</code> characters.");'
+  - text: 你的正则表达式<code>myRegex</code>应该匹配2个项目。
+    testString: 'assert(result.length == 2, "Your regex <code>myRegex</code> should match 2 items.");'
+  - text: <code>result</code>变量应该是一个包含两个匹配<code>&quot;ss&quot;</code>的数组
+    testString: 'assert(result[0] == "ss" && result[1] == "ss", "The <code>result</code> variable should be an array with two matches of <code>"ss"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let difficultSpelling = "Mississippi";
+let myRegex = /change/; // Change this line
+let result = difficultSpelling.match(myRegex);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-zero-or-more-times.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-zero-or-more-times.chinese.md
new file mode 100644
index 0000000000..6e52e6742b
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-zero-or-more-times.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db6367417b2b2512b9a
+title: Match Characters that Occur Zero or More Times
+challengeType: 1
+videoUrl: ''
+localeTitle: 匹配出现零次或多次的字符
+---
+
+## Description
+<section id="description">最后一项挑战使用加<code>+</code>号来查找出现一次或多次的字符。还有一个选项可以匹配出现零次或多次的字符。执行此操作的字符是<code>asterisk</code>或<code>star</code> <code>asterisk</code> ： <code>*</code> 。 <blockquote>让soccerWord =“gooooooooal！”; <br>让gPhrase =“直觉”; <br>让oPhrase =“越过月亮”; <br> let goRegex = / go * /; <br> soccerWord.match（goRegex）; //返回[“goooooooo”] <br> gPhrase.match（goRegex）; //返回[“g”] <br> oPhrase.match（goRegex）; //返回null </blockquote></section>
+
+## Instructions
+<section id="instructions">创建一个正则表达式<code>chewieRegex</code>使用的<code>*</code>字符匹配所有上下<code>&quot;a&quot;</code>中的字符<code>chewieQuote</code> 。你的正则表达式不需要标志，它不应该与任何其他引号相匹配。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您正则表达式<code>chewieRegex</code>应该使用<code>*</code>字符匹配零个或多个<code>a</code>字符。
+    testString: 'assert(/\*/.test(chewieRegex.source), "Your regex <code>chewieRegex</code> should use the <code>*</code> character to match zero or more <code>a</code> characters.");'
+  - text: 你的正则表达式<code>chewieRegex</code>应匹配16个字符。
+    testString: 'assert(result[0].length === 16, "Your regex <code>chewieRegex</code> should match 16 characters.");'
+  - text: 你的正则表达式应该匹配<code>&quot;Aaaaaaaaaaaaaaaa&quot;</code> 。
+    testString: 'assert(result[0] === "Aaaaaaaaaaaaaaaa", "Your regex should match <code>"Aaaaaaaaaaaaaaaa"</code>.");'
+  - text: '你的正则表达式不应该与<code>&quot;He made a fair move. Screaming about it can&#39;t help you.&quot;</code>中的任何角色相匹配<code>&quot;He made a fair move. Screaming about it can&#39;t help you.&quot;</code>'
+    testString: 'assert(!"He made a fair move. Screaming about it can\"t help you.".match(chewieRegex), "Your regex should not match any characters in <code>"He made a fair move. Screaming about it can&#39t help you."</code>");'
+  - text: '你的正则表达式不应该与<code>&quot;Let him have it. It&#39;s not wise to upset a Wookiee.&quot;</code>中的任何角色相匹配<code>&quot;Let him have it. It&#39;s not wise to upset a Wookiee.&quot;</code>'
+    testString: 'assert(!"Let him have it. It\"s not wise to upset a Wookiee.".match(chewieRegex), "Your regex should not match any characters in <code>"Let him have it. It&#39s not wise to upset a Wookiee."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let chewieQuote = "Aaaaaaaaaaaaaaaarrrgh!";
+let chewieRegex = /change/; // Change this line
+let result = chewieQuote.match(chewieRegex);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-ending-string-patterns.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-ending-string-patterns.chinese.md
new file mode 100644
index 0000000000..539370e6f4
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-ending-string-patterns.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db7367417b2b2512b9e
+title: Match Ending String Patterns
+challengeType: 1
+videoUrl: ''
+localeTitle: 匹配结束字符串模式
+---
+
+## Description
+<section id="description">在上一个挑战中，您学会了使用<code>caret</code>来搜索字符串开头的模式。还有一种方法可以在字符串末尾搜索模式。您可以使用正则表达式末尾的<code>dollar sign</code>字符<code>$</code>来搜索字符串的结尾。 <blockquote>让theEnding =“这是一个永无止境的故事”; <br>让storyRegex = / story $ /; <br> storyRegex.test（theEnding）; <br> //返回true <br>让noEnding =“有时故事必须结束”; <br> storyRegex.test（noEnding）; <br> //返回false <br></blockquote></section>
+
+## Instructions
+<section id="instructions">使用锚字符（ <code>$</code> ）来匹配字符串<code>&quot;caboose&quot;</code>在字符串的结尾<code>caboose</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您应该在正则表达式中使用美元符号<code>$</code> anchor搜索<code>&quot;caboose&quot;</code> 。
+    testString: 'assert(lastRegex.source == "caboose$", "You should search for <code>"caboose"</code> with the dollar sign <code>$</code> anchor in your regex.");'
+  - text: 你的正则表达式不应该使用任何标志。
+    testString: 'assert(lastRegex.flags == "", "Your regex should not use any flags.");'
+  - text: 您应该在字符串末尾匹配<code>&quot;caboose&quot;</code> <code>&quot;The last car on a train is the caboose&quot;</code>
+    testString: 'assert(lastRegex.test("The last car on a train is the caboose"), "You should match <code>"caboose"</code> at the end of the string <code>"The last car on a train is the caboose"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let caboose = "The last car on a train is the caboose";
+let lastRegex = /change/; // Change this line
+let result = lastRegex.test(caboose);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-everything-but-letters-and-numbers.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-everything-but-letters-and-numbers.chinese.md
new file mode 100644
index 0000000000..b0cd164bed
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-everything-but-letters-and-numbers.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7db8367417b2b2512ba0
+title: Match Everything But Letters and Numbers
+challengeType: 1
+videoUrl: ''
+localeTitle: 匹配一切，但字母和数字
+---
+
+## Description
+<section id="description">您已经了解到可以使用快捷键来匹配使用<code>\w</code>字母数字<code>[A-Za-z0-9_]</code> 。您可能想要搜索的自然模式与字母数字相反。您可以使用<code>\W</code>搜索<code>\w</code>的反面。注意，相反的模式使用大写字母。此快捷方式与<code>[^A-Za-z0-9_]</code> 。 <blockquote>让shortHand = / \ W /; <br>让数字=“42％”; <br> let sentence =“Coding！”; <br> numbers.match（简写）; //返回[“％”] <br> sentence.match（简写）; //返回[“！”] <br></blockquote></section>
+
+## Instructions
+<section id="instructions">使用速记字符类<code>\W</code>来计算各种引号和字符串中的非字母数字字符数。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式应该使用全局标志。
+    testString: 'assert(nonAlphabetRegex.global, "Your regex should use the global flag.");'
+  - text: 你的正则表达式应该在<code>&quot;The five boxing wizards jump quickly.&quot;</code>找到6个非字母数字字符<code>&quot;The five boxing wizards jump quickly.&quot;</code> 。
+    testString: 'assert("The five boxing wizards jump quickly.".match(nonAlphabetRegex).length == 6, "Your regex should find 6 non-alphanumeric characters in <code>"The five boxing wizards jump quickly."</code>.");'
+  - text: 你的正则表达式应该使用速记字符。
+    testString: 'assert(/\\W/.test(nonAlphabetRegex.source), "Your regex should use the shorthand character to match characters which are non-alphanumeric.");'
+  - text: 你的正则表达式应该在<code>&quot;Pack my box with five dozen liquor jugs.&quot;</code>找到8个非字母数字字符<code>&quot;Pack my box with five dozen liquor jugs.&quot;</code>
+    testString: 'assert("Pack my box with five dozen liquor jugs.".match(nonAlphabetRegex).length == 8, "Your regex should find 8 non-alphanumeric characters in <code>"Pack my box with five dozen liquor jugs."</code>");'
+  - text: 你的正则表达式应该在<code>&quot;How vexingly quick daft zebras jump!&quot;</code>找到6个非字母数字字符<code>&quot;How vexingly quick daft zebras jump!&quot;</code>
+    testString: 'assert("How vexingly quick daft zebras jump!".match(nonAlphabetRegex).length == 6, "Your regex should find 6 non-alphanumeric characters in <code>"How vexingly quick daft zebras jump!"</code>");'
+  - text: 你的正则表达式应该在<code>&quot;123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.&quot;</code>找到12个非字母数字字符<code>&quot;123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.&quot;</code>
+    testString: 'assert("123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.".match(nonAlphabetRegex).length == 12, "Your regex should find 12 non-alphanumeric characters in <code>"123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "The five boxing wizards jump quickly.";
+let nonAlphabetRegex = /change/; // Change this line
+let result = quoteSample.match(nonAlphabetRegex).length;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-letters-of-the-alphabet.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-letters-of-the-alphabet.chinese.md
new file mode 100644
index 0000000000..6518172fde
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-letters-of-the-alphabet.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db5367417b2b2512b96
+title: Match Letters of the Alphabet
+challengeType: 1
+videoUrl: ''
+localeTitle: 匹配字母的字母
+---
+
+## Description
+<section id="description">您了解了如何使用<code>character sets</code>来指定要匹配的一组字符，但是当您需要匹配大范围的字符（例如，字母表中的每个字母）时，这是很多类型。幸运的是，有一个内置功能，使这简短。在<code>character set</code> ，您可以使用<code>hyphen</code>字符来定义要匹配的<code>hyphen</code>范围： <code>-</code> 。例如，要匹配小写字母<code>a</code>到<code>e</code>您将使用<code>[ae]</code> 。 <blockquote>让catStr =“猫”; <br>让batStr =“蝙蝠”; <br>让matStr =“mat”; <br>让bgRegex = / [ae] at /; <br> catStr.match（bgRegex）; //返回[“cat”] <br> batStr.match（bgRegex）; //返回[“bat”] <br> matStr.match（bgRegex）; //返回null </blockquote></section>
+
+## Instructions
+<section id="instructions">匹配字符串<code>quoteSample</code>中的所有字母。 <strong>注意</strong> <br>务必匹配大写和小写<strong>字母<strong>。</strong></strong> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式<code>alphabetRegex</code>应该匹配35项。
+    testString: 'assert(result.length == 35, "Your regex <code>alphabetRegex</code> should match 35 items.");'
+  - text: 你的正则表达式<code>alphabetRegex</code>应该使用全局标志。
+    testString: 'assert(alphabetRegex.flags.match(/g/).length == 1, "Your regex <code>alphabetRegex</code> should use the global flag.");'
+  - text: 你的正则表达式<code>alphabetRegex</code>应该使用不区分大小写的标志。
+    testString: 'assert(alphabetRegex.flags.match(/i/).length == 1, "Your regex <code>alphabetRegex</code> should use the case insensitive flag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "The quick brown fox jumps over the lazy dog.";
+let alphabetRegex = /change/; // Change this line
+let result = alphabetRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-literal-strings.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-literal-strings.chinese.md
new file mode 100644
index 0000000000..5dee8d7a7f
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-literal-strings.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db3367417b2b2512b8f
+title: Match Literal Strings
+challengeType: 1
+videoUrl: ''
+localeTitle: 匹配文字字符串
+---
+
+## Description
+<section id="description">在上一次挑战中，您使用正则表达式<code>/Hello/</code>搜索了单词<code>&quot;Hello&quot;</code> 。该正则表达式搜索字符串<code>&quot;Hello&quot;</code>的文字匹配。这是另一个搜索字符串<code>&quot;Kevin&quot;</code>的文字匹配的示例： <blockquote>让testStr =“你好，我的名字是凯文。”; <br>让testRegex = / Kevin /; <br> testRegex.test（testStr）; <br> //返回true </blockquote>任何其他形式的<code>&quot;Kevin&quot;</code>都不匹配。例如，正则表达式<code>/Kevin/</code>将不匹配<code>&quot;kevin&quot;</code>或<code>&quot;KEVIN&quot;</code> 。 <blockquote> let wrongRegex = / kevin /; <br> wrongRegex.test（testStr）; <br> //返回false </blockquote>未来的挑战将展示如何匹配其他形式。 </section>
+
+## Instructions
+<section id="instructions">完成正则表达式<code>waldoRegex</code>在字符串<code>waldoIsHiding</code>使用文字匹配查找<code>&quot;Waldo&quot;</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式<code>waldoRegex</code>应该找到<code>&quot;Waldo&quot;</code>
+    testString: 'assert(waldoRegex.test(waldoIsHiding), "Your regex <code>waldoRegex</code> should find <code>"Waldo"</code>");'
+  - text: 你的正则表达式<code>waldoRegex</code>不应该搜索任何其他内容。
+    testString: 'assert(!waldoRegex.test("Somewhere is hiding in this text."), "Your regex <code>waldoRegex</code> should not search for anything else.");'
+  - text: 您应该与正则表达式执行文字字符串匹配。
+    testString: 'assert(!/\/.*\/i/.test(code), "You should perform a literal string match with your regex.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let waldoIsHiding = "Somewhere Waldo is hiding in this text.";
+let waldoRegex = /search/; // Change this line
+let result = waldoRegex.test(waldoIsHiding);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-non-whitespace-characters.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-non-whitespace-characters.chinese.md
new file mode 100644
index 0000000000..9befd76abb
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-non-whitespace-characters.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db9367417b2b2512ba4
+title: Match Non-Whitespace Characters
+challengeType: 1
+videoUrl: ''
+localeTitle: 匹配非空白字符
+---
+
+## Description
+<section id="description">您学会了使用<code>\s</code>搜索空格，并使用小写<code>s</code> 。您还可以搜索除空格之外的所有内容。使用<code>\S</code>搜索非空格， <code>\S</code>是一个大写的<code>s</code> 。此模式将不匹配空格，回车符，制表符，换页符和换行符。你可以认为它类似于字符类<code>[^ \r\t\f\n\v]</code> 。 <blockquote>让whiteSpace =“空白。到处都是空白！” <br>让nonSpaceRegex = / \ S / g; <br> whiteSpace.match（nonSpaceRegex）。长度; //返回32 </blockquote></section>
+
+## Instructions
+<section id="instructions">更改正则表达式<code>countNonWhiteSpace</code>以在字符串中查找多个非空白字符。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式应该使用全局标志。
+    testString: 'assert(countNonWhiteSpace.global, "Your regex should use the global flag.");'
+  - text: 你的正则表达式应该使用速记字符
+    testString: 'assert(/\\S/.test(countNonWhiteSpace.source), "Your regex should use the shorthand character <code>\S/code> to match all non-whitespace characters.");'
+  - text: 你的正则表达式应该在<code>&quot;Men are from Mars and women are from Venus.&quot;</code>找到35个非空格<code>&quot;Men are from Mars and women are from Venus.&quot;</code>
+    testString: 'assert("Men are from Mars and women are from Venus.".match(countNonWhiteSpace).length == 35, "Your regex should find 35 non-spaces in <code>"Men are from Mars and women are from Venus."</code>");'
+  - text: '你的正则表达式应该在<code>&quot;Space: the final frontier.&quot;</code>找到23个非空格<code>&quot;Space: the final frontier.&quot;</code>'
+    testString: 'assert("Space: the final frontier.".match(countNonWhiteSpace).length == 23, "Your regex should find 23 non-spaces in <code>"Space: the final frontier."</code>");'
+  - text: 你的正则表达式应该在<code>&quot;MindYourPersonalSpace&quot;</code>找到21个非空格
+    testString: 'assert("MindYourPersonalSpace".match(countNonWhiteSpace).length == 21, "Your regex should find 21 non-spaces in <code>"MindYourPersonalSpace"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let sample = "Whitespace is important in separating words";
+let countNonWhiteSpace = /change/; // Change this line
+let result = sample.match(countNonWhiteSpace);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-numbers-and-letters-of-the-alphabet.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-numbers-and-letters-of-the-alphabet.chinese.md
new file mode 100644
index 0000000000..d05f61cc08
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-numbers-and-letters-of-the-alphabet.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db5367417b2b2512b97
+title: Match Numbers and Letters of the Alphabet
+challengeType: 1
+videoUrl: ''
+localeTitle: 匹配数字和字母的字母
+---
+
+## Description
+<section id="description">使用连字符（ <code>-</code> ）匹配一系列字符不仅限于字母。它也适用于匹配一系列数字。例如， <code>/[0-5]/</code>匹配<code>0</code>到<code>5</code>之间的任何数字，包括<code>0</code>和<code>5</code> 。此外，可以在单个字符集中组合一系列字母和数字。 <blockquote>让jennyStr =“Jenny8675309”; <br>让myRegex = / [a-z0-9] / ig; <br> //匹配jennyStr中的所有字母和数字<br> jennyStr.match（myRegex）; </blockquote></section>
+
+## Instructions
+<section id="instructions">创建一个与<code>h</code>和<code>s</code>之间的字母范围匹配的正则表达式，以及介于<code>2</code>和<code>6</code>之间的数字范围。请记住在正则表达式中包含适当的标志。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式<code>myRegex</code>应该匹配17项。
+    testString: 'assert(result.length == 17, "Your regex <code>myRegex</code> should match 17 items.");'
+  - text: 你的正则表达式<code>myRegex</code>应该使用全局标志。
+    testString: 'assert(myRegex.flags.match(/g/).length == 1, "Your regex <code>myRegex</code> should use the global flag.");'
+  - text: 你的正则表达式<code>myRegex</code>应该使用不区分大小写的标志。
+    testString: 'assert(myRegex.flags.match(/i/).length == 1, "Your regex <code>myRegex</code> should use the case insensitive flag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "Blueberry 3.141592653s are delicious.";
+let myRegex = /change/; // Change this line
+let result = myRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-character-with-multiple-possibilities.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-character-with-multiple-possibilities.chinese.md
new file mode 100644
index 0000000000..8ef1ddbd67
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-character-with-multiple-possibilities.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db5367417b2b2512b95
+title: Match Single Character with Multiple Possibilities
+challengeType: 1
+videoUrl: ''
+localeTitle: 将单个角色与多种可能性相匹配
+---
+
+## Description
+<section id="description">您学习了如何匹配文字模式（ <code>/literal/</code> ）和通配符（ <code>/./</code> ）。这些是正则表达式的极端，其中一个找到完全匹配，另一个匹配一切。有两个极端之间可以平衡的选项。您可以使用<code>character classes</code>搜索具有一定灵活性的文字模式。字符类允许您通过将它们放在方括号（ <code>[</code>和<code>]</code> ）括号内来定义要匹配的一组字符。例如，您想匹配<code>&quot;bag&quot;</code> ， <code>&quot;big&quot;</code>和<code>&quot;bug&quot;</code>但不匹配<code>&quot;bog&quot;</code> 。您可以创建regex <code>/b[aiu]g/</code>来执行此操作。 <code>[aiu]</code>是仅匹配字符<code>&quot;a&quot;</code> ， <code>&quot;i&quot;</code>或<code>&quot;u&quot;</code>的字符类。 <blockquote>让bigStr =“大”; <br>让bagStr =“bag”; <br>让bugStr =“bug”; <br>让bogStr =“bog”; <br>让bgRegex = / b [aiu] g /; <br> bigStr.match（bgRegex）; //返回[“大”] <br> bagStr.match（bgRegex）; //返回[“bag”] <br> bugStr.match（bgRegex）; //返回[“bug”] <br> bogStr.match（bgRegex）; //返回null </blockquote></section>
+
+## Instructions
+<section id="instructions">在正则表达式<code>vowelRegex</code>使用带元音（ <code>a</code> ， <code>e</code> ， <code>i</code> ， <code>o</code> ， <code>u</code> ）的字符类来查找字符串<code>quoteSample</code>中的所有元音。 <strong>注意</strong> <br>确保匹配大写和小写元音。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你应该找到所有25个元音。
+    testString: 'assert(result.length == 25, "You should find all 25 vowels.");'
+  - text: 你的正则表达式<code>vowelRegex</code>应该使用一个字符类。
+    testString: 'assert(/\[.*\]/.test(vowelRegex.source), "Your regex <code>vowelRegex</code> should use a character class.");'
+  - text: 你的正则表达式<code>vowelRegex</code>应该使用全局标志。
+    testString: 'assert(vowelRegex.flags.match(/g/).length == 1, "Your regex <code>vowelRegex</code> should use the global flag.");'
+  - text: 你的正则表达式<code>vowelRegex</code>应该使用不区分大小写的标志。
+    testString: 'assert(vowelRegex.flags.match(/i/).length == 1, "Your regex <code>vowelRegex</code> should use the case insensitive flag.");'
+  - text: 你的正则表达式不应该与任何辅音匹配。
+    testString: 'assert(!/[b-df-hj-np-tv-z]/gi.test(result.join()), "Your regex should not match any consonants.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "Beware of bugs in the above code; I have only proved it correct, not tried it.";
+let vowelRegex = /change/; // Change this line
+let result = vowelRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-characters-not-specified.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-characters-not-specified.chinese.md
new file mode 100644
index 0000000000..96ab035515
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-characters-not-specified.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db6367417b2b2512b98
+title: Match Single Characters Not Specified
+challengeType: 1
+videoUrl: ''
+localeTitle: 匹配未指定的单个字符
+---
+
+## Description
+<section id="description">到目前为止，您已创建了一组要匹配的字符，但您也可以创建一组您不想匹配的字符。这些类型的字符集称为<code>negated character sets</code> 。要创建<code>negated character set</code> ，请在<code>caret</code>括号后面和不想匹配的字符前放置一个<code>caret</code> （ <code>^</code> ）。例如， <code>/[^aeiou]/gi</code>匹配所有不是元音的字符。请注意字符之类的<code>.</code> ， <code>!</code> ， <code>[</code> ， <code>@</code> ， <code>/</code>和空格匹配 - 否定元音字符集仅排除元音字符。 </section>
+
+## Instructions
+<section id="instructions">创建一个匹配所有不是数字或元音的字符的正则表达式。请记住在正则表达式中包含适当的标志。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式<code>myRegex</code>应匹配9项。
+    testString: 'assert(result.length == 9, "Your regex <code>myRegex</code> should match 9 items.");'
+  - text: 你的正则表达式<code>myRegex</code>应该使用全局标志。
+    testString: 'assert(myRegex.flags.match(/g/).length == 1, "Your regex <code>myRegex</code> should use the global flag.");'
+  - text: 你的正则表达式<code>myRegex</code>应该使用不区分大小写的标志。
+    testString: 'assert(myRegex.flags.match(/i/).length == 1, "Your regex <code>myRegex</code> should use the case insensitive flag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "3 blind mice.";
+let myRegex = /change/; // Change this line
+let result = myRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-whitespace.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-whitespace.chinese.md
new file mode 100644
index 0000000000..595d79782c
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/match-whitespace.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db8367417b2b2512ba3
+title: Match Whitespace
+challengeType: 1
+videoUrl: ''
+localeTitle: 匹配空白
+---
+
+## Description
+<section id="description">迄今为止的挑战包括匹配的字母和数字字母。您还可以匹配字母之间的空格或空格。您可以使用<code>\s</code>搜索空格，这是一个小写的<code>s</code> 。此模式不仅匹配空格，还匹配回车符，制表符，换页符和换行符。你可以认为它类似于字符类<code>[ \r\t\f\n\v]</code> 。 <blockquote>让whiteSpace =“空白。到处都是空白！” <br>让spaceRegex = / \ s / g; <br> whiteSpace.match（spaceRegex）; <br> //返回[“”，“”] <br></blockquote></section>
+
+## Instructions
+<section id="instructions">更改正则表达式<code>countWhiteSpace</code>以查找字符串中的多个空格字符。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式应该使用全局标志。
+    testString: 'assert(countWhiteSpace.global, "Your regex should use the global flag.");'
+  - text: 你的正则表达式应该使用速记字符
+    testString: 'assert(/\\s/.test(countWhiteSpace.source), "Your regex should use the shorthand character <code>\s</code> to match all whitespace characters.");'
+  - text: 你的正则表达式应该在<code>&quot;Men are from Mars and women are from Venus.&quot;</code>找到八个空格<code>&quot;Men are from Mars and women are from Venus.&quot;</code>
+    testString: 'assert("Men are from Mars and women are from Venus.".match(countWhiteSpace).length == 8, "Your regex should find eight spaces in <code>"Men are from Mars and women are from Venus."</code>");'
+  - text: '你的正则表达式应该在<code>&quot;Space: the final frontier.&quot;</code>找到三个空格<code>&quot;Space: the final frontier.&quot;</code>'
+    testString: 'assert("Space: the final frontier.".match(countWhiteSpace).length == 3, "Your regex should find three spaces in <code>"Space: the final frontier."</code>");'
+  - text: ''
+    testString: 'assert("MindYourPersonalSpace".match(countWhiteSpace) == null, "Your regex should find no spaces in <code>"MindYourPersonalSpace"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let sample = "Whitespace is important in separating words";
+let countWhiteSpace = /change/; // Change this line
+let result = sample.match(countWhiteSpace);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/positive-and-negative-lookahead.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/positive-and-negative-lookahead.chinese.md
new file mode 100644
index 0000000000..9fd27dc587
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/positive-and-negative-lookahead.chinese.md
@@ -0,0 +1,65 @@
+---
+id: 587d7dba367417b2b2512ba9
+title: Positive and Negative Lookahead
+challengeType: 1
+videoUrl: ''
+localeTitle: 积极和消极的前瞻
+---
+
+## Description
+<section id="description"> <code>Lookaheads</code>是一种模式，它告诉JavaScript在字符串中向前看以进一步检查模式。当您想要在同一个字符串上搜索多个模式时，这非常有用。有两种<code>lookaheads</code> ： <code>positive lookahead</code>和<code>negative lookahead</code> 。一个<code>positive lookahead</code>向前看将确保搜索模式中的元素存在，但实际上不匹配它。正向前瞻用作<code>(?=...)</code> ，其中<code>...</code>是不匹配的必需部分。另一方面， <code>negative lookahead</code>将确保搜索模式中的元素不存在。负向前瞻用作<code>(?!...)</code> ，其中<code>...</code>是您不希望在那里的模式。如果不存在负前瞻部分，则返回模式的其余部分。前瞻有点令人困惑，但一些例子会有所帮助。 <blockquote>让quit =“qu”; <br>让noquit =“qt”; <br>让quRegex = / q（？= u）/; <br>让qRegex = / q（？！u）/; <br> quit.match（quRegex）; //返回[“q”] <br> noquit.match（qRegex）; //返回[“q”] </blockquote> <code>lookaheads</code>更实际用途是检查一个字符串中的两个或更多个模式。这是一个（天真）简单的密码检查器，可以查找3到6个字符和至少一个数字： <blockquote> let password =“abc123”; <br>让checkPass = /（？= \ w {3,6}）（？= \ D * \ d）/; <br> checkPass.test（密码）; //返回true </blockquote></section>
+
+## Instructions
+<section id="instructions">使用<code>lookaheads</code>在<code>pwRegex</code>匹配长的时间大于5个字符，并有两个连续的数字密码。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式应该使用两个积极的<code>lookaheads</code> 。
+    testString: 'assert(pwRegex.source.match(/\(\?=.*?\)\(\?=.*?\)/) !== null, "Your regex should use two positive <code>lookaheads</code>.");'
+  - text: 你的正则表达式不应该匹配<code>&quot;astronaut&quot;</code>
+    testString: 'assert(!pwRegex.test("astronaut"), "Your regex should not match <code>"astronaut"</code>");'
+  - text: 你的正则表达式不应该与<code>&quot;airplanes&quot;</code>匹配
+    testString: 'assert(!pwRegex.test("airplanes"), "Your regex should not match <code>"airplanes"</code>");'
+  - text: 你的正则表达式不应该匹配<code>&quot;banan1&quot;</code>
+    testString: 'assert(!pwRegex.test("banan1"), "Your regex should not match <code>"banan1"</code>");'
+  - text: 你的正则表达式应该匹配<code>&quot;bana12&quot;</code>
+    testString: 'assert(pwRegex.test("bana12"), "Your regex should match <code>"bana12"</code>");'
+  - text: 你的正则表达式应该匹配<code>&quot;abc123&quot;</code>
+    testString: 'assert(pwRegex.test("abc123"), "Your regex should match <code>"abc123"</code>");'
+  - text: 你的正则表达式不应该匹配<code>&quot;123&quot;</code>
+    testString: 'assert(!pwRegex.test("123"), "Your regex should not match <code>"123"</code>");'
+  - text: 你的正则表达式不应该匹配<code>&quot;1234&quot;</code>
+    testString: 'assert(!pwRegex.test("1234"), "Your regex should not match <code>"1234"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let sampleWord = "astronaut";
+let pwRegex = /change/; // Change this line
+let result = pwRegex.test(sampleWord);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/remove-whitespace-from-start-and-end.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/remove-whitespace-from-start-and-end.chinese.md
new file mode 100644
index 0000000000..99324defe6
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/remove-whitespace-from-start-and-end.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7dbb367417b2b2512bac
+title: Remove Whitespace from Start and End
+challengeType: 1
+videoUrl: ''
+localeTitle: 从开始和结束中删除空格
+---
+
+## Description
+<section id="description">有时字符串周围的空白字符不是必需的，而是存在的。字符串的典型处理是删除字符串开头和结尾处的空格。 </section>
+
+## Instructions
+<section id="instructions">编写一个正则表达式并使用适当的字符串方法删除字符串开头和结尾的空格。 <strong>注意</strong> <br> <code>.trim()</code>方法可以在这里工作，但您需要使用正则表达式完成此挑战。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>result</code>应该等于<code>&quot;Hello, World!&quot;</code>'
+    testString: 'assert(result == "Hello, World!", "<code>result</code> should equal to <code>"Hello, World!"</code>");'
+  - text: 您不应该使用<code>.trim()</code>方法。
+    testString: 'assert(!code.match(/\.trim\(.*?\)/), "You should not use the <code>.trim()</code> method.");'
+  - text: <code>result</code>变量不应设置为等于字符串。
+    testString: 'assert(!code.match(/result\s*=\s*".*?"/), "The <code>result</code> variable should not be set equal to a string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let hello = "   Hello, World!  ";
+let wsRegex = /change/; // Change this line
+let result = hello; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/restrict-possible-usernames.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/restrict-possible-usernames.chinese.md
new file mode 100644
index 0000000000..aadf9c6621
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/restrict-possible-usernames.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7db8367417b2b2512ba2
+title: Restrict Possible Usernames
+challengeType: 1
+videoUrl: ''
+localeTitle: 限制可能的用户名
+---
+
+## Description
+<section id="description">用户名在互联网上随处可见。它们是用户在自己喜欢的网站上获得独特身份的原因。您需要检查数据库中的所有用户名。以下是用户在创建用户名时必须遵循的一些简单规则。 1）用户名中的唯一数字必须在最后。最后可以有零个或多个。 2）用户名字母可以是小写和大写。 3）用户名必须至少两个字符长。双字母用户名只能使用字母字母。 </section>
+
+## Instructions
+<section id="instructions">更改正则表达式<code>userCheck</code>以适合上面列出的约束。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式应该与<code>JACK</code>匹配
+    testString: 'assert(userCheck.test("JACK"), "Your regex should match <code>JACK</code>");'
+  - text: 你的正则表达式不应该与<code>J</code>匹配
+    testString: 'assert(!userCheck.test("J"), "Your regex should not match <code>J</code>");'
+  - text: 你的正则表达式应该与<code>Oceans11</code>匹配
+    testString: 'assert(userCheck.test("Oceans11"), "Your regex should match <code>Oceans11</code>");'
+  - text: 你的正则表达式应该与<code>RegexGuru</code>匹配
+    testString: 'assert(userCheck.test("RegexGuru"), "Your regex should match <code>RegexGuru</code>");'
+  - text: 你的正则表达式不应该与<code>007</code>匹配
+    testString: 'assert(!userCheck.test("007"), "Your regex should not match <code>007</code>");'
+  - text: 你的正则表达式不应该匹配<code>9</code>
+    testString: 'assert(!userCheck.test("9"), "Your regex should not match <code>9</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let username = "JackOfAllTrades";
+let userCheck = /change/; // Change this line
+let result = userCheck.test(username);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.chinese.md
new file mode 100644
index 0000000000..008d867706
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.chinese.md
@@ -0,0 +1,69 @@
+---
+id: 587d7dbb367417b2b2512baa
+title: Reuse Patterns Using Capture Groups
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用捕获组重用模式
+---
+
+## Description
+<section id="description">您搜索的某些模式将在字符串中多次出现。手动重复该正则表达式是浪费的。有一种更好的方法可以指定何时在字符串中有多个重复子字符串。您可以使用<code>capture groups</code>搜索重复子字符串。括号<code>(</code>和<code>)</code>用于查找重复子串。你把模式的正则表达式重复在括号之间。要指定重复字符串的显示位置，请使用反斜杠（ <code>\</code> ），然后使用数字。此数字从1开始，随着您使用的每个其他捕获组而增加。一个例子是<code>\1</code>来匹配第一组。下面的示例匹配以空格分隔的两次出现的任何单词： <blockquote>让repeatStr =“正则表达式正则表达式”; <br> let repeatRegex = /（\ w +）\ s \ 1 /; <br> repeatRegex.test（repeatStr）; //返回true <br> repeatStr.match（repeatRegex）; //返回[“regex regex”，“regex”] </blockquote>对字符串使用<code>.match()</code>方法将返回一个数组，其中包含与其匹配的字符串及其捕获组。 </section>
+
+## Instructions
+<section id="instructions">在<code>reRegex</code>使用<code>capture groups</code>来匹配在字符串中仅重复三次的数字，每个数字用空格分隔。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式应该使用数字的速记字符类。
+    testString: 'assert(reRegex.source.match(/\\d/), "Your regex should use the shorthand character class for digits.");'
+  - text: 您的正则表达式应该重复使用捕获组两次。
+    testString: 'assert(reRegex.source.match(/\\\d/g).length === 2, "Your regex should reuse the capture group twice.");'
+  - text: 你的正则表达式应该有两个空格来分隔这三个数字。
+    testString: 'assert(reRegex.source.match(/\\s/g).length === 2, "Your regex should have two spaces separating the three numbers.");'
+  - text: 你的正则表达式应该匹配<code>&quot;42 42 42&quot;</code> 。
+    testString: 'assert(reRegex.test("42 42 42"), "Your regex should match <code>"42 42 42"</code>.");'
+  - text: 你的正则表达式应该匹配<code>&quot;100 100 100&quot;</code> 。
+    testString: 'assert(reRegex.test("100 100 100"), "Your regex should match <code>"100 100 100"</code>.");'
+  - text: 你的正则表达式不应该匹配<code>&quot;42 42 42 42&quot;</code> 。
+    testString: 'assert.equal(("42 42 42 42").match(reRegex.source), null, "Your regex should not match <code>"42 42 42 42"</code>.");'
+  - text: 你的正则表达式不应该匹配<code>&quot;42 42&quot;</code> 。
+    testString: 'assert.equal(("42 42").match(reRegex.source), null, "Your regex should not match <code>"42 42"</code>.");'
+  - text: 你的正则表达式不应该匹配<code>&quot;101 102 103&quot;</code> 。
+    testString: 'assert(!reRegex.test("101 102 103"), "Your regex should not match <code>"101 102 103"</code>.");'
+  - text: 你的正则表达式不应该匹配<code>&quot;1 2 3&quot;</code> 。
+    testString: 'assert(!reRegex.test("1 2 3"), "Your regex should not match <code>"1 2 3"</code>.");'
+  - text: 你的正则表达式应匹配<code>&quot;10 10 10&quot;</code> 。
+    testString: 'assert(reRegex.test("10 10 10"), "Your regex should match <code>"10 10 10"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let repeatNum = "42 42 42";
+let reRegex = /change/; // Change this line
+let result = reRegex.test(repeatNum);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-exact-number-of-matches.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-exact-number-of-matches.chinese.md
new file mode 100644
index 0000000000..7b3bd5110b
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-exact-number-of-matches.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7db9367417b2b2512ba7
+title: Specify Exact Number of Matches
+challengeType: 1
+videoUrl: ''
+localeTitle: 指定完全匹配数
+---
+
+## Description
+<section id="description">您可以使用大括号<code>quantity specifiers</code>的较低和较高数量的模式。有时您只需要特定数量的匹配。要指定一定数量的模式，只需在大括号之间放置一个数字。例如，要仅将单词<code>&quot;hah&quot;</code>与字母<code>a</code>匹配<code>3</code>次，您的正则表达式将为<code>/ha{3}h/</code> 。 <blockquote>让A4 =“haaaah”; <br>让A3 =“haaah”; <br>设A100 =“h”+“a”.repeat（100）+“h”; <br> let multipleHA = / ha {3} h /; <br> multipleHA.test（A4）; //返回false <br> multipleHA.test（A3）; //返回true <br> multipleHA.test（A100）; //返回false </blockquote></section>
+
+## Instructions
+<section id="instructions">只有当它有四个字母<code>m</code>时才更改正则表达式<code>timRegex</code>以匹配单词<code>&quot;Timber&quot;</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式应该使用大括号。
+    testString: 'assert(timRegex.source.match(/{.*?}/).length > 0, "Your regex should use curly brackets.");'
+  - text: 你的正则表达式不应该与<code>&quot;Timber&quot;</code>匹配
+    testString: 'assert(!timRegex.test("Timber"), "Your regex should not match <code>"Timber"</code>");'
+  - text: 你的正则表达式不应该匹配<code>&quot;Timmber&quot;</code>
+    testString: 'assert(!timRegex.test("Timmber"), "Your regex should not match <code>"Timmber"</code>");'
+  - text: 你的正则表达式不应该匹配<code>&quot;Timmmber&quot;</code>
+    testString: 'assert(!timRegex.test("Timmmber"), "Your regex should not match <code>"Timmmber"</code>");'
+  - text: 你的正则表达式应该匹配<code>&quot;Timmmmber&quot;</code>
+    testString: 'assert(timRegex.test("Timmmmber"), "Your regex should match <code>"Timmmmber"</code>");'
+  - text: 你的正则表达式不应该与30 <code>m</code>的<code>&quot;Timber&quot;</code>相匹配。
+    testString: 'assert(!timRegex.test("Ti" + "m".repeat(30) + "ber"), "Your regex should not match <code>"Timber"</code> with 30 <code>m</code>\"s in it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let timStr = "Timmmmber";
+let timRegex = /change/; // Change this line
+let result = timRegex.test(timStr);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-only-the-lower-number-of-matches.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-only-the-lower-number-of-matches.chinese.md
new file mode 100644
index 0000000000..115eccc9be
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-only-the-lower-number-of-matches.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db9367417b2b2512ba6
+title: Specify Only the Lower Number of Matches
+challengeType: 1
+videoUrl: ''
+localeTitle: 仅指定较低的匹配数
+---
+
+## Description
+<section id="description">您可以使用大括号<code>quantity specifiers</code>的较低和较高数量的模式。有时您只想指定较低数量的模式而没有上限。要仅指定较少的模式数，请保留第一个数字后跟逗号。例如，要仅匹配字符串<code>&quot;hah&quot;</code>与出现至少<code>3</code>次的字母<code>a</code> ，您的正则表达式将是<code>/ha{3,}h/</code> 。 <blockquote>让A4 =“haaaah”; <br>让A2 =“哈哈”; <br>设A100 =“h”+“a”.repeat（100）+“h”; <br> let multipleA = / ha {3，} h /; <br> multipleA.test（A4）; //返回true <br> multipleA.test（A2）; //返回false <br> multipleA.test（A100）; //返回true </blockquote></section>
+
+## Instructions
+<section id="instructions">只有当它有四个或更多字母<code>z</code>时才更改正则表达式<code>haRegex</code>以匹配单词<code>&quot;Hazzah&quot;</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式应该使用大括号。
+    testString: 'assert(haRegex.source.match(/{.*?}/).length > 0, "Your regex should use curly brackets.");'
+  - text: 你的正则表达式不应该与<code>&quot;Hazzah&quot;</code>匹配
+    testString: 'assert(!haRegex.test("Hazzah"), "Your regex should not match <code>"Hazzah"</code>");'
+  - text: 你的正则表达式不应该与<code>&quot;Hazzzah&quot;</code>匹配
+    testString: 'assert(!haRegex.test("Hazzzah"), "Your regex should not match <code>"Hazzzah"</code>");'
+  - text: 你的正则表达应该匹配<code>&quot;Hazzzzah&quot;</code>
+    testString: 'assert(haRegex.test("Hazzzzah"), "Your regex should match <code>"Hazzzzah"</code>");'
+  - text: 你的正则表达应该匹配<code>&quot;Hazzzzzah&quot;</code>
+    testString: 'assert(haRegex.test("Hazzzzzah"), "Your regex should match <code>"Hazzzzzah"</code>");'
+  - text: 你的正则表达应该匹配<code>&quot;Hazzzzzzah&quot;</code>
+    testString: 'assert(haRegex.test("Hazzzzzzah"), "Your regex should match <code>"Hazzzzzzah"</code>");'
+  - text: 你的正则表达式应该匹配<code>&quot;Hazzah&quot;</code>和30个<code>z</code> 。
+    testString: 'assert(haRegex.test("Ha" + "z".repeat(30) + "ah"), "Your regex should match <code>"Hazzah"</code> with 30 <code>z</code>\"s in it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let haStr = "Hazzzzah";
+let haRegex = /change/; // Change this line
+let result = haRegex.test(haStr);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-upper-and-lower-number-of-matches.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-upper-and-lower-number-of-matches.chinese.md
new file mode 100644
index 0000000000..18079acdfa
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-upper-and-lower-number-of-matches.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db9367417b2b2512ba5
+title: Specify Upper and Lower Number of Matches
+challengeType: 1
+videoUrl: ''
+localeTitle: 指定上下匹配数
+---
+
+## Description
+<section id="description">回想一下，您使用加号<code>+</code>来查找一个或多个字符，使用星号<code>*</code>来查找零个或多个字符。这些很方便，但有时你想要匹配一定范围的模式。您可以使用<code>quantity specifiers</code>模式的下限和上限。数量说明符与大括号（ <code>{</code>和<code>}</code> ）一起使用。您在大括号之间放置了两个数字 - 用于较低和较高的模式数。例如，为了匹配字母<code>&quot;ah&quot;</code>出现<code>3</code>到<code>5</code>次的字母<code>a</code> ，你的正则表达式将是<code>/a{3,5}h/</code> 。 <blockquote>让A4 =“aaaah”; <br>让A2 =“aah”; <br>令multipleA = / a {3,5} h /; <br> multipleA.test（A4）; //返回true <br> multipleA.test（A2）; //返回false </blockquote></section>
+
+## Instructions
+<section id="instructions">更改正则表达式<code>ohRegex</code>以匹配单词<code>&quot;Oh no&quot;</code>中的<code>3</code>到<code>6</code>字母<code>h</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的正则表达式应该使用大括号。
+    testString: 'assert(ohRegex.source.match(/{.*?}/).length > 0, "Your regex should use curly brackets.");'
+  - text: 你的正则表达式不应该匹配<code>&quot;Ohh no&quot;</code>
+    testString: 'assert(!ohRegex.test("Ohh no"), "Your regex should not match <code>"Ohh no"</code>");'
+  - text: 你的正则表达式应该匹配<code>&quot;Ohhh no&quot;</code>
+    testString: 'assert(ohRegex.test("Ohhh no"), "Your regex should match <code>"Ohhh no"</code>");'
+  - text: 你的正则表达式应该匹配<code>&quot;Ohhhh no&quot;</code>
+    testString: 'assert(ohRegex.test("Ohhhh no"), "Your regex should match <code>"Ohhhh no"</code>");'
+  - text: 你的正则表达式应该匹配<code>&quot;Ohhhhh no&quot;</code>
+    testString: 'assert(ohRegex.test("Ohhhhh no"), "Your regex should match <code>"Ohhhhh no"</code>");'
+  - text: 你的正则表达式应该匹配<code>&quot;Ohhhhhh no&quot;</code>
+    testString: 'assert(ohRegex.test("Ohhhhhh no"), "Your regex should match <code>"Ohhhhhh no"</code>");'
+  - text: 你的正则表达式不应该匹配<code>&quot;Ohhhhhhh no&quot;</code>
+    testString: 'assert(!ohRegex.test("Ohhhhhhh no"), "Your regex should not match <code>"Ohhhhhhh no"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let ohStr = "Ohhh no";
+let ohRegex = /change/; // Change this line
+let result = ohRegex.test(ohStr);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/use-capture-groups-to-search-and-replace.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/use-capture-groups-to-search-and-replace.chinese.md
new file mode 100644
index 0000000000..155ba7acca
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/use-capture-groups-to-search-and-replace.chinese.md
@@ -0,0 +1,56 @@
+---
+id: 587d7dbb367417b2b2512bab
+title: Use Capture Groups to Search and Replace
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用捕获组进行搜索和替换
+---
+
+## Description
+<section id="description">搜索很有用。但是，当它也更改（或替换）您匹配的文本时，您可以使搜索功能更强大。您可以在字符串上使用<code>.replace()</code>搜索和替换字符串中的文本。 <code>.replace()</code>的输入首先是您要搜索的正则表达式模式。第二个参数是用于替换匹配的字符串或用于执行某些操作的函数。 <blockquote> let wrongText =“天空是银色的。”; <br>让silverRegex = / silver /; <br> wrongText.replace（silverRegex，“blue”）; <br> //返回“天空是蓝色的”。 </blockquote>您还可以使用美元符号（ <code>$</code> ）访问替换字符串中的捕获组。 <blockquote> “Code Camp”.replace（/（\ w +）\ s（\ w +）/，&#39;$ 2 $ 1&#39;）; <br> //返回“营地代码” </blockquote></section>
+
+## Instructions
+<section id="instructions">写一个正则表达式，以便它搜索字符串<code>&quot;good&quot;</code> 。然后更新<code>replaceText</code>变量，将<code>&quot;good&quot;</code>替换为<code>&quot;okey-dokey&quot;</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您应该使用<code>.replace()</code>来搜索和替换。
+    testString: 'assert(code.match(/\.replace\(.*\)/), "You should use <code>.replace()</code> to search and replace.");'
+  - text: 你的正则表达式应该改变<code>&quot;This sandwich is good.&quot;</code> <code>&quot;This sandwich is okey-dokey.&quot;</code>
+    testString: 'assert(result == "This sandwich is okey-dokey." && replaceText === "okey-dokey", "Your regex should change <code>"This sandwich is good."</code> to <code>"This sandwich is okey-dokey."</code>");'
+  - text: 你不应该改变最后一行。
+    testString: 'assert(code.match(/result\s*=\s*huhText\.replace\(.*?\)/), "You should not change the last line.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let huhText = "This sandwich is good.";
+let fixRegex = /change/; // Change this line
+let replaceText = ""; // Change this line
+let result = huhText.replace(fixRegex, replaceText);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.chinese.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.chinese.md
new file mode 100644
index 0000000000..9f3db92a6d
--- /dev/null
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.chinese.md
@@ -0,0 +1,53 @@
+---
+id: 587d7db3367417b2b2512b8e
+title: Using the Test Method
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用测试方法
+---
+
+## Description
+<section id="description">正则表达式用于编程语言以匹配字符串的一部分。您可以创建模式来帮助您进行匹配。如果你想在字符串<code>&quot;The dog chased the cat&quot;</code>找到单词<code>&quot;the&quot;</code> ，你可以使用以下正则表达式： <code>/the/</code> 。请注意，正则表达式中不需要引号。 JavaScript有多种方法可以使用正则表达式。测试正则表达式的一种方法是使用<code>.test()</code>方法。 <code>.test()</code>方法接受正则表达式，将其应用于字符串（放在括号内），如果模式发现或不存在，则返回<code>true</code>或<code>false</code> 。 <blockquote>让testStr =“freeCodeCamp”; <br>让testRegex = / Code /; <br> testRegex.test（testStr）; <br> //返回true </blockquote></section>
+
+## Instructions
+<section id="instructions">使用<code>.test()</code>方法在字符串<code>myString</code>上应用正则表达式<code>myRegex</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你应该使用<code>.test()</code>来测试正则表达式。
+    testString: 'assert(code.match(/myRegex.test\(\s*myString\s*\)/), "You should use <code>.test()</code> to test the regex.");'
+  - text: 您的结果应该返回<code>true</code> 。
+    testString: 'assert(result === true, "Your result should return <code>true</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myString = "Hello, World!";
+let myRegex = /Hello/;
+let result = myRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/add-elements-within-your-bootstrap-wells.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/add-elements-within-your-bootstrap-wells.chinese.md
new file mode 100644
index 0000000000..6a12c50bc1
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/add-elements-within-your-bootstrap-wells.chinese.md
@@ -0,0 +1,72 @@
+---
+id: bad87fee1348bd9aec908849
+title: Add Elements within Your Bootstrap Wells
+challengeType: 0
+videoUrl: ''
+localeTitle: 在Bootstrap Wells中添加元素
+---
+
+## Description
+<section id="description">现在，我们行的每一列都有几个<code>div</code>元素。这是我们需要去的深度。现在我们可以添加我们的<code>button</code>元素。在每个<code>well</code> <code>div</code>元素中嵌套三个<code>button</code>元素。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 在每个<code>div</code>元素中嵌入三个<code>button</code>元素，并且类<code>well</code> 。
+    testString: 'assert($("div.well:eq(0)").children("button").length === 3 && $("div.well:eq(1)").children("button").length === 3, "Nest three <code>button</code> elements within each of your <code>div</code> elements with class <code>well</code>.");'
+  - text: 你应该总共有6个<code>button</code>元素。
+    testString: 'assert($("button") && $("button").length > 5, "You should have a total of 6 <code>button</code> elements.");'
+  - text: 确保所有<code>button</code>元素都有结束标记。
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+
+
+
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+
+
+
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons.chinese.md
new file mode 100644
index 0000000000..eb3c8cbfc4
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons.chinese.md
@@ -0,0 +1,113 @@
+---
+id: bad87fee1348bd9aedc08845
+title: Add Font Awesome Icons to all of our Buttons
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: 将Font Awesome Icons添加到我们所有的按钮中
+---
+
+## Description
+<section id="description"> Font Awesome是一个方便的图标库。这些图标是矢量图形，以<code>.svg</code>文件格式存储。这些图标就像字体一样对待。您可以使用像素指定其大小，并且它们将采用其父HTML元素的字体大小。使用Font Awesome将<code>info-circle</code>图标添加到信息按钮，将<code>trash</code>图标添加到删除按钮。注意： <code>span</code>元素是下面方向的<code>i</code>元素的可接受替代方法。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您应该在info按钮元素中添加<code>&lt;i class=&quot;fa fa-info-circle&quot;&gt;&lt;/i&gt;</code> 。
+    testString: 'assert($(".btn-info > i").is(".fa.fa-info-circle") || $(".btn-info > span").is(".fa.fa-info-circle"), "You should add a <code>&#60;i class="fa fa-info-circle"&#62;&#60;/i&#62;</code> within your info button element.");'
+  - text: 您应该在删除按钮元素中添加<code>&lt;i class=&quot;fa fa-trash&quot;&gt;&lt;/i&gt;</code> 。
+    testString: 'assert($(".btn-danger > i").is(".fa.fa-trash") || $(".btn-danger > span").is(".fa.fa-trash"), "You should add a <code>&#60;i class="fa fa-trash"&#62;&#60;/i&#62;</code> within your delete button element.");'
+  - text: 确保每个<code>i</code>元素都有一个结束标记， <code>&lt;i class=&quot;fa fa-thumbs-up&quot;&gt;&lt;/i&gt;</code>就在你的按钮元素中。
+    testString: 'assert(code.match(/<\/i>|<\/span/g) && code.match(/<\/i|<\/span>/g).length > 2 && ($(".btn-primary > i").is(".fa.fa-thumbs-up") || $(".btn-primary > span").is(".fa.fa-thumbs-up")), "Make sure each of your <code>i</code> elements has a closing tag and <code>&#60;i class="fa fa-thumbs-up"&#62;&#60;/i&#62;</code> is in your like button element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.chinese.md
new file mode 100644
index 0000000000..e48f2a31b4
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.chinese.md
@@ -0,0 +1,115 @@
+---
+id: bad87fee1348bd9aedd08845
+title: Add Font Awesome Icons to our Buttons
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: 添加字体真棒图标到我们的按钮
+---
+
+## Description
+<section id="description"> Font Awesome是一个方便的图标库。这些图标是矢量图形，以<code>.svg</code>文件格式存储。这些图标就像字体一样对待。您可以使用像素指定其大小，并且它们将采用其父HTML元素的字体大小。您可以在任何应用程序中包含Font Awesome，方法是在HTML的顶部添加以下代码： <code>&lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css&quot; integrity=&quot;sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+&quot; crossorigin=&quot;anonymous&quot;&gt;</code>在这种情况下，我们已经在幕后为您添加了这个页面。 <code>i</code>元素最初用于使其他元素斜体，但现在通常用于图标。您可以将Font Awesome类添加到<code>i</code>元素以将其转换为图标，例如： <code>&lt;i class=&quot;fa fa-info-circle&quot;&gt;&lt;/i&gt;</code>请注意， <code>span</code>元素也可用于图标。使用Font Awesome将一个<code>thumbs-up</code>图标添加到你喜欢的按钮，给它一个带有<code>fa</code>和<code>fa-thumbs-up</code>类的<code>i</code>元素;确保在图标旁边保留“赞”字样。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 使用<code>fa</code>和<code>fa-thumbs-up</code>类添加<code>i</code>元素。
+    testString: 'assert($("i").is(".fa.fa-thumbs-up") || $("span").is(".fa.fa-thumbs-up"), "Add an <code>i</code> element with the classes <code>fa</code> and <code>fa-thumbs-up</code>.");'
+  - text: 您的<code>fa-thumbs-up</code>图标应位于Like按钮内。
+    testString: 'assert(($("i.fa-thumbs-up").parent().text().match(/Like/gi) && $(".btn-primary > i").is(".fa.fa-thumbs-up")) || ($("span.fa-thumbs-up").parent().text().match(/Like/gi) && $(".btn-primary > span").is(".fa.fa-thumbs-up")), "Your <code>fa-thumbs-up</code> icon should be located within the Like button.");'
+  - text: 将您的<code>i</code>元素嵌套在<code>button</code>元素中。
+    testString: 'assert($("button").children("i").length > 0 || $("button").children("span").length > 0, "Nest your <code>i</code> element within your <code>button</code> element.");'
+  - text: 确保您的图标元素具有结束标记。
+    testString: 'assert(code.match(/<\/i>|<\/span>/g), "Make sure your icon element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/add-id-attributes-to-bootstrap-elements.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/add-id-attributes-to-bootstrap-elements.chinese.md
new file mode 100644
index 0000000000..a62d0501e7
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/add-id-attributes-to-bootstrap-elements.chinese.md
@@ -0,0 +1,70 @@
+---
+id: bad87fee1348bd9aec908853
+title: Add id Attributes to Bootstrap Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: 将id属性添加到Bootstrap元素
+---
+
+## Description
+<section id="description">回想一下，除了类属性之外，您还可以为每个元素赋予一个<code>id</code>属性。每个id必须对特定元素是唯一的，并且每页只使用一次。让我们给一个唯一的ID给我们每一个的<code>div</code>类的元素<code>well</code> 。请记住，你可以给一个元素这样的id： <code>&lt;div class=&quot;well&quot; id=&quot;center-well&quot;&gt;</code>给<code>left-well</code> 。给<code>right-well</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 给你留下<code>well</code>的id <code>left-well</code> 。
+    testString: 'assert($(".col-xs-6").children("#left-well") && $(".col-xs-6").children("#left-well").length > 0, "Give your left <code>well</code> the id of <code>left-well</code>.");'
+  - text: 给您的权利<code>well</code>的ID <code>right-well</code> 。
+    testString: 'assert($(".col-xs-6").children("#right-well") && $(".col-xs-6").children("#right-well").length > 0, "Give your right <code>well</code> the id of <code>right-well</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/apply-the-default-bootstrap-button-style.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/apply-the-default-bootstrap-button-style.chinese.md
new file mode 100644
index 0000000000..fcc8a826ec
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/apply-the-default-bootstrap-button-style.chinese.md
@@ -0,0 +1,71 @@
+---
+id: bad87fee1348bd9aec908850
+title: Apply the Default Bootstrap Button Style
+challengeType: 0
+guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/apply-the-default-bootstrap-button-style'
+videoUrl: ''
+localeTitle: 应用默认引导按钮样式
+---
+
+## Description
+<section id="description"> Bootstrap有另一个名为<code>btn-default</code>按钮类。将<code>btn</code>和<code>btn-default</code>类同时应用于每个<code>button</code>元素。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 将<code>btn</code>类应用于每个<code>button</code>元素。
+    testString: 'assert($(".btn").length > 5, "Apply the <code>btn</code> class to each of your <code>button</code> elements.");'
+  - text: 将<code>btn-default</code>类应用于每个<code>button</code>元素。
+    testString: 'assert($(".btn-default").length > 5, "Apply the <code>btn-default</code> class to each of your <code>button</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+        <button></button>
+        <button></button>
+        <button></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+        <button></button>
+        <button></button>
+        <button></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/call-out-optional-actions-with-btn-info.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/call-out-optional-actions-with-btn-info.chinese.md
new file mode 100644
index 0000000000..5a8ce09872
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/call-out-optional-actions-with-btn-info.chinese.md
@@ -0,0 +1,113 @@
+---
+id: bad87fee1348cd8acef08813
+title: Call out Optional Actions with btn-info
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用btn-info调出可选操作
+---
+
+## Description
+<section id="description"> Bootstrap带有几种预定义的按钮颜色。 <code>btn-info</code>类用于引起对用户可以采取的可选操作的注意。使用文本“Info”在“Like”按钮下创建一个新的块级Bootstrap按钮，并向其添加Bootstrap的<code>btn-info</code>和<code>btn-block</code>类。请注意，这些按钮仍然需要<code>btn</code>和<code>btn-block</code>类。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 使用文本“Info”创建一个新的<code>button</code>元素。
+    testString: 'assert(new RegExp("info","gi").test($("button").text()), "Create a new <code>button</code> element with the text "Info".");'
+  - text: 两个Bootstrap按钮都应该有<code>btn</code>和<code>btn-block</code>类。
+    testString: 'assert($("button.btn-block.btn").length > 1, "Both of your Bootstrap buttons should have the <code>btn</code> and <code>btn-block</code> classes.");'
+  - text: 你的新按钮应该有类<code>btn-info</code> 。
+    testString: 'assert($("button").hasClass("btn-info"), "Your new button should have the class <code>btn-info</code>.");'
+  - text: 确保所有<code>button</code>元素都有一个结束标记。
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-block btn-primary">Like</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/center-text-with-bootstrap.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/center-text-with-bootstrap.chinese.md
new file mode 100644
index 0000000000..8d8c13763c
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/center-text-with-bootstrap.chinese.md
@@ -0,0 +1,108 @@
+---
+id: bad87fee1348bd8acde08812
+title: Center Text with Bootstrap
+challengeType: 0
+videoUrl: ''
+localeTitle: 中心文本与引导程序
+---
+
+## Description
+<section id="description">现在我们正在使用Bootstrap，我们可以将我们的标题元素集中在一起，使其看起来更好。我们需要做的就是将类<code>text-center</code>添加到我们的<code>h2</code>元素中。请记住，您可以通过用空格分隔每个类来为同一个元素添加几个类，如下所示： <code>&lt;h2 class=&quot;red-text text-center&quot;&gt;your text&lt;/h2&gt;</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 应用类<code>text-center</code>应该使<code>h2</code>元素居中
+    testString: 'assert($("h2").hasClass("text-center"), "Your <code>h2</code> element should be centered by applying the class <code>text-center</code>");'
+  - text: 您的<code>h2</code>元素仍应具有类<code>red-text</code>
+    testString: 'assert($("h2").hasClass("red-text"), "Your <code>h2</code> element should still have the class <code>red-text</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-a-block-element-bootstrap-button.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-a-block-element-bootstrap-button.chinese.md
new file mode 100644
index 0000000000..05f5f34227
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-a-block-element-bootstrap-button.chinese.md
@@ -0,0 +1,111 @@
+---
+id: bad87fee1348cd8acef08812
+title: Create a Block Element Bootstrap Button
+challengeType: 0
+videoUrl: ''
+localeTitle: 创建一个块元素引导按钮
+---
+
+## Description
+<section id="description">通常，具有<code>btn</code>和<code>btn-default</code>类的<code>button</code>元素仅与它们包含的文本一样宽。例如： <code>&lt;button class=&quot;btn btn-default&quot;&gt;Submit&lt;/button&gt;</code>此按钮只能与“提交”一词一样宽。 <button class="btn btn-default">提交</button>通过使用附加的<code>btn-block</code>类来阻止元素，您的按钮将拉伸以填充页面的整个水平空间，其后面的任何元素将流到块下方的“新行”。 <code>&lt;button class=&quot;btn btn-default btn-block&quot;&gt;Submit&lt;/button&gt;</code>此按钮占用可用宽度的100％。 <button class="btn btn-default btn-block">提交</button>请注意，这些按钮仍需要<code>btn</code>类。将Bootstrap的<code>btn-block</code>类添加到Bootstrap按钮。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的按钮应该仍然有<code>btn</code>和<code>btn-default</code>类。
+    testString: 'assert($("button").hasClass("btn") && $("button").hasClass("btn-default"), "Your button should still have the <code>btn</code> and <code>btn-default</code> classes.");'
+  - text: 你的按钮应该有类<code>btn-block</code> 。
+    testString: 'assert($("button").hasClass("btn-block"), "Your button should have the class <code>btn-block</code>.");'
+  - text: 确保所有<code>button</code>元素都有一个结束标记。
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-default">Like</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-a-bootstrap-button.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-a-bootstrap-button.chinese.md
new file mode 100644
index 0000000000..2b4ded3f6c
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-a-bootstrap-button.chinese.md
@@ -0,0 +1,111 @@
+---
+id: bad87fee1348cd8acdf08812
+title: Create a Bootstrap Button
+challengeType: 0
+videoUrl: ''
+localeTitle: 创建一个Bootstrap按钮
+---
+
+## Description
+<section id="description"> Bootstrap有自己的<code>button</code>元素样式，看起来比纯HTML样式好得多。在您的大型小猫照片下方创建一个新的<code>button</code>元素。给它<code>btn</code>和<code>btn-default</code>类，以及“Like”的文本。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 使用文本“Like”创建一个新的<code>button</code>元素。
+    testString: 'assert(new RegExp("like","gi").test($("button").text()) && ($("img.img-responsive + button.btn").length > 0), "Create a new <code>button</code> element with the text "Like".");'
+  - text: 你的新按钮应该有两个类： <code>btn</code>和<code>btn-default</code> 。
+    testString: 'assert($("button").hasClass("btn") && $("button").hasClass("btn-default"), "Your new button should have two classes: <code>btn</code> and <code>btn-default</code>.");'
+  - text: 确保所有<code>button</code>元素都有一个结束标记。
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-a-bootstrap-headline.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-a-bootstrap-headline.chinese.md
new file mode 100644
index 0000000000..7c9e143f87
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-a-bootstrap-headline.chinese.md
@@ -0,0 +1,57 @@
+---
+id: bad87fee1348bd9aec908846
+title: Create a Bootstrap Headline
+challengeType: 0
+videoUrl: ''
+localeTitle: 创建一个Bootstrap标题
+---
+
+## Description
+<section id="description">现在让我们从头开始构建一些东西来练习我们的HTML，CSS和Bootstrap技能。我们将构建一个jQuery游戏，我们很快将在jQuery挑战中使用它。首先，使用文本<code>jQuery Playground</code>创建一个<code>h3</code>元素。使用<code>text-primary</code> Bootstrap类为<code>h3</code>元素着色，并将其与<code>text-center</code> Bootstrap类<code>text-center</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 在页面中添加<code>h3</code>元素。
+    testString: 'assert($("h3") && $("h3").length > 0, "Add a <code>h3</code> element to your page.");'
+  - text: 确保您的<code>h3</code>元素具有结束标记。
+    testString: 'assert(code.match(/<\/h3>/g) && code.match(/<h3/g) && code.match(/<\/h3>/g).length === code.match(/<h3/g).length, "Make sure your <code>h3</code> element has a closing tag.");'
+  - text: 应该使用<code>text-primary</code>类来对你的<code>h3</code>元素进行着色
+    testString: 'assert($("h3").hasClass("text-primary"), "Your <code>h3</code> element should be colored by applying the class <code>text-primary</code>");'
+  - text: 应用类<code>text-center</code>应该使<code>h3</code>元素居中
+    testString: 'assert($("h3").hasClass("text-center"), "Your <code>h3</code> element should be centered by applying the class <code>text-center</code>");'
+  - text: 你的<code>h3</code>元素应该有<code>jQuery Playground</code>文本。
+    testString: 'assert.isTrue((/jquery(\s)+playground/gi).test($("h3").text()), "Your <code>h3</code> element should have the text <code>jQuery Playground</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-a-bootstrap-row.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-a-bootstrap-row.chinese.md
new file mode 100644
index 0000000000..90f5fb257f
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-a-bootstrap-row.chinese.md
@@ -0,0 +1,59 @@
+---
+id: bad87fee1348bd9bec908846
+title: Create a Bootstrap Row
+challengeType: 0
+videoUrl: ''
+localeTitle: 创建一个Bootstrap行
+---
+
+## Description
+<section id="description">现在我们将为内联元素创建一个Bootstrap行。在<code>h3</code>标记下创建一个<code>div</code>元素，其中包含一个<code>row</code>类。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 在<code>h3</code>元素下面添加一个<code>div</code>元素。
+    testString: 'assert(($("div").length > 1) && ($("div.row h3.text-primary").length == 0) && ($("div.row + h3.text-primary").length == 0) && ($("h3.text-primary + div.row").length > 0), "Add a <code>div</code> element below your <code>h3</code> element.");'
+  - text: 你的<code>div</code>元素应该有类<code>row</code>
+    testString: 'assert($("div").hasClass("row"), "Your <code>div</code> element should have the class <code>row</code>");'
+  - text: 你的<code>row div</code>应该嵌套在<code>container-fluid div</code>
+    testString: 'assert($("div.container-fluid div.row").length > 0, "Your <code>row div</code> should be nested inside the <code>container-fluid div</code>");'
+  - text: 确保你的<code>div</code>元素有一个结束标记。
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure your <code>div</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-a-class-to-target-with-jquery-selectors.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-a-class-to-target-with-jquery-selectors.chinese.md
new file mode 100644
index 0000000000..141123802d
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-a-class-to-target-with-jquery-selectors.chinese.md
@@ -0,0 +1,68 @@
+---
+id: bad87fee1348bd9aec908852
+title: Create a Class to Target with jQuery Selectors
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用jQuery选择器创建一个目标类
+---
+
+## Description
+<section id="description">并非每个类都需要具有相应的CSS。有时我们创建类只是为了使用jQuery更容易地选择这些元素。为每个<code>button</code>元素提供类<code>target</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 将<code>target</code>类应用于每个<code>button</code>元素。
+    testString: 'assert($(".target").length > 5, "Apply the <code>target</code> class to each of your <code>button</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-a-custom-heading.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-a-custom-heading.chinese.md
new file mode 100644
index 0000000000..827523b6f5
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-a-custom-heading.chinese.md
@@ -0,0 +1,109 @@
+---
+id: bad87fee1348bd9aede08845
+title: Create a Custom Heading
+challengeType: 0
+videoUrl: ''
+localeTitle: 创建自定义标题
+---
+
+## Description
+<section id="description">我们将通过将标题和放松的猫图像放在同一行中，为我们的Cat Photo App制作一个简单的标题。请记住，Bootstrap使用响应式网格系统，可以轻松地将元素放入行中并指定每个元素的相对宽度。 Bootstrap的大多数类都可以应用于<code>div</code>元素。将第一个图像和<code>h2</code>元素嵌套在一个<code>&lt;div class=&quot;row&quot;&gt;</code>元素中。将您的<code>h2</code>元素嵌套在<code>&lt;div class=&quot;col-xs-8&quot;&gt;</code>并将您的图像<code>&lt;div class=&quot;col-xs-4&quot;&gt;</code>以便它们位于同一行。请注意图像现在的大小是否适合文本？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>h2</code>元素和最顶层的<code>img</code>元素都应该在带有类<code>row</code>的<code>div</code>元素中嵌套在一起。
+    testString: 'assert($("div.row:has(h2)").length > 0 && $("div.row:has(img)").length > 0, "Your <code>h2</code> element and topmost <code>img</code> element should both be nested together within a <code>div</code> element with the class <code>row</code>.");'
+  - text: 使用类<code>col-xs-4</code>将最顶层的<code>img</code>元素嵌套在<code>div</code> 。
+    testString: 'assert($("div.col-xs-4:has(img)").length > 0 && $("div.col-xs-4:has(div)").length === 0, "Nest your topmost <code>img</code> element within a <code>div</code> with the class <code>col-xs-4</code>.");'
+  - text: 使用类<code>col-xs-8</code>将<code>h2</code>元素嵌套在<code>div</code> 。
+    testString: 'assert($("div.col-xs-8:has(h2)").length > 0 && $("div.col-xs-8:has(div)").length === 0, "Nest your <code>h2</code> element within a <code>div</code> with the class <code>col-xs-8</code>.");'
+  - text: 确保每个<code>div</code>元素都有一个结束标记。
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="text-primary text-center">CatPhotoApp</h2>
+
+  <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-bootstrap-wells.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-bootstrap-wells.chinese.md
new file mode 100644
index 0000000000..9fe2f7905a
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/create-bootstrap-wells.chinese.md
@@ -0,0 +1,64 @@
+---
+id: bad87fee1348bd9aec908848
+title: Create Bootstrap Wells
+challengeType: 0
+videoUrl: ''
+localeTitle: 创建Bootstrap Wells
+---
+
+## Description
+<section id="description"> Bootstrap有一个名为<code>well</code>的类，可以为列创建视觉深度感。巢一个<code>div</code>与类元素<code>well</code>内每个的<code>col-xs-6</code> <code>div</code>元素。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 添加一个<code>div</code>与类元素<code>well</code>内部的每个的<code>div</code>与类元素<code>&quot;col-xs-6&quot;</code>
+    testString: 'assert($("div.col-xs-6").not(":has(>div.well)").length < 1, "Add a <code>div</code> element with the class <code>well</code> inside each of your <code>div</code> elements with the class <code>"col-xs-6"</code>");'
+  - text: 巢既您的<code>div</code>与类元素<code>&quot;col-xs-6&quot;</code>你中<code>div</code>与类元素<code>&quot;row&quot;</code> 。
+    testString: 'assert($("div.row > div.col-xs-6").length > 1, "Nest both of your <code>div</code> elements with the class <code>"col-xs-6"</code> within your <code>div</code> element with the class <code>"row"</code>.");'
+  - text: 确保所有<code>div</code>元素都有结束标记。
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure all your <code>div</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+
+    </div>
+    <div class="col-xs-6">
+
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/ditch-custom-css-for-bootstrap.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/ditch-custom-css-for-bootstrap.chinese.md
new file mode 100644
index 0000000000..f0a8ce0840
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/ditch-custom-css-for-bootstrap.chinese.md
@@ -0,0 +1,125 @@
+---
+id: bad87fee1347bd9aedf08845
+title: Ditch Custom CSS for Bootstrap
+challengeType: 0
+videoUrl: ''
+localeTitle: Ditch Custom CSS for Bootstrap
+---
+
+## Description
+<section id="description">我们可以使用Bootstrap的内置样式代替我们之前创建的自定义样式来清理代码并使我们的Cat Photo App看起来更加传统。别担心 - 以后会有足够的时间来定制CSS。从<code>style</code>元素中删除<code>.smaller-image</code> <code>.red-text</code> ， <code>p</code>和<code>.smaller-image</code> CSS声明，以便<code>style</code>元素中剩下的唯一声明是<code>h2</code>和<code>thick-green-border</code> 。然后删除包含死链接的<code>p</code>元素。然后从<code>h2</code>元素中删除<code>red-text</code>类，并将其替换为<code>text-primary</code> Bootstrap类。最后，从第一个<code>img</code>元素中删除“small-image”类，并将其替换为<code>img-responsive</code>类。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的h2元素不应该有<code>red-text</code>类。
+    testString: 'assert(!$("h2").hasClass("red-text"), "Your h2 element should no longer have the class <code>red-text</code>.");'
+  - text: 您的h2元素现在应该具有<code>text-primary</code>类。
+    testString: 'assert($("h2").hasClass("text-primary"), "Your h2 element should now have the class <code>text-primary</code>.");'
+  - text: 您的段落元素不应再使用<code>Monospace</code> 。
+    testString: 'assert(!$("p").css("font-family").match(/monospace/i), "Your paragraph elements should no longer use the font <code>Monospace</code>.");'
+  - text: 从顶部图像中删除<code>smaller-image</code>类。
+    testString: 'assert(!$("img").hasClass("smaller-image"), "Remove the <code>smaller-image</code> class from your top image.");'
+  - text: 将<code>img-responsive</code>类添加到您的顶部图像。
+    testString: 'assert($(".img-responsive").length > 1, "Add the <code>img-responsive</code> class to your top image.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/give-each-element-a-unique-id.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/give-each-element-a-unique-id.chinese.md
new file mode 100644
index 0000000000..b71a0f639c
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/give-each-element-a-unique-id.chinese.md
@@ -0,0 +1,80 @@
+---
+id: bad87fee1348bd9aec908855
+title: Give Each Element a Unique id
+challengeType: 0
+videoUrl: ''
+localeTitle: 为每个元素赋予唯一ID
+---
+
+## Description
+<section id="description">我们还希望能够使用jQuery通过其唯一ID来定位每个按钮。每个按钮提供一个唯一的ID，从<code>target1</code> ，结束时用<code>target6</code> 。确保<code>target1</code>到<code>target3</code>在<code>#left-well</code> ，而<code>target4</code>到<code>target6</code>在<code>#right-well</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 一个<code>button</code>元素应该具有id <code>target1</code> 。
+    testString: 'assert($("#left-well").children("#target1") && $("#left-well").children("#target1").length > 0, "One <code>button</code> element should have the id <code>target1</code>.");'
+  - text: 一个<code>button</code>元素应该具有id <code>target2</code> 。
+    testString: 'assert($("#left-well").children("#target2") && $("#left-well").children("#target2").length > 0, "One <code>button</code> element should have the id <code>target2</code>.");'
+  - text: 一个<code>button</code>元素应该具有id <code>target3</code> 。
+    testString: 'assert($("#left-well").children("#target3") && $("#left-well").children("#target3").length > 0, "One <code>button</code> element should have the id <code>target3</code>.");'
+  - text: 一个<code>button</code>元素应该具有id <code>target4</code> 。
+    testString: 'assert($("#right-well").children("#target4") && $("#right-well").children("#target4").length > 0, "One <code>button</code> element should have the id <code>target4</code>.");'
+  - text: 一个<code>button</code>元素应该具有id <code>target5</code> 。
+    testString: 'assert($("#right-well").children("#target5") && $("#right-well").children("#target5").length > 0, "One <code>button</code> element should have the id <code>target5</code>.");'
+  - text: 一个<code>button</code>元素应该具有id <code>target6</code> 。
+    testString: 'assert($("#right-well").children("#target6") && $("#right-well").children("#target6").length > 0, "One <code>button</code> element should have the id <code>target6</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.chinese.md
new file mode 100644
index 0000000000..beaa706e80
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.chinese.md
@@ -0,0 +1,54 @@
+---
+id: bad87fee1348bd9aec908746
+title: House our page within a Bootstrap container-fluid div
+challengeType: 0
+videoUrl: ''
+localeTitle: 将我们的页面放在Bootstrap容器 - 流体div中
+---
+
+## Description
+<section id="description">现在让我们确保您网页上的所有内容都是移动响应式的。让我们使用类<code>container-fluid</code>将<code>h3</code>元素嵌套在<code>div</code>元素<code>container-fluid</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>div</code>元素应该有class <code>container-fluid</code> 。
+    testString: 'assert($("div").hasClass("container-fluid"), "Your <code>div</code> element should have the class <code>container-fluid</code>.");'
+  - text: 确保每个<code>div</code>元素都有一个结束标记。
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+  - text: 将<code>h3</code>元素<code>div</code>元素中。
+    testString: 'assert($("div").children("h3").length >0, "Nest your <code>h3</code> element inside a <code>div</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h3 class="text-primary text-center">jQuery Playground</h3>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/label-bootstrap-buttons.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/label-bootstrap-buttons.chinese.md
new file mode 100644
index 0000000000..7baeaef511
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/label-bootstrap-buttons.chinese.md
@@ -0,0 +1,80 @@
+---
+id: bad87fee1348bd9aec908856
+title: Label Bootstrap Buttons
+challengeType: 0
+videoUrl: ''
+localeTitle: 标签引导按钮
+---
+
+## Description
+<section id="description">就像我们标记了我们的井，我们想要标记我们的按钮。为每个<code>button</code>元素提供与其<code>id</code>的选择器对应的文本。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '给你的<code>button</code>元素id为<code>target1</code>文本<code>#target1</code> 。'
+    testString: 'assert(new RegExp("#target1","gi").test($("#target1").text()), "Give your <code>button</code> element with the id <code>target1</code> the text <code>#target1</code>.");'
+  - text: '给你的<code>button</code>元素id为<code>target2</code>文本<code>#target2</code> 。'
+    testString: 'assert(new RegExp("#target2","gi").test($("#target2").text()), "Give your <code>button</code> element with the id <code>target2</code> the text <code>#target2</code>.");'
+  - text: '给你的<code>button</code>元素id为<code>target3</code>文本<code>#target3</code> 。'
+    testString: 'assert(new RegExp("#target3","gi").test($("#target3").text()), "Give your <code>button</code> element with the id <code>target3</code> the text <code>#target3</code>.");'
+  - text: '给你的<code>button</code>元素id为<code>target4</code>文本<code>#target4</code> 。'
+    testString: 'assert(new RegExp("#target4","gi").test($("#target4").text()), "Give your <code>button</code> element with the id <code>target4</code> the text <code>#target4</code>.");'
+  - text: '给你的<code>button</code>元素id为<code>target5</code>文本<code>#target5</code> 。'
+    testString: 'assert(new RegExp("#target5","gi").test($("#target5").text()), "Give your <code>button</code> element with the id <code>target5</code> the text <code>#target5</code>.");'
+  - text: '使用id <code>target6</code>为您的<code>button</code>元素提供文本<code>#target6</code> 。'
+    testString: 'assert(new RegExp("#target6","gi").test($("#target6").text()), "Give your <code>button</code> element with the id <code>target6</code> the text <code>#target6</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1"></button>
+        <button class="btn btn-default target" id="target2"></button>
+        <button class="btn btn-default target" id="target3"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4"></button>
+        <button class="btn btn-default target" id="target5"></button>
+        <button class="btn btn-default target" id="target6"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/label-bootstrap-wells.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/label-bootstrap-wells.chinese.md
new file mode 100644
index 0000000000..da5b6cc34c
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/label-bootstrap-wells.chinese.md
@@ -0,0 +1,76 @@
+---
+id: bad87fee1348bd9aec908854
+title: Label Bootstrap Wells
+challengeType: 0
+videoUrl: ''
+localeTitle: 标签Bootstrap Wells
+---
+
+## Description
+<section id="description">为了清楚起见，我们用它们的ID标记我们的两个井。在左侧井的上方，在其<code>col-xs-6</code> <code>div</code>元素内，添加一个带有文本<code>#left-well</code>的<code>h4</code>元素。在右侧井上方，在其<code>col-xs-6</code> <code>div</code>元素内，添加一个带有文本<code>#right-well</code>的<code>h4</code>元素。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 在每个<code>&lt;div class=&quot;col-xs-6&quot;&gt;</code>元素中添加一个<code>h4</code>元素。
+    testString: 'assert($(".col-xs-6").children("h4") && $(".col-xs-6").children("h4").length > 1, "Add an <code>h4</code> element to each of your <code>&#60;div class="col-xs-6"&#62;</code> elements.");'
+  - text: '一个<code>h4</code>元素应该有<code>#left-well</code>文本。'
+    testString: 'assert(new RegExp("#left-well","gi").test($("h4").text()), "One <code>h4</code> element should have the text <code>#left-well</code>.");'
+  - text: '一个<code>h4</code>元素应该有<code>#right-well</code>文本。'
+    testString: 'assert(new RegExp("#right-well","gi").test($("h4").text()), "One <code>h4</code> element should have the text <code>#right-well</code>.");'
+  - text: 确保所有<code>h4</code>元素都有结束标记。
+    testString: 'assert(code.match(/<\/h4>/g) && code.match(/<h4/g) && code.match(/<\/h4>/g).length === code.match(/<h4/g).length, "Make sure all your <code>h4</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+
+      <div class="well" id="left-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+
+      <div class="well" id="right-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.chinese.md
new file mode 100644
index 0000000000..4fff140b66
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.chinese.md
@@ -0,0 +1,130 @@
+---
+id: bad87fee1348bd9aec908845
+title: Line up Form Elements Responsively with Bootstrap
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用Bootstrap响应表单元素
+---
+
+## Description
+<section id="description">现在让我们将您的表单<code>input</code>和提交<code>button</code>放在同一行。我们将做到这一点，我们以前有相同的方式：通过使用<code>div</code>元素带班<code>row</code> ，和其他<code>div</code>使用中它的元素<code>col-xs-*</code>类。将表单的文本<code>input</code>和提交<code>button</code>嵌套在具有类<code>row</code>的<code>div</code> 。将表单的文本<code>input</code>嵌套在具有<code>col-xs-7</code>类的div中。将表单的提交<code>button</code> <code>div</code>具有类<code>col-xs-5</code>的<code>div</code> 。这是我们目前为Cat Photo App所做的最后一项挑战。我们希望您喜欢学习Font Awesome，Bootstrap和响应式设计！ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 将表单提交按钮和文本输入嵌套在带有类<code>row</code>的div中。
+    testString: 'assert($("div.row:has(input[type=\"text\"])").length > 0 &&  $("div.row:has(button[type=\"submit\"])").length > 0, "Nest your form submission button and text input in a div with class <code>row</code>.");'
+  - text: 将表单文本输入嵌套在具有类<code>col-xs-7</code>的div中。
+    testString: 'assert($("div.col-xs-7:has(input[type=\"text\"])").length > 0, "Nest your form text input in a div with the class <code>col-xs-7</code>.");'
+  - text: 将表单提交按钮嵌套在具有类<code>col-xs-5</code>的div中。
+    testString: 'assert($("div.col-xs-5:has(button[type=\"submit\"])").length > 0, "Nest your form submission button in a div with the class <code>col-xs-5</code>.");'
+  - text: 确保每个<code>div</code>元素都有一个结束标记。
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <div class="row">
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+      </div>
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Loving</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Lazy</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Crazy</label>
+      </div>
+    </div>
+    <input type="text" class="form-control" placeholder="cat photo URL" required>
+    <button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/make-images-mobile-responsive.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/make-images-mobile-responsive.chinese.md
new file mode 100644
index 0000000000..210a702144
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/make-images-mobile-responsive.chinese.md
@@ -0,0 +1,113 @@
+---
+id: bad87fee1348bd9acde08812
+title: Make Images Mobile Responsive
+challengeType: 0
+videoUrl: ''
+localeTitle: 使图像移动响应
+---
+
+## Description
+<section id="description">首先，在现有图像下方添加新图像。将其<code>src</code>属性设置为<code>https://bit.ly/fcc-running-cats</code> 。如果这个图像可以正好是我们手机屏幕的宽度，那就太好了。幸运的是，使用Bootstrap，我们需要做的就是将<code>img-responsive</code>类添加到您的图像中。这样做，图像应完全适合您的页面宽度。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你应该总共有两个图像。
+    testString: 'assert($("img").length === 2, "You should have a total of two images.");'
+  - text: 您的新图像应该低于旧图像并且具有<code>img-responsive</code>类。
+    testString: 'assert($("img:eq(1)").hasClass("img-responsive"), "Your new image should be below your old one and have the class <code>img-responsive</code>.");'
+  - text: 您的新图片不应该具有<code>smaller-image</code>类。
+    testString: 'assert(!$("img:eq(1)").hasClass("smaller-image"), "Your new image should not have the class <code>smaller-image</code>.");'
+  - text: '您的新图片应该具有<code>https://bit.ly/fcc-running-cats</code>的<code>src</code> 。'
+    testString: 'assert($("img:eq(1)").attr("src") === "https://bit.ly/fcc-running-cats", "Your new image should have a <code>src</code> of <code>https&#58;//bit.ly/fcc-running-cats</code>.");'
+  - text: 确保新的<code>img</code>元素具有关闭角括号。
+    testString: 'assert(code.match(/<img/g) && code.match(/<img[^<]*>/g).length === 2 && code.match(/<img/g).length === 2, "Make sure your new <code>img</code> element has a closing angle bracket.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/responsively-style-checkboxes.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/responsively-style-checkboxes.chinese.md
new file mode 100644
index 0000000000..006714aa14
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/responsively-style-checkboxes.chinese.md
@@ -0,0 +1,120 @@
+---
+id: bad87fee1348bd9aeda08845
+title: Responsively Style Checkboxes
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: 响应式样式复选框
+---
+
+## Description
+<section id="description">您也可以在<code>form</code>元素上使用Bootstrap的<code>col-xs-*</code>类！这样，无论屏幕分辨率有多宽，我们的复选框都会均匀分布在整个页面上。将所有三个复选框嵌套在<code>&lt;div class=&quot;row&quot;&gt;</code>元素中。然后将它们嵌套在<code>&lt;div class=&quot;col-xs-4&quot;&gt;</code>元素中。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 将所有复选框<code>div</code>带有类<code>row</code> <code>div</code> 。
+    testString: 'assert($("div.row:has(input[type=\"checkbox\"])").length > 0, "Nest all of your checkboxes inside one <code>div</code> with the class <code>row</code>.");'
+  - text: 使用类<code>col-xs-4</code>将每个复选框嵌入其自己的<code>div</code> 。
+    testString: 'assert($("div.col-xs-4:has(input[type=\"checkbox\"])").length > 2, "Nest each of your checkboxes inside its own <code>div</code> with the class <code>col-xs-4</code>.");'
+  - text: 确保每个<code>div</code>元素都有一个结束标记。
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <div class="row">
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+      </div>
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+      </div>
+    </div>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/responsively-style-radio-buttons.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/responsively-style-radio-buttons.chinese.md
new file mode 100644
index 0000000000..5ab6cdb00e
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/responsively-style-radio-buttons.chinese.md
@@ -0,0 +1,113 @@
+---
+id: bad87fee1348bd9aedb08845
+title: Responsively Style Radio Buttons
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: 响应样式单选按钮
+---
+
+## Description
+<section id="description">您也可以在<code>form</code>元素上使用Bootstrap的<code>col-xs-*</code>类！这样，无论屏幕分辨率有多宽，我们的单选按钮都会均匀分布在整个页面上。将您的单选按钮嵌套在<code>&lt;div class=&quot;row&quot;&gt;</code>元素中。然后将它们嵌套在<code>&lt;div class=&quot;col-xs-6&quot;&gt;</code>元素中。 <strong>注意：</strong>作为提醒，单选按钮是<code>radio</code>类型的<code>input</code>元素。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 将所有单选按钮<code>div</code>具有类<code>row</code>一个<code>div</code> 。
+    testString: 'assert($("div.row:has(input[type=\"radio\"])").length > 0, "Nest all of your radio buttons inside one <code>div</code> with the class <code>row</code>.");'
+  - text: 使用类<code>col-xs-6</code>将每个单选按钮嵌套在自己的<code>div</code> 。
+    testString: 'assert($("div.col-xs-6:has(input[type=\"radio\"])").length > 1, "Nest each of your radio buttons inside its own <code>div</code> with the class <code>col-xs-6</code>.");'
+  - text: 确保每个<code>div</code>元素都有一个结束标记。
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/split-your-bootstrap-row.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/split-your-bootstrap-row.chinese.md
new file mode 100644
index 0000000000..d470c6e763
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/split-your-bootstrap-row.chinese.md
@@ -0,0 +1,58 @@
+---
+id: bad87fee1348bd9aec908847
+title: Split Your Bootstrap Row
+challengeType: 0
+videoUrl: ''
+localeTitle: 拆分你的Bootstrap行
+---
+
+## Description
+<section id="description">现在我们有了一个Bootstrap Row，让我们把它分成两列来容纳我们的元素。使用类<code>col-xs-6</code>在行中创建两个<code>div</code>元素。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 在<code>div class=&quot;row&quot;</code>元素中嵌套两个<code>div class=&quot;col-xs-6&quot;</code>元素。
+    testString: 'assert($("div.row > div.col-xs-6").length > 1, "Nest two <code>div class="col-xs-6"</code> elements within your <code>div class="row"</code> element.");'
+  - text: 确保所有<code>div</code>元素都有结束标记。
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure all your <code>div</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+
+
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/style-text-inputs-as-form-controls.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/style-text-inputs-as-form-controls.chinese.md
new file mode 100644
index 0000000000..904ee69fff
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/style-text-inputs-as-form-controls.chinese.md
@@ -0,0 +1,130 @@
+---
+id: bad87fee1348bd9aed908845
+title: Style Text Inputs as Form Controls
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: 样式文本输入作为表单控件
+---
+
+## Description
+<section id="description">您可以通过在提交<code>button</code>元素中添加<code>&lt;i class=&quot;fa fa-paper-plane&quot;&gt;&lt;/i&gt;</code>来添加<code>fa-paper-plane</code> Font Awesome图标。为表单的文本输入字段提供一组<code>form-control</code> 。给你的表单提交按钮<code>btn btn-primary</code> 。同时为此按钮提供<code>fa-paper-plane</code>的Font Awesome图标。具有类<code>.form-control</code>所有文本<code>&lt;input&gt;</code> ， <code>&lt;textarea&gt;</code>和<code>&lt;select&gt;</code>元素的宽度均为100％。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 在表单中提交<code>btn btn-primary</code>类的提交按钮。
+    testString: 'assert($("button[type=\"submit\"]").hasClass("btn btn-primary"), "Give the submit button in your form the classes <code>btn btn-primary</code>.");'
+  - text: 在提交<code>button</code>元素中添加<code>&lt;i class=&quot;fa fa-paper-plane&quot;&gt;&lt;/i&gt;</code> 。
+    testString: 'assert($("button[type=\"submit\"]:has(i.fa.fa-paper-plane)").length > 0, "Add a <code>&#60;i class="fa fa-paper-plane"&#62;&#60;/i&#62;</code> within your submit <code>button</code> element.");'
+  - text: 在表单中<code>input</code>文本<code>input</code>类<code>form-control</code> 。
+    testString: 'assert($("input[type=\"text\"]").hasClass("form-control"), "Give the text <code>input</code> in your form the class <code>form-control</code>.");'
+  - text: 确保每个<code>i</code>元素都有一个结束标记。
+    testString: 'assert(code.match(/<\/i>/g) && code.match(/<\/i/g).length > 3, "Make sure each of your <code>i</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <div class="row">
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+      </div>
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Loving</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Lazy</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Crazy</label>
+      </div>
+    </div>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.chinese.md
new file mode 100644
index 0000000000..882861d70e
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.chinese.md
@@ -0,0 +1,111 @@
+---
+id: bad87fee1348cd8acef08811
+title: Taste the Bootstrap Button Color Rainbow
+challengeType: 0
+videoUrl: ''
+localeTitle: 品尝Bootstrap按钮彩虹
+---
+
+## Description
+<section id="description"> <code>btn-primary</code>类是您将在应用中使用的主要颜色。它可用于突出显示您希望用户执行的操作。在按钮中用<code>btn-primary</code>替换Bootstrap的<code>btn-default</code>类。请注意，此按钮仍需要<code>btn</code>和<code>btn-block</code>类。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的按钮应该有<code>btn-primary</code>类。
+    testString: 'assert($("button").hasClass("btn-primary"), "Your button should have the class <code>btn-primary</code>.");'
+  - text: 你的按钮应该仍然有<code>btn</code>和<code>btn-block</code>类。
+    testString: 'assert($("button").hasClass("btn-block") && $("button").hasClass("btn"), "Your button should still have the <code>btn</code> and <code>btn-block</code> classes.");'
+  - text: 确保所有<code>button</code>元素都有一个结束标记。
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-default btn-block">Like</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/use-a-span-to-target-inline-elements.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/use-a-span-to-target-inline-elements.chinese.md
new file mode 100644
index 0000000000..47ff628884
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/use-a-span-to-target-inline-elements.chinese.md
@@ -0,0 +1,110 @@
+---
+id: bad87fee1348bd9aedf08845
+title: Use a span to Target Inline Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用跨度来定位内联元素
+---
+
+## Description
+<section id="description">您可以使用跨度来创建内联元素。还记得我们使用<code>btn-block</code>类使按钮填满整行吗？ <button class="btn" style="background-color: rgb(0, 100, 0);  color: rgb(255, 255, 255);">普通按钮</button> <button class="btn btn-block" style="background-color: rgb(0, 100, 0);  color: rgb(255, 255, 255);">btn-block按钮</button>说明“内联”元素和“块”元素之间的区别。通过使用内联<code>span</code>元素，您可以将多个元素放在同一行上，甚至可以不同地为同一行的不同部分设置样式。在<code>span</code>元素中的“Things cats love”元素中嵌入“love”这个词。然后给出<code>span</code>类<code>text-danger</code>以使文本变为红色。以下是你如何使用“猫讨厌的三件事”元素： <code>&lt;p&gt;Top 3 things cats &lt;span class=&quot;text-danger&quot;&gt;hate:&lt;/span&gt;&lt;/p&gt;</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>span</code>元素应该在你的<code>p</code>元素中。
+    testString: 'assert($("p span") && $("p span").length > 0, "Your <code>span</code> element should be inside your <code>p</code> element.");'
+  - text: 你的<code>span</code>元素应该只有文字<code>love</code> 。
+    testString: 'assert($("p span") && $("p span").text().match(/love/i) && !$("p span").text().match(/Things cats/i), "Your <code>span</code> element should have just the text <code>love</code>.");'
+  - text: 你的<code>span</code>元素应该有class <code>text-danger</code> 。
+    testString: 'assert($("span").hasClass("text-danger"), "Your <code>span</code> element should have class <code>text-danger</code>.");'
+  - text: 确保您的<code>span</code>元素具有结束标记。
+    testString: 'assert(code.match(/<\/span>/g) && code.match(/<span/g) && code.match(/<\/span>/g).length === code.match(/<span/g).length, "Make sure your <code>span</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <h2 class="text-primary text-center">CatPhotoApp</h2>
+
+  <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/use-comments-to-clarify-code.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/use-comments-to-clarify-code.chinese.md
new file mode 100644
index 0000000000..8ff60a87c8
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/use-comments-to-clarify-code.chinese.md
@@ -0,0 +1,76 @@
+---
+id: bad87fee1348bd9aec908857
+title: Use Comments to Clarify Code
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用注释来澄清代码
+---
+
+## Description
+<section id="description">当我们开始使用jQuery时，我们将修改HTML元素，而无需在HTML中实际更改它们。让我们确保每个人都知道他们不应该直接修改任何代码。请记住，您可以使用<code>&lt;!--</code>开始发表评论并使用<code>--&gt;</code>在HTML顶部添加评论“ <code>Only change code above this line.</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 在HTML的顶部用<code>&lt;!--</code>开始评论。
+    testString: 'assert(code.match(/^\s*<!--/), "Start a comment with <code>&#60;!--</code> at the top of your HTML.");'
+  - text: 您的评论应该包含<code>Only change code above this line</code>的文本。
+    testString: 'assert(code.match(/<!--(?!(>|->|.*-->.*this line))\s*.*this line.*\s*-->/gi), "Your comment should have the text <code>Only change code above this line</code>.");'
+  - text: 请务必使用<code>--&gt;</code>关闭您的评论。
+    testString: 'assert(code.match(/-->.*\n+.+/g), "Be sure to close your comment with <code>--&#62;</code>.");'
+  - text: 你应该有相同数量的评论开启者和关闭者。
+    testString: 'assert(code.match(/<!--/g).length === code.match(/-->/g).length, "You should have the same number of comment openers and closers.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.chinese.md
new file mode 100644
index 0000000000..2b5d03fe71
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.chinese.md
@@ -0,0 +1,107 @@
+---
+id: bad87fee1348bd9acde08712
+title: Use Responsive Design with Bootstrap Fluid Containers
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用具有Bootstrap Fluid Containers的响应式设计
+---
+
+## Description
+<section id="description">在freeCodeCamp的HTML5和CSS部分，我们构建了一个Cat Photo App。现在让我们回到它。这一次，我们将使用流行的Bootstrap响应式CSS框架来设计它。 Bootstrap将通过调整HTML元素的大小来确定屏幕的宽度和响应 - 因此称为<code>Responsive Design</code> 。通过响应式设计，您无需设计网站的移动版本。在具有任何宽度的屏幕的设备上看起来都很好。您可以通过将以下代码添加到HTML顶部来将Bootstrap添加到任何应用程序： <code>&lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css&quot; integrity=&quot;sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u&quot; crossorigin=&quot;anonymous&quot;/&gt;</code>在这种情况下，我们已经在幕后为您添加了这个页面。请注意，使用<code>&gt;</code>或<code>/&gt;</code>关闭<code>link</code>标记是可以接受的。首先，我们应该将所有HTML（ <code>link</code>标签和<code>style</code>元素除外）嵌套在带有<code>container-fluid</code>类的<code>div</code>元素<code>container-fluid</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>div</code>元素应该有class <code>container-fluid</code> 。
+    testString: 'assert($("div").hasClass("container-fluid"), "Your <code>div</code> element should have the class <code>container-fluid</code>.");'
+  - text: 确保你的<code>div</code>元素有一个结束标记。
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure your <code>div</code> element has a closing tag.");'
+  - text: 确保在<code>.container-fluid</code>的结束<code>style</code>标记之后嵌套了所有HTML元素。
+    testString: 'assert($(".container-fluid").children().length >= 8, "Make sure you have nested all HTML elements after the closing <code>style</code> tag in <code>.container-fluid</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+
+<p>Click here for <a href="#">cat photos</a>.</p>
+
+<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+<p>Things cats love:</p>
+<ul>
+  <li>cat nip</li>
+  <li>laser pointers</li>
+  <li>lasagna</li>
+</ul>
+<p>Top 3 things cats hate:</p>
+<ol>
+  <li>flea treatment</li>
+  <li>thunder</li>
+  <li>other cats</li>
+</ol>
+<form action="/submit-cat-photo">
+  <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+  <label><input type="checkbox" name="personality"> Loving</label>
+  <label><input type="checkbox" name="personality"> Lazy</label>
+  <label><input type="checkbox" name="personality"> Crazy</label>
+  <input type="text" placeholder="cat photo URL" required>
+  <button type="submit">Submit</button>
+</form>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.chinese.md
new file mode 100644
index 0000000000..564ebd82ff
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.chinese.md
@@ -0,0 +1,115 @@
+---
+id: bad88fee1348ce8acef08815
+title: Use the Bootstrap Grid to Put Elements Side By Side
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用Bootstrap网格并排放置元素
+---
+
+## Description
+<section id="description"> Bootstrap使用响应式12列网格系统，可以轻松地将元素放入行中并指定每个元素的相对宽度。 Bootstrap的大多数类都可以应用于<code>div</code>元素。 Bootstrap具有不同的列宽属性，具体取决于用户屏幕的宽度。例如，手机屏幕较窄，笔记本电脑屏幕较宽。以Bootstrap的<code>col-md-*</code>类为例。这里， <code>md</code>表示中等， <code>*</code>是指定元素应该有多少列的数字。在这种情况下，正在指定中型屏幕（例如笔记本电脑）上的元素的列宽。在我们正在构建的Cat照片应用程序中，我们将使用<code>col-xs-*</code> ，其中<code>xs</code>表示超小（如超小型手机屏幕）， <code>*</code>是指示列宽多少列的列数元素应该是。通过将所有三个嵌套在一个<code>&lt;div class=&quot;row&quot;&gt;</code>元素中，然后将它们中的每一个<code>&lt;div class=&quot;col-xs-4&quot;&gt;</code>元素中，将<code>Like</code> ， <code>Info</code>和<code>Delete</code>按钮并排放置。 <code>row</code>类应用于<code>div</code> ，按钮本身可以嵌套在其中。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的按钮应全部嵌套在具有类<code>row</code>的同一<code>div</code>元素中。
+    testString: 'assert($("div.row:has(button)").length > 0, "Your buttons should all be nested within the same <code>div</code> element with the class <code>row</code>.");'
+  - text: 每个Bootstrap按钮都应嵌套在自己的<code>div</code>元素中，类别为<code>col-xs-4</code> 。
+    testString: 'assert($("div.col-xs-4:has(button)").length > 2, "Each of your Bootstrap buttons should be nested within its own <code>div</code> element with the class <code>col-xs-4</code>.");'
+  - text: 确保每个<code>button</code>元素都有一个结束标记。
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure each of your <code>button</code> elements has a closing tag.");'
+  - text: 确保每个<code>div</code>元素都有一个结束标记。
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-block btn-primary">Like</button>
+  <button class="btn btn-block btn-info">Info</button>
+  <button class="btn btn-block btn-danger">Delete</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/warn-your-users-of-a-dangerous-action-with-btn-danger.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/warn-your-users-of-a-dangerous-action-with-btn-danger.chinese.md
new file mode 100644
index 0000000000..2e33575821
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/warn-your-users-of-a-dangerous-action-with-btn-danger.chinese.md
@@ -0,0 +1,114 @@
+---
+id: bad87fee1348ce8acef08814
+title: Warn Your Users of a Dangerous Action with btn-danger
+challengeType: 0
+videoUrl: ''
+localeTitle: 用btn-danger警告你的危险行为用户
+---
+
+## Description
+<section id="description"> Bootstrap带有几种预定义的按钮颜色。 <code>btn-danger</code>类是用于通知用户按钮执行破坏性操作的按钮颜色，例如删除猫照片。创建一个带有“删除”文本的按钮，并为其提供类<code>btn-danger</code> 。请注意，这些按钮仍然需要<code>btn</code>和<code>btn-block</code>类。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 创建一个带有“删除”文本的新<code>button</code>元素。
+    testString: 'assert(new RegExp("Delete","gi").test($("button").text()), "Create a new <code>button</code> element with the text "Delete".");'
+  - text: 你的所有Bootstrap按钮都应该有<code>btn</code>和<code>btn-block</code>类。
+    testString: 'assert($("button.btn-block.btn").length > 2, "All of your Bootstrap buttons should have the <code>btn</code> and <code>btn-block</code> classes.");'
+  - text: 你的新按钮应该有类<code>btn-danger</code> 。
+    testString: 'assert($("button").hasClass("btn-danger"), "Your new button should have the class <code>btn-danger</code>.");'
+  - text: 确保所有<code>button</code>元素都有一个结束标记。
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-block btn-primary">Like</button>
+  <button class="btn btn-block btn-info">Info</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.chinese.md
new file mode 100644
index 0000000000..8e234df866
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.chinese.md
@@ -0,0 +1,38 @@
+---
+id: 587d7dbc367417b2b2512bae
+title: Build a Drum Machine
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: 建立鼓机
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/MJyNMd" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/MJyNMd</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS，Bootstrap，SASS，React，Redux和jQuery的任意组合来完成此项目。您应该使用前端框架（例如React），因为本节是关于学习前端框架的。不建议使用上面未列出的其他技术，使用它们的风险由您自行承担。我们正在寻求支持其他前端框架，如Angular和Vue，但目前不支持它们。我们将接受并尝试修复所有使用建议的技术堆栈的问题报告。快乐的编码！ <strong>用户故事＃1：</strong>我应该能够看到一个带有相应<code>id=&quot;drum-machine&quot;</code>的外部容器，其中包含所有其他元素。 <strong>用户故事＃2：</strong>在<code>#drum-machine</code>我可以看到一个具有相应<code>id=&quot;display&quot;</code>的元素。 <strong>用户故事＃3：</strong>在<code>#drum-machine</code>我可以看到9个可点击的鼓垫元素，每个鼓垫元素都有一个<code>drum-pad</code>的类名，一个唯一的id描述了鼓垫将被设置为触发的音频片段，以及一个内部与键盘上的以下键之一对应的文本：Q，W，E，A，S，D，Z，X，C。鼓垫必须按此顺序排列。 <strong>用户故事＃4：</strong>在每个<code>.drum-pad</code> ，应该有一个HTML5 <code>audio</code>其具有元件<code>src</code>指向音频剪辑，一个类名称属性<code>clip</code> ，以及对应于其父的内文本的ID <code>.drum-pad</code> （例如<code>id=&quot;Q&quot;</code> ， <code>id=&quot;W&quot;</code> ， <code>id=&quot;E&quot;</code>等）。 <strong>用户故事＃5：</strong>当我点击<code>.drum-pad</code>元素时，应该触发其子<code>audio</code>元素中包含的音频剪辑。 <strong>用户故事＃6：</strong>当我按下与每个<code>.drum-pad</code>相关联的触发键时，应触发其子<code>audio</code>元素中包含的音频剪辑（例如，按下Q键应触发包含字符串“Q”的鼓垫，按下W键应触发包含字符串“W”等的鼓垫。 <strong>用户故事＃7：</strong>当触发<code>.drum-pad</code> ，描述相关音频剪辑的字符串将显示为<code>#display</code>元素的内部文本（每个字符串必须是唯一的）。您可以通过分叉<a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.chinese.md
new file mode 100644
index 0000000000..5307c97c5e
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd17
+title: Build a JavaScript Calculator
+challengeType: 3
+isRequired: true
+videoUrl: ''
+localeTitle: 构建JavaScript计算器
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/wgGVVX" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/wgGVVX</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS，Bootstrap，SASS，React，Redux和jQuery的任意组合来完成此项目。您应该使用前端框架（例如React），因为本节是关于学习前端框架的。不建议使用上面未列出的其他技术，使用它们的风险由您自行承担。我们正在寻求支持其他前端框架，如Angular和Vue，但目前不支持它们。我们将接受并尝试修复所有使用建议的技术堆栈的问题报告。快乐的编码！ <strong>用户故事＃1：</strong>我的计算器应包含一个可点击的元素，其中包含<code>=</code> （等号），对应的<code>id=&quot;equals&quot;</code> 。 <strong>用户故事＃2：</strong>我的计算器应该包含10个可点击的元素，每个元素包含一个0-9的数字，并带有以下相应的ID： <code>id=&quot;zero&quot;</code> ， <code>id=&quot;one&quot;</code> ， <code>id=&quot;two&quot;</code> ， <code>id=&quot;three&quot;</code> ， <code>id=&quot;four&quot;</code> ， <code>id=&quot;five&quot;</code> ， <code>id=&quot;six&quot;</code> ， <code>id=&quot;seven&quot;</code> ， <code>id=&quot;eight&quot;</code> ， <code>id=&quot;nine&quot;</code> 。 <strong>用户故事＃3：</strong>我的计算器应该包含4个可点击的元素，每个元素包含4个主要数学运算符之一，并带有以下相应的ID： <code>id=&quot;add&quot;</code> ， <code>id=&quot;subtract&quot;</code> ， <code>id=&quot;multiply&quot;</code> ， <code>id=&quot;divide&quot;</code> 。 <strong>用户故事＃4：</strong>我的计算器应该包含一个包含a的可点击元素<code>.</code> （小数点）符号，对应<code>id=&quot;decimal&quot;</code> 。 <strong>用户故事＃5：</strong>我的计算器应包含一个<code>id=&quot;clear&quot;</code>的可点击元素。 <strong>用户故事＃6：</strong>我的计算器应包含一个元素，用于显示具有相应<code>id=&quot;display&quot;</code> 。 <strong>用户故事＃7：</strong>任何时候，按清除按钮清除输入和输出值，并将计算器返回到初始化状态; 0应该显示在id为<code>display</code>的元素中。 <strong>用户故事＃8：</strong>当我输入数字时，我应该能够在<code>display</code> id的元素中看到我的输入。 <strong>用户故事＃9：</strong>无论如何，我应该能够对任意长度的数字链进行加，减，乘和除，当我点击<code>=</code> ，正确的结果应显示在带有<code>display</code> id的元素中。 <strong>用户故事＃10：</strong>输入数字时，我的计算器不应允许数字以多个零开头。 <strong>用户故事＃11：</strong>单击小数元素时，a <code>.</code>应附加到当前显示的值;二<code>.</code>一个号码不应被接受。 <strong>用户故事＃12：</strong>我应该能够对包含小数点的数字执行任何操作（+， - ，*，/）。 <strong>用户故事＃13：</strong>如果连续输入2个或更多操作员，则执行的操作应该是最后输入的操作员。 <strong>用户故事＃14：</strong>紧跟在<code>=</code>按操作员应该开始一个新计算，该计算对先前评估的结果进行操作。 <strong>用户故事＃15：</strong>我的计算器应有的精度几位小数，当谈到四舍五入（注意，目前还没有确切的标准，但你应该能够处理这样的计算<code>2 / 7</code>合理精确到至少4位小数） 。 <strong>关于计算器逻辑的注意事项：</strong>应该注意的是，计算器输入逻辑有两种主要的思想流派： <dfn>立即执行逻辑</dfn>和<dfn>公式逻辑</dfn> 。我们的示例使用公式逻辑并遵守操作优先顺序，而立即执行则不然。两者都是可以接受的，但请注意，根据您的选择，您的计算器可能会产生与我们的计算结果不同的某些公式（参见下面的示例）。只要您的数学可以通过其他生产计算器进行验证，请不要将此视为错误。 <strong>示例：</strong> <code>3 + 5 x 6 - 2 / 4 =</code> <br><ul><li> <strong>立即执行逻辑：</strong> <code>11.5</code> </li><li> <strong>公式/表达式逻辑：</strong> <code>32.5</code> </li></ul>您可以通过分叉<a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.chinese.md
new file mode 100644
index 0000000000..4f2d2bb286
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7157d8c242eddfaeb5bd13
+title: Build a Markdown Previewer
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: 构建Markdown预览器
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/GrZVVO" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/GrZVVO</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS，Bootstrap，SASS，React，Redux和jQuery的任意组合来完成此项目。您应该使用前端框架（例如React），因为本节是关于学习前端框架的。不建议使用上面未列出的其他技术，使用它们的风险由您自行承担。我们正在寻求支持其他前端框架，如Angular和Vue，但目前不支持它们。我们将接受并尝试修复所有使用建议的技术堆栈的问题报告。快乐的编码！ <strong>用户故事＃1：</strong>我可以看到一个带有相应<code>id=&quot;editor&quot;</code>的<code>textarea</code>元素。 <strong>用户故事＃2：</strong>我可以看到一个具有相应<code>id=&quot;preview&quot;</code>的元素。 <strong>用户故事＃3：</strong>当我文本输入到<code>#editor</code>元件，所述<code>#preview</code>如I型显示textarea的内容元素被更新。 <strong>用户故事＃4：</strong>当我在<code>#editor</code>元素中输入GitHub风格的markdown时，文本在我输入的<code>#preview</code>元素中呈现为HTML（提示：您不需要自己解析Markdown  - 您可以导入Marked库为此： <a href="https://cdnjs.com/libraries/marked" target="_blank">https</a> ： <a href="https://cdnjs.com/libraries/marked" target="_blank">//cdnjs.com/libraries/marked</a> ）。 <strong>用户故事＃5：</strong>当我的降价预览器首次加载时， <strong>＃</strong> <code>#editor</code>字段中的默认文本应包含有效的markdown，它至少代表以下每个元素之一：标题（H1大小），子标题（H2大小） ，链接，内联代码，代码块，列表项，块引用，图像和粗体文本。 <strong>用户故事＃6：</strong>首次加载我的降价预览器时， <strong>＃</strong> <code>#editor</code>字段中的默认降价应该在<code>#preview</code>元素中呈现为HTML。 <strong>可选的奖励（您不需要进行此测试通过）：</strong>我的降价预览器解释回车并将它们呈现为<code>br</code> （换行符）元素。您可以通过分叉<a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.chinese.md
new file mode 100644
index 0000000000..1c98b8653b
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd0f
+title: Build a Pomodoro Clock
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: 建立一个番茄钟
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/XpKrrW" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/XpKrrW</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS，Bootstrap，SASS，React，Redux和jQuery的任意组合来完成此项目。您应该使用前端框架（例如React），因为本节是关于学习前端框架的。不建议使用上面未列出的其他技术，使用它们的风险由您自行承担。我们正在寻求支持其他前端框架，如Angular和Vue，但目前不支持它们。我们将接受并尝试修复所有使用建议的技术堆栈的问题报告。快乐的编码！ <strong>用户故事＃1：</strong>我可以看到一个<code>id=&quot;break-label&quot;</code>的元素，其中包含一个字符串（例如“Break Length”）。 <strong>用户故事＃2：</strong>我可以看到一个<code>id=&quot;session-label&quot;</code>的元素，其中包含一个字符串（例如“Session Length”）。 <strong>用户故事＃3：</strong>我可以看到两个具有相应ID的可点击元素： <code>id=&quot;break-decrement&quot;</code>和<code>id=&quot;session-decrement&quot;</code> 。 <strong>用户故事＃4：</strong>我可以看到两个具有相应ID的可点击元素： <code>id=&quot;break-increment&quot;</code>和<code>id=&quot;session-increment&quot;</code> 。 <strong>用户故事＃5：</strong>我可以看到一个具有相应<code>id=&quot;break-length&quot;</code>的元素，默认情况下（加载时）显示值5. <strong>用户故事＃6：</strong>我可以看到一个元素具有相应的<code>id=&quot;session-length&quot;</code> ，默认情况下显示值25. <strong>用户故事＃7：</strong>我可以看到一个具有相应<code>id=&quot;timer-label&quot;</code>的元素，其中包含一个表示会话已初始化的字符串（例如”Session“） 。 <strong>用户故事＃8：</strong>我可以看到一个对应<code>id=&quot;time-left&quot;</code>的元素。注意：暂停或运行时，此字段中的值应始终以<code>mm:ss</code>格式显示（即25:00）。 <strong>用户故事＃9：</strong>我可以看到一个具有相应<code>id=&quot;start_stop&quot;</code>的可点击元素。 <strong>用户故事＃10：</strong>我可以看到一个具有相应<code>id=&quot;reset&quot;</code>的可点击元素。 <strong>用户故事＃11：</strong>当我单击id为<code>reset</code>的元素时，应该停止任何正在运行的计时器， <code>id=&quot;break-length&quot;</code>的值应该返回<code>5</code> ， <code>id=&quot;session-length&quot;</code>应该返回到25，并且<code>id=&quot;time-left&quot;</code>的元素应该重置为它的默认状态。 <strong>用户故事＃12：</strong>当我单击id为<code>break-decrement</code>的元素时， <code>id=&quot;break-length&quot;</code>的值会减1，我可以看到更新后的值。 <strong>用户故事＃13：</strong>当我单击id为<code>break-increment</code>的元素时， <code>id=&quot;break-length&quot;</code>的值会增加1，我可以看到更新后的值。 <strong>用户故事＃14：</strong>当我单击<code>session-decrement</code> id的元素时， <code>id=&quot;session-length&quot;</code>的值减1，我可以看到更新后的值。 <strong>用户故事＃15：</strong>当我单击<code>session-increment</code>为id的元素时， <code>id=&quot;session-length&quot;</code>的值会增加1，我可以看到更新后的值。 <strong>用户故事＃16：</strong>我不能将会话或休息长度设置为&lt;= 0. <strong>用户故事＃17：</strong>我不能将会话或休息时间设置为&gt; 60. <strong>用户故事＃18：</strong>当我首先单击<code>id=&quot;start_stop&quot;</code>的元素，计时器应该从当前显示在<code>id=&quot;session-length&quot;</code>的值开始运行，即使该值已经从原始值25递增或递减。 <strong>用户故事＃19 ：</strong>如果计时器正在运行，则id为<code>time-left</code>的元素应以<code>mm:ss</code>格式显示剩余时间（递减值1并每1000ms更新一次显示）。 <strong>用户故事＃20：</strong>如果计时器正在运行并且我单击<code>id=&quot;start_stop&quot;</code>的元素，倒计时应该暂停。 <strong>用户故事＃21：</strong>如果计时器暂停，我点击<code>id=&quot;start_stop&quot;</code>的元素，倒计时应该从暂停时恢复运行。 <strong>用户故事＃22：</strong>当会话倒计时到达零（注意：计时器必须达到00:00），并开始新的倒计时时，id为<code>timer-label</code>的元素应该显示一个表示休息已开始的字符串。 <strong>用户故事＃23：</strong>当会话倒计时到达零时（注意：计时器必须达到00:00），应该开始新的中断倒计时，从当前显示在<code>id=&quot;break-length&quot;</code>元素中的值开始倒计时。 <strong>用户故事＃24：</strong>当休息倒计时到达零（注意：计时器必须达到00:00），并开始新的倒计时时，id为<code>timer-label</code>的元素应显示一个表示会话已开始的字符串。 <strong>用户故事＃25：</strong>当休息倒计时到达零时（注意：计时器必须达到00:00），应开始新的会话倒计时，从当前显示在<code>id=&quot;session-length&quot;</code>元素中的值开始倒计时。 <strong>用户故事＃26：</strong>当倒计时到零时（注意：计时器必须达到00:00），应播放表示时间到了的声音。这应该使用HTML5 <code>audio</code>标签并具有相应的<code>id=&quot;beep&quot;</code> 。 <strong>用户故事＃27：</strong> <code>id=&quot;beep&quot;</code>的音频元素必须为1秒或更长。 <strong>用户故事＃28：</strong> id为<code>beep</code>的音频元素必须停止播放，并在单击具有<code>reset</code> id的元素时重绕到开头。您可以通过分叉<a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.chinese.md
new file mode 100644
index 0000000000..ad1f525edb
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd13
+title: Build a Random Quote Machine
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: 建立一个随机报价机
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/qRZeGZ" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/qRZeGZ</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS，Bootstrap，SASS，React，Redux和jQuery的任意组合来完成此项目。您应该使用前端框架（例如React），因为本节是关于学习前端框架的。不建议使用上面未列出的其他技术，使用它们的风险由您自行承担。我们正在寻求支持其他前端框架，如Angular和Vue，但目前不支持它们。我们将接受并尝试修复所有使用建议的技术堆栈的问题报告。快乐的编码！ <strong>用户故事＃1：</strong>我可以看到一个包含相应<code>id=&quot;quote-box&quot;</code>的包装元素。 <strong>用户故事＃2：</strong>在<code>#quote-box</code> ，我可以看到一个具有相应<code>id=&quot;text&quot;</code>的元素。 <strong>用户故事＃3：</strong>在<code>#quote-box</code> ，我可以看到一个具有相应<code>id=&quot;author&quot;</code>的元素。 <strong>用户故事＃4：</strong>在<code>#quote-box</code> ，我可以看到一个具有相应<code>id=&quot;new-quote&quot;</code>的可点击元素。 <strong>用户故事＃5：</strong>在<code>#quote-box</code> ，我可以看到一个可点击的<codea< code="">具有相应<code>id=&quot;tweet-quote&quot;</code>元素。 <strong>用户故事＃6：</strong>首次加载时，我的报价机器会在元素中显示一个<code>id=&quot;text&quot;</code>的随机引号。 <strong>用户故事＃7：</strong>首次加载时，我的报价机器在<code>id=&quot;author&quot;</code>的元素中显示随机引用的作者。 <strong>用户故事＃8：</strong>当单击<code>#new-quote</code>按钮时，我的报价机应该获取一个新报价并将其显示在<code>#text</code>元素中。 <strong>用户故事＃9：</strong>当单击<code>#new-quote</code>按钮并将其显示在<code>#author</code>元素中时，我的报价机器应该获取新报价的作者。 <strong>用户故事＃10：</strong>我可以点击<code>#tweet-quote</code> <code>a</code>元素来<code>#tweet-quote</code> 。这<code>a</code>元素应包括<code>&quot;twitter.com/intent/tweet&quot;</code>路径在它的<code>href</code>属性鸣叫当前报价。 <strong>用户故事＃11：</strong> <code>#quote-box</code>包装器元素应该水平居中。请使用浏览器的缩放级别100％和页面最大化运行测试。您可以通过分叉<a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a>方法。 </codea<></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/jquery/change-text-inside-an-element-using-jquery.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/jquery/change-text-inside-an-element-using-jquery.chinese.md
new file mode 100644
index 0000000000..dd098ee197
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/jquery/change-text-inside-an-element-using-jquery.chinese.md
@@ -0,0 +1,87 @@
+---
+id: 564944c91be2204b269d51e3
+title: Change Text Inside an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用jQuery更改元素内的文本
+---
+
+## Description
+<section id="description">使用jQuery，您可以更改元素的开始和结束标记之间的文本。您甚至可以更改HTML标记。 jQuery有一个名为<code>.html()</code>的函数，它允许您在元素中添加HTML标记和文本。之前在元素中的任何内容都将完全替换为您使用此功能提供的内容。以下是重写和强调标题文本的方法： <code>$(&quot;h3&quot;).html(&quot;&lt;em&gt;jQuery Playground&lt;/em&gt;&quot;);</code> jQuery也有一个类似的函数<code>.text()</code> ，它只改变文本而不添加标签。换句话说，此函数不会评估传递给它的任何HTML标记，而是将其视为要替换现有内容的文本。通过强调其文本来更改id为<code>target4</code>的按钮。查看此<a href="https://developer.mozilla.org/en/docs/Web/HTML/Element/em" target="_blank">链接</a>以了解有关<code>&lt;i&gt;</code>和<code>&lt;em&gt;</code>之间的区别及其用途的更多信息。请注意，虽然<code>&lt;i&gt;</code>标签传统上一直用于强调文本，但它已被合并用作图标标签。 <code>&lt;em&gt;</code>标签现在被广泛接受为强调标签。两者都可以应对这一挑战。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 通过添加HTML标记强调<code>target4</code>按钮中的文本。
+    testString: 'assert.isTrue((/<em>|<i>\s*#target4\s*<\/em>|<\/i>/gi).test($("#target4").html()), "Emphasize the text in your <code>target4</code> button by adding HTML tags.");'
+  - text: 确保文本不变。
+    testString: 'assert($("#target4") && $("#target4").text().trim() === "#target4", "Make sure the text is otherwise unchanged.");'
+  - text: 不要改变任何其他文字。
+    testString: 'assert.isFalse((/<em>|<i>/gi).test($("h3").html()), "Do not alter any other text.");'
+  - text: 确保使用<code>.html()</code>而不是<code>.text()</code> 。
+    testString: 'assert(code.match(/\.html\(/g), "Make sure you are using <code>.html()</code> and not <code>.text()</code>.");'
+  - text: 确保使用jQuery选择<code>button id=&quot;target4&quot;</code> 。
+    testString: 'assert(code.match(/\$\(\s*?(\"|\")#target4(\"|\")\s*?\)\.html\(/), "Make sure to select <code>button id="target4"</code> with jQuery.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.chinese.md
new file mode 100644
index 0000000000..5001de3449
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.chinese.md
@@ -0,0 +1,86 @@
+---
+id: bad87fee1348bd9aed908826
+title: Change the CSS of an Element Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用jQuery更改元素的CSS
+---
+
+## Description
+<section id="description">我们也可以使用jQuery直接更改HTML元素的CSS。 jQuery有一个名为<code>.css()</code>的函数，允许您更改元素的CSS。以下是我们将其颜色更改为蓝色的方法： <code>$(&quot;#target1&quot;).css(&quot;color&quot;, &quot;blue&quot;);</code>这与普通的CSS声明略有不同，因为CSS属性及其值在引号中，并用逗号而不是冒号分隔。删除jQuery选择器，留下一个空的<code>document ready function</code> 。选择<code>target1</code>并将其颜色更改为红色。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>target1</code>元素应该有红色文本。
+    testString: 'assert($("#target1").css("color") === "rgb(255, 0, 0)", "Your <code>target1</code> element should have red text.");'
+  - text: 只使用jQuery将这些类添加到元素中。
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+    $("#target3").addClass("animated fadeOut");
+    $("button").removeClass("btn-default");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/jquery/clone-an-element-using-jquery.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/jquery/clone-an-element-using-jquery.chinese.md
new file mode 100644
index 0000000000..80e525f8ae
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/jquery/clone-an-element-using-jquery.chinese.md
@@ -0,0 +1,86 @@
+---
+id: bad87fee1348bd9aed508826
+title: Clone an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用jQuery克隆元素
+---
+
+## Description
+<section id="description">除了移动元素，您还可以将它们从一个地方复制到另一个地方。 jQuery有一个名为<code>clone()</code>的函数，它可以复制一个元素。例如，如果我们想将<code>target2</code>从我们的<code>left-well</code>复制到<code>right-well</code> ，我们将使用： <code>$(&quot;#target2&quot;).clone().appendTo(&quot;#right-well&quot;);</code>您是否注意到这涉及将两个jQuery函数粘在一起？这称为<code>function chaining</code> ，它是使用jQuery完成任务的便捷方式。克隆你的<code>target5</code>元素并将其附加到你的<code>left-well</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>target5</code>元素应该在你的<code>right-well</code> 。
+    testString: 'assert($("#right-well").children("#target5").length > 0, "Your <code>target5</code> element should be inside your <code>right-well</code>.");'
+  - text: 您的<code>target5</code>元素的副本也应该在您的<code>left-well</code> 。
+    testString: 'assert($("#left-well").children("#target5").length > 0, "A copy of your <code>target5</code> element should also be inside your <code>left-well</code>.");'
+  - text: 只使用jQuery来移动这些元素。
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to move these elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/jquery/delete-your-jquery-functions.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/jquery/delete-your-jquery-functions.chinese.md
new file mode 100644
index 0000000000..2c8f6aa378
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/jquery/delete-your-jquery-functions.chinese.md
@@ -0,0 +1,91 @@
+---
+id: bad87fee1348bd9aeda08726
+title: Delete Your jQuery Functions
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: 删除您的jQuery函数
+---
+
+## Description
+<section id="description">这些动画起初很酷，但现在它们让人分心。从<code>document ready function</code>删除所有这三个jQuery函数，但保留<code>document ready function</code>本身。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 从<code>document ready function</code>删除所有三个jQuery <code>document ready function</code> 。
+    testString: 'assert(code.match(/\{\s*\}\);/g), "Delete all three of your jQuery functions from your <code>document ready function</code>.");'
+  - text: 保持<code>script</code>元素不变。
+    testString: 'assert(code.match(/<script>/g), "Leave your <code>script</code> element intact.");'
+  - text: '将<code>$(document).ready(function() {</code>保留到<code>script</code>元素的开头。'
+    testString: 'assert(code.match(/\$\(document\)\.ready\(function\(\)\s?\{/g), "Leave your <code>$&#40document&#41.ready&#40function&#40&#41 {</code> to the beginning of your <code>script</code> element.");'
+  - text: '保持“文档就绪功能”关闭<code>})</code>完好无损。'
+    testString: 'assert(code.match(/.*\s*\}\);/g), "Leave your "document ready function" closing <code>&#125;&#41;</code> intact.");'
+  - text: 保持<code>script</code>元素结束标记不变。
+    testString: 'assert(code.match(/<\/script>/g) && code.match(/<script/g) && code.match(/<\/script>/g).length === code.match(/<script/g).length, "Leave your <code>script</code> element closing tag intact.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+    $("#target3").addClass("animated fadeOut");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/jquery/disable-an-element-using-jquery.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/jquery/disable-an-element-using-jquery.chinese.md
new file mode 100644
index 0000000000..a9ffb8b5a8
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/jquery/disable-an-element-using-jquery.chinese.md
@@ -0,0 +1,83 @@
+---
+id: bad87fee1348bd9aed808826
+title: Disable an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用jQuery禁用元素
+---
+
+## Description
+<section id="description">您还可以使用jQuery更改HTML元素的非CSS属性。例如，您可以禁用按钮。禁用按钮后，它将变为灰色，无法再单击。 jQuery有一个名为<code>.prop()</code>的函数，允许您调整元素的属性。以下是禁用所有按钮的方法： <code>$(&quot;button&quot;).prop(&quot;disabled&quot;, true);</code>仅禁用<code>target1</code>按钮。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 禁用<code>target1</code>按钮。
+    testString: 'assert($("#target1") && $("#target1").prop("disabled") && code.match(/[""]disabled[""],( true|true)/g), "Disable your <code>target1</code> button.");'
+  - text: 不要禁用任何其他按钮。
+    testString: 'assert($("#target2") && !$("#target2").prop("disabled"), "Do not disable any other buttons.");'
+  - text: 只使用jQuery将这些类添加到元素中。
+    testString: 'assert(!code.match(/disabled[^<]*>/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/jquery/learn-how-script-tags-and-document-ready-work.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/jquery/learn-how-script-tags-and-document-ready-work.chinese.md
new file mode 100644
index 0000000000..2517eec1ab
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/jquery/learn-how-script-tags-and-document-ready-work.chinese.md
@@ -0,0 +1,76 @@
+---
+id: bad87fee1348bd9acdd08826
+title: Learn How Script Tags and Document Ready Work
+challengeType: 6
+videoUrl: ''
+localeTitle: 了解脚本标签和文档准备工作的方式
+---
+
+## Description
+<section id="description">现在我们已经准备好学习jQuery，这是有史以来最流行的JavaScript工具。在我们开始使用jQuery之前，我们需要在HTML中添加一些内容。首先，在页面顶部添加一个<code>script</code>元素。请务必在以下行中关闭它。您的浏览器将在<code>script</code>元素中运行任何JavaScript，包括jQuery。在您的<code>script</code>元素中，添加以下代码： <code>$(document).ready(function() {</code>到您的<code>script</code> 。然后在以下行（仍然在您的<code>script</code>元素中）关闭它： <code>});</code>我们稍后会详细了解这些<code>functions</code> 。重要的是要知道，在浏览器加载页面后，您放入此<code>function</code>代码将立即运行。这很重要，因为没有您的<code>document ready function</code> ，您的代码可能会在HTML呈现之前运行，这会导致错误。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 创建一个<code>script</code>元素，确保它有效并具有结束标记。
+    testString: 'assert(code.match(/<\/script\s*>/g) && code.match(/<script(\sasync|\sdefer)*(\s(charset|src|type)\s*=\s*["\"]+[^"\"]*["\"]+)*(\sasync|\sdefer)*\s*>/g) && code.match(/<\/script\s*>/g).length === code.match(/<script(\sasync|\sdefer)*(\s(charset|src|type)\s*=\s*["\"]+[^"\"]*["\"]+)*(\sasync|\sdefer)*\s*>/g).length, "Create a <code>script</code> element making sure it is valid and has a closing tag.");'
+  - text: '您应该将<code>$(document).ready (function() {</code>到<code>script</code>元素的开头。'
+    testString: 'assert(code.match(/\$\s*?\(\s*?document\s*?\)\.ready\s*?\(\s*?function\s*?\(\s*?\)\s*?\{/g), "You should add <code>$&#40;document&#41;.ready<wbr>&#40;function&#40;&#41; {</code> to the beginning of your <code>script</code> element.");'
+  - text: '关闭<code>$(document).ready (function() {</code> function with <code>});</code>'
+    testString: 'assert(code.match(/\n*?\s*?\}\s*?\);/g), "Close your <code>$&#40;document&#41;.ready<wbr>&#40;function&#40;&#41; {</code> function with <code>}&#41;;</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/jquery/remove-an-element-using-jquery.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/jquery/remove-an-element-using-jquery.chinese.md
new file mode 100644
index 0000000000..d0ec322923
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/jquery/remove-an-element-using-jquery.chinese.md
@@ -0,0 +1,82 @@
+---
+id: bad87fee1348bd9aed708826
+title: Remove an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用jQuery删除元素
+---
+
+## Description
+<section id="description">现在让我们使用jQuery从页面中删除HTML元素。 jQuery有一个名为<code>.remove()</code>的函数，它将完全删除HTML元素。使用<code>.remove()</code>函数从页面中删除元素<code>target4</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 使用jQuery从页面中删除<code>target4</code>元素。
+    testString: 'assert($("#target4").length === 0 && code.match(/\$\([""]#target4[""]\).remove\(\)/g), "Use jQuery to remove your <code>target4</code> element from your page.");'
+  - text: 仅使用jQuery删除此元素。
+    testString: 'assert(code.match(/id="target4/g) && !code.match(/<!--.*id="target4".*-->/g) && $("#right-well").length > 0, "Only use jQuery to remove this element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/jquery/remove-classes-from-an-element-with-jquery.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/jquery/remove-classes-from-an-element-with-jquery.chinese.md
new file mode 100644
index 0000000000..9a998615e8
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/jquery/remove-classes-from-an-element-with-jquery.chinese.md
@@ -0,0 +1,87 @@
+---
+id: bad87fee1348bd9aed918626
+title: Remove Classes from an Element with jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用jQuery从元素中删除类
+---
+
+## Description
+<section id="description">以同样的方式，你可以添加类与jQuery的元素<code>addClass()</code>函数，你可以用jQuery的删除它们<code>removeClass()</code>函数。以下是为特定按钮执行此操作的方法： <code>$(&quot;#target2&quot;).removeClass(&quot;btn-default&quot;);</code>让我们从所有<code>button</code>元素中删除<code>btn-default</code>类。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 从所有<code>button</code>元素中删除<code>btn-default</code>类。
+    testString: 'assert($(".btn-default").length === 0, "Remove the <code>btn-default</code> class from all of your <code>button</code> elements.");'
+  - text: 仅使用jQuery从元素中删除此类。
+    testString: 'assert(code.match(/btn btn-default/g), "Only use jQuery to remove this class from the element.");'
+  - text: 只删除<code>btn-default</code>类。
+    testString: 'assert(code.match(/\.[\v\s]*removeClass[\s\v]*\([\s\v]*("|")\s*btn-default\s*("|")[\s\v]*\)/gm), "Only remove the <code>btn-default</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+    $("#target3").addClass("animated fadeOut");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-a-specific-child-of-an-element-using-jquery.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-a-specific-child-of-an-element-using-jquery.chinese.md
new file mode 100644
index 0000000000..78d574b20c
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-a-specific-child-of-an-element-using-jquery.chinese.md
@@ -0,0 +1,93 @@
+---
+id: bad87fee1348bd9aed108826
+title: Target a Specific Child of an Element Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用jQuery定位元素的特定子元素
+---
+
+## Description
+<section id="description">您已经了解了为什么id属性对于使用jQuery选择器进行定位非常方便。但是你不会总是有这么整洁的ids。幸运的是，jQuery还有一些其他技巧可用于定位正确的元素。 jQuery使用CSS选择器来定位元素。 <code>target:nth-child(n)</code> CSS选择器允许您选择具有目标类或元素类型的所有第n个元素。以下是如何给每个井中的第三个元素提供反弹类： <code>$(&quot;.target:nth-child(3)&quot;).addClass(&quot;animated bounce&quot;);</code>让每个井元素中的第二个孩子反弹。您必须选择具有<code>target</code>类的元素子项。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>target</code>元素中的第二个元素应该反弹。
+    testString: 'assert($(".target:nth-child(2)").hasClass("animated") && $(".target:nth-child(2)").hasClass("bounce"), "The second element in your <code>target</code> elements should bounce.");'
+  - text: 只有两个元素应该反弹。
+    testString: 'assert($(".animated.bounce").length === 2, "Only two elements should bounce.");'
+  - text: '您应该使用<code>:nth-child()</code>选择器来修改这些元素。'
+    testString: 'assert(code.match(/\:nth-child\(/g), "You should use the <code>&#58;nth-child&#40&#41</code> selector to modify these elements.");'
+  - text: 只使用jQuery将这些类添加到元素中。
+    testString: 'assert(code.match(/\$\(".target:nth-child\(2\)"\)/g) || code.match(/\$\(".target:nth-child\(2\)"\)/g) || code.match(/\$\(".target"\).filter\(":nth-child\(2\)"\)/g) || code.match(/\$\(".target"\).filter\(":nth-child\(2\)"\)/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+    $("#right-well").children().css("color", "orange");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-elements-by-class-using-jquery.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-elements-by-class-using-jquery.chinese.md
new file mode 100644
index 0000000000..1eae4a1cc6
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-elements-by-class-using-jquery.chinese.md
@@ -0,0 +1,82 @@
+---
+id: bad87fee1348bd9aedc08826
+title: Target Elements by Class Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用jQuery按类目标元素
+---
+
+## Description
+<section id="description">您看到我们如何使所有<code>button</code>元素反弹？我们用<code>$(&quot;button&quot;)</code>选择它们，然后我们用<code>.addClass(&quot;animated bounce&quot;);</code>为它们添加了一些CSS类<code>.addClass(&quot;animated bounce&quot;);</code> 。您刚刚使用了jQuery的<code>.addClass()</code>函数，它允许您向元素添加类。首先，让我们使用<code>$(&quot;.well&quot;)</code>选择器将你的<code>div</code>元素与类<code>well</code>对准。请注意，就像CSS声明一样，您键入一个<code>.</code>在课堂名称之前。然后使用jQuery的<code>.addClass()</code>函数中添加类<code>animated</code>和<code>shake</code> 。例如，您可以通过将以下内容添加到<code>document ready function</code>来创建具有类<code>text-primary</code> shake的所有元素： <code>$(&quot;.text-primary&quot;).addClass(&quot;animated shake&quot;);</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 使用jQuery <code>addClass()</code>函数为类赋予<code>animated</code>并使用类<code>well</code> <code>shake</code>所有元素。
+    testString: 'assert($(".well").hasClass("animated") && $(".well").hasClass("shake"), "Use the jQuery <code>addClass&#40&#41</code> function to give the classes <code>animated</code> and <code>shake</code> to all your elements with the class <code>well</code>.");'
+  - text: 只使用jQuery将这些类添加到元素中。
+    testString: 'assert(!code.match(/class\.\*animated/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-elements-by-id-using-jquery.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-elements-by-id-using-jquery.chinese.md
new file mode 100644
index 0000000000..7177d3e944
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-elements-by-id-using-jquery.chinese.md
@@ -0,0 +1,86 @@
+---
+id: bad87fee1348bd9aeda08826
+title: Target Elements by id Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: id的目标元素使用jQuery
+---
+
+## Description
+<section id="description">您还可以通过其id属性来定位元素。首先使用<code>$(&quot;#target3&quot;)</code>选择器将您的<code>button</code>元素与id <code>target3</code> <code>$(&quot;#target3&quot;)</code> 。请注意，就像CSS声明一样，您在id的名称前键入<code>#</code> 。然后使用jQuery的<code>.addClass()</code>函数添加<code>animated</code>类和<code>fadeOut</code> 。以下是如何使用id <code>target6</code>淡出的<code>button</code>元素： <code>$(&quot;#target6&quot;).addClass(&quot;animated fadeOut&quot;)</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 选择<code>id</code>为<code>target3</code>的<code>button</code>元素，并使用jQuery <code>addClass()</code>函数为它提供<code>animated</code>类。
+    testString: 'assert($("#target3").hasClass("animated"), "Select the <code>button</code> element with the <code>id</code> of <code>target3</code> and use the jQuery <code>addClass&#40&#41</code> function to give it the class of <code>animated</code>.");'
+  - text: 使用id <code>target3</code>定位元素，并使用jQuery <code>addClass()</code>函数为其提供类<code>fadeOut</code> 。
+    testString: 'assert(($("#target3").hasClass("fadeOut") || $("#target3").hasClass("fadeout"))  && code.match(/\$\(\s*.#target3.\s*\)/g), "Target the element with the id <code>target3</code> and use the jQuery <code>addClass&#40&#41</code> function to give it the class <code>fadeOut</code>.");'
+  - text: 只使用jQuery将这些类添加到元素中。
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-even-elements-using-jquery.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-even-elements-using-jquery.chinese.md
new file mode 100644
index 0000000000..c49ffae625
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-even-elements-using-jquery.chinese.md
@@ -0,0 +1,93 @@
+---
+id: bad87fee1348bd9aed008826
+title: Target Even Elements Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用jQuery定位偶数元素
+---
+
+## Description
+<section id="description">您还可以使用<code>:odd</code>或<code>:even</code>选择器根据位置定位元素。请注意，jQuery是零索引的，这意味着选择中的第一个元素的位置为0.这可能有点令人困惑，因为反直觉地<code>:odd</code>选择第二个元素（位置1），第四个元素（位置3） ， 等等。以下是如何使用类<code>target</code>定位所有奇数元素并给它们类： <code>$(&quot;.target:odd&quot;).addClass(&quot;animated shake&quot;);</code>尝试选择所有偶数<code>target</code>元素，并为它们提供<code>animated</code>和<code>shake</code>类。请记住， <strong>甚至</strong>指的是基于零系统的元素的位置。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: jQuery认为的所有<code>target</code>元素都应该动摇。
+    testString: 'assert($(".target:even").hasClass("animated") && $(".target:even").hasClass("shake"), "All of the <code>target</code> elements that jQuery considers to be even should shake.");'
+  - text: '您应该使用<code>:even</code>选择器来修改这些元素。'
+    testString: 'assert(code.match(/\:even/g), "You should use the <code>&#58;even</code> selector to modify these elements.");'
+  - text: 只使用jQuery将这些类添加到元素中。
+    testString: 'assert(code.match(/\$\(".target:even"\)/g) || code.match(/\$\(".target:even"\)/g) || code.match(/\$\(".target"\).filter\(":even"\)/g) || code.match(/\$\(".target"\).filter\(":even"\)/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+    $("#right-well").children().css("color", "orange");
+    $("#left-well").children().css("color", "green");
+    $(".target:nth-child(2)").addClass("animated bounce");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-html-elements-with-selectors-using-jquery.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-html-elements-with-selectors-using-jquery.chinese.md
new file mode 100644
index 0000000000..dc21ef6e9f
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-html-elements-with-selectors-using-jquery.chinese.md
@@ -0,0 +1,84 @@
+---
+id: bad87fee1348bd9bedc08826
+title: Target HTML Elements with Selectors Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用选择器使用jQuery定位HTML元素
+---
+
+## Description
+<section id="description">现在我们有一个<code>document ready function</code> 。现在让我们编写第一个jQuery语句。所有jQuery函数都以<code>$</code>开头，通常称为<code>dollar sign operator</code> ，或者作为<code>bling</code> 。 jQuery经常选择带有<code>selector</code>的HTML元素，然后对该元素执行某些操作。例如，让我们使所有<code>button</code>元素反弹。只需在您的文档就绪函数中添加此代码： <code>$(&quot;button&quot;).addClass(&quot;animated bounce&quot;);</code>请注意，我们已经在后台包含了jQuery库和Animate.css库，以便您可以在编辑器中使用它们。所以你使用jQuery将Animate.css <code>bounce</code>类应用于你的<code>button</code>元素。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 使用jQuery <code>addClass()</code>函数将类<code>animated</code>并<code>bounce</code>回到<code>button</code>元素。
+    testString: 'assert($("button").hasClass("animated") && $("button").hasClass("bounce"), "Use the jQuery <code>addClass&#40&#41</code> function to give the classes <code>animated</code> and <code>bounce</code> to your <code>button</code> elements.");'
+  - text: 只使用jQuery将这些颜色添加到元素中。
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to add these colors to the element.");'
+  - text: 你的jQuery代码应该在<code>$(document).ready();</code>功能。
+    testString: 'assert(code.match(/\$\(document\)\.ready\(function.*(\s|\n)*.*button.*.addClass.*\);/g), "Your jQuery code should be within the <code>$(document).ready();</code> function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-the-children-of-an-element-using-jquery.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-the-children-of-an-element-using-jquery.chinese.md
new file mode 100644
index 0000000000..cafe1a3e12
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-the-children-of-an-element-using-jquery.chinese.md
@@ -0,0 +1,87 @@
+---
+id: bad87fee1348bd9aed208826
+title: Target the Children of an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用jQuery定位元素的子元素
+---
+
+## Description
+<section id="description">当HTML元素放在另一个下面时，它们被称为该元素的<code>children</code>元素。例如，在与文本“＃Target1时”，“＃TARGET2”，和“＃target3”这一挑战的按钮元件都是<code>children</code>的的<code>&lt;div class=&quot;well&quot; id=&quot;left-well&quot;&gt;</code>元素。 jQuery有一个名为<code>children()</code>的函数，允许您访问您选择的元素的子元素。下面是一个示例，说明如何使用<code>children()</code>函数为<code>left-well</code>元素的子项设置<code>blue</code> ： <code>$(&quot;#left-well&quot;).children().css(&quot;color&quot;, &quot;blue&quot;)</code> </section>
+
+## Instructions
+<section id="instructions">给你的<code>right-well</code>元素的所有孩子颜色为橙色。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>#right-well</code>所有孩子都应该有橙色文字。'
+    testString: 'assert($("#right-well").children().css("color") === "rgb(255, 165, 0)", "All children of <code>#right-well</code> should have orange text.");'
+  - text: 您应该使用<code>children()</code>函数来修改这些元素。
+    testString: 'assert(code.match(/\.children\(\)\.css/g), "You should use the <code>children&#40&#41</code> function to modify these elements.");'
+  - text: 只使用jQuery将这些类添加到元素中。
+    testString: 'assert(code.match(/<div class="well" id="right-well">/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-the-parent-of-an-element-using-jquery.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-the-parent-of-an-element-using-jquery.chinese.md
new file mode 100644
index 0000000000..c7047b64ac
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-the-parent-of-an-element-using-jquery.chinese.md
@@ -0,0 +1,91 @@
+---
+id: bad87fee1348bd9aed308826
+title: Target the Parent of an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用jQuery定位元素的父级
+---
+
+## Description
+<section id="description">每个HTML元素都有一个<code>parent</code>元素，它从中<code>inherits</code>属性。例如，您的<code>jQuery Playground</code> <code>h3</code>元素具有<code>&lt;div class=&quot;container-fluid&quot;&gt;</code>的父元素，它本身具有父<code>body</code> 。 jQuery有一个名为<code>parent()</code>的函数，允许您访问您选择的任何元素的父级。下面是一个如何使用<code>parent()</code>函数的例子，如果你想给<code>left-well</code>元素的父元素一个蓝色的背景颜色： <code>$(&quot;#left-well&quot;).parent().css(&quot;background-color&quot;, &quot;blue&quot;)</code>为<code>#target1</code>元素的父级<code>#target1</code>背景颜色为红色。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>left-well</code>元素应该有红色背景。
+    testString: 'assert($("#left-well").css("background-color") === "red" || $("#left-well").css("background-color") === "rgb(255, 0, 0)" || $("#left-well").css("background-color").toLowerCase() === "#ff0000" || $("#left-well").css("background-color").toLowerCase() === "#f00", "Your <code>left-well</code> element should have a red background.");'
+  - text: 您应该使用<code>.parent()</code>函数来修改此元素。
+    testString: 'assert(code.match(/\.parent\s*\(\s*\)\s*\.css/g), "You should use the <code>&#46;parent&#40;&#41;</code> function to modify this element.");'
+  - text: '应该在<code>#target1</code>元素上调用<code>.parent()</code>方法。'
+    testString: 'assert(code.match(/\$\s*?\(\s*?(?:"|")\s*?#target1\s*?(?:"|")\s*?\)\s*?\.parent/gi), "The <code>&#46;parent&#40;&#41;</code> method should be called on the <code>&#35;target1</code> element.");'
+  - text: 只使用jQuery将这些类添加到元素中。
+    testString: 'assert(code.match(/<div class="well" id="left-well">/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<body>
+  <div class="container-fluid">
+    <h3 class="text-primary text-center">jQuery Playground</h3>
+    <div class="row">
+      <div class="col-xs-6">
+        <h4>#left-well</h4>
+        <div class="well" id="left-well">
+          <button class="btn btn-default target" id="target1">#target1</button>
+          <button class="btn btn-default target" id="target2">#target2</button>
+          <button class="btn btn-default target" id="target3">#target3</button>
+        </div>
+      </div>
+      <div class="col-xs-6">
+        <h4>#right-well</h4>
+        <div class="well" id="right-well">
+          <button class="btn btn-default target" id="target4">#target4</button>
+          <button class="btn btn-default target" id="target5">#target5</button>
+          <button class="btn btn-default target" id="target6">#target6</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-the-same-element-with-multiple-jquery-selectors.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-the-same-element-with-multiple-jquery-selectors.chinese.md
new file mode 100644
index 0000000000..0e184ebdb9
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/jquery/target-the-same-element-with-multiple-jquery-selectors.chinese.md
@@ -0,0 +1,90 @@
+---
+id: bad87fee1348bd9aed908626
+title: Target the Same Element with Multiple jQuery Selectors
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用多个jQuery选择器定位相同的元素
+---
+
+## Description
+<section id="description">现在你知道三种定位元素的方法：按类型： <code>$(&quot;button&quot;)</code> ，按类： <code>$(&quot;.btn&quot;)</code>和id <code>$(&quot;#target1&quot;)</code> 。虽然可以在单个<code>.addClass()</code>调用中添加多个类，但是让我们以<em>三种不同的方式</em>将它们添加到同一个元素中。使用<code>.addClass()</code> ，一次只向同一个元素添加一个类，有三种不同的方式：使用类型<code>button</code>将<code>animated</code>类添加到所有元素。使用类<code>.btn</code>将<code>shake</code>类添加到所有按钮。将<code>btn-primary</code>类添加到id为<code>#target1</code>的按钮。 <strong>注意</strong> <br>您应该只定位一个元素，一次只添加一个类。总而言之，您的三个选择器最终会将三个类<code>shake</code> ， <code>animated</code>和<code>btn-primary</code>到<code>#target1</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 使用<code>$(&quot;button&quot;)</code>选择器。
+    testString: 'assert(code.match(/\$\s*?\(\s*?(?:"|")\s*?button\s*?(?:"|")/gi), "Use the <code>$&#40"button"&#41</code> selector.");'
+  - text: 使用<code>$(&quot;.btn&quot;)</code>选择器。
+    testString: 'assert(code.match(/\$\s*?\(\s*?(?:"|")\s*?\.btn\s*?(?:"|")/gi), "Use the <code>$&#40".btn"&#41</code> selector.");'
+  - text: '使用<code>$(&quot;#target1&quot;)</code>选择器。'
+    testString: 'assert(code.match(/\$\s*?\(\s*?(?:"|")\s*?#target1\s*?(?:"|")/gi), "Use the <code>$&#40"#target1"&#41</code> selector.");'
+  - text: 只为每个三个选择器添加一个类。
+    testString: 'assert(code.match(/addClass/g) && code.match(/addClass\s*?\(\s*?("|")\s*?[\w-]+\s*?\1\s*?\)/g).length > 2, "Only add one class with each of your three selectors.");'
+  - text: '你的<code>#target1</code>元素应该有<code>animated</code>类， <code>shake</code>和<code>btn-primary</code> 。'
+    testString: 'assert($("#target1").hasClass("animated") && $("#target1").hasClass("shake") && $("#target1").hasClass("btn-primary"), "Your <code>#target1</code> element should have the classes <code>animated</code>&#130; <code>shake</code> and <code>btn-primary</code>.");'
+  - text: 只使用jQuery将这些类添加到元素中。
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/jquery/use-appendto-to-move-elements-with-jquery.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/jquery/use-appendto-to-move-elements-with-jquery.chinese.md
new file mode 100644
index 0000000000..33d77c9aae
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/jquery/use-appendto-to-move-elements-with-jquery.chinese.md
@@ -0,0 +1,85 @@
+---
+id: bad87fee1348bd9aed608826
+title: Use appendTo to Move Elements with jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用appendTo使用jQuery移动元素
+---
+
+## Description
+<section id="description">现在让我们尝试将元素从一个<code>div</code>移动到另一个<code>div</code> 。 jQuery有一个名为<code>appendTo()</code>的函数，它允许您选择HTML元素并将它们附加到另一个元素。例如，如果我们想将<code>target4</code>从我们的右井移动到我们的左井，我们将使用： <code>$(&quot;#target4&quot;).appendTo(&quot;#left-well&quot;);</code>将<code>target2</code>元素从<code>left-well</code>到<code>right-well</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>target2</code>元素不应位于<code>left-well</code> 。
+    testString: 'assert($("#left-well").children("#target2").length === 0, "Your <code>target2</code> element should not be inside your <code>left-well</code>.");'
+  - text: 你的<code>target2</code>元素应该在你的<code>right-well</code> 。
+    testString: 'assert($("#right-well").children("#target2").length > 0, "Your <code>target2</code> element should be inside your <code>right-well</code>.");'
+  - text: 只使用jQuery来移动这些元素。
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to move these elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/jquery/use-jquery-to-modify-the-entire-page.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/jquery/use-jquery-to-modify-the-entire-page.chinese.md
new file mode 100644
index 0000000000..9ed9df6880
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/jquery/use-jquery-to-modify-the-entire-page.chinese.md
@@ -0,0 +1,90 @@
+---
+id: bad87fee1348bd9aecb08826
+title: Use jQuery to Modify the Entire Page
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用jQuery修改整个页面
+---
+
+## Description
+<section id="description">我们玩完了jQuery游乐场。让我们把它撕下来！ jQuery也可以定位<code>body</code>元素。以下是我们如何使整个身体淡出： <code>$(&quot;body&quot;).addClass(&quot;animated fadeOut&quot;);</code>但是，让我们做一些更具戏剧性的事情。将<code>animated</code>类和<code>hinge</code>添加到您的<code>body</code>元素中。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 将<code>animated</code>类和<code>hinge</code>添加到您的<code>body</code>元素中。
+    testString: 'assert($("body").hasClass("animated") && $("body").hasClass("hinge"), "Add the classes <code>animated</code> and <code>hinge</code> to your <code>body</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+    $("#right-well").children().css("color", "orange");
+    $("#left-well").children().css("color", "green");
+    $(".target:nth-child(2)").addClass("animated bounce");
+    $(".target:even").addClass("animated shake");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/connect-redux-to-react.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/connect-redux-to-react.chinese.md
new file mode 100644
index 0000000000..0fd8e1ab6a
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/connect-redux-to-react.chinese.md
@@ -0,0 +1,93 @@
+---
+id: 5a24c314108439a4d4036147
+title: Connect Redux to React
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 将Redux连接到React
+---
+
+## Description
+<section id="description">现在您已经编写了<code>mapStateToProps()</code>和<code>mapDispatchToProps()</code>函数，您可以使用它们将<code>state</code>和<code>dispatch</code>映射到您的某个React组件的<code>props</code> 。 React Redux的<code>connect</code>方法可以处理此任务。此方法采用两个可选参数： <code>mapStateToProps()</code>和<code>mapDispatchToProps()</code> 。它们是可选的，因为您可能拥有只需要访问<code>state</code>但不需要分派任何操作的组件，反之亦然。要使用此方法，请将函数作为参数传递，并立即使用组件调用结果。这种语法有点不寻常，看起来像： <code>connect(mapStateToProps, mapDispatchToProps)(MyComponent)</code> <strong>注意：</strong>如果要省略<code>connect</code>方法的其中一个参数，则在其位置传递<code>null</code> 。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器具有<code>mapStateToProps()</code>和<code>mapDispatchToProps()</code>函数以及一个名为<code>Presentational</code>的新React组件。使用<code>ReactRedux</code>全局对象中的<code>connect</code>方法将此组件连接到Redux，并立即在<code>Presentational</code>组件上调用它。将结果分配给名为<code>ConnectedComponent</code>的新<code>const</code> ，该<code>const</code>表示连接的组件。就是这样，现在你已经连接到Redux了！尝试将<code>connect</code>的参数更改为<code>null</code>并观察测试结果。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Presentational</code>组件应该呈现。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("Presentational").length === 1; })(), "The <code>Presentational</code> component should render.");'
+  - text: <code>Presentational</code>组件应通过<code>connect</code>接收prop <code>messages</code> 。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const props = mockedComponent.find("Presentational").props(); return props.messages === "__INITIAL__STATE__"; })(), "The <code>Presentational</code> component should receive a prop <code>messages</code> via <code>connect</code>.");'
+  - text: <code>Presentational</code>组件应通过<code>connect</code>接收prop <code>submitNewMessage</code> 。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const props = mockedComponent.find("Presentational").props(); return typeof props.submitNewMessage === "function"; })(), "The <code>Presentational</code> component should receive a prop <code>submitNewMessage</code> via <code>connect</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const addMessage = (message) => {
+  return {
+    type: 'ADD',
+    message: message
+  }
+};
+
+const mapStateToProps = (state) => {
+  return {
+    messages: state
+  }
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    submitNewMessage: (message) => {
+      dispatch(addMessage(message));
+    }
+  }
+};
+
+class Presentational extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return <h3>This is a Presentational Component</h3>
+  }
+};
+
+const connect = ReactRedux.connect;
+// change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/connect-redux-to-the-messages-app.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/connect-redux-to-the-messages-app.chinese.md
new file mode 100644
index 0000000000..4b18a8bc21
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/connect-redux-to-the-messages-app.chinese.md
@@ -0,0 +1,161 @@
+---
+id: 5a24c314108439a4d4036148
+title: Connect Redux to the Messages App
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 将Redux连接到消息应用程序
+---
+
+## Description
+<section id="description">现在您已了解如何使用<code>connect</code>将React连接到Redux，您可以将您学到的知识应用于处理消息的React组件。在上一课中，您连接到Redux的组件名为<code>Presentational</code> ，这不是任意的。该术语<i>通常</i>是指未直接连接到Redux的React组件。他们只负责UI的呈现，并根据他们收到的道具来执行此操作。相比之下，容器组件连接到Redux。这些通常负责将操作分派给商店，并且经常将商店状态作为道具传递给子组件。 </section>
+
+## Instructions
+<section id="instructions">到目前为止，代码编辑器包含了您在本节中编写的所有代码。唯一的变化是React组件被重命名为<code>Presentational</code> 。创建一个名为<code>Container</code>的常量中保存的新组件，该常量使用<code>connect</code>将<code>Presentational</code>组件连接到Redux。然后，在<code>AppWrapper</code> ，渲染React Redux <code>Provider</code>组件。将Redux <code>store</code> <code>Provider</code>作为道具传递，并将<code>Container</code>作为子项呈现。设置完所有内容后，您将再次看到应用程序呈现给页面的消息。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>AppWrapper</code>应该呈现给页面。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("AppWrapper").length === 1; })(), "The <code>AppWrapper</code> should render to the page.");'
+  - text: <code>Presentational</code>组件应呈现<code>h2</code> ， <code>input</code> ， <code>button</code>和<code>ul</code>元素。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("Presentational").length === 1; })(), "The <code>Presentational</code> component should render an <code>h2</code>, <code>input</code>, <code>button</code>, and <code>ul</code> elements.");'
+  - text: <code>Presentational</code>组件应呈现<code>h2</code> ， <code>input</code> ， <code>button</code>和<code>ul</code>元素。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); return ( PresentationalComponent.find("div").length === 1 && PresentationalComponent.find("h2").length === 1 && PresentationalComponent.find("button").length === 1 && PresentationalComponent.find("ul").length === 1 ); })(), "The <code>Presentational</code> component should render an <code>h2</code>, <code>input</code>, <code>button</code>, and <code>ul</code> elements.");'
+  - text: <code>Presentational</code>组件应该从Redux商店接收<code>messages</code>作为道具。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); const props = PresentationalComponent.props(); return Array.isArray(props.messages); })(), "The <code>Presentational</code> component should receive <code>messages</code> from the Redux store as a prop.");'
+  - text: <code>Presentational</code>组件应该接收<code>submitMessage</code>操作创建者作为prop。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); const props = PresentationalComponent.props(); return typeof props.submitNewMessage === "function"; })(), "The <code>Presentational</code> component should receive the <code>submitMessage</code> action creator as a prop.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// Redux:
+const ADD = 'ADD';
+
+const addMessage = (message) => {
+  return {
+    type: ADD,
+    message: message
+  }
+};
+
+const messageReducer = (state = [], action) => {
+  switch (action.type) {
+    case ADD:
+      return [
+        ...state,
+        action.message
+      ];
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(messageReducer);
+
+// React:
+class Presentational extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      messages: []
+    }
+    this.handleChange = this.handleChange.bind(this);
+    this.submitMessage = this.submitMessage.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  submitMessage() {
+    const currentMessage = this.state.input;
+    this.setState({
+      input: ",
+      messages: this.state.messages.concat(currentMessage)
+    });
+  }
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange}/><br/>
+        <button onClick={this.submitMessage}>Submit</button>
+        <ul>
+          {this.state.messages.map( (message, idx) => {
+              return (
+                 <li key={idx}>{message}</li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+};
+
+// React-Redux:
+const mapStateToProps = (state) => {
+  return { messages: state }
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    submitNewMessage: (newMessage) => {
+       dispatch(addMessage(newMessage))
+    }
+  }
+};
+
+const Provider = ReactRedux.Provider;
+const connect = ReactRedux.connect;
+
+// define the Container component here:
+
+
+class AppWrapper extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    // complete the return statement:
+    return (null);
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/extract-local-state-into-redux.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/extract-local-state-into-redux.chinese.md
new file mode 100644
index 0000000000..fae200d7d9
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/extract-local-state-into-redux.chinese.md
@@ -0,0 +1,168 @@
+---
+id: 5a24c314108439a4d4036149
+title: Extract Local State into Redux
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 将本地状态提取到Redux
+---
+
+## Description
+<section id="description">你几乎完成！回想一下，您编写了所有Redux代码，以便Redux可以控制React消息应用程序的状态管理。现在Redux已连接，您需要从<code>Presentational</code>组件中提取状态管理并进入Redux。目前，您已连接Redux，但您正在<code>Presentational</code>组件中本地处理状态。 </section>
+
+## Instructions
+<section id="instructions">在<code>Presentational</code>组件中，首先，删除本地<code>state</code>中的<code>messages</code>属性。这些消息将由Redux管理。接下来，修改<code>submitMessage()</code>方法，以便从<code>this.props</code>调度<code>submitNewMessage()</code> ，并将当前消息输入作为参数传入本地<code>state</code> 。因为你删除<code>messages</code>从本地状态，删除<code>messages</code>从调用属性<code>this.setState()</code>在这里。最后，修改<code>render()</code>方法，使其映射到从<code>props</code>而不是<code>state</code>接收的消息。一旦做出这些更改，除了Redux管理状态之外，应用程序将继续运行相同的功能。这个例子也说明组件可以如何具有本地<code>state</code> ：你的组件还是本地跟踪用户输入自己的<code>state</code> 。您可以看到Redux如何在React之上提供有用的状态管理框架。您最初仅使用React的本地状态获得了相同的结果，这通常可以通过简单的应用程序实现。但是，随着您的应用程序变得越来越大，越来越复杂，您的状态管理也是如此，这就是Redux解决的问题。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>AppWrapper</code>应该呈现给页面。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("AppWrapper").length === 1; })(), "The <code>AppWrapper</code> should render to the page.");'
+  - text: <code>Presentational</code>组件应呈现<code>h2</code> ， <code>input</code> ， <code>button</code>和<code>ul</code>元素。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("Presentational").length === 1; })(), "The <code>Presentational</code> component should render an <code>h2</code>, <code>input</code>, <code>button</code>, and <code>ul</code> elements.");'
+  - text: <code>Presentational</code>组件应呈现<code>h2</code> ， <code>input</code> ， <code>button</code>和<code>ul</code>元素。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); return ( PresentationalComponent.find("div").length === 1 && PresentationalComponent.find("h2").length === 1 && PresentationalComponent.find("button").length === 1 && PresentationalComponent.find("ul").length === 1 ); })(), "The <code>Presentational</code> component should render an <code>h2</code>, <code>input</code>, <code>button</code>, and <code>ul</code> elements.");'
+  - text: <code>Presentational</code>组件应该从Redux商店接收<code>messages</code>作为道具。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); const props = PresentationalComponent.props(); return Array.isArray(props.messages); })(), "The <code>Presentational</code> component should receive <code>messages</code> from the Redux store as a prop.");'
+  - text: <code>Presentational</code>组件应该接收<code>submitMessage</code>操作创建者作为prop。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); const props = PresentationalComponent.props(); return typeof props.submitNewMessage === "function"; })(), "The <code>Presentational</code> component should receive the <code>submitMessage</code> action creator as a prop.");'
+  - text: <code>Presentational</code>组件的状态应包含一个属性<code>input</code> ，该属性初始化为空字符串。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalState = mockedComponent.find("Presentational").instance().state; return typeof PresentationalState.input === "string" && Object.keys(PresentationalState).length === 1; })(), "The state of the <code>Presentational</code> component should contain one property, <code>input</code>, which is initialized to an empty string.");'
+  - text: 输入<code>input</code>元素应该更新<code>Presentational</code>组件的状态。
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const testValue = "__MOCK__INPUT__"; const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); let initialInput = mockedComponent.find("Presentational").find("input"); const changed = () => { causeChange(mockedComponent, testValue); return waitForIt(() => mockedComponent )}; const updated = await changed(); const updatedInput = updated.find("Presentational").find("input"); assert(initialInput.props().value === "" && updatedInput.props().value === "__MOCK__INPUT__", "Typing in the <code>input</code> element should update the state of the <code>Presentational</code> component."); }; '
+  - text: 在<code>Presentational</code>组件上调度<code>submitMessage</code>应更新Redux存储并清除本地状态的输入。
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); let beforeProps = mockedComponent.find("Presentational").props(); const testValue = "__TEST__EVENT__INPUT__"; const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const changed = () => { causeChange(mockedComponent, testValue); return waitForIt(() => mockedComponent )}; const clickButton = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterChange = await changed(); const afterChangeInput = afterChange.find("input").props().value; const afterClick = await clickButton(); const afterProps = mockedComponent.find("Presentational").props(); assert(beforeProps.messages.length === 0 && afterChangeInput === testValue && afterProps.messages.pop() === testValue && afterClick.find("input").props().value === "", "Dispatching the <code>submitMessage</code> on the <code>Presentational</code> component should update Redux store and clear the input in local state."); }; '
+  - text: <code>Presentational</code>组件应该呈现来自Redux存储的<code>messages</code> 。
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); let beforeProps = mockedComponent.find("Presentational").props(); const testValue = "__TEST__EVENT__INPUT__"; const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const changed = () => { causeChange(mockedComponent, testValue); return waitForIt(() => mockedComponent )}; const clickButton = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterChange = await changed(); const afterChangeInput = afterChange.find("input").props().value; const afterClick = await clickButton(); const afterProps = mockedComponent.find("Presentational").props(); assert(beforeProps.messages.length === 0 && afterChangeInput === testValue && afterProps.messages.pop() === testValue && afterClick.find("input").props().value === "" && afterClick.find("ul").childAt(0).text() === testValue, "The <code>Presentational</code> component should render the <code>messages</code> from the Redux store."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// Redux:
+const ADD = 'ADD';
+
+const addMessage = (message) => {
+  return {
+    type: ADD,
+    message: message
+  }
+};
+
+const messageReducer = (state = [], action) => {
+  switch (action.type) {
+    case ADD:
+      return [
+        ...state,
+        action.message
+      ];
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(messageReducer);
+
+// React:
+const Provider = ReactRedux.Provider;
+const connect = ReactRedux.connect;
+
+// Change code below this line
+class Presentational extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      messages: []
+    }
+    this.handleChange = this.handleChange.bind(this);
+    this.submitMessage = this.submitMessage.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  submitMessage() {
+    this.setState({
+      input: ",
+      messages: this.state.messages.concat(this.state.input)
+    });
+  }
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange}/><br/>
+        <button onClick={this.submitMessage}>Submit</button>
+        <ul>
+          {this.state.messages.map( (message, idx) => {
+              return (
+                 <li key={idx}>{message}</li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+};
+// Change code above this line
+
+const mapStateToProps = (state) => {
+  return {messages: state}
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    submitNewMessage: (message) => {
+      dispatch(addMessage(message))
+    }
+  }
+};
+
+const Container = connect(mapStateToProps, mapDispatchToProps)(Presentational);
+
+class AppWrapper extends React.Component {
+  render() {
+    return (
+      <Provider store={store}>
+        <Container/>
+      </Provider>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/extract-state-logic-to-redux.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/extract-state-logic-to-redux.chinese.md
new file mode 100644
index 0000000000..ed29993b23
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/extract-state-logic-to-redux.chinese.md
@@ -0,0 +1,60 @@
+---
+id: 5a24c314108439a4d4036143
+title: Extract State Logic to Redux
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 将状态逻辑提取到Redux
+---
+
+## Description
+<section id="description">现在您已完成React组件，您需要将其在其<code>state</code>本地执行的逻辑移动到Redux中。这是将简单的React应用程序连接到Redux的第一步。您的应用程序的唯一功能是将用户的新消息添加到无序列表中。该示例很简单，以演示React和Redux如何协同工作。 </section>
+
+## Instructions
+<section id="instructions">首先，定义一个动作类型&#39;ADD&#39;并将其设置为const <code>ADD</code> 。接下来，定义一个动作创建器<code>addMessage()</code> ，它创建添加消息的动作。您需要将<code>message</code>给此操作创建者，并在返回的<code>action</code>包含该消息。然后创建一个名为<code>messageReducer()</code>的reducer来处理消息的状态。初始状态应该等于空数组。此reducer应向状态中保存的消息数组添加消息，或返回当前状态。最后，创建Redux存储并将其传递给reducer。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: const <code>ADD</code>应该存在并保持一个等于字符串<code>ADD</code>的值
+    testString: 'assert(ADD === "ADD", "The const <code>ADD</code> should exist and hold a value equal to the string <code>ADD</code>");'
+  - text: 动作创建者<code>addMessage</code>应返回<code>type</code>等于<code>ADD</code>的对象，并且消息等于传入的消息。
+    testString: 'assert((function() { const addAction = addMessage("__TEST__MESSAGE__"); return addAction.type === ADD && addAction.message === "__TEST__MESSAGE__"; })(), "The action creator <code>addMessage</code> should return an object with <code>type</code> equal to <code>ADD</code> and message equal to the message that is passed in.");'
+  - text: <code>messageReducer</code>应该是一个函数。
+    testString: 'assert(typeof messageReducer === "function", "<code>messageReducer</code> should be a function.");'
+  - text: 存储应该存在并且初始状态设置为空数组。
+    testString: 'assert((function() { const initialState = store.getState(); return typeof store === "object" && initialState.length === 0; })(), "The store should exist and have an initial state set to an empty array.");'
+  - text: 对商店调度<code>addMessage</code>应该<code>addMessage</code>向状态中保存的消息数组添加新消息。
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch(addMessage("__A__TEST__MESSAGE")); const addState = store.getState(); return (isFrozen && addState[0] === "__A__TEST__MESSAGE"); })(), "Dispatching <code>addMessage</code> against the store should immutably add a new message to the array of messages held in state.");'
+  - text: 如果使用任何其他操作调用， <code>messageReducer</code>应返回当前状态。
+    testString: 'assert((function() { const addState = store.getState(); store.dispatch({type: "FAKE_ACTION"}); const testState = store.getState(); return (addState === testState); })(), "The <code>messageReducer</code> should return the current state if called with any other actions.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// define ADD, addMessage(), messageReducer(), and store here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/getting-started-with-react-redux.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/getting-started-with-react-redux.chinese.md
new file mode 100644
index 0000000000..a009e1325d
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/getting-started-with-react-redux.chinese.md
@@ -0,0 +1,69 @@
+---
+id: 5a24c314108439a4d4036141
+title: Getting Started with React Redux
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: React Redux入门
+---
+
+## Description
+<section id="description">这一系列挑战介绍了如何将Redux与React一起使用。首先，这里回顾一下每种技术的一些关键原则。 React是一个您提供数据的视图库，然后以高效，可预测的方式呈现视图。 Redux是一个状态管理框架，可用于简化应用程序状态的管理。通常，在React Redux应用程序中，您可以创建一个Redux存储库来管理整个应用程序的状态。您的React组件仅订阅商店中与其角色相关的数据。然后，直接从React组件调度操作，然后触发存储更新。虽然React组件可以在本地管理自己的状态，但是当您拥有复杂的应用程序时，通常最好将应用程序状态保存在Redux的单个位置。当单个组件可能仅具有特定于其的本地状态时，存在例外情况。最后，因为Redux不是设计用于开箱即用的React，所以你需要使用<code>react-redux</code>包。它为您提供了Redux的传递方式<code>state</code> ，并<code>dispatch</code>到你的反应的组分作为<code>props</code> 。在接下来的几个挑战中，首先，您将创建一个简单的React组件，允许您输入新的文本消息。这些将添加到视图中显示的数组中。这应该是您在React课程中学到的内容的一个很好的回顾。接下来，您将创建一个Redux存储和操作来管理messages数组的状态。最后，您将使用<code>react-redux</code>将Redux存储与您的组件连接，从而将本地状态提取到Redux存储中。 </section>
+
+## Instructions
+<section id="instructions">从<code>DisplayMessages</code>组件开始。一个构造添加到该组件，并使用具有两个属性的状态初始化： <code>input</code> ，其被设置为一个空字符串，和<code>messages</code> ，这是设置为空数组。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>DisplayMessages</code>组件应呈现一个空的<code>div</code>元素。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); return mockedComponent.find("div").text() === "" })(), "The <code>DisplayMessages</code> component should render an empty <code>div</code> element.");'
+  - text: 应该使用<code>super</code>正确调用<code>DisplayMessages</code>构造函数，传入<code>props</code> 。
+    testString: 'getUserInput => assert((function() { const noWhiteSpace = getUserInput("index").replace(/\s/g,""); return noWhiteSpace.includes("constructor(props)") && noWhiteSpace.includes("super(props"); })(), "The <code>DisplayMessages</code> constructor should be called properly with <code>super</code>, passing in <code>props</code>.");'
+  - text: '<code>DisplayMessages</code>组件的初始状态应等于<code>{input: &quot;&quot;, messages: []}</code> 。'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const initialState = mockedComponent.state(); return typeof initialState === "object" && initialState.input === "" && Array.isArray(initialState.messages) && initialState.messages.length === 0; })(), "The <code>DisplayMessages</code> component should have an initial state equal to <code>{input: "", messages: []}</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class DisplayMessages extends React.Component {
+  // change code below this line
+
+  // change code above this line
+  render() {
+    return <div />
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/manage-state-locally-first.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/manage-state-locally-first.chinese.md
new file mode 100644
index 0000000000..108664eef0
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/manage-state-locally-first.chinese.md
@@ -0,0 +1,88 @@
+---
+id: 5a24c314108439a4d4036142
+title: Manage State Locally First
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 在当地管理国家
+---
+
+## Description
+<section id="description">在这里，您将完成创建<code>DisplayMessages</code>组件。 </section>
+
+## Instructions
+<section id="instructions">首先，在<code>render()</code>方法中，让组件呈现<code>input</code>元素， <code>button</code>元素和<code>ul</code>元素。当<code>input</code>元素改变时，它应该触发<code>handleChange()</code>方法。此外， <code>input</code>元素应该呈现处于组件状态的<code>input</code>值。 <code>button</code>元素应在单击时触发<code>submitMessage()</code>方法。其次，写下这两种方法。该<code>handleChange()</code>方法应该更新<code>input</code>与用户正在打字。 <code>submitMessage()</code>方法应将当前消息（存储在<code>input</code> ）连接到本地状态的<code>messages</code>数组，并清除<code>input</code>的值。最后，使用<code>ul</code>映射<code>messages</code>数组并将其作为<code>li</code>元素列表呈现给屏幕。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>DisplayMessages</code>组件应使用等于<code>{ input: &quot;&quot;, messages: [] }</code>的状态进行初始化。'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const initialState = mockedComponent.state(); return ( typeof initialState === "object" && initialState.input === "" && initialState.messages.length === 0); })(), "The <code>DisplayMessages</code> component should initialize with a state equal to <code>{ input: "", messages: [] }</code>.");'
+  - text: <code>DisplayMessages</code>组件应该呈现包含<code>h2</code>元素， <code>button</code>元素， <code>ul</code>元素和<code>li</code>元素作为子元素的<code>div</code> 。
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const state = () => { mockedComponent.setState({messages: ["__TEST__MESSAGE"]}); return waitForIt(() => mockedComponent )}; const updated = await state(); assert(updated.find("div").length === 1 && updated.find("h2").length === 1 && updated.find("button").length === 1 && updated.find("ul").length === 1, "The <code>DisplayMessages</code> component should render a <code>div</code> containing an <code>h2</code> element, a <code>button</code> element, a <code>ul</code> element, and <code>li</code> elements as children."); }; '
+  - text: <code>input</code>元素应该以本地状态呈现<code>input</code>值。
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const testValue = "__TEST__EVENT__INPUT"; const changed = () => { causeChange(mockedComponent, testValue); return waitForIt(() => mockedComponent )}; const updated = await changed(); assert(updated.find("input").props().value === testValue, "The <code>input</code> element should render the value of <code>input</code> in local state."); }; '
+  - text: 调用方法<code>handleChange</code>应该将状态中的<code>input</code>值更新为当前输入。
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const initialState = mockedComponent.state(); const testMessage = "__TEST__EVENT__MESSAGE__"; const changed = () => { causeChange(mockedComponent, testMessage); return waitForIt(() => mockedComponent )}; const afterInput = await changed(); assert(initialState.input === "" && afterInput.state().input === "__TEST__EVENT__MESSAGE__", "Calling the method <code>handleChange</code> should update the <code>input</code> value in state to the current input.");  }; '
+  - text: 单击“ <code>Add message</code>按钮应调用方法<code>submitMessage</code> ，该方法<code>submitMessage</code>当前<code>input</code>添加到状态中的<code>messages</code>数组。
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const initialState = mockedComponent.state(); const testMessage_1 = "__FIRST__MESSAGE__"; const firstChange = () => { causeChange(mockedComponent, testMessage_1); return waitForIt(() => mockedComponent )}; const firstResult = await firstChange(); const firstSubmit = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterSubmit_1 = await firstSubmit(); const submitState_1 = afterSubmit_1.state(); const testMessage_2 = "__SECOND__MESSAGE__"; const secondChange = () => { causeChange(mockedComponent, testMessage_2); return waitForIt(() => mockedComponent )}; const secondResult = await secondChange(); const secondSubmit = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterSubmit_2 = await secondSubmit(); const submitState_2 = afterSubmit_2.state(); assert(initialState.messages.length === 0 && submitState_1.messages.length === 1 && submitState_2.messages.length === 2 && submitState_2.messages[1] === testMessage_2, "Clicking the <code>Add message</code> button should call the method <code>submitMessage</code> which should add the current <code>input</code> to the <code>messages</code> array in state."); }; '
+  - text: <code>submitMessage</code>方法应该清除当前输入。
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const initialState = mockedComponent.state(); const testMessage = "__FIRST__MESSAGE__"; const firstChange = () => { causeChange(mockedComponent, testMessage); return waitForIt(() => mockedComponent )}; const firstResult = await firstChange(); const firstState = firstResult.state(); const firstSubmit = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterSubmit = await firstSubmit(); const submitState = afterSubmit.state(); assert(firstState.input === testMessage && submitState.input === "", "The <code>submitMessage</code> method should clear the current input."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class DisplayMessages extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      messages: []
+    }
+  }
+  // add handleChange() and submitMessage() methods here
+
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        { /* render an input, button, and ul here */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/map-dispatch-to-props.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/map-dispatch-to-props.chinese.md
new file mode 100644
index 0000000000..0cd63b34f8
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/map-dispatch-to-props.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 5a24c314108439a4d4036146
+title: Map Dispatch to Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 将调度映射到道具
+---
+
+## Description
+<section id="description"> <code>mapDispatchToProps()</code>函数用于为React组件提供特定的操作创建器，以便它们可以针对Redux存储分派操作。它的结构与您在上一次挑战中编写的<code>mapStateToProps()</code>函数类似。它返回一个对象，该对象将调度操作映射到属性名称，后者成为组件<code>props</code> 。但是，每个属性都返回一个函数，该函数使用动作创建者和任何相关的动作数据来调用<code>dispatch</code> ，而不是返回一个<code>state</code> 。您可以访问此<code>dispatch</code>因为它在您定义函数时作为参数传递给<code>mapDispatchToProps()</code> ，就像您将<code>state</code>传递给<code>mapStateToProps()</code> 。在幕后，阵营终极版使用终极版的<code>store.dispatch()</code>进行这些分派<code>mapDispatchToProps()</code>这类似于它将<code>store.subscribe()</code>用于映射到<code>state</code>组件。例如，您有一个<code>loginUser()</code>动作创建者，它将<code>username</code>作为动作有效负载。从<code>mapDispatchToProps()</code>为此动作创建者返回的对象看起来像： <blockquote> { <br> submitLoginUser：function（username）{ <br>调度（loginUser（用户名））; <br> } <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">代码编辑器提供了一个名为<code>addMessage()</code>的动作创建器。编写函数<code>mapDispatchToProps()</code> ，将<code>dispatch</code>作为参数，然后返回一个对象。该对象应该将一个属性<code>submitNewMessage</code>设置为dispatch函数，该函数在调度<code>addMessage()</code>时为新消息添加一个参数。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>addMessage</code>应该返回一个带有键<code>type</code>和<code>message</code>的对象。
+    testString: 'assert((function() { const addMessageTest = addMessage(); return ( addMessageTest.hasOwnProperty("type") && addMessageTest.hasOwnProperty("message")); })(), "<code>addMessage</code> should return an object with keys <code>type</code> and <code>message</code>.");'
+  - text: <code>mapDispatchToProps</code>应该是一个函数。
+    testString: 'assert(typeof mapDispatchToProps === "function", "<code>mapDispatchToProps</code> should be a function.");'
+  - text: <code>mapDispatchToProps</code>应该返回一个对象。
+    testString: 'assert(typeof mapDispatchToProps() === "object", "<code>mapDispatchToProps</code> should return an object.");'
+  - text: 使用<code>submitNewMessage</code>的<code>mapDispatchToProps</code>调度<code>addMessage</code>应该向调度函数返回一条消息。
+    testString: 'assert((function() { let testAction; const dispatch = (fn) => { testAction = fn; }; let dispatchFn = mapDispatchToProps(dispatch); dispatchFn.submitNewMessage("__TEST__MESSAGE__"); return (testAction.type === "ADD" && testAction.message === "__TEST__MESSAGE__"); })(), "Dispatching <code>addMessage</code> with <code>submitNewMessage</code> from <code>mapDispatchToProps</code> should return a message to the dispatch function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const addMessage = (message) => {
+  return {
+    type: 'ADD',
+    message: message
+  }
+};
+
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/map-state-to-props.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/map-state-to-props.chinese.md
new file mode 100644
index 0000000000..e4ccdccfd3
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/map-state-to-props.chinese.md
@@ -0,0 +1,58 @@
+---
+id: 5a24c314108439a4d4036145
+title: Map State to Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 将状态映射到道具
+---
+
+## Description
+<section id="description"> <code>Provider</code>组件允许您为React组件提供<code>state</code>和<code>dispatch</code> ，但您必须准确指定所需的状态和操作。这样，您可以确保每个组件只能访问所需的状态。您可以通过创建两个函数来完成此任务： <code>mapStateToProps()</code>和<code>mapDispatchToProps()</code> 。在这些函数中，您可以声明要访问的状态段以及需要分配的操作创建者。一旦这些功能到位，您将看到如何使用React Redux <code>connect</code>方法在另一个挑战中将它们连接到您的组件。 <strong>注意：</strong>在幕后，React Redux使用<code>store.subscribe()</code>方法实现<code>mapStateToProps()</code> 。 </section>
+
+## Instructions
+<section id="instructions">创建一个函数<code>mapStateToProps()</code> 。此函数应将<code>state</code>作为参数，然后返回将该状态映射到特定属性名称的对象。您可以通过<code>props</code>访问这些属性。由于此示例将应用程序的整个状态保存在单个数组中，因此您可以将整个状态传递给组件。在要返回的对象中创建属性<code>messages</code> ，并将其设置为<code>state</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: const <code>state</code>应该是一个空数组。
+    testString: 'assert(Array.isArray(state) && state.length === 0, "The const <code>state</code> should be an empty array.");'
+  - text: <code>mapStateToProps</code>应该是一个函数。
+    testString: 'assert(typeof mapStateToProps === "function", "<code>mapStateToProps</code> should be a function.");'
+  - text: <code>mapStateToProps</code>应该返回一个对象。
+    testString: 'assert(typeof mapStateToProps() === "object", "<code>mapStateToProps</code> should return an object.");'
+  - text: 将数组作为状态传递给<code>mapStateToProps</code>应该返回分配给<code>messages</code>键的数组。
+    testString: 'assert(mapStateToProps(["messages"]).messages.pop() === "messages", "Passing an array as state to <code>mapStateToProps</code> should return this array assigned to a key of <code>messages</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const state = [];
+
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/moving-forward-from-here.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/moving-forward-from-here.chinese.md
new file mode 100644
index 0000000000..d0b9de871e
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/moving-forward-from-here.chinese.md
@@ -0,0 +1,71 @@
+---
+id: 5a24c314108439a4d403614a
+title: Moving Forward From Here
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 从这里前进
+---
+
+## Description
+<section id="description">恭喜！你完成了React和Redux的课程。在继续之前，最后一项值得指出。通常，您不会在这样的代码编辑器中编写React应用程序。如果您在自己的计算机上使用npm和文件系统，这个挑战可以让您一瞥语法的样子。代码看起来应该类似，除了使用<code>import</code>语句（这些语句提取了在挑战中为您提供的所有依赖项）。 “使用npm管理包”部分更详细地介绍了npm。最后，编写React和Redux代码通常需要一些配置。这可能很快变得复杂。如果您有兴趣在自己的机器上进行实验，可以配置<a id="CRA" target="_blank" href="https://github.com/facebookincubator/create-react-app">Create React App</a>并准备就绪。或者，您可以在CodePen中启用Babel作为JavaScript预处理器，将React和ReactDOM添加为外部JavaScript资源，并在那里工作。 </section>
+
+## Instructions
+<section id="instructions">记录消息<code>&#39;Now I know React and Redux!&#39;</code>到控制台。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 消息<code>Now I know React and Redux!</code>应该登录到控制台。
+    testString: 'assert(editor.getValue().includes("console.log("Now I know React and Redux!")") || editor.getValue().includes("console.log(\"Now I know React and Redux!\")"), "The message <code>Now I know React and Redux!</code> should be logged to the console.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// import React from 'react'
+// import ReactDOM from 'react-dom'
+// import { Provider, connect } from 'react-redux'
+// import { createStore, combineReducers, applyMiddleware } from 'redux'
+// import thunk from 'redux-thunk'
+
+// import rootReducer from './redux/reducers'
+// import App from './components/App'
+
+// const store = createStore(
+//   rootReducer,
+//   applyMiddleware(thunk)
+// );
+
+// ReactDOM.render(
+//   <Provider store={store}>
+//     <App/>
+//   </Provider>,
+//   document.getElementById('root')
+// );
+
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/use-provider-to-connect-redux-to-react.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/use-provider-to-connect-redux-to-react.chinese.md
new file mode 100644
index 0000000000..094de9d9d5
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react-and-redux/use-provider-to-connect-redux-to-react.chinese.md
@@ -0,0 +1,141 @@
+---
+id: 5a24c314108439a4d4036144
+title: Use Provider to Connect Redux to React
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用Provider将Redux连接到React
+---
+
+## Description
+<section id="description">在上一个挑战中，您创建了一个Redux存储来处理messages数组并创建了一个用于添加新消息的操作。下一步是提供对Redux存储的React访问以及分派更新所需的操作。 React Redux提供了<code>react-redux</code>包来帮助完成这些任务。 React Redux提供了一个小API，它有两个关键特性： <code>Provider</code>和<code>connect</code> 。另一个挑战包括<code>connect</code> 。 <code>Provider</code>是React Redux的一个包装组件，它包装了你的React应用程序。然后，此包装器允许您访问整个组件树中的Redux <code>store</code>和<code>dispatch</code>功能。 <code>Provider</code>需要两个道具，Redux商店和应用程序的子组件。为App组件定义<code>Provider</code>可能如下所示： <blockquote> &lt;Provider store = {store}&gt; <br> &lt;应用/&gt; <br> &lt;/提供商&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions">代码编辑器现在显示过去几个挑战中的所有Redux和React代码。它包括Redux存储，操作和<code>DisplayMessages</code>组件。唯一的新部分是底部的<code>AppWrapper</code>组件。使用此顶级组件从<code>ReactRedux</code>呈现<code>Provider</code> ，并将Redux存储作为prop传递。然后将<code>DisplayMessages</code>组件渲染为子级。完成后，您应该看到React组件呈现给页面。 <strong>注意：</strong> React Redux在此处可用作全局变量，因此您可以使用点表示法访问提供程序。编辑器中的代码利用了这一点并将其设置为一个常量<code>Provider</code>供您在<code>AppWrapper</code>渲染方法中使用。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>AppWrapper</code>应该渲染。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("AppWrapper").length === 1; })(), "The <code>AppWrapper</code> should render.");'
+  - text: <code>Provider</code>包装器组件应该具有传递给它的<code>store</code>支柱，等于Redux存储。
+    testString: 'getUserInput => assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return getUserInput("index").replace(/\s/g,"").includes("<Providerstore={store}>"); })(), "The <code>Provider</code> wrapper component should have a prop of <code>store</code> passed to it, equal to the Redux store.");'
+  - text: <code>DisplayMessages</code>应该呈现为<code>AppWrapper</code> 。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("AppWrapper").find("DisplayMessages").length === 1; })(), "<code>DisplayMessages</code> should render as a child of <code>AppWrapper</code>.");'
+  - text: <code>DisplayMessages</code>组件应该呈现h2，input，button和<code>ul</code>元素。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("div").length === 1 && mockedComponent.find("h2").length === 1 && mockedComponent.find("button").length === 1 && mockedComponent.find("ul").length === 1; })(), "The <code>DisplayMessages</code> component should render an h2, input, button, and <code>ul</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// Redux Code:
+const ADD = 'ADD';
+
+const addMessage = (message) => {
+  return {
+    type: ADD,
+    message
+  }
+};
+
+const messageReducer = (state = [], action) => {
+  switch (action.type) {
+    case ADD:
+      return [
+        ...state,
+        action.message
+      ];
+    default:
+      return state;
+  }
+};
+
+
+
+const store = Redux.createStore(messageReducer);
+
+// React Code:
+
+class DisplayMessages extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      messages: []
+    }
+    this.handleChange = this.handleChange.bind(this);
+    this.submitMessage = this.submitMessage.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  submitMessage() {
+    const currentMessage = this.state.input;
+    this.setState({
+      input: ",
+      messages: this.state.messages.concat(currentMessage)
+    });
+  }
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange}/><br/>
+        <button onClick={this.submitMessage}>Submit</button>
+        <ul>
+          {this.state.messages.map( (message, idx) => {
+              return (
+                 <li key={idx}>{message}</li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+};
+
+const Provider = ReactRedux.Provider;
+
+class AppWrapper extends React.Component {
+  // render the Provider here
+
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/access-props-using-this.props.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/access-props-using-this.props.chinese.md
new file mode 100644
index 0000000000..bf729a7e84
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/access-props-using-this.props.chinese.md
@@ -0,0 +1,99 @@
+---
+id: 5a24c314108439a4d403616e
+title: Access Props Using this.props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用this.props访问道具
+---
+
+## Description
+<section id="description">最后几个挑战涵盖了将道具传递给子组件的基本方法。但是，如果你传递道具的子组件是ES6类组件，而不是无状态功能组件呢？ ES6类组件使用稍微不同的约定来访问props。无论何时在您自己引用类组件时，都使用<code>this</code>关键字。一类组件中访问的道具，你前言您使用与访问它的代码<code>this</code> 。例如，如果ES6类组件具有名为<code>data</code>的prop，则在JSX中编写<code>{this.props.data}</code> 。 </section>
+
+## Instructions
+<section id="instructions">在父组件<code>ResetPassword</code>呈现<code>ReturnTempPassword</code>组件的实例。在这里，给<code>ReturnTempPassword</code>一个<code>tempPassword</code>的prop，并为它<code>tempPassword</code>一个至少8个字符长的字符串的值。在子项<code>ReturnTempPassword</code> ，访问<code>strong</code>标记内的<code>tempPassword</code> prop，以确保用户看到临时密码。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>ResetPassword</code>组件应返回单个<code>div</code>元素。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.children().type() === "div"; })(), "The <code>ResetPassword</code> component should return a single <code>div</code> element.");'
+  - text: <code>ResetPassword</code>的第四个子<code>ResetPassword</code>应该是<code>ReturnTempPassword</code>组件。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.children().childAt(3).name() === "ReturnTempPassword"; })(), "The fourth child of <code>ResetPassword</code> should be the <code>ReturnTempPassword</code> component.");'
+  - text: <code>ReturnTempPassword</code>组件应该有一个名为<code>tempPassword</code>的prop。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.find("ReturnTempPassword").props().tempPassword; })(), "The <code>ReturnTempPassword</code> component should have a prop called <code>tempPassword</code>.");'
+  - text: <code>ReturnTempPassword</code>的<code>tempPassword</code>道具应该等于至少<code>8</code>字符的字符串。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); const temp = mockedComponent.find("ReturnTempPassword").props().tempPassword; return typeof temp === "string" && temp.length >= 8; })(), "The <code>tempPassword</code> prop of <code>ReturnTempPassword</code> should be equal to a string of at least <code>8</code> characters.");'
+  - text: <code>ReturnTempPassword</code>组件应显示您在<code>strong</code>标记内作为<code>tempPassword</code>支柱创建的密码。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.find("strong").text() === mockedComponent.find("ReturnTempPassword").props().tempPassword; })(), "The <code>ReturnTempPassword</code> component should display the password you create as the <code>tempPassword</code> prop within <code>strong</code> tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class ReturnTempPassword extends React.Component {
+  constructor(props) {
+    super(props);
+
+  }
+  render() {
+    return (
+        <div>
+            { /* change code below this line */ }
+            <p>Your temporary password is: <strong></strong></p>
+            { /* change code above this line */ }
+        </div>
+    );
+  }
+};
+
+class ResetPassword extends React.Component {
+  constructor(props) {
+    super(props);
+
+  }
+  render() {
+    return (
+        <div>
+          <h2>Reset Password</h2>
+          <h3>We've generated a new temporary password for you.</h3>
+          <h3>Please reset this password from your account settings ASAP.</h3>
+          { /* change code below this line */ }
+
+          { /* change code above this line */ }
+        </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/add-comments-in-jsx.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/add-comments-in-jsx.chinese.md
new file mode 100644
index 0000000000..4618f2205c
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/add-comments-in-jsx.chinese.md
@@ -0,0 +1,69 @@
+---
+id: 5a24bbe0dba28a8d3cbd4c5e
+title: Add Comments in JSX
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 在JSX中添加注释
+---
+
+## Description
+<section id="description"> JSX是一种可以编译成有效JavaScript的语法。有时，为了便于阅读，您可能需要在代码中添加注释。像大多数编程语言一样，JSX有自己的方法来做到这一点。要将注释放在JSX中，可以使用语法<code>{/* */}</code>来包含注释文本。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器的JSX元素与您在上一个挑战中创建的元素类似。在提供的<code>div</code>元素中的某处添加注释，而不修改现有的<code>h1</code>或<code>p</code>元素。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 常量<code>JSX</code>应该返回一个<code>div</code>元素。
+    testString: 'assert(JSX.type === "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: <code>div</code>应包含一个<code>h1</code>标记作为第一个元素。
+    testString: 'assert(JSX.props.children[0].type === "h1", "The <code>div</code> should contain an <code>h1</code> tag as the first element.");'
+  - text: <code>div</code>应该包含一个<code>p</code>标签作为第二个元素。
+    testString: 'assert(JSX.props.children[1].type === "p", "The <code>div</code> should contain a <code>p</code> tag as the second element.");'
+  - text: <code>JSX</code>应该包含一条评论。
+    testString: 'getUserInput => assert(getUserInput("index").includes("/*") && getUserInput("index").includes("*/"), "The <code>JSX</code> should include a comment.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = (
+  <div>
+    <h1>This is a block of JSX</h1>
+    <p>Here's a subtitle</p>
+  </div>
+);
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/add-event-listeners.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/add-event-listeners.chinese.md
new file mode 100644
index 0000000000..13ada7203f
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/add-event-listeners.chinese.md
@@ -0,0 +1,98 @@
+---
+id: 5a24c314108439a4d403617e
+title: Add Event Listeners
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 添加事件监听器
+---
+
+## Description
+<section id="description"> <code>componentDidMount()</code>方法也是附加您需要为特定功能添加的任何事件侦听器的最佳位置。 React提供了一个合成事件系统，它包装了浏览器中的本机事件系统。这意味着无论用户的浏览器如何，合成事件系统的行为都完全相同 - 即使本机事件在不同浏览器之间的行为可能不同。您已经使用了一些合成事件处理程序，如<code>onClick()</code> 。 React的合成事件系统非常适合用于您在DOM元素上管理的大多数交互。但是，如果要将事件处理程序附加到文档或窗口对象，则必须直接执行此操作。 </section>
+
+## Instructions
+<section id="instructions">在<code>componentDidMount()</code>方法中为<code>keydown</code>事件附加事件侦听器，并让这些事件触发回调<code>handleKeyPress()</code> 。您可以使用<code>document.addEventListener()</code> ，它将事件（在引号中）作为第一个参数，将回调作为第二个参数。然后，在<code>componentWillUnmount()</code> ，删除此相同的事件侦听器。您可以将相同的参数传递给<code>document.removeEventListener()</code> 。在卸载和销毁之前，使用此生命周期方法对React组件进行任何清理是一种很好的做法。删除事件侦听器就是一个这样的清理操作的示例。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code>应该呈现一个包含<code>h1</code>标记的<code>div</code>元素。
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("div").children().find("h1").length === 1; })(), "<code>MyComponent</code> should render a <code>div</code> element which wraps an <code>h1</code> tag.");'
+  - text: keydown侦听器应附加到<code>componentDidMount</code>的文档。
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const didMountString = mockedComponent.instance().componentDidMount.toString(); return new RegExp("document\.addEventListener(.|\n|\r)+keydown(.|\n|\r)+this\.handleKeyPress").test(didMountString); })(), "A keydown listener should be attached to the document in <code>componentDidMount</code>.");'
+  - text: 应该从<code>componentWillUnmount</code>的文档中删除keydown侦听器。
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const willUnmountString = mockedComponent.instance().componentWillUnmount.toString(); return new RegExp("document\.removeEventListener(.|\n|\r)+keydown(.|\n|\r)+this\.handleKeyPress").test(willUnmountString); })(), "The keydown listener should be removed from the document in <code>componentWillUnmount</code>.");'
+  - text: 组件安装完成后，按<code>enter</code>应更新其状态和渲染的<code>h1</code>标签。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const beforeState = mockedComponent.state("message"); const beforeText = mockedComponent.find("h1").text(); const pressEnterKey = () => { mockedComponent.instance().handleKeyPress({ keyCode: 13 }); return waitForIt(() => { mockedComponent.update(); return { state: mockedComponent.state("message"), text: mockedComponent.find("h1").text()}; });}; const afterKeyPress = await pressEnterKey(); assert(beforeState !== afterKeyPress.state && beforeText !== afterKeyPress.text, "Once the component has mounted, pressing <code>enter</code> should update its state and the rendered <code>h1</code> tag."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      message: "
+    };
+    this.handleEnter = this.handleEnter.bind(this);
+    this.handleKeyPress = this.handleKeyPress.bind(this);
+  }
+  // change code below this line
+  componentDidMount() {
+
+  }
+  componentWillUnmount() {
+
+  }
+  // change code above this line
+  handleEnter() {
+    this.setState({
+      message: this.state.message + 'You pressed the enter key! '
+    });
+  }
+  handleKeyPress(event) {
+    if (event.keyCode === 13) {
+      this.handleEnter();
+    }
+  }
+  render() {
+    return (
+      <div>
+        <h1>{this.state.message}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/add-inline-styles-in-react.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/add-inline-styles-in-react.chinese.md
new file mode 100644
index 0000000000..fa475ed3c4
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/add-inline-styles-in-react.chinese.md
@@ -0,0 +1,78 @@
+---
+id: 5a24c314108439a4d4036182
+title: Add Inline Styles in React
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 在React中添加内联样式
+---
+
+## Description
+<section id="description">您可能已经注意到，在上一个挑战中，除了设置为JavaScript对象的<code>style</code>属性之外，还有HTML内联样式的其他几种语法差异。首先，某些CSS样式属性的名称使用驼峰大小写。例如，最后一个挑战使用<code>fontSize</code>而不是<code>font-size</code>设置<code>font-size</code> 。像<code>font-size</code>这样的连字符是JavaScript对象属性的无效语法，因此React使用驼峰大小写。通常，任何带连字符的样式属性都是使用JSX中的camel case编写的。除非另有说明，否则假定所有属性值长度单位（如<code>height</code> ， <code>width</code>和<code>fontSize</code> ）均为<code>px</code> 。例如，如果要使用<code>em</code> ，则将值和单位用引号括起来，如<code>{fontSize: &quot;4em&quot;}</code> 。除了默认为<code>px</code>的长度值之外，所有其他属性值都应该用引号括起来。 </section>
+
+## Instructions
+<section id="instructions">如果您有大量样式，则可以将样式<code>object</code>分配给常量以保持代码的有序性。取消注释<code>styles</code>常量并声明具有三个样式属性及其值的<code>object</code> 。给<code>div</code>一个颜色为<code>&quot;purple&quot;</code> ，字体大小为<code>40</code> ，边框为<code>&quot;2px solid purple&quot;</code> 。然后将<code>style</code>属性设置为等于<code>styles</code>常量。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>styles</code>变量应该是具有三个属性的<code>object</code> 。
+    testString: 'assert(Object.keys(styles).length === 3, "The <code>styles</code> variable should be an <code>object</code> with three properties.");'
+  - text: <code>styles</code>变量的<code>color</code>属性应设置为<code>purple</code>的值。
+    testString: 'assert(styles.color === "purple", "The <code>styles</code> variable should have a <code>color</code> property set to a value of <code>purple</code>.");'
+  - text: <code>styles</code>变量应该将<code>fontSize</code>属性设置为值<code>40</code> 。
+    testString: 'assert(styles.fontSize === 40, "The <code>styles</code> variable should have a <code>fontSize</code> property set to a value of <code>40</code>.");'
+  - text: <code>styles</code>变量应该将<code>border</code>属性设置为<code>2px solid purple</code>的值。
+    testString: 'assert(styles.border === "2px solid purple", "The <code>styles</code> variable should have a <code>border</code> property set to a value of <code>2px solid purple</code>.");'
+  - text: 该组件应呈现<code>div</code>元素。
+    testString: 'assert((function() { const mockedComponent = Enzyme.shallow(React.createElement(Colorful)); return mockedComponent.type() === "div"; })(), "The component should render a <code>div</code> element.");'
+  - text: <code>div</code>元素的样式应该由<code>styles</code>对象定义。
+    testString: 'assert((function() { const mockedComponent = Enzyme.shallow(React.createElement(Colorful)); return (mockedComponent.props().style.color === "purple" && mockedComponent.props().style.fontSize === 40 && mockedComponent.props().style.border === "2px solid purple"); })(), "The <code>div</code> element should have its styles defined by the <code>styles</code> object.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// const styles =
+// change code above this line
+class Colorful extends React.Component {
+  render() {
+    // change code below this line
+    return (
+      <div style={{color: "yellow", fontSize: 24}}>Style Me!</div>
+    );
+    // change code above this line
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/bind-this-to-a-class-method.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/bind-this-to-a-class-method.chinese.md
new file mode 100644
index 0000000000..744980a728
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/bind-this-to-a-class-method.chinese.md
@@ -0,0 +1,87 @@
+---
+id: 5a24c314108439a4d4036174
+title: Bind 'this' to a Class Method
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 将'this'绑定到类方法
+---
+
+## Description
+<section id="description">除了设置和更新<code>state</code> ，您还可以为组件类定义方法。类方法通常需要使用<code>this</code>关键字，以便它可以访问方法范围内的类（例如<code>state</code>和<code>props</code> ）上的属性。有几种方法可以让您的类方法访问<code>this</code> 。一个常用的方法是显式绑定<code>this</code>所以在构造<code>this</code>组件已初始化变为绑定到类方法。您可能已经注意到最后一个挑战使用<code>this.handleClick = this.handleClick.bind(this)</code>作为构造函数中的<code>handleClick</code>方法。然后，当您在类方法中调用类似<code>this.setState()</code>的函数时， <code>this</code>引用该类，并且不会被<code>undefined</code> 。 <strong>注意：</strong> <code>this</code>关键字是JavaScript中最令人困惑的方面之一，但它在React中起着重要作用。虽然这里的行为是完全正常的，但这些课程并不是<code>this</code>进行深入审查的地方，所以如果上述内容令人困惑，请参考其他课程！ </section>
+
+## Instructions
+<section id="instructions">代码编辑器具有与组件<code>state</code>保持跟踪的项目计数。它还有一个方法，允许您增加此项目计数。但是，该方法不起作用，因为它使用未定义的<code>this</code>关键字。通过明确地结合修复它<code>this</code>到<code>addItem()</code>在组件的构造方法。接下来，将单击处理程序添加到render方法中的<code>button</code>元素。当按钮收到click事件时，它应该触发<code>addItem()</code>方法。请记住，传递给<code>onClick</code>处理程序的方法需要花括号，因为它应该直接解释为JavaScript。完成上述步骤后，您应该可以单击按钮并查看HTML中的项目计数增量。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code>应该返回一个<code>div</code>元素，它按顺序包装两个元素，一个按钮和一个<code>h1</code>元素。
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).find("div").length === 1 && Enzyme.mount(React.createElement(MyComponent)).find("div").childAt(0).type() === "button" && Enzyme.mount(React.createElement(MyComponent)).find("div").childAt(1).type() === "h1", "<code>MyComponent</code> should return a <code>div</code> element which wraps two elements, a button and an <code>h1</code> element, in that order.");'
+  - text: '<code>MyComponent</code>的状态应使用键值对<code>{ itemCount: 0 }</code>初始化。'
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).state("itemCount") === 0, "The state of <code>MyComponent</code> should initialize with the key value pair <code>{ itemCount: 0 }</code>.");'
+  - text: 单击<code>button</code>元素应该运行<code>addItem</code>方法并将状态<code>itemCount</code>递增<code>1</code> 。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ itemCount: 0 }); return waitForIt(() => mockedComponent.state("itemCount")); }; const second = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent.state("itemCount")); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === 0 && secondValue === 1, "Clicking the <code>button</code> element should run the <code>addItem</code> method and increment the state <code>itemCount</code> by <code>1</code>."); };'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      itemCount: 0
+    };
+    // change code below this line
+
+    // change code above this line
+  }
+  addItem() {
+    this.setState({
+      itemCount: this.state.itemCount + 1
+    });
+  }
+  render() {
+    return (
+      <div>
+        { /* change code below this line */ }
+        <button>Click Me</button>
+        { /* change code above this line */ }
+        <h1>Current Item Count: {this.state.itemCount}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/change-inline-css-conditionally-based-on-component-state.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/change-inline-css-conditionally-based-on-component-state.chinese.md
new file mode 100644
index 0000000000..dae4fe372d
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/change-inline-css-conditionally-based-on-component-state.chinese.md
@@ -0,0 +1,95 @@
+---
+id: 5a24c314108439a4d4036189
+title: Change Inline CSS Conditionally Based on Component State
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 有条件地改变内联CSS基于组件状态
+---
+
+## Description
+<section id="description">此时，您已经看到了条件渲染的几个应用程序以及内联样式的使用。这是另外一个结合了这两个主题的例子。您还可以根据React组件的状态有条件地呈现CSS。要执行此操作，请检查条件，如果满足该条件，则修改在render方法中分配给JSX元素的样式对象。这个范例很重要，因为它是通过直接修改DOM元素来应用样式的更传统方法的一种戏剧性转变（例如，jQuery非常常见）。在该方法中，您必须跟踪元素何时更改并直接处理实际操作。跟踪更改可能变得很困难，可能会使您的UI无法预测。根据条件设置样式对象时，您将描述UI应如何看作应用程序状态的函数。有明确的信息流只能向一个方向移动。使用React编写应用程序时，这是首选方法。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器有一个简单的受控输入组件，带有样式边框。如果用户在输入框中键入超过15个字符的文本，则希望将此边框设置为红色。添加条件以检查此情况，如果条件有效，则将输入边框样式设置为<code>3px solid red</code> 。您可以通过在输入中输入文本来尝试。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>GateKeeper</code>组件应该呈现<code>div</code>元素。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); return mockedComponent.find("div").length === 1; })(), "The <code>GateKeeper</code> component should render a <code>div</code> element.");'
+  - text: 应使用设置为空字符串的状态键<code>input</code>初始化<code>GateKeeper</code>组件。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); return mockedComponent.state().input === ""; })(), "The <code>GateKeeper</code> component should be initialized with a state key <code>input</code> set to an empty string.");'
+  - text: <code>GateKeeper</code>组件应呈现<code>h3</code>标记和<code>input</code>标记。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); return mockedComponent.find("h3").length === 1 && mockedComponent.find("input").length === 1; })(), "The <code>GateKeeper</code> component should render an <code>h3</code> tag and an <code>input</code> tag.");'
+  - text: <code>input</code>标记最初应为<code>border</code>属性的<code>1px solid black</code>样式。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); return mockedComponent.find("input").props().style.border === "1px solid black"; })(), "The <code>input</code> tag should initially have a style of <code>1px solid black</code> for the <code>border</code> property.");'
+  - text: 如果状态中的输入值超过15个字符，则<code>input</code>标记应使用<code>3px solid red</code>边框进行样式设置。
+    testString: 'async () => {  const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); const simulateChange = (el, value) => el.simulate("change", {target: {value}}); let initialStyle = mockedComponent.find("input").props().style.border; const state_1 = () => { mockedComponent.setState({input: "this is 15 char" }); return waitForIt(() => mockedComponent.find("input").props().style.border )}; const state_2 = () => { mockedComponent.setState({input: "A very long string longer than 15 characters." }); return waitForIt(() => mockedComponent.find("input").props().style.border )}; const style_1 = await state_1(); const style_2 = await state_2(); assert(initialStyle === "1px solid black" && style_1 === "1px solid black" && style_2 === "3px solid red", "The <code>input</code> tag should be styled with a border of <code>3px solid red</code> if the input value in state is longer than 15 characters."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class GateKeeper extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: "
+    };
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(event) {
+    this.setState({ input: event.target.value })
+  }
+  render() {
+    let inputStyle = {
+      border: '1px solid black'
+    };
+    // change code below this line
+
+    // change code above this line
+    return (
+      <div>
+        <h3>Don't Type Too Much:</h3>
+        <input
+          type="text"
+          style={inputStyle}
+          value={this.state.input}
+          onChange={this.handleChange} />
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/compose-react-components.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/compose-react-components.chinese.md
new file mode 100644
index 0000000000..e67b632c0e
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/compose-react-components.chinese.md
@@ -0,0 +1,147 @@
+---
+id: 5a24c314108439a4d4036166
+title: Compose React Components
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 撰写反应组件
+---
+
+## Description
+<section id="description">随着挑战继续使用更复杂的组合与React组件和JSX，有一点需要注意。在其他组件中渲染ES6样式类组件与渲染您在最后几个挑战中使用的简单组件没有什么不同。您可以在其他组件中呈现JSX元素，无状态功能组件和ES6类组件。 </section>
+
+## Instructions
+<section id="instructions">在代码编辑器中， <code>TypesOfFood</code>组件已经在呈现一个名为<code>Vegetables</code>的组件。此外，还有最后一项挑战中的<code>Fruits</code>成分。将两种成分<code>NonCitrus</code> <code>Fruits</code> - 首先是<code>NonCitrus</code> ，然后是<code>Citrus</code> 。这两个组件都是在后台为您提供的。接下来，将<code>Fruits</code>类组件嵌入到<code>TypesOfFood</code>组件中，位于<code>h1</code>标题下方和<code>Vegetables</code>上方。结果应该是一系列嵌套组件，它们使用两种不同的组件类型。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>TypesOfFood</code>组件应返回单个<code>div</code>元素。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().type() === "div"; })(), "The <code>TypesOfFood</code> component should return a single <code>div</code> element.");'
+  - text: <code>TypesOfFood</code>组件应返回<code>Fruits</code>组件。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().childAt(1).name() === "Fruits"; })(), "The <code>TypesOfFood</code> component should return the <code>Fruits</code> component.");'
+  - text: <code>Fruits</code>组件应返回<code>NonCitrus</code>组件和<code>Citrus</code>组件。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return (mockedComponent.find("Fruits").children().find("NonCitrus").length === 1 && mockedComponent.find("Fruits").children().find("Citrus").length === 1); })(), "The <code>Fruits</code> component should return the <code>NonCitrus</code> component and the <code>Citrus</code> component.");'
+  - text: <code>TypesOfFood</code>组件应返回<code>Fruits</code>组件下面的<code>Vegetables</code>组件。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().childAt(2).name() === "Vegetables"; })(), "The <code>TypesOfFood</code> component should return the <code>Vegetables</code> component below the <code>Fruits</code> component.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Fruits extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h2>Fruits:</h2>
+        { /* change code below this line */ }
+
+         { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+class TypesOfFood extends React.Component {
+  constructor(props) {
+     super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>Types of Food:</h1>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+        <Vegetables />
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+class NonCitrus extends React.Component {
+  render() {
+    return (
+      <div>
+        <h4>Non-Citrus:</h4>
+        <ul>
+          <li>Apples</li>
+          <li>Blueberries</li>
+          <li>Strawberries</li>
+          <li>Bananas</li>
+        </ul>
+      </div>
+    );
+  }
+};
+class Citrus extends React.Component {
+  render() {
+    return (
+      <div>
+        <h4>Citrus:</h4>
+        <ul>
+          <li>Lemon</li>
+          <li>Lime</li>
+          <li>Orange</li>
+          <li>Grapefruit</li>
+        </ul>
+      </div>
+    );
+  }
+};
+class Vegetables extends React.Component {
+  render() {
+    return (
+      <div>
+        <h2>Vegetables:</h2>
+        <ul>
+          <li>Brussel Sprouts</li>
+          <li>Broccoli</li>
+          <li>Squash</li>
+        </ul>
+      </div>
+    );
+     }
+};
+
+```
+
+</div>
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-complex-jsx-element.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-complex-jsx-element.chinese.md
new file mode 100644
index 0000000000..4c10a9daeb
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-complex-jsx-element.chinese.md
@@ -0,0 +1,66 @@
+---
+id: 5a24bbe0dba28a8d3cbd4c5d
+title: Create a Complex JSX Element
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 创建一个复杂的JSX元素
+---
+
+## Description
+<section id="description">最后一个挑战是JSX的一个简单示例，但JSX也可以代表更复杂的HTML。关于嵌套JSX的一个重要事项是它必须返回一个元素。这个父元素将包装所有其他级别的嵌套元素。例如，编写为没有父包装元素的兄弟姐妹的几个JSX元素将不会转换。这是一个例子： <b>有效的JSX：</b> <blockquote> &lt;DIV&gt; <br> &lt;p&gt;第一段&lt;/ p&gt; <br> &lt;p&gt;第二段&lt;/ p&gt; <br> &lt;p&gt;第3段&lt;/ p&gt; <br> &lt;/ DIV&gt; </blockquote> <b>JSX无效：</b> <blockquote> &lt;p&gt;第一段&lt;/ p&gt; <br> &lt;p&gt;第二段&lt;/ p&gt; <br> &lt;p&gt;第3段&lt;/ p&gt; <br></blockquote></section>
+
+## Instructions
+<section id="instructions">定义一个新的常量<code>JSX</code> ，它呈现一个按顺序包含以下元素的<code>div</code> ：一个<code>h1</code> ，一个<code>p</code>和一个包含三个<code>li</code>项的无序列表。您可以在每个元素中包含所需的任何文本。 <strong>注意：</strong>渲染多个这样的元素时，可以将它们全部括在括号中，但并不是严格要求的。另请注意，此挑战使用<code>div</code>标记将所有子元素包装在单个父元素中。如果删除<code>div</code> ，JSX将不再转换。请记住这一点，因为当您在React组件中返回JSX元素时它也将适用。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 常量<code>JSX</code>应该返回一个<code>div</code>元素。
+    testString: 'assert(JSX.type === "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: <code>div</code>应该包含一个<code>p</code>标签作为第二个元素。
+    testString: 'assert(JSX.props.children[1].type === "p", "The <code>div</code> should contain a <code>p</code> tag as the second element.");'
+  - text: <code>div</code>应包含<code>ul</code>标记作为第三个元素。
+    testString: 'assert(JSX.props.children[2].type === "ul", "The <code>div</code> should contain a <code>ul</code> tag as the third element.");'
+  - text: <code>div</code>应包含一个<code>h1</code>标记作为第一个元素。
+    testString: 'assert(JSX.props.children[0].type === "h1", "The <code>div</code> should contain an <code>h1</code> tag as the first element.");'
+  - text: <code>ul</code>应该包含三个<code>li</code>元素。
+    testString: 'assert(JSX.props.children[2].props.children.length === 3, "The <code>ul</code> should contain three <code>li</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// write your code here
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-component-with-composition.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-component-with-composition.chinese.md
new file mode 100644
index 0000000000..2de4178ebb
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-component-with-composition.chinese.md
@@ -0,0 +1,85 @@
+---
+id: 5a24c314108439a4d4036164
+title: Create a Component with Composition
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用Composition创建一个Component
+---
+
+## Description
+<section id="description">现在我们来看看如何组合多个React组件。想象一下，您正在构建一个应用程序并创建了三个组件，一个<code>Navbar</code> ， <code>Dashboard</code>和<code>Footer</code> 。要将这些组件组合在一起，您可以创建一个<code>App</code> <i>父</i>组件，它将这三个组件中的每一个都呈现为<i>子</i>组件。要在React组件中将组件呈现为子组件，请在JSX中包含作为自定义HTML标记编写的组件名称。例如，在<code>render</code>方法中，您可以编写： <blockquote>回来（ <br> &lt;应用&gt; <br> &lt;Navbar /&gt; <br> &lt;仪表板/&gt; <br> &lt;页脚/&gt; <br> &lt;/应用&gt; <br> ） </blockquote>当React遇到引用另一个组件的自定义HTML标记（在此示例中包含在<code>&lt; /&gt;</code>的组件名称）时，它会在标记的位置呈现该组件的标记。这应该说明<code>App</code>组件与<code>Navbar</code> ， <code>Dashboard</code>和<code>Footer</code>之间的父/子关系。 </section>
+
+## Instructions
+<section id="instructions">在代码编辑器中，有一个名为<code>ChildComponent</code>的简单功能组件和一个名为<code>ParentComponent</code>的React组件。通过在<code>ParentComponent</code>呈现<code>ChildComponent</code>将两者组合在一起。确保使用正斜杠关闭<code>ChildComponent</code>标记。 <strong>注意：</strong> <code>ChildComponent</code>是使用ES6箭头函数定义的，因为这是使用React时非常常见的做法。但是，要知道这只是一个功能。如果您不熟悉箭头函数语法，请参阅JavaScript部分。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: React组件应返回单个<code>div</code>元素。
+    testString: 'assert((function() { var shallowRender = Enzyme.shallow(React.createElement(ParentComponent)); return shallowRender.type() === "div"; })(), "The React component should return a single <code>div</code> element.");'
+  - text: 该组件应返回两个嵌套元素。
+    testString: 'assert((function() { var shallowRender = Enzyme.shallow(React.createElement(ParentComponent)); return shallowRender.children().length === 2; })(), "The component should return two nested elements.");'
+  - text: 该组件应将ChildComponent作为其第二个子项返回。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ParentComponent)); return mockedComponent.find("ParentComponent").find("ChildComponent").length === 1; })(), "The component should return the ChildComponent as its second child.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ChildComponent = () => {
+  return (
+    <div>
+      <p>I am the child</p>
+    </div>
+  );
+};
+
+class ParentComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>I am the parent</h1>
+        { /* change code below this line */ }
+
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-controlled-form.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-controlled-form.chinese.md
new file mode 100644
index 0000000000..2ef7be31c9
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-controlled-form.chinese.md
@@ -0,0 +1,101 @@
+---
+id: 5a24c314108439a4d4036179
+title: Create a Controlled Form
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 创建受控表格
+---
+
+## Description
+<section id="description">最后一个挑战表明，React可以控制<code>input</code>和<code>textarea</code>等某些元素的内部状态，这使得它们成为受控组件。这也适用于其他表单元素，包括常规HTML <code>form</code>元素。 </section>
+
+## Instructions
+<section id="instructions"> <code>MyForm</code>组件设置为带有提交处理程序的空<code>form</code> 。提交表单时将调用提交处理程序。我们添加了一个提交表单的按钮。您可以看到它的<code>type</code>设置为<code>submit</code>表明它是控制表单的按钮。在<code>form</code>添加<code>input</code>元素并设置其<code>value</code>和<code>onChange()</code>属性， <code>onChange()</code>一个挑战。然后，您应该完成<code>handleSubmit</code>方法，以便将组件状态属性<code>submit</code>设置为本地<code>state</code>的当前输入值。 <strong>注意：</strong>您还必须在提交处理程序中调用<code>event.preventDefault()</code> ，以防止将刷新网页的默认表单提交行为。最后，在<code>form</code>之后创建一个<code>h1</code>标记，该<code>form</code>从组件的<code>state</code>呈现<code>submit</code>值。然后，您可以键入表单并单击按钮（或按Enter键），您应该看到您的输入呈现给页面。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyForm</code>应该返回一个包含<code>form</code>和<code>h1</code>标记的<code>div</code>元素。表单应包含<code>input</code>和<code>button</code> 。
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyForm)); return (mockedComponent.find("div").children().find("form").length === 1 && mockedComponent.find("div").children().find("h1").length === 1 && mockedComponent.find("form").children().find("input").length === 1 && mockedComponent.find("form").children().find("button").length === 1) })(), "<code>MyForm</code> should return a <code>div</code> element which contains a <code>form</code> and an <code>h1</code> tag. The form should include an <code>input</code> and a <code>button</code>.");'
+  - text: <code>MyForm</code>的状态应该使用<code>input</code>和<code>submit</code>属性初始化，两者都设置为空字符串。
+    testString: 'assert(Enzyme.mount(React.createElement(MyForm)).state("input") === "" && Enzyme.mount(React.createElement(MyForm)).state("submit") === "", "The state of <code>MyForm</code> should initialize with <code>input</code> and <code>submit</code> properties, both set to empty strings.");'
+  - text: 输入<code>input</code>元素应该更新组件状态的<code>input</code>属性。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyForm)); const _1 = () => { mockedComponent.setState({ input: "" }); return waitForIt(() => mockedComponent.state("input"))}; const _2 = () => { mockedComponent.find("input").simulate("change", { target: { value: "TestInput" }}); return waitForIt(() => ({ state: mockedComponent.state("input"), inputVal: mockedComponent.find("input").props().value }))}; const before = await _1(); const after = await _2(); assert(before === "" && after.state === "TestInput" && after.inputVal === "TestInput", "Typing in the <code>input</code> element should update the <code>input</code> property of the component&apos;s state."); }; '
+  - text: 提交表单应该运行<code>handleSubmit</code> ，它应该将<code>submit</code>属性设置为等于当前输入的状态。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyForm)); const _1 = () => { mockedComponent.setState({ input: "" }); mockedComponent.setState({submit: ""}); mockedComponent.find("input").simulate("change", {target: {value: "SubmitInput"}}); return waitForIt(() => mockedComponent.state("submit"))}; const _2 = () => { mockedComponent.find("form").simulate("submit"); return waitForIt(() => mockedComponent.state("submit"))}; const before = await _1(); const after = await _2(); assert(before === "" && after === "SubmitInput", "Submitting the form should run <code>handleSubmit</code> which should set the <code>submit</code> property in state equal to the current input."); };'
+  - text: <code>h1</code>标头应该从组件的状态呈现<code>submit</code>字段的值。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyForm)); const _1 = () => { mockedComponent.setState({ input: "" }); mockedComponent.setState({submit: ""}); mockedComponent.find("input").simulate("change", {target: {value: "TestInput"}}); return waitForIt(() => mockedComponent.find("h1").text())}; const _2 = () => { mockedComponent.find("form").simulate("submit"); return waitForIt(() => mockedComponent.find("h1").text())}; const before = await _1(); const after = await _2(); assert(before === "" && after === "TestInput", "The <code>h1</code> header should render the value of the <code>submit</code> field from the component&apos;s state."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyForm extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      submit: "
+    };
+    this.handleChange = this.handleChange.bind(this);
+    this.handleSubmit = this.handleSubmit.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  handleSubmit(event) {
+    // change code below this line
+
+    // change code above this line
+  }
+  render() {
+    return (
+      <div>
+        <form onSubmit={this.handleSubmit}>
+          { /* change code below this line */ }
+
+          { /* change code above this line */ }
+          <button type='submit'>Submit!</button>
+        </form>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-controlled-input.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-controlled-input.chinese.md
new file mode 100644
index 0000000000..06301265cb
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-controlled-input.chinese.md
@@ -0,0 +1,86 @@
+---
+id: 5a24c314108439a4d4036178
+title: Create a Controlled Input
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 创建受控输入
+---
+
+## Description
+<section id="description">您的应用程序可能在<code>state</code>和呈现的UI之间进行更复杂的交互。例如，用于文本输入的表单控件元素（例如<code>input</code>和<code>textarea</code>在用户键入时在DOM中维护它们自己的状态。使用React，您可以将此可变状态移动到React组件的<code>state</code> 。用户的输入成为应用程序<code>state</code>一部分，因此React控制该输入字段的值。通常，如果React组件具有用户可以键入的输入字段，则它将是受控输入表单。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器具有名为<code>ControlledInput</code>的组件的骨架，以创建受控<code>input</code>元素。组件的<code>state</code>已经使用包含空字符串的<code>input</code>属性进行初始化。此值表示用户在<code>input</code>字段中键入的文本。首先，创建一个名为<code>handleChange()</code>的方法，该方法具有一个名为<code>event</code>的参数。调用该方法时，它会接收一个<code>event</code>对象，该对象包含<code>input</code>元素中的一串文本。您可以使用方法内的<code>event.target.value</code>访问此字符串。使用此新字符串更新组件<code>state</code>的<code>input</code>属性。在render方法中，在<code>h4</code>标记上方创建<code>input</code>元素。添加一个<code>value</code>属性，该属性等于组件<code>state</code>的<code>input</code>属性。然后将<code>onChange()</code>事件处理程序集添加到<code>handleChange()</code>方法。当您在输入框中键入时，该文本由<code>handleChange()</code>方法处理，设置为本地<code>state</code>的<code>input</code>属性，并在页面的<code>input</code>框中呈现为值。组件<code>state</code>是关于输入数据的单一事实来源。最后但并非最不重要的是，不要忘记在构造函数中添加必要的绑定。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>ControlledInput</code>应返回包含<code>input</code>和<code>p</code>标记的<code>div</code>元素。
+    testString: 'assert(Enzyme.mount(React.createElement(ControlledInput)).find("div").children().find("input").length === 1 && Enzyme.mount(React.createElement(ControlledInput)).find("div").children().find("p").length === 1, "<code>ControlledInput</code> should return a <code>div</code> element which contains an <code>input</code> and a <code>p</code> tag.");'
+  - text: <code>ControlledInput</code>的状态应该初始化， <code>input</code>属性设置为空字符串。
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(ControlledInput)).state("input"), "", "The state of <code>ControlledInput</code> should initialize with an <code>input</code> property set to an empty string.");'
+  - text: 输入input元素应更新输入的状态和值， <code>p</code>元素应在键入时呈现此状态。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(ControlledInput)); const _1 = () => { mockedComponent.setState({ input: "" }); return waitForIt(() => mockedComponent.state("input"))}; const _2 = () => { mockedComponent.find("input").simulate("change", { target: { value: "TestInput" }}); return waitForIt(() => ({ state: mockedComponent.state("input"), text: mockedComponent.find("p").text(), inputVal: mockedComponent.find("input").props().value }))}; const before = await _1(); const after = await _2(); assert(before === "" && after.state === "TestInput" && after.text === "TestInput" && after.inputVal === "TestInput", "Typing in the input element should update the state and the value of the input, and the <code>p</code> element should render this state as you type."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class ControlledInput extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: "
+    };
+    // change code below this line
+
+    // change code above this line
+  }
+  // change code below this line
+
+  // change code above this line
+  render() {
+    return (
+      <div>
+        { /* change code below this line */}
+
+        { /* change code above this line */}
+        <h4>Controlled Input:</h4>
+        <p>{this.state.input}</p>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-react-component.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-react-component.chinese.md
new file mode 100644
index 0000000000..cbcb1e18d8
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-react-component.chinese.md
@@ -0,0 +1,73 @@
+---
+id: 5a24c314108439a4d4036163
+title: Create a React Component
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 创建一个React组件
+---
+
+## Description
+<section id="description">定义React组件的另一种方法是使用ES6 <code>class</code>语法。在以下示例中， <code>Kitten</code>扩展了<code>React.Component</code> ： <blockquote> class Kitten扩展了React.Component { <br>构造函数（道具）{ <br>超级（道具）; <br> } <br><br> render（）{ <br>回来（ <br> &lt;H1&gt;，您好&lt;/ H1&gt; <br> ）; <br> } <br> } </blockquote>这将创建一个扩展<code>React.Component</code>类的ES6类<code>Kitten</code> 。因此， <code>Kitten</code>类现在可以访问许多有用的React功能，例如本地状态和生命周期钩子。如果您还不熟悉这些术语，请不要担心，在以后的挑战中将更详细地介绍它们。另请注意， <code>Kitten</code>类在其中定义了一个调用<code>super()</code>的<code>constructor</code>函数。它使用<code>super()</code>来调用父类的构造函数，在本例中为<code>React.Component</code> 。构造函数是在使用<code>class</code>关键字创建的对象初始化期间使用的特殊方法。最好用<code>super</code>调用组件的<code>constructor</code> ，并将<code>props</code>传递给它们。这可确保组件正确初始化。现在，请知道包含此代码是标准的。很快你会看到构造函数和<code>props</code>其他用途。 </section>
+
+## Instructions
+<section id="instructions"> <code>MyComponent</code>是使用类语法在代码编辑器中定义的。完成编写<code>render</code>方法，以便返回包含带有文本<code>Hello React!</code>的<code>h1</code>的<code>div</code>元素<code>Hello React!</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: React组件应返回<code>div</code>元素。
+    testString: 'assert(Enzyme.shallow(React.createElement(MyComponent)).type() === "div", "The React component should return a <code>div</code> element.");'
+  - text: 返回的<code>div</code>应该在其中呈现一个<code>h1</code>头。
+    testString: 'assert(/<div><h1>.*<\/h1><\/div>/.test(Enzyme.shallow(React.createElement(MyComponent)).html()), "The returned <code>div</code> should render an <code>h1</code> header within it.");'
+  - text: <code>h1</code>标头应该包含字符串<code>Hello React!</code> 。
+    testString: 'assert(Enzyme.shallow(React.createElement(MyComponent)).html() === "<div><h1>Hello React!</h1></div>", "The <code>h1</code> header should contain the string <code>Hello React!</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    // change code below this line
+
+
+
+    // change code above this line
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-simple-jsx-element.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-simple-jsx-element.chinese.md
new file mode 100644
index 0000000000..c7788ac427
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-simple-jsx-element.chinese.md
@@ -0,0 +1,60 @@
+---
+id: 587d7dbc367417b2b2512bb1
+title: Create a Simple JSX Element
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 创建一个简单的JSX元素
+---
+
+## Description
+<section id="description"> <strong>简介：</strong> React是由Facebook创建和维护的开源视图库。它是渲染现代Web应用程序的用户界面（UI）的绝佳工具。 React使用名为JSX的JavaScript语法扩展，允许您直接在JavaScript中编写HTML。这有几个好处。它允许您在HTML中使用JavaScript的完整程序功能，并有助于保持代码的可读性。在大多数情况下，JSX类似于您已经学过的HTML，但是在这些挑战中将会涉及一些关键差异。例如，因为JSX是JavaScript的语法扩展，所以您实际上可以直接在JSX中编写JavaScript。要做到这一点，您只需在花括号中包含您希望被视为<code>{ &#39;this is treated as JavaScript code&#39; }</code> ： <code>{ &#39;this is treated as JavaScript code&#39; }</code> 。记住这一点，因为它用于未来的几个挑战。但是，由于JSX不是有效的JavaScript，因此必须将JSX代码编译为JavaScript。转换器Babel是这个过程的流行工具。为了您的方便，它已经在幕后为这些挑战添加。如果您碰巧编写语法无效的JSX，您将看到这些挑战中的第一个测试失败。值得注意的是，在引擎盖下，挑战是调用<code>ReactDOM.render(JSX, document.getElementById(&#39;root&#39;))</code> 。这个函数调用是将JSX置于React自己的DOM轻量级表示中的原因。然后，React使用自己的DOM快照来优化仅更新实际DOM的特定部分。 </section>
+
+## Instructions
+<section id="instructions"> <strong>说明：</strong>当前代码使用JSX将<code>div</code>元素分配给常量<code>JSX</code> 。用<code>h1</code>元素替换<code>div</code>并添加文本<code>Hello JSX!</code>在里面。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 常量<code>JSX</code>应该返回一个<code>h1</code>元素。
+    testString: 'assert(JSX.type === "h1", "The constant <code>JSX</code> should return an <code>h1</code> element.");'
+  - text: <code>h1</code>标签应该包含文本<code>Hello JSX!</code>
+    testString: 'assert(Enzyme.shallow(JSX).contains("Hello JSX!"), "The <code>h1</code> tag should include the text <code>Hello JSX!</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = <div></div>;
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-stateful-component.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-stateful-component.chinese.md
new file mode 100644
index 0000000000..a986f867be
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-stateful-component.chinese.md
@@ -0,0 +1,77 @@
+---
+id: 5a24c314108439a4d4036170
+title: Create a Stateful Component
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 创建一个有状态组件
+---
+
+## Description
+<section id="description"> React最重要的主题之一是<code>state</code> 。 State包含应用程序需要了解的任何数据，这些数据可能会随时间而变化。您希望应用程序响应状态更改并在必要时显示更新的UI。 React为现代Web应用程序的状态管理提供了一个很好的解决方案。您可以通过在<code>constructor</code>声明组件类的<code>state</code>属性来在React组件中创建状态。这与初始化该组件<code>state</code>被创建时。 <code>state</code>属性必须设置为JavaScript <code>object</code> 。声明它看起来像这样： <blockquote> this.state = { <br> //在这里描述你的州<br>您可以在组件的整个生命周期内访问<code>state</code>对象。您可以更新它，在UI中呈现它，并将其作为道具传递给子组件。 <code>state</code>对象可以像您需要的那样复杂或简单。请注意，您必须通过扩展<code>React.Component</code>来创建类组件，以便创建这样的<code>state</code> 。 </blockquote></section>
+
+## Instructions
+<section id="instructions">代码编辑器中有一个组件试图从其<code>state</code>呈现<code>name</code>属性。但是，没有定义<code>state</code> 。初始化与组件<code>state</code>的<code>constructor</code> ，并指定你的名字的属性<code>name</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>StatefulComponent</code>应该存在并呈现。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(StatefulComponent)); return mockedComponent.find("StatefulComponent").length === 1; })(), "<code>StatefulComponent</code> should exist and render.");'
+  - text: <code>StatefulComponent</code>应该呈现<code>div</code>和<code>h1</code>元素。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(StatefulComponent)); return mockedComponent.find("div").length === 1 && mockedComponent.find("h1").length === 1; })(), "<code>StatefulComponent</code> should render a <code>div</code> and an <code>h1</code> element.");'
+  - text: 应使用设置为字符串的属性<code>name</code>初始化<code>StatefulComponent</code> 。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(StatefulComponent)); const initialState = mockedComponent.state(); return ( typeof initialState === "object" && typeof initialState.name === "string"); })(), "The state of <code>StatefulComponent</code> should be initialized with a property <code>name</code> set to a string.");'
+  - text: <code>StatefulComponent</code>的属性<code>name</code>应在<code>h1</code>元素中呈现。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(StatefulComponent)); const initialState = mockedComponent.state(); return mockedComponent.find("h1").text() === initialState.name; })(), "The property <code>name</code> in the state of <code>StatefulComponent</code> should render in the <code>h1</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class StatefulComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    // initialize state here
+
+  }
+  render() {
+    return (
+      <div>
+        <h1>{this.state.name}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-stateless-functional-component.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-stateless-functional-component.chinese.md
new file mode 100644
index 0000000000..ab4ce570c5
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/create-a-stateless-functional-component.chinese.md
@@ -0,0 +1,68 @@
+---
+id: 5a24c314108439a4d4036162
+title: Create a Stateless Functional Component
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 创建无状态功能组件
+---
+
+## Description
+<section id="description">组件是React的核心。 React中的所有内容都是一个组件，在这里您将学习如何创建一个组件。有两种方法可以创建React组件。第一种方法是使用JavaScript函数。以这种方式定义组件会创建<em>无状态功能组件</em> 。应用程序中的状态概念将在以后的挑战中介绍。现在，将无状态组件视为可以接收数据并对其进行渲染的组件，但不管理或跟踪对该数据的更改。 （我们将介绍在下一个挑战中创建React组件的第二种方法。）要创建一个带有函数的组件，您只需编写一个返回JSX或<code>null</code>的JavaScript函数。需要注意的一件重要事情是，React要求您的函数名称以大写字母开头。这是一个在JSX中分配HTML类的无状态功能组件的示例： <blockquote> //被转换后，&lt;div&gt;将有一个CSS类&#39;customClass&#39; <br> const DemoComponent = function（）{ <br>回来（ <br> &lt;div className =&#39;customClass&#39;/&gt; <br> ）; <br> }; </blockquote>因为JSX组件代表HTML，所以您可以将几个组件放在一起以创建更复杂的HTML页面。这是React提供的组件架构的关键优势之一。它允许您从许多独立的，独立的组件中组合UI。这使得构建和维护复杂的用户界面变得更加容易。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器有一个名为<code>MyComponent</code>的函数。完成此函数，以便返回包含一些文本字符串的单个<code>div</code>元素。 <strong>注意：</strong>该文本被视为<code>div</code>元素的子元素，因此您将无法使用自闭合标记。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code>应该返回JSX。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.length === 1; })(), "<code>MyComponent</code> should return JSX.");'
+  - text: <code>MyComponent</code>应该返回一个<code>div</code>元素。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.children().type() === "div" })(), "<code>MyComponent</code> should return a <code>div</code> element.");'
+  - text: <code>div</code>元素应包含一串文本。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("div").text() !== ""; })(), "The <code>div</code> element should contain a string of text.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const MyComponent = function() {
+  // change code below this line
+
+
+
+  // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/define-an-html-class-in-jsx.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/define-an-html-class-in-jsx.chinese.md
new file mode 100644
index 0000000000..20c6a7817e
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/define-an-html-class-in-jsx.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 5a24c314108439a4d4036160
+title: Define an HTML Class in JSX
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 在JSX中定义HTML类
+---
+
+## Description
+<section id="description">现在您已经开始编写JSX了，您可能想知道它与HTML的区别。到目前为止，似乎HTML和JSX完全相同。 JSX的一个关键区别是你不能再使用单词<code>class</code>来定义HTML类。这是因为<code>class</code>是JavaScript中的保留字。相反，JSX使用<code>className</code> 。事实上，JSX中所有HTML属性和事件引用的命名约定都变成了camelCase。例如，JSX中的单击事件是<code>onClick</code> ，而不是<code>onclick</code> 。同样， <code>onchange</code>变为<code>onChange</code> 。虽然这是一个微妙的差异，但重要的是要记住前进。 </section>
+
+## Instructions
+<section id="instructions">将一个<code>myDiv</code>类<code>myDiv</code> JSX代码中提供的<code>div</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 常量<code>JSX</code>应该返回一个<code>div</code>元素。
+    testString: 'assert.strictEqual(JSX.type, "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: <code>div</code>有一类<code>myDiv</code> 。
+    testString: 'assert.strictEqual(JSX.props.className, "myDiv", "The <code>div</code> has a class of <code>myDiv</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = (
+  <div>
+    <h1>Add a class to this div</h1>
+  </div>
+);
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/give-sibling-elements-a-unique-key-attribute.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/give-sibling-elements-a-unique-key-attribute.chinese.md
new file mode 100644
index 0000000000..4dfceb702d
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/give-sibling-elements-a-unique-key-attribute.chinese.md
@@ -0,0 +1,85 @@
+---
+id: 5a24c314108439a4d403618b
+title: Give Sibling Elements a Unique Key Attribute
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 为兄弟元素提供唯一的键属性
+---
+
+## Description
+<section id="description">最后一项挑战展示了如何使用<code>map</code>方法根据用户输入动态呈现多个元素。但是，这个例子中缺少一个重要的部分。创建元素数组时，每个元素都需要将<code>key</code>属性设置为唯一值。 React使用这些键来跟踪添加，更改或删除的项目。当以任何方式修改列表时，这有助于使重新呈现过程更有效。请注意，键只需要在兄弟元素之间是唯一的，它们在您的应用程序中不需要是全局唯一的。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器有一个包含一些前端框架的数组和一个名为<code>Frameworks()</code>的无状态功能组件。 <code>Frameworks()</code>需要将数组映射到无序列表，就像上一次挑战一样。完成编写<code>map</code>回调以返回<code>frontEndFrameworks</code>数组中每个框架的<code>li</code>元素。这一次，请确保为每个<code>li</code>一个<code>key</code>属性，设置为唯一值。通常，您希望使键成为唯一标识要呈现的元素的键。作为最后的手段，可以使用数组索引，但通常您应该尝试使用唯一标识。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Frameworks</code>组件应该存在并呈现给页面。
+    testString: 'assert(Enzyme.mount(React.createElement(Frameworks)).find("Frameworks").length === 1, "The <code>Frameworks</code> component should exist and render to the page.");'
+  - text: <code>Frameworks</code>应该呈现<code>h1</code>元素。
+    testString: 'assert(Enzyme.mount(React.createElement(Frameworks)).find("h1").length === 1, "<code>Frameworks</code> should render an <code>h1</code> element.");'
+  - text: <code>Frameworks</code>应该呈现<code>ul</code>元素。
+    testString: 'assert(Enzyme.mount(React.createElement(Frameworks)).find("ul").length === 1, "<code>Frameworks</code> should render a <code>ul</code> element.");'
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(Frameworks)).find("ul").children().length === 6 && Enzyme.mount(React.createElement(Frameworks)).find("ul").childAt(0).name() === "li" && Enzyme.mount(React.createElement(Frameworks)).find("li").length === 6, "The <code>ul</code> tag should render 6 child <code>li</code> elements.");'
+  - text: 每个列表项元素都应具有唯一的<code>key</code>属性。
+    testString: 'assert((() => { const ul = Enzyme.mount(React.createElement(Frameworks)).find("ul"); const keys = new Set([ ul.childAt(0).key(), ul.childAt(1).key(), ul.childAt(2).key(), ul.childAt(3).key(), ul.childAt(4).key(), ul.childAt(5).key(), ]); return keys.size === 6; })(), "Each list item element should have a unique <code>key</code> attribute.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const frontEndFrameworks = [
+  'React',
+  'Angular',
+  'Ember',
+  'Knockout',
+  'Backbone',
+  'Vue'
+];
+
+function Frameworks() {
+  const renderFrameworks = null; // change code here
+  return (
+    <div>
+      <h1>Popular Front End JavaScript Frameworks</h1>
+      <ul>
+        {renderFrameworks}
+      </ul>
+    </div>
+  );
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/introducing-inline-styles.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/introducing-inline-styles.chinese.md
new file mode 100644
index 0000000000..c8b29ab473
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/introducing-inline-styles.chinese.md
@@ -0,0 +1,68 @@
+---
+id: 5a24c314108439a4d4036181
+title: Introducing Inline Styles
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 介绍内联样式
+---
+
+## Description
+<section id="description">还有其他复杂的概念可以为您的React代码添加强大的功能。但是你可能想知道如何设置你在React中创建的那些JSX元素的更简单的问题。您可能知道它与使用HTML完全不同，因为<a target="_blank" href="front-end-libraries/react/define-an-html-class-in-jsx">您将类应用于JSX元素的方式</a> 。如果从样式表导入样式，它就没有太大的不同。使用<code>className</code>属性将类应用于JSX元素，并将样式应用于样式表中的类。另一种选择是应用<strong><em>内联</em></strong>样式，这在ReactJS开发中非常常见。您将内联样式应用于JSX元素，类似于您在HTML中的操作方式，但有一些JSX差异。以下是HTML中内联样式的示例： <code>&lt;div style=&quot;color: yellow; font-size: 16px&quot;&gt;Mellow Yellow&lt;/div&gt;</code> JSX元素使用<code>style</code>属性，但由于JSX的转换方式，您可以不要将值设置为<code>string</code> 。相反，您将其设置为等于JavaScript <code>object</code> 。这是一个例子： <code>&lt;div style={{color: &quot;yellow&quot;, fontSize: 16}}&gt;Mellow Yellow&lt;/div&gt;</code>注意我们如何使用“fontSize”属性？这是因为React不接受样式对象中的kebab-case键。 React将在HTML中为我们应用正确的属性名称。 </section>
+
+## Instructions
+<section id="instructions">在代码编辑器中为<code>div</code>添加<code>style</code>属性，为文本提供红色和字体大小为72px的颜色。请注意，您可以选择将字体大小设置为数字，省略单位“px”，或将其写为“72px”。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 该组件应呈现<code>div</code>元素。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Colorful)); return mockedComponent.children().type() === "div"; })(), "The component should render a <code>div</code> element.");'
+  - text: <code>div</code>元素应该是<code>red</code> 。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Colorful)); return mockedComponent.children().props().style.color === "red"; })(), "The <code>div</code> element should have a color of <code>red</code>.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Colorful)); return (mockedComponent.children().props().style.fontSize === 72 || mockedComponent.children().props().style.fontSize === "72" || mockedComponent.children().props().style.fontSize === "72px"); })(), "The <code>div</code> element should have a font size of <code>72px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Colorful extends React.Component {
+  render() {
+    return (
+      <div>Big Red</div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/learn-about-self-closing-jsx-tags.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/learn-about-self-closing-jsx-tags.chinese.md
new file mode 100644
index 0000000000..756fd9bc3d
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/learn-about-self-closing-jsx-tags.chinese.md
@@ -0,0 +1,70 @@
+---
+id: 5a24c314108439a4d4036161
+title: Learn About Self-Closing JSX Tags
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 了解自我关闭JSX标签
+---
+
+## Description
+<section id="description">到目前为止，您已经看到JSX与HTML的不同之处在于使用<code>className</code>与<code>class</code>来定义HTML类。 JSX与HTML的另一个重要方式是自闭标签。在HTML中，几乎所有标签都有开始和结束标签： <code>&lt;div&gt;&lt;/div&gt;</code> ;结束标记在您要关闭的标记名称之前始终具有正斜杠。但是，HTML中有一些称为“自闭标签”的特殊实例，或者在另一个标签可以启动之前不需要开始和结束标签的标签。例如，换行标记可以写成<code>&lt;br&gt;</code>或<code>&lt;br /&gt;</code> ，但不应该写为<code>&lt;br&gt;&lt;/br&gt;</code> ，因为它不包含任何内容。在JSX中，规则略有不同。任何JSX元素都可以使用自闭合标记编写，并且必须关闭每个元素。例如，换行标记必须始终写为<code>&lt;br /&gt;</code>才能成为可以转换的有效JSX。另一方面， <code>&lt;div&gt;</code>可以写为<code>&lt;div /&gt;</code>或<code>&lt;div&gt;&lt;/div&gt;</code> 。不同之处在于，在第一个语法版本中，无法在<code>&lt;div /&gt;</code>包含任何内容。您将在以后的挑战中看到，在呈现React组件时，此语法非常有用。 </section>
+
+## Instructions
+<section id="instructions">修复代码编辑器中的错误，使其成为有效的JSX并成功转换。确保您不更改任何内容 - 您只需要在需要的地方关闭标签。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 常量<code>JSX</code>应该返回一个<code>div</code>元素。
+    testString: 'assert.strictEqual(JSX.type, "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: <code>div</code>应该包含一个<code>br</code>标签。
+    testString: 'assert(Enzyme.shallow(JSX).find("br").length === 1, "The <code>div</code> should contain a <code>br</code> tag.");'
+  - text: <code>div</code>应包含<code>hr</code>标记。
+    testString: 'assert(Enzyme.shallow(JSX).find("hr").length === 1, "The <code>div</code> should contain an <code>hr</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = (
+  <div>
+    {/* remove comment and change code below this line
+    <h2>Welcome to React!</h2> <br >
+    <p>Be sure to close all tags!</p>
+    <hr >
+    remove comment and change code above this line */}
+  </div>
+);
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/manage-updates-with-lifecycle-methods.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/manage-updates-with-lifecycle-methods.chinese.md
new file mode 100644
index 0000000000..2152b34722
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/manage-updates-with-lifecycle-methods.chinese.md
@@ -0,0 +1,100 @@
+---
+id: 5a24c314108439a4d403617f
+title: Manage Updates with Lifecycle Methods
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用生命周期方法管理更新
+---
+
+## Description
+<section id="description">另一个生命周期方法是<code>componentWillReceiveProps()</code> ，只要组件正在接收新的道具就会调用它。此方法接收新的props作为参数，通常写为<code>nextProps</code> 。您可以使用此参数并与<code>this.props</code>进行比较，并在组件更新之前执行操作。例如，您可以在处理更新之前在本地调用<code>setState()</code> 。另一种方法是<code>componentDidUpdate()</code> ，并在组件重新渲染后立即调用。请注意，渲染和安装在组件生命周期中被视为不同的东西。首次加载页面时，将挂载所有组件，这是调用<code>componentWillMount()</code>和<code>componentDidMount()</code>位置。在此之后，随着状态的改变，组件会重新渲染自己。下一个挑战将更详细地介绍这一点。 </section>
+
+## Instructions
+<section id="instructions">子组件<code>Dialog</code>从其父组件<code>Controller</code>组件接收<code>message</code>道具。在<code>Dialog</code>组件中编写<code>componentWillReceiveProps()</code>方法，并将<code>this.props</code>和<code>nextProps</code>到控制台。您需要将<code>nextProps</code>作为参数传递给此方法，虽然可以将其命名为任何名称，但<code>nextProps</code>其命名为<code>nextProps</code> 。接下来，在<code>Dialog</code>组件中添加<code>componentDidUpdate()</code> ，并记录一条说明组件已更新的语句。此方法的工作方式类似于为您提供的<code>componentWillUpdate()</code> 。现在单击按钮更改消息并观察浏览器控制台。控制台语句的顺序显示调用方法的顺序。 <strong>注意：</strong>您需要将生命周期方法编写为普通函数而不是箭头函数来传递测试（将生命周期方法编写为箭头函数也没有优势）。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Controller</code>组件应将<code>Dialog</code>组件呈现为子组件。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Controller)); return mockedComponent.find("Controller").length === 1 && mockedComponent.find("Dialog").length === 1; })(), "The <code>Controller</code> component should render the <code>Dialog</code> component as a child.");'
+  - text: <code>Dialog</code>组件中的<code>componentWillReceiveProps</code>方法应将<code>this.props</code>记录到控制台。
+    testString: 'assert((function() { const lifecycleChild = React.createElement(Dialog).type.prototype.componentWillReceiveProps.toString().replace(/ /g,""); return lifecycleChild.includes("console.log") && lifecycleChild.includes("this.props") })(), "The <code>componentWillReceiveProps</code> method in the <code>Dialog</code> component should log <code>this.props</code> to the console.");'
+  - text: <code>Dialog</code>组件中的<code>componentWillReceiveProps</code>方法应将<code>nextProps</code>记录到控制台。
+    testString: 'assert((function() { const lifecycleChild = React.createElement(Dialog).type.prototype.componentWillReceiveProps.toString().replace(/ /g,""); const nextPropsAsParameterTest = /componentWillReceiveProps(| *?= *?)(\(|)nextProps(\)|)( *?=> *?{| *?{|{)/; const nextPropsInConsoleLogTest = /console\.log\(.*?nextProps\b.*?\)/; return ( lifecycleChild.includes("console.log") && nextPropsInConsoleLogTest.test(lifecycleChild) && nextPropsAsParameterTest.test(lifecycleChild) ); })(), "The <code>componentWillReceiveProps</code> method in the <code>Dialog</code> component should log <code>nextProps</code> to the console.");'
+  - text: <code>Dialog</code>组件应调用<code>componentDidUpdate</code>方法并将消息记录到控制台。
+    testString: 'assert((function() { const lifecycleChild = React.createElement(Dialog).type.prototype.componentDidUpdate.toString().replace(/ /g,""); return lifecycleChild.length !== "undefined" && lifecycleChild.includes("console.log"); })(), "The <code>Dialog</code> component should call the <code>componentDidUpdate</code> method and log a message to the console.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Dialog extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  componentWillUpdate() {
+    console.log('Component is about to update...');
+  }
+  // change code below this line
+
+  // change code above this line
+  render() {
+    return <h1>{this.props.message}</h1>
+  }
+};
+
+class Controller extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      message: 'First Message'
+    };
+    this.changeMessage = this.changeMessage.bind(this);
+  }
+  changeMessage() {
+    this.setState({
+      message: 'Second Message'
+    });
+  }
+  render() {
+    return (
+      <div>
+        <button onClick={this.changeMessage}>Update</button>
+        <Dialog message={this.state.message}/>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/optimize-re-renders-with-shouldcomponentupdate.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/optimize-re-renders-with-shouldcomponentupdate.chinese.md
new file mode 100644
index 0000000000..923d27dda1
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/optimize-re-renders-with-shouldcomponentupdate.chinese.md
@@ -0,0 +1,106 @@
+---
+id: 5a24c314108439a4d4036180
+title: Optimize Re-Renders with shouldComponentUpdate
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用shouldComponentUpdate优化重新渲染
+---
+
+## Description
+<section id="description">到目前为止，如果任何组件接收到新的<code>state</code>或新的<code>props</code> ，它会重新呈现自己及其所有子项。这通常没问题。但是React提供了一个生命周期方法，您可以在子组件接收新<code>state</code>或<code>props</code>时调用它，并特别声明组件是否应该更新。方法是<code>shouldComponentUpdate()</code> ，它将<code>nextProps</code>和<code>nextState</code>作为参数。此方法是优化性能的有用方法。例如，默认行为是您的组件在收到新<code>props</code>时重新渲染，即使<code>props</code>未更改。您可以使用<code>shouldComponentUpdate()</code>通过比较<code>props</code>来防止这种情况。该方法必须返回一个<code>boolean</code>值，告诉React是否更新组件。您可以将当前道具（ <code>this.props</code> ）与下一个道具（ <code>nextProps</code> ）进行比较，以确定是否需要更新，并相应地返回<code>true</code>或<code>false</code> 。 </section>
+
+## Instructions
+<section id="instructions"> <code>shouldComponentUpdate()</code>方法添加到名为<code>OnlyEvens</code>的组件中。目前，此方法返回<code>true</code>因此每次收到新<code>props</code>时， <code>OnlyEvens</code>重新渲染。修改方法，以便<code>OnlyEvens</code>更新仅当<code>value</code>的新道具的是偶数。单击“ <code>Add</code>按钮，在触发其他生命周期挂钩时，在浏览器控制台中查看事件的顺序。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Controller</code>组件应将<code>OnlyEvens</code>组件呈现为<code>OnlyEvens</code>组件。
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(Controller)); return mockedComponent.find("Controller").length === 1 && mockedComponent.find("OnlyEvens").length === 1; })(), "The <code>Controller</code> component should render the <code>OnlyEvens</code> component as a child.");'
+  - text: 应该在<code>OnlyEvens</code>组件上定义<code>shouldComponentUpdate</code>方法。
+    testString: 'assert((() => { const child = React.createElement(OnlyEvens).type.prototype.shouldComponentUpdate.toString().replace(/s/g,""); return child !== "undefined"; })(), "The <code>shouldComponentUpdate</code> method should be defined on the <code>OnlyEvens</code> component.");'
+  - text: <code>OnlyEvens</code>组件应返回一个<code>h1</code>标记，该标记呈现<code>this.props.value</code>的值。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Controller)); const first = () => { mockedComponent.setState({ value: 1000 }); return waitForIt(() => mockedComponent.find("h1").html()); }; const second = () => { mockedComponent.setState({ value: 10 }); return waitForIt(() => mockedComponent.find("h1").html()); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === "<h1>1000</h1>" && secondValue === "<h1>10</h1>", "The <code>OnlyEvens</code> component should return an <code>h1</code> tag which renders the value of <code>this.props.value</code>."); }; '
+  - text: <code>OnlyEvens</code>只有在<code>nextProps.value</code>为偶数<code>OnlyEvens</code>应该重新渲染。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Controller)); const first = () => { mockedComponent.setState({ value: 8 }); return waitForIt(() => mockedComponent.find("h1").text()); }; const second = () => { mockedComponent.setState({ value: 7 }); return waitForIt(() => mockedComponent.find("h1").text()); }; const third = () => { mockedComponent.setState({ value: 42 }); return waitForIt(() => mockedComponent.find("h1").text()); }; const firstValue = await first(); const secondValue = await second(); const thirdValue = await third(); assert(firstValue === "8" && secondValue === "8" && thirdValue === "42", "<code>OnlyEvens</code> should re-render only when <code>nextProps.value</code> is even."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class OnlyEvens extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  shouldComponentUpdate(nextProps, nextState) {
+    console.log('Should I update?');
+     // change code below this line
+    return true;
+     // change code above this line
+  }
+  componentWillReceiveProps(nextProps) {
+    console.log('Receiving new props...');
+  }
+  componentDidUpdate() {
+    console.log('Component re-rendered.');
+  }
+  render() {
+    return <h1>{this.props.value}</h1>
+  }
+};
+
+class Controller extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      value: 0
+    };
+    this.addValue = this.addValue.bind(this);
+  }
+  addValue() {
+    this.setState({
+      value: this.state.value + 1
+    });
+  }
+  render() {
+    return (
+      <div>
+        <button onClick={this.addValue}>Add</button>
+        <OnlyEvens value={this.state.value}/>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/override-default-props.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/override-default-props.chinese.md
new file mode 100644
index 0000000000..895603621d
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/override-default-props.chinese.md
@@ -0,0 +1,79 @@
+---
+id: 5a24c314108439a4d403616c
+title: Override Default Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 覆盖默认道具
+---
+
+## Description
+<section id="description">设置默认道具的能力是React中的一个有用功能。覆盖默认道具的方法是显式设置组件的prop值。 </section>
+
+## Instructions
+<section id="instructions"> <code>ShoppingCart</code>组件现在呈现子组件<code>Items</code> 。此<code>Items</code>组件的默认prop <code>quantity</code>设置为整数<code>0</code> 。通过为<code>quantity</code>传递值<code>10</code>来覆盖默认支柱。 <strong>注意：</strong>请记住，向组件添加prop的语法与添加HTML属性的方式类似。但是，由于<code>quantity</code>的值是一个整数，因此它不会引用引号，但应该用大括号括起来。例如， <code>{100}</code> 。此语法告诉JSX将大括号内的值直接解释为JavaScript。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>ShoppingCart</code>应该呈现组件。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("ShoppingCart").length === 1; })(), "The component <code>ShoppingCart</code> should render.");'
+  - text: 该组件<code>Items</code>应该呈现。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("Items").length === 1; })(), "The component <code>Items</code> should render.");'
+  - text: '<code>Items</code>组件应具有从<code>ShoppingCart</code>组件传递的<code>{ quantity: 10 }</code>的prop。'
+    testString: 'getUserInput => assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("Items").props().quantity == 10 && getUserInput("index").replace(/ /g,"").includes("<Itemsquantity={10}/>"); })(), "The <code>Items</code> component should have a prop of <code>{ quantity: 10 }</code> passed from the <code>ShoppingCart</code> component.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const Items = (props) => {
+  return <h1>Current Quantity of Items in Cart: {props.quantity}</h1>
+}
+
+Items.defaultProps = {
+  quantity: 0
+}
+
+class ShoppingCart extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    { /* change code below this line */ }
+    return <Items />
+    { /* change code above this line */ }
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/pass-a-callback-as-props.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/pass-a-callback-as-props.chinese.md
new file mode 100644
index 0000000000..c6e04cf8cb
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/pass-a-callback-as-props.chinese.md
@@ -0,0 +1,118 @@
+---
+id: 5a24c314108439a4d403617b
+title: Pass a Callback as Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 将回调作为道具传递
+---
+
+## Description
+<section id="description">您可以将<code>state</code>作为道具传递给子组件，但您不仅限于传递数据。您还可以将处理函数或在React组件上定义的任何方法传递给子组件。这是允许子组件与其父组件交互的方式。您可以将方法传递给孩子，就像常规道具一样。它被分配了一个名称，您可以在子组件中的<code>this.props</code>下访问该方法名称。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器中列出了三个组件。 <code>MyApp</code>组件是将呈现<code>GetInput</code>和<code>RenderInput</code>子组件的父组件。将<code>GetInput</code>组件添加到<code>MyApp</code>的render方法，然后从<code>MyApp</code>的<code>state</code>向它传递一个名为<code>input</code>的prop，该<code>input</code>分配给<code>inputValue</code> 。还要创建一个名为<code>handleChange</code>的prop，并将输入处理程序<code>handleChange</code>给它。接下来，将<code>RenderInput</code>添加到<code>MyApp</code>的render方法，然后创建一个名为<code>input</code>的prop，并将<code>inputValue</code>从<code>state</code>传递给它。完成后，您将能够在<code>GetInput</code>组件中<code>input</code>字段，然后通过props调用其父级中的处理程序方法。这将更新父级<code>state</code>的输入，该输入作为props传递给两个子级。观察数据如何在组件之间流动以及单个事实源如何保持父组件的<code>state</code> 。不可否认，这个例子有点人为，但应该用来说明如何在React组件之间传递数据和回调。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyApp</code>组件应该呈现。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyApp)); return mockedComponent.find("MyApp").length === 1; })(), "The <code>MyApp</code> component should render.");'
+  - text: <code>GetInput</code>组件应该呈现。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyApp)); return mockedComponent.find("GetInput").length === 1; })(), "The <code>GetInput</code> component should render.");'
+  - text: <code>RenderInput</code>组件应该呈现。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyApp)); return mockedComponent.find("RenderInput").length === 1; })(), "The <code>RenderInput</code> component should render.");'
+  - text: <code>GetInput</code>组件应该将<code>MyApp</code>状态属性<code>inputValue</code>作为props接收，并包含一个修改<code>MyApp</code>状态的<code>input</code>元素。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyApp)); const state_1 = () => { mockedComponent.setState({inputValue: ""}); return waitForIt(() => mockedComponent.state() )}; const state_2 = () => { mockedComponent.find("input").simulate("change", {target: {value: "TestInput"}}); return waitForIt(() => mockedComponent.state() )}; const updated_1 = await state_1(); const updated_2 = await state_2(); assert(updated_1.inputValue === "" && updated_2.inputValue === "TestInput", "The <code>GetInput</code> component should receive the <code>MyApp</code> state property <code>inputValue</code> as props and contain an <code>input</code> element which modifies <code>MyApp</code> state."); }; '
+  - text: <code>RenderInput</code>组件应该将<code>MyApp</code>状态属性<code>inputValue</code>作为props接收。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyApp)); const state_1 = () => { mockedComponent.setState({inputValue: "TestName"}); return waitForIt(() => mockedComponent )}; const updated_1 = await state_1(); assert(updated_1.find("p").text().includes("TestName"), "The <code>RenderInput</code> component should receive the <code>MyApp</code> state property <code>inputValue</code> as props."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyApp extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      inputValue: "
+    }
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      inputValue: event.target.value
+    });
+  }
+  render() {
+    return (
+       <div>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+       </div>
+    );
+  }
+};
+
+class GetInput extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h3>Get Input:</h3>
+        <input
+          value={this.props.input}
+          onChange={this.props.handleChange}/>
+      </div>
+    );
+  }
+};
+
+class RenderInput extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h3>Input Render:</h3>
+        <p>{this.props.input}</p>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/pass-an-array-as-props.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/pass-an-array-as-props.chinese.md
new file mode 100644
index 0000000000..2d75c61d98
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/pass-an-array-as-props.chinese.md
@@ -0,0 +1,93 @@
+---
+id: 5a24c314108439a4d403616a
+title: Pass an Array as Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 将数组作为道具传递
+---
+
+## Description
+<section id="description">最后一项挑战演示了如何将信息从父组件传递到子组件作为<code>props</code>或属性。这个挑战着眼于如何将数组作为<code>props</code>传递。要将数组传递给JSX元素，必须将其视为JavaScript并用大括号括起来。 <blockquote> &lt;为父级&gt; <br> &lt;ChildComponent colors = {[“green”，“blue”，“red”]} /&gt; <br> &lt;/为父级&gt; </blockquote>然后子组件可以访问数组属性<code>colors</code> 。访问属性时可以使用诸如<code>join()</code>类的数组方法。 <code>const ChildComponent = (props) =&gt; &lt;p&gt;{props.colors.join(&#39;, &#39;)}&lt;/p&gt;</code>这会将所有<code>colors</code>数组项连接成逗号分隔的字符串并生成： <code>&lt;p&gt;green, blue, red&lt;/p&gt;</code>稍后，我们将了解在React中呈现数据数组的其他常用方法。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器中有<code>List</code>和<code>ToDo</code>组件。从<code>ToDo</code>组件渲染每个<code>List</code> ，传入分配给待办任务数组的<code>tasks</code>属性，例如<code>[&quot;walk dog&quot;, &quot;workout&quot;]</code> 。然后在<code>List</code>组件中访问此<code>tasks</code>数组，在<code>p</code>元素中显示其值。使用<code>join(&quot;, &quot;)</code>以逗号分隔列表的形式显示<code>p</code>元素中的<code>props.tasks</code>数组。今天的列表应该至少有2个任务，明天应该至少有3个任务。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>ToDo</code>组件应返回单个外部<code>div</code> 。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.children().first().type() === "div"; })(), "The <code>ToDo</code> component should return a single outer <code>div</code>.");'
+  - text: <code>ToDo</code>组件的第三个子<code>ToDo</code>应该是<code>List</code>组件的实例。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.children().first().childAt(2).name() === "List"; })(), "The third child of the <code>ToDo</code> component should be an instance of the <code>List</code> component.");'
+  - text: <code>ToDo</code>组件的第五个子<code>ToDo</code>应该是<code>List</code>组件的一个实例。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.children().first().childAt(4).name() === "List"; })(), "The fifth child of the <code>ToDo</code> component should be an instance of the <code>List</code> component.");'
+  - text: <code>List</code>组件的两个实例都应该有一个名为<code>tasks</code>的属性，而<code>tasks</code>应该是array类型。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return Array.isArray(mockedComponent.find("List").get(0).props.tasks) && Array.isArray(mockedComponent.find("List").get(1).props.tasks); })(), "Both instances of the <code>List</code> component should have a property called <code>tasks</code> and <code>tasks</code> should be of type array.");'
+  - text: 表示今天任务的第一个<code>List</code>组件应该有2个或更多项。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.find("List").get(0).props.tasks.length >= 2; })(), "The first <code>List</code> component representing the tasks for today should have 2 or more items.");'
+  - text: 表示明天任务的第二个<code>List</code>组件应该有3个或更多项。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.find("List").get(1).props.tasks.length >= 3; })(), "The second <code>List</code> component representing the tasks for tomorrow should have 3 or more items.");'
+  - text: '<code>List</code>组件应该将<code>p</code>标记中的<code>tasks</code> prop的值呈现为以逗号分隔的列表，例如<code>walk dog, workout</code> 。'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.find("p").get(0).props.children === mockedComponent.find("List").get(0).props.tasks.join(", ") && mockedComponent.find("p").get(1).props.children === mockedComponent.find("List").get(1).props.tasks.join(", "); })(), "The <code>List</code> component should render the value from the <code>tasks</code> prop in the <code>p</code> tag as a comma separated list, for example <code>walk dog, workout</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const List= (props) => {
+  { /* change code below this line */ }
+  return <p>{}</p>
+  { /* change code above this line */ }
+};
+
+class ToDo extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>To Do Lists</h1>
+        <h2>Today</h2>
+        { /* change code below this line */ }
+        <List/>
+        <h2>Tomorrow</h2>
+        <List/>
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/pass-props-to-a-stateless-functional-component.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/pass-props-to-a-stateless-functional-component.chinese.md
new file mode 100644
index 0000000000..5562640c26
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/pass-props-to-a-stateless-functional-component.chinese.md
@@ -0,0 +1,90 @@
+---
+id: 5a24c314108439a4d4036169
+title: Pass Props to a Stateless Functional Component
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 将道具传递给无状态功能组件
+---
+
+## Description
+<section id="description">之前的挑战涉及在React中创建和组合JSX元素，功能组件和ES6样式类组件的很多内容。有了这个基础，现在是时候看看React中常见的另一个特性： <b>道具</b> 。在React中，您可以将props或属性传递给子组件。假设您有一个<code>App</code>组件，它呈现一个名为<code>Welcome</code>的子组件，它是一个无状态功能组件。您可以通过编写以下方式传递<code>Welcome</code> <code>user</code>属性： <blockquote> &lt;应用&gt; <br> &lt;Welcome user =&#39;Mark&#39;/&gt; <br> &lt;/应用&gt; </blockquote>您使用React提供支持的<strong>自定义HTML属性</strong> ，以将属性<code>user</code>传递给组件<code>Welcome</code> 。由于<code>Welcome</code>是一个无状态功能组件，因此它可以访问此值，如下所示： <blockquote> const Welcome =（props）=&gt; &lt;h1&gt; Hello，{props.user}！&lt;/ h1&gt; </blockquote>调用此值<code>props</code>是标准的，在处理无状态函数组件时，您基本上将其视为返回JSX的函数的参数。您可以在函数体中访问参数的值。使用类组件，您会发现这有点不同。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器中有<code>Calendar</code>和<code>CurrentDate</code>组件。当渲染<code>CurrentDate</code>从<code>Calendar</code>组件，通过在属性<code>date</code>分配给从JavaScript的当前日期<code>Date</code>对象。然后在<code>CurrentDate</code>组件中访问此<code>prop</code> ，在<code>p</code>标签中显示其值。请注意，对于要作为JavaScript计算的<code>prop</code>值，它们必须用大括号括起来，例如<code>date={Date()}</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Calendar</code>组件应返回单个<code>div</code>元素。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); return mockedComponent.children().type() === "div"; })(), "The <code>Calendar</code> component should return a single <code>div</code> element.");'
+  - text: <code>Calendar</code>组件的第二个子<code>CurrentDate</code>应该是<code>CurrentDate</code>组件。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); return mockedComponent.children().childAt(1).name() === "CurrentDate"; })(), "The second child of the <code>Calendar</code> component should be the <code>CurrentDate</code> component.");'
+  - text: <code>CurrentDate</code>组件应该有一个名为<code>date</code>的prop。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); return mockedComponent.children().childAt(1).props().date })(), "The <code>CurrentDate</code> component should have a prop called <code>date</code>.");'
+  - text: <code>CurrentDate</code>的<code>date</code>道具应包含一串文本。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); const prop = mockedComponent.children().childAt(1).props().date; return( typeof prop === "string" && prop.length > 0 ); })(), "The <code>date</code> prop of the <code>CurrentDate</code> should contain a string of text.");'
+  - text: <code>CurrentDate</code>组件应该从<code>p</code>标记中的<code>date</code>道具中呈现值。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); return mockedComponent.find("p").html().includes(Date().substr(3)); })(), "The <code>CurrentDate</code> component should render the value from the <code>date</code> prop in the <code>p</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const CurrentDate = (props) => {
+  return (
+    <div>
+      { /* change code below this line */ }
+      <p>The current date is: </p>
+      { /* change code above this line */ }
+    </div>
+  );
+};
+
+class Calendar extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h3>What date is it?</h3>
+        { /* change code below this line */ }
+        <CurrentDate />
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/pass-state-as-props-to-child-components.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/pass-state-as-props-to-child-components.chinese.md
new file mode 100644
index 0000000000..ab8166d385
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/pass-state-as-props-to-child-components.chinese.md
@@ -0,0 +1,89 @@
+---
+id: 5a24c314108439a4d403617a
+title: Pass State as Props to Child Components
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 将状态作为道具传递给子组件
+---
+
+## Description
+<section id="description">您看到了许多在先前的挑战中将道具传递给子JSX元素和子React组件的示例。您可能想知道这些道具来自哪里。一种常见的模式是让一个有状态的组件包含对您的应用程序很重要的<code>state</code> ，然后呈现子组件。您希望这些组件可以访问该<code>state</code>某些部分，这些部分作为props传递。例如，您可能有一个<code>App</code>组件可以呈现<code>Navbar</code>以及其他组件。在您的<code>App</code> ，您的<code>state</code>包含大量用户信息，但<code>Navbar</code>只需要访问用户的用户名，以便显示它。您将该<code>state</code>作为prop传递给<code>Navbar</code>组件。这种模式说明了React中的一些重要范例。第一种是<em>单向数据流</em> 。状态沿着应用程序组件树的一个方向流动，从有状态父组件到子组件。子组件仅接收所需的状态数据。第二，复杂的有状态应用程序可以分解为几个或者一个有状态的组件。其余组件只是从父级接收状态作为props，并从该状态呈现UI。它开始创建一个分离，其中状态管理在代码的一部分中处理，而UI在另一部分中呈现。将状态逻辑与UI逻辑分离的原则是React的关键原则之一。当它被正确使用时，它使复杂的有状态应用程序的设计更容易管理。 </section>
+
+## Instructions
+<section id="instructions"> <code>MyApp</code>组件是有状态的，并将<code>Navbar</code>组件呈现为子组件。将<code>name</code>属性的<code>state</code>向下传递给子组件，然后在<code>h1</code>标记中显示该<code>name</code> ，该<code>name</code>是<code>Navbar</code> render方法的一部分。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyApp</code>组件应该使用内部的<code>Navbar</code>组件进行渲染。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyApp)); return mockedComponent.find("MyApp").length === 1 && mockedComponent.find("Navbar").length === 1; })(), "The <code>MyApp</code> component should render with a <code>Navbar</code> component inside.");'
+  - text: <code>Navbar</code>组件应该将<code>MyApp</code>状态属性<code>name</code>作为props接收。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyApp)); const setState = () => { mockedComponent.setState({name: "TestName"}); return waitForIt(() => mockedComponent.find("Navbar").props() )}; const navProps = await setState(); assert(navProps.name === "TestName", "The <code>Navbar</code> component should receive the <code>MyApp</code> state property <code>name</code> as props."); }; '
+  - text: <code>Navbar</code>的<code>h1</code>元素应该呈现<code>name</code> prop。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyApp)); const navH1Before = mockedComponent.find("Navbar").find("h1").text(); const setState = () => { mockedComponent.setState({name: "TestName"}); return waitForIt(() => mockedComponent.find("Navbar").find("h1").text() )}; const navH1After = await setState(); assert(new RegExp("TestName").test(navH1After) && navH1After !== navH1Before, "The <code>h1</code> element in <code>Navbar</code> should render the <code>name</code> prop."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyApp extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'CamperBot'
+    }
+  }
+  render() {
+    return (
+       <div>
+         <Navbar /* your code here */ />
+       </div>
+    );
+  }
+};
+
+class Navbar extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+    <div>
+      <h1>Hello, my name is: /* your code here */ </h1>
+    </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/render-a-class-component-to-the-dom.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/render-a-class-component-to-the-dom.chinese.md
new file mode 100644
index 0000000000..473f1db9bb
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/render-a-class-component-to-the-dom.chinese.md
@@ -0,0 +1,113 @@
+---
+id: 5a24c314108439a4d4036167
+title: Render a Class Component to the DOM
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 将类组件渲染到DOM
+---
+
+## Description
+<section id="description">您可能还记得在早期挑战中使用ReactDOM API将JSX元素呈现给DOM。渲染React组件的过程看起来非常相似。过去的几个挑战集中在组件和组合上，因此渲染是在幕后为您完成的。但是，您编写的React代码都不会在不调用ReactDOM API的情况下呈现给DOM。这是对语法的更新： <code>ReactDOM.render(componentToRender, targetNode)</code> 。第一个参数是要呈现的React组件。第二个参数是要在其中呈现该组件的DOM节点。 React组件传递到<code>ReactDOM.render()</code>与JSX元素略有不同。对于JSX元素，您传入要呈现的元素的名称。但是，对于React组件，您需要使用与渲染嵌套组件相同的语法，例如<code>ReactDOM.render(&lt;ComponentToRender /&gt;, targetNode)</code> 。您可以将此语法用于ES6类组件和功能组件。 </section>
+
+## Instructions
+<section id="instructions"> <code>Fruits</code>和<code>Vegetables</code>组件都是在幕后为您定义的。将两个组件渲染为<code>TypesOfFood</code>组件的<code>TypesOfFood</code>组件，然后将<code>TypesOfFood</code>呈现给DOM。有一个<code>div</code> ， <code>id=&#39;challenge-node&#39;</code>可供您使用。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>TypesOfFood</code>组件应返回单个<code>div</code>元素。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().type() === "div"; })(), "The <code>TypesOfFood</code> component should return a single <code>div</code> element.");'
+  - text: <code>TypesOfFood</code>组件应该在<code>h1</code>元素之后呈现<code>Fruits</code>组件。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().childAt(1).name() === "Fruits"; })(), "The <code>TypesOfFood</code> component should render the <code>Fruits</code> component after the <code>h1</code> element.");'
+  - text: <code>TypesOfFood</code>组件应该在<code>Fruits</code>之后呈现<code>Vegetables</code>组件。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().childAt(2).name() === "Vegetables"; })(), "The <code>TypesOfFood</code> component should render the <code>Vegetables</code> component after <code>Fruits</code>.");'
+  - text: <code>TypesOfFood</code>组件应该使用id <code>challenge-node</code>呈现给<code>div</code>的DOM。
+    testString: 'assert((function() { const html = document.getElementById("challenge-node").childNodes[0].innerHTML; return (html === "<h1>Types of Food:</h1><div><h2>Fruits:</h2><h4>Non-Citrus:</h4><ul><li>Apples</li><li>Blueberries</li><li>Strawberries</li><li>Bananas</li></ul><h4>Citrus:</h4><ul><li>Lemon</li><li>Lime</li><li>Orange</li><li>Grapefruit</li></ul></div><div><h2>Vegetables:</h2><ul><li>Brussel Sprouts</li><li>Broccoli</li><li>Squash</li></ul></div>"); })(), "The <code>TypesOfFood</code> component should render to the DOM within the <code>div</code> with the id <code>challenge-node</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class TypesOfFood extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>Types of Food:</h1>
+        {/* change code below this line */}
+
+        {/* change code above this line */}
+      </div>
+    );
+  }
+};
+
+// change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+const Fruits = () => {
+  return (
+    <div>
+      <h2>Fruits:</h2>
+      <h4>Non-Citrus:</h4>
+        <ul>
+          <li>Apples</li>
+          <li>Blueberries</li>
+          <li>Strawberries</li>
+          <li>Bananas</li>
+        </ul>
+      <h4>Citrus:</h4>
+        <ul>
+          <li>Lemon</li>
+          <li>Lime</li>
+          <li>Orange</li>
+          <li>Grapefruit</li>
+        </ul>
+    </div>
+  );
+};
+const Vegetables = () => {
+  return (
+    <div>
+      <h2>Vegetables:</h2>
+      <ul>
+        <li>Brussel Sprouts</li>
+        <li>Broccoli</li>
+        <li>Squash</li>
+      </ul>
+    </div>
+  );
+};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/render-conditionally-from-props.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/render-conditionally-from-props.chinese.md
new file mode 100644
index 0000000000..e42f4122ac
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/render-conditionally-from-props.chinese.md
@@ -0,0 +1,110 @@
+---
+id: 5a24c314108439a4d4036188
+title: Render Conditionally from Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 从道具有条理地渲染
+---
+
+## Description
+<section id="description">到目前为止，您已经了解了如何使用<code>if/else</code> ， <code>&amp;&amp;,</code> <code>null</code>和三元运算符（ <code>condition ? expressionIfTrue : expressionIfFalse</code> ）来做出有关呈现内容和何时呈现的条件决策。但是，还有一个重要的话题要讨论，它可以让你将这些概念中的任何一个或全部与另一个强大的React功能结合起来：道具。使用props来有条件地呈现代码对于React开发人员来说非常普遍 - 也就是说，他们使用给定prop的值来自动决定渲染内容。在此挑战中，您将设置子组件以根据道具进行渲染决策。您还将使用三元运算符，但您可以看到在最后几个挑战中涵盖的其他几个概念在此上下文中可能同样有用。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器有两个部分为您定义的组件：名为<code>GameOfChance</code>的父<code>GameOfChance</code>和名为<code>Results</code>的子级。它们用于创建一个简单的游戏，用户按下按钮以查看它们是赢还是输。首先，您需要一个简单的表达式，每次运行时都会随机返回一个不同的值。您可以使用<code>Math.random()</code> 。每次调用此方法时，此方法返回<code>0</code> （包括）和<code>1</code> （不包括）之间的值。因此，对于50/50赔率，请在表达式中使用<code>Math.random() &gt; .5</code> 。从统计学上讲，这个表达式将在50％的时间内返回<code>true</code> ，而在其他50％时则返回<code>false</code> 。在第30行，用此表达式替换注释以完成变量声明。现在您有了一个表达式，您可以使用该表达式在代码中做出随机决策。接下来，您需要实现此功能。将<code>Results</code>组件渲染为<code>GameOfChance</code>的子<code>GameOfChance</code> ，并将<code>expression</code>作为名为<code>fiftyFifty</code>的prop <code>fiftyFifty</code> 。在<code>Results</code>组件中，编写一个三元表达式来呈现文本<code>&quot;You win!&quot;</code>或者<code>&quot;You lose!&quot;</code>基于从<code>GameOfChance</code>传入的<code>fiftyFifty</code>道具。最后，确保<code>handleClick()</code>方法正确计算每个回合，以便用户知道他们玩了多少次。这也用于让用户知道组件已经实际更新，以防它们连续两次赢或输。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>GameOfChance</code>组件应存在并呈现给页面。
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(GameOfChance)).find("GameOfChance").length, 1, "The <code>GameOfChance</code> component should exist and render to the page.");'
+  - text: <code>GameOfChance</code>应返回单个<code>button</code>元素。
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(GameOfChance)).find("button").length, 1, "<code>GameOfChance</code> should return a single <code>button</code> element.");'
+  - text: <code>GameOfChance</code>应返回<code>Results</code>组件的单个实例，其中有一个名为<code>fiftyFifty</code>的prop。
+    testString: 'assert(Enzyme.mount(React.createElement(GameOfChance)).find("Results").length === 1 && Enzyme.mount(React.createElement(GameOfChance)).find("Results").props().hasOwnProperty("fiftyFifty") === true, "<code>GameOfChance</code> should return a single instance of the <code>Results</code> component, which has a prop called <code>fiftyFifty</code>.");'
+  - text: 应该使用<code>counter</code>设置为值<code>1</code>的属性初始化<code>GameOfChance</code>状态。
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(GameOfChance)).state().counter, 1, "<code>GameOfChance</code> state should be initialized with a property of <code>counter</code> set to a value of <code>1</code>.");'
+  - text: '当<code>GameOfChance</code>组件首次呈现给DOM时，应返回一个<code>p</code>元素，内部文本为<code>Turn: 1</code> 。'
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(GameOfChance)).find("p").text(), "Turn: 1", "When the <code>GameOfChance</code> component is first rendered to the DOM, a <code>p</code> element should be returned with the inner text of <code>Turn: 1</code>.");'
+  - text: 每次单击该按钮时，计数器状态应增加值1，并且应将单个<code>p</code>元素呈现给包含文本“Turn：N”的DOM，其中N是计数器状态的值。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(GameOfChance)); const simulate = () => { comp.find("button").simulate("click"); };const result = () => ({ count: comp.state("counter"), text: comp.find("p").text() });const _1 = () => { simulate(); return waitForIt(() => result())}; const _2 = () => { simulate(); return waitForIt(() => result())}; const _3 = () => { simulate(); return waitForIt(() => result())}; const _4 = () => { simulate(); return waitForIt(() => result())}; const _5 = () => { simulate(); return waitForIt(() => result())}; const _1_val = await _1(); const _2_val = await _2(); const _3_val = await _3(); const _4_val = await _4(); const _5_val = await _5(); assert(_1_val.count === 2 && _1_val.text === "Turn: 2" && _2_val.count === 3 && _2_val.text === "Turn: 3" && _3_val.count === 4 && _3_val.text === "Turn: 4" && _4_val.count === 5 && _4_val.text === "Turn: 5" && _5_val.count === 6 && _5_val.text === "Turn: 6", "Each time the button is clicked, the counter state should be incremented by a value of 1, and a single <code>p</code> element should be rendered to the DOM that contains the text "Turn: N", where N is the value of the counter state."); }; '
+  - text: 首次将<code>GameOfChance</code>组件安装到DOM时，每次单击该按钮时，应返回单个<code>h1</code>元素，随机呈现<code>You Win!</code>或者<code>You Lose!</code> 。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(GameOfChance)); const simulate = () => { comp.find("button").simulate("click"); };const result = () => ({ h1: comp.find("h1").length, text: comp.find("h1").text() });const _1 = result(); const _2 = () => { simulate(); return waitForIt(() => result())}; const _3 = () => { simulate(); return waitForIt(() => result())}; const _4 = () => { simulate(); return waitForIt(() => result())}; const _5 = () => { simulate(); return waitForIt(() => result())}; const _6 = () => { simulate(); return waitForIt(() => result())}; const _7 = () => { simulate(); return waitForIt(() => result())}; const _8 = () => { simulate(); return waitForIt(() => result())}; const _9 = () => { simulate(); return waitForIt(() => result())}; const _10 = () => { simulate(); return waitForIt(() => result())}; const _2_val = await _2(); const _3_val = await _3(); const _4_val = await _4(); const _5_val = await _5(); const _6_val = await _6(); const _7_val = await _7(); const _8_val = await _8(); const _9_val = await _9(); const _10_val = await _10(); const __text = new Set([_1.text, _2_val.text, _3_val.text, _4_val.text, _5_val.text, _6_val.text, _7_val.text, _8_val.text, _9_val.text, _10_val.text]); const __h1 = new Set([_1.h1, _2_val.h1, _3_val.h1, _4_val.h1, _5_val.h1, _6_val.h1, _7_val.h1, _8_val.h1, _9_val.h1, _10_val.h1]); assert(__text.size === 2 && __h1.size === 1, "When the <code>GameOfChance</code> component is first mounted to the DOM and each time the button is clicked thereafter, a single <code>h1</code> element should be returned that randomly renders either <code>You Win!</code> or <code>You Lose!</code>."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Results extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <h1>
+      {
+        /* change code here */
+      }
+      </h1>
+    )
+  };
+};
+
+class GameOfChance extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      counter: 1
+    }
+    this.handleClick = this.handleClick.bind(this);
+  }
+  handleClick() {
+    this.setState({
+      counter: 0 // change code here
+    });
+  }
+  render() {
+    let expression = null; // change code here
+    return (
+      <div>
+        <button onClick={this.handleClick}>Play Again</button>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+        <p>{'Turn: ' + this.state.counter}</p>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/render-html-elements-to-the-dom.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/render-html-elements-to-the-dom.chinese.md
new file mode 100644
index 0000000000..fae24da70a
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/render-html-elements-to-the-dom.chinese.md
@@ -0,0 +1,62 @@
+---
+id: 5a24bbe0dba28a8d3cbd4c5f
+title: Render HTML Elements to the DOM
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 将HTML元素渲染到DOM
+---
+
+## Description
+<section id="description">到目前为止，您已经了解到JSX是一种在JavaScript中编写可读HTML的便捷工具。使用React，我们可以使用React的渲染API（称为ReactDOM）将此JSX直接渲染到HTML DOM。 ReactDOM提供了一种简单的方法来将React元素呈现给DOM，如下所示： <code>ReactDOM.render(componentToRender, targetNode)</code> ，其中第一个参数是要呈现的React元素或组件，第二个参数是DOM节点您想要将组件渲染到。正如您所料，必须在JSX元素声明之后调用<code>ReactDOM.render()</code> ，就像在使用它们之前必须声明变量一样。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器有一个简单的JSX组件。使用<code>ReactDOM.render()</code>方法将此组件呈现给页面。您可以直接将定义的JSX元素作为第一个参数传递，并使用<code>document.getElementById()</code>来选择要将其渲染到的DOM节点。有一个<code>div</code> ， <code>id=&#39;challenge-node&#39;</code>可供您使用。确保不要更改<code>JSX</code>常量。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 常量<code>JSX</code>应该返回一个<code>div</code>元素。
+    testString: 'assert(JSX.type === "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: <code>div</code>应包含一个<code>h1</code>标记作为第一个元素。
+    testString: 'assert(JSX.props.children[0].type === "h1", "The <code>div</code> should contain an <code>h1</code> tag as the first element.");'
+  - text: <code>div</code>应该包含一个<code>p</code>标签作为第二个元素。
+    testString: 'assert(JSX.props.children[1].type === "p", "The <code>div</code> should contain a <code>p</code> tag as the second element.");'
+  - text: 提供的JSX元素应该使用id <code>challenge-node</code>呈现给DOM <code>challenge-node</code> 。
+    testString: 'assert(document.getElementById("challenge-node").childNodes[0].innerHTML === "<h1>Hello World</h1><p>Lets render this to the DOM</p>", "The provided JSX element should render to the DOM node with id <code>challenge-node</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = (
+  <div>
+    <h1>Hello World</h1>
+    <p>Lets render this to the DOM</p>
+  </div>
+);
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/render-react-on-the-server-with-rendertostring.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/render-react-on-the-server-with-rendertostring.chinese.md
new file mode 100644
index 0000000000..fcca0c4cde
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/render-react-on-the-server-with-rendertostring.chinese.md
@@ -0,0 +1,76 @@
+---
+id: 5a24c314108439a4d403618d
+title: Render React on the Server with renderToString
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用renderToString在服务器上渲染React
+---
+
+## Description
+<section id="description">到目前为止，您已在客户端上呈现React组件。通常，这是你将永远做的。但是，在某些用例中，在服务器上呈现React组件是有意义的。由于React是一个JavaScript视图库，您可以使用Node在服务器上运行JavaScript，这是可能的。实际上，React提供了一个<code>renderToString()</code>方法，您可以将其用于此目的。有两个关键原因可以解释为什么服务器上的渲染可能会在真实世界的应用程序中使用。首先，如果不这样做，你的React应用程序将包含一个相对空的HTML文件和一大堆JavaScript，当它最初加载到浏览器时。对于试图索引页面内容以便人们可以找到您的搜索引擎而言，这可能并不理想。如果在服务器上呈现初始HTML标记并将其发送到客户端，则初始页面加载包含搜索引擎可以抓取的所有页面标记。其次，这会创建更快的初始页面加载体验，因为呈现的HTML小于整个应用程序的JavaScript代码。 React仍然能够识别您的应用并在初始加载后进行管理。 </section>
+
+## Instructions
+<section id="instructions"> <code>renderToString()</code>方法在<code>ReactDOMServer</code>上提供，在此处可用作全局对象。该方法采用一个参数，它是一个React元素。使用此选项将<code>App</code>呈现为字符串。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>App</code>组件应使用<code>ReactDOMServer.renderToString</code>呈现为字符串。
+    testString: 'getUserInput => assert(getUserInput("index").replace(/ /g,"").includes("ReactDOMServer.renderToString(<App/>)") && Enzyme.mount(React.createElement(App)).children().name() === "div", "The <code>App</code> component should render to a string using <code>ReactDOMServer.renderToString</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class App extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return <div/>
+  }
+};
+
+// change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+var ReactDOMServer = { renderToString(x) { return null; } };
+
+```
+
+</div>
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/render-state-in-the-user-interface-another-way.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/render-state-in-the-user-interface-another-way.chinese.md
new file mode 100644
index 0000000000..41c6664754
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/render-state-in-the-user-interface-another-way.chinese.md
@@ -0,0 +1,83 @@
+---
+id: 5a24c314108439a4d4036172
+title: Render State in the User Interface Another Way
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 用户界面中的渲染状态另一种方式
+---
+
+## Description
+<section id="description">还有另一种访问组件中<code>state</code>方法。在<code>render()</code>方法中，在<code>return</code>语句之前，您可以直接编写JavaScript。例如，您可以声明函数，从<code>state</code>或<code>props</code>访问数据，对此数据执行计算，等等。然后，您可以将任何数据分配给您可以在<code>return</code>语句中访问的变量。 </section>
+
+## Instructions
+<section id="instructions">在<code>MyComponent</code> render方法中，定义一个名为<code>name</code>的<code>const</code> ，并将其设置为等于组件<code>state</code>的name值。因为您可以直接在代码的这一部分编写JavaScript，所以您不必将此引用括在花括号中。接下来，在return语句中，使用变量<code>name</code>在<code>h1</code>标记中呈现此值。请记住，您需要在return语句中使用JSX语法（JavaScript的大括号）。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code>应该有一个键<code>name</code> ，其<code>freeCodeCamp</code>值存储在其状态中。
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).state("name") === "freeCodeCamp", "<code>MyComponent</code> should have a key <code>name</code> with value <code>freeCodeCamp</code> stored in its state.");'
+  - text: <code>MyComponent</code>应该渲染一个包含在单个<code>div</code>的<code>h1</code>标头。
+    testString: 'assert(/<div><h1>.*<\/h1><\/div>/.test(Enzyme.mount(React.createElement(MyComponent)).html()), "<code>MyComponent</code> should render an <code>h1</code> header enclosed in a single <code>div</code>.");'
+  - text: '渲染的<code>h1</code>标记应包含对<code>{name}</code>的引用。'
+    testString: 'getUserInput => assert(/<h1>\n*\s*\{\s*name\s*\}\s*\n*<\/h1>/.test(getUserInput("index")), "The rendered <code>h1</code> tag should include a reference to <code>{name}</code>.");'
+  - text: 渲染的<code>h1</code>标头应包含从组件状态呈现的文本。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ name: "TestName" });   return waitForIt(() => mockedComponent.html()) }; const firstValue = await first(); assert(firstValue === "<div><h1>TestName</h1></div>", "The rendered <code>h1</code> header should contain text rendered from the component&apos;s state."); };'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'freeCodeCamp'
+    }
+  }
+  render() {
+    // change code below this line
+
+    // change code above this line
+    return (
+      <div>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/render-state-in-the-user-interface.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/render-state-in-the-user-interface.chinese.md
new file mode 100644
index 0000000000..6396c597bc
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/render-state-in-the-user-interface.chinese.md
@@ -0,0 +1,78 @@
+---
+id: 5a24c314108439a4d4036171
+title: Render State in the User Interface
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 在用户界面中渲染状态
+---
+
+## Description
+<section id="description">定义组件的初始状态后，可以在呈现的UI中显示它的任何部分。如果组件是有状态的，它将始终可以访问其<code>render()</code>方法中的<code>state</code>数据。您可以使用<code>this.state</code>访问数据。如果要在render方法的<code>return</code>中访问状态值，则必须将值括在花括号中。 <code>State</code>是React中组件最强大的功能之一。它允许您跟踪应用程序中的重要数据并呈现UI以响应此数据中的更改。如果您的数据发生变化，您的UI将会发生变化React使用所谓的虚拟DOM来跟踪幕后的变化。当状态数据更新时，它会触发使用该数据重新呈现组件 - 包括作为道具接收数据的子组件。 React更新实际的DOM，但仅在必要时更新。这意味着您不必担心更改DOM。您只需声明UI应该是什么样子。请注意，如果使组件有状态，则其他组件不会知道其<code>state</code> 。它的<code>state</code>是完全封装的，或者是该组件的本地状态，除非您将状态数据作为<code>props</code>传递给子组件。这种封装<code>state</code>概念非常重要，因为它允许您编写某些逻辑，然后在代码中的某个位置包含和隔离该逻辑。 </section>
+
+## Instructions
+<section id="instructions">在代码编辑器中， <code>MyComponent</code>已经是有状态的。在组件的render方法中定义<code>h1</code>标记，该方法从组件的状态呈现<code>name</code>的值。 <strong>注意：</strong> <code>h1</code>应该只从<code>state</code>呈现值而不是其他内容。在JSX中，您使用花括号<code>{ }</code>编写的任何代码都将被视为JavaScript。因此，要从<code>state</code>访问值，只需将引用括在花括号中。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code>应该有一个键<code>name</code> ，其<code>freeCodeCamp</code>值存储在其状态中。
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).state("name") === "freeCodeCamp", "<code>MyComponent</code> should have a key <code>name</code> with value <code>freeCodeCamp</code> stored in its state.");'
+  - text: <code>MyComponent</code>应该渲染一个包含在单个<code>div</code>的<code>h1</code>标头。
+    testString: 'assert(/<div><h1>.*<\/h1><\/div>/.test(Enzyme.mount(React.createElement(MyComponent)).html()), "<code>MyComponent</code> should render an <code>h1</code> header enclosed in a single <code>div</code>.");'
+  - text: 渲染的<code>h1</code>标头应包含从组件状态呈现的文本。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ name: "TestName" });   return waitForIt(() => mockedComponent.html()) }; const firstValue = await first(); assert(firstValue === "<div><h1>TestName</h1></div>", "The rendered <code>h1</code> header should contain text rendered from the component&apos;s state.");};'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'freeCodeCamp'
+    }
+  }
+  render() {
+    return (
+      <div>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/render-with-an-if-else-condition.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/render-with-an-if-else-condition.chinese.md
new file mode 100644
index 0000000000..90a37f3189
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/render-with-an-if-else-condition.chinese.md
@@ -0,0 +1,87 @@
+---
+id: 5a24c314108439a4d4036184
+title: Render with an If-Else Condition
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用If-Else条件渲染
+---
+
+## Description
+<section id="description">使用JavaScript控制渲染视图的另一个应用是将呈现的元素绑定到条件。当条件为真时，一个视图呈现。当它是假的时，它是一个不同的观点。您可以使用React组件的<code>render()</code>方法中的标准<code>if/else</code>语句执行此操作。 </section>
+
+## Instructions
+<section id="instructions"> MyComponent在其状态中包含一个<code>boolean</code> ，用于跟踪是否要在UI中显示某个元素。该<code>button</code>切换此值的状态。目前，它每次都呈现相同的UI。使用<code>if/else</code>语句重写<code>render()</code>方法，以便如果<code>display</code>为<code>true</code> ，则返回当前标记。否则，返回没有<code>h1</code>元素的标记。 <strong>注意：</strong>您必须编写<code>if/else</code>以传递测试。使用三元运算符不会通过此处。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code>应该存在并呈现。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("MyComponent").length === 1; })(), "<code>MyComponent</code> should exist and render.");'
+  - text: 当<code>display</code>设置为<code>true</code> ，应该渲染<code>div</code> ， <code>button</code>和<code>h1</code> 。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const state_1 = () => { mockedComponent.setState({display: true}); return waitForIt(() => mockedComponent )}; const updated = await state_1(); assert(mockedComponent.find("div").length === 1 && mockedComponent.find("div").children().length === 2 && mockedComponent.find("button").length === 1 && mockedComponent.find("h1").length === 1, "When <code>display</code> is set to <code>true</code>, a <code>div</code>, <code>button</code>, and <code>h1</code> should render."); }; '
+  - text: 当<code>display</code>设置为<code>false</code> ，只应呈现<code>div</code>和<code>button</code> 。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const state_1 = () => { mockedComponent.setState({display: false}); return waitForIt(() => mockedComponent )}; const updated = await state_1(); assert(mockedComponent.find("div").length === 1 && mockedComponent.find("div").children().length === 1 && mockedComponent.find("button").length === 1 && mockedComponent.find("h1").length === 0, "When <code>display</code> is set to <code>false</code>, only a <code>div</code> and <code>button</code> should render."); }; '
+  - text: render方法应使用<code>if/else</code>语句来检查<code>this.state.display</code>的条件。
+    testString: 'getUserInput => assert(getUserInput("index").includes("if") && getUserInput("index").includes("else"), "The render method should use an <code>if/else</code> statement to check the condition of <code>this.state.display</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      display: true
+    }
+    this.toggleDisplay = this.toggleDisplay.bind(this);
+  }
+  toggleDisplay() {
+    this.setState({
+      display: !this.state.display
+    });
+  }
+  render() {
+    // change code below this line
+
+    return (
+       <div>
+         <button onClick={this.toggleDisplay}>Toggle Display</button>
+         <h1>Displayed!</h1>
+       </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/review-using-props-with-stateless-functional-components.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/review-using-props-with-stateless-functional-components.chinese.md
new file mode 100644
index 0000000000..af94efddee
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/review-using-props-with-stateless-functional-components.chinese.md
@@ -0,0 +1,89 @@
+---
+id: 5a24c314108439a4d403616f
+title: Review Using Props with Stateless Functional Components
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 查看使用无状态功能组件的道具
+---
+
+## Description
+<section id="description">除了最后的挑战，你已经将道具传递给无状态功能组件。这些组件就像纯函数一样。他们接受道具作为输入，并在每次传递相同的道具时返回相同的视图。您可能想知道状态是什么，下一个挑战将更详细地介绍它。在此之前，这里是对组件术语的回顾。 <em>无状态功能组件</em>是您编写的任何接受道具并返回JSX的函数。另一方面， <em>无状态组件</em>是扩展<code>React.Component</code>的类，但不使用内部状态（在下一个挑战中涵盖）。最后，有<em>状态组件</em>是保持其自身内部状态的任何组件。您可能会看到有状态组件简称为组件或React组件。一种常见的模式是尽可能地减少有状态并创建无状态功能组件。这有助于将状态管理包含到应用程序的特定区域。反过来，通过更容易地了解状态更改如何影响其行为，这可以改善应用程序的开发和维护。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器有一个<code>CampSite</code>组件，它将<code>Camper</code>组件呈现为子组件。定义<code>Camper</code>组件并为其指定<code>{ name: &#39;CamperBot&#39; }</code>默认道具。在<code>Camper</code>组件内部，渲染您想要的任何代码，但要确保有一个<code>p</code>元素仅包含作为<code>prop</code>传递的<code>name</code>值。最后，在<code>Camper</code>组件上定义<code>propTypes</code> ，要求将<code>name</code>作为prop提供，并验证它是<code>string</code>类型。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>CampSite</code>组件应该呈现。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(CampSite)); return mockedComponent.find("CampSite").length === 1; })(), "The <code>CampSite</code> component should render.");'
+  - text: <code>Camper</code>组件应呈现。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(CampSite)); return mockedComponent.find("Camper").length === 1; })(), "The <code>Camper</code> component should render.");'
+  - text: <code>Camper</code>组件应该包含默认道具，它将字符串<code>CamperBot</code>分配给键<code>name</code> 。
+    testString: 'getUserInput => assert((function() { const noWhiteSpace = getUserInput("index").replace(/\s/g, ""); const verify1 = "Camper.defaultProps={name:\"CamperBot\"}"; const verify2 = "Camper.defaultProps={name:"CamperBot"}"; return (noWhiteSpace.includes(verify1) || noWhiteSpace.includes(verify2)); })(), "The <code>Camper</code> component should include default props which assign the string <code>CamperBot</code> to the key <code>name</code>.");'
+  - text: <code>Camper</code>组件应包含要求<code>name</code> prop为<code>string</code>类型的prop类型。
+    testString: 'getUserInput => assert((function() { const mockedComponent = Enzyme.mount(React.createElement(CampSite)); const noWhiteSpace = getUserInput("index").replace(/\s/g, ""); const verifyDefaultProps = "Camper.propTypes={name:PropTypes.string.isRequired}"; return noWhiteSpace.includes(verifyDefaultProps); })(), "The <code>Camper</code> component should include prop types which require the <code>name</code> prop to be of type <code>string</code>.");'
+  - text: <code>Camper</code>组件应包含一个<code>p</code>元素，其中只包含<code>name</code> prop的文本。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(CampSite)); return mockedComponent.find("p").text() === mockedComponent.find("Camper").props().name; })(), "The <code>Camper</code> component should contain a <code>p</code> element with only the text from the <code>name</code> prop.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class CampSite extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <Camper/>
+      </div>
+    );
+  }
+};
+// change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+var PropTypes = {
+   string: { isRequired: true }
+};
+
+```
+
+</div>
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/set-state-with-this.setstate.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/set-state-with-this.setstate.chinese.md
new file mode 100644
index 0000000000..a34539ad16
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/set-state-with-this.setstate.chinese.md
@@ -0,0 +1,85 @@
+---
+id: 5a24c314108439a4d4036173
+title: Set State with this.setState
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用this.setState设置State
+---
+
+## Description
+<section id="description">之前的挑战包括组件<code>state</code>以及如何在<code>constructor</code>初始化状态。还有一种方法可以改变组件的<code>state</code> 。 React提供了一种更新名为<code>setState</code>组件<code>state</code>的方法。您可以在组件类中调用<code>setState</code>方法，如下所示： <code>this.setState()</code> ，传入一个具有键值对的对象。键是您的状态属性，值是更新的状态数据。例如，如果我们在状态中存储<code>username</code>并想要更新它，它将如下所示： <blockquote> this.setState（{ <br>用户名：&#39;Lewis&#39; <br> }）; </blockquote> React希望你永远不要直接修改<code>state</code> ，而是在状态发生变化时总是使用<code>this.setState()</code> 。此外，您应该注意React可以批量处理多个状态更新以提高性能。这意味着通过<code>setState</code>方法的状态更新可以是异步的。 <code>setState</code>方法有一种替代语法，它提供了解决此问题的方法。这很少需要，但记住它是件好事！有关更多详细信息，请参阅<a target="_blank" href="https://facebook.github.io/react/docs/state-and-lifecycle.html">React文档</a> 。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器中有一个<code>button</code>元素，它有一个<code>onClick()</code>处理程序。当<code>button</code>在浏览器中收到单击事件时，将触发此处理程序，并运行<code>MyComponent</code>定义的<code>handleClick</code>方法。在<code>handleClick</code>方法中，使用<code>this.setState()</code>更新组件<code>state</code> 。设置<code>name</code>的属性<code>state</code>为等于字符串<code>React Rocks!</code> 。单击按钮并观察呈现的状态更新。如果您还不完全了解点击处理程序代码在此时的工作原理，请不要担心。它涵盖了即将到来的挑战。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>MyComponent</code>的状态应使用键值对<code>{ name: Initial State }</code> 。'
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).state("name") === "Initial State", "The state of <code>MyComponent</code> should initialize with the key value pair <code>{ name: Initial State }</code>.");'
+  - text: <code>MyComponent</code>应该呈现一个<code>h1</code>标头。
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).find("h1").length === 1, "<code>MyComponent</code> should render an <code>h1</code> header.");'
+  - text: 渲染的<code>h1</code>标头应包含从组件状态呈现的文本。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ name: "TestName" }); return waitForIt(() => mockedComponent.html()); }; const firstValue = await first(); assert(/<h1>TestName<\/h1>/.test(firstValue), "The rendered <code>h1</code> header should contain text rendered from the component&apos;s state."); };'
+  - text: 在<code>MyComponent</code>上调用<code>handleClick</code>方法应该将state属性设置为等于<code>React Rocks!</code> 。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ name: "Before" }); return waitForIt(() => mockedComponent.state("name")); }; const second = () => { mockedComponent.instance().handleClick(); return waitForIt(() => mockedComponent.state("name")); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === "Before" && secondValue === "React Rocks!", "Calling the <code>handleClick</code> method on <code>MyComponent</code> should set the name property in state to equal <code>React Rocks!</code>."); };'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'Initial State'
+    };
+    this.handleClick = this.handleClick.bind(this);
+  }
+  handleClick() {
+    // change code below this line
+
+    // change code above this line
+  }
+  render() {
+    return (
+      <div>
+        <button onClick={this.handleClick}>Click Me</button>
+        <h1>{this.state.name}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/use--for-a-more-concise-conditional.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/use--for-a-more-concise-conditional.chinese.md
new file mode 100644
index 0000000000..f46aa0575d
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/use--for-a-more-concise-conditional.chinese.md
@@ -0,0 +1,86 @@
+---
+id: 5a24c314108439a4d4036185
+title: Use && for a More Concise Conditional
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用&&获得更简洁的条件
+---
+
+## Description
+<section id="description"> if / else语句在最后一次挑战中起作用，但是有一种更简洁的方法来实现相同的结果。想象一下，您正在跟踪组件中的多个条件，并且您希望根据这些条件中的每个条件呈现不同的元素。如果你写了很多<code>else if</code>语句来返回略有不同的UI，你可能会重复代码，这会留下错误的余地。相反，您可以使用<code>&amp;&amp;</code> logical运算符以更简洁的方式执行条件逻辑。这是可能的，因为您要检查条件是否为<code>true</code> ，如果是，则返回一些标记。下面是一个示例： <code>{condition &amp;&amp; &lt;p&gt;markup&lt;/p&gt;}</code>如果<code>condition</code>为<code>true</code> ，则返回标记。如果条件为<code>false</code> ，则在评估<code>condition</code>后操作将立即返回<code>false</code>并且不返回任何内容。您可以直接在JSX中包含这些语句，并在每个语句之后写入<code>&amp;&amp;</code>多个条件串在一起。这允许您在<code>render()</code>方法中处理更复杂的条件逻辑，而无需重复大量代码。 </section>
+
+## Instructions
+<section id="instructions">再次解决前面的示例，因此<code>h1</code>仅在<code>display</code>为<code>true</code>呈现，但使用<code>&amp;&amp;</code> logical运算符而不是<code>if/else</code>语句。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code>应该存在并呈现。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("MyComponent").length; })(), "<code>MyComponent</code> should exist and render.");'
+  - text: 当<code>display</code>设置为<code>true</code> ，应该渲染<code>div</code> ， <code>button</code>和<code>h1</code> 。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const state_1 = () => { mockedComponent.setState({display: true}); return waitForIt(() => mockedComponent )}; const updated = await state_1(); assert(updated.find("div").length === 1 && updated.find("div").children().length === 2 && updated.find("button").length === 1 && updated.find("h1").length === 1, "When <code>display</code> is set to <code>true</code>, a <code>div</code>, <code>button</code>, and <code>h1</code> should render."); }; '
+  - text: 当<code>display</code>设置为<code>false</code> ，只应呈现<code>div</code>和<code>button</code> 。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const state_1 = () => { mockedComponent.setState({display: false}); return waitForIt(() => mockedComponent )}; const updated = await state_1(); assert(updated.find("div").length === 1 && updated.find("div").children().length === 1 && updated.find("button").length === 1 && updated.find("h1").length === 0, "When <code>display</code> is set to <code>false</code>, only a <code>div</code> and <code>button</code> should render."); }; '
+  - text: render方法应该使用&& logical运算符来检查this.state.display的条件。
+    testString: 'getUserInput => assert(getUserInput("index").includes("&&"), "The render method should use the && logical operator to check the condition of this.state.display.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      display: true
+    }
+    this.toggleDisplay = this.toggleDisplay.bind(this);
+  }
+  toggleDisplay() {
+    this.setState({
+      display: !this.state.display
+    });
+  }
+  render() {
+    // change code below this line
+    return (
+       <div>
+         <button onClick={this.toggleDisplay}>Toggle Display</button>
+         <h1>Displayed!</h1>
+       </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/use-a-ternary-expression-for-conditional-rendering.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/use-a-ternary-expression-for-conditional-rendering.chinese.md
new file mode 100644
index 0000000000..0a4fce4f42
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/use-a-ternary-expression-for-conditional-rendering.chinese.md
@@ -0,0 +1,113 @@
+---
+id: 5a24c314108439a4d4036187
+title: Use a Ternary Expression for Conditional Rendering
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用三元表达式进行条件渲染
+---
+
+## Description
+<section id="description">在继续使用动态渲染技术之前，最后一种方法是使用内置的JavaScript条件来渲染你想要的东西： <em><strong>三元运算符</strong></em> 。三元运算符通常用作JavaScript中<code>if/else</code>语句的快捷方式。它们不像传统的<code>if/else</code>语句那样健壮，但它们在React开发人员中非常受欢迎。这样做的一个原因是因为JSX是如何编译的， <code>if/else</code>语句不能直接插入到JSX代码中。您可能已经注意到这几个挑战 - 当需要<code>if/else</code>语句时，它总是在<code>return</code>语句<em>之外</em> 。如果要在JSX中实现条件逻辑，三元表达式可能是一个很好的选择。回想一下，三元运算符有三个部分，但是你可以将几个三元表达式组合在一起。这是基本语法： <blockquote>条件？ expressionIfTrue：expressionIfFalse </blockquote></section>
+
+## Instructions
+<section id="instructions">代码编辑器在<code>CheckUserAge</code>组件的<code>render()</code>方法中定义了三个常量。它们被称为<code>buttonOne</code> ， <code>buttonTwo</code>和<code>buttonThree</code> 。每个都分配了一个表示按钮元素的简单JSX表达式。首先，使用<code>input</code>和<code>userAge</code>初始化<code>CheckUserAge</code>的状态， <code>userAge</code>其设置为空字符串的值。一旦组件向页面呈现信息，用户就应该有办法与它进行交互。在组件的<code>return</code>语句中，设置一个实现以下逻辑的三元表达式：当页面首次加载时，将提交按钮<code>buttonOne</code>呈现给页面。然后，当用户输入他们的年龄并单击该按钮时，根据年龄呈现不同的按钮。如果用户输入的数字小于<code>18</code> ，则渲染<code>buttonThree</code> 。如果用户输入的数字大于或等于<code>18</code> ，则渲染<code>buttonTwo</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>CheckUserAge</code>组件应使用单个<code>input</code>元素和单个<code>button</code>元素进行渲染。
+    testString: 'assert(Enzyme.mount(React.createElement(CheckUserAge)).find("div").find("input").length === 1 && Enzyme.mount(React.createElement(CheckUserAge)).find("div").find("button").length === 1, "The <code>CheckUserAge</code> component should render with a single <code>input</code> element and a single <code>button</code> element.");'
+  - text: 应使用<code>userAge</code>属性和<code>input</code>属性初始化<code>CheckUserAge</code>组件的状态，两者都设置为空字符串的值。
+    testString: 'assert(Enzyme.mount(React.createElement(CheckUserAge)).state().input === "" && Enzyme.mount(React.createElement(CheckUserAge)).state().userAge === "", "The <code>CheckUserAge</code> component&apos;s state should be initialized with a property of <code>userAge</code> and a property of <code>input</code>, both set to a value of an empty string.");'
+  - text: 当<code>CheckUserAge</code>组件首次呈现给DOM时， <code>button</code>的内部文本应该是Submit。
+    testString: 'assert(Enzyme.mount(React.createElement(CheckUserAge)).find("button").text() === "Submit", "When the <code>CheckUserAge</code> component is first rendered to the DOM, the <code>button</code>&apos;s inner text should be Submit.");'
+  - text: 当进入一个数小于18 <code>input</code>元件和<code>button</code>被点击， <code>button</code>的内部文本应该读<code>You Shall Not Pass</code> 。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(CheckUserAge)); const initialButton = mockedComponent.find("button").text(); const enter3AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "3" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const enter17AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "17" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const userAge3 = await enter3AndClickButton(); const userAge17 = await enter17AndClickButton(); assert(initialButton === "Submit" && userAge3 === "You Shall Not Pass" && userAge17 === "You Shall Not Pass", "When a number of less than 18 is entered into the <code>input</code> element and the <code>button</code> is clicked, the <code>button</code>&apos;s inner text should read <code>You Shall Not Pass</code>."); }; '
+  - text: 当数大于或等于18输入到<code>input</code>元件和<code>button</code>被点击， <code>button</code>的内部文本应该阅读<code>You May Enter</code> 。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(CheckUserAge)); const initialButton = mockedComponent.find("button").text(); const enter18AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "18" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const enter35AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "35" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const userAge18 = await enter18AndClickButton(); const userAge35 = await enter35AndClickButton(); assert(initialButton === "Submit" && userAge18 === "You May Enter" && userAge35 === "You May Enter", "When a number greater than or equal to 18 is entered into the <code>input</code> element and the <code>button</code> is clicked, the <code>button</code>&apos;s inner text should read <code>You May Enter</code>."); }; '
+  - text: 一旦提交了一个数字，并再次更改了<code>input</code>的值，该<code>button</code>应返回到<code>Submit</code> 。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(CheckUserAge)); const enter18AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "18" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const changeInputDontClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "5" }}); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const enter10AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "10" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const userAge18 = await enter18AndClickButton(); const changeInput1 = await changeInputDontClickButton(); const userAge10 = await enter10AndClickButton(); const changeInput2 = await changeInputDontClickButton(); assert(userAge18 === "You May Enter" && changeInput1 === "Submit" && userAge10 === "You Shall Not Pass" && changeInput2 === "Submit", "Once a number has been submitted, and the value of the <code>input</code> is once again changed, the <code>button</code> should return to reading <code>Submit</code>."); }; '
+  - text: 您的代码不应包含任何<code>if/else</code>语句。
+    testString: 'assert(new RegExp(/(\s|;)if(\s|\()/).test(Enzyme.mount(React.createElement(CheckUserAge)).instance().render.toString()) === false, "Your code should not contain any <code>if/else</code> statements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const inputStyle = {
+  width: 235,
+  margin: 5
+}
+
+class CheckUserAge extends React.Component {
+  constructor(props) {
+    super(props);
+    // change code below this line
+
+    // change code above this line
+    this.submit = this.submit.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(e) {
+    this.setState({
+      input: e.target.value,
+      userAge: "
+    });
+  }
+  submit() {
+    this.setState({
+      userAge: this.state.input
+    });
+  }
+  render() {
+    const buttonOne = <button onClick={this.submit}>Submit</button>;
+    const buttonTwo = <button>You May Enter</button>;
+    const buttonThree = <button>You Shall Not Pass</button>;
+    return (
+      <div>
+        <h3>Enter Your Age to Continue</h3>
+        <input
+          style={inputStyle}
+          type="number"
+          value={this.state.input}
+          onChange={this.handleChange} /><br />
+        {
+          /* change code here */
+        }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/use-advanced-javascript-in-react-render-method.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/use-advanced-javascript-in-react-render-method.chinese.md
new file mode 100644
index 0000000000..eb1f1fb73a
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/use-advanced-javascript-in-react-render-method.chinese.md
@@ -0,0 +1,139 @@
+---
+id: 5a24c314108439a4d4036183
+title: Use Advanced JavaScript in React Render Method
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 在React Render方法中使用高级JavaScript
+---
+
+## Description
+<section id="description">在以前的挑战中，您学习了如何使用大括号<code>{ }</code>将JavaScript代码注入JSX代码，以执行诸如访问道具，传递道具，访问状态，在代码中插入注释以及最近为组件设置样式等任务。这些都是将JavaScript放入JSX的常见用例，但它们并不是您在React组件中使用JavaScript代码的唯一方法。您也可以在<code>return</code>语句之前直接在<code>render</code>方法中编写JavaScript， <strong><em>而不</em></strong>必将其插入花括号中。这是因为它还不在JSX代码中。当你想在<em>里面</em>的JSX代码后使用一个变量<code>return</code>的语句，你把变量名花括号内。 </section>
+
+## Instructions
+<section id="instructions">在提供的代码中， <code>render</code>方法有一个数组，其中包含20个短语，用于表示经典1980年代Magic Eight Ball玩具中的答案。按钮单击事件绑定到<code>ask</code>方法，因此每次单击该按钮时，将生成随机数并将其存储为<code>randomIndex</code>状态。在第52行，删除字符串<code>&quot;change me!&quot;</code>并重新分配<code>answer</code> const，以便每次组件更新时，您的代码随机访问<code>possibleAnswers</code>数组的不同索引。最后，在<code>p</code>标签内插入<code>answer</code> const。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MagicEightBall</code>组件应该存在并且应该呈现给页面。
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MagicEightBall)).find("MagicEightBall").length, 1, "The <code>MagicEightBall</code> component should exist and should render to the page.");'
+  - text: <code>MagicEightBall</code>的第一个孩子应该是一个<code>input</code>元素。
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MagicEightBall)).children().childAt(0).name(), "input", "<code>MagicEightBall</code>&apos;s first child should be an <code>input</code> element.");'
+  - text: <code>MagicEightBall</code>的第三个孩子应该是一个<code>button</code>元素。
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MagicEightBall)).children().childAt(2).name(), "button", "<code>MagicEightBall</code>&apos;s third child should be a <code>button</code> element.");'
+  - text: <code>MagicEightBall</code>的状态应的属性初始化<code>userInput</code>和属性<code>randomIndex</code>都设置为空字符串的值。
+    testString: 'assert(Enzyme.mount(React.createElement(MagicEightBall)).state("randomIndex") === "" && Enzyme.mount(React.createElement(MagicEightBall)).state("userInput") === "", "<code>MagicEightBall</code>&apos;s state should be initialized with a property of <code>userInput</code> and a property of <code>randomIndex</code> both set to a value of an empty string.");'
+  - text: 当<code>MagicEightBall</code>首次挂载到DOM时，它应该返回一个空的<code>p</code>元素。
+    testString: 'assert(Enzyme.mount(React.createElement(MagicEightBall)).find("p").length === 1 && Enzyme.mount(React.createElement(MagicEightBall)).find("p").text() === "", "When <code>MagicEightBall</code> is first mounted to the DOM, it should return an empty <code>p</code> element.");'
+  - text: 当文本输入到<code>input</code>元素并单击该按钮时， <code>MagicEightBall</code>组件应该返回一个<code>p</code>元素，该元素包含<code>possibleAnswers</code>数组中的随机元素。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(MagicEightBall)); const simulate = () => { comp.find("input").simulate("change", { target: { value: "test?" }}); comp.find("button").simulate("click"); }; const result = () => comp.find("p").text(); const _1 = () => { simulate(); return waitForIt(() => result()) }; const _2 = () => { simulate(); return waitForIt(() => result()) }; const _3 = () => { simulate(); return waitForIt(() => result()) }; const _4 = () => { simulate(); return waitForIt(() => result()) }; const _5 = () => { simulate(); return waitForIt(() => result()) }; const _6 = () => { simulate(); return waitForIt(() => result()) }; const _7 = () => { simulate(); return waitForIt(() => result()) }; const _8 = () => { simulate(); return waitForIt(() => result()) }; const _9 = () => { simulate(); return waitForIt(() => result()) }; const _10 = () => { simulate(); return waitForIt(() => result()) }; const _1_val = await _1(); const _2_val = await _2(); const _3_val = await _3(); const _4_val = await _4(); const _5_val = await _5(); const _6_val = await _6(); const _7_val = await _7(); const _8_val = await _8(); const _9_val = await _9(); const _10_val = await _10(); const actualAnswers = [_1_val, _2_val, _3_val, _4_val, _5_val, _6_val, _7_val, _8_val, _9_val, _10_val]; const hasIndex = actualAnswers.filter((answer, i) => possibleAnswers.indexOf(answer) !== -1); const notAllEqual = new Set(actualAnswers); assert(notAllEqual.size > 1 && hasIndex.length === 10, "When text is entered into the <code>input</code> element and the button is clicked, the <code>MagicEightBall</code> component should return a <code>p</code> element that contains a random element from the <code>possibleAnswers</code> array.");}'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const inputStyle = {
+  width: 235,
+  margin: 5
+}
+
+class MagicEightBall extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      userInput: ",
+      randomIndex: "
+    }
+    this.ask = this.ask.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+  }
+  ask() {
+    if (this.state.userInput) {
+      this.setState({
+        randomIndex: Math.floor(Math.random() * 20),
+        userInput: "
+      });
+    }
+  }
+  handleChange(event) {
+    this.setState({
+      userInput: event.target.value
+    });
+  }
+  render() {
+    const possibleAnswers = [
+      'It is certain',
+      'It is decidedly so',
+      'Without a doubt',
+      'Yes, definitely',
+      'You may rely on it',
+      'As I see it, yes',
+      'Outlook good',
+      'Yes',
+      'Signs point to yes',
+      'Reply hazy try again',
+      'Ask again later',
+      'Better not tell you now',
+      'Cannot predict now',
+      'Concentrate and ask again',
+      'Don\'t count on it',
+      'My reply is no',
+      'My sources say no',
+      'Most likely',
+      'Outlook not so good',
+      'Very doubtful'
+    ];
+    const answer = 'change me!' // << change code here
+    return (
+      <div>
+        <input
+          type="text"
+          value={this.state.userInput}
+          onChange={this.handleChange}
+          style={inputStyle} /><br />
+        <button onClick={this.ask}>
+          Ask the Magic Eight Ball!
+        </button><br />
+        <h3>Answer:</h3>
+        <p>
+          { /* change code below this line */ }
+
+          { /* change code above this line */ }
+        </p>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/use-array.filter-to-dynamically-filter-an-array.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/use-array.filter-to-dynamically-filter-an-array.chinese.md
new file mode 100644
index 0000000000..112816b540
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/use-array.filter-to-dynamically-filter-an-array.chinese.md
@@ -0,0 +1,110 @@
+---
+id: 5a24c314108439a4d403618c
+title: Use Array.filter() to Dynamically Filter an Array
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用Array.filter（）动态过滤数组
+---
+
+## Description
+<section id="description"> <code>map</code>数组方法是一个强大的工具，在使用React时经常会使用它。另一种与<code>map</code>相关的方法是<code>filter</code> ，它根据条件过滤数组的内容，然后返回一个新数组。例如，如果您的所有用户都具有<code>online</code>属性（可以设置为<code>true</code>或<code>false</code> ，则可以通过以下方式仅过滤那些在线用户： <code>let onlineUsers = users.filter(user =&gt; user.online);</code> </section>
+
+## Instructions
+<section id="instructions">在代码编辑器中， <code>MyComponent</code>的<code>state</code>是用一组用户初始化的。有些用户在线，有些则没有。过滤数组，以便只查看在线用户。要执行此操作，请首先使用<code>filter</code>返回仅包含<code>online</code>属性为<code>true</code>的用户的新数组。然后，在<code>renderOnline</code>变量中，映射已过滤的数组，并为包含其<code>username</code>文本的每个用户返回<code>li</code>元素。确保包括一个独特的<code>key</code> ，就像在最后的挑战中一样。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code>应该存在并呈现给页面。
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MyComponent)).find("MyComponent").length, 1, "<code>MyComponent</code> should exist and render to the page.");'
+  - text: <code>MyComponent</code>的状态应初始化为六个用户的数组。“）
+    testString: 'assert(Array.isArray(Enzyme.mount(React.createElement(MyComponent)).state("users")) === true && Enzyme.mount(React.createElement(MyComponent)).state("users").length === 6, "<code>MyComponent</code>&apos;s state should be initialized to an array of six users.");'
+  - text: <code>MyComponent</code>应该返回一个<code>div</code> ，一个<code>h1</code> ，然后是一个无序列表，其中包含每个在线状态设置为<code>true</code>用户的<code>li</code>元素。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(MyComponent)); const users = (bool) => ({users:[ { username: "Jeff", online: bool }, { username: "Alan", online: bool }, { username: "Mary", online: bool }, { username: "Jim", online: bool   }, { username: "Laura", online: bool } ]}); const result = () => comp.find("li").length; const _1 = result(); const _2 = () => { comp.setState(users(true)); return waitForIt(() => result()) }; const _3 = () => { comp.setState(users(false)); return waitForIt(() => result()) }; const _4 = () => { comp.setState({ users: [] }); return waitForIt(() => result()) }; const _2_val = await _2(); const _3_val = await _3(); const _4_val = await _4(); assert(comp.find("div").length === 1 && comp.find("h1").length === 1 && comp.find("ul").length === 1 && _1 === 4 && _2_val === 5 && _3_val === 0 && _4_val === 0, "<code>MyComponent</code> should return a <code>div</code>, an <code>h1</code>, and then an unordered list containing <code>li</code> elements for every user whose online status is set to <code>true</code>."); }; '
+  - text: <code>MyComponent</code>应该呈现包含每个在线用户的用户名的<code>li</code>元素。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(MyComponent)); const users = (bool) => ({users:[ { username: "Jeff", online: bool }, { username: "Alan", online: bool }, { username: "Mary", online: bool }, { username: "Jim", online: bool   }, { username: "Laura", online: bool } ]}); const ul = () => { comp.setState(users(true)); return waitForIt(() => comp.find("ul").html()) }; const html = await ul(); assert(html === "<ul><li>Jeff</li><li>Alan</li><li>Mary</li><li>Jim</li><li>Laura</li></ul>", "<code>MyComponent</code> should render <code>li</code> elements that contain the username of each online user."); }; '
+  - text: 每个列表项元素都应具有唯一的<code>key</code>属性。
+    testString: 'assert((() => { const ul = Enzyme.mount(React.createElement(MyComponent)).find("ul"); console.log(ul.debug()); const keys = new Set([ ul.childAt(0).key(), ul.childAt(1).key(), ul.childAt(2).key(), ul.childAt(3).key() ]); return keys.size === 4; })(), "Each list item element should have a unique <code>key</code> attribute.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      users: [
+        {
+          username: 'Jeff',
+          online: true
+        },
+        {
+          username: 'Alan',
+          online: false
+        },
+        {
+          username: 'Mary',
+          online: true
+        },
+        {
+          username: 'Jim',
+          online: false
+        },
+        {
+          username: 'Sara',
+          online: true
+        },
+        {
+          username: 'Laura',
+          online: true
+        }
+      ]
+    }
+  }
+  render() {
+    const usersOnline = null; // change code here
+    const renderOnline = null; // change code here
+    return (
+       <div>
+         <h1>Current Online Users:</h1>
+         <ul>
+           {renderOnline}
+         </ul>
+       </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/use-array.map-to-dynamically-render-elements.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/use-array.map-to-dynamically-render-elements.chinese.md
new file mode 100644
index 0000000000..0daf7d6a8a
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/use-array.map-to-dynamically-render-elements.chinese.md
@@ -0,0 +1,110 @@
+---
+id: 5a24c314108439a4d403618a
+title: Use Array.map() to Dynamically Render Elements
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用Array.map（）动态渲染元素
+---
+
+## Description
+<section id="description">条件渲染很有用，但您可能需要组件渲染未知数量的元素。通常在反应式编程中，程序员无法知道应用程序的状态直到运行时，因为这很大程度上取决于用户与该程序的交互。程序员需要编写代码以提前正确处理未知状态。在React中使用<code>Array.map()</code>说明了这个概念。例如，您创建一个简单的“待办事项列表”应用程序。作为程序员，您无法知道用户可能在其列表中有多少项。您需要设置组件，以便在使用该程序的人决定今天是洗衣日之前<em><strong>动态呈现</strong></em>正确数量的列表元素。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器设置了大部分<code>MyToDoList</code>组件。如果您完成了受控制的表单质询，那么这些代您会注意到一个<code>textarea</code>和一个<code>button</code> ，以及一些跟踪其状态的方法，但是还没有任何内容呈现给页面。在<code>constructor</code>内部，创建一个<code>this.state</code>对象并定义两个状态： <code>userInput</code>应初始化为空字符串， <code>toDoList</code>应初始化为空数组。接下来，删除<code>items</code>变量旁边的<code>render()</code>方法中的注释。取而代之，映射存储在组件内部状态中的<code>toDoList</code>数组，并为每个项目动态呈现<code>li</code> 。尝试输入字符串<code>eat, code, sleep, repeat</code>到<code>textarea</code> ，然后单击按钮，看看会发生什么。 <strong>注意：</strong>您可能知道由这样的映射操作创建的所有兄弟子元素都需要提供唯一的<code>key</code>属性。别担心，这是下一个挑战的主题。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: MyToDoList组件应该存在并呈现给页面。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); return mockedComponent.find("MyToDoList").length === 1; })(), "The MyToDoList component should exist and render to the page.");'
+  - text: <code>MyToDoList</code>的第一个子<code>MyToDoList</code>应该是<code>textarea</code>元素。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); return mockedComponent.find("MyToDoList").children().childAt(0).type() === "textarea"; })(), "The first child of <code>MyToDoList</code> should be a <code>textarea</code> element.");'
+  - text: <code>MyToDoList</code>的第三个子<code>MyToDoList</code>应该是一个<code>button</code>元素。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); return mockedComponent.find("MyToDoList").children().childAt(2).type() === "button"; })(), "The third child of <code>MyToDoList</code> should be a <code>button</code> element.");'
+  - text: 应使用<code>toDoList</code>将<code>MyToDoList</code>的状态初始化为空数组。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); const initialState = mockedComponent.state(); return Array.isArray(initialState.toDoList) === true && initialState.toDoList.length === 0; })(), "The state of <code>MyToDoList</code> should be initialized with <code>toDoList</code> as an empty array.");'
+  - text: 应使用<code>userInput</code>将<code>MyToDoList</code>的状态初始化为空字符串。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); const initialState = mockedComponent.state(); return typeof initialState.userInput === "string" && initialState.userInput.length === 0; })(), "The state of <code>MyToDoList</code> should be initialized with <code>userInput</code> as an empty string.");'
+  - text: 单击“ <code>Create List</code>按钮时， <code>MyToDoList</code>组件应动态返回无序列表，该列表包含输入到<code>textarea</code>元素中的逗号分隔列表的每个项目的列表项元素。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); const simulateChange = (el, value) => el.simulate("change", {target: {value}}); const state_1 = () => { return waitForIt(() => mockedComponent.find("ul").find("li"))}; const setInput = () => { return waitForIt(() => simulateChange(mockedComponent.find("textarea"), "testA, testB, testC"))}; const click = () => { return waitForIt(() => mockedComponent.find("button").simulate("click"))}; const state_2 = () => { return waitForIt(() => { const nodes = mockedComponent.find("ul").find("li"); return { nodes, text: nodes.reduce((t, n) => t + n.text(), "") }; })}; const setInput_2 = () => { return waitForIt(() => simulateChange(mockedComponent.find("textarea"), "t1, t2, t3, t4, t5, t6"))}; const click_1 = () => { return waitForIt(() => mockedComponent.find("button").simulate("click"))}; const state_3 = () => { return waitForIt(() => { const nodes = mockedComponent.find("ul").find("li"); return { nodes, text: nodes.reduce((t, n) => t + n.text(), "") }; })}; const awaited_state_1 = await state_1(); const awaited_setInput = await setInput(); const awaited_click = await click(); const awaited_state_2 = await state_2(); const awaited_setInput_2 = await setInput_2(); const awaited_click_1 = await click_1(); const awaited_state_3 = await state_3(); assert(awaited_state_1.length === 0 && awaited_state_2.nodes.length === 3 && awaited_state_3.nodes.length === 6 && awaited_state_2.text === "testA testB testC" && awaited_state_3.text === "t1 t2 t3 t4 t5 t6", "When the <code>Create List</code> button is clicked, the <code>MyToDoList</code> component should dynamically return an unordered list that contains a list item element for every item of a comma-separated list entered into the <code>textarea</code> element."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const textAreaStyles = {
+  width: 235,
+  margin: 5
+};
+
+class MyToDoList extends React.Component {
+  constructor(props) {
+    super(props);
+    // change code below this line
+
+    // change code above this line
+    this.handleSubmit = this.handleSubmit.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleSubmit() {
+    const itemsArray = this.state.userInput.split(',');
+    this.setState({
+      toDoList: itemsArray
+    });
+  }
+  handleChange(e) {
+    this.setState({
+      userInput: e.target.value
+    });
+  }
+  render() {
+    const items = null; // change code here
+    return (
+      <div>
+        <textarea
+          onChange={this.handleChange}
+          value={this.state.userInput}
+          style={textAreaStyles}
+          placeholder="Separate Items With Commas" /><br />
+        <button onClick={this.handleSubmit}>Create List</button>
+        <h1>My "To Do" List:</h1>
+        <ul>
+          {items}
+        </ul>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/use-default-props.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/use-default-props.chinese.md
new file mode 100644
index 0000000000..66a56270d7
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/use-default-props.chinese.md
@@ -0,0 +1,67 @@
+---
+id: 5a24c314108439a4d403616b
+title: Use Default Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用默认道具
+---
+
+## Description
+<section id="description"> React还有一个设置默认道具的选项。您可以将默认道具分配给组件作为组件本身的属性，如果需要，React会分配默认支柱。如果没有显式提供值，这允许您指定prop值应该是什么。例如，如果您声明<code>MyComponent.defaultProps = { location: &#39;San Francisco&#39; }</code> ，则您已定义了设置为<code>San Francisco</code>字符串的位置道具，除非您另行指定。如果道具未定义，则React会指定默认道具，但如果您将<code>null</code>作为道具的值传递，则它将保持为<code>null</code> 。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器显示<code>ShoppingCart</code>组件。在此组件上定义默认道具，指定值为<code>0</code>的道具<code>items</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>ShoppingCart</code>组件应该呈现。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("ShoppingCart").length === 1; })(), "The <code>ShoppingCart</code> component should render.");'
+  - text: '<code>ShoppingCart</code>组件应具有<code>{ items: 0 }</code>的默认支柱。'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); mockedComponent.setProps({items: undefined}); return mockedComponent.find("ShoppingCart").props().items === 0; })(), "The <code>ShoppingCart</code> component should have a default prop of <code>{ items: 0 }</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ShoppingCart = (props) => {
+  return (
+    <div>
+      <h1>Shopping Cart Component</h1>
+    </div>
+  )
+};
+// change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.chinese.md
new file mode 100644
index 0000000000..52d8041bc0
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.chinese.md
@@ -0,0 +1,92 @@
+---
+id: 5a24c314108439a4d403616d
+title: Use PropTypes to Define the Props You Expect
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用PropTypes定义您期望的道具
+---
+
+## Description
+<section id="description"> React提供了有用的类型检查功能，以验证组件是否接收到正确类型的道具。例如，您的应用程序进行API调用以检索您希望在数组中的数据，然后将其作为prop传递给组件。您可以在组件上设置<code>propTypes</code> ，以要求数据类型为<code>array</code> 。当数据是任何其他类型时，这将抛出有用的警告。当您提前知道道具类型时，设置<code>propTypes</code>被认为是最佳做法。您可以使用与定义<code>defaultProps</code>相同的方式为组件定义<code>propTypes</code>属性。这样做将检查给定键的道具是否存在给定类型。这是一个需要类型<code>function</code>的例子，名为<code>handleClick</code> ： <code>MyComponent.propTypes = { handleClick: PropTypes.func.isRequired }</code>在上面的例子中， <code>PropTypes.func</code>部分检查<code>handleClick</code>是一个函数。添加<code>isRequired</code>告诉React <code>handleClick</code>是该组件的必需属性。如果未提供支柱，您将看到警告。还要注意<code>func</code>代表<code>function</code> 。在七种JavaScript原语类型中， <code>function</code>和<code>boolean</code> （写为<code>bool</code> ）是唯一使用异常拼写的两种类型。除了原始类型，还有其他类型可用。例如，您可以检查prop是否为React元素。有关所有选项，请参阅文档。 <strong>注意：</strong>从React v15.5.0开始， <code>PropTypes</code>独立于React <code>import React, { PropTypes } from &#39;react&#39;;</code> ，如下所示： <code>import React, { PropTypes } from &#39;react&#39;;</code> </section>
+
+## Instructions
+<section id="instructions">为<code>Items</code>组件定义<code>propTypes</code>以要求<code>quantity</code>作为prop并验证它是否为<code>number</code>类型。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>ShoppingCart</code>组件应该呈现。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("ShoppingCart").length === 1; })(), "The <code>ShoppingCart</code> component should render.");'
+  - text: <code>Items</code>组件应该呈现。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("Items").length === 1; })(), "The <code>Items</code> component should render.");'
+  - text: <code>Items</code>组件应包含<code>propTypes</code>检查，该检查要求<code>quantity</code>为<code>number</code> 。
+    testString: 'getUserInput => assert((function() { const noWhiteSpace = getUserInput("index").replace(/ /g, ""); return noWhiteSpace.includes("quantity:PropTypes.number.isRequired") && noWhiteSpace.includes("Items.propTypes="); })(), "The <code>Items</code> component should include a <code>propTypes</code> check that requires <code>quantity</code> to be a <code>number</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const Items = (props) => {
+  return <h1>Current Quantity of Items in Cart: {props.quantity}</h1>
+};
+
+// change code below this line
+
+// change code above this line
+
+Items.defaultProps = {
+  quantity: 0
+};
+
+class ShoppingCart extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return <Items />
+  }
+};
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+var PropTypes = {
+  number: { isRequired: true }
+};
+
+```
+
+</div>
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/use-react-to-render-nested-components.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/use-react-to-render-nested-components.chinese.md
new file mode 100644
index 0000000000..084860438b
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/use-react-to-render-nested-components.chinese.md
@@ -0,0 +1,103 @@
+---
+id: 5a24c314108439a4d4036165
+title: Use React to Render Nested Components
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用React渲染嵌套组件
+---
+
+## Description
+<section id="description">最后一个挑战显示了组合两个组件的简单方法，但是有许多不同的方法可以使用React组合组件。组件组合是React强大的功能之一。当您使用React时，重要的是开始根据组件（如上一个挑战中的App示例）考虑您的用户界面。您将UI分解为其基本构建块，这些块成为组件。这有助于将负责UI的代码与负责处理应用程序逻辑的代码分开。它可以大大简化复杂项目的开发和维护。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器中定义了两个功能组件，名为<code>TypesOfFruit</code>和<code>Fruits</code> 。取<code>TypesOfFruit</code>组分和构成它，或者它<em>窝</em> ，所述内<code>Fruits</code>组分。然后使用<code>Fruits</code>组件并将其嵌套在<code>TypesOfFood</code>组件中。结果应该是一个嵌套在父组件中的子组件，它嵌套在它自己的父组件中！ </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>TypesOfFood</code>组件应返回单个<code>div</code>元素。
+    testString: 'assert(Enzyme.shallow(React.createElement(TypesOfFood)).type() === "div", "The <code>TypesOfFood</code> component should return a single <code>div</code> element.");'
+  - text: <code>TypesOfFood</code>组件应返回<code>Fruits</code>组件。
+    testString: 'assert(Enzyme.shallow(React.createElement(TypesOfFood)).props().children[1].type.name === "Fruits", "The <code>TypesOfFood</code> component should return the <code>Fruits</code> component.");'
+  - text: <code>Fruits</code>组件应返回<code>TypesOfFruit</code>组件。
+    testString: 'assert(Enzyme.mount(React.createElement(TypesOfFood)).find("h2").html() === "<h2>Fruits:</h2>", "The <code>Fruits</code> component should return the <code>TypesOfFruit</code> component.");'
+  - text: <code>TypesOfFruit</code>组件应返回<code>h2</code>和<code>ul</code>元素。
+    testString: 'assert(Enzyme.mount(React.createElement(TypesOfFood)).find("ul").text() === "ApplesBlueberriesStrawberriesBananas", "The <code>TypesOfFruit</code> component should return the <code>h2</code> and <code>ul</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const TypesOfFruit = () => {
+  return (
+    <div>
+      <h2>Fruits:</h2>
+      <ul>
+        <li>Apples</li>
+        <li>Blueberries</li>
+        <li>Strawberries</li>
+        <li>Bananas</li>
+      </ul>
+    </div>
+  );
+};
+
+const Fruits = () => {
+  return (
+    <div>
+      { /* change code below this line */ }
+
+      { /* change code above this line */ }
+    </div>
+  );
+};
+
+class TypesOfFood extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <div>
+        <h1>Types of Food:</h1>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/use-state-to-toggle-an-element.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/use-state-to-toggle-an-element.chinese.md
new file mode 100644
index 0000000000..39f34c3690
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/use-state-to-toggle-an-element.chinese.md
@@ -0,0 +1,91 @@
+---
+id: 5a24c314108439a4d4036176
+title: Use State to Toggle an Element
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用State切换元素
+---
+
+## Description
+<section id="description">您可以以比您目前所见的更复杂的方式在React应用程序中使用<code>state</code> 。一个示例是监视值的状态，然后根据此值有条件地呈现UI。有几种不同的方法可以实现这一点，代码编辑器显示了一种方法。 </section>
+
+## Instructions
+<section id="instructions"> <code>MyComponent</code>有一个<code>visibility</code>属性，初始化为<code>false</code> 。如果<code>visibility</code>值为true，则render方法返回一个视图;如果为false，则返回不同的视图。目前，无法更新组件<code>state</code>的<code>visibility</code>属性。该值应在true和false之间来回切换。按钮上有一个单击处理程序，它触发一个名为<code>toggleVisibility()</code>的类方法。定义此方法，以便在调用方法时， <code>visibility</code> <code>state</code>切换为相反的值。如果<code>visibility</code>是<code>false</code> ，该方法将其设置为<code>true</code> ，反之亦然。最后，单击按钮以根据其<code>state</code>查看组件的条件呈现。 <strong>提示：</strong>不要忘记将<code>this</code>关键字绑定到构造函数中的方法！ </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code>应该返回一个包含<code>button</code>的<code>div</code>元素。
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MyComponent)).find("div").find("button").length, 1, "<code>MyComponent</code> should return a <code>div</code> element which contains a <code>button</code>.");'
+  - text: <code>MyComponent</code>的状态应该初始化，并将<code>visibility</code>属性设置为<code>false</code> 。
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MyComponent)).state("visibility"), false, "The state of <code>MyComponent</code> should initialize with a <code>visibility</code> property set to <code>false</code>.");'
+  - text: 单击按钮元素应该在<code>true</code>和<code>false</code>之间切换状态的<code>visibility</code>属性。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ visibility: false }); return waitForIt(() => mockedComponent.state("visibility")); }; const second = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent.state("visibility")); }; const third = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent.state("visibility")); }; const firstValue = await first(); const secondValue = await second(); const thirdValue = await third(); assert(!firstValue && secondValue && !thirdValue, "Clicking the button element should toggle the <code>visibility</code> property in state between <code>true</code> and <code>false</code>."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      visibility: false
+    };
+    // change code below this line
+
+    // change code above this line
+  }
+  // change code below this line
+
+  // change code above this line
+  render() {
+    if (this.state.visibility) {
+      return (
+        <div>
+          <button onClick={this.toggleVisibility}>Click Me</button>
+          <h1>Now you see me!</h1>
+        </div>
+      );
+    } else {
+      return (
+        <div>
+          <button onClick={this.toggleVisibility}>Click Me</button>
+        </div>
+      );
+    }
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/use-the-lifecycle-method-componentdidmount.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/use-the-lifecycle-method-componentdidmount.chinese.md
new file mode 100644
index 0000000000..3bd5e2e5b4
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/use-the-lifecycle-method-componentdidmount.chinese.md
@@ -0,0 +1,83 @@
+---
+id: 5a24c314108439a4d403617d
+title: Use the Lifecycle Method componentDidMount
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用生命周期方法componentDidMount
+---
+
+## Description
+<section id="description">大多数Web开发人员在某些时候需要调用API端点来检索数据。如果您正在使用React，那么知道执行此操作的位置非常重要。 React的最佳实践是在生命周期方法<code>componentDidMount()</code>中对服务器进行API调用或任何调用。将组件安装到DOM后调用此方法。此处对<code>setState()</code>任何调用都将触发组件的重新呈现。在此方法中调用API并使用API​​返回的数据设置状态时，一旦收到数据，它将自动触发更新。 </section>
+
+## Instructions
+<section id="instructions"> <code>componentDidMount()</code>有一个模拟API调用。它在2.5秒后设置状态以模拟调用服务器以检索数据。此示例请求站点的当前活动用户总数。在render方法中，在<code>h1</code>呈现<code>activeUsers</code>的值。观看预览中发生的事情，并随时更改超时以查看不同的效果。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code>应该呈现一个包含<code>h1</code>标记的<code>div</code>元素。
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return (mockedComponent.find("div").length === 1 && mockedComponent.find("h1").length === 1); })(), "<code>MyComponent</code> should render a <code>div</code> element which wraps an <code>h1</code> tag.");'
+  - text: 应使用<code>componentDidMount</code>的超时函数更新组件状态。
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return new RegExp("setTimeout(.|\n)+setState(.|\n)+activeUsers").test(String(mockedComponent.instance().componentDidMount)); })(), "Component state should be updated with a timeout function in <code>componentDidMount</code>.");'
+  - text: <code>h1</code>标记应该从<code>MyComponent</code>的状态呈现<code>activeUsers</code>值。
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ activeUsers: 1237 }); return mockedComponent.find("h1").text(); }; const second = () => { mockedComponent.setState({ activeUsers: 1000 }); return mockedComponent.find("h1").text(); }; assert(new RegExp("1237").test(first()) && new RegExp("1000").test(second()), "The <code>h1</code> tag should render the <code>activeUsers</code> value from <code>MyComponent</code>&apos;s state."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      activeUsers: null
+    };
+  }
+  componentDidMount() {
+    setTimeout( () => {
+      this.setState({
+        activeUsers: 1273
+      });
+    }, 2500);
+  }
+  render() {
+    return (
+      <div>
+        <h1>Active Users: { /* change code here */ }</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/use-the-lifecycle-method-componentwillmount.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/use-the-lifecycle-method-componentwillmount.chinese.md
new file mode 100644
index 0000000000..6248f3e9a8
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/use-the-lifecycle-method-componentwillmount.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 5a24c314108439a4d403617c
+title: Use the Lifecycle Method componentWillMount
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用生命周期方法componentWillMount
+---
+
+## Description
+<section id="description"> React组件有几种特殊方法，可以在组件生命周期的特定点执行操作。这些称为生命周期方法或生命周期钩子，允许您在特定时间点捕获组件。这可以在渲染之前，更新之前，接收道具之前，卸载之前等等。以下是一些主要生命周期方法的列表： <code>componentWillMount()</code> <code>componentDidMount()</code> <code>componentWillReceiveProps()</code> <code>shouldComponentUpdate()</code> <code>componentWillUpdate()</code> <code>componentDidUpdate()</code> <code>componentWillUnmount()</code>接下来的几节课将介绍这些生命周期方法的一些基本用例。 </section>
+
+## Instructions
+<section id="instructions">在将组件装载到DOM时，在<code>render()</code>方法之前调用<code>componentWillMount()</code>方法。在<code>componentWillMount()</code>中将某些内容记录到控制台 - 您可能希望打开浏览器控制台以查看输出。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code>应该呈现<code>div</code>元素。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("div").length === 1; })(), "<code>MyComponent</code> should render a <code>div</code> element.");'
+  - text: 应该在<code>componentWillMount</code>调用<code>console.log</code> 。
+    testString: 'assert((function() { const lifecycle = React.createElement(MyComponent).type.prototype.componentWillMount.toString().replace(/ /g,""); return lifecycle.includes("console.log("); })(), "<code>console.log</code> should be called in <code>componentWillMount</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  componentWillMount() {
+    // change code below this line
+
+    // change code above this line
+  }
+  render() {
+    return <div />
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/write-a-react-component-from-scratch.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/write-a-react-component-from-scratch.chinese.md
new file mode 100644
index 0000000000..6cf9b87f5e
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/write-a-react-component-from-scratch.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5a24c314108439a4d4036168
+title: Write a React Component from Scratch
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 从Scratch写一个React组件
+---
+
+## Description
+<section id="description">现在您已经学习了JSX和React组件的基础知识，现在是时候自己编写一个组件了。 React组件是React应用程序的核心构建块，因此非常熟悉编写它们非常重要。请记住，典型的React组件是扩展<code>React.Component</code>的ES6 <code>class</code> 。它有一个返回HTML（来自JSX）或<code>null</code>的render方法。这是React组件的基本形式。一旦你理解了这一点，你就会准备开始构建更复杂的React项目。 </section>
+
+## Instructions
+<section id="instructions">定义一个扩展<code>React.Component</code>的类<code>MyComponent</code> 。它的render方法应该返回一个<code>div</code> ，其中包含一个带有文本的<code>h1</code>标签： <code>My First React Component!</code>在里面。准确使用此文本，案例和标点符号很重要。确保也调用组件的构造函数。使用<code>ReactDOM.render()</code>将此组件呈现给DOM。有一个<code>div</code> ， <code>id=&#39;challenge-node&#39;</code>可供您使用。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 应该有一个名为<code>MyComponent</code>的React组件。
+    testString: 'getUserInput => assert(getUserInput("index").replace(/\s/g, "").includes("classMyComponentextendsReact.Component{"), "There should be a React component called <code>MyComponent</code>.");'
+  - text: <code>MyComponent</code>应该包含带有文本<code>My First React Component!</code>的<code>h1</code>标签<code>My First React Component!</code>案例和标点符号问题。
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("h1").text() === "My First React Component!"; })(), "<code>MyComponent</code> should contain an <code>h1</code> tag with text <code>My First React Component!</code> Case and punctuation matter.");'
+  - text: <code>MyComponent</code>应该呈现给DOM。
+    testString: 'assert(document.getElementById("challenge-node").childNodes.length === 1, "<code>MyComponent</code> should render to the DOM.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/write-a-simple-counter.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/write-a-simple-counter.chinese.md
new file mode 100644
index 0000000000..12d17f532f
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/write-a-simple-counter.chinese.md
@@ -0,0 +1,89 @@
+---
+id: 5a24c314108439a4d4036177
+title: Write a Simple Counter
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 写一个简单的计数器
+---
+
+## Description
+<section id="description">您可以通过结合到目前为止所涵盖的概念来设计更复杂的有状态组件。这些包括初始化<code>state</code> ，编写设置<code>state</code>方法，以及分配单击处理程序以触发这些方法。 </section>
+
+## Instructions
+<section id="instructions">该<code>Counter</code>组件跟踪一个的<code>count</code>的价值<code>state</code> 。有两个按钮调用方法<code>increment()</code>和<code>decrement()</code> 。编写这些方法，以便在单击相应按钮时计数器值递增或递减1。此外，创建一个<code>reset()</code>方法，以便在单击重置按钮时，计数设置为0. <strong>注意：</strong>确保不要修改按钮的<code>classNames</code> 。另外，请记住在构造函数中为新创建的方法添加必要的绑定。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Counter</code>应返回一个<code>div</code>元素，其中包含三个按钮，文本内容按此顺序<code>Increment!</code> ， <code>Decrement!</code> ， <code>Reset</code> 。
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(Counter)); return (mockedComponent.find(".inc").text() === "Increment!" && mockedComponent.find(".dec").text() === "Decrement!" && mockedComponent.find(".reset").text() === "Reset"); })(), "<code>Counter</code> should return a <code>div</code> element which contains three buttons with text content in this order <code>Increment!</code>, <code>Decrement!</code>, <code>Reset</code>.");'
+  - text: <code>Counter</code>的状态应该在<code>count</code>属性设置为<code>0</code>的情况下初始化。
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(Counter)).state("count"), 0, "The state of <code>Counter</code> should initialize with a <code>count</code> property set to <code>0</code>.");'
+  - text: 单击增量按钮应将计数增加<code>1</code> 。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Counter)); const first = () => { mockedComponent.setState({ count: 0 }); return waitForIt(() => mockedComponent.state("count")); }; const second = () => { mockedComponent.find(".inc").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === 0 && secondValue === 1, "Clicking the increment button should increment the count by <code>1</code>."); }; '
+  - text: 单击减量按钮应将计数减<code>1</code> 。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Counter)); const first = () => { mockedComponent.setState({ count: 0 }); return waitForIt(() => mockedComponent.state("count")); }; const second = () => { mockedComponent.find(".dec").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === 0 && secondValue === -1, "Clicking the decrement button should decrement the count by <code>1</code>."); }; '
+  - text: 单击重置按钮应将计数重置为<code>0</code> 。
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Counter)); const init = () => { mockedComponent.setState({ count: 0 }); return waitForIt(() => mockedComponent.state("count")); }; const increment = () => { mockedComponent.find(".inc").simulate("click"); mockedComponent.find(".inc").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const decrement = () => { mockedComponent.find(".dec").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const reset = () => { mockedComponent.find(".reset").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const firstValue = await init(); const secondValue = await increment(); const thirdValue = await decrement(); const fourthValue = await reset(); assert(firstValue === 0 && secondValue === 2 && thirdValue === 1 && fourthValue === 0, "Clicking the reset button should reset the count to <code>0</code>."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Counter extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      count: 0
+    };
+    // change code below this line
+
+    // change code above this line
+  }
+  // change code below this line
+
+  // change code above this line
+  render() {
+    return (
+      <div>
+        <button className='inc' onClick={this.increment}>Increment!</button>
+        <button className='dec' onClick={this.decrement}>Decrement!</button>
+        <button className='reset' onClick={this.reset}>Reset</button>
+        <h1>Current Count: {this.state.count}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/redux/combine-multiple-reducers.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/redux/combine-multiple-reducers.chinese.md
new file mode 100644
index 0000000000..ea45c37630
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/redux/combine-multiple-reducers.chinese.md
@@ -0,0 +1,90 @@
+---
+id: 5a24c314108439a4d4036154
+title: Combine Multiple Reducers
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 结合多个减速器
+---
+
+## Description
+<section id="description">当您的应用程序的状态开始变得更加复杂时，可能很容易将状态分成多个部分。相反，请记住Redux的第一个原则：所有应用程序状态都保存在商店中的单个状态对象中。因此，Redux提供减速器组合作为复杂状态模型的解决方案。您可以定义多个reducers来处理应用程序状态的不同部分，然后将这些reducer组合成一个根reducer。然后将根reducer传递给Redux <code>createStore()</code>方法。为了让我们将多个reducer组合在一起，Redux提供了<code>combineReducers()</code>方法。此方法接受一个对象作为参数，您可以在其中定义将键与特定reducer函数关联的属性。 Redux将使用您为密钥指定的名称作为相关状态的名称。通常，当每个应用程序状态以某种方式不同或唯一时，为每个应用程序状态创建一个减速器是一个好习惯。例如，在具有用户身份验证的笔记记录应用程序中，一个reducer可以处理身份验证，而另一个reducer处理用户正在提交的文本和备注。对于这样的应用程序，我们可能会像这样编写<code>combineReducers()</code>方法： <blockquote> const rootReducer = Redux.combineReducers（{ <br> auth：authenticationReducer， <br>笔记：notesReducer <br> }）; </blockquote>现在，关键<code>notes</code>将包含与我们的注释相关联的所有状态，并由<code>notesReducer</code>处理。这就是如何组合多个reducers来管理更复杂的应用程序状态。在此示例中，Redux存储中保存的状态将是包含<code>auth</code>和<code>notes</code>属性的单个对象。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器中提供了<code>authReducer()</code> <code>counterReducer()</code>和<code>authReducer()</code>函数以及Redux存储。使用<code>Redux.combineReducers()</code>方法完成<code>rootReducer()</code>函数的<code>Redux.combineReducers()</code> 。指定<code>counterReducer</code>一键叫<code>count</code>和<code>authReducer</code>一个叫关键<code>auth</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>counterReducer</code>应该递增和递减<code>state</code> 。
+    testString: 'assert((function() { const initalState = store.getState().count; store.dispatch({type: INCREMENT}); store.dispatch({type: INCREMENT}); const firstState = store.getState().count; store.dispatch({type: DECREMENT}); const secondState = store.getState().count; return firstState === initalState + 2 && secondState === firstState - 1  })(), "The <code>counterReducer</code> should increment and decrement the <code>state</code>.");'
+  - text: <code>authReducer</code>应切换在<code>true</code>和<code>false</code>之间进行<code>authenticated</code>的<code>state</code> 。
+    testString: 'assert((function() {  store.dispatch({type: LOGIN}); const loggedIn = store.getState().auth.authenticated; store.dispatch({type: LOGOUT}); const loggedOut = store.getState().auth.authenticated; return loggedIn === true && loggedOut === false  })(), "The <code>authReducer</code> should toggle the <code>state</code> of <code>authenticated</code> between <code>true</code> and <code>false</code>.");'
+  - text: 存储<code>state</code>应该有两个键： <code>count</code> ，它包含一个数字， <code>auth</code> ，它包含一个对象。 <code>auth</code>对象应具有<code>authenticated</code>属性，该属性包含布尔值。
+    testString: 'assert((function() { const state = store.getState(); return typeof state.auth === "object" && typeof state.auth.authenticated === "boolean" && typeof state.count === "number" })(), "The store <code>state</code> should have two keys: <code>count</code>, which holds a number, and <code>auth</code>, which holds an object. The <code>auth</code> object should have a property of <code>authenticated</code>, which holds a boolean.");'
+  - text: 该<code>rootReducer</code>应该是结合了功能<code>counterReducer</code>和<code>authReducer</code> 。
+    testString: 'getUserInput => assert((function() {  const noWhiteSpace = getUserInput("index").replace(/\s/g,""); return typeof rootReducer === "function" && noWhiteSpace.includes("Redux.combineReducers")  })(), "The <code>rootReducer</code> should be a function that combines the <code>counterReducer</code> and the <code>authReducer</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const INCREMENT = 'INCREMENT';
+const DECREMENT = 'DECREMENT';
+
+const counterReducer = (state = 0, action) => {
+  switch(action.type) {
+    case INCREMENT:
+      return state + 1;
+    case DECREMENT:
+      return state - 1;
+    default:
+      return state;
+  }
+};
+
+const LOGIN = 'LOGIN';
+const LOGOUT = 'LOGOUT';
+
+const authReducer = (state = {authenticated: false}, action) => {
+  switch(action.type) {
+    case LOGIN:
+      return {
+        authenticated: true
+      }
+    case LOGOUT:
+      return {
+        authenticated: false
+      }
+    default:
+      return state;
+  }
+};
+
+const rootReducer = // define the root reducer here
+
+const store = Redux.createStore(rootReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/redux/copy-an-object-with-object.assign.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/redux/copy-an-object-with-object.assign.chinese.md
new file mode 100644
index 0000000000..d00d35efb6
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/redux/copy-an-object-with-object.assign.chinese.md
@@ -0,0 +1,79 @@
+---
+id: 5a24c314108439a4d403615b
+title: Copy an Object with Object.assign
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用Object.assign复制对象
+---
+
+## Description
+<section id="description">最后几个挑战适用于数组，但是当状态是一个<code>object</code>时，有一些方法可以帮助强制执行状态不变性。处理对象的有用工具是<code>Object.assign()</code>实用程序。 <code>Object.assign()</code>接受目标对象和源对象，并将源对象中的属性映射到目标对象。任何匹配的属性都会被源对象中的属性覆盖。此行为通常用于通过将空对象作为第一个参数传递，然后传递要复制的对象来生成对象的浅副本。这是一个例子： <code>const newObject = Object.assign({}, obj1, obj2);</code>这将<code>newObject</code>创建为一个新<code>object</code> ，其中包含当前存在于<code>obj1</code>和<code>obj2</code>中的属性。 </section>
+
+## Instructions
+<section id="instructions"> Redux状态和操作被修改为处理<code>state</code>的<code>object</code> 。编辑代码以返回类型为<code>ONLINE</code>操作的新<code>state</code>对象，该<code>status</code>属性将<code>status</code>属性设置为<code>online</code>字符串。尝试使用<code>Object.assign()</code>来完成挑战。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Redux存储应该存在并使用等效于第1行声明的<code>defaultState</code>对象的状态进行初始化。
+    testString: 'assert((function() { const expectedState = { user: "CamperBot", status: "offline", friends: "732,982", community: "freeCodeCamp" }; const initialState = store.getState(); return DeepEqual(expectedState, initialState); })(), "The Redux store should exist and initialize with a state that is equivalent to the <code>defaultState</code> object declared on line 1.");'
+  - text: <code>wakeUp</code>和<code>immutableReducer</code>都应该是函数。
+    testString: 'assert(typeof wakeUp === "function" && typeof immutableReducer === "function", "<code>wakeUp</code> and <code>immutableReducer</code> both should be functions.");'
+  - text: 调度<code>ONLINE</code>类型的操作应该将<code>status</code>中的属性<code>status</code>更新为<code>online</code>并且不应该改变状态。
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch({type: "ONLINE"}); const finalState = store.getState(); const expectedState = { user: "CamperBot", status: "online", friends: "732,982", community: "freeCodeCamp" }; return isFrozen && DeepEqual(finalState, expectedState); })(), "Dispatching an action of type <code>ONLINE</code> should update the property <code>status</code> in state to <code>online</code> and should NOT mutate state.");'
+  - text: <code>Object.assign</code>应该用于返回新状态。
+    testString: 'getUserInput => assert(getUserInput("index").includes("Object.assign"), "<code>Object.assign</code> should be used to return new state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const defaultState = {
+  user: 'CamperBot',
+  status: 'offline',
+  friends: '732,982',
+  community: 'freeCodeCamp'
+};
+
+const immutableReducer = (state = defaultState, action) => {
+  switch(action.type) {
+    case 'ONLINE':
+      // don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+const wakeUp = () => {
+  return {
+    type: 'ONLINE'
+  }
+};
+
+const store = Redux.createStore(immutableReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/redux/create-a-redux-store.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/redux/create-a-redux-store.chinese.md
new file mode 100644
index 0000000000..ee0fa4cdba
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/redux/create-a-redux-store.chinese.md
@@ -0,0 +1,58 @@
+---
+id: 5a24c314108439a4d403614b
+title: Create a Redux Store
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 创建一个Redux商店
+---
+
+## Description
+<section id="description"> Redux是一个状态管理框架，可以与许多不同的Web技术一起使用，包括React。在Redux中，有一个状态对象负责应用程序的整个状态。这意味着如果您有一个包含十个组件的React应用程序，并且每个组件都有自己的本地状态，则应用程序的整个状态将由Redux <code>store</code>的单个状态对象定义。这是学习Redux时理解的第一个重要原则：Redux商店是应用程序状态的唯一真实来源。这也意味着，只要您的应用程序的任何部分想要更新状态，它<strong>必须</strong>通过Redux商店执行此操作。单向数据流可以更轻松地跟踪应用程序中的状态管理。 </section>
+
+## Instructions
+<section id="instructions"> Redux <code>store</code>是一个保存和管理应用程序<code>state</code>的对象。 Redux对象上有一个名为<code>createStore()</code>的方法，您可以使用该方法创建Redux <code>store</code> 。此方法将<code>reducer</code>函数作为必需参数。 <code>reducer</code>函数将在稍后的挑战中介绍，并且已在代码编辑器中为您定义。它只是将<code>state</code>作为参数并返回<code>state</code> 。声明一个<code>store</code>变量并将其赋值给<code>createStore()</code>方法，并将<code>reducer</code>作为参数传入。 <strong>注意：</strong>编辑器中的代码使用ES6默认参数语法初始化此状态以保存值<code>5</code> 。如果您不熟悉默认参数，可以参考<a target="_blank" href="https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions">课程</a>中涵盖此主题的<a target="_blank" href="https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions">ES6部分</a> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: redux商店存在。
+    testString: 'assert(typeof store.getState === "function", "The redux store exists.");'
+  - text: redux商店的状态值为5。
+    testString: 'assert(store.getState()=== 5, "The redux store has a value of 5 for the state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const reducer = (state = 5) => {
+  return state;
+}
+
+// Redux methods are available from a Redux object
+// For example: Redux.createStore()
+// Define the store here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/redux/define-a-redux-action.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/redux/define-a-redux-action.chinese.md
new file mode 100644
index 0000000000..e7a9e27abc
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/redux/define-a-redux-action.chinese.md
@@ -0,0 +1,52 @@
+---
+id: 5a24c314108439a4d403614d
+title: Define a Redux Action
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 定义Redux动作
+---
+
+## Description
+<section id="description">由于Redux是一个状态管理框架，因此更新状态是其核心任务之一。在Redux中，所有状态更新都由调度操作触发。操作只是一个JavaScript对象，其中包含有关已发生的操作事件的信息。 Redux存储接收这些操作对象，然后相应地更新其状态。有时，Redux操作也会携带一些数据。例如，操作在用户登录后携带用户名。虽然数据是可选的，但操作必须带有<code>type</code>属性，该属性指定发生的操作的“类型”。将Redux操作视为信使，将有关应用程序中发生的事件的信息提供给Redux商店。然后，商店根据发生的操作开展更新状态的业务。 </section>
+
+## Instructions
+<section id="instructions">编写Redux操作就像声明具有type属性的对象一样简单。声明一个对象<code>action</code>并为其设置一个属性<code>type</code>设置为字符串<code>&#39;LOGIN&#39;</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 应该存在一个操作对象。
+    testString: 'assert((function() { return typeof action === "object" })(), "An action object should exist.");'
+  - text: 该操作应具有值为<code>LOGIN</code>的键属性类型。
+    testString: 'assert((function() { return action.type === "LOGIN" })(), "The action should have a key property type with value <code>LOGIN</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// Define an action here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/redux/define-an-action-creator.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/redux/define-an-action-creator.chinese.md
new file mode 100644
index 0000000000..7497260735
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/redux/define-an-action-creator.chinese.md
@@ -0,0 +1,57 @@
+---
+id: 5a24c314108439a4d403614e
+title: Define an Action Creator
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 定义一个Action Creator
+---
+
+## Description
+<section id="description">创建操作后，下一步是将操作发送到Redux存储，以便它可以更新其状态。在Redux中，您可以定义动作创建器来完成此任务。动作创建者只是一个返回动作的JavaScript函数。换句话说，动作创建者创建表示动作事件的对象。 </section>
+
+## Instructions
+<section id="instructions">定义一个名为<code>actionCreator()</code>的函数，该函数在调用时返回<code>action</code>对象。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 函数<code>actionCreator</code>应该存在。
+    testString: 'assert(typeof actionCreator === "function", "The function <code>actionCreator</code> should exist.");'
+  - text: 运行<code>actionCreator</code>函数应该返回操作对象。
+    testString: 'assert(typeof action === "object", "Running the <code>actionCreator</code> function should return the action object.");'
+  - text: 返回的操作应具有值为<code>LOGIN</code>的键属性类型。
+    testString: 'assert(action.type === "LOGIN", "The returned action should have a key property type with value <code>LOGIN</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const action = {
+  type: 'LOGIN'
+}
+// Define an action creator here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/redux/dispatch-an-action-event.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/redux/dispatch-an-action-event.chinese.md
new file mode 100644
index 0000000000..a840f2ac4c
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/redux/dispatch-an-action-event.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 5a24c314108439a4d403614f
+title: Dispatch an Action Event
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 派遣行动事件
+---
+
+## Description
+<section id="description"> <code>dispatch</code>方法是您用于将操作分派给Redux存储的方法。调用<code>store.dispatch()</code>并传递从操作创建者返回的值会将操作发送回商店。回想一下，动作创建者返回一个具有type属性的对象，该属性指定已发生的动作。然后，该方法将操作对象调度到Redux存储。根据之前的挑战示例，以下行是等效的，并且都调度<code>LOGIN</code>类型的操作： <blockquote> store.dispatch（actionCreator（））; <br> store.dispatch（{type：&#39;LOGIN&#39;}）; </blockquote></section>
+
+## Instructions
+<section id="instructions">代码编辑器中的Redux存储具有初始化状态，该状态是包含当前设置为<code>false</code>的<code>login</code>属性的对象。还有一个名为<code>loginAction()</code>的动作创建器，它返回<code>LOGIN</code>类型的动作。通过调用<code>dispatch</code>方法将<code>LOGIN</code>操作发送到Redux存储，并传入<code>loginAction()</code>创建的操作。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 调用函数<code>loginAction</code>应该返回一个对象，其<code>type</code>属性设置为字符串<code>LOGIN</code> 。
+    testString: 'assert(loginAction().type === "LOGIN", "Calling the function <code>loginAction</code> should return an object with <code>type</code> property set to the string <code>LOGIN</code>.");'
+  - text: 应使用属性<code>login</code>设置为<code>false</code>的对象初始化存储。
+    testString: 'assert(store.getState().login === false, "The store should be initialized with an object with property <code>login</code> set to <code>false</code>.");'
+  - text: <code>store.dispatch()</code>方法应该用于调度<code>LOGIN</code>类型的操作。
+    testString: 'getUserInput => assert((function() {  let noWhiteSpace = getUserInput("index").replace(/\s/g,""); return noWhiteSpace.includes("store.dispatch(loginAction())") || noWhiteSpace.includes("store.dispatch({type: \"LOGIN\"})") === true })(), "The <code>store.dispatch()</code> method should be used to dispatch an action of type <code>LOGIN</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const store = Redux.createStore(
+  (state = {login: false}) => state
+);
+
+const loginAction = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+// Dispatch the action here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/redux/get-state-from-the-redux-store.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/redux/get-state-from-the-redux-store.chinese.md
new file mode 100644
index 0000000000..00a269d061
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/redux/get-state-from-the-redux-store.chinese.md
@@ -0,0 +1,56 @@
+---
+id: 5a24c314108439a4d403614c
+title: Get State from the Redux Store
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 从Redux商店获取状态
+---
+
+## Description
+<section id="description"> Redux存储对象提供了几种允许您与之交互的方法。例如，您可以使用<code>getState()</code>方法检索Redux存储对象中保存的当前<code>state</code> 。 </section>
+
+## Instructions
+<section id="instructions">上一个挑战中的代码在代码编辑器中更简洁地重写。使用<code>store.getState()</code>从<code>store</code>检索<code>state</code> ，并将其分配给新变量<code>currentState</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 对于初始状态，redux存储的值应为5。
+    testString: 'assert(store.getState()===5, "The redux store should have a value of 5 for the initial state.");'
+  - text: 应该存在一个变量<code>currentState</code> ，并且应该为其分配Redux存储的当前状态。
+    testString: 'getUserInput => assert(currentState === 5 && getUserInput("index").includes("store.getState()"), "A variable <code>currentState</code> should exist and should be assigned the current state of the Redux store.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const store = Redux.createStore(
+  (state = 5) => state
+);
+
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/redux/handle-an-action-in-the-store.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/redux/handle-an-action-in-the-store.chinese.md
new file mode 100644
index 0000000000..7467f4dea1
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/redux/handle-an-action-in-the-store.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 5a24c314108439a4d4036150
+title: Handle an Action in the Store
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 处理商店中的操作
+---
+
+## Description
+<section id="description">创建并分派操作后，Redux存储需要知道如何响应该操作。这是<code>reducer</code>功能的工作。 Redux中的Reducers负责响应操作而进行的状态修改。 <code>reducer</code>将<code>state</code>和<code>action</code>作为参数，并且它总是返回一个新<code>state</code> 。重要的是要看到这是减速器的<strong>唯一</strong>作用。它没有任何副作用 - 它从不调用API端点，它从来没有任何隐藏的意外。 reducer只是一个纯函数，它接受状态和动作，然后返回新状态。 Redux的另一个关键原则是<code>state</code>是只读的。换句话说， <code>reducer</code>函数必须<strong>始终</strong>返回一个新的<code>state</code>副本，而不是直接修改状态。 Redux不强制执行状态不变性，但是，您负责在reducer函数的代码中强制执行它。你将在以后的挑战中练习这一点。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器具有前面的示例以及为您启动<code>reducer</code>功能。填写<code>reducer</code>函数的主体，这样如果它收到<code>&#39;LOGIN&#39;</code>类型的动作，它将返回一个<code>login</code>设置为<code>true</code>的状态对象。否则，它返回当前<code>state</code> 。请注意，当前<code>state</code>和调度的<code>action</code>将传递给reducer，因此您可以使用<code>action.type</code>直接访问操作的类型。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 调用函数<code>loginAction</code>应该返回一个对象，其type属性设置为字符串<code>LOGIN</code> 。
+    testString: 'assert(loginAction().type === "LOGIN", "Calling the function <code>loginAction</code> should return an object with type property set to the string <code>LOGIN</code>.");'
+  - text: 应使用属性<code>login</code>设置为<code>false</code>的对象初始化存储。
+    testString: 'assert(store.getState().login === false, "The store should be initialized with an object with property <code>login</code> set to <code>false</code>.");'
+  - text: 调度<code>loginAction</code>应该将store状态中的<code>login</code>属性更新为<code>true</code> 。
+    testString: 'assert((function() {  const initialState = store.getState(); store.dispatch(loginAction()); const afterState = store.getState(); return initialState.login === false && afterState.login === true })(), "Dispatching <code>loginAction</code> should update the <code>login</code> property in the store state to <code>true</code>.");'
+  - text: 如果操作不是<code>LOGIN</code>类型，则存储应返回当前状态。
+    testString: 'assert((function() { store.dispatch({type: "__TEST__ACTION__"}); let afterTest = store.getState(); return typeof afterTest === "object" && afterTest.hasOwnProperty("login") })(), "If the action is not of type <code>LOGIN</code>, the store should return the current state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const defaultState = {
+  login: false
+};
+
+const reducer = (state = defaultState, action) => {
+  // change code below this line
+
+  // change code above this line
+};
+
+const store = Redux.createStore(reducer);
+
+const loginAction = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/redux/never-mutate-state.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/redux/never-mutate-state.chinese.md
new file mode 100644
index 0000000000..207bb0017d
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/redux/never-mutate-state.chinese.md
@@ -0,0 +1,82 @@
+---
+id: 5a24c314108439a4d4036158
+title: Never Mutate State
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 从不改变国家
+---
+
+## Description
+<section id="description">这些最后的挑战描述了在Redux中实施状态不变性关键原则的几种方法。不可变状态意味着您永远不会直接修改状态，而是返回状态的新副本。如果你随着时间的推移拍摄了一个Redux应用程序状态的快照，你会看到<code>state 1</code> ， <code>state 2</code> ， <code>state 3</code> ， <code>state 4</code> ， <code>...</code>等等，其中每个状态可能与最后一个状态相似，但每个状态是一个独特的数据。事实上，这种不变性提供了您可能听说过的时间旅行调试等功能。 Redux不会在其商店或减少者中主动强制执行状态不变性，而责任落在程序员身上。幸运的是，JavaScript（尤其是ES6）提供了一些有用的工具，可用于强制执行状态的不变性，无论是<code>string</code> ， <code>number</code> ， <code>array</code>还是<code>object</code> 。请注意，字符串和数字是原始值，并且本质上是不可变的。换句话说，3总是3.您不能更改数字3的值。但是， <code>array</code>或<code>object</code>是可变的。实际上，您的状态可能包含<code>array</code>或<code>object</code> ，因为它们是用于表示许多类型信息的有用数据结构。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器中有一个<code>store</code>和<code>reducer</code>器，用于管理待办事项。完成在<code>ADD_TO_DO</code>中写入<code>ADD_TO_DO</code>情况，以向状态附加新的待办事项。使用标准JavaScript或ES6可以通过几种方法实现此目的。看看是否可以找到一种方法来返回一个新数组，其中<code>action.todo</code>的项目附加到结尾。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Redux存储应该存在并使用等于代码编辑器中的<code>todos</code>数组的状态进行初始化。
+    testString: 'assert((function() { const todos = [ "Go to the store", "Clean the house", "Cook dinner", "Learn to code" ]; const initialState = store.getState(); return Array.isArray(initialState) && initialState.join(",") === todos.join(","); })(), "The Redux store should exist and initialize with a state equal to the <code>todos</code> array in the code editor.");'
+  - text: <code>addToDo</code>和<code>immutableReducer</code>都应该是函数。
+    testString: 'assert(typeof addToDo === "function" && typeof immutableReducer === "function", "<code>addToDo</code> and <code>immutableReducer</code> both should be functions.");'
+  - text: 在Redux存储上调度<code>ADD_TO_DO</code>类型的操作应该添加<code>todo</code> ，不应该改变状态。
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch(addToDo("__TEST__TO__DO__")); const finalState = store.getState(); const expectedState = [ "Go to the store", "Clean the house", "Cook dinner", "Learn to code", "__TEST__TO__DO__" ]; return( isFrozen && DeepEqual(finalState, expectedState)); })(), "Dispatching an action of type <code>ADD_TO_DO</code> on the Redux store should add a <code>todo</code> item and should NOT mutate state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ADD_TO_DO = 'ADD_TO_DO';
+
+// A list of strings representing tasks to do:
+const todos = [
+  'Go to the store',
+  'Clean the house',
+  'Cook dinner',
+  'Learn to code',
+];
+
+const immutableReducer = (state = todos, action) => {
+  switch(action.type) {
+    case ADD_TO_DO:
+      // don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+// an example todo argument would be 'Learn React',
+const addToDo = (todo) => {
+  return {
+    type: ADD_TO_DO,
+    todo
+  }
+}
+
+const store = Redux.createStore(immutableReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/redux/register-a-store-listener.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/redux/register-a-store-listener.chinese.md
new file mode 100644
index 0000000000..49df6284ea
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/redux/register-a-store-listener.chinese.md
@@ -0,0 +1,88 @@
+---
+id: 5a24c314108439a4d4036153
+title: Register a Store Listener
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 注册商店监听器
+---
+
+## Description
+<section id="description">您可以在Redux <code>store</code>对象上访问的另一种方法是<code>store.subscribe()</code> 。这允许您将监听器函数订阅到商店，只要针对商店调度操作，就会调用这些函数。此方法的一个简单用途是为您的商店订阅一个功能，只需在每次收到操作并更新商店时记录消息。 </section>
+
+## Instructions
+<section id="instructions">编写一个回调函数，每次商店收到一个动作时，它会递增全局变量<code>count</code> ，并将此函数传递给<code>store.subscribe()</code>方法。您将看到<code>store.dispatch()</code>连续三次被调用，每次都直接传入一个操作对象。观察操作调度之间的控制台输出以查看更新。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 在商店上调度<code>ADD</code>操作应该将状态增加<code>1</code> 。
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch({ type: "ADD" }); const newState = store.getState(); return newState === (initialState + 1); })(), "Dispatching the <code>ADD</code> action on the store should increment the state by <code>1</code>.");'
+  - text: 应该有一个使用<code>store.subscribe</code>订阅商店的监听器功能。
+    testString: 'getUserInput => assert(getUserInput("index").includes("store.subscribe("), "There should be a listener function subscribed to the store using <code>store.subscribe</code>.");'
+  - text: <code>store.subscribe</code>的回调还应该在存储更新时增加全局<code>count</code>变量。
+    testString: 'assert(store.getState() === count, "The callback to <code>store.subscribe</code> should also increment the global <code>count</code> variable as the store is updated.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ADD = 'ADD';
+
+const reducer = (state = 0, action) => {
+  switch(action.type) {
+    case ADD:
+      return state + 1;
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(reducer);
+
+// global count variable:
+let count = 0;
+
+// change code below this line
+
+// change code above this line
+
+store.dispatch({type: ADD});
+console.log(count);
+store.dispatch({type: ADD});
+console.log(count);
+store.dispatch({type: ADD});
+console.log(count);
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+count = 0;
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/redux/remove-an-item-from-an-array.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/redux/remove-an-item-from-an-array.chinese.md
new file mode 100644
index 0000000000..f98f6acbe9
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/redux/remove-an-item-from-an-array.chinese.md
@@ -0,0 +1,71 @@
+---
+id: 5a24c314108439a4d403615a
+title: Remove an Item from an Array
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 从数组中删除项目
+---
+
+## Description
+<section id="description">是时候练习从数组中删除项目了。扩展运算符也可以在这里使用。其他有用的JavaScript方法包括<code>slice()</code>和<code>concat()</code> 。 </section>
+
+## Instructions
+<section id="instructions">修改了reducer和action creator，以根据项目的索引从数组中删除项目。完成编写reducer以便返回一个新的状态数组，并删除特定索引处的项。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Redux存储应该存在并初始化为等于<code>[0,1,2,3,4,5]</code>的状态'
+    testString: 'assert((function() { const initialState = store.getState(); return (Array.isArray(initialState) === true && DeepEqual(initialState, [0, 1, 2, 3, 4, 5])); })(), "The Redux store should exist and initialize with a state equal to <code>[0,1,2,3,4,5]</code>");'
+  - text: <code>removeItem</code>和<code>immutableReducer</code>都应该是函数。
+    testString: 'assert(typeof removeItem === "function" && typeof immutableReducer === "function", "<code>removeItem</code> and <code>immutableReducer</code> both should be functions.");'
+  - text: 调度<code>removeItem</code>动作创建者应该从状态中删除项目，不应该改变状态。
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch(removeItem(3)); const state_1 = store.getState(); store.dispatch(removeItem(2)); const state_2 = store.getState(); store.dispatch(removeItem(0)); store.dispatch(removeItem(0)); store.dispatch(removeItem(0)); const state_3 = store.getState(); return isFrozen && DeepEqual(state_1, [0, 1, 2, 4, 5]) && DeepEqual(state_2, [0, 1, 4, 5]) && DeepEqual(state_3, [5]); })(), "Dispatching the <code>removeItem</code> action creator should remove items from the state and should NOT mutate state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const immutableReducer = (state = [0,1,2,3,4,5], action) => {
+  switch(action.type) {
+    case 'REMOVE_ITEM':
+      // don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+const removeItem = (index) => {
+  return {
+    type: 'REMOVE_ITEM',
+    index
+  }
+}
+
+const store = Redux.createStore(immutableReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/redux/send-action-data-to-the-store.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/redux/send-action-data-to-the-store.chinese.md
new file mode 100644
index 0000000000..6202ce90b5
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/redux/send-action-data-to-the-store.chinese.md
@@ -0,0 +1,74 @@
+---
+id: 5a24c314108439a4d4036155
+title: Send Action Data to the Store
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 将操作数据发送到商店
+---
+
+## Description
+<section id="description">到目前为止，您已经学会了如何将操作分派给Redux存储，但到目前为止，这些操作还没有包含除<code>type</code>之外的任何信息。您还可以发送特定数据以及您的操作。事实上，这是非常常见的，因为动作通常源于一些用户交互，并倾向于携带一些数据。 Redux商店经常需要了解这些数据。 </section>
+
+## Instructions
+<section id="instructions">在代码编辑器中定义了一个基本的<code>notesReducer()</code>和一个<code>addNoteText()</code>动作创建器。完成<code>addNoteText()</code>函数的主体，以便它返回一个<code>action</code>对象。该对象应包含值为<code>ADD_NOTE</code>的<code>type</code>属性，以及设置为传递给action creator的<code>note</code>数据的<code>text</code>属性。当您致电操作创建者时，您将传递可以访问该对象的特定注释信息。接下来，完成在<code>notesReducer()</code>编写<code>switch</code>语句。您需要添加一个处理<code>addNoteText()</code>操作的案例。只要存在类型为<code>ADD_NOTE</code>的操作，就应该触发此情况，并且应该将传入<code>action</code>的<code>text</code>属性作为新<code>state</code> 。该操作将在代码底部发送。完成后，运行代码并观察控制台。这就是将特定于操作的数据发送到商店并在更新存储<code>state</code>时使用它所需的全部内容。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 动作创建者<code>addNoteText</code>应返回具有键<code>type</code>和<code>text</code>的对象。
+    testString: 'assert((function() { const addNoteFn = addNoteText("__TEST__NOTE"); return addNoteFn.type === ADD_NOTE && addNoteFn.text === "__TEST__NOTE" })(), "The action creator <code>addNoteText</code> should return an object with keys <code>type</code> and <code>text</code>.");'
+  - text: 使用<code>addNoteText</code>操作创建程序调度<code>ADD_NOTE</code>类型的操作应将<code>state</code>更新为传递给操作创建者的字符串。
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch(addNoteText("__TEST__NOTE")); const newState = store.getState(); return initialState !== newState && newState === "__TEST__NOTE" })(), "Dispatching an action of type <code>ADD_NOTE</code> with the <code>addNoteText</code> action creator should update the <code>state</code> to the string passed to the action creator.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ADD_NOTE = 'ADD_NOTE';
+
+const notesReducer = (state = 'Initial State', action) => {
+  switch(action.type) {
+    // change code below this line
+
+    // change code above this line
+    default:
+      return state;
+  }
+};
+
+const addNoteText = (note) => {
+  // change code below this line
+
+  // change code above this line
+};
+
+const store = Redux.createStore(notesReducer);
+
+console.log(store.getState());
+store.dispatch(addNoteText('Hello!'));
+console.log(store.getState());
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.chinese.md
new file mode 100644
index 0000000000..597a5ec506
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.chinese.md
@@ -0,0 +1,82 @@
+---
+id: 5a24c314108439a4d4036151
+title: Use a Switch Statement to Handle Multiple Actions
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用Switch语句处理多个操作
+---
+
+## Description
+<section id="description">您可以告诉Redux商店如何处理多种操作类型。假设您在Redux商店中管理用户身份验证。您希望在用户登录和注销时具有状态表示。您使用经过<code>authenticated</code>的属性的单个状态对象来表示它。您还需要动作创建者创建与用户登录和用户注销相对应的操作，以及操作对象本身。 </section>
+
+## Instructions
+<section id="instructions">代码编辑器为您设置了商店，操作和操作创建器。填写<code>reducer</code>函数以处理多个身份验证操作。在<code>reducer</code>使用JavaScript <code>switch</code>语句来响应不同的操作事件。这是编写Redux减速器的标准模式。 switch语句应该切换<code>action.type</code>并返回适当的身份验证状态。 <strong>注意：</strong>此时，不要担心状态不变性，因为在这个例子中它很小而且简单。对于每个操作，您可以返回一个新对象 - 例如， <code>{authenticated: true}</code> 。另外，不要忘记在switch语句中写一个返回当前<code>state</code>的<code>default</code>大小写。这很重要，因为一旦您的应用程序有多个Reducer，它们都会在执行操作调度时运行，即使操作与该reducer无关。在这种情况下，您需要确保返回当前<code>state</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 调用函数<code>loginUser</code>应该返回一个对象，其type属性设置为字符串<code>LOGIN</code> 。
+    testString: 'assert(loginUser().type === "LOGIN", "Calling the function <code>loginUser</code> should return an object with type property set to the string <code>LOGIN</code>.");'
+  - text: 调用函数<code>logoutUser</code>应该返回一个对象，其type属性设置为字符串<code>LOGOUT</code> 。
+    testString: 'assert(logoutUser().type === "LOGOUT", "Calling the function <code>logoutUser</code> should return an object with type property set to the string <code>LOGOUT</code>.");'
+  - text: 应使用经过<code>authenticated</code>属性设置为<code>false</code>的对象初始化存储。
+    testString: 'assert(store.getState().authenticated === false, "The store should be initialized with an object with an <code>authenticated</code> property set to <code>false</code>.");'
+  - text: 调度<code>loginUser</code>应该将store状态中的<code>authenticated</code>属性更新为<code>true</code> 。
+    testString: 'assert((function() {  const initialState = store.getState(); store.dispatch(loginUser()); const afterLogin = store.getState(); return initialState.authenticated === false && afterLogin.authenticated === true })(), "Dispatching <code>loginUser</code> should update the <code>authenticated</code> property in the store state to <code>true</code>.");'
+  - text: 调度<code>logoutUser</code>应将store状态中的<code>authenticated</code>属性更新为<code>false</code> 。
+    testString: 'assert((function() {  store.dispatch(loginUser()); const loggedIn = store.getState(); store.dispatch(logoutUser()); const afterLogout = store.getState(); return loggedIn.authenticated === true && afterLogout.authenticated === false  })(), "Dispatching <code>logoutUser</code> should update the <code>authenticated</code> property in the store state to <code>false</code>.");'
+  - text: <code>authReducer</code>函数应该使用<code>switch</code>语句处理多个动作类型。
+    testString: 'getUserInput => assert( getUserInput("index").toString().includes("switch") && getUserInput("index").toString().includes("case") && getUserInput("index").toString().includes("default"), "The <code>authReducer</code> function should handle multiple action types with a <code>switch</code> statement.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const defaultState = {
+  authenticated: false
+};
+
+const authReducer = (state = defaultState, action) => {
+  // change code below this line
+
+  // change code above this line
+};
+
+const store = Redux.createStore(authReducer);
+
+const loginUser = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+const logoutUser = () => {
+  return {
+    type: 'LOGOUT'
+  }
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/redux/use-const-for-action-types.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/redux/use-const-for-action-types.chinese.md
new file mode 100644
index 0000000000..06f46119a3
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/redux/use-const-for-action-types.chinese.md
@@ -0,0 +1,105 @@
+---
+id: 5a24c314108439a4d4036152
+title: Use const for Action Types
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 将const用于Action Types
+---
+
+## Description
+<section id="description">使用Redux时的一种常见做法是将操作类型指定为只读常量，然后在使用它们的任何地方引用这些常量。您可以重构您正在使用的代码，将操作类型编写为<code>const</code>声明。 </section>
+
+## Instructions
+<section id="instructions">将<code>LOGIN</code>和<code>LOGOUT</code>声明为<code>const</code>值，并将它们分别分配给字符串<code>&#39;LOGIN&#39;</code>和<code>&#39;LOGOUT&#39;</code> 。然后，编辑<code>authReducer()</code>和动作创建者以引用这些常量而不是字符串值。 <strong>注意：</strong>通常以全部大写形式写常量，这也是Redux中的标准做法。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 调用函数<code>loginUser</code>应该返回一个对象，其<code>type</code>属性设置为字符串<code>LOGIN</code> 。
+    testString: 'assert(loginUser().type === "LOGIN", "Calling the function <code>loginUser</code> should return an object with <code>type</code> property set to the string <code>LOGIN</code>.");'
+  - text: 调用函数<code>logoutUser</code>应该返回一个对象，其<code>type</code>属性设置为字符串<code>LOGOUT</code> 。
+    testString: 'assert(logoutUser().type === "LOGOUT", "Calling the function <code>logoutUser</code> should return an object with <code>type</code> property set to the string <code>LOGOUT</code>.");'
+  - text: 应使用属性<code>login</code>设置为<code>false</code>的对象初始化存储。
+    testString: 'assert(store.getState().authenticated === false, "The store should be initialized with an object with property <code>login</code> set to <code>false</code>.");'
+  - text: 调度<code>loginUser</code>应该将store状态中的<code>login</code>属性更新为<code>true</code> 。
+    testString: 'assert((function() {  const initialState = store.getState(); store.dispatch(loginUser()); const afterLogin = store.getState(); return initialState.authenticated === false && afterLogin.authenticated === true })(), "Dispatching <code>loginUser</code> should update the <code>login</code> property in the store state to <code>true</code>.");'
+  - text: 调度<code>logoutUser</code>应将store状态中的<code>login</code>属性更新为<code>false</code> 。
+    testString: 'assert((function() {  store.dispatch(loginUser()); const loggedIn = store.getState(); store.dispatch(logoutUser()); const afterLogout = store.getState(); return loggedIn.authenticated === true && afterLogout.authenticated === false })(), "Dispatching <code>logoutUser</code> should update the <code>login</code> property in the store state to <code>false</code>.");'
+  - text: <code>authReducer</code>函数应该使用switch语句处理多个动作类型。
+    testString: 'getUserInput => assert((function() { return typeof authReducer === "function" && getUserInput("index").toString().includes("switch") && getUserInput("index").toString().includes("case") && getUserInput("index").toString().includes("default") })(), "The <code>authReducer</code> function should handle multiple action types with a switch statement.");'
+  - text: <code>LOGIN</code>和<code>LOGOUT</code>应声明为<code>const</code>值，并应分配<code>LOGIN</code>和<code>LOGOUT</code>字符串。
+    testString: 'getUserInput => assert((function() {  const noWhiteSpace = getUserInput("index").toString().replace(/\s/g,""); return (noWhiteSpace.includes("constLOGIN=\"LOGIN\"") || noWhiteSpace.includes("constLOGIN="LOGIN"")) && (noWhiteSpace.includes("constLOGOUT=\"LOGOUT\"") || noWhiteSpace.includes("constLOGOUT="LOGOUT"")) })(), "<code>LOGIN</code> and <code>LOGOUT</code> should be declared as <code>const</code> values and should be assigned strings of <code>LOGIN</code>and <code>LOGOUT</code>.");'
+  - text: 动作创建者和减速器应该引用<code>LOGIN</code>和<code>LOGOUT</code>常量。
+    testString: 'getUserInput => assert((function() { const noWhiteSpace = getUserInput("index").toString().replace(/\s/g,""); return noWhiteSpace.includes("caseLOGIN:") && noWhiteSpace.includes("caseLOGOUT:") && noWhiteSpace.includes("type:LOGIN") && noWhiteSpace.includes("type:LOGOUT") })(), "The action creators and the reducer should reference the <code>LOGIN</code> and <code>LOGOUT</code> constants.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// change code below this line
+
+// change code above this line
+
+const defaultState = {
+  authenticated: false
+};
+
+const authReducer = (state = defaultState, action) => {
+
+  switch (action.type) {
+
+    case 'LOGIN':
+      return {
+        authenticated: true
+      }
+
+    case 'LOGOUT':
+      return {
+        authenticated: false
+      }
+
+    default:
+      return state;
+
+  }
+
+};
+
+const store = Redux.createStore(authReducer);
+
+const loginUser = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+const logoutUser = () => {
+  return {
+    type: 'LOGOUT'
+  }
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/redux/use-middleware-to-handle-asynchronous-actions.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/redux/use-middleware-to-handle-asynchronous-actions.chinese.md
new file mode 100644
index 0000000000..07cc9180a0
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/redux/use-middleware-to-handle-asynchronous-actions.chinese.md
@@ -0,0 +1,103 @@
+---
+id: 5a24c314108439a4d4036156
+title: Use Middleware to Handle Asynchronous Actions
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 使用中间件处理异步操作
+---
+
+## Description
+<section id="description">到目前为止，这些挑战已经避免讨论异步操作，但它们是Web开发中不可避免的一部分。在某些时候，您需要在Redux应用程序中调用异步端点，那么如何处理这些类型的请求？ Redux提供专门为此目的而设计的中间件，称为Redux Thunk中间件。以下是如何在Redux中使用它的简要说明。要包含Redux Thunk中间件，请将其作为参数传递给<code>Redux.applyMiddleware()</code> 。然后，此语句作为<code>createStore()</code>函数的第二个可选参数提供。看一下编辑器底部的代码，看看这个。然后，要创建异步操作，您将在动作创建器中返回一个函数，该函数将<code>dispatch</code>作为参数。在此函数中，您可以分派操作并执行异步请求。在此示例中，使用<code>setTimeout()</code>调用模拟异步请求。在启动任何异步行为之前调度操作是很常见的，这样您的应用程序状态就知道正在请求某些数据（例如，此状态可能会显示加载图标）。然后，一旦收到数据，就会发送另一个操作，该操作将数据作为有效负载以及操作完成的信息。请记住，您将<code>dispatch</code>作为参数传递给此特殊操作创建者。这是您用于分派操作的方法，您只需将操作直接传递给调度，中间件就可以处理其余操作。 </section>
+
+## Instructions
+<section id="instructions">在<code>handleAsync()</code>动作创建器中写入两个调度。调度<code>requestingData()</code>在之前<code>setTimeout()</code>模拟API调用）。然后，在收到（假装）数据后，调度<code>receivedData()</code>操作，传入此数据。现在您知道如何在Redux中处理异步操作。其他一切继续像以前一样。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>requestingData</code>操作创建者应返回类型等于<code>REQUESTING_DATA</code>值的对象。
+    testString: 'assert(requestingData().type === REQUESTING_DATA, "The <code>requestingData</code> action creator should return an object of type equal to the value of <code>REQUESTING_DATA</code>.");'
+  - text: <code>receivedData</code>操作创建者应返回类型等于<code>RECEIVED_DATA</code>值的对象。
+    testString: 'assert(receivedData("data").type === RECEIVED_DATA, "The <code>receivedData</code> action creator should return an object of type equal to the value of <code>RECEIVED_DATA</code>.");'
+  - text: <code>asyncDataReducer</code>应该是一个函数。
+    testString: 'assert(typeof asyncDataReducer === "function", "<code>asyncDataReducer</code> should be a function.");'
+  - text: 调度requestedData操作创建者应该将获取的store <code>state</code>属性更新为<code>true</code> 。
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch(requestingData()); const reqState = store.getState(); return initialState.fetching === false && reqState.fetching === true })(), "Dispatching the requestingData action creator should update the store <code>state</code> property of fetching to <code>true</code>.");'
+  - text: 调度<code>handleAsync</code>应调度数据请求操作，然后在延迟后调度接收的数据操作。
+    testString: 'assert((function() { const noWhiteSpace = handleAsync.toString().replace(/\s/g,""); return noWhiteSpace.includes("dispatch(requestingData())") === true && noWhiteSpace.includes("dispatch(receivedData(data))") === true })(), "Dispatching <code>handleAsync</code> should dispatch the data request action and then dispatch the received data action after a delay.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const REQUESTING_DATA = 'REQUESTING_DATA'
+const RECEIVED_DATA = 'RECEIVED_DATA'
+
+const requestingData = () => { return {type: REQUESTING_DATA} }
+const receivedData = (data) => { return {type: RECEIVED_DATA, users: data.users} }
+
+const handleAsync = () => {
+  return function(dispatch) {
+    // dispatch request action here
+
+    setTimeout(function() {
+      let data = {
+        users: ['Jeff', 'William', 'Alice']
+      }
+      // dispatch received data action here
+
+    }, 2500);
+  }
+};
+
+const defaultState = {
+  fetching: false,
+  users: []
+};
+
+const asyncDataReducer = (state = defaultState, action) => {
+  switch(action.type) {
+    case REQUESTING_DATA:
+      return {
+        fetching: true,
+        users: []
+      }
+    case RECEIVED_DATA:
+      return {
+        fetching: false,
+        users: action.users
+      }
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(
+  asyncDataReducer,
+  Redux.applyMiddleware(ReduxThunk.default)
+);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/redux/use-the-spread-operator-on-arrays.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/redux/use-the-spread-operator-on-arrays.chinese.md
new file mode 100644
index 0000000000..aefbfe4895
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/redux/use-the-spread-operator-on-arrays.chinese.md
@@ -0,0 +1,73 @@
+---
+id: 5a24c314108439a4d4036159
+title: Use the Spread Operator on Arrays
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 在阵列上使用Spread Operator
+---
+
+## Description
+<section id="description"> ES6的一个解决方案是帮助在Redux中强制执行状态不变性，它是扩展运算符： <code>...</code>扩展运算符具有各种应用程序，其中一个非常适合于从现有阵列生成新阵列的先前挑战。这是相对较新的，但常用的语法。例如，如果你有一个数组<code>myArray</code>并且写： <code>let newArray = [...myArray];</code> <code>newArray</code>现在是<code>myArray</code>的克隆。两个阵列仍然分别存在于内存中。如果你执行像<code>newArray.push(5)</code>这样的变异， <code>myArray</code>不会改变。 <code>...</code>有效地<i>将</i> <code>myArray</code>的值<i>展开</i>到一个新数组中。要克隆数组但在新数组中添加其他值，可以编写<code>[...myArray, &#39;new value&#39;]</code> 。这将返回一个由<code>myArray</code>中的值和字符串<code>&#39;new value&#39;</code>组成的新数组作为最后一个值。扩展语法可以像这样在数组组合中多次使用，但重要的是要注意它只是生成数组的浅表副本。也就是说，它只为一维数组提供不可变的数组操作。 </section>
+
+## Instructions
+<section id="instructions">添加待办事项时，使用spread运算符返回新的状态副本。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Redux存储应该存在并初始化为等于<code>[Do not mutate state!]</code> 。'
+    testString: 'assert((function() { const initialState = store.getState(); return ( Array.isArray(initialState) === true && initialState[0] === "Do not mutate state!"); })(), "The Redux store should exist and initialize with a state equal to <code>[Do not mutate state!]</code>.");'
+  - text: <code>addToDo</code>和<code>immutableReducer</code>都应该是函数。
+    testString: 'assert(typeof addToDo === "function" && typeof immutableReducer === "function", "<code>addToDo</code> and <code>immutableReducer</code> both should be functions.");'
+  - text: 在Redux存储上调度<code>ADD_TO_DO</code>类型的操作应该添加<code>todo</code> ，不应该改变状态。
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch(addToDo("__TEST__TO__DO__")); const finalState = store.getState(); const expectedState = [ "Do not mutate state!", "__TEST__TO__DO__" ]; return( isFrozen && DeepEqual(finalState, expectedState)); })(), "Dispatching an action of type <code>ADD_TO_DO</code> on the Redux store should add a <code>todo</code> item and should NOT mutate state.");'
+  - text: 应使用扩展运算符返回新状态。
+    testString: 'getUserInput => assert(getUserInput("index").includes("...state"), "The spread operator should be used to return new state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const immutableReducer = (state = ['Do not mutate state!'], action) => {
+  switch(action.type) {
+    case 'ADD_TO_DO':
+      // don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+const addToDo = (todo) => {
+  return {
+    type: 'ADD_TO_DO',
+    todo
+  }
+}
+
+const store = Redux.createStore(immutableReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/redux/write-a-counter-with-redux.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/redux/write-a-counter-with-redux.chinese.md
new file mode 100644
index 0000000000..9c544d0f82
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/redux/write-a-counter-with-redux.chinese.md
@@ -0,0 +1,69 @@
+---
+id: 5a24c314108439a4d4036157
+title: Write a Counter with Redux
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 用Redux写一个计数器
+---
+
+## Description
+<section id="description">现在您已经了解了Redux的所有核心原则！您已经了解了如何创建操作和操作创建器，创建Redux存储，针对存储分派操作以及使用纯reducer设计状态更新。您甚至已经了解了如何使用reducer组合管理复杂状态并处理异步操作。这些示例过于简单，但这些概念是Redux的核心原则。如果您理解它们，那么您已准备好开始构建自己的Redux应用程序。接下来的挑战涵盖了有关<code>state</code>不变性的一些细节，但首先，这里是对迄今为止所学到的所有内容的回顾。 </section>
+
+## Instructions
+<section id="instructions">在本课程中，您将从头开始使用Redux实现一个简单的计数器。代码编辑器中提供了基础知识，但您必须填写详细信息！使用提供的名称并定义<code>incAction</code>和<code>decAction</code>操作创建者， <code>decAction</code> <code>counterReducer()</code> ， <code>INCREMENT</code>和<code>DECREMENT</code>操作类型，最后定义Redux <code>store</code> 。一旦完成，您应该能够发送<code>INCREMENT</code>或<code>DECREMENT</code>操作来增加或减少<code>store</code>保存的状态。祝你好运第一个Redux应用程序！ </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 动作创建者<code>incAction</code>应返回<code>type</code>等于<code>INCREMENT</code>值的动作对象
+    testString: 'assert(incAction().type ===INCREMENT, "The action creator <code>incAction</code> should return an action object with <code>type</code> equal to the value of <code>INCREMENT</code>");'
+  - text: 动作创建者<code>decAction</code>应与返回动作对象<code>type</code>等于的值<code>DECREMENT</code>
+    testString: 'assert(decAction().type === DECREMENT, "The action creator <code>decAction</code> should return an action object with <code>type</code> equal to the value of <code>DECREMENT</code>");'
+  - text: Redux存储应该以0 <code>state</code>初始化。
+    testString: 'assert(store.getState() === 0, "The Redux store should initialize with a <code>state</code> of 0.");'
+  - text: 在Redux存储上调度<code>incAction</code>应该将<code>state</code>增加1。
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch(incAction()); const incState = store.getState(); return initialState + 1 === incState })(), "Dispatching <code>incAction</code> on the Redux store should increment the <code>state</code> by 1.");'
+  - text: 在Redux存储上调度<code>decAction</code>应该将<code>state</code>减1。
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch(decAction()); const decState = store.getState(); return initialState - 1 === decState })(), "Dispatching <code>decAction</code> on the Redux store should decrement the <code>state</code> by 1.");'
+  - text: <code>counterReducer</code>应该是一个函数
+    testString: 'assert(typeof counterReducer === "function", "<code>counterReducer</code> should be a function");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const INCREMENT = null; // define a constant for increment action types
+const DECREMENT = null; // define a constant for decrement action types
+
+const counterReducer = null; // define the counter reducer which will increment or decrement the state based on the action it receives
+
+const incAction = null; // define an action creator for incrementing
+
+const decAction = null; // define an action creator for decrementing
+
+const store = null; // define the Redux store here, passing in your reducers
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.chinese.md
new file mode 100644
index 0000000000..798ce27573
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.chinese.md
@@ -0,0 +1,91 @@
+---
+id: 587d7dbf367417b2b2512bbb
+title: Apply a Style Until a Condition is Met with @while
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: 应用样式直到满足@while的条件
+---
+
+## Description
+<section id="description"> <code>@while</code>指令是一个与JavaScript <code>while</code>循环具有类似功能的选项。它会创建CSS规则，直到满足条件。 <code>@for</code>挑战给出了一个创建简单网格系统的示例。这也适用于<code>@while</code> 。 <blockquote> $ x：1; <br> @while $ x &lt;13 { <br> .col  - ＃{$ x} {width：100％/ 12 * $ x;} <br> $ x：$ x + 1; <br> } </blockquote>首先，定义变量<code>$x</code>并将其设置为1.接下来，使用<code>@while</code>指令创建网格系统， <i>而</i> <code>$x</code>小于13.在设置<code>width</code>的CSS规则后， <code>$x</code>增加1以避免无限循环。 </section>
+
+## Instructions
+<section id="instructions">使用<code>@while</code>创建一系列具有不同<code>font-sizes</code>的类。从<code>text-1</code>到<code>text-10</code>应该有10个不同的类。然后将<code>font-size</code>设置为5px乘以当前索引号。确保避免无限循环！ </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应使用<code>@while</code>指令。
+    testString: 'assert(code.match(/@while /g), "Your code should use the <code>@while</code> directive.");'
+  - text: 您的代码应将索引变量设置为1才能启动。
+    testString: 'assert(code.match(/\$.*:\s*?1;/gi), "Your code should set an index variable to 1 to start.");'
+  - text: 您的代码应该递增计数器变量。
+    testString: 'assert(code.match(/\$(.*):\s*?\$\1\s*?\+\s*?1;/gi), "Your code should increment the counter variable.");'
+  - text: 您的<code>.text-1</code>类的<code>font-size</code>为5px。
+    testString: 'assert($(".text-1").css("font-size") == "5px", "Your <code>.text-1</code> class should have a <code>font-size</code> of 5px.");'
+  - text: 您的<code>.text-2</code>类的<code>font-size</code>为10px。
+    testString: 'assert($(".text-2").css("font-size") == "10px", "Your <code>.text-2</code> class should have a <code>font-size</code> of 10px.");'
+  - text: 您的<code>.text-3</code>类的<code>font-size</code>为15px。
+    testString: 'assert($(".text-3").css("font-size") == "15px", "Your <code>.text-3</code> class should have a <code>font-size</code> of 15px.");'
+  - text: 您的<code>.text-4</code>类的<code>font-size</code>为20px。
+    testString: 'assert($(".text-4").css("font-size") == "20px", "Your <code>.text-4</code> class should have a <code>font-size</code> of 20px.");'
+  - text: 您的<code>.text-5</code>类的<code>font-size</code>为25px。
+    testString: 'assert($(".text-5").css("font-size") == "25px", "Your <code>.text-5</code> class should have a <code>font-size</code> of 25px.");'
+  - text: 您的<code>.text-6</code>类的<code>font-size</code>为30px。
+    testString: 'assert($(".text-6").css("font-size") == "30px", "Your <code>.text-6</code> class should have a <code>font-size</code> of 30px.");'
+  - text: 您的<code>.text-7</code>类的<code>font-size</code>为35px。
+    testString: 'assert($(".text-7").css("font-size") == "35px", "Your <code>.text-7</code> class should have a <code>font-size</code> of 35px.");'
+  - text: 您的<code>.text-8</code>类的<code>font-size</code>为40px。
+    testString: 'assert($(".text-8").css("font-size") == "40px", "Your <code>.text-8</code> class should have a <code>font-size</code> of 40px.");'
+  - text: 您的<code>.text-9</code>类的<code>font-size</code>为45px。
+    testString: 'assert($(".text-9").css("font-size") == "45px", "Your <code>.text-9</code> class should have a <code>font-size</code> of 45px.");'
+  - text: 您的<code>.text-10</code>类的<code>font-size</code>为50px。
+    testString: 'assert($(".text-10").css("font-size") == "50px", "Your <code>.text-10</code> class should have a <code>font-size</code> of 50px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+</style>
+
+<p class="text-1">Hello</p>
+<p class="text-2">Hello</p>
+<p class="text-3">Hello</p>
+<p class="text-4">Hello</p>
+<p class="text-5">Hello</p>
+<p class="text-6">Hello</p>
+<p class="text-7">Hello</p>
+<p class="text-8">Hello</p>
+<p class="text-9">Hello</p>
+<p class="text-10">Hello</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/sass/create-reusable-css-with-mixins.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/sass/create-reusable-css-with-mixins.chinese.md
new file mode 100644
index 0000000000..9166a8a21f
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/sass/create-reusable-css-with-mixins.chinese.md
@@ -0,0 +1,74 @@
+---
+id: 587d7dbd367417b2b2512bb6
+title: Create Reusable CSS with Mixins
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用Mixins创建可重用的CSS
+---
+
+## Description
+<section id="description">在Sass中， <code>mixin</code>是一组CSS声明，可以在整个样式表中重用。较新的CSS功能需要一段时间才能完全采用并准备好在所有浏览器中使用。随着功能添加到浏览器中，使用它们的CSS规则可能需要供应商前缀。考虑“盒子阴影”： <blockquote> div { <br> -webkit-box-shadow：0px 0px 4px #fff; <br> -moz-box-shadow：0px 0px 4px #fff; <br> -ms-box-shadow：0px 0px 4px #fff; <br> box-shadow：0px 0px 4px #fff; <br> } </blockquote>对于具有<code>box-shadow</code>所有元素重写此规则，或者更改每个值以测试不同的效果，需要进行大量的输入。 <code>Mixins</code>就像CSS的功能。这是如何写一个： <blockquote> @mixin box-shadow（$ x，$ y，$ blur，$ c）{ <br> -webkit-box-shadow：$ x，$ y，$ blur，$ c; <br> -moz-box-shadow：$ x，$ y，$ blur，$ c; <br> -ms-box-shadow：$ x，$ y，$ blur，$ c; <br> box-shadow：$ x，$ y，$ blur，$ c; <br> } </blockquote>该定义以<code>@mixin</code>开头，后跟自定义名称。参数（上例中的<code>$x</code> ， <code>$y</code> ， <code>$blur</code>和<code>$c</code> ）是可选的。现在，只要需要一个<code>box-shadow</code>规则，只需要调用<code>mixin</code>一行代替必须输入所有供应商前缀。使用<code>@include</code>指令调用<code>mixin</code> ： <blockquote> div { <br> @include box-shadow（0px，0px，4px，＃fff）; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">为<code>border-radius</code>写一个<code>mixin</code>并给它一个<code>$radius</code>参数。它应该使用示例中的所有供应商前缀。然后使用<code>border-radius</code> <code>mixin</code>为<code>#awesome</code>元素提供15px的边界半径。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的代码应该声明一个名为<code>border-radius</code>的<code>mixin</code> ，它有一个名为<code>$radius</code>的参数。
+    testString: 'assert(code.match(/@mixin\s+?border-radius\s*?\(\s*?\$radius\s*?\)\s*?{/gi), "Your code should declare a <code>mixin</code> named <code>border-radius</code> which has a parameter named <code>$radius</code>.");'
+  - text: 您的代码应包含使用<code>$radius</code>参数的<code>-webkit-border-radius</code> vender前缀。
+    testString: 'assert(code.match(/-webkit-border-radius:\s*?\$radius;/gi), "Your code should include the <code>-webkit-border-radius</code> vender prefix that uses the <code>$radius</code> parameter.");'
+  - text: 您的代码应包含使用<code>$radius</code>参数的<code>-moz-border-radius</code> vender前缀。
+    testString: 'assert(code.match(/-moz-border-radius:\s*?\$radius;/gi), "Your code should include the <code>-moz-border-radius</code> vender prefix that uses the <code>$radius</code> parameter.");'
+  - text: 您的代码应包含使用<code>$radius</code>参数的<code>-ms-border-radius</code> vender前缀。
+    testString: 'assert(code.match(/-ms-border-radius:\s*?\$radius;/gi), "Your code should include the <code>-ms-border-radius</code> vender prefix that uses the <code>$radius</code> parameter.");'
+  - text: 您的代码应包含使用<code>$radius</code>参数的一般<code>border-radius</code>规则。
+    testString: 'assert(code.match(/border-radius:\s*?\$radius;/gi).length == 4, "Your code should include the general <code>border-radius</code> rule that uses the <code>$radius</code> parameter.");'
+  - text: 您的代码应使用<code>@include</code>关键字调用<code>border-radius mixin</code> ，将其设置为15px。
+    testString: 'assert(code.match(/@include\s+?border-radius\(\s*?15px\s*?\);/gi), "Your code should call the <code>border-radius mixin</code> using the <code>@include</code> keyword, setting it to 15px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+  #awesome {
+    width: 150px;
+    height: 150px;
+    background-color: green;
+
+  }
+</style>
+
+<div id="awesome"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/sass/extend-one-set-of-css-styles-to-another-element.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/sass/extend-one-set-of-css-styles-to-another-element.chinese.md
new file mode 100644
index 0000000000..32c76279a5
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/sass/extend-one-set-of-css-styles-to-another-element.chinese.md
@@ -0,0 +1,75 @@
+---
+id: 587d7fa5367417b2b2512bbd
+title: Extend One Set of CSS Styles to Another Element
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: 将一组CSS样式扩展到另一个元素
+---
+
+## Description
+<section id="description"> Sass有一个名为<code>extend</code>的功能，可以很容易地从一个元素中借用CSS规则并在另一个元素上构建它们。例如，下面的CSS规则块会设置一个<code>.panel</code>类。它有<code>background-color</code> ， <code>height</code>和<code>border</code> 。 <blockquote> 。面板{ <br>背景颜色：红色; <br>身高：70px; <br>边框：2px纯绿色; <br> } </blockquote>现在你想要另一个名为<code>.big-panel</code> 。它具有与<code>.panel</code>相同的基本属性，但也需要<code>width</code>和<code>font-size</code> 。可以从<code>.panel</code>复制并粘贴初始CSS规则，但是当您添加更多类型的面板时，代码会变得重复。 <code>extend</code>指令是一种重用为一个元素编写的规则的简单方法，然后为另一个元素添加更多： <blockquote> 。大面板{ <br> @extend .panel; <br>宽度：150px; <br> font-size：2em; <br> } </blockquote>除了新样式之外， <code>.big-panel</code>还具有与<code>.panel</code>相同的属性。 </section>
+
+## Instructions
+<section id="instructions">创建一个扩展<code>.info</code>的类<code>.info-important</code> ，并将<code>background-color</code>设置为洋红色。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>info-important</code>类应该将<code>background-color</code>设置为<code>magenta</code> 。
+    testString: 'assert(code.match(/\.info-important\s*?{[\s\S]*background-color\s*?:\s*?magenta\s*?;[\s\S]*}/gi), "Your <code>info-important</code> class should have a <code>background-color</code> set to <code>magenta</code>.");'
+  - text: 您的<code>info-important</code>类应使用<code>@extend</code>从<code>info</code>类继承样式。
+    testString: 'assert(code.match(/\.info-important\s*?{[\s\S]*@extend\s*?.info\s*?;[\s\S]*/gi), "Your <code>info-important</code> class should use <code>@extend</code> to inherit the styling from the <code>info</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+  h3{
+    text-align: center;
+  }
+  .info{
+    width: 200px;
+    border: 1px solid black;
+    margin: 0 auto;
+  }
+
+
+
+
+</style>
+<h3>Posts</h3>
+<div class="info-important">
+  <p>This is an important post. It should extend the class ".info" and have its own CSS styles.</p>
+</div>
+
+<div class="info">
+  <p>This is a simple post. It has basic styling and can be extended for other uses.</p>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/sass/nest-css-with-sass.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/sass/nest-css-with-sass.chinese.md
new file mode 100644
index 0000000000..ce52e58d93
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/sass/nest-css-with-sass.chinese.md
@@ -0,0 +1,68 @@
+---
+id: 587d7dbd367417b2b2512bb5
+title: Nest CSS with Sass
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用Sass嵌套CSS
+---
+
+## Description
+<section id="description"> Sass允许<code>nesting</code> CSS规则，这是组织样式表的有用方法。通常，每个元素都定位在不同的行上以对其进行样式设置，如下所示： <blockquote> nav { <br>背景颜色：红色; <br> } <br><br> nav ul { <br> list-style：none; <br> } <br><br> nav ul li { <br> display：inline-block; <br> } </blockquote>对于大型项目，CSS文件将包含许多行和规则。这是<code>nesting</code>可以通过在相应的父元素中放置子样式规则来帮助组织代码的地方： <blockquote> nav { <br>背景颜色：红色; <br><br> ul { <br> list-style：none; <br><br> li { <br> display：inline-block; <br> } <br> } <br> } <br></blockquote></section>
+
+## Instructions
+<section id="instructions">使用上面显示的<code>nesting</code>技术为<code>.blog-post</code>元素的两个子元素重新组织CSS规则。出于测试目的， <code>h1</code>应该位于<code>p</code>元素之前。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该重新组织CSS规则，以便<code>h1</code>和<code>p</code>嵌套在<code>.blog-post</code>父元素中。
+    testString: 'assert(code.match(/\.blog-post\s*?{\s*?h1\s*?{\s*?text-align:\s*?center;\s*?color:\s*?blue;\s*?}\s*?p\s*?{\s*?font-size:\s*?20px;\s*?}\s*?}/gi), "Your code should re-organize the CSS rules so the <code>h1</code> and <code>p</code> are nested in the <code>.blog-post</code> parent element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+  .blog-post {
+
+  }
+  h1 {
+    text-align: center;
+    color: blue;
+  }
+  p {
+    font-size: 20px;
+  }
+</style>
+
+<div class="blog-post">
+  <h1>Blog Title</h1>
+  <p>This is a paragraph</p>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/sass/split-your-styles-into-smaller-chunks-with-partials.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/sass/split-your-styles-into-smaller-chunks-with-partials.chinese.md
new file mode 100644
index 0000000000..2a91564456
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/sass/split-your-styles-into-smaller-chunks-with-partials.chinese.md
@@ -0,0 +1,52 @@
+---
+id: 587d7dbf367417b2b2512bbc
+title: Split Your Styles into Smaller Chunks with Partials
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用Partials将您的样式拆分为较小的块
+---
+
+## Description
+<section id="description"> <code>Partials</code>在萨斯是持有的CSS代码段单独的文件。这些是在其他Sass文件中导入和使用的。这是将类似代码分组到模块中以保持组织有效的好方法。 <code>partials</code>名称以下划线（ <code>_</code> ）字符开头，告诉Sass它是CSS的一小部分，而不是将其转换为CSS文件。此外，Sass文件以<code>.scss</code>文件扩展名结尾。要将<code>partial</code>的代码放入另一个Sass文件中，请使用<code>@import</code>指令。例如，如果所有<code>mixins</code>都保存在名为“_mixins.scss”的<code>partial</code> ，并且在“main.scss”文件中需要它们，则这是在主文件中使用它们的方法： <blockquote> //在main.scss文件中<br><br> @import&#39;commpins&#39; </blockquote>请注意， <code>import</code>语句中不需要下划线 -  Sass理解它是<code>partial</code> 。将<code>partial</code>导入文件后，可以使用所有变量， <code>mixins</code>和其他代码。 </section>
+
+## Instructions
+<section id="instructions">编写<code>@import</code>语句，将名为<code>_variables.scss</code>的<code>partial</code>导入main.scss文件。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应使用<code>@import</code>指令，并且不应在文件名中包含下划线。
+    testString: 'assert(code.match(/@import\s+?("|")variables\1/gi), "Your code should use the <code>@import</code> directive, and should not include the underscore in the file name.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+// The main.scss file
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/sass/store-data-with-sass-variables.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/sass/store-data-with-sass-variables.chinese.md
new file mode 100644
index 0000000000..e0f2c7b890
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/sass/store-data-with-sass-variables.chinese.md
@@ -0,0 +1,81 @@
+---
+id: 587d7dbd367417b2b2512bb4
+title: Store Data with Sass Variables
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用Sass变量存储数据
+---
+
+## Description
+<section id="description"> Sass的一个与CSS不同的特性是它使用变量。它们被声明并设置为存储数据，类似于JavaScript。在JavaScript中，使用<code>let</code>和<code>const</code>关键字定义变量。在Sass中，变量以<code>$</code>开头，后跟变量名。以下是几个例子： <blockquote> $ main-fonts：Arial，sans-serif; <br> $ headings-color：green; <br><br> //使用变量： <br> h1 { <br> font-family：$ main-fonts; <br>颜色：$ headings-color; <br> } </blockquote>变量有用的一个例子是当许多元素需要是相同的颜色时。如果更改了该颜色，则编辑代码的唯一位置是变量值。 </section>
+
+## Instructions
+<section id="instructions">创建一个变量<code>$text-color</code>并将其设置为红色。然后将<code>.blog-post</code>和<code>h2</code>的<code>color</code>属性值更改为<code>$text-color</code>变量。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该具有为<code>$text-color</code>声明的Sass变量，其值为red。
+    testString: 'assert(code.match(/\$text-color:\s*?red;/g), "Your code should have a Sass variable declared for <code>$text-color</code> with a value of red.");'
+  - text: 您的代码应使用<code>$text-color</code>变量来更改<code>.blog-post</code>和<code>h2</code>项的<code>color</code> 。
+    testString: 'assert(code.match(/color:\s*?\$text-color;/g), "Your code should use the <code>$text-color</code> variable to change the <code>color</code> for the <code>.blog-post</code> and <code>h2</code> items.");'
+  - text: 您的<code>.blog-post</code>元素应该是红色。
+    testString: 'assert($(".blog-post").css("color") == "rgb(255, 0, 0)", "Your <code>.blog-post</code> element should have a </code>color</code> of red.");'
+  - text: 你的<code>h2</code>元素应该是红色。
+    testString: 'assert($("h2").css("color") == "rgb(255, 0, 0)", "Your <code>h2</code> elements should have a </code>color</code> of red.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+  .header{
+    text-align: center;
+  }
+  .blog-post, h2 {
+    color: red;
+  }
+</style>
+
+<h1 class="header">Learn Sass</h1>
+<div class="blog-post">
+  <h2>Some random title</h2>
+  <p>This is a paragraph with some random text in it</p>
+</div>
+<div class="blog-post">
+  <h2>Header #2</h2>
+  <p>Here is some more random text.</p>
+</div>
+<div class="blog-post">
+  <h2>Here is another header</h2>
+  <p>Even more random text within a paragraph</p>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/sass/use-each-to-map-over-items-in-a-list.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/sass/use-each-to-map-over-items-in-a-list.chinese.md
new file mode 100644
index 0000000000..83fd3237c0
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/sass/use-each-to-map-over-items-in-a-list.chinese.md
@@ -0,0 +1,70 @@
+---
+id: 587d7dbf367417b2b2512bba
+title: Use @each to Map Over Items in a List
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用@each映射列表中的项目
+---
+
+## Description
+<section id="description">最后一个挑战显示了<code>@for</code>指令如何使用起始值和结束值循环一定次数。 Sass还提供了<code>@each</code>指令，它循环遍历列表或映射中的每个项目。在每次迭代时，变量将从列表或映射分配给当前值。 <blockquote> @each $颜色为蓝色，红色，绿色{ <br> 。＃{$ color} -text {color：$ color;} <br> } </blockquote>地图的语法略有不同。这是一个例子： <blockquote> $ colors：（color1：blue，color2：red，color3：green）; <br><br> @each $ key，$ colors in colors { <br> 。＃{$ color} -text {color：$ color;} <br> } </blockquote>请注意，需要<code>$key</code>变量来引用地图中的键。否则，编译后的CSS将有<code>color1</code> ， <code>color2</code> ...在里面。以上两个代码示例都转换为以下CSS： <blockquote> .blue-text { <br>颜色：蓝色; <br> } <br><br> .red-text { <br>红色; <br> } <br><br> .green-text { <br>颜色：绿色; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">编写一个<code>@each</code>列表的<code>@each</code>指令： <code>blue, black, red</code> ，并将每个变量分配给<code>.color-bg</code>类，其中“颜色”部分为每个项目更改。每个类应该将<code>background-color</code>设置为相应的颜色。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该使用<code>@each</code>指令。
+    testString: 'assert(code.match(/@each /g), "Your code should use the <code>@each</code> directive.");'
+  - text: 您的<code>.blue-bg</code>类应该具有蓝色的<code>background-color</code> 。
+    testString: 'assert($(".blue-bg").css("background-color") == "rgb(0, 0, 255)", "Your <code>.blue-bg</code> class should have a <code>background-color</code> of blue.");'
+  - text: 你的<code>.black-bg</code>类的<code>background-color</code>为黑色。
+    testString: 'assert($(".black-bg").css("background-color") == "rgb(0, 0, 0)", "Your <code>.black-bg</code> class should have a <code>background-color</code> of black.");'
+  - text: 您的<code>.red-bg</code>类应该具有红色的<code>background-color</code> 。
+    testString: 'assert($(".red-bg").css("background-color") == "rgb(255, 0, 0)", "Your <code>.red-bg</code> class should have a <code>background-color</code> of red.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+  div {
+    height: 200px;
+    width: 200px;
+  }
+</style>
+
+<div class="blue-bg"></div>
+<div class="black-bg"></div>
+<div class="red-bg"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/sass/use-for-to-create-a-sass-loop.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/sass/use-for-to-create-a-sass-loop.chinese.md
new file mode 100644
index 0000000000..02fd6d4c39
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/sass/use-for-to-create-a-sass-loop.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 587d7dbe367417b2b2512bb9
+title: Use @for to Create a Sass Loop
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用@for创建Sass循环
+---
+
+## Description
+<section id="description"> <code>@for</code>指令在循环中添加样式，非常类似于JavaScript中的<code>for</code>循环。 <code>@for</code>以两种方式使用：“ <code>@for</code> ”或“ <code>@for</code> ”。主要区别在于“从头到尾” <em>排除</em>了结束号码，“从头到尾” <em>包括</em>结束号码。这是一个开始<b>到</b>最后的例子： <blockquote> @for $ i从1到12 { <br> .col  - ＃{$ i} {width：100％/ 12 * $ i; } <br> } </blockquote> <code>#{$i}</code>部分是将变量（ <code>i</code> ）与文本组合成字符串的语法。当Sass文件转换为CSS时，它看起来像这样： <blockquote> .col-1 { <br>宽度：8.33333％; <br> } <br><br> .col-2 { <br>宽度：16.66667％; <br> } <br><br> ... <br><br> .col-12 { <br>宽度：100％; <br> } </blockquote>这是创建网格布局的有效方法。现在，您有12个可用作CSS类的列宽选项。 </section>
+
+## Instructions
+<section id="instructions">写一个<code>@for</code>指令，它接受一个从1 <b>到</b> 6的变量<code>$j</code> 。它应该创建5个名为<code>.text-1</code>到<code>.text-5</code> ，其中每个类的<code>font-size</code>设置为10px乘以索引。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应使用<code>@for</code>指令。
+    testString: 'assert(code.match(/@for /g), "Your code should use the <code>@for</code> directive.");'
+  - text: 您的<code>.text-1</code>类的<code>font-size</code>为10px。
+    testString: 'assert($(".text-1").css("font-size") == "10px", "Your <code>.text-1</code> class should have a <code>font-size</code> of 10px.");'
+  - text: 您的<code>.text-2</code>类的<code>font-size</code>为20px。
+    testString: 'assert($(".text-2").css("font-size") == "20px", "Your <code>.text-2</code> class should have a <code>font-size</code> of 20px.");'
+  - text: 您的<code>.text-3</code>类的<code>font-size</code>为30px。
+    testString: 'assert($(".text-3").css("font-size") == "30px", "Your <code>.text-3</code> class should have a <code>font-size</code> of 30px.");'
+  - text: 您的<code>.text-4</code>类的<code>font-size</code>为40px。
+    testString: 'assert($(".text-4").css("font-size") == "40px", "Your <code>.text-4</code> class should have a <code>font-size</code> of 40px.");'
+  - text: 您的<code>.text-5</code>类的<code>font-size</code>为50px。
+    testString: 'assert($(".text-5").css("font-size") == "50px", "Your <code>.text-5</code> class should have a <code>font-size</code> of 50px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+</style>
+
+<p class="text-1">Hello</p>
+<p class="text-2">Hello</p>
+<p class="text-3">Hello</p>
+<p class="text-4">Hello</p>
+<p class="text-5">Hello</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.chinese.md
new file mode 100644
index 0000000000..d985fef514
--- /dev/null
+++ b/curriculum/challenges/chinese/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 587d7dbe367417b2b2512bb8
+title: Use @if and @else to Add Logic To Your Styles
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: 使用@if和@else将逻辑添加到您的样式
+---
+
+## Description
+<section id="description"> Sass中的<code>@if</code>指令对于测试特定情况很有用 - 它就像JavaScript中的<code>if</code>语句一样。 <blockquote> @mixin make-bold（$ bool）{ <br> @if $ bool == true { <br> font-weight：bold; <br> } <br> } </blockquote>就像在JavaScript中一样， <code>@else if</code>和<code>@else</code>测试更多条件： <blockquote> @mixin text-effect（$ val）{ <br> @if $ val == danger { <br>红色; <br> } <br> @else if $ val == alert { <br>颜色：黄色; <br> } <br> @else if $ val == success { <br>颜色：绿色; <br> } <br> @else { <br>颜色：黑色; <br> } <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions">创建一个名为<code>border-stroke</code>的<code>mixin</code> ，它接受一个参数<code>$val</code> 。 <code>mixin</code>应使用<code>@if</code> ， <code>@else if</code>和<code>@else</code>检查以下条件： <blockquote>光 -  1px纯黑色<br>中等 -  3px纯黑色<br>重 -  6px纯黑色<br>没有 - 没有边界</blockquote></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的代码应该声明一个名为<code>border-stroke</code>的<code>mixin</code> ，它有一个名为<code>$val</code>的参数。
+    testString: 'assert(code.match(/@mixin\s+?border-stroke\s*?\(\s*?\$val\s*?\)\s*?{/gi), "Your code should declare a <code>mixin</code> named <code>border-stroke</code> which has a parameter named <code>$val</code>.");'
+  - text: 你的<code>mixin</code>应该有一个<code>@if</code>语句来检查<code>$val</code>是否很亮，并将<code>border</code>设置为1px纯黑色。
+    testString: 'assert(code.match(/@if\s+?\$val\s*?===?\s*?light\s*?{\s*?border\s*?:\s*?1px\s+?solid\s+?black\s*?;\s*?}/gi), "Your <code>mixin</code> should have an <code>@if</code> statement to check if <code>$val</code> is light, and to set the <code>border</code> to 1px solid black.");'
+  - text: 你的<code>mixin</code>应该有一个<code>@else if</code>语句来检查<code>$val</code>是否为中等，并将<code>border</code>设置为3px纯黑色。
+    testString: 'assert(code.match(/@else\s+?if\s+?\$val\s*?===?\s*?medium\s*?{\s*?border\s*?:\s*?3px\s+?solid\s+?black\s*?;\s*?}/gi), "Your <code>mixin</code> should have an <code>@else if</code> statement to check if <code>$val</code> is medium, and to set the <code>border</code> to 3px solid black.");'
+  - text: 你的<code>mixin</code>应该有一个<code>@else if</code>语句来检查<code>$val</code>是否很重，并将<code>border</code>设置为6px纯黑色。
+    testString: 'assert(code.match(/@else\s+?if\s+?\$val\s*?===?\s*?heavy\s*?{\s*?border\s*?:\s*?6px\s+?solid\s+?black\s*?;\s*?}/gi), "Your <code>mixin</code> should have an <code>@else if</code> statement to check if <code>$val</code> is heavy, and to set the <code>border</code> to 6px solid black.");'
+  - text: 你的<code>mixin</code>应该有一个<code>@else</code>语句来设置<code>border</code>为none。
+    testString: 'assert(code.match(/@else\s*?{\s*?border\s*?:\s*?none\s*?;\s*?}/gi), "Your <code>mixin</code> should have an <code>@else</code> statement to set the <code>border</code> to none.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+  #box {
+    width: 150px;
+    height: 150px;
+    background-color: red;
+    @include border-stroke(medium);
+  }
+</style>
+
+<div id="box"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.chinese.md
new file mode 100644
index 0000000000..0329086b27
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7168d8c242eddfaeb5bd13
+title: Visualize Data with a Bar Chart
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: 使用条形图可视化数据
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/GrZVaM" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/GrZVaM</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS和基于D3 svg的可视化库。测试需要使用D3轴属性生成轴，该属性会自动生成沿轴的刻度。通过D3测试需要这些刻度，因为它们的位置用于确定绘制元素的对齐方式。有关生成轴的信息， <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">请</a>访问<a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> 。在每次测试时查询必需（非虚拟）DOM元素。如果您使用前端框架（例如Vue），则测试结果可能对动态内容不准确。我们希望最终能够容纳它们，但D3项目目前不支持这些框架。 <strong>用户故事＃1：</strong>我的图表应该有一个标题，对应的<code>id=&quot;title&quot;</code> 。 <strong>用户故事＃2：</strong>我的图表应该有一个<code>g</code>元素x轴，对应的<code>id=&quot;x-axis&quot;</code> 。 <strong>用户故事＃3：</strong>我的图表应该有一个<code>g</code>元素y轴，对应的<code>id=&quot;y-axis&quot;</code> 。 <strong>用户故事＃4：</strong>两个轴应包含多个刻度标签，每个刻度标签对应的<code>class=&quot;tick&quot;</code> 。 <strong>用户故事＃5：</strong>我的图表应该为每个数据点都有一个<code>rect</code>元素，相应的<code>class=&quot;bar&quot;</code>显示数据。 <strong>用户故事＃6：</strong>每个栏应具有包含日期​​和GDP值的属性<code>data-date</code>和<code>data-gdp</code> 。 <strong>用户故事＃7：</strong>条形元素的<code>data-date</code>属性应与提供的数据的顺序相匹配。 <strong>用户故事＃8：</strong>条形元素的<code>data-gdp</code>属性应与提供的数据的顺序相匹配。 <strong>用户故事＃9：</strong>每个条形元素的高度应准确地表示数据的相应GDP。 <strong>用户故事＃10：</strong> <code>data-date</code>属性及其对应的bar元素应与x轴上的对应值对齐。 <strong>用户故事＃11：</strong> <code>data-gdp</code>属性及其对应的bar元素应与y轴上的对应值对齐。 <strong>用户故事＃12：</strong>我可以将鼠标悬停在一个区域上，并查看带有相应<code>id=&quot;tooltip&quot;</code> ，其中显示有关该区域的更多信息。 <strong>用户故事＃13：</strong>我的工具提示应该有一个<code>data-date</code>属性，该属性对应于活动区域的<code>data-date</code> 。以下是完成此项目所需的数据集： <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json</code> ： <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">//raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json</a>您可以通过分叉<a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> 。完成后，将URL提交到工作项目，并传递所有测试。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.chinese.md
new file mode 100644
index 0000000000..e245521b56
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.chinese.md
@@ -0,0 +1,38 @@
+---
+id: 587d7fa6367417b2b2512bbf
+title: Visualize Data with a Choropleth Map
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: 使用等值线图可视化数据
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/EZKqza" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/EZKqza</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS和基于D3 svg的可视化库。在每次测试时查询必需（非虚拟）DOM元素。如果您使用前端框架（例如Vue），则测试结果可能对动态内容不准确。我们希望最终能够容纳它们，但D3项目目前不支持这些框架。 <strong>用户故事＃1：</strong>我的等值应该有一个带有相应<code>id=&quot;title&quot;</code> 。 <strong>用户故事＃2：</strong>我的等值应该有一个带有相应<code>id=&quot;description&quot;</code>的描述元素。 <strong>用户故事＃3：</strong>我的等值应该有具有代表数据的相应<code>class=&quot;county&quot;</code> 。 <strong>用户故事＃4：</strong>县应该至少使用4种不同的填充颜色。 <strong>用户故事＃5：</strong>我的县应该拥有包含相应的fips和教育价值的<code>data-fips</code>和<code>data-education</code>属性。 <strong>用户故事＃6：</strong>我的等值应该为每个提供的数据点设置一个县。 <strong>用户故事＃7：</strong>县应具有与样本数据匹配的数据fips和数据教育值。 <strong>用户故事＃8：</strong>我的等值应该有一个带有相应<code>id=&quot;legend&quot;</code> 。 <strong>用户故事＃9：</strong>图例应至少使用4种不同的填充颜色。 <strong>用户故事＃10：</strong>我可以将鼠标悬停在某个区域上，并查看带有相应<code>id=&quot;tooltip&quot;</code> ，其中显示有关该区域的更多信息。 <strong>用户故事＃11：</strong>我的工具提示应该具有与活动区域的<code>data-education</code>相对应的<code>data-education</code>属性。以下是完成此项目所需的数据集： <br><ul><li> <strong>美国教育数据：</strong> <code>https://raw.githubusercontent.com/no-stack-dub-sack/testable-projects-fcc/master/src/data/choropleth_map/for_user_education.json</code> <strong>：</strong> <code>https://raw.githubusercontent.com/no-stack-dub-sack/testable-projects-fcc/master/src/data/choropleth_map/for_user_education.json</code> </li><li> <strong>美国县数据：</strong> <code>https://raw.githubusercontent.com/no-stack-dub-sack/testable-projects-fcc/master/src/data/choropleth_map/counties.json</code> <strong>：</strong> <code>https://raw.githubusercontent.com/no-stack-dub-sack/testable-projects-fcc/master/src/data/choropleth_map/counties.json</code> </li></ul>您可以通过分叉<a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.chinese.md
new file mode 100644
index 0000000000..a8a48785a0
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7188d8c242eddfaeb5bd13
+title: Visualize Data with a Heat Map
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: 使用热图可视化数据
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/JEXgeY" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/JEXgeY</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS和基于D3 svg的可视化库。在每次测试时查询必需（非虚拟）DOM元素。如果您使用前端框架（例如Vue），则测试结果可能对动态内容不准确。我们希望最终能够容纳它们，但D3项目目前不支持这些框架。 <strong>用户故事＃1：</strong>我的热图应该有一个标题，对应的<code>id=&quot;title&quot;</code> 。 <strong>用户故事＃2：</strong>我的热图应该有一个相应的<code>id=&quot;description&quot;</code> 。 <strong>用户故事＃3：</strong>我的热图应该有一个x轴，对应的<code>id=&quot;x-axis&quot;</code> 。 <strong>用户故事＃4：</strong>我的热图应该有一个y轴，对应的<code>id=&quot;y-axis&quot;</code> 。 <strong>用户故事＃5：</strong>我的热图应该有一个<code>rect</code>元素，其中<code>class=&quot;cell&quot;</code>代表数据。 <strong>用户故事＃6：</strong>细胞应至少使用4种不同的填充颜色。 <strong>用户故事＃7：</strong>每个单元格将包含属性<code>data-month</code> ， <code>data-year</code> ， <code>data-temp</code>其中包含相应的月，年和温度值。 <strong>用户故事＃8：</strong>每个单元格的<code>data-month</code> ， <code>data-year</code>应在数据范围内。 <strong>用户故事＃9：</strong>我的热图应该具有与y轴上相应月份对齐的单元格。 <strong>用户故事＃10：</strong>我的热图应该具有与x轴上相应年份对齐的单元格。 <strong>用户故事＃11：</strong>我的热图在y轴上应该有多个刻度标签，并带有完整的月份名称。 <strong>用户故事＃12：</strong>我的热图应该在x轴上有多个刻度标签，年份在1754到2015之间。 <strong>用户故事＃13：</strong>我的热图应该有一个带有相应<code>id=&quot;legend&quot;</code> 。 <strong>用户故事＃14：</strong>我的图例应该包含<code>rect</code>元素。 <strong>用户故事＃15：</strong>图例中的<code>rect</code>元素应使用至少4种不同的填充颜色。 <strong>用户故事＃16：</strong>我可以将鼠标悬停在某个区域上，并查看带有相应<code>id=&quot;tooltip&quot;</code>的工具提示，该<code>id=&quot;tooltip&quot;</code>会显示有关该区域的更多信息。 <strong>用户故事＃16：</strong>我的工具提示应该有一个<code>data-year</code>属性，该属性对应于活动区域的<code>data-year</code> 。以下是完成此项目所需的数据集： <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/global-temperature.json</code> ： <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">//raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/global-temperature.json</a>您可以通过分叉<a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.chinese.md
new file mode 100644
index 0000000000..1d467c5c95
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7178d8c242eddfaeb5bd13
+title: Visualize Data with a Scatterplot Graph
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: 使用散点图可视化数据
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/bgpXyK" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/bgpXyK</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS和基于D3 svg的可视化库。测试需要使用D3轴属性生成轴，该属性会自动生成沿轴的刻度。通过D3测试需要这些刻度，因为它们的位置用于确定绘制元素的对齐方式。有关生成轴的信息， <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">请</a>访问<a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> 。在每次测试时查询必需（非虚拟）DOM元素。如果您使用前端框架（例如Vue），则测试结果可能对动态内容不准确。我们希望最终能够容纳它们，但D3项目目前不支持这些框架。 <strong>用户故事＃1：</strong>我可以看到一个具有相应<code>id=&quot;title&quot;</code>的title元素。 <strong>用户故事＃2：</strong>我可以看到一个x轴，其对应的<code>id=&quot;x-axis&quot;</code> 。 <strong>用户故事＃3：</strong>我可以看到一个y轴，它具有相应的<code>id=&quot;y-axis&quot;</code> 。 <strong>用户故事＃4：</strong>我可以看到点，每个点都有一个<code>dot</code> ，表示正在绘制的数据。 <strong>用户故事＃5：</strong>每个点应具有包含其对应的x和y值的属性<code>data-xvalue</code>和<code>data-yvalue</code> 。 <strong>用户故事＃6：</strong>每个点的<code>data-xvalue</code>和<code>data-yvalue</code>应该在实际数据的范围内，并且应该是正确的数据格式。对于<code>data-xvalue</code> ，可以接受整数（全年）或Date对象进行测试评估。对于<code>data-yvalue</code> （分钟），请使用Date对象。 <strong>用户故事＃7：</strong> <code>data-xvalue</code>及其对应的点应与x轴上的对应点/值对齐。 <strong>用户故事＃8：</strong> <code>data-yvalue</code>及其对应的点应与y轴上的对应点/值对齐。 <strong>用户故事＃9：</strong>我可以在y轴上看到多个刻度标签，其中<code>%M:%S</code>时间格式。 <strong>用户故事＃10：</strong>我可以在x轴上看到显示年份的多个刻度标签。 <strong>用户故事＃11：</strong>我可以看到x轴标签的范围在实际的x轴数据范围内。 <strong>用户故事＃12：</strong>我可以看到y轴标签的范围在实际y轴数据的范围内。 <strong>用户故事＃13：</strong>我可以看到包含<code>id=&quot;legend&quot;</code>描述性文本的<code>id=&quot;legend&quot;</code> 。 <strong>用户故事＃14：</strong>我可以将鼠标悬停在一个区域上，并查看带有相应<code>id=&quot;tooltip&quot;</code> ，其中显示有关该区域的更多信息。 <strong>用户故事＃15：</strong>我的工具提示应该有一个<code>data-year</code>属性，该属性对应于活动区域的<code>data-xvalue</code> 。以下是完成此项目所需的数据集： <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/cyclist-data.json</code> ： <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">//raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/cyclist-data.json</a>您可以通过分叉<a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.chinese.md
new file mode 100644
index 0000000000..31f60a7d72
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.chinese.md
@@ -0,0 +1,38 @@
+---
+id: 587d7fa6367417b2b2512bc0
+title: Visualize Data with a Treemap Diagram
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: 使用树形图可视化数据
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/KaNGNR" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/KaNGNR</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS和基于D3 svg的可视化库。测试需要使用D3轴属性生成轴，该属性会自动生成沿轴的刻度。通过D3测试需要这些刻度，因为它们的位置用于确定绘制元素的对齐方式。有关生成轴的信息， <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">请</a>访问<a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> 。在每次测试时查询必需（非虚拟）DOM元素。如果您使用前端框架（例如Vue），则测试结果可能对动态内容不准确。我们希望最终能够容纳它们，但D3项目目前不支持这些框架。 <strong>用户故事＃1：</strong>我的树图应该有一个标题，对应的<code>id=&quot;title&quot;</code> 。 <strong>用户故事＃2：</strong>我的树图应该有一个对应<code>id=&quot;description&quot;</code> 。 <strong>用户故事＃3：</strong>我的树形图应该有一个<code>rect</code>元素，并且对应的<code>class=&quot;tile&quot;</code>代表数据。 <strong>用户故事＃4：</strong>瓷砖应至少有2种不同的填充颜色。 <strong>用户故事＃5：</strong>每个瓷砖应具有属性<code>data-name</code> ， <code>data-category</code> ，和<code>data-value</code>包含其相应的名称，类别，和值。 <strong>用户故事＃6：</strong>每个图块的区域应对应于数据值量：具有较大数据值的图块应具有更大的区域。 <strong>用户故事＃7：</strong>我的树形图应该有一个对应<code>id=&quot;legend&quot;</code> 。 <strong>用户故事＃8：</strong>我的图例应该有一个带有相应<code>class=&quot;legend-item&quot;</code> <code>rect</code>元素。 <strong>用户故事＃9：</strong>图例中的<code>rect</code>元素应使用至少2种不同的填充颜色。 <strong>用户故事＃10：</strong>我可以将鼠标悬停在某个区域上，并查看带有相应<code>id=&quot;tooltip&quot;</code> ，其中显示有关该区域的更多信息。 <strong>用户故事＃11：</strong>我的工具提示应具有与活动区域的<code>data-value</code>对应的<code>data-value</code> <code>data-value</code>属性。对于此项目，您可以使用以下任何数据集： <br><ul><li> <strong>Kickstarter承诺：</strong> <code>https://cdn.rawgit.com/freeCodeCamp/testable-projects-fcc/a80ce8f9/src/data/tree_map/kickstarter-funding-data.json</code> <strong>：</strong> <code>https://cdn.rawgit.com/freeCodeCamp/testable-projects-fcc/a80ce8f9/src/data/tree_map/kickstarter-funding-data.json</code> </li><li> <strong>电影销售：</strong> <code>https://cdn.rawgit.com/freeCodeCamp/testable-projects-fcc/a80ce8f9/src/data/tree_map/movie-data.json</code> <strong>：</strong> <code>https://cdn.rawgit.com/freeCodeCamp/testable-projects-fcc/a80ce8f9/src/data/tree_map/movie-data.json</code> </li><li> <strong>视频游戏销售：</strong> <code>https://cdn.rawgit.com/freeCodeCamp/testable-projects-fcc/a80ce8f9/src/data/tree_map/video-game-sales-data.json</code> <strong>：</strong> <code>https://cdn.rawgit.com/freeCodeCamp/testable-projects-fcc/a80ce8f9/src/data/tree_map/video-game-sales-data.json</code> </li></ul>您可以通过分叉<a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element.chinese.md
new file mode 100644
index 0000000000..02d74f0a11
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element.chinese.md
@@ -0,0 +1,92 @@
+---
+id: 587d7faa367417b2b2512bd4
+title: Add a Hover Effect to a D3 Element
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 将悬停效果添加到D3元素
+---
+
+## Description
+<section id="description">当用户用鼠标悬停在其上时，可以添加突出显示条形的效果。到目前为止，矩形的样式使用内置的D3和SVG方法，但您也可以使用CSS。使用<code>attr()</code>方法在SVG元素上设置CSS类。然后，新类的<code>:hover</code>伪类保存任何悬停效果的样式规则。 </section>
+
+## Instructions
+<section id="instructions">使用<code>attr()</code>方法向所有<code>rect</code>元素添加一个<code>bar</code>类。将鼠标悬停在其上时，会将条形的<code>fill</code>颜色更改为棕色。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>rect</code>元素应该有一类<code>bar</code> 。
+    testString: 'assert($("rect").attr("class") == "bar", "Your <code>rect</code> elements should have a class of <code>bar</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar:hover {
+    fill: brown;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d)
+       .attr("fill", "navy")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) => d)
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - (3 * d) - 3);
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element.chinese.md
new file mode 100644
index 0000000000..313a87355f
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element.chinese.md
@@ -0,0 +1,111 @@
+---
+id: 587d7faa367417b2b2512bd6
+title: Add a Tooltip to a D3 Element
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 将工具提示添加到D3元素
+---
+
+## Description
+<section id="description">当用户将鼠标悬停在该项目上时，工具提示会显示有关页面上项目的更多信息。有几种方法可以向可视化添加工具提示，此挑战使用SVG <code>title</code>元素。 <code>title</code>对与<code>text()</code>方法一起动态地向条形图添加数据。 </section>
+
+## Instructions
+<section id="instructions">在每个<code>rect</code>节点下附加<code>title</code>元素。然后使用回调函数调用<code>text()</code>方法，以便文本显示数据值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该有9个<code>title</code>元素。
+    testString: 'assert($("title").length == 9, "Your code should have 9 <code>title</code> elements.");'
+  - text: 第一个<code>title</code>元素的工具提示文本应为12。
+    testString: 'assert($("title").eq(0).text() == "12", "The first <code>title</code> element should have tooltip text of 12.");'
+  - text: 第二个<code>title</code>元素的工具提示文本应为31。
+    testString: 'assert($("title").eq(1).text() == "31", "The second <code>title</code> element should have tooltip text of 31.");'
+  - text: 第三个<code>title</code>元素的工具提示文本应为22。
+    testString: 'assert($("title").eq(2).text() == "22", "The third <code>title</code> element should have tooltip text of 22.");'
+  - text: 第四个<code>title</code>元素的工具提示文本应为17。
+    testString: 'assert($("title").eq(3).text() == "17", "The fourth <code>title</code> element should have tooltip text of 17.");'
+  - text: 第五个<code>title</code>元素的工具提示文本应为25。
+    testString: 'assert($("title").eq(4).text() == "25", "The fifth <code>title</code> element should have tooltip text of 25.");'
+  - text: 第六个<code>title</code>元素的工具提示文本应为18。
+    testString: 'assert($("title").eq(5).text() == "18", "The sixth <code>title</code> element should have tooltip text of 18.");'
+  - text: 第七个<code>title</code>元素的工具提示文本应为29。
+    testString: 'assert($("title").eq(6).text() == "29", "The seventh <code>title</code> element should have tooltip text of 29.");'
+  - text: 第八个<code>title</code>元素的工具提示文本应为14。
+    testString: 'assert($("title").eq(7).text() == "14", "The eighth <code>title</code> element should have tooltip text of 14.");'
+  - text: 第九个<code>title</code>元素的工具提示文本应为9。
+    testString: 'assert($("title").eq(8).text() == "9", "The ninth <code>title</code> element should have tooltip text of 9.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar:hover {
+    fill: brown;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => d * 3)
+       .attr("fill", "navy")
+       .attr("class", "bar")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) => d)
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - (d * 3 + 3))
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-attributes-to-the-circle-elements.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-attributes-to-the-circle-elements.chinese.md
new file mode 100644
index 0000000000..f9a8aa60ea
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-attributes-to-the-circle-elements.chinese.md
@@ -0,0 +1,106 @@
+---
+id: 587d7fab367417b2b2512bd8
+title: Add Attributes to the Circle Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 将属性添加到圆形元素
+---
+
+## Description
+<section id="description">最后一项挑战为<code>dataset</code>每个点创建了<code>circle</code>元素，并将它们附加到SVG画布。但D3需要更多关于每个<code>circle</code>的位置和大小的信息才能正确显示它们。 SVG中的<code>circle</code>有三个主要属性。 <code>cx</code>和<code>cy</code>属性是坐标。它们告诉D3在SVG画布上定位形状<em>中心</em>的位置。半径（ <code>r</code>属性）给出<code>circle</code>的大小。就像<code>rect</code> <code>y</code>坐标一样， <code>circle</code>的<code>cy</code>属性是从SVG画布的顶部测量的，而不是从底部测量的。所有这三个属性都可以使用回调函数动态设置其值。请记住，后链接的所有方法<code>data(dataset)</code>每个项目在运行一次<code>dataset</code> 。回调函数中的<code>d</code>参数指的是<code>dataset</code>的当前项，它是每个点的数组。您可以使用括号表示法（如<code>d[0]</code> ）来访问该数组中的值。 </section>
+
+## Instructions
+<section id="instructions">将<code>cx</code> ， <code>cy</code>和<code>r</code>属性添加到<code>circle</code>元素。在<code>cx</code>值应为阵列中的每个项目中的第一个数字<code>dataset</code> 。 <code>cy</code>值应基于数组中的第二个数字，但请确保图表正面向上显示而不是反转。所有圈子的<code>r</code>值应为5。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该有10个<code>circle</code>元素。
+    testString: 'assert($("circle").length == 10, "Your code should have 10 <code>circle</code> elements.");'
+  - text: 第一个<code>circle</code>元素的<code>cx</code>值应为34， <code>cy</code>值为422， <code>r</code>值为5。
+    testString: 'assert($("circle").eq(0).attr("cx") == "34" && $("circle").eq(0).attr("cy") == "422" && $("circle").eq(0).attr("r") == "5", "The first <code>circle</code> element should have a <code>cx</code> value of 34, a <code>cy</code> value of 422, and an <code>r</code> value of 5.");'
+  - text: 第二个<code>circle</code>元素的<code>cx</code>值应为109， <code>cy</code>值为220， <code>r</code>值为5。
+    testString: 'assert($("circle").eq(1).attr("cx") == "109" && $("circle").eq(1).attr("cy") == "220" && $("circle").eq(1).attr("r") == "5", "The second <code>circle</code> element should have a <code>cx</code> value of 109, a <code>cy</code> value of 220, and an <code>r</code> value of 5.");'
+  - text: 第三个<code>circle</code>元素的<code>cx</code>值应为310， <code>cy</code>值为380， <code>r</code>值为5。
+    testString: 'assert($("circle").eq(2).attr("cx") == "310" && $("circle").eq(2).attr("cy") == "380" && $("circle").eq(2).attr("r") == "5", "The third <code>circle</code> element should have a <code>cx</code> value of 310, a <code>cy</code> value of 380, and an <code>r</code> value of 5.");'
+  - text: 第四个<code>circle</code>元素的<code>cx</code>值应为79， <code>cy</code>值为89， <code>r</code>值为5。
+    testString: 'assert($("circle").eq(3).attr("cx") == "79" && $("circle").eq(3).attr("cy") == "89" && $("circle").eq(3).attr("r") == "5", "The fourth <code>circle</code> element should have a <code>cx</code> value of 79, a <code>cy</code> value of 89, and an <code>r</code> value of 5.");'
+  - text: 第五个<code>circle</code>元素的<code>cx</code>值应为420， <code>cy</code>值为280， <code>r</code>值为5。
+    testString: 'assert($("circle").eq(4).attr("cx") == "420" && $("circle").eq(4).attr("cy") == "280" && $("circle").eq(4).attr("r") == "5", "The fifth <code>circle</code> element should have a <code>cx</code> value of 420, a <code>cy</code> value of 280, and an <code>r</code> value of 5.");'
+  - text: 第六个<code>circle</code>元素的<code>cx</code>值应为233， <code>cy</code>值为355， <code>r</code>值为5。
+    testString: 'assert($("circle").eq(5).attr("cx") == "233" && $("circle").eq(5).attr("cy") == "355" && $("circle").eq(5).attr("r") == "5", "The sixth <code>circle</code> element should have a <code>cx</code> value of 233, a <code>cy</code> value of 355, and an <code>r</code> value of 5.");'
+  - text: 第七个<code>circle</code>元素的<code>cx</code>值应为333， <code>cy</code>值为404， <code>r</code>值为5。
+    testString: 'assert($("circle").eq(6).attr("cx") == "333" && $("circle").eq(6).attr("cy") == "404" && $("circle").eq(6).attr("r") == "5", "The seventh <code>circle</code> element should have a <code>cx</code> value of 333, a <code>cy</code> value of 404, and an <code>r</code> value of 5.");'
+  - text: 第八个<code>circle</code>元素的<code>cx</code>值应为222， <code>cy</code>值为167， <code>r</code>值为5。
+    testString: 'assert($("circle").eq(7).attr("cx") == "222" && $("circle").eq(7).attr("cy") == "167" && $("circle").eq(7).attr("r") == "5", "The eighth <code>circle</code> element should have a <code>cx</code> value of 222, a <code>cy</code> value of 167, and an <code>r</code> value of 5.");'
+  - text: 第九个<code>circle</code>元素的<code>cx</code>值应为78， <code>cy</code>值为180， <code>r</code>值为5。
+    testString: 'assert($("circle").eq(8).attr("cx") == "78" && $("circle").eq(8).attr("cy") == "180" && $("circle").eq(8).attr("r") == "5", "The ninth <code>circle</code> element should have a <code>cx</code> value of 78, a <code>cy</code> value of 180, and an <code>r</code> value of 5.");'
+  - text: 第十个<code>circle</code>元素的<code>cx</code>值应为21， <code>cy</code>值为377， <code>r</code>值为5。
+    testString: 'assert($("circle").eq(9).attr("cx") == "21" && $("circle").eq(9).attr("cy") == "377" && $("circle").eq(9).attr("r") == "5", "The tenth <code>circle</code> element should have a <code>cx</code> value of 21, a <code>cy</code> value of 377, and an <code>r</code> value of 5.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+
+    const w = 500;
+    const h = 500;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-axes-to-a-visualization.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-axes-to-a-visualization.chinese.md
new file mode 100644
index 0000000000..23695b0067
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-axes-to-a-visualization.chinese.md
@@ -0,0 +1,119 @@
+---
+id: 587d7fad367417b2b2512bdf
+title: Add Axes to a Visualization
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 将轴添加到可视化
+---
+
+## Description
+<section id="description">改善散点图的另一种方法是添加x轴和y轴。 D3有两种方法<code>axisLeft()</code>和<code>axisBottom()</code>分别渲染y轴和x轴。 （轴是轴的复数形式）。以下是在先前的挑战中基于<code>xScale</code>创建x轴的示例： <code>const xAxis = d3.axisBottom(xScale);</code>下一步是在SVG画布上渲染轴。为此，您可以使用常规SVG组件<code>g</code>元素。 <code>g</code>代表组。与<code>rect</code> ， <code>circle</code>和<code>text</code> ，轴在渲染时只是一条直线。因为它是一个简单的形状，使用<code>g</code>作品。最后一步是应用<code>transform</code>属性将轴定位在SVG画布上的正确位置。否则，该线将沿着SVG画布的边框渲染，并且不可见。 SVG支持不同类型的<code>transforms</code> ，但定位轴需要<code>translate</code> 。当它应用于<code>g</code>元素时，它会按给定的数量上下移动整个组。这是一个例子： <blockquote> const xAxis = d3.axisBottom（xScale）; <br><br> svg.append（ “G”） <br> .attr（“transform”，“translate（0，”+（h  -  padding）+“）”） <br> .CALL（x-轴）; </blockquote>上面的代码将x轴放在SVG画布的底部。然后它作为参数传递给<code>call()</code>方法。除了<code>translate</code>参数的形式为（x，0）之外，y轴的工作方式是相同的。因为<code>translate</code>是上面<code>attr()</code>方法中的字符串，所以可以使用连接来包含其参数的变量值。 </section>
+
+## Instructions
+<section id="instructions">散点图现在具有x轴。使用<code>axisLeft()</code>方法在名为<code>yAxis</code>的变量中创建y轴。然后使用<code>g</code>元素渲染轴。确保使用<code>transform</code>属性将轴转换为右边的填充单元数量，然后降低0个单位。记得<code>call()</code>轴。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应使用<code>axisLeft()</code>方法， <code>yScale</code>作为参数传递。
+    testString: 'assert(code.match(/\.axisLeft\(yScale\)/g), "Your code should use the <code>axisLeft()</code> method with <code>yScale</code> passed as the argument.");'
+  - text: 'y轴<code>g</code>元素应具有<code>transform</code>属性以将轴平移（60,0）。'
+    testString: 'assert($("g").eq(1).attr("transform").match(/translate\(60\s*?,\s*?0\)/g), "The y-axis <code>g</code> element should have a <code>transform</code> attribute to translate the axis by (60, 0).");'
+  - text: 您的代码应该调用<code>yAxis</code> 。
+    testString: 'assert(code.match(/\.call\(yAxis\)/g), "Your code should call the <code>yAxis</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,     78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,   411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,    333 ],
+                  [ 78,    320 ],
+                  [ 21,   123 ]
+                ];
+
+    const w = 500;
+    const h = 500;
+    const padding = 60;
+
+    const xScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[0])])
+                     .range([padding, w - padding]);
+
+    const yScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[1])])
+                     .range([h - padding, padding]);
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       .attr("cx", (d) => xScale(d[0]))
+       .attr("cy",(d) => yScale(d[1]))
+       .attr("r", (d) => 5);
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) =>  (d[0] + "," + d[1]))
+       .attr("x", (d) => xScale(d[0] + 10))
+       .attr("y", (d) => yScale(d[1]))
+
+    const xAxis = d3.axisBottom(xScale);
+    // Add your code below this line
+    const yAxis = undefined;
+    // Add your code above this line
+
+    svg.append("g")
+       .attr("transform", "translate(0," + (h - padding) + ")")
+       .call(xAxis);
+
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-classes-with-d3.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-classes-with-d3.chinese.md
new file mode 100644
index 0000000000..8ef57ba041
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-classes-with-d3.chinese.md
@@ -0,0 +1,75 @@
+---
+id: 587d7fa7367417b2b2512bc8
+title: Add Classes with D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用D3添加类
+---
+
+## Description
+<section id="description">即使对于较小的应用程序，在HTML元素上使用大量内联样式也很难管理。使用CSS规则将类添加到元素和样式一次更容易。 D3具有<code>attr()</code>方法，可以向元素添加任何HTML属性，包括类名。 <code>attr()</code>方法的工作方式与<code>style()</code>工作方式相同。它采用逗号分隔值，并可以使用回调函数。这是一个向选择中添加“容器”类的示例： <code>selection.attr(&quot;class&quot;, &quot;container&quot;);</code> </section>
+
+## Instructions
+<section id="instructions">将<code>attr()</code>方法添加到编辑器中的代码中，并在<code>div</code>元素上添加一个<code>bar</code>类。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>div</code>元素应该有一类<code>bar</code> 。
+    testString: 'assert($("div").attr("class") == "bar", "Your <code>div</code> elements should have a class of <code>bar</code>.");'
+  - text: 您的代码应使用<code>attr()</code>方法。
+    testString: 'assert(code.match(/\.attr/g), "Your code should use the <code>attr()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar {
+    width: 25px;
+    height: 100px;
+    display: inline-block;
+    background-color: blue;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("div")
+      .data(dataset)
+      .enter()
+      .append("div")
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-document-elements-with-d3.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-document-elements-with-d3.chinese.md
new file mode 100644
index 0000000000..801b026116
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-document-elements-with-d3.chinese.md
@@ -0,0 +1,69 @@
+---
+id: 587d7fa6367417b2b2512bc2
+title: Add Document Elements with D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用D3添加文档元素
+---
+
+## Description
+<section id="description"> D3有几种方法可以让您在文档中添加和更改元素。 <code>select()</code>方法从文档中选择一个元素。它接受所需元素名称的参数，并返回文档中与名称匹配的第一个元素的HTML节点。这是一个例子： <code>const anchor = d3.select(&quot;a&quot;);</code>上面的示例在页面上查找第一个锚标记，并在变量<code>anchor</code>为其保存HTML节点。您可以使用其他方法进行选择。示例的“d3”部分是对D3对象的引用，这是您访问D3方法的方式。另外两个有用的方法是<code>append()</code>和<code>text()</code> 。 <code>append()</code>方法为要添加到文档的元素接受参数。它将HTML节点附加到选定项目，并返回该节点的句柄。 <code>text()</code>方法可以设置所选节点的文本，也可以获取当前文本。要设置该值，请在方法的括号内传递一个字符串作为参数。这是一个选择无序列表，附加列表项和添加文本的示例： <blockquote> d3.select（ “UL”） <br> .append（ “里”） <br> .text（“非常重要的项目”）; </blockquote> D3允许您将多个方法与句点链接在一起以连续执行多个操作。 </section>
+
+## Instructions
+<section id="instructions">使用<code>select</code>方法选择文档中的<code>body</code>标签。然后为其<code>append</code>一个<code>h1</code>标签，并将文本“Learning D3”添加到<code>h1</code>元素中。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>body</code>应该有一个<code>h1</code>元素。
+    testString: 'assert($("body").children("h1").length == 1, "The <code>body</code> should have one <code>h1</code> element.");'
+  - text: <code>h1</code>元素应该包含文本“Learning D3”。
+    testString: 'assert($("h1").text() == "Learning D3", "The <code>h1</code> element should have the text "Learning D3" in it.");'
+  - text: 您的代码应该访问<code>d3</code>对象。
+    testString: 'assert(code.match(/d3/g), "Your code should access the <code>d3</code> object.");'
+  - text: 您的代码应该使用<code>select</code>方法。
+    testString: 'assert(code.match(/\.select/g), "Your code should use the <code>select</code> method.");'
+  - text: 您的代码应该使用<code>append</code>方法。
+    testString: 'assert(code.match(/\.append/g), "Your code should use the <code>append</code> method.");'
+  - text: 您的代码应该使用<code>text</code>方法。
+    testString: 'assert(code.match(/\.text/g), "Your code should use the <code>text</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-inline-styling-to-elements.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-inline-styling-to-elements.chinese.md
new file mode 100644
index 0000000000..5215f21cca
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-inline-styling-to-elements.chinese.md
@@ -0,0 +1,68 @@
+---
+id: 587d7fa7367417b2b2512bc6
+title: Add Inline Styling to Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 向元素添加内联样式
+---
+
+## Description
+<section id="description"> D3允许您使用<code>style()</code>方法在动态元素上添加内联CSS样式。 <code>style()</code>方法将逗号分隔的键值对作为参数。这是一个将选择的文本颜色设置为蓝色的示例： <code>selection.style(&quot;color&quot;,&quot;blue&quot;);</code> </section>
+
+## Instructions
+<section id="instructions">将<code>style()</code>方法添加到编辑器中的代码中，使所有显示的文本都具有<code>verdana</code>的<code>font-family</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>h2</code>元素应该有verdana的<code>font-family</code> 。
+    testString: 'assert($("h2").css("font-family") == "verdana", "Your <code>h2</code> elements should have a <code>font-family</code> of verdana.");'
+  - text: 您的代码应使用<code>style()</code>方法。
+    testString: 'assert(code.match(/\.style/g), "Your code should use the <code>style()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("h2")
+      .data(dataset)
+      .enter()
+      .append("h2")
+      .text((d) => (d + " USD"))
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-labels-to-d3-elements.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-labels-to-d3-elements.chinese.md
new file mode 100644
index 0000000000..58831c915a
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-labels-to-d3-elements.chinese.md
@@ -0,0 +1,99 @@
+---
+id: 587d7faa367417b2b2512bd2
+title: Add Labels to D3 Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 将标签添加到D3元素
+---
+
+## Description
+<section id="description"> D3允许您使用SVG <code>text</code>元素标记图形元素，例如条形图。与<code>rect</code>元素一样， <code>text</code>元素需要具有<code>x</code>和<code>y</code>属性，以将其放在SVG画布上。它还需要访问数据以显示这些值。 D3让您可以高度控制标杆的标注方式。 </section>
+
+## Instructions
+<section id="instructions">编辑器中的代码已将数据绑定到每个新<code>text</code>元素。首先，将<code>text</code>节点附加到<code>svg</code> 。接下来，添加<code>x</code>和<code>y</code>坐标的属性。应该以与<code>rect</code>相同的方式计算它们，除了<code>text</code>的<code>y</code>值应该使标签比条形高3个单位。最后，使用D3 <code>text()</code>方法将标签设置为等于数据点值。 <strong>注意</strong> <br>对于标签比坐吧较高，决定是否<code>y</code>为值<code>text</code>应比少3个或大或3 <code>y</code>了吧价值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 第一个<code>text</code>元素的标签应为12， <code>y</code>值应为61。
+    testString: 'assert($("text").eq(0).text() == "12" && $("text").eq(0).attr("y") == "61", "The first <code>text</code> element should have a label of 12 and a <code>y</code> value of 61.");'
+  - text: 第二个<code>text</code>元素的标签应为31， <code>y</code>值应为4。
+    testString: 'assert($("text").eq(1).text() == "31" && $("text").eq(1).attr("y") == "4", "The second <code>text</code> element should have a label of 31 and a <code>y</code> value of 4.");'
+  - text: 第三个<code>text</code>元素的标签应为22， <code>y</code>值应为31。
+    testString: 'assert($("text").eq(2).text() == "22" && $("text").eq(2).attr("y") == "31", "The third <code>text</code> element should have a label of 22 and a <code>y</code> value of 31.");'
+  - text: 第四个<code>text</code>元素的标签应为17， <code>y</code>值应为46。
+    testString: 'assert($("text").eq(3).text() == "17" && $("text").eq(3).attr("y") == "46", "The fourth <code>text</code> element should have a label of 17 and a <code>y</code> value of 46.");'
+  - text: 第五个<code>text</code>元素的标签应为25， <code>y</code>值应为22。
+    testString: 'assert($("text").eq(4).text() == "25" && $("text").eq(4).attr("y") == "22", "The fifth <code>text</code> element should have a label of 25 and a <code>y</code> value of 22.");'
+  - text: 第六个<code>text</code>元素的标签应为18， <code>y</code>值应为43。
+    testString: 'assert($("text").eq(5).text() == "18" && $("text").eq(5).attr("y") == "43", "The sixth <code>text</code> element should have a label of 18 and a <code>y</code> value of 43.");'
+  - text: 第七个<code>text</code>元素的标签应为29， <code>y</code>值应为10。
+    testString: 'assert($("text").eq(6).text() == "29" && $("text").eq(6).attr("y") == "10", "The seventh <code>text</code> element should have a label of 29 and a <code>y</code> value of 10.");'
+  - text: 第八个<code>text</code>元素的标签应为14， <code>y</code>值应为55。
+    testString: 'assert($("text").eq(7).text() == "14" && $("text").eq(7).attr("y") == "55", "The eighth <code>text</code> element should have a label of 14 and a <code>y</code> value of 55.");'
+  - text: 第九个<code>text</code>元素的标签应为9， <code>y</code>值应为70。
+    testString: 'assert($("text").eq(8).text() == "9" && $("text").eq(8).attr("y") == "70", "The ninth <code>text</code> element should have a label of 9 and a <code>y</code> value of 70.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d)
+       .attr("fill", "navy");
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       // Add your code below this line
+
+
+
+
+       // Add your code above this line
+  </script>
+<body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-labels-to-scatter-plot-circles.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-labels-to-scatter-plot-circles.chinese.md
new file mode 100644
index 0000000000..fde0aa34a2
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-labels-to-scatter-plot-circles.chinese.md
@@ -0,0 +1,113 @@
+---
+id: 587d7fab367417b2b2512bd9
+title: Add Labels to Scatter Plot Circles
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 添加标签以分散绘图圆圈
+---
+
+## Description
+<section id="description">您可以添加文本以在散点图中为点创建标签。目标是显示<code>dataset</code>每个项目的第一个（ <code>x</code> ）和第二个（ <code>y</code> ）字段的逗号分隔值。 <code>text</code>节点需要<code>x</code>和<code>y</code>属性才能将其放置在SVG画布上。在此挑战中， <code>y</code>值（确定高度）可以使用<code>circle</code>用于其<code>cy</code>属性的相同值。 <code>x</code>值可能略大于<code>circle</code>的<code>cx</code>值，因此标签可见。这会将标签推到绘图点的右侧。 </section>
+
+## Instructions
+<section id="instructions">使用<code>text</code>元素标记散点图上的每个点。标签的文本应该是用逗号和空格分隔的两个值。例如，第一个点的标签是“34,78”。设置<code>x</code>属性，使其比<code>circle</code>上<code>cx</code>属性使用的值多5个单位。设置<code>y</code>属性的方式与<code>circle</code>上的<code>cy</code>值相同。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该有10个<code>text</code>元素。
+    testString: 'assert($("text").length == 10, "Your code should have 10 <code>text</code> elements.");'
+  - text: '第一个标签的文本应为“34,78”， <code>x</code>值为39， <code>y</code>值为422。'
+    testString: 'assert($("text").eq(0).text() == "34, 78" && $("text").eq(0).attr("x") == "39" && $("text").eq(0).attr("y") == "422", "The first label should have text of "34, 78", an <code>x</code> value of 39, and a <code>y</code> value of 422.");'
+  - text: '第二个标签的文本应为“109,280”， <code>x</code>值为114， <code>y</code>值为220。'
+    testString: 'assert($("text").eq(1).text() == "109, 280" && $("text").eq(1).attr("x") == "114" && $("text").eq(1).attr("y") == "220", "The second label should have text of "109, 280", an <code>x</code> value of 114, and a <code>y</code> value of 220.");'
+  - text: '第三个标签的文本应为“310,120”， <code>x</code>值为315， <code>y</code>值为380。'
+    testString: 'assert($("text").eq(2).text() == "310, 120" && $("text").eq(2).attr("x") == "315" && $("text").eq(2).attr("y") == "380", "The third label should have text of "310, 120", an <code>x</code> value of 315, and a <code>y</code> value of 380.");'
+  - text: '第四个标签的文本应为“79,411”， <code>x</code>值为84， <code>y</code>值为89。'
+    testString: 'assert($("text").eq(3).text() == "79, 411" && $("text").eq(3).attr("x") == "84" && $("text").eq(3).attr("y") == "89", "The fourth label should have text of "79, 411", an <code>x</code> value of 84, and a <code>y</code> value of 89.");'
+  - text: '第五个标签的文本应为“420,220”， <code>x</code>值为425， <code>y</code>值为280。'
+    testString: 'assert($("text").eq(4).text() == "420, 220" && $("text").eq(4).attr("x") == "425" && $("text").eq(4).attr("y") == "280", "The fifth label should have text of "420, 220", an <code>x</code> value of 425, and a <code>y</code> value of 280.");'
+  - text: '第六个标签的文本应为“233,145”， <code>x</code>值为238， <code>y</code>值为355。'
+    testString: 'assert($("text").eq(5).text() == "233, 145" && $("text").eq(5).attr("x") == "238" && $("text").eq(5).attr("y") == "355", "The sixth label should have text of "233, 145", an <code>x</code> value of 238, and a <code>y</code> value of 355.");'
+  - text: '第七个标签的文本应为“333,96”， <code>x</code>值为338， <code>y</code>值为404。'
+    testString: 'assert($("text").eq(6).text() == "333, 96" && $("text").eq(6).attr("x") == "338" && $("text").eq(6).attr("y") == "404", "The seventh label should have text of "333, 96", an <code>x</code> value of 338, and a <code>y</code> value of 404.");'
+  - text: '第八个标签的文本应为“222,333”， <code>x</code>值为227， <code>y</code>值为167。'
+    testString: 'assert($("text").eq(7).text() == "222, 333" && $("text").eq(7).attr("x") == "227" && $("text").eq(7).attr("y") == "167", "The eighth label should have text of "222, 333", an <code>x</code> value of 227, and a <code>y</code> value of 167.");'
+  - text: '第九个标签的文本应为“78,320”， <code>x</code>值为83， <code>y</code>值为180。'
+    testString: 'assert($("text").eq(8).text() == "78, 320" && $("text").eq(8).attr("x") == "83" && $("text").eq(8).attr("y") == "180", "The ninth label should have text of "78, 320", an <code>x</code> value of 83, and a <code>y</code> value of 180.");'
+  - text: '第十个标签的文本应为“21,123”， <code>x</code>值为26， <code>y</code>值为377。'
+    testString: 'assert($("text").eq(9).text() == "21, 123" && $("text").eq(9).attr("x") == "26" && $("text").eq(9).attr("y") == "377", "The tenth label should have text of "21, 123", an <code>x</code> value of 26, and a <code>y</code> value of 377.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+
+    const w = 500;
+    const h = 500;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       .attr("cx", (d, i) => d[0])
+       .attr("cy", (d, i) => h - d[1])
+       .attr("r", 5);
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/change-styles-based-on-data.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/change-styles-based-on-data.chinese.md
new file mode 100644
index 0000000000..7561c37dab
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/change-styles-based-on-data.chinese.md
@@ -0,0 +1,82 @@
+---
+id: 587d7fa7367417b2b2512bc7
+title: Change Styles Based on Data
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 根据数据更改样式
+---
+
+## Description
+<section id="description"> D3是关于数据的可视化和呈现。您可能希望根据数据更改元素的样式。您可以在<code>style()</code>方法中使用回调函数来更改不同元素的样式。例如，如果值小于20，您可能希望将数据点着色为蓝色，否则为红色。您可以在<code>style()</code>方法中使用回调函数并包含条件逻辑。回调函数使用<code>d</code>参数表示数据点： <blockquote> selection.style（“color”，（d）=&gt; { <br> / *根据条件返回颜色的逻辑* / <br> }）; </blockquote> <code>style()</code>方法不仅限于设置<code>color</code> - 它也可以与其他CSS属性一起使用。 </section>
+
+## Instructions
+<section id="instructions">将<code>style()</code>方法添加到编辑器中的代码，以有条件地设置<code>h2</code>元素的<code>color</code> 。写回调函数，如果数据值小于20，则返回“red”，否则返回“green”。 <strong>注意</strong> <br>您可以使用if-else逻辑或三元运算符。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 第一<code>h2</code>应该有一个<code>color</code>的红色。
+    testString: 'assert($("h2").eq(0).css("color") == "rgb(255, 0, 0)", "The first <code>h2</code> should have a <code>color</code> of red.");'
+  - text: 第二<code>h2</code>应该有一个<code>color</code>的绿色。
+    testString: 'assert($("h2").eq(1).css("color") == "rgb(0, 128, 0)", "The second <code>h2</code> should have a <code>color</code> of green.");'
+  - text: 第三<code>h2</code>应该有一个<code>color</code>的绿色。
+    testString: 'assert($("h2").eq(2).css("color") == "rgb(0, 128, 0)", "The third <code>h2</code> should have a <code>color</code> of green.");'
+  - text: 第四<code>h2</code>应该有一个<code>color</code>的红色。
+    testString: 'assert($("h2").eq(3).css("color") == "rgb(255, 0, 0)", "The fourth <code>h2</code> should have a <code>color</code> of red.");'
+  - text: 第五<code>h2</code>应该有一个<code>color</code>的绿色。
+    testString: 'assert($("h2").eq(4).css("color") == "rgb(0, 128, 0)", "The fifth <code>h2</code> should have a <code>color</code> of green.");'
+  - text: 第六<code>h2</code>应该有一个<code>color</code>的红色。
+    testString: 'assert($("h2").eq(5).css("color") == "rgb(255, 0, 0)", "The sixth <code>h2</code> should have a <code>color</code> of red.");'
+  - text: 第七<code>h2</code>应该有一个<code>color</code>的绿色。
+    testString: 'assert($("h2").eq(6).css("color") == "rgb(0, 128, 0)", "The seventh <code>h2</code> should have a <code>color</code> of green.");'
+  - text: 第八<code>h2</code>应该有一个<code>color</code>的红色。
+    testString: 'assert($("h2").eq(7).css("color") == "rgb(255, 0, 0)", "The eighth <code>h2</code> should have a <code>color</code> of red.");'
+  - text: 第九<code>h2</code>应该有一个<code>color</code>的红色。
+    testString: 'assert($("h2").eq(8).css("color") == "rgb(255, 0, 0)", "The ninth <code>h2</code> should have a <code>color</code> of red.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("h2")
+      .data(dataset)
+      .enter()
+      .append("h2")
+      .text((d) => (d + " USD"))
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/change-the-color-of-an-svg-element.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/change-the-color-of-an-svg-element.chinese.md
new file mode 100644
index 0000000000..5c3a10aede
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/change-the-color-of-an-svg-element.chinese.md
@@ -0,0 +1,77 @@
+---
+id: 587d7fa9367417b2b2512bd1
+title: Change the Color of an SVG Element
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 更改SVG元素的颜色
+---
+
+## Description
+<section id="description">条形图位于正确的位置，但它们都是相同的黑色。 SVG有办法改变条形的颜色。在SVG中， <code>rect</code>形状使用<code>fill</code>属性着色。它支持十六进制代码，颜色名称和rgb值，以及更复杂的选项，如渐变和透明度。 </section>
+
+## Instructions
+<section id="instructions">添加<code>attr()</code>方法将所有条形的“填充”设置为颜色“海军蓝”。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 这些酒吧都应该有海军蓝的<code>fill</code>颜色。
+    testString: 'assert($("rect").css("fill") == "rgb(0, 0, 128)", "The bars should all have a <code>fill</code> color of navy.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d)
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/change-the-presentation-of-a-bar-chart.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/change-the-presentation-of-a-bar-chart.chinese.md
new file mode 100644
index 0000000000..b4c4a9d5f4
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/change-the-presentation-of-a-bar-chart.chinese.md
@@ -0,0 +1,92 @@
+---
+id: 587d7fa8367417b2b2512bca
+title: Change the Presentation of a Bar Chart
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 更改条形图的演示文稿
+---
+
+## Description
+<section id="description">最后一个挑战创建了一个条形图，但有几个格式更改可以改善它：1）在每个条之间添加空格以在视觉上分隔它们，这是通过为<code>bar</code>类添加边距来完成的2）增加条形的高度可以更好地显示值的差异，这可以通过将值乘以数字来缩放高度来完成</section>
+
+## Instructions
+<section id="instructions">首先，在<code>style</code>标记的<code>bar</code>类中添加2px的<code>margin</code> 。接下来，更改<code>style()</code>方法中的回调函数，使其返回原始数据值的10倍（加上“px”）。 <strong>注意</strong> <br>将每个数据点乘以<em>相同的</em>常数只会改变比例。它就像放大一样，并没有改变底层数据的含义。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 第一个<code>div</code>的<code>height</code>应为120像素， <code>margin</code>为2像素。
+    testString: 'assert($("div").eq(0).css("height") == "120px" && $("div").eq(0).css("margin-right") == "2px", "The first <code>div</code> should have a <code>height</code> of 120 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: 第二个<code>div</code>的<code>height</code>应为310像素， <code>margin</code>为2像素。
+    testString: 'assert($("div").eq(1).css("height") == "310px" && $("div").eq(1).css("margin-right") == "2px", "The second <code>div</code> should have a <code>height</code> of 310 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: 第三个<code>div</code>的<code>height</code>应为220像素， <code>margin</code>为2像素。
+    testString: 'assert($("div").eq(2).css("height") == "220px" && $("div").eq(2).css("margin-right") == "2px", "The third <code>div</code> should have a <code>height</code> of 220 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: 第四个<code>div</code>的<code>height</code>应为170像素， <code>margin</code>为2像素。
+    testString: 'assert($("div").eq(3).css("height") == "170px" && $("div").eq(3).css("margin-right") == "2px", "The fourth <code>div</code> should have a <code>height</code> of 170 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: 第五个<code>div</code>的<code>height</code>应为250像素， <code>margin</code>为2像素。
+    testString: 'assert($("div").eq(4).css("height") == "250px" && $("div").eq(4).css("margin-right") == "2px", "The fifth <code>div</code> should have a <code>height</code> of 250 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: 第六个<code>div</code>的<code>height</code>应为180像素， <code>margin</code>为2像素。
+    testString: 'assert($("div").eq(5).css("height") == "180px" && $("div").eq(5).css("margin-right") == "2px", "The sixth <code>div</code> should have a <code>height</code> of 180 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: 第七个<code>div</code>的<code>height</code>应为290像素， <code>margin</code>为2像素。
+    testString: 'assert($("div").eq(6).css("height") == "290px" && $("div").eq(6).css("margin-right") == "2px", "The seventh <code>div</code> should have a <code>height</code> of 290 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: 第八个<code>div</code>的<code>height</code>应为140像素， <code>margin</code>为2像素。
+    testString: 'assert($("div").eq(7).css("height") == "140px" && $("div").eq(7).css("margin-right") == "2px", "The eighth <code>div</code> should have a <code>height</code> of 140 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: 第九个<code>div</code>的<code>height</code>应为90像素， <code>margin</code>为2像素。
+    testString: 'assert($("div").eq(8).css("height") == "90px" && $("div").eq(8).css("margin-right") == "2px", "The ninth <code>div</code> should have a <code>height</code> of 90 pixels and a <code>margin</code> of 2 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar {
+    width: 25px;
+    height: 100px;
+    /* Add your code below this line */
+
+    /* Add your code above this line */
+    display: inline-block;
+    background-color: blue;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("div")
+      .data(dataset)
+      .enter()
+      .append("div")
+      .attr("class", "bar")
+      // Add your code below this line
+      .style("height", (d) => (d + "px"))
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/create-a-bar-for-each-data-point-in-the-set.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/create-a-bar-for-each-data-point-in-the-set.chinese.md
new file mode 100644
index 0000000000..04cca8ad18
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/create-a-bar-for-each-data-point-in-the-set.chinese.md
@@ -0,0 +1,80 @@
+---
+id: 587d7fa8367417b2b2512bcd
+title: Create a Bar for Each Data Point in the Set
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 为集合中的每个数据点创建一个条
+---
+
+## Description
+<section id="description">最后一个挑战只在<code>svg</code>元素中添加了一个矩形来表示一个条形。在这里，您将结合您迄今为止学习的有关<code>data()</code> ， <code>enter()</code>和SVG形状的内容，为数据<code>dataset</code>每个数据点创建和附加一个矩形。之前的挑战显示了如何为<code>dataset</code>每个项目创建和附加<code>div</code>的格式： <blockquote> d3.select（ “身体”）。全选（ “分区”） <br> 。数据（数据集） <br> 。输入（） <br> .append（ “分区”） </blockquote>使用<code>rect</code>元素而不是<code>divs</code>有一些差异。 <code>rects</code>必须附加到<code>svg</code>元素，而不是直接附加到<code>body</code> 。此外，您需要告诉D3在<code>svg</code>区域内放置每个<code>rect</code>位置。酒吧安置将在下一个挑战中涵盖。 </section>
+
+## Instructions
+<section id="instructions">使用<code>data()</code> ， <code>enter()</code>和<code>append()</code>方法为<code>dataset</code>每个项创建和附加<code>rect</code> 。条形图应该全部显示在一起，这将在下一个挑战中修复。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的文档应该有9个<code>rect</code>元素。
+    testString: 'assert($("rect").length == 9, "Your document should have 9 <code>rect</code> elements.");'
+  - text: 您的代码应该使用<code>data()</code>方法。
+    testString: 'assert(code.match(/\.data/g), "Your code should use the <code>data()</code> method.");'
+  - text: 您的代码应使用<code>enter()</code>方法。
+    testString: 'assert(code.match(/\.enter/g), "Your code should use the <code>enter()</code> method.");'
+  - text: 您的代码应使用<code>append()</code>方法。
+    testString: 'assert(code.match(/\.append/g), "Your code should use the <code>append()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+       .attr("x", 0)
+       .attr("y", 0)
+       .attr("width", 25)
+       .attr("height", 100);
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3.chinese.md
new file mode 100644
index 0000000000..aaa631bf65
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3.chinese.md
@@ -0,0 +1,69 @@
+---
+id: 587d7fab367417b2b2512bda
+title: Create a Linear Scale with D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用D3创建线性比例
+---
+
+## Description
+<section id="description">条形图和散点图图表都将数据直接绘制到SVG画布上。但是，如果条形或其中一个数据点的高度大于SVG高度或宽度值，则它将超出SVG区域。在D3中，有一些比例可以帮助绘制数据。 <code>Scales</code>是告诉程序如何将一组原始数据点映射到SVG画布的像素上的函数。例如，假设您有一个100x500大小的SVG画布，并且您想绘制许多国家的国内生产总值（GDP）。这组数字将在数十亿或万亿美元的范围内。您提供D3一种比例来告诉它如何将大的GDP值放入100x500大小的区域。您不太可能按原样绘制原始数据。在绘制之前，您可以设置整个数据集的比例，以便<code>x</code>和<code>y</code>值适合您的画布宽度和高度。 D3有几种比例类型。对于线性标度（通常与定量数据一起使用），有D3方法<code>scaleLinear()</code> ： <code>const scale = d3.scaleLinear()</code>默认情况下，标度使用标识关系。输入的值与输出的值相同。单独的挑战包括如何改变这一点。 </section>
+
+## Instructions
+<section id="instructions">更改<code>scale</code>变量以创建线性比例。然后将<code>output</code>变量设置为使用输入参数50调用的比例。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>h2</code>的文本应为50。
+    testString: 'assert($("h2").text() == "50", "The text in the <code>h2</code> should be 50.");'
+  - text: 您的代码应使用<code>scaleLinear()</code>方法。
+    testString: 'assert(code.match(/\.scaleLinear/g), "Your code should use the <code>scaleLinear()</code> method.");'
+  - text: <code>output</code>变量应该使用参数50调用<code>scale</code> 。
+    testString: 'assert(output == 50 && code.match(/scale\(\s*?50\s*?\)/g), "The <code>output</code> variable should call <code>scale</code> with an argument of 50.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    // Add your code below this line
+
+    const scale = undefined; // Create the scale here
+    const output = scale(); // Call the scale with an argument here
+
+    // Add your code above this line
+
+    d3.select("body")
+      .append("h2")
+      .text(output);
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/create-a-scatterplot-with-svg-circles.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/create-a-scatterplot-with-svg-circles.chinese.md
new file mode 100644
index 0000000000..139b97a5b1
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/create-a-scatterplot-with-svg-circles.chinese.md
@@ -0,0 +1,83 @@
+---
+id: 587d7fab367417b2b2512bd7
+title: Create a Scatterplot with SVG Circles
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用SVG圈创建散点图
+---
+
+## Description
+<section id="description">散点图是另一种可视化。它通常使用圆来映射数据点，每个数据点都有两个值。这些值与<code>x</code>和<code>y</code>轴相关联，用于在可视化中定位圆。 SVG有一个<code>circle</code>标记来创建圆形。它的工作方式与条形图中使用的<code>rect</code>元素非常相似。 </section>
+
+## Instructions
+<section id="instructions">使用<code>data()</code> ， <code>enter()</code>和<code>append()</code>方法将<code>dataset</code>绑定到附加到SVG画布的新<code>circle</code>元素。 <strong>注意</strong> <br>圆圈将不可见，因为我们尚未设置其属性。我们将在下一次挑战中做到这一点。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该有10个<code>circle</code>元素。
+    testString: 'assert($("circle").length == 10, "Your code should have 10 <code>circle</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+
+    const w = 500;
+    const h = 500;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/display-shapes-with-svg.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/display-shapes-with-svg.chinese.md
new file mode 100644
index 0000000000..9ae7bdc2f5
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/display-shapes-with-svg.chinese.md
@@ -0,0 +1,76 @@
+---
+id: 587d7fa8367417b2b2512bcc
+title: Display Shapes with SVG
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用SVG显示形状
+---
+
+## Description
+<section id="description">最后一个挑战创建了一个具有给定宽度和高度的<code>svg</code>元素，这是可见的，因为它在<code>style</code>标记中应用了<code>background-color</code> 。代码为给定的宽度和高度创建了空间。下一步是创建一个放入<code>svg</code>区域的形状。 SVG中有许多支持的形状，例如矩形和圆形。它们用于显示数据。例如，矩形（ <code>&lt;rect&gt;</code> ）SVG形状可以在条形图中创建条形。将形状放入<code>svg</code>区域时，可以指定<code>x</code>和<code>y</code>坐标的位置。 （0,0）的原点位于左上角。 <code>x</code>正值将形状推向右侧， <code>y</code>正值将形状从原点向下推。要将形状放置在距离上次挑战的500（宽度）x 100（高度） <code>svg</code>的中间， <code>x</code>坐标将为250， <code>y</code>坐标将为50. SVG <code>rect</code>具有四个属性。它位于<code>svg</code>区域的位置有<code>x</code>和<code>y</code>坐标。它还有一个<code>height</code>和<code>width</code>来指定大小。 </section>
+
+## Instructions
+<section id="instructions">使用<code>append()</code>为<code>svg</code>添加一个<code>rect</code>形状，并为其赋予<code>width</code>属性25和<code>height</code>属性100.此外，将每个设置的<code>rect</code> <code>x</code>和<code>y</code>属性设置为0。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的文档应该有1个<code>rect</code>元素。
+    testString: 'assert($("rect").length == 1, "Your document should have 1 <code>rect</code> element.");'
+  - text: <code>rect</code>元素的<code>width</code>属性应设置为25。
+    testString: 'assert($("rect").attr("width") == "25", "The <code>rect</code> element should have a <code>width</code> attribute set to 25.");'
+  - text: <code>rect</code>元素的<code>height</code>属性应设置为100。
+    testString: 'assert($("rect").attr("height") == "100", "The <code>rect</code> element should have a <code>height</code> attribute set to 100.");'
+  - text: <code>rect</code>元素的<code>x</code>属性应设置为0。
+    testString: 'assert($("rect").attr("x") == "0", "The <code>rect</code> element should have an <code>x</code> attribute set to 0.");'
+  - text: <code>rect</code>元素的<code>y</code>属性应设置为0。
+    testString: 'assert($("rect").attr("y") == "0", "The <code>rect</code> element should have a <code>y</code> attribute set to 0.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h)
+                  // Add your code below this line
+
+
+
+                  // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/dynamically-change-the-height-of-each-bar.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/dynamically-change-the-height-of-each-bar.chinese.md
new file mode 100644
index 0000000000..eb9ed001d3
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/dynamically-change-the-height-of-each-bar.chinese.md
@@ -0,0 +1,94 @@
+---
+id: 587d7fa9367417b2b2512bcf
+title: Dynamically Change the Height of Each Bar
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 动态改变每个栏的高度
+---
+
+## Description
+<section id="description">每个条的高度可以设置为数组中数据点的值，类似于动态设置<code>x</code>值的方式。 <blockquote> selection.attr（“property”，（d，i）=&gt; { <br> / * <br> * d是数据点值<br> * i是数组中数据点的索引<br> * / <br> }） </blockquote></section>
+
+## Instructions
+<section id="instructions">更改<code>height</code>属性的回调函数以返回数据值乘以3. <strong>注意</strong> <br>请记住，将所有数据点乘以相同的常量可以缩放数据（如放大）。在此示例中，有助于查看条形值之间的差异。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 第一个<code>rect</code>的<code>height</code>应为36。
+    testString: 'assert($("rect").eq(0).attr("height") == "36", "The first <code>rect</code> should have a <code>height</code> of 36.");'
+  - text: 第二个<code>rect</code>的<code>height</code>应为93。
+    testString: 'assert($("rect").eq(1).attr("height") == "93", "The second <code>rect</code> should have a <code>height</code> of 93.");'
+  - text: 第三个<code>rect</code>的<code>height</code>应为66。
+    testString: 'assert($("rect").eq(2).attr("height") == "66", "The third <code>rect</code> should have a <code>height</code> of 66.");'
+  - text: 第四个<code>rect</code>的<code>height</code>应为51。
+    testString: 'assert($("rect").eq(3).attr("height") == "51", "The fourth <code>rect</code> should have a <code>height</code> of 51.");'
+  - text: 第五个<code>rect</code>的<code>height</code>应为75。
+    testString: 'assert($("rect").eq(4).attr("height") == "75", "The fifth <code>rect</code> should have a <code>height</code> of 75.");'
+  - text: 第六个<code>rect</code>的<code>height</code>应为54。
+    testString: 'assert($("rect").eq(5).attr("height") == "54", "The sixth <code>rect</code> should have a <code>height</code> of 54.");'
+  - text: 第七个<code>rect</code>的<code>height</code>应为87。
+    testString: 'assert($("rect").eq(6).attr("height") == "87", "The seventh <code>rect</code> should have a <code>height</code> of 87.");'
+  - text: 第八个<code>rect</code>应该有42的<code>height</code> 。
+    testString: 'assert($("rect").eq(7).attr("height") == "42", "The eighth <code>rect</code> should have a <code>height</code> of 42.");'
+  - text: 第九个<code>rect</code>的<code>height</code>应为27。
+    testString: 'assert($("rect").eq(8).attr("height") == "27", "The ninth <code>rect</code> should have a <code>height</code> of 27.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", 0)
+       .attr("width", 25)
+       .attr("height", (d, i) => {
+         // Add your code below this line
+
+
+
+         // Add your code above this line
+       });
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/dynamically-set-the-coordinates-for-each-bar.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/dynamically-set-the-coordinates-for-each-bar.chinese.md
new file mode 100644
index 0000000000..d7a743506d
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/dynamically-set-the-coordinates-for-each-bar.chinese.md
@@ -0,0 +1,94 @@
+---
+id: 587d7fa9367417b2b2512bce
+title: Dynamically Set the Coordinates for Each Bar
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 动态设置每个条形的坐标
+---
+
+## Description
+<section id="description">最后一个挑战是为<code>dataset</code>每个点创建一个矩形并将其附加到<code>svg</code>元素以表示一个条形。不幸的是，它们都堆叠在一起。矩形的放置由<code>x</code>和<code>y</code>属性处理。他们告诉D3从哪里开始在<code>svg</code>区域中绘制形状。最后一个挑战将它们设置为0，因此每个栏都放在左上角。对于条形图，所有条形应位于相同的垂直水平，这意味着所有条形的<code>y</code>值保持不变（为0）。但是，在添加新柱时， <code>x</code>值需要更改。请记住，较大的<code>x</code>值会将项目推向更远的位置。当您浏览<code>dataset</code>的数组元素时，x值应该会增加。 D3中的<code>attr()</code>方法接受回调函数来动态设置该属性。回调函数有两个参数，一个用于数据点本身（通常为<code>d</code> ），另一个用于数组中数据点的索引。索引的第二个参数是可选的。这是格式： <blockquote> selection.attr（“property”，（d，i）=&gt; { <br> / * <br> * d是数据点值<br> * i是数组中数据点的索引<br> * / <br> }） </blockquote>重要的是要注意，您不需要编写<code>for</code>循环或使用<code>forEach()</code>来迭代数据集中的项。回想一下， <code>data()</code>方法解析数据集，并且<code>data()</code>之后链接的任何方法对数据集中的每个项目运行一次。 </section>
+
+## Instructions
+<section id="instructions">更改<code>x</code>属性回调函数，使其返回索引时间30. <strong>注意</strong> <br>每个条的宽度为25，因此将每个<code>x</code>值增加30会在条之间增加一些空间。任何大于25的值都可以在此示例中使用。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 第一个<code>rect</code>的<code>x</code>值应为0。
+    testString: 'assert($("rect").eq(0).attr("x") == "0", "The first <code>rect</code> should have an <code>x</code> value of 0.");'
+  - text: 第二个<code>rect</code>的<code>x</code>值应为30。
+    testString: 'assert($("rect").eq(1).attr("x") == "30", "The second <code>rect</code> should have an <code>x</code> value of 30.");'
+  - text: 第三个<code>rect</code>的<code>x</code>值应为60。
+    testString: 'assert($("rect").eq(2).attr("x") == "60", "The third <code>rect</code> should have an <code>x</code> value of 60.");'
+  - text: 第四个<code>rect</code>的<code>x</code>值应为90。
+    testString: 'assert($("rect").eq(3).attr("x") == "90", "The fourth <code>rect</code> should have an <code>x</code> value of 90.");'
+  - text: 第五个<code>rect</code>的<code>x</code>值应为120。
+    testString: 'assert($("rect").eq(4).attr("x") == "120", "The fifth <code>rect</code> should have an <code>x</code> value of 120.");'
+  - text: 第六个<code>rect</code>的<code>x</code>值应为150。
+    testString: 'assert($("rect").eq(5).attr("x") == "150", "The sixth <code>rect</code> should have an <code>x</code> value of 150.");'
+  - text: 第七个<code>rect</code>的<code>x</code>值应为180。
+    testString: 'assert($("rect").eq(6).attr("x") == "180", "The seventh <code>rect</code> should have an <code>x</code> value of 180.");'
+  - text: 第八个<code>rect</code>的<code>x</code>值应为210。
+    testString: 'assert($("rect").eq(7).attr("x") == "210", "The eighth <code>rect</code> should have an <code>x</code> value of 210.");'
+  - text: 第九个<code>rect</code>的<code>x</code>值应为240。
+    testString: 'assert($("rect").eq(8).attr("x") == "240", "The ninth <code>rect</code> should have an <code>x</code> value of 240.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => {
+         // Add your code below this line
+
+
+
+         // Add your code above this line
+       })
+       .attr("y", 0)
+       .attr("width", 25)
+       .attr("height", 100);
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/invert-svg-elements.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/invert-svg-elements.chinese.md
new file mode 100644
index 0000000000..36ff3bd281
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/invert-svg-elements.chinese.md
@@ -0,0 +1,94 @@
+---
+id: 587d7fa9367417b2b2512bd0
+title: Invert SVG Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 反转SVG元素
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">更改<code>y</code>属性的回调函数以将栏设置为正面朝上。请记住，条形的<code>height</code>是数据值<code>d</code> 3倍。 <strong>注意</strong> <br>通常，关系是<code>y = h - m * d</code> ，其中<code>m</code>是缩放数据点的常数。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 第一个<code>rect</code>的<code>y</code>值应为64。
+    testString: 'assert($("rect").eq(0).attr("y") == h - (dataset[0] * 3), "The first <code>rect</code> should have a <code>y</code> value of 64.");'
+  - text: 第二个<code>rect</code>的<code>y</code>值应为7。
+    testString: 'assert($("rect").eq(1).attr("y") == h - (dataset[1] * 3), "The second <code>rect</code> should have a <code>y</code> value of 7.");'
+  - text: 第三个<code>rect</code>的<code>y</code>值应为34。
+    testString: 'assert($("rect").eq(2).attr("y") == h - (dataset[2] * 3), "The third <code>rect</code> should have a <code>y</code> value of 34.");'
+  - text: 第四个<code>rect</code>的<code>y</code>值应为49。
+    testString: 'assert($("rect").eq(3).attr("y") == h - (dataset[3] * 3), "The fourth <code>rect</code> should have a <code>y</code> value of 49.");'
+  - text: 第五个<code>rect</code>的<code>y</code>值应为25。
+    testString: 'assert($("rect").eq(4).attr("y") == h - (dataset[4] * 3), "The fifth <code>rect</code> should have a <code>y</code> value of 25.");'
+  - text: 第六个<code>rect</code>的<code>y</code>值应为46。
+    testString: 'assert($("rect").eq(5).attr("y") == h - (dataset[5] * 3), "The sixth <code>rect</code> should have a <code>y</code> value of 46.");'
+  - text: 第七个<code>rect</code>的<code>y</code>值应为13。
+    testString: 'assert($("rect").eq(6).attr("y") == h - (dataset[6] * 3), "The seventh <code>rect</code> should have a <code>y</code> value of 13.");'
+  - text: 第八个<code>rect</code>的<code>y</code>值应为58。
+    testString: 'assert($("rect").eq(7).attr("y") == h - (dataset[7] * 3), "The eighth <code>rect</code> should have a <code>y</code> value of 58.");'
+  - text: 第九个<code>rect</code>的<code>y</code>值应为73。
+    testString: 'assert($("rect").eq(8).attr("y") == h - (dataset[8] * 3), "The ninth <code>rect</code> should have a <code>y</code> value of 73.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => {
+         // Add your code below this line
+
+
+
+         // Add your code above this line
+       })
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d);
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/learn-about-svg-in-d3.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/learn-about-svg-in-d3.chinese.md
new file mode 100644
index 0000000000..84cbeeec57
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/learn-about-svg-in-d3.chinese.md
@@ -0,0 +1,74 @@
+---
+id: 587d7fa8367417b2b2512bcb
+title: Learn About SVG in D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 在D3中了解SVG
+---
+
+## Description
+<section id="description"> SVG代表<code>Scalable Vector Graphics</code> 。这里的“可缩放”意味着，如果放大或缩小对象，它就不会出现像素化。它可以与显示系统一起扩展，无论是在小型移动屏幕还是大型电视监视器上。 SVG用于制作常见的几何形状。由于D3将数据映射到可视化表示，因此它使用SVG为可视化创建形状。网页的SVG形状必须位于HTML <code>svg</code>标记内。当样式使用相对单位（例如<code>vh</code> ， <code>vw</code>或百分比）时，CSS可以是可伸缩的，但使用SVG可以更灵活地构建数据可视化。 </section>
+
+## Instructions
+<section id="instructions">使用<code>append()</code> <code>svg</code>节点添加到<code>body</code> 。给它一个<code>width</code>属性设置为所提供的<code>w</code>常数和<code>height</code>设置为所提供的属性<code>h</code>使用恒定<code>attr()</code>为每个方法。您将在输出中看到它，因为在<code>style</code>标记中应用了粉红色的<code>background-color</code> 。 <strong>注意</strong> <br>宽度和高度属性没有单位。这是缩放的构建块 - 无论缩放级别如何，元素的宽高比始终为5：1。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的文档应该有1个<code>svg</code>元素。
+    testString: 'assert($("svg").length == 1, "Your document should have 1 <code>svg</code> element.");'
+  - text: <code>svg</code>元素的<code>width</code>属性应设置为500。
+    testString: 'assert($("svg").attr("width") == "500", "The <code>svg</code> element should have a <code>width</code> attribute set to 500.");'
+  - text: <code>svg</code>元素的<code>height</code>属性应设置为100。
+    testString: 'assert($("svg").attr("height") == "100", "The <code>svg</code> element should have a <code>height</code> attribute set to 100.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  svg {
+    background-color: pink;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  // Add your code below this line
+
+
+
+                  // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3.chinese.md
new file mode 100644
index 0000000000..d1f439336b
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3.chinese.md
@@ -0,0 +1,68 @@
+---
+id: 587d7fa6367417b2b2512bc3
+title: Select a Group of Elements with D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用D3选择一组元素
+---
+
+## Description
+<section id="description"> D3还有<code>selectAll()</code>方法来选择一组元素。它返回文档中与输入字符串匹配的所有项目的HTML节点数组。这是一个选择文档中所有锚标记的示例： <code>const anchors = d3.selectAll(&quot;a&quot;);</code>与<code>select()</code>方法一样， <code>selectAll()</code>支持方法链接，您可以将其与其他方法一起使用。 </section>
+
+## Instructions
+<section id="instructions">选择文档中的所有<code>li</code>标签，并通过链接<code>.text()</code>方法将其文本更改为“list item”。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 页面上应该有3个<code>li</code>元素，每个元素中的文本应该是“list item”。大写和间距应完全匹配。
+    testString: 'assert($("li").text().match(/list item/g).length == 3, "There should be 3 <code>li</code> elements on the page, and the text in each one should say "list item". Capitalization and spacing should match exactly.");'
+  - text: 您的代码应该访问<code>d3</code>对象。
+    testString: 'assert(code.match(/d3/g), "Your code should access the <code>d3</code> object.");'
+  - text: 您的代码应该使用<code>selectAll</code>方法。
+    testString: 'assert(code.match(/\.selectAll/g), "Your code should use the <code>selectAll</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <ul>
+    <li>Example</li>
+    <li>Example</li>
+    <li>Example</li>
+  </ul>
+  <script>
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/set-a-domain-and-a-range-on-a-scale.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/set-a-domain-and-a-range-on-a-scale.chinese.md
new file mode 100644
index 0000000000..8228dd6c10
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/set-a-domain-and-a-range-on-a-scale.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 587d7fac367417b2b2512bdb
+title: Set a Domain and a Range on a Scale
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 在比例上设置域和范围
+---
+
+## Description
+<section id="description">默认情况下，缩放使用标识关系 - 输入值映射到输出值。但是尺度可以更加灵活和有趣。假设数据集的值范围为50到480.这是比例的输入信息，也称为域。您希望在SVG画布上沿<code>x</code>轴映射这些点，介于10个单位和500个单位之间。这是输出信息，也称为范围。 <code>domain()</code>和<code>range()</code>方法为比例设置这些值。两种方法都将至少两个元素的数组作为参数。这是一个例子： <blockquote> //设置域名<br> //域包含输入值集<br> scale.domain（[50,480]）; <br> //设定范围<br> //范围涵盖输出值集<br> scale.range（[10,500]）; <br> scale（50）//返回10 <br> scale（480）//返回500 <br> scale（325）//返回323.37 <br> scale（750）//返回807.67 <br> d3.scaleLinear（） </blockquote>请注意，比例使用域和范围值之间的线性关系来确定给定数字的输出应该是什么。域（50）中的最小值映射到范围中的最小值（10）。 </section>
+
+## Instructions
+<section id="instructions">创建比例并将其域设置为<code>[250, 500]</code> ，范围为<code>[10, 150]</code> 。 <strong>注意</strong> <br>您可以将<code>domain()</code>和<code>range()</code>方法链接到<code>scale</code>变量。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应使用<code>domain()</code>方法。
+    testString: 'assert(code.match(/\.domain/g), "Your code should use the <code>domain()</code> method.");'
+  - text: '比例的<code>domain()</code>应设置为<code>[250, 500]</code> 。'
+    testString: 'assert(JSON.stringify(scale.domain()) == JSON.stringify([250, 500]), "The <code>domain()</code> of the scale should be set to <code>[250, 500]</code>.");'
+  - text: 您的代码应使用<code>range()</code>方法。
+    testString: 'assert(code.match(/\.range/g), "Your code should use the <code>range()</code> method.");'
+  - text: '刻度的<code>range()</code>应设置为<code>[10, 150]</code> 。'
+    testString: 'assert(JSON.stringify(scale.range()) == JSON.stringify([10, 150]), "The <code>range()</code> of the scale should be set to <code>[10, 150]</code>.");'
+  - text: <code>h2</code>的文本应为-102。
+    testString: 'assert($("h2").text() == "-102", "The text in the <code>h2</code> should be -102.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    // Add your code below this line
+    const scale = d3.scaleLinear();
+
+
+
+    // Add your code above this line
+    const output = scale(50);
+    d3.select("body")
+      .append("h2")
+      .text(output);
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/style-d3-labels.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/style-d3-labels.chinese.md
new file mode 100644
index 0000000000..967047d549
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/style-d3-labels.chinese.md
@@ -0,0 +1,88 @@
+---
+id: 587d7faa367417b2b2512bd3
+title: Style D3 Labels
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 风格D3标签
+---
+
+## Description
+<section id="description"> D3方法可以为条形标签添加样式。 <code>fill</code>属性设置<code>text</code>节点的文本颜色。 <code>style()</code>方法为其他样式设置CSS规则，例如“font-family”或“font-size”。 </section>
+
+## Instructions
+<section id="instructions">将<code>text</code>元素的<code>font-size</code>设置为25px，将文本颜色设置为红色。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 标签应该都具有红色的<code>fill</code>颜色。
+    testString: 'assert($("text").css("fill") == "rgb(255, 0, 0)", "The labels should all have a <code>fill</code> color of red.");'
+  - text: 标签应该都具有25像素的<code>font-size</code> 。
+    testString: 'assert($("text").css("font-size") == "25px", "The labels should all have a <code>font-size</code> of 25 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => d * 3)
+       .attr("fill", "navy");
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) => d)
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - (3 * d) - 3)
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically.chinese.md
new file mode 100644
index 0000000000..7377b3a550
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically.chinese.md
@@ -0,0 +1,90 @@
+---
+id: 587d7fa8367417b2b2512bc9
+title: Update the Height of an Element Dynamically
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 动态更新元素的高度
+---
+
+## Description
+<section id="description">之前的挑战包括如何显示数组中的数据以及如何添加CSS类。您可以结合这些课程来创建简单的条形图。这有两个步骤：1）为数组中的每个数据点创建一个<code>div</code> 2）使用<code>style()</code>方法中的回调函数给每个<code>div</code>一个动态高度，该函数将高度设置为等于数据值。回想一下格式为使用回调函数设置样式： <code>selection.style(&quot;cssProperty&quot;, (d) =&gt; d)</code> </section>
+
+## Instructions
+<section id="instructions">将<code>style()</code>方法添加到编辑器中的代码中，以设置每个元素的<code>height</code>属性。使用回调函数返回数据点的值，并添加字符串“px”。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 第一个<code>div</code>的<code>height</code>应为12像素。
+    testString: 'assert($("div").eq(0).css("height") == "12px", "The first <code>div</code> should have a <code>height</code> of 12 pixels.");'
+  - text: 第二个<code>div</code>的<code>height</code>应为31像素。
+    testString: 'assert($("div").eq(1).css("height") == "31px", "The second <code>div</code> should have a <code>height</code> of 31 pixels.");'
+  - text: 第三个<code>div</code>的<code>height</code>应为22像素。
+    testString: 'assert($("div").eq(2).css("height") == "22px", "The third <code>div</code> should have a <code>height</code> of 22 pixels.");'
+  - text: 第四个<code>div</code>的<code>height</code>应为17像素。
+    testString: 'assert($("div").eq(3).css("height") == "17px", "The fourth <code>div</code> should have a <code>height</code> of 17 pixels.");'
+  - text: 第五个<code>div</code>的<code>height</code>应为25像素。
+    testString: 'assert($("div").eq(4).css("height") == "25px", "The fifth <code>div</code> should have a <code>height</code> of 25 pixels.");'
+  - text: 第六个<code>div</code>的<code>height</code>应为18像素。
+    testString: 'assert($("div").eq(5).css("height") == "18px", "The sixth <code>div</code> should have a <code>height</code> of 18 pixels.");'
+  - text: 第七个<code>div</code>的<code>height</code>应为29像素。
+    testString: 'assert($("div").eq(6).css("height") == "29px", "The seventh <code>div</code> should have a <code>height</code> of 29 pixels.");'
+  - text: 第八个<code>div</code>的<code>height</code>应为14像素。
+    testString: 'assert($("div").eq(7).css("height") == "14px", "The eighth <code>div</code> should have a <code>height</code> of 14 pixels.");'
+  - text: 第九个<code>div</code>的<code>height</code>应为9像素。
+    testString: 'assert($("div").eq(8).css("height") == "9px", "The ninth <code>div</code> should have a <code>height</code> of 9 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar {
+    width: 25px;
+    height: 100px;
+    display: inline-block;
+    background-color: blue;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("div")
+      .data(dataset)
+      .enter()
+      .append("div")
+      .attr("class", "bar")
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/use-a-pre-defined-scale-to-place-elements.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/use-a-pre-defined-scale-to-place-elements.chinese.md
new file mode 100644
index 0000000000..d46068d2dc
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/use-a-pre-defined-scale-to-place-elements.chinese.md
@@ -0,0 +1,147 @@
+---
+id: 587d7fac367417b2b2512bde
+title: Use a Pre-Defined Scale to Place Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用预定义比例放置元素
+---
+
+## Description
+<section id="description">设置了比例后，就可以再次绘制散点图。比例就像处理函数一样，可以将x和y原始数据转换为适合SVG画布上正确渲染的值。他们将数据保存在屏幕的绘图区域内。使用缩放功能设置SVG形状的坐标属性值。这包括<code>rect</code>或<code>text</code>元素的<code>x</code>和<code>y</code>属性，或者<code>circles</code> <code>cx</code>和<code>cy</code> 。这是一个例子： <blockquote>形状<br> .attr（“x”，（d）=&gt; xScale（d [0]）） </blockquote> Scales设置形状坐标属性以将数据点放置到SVG画布上。显示实际数据值时不需要应用比例，例如，在工具提示或标签的<code>text()</code>方法中。 </section>
+
+## Instructions
+<section id="instructions">使用<code>xScale</code>和<code>yScale</code>将<code>circle</code>和<code>text</code>形状定位到SVG画布上。对于<code>circles</code> ，应用比例来设置<code>cx</code>和<code>cy</code>属性。给它们半径5个单位。对于<code>text</code>元素，应用比例来设置<code>x</code>和<code>y</code>属性。标签应偏移到点的右侧。要执行此操作，请在将x数据传递给<code>xScale</code>之前将其添加10个单位。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该有10个<code>circle</code>元素。
+    testString: 'assert($("circle").length == 10, "Your code should have 10 <code>circle</code> elements.");'
+  - text: 应用刻度后，第一个<code>circle</code>元素应具有大约91的<code>cx</code>值和大约368的<code>cy</code>值。它的<code>r</code>值也应为5。
+    testString: 'assert(Math.round($("circle").eq(0).attr("cx")) == "91" && Math.round($("circle").eq(0).attr("cy")) == "368" && $("circle").eq(0).attr("r") == "5", "The first <code>circle</code> element should have a <code>cx</code> value of approximately 91 and a <code>cy</code> value of approximately 368 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: 应用刻度后，第二个<code>circle</code>元素的<code>cx</code>值应约为159， <code>cy</code>值应约为181。它的<code>r</code>值也应为5。
+    testString: 'assert(Math.round($("circle").eq(1).attr("cx")) == "159" && Math.round($("circle").eq(1).attr("cy")) == "181" && $("circle").eq(1).attr("r") == "5", "The second <code>circle</code> element should have a <code>cx</code> value of approximately 159 and a <code>cy</code> value of approximately 181 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: 应用刻度后，第三个<code>circle</code>元素应具有约340的<code>cx</code>值和约329的<code>cy</code>值。它的<code>r</code>值也应为5。
+    testString: 'assert(Math.round($("circle").eq(2).attr("cx")) == "340" && Math.round($("circle").eq(2).attr("cy")) == "329" && $("circle").eq(2).attr("r") == "5", "The third <code>circle</code> element should have a <code>cx</code> value of approximately 340 and a <code>cy</code> value of approximately 329 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: 应用刻度后，第四个<code>circle</code>元素应具有大约131的<code>cx</code>值和大约60的<code>cy</code>值。它的<code>r</code>值也应为5。
+    testString: 'assert(Math.round($("circle").eq(3).attr("cx")) == "131" && Math.round($("circle").eq(3).attr("cy")) == "60" && $("circle").eq(3).attr("r") == "5", "The fourth <code>circle</code> element should have a <code>cx</code> value of approximately 131 and a <code>cy</code> value of approximately 60 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: 应用刻度后，第五个<code>circle</code>元素应具有大约440的<code>cx</code>值和大约237的<code>cy</code>值。它的<code>r</code>值也应为5。
+    testString: 'assert(Math.round($("circle").eq(4).attr("cx")) == "440" && Math.round($("circle").eq(4).attr("cy")) == "237" && $("circle").eq(4).attr("r") == "5", "The fifth <code>circle</code> element should have a <code>cx</code> value of approximately 440 and a <code>cy</code> value of approximately 237 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: 应用刻度后，第六个<code>circle</code>元素应具有约271的<code>cx</code>值和约306的<code>cy</code>值。它的<code>r</code>值也应为5。
+    testString: 'assert(Math.round($("circle").eq(5).attr("cx")) == "271" && Math.round($("circle").eq(5).attr("cy")) == "306" && $("circle").eq(5).attr("r") == "5", "The sixth <code>circle</code> element should have a <code>cx</code> value of approximately 271 and a <code>cy</code> value of approximately 306 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: 应用刻度后，第七个<code>circle</code>元素的<code>cx</code>值约为361， <code>cy</code>值约为351。它的<code>r</code>值也应为5。
+    testString: 'assert(Math.round($("circle").eq(6).attr("cx")) == "361" && Math.round($("circle").eq(6).attr("cy")) == "351" && $("circle").eq(6).attr("r") == "5", "The seventh <code>circle</code> element should have a <code>cx</code> value of approximately 361 and a <code>cy</code> value of approximately 351 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: 应用刻度后，第八个<code>circle</code>元素应具有约261的<code>cx</code>值和约132的<code>cy</code>值。它的<code>r</code>值也应为5。
+    testString: 'assert(Math.round($("circle").eq(7).attr("cx")) == "261" && Math.round($("circle").eq(7).attr("cy")) == "132" && $("circle").eq(7).attr("r") == "5", "The eighth <code>circle</code> element should have a <code>cx</code> value of approximately 261 and a <code>cy</code> value of approximately 132 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: 应用刻度后，第九个<code>circle</code>元素应具有大约131的<code>cx</code>值和大约144的<code>cy</code>值。它的<code>r</code>值也应为5。
+    testString: 'assert(Math.round($("circle").eq(8).attr("cx")) == "131" && Math.round($("circle").eq(8).attr("cy")) == "144" && $("circle").eq(8).attr("r") == "5", "The ninth <code>circle</code> element should have a <code>cx</code> value of approximately 131 and a <code>cy</code> value of approximately 144 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: 应用刻度后，第十个<code>circle</code>元素应具有大约79的<code>cx</code>值和大约326的<code>cy</code>值。它的<code>r</code>值也应为5。
+    testString: 'assert(Math.round($("circle").eq(9).attr("cx")) == "79" && Math.round($("circle").eq(9).attr("cy")) == "326" && $("circle").eq(9).attr("r") == "5", "The tenth <code>circle</code> element should have a <code>cx</code> value of approximately 79 and a <code>cy</code> value of approximately 326 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: 您的代码应该有10个<code>text</code>元素。
+    testString: 'assert($("text").length == 10, "Your code should have 10 <code>text</code> elements.");'
+  - text: 应用刻度后，第一个标签的<code>x</code>值约为100， <code>y</code>值约为368。
+    testString: 'assert(Math.round($("text").eq(0).attr("x")) == "100" && Math.round($("text").eq(0).attr("y")) == "368", "The first label should have an <code>x</code> value of approximately 100 and a <code>y</code> value of approximately 368 after applying the scales.");'
+  - text: 第二标签应该有一个<code>x</code>的大约168值和<code>y</code>施加鳞后的约181的值。
+    testString: 'assert(Math.round($("text").eq(1).attr("x")) == "168" && Math.round($("text").eq(1).attr("y")) == "181", "The second label should have an <code>x</code> value of approximately 168 and a <code>y</code> value of approximately 181 after applying the scales.");'
+  - text: 应用刻度后，第三个标签的<code>x</code>值约为350， <code>y</code>值约为329。
+    testString: 'assert(Math.round($("text").eq(2).attr("x")) == "350" && Math.round($("text").eq(2).attr("y")) == "329", "The third label should have an <code>x</code> value of approximately 350 and a <code>y</code> value of approximately 329 after applying the scales.");'
+  - text: 第四标签应该有一个<code>x</code>的大约141值和<code>y</code>施加鳞后的约60的值。
+    testString: 'assert(Math.round($("text").eq(3).attr("x")) == "141" && Math.round($("text").eq(3).attr("y")) == "60", "The fourth label should have an <code>x</code> value of approximately 141 and a <code>y</code> value of approximately 60 after applying the scales.");'
+  - text: 应用刻度后，第五个标签的<code>x</code>值约为449， <code>y</code>值约为237。
+    testString: 'assert(Math.round($("text").eq(4).attr("x")) == "449" && Math.round($("text").eq(4).attr("y")) == "237", "The fifth label should have an <code>x</code> value of approximately 449 and a <code>y</code> value of approximately 237 after applying the scales.");'
+  - text: 应用刻度后，第六个标签的<code>x</code>值约为280， <code>y</code>值约为306。
+    testString: 'assert(Math.round($("text").eq(5).attr("x")) == "280" && Math.round($("text").eq(5).attr("y")) == "306", "The sixth label should have an <code>x</code> value of approximately 280 and a <code>y</code> value of approximately 306 after applying the scales.");'
+  - text: 应用刻度后，第七个标签的<code>x</code>值约为370， <code>y</code>值约为351。
+    testString: 'assert(Math.round($("text").eq(6).attr("x")) == "370" && Math.round($("text").eq(6).attr("y")) == "351", "The seventh label should have an <code>x</code> value of approximately 370 and a <code>y</code> value of approximately 351 after applying the scales.");'
+  - text: 应用刻度后，第八个标签的<code>x</code>值约为270， <code>y</code>值约为132。
+    testString: 'assert(Math.round($("text").eq(7).attr("x")) == "270" && Math.round($("text").eq(7).attr("y")) == "132", "The eighth label should have an <code>x</code> value of approximately 270 and a <code>y</code> value of approximately 132 after applying the scales.");'
+  - text: 应用刻度后，第九个标签的<code>x</code>值约为140， <code>y</code>值约为144。
+    testString: 'assert(Math.round($("text").eq(8).attr("x")) == "140" && Math.round($("text").eq(8).attr("y")) == "144", "The ninth label should have an <code>x</code> value of approximately 140 and a <code>y</code> value of approximately 144 after applying the scales.");'
+  - text: 应用刻度后，第十个标签的<code>x</code>值约为88， <code>y</code>值约为326。
+    testString: 'assert(Math.round($("text").eq(9).attr("x")) == "88" && Math.round($("text").eq(9).attr("y")) == "326", "The tenth label should have an <code>x</code> value of approximately 88 and a <code>y</code> value of approximately 326 after applying the scales.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,     78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,   411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,    333 ],
+                  [ 78,    320 ],
+                  [ 21,   123 ]
+                ];
+
+    const w = 500;
+    const h = 500;
+    const padding = 60;
+
+    const xScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[0])])
+                     .range([padding, w - padding]);
+
+    const yScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[1])])
+                     .range([h - padding, padding]);
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) =>  (d[0] + ", "
+ + d[1]))
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/use-dynamic-scales.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/use-dynamic-scales.chinese.md
new file mode 100644
index 0000000000..91be27d69e
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/use-dynamic-scales.chinese.md
@@ -0,0 +1,94 @@
+---
+id: 587d7fac367417b2b2512bdd
+title: Use Dynamic Scales
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用动态比例
+---
+
+## Description
+<section id="description"> D3 <code>min()</code>和<code>max()</code>方法可用于帮助设置比例。给定复杂的数据集，一个优先级是设置比例，以便可视化符合SVG容器的宽度和高度。您希望在SVG画布内绘制所有数据，以便在网页上显示。下面的示例设置散点图数据的x轴刻度。 <code>domain()</code>方法将信息传递给关于绘图的原始数据值的比例。 <code>range()</code>方法为其提供有关可视化的网页上的实际空间的信息。在该示例中，域从0变为集合中的最大值。它使用<code>max()</code>方法和基于数组中x值的回调函数。该范围使用SVG画布的宽度（ <code>w</code> ），但它也包含一些填充。这会在散点图点和SVG画布边缘之间留出空间。 <blockquote> const dataset = [ <br> [34,78]， <br> [109,280]， <br> [310,120]， <br> [79,411]， <br> [420,220]， <br> [233,145]， <br> [333,96]， <br> [222,333]， <br> [78,320]， <br> [21,123] <br> ]。 <br> const w = 500; <br> const h = 500; <br><br> //在SVG画布边界和绘图之间填充<br> const padding = 30; <br> const xScale = d3.scaleLinear（） <br> .domain（[0，d3.max（dataset，（d）=&gt; d [0]）]） <br> .range（[padding，w  -  padding]）; </blockquote>填充可能首先令人困惑。将x轴描绘为0到500的水平线（SVG画布的宽度值）。在<code>range()</code>方法中包含填充会强制绘图沿着该行（而不是0）从30开始，并以470（而不是500）结束。 </section>
+
+## Instructions
+<section id="instructions">使用<code>yScale</code>变量创建线性y轴刻度。域应该从零开始并转到集合中的最大y值。范围应使用SVG高度（ <code>h</code> ）并包括填充。 <strong>注意</strong> <br>记得保持情节正面朝上。设置y坐标的范围时，较高的值（高度减去填充）是第一个参数，较低的值是第二个参数。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>h2</code>的文本应为30。
+    testString: 'assert(output == 30 && $("h2").text() == "30", "The text in the <code>h2</code> should be 30.");'
+  - text: 'yScale的<code>domain()</code>应该等于<code>[0, 411]</code> 0,411 <code>[0, 411]</code> 。'
+    testString: 'assert(JSON.stringify(yScale.domain()) == JSON.stringify([0, 411]), "The <code>domain()</code> of yScale should be equivalent to <code>[0, 411]</code>.");'
+  - text: 'yScale的<code>range()</code>应相当于<code>[470, 30]</code> 470,30 <code>[470, 30]</code> 。'
+    testString: 'assert(JSON.stringify(yScale.range()) == JSON.stringify([470, 30]), "The <code>range()</code> of yScale should be equivalent to <code>[470, 30]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+    const w = 500;
+    const h = 500;
+
+    // Padding between the SVG canvas boundary and the plot
+    const padding = 30;
+
+    // Create an x and y scale
+
+    const xScale = d3.scaleLinear()
+                    .domain([0, d3.max(dataset, (d) => d[0])])
+                    .range([padding, w - padding]);
+
+    // Add your code below this line
+
+    const yScale = undefined;
+
+
+    // Add your code above this line
+
+    const output = yScale(411); // Returns 30
+    d3.select("body")
+      .append("h2")
+      .text(output)
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/use-the-d3.max-and-d3.min-functions-to-find-minimum-and-maximum-values-in-a-dataset.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/use-the-d3.max-and-d3.min-functions-to-find-minimum-and-maximum-values-in-a-dataset.chinese.md
new file mode 100644
index 0000000000..43e339efbe
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/use-the-d3.max-and-d3.min-functions-to-find-minimum-and-maximum-values-in-a-dataset.chinese.md
@@ -0,0 +1,66 @@
+---
+id: 587d7fac367417b2b2512bdc
+title: Use the d3.max and d3.min Functions to Find Minimum and Maximum Values in a Dataset
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用d3.max和d3.min函数查找数据集中的最小值和最大值
+---
+
+## Description
+<section id="description"> D3方法<code>domain()</code>和<code>range()</code>根据数据为您的比例设置该信息。有几种方法可以使这更容易。通常在设置域时，您需要使用数据集中的最小值和最大值。尝试手动查找这些值，尤其是在大型数据集中，可能会导致错误。 D3有两种方法<code>min()</code>和<code>max()</code>来返回这些信息。这是一个例子： <blockquote> const exampleData = [34,234,73,90,6,52]; <br> d3.min（exampleData）//返回6 <br> d3.max（exampleData）//返回234 </blockquote>数据集可能具有嵌套数组，例如散点图示例中的[x，y]坐标对。在这种情况下，您需要告诉D3如何计算最大值和最小值。幸运的是， <code>min()</code>和<code>max()</code>方法都采用了回调函数。在此示例中，回调函数的参数<code>d</code>用于当前内部数组。回调需要从内部数组（x或y值）返回要计算最大值或最小值的元素。这是一个如何使用数组数组查找最小值和最大值的示例： <blockquote> const locationData = [[1,7]，[6,3]，[8,3]]; <br> //返回第一个元素中的最小数字<br> const minX = d3.min（locationData，（d）=&gt; d [0]）; <br> // minX比较1,6和8并设置为1 </blockquote></section>
+
+## Instructions
+<section id="instructions"> <code>positionData</code>变量包含一个三维（3D）数组。使用D3方法从数组中查找z坐标（第三个值）的最大值，并将其保存在<code>output</code>变量中。 <strong>注意</strong> <br>有趣的事实 -  D3可以绘制3D阵列。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>h2</code>的文本应为8。
+    testString: 'assert(output == 8 && $("h2").text() == "8", "The text in the <code>h2</code> should be 8.");'
+  - text: 您的代码应使用<code>max()</code>方法。
+    testString: 'assert(code.match(/\.max/g), "Your code should use the <code>max()</code> method.")'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const positionData = [[1, 7, -4],[6, 3, 8],[2, 8, 3]]
+    // Add your code below this line
+
+    const output = undefined; // Change this line
+
+    // Add your code above this line
+
+    d3.select("body")
+      .append("h2")
+      .text(output)
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/work-with-data-in-d3.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/work-with-data-in-d3.chinese.md
new file mode 100644
index 0000000000..7bd7c60526
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/work-with-data-in-d3.chinese.md
@@ -0,0 +1,67 @@
+---
+id: 587d7fa7367417b2b2512bc4
+title: Work with Data in D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 在D3中使用数据
+---
+
+## Description
+<section id="description"> D3库专注于数据驱动的方法。当您拥有一组数据时，可以应用D3方法在页面上显示它。数据有多种格式，但这一挑战使用了一组简单的数字。第一步是让D3知道数据。 <code>data()</code>方法用于选择DOM元素以将数据附加到这些元素。数据集作为参数传递给方法。常见的工作流模式是在文档中为集合中的每个数据创建一个新元素。 D3为此目的使用了<code>enter()</code>方法。当<code>enter()</code>与<code>data()</code>方法结合使用时，它会查看页面中的选定元素，并将它们与集合中的数据项数量进行比较。如果元素少于数据项，则会创建缺少的元素。下面是一个示例，它选择一个<code>ul</code>元素并根据数组中的条目数创建一个新的列表项： <blockquote> &lt;BODY&gt; <br> &lt;UL&gt; &lt;/ UL&gt; <br> &lt;SCRIPT&gt; <br> const dataset = [“a”，“b”，“c”]; <br> d3.select（ “UL”）。全选（ “礼”） <br> 。数据（数据集） <br> 。输入（） <br> .append（ “里”） <br> .text（“新项目”）; <br> &lt;/ SCRIPT&gt; <br> &lt;/ BODY&gt; </blockquote>选择尚不存在的元素似乎令人困惑。此代码告诉D3首先选择页面上的<code>ul</code> 。接下来，选择所有列表项，返回空选择。然后<code>data()</code>方法检查数据集并运行以下代码三次，对于数组中的每个项目运行一次。 <code>enter()</code>方法看到页面上没有<code>li</code>元素，但它需要3（数据<code>dataset</code>每个数据对应一个）。新的<code>li</code>元素被附加到<code>ul</code>并具有文本“New item”。 </section>
+
+## Instructions
+<section id="instructions">选择<code>body</code>节点，然后选择所有<code>h2</code>元素。让D3为<code>dataset</code>数组中的每个项创建并附加<code>h2</code>标记。 <code>h2</code>的文字应该说“新标题”。您的代码应使用<code>data()</code>和<code>enter()</code>方法。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的文档应该有9个<code>h2</code>元素。
+    testString: 'assert($("h2").length == 9, "Your document should have 9 <code>h2</code> elements.");'
+  - text: <code>h2</code>元素中的文本应该是“New Title”。大写和间距应完全匹配。
+    testString: 'assert($("h2").text().match(/New Title/g).length == 9, "The text in the <code>h2</code> elements should say "New Title". The capitalization and spacing should match exactly.");'
+  - text: 您的代码应该使用<code>data()</code>方法。
+    testString: 'assert(code.match(/\.data/g), "Your code should use the <code>data()</code> method.");'
+  - text: 您的代码应使用<code>enter()</code>方法。
+    testString: 'assert(code.match(/\.enter/g), "Your code should use the <code>enter()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/work-with-dynamic-data-in-d3.chinese.md b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/work-with-dynamic-data-in-d3.chinese.md
new file mode 100644
index 0000000000..5929f0cee2
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/work-with-dynamic-data-in-d3.chinese.md
@@ -0,0 +1,81 @@
+---
+id: 587d7fa7367417b2b2512bc5
+title: Work with Dynamic Data in D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: 在D3中使用动态数据
+---
+
+## Description
+<section id="description">最后两个挑战涵盖了使用<code>data()</code>和<code>enter()</code>方法使用D3动态显示数据的基础知识。这些方法采用数据集，并与<code>append()</code>方法一起为数据集中的每个条目创建一个新的DOM元素。在上一个挑战中，您为<code>dataset</code>数组中的每个项创建了一个新的<code>h2</code>元素，但它们都包含相同的文本“New Title”。这是因为您没有使用绑定到每个<code>h2</code>元素的数据。 D3 <code>text()</code>方法可以将字符串或回调函数作为参数： <code>selection.text((d) =&gt; d)</code>在上面的示例中，参数<code>d</code>指的是数据集中绑定选择的单个条目至。使用当前示例作为上下文，第一个<code>h2</code>元素绑定到12，第二个<code>h2</code>元素绑定到31，第三个<code>h2</code>元素绑定到22，依此类推。 </section>
+
+## Instructions
+<section id="instructions">更改<code>text()</code>方法，以便每个<code>h2</code>元素显示<code>dataset</code>数组中具有单个空格和“USD”的相应值。例如，第一个标题应为“12美元”。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 第一个<code>h2</code>应该有“12美元”的文字。
+    testString: 'assert($("h2").eq(0).text() == "12 USD", "The first <code>h2</code> should have the text "12 USD".");'
+  - text: 第二个<code>h2</code>应该有“31美元”的文字。
+    testString: 'assert($("h2").eq(1).text() == "31 USD", "The second <code>h2</code> should have the text "31 USD".");'
+  - text: 第三个<code>h2</code>应该有“22美元”的文字。
+    testString: 'assert($("h2").eq(2).text() == "22 USD", "The third <code>h2</code> should have the text "22 USD".");'
+  - text: 第四个<code>h2</code>应该有“17美元”的文字。
+    testString: 'assert($("h2").eq(3).text() == "17 USD", "The fourth <code>h2</code> should have the text "17 USD".");'
+  - text: 第五个<code>h2</code>应该有“25美元”的文字。
+    testString: 'assert($("h2").eq(4).text() == "25 USD", "The fifth <code>h2</code> should have the text "25 USD".");'
+  - text: 第六个<code>h2</code>应该有“18美元”的文字。
+    testString: 'assert($("h2").eq(5).text() == "18 USD", "The sixth <code>h2</code> should have the text "18 USD".");'
+  - text: 第七个<code>h2</code>应该有“29美元”的文字。
+    testString: 'assert($("h2").eq(6).text() == "29 USD", "The seventh <code>h2</code> should have the text "29 USD".");'
+  - text: 第八个<code>h2</code>应该有“14美元”的文字。
+    testString: 'assert($("h2").eq(7).text() == "14 USD", "The eighth <code>h2</code> should have the text "14 USD".");'
+  - text: 第九个<code>h2</code>应该有“9美元”的文字。
+    testString: 'assert($("h2").eq(8).text() == "9 USD", "The ninth <code>h2</code> should have the text "9 USD".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("h2")
+      .data(dataset)
+      .enter()
+      .append("h2")
+      // Add your code below this line
+
+      .text("New Title");
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/access-the-json-data-from-an-api.chinese.md b/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/access-the-json-data-from-an-api.chinese.md
new file mode 100644
index 0000000000..04bea525f8
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/access-the-json-data-from-an-api.chinese.md
@@ -0,0 +1,100 @@
+---
+id: 587d7fae367417b2b2512be4
+title: Access the JSON Data from an API
+challengeType: 6
+videoUrl: ''
+localeTitle: 从API访问JSON数据
+---
+
+## Description
+<section id="description">在之前的挑战中，您了解了如何从freeCodeCamp Cat Photo API获取JSON数据。现在，您将仔细查看返回的数据，以便更好地理解JSON格式。回想一下JavaScript中的一些表示法： <blockquote> []  - &gt;方括号代表一个数组<br> {}  - &gt;圆括号代表一个对象<br> “” - &gt;双引号代表一个字符串。它们还用于JSON中的键名</blockquote>了解API返回的数据结构非常重要，因为它会影响您检索所需值的方式。在右侧，单击“获取消息”按钮，将freeCodeCamp Cat Photo API JSON加载到HTML中。您在JSON数据中看到的第一个和最后一个字符是方括号<code>[ ]</code> 。这意味着返回的数据是一个数组。 JSON数据中的第二个字符是一个卷曲<code>{</code>括号，它启动一个对象。仔细观察，您可以看到有三个独立的对象。 JSON数据是一个包含三个对象的数组，其中每个对象都包含有关猫照片的信息。您之前了解到，对象包含以逗号分隔的“键值对”。在Cat Photo示例中，第一个对象具有<code>&quot;id&quot;:0</code>其中“id”是键，0是其对应值。类似地，有“imageLink”，“altText”和“codeNames”的键。每个猫照片对象具有相同的键，但具有不同的值。第一个对象中另一个有趣的“键值对”是<code>&quot;codeNames&quot;:[&quot;Juggernaut&quot;,&quot;Mrs. Wallace&quot;,&quot;ButterCup&quot;]</code> 。这里“codeNames”是键，它的值是三个字符串的数组。可以有对象数组以及带有数组作为值的键。记住如何访问数组和对象中的数据。数组使用括号表示法来访问项目的特定索引。对象使用括号或点表示法来访问给定属性的值。这是打印第一张猫照片的“altText”的示例 - 请注意编辑器中解析的JSON数据保存在名为<code>json</code>的变量中： <blockquote>的console.log（JSON [0] .altText）; <br> //打印“头上戴着绿色头盔形瓜的白猫。” </blockquote></section>
+
+## Instructions
+<section id="instructions">对于“id”为2的cat，在<code>codeNames</code>数组中向控制台输出第二个值。您应该在对象上使用括号和点表示法（保存在变量<code>json</code> ）来访问该值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应使用括号和点符号来访问正确的代码名称，并将“Loki”打印到控制台。
+    testString: 'assert(code.match(/(?:json\[2\]\.codeNames\[1\]|json\[2\]\[("|")codeNames\1\]\[1\])/g), "Your code should use bracket and dot notation to access the proper code name, and print "Loki" to the console.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      req=new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload=function(){
+        json=JSON.parse(req.responseText);
+        document.getElementsByClassName('message')[0].innerHTML=JSON.stringify(json);
+        // Add your code below this line
+
+
+        // Add your code above this line
+      };
+    };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/change-text-with-click-events.chinese.md b/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/change-text-with-click-events.chinese.md
new file mode 100644
index 0000000000..572b0f7ce0
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/change-text-with-click-events.chinese.md
@@ -0,0 +1,93 @@
+---
+id: 587d7fad367417b2b2512be2
+title: Change Text with click Events
+challengeType: 6
+videoUrl: ''
+localeTitle: 单击“事件”更改文本
+---
+
+## Description
+<section id="description">当click事件发生时，您可以使用JavaScript来更新HTML元素。例如，当用户单击“获取消息”按钮时，它会使用类<code>message</code>更改元素的文本，使其<code>message</code> “此消息是”。这可以通过在click事件中添加以下代码来实现： <code>document.getElementsByClassName(&#39;message&#39;)[0].textContent=&quot;Here is the message&quot;;</code> </section>
+
+## Instructions
+<section id="instructions">在<code>onclick</code>事件处理程序中添加代码，以更改<code>message</code>元素内的文本，说“这是消息”。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应使用<code>document.getElementsByClassName</code>方法选择具有类<code>message</code>的元素，并将其<code>textContent</code>设置为给定的字符串。
+    testString: 'assert(code.match(/document\.getElementsByClassName\(\s*?("|")message\1\s*?\)\[0\]\.textContent\s*?=\s*?("|")Here is the message\2/g), "Your code should use the <code>document.getElementsByClassName</code> method to select the element with class <code>message</code> and set its <code>textContent</code> to the given string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      // Add your code below this line
+
+
+      // Add your code above this line
+    }
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/convert-json-data-to-html.chinese.md b/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/convert-json-data-to-html.chinese.md
new file mode 100644
index 0000000000..f4b5f7e6d1
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/convert-json-data-to-html.chinese.md
@@ -0,0 +1,106 @@
+---
+id: 587d7fae367417b2b2512be5
+title: Convert JSON Data to HTML
+challengeType: 6
+videoUrl: ''
+localeTitle: 将JSON数据转换为HTML
+---
+
+## Description
+<section id="description">现在您正在从JSON API获取数据，您可以在HTML中显示它。您可以使用<code>forEach</code>方法循环数据，因为cat照片对象保存在数组中。当您到达每个项目时，您可以修改HTML元素。首先，使用<code>var html = &quot;&quot;;</code>声明一个html变量<code>var html = &quot;&quot;;</code> 。然后，遍历JSON，将HTML添加到包含<code>strong</code>标记中的键名的变量，然后是值。循环结束后，渲染它。这是执行此操作的代码： <blockquote> json.forEach（function（val）{ <br> var keys = Object.keys（val）; <br> html + =“&lt;div class =&#39;cat&#39;&gt;”; <br> keys.forEach（function（key）{ <br> html + =“&lt;strong&gt;”+ key +“&lt;/ strong&gt;：”+ val [key] +“&lt;br&gt;”; <br> }）; <br> html + =“&lt;/ div&gt; &lt;br&gt;”; <br> }）; </blockquote></section>
+
+## Instructions
+<section id="instructions">添加<code>forEach</code>方法以循环JSON数据并创建HTML元素以显示它。这是一些JSON示例<blockquote> [ <br> { <br> “ID”：0， <br> “IMAGELINK”： “https://s3.amazonaws.com/freecodecamp/funny-cat.jpg” <br> “altText”：“头上戴着绿色头盔形状瓜的白猫。”， <br> “codeNames”：[“Juggernaut”，“华莱士夫人”，“毛茛” <br> ] <br> } <br> ] </blockquote></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该将数据存储在<code>html</code>变量中
+    testString: 'assert(code.match(/html\s+?(\+=|=\shtml\s\+)/g), "Your code should store the data in the <code>html</code> variable");'
+  - text: 您的代码应该使用<code>forEach</code>方法来循环API中的JSON数据。
+    testString: 'assert(code.match(/json\.forEach/g), "Your code should use a <code>forEach</code> method to loop over the JSON data from the API.");'
+  - text: 您的代码应将密钥名称包装在<code>strong</code>标记中。
+    testString: 'assert(code.match(/<strong>.+<\/strong>/g), "Your code should wrap the key names in <code>strong</code> tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      req=new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload=function(){
+        json=JSON.parse(req.responseText);
+        var html = "";
+        // Add your code below this line
+
+
+
+        // Add your code above this line
+        document.getElementsByClassName('message')[0].innerHTML=html;
+      };
+    };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/get-geolocation-data-to-find-a-users-gps-coordinates.chinese.md b/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/get-geolocation-data-to-find-a-users-gps-coordinates.chinese.md
new file mode 100644
index 0000000000..eac867d2d9
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/get-geolocation-data-to-find-a-users-gps-coordinates.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7faf367417b2b2512be8
+title: Get Geolocation Data to Find A User's GPS Coordinates
+challengeType: 6
+videoUrl: ''
+localeTitle: 获取地理位置数据以查找用户的GPS坐标
+---
+
+## Description
+<section id="description">您可以做的另一件很酷的事情是访问您用户的当前位置。每个浏览器都有一个内置的导航器，可以为您提供此信息。导航器将获得用户当前的经度和纬度。您将看到允许或阻止此站点了解您当前位置的提示。只要代码正确，挑战就可以以任何一种方式完成。通过选择允许，您将看到输出手机上的文本更改为您的纬度和经度。这是执行此操作的代码： <blockquote> if（navigator.geolocation）{ <br> navigator.geolocation.getCurrentPosition（function（position）{ <br> document.getElementById（&#39;data&#39;）。innerHTML =“latitude：”+ position.coords.latitude +“&lt;br&gt;经度：”+ position.coords.longitude; <br> }）; <br> } </blockquote>首先，它检查<code>navigator.geolocation</code>对象是否存在。如果是，则调用该对象上的<code>getCurrentPosition</code>方法，该方法启动对用户位置的异步请求。如果请求成功，则运行方法中的回调函数。此函数使用点表示法访问<code>position</code>对象的纬度和经度值，并更新HTML。 </section>
+
+## Instructions
+<section id="instructions">在<code>script</code>标记内添加示例代码以检查用户的当前位置并将其插入HTML。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应使用<code>navigator.geolocation</code>来访问用户的当前位置。
+    testString: 'assert(code.match(/navigator\.geolocation\.getCurrentPosition/g), "Your code should use <code>navigator.geolocation</code> to access the user&#39;s current location.");'
+  - text: 您的代码应使用<code>position.coords.latitude</code>来显示用户的纬度位置。
+    testString: 'assert(code.match(/position\.coords\.latitude/g), "Your code should use <code>position.coords.latitude</code> to display the user&#39;s latitudinal location.");'
+  - text: 您的代码应使用<code>position.coords.longitude</code>来显示用户的纵向位置。
+    testString: 'assert(code.match(/position\.coords\.longitude/g), "Your code should use <code>position.coords.longitude</code> to display the user&#39;s longitudinal location.");'
+  - text: 您应该在<code>data</code> div元素中显示用户的位置。
+    testString: 'assert(code.match(/document\.getElementById\(\s*?("|")data\1\s*?\)\.innerHTML/g), "You should display the user&#39;s position within the <code>data</code> div element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  // Add your code below this line
+
+
+  // Add your code above this line
+</script>
+<h4>You are here:</h4>
+<div id="data">
+
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-xmlhttprequest-method.chinese.md b/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-xmlhttprequest-method.chinese.md
new file mode 100644
index 0000000000..f153bfa7a7
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-xmlhttprequest-method.chinese.md
@@ -0,0 +1,103 @@
+---
+id: 587d7fae367417b2b2512be3
+title: Get JSON with the JavaScript XMLHttpRequest Method
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用JavaScript XMLHttpRequest方法获取JSON
+---
+
+## Description
+<section id="description">您还可以从外部源请求数据。这就是API发挥作用的地方。请记住，API（或应用程序编程接口）是计算机用来相互通信的工具。您将学习如何使用我们从API获得的数据使用称为AJAX的技术更新HTML。大多数Web API以称为JSON的格式传输数据。 JSON代表JavaScript Object Notation。 JSON语法看起来与JavaScript对象文字表示法非常相似。 JSON具有对象属性及其当前值，夹在<code>{</code>和<code>}</code> 。这些属性及其值通常称为“键值对”。但是，API传输的JSON以<code>bytes</code>形式发送，应用程序将其作为<code>string</code>接收。这些可以转换为JavaScript对象，但默认情况下它们不是JavaScript对象。 <code>JSON.parse</code>方法解析字符串并构造它描述的JavaScript对象。您可以从freeCodeCamp的Cat Photo API请求JSON。以下是您可以在点击事件中添加的代码： <blockquote> req = new XMLHttpRequest（）; <br> req.open（ “GET”， &#39;/ JSON / cats.json&#39;，TRUE）; <br> req.send（）; <br> req.onload =函数（）{ <br> JSON = JSON.parse（req.responseText）; <br> document.getElementsByClassName（ &#39;信息&#39;）[0] = .innerHTML JSON.stringify（JSON）; <br> }; </blockquote>这是对每件作品的评论。 JavaScript <code>XMLHttpRequest</code>对象具有许多用于传输数据的属性和方法。首先，创建<code>XMLHttpRequest</code>对象的实例并将其保存在<code>req</code>变量中。接下来， <code>open</code>方法初始化一个请求 - 这个例子是从API请求数据，因此是一个“GET”请求。 <code>open</code>的第二个参数是您从中请求数据的API的URL。第三个参数是布尔值，其中<code>true</code>使其成为异步请求。 <code>send</code>方法发送请求。最后， <code>onload</code>事件处理程序解析返回的数据并应用<code>JSON.stringify</code>方法将JavaScript对象转换为字符串。然后将此字符串作为消息文本插入。 </section>
+
+## Instructions
+<section id="instructions">更新代码以创建并向freeCodeCamp Cat Photo API发送“GET”请求。然后单击“获取消息”按钮。您的AJAX函数将使用API​​的原始JSON输出替换“消息将在此处”文本。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该创建一个新的<code>XMLHttpRequest</code> 。
+    testString: 'assert(code.match(/new\s+?XMLHttpRequest\(\s*?\)/g), "Your code should create a new <code>XMLHttpRequest</code>.");'
+  - text: 您的代码应该使用<code>open</code>方法初始化对freeCodeCamp Cat Photo API的“GET”请求。
+    testString: 'assert(code.match(/\.open\(\s*?("|")GET\1\s*?,\s*?("|")\/json\/cats\.json\2\s*?,\s*?true\s*?\)/g), "Your code should use the <code>open</code> method to initialize a "GET" request to the freeCodeCamp Cat Photo API.");'
+  - text: 您的代码应使用<code>send</code>方法发送请求。
+    testString: 'assert(code.match(/\.send\(\s*\)/g), "Your code should use the <code>send</code> method to send the request.");'
+  - text: 您的代码应该有一个设置为函数的<code>onload</code>事件处理程序。
+    testString: 'assert(code.match(/\.onload\s*=\s*function\(\s*?\)\s*?{/g), "Your code should have an <code>onload</code> event handler set to a function.");'
+  - text: 您的代码应该使用<code>JSON.parse</code>方法来解析<code>responseText</code> 。
+    testString: 'assert(code.match(/JSON\.parse\(.*\.responseText\)/g), "Your code should use the <code>JSON.parse</code> method to parse the <code>responseText</code>.");'
+  - text: 您的代码应该获取带有类<code>message</code>的元素，并将其内部HTML更改为JSON数据字符串。
+    testString: 'assert(code.match(/document\.getElementsByClassName\(\s*?("|")message\1\s*?\)\[0\]\.innerHTML\s*?=\s*?JSON\.stringify\(.+?\)/g), "Your code should get the element with class <code>message</code> and change its inner HTML to the string of JSON data.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      // Add your code below this line
+
+
+      // Add your code above this line
+    };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/handle-click-events-with-javascript-using-the-onclick-property.chinese.md b/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/handle-click-events-with-javascript-using-the-onclick-property.chinese.md
new file mode 100644
index 0000000000..0dc65bbfe3
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/handle-click-events-with-javascript-using-the-onclick-property.chinese.md
@@ -0,0 +1,93 @@
+---
+id: 587d7fad367417b2b2512be1
+title: Handle Click Events with JavaScript using the onclick property
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用onclick属性处理使用JavaScript单击事件
+---
+
+## Description
+<section id="description">您希望代码仅在页面加载完成后执行。为此，您可以将JavaScript事件附加到名为<code>DOMContentLoaded</code>的文档中。这是执行此操作的代码： <blockquote> document.addEventListener（&#39;DOMContentLoaded&#39;，function（）{ <br><br> }）; </blockquote>您可以实现<code>DOMContentLoaded</code>函数内部的事件处理程序。您可以通过添加以下代码来实现<code>onclick</code>事件处理程序，该处理程序在用户单击id为<code>getMessage</code>的元素时触发： <blockquote> 。的document.getElementById（ &#39;的getMessage&#39;）的onclick =函数（）{}; </blockquote></section>
+
+## Instructions
+<section id="instructions">在<code>DOMContentLoaded</code>函数内为id为<code>getMessage</code>的元素添加一个click事件处理程序。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应使用<code>document.getElementById</code>方法来选择<code>getMessage</code>元素。
+    testString: 'assert(code.match(/document\.getElementById\(\s*?("|")getMessage\1\s*?\)/g), "Your code should use the <code>document.getElementById</code> method to select the <code>getMessage</code> element.");'
+  - text: 您的代码应添加<code>onclick</code>事件处理程序。
+    testString: 'assert(typeof document.getElementById("getMessage").onclick === "function", "Your code should add an <code>onclick</code> event handler.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    // Add your code below this line
+
+
+    // Add your code above this line
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/post-data-with-the-javascript-xmlhttprequest-method.chinese.md b/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/post-data-with-the-javascript-xmlhttprequest-method.chinese.md
new file mode 100644
index 0000000000..5124e0db35
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/post-data-with-the-javascript-xmlhttprequest-method.chinese.md
@@ -0,0 +1,108 @@
+---
+id: 587d7faf367417b2b2512be9
+title: Post Data with the JavaScript XMLHttpRequest Method
+challengeType: 6
+videoUrl: ''
+localeTitle: 使用JavaScript XMLHttpRequest方法发布数据
+---
+
+## Description
+<section id="description">在前面的示例中，您从外部资源接收数据。您也可以将数据发送到外部资源，只要该资源支持AJAX请求并且您知道URL。 JavaScript的<code>XMLHttpRequest</code>方法也用于将数据发布到服务器。这是一个例子： <blockquote> req = new XMLHttpRequest（）; <br> req.open（ “POST”，网址，真实）; <br> req.setRequestHeader（ &#39;内容 - 类型&#39;， &#39;文本/纯&#39;）; <br> req.onreadystatechange =函数（）{ <br> if（req.readyState == 4 &amp;&amp; req.status == 200）{ <br> document.getElementsByClassName（ &#39;信息&#39;）[0] = .innerHTML req.responseText; <br> } <br> }; <br> req.send（用户名）; </blockquote>你以前见过其中几种方法。这里<code>open</code>方法将请求初始化为对外部资源的给定URL的“POST”，并使用<code>true</code>布尔值使其异步。 <code>setRequestHeader</code>方法设置HTTP请求标头的值，该标头包含有关发件人和请求的信息。它必须在<code>open</code>方法之后调用，但在<code>send</code>方法之前调用。这两个参数是标题的名称和要设置为该标题正文的值。接下来， <code>onreadystatechange</code>事件侦听器处理请求状态的更改。 <code>readyState</code>为4表示操作已完成， <code>status</code>为200表示该操作成功。文档的HTML可以更新。最后， <code>send</code>方法使用<code>userName</code>值发送请求，该值由用户在<code>input</code>字段中给出。 </section>
+
+## Instructions
+<section id="instructions">更新代码以创建并发送“POST”请求。然后在输入框中输入您的姓名，然后单击“发送消息”。您的AJAX功能将取代“来自服务器的回复将在这里”。与服务器的回复。在这种情况下，你的名字附加“爱猫”。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该创建一个新的<code>XMLHttpRequest</code> 。
+    testString: 'assert(code.match(/new\s+?XMLHttpRequest\(\s*?\)/g), "Your code should create a new <code>XMLHttpRequest</code>.");'
+  - text: 您的代码应使用<code>open</code>方法初始化对服务器的“POST”请求。
+    testString: 'assert(code.match(/\.open\(\s*?("|")POST\1\s*?,\s*?url\s*?,\s*?true\s*?\)/g), "Your code should use the <code>open</code> method to initialize a "POST" request to the server.");'
+  - text: 您的代码应使用<code>setRequestHeader</code>方法。
+    testString: 'assert(code.match(/\.setRequestHeader\(\s*?("|")Content-Type\1\s*?,\s*?("|")text\/plain\2\s*?\)/g), "Your code should use the <code>setRequestHeader</code> method.");'
+  - text: 您的代码应该将<code>onreadystatechange</code>事件处理程序设置为函数。
+    testString: 'assert(code.match(/\.onreadystatechange\s*?=/g), "Your code should have an <code>onreadystatechange</code> event handler set to a function.");'
+  - text: 您的代码应该获取带有类<code>message</code>的元素，并将其内部HTML更改为<code>responseText</code> 。
+    testString: 'assert(code.match(/document\.getElementsByClassName\(\s*?("|")message\1\s*?\)\[0\]\.innerHTML\s*?=\s*?.+?\.responseText/g), "Your code should get the element with class <code>message</code> and change its inner HTML to the <code>responseText</code>.");'
+  - text: 您的代码应使用<code>send</code>方法。
+    testString: 'assert(code.match(/\.send\(\s*?userName\s*?\)/g), "Your code should use the <code>send</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('sendMessage').onclick=function(){
+
+      var userName=document.getElementById('name').value;
+      // Add your code below this line
+
+
+      // Add your code above this line
+    };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Friends</h1>
+<p class="message box">
+  Reply from Server will be here
+</p>
+<p>
+  <label for="name">Your name:
+    <input type="text" id="name"/>
+  </label>
+  <button id="sendMessage">
+    Send Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/pre-filter-json-to-get-the-data-you-need.chinese.md b/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/pre-filter-json-to-get-the-data-you-need.chinese.md
new file mode 100644
index 0000000000..0ef9ec4e8f
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/pre-filter-json-to-get-the-data-you-need.chinese.md
@@ -0,0 +1,108 @@
+---
+id: 587d7fae367417b2b2512be7
+title: Pre-filter JSON to Get the Data You Need
+challengeType: 6
+videoUrl: ''
+localeTitle: 预过滤JSON以获取所需的数据
+---
+
+## Description
+<section id="description">如果您不想渲染来自freeCodeCamp Cat Photo API的每张猫照片，您可以在循环之前预先过滤JSON。鉴于JSON数据存储在数组中，您可以使用<code>filter</code>方法过滤掉“id”键值为1的cat。以下是执行此操作的代码： <blockquote> json = json.filter（function（val）{ <br> return（val.id！== 1）; <br> }）; </blockquote></section>
+
+## Instructions
+<section id="instructions">添加代码以<code>filter</code> json数据以删除“id”值为1的cat。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的代码应该使用<code>filter</code>方法。
+    testString: 'assert(code.match(/json\.filter/g), "Your code should use the <code>filter</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      req=new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload=function(){
+        json=JSON.parse(req.responseText);
+        var html = "";
+        // Add your code below this line
+
+
+        // Add your code above this line
+         json.forEach(function(val) {
+           html += "<div class = 'cat'>"
+
+           html += "<img src = '" + val.imageLink + "' " + "alt='" + val.altText + "'>"
+
+           html += "</div>"
+         });
+         document.getElementsByClassName('message')[0].innerHTML=html;
+       };
+     };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/render-images-from-data-sources.chinese.md b/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/render-images-from-data-sources.chinese.md
new file mode 100644
index 0000000000..9e917a668b
--- /dev/null
+++ b/curriculum/challenges/chinese/04-data-visualization/json-apis-and-ajax/render-images-from-data-sources.chinese.md
@@ -0,0 +1,105 @@
+---
+id: 587d7fae367417b2b2512be6
+title: Render Images from Data Sources
+challengeType: 6
+videoUrl: ''
+localeTitle: 从数据源渲染图像
+---
+
+## Description
+<section id="description">最后几个挑战表明，JSON数组中的每个对象都包含一个<code>imageLink</code>键，其值为cat图像的URL。循环浏览这些对象时，可以使用此<code>imageLink</code>属性在<code>img</code>元素中显示此图像。这是执行此操作的代码： <code>html += &quot;&lt;img src = &#39;&quot; + val.imageLink + &quot;&#39; &quot; + &quot;alt=&#39;&quot; + val.altText + &quot;&#39;&gt;&quot;;</code> </section>
+
+## Instructions
+<section id="instructions">添加代码以在<code>img</code>标记中使用<code>imageLink</code>和<code>altText</code>属性。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您应该使用<code>imageLink</code>属性来显示图像。
+    testString: 'assert(code.match(/val\.imageLink/g), "You should use the <code>imageLink</code> property to display the images.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      req=new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload=function(){
+        json=JSON.parse(req.responseText);
+        var html = "";
+        json.forEach(function(val) {
+          html += "<div class = 'cat'>";
+          // Add your code below this line
+
+
+          // Add your code above this line
+          html += "</div><br>";
+        });
+        document.getElementsByClassName('message')[0].innerHTML=html;
+      };
+     };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/announce-new-users.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/announce-new-users.chinese.md
new file mode 100644
index 0000000000..d3133e98b4
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/announce-new-users.chinese.md
@@ -0,0 +1,50 @@
+---
+id: 589fc832f9fc0f352b528e78
+title: Announce New Users
+challengeType: 2
+videoUrl: ''
+localeTitle: 宣布新用户
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-socketio/">GitHub</a>克隆的。许多聊天室能够在用户连接或断开连接时进行通知，然后将其显示给聊天中的所有连接用户。看起来您已经在连接和断开连接上发出事件，您只需修改此事件即可支持此功能。最合乎逻辑的方法是使用事件发送3个数据：连接/断开用户的名称，当前用户计数以及连接或断开连接的名称。 <hr>将事件名称更改为“user”，并且数据传递一个对象，包含字段&#39;name&#39;，&#39;currentUsers&#39;和boolean&#39;connected&#39;（如果是连接则为true，对于断开发送的用户，则为false）。确保对我们有&#39;用户计数&#39;事件的两个点进行更改，并将断开连接设置为对&#39;field&#39;字段发送false，而不是像在connect上发出的事件那样为true。 <code>io.emit(&#39;user&#39;, {name: socket.request.user.name, currentUsers, connected: true});</code>现在，您的客户端将拥有所有必要信息，以便在用户连接或断开连接时正确显示当前用户数和通知！要在客户端处理此事件，我们应该监听“用户”，然后使用jQuery将<code>#num-users</code>的文本更改为“{NUMBER}在线用户”，并附加<code>&lt;li&gt;</code> ，以更新当前用户数<code>&lt;li&gt;</code>使用ID为&#39;messages&#39;的无序列表，其中&#39;{NAME}已{加/左}聊天。&#39;。此实现可能如下所示： <pre> socket.on（&#39;user&#39;，function（data）{
+  $（&#39;＃num-users&#39;）。text（data.currentUsers +&#39;users online&#39;）;
+  var message = data.name;
+  if（data.connected）{
+    消息+ =&#39;已加入聊天。&#39;;
+  } else {
+    消息+ =&#39;离开了聊天。&#39;;
+  }
+  $（&#39;＃messages&#39;）。append（$（&#39;&lt;li&gt;&#39;）。html（&#39;&lt;b&gt;&#39;+ message +&#39;&lt;\ / b&gt;&#39;））;
+}）; </pre>当您认为自己已经做对时，请提交您的页面。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 使用name，currentUsers和connected发出事件“user”
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /io.emit.*("|")user("|").*name.*currentUsers.*connected/gi, "You should have an event emitted named user sending name, currentUsers, and connected"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 客户正确处理和显示事件'用户'中的新数据
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.on.*("|")user("|")[^]*num-users/gi, "You should change the text of #num-users within on your client within the "user" even listener to show the current users connected"); assert.match(data, /socket.on.*("|")user("|")[^]*messages.*li/gi, "You should append a list item to #messages on your client within the "user" event listener to annouce a user came or went"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-strategies.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-strategies.chinese.md
new file mode 100644
index 0000000000..022b1ca27e
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-strategies.chinese.md
@@ -0,0 +1,51 @@
+---
+id: 5895f70df9fc0f352b528e68
+title: Authentication Strategies
+challengeType: 2
+videoUrl: ''
+localeTitle: 认证策略
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a>克隆的。策略是一种验证用户的方法。您可以使用策略允许用户根据本地保存的信息（如果您首先注册）或从Google或Github等各种提供商进行身份验证。对于这个项目，我们将制定一个本地战略。要查看的策略100的列表，请访问网站护照<a href="http://passportjs.org/">这里</a> 。将<em>passport-local</em>添加为依赖项并将其添加到服务器，如下所示： <code>const LocalStrategy = require(&#39;passport-local&#39;);</code>现在，您必须告诉护照<b>使用</b>实例化的LocalStartegy对象，并定义一些设置。确保这一点以及此时的所有内容都封装在数据库连接中，因为它依赖于它！ <pre> passport.use（新的LocalStrategy（
+  function（用户名，密码，已完成）{
+    db.collection（&#39;users&#39;）。findOne（{username：username}，function（err，user）{
+      console.log（&#39;用户&#39;+用户名+&#39;试图登录。&#39;）;
+      if（err）{return done（err）; }
+      if（！user）{return done（null，false）; }
+      if（password！== user.password）{return done（null，false）; }
+      return done（null，user）;
+    }）;
+  }
+））; </pre>这是我们尝试在本地验证某人时要采取的过程。首先，它尝试使用输入的用户名在我们的数据库中查找用户，然后检查要匹配的密码，最后如果没有弹出我们检查过的错误，如错误的密码，则返回用户对象，它们是认证。许多策略都是使用不同的设置设置的，一般来说，根据该策略库中的README很容易设置它。一个很好的例子是Github策略，我们不需要担心用户名或密码，因为用户将被发送到Github的auth页面进行身份验证，只要他们登录并同意，然后Github返回他们的个人资料我们用。在下一步中，我们将设置如何实际调用身份验证策略以根据表单数据验证用户！如果您认为自己已经完成了这一点，请提交您的页面。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Passport-local是一种依赖
+    testString: ' getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "passport-local", "Your project should list "passport-local " as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Passport-local正确需要和设置
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")passport-local("|")/gi, "You should have required passport-local"); assert.match(data, /new LocalStrategy/gi, "You should have told passport to use a new strategy"); assert.match(data, /findOne/gi, "Your new local strategy should use the findOne query to find a username based on the inputs"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-with-socket.io.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-with-socket.io.chinese.md
new file mode 100644
index 0000000000..ab29f57e00
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-with-socket.io.chinese.md
@@ -0,0 +1,48 @@
+---
+id: 589fc831f9fc0f352b528e77
+title: Authentication with Socket.IO
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用Socket.IO进行身份验证
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-socketio/">GitHub</a>克隆的。目前，您无法确定谁连接到您的Web套接字。虽然&#39;req.user&#39;对用户对象进行了容器处理，但只有当您的用户与Web服务器进行交互并且使用Web套接字时，您才没有req（请求），因此没有用户数据。解决知道谁连接到您的Web套接字的问题的一种方法是解析和解码包含护照会话的cookie，然后对其进行反序列化以获取用户对象。幸运的是，NPM上有一个包，只是为了将一次复杂的任务变成简单的事情！ <hr>将“passport.socketio”添加为依赖项，并将其命名为“passportSocketIo”。现在我们只需要告诉Socket.IO使用它并设置选项。确保在现有套接字代码之前添加它，而不是在现有连接侦听器中添加。对于您的服务器，它应如下所示： <pre> io.use（passportSocketIo.authorize（{
+  cookieParser：cookieParser，
+  key：&#39;express.sid&#39;，
+  secret：process.env.SESSION_SECRET，
+  store：sessionStore
+}））; </pre>您还可以选择将“成功”和“失败”与在客户端尝试连接时身份验证过程完成后调用的函数一起传递。现在可以在套接字对象上以<code>socket.request.user</code>访问用户对象。例如，现在您可以添加以下内容： <code>console.log(&#39;user &#39; + socket.request.user.name + &#39; connected&#39;);</code>它将登录已连接的服务器控制台！当您认为自己已经做对时，请提交您的页面。如果您遇到错误，可以<a href="https://gist.github.com/JosephLivengood/a9e69ff91337500d5171e29324e1ff35">在此处</a>查看项目。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: passportSocketIo是一个依赖项
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "passport.socketio", "Your project should list "passport.socketio" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: passportSocketIo是正确需要的
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js").then(data => { assert.match(data, /require\(([""])passport\.socketio\1\)/gi, "You should correctly require and instantiate "passport.socketio"");}, xhr => { throw new Error(xhr.statusText); })'
+  - text: passportSocketIo已正确设置
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /io\.use\(.+\.authorize\(/gi, "You should register "passport.socketio" as socket.io middleware and provide it correct options"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.chinese.md
new file mode 100644
index 0000000000..174289b665
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.chinese.md
@@ -0,0 +1,40 @@
+---
+id: 589690e6f9fc0f352b528e6e
+title: Clean Up Your Project with Modules
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用模块清理项目
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a>克隆的。现在你拥有的一切都在你的server.js文件中。这可能导致难以管理不易扩展的代码。创建2个新文件：Routes.js和Auth.js两者都应该从以下代码开始： <pre> module.exports = function（app，db）{
+<p> } </p></pre>现在位于服务器文件的顶部，需要这样的文件： <code>const routes = require(&#39;./routes.js&#39;);</code>在您与数据库建立成功连接之后，实例化它们中的每一个如下： <code>routes(app, db)</code>最后，获取服务器中的所有路由并将它们粘贴到新文件中并从服务器文件中删除它们。也可以使用ensureAuthenticated，因为我们专门为路由创建了中间件功能。您现在必须正确添加所使用的依赖项，例如<code>const passport = require(&#39;passport&#39;);</code> ，在routes.js文件中导出行的最上方。继续添加它们直到不再存在错误，并且您的服务器文件不再有任何路由！现在在auth.js文件中执行相同的操作，其中包含与身份验证相关的所有内容，例如序列化和本地策略的设置，并从服务器文件中删除它们。确保添加依赖项并在同一位置调用服务器中的<code>auth(app,db)</code> 。确保<code>routes(app, db)</code> <code>auth(app, db)</code>之前有<code>auth(app, db)</code> <code>routes(app, db)</code>因为我们的注册路由取决于发起的护照！恭喜 - 您已经处于Advanced Node和Express的这一部分的末尾，并且有一些漂亮的代码可供展示！当您认为自己已经做对时，请提交您的页面。如果您遇到错误，可以<a href="https://glitch.com/#!/project/delicious-herring">在此处查看</a>已完成项目的示例。 <p></p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 存在的模块
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|").\/routes.js("|")/gi, "You should have required your new files"); assert.match(data, /mongo.connect[^]*routes/gi, "Your new modules should be called after your connection to the database"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/communicate-by-emitting.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/communicate-by-emitting.chinese.md
new file mode 100644
index 0000000000..cd7ad7e6d8
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/communicate-by-emitting.chinese.md
@@ -0,0 +1,45 @@
+---
+id: 589fc831f9fc0f352b528e75
+title: Communicate by Emitting
+challengeType: 2
+videoUrl: ''
+localeTitle: 通过发射进行沟通
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-socketio/">GitHub</a>克隆的。 <dfn>Emit</dfn>是您将使用的最常见的沟通方式。当您从服务器向&#39;io&#39;发送内容时，会将事件的名称和数据发送到所有连接的套接字。这个概念的一个很好的例子就是每次新用户连接时都会发出连接用户的当前数量！ <hr>首先添加一个变量，以便在您当前正在侦听连接之前跟踪用户。 <code>var currentUsers = 0;</code>现在当有人连接时，你应该在发出计数之前递增计数，这样你就可以在连接监听器中添加增量器。 <code>++currentUsers;</code>最后，在递增计数后，您应该发出事件（仍在连接侦听器中）。该事件应命名为“用户计数”，数据应该只是&#39;currentUsers&#39;。 <code>io.emit(&#39;user count&#39;, currentUsers);</code> <hr>现在，您可以为客户实施一种方式来监听此事件！与在服务器上侦听连接类似，您将使用<em>on</em>关键字。 <pre> socket.on（&#39;user count&#39;，function（data）{
+  的console.log（数据）;
+}）; </pre>现在尝试加载您的应用并进行身份验证，您应该在客户端控制台中看到“1”代表当前用户数！尝试加载更多客户端并进行身份验证以查看数量是否上升。当您认为自己已经做对时，请提交您的页面。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: currentUsers已定义
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js").then(data => {assert.match(data, /currentUsers/gi, "You should have variable currentUsers defined");}, xhr => { throw new Error(xhr.statusText); })'
+  - text: 服务器在每个新连接上发出当前用户计数
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /io.emit.*("|")user count("|").*currentUsers/gi, "You should emit "user count" with data currentUsers"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 您的客户正在侦听“用户计数”事件
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.on.*("|")user count("|")/gi, "Your client should be connection to server with the connection defined as socket"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/create-new-middleware.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/create-new-middleware.chinese.md
new file mode 100644
index 0000000000..4c3191e70a
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/create-new-middleware.chinese.md
@@ -0,0 +1,49 @@
+---
+id: 5895f70df9fc0f352b528e6a
+title: Create New Middleware
+challengeType: 2
+videoUrl: ''
+localeTitle: 创建新的中间件
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a>克隆的。同样，任何用户都可以通过输入网址来查看/配置他们是否通过身份验证。我们希望通过在呈现配置文件页面之前检查用户是否首先进行身份验证来防止这种情况。这是何时创建中间件的完美示例。这里的挑战是创建中间件功能<code>ensureAuthenticated(req, res, next)</code> ，它将检查用户是否通过调用护照进行身份验证isAuthenticated对<em>请求</em>进行检查，然后检查<em>req.user</em>是否定义。如果是，那么应该调用<em>next（）</em> ，否则我们只需通过重定向到我们的主页来回复请求即可登录。该中间件的实现是： <pre> function ensureAuthenticated（req，res，next）{
+  if（req.isAuthenticated（））{
+      return next（）;
+  }
+  res.redirect（ &#39;/&#39;）;
+}; </pre>现在，在包含呈现页面的函数的get请求的参数之前，将<em>ensureAuthenticated</em>作为中间件添加到配置文件页面的请求中。 <pre> app.route（ &#39;/简档&#39;）
+  .get（ensureAuthenticated，（req，res）=&gt; {
+       res.render（process.cwd（）+&#39;/ views / pug / profile&#39;）;
+  }）; </pre>当您认为自己已经做对时，请提交您的页面。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 中间件确保应该在我们的/配置文件路由上实现
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /ensureAuthenticated[^]*req.isAuthenticated/gi, "Your ensureAuthenticated middleware should be defined and utilize the req.isAuthenticated function"); assert.match(data, /profile[^]*get[^]*ensureAuthenticated/gi, "Your ensureAuthenticated middleware should be attached to the /profile route"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 正确的Get请求/配置文件重定向到/因为我们未经过身份验证
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/profile") .then(data => { assert.match(data, /Home page/gi, "An attempt to go to the profile at this point should redirect to the homepage since we are not logged in"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/handle-a-disconnect.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/handle-a-disconnect.chinese.md
new file mode 100644
index 0000000000..be6a7864d0
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/handle-a-disconnect.chinese.md
@@ -0,0 +1,41 @@
+---
+id: 589fc831f9fc0f352b528e76
+title: Handle a Disconnect
+challengeType: 2
+videoUrl: ''
+localeTitle: 处理断开连接
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-socketio/">GitHub</a>克隆的。您可能会注意到，到目前为止，您只增加了用户数。处理用户断开连接就像处理初始连接一样简单，除了区别在于你必须在每个套接字上监听它而不是在整个服务器上监听它。 <hr>为此，请在现有的连接侦听器中添加一个侦听器，该侦听器在没有数据传递的情况下侦听套接字上的“disconnect”。您只需登录用户已断开连接的控制台即可测试此功能。 <code>socket.on(&#39;disconnect&#39;, () =&gt; { /*anything you want to do on disconnect*/ });</code>要确保客户端持续获得当前用户的更新计数，您应该在断开连接时将currentUsers减少1，然后使用更新的计数发出&#39;user count&#39;事件！ <strong>注意</strong> <br>就像&#39;disconnect&#39;一样，套接字可以向服务器发出的所有其他事件应该在我们定义了&#39;socket&#39;的连接监听器中处理。当您认为自己已经做对时，请提交您的页面。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 服务器处理与套接字的事件断开连接
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /socket.on.*("|")disconnect("|")/gi, ""); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 您的客户正在侦听“用户计数”事件
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.on.*("|")user count("|")/gi, "Your client should be connection to server with the connection defined as socket"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/hashing-your-passwords.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/hashing-your-passwords.chinese.md
new file mode 100644
index 0000000000..e9bfa4931d
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/hashing-your-passwords.chinese.md
@@ -0,0 +1,41 @@
+---
+id: 58a25c98f9fc0f352b528e7f
+title: Hashing Your Passwords
+challengeType: 2
+videoUrl: ''
+localeTitle: 哈希密码
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a>克隆的。回到信息安全部分，您​​可能还记得存储明文密码<em>永远不会</em>好。现在是时候实施BCrypt来解决这个问题了。 <hr>将BCrypt添加为依赖项并在服务器中将其需要。您需要在两个关键区域处理散列：您在哪里处理注册/保存新帐户以及在登录时检查密码是否正确。目前在我们的注册路线上，您将用户的密码插入数据库，如下所示： <code>password: req.body.password</code> 。实现保存哈希的一种简单方法是在数据库逻辑<code>var hash = bcrypt.hashSync(req.body.password, 12);</code>之前添加以下内容<code>var hash = bcrypt.hashSync(req.body.password, 12);</code>并使用<code>password: hash</code>替换数据库保存中的<code>req.body.password</code> 。最后在我们的身份验证策略中，我们在完成流程之前在代码中检查以下内容： <code>if (password !== user.password) { return done(null, false); }</code> 。完成之前的更改后，现在<code>user.password</code>是一个哈希。在更改现有代码之前，请注意语句如何检查密码是否不相等，然后返回未经过身份验证的密码。考虑到这一点，您的代码可能如下所示，以正确检查针对哈希输入的密码： <code>if (!bcrypt.compareSync(password, user.password)) { return done(null, false); }</code>这是所有需要实现的最重要的安全功能之一，当你有来存储密码！当您认为自己已经做对时，请提交您的页面。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: BCrypt是一种依赖
+    testString: ' getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "bcrypt", "Your project should list "bcrypt" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: BCrypt正确需要并实施
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")bcrypt("|")/gi, "You should have required bcrypt"); assert.match(data, /bcrypt.hashSync/gi, "You should use hash the password in the registration"); assert.match(data, /bcrypt.compareSync/gi, "You should compare the password to the hash in your strategy"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.chinese.md
new file mode 100644
index 0000000000..80fc9f0526
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.chinese.md
@@ -0,0 +1,39 @@
+---
+id: 5895f70ef9fc0f352b528e6b
+title: How to Put a Profile Together
+challengeType: 2
+videoUrl: ''
+localeTitle: 如何将配置文件放在一起
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a>克隆的。现在我们可以确保访问<em>/ profile</em>的用户已经过身份验证，我们可以使用页面上“req.user”中包含的信息！继续将包含变量<em>username</em> equaling&#39;req.user.username&#39;的对象传递到配置文件视图的render方法中。然后转到你的&#39;profile.pug&#39;视图并添加第<code>h2.center#welcome Welcome, #{username}!</code>行<code>h2.center#welcome Welcome, #{username}!</code>使用“center”类创建h2元素，并使用包含文本“Welcome”和用户名的id“welcome”创建！同样在配置文件中，添加指向<em>/ logout</em>的链接。该路由将托管用于取消身份验证用户的逻辑。 <code>a(href=&#39;/logout&#39;) Logout</code>当您认为自己正确时，请提交您的页面。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 正确地将Pug渲染变量添加到/ profile
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /\/views\/pug\/profile[^]*username:( |)req.user.username/gi, "You should be passing the variable username with req.user.username into the render function of the profile page"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.chinese.md
new file mode 100644
index 0000000000..5bff857756
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.chinese.md
@@ -0,0 +1,41 @@
+---
+id: 5895f70df9fc0f352b528e69
+title: How to Use Passport Strategies
+challengeType: 2
+videoUrl: ''
+localeTitle: 如何使用Passport策略
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a>克隆的。在提供的index.pug文件中，实际上有一个登录表单。它之前已被隐藏，因为内联javascript <code>if showLogin</code>的形式缩进后。在showLogin作为变量从未定义之前，它从未呈现包含该表单的代码块。继续在该页面的res.render上向对象<code>showLogin: true</code>添加一个新变量。刷新页面时，您应该看到表单！此表单设置为<b>POST</b> on <em>/ login，</em>因此我们应该设置此接受POST并验证用户身份。对于此挑战，您应添加路由/登录以接受POST请求。要在此路由上进行身份验证，您需要添加中间件才能发送响应。这是通过在您的<code>function(req,res)</code>之前使用中间件传递另一个参数来完成的！要使用的中间件是<code>passport.authenticate(&#39;local&#39;)</code> 。 <em>passport.authenticate</em>也可以将一些选项作为参数，例如： <code>{ failureRedirect: &#39;/&#39; }</code>这非常有用，所以一定要添加它。作为使用中间件后的响应（只有在身份验证中间件通过时才会调用）应该是将用户重定向到<em>/ profile，</em>并且该路由应该呈现视图&#39;profile.pug&#39;。如果身份验证成功，则用户对象将保存在<em>req.user中</em> 。现在，如果您在表单中输入用户名和密码，它应该重定向到主页<em>/</em>并且在服务器的控制台中应该是&#39;用户{USERNAME}尝试登录&#39;。因为我们目前无法登录未注册的用户。当您认为自己已经做对时，请提交您的页面。如果您遇到错误，可以<a href="https://gist.github.com/JosephLivengood/8a335d1a68ed9170da02bb9d8f5b71d5">在这里查看</a>到目前为止完成的项目。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有步骤都在server.js中正确实现
+    testString: ' getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /showLogin:( |)true/gi, "You should be passing the variable "showLogin" as true to your render function for the homepage"); assert.match(data, /failureRedirect:( |)("|")\/("|")/gi, "Your code should include a failureRedirect to the "/" route"); assert.match(data, /login[^]*post[^]*local/gi, "You should have a route for login which accepts a POST and passport.authenticates local"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 对/ login的POST请求正确重定向到/
+    testString: 'getUserInput => $.post(getUserInput("url")+ "/login") .then(data => { assert.match(data, /Looks like this page is being rendered from Pug into HTML!/gi, "A login attempt at this point should redirect to the homepage since we do not have any registered users"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.chinese.md
new file mode 100644
index 0000000000..f772cea8fb
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.chinese.md
@@ -0,0 +1,47 @@
+---
+id: 5895f70cf9fc0f352b528e67
+title: Implement the Serialization of a Passport User
+challengeType: 2
+videoUrl: ''
+localeTitle: 实现Passport用户的序列化
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a>克隆的。现在我们没有加载实际的用户对象，因为我们还没有设置我们的数据库。这可以通过许多不同的方式完成，但是对于我们的项目，当我们启动服务器并在应用程序的整个生命周期中保持持久连接时，我们将连接到数据库。为此，请将MongoDB添加为依赖项，并在服务器中将其需要。 （ <code>const mongo = require(&#39;mongodb&#39;).MongoClient;</code> ）现在我们想要连接到我们的数据库，然后开始侦听请求。这样做的目的是在连接数据库之前或者出现数据库错误时不允许请求。要实现此目的，您需要在以下内容中包含序列化和应用程序侦听器： <pre> mongo.connect（process.env.DATABASE，（err，db）=&gt; {
+    if（错误）{
+        console.log（&#39;数据库错误：&#39;+错误）;
+    } else {
+        console.log（&#39;成功的数据库连接&#39;）;
+<pre> <code> //serialization and app.listen</code> </pre>
+<p> }}）; </p></pre>您现在可以在deserializeUser中取消注释该块并删除您的<code>done(null, null)</code> 。确保将.env文件中的<em>DATABASE</em>设置为数据库的连接字符串（例如： <code>DATABASE=mongodb://admin:pass@mlab.com:12345/my-project</code> ）。您可以在<a href="https://mlab.com/welcome/">mLab</a>上设置免费数据库。恭喜 - 您已完成序列化设置！当您认为自己已经做对时，请提交您的页面。如果您遇到错误，可以<a href="https://gist.github.com/JosephLivengood/e192e809a1d27cb80dc2c6d3467b7477">在这里查看</a>到目前为止完成的项目。 <p></p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 存在数据库连接
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /mongo.connect/gi, "You should have created a connection to your database"); assert.match(data, /mongo.connect[^]*app.listen[^]*}[^]*}/gi, "You should have your app.listen nested at within your database connection at the bottom"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: '反序列化现在正确使用DB并且擦除了<code>done(null, null)</code>'
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.notMatch(data, /null,( |)null/gi, "The callback in deserializeUser of (null, null) should be completely removed for the db block uncommented out"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.chinese.md
new file mode 100644
index 0000000000..890f5ea962
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.chinese.md
@@ -0,0 +1,52 @@
+---
+id: 589a69f5f9fc0f352b528e71
+title: Implementation of Social Authentication II
+challengeType: 2
+videoUrl: ''
+localeTitle: 社会认证的实施II
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socialauth/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-socialauth/">GitHub</a>克隆的。设置Github身份验证的最后一部分是创建策略本身。为此，您需要将&#39;passport-github&#39;的依赖项添加到项目中，并将其作为GithubStrategy，例如<code>const GitHubStrategy = require(&#39;passport-github&#39;).Strategy;</code> 。要设置Github策略，你必须告诉<b>护照</b> <b>使用</b>实例化的<b>GithubStrategy</b> ，它接受2个参数：一个对象（包含<em>clientID</em> ， <em>clientSecret</em>和<em>callbackURL</em> ）和一个在成功验证用户时要调用的函数，我们将确定如果用户是新用户以及最初要保存在用户数据库对象中的字段。这在许多策略中很常见，但有些可能需要更多信息，如特定策略的github README所述;例如，Google也需要一个<em>范围</em>来确定您的请求所返回的信息类型，并要求用户批准此类访问。我们正在实施的当前策略<a>在此处</a>列出<a>了</a>它的用法，但我们将在freeCodeCamp上完成所有这些工作！以下是您的新战略应该如何看待这一点： <pre> passport.use（new GitHubStrategy（{
+    clientID：process.env.GITHUB_CLIENT_ID，
+    clientSecret：process.env.GITHUB_CLIENT_SECRET，
+    callbackURL：/ * INSERT CALLBACK URL在这里输入GITHUB * /
+  }，
+  function（accessToken，refreshToken，profile，cb）{
+      的console.log（配置文件）;
+      //这里的数据库逻辑带有包含我们用户对象的回调
+  }
+））; </pre>您的身份验证还不会成功，并且实际上会抛出错误，没有数据库逻辑和回调，但如果您尝试它，它应该将您的Github配置文件记录到您的控制台！当您认为自己已经做对时，请提交您的页面。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 依赖性增加了
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "passport-github", "Your project should list "passport-github" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 需要依赖性
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")passport-github("|")/gi, "You should have required passport-github"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 到目前为止，Github策略设置正确
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /passport.use.*new GitHubStrategy/gi, "Passport should use a new GitHubStrategy"); assert.match(data, /callbackURL:( |)("|").*("|")/gi, "You should have a callbackURL"); assert.match(data, /process.env.GITHUB_CLIENT_SECRET/g, "You should use process.env.GITHUB_CLIENT_SECRET"); assert.match(data, /process.env.GITHUB_CLIENT_ID/g, "You should use process.env.GITHUB_CLIENT_ID"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.chinese.md
new file mode 100644
index 0000000000..062fef7b35
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.chinese.md
@@ -0,0 +1,58 @@
+---
+id: 589a8eb3f9fc0f352b528e72
+title: Implementation of Social Authentication III
+challengeType: 2
+videoUrl: ''
+localeTitle: 社会认证的实施III
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socialauth/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-socialauth/">GitHub</a>克隆的。策略的最后一部分是处理从Github返回的配置文件。我们需要加载用户数据库对象（如果存在）或创建一个（如果不存在）并填充配置文件中的字段，然后返回用户的对象。 Github在每个配置文件中为我们提供了一个唯一的<em>ID</em> ，我们可以使用它来搜索（已经实现）用户序列化。下面是您可以在项目中使用的示例实现 - 它位于作为新策略的第二个参数的函数内，就在<code>console.log(profile);</code>目前是： <pre> db.collection（ &#39;socialusers&#39;）。findAndModify（
+    {id：profile.id}，
+    {}，
+    {$ setOnInsert：{
+        id：profile.id，
+        name：profile.displayName || &#39;John Doe&#39;，
+        照片：profile.photos [0] .value || ”
+        电子邮件：profile.emails [0] .value || &#39;没有公开电子邮件&#39;，
+        created_on：new Date（），
+        provider：profile.provider || “
+    } $设置：{
+        last_login：新日期（）
+    } $ INC {
+        login_count：1
+    }}，
+    {upsert：true，new：true}，
+    （错误，doc）=&gt; {
+        return cb（null，doc.value）;
+    }
+）; </pre>使用findAndModify，它允许您搜索对象并对其进行更新，如果对象不存在则将其置换，并在每次回调函数中接收新对象。在这个例子中，我们总是将last_login设置为now，我们总是将login_count增加1，并且只有当我们插入一个新对象（新用户）时，我们才会填充大部分字段。需要注意的是使用默认值。有时，返回的个人资料不会填写所有信息，或者用户会选择保留私密信息;所以在这种情况下我们必须处理它以防止错误。你现在应该可以登录你的应用了 - 试试吧！当您认为自己已经做对时，请提交您的页面。如果你正在运行到错误，您可以检查出的这个小项目的完成代码的例子<a href="https://glitch.com/#!/project/guttural-birch">在这里</a> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Github策略设置完成
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /GitHubStrategy[^]*db.collection/gi, "Strategy should use now use the database to search for the user"); assert.match(data, /GitHubStrategy[^]*socialusers/gi, "Strategy should use "socialusers" as db collection"); assert.match(data, /GitHubStrategy[^]*return cb/gi, "Strategy should return the callback function "cb""); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.chinese.md
new file mode 100644
index 0000000000..481545008a
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.chinese.md
@@ -0,0 +1,44 @@
+---
+id: 589a69f5f9fc0f352b528e70
+title: Implementation of Social Authentication
+challengeType: 2
+videoUrl: ''
+localeTitle: 社会认证的实施
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socialauth/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-socialauth/">GitHub</a>克隆的。此类身份验证在您的应用中遵循的基本路径是： <ol><li>用户单击按钮或链接将它们发送到我们使用特定策略进行身份验证的路由（EG.Github） </li><li>您的路由呼叫<code>passport.authenticate(&#39;github&#39;)</code> ，将其重定向到Github。 </li><li>用户登陆的页面，在Github上，允许他们登录，如果他们还没有。然后它要求他们批准从我们的应用程序访问他们的个人资料。 </li><li>然后，如果用户获得批准，则会使用他们的个人资料将该用户返回到我们的应用。 </li><li>它们现在已经过身份验证，您的应用应检查它是否为返回的配置文件，如果不是，则将其保存在数据库中。 </li></ol> OAuth策略要求您至少拥有<em>客户端ID</em>和<em>客户端密钥</em> ，以便他们验证身份验证请求的来源以及是否有效。这些是从您尝试使用Github实现身份验证的站点获得的，并且对您的应用程序是唯一的 - 它们不会被<b>共享</b> ，不应该上传到公共存储库或直接在您的代码中编写。通常的做法是将它们放在<em>.env</em>文件中并引用它们： <code>process.env.GITHUB_CLIENT_ID</code> 。对于这个挑战，我们将使用Github策略。 <em><em>从Github</em></em>获取您的<em>客户ID和密码<em>是在“开发者设置”下的帐户配置文件设置中完成的，然后是“ <a href="https://github.com/settings/developers">OAuth应用程序</a> ”。点击“注册一个新的应用程序”，为您的应用命名，将网址粘贴到您的故障主页（ <b>不是项目代码的网址</b> ），最后为回调网址，粘贴到与主页相同的网址，但使用&#39;/ auth / github / callback&#39;已添加。这是用户将被重定向到我们在Github上进行身份验证后处理的地方。将返回的信息保存为.env文件中的“GITHUB_CLIENT_ID”和“GITHUB_CLIENT_SECRET”。在重新混合的项目中，创建2条接受GET请求的路由：/ auth / github和/ auth / github / callback。第一个应该只调用护照来验证&#39;github&#39;，第二个应该调用护照来验证&#39;github&#39;，失败重定向到&#39;/&#39;然后如果成功重定向到&#39;/ profile&#39;（类似于我们的上一个项目）。 &#39;/ auth / github / callback&#39;应该如何看待的示例与我们在上一个项目中处理正常登录的方式类似：</em></em> <pre> <em><em>app.route（ &#39;/登录&#39;）
+  .post（passport.authenticate（&#39;local&#39;，{failureRedirect：&#39;/&#39;}），（req，res）=&gt; {
+    res.redirect（ &#39;/简档&#39;）;
+  }）;</em></em> </pre> <em><em>当您认为自己已经做对时，请提交您的页面。如果您遇到错误，可以<a href="https://gist.github.com/JosephLivengood/28ea2cae7e1dc6a53d7f0c42d987313b">在此处</a>查看项目。</em></em> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Route / auth / github正确
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /("|")\/auth\/github("|")[^]*get.*passport.authenticate.*github/gi, "Route auth/github should only call passport.authenticate with github"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Route / auth / github /回调正确
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /("|")\/auth\/github\/callback("|")[^]*get.*passport.authenticate.*github.*failureRedirect:( |)("|")\/("|")/gi, "Route auth/github/callback should accept a get request and call passport.authenticate for github with a failure redirect to home"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/logging-a-user-out.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/logging-a-user-out.chinese.md
new file mode 100644
index 0000000000..82c6e27bcf
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/logging-a-user-out.chinese.md
@@ -0,0 +1,49 @@
+---
+id: 58965611f9fc0f352b528e6c
+title: Logging a User Out
+challengeType: 2
+videoUrl: ''
+localeTitle: 记录用户
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a>克隆的。创建注销逻辑很容易。路径应该只是取消认证用户并重定向到主页而不是渲染任何视图。在护照中， <code>req.logout();</code>认证用户就像调用<code>req.logout();</code>一样简单<code>req.logout();</code>在重定向之前。 <pre> app.route（ &#39;/注销&#39;）
+  .get（（req，res）=&gt; {
+      req.logout（）;
+      res.redirect（ &#39;/&#39;）;
+  }）; </pre>您可能已经注意到我们也没有处理丢失的页面（404），在Node中处理此问题的常用方法是使用以下中间件。继续在所有其他路线之后添加： <pre> app.use（（req，res，next）=&gt; {
+  res.status（404）
+    .TYPE（ &#39;文本&#39;）
+    .send（&#39;未找到&#39;）;
+}）; </pre>当您认为自己已经做对时，请提交您的页面。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 退出路线
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /req.logout/gi, "You should be call req.logout() in youre /logout route"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 注销应该重定向到主页/
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/logout") .then(data => { assert.match(data, /Home page/gi, "When a user logs out they should be redirected to the homepage"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/registration-of-new-users.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/registration-of-new-users.chinese.md
new file mode 100644
index 0000000000..d261747348
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/registration-of-new-users.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 58966a17f9fc0f352b528e6d
+title: Registration of New Users
+challengeType: 2
+videoUrl: ''
+localeTitle: 新用户注册
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a>克隆的。现在我们需要允许我们网站上的新用户注册一个帐户。在主页的res.render上，向传递的对象添加一个新变量 - <code>showRegistration: true</code> 。刷新页面时，您应该会看到已在index.pug文件中创建的注册表单！此表单设置为<b>POST</b> on <em>/ register，</em>因此我们应该设置此接受POST并在数据库中创建用户对象。注册路由的逻辑应如下所示：注册新用户&gt;验证新用户&gt;重定向到/配置文件步骤1的逻辑，注册新用户，应如下所示：使用findOne命令查询数据库&gt;如果用户返回然后它存在并重定向回到主页<em>或者</em>如果用户未定义且没有发生错误，则使用用户名和密码将“insertOne”输入数据库，只要没有错误发生，然后调用<em>next</em>转到步骤2，验证新的user，我们已经在POST / login路由中编写了逻辑。 <pre> app.route（ &#39;/寄存器&#39;）
+  .post（（req，res，next）=&gt; {
+      db.collection（&#39;users&#39;）。findOne（{username：req.body.username}，function（err，user）{
+          if（错误）{
+              下一个（ERR）;
+          } else if（user）{
+              res.redirect（ &#39;/&#39;）;
+          } else {
+              db.collection（ &#39;用户&#39;）。insertOne（
+                {username：req.body.username，
+                 密码：req.body.password}，
+                （错误，doc）=&gt; {
+                    if（错误）{
+                        res.redirect（ &#39;/&#39;）;
+                    } else {
+                        next（null，user）;
+                    }
+                }
+              ）
+          }
+      }）}，
+    passport.authenticate（&#39;local&#39;，{failureRedirect：&#39;/&#39;}），
+    （req，res，next）=&gt; {
+        res.redirect（ &#39;/简档&#39;）;
+    }
+）; </pre>当您认为自己已经做对时，请提交您的页面。如果您遇到错误，可以<a href="https://gist.github.com/JosephLivengood/6c47bee7df34df9f11820803608071ed">在这里查看</a>到目前为止完成的项目。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 注册路线并在家中显示
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /showRegistration:( |)true/gi, "You should be passing the variable "showRegistration" as true to your render function for the homepage"); assert.match(data, /register[^]*post[^]*findOne[^]*username:( |)req.body.username/gi, "You should have a route accepted a post request on register that querys the db with findone and the query being "username: req.body.username""); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 注册应该工作
+    testString: 'getUserInput => $.ajax({url: getUserInput("url")+ "/register",data: {username: "freeCodeCampTester", password: "freeCodeCampTester"},crossDomain: true, type: "POST", xhrFields: { withCredentials: true }}) .then(data => { assert.match(data, /Profile/gi, "I should be able to register and it direct me to my profile. CLEAR YOUR DATABASE if this test fails (each time until its right!)"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 登录应该工作
+    testString: 'getUserInput => $.ajax({url: getUserInput("url")+ "/login",data: {username: "freeCodeCampTester", password: "freeCodeCampTester"}, type: "POST", xhrFields: { withCredentials: true }}) .then(data => { assert.match(data, /Profile/gi, "Login should work if previous test was done successfully and redirect successfully to the profile. Check your work and clear your DB"); assert.match(data, /freeCodeCampTester/gi, "The profile should properly display the welcome to the user logged in"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 注销应该有效
+    testString: 'getUserInput => $.ajax({url: getUserInput("url")+ "/logout", type: "GET", xhrFields: { withCredentials: true }}) .then(data => { assert.match(data, /Home/gi, "Logout should redirect to home"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 注销后配置文件不再有效
+    testString: 'getUserInput => $.ajax({url: getUserInput("url")+ "/profile", type: "GET", crossDomain: true, xhrFields: { withCredentials: true }}) .then(data => { assert.match(data, /Home/gi, "Profile should redirect to home when we are logged out now again"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.chinese.md
new file mode 100644
index 0000000000..de4a03b204
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.chinese.md
@@ -0,0 +1,41 @@
+---
+id: 589fc832f9fc0f352b528e79
+title: Send and Display Chat Messages
+challengeType: 2
+videoUrl: ''
+localeTitle: 发送和显示聊天消息
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-socketio/">GitHub</a>克隆的。是时候开始允许客户端向服务器发送聊天消息以向所有客户端发送消息！已经在您的client.js文件中，您应该看到在提交messgae表单时已经存在一段代码处理！ （ <code>$(&#39;form&#39;).submit(function(){ /*logic*/ });</code> ） <hr>在您处理表单提交的代码中，您应该在定义“messageToSend”之后但在清除文本框<code>#m</code>之前发出事件。该事件应命名为“聊天消息”，数据应为“messageToSend”。 <code>socket.emit(&#39;chat message&#39;, messageToSend);</code>现在，在您的服务器上，您应该收听事件“聊天消息”的套接字，并将数据命名为“message”。一旦接收到事件，应该然后发射所述事件“聊天消息”到所有插座<code>io.emit</code>与数据为含“名称”和“报文”的对象。现在再次在您的客户端上，您现在应该监听事件“聊天消息”，并在收到时，将一个列表项追加到<code>#messages</code> ，其名称为冒号和消息！此时聊天功能齐全，并在所有客户端发送消息！当您认为自己已经做对时，请提交您的页面。如果您遇到错误，可以<a href="https://gist.github.com/JosephLivengood/3e4b7750f6cd42feaa2768458d682136">在此处</a>检查项目到此时<a href="https://gist.github.com/JosephLivengood/3e4b7750f6cd42feaa2768458d682136">为服务器</a>和<a href="https://gist.github.com/JosephLivengood/41ba76348df3013b7870dc64861de744">客户端</a> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 服务器侦听“聊天消息”，然后正确发出
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /socket.on.*("|")chat message("|")[^]*io.emit.*("|")chat message("|").*name.*message/gi, "Your server should listen to the socket for "chat message" then emit to all users "chat message" with name and message in the data object"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 客户端正确处理和显示事件“聊天消息”中的新数据
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.on.*("|")chat message("|")[^]*messages.*li/gi, "You should append a list item to #messages on your client within the "chat message" event listener to display the new message"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.chinese.md
new file mode 100644
index 0000000000..27ca25a797
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5895f70cf9fc0f352b528e66
+title: Serialization of a User Object
+challengeType: 2
+videoUrl: ''
+localeTitle: 用户对象的序列化
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a>克隆的。序列化和反序列化是身份验证方面的重要概念。序列化对象意味着将其内容转换为一个小<em>键，</em>基本上可以将其反序列化为原始对象。这使我们能够知道与服务器通信的人，而无需在每次请求新页面时发送用户名和密码等身份验证数据。要正确设置它，我们需要一个序列化函数和一个反序列化函数。在护照中，我们使用<code>passport.serializeUser( OURFUNCTION )</code>和<code>passport.deserializeUser( OURFUNCTION )</code>创建它们。使用2个参数调用serializeUser，完整的用户对象和护照使用的回调。在回调中返回应该是唯一的键来标识该用户 - 最容易使用的用户是对象中的用户_id，因为它应该是MongoDb生成的唯一用户。类似地，使用该密钥和护照的回调函数调用deserializeUser，但这次我们必须获取该密钥并将用户完整对象返回到回调。要进行查询搜索Mongo _id，您必须创建<code>const ObjectID = require(&#39;mongodb&#39;).ObjectID;</code> ，然后使用它调用<code>new ObjectID(THE_ID)</code> 。一定要将MongoDB添加为依赖项。您可以在以下示例中看到： <pre> passport.serializeUser（（user，done）=&gt; {
+   done（null，user._id）;
+ }）; </pre><br><pre> passport.deserializeUser（（id，done）=&gt; {
+        db.collection（ &#39;用户&#39;）。findOne（
+            {_id：new ObjectID（id）}，
+            （错误，doc）=&gt; {
+                完成（null，doc）;
+            }
+        ）;
+    }）; </pre>注意：这个deserializeUser将抛出一个错误，直到我们在下一步中设置数据库，因此注释掉整个块并在函数deserializeUser中调用<code>done(null, null)</code> 。当您认为自己已经做对时，请提交您的页面。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 序列化用户功能正确
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /passport.serializeUser/gi, "You should have created your passport.serializeUser function"); assert.match(data, /null, user._id/gi, "There should be a callback in your serializeUser with (null, user._id)"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 反序列化用户功能正确
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /passport.deserializeUser/gi, "You should have created your passport.deserializeUser function"); assert.match(data, /null,( |)null/gi, "There should be a callback in your deserializeUser with (null, null) for now"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: MongoDB是一个依赖项
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "mongodb", "Your project should list "mongodb" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Mongodb正确要求包括ObjectId
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")mongodb("|")/gi, "You should have required mongodb"); assert.match(data, /new ObjectID.*id/gi, "Even though the block is commented out, you should use new ObjectID(id) for when we add the database"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-a-template-engine.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-a-template-engine.chinese.md
new file mode 100644
index 0000000000..c148dad757
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-a-template-engine.chinese.md
@@ -0,0 +1,43 @@
+---
+id: 5895f700f9fc0f352b528e63
+title: Set up a Template Engine
+challengeType: 2
+videoUrl: ''
+localeTitle: 设置模板引擎
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a>克隆的。模板引擎使您可以在应用程序中使用静态模板文件（例如用<em>Pug</em>编写的文件）。在运行时，模板引擎将模板文件中的变量替换为可由服务器提供的实际值，并将模板转换为静态HTML文件，然后将其发送到客户端。这种方法可以更轻松地设计HTML页面，并允许在页面上显示变量，而无需从客户端进行API调用。要设置<em>Pug</em>以便在项目中使用，您需要先在package.json中将其作为依赖项添加。 <code>&quot;pug&quot;: &quot;^0.1.0&quot;</code>现在告诉Node / Express使用模板引擎，你必须告诉你的快递<b>应用程序</b> <b>将</b> &#39;pug&#39; <b>设置</b>为&#39;view-engine&#39;。 <code>app.set(&#39;view engine&#39;, &#39;pug&#39;)</code>最后，你应该改变请求您响应该指数路线<code>res.render</code>与路径视图<em>意见/哈巴狗/ index.pug。</em>如果一切按计划进行，您应该刷新应用程序主页并看到一条小消息，说您已成功从我们的Pug文件中删除Pug！当您认为自己已经做对时，请提交您的页面。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 帕格是一个依赖
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "pug", "Your project should list "pug" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 查看引擎是帕格
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /("|")view engine("|"),( |)("|")pug("|")/gi, "Your project should set Pug as a view engine"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 帕格正在工作
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/") .then(data => { assert.match(data, /pug-success-message/gi, "Your projects home page should now be rendered by pug with the projects .pug file unaltered"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-passport.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-passport.chinese.md
new file mode 100644
index 0000000000..288d349f5d
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-passport.chinese.md
@@ -0,0 +1,49 @@
+---
+id: 5895f70cf9fc0f352b528e65
+title: Set up Passport
+challengeType: 2
+videoUrl: ''
+localeTitle: 设置护照
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a>克隆的。是时候设置<em>Passport，</em>这样我们终于可以开始允许用户注册或登录帐户了！除了Passport，我们还将使用Express-session来处理会话。使用此中间件将会话ID保存为客户端中的cookie，并允许我们使用服务器上的该ID访问会话数据。这样，我们将个人帐户信息保留在客户端使用的cookie之外，以验证我们的服务器是否经过身份验证，并保留<em>密钥</em>以访问存储在服务器上的数据。要设置Passport以便在项目中使用，您需要先在package.json中将其作为依赖项添加。 <code>&quot;passport&quot;: &quot;^0.3.2&quot;</code>此外，现在还要将Express-session添加为依赖项。 Express-session拥有大量可以使用的高级功能，但现在我们只是要使用基础知识！ <code>&quot;express-session&quot;: &quot;^1.15.0&quot;</code>您需要立即设置会话设置并初始化Passport。一定要先创建变量&#39;session&#39;和&#39;passport&#39;，分别要求&#39;express-session&#39;和&#39;passport&#39;。要设置您要使用的快速应用程序使用会话，我们将仅定义几个基本选项。请务必将“SESSION_SECRET”添加到.env文件中，并为其提供随机值。这用于计算用于加密cookie的哈希值！ <pre> app.use（会话（{
+  secret：process.env.SESSION_SECRET，
+  resave：是的，
+  saveUninitialized：true，
+}））; </pre>您也可以继续告诉您的快递应用程序<b>使用</b> &#39;passport.initialize（）&#39;和&#39;passport.session（）&#39;。 （例如， <code>app.use(passport.initialize());</code> ）当您认为自己正确时，请提交您的页面。如果您遇到错误，可以<a href="https://gist.github.com/JosephLivengood/338a9c5a326923c3826a666d430e65c3">在这里查看</a>到目前为止完成的项目。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Passort和Express-session是依赖项
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "passport", "Your project should list "passport" as a dependency"); assert.property(packJson.dependencies, "express-session", "Your project should list "express-session" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 正确要求依赖性
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")passport("|")/gi, "You should have required passport"); assert.match(data, /require.*("|")express-session("|")/gi, "You should have required express-session"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Express应用程序使用新的依赖项
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /passport.initialize/gi, "Your express app should use "passport.initialize()""); assert.match(data, /passport.session/gi, "Your express app should use "passport.session()""); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 正确设置会话和会话密钥
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /secret:( |)process.env.SESSION_SECRET/gi, "Your express app should have express-session set up with your secret as process.env.SESSION_SECRET"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-the-environment.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-the-environment.chinese.md
new file mode 100644
index 0000000000..011b52c62c
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-the-environment.chinese.md
@@ -0,0 +1,48 @@
+---
+id: 589fc830f9fc0f352b528e74
+title: Set up the Environment
+challengeType: 2
+videoUrl: ''
+localeTitle: 设置环境
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-socketio/">GitHub</a>克隆的。将Socket.IO添加为依赖项，并在服务器中要求/实例化它，定义为&#39;io&#39;，并将http服务器作为参数。 <code>const io = require(&#39;socket.io&#39;)(http);</code>需要处理的第一件事是从客户端侦听新连接。 <dfn>on</dfn>关键字就是这样 - 监听特定事件。它需要2个参数：一个包含所发出事件标题的字符串，以及一个用于传递数据的函数。在我们的连接侦听器的情况下，我们使用<em>socket</em>来定义第二个参数中的数据。套接字是连接的个人客户端。要在我们的服务器上侦听连接，请在项目中的注释之间添加以下内容： <pre> io.on（&#39;connection&#39;，socket =&gt; {
+  console.log（&#39;用户已连接&#39;）;
+}）; </pre>现在，对于客户端进行连接，您只需要将以下内容添加到client.js中，该客户端经过身份验证后由页面加载： <pre> / * global io * /
+var socket = io（）; </pre>注释会抑制您通常会看到的错误，因为文件中未定义“io”。我们已经在chat.pug页面上的Socket.IO库中添加了一个可靠的CDN。现在尝试加载您的应用并进行身份验证，您应该在服务器控制台中看到“用户已连接”！ <strong>注意</strong> <br> <code>io()</code>仅在连接到同一URL /服务器上托管的套接字时起作用。要连接到其他地方托管的外部套接字，您可以使用<code>io.connect(&#39;URL&#39;);</code> 。当您认为自己已经做对时，请提交您的页面。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Socket.IO是一个依赖项
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "socket.io", "Your project should list "socket.io" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Socket.IO已得到适当的要求和实例化
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js").then(data => {assert.match(data, /io.*=.*require.*("|")socket.io("|").*http/gi, "You should correctly require and instantiate socket.io as io.");}, xhr => { throw new Error(xhr.statusText); })'
+  - text: Socket.IO应该正在监听连接
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /io.on.*("|")connection("|").*socket/gi, "io should listen for "connection" and socket should be the 2nd arguments variable"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 您的客户端应该连接到您的服务器
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.*=.*io/gi, "Your client should be connection to server with the connection defined as socket"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.chinese.md
new file mode 100644
index 0000000000..2dce24d698
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.chinese.md
@@ -0,0 +1,39 @@
+---
+id: 5895f70bf9fc0f352b528e64
+title: Use a Template Engine's Powers
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用模板引擎的权力
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a>克隆的。使用模板引擎的最大特点之一是能够将变量从服务器传递到模板文件，然后再将其呈现为HTML。在您的Pug文件中，您将通过引用变量名称作为<code>#{variable_name}</code>与元素上的其他文本内联，或者在元素上使用相等的一侧而不使用空格（例如<code>p= variable_name</code>来设置该<code>p= variable_name</code> 。 p元素文本等于变量。我们强烈建议在他们的Githubs自述文件中<a href="https://github.com/pugjs/pug">查看</a> Pug的语法和结构。 Pug就是使用空格和制表符来显示嵌套元素，并减少制作漂亮网站所需的代码量。查看项目中包含的我们的pug文件&#39;index.pug&#39;，我们使用变量<em>title</em>和<em>message</em>要从我们的服务器单独传递它们，您需要将一个对象作为第二个参数添加到<em>res.render中</em> ，并带有变量和他们的价值。例如，传递此对象以设置索引视图的变量： <code>{title: &#39;Hello&#39;, message: &#39;Please login&#39;</code>它应该看起来像： <code>res.render(process.cwd() + &#39;/views/pug/index&#39;, {title: &#39;Hello&#39;, message: &#39;Please login&#39;});</code>现在刷新页面，您应该在视图中呈现的那些值在index.pug文件中列出的正确位置！当您认为自己已经做对时，请提交您的页面。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 帕格渲染变量正确
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/") .then(data => { assert.match(data, /pug-variable("|")>Please login/gi, "Your projects home page should now be rendered by pug with the projects .pug file unaltered"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/anonymous-message-board.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/anonymous-message-board.chinese.md
new file mode 100644
index 0000000000..aa5060c1c0
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/anonymous-message-board.chinese.md
@@ -0,0 +1,62 @@
+---
+id: 587d824a367417b2b2512c45
+title: Anonymous Message Board
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: 匿名留言板
+---
+
+## Description
+<section id="description">构建一个功能类似于此的完整堆栈JavaScript应用程序： <a href="https://horn-celery.glitch.me/" target="_blank">https</a> ： <a href="https://horn-celery.glitch.me/" target="_blank">//horn-celery.glitch.me/</a> 。在这个项目上工作将涉及您在我们的入门项目上在Glitch上编写代码。完成此项目后，您可以将公共故障网址（到应用程序的主页）复制到此屏幕进行测试！您可以选择在另一个平台上编写项目，但必须公开显示我们的测试。使用<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-project-messageboard/">此链接</a>在Glitch上启动此项目或在GitHub上克隆<a href="https://github.com/freeCodeCamp/boilerplate-project-messageboard/">此存储库</a> ！如果您使用Glitch，请记住将项目链接保存到安全的地方！ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 只允许您的网站加载到您自己网页上的iFrame中。
+    testString: ''
+  - text: 不允许DNS预取。
+    testString: ''
+  - text: 只允许您的网站为您自己的网页发送引荐来源。
+    testString: ''
+  - text: '我可以通过将表单数据文本和deletepassword_传递给/api/threads/ {board}将一个帖子发布到一个特定的留言板。（推荐res.redirect到电路板页面/ b / {board}）保存的至少是_id，text ，createdon_（日期和时间），bumpedon_（日期和时间，与created_on相同），报告（布尔值），deletepassword_和回复（数组）。'
+    testString: ''
+  - text: '我可以通过将表单数据文本，deletepassword_和threadid_传递给/ api / replies / {board}来对特定板上的线程发送回复，并且还会将bumped_on日期更新到注释日期。（推荐res.redirect到thread page / b / {board} / {thread_id}）在线程的回复数组中将保存_id，text，createdon_，deletepassword_，并报告。'
+    testString: ''
+  - text: '我可以在电路板上获取最近10个凸起线程的数组，其中最近只有来自/ api / threads / {board}的3个回复。 report和deletepasswords_字段不会发送到客户端。'
+    testString: ''
+  - text: '我可以使用/ api / replies / {board}的所有回复获取整个帖子吗？thread_id = {thread_id}。同样隐藏客户端应该看到的相同字段。'
+    testString: ''
+  - text: '如果我向/ api / threads / {board}发送DELETE请求并传递threadid_＆deletepassword_，我可以完全删除一个线程。 （文字回复将是“密码不正确”或“成功”）'
+    testString: ''
+  - text: '如果我向/ api / replies / {board}发送DELETE请求并传递threadid_，replyid_和deletepassword_，我可以删除帖子（只是将文本更改为“[已删除]”而不是像线程一样完全删除）。 （文字回复将是“密码不正确”或“成功”）'
+    testString: ''
+  - text: '我可以通过向/ api / threads / {board}发送PUT请求并传递threadid_来报告一个线程并将其报告值更改为true。 （文字回复将是“成功”）'
+    testString: ''
+  - text: '我可以通过向/ api / replies / {board}发送PUT请求并传递threadid_＆replyid_来报告回复并将其报告值更改为true。 （文字回复将是“成功”）'
+    testString: ''
+  - text: 完整的功能测试，完全测试路线和通过。
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/issue-tracker.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/issue-tracker.chinese.md
new file mode 100644
index 0000000000..de28936b73
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/issue-tracker.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 587d8249367417b2b2512c42
+title: Issue Tracker
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: 问题跟踪器
+---
+
+## Description
+<section id="description">构建一个功能类似于此的完整堆栈JavaScript应用程序： <a href="https://protective-garage.glitch.me/" target="_blank">https</a> ： <a href="https://protective-garage.glitch.me/" target="_blank">//protective-garage.glitch.me/</a> 。在这个项目上工作将涉及您在我们的入门项目上在Glitch上编写代码。完成此项目后，您可以将公共故障网址（到应用程序的主页）复制到此屏幕进行测试！您可以选择在另一个平台上编写项目，但必须公开显示我们的测试。使用<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-project-issuetracker/">此链接</a>在Glitch上启动此项目或在GitHub上克隆<a href="https://github.com/freeCodeCamp/boilerplate-project-issuetracker/">此存储库</a> ！如果您使用Glitch，请记住将项目链接保存到安全的地方！ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 防止跨站点脚本（XSS）攻击。
+    testString: ''
+  - text: '我可以使用包含所需issue_title，issue_text，created_by和可选的assigned_to和status_text的表单数据POST / api / issues / {projectname}。'
+    testString: ''
+  - text: 保存（和返回）的对象将包括所有这些字段（空白表示可选无输入），还包括created_on（日期/时间），updated_on（日期/时间），打开（布尔值，true表示打开，false表示关闭），和_id。
+    testString: ''
+  - text: '我可以使用id和对象中的任何字段PUT / api / issues / {projectname}，并使用值来对象表示对象。返回将“成功更新”或“无法更新”+ id。这应该始终更新updated_on。如果没有发送字段，则返回“未发送更新字段”。'
+    testString: ''
+  - text: '我可以使用id DELETE / api / issues / {projectname}来完全删除问题。如果没有发送_id，则返回“id error”，成功：“删除”+ id，失败：“无法删除”+ id。'
+    testString: ''
+  - text: '我可以GET / api / issues / {projectname}获取该特定项目中所有问题的数组，其中包含发布时返回的每个问题的所有信息。'
+    testString: ''
+  - text: '我可以通过传递查询中的任何字段和值来过滤我的获取请求（即。/ api / issues / {project}？open = false）。我可以传递尽可能多的字段/值。'
+    testString: ''
+  - text: 所有11项功能测试都已完成并通过。
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/metric-imperial-converter.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/metric-imperial-converter.chinese.md
new file mode 100644
index 0000000000..9410caf702
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/metric-imperial-converter.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 587d8249367417b2b2512c41
+title: Metric-Imperial Converter
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: 公制 - 英制转换器
+---
+
+## Description
+<section id="description">构建一个功能类似于此的完整堆栈JavaScript应用程序： <a href="https://hard-twilight.glitch.me/" target="_blank">https</a> ： <a href="https://hard-twilight.glitch.me/" target="_blank">//hard-twilight.glitch.me/</a> 。在这个项目上工作将涉及您在我们的入门项目上在Glitch上编写代码。完成此项目后，您可以将公共故障网址（到应用程序的主页）复制到此屏幕进行测试！您可以选择在另一个平台上编写项目，但必须公开显示我们的测试。使用<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-project-metricimpconverter/">此链接</a>在Glitch上启动此项目或在GitHub上克隆<a href="https://github.com/freeCodeCamp/boilerplate-project-metricimpconverter/">此存储库</a> ！如果您使用Glitch，请记住将项目链接保存到安全的地方！ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 我将阻止客户端尝试猜测（嗅探）MIME类型。
+    testString: ''
+  - text: 我会阻止跨站点脚本（XSS）攻击。
+    testString: ''
+  - text: 我可以使用包含可接受的数字和单位的单个参数进行GET / api / convert并将其转换。 （提示：通过查找将标记单元开头的第一个字符的索引来拆分输入）
+    testString: ''
+  - text: 我可以将'gal'转换为'L'，反之亦然。 （1加仑到3.78541升）
+    testString: ''
+  - text: 我可以将'lbs'转换为'kg'，反之亦然。 （1磅至0.453592千克）
+    testString: ''
+  - text: 我可以将'mi'转换为'km'，反之亦然。 （1英里到1.60934公里）
+    testString: ''
+  - text: 如果我的计量单位无效，则返回“无效单位”。
+    testString: ''
+  - text: 如果我的号码无效，则返回“无效号码”。
+    testString: ''
+  - text: 如果两者都无效，则返回“无效数字和单位”。
+    testString: ''
+  - text: '我可以在我的参数中使用分数，小数或两者（即5,1 / 2,2.5 / 6），但如果没有提供，则默认为1。'
+    testString: ''
+  - text: '我的返回将包含initNum，initUnit，returnNum，returnUnit和字符串拼写单元，格式为“{initNum} {initial_Units}转换为{returnNum} {return_Units}”，结果舍入为字符串中的5位小数。'
+    testString: ''
+  - text: 所有16个单元测试都已完成并通过。
+    testString: ''
+  - text: 所有5个功能测试都已完成并通过。
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/personal-library.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/personal-library.chinese.md
new file mode 100644
index 0000000000..5195b4b2e2
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/personal-library.chinese.md
@@ -0,0 +1,58 @@
+---
+id: 587d824a367417b2b2512c43
+title: Personal Library
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: 个人图书馆
+---
+
+## Description
+<section id="description">构建一个功能类似于此的完整堆栈JavaScript应用程序： <a href="https://spark-cathedral.glitch.me/" target="_blank">https</a> ： <a href="https://spark-cathedral.glitch.me/" target="_blank">//spark-cathedral.glitch.me/</a> 。在这个项目上工作将涉及您在我们的入门项目上在Glitch上编写代码。完成此项目后，您可以将公共故障网址（到应用程序的主页）复制到此屏幕进行测试！您可以选择在另一个平台上编写项目，但必须公开显示我们的测试。使用<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-project-library/">此链接</a>在Glitch上启动此项目或在GitHub上克隆<a href="https://github.com/freeCodeCamp/boilerplate-project-library/">此存储库</a> ！如果您使用Glitch，请记住将项目链接保存到安全的地方！ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 我的网站上的任何内容都不会缓存在我的客户端中。
+    testString: ''
+  - text: 标题会说该网站由'PHP 4.2.0'提供支持，即使它不是（作为安全措施）。
+    testString: ''
+  - text: 我可以将标题发布到/ api / books以添加书籍，并返回将是具有标题和唯一_id的对象。
+    testString: ''
+  - text: 我可以获取/ api / books来检索包含title，_id和commentcount的所有书籍的数组。
+    testString: ''
+  - text: '我可以使用/ api / books / {id}来检索包含_title，_id和注释数组的书的单个对象（如果没有注释，则为空数组）。'
+    testString: ''
+  - text: '我可以在/ api / books / {id}上发表评论，为书籍添加评论，并返回类似于get / api / books / {id}的书籍对象，包括新评论。'
+    testString: ''
+  - text: '我可以删除/ api / books / {_ id}从集合中删除一本书。如果成功，返回将“删除成功”。'
+    testString: ''
+  - text: 如果我试图要求一本不存在的书，我将被退回'没有书存在'。
+    testString: ''
+  - text: 我可以向/ api / books发送删除请求以删除数据库中的所有书籍。如果成功，返回将是“完全删除成功”。
+    testString: ''
+  - text: 所有6项功能测试都是完整的并且通过。
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/stock-price-checker.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/stock-price-checker.chinese.md
new file mode 100644
index 0000000000..9dc5b6e13a
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/stock-price-checker.chinese.md
@@ -0,0 +1,52 @@
+---
+id: 587d824a367417b2b2512c44
+title: Stock Price Checker
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: 股票价格检查
+---
+
+## Description
+<section id="description">构建一个功能类似于此的完整堆栈JavaScript应用程序： <a href="https://giant-chronometer.glitch.me/" target="_blank">https</a> ： <a href="https://giant-chronometer.glitch.me/" target="_blank">//giant-chronometer.glitch.me/</a> 。在这个项目上工作将涉及您在我们的入门项目上在Glitch上编写代码。完成此项目后，您可以将公共故障网址（到应用程序的主页）复制到此屏幕进行测试！您可以选择在另一个平台上编写项目，但必须公开显示我们的测试。使用<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-project-stockchecker/">此链接</a>在Glitch上启动此项目或在GitHub上克隆<a href="https://github.com/freeCodeCamp/boilerplate-project-stockchecker/">此存储库</a> ！如果您使用Glitch，请记住将项目链接保存到安全的地方！ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 将内容安全策略设置为仅允许从服务器加载脚本和css。
+    testString: ''
+  - text: 我可以使用包含纳斯达克股票代码的表格数据获得/ api /股票价格并收回一个对象stockData。
+    testString: ''
+  - text: 在stockData中，我可以看到股票（字符串，股票代码），价格（字符串格式的小数）和喜欢（int）。
+    testString: ''
+  - text: 我也可以传递像true（boolean）这样的字段来将我的喜欢添加到股票中。每个IP应该只接受1个。
+    testString: ''
+  - text: 如果我传递2只股票，则返回对象将是一个包含股票信息的数组。而不是喜欢，它将显示两者上的rel_likes（两只股票之间的差异）。
+    testString: ''
+  - text: 获得当前价格的一个好方法是使用以下外部API（用您的股票替换“GOOG”）：https：//finance.google.com/finance/info？q = NASDAQ％3AOGOOG
+    testString: ''
+  - text: 所有5个功能测试都已完成并通过。
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.chinese.md
new file mode 100644
index 0000000000..76500aab27
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.chinese.md
@@ -0,0 +1,41 @@
+---
+id: 587d8248367417b2b2512c3c
+title: Ask Browsers to Access Your Site via HTTPS Only with helmet.hsts()
+challengeType: 2
+videoUrl: ''
+localeTitle: 要求浏览器通过HTTPS访问您的站点仅限于使用helmet.hsts（）
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a>克隆的。 HTTP严格传输安全（HSTS）是一种Web安全策略，可帮助保护网站免受协议降级攻击和cookie劫持。如果您的网站可以通过HTTPS访问，您可以要求用户的浏览器避免使用不安全的HTTP。通过设置标头Strict-Transport-Security，您可以告诉浏览器在指定的时间内对将来的请求使用HTTPS。这将适用于初始请求之后的请求。配置helmet.hsts（）以在接下来的90天内使用HTTPS。传递配置对象{maxAge：timeInMilliseconds，force：true}。 Glitch已经启用了hsts。要覆盖其设置，您需要在配置对象中将字段“force”设置为true。在检查Glitch标头进行测试后，我们将拦截并恢复Glitch标头。注意：在自定义网站上配置HTTPS需要获取域和SSL / TSL证书。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: helmet.hsts（）中间件应正确安装
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "hsts"); assert.property(data.headers, "strict-transport-security"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: maxAge应该等于7776000毫秒（90天）
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.match(data.headers["strict-transport-security"], /^max-age=777600000;?/); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.chinese.md
new file mode 100644
index 0000000000..d2e3b364b0
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.chinese.md
@@ -0,0 +1,39 @@
+---
+id: 587d8248367417b2b2512c3a
+title: Avoid Inferring the Response MIME Type with helmet.noSniff()
+challengeType: 2
+videoUrl: ''
+localeTitle: 避免使用helmet.noSniff（）推断响应MIME类型
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a>克隆的。浏览器可以使用内容或MIME嗅探来适应来自响应的不同数据类型。它们覆盖Content-Type标头以猜测和处理数据。虽然这在某些情况下可能很方便，但它也可能导致一些危险的攻击。此中间件将X-Content-Type-Options标头设置为nosniff。这指示浏览器不绕过提供的Content-Type。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: helmet.noSniff（）中间件应该正确安装
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "nosniff"); assert.equal(data.headers["x-content-type-options"], "nosniff"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.chinese.md
new file mode 100644
index 0000000000..17fdc239d8
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.chinese.md
@@ -0,0 +1,39 @@
+---
+id: 587d8249367417b2b2512c40
+title: Configure Helmet Using the ‘parent’ helmet() Middleware
+challengeType: 2
+videoUrl: ''
+localeTitle: 配置头盔使用“父”头盔（）中间件
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a>克隆的。 app.use（helmet（））将自动包含上面介绍的所有中间件，noCache（）和contentSecurityPolicy（）除外，但如果需要，可以启用这些中间件。您还可以使用配置对象单独禁用或配置任何其他中间件。 //示例<code>app.use(helmet({</code> <code>frameguard: { // configure</code> <code>action: &#39;deny&#39;</code> <code>},</code> <code>contentSecurityPolicy: { // enable and configure</code> <code>directives: {</code> <code>defaultSrc: [&quot;self&quot;],</code> <code>styleSrc: [&#39;style.com&#39;],</code> <code>}</code> <code>},</code> <code>dnsPrefetchControl: false // disable</code> <code>}))</code>我们分别为教学目的引入了每个中间件，并且易于测试。使用“父”头盔（）中间件对于真实项目来说是最简单，更清洁的。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 没有测试 - 这是一个描述性的挑战
+    testString: assert(true)
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.chinese.md
new file mode 100644
index 0000000000..ff89a25ac7
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.chinese.md
@@ -0,0 +1,39 @@
+---
+id: 587d8249367417b2b2512c3e
+title: Disable Client-Side Caching with helmet.noCache()
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用helmet.noCache（）禁用客户端缓存
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a>克隆的。如果您要为您的网站发布更新，并且您希望用户始终下载较新的版本，您可以（尝试）在客户端的浏览器上禁用缓存。它在开发中也很有用。缓存具有性能优势，您将失去这些优势，因此只有在真正需要时才使用此选项。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 应该正确安装helmet.noCache（）中间件
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "nocache"); assert.equal(data.headers["cache-control"], "no-store, no-cache, must-revalidate, proxy-revalidate"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.chinese.md
new file mode 100644
index 0000000000..9bf487133c
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.chinese.md
@@ -0,0 +1,39 @@
+---
+id: 587d8248367417b2b2512c3d
+title: Disable DNS Prefetching with helmet.dnsPrefetchControl()
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用helmet.dnsPrefetchControl（）禁用DNS预取
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a>克隆的。为了提高性能，大多数浏览器都会为页面中的链接预取DNS记录。以这种方式，当用户点击链接时，目标IP已知。这可能导致过度使用DNS服务（如果您拥有一个大网站，数百万人访问......），隐私问题（一个窃听者可能会推断您在某个页面上），或者页面统计信息更改（某些链接可能会即使他们不是，也会出现。）如果您有高安全性需求，则可以以性能损失为代价禁用DNS预取。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 应该正确安装helmet.dnsPrefetchControl（）中间件
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "dnsPrefetchControl"); assert.equal(data.headers["x-dns-prefetch-control"], "off"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.chinese.md
new file mode 100644
index 0000000000..a59cc72847
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.chinese.md
@@ -0,0 +1,44 @@
+---
+id: 58a25bcff9fc0f352b528e7d
+title: Hash and Compare Passwords Asynchronously
+challengeType: 2
+videoUrl: ''
+localeTitle: 哈希和异步比较密码
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-bcrypt/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-bcrypt/">GitHub</a>克隆的。由于散列设计为计算密集型，因此建议在服务器上异步执行此操作，以避免在散列时阻止传入连接。所有你需要做的就是异步散列密码是调用<code>bcrypt.hash(myPlaintextPassword, saltRounds, (err, hash) =&gt; { /*Store hash in your db*/ });</code> <hr>将此散列函数添加到服务器（我们已经定义了函数中使用的变量供您使用）并将其记录到控制台以供您查看！此时，您通常会将哈希值保存到数据库中。现在，当您需要确定新输入是否与散列相同时，您只需使用比较函数<code>bcrypt.compare(myPlaintextPassword, hash, (err, res) =&gt; { /*res == true or false*/ });</code> 。在记录完成的哈希并将“res”记录到比较中的控制台之后，将其添加到现有哈希函数中（因为您需要在调用比较函数之前等待哈希完成）。您应该在控制台中看到一个哈希值，然后打印出“true”！如果您将compare函数中的&#39;myPlaintextPassword&#39;更改为&#39;someOtherPlaintextPassword&#39;，那么它应该为false。 <pre> bcrypt.hash（&#39;passw0rd！&#39;，13，（错误，哈希）=&gt; {
+  的console.log（散列）; //$2a$12$Y.PHPE15wR25qrrtgGkiYe2sXo98cjuMCG1YwSI5rJW1DSJp0gEYS
+  bcrypt.compare（&#39;passw0rd！&#39;，hash，（err，res）=&gt; {
+      的console.log（RES）; //真正
+  }）;
+}）; </pre>当您认为自己已经做对时，请提交您的页面。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 异步哈希生成并正确比较
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /START_ASYNC[^]*bcrypt.hash.*myPlaintextPassword( |),( |)saltRounds( |),( |).*err( |),( |)hash[^]*END_ASYNC/gi, "You should call bcrypt.hash on myPlaintextPassword and saltRounds and handle err and hash as a result in the callback"); assert.match(data, /START_ASYNC[^]*bcrypt.hash[^]*bcrypt.compare.*myPlaintextPassword( |),( |)hash( |),( |).*err( |),( |)res[^]*}[^]*}[^]*END_ASYNC/gi, "Nested within the hash function should be the compare function comparing myPlaintextPassword to hash"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.chinese.md
new file mode 100644
index 0000000000..2684cc4a6f
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.chinese.md
@@ -0,0 +1,39 @@
+---
+id: 58a25bcff9fc0f352b528e7e
+title: Hash and Compare Passwords Synchronously
+challengeType: 2
+videoUrl: ''
+localeTitle: 哈希并同步比较密码
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-bcrypt/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-bcrypt/">GitHub</a>克隆的。同步散列也很容易，但如果使用服务器端成本高或经常进行散列会导致延迟。使用此方法进行散列与调用<code>var hash = bcrypt.hashSync(myPlaintextPassword, saltRounds);</code> <hr>将此散列方法添加到代码中，然后将结果记录到控制台。同样，使用的变量已在服务器中定义，因此您无需调整它们。您可能会注意到即使您使用与异步函数相同的密码进行哈希处理，控制台中的结果也不同 - 这是由于每次哈希值随机生成，如第三个哈希字符串中的前22个字符所示。现在将密码输入与新的同步散列进行比较，您将使用compareSync方法： <code>var result = bcrypt.compareSync(myPlaintextPassword, hash);</code>结果是布尔值true或false。添加此功能并登录控制台结果以查看其是否正常工作。当您认为自己已经做对时，请提交您的页面。如果您在这些挑战期间遇到错误，可以在<a href="https://gist.github.com/JosephLivengood/9a2698fb63e42d9d8b4b84235c08b4c4">此处</a>查看示例完成的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 同步哈希生成并正确比较
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /START_SYNC[^]*hash.*=.*bcrypt.hashSync.*myPlaintextPassword( |),( |)saltRounds[^]*END_SYNC/gi, "You should call bcrypt.hashSync on myPlaintextPassword with saltRounds"); assert.match(data, /START_SYNC[^]*result.*=.*bcrypt.compareSync.*myPlaintextPassword( |),( |)hash[^]*END_SYNC/gi, "You should call bcrypt.compareSync on myPlaintextPassword with the hash generated in the last line"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.chinese.md
new file mode 100644
index 0000000000..16ea813c54
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.chinese.md
@@ -0,0 +1,39 @@
+---
+id: 587d8247367417b2b2512c37
+title: Hide Potentially Dangerous Information Using helmet.hidePoweredBy()
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用helmet.hidePoweredBy（）隐藏潜在的危险信息
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a>克隆的。如果黑客看到您的网站由Express提供支持，他们可以利用Express / Node中的已知漏洞。 X-Powered-By：Express默认发送来自Express的每个请求。 helmet.hidePoweredBy（）中间件将删除X-Powered-By标头。您还可以将标头显式设置为其他内容，以便让人们离开。例如app.use（helmet.hidePoweredBy（{setTo：&#39;PHP 4.2.0&#39;}）） </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: helmet.hidePoweredBy（）中间件应正确安装
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "hidePoweredBy"); assert.notEqual(data.headers["x-powered-by"], "Express")}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/install-and-require-helmet.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/install-and-require-helmet.chinese.md
new file mode 100644
index 0000000000..90a9677c65
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/install-and-require-helmet.chinese.md
@@ -0,0 +1,39 @@
+---
+id: 587d8247367417b2b2512c36
+title: Install and Require Helmet
+challengeType: 2
+videoUrl: ''
+localeTitle: 安装并需要头盔
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a>克隆的。 Helmet通过设置各种HTTP标头来帮助您保护Express应用程序。安装包，然后需要它。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: “helmet”依赖应该在package.json中
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/package.json").then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "helmet"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.chinese.md
new file mode 100644
index 0000000000..cb36bf799e
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.chinese.md
@@ -0,0 +1,41 @@
+---
+id: 587d8247367417b2b2512c38
+title: Mitigate the Risk of Clickjacking with helmet.frameguard()
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用helmet.frameguard（）降低点击劫持的风险
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a>克隆的。未经您的同意，您的页面可以放在<code>&lt;frame&gt;</code>或<code>&lt;iframe&gt;</code> 。除其他外，这可能导致点击劫持攻击。点击劫持是一种欺骗用户与不同于用户认为的页面进行交互的技术。这可以通过iframing在恶意上下文中执行您的页面获得。在这种情况下，黑客可以在页面上放置隐藏层。隐藏按钮可用于运行错误的脚本。此中间件设置X-Frame-Options标头。它限制了谁可以将您的网站放在框架中。它有三种模式：DENY，SAMEORIGIN和ALLOW-FROM。我们不需要我们的应用程序框架。您应该使用配置对象<code>{action: &#39;deny&#39;}</code>传递的<code>helmet.frameguard()</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: helmet.frameguard（）中间件应正确安装
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "frameguard", "helmet.frameguard() middleware is not mounted correctly"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: helmet.frameguard（）'action'应该设置为'DENY'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.property(data.headers, "x-frame-options"); assert.equal(data.headers["x-frame-options"], "DENY");}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.chinese.md
new file mode 100644
index 0000000000..50de956f0b
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.chinese.md
@@ -0,0 +1,39 @@
+---
+id: 587d8247367417b2b2512c39
+title: Mitigate the Risk of Cross Site Scripting (XSS) Attacks with helmet.xssFilter()
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用helmet.xssFilter（）降低跨站点脚本（XSS）攻击的风险
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a>克隆的。跨站点脚本（XSS）是一种常见的攻击类型，其中恶意脚本被注入易受攻击的页面，目的是窃取会话cookie或密码等敏感数据。降低XSS攻击风险的基本规则很简单：“绝不信任用户的输入”。作为开发人员，您应该始终清理来自外部的所有输入。这包括来自表单，GET查询URL，甚至来自POST主体的数据。消毒意味着您应该找到并编码可能有危险的字符，例如&lt;，&gt;。现代浏览器可以通过采用更好的软件策略来帮助降低风险。通常这些都可以通过http标头进行配置。 X-XSS-Protection HTTP标头是一种基本保护。浏览器使用启发式过滤器检测潜在的注入脚本。如果启用了标头，则浏览器会更改脚本代码，从而中和它。它仍然有限的支持。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: helmet.xssFilter（）中间件应该正确安装
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "xXssProtection"); assert.property(data.headers, "x-xss-protection"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.chinese.md
new file mode 100644
index 0000000000..1aeb809708
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.chinese.md
@@ -0,0 +1,39 @@
+---
+id: 587d8248367417b2b2512c3b
+title: Prevent IE from Opening Untrusted HTML with helmet.ieNoOpen()
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用helmet.ieNoOpen（）阻止IE打开不受信任的HTML
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a>克隆的。某些Web应用程序将提供不受信任的HTML以供下载。默认情况下，某些版本的Internet Explorer会在您的站点上下文中打开这些HTML文件。这意味着不受信任的HTML页面可能会在您的页面上下文中开始做坏事。此中间件将X-Download-Options标头设置为noopen。这将阻止IE用户在受信任站点的上下文中执行下载。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: helmet.ieNoOpen（）中间件应正确安装
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "ienoopen"); assert.equal(data.headers["x-download-options"], "noopen"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.chinese.md
new file mode 100644
index 0000000000..a24313f8d9
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.chinese.md
@@ -0,0 +1,41 @@
+---
+id: 587d8249367417b2b2512c3f
+title: Set a Content Security Policy with helmet.contentSecurityPolicy()
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用helmet.contentSecurityPolicy（）设置内容安全策略
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a>克隆的。这一挑战突出了一个有希望的新防御，它可以显着降低现代浏览器中许多类型攻击的风险和影响。通过设置和配置内容安全策略，您可以防止在页面中无意中注入任何内容。这样可以保护您的应用免受XSS漏洞，不受欢迎的跟踪，恶意帧等攻击。 CSP通过定义受信任的内容源的白名单来工作。您可以为网页可能需要的每种资源（脚本，样式表，字体，框架，媒体等等）配置它们。有多个指令可用，因此网站所有者可以拥有精细控制。有关详细信息，请参阅HTML 5 Rocks，KeyCDN。不幸的是旧版浏览器不支持CSP。默认情况下，指令是全开的，因此将defaultSrc指令设置为回退非常重要。 Helmet支持defaultSrc和default-src命名样式。回退适用于大多数未指定的指令。在本练习中，使用helmet.contentSecurityPolicy（），并将其配置为将defaultSrc指令设置为[“self”]（允许的源列表必须在数组中），以便默认只信任您的网站地址。同时设置scriptSrc指令，以便允许从您的网站和域“trusted-cdn.com”下载脚本。提示：在“&#39;self&#39;”关键字中，单引号是关键字本身的一部分，因此需要用双引号括起来才能生效。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: helmet.csp（）中间件应该正确安装
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "csp"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: '你的csp配置不正确。 defaultSrc应该是[“”self“”]而scriptSrc应该是[“”self“”，“trusted-cdn.com”]'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { var cspHeader = Object.keys(data.headers).filter(function(k){ return k === "content-security-policy" || k === "x-webkit-csp" || k === "x-content-security-policy" })[0]; assert.equal(data.headers[cspHeader], "default-src "self"; script-src "self" trusted-cdn.com"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/understand-bcrypt-hashes.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/understand-bcrypt-hashes.chinese.md
new file mode 100644
index 0000000000..60b3b1f858
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/information-security-with-helmetjs/understand-bcrypt-hashes.chinese.md
@@ -0,0 +1,41 @@
+---
+id: 58a25bcef9fc0f352b528e7c
+title: Understand BCrypt Hashes
+challengeType: 2
+videoUrl: ''
+localeTitle: 了解BCrypt Hashes
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-bcrypt/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-bcrypt/">GitHub</a>克隆的。 BCrypt哈希非常安全。哈希基本上是原始数据的指纹 - 始终是唯一的。这是通过将原始数据馈送到算法中并返回固定长度的结果来实现的。为了进一步使这个过程复杂化并使其更安全，您还可以<em>加入哈希</em>值。对哈希进行盐析涉及在哈希处理之前将随机数据添加到原始数据，这使得更难破解哈希。 BCrypt哈希总是看起来像<code>$2a$13$ZyprE5MRw2Q3WpNOGZWGbeG7ADUre1Q8QO.uUUtcbqloU0yvzavOm</code>确实有一个结构。第一小部分数据<code>$2a</code>定义了使用何种哈希算法。下一部分<code>$13</code>定义了<em>成本</em> 。成本是计算哈希值所需的功率。它具有2 ^成本的对数标度，并确定通过散列算法放置数据的次数。例如，以10为代价，您可以在普通计算机上每秒散列10个密码，但是每个散列需要花费3秒才能进行散乱...并且需要花费更多时间，成本为31需要多天才能完成哈希。目前，12的成本被认为是非常安全的。哈希<code>$ZyprE5MRw2Q3WpNOGZWGbeG7ADUre1Q8QO.uUUtcbqloU0yvzavOm</code>的最后一部分看起来像<code>$ZyprE5MRw2Q3WpNOGZWGbeG7ADUre1Q8QO.uUUtcbqloU0yvzavOm</code>数字，句号和字母，但它实际上是两条独立的信息。前22个字符是纯文本的盐，其余的是哈希密码！ <hr>要开始使用BCrypt，请将其作为项目中的依赖项添加，并在服务器中将其命名为“bcrypt”。当您认为自己已经做对时，请提交您的页面。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: BCyrpt是一个依赖
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "bcrypt", "Your project should list "bcrypt" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 已经适当地要求BCrypt
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js").then(data => {assert.match(data, /bcrypt.*=.*require.*("|")bcrypt("|")/gi, "You should correctly require and instantiate socket.io as io.");}, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/assert-deep-equality-with-.deepequal-and-.notdeepequal.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/assert-deep-equality-with-.deepequal-and-.notdeepequal.chinese.md
new file mode 100644
index 0000000000..ed720284b0
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/assert-deep-equality-with-.deepequal-and-.notdeepequal.chinese.md
@@ -0,0 +1,43 @@
+---
+id: 587d824c367417b2b2512c4c
+title: Assert Deep Equality with .deepEqual and .notDeepEqual
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用.deepEqual和.notDeepEqual断言深度等式
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。 .deepEqual（）,. noDeepEqual（）。deepEqual（）断言两个对象是深度相等的</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=6").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  deepEqual vs. notDeepEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=6").then(data => {  assert.equal(data.assertions[0].method, "deepEqual", "The order of the keys does not matter"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  deepEqual vs. notDeepEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=6").then(data => {  assert.equal(data.assertions[1].method, "notDeepEqual", "The position of elements within an array does matter"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/compare-the-properties-of-two-elements.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/compare-the-properties-of-two-elements.chinese.md
new file mode 100644
index 0000000000..80b2b202e0
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/compare-the-properties-of-two-elements.chinese.md
@@ -0,0 +1,47 @@
+---
+id: 587d824c367417b2b2512c4d
+title: Compare the Properties of Two Elements
+challengeType: 2
+videoUrl: ''
+localeTitle: 比较两个元素的属性
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。 .isAbove（）=&gt; a&gt; b，.isAtMost（）=&gt; a &lt;= b </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isAbove vs. isAtMost
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {  assert.equal(data.assertions[0].method, "isAtMost", "5 is at most (<=) 5"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isAbove vs. isAtMost
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {  assert.equal(data.assertions[1].method, "isAbove", "1 is greater than 0"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isAbove vs. isAtMost
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {  assert.equal(data.assertions[2].method, "isAbove", "Math.PI = 3.14159265 is greater than 3"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isAbove vs. isAtMost
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {  assert.equal(data.assertions[3].method, "isAtMost", "1 - Math.random() is > 0 and <= 1. It is atMost 1 !"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/learn-how-javascript-assertions-work.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/learn-how-javascript-assertions-work.chinese.md
new file mode 100644
index 0000000000..fd2e5b6d30
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/learn-how-javascript-assertions-work.chinese.md
@@ -0,0 +1,43 @@
+---
+id: 587d824a367417b2b2512c46
+title: Learn How JavaScript Assertions Work
+challengeType: 2
+videoUrl: ''
+localeTitle: 了解JavaScript断言的工作原理
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。使用assert.isNull（）或assert.isNotNull（）来使测试通过。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=0").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isNull vs. isNotNull
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=0").then(data => {  assert.equal(data.assertions[0].method, "isNull", "Null is null"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isNull vs. isNotNull
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=0").then(data => {  assert.equal(data.assertions[1].method, "isNotNull", "1 is not null"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iii---put-method.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iii---put-method.chinese.md
new file mode 100644
index 0000000000..cdcb7f3d6d
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iii---put-method.chinese.md
@@ -0,0 +1,47 @@
+---
+id: 587d824f367417b2b2512c5a
+title: Run Functional Tests on an API Response using Chai-HTTP III - PUT method
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用Chai-HTTP III-PUT方法在API响应上运行功能测试
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。在下一个示例中，我们将看到如何在请求有效负载（正文）中发送数据。我们将测试PUT请求。 &#39;/ travelers&#39;端点接受一个采用结构的JSON对象：{surname：[过去的旅行者的姓氏]}，路由响应：{name：[first name]，surname：[last name]，dates ：[birth  -  death years]}查看服务器代码以获取更多详细信息。发送{姓：&#39;科伦坡&#39;}。替换assert.fail（）并使测试通过。检查1）状态，2）类型，3）body.name，4）body.surname遵循上面的断言顺序，我们依赖它。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 您应该测试'res.status'为200
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.assertions[0].method, "equal"); assert.equal(data.assertions[0].args[0], "res.status"); assert.equal(data.assertions[0].args[1], "200");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: 你应该测试'res.type'是'application / json'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.assertions[1].method, "equal"); assert.equal(data.assertions[1].args[0], "res.type"); assert.equal(data.assertions[1].args[1], "\"application/json\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: 您应该测试'res.body.name'为'Cristoforo'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.assertions[2].method, "equal"); assert.equal(data.assertions[2].args[0], "res.body.name"); assert.equal(data.assertions[2].args[1], "\"Cristoforo\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: 你应该测试'res.body.surname'是'科伦坡'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.assertions[3].method, "equal"); assert.equal(data.assertions[3].args[0], "res.body.surname"); assert.equal(data.assertions[3].args[1], "\"Colombo\"");}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iv---put-method.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iv---put-method.chinese.md
new file mode 100644
index 0000000000..2322f5c6a0
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iv---put-method.chinese.md
@@ -0,0 +1,47 @@
+---
+id: 587d824f367417b2b2512c5b
+title: Run Functional Tests on an API Response using Chai-HTTP IV - PUT method
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用Chai-HTTP IV  -  PUT方法在API响应上运行功能测试
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。此练习与前面的练习类似。看看它的细节。发送{姓：&#39;da Verrazzano&#39;}。替换assert.fail（）并使测试通过。检查1）状态，2）类型，3）body.name，4）body.surname遵循上面的断言顺序，我们依赖它。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 您应该测试'res.status'为200
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.assertions[0].method, "equal"); assert.equal(data.assertions[0].args[0], "res.status"); assert.equal(data.assertions[0].args[1], "200");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: 你应该测试'res.type'是'application / json'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.assertions[1].method, "equal"); assert.equal(data.assertions[1].args[0], "res.type"); assert.equal(data.assertions[1].args[1], "\"application/json\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: 您应该测试'res.body.name'为'Giovanni'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.assertions[2].method, "equal"); assert.equal(data.assertions[2].args[0], "res.body.name"); assert.equal(data.assertions[2].args[1], "\"Giovanni\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: 你应该测试'res.body.surname'是'da Verrazzano'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.assertions[3].method, "equal"); assert.equal(data.assertions[3].args[0], "res.body.surname"); assert.equal(data.assertions[3].args[1], "\"da Verrazzano\"");}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http-ii.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http-ii.chinese.md
new file mode 100644
index 0000000000..63019102ca
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http-ii.chinese.md
@@ -0,0 +1,43 @@
+---
+id: 587d824f367417b2b2512c59
+title: Run Functional Tests on API Endpoints using Chai-HTTP II
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用Chai-HTTP II在API端点上运行功能测试
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。替换assert.fail（）。测试状态和text.response。让测试通过。在追加的查询中发送您的姓名吗？name = <your_name> ，端点以&#39;你好&#39;回应<your_name> ”。 </your_name></your_name></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=1").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 你应该测试'res.status'== 200
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=1").then(data => { assert.equal(data.assertions[0].method, "equal"); assert.equal(data.assertions[0].args[0], "res.status"); assert.equal(data.assertions[0].args[1], "200");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: 你应该测试'res.text'=='你好客人'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=1").then(data => { assert.equal(data.assertions[1].method, "equal"); assert.equal(data.assertions[1].args[0], "res.text"); assert.match(data.assertions[1].args[1], /hello [\w\d_-]/);}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http.chinese.md
new file mode 100644
index 0000000000..6fea7a718b
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http.chinese.md
@@ -0,0 +1,43 @@
+---
+id: 587d824e367417b2b2512c58
+title: Run Functional Tests on API Endpoints using Chai-HTTP
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用Chai-HTTP在API端点上运行功能测试
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。替换assert.fail（）。测试状态和text.response。让测试通过。不要在查询中发送名称，端点会以“hello Guest”响应。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=0").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 你应该测试'res.status'== 200
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=0").then(data => { assert.equal(data.assertions[0].method, "equal"); assert.equal(data.assertions[0].args[0], "res.status"); assert.equal(data.assertions[0].args[1], "200");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: 你应该测试'res.text'=='你好客人'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=0").then(data => { assert.equal(data.assertions[1].method, "equal"); assert.equal(data.assertions[1].args[0], "res.text"); assert.equal(data.assertions[1].args[1], "\"hello Guest\"");}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser-ii.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser-ii.chinese.md
new file mode 100644
index 0000000000..62aa4e661f
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser-ii.chinese.md
@@ -0,0 +1,47 @@
+---
+id: 587d8250367417b2b2512c5d
+title: Run Functional Tests using a Headless Browser II
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用无头浏览器II运行功能测试
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。此练习与前面的练习类似。查看方向代码。按照断言顺序，我们依靠它。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 断言无头浏览器请求成功
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.assertions[0].method, "browser.success"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 断言元素“span＃name”中的文本是“Amerigo”
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.assertions[1].method, "browser.text"); assert.equal(data.assertions[1].args[0], "\"span#name\""); assert.equal(data.assertions[1].args[1], "\"Amerigo\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: 断言元素“span＃surname”中的文本是“Vespucci”
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.assertions[2].method, "browser.text"); assert.equal(data.assertions[2].args[0], "\"span#surname\""); assert.equal(data.assertions[2].args[1], "\"Vespucci\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: '断言元素“span #dalendar”存在且其计数为1'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.assertions[3].method, "browser.element"); assert.equal(data.assertions[3].args[0], "\"span#dates\""); assert.equal(data.assertions[3].args[1], 1);}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser.chinese.md
new file mode 100644
index 0000000000..1e359d6d47
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser.chinese.md
@@ -0,0 +1,47 @@
+---
+id: 587d824f367417b2b2512c5c
+title: Run Functional Tests using a Headless Browser
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用无头浏览器运行功能测试
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。在接下来的挑战中，我们将使用名为“Headless Browser”的设备模拟人与页面的交互。无头浏览器是没有图形用户界面的Web浏览器。这些工具对于测试网页特别有用，因为它们能够以与浏览器相同的方式呈现和理解HTML，CSS和JavaScript。对于这些挑战，我们使用的是Zombie.JS。它是一个完全基于JS的轻量级浏览器，不依赖于安装其他二进制文件。此功能使其可用于Glitch等环境。还有许多其他（更强大的）选项。 <br>查看练习方向代码中的示例按照断言顺序，我们依赖它。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 断言无头浏览器请求成功
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.assertions[0].method, "browser.success"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 断言元素“span＃name”中的文本是“Cristoforo”
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.assertions[1].method, "browser.text"); assert.equal(data.assertions[1].args[0], "\"span#name\""); assert.equal(data.assertions[1].args[1], "\"Cristoforo\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: 断言元素“span＃surname”中的文本是“Colombo”
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.assertions[2].method, "browser.text"); assert.equal(data.assertions[2].args[0], "\"span#surname\""); assert.equal(data.assertions[2].args[1], "\"Colombo\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: '断言元素“span #dalendar”存在且其计数为1'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.assertions[3].method, "browser.element"); assert.equal(data.assertions[3].args[0], "\"span#dates\""); assert.equal(data.assertions[3].args[1], 1);}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-for-truthiness.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-for-truthiness.chinese.md
new file mode 100644
index 0000000000..68ce2f7483
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-for-truthiness.chinese.md
@@ -0,0 +1,45 @@
+---
+id: 587d824b367417b2b2512c49
+title: Test for Truthiness
+challengeType: 2
+videoUrl: ''
+localeTitle: 测试真实性
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。使用assert.isTrue（）或assert.isNotTrue（）来使测试通过。 .isTrue（true）和.isNotTrue（其他所有内容）都将通过。 .isFalse（）和.isNotFalse（）也存在。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=3").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isTrue vs. isNotTrue
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=3").then(data => {  assert.equal(data.assertions[0].method, "isTrue", "True is true"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isTrue vs. isNotTrue
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=3").then(data => {  assert.equal(data.assertions[1].method, "isTrue", "Double negation of a truthy value is true"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isTrue vs. isNotTrue
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=3").then(data => {  assert.equal(data.assertions[2].method, "isNotTrue", "A truthy object is not true - neither is a false one"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-string-contains-a-substring.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-string-contains-a-substring.chinese.md
new file mode 100644
index 0000000000..eb0ded8eec
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-string-contains-a-substring.chinese.md
@@ -0,0 +1,43 @@
+---
+id: 587d824d367417b2b2512c53
+title: Test if a String Contains a Substring
+challengeType: 2
+videoUrl: ''
+localeTitle: 测试String是否包含子串
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。 #include（在#notInclude上）也适用于字符串!!它断言实际的字符串包含预期的子字符串</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=13").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  include与notInclude
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=13").then(data => {  assert.equal(data.assertions[0].method, "include", "\"Arrow\" contains \"row\"..."); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  include与notInclude
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=13").then(data => {  assert.equal(data.assertions[1].method, "notInclude", "... a \"dart\" doesn\"t contain a \"queue\""); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-falls-within-a-specific-range.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-falls-within-a-specific-range.chinese.md
new file mode 100644
index 0000000000..550eb7d528
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-falls-within-a-specific-range.chinese.md
@@ -0,0 +1,43 @@
+---
+id: 587d824c367417b2b2512c4f
+title: Test if a Value Falls within a Specific Range
+challengeType: 2
+videoUrl: ''
+localeTitle: 测试值是否在特定范围内
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。 。近似。（实际，预期，范围，[消息]）实际=预期+/-范围选择最小范围（第3个参数）使测试始终通过它应小于1 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=9").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 使用大约（实际，预期，范围） - 选择正确的范围
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=9").then(data => {  assert.equal(data.assertions[0].method, "approximately");  assert.equal(data.assertions[0].args[2], 0.5, "weirdNumbers(0.5) is in the range (0.5, 1.5]. It\"s within 1 +/- 0.5"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 使用大约（实际，预期，范围） - 选择正确的范围
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=9").then(data => {  assert.equal(data.assertions[1].method, "approximately");  assert.equal(data.assertions[1].args[2], 0.8, "weirdNumbers(0.2) is in the range (0.2, 1.2]. It\"s within 1 +/- 0.8"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-a-string.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-a-string.chinese.md
new file mode 100644
index 0000000000..5a19963ae8
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-a-string.chinese.md
@@ -0,0 +1,45 @@
+---
+id: 587d824d367417b2b2512c52
+title: Test if a Value is a String
+challengeType: 2
+videoUrl: ''
+localeTitle: 测试值是否为字符串
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。 #isString断言实际值是一个字符串。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=12").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isString vs. isNotString
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=12").then(data => {  assert.equal(data.assertions[0].method, "isNotString", "A float number is not a string"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isString vs. isNotString
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=12").then(data => {  assert.equal(data.assertions[1].method, "isString", "environment vars are strings (or undefined)"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isString vs. isNotString
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=12").then(data => {  assert.equal(data.assertions[2].method, "isString", "A JSON is a string"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-an-array.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-an-array.chinese.md
new file mode 100644
index 0000000000..054b95e878
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-an-array.chinese.md
@@ -0,0 +1,43 @@
+---
+id: 587d824d367417b2b2512c50
+title: Test if a Value is an Array
+challengeType: 2
+videoUrl: ''
+localeTitle: 测试值是否为数组
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=10").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isArray vs. isNotArray
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=10").then(data => {  assert.equal(data.assertions[0].method, "isArray", "String.prototype.split() returns an Array"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isArray vs. isNotArray
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=10").then(data => {  assert.equal(data.assertions[1].method, "isNotArray", "Array.prototype.indexOf() returns a number"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-of-a-specific-data-structure-type.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-of-a-specific-data-structure-type.chinese.md
new file mode 100644
index 0000000000..0faed2192e
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-of-a-specific-data-structure-type.chinese.md
@@ -0,0 +1,49 @@
+---
+id: 587d824e367417b2b2512c56
+title: Test if a Value is of a Specific Data Structure Type
+challengeType: 2
+videoUrl: ''
+localeTitle: 测试值是否为特定数据结构类型
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。 #typeOf断言值的类型是给定的字符串，由Object.prototype.toString确定。在适当的地方使用#typeOf或#notTypeOf </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  typeOf vs. notTypeOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[0].method, "typeOf", "myCar is typeOf Object"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  typeOf vs. notTypeOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[1].method, "typeOf", "Car.model is a String"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  typeOf vs. notTypeOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[2].method, "notTypeOf", "Plane.wings is a Number (not a String)"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  typeOf vs. notTypeOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[3].method, "typeOf", "Plane.engines is an Array"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  typeOf vs. notTypeOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[4].method, "typeOf", "Car.wheels is a Number"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-variable-or-function-is-defined.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-variable-or-function-is-defined.chinese.md
new file mode 100644
index 0000000000..a9a4c806df
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-variable-or-function-is-defined.chinese.md
@@ -0,0 +1,45 @@
+---
+id: 587d824b367417b2b2512c47
+title: Test if a Variable or Function is Defined
+challengeType: 2
+videoUrl: ''
+localeTitle: 测试变量或函数是否定义
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。使用assert.isDefined（）或assert.isUndefined（）来使测试通过</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=1").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isDefined与isUndefined
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=1").then(data => {  assert.equal(data.assertions[0].method, "isDefined", "Null is not undefined"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isDefined与isUndefined
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=1").then(data => {  assert.equal(data.assertions[1].method, "isUndefined", "Undefined is undefined"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isDefined与isUndefined
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=1").then(data => {  assert.equal(data.assertions[2].method, "isDefined", "A string is not undefined"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-array-contains-an-item.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-array-contains-an-item.chinese.md
new file mode 100644
index 0000000000..00fc528a63
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-array-contains-an-item.chinese.md
@@ -0,0 +1,43 @@
+---
+id: 587d824d367417b2b2512c51
+title: Test if an Array Contains an Item
+challengeType: 2
+videoUrl: ''
+localeTitle: 测试数组是否包含项目
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=11").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  include与notInclude
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=11").then(data => {  assert.equal(data.assertions[0].method, "notInclude", "It\"s summer in july..."); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  include与notInclude
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=11").then(data => {  assert.equal(data.assertions[1].method, "include", "JavaScript is a backend language !!"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-has-a-property.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-has-a-property.chinese.md
new file mode 100644
index 0000000000..e57764fb13
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-has-a-property.chinese.md
@@ -0,0 +1,45 @@
+---
+id: 587d824e367417b2b2512c55
+title: Test if an Object has a Property
+challengeType: 2
+videoUrl: ''
+localeTitle: 测试对象是否具有属性
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。 #property断言实际对象具有给定属性。在适当的地方使用#property或#notProperty </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=15").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  property vs. notProperty
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=15").then(data => { assert.equal(data.assertions[0].method, "notProperty", "A car has not wings"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  property vs. notProperty
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=15").then(data => { assert.equal(data.assertions[1].method, "property", "planes have engines"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  property vs. notProperty
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=15").then(data => { assert.equal(data.assertions[2].method, "property", "Cars have wheels"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-is-an-instance-of-a-constructor.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-is-an-instance-of-a-constructor.chinese.md
new file mode 100644
index 0000000000..76db984eb4
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-is-an-instance-of-a-constructor.chinese.md
@@ -0,0 +1,47 @@
+---
+id: 587d824e367417b2b2512c57
+title: Test if an Object is an Instance of a Constructor
+challengeType: 2
+videoUrl: ''
+localeTitle: 测试对象是否是构造函数的实例
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。 #instanceOf声明对象是构造函数的实例。在适当的地方使用#instanceOf或#notInstanceOf </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  instanceOf与notInstanceOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.assertions[0].method, "notInstanceOf", "myCar is not an instance of Plane"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  instanceOf与notInstanceOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.assertions[1].method, "instanceOf", "airlinePlane is an instance of Plane"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  instanceOf与notInstanceOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.assertions[2].method, "instanceOf", "everything is an Object in JavaScript..."); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  instanceOf与notInstanceOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.assertions[3].method, "notInstanceOf", "myCar.wheels is not an instance of String"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-one-value-is-below-or-at-least-as-large-as-another.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-one-value-is-below-or-at-least-as-large-as-another.chinese.md
new file mode 100644
index 0000000000..1565216b90
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-one-value-is-below-or-at-least-as-large-as-another.chinese.md
@@ -0,0 +1,47 @@
+---
+id: 587d824c367417b2b2512c4e
+title: Test if One Value is Below or At Least as Large as Another
+challengeType: 2
+videoUrl: ''
+localeTitle: 测试一个值是否低于或低至另一个值
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。 .isBelow（）=&gt; a &lt;b，.isAtLeast =&gt; a&gt; = b </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isBelow vs. isAtLeast
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {  assert.equal(data.assertions[0].method, "isAtLeast", "5 is at least (>=) 5"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isBelow vs. isAtLeast
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {  assert.equal(data.assertions[1].method, "isAtLeast", "2 * Math.random() is at least 0"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isBelow vs. isAtLeast
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {  assert.equal(data.assertions[2].method, "isBelow", "1 is smaller than 2"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isBelow vs. isAtLeast
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {  assert.equal(data.assertions[3].method, "isBelow", "2/3 (0.6666) is smaller than 1"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-assert.isok-and-assert.isnotok.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-assert.isok-and-assert.isnotok.chinese.md
new file mode 100644
index 0000000000..ab191ffae8
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-assert.isok-and-assert.isnotok.chinese.md
@@ -0,0 +1,45 @@
+---
+id: 587d824b367417b2b2512c48
+title: Use Assert.isOK and Assert.isNotOK
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用Assert.isOK和Assert.isNotOK
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。使用assert.isOk（）或assert.isNotOk（）来使测试通过。 .isOk（truthy）和.isNotOk（falsey）将通过。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=2").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isOk vs. isNotOk
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=2").then(data => {  assert.equal(data.assertions[0].method, "isNotOk", "Null is falsey"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isOk vs. isNotOk
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=2").then(data => {  assert.equal(data.assertions[1].method, "isOk","A string is truthy"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  isOk vs. isNotOk
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=2").then(data => {  assert.equal(data.assertions[2].method, "isOk", "true is truthy"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-regular-expressions-to-test-a-string.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-regular-expressions-to-test-a-string.chinese.md
new file mode 100644
index 0000000000..38451c639f
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-regular-expressions-to-test-a-string.chinese.md
@@ -0,0 +1,43 @@
+---
+id: 587d824d367417b2b2512c54
+title: Use Regular Expressions to Test a String
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用正则表达式测试字符串
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。 #match断言实际值与第二个参数正则表达式匹配。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=14").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 - 匹配与非匹配
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=14").then(data => {  assert.equal(data.assertions[0].method, "match", "\"# name: John Doe, age: 35\" matches the regex"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 - 匹配与非匹配
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=14").then(data => {  assert.equal(data.assertions[1].method, "notMatch", "\"# name: Paul Smith III, age: twenty-four\" does not match the regex (the age must be numeric)"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-double-equals-to-assert-equality.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-double-equals-to-assert-equality.chinese.md
new file mode 100644
index 0000000000..c20a0f64f7
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-double-equals-to-assert-equality.chinese.md
@@ -0,0 +1,47 @@
+---
+id: 587d824b367417b2b2512c4a
+title: Use the Double Equals to Assert Equality
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用Double Equals来断言平等
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。 .equal（）,. notEqual（）.equal（）使用&#39;==&#39;比较对象</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 - 相等与不等
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {  assert.equal(data.assertions[0].method, "equal", "Numbers are coerced into strings with == "); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 - 相等与不等
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {  assert.equal(data.assertions[1].method, "notEqual", " == compares object references"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 - 相等与不等
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {  assert.equal(data.assertions[2].method, "equal", "6 * \"2\" is 12 ! It should be equal to \"12\""); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 - 相等与不等
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {  assert.equal(data.assertions[3].method, "notEqual", "6 + \"2\" is \"62\"..."); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-triple-equals-to-assert-strict-equality.chinese.md b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-triple-equals-to-assert-strict-equality.chinese.md
new file mode 100644
index 0000000000..713aed9a7d
--- /dev/null
+++ b/curriculum/challenges/chinese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-triple-equals-to-assert-strict-equality.chinese.md
@@ -0,0 +1,47 @@
+---
+id: 587d824b367417b2b2512c4b
+title: Use the Triple Equals to Assert Strict Equality
+challengeType: 2
+videoUrl: ''
+localeTitle: 使用Triple Equals断言严格平等
+---
+
+## Description
+<section id="description">提醒一下，这个项目是基于<a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a>的以下入门项目构建的，或者是从<a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a>克隆的。 .strictEqual（）,. notStrictEqual（）。sqleEqual（）使用&#39;===&#39;比较对象</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 所有测试都应该通过
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  strictEqual vs. notStrictEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {  assert.equal(data.assertions[0].method, "notStrictEqual", "with strictEqual the type must match"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  strictEqual vs. notStrictEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {  assert.equal(data.assertions[1].method, "strictEqual", "3*2 = 6..."); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  strictEqual vs. notStrictEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {  assert.equal(data.assertions[2].method, "strictEqual", "6 * \"2\" is 12. Types match !"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 选择正确的断言 -  strictEqual vs. notStrictEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {  assert.equal(data.assertions[3].method, "notStrictEqual", "Even if they have the same elements, the Arrays are notStrictEqual"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/find-the-symmetric-difference.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/find-the-symmetric-difference.chinese.md
new file mode 100644
index 0000000000..b3b09b191c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/find-the-symmetric-difference.chinese.md
@@ -0,0 +1,80 @@
+---
+id: a3f503de51cf954ede28891d
+title: Find the Symmetric Difference
+challengeType: 5
+videoUrl: ''
+localeTitle: 找到对称差异
+---
+
+## Description
+<section id="description">创建一个带有两个或更多数组的函数，并返回所提供数组的<dfn>对称差</dfn> （ <code>△</code>或<code>⊕</code> ）数组。给定两个集合（例如集合<code>A = {1, 2, 3}</code>并且集合<code>B = {2, 3, 4}</code> ），两个集合的数学术语“对称差异”是在任一集合中的元素集合。两组，但两者都没有（ <code>A △ B = C = {1, 4}</code> ）。对于你所采取的每一个额外的对称差异（比如在集合<code>D = {2, 3}</code> ），你应该得到具有两个集合中的任何一个但不是两个集合的元素的集合（ <code>C △ D = {1, 4} △ {2, 3} = {1, 2, 3, 4}</code> ）。结果数组必须仅包含唯一值（ <em>不重复</em> ）。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>sym([1, 2, 3], [5, 2, 1, 4])</code>应返回<code>[3, 4, 5]</code> 。'
+    testString: 'assert.sameMembers(sym([1, 2, 3], [5, 2, 1, 4]), [3, 4, 5], "<code>sym([1, 2, 3], [5, 2, 1, 4])</code> should return <code>[3, 4, 5]</code>.");'
+  - text: '<code>sym([1, 2, 3], [5, 2, 1, 4])</code>应仅包含三个元素。'
+    testString: 'assert.equal(sym([1, 2, 3], [5, 2, 1, 4]).length, 3, "<code>sym([1, 2, 3], [5, 2, 1, 4])</code> should contain only three elements.");'
+  - text: '<code>sym([1, 2, 3, 3], [5, 2, 1, 4])</code>应该返回<code>[3, 4, 5]</code> 。'
+    testString: 'assert.sameMembers(sym([1, 2, 3, 3], [5, 2, 1, 4]), [3, 4, 5], "<code>sym([1, 2, 3, 3], [5, 2, 1, 4])</code> should return <code>[3, 4, 5]</code>.");'
+  - text: '<code>sym([1, 2, 3, 3], [5, 2, 1, 4])</code>应仅包含三个元素。'
+    testString: 'assert.equal(sym([1, 2, 3, 3], [5, 2, 1, 4]).length, 3, "<code>sym([1, 2, 3, 3], [5, 2, 1, 4])</code> should contain only three elements.");'
+  - text: '<code>sym([1, 2, 3], [5, 2, 1, 4, 5])</code>应返回<code>[3, 4, 5]</code> 。'
+    testString: 'assert.sameMembers(sym([1, 2, 3], [5, 2, 1, 4, 5]), [3, 4, 5], "<code>sym([1, 2, 3], [5, 2, 1, 4, 5])</code> should return <code>[3, 4, 5]</code>.");'
+  - text: '<code>sym([1, 2, 3], [5, 2, 1, 4, 5])</code>应仅包含三个元素。'
+    testString: 'assert.equal(sym([1, 2, 3], [5, 2, 1, 4, 5]).length, 3, "<code>sym([1, 2, 3], [5, 2, 1, 4, 5])</code> should contain only three elements.");'
+  - text: '<code>sym([1, 2, 5], [2, 3, 5], [3, 4, 5])</code>应该返回<code>[1, 4, 5]</code>'
+    testString: 'assert.sameMembers(sym([1, 2, 5], [2, 3, 5], [3, 4, 5]), [1, 4, 5], "<code>sym([1, 2, 5], [2, 3, 5], [3, 4, 5])</code> should return <code>[1, 4, 5]</code>");'
+  - text: '<code>sym([1, 2, 5], [2, 3, 5], [3, 4, 5])</code>应仅包含三个元素。'
+    testString: 'assert.equal(sym([1, 2, 5], [2, 3, 5], [3, 4, 5]).length, 3, "<code>sym([1, 2, 5], [2, 3, 5], [3, 4, 5])</code> should contain only three elements.");'
+  - text: '<code>sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5])</code>应该返回<code>[1, 4, 5]</code> 。'
+    testString: 'assert.sameMembers(sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5]), [1, 4, 5], "<code>sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5])</code> should return <code>[1, 4, 5]</code>.");'
+  - text: '<code>sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5])</code>应仅包含三个元素。'
+    testString: 'assert.equal(sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5]).length, 3, "<code>sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5])</code> should contain only three elements.");'
+  - text: '<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3])</code>应该返回<code>[2, 3, 4, 6, 7]</code> <code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3])</code> <code>[2, 3, 4, 6, 7]</code> 。'
+    testString: 'assert.sameMembers(sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3]), [2, 3, 4, 6, 7], "<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3])</code> should return <code>[2, 3, 4, 6, 7]</code>.");'
+  - text: '<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3])</code>应仅包含五个元素。'
+    testString: 'assert.equal(sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3]).length, 5, "<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3])</code> should contain only five elements.");'
+  - text: '<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1])</code>应该返回<code>[1, 2, 4, 5, 6, 7, 8, 9]</code> 。'
+    testString: 'assert.sameMembers(sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1]), [1, 2, 4, 5, 6, 7, 8, 9], "<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1])</code> should return <code>[1, 2, 4, 5, 6, 7, 8, 9]</code>.");'
+  - text: '<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1])</code>应该只包含八个元素。'
+    testString: 'assert.equal(sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1]).length, 8, "<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1])</code> should contain only eight elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sym(args) {
+  return args;
+}
+
+sym([1, 2, 3], [5, 2, 1, 4]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/implement-bubble-sort.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/implement-bubble-sort.chinese.md
new file mode 100644
index 0000000000..10b2c654ce
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/implement-bubble-sort.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 8d5123c8c441eddfaeb5bdef
+title: Implement Bubble Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: 实施冒泡排序
+---
+
+## Description
+<section id="description">这是排序算法的几个挑战中的第一个。给定一组未排序的项目，我们希望能够返回已排序的数组。我们将看到几种不同的方法来实现这一点，并学习这些不同方法之间的一些权衡。虽然大多数现代语言都有这样的操作的内置排序方法，但了解一些常见的基本方法并了解如何实现它们仍然很重要。在这里我们将看到冒泡排序。冒泡排序方法从未排序数组的开头开始，并向末端“冒泡”未排序的值，遍历数组直到它完全排序。它通过比较相邻的项目并在它们出现故障时交换它们来完成此操作。该方法继续循环遍历数组，直到没有发生交换，此时数组被排序。该方法需要通过阵列进行多次迭代，并且对于平均和最差情况，具有二次时间复杂度。虽然简单，但在大多数情况下通常都是不切实际的。 <strong>说明：</strong>编写一个函数<code>bubbleSort</code> ，它将整数数组作为输入，并按从最小到最大的排序顺序返回这些整数的数组。 <strong>注意：</strong> <br>我们从幕后调用这个功能;我们使用的测试数组在编辑器中被注释掉了。尝试记录<code>array</code>以查看您的排序算法！ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>bubbleSort</code>是一个功能。
+    testString: 'assert(typeof bubbleSort == "function", "<code>bubbleSort</code> is a function.");'
+  - text: <code>bubbleSort</code>返回一个已排序的数组（从最小到最大）。
+    testString: 'assert(isSorted(bubbleSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>bubbleSort</code> returns a sorted array (least to greatest).");'
+  - text: <code>bubbleSort</code>返回一个除订单外没有变化的数组。
+    testString: 'assert.sameMembers(bubbleSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>bubbleSort</code> returns an array that is unchanged except for order.");'
+  - text: <code>bubbleSort</code>不应使用内置的<code>.sort()</code>方法。
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>bubbleSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function bubbleSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/implement-insertion-sort.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/implement-insertion-sort.chinese.md
new file mode 100644
index 0000000000..c163610e4f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/implement-insertion-sort.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 587d8259367417b2b2512c86
+title: Implement Insertion Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: 实现插入排序
+---
+
+## Description
+<section id="description">我们将看到的下一个排序方法是插入排序。此方法通过在列表的开头构建排序数组来工作。它以第一个元素开始排序数组。然后它检查下一个元素并将其向后交换到已排序的数组，直到它处于排序位置。它继续遍历列表并将新项目向后交换到已排序的部分，直到它到达结尾。该算法在平均和最差情况下具有二次时间复杂度。 <strong>说明：</strong>编写一个函数<code>insertionSort</code> ，它将一个整数数组作为输入，并按照从最小到最大的排序顺序返回这些整数的数组。 <strong>注意：</strong> <br>我们从幕后调用这个功能;我们使用的测试数组在编辑器中被注释掉了。尝试记录<code>array</code>以查看您的排序算法！ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>insertionSort</code>是一个函数。
+    testString: 'assert(typeof insertionSort == "function", "<code>insertionSort</code> is a function.");'
+  - text: <code>insertionSort</code>返回一个排序数组（从最小到最大）。
+    testString: 'assert(isSorted(insertionSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>insertionSort</code> returns a sorted array (least to greatest).");'
+  - text: <code>insertionSort</code>返回一个除订单外没有变化的数组。
+    testString: 'assert.sameMembers(insertionSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>insertionSort</code> returns an array that is unchanged except for order.");'
+  - text: <code>insertionSort</code>不应使用内置的<code>.sort()</code>方法。
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>insertionSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function insertionSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/implement-merge-sort.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/implement-merge-sort.chinese.md
new file mode 100644
index 0000000000..11d6bb1ba8
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/implement-merge-sort.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 587d825c367417b2b2512c8f
+title: Implement Merge Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: 实现合并排序
+---
+
+## Description
+<section id="description">另一种非常常见的中间排序算法是合并排序。像快速排序一样，合并排序也使用分而治之的递归方法对数组进行排序。它利用了这样一个事实：只要每个数组首先排序，就可以相对容易地对两个数组进行排序。但是我们只从一个数组作为输入开始，那么我们如何从中获得两个排序的数组呢？好吧，我们可以递归地将原始输入分成两部分，直到我们到达具有一个项目的数组的基本情况。单项数组是自然排序的，因此我们可以开始组合。这个组合将展开拆分原始数组的递归调用，最终生成所有元素的最终排序数组。然后，合并排序的步骤是： <strong>1）</strong>递归地将输入数组拆分为一半，直到产生仅具有一个元素的子数组。 <strong>2）将</strong>每个排序的子数组合并在一起以产生最终的排序数组。合并排序是一种有效的排序方法，时间复杂度为<i>O（nlog（n））</i> 。该算法很受欢迎，因为它性能高且易于实现。顺便说一句，这将是我们在此处介绍的最后一种排序算法。但是，稍后在关于树数据结构的部分中，我们将描述堆排序，这是另一种在其实现中需要二进制堆的有效排序方法。 <strong>说明：</strong>编写一个函数<code>mergeSort</code> ，它以整数数组作为输入，并按从最小到最大的排序顺序返回这些整数的数组。实现这一点的一个好方法是编写一个函数，例如<code>merge</code> ，它负责合并两个已排序的数组，另一个函数，例如<code>mergeSort</code> ，它负责递归，生成单项数组以提供给merge。祝你好运！ <strong>注意：</strong> <br>我们从幕后调用这个功能;我们使用的测试数组在编辑器中被注释掉了。尝试记录<code>array</code>以查看您的排序算法！ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>mergeSort</code>是一个函数。
+    testString: 'assert(typeof mergeSort == "function", "<code>mergeSort</code> is a function.");'
+  - text: <code>mergeSort</code>返回一个排序数组（从最小到最大）。
+    testString: 'assert(isSorted(mergeSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>mergeSort</code> returns a sorted array (least to greatest).");'
+  - text: <code>mergeSort</code>返回一个除订单外没有变化的数组。
+    testString: 'assert.sameMembers(mergeSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>mergeSort</code> returns an array that is unchanged except for order.");'
+  - text: <code>mergeSort</code>不应使用内置的<code>.sort()</code>方法。
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>mergeSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function mergeSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/implement-quick-sort.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/implement-quick-sort.chinese.md
new file mode 100644
index 0000000000..f5da538698
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/implement-quick-sort.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 587d825a367417b2b2512c89
+title: Implement Quick Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: 实施快速排序
+---
+
+## Description
+<section id="description">在这里，我们将继续讨论中间排序算法：快速排序。快速排序是对数组进行排序的一种有效的，递归的分而治之的方法。在此方法中，在原始数组中选择了一个数据透视值。然后将该数组分成两个小于和大于数值的子数组。然后，我们在两个子阵列上结合递归调用快速排序算法的结果。这一直持续到达到空或单项数组的基本情况，我们返回。递归调用的展开将返回已排序的数组。快速排序是一种非常有效的排序方法，平均提供<i>O（nlog（n））</i>性能。它也相对容易实现。这些属性使其成为一种流行且有用的排序方法。 <strong>说明：</strong>编写一个函数<code>quickSort</code> ，它将整数数组作为输入，并按从最小到最大的排序顺序返回这些整数的数组。虽然枢轴值的选择很重要，但任何支点都可以用于我们的目的。为简单起见，可以使用第一个或最后一个元素。 <strong>注意：</strong> <br>我们从幕后调用这个功能;我们使用的测试数组在编辑器中被注释掉了。尝试记录<code>array</code>以查看您的排序算法！ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>quickSort</code>是一个功能。
+    testString: 'assert(typeof quickSort == "function", "<code>quickSort</code> is a function.");'
+  - text: <code>quickSort</code>返回一个排序数组（从最小到最大）。
+    testString: 'assert(isSorted(quickSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>quickSort</code> returns a sorted array (least to greatest).");'
+  - text: <code>quickSort</code>返回一个除订单外没有变化的数组。
+    testString: 'assert.sameMembers(quickSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>quickSort</code> returns an array that is unchanged except for order.");'
+  - text: <code>quickSort</code>不应使用内置的<code>.sort()</code>方法。
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>quickSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function quickSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/implement-selection-sort.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/implement-selection-sort.chinese.md
new file mode 100644
index 0000000000..65e74bd362
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/implement-selection-sort.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 587d8259367417b2b2512c85
+title: Implement Selection Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: 实施选择排序
+---
+
+## Description
+<section id="description">这里我们将实现选择排序。选择排序的工作原理是选择列表中的最小值并使用列表中的第一个值进行交换。然后它从第二个位置开始，选择剩余列表中的最小值，并将其与第二个元素交换。它继续遍历列表并交换元素，直到它到达列表的末尾。现在列表已排序。在所有情况下，选择排序都具有二次时间复杂度。 <strong>说明</strong> ：编写一个函数<code>selectionSort</code> ，它将一个整数数组作为输入，并按照从最小到最大的排序顺序返回这些整数的数组。 <strong>注意：</strong> <br>我们从幕后调用这个功能;我们使用的测试数组在编辑器中被注释掉了。尝试记录<code>array</code>以查看您的排序算法！ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>selectionSort</code>是一个函数。
+    testString: 'assert(typeof selectionSort == "function", "<code>selectionSort</code> is a function.");'
+  - text: <code>selectionSort</code>返回一个排序数组（从最小到最大）。
+    testString: 'assert(isSorted(selectionSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>selectionSort</code> returns a sorted array (least to greatest).");'
+  - text: <code>selectionSort</code>返回一个除订单外没有变化的数组。
+    testString: 'assert.sameMembers(selectionSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>selectionSort</code> returns an array that is unchanged except for order.");'
+  - text: <code>selectionSort</code>不应使用内置的<code>.sort()</code>方法。
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>selectionSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function selectionSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/inventory-update.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/inventory-update.chinese.md
new file mode 100644
index 0000000000..b760dc3594
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/inventory-update.chinese.md
@@ -0,0 +1,80 @@
+---
+id: a56138aff60341a09ed6c480
+title: Inventory Update
+challengeType: 5
+videoUrl: ''
+localeTitle: 库存更新
+---
+
+## Description
+<section id="description">比较并更新存储在2D阵列中的库存与新交付的第二个2D阵列。更新当前现有库存物料数量（在<code>arr1</code> ）。如果找不到商品，请将新商品和数量添加到库存数组中。返回的库存数组应按项目的字母顺序排列。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 函数<code>updateInventory</code>应该返回一个数组。
+    testString: 'assert.isArray(updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]]), "The function <code>updateInventory</code> should return an array.");'
+  - text: '<code>updateInventory([[21, &quot;Bowling Ball&quot;], [2, &quot;Dirty Sock&quot;], [1, &quot;Hair Pin&quot;], [5, &quot;Microphone&quot;]], [[2, &quot;Hair Pin&quot;], [3, &quot;Half-Eaten Apple&quot;], [67, &quot;Bowling Ball&quot;], [7, &quot;Toothpaste&quot;]])</code>应该返回一个长度为6的数组。'
+    testString: 'assert.equal(updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]]).length, 6, "<code>updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]])</code> should return an array with a length of 6.");'
+  - text: '<code>updateInventory([[21, &quot;Bowling Ball&quot;], [2, &quot;Dirty Sock&quot;], [1, &quot;Hair Pin&quot;], [5, &quot;Microphone&quot;]], [[2, &quot;Hair Pin&quot;], [3, &quot;Half-Eaten Apple&quot;], [67, &quot;Bowling Ball&quot;], [7, &quot;Toothpaste&quot;]])</code>应返回<code>[[88, &quot;Bowling Ball&quot;], [2, &quot;Dirty Sock&quot;], [3, &quot;Hair Pin&quot;], [3, &quot;Half-Eaten Apple&quot;], [5, &quot;Microphone&quot;], [7, &quot;Toothpaste&quot;]]</code> 。'
+    testString: 'assert.deepEqual(updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]]), [[88, "Bowling Ball"], [2, "Dirty Sock"], [3, "Hair Pin"], [3, "Half-Eaten Apple"], [5, "Microphone"], [7, "Toothpaste"]], "<code>updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]])</code> should return <code>[[88, "Bowling Ball"], [2, "Dirty Sock"], [3, "Hair Pin"], [3, "Half-Eaten Apple"], [5, "Microphone"], [7, "Toothpaste"]]</code>.");'
+  - text: '<code>updateInventory([[21, &quot;Bowling Ball&quot;], [2, &quot;Dirty Sock&quot;], [1, &quot;Hair Pin&quot;], [5, &quot;Microphone&quot;]], [])</code>应该返回<code>[[21, &quot;Bowling Ball&quot;], [2, &quot;Dirty Sock&quot;], [1, &quot;Hair Pin&quot;], [5, &quot;Microphone&quot;]]</code> 。'
+    testString: 'assert.deepEqual(updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], []), [[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], "<code>updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [])</code> should return <code>[[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]]</code>.");'
+  - text: '<code>updateInventory([], [[2, &quot;Hair Pin&quot;], [3, &quot;Half-Eaten Apple&quot;], [67, &quot;Bowling Ball&quot;], [7, &quot;Toothpaste&quot;]])</code>应该返回<code>[[67, &quot;Bowling Ball&quot;], [2, &quot;Hair Pin&quot;], [3, &quot;Half-Eaten Apple&quot;], [7, &quot;Toothpaste&quot;]]</code> 。'
+    testString: 'assert.deepEqual(updateInventory([], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]]), [[67, "Bowling Ball"], [2, "Hair Pin"], [3, "Half-Eaten Apple"], [7, "Toothpaste"]], "<code>updateInventory([], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]])</code> should return <code>[[67, "Bowling Ball"], [2, "Hair Pin"], [3, "Half-Eaten Apple"], [7, "Toothpaste"]]</code>.");'
+  - text: '<code>updateInventory([[0, &quot;Bowling Ball&quot;], [0, &quot;Dirty Sock&quot;], [0, &quot;Hair Pin&quot;], [0, &quot;Microphone&quot;]], [[1, &quot;Hair Pin&quot;], [1, &quot;Half-Eaten Apple&quot;], [1, &quot;Bowling Ball&quot;], [1, &quot;Toothpaste&quot;]])</code>应返回<code>[[1, &quot;Bowling Ball&quot;], [0, &quot;Dirty Sock&quot;], [1, &quot;Hair Pin&quot;], [1, &quot;Half-Eaten Apple&quot;], [0, &quot;Microphone&quot;], [1, &quot;Toothpaste&quot;]]</code> 。'
+    testString: 'assert.deepEqual(updateInventory([[0, "Bowling Ball"], [0, "Dirty Sock"], [0, "Hair Pin"], [0, "Microphone"]], [[1, "Hair Pin"], [1, "Half-Eaten Apple"], [1, "Bowling Ball"], [1, "Toothpaste"]]), [[1, "Bowling Ball"], [0, "Dirty Sock"], [1, "Hair Pin"], [1, "Half-Eaten Apple"], [0, "Microphone"], [1, "Toothpaste"]], "<code>updateInventory([[0, "Bowling Ball"], [0, "Dirty Sock"], [0, "Hair Pin"], [0, "Microphone"]], [[1, "Hair Pin"], [1, "Half-Eaten Apple"], [1, "Bowling Ball"], [1, "Toothpaste"]])</code> should return <code>[[1, "Bowling Ball"], [0, "Dirty Sock"], [1, "Hair Pin"], [1, "Half-Eaten Apple"], [0, "Microphone"], [1, "Toothpaste"]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function updateInventory(arr1, arr2) {
+    // All inventory must be accounted for or you're fired!
+    return arr1;
+}
+
+// Example inventory lists
+var curInv = [
+    [21, "Bowling Ball"],
+    [2, "Dirty Sock"],
+    [1, "Hair Pin"],
+    [5, "Microphone"]
+];
+
+var newInv = [
+    [2, "Hair Pin"],
+    [3, "Half-Eaten Apple"],
+    [67, "Bowling Ball"],
+    [7, "Toothpaste"]
+];
+
+updateInventory(curInv, newInv);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/no-repeats-please.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/no-repeats-please.chinese.md
new file mode 100644
index 0000000000..9a798760b2
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/no-repeats-please.chinese.md
@@ -0,0 +1,72 @@
+---
+id: a7bf700cd123b9a54eef01d5
+title: No Repeats Please
+challengeType: 5
+videoUrl: ''
+localeTitle: 请不要重复
+---
+
+## Description
+<section id="description">返回没有重复连续字母的提供字符串的总排列数。假设提供的字符串中的所有字符都是唯一的。例如， <code>aab</code>应该返回2，因为它总共有6个排列（ <code>aab</code> ， <code>aab</code> ， <code>aba</code> ， <code>aba</code> ， <code>baa</code> ， <code>baa</code> ），但只有2个（ <code>aba</code>和<code>aba</code> ）没有相同的字母（在这种情况下为<code>a</code> ）重复。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>permAlone(&quot;aab&quot;)</code>应返回一个数字。
+    testString: 'assert.isNumber(permAlone("aab"), "<code>permAlone("aab")</code> should return a number.");'
+  - text: <code>permAlone(&quot;aab&quot;)</code>应返回2。
+    testString: 'assert.strictEqual(permAlone("aab"), 2, "<code>permAlone("aab")</code> should return 2.");'
+  - text: <code>permAlone(&quot;aaa&quot;)</code>应该返回0。
+    testString: 'assert.strictEqual(permAlone("aaa"), 0, "<code>permAlone("aaa")</code> should return 0.");'
+  - text: <code>permAlone(&quot;aabb&quot;)</code>应该返回8。
+    testString: 'assert.strictEqual(permAlone("aabb"), 8, "<code>permAlone("aabb")</code> should return 8.");'
+  - text: <code>permAlone(&quot;abcdefa&quot;)</code>应返回3600。
+    testString: 'assert.strictEqual(permAlone("abcdefa"), 3600, "<code>permAlone("abcdefa")</code> should return 3600.");'
+  - text: <code>permAlone(&quot;abfdefa&quot;)</code>应返回2640。
+    testString: 'assert.strictEqual(permAlone("abfdefa"), 2640, "<code>permAlone("abfdefa")</code> should return 2640.");'
+  - text: <code>permAlone(&quot;zzzzzzzz&quot;)</code>应该返回0。
+    testString: 'assert.strictEqual(permAlone("zzzzzzzz"), 0, "<code>permAlone("zzzzzzzz")</code> should return 0.");'
+  - text: <code>permAlone(&quot;a&quot;)</code>应返回1。
+    testString: 'assert.strictEqual(permAlone("a"), 1, "<code>permAlone("a")</code> should return 1.");'
+  - text: <code>permAlone(&quot;aaab&quot;)</code>应该返回0。
+    testString: 'assert.strictEqual(permAlone("aaab"), 0, "<code>permAlone("aaab")</code> should return 0.");'
+  - text: <code>permAlone(&quot;aaabb&quot;)</code>应该返回12。
+    testString: 'assert.strictEqual(permAlone("aaabb"), 12, "<code>permAlone("aaabb")</code> should return 12.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function permAlone(str) {
+  return str;
+}
+
+permAlone('aab');
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/pairwise.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/pairwise.chinese.md
new file mode 100644
index 0000000000..cfe570201b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/algorithms/pairwise.chinese.md
@@ -0,0 +1,62 @@
+---
+id: a3f503de51cfab748ff001aa
+title: Pairwise
+challengeType: 5
+videoUrl: ''
+localeTitle: 成对
+---
+
+## Description
+<section id="description">给定一个数组<code>arr</code> ，找到其总和等于第二个参数<code>arg</code>元素对，并返回它们的索引之和。您可以使用具有相同数字元素但索引不同的多个对。每对应使用尽可能低的可用指数。一旦元素被使用，它就不能被重用来与另一个元素配对。例如， <code>pairwise([1, 1, 2], 3)</code>使用indice 0处的1而不是indice 1处的1创建一对<code>[2, 1]</code> ，因为0 + 2 &lt;1 + 2。例如， <code>pairwise([7, 9, 11, 13, 15], 20)</code>返回<code>6</code> 。总和为20的对是<code>[7, 13]</code>和<code>[9, 11]</code> 。然后我们可以用它们的索引和值写出数组。 <table class="table"><tbody><tr><th> <strong>指数</strong> </th><th> 0 </th><th> 1 </th><th> 2 </th><th> 3 </th><th> 4 </th></tr><tr><td>值</td><td> 7 </td><td> 9 </td><td> 11 </td><td> 13 </td><td> 15 </td></tr></tbody></table>下面我们将采用相应的索引并添加它们。 7 + 13 = 20→指数0 + 3 = 3 <br> 9 + 11 = 20→指数1 + 2 = 3 <br> 3 + 3 = 6→返回<code>6</code>如果卡住，请记住使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>pairwise([1, 4, 2, 3, 0, 5], 7)</code>应该返回11。'
+    testString: 'assert.deepEqual(pairwise([1, 4, 2, 3, 0, 5], 7), 11, "<code>pairwise([1, 4, 2, 3, 0, 5], 7)</code> should return 11.");'
+  - text: '<code>pairwise([1, 3, 2, 4], 4)</code>应该返回1。'
+    testString: 'assert.deepEqual(pairwise([1, 3, 2, 4], 4), 1, "<code>pairwise([1, 3, 2, 4], 4)</code> should return 1.");'
+  - text: '<code>pairwise([1, 1, 1], 2)</code>应该返回1。'
+    testString: 'assert.deepEqual(pairwise([1, 1, 1], 2), 1, "<code>pairwise([1, 1, 1], 2)</code> should return 1.");'
+  - text: '<code>pairwise([0, 0, 0, 0, 1, 1], 1)</code>应返回10。'
+    testString: 'assert.deepEqual(pairwise([0, 0, 0, 0, 1, 1], 1), 10, "<code>pairwise([0, 0, 0, 0, 1, 1], 1)</code> should return 10.");'
+  - text: '<code>pairwise([], 100)</code>应该返回0。'
+    testString: 'assert.deepEqual(pairwise([], 100), 0, "<code>pairwise([], 100)</code> should return 0.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pairwise(arr, arg) {
+  return arg;
+}
+
+pairwise([1,4,2,3,0,5], 7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/add-a-new-element-to-a-binary-search-tree.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/add-a-new-element-to-a-binary-search-tree.chinese.md
new file mode 100644
index 0000000000..3cc8ca79fe
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/add-a-new-element-to-a-binary-search-tree.chinese.md
@@ -0,0 +1,74 @@
+---
+id: 587d8257367417b2b2512c7b
+title: Add a New Element to a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: 将新元素添加到二叉搜索树
+---
+
+## Description
+<section id="description">现在我们已经了解了基础知识，让我们编写一个更复杂的方法。在此挑战中，我们将创建一个向二叉搜索树添加新值的方法。该方法应该被称为<code>add</code> ，它应该接受一个整数值来添加到树中。注意保持二叉搜索树的不变量：每个左子项中的值应小于或等于父值，并且每个右子项中的值应大于或等于父值。在这里，让我们这样做，以便我们的树不能容纳重复的值。如果我们尝试添加已存在的值，则该方法应返回<code>null</code> 。否则，如果添加成功，则应返回<code>undefined</code> 。提示：树是自然递归的数据结构！ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 存在<code>BinarySearchTree</code>数据结构。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: 二叉搜索树有一个名为<code>add</code>的方法。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.add == "function")})(), "The binary search tree has a method called <code>add</code>.");'
+  - text: add方法根据二叉搜索树规则添加元素。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.add !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); const expectedResult = [ 1, 4, 7, 8, 34, 45, 73, 87 ]; const result = test.inOrder(); return (expectedResult.toString() === result.toString()); })(), "The add method adds elements according to the binary search tree rules.");'
+  - text: 添加已存在的元素将返回<code>null</code>
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.add !== "function") { return false; }; test.add(4); return test.add(4) == null; })(), "Adding an element that already exists returns <code>null</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/add-elements-at-a-specific-index-in-a-linked-list.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/add-elements-at-a-specific-index-in-a-linked-list.chinese.md
new file mode 100644
index 0000000000..ab88a45dc2
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/add-elements-at-a-specific-index-in-a-linked-list.chinese.md
@@ -0,0 +1,92 @@
+---
+id: 587d8252367417b2b2512c67
+title: Add Elements at a Specific Index in a Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: 在链接列表中的特定索引处添加元素
+---
+
+## Description
+<section id="description">让我们创建一个addAt（index，element）方法，在给定的索引处添加一个元素。就像我们如何删除给定索引处的元素一样，我们需要在遍历链表时跟踪currentIndex。当currentIndex与给定索引匹配时，我们需要重新分配上一个节点的下一个属性以引用新添加的节点。并且新节点应该引用currentIndex中的下一个节点。回到康加线的例子，一个新人想加入这条线，但他想加入中间。你处于中间位置，所以你要把手从你前面的人身上移开。新人走过去，把手放在你曾经牵过手的那个人身上，现在你已经掌握了新人。说明创建addAt（index，element）方法，该方法在给定索引处添加元素。如果无法添加元素，则返回false。注意请记住检查给定索引是否为负数或者是否长于链接列表的长度。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 当给定索引为0时， <code>addAt</code>方法应重新分配<code>head</code>到新节点。
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.addAt(0,"cat"); return test.head().element === "cat"}()), "Your <code>addAt</code> method should reassign <code>head</code> to the new node when the given index is 0.");'
+  - text: 对于添加到链接列表的每个新节点， <code>addAt</code>方法应该将链表的长度增加一。
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.addAt(0,"cat"); return test.size() === 3}()), "Your <code>addAt</code> method should increase the length of the linked list by one for each new node added to the linked list.");'
+  - text: 如果无法添加节点，则<code>addAt</code>方法应返回<code>false</code> 。
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); return (test.addAt(4,"cat") === false); }()), "Your <code>addAt</code> method should return <code>false</code> if a node was unable to be added.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+        currentNode = head;
+
+        while(currentNode.next){
+            currentNode  = currentNode.next;
+        }
+
+        currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  // Only change code below this line
+
+  // Only change code above this line
+
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/adjacency-list.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/adjacency-list.chinese.md
new file mode 100644
index 0000000000..ad5e7577a3
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/adjacency-list.chinese.md
@@ -0,0 +1,56 @@
+---
+id: 587d8256367417b2b2512c77
+title: Adjacency List
+challengeType: 1
+videoUrl: ''
+localeTitle: 邻接名单
+---
+
+## Description
+<section id="description">图表可以以不同方式表示。这里我们描述一种方法，称为<dfn>邻接列表</dfn> 。邻接列表本质上是项目符号列表，其中左侧是节点，右侧列出它所连接的所有其他节点。下面是邻接列表的表示。 <blockquote> Node1：Node2，Node3 <br> Node2：Node1 <br> Node3：Node1 </blockquote>以上是无向图，因为<code>Node1</code>连接到<code>Node2</code>和<code>Node3</code> ，并且该信息与<code>Node2</code>和<code>Node3</code>显示的连接一致。有向图的邻接列表意味着列表的每一行都显示方向。如果指示上述内容，那么<code>Node2: Node1</code>将意味着有向边缘从<code>Node2</code>指向<code>Node1</code> 。我们可以将上面的无向图表示为邻接列表，方法是将其放在JavaScript对象中。 <blockquote> var undirectedG = { <br>节点1：[“Node2”，“Node3”]， <br> Node2：[“Node1”]， <br> Node3：[“Node1”] <br> }; </blockquote>这也可以更简单地表示为一个数组，其中节点只有数字而不是字符串标签。 <blockquote> var undirectedGArr = [ <br> [1,2]，＃Node1 <br> [0]，＃Node2 <br> [0] #Node3 <br> ]。 </blockquote></section>
+
+## Instructions
+<section id="instructions">创建一个社交网络作为无向图，其中有4个节点/人名为<code>James</code> ， <code>Jill</code> ， <code>Jenny</code>和<code>Jeff</code> 。詹姆斯和杰夫，吉尔和珍妮以及杰夫和珍妮之间存在边缘/关系。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>undirectedAdjList</code>应该只包含四个节点。
+    testString: 'assert(Object.keys(undirectedAdjList).length === 4, "<code>undirectedAdjList</code> should only contain four nodes.");'
+  - text: <code>Jeff</code>和<code>James</code>之间应该有优势。
+    testString: 'assert(undirectedAdjList.James.indexOf("Jeff") !== -1 && undirectedAdjList.Jeff.indexOf("James") !== -1, "There should be an edge between <code>Jeff</code> and <code>James</code>.");'
+  - text: <code>Jill</code>和<code>Jenny</code>之间应该有一个优势。
+    testString: 'assert(undirectedAdjList.Jill.indexOf("Jenny") !== -1 && undirectedAdjList.Jill.indexOf("Jenny") !== -1, "There should be an edge between <code>Jill</code> and <code>Jenny</code>.");'
+  - text: <code>Jeff</code>和<code>Jenny</code>之间应该有优势。
+    testString: 'assert(undirectedAdjList.Jeff.indexOf("Jenny") !== -1 && undirectedAdjList.Jenny.indexOf("Jeff") !== -1, "There should be an edge between <code>Jeff</code> and <code>Jenny</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var undirectedAdjList = {
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/adjacency-matrix.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/adjacency-matrix.chinese.md
new file mode 100644
index 0000000000..60931e12ce
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/adjacency-matrix.chinese.md
@@ -0,0 +1,58 @@
+---
+id: 587d8256367417b2b2512c78
+title: Adjacency Matrix
+challengeType: 1
+videoUrl: ''
+localeTitle: 邻接矩阵
+---
+
+## Description
+<section id="description">表示图形的另一种方法是将其置于<dfn>邻接矩阵中</dfn> 。 <dfn>邻接矩阵</dfn>是二维（2D）阵列，其中每个嵌套数组具有与外部数组相同数量的元素。换句话说，它是数字的矩阵或网格，其中数字代表边缘。零意味着没有边缘或关系。 <blockquote> 1 2 3 <br> ------ <br> 1 | 0 1 1 <br> 2 | 1 0 0 <br> 3 | 1 0 0 </blockquote>上面是一个非常简单的无向图，其中有三个节点，第一个节点连接到第二个和第三个节点。 <strong>注意</strong> ：矩阵顶部和左侧的数字只是节点的标签。下面是同一件事的JavaScript实现。 <blockquote> var adjMat = [ <br> [0,1,1]， <br> [1,0,0]， <br> [1,0,0] <br> ]。 </blockquote>与邻接列表不同，矩阵的每个“行”必须具有与图中的节点相同数量的元素。这里我们有一个三乘三矩阵，这意味着我们的图中有三个节点。有向图看起来很相似。下面是第一节点具有指向第二节点的边缘，然后第二节点具有指向第三节点的边缘的图。 <blockquote> var adjMatDirected = [ <br> [0,1,0]， <br> [0,0,1]， <br> [0,0,0] <br> ]。 </blockquote>图形的边缘也可以有权<dfn>重</dfn> 。到目前为止，我们有<dfn>未加权的</dfn>边缘，只有存在和缺少边是二进制（ <code>0</code>或<code>1</code> ）。根据您的应用，您可以拥有不同的重量。 </section>
+
+## Instructions
+<section id="instructions">创建具有五个节点的无向​​图的邻接矩阵。该矩阵应该是多维数组。这五个节点在第一和第四节点，第一和第三节点，第三和第五节点以及第四和第五节点之间具有关系。所有边缘权重都是一个。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>undirectedAdjList</code>应该只包含五个节点。
+    testString: 'assert((adjMatUndirected.length === 5) && adjMatUndirected.map(function(x) { return x.length === 5 }).reduce(function(a, b) { return a && b }) , "<code>undirectedAdjList</code> should only contain five nodes.");'
+  - text: 第一个和第四个节点之间应该有一条边。
+    testString: 'assert((adjMatUndirected[0][3] === 1) && (adjMatUndirected[3][0] === 1), "There should be an edge between the first and fourth node.");'
+  - text: 第一个和第三个节点之间应该有一条边。
+    testString: 'assert((adjMatUndirected[0][2] === 1) && (adjMatUndirected[2][0] === 1), "There should be an edge between the first and third node.");'
+  - text: 第三个和第五个节点之间应该有一条边。
+    testString: 'assert((adjMatUndirected[2][4] === 1) && (adjMatUndirected[4][2] === 1), "There should be an edge between the third and fifth node.");'
+  - text: 第四个和第五个节点之间应该有一条边。
+    testString: 'assert((adjMatUndirected[3][4] === 1) && (adjMatUndirected[4][3] === 1), "There should be an edge between the fourth and fifth node.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var adjMatUndirected = [
+];
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/breadth-first-search.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/breadth-first-search.chinese.md
new file mode 100644
index 0000000000..71c260b656
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/breadth-first-search.chinese.md
@@ -0,0 +1,76 @@
+---
+id: 587d825c367417b2b2512c90
+title: Breadth-First Search
+challengeType: 1
+videoUrl: ''
+localeTitle: 广度优先搜索
+---
+
+## Description
+<section id="description">到目前为止，我们已经学会了创建图表表示的不同方法。现在怎么办？一个自然的问题是图中任何两个节点之间的距离是多少？输入<dfn>图遍历算法</dfn> 。 <dfn>遍历算法</dfn>是遍历或访问图中节点的算法。一种遍历算法是广度优先搜索算法。该算法从一个节点开始，首先访问一个边缘的所有邻居，然后继续访问它们的每个邻居。在视觉上，这就是算法正在做的事情。 <img class="img-responsive" src="https://camo.githubusercontent.com/2f57e6239884a1a03402912f13c49555dec76d06/68747470733a2f2f75706c6f61642e77696b696d656469612e6f72672f77696b6970656469612f636f6d6d6f6e732f342f34362f416e696d617465645f4246532e676966">要实现此算法，您需要输入图形结构和要启动的节点。首先，您需要了解距起始节点的距离。这个你想要开始你所有的距离最初一些大的数字，如<code>Infinity</code> 。这为从起始节点无法访问节点的情况提供了参考。接下来，您将要从开始节点转到其邻居。这些邻居是一个边缘，此时你应该添加一个距离单位到你要跟踪的距离。最后，有助于实现广度优先搜索算法的重要数据结构是队列。这是一个数组，您可以在其中添加元素到一端并从另一端删除元素。这也称为<dfn>FIFO</dfn>或<dfn>先进先出</dfn>数据结构。 </section>
+
+## Instructions
+<section id="instructions">编写一个函数<code>bfs()</code> ，它将邻接矩阵图（二维数组）和节点标签根作为参数。节点标签只是<code>0</code>到<code>n - 1</code>之间节点的整数值，其中<code>n</code>是图中节点的总数。您的函数将输出JavaScript对象键值对与节点及其与根的距离。如果无法到达节点，则其距离应为<code>Infinity</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '输入图<code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> ，起始节点为<code>1</code>应该返回<code>{0: 1, 1: 0, 2: 1, 3: 2}</code>'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]; var results = bfs(graph, 1); return isEquivalent(results, {0: 1, 1: 0, 2: 1, 3: 2})})(), "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>1</code> should return <code>{0: 1, 1: 0, 2: 1, 3: 2}</code>");'
+  - text: '输入图<code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> ，起始节点为<code>1</code>应该返回<code>{0: 1, 1: 0, 2: 1, 3: Infinity}</code>'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]; var results = bfs(graph, 1); return isEquivalent(results, {0: 1, 1: 0, 2: 1, 3: Infinity})})(), "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> with a start node of <code>1</code> should return <code>{0: 1, 1: 0, 2: 1, 3: Infinity}</code>");'
+  - text: '输入图<code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> ，起始节点为<code>0</code>应该返回<code>{0: 0, 1: 1, 2: 2, 3: 3}</code>'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]; var results = bfs(graph, 0); return isEquivalent(results, {0: 0, 1: 1, 2: 2, 3: 3})})(), "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>0</code> should return <code>{0: 0, 1: 1, 2: 2, 3: 3}</code>");'
+  - text: '起始节点为<code>0</code>的输入图<code>[[0, 1], [1, 0]]</code>应返回<code>{0: 0, 1: 1}</code>'
+    testString: 'assert((function() { var graph = [[0, 1], [1, 0]]; var results = bfs(graph, 0); return isEquivalent(results, {0: 0, 1: 1})})(), "The input graph <code>[[0, 1], [1, 0]]</code> with a start node of <code>0</code> should return <code>{0: 0, 1: 1}</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function bfs(graph, root) {
+  // Distance object returned
+  var nodesLen = {};
+
+  return nodesLen;
+};
+
+var exBFSGraph = [
+  [0, 1, 0, 0],
+  [1, 0, 1, 0],
+  [0, 1, 0, 1],
+  [0, 0, 1, 0]
+];
+console.log(bfs(exBFSGraph, 3));
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/check-if-an-element-is-present-in-a-binary-search-tree.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/check-if-an-element-is-present-in-a-binary-search-tree.chinese.md
new file mode 100644
index 0000000000..1ccdc2859d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/check-if-an-element-is-present-in-a-binary-search-tree.chinese.md
@@ -0,0 +1,74 @@
+---
+id: 587d8257367417b2b2512c7c
+title: Check if an Element is Present in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: 检查二进制搜索树中是否存在元素
+---
+
+## Description
+<section id="description">现在我们对二进制搜索树有了一般意义，让我们更详细地讨论它。二进制搜索树为平均情况下的查找，插入和删除的常见操作提供对数时间，并且在最坏情况下提供线性时间。为什么是这样？这些基本操作中的每一个都要求我们在树中找到一个项目（或者在插入的情况下找到它应该去的地方），并且由于每个父节点处的树结构，我们向左或向右分支并且有效地排除了一半的大小剩下的树。这使得搜索与树中节点数的对数成比例，这在平均情况下为这些操作创建对数时间。好的，但最坏的情况呢？那么，可考虑从以下值建构一棵树，将它们从左至右： <code>10</code> ， <code>12</code> ， <code>17</code> ， <code>25</code> 。根据我们的规则二叉搜索树，我们将增加<code>12</code>到右侧<code>10</code> ， <code>17</code> ，以这样的权利，以及<code>25</code>到这一权利。现在我们的树类似于一个链表，并且遍历它以找到<code>25</code>将要求我们以线性方式遍历所有项目。因此，在最坏的情况下，线性时间。这里的问题是树是不平衡的。我们将更多地了解这在以下挑战中意味着什么。说明：在此挑战中，我们将为树创建一个实用程序。编写一个方法<code>isPresent</code> ，它接受一个整数值作为输入，并在二叉搜索树中返回该值是否存在的布尔值。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 存在<code>BinarySearchTree</code>数据结构。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: 二叉搜索树有一个名为<code>isPresent</code>的方法。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.isPresent == "function")})(), "The binary search tree has a method called <code>isPresent</code>.");'
+  - text: <code>isPresent</code>方法正确检查添加到树中的元素是否存在。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.isPresent !== "function") { return false; }; test.add(4); test.add(7); test.add(411); test.add(452); return ( test.isPresent(452) && test.isPresent(411) && test.isPresent(7) && !test.isPresent(100) ); })(), "The <code>isPresent</code> method correctly checks for the presence or absence of elements added to the tree.");'
+  - text: <code>isPresent</code>处理树为空的情况。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.isPresent !== "function") { return false; }; return test.isPresent(5) == false; })(), "<code>isPresent</code> handles cases where the tree is empty.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-circular-queue.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-circular-queue.chinese.md
new file mode 100644
index 0000000000..849290c558
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-circular-queue.chinese.md
@@ -0,0 +1,89 @@
+---
+id: 587d8255367417b2b2512c75
+title: Create a Circular Queue
+challengeType: 1
+videoUrl: ''
+localeTitle: 创建循环队列
+---
+
+## Description
+<section id="description">在此挑战中，您将创建一个循环队列。循环队列基本上是一个写入集合末尾的队列，然后开始在集合开头写自己。这种类型的数据结构在某些情况下具有一些有用的应用。例如，循环队列可用于流媒体。队列填满后，新媒体数据就会开始覆盖旧数据。说明这个概念的一个好方法是使用数组： <blockquote> [1,2,3,4,5] <br> ^读@ 0 <br> ^写@ 0 </blockquote>这里的读写都在<code>0</code> 。现在队列获得3个新记录<code>a</code> ， <code>b</code>和<code>c</code> 。我们的队列现在看起来像： <blockquote> [a，b，c，4,5] <br> ^读@ 0 <br> ^写@ 3 </blockquote>当读头读取时，它可以删除值或保留它们： <blockquote> [null，null，null，4,5] <br> ^阅读@ 3 <br> ^写@ 3 </blockquote>一旦写入到达数组的末尾，它就会循环回到开头： <blockquote> [f，null，null，d，e] <br> ^阅读@ 3 <br> ^写@ 1 </blockquote>这种方法需要恒定的内存量，但允许处理更大尺寸的文件。说明：在此挑战中，我们将实现循环队列。循环队列应提供<code>enqueue</code>和<code>dequeue</code>方法，允许您读取和写入队列。类本身也应该接受一个整数，您可以使用该整数在创建队列时指定队列的大小。我们已经在代码编辑器中为您编写了此类的起始版本。将项目排入队列时，写入指针应向前推进，并在到达队列末尾时循环回到开头。同样，当您使项目出列时，读指针应向前推进。不应允许写指针移过读指针（我们的类不会让你覆盖你还没有读过的数据），并且读指针不能超过你写的数据。此外，如果成功，则<code>enqueue</code>方法应返回您入<code>enqueue</code>的项，否则返回<code>null</code> 。类似地，当你使一个项目出列时，它应该被返回，如果你不能出列，你应该返回<code>null</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>enqueue</code>方法将项添加到循环队列。
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(591); var print = test.print(); return print[0] === 17 && print[1] === 32 && print[2] === 591; })(), "The <code>enqueue</code> method adds items to the circular queue.");'
+  - text: 您不能通过读指针将项排入队列。
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(591); test.enqueue(13); test.enqueue(25); test.enqueue(59); var print = test.print(); return print[0] === 17 && print[1] === 32 && print[2] === 591; })(), "You cannot enqueue items past the read pointer.");'
+  - text: <code>dequeue</code>方法使队列中的项目出列。
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(591); return test.dequeue() === 17 && test.dequeue() === 32 && test.dequeue() === 591; })(), "The <code>dequeue</code> method dequeues items from the queue.");'
+  - text: 项目出列后，其队列中的位置应重置为<code>null</code> 。
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(672); test.dequeue(); test.dequeue(); var print = test.print(); return print[0] === null && print[1] === null && print[2] === 672; })(), "After an item is dequeued its position in the queue should be reset to <code>null</code>.");'
+  - text: 尝试通过写指针出列队列返回<code>null</code>并且不会使写指针前进。
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(591); return test.dequeue() === 17 && test.dequeue() === 32 && test.dequeue() === 591 && test.dequeue() === null && test.dequeue() === null && test.dequeue() === null && test.dequeue() === null && test.enqueue(100) === 100 && test.dequeue() === 100; })(), "Trying to dequeue past the write pointer returns <code>null</code> and does not advance the write pointer.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+class CircularQueue {
+   constructor(size) {
+
+     this.queue = [];
+     this.read = 0;
+     this.write = 0;
+     this.max = size - 1;
+
+     while (size > 0) {
+        this.queue.push(null);
+        size--;
+     }
+
+   }
+
+   print() {
+     return this.queue;
+   }
+
+
+   enqueue(item) {
+    // Only change code below this line
+
+    // Only change code above this line
+   }
+
+   dequeue() {
+    // Only change code below this line
+
+    // Only change code above this line
+   }
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-doubly-linked-list.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-doubly-linked-list.chinese.md
new file mode 100644
index 0000000000..e5eff85b62
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-doubly-linked-list.chinese.md
@@ -0,0 +1,81 @@
+---
+id: 587d825a367417b2b2512c87
+title: Create a Doubly Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: 创建双向链接列表
+---
+
+## Description
+<section id="description">到目前为止，我们创建的所有链接列表都是单链表。在这里，我们将创建一个<dfn>双向链表</dfn> 。顾名思义，双向链表中的节点引用了列表中的下一个和上一个节点。这允许我们在两个方向上遍历列表，但它还需要使用更多内存，因为每个节点必须包含对列表中前一个节点的附加引用。 </section>
+
+## Instructions
+<section id="instructions">我们提供了一个<code>Node</code>对象并启动了我们的<code>DoublyLinkedList</code> 。让我们将两个方法添加到名为<code>add</code> and <code>remove</code>双向链表<code>remove</code> 。 <code>add</code>方法应该将给定元素添加到列表中，而<code>remove</code>方法应该删除列表中所有出现的给定元素。编写这些方法时要小心处理任何可能的边缘情况，例如删除第一个或最后一个元素。此外，删除空列表中的任何项应返回<code>null</code> 。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 存在DoublyLinkedList数据结构。
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; return (typeof test == "object")})(), "The DoublyLinkedList data structure exists.");'
+  - text: DoublyLinkedList有一个名为add的方法。
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; if (test.add == undefined) { return false; }; return (typeof test.add == "function")})(), "The DoublyLinkedList has a method called add.");'
+  - text: DoublyLinkedList有一个名为remove的方法。
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; if (test.remove == undefined) { return false; }; return (typeof test.remove == "function")})(), "The DoublyLinkedList has a method called remove.");'
+  - text: 从空列表中删除项目将返回null。
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; return (test.remove(100) == null); })(), "Removing an item from an empty list returns null.");'
+  - text: add方法将项添加到列表中。
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(5); test.add(6); test.add(723); return (test.print().join("") == "56723"); })(), "The add method adds items to the list.");'
+  - text: 每个节点都跟踪前一个节点。
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(50); test.add(68); test.add(73); return (test.printReverse().join("") == "736850"); })(), "Each node keeps track of the previous node.");'
+  - text: 可以从列表中删除第一个项目。
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(25); test.add(35); test.add(60); test.remove(25); return ( test.print().join("") == "3560" ) })(), "The first item can be removed from the list.");'
+  - text: 最后一项可以从列表中删除。
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(25); test.add(35); test.add(60); test.remove(60); return ( test.print().join("") == "2535" ) })(), "The last item can be removed from the list.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Node = function(data, prev) {
+  this.data = data;
+  this.prev = prev;
+  this.next = null;
+};
+var DoublyLinkedList = function() {
+  this.head = null;
+  this.tail = null;
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-hash-table.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-hash-table.chinese.md
new file mode 100644
index 0000000000..9d1729edf4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-hash-table.chinese.md
@@ -0,0 +1,90 @@
+---
+id: 587d825b367417b2b2512c8e
+title: Create a Hash Table
+challengeType: 1
+videoUrl: ''
+localeTitle: 创建一个哈希表
+---
+
+## Description
+<section id="description">在这个挑战中，我们将学习哈希表。哈希表用于实现关联数组或键值对的映射，就像我们刚刚研究的对象和地图一样。例如，JavaScript对象可以实现为哈希表（其实际实现将取决于它运行的环境）。哈希表的工作方式是它接受一个键输入并以确定的方式将此键散列到某个数值。然后将该数值用作存储相关值的实际键。然后，如果您尝试再次访问相同的密钥，则散列函数将处理密钥，返回相同的数字结果，然后将用于查找关联的值。这平均提供非常有效的O（n）查找时间。散列表可以实现为具有散列函数的数组，从而生成指定范围内的数组索引。在这种方法中，数组大小的选择很重要，散列函数也是如此。例如，如果散列函数为两个不同的键生成相同的值，该怎么办？这称为碰撞。处理冲突的一种方法是仅将两个键值对存储在该索引处。然后，在查找其中任何一个时，您将不得不遍历项目桶以找到您要查找的密钥。良好的散列函数可最大限度地减少冲突，从而保持有效的搜索时间。在这里，我们不会关注散列或散列表实现的细节，我们将尝试大致了解它们的工作原理。说明：让我们创建哈希表的基本功能。我们已经创建了一个天真的散列函数供您使用。您可以将字符串值传递给函数哈希，它将返回一个哈希值，您可以将其用作存储键。在this.collection对象中根据此散列值存储项目。创建这三种方法：添加，删除和查找。第一个应该接受一个键值对来添加到哈希表。第二个应该在传递密钥时删除键值对。第三个应该接受一个键并返回相关的值，如果该键不存在则返回null。请务必编写代码以解决冲突！ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 存在HashTable数据结构。
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; return (typeof test === "object")})(), "The HashTable data structure exists.");'
+  - text: HashTable有一个add方法。
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; return ((typeof test.add) === "function")})(), "The HashTable has an add method.");'
+  - text: HashTable有一个删除方法。
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; return ((typeof test.remove) === "function")})(), "The HashTable has an remove method.");'
+  - text: HashTable有一个查找方法。
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; return ((typeof test.lookup) === "function")})(), "The HashTable has an lookup method.");'
+  - text: add方法添加键值对，lookup方法返回与给定键关联的值。
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; test.add("key", "value"); return (test.lookup("key") === "value")})(), "The add method adds key value pairs and the lookup method returns the values associated with a given key.");'
+  - text: remove方法接受一个键作为输入，并删除关联的键值对。
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; test.add("key", "value"); test.remove("key"); return (test.lookup("key") === null)})(), "The remove method accepts a key as input and removes the associated key value pair.");'
+  - text: 使用哈希函数添加项目。
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; called = 0; test.add("key1","value1"); test.add("key2","value2"); test.add("key3","value3"); return (called === 3)})(), "Items are added using the hash function.");'
+  - text: 哈希表处理冲突。
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; called = 0; test.add("key1","value1"); test.add("1key","value2"); test.add("ke1y","value3"); return (test.lookup("key1") === "value1" && test.lookup("1key") == "value2" && test.lookup("ke1y") == "value3")})(), "The hash table handles collisions.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var called = 0;
+var hash = (string) => {
+  called++;
+  var hash = 0;
+  for (var i = 0; i < string.length; i++) { hash += string.charCodeAt(i); }
+  return hash;
+};
+var HashTable = function() {
+  this.collection = {};
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+  var called = 0;
+    var hash = (string) => {
+     called++;
+      var hash = 0;
+      for (var i = 0; i < string.length; i++) { hash += string.charCodeAt(i); };
+      return hash;
+    };
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-linked-list-class.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-linked-list-class.chinese.md
new file mode 100644
index 0000000000..ec22e6631a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-linked-list-class.chinese.md
@@ -0,0 +1,77 @@
+---
+id: 587d8251367417b2b2512c62
+title: Create a Linked List Class
+challengeType: 1
+videoUrl: ''
+localeTitle: 创建链接列表类
+---
+
+## Description
+<section id="description">让我们创建一个<code>linked list</code>类。每个链接列表都应该从一些基本属性开始： <code>head</code> （列表中的第一项）和<code>length</code> （列表中的项目数）。有时您会看到链接列表的实现，其中包含列表的最后一个元素的<code>tail</code> ，但是现在我们将坚持使用这两个元素。每当我们向链表添加元素时，我们的<code>length</code>属性应该加1。我们想要一种方法将项添加到链表中，因此我们要创建的第一种方法是<code>add</code>方法。如果我们的列表为空，那么向链表添加一个元素就足够了：我们只是将该元素包装在<code>Node</code>类中，然后将该节点分配给链表的<code>head</code> 。但是如果我们的名单已经有一个或多个成员呢？我们如何在列表中添加元素？回想一下，链表中的每个节点都有一个<code>next</code>属性。要将节点添加到列表，请在列表中找到最后一个节点，并将该节点的最后<code>next</code>属性指向新节点。 （提示：当节点的<code>next</code>属性为<code>null</code>时，您知道已到达链表的末尾。） </section>
+
+## Instructions
+<section id="instructions">编写一个add方法，将您推送到链接列表的第一个节点分配给<code>head</code> ;之后，每当添加一个节点时，每个节点都应该由前一个节点的<code>next</code>属性引用。注意每次将元素添加到链接列表时，列表的<code>length</code>应增加1。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>LinkedList</code>类应该有一个<code>add</code>方法。
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.add === "function")}()), "Your <code>LinkedList</code> class should have a <code>add</code> method.");'
+  - text: 您的<code>LinkedList</code>类应该为添加的第一个节点分配<code>head</code> 。
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); return test.head().element === "cat"}()), "Your <code>LinkedList</code> class should assign <code>head</code> to the first node added.");'
+  - text: <code>LinkedList</code>类中的上一个<code>node</code>应该引用创建的最新节点。
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); return test.head().next.element === "dog"}()), "The previous <code>node</code> in your <code>LinkedList</code> class should have reference to the newest node created.");'
+  - text: <code>LinkedList</code>类的<code>size</code>应该等于<code>LinkedList</code>的节点数量。
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); return test.size() === 2}()), "The  <code>size</code> of your <code>LinkedList</code> class should equal the amount of nodes in the linked list.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){
+    this.element = element;
+    this.next = null;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.add = function(element){
+    // Only change code below this line
+
+    // Only change code above this line
+  };
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-map-data-structure.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-map-data-structure.chinese.md
new file mode 100644
index 0000000000..d669ab9990
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-map-data-structure.chinese.md
@@ -0,0 +1,66 @@
+---
+id: 8d5823c8c441eddfaeb5bdef
+title: Create a Map Data Structure
+challengeType: 1
+videoUrl: ''
+localeTitle: 创建地图数据结构
+---
+
+## Description
+<section id="description">接下来的几个挑战将涵盖地图和哈希表。映射是存储键值对的数据结构。在JavaScript中，我们可以将它们作为对象使用。地图可根据键值快速查找存储的项目，是非常常见且有用的数据结构。说明：让我们开始创建自己的地图。因为JavaScript对象提供了比我们在此处编写的任何内容更有效的地图结构，所以这主要是作为学习练习。但是，JavaScript对象仅向我们提供某些操作。如果我们想定义自定义操作怎么办？使用此处提供的<code>Map</code>对象作为JavaScript <code>object</code>的包装器。在Map对象上创建以下方法和操作： <ul><li> <code>add</code>接受要添加到地图的<code>key, value</code>对。 </li><li> <code>remove</code>接受一个键并删除关联的<code>key, value</code>对</li><li> <code>get</code>接受一个<code>key</code>并返回存储的<code>value</code> </li><li>如果密钥存在<code>has</code>接受<code>key</code>并返回<dfn>true，</dfn>否则返回<dfn>false</dfn> 。 </li><li> <code>values</code>返回地图中所有<code>values</code>的数组</li><li> <code>size</code>返回地图中的项目数</li><li> <code>clear</code>清空地图</li></ul></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 存在地图数据结构。
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; return (typeof test == "object")})(), "The Map data structure exists.");'
+  - text: Map对象具有以下方法：add，remove，get，has，values，clear和size。
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; return (typeof test.add == "function" && typeof test.remove == "function" && typeof test.get == "function" && typeof test.has == "function" && typeof test.values == "function" && typeof test.clear == "function" && typeof test.size == "function")})(), "The Map object has the following methods: add, remove, get, has, values, clear, and size.");'
+  - text: add方法将项添加到地图中。
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add(5,6); test.add(2,3); test.add(2,5); return (test.size() == 2)})(), "The add method adds items to the map.");'
+  - text: has方法对于添加的项返回true，对于缺少的项返回false。
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add("test","value"); return (test.has("test") && !test.has("false"))})(), "The has method returns true for added items and false for absent items.");'
+  - text: get方法接受键作为输入并返回关联的值。
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add("abc","def"); return (test.get("abc") == "def")})(), "The get method accepts keys as input and returns the associated values.");'
+  - text: values方法将存储在映射中的所有值作为数组中的字符串返回。
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add("a","b"); test.add("c","d"); test.add("e","f"); var vals = test.values(); return (vals.indexOf("b") != -1 && vals.indexOf("d") != -1 && vals.indexOf("f") != -1)})(), "The values method returns all the values stored in the map as strings in an array.");'
+  - text: clear方法清空映射，size方法返回映射中存在的项目数。
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add("b","b"); test.add("c","d"); test.remove("asdfas"); var init = test.size(); test.clear(); return (init == 2 && test.size() == 0)})(), "The clear method empties the map and the size method returns the number of items present in the map.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Map = function() {
+  this.collection = {};
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-priority-queue-class.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-priority-queue-class.chinese.md
new file mode 100644
index 0000000000..0bf73a3030
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-priority-queue-class.chinese.md
@@ -0,0 +1,70 @@
+---
+id: 587d8255367417b2b2512c74
+title: Create a Priority Queue Class
+challengeType: 1
+videoUrl: ''
+localeTitle: 创建优先级队列类
+---
+
+## Description
+<section id="description">在此挑战中，您将创建一个优先级队列。优先级队列是一种特殊类型的队列，其中项目可能具有指定其优先级的附加信息。这可以简单地用整数表示。项目优先级将覆盖确定序列项目已出列的放置顺序。如果具有较高优先级的项目在具有较低优先级的项目之后排队，则较高优先级项目将在所有其他项目之前出列。例如，让我们假设我们有一个包含三个项目的优先级队列： <code>[[&#39;kitten&#39;, 2], [&#39;dog&#39;, 2], [&#39;rabbit&#39;, 2]]</code>这里第二个值（整数）表示项目优先级。如果我们将优先级为<code>1</code> <code>[&#39;human&#39;, 1]</code>排入队列（假设优先级较低，则优先级较低），那么它将成为第一个出列的项目。该集合将是这样的： <code>[[&#39;human&#39;, 1], [&#39;kitten&#39;, 2], [&#39;dog&#39;, 2], [&#39;rabbit&#39;, 2]]</code> 。我们已经开始在代码编辑器中编写<code>PriorityQueue</code> 。您需要添加一个<code>enqueue</code>方法来添加具有优先级的项目，一个用于删除项目的<code>dequeue</code>方法，一个用于返回队列中项目数量的<code>size</code>方法，一个用于返回队列<code>front</code>元素的<code>front</code>方法，以及最后一个<code>isEmpty</code>方法，如果队列为空则返回<code>true</code> ，否则返回<code>false</code> 。入<code>enqueue</code>应接受上面显示格式的项目（ <code>[&#39;human&#39;, 1]</code> ），其中<code>1</code>表示优先级。 <code>dequeue</code>应该只返回当前项目，而不是其优先级。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>Queue</code>类应该有一个<code>enqueue</code>方法。
+    testString: 'assert((function(){var test = new PriorityQueue();  return (typeof test.enqueue === "function")}()), "Your <code>Queue</code> class should have a <code>enqueue</code> method.");'
+  - text: 您的<code>Queue</code>类应该有一个<code>dequeue</code>方法。
+    testString: 'assert((function(){var test = new PriorityQueue();  return (typeof test.dequeue === "function")}()), "Your <code>Queue</code> class should have a <code>dequeue</code> method.");'
+  - text: 您的<code>Queue</code>类应该有一个<code>size</code>方法。
+    testString: 'assert((function(){var test = new PriorityQueue();  return (typeof test.size === "function")}()), "Your <code>Queue</code> class should have a <code>size</code> method.");'
+  - text: 您的<code>Queue</code>类应该有一个<code>isEmpty</code>方法。
+    testString: 'assert((function(){var test = new PriorityQueue();  return (typeof test.isEmpty === "function")}()), "Your <code>Queue</code> class should have an <code>isEmpty</code> method.");'
+  - text: 当项目入队和出列时，您的PriorityQueue应使用<code>size</code>方法正确跟踪当前项目数。
+    testString: 'assert((function(){var test = new PriorityQueue(); test.enqueue(["David Brown", 2]); test.enqueue(["Jon Snow", 1]); var size1 = test.size(); test.dequeue(); var size2 = test.size(); test.enqueue(["A", 3]); test.enqueue(["B", 3]); test.enqueue(["C", 3]); return (size1 === 2 && size2 === 1 && test.size() === 4)}()), "Your PriorityQueue should correctly keep track of the current number of items using the <code>size</code> method as items are enqueued and dequeued.");'
+  - text: 当队列为空时， <code>isEmpty</code>方法应该返回<code>true</code> 。
+    testString: 'assert((function(){var test = new PriorityQueue(); test.enqueue(["A", 1]); test.enqueue(["B", 1]); test.dequeue(); var first = test.isEmpty(); test.dequeue(); return (!first && test.isEmpty()); }()), "The <code>isEmpty</code> method should return <code>true</code> when the queue is empty.");'
+  - text: 优先级队列应该在具有较低优先级的项之前返回具有较高优先级的项，否则以先进先出顺序返回项。
+    testString: 'assert((function(){var test = new PriorityQueue(); test.enqueue(["A", 5]); test.enqueue(["B", 5]); test.enqueue(["C", 5]); test.enqueue(["D", 3]); test.enqueue(["E", 1]); test.enqueue(["F", 7]); var result = []; result.push(test.dequeue()); result.push(test.dequeue()); result.push(test.dequeue()); result.push(test.dequeue()); result.push(test.dequeue()); result.push(test.dequeue()); return result.join("") === "EDABCF";}()), "The priority queue should return items with a higher priority before items with a lower priority and return items in first-in-first-out order otherwise.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function PriorityQueue () {
+    this.collection = [];
+    this.printCollection = function() {
+      console.log(this.collection);
+    };
+    // Only change code below this line
+
+    // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-queue-class.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-queue-class.chinese.md
new file mode 100644
index 0000000000..5e958aff0d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-queue-class.chinese.md
@@ -0,0 +1,74 @@
+---
+id: 587d8250367417b2b2512c60
+title: Create a Queue Class
+challengeType: 1
+videoUrl: ''
+localeTitle: 创建队列类
+---
+
+## Description
+<section id="description">与堆栈一样，队列是元素的集合。但与堆栈不同，队列遵循FIFO（先入先出）原则。添加到队列的元素将被推送到队列的尾部或末尾，并且只允许删除队列前面的元素。我们可以使用数组来表示队列，但就像堆栈一样，我们希望限制我们对队列的控制量。队列类的两个主要方法是enqueue和dequeue方法。 enqueue方法将元素推送到队列的尾部，dequeue方法移除并返回队列前面的元素。其他有用的方法是front，size和isEmpty方法。说明编写一个将元素推送到队列尾部的入队方法，一个删除并返回前面元素的出列方法，一个让我们看到前面元素的前方法，一个显示长度的大小方法，以及一个isEmpty方法检查队列是否为空。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>Queue</code>类应该有一个<code>enqueue</code>方法。
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.enqueue === "function")}()), "Your <code>Queue</code> class should have a <code>enqueue</code> method.");'
+  - text: 您的<code>Queue</code>类应该有一个<code>dequeue</code>方法。
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.dequeue === "function")}()), "Your <code>Queue</code> class should have a <code>dequeue</code> method.");'
+  - text: 您的<code>Queue</code>类应该有一个<code>front</code>方法。
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.front === "function")}()), "Your <code>Queue</code> class should have a <code>front</code> method.");'
+  - text: 您的<code>Queue</code>类应该有一个<code>size</code>方法。
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.size === "function")}()), "Your <code>Queue</code> class should have a <code>size</code> method.");'
+  - text: 您的<code>Queue</code>类应该有一个<code>isEmpty</code>方法。
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.isEmpty === "function")}()), "Your <code>Queue</code> class should have an <code>isEmpty</code> method.");'
+  - text: <code>dequeue</code>方法应该删除并返回队列的前端元素
+    testString: 'assert((function(){var test = new Queue();  test.enqueue("Smith"); return (test.dequeue() === "Smith")}()), "The <code>dequeue</code> method should remove and return the front element of the queue");'
+  - text: <code>front</code>方法应该返回队列的front元素的值
+    testString: 'assert((function(){var test = new Queue();  test.enqueue("Smith"); test.enqueue("John"); return (test.front() === "Smith")}()), "The <code>front</code> method should return value of the front element of the queue");'
+  - text: <code>size</code>方法应该返回队列的长度
+    testString: 'assert((function(){var test = new Queue();  test.enqueue("Smith"); return (test.size() === 1)}()), "The <code>size</code> method should return the length of the queue");'
+  - text: 如果队列中有元素，则<code>isEmpty</code>方法应返回<code>false</code>
+    testString: 'assert((function(){var test = new Queue();  test.enqueue("Smith"); return !(test.isEmpty())}()), "The <code>isEmpty</code> method should return <code>false</code> if there are elements in the queue");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Queue () {
+    var collection = [];
+    this.print = function() {
+        console.log(collection);
+    };
+    // Only change code below this line
+
+    // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-set-class.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-set-class.chinese.md
new file mode 100644
index 0000000000..c1bce2f505
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-set-class.chinese.md
@@ -0,0 +1,69 @@
+---
+id: 8d1323c8c441eddfaeb5bdef
+title: Create a Set Class
+challengeType: 1
+videoUrl: ''
+localeTitle: 创建一个Set类
+---
+
+## Description
+<section id="description">在接下来的几个练习中，我们将创建一个函数来模拟一个名为“Set”的数据结构。 Set类似于数组，但不能包含重复值。 Set的典型用途是简单地检查项目是否存在。这可以用对象实现，例如： <blockquote> var set = new Object（）; <br> set.foo = true; <br> //看看我们的集合中是否存在foo： <br> console.log（set.foo）// true </blockquote>在接下来的几个练习中，我们将从头开始构建一个全功能的Set。对于本练习，只要该值中尚不存在该值，就创建一个将值添加到set集合的函数。例如： <blockquote> this.add = function（element）{ <br> //一些代码来为集合添加值<br> } </blockquote>如果成功添加该值，则该函数应返回<code>true</code>否则返回<code>false</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>Set</code>类应该有一个<code>add</code>方法。
+    testString: 'assert((function(){var test = new Set(); return (typeof test.add === "function")}()), "Your <code>Set</code> class should have an <code>add</code> method.");'
+  - text: 您的<code>add</code>方法不应添加重复值。
+    testString: 'assert((function(){var test = new Set(); test.add("a"); test.add("b"); test.add("a"); var vals = test.values(); return (vals[0] === "a" && vals[1] === "b" && vals.length === 2)}()), "Your <code>add</code> method should not add duplicate values.");'
+  - text: 成功添加值后， <code>add</code>方法应返回<code>true</code> 。
+    testString: 'assert((function(){var test = new Set(); var result = test.add("a"); return (result != undefined) && (result === true);}()), "Your <code>add</code> method should return <code>true</code> when a value has been successfully added.");'
+  - text: <code>add</code>重复值时， <code>add</code>方法应返回<code>false</code> 。
+    testString: 'assert((function(){var test = new Set(); test.add("a"); var result = test.add("a"); return (result != undefined) && (result === false);}()), "Your <code>add</code> method should return <code>false</code> when a duplicate value is added.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold our set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-stack-class.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-stack-class.chinese.md
new file mode 100644
index 0000000000..502e5ce99f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-stack-class.chinese.md
@@ -0,0 +1,74 @@
+---
+id: 587d8250367417b2b2512c5f
+title: Create a Stack Class
+challengeType: 1
+videoUrl: ''
+localeTitle: 创建一个堆栈类
+---
+
+## Description
+<section id="description">在上一节中，我们讨论了堆栈是什么以及如何使用数组来表示堆栈。在本节中，我们将创建自己的堆栈类。虽然您可以使用数组来创建堆栈，但有时最好限制我们对堆栈的控制量。除了<code>push</code>和<code>pop</code>方法之外，堆栈还有其他有用的方法。让我们为我们的堆栈类添加一个<code>peek</code> ， <code>isEmpty</code>和<code>clear</code>方法。说明编写一个<code>push</code>方法，将元素推送到堆栈顶部，一个<code>pop</code>方法删除堆栈顶部的元素，一个<code>peek</code>堆栈中第一个元素的<code>peek</code>方法，一个<code>isEmpty</code>方法，用于检查是否存在stack是空的，是一个<code>clear</code>堆栈中所有元素的方法。通常堆栈没有这个，但我们添加了一个控制台记录集合的<code>print</code>助手方法。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>Stack</code>类应该有一个<code>push</code>方法。
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.push === "function")}()), "Your <code>Stack</code> class should have a <code>push</code> method.");'
+  - text: 你的<code>Stack</code>类应该有一个<code>pop</code>方法。
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.pop === "function")}()), "Your <code>Stack</code> class should have a <code>pop</code> method.");'
+  - text: 你的<code>Stack</code>类应该有一个<code>peek</code>方法。
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.peek === "function")}()), "Your <code>Stack</code> class should have a <code>peek</code> method.");'
+  - text: 您的<code>Stack</code>类应该有一个<code>isEmpty</code>方法。
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.isEmpty === "function")}()), "Your <code>Stack</code> class should have a <code>isEmpty</code> method.");'
+  - text: 你的<code>Stack</code>类应该有一个<code>clear</code>方法。
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.clear === "function")}()), "Your <code>Stack</code> class should have a <code>clear</code> method.");'
+  - text: <code>peek</code>方法应该返回堆栈的顶部元素
+    testString: 'assert((function(){var test = new Stack();  test.push("CS50"); return (test.peek() === "CS50")}()), "The <code>peek</code> method should return the top element of the stack");'
+  - text: <code>pop</code>方法应该删除并返回堆栈的顶部元素
+    testString: 'assert((function(){var test = new Stack(); test.push("CS50"); return (test.pop() === "CS50");}()), "The <code>pop</code> method should remove and return the top element of the stack");'
+  - text: 如果堆栈不包含任何元素，则<code>isEmpty</code>方法应返回true
+    testString: 'assert((function(){var test = new Stack(); return test.isEmpty()}()), "The <code>isEmpty</code> method should return true if a stack does not contain any elements");'
+  - text: <code>clear</code>方法应该从堆栈中删除所有元素
+    testString: 'assert((function(){var test = new Stack();  test.push("CS50"); test.clear(); return (test.isEmpty())}()), "The <code>clear</code> method should remove all element from the stack");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Stack() {
+    var collection = [];
+    this.print = function() {
+        console.log(collection);
+    };
+    // Only change code below this line
+
+    // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-trie-search-tree.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-trie-search-tree.chinese.md
new file mode 100644
index 0000000000..91416839b4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-a-trie-search-tree.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 587d8259367417b2b2512c84
+title: Create a Trie Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: 创建Trie搜索树
+---
+
+## Description
+<section id="description">在这里，我们将继续从二叉搜索树开始，看看另一种称为trie的树结构。 trie是一种常用于保存字符串的有序搜索树，或者更通用的关联数组或其中键是字符串的动态数据集。当许多键具有重叠前缀时，它们非常擅长存储数据集，例如，字典中的所有单词。与二叉树不同，节点不与实际值相关联。相反，节点的路径表示特定的键。例如，如果我们想将字符串代码存储在trie中，我们将有四个节点，每个字母对应一个节点：c  -  o  -  d  -  e。然后，通过所有这些节点的路径将创建代码作为字符串 - 该路径是我们存储的密钥。然后，如果我们想要添加字符串编码，它将在d之后分支之前共享前三个代码节点。通过这种方式，可以非常紧凑地存储大型数据集。此外，搜索可以非常快，因为它实际上限于您存储的字符串的长度。此外，与二叉树不同，节点可以存储任意数量的子节点。正如您可能从上面的示例中猜到的那样，一些元数据通常存储在保存密钥结尾的节点上，以便在以后的遍历中仍可以检索密钥。例如，如果我们在上面的示例中添加了代码，我们需要某种方式来知道代码中的e代表先前输入的密钥的结尾。否则，当我们添加代码时，这些信息将会丢失。说明：让我们创建一个存储单词的trie。它将通过add方法接受单词并将它们存储在trie数据结构中。它还允许我们查询给定字符串是否是带有isWord方法的单词，并使用print方法检索输入到trie中的所有单词。 isWord应该返回一个布尔值，print应该将所有这些单词的数组作为字符串值返回。为了让我们验证这个数据结构是否正确实现，我们为树中的每个节点提供了一个Node结构。每个节点都是一个具有keys属性的对象，该属性是JavaScript Map对象。这将保存作为每个节点的有效密钥的各个字母。我们还在节点上创建了一个end属性，如果节点表示单词的终止，则可以将其设置为true。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Trie有一个add方法。
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; return (typeof test.add == "function") }()), "The Trie has an add method.");'
+  - text: Trie有一种打印方法。
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; return (typeof test.print == "function") }()), "The Trie has a print method.");'
+  - text: Trie有一个isWord方法。
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; return (typeof test.isWord == "function") }()), "The Trie has an isWord method.");'
+  - text: print方法将添加到trie的所有项目作为数组中的字符串返回。
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; test.add("jump"); test.add("jumps"); test.add("jumped"); test.add("house"); test.add("mouse"); var added = test.print(); return (added.indexOf("jump") != -1 && added.indexOf("jumps") != -1 && added.indexOf("jumped") != -1 && added.indexOf("house") != -1 && added.indexOf("mouse") != -1 && added.length == 5); }()), "The print method returns all items added to the trie as strings in an array.");'
+  - text: isWord方法仅对添加到trie的单词返回true，对所有其他单词返回false。
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; test.add("hop"); test.add("hops"); test.add("hopped"); test.add("hoppy"); test.add("hope"); return (test.isWord("hop") && !test.isWord("ho") && test.isWord("hopped") && !test.isWord("hopp") && test.isWord("hoppy") && !test.isWord("hoping")); }()), "The isWord method returns true only for words added to the trie and false for all other words.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+var Node = function() {
+  this.keys = new Map();
+  this.end = false;
+  this.setEnd = function() {
+    this.end = true;
+  };
+  this.isEnd = function() {
+    return this.end;
+  };
+};
+var Trie = function() {
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-an-es6-javascript-map.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-an-es6-javascript-map.chinese.md
new file mode 100644
index 0000000000..8fd482e440
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-an-es6-javascript-map.chinese.md
@@ -0,0 +1,52 @@
+---
+id: 587d825b367417b2b2512c8d
+title: Create an ES6 JavaScript Map
+challengeType: 1
+videoUrl: ''
+localeTitle: 创建ES6 JavaScript地图
+---
+
+## Description
+<section id="description">新版本的JavaScript为我们提供了一个内置的Map对象，它提供了我们在上一次挑战中手工编写的大部分功能。此Map对象虽然与常规JavaScript对象类似，但它提供了一些普通对象缺少的有用功能。例如，ES6 Map跟踪添加到其中的项目的插入顺序。以下是其方法的更完整概述： <code>.has(key)</code>基于键的存在返回true或false <code>.get(key)</code>返回与键相关联的值<code>.set(key, value)</code>设置新键，值对<code>.delete(key)</code>删除一个键，值对<code>.clear()</code>删除所有键值对<code>.entries()</code>以插入顺序返回所有键的数组<code>.values()</code>返回插入中所有值的数组order说明：定义一个JavaScript Map对象并为其分配一个名为myMap的变量。添加密钥，值对<code>freeCodeCamp</code> ， <code>Awesome!</code>它。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: myMap对象存在。
+    testString: 'assert(typeof myMap === "object", "The myMap object exists.");'
+  - text: myMap包含键值对<code>freeCodeCamp</code> ， <code>Awesome!</code> 。
+    testString: 'assert(myMap.get("freeCodeCamp") === "Awesome!", "myMap contains the key value pair <code>freeCodeCamp</code>, <code>Awesome!</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-and-add-to-sets-in-es6.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-and-add-to-sets-in-es6.chinese.md
new file mode 100644
index 0000000000..7b463841e0
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/create-and-add-to-sets-in-es6.chinese.md
@@ -0,0 +1,58 @@
+---
+id: 587d8254367417b2b2512c70
+title: Create and Add to Sets in ES6
+challengeType: 1
+videoUrl: ''
+localeTitle: 在ES6中创建和添加集
+---
+
+## Description
+<section id="description">既然您已经完成了ES5，那么您将在ES6中执行类似的操作。这将相当容易。 ES6包含一个内置的数据结构<code>Set</code>现在包含了您手动编写的许多操作。我们来看看：创建一个新的空集： <code>var set = new Set();</code>您可以使用值创建一个集合： <code>var set = new Set(1);</code>您可以使用数组创建一个集合： <code>var set = new Set([1, 2, 3]);</code>创建集合后，可以使用<code>add</code>方法添加所需的值： <blockquote> var set = new Set（[1,2,3]）; <br> set.add（[4,5,6]）; </blockquote>提醒一下，集合是一种不能包含重复值的数据结构： <blockquote> var set = new Set（[1,2,3,1,2,3]）; <br> // set仅包含[1,2,3] </blockquote></section>
+
+## Instructions
+<section id="instructions">在本练习中，返回一个具有以下值的集合： <code>1, 2, 3, &#39;Taco&#39;, &#39;Cat&#39;, &#39;Awesome&#39;</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '您的<code>Set</code>应该只包含值<code>1, 2, 3, Taco, Cat, Awesome</code> 。'
+    testString: 'assert(function(){var test = checkSet(); return (test.size == 6) && test.has(1) && test.has(2) && test.has(3) && test.has("Taco") && test.has("Cat") && test.has("Awesome");}, "Your <code>Set</code> should only contain the values <code>1, 2, 3, Taco, Cat, Awesome</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSet() {
+  var set = new Set([1, 2, 3, 3, 2, 1, 2, 3, 1]);
+  // change code below this line
+
+  // change code above this line
+  console.log(set);
+  return set;
+}
+
+checkSet();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/delete-a-leaf-node-in-a-binary-search-tree.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/delete-a-leaf-node-in-a-binary-search-tree.chinese.md
new file mode 100644
index 0000000000..55c2af929f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/delete-a-leaf-node-in-a-binary-search-tree.chinese.md
@@ -0,0 +1,76 @@
+---
+id: 587d8258367417b2b2512c80
+title: Delete a Leaf Node in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: 删除二进制搜索树中的叶节点
+---
+
+## Description
+<section id="description">这是我们将在二叉搜索树中实现更难操作的三个挑战中的第一个：删除。删除很困难，因为删除节点会破坏树中的链接。必须仔细重新建立这些链接以确保维护二叉树结构。对于某些删除，这意味着必须重新排列树。通常，在尝试删除节点时，您将遇到以下三种情况之一：叶节点：要删除的目标没有子节点。一个孩子：要删除的目标只有一个孩子。两个子节点：要删除的目标有两个子节点。删除叶节点很简单，我们只需删除它。删除具有一个子节点的节点也相对容易，我们只需删除它并将其父节点链接到我们删除的节点的子节点。但是，删除具有两个子节点的节点更加困难，因为这会创建两个需要重新连接到父树的子节点。我们将在第三个挑战中看到如何处理这个案例。此外，在处理删除时，您需要注意一些边缘情况。如果树是空的怎么办？如果要删除的节点是根节点怎么办？如果树中只有两个元素怎么办？现在，让我们处理第一种删除叶节点的情况。说明：在我们的二叉树上创建一个名为<code>remove</code> 。我们将在这里为我们的删除操作构建逻辑。首先，您需要在remove中创建一个函数，该函数在当前树中找到我们尝试删除的节点。如果树中不存在该节点，则<code>remove</code>应返回<code>null</code> 。现在，如果目标节点是没有子节点的叶节点，则应将其父节点引用设置为<code>null</code> 。这有效地从树中删除节点。为此，您必须跟踪我们尝试删除的节点的父节点。创建一种跟踪目标节点具有的子节点数的方法也很有用，因为这将确定我们的删除属于哪种情况。我们将在下一次挑战中处理第二和第三个案例。祝你好运！ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 存在<code>BinarySearchTree</code>数据结构。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: 二叉搜索树有一个名为<code>remove</code>的方法。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.remove == "function")})(), "The binary search tree has a method called <code>remove</code>.");'
+  - text: 尝试删除不存在的元素将返回<code>null</code> 。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; return (test.remove(100) == null); })(), "Trying to remove an element that does not exist returns <code>null</code>.");'
+  - text: 如果根节点没有子节点，则删除它会将根节点设置为<code>null</code> 。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(500); test.remove(500); return (test.inorder() == null); })(), "If the root node has no children, deleting it sets the root to <code>null</code>.");'
+  - text: <code>remove</code>方法从树中删除叶节点
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(5); test.add(3); test.add(7); test.add(6); test.add(10); test.add(12); test.remove(3); test.remove(12); test.remove(10); return (test.inorder().join("") == "567"); })(), "The <code>remove</code> method removes leaf nodes from the tree");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+
+function BinarySearchTree() {
+    this.root = null;
+    // case 1: target has no children, change code below this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/delete-a-node-with-one-child-in-a-binary-search-tree.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/delete-a-node-with-one-child-in-a-binary-search-tree.chinese.md
new file mode 100644
index 0000000000..c1f446ee59
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/delete-a-node-with-one-child-in-a-binary-search-tree.chinese.md
@@ -0,0 +1,121 @@
+---
+id: 587d8258367417b2b2512c81
+title: Delete a Node with One Child in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: 在二叉搜索树中删除具有一个子节点的节点
+---
+
+## Description
+<section id="description">现在我们可以删除叶子节点，让我们继续第二种情况：删除一个子节点。对于这种情况，假设我们有一棵树，其中包含以下节点1  -  2  -  3，其中1是根。要删除2，我们只需要在1到3中做出正确的引用。更一般地说，为了删除只有一个子节点的节点，我们将该节点的父引用作为树中的下一个节点。说明：我们在<code>remove</code>方法中提供了一些代码，用于完成上一次挑战中的任务。我们找到要删除的目标及其父节点，并定义目标节点具有的子节点数。让我们在这里为仅有一个子节点的目标节点添加下一个案例。在这里，我们必须确定单个子节点是树中的左或右分支，然后在父节点中设置正确的引用以指向此节点。另外，让我们考虑目标是根节点的情况（这意味着父节点将为<code>null</code> ）。只要通过测试，请随意用自己的代码替换所有入门代码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 存在<code>BinarySearchTree</code>数据结构。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: 二叉搜索树有一个名为<code>remove</code>的方法。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.remove == "function")})(), "The binary search tree has a method called <code>remove</code>.");'
+  - text: 尝试删除不存在的元素将返回<code>null</code> 。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; return (test.remove(100) == null); })(), "Trying to remove an element that does not exist returns <code>null</code>.");'
+  - text: 如果根节点没有子节点，则删除它会将根节点设置为<code>null</code> 。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(500); test.remove(500); return (test.inorder() == null); })(), "If the root node has no children, deleting it sets the root to <code>null</code>.");'
+  - text: <code>remove</code>方法从树中删除叶节点
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(5); test.add(3); test.add(7); test.add(6); test.add(10); test.add(12); test.remove(3); test.remove(12); test.remove(10); return (test.inorder().join("") == "567"); })(), "The <code>remove</code> method removes leaf nodes from the tree");'
+  - text: <code>remove</code>方法删除具有一个子节点的节点。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(-1); test.add(3); test.add(7); test.add(16); test.remove(16); test.remove(7); test.remove(3); return (test.inorder().join("") == "-1"); })(), "The <code>remove</code> method removes nodes with one child.");'
+  - text: 删除具有两个节点的树中的根将第二个节点设置为根。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(15); test.add(27); test.remove(15); return (test.inorder().join("") == "27"); })(), "Removing the root in a tree with two nodes sets the second to be the root.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+
+function BinarySearchTree() {
+  this.root = null;
+  this.remove = function(value) {
+    if (this.root === null) {
+      return null;
+    }
+    var target;
+    var parent = null;
+    // find the target value and its parent
+    (function findValue(node = this.root) {
+      if (value == node.value) {
+        target = node;
+      } else if (value < node.value && node.left !== null) {
+        parent = node;
+        return findValue(node.left);
+      } else if (value < node.value && node.left === null) {
+        return null;
+      } else if (value > node.value && node.right !== null) {
+        parent = node;
+        return findValue(node.right);
+      } else {
+        return null;
+      }
+    }).bind(this)();
+    if (target === null) {
+      return null;
+    }
+    // count the children of the target to delete
+    var children = (target.left !== null ? 1 : 0) + (target.right !== null ? 1 : 0);
+    // case 1: target has no children
+    if (children === 0) {
+      if (target == this.root) {
+        this.root = null;
+      }
+      else {
+        if (parent.left == target) {
+          parent.left = null;
+        } else {
+          parent.right = null;
+        }
+      }
+    }
+    // case 2: target has one child, change code below this line
+  };
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/delete-a-node-with-two-children-in-a-binary-search-tree.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/delete-a-node-with-two-children-in-a-binary-search-tree.chinese.md
new file mode 100644
index 0000000000..1880e0e39b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/delete-a-node-with-two-children-in-a-binary-search-tree.chinese.md
@@ -0,0 +1,139 @@
+---
+id: 587d8258367417b2b2512c82
+title: Delete a Node with Two Children in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: 在二叉搜索树中删除具有两个子节点的节点
+---
+
+## Description
+<section id="description">删除具有两个子节点的节点是最难实现的。删除这样的节点会生成两个不再连接到原始树结构的子树。我们如何重新连接它们？一种方法是在目标节点的右子树中找到最小值，并用该值替换目标节点。以这种方式选择替换确保它大于左子树中的每个节点，它成为新的父节点，但也小于右子树中的每个节点，它成为新的父节点。完成此替换后，必须从右子树中删除替换节点。即使这个操作也很棘手，因为替换可能是一个叶子，或者它本身可能是一个右子树的父亲。如果是叶子，我们必须删除其父对它的引用。否则，它必须是目标的正确子项。在这种情况下，我们必须用替换值替换目标值，并使目标引用替换的右子。说明：让我们通过处理第三种情况来完成我们的<code>remove</code>方法。我们为前两种情况再次提供了一些代码。现在添加一些代码来处理具有两个子节点的目标节点。任何边缘情况要注意？如果树只有三个节点怎么办？完成后，这将完成二进制搜索树的删除操作。干得好，这是一个非常难的问题！ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 存在<code>BinarySearchTree</code>数据结构。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: 二叉搜索树有一个名为<code>remove</code>的方法。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.remove == "function")})(), "The binary search tree has a method called <code>remove</code>.");'
+  - text: 尝试删除不存在的元素将返回<code>null</code> 。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.remove == "function") ? (test.remove(100) == null) : false})(), "Trying to remove an element that does not exist returns <code>null</code>.");'
+  - text: 如果根节点没有子节点，则删除它会将根节点设置为<code>null</code> 。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; test.add(500); test.remove(500); return (typeof test.remove == "function") ? (test.inorder() == null) : false})(), "If the root node has no children, deleting it sets the root to <code>null</code>.");'
+  - text: <code>remove</code>方法从树中删除叶节点
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; test.add(5); test.add(3); test.add(7); test.add(6); test.add(10); test.add(12); test.remove(3); test.remove(12); test.remove(10); return (typeof test.remove == "function") ? (test.inorder().join("") == "567") : false})(), "The <code>remove</code> method removes leaf nodes from the tree");'
+  - text: <code>remove</code>方法删除具有一个子节点的节点。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(-1); test.add(3); test.add(7); test.add(16); test.remove(16); test.remove(7); test.remove(3); return (test.inorder().join("") == "-1"); })(), "The <code>remove</code> method removes nodes with one child.");'
+  - text: 删除具有两个节点的树中的根将第二个节点设置为根。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(15); test.add(27); test.remove(15); return (test.inorder().join("") == "27"); })(), "Removing the root in a tree with two nodes sets the second to be the root.");'
+  - text: <code>remove</code>方法在保留二叉搜索树结构的同时删除具有两个子节点的节点。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(1); test.add(4); test.add(3); test.add(7); test.add(9); test.add(11); test.add(14); test.add(15); test.add(19); test.add(50); test.remove(9); if (!test.isBinarySearchTree()) { return false; }; test.remove(11); if (!test.isBinarySearchTree()) { return false; }; test.remove(14); if (!test.isBinarySearchTree()) { return false; }; test.remove(19); if (!test.isBinarySearchTree()) { return false; }; test.remove(3); if (!test.isBinarySearchTree()) { return false; }; test.remove(50); if (!test.isBinarySearchTree()) { return false; }; test.remove(15); if (!test.isBinarySearchTree()) { return false; }; return (test.inorder().join("") == "147"); })(), "The <code>remove</code> method removes nodes with two children while maintaining the binary search tree structure.");'
+  - text: 可以在三个节点的树上删除根。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(100); test.add(50); test.add(300); test.remove(100); return (test.inorder().join("") == 50300); })(), "The root can be removed on a tree of three nodes.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+
+function BinarySearchTree() {
+  this.root = null;
+  this.remove = function(value) {
+    if (this.root === null) {
+      return null;
+    }
+    var target;
+    var parent = null;
+    // find the target value and its parent
+    (function findValue(node = this.root) {
+      if (value == node.value) {
+        target = node;
+      } else if (value < node.value && node.left !== null) {
+        parent = node;
+        return findValue(node.left);
+      } else if (value < node.value && node.left === null) {
+        return null;
+      } else if (value > node.value && node.right !== null) {
+        parent = node;
+        return findValue(node.right);
+      } else {
+        return null;
+      }
+    }).bind(this)();
+    if (target === null) {
+      return null;
+    }
+    // count the children of the target to delete
+    var children = (target.left !== null ? 1 : 0) + (target.right !== null ? 1 : 0);
+    // case 1: target has no children
+    if (children === 0) {
+      if (target == this.root) {
+        this.root = null;
+      }
+      else {
+        if (parent.left == target) {
+          parent.left = null;
+        } else {
+          parent.right = null;
+        }
+      }
+    }
+    // case 2: target has one child
+    else if (children == 1) {
+      var newChild = (target.left !== null) ? target.left : target.right;
+      if (parent === null) {
+        target.value = newChild.value;
+        target.left = null;
+        target.right = null;
+      } else if (newChild.value < parent.value) {
+        parent.left = newChild;
+      } else {
+        parent.right = newChild;
+      }
+      target = null;
+    }
+    // case 3: target has two children, change code below this line
+  };
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/depth-first-search.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/depth-first-search.chinese.md
new file mode 100644
index 0000000000..65a133ccf2
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/depth-first-search.chinese.md
@@ -0,0 +1,73 @@
+---
+id: 587d825d367417b2b2512c96
+title: Depth-First Search
+challengeType: 1
+videoUrl: ''
+localeTitle: 深度优先搜索
+---
+
+## Description
+<section id="description">与<dfn>广度优先搜索</dfn>类似，这里我们将学习另一种称为<dfn>深度优先搜索的</dfn>图遍历算法。广度优先搜索搜索远离源节点的增量边长度，而<dfn>深度优先搜索</dfn>首先尽可能地沿着边缘路径向下<dfn>搜索</dfn> 。一旦到达路径的一端，搜索将回溯到具有未访问边缘路径的最后一个节点并继续搜索。在视觉上，这就是算法正在做的事情，其中​​顶部节点是搜索的起始点。 <img class="img-responsive" src="https://camo.githubusercontent.com/aaad9e39961daf34d967c616edeb50abf3bf1235/68747470733a2f2f75706c6f61642e77696b696d656469612e6f72672f77696b6970656469612f636f6d6d6f6e732f372f37662f44657074682d46697273742d5365617263682e676966">该算法的简单输出是可从给定节点到达的节点列表。因此，在实施此算法时，您需要跟踪您访问的节点。 </section>
+
+## Instructions
+<section id="instructions">编写一个函数<code>dfs()</code> ，它将无向，邻接矩阵<code>graph</code>和节点标签<code>root</code>作为参数。节点标签将只是<code>0</code>和<code>n - 1</code>之间节点的数值，其中<code>n</code>是图中节点的总数。您的函数应输出从<code>root</code>可到达的所有节点的数组。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '输入图<code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> ，起始节点为<code>1</code>应返回一个数组<code>0</code> ， <code>1</code> ， <code>2</code> ，和<code>3</code> 。'
+    testString: 'assert.sameMembers((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 1);})(), [0, 1, 2, 3], "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>1</code> should return an array with <code>0</code>, <code>1</code>, <code>2</code>, and <code>3</code>.");'
+  - text: '输入图<code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> ，起始节点为<code>1</code>应该返回一个包含四个元素的数组。'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 1);})().length === 4, "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>1</code> should return an array with four elements.");'
+  - text: '输入图<code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> ，起始节点为<code>3</code>应该返回一个<code>3</code>的数组。'
+    testString: 'assert.sameMembers((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]; return dfs(graph, 3);})(), [3], "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> with a start node of <code>3</code> should return an array with <code>3</code>.");'
+  - text: '输入图<code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> ，起始节点为<code>3</code>应该返回一个包含一个元素的数组。'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]; return dfs(graph, 3);})().length === 1, "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> with a start node of <code>3</code> should return an array with one element.");'
+  - text: '输入图<code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> ，起始节点为<code>3</code>应该返回一个<code>2</code>和<code>3</code>的数组。'
+    testString: 'assert.sameMembers((function() { var graph = [[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 3);})(), [2, 3], "The input graph <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>3</code> should return an array with <code>2</code> and <code>3</code>.");'
+  - text: '输入图<code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> ，起始节点为<code>3</code>应该返回一个包含两个元素的数组。'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 3);})().length === 2, "The input graph <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>3</code> should return an array with two elements.");'
+  - text: '输入图<code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> ，起始节点为<code>0</code>应该返回一个<code>0</code>和<code>1</code>的数组。'
+    testString: 'assert.sameMembers((function() { var graph = [[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 0);})(), [0, 1], "The input graph <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>0</code> should return an array with <code>0</code> and <code>1</code>.");'
+  - text: '输入图<code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> ，起始节点为<code>0</code>应该返回一个包含两个元素的数组。'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 0);})().length === 2, "The input graph <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>0</code> should return an array with two elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function dfs(graph, root) {
+
+}
+
+var exDFSGraph = [
+  [0, 1, 0, 0],
+  [1, 0, 1, 0],
+  [0, 1, 0, 1],
+  [0, 0, 1, 0]
+];
+console.log(dfs(exDFSGraph, 3));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-height-of-a-binary-search-tree.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-height-of-a-binary-search-tree.chinese.md
new file mode 100644
index 0000000000..6627b57296
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-height-of-a-binary-search-tree.chinese.md
@@ -0,0 +1,82 @@
+---
+id: 587d8257367417b2b2512c7d
+title: Find the Minimum and Maximum Height of a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: 找到二叉搜索树的最小和最大高度
+---
+
+## Description
+<section id="description">在最后一个挑战中，我们描述了树可能变得不平衡的情景。为了理解平衡的概念，让我们看看另一个树属性：高度。树中的高度表示从根节点到任何给定叶节点的距离。高度分支的树结构中的不同路径可以具有不同的高度，但是对于给定的树，将具有最小和最大高度。如果树是平衡的，则这些值最多相差一个。这意味着在平衡树中，所有叶节点都存在于同一级别中，或者如果它们不在同一级别内，则它们最多相隔一个级别。平衡的属性对于树很重要，因为它决定了树操作的效率。正如我们在上一次挑战中所解释的那样，我们面临严重不平衡树木的最坏情况时间复杂性。自平衡树通常用于在具有动态数据集的树中解决此问题。这些的常见例子包括AVL树，红黑树和B树。这些树都包含额外的内部逻辑，当插入或删除创建不平衡状态时，它会重新平衡树。注意：与height相似的属性是depth，它指的是给定节点距根节点的距离。说明：为我们的二叉树编写两种方法： <code>findMinHeight</code>和<code>findMaxHeight</code> 。这些方法应分别返回给定二叉树内最小和最大高度的整数值。如果节点为空，请为其指定高度<code>-1</code> （这是基本情况）。最后，添加第三个方法<code>isBalanced</code> ，它返回<code>true</code>或<code>false</code>具体取决于树是否平衡。您可以使用刚才编写的前两种方法来确定这一点。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 存在<code>BinarySearchTree</code>数据结构。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: 二叉搜索树有一个名为<code>findMinHeight</code>的方法。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.findMinHeight == "function")})(), "The binary search tree has a method called <code>findMinHeight</code>.");'
+  - text: 二叉搜索树有一个名为<code>findMaxHeight</code>的方法。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.findMaxHeight == "function")})(), "The binary search tree has a method called <code>findMaxHeight</code>.");'
+  - text: 二叉搜索树有一个名为<code>isBalanced</code>的方法。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.isBalanced == "function")})(), "The binary search tree has a method called <code>isBalanced</code>.");'
+  - text: <code>findMinHeight</code>方法返回树的最小高度。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMinHeight !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return (test.findMinHeight() == 1); })(), "The <code>findMinHeight</code> method returns the minimum height of the tree.");'
+  - text: <code>findMaxHeight</code>方法返回树的最大高度。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMaxHeight !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return (test.findMaxHeight() == 5); })(), "The <code>findMaxHeight</code> method returns the maximum height of the tree.");'
+  - text: 空树返回高度<code>-1</code> 。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMaxHeight !== "function") { return false; }; return (test.findMaxHeight() == -1); })(), "An empty tree returns a height of <code>-1</code>.");'
+  - text: 如果树是平衡二叉搜索树，则<code>isBalanced</code>方法返回true。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.isBalanced !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return test.isBalanced(); })(), "The <code>isBalanced</code> method returns true if the tree is a balanced binary search tree.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-value-in-a-binary-search-tree.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-value-in-a-binary-search-tree.chinese.md
new file mode 100644
index 0000000000..f090f0b54b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-value-in-a-binary-search-tree.chinese.md
@@ -0,0 +1,78 @@
+---
+id: 587d8256367417b2b2512c7a
+title: Find the Minimum and Maximum Value in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: 在二叉搜索树中查找最小值和最大值
+---
+
+## Description
+<section id="description">这一系列挑战将介绍树数据结构。树木是计算机科学中重要且通用的数据结构。当然，他们的名字来源于这样一个事实：当他们看到它们时，它们看起来很像我们在自然界中熟悉的树木。树数据结构以一个节点（通常称为根）开始，并从此处分支到其他节点，每个节点可以具有更多子节点，依此类推。数据结构通常以顶部的根节点可视化;你可以把它想象成一棵倒置的天然树。首先，让我们描述一下我们将在树上遇到的一些常用术语。根节点是树的顶部。树中的数据点称为节点。具有通向其他节点的分支的节点被称为分支通向的节点的父节点（子节点）。其他更复杂的家庭术语适用于您所期望的。子树是指特定节点的所有后代，分支可以称为边，而叶节点是树末端没有子节点的节点。最后，请注意树本质上是递归数据结构。也就是说，节点的任何子节点都是其子树的父节点，依此类推。在为常见树操作设计算法时，树的递归性质非常重要。首先，我们将讨论一种特定类型的树，即二叉树。实际上，我们实际上将讨论一个特定的二叉树，一个二叉搜索树。让我们来描述这意味着什么。虽然树数据结构可以在单个节点上具有任意数量的分支，但是二叉树对于每个节点只能具有两个分支。此外，针对子子树排序二叉搜索树，使得左子树中的每个节点的值小于或等于父节点的值，并且右子树中的每个节点的值是大于或等于父节点的值。可视化这种关系以便更好地理解它是非常有帮助的： <div style="width: 100%; display: flex; justify-content: center; align-items: center;"><img style="width: 100%; max-width: 350px;" src="https://user-images.githubusercontent.com/18563015/32136009-1e665d98-bbd6-11e7-9133-63184f9f9182.png"></div>现在这个有序的关系很容易看到。请注意，根节点8左侧的每个值都小于8，右侧的每个值都大于8.还要注意，此关系也适用于每个子树。例如，第一个左子项是子树。 3是父节点，它有两个子节点 - 通过控制二进制搜索树的规则，我们知道甚至没有看到这个节点的左子节点（及其任何子节点）将小于3，右边child（及其任何子级）将大于3（但也小于结构的根值），依此类推。二进制搜索树是非常常见且有用的数据结构，因为它们在几种常见操作（例如查找，插入和删除）的平均情况下提供对数时间。说明：我们将从简单开始。除了为树创建节点的函数之外，我们还在这里定义了二叉搜索树结构的骨架。观察每个节点可能具有左右值。如果它们存在，将为它们分配子子树。在我们的二叉搜索树中，定义两个方法， <code>findMin</code>和<code>findMax</code> 。这些方法应返回二叉搜索树中保存的最小值和最大值（不用担心现在向树中添加值，我们在后台添加了一些值）。如果遇到困难，请反思二进制搜索树必须为true的不变量：每个左子树小于或等于其父树，每个右子树大于或等于其父树。我们还要说我们的树只能存储整数值。如果树为空，则任一方法都应返回<code>null</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 存在<code>BinarySearchTree</code>数据结构。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: 二叉搜索树有一个名为<code>findMin</code>的方法。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.findMin == "function")})(), "The binary search tree has a method called <code>findMin</code>.");'
+  - text: 二叉搜索树有一个名为<code>findMax</code>的方法。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.findMax == "function")})(), "The binary search tree has a method called <code>findMax</code>.");'
+  - text: <code>findMin</code>方法返回二叉搜索树中的最小值。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMin !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return test.findMin() == 1; })(), "The <code>findMin</code> method returns the minimum value in the binary search tree.");'
+  - text: <code>findMax</code>方法返回二叉搜索树中的最大值。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMax !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return test.findMax() == 87; })(), "The <code>findMax</code> method returns the maximum value in the binary search tree.");'
+  - text: <code>findMin</code>和<code>findMax</code>方法为空树返回<code>null</code> 。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMin !== "function") { return false; }; if (typeof test.findMax !== "function") { return false; }; return (test.findMin() == null && test.findMax() == null) })(), "The <code>findMin</code> and <code>findMax</code> methods return <code>null</code> for an empty tree.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/implement-heap-sort-with-a-min-heap.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/implement-heap-sort-with-a-min-heap.chinese.md
new file mode 100644
index 0000000000..ac8995d9c0
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/implement-heap-sort-with-a-min-heap.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 587d825b367417b2b2512c8c
+title: Implement Heap Sort with a Min Heap
+challengeType: 1
+videoUrl: ''
+localeTitle: 用最小堆实现堆排序
+---
+
+## Description
+<section id="description">现在我们可以添加和删除元素，让我们看看堆可用于的一些应用程序。堆通常用于实现优先级队列，因为它们始终将最大值或最小值的项存储在第一个位置。此外，它们还用于实现称为堆排序的排序算法。我们将在这里看到如何做到这一点。堆排序使用最小堆，与最大堆相反。最小堆始终将最小值的元素存储在根位置。堆排序通过获取未排序的数组，将数组中的每个项目添加到最小堆中，然后将最小堆中的每个项目提取到新数组中。最小堆结构确保新数组将包含至少最大顺序的原始项。这是最有效的排序算法之一，具有O（nlog（n））的平均和最差情况性能。说明：让我们用最小堆实现堆排序。您可以在此处调整最大堆代码。使用insert，remove和sort方法创建一个MinHeap对象。 sort方法应返回最小堆中从最小到最大排序的所有元素的数组。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 存在MinHeap数据结构。
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() }; return (typeof test == "object")})(), "The MinHeap data structure exists.");'
+  - text: MinHeap有一个名为insert的方法。
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() } else { return false; }; return (typeof test.insert == "function")})(), "MinHeap has a method called insert.");'
+  - text: MinHeap有一个名为remove的方法。
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() } else { return false; }; return (typeof test.remove == "function")})(), "MinHeap has a method called remove.");'
+  - text: MinHeap有一个名为sort的方法。
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() } else { return false; }; return (typeof test.sort == "function")})(), "MinHeap has a method called sort.");'
+  - text: sort方法返回一个数组，其中包含按排序顺序添加到最小堆的所有项。
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() } else { return false; }; test.insert(3); test.insert(12); test.insert(5); test.insert(10); test.insert(1); test.insert(27); test.insert(42); test.insert(57); test.insert(5); var result = test.sort(); return (isSorted(result)); })(), "The sort method returns an array containing all items added to the min heap in sorted order.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// check if array is sorted
+function isSorted(arr) {
+  var check = (i) => (i == arr.length - 1) ? true : (arr[i] > arr[i + 1]) ? false : check(i + 1);
+  return check(0);
+}
+// generate a randomly filled array
+var array = new Array();
+(function createArray(size = 5) {
+  array.push(+(Math.random() * 100).toFixed(0));
+  return (size > 1) ? createArray(size - 1) : undefined;
+})(25);
+var MinHeap = function() {
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/incidence-matrix.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/incidence-matrix.chinese.md
new file mode 100644
index 0000000000..57f8ad3ff5
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/incidence-matrix.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 587d8256367417b2b2512c79
+title: Incidence Matrix
+challengeType: 1
+videoUrl: ''
+localeTitle: 发生率矩阵
+---
+
+## Description
+<section id="description">表示图形的另一种方式是将其置于<dfn>关联矩阵中。</dfn> <dfn>入射矩阵</dfn>是二维（2D）阵列。一般而言，关联矩阵在其两个维度之间涉及两个不同类别的对象。这种矩阵类似于邻接矩阵。但是，行和列在这里意味着其他东西。在图表中，我们有边缘和节点。这些将是我们的“两类不同的对象”。该矩阵将使行为节点，列为边。这意味着我们可以拥有不均匀的行数和列数。每列将代表一个独特的边缘。此外，每个边连接两个节点。要显示两个节点之间存在边缘，您将在特定列的两行中放置1。下面是一个3节点图，节点1和节点3之间有一条边。 <blockquote> 1 <br> --- <br> 1 | 1 <br> 2 | 0 <br> 3 | 1 </blockquote>以下是具有4个边和4个节点的<code>incidence matrix</code>的示例。请记住，列是边，行是节点本身。 <blockquote> 1 2 3 4 <br> -------- <br> 1 | 0 1 1 1 <br> 2 | 1 1 0 0 <br> 3 | 1 0 0 1 <br> 4 | 0 0 1 0 </blockquote>下面是同一件事的JavaScript实现。 <blockquote> var incMat = [ <br> [0,1,1,1]， <br> [1,1,0,0]， <br> [1,0,0,1]， <br> [0,0,1,0] <br> ]。 </blockquote>要制作有向图，请使用<code>-1</code>表示离开特定节点的边，使用<code>1</code>作为边进入节点。 <blockquote> var incMatDirected = [ <br> [0，-1,1，-1]， <br> [-1,1,0,0]， <br> [1,0,0,1]， <br> [0,0，-1,0] <br> ]。 </blockquote>图形的边缘也可以有权<dfn>重</dfn> 。到目前为止，我们有<dfn>未加权的</dfn>边缘，只有存在和缺少边是二进制（ <code>0</code>或<code>1</code> ）。根据您的应用，您可以拥有不同的重量。不同的权重表示为大于1的数字。 </section>
+
+## Instructions
+<section id="instructions">创建具有五个节点和四个边的无向图的关联矩阵。该矩阵应该是多维数组。这五个节点在关系之后具有关系。第一边缘在第一和第二节点之间。第二个边缘位于第二个和第三个节点之间。第三个边缘位于第三个和第五个节点之间。并且四个边缘在第四和第二节点之间。所有边权重均为1，边缘顺序很重要。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>incMatUndirected</code>应该只包含五个节点。
+    testString: 'assert((incMatUndirected.length === 5) && incMatUndirected.map(function(x) { return x.length === 4 }).reduce(function(a, b) { return a && b }) , "<code>incMatUndirected</code> should only contain five nodes.");'
+  - text: 第一个和第二个节点之间应该有第一条边。
+    testString: 'assert((incMatUndirected[0][0] === 1) && (incMatUndirected[1][0] === 1), "There should be a first edge between the first and second node.");'
+  - text: 第二个和第三个节点之间应该有第二条边。
+    testString: 'assert((incMatUndirected[1][1] === 1) && (incMatUndirected[2][1] === 1), "There should be a second edge between the second and third node.");'
+  - text: 第三个和第五个节点之间应该有第三条边。
+    testString: 'assert((incMatUndirected[2][2] === 1) && (incMatUndirected[4][2] === 1), "There should be a third edge between the third and fifth node.");'
+  - text: 第二个和第四个节点之间应该有第四条边。
+    testString: 'assert((incMatUndirected[1][3] === 1) && (incMatUndirected[3][3] === 1), "There should be a fourth edge between the second and fourth node.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var incMatUndirected = [
+
+];
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/insert-an-element-into-a-max-heap.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/insert-an-element-into-a-max-heap.chinese.md
new file mode 100644
index 0000000000..d55e8398f9
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/insert-an-element-into-a-max-heap.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 587d825a367417b2b2512c8a
+title: Insert an Element into a Max Heap
+challengeType: 1
+videoUrl: ''
+localeTitle: 将元素插入最大堆
+---
+
+## Description
+<section id="description">现在我们将继续讨论另一个树数据结构，即二进制堆。二进制堆是部分有序的二叉树，它满足堆属性。 heap属性指定父节点和子节点之间的关系。您可能有一个最大堆，其中所有父节点都大于或等于其子节点，或者最小堆，其中反向为真。二进制堆也是完整的二叉树。这意味着树的所有级别都被完全填充，如果最后一级被部分填充，则从左到右填充。虽然二进制堆可以实现为具有包含左和右引用的节点的树结构，但是根据堆属性的部分排序允许我们用数组表示堆。父子关系是我们感兴趣的，通过简单的算术，我们可以计算任何父节点的子节点和任何子节点的父节点。例如，考虑二进制最小堆的数组表示： <code>[ 6, 22, 30, 37, 63, 48, 42, 76 ]</code>根节点是第一个元素，6。它的子节点是22和30.如果我们看在这些值的数组索引之间的关系中，对于索引i，子项为2 * i + 1和2 * i + 2.同样，索引0处的元素是索引1和2处的这两个子项的父项。通常，我们可以在任何索引处找到节点的父节点，其中包含以下内容：（i  -  1）/ 2.当二叉树增长到任意大小时，这些模式将成立。最后，我们可以稍微调整一下，通过跳过数组中的第一个元素，使这个算法更容易。这样做会为给定索引i处的任何元素创建以下关系：示例数组表示形式： <code>[ null, 6, 22, 30, 37, 63, 48, 42, 76 ]</code>元素的左子项：i * 2元素的右子项：i * 2 + 1一个元素的父元素：i / 2一旦你绕过数学运算，使用数组表示非常有用，因为使用这个算法可以快速确定节点位置，因为你不需要内存使用量减少维护对子节点的引用。说明：这里我们将创建一个最大堆。首先创建一个insert方法，将元素添加到堆中。在插入期间，始终保持堆属性非常重要。对于最大堆，这意味着根元素应始终在树中具有最大值，并且所有父节点应该大于其子节点。对于堆的数组实现，这通常分三步完成：将新元素添加到数组的末尾。如果元素大于其父元素，请切换它们。继续切换，直到新元素小于其父元素或到达树的根。最后，添加一个print方法，该方法返回已添加到堆中的所有项的数组。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 存在MaxHeap数据结构。
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() }; return (typeof test == "object")})(), "The MaxHeap data structure exists.");'
+  - text: MaxHeap有一个名为insert的方法。
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.insert == "function")})(), "MaxHeap has a method called insert.");'
+  - text: MaxHeap有一个名为print的方法。
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.print == "function")})(), "MaxHeap has a method called print.");'
+  - text: insert方法根据max heap属性添加元素。
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; test.insert(50); test.insert(100); test.insert(700); test.insert(32); test.insert(51); let result = test.print(); return ((result.length == 5) ? result[0] == 700 : result[1] == 700) })(), "The insert method adds elements according to the max heap property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var MaxHeap = function() {
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/invert-a-binary-tree.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/invert-a-binary-tree.chinese.md
new file mode 100644
index 0000000000..8308f4c590
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/invert-a-binary-tree.chinese.md
@@ -0,0 +1,74 @@
+---
+id: 587d8259367417b2b2512c83
+title: Invert a Binary Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: 反转二叉树
+---
+
+## Description
+<section id="description">这里我们将创建一个反转二叉树的函数。给定二叉树，我们希望生成一个新树，它等效于该树的镜像。与原始树的inorder遍历相比，在倒置树上运行inorder遍历将以相反的顺序探索节点。在我们的二叉树上编写一个名为<code>invert</code>的方法。调用此方法应该反转当前树结构。理想情况下，我们希望在线性时间内就地执行此操作。也就是说，我们只访问每个节点一次，我们在不使用任何额外内存的情况下修改现有的树结构。祝你好运！ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 存在<code>BinarySearchTree</code>数据结构。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: 二叉搜索树有一个名为<code>invert</code>的方法。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.invert == "function")})(), "The binary search tree has a method called <code>invert</code>.");'
+  - text: <code>invert</code>方法正确地反转树结构。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.invert !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); test.invert(); return test.inorder().join("") == "877345348741"; })(), "The <code>invert</code> method correctly inverts the tree structure.");'
+  - text: 反转空树返回<code>null</code> 。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.invert !== "function") { return false; }; return (test.invert() == null); })(), "Inverting an empty tree returns <code>null</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/learn-how-a-stack-works.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/learn-how-a-stack-works.chinese.md
new file mode 100644
index 0000000000..132d5a4c06
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/learn-how-a-stack-works.chinese.md
@@ -0,0 +1,56 @@
+---
+id: 587d8250367417b2b2512c5e
+title: Learn how a Stack Works
+challengeType: 1
+videoUrl: ''
+localeTitle: 了解堆栈的工作原理
+---
+
+## Description
+<section id="description">你可能熟悉桌子上的一摞书。您可能已使用文本编辑器的撤消功能。您也可能习惯按手机上的后退按钮返回应用中的上一个视图。你知道他们都有什么共同之处吗？它们都以某种方式存储数据，以便您可以向后遍历。堆栈中最顶层的书是最后放在那里的书。如果您从堆栈的顶部删除该书，则会显示在最后一本书之前放置的书籍，依此类推。如果你考虑一下，在上面的所有例子中，你都会获得<dfn>Last-In-First-Out</dfn>服务。我们将尝试使用我们的代码来模仿它。该数据存储方案称为<dfn>堆栈</dfn> 。特别是，我们必须实现将JavaScript对象推送到堆栈顶部的<code>push()</code>方法;和<code>pop()</code>方法，它删除当前位于堆栈顶部的JavaScript对象。 </section>
+
+## Instructions
+<section id="instructions">这里我们有一堆作为数组表示的家庭作业： <code>&quot;BIO12&quot;</code>位于基础， <code>&quot;PSY44&quot;</code>位于堆栈的顶部。修改给定的数组，并使用上面提到的JavaScript方法将其视为<code>stack</code> 。从堆栈中删除顶部元素<code>&quot;PSY44&quot;</code> 。然后添加<code>&quot;CS50&quot;</code>作为堆栈的新顶部元素。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>homeworkStack</code>应该只包含4个元素。
+    testString: 'assert(homeworkStack.length === 4, "<code>homeworkStack</code> should only contain 4 elements.");'
+  - text: <code>homeworkStack</code>的最后一个元素应该是<code>&quot;CS50&quot;</code> 。
+    testString: 'assert(homeworkStack[3] === "CS50", "The last element in <code>homeworkStack</code> should be <code>"CS50"</code>.");'
+  - text: <code>homeworkStack</code>不应包含<code>&quot;PSY44&quot;</code> 。
+    testString: 'assert(homeworkStack.indexOf("PSY44") === -1, "<code>homeworkStack</code> should not contain <code>"PSY44"</code>.");'
+  - text: 不应更改<code>homeworkStack</code>的初始声明。
+    testString: 'assert(code.match(/=/g).length === 1 && /homeworkStack\s*=\s*\["BIO12"\s*,\s*"HIS80"\s*,\s*"MAT122"\s*,\s*"PSY44"\]/.test(code), "The initial declaration of the <code>homeworkStack</code> should not be changed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var homeworkStack = ["BIO12","HIS80","MAT122","PSY44"];
+// Only change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/perform-a-difference-on-two-sets-of-data.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/perform-a-difference-on-two-sets-of-data.chinese.md
new file mode 100644
index 0000000000..e7fcfe6271
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/perform-a-difference-on-two-sets-of-data.chinese.md
@@ -0,0 +1,110 @@
+---
+id: 587d8254367417b2b2512c6e
+title: Perform a Difference on Two Sets of Data
+challengeType: 1
+videoUrl: ''
+localeTitle: 对两组数据执行差异
+---
+
+## Description
+<section id="description">在本练习中，我们将对两组数据进行区分。我们将在我们的<code>Set</code>数据结构上创建一个名为<code>difference</code> 。集合的差异应比较两组并返回第一组中不存在的项目。此方法应将另一个<code>Set</code>作为参数，并返回两个集的<code>difference</code> 。例如，如果<code>setA = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;]</code>和<code>setB = [&#39;a&#39;,&#39;b&#39;,&#39;d&#39;,&#39;e&#39;]</code> ，则setA和setB的差异为： <code>setA.difference(setB) = [&#39;c&#39;]</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>Set</code>类应该有一个<code>difference</code>方法。
+    testString: 'assert(function(){var test = new Set(); return (typeof test.difference === "function")}, "Your <code>Set</code> class should have a <code>difference</code> method.");'
+  - text: 收回了适当的收藏
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setA.add("b"); setA.add("c"); setB.add("c"); setB.add("d"); var differenceSetAB = setA.difference(setB); return (differenceSetAB.size() === 2) && (differenceSetAB.values() === [ "a", "b" ])}, "The proper collection was returned");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // this method will return the size of the collection
+    this.size = function() {
+        return collection.length;
+    };
+    // this method will return the union of two sets
+    this.union = function(otherSet) {
+        var unionSet = new Set();
+        var firstSet = this.values();
+        var secondSet = otherSet.values();
+        firstSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        secondSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        return unionSet;
+    };
+    // this method will return the intersection of two sets as a new set
+    this.intersection = function(otherSet) {
+        var intersectionSet = new Set();
+        var firstSet = this.values();
+        firstSet.forEach(function(e){
+            if(otherSet.has(e)){
+                intersectionSet.add(e);
+            }
+        });
+        return intersectionSet;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/perform-a-subset-check-on-two-sets-of-data.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/perform-a-subset-check-on-two-sets-of-data.chinese.md
new file mode 100644
index 0000000000..cab6a777c1
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/perform-a-subset-check-on-two-sets-of-data.chinese.md
@@ -0,0 +1,129 @@
+---
+id: 587d8254367417b2b2512c6f
+title: Perform a Subset Check on Two Sets of Data
+challengeType: 1
+videoUrl: ''
+localeTitle: 对两组数据执行子集检查
+---
+
+## Description
+<section id="description">在本练习中，我们将对2组数据执行子集测试。我们将在我们的<code>Set</code>数据结构上创建一个名为<code>subset</code> 。这将比较第一组与第二组，如果第一组完全包含在第二组中，则它将返回true。例如，如果<code>setA = [&#39;a&#39;,&#39;b&#39;]</code>和<code>setB = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]</code> ，则setA和setB的子集为： <code>setA.subset(setB)</code>应该是<code>true</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>Set</code>类应该有一个<code>union</code>方法。
+    testString: 'assert(function(){var test = new Set(); return (typeof test.subset === "function")}, "Your <code>Set</code> class should have a <code>union</code> method.");'
+  - text: 第一个Set（）包含在第二个Set中
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setB.add("b"); setB.add("c"); setB.add("a"); setB.add("d"); var subsetSetAB = setA.subset(setB);return (subsetSetAB === true)}, "The first Set() was contained in the second Set");'
+  - text: '<code>[&quot;a&quot;, &quot;b&quot;].subset([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;])</code>应该返回<code>true</code> “）'
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setA.add("b"); setB.add("a"); setB.add("b"); setB.add("c"); setB.add("d"); var subsetSetAB = setA.subset(setB); return (subsetSetAB === true)}, "<code>["a", "b"].subset(["a", "b", "c", "d"])</code> should return <code>true</code>");'
+  - text: '<code>[&quot;a&quot;, &quot;b&quot;, &quot;c&quot;].subset([&quot;a&quot;, &quot;b&quot;])</code>应返回<code>false</code> “）'
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setA.add("b"); setA.add("c"); setB.add("a"); setB.add("b"); var subsetSetAB = setA.subset(setB); return (subsetSetAB === false)}, "<code>["a", "b", "c"].subset(["a", "b"])</code> should return <code>false</code>");'
+  - text: '<code>[].subset([])</code>应该返回<code>true</code>'
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); var subsetSetAB = setA.subset(setB); return (subsetSetAB === true)}, "<code>[].subset([])</code> should return <code>true</code>");'
+  - text: '<code>[&quot;a&quot;, &quot;b&quot;].subset([&quot;c&quot;, &quot;d&quot;])</code>应返回<code>false</code> “）'
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setA.add("b"); setB.add("c"); setB.add("d"); var subsetSetAB = setA.subset(setB); return (subsetSetAB === false)}, "<code>["a", "b"].subset(["c", "d"])</code> should return <code>false</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // this method will return the size of the collection
+    this.size = function() {
+        return collection.length;
+    };
+    // this method will return the union of two sets
+    this.union = function(otherSet) {
+        var unionSet = new Set();
+        var firstSet = this.values();
+        var secondSet = otherSet.values();
+        firstSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        secondSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        return unionSet;
+    };
+    // this method will return the intersection of two sets as a new set
+    this.intersection = function(otherSet) {
+        var intersectionSet = new Set();
+        var firstSet = this.values();
+        firstSet.forEach(function(e){
+            if(otherSet.has(e)){
+                intersectionSet.add(e);
+            }
+        });
+        return intersectionSet;
+    };
+    // this method will return the difference of two sets as a new set
+    this.difference = function(otherSet) {
+        var differenceSet = new Set();
+        var firstSet = this.values();
+        firstSet.forEach(function(e){
+            if(!otherSet.has(e)){
+                differenceSet.add(e);
+            }
+        });
+        return differenceSet;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/perform-a-union-on-two-sets.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/perform-a-union-on-two-sets.chinese.md
new file mode 100644
index 0000000000..4a574f417a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/perform-a-union-on-two-sets.chinese.md
@@ -0,0 +1,87 @@
+---
+id: 587d8253367417b2b2512c6c
+title: Perform a Union on Two Sets
+challengeType: 1
+videoUrl: ''
+localeTitle: 在两个集上执行联合
+---
+
+## Description
+<section id="description">在本练习中，我们将对两组数据执行联合。我们将在我们的<code>Set</code>数据结构上创建一个名为<code>union</code> 。此方法应将另一个<code>Set</code>作为参数，并返回两个集合的<code>union</code>集，不包括任何重复值。例如，如果<code>setA = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;]</code>和<code>setB = [&#39;a&#39;,&#39;b&#39;,&#39;d&#39;,&#39;e&#39;]</code> ，则setA和setB的并集为： <code>setA.union(setB) = [&#39;a&#39;, &#39;b&#39;, &#39;c&#39;, &#39;d&#39;, &#39;e&#39;]</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 你的<code>Set</code>类应该有一个<code>union</code>方法。
+    testString: 'assert((function(){var test = new Set(); return (typeof test.union === "function")})(), "Your <code>Set</code> class should have a <code>union</code> method.");'
+  - text: 收回了适当的收藏
+    testString: 'assert((function(){var setA = new Set();  var setB = new Set();  setA.add("a");  setA.add("b");  setA.add("c");  setB.add("c");  setB.add("d");  var unionSetAB = setA.union(setB); var final = unionSetAB.values(); return (final.indexOf("a") !== -1 && final.indexOf("b") !== -1 && final.indexOf("c") !== -1 && final.indexOf("d") !== -1 && final.length === 4)})(), "The proper collection was returned");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+   // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // this method will return the size of the set
+    this.size = function() {
+        return collection.length;
+    };
+    // change code below this line
+
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/perform-an-intersection-on-two-sets-of-data.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/perform-an-intersection-on-two-sets-of-data.chinese.md
new file mode 100644
index 0000000000..92306ecbfc
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/perform-an-intersection-on-two-sets-of-data.chinese.md
@@ -0,0 +1,99 @@
+---
+id: 587d8253367417b2b2512c6d
+title: Perform an Intersection on Two Sets of Data
+challengeType: 1
+videoUrl: ''
+localeTitle: 在两组数据上执行交集
+---
+
+## Description
+<section id="description">在本练习中，我们将对两组数据执行交集。我们将在我们的<code>Set</code>数据结构上创建一个名为<code>intersection</code> 。集合的交集表示两个或更多集合共有的所有值。此方法应将另一个<code>Set</code>作为参数，并返回两个集合的<code>intersection</code> 。例如，如果<code>setA = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;]</code>和<code>setB = [&#39;a&#39;,&#39;b&#39;,&#39;d&#39;,&#39;e&#39;]</code> ，则setA和setB的交集为： <code>setA.intersection(setB) = [&#39;a&#39;, &#39;b&#39;]</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>Set</code>类应该有一个<code>intersection</code>方法。
+    testString: 'assert(function(){var test = new Set(); return (typeof test.intersection === "function")}, "Your <code>Set</code> class should have a <code>intersection</code> method.");'
+  - text: 收回了适当的收藏
+    testString: 'assert(function(){  var setA = new Set();  var setB = new Set();  setA.add("a");  setA.add("b");  setA.add("c");  setB.add("c");  setB.add("d");  var intersectionSetAB = setA.intersection(setB); return (intersectionSetAB.size() === 1 && intersectionSetAB.values()[0] === "c")}, "The proper collection was returned");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+   // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // this method will return the size of the collection
+    this.size = function() {
+        return collection.length;
+    };
+    // this method will return the union of two sets
+    this.union = function(otherSet) {
+        var unionSet = new Set();
+        var firstSet = this.values();
+        var secondSet = otherSet.values();
+        firstSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        secondSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        return unionSet;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/remove-an-element-from-a-max-heap.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/remove-an-element-from-a-max-heap.chinese.md
new file mode 100644
index 0000000000..532418c65d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/remove-an-element-from-a-max-heap.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 587d825b367417b2b2512c8b
+title: Remove an Element from a Max Heap
+challengeType: 1
+videoUrl: ''
+localeTitle: 从最大堆中删除元素
+---
+
+## Description
+<section id="description">现在我们可以向堆中添加元素，让我们看看如何删除元素。删除和插入元素都需要类似的逻辑。在最大堆中，您通常需要删除最大值，因此这只需要从树的根中提取它。这将破坏我们树的堆属性，因此我们必须以某种方式重新建立它。通常，对于最大堆，这可以通过以下方式完成：将堆中的最后一个元素移动到根位置。如果root的子节点大于它，则将root与较大值的子节点交换。继续交换，直到父级大于两个子级，或者到达树中的最后一级。说明：向我们的最大堆添加一个名为remove的方法。此方法应返回已添加到最大堆的最大值，并将其从堆中删除。它还应该重新排序堆，以便保持堆属性。删除元素后，堆中剩余的下一个最大元素应该成为根。此处再次添加插入方法。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 存在MaxHeap数据结构。
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() }; return (typeof test == "object")})(), "The MaxHeap data structure exists.");'
+  - text: MaxHeap有一个名为print的方法。
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.print == "function")})(), "MaxHeap has a method called print.");'
+  - text: MaxHeap有一个名为insert的方法。
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.insert == "function")})(), "MaxHeap has a method called insert.");'
+  - text: MaxHeap有一个名为remove的方法。
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.remove == "function")})(), "MaxHeap has a method called remove.");'
+  - text: remove方法从最大堆中删除最大元素，同时保持最大堆属性。
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; test.insert(30); test.insert(300); test.insert(500); test.insert(10); let result = []; result.push(test.remove()); result.push(test.remove()); result.push(test.remove()); result.push(test.remove());  return (result.join("") == "5003003010") })(), "The remove method removes the greatest element from the max heap while maintaining the max heap property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var MaxHeap = function() {
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list-by-index.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list-by-index.chinese.md
new file mode 100644
index 0000000000..bfa1617cb2
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list-by-index.chinese.md
@@ -0,0 +1,111 @@
+---
+id: 587d8251367417b2b2512c65
+title: Remove Elements from a Linked List by Index
+challengeType: 1
+videoUrl: ''
+localeTitle: 按索引从链接列表中删除元素
+---
+
+## Description
+<section id="description">在我们继续讨论另一个数据结构之前，让我们先了解链接列表的最后几点练习。让我们编写一个<code>removeAt</code>方法，删除给定<code>index</code>处的<code>element</code> 。该方法应该称为<code>removeAt(index)</code> 。要删除某个<code>index</code>处的<code>element</code> ，我们需要在沿着链表移动时保持每个节点的运行计数。用于遍历链表的元素的常用技术涉及<dfn>“转轮”</dfn>或“哨兵”，它们“指向”代码所比较的节点。在我们的情况下，开始于<code>head</code>我们的名单中，我们先从一个<code>currentIndex</code>始于变量<code>0</code> 。对于我们传递的每个节点， <code>currentIndex</code>应该增加1。就像我们的<code>remove(element)</code>方法一样，当我们在removeAt（index）方法中删除节点时，我们需要注意不要孤立列表的其余部分。我们通过确保引用已删除节点的节点具有对下一节点的引用来保持节点连续。 </section>
+
+## Instructions
+<section id="instructions">编写<code>removeAt(index)</code>方法，删除并返回给定<code>index</code>处的节点。如果给定<code>index</code>为负数，或者大于或等于链表<code>length</code> ，则该方法应返回<code>null</code> 。注意请记住保持<code>currentIndex</code>计数。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>LinkedList</code>类应该有一个<code>removeAt</code>方法。
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.removeAt === "function")}()), "Your <code>LinkedList</code> class should have a <code>removeAt</code> method.");'
+  - text: 您的<code>removeAt</code>方法应该减少链表的<code>length</code>
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten"); test.removeAt(1); return test.size() === 2}()), "Your <code>removeAt</code> method should reduce the <code>length</code> of the linked list");'
+  - text: 您的<code>removeAt</code>方法还应该返回已删除节点的元素。
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten");  return test.removeAt(1) === "dog"}()), "Your <code>removeAt</code> method should also return the element of the removed node.");'
+  - text: 如果给定索引小于<code>0</code>则<code>removeAt</code>方法也应返回<code>null</code>
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten");  return (test.removeAt(-1) === null)}()), "Your <code>removeAt</code> method should also return <code>null</code> if the given index is less than <code>0</code>");'
+  - text: 如果给定索引等于或大于链表的<code>length</code> ，则<code>removeAt</code>方法也应返回<code>null</code> 。
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten");  return (test.removeAt(3) === null)}()), "Your <code>removeAt</code> method should also return <code>null</code> if the given index is equal or more than the <code>length</code> of the linked list.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){ // {1}
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+        currentNode = head;
+
+        while(currentNode.next){
+            currentNode  = currentNode.next;
+        }
+
+        currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  this.remove = function(element){
+    var currentNode = head;
+    var previousNode;
+    if(currentNode.element === element){
+        head = currentNode.next;
+    } else {
+        while(currentNode.element !== element) {
+            previousNode = currentNode;
+            currentNode = currentNode.next;
+        }
+
+        previousNode.next = currentNode.next;
+    }
+
+    length --;
+  };
+
+  // Only change code below this line
+
+  // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list.chinese.md
new file mode 100644
index 0000000000..b7d8c067cd
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list.chinese.md
@@ -0,0 +1,94 @@
+---
+id: 587d8251367417b2b2512c63
+title: Remove Elements from a Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: 从链接列表中删除元素
+---
+
+## Description
+<section id="description">链接列表的任何实现所需的下一个重要方法是<code>remove</code>方法。此方法应将要删除的元素作为参数，然后搜索列表以查找并删除包含该元素的节点。每当我们从链表中删除一个节点时，重要的是我们不要意外地孤立列表的其余部分。回想一下，每个节点的<code>next</code>属性都指向列表中跟随它的节点。如果我们删除中间元素，比如说，我们要确保我们从该元素的前一个节点的<code>next</code>属性到中间元素的<code>next</code>属性（这是列表中的下一个节点）的连接！这可能听起来真的很混乱，所以让我们回到康加线的例子，这样我们就有了一个很好的概念模型。想象自己在康加舞线上，直接在你面前的人离开了这条线。刚离开生产线的人不再将手放在任何人身上 - 而且你不再把手放在离开的人身上。你向前走，把你的手放在你看到的下一个人身上。如果我们要删除的元素是<code>head</code>元素，我们将<code>head</code>重新分配给链表的第二个节点。 </section>
+
+## Instructions
+<section id="instructions">编写一个<code>remove</code>方法，该方法接受一个元素并将其从链表中删除。注意每次从链接列表中删除元素时，列表的<code>length</code>应减少一。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>LinkedList</code>类应该有一个<code>remove</code>方法。
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.remove === "function")}()), "Your <code>LinkedList</code> class should have a <code>remove</code> method.");'
+  - text: <code>remove</code>第一个节点时， <code>remove</code>方法应重新分配<code>head</code>到第二个节点。
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.remove("cat"); return test.head().element === "dog"}()), "Your <code>remove</code> method should reassign <code>head</code> to the second node when the first node is removed.");'
+  - text: 对于每个删除的节点，您的<code>remove</code>方法应该将链表的<code>length</code>减少一个。
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.remove("cat"); return test.size() === 1})(), "Your <code>remove</code> method should decrease the <code>length</code> of the linked list by one for every node removed.");'
+  - text: 您的<code>remove</code>方法应该将已删除节点的上<code>next</code>节点的引用重新分配给已删除节点的<code>next</code>引用。
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog");test.add("kitten"); test.remove("dog"); return test.head().next.element === "kitten"})(), "Your <code>remove</code> method should reassign the reference of the previous node of the removed node to the removed node&apos;s <code>next</code> reference.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+        currentNode = head;
+
+        while(currentNode.next){
+            currentNode  = currentNode.next;
+        }
+
+        currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  this.remove = function(element){
+    // Only change code below this line
+
+    // Only change code above this line
+  };
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/remove-from-a-set.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/remove-from-a-set.chinese.md
new file mode 100644
index 0000000000..4127ac9f38
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/remove-from-a-set.chinese.md
@@ -0,0 +1,75 @@
+---
+id: 587d8253367417b2b2512c6b
+title: Remove from a Set
+challengeType: 1
+videoUrl: ''
+localeTitle: 从集合中删除
+---
+
+## Description
+<section id="description">在本练习中，我们将为我们的集创建一个删除函数。该函数应命名为<code>this.remove</code> 。此函数应接受一个值并检查它是否存在于集合中。如果是，请从集合中删除该值，然后返回true。否则，返回false。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>Set</code>类应该有一个<code>remove</code>方法。
+    testString: 'assert((function(){var test = new Set(); return (typeof test.remove === "function")}()), "Your <code>Set</code> class should have a <code>remove</code> method.");'
+  - text: 您的<code>remove</code>方法应该只删除集合中存在的项目。
+    testString: 'assert.deepEqual((function(){var test = new Set(); test.add("a");test.add("b");test.remove("c"); return test.values(); })(), ["a", "b"], "Your <code>remove</code> method should only remove items that are present in the set.");'
+  - text: 您的<code>remove</code>方法应从集合中删除给定的项目。
+    testString: 'assert((function(){var test = new Set(); test.add("a");test.add("b");test.remove("a"); var vals = test.values(); return (vals[0] === "b" && vals.length === 1)}()), "Your <code>remove</code> method should remove the given item from the set.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/remove-items-from-a-set-in-es6.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/remove-items-from-a-set-in-es6.chinese.md
new file mode 100644
index 0000000000..7e7f5e935d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/remove-items-from-a-set-in-es6.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 587d8254367417b2b2512c71
+title: Remove items from a set in ES6
+challengeType: 1
+videoUrl: ''
+localeTitle: 从ES6中的集中删除项目
+---
+
+## Description
+<section id="description">让我们使用<code>delete</code>方法练习从ES6集中<code>delete</code> 。首先，创建一个ES6 Set <code>var set = new Set([1,2,3]);</code>现在使用<code>delete</code>方法从Set中删除一个项目。 <blockquote> set.delete（1）; <br> console.log（[... set]）//应该返回[2,3] <blockquote></blockquote></blockquote></section>
+
+## Instructions
+<section id="instructions">现在，创建一个整数为1,2,3,4和5的集合。删除值2和5，然后返回集合。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '您的集应包含值1,3和4'
+    testString: 'assert(function(){var test = checkSet(); return test.has(1) && test.has(3) && test.has(4) && test.size === 3}, "Your Set should contain the values 1, 3, & 4");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSet(){
+   var set = //Create a set with values 1, 2, 3, 4, & 5
+   //Remove the value 2
+   //Remove the value 5
+   //Return the set
+   return set;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/reverse-a-doubly-linked-list.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/reverse-a-doubly-linked-list.chinese.md
new file mode 100644
index 0000000000..d16e9885d7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/reverse-a-doubly-linked-list.chinese.md
@@ -0,0 +1,78 @@
+---
+id: 587d825a367417b2b2512c88
+title: Reverse a Doubly Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: 反转双重链接列表
+---
+
+## Description
+<section id="description">让我们为我们的双向链表创建一个名为reverse的方法，它可以反转列表。一旦执行该方法，头部应指向前一个尾部，尾部应指向前一个头部。现在，如果我们从头到尾遍历列表，我们应该以与原始列表相反的顺序来满足节点。尝试反转空列表应返回null。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 存在DoublyLinkedList数据结构。
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; return (typeof test == "object")})(), "The DoublyLinkedList data structure exists.");'
+  - text: DoublyLinkedList有一个名为add的方法。
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; if (test.add == undefined) { return false; }; return (typeof test.add == "function")})(), "The DoublyLinkedList has a method called add.");'
+  - text: DoublyLinkedList有一个名为reverse的方法。
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; if (test.reverse == undefined) { return false; }; return (typeof test.reverse == "function")})(), "The DoublyLinkedList has a method called reverse.");'
+  - text: 反转空列表将返回null。
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; return (test.reverse() == null); })(), "Reversing an empty list returns null.");'
+  - text: 反向方法反转列表。
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(58); test.add(61); test.add(32); test.reverse(); return (test.print().join("") == "326158"); })(), "The reverse method reverses the list.");'
+  - text: 当列表反转时，正确维护下一个和上一个引用。
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(11); test.add(22); test.add(33); test.reverse(); return (test.printReverse().join("") == "112233"); })(), "The next and previous references are correctly maintained when a list is reversed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Node = function(data, prev) {
+  this.data = data;
+  this.prev = prev;
+  this.next = null;
+};
+var DoublyLinkedList = function() {
+  this.head = null;
+  this.tail = null;
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/search-within-a-linked-list.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/search-within-a-linked-list.chinese.md
new file mode 100644
index 0000000000..8353d337c5
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/search-within-a-linked-list.chinese.md
@@ -0,0 +1,111 @@
+---
+id: 587d8251367417b2b2512c64
+title: Search within a Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: 在链接列表中搜索
+---
+
+## Description
+<section id="description">让我们为链表类添加一些更有用的方法。如果我们可以判断我们的列表是否为空，那么它是否有用，就像我们的<code>Stack</code>和<code>Queue</code>类一样？我们还应该能够在链表中找到特定元素。遍历数据结构是你想要进行大量练习的东西！让我们创建一个<code>indexOf</code>方法，该方法将<code>element</code>作为参数，并在链表中返回该元素的<code>index</code> 。如果在链接列表中找不到该元素，则返回<code>-1</code> 。让我们实现一个相反的方法：一个<code>elementAt</code>方法，它将<code>index</code>作为参数并返回给定<code>index</code>处的<code>element</code> 。如果未找到任何<code>element</code> ，则返回<code>undefined</code> 。 </section>
+
+## Instructions
+<section id="instructions">编写一个检查链表是否为空的<code>isEmpty</code>方法，返回给定元素<code>index</code>的<code>indexOf</code>方法，以及返回给定<code>index.</code>处<code>element</code>的<code>elementAt</code> <code>index.</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>LinkedList</code>类应该有一个<code>indexOf</code>方法。
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.indexOf === "function")}()), "Your <code>LinkedList</code> class should have a <code>indexOf</code> method.");'
+  - text: 您的<code>LinkedList</code>类应该有一个<code>elementAt</code>方法。
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.elementAt === "function")}()), "Your <code>LinkedList</code> class should have a <code>elementAt</code> method.");'
+  - text: 您的<code>size</code>方法应返回链表的长度
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten"); return test.size() === 3}()), "Your <code>size</code> method should return the length of the linked list");'
+  - text: <code>indexOf</code>方法应该返回给定元素的索引。
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten"); return test.indexOf("kitten") === 2}()), "Your <code>indexOf</code> method should return the index of the given element.");'
+  - text: 您的<code>elementAt</code>方法应该返回给定索引处的元素。
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten"); return test.elementAt(1) === "dog"}()), "Your <code>elementAt</code> method should return at element at a given index.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){ // {1}
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function() {
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+        currentNode = head;
+
+        while(currentNode.next){
+            currentNode  = currentNode.next;
+        }
+
+        currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  this.remove = function(element){
+    var currentNode = head;
+    var previousNode;
+    if(currentNode.element === element){
+        head = currentNode.next;
+    } else {
+        while(currentNode.element !== element) {
+            previousNode = currentNode;
+            currentNode = currentNode.next;
+        }
+
+        previousNode.next = currentNode.next;
+    }
+
+    length --;
+  };
+
+  // Only change code below this line
+
+  // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/size-of-the-set.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/size-of-the-set.chinese.md
new file mode 100644
index 0000000000..4bf7b927e0
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/size-of-the-set.chinese.md
@@ -0,0 +1,82 @@
+---
+id: 8d1923c8c441eddfaeb5bdef
+title: Size of the Set
+challengeType: 1
+videoUrl: ''
+localeTitle: 套装的大小
+---
+
+## Description
+<section id="description">在本练习中，我们将为Set创建一个size函数。此函数应命名为<code>this.size</code> ，它应返回集合的大小。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>Set</code>类应该有一个<code>size</code>方法。
+    testString: 'assert((function(){var test = new Set(); return (typeof test.size === "function")}()), "Your <code>Set</code> class should have a <code>size</code> method.");'
+  - text: <code>size</code>方法应返回集合中的元素数。
+    testString: 'assert((function(){var test = new Set(); test.add("a");test.add("b");test.remove("a");return (test.size() === 1)}()), "The <code>size</code> method should return the number of elements in the collection.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/typed-arrays.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/typed-arrays.chinese.md
new file mode 100644
index 0000000000..00e7add1fd
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/typed-arrays.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 587d8253367417b2b2512c6a
+title: Typed Arrays
+challengeType: 1
+videoUrl: ''
+localeTitle: 键入的数组
+---
+
+## Description
+<section id="description">数组是可以容纳许多不同元素的JavaScript对象。 <code>var complexArr = [1, 5, &quot;2&quot;, &quot;Word&quot;, {&quot;name&quot;: &quot;James&quot;}];</code>基本上后台发生的事情是您的浏览器会自动为该阵列提供适当的内存空间。如果添加或删除数据，它也会根据需要进行更改。但是，在高性能和不同元素类型的世界中，有时您需要更具体地了解为阵列提供多少内存。 <dfn>类型化数组</dfn>是这个问题的答案。您现在可以说要为阵列提供多少内存。下面是可用的不同类型数组的基本概述，以及该数组中每个元素的大小（以字节为单位）。 <table class="table table-striped"><tbody><tr><th>类型</th><th>每个元素大小以字节为单位</th></tr><tr><td> <code>Int8Array</code> </td> <td> 1 </td></tr><tr><td> <code>Uint8Array</code> </td> <td> 1 </td></tr><tr><td> <code>Uint8ClampedArray</code> </td> <td> 1 </td></tr><tr><td> <code>Int16Array</code> </td> <td> 2 </td></tr><tr><td> <code>Uint16Array</code> </td> <td> 2 </td></tr><tr><td> <code>Int32Array</code> </td> <td> 4 </td></tr><tr><td> <code>Uint32Array</code> </td> <td> 4 </td></tr><tr><td> <code>Float32Array</code> </td> <td> 4 </td></tr><tr><td> <code>Float64Array</code> </td> <td> 8 </td></tr></tbody></table>创建这种类型的数组有两种方法。一种方法是直接创建它。下面是如何创建一个3长度的<code>Int16Array</code> 。 <blockquote> var i8 = new Int16Array（3）; <br>的console.log（I8）; <br> //返回[0,0,0] </blockquote>您还可以创建一个<dfn>缓冲区</dfn>来分配您希望数组占用多少数据（以字节为单位）。 <strong>注意</strong> <br>要使用缓冲区创建类型化数组，需要将字节数分配为上面列出的字节的倍数。 <blockquote> //以不同方式创建相同的Int16Array数组<br> var byteSize = 6; //需要是2的倍数<br> var buffer = new ArrayBuffer（byteSize）; <br> var i8View = new Int16Array（buffer）; <br> buffer.byteLength; //返回6 <br> i8View.byteLength; //返回6 <br>的console.log（i8View）; //返回[0,0,0] </blockquote> <dfn>缓冲区</dfn>是仅承载数据的通用对象。您无法正常访问它们。要访问它们，您需要先创建一个<dfn>视图</dfn> 。 <blockquote> i8View [0] = 42; <br>的console.log（i8View）; //返回[42,0,0] </blockquote> <strong>注意</strong> <br>类型化数组没有传统数组所具有的某些方法，如<code>.pop()</code>或<code>.push()</code> 。类型化数组也会失败<code>Array.isArray()</code> ，它会检查某些内容是否为数组。虽然更简单，但对于不太复杂的JavaScript引擎来说，这可能是一个优势。 </section>
+
+## Instructions
+<section id="instructions">首先创建一个64字节的<code>buffer</code> 。然后创建一个<code>Int32Array</code>类型数组，其中包含一个名为<code>i32View</code>的视图。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>buffer</code>应该是64字节大。
+    testString: 'assert(buffer.byteLength === 64, "Your <code>buffer</code> should be 64 bytes large.");'
+  - text: 您的缓冲区的<code>i32View</code>视图应该是64字节大。
+    testString: 'assert(i32View.byteLength === 64, "Your <code>i32View</code> view of your buffer should be 64 bytes large.");'
+  - text: 您的缓冲区的<code>i32View</code>视图应为16个元素长。
+    testString: 'assert(i32View.length === 16, "Your <code>i32View</code> view of your buffer should be 16 elements long.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var buffer;
+var i32View;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/use-.has-and-.size-on-an-es6-set.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/use-.has-and-.size-on-an-es6-set.chinese.md
new file mode 100644
index 0000000000..9fd5f296f5
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/use-.has-and-.size-on-an-es6-set.chinese.md
@@ -0,0 +1,57 @@
+---
+id: 587d8255367417b2b2512c72
+title: Use .has and .size on an ES6 Set
+challengeType: 1
+videoUrl: ''
+localeTitle: 在ES6集上使用.has和.size
+---
+
+## Description
+<section id="description">让我们看一下ES6 Set对象上可用的.has和.size方法。首先，创建一个ES6 Set <code>var set = new Set([1,2,3]);</code> .has方法将检查该值是否包含在集合中。 <code>var hasTwo = set.has(2);</code> .size方法将返回一个表示Set <code>var howBig = set.size;</code>大小的整数<code>var howBig = set.size;</code> </section>
+
+## Instructions
+<section id="instructions">在本练习中，我们将数组和值传递给checkSet（）函数。您的函数应该从数组参数创建ES6集。查找该集是否包含value参数。找到集合的大小。并在数组中返回这两个值。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>checkSet([4, 5, 6], 3)</code>应该返回[false，3]'
+    testString: 'assert(function(){var test = checkSet([4,5,6], 3); test === [ false, 3 ]}, "<code>checkSet([4, 5, 6], 3)</code> should return [ false, 3 ]");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSet(arrToBeSet, checkValue){
+
+   // change code below this line
+
+   // change code above this line
+
+}
+
+checkSet([ 1, 2, 3], 2); // Should return [ true, 3 ]
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/use-breadth-first-search-in-a-binary-search-tree.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/use-breadth-first-search-in-a-binary-search-tree.chinese.md
new file mode 100644
index 0000000000..5120f601e8
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/use-breadth-first-search-in-a-binary-search-tree.chinese.md
@@ -0,0 +1,80 @@
+---
+id: 587d8258367417b2b2512c7f
+title: Use Breadth First Search in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: 在二叉搜索树中使用广度优先搜索
+---
+
+## Description
+<section id="description">这里我们将介绍另一种树遍历方法：广度优先搜索。与上一次挑战中的深度优先搜索方法相比，广度优先搜索在继续进入下一级别之前探索树中给定级别中的所有节点。通常，队列在广度优先搜索算法的设计中用作辅助数据结构。在此方法中，我们首先将根节点添加到队列中。然后我们开始一个循环，我们将队列中的第一个项目出列，将其添加到一个新数组，然后检查它们的子子树。如果它的孩子不是空的，他们每个都被排队。此过程将继续，直到队列为空。说明：让我们在树中创建一个名为<code>levelOrder</code>的广度优先搜索方法。此方法应返回一个包含所有树节点值的数组，并以广度优先的方式进行探索。确保返回数组中的值，而不是节点本身。应从左到右遍历一个级别。接下来，让我们编写一个名为<code>reverseLevelOrder</code>的类似方法，它在每个级别执行相同的搜索，但是反向（从右到左）。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 存在<code>BinarySearchTree</code>数据结构。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: 二叉搜索树有一个名为<code>levelOrder</code>的方法。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.levelOrder == "function")})(), "The binary search tree has a method called <code>levelOrder</code>.");'
+  - text: 二叉搜索树有一个名为<code>reverseLevelOrder</code>的方法。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.reverseLevelOrder == "function")})(), "The binary search tree has a method called <code>reverseLevelOrder</code>.");'
+  - text: <code>levelOrder</code>方法返回按级别顺序探索的树节点值的数组。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.levelOrder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.levelOrder().join("") == "719038102546"); })(), "The <code>levelOrder</code> method returns an array of the tree node values explored in level order.");'
+  - text: <code>reverseLevelOrder</code>方法返回以反向级别顺序探索的树节点值的数组。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.reverseLevelOrder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.reverseLevelOrder().join("") == "791108305264"); })(), "The <code>reverseLevelOrder</code> method returns an array of the tree node values explored in reverse level order.");'
+  - text: <code>levelOrder</code>方法为空树返回<code>null</code> 。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.levelOrder !== "function") { return false; }; return (test.levelOrder() == null); })(), "The <code>levelOrder</code> method returns <code>null</code> for an empty tree.");'
+  - text: <code>reverseLevelOrder</code>方法为空树返回<code>null</code> 。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.reverseLevelOrder !== "function") { return false; }; return (test.reverseLevelOrder() == null); })(), "The <code>reverseLevelOrder</code> method returns <code>null</code> for an empty tree.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/use-depth-first-search-in-a-binary-search-tree.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/use-depth-first-search-in-a-binary-search-tree.chinese.md
new file mode 100644
index 0000000000..42dbb7f39e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/use-depth-first-search-in-a-binary-search-tree.chinese.md
@@ -0,0 +1,86 @@
+---
+id: 587d8257367417b2b2512c7e
+title: Use Depth First Search in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: 在二叉搜索树中使用深度优先搜索
+---
+
+## Description
+<section id="description">我们知道如何在二叉搜索树中搜索特定值。但是，如果我们只想探索整棵树呢？或者，如果我们没有有序树，我们只需要搜索一个值？这里我们将介绍一些可用于探索树数据结构的树遍历方法。首先是深度优先搜索。在深度优先搜索中，在搜索继续到另一个子树之前，尽可能深地探索给定子树。有三种方法可以完成：按顺序：从最左边的节点开始搜索，到最右边的节点结束。预购：在树叶前探索所有的根。下订单：在根之前探索所有的叶子。您可能会猜到，您可以选择不同的搜索方法，具体取决于树存储的数据类型以及您要查找的内容。对于二叉搜索树，inorder遍历以排序顺序返回节点。说明：这里我们将在二叉搜索树上创建这三种搜索方法。深度优先搜索是一种固有的递归操作，只要子节点存在，它就会继续探索更多的子树。一旦理解了这个基本概念，您就可以简单地重新排列探索节点和子树的顺序，以生成上述三个搜索中的任何一个。例如，在后序搜索中，我们希望在开始返回任何节点本身之前一直递归到叶节点，而在预订搜索中，我们希望首先返回节点，然后继续递归在树下。在我们的树上定义<code>inorder</code> ， <code>preorder</code>和<code>postorder</code>方法。这些方法中的每一个都应该返回表示树遍历的项数组。确保返回数组中每个节点的整数值，而不是节点本身。最后，如果树为空，则返回<code>null</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 存在<code>BinarySearchTree</code>数据结构。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: 二叉搜索树有一个名为<code>inorder</code>的方法。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.inorder == "function")})(), "The binary search tree has a method called <code>inorder</code>.");'
+  - text: 二叉搜索树有一个名为<code>preorder</code>的方法。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.preorder == "function")})(), "The binary search tree has a method called <code>preorder</code>.");'
+  - text: 二叉搜索树有一个名为<code>postorder</code>的方法。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.postorder == "function")})(), "The binary search tree has a method called <code>postorder</code>.");'
+  - text: <code>inorder</code>方法返回由inorder遍历产生的节点值数组。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.inorder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.inorder().join("") == "012345678910"); })(), "The <code>inorder</code> method returns an array of the node values that result from an inorder traversal.");'
+  - text: <code>preorder</code>方法返回由前序遍历产生的节点值数组。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.preorder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.preorder().join("") == "710325469810"); })(), "The <code>preorder</code> method returns an array of the node values that result from a preorder traversal.");'
+  - text: <code>postorder</code>方法返回由后序遍历产生的节点值数组。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.postorder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.postorder().join("") == "024653181097"); })(), "The <code>postorder</code> method returns an array of the node values that result from a postorder traversal.");'
+  - text: <code>inorder</code>方法为空树返回<code>null</code> 。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.inorder !== "function") { return false; }; return (test.inorder() == null); })(), "The <code>inorder</code> method returns <code>null</code> for an empty tree.");'
+  - text: <code>preorder</code>方法为空树返回<code>null</code> 。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.preorder !== "function") { return false; }; return (test.preorder() == null); })(), "The <code>preorder</code> method returns <code>null</code> for an empty tree.");'
+  - text: <code>postorder</code>方法为空树返回<code>null</code> 。
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.postorder !== "function") { return false; }; return (test.postorder() == null); })(), "The <code>postorder</code> method returns <code>null</code> for an empty tree.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/use-spread-and-notes-for-es5-set-integration.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/use-spread-and-notes-for-es5-set-integration.chinese.md
new file mode 100644
index 0000000000..9f08abd66c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/use-spread-and-notes-for-es5-set-integration.chinese.md
@@ -0,0 +1,53 @@
+---
+id: 587d8255367417b2b2512c73
+title: Use Spread and Notes for ES5 Set() Integration
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用Spread和Notes进行ES5 Set（）集成
+---
+
+## Description
+<section id="description">你还记得ES6传播运营商<code>...</code> ？ <code>...</code>可以在ES6中获取可迭代对象并将它们转换为数组。让我们创建一个Set，并检查传播函数。 <blockquote> var set = new Set（[1,2,3]）; <br> var setToArr = [... set] <br> console.log（setToArr）//返回[1,2,3] </blockquote></section>
+
+## Instructions
+<section id="instructions">在本练习中，我们将set对象传递给<code>checkSet</code>函数。它应该返回一个包含Set值的数组。现在你已经成功学会了如何使用ES6 <code>Set()</code>对象，干得好！ </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的套装已正确退回！
+    testString: 'assert(function(){var test = checkSet(new Set([1,2,3,4,5,6,7])); test === [ 1, 2, 3, 4, 5, 6, 7 ]}, "Your Set was returned correctly!");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSet(set){
+   // change code below this line
+
+   // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/work-with-nodes-in-a-linked-list.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/work-with-nodes-in-a-linked-list.chinese.md
new file mode 100644
index 0000000000..7582ce7c63
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/data-structures/work-with-nodes-in-a-linked-list.chinese.md
@@ -0,0 +1,62 @@
+---
+id: 587d8251367417b2b2512c61
+title: Work with Nodes in a Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: 使用链接列表中的节点
+---
+
+## Description
+<section id="description">您将在计算机科学中遇到的另一个常见数据结构是<dfn>链表</dfn> 。链表是数据元素的线性集合，称为“节点”，每个数据元素指向下一个。链表中的每个<dfn>节点都</dfn>包含两个关键信息： <code>element</code>本身和对下一个<code>node</code>的引用。想象一下你在康加舞线上。你的手掌握在线下的下一个人身上，你身后的人就会抓住你。你可以直接看到这个人，但是他们阻挡了前方其他人的视线。一个节点就像一个康加舞线上的人：他们知道自己是谁，他们只能看到下一个人，但他们并不知道前方或后方的其他人。 </section>
+
+## Instructions
+<section id="instructions">在我们的代码编辑器中，我们创建了两个节点， <code>Kitten</code>和<code>Puppy</code> ，我们手动将<code>Kitten</code>节点连接到<code>Puppy</code>节点。创建<code>Cat</code>和<code>Dog</code>节点并手动将它们添加到该行。 </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 您的<code>Puppy</code>节点应该具有对<code>Cat</code>节点的引用。
+    testString: 'assert(Puppy.next.element === "Cat", "Your <code>Puppy</code> node should have a reference to a <code>Cat</code> node.");'
+  - text: 您的<code>Cat</code>节点应该具有对<code>Dog</code>节点的引用。
+    testString: 'assert(Cat.next.element === "Dog", "Your <code>Cat</code> node should have a reference to a <code>Dog</code> node.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Node = function(element){
+    this.element = element;
+    this.next = null;
+};
+var Kitten = new Node("Kitten");
+var Puppy = new Node("Puppy");
+
+Kitten.next = Puppy;
+// only add code below this line
+
+// test your code
+console.log(Kitten.next);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-1-multiples-of-3-and-5.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-1-multiples-of-3-and-5.chinese.md
new file mode 100644
index 0000000000..fcaaf86357
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-1-multiples-of-3-and-5.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f36e1000cf542c50fe80
+challengeType: 5
+title: 'Problem 1: Multiples of 3 and 5'
+videoUrl: ''
+localeTitle: 问题1：3和5的倍数
+---
+
+## Description
+<section id="description">如果我们列出10以下是3或5的倍数的所有自然数，我们得到3,5,6和9.这些倍数的总和是23.求出所提供参数以下3或5的所有倍数的总和价值<code>number</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>multiplesOf3and5(1000)</code>应该返回233168。
+    testString: 'assert.strictEqual(multiplesOf3and5(1000), 233168, "<code>multiplesOf3and5(1000)</code> should return 233168.");'
+  - text: <code>multiplesOf3and5(49)</code>应该返回543。
+    testString: 'assert.strictEqual(multiplesOf3and5(49), 543, "<code>multiplesOf3and5(49)</code> should return 543.");'
+  - text: <code>multiplesOf3and5(19564)</code>应该返回89301183。
+    testString: 'assert.strictEqual(multiplesOf3and5(19564), 89301183, "<code>multiplesOf3and5(19564)</code> should return 89301183.");'
+  - text: 您的函数未使用我们的测试值返回正确的结果。
+    testString: 'assert.strictEqual(multiplesOf3and5(8456), 16687353, "Your function is not returning the correct result using our tests values.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function multiplesOf3and5(number) {
+  // Good luck!
+  return true;
+}
+
+multiplesOf3and5(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-10-summation-of-primes.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-10-summation-of-primes.chinese.md
new file mode 100644
index 0000000000..d7d5875080
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-10-summation-of-primes.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3761000cf542c50fe89
+challengeType: 5
+title: 'Problem 10: Summation of primes'
+videoUrl: ''
+localeTitle: 问题10：素数的总和
+---
+
+## Description
+<section id="description">低于10的素数之和为2 + 3 + 5 + 7 = 17.求出n以下所有素数的总和。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>primeSummation(17)</code>应该返回41。
+    testString: 'assert.strictEqual(primeSummation(17), 41, "<code>primeSummation(17)</code> should return 41.");'
+  - text: <code>primeSummation(2001)</code>应该返回277050。
+    testString: 'assert.strictEqual(primeSummation(2001), 277050, "<code>primeSummation(2001)</code> should return 277050.");'
+  - text: <code>primeSummation(140759)</code>应该返回873608362。
+    testString: 'assert.strictEqual(primeSummation(140759), 873608362, "<code>primeSummation(140759)</code> should return 873608362.");'
+  - text: <code>primeSummation(2000000)</code>应返回142913828922。
+    testString: 'assert.strictEqual(primeSummation(2000000), 142913828922, "<code>primeSummation(2000000)</code> should return 142913828922.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function primeSummation(n) {
+  // Good luck!
+  return true;
+}
+
+primeSummation(2000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-100-arranged-probability.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-100-arranged-probability.chinese.md
new file mode 100644
index 0000000000..e2eb690200
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-100-arranged-probability.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d01000cf542c50fee3
+challengeType: 5
+title: 'Problem 100: Arranged probability'
+videoUrl: ''
+localeTitle: 问题100：安排概率
+---
+
+## Description
+<section id="description">如果一个盒子包含21个彩色光盘，由15个蓝色光盘和6个红色光盘组成，随机拍摄两张光盘，可以看出拍摄两张蓝色光盘的概率，P（BB）=（15/21） ）×（14/20）= 1/2。下一个这样的安排，其中有50％的机会随机拍摄两张蓝色光盘，是一个包含八十五个蓝色光盘和三十五个红色光盘的盒子。通过找到第一个包含总共超过1012 = 1,000,000,000,000个光盘的布置，确定该盒子将包含的蓝色光盘的数量。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler100()</code>应该返回756872327473。
+    testString: 'assert.strictEqual(euler100(), 756872327473, "<code>euler100()</code> should return 756872327473.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler100() {
+  // Good luck!
+  return true;
+}
+
+euler100();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-101-optimum-polynomial.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-101-optimum-polynomial.chinese.md
new file mode 100644
index 0000000000..47d094f1cb
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-101-optimum-polynomial.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d21000cf542c50fee4
+challengeType: 5
+title: 'Problem 101: Optimum polynomial'
+videoUrl: ''
+localeTitle: 问题101：最佳多项式
+---
+
+## Description
+<section id="description">如果我们被给出序列的前k个项，则不可能肯定地说下一个项的值，因为存在无限多个可以对序列建模的多项式函数。举个例子，让我们考虑一下立方体数字的顺序。这由生成函数定义，un = n3：1,8,27,64,125,216 ......假设我们只给出了该序列的前两个项。根据“简单就是最好”的原则，我们应该假设一个线性关系，并预测下一个项为15（公共差异7）。即使我们被提出前三个术语，按照相同的简单原则，也应假设二次关系。我们将OP（k，n）定义为序列的前k个项的最佳多项式生成函数的第n项。应该清楚的是，OP（k，n）将准确地生成n≤k的序列项，并且可能第一个不正确的项（FIT）将是OP（k，k + 1）;在这种情况下，我们将其称为坏OP（BOP）。作为一个基础，如果我们只给出第一个序列项，那么假设恒定是最明智的;也就是说，对于n≥2，OP（1，n）= u1。因此，我们获得了立方序列的以下OP： <p> OP（1，n）= 11 1,1,1,1 ...... OP（2，n）= 7n-6 1,8,15，...... OP（3，n）= 6n2-11n + 6 1,8,27,58，... OP（4，n）= n3 1,8,27,64,125，...... </p><p>显然，对于k≥4，不存在BOP。通过考虑BOP产生的FIT之和（以红色表示），我们得到1 + 15 + 58 = 74.考虑下面的十度多项式生成函数：un = 1  -  n + n2  -  n3 + n4  -  n5 + n6  -  n7 + n8  -  n9 + n10求BOP的FIT之和。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler101()</code>应该返回37076114526。
+    testString: 'assert.strictEqual(euler101(), 37076114526, "<code>euler101()</code> should return 37076114526.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler101() {
+  // Good luck!
+  return true;
+}
+
+euler101();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-102-triangle-containment.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-102-triangle-containment.chinese.md
new file mode 100644
index 0000000000..e8641d4814
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-102-triangle-containment.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d21000cf542c50fee5
+challengeType: 5
+title: 'Problem 102: Triangle containment'
+videoUrl: ''
+localeTitle: 问题102：三角形遏制
+---
+
+## Description
+<section id="description">在笛卡尔平面上随机绘制三个不同的点，其中-1000≤x，y≤1000，从而形成三角形。考虑以下两个三角形：A（-340,495），B（-153，-910），C（835，-947）X（-175,41），Y（-421，-714），Z（574， - 645）可以验证三角形ABC包含原点，而三角形XYZ不包含原点。使用triangles.txt（右键单击并将“Save Link / Target As ...”保存），包含一千个“随机”三角形坐标的27K文本文件，找到内部包含原点的三角形数。注意：文件中的前两个示例表示上面给出的示例中的三角形。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler102()</code>应该返回228。
+    testString: 'assert.strictEqual(euler102(), 228, "<code>euler102()</code> should return 228.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler102() {
+  // Good luck!
+  return true;
+}
+
+euler102();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.chinese.md
new file mode 100644
index 0000000000..197444b49a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d61000cf542c50fee7
+challengeType: 5
+title: 'Problem 103: Special subset sums: optimum'
+videoUrl: ''
+localeTitle: 问题103：特殊子集和：最佳
+---
+
+## Description
+<section id="description">设S（A）表示大小为n的集合A中的元素之和。如果对于任何两个非空的不相交子集B和C，我们将其称为特殊和集合，以下属性为真：S（B）≠S（C）;也就是说，子集的总和不能相等。如果B包含的元素多于C，则S（B）&gt; S（C）。如果对于给定的n，S（A）被最小化，我们将其称为最优的特殊和集。下面给出前五个最佳特殊和集。 n = 1：{1} n = 2：{1,2} n = 3：{2,3,4} n = 4：{3,5,6,7} n = 5：{6,9,11 ，12,13}似乎对于给定的最优集合，A = {a1，a2，...，an}，下一个最优集合的形式为B = {b，a1 + b，a2 + b，... ..，an + b}，其中b是前一行的“中间”元素。通过应用这个“规则”，我们期望n = 6的最优集合为A = {11,17,20,22,23,24}，其中S（A）= 117.但是，这不是最佳集合因为我们仅应用算法来提供接近最优的集合。 n = 6的最佳集合是A = {11,18,19,20,22,25}，其中S（A）= 115并且对应的集合字符串：111819202225。假设A是n =的最优特殊和集合7，找到它的设置字符串。注意：此问题与问题105和问题106有关。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler103()</code>应该返回20313839404245。
+    testString: 'assert.strictEqual(euler103(), 20313839404245, "<code>euler103()</code> should return 20313839404245.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler103() {
+  // Good luck!
+  return true;
+}
+
+euler103();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.chinese.md
new file mode 100644
index 0000000000..67b9d98ab9
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d51000cf542c50fee6
+challengeType: 5
+title: 'Problem 104: Pandigital Fibonacci ends'
+videoUrl: ''
+localeTitle: 问题104：Pandigital Fibonacci结束
+---
+
+## Description
+<section id="description"> Fibonacci序列由递归关系定义：Fn = Fn-1 + Fn-2，其中F1 = 1且F2 = 1.事实证明，包含113位数字的F541是第一个斐波那契数字，其中最后九个数字是1-9 pandigital（包含所有数字1到9，但不一定按顺序）。 F2749包含575个数字，是第一个斐波那契数字，前九个数字是1-9 pandigital。鉴于Fk是第一个斐波纳契数，前九个数字和后九个数字是1-9 pandigital，找到k。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler104()</code>应返回329468。
+    testString: 'assert.strictEqual(euler104(), 329468, "<code>euler104()</code> should return 329468.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler104() {
+  // Good luck!
+  return true;
+}
+
+euler104();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.chinese.md
new file mode 100644
index 0000000000..ee47e35eed
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d61000cf542c50fee8
+challengeType: 5
+title: 'Problem 105: Special subset sums: testing'
+videoUrl: ''
+localeTitle: 问题105：特殊子集总和：测试
+---
+
+## Description
+<section id="description">设S（A）表示大小为n的集合A中的元素之和。如果对于任何两个非空的不相交子集B和C，我们将其称为特殊和集合，以下属性为真：S（B）≠S（C）;也就是说，子集的总和不能相等。如果B包含的元素多于C，则S（B）&gt; S（C）。例如，{81,88,75,42,87,84,86,65}不是一个特殊的和集，因为65 + 87 + 88 = 75 + 81 + 84，而{157,150,164,119,79 ，159,161,139,158}满足所有可能的子集对组合的规则，并且S（A）= 1286.使用sets.txt（右键单击并“将链接/目标另存为...”），4K文本文件包含七到十二个元素的一百个集合（上面给出的两个例子是文件中的前两个集合），识别所有特殊的和集，A1，A2，...，Ak，并找到S的值（ A1）+ S（A2）+ ... + S（Ak）。注意：此问题与问题103和问题106有关。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler105()</code>应返回73702。
+    testString: 'assert.strictEqual(euler105(), 73702, "<code>euler105()</code> should return 73702.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler105() {
+  // Good luck!
+  return true;
+}
+
+euler105();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.chinese.md
new file mode 100644
index 0000000000..5ef6d37070
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d71000cf542c50fee9
+challengeType: 5
+title: 'Problem 106: Special subset sums: meta-testing'
+videoUrl: ''
+localeTitle: 问题106：特殊子集和：元测试
+---
+
+## Description
+<section id="description">设S（A）表示大小为n的集合A中的元素之和。如果对于任何两个非空的不相交子集B和C，我们将其称为特殊和集合，以下属性为真：S（B）≠S（C）;也就是说，子集的总和不能相等。如果B包含的元素多于C，则S（B）&gt; S（C）。对于这个问题，我们假设给定的集合包含n个严格增加的元素，并且它已经满足第二个规则。令人惊讶的是，在可以从n = 4的集合中获得的25个可能的子集对中，仅需要对这些对中的1个进行相等性测试（第一规则）。类似地，当n = 7时，仅需要测试966个子集对中的70个。对于n = 12，可以获得多少261625个子集对需要进行相等性测试？注意：此问题与问题103和问题105有关。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler106()</code>应返回21384。
+    testString: 'assert.strictEqual(euler106(), 21384, "<code>euler106()</code> should return 21384.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler106() {
+  // Good luck!
+  return true;
+}
+
+euler106();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-107-minimal-network.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-107-minimal-network.chinese.md
new file mode 100644
index 0000000000..121f7452ad
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-107-minimal-network.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d91000cf542c50feea
+challengeType: 5
+title: 'Problem 107: Minimal network'
+videoUrl: ''
+localeTitle: 问题107：最小网络
+---
+
+## Description
+<section id="description">以下无向网络由七个顶点和十二个边组成，总权重为243。 <p>相同的网络可以由下面的矩阵表示。 ABCDEFG A-161221 --- B16--1720-- C12--28-31- D211728-181923 E-20-18--11 F-3119--27 G --- 231127-但是，有可能通过删除一些边缘来优化网络，并仍然确保网络上的所有点保持连接。实现最大节省的网络如下所示。它的权重为93，比原始网络节省了243  -  93 = 150。 </p><p>使用network.txt（右键单击并“保存链接/目标为...”），一个6K文本文件包含一个具有四十个顶点的网络，并以矩阵形式给出，找到通过删除冗余边缘可以实现的最大节省确保网络保持连接。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler107()</code>应该返回259679。
+    testString: 'assert.strictEqual(euler107(), 259679, "<code>euler107()</code> should return 259679.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler107() {
+  // Good luck!
+  return true;
+}
+
+euler107();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.chinese.md
new file mode 100644
index 0000000000..54579e700b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d91000cf542c50feeb
+challengeType: 5
+title: 'Problem 108: Diophantine Reciprocals I'
+videoUrl: ''
+localeTitle: 问题108：丢番图互惠I
+---
+
+## Description
+<section id="description">在下面的等式中，x，y和n是正整数。 1 / <var>x</var> + 1 / <var>y</var> = 1 / <var>n</var>对于<var>n</var> = 4，恰好有三种不同的解：1/5 + 1/20 = 1/4 <br> 1/6 + 1/12 = 1/4 <br> 1/8 + 1/8 = 1/4不同解的数量超过一千的<var>n的</var>最小值是多少？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: diophantineOne <code>diophantineOne()</code>应返回180180。
+    testString: 'assert.strictEqual(diophantineOne(), 180180, "<code>diophantineOne()</code> should return 180180.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function diophantineOne() {
+  // Good luck!
+  return true;
+}
+
+diophantineOne();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-109-darts.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-109-darts.chinese.md
new file mode 100644
index 0000000000..d8826587d8
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-109-darts.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3db1000cf542c50feec
+challengeType: 5
+title: 'Problem 109: Darts'
+videoUrl: ''
+localeTitle: 问题109：飞镖
+---
+
+## Description
+<section id="description">在飞镖游戏中，玩家在目标板上投掷三个飞镖，该目标板被分成二十个相等大小的部分，编号为一到二十。 <p>飞镖的得分由飞镖着陆区域的数量决定。红色/绿色外圈外的飞镖着陆得分为零。该戒指内的黑色和奶油色区域代表单个分数。然而，红色/绿色外圈和中圈分别得分为双倍和高音。在董事会的中心是两个同心圆，称为公牛区或公牛眼。外面的公牛价值25点，内部公牛是双倍，价值50点。规则有很多变化，但在最流行的游戏中，玩家将以301或501的分数开始，并且第一个将他们的总跑动总数减少到零的玩家是胜利者。然而，玩“双打”系统是正常的，这意味着玩家必须在他们的最终飞镖上获得双倍（包括在棋盘中央的双靶心）才能获胜;任何其他飞镖都会将他们的跑动总数减少到一个或更低意味着这组三个飞镖的得分是“半身像”。当玩家能够完成他们当前的分数时，它被称为“结账”，最高结账时间是170：T20 T20 D25（两个高音20和双牛）。有6种截然不同的结账方式，分数为6： </p><p> D3 </p><p> D1 D2 </p><p> S2 D2 </p><p> D2 D1 </p><p> S4 D1 </p><p> S1 S1 D2 S1 T1 D1 S1 S3 D1 D1 D1 D1 D1 S2 D1 S2 S2 D1 </p><p>请注意，D1 D2被认为与D2 D1不同，因为它们在不同的双打上完成。但是，组合S1 T1 D1被认为与T1 S1 D1相同。此外，我们不会在考虑组合时包含未命中数;例如，D3与0 D3和0 0 D3相同。令人难以置信的是，共有42336种不同的检查方式。玩家以低于100的分数结账有多少种不同的方式？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler109()</code>应返回38182。
+    testString: 'assert.strictEqual(euler109(), 38182, "<code>euler109()</code> should return 38182.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler109() {
+  // Good luck!
+  return true;
+}
+
+euler109();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-11-largest-product-in-a-grid.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-11-largest-product-in-a-grid.chinese.md
new file mode 100644
index 0000000000..1551e3e536
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-11-largest-product-in-a-grid.chinese.md
@@ -0,0 +1,89 @@
+---
+id: 5900f3781000cf542c50fe8a
+challengeType: 5
+title: 'Problem 11: Largest product in a grid'
+videoUrl: ''
+localeTitle: 问题11：网格中最大的产品
+---
+
+## Description
+<section id="description">在下面的20×20网格中，沿对角线的四个数字标记为红色。 <div style="text-align: center;"> 08 02 22 97 38 15 00 40 00 75 04 05 07 78 52 12 50 77 91 08 </div><div style="text-align: center;"> 49 49 99 40 17 81 18 57 60 87 17 40 98 43 69 48 04 56 62 00 </div><div style="text-align: center;"> 81 49 31 73 55 79 14 29 93 71 40 67 53 88 30 03 49 13 36 65 </div><div style="text-align: center;"> 52 70 95 23 04 60 11 42 69 24 68 56 01 32 56 71 37 02 36 91 </div><div style="text-align: center;"> 22 31 16 71 51 67 63 89 41 92 36 54 22 40 40 28 66 33 13 80 </div><div style="text-align: center;"> 24 47 32 60 99 03 45 02 44 75 33 53 78 36 84 20 35 17 12 50 </div><div style="text-align: center;"> 32 98 81 28 64 23 67 10 <span style="color: red"><b>26</b></span> 38 40 67 59 54 70 66 18 38 64 70 </div><div style="text-align: center;"> 67 26 20 68 02 62 12 20 95 <span style="color: red"><b>63</b></span> 94 39 63 08 40 91 66 49 94 21 </div><div style="text-align: center;"> 24 55 58 05 66 73 99 26 97 17 <span style="color: red"><b>78</b></span> 78 96 83 14 88 34 89 63 72 </div><div style="text-align: center;"> 21 36 23 09 75 00 76 44 20 45 35 <span style="color: red"><b>14</b></span> 00 61 33 97 34 31 33 95 </div><div style="text-align: center;"> 78 17 53 28 22 75 31 67 15 94 03 80 04 62 16 14 09 53 56 92 </div><div style="text-align: center;"> 16 39 05 42 96 35 31 47 55 58 88 24 00 17 54 24 36 29 85 57 </div><div style="text-align: center;"> 86 56 00 48 35 71 89 07 05 44 44 37 44 60 21 58 51 54 17 58 </div><div style="text-align: center;"> 19 80 81 68 05 94 47 69 28 73 92 13 86 52 17 77 04 89 55 40 </div><div style="text-align: center;"> 04 52 08 83 97 35 99 16 07 97 57 32 16 26 26 79 33 27 98 66 </div><div style="text-align: center;"> 88 36 68 87 57 62 20 72 03 46 33 67 46 55 12 32 63 93 53 69 </div><div style="text-align: center;"> 04 42 16 73 38 25 39 11 24 94 72 18 08 46 29 32 40 62 76 36 </div><div style="text-align: center;"> 20 69 36 41 72 30 23 88 34 62 99 69 82 67 59 85 74 04 36 16 </div><div style="text-align: center;"> 20 73 35 29 78 31 90 01 74 31 49 71 48 86 81 16 23 57 05 54 </div><div style="text-align: center;"> 01 70 54 71 83 51 54 69 16 92 33 48 61 43 52 01 89 19 67 48 </div><p>这些数字的乘积是26×63×78×14 = 1788696.在给定的<code>arr</code>网格中，相同方向（上，下，左，右或对角）的四个相邻数字的最大乘积是多少？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>largestGridProduct(grid)</code>应该返回70600674。
+    testString: 'assert.strictEqual(largestGridProduct(grid), 70600674, "<code>largestGridProduct(grid)</code> should return 70600674.");'
+  - text: <code>largestGridProduct(testGrid)</code>应该返回14169081。
+    testString: 'assert.strictEqual(largestGridProduct(testGrid), 14169081, "<code>largestGridProduct(testGrid)</code> should return 14169081.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestGridProduct(arr) {
+  // Good luck!
+  return arr;
+}
+
+// Only change code above this line
+const grid = [
+  [8, 2, 22, 97, 38, 15, 0, 40, 0, 75, 4, 5, 7, 78, 52, 12, 50, 77, 91, 8],
+  [49, 49, 99, 40, 17, 81, 18, 57, 60, 87, 17, 40, 98, 43, 69, 48, 4, 56, 62, 0],
+  [81, 49, 31, 73, 55, 79, 14, 29, 93, 71, 40, 67, 53, 88, 30, 3, 49, 13, 36, 65],
+  [52, 70, 95, 23, 4, 60, 11, 42, 69, 24, 68, 56, 1, 32, 56, 71, 37, 2, 36, 91],
+  [22, 31, 16, 71, 51, 67, 63, 89, 41, 92, 36, 54, 22, 40, 40, 28, 66, 33, 13, 80],
+  [24, 47, 32, 60, 99, 3, 45, 2, 44, 75, 33, 53, 78, 36, 84, 20, 35, 17, 12, 50],
+  [32, 98, 81, 28, 64, 23, 67, 10, 26, 38, 40, 67, 59, 54, 70, 66, 18, 38, 64, 70],
+  [67, 26, 20, 68, 2, 62, 12, 20, 95, 63, 94, 39, 63, 8, 40, 91, 66, 49, 94, 21],
+  [24, 55, 58, 5, 66, 73, 99, 26, 97, 17, 78, 78, 96, 83, 14, 88, 34, 89, 63, 72],
+  [21, 36, 23, 9, 75, 0, 76, 44, 20, 45, 35, 14, 0, 61, 33, 97, 34, 31, 33, 95],
+  [78, 17, 53, 28, 22, 75, 31, 67, 15, 94, 3, 80, 4, 62, 16, 14, 9, 53, 56, 92],
+  [16, 39, 5, 42, 96, 35, 31, 47, 55, 58, 88, 24, 0, 17, 54, 24, 36, 29, 85, 57],
+  [86, 56, 0, 48, 35, 71, 89, 7, 5, 44, 44, 37, 44, 60, 21, 58, 51, 54, 17, 58],
+  [19, 80, 81, 68, 5, 94, 47, 69, 28, 73, 92, 13, 86, 52, 17, 77, 4, 89, 55, 40],
+  [4, 52, 8, 83, 97, 35, 99, 16, 7, 97, 57, 32, 16, 26, 26, 79, 33, 27, 98, 66],
+  [88, 36, 68, 87, 57, 62, 20, 72, 3, 46, 33, 67, 46, 55, 12, 32, 63, 93, 53, 69],
+  [4, 42, 16, 73, 38, 25, 39, 11, 24, 94, 72, 18, 8, 46, 29, 32, 40, 62, 76, 36],
+  [20, 69, 36, 41, 72, 30, 23, 88, 34, 62, 99, 69, 82, 67, 59, 85, 74, 4, 36, 16],
+  [20, 73, 35, 29, 78, 31, 90, 1, 74, 31, 49, 71, 48, 86, 81, 16, 23, 57, 5, 54],
+  [1, 70, 54, 71, 83, 51, 54, 69, 16, 92, 33, 48, 61, 43, 52, 1, 89, 19, 67, 48]
+];
+
+const testGrid = [
+  [40, 17, 81, 18, 57],
+  [74, 4, 36, 16, 29],
+  [36, 42, 69, 73, 45],
+  [51, 54, 69, 16, 92],
+  [7, 97, 57, 32, 16]
+];
+
+largestGridProduct(testGrid);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-110-diophantine-reciprocals-ii.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-110-diophantine-reciprocals-ii.chinese.md
new file mode 100644
index 0000000000..ec2b701ae1
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-110-diophantine-reciprocals-ii.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3db1000cf542c50feed
+challengeType: 5
+title: 'Problem 110: Diophantine Reciprocals II'
+videoUrl: ''
+localeTitle: 问题110：丢番图互惠II
+---
+
+## Description
+<section id="description">在下面的等式中，x，y和n是正整数。 1 / <var>x</var> + 1 / <var>y</var> = 1 / <var>n</var>可以证实，当<var>n</var> = 1260时，存在113个不同的解，并且这是<var>n的</var>最小值，其中不同解的总数超过100。 <var>n的</var>最小值是多少，不同解决方案的数量超过四百万？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>diophantineTwo</code>应该返回9350130049860600。
+    testString: 'assert.strictEqual(diophantineTwo(), 9350130049860600, "<code>diophantineTwo()</code> should return 9350130049860600.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function diophantineTwo() {
+  // Good luck!
+  return true;
+}
+
+diophantineTwo();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-111-primes-with-runs.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-111-primes-with-runs.chinese.md
new file mode 100644
index 0000000000..cc75cd93c7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-111-primes-with-runs.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3db1000cf542c50feee
+challengeType: 5
+title: 'Problem 111: Primes with runs'
+videoUrl: ''
+localeTitle: 问题111：运行的Primes
+---
+
+## Description
+<section id="description">考虑到包含重复数字的4位数素数，很明显它们不能全部相同：1111可被11整除，2222可被22整除，依此类推。但是有九个4位数的素数包含三个素数：1117,1151,1171,1181,1511,1811,2111,4111,8111我们将说M（n，d）表示n-的最大重复数位数。数字素数，其中d是重复数字，N（n，d）表示这些素数的数量，S（n，d）表示这些素数的总和。所以M（4,1）= 3是4位数的素数的最大重复位数，其中一个是重复的数字，有N（4,1）= 9个这样的素数，这些素数的总和是S （4,1）= 22275.事实证明，对于d = 0，只能使M（4,0）= 2个重复数字，但是存在N（4,0）= 13个这样的情况。同样地，我们获得了4位素数的以下结果。 <p>数字，d M（4，d）N（4，d）S（4，d）0 2 13 67061 1 3 9 22275 2 3 1 2221 3 3 12 46214 4 3 2 8888 5 3 1 5557 6 3 1 6661 7 3 9 57863 8 3 1 8887 9 3 7 48073 </p><p>对于d = 0到9，所有S（4，d）的总和是273700.求所有S（10，d）的总和。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler111()</code>应返回612407567715。
+    testString: 'assert.strictEqual(euler111(), 612407567715, "<code>euler111()</code> should return 612407567715.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler111() {
+  // Good luck!
+  return true;
+}
+
+euler111();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-112-bouncy-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-112-bouncy-numbers.chinese.md
new file mode 100644
index 0000000000..20b2af5208
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-112-bouncy-numbers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3dd1000cf542c50feef
+challengeType: 5
+title: 'Problem 112: Bouncy numbers'
+videoUrl: ''
+localeTitle: 问题112：有弹性的数字
+---
+
+## Description
+<section id="description">如果左边的数字没有超过数字，则从左到右工作，称为递增数字;例如，134468。同样，如果右边的数字没有超过数字，则称为递减数字;例如，66420。我们将调用一个既不增加也不减少“有弹性”数的正整数;例如，155349。显然，不会有任何低于一百的弹性数字，但只有超过一千（525）的数字超过一半是有弹性的。事实上，有弹性数字首次达到50％的最小数量是538.令人惊讶的是，有弹性的数字变得越来越普遍，当我们达到21780时，有弹性数字的比例等于90％。找出有弹性数字的比例正好为99％的最小数字。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler112()</code>应返回1587000。
+    testString: 'assert.strictEqual(euler112(), 1587000, "<code>euler112()</code> should return 1587000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler112() {
+  // Good luck!
+  return true;
+}
+
+euler112();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-113-non-bouncy-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-113-non-bouncy-numbers.chinese.md
new file mode 100644
index 0000000000..8e10c995e3
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-113-non-bouncy-numbers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3dd1000cf542c50fef0
+challengeType: 5
+title: 'Problem 113: Non-bouncy numbers'
+videoUrl: ''
+localeTitle: 问题113：非弹性数字
+---
+
+## Description
+<section id="description">如果左边的数字没有超过数字，则从左到右工作，称为递增数字;例如，134468。同样，如果右边的数字没有超过数字，则称为递减数字;例如，66420。我们将调用一个既不增加也不减少“有弹性”数的正整数;例如，随着n的增加，低于n的弹性数的比例增加，使得只有12951个数字低于一百万个而不是有弹性而只有277032个非有弹性的数字低于1010.一个数量低于一个googol（10100） ）是不是有弹性？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler113()</code>应该返回51161058134250。
+    testString: 'assert.strictEqual(euler113(), 51161058134250, "<code>euler113()</code> should return 51161058134250.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler113() {
+  // Good luck!
+  return true;
+}
+
+euler113();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-114-counting-block-combinations-i.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-114-counting-block-combinations-i.chinese.md
new file mode 100644
index 0000000000..87e231ecd6
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-114-counting-block-combinations-i.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e01000cf542c50fef2
+challengeType: 5
+title: 'Problem 114: Counting block combinations I'
+videoUrl: ''
+localeTitle: 问题114：计数块组合I
+---
+
+## Description
+<section id="description">测量七个单元长度的行具有红色块，其上放置有最小长度为三个单元，使得任何两个红色块（允许为不同长度）由至少一个黑色方块隔开。有七种方法可以做到这一点。 <p>一行可以测量多达50个长度的行数？注意：虽然上面的示例不适合这种可能性，但通常允许混合块大小。例如，在一个长度为8个单位的行上，您可以使用红色（3），黑色（1）和红色（4）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler114()</code>应该返回16475640049。
+    testString: 'assert.strictEqual(euler114(), 16475640049, "<code>euler114()</code> should return 16475640049.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler114() {
+  // Good luck!
+  return true;
+}
+
+euler114();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-115-counting-block-combinations-ii.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-115-counting-block-combinations-ii.chinese.md
new file mode 100644
index 0000000000..491d289489
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-115-counting-block-combinations-ii.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3df1000cf542c50fef1
+challengeType: 5
+title: 'Problem 115: Counting block combinations II'
+videoUrl: ''
+localeTitle: 问题115：计数块组合II
+---
+
+## Description
+<section id="description">注意：这是问题114的更难的版本。测量n个单位长度的行具有红色块，其上放置最小长度为m个单位，使得任何两个红色块（允许不同长度）被分开至少有一个黑色方块。让fill-count函数F（m，n）表示可以填充行的方式的数量。例如，F（3,29）= 673135和F（3,30）= 1089155.也就是说，对于m = 3，可以看出n = 30是填充计数函数首次超过的最小值一百万。同样，对于m = 10，可以验证F（10,56）= 880711和F（10,57）= 1148904，因此n = 57是填充计数函数首次超过的最小值一百万。对于m = 50，找到填充计数函数首先超过一百万的n的最小值。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler115()</code>应返回168。
+    testString: 'assert.strictEqual(euler115(), 168, "<code>euler115()</code> should return 168.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler115() {
+  // Good luck!
+  return true;
+}
+
+euler115();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-116-red-green-or-blue-tiles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-116-red-green-or-blue-tiles.chinese.md
new file mode 100644
index 0000000000..10a2388c48
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-116-red-green-or-blue-tiles.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e01000cf542c50fef3
+challengeType: 5
+title: 'Problem 116: Red, green or blue tiles'
+videoUrl: ''
+localeTitle: 问题116：红色，绿色或蓝色瓷砖
+---
+
+## Description
+<section id="description">一排五个黑色正方形瓷砖是用彩色椭圆形瓷砖代替的，其中红色（长度为2），绿色（长度为3）或蓝色（长度为4）。如果选择红色瓷砖，则可以通过七种方式完成此操作。 <p>如果选择绿色瓷砖，有三种方法。 </p><p>如果选择蓝色瓷砖，有两种方法。 </p><p>假设颜色不能混合，则有7 + 3 + 2 = 12种方式替换长度为五个单位的行中的黑色瓷砖。如果不能混合颜色并且必须使用至少一个彩色瓷砖，那么连续测量五十个单位的黑色瓷砖有多少种不同的方式可以替换？注意：这与问题117有关。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler116()</code>应该返回20492570929。
+    testString: 'assert.strictEqual(euler116(), 20492570929, "<code>euler116()</code> should return 20492570929.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler116() {
+  // Good luck!
+  return true;
+}
+
+euler116();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-117-red-green-and-blue-tiles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-117-red-green-and-blue-tiles.chinese.md
new file mode 100644
index 0000000000..5848a3420a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-117-red-green-and-blue-tiles.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e21000cf542c50fef4
+challengeType: 5
+title: 'Problem 117: Red, green, and blue tiles'
+videoUrl: ''
+localeTitle: 问题117：红色，绿色和蓝色瓷砖
+---
+
+## Description
+<section id="description">使用黑色正方形瓷砖和椭圆形瓷砖的组合，选自：测量两个单位的红色瓷砖，测量三个单位的绿色瓷砖和测量四个单位的蓝色瓷砖，可以以十五种不同的方式平铺一个长度为五个单位的行。 <p>一行测量五十个单位长度的平铺方式有多少？注意：这与问题116有关。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler117()</code>应该返回100808458960497。
+    testString: 'assert.strictEqual(euler117(), 100808458960497, "<code>euler117()</code> should return 100808458960497.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler117() {
+  // Good luck!
+  return true;
+}
+
+euler117();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-118-pandigital-prime-sets.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-118-pandigital-prime-sets.chinese.md
new file mode 100644
index 0000000000..7b52c1efd1
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-118-pandigital-prime-sets.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3e21000cf542c50fef5
+challengeType: 5
+title: 'Problem 118: Pandigital prime sets'
+videoUrl: ''
+localeTitle: 问题118：Pandigital prime set
+---
+
+## Description
+<section id="description">使用所有数字1到9并自由地连接它们以形成十进制整数，可以形成不同的集合。有趣的是，集合{2,5,47,89,631}，属于它的所有元素都是素数。包含每个数字1到9的多少个不同的集合只包含主要元素？ </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler118()</code>应返回44680。
+    testString: 'assert.strictEqual(euler118(), 44680, "<code>euler118()</code> should return 44680.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler118() {
+  // Good luck!
+  return true;
+}
+
+euler118();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-119-digit-power-sum.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-119-digit-power-sum.chinese.md
new file mode 100644
index 0000000000..b8c198b27b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-119-digit-power-sum.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e41000cf542c50fef6
+challengeType: 5
+title: 'Problem 119: Digit power sum'
+videoUrl: ''
+localeTitle: 问题119：数字功率总和
+---
+
+## Description
+<section id="description">数字512很有意思，因为它等于它的数字加到某个幂的总和：5 + 1 + 2 = 8，而83 = 512.具有这个属性的数字的另一个例子是614656 = 284.我们将定义一个成为这个序列的第n个术语，并坚持一个数字必须包含至少两个数字才能得到一个总和。给出a2 = 512和a10 = 614656。找到a30。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler119()</code>应该返回248155780267521。
+    testString: 'assert.strictEqual(euler119(), 248155780267521, "<code>euler119()</code> should return 248155780267521.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler119() {
+  // Good luck!
+  return true;
+}
+
+euler119();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-12-highly-divisible-triangular-number.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-12-highly-divisible-triangular-number.chinese.md
new file mode 100644
index 0000000000..63f47cdaec
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-12-highly-divisible-triangular-number.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 5900f3781000cf542c50fe8b
+challengeType: 5
+title: 'Problem 12: Highly divisible triangular number'
+videoUrl: ''
+localeTitle: 问题12：高度可分的三角数
+---
+
+## Description
+<section id="description">通过添加自然数生成三角数的序列。所以第7个三角形数字是1 + 2 + 3 + 4 + 5 + 6 + 7 = 28.前十个术语是： <div style="text-align: center;"> 1,3,6,10,15,21,28,36,45,55 ...... </div>让我们列出前七个三角形数字的因子： <div style="padding-left: 4em;"> <b>1：</b> 1 </div><div style="padding-left: 4em;"> <b>3：</b> 1,3 </div><div style="padding-left: 4em;"> <b>6：</b> 1,2,3,6 </div><div style="padding-left: 4em;"> <b>10：</b> 1,2,5,10 </div><div style="padding-left: 4em;"> <b>15：</b> 1,3,5,15 </div><div style="padding-left: 4em;"> <b>21：</b> 1,3,7,21 </div><div style="padding-left: 4em;"> <b>28：</b> 1,2,4,7,14,28 </div>我们可以看到28是第一个超过五个除数的三角形数。超过<code>n</code>除数的第一个三角形数的值是多少？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>divisibleTriangleNumber(5)</code>应该返回28。
+    testString: 'assert.strictEqual(divisibleTriangleNumber(5), 28, "<code>divisibleTriangleNumber(5)</code> should return 28.");'
+  - text: <code>divisibleTriangleNumber(23)</code>应该返回630。
+    testString: 'assert.strictEqual(divisibleTriangleNumber(23), 630, "<code>divisibleTriangleNumber(23)</code> should return 630.");'
+  - text: divisibleTriangleNumber <code>divisibleTriangleNumber(167)</code>应该返回1385280。
+    testString: 'assert.strictEqual(divisibleTriangleNumber(167), 1385280, "<code>divisibleTriangleNumber(167)</code> should return 1385280.");'
+  - text: divisibleTriangleNumber <code>divisibleTriangleNumber(374)</code>应该返回17907120。
+    testString: 'assert.strictEqual(divisibleTriangleNumber(374), 17907120, "<code>divisibleTriangleNumber(374)</code> should return 17907120.");'
+  - text: divisibleTriangleNumber <code>divisibleTriangleNumber(500)</code>应该返回76576500。
+    testString: 'assert.strictEqual(divisibleTriangleNumber(500), 76576500, "<code>divisibleTriangleNumber(500)</code> should return 76576500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function divisibleTriangleNumber(n) {
+  // Good luck!
+  return true;
+}
+
+divisibleTriangleNumber(500);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-120-square-remainders.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-120-square-remainders.chinese.md
new file mode 100644
index 0000000000..8de0642539
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-120-square-remainders.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e41000cf542c50fef7
+challengeType: 5
+title: 'Problem 120: Square remainders'
+videoUrl: ''
+localeTitle: 问题120：方形剩余部分
+---
+
+## Description
+<section id="description">设r是（a-1）n +（a + 1）n除以a2时的余数。例如，如果a = 7且n = 3，则r = 42：63 + 83 =728≡42mod 49.并且当n变化时，r也将变化，但是对于a = 7，结果是rmax = 42。对于3≤a≤1000，找到Σrmax。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler120()</code>应返回333082500。
+    testString: 'assert.strictEqual(euler120(), 333082500, "<code>euler120()</code> should return 333082500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler120() {
+  // Good luck!
+  return true;
+}
+
+euler120();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-121-disc-game-prize-fund.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-121-disc-game-prize-fund.chinese.md
new file mode 100644
index 0000000000..d9d517ca9f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-121-disc-game-prize-fund.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e51000cf542c50fef8
+challengeType: 5
+title: 'Problem 121: Disc game prize fund'
+videoUrl: ''
+localeTitle: 问题121：光盘游戏奖金
+---
+
+## Description
+<section id="description">一个包包含一个红色圆盘和一个蓝色圆盘。在有机会的游戏中，玩家随机拍摄光盘并记录其颜色。每次转动后，光盘返回到包中，添加一个额外的红色光盘，随机拍摄另一张光盘。如果玩家在游戏结束时拍摄的红色光盘多于红色光盘，则玩家可以支付1英镑玩游戏并获胜。如果游戏进行了四轮比赛，那么玩家获胜的概率恰好是11/120，因此银行家在这场比赛中应该分配的最高奖金将是10英镑，然后才会产生损失。请注意，任何支付都将是一个整数磅，并且还包括为玩游戏而支付的原始£1，因此在给出的示例中，玩家实际上赢得了9英镑。找到应该分配给单个游戏的最大奖金，其中玩15个回合。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler121()</code>应返回2269。
+    testString: 'assert.strictEqual(euler121(), 2269, "<code>euler121()</code> should return 2269.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler121() {
+  // Good luck!
+  return true;
+}
+
+euler121();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-122-efficient-exponentiation.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-122-efficient-exponentiation.chinese.md
new file mode 100644
index 0000000000..4653b98270
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-122-efficient-exponentiation.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e61000cf542c50fef9
+challengeType: 5
+title: 'Problem 122: Efficient exponentiation'
+videoUrl: ''
+localeTitle: 问题122：有效取幂
+---
+
+## Description
+<section id="description">最简单的计算n15的方法需要十四次乘法：n×n×...×n = n15但是使用“二进制”方法可以在六次乘法中计算它：n×n = n2n2×n2 = n4n4×n4 = n8n8 ×n4 = n12n12×n2 = n14n14×n = n15然而，只能在五次乘法中计算它：n×n = n2n2×n = n3n3×n3 = n6n6×n6 = n12n12×n3 = n15我们将定义m （k）是计算nk的最小乘法数;例如m（15）= 5.对于1≤k≤200，找到Σm（k）。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler122()</code>应返回1582。
+    testString: 'assert.strictEqual(euler122(), 1582, "<code>euler122()</code> should return 1582.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler122() {
+  // Good luck!
+  return true;
+}
+
+euler122();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-123-prime-square-remainders.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-123-prime-square-remainders.chinese.md
new file mode 100644
index 0000000000..4653035660
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-123-prime-square-remainders.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e71000cf542c50fefa
+challengeType: 5
+title: 'Problem 123: Prime square remainders'
+videoUrl: ''
+localeTitle: 问题123：素数正方形余数
+---
+
+## Description
+<section id="description">令pn为第n个素数：2,3,5,7,11 ......，并且当r（pn-1）n +（pn + 1）n除以pn2时，令r为余数。例如，当n = 3时，p3 = 5，并且43 + 63 =280≡5mod 25.余数首先超过109的n的最小值是7037.求出余数首次超过的n的最小值1010。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler123()</code>应该返回21035。
+    testString: 'assert.strictEqual(euler123(), 21035, "<code>euler123()</code> should return 21035.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler123() {
+  // Good luck!
+  return true;
+}
+
+euler123();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-124-ordered-radicals.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-124-ordered-radicals.chinese.md
new file mode 100644
index 0000000000..fe6b8377ca
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-124-ordered-radicals.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e81000cf542c50fefb
+challengeType: 5
+title: 'Problem 124: Ordered radicals'
+videoUrl: ''
+localeTitle: 问题124：有序的激进分子
+---
+
+## Description
+<section id="description"> n，rad（n）的基数是n的不同素因子的乘积。例如，504 = 23×32×7，因此rad（504）= 2×3×7 = 42.如果我们计算1≤n≤10的rad（n），则在rad（n）上对它们进行排序，并进行排序如果激进值相等，我们得到：未分类<p>排序n rad（n） </p><p> n rad（n）k 11 </p><p> 111 22 </p><p> 222 33 </p><p> 423 42 </p><p> 824 55 </p><p> 335 66 </p><p> 936 77 </p><p> 557 82 </p><p> 668 93 </p><p> 779 1010 </p><p> 101010令E（k）为有序n列中的第k个元素;例如，E（4）= 8且E（6）= 9.如果rad（n）按1≤n≤100000排序，则找到E（10000）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler124()</code>应返回21417。
+    testString: 'assert.strictEqual(euler124(), 21417, "<code>euler124()</code> should return 21417.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler124() {
+  // Good luck!
+  return true;
+}
+
+euler124();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-125-palindromic-sums.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-125-palindromic-sums.chinese.md
new file mode 100644
index 0000000000..b29f7ae08c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-125-palindromic-sums.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e91000cf542c50fefc
+challengeType: 5
+title: 'Problem 125: Palindromic sums'
+videoUrl: ''
+localeTitle: 问题125：回文总和
+---
+
+## Description
+<section id="description">回文数595很有意思，因为它可以写成连续正方形的总和：62 + 72 + 82 + 92 + 102 + 112 + 122.正好有11个以下的回文可以写成连续的平方和，并且这些回文的总和是4164.注意，没有包括1 = 02 + 12，因为该问题涉及正整数的平方。找到小于108的所有数字的总和，这些数字都是回文并且可以写为连续正方形的总和。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler125()</code>应该返回2906969179。
+    testString: 'assert.strictEqual(euler125(), 2906969179, "<code>euler125()</code> should return 2906969179.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler125() {
+  // Good luck!
+  return true;
+}
+
+euler125();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-126-cuboid-layers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-126-cuboid-layers.chinese.md
new file mode 100644
index 0000000000..e31318fab8
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-126-cuboid-layers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ea1000cf542c50fefd
+challengeType: 5
+title: 'Problem 126: Cuboid layers'
+videoUrl: ''
+localeTitle: 问题126：长方体层
+---
+
+## Description
+<section id="description">覆盖尺寸为3 x 2 x 1的长方体上每个可见面的最小立方体数量为22。 <p>如果我们在这个固体上添加第二层，则需要四十六个立方体来覆盖每个可见面，第三层需要七十八个立方体，第四层需要一百一十八个立方体来覆盖每个可见面。然而，尺寸为5 x 1 x 1的长方体上的第一层也需要22个立方体;类似地，尺寸为5 x 3 x 1,7 x 2 x 1和11 x 1 x 1的长方体上的第一层都包含四十六个立方体。我们将定义C（n）来表示在其一个层中包含n个立方体的长方体的数量。因此，C（22）= 2，C（46）= 4，C（78）= 5，并且C（118）= 8.结果，154是n的最小值，其中C（n）= 10。找到n的最小值，其中C（n）= 1000。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler126()</code>应返回18522。
+    testString: 'assert.strictEqual(euler126(), 18522, "<code>euler126()</code> should return 18522.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler126() {
+  // Good luck!
+  return true;
+}
+
+euler126();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-127-abc-hits.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-127-abc-hits.chinese.md
new file mode 100644
index 0000000000..c52b114852
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-127-abc-hits.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ec1000cf542c50fefe
+challengeType: 5
+title: 'Problem 127: abc-hits'
+videoUrl: ''
+localeTitle: 问题127：abc-hits
+---
+
+## Description
+<section id="description"> n，rad（n）的基数是n的不同素因子的乘积。例如，504 = 23×32×7，因此rad（504）= 2×3×7 = 42.如果出现以下情况，我们将正整数（a，b，c）的三元组定义为abc-hit：GCD（ a，b）= GCD（a，c）= GCD（b，c）= 1 a &lt;ba + b = c rad（abc）&lt;c例如，（5,27,32）是abc-hit，因为：GCD（5,27）= GCD（5,32）= GCD（27,32）= 1 5 &lt;27 5 + 27 = 32 rad（4320）= 30 &lt;32事实证明abc-hits是非常罕见的c &lt;1000只有31次abc命中，Σc= 12523。查找Σc表示c &lt;120000。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler127()</code>应该返回18407904。
+    testString: 'assert.strictEqual(euler127(), 18407904, "<code>euler127()</code> should return 18407904.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler127() {
+  // Good luck!
+  return true;
+}
+
+euler127();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-128-hexagonal-tile-differences.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-128-hexagonal-tile-differences.chinese.md
new file mode 100644
index 0000000000..5aa40fdb31
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-128-hexagonal-tile-differences.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ec1000cf542c50feff
+challengeType: 5
+title: 'Problem 128: Hexagonal tile differences'
+videoUrl: ''
+localeTitle: 问题128：六边形瓷砖差异
+---
+
+## Description
+<section id="description">编号为1的六边形瓷砖由六个六边形瓷砖环围绕，从“12点钟”开始，并以逆时针方向对瓷砖2至7进行编号。新环以相同的方式添加，下一个环编号为8至19,20至37,38至61，依此类推。下图显示了前三个环。 <p>通过找到tile n与其六个邻居中的每一个之间的差异，我们将PD（n）定义为那些作为素数的差异的数量。例如，在瓦片8周围顺时针工作，差异是12,29,11,6,1和13.因此PD（8）= 3.以相同的方式，瓦片17周围的差异是1,17,16,1 ，11和10，因此PD（17）= 2.可以证明PD（n）的最大值是3.如果PD（n）= 3的所有瓦片按升序列出以形成一个序列，第10个瓦片将是271.按此顺序找到第2000个瓦片。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler128()</code>应该返回14516824220。
+    testString: 'assert.strictEqual(euler128(), 14516824220, "<code>euler128()</code> should return 14516824220.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler128() {
+  // Good luck!
+  return true;
+}
+
+euler128();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-129-repunit-divisibility.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-129-repunit-divisibility.chinese.md
new file mode 100644
index 0000000000..1ce27e19ea
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-129-repunit-divisibility.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ef1000cf542c50ff01
+challengeType: 5
+title: 'Problem 129: Repunit divisibility'
+videoUrl: ''
+localeTitle: 问题129：重新划分可分性
+---
+
+## Description
+<section id="description">完全由1组成的数字称为repunit。我们将R（k）定义为长度k的重新定位;例如，R（6）= 111111.假设n是正整数且GCD（n，10）= 1，则可以证明总是存在一个值k，其中R（k）可被n整除让A（n）成为k的最小值;例如，A（7）= 6且A（41）= 5.A（n）首先超过10的n的最小值是17.求出A（n）首先超过1的n的最小值 - 百万。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler129()</code>应该返回1000023。
+    testString: 'assert.strictEqual(euler129(), 1000023, "<code>euler129()</code> should return 1000023.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler129() {
+  // Good luck!
+  return true;
+}
+
+euler129();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-13-large-sum.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-13-large-sum.chinese.md
new file mode 100644
index 0000000000..5fecce245d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-13-large-sum.chinese.md
@@ -0,0 +1,179 @@
+---
+id: 5900f37a1000cf542c50fe8c
+challengeType: 5
+title: 'Problem 13: Large sum'
+videoUrl: ''
+localeTitle: 问题13：大笔金额
+---
+
+## Description
+<section id="description">计算出以下一百个50位数字之和的前十位数。 <p> 37107287533902102798797998220837590246510135740250 46376937677490009712648124896970078050417018260538 74324986199524741059474233309513058123726617309629 91942213363574161572522430563301811072406154908250 23067588207539346171171980310421047513778063246676 89261670696623633820136378418383684178734361726757 28112879812849979408065481931592621691275889832738 44274228917432520321923589422876796487670272189318 47451445736001306439091167216856844588711603153276 70386486105843025439939619828917593665686757934951 62176457141856560629502157223196586755079324193331 64906352462741904929101432445813822663347944758178 92575867718337217661963751590579239728245598838407 58203565325359399008402633568948830189458628227828 80181199384826282014278194139940567587151170094390 35398664372827112653829987240784473053190104293586 86515506006295864861532075273371959191420517255829 71693888707715466499115593487603532921714970056938 54370070576826684624621495650076471787294438377604 5328265410875682844319119063469 4037855217779295145 36123272525000296071075082563815656710885258350721 45876576172410976447339110607218265236877223636045 17423706905851860660448207621209813287860733969412 81142660418086830619328460811191061556940512689692 51934325451728388641918047049293215058642563049483 62467221648435076201727918039944693004732956340691 15732444386908125794514089057706229429197107928209 55037687525678773091862540744969844508330393682126 18336384825330154686196124348767681297534375946515 80386287592878490201521685554828717201219257766954 78182833757993103614740356856449095527097864797581 16726320100436897842553539920931837441497806860984 48403098129077791799088218795327364475675590848030 87086987551392711854517078544161852424320693150332 59959406895756536782107074926966537676326235447210 69793950679652694742597709739166693763042633987085 41052684708299085211399427365734116182760315001271 65378607361501080857009149939512557028198746004375 35829035317434717326932123578154982629742552737307 94953759765 105305946966067683156574377167401875275 88902802571733229619176668713819931811048770190271 25267680276078003013678680992525463401061632866526 36270218540497705585629946580636237993140746255962 24074486908231174977792365466257246923322810917141 91430288197103288597806669760892938638285025333403 34413065578016127815921815005561868836468420090470 23053081172816430487623791969842487255036638784583 11487696932154902810424020138335124462181441773470 63783299490636259666498587618221225225512486764533 67720186971698544312419572409913959008952310058822 95548255300263520781532296796249481641953868218774 76085327132285723110424803456124867697064507995236 37774242535411291684276865538926205024910326572967 23701913275725675285653248258265463092207058596522 29798860272258331913126375147341994889534765745501 18495701454879288984856827726077713721403798879715 38298203783031473527721580348144513491373226651381 34829543829199918180278916522431027392251122869539 409579530664052326325380441000596549391598 79593635 29746152185502371307642255121183693803580388584903 41698116222072977186158236678424689157993532961922 62467957194401269043877107275048102390895523597457 23189706772547915061505504953922979530901129967519 86188088225875314529584099251203829009407770775672 11306739708304724483816533873502340845647058077308 82959174767140363198008187129011875491310547126581 97623331044818386269515456334926366572897563400500 42846280183517070527831839425882145521227251250327 55121603546981200581762165212827652751691296897789 32238195734329339946437501907836945765883352399886 75506164965184775180738168837861091527357929701337 62177842752192623401942399639168044983993173312731 32924185707147349566916674687634660915035914677504 99518671430235219628894890102423325116913619626622 73267460800591547471830798392868535206946944540724 76841822524674417161514036427982273348055556214818 97142617910342598647204516893989422179826088076852 87783646182799346313767754307809363333018982642090 1084880252167467088321 5120185883543223812876952786 71329612474782464538636993009049310363619763878039 62184073572399794223406235393808339651327408011116 66627891981488087797941876876144230030984490851411 60661826293682836764744779239180335110989069790714 85786944089552990653640447425576083659976645795096 66024396409905389607120198219976047599490197230297 64913982680032973156037120041377903785566085089252 16730939319872750275468906903707539413042652315011 94809377245048795150954100921645863754710598436791 78639167021187492431995700641917969777599028300699 15368713711936614952811305876380278410754449733078 40789923115535562561142322423255033685442488917353 44889911501440648020369068063960672322193204149535 41503128880339536053299340368006977710650566631954 81234880673210146739058568557934581403627822703280 82616570773948327592232845941706525094512325230608 22918802058777319719839450180888072429661980811197 77158542502016545090413245809786882778948721859617 72107838435069186155435662884062257473692284509516 20 849603980134001723930671666823555245252804609722 53503534226472524250874054075591789781264330331690 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>largeSum(testNums)</code>应该返回8348422521。
+    testString: 'assert.strictEqual(largeSum(testNums), 8348422521, "<code>largeSum(testNums)</code> should return 8348422521.");'
+  - text: <code>largeSum(fiftyDigitNums)</code>应返回5537376230。
+    testString: 'assert.strictEqual(largeSum(fiftyDigitNums), 5537376230, "<code>largeSum(fiftyDigitNums)</code> should return 5537376230.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largeSum(arr) {
+  // Good luck!
+  return true;
+}
+
+// only change code above this line
+
+const testNums = [
+  '37107287533902102798797998220837590246510135740250',
+  '46376937677490009712648124896970078050417018260538'
+];
+
+largeSum(testNums);
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+const fiftyDigitNums = [
+  '37107287533902102798797998220837590246510135740250',
+  '46376937677490009712648124896970078050417018260538',
+  '74324986199524741059474233309513058123726617309629',
+  '91942213363574161572522430563301811072406154908250',
+  '23067588207539346171171980310421047513778063246676',
+  '89261670696623633820136378418383684178734361726757',
+  '28112879812849979408065481931592621691275889832738',
+  '44274228917432520321923589422876796487670272189318',
+  '47451445736001306439091167216856844588711603153276',
+  '70386486105843025439939619828917593665686757934951',
+  '62176457141856560629502157223196586755079324193331',
+  '64906352462741904929101432445813822663347944758178',
+  '92575867718337217661963751590579239728245598838407',
+  '58203565325359399008402633568948830189458628227828',
+  '80181199384826282014278194139940567587151170094390',
+  '35398664372827112653829987240784473053190104293586',
+  '86515506006295864861532075273371959191420517255829',
+  '71693888707715466499115593487603532921714970056938',
+  '54370070576826684624621495650076471787294438377604',
+  '53282654108756828443191190634694037855217779295145',
+  '36123272525000296071075082563815656710885258350721',
+  '45876576172410976447339110607218265236877223636045',
+  '17423706905851860660448207621209813287860733969412',
+  '81142660418086830619328460811191061556940512689692',
+  '51934325451728388641918047049293215058642563049483',
+  '62467221648435076201727918039944693004732956340691',
+  '15732444386908125794514089057706229429197107928209',
+  '55037687525678773091862540744969844508330393682126',
+  '18336384825330154686196124348767681297534375946515',
+  '80386287592878490201521685554828717201219257766954',
+  '78182833757993103614740356856449095527097864797581',
+  '16726320100436897842553539920931837441497806860984',
+  '48403098129077791799088218795327364475675590848030',
+  '87086987551392711854517078544161852424320693150332',
+  '59959406895756536782107074926966537676326235447210',
+  '69793950679652694742597709739166693763042633987085',
+  '41052684708299085211399427365734116182760315001271',
+  '65378607361501080857009149939512557028198746004375',
+  '35829035317434717326932123578154982629742552737307',
+  '94953759765105305946966067683156574377167401875275',
+  '88902802571733229619176668713819931811048770190271',
+  '25267680276078003013678680992525463401061632866526',
+  '36270218540497705585629946580636237993140746255962',
+  '24074486908231174977792365466257246923322810917141',
+  '91430288197103288597806669760892938638285025333403',
+  '34413065578016127815921815005561868836468420090470',
+  '23053081172816430487623791969842487255036638784583',
+  '11487696932154902810424020138335124462181441773470',
+  '63783299490636259666498587618221225225512486764533',
+  '67720186971698544312419572409913959008952310058822',
+  '95548255300263520781532296796249481641953868218774',
+  '76085327132285723110424803456124867697064507995236',
+  '37774242535411291684276865538926205024910326572967',
+  '23701913275725675285653248258265463092207058596522',
+  '29798860272258331913126375147341994889534765745501',
+  '18495701454879288984856827726077713721403798879715',
+  '38298203783031473527721580348144513491373226651381',
+  '34829543829199918180278916522431027392251122869539',
+  '40957953066405232632538044100059654939159879593635',
+  '29746152185502371307642255121183693803580388584903',
+  '41698116222072977186158236678424689157993532961922',
+  '62467957194401269043877107275048102390895523597457',
+  '23189706772547915061505504953922979530901129967519',
+  '86188088225875314529584099251203829009407770775672',
+  '11306739708304724483816533873502340845647058077308',
+  '82959174767140363198008187129011875491310547126581',
+  '97623331044818386269515456334926366572897563400500',
+  '42846280183517070527831839425882145521227251250327',
+  '55121603546981200581762165212827652751691296897789',
+  '32238195734329339946437501907836945765883352399886',
+  '75506164965184775180738168837861091527357929701337',
+  '62177842752192623401942399639168044983993173312731',
+  '32924185707147349566916674687634660915035914677504',
+  '99518671430235219628894890102423325116913619626622',
+  '73267460800591547471830798392868535206946944540724',
+  '76841822524674417161514036427982273348055556214818',
+  '97142617910342598647204516893989422179826088076852',
+  '87783646182799346313767754307809363333018982642090',
+  '10848802521674670883215120185883543223812876952786',
+  '71329612474782464538636993009049310363619763878039',
+  '62184073572399794223406235393808339651327408011116',
+  '66627891981488087797941876876144230030984490851411',
+  '60661826293682836764744779239180335110989069790714',
+  '85786944089552990653640447425576083659976645795096',
+  '66024396409905389607120198219976047599490197230297',
+  '64913982680032973156037120041377903785566085089252',
+  '16730939319872750275468906903707539413042652315011',
+  '94809377245048795150954100921645863754710598436791',
+  '78639167021187492431995700641917969777599028300699',
+  '15368713711936614952811305876380278410754449733078',
+  '40789923115535562561142322423255033685442488917353',
+  '44889911501440648020369068063960672322193204149535',
+  '41503128880339536053299340368006977710650566631954',
+  '81234880673210146739058568557934581403627822703280',
+  '82616570773948327592232845941706525094512325230608',
+  '22918802058777319719839450180888072429661980811197',
+  '77158542502016545090413245809786882778948721859617',
+  '72107838435069186155435662884062257473692284509516',
+  '20849603980134001723930671666823555245252804609722',
+  '53503534226472524250874054075591789781264330331690'
+];
+
+const testNums = [
+  '37107287533902102798797998220837590246510135740250',
+  '46376937677490009712648124896970078050417018260538'
+];
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-130-composites-with-prime-repunit-property.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-130-composites-with-prime-repunit-property.chinese.md
new file mode 100644
index 0000000000..6580f9f205
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-130-composites-with-prime-repunit-property.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ee1000cf542c50ff00
+challengeType: 5
+title: 'Problem 130: Composites with prime repunit property'
+videoUrl: ''
+localeTitle: 问题130：具有主要repunit属性的复合材料
+---
+
+## Description
+<section id="description">完全由1组成的数字称为repunit。我们将R（k）定义为长度k的重新定位;例如，R（6）= 111111.假设n是正整数且GCD（n，10）= 1，则可以证明总是存在一个值k，其中R（k）可被n整除让A（n）成为k的最小值;例如，A（7）= 6和A（41）= 5.对于所有素数，p&gt; 5，p-1可以被A（p）整除。例如，当p = 41时，A（41）= 5，并且40可被5整除。但是，也有罕见的复合值，这也是正确的;前五个例子是91,259,451,481和703.找到n的前25个复合值之和，其中GCD（n，10）= 1，n-1可被A（n）整除。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler130()</code>应返回149253。
+    testString: 'assert.strictEqual(euler130(), 149253, "<code>euler130()</code> should return 149253.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler130() {
+  // Good luck!
+  return true;
+}
+
+euler130();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-131-prime-cube-partnership.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-131-prime-cube-partnership.chinese.md
new file mode 100644
index 0000000000..4898774c6d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-131-prime-cube-partnership.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ef1000cf542c50ff02
+challengeType: 5
+title: 'Problem 131: Prime cube partnership'
+videoUrl: ''
+localeTitle: 问题131：Prime立方体伙伴关系
+---
+
+## Description
+<section id="description">存在一些素数值p，其中存在正整数n，使得表达式n3 + n2p是完美的立方体。例如，当p = 19时，83 + 82×19 = 123.最令人惊讶的是，对于具有此属性的每个素数，n的值是唯一的，并且在100之下只有四个这样的素数。一百万以下的素数有多少这个非凡的财产？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler131()</code>应该返回173。
+    testString: 'assert.strictEqual(euler131(), 173, "<code>euler131()</code> should return 173.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler131() {
+  // Good luck!
+  return true;
+}
+
+euler131();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-132-large-repunit-factors.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-132-large-repunit-factors.chinese.md
new file mode 100644
index 0000000000..7d503dc97b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-132-large-repunit-factors.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f11000cf542c50ff03
+challengeType: 5
+title: 'Problem 132: Large repunit factors'
+videoUrl: ''
+localeTitle: 问题132：大的重新安置因素
+---
+
+## Description
+<section id="description">完全由1组成的数字称为repunit。我们将R（k）定义为长度k的重新定位。例如，R（10）= 1111111111 = 11×41×271×9091，并且这些素因子的总和是9414.求出R（109）的前40个素因子的总和。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler132()</code>应返回843296。
+    testString: 'assert.strictEqual(euler132(), 843296, "<code>euler132()</code> should return 843296.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler132() {
+  // Good luck!
+  return true;
+}
+
+euler132();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-133-repunit-nonfactors.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-133-repunit-nonfactors.chinese.md
new file mode 100644
index 0000000000..1c1975cf83
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-133-repunit-nonfactors.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f21000cf542c50ff04
+challengeType: 5
+title: 'Problem 133: Repunit nonfactors'
+videoUrl: ''
+localeTitle: 问题133：重新计算非因素
+---
+
+## Description
+<section id="description">完全由1组成的数字称为repunit。我们将R（k）定义为长度k的重新定位;例如，R（6）= 111111.让我们考虑R（10n）形式的重新组合。虽然R（10），R（100）或R（1000）不能被17整除，但R（10000）可被17整除。但是没有n的值，R（10n）将除以19。事实上，值得注意的是，11,17,41和73是低于100的唯一四个素数，可以是R（10n）的因子。求出十万以下所有素数的总和，这些素数永远不会是R（10n）的因子。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler133()</code>应返回453647705。
+    testString: 'assert.strictEqual(euler133(), 453647705, "<code>euler133()</code> should return 453647705.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler133() {
+  // Good luck!
+  return true;
+}
+
+euler133();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-134-prime-pair-connection.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-134-prime-pair-connection.chinese.md
new file mode 100644
index 0000000000..1adf9bf0e7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-134-prime-pair-connection.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f21000cf542c50ff05
+challengeType: 5
+title: 'Problem 134: Prime pair connection'
+videoUrl: ''
+localeTitle: 问题134：素对对连接
+---
+
+## Description
+<section id="description">考虑连续的素数p1 = 19和p2 = 23.可以证实1219是最小的数字，使得最后的数字由p1形成，同时也可以被p2整除。实际上，除了p1 = 3和p2 = 5之外，对于每对连续质数，p2&gt; p1，存在n的值，其中最后的数字由p1形成，n可以被p2整除。设S是n的这些值中最小的。找到每对连续质数的ΣS，其中5≤p1≤1000000。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler134()</code>应该返回18613426663617120。
+    testString: 'assert.strictEqual(euler134(), 18613426663617120, "<code>euler134()</code> should return 18613426663617120.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler134() {
+  // Good luck!
+  return true;
+}
+
+euler134();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-135-same-differences.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-135-same-differences.chinese.md
new file mode 100644
index 0000000000..2250fe397c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-135-same-differences.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f31000cf542c50ff06
+challengeType: 5
+title: 'Problem 135: Same differences'
+videoUrl: ''
+localeTitle: 问题135：同样的差异
+---
+
+## Description
+<section id="description">给定正整数，x，y和z是算术级数的连续项，正整数n的最小值，其中等式x2-y2-z2 = n，恰好有两个解是n = 27：342  -  272  -  202 = 122  -  92  -  62 = 27事实证明，n = 1155是具有正好十个解的最小值。 n不到一百万的多少个值有十个不同的解？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler135()</code>应该返回4989。
+    testString: 'assert.strictEqual(euler135(), 4989, "<code>euler135()</code> should return 4989.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler135() {
+  // Good luck!
+  return true;
+}
+
+euler135();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-136-singleton-difference.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-136-singleton-difference.chinese.md
new file mode 100644
index 0000000000..e36ebebee5
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-136-singleton-difference.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f51000cf542c50ff07
+challengeType: 5
+title: 'Problem 136: Singleton difference'
+videoUrl: ''
+localeTitle: 问题136：单身人士差异
+---
+
+## Description
+<section id="description">正整数x，y和z是算术级数的连续项。假设n是一个正整数，当n = 20时，方程x2  -  y2  -  z2 = n恰好有一个解：132  -  102  -  72 = 20实际上有二十五个n低于一百的值，其中方程有一个独特的解决方案。 n小于五千万的有多少个值只有一个解？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler136()</code>应返回2544559。
+    testString: 'assert.strictEqual(euler136(), 2544559, "<code>euler136()</code> should return 2544559.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler136() {
+  // Good luck!
+  return true;
+}
+
+euler136();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.chinese.md
new file mode 100644
index 0000000000..3c00f8cce2
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f51000cf542c50ff08
+challengeType: 5
+title: 'Problem 137: Fibonacci golden nuggets'
+videoUrl: ''
+localeTitle: 问题137：斐波那契金块
+---
+
+## Description
+<section id="description">考虑无穷多项式系列AF（x）= xF1 + x2F2 + x3F3 + ...，其中Fk是斐波纳契数列中的第k项：1,1,2,3,5,8，...;也就是说，Fk = Fk-1 + Fk-2，F1 = 1且F2 = 1.对于这个问题，我们将对x的值感兴趣，其中AF（x）是正整数。令人惊讶的是AF（1/2）=（1/2）.1 +（1/2）2.1 +（1/2）3.2 +（1/2）4.3 +（1/2）5.5 + ...... <p> = 1/2 + 1/4 + 2/8 + 3/16 + 5/32 + ...... </p><p> = 2前五个自然数的x的相应值如下所示。 </p><p> xAF（x）√2-111/ 22（√13-2）/ 33（√89-5）/ 84（√34-3）/ 55 </p><p>如果x是理性的，我们将AF（x）称为金块，因为它们变得越来越稀少;例如，第10个金块是74049690.找到第15个金块。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler137()</code>应该返回1120149658760。
+    testString: 'assert.strictEqual(euler137(), 1120149658760, "<code>euler137()</code> should return 1120149658760.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler137() {
+  // Good luck!
+  return true;
+}
+
+euler137();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-138-special-isosceles-triangles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-138-special-isosceles-triangles.chinese.md
new file mode 100644
index 0000000000..dee81386d2
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-138-special-isosceles-triangles.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f61000cf542c50ff09
+challengeType: 5
+title: 'Problem 138: Special isosceles triangles'
+videoUrl: ''
+localeTitle: 问题138：特殊的等腰三角形
+---
+
+## Description
+<section id="description">考虑具有基本长度，b = 16和腿，L = 17的等腰三角形。 <p>通过使用毕达哥拉斯定理，可以看出三角形的高度h =√（172-82）= 15，比基本长度小1。当b = 272且L = 305时，我们得到h = 273，这比基本长度多一个，这是第二个最小的等腰三角形，具有h = b±1的性质。找到12个最小等腰的ΣL h = b±1且b，L为正整数的三角形。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler138()</code>应该返回1118049290473932。
+    testString: 'assert.strictEqual(euler138(), 1118049290473932, "<code>euler138()</code> should return 1118049290473932.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler138() {
+  // Good luck!
+  return true;
+}
+
+euler138();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-139-pythagorean-tiles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-139-pythagorean-tiles.chinese.md
new file mode 100644
index 0000000000..f299f78ccb
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-139-pythagorean-tiles.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f71000cf542c50ff0a
+challengeType: 5
+title: 'Problem 139: Pythagorean tiles'
+videoUrl: ''
+localeTitle: 问题139：毕达哥拉斯瓷砖
+---
+
+## Description
+<section id="description">设（a，b，c）表示具有整数长边的直角三角形的三个边。可以将四个这样的三角形放在一起以形成长度为c的正方形。例如，（3,4,5）三角形可以放在一起形成一个5乘5的正方形，中间有一个1个洞，可以看到5乘5的正方形可以用二十五个平铺1个方格。 <p>但是，如果使用（5,12,13）三角形，则孔将按7乘7测量，并且这些不能用于平铺13乘13平方。鉴于直角三角形的周长小于一亿，有多少毕达哥拉斯三角形允许这样的平铺？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler139()</code>应该返回10057761。
+    testString: 'assert.strictEqual(euler139(), 10057761, "<code>euler139()</code> should return 10057761.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler139() {
+  // Good luck!
+  return true;
+}
+
+euler139();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-14-longest-collatz-sequence.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-14-longest-collatz-sequence.chinese.md
new file mode 100644
index 0000000000..d8235edf23
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-14-longest-collatz-sequence.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 5900f37a1000cf542c50fe8d
+challengeType: 5
+title: 'Problem 14: Longest Collatz sequence'
+videoUrl: ''
+localeTitle: 问题14：最长的Collat​​z序列
+---
+
+## Description
+<section id="description">为正整数集定义以下迭代序列： <div style="padding-left: 4em;"> <var>n</var> → <var>n</var> / 2（ <var>n</var>是偶数） </div><div style="padding-left: 4em;"> <var>n</var> →3 <var>n</var> + 1（ <var>n</var>为奇数） </div>使用上面的规则并从13开始，我们生成以下序列： <div style="text-align: center;"> 13→40→20→10→5→16→8→4→2→1 </div>可以看出，该序列（从13开始并在1结束）包含10个项。虽然尚未证实（Collat​​z问题），但是认为所有起始数字都在1处结束。在给定<code>limit</code>下，哪个起始数产生最长链？注意：一旦链条启动，条款允许超过一百万。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>longestCollatzSequence(14)</code>应该返回9。
+    testString: 'assert.strictEqual(longestCollatzSequence(14), 9, "<code>longestCollatzSequence(14)</code> should return 9.");'
+  - text: <code>longestCollatzSequence(5847)</code>应返回3711。
+    testString: 'assert.strictEqual(longestCollatzSequence(5847), 3711, "<code>longestCollatzSequence(5847)</code> should return 3711.");'
+  - text: <code>longestCollatzSequence(46500)</code>应返回35655。
+    testString: 'assert.strictEqual(longestCollatzSequence(46500), 35655, "<code>longestCollatzSequence(46500)</code> should return 35655.");'
+  - text: <code>longestCollatzSequence(54512)</code>应返回52527。
+    testString: 'assert.strictEqual(longestCollatzSequence(54512), 52527, "<code>longestCollatzSequence(54512)</code> should return 52527.");'
+  - text: <code>longestCollatzSequence(1000000)</code>应返回837799。
+    testString: 'assert.strictEqual(longestCollatzSequence(1000000), 837799, "<code>longestCollatzSequence(1000000)</code> should return 837799.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function longestCollatzSequence(limit) {
+  // Good luck!
+  return true;
+}
+
+longestCollatzSequence(14);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-140-modified-fibonacci-golden-nuggets.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-140-modified-fibonacci-golden-nuggets.chinese.md
new file mode 100644
index 0000000000..0031689177
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-140-modified-fibonacci-golden-nuggets.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3fa1000cf542c50ff0c
+challengeType: 5
+title: 'Problem 140: Modified Fibonacci golden nuggets'
+videoUrl: ''
+localeTitle: 问题140：改进的斐波那契金块
+---
+
+## Description
+<section id="description">考虑无穷多项式系列AG（x）= xG1 + x2G2 + x3G3 + ...，其中Gk是二阶递归关系的第k项，Gk = Gk-1 + Gk-2，G1 = 1，G2 = 4;也就是说，1,4,5,9,14,23 ......对于这个问题，我们将关注x的值，其中AG（x）是正整数。前五个自然数的x的相应值如下所示。 <p> xAG（x）（√5-1）/ 41 2/52（√22-2）/ 63（√137-5）/ 144 1/25 </p><p>如果x是理性的，我们将称AG（x）为金块，因为它们变得越来越稀少;例如，第20个金块是211345365.找到前30个金块的总和。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler140()</code>应该返回5673835352990。
+    testString: 'assert.strictEqual(euler140(), 5673835352990, "<code>euler140()</code> should return 5673835352990.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler140() {
+  // Good luck!
+  return true;
+}
+
+euler140();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-141-investigating-progressive-numbers-n-which-are-also-square.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-141-investigating-progressive-numbers-n-which-are-also-square.chinese.md
new file mode 100644
index 0000000000..e7ecec8bda
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-141-investigating-progressive-numbers-n-which-are-also-square.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f91000cf542c50ff0b
+challengeType: 5
+title: 'Problem 141: Investigating progressive numbers, n, which are also square'
+videoUrl: ''
+localeTitle: 问题141：调查渐进数n，它们也是正方形
+---
+
+## Description
+<section id="description">正整数n除以d，商和余数分别为q和r。另外，d，q和r是几何序列中的连续正整数项，但不一定是该顺序。例如，58除以6具有商9和余数4.还可以看出，4,6,9是几何序列中的连续项（公共比率3/2）。我们将这样的数字称为n，进步。一些渐进的数字，例如9和10404 = 1022，恰好也是完美的正方形。所有渐进完美正方形的总和低于十万是124657.找到所有渐进完美正方形的总和低于一万亿（1012）。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler141()</code>应该返回878454337159。
+    testString: 'assert.strictEqual(euler141(), 878454337159, "<code>euler141()</code> should return 878454337159.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler141() {
+  // Good luck!
+  return true;
+}
+
+euler141();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-142-perfect-square-collection.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-142-perfect-square-collection.chinese.md
new file mode 100644
index 0000000000..c44ca5796a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-142-perfect-square-collection.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3fa1000cf542c50ff0d
+challengeType: 5
+title: 'Problem 142: Perfect Square Collection'
+videoUrl: ''
+localeTitle: 问题142：完美的方形集合
+---
+
+## Description
+<section id="description">找到具有整数x&gt; y&gt; z&gt; 0的最小x + y + z，使得x + y，x-y，x + z，x-z，y + z，y-z都是完美正方形。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler142()</code>应返回1006193。
+    testString: 'assert.strictEqual(euler142(), 1006193, "<code>euler142()</code> should return 1006193.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler142() {
+  // Good luck!
+  return true;
+}
+
+euler142();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-143-investigating-the-torricelli-point-of-a-triangle.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-143-investigating-the-torricelli-point-of-a-triangle.chinese.md
new file mode 100644
index 0000000000..9831185aff
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-143-investigating-the-torricelli-point-of-a-triangle.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3fc1000cf542c50ff0e
+challengeType: 5
+title: 'Problem 143: Investigating the Torricelli point of a triangle'
+videoUrl: ''
+localeTitle: 问题143：研究三角形的Torricelli点
+---
+
+## Description
+<section id="description">设ABC为三角形，所有内角均小于120度。设X为三角形内的任意点，并使XA = p，XC = q，XB = r。 Fermat挑战Torricelli找到X的位置，使p + q + r最小化。 Torricelli能够证明，如果在三角形ABC的每一侧构造等边三角形AOB，BNC和AMC，则AOB，BNC和AMC的外接圆将在三角形内的单个点T处相交。此外，他证明了T，称为Torricelli / Fermat点，最小化p + q + r。更值得注意的是，可以证明，当总和最小化时，AN = BM = CO = p + q + r，并且AN，BM和CO也在T处相交。 <p>如果总和最小化并且a，b，c，p，q和r都是正整数，我们将称三角形ABC为Torricelli三角形。例如，a = 399，b = 455，c = 511是Torricelli三角形的示例，其中p + q + r = 784.找到Torricelli三角形的p + q +r≤120000的所有不同值的总和。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler143()</code>应返回30758397。
+    testString: 'assert.strictEqual(euler143(), 30758397, "<code>euler143()</code> should return 30758397.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler143() {
+  // Good luck!
+  return true;
+}
+
+euler143();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-144-investigating-multiple-reflections-of-a-laser-beam.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-144-investigating-multiple-reflections-of-a-laser-beam.chinese.md
new file mode 100644
index 0000000000..c2602ba445
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-144-investigating-multiple-reflections-of-a-laser-beam.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3fc1000cf542c50ff0f
+challengeType: 5
+title: 'Problem 144: Investigating multiple reflections of a laser beam'
+videoUrl: ''
+localeTitle: 问题144：研究激光束的多次反射
+---
+
+## Description
+<section id="description">在激光物理学中，“白色单元”是镜像系统，其充当激光束的延迟线。光束进入细胞，在镜子上反弹，最终恢复原状。我们将考虑的特定白色单元是椭圆形，其等式为4x2 + y2 = 100。顶部对应于-0.01≤x≤+ 0.01的部分缺失，允许光线通过孔进入和退出。 <p>此问题中的光束从白色单元外部的点（0.0,10.1）开始，光束首先在（1.4，-9.6）处撞击镜子。每次激光束撞击椭圆的表面时，它遵循通常的反射定律“入射角等于反射角”。也就是说，入射光束和反射光束都与入射点处的法线形成相同的角度。在左图中，红线表示激光束与白色单元壁之间的前两个接触点;蓝线表示在第一次反弹入射点处与椭圆相切的直线。给定椭圆的任意点（x，y）处的切线的斜率m为：m = -4x / y法线为垂直于入射点处的该切线。右侧的动画显示了光束的前10个反射。 </p><p>在离开之前，光束到达白细胞内表面的次数是多少？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler144()</code>应返回354。
+    testString: 'assert.strictEqual(euler144(), 354, "<code>euler144()</code> should return 354.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler144() {
+  // Good luck!
+  return true;
+}
+
+euler144();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-145-how-many-reversible-numbers-are-there-below-one-billion.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-145-how-many-reversible-numbers-are-there-below-one-billion.chinese.md
new file mode 100644
index 0000000000..4db21b88c6
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-145-how-many-reversible-numbers-are-there-below-one-billion.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3fd1000cf542c50ff10
+challengeType: 5
+title: 'Problem 145: How many reversible numbers are there below one-billion?'
+videoUrl: ''
+localeTitle: 问题145：有多少可逆数字低于十亿？
+---
+
+## Description
+<section id="description">一些正整数n具有sum [n + reverse（n）]完全由奇数（十进制）数字组成的属性。例如，36 + 63 = 99和409 + 904 = 1313.我们将这些数字称为可逆的;所以36,63,409和904是可逆的。 n或反向（n）中不允许前导零。 <p>有一千个可逆数字低于一千。 </p><p>有多少可逆数字低于十亿（109）？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler145()</code>应该返回608720。
+    testString: 'assert.strictEqual(euler145(), 608720, "<code>euler145()</code> should return 608720.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler145() {
+  // Good luck!
+  return true;
+}
+
+euler145();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-146-investigating-a-prime-pattern.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-146-investigating-a-prime-pattern.chinese.md
new file mode 100644
index 0000000000..42d4f88cfd
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-146-investigating-a-prime-pattern.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3fe1000cf542c50ff11
+challengeType: 5
+title: 'Problem 146: Investigating a Prime Pattern'
+videoUrl: ''
+localeTitle: 问题146：调查素数模式
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler146()</code>应该返回676333270。
+    testString: 'assert.strictEqual(euler146(), 676333270, "<code>euler146()</code> should return 676333270.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler146() {
+  // Good luck!
+  return true;
+}
+
+euler146();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-147-rectangles-in-cross-hatched-grids.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-147-rectangles-in-cross-hatched-grids.chinese.md
new file mode 100644
index 0000000000..864962c2d0
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-147-rectangles-in-cross-hatched-grids.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3ff1000cf542c50ff12
+challengeType: 5
+title: 'Problem 147: Rectangles in cross-hatched grids'
+videoUrl: ''
+localeTitle: 问题147：交叉阴影网格中的矩形
+---
+
+## Description
+<section id="description">在3x2交叉阴影网格中，如图所示，总共37个不同的矩形可以位于该网格内。 <p>有5个小于3x2的网格，垂直和水平尺寸很重要，即1x1,2x1,3x1,1x2和2x2。如果它们中的每一个都是交叉阴影线，则可以在这些较小的网格中放置以下数量的不同矩形：1x1：1 2x1：4 3x1：8 1x2：4 2x2：18 </p><p>将它们添加到3x2网格中的37个，总共72个不同的矩形可以位于3x2和更小的网格中。 </p><p>在47x43和更小的网格中可以放置多少个不同的矩形？ </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler147()</code>应该返回846910284。
+    testString: 'assert.strictEqual(euler147(), 846910284, "<code>euler147()</code> should return 846910284.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler147() {
+  // Good luck!
+  return true;
+}
+
+euler147();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-148-exploring-pascals-triangle.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-148-exploring-pascals-triangle.chinese.md
new file mode 100644
index 0000000000..d4ffc8c220
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-148-exploring-pascals-triangle.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4021000cf542c50ff14
+challengeType: 5
+title: 'Problem 148: Exploring Pascal"s triangle'
+videoUrl: ''
+localeTitle: 问题148：探索帕斯卡的三角形
+---
+
+## Description
+<section id="description">我们可以很容易地验证Pascal三角形的前七行中的所有条目都不能被7整除： <p> 1 </p><p> 1 </p><p> 1 </p><p> 1 </p><p> 2 </p><p> 1 </p><p> 1 </p><p> 3 </p><p> 3 </p><p> 1 </p><p> 1 </p><p> 4 </p><p> 6 </p><p> 4 </p><p> 1 </p><p> 1 </p><p>五</p><p> 10 </p><p> 10 </p><p>五</p><p> 1 1 </p><p> 6 </p><p> 15 </p><p> 20 </p><p> 15 </p><p> 6 </p><p> 1然而，如果我们检查前100行，我们会发现5050个条目中只有2361个不能被7整除。 </p><p>找到Pascal三角形的前十亿（109）行中不能被7整除的条目数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler148()</code>应该返回2129970655314432。
+    testString: 'assert.strictEqual(euler148(), 2129970655314432, "<code>euler148()</code> should return 2129970655314432.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler148() {
+  // Good luck!
+  return true;
+}
+
+euler148();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-149-searching-for-a-maximum-sum-subsequence.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-149-searching-for-a-maximum-sum-subsequence.chinese.md
new file mode 100644
index 0000000000..1d8904f02a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-149-searching-for-a-maximum-sum-subsequence.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4021000cf542c50ff13
+challengeType: 5
+title: 'Problem 149: Searching for a maximum-sum subsequence'
+videoUrl: ''
+localeTitle: 问题149：搜索最大和子序列
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler149()</code>应该返回52852124。
+    testString: 'assert.strictEqual(euler149(), 52852124, "<code>euler149()</code> should return 52852124.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler149() {
+  // Good luck!
+  return true;
+}
+
+euler149();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-15-lattice-paths.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-15-lattice-paths.chinese.md
new file mode 100644
index 0000000000..25a23e1dc7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-15-lattice-paths.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 5900f37b1000cf542c50fe8e
+challengeType: 5
+title: 'Problem 15: Lattice paths'
+videoUrl: ''
+localeTitle: 问题15：格子路径
+---
+
+## Description
+<section id="description">从2×2网格的左上角开始，只能向右和向下移动，右下角有6条路线。 <img class="img-responsive center-block" alt="6 2乘2网格的图表显示了右下角的所有路线" src="https://i.imgur.com/1Atixoj.gif"><p>通过给定的<code>gridSize</code>有多少这样的路由？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>latticePaths(4)</code>应该返回70。
+    testString: 'assert.strictEqual(latticePaths(4), 70, "<code>latticePaths(4)</code> should return 70.");'
+  - text: <code>latticePaths(9)</code>应该返回48620。
+    testString: 'assert.strictEqual(latticePaths(9), 48620, "<code>latticePaths(9)</code> should return 48620.");'
+  - text: <code>latticePaths(20)</code>应该返回137846528820。
+    testString: 'assert.strictEqual(latticePaths(20), 137846528820, "<code>latticePaths(20)</code> should return 137846528820.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function latticePaths(gridSize) {
+  // Good luck!
+  return true;
+}
+
+latticePaths(4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-150-searching-a-triangular-array-for-a-sub-triangle-having-minimum-sum.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-150-searching-a-triangular-array-for-a-sub-triangle-having-minimum-sum.chinese.md
new file mode 100644
index 0000000000..1f150b4da2
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-150-searching-a-triangular-array-for-a-sub-triangle-having-minimum-sum.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4031000cf542c50ff15
+challengeType: 5
+title: 'Problem 150: Searching a triangular array for a sub-triangle having minimum-sum'
+videoUrl: ''
+localeTitle: 问题150：在三角形阵列中搜索具有最小和的子三角形
+---
+
+## Description
+<section id="description">在正整数和负整数的三角形阵列中，我们希望找到一个子三角形，使得它包含的数字之和尽可能小。在下面的示例中，可以很容易地验证标记的三角形满足具有-42的总和的条件。 <p>我们希望制作一个包含一千行的三角形数组，因此我们使用一种随机数生成器（称为线性同余生成器）生成5009个伪随机数sk，范围为±219，如下所示：t：= 0 </p><p>对于k = 1到k = 500500： </p><p> t：=（615949 * t + 797807）modulo 220 sk：= t-219因此：s1 = 273519，s2 = -153582，s3 = 450905等我们的三角形数组然后使用伪随机数形成： </p><p> s1 s2 s3 s4 s5 s6 </p><p> s7 s8 s9 s10 ...... </p><p>子三角形可以从数组的任何元素开始，并在我们喜欢的范围内向下延伸（从下一行直接接收它下面的两个元素，之后直接从该行下面的三个元素，依此类推）。 </p><p> “三角形的总和”定义为它包含的所有元素的总和。 </p><p>找到可能的最小子三角形和。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler150()</code>应返回-271248680。
+    testString: 'assert.strictEqual(euler150(), -271248680, "<code>euler150()</code> should return -271248680.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler150() {
+  // Good luck!
+  return true;
+}
+
+euler150();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-151-paper-sheets-of-standard-sizes-an-expected-value-problem.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-151-paper-sheets-of-standard-sizes-an-expected-value-problem.chinese.md
new file mode 100644
index 0000000000..54af695659
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-151-paper-sheets-of-standard-sizes-an-expected-value-problem.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4031000cf542c50ff16
+challengeType: 5
+title: 'Problem 151: Paper sheets of standard sizes: an expected-value problem'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description">印刷车间每周运行16批（工作），每批需要一张A5尺寸的特殊颜色纸。每个星期一早上，工头打开一个新信封，里面装着一张大小为A1的特殊纸张。他继续把它切成两半，从而得到两张A2尺寸的纸。然后，他将其中一个切成两半，得到两张A3尺寸，依此类推，直到他获得了本周第一批所需的A5尺寸纸张。所有未使用的纸张都放回信封中。 <p>在每个后续批次开始时，他随机从信封中取出一张纸。如果它的大小为A5，他会使用它。如果它更大，他会重复“切成两半”的程序，直到他有他需要的东西，任何剩余的床单总是放回信封里。排除本周的第一批和最后一批，找到工头在信封中找到一张纸的预期次数（每周）。使用格式x.xxxxxx将您的答案四舍五入到小数点后六位。 </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler151(), 0.464399, "<code>euler151()</code> should return 0.464399.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler151() {
+  // Good luck!
+  return true;
+}
+
+euler151();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-152-writing-one-half-as-a-sum-of-inverse-squares.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-152-writing-one-half-as-a-sum-of-inverse-squares.chinese.md
new file mode 100644
index 0000000000..3e17c89882
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-152-writing-one-half-as-a-sum-of-inverse-squares.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4041000cf542c50ff17
+challengeType: 5
+title: 'Problem 152: Writing one half as a sum of inverse squares'
+videoUrl: ''
+localeTitle: 问题152：将一半写为倒数平方和
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler152(), 301, "<code>euler152()</code> should return 301.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler152() {
+  // Good luck!
+  return true;
+}
+
+euler152();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-153-investigating-gaussian-integers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-153-investigating-gaussian-integers.chinese.md
new file mode 100644
index 0000000000..c0d9a7ccd1
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-153-investigating-gaussian-integers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4051000cf542c50ff18
+challengeType: 5
+title: 'Problem 153: Investigating Gaussian Integers'
+videoUrl: ''
+localeTitle: 问题153：调查高斯整数
+---
+
+## Description
+<section id="description">众所周知，方程x2 = -1没有实数x的解。 <p>然而，如果我们引入虚数i，则该等式具有两个解：x = i且x = -i。 </p><p>如果我们更进一步，等式（x-3）2 = -4有两个复数解：x = 3 + 2i和x = 3-2i。 x = 3 + 2i和x = 3-2i被称为彼此的复共轭。 </p><p>形式a + bi的数字称为复数。 </p><p>通常，+ bi和a-bi是彼此的复共轭。高斯整数是复数a + bi，使得a和b都是整数。 </p><p>常规整数也是高斯整数（b = 0）。 </p><p>为了将它们与b≠0的高斯整数区分开来，我们称这样的整数为“有理整数”。 </p><p>如果结果也是高斯整数，则高斯整数称为有理整数n的除数。 </p><p>例如，如果我们将5除以1 + 2i，我们可以通过以下方式简化： </p><p>通过1 + 2i的复共轭乘以分子和分母：1-2i。 </p><p>结果是。 </p><p>所以1 + 2i是5的除数。 </p><p>请注意，1 + i不是5的除数，因为。 </p><p>还要注意，如果高斯整数（a + bi）是有理整数n的除数，则其复共轭（a-bi）也是n的除数。实际上，5有六个除数，使得实部是正的：{1,1 + 2i，1  -  2i，2 + i，2  -  i，5}。 </p><p>以下是前五个正整数的所有除数的表： </p><p> n高斯整数除数，具有正实数partSum s（n） </p><p> divisors111 21,1 + i，1-i，25 31,34 41,1 + i，1-i，2,2 + 2i，2-2i，413 51,1 + 2i，1-2i，2 + i， 2-i，512对于具有正实部的除数，那么，我们有：。对于1≤n≤105，Σs（n）= 17924657155。什么是Σs（n）1≤n≤108？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler153()</code>应该返回17971254122360636。
+    testString: 'assert.strictEqual(euler153(), 17971254122360636, "<code>euler153()</code> should return 17971254122360636.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler153() {
+  // Good luck!
+  return true;
+}
+
+euler153();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-154-exploring-pascals-pyramid.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-154-exploring-pascals-pyramid.chinese.md
new file mode 100644
index 0000000000..ff706171a4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-154-exploring-pascals-pyramid.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4071000cf542c50ff19
+challengeType: 5
+title: 'Problem 154: Exploring Pascal"s pyramid'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description">使用球形球构造三角形金字塔，使得每个球恰好位于下一个较低水平的三个球上。 <p>然后，我们计算从顶点到每个位置的路径数量：路径从顶点开始并向下前进到当前位置正下方的三个球体中的任何一个。因此，到达某个位置的路径数是紧接在其上方的数字的总和（取决于位置，在其上方最多有三个数字）。结果是Pascal的金字塔，每个级别n的数字是三项式展开（x + y + z）n的系数。 （x + y + z）200000的扩展中有多少个系数是1012的倍数？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler154()</code>应该返回479742450。
+    testString: 'assert.strictEqual(euler154(), 479742450, "<code>euler154()</code> should return 479742450.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler154() {
+  // Good luck!
+  return true;
+}
+
+euler154();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-155-counting-capacitor-circuits.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-155-counting-capacitor-circuits.chinese.md
new file mode 100644
index 0000000000..32bc3e57ab
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-155-counting-capacitor-circuits.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4081000cf542c50ff1a
+challengeType: 5
+title: 'Problem 155: Counting Capacitor Circuits'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description">电路仅使用相同值C的相同电容器。 <p>电容器可以串联或并联连接以形成子单元，子单元然后可以与其他电容器或其他子单元串联或并联连接以形成更大的子单元，以此类推直到最终电路。使用这个简单的程序和多达n个相同的电容器，我们可以制造具有一系列不同总电容的电路。例如，使用最多n = 3个电容器，每个电容器为60 F，我们可以获得以下7个不同的总电容值： </p><p>如果我们用D（n）表示当使用多达n个等值电容器时我们可以获得的不同总电容值的数量和上述简单程序，我们得到：D（1）= 1，D（2）= 3 ，D（3）= 7 ...求D（18）。提醒：当并联电容器C1，C2等时，总电容为CT = C1 + C2 + ......， </p><p>而当它们串联连接时，总电容由下式给出： </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler155()</code>应返回3857447。
+    testString: 'assert.strictEqual(euler155(), 3857447, "<code>euler155()</code> should return 3857447.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler155() {
+  // Good luck!
+  return true;
+}
+
+euler155();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-156-counting-digits.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-156-counting-digits.chinese.md
new file mode 100644
index 0000000000..012069421c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-156-counting-digits.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4091000cf542c50ff1b
+challengeType: 5
+title: 'Problem 156: Counting Digits'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description">从零开始，自然数字在基数10中写下，如下所示： <p> 0 1 2 3 4 5 6 7 8 9 10 11 12 .... </p><p>考虑数字d = 1。在我们写下每个数字n后，我们将更新已发生的数字并将此数字称为f（n，1）。那么f（n，1）的第一个值如下： </p><p> nf（n，1）00 11 21 31 41 51 61 71 81 91 102 114 125 </p><p>请注意，f（n，1）永远不等于3。 </p><p>因此，等式f（n，1）= n的前两个解是n = 0并且n = 1。下一个解决方案是n = 199981。以相同的方式，函数f（n，d）给出在写入数字n之后已经写下的总位数d。 </p><p>实际上，对于每个数字d≠0,0是方程f（n，d）= n的第一个解。设s（d）是f（n，d）= n的所有解的总和。 </p><p>你得到s（1）= 22786974071。找到Σs（d）的1≤d≤9。注意：如果对于某些n，对于多于一个d的值，f（n，d）= n，对于d的每个值，再次计算n的这个值。 F（N，d）= N。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler156(), 21295121502550, "<code>euler156()</code> should return 21295121502550.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler156() {
+  // Good luck!
+  return true;
+}
+
+euler156();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-157-solving-the-diophantine-equation.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-157-solving-the-diophantine-equation.chinese.md
new file mode 100644
index 0000000000..87aebfec31
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-157-solving-the-diophantine-equation.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4091000cf542c50ff1c
+challengeType: 5
+title: 'Problem 157: Solving the diophantine equation'
+videoUrl: ''
+localeTitle: 问题157：解决丢番图方程
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler157()</code>应返回53490。
+    testString: 'assert.strictEqual(euler157(), 53490, "<code>euler157()</code> should return 53490.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler157() {
+  // Good luck!
+  return true;
+}
+
+euler157();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-158-exploring-strings-for-which-only-one-character-comes-lexicographically-after-its-neighbour-to-the-left.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-158-exploring-strings-for-which-only-one-character-comes-lexicographically-after-its-neighbour-to-the-left.chinese.md
new file mode 100644
index 0000000000..c9ee24bfe4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-158-exploring-strings-for-which-only-one-character-comes-lexicographically-after-its-neighbour-to-the-left.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f40a1000cf542c50ff1d
+challengeType: 5
+title: 'Problem 158: Exploring strings for which only one character comes lexicographically after its neighbour to the left'
+videoUrl: ''
+localeTitle: 问题158：探索在其邻居之后只有一个字符按字典顺序出现的字符串
+---
+
+## Description
+<section id="description">从字母表的26个字母中取三个不同的字母，可以形成长度为3的字符串。例如&#39;abc&#39;，&#39;hat&#39;和&#39;zyx&#39;。当我们研究这三个例子时，我们看到对于&#39;abc&#39;，两个字符在其左边的邻居之后以字典方式出现。对于“帽子”，只有一个字符在其左边的邻居之后按字典顺序排列。对于&#39;zyx&#39;，在左边的邻居之后，字典上有零个字符。总共有10400个长度为3的字符串，其中一个字符在其左边的邻居之后按字典顺序排列。我们现在考虑字母表中n≤26个不同字符的字符串。对于每个n，p（n）是长度为n的字符串的数量，正好一个字符在其左边的邻居之后按字典顺序排列。 p（n）的最大值是多少？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler158()</code>应该返回409511334375。
+    testString: 'assert.strictEqual(euler158(), 409511334375, "<code>euler158()</code> should return 409511334375.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler158() {
+  // Good luck!
+  return true;
+}
+
+euler158();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-159-digital-root-sums-of-factorisations.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-159-digital-root-sums-of-factorisations.chinese.md
new file mode 100644
index 0000000000..4818e6dc2d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-159-digital-root-sums-of-factorisations.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f40c1000cf542c50ff1e
+challengeType: 5
+title: 'Problem 159: Digital root sums of factorisations'
+videoUrl: ''
+localeTitle: 问题159：因子的数字根和
+---
+
+## Description
+<section id="description">复合数可以通过许多不同的方式考虑。例如，不包括乘以一，24可以用7种不同的方式考虑： <p> 24 = 2x2x2x3 24 = 2x3x4 24 = 2x2x6 24 = 4x6 24 = 3x8 24 = 2x12 24 = 24 </p><p>回想一下，基数为10的数字的数字根是通过将该数字的数字加在一起而得到的，并重复该过程，直到到达的数字小于10.因此，467的数字根是8。应将数字根和（DRS）称为我们数字的各个因子的数字根的总和。下图显示了所有DRS值24.因子分解数字根Sum2x2x2x3 92x3x4 92x2x6 104x6 103x8 112x12 524 6 24的最大数字根和为11.函数mdrs（n）给出n的最大数字根和。所以mdrs（24）= 11。找到Σmdrs（n）为1 &lt;n &lt;1,000,000。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler159()</code>应返回14489159。
+    testString: 'assert.strictEqual(euler159(), 14489159, "<code>euler159()</code> should return 14489159.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler159() {
+  // Good luck!
+  return true;
+}
+
+euler159();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-16-power-digit-sum.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-16-power-digit-sum.chinese.md
new file mode 100644
index 0000000000..6f19af70f0
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-16-power-digit-sum.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 5900f37d1000cf542c50fe8f
+challengeType: 5
+title: 'Problem 16: Power digit sum'
+videoUrl: ''
+localeTitle: 问题16：电源数字总和
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>powerDigitSum(15)</code>应该返回26。
+    testString: 'assert.strictEqual(powerDigitSum(15), 26, "<code>powerDigitSum(15)</code> should return 26.");'
+  - text: <code>powerDigitSum(128)</code>应该返回166。
+    testString: 'assert.strictEqual(powerDigitSum(128), 166, "<code>powerDigitSum(128)</code> should return 166.");'
+  - text: <code>powerDigitSum(1000)</code>应返回1366。
+    testString: 'assert.strictEqual(powerDigitSum(1000), 1366, "<code>powerDigitSum(1000)</code> should return 1366.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function powerDigitSum(exponent) {
+  // Good luck!
+  return true;
+}
+
+powerDigitSum(15);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-160-factorial-trailing-digits.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-160-factorial-trailing-digits.chinese.md
new file mode 100644
index 0000000000..211e8d90ea
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-160-factorial-trailing-digits.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f40d1000cf542c50ff1f
+challengeType: 5
+title: 'Problem 160: Factorial trailing digits'
+videoUrl: ''
+localeTitle: 问题160：因子尾随数字
+---
+
+## Description
+<section id="description">对于任何N，让f（N）为N！中尾随零之前的最后五位数。例如，9！ = 362880所以f（9）= 36288 10！ = 3628800所以f（10）= 36288 20！ = 2432902008176640000所以f（20）= 17664查找f（1,000,000,000,000） </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler160()</code>应返回16576。
+    testString: 'assert.strictEqual(euler160(), 16576, "<code>euler160()</code> should return 16576.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler160() {
+  // Good luck!
+  return true;
+}
+
+euler160();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-161-triominoes.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-161-triominoes.chinese.md
new file mode 100644
index 0000000000..f849c90660
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-161-triominoes.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f40d1000cf542c50ff20
+challengeType: 5
+title: 'Problem 161: Triominoes'
+videoUrl: ''
+localeTitle: 问题161：Triominoes
+---
+
+## Description
+<section id="description">三角形是由三个通过边缘连接的正方形组成的形状。有两种基本形式： <p>如果考虑所有可能的方向，则有六个： </p><p>任何n×m网格的nxm可以被3整除，可以用三角形平铺。如果我们考虑通过反射或从另一个平铺旋转获得的倾斜不同，有41种方式可以使用三角形平铺2乘9的网格： </p><p>有多少种方式可以通过三角形以这种方式平铺9乘12的网格？ </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler161()</code>应该返回20574308184277972。
+    testString: 'assert.strictEqual(euler161(), 20574308184277972, "<code>euler161()</code> should return 20574308184277972.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler161() {
+  // Good luck!
+  return true;
+}
+
+euler161();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-162-hexadecimal-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-162-hexadecimal-numbers.chinese.md
new file mode 100644
index 0000000000..16d5cbcf84
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-162-hexadecimal-numbers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f40e1000cf542c50ff21
+challengeType: 5
+title: 'Problem 162: Hexadecimal numbers'
+videoUrl: ''
+localeTitle: 问题162：十六进制数
+---
+
+## Description
+<section id="description">在十六进制数中，系统使用16个不同的数字表示数字：0,1,2,3,4,5,6,7,8,9，A，B，C，D，E，F写入时的十六进制数AF在十进制数系统中等于10x16 + 15 = 175。在3位十六进制数10A，1A0，A10和A01中，数字0,1和A都存在。就像用十进制数写的数字一样，我们写十六进制数而不带前导零。包含最多十六个十六进制数字的十六进制数是多少，所有数字0,1和A至少出现一次？将答案作为十六进制数字给出。 （A，B，C，D，E和F大写，没有任何前导或尾随代码将数字标记为十六进制且没有前导零，例如1A3F而不是：1a3f而不是0x1a3f而不是$ 1A3F而不是＃1A3F而不是0000001A3F） </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler162(), 3D58725572C62302, "<code>euler162()</code> should return 3D58725572C62302.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler162() {
+  // Good luck!
+  return true;
+}
+
+euler162();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-163-cross-hatched-triangles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-163-cross-hatched-triangles.chinese.md
new file mode 100644
index 0000000000..d1f9f80000
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-163-cross-hatched-triangles.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f40f1000cf542c50ff22
+challengeType: 5
+title: 'Problem 163: Cross-hatched triangles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description">考虑等边三角形，其中从每个顶点到相对侧的中间绘制直线，例如在下面草图中的1号三角形中。 <p>现在可以在该三角形中观察到具有不同形状或大小或方向或位置的十六个三角形。使用大小为1的三角形作为构建块，可以形成更大的三角形，例如上面草图中的大小为2的三角形。现在可以在该尺寸2三角形中观察到具有不同形状或尺寸或方向或位置的一百四十个三角形。可以观察到，2号三角形包含4个1号三角形构造块。大小为3的三角形将包含9个大小为1的三角形构建块，因此大小为n的三角形将包含n2个大小为1的三角形构建块。如果我们将T（n）表示为大小为n的三角形中存在的三角形的数量，则T（1）= 16 T（2）= 104 Find T（36）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler163()</code>应返回343047。
+    testString: 'assert.strictEqual(euler163(), 343047, "<code>euler163()</code> should return 343047.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler163() {
+  // Good luck!
+  return true;
+}
+
+euler163();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-164-numbers-for-which-no-three-consecutive-digits-have-a-sum-greater-than-a-given-value.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-164-numbers-for-which-no-three-consecutive-digits-have-a-sum-greater-than-a-given-value.chinese.md
new file mode 100644
index 0000000000..a332963fee
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-164-numbers-for-which-no-three-consecutive-digits-have-a-sum-greater-than-a-given-value.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4111000cf542c50ff23
+challengeType: 5
+title: 'Problem 164: Numbers for which no three consecutive digits have a sum greater than a given value'
+videoUrl: ''
+localeTitle: 问题164：没有三个连续数字的总和大于给定值的数字
+---
+
+## Description
+<section id="description">存在多少20个数字n（没有任何前导零），使得n的三个连续数字的总和不大于9？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler164()</code>应该返回378158756814587。
+    testString: 'assert.strictEqual(euler164(), 378158756814587, "<code>euler164()</code> should return 378158756814587.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler164() {
+  // Good luck!
+  return true;
+}
+
+euler164();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-165-intersections.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-165-intersections.chinese.md
new file mode 100644
index 0000000000..119b5f988f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-165-intersections.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4111000cf542c50ff24
+challengeType: 5
+title: 'Problem 165: Intersections'
+videoUrl: ''
+localeTitle: 问题165：交叉口
+---
+
+## Description
+<section id="description">段由其两个端点唯一定义。通过考虑平面几何中的两个线段，存在三种可能性：段具有零点，一个点或无限多个共同点。此外，当两个段恰好具有一个共同点时，可能是该公共点是任一段或两者的端点的情况。如果两个段的公共点不是任一段的端点，则它是两个段的内点。如果T是L1和L2的唯一公共点，则我们将两个段L1和L2的公共点T称为L1和L2的真实交点，并且T是两个段的内点。 <p>考虑三个段L1，L2和L3：L1：（27,44）到（12,32）L2：（46,53）到（17,62）L3：（46,70）到（22,40）可以证实线段L2和L3具有真实的交叉点。我们注意到，作为L3的终点之一：（22,40）位于L1上，这不被认为是真正的交点。 L1和L2没有共同点。因此，在三个线段中，我们找到一个真正的交叉点。现在让我们对5000个线段进行相同的操作。为此，我们使用所谓的“Blum Blum Shub”伪随机数生成器生成20000个数字。 s0 = 290797 sn + 1 = sn×sn（modulo 50515093）tn = sn（modulo 500）为了创建每个线段，我们使用四个连续的数字tn。也就是说，第一个线段由下式给出：（t1，t2）到（t3，t4）根据上述发生器计算的前四个数字应该是：27,144,12和232.因此第一个线段是（ 27,144）至（12,232）。在5000个线段中发现了多少个不同的真实交叉点？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler165()</code>应该返回2868868。
+    testString: 'assert.strictEqual(euler165(), 2868868, "<code>euler165()</code> should return 2868868.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler165() {
+  // Good luck!
+  return true;
+}
+
+euler165();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-166-criss-cross.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-166-criss-cross.chinese.md
new file mode 100644
index 0000000000..f9c18cb80a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-166-criss-cross.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4131000cf542c50ff25
+challengeType: 5
+title: 'Problem 166: Criss Cross'
+videoUrl: ''
+localeTitle: 问题166：克里斯十字架
+---
+
+## Description
+<section id="description"> 4x4网格填充数字d，0≤d≤9。 <p>可以看出，在网格中</p><p> 6 3 3 0 5 0 4 3 0 7 1 4 1 2 4 5 </p><p>每行和每列的总和值为12.此外，每个对角线的总和也是12。 </p><p>在多少种方法中，您可以使用数字d，0≤d≤9填充4x4网格，以便每行，每列和两个对角线具有相同的总和？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler166()</code>应返回7130034。
+    testString: 'assert.strictEqual(euler166(), 7130034, "<code>euler166()</code> should return 7130034.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler166() {
+  // Good luck!
+  return true;
+}
+
+euler166();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-167-investigating-ulam-sequences.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-167-investigating-ulam-sequences.chinese.md
new file mode 100644
index 0000000000..cb10d255da
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-167-investigating-ulam-sequences.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4141000cf542c50ff26
+challengeType: 5
+title: 'Problem 167: Investigating Ulam sequences'
+videoUrl: ''
+localeTitle: 问题167：研究Ulam序列
+---
+
+## Description
+<section id="description">对于两个正整数a和b，Ulam序列U（a，b）由U（a，b）1 = a，U（a，b）2 = b定义，对于k&gt; 2，U（a，b） ）k是大于U（a，b）（k-1）的最小整数，它可以用一种方式写成U（a，b）的两个不同的先前成员的总和。例如，序列U（1,2）以1,2,3 = 1 + 2,4 = 1 + 3,6 = 2 + 4,8 = 2 + 6,11 = 3 + 8开始; 5不属于它，因为5 = 1 + 4 = 2 + 3有两个表示作为前两个成员的总和，同样7 = 1 + 6 = 3 + 4.找到ΣU（2,2n + 1）k为2≤n≤10，其中k = 1011。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler167()</code>应该返回3916160068885。
+    testString: 'assert.strictEqual(euler167(), 3916160068885, "<code>euler167()</code> should return 3916160068885.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler167() {
+  // Good luck!
+  return true;
+}
+
+euler167();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-168-number-rotations.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-168-number-rotations.chinese.md
new file mode 100644
index 0000000000..491b0937f3
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-168-number-rotations.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4151000cf542c50ff27
+challengeType: 5
+title: 'Problem 168: Number Rotations'
+videoUrl: ''
+localeTitle: 问题168：数字轮换
+---
+
+## Description
+<section id="description">考虑数字142857.我们可以通过将最后一个数字（7）移动到它的前面来右旋这个数字，给我们714285.可以验证714285 = 5×142857。这证明了142857的一个不寻常的属性：它是右旋的除数。找到具有此属性的所有整数n，10 &lt;n &lt;10100之和的最后5位数。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler168()</code>应返回<code>euler168()</code> 。
+    testString: 'assert.strictEqual(euler168(), 59206, "<code>euler168()</code> should return 59206.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler168() {
+  // Good luck!
+  return true;
+}
+
+euler168();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-169-exploring-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-169-exploring-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.chinese.md
new file mode 100644
index 0000000000..bb5ea709cc
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-169-exploring-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4151000cf542c50ff28
+challengeType: 5
+title: 'Problem 169: Exploring the number of different ways a number can be expressed as a sum of powers of 2'
+videoUrl: ''
+localeTitle: 问题169：探索数字可以表示为2的幂之和的不同方式的数量
+---
+
+## Description
+<section id="description">将f（0）= 1和f（n）定义为不同方式的数量n可以表示为2的整数幂之和，使用每个幂不超过两次。例如，f（10）= 5因为有五种不同的表达方式10：1 + 1 + 8 1 + 1 + 4 + 41 + 1 + 2 + 2 + 4 2 + 4 + 4 2 + 8什么是f （1025）？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler169()</code>应该返回178653872807。
+    testString: 'assert.strictEqual(euler169(), 178653872807, "<code>euler169()</code> should return 178653872807.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler169() {
+  // Good luck!
+  return true;
+}
+
+euler169();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-17-number-letter-counts.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-17-number-letter-counts.chinese.md
new file mode 100644
index 0000000000..dc484cd216
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-17-number-letter-counts.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 5900f37d1000cf542c50fe90
+challengeType: 5
+title: 'Problem 17: Number letter counts'
+videoUrl: ''
+localeTitle: 问题17：数字字母计数
+---
+
+## Description
+<section id="description">如果数字1到5用文字写出：一，二，三，四，五，则总共使用3 + 3 + 5 + 4 + 4 = 19个字母。如果从1到包含<code>limit</code>所有数字都用文字写出，那么会使用多少个字母？ <b>注意：</b>不要计算空格或连字符。例如，342（三百四十二）包含23个字母，115（一百一十五）包含20个字母。在写出数字时使用“和”符合英国的用法。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>numberLetterCounts(5)</code>应返回19。
+    testString: 'assert.strictEqual(numberLetterCounts(5), 19, "<code>numberLetterCounts(5)</code> should return 19.");'
+  - text: <code>numberLetterCounts(150)</code>应该返回1903。
+    testString: 'assert.strictEqual(numberLetterCounts(150), 1903, "<code>numberLetterCounts(150)</code> should return 1903.");'
+  - text: <code>numberLetterCounts(1000)</code>应该返回21124。
+    testString: 'assert.strictEqual(numberLetterCounts(1000), 21124, "<code>numberLetterCounts(1000)</code> should return 21124.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function numberLetterCounts(limit) {
+  // Good luck!
+  return true;
+}
+
+numberLetterCounts(5);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-170-find-the-largest-0-to-9-pandigital-that-can-be-formed-by-concatenating-products.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-170-find-the-largest-0-to-9-pandigital-that-can-be-formed-by-concatenating-products.chinese.md
new file mode 100644
index 0000000000..ae0ce10edc
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-170-find-the-largest-0-to-9-pandigital-that-can-be-formed-by-concatenating-products.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4161000cf542c50ff29
+challengeType: 5
+title: 'Problem 170: Find the largest 0 to 9 pandigital that can be formed by concatenating products'
+videoUrl: ''
+localeTitle: 问题170：找到可以通过连接产品形成的最大的0到9个pandigital
+---
+
+## Description
+<section id="description">取数字6并乘以1273和9854： <p> 6×1273 = 7638 6×9854 = 59124 </p><p>通过连接这些产品，我们得到1到9 pandigital 763859124.我们将763859124称为“6和（1273,9854）”的连接产品。另请注意，输入数字612739854的串联也是1到9 pandigital。 </p><p>对于0到9个pandigital数字也可以这样做。 </p><p>什么是具有两个或更多其他整数的整数的0到9 pandigital 10位连接产品，这样输入数字的串联也是0到9 pandigital 10位数字？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler170()</code>应返回9857164023。
+    testString: 'assert.strictEqual(euler170(), 9857164023, "<code>euler170()</code> should return 9857164023.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler170() {
+  // Good luck!
+  return true;
+}
+
+euler170();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-171-finding-numbers-for-which-the-sum-of-the-squares-of-the-digits-is-a-square.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-171-finding-numbers-for-which-the-sum-of-the-squares-of-the-digits-is-a-square.chinese.md
new file mode 100644
index 0000000000..2d23f4c43b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-171-finding-numbers-for-which-the-sum-of-the-squares-of-the-digits-is-a-square.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4181000cf542c50ff2a
+challengeType: 5
+title: 'Problem 171: Finding numbers for which the sum of the squares of the digits is a square'
+videoUrl: ''
+localeTitle: 问题171：找到数字的平方和为正方形的数字
+---
+
+## Description
+<section id="description">对于正整数n，令f（n）为n的数字（在基数10中）的平方和，例如f（3）= 32 = 9，f（25）= 22 + 52 = 4 + 25 = 29，f（442）= 42 + 42 + 22 = 16 + 16 + 4 = 36找到所有n的总和的最后九位数，0 &lt;n &lt;1020，使得f（n）是一个完美的平方。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler171()</code>应该返回142989277。
+    testString: 'assert.strictEqual(euler171(), 142989277, "<code>euler171()</code> should return 142989277.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler171() {
+  // Good luck!
+  return true;
+}
+
+euler171();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-172-investigating-numbers-with-few-repeated-digits.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-172-investigating-numbers-with-few-repeated-digits.chinese.md
new file mode 100644
index 0000000000..e63f48f170
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-172-investigating-numbers-with-few-repeated-digits.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4181000cf542c50ff2b
+challengeType: 5
+title: 'Problem 172: Investigating numbers with few repeated digits'
+videoUrl: ''
+localeTitle: 问题172：调查重复数字很少的数字
+---
+
+## Description
+<section id="description">有多少个18位数字n（没有前导零），n中没有数字出现超过三次？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler172()</code>应返回227485267000992000。
+    testString: 'assert.strictEqual(euler172(), 227485267000992000, "<code>euler172()</code> should return 227485267000992000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler172() {
+  // Good luck!
+  return true;
+}
+
+euler172();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-173-using-up-to-one-million-tiles-how-many-different-hollow-square-laminae-can-be-formed.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-173-using-up-to-one-million-tiles-how-many-different-hollow-square-laminae-can-be-formed.chinese.md
new file mode 100644
index 0000000000..e50229641f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-173-using-up-to-one-million-tiles-how-many-different-hollow-square-laminae-can-be-formed.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41a1000cf542c50ff2c
+challengeType: 5
+title: 'Problem 173: Using up to one million tiles how many different "hollow" square laminae can be formed?'
+videoUrl: ''
+localeTitle: 问题173：使用多达一百万个瓷砖可以形成多少个不同的“空心”方形薄片？
+---
+
+## Description
+<section id="description">我们将方形薄片定义为具有方形“孔”的方形轮廓，使得该形状具有垂直和水平对称性。例如，使用正好三十二平方的瓷砖，我们可以形成两个不同的方形薄片： <p>使用一百个瓷砖，并且不一定一次使用所有瓷砖，可以形成四十一个不同的方形薄片。使用多达一百万个瓷砖可以形成多少个不同的方形薄片？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler173()</code>应该返回1572729。
+    testString: 'assert.strictEqual(euler173(), 1572729, "<code>euler173()</code> should return 1572729.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler173() {
+  // Good luck!
+  return true;
+}
+
+euler173();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-174-counting-the-number-of-hollow-square-laminae-that-can-form-one-two-three-...-distinct-arrangements.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-174-counting-the-number-of-hollow-square-laminae-that-can-form-one-two-three-...-distinct-arrangements.chinese.md
new file mode 100644
index 0000000000..badb9cbb6a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-174-counting-the-number-of-hollow-square-laminae-that-can-form-one-two-three-...-distinct-arrangements.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41a1000cf542c50ff2d
+challengeType: 5
+title: 'Problem 174: Counting the number of "hollow" square laminae that can form one, two, three, ... distinct arrangements'
+videoUrl: ''
+localeTitle: 问题174：计算可以形成一个，两个，三个......不同排列的“空心”方形薄片的数量
+---
+
+## Description
+<section id="description">我们将方形薄片定义为具有方形“孔”的方形轮廓，使得该形状具有垂直和水平对称性。给定八个瓷砖，可以仅以一种方式形成薄层：3x3正方形，中间有1x1个孔。但是，使用32个瓷砖可以形成两个不同的薄片。 <p>如果t表示使用的瓦片数，我们将说t = 8是类型L（1）并且t = 32是类型L（2）。令N（n）为t≤1000000的数，使得t为L（n）型;例如，N（15）= 832.对于1≤n≤10，ΣN（n）是多少？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler174()</code>应该返回209566。
+    testString: 'assert.strictEqual(euler174(), 209566, "<code>euler174()</code> should return 209566.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler174() {
+  // Good luck!
+  return true;
+}
+
+euler174();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-175-fractions-involving-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-175-fractions-involving-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.chinese.md
new file mode 100644
index 0000000000..74c15c1fce
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-175-fractions-involving-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41c1000cf542c50ff2e
+challengeType: 5
+title: 'Problem 175: Fractions involving the number of different ways a number can be expressed as a sum of powers of 2'
+videoUrl: ''
+localeTitle: 问题175：涉及不同方式的数量的分数数字可以表示为2的幂的总和
+---
+
+## Description
+<section id="description">将f（0）= 1和f（n）定义为将n作为2的幂之和进行写入的方式的数量，其中没有功率发生超过两次。 <p>例如，f（10）= 5因为有五种不同的表达方式10:10 = 8 + 2 = 8 + 1 + 1 = 4 + 4 + 2 = 4 + 2 + 2 + 1 + 1 = 4 + 4 + 1 + 1 </p><p>可以证明，对于每个分数p / q（p&gt; 0，q&gt; 0），存在至少一个整数n，使得f（n）/ f（n-1）= p / q。例如，f（n）/ f（n-1）= 13/17的最小n是241. 241的二进制扩展是11110001.从最高有效位到最低有效位读取这个二进制数有4个1，3个零和1个。我们将字符串4,3,1称为缩短的二进制扩展241.找到最小n的缩短二进制扩展，其中f（n）/ f（n-1）= 123456789/987654321。以逗号分隔的整数给出答案，没有任何空格。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>euler175()</code>应该返回1,13717420,8。'
+    testString: 'assert.strictEqual(euler175(), 1, 13717420, 8, "<code>euler175()</code> should return 1, 13717420, 8.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler175() {
+  // Good luck!
+  return true;
+}
+
+euler175();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-176-right-angled-triangles-that-share-a-cathetus.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-176-right-angled-triangles-that-share-a-cathetus.chinese.md
new file mode 100644
index 0000000000..7d40b6de16
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-176-right-angled-triangles-that-share-a-cathetus.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41c1000cf542c50ff2f
+challengeType: 5
+title: 'Problem 176: Right-angled triangles that share a cathetus'
+videoUrl: ''
+localeTitle: 问题176：共用一个cathetus的直角三角形
+---
+
+## Description
+<section id="description">具有侧面（9,12,15），（12,16,20），（5,12,13）和（12,35,37）的四个直角三角形都具有相等的一个短边（导管）可以证明，没有其他整数侧直角三角形存在，其中一个导管等于12.找到最小整数，可以是恰好47547个不同整数侧直角三角形的cathetus的长度。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler176()</code>应返回96818198400000。
+    testString: 'assert.strictEqual(euler176(), 96818198400000, "<code>euler176()</code> should return 96818198400000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler176() {
+  // Good luck!
+  return true;
+}
+
+euler176();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-177-integer-angled-quadrilaterals.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-177-integer-angled-quadrilaterals.chinese.md
new file mode 100644
index 0000000000..eafeee8583
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-177-integer-angled-quadrilaterals.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41e1000cf542c50ff30
+challengeType: 5
+title: 'Problem 177: Integer angled Quadrilaterals'
+videoUrl: ''
+localeTitle: 问题177：整数角四边形
+---
+
+## Description
+<section id="description">设ABCD为凸四边形，对角线为AC和BD。在每个顶点处，对角线与两侧中的每一侧形成一个角度，从而产生八个角度角。 <p>例如，在顶点A处，两个角度是CAD，CAB。我们称之为四边形，当以“整角四边形”度数度量时，所有八个角度角都具有整数值。整数角度四边形的示例是正方形，其中所有八个角度角都是45°。另一个例子是DAC = 20°，BAC = 60°，ABD = 50°，CBD = 30°，BCA = 40°，DCA = 30°，CDB = 80°，ADB = 50°。非相似整数角度四边形的总数是多少？注意：在计算中，如果计算出的角度在整数值的10-9范围内，则可以假定计算出的角度是整数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler177()</code>应返回129325。
+    testString: 'assert.strictEqual(euler177(), 129325, "<code>euler177()</code> should return 129325.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler177() {
+  // Good luck!
+  return true;
+}
+
+euler177();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-178-step-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-178-step-numbers.chinese.md
new file mode 100644
index 0000000000..e5a4ec666b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-178-step-numbers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41e1000cf542c50ff31
+challengeType: 5
+title: 'Problem 178: Step Numbers'
+videoUrl: ''
+localeTitle: 问题178：步骤编号
+---
+
+## Description
+<section id="description">考虑数字45656.可以看出，45656的每对连续数字的差值为1。每对连续数字的差值为1的数字称为步数。 pandigital数字包含从0到9的每个十进制数字至少一次。 <p>有多少pandigital步数小于1040？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler178()</code>应该返回126461847755。
+    testString: 'assert.strictEqual(euler178(), 126461847755, "<code>euler178()</code> should return 126461847755.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler178() {
+  // Good luck!
+  return true;
+}
+
+euler178();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-179-consecutive-positive-divisors.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-179-consecutive-positive-divisors.chinese.md
new file mode 100644
index 0000000000..bab8967338
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-179-consecutive-positive-divisors.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41f1000cf542c50ff32
+challengeType: 5
+title: 'Problem 179: Consecutive positive divisors'
+videoUrl: ''
+localeTitle: 问题179：连续的正向除数
+---
+
+## Description
+<section id="description">求整数1 &lt;n &lt;107，其中n和n + 1具有相同的正除数。例如，14具有正除数1,2,7,14而15具有1,3,5,15。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler179()</code>应返回986262。
+    testString: 'assert.strictEqual(euler179(), 986262, "<code>euler179()</code> should return 986262.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler179() {
+  // Good luck!
+  return true;
+}
+
+euler179();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-18-maximum-path-sum-i.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-18-maximum-path-sum-i.chinese.md
new file mode 100644
index 0000000000..4cdc8736c2
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-18-maximum-path-sum-i.chinese.md
@@ -0,0 +1,71 @@
+---
+id: 5900f37e1000cf542c50fe91
+challengeType: 5
+title: 'Problem 18: Maximum path sum I'
+videoUrl: ''
+localeTitle: 问题18：最大路径总和I.
+---
+
+## Description
+<section id="description">通过启动在低于该三角形的顶部和移动到相邻的数字下面的行中，最大总从上到下为23 <span style="display: block; text-align: center;"><b style="color: red;">3</b> <br> <b style="color: red;">7</b> 4 <br> 2 <b style="color: red;">4</b> 6 <br> 8 5 <b style="color: red;">9</b> 3</span>也就是说，3 + 7 + 4 + 9 = 23.找到下面三角形从上到下的最大总数： <span style="display: block; text-align: center;">75 <br> 95 64 <br> 17 47 82 <br> 18 35 87 10 <br> 20 04 82 47 65 <br> 19 01 23 75 03 34 <br> 88 02 77 73 07 63 67 <br> 99 65 04 28 06 16 70 92 <br> 41 41 26 56 83 40 80 70 33 <br> 41 48 72 33 47 32 37 16 94 29 <br> 53 71 44 65 25 43 91 52 97 51 14 <br> 70 11 33 28 77 73 17 78 39 68 17 57 <br> 91 71 52 38 17 14 91 43 58 50 27 29 48 <br> 63 66 04 68 89 53 67 30 73 16 69 87 40 31 <br> 04 62 98 27 23 09 70 98 73 93 38 53 60 04 23</span> <b>注意：</b>由于只有16384条路线，因此可以通过尝试每条路线来解决此问题。然而，问题67，与包含一百行的三角形是同样的挑战;它无法通过蛮力解决，需要一种聪明的方法！ ; O） </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>maximumPathSumI(testTriangle)</code>应该返回23。
+    testString: 'assert.strictEqual(maximumPathSumI(testTriangle), 23, "<code>maximumPathSumI(testTriangle)</code> should return 23.");'
+  - text: <code>maximumPathSumI(numTriangle)</code>应该返回1074。
+    testString: 'assert.strictEqual(maximumPathSumI(numTriangle), 1074, "<code>maximumPathSumI(numTriangle)</code> should return 1074.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function maximumPathSumI(triangle) {
+  // Good luck!
+  return true;
+}
+
+const testTriangle = [[3, 0, 0, 0],
+                      [7, 4, 0, 0],
+                      [2, 4, 6, 0],
+                      [8, 5, 9, 3]];
+
+maximumPathSumI(testTriangle);
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+const numTriangle = [[75, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [95, 64, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [17, 47, 82, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [18, 35, 87, 10, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [20, 4, 82, 47, 65, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [19, 1, 23, 75, 3, 34, 0, 0, 0, 0, 0, 0, 0, 0, 0], [88, 2, 77, 73, 7, 63, 67, 0, 0, 0, 0, 0, 0, 0, 0], [99, 65, 4, 28, 6, 16, 70, 92, 0, 0, 0, 0, 0, 0, 0], [41, 41, 26, 56, 83, 40, 80, 70, 33, 0, 0, 0, 0, 0, 0], [41, 48, 72, 33, 47, 32, 37, 16, 94, 29, 0, 0, 0, 0, 0], [53, 71, 44, 65, 25, 43, 91, 52, 97, 51, 14, 0, 0, 0, 0], [70, 11, 33, 28, 77, 73, 17, 78, 39, 68, 17, 57, 0, 0, 0], [91, 71, 52, 38, 17, 14, 91, 43, 58, 50, 27, 29, 48, 0, 0], [63, 66, 4, 68, 89, 53, 67, 30, 73, 16, 69, 87, 40, 31, 0], [4, 62, 98, 27, 23, 9, 70, 98, 73, 93, 38, 53, 60, 4, 23]];
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-180-rational-zeros-of-a-function-of-three-variables.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-180-rational-zeros-of-a-function-of-three-variables.chinese.md
new file mode 100644
index 0000000000..708b80f044
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-180-rational-zeros-of-a-function-of-three-variables.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4201000cf542c50ff33
+challengeType: 5
+title: 'Problem 180: Rational zeros of a function of three variables'
+videoUrl: ''
+localeTitle: 问题180：三个变量函数的有理零点
+---
+
+## Description
+<section id="description">对于任何整数n，考虑三个函数f1，n（x，y，z）= xn + 1 + yn + 1  -  zn + 1f2，n（x，y，z）=（xy + yz + zx）*（ xn-1 + yn-1-zn-1）f3，n（x，y，z）= xyz *（xn-2 + yn-2-zn-2）及其组合fn（x，y，z）= f1，n（x，y，z）+ f2，n（x，y，z） -  f3，n（x，y，z）如果是x，我们将（x，y，z）称为k阶的黄金三元组， y和z都是形式为a / b的有理数，0 &lt;a &lt;b≤k且存在（至少）一个整数n，因此fn（x，y，z）= 0.设s（x ，y，z）= x + y + z。设t = u / v是所有不同s（x，y，z）的所有黄金三元组（x，y，z）的总和。所有s（x，y，z）和t必须在减少形式。找到你+ v。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler180()</code>应该返回285196020571078980。
+    testString: 'assert.strictEqual(euler180(), 285196020571078980, "<code>euler180()</code> should return 285196020571078980.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler180() {
+  // Good luck!
+  return true;
+}
+
+euler180();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-181-investigating-in-how-many-ways-objects-of-two-different-colours-can-be-grouped.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-181-investigating-in-how-many-ways-objects-of-two-different-colours-can-be-grouped.chinese.md
new file mode 100644
index 0000000000..1f23b8edd0
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-181-investigating-in-how-many-ways-objects-of-two-different-colours-can-be-grouped.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4231000cf542c50ff34
+challengeType: 5
+title: 'Problem 181: Investigating in how many ways objects of two different colours can be grouped'
+videoUrl: ''
+localeTitle: 问题181：调查两种不同颜色的对象可以分组的方式
+---
+
+## Description
+<section id="description">有三个黑色物体B和一个白色物体W它们可以用7种方式分组：（BBBW）（B，BBW）（B，B，BW）（B，B，B，W）（B，BB，W） （BBB，W）（BB，BW）在六十个黑色物体B和四十个白色物体W的分组方式中有多少种？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler181()</code>应该返回83735848679360670。
+    testString: 'assert.strictEqual(euler181(), 83735848679360670, "<code>euler181()</code> should return 83735848679360670.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler181() {
+  // Good luck!
+  return true;
+}
+
+euler181();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-182-rsa-encryption.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-182-rsa-encryption.chinese.md
new file mode 100644
index 0000000000..7546c402f3
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-182-rsa-encryption.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4231000cf542c50ff35
+challengeType: 5
+title: 'Problem 182: RSA encryption'
+videoUrl: ''
+localeTitle: 问题182：RSA加密
+---
+
+## Description
+<section id="description"> RSA加密基于以下过程：生成两个不同的素数p和q。计算n = pq和φ=（p-1）（q-1）。求整数e，1 <e<φ, such="" that="" gcd(e,φ)="1." a="" message="" in="" this="" system="" is="" number="" the="" interval="" [0,n-1].="" text="" to="" be="" encrypted="" then="" somehow="" converted="" messages="" (numbers="" [0,n-1]).="" encrypt="" text,="" for="" each="" message,="" m,="" c="me" mod="" n="" calculated.="" decrypt="" following="" procedure="" needed:="" calculate="" d="" ed="1" φ,="" c,="" m="cd" n.="" there="" exist="" values="" of="" e="" and="" me="" call="" which="" unconcealed="" messages.="" an="" issue="" when="" choosing="" should="" not="" too="" many="" instance,="" let="" p="19" q="37." φ="18*36=648." if="" we="" choose="" then,="" although="" gcd(181,648)="1" it="" turns="" out="" all="" possible="" messagesm="" (0≤m≤n-1)="" are="" calculating="" any="" valid="" choice="" some="" it&#x27;s="" important="" at="" minimum.="" find="" sum="" e,="" 1&#x3C;e&#x3C;φ(1009,3643)="" so="" value="" &#x3C;="" section=""><h2>说明</h2><section id="instructions"></section><h2>测试</h2><section id="tests"><pre> <code class="language-yml">tests: - text: &lt;code&gt;euler182()&lt;/code&gt; should return 399788195976. testString: &#39;assert.strictEqual(euler182(), 399788195976, &quot;&lt;code&gt;euler182()&lt;/code&gt; should return 399788195976.&quot;);&#39;</code> </pre></section><h2>挑战种子</h2><section id="challengeSeed"><div id="js-seed"><pre> <code class="language-js">function euler182() { // Good luck! return true; } euler182();</code> </pre></div></section><h2>解</h2><section id="solution"><pre> <code class="language-js">// solution required</code> </pre></section></e<φ,></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler182()</code>应该返回399788195976。
+    testString: 'assert.strictEqual(euler182(), 399788195976, "<code>euler182()</code> should return 399788195976.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler182() {
+  // Good luck!
+  return true;
+}
+
+euler182();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-183-maximum-product-of-parts.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-183-maximum-product-of-parts.chinese.md
new file mode 100644
index 0000000000..f494917599
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-183-maximum-product-of-parts.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4231000cf542c50ff36
+challengeType: 5
+title: 'Problem 183: Maximum product of parts'
+videoUrl: ''
+localeTitle: 问题183：零件的最大产品
+---
+
+## Description
+<section id="description">令N为正整数，并且将N分成k个相等的部分，r = N / k，使得N = r + r + ... + r。设P是这些部分的乘积，P = r×r×...×r = rk。 <p>例如，如果11被分成五个相等的部分，11 = 2.2 + 2.2 + 2.2 + 2.2 + 2.2，那么P = 2.25 = 51.53632。 </p><p>对于给定的N值，设M（N）= Pmax。 </p><p>事实证明，N = 11的最大值是通过将11分成4个相等的部分得到的，这导致Pmax =（11/4）4;即，M（11）= 14641/256 = 57.19140625，这是终止小数。 </p><p>然而，对于N = 8，通过将其分成三个相等的部分来实现最大值，因此M（8）= 512/27，这是非终止小数。 </p><p>如果M（N）是非终止小数，则令D（N）= N，如果M（N）是终止小数，则D（N）= -N。 </p><p>例如，5≤N≤100的ΣD（N）是2438。 </p><p>求ΣD（N）为5≤N≤10000。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler183()</code>应该返回48861552。
+    testString: 'assert.strictEqual(euler183(), 48861552, "<code>euler183()</code> should return 48861552.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler183() {
+  // Good luck!
+  return true;
+}
+
+euler183();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-184-triangles-containing-the-origin.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-184-triangles-containing-the-origin.chinese.md
new file mode 100644
index 0000000000..5879de9410
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-184-triangles-containing-the-origin.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4241000cf542c50ff37
+challengeType: 5
+title: 'Problem 184: Triangles containing the origin'
+videoUrl: ''
+localeTitle: 问题184：包含原点的三角形
+---
+
+## Description
+<section id="description">考虑点（x，y）的集合Ir，其中半径为r的圆内部的整数坐标以原点为中心，即x2 + y2 &lt;r2。对于半径为2，I2包含九个点（0,0），（1,0），（1,1），（0,1），（ -  1,1），（ -  1,0），（ -1，-1），（0，-1）和（1，-1）。在I2中有八个三角形具有全部三个顶点，其中包含内部的原点。其中两个如下所示，其他通过旋转从这些中获得。 <p>对于半径为3，有360个三角形包含内部的原点并且所有顶点都在I3中，而对于I5，该数字是10600。 </p><p>有多少个三角形包含内部的原点并且在I105中包含所有三个顶点？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler184()</code>应返回1725323624056。
+    testString: 'assert.strictEqual(euler184(), 1725323624056, "<code>euler184()</code> should return 1725323624056.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler184() {
+  // Good luck!
+  return true;
+}
+
+euler184();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-185-number-mind.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-185-number-mind.chinese.md
new file mode 100644
index 0000000000..6f20f01e4c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-185-number-mind.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4251000cf542c50ff38
+challengeType: 5
+title: 'Problem 185: Number Mind'
+videoUrl: ''
+localeTitle: 问题185：数字思维
+---
+
+## Description
+<section id="description">游戏Number Mind是众所周知的游戏Master Mind的变种。而不是彩色钉，你必须猜测一个秘密的数字序列。在每次猜测之后，你只会告诉你猜对了多少个正确的数字。所以，如果序列是1234并且你猜到了2036，那么你会被告知你有一个正确的数字;但是，你不会被告知你在错误的地方也有另一个数字。 <p>例如，给出以下5位秘密序列的猜测，90342; 2正确70794; 0正确39458; 2正确34109; 1正确51545; 2正确12531; 1正确正确序列39542是唯一的。 </p><p>基于以下猜测， </p><p> 5616185650518293 2正确3847439647293047 1正确5855462940810587 3正确9742855507068353 3正确4296849643607543 3正确3174248439465858 1正确4513559094146117 2正确7890971548908067 3正确8157356344118483 1正确2615250744386899 2正确8690095851526254 3正确6375711915077050 1正确6913859173121360; 1更正6442889055042768; 2更正2321386104303845; 0更正2326509471271448; 2更正5251583379644322; 2更正1748270476758276; 3更正4895722652190306; 1更正3041631117224635; 3更正1841236454324589; 3更正2659862637316867; 2更正</p><p>找到唯一的16位秘密序列。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler185()</code>应该返回4640261571849533。
+    testString: 'assert.strictEqual(euler185(), 4640261571849533, "<code>euler185()</code> should return 4640261571849533.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler185() {
+  // Good luck!
+  return true;
+}
+
+euler185();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-186-connectedness-of-a-network.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-186-connectedness-of-a-network.chinese.md
new file mode 100644
index 0000000000..abd1e157e4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-186-connectedness-of-a-network.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4281000cf542c50ff39
+challengeType: 5
+title: 'Problem 186: Connectedness of a network'
+videoUrl: ''
+localeTitle: 问题186：网络的连通性
+---
+
+## Description
+<section id="description">以下是来自拥有100万用户的繁忙电话系统的记录： <p> RecNrCallerCalled120000710005326001835004393600863701497 .........来电者的电话号码和记录n中的被叫号码是来电者（n）= S2n-1和被叫（n）= S2n，其中S1,2,3，...来来自“Lagged Fibonacci Generator”： </p><p>对于1≤k≤55，Sk = [100003  -  200003k + 300007k3]（模1000000）对于56≤k，Sk = [Sk-24 + Sk-55]（模1000000） </p><p>如果Caller（n）= Called（n），则假定用户误操作并且呼叫失败;否则通话成功。 </p><p>从记录的开头，我们说如果X调用Y，则任何一对用户X和Y都是朋友，反之亦然。类似地，如果X是Y的朋友并且Y是Z的朋友，则X是Z的朋友的朋友;等等更长的链条。 </p><p>总理的电话号码是524287.经过多少次成功的电话，不计算误操作，99％的用户（包括PM）将成为总理的朋友，朋友的朋友等？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler186()</code>应返回2325629。
+    testString: 'assert.strictEqual(euler186(), 2325629, "<code>euler186()</code> should return 2325629.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler186() {
+  // Good luck!
+  return true;
+}
+
+euler186();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-187-semiprimes.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-187-semiprimes.chinese.md
new file mode 100644
index 0000000000..13ea81aa50
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-187-semiprimes.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4291000cf542c50ff3a
+challengeType: 5
+title: 'Problem 187: Semiprimes'
+videoUrl: ''
+localeTitle: 问题187：半致
+---
+
+## Description
+<section id="description">复合是包含至少两个素因子的数字。例如，15 = 3×5; 9 = 3×3; 12 = 2×2×3。 <p>在30以下有十种复合材料恰好包含两个，不一定是不同的主要因素：4,6,9,10,14,15,21,22,25,26。 </p><p>有多少复合整数，n &lt;108，恰好有两个，不一定是不同的素因子？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler187()</code>应该返回17427258。
+    testString: 'assert.strictEqual(euler187(), 17427258, "<code>euler187()</code> should return 17427258.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler187() {
+  // Good luck!
+  return true;
+}
+
+euler187();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-188-the-hyperexponentiation-of-a-number.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-188-the-hyperexponentiation-of-a-number.chinese.md
new file mode 100644
index 0000000000..05758604df
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-188-the-hyperexponentiation-of-a-number.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4291000cf542c50ff3b
+challengeType: 5
+title: 'Problem 188: The hyperexponentiation of a number'
+videoUrl: ''
+localeTitle: 问题188：数字的过度扩展
+---
+
+## Description
+<section id="description">由↑^ b或ba表示的正整数b的数字a的过度增强或分解通过以下方式递归地定义：a↑↑1 = a，a↑↑（k + 1）= a（a↑↑k ）。 <p>因此我们有例如3↑↑2 = 33 = 27，因此3↑↑3 = 327 = 7625597484987和3↑↑4大致是103.6383346400240996 * 10 ^ 12。查找1777↑↑1855的最后8位数字。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler188()</code>应该返回95962097。
+    testString: 'assert.strictEqual(euler188(), 95962097, "<code>euler188()</code> should return 95962097.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler188() {
+  // Good luck!
+  return true;
+}
+
+euler188();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-189-tri-colouring-a-triangular-grid.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-189-tri-colouring-a-triangular-grid.chinese.md
new file mode 100644
index 0000000000..22241ad1f7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-189-tri-colouring-a-triangular-grid.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4291000cf542c50ff3c
+challengeType: 5
+title: 'Problem 189: Tri-colouring a triangular grid'
+videoUrl: ''
+localeTitle: 问题189：三角网格三色
+---
+
+## Description
+<section id="description">考虑以下64个三角形的配置： <p>我们希望用三种颜色中的一种为每个三角形的内部着色：红色，绿色或蓝色，这样就不会有两个相邻的三角形具有相同的颜色。这种着色应称为有效。这里，如果两个三角形共享边缘，则称它们是相邻的。注意：如果它们只共享一个顶点，那么它们不是邻居。 </p><p>例如，以下是上面网格的有效着色： </p><p>通过旋转或反射从着色C获得的着色C&#39;被认为与C不同，除非两者相同。 </p><p>上述配置有多少种不同的有效着色？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler189()</code>应该返回10834893628237824。
+    testString: 'assert.strictEqual(euler189(), 10834893628237824, "<code>euler189()</code> should return 10834893628237824.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler189() {
+  // Good luck!
+  return true;
+}
+
+euler189();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-19-counting-sundays.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-19-counting-sundays.chinese.md
new file mode 100644
index 0000000000..f8b1675156
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-19-counting-sundays.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 5900f37f1000cf542c50fe92
+challengeType: 5
+title: 'Problem 19: Counting Sundays'
+videoUrl: ''
+localeTitle: 问题19：计算星期日
+---
+
+## Description
+<section id="description">您将获得以下信息，但您可能更愿意为自己做一些研究。 <ul><li> 1900年1月1日是星期一。 </li><li>九月是三十天<br>四月，六月和十一月。 <br>其余的都有三十一个， <br>仅拯救二月， <br>其中有二十八，风雨无阻。 <br>在闰年，二十九岁。 </li><li>闰年发生在任何一年，可被4整除，但除非可被400整除，否则不会在一个世纪上。 </li>在二十世纪的第一个月（1901年1月1日至2000年12月31日），有多少个星期日下降？ </ul></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>countingSundays(1943, 1946)</code>应该返回6。'
+    testString: 'assert.strictEqual(countingSundays(1943, 1946), 6, "<code>countingSundays(1943, 1946)</code> should return 6.");'
+  - text: '<code>countingSundays(1995, 2000)</code>应该返回9。'
+    testString: 'assert.strictEqual(countingSundays(1995, 2000), 9, "<code>countingSundays(1995, 2000)</code> should return 9.");'
+  - text: '<code>countingSundays(1901, 2000)</code>应该返回171。'
+    testString: 'assert.strictEqual(countingSundays(1901, 2000), 171, "<code>countingSundays(1901, 2000)</code> should return 171.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countingSundays(firstYear, lastYear) {
+  // Good luck!
+  return true;
+}
+
+countingSundays(1943, 1946);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-190-maximising-a-weighted-product.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-190-maximising-a-weighted-product.chinese.md
new file mode 100644
index 0000000000..79906ece41
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-190-maximising-a-weighted-product.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f42b1000cf542c50ff3d
+challengeType: 5
+title: 'Problem 190: Maximising a weighted product'
+videoUrl: ''
+localeTitle: 问题190：最大化加权产品
+---
+
+## Description
+<section id="description">令Sm =（x1，x2，...，xm）为正实数的m元组，其中x1 + x2 + ... + xm = m，其中Pm = x1 * x22 * ... * xmm最大化。 <p>例如，可以验证[P10] = 4112（[]是整数部分函数）。 </p><p>求Σ[Pm]为2≤m≤15。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler190()</code>应该返回371048281。
+    testString: 'assert.strictEqual(euler190(), 371048281, "<code>euler190()</code> should return 371048281.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler190() {
+  // Good luck!
+  return true;
+}
+
+euler190();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-191-prize-strings.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-191-prize-strings.chinese.md
new file mode 100644
index 0000000000..eb72b4fe79
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-191-prize-strings.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f42b1000cf542c50ff3e
+challengeType: 5
+title: 'Problem 191: Prize Strings'
+videoUrl: ''
+localeTitle: 问题191：奖品串
+---
+
+## Description
+<section id="description">特定学校为出勤和准时良好的儿童提供现金奖励。如果他们连续三天缺席或者不止一次缺席，那么他们将丧失奖品。 <p>在n天期间，为每个孩子形成三个字符串，包括L&#39;s（晚），O（按时）和A&#39;（缺席）。 </p><p>虽然可以形成为期4天的八十三个三弦组，但恰好有四十三个弦可以获得奖品： </p><p> OOOO OOOA OOOL OOAO OOAA OOAL OOLO OOLA OAOO OAOA OAOL OAAO OAAL OALO OALA OLOO OLOA OLAO OLAA AOOO AOOA AOOL AOAO AOAA AOO AOLA AOLA AAOO AAOA AAOL AALO AALA ALOO ALOA ALAO ALAA LOOO LOOA LOAO LOAA LAOO LAOA LAAO </p><p>在30天内存在多少“奖品”字符串？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler191()</code>应该返回1918080160。
+    testString: 'assert.strictEqual(euler191(), 1918080160, "<code>euler191()</code> should return 1918080160.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler191() {
+  // Good luck!
+  return true;
+}
+
+euler191();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-192-best-approximations.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-192-best-approximations.chinese.md
new file mode 100644
index 0000000000..429a6fd606
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-192-best-approximations.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f42c1000cf542c50ff3f
+challengeType: 5
+title: 'Problem 192: Best Approximations'
+videoUrl: ''
+localeTitle: 问题192：最佳近似值
+---
+
+## Description
+<section id="description">设x是实数。对于分母界限d，x的最佳近似是简化形式的有理数r / s，其中s≤d，使得任何比r更接近x的有理数具有大于d的分母： <p> | P / QX | &lt;| r / sx | ⇒q&gt; d </p><p>例如，分母界限20的最佳近似值√13为18/5，分母界限30的最佳近似值为√13为101/28。 </p><p>找到分母1012的最佳逼近的所有分母的总和为√n，其中n不是完美的正方形，1 &lt;n≤100000。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler192()</code>应该返回57060635927998344。
+    testString: 'assert.strictEqual(euler192(), 57060635927998344, "<code>euler192()</code> should return 57060635927998344.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler192() {
+  // Good luck!
+  return true;
+}
+
+euler192();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-193-squarefree-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-193-squarefree-numbers.chinese.md
new file mode 100644
index 0000000000..9eaa0ac082
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-193-squarefree-numbers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f42f1000cf542c50ff41
+challengeType: 5
+title: 'Problem 193: Squarefree Numbers'
+videoUrl: ''
+localeTitle: 问题193：无广场数字
+---
+
+## Description
+<section id="description">如果没有素数的平方除n，则正整数n称为squarefree，因此1,2,3,5,6,7,10,11是无平方的，但不是4,8,9,12。 <p> 250以下有多少平方数？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler193()</code>应该返回684465067343069。
+    testString: 'assert.strictEqual(euler193(), 684465067343069, "<code>euler193()</code> should return 684465067343069.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler193() {
+  // Good luck!
+  return true;
+}
+
+euler193();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-194-coloured-configurations.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-194-coloured-configurations.chinese.md
new file mode 100644
index 0000000000..0d76fd1135
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-194-coloured-configurations.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f42f1000cf542c50ff40
+challengeType: 5
+title: 'Problem 194: Coloured Configurations'
+videoUrl: ''
+localeTitle: 问题194：彩色配置
+---
+
+## Description
+<section id="description">考虑使用单位A：和B：构建的图形，其中单位沿着垂直边缘粘合，如图中所示。 <p>类型（a，b，c）的配置是由单元A和b单元B构成的图，其中图的顶点使用多达c种颜色着色，使得没有两个相邻顶点具有相同的颜色。上面的化合物图是类型（2,2,6）的配置的实例，实际上对于所有c≥4的类型（2,2，c）。 </p><p>令N（a，b，c）为类型（a，b，c）的配置数。例如，N（1,0,3）= 24，N（0,2,4）= 92928，N（2,2,3）= 20736。 </p><p>找到N（25,75,1984）的最后8位数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler194()</code>应该返回61190912。
+    testString: 'assert.strictEqual(euler194(), 61190912, "<code>euler194()</code> should return 61190912.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler194() {
+  // Good luck!
+  return true;
+}
+
+euler194();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-195-inscribed-circles-of-triangles-with-one-angle-of-60-degrees.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-195-inscribed-circles-of-triangles-with-one-angle-of-60-degrees.chinese.md
new file mode 100644
index 0000000000..d6a785b8b1
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-195-inscribed-circles-of-triangles-with-one-angle-of-60-degrees.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4311000cf542c50ff43
+challengeType: 5
+title: 'Problem 195: Inscribed circles of triangles with one angle of 60 degrees'
+videoUrl: ''
+localeTitle: 问题195：内切三角形的圆形，一个角度为60度
+---
+
+## Description
+<section id="description">让我们称一个整数边三角形，其中一个角度为60度，一个60度的三角形。设r是这样的60度三角形的内切圆的半径。有1234个60度三角形，其中r≤100。设T（n）是60度三角形的数量，其中r≤n，因此T（100）= 1234，T（1000）= 22767，和T（ 10000）= 359912。 <p>找到T（1053779）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler195()</code>应返回75085391。
+    testString: 'assert.strictEqual(euler195(), 75085391, "<code>euler195()</code> should return 75085391.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler195() {
+  // Good luck!
+  return true;
+}
+
+euler195();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-196-prime-triplets.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-196-prime-triplets.chinese.md
new file mode 100644
index 0000000000..bd1b49fda0
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-196-prime-triplets.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4301000cf542c50ff42
+challengeType: 5
+title: 'Problem 196: Prime triplets'
+videoUrl: ''
+localeTitle: 问题196：Prime三胞胎
+---
+
+## Description
+<section id="description">以下列方式从所有正整数构建三角形： <p> 1 2 3 4 5 6 7 8 9 1011 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 2829 30 31 32 33 34 35 3637 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66。 。 。 </p><p>每个正整数在三角形中最多有八个邻居。 </p><p>如果三个素数中的一个具有另外两个作为三角形中的邻居，则一组三个素数被称为素数三元组。 </p><p>例如，在第二行中，素数2和3是某些素数三元组的元素。 </p><p>如果考虑第8行，它包含两个素数，它们是某些素数三元组的元素，即29和31.如果考虑第9行，它只包含一个素数，它是某个素数三元组的元素：37。 </p><p>将S（n）定义为行n中素数的总和，它是任何素数三元组的元素。然后S（8）= 60并且S（9）= 37。 </p><p>你被给予S（10000）= 950007619。 </p><p>找到S（5678027）+ S（7208785）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler196()</code>应返回322303240771079940。
+    testString: 'assert.strictEqual(euler196(), 322303240771079940, "<code>euler196()</code> should return 322303240771079940.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler196() {
+  // Good luck!
+  return true;
+}
+
+euler196();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-197-investigating-the-behaviour-of-a-recursively-defined-sequence.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-197-investigating-the-behaviour-of-a-recursively-defined-sequence.chinese.md
new file mode 100644
index 0000000000..d25ee3edb2
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-197-investigating-the-behaviour-of-a-recursively-defined-sequence.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4311000cf542c50ff44
+challengeType: 5
+title: 'Problem 197: Investigating the behaviour of a recursively defined sequence'
+videoUrl: ''
+localeTitle: 问题197：研究递归定义的序列的行为
+---
+
+## Description
+<section id="description">给定函数f（x）=⌊230.403243784-x2⌋×10-9（⌊⌊是floor函数），序列un由u0 = -1和un + 1 = f（un）定义。 <p>找到n + 1012的un + un + 1.在小数点后面给出9位数的答案。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler197()</code>应该返回1.710637717。
+    testString: 'assert.strictEqual(euler197(), 1.710637717, "<code>euler197()</code> should return 1.710637717.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler197() {
+  // Good luck!
+  return true;
+}
+
+euler197();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-198-ambiguous-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-198-ambiguous-numbers.chinese.md
new file mode 100644
index 0000000000..985aa21269
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-198-ambiguous-numbers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4331000cf542c50ff45
+challengeType: 5
+title: 'Problem 198: Ambiguous Numbers'
+videoUrl: ''
+localeTitle: 问题198：模糊数字
+---
+
+## Description
+<section id="description">对于分母界限d的实数x的最佳近似是有理数r / s（以简化形式），其中s≤d，因此任何比r更接近x的有理数p / q具有q&gt; d。 <p>通常，对于所有分母边界唯一确定对实数的最佳近似。但是，有一些例外，例如9/40对分母界限6具有两个最佳近似值1/4和1/5。如果至少有一个分母绑定为x拥有，我们将称为实数x不明确两个最佳近似值。显然，模糊的数字必然是理性的。 </p><p>有多少个模糊数x = p / q,0 &lt;x &lt;1/100，其分母q是否不超过108？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler198()</code>应该返回52374425。
+    testString: 'assert.strictEqual(euler198(), 52374425, "<code>euler198()</code> should return 52374425.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler198() {
+  // Good luck!
+  return true;
+}
+
+euler198();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-199-iterative-circle-packing.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-199-iterative-circle-packing.chinese.md
new file mode 100644
index 0000000000..2551360c29
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-199-iterative-circle-packing.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4341000cf542c50ff46
+challengeType: 5
+title: 'Problem 199: Iterative Circle Packing'
+videoUrl: ''
+localeTitle: 问题199：迭代圆包装
+---
+
+## Description
+<section id="description">三个相等半径的圆放置在较大的圆内，使得每对圆彼此相切并且内圆不重叠。有四个未覆盖的“间隙”，它们将用更多的切圆迭代地填充。 <p>在每次迭代中，在每个间隙中放置最大尺寸的圆，这为下一次迭代创建了更多的间隙。经过3次迭代（如图）后，有108个间隙，未被圆圈覆盖的区域部分为0.06790342，四舍五入到小数点后8位。 </p><p> 10次​​迭代后，圆圈没有覆盖哪一部分区域？使用格式x.xxxxxxxx将您的答案四舍五入到小数点后八位。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler199()</code>应该返回0.00396087。
+    testString: 'assert.strictEqual(euler199(), 0.00396087, "<code>euler199()</code> should return 0.00396087.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler199() {
+  // Good luck!
+  return true;
+}
+
+euler199();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-2-even-fibonacci-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-2-even-fibonacci-numbers.chinese.md
new file mode 100644
index 0000000000..ca143cdf24
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-2-even-fibonacci-numbers.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 5900f36e1000cf542c50fe81
+challengeType: 5
+title: 'Problem 2: Even Fibonacci Numbers'
+videoUrl: ''
+localeTitle: 问题2：甚至斐波纳契数
+---
+
+## Description
+<section id="description"> Fibonacci序列中的每个新术语都是通过添加前两个术语生成的。从1和2开始，前10个术语将是： <div style="text-align: center;"> 1,2,3,5,8,13,21,34,55,89 ...... </div>通过考虑Fibonacci序列中的值不超过第<code>n</code>项的项，找到偶数项的和。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>fiboEvenSum(10)</code>应该返回188。
+    testString: 'assert.strictEqual(fiboEvenSum(10), 188, "<code>fiboEvenSum(10)</code> should return 188.");'
+  - text: <code>fiboEvenSum(23)</code>应该返回60696。
+    testString: 'assert.strictEqual(fiboEvenSum(23), 60696, "<code>fiboEvenSum(23)</code> should return 60696.");'
+  - text: <code>fiboEvenSum(43)</code>应该返回1485607536。
+    testString: 'assert.strictEqual(fiboEvenSum(43), 1485607536, "<code>fiboEvenSum(43)</code> should return 1485607536.");'
+  - text: 您的函数未使用我们的测试值返回正确的结果。
+    testString: 'assert.strictEqual(fiboEvenSum(18), 3382, "Your function is not returning the correct result using our tests values.");'
+  - text: 您的函数应返回<code>even</code>数值。
+    testString: 'assert.equal(fiboEvenSum(31) % 2 === 0, true, "Your function should return an <code>even</code> value.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fiboEvenSum(n) {
+  // You can do it!
+  return true;
+}
+
+fiboEvenSum(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-20-factorial-digit-sum.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-20-factorial-digit-sum.chinese.md
new file mode 100644
index 0000000000..fc5801ff07
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-20-factorial-digit-sum.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 5900f3801000cf542c50fe93
+challengeType: 5
+title: 'Problem 20: Factorial digit sum'
+videoUrl: ''
+localeTitle: 问题20：因子数字和
+---
+
+## Description
+<section id="description"> <var>n</var> ！意味着<var>n</var> ×（ <var>n</var> -  1）×...×3×2×1例如，10！ = 10×9×...×3×2×1 = 3628800， <br>和数字10中的数字之和！是3 + 6 + 2 + 8 + 8 + 0 + 0 = 27.找到数字之和<var>n</var> ！ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumFactorialDigits(10)</code>应该返回27。
+    testString: 'assert.strictEqual(sumFactorialDigits(10), 27, "<code>sumFactorialDigits(10)</code> should return 27.");'
+  - text: <code>sumFactorialDigits(25)</code>应该返回72。
+    testString: 'assert.strictEqual(sumFactorialDigits(25), 72, "<code>sumFactorialDigits(25)</code> should return 72.");'
+  - text: <code>sumFactorialDigits(50)</code>应该返回216。
+    testString: 'assert.strictEqual(sumFactorialDigits(50), 216, "<code>sumFactorialDigits(50)</code> should return 216.");'
+  - text: <code>sumFactorialDigits(75)</code>应该返回432。
+    testString: 'assert.strictEqual(sumFactorialDigits(75), 432, "<code>sumFactorialDigits(75)</code> should return 432.");'
+  - text: <code>sumFactorialDigits(100)</code>应该返回648。
+    testString: 'assert.strictEqual(sumFactorialDigits(100), 648, "<code>sumFactorialDigits(100)</code> should return 648.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumFactorialDigits(n) {
+  // Good luck!
+  return n;
+}
+
+sumFactorialDigits(100);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-200-find-the-200th-prime-proof-sqube-containing-the-contiguous-sub-string-200.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-200-find-the-200th-prime-proof-sqube-containing-the-contiguous-sub-string-200.chinese.md
new file mode 100644
index 0000000000..d094687503
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-200-find-the-200th-prime-proof-sqube-containing-the-contiguous-sub-string-200.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4351000cf542c50ff47
+challengeType: 5
+title: 'Problem 200: Find the 200th prime-proof sqube containing the contiguous sub-string "200"'
+videoUrl: ''
+localeTitle: 问题200：找到包含连续子串“200”的第200个防爆大概
+---
+
+## Description
+<section id="description">我们将一个sqube定义为一个形式的数字p2q3，其中p和q是不同的素数。例如，200 = 5223或120072949 = 232613。 <p>前五个角是72,108,200,392和500。 </p><p>有趣的是，200也是第一个不能改变任何单个数字来构成素数的数字;我们称这些数字为主要证据。包含连续子串“200”的下一个主要证明群是1992008。 </p><p>找到包含连续子串“200”的第200个防质量的sqube。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler200()</code>应该返回229161792008。
+    testString: 'assert.strictEqual(euler200(), 229161792008, "<code>euler200()</code> should return 229161792008.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler200() {
+  // Good luck!
+  return true;
+}
+
+euler200();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-201-subsets-with-a-unique-sum.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-201-subsets-with-a-unique-sum.chinese.md
new file mode 100644
index 0000000000..6be4a68fb4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-201-subsets-with-a-unique-sum.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4361000cf542c50ff48
+challengeType: 5
+title: 'Problem 201: Subsets with a unique sum'
+videoUrl: ''
+localeTitle: 问题201：具有唯一总和的子集
+---
+
+## Description
+<section id="description">对于任何数字集A，让sum（A）为A的元素之和。考虑集合B = {1,3,6,8,10,11}。 B的20个子集包含三个元素，它们的总和是： <p> sum（{1,3,6}）= 10，sum（{1,3,8}）= 12，sum（{1,3,10}）= 14，sum（{1,3,11}）= 15，sum（{1,6,8}）= 15，sum（{1,6,10}）= 17，sum（{1,6,11}）= 18，sum（{1,8,10} ）= 19，sum（{1,8,11}）= 20，sum（{1,10,11}）= 22，sum（{3,6,8}）= 17，sum（{3,6， 10}）= 19，sum（{3,6,11}）= 20，sum（{3,8,10}）= 21，sum（{3,8,11}）= 22，sum（{3， 10,11}）= 24，sum（{6,8,10}）= 24，sum（{6,8,11}）= 25，sum（{6,10,11}）= 27，sum（{ 8,10,11}）= 29。 </p><p>其中一些总和不止一次出现，有些则是独一无二的。对于集合A，设U（A，k）是A的k元素子集的唯一和的集合，在我们的例子中我们发现U（B，3）= {10,12,14,18,21,25 ，27,29}和和（U（B，3））= 156。 </p><p>现在考虑100个元素集S = {12,22，...，1002}。 S具有100891344545564193334812497256 50个元素子集。 </p><p>确定所有整数的和，它们是S的50个元素子集中的一个的总和，即求和（U（S，50））。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler201()</code>应返回115039000。
+    testString: 'assert.strictEqual(euler201(), 115039000, "<code>euler201()</code> should return 115039000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler201() {
+  // Good luck!
+  return true;
+}
+
+euler201();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-202-laserbeam.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-202-laserbeam.chinese.md
new file mode 100644
index 0000000000..0f1b815ed5
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-202-laserbeam.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4371000cf542c50ff49
+challengeType: 5
+title: 'Problem 202: Laserbeam'
+videoUrl: ''
+localeTitle: 问题202：Laserbeam
+---
+
+## Description
+<section id="description">三个镜子以等边三角形的形状排列，其反射表面指向内侧。在三角形的每个顶点处存在无穷小的间隙，激光束可以通过该间隙。 <p>标记顶点A，B和C.有两种方式可以使激光束进入顶点C，从11个表面反弹，然后通过相同的顶点退出：下面显示了一种方式;另一方面与此相反。 </p><p>有80840种方式，激光束可以进入顶点C，从1000001表面反弹，然后通过相同的顶点退出。 </p><p>激光束在顶点C进入的方式有多少，从12017639147表面反弹，然后通过相同的顶点退出？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler202()</code>应返回1209002624。
+    testString: 'assert.strictEqual(euler202(), 1209002624, "<code>euler202()</code> should return 1209002624.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler202() {
+  // Good luck!
+  return true;
+}
+
+euler202();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-203-squarefree-binomial-coefficients.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-203-squarefree-binomial-coefficients.chinese.md
new file mode 100644
index 0000000000..959b6e0d82
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-203-squarefree-binomial-coefficients.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4381000cf542c50ff4a
+challengeType: 5
+title: 'Problem 203: Squarefree Binomial Coefficients'
+videoUrl: ''
+localeTitle: 问题203：无平方二项系数
+---
+
+## Description
+<section id="description">二项式系数nCk可以以三角形排列，Pascal的三角形，如下所示： <p> 111121133114641151010511615201561172135352171 ......... </p><p>可以看出Pascal三角形的前八行包含十二个不同的数字：1,2,3,4,5,6,7,10,15,20,21和35。 </p><p>如果没有素数的平方除n，则正整数n称为squarefree。在Pascal三角形的前八行中的十二个不同数字中，除了4和20之外的所有数字都是无方形的。前八行中不同的无平方数字的总和为105。 </p><p>找到Pascal三角形的前51行中不同的无平方数字的总和。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler203()</code>应该返回34029210557338。
+    testString: 'assert.strictEqual(euler203(), 34029210557338, "<code>euler203()</code> should return 34029210557338.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler203() {
+  // Good luck!
+  return true;
+}
+
+euler203();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-204-generalised-hamming-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-204-generalised-hamming-numbers.chinese.md
new file mode 100644
index 0000000000..df4167dd18
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-204-generalised-hamming-numbers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4381000cf542c50ff4b
+challengeType: 5
+title: 'Problem 204: Generalised Hamming Numbers'
+videoUrl: ''
+localeTitle: 问题204：广义汉明数
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler204()</code>应返回2944730。
+    testString: 'assert.strictEqual(euler204(), 2944730, "<code>euler204()</code> should return 2944730.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler204() {
+  // Good luck!
+  return true;
+}
+
+euler204();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-205-dice-game.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-205-dice-game.chinese.md
new file mode 100644
index 0000000000..abc1d81688
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-205-dice-game.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4391000cf542c50ff4c
+challengeType: 5
+title: 'Problem 205: Dice Game'
+videoUrl: ''
+localeTitle: 问题205：骰子游戏
+---
+
+## Description
+<section id="description">彼得有九个四面（金字塔）骰子，每个骰子都有编号为1,2,3,4的面孔。科林有六个六面（立方体）骰子，每个骰子都有编号为1,2,3,4,5,6的面孔。 <p>彼得和科林掷骰子并比较总数：总得分最高。如果总数相等，结果是平局。 </p><p>金字塔皮特击败立方科林的几率是多少？将您的答案四舍五入到0.abcdefg形式的七位小数</p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler205()</code>应该返回0.5731441。
+    testString: 'assert.strictEqual(euler205(), 0.5731441, "<code>euler205()</code> should return 0.5731441.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler205() {
+  // Good luck!
+  return true;
+}
+
+euler205();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-206-concealed-square.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-206-concealed-square.chinese.md
new file mode 100644
index 0000000000..1d7a8f0b73
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-206-concealed-square.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f43a1000cf542c50ff4d
+challengeType: 5
+title: 'Problem 206: Concealed Square'
+videoUrl: ''
+localeTitle: 问题206：隐藏的广场
+---
+
+## Description
+<section id="description">找到唯一的正整数，其正方形的形式为1_2_3_4_5_6_7_8_9_0，其中每个“_”是一个数字。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler206()</code>应该返回1389019170。
+    testString: 'assert.strictEqual(euler206(), 1389019170, "<code>euler206()</code> should return 1389019170.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler206() {
+  // Good luck!
+  return true;
+}
+
+euler206();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-207-integer-partition-equations.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-207-integer-partition-equations.chinese.md
new file mode 100644
index 0000000000..4000b611ed
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-207-integer-partition-equations.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f43c1000cf542c50ff4e
+challengeType: 5
+title: 'Problem 207: Integer partition equations'
+videoUrl: ''
+localeTitle: 问题207：整数分区方程
+---
+
+## Description
+<section id="description">对于一些正整数k，存在形式为4t = 2t + k的整数分区，其中4t，2t和k都是正整数而t是实数。 <p>前两个这样的分区是41 = 21 + 2和41.5849625 ...... = 21.5849625 ... + 6。 </p><p> t也是整数的分区称为完美。对于任何m≥1，让P（m）为k≤m的完美分区的比例。因此P（6）= 1/2。 </p><p>在下表中列出了一些P（m）P（5）= 1/1 P（10）= 1/2 P（15）= 2/3 P（20）= 1/2 P（25）= 1/2 P（30）= 2/5 ... P（180）= 1/4 P（185）= 3/13 </p><p>找到P（m）&lt;1/12345的最小m </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler207()</code>应该返回44043947822。
+    testString: 'assert.strictEqual(euler207(), 44043947822, "<code>euler207()</code> should return 44043947822.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler207() {
+  // Good luck!
+  return true;
+}
+
+euler207();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-208-robot-walks.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-208-robot-walks.chinese.md
new file mode 100644
index 0000000000..573ca5702a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-208-robot-walks.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f43f1000cf542c50ff51
+challengeType: 5
+title: 'Problem 208: Robot Walks'
+videoUrl: ''
+localeTitle: 问题208：机器人走路
+---
+
+## Description
+<section id="description">机器人以一系列五分之一圆弧（72°）移动，每个步骤可自由选择顺时针或逆时针弧，但不能转动现场。 <p>从北向南开始的70932条可能的闭合路径之一是</p><p>鉴于机器人开始面向北方，在最终弧线之后，可以将多少70个弧长的行程返回到其起始位置？ （任何弧都可以多次遍历。） </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler208()</code>应该返回331951449665644800。
+    testString: 'assert.strictEqual(euler208(), 331951449665644800, "<code>euler208()</code> should return 331951449665644800.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler208() {
+  // Good luck!
+  return true;
+}
+
+euler208();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-209-circular-logic.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-209-circular-logic.chinese.md
new file mode 100644
index 0000000000..4d508b9651
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-209-circular-logic.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f43e1000cf542c50ff4f
+challengeType: 5
+title: 'Problem 209: Circular Logic'
+videoUrl: ''
+localeTitle: 问题209：循环逻辑
+---
+
+## Description
+<section id="description"> k输入二进制真值表是从k个输入位（二进制数字，0 [假]或1 [真]）到1个输出位的映射。例如，逻辑AND和XOR函数的2输入二进制真值表是： <p> x y x AND y000010100111x y x XOR y000011101110多个6输入二进制真值表τ满足公式</p><p>所有6位输入（a，b，c，τ，a，b，c，d，e，f）和τ（b，c，d，e，f，一个XOR（b和c））= 0 d，e，f）？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler209()</code>应该返回15964587728784。
+    testString: 'assert.strictEqual(euler209(), 15964587728784, "<code>euler209()</code> should return 15964587728784.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler209() {
+  // Good luck!
+  return true;
+}
+
+euler209();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-21-amicable-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-21-amicable-numbers.chinese.md
new file mode 100644
index 0000000000..f14aa991d0
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-21-amicable-numbers.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3811000cf542c50fe94
+challengeType: 5
+title: 'Problem 21: Amicable numbers'
+videoUrl: ''
+localeTitle: 问题21：友好的数字
+---
+
+## Description
+<section id="description">设d（ <var>n</var> ）定义为<var>n</var>的适当除数之<var>和</var> （小于<var>n的</var>数均匀分成<var>n</var> ）。如果d（ <var>a</var> ）= <var>b</var>并且d（ <var>b</var> ）= <var>a</var> ，其中<var>a</var> ≠ <var>b</var> ，则<var>a</var>和<var>b</var>是友好对，并且<var>a</var>和<var>b</var>中的每<var>一个</var>被称为友好数字。例如，220的适当除数是1,2,4,5,10,11,20,22,44,55和110;因此d（220）= 284. 284的适当除数是1,2,4,71和142;所以d（284）= 220.评估<var>n</var>下所有友好数字的总和。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumAmicableNum(1000)</code>应返回504。
+    testString: 'assert.strictEqual(sumAmicableNum(1000), 504, "<code>sumAmicableNum(1000)</code> should return 504.");'
+  - text: <code>sumAmicableNum(2000)</code>应该返回2898。
+    testString: 'assert.strictEqual(sumAmicableNum(2000), 2898, "<code>sumAmicableNum(2000)</code> should return 2898.");'
+  - text: <code>sumAmicableNum(5000)</code>应该返回8442。
+    testString: 'assert.strictEqual(sumAmicableNum(5000), 8442, "<code>sumAmicableNum(5000)</code> should return 8442.");'
+  - text: <code>sumAmicableNum(10000)</code>应返回31626。
+    testString: 'assert.strictEqual(sumAmicableNum(10000), 31626, "<code>sumAmicableNum(10000)</code> should return 31626.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumAmicableNum(n) {
+  // Good luck!
+  return n;
+}
+
+sumAmicableNum(10000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-210-obtuse-angled-triangles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-210-obtuse-angled-triangles.chinese.md
new file mode 100644
index 0000000000..fd10975696
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-210-obtuse-angled-triangles.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f43e1000cf542c50ff50
+challengeType: 5
+title: 'Problem 210: Obtuse Angled Triangles'
+videoUrl: ''
+localeTitle: 问题210：钝角三角形
+---
+
+## Description
+<section id="description">考虑点（x，y）的集合S（r），其中整数坐标满足| x | + | y | ≤r。设O为点（0,0），C为点（r / 4，r / 4）。令N（r）为S（r）中的点B的数量，使得三角形OBC具有钝角，即最大角度α满足90°&lt;α&lt;180°。因此，例如，N（4）= 24并且N（8）= 100。 <p>什么是N（1,000,000,000）？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler210()</code>应该返回1598174770174689500。
+    testString: 'assert.strictEqual(euler210(), 1598174770174689500, "<code>euler210()</code> should return 1598174770174689500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler210() {
+  // Good luck!
+  return true;
+}
+
+euler210();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-211-divisor-square-sum.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-211-divisor-square-sum.chinese.md
new file mode 100644
index 0000000000..bbc1cac999
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-211-divisor-square-sum.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f43f1000cf542c50ff52
+challengeType: 5
+title: 'Problem 211: Divisor Square Sum'
+videoUrl: ''
+localeTitle: 问题211：除数平方和
+---
+
+## Description
+<section id="description">对于正整数n，令σ2（n）为其除数的平方和。例如，σ2（10）= 1 + 4 + 25 + 100 = 130.找到所有n的总和，0 &lt;n &lt;64,000,000，使得σ2（n）是完美的平方。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler211()</code>应返回1922364685。
+    testString: 'assert.strictEqual(euler211(), 1922364685, "<code>euler211()</code> should return 1922364685.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler211() {
+  // Good luck!
+  return true;
+}
+
+euler211();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-212-combined-volume-of-cuboids.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-212-combined-volume-of-cuboids.chinese.md
new file mode 100644
index 0000000000..e20e783fe8
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-212-combined-volume-of-cuboids.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4411000cf542c50ff53
+challengeType: 5
+title: 'Problem 212: Combined Volume of Cuboids'
+videoUrl: ''
+localeTitle: 问题212：长方体的组合体积
+---
+
+## Description
+<section id="description">由参数{（x0，y0，z0），（dx，dy，dz）}指定的轴对齐长方体由所有点（X，Y，Z）组成，使得x0≤X≤x0+ dx，y0≤ Y≤y0+ dy且z0≤Z≤z0+ dz。长方体的体积是乘积，dx×dy×dz。长方体集合的总体积是它们的并集体积，如果任何长方体重叠，它将小于各个体积的总和。 <p>设C1，...，C50000是50000轴对齐长方体的集合，使得Cn具有参数</p><p> x0 = S6n-5模10000y0 = S6n-4模10000z0 = S6n-3模10000dx = 1 +（S6n-2模399）dy = 1 +（S6n-1模399）dz = 1 +（S6n模399） </p><p>其中S1，...，S300000来自“Lagged Fibonacci Generator”： </p><p>对于1≤k≤55，Sk = [100003  -  200003k + 300007k3]（模1000000）对于56≤k，Sk = [Sk-24 + Sk-55]（模1000000） </p><p>因此，C1具有参数{（7,53,183），（94,369,56）}，C2具有参数{（2383,3563,5079），（42,212,344）}，等等。 </p><p>前100个长方体C1，...，C100的总体积为723581599。 </p><p>所有50000个长方体的总体积是多少，C1，...，C50000？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler212()</code>应该返回328968937309。
+    testString: 'assert.strictEqual(euler212(), 328968937309, "<code>euler212()</code> should return 328968937309.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler212() {
+  // Good luck!
+  return true;
+}
+
+euler212();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-213-flea-circus.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-213-flea-circus.chinese.md
new file mode 100644
index 0000000000..87b8619fbf
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-213-flea-circus.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4411000cf542c50ff54
+challengeType: 5
+title: 'Problem 213: Flea Circus'
+videoUrl: ''
+localeTitle: 问题213：跳蚤马戏团
+---
+
+## Description
+<section id="description">一个30×30的正方形网格包含900个跳蚤，最初是每平方一个跳蚤。当响铃响起时，每个跳蚤随机跳到相邻的广场（通常有4种可能，除了网格边缘或角落处的跳蚤）。 <p>在响铃50次后，预计的未占用方格数量是多少？将您的答案四舍五入到小数点后六位。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler213()</code>应返回330.721154。
+    testString: 'assert.strictEqual(euler213(), 330.721154, "<code>euler213()</code> should return 330.721154.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler213() {
+  // Good luck!
+  return true;
+}
+
+euler213();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-214-totient-chains.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-214-totient-chains.chinese.md
new file mode 100644
index 0000000000..a4ef766599
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-214-totient-chains.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4421000cf542c50ff55
+challengeType: 5
+title: 'Problem 214: Totient Chains'
+videoUrl: ''
+localeTitle: 问题214个欧拉链
+---
+
+## Description
+<section id="description">设φ是欧拉的函数，即对于自然数n，φ（n）是k的数，1≤k≤n，gcd（k，n）= 1。 <p>通过迭代φ，每个正整数产生以1结尾的数字递减的链。例如，如果我们从5开始，则生成序列5,4,2,1。以下列出了长度为4的所有链条： </p><p> 5,4,2,1 7,6,2,1 8,4,2,1 9,6,2,1 10,4,2,1 12,4,2,1 14,6,2,1 18 ，6,2,1 </p><p>这些链中只有两个以素数开头，它们的总和为12。 </p><p>所有小于40000000的素数的总和是多少，它产生一个长度为25的链？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler214()</code>应该返回1677366278943。
+    testString: 'assert.strictEqual(euler214(), 1677366278943, "<code>euler214()</code> should return 1677366278943.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler214() {
+  // Good luck!
+  return true;
+}
+
+euler214();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-215-crack-free-walls.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-215-crack-free-walls.chinese.md
new file mode 100644
index 0000000000..b9a61127c4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-215-crack-free-walls.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4431000cf542c50ff56
+challengeType: 5
+title: 'Problem 215: Crack-free Walls'
+videoUrl: ''
+localeTitle: 问题215：无裂缝墙
+---
+
+## Description
+<section id="description">考虑用2×1和3×1砖（水平×垂直尺寸）建造墙壁的问题，使得为了额外的强度，水平相邻砖块之间的间隙从不在连续层中排列，即从不形成“运行”裂纹”。 <p>例如，由于以红色显示的运行裂缝，以下9×3墙是不可接受的： </p><p>有八种形成无裂纹9×3壁的方法，写成W（9,3）= 8。 </p><p>计算W（32,10）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler215()</code>应该返回806844323190414。
+    testString: 'assert.strictEqual(euler215(), 806844323190414, "<code>euler215()</code> should return 806844323190414.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler215() {
+  // Good luck!
+  return true;
+}
+
+euler215();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-216-investigating-the-primality-of-numbers-of-the-form-2n2-1.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-216-investigating-the-primality-of-numbers-of-the-form-2n2-1.chinese.md
new file mode 100644
index 0000000000..3b3d597535
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-216-investigating-the-primality-of-numbers-of-the-form-2n2-1.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4451000cf542c50ff57
+challengeType: 5
+title: 'Problem 216: Investigating the primality of numbers of the form 2n2-1'
+videoUrl: ''
+localeTitle: 问题216：调查2n2-1形式的数字的素数
+---
+
+## Description
+<section id="description">考虑形式为t（n）= 2n2-1的数字t（n），其中n&gt; 1.第一个这样的数字是7,17,31,49,71,97,127和161.事实证明只有49 = 7 * 7和161 = 7 * 23不是素数。对于n≤10000，有2202个数字t（n）是素数。 <p>对于n≤50,000,000，有多少个数t（n）是素数？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler216()</code>应该返回5437849。
+    testString: 'assert.strictEqual(euler216(), 5437849, "<code>euler216()</code> should return 5437849.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler216() {
+  // Good luck!
+  return true;
+}
+
+euler216();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-217-balanced-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-217-balanced-numbers.chinese.md
new file mode 100644
index 0000000000..f5b41215bd
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-217-balanced-numbers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4461000cf542c50ff58
+challengeType: 5
+title: 'Problem 217: Balanced Numbers'
+videoUrl: ''
+localeTitle: 问题217：平衡数字
+---
+
+## Description
+<section id="description">具有k（十进制）数字的正整数称为平衡，如果其第一个⌈k/2⌉数字总和为与其最后的⌈k/2⌉数字相同的值，其中⌈x⌉，x的发音上限，是最小整数≥x，因此⌈π⌉= 4且⌈5⌉= 5.因此，例如，所有回文都是平衡的，如13722.设T（n）是所有平衡数小于10n的总和。因此：T（1）= 45，T（2）= 540，T（5）= 334795890.求T（47）mod 315 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler217()</code>应该返回6273134。
+    testString: 'assert.strictEqual(euler217(), 6273134, "<code>euler217()</code> should return 6273134.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler217() {
+  // Good luck!
+  return true;
+}
+
+euler217();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-218-perfect-right-angled-triangles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-218-perfect-right-angled-triangles.chinese.md
new file mode 100644
index 0000000000..08cf3ac3c2
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-218-perfect-right-angled-triangles.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4461000cf542c50ff59
+challengeType: 5
+title: 'Problem 218: Perfect right-angled triangles'
+videoUrl: ''
+localeTitle: 问题218：完美的直角三角形
+---
+
+## Description
+<section id="description">考虑具有边a = 7，b = 24和c = 25的直​​角三角形。这个三角形的面积是84，可以被完美的数字6和28整除。而且它是一个原始的直角三角形，因为gcd（a，b）= 1，gcd（b，c）= 1。 c也是一个完美的正方形。 <p>如果-it是一个原始的直角三角形，我们将称为直角三角形完美 - 斜边是一个完美的正方形</p><p>如果-it是一个完美的直角三角形，我们将称为直角三角形超完美，并且 - 区域是完美数字6和28的倍数。 </p><p>有多少c≤1016的完美直角三角形不是非常完美的？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler218()</code>应该返回0。
+    testString: 'assert.strictEqual(euler218(), 0, "<code>euler218()</code> should return 0.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler218() {
+  // Good luck!
+  return true;
+}
+
+euler218();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-219-skew-cost-coding.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-219-skew-cost-coding.chinese.md
new file mode 100644
index 0000000000..79ce8b205e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-219-skew-cost-coding.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4481000cf542c50ff5a
+challengeType: 5
+title: 'Problem 219: Skew-cost coding'
+videoUrl: ''
+localeTitle: 问题219：偏差成本编码
+---
+
+## Description
+<section id="description">设A和B为位串（0和1的序列）。如果A等于B的最左边长度（A）位，则A被称为B的前缀。例如，00110是001101001的前缀，但不是00111或100110的前缀。 <p>大小为n的无前缀代码是n个不同位串的集合，因此没有字符串是任何其他字符串的前缀。例如，这是一个大小为6的无前缀代码： </p><p> 0000,0001,001,01,10,11 </p><p>现在假设发送&#39;0&#39;位需要一分钱，而传输&#39;1&#39;需要4便士。然后，上面显示的无前缀代码的总成本是35便士，这恰好是所讨论的偏斜定价方案可能最便宜的。简而言之，我们写Cost（6）= 35。 </p><p>什么是成本（109）？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler219()</code>应返回64564225042。
+    testString: 'assert.strictEqual(euler219(), 64564225042, "<code>euler219()</code> should return 64564225042.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler219() {
+  // Good luck!
+  return true;
+}
+
+euler219();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-22-names-scores.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-22-names-scores.chinese.md
new file mode 100644
index 0000000000..70c3883c96
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-22-names-scores.chinese.md
@@ -0,0 +1,72 @@
+---
+id: 5a51eabcad78bf416f316e2a
+challengeType: 5
+title: 'Problem 22: Names scores'
+videoUrl: ''
+localeTitle: 问题22：命名分数
+---
+
+## Description
+<section id="description">使用<code>names</code> ，包含超过五千个名字的数组，首先按字母顺序排序。然后计算每个名称的字母值，将该值乘以列表中的字母位置以获得名称分数。例如，当列表按字母顺序排序时，值为3 + 15 + 12 + 9 + 14 = 53的COLIN是列表中的第938个名称。因此，COLIN将获得938×53 = 49714的分数。文件中所有名称分数的总和是多少？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>namesScores(test1)</code>应该返回791。
+    testString: 'assert.strictEqual(namesScores(test1), 791, "<code>namesScores(test1)</code> should return 791.");'
+  - text: <code>namesScores(test2)</code>应该返回1468。
+    testString: 'assert.strictEqual(namesScores(test2), 1468, "<code>namesScores(test2)</code> should return 1468.");'
+  - text: <code>namesScores(names)</code>应返回871198282。
+    testString: 'assert.strictEqual(namesScores(names), 871198282, "<code>namesScores(names)</code> should return 871198282.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function namesScores(arr) {
+  // Good luck!
+  return arr;
+}
+
+// Only change code above this line
+const test1 = ['THIS', 'IS', 'ONLY', 'A', 'TEST'];
+const test2 = ['I', 'REPEAT', 'THIS', 'IS', 'ONLY', 'A', 'TEST'];
+
+namesScores(test1);
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+const names = ['MARY','PATRICIA','LINDA','BARBARA','ELIZABETH','JENNIFER','MARIA','SUSAN','MARGARET','DOROTHY','LISA','NANCY','KAREN','BETTY','HELEN','SANDRA','DONNA','CAROL','RUTH','SHARON','MICHELLE','LAURA','SARAH','KIMBERLY','DEBORAH','JESSICA','SHIRLEY','CYNTHIA','ANGELA','MELISSA','BRENDA','AMY','ANNA','REBECCA','VIRGINIA','KATHLEEN','PAMELA','MARTHA','DEBRA','AMANDA','STEPHANIE','CAROLYN','CHRISTINE','MARIE','JANET','CATHERINE','FRANCES','ANN','JOYCE','DIANE','ALICE','JULIE','HEATHER','TERESA','DORIS','GLORIA','EVELYN','JEAN','CHERYL','MILDRED','KATHERINE','JOAN','ASHLEY','JUDITH','ROSE','JANICE','KELLY','NICOLE','JUDY','CHRISTINA','KATHY','THERESA','BEVERLY','DENISE','TAMMY','IRENE','JANE','LORI','RACHEL','MARILYN','ANDREA','KATHRYN','LOUISE','SARA','ANNE','JACQUELINE','WANDA','BONNIE','JULIA','RUBY','LOIS','TINA','PHYLLIS','NORMA','PAULA','DIANA','ANNIE','LILLIAN','EMILY','ROBIN','PEGGY','CRYSTAL','GLADYS','RITA','DAWN','CONNIE','FLORENCE','TRACY','EDNA','TIFFANY','CARMEN','ROSA','CINDY','GRACE','WENDY','VICTORIA','EDITH','KIM','SHERRY','SYLVIA','JOSEPHINE','THELMA','SHANNON','SHEILA','ETHEL','ELLEN','ELAINE','MARJORIE','CARRIE','CHARLOTTE','MONICA','ESTHER','PAULINE','EMMA','JUANITA','ANITA','RHONDA','HAZEL','AMBER','EVA','DEBBIE','APRIL','LESLIE','CLARA','LUCILLE','JAMIE','JOANNE','ELEANOR','VALERIE','DANIELLE','MEGAN','ALICIA','SUZANNE','MICHELE','GAIL','BERTHA','DARLENE','VERONICA','JILL','ERIN','GERALDINE','LAUREN','CATHY','JOANN','LORRAINE','LYNN','SALLY','REGINA','ERICA','BEATRICE','DOLORES','BERNICE','AUDREY','YVONNE','ANNETTE','JUNE','SAMANTHA','MARION','DANA','STACY','ANA','RENEE','IDA','VIVIAN','ROBERTA','HOLLY','BRITTANY','MELANIE','LORETTA','YOLANDA','JEANETTE','LAURIE','KATIE','KRISTEN','VANESSA','ALMA','SUE','ELSIE','BETH','JEANNE','VICKI','CARLA','TARA','ROSEMARY','EILEEN','TERRI','GERTRUDE','LUCY','TONYA','ELLA','STACEY','WILMA','GINA','KRISTIN','JESSIE','NATALIE','AGNES','VERA','WILLIE','CHARLENE','BESSIE','DELORES','MELINDA','PEARL','ARLENE','MAUREEN','COLLEEN','ALLISON','TAMARA','JOY','GEORGIA','CONSTANCE','LILLIE','CLAUDIA','JACKIE','MARCIA','TANYA','NELLIE','MINNIE','MARLENE','HEIDI','GLENDA','LYDIA','VIOLA','COURTNEY','MARIAN','STELLA','CAROLINE','DORA','JO','VICKIE','MATTIE','TERRY','MAXINE','IRMA','MABEL','MARSHA','MYRTLE','LENA','CHRISTY','DEANNA','PATSY','HILDA','GWENDOLYN','JENNIE','NORA','MARGIE','NINA','CASSANDRA','LEAH','PENNY','KAY','PRISCILLA','NAOMI','CAROLE','BRANDY','OLGA','BILLIE','DIANNE','TRACEY','LEONA','JENNY','FELICIA','SONIA','MIRIAM','VELMA','BECKY','BOBBIE','VIOLET','KRISTINA','TONI','MISTY','MAE','SHELLY','DAISY','RAMONA','SHERRI','ERIKA','KATRINA','CLAIRE','LINDSEY','LINDSAY','GENEVA','GUADALUPE','BELINDA','MARGARITA','SHERYL','CORA','FAYE','ADA','NATASHA','SABRINA','ISABEL','MARGUERITE','HATTIE','HARRIET','MOLLY','CECILIA','KRISTI','BRANDI','BLANCHE','SANDY','ROSIE','JOANNA','IRIS','EUNICE','ANGIE','INEZ','LYNDA','MADELINE','AMELIA','ALBERTA','GENEVIEVE','MONIQUE','JODI','JANIE','MAGGIE','KAYLA','SONYA','JAN','LEE','KRISTINE','CANDACE','FANNIE','MARYANN','OPAL','ALISON','YVETTE','MELODY','LUZ','SUSIE','OLIVIA','FLORA','SHELLEY','KRISTY','MAMIE','LULA','LOLA','VERNA','BEULAH','ANTOINETTE','CANDICE','JUANA','JEANNETTE','PAM','KELLI','HANNAH','WHITNEY','BRIDGET','KARLA','CELIA','LATOYA','PATTY','SHELIA','GAYLE','DELLA','VICKY','LYNNE','SHERI','MARIANNE','KARA','JACQUELYN','ERMA','BLANCA','MYRA','LETICIA','PAT','KRISTA','ROXANNE','ANGELICA','JOHNNIE','ROBYN','FRANCIS','ADRIENNE','ROSALIE','ALEXANDRA','BROOKE','BETHANY','SADIE','BERNADETTE','TRACI','JODY','KENDRA','JASMINE','NICHOLE','RACHAEL','CHELSEA','MABLE','ERNESTINE','MURIEL','MARCELLA','ELENA','KRYSTAL','ANGELINA','NADINE','KARI','ESTELLE','DIANNA','PAULETTE','LORA','MONA','DOREEN','ROSEMARIE','ANGEL','DESIREE','ANTONIA','HOPE','GINGER','JANIS','BETSY','CHRISTIE','FREDA','MERCEDES','MEREDITH','LYNETTE','TERI','CRISTINA','EULA','LEIGH','MEGHAN','SOPHIA','ELOISE','ROCHELLE','GRETCHEN','CECELIA','RAQUEL','HENRIETTA','ALYSSA','JANA','KELLEY','GWEN','KERRY','JENNA','TRICIA','LAVERNE','OLIVE','ALEXIS','TASHA','SILVIA','ELVIRA','CASEY','DELIA','SOPHIE','KATE','PATTI','LORENA','KELLIE','SONJA','LILA','LANA','DARLA','MAY','MINDY','ESSIE','MANDY','LORENE','ELSA','JOSEFINA','JEANNIE','MIRANDA','DIXIE','LUCIA','MARTA','FAITH','LELA','JOHANNA','SHARI','CAMILLE','TAMI','SHAWNA','ELISA','EBONY','MELBA','ORA','NETTIE','TABITHA','OLLIE','JAIME','WINIFRED','KRISTIE','MARINA','ALISHA','AIMEE','RENA','MYRNA','MARLA','TAMMIE','LATASHA','BONITA','PATRICE','RONDA','SHERRIE','ADDIE','FRANCINE','DELORIS','STACIE','ADRIANA','CHERI','SHELBY','ABIGAIL','CELESTE','JEWEL','CARA','ADELE','REBEKAH','LUCINDA','DORTHY','CHRIS','EFFIE','TRINA','REBA','SHAWN','SALLIE','AURORA','LENORA','ETTA','LOTTIE','KERRI','TRISHA','NIKKI','ESTELLA','FRANCISCA','JOSIE','TRACIE','MARISSA','KARIN','BRITTNEY','JANELLE','LOURDES','LAUREL','HELENE','FERN','ELVA','CORINNE','KELSEY','INA','BETTIE','ELISABETH','AIDA','CAITLIN','INGRID','IVA','EUGENIA','CHRISTA','GOLDIE','CASSIE','MAUDE','JENIFER','THERESE','FRANKIE','DENA','LORNA','JANETTE','LATONYA','CANDY','MORGAN','CONSUELO','TAMIKA','ROSETTA','DEBORA','CHERIE','POLLY','DINA','JEWELL','FAY','JILLIAN','DOROTHEA','NELL','TRUDY','ESPERANZA','PATRICA','KIMBERLEY','SHANNA','HELENA','CAROLINA','CLEO','STEFANIE','ROSARIO','OLA','JANINE','MOLLIE','LUPE','ALISA','LOU','MARIBEL','SUSANNE','BETTE','SUSANA','ELISE','CECILE','ISABELLE','LESLEY','JOCELYN','PAIGE','JONI','RACHELLE','LEOLA','DAPHNE','ALTA','ESTER','PETRA','GRACIELA','IMOGENE','JOLENE','KEISHA','LACEY','GLENNA','GABRIELA','KERI','URSULA','LIZZIE','KIRSTEN','SHANA','ADELINE','MAYRA','JAYNE','JACLYN','GRACIE','SONDRA','CARMELA','MARISA','ROSALIND','CHARITY','TONIA','BEATRIZ','MARISOL','CLARICE','JEANINE','SHEENA','ANGELINE','FRIEDA','LILY','ROBBIE','SHAUNA','MILLIE','CLAUDETTE','CATHLEEN','ANGELIA','GABRIELLE','AUTUMN','KATHARINE','SUMMER','JODIE','STACI','LEA','CHRISTI','JIMMIE','JUSTINE','ELMA','LUELLA','MARGRET','DOMINIQUE','SOCORRO','RENE','MARTINA','MARGO','MAVIS','CALLIE','BOBBI','MARITZA','LUCILE','LEANNE','JEANNINE','DEANA','AILEEN','LORIE','LADONNA','WILLA','MANUELA','GALE','SELMA','DOLLY','SYBIL','ABBY','LARA','DALE','IVY','DEE','WINNIE','MARCY','LUISA','JERI','MAGDALENA','OFELIA','MEAGAN','AUDRA','MATILDA','LEILA','CORNELIA','BIANCA','SIMONE','BETTYE','RANDI','VIRGIE','LATISHA','BARBRA','GEORGINA','ELIZA','LEANN','BRIDGETTE','RHODA','HALEY','ADELA','NOLA','BERNADINE','FLOSSIE','ILA','GRETA','RUTHIE','NELDA','MINERVA','LILLY','TERRIE','LETHA','HILARY','ESTELA','VALARIE','BRIANNA','ROSALYN','EARLINE','CATALINA','AVA','MIA','CLARISSA','LIDIA','CORRINE','ALEXANDRIA','CONCEPCION','TIA','SHARRON','RAE','DONA','ERICKA','JAMI','ELNORA','CHANDRA','LENORE','NEVA','MARYLOU','MELISA','TABATHA','SERENA','AVIS','ALLIE','SOFIA','JEANIE','ODESSA','NANNIE','HARRIETT','LORAINE','PENELOPE','MILAGROS','EMILIA','BENITA','ALLYSON','ASHLEE','TANIA','TOMMIE','ESMERALDA','KARINA','EVE','PEARLIE','ZELMA','MALINDA','NOREEN','TAMEKA','SAUNDRA','HILLARY','AMIE','ALTHEA','ROSALINDA','JORDAN','LILIA','ALANA','GAY','CLARE','ALEJANDRA','ELINOR','MICHAEL','LORRIE','JERRI','DARCY','EARNESTINE','CARMELLA','TAYLOR','NOEMI','MARCIE','LIZA','ANNABELLE','LOUISA','EARLENE','MALLORY','CARLENE','NITA','SELENA','TANISHA','KATY','JULIANNE','JOHN','LAKISHA','EDWINA','MARICELA','MARGERY','KENYA','DOLLIE','ROXIE','ROSLYN','KATHRINE','NANETTE','CHARMAINE','LAVONNE','ILENE','KRIS','TAMMI','SUZETTE','CORINE','KAYE','JERRY','MERLE','CHRYSTAL','LINA','DEANNE','LILIAN','JULIANA','ALINE','LUANN','KASEY','MARYANNE','EVANGELINE','COLETTE','MELVA','LAWANDA','YESENIA','NADIA','MADGE','KATHIE','EDDIE','OPHELIA','VALERIA','NONA','MITZI','MARI','GEORGETTE','CLAUDINE','FRAN','ALISSA','ROSEANN','LAKEISHA','SUSANNA','REVA','DEIDRE','CHASITY','SHEREE','CARLY','JAMES','ELVIA','ALYCE','DEIRDRE','GENA','BRIANA','ARACELI','KATELYN','ROSANNE','WENDI','TESSA','BERTA','MARVA','IMELDA','MARIETTA','MARCI','LEONOR','ARLINE','SASHA','MADELYN','JANNA','JULIETTE','DEENA','AURELIA','JOSEFA','AUGUSTA','LILIANA','YOUNG','CHRISTIAN','LESSIE','AMALIA','SAVANNAH','ANASTASIA','VILMA','NATALIA','ROSELLA','LYNNETTE','CORINA','ALFREDA','LEANNA','CAREY','AMPARO','COLEEN','TAMRA','AISHA','WILDA','KARYN','CHERRY','QUEEN','MAURA','MAI','EVANGELINA','ROSANNA','HALLIE','ERNA','ENID','MARIANA','LACY','JULIET','JACKLYN','FREIDA','MADELEINE','MARA','HESTER','CATHRYN','LELIA','CASANDRA','BRIDGETT','ANGELITA','JANNIE','DIONNE','ANNMARIE','KATINA','BERYL','PHOEBE','MILLICENT','KATHERYN','DIANN','CARISSA','MARYELLEN','LIZ','LAURI','HELGA','GILDA','ADRIAN','RHEA','MARQUITA','HOLLIE','TISHA','TAMERA','ANGELIQUE','FRANCESCA','BRITNEY','KAITLIN','LOLITA','FLORINE','ROWENA','REYNA','TWILA','FANNY','JANELL','INES','CONCETTA','BERTIE','ALBA','BRIGITTE','ALYSON','VONDA','PANSY','ELBA','NOELLE','LETITIA','KITTY','DEANN','BRANDIE','LOUELLA','LETA','FELECIA','SHARLENE','LESA','BEVERLEY','ROBERT','ISABELLA','HERMINIA','TERRA','CELINA','TORI','OCTAVIA','JADE','DENICE','GERMAINE','SIERRA','MICHELL','CORTNEY','NELLY','DORETHA','SYDNEY','DEIDRA','MONIKA','LASHONDA','JUDI','CHELSEY','ANTIONETTE','MARGOT','BOBBY','ADELAIDE','NAN','LEEANN','ELISHA','DESSIE','LIBBY','KATHI','GAYLA','LATANYA','MINA','MELLISA','KIMBERLEE','JASMIN','RENAE','ZELDA','ELDA','MA','JUSTINA','GUSSIE','EMILIE','CAMILLA','ABBIE','ROCIO','KAITLYN','JESSE','EDYTHE','ASHLEIGH','SELINA','LAKESHA','GERI','ALLENE','PAMALA','MICHAELA','DAYNA','CARYN','ROSALIA','SUN','JACQULINE','REBECA','MARYBETH','KRYSTLE','IOLA','DOTTIE','BENNIE','BELLE','AUBREY','GRISELDA','ERNESTINA','ELIDA','ADRIANNE','DEMETRIA','DELMA','CHONG','JAQUELINE','DESTINY','ARLEEN','VIRGINA','RETHA','FATIMA','TILLIE','ELEANORE','CARI','TREVA','BIRDIE','WILHELMINA','ROSALEE','MAURINE','LATRICE','YONG','JENA','TARYN','ELIA','DEBBY','MAUDIE','JEANNA','DELILAH','CATRINA','SHONDA','HORTENCIA','THEODORA','TERESITA','ROBBIN','DANETTE','MARYJANE','FREDDIE','DELPHINE','BRIANNE','NILDA','DANNA','CINDI','BESS','IONA','HANNA','ARIEL','WINONA','VIDA','ROSITA','MARIANNA','WILLIAM','RACHEAL','GUILLERMINA','ELOISA','CELESTINE','CAREN','MALISSA','LONA','CHANTEL','SHELLIE','MARISELA','LEORA','AGATHA','SOLEDAD','MIGDALIA','IVETTE','CHRISTEN','ATHENA','JANEL','CHLOE','VEDA','PATTIE','TESSIE','TERA','MARILYNN','LUCRETIA','KARRIE','DINAH','DANIELA','ALECIA','ADELINA','VERNICE','SHIELA','PORTIA','MERRY','LASHAWN','DEVON','DARA','TAWANA','OMA','VERDA','CHRISTIN','ALENE','ZELLA','SANDI','RAFAELA','MAYA','KIRA','CANDIDA','ALVINA','SUZAN','SHAYLA','LYN','LETTIE','ALVA','SAMATHA','ORALIA','MATILDE','MADONNA','LARISSA','VESTA','RENITA','INDIA','DELOIS','SHANDA','PHILLIS','LORRI','ERLINDA','CRUZ','CATHRINE','BARB','ZOE','ISABELL','IONE','GISELA','CHARLIE','VALENCIA','ROXANNA','MAYME','KISHA','ELLIE','MELLISSA','DORRIS','DALIA','BELLA','ANNETTA','ZOILA','RETA','REINA','LAURETTA','KYLIE','CHRISTAL','PILAR','CHARLA','ELISSA','TIFFANI','TANA','PAULINA','LEOTA','BREANNA','JAYME','CARMEL','VERNELL','TOMASA','MANDI','DOMINGA','SANTA','MELODIE','LURA','ALEXA','TAMELA','RYAN','MIRNA','KERRIE','VENUS','NOEL','FELICITA','CRISTY','CARMELITA','BERNIECE','ANNEMARIE','TIARA','ROSEANNE','MISSY','CORI','ROXANA','PRICILLA','KRISTAL','JUNG','ELYSE','HAYDEE','ALETHA','BETTINA','MARGE','GILLIAN','FILOMENA','CHARLES','ZENAIDA','HARRIETTE','CARIDAD','VADA','UNA','ARETHA','PEARLINE','MARJORY','MARCELA','FLOR','EVETTE','ELOUISE','ALINA','TRINIDAD','DAVID','DAMARIS','CATHARINE','CARROLL','BELVA','NAKIA','MARLENA','LUANNE','LORINE','KARON','DORENE','DANITA','BRENNA','TATIANA','SAMMIE','LOUANN','LOREN','JULIANNA','ANDRIA','PHILOMENA','LUCILA','LEONORA','DOVIE','ROMONA','MIMI','JACQUELIN','GAYE','TONJA','MISTI','JOE','GENE','CHASTITY','STACIA','ROXANN','MICAELA','NIKITA','MEI','VELDA','MARLYS','JOHNNA','AURA','LAVERN','IVONNE','HAYLEY','NICKI','MAJORIE','HERLINDA','GEORGE','ALPHA','YADIRA','PERLA','GREGORIA','DANIEL','ANTONETTE','SHELLI','MOZELLE','MARIAH','JOELLE','CORDELIA','JOSETTE','CHIQUITA','TRISTA','LOUIS','LAQUITA','GEORGIANA','CANDI','SHANON','LONNIE','HILDEGARD','CECIL','VALENTINA','STEPHANY','MAGDA','KAROL','GERRY','GABRIELLA','TIANA','ROMA','RICHELLE','RAY','PRINCESS','OLETA','JACQUE','IDELLA','ALAINA','SUZANNA','JOVITA','BLAIR','TOSHA','RAVEN','NEREIDA','MARLYN','KYLA','JOSEPH','DELFINA','TENA','STEPHENIE','SABINA','NATHALIE','MARCELLE','GERTIE','DARLEEN','THEA','SHARONDA','SHANTEL','BELEN','VENESSA','ROSALINA','ONA','GENOVEVA','COREY','CLEMENTINE','ROSALBA','RENATE','RENATA','MI','IVORY','GEORGIANNA','FLOY','DORCAS','ARIANA','TYRA','THEDA','MARIAM','JULI','JESICA','DONNIE','VIKKI','VERLA','ROSELYN','MELVINA','JANNETTE','GINNY','DEBRAH','CORRIE','ASIA','VIOLETA','MYRTIS','LATRICIA','COLLETTE','CHARLEEN','ANISSA','VIVIANA','TWYLA','PRECIOUS','NEDRA','LATONIA','LAN','HELLEN','FABIOLA','ANNAMARIE','ADELL','SHARYN','CHANTAL','NIKI','MAUD','LIZETTE','LINDY','KIA','KESHA','JEANA','DANELLE','CHARLINE','CHANEL','CARROL','VALORIE','LIA','DORTHA','CRISTAL','SUNNY','LEONE','LEILANI','GERRI','DEBI','ANDRA','KESHIA','IMA','EULALIA','EASTER','DULCE','NATIVIDAD','LINNIE','KAMI','GEORGIE','CATINA','BROOK','ALDA','WINNIFRED','SHARLA','RUTHANN','MEAGHAN','MAGDALENE','LISSETTE','ADELAIDA','VENITA','TRENA','SHIRLENE','SHAMEKA','ELIZEBETH','DIAN','SHANTA','MICKEY','LATOSHA','CARLOTTA','WINDY','SOON','ROSINA','MARIANN','LEISA','JONNIE','DAWNA','CATHIE','BILLY','ASTRID','SIDNEY','LAUREEN','JANEEN','HOLLI','FAWN','VICKEY','TERESSA','SHANTE','RUBYE','MARCELINA','CHANDA','CARY','TERESE','SCARLETT','MARTY','MARNIE','LULU','LISETTE','JENIFFER','ELENOR','DORINDA','DONITA','CARMAN','BERNITA','ALTAGRACIA','ALETA','ADRIANNA','ZORAIDA','RONNIE','NICOLA','LYNDSEY','KENDALL','JANINA','CHRISSY','AMI','STARLA','PHYLIS','PHUONG','KYRA','CHARISSE','BLANCH','SANJUANITA','RONA','NANCI','MARILEE','MARANDA','CORY','BRIGETTE','SANJUANA','MARITA','KASSANDRA','JOYCELYN','IRA','FELIPA','CHELSIE','BONNY','MIREYA','LORENZA','KYONG','ILEANA','CANDELARIA','TONY','TOBY','SHERIE','OK','MARK','LUCIE','LEATRICE','LAKESHIA','GERDA','EDIE','BAMBI','MARYLIN','LAVON','HORTENSE','GARNET','EVIE','TRESSA','SHAYNA','LAVINA','KYUNG','JEANETTA','SHERRILL','SHARA','PHYLISS','MITTIE','ANABEL','ALESIA','THUY','TAWANDA','RICHARD','JOANIE','TIFFANIE','LASHANDA','KARISSA','ENRIQUETA','DARIA','DANIELLA','CORINNA','ALANNA','ABBEY','ROXANE','ROSEANNA','MAGNOLIA','LIDA','KYLE','JOELLEN','ERA','CORAL','CARLEEN','TRESA','PEGGIE','NOVELLA','NILA','MAYBELLE','JENELLE','CARINA','NOVA','MELINA','MARQUERITE','MARGARETTE','JOSEPHINA','EVONNE','DEVIN','CINTHIA','ALBINA','TOYA','TAWNYA','SHERITA','SANTOS','MYRIAM','LIZABETH','LISE','KEELY','JENNI','GISELLE','CHERYLE','ARDITH','ARDIS','ALESHA','ADRIANE','SHAINA','LINNEA','KAROLYN','HONG','FLORIDA','FELISHA','DORI','DARCI','ARTIE','ARMIDA','ZOLA','XIOMARA','VERGIE','SHAMIKA','NENA','NANNETTE','MAXIE','LOVIE','JEANE','JAIMIE','INGE','FARRAH','ELAINA','CAITLYN','STARR','FELICITAS','CHERLY','CARYL','YOLONDA','YASMIN','TEENA','PRUDENCE','PENNIE','NYDIA','MACKENZIE','ORPHA','MARVEL','LIZBETH','LAURETTE','JERRIE','HERMELINDA','CAROLEE','TIERRA','MIRIAN','META','MELONY','KORI','JENNETTE','JAMILA','ENA','ANH','YOSHIKO','SUSANNAH','SALINA','RHIANNON','JOLEEN','CRISTINE','ASHTON','ARACELY','TOMEKA','SHALONDA','MARTI','LACIE','KALA','JADA','ILSE','HAILEY','BRITTANI','ZONA','SYBLE','SHERRYL','RANDY','NIDIA','MARLO','KANDICE','KANDI','DEB','DEAN','AMERICA','ALYCIA','TOMMY','RONNA','NORENE','MERCY','JOSE','INGEBORG','GIOVANNA','GEMMA','CHRISTEL','AUDRY','ZORA','VITA','VAN','TRISH','STEPHAINE','SHIRLEE','SHANIKA','MELONIE','MAZIE','JAZMIN','INGA','HOA','HETTIE','GERALYN','FONDA','ESTRELLA','ADELLA','SU','SARITA','RINA','MILISSA','MARIBETH','GOLDA','EVON','ETHELYN','ENEDINA','CHERISE','CHANA','VELVA','TAWANNA','SADE','MIRTA','LI','KARIE','JACINTA','ELNA','DAVINA','CIERRA','ASHLIE','ALBERTHA','TANESHA','STEPHANI','NELLE','MINDI','LU','LORINDA','LARUE','FLORENE','DEMETRA','DEDRA','CIARA','CHANTELLE','ASHLY','SUZY','ROSALVA','NOELIA','LYDA','LEATHA','KRYSTYNA','KRISTAN','KARRI','DARLINE','DARCIE','CINDA','CHEYENNE','CHERRIE','AWILDA','ALMEDA','ROLANDA','LANETTE','JERILYN','GISELE','EVALYN','CYNDI','CLETA','CARIN','ZINA','ZENA','VELIA','TANIKA','PAUL','CHARISSA','THOMAS','TALIA','MARGARETE','LAVONDA','KAYLEE','KATHLENE','JONNA','IRENA','ILONA','IDALIA','CANDIS','CANDANCE','BRANDEE','ANITRA','ALIDA','SIGRID','NICOLETTE','MARYJO','LINETTE','HEDWIG','CHRISTIANA','CASSIDY','ALEXIA','TRESSIE','MODESTA','LUPITA','LITA','GLADIS','EVELIA','DAVIDA','CHERRI','CECILY','ASHELY','ANNABEL','AGUSTINA','WANITA','SHIRLY','ROSAURA','HULDA','EUN','BAILEY','YETTA','VERONA','THOMASINA','SIBYL','SHANNAN','MECHELLE','LUE','LEANDRA','LANI','KYLEE','KANDY','JOLYNN','FERNE','EBONI','CORENE','ALYSIA','ZULA','NADA','MOIRA','LYNDSAY','LORRETTA','JUAN','JAMMIE','HORTENSIA','GAYNELL','CAMERON','ADRIA','VINA','VICENTA','TANGELA','STEPHINE','NORINE','NELLA','LIANA','LESLEE','KIMBERELY','ILIANA','GLORY','FELICA','EMOGENE','ELFRIEDE','EDEN','EARTHA','CARMA','BEA','OCIE','MARRY','LENNIE','KIARA','JACALYN','CARLOTA','ARIELLE','YU','STAR','OTILIA','KIRSTIN','KACEY','JOHNETTA','JOEY','JOETTA','JERALDINE','JAUNITA','ELANA','DORTHEA','CAMI','AMADA','ADELIA','VERNITA','TAMAR','SIOBHAN','RENEA','RASHIDA','OUIDA','ODELL','NILSA','MERYL','KRISTYN','JULIETA','DANICA','BREANNE','AUREA','ANGLEA','SHERRON','ODETTE','MALIA','LORELEI','LIN','LEESA','KENNA','KATHLYN','FIONA','CHARLETTE','SUZIE','SHANTELL','SABRA','RACQUEL','MYONG','MIRA','MARTINE','LUCIENNE','LAVADA','JULIANN','JOHNIE','ELVERA','DELPHIA','CLAIR','CHRISTIANE','CHAROLETTE','CARRI','AUGUSTINE','ASHA','ANGELLA','PAOLA','NINFA','LEDA','LAI','EDA','SUNSHINE','STEFANI','SHANELL','PALMA','MACHELLE','LISSA','KECIA','KATHRYNE','KARLENE','JULISSA','JETTIE','JENNIFFER','HUI','CORRINA','CHRISTOPHER','CAROLANN','ALENA','TESS','ROSARIA','MYRTICE','MARYLEE','LIANE','KENYATTA','JUDIE','JANEY','IN','ELMIRA','ELDORA','DENNA','CRISTI','CATHI','ZAIDA','VONNIE','VIVA','VERNIE','ROSALINE','MARIELA','LUCIANA','LESLI','KARAN','FELICE','DENEEN','ADINA','WYNONA','TARSHA','SHERON','SHASTA','SHANITA','SHANI','SHANDRA','RANDA','PINKIE','PARIS','NELIDA','MARILOU','LYLA','LAURENE','LACI','JOI','JANENE','DOROTHA','DANIELE','DANI','CAROLYNN','CARLYN','BERENICE','AYESHA','ANNELIESE','ALETHEA','THERSA','TAMIKO','RUFINA','OLIVA','MOZELL','MARYLYN','MADISON','KRISTIAN','KATHYRN','KASANDRA','KANDACE','JANAE','GABRIEL','DOMENICA','DEBBRA','DANNIELLE','CHUN','BUFFY','BARBIE','ARCELIA','AJA','ZENOBIA','SHAREN','SHAREE','PATRICK','PAGE','MY','LAVINIA','KUM','KACIE','JACKELINE','HUONG','FELISA','EMELIA','ELEANORA','CYTHIA','CRISTIN','CLYDE','CLARIBEL','CARON','ANASTACIA','ZULMA','ZANDRA','YOKO','TENISHA','SUSANN','SHERILYN','SHAY','SHAWANDA','SABINE','ROMANA','MATHILDA','LINSEY','KEIKO','JOANA','ISELA','GRETTA','GEORGETTA','EUGENIE','DUSTY','DESIRAE','DELORA','CORAZON','ANTONINA','ANIKA','WILLENE','TRACEE','TAMATHA','REGAN','NICHELLE','MICKIE','MAEGAN','LUANA','LANITA','KELSIE','EDELMIRA','BREE','AFTON','TEODORA','TAMIE','SHENA','MEG','LINH','KELI','KACI','DANYELLE','BRITT','ARLETTE','ALBERTINE','ADELLE','TIFFINY','STORMY','SIMONA','NUMBERS','NICOLASA','NICHOL','NIA','NAKISHA','MEE','MAIRA','LOREEN','KIZZY','JOHNNY','JAY','FALLON','CHRISTENE','BOBBYE','ANTHONY','YING','VINCENZA','TANJA','RUBIE','RONI','QUEENIE','MARGARETT','KIMBERLI','IRMGARD','IDELL','HILMA','EVELINA','ESTA','EMILEE','DENNISE','DANIA','CARL','CARIE','ANTONIO','WAI','SANG','RISA','RIKKI','PARTICIA','MUI','MASAKO','MARIO','LUVENIA','LOREE','LONI','LIEN','KEVIN','GIGI','FLORENCIA','DORIAN','DENITA','DALLAS','CHI','BILLYE','ALEXANDER','TOMIKA','SHARITA','RANA','NIKOLE','NEOMA','MARGARITE','MADALYN','LUCINA','LAILA','KALI','JENETTE','GABRIELE','EVELYNE','ELENORA','CLEMENTINA','ALEJANDRINA','ZULEMA','VIOLETTE','VANNESSA','THRESA','RETTA','PIA','PATIENCE','NOELLA','NICKIE','JONELL','DELTA','CHUNG','CHAYA','CAMELIA','BETHEL','ANYA','ANDREW','THANH','SUZANN','SPRING','SHU','MILA','LILLA','LAVERNA','KEESHA','KATTIE','GIA','GEORGENE','EVELINE','ESTELL','ELIZBETH','VIVIENNE','VALLIE','TRUDIE','STEPHANE','MICHEL','MAGALY','MADIE','KENYETTA','KARREN','JANETTA','HERMINE','HARMONY','DRUCILLA','DEBBI','CELESTINA','CANDIE','BRITNI','BECKIE','AMINA','ZITA','YUN','YOLANDE','VIVIEN','VERNETTA','TRUDI','SOMMER','PEARLE','PATRINA','OSSIE','NICOLLE','LOYCE','LETTY','LARISA','KATHARINA','JOSELYN','JONELLE','JENELL','IESHA','HEIDE','FLORINDA','FLORENTINA','FLO','ELODIA','DORINE','BRUNILDA','BRIGID','ASHLI','ARDELLA','TWANA','THU','TARAH','SUNG','SHEA','SHAVON','SHANE','SERINA','RAYNA','RAMONITA','NGA','MARGURITE','LUCRECIA','KOURTNEY','KATI','JESUS','JESENIA','DIAMOND','CRISTA','AYANA','ALICA','ALIA','VINNIE','SUELLEN','ROMELIA','RACHELL','PIPER','OLYMPIA','MICHIKO','KATHALEEN','JOLIE','JESSI','JANESSA','HANA','HA','ELEASE','CARLETTA','BRITANY','SHONA','SALOME','ROSAMOND','REGENA','RAINA','NGOC','NELIA','LOUVENIA','LESIA','LATRINA','LATICIA','LARHONDA','JINA','JACKI','HOLLIS','HOLLEY','EMMY','DEEANN','CORETTA','ARNETTA','VELVET','THALIA','SHANICE','NETA','MIKKI','MICKI','LONNA','LEANA','LASHUNDA','KILEY','JOYE','JACQULYN','IGNACIA','HYUN','HIROKO','HENRY','HENRIETTE','ELAYNE','DELINDA','DARNELL','DAHLIA','COREEN','CONSUELA','CONCHITA','CELINE','BABETTE','AYANNA','ANETTE','ALBERTINA','SKYE','SHAWNEE','SHANEKA','QUIANA','PAMELIA','MIN','MERRI','MERLENE','MARGIT','KIESHA','KIERA','KAYLENE','JODEE','JENISE','ERLENE','EMMIE','ELSE','DARYL','DALILA','DAISEY','CODY','CASIE','BELIA','BABARA','VERSIE','VANESA','SHELBA','SHAWNDA','SAM','NORMAN','NIKIA','NAOMA','MARNA','MARGERET','MADALINE','LAWANA','KINDRA','JUTTA','JAZMINE','JANETT','HANNELORE','GLENDORA','GERTRUD','GARNETT','FREEDA','FREDERICA','FLORANCE','FLAVIA','DENNIS','CARLINE','BEVERLEE','ANJANETTE','VALDA','TRINITY','TAMALA','STEVIE','SHONNA','SHA','SARINA','ONEIDA','MICAH','MERILYN','MARLEEN','LURLINE','LENNA','KATHERIN','JIN','JENI','HAE','GRACIA','GLADY','FARAH','ERIC','ENOLA','EMA','DOMINQUE','DEVONA','DELANA','CECILA','CAPRICE','ALYSHA','ALI','ALETHIA','VENA','THERESIA','TAWNY','SONG','SHAKIRA','SAMARA','SACHIKO','RACHELE','PAMELLA','NICKY','MARNI','MARIEL','MAREN','MALISA','LIGIA','LERA','LATORIA','LARAE','KIMBER','KATHERN','KAREY','JENNEFER','JANETH','HALINA','FREDIA','DELISA','DEBROAH','CIERA','CHIN','ANGELIKA','ANDREE','ALTHA','YEN','VIVAN','TERRESA','TANNA','SUK','SUDIE','SOO','SIGNE','SALENA','RONNI','REBBECCA','MYRTIE','MCKENZIE','MALIKA','MAIDA','LOAN','LEONARDA','KAYLEIGH','FRANCE','ETHYL','ELLYN','DAYLE','CAMMIE','BRITTNI','BIRGIT','AVELINA','ASUNCION','ARIANNA','AKIKO','VENICE','TYESHA','TONIE','TIESHA','TAKISHA','STEFFANIE','SINDY','SANTANA','MEGHANN','MANDA','MACIE','LADY','KELLYE','KELLEE','JOSLYN','JASON','INGER','INDIRA','GLINDA','GLENNIS','FERNANDA','FAUSTINA','ENEIDA','ELICIA','DOT','DIGNA','DELL','ARLETTA','ANDRE','WILLIA','TAMMARA','TABETHA','SHERRELL','SARI','REFUGIO','REBBECA','PAULETTA','NIEVES','NATOSHA','NAKITA','MAMMIE','KENISHA','KAZUKO','KASSIE','GARY','EARLEAN','DAPHINE','CORLISS','CLOTILDE','CAROLYNE','BERNETTA','AUGUSTINA','AUDREA','ANNIS','ANNABELL','YAN','TENNILLE','TAMICA','SELENE','SEAN','ROSANA','REGENIA','QIANA','MARKITA','MACY','LEEANNE','LAURINE','KYM','JESSENIA','JANITA','GEORGINE','GENIE','EMIKO','ELVIE','DEANDRA','DAGMAR','CORIE','COLLEN','CHERISH','ROMAINE','PORSHA','PEARLENE','MICHELINE','MERNA','MARGORIE','MARGARETTA','LORE','KENNETH','JENINE','HERMINA','FREDERICKA','ELKE','DRUSILLA','DORATHY','DIONE','DESIRE','CELENA','BRIGIDA','ANGELES','ALLEGRA','THEO','TAMEKIA','SYNTHIA','STEPHEN','SOOK','SLYVIA','ROSANN','REATHA','RAYE','MARQUETTA','MARGART','LING','LAYLA','KYMBERLY','KIANA','KAYLEEN','KATLYN','KARMEN','JOELLA','IRINA','EMELDA','ELENI','DETRA','CLEMMIE','CHERYLL','CHANTELL','CATHEY','ARNITA','ARLA','ANGLE','ANGELIC','ALYSE','ZOFIA','THOMASINE','TENNIE','SON','SHERLY','SHERLEY','SHARYL','REMEDIOS','PETRINA','NICKOLE','MYUNG','MYRLE','MOZELLA','LOUANNE','LISHA','LATIA','LANE','KRYSTA','JULIENNE','JOEL','JEANENE','JACQUALINE','ISAURA','GWENDA','EARLEEN','DONALD','CLEOPATRA','CARLIE','AUDIE','ANTONIETTA','ALISE','ALEX','VERDELL','VAL','TYLER','TOMOKO','THAO','TALISHA','STEVEN','SO','SHEMIKA','SHAUN','SCARLET','SAVANNA','SANTINA','ROSIA','RAEANN','ODILIA','NANA','MINNA','MAGAN','LYNELLE','LE','KARMA','JOEANN','IVANA','INELL','ILANA','HYE','HONEY','HEE','GUDRUN','FRANK','DREAMA','CRISSY','CHANTE','CARMELINA','ARVILLA','ARTHUR','ANNAMAE','ALVERA','ALEIDA','AARON','YEE','YANIRA','VANDA','TIANNA','TAM','STEFANIA','SHIRA','PERRY','NICOL','NANCIE','MONSERRATE','MINH','MELYNDA','MELANY','MATTHEW','LOVELLA','LAURE','KIRBY','KACY','JACQUELYNN','HYON','GERTHA','FRANCISCO','ELIANA','CHRISTENA','CHRISTEEN','CHARISE','CATERINA','CARLEY','CANDYCE','ARLENA','AMMIE','YANG','WILLETTE','VANITA','TUYET','TINY','SYREETA','SILVA','SCOTT','RONALD','PENNEY','NYLA','MICHAL','MAURICE','MARYAM','MARYA','MAGEN','LUDIE','LOMA','LIVIA','LANELL','KIMBERLIE','JULEE','DONETTA','DIEDRA','DENISHA','DEANE','DAWNE','CLARINE','CHERRYL','BRONWYN','BRANDON','ALLA','VALERY','TONDA','SUEANN','SORAYA','SHOSHANA','SHELA','SHARLEEN','SHANELLE','NERISSA','MICHEAL','MERIDITH','MELLIE','MAYE','MAPLE','MAGARET','LUIS','LILI','LEONILA','LEONIE','LEEANNA','LAVONIA','LAVERA','KRISTEL','KATHEY','KATHE','JUSTIN','JULIAN','JIMMY','JANN','ILDA','HILDRED','HILDEGARDE','GENIA','FUMIKO','EVELIN','ERMELINDA','ELLY','DUNG','DOLORIS','DIONNA','DANAE','BERNEICE','ANNICE','ALIX','VERENA','VERDIE','TRISTAN','SHAWNNA','SHAWANA','SHAUNNA','ROZELLA','RANDEE','RANAE','MILAGRO','LYNELL','LUISE','LOUIE','LOIDA','LISBETH','KARLEEN','JUNITA','JONA','ISIS','HYACINTH','HEDY','GWENN','ETHELENE','ERLINE','EDWARD','DONYA','DOMONIQUE','DELICIA','DANNETTE','CICELY','BRANDA','BLYTHE','BETHANN','ASHLYN','ANNALEE','ALLINE','YUKO','VELLA','TRANG','TOWANDA','TESHA','SHERLYN','NARCISA','MIGUELINA','MERI','MAYBELL','MARLANA','MARGUERITA','MADLYN','LUNA','LORY','LORIANN','LIBERTY','LEONORE','LEIGHANN','LAURICE','LATESHA','LARONDA','KATRICE','KASIE','KARL','KALEY','JADWIGA','GLENNIE','GEARLDINE','FRANCINA','EPIFANIA','DYAN','DORIE','DIEDRE','DENESE','DEMETRICE','DELENA','DARBY','CRISTIE','CLEORA','CATARINA','CARISA','BERNIE','BARBERA','ALMETA','TRULA','TEREASA','SOLANGE','SHEILAH','SHAVONNE','SANORA','ROCHELL','MATHILDE','MARGARETA','MAIA','LYNSEY','LAWANNA','LAUNA','KENA','KEENA','KATIA','JAMEY','GLYNDA','GAYLENE','ELVINA','ELANOR','DANUTA','DANIKA','CRISTEN','CORDIE','COLETTA','CLARITA','CARMON','BRYNN','AZUCENA','AUNDREA','ANGELE','YI','WALTER','VERLIE','VERLENE','TAMESHA','SILVANA','SEBRINA','SAMIRA','REDA','RAYLENE','PENNI','PANDORA','NORAH','NOMA','MIREILLE','MELISSIA','MARYALICE','LARAINE','KIMBERY','KARYL','KARINE','KAM','JOLANDA','JOHANA','JESUSA','JALEESA','JAE','JACQUELYNE','IRISH','ILUMINADA','HILARIA','HANH','GENNIE','FRANCIE','FLORETTA','EXIE','EDDA','DREMA','DELPHA','BEV','BARBAR','ASSUNTA','ARDELL','ANNALISA','ALISIA','YUKIKO','YOLANDO','WONDA','WEI','WALTRAUD','VETA','TEQUILA','TEMEKA','TAMEIKA','SHIRLEEN','SHENITA','PIEDAD','OZELLA','MIRTHA','MARILU','KIMIKO','JULIANE','JENICE','JEN','JANAY','JACQUILINE','HILDE','FE','FAE','EVAN','EUGENE','ELOIS','ECHO','DEVORAH','CHAU','BRINDA','BETSEY','ARMINDA','ARACELIS','APRYL','ANNETT','ALISHIA','VEOLA','USHA','TOSHIKO','THEOLA','TASHIA','TALITHA','SHERY','RUDY','RENETTA','REIKO','RASHEEDA','OMEGA','OBDULIA','MIKA','MELAINE','MEGGAN','MARTIN','MARLEN','MARGET','MARCELINE','MANA','MAGDALEN','LIBRADA','LEZLIE','LEXIE','LATASHIA','LASANDRA','KELLE','ISIDRA','ISA','INOCENCIA','GWYN','FRANCOISE','ERMINIA','ERINN','DIMPLE','DEVORA','CRISELDA','ARMANDA','ARIE','ARIANE','ANGELO','ANGELENA','ALLEN','ALIZA','ADRIENE','ADALINE','XOCHITL','TWANNA','TRAN','TOMIKO','TAMISHA','TAISHA','SUSY','SIU','RUTHA','ROXY','RHONA','RAYMOND','OTHA','NORIKO','NATASHIA','MERRIE','MELVIN','MARINDA','MARIKO','MARGERT','LORIS','LIZZETTE','LEISHA','KAILA','KA','JOANNIE','JERRICA','JENE','JANNET','JANEE','JACINDA','HERTA','ELENORE','DORETTA','DELAINE','DANIELL','CLAUDIE','CHINA','BRITTA','APOLONIA','AMBERLY','ALEASE','YURI','YUK','WEN','WANETA','UTE','TOMI','SHARRI','SANDIE','ROSELLE','REYNALDA','RAGUEL','PHYLICIA','PATRIA','OLIMPIA','ODELIA','MITZIE','MITCHELL','MISS','MINDA','MIGNON','MICA','MENDY','MARIVEL','MAILE','LYNETTA','LAVETTE','LAURYN','LATRISHA','LAKIESHA','KIERSTEN','KARY','JOSPHINE','JOLYN','JETTA','JANISE','JACQUIE','IVELISSE','GLYNIS','GIANNA','GAYNELLE','EMERALD','DEMETRIUS','DANYELL','DANILLE','DACIA','CORALEE','CHER','CEOLA','BRETT','BELL','ARIANNE','ALESHIA','YUNG','WILLIEMAE','TROY','TRINH','THORA','TAI','SVETLANA','SHERIKA','SHEMEKA','SHAUNDA','ROSELINE','RICKI','MELDA','MALLIE','LAVONNA','LATINA','LARRY','LAQUANDA','LALA','LACHELLE','KLARA','KANDIS','JOHNA','JEANMARIE','JAYE','HANG','GRAYCE','GERTUDE','EMERITA','EBONIE','CLORINDA','CHING','CHERY','CAROLA','BREANN','BLOSSOM','BERNARDINE','BECKI','ARLETHA','ARGELIA','ARA','ALITA','YULANDA','YON','YESSENIA','TOBI','TASIA','SYLVIE','SHIRL','SHIRELY','SHERIDAN','SHELLA','SHANTELLE','SACHA','ROYCE','REBECKA','REAGAN','PROVIDENCIA','PAULENE','MISHA','MIKI','MARLINE','MARICA','LORITA','LATOYIA','LASONYA','KERSTIN','KENDA','KEITHA','KATHRIN','JAYMIE','JACK','GRICELDA','GINETTE','ERYN','ELINA','ELFRIEDA','DANYEL','CHEREE','CHANELLE','BARRIE','AVERY','AURORE','ANNAMARIA','ALLEEN','AILENE','AIDE','YASMINE','VASHTI','VALENTINE','TREASA','TORY','TIFFANEY','SHERYLL','SHARIE','SHANAE','SAU','RAISA','PA','NEDA','MITSUKO','MIRELLA','MILDA','MARYANNA','MARAGRET','MABELLE','LUETTA','LORINA','LETISHA','LATARSHA','LANELLE','LAJUANA','KRISSY','KARLY','KARENA','JON','JESSIKA','JERICA','JEANELLE','JANUARY','JALISA','JACELYN','IZOLA','IVEY','GREGORY','EUNA','ETHA','DREW','DOMITILA','DOMINICA','DAINA','CREOLA','CARLI','CAMIE','BUNNY','BRITTNY','ASHANTI','ANISHA','ALEEN','ADAH','YASUKO','WINTER','VIKI','VALRIE','TONA','TINISHA','THI','TERISA','TATUM','TANEKA','SIMONNE','SHALANDA','SERITA','RESSIE','REFUGIA','PAZ','OLENE','NA','MERRILL','MARGHERITA','MANDIE','MAN','MAIRE','LYNDIA','LUCI','LORRIANE','LORETA','LEONIA','LAVONA','LASHAWNDA','LAKIA','KYOKO','KRYSTINA','KRYSTEN','KENIA','KELSI','JUDE','JEANICE','ISOBEL','GEORGIANN','GENNY','FELICIDAD','EILENE','DEON','DELOISE','DEEDEE','DANNIE','CONCEPTION','CLORA','CHERILYN','CHANG','CALANDRA','BERRY','ARMANDINA','ANISA','ULA','TIMOTHY','TIERA','THERESSA','STEPHANIA','SIMA','SHYLA','SHONTA','SHERA','SHAQUITA','SHALA','SAMMY','ROSSANA','NOHEMI','NERY','MORIAH','MELITA','MELIDA','MELANI','MARYLYNN','MARISHA','MARIETTE','MALORIE','MADELENE','LUDIVINA','LORIA','LORETTE','LORALEE','LIANNE','LEON','LAVENIA','LAURINDA','LASHON','KIT','KIMI','KEILA','KATELYNN','KAI','JONE','JOANE','JI','JAYNA','JANELLA','JA','HUE','HERTHA','FRANCENE','ELINORE','DESPINA','DELSIE','DEEDRA','CLEMENCIA','CARRY','CAROLIN','CARLOS','BULAH','BRITTANIE','BOK','BLONDELL','BIBI','BEAULAH','BEATA','ANNITA','AGRIPINA','VIRGEN','VALENE','UN','TWANDA','TOMMYE','TOI','TARRA','TARI','TAMMERA','SHAKIA','SADYE','RUTHANNE','ROCHEL','RIVKA','PURA','NENITA','NATISHA','MING','MERRILEE','MELODEE','MARVIS','LUCILLA','LEENA','LAVETA','LARITA','LANIE','KEREN','ILEEN','GEORGEANN','GENNA','GENESIS','FRIDA','EWA','EUFEMIA','EMELY','ELA','EDYTH','DEONNA','DEADRA','DARLENA','CHANELL','CHAN','CATHERN','CASSONDRA','CASSAUNDRA','BERNARDA','BERNA','ARLINDA','ANAMARIA','ALBERT','WESLEY','VERTIE','VALERI','TORRI','TATYANA','STASIA','SHERISE','SHERILL','SEASON','SCOTTIE','SANDA','RUTHE','ROSY','ROBERTO','ROBBI','RANEE','QUYEN','PEARLY','PALMIRA','ONITA','NISHA','NIESHA','NIDA','NEVADA','NAM','MERLYN','MAYOLA','MARYLOUISE','MARYLAND','MARX','MARTH','MARGENE','MADELAINE','LONDA','LEONTINE','LEOMA','LEIA','LAWRENCE','LAURALEE','LANORA','LAKITA','KIYOKO','KETURAH','KATELIN','KAREEN','JONIE','JOHNETTE','JENEE','JEANETT','IZETTA','HIEDI','HEIKE','HASSIE','HAROLD','GIUSEPPINA','GEORGANN','FIDELA','FERNANDE','ELWANDA','ELLAMAE','ELIZ','DUSTI','DOTTY','CYNDY','CORALIE','CELESTA','ARGENTINA','ALVERTA','XENIA','WAVA','VANETTA','TORRIE','TASHINA','TANDY','TAMBRA','TAMA','STEPANIE','SHILA','SHAUNTA','SHARAN','SHANIQUA','SHAE','SETSUKO','SERAFINA','SANDEE','ROSAMARIA','PRISCILA','OLINDA','NADENE','MUOI','MICHELINA','MERCEDEZ','MARYROSE','MARIN','MARCENE','MAO','MAGALI','MAFALDA','LOGAN','LINN','LANNIE','KAYCE','KAROLINE','KAMILAH','KAMALA','JUSTA','JOLINE','JENNINE','JACQUETTA','IRAIDA','GERALD','GEORGEANNA','FRANCHESCA','FAIRY','EMELINE','ELANE','EHTEL','EARLIE','DULCIE','DALENE','CRIS','CLASSIE','CHERE','CHARIS','CAROYLN','CARMINA','CARITA','BRIAN','BETHANIE','AYAKO','ARICA','AN','ALYSA','ALESSANDRA','AKILAH','ADRIEN','ZETTA','YOULANDA','YELENA','YAHAIRA','XUAN','WENDOLYN','VICTOR','TIJUANA','TERRELL','TERINA','TERESIA','SUZI','SUNDAY','SHERELL','SHAVONDA','SHAUNTE','SHARDA','SHAKITA','SENA','RYANN','RUBI','RIVA','REGINIA','REA','RACHAL','PARTHENIA','PAMULA','MONNIE','MONET','MICHAELE','MELIA','MARINE','MALKA','MAISHA','LISANDRA','LEO','LEKISHA','LEAN','LAURENCE','LAKENDRA','KRYSTIN','KORTNEY','KIZZIE','KITTIE','KERA','KENDAL','KEMBERLY','KANISHA','JULENE','JULE','JOSHUA','JOHANNE','JEFFREY','JAMEE','HAN','HALLEY','GIDGET','GALINA','FREDRICKA','FLETA','FATIMAH','EUSEBIA','ELZA','ELEONORE','DORTHEY','DORIA','DONELLA','DINORAH','DELORSE','CLARETHA','CHRISTINIA','CHARLYN','BONG','BELKIS','AZZIE','ANDERA','AIKO','ADENA','YER','YAJAIRA','WAN','VANIA','ULRIKE','TOSHIA','TIFANY','STEFANY','SHIZUE','SHENIKA','SHAWANNA','SHAROLYN','SHARILYN','SHAQUANA','SHANTAY','SEE','ROZANNE','ROSELEE','RICKIE','REMONA','REANNA','RAELENE','QUINN','PHUNG','PETRONILA','NATACHA','NANCEY','MYRL','MIYOKO','MIESHA','MERIDETH','MARVELLA','MARQUITTA','MARHTA','MARCHELLE','LIZETH','LIBBIE','LAHOMA','LADAWN','KINA','KATHELEEN','KATHARYN','KARISA','KALEIGH','JUNIE','JULIEANN','JOHNSIE','JANEAN','JAIMEE','JACKQUELINE','HISAKO','HERMA','HELAINE','GWYNETH','GLENN','GITA','EUSTOLIA','EMELINA','ELIN','EDRIS','DONNETTE','DONNETTA','DIERDRE','DENAE','DARCEL','CLAUDE','CLARISA','CINDERELLA','CHIA','CHARLESETTA','CHARITA','CELSA','CASSY','CASSI','CARLEE','BRUNA','BRITTANEY','BRANDE','BILLI','BAO','ANTONETTA','ANGLA','ANGELYN','ANALISA','ALANE','WENONA','WENDIE','VERONIQUE','VANNESA','TOBIE','TEMPIE','SUMIKO','SULEMA','SPARKLE','SOMER','SHEBA','SHAYNE','SHARICE','SHANEL','SHALON','SAGE','ROY','ROSIO','ROSELIA','RENAY','REMA','REENA','PORSCHE','PING','PEG','OZIE','ORETHA','ORALEE','ODA','NU','NGAN','NAKESHA','MILLY','MARYBELLE','MARLIN','MARIS','MARGRETT','MARAGARET','MANIE','LURLENE','LILLIA','LIESELOTTE','LAVELLE','LASHAUNDA','LAKEESHA','KEITH','KAYCEE','KALYN','JOYA','JOETTE','JENAE','JANIECE','ILLA','GRISEL','GLAYDS','GENEVIE','GALA','FREDDA','FRED','ELMER','ELEONOR','DEBERA','DEANDREA','DAN','CORRINNE','CORDIA','CONTESSA','COLENE','CLEOTILDE','CHARLOTT','CHANTAY','CECILLE','BEATRIS','AZALEE','ARLEAN','ARDATH','ANJELICA','ANJA','ALFREDIA','ALEISHA','ADAM','ZADA','YUONNE','XIAO','WILLODEAN','WHITLEY','VENNIE','VANNA','TYISHA','TOVA','TORIE','TONISHA','TILDA','TIEN','TEMPLE','SIRENA','SHERRIL','SHANTI','SHAN','SENAIDA','SAMELLA','ROBBYN','RENDA','REITA','PHEBE','PAULITA','NOBUKO','NGUYET','NEOMI','MOON','MIKAELA','MELANIA','MAXIMINA','MARG','MAISIE','LYNNA','LILLI','LAYNE','LASHAUN','LAKENYA','LAEL','KIRSTIE','KATHLINE','KASHA','KARLYN','KARIMA','JOVAN','JOSEFINE','JENNELL','JACQUI','JACKELYN','HYO','HIEN','GRAZYNA','FLORRIE','FLORIA','ELEONORA','DWANA','DORLA','DONG','DELMY','DEJA','DEDE','DANN','CRYSTA','CLELIA','CLARIS','CLARENCE','CHIEKO','CHERLYN','CHERELLE','CHARMAIN','CHARA','CAMMY','BEE','ARNETTE','ARDELLE','ANNIKA','AMIEE','AMEE','ALLENA','YVONE','YUKI','YOSHIE','YEVETTE','YAEL','WILLETTA','VONCILE','VENETTA','TULA','TONETTE','TIMIKA','TEMIKA','TELMA','TEISHA','TAREN','TA','STACEE','SHIN','SHAWNTA','SATURNINA','RICARDA','POK','PASTY','ONIE','NUBIA','MORA','MIKE','MARIELLE','MARIELLA','MARIANELA','MARDELL','MANY','LUANNA','LOISE','LISABETH','LINDSY','LILLIANA','LILLIAM','LELAH','LEIGHA','LEANORA','LANG','KRISTEEN','KHALILAH','KEELEY','KANDRA','JUNKO','JOAQUINA','JERLENE','JANI','JAMIKA','JAME','HSIU','HERMILA','GOLDEN','GENEVIVE','EVIA','EUGENA','EMMALINE','ELFREDA','ELENE','DONETTE','DELCIE','DEEANNA','DARCEY','CUC','CLARINDA','CIRA','CHAE','CELINDA','CATHERYN','CATHERIN','CASIMIRA','CARMELIA','CAMELLIA','BREANA','BOBETTE','BERNARDINA','BEBE','BASILIA','ARLYNE','AMAL','ALAYNA','ZONIA','ZENIA','YURIKO','YAEKO','WYNELL','WILLOW','WILLENA','VERNIA','TU','TRAVIS','TORA','TERRILYN','TERICA','TENESHA','TAWNA','TAJUANA','TAINA','STEPHNIE','SONA','SOL','SINA','SHONDRA','SHIZUKO','SHERLENE','SHERICE','SHARIKA','ROSSIE','ROSENA','RORY','RIMA','RIA','RHEBA','RENNA','PETER','NATALYA','NANCEE','MELODI','MEDA','MAXIMA','MATHA','MARKETTA','MARICRUZ','MARCELENE','MALVINA','LUBA','LOUETTA','LEIDA','LECIA','LAURAN','LASHAWNA','LAINE','KHADIJAH','KATERINE','KASI','KALLIE','JULIETTA','JESUSITA','JESTINE','JESSIA','JEREMY','JEFFIE','JANYCE','ISADORA','GEORGIANNE','FIDELIA','EVITA','EURA','EULAH','ESTEFANA','ELSY','ELIZABET','ELADIA','DODIE','DION','DIA','DENISSE','DELORAS','DELILA','DAYSI','DAKOTA','CURTIS','CRYSTLE','CONCHA','COLBY','CLARETTA','CHU','CHRISTIA','CHARLSIE','CHARLENA','CARYLON','BETTYANN','ASLEY','ASHLEA','AMIRA','AI','AGUEDA','AGNUS','YUETTE','VINITA','VICTORINA','TYNISHA','TREENA','TOCCARA','TISH','THOMASENA','TEGAN','SOILA','SHILOH','SHENNA','SHARMAINE','SHANTAE','SHANDI','SEPTEMBER','SARAN','SARAI','SANA','SAMUEL','SALLEY','ROSETTE','ROLANDE','REGINE','OTELIA','OSCAR','OLEVIA','NICHOLLE','NECOLE','NAIDA','MYRTA','MYESHA','MITSUE','MINTA','MERTIE','MARGY','MAHALIA','MADALENE','LOVE','LOURA','LOREAN','LEWIS','LESHA','LEONIDA','LENITA','LAVONE','LASHELL','LASHANDRA','LAMONICA','KIMBRA','KATHERINA','KARRY','KANESHA','JULIO','JONG','JENEVA','JAQUELYN','HWA','GILMA','GHISLAINE','GERTRUDIS','FRANSISCA','FERMINA','ETTIE','ETSUKO','ELLIS','ELLAN','ELIDIA','EDRA','DORETHEA','DOREATHA','DENYSE','DENNY','DEETTA','DAINE','CYRSTAL','CORRIN','CAYLA','CARLITA','CAMILA','BURMA','BULA','BUENA','BLAKE','BARABARA','AVRIL','AUSTIN','ALAINE','ZANA','WILHEMINA','WANETTA','VIRGIL','VI','VERONIKA','VERNON','VERLINE','VASILIKI','TONITA','TISA','TEOFILA','TAYNA','TAUNYA','TANDRA','TAKAKO','SUNNI','SUANNE','SIXTA','SHARELL','SEEMA','RUSSELL','ROSENDA','ROBENA','RAYMONDE','PEI','PAMILA','OZELL','NEIDA','NEELY','MISTIE','MICHA','MERISSA','MAURITA','MARYLN','MARYETTA','MARSHALL','MARCELL','MALENA','MAKEDA','MADDIE','LOVETTA','LOURIE','LORRINE','LORILEE','LESTER','LAURENA','LASHAY','LARRAINE','LAREE','LACRESHA','KRISTLE','KRISHNA','KEVA','KEIRA','KAROLE','JOIE','JINNY','JEANNETTA','JAMA','HEIDY','GILBERTE','GEMA','FAVIOLA','EVELYNN','ENDA','ELLI','ELLENA','DIVINA','DAGNY','COLLENE','CODI','CINDIE','CHASSIDY','CHASIDY','CATRICE','CATHERINA','CASSEY','CAROLL','CARLENA','CANDRA','CALISTA','BRYANNA','BRITTENY','BEULA','BARI','AUDRIE','AUDRIA','ARDELIA','ANNELLE','ANGILA','ALONA','ALLYN','DOUGLAS','ROGER','JONATHAN','RALPH','NICHOLAS','BENJAMIN','BRUCE','HARRY','WAYNE','STEVE','HOWARD','ERNEST','PHILLIP','TODD','CRAIG','ALAN','PHILIP','EARL','DANNY','BRYAN','STANLEY','LEONARD','NATHAN','MANUEL','RODNEY','MARVIN','VINCENT','JEFFERY','JEFF','CHAD','JACOB','ALFRED','BRADLEY','HERBERT','FREDERICK','EDWIN','DON','RICKY','RANDALL','BARRY','BERNARD','LEROY','MARCUS','THEODORE','CLIFFORD','MIGUEL','JIM','TOM','CALVIN','BILL','LLOYD','DEREK','WARREN','DARRELL','JEROME','FLOYD','ALVIN','TIM','GORDON','GREG','JORGE','DUSTIN','PEDRO','DERRICK','ZACHARY','HERMAN','GLEN','HECTOR','RICARDO','RICK','BRENT','RAMON','GILBERT','MARC','REGINALD','RUBEN','NATHANIEL','RAFAEL','EDGAR','MILTON','RAUL','BEN','CHESTER','DUANE','FRANKLIN','BRAD','RON','ROLAND','ARNOLD','HARVEY','JARED','ERIK','DARRYL','NEIL','JAVIER','FERNANDO','CLINTON','TED','MATHEW','TYRONE','DARREN','LANCE','KURT','ALLAN','NELSON','GUY','CLAYTON','HUGH','MAX','DWAYNE','DWIGHT','ARMANDO','FELIX','EVERETT','IAN','WALLACE','KEN','BOB','ALFREDO','ALBERTO','DAVE','IVAN','BYRON','ISAAC','MORRIS','CLIFTON','WILLARD','ROSS','ANDY','SALVADOR','KIRK','SERGIO','SETH','KENT','TERRANCE','EDUARDO','TERRENCE','ENRIQUE','WADE','STUART','FREDRICK','ARTURO','ALEJANDRO','NICK','LUTHER','WENDELL','JEREMIAH','JULIUS','OTIS','TREVOR','OLIVER','LUKE','HOMER','GERARD','DOUG','KENNY','HUBERT','LYLE','MATT','ALFONSO','ORLANDO','REX','CARLTON','ERNESTO','NEAL','PABLO','LORENZO','OMAR','WILBUR','GRANT','HORACE','RODERICK','ABRAHAM','WILLIS','RICKEY','ANDRES','CESAR','JOHNATHAN','MALCOLM','RUDOLPH','DAMON','KELVIN','PRESTON','ALTON','ARCHIE','MARCO','WM','PETE','RANDOLPH','GARRY','GEOFFREY','JONATHON','FELIPE','GERARDO','ED','DOMINIC','DELBERT','COLIN','GUILLERMO','EARNEST','LUCAS','BENNY','SPENCER','RODOLFO','MYRON','EDMUND','GARRETT','SALVATORE','CEDRIC','LOWELL','GREGG','SHERMAN','WILSON','SYLVESTER','ROOSEVELT','ISRAEL','JERMAINE','FORREST','WILBERT','LELAND','SIMON','CLARK','IRVING','BRYANT','OWEN','RUFUS','WOODROW','KRISTOPHER','MACK','LEVI','MARCOS','GUSTAVO','JAKE','LIONEL','GILBERTO','CLINT','NICOLAS','ISMAEL','ORVILLE','ERVIN','DEWEY','AL','WILFRED','JOSH','HUGO','IGNACIO','CALEB','TOMAS','SHELDON','ERICK','STEWART','DOYLE','DARREL','ROGELIO','TERENCE','SANTIAGO','ALONZO','ELIAS','BERT','ELBERT','RAMIRO','CONRAD','NOAH','GRADY','PHIL','CORNELIUS','LAMAR','ROLANDO','CLAY','PERCY','DEXTER','BRADFORD','DARIN','AMOS','MOSES','IRVIN','SAUL','ROMAN','RANDAL','TIMMY','DARRIN','WINSTON','BRENDAN','ABEL','DOMINICK','BOYD','EMILIO','ELIJAH','DOMINGO','EMMETT','MARLON','EMANUEL','JERALD','EDMOND','EMIL','DEWAYNE','WILL','OTTO','TEDDY','REYNALDO','BRET','JESS','TRENT','HUMBERTO','EMMANUEL','STEPHAN','VICENTE','LAMONT','GARLAND','MILES','EFRAIN','HEATH','RODGER','HARLEY','ETHAN','ELDON','ROCKY','PIERRE','JUNIOR','FREDDY','ELI','BRYCE','ANTOINE','STERLING','CHASE','GROVER','ELTON','CLEVELAND','DYLAN','CHUCK','DAMIAN','REUBEN','STAN','AUGUST','LEONARDO','JASPER','RUSSEL','ERWIN','BENITO','HANS','MONTE','BLAINE','ERNIE','CURT','QUENTIN','AGUSTIN','MURRAY','JAMAL','ADOLFO','HARRISON','TYSON','BURTON','BRADY','ELLIOTT','WILFREDO','BART','JARROD','VANCE','DENIS','DAMIEN','JOAQUIN','HARLAN','DESMOND','ELLIOT','DARWIN','GREGORIO','BUDDY','XAVIER','KERMIT','ROSCOE','ESTEBAN','ANTON','SOLOMON','SCOTTY','NORBERT','ELVIN','WILLIAMS','NOLAN','ROD','QUINTON','HAL','BRAIN','ROB','ELWOOD','KENDRICK','DARIUS','MOISES','FIDEL','THADDEUS','CLIFF','MARCEL','JACKSON','RAPHAEL','BRYON','ARMAND','ALVARO','JEFFRY','DANE','JOESPH','THURMAN','NED','RUSTY','MONTY','FABIAN','REGGIE','MASON','GRAHAM','ISAIAH','VAUGHN','GUS','LOYD','DIEGO','ADOLPH','NORRIS','MILLARD','ROCCO','GONZALO','DERICK','RODRIGO','WILEY','RIGOBERTO','ALPHONSO','TY','NOE','VERN','REED','JEFFERSON','ELVIS','BERNARDO','MAURICIO','HIRAM','DONOVAN','BASIL','RILEY','NICKOLAS','MAYNARD','SCOT','VINCE','QUINCY','EDDY','SEBASTIAN','FEDERICO','ULYSSES','HERIBERTO','DONNELL','COLE','DAVIS','GAVIN','EMERY','WARD','ROMEO','JAYSON','DANTE','CLEMENT','COY','MAXWELL','JARVIS','BRUNO','ISSAC','DUDLEY','BROCK','SANFORD','CARMELO','BARNEY','NESTOR','STEFAN','DONNY','ART','LINWOOD','BEAU','WELDON','GALEN','ISIDRO','TRUMAN','DELMAR','JOHNATHON','SILAS','FREDERIC','DICK','IRWIN','MERLIN','CHARLEY','MARCELINO','HARRIS','CARLO','TRENTON','KURTIS','HUNTER','AURELIO','WINFRED','VITO','COLLIN','DENVER','CARTER','LEONEL','EMORY','PASQUALE','MOHAMMAD','MARIANO','DANIAL','LANDON','DIRK','BRANDEN','ADAN','BUFORD','GERMAN','WILMER','EMERSON','ZACHERY','FLETCHER','JACQUES','ERROL','DALTON','MONROE','JOSUE','EDWARDO','BOOKER','WILFORD','SONNY','SHELTON','CARSON','THERON','RAYMUNDO','DAREN','HOUSTON','ROBBY','LINCOLN','GENARO','BENNETT','OCTAVIO','CORNELL','HUNG','ARRON','ANTONY','HERSCHEL','GIOVANNI','GARTH','CYRUS','CYRIL','RONNY','LON','FREEMAN','DUNCAN','KENNITH','CARMINE','ERICH','CHADWICK','WILBURN','RUSS','REID','MYLES','ANDERSON','MORTON','JONAS','FOREST','MITCHEL','MERVIN','ZANE','RICH','JAMEL','LAZARO','ALPHONSE','RANDELL','MAJOR','JARRETT','BROOKS','ABDUL','LUCIANO','SEYMOUR','EUGENIO','MOHAMMED','VALENTIN','CHANCE','ARNULFO','LUCIEN','FERDINAND','THAD','EZRA','ALDO','RUBIN','ROYAL','MITCH','EARLE','ABE','WYATT','MARQUIS','LANNY','KAREEM','JAMAR','BORIS','ISIAH','EMILE','ELMO','ARON','LEOPOLDO','EVERETTE','JOSEF','ELOY','RODRICK','REINALDO','LUCIO','JERROD','WESTON','HERSHEL','BARTON','PARKER','LEMUEL','BURT','JULES','GIL','ELISEO','AHMAD','NIGEL','EFREN','ANTWAN','ALDEN','MARGARITO','COLEMAN','DINO','OSVALDO','LES','DEANDRE','NORMAND','KIETH','TREY','NORBERTO','NAPOLEON','JEROLD','FRITZ','ROSENDO','MILFORD','CHRISTOPER','ALFONZO','LYMAN','JOSIAH','BRANT','WILTON','RICO','JAMAAL','DEWITT','BRENTON','OLIN','FOSTER','FAUSTINO','CLAUDIO','JUDSON','GINO','EDGARDO','ALEC','TANNER','JARRED','DONN','TAD','PRINCE','PORFIRIO','ODIS','LENARD','CHAUNCEY','TOD','MEL','MARCELO','KORY','AUGUSTUS','KEVEN','HILARIO','BUD','SAL','ORVAL','MAURO','ZACHARIAH','OLEN','ANIBAL','MILO','JED','DILLON','AMADO','NEWTON','LENNY','RICHIE','HORACIO','BRICE','MOHAMED','DELMER','DARIO','REYES','MAC','JONAH','JERROLD','ROBT','HANK','RUPERT','ROLLAND','KENTON','DAMION','ANTONE','WALDO','FREDRIC','BRADLY','KIP','BURL','WALKER','TYREE','JEFFEREY','AHMED','WILLY','STANFORD','OREN','NOBLE','MOSHE','MIKEL','ENOCH','BRENDON','QUINTIN','JAMISON','FLORENCIO','DARRICK','TOBIAS','HASSAN','GIUSEPPE','DEMARCUS','CLETUS','TYRELL','LYNDON','KEENAN','WERNER','GERALDO','COLUMBUS','CHET','BERTRAM','MARKUS','HUEY','HILTON','DWAIN','DONTE','TYRON','OMER','ISAIAS','HIPOLITO','FERMIN','ADALBERTO','BO','BARRETT','TEODORO','MCKINLEY','MAXIMO','GARFIELD','RALEIGH','LAWERENCE','ABRAM','RASHAD','KING','EMMITT','DARON','SAMUAL','MIQUEL','EUSEBIO','DOMENIC','DARRON','BUSTER','WILBER','RENATO','JC','HOYT','HAYWOOD','EZEKIEL','CHAS','FLORENTINO','ELROY','CLEMENTE','ARDEN','NEVILLE','EDISON','DESHAWN','NATHANIAL','JORDON','DANILO','CLAUD','SHERWOOD','RAYMON','RAYFORD','CRISTOBAL','AMBROSE','TITUS','HYMAN','FELTON','EZEQUIEL','ERASMO','STANTON','LONNY','LEN','IKE','MILAN','LINO','JAROD','HERB','ANDREAS','WALTON','RHETT','PALMER','DOUGLASS','CORDELL','OSWALDO','ELLSWORTH','VIRGILIO','TONEY','NATHANAEL','DEL','BENEDICT','MOSE','JOHNSON','ISREAL','GARRET','FAUSTO','ASA','ARLEN','ZACK','WARNER','MODESTO','FRANCESCO','MANUAL','GAYLORD','GASTON','FILIBERTO','DEANGELO','MICHALE','GRANVILLE','WES','MALIK','ZACKARY','TUAN','ELDRIDGE','CRISTOPHER','CORTEZ','ANTIONE','MALCOM','LONG','KOREY','JOSPEH','COLTON','WAYLON','VON','HOSEA','SHAD','SANTO','RUDOLF','ROLF','REY','RENALDO','MARCELLUS','LUCIUS','KRISTOFER','BOYCE','BENTON','HAYDEN','HARLAND','ARNOLDO','RUEBEN','LEANDRO','KRAIG','JERRELL','JEROMY','HOBERT','CEDRICK','ARLIE','WINFORD','WALLY','LUIGI','KENETH','JACINTO','GRAIG','FRANKLYN','EDMUNDO','SID','PORTER','LEIF','JERAMY','BUCK','WILLIAN','VINCENZO','SHON','LYNWOOD','JERE','HAI','ELDEN','DORSEY','DARELL','BRODERICK','ALONSO'];
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-220-heighway-dragon.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-220-heighway-dragon.chinese.md
new file mode 100644
index 0000000000..15ac447985
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-220-heighway-dragon.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4481000cf542c50ff5b
+challengeType: 5
+title: 'Problem 220: Heighway Dragon'
+videoUrl: ''
+localeTitle: 问题220：高速公路龙
+---
+
+## Description
+<section id="description">设D0为双字母串“Fa”。对于n≥1，通过字符串重写规则从Dn-1导出Dn： <p> “a”→“aRbFR”“b”→“LFaLb” </p><p>因此，D0 =“Fa”，D1 =“FaRbFR”，D2 =“FaRbFRRLFaLbFR”，等等。 </p><p>这些字符串可以解释为计算机图形程序的指令，“F”表示“向前绘制一个单位”，“L”表示“向左转90度”，“R”表示“向右转90度”，和“a” “和”b“被忽略了。计算机光标的初始位置是（0,0），指向（0,1）。 </p><p>然后Dn是一种奇特的绘画，被称为n阶的Heighway Dragon。例如，D10如下所示;将每个“F”计为一步，（18,16）处的突出显示点是500步后达到的位置。 </p><p> D50中1012步后光标的位置是什么？以x，y的形式给出答案，没有空格。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>euler220()</code>应返回139776,963904。'
+    testString: 'assert.strictEqual(euler220(), 139776, 963904, "<code>euler220()</code> should return 139776, 963904.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler220() {
+  // Good luck!
+  return true;
+}
+
+euler220();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-221-alexandrian-integers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-221-alexandrian-integers.chinese.md
new file mode 100644
index 0000000000..482a6e7439
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-221-alexandrian-integers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4491000cf542c50ff5c
+challengeType: 5
+title: 'Problem 221: Alexandrian Integers'
+videoUrl: ''
+localeTitle: 问题221：亚历山大整数
+---
+
+## Description
+<section id="description">如果存在整数p，q，r，我们将调用正整数A和“亚历山大整数”，这样： <pre> <code> A = p · q · r    and 1A</code> </pre><p> = </p><pre> <code> 1p</code> </pre><p> + </p><pre> <code> 1q</code> </pre><p> + </p><pre> <code> 1r</code> </pre><p>例如，630是亚历山大整数（p = 5，q = -7，r = -18）。实际上，630是第6个亚历山大整数，前6个亚历山大整数是：6,42,120,156,420和630。 </p><p>找到第150000个亚历山大整数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler221()</code>应该返回1884161251122450。
+    testString: 'assert.strictEqual(euler221(), 1884161251122450, "<code>euler221()</code> should return 1884161251122450.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler221() {
+  // Good luck!
+  return true;
+}
+
+euler221();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-222-sphere-packing.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-222-sphere-packing.chinese.md
new file mode 100644
index 0000000000..ba0f42a04c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-222-sphere-packing.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f44b1000cf542c50ff5d
+challengeType: 5
+title: 'Problem 222: Sphere Packing'
+videoUrl: ''
+localeTitle: 问题222：球体包装
+---
+
+## Description
+<section id="description">什么是最短管道的长度，内径为50毫米，可以完全包含21个半径为30毫米，31毫米，......，50毫米的球？ <p>以微米（10-6米）四舍五入到最接近的整数给出答案。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler222()</code>应该返回1590933。
+    testString: 'assert.strictEqual(euler222(), 1590933, "<code>euler222()</code> should return 1590933.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler222() {
+  // Good luck!
+  return true;
+}
+
+euler222();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-223-almost-right-angled-triangles-i.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-223-almost-right-angled-triangles-i.chinese.md
new file mode 100644
index 0000000000..96dded022c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-223-almost-right-angled-triangles-i.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f44b1000cf542c50ff5e
+challengeType: 5
+title: 'Problem 223: Almost right-angled triangles I'
+videoUrl: ''
+localeTitle: 问题223：几乎是直角三角形I.
+---
+
+## Description
+<section id="description">如果边满足a2 + b2 = c2 + 1，让我们称一个整数边三角形，边a≤b≤c几乎不是锐角。 <p>有多少个几乎没有锐角的三角形，周长≤25,000,000？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler223()</code>应该返回61614848。
+    testString: 'assert.strictEqual(euler223(), 61614848, "<code>euler223()</code> should return 61614848.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler223() {
+  // Good luck!
+  return true;
+}
+
+euler223();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-224-almost-right-angled-triangles-ii.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-224-almost-right-angled-triangles-ii.chinese.md
new file mode 100644
index 0000000000..6b7deb8afb
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-224-almost-right-angled-triangles-ii.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f44e1000cf542c50ff5f
+challengeType: 5
+title: 'Problem 224: Almost right-angled triangles II'
+videoUrl: ''
+localeTitle: 问题224：几乎直角三角形II
+---
+
+## Description
+<section id="description">如果边满足a2 + b2 = c2  -  1，让我们称一个边长为a≤b≤c的整数边三角形，几乎不会钝。 <p>有多少个几乎没有钝角的三角形，周长≤75,000,000？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler224()</code>应返回4137330。
+    testString: 'assert.strictEqual(euler224(), 4137330, "<code>euler224()</code> should return 4137330.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler224() {
+  // Good luck!
+  return true;
+}
+
+euler224();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-225-tribonacci-non-divisors.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-225-tribonacci-non-divisors.chinese.md
new file mode 100644
index 0000000000..f6b18c7e2c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-225-tribonacci-non-divisors.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f44e1000cf542c50ff60
+challengeType: 5
+title: 'Problem 225: Tribonacci non-divisors'
+videoUrl: ''
+localeTitle: 问题225：Tribonacci非除数
+---
+
+## Description
+<section id="description">序列1,1,1,3,5,9,17,31,57,105,193,355,653,1201 ......由T1 = T2 = T3 = 1和Tn = Tn-1 + Tn定义-2 + Tn-3。 <p>可以证明27不会划分该序列的任何项。实际上，27是具有该属性的第一个奇数。 </p><p>找到不分割上述序列的任何项的第124个奇数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler225()</code>应该返回2009年。
+    testString: 'assert.strictEqual(euler225(), 2009, "<code>euler225()</code> should return 2009.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler225() {
+  // Good luck!
+  return true;
+}
+
+euler225();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-226-a-scoop-of-blancmange.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-226-a-scoop-of-blancmange.chinese.md
new file mode 100644
index 0000000000..8736083176
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-226-a-scoop-of-blancmange.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4511000cf542c50ff62
+challengeType: 5
+title: 'Problem 226: A Scoop of Blancmange'
+videoUrl: ''
+localeTitle: 问题226：Blancmange的一个独家新闻
+---
+
+## Description
+<section id="description"> blancmange曲线是点（x，y）的集合，使得0≤x≤1，并且其中s（x）=从x到最接近的整数的距离。 <p> blancmange曲线下面积等于½，如下图所示为粉红色。 </p><p>设C为中心（¼，½）和半径¼的圆，在图中以黑色显示。 </p><p> blancmange曲线下面的哪个区域被C包围？将你的答案四舍五入到小数点后八位的形式为0.abcdefgh </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler226()</code>应该返回0.11316017。
+    testString: 'assert.strictEqual(euler226(), 0.11316017, "<code>euler226()</code> should return 0.11316017.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler226() {
+  // Good luck!
+  return true;
+}
+
+euler226();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-227-the-chase.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-227-the-chase.chinese.md
new file mode 100644
index 0000000000..d9f04570ba
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-227-the-chase.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f44f1000cf542c50ff61
+challengeType: 5
+title: 'Problem 227: The Chase'
+videoUrl: ''
+localeTitle: 问题227：大通
+---
+
+## Description
+<section id="description"> “追逐”是一个玩两个骰子和偶数玩家的游戏。 <p>球员坐在桌子旁;游戏开始于两个相对的玩家，每个玩家有一个骰子。在每个回合中，两个玩家都会掷骰子。如果一名球员掷出一个1，他将骰子传给左边的邻居;如果他掷出一个6，他就把骰子传给右边的邻居;否则，他会为下一个回合保留死亡。游戏结束时，一个玩家在滚动并通过后都有两个骰子;那个玩家失败了。 </p><p>在拥有100名玩家的游戏中，游戏持续的预期轮数是多少？将您的答案四舍五入到十位有效数字。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler227()</code>应返回3780.618622。
+    testString: 'assert.strictEqual(euler227(), 3780.618622, "<code>euler227()</code> should return 3780.618622.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler227() {
+  // Good luck!
+  return true;
+}
+
+euler227();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-228-minkowski-sums.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-228-minkowski-sums.chinese.md
new file mode 100644
index 0000000000..27cbbb8813
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-228-minkowski-sums.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4511000cf542c50ff63
+challengeType: 5
+title: 'Problem 228: Minkowski Sums'
+videoUrl: ''
+localeTitle: 问题228：Minkowski Sums
+---
+
+## Description
+<section id="description">设Sn是常规的n边多边形 - 或形状 - 其顶点<p> vk（k = 1,2，...，n）有坐标： </p><pre> <code>xk   = cos( 2k-1/n ×180° ) yk   = sin( 2k-1/n ×180° )</code> </pre><p>每个Sn都被解释为由周边和内部的所有点组成的填充形状。 </p><p>两个形状S和T的Minkowski和S + T是结果</p><p>将S中的每个点添加到T中的每个点，其中以坐标方式执行点添加： </p><p> （u，v）+（x，y）=（u + x，v + y）。 </p><p>例如，S3和S4的总和是六边形，如下面粉红色所示： </p><p> S1864 + S1865 + ... + S1909有多少方面？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler228()</code>应返回86226。
+    testString: 'assert.strictEqual(euler228(), 86226, "<code>euler228()</code> should return 86226.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler228() {
+  // Good luck!
+  return true;
+}
+
+euler228();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-229-four-representations-using-squares.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-229-four-representations-using-squares.chinese.md
new file mode 100644
index 0000000000..3c1f49af63
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-229-four-representations-using-squares.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4521000cf542c50ff64
+challengeType: 5
+title: 'Problem 229: Four Representations using Squares'
+videoUrl: ''
+localeTitle: 问题229：使用正方形的四个表示
+---
+
+## Description
+<section id="description">考虑数字3600.这是非常特别的，因为<p> 3600 = 482 + 362 3600 = 202 + 2×402 3600 = 302 + 3×302 3600 = 452 + 7×152 </p><p>类似地，我们发现88201 = 992 + 2802 = 2872 + 2×542 = 2832 + 3×522 = 1972 + 7×842。 </p><p>在1747年，欧拉证明哪些数字可以表示为两个正方形的总和。我们感兴趣的是数字n，它承认以下四种类型的表示： </p><p> n = a12 + b12n = a22 + 2 b22n = a32 + 3 b32n = a72 + 7 b72， </p><p>其中ak和bk是正整数。 </p><p>有75373这样的数字不超过107。 </p><p>有多少这样的数字不超过2×109？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler229()</code>应该返回11325263。
+    testString: 'assert.strictEqual(euler229(), 11325263, "<code>euler229()</code> should return 11325263.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler229() {
+  // Good luck!
+  return true;
+}
+
+euler229();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-23-non-abundant-sums.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-23-non-abundant-sums.chinese.md
new file mode 100644
index 0000000000..350c57bcc9
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-23-non-abundant-sums.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3831000cf542c50fe96
+challengeType: 5
+title: 'Problem 23: Non-abundant sums'
+videoUrl: ''
+localeTitle: 问题23：非丰富的总和
+---
+
+## Description
+<section id="description">完美数字是一个数字，其正确除数的总和恰好等于数字。例如，28的适当除数之和为1 + 2 + 4 + 7 + 14 = 28，这意味着28是一个完美数。如果<var>n</var>的适当除数之和小于<var>n</var> ，则<var>n</var>被称为不足，如果该和超过<var>n</var>则称为<var>n</var> 。由于12是最小的有限数，1 + 2 + 3 + 4 + 6 = 16，可以写成两个有限数之和的最小数是24.通过数学分析，可以看出所有整数都大于28123可以写成两个数字的总和。然而，即使已知不能表示为两个充裕数的总和的最大数小于该限制，也不能通过分析进一步减小该上限。找出所有正整数&lt;= <var>n</var>的总和，它不能写成两个丰富数字的总和。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumOfNonAbundantNumbers(10000)</code>应返回3731004。
+    testString: 'assert(sumOfNonAbundantNumbers(10000) === 3731004, "<code>sumOfNonAbundantNumbers(10000)</code> should return 3731004.");'
+  - text: <code>sumOfNonAbundantNumbers(15000)</code>应该返回4039939。
+    testString: 'assert(sumOfNonAbundantNumbers(15000) === 4039939, "<code>sumOfNonAbundantNumbers(15000)</code> should return 4039939.");'
+  - text: <code>sumOfNonAbundantNumbers(20000)</code>应返回4159710。
+    testString: 'assert(sumOfNonAbundantNumbers(20000) === 4159710, "<code>sumOfNonAbundantNumbers(20000)</code> should return 4159710.");'
+  - text: <code>sumOfNonAbundantNumbers(28123)</code>应该返回4179871。
+    testString: 'assert(sumOfNonAbundantNumbers(28123) === 4179871, "<code>sumOfNonAbundantNumbers(28123)</code> should return 4179871.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumOfNonAbundantNumbers(n) {
+  // Good luck!
+  return n;
+}
+
+sumOfNonAbundantNumbers(28123);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-230-fibonacci-words.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-230-fibonacci-words.chinese.md
new file mode 100644
index 0000000000..388f004c46
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-230-fibonacci-words.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4531000cf542c50ff65
+challengeType: 5
+title: 'Problem 230: Fibonacci Words'
+videoUrl: ''
+localeTitle: 问题230：斐波纳契语
+---
+
+## Description
+<section id="description">对于任何两个数字串A和B，我们将FA，B定义为序列（A，B，AB，BAB，ABBAB，...），其中每个术语是前两个术语的串联。 <p>此外，我们将DA，B（n）定义为FA的第一项中的第n个数字，B包含至少n个数字。 </p><p>例： </p><p>设A = 1415926535，B = 8979323846。我们希望找到DA，B（35）。 </p><p> FA，B的前几个术语是：1415926535 8979323846 14159265358979323846 897932384614159265358979323846 14159265358979323846897932384614159265358979323846 </p><p>然后DA，B（35）是第五项中的第35位，即9。 </p><p>现在我们使用A小数点后面的前100位数字：14159265358979323846264338327950288419716939937510 58209749445923078164062862089986280348253421170679 </p><p>对于B下一百个数字： </p><p> 82148086513282306647093844609550582231725359408128 48111745028410270193852110555964462294895493038196。 </p><p>求Σn= 0,1，...，17 10n×DA，B（（127 + 19n）×7n）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler230()</code>应返回850481152593119200。
+    testString: 'assert.strictEqual(euler230(), 850481152593119200, "<code>euler230()</code> should return 850481152593119200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler230() {
+  // Good luck!
+  return true;
+}
+
+euler230();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-231-the-prime-factorisation-of-binomial-coefficients.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-231-the-prime-factorisation-of-binomial-coefficients.chinese.md
new file mode 100644
index 0000000000..2e2f8f20fd
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-231-the-prime-factorisation-of-binomial-coefficients.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4531000cf542c50ff66
+challengeType: 5
+title: 'Problem 231: The prime factorisation of binomial coefficients'
+videoUrl: ''
+localeTitle: 问题231：二项式系数的素因子化
+---
+
+## Description
+<section id="description">二项式系数10C3 = 120. 120 = 23×3×5 = 2×2×2×3×5，并且2 + 2 + 2 + 3 + 5 = 14.因此，素数因子分解中的项的总和为10C3是14岁。 <p>找出素数因子分解中的术语总和为20000000C15000000。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler231()</code>应该返回7526965179680。
+    testString: 'assert.strictEqual(euler231(), 7526965179680, "<code>euler231()</code> should return 7526965179680.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler231() {
+  // Good luck!
+  return true;
+}
+
+euler231();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-232-the-race.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-232-the-race.chinese.md
new file mode 100644
index 0000000000..3b43b18b1e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-232-the-race.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4551000cf542c50ff67
+challengeType: 5
+title: 'Problem 232: The Race'
+videoUrl: ''
+localeTitle: 问题232：比赛
+---
+
+## Description
+<section id="description">两名玩家分享一个无偏见的硬币并轮流玩“The Race”。在玩家1的回合中，他扔了一次硬币：如果它出现在Heads，他得分为1分;如果它出现Tails，他什么都没得分。在玩家2的回合中，她选择一个正整数T并将硬币投掷T次：如果它出现在所有的头上，她得到2T-1分;否则，她没有得分。玩家1排在第一位。获胜者是第一个达到100分或更多分。 <p>在每次转弯时，玩家2选择硬币投掷的数量T，以最大化她获胜的概率。 </p><p>玩家2获胜的概率是多少？ </p><p>将您的答案四舍五入到0.abcdefgh形式的八位小数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler232()</code>应返回0.83648556。
+    testString: 'assert.strictEqual(euler232(), 0.83648556, "<code>euler232()</code> should return 0.83648556.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler232() {
+  // Good luck!
+  return true;
+}
+
+euler232();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-233-lattice-points-on-a-circle.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-233-lattice-points-on-a-circle.chinese.md
new file mode 100644
index 0000000000..cab1ca02a3
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-233-lattice-points-on-a-circle.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4551000cf542c50ff68
+challengeType: 5
+title: 'Problem 233: Lattice points on a circle'
+videoUrl: ''
+localeTitle: 问题233：圆上的格点
+---
+
+## Description
+<section id="description">令f（N）是在通过（0,0），（N，0），（0，N）和（N，N）的圆上具有整数坐标的点的数量。可以证明f（10000）= 36。 <p>所有正整数N≤1011的总和是多少，f（N）= 420？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler233()</code>应该返回271204031455541300。
+    testString: 'assert.strictEqual(euler233(), 271204031455541300, "<code>euler233()</code> should return 271204031455541300.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler233() {
+  // Good luck!
+  return true;
+}
+
+euler233();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-234-semidivisible-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-234-semidivisible-numbers.chinese.md
new file mode 100644
index 0000000000..846da102b6
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-234-semidivisible-numbers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4571000cf542c50ff69
+challengeType: 5
+title: 'Problem 234: Semidivisible numbers'
+videoUrl: ''
+localeTitle: 问题234：半透明数字
+---
+
+## Description
+<section id="description">对于n≥4的整数，我们定义n的下素数根，用lps（n）表示，最大素数≤√n和n的上素数根，ups（n），作为最小素数≥ √N。因此，例如，lps（4）= 2 = ups（4），lps（1000）= 31，ups（1000）= 37.让我们称一个整数n≥4半可分，如果lps（n）和ups之一（n）除n，但不是两者。 <p>不可超过15的半可分数之和为30，数字为8,10和12. 15不是半可分的，因为它是lps（15）= 3和ups（15）= 5的倍数。作为另一个例子，最多1000个的92个半可见数字的总和是34825。 </p><p>所有半数均不超过999966663333的总和是多少？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler234()</code>应该返回1259187438574927000。
+    testString: 'assert.strictEqual(euler234(), 1259187438574927000, "<code>euler234()</code> should return 1259187438574927000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler234() {
+  // Good luck!
+  return true;
+}
+
+euler234();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-235-an-arithmetic-geometric-sequence.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-235-an-arithmetic-geometric-sequence.chinese.md
new file mode 100644
index 0000000000..d6aa2fb95b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-235-an-arithmetic-geometric-sequence.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4571000cf542c50ff6a
+challengeType: 5
+title: 'Problem 235: An Arithmetic Geometric sequence'
+videoUrl: ''
+localeTitle: 问题235：算术几何序列
+---
+
+## Description
+<section id="description">给定是算术几何序列u（k）=（900-3k）rk-1。设s（n）=Σk= 1 ... nu（k）。 <p>找到r的值，其中s（5000）=  -  600,000,000,000。 </p><p>将您的答案四舍五入到小数点后面的12位。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler235()</code>应该返回1.002322108633。
+    testString: 'assert.strictEqual(euler235(), 1.002322108633, "<code>euler235()</code> should return 1.002322108633.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler235() {
+  // Good luck!
+  return true;
+}
+
+euler235();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-236-luxury-hampers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-236-luxury-hampers.chinese.md
new file mode 100644
index 0000000000..f9a2f5d530
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-236-luxury-hampers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4591000cf542c50ff6b
+challengeType: 5
+title: 'Problem 236: Luxury Hampers'
+videoUrl: ''
+localeTitle: 问题236：豪华礼篮
+---
+
+## Description
+<section id="description">供应商&#39;A&#39;和&#39;B&#39;为奢侈品篮子市场提供以下数量的产品： <p> Product&#39;A“B&#39;Beluga Caviar5248640Christmas Cake13121888Gammon Joint26243776Vintage Port57603776Champagne Truffles39365664 </p><p>虽然供应商非常努力地将货物运送到完美的状态，但不可避免地会有一些变质 - 即产品变坏了。 </p><p>供应商使用两种类型的统计数据来比较他们的表现：每个供应商的五个每个产品的腐败率等于坏的产品数量除以供应的产品数量，依次为五个产品中的每一个。每个供应商的整体腐败率等于坏的产品总数除以该供应商提供的产品总数。令他们惊讶的是，供应商发现五种每种产品的腐败率都更差（更高） ）对于&#39;B&#39;而不是&#39;A&#39;由相同的因子（腐败率的比率），m&gt; 1;然而，矛盾的是，&#39;A&#39;的整体腐败率比&#39;B&#39;更差，也是m倍。 </p><p>有三十五米&gt; 1，这个惊人的结果可能会发生，其中最小的是1476/1475。 </p><p> m的最大可能值是多少？以u / v的形式将答案缩小到最低值。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler236()</code>应返回<code>euler236()</code> 。
+    testString: 'assert.strictEqual(euler236(), 123 / 59, "<code>euler236()</code> should return 123 / 59.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler236() {
+  // Good luck!
+  return true;
+}
+
+euler236();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-237-tours-on-a-4-x-n-playing-board.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-237-tours-on-a-4-x-n-playing-board.chinese.md
new file mode 100644
index 0000000000..2e6cb10782
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-237-tours-on-a-4-x-n-playing-board.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4591000cf542c50ff6c
+challengeType: 5
+title: 'Problem 237: Tours on a 4 x n playing board'
+videoUrl: ''
+localeTitle: 问题237：在4 x n游戏板上游览
+---
+
+## Description
+<section id="description">设T（n）为4×n游戏板上的游览次数，使得：游览从左上角开始。巡视包括向上，向下，向左或向右一个方格的移动。游览访问每个广场一次。游览结束于左下角。该图显示了4×10板上的一次巡视： <p> T（10）是2329.什么是T（1012）模108？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler237()</code>应该返回15836928。
+    testString: 'assert.strictEqual(euler237(), 15836928, "<code>euler237()</code> should return 15836928.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler237() {
+  // Good luck!
+  return true;
+}
+
+euler237();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-238-infinite-string-tour.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-238-infinite-string-tour.chinese.md
new file mode 100644
index 0000000000..802f64fa1d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-238-infinite-string-tour.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f45b1000cf542c50ff6d
+challengeType: 5
+title: 'Problem 238: Infinite string tour'
+videoUrl: ''
+localeTitle: 问题238：无限的字符串游览
+---
+
+## Description
+<section id="description">使用“Blum Blum Shub”伪随机数生成器创建一系列数字： <p> s0 = 14025256 sn + 1 = sn2 mod 20300713 </p><p>连接这些数字s0s1s2 ...以创建一个无限长度的字符串w。然后，w = 14025256741014958470038053646 ...... </p><p>对于正整数k，如果不存在w的子串，其中数字之和等于k，则p（k）被定义为零。如果w的至少一个子字符串存在且数字之和等于k，则我们定义p（k）= z，其中z是最早的这种子字符串的起始位置。 </p><p>例如： </p><p>子串1,14,1402 ......具有等于1,5,7，...的数字的总和，从位置1开始，因此p（1）= p（5）= p（7）= ...... = 1。 </p><p>子串4,402,4025，...各自的数字总和等于4,6,11 ......从位置2开始，因此p（4）= p（6）= p（11）= ...... = 2。 </p><p>子串02,0252，......各自的数字总和等于2,9，...从位置3开始，因此p（2）= p（9）= ...... = 3。 </p><p>请注意，从位置3开始的子字符串025具有等于7的数字之和，但是存在较早的子字符串（从位置1开始），其数字之和等于7，因此p（7）= 1，而不是3。 </p><p>我们可以验证，对于0 &lt;k≤103，Σp（k）= 4742。 </p><p>求Σp（k），0 &lt;k≤2·1015。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler238()</code>应该返回9922545104535660。
+    testString: 'assert.strictEqual(euler238(), 9922545104535660, "<code>euler238()</code> should return 9922545104535660.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler238() {
+  // Good luck!
+  return true;
+}
+
+euler238();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-239-twenty-two-foolish-primes.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-239-twenty-two-foolish-primes.chinese.md
new file mode 100644
index 0000000000..49a48d9db4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-239-twenty-two-foolish-primes.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f45c1000cf542c50ff6e
+challengeType: 5
+title: 'Problem 239: Twenty-two Foolish Primes'
+videoUrl: ''
+localeTitle: 问题239：二十二个愚蠢的素数
+---
+
+## Description
+<section id="description">编号为1到100的一组磁盘以随机顺序排列成一行。 <p>我们有一个部分紊乱的概率是多少，这样才能确定22个素数盘远离它们的自然位置？ （任何数量的非主要磁盘也可以在其自然位置内或外找到。） </p><p>将答案四舍五入到小数点后面的12位，格式为0.abcdefghijkl。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler239()</code>应该返回0.001887854841。
+    testString: 'assert.strictEqual(euler239(), 0.001887854841, "<code>euler239()</code> should return 0.001887854841.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler239() {
+  // Good luck!
+  return true;
+}
+
+euler239();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-24-lexicographic-permutations.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-24-lexicographic-permutations.chinese.md
new file mode 100644
index 0000000000..74c4ea0bcd
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-24-lexicographic-permutations.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3841000cf542c50fe97
+challengeType: 5
+title: 'Problem 24: Lexicographic permutations'
+videoUrl: ''
+localeTitle: 问题24：字典排列
+---
+
+## Description
+<section id="description">置换是对象的有序排列。例如，3124是数字1,2,3和4的一种可能的排列。如果所有排列都以数字或字母顺序列出，我们称之为词典顺序。字典排列0,1和2是： <div style="text-align: center;"> 012 021 102 120 201 210 </div>数字0,1,2,3,4,5,6,7,8和9的第<var>n</var>个词典排列是什么？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>lexicographicPermutations(699999)</code>应该返回1938246570。
+    testString: 'assert(lexicographicPermutations(699999) == 1938246570, "<code>lexicographicPermutations(699999)</code> should return 1938246570.");'
+  - text: <code>lexicographicPermutations(899999)</code>应该返回2536987410。
+    testString: 'assert(lexicographicPermutations(899999) == 2536987410, "<code>lexicographicPermutations(899999)</code> should return 2536987410.");'
+  - text: <code>lexicographicPermutations(900000)</code>应该返回2537014689。
+    testString: 'assert(lexicographicPermutations(900000) == 2537014689, "<code>lexicographicPermutations(900000)</code> should return 2537014689.");'
+  - text: <code>lexicographicPermutations(999999)</code>应该返回2783915460。
+    testString: 'assert(lexicographicPermutations(999999) == 2783915460, "<code>lexicographicPermutations(999999)</code> should return 2783915460.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function lexicographicPermutations(n) {
+  // Good luck!
+  return n;
+}
+
+lexicographicPermutations(999999);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-240-top-dice.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-240-top-dice.chinese.md
new file mode 100644
index 0000000000..30a8e464b8
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-240-top-dice.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f45d1000cf542c50ff6f
+challengeType: 5
+title: 'Problem 240: Top Dice'
+videoUrl: ''
+localeTitle: 问题240：顶部骰子
+---
+
+## Description
+<section id="description">有1111种方式可以滚动五个6面骰子（编号为1到6的边），使前三个总和为15.一些例子是： <p> D1，D2，D3，D4，D5 = 4,3,6,3,5 </p><p> D1，D2，D3，D4，D5 = 4,3,3,5,6 </p><p> D1，D2，D3，D4，D5 = 3,3,3,6,6 </p><p> D1，D2，D3，D4，D5 = 6,6,3,3,3 </p><p>在多少个方面可以滚动20个12面骰子（编号为1到12的边），使前十个骰子总和达到70？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler240()</code>应该返回7448717393364182000。
+    testString: 'assert.strictEqual(euler240(), 7448717393364182000, "<code>euler240()</code> should return 7448717393364182000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler240() {
+  // Good luck!
+  return true;
+}
+
+euler240();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-241-perfection-quotients.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-241-perfection-quotients.chinese.md
new file mode 100644
index 0000000000..e5be84a239
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-241-perfection-quotients.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f45d1000cf542c50ff70
+challengeType: 5
+title: 'Problem 241: Perfection Quotients'
+videoUrl: ''
+localeTitle: 问题241：完美商数
+---
+
+## Description
+<section id="description">对于正整数n，令σ（n）为n的所有除数之和，因此例如σ（6）= 1 + 2 + 3 + 6 = 12。 <p>正如您所知，一个完美的数字是σ（n）= 2n的数字。 </p><p>让我们定义正整数asp（n）=σ（n）n的完美商。求出所有正整数n≤1018的和，其中p（n）的形式为k + 1/2，其中k是整数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler241()</code>应该返回482316491800641150。
+    testString: 'assert.strictEqual(euler241(), 482316491800641150, "<code>euler241()</code> should return 482316491800641150.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler241() {
+  // Good luck!
+  return true;
+}
+
+euler241();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-242-odd-triplets.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-242-odd-triplets.chinese.md
new file mode 100644
index 0000000000..3bb6402bcf
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-242-odd-triplets.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f45f1000cf542c50ff71
+challengeType: 5
+title: 'Problem 242: Odd Triplets'
+videoUrl: ''
+localeTitle: 问题242：奇数三胞胎
+---
+
+## Description
+<section id="description">给定集合{1,2，...，n}，我们将f（n，k）定义为具有奇数元素之和的k元素子集的数量。例如，f（5,3）= 4，因为集合{1,2,3,4,5}有四个3元素子集具有奇数元素，即：{1,2,4}，{ 1,3,5}，{2,3,4}和{2,4,5}。 <p>当所有三个值n，k和f（n，k）都是奇数时，我们说它们产生奇数三元组[n，k，f（n，k）]。 </p><p>正好有五个奇数三元组，n≤10，即：[1,1，f（1,1）= 1]，[5,1，f（5,1）= 3]，[5,5，f （5,5）= 1]，[9,1，f（9,1）= 5]和[9,9，f（9,9）= 1]。 </p><p> n≤1012，有多少奇数三胞胎？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler242()</code>应该返回997104142249036700。
+    testString: 'assert.strictEqual(euler242(), 997104142249036700, "<code>euler242()</code> should return 997104142249036700.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler242() {
+  // Good luck!
+  return true;
+}
+
+euler242();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-243-resilience.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-243-resilience.chinese.md
new file mode 100644
index 0000000000..7289b19cfb
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-243-resilience.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4601000cf542c50ff73
+challengeType: 5
+title: 'Problem 243: Resilience'
+videoUrl: ''
+localeTitle: 问题243：恢复力
+---
+
+## Description
+<section id="description">分子小于其分母的正分数称为适当分数。对于任何分母，d，将有d-1个适当的分数;例如，d = 12：1 / 12,2 / 12,3 / 12,4 / 12,5 / 12,6 / 12,7 / 12,8 / 12,9 / 12,10 / 12,11 / 12。 <p>我们将称一个无法取消弹性部分的分数。此外，我们将分母R（d）的弹性定义为具有弹性的适当分数的比率;例如，R（12）= 4/11。事实上，d = 12是具有弹性R（d）&lt;4/10的最小分母。 </p><p>找到最小分母d，具有弹性R（d）&lt;15499/94744。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler243()</code>应该返回892371480。
+    testString: 'assert.strictEqual(euler243(), 892371480, "<code>euler243()</code> should return 892371480.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler243() {
+  // Good luck!
+  return true;
+}
+
+euler243();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-244-sliders.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-244-sliders.chinese.md
new file mode 100644
index 0000000000..1bb43e8ae6
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-244-sliders.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4601000cf542c50ff72
+challengeType: 5
+title: 'Problem 244: Sliders'
+videoUrl: ''
+localeTitle: 问题244：滑块
+---
+
+## Description
+<section id="description">你可能知道游戏Fifteen Puzzle。在这里，我们有7个红色瓷砖和8个蓝色瓷砖，而不是编号瓷砖。移动由方块（左，右，上，下）的大写初始值表示，其中区块滑动，例如从配置（S）开始，通过序列LULUR我们到达配置（E）： <p> （S），（E） </p><p>对于每个路径，其校验和由（伪代码）计算： </p><p> checksum = 0 checksum =（checksum×243 + m1）mod 100 000 007 checksum =（checksum×243 + m2）mod 100 000 007 ... checksum =（checksum×243 + mn）mod 100 000 007其中mk是ASCII值移动序列中的第k个字母和移动的ASCII值为： </p><p> L76R82U85D68 </p><p>对于上面给出的序列LULUR，校验和将是19761398.现在，从配置（S）开始，找到达到配置（T）的所有最短路径。 </p><p> （S），（T） </p><p>具有最小长度的路径的所有校验和的总和是多少？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler244()</code>应该返回96356848。
+    testString: 'assert.strictEqual(euler244(), 96356848, "<code>euler244()</code> should return 96356848.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler244() {
+  // Good luck!
+  return true;
+}
+
+euler244();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-245-coresilience.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-245-coresilience.chinese.md
new file mode 100644
index 0000000000..8bbdd36074
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-245-coresilience.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4621000cf542c50ff74
+challengeType: 5
+title: 'Problem 245: Coresilience'
+videoUrl: ''
+localeTitle: 问题245：Coresilience
+---
+
+## Description
+<section id="description">我们将称一个无法取消弹性部分的分数。此外，我们将分母R（d）的弹性定义为具有弹性的适当分数的比率;例如，R（12）= 4/11。 <p>数d&gt; 1的弹性则为φ（d）d-1，其中φ是欧拉的函数。我们进一步定义了n&gt; 1的核心，即C（n）= n  - φ（n）n  -  1.素数p的核心是C（p）= 1p  -  1.找出所有复合整数的总和1 &lt;n≤2×1011，其中C（n）是单位分数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler245()</code>应该返回288084712410001。
+    testString: 'assert.strictEqual(euler245(), 288084712410001, "<code>euler245()</code> should return 288084712410001.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler245() {
+  // Good luck!
+  return true;
+}
+
+euler245();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-246-tangents-to-an-ellipse.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-246-tangents-to-an-ellipse.chinese.md
new file mode 100644
index 0000000000..ae24b0fb85
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-246-tangents-to-an-ellipse.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4621000cf542c50ff75
+challengeType: 5
+title: 'Problem 246: Tangents to an ellipse'
+videoUrl: ''
+localeTitle: 问题246：切线到椭圆
+---
+
+## Description
+<section id="description">椭圆的定义是：给定一个圆心c，其中心为M，半径为r，点G为d（G，M） <p>椭圆点的构造如下所示。 </p><p>给定的是M（-2000,1500）和G（8000,1500）。给定也是具有中心M和半径15000的圆c。与G和c等距的点的轨迹形成椭圆e。从外部的点P开始，绘制两个切线t1和t2到椭圆。让t1和t2接触椭圆的点为R和S. </p><p>对于多少格点P，角度RPS是否大于45度？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler246()</code>应该返回810834388。
+    testString: 'assert.strictEqual(euler246(), 810834388, "<code>euler246()</code> should return 810834388.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler246() {
+  // Good luck!
+  return true;
+}
+
+euler246();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-247-squares-under-a-hyperbola.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-247-squares-under-a-hyperbola.chinese.md
new file mode 100644
index 0000000000..946fd7cfdb
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-247-squares-under-a-hyperbola.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4641000cf542c50ff76
+challengeType: 5
+title: 'Problem 247: Squares under a hyperbola'
+videoUrl: ''
+localeTitle: 问题247：双曲线下的正方形
+---
+
+## Description
+<section id="description">考虑受1≤x且0≤y≤1/ x约束的区域。 <p>设S1是可以适应曲线的最大正方形。设S2是适合其余区域的最大正方形，依此类推。设Sn的指数是表示Sn左边的方格数和Sn以下的方格数的对（左下）。 </p><p>该图显示了一些用数字标记的方格。 S2左边有一个正方形，下面没有正方形，所以S2的索引是（1,0）。可以看出，S32的索引是（1,1），也是S50的索引。 50是Sn的指数为（1,1）的最大n。 </p><p> Sn指数为（3,3）的最大n是多少？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler247()</code>应该返回782252。
+    testString: 'assert.strictEqual(euler247(), 782252, "<code>euler247()</code> should return 782252.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler247() {
+  // Good luck!
+  return true;
+}
+
+euler247();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-248-numbers-for-which-eulers-totient-function-equals-13.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-248-numbers-for-which-eulers-totient-function-equals-13.chinese.md
new file mode 100644
index 0000000000..48e604988b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-248-numbers-for-which-eulers-totient-function-equals-13.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4651000cf542c50ff77
+challengeType: 5
+title: 'Problem 248: Numbers for which Euler’s totient function equals 13!'
+videoUrl: ''
+localeTitle: 问题248：Euler的totient函数等于13的数字！
+---
+
+## Description
+<section id="description"> φ（n）= 13的第一个数字n！是6227180929.找到第150,000个这样的数字。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler248()</code>应返回23507044290。
+    testString: 'assert.strictEqual(euler248(), 23507044290, "<code>euler248()</code> should return 23507044290.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler248() {
+  // Good luck!
+  return true;
+}
+
+euler248();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-249-prime-subset-sums.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-249-prime-subset-sums.chinese.md
new file mode 100644
index 0000000000..3a8f89d246
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-249-prime-subset-sums.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4671000cf542c50ff79
+challengeType: 5
+title: 'Problem 249: Prime Subset Sums'
+videoUrl: ''
+localeTitle: 问题249：Prime子集总和
+---
+
+## Description
+<section id="description">令S = {2,3,5，...，4999}为小于5000的素数集。求出S的子集数，其元素之和为素数。输入最右边的16位数字作为答案。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler249()</code>应该返回9275262564250418。
+    testString: 'assert.strictEqual(euler249(), 9275262564250418, "<code>euler249()</code> should return 9275262564250418.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler249() {
+  // Good luck!
+  return true;
+}
+
+euler249();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-25-1000-digit-fibonacci-number.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-25-1000-digit-fibonacci-number.chinese.md
new file mode 100644
index 0000000000..196ee54cff
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-25-1000-digit-fibonacci-number.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3851000cf542c50fe98
+challengeType: 5
+title: 'Problem 25: 1000-digit Fibonacci number'
+videoUrl: ''
+localeTitle: 问题25：1000位斐波纳契数
+---
+
+## Description
+<section id="description"> Fibonacci序列由递归关系定义： <div style="padding-left: 4em;"> F <sub>n</sub> = F <sub>n-1</sub> + F <sub>n-2</sub> ，其中F <sub>1</sub> = 1且F <sub>2</sub> = 1。 </div>因此，前12个学期将是： <div style="padding-left: 4em; display: inline-grid; grid-template-rows: auto; row-gap: 7px;"><div> F <sub>1</sub> = 1 </div><div> F <sub>2</sub> = 1 </div><div> F <sub>3</sub> = 2 </div><div> F <sub>4</sub> = 3 </div><div> F <sub>5</sub> = 5 </div><div> F <sub>6</sub> = 8 </div><div> F <sub>7</sub> = 13 </div><div> F <sub>8</sub> = 21 </div><div> F <sub>9</sub> = 34 </div><div> F <sub>10</sub> = 55 </div><div> F <sub>11</sub> = 89 </div><div> F <sub>12</sub> = 144 </div></div>第12个学期F <sub>12</sub>是第一个包含三位数的术语。 Fibonacci序列中包含<var>n个</var>数字的第一项的索引是多少？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>digitFibonacci(5)</code>应该返回21。
+    testString: 'assert.strictEqual(digitFibonacci(5), 21, "<code>digitFibonacci(5)</code> should return 21.");'
+  - text: <code>digitFibonacci(10)</code>应该返回45。
+    testString: 'assert.strictEqual(digitFibonacci(10), 45, "<code>digitFibonacci(10)</code> should return 45.");'
+  - text: <code>digitFibonacci(15)</code>应该返回69。
+    testString: 'assert.strictEqual(digitFibonacci(15), 69, "<code>digitFibonacci(15)</code> should return 69.");'
+  - text: <code>digitFibonacci(20)</code>应该返回93。
+    testString: 'assert.strictEqual(digitFibonacci(20), 93, "<code>digitFibonacci(20)</code> should return 93.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function digitFibonacci(n) {
+  // Good luck!
+  return n;
+}
+
+digitFibonacci(20);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-250-250250.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-250-250250.chinese.md
new file mode 100644
index 0000000000..a1b9649ac2
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-250-250250.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4661000cf542c50ff78
+challengeType: 5
+title: 'Problem 250: 250250'
+videoUrl: ''
+localeTitle: 问题250：250250
+---
+
+## Description
+<section id="description">找到{11,22,33，...，250250250250}的非空子集的数量，其元素的总和可被250整除。输入最右边的16位作为答案。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler250()</code>应该返回1425480602091519。
+    testString: 'assert.strictEqual(euler250(), 1425480602091519, "<code>euler250()</code> should return 1425480602091519.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler250() {
+  // Good luck!
+  return true;
+}
+
+euler250();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-251-cardano-triplets.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-251-cardano-triplets.chinese.md
new file mode 100644
index 0000000000..866f3722c0
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-251-cardano-triplets.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4671000cf542c50ff7a
+challengeType: 5
+title: 'Problem 251: Cardano Triplets'
+videoUrl: ''
+localeTitle: 问题251：卡尔达诺三胞胎
+---
+
+## Description
+<section id="description">如果满足条件，则正整数（a，b，c）的三元组称为Cardano三元组： <p>例如，（2,1,5）是Cardano Triplet。 </p><p>存在149个Cardano三胞胎，其中a + b +c≤1000。 </p><p>找出有多少卡尔达诺三胞胎存在，使a + b +c≤110,000,000。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler251()</code>应该返回18946051。
+    testString: 'assert.strictEqual(euler251(), 18946051, "<code>euler251()</code> should return 18946051.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler251() {
+  // Good luck!
+  return true;
+}
+
+euler251();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-252-convex-holes.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-252-convex-holes.chinese.md
new file mode 100644
index 0000000000..c71f66423b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-252-convex-holes.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4691000cf542c50ff7b
+challengeType: 5
+title: 'Problem 252: Convex Holes'
+videoUrl: ''
+localeTitle: 问题252：凸孔
+---
+
+## Description
+<section id="description">给定平面上的一组点，我们将凸孔定义为凸多边形，其具有作为顶点的任何给定点并且不包含其内部中的任何给定点（除了顶点之外，其他给定点可能位于在多边形的周长上）。 <p>作为示例，下面的图像示出了一组二十个点和一些这样的凸孔。显示为红色七边形的凸孔具有等于1049694.5平方单位的面积，这是给定点集上的凸孔的最高可能区域。 </p><p>对于我们的例子，我们使用前20个点（T2k-1，T2k），对于k = 1,2，...，20，使用伪随机数生成器生成： </p><p> S0 = 290797 Sn + 1 = Sn2 mod 50515093 Tn =（Sn mod 2000）-1000 </p><p>即（527,144），（ -  488,732），（ -  454，-947），...... </p><p>包含伪随机序列中前500个点的集合上凸孔的最大面积是多少？指定您的答案，包括小数点后的一位数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler252()</code>应该返回104924。
+    testString: 'assert.strictEqual(euler252(), 104924, "<code>euler252()</code> should return 104924.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler252() {
+  // Good luck!
+  return true;
+}
+
+euler252();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-253-tidying-up.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-253-tidying-up.chinese.md
new file mode 100644
index 0000000000..3ffa03fc25
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-253-tidying-up.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4691000cf542c50ff7c
+challengeType: 5
+title: 'Problem 253: Tidying up'
+videoUrl: ''
+localeTitle: 问题253：整理
+---
+
+## Description
+<section id="description">一个小孩子有一个“数字毛毛虫”，由四十个拼图块组成，每个拼图上有一个数字，当它们连成一条线时，按顺序显示数字1到40。 <p>每天晚上，孩子的父亲必须拿起散落在游戏室的毛毛虫的碎片。他随机拿起碎片并按正确顺序放置。当毛虫以这种方式建立时，它形成了逐渐融合在一起的不同部分。段的数量从零开始（没有放置件），通常增加到大约十一或十二，然后在完成单个段（放置所有件）之前往往再次下降。 </p><p>例如： </p><p>片段放置所以Far121422936434554354 ...... </p><p>设M是毛虫随机整理过程中遇到的最大段数。对于十件毛毛虫来说，每个M的可能性是多少</p><p> M Possibilities1512 2250912 31815264 41418112 5144000 </p><p>所以M的最可能值是3，平均值是385643/113400 = 3.400732，四舍五入到小数点后六位。 </p><p>对于四十件毛毛虫而言，M最可能的价值是11;但是M的平均值是多少？将您的答案四舍五入到小数点后六位。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler253()</code>应返回11.492847。
+    testString: 'assert.strictEqual(euler253(), 11.492847, "<code>euler253()</code> should return 11.492847.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler253() {
+  // Good luck!
+  return true;
+}
+
+euler253();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-254-sums-of-digit-factorials.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-254-sums-of-digit-factorials.chinese.md
new file mode 100644
index 0000000000..75c20ecbf7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-254-sums-of-digit-factorials.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f46b1000cf542c50ff7d
+challengeType: 5
+title: 'Problem 254: Sums of Digit Factorials'
+videoUrl: ''
+localeTitle: 问题254：数字因子的总和
+---
+
+## Description
+<section id="description">将f（n）定义为n的数字的阶乘的总和。例如，f（342）= 3！ + 4！ + 2！ = 32。 <p>将sf（n）定义为f（n）的数字之和。所以sf（342）= 3 + 2 = 5。 </p><p>将g（i）定义为最小的正整数n，使得sf（n）= i。虽然sf（342）是5，但sf（25）也是5，并且可以证实g（5）是25。 </p><p>将sg（i）定义为g（i）的数字之和。所以sg（5）= 2 + 5 = 7。 </p><p>此外，可以证实g（20）是267并且1≤i≤20的Σsg（i）是156。 </p><p>什么是Σsg（i）1≤i≤150？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler254()</code>应该返回8184523820510。
+    testString: 'assert.strictEqual(euler254(), 8184523820510, "<code>euler254()</code> should return 8184523820510.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler254() {
+  // Good luck!
+  return true;
+}
+
+euler254();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-255-rounded-square-roots.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-255-rounded-square-roots.chinese.md
new file mode 100644
index 0000000000..ad22c9835e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-255-rounded-square-roots.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f46d1000cf542c50ff7f
+challengeType: 5
+title: 'Problem 255: Rounded Square Roots'
+videoUrl: ''
+localeTitle: 问题255：圆角平方根
+---
+
+## Description
+<section id="description">我们将正整数n的圆角平方根定义为n的平方根，四舍五入到最接近的整数。 <p>以下过程（基本上是Heron的方法适用于整数运算）找到n的舍入平方根：设d是数字n的位数。如果d为奇数，则设置x0 = 2×10（d-1）/ 2。如果d是偶数，则设置x0 = 7×10（d-2）/ 2。重复： </p><p>直到xk + 1 = xk。 </p><p>举个例子，让我们找到n = 4321.n的圆角平方根有4个数字，所以x0 = 7×10（4-2）/2 = 70.由于x2 = x1，我们在这里停止。因此，经过两次迭代后，我们发现4321的圆角平方根为66（实际平方根为65.7343137 ......）。 </p><p>使用此方法时所需的迭代次数非常低。例如，我们可以找到5位整数的圆角平方根（10,000≤n≤99,999），平均迭代次数为3.2102888889（平均值四舍五入到10位小数）。 </p><p>使用上述过程，找到14位数字的圆角平方根（1013≤n&lt;1014）所需的平均迭代次数是多少？将您的答案四舍五入到小数点后10位。 </p><p>注意：符号⌊x⌋和⌈x⌉分别代表楼层功能和天花板功能。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler255()</code>应返回4.447401118。
+    testString: 'assert.strictEqual(euler255(), 4.447401118, "<code>euler255()</code> should return 4.447401118.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler255() {
+  // Good luck!
+  return true;
+}
+
+euler255();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-256-tatami-free-rooms.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-256-tatami-free-rooms.chinese.md
new file mode 100644
index 0000000000..c6f5c52f92
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-256-tatami-free-rooms.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f46c1000cf542c50ff7e
+challengeType: 5
+title: 'Problem 256: Tatami-Free Rooms'
+videoUrl: ''
+localeTitle: 问题256：无榻榻米房间
+---
+
+## Description
+<section id="description">榻榻米是长方形垫子，用于完全覆盖房间的地板，没有重叠。 <p>假设唯一可用的榻榻米尺寸为1×2，那么可以覆盖的房间的形状和大小显然存在一些限制。 </p><p>对于这个问题，我们只考虑具有整数尺寸a，b和均匀尺寸s = a·b的矩形房间。我们使用术语“大小”来表示房间的地板表面积，并且 - 不失一般性 - 我们添加条件a≤b。 </p><p>铺设榻榻米时要遵循一条规则：四个不同垫子的角落必须相遇。例如，考虑下面两个4×4房间的安排： </p><p>左边的排列是可以接受的，而右边的排列则不是：中间的红色“X”标志着四个榻榻米相遇的点。 </p><p>由于这个规则，某些大小合适的房间不能覆盖榻榻米：我们称之为榻榻米房间。此外，我们将T（s）定义为大小为s的无榻榻米房间的数量。 </p><p>最小的无榻榻米房间尺寸为s = 70，尺寸为7×10。所有其他尺寸为s = 70的房间都可以铺上榻榻米;它们是：1×70,2×35和5×14。因此，T（70）= 1。 </p><p>类似地，我们可以验证T（1320）= 5，因为正好有5个无榻榻米的房间，大小为s = 1320：20×66,22×60,24×55,30×44和33×40。事实上，s = 1320是T（s）= 5的最小房间尺寸。 </p><p>找到T（s）= 200的最小房间大小。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler256()</code>应该返回85765680。
+    testString: 'assert.strictEqual(euler256(), 85765680, "<code>euler256()</code> should return 85765680.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler256() {
+  // Good luck!
+  return true;
+}
+
+euler256();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-257-angular-bisectors.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-257-angular-bisectors.chinese.md
new file mode 100644
index 0000000000..a52aed189f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-257-angular-bisectors.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f46e1000cf542c50ff80
+challengeType: 5
+title: 'Problem 257: Angular Bisectors'
+videoUrl: ''
+localeTitle: 问题257：角度平分器
+---
+
+## Description
+<section id="description">给定是一个整数边三角形ABC，边a≤b≤c。 （AB = c，BC = a且AC = b）。三角形的角平分线在点E，F和G处与两侧相交（见下图）。 <p>段EF，EG和FG将三角形ABC划分为四个较小的三角形：AEG，BFE，CGF和EFG。可以证明，对于这四个三角形中的每一个，比率区域（ABC）/面积（子三角形）是合理的。然而，存在这些比率中的一些或全部是积分的三角形。 </p><p>存在多少个周长≤100,000,000的三角形ABC，以便比率面积（ABC）/面积（AEG）是整数？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler257()</code>应该返回139012411。
+    testString: 'assert.strictEqual(euler257(), 139012411, "<code>euler257()</code> should return 139012411.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler257() {
+  // Good luck!
+  return true;
+}
+
+euler257();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-258-a-lagged-fibonacci-sequence.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-258-a-lagged-fibonacci-sequence.chinese.md
new file mode 100644
index 0000000000..d7233a616c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-258-a-lagged-fibonacci-sequence.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f46e1000cf542c50ff81
+challengeType: 5
+title: 'Problem 258: A lagged Fibonacci sequence'
+videoUrl: ''
+localeTitle: 问题258：滞后的斐波那契序列
+---
+
+## Description
+<section id="description">序列定义为： <p> gk = 1，对于0≤k≤1999gk = gk-2000 + gk-1999，对于k≥2000。对于k = 1018，找到gk mod 20092010。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler258()</code>应该返回12747994。
+    testString: 'assert.strictEqual(euler258(), 12747994, "<code>euler258()</code> should return 12747994.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler258() {
+  // Good luck!
+  return true;
+}
+
+euler258();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-259-reachable-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-259-reachable-numbers.chinese.md
new file mode 100644
index 0000000000..325f3d4958
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-259-reachable-numbers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4701000cf542c50ff82
+challengeType: 5
+title: 'Problem 259: Reachable Numbers'
+videoUrl: ''
+localeTitle: 问题259：可达号码
+---
+
+## Description
+<section id="description">如果正整数可以由遵循以下规则的算术表达式产生，则称为正整数： <p>按顺序使用数字1到9，每个数字恰好一次。可以连接任何连续的数字（例如，使用数字2,3和4，我们获得数字234）。只允许四种常用的二进制算术运算（加法，减法，乘法和除法）。每个操作可以使用任何次数，或者根本不使用。不允许一元减号。可以使用任意数量（可能嵌套的）括号来定义操作的顺序。例如，42是可达的，因为（1/23） <em>（（4</em> 5）-6）*（78-9）= 42。 </p><p>所有正可达整数的总和是多少？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler259()</code>应返回20101196798。
+    testString: 'assert.strictEqual(euler259(), 20101196798, "<code>euler259()</code> should return 20101196798.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler259() {
+  // Good luck!
+  return true;
+}
+
+euler259();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-26-reciprocal-cycles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-26-reciprocal-cycles.chinese.md
new file mode 100644
index 0000000000..8377c91b91
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-26-reciprocal-cycles.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3861000cf542c50fe99
+challengeType: 5
+title: 'Problem 26: Reciprocal cycles'
+videoUrl: ''
+localeTitle: 问题26：互惠周期
+---
+
+## Description
+<section id="description">单位分数在分子中包含1。给出分母2到10的单位分数的十进制表示： <div style="padding-left: 4em; display: inline-grid; grid-template-rows: auto; row-gap: 7px;"><div> <sup><sub>二分之一</sub></sup> = 0.5 </div><div> <sup><sub>三分之一</sub></sup> = 0（3） </div><div> <sup><sub>四分之一</sub></sup> = 0.25 </div><div> <sup>的<sub>1/5</sub></sup> = 0.2 </div><div> <sup><sub>六分之一</sub></sup> = 0.1（6） </div><div> <sup><sub>七分之一</sub></sup> = 0（142857） </div><div> <sup><sub>八分之一</sub></sup> = 0.125 </div><div> <sup><sub>九分之一</sub></sup> = 0（1） </div><div> <sup><sub>一十分之一</sub></sup> = 0.1 </div></div>其中0.1（6）表示0.166666 ...，并具有1位循环周期。可以看出， <sup>1</sup> / <sub>7</sub>具有6位循环周期。找到<var>d</var> &lt; <var>n</var>的值，其中<sup>1</sup> / <sub>d</sub>包含其小数部分中最长的循环周期。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>reciprocalCycles(700)</code>应该返回659。
+    testString: 'assert(reciprocalCycles(700) == 659, "<code>reciprocalCycles(700)</code> should return 659.");'
+  - text: <code>reciprocalCycles(800)</code>应该返回743。
+    testString: 'assert(reciprocalCycles(800) == 743, "<code>reciprocalCycles(800)</code> should return 743.");'
+  - text: <code>reciprocalCycles(900)</code>应该返回887。
+    testString: 'assert(reciprocalCycles(900) == 887, "<code>reciprocalCycles(900)</code> should return 887.");'
+  - text: <code>reciprocalCycles(1000)</code>应该返回983。
+    testString: 'assert(reciprocalCycles(1000) == 983, "<code>reciprocalCycles(1000)</code> should return 983.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function reciprocalCycles(n) {
+  // Good luck!
+  return n;
+}
+
+reciprocalCycles(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-260-stone-game.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-260-stone-game.chinese.md
new file mode 100644
index 0000000000..c960736070
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-260-stone-game.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4701000cf542c50ff83
+challengeType: 5
+title: 'Problem 260: Stone Game'
+videoUrl: ''
+localeTitle: 问题260：石头游戏
+---
+
+## Description
+<section id="description">一场比赛由三堆石头和两名球员组成。在轮到时，玩家从堆中移除一个或多个宝石。但是，如果她从多个桩中取石头，她必须从每个选定的桩中移除相同数量的石头。 <p>换句话说，玩家选择一些N&gt; 0并从任何一个桩中移除：N个石头;或任意两桩（总共2N）中的每一块N石;或者从三个桩中的每一个（总共3N）中的N个石头。拿最后一块石头的玩家赢了比赛。 </p><p>获胜配置是第一个玩家可以强制获胜的配置。例如，（0,0,13），（0,11,11）和（5,5,5）是获胜配置，因为第一个玩家可以立即移除所有宝石。 </p><p>失败的配置是第二个玩家可以强制获胜的配置，无论第一个玩家做什么。例如，（0,1,2）和（1,3,3）正在失去配置：任何合法移动都会为第二个玩家留下获胜配置。 </p><p>考虑所有丢失的配置（xi，yi，zi），其中xi≤yi≤zi≤100。我们可以验证Σ（xi + yi + zi）= 173895。 </p><p>求Σ（xi + yi + zi）其中（xi，yi，zi）在失去的配置范围内，xi≤yi≤zi≤1000。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler260()</code>应该返回167542057。
+    testString: 'assert.strictEqual(euler260(), 167542057, "<code>euler260()</code> should return 167542057.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler260() {
+  // Good luck!
+  return true;
+}
+
+euler260();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-261-pivotal-square-sums.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-261-pivotal-square-sums.chinese.md
new file mode 100644
index 0000000000..da0045c3c6
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-261-pivotal-square-sums.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4711000cf542c50ff84
+challengeType: 5
+title: 'Problem 261: Pivotal Square Sums'
+videoUrl: ''
+localeTitle: 问题261：Pivotal Square Sums
+---
+
+## Description
+<section id="description">如果存在一对m&gt; 0​​且n≥k的整数，则让我们称正整数ka square-pivot，使得直到k的（m + 1）个连续正方形的总和等于m个连续正方形的总和从（n + 1）开始： <p> （km）2 + ... + k2 =（n + 1）2 + ... +（n + m）2。 </p><p>一些小的方形枢轴是4：32 + 42 = 52 21：202 + 212 = 292 24：212 + 222 + 232 + 242 = 252 + 262 + 272 110：1082 + 1092 + 1102 = 1332 + 1342找到所有的总和不同的方形枢轴≤1010。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler261()</code>应该返回238890850232021。
+    testString: 'assert.strictEqual(euler261(), 238890850232021, "<code>euler261()</code> should return 238890850232021.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler261() {
+  // Good luck!
+  return true;
+}
+
+euler261();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-262-mountain-range.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-262-mountain-range.chinese.md
new file mode 100644
index 0000000000..728144a72a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-262-mountain-range.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4731000cf542c50ff85
+challengeType: 5
+title: 'Problem 262: Mountain Range'
+videoUrl: ''
+localeTitle: 问题262：山脉
+---
+
+## Description
+<section id="description">以下等式表示山区的连续地形，给出任意点（x，y）处的高程h： <p>蚊子打算从A（200,200）飞到B（1400,1400），而不会离开0≤x，y≤1600的区域。 </p><p>由于中间的山脉，它首先直线上升到A&#39;点，具有高度f。然后，在保持在相同高度f的同时，它在任何障碍物周围飞行，直到它到达B正上方的B&#39;点。 </p><p>首先，确定fmin，它是允许从A到B的这种行程的最小恒定高度，同时保持在指定区域。然后，找到A&#39;和B&#39;之间最短路径的长度，同时以恒定高度fmin飞行。 </p><p>将该长度作为答案，四舍五入到小数点后三位。 </p><p>注意：为方便起见，下面以适合大多数编程语言的形式重复上面显示的高程函数：h =（5000-0.005 <em>（x</em> x + y <em>y + x</em> y）+12.5 <em>（x + y））</em> exp（ - abs（0.000001 <em>（x</em> x + y <em>y）-0.0015</em> （x + y）+0.7）） </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler262()</code>应返回2531.205。
+    testString: 'assert.strictEqual(euler262(), 2531.205, "<code>euler262()</code> should return 2531.205.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler262() {
+  // Good luck!
+  return true;
+}
+
+euler262();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-263-an-engineers-dream-come-true.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-263-an-engineers-dream-come-true.chinese.md
new file mode 100644
index 0000000000..78a1c1f95a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-263-an-engineers-dream-come-true.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4741000cf542c50ff86
+challengeType: 5
+title: 'Problem 263: An engineers" dream come true'
+videoUrl: ''
+localeTitle: 问题263：工程师“梦想成真
+---
+
+## Description
+<section id="description">考虑数字6. 6的除数是：1,2,3和6.从1到6并且包括6的每个数可以写成6：1 = 1,2 = 2,3 =的不同除数之和1 + 2,4 = 1 + 3,5 = 2 + 3,6 = 6。如果从1到n并且包括n的每个数可以表示为n的不同除数之和，则数n被称为实数。 <p>一对差异为6的连续素数被称为性感对（因为“性”是拉丁语中的“六”）。第一个性感的是（23,29）。 </p><p>我们偶尔会发现一对三对，这意味着三对连续的性感素数对，这样每对的第二个成员就是下一对的第一个成员。 </p><p>我们将数字n称为：（n-9，n-3），（n-3，n + 3），（n + 3，n + 9）形成三对，数字n-8 ，n-4，n，n + 4和n + 8都是实用的， </p><p>工程师的天堂。 </p><p>找出前四个工程师天堂的总和。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler263()</code>应该返回2039506520。
+    testString: 'assert.strictEqual(euler263(), 2039506520, "<code>euler263()</code> should return 2039506520.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler263() {
+  // Good luck!
+  return true;
+}
+
+euler263();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-264-triangle-centres.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-264-triangle-centres.chinese.md
new file mode 100644
index 0000000000..7e9c4bc5a4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-264-triangle-centres.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4751000cf542c50ff87
+challengeType: 5
+title: 'Problem 264: Triangle Centres'
+videoUrl: ''
+localeTitle: 问题264：三角中心
+---
+
+## Description
+<section id="description">考虑所有三角形：格点上的所有顶点。原点O. Orthocentre在圆点H（5,0）处的圆环。有九个这样的三角形，其周长≤50。按周长的升序列出并显示，它们是： <p> A（-4,3），B（5,0），C（4，-3）A（4,3），B（5,0），C（-4，-3）A（-3,4） ），B（5,0），C（3，-4）A（3,4），B（5,0），C（-3，-4）A（0,5），B（5,0） ），C（0，-5）A（1,8），B（8，-1），C（-4，-7）A（8,1），B（1，-8），C（ - 4,7）A（2,9），B（9，-2），C（-6，-7）A（9,2），B（2，-9），C（-6,7） </p><p>他们的周长总和，四舍五入到小数点后四位，是291.0089。 </p><p>查找周长≤105的所有此类三角形。输入其周长的总和四舍五入到小数点后四位。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler264()</code>应该返回2816417.1055。
+    testString: 'assert.strictEqual(euler264(), 2816417.1055, "<code>euler264()</code> should return 2816417.1055.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler264() {
+  // Good luck!
+  return true;
+}
+
+euler264();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-265-binary-circles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-265-binary-circles.chinese.md
new file mode 100644
index 0000000000..fc0410f153
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-265-binary-circles.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4761000cf542c50ff88
+challengeType: 5
+title: 'Problem 265: Binary Circles'
+videoUrl: ''
+localeTitle: 问题265：二进制圆圈
+---
+
+## Description
+<section id="description"> 2N二进制数字可以放在一个圆圈中，这样所有N位顺时针子序列都是不同的。 <p>对于N = 3，两个这样的圆形布置是可能的，忽略旋转： </p><p>对于第一种布置，顺时针顺序的3位子序列是：000,001,010,101,011,111,110和100。 </p><p>通过将以全零的子序列开始的二进制数字连接为最高有效位并顺时针进行，可以将每个循环排列编码为数字。因此，N = 3的两种排列表示为23和29：00010111 2 = 23 00011101 2 = 29 </p><p>调用S（N）唯一数值表示的总和，我们可以看到S（3）= 23 + 29 = 52。 </p><p>找到S（5）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler265()</code>应该返回209110240768。
+    testString: 'assert.strictEqual(euler265(), 209110240768, "<code>euler265()</code> should return 209110240768.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler265() {
+  // Good luck!
+  return true;
+}
+
+euler265();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-266-pseudo-square-root.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-266-pseudo-square-root.chinese.md
new file mode 100644
index 0000000000..31216db9b6
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-266-pseudo-square-root.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4771000cf542c50ff89
+challengeType: 5
+title: 'Problem 266: Pseudo Square Root'
+videoUrl: ''
+localeTitle: 问题266：伪平方根
+---
+
+## Description
+<section id="description"> 12的除数是：1,2,3,4,6和12. 12的最大除数不超过12的平方根是3.我们将称为整数n的最大除数，它不超过n的伪平方根（PSR）的平方根。可以看出PSR（3102）= 47。 <p>设p是190以下质数的乘积。求PSR（p）mod 1016。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler266()</code>应该返回1096883702440585。
+    testString: 'assert.strictEqual(euler266(), 1096883702440585, "<code>euler266()</code> should return 1096883702440585.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler266() {
+  // Good luck!
+  return true;
+}
+
+euler266();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-267-billionaire.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-267-billionaire.chinese.md
new file mode 100644
index 0000000000..773f30421d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-267-billionaire.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4771000cf542c50ff8a
+challengeType: 5
+title: 'Problem 267: Billionaire'
+videoUrl: ''
+localeTitle: 问题267：亿万富翁
+---
+
+## Description
+<section id="description">您将获得独特的投资机会。从1英镑的资本开始，你可以选择固定比例f来投注一个公平的硬币投掷1000次投掷。你的回报是对你的投注加倍，你失去了对尾巴的赌注。例如，如果f = 1/4，对于第一次投掷，你下注0.25英镑，如果头部出现你赢得0.5英镑，那么就有1.5英镑。然后你下注0.375英镑，如果第二次折腾是尾巴，你有1.125英镑。选择f以最大限度地提高在1,000次翻转后获得至少1,000,000,000英镑的机会，您成为亿万富翁的机会是多少？假设所有计算都是精确的（没有舍入），但是将答案四舍五入到小数点后面的12位数，形式为0.abcdefghijkl。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler267()</code>应返回0.999992836187。
+    testString: 'assert.strictEqual(euler267(), 0.999992836187, "<code>euler267()</code> should return 0.999992836187.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler267() {
+  // Good luck!
+  return true;
+}
+
+euler267();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-268-counting-numbers-with-at-least-four-distinct-prime-factors-less-than-100.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-268-counting-numbers-with-at-least-four-distinct-prime-factors-less-than-100.chinese.md
new file mode 100644
index 0000000000..08571dc0a2
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-268-counting-numbers-with-at-least-four-distinct-prime-factors-less-than-100.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4791000cf542c50ff8b
+challengeType: 5
+title: 'Problem 268: Counting numbers with at least four distinct prime factors less than 100'
+videoUrl: ''
+localeTitle: 问题268：计算至少有四个不同素因子小于100的数字
+---
+
+## Description
+<section id="description">可以证实，有23个小于1000的正整数可被至少四个小于100的不同质数整除。 <p>找出少于1016的正整数可被至少四个小于100的不同质数整除。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler268()</code>应该返回785478606870985。
+    testString: 'assert.strictEqual(euler268(), 785478606870985, "<code>euler268()</code> should return 785478606870985.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler268() {
+  // Good luck!
+  return true;
+}
+
+euler268();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-269-polynomials-with-at-least-one-integer-root.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-269-polynomials-with-at-least-one-integer-root.chinese.md
new file mode 100644
index 0000000000..629ae13781
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-269-polynomials-with-at-least-one-integer-root.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4791000cf542c50ff8c
+challengeType: 5
+title: 'Problem 269: Polynomials with at least one integer root'
+videoUrl: ''
+localeTitle: 问题269：具有至少一个整数根的多项式
+---
+
+## Description
+<section id="description">多项式P（x）的根或零是等式P（x）= 0的解。将Pn定义为其系数是n的数字的多项式。例如，P5703（x）= 5x3 + 7x2 + 3。 <p>我们可以看到：Pn（0）是n的最后一位，Pn（1）是n的位数之和，Pn（10）是n本身。定义Z（k）作为正整数的数量，n ，不超过多项式Pn具有至少一个整数根的k。 </p><p>可以证实Z（100 000）是14696。 </p><p>什么是Z（1016）？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler269()</code>应该返回1311109198529286。
+    testString: 'assert.strictEqual(euler269(), 1311109198529286, "<code>euler269()</code> should return 1311109198529286.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler269() {
+  // Good luck!
+  return true;
+}
+
+euler269();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-27-quadratic-primes.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-27-quadratic-primes.chinese.md
new file mode 100644
index 0000000000..ec96a72c27
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-27-quadratic-primes.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3871000cf542c50fe9a
+challengeType: 5
+title: 'Problem 27: Quadratic primes'
+videoUrl: ''
+localeTitle: 问题27：二次素数
+---
+
+## Description
+<section id="description">欧拉发现了显着的二次公式：$ n ^ 2 + n + 41 $事实证明，公式将为连续的整数值$ 0 \ le n \ le 39 $产生40个素数。但是，当$ n = 40时，40 ^ 2 + 40 + 41 = 40（40 + 1）+ 41 $可被41整除，当然$ n = 41时，41 ^ 2 + 41 + 41 $显然可以被整除41.发现了令人难以置信的公式$ n ^ 2  -  79n + 1601 $，它为连续值$ 0 \ le n \ le 79 $产生80个素数。系数-79和1601的乘积是-126479。考虑形式的二次方： <p> $ n ^ 2 + an + b $，其中$ | a | &lt;range $和$ | b | \ le $ $其中$ | n | $是$ n $的模数/绝对值，例如$ | 11 | = 11 $和$ | -4 | = 4 $ </p><p>找到系数的乘积，$ a $和$ b $，用于生成连续值$ n $的最大素数数的二次表达式，从$ n = 0 $开始。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>quadraticPrimes(200)</code>应返回-4925。
+    testString: 'assert(quadraticPrimes(200) == -4925, "<code>quadraticPrimes(200)</code> should return -4925.");'
+  - text: <code>quadraticPrimes(500)</code>应返回-18901。
+    testString: 'assert(quadraticPrimes(500) == -18901, "<code>quadraticPrimes(500)</code> should return -18901.");'
+  - text: <code>quadraticPrimes(800)</code>应返回-43835。
+    testString: 'assert(quadraticPrimes(800) == -43835, "<code>quadraticPrimes(800)</code> should return -43835.");'
+  - text: <code>quadraticPrimes(1000)</code>应返回-59231。
+    testString: 'assert(quadraticPrimes(1000) == -59231, "<code>quadraticPrimes(1000)</code> should return -59231.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function quadraticPrimes(range) {
+  // Good luck!
+  return range;
+}
+
+quadraticPrimes(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-270-cutting-squares.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-270-cutting-squares.chinese.md
new file mode 100644
index 0000000000..b21bef691d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-270-cutting-squares.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f47c1000cf542c50ff8e
+challengeType: 5
+title: 'Problem 270: Cutting Squares'
+videoUrl: ''
+localeTitle: 问题270：切割方块
+---
+
+## Description
+<section id="description">放置具有整数尺寸N×N的正方形纸，在原点处具有拐角，并且沿x轴和y轴具有两个侧面。然后，我们按照以下规则进行切割：我们只在位于正方形不同侧面的两个点之间进行直线切割，并且具有整数坐标。两个切口不能交叉，但是几个切口可以在相同的边界点处相遇。继续进行，直到不再进行合法削减。将任何反射或旋转计数为不同，我们将C（N）称为切割N×N平方的方式的数量。例如，C（1）= 2且C（2）= 30（如下所示）。 <p>什么是C（30）mod 108？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler270()</code>应该返回82282080。
+    testString: 'assert.strictEqual(euler270(), 82282080, "<code>euler270()</code> should return 82282080.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler270() {
+  // Good luck!
+  return true;
+}
+
+euler270();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-271-modular-cubes-part-1.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-271-modular-cubes-part-1.chinese.md
new file mode 100644
index 0000000000..0ca340ed70
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-271-modular-cubes-part-1.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f47b1000cf542c50ff8d
+challengeType: 5
+title: 'Problem 271: Modular Cubes, part 1'
+videoUrl: ''
+localeTitle: 问题271：模块化立方体，第1部分
+---
+
+## Description
+<section id="description">对于正数n，将S（n）定义为整数x的总和，为1 <p>当n = 91时，x有8个可能的值，即：9,16,22,29,53,74,79,81。因此，S（91）= 9 + 16 + 22 + 29 + 53 + 74 + 79 + 81 = 363。 </p><p>找到S（13082761331670030）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler271()</code>应返回4617456485273130000。
+    testString: 'assert.strictEqual(euler271(), 4617456485273130000, "<code>euler271()</code> should return 4617456485273130000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler271() {
+  // Good luck!
+  return true;
+}
+
+euler271();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-272-modular-cubes-part-2.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-272-modular-cubes-part-2.chinese.md
new file mode 100644
index 0000000000..7a95ef7fde
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-272-modular-cubes-part-2.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f47d1000cf542c50ff8f
+challengeType: 5
+title: 'Problem 272: Modular Cubes, part 2'
+videoUrl: ''
+localeTitle: 问题272：模块化立方体，第2部分
+---
+
+## Description
+<section id="description">对于正数n，将C（n）定义为整数x的数量，为1 <p>当n = 91时，x有8个可能的值，即：9,16,22,29,53,74,79,81。因此，C（91）= 8。 </p><p>求出正数n≤1011的总和，其中C（n）= 242。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler272()</code>应该返回8495585919506151000。
+    testString: 'assert.strictEqual(euler272(), 8495585919506151000, "<code>euler272()</code> should return 8495585919506151000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler272() {
+  // Good luck!
+  return true;
+}
+
+euler272();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-273-sum-of-squares.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-273-sum-of-squares.chinese.md
new file mode 100644
index 0000000000..7d91872282
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-273-sum-of-squares.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f47e1000cf542c50ff90
+challengeType: 5
+title: 'Problem 273: Sum of Squares'
+videoUrl: ''
+localeTitle: 问题273：正方形的总和
+---
+
+## Description
+<section id="description">考虑以下形式的方程：a2 + b2 = N，0≤a≤b，a，b和N整数。 <p>对于N = 65，有两种解决方案：a = 1，b = 8，a = 4，b = 7。我们将S（N）称为a2 + b2 = N，0≤a≤b，a，b和N整数的所有解的a的值之和。因此，S（65）= 1 + 4 = 5.找到ΣS（N），对于所有无平均N，只能被4k + 1形式的素数整除，其中4k + 1 &lt;150。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler273()</code>应该返回2032447591196869000。
+    testString: 'assert.strictEqual(euler273(), 2032447591196869000, "<code>euler273()</code> should return 2032447591196869000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler273() {
+  // Good luck!
+  return true;
+}
+
+euler273();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-274-divisibility-multipliers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-274-divisibility-multipliers.chinese.md
new file mode 100644
index 0000000000..520f2767d1
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-274-divisibility-multipliers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f47f1000cf542c50ff91
+challengeType: 5
+title: 'Problem 274: Divisibility Multipliers'
+videoUrl: ''
+localeTitle: 问题274：可分性乘数
+---
+
+## Description
+<section id="description">对于每个整数p&gt; 1互质到10，有一个正的可分性乘数m &lt;p，它对任何正整数n的后续函数保持p的可除性。 <p> f（n）=（除了n的最后一位以外的所有数字）+（n的最后一位）* m </p><p>也就是说，如果m是p的可分数乘数，则当且仅当n可被p整除时，f（n）可被p整除。 </p><p> （当n远大于p时，f（n）将小于n，并且f的重复应用为p提供乘法可除性测试。） </p><p>例如，113的可分性乘数是34。 </p><p> f（76275）= 7627 + 5 <em>34 = 7797：76275和7797都可以被113f（12345）= 1234 + 5</em> 34 = 1404：12345和1404整除都不能被113整除</p><p>对于10和小于1000互质的素数的可除性乘数的总和是39517.对于10和小于107互质的素数的可除数乘数的总和是多少？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler274()</code>应该返回1601912348822。
+    testString: 'assert.strictEqual(euler274(), 1601912348822, "<code>euler274()</code> should return 1601912348822.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler274() {
+  // Good luck!
+  return true;
+}
+
+euler274();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-275-balanced-sculptures.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-275-balanced-sculptures.chinese.md
new file mode 100644
index 0000000000..9e5a01697b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-275-balanced-sculptures.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4801000cf542c50ff92
+challengeType: 5
+title: 'Problem 275: Balanced Sculptures'
+videoUrl: ''
+localeTitle: 问题275：平衡雕塑
+---
+
+## Description
+<section id="description">让我们如下定义n阶平衡雕塑：由n + 1个瓷砖组成的多边形，称为块（n个瓷砖）和底座（剩余瓷砖）;底座的中心位置（x = 0，y = 0）;块的y坐标大于零（所以底座是唯一的最低瓦片）;组合的所有块的质心具有等于零的x坐标。在对雕塑进行计数时，任何仅仅是关于y轴的反射的布置都不算是不同的。例如，6级平衡雕塑如下图所示;请注意，每对镜像（关于y轴）都算作一个雕塑： <p>有964个平衡雕塑，订单10和360505订单15.有多少平衡雕塑有18个订单？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler275()</code>应返回15030564。
+    testString: 'assert.strictEqual(euler275(), 15030564, "<code>euler275()</code> should return 15030564.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler275() {
+  // Good luck!
+  return true;
+}
+
+euler275();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-276-primitive-triangles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-276-primitive-triangles.chinese.md
new file mode 100644
index 0000000000..fbb7b18b21
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-276-primitive-triangles.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4801000cf542c50ff93
+challengeType: 5
+title: 'Problem 276: Primitive Triangles'
+videoUrl: ''
+localeTitle: 问题276：原始三角形
+---
+
+## Description
+<section id="description">考虑具有整数边a，b和c的三角形，其中a≤b≤c。如果gcd（a，b，c）= 1，则整数边三角形（a，b，c）称为基元。存在多少个原始整数边三角形，周长不超过10 000 000？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler276()</code>应该返回5777137137739633000。
+    testString: 'assert.strictEqual(euler276(), 5777137137739633000, "<code>euler276()</code> should return 5777137137739633000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler276() {
+  // Good luck!
+  return true;
+}
+
+euler276();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-277-a-modified-collatz-sequence.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-277-a-modified-collatz-sequence.chinese.md
new file mode 100644
index 0000000000..2d31a3407b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-277-a-modified-collatz-sequence.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4811000cf542c50ff94
+challengeType: 5
+title: 'Problem 277: A Modified Collatz sequence'
+videoUrl: ''
+localeTitle: 问题277：修改的Collat​​z序列
+---
+
+## Description
+<section id="description">通过以下方式从起始值a1获得修改的整数Collat​​z序列： <p>如果a可以被3整除，则a + 1 = an / 3.我们将此表示为一个大的向下步骤，“D”。 </p><p>如果除以3得到1的余数，则a + 1 =（4an + 2）/ 3。我们将其称为向上步骤“U”。 </p><p>如果除以3得到余数为2，则a + 1 =（2an-1）/ 3.我们将这表示为一个小的向下步骤，“d”。 </p><p>当某些a = 1时，序列终止。 </p><p>给定任何整数，我们可以列出步骤的顺序。例如，如果a1 = 231，则序列{an} = {231,77,51,17,11,7,10,14,9,3,1}对应于步骤“DdDddUUdDD”。 </p><p>当然，还有其他序列以相同的序列“DdDddUUdDD ....”开头。例如，如果a1 = 1004064，则序列为DdDddUUdDDDdUDUUUdDdUUDDDUdDD。实际上，1004064是以序列DdDddUUdDD开头的最小可能a1&gt; 106。 </p><p>从序列“UDDDUdddDDUDDddDdDddDDUDDdUUDd”开始的最小a1&gt; 1015是多少？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler277()</code>应该返回1125977393124310。
+    testString: 'assert.strictEqual(euler277(), 1125977393124310, "<code>euler277()</code> should return 1125977393124310.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler277() {
+  // Good luck!
+  return true;
+}
+
+euler277();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-278-linear-combinations-of-semiprimes.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-278-linear-combinations-of-semiprimes.chinese.md
new file mode 100644
index 0000000000..c742980b31
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-278-linear-combinations-of-semiprimes.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4831000cf542c50ff95
+challengeType: 5
+title: 'Problem 278: Linear Combinations of Semiprimes'
+videoUrl: ''
+localeTitle: 问题278：半正定的线性组合
+---
+
+## Description
+<section id="description">给定整数1 &lt;a1 &lt;a2 &lt;... &lt;an的值，考虑线性组合q1a1 + q2a2 + ... + qnan = b，仅使用整数值qk≥0。 <p>注意，对于给定的ak集合，可能不是b的所有值都是可能的。例如，如果a1 = 5且a2 = 7，则没有q1≥0且q2≥0使得b可以是1,2,3,4,6,8,9,11,13,16,18或23 。 </p><p>事实上，23是a1 = 5和a2 = 7的b的最大不可能值。因此，我们称f（5,7）= 23.同样，可以证明f（6,10,15）= 29和f（14,22,77）= 195。 </p><p>找到Σf（p <em>q，p</em> r，q * r），其中p，q和r是素数，p &lt;q &lt;r &lt;5000。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler278()</code>应该返回1228215747273908500。
+    testString: 'assert.strictEqual(euler278(), 1228215747273908500, "<code>euler278()</code> should return 1228215747273908500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler278() {
+  // Good luck!
+  return true;
+}
+
+euler278();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-279-triangles-with-integral-sides-and-an-integral-angle.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-279-triangles-with-integral-sides-and-an-integral-angle.chinese.md
new file mode 100644
index 0000000000..7753624a92
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-279-triangles-with-integral-sides-and-an-integral-angle.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4841000cf542c50ff96
+challengeType: 5
+title: 'Problem 279: Triangles with integral sides and an integral angle'
+videoUrl: ''
+localeTitle: 问题279：具有整体边和整体角的三角形
+---
+
+## Description
+<section id="description">有多少个三角形有整体边，至少有一个整体角（以度为单位），周长不超过108？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler279()</code>应该返回416577688。
+    testString: 'assert.strictEqual(euler279(), 416577688, "<code>euler279()</code> should return 416577688.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler279() {
+  // Good luck!
+  return true;
+}
+
+euler279();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-28-number-spiral-diagonals.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-28-number-spiral-diagonals.chinese.md
new file mode 100644
index 0000000000..553b528cde
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-28-number-spiral-diagonals.chinese.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3881000cf542c50fe9b
+challengeType: 5
+title: 'Problem 28: Number spiral diagonals'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(spiralDiagonals(101) == 692101, "<code>spiralDiagonals(101)</code> should return 692101.");'
+  - text: ''
+    testString: 'assert(spiralDiagonals(303) == 18591725, "<code>spiralDiagonals(303)</code> should return 18591725.");'
+  - text: ''
+    testString: 'assert(spiralDiagonals(505) == 85986601, "<code>spiralDiagonals(505)</code> should return 85986601.");'
+  - text: ''
+    testString: 'assert(spiralDiagonals(1001) == 669171001, "<code>spiralDiagonals(1001)</code> should return 669171001.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function spiralDiagonals(n) {
+  // Good luck!
+  return n;
+}
+
+spiralDiagonals(1001);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-280-ant-and-seeds.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-280-ant-and-seeds.chinese.md
new file mode 100644
index 0000000000..b451631390
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-280-ant-and-seeds.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4841000cf542c50ff97
+challengeType: 5
+title: 'Problem 280: Ant and seeds'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler280(), 430.088247, "<code>euler280()</code> should return 430.088247.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler280() {
+  // Good luck!
+  return true;
+}
+
+euler280();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-281-pizza-toppings.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-281-pizza-toppings.chinese.md
new file mode 100644
index 0000000000..85078da9cf
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-281-pizza-toppings.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4861000cf542c50ff98
+challengeType: 5
+title: 'Problem 281: Pizza Toppings'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler281(), 1485776387445623, "<code>euler281()</code> should return 1485776387445623.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler281() {
+  // Good luck!
+  return true;
+}
+
+euler281();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-282-the-ackermann-function.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-282-the-ackermann-function.chinese.md
new file mode 100644
index 0000000000..5715c57608
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-282-the-ackermann-function.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4861000cf542c50ff99
+challengeType: 5
+title: 'Problem 282: The Ackermann function'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler282(), 1098988351, "<code>euler282()</code> should return 1098988351.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler282() {
+  // Good luck!
+  return true;
+}
+
+euler282();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-283-integer-sided-triangles-for-which-the-area--perimeter-ratio-is-integral.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-283-integer-sided-triangles-for-which-the-area--perimeter-ratio-is-integral.chinese.md
new file mode 100644
index 0000000000..16c5435bec
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-283-integer-sided-triangles-for-which-the-area--perimeter-ratio-is-integral.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4881000cf542c50ff9a
+challengeType: 5
+title: 'Problem 283: Integer sided triangles for which the area * perimeter ratio is integral'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler283(), 28038042525570324, "<code>euler283()</code> should return 28038042525570324.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler283() {
+  // Good luck!
+  return true;
+}
+
+euler283();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-284-steady-squares.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-284-steady-squares.chinese.md
new file mode 100644
index 0000000000..dbb74e8b35
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-284-steady-squares.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4891000cf542c50ff9b
+challengeType: 5
+title: 'Problem 284: Steady Squares'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler284(), 5a411d7b, "<code>euler284()</code> should return 5a411d7b.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler284() {
+  // Good luck!
+  return true;
+}
+
+euler284();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-285-pythagorean-odds.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-285-pythagorean-odds.chinese.md
new file mode 100644
index 0000000000..c7e5c07d1d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-285-pythagorean-odds.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f48a1000cf542c50ff9c
+challengeType: 5
+title: 'Problem 285: Pythagorean odds'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler285(), 157055.80999, "<code>euler285()</code> should return 157055.80999.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler285() {
+  // Good luck!
+  return true;
+}
+
+euler285();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-286-scoring-probabilities.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-286-scoring-probabilities.chinese.md
new file mode 100644
index 0000000000..3a7fbbc9b9
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-286-scoring-probabilities.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f48a1000cf542c50ff9d
+challengeType: 5
+title: 'Problem 286: Scoring probabilities'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler286(), 52.6494571953, "<code>euler286()</code> should return 52.6494571953.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler286() {
+  // Good luck!
+  return true;
+}
+
+euler286();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-287-quadtree-encoding-a-simple-compression-algorithm.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-287-quadtree-encoding-a-simple-compression-algorithm.chinese.md
new file mode 100644
index 0000000000..be1825efac
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-287-quadtree-encoding-a-simple-compression-algorithm.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f48b1000cf542c50ff9e
+challengeType: 5
+title: 'Problem 287: Quadtree encoding (a simple compression algorithm)'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler287(), 313135496, "<code>euler287()</code> should return 313135496.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler287() {
+  // Good luck!
+  return true;
+}
+
+euler287();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-288-an-enormous-factorial.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-288-an-enormous-factorial.chinese.md
new file mode 100644
index 0000000000..a0de4e2db4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-288-an-enormous-factorial.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f48d1000cf542c50ff9f
+challengeType: 5
+title: 'Problem 288: An enormous factorial'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler288(), 605857431263982000, "<code>euler288()</code> should return 605857431263982000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler288() {
+  // Good luck!
+  return true;
+}
+
+euler288();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-289-eulerian-cycles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-289-eulerian-cycles.chinese.md
new file mode 100644
index 0000000000..6166b746a8
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-289-eulerian-cycles.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f48d1000cf542c50ffa0
+challengeType: 5
+title: 'Problem 289: Eulerian Cycles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler289(), 6567944538, "<code>euler289()</code> should return 6567944538.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler289() {
+  // Good luck!
+  return true;
+}
+
+euler289();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-29-distinct-powers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-29-distinct-powers.chinese.md
new file mode 100644
index 0000000000..a3e7e7fe42
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-29-distinct-powers.chinese.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3891000cf542c50fe9c
+challengeType: 5
+title: 'Problem 29: Distinct powers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(distinctPowers(15), 177, "<code>distinctPowers(15)</code> should return 177.");'
+  - text: ''
+    testString: 'assert.strictEqual(distinctPowers(20), 324, "<code>distinctPowers(20)</code> should return 324.");'
+  - text: ''
+    testString: 'assert.strictEqual(distinctPowers(25), 519, "<code>distinctPowers(25)</code> should return 519.");'
+  - text: ''
+    testString: 'assert.strictEqual(distinctPowers(30), 755, "<code>distinctPowers(30)</code> should return 755.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function distinctPowers(n) {
+  // Good luck!
+  return n;
+}
+
+distinctPowers(30);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-290-digital-signature.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-290-digital-signature.chinese.md
new file mode 100644
index 0000000000..b8d7aeb919
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-290-digital-signature.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f48f1000cf542c50ffa1
+challengeType: 5
+title: 'Problem 290: Digital Signature'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler290(), 20444710234716470, "<code>euler290()</code> should return 20444710234716470.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler290() {
+  // Good luck!
+  return true;
+}
+
+euler290();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-291-panaitopol-primes.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-291-panaitopol-primes.chinese.md
new file mode 100644
index 0000000000..23f0effbe9
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-291-panaitopol-primes.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f48f1000cf542c50ffa2
+challengeType: 5
+title: 'Problem 291: Panaitopol Primes'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler291(), 4037526, "<code>euler291()</code> should return 4037526.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler291() {
+  // Good luck!
+  return true;
+}
+
+euler291();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-292-pythagorean-polygons.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-292-pythagorean-polygons.chinese.md
new file mode 100644
index 0000000000..5f9149baba
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-292-pythagorean-polygons.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4911000cf542c50ffa3
+challengeType: 5
+title: 'Problem 292: Pythagorean Polygons'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler292(), 3600060866, "<code>euler292()</code> should return 3600060866.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler292() {
+  // Good luck!
+  return true;
+}
+
+euler292();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-293-pseudo-fortunate-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-293-pseudo-fortunate-numbers.chinese.md
new file mode 100644
index 0000000000..6de8dda56a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-293-pseudo-fortunate-numbers.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4931000cf542c50ffa4
+challengeType: 5
+title: 'Problem 293: Pseudo-Fortunate Numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler293(), 2209, "<code>euler293()</code> should return 2209.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler293() {
+  // Good luck!
+  return true;
+}
+
+euler293();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-294-sum-of-digits---experience-23.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-294-sum-of-digits---experience-23.chinese.md
new file mode 100644
index 0000000000..a3666fa062
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-294-sum-of-digits---experience-23.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4931000cf542c50ffa5
+challengeType: 5
+title: 'Problem 294: Sum of digits - experience #23'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler294(), 789184709, "<code>euler294()</code> should return 789184709.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler294() {
+  // Good luck!
+  return true;
+}
+
+euler294();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-295-lenticular-holes.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-295-lenticular-holes.chinese.md
new file mode 100644
index 0000000000..2afb8e641f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-295-lenticular-holes.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4931000cf542c50ffa6
+challengeType: 5
+title: 'Problem 295: Lenticular holes'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler295(), 4884650818, "<code>euler295()</code> should return 4884650818.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler295() {
+  // Good luck!
+  return true;
+}
+
+euler295();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-296-angular-bisector-and-tangent.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-296-angular-bisector-and-tangent.chinese.md
new file mode 100644
index 0000000000..6bd534fd6d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-296-angular-bisector-and-tangent.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4941000cf542c50ffa7
+challengeType: 5
+title: 'Problem 296: Angular Bisector and Tangent'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler296(), 1137208419, "<code>euler296()</code> should return 1137208419.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler296() {
+  // Good luck!
+  return true;
+}
+
+euler296();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-297-zeckendorf-representation.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-297-zeckendorf-representation.chinese.md
new file mode 100644
index 0000000000..b8ae1d01e2
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-297-zeckendorf-representation.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4951000cf542c50ffa8
+challengeType: 5
+title: 'Problem 297: Zeckendorf Representation'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler297(), 2252639041804718000, "<code>euler297()</code> should return 2252639041804718000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler297() {
+  // Good luck!
+  return true;
+}
+
+euler297();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-298-selective-amnesia.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-298-selective-amnesia.chinese.md
new file mode 100644
index 0000000000..0cac00663e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-298-selective-amnesia.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4971000cf542c50ffa9
+challengeType: 5
+title: 'Problem 298: Selective Amnesia'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler298(), 1.76882294, "<code>euler298()</code> should return 1.76882294.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler298() {
+  // Good luck!
+  return true;
+}
+
+euler298();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-299-three-similar-triangles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-299-three-similar-triangles.chinese.md
new file mode 100644
index 0000000000..d6cfe7abbc
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-299-three-similar-triangles.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4971000cf542c50ffaa
+challengeType: 5
+title: 'Problem 299: Three similar triangles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler299(), 549936643, "<code>euler299()</code> should return 549936643.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler299() {
+  // Good luck!
+  return true;
+}
+
+euler299();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-3-largest-prime-factor.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-3-largest-prime-factor.chinese.md
new file mode 100644
index 0000000000..1071286925
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-3-largest-prime-factor.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 5900f36f1000cf542c50fe82
+challengeType: 5
+title: 'Problem 3: Largest prime factor'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(largestPrimeFactor(2), 2, "<code>largestPrimeFactor(2)</code> should return 2.");'
+  - text: ''
+    testString: 'assert.strictEqual(largestPrimeFactor(3), 3, "<code>largestPrimeFactor(3)</code> should return 3.");'
+  - text: ''
+    testString: 'assert.strictEqual(largestPrimeFactor(5), 5, "<code>largestPrimeFactor(5)</code> should return 5.");'
+  - text: ''
+    testString: 'assert.strictEqual(largestPrimeFactor(7), 7, "<code>largestPrimeFactor(7)</code> should return 7.");'
+  - text: ''
+    testString: 'assert.strictEqual(largestPrimeFactor(13195), 29, "<code>largestPrimeFactor(13195)</code> should return 29.");'
+  - text: ''
+    testString: 'assert.strictEqual(largestPrimeFactor(600851475143), 6857, "<code>largestPrimeFactor(600851475143)</code> should return 6857.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestPrimeFactor(number) {
+  // Good luck!
+  return true;
+}
+
+largestPrimeFactor(13195);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-30-digit-n-powers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-30-digit-n-powers.chinese.md
new file mode 100644
index 0000000000..6749139b3f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-30-digit-n-powers.chinese.md
@@ -0,0 +1,60 @@
+---
+id: 5900f38a1000cf542c50fe9d
+challengeType: 5
+title: 'Problem 30: Digit n powers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(digitnPowers(2) == 0, "<code>digitnPowers(2)</code> should return 0.");'
+  - text: ''
+    testString: 'assert(digitnPowers(3) == 1301, "<code>digitnPowers(3)</code> should return 1301.");'
+  - text: ''
+    testString: 'assert(digitnPowers(4) == 19316, "<code>digitnPowers(4)</code> should return 19316.");'
+  - text: ''
+    testString: 'assert(digitnPowers(5) == 443839, "<code>digitnPowers(5)</code> should return 443839.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function digitnPowers(n) {
+  // Good luck!
+  return n;
+}
+
+digitnPowers(5);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-300-protein-folding.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-300-protein-folding.chinese.md
new file mode 100644
index 0000000000..193acfc4b9
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-300-protein-folding.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f49a1000cf542c50ffac
+challengeType: 5
+title: 'Problem 300: Protein folding'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler300(), 8.0540771484375, "<code>euler300()</code> should return 8.0540771484375.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler300() {
+  // Good luck!
+  return true;
+}
+
+euler300();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-301-nim.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-301-nim.chinese.md
new file mode 100644
index 0000000000..86ed982bae
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-301-nim.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4991000cf542c50ffab
+challengeType: 5
+title: 'Problem 301: Nim'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler301(), 2178309, "<code>euler301()</code> should return 2178309.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler301() {
+  // Good luck!
+  return true;
+}
+
+euler301();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-302-strong-achilles-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-302-strong-achilles-numbers.chinese.md
new file mode 100644
index 0000000000..19de5a605e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-302-strong-achilles-numbers.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f49b1000cf542c50ffad
+challengeType: 5
+title: 'Problem 302: Strong Achilles Numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler302(), 1170060, "<code>euler302()</code> should return 1170060.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler302() {
+  // Good luck!
+  return true;
+}
+
+euler302();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-303-multiples-with-small-digits.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-303-multiples-with-small-digits.chinese.md
new file mode 100644
index 0000000000..47338b4d43
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-303-multiples-with-small-digits.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f49b1000cf542c50ffae
+challengeType: 5
+title: 'Problem 303: Multiples with small digits'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler303(), 1111981904675169, "<code>euler303()</code> should return 1111981904675169.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler303() {
+  // Good luck!
+  return true;
+}
+
+euler303();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-304-primonacci.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-304-primonacci.chinese.md
new file mode 100644
index 0000000000..6beb5ff729
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-304-primonacci.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f49d1000cf542c50ffaf
+challengeType: 5
+title: 'Problem 304: Primonacci'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler304(), 283988410192, "<code>euler304()</code> should return 283988410192.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler304() {
+  // Good luck!
+  return true;
+}
+
+euler304();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-305-reflexive-position.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-305-reflexive-position.chinese.md
new file mode 100644
index 0000000000..988f5a4bdc
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-305-reflexive-position.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f49d1000cf542c50ffb0
+challengeType: 5
+title: 'Problem 305: Reflexive Position'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler305(), 18174995535140, "<code>euler305()</code> should return 18174995535140.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler305() {
+  // Good luck!
+  return true;
+}
+
+euler305();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-306-paper-strip-game.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-306-paper-strip-game.chinese.md
new file mode 100644
index 0000000000..baf099b143
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-306-paper-strip-game.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f49f1000cf542c50ffb1
+challengeType: 5
+title: 'Problem 306: Paper-strip Game'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler306(), 852938, "<code>euler306()</code> should return 852938.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler306() {
+  // Good luck!
+  return true;
+}
+
+euler306();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-307-chip-defects.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-307-chip-defects.chinese.md
new file mode 100644
index 0000000000..3e0a874026
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-307-chip-defects.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a01000cf542c50ffb2
+challengeType: 5
+title: 'Problem 307: Chip Defects'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler307(), 0.7311720251, "<code>euler307()</code> should return 0.7311720251.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler307() {
+  // Good luck!
+  return true;
+}
+
+euler307();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-308-an-amazing-prime-generating-automaton.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-308-an-amazing-prime-generating-automaton.chinese.md
new file mode 100644
index 0000000000..3ac852c2a7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-308-an-amazing-prime-generating-automaton.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a11000cf542c50ffb3
+challengeType: 5
+title: 'Problem 308: An amazing Prime-generating Automaton'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler308(), 1539669807660924, "<code>euler308()</code> should return 1539669807660924.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler308() {
+  // Good luck!
+  return true;
+}
+
+euler308();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-309-integer-ladders.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-309-integer-ladders.chinese.md
new file mode 100644
index 0000000000..09a5c7326c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-309-integer-ladders.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a11000cf542c50ffb4
+challengeType: 5
+title: 'Problem 309: Integer Ladders'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler309(), 210139, "<code>euler309()</code> should return 210139.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler309() {
+  // Good luck!
+  return true;
+}
+
+euler309();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-31-coin-sums.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-31-coin-sums.chinese.md
new file mode 100644
index 0000000000..7b9d842a26
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-31-coin-sums.chinese.md
@@ -0,0 +1,60 @@
+---
+id: 5900f38b1000cf542c50fe9e
+challengeType: 5
+title: 'Problem 31: Coin sums'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(coinSums(50) == 451, "<code>coinSums(50)</code> should return 451.");'
+  - text: ''
+    testString: 'assert(coinSums(100) == 4563, "<code>coinSums(100)</code> should return 4563.");'
+  - text: ''
+    testString: 'assert(coinSums(150) == 21873, "<code>coinSums(150)</code> should return 21873.");'
+  - text: ''
+    testString: 'assert(coinSums(200) == 73682, "<code>coinSums(200)</code> should return 73682.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function coinSums(n) {
+  // Good luck!
+  return n;
+}
+
+coinSums(200);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-310-nim-square.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-310-nim-square.chinese.md
new file mode 100644
index 0000000000..815c73e4a6
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-310-nim-square.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a21000cf542c50ffb5
+challengeType: 5
+title: 'Problem 310: Nim Square'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler310(), 2586528661783, "<code>euler310()</code> should return 2586528661783.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler310() {
+  // Good luck!
+  return true;
+}
+
+euler310();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-311-biclinic-integral-quadrilaterals.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-311-biclinic-integral-quadrilaterals.chinese.md
new file mode 100644
index 0000000000..eb85f1d452
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-311-biclinic-integral-quadrilaterals.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a31000cf542c50ffb6
+challengeType: 5
+title: 'Problem 311: Biclinic Integral Quadrilaterals'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler311(), 2466018557, "<code>euler311()</code> should return 2466018557.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler311() {
+  // Good luck!
+  return true;
+}
+
+euler311();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-312-cyclic-paths-on-sierpiski-graphs.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-312-cyclic-paths-on-sierpiski-graphs.chinese.md
new file mode 100644
index 0000000000..d9eb5db6d1
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-312-cyclic-paths-on-sierpiski-graphs.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a51000cf542c50ffb7
+challengeType: 5
+title: 'Problem 312: Cyclic paths on Sierpiński graphs'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler312(), 324681947, "<code>euler312()</code> should return 324681947.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler312() {
+  // Good luck!
+  return true;
+}
+
+euler312();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-313-sliding-game.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-313-sliding-game.chinese.md
new file mode 100644
index 0000000000..a738c33632
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-313-sliding-game.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a61000cf542c50ffb8
+challengeType: 5
+title: 'Problem 313: Sliding game'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler313(), 2057774861813004, "<code>euler313()</code> should return 2057774861813004.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler313() {
+  // Good luck!
+  return true;
+}
+
+euler313();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-314-the-mouse-on-the-moon.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-314-the-mouse-on-the-moon.chinese.md
new file mode 100644
index 0000000000..61fa2d2750
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-314-the-mouse-on-the-moon.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a71000cf542c50ffb9
+challengeType: 5
+title: 'Problem 314: The Mouse on the Moon'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler314(), 132.52756426, "<code>euler314()</code> should return 132.52756426.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler314() {
+  // Good luck!
+  return true;
+}
+
+euler314();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-315-digital-root-clocks.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-315-digital-root-clocks.chinese.md
new file mode 100644
index 0000000000..68ac831d5c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-315-digital-root-clocks.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a71000cf542c50ffba
+challengeType: 5
+title: 'Problem 315: Digital root clocks'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler315(), 13625242, "<code>euler315()</code> should return 13625242.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler315() {
+  // Good luck!
+  return true;
+}
+
+euler315();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-316-numbers-in-decimal-expansions.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-316-numbers-in-decimal-expansions.chinese.md
new file mode 100644
index 0000000000..60f4d6a5a7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-316-numbers-in-decimal-expansions.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a81000cf542c50ffbb
+challengeType: 5
+title: 'Problem 316: Numbers in decimal expansions'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler316(), 542934735751917760, "<code>euler316()</code> should return 542934735751917760.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler316() {
+  // Good luck!
+  return true;
+}
+
+euler316();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-317-firecracker.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-317-firecracker.chinese.md
new file mode 100644
index 0000000000..cd72d9de56
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-317-firecracker.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4aa1000cf542c50ffbc
+challengeType: 5
+title: 'Problem 317: Firecracker'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler317(), 1856532.8455, "<code>euler317()</code> should return 1856532.8455.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler317() {
+  // Good luck!
+  return true;
+}
+
+euler317();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-318-2011-nines.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-318-2011-nines.chinese.md
new file mode 100644
index 0000000000..64b104bf2b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-318-2011-nines.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ab1000cf542c50ffbd
+challengeType: 5
+title: 'Problem 318: 2011 nines'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler318(), 709313889, "<code>euler318()</code> should return 709313889.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler318() {
+  // Good luck!
+  return true;
+}
+
+euler318();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-319-bounded-sequences.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-319-bounded-sequences.chinese.md
new file mode 100644
index 0000000000..67857505c4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-319-bounded-sequences.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ab1000cf542c50ffbe
+challengeType: 5
+title: 'Problem 319: Bounded Sequences'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler319(), 268457129, "<code>euler319()</code> should return 268457129.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler319() {
+  // Good luck!
+  return true;
+}
+
+euler319();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-32-pandigital-products.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-32-pandigital-products.chinese.md
new file mode 100644
index 0000000000..143380ffaa
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-32-pandigital-products.chinese.md
@@ -0,0 +1,56 @@
+---
+id: 5900f38c1000cf542c50fe9f
+challengeType: 5
+title: 'Problem 32: Pandigital products'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof pandigitalProducts === "function", "<code>pandigitalProducts()</code> is a function.");'
+  - text: ''
+    testString: 'assert.strictEqual(pandigitalProducts(), 45228, "<code>pandigitalProducts()</code> should return 45228.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pandigitalProducts() {
+  // Good luck!
+  return true;
+}
+
+pandigitalProducts();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-320-factorials-divisible-by-a-huge-integer.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-320-factorials-divisible-by-a-huge-integer.chinese.md
new file mode 100644
index 0000000000..b5d22021a6
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-320-factorials-divisible-by-a-huge-integer.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ae1000cf542c50ffbf
+challengeType: 5
+title: 'Problem 320: Factorials divisible by a huge integer'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler320(), 278157919195482660, "<code>euler320()</code> should return 278157919195482660.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler320() {
+  // Good luck!
+  return true;
+}
+
+euler320();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-321-swapping-counters.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-321-swapping-counters.chinese.md
new file mode 100644
index 0000000000..45e214d359
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-321-swapping-counters.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ae1000cf542c50ffc0
+challengeType: 5
+title: 'Problem 321: Swapping Counters'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler321(), 2470433131948040, "<code>euler321()</code> should return 2470433131948040.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler321() {
+  // Good luck!
+  return true;
+}
+
+euler321();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-322-binomial-coefficients-divisible-by-10.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-322-binomial-coefficients-divisible-by-10.chinese.md
new file mode 100644
index 0000000000..f58f6119a9
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-322-binomial-coefficients-divisible-by-10.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4af1000cf542c50ffc1
+challengeType: 5
+title: 'Problem 322: Binomial coefficients divisible by 10'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler322(), 999998760323314000, "<code>euler322()</code> should return 999998760323314000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler322() {
+  // Good luck!
+  return true;
+}
+
+euler322();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-323-bitwise-or-operations-on-random-integers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-323-bitwise-or-operations-on-random-integers.chinese.md
new file mode 100644
index 0000000000..9081a891de
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-323-bitwise-or-operations-on-random-integers.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4b01000cf542c50ffc2
+challengeType: 5
+title: 'Problem 323: Bitwise-OR operations on random integers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler323(), 6.3551758451, "<code>euler323()</code> should return 6.3551758451.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler323() {
+  // Good luck!
+  return true;
+}
+
+euler323();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-324-building-a-tower.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-324-building-a-tower.chinese.md
new file mode 100644
index 0000000000..4ae182dff5
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-324-building-a-tower.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b11000cf542c50ffc3
+challengeType: 5
+title: 'Problem 324: Building a tower'
+videoUrl: ''
+localeTitle: 问题324：建造一座塔楼
+---
+
+## Description
+<section id="description">设f（n）表示用2×1×1的块填充3×3×n塔的方式的数量。你可以以任何你喜欢的方式旋转块;然而，塔本身的旋转，反射等被视为不同的。例如（q = 100000007）：f（2）= 229，f（4）= 117805，f（10）mod q = 96149360，f（103）mod q = 24806056，f（106）mod q = 30808124。 <p>求f（1010000）mod 100000007。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler324()</code>应该返回96972774。
+    testString: 'assert.strictEqual(euler324(), 96972774, "<code>euler324()</code> should return 96972774.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler324() {
+  // Good luck!
+  return true;
+}
+
+euler324();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-325-stone-game-ii.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-325-stone-game-ii.chinese.md
new file mode 100644
index 0000000000..da7eb8f408
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-325-stone-game-ii.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b11000cf542c50ffc4
+challengeType: 5
+title: 'Problem 325: Stone Game II'
+videoUrl: ''
+localeTitle: 问题325：石头游戏II
+---
+
+## Description
+<section id="description">一场比赛是用两堆石头和两个球员进行的。在轮到她时，玩家从较大的堆中移除了许多石头。她移除的石头数量必须是较小桩中石头数量的正数倍。 <p>例如，让有序对（6,14）描述一个配置，在较小的桩中有6个石头，在较大的桩中有14个石头，那么第一个玩家可以从较大的桩中移除6或12个石头。 </p><p>从一堆中取出所有宝石的玩家赢得比赛。 </p><p>获胜配置是第一个玩家可以强制获胜的配置。例如，（1,5），（2,6）和（3,12）是获胜配置，因为第一个玩家可以立即移除第二堆中的所有宝石。 </p><p>失败的配置是第二个玩家可以强制获胜的配置，无论第一个玩家做什么。例如，（2,3）和（3,4）正在失去配置：任何合法移动都会为第二个玩家留下获胜配置。 </p><p>将S（N）定义为所有丢失配置（xi，yi）的总和（xi + yi），0 &lt;xi &lt;yi≤N。我们可以验证S（10）= 211和S（104）= 230312207313。 </p><p>找到S（1016）mod 710。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler325()</code>应该返回54672965。
+    testString: 'assert.strictEqual(euler325(), 54672965, "<code>euler325()</code> should return 54672965.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler325() {
+  // Good luck!
+  return true;
+}
+
+euler325();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-326-modulo-summations.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-326-modulo-summations.chinese.md
new file mode 100644
index 0000000000..afcd3a51e4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-326-modulo-summations.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b21000cf542c50ffc5
+challengeType: 5
+title: 'Problem 326: Modulo Summations'
+videoUrl: ''
+localeTitle: 问题326：模数汇总
+---
+
+## Description
+<section id="description">设一个递归定义的序列：。 <p>因此，前10个元素是：1,1,0,3,0,3,5,4,1,9。 </p><p>设f（N，M）表示对（p，q）的数量，使得： </p><p>可以看出f（10,10）= 4，对（3,3），（5,5），（7,9）和（9,10）。 </p><p>你也得到f（104,103）= 97158。 </p><p>求f（1012,106）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler326()</code>应该返回1966666166408794400。
+    testString: 'assert.strictEqual(euler326(), 1966666166408794400, "<code>euler326()</code> should return 1966666166408794400.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler326() {
+  // Good luck!
+  return true;
+}
+
+euler326();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-327-rooms-of-doom.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-327-rooms-of-doom.chinese.md
new file mode 100644
index 0000000000..783257aa4b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-327-rooms-of-doom.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b31000cf542c50ffc6
+challengeType: 5
+title: 'Problem 327: Rooms of Doom'
+videoUrl: ''
+localeTitle: 问题327：末日的房间
+---
+
+## Description
+<section id="description">一系列三个房间通过自动门相互连接。 <p>每扇门都由安全卡操作。进入房间后，门会自动关闭，安全卡不能再次使用。一台机器在开始时将分配无限数量的卡，但每个房间（包括起始室）都包含扫描仪，如果他们检测到您持有三张以上的安全卡，或者如果他们在地板上检测到无人看管的安全卡，那么所有的门都将永久锁定。但是，每个房间都有一个盒子，您可以安全地存放任意数量的安全卡，以便在以后使用。 </p><p>如果您只是尝试一次一个地穿过房间，那么当您进入房间3时，您将使用所有三张卡片，并将永远被困在那个房间！ </p><p>但是，如果您使用存储箱，则可以进行逃生。例如，您可以使用第一张卡进入房间1，将一张卡放入存储箱，然后使用第三张卡退回到房间。然后在从点胶机收集另外三张牌之后，您可以使用一张进入1号房间并收集刚刚放入盒子中的卡片。你现在又有三张牌，可以通过剩余的三扇门。此方法允许您使用总共六张安全卡通过所有三个房间。 </p><p>可以使用总共123张安全卡通过六个房间，最多可携带3张卡。 </p><p>设C是任何时候可以携带的最大卡数。设R是要经过的房间数量。设M（C，R）是分配机器在任何时间通过最多携带C卡的R室所需的最小卡数。 </p><p>例如，M（3,6）= 123并且M（4,6）= 23.并且，对于3≤C≤4，ΣM（C，6）= 146。 </p><p>对于3≤C≤10，给出ΣM（C，10）= 10382。 </p><p>找3ΣC≤40的ΣM（C，30）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler327()</code>应返回34315549139516。
+    testString: 'assert.strictEqual(euler327(), 34315549139516, "<code>euler327()</code> should return 34315549139516.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler327() {
+  // Good luck!
+  return true;
+}
+
+euler327();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-328-lowest-cost-search.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-328-lowest-cost-search.chinese.md
new file mode 100644
index 0000000000..082a43e98c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-328-lowest-cost-search.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b41000cf542c50ffc7
+challengeType: 5
+title: 'Problem 328: Lowest-cost Search'
+videoUrl: ''
+localeTitle: 问题328：成本最低的搜索
+---
+
+## Description
+<section id="description">我们试图通过提问来找到从整数集{1,2，...，n}中选择的隐藏数字。我们要求的每个数字（问题）的成本等于所要求的数字，我们得到三个可能的答案之一：“您的猜测低于隐藏的数字”，或“是的，就是它！”或“您的猜测是高于隐藏号码“。给定n的值，最优策略最小化了最坏情况下的总成本（即所有问题的总和）。例如<p>如果n = 3，我们能做的最好的就是问号码“2”。答案将立即引导我们找到隐藏号码（总费用= 2）。 </p><p>如果n = 8，我们可能决定使用“二分搜索”类型的策略：我们的第一个问题是“4”，如果隐藏数字高于4，我们将需要一个或两个额外的问题。让我们的第二个问题是“6”。如果隐藏数字仍高于6，我们将需要第三个问题以区分7和8.因此，我们的第三个问题将是“7”，这个最坏情况的总成本将是4 + 6 + 7 = 17。 </p><p>通过将“5”作为我们的第一个问题，我们可以大大改善n = 8的最坏情况成本。如果我们被告知隐藏的数字高于5，我们的第二个问题将是“7”，那么我们将确定隐藏的数字是什么（总成本为5 + 7 = 12）。如果我们被告知隐藏号码低于5，我们的第二个问题将是“3”，如果隐藏号码低于3，我们的第三个问题将是“1”，总成本为5 + 3 + 1 = 9。自12&gt; 9以来，该策略的最坏情况成本为12.这比我们之前使用“二元搜索”策略所取得的成本更好;它也优于或等于任何其他策略。所以，事实上，我们刚刚描述了n = 8的最优策略。 </p><p>假设C（n）是通过n的最优策略实现的最坏情况成本，如上所述。因此，C（1）= 0，C（2）= 1，C（3）= 2，C（8）= 12.类似地，C（100）= 400，C（n）= 17575。 </p><p>找到C（n）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler328()</code>应返回260511850222。
+    testString: 'assert.strictEqual(euler328(), 260511850222, "<code>euler328()</code> should return 260511850222.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler328() {
+  // Good luck!
+  return true;
+}
+
+euler328();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-329-prime-frog.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-329-prime-frog.chinese.md
new file mode 100644
index 0000000000..db1f7495e4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-329-prime-frog.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b51000cf542c50ffc8
+challengeType: 5
+title: 'Problem 329: Prime Frog'
+videoUrl: ''
+localeTitle: 问题329：Prime Frog
+---
+
+## Description
+<section id="description">苏珊有一只青蛙。她的青蛙跳过500个正方形，编号为1到500.他只能以相同的概率跳到左边或右边的一个方格，并且他不能超出范围[1; 500]。（如果它落在任何一个结束时，它会在下一步移动时自动跳转到唯一可用的方格。） <p>当他在一个带有素数的正方形上时，他在跳到下一个正方形之前以概率1/3以概率2/3或“N”（不是PRIME）弯曲&#39;P&#39;（PRIME）。当他在一个上面有一个不是素数的数字的正方形时，他会在跳到下一个正方形之前以概率为1/3或&#39;N&#39;以概率2/3歪曲&#39;P&#39;。 </p><p>鉴于青蛙的起始位置是随机的，每个方格具有相同的概率，并且考虑到她听到他的前15个呱呱声，她听到PPPPNNPPPNPPNPN序列的概率是多少？ </p><p>以简化形式给出你的答案作为p / q的分数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler329()</code>应返回199740353/29386561536000。
+    testString: 'assert.strictEqual(euler329(), 199740353 / 29386561536000, "<code>euler329()</code> should return 199740353 / 29386561536000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler329() {
+  // Good luck!
+  return true;
+}
+
+euler329();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-33-digit-cancelling-fractions.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-33-digit-cancelling-fractions.chinese.md
new file mode 100644
index 0000000000..ffd3543346
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-33-digit-cancelling-fractions.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f38d1000cf542c50fea0
+challengeType: 5
+title: 'Problem 33: Digit cancelling fractions'
+videoUrl: ''
+localeTitle: 问题33：数字取消分数
+---
+
+## Description
+<section id="description">分数<sup><sub>九十八分之四十九</sub></sup>是好奇馏分，如在试图简化它可能会错误地认为<sup><sub>九十八分之四十九</sub></sup> = <sup><sub>4/8，</sub></sup>这是正确的，则通过取消787-9获得一个没有经验的数学家。我们应考虑馏分喜欢， <sup><sub>五十○分之三十○=</sub></sup> <sup><sub>3/5，</sub></sup>是微不足道的例子。这种类型的分数恰好有四个非平凡的例子，小于一个值，并且在分子和分母中包含两个数字。如果这四个分数的乘积以其最低公共项给出，请找到分母的值。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>digitCancellingFractions()</code>应该返回100。
+    testString: 'assert.strictEqual(digitCancellingFractions(), 100, "<code>digitCancellingFractions()</code> should return 100.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function digitCancellingFractions() {
+  // Good luck!
+  return true;
+}
+
+digitCancellingFractions();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-330-eulers-number.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-330-eulers-number.chinese.md
new file mode 100644
index 0000000000..0b9ff0f642
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-330-eulers-number.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b71000cf542c50ffc9
+challengeType: 5
+title: 'Problem 330: Euler"s Number'
+videoUrl: ''
+localeTitle: 问题330：欧拉数
+---
+
+## Description
+<section id="description">为所有整数n定义了无限的实数序列a（n），如下所示： <p>例如，a（0）= 11！ + 12！ + 13！ + ... = e  -  1 a（1）= e  -  11！ + 12！ + 13！ + ... = 2e  -  3 a（2）= 2e  -  31！ + e  -  12！ + 13！ + ... = 72 e  -  6 </p><p> e = 2.7182818 ......是欧拉常数。 </p><p>可以证明a（n）是形式</p><pre> <code>A(n) e + B(n)n! for integers A(n) and B(n).</code> </pre><p>例如a（10）= </p><pre> <code>328161643 e − 65269448610! .</code> </pre><p>求A（109）+ B（109）并给出答案mod 77 777 777。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler330()</code>应该返回15955822。
+    testString: 'assert.strictEqual(euler330(), 15955822, "<code>euler330()</code> should return 15955822.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler330() {
+  // Good luck!
+  return true;
+}
+
+euler330();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-331-cross-flips.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-331-cross-flips.chinese.md
new file mode 100644
index 0000000000..91c50954dd
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-331-cross-flips.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b71000cf542c50ffca
+challengeType: 5
+title: 'Problem 331: Cross flips'
+videoUrl: ''
+localeTitle: 问题331：交叉翻转
+---
+
+## Description
+<section id="description"> N×N个盘放在方形游戏板上。每个磁盘都有黑色和白色。 <p>在每个回合中，您可以选择一个磁盘并翻转与该磁盘相同的行和同一列中的所有磁盘：因此翻转2×N-1个磁盘。当所有磁盘显示其白色边时，游戏结束。以下示例显示了5×5板上的游戏。 </p><p>可以证明3是完成这个游戏的最小转弯次数。 </p><p> N×N板上的左下盘具有坐标（0,0）;右下盘具有坐标（N-1,0），左上盘具有坐标（0，N-1）。 </p><p> CN为具有N×N个盘的板的以下配置：（x，y）处的盘满足，表示其黑色侧;否则，它显示其白色的一面。 C5如上所示。 </p><p>设T（N）是从配置CN开始完成游戏的最小圈数，如果配置CN不可解，则为0。我们已经证明T（5）= 3。你还得到T（10）= 29和T（1 000）= 395253。 </p><p>找 。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler331()</code>应该返回467178235146843500。
+    testString: 'assert.strictEqual(euler331(), 467178235146843500, "<code>euler331()</code> should return 467178235146843500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler331() {
+  // Good luck!
+  return true;
+}
+
+euler331();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-332-spherical-triangles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-332-spherical-triangles.chinese.md
new file mode 100644
index 0000000000..8beff20342
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-332-spherical-triangles.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b91000cf542c50ffcb
+challengeType: 5
+title: 'Problem 332: Spherical triangles'
+videoUrl: ''
+localeTitle: 问题332：球形三角形
+---
+
+## Description
+<section id="description">球面三角形是通过在三个顶点中成对交叉的三个大圆弧形成在球体表面上的图形。 <p>设C（r）为具有中心（0,0,0）和半径r的球体。设Z（r）为具有整数坐标的C（r）表面上的点集。令T（r）为顶点为Z（r）的球形三角形的集合。由相同大弧上的三个点形成的简并球面三角形不包括在T（r）中。设A（r）为T（r）中最小球面三角形的面积。 </p><p>例如，A（14）是3.294040四舍五入到小数点后六位。 </p><p>找到A（r）。将您的答案四舍五入到小数点后六位。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler332()</code>应该返回2717.751525。
+    testString: 'assert.strictEqual(euler332(), 2717.751525, "<code>euler332()</code> should return 2717.751525.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler332() {
+  // Good luck!
+  return true;
+}
+
+euler332();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-333-special-partitions.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-333-special-partitions.chinese.md
new file mode 100644
index 0000000000..a2939302dd
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-333-special-partitions.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b91000cf542c50ffcc
+challengeType: 5
+title: 'Problem 333: Special partitions'
+videoUrl: ''
+localeTitle: 问题333：特殊分区
+---
+
+## Description
+<section id="description">可以以这样的方式划分所有正整数：分区的每个项可以表示为2ix3j，其中i，j≥0。 <p>我们只考虑那些没有任何术语可以划分任何其他术语的分区。例如，17 = 2 + 6 + 9 =（21x30 + 21x31 + 20x32）的分区将无效，因为2可以除以6.分区17 = 16 + 1 =（24x30 + 20x30）也不会因为1可以除16. 17的唯一有效分区是8 + 9 =（23x30 + 20x32）。 </p><p>许多整数具有多个有效分区，第一个是具有以下两个分区的11。 11 = 2 + 9 =（21x30 + 20x32）11 = 8 + 3 =（23x30 + 20x31） </p><p>让我们将P（n）定义为n的有效分区数。例如，P（11）= 2。 </p><p>让我们只考虑具有单个有效分区的素数整数q，例如P（17）。 </p><p>素数q &lt;100的总和使得P（q）= 1等于233。 </p><p>找到质数q &lt;1000000的总和，使得P（q）= 1。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler333()</code>应返回3053105。
+    testString: 'assert.strictEqual(euler333(), 3053105, "<code>euler333()</code> should return 3053105.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler333() {
+  // Good luck!
+  return true;
+}
+
+euler333();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-334-spilling-the-beans.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-334-spilling-the-beans.chinese.md
new file mode 100644
index 0000000000..cd3893bb77
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-334-spilling-the-beans.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ba1000cf542c50ffcd
+challengeType: 5
+title: 'Problem 334: Spilling the beans'
+videoUrl: ''
+localeTitle: 问题334：溢出豆子
+---
+
+## Description
+<section id="description">在柏拉图的天堂里，存在着无数个直线的碗。每个碗都包含一些或不包含有限数量的豆。一个孩子玩游戏，只允许一种移动：从任何碗中取出两个豆子，并在两个相邻的碗中放入一个豆子。当每个碗包含一个或没有豆时，游戏结束。 <p>例如，考虑两个相邻的碗分别包含2个和3个豆，所有其他碗都是空的。以下八个动作将完成游戏： </p><p>您将获得以下序列：t0 = 123456。 </p><pre> <code> ti = ti-12 , if ti-1 is even ti-12 926252, if ti-1 is odd where ⌊x⌋ is the floor function and is the bitwise XOR operator. bi = ( ti mod 211) + 1.</code> </pre><p>最后一个序列的前两个项是b1 = 289和b2 = 145.如果我们从两个相邻碗中的b1和b2豆开始，则需要3419100次移动来完成游戏。 </p><p>现在考虑1500个相邻的碗，分别包含b1，b2，...，b1500豆，所有其他碗都是空的。查看游戏结束前需要多少动作。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler334()</code>应该返回150320021261690850。
+    testString: 'assert.strictEqual(euler334(), 150320021261690850, "<code>euler334()</code> should return 150320021261690850.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler334() {
+  // Good luck!
+  return true;
+}
+
+euler334();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-335-gathering-the-beans.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-335-gathering-the-beans.chinese.md
new file mode 100644
index 0000000000..b58c34c008
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-335-gathering-the-beans.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4bd1000cf542c50ffce
+challengeType: 5
+title: 'Problem 335: Gathering the beans'
+videoUrl: ''
+localeTitle: 问题335：收集豆子
+---
+
+## Description
+<section id="description">每当彼得感到无聊时，他都会放一些碗，每个碗里都放一个豆子。在此之后，他将所有的豆子从一个碗中取出，然后顺时针将它们逐一放入碗中。他重复这一点，从碗里开始扔掉最后一根豆子，直到最初的情况再次出现。例如，有5个碗，他的行为如下： <p>所以有5个碗需要Peter 15的动作才能恢复到初始状态。 </p><p>设M（x）表示从x碗开始返回初始状态所需的移动次数。因此，M（5）= 15.还可以证实M（100）= 10920。 </p><p>找到M（2k + 1）。给出你的答案模数79。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler335()</code>应返回5032316。
+    testString: 'assert.strictEqual(euler335(), 5032316, "<code>euler335()</code> should return 5032316.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler335() {
+  // Good luck!
+  return true;
+}
+
+euler335();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-336-maximix-arrangements.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-336-maximix-arrangements.chinese.md
new file mode 100644
index 0000000000..8cf87cc194
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-336-maximix-arrangements.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4bd1000cf542c50ffcf
+challengeType: 5
+title: 'Problem 336: Maximix Arrangements'
+videoUrl: ''
+localeTitle: 问题336：Maximix安排
+---
+
+## Description
+<section id="description">一列火车用于按顺序运输四辆车：ABCD。然而，有时当火车到达收集车厢时，它们的顺序不正确。为了重新安排车厢，他们都被分流到一个大型旋转转盘上。在车厢在特定点处脱开之后，列车从转盘上移开，拉动仍与其连接的托架。其余的车厢旋转180度。然后重新加入所有托架，并且根据需要重复该过程，以便获得转盘的最少使用次数。一些布置，例如ADCB，可以很容易地解决：托架在A和D之间分开，并且在DCB旋转之后，已经实现了正确的顺序。 <p>然而，火车司机简​​单西蒙并不知道他的效率，所以他总是通过最初将马车A放在正确的位置，然后是马车B等来解决问题。 </p><p>使用四个车厢，西蒙的最坏可能安排是DACB和DBAC，我们称之为maximix安排。每个都需要他五次旋转（尽管使用最有效的方法，他们可以使用三次旋转来解决）。他用于DACB的过程如下所示。 </p><p>可以证实，对于六个车厢存在24个最大值布置，其中第十个词典最大化布置是DFAECB。 </p><p>查找11种车厢的第11版词典格式。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler336()</code>应该返回CAGBIHEFJDK。
+    testString: 'assert.strictEqual(euler336(), CAGBIHEFJDK, "<code>euler336()</code> should return CAGBIHEFJDK.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler336() {
+  // Good luck!
+  return true;
+}
+
+euler336();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-337-totient-stairstep-sequences.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-337-totient-stairstep-sequences.chinese.md
new file mode 100644
index 0000000000..a2eccbbb8c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-337-totient-stairstep-sequences.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4be1000cf542c50ffd0
+challengeType: 5
+title: 'Problem 337: Totient Stairstep Sequences'
+videoUrl: ''
+localeTitle: 问题337欧拉序列阶梯
+---
+
+## Description
+<section id="description">令{a1，a2，...，an}为长度为n的整数序列，使得：a1 = 6，对于所有1≤i&lt;n：φ（ai）&lt;φ（ai + 1）&lt;ai &lt;ai + 11令S（N）为具有≤N的这种序列的数目。例如，S（10）= 4：{6}，{6,8}，{6,8,9}和{6,10}。我们可以验证S（100）= 482073668和S（10 000）mod 108 = 73808307。 <p>找到S（20 000 000）mod 108。 </p><p> 1φ表示欧拉的函数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler337()</code>应该返回85068035。
+    testString: 'assert.strictEqual(euler337(), 85068035, "<code>euler337()</code> should return 85068035.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler337() {
+  // Good luck!
+  return true;
+}
+
+euler337();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-338-cutting-rectangular-grid-paper.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-338-cutting-rectangular-grid-paper.chinese.md
new file mode 100644
index 0000000000..acd37655d8
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-338-cutting-rectangular-grid-paper.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4be1000cf542c50ffd1
+challengeType: 5
+title: 'Problem 338: Cutting Rectangular Grid Paper'
+videoUrl: ''
+localeTitle: 问题338：切割矩形网格纸
+---
+
+## Description
+<section id="description">给出了具有整数尺寸w×h的矩形网格纸。它的网格间距为1.当我们沿着网格线将纸张切割成两个部分并重新排列这些部分而没有重叠时，我们可以制作具有不同尺寸的新矩形。例如，从尺寸为9×4的纸张中，我们可以通过切割和重新排列来制作尺寸为18×2,12×3和6×6的矩形，如下所示： <p>同样，从尺寸为9×8的纸张中，我们可以制作尺寸为18×4和12×6的矩形。 </p><p>对于w和h对，让F（w，h）是可以由尺寸为w×h的薄片制成的不同矩形的数量。例如，F（2,1）= 0，F（2,2）= 1，F（9,4）= 3和F（9,8）= 2.注意，与初始一致的矩形不计算在内在F（w，h）。还要注意，尺寸为w×h且尺寸为h×w的矩形不被认为是不同的。 </p><p>对于整数N，令G（N）为满足0 &lt;h≤w≤N的所有w和h的F（w，h）之和。我们可以验证G（10）= 55，G（103） ）= 971745和G（105）= 9992617687。 </p><p>找到G（1012）。给你的答案模数108。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler338()</code>应该返回15614292。
+    testString: 'assert.strictEqual(euler338(), 15614292, "<code>euler338()</code> should return 15614292.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler338() {
+  // Good luck!
+  return true;
+}
+
+euler338();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-339-peredur-fab-efrawg.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-339-peredur-fab-efrawg.chinese.md
new file mode 100644
index 0000000000..4f0d245a3f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-339-peredur-fab-efrawg.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c01000cf542c50ffd2
+challengeType: 5
+title: 'Problem 339: Peredur fab Efrawg'
+videoUrl: ''
+localeTitle: 问题339：Peredur fab Efrawg
+---
+
+## Description
+<section id="description"> “他走向一个山谷，河流穿过河谷;山谷的边界是树木繁茂的，河的两边是平坦的草地。河的一边，他看到一群白羊，另一只黑羊。每当一只白羊咩咩叫，其中一只黑羊就会越过白色;当其中一只黑羊咩咩叫的时候，其中一只白羊会越过黑羊“en.wikisource.org <p>最初每群由n只绵羊组成。每只绵羊（不论颜色）同样可能是下一只咩咩咩的绵羊。在一只绵羊咩咩叫，另一只羊的羊群已经越过之后，Peredur可能会移走一些白羊，以便最大化预期的最终黑羊数量。如果Peredur使用最优策略，则让E（n）成为预期的最终黑羊数量。 </p><p>给出E（5）= 6.871346舍入到小数点后面的6位。找到E（10 000）并将您的答案四舍五入到小数点后面的6位。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler339()</code>应返回19823.542204。
+    testString: 'assert.strictEqual(euler339(), 19823.542204, "<code>euler339()</code> should return 19823.542204.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler339() {
+  // Good luck!
+  return true;
+}
+
+euler339();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-34-digit-factorials.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-34-digit-factorials.chinese.md
new file mode 100644
index 0000000000..dcc49c2388
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-34-digit-factorials.chinese.md
@@ -0,0 +1,57 @@
+---
+id: 5900f38e1000cf542c50fea1
+challengeType: 5
+title: 'Problem 34: Digit factorials'
+videoUrl: ''
+localeTitle: 问题34：数字阶乘
+---
+
+## Description
+<section id="description"> 145是一个奇怪的数字，为1！ + 4！ + 5！ = 1 + 24 + 120 = 145.找到数字和数字的总和，它们等于数字的阶乘之和。注意：为1！ = 1和2！ = 2不是它们不包括在内的总和。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>digitFactorial()</code>应该返回{sum：40730，数字：[145,40585]}。'
+    testString: 'assert.deepEqual(digitFactorial(), { sum: 40730, numbers: [145, 40585] }, "<code>digitFactorial()</code> should return { sum: 40730, numbers: [145, 40585] }.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function digitFactorial() {
+  // Good luck!
+  var sum = 0;
+  var numbers = [];
+  return { sum, numbers };
+}
+
+digitFactorial();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-340-crazy-function.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-340-crazy-function.chinese.md
new file mode 100644
index 0000000000..9d16da747a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-340-crazy-function.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c21000cf542c50ffd4
+challengeType: 5
+title: 'Problem 340: Crazy Function'
+videoUrl: ''
+localeTitle: 问题340：疯狂的功能
+---
+
+## Description
+<section id="description">对于固定整数a，b，c，定义疯狂函数F（n）如下：F（n）= n  -  c表示所有n&gt; b F（n）= F（a + F（a + F（a +）所有n≤b的F（a + n））））。 <p>另外，定义S（a，b，c）=。 </p><p>例如，如果a = 50，b = 2000且c = 40，则F（0）= 3240并且F（2000）= 2040.此外，S（50,2000,40）= 5204240。 </p><p>找到S（217,721,127）的最后9位数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler340()</code>应返回291504964。
+    testString: 'assert.strictEqual(euler340(), 291504964, "<code>euler340()</code> should return 291504964.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler340() {
+  // Good luck!
+  return true;
+}
+
+euler340();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-341-golombs-self-describing-sequence.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-341-golombs-self-describing-sequence.chinese.md
new file mode 100644
index 0000000000..4af86fca40
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-341-golombs-self-describing-sequence.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c11000cf542c50ffd3
+challengeType: 5
+title: 'Problem 341: Golomb"s self-describing sequence'
+videoUrl: ''
+localeTitle: 问题341：Golomb的自我描述序列
+---
+
+## Description
+<section id="description"> Golomb的自描述序列{G（n）}是唯一的非递减自然数序列，因此n在序列中恰好出现G（n）次。前几个n的G（n）值是<p> n123456789101112131415 ... G（n）的122334445556666 ... </p><p>给出G（103）= 86，G（106）= 6137.对于1≤n&lt;103，还给出ΣG（n3）= 153506976。 </p><p>找到ΣG（n3）为1≤n&lt;106。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler341()</code>应该返回56098610614277016。
+    testString: 'assert.strictEqual(euler341(), 56098610614277016, "<code>euler341()</code> should return 56098610614277016.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler341() {
+  // Good luck!
+  return true;
+}
+
+euler341();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-342-the-totient-of-a-square-is-a-cube.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-342-the-totient-of-a-square-is-a-cube.chinese.md
new file mode 100644
index 0000000000..6f7fcbc5c9
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-342-the-totient-of-a-square-is-a-cube.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c31000cf542c50ffd5
+challengeType: 5
+title: 'Problem 342: The totient of a square is a cube'
+videoUrl: ''
+localeTitle: 问题342：正方形的总数是一个立方体
+---
+
+## Description
+<section id="description">考虑数字50. 502 = 2500 = 22×54，因此φ（2500）= 2×4×53 = 8×53 = 23×53.1因此2500是正方形而φ（2500）是立方体。 <p>找到所有数字的总和n，1 &lt;n &lt;1010，使得φ（n2）是立方体。 </p><p> 1φ表示欧拉的函数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler342()</code>应该返回5943040885644。
+    testString: 'assert.strictEqual(euler342(), 5943040885644, "<code>euler342()</code> should return 5943040885644.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler342() {
+  // Good luck!
+  return true;
+}
+
+euler342();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-343-fractional-sequences.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-343-fractional-sequences.chinese.md
new file mode 100644
index 0000000000..045e9c6854
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-343-fractional-sequences.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c41000cf542c50ffd6
+challengeType: 5
+title: 'Problem 343: Fractional Sequences'
+videoUrl: ''
+localeTitle: 问题343：分数序列
+---
+
+## Description
+<section id="description">对于任何正整数k，分数xi / yi的有限序列ai由以下定义：a1 = 1 / k且ai =（xi-1 + 1）/（yi-1-1）减少到最低项i&gt; 1 。当ai达到某个整数n时，序列停止。 （即，当yi = 1时。）定义f（k）= n。例如，对于k = 20： <p> 1/20→2/19→3/18 = 1/6→2/5→3/4→4/3→5/2→6/1 = 6 </p><p>所以f（20）= 6。 </p><p>对于1≤k≤100，f（1）= 1，f（2）= 2，f（3）= 1且Σf（k3）= 118937。 </p><p>找Σf（k3）为1≤k≤2×106。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler343()</code>应该返回269533451410884200。
+    testString: 'assert.strictEqual(euler343(), 269533451410884200, "<code>euler343()</code> should return 269533451410884200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler343() {
+  // Good luck!
+  return true;
+}
+
+euler343();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-344-silver-dollar-game.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-344-silver-dollar-game.chinese.md
new file mode 100644
index 0000000000..00a5cea617
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-344-silver-dollar-game.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c51000cf542c50ffd7
+challengeType: 5
+title: 'Problem 344: Silver dollar game'
+videoUrl: ''
+localeTitle: 问题344：银元游戏
+---
+
+## Description
+<section id="description"> NG de Bruijn的银元游戏的一个变种可以描述如下： <p>在正方形条上放置了许多硬币，每平方最多一枚硬币。只有一枚硬币，称为银元，具有任何价值。两名球员轮流做出动作。在每个回合中，玩家必须进行常规或特殊动作。 </p><p>常规移动包括选择一个硬币并将其移动到左侧的一个或多个方块。硬币不能从条带中移出或跳到另一个硬币上或上方。 </p><p>或者，玩家可以选择将最左边的硬币扒窃而不是定期移动。如果没有可能的常规动作，则玩家被迫掏出最左边的硬币。 </p><p>获胜者是兜售银元的玩家。 </p><p>获胜配置是在条带上的硬币排列，其中第一玩家可以强制获胜而不管第二玩家做什么。 </p><p>设W（n，c）为n个正方形，c个无价值硬币和1个银元的获胜配置数。 </p><p>给出W（10,2）= 324和W（100,10）= 1514704946113500。 </p><p>找到W（1 000 000,100）模数半数1000 036 000 099（= 1 000 003·1 000 033）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler344()</code>应该返回65579304332。
+    testString: 'assert.strictEqual(euler344(), 65579304332, "<code>euler344()</code> should return 65579304332.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler344() {
+  // Good luck!
+  return true;
+}
+
+euler344();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-345-matrix-sum.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-345-matrix-sum.chinese.md
new file mode 100644
index 0000000000..1646f72721
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-345-matrix-sum.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c81000cf542c50ffda
+challengeType: 5
+title: 'Problem 345: Matrix Sum'
+videoUrl: ''
+localeTitle: 问题345：矩阵求和
+---
+
+## Description
+<section id="description">我们将矩阵的矩阵和定义为矩阵元素的最大总和，每个元素是其行和列中唯一的元素。例如，下面矩阵的矩阵和等于3315（= 863 + 383 + 343 + 959 + 767）： <p> 7 53 183 439 863 497 383 563 79 973 287 63 343 169 583 627 343 773 959 943767 473 103 699 303 </p><p>找到矩阵之和： </p><p> 7 53 183 439 863 497 383 563 79 973 287 63 343 169 583 627 343 773 959 943 767 473 103 699 303 957 703 583 639 913 447 283 463 29 23 487 463 993 119 883 327 493 423 159 743 217 623 3 399 853 407 103 983 89 463 290 516 212 462 350 960 376 682 962 300 780 486 502 912 800 250 346 172 812 350 870 456 192 162 593 473 915 45 989 873 823 965 425 329 803 973 965 905 919 133 673 665 235 509 613 673 815 165 992 326 322 148 972 962 286 255 941 541 265 323 925 281 601 95 973 445 721 11 525 473 65 511 164 138 672 18 428 154 448 848 414 456 310 312 798 104 566 520 302 248 694 976 430 392 198 184 829 373 181 631 101 969 613 840 740 778 458 284 760 390 821 461 843 513 17 901 711 993 293 157 274 94 192 156 574 34 124 4 878 450 476 712 914 838 669 875 299 823 329 699 815 559 813 459 522 788 168 586 966 232 308 833 251 631 107 813 883 451 509 615 77 281 613 459 205 380 274 302 35 805 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler345()</code>应返回13938。
+    testString: 'assert.strictEqual(euler345(), 13938, "<code>euler345()</code> should return 13938.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler345() {
+  // Good luck!
+  return true;
+}
+
+euler345();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-346-strong-repunits.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-346-strong-repunits.chinese.md
new file mode 100644
index 0000000000..8fe3074ad0
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-346-strong-repunits.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c71000cf542c50ffd8
+challengeType: 5
+title: 'Problem 346: Strong Repunits'
+videoUrl: ''
+localeTitle: 问题346：强大的Repunits
+---
+
+## Description
+<section id="description">数字7是特殊的，因为7是用基数2写的111，用基数6写的是11（即710 = 116 = 1112）。换句话说，7是至少两个碱基b&gt; 1的重新排列。 <p>我们将调用一个正整数，该属性是一个强大的repunit。可以证实，在50以下有8个强大的重新命令：{1,7,13,15,21,31,40,43}。此外，1000以下的所有强大的重新命令的总和等于15864。 </p><p>找出1012以下所有强大的回购总和。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler346()</code>应该返回336108797689259260。
+    testString: 'assert.strictEqual(euler346(), 336108797689259260, "<code>euler346()</code> should return 336108797689259260.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler346() {
+  // Good luck!
+  return true;
+}
+
+euler346();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-347-largest-integer-divisible-by-two-primes.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-347-largest-integer-divisible-by-two-primes.chinese.md
new file mode 100644
index 0000000000..499b81625b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-347-largest-integer-divisible-by-two-primes.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c81000cf542c50ffd9
+challengeType: 5
+title: 'Problem 347: Largest integer divisible by two primes'
+videoUrl: ''
+localeTitle: 问题347：最大整数可被两个素数整除
+---
+
+## Description
+<section id="description">只能被素数2和3整除的最大整数≤100是96，因为96 = 32 * 3 = 25 * 3。对于两个不同的素数p和q，令M（p，q，N）是最大的正整数≤N，只能被p和q整除，并且如果不存在这样的正整数，则M（p，q，N）= 0。 <p>例如M（2,3,100）= 96。 M（3,5,100）= 75而不是90因为90可以被2,3和5整除。另外M（2,73,100）= 0因为不存在可以被2和73整除的正整数≤100。 </p><p>设S（N）为所有不同M（p，q，N）的和。 S（100）= 2262。 </p><p>找到S（10 000 000）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler347()</code>应该返回11109800204052。
+    testString: 'assert.strictEqual(euler347(), 11109800204052, "<code>euler347()</code> should return 11109800204052.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler347() {
+  // Good luck!
+  return true;
+}
+
+euler347();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-348-sum-of-a-square-and-a-cube.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-348-sum-of-a-square-and-a-cube.chinese.md
new file mode 100644
index 0000000000..be62b557b7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-348-sum-of-a-square-and-a-cube.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c81000cf542c50ffdb
+challengeType: 5
+title: 'Problem 348: Sum of a square and a cube'
+videoUrl: ''
+localeTitle: 问题348：正方形和立方体的总和
+---
+
+## Description
+<section id="description">许多数字可以表示为正方形和立方体的总和。其中一些不止一种。 <p>考虑可以用4种不同方式表示为正方形和立方体之和的回文数，均大于1。例如，5229225是一个回文数字，它可以用4种不同的方式表示：22852 + 203 22232 + 663 18102 + 1253 11972 + 1563 </p><p>找出五个最小的这种回文数的总和。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler348()</code>应返回1004195061。
+    testString: 'assert.strictEqual(euler348(), 1004195061, "<code>euler348()</code> should return 1004195061.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler348() {
+  // Good luck!
+  return true;
+}
+
+euler348();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-349-langtons-ant.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-349-langtons-ant.chinese.md
new file mode 100644
index 0000000000..7b736ec750
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-349-langtons-ant.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ca1000cf542c50ffdc
+challengeType: 5
+title: 'Problem 349: Langton"s ant'
+videoUrl: ''
+localeTitle: 问题349：兰顿的蚂蚁
+---
+
+## Description
+<section id="description">蚂蚁在规则的方格网格上移动，方格网格为黑色或白色。蚂蚁总是朝向一个主要方向（左，右，上或下），并根据以下规则从正方形移动到相邻正方形： - 如果它在黑色方块上，它将方形的颜色翻转为白色，逆时针旋转90度，向前移动一个方格。 - 如果它在白色方块上，它将方块的颜色翻转为黑色，顺时针旋转90度并向前移动一个方格。 <p>从一个完全是白色的网格开始，在蚂蚁1018次移动后，有多少个方块是黑色的？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler349()</code>应该返回115384615384614940。
+    testString: 'assert.strictEqual(euler349(), 115384615384614940, "<code>euler349()</code> should return 115384615384614940.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler349() {
+  // Good luck!
+  return true;
+}
+
+euler349();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-35-circular-primes.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-35-circular-primes.chinese.md
new file mode 100644
index 0000000000..25ac06b784
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-35-circular-primes.chinese.md
@@ -0,0 +1,65 @@
+---
+id: 5900f38f1000cf542c50fea2
+challengeType: 5
+title: 'Problem 35: Circular primes'
+videoUrl: ''
+localeTitle: 问题35：循环素数
+---
+
+## Description
+<section id="description">这个数字197被称为循环素数，因为数字的所有旋转：197,971和719本身都是素数。在100：2,3,5,7,11,13,17,31,37,71,73,79和97之下有十三个这样的素数。在n下面有多少个圆形素数，而100 &lt;= n &lt; = 1000000？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>circularPrimes(100)</code>应该返回13。
+    testString: 'assert(circularPrimes(100) == 13, "<code>circularPrimes(100)</code> should return 13.");'
+  - text: <code>circularPrimes(100000)</code>应该返回43。
+    testString: 'assert(circularPrimes(100000) == 43, "<code>circularPrimes(100000)</code> should return 43.");'
+  - text: <code>circularPrimes(250000)</code>应该返回45。
+    testString: 'assert(circularPrimes(250000) == 45, "<code>circularPrimes(250000)</code> should return 45.");'
+  - text: <code>circularPrimes(500000)</code>应该返回49。
+    testString: 'assert(circularPrimes(500000) == 49, "<code>circularPrimes(500000)</code> should return 49.");'
+  - text: <code>circularPrimes(750000)</code>应该返回49。
+    testString: 'assert(circularPrimes(750000) == 49, "<code>circularPrimes(750000)</code> should return 49.");'
+  - text: <code>circularPrimes(1000000)</code>应该返回55。
+    testString: 'assert(circularPrimes(1000000) == 55, "<code>circularPrimes(1000000)</code> should return 55.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function circularPrimes(n) {
+  // Good luck!
+  return n;
+}
+
+circularPrimes(1000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-350-constraining-the-least-greatest-and-the-greatest-least.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-350-constraining-the-least-greatest-and-the-greatest-least.chinese.md
new file mode 100644
index 0000000000..8cb7289978
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-350-constraining-the-least-greatest-and-the-greatest-least.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4cb1000cf542c50ffdd
+challengeType: 5
+title: 'Problem 350: Constraining the least greatest and the greatest least'
+videoUrl: ''
+localeTitle: 问题350：约束最小和最小
+---
+
+## Description
+<section id="description">大小为n的列表是n个自然数的序列。实例是（2,4,6），（2,6,4），（10,6,15,6）和（11）。 <p>列表的最大公约数（或gcd）是划分列表中所有条目的最大自然数。例子：gcd（2,6,4）= 2，gcd（10,6,15,6）= 1，gcd（11）= 11。 </p><p>列表的最小公倍数或lcm是列表的每个条目可分割的最小自然数。实例：1cm（2,6,4）= 12,1cm（10,6,15,6）= 30和1cm（11）= 11。 </p><p>设f（G，L，N）为大小为N的列表数，gcd≥G且lcm≤L。例如： </p><p> f（10,100,1）= 91.f（10,100,2）= 327.f（10,100,3）= 1135.f（10,100,1000）mod 1014 = 3286053。 </p><p>找到f（106,1012,1018）mod 1014。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler350()</code>应该返回84664213。
+    testString: 'assert.strictEqual(euler350(), 84664213, "<code>euler350()</code> should return 84664213.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler350() {
+  // Good luck!
+  return true;
+}
+
+euler350();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-351-hexagonal-orchards.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-351-hexagonal-orchards.chinese.md
new file mode 100644
index 0000000000..c0f9eaf376
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-351-hexagonal-orchards.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4cb1000cf542c50ffde
+challengeType: 5
+title: 'Problem 351: Hexagonal orchards'
+videoUrl: ''
+localeTitle: 问题351：六角形果园
+---
+
+## Description
+<section id="description"> n阶六角形果园是由正六边形中具有边n的点构成的三角形格子。以下是5阶六角形果园的示例： <p>以绿色突出显示的是通过靠近它的点从中心隐藏的点。可以看出，对于5阶六角形果园，中心隐藏了30个点。 </p><p>设H（n）是在n阶六角形果园中从中心隐藏的点数。 </p><p> H（5）= 30.H（10）= 138.H（1 000）= 1177848。 </p><p>找H（100 000 000）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler351()</code>应该返回11762187201804552。
+    testString: 'assert.strictEqual(euler351(), 11762187201804552, "<code>euler351()</code> should return 11762187201804552.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler351() {
+  // Good luck!
+  return true;
+}
+
+euler351();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-352-blood-tests.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-352-blood-tests.chinese.md
new file mode 100644
index 0000000000..bd0ffe53c6
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-352-blood-tests.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4cd1000cf542c50ffdf
+challengeType: 5
+title: 'Problem 352: Blood tests'
+videoUrl: ''
+localeTitle: 问题352：验血
+---
+
+## Description
+<section id="description">必须对一群羊中的25只绵羊中的每一只进行稀有病毒检测，已知这种病毒会影响2％的绵羊群体。对血液样品存在准确且极其灵敏的PCR测试，产生明显的阳性/阴性结果，但是它非常耗时且昂贵。 <p>由于成本高，负责人建议不要进行25次单独的测试，而是可以使用以下程序：将绵羊分成5组，每组5只绵羊。对于每组，将5个样品混合在一起并进行单次测试。然后，如果结果是阴性，则该组中的所有绵羊都被认为是无病毒的。如果结果为阳性，将进行5次额外测试（对每只动物进行单独测试）以确定受影响的个体。 </p><p>由于任何特定动物的感染概率仅为0.02，因此每组的第一次测试（在合并的样本上）将为：阴性（并且不再需要测试），概率为0.985 = 0.9039207968。正（需要5次额外测试），概率为1  -  0.9039207968 = 0.0960792032。 </p><p>因此，每组的预期测试次数是1 + 0.0960792032×5 = 1.480396016。因此，所有5组都可以使用平均仅1.480396016×5 = 7.40198008的测试进行筛选，这意味着节省了超过70％的巨额费用！ </p><p>尽管我们刚刚描述的方案似乎非常有效，但它仍然可以得到显着改善（总是假设测试足够敏感并且不会因混合不同样品而产生不利影响）。例如：我们可以首先对所有25个样本的混合物进行测试。可以证实，在大约60.35％的情况下，该测试将是否定的，因此不再需要进行测试。其余39.65％的案件只需要进一步测试。如果我们知道5个一组中至少有一只动物被感染并且前4个个体测试结果为阴性，则不需要对第五个动物进行测试（我们知道它必须被感染）。我们可以在每组中尝试不同数量的组/不同数量的动物，在每个级别调整这些数字，以便最小化测试的总预期数量。 </p><p>为了简化各种各样的可能性，我们在设计最具成本效益的测试方案时有一个限制：每当我们从混合样本开始时，必须对所有对该样本做出贡献的绵羊进行全面筛选（即对感染的判断）在我们开始检查任何其他动物之前，必须达到/无病毒。 </p><p>对于当前的例子，事实证明，最具成本效益的测试方案（我们称之为最优策略）需要平均只需4.155452次测试！ </p><p>使用最优策略，让T（s，p）代表筛选一群绵羊所需的平均测试次数，以获得任何个体中存在概率p的病毒。因此，四舍五入到小数点后六位，T（25,0.02）= 4.155452，T（25,0.10）= 12.702124。 </p><p>找到ΣT（10000，p），p = 0.01,0.02,0.03，...... 0.50。将您的答案四舍五入到小数点后六位。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler352()</code>应该返回378563.260589。
+    testString: 'assert.strictEqual(euler352(), 378563.260589, "<code>euler352()</code> should return 378563.260589.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler352() {
+  // Good luck!
+  return true;
+}
+
+euler352();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-353-risky-moon.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-353-risky-moon.chinese.md
new file mode 100644
index 0000000000..68f6fd132a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-353-risky-moon.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4cd1000cf542c50ffe0
+challengeType: 5
+title: 'Problem 353: Risky moon'
+videoUrl: ''
+localeTitle: 问题353：危险的月亮
+---
+
+## Description
+<section id="description">月球可以由球体C（r）描述，其中心（0,0,0）和半径r。 <p>月球上有C（r）表面点上的整数坐标。 （0,0，r）处的站称为北极站，（0,0，-r）处的站称为南极站。 </p><p>所有车站都通过车站的大弧上最短的道路相互连接。两个站之间的旅程是有风险的。如果d是两个站之间的道路长度，（d /（πr））2是旅程风险的度量（让我们称之为道路风险）。如果旅程包括两个以上的车站，则旅程的风险是使用过的道路的风险总和。 </p><p>从北极站到南极站的直接旅程长度为πr，风险为1.从北极站到南极站的路程（0，r，0）长度相同，但风险较小：（½πr/（πr））2+（1 /2πr/（πr））2 = 0.5。 </p><p>从C（r）的北极站到南极站的旅程的最小风险是M（r）。 </p><p>给出M（7）= 0.1784943998四舍五入到小数点后面的10位数。 </p><p>找到ΣM（2n-1）为1≤n≤15。 </p><p>将答案四舍五入到小数点后面的10位数，形式为a.bcdefghijk。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler353()</code>应返回1.2759860331。
+    testString: 'assert.strictEqual(euler353(), 1.2759860331, "<code>euler353()</code> should return 1.2759860331.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler353() {
+  // Good luck!
+  return true;
+}
+
+euler353();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-354-distances-in-a-bees-honeycomb.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-354-distances-in-a-bees-honeycomb.chinese.md
new file mode 100644
index 0000000000..2ce4a7026a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-354-distances-in-a-bees-honeycomb.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4cf1000cf542c50ffe1
+challengeType: 5
+title: 'Problem 354: Distances in a bee"s honeycomb'
+videoUrl: ''
+localeTitle: 问题354：蜜蜂蜂窝中的距离
+---
+
+## Description
+<section id="description">考虑一个蜜蜂的蜂窝，每个细胞是一个完整的正六边形，边长为1。 <p>一只特定的细胞被蜂王占据。对于正实数L，让B（L）计算距蜂王细胞距离为L的细胞（所有距离从中心到中心测量）;你可以假设蜂窝大到足以容纳我们想要考虑的任何距离。例如，B（√3）= 6，B（√21）= 12，B（111 111 111）= 54。 </p><p>求出L≤5·1011的数，使得B（L）= 450。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler354()</code>应该返回58065134。
+    testString: 'assert.strictEqual(euler354(), 58065134, "<code>euler354()</code> should return 58065134.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler354() {
+  // Good luck!
+  return true;
+}
+
+euler354();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-355-maximal-coprime-subset.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-355-maximal-coprime-subset.chinese.md
new file mode 100644
index 0000000000..537217a173
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-355-maximal-coprime-subset.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d01000cf542c50ffe2
+challengeType: 5
+title: 'Problem 355: Maximal coprime subset'
+videoUrl: ''
+localeTitle: 问题355：最大互质子集
+---
+
+## Description
+<section id="description">将Co（n）定义为来自{1,2，...，n}的一组相互共元素的最大可能和。例如，Co（10）是30并且在子集{1,5,7,8,9}上达到最大值。 <p>给出Co（30）= 193和Co（100）= 1356。 </p><p>找到Co（200000）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler355()</code>应返回1726545007。
+    testString: 'assert.strictEqual(euler355(), 1726545007, "<code>euler355()</code> should return 1726545007.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler355() {
+  // Good luck!
+  return true;
+}
+
+euler355();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-356-largest-roots-of-cubic-polynomials.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-356-largest-roots-of-cubic-polynomials.chinese.md
new file mode 100644
index 0000000000..a8d46cd91e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-356-largest-roots-of-cubic-polynomials.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d01000cf542c50ffe3
+challengeType: 5
+title: 'Problem 356: Largest roots of cubic polynomials'
+videoUrl: ''
+localeTitle: 问题356：三次多项式的最大根
+---
+
+## Description
+<section id="description">设a是多项式的最大实根g（x）= x3  -  2n·x2 + n。例如，a2 = 3.86619826 ...... <p>找到最后八位数字。 </p><p>注意：代表楼层功能。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler356()</code>应该返回28010159。
+    testString: 'assert.strictEqual(euler356(), 28010159, "<code>euler356()</code> should return 28010159.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler356() {
+  // Good luck!
+  return true;
+}
+
+euler356();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-357-prime-generating-integers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-357-prime-generating-integers.chinese.md
new file mode 100644
index 0000000000..50eb3dce36
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-357-prime-generating-integers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d11000cf542c50ffe4
+challengeType: 5
+title: 'Problem 357: Prime generating integers'
+videoUrl: ''
+localeTitle: 问题357：Prime生成整数
+---
+
+## Description
+<section id="description">考虑30：1,2,3,5,6,10,15,30的除数。可以看出，对于每个除数d为30，d + 30 / d是素数。 <p>找出所有正整数n的总和不超过100 000 000，这样对于n的每个除数d，d + n / d是素数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler357()</code>应该返回1739023853137。
+    testString: 'assert.strictEqual(euler357(), 1739023853137, "<code>euler357()</code> should return 1739023853137.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler357() {
+  // Good luck!
+  return true;
+}
+
+euler357();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-358-cyclic-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-358-cyclic-numbers.chinese.md
new file mode 100644
index 0000000000..1fb9b38f6c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-358-cyclic-numbers.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4d21000cf542c50ffe5
+challengeType: 5
+title: 'Problem 358: Cyclic numbers'
+videoUrl: ''
+localeTitle: 问题358：循环数
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler358()</code>应返回3284144505。
+    testString: 'assert.strictEqual(euler358(), 3284144505, "<code>euler358()</code> should return 3284144505.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler358() {
+  // Good luck!
+  return true;
+}
+
+euler358();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-359-hilberts-new-hotel.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-359-hilberts-new-hotel.chinese.md
new file mode 100644
index 0000000000..9ca2ffc85c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-359-hilberts-new-hotel.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d31000cf542c50ffe6
+challengeType: 5
+title: 'Problem 359: Hilbert"s New Hotel'
+videoUrl: ''
+localeTitle: 问题359：希尔伯特的新酒店
+---
+
+## Description
+<section id="description">无数人（编号1,2,3等）排成一列，在希尔伯特最新的无限酒店找到一个房间。酒店包含无限数量的楼层（编号为1,2,3等），每层楼包含无限数量的房间（编号为1,2,3等）。 <p>最初酒店是空的。希尔伯特宣布了关于如何为第n人分配房间的规则：人员在最低编号的楼层中获得满足以下任一项的第一个空置房间：楼层是空的，楼层不是空的，以及最新的人是否占用房间在那个楼层是人m，那么m + n是一个完美的正方形</p><p>由于1楼空了，1号人员在1楼获得1号房间。由于1 + 2 = 3不是完美的正方形，因此人2在1楼没有得到2号房间。由于2楼是空的，因此人2在2楼获得1号房间。人3在1楼获得2号房，因为1 + 3 = 4是一个完美的广场。 </p><p>最终，该线路中的每个人都在酒店获得一个房间。 </p><p>如果人n占据楼层f中的房间r，则将P（f，r）定义为n，如果没有人占用房间，则定义为0。以下是一些例子：P（1,1）= 1 P（1,2）= 3 P（2,1）= 2 P（10,20）= 440 P（25,75）= 4863 P（99， 100）= 19454 </p><p>找到所有正f和r的所有P（f，r）之和，使得f×r = 71328803586048，并将最后8位数作为答案。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler359()</code>应该返回40632119。
+    testString: 'assert.strictEqual(euler359(), 40632119, "<code>euler359()</code> should return 40632119.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler359() {
+  // Good luck!
+  return true;
+}
+
+euler359();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-36-double-base-palindromes.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-36-double-base-palindromes.chinese.md
new file mode 100644
index 0000000000..637bab6f1f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-36-double-base-palindromes.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3901000cf542c50fea3
+challengeType: 5
+title: 'Problem 36: Double-base palindromes'
+videoUrl: ''
+localeTitle: 问题36：双基回文
+---
+
+## Description
+<section id="description">十进制数，585 = 10010010012（二进制），在两个碱基中都是回文。找到所有数字的总和，小于n，而1000 &lt;= n &lt;= 1000000，它们在基数10和基数2中是回文的。（请注意，任一基数中的回文数可能不包括前导零。） </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>doubleBasePalindromes(1000)</code>应该返回1772。
+    testString: 'assert(doubleBasePalindromes(1000) == 1772, "<code>doubleBasePalindromes(1000)</code> should return 1772.");'
+  - text: <code>doubleBasePalindromes(50000)</code>应该返回105795。
+    testString: 'assert(doubleBasePalindromes(50000) == 105795, "<code>doubleBasePalindromes(50000)</code> should return 105795.");'
+  - text: <code>doubleBasePalindromes(500000)</code>应该返回286602。
+    testString: 'assert(doubleBasePalindromes(500000) == 286602, "<code>doubleBasePalindromes(500000)</code> should return 286602.");'
+  - text: <code>doubleBasePalindromes(1000000)</code>应该返回872187。
+    testString: 'assert(doubleBasePalindromes(1000000) == 872187, "<code>doubleBasePalindromes(1000000)</code> should return 872187.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function doubleBasePalindromes(n) {
+  // Good luck!
+  return n;
+}
+
+doubleBasePalindromes(1000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-360-scary-sphere.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-360-scary-sphere.chinese.md
new file mode 100644
index 0000000000..8b792dcb20
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-360-scary-sphere.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d41000cf542c50ffe7
+challengeType: 5
+title: 'Problem 360: Scary Sphere'
+videoUrl: ''
+localeTitle: 问题360：可怕的球体
+---
+
+## Description
+<section id="description">给定三维空间中的两个点（x1，y1，z1）和（x2，y2，z2），这些点之间的曼哈顿距离定义为| x1-x2 | + | y1-y2 | + | z1-z2 |。 <p>令C（r）为半径为r且在原点O（0,0,0）中心的球体。设I（r）是C（r）表面上具有整数坐标的所有点的集合。设S（r）是I（r）的所有元素与原点O的曼哈顿距离之和。 </p><p>例如S（45）= 34518。 </p><p>找到S（1010）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler360()</code>应该返回878825614395267100。
+    testString: 'assert.strictEqual(euler360(), 878825614395267100, "<code>euler360()</code> should return 878825614395267100.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler360() {
+  // Good luck!
+  return true;
+}
+
+euler360();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-361-subsequence-of-thue-morse-sequence.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-361-subsequence-of-thue-morse-sequence.chinese.md
new file mode 100644
index 0000000000..8870b10e6d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-361-subsequence-of-thue-morse-sequence.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d51000cf542c50ffe8
+challengeType: 5
+title: 'Problem 361: Subsequence of Thue-Morse sequence'
+videoUrl: ''
+localeTitle: 问题361：Thue-Morse序列的子序列
+---
+
+## Description
+<section id="description"> Thue-Morse序列{Tn}是满足以下条件的二进制序列：T0 = 0T2n = Tn T2n + 1 = 1-Tn <p> {Tn}的前几个术语如下：01101001100101101001011001101001 .... </p><p>我们将{An}定义为整数的排序序列，使得每个元素的二进制表达式在{Tn}中显示为子序列。例如，十进制数18以二进制表示为10010。 10010出现在{Tn}（T8到T12）中，因此18是{An}的元素。十进制数14以二进制表示为1110。 1110永远不会出现在{Tn}中，因此14不是{An}的元素。 </p><p> An的前几个术语如下：n0123456789101112 ... An012345691011121318 ... </p><p>我们还可以验证A100 = 3251和A1000 = 80852364498。 </p><p>找到最后9位数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler361()</code>应该返回178476944。
+    testString: 'assert.strictEqual(euler361(), 178476944, "<code>euler361()</code> should return 178476944.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler361() {
+  // Good luck!
+  return true;
+}
+
+euler361();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-362-squarefree-factors.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-362-squarefree-factors.chinese.md
new file mode 100644
index 0000000000..e2155731f7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-362-squarefree-factors.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d61000cf542c50ffe9
+challengeType: 5
+title: 'Problem 362: Squarefree factors'
+videoUrl: ''
+localeTitle: 问题362：无广义因子
+---
+
+## Description
+<section id="description">考虑数字54. 54可以用7种不同的方式分解为大于1：54,2×27,3×18,6×9,3×3×6,2×3×9和2×的一个或多个因子3×3×3。如果我们要求所有因子都是无平方的，则只剩下两种方式：3×3×6和2×3×3×3。 <p>让我们调用Fsf（n）n可以计算为一个或多个大于1的无平方因子的方式的数量，因此Fsf（54）= 2。 </p><p>对于k = 2到n，令S（n）为ΣFsf（k）。 </p><p> S（100）= 193。 </p><p>找到S（10 000 000 000）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler362()</code>应该返回457895958010。
+    testString: 'assert.strictEqual(euler362(), 457895958010, "<code>euler362()</code> should return 457895958010.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler362() {
+  // Good luck!
+  return true;
+}
+
+euler362();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-363-bzier-curves.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-363-bzier-curves.chinese.md
new file mode 100644
index 0000000000..39f86cb25a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-363-bzier-curves.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d91000cf542c50ffeb
+challengeType: 5
+title: 'Problem 363: Bézier Curves'
+videoUrl: ''
+localeTitle: 问题363：Bézier曲线
+---
+
+## Description
+<section id="description">立方贝塞尔曲线由四个点定义：P0，P1，P2和P3。 <p>曲线构造如下：在段P0P1，P1P2和P2P3上绘制点Q0，Q1和Q2，使得P0Q0 / P0P1 = P1Q1 / P1P2 = P2Q2 / P2P3 = t（[0,1]中的t）。在段Q0Q1和Q1Q2上绘制点R0和R1，使得对于相同的t值，Q0R0 / Q0Q1 = Q1R1 / Q1Q2 = t。在段R0R1上绘制点B，使得对于相同的t值，R0B / R0R1 = t。由点P0，P1，P2，P3定义的贝塞尔曲线是B的轨迹，因为Q0占据了段P0P1上的所有可能位置。 （请注意，对于所有点，t的值都相同。） </p><p>在此（外部）Web地址，您将找到一个小程序，它允许您拖动点P0，P1，P2和P3，以查看这些点定义的Bézier曲线（绿色曲线）是什么样的。您也可以沿着段P0P1拖动点Q0。 </p><p>从构造中可以清楚地看出，Bézier曲线将与P0中的P0P1和P3中的P2P3相切。 </p><p>使用P0 =（1,0），P1 =（1，v），P2 =（v，1）和P3 =（0,1）的三次Bézier曲线来近似四分之一圆。选择值v&gt; 0，使得由线OP0，OP3和曲线包围的区域等于π/ 4（四分之一圆的面积）。 </p><p>曲线长度与四分之一圆的长度有多少百分比？也就是说，如果L是曲线的长度，则计算100×L  - π/2π/ 2给你的答案四舍五入到小数点后面的10位数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler363()</code>应返回0.0000372091。
+    testString: 'assert.strictEqual(euler363(), 0.0000372091, "<code>euler363()</code> should return 0.0000372091.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler363() {
+  // Good luck!
+  return true;
+}
+
+euler363();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-364-comfortable-distance.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-364-comfortable-distance.chinese.md
new file mode 100644
index 0000000000..59982dfa36
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-364-comfortable-distance.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d91000cf542c50ffea
+challengeType: 5
+title: 'Problem 364: Comfortable distance'
+videoUrl: ''
+localeTitle: 问题364：舒适的距离
+---
+
+## Description
+<section id="description">连续N个座位。根据以下规则，N人互相填充座位：如果有任何座位，相邻的座位没有被占用，请使用这样的座位。如果没有这样的座位并且有任何座位仅占用一个相邻的座位，则使用这样的座位。否则请选择剩余的可用座位之一。 <p>设T（N）是具有给定规则的N个人占用N个座位的可能性的数量。下图显示T（4）= 8。 </p><p>我们可以验证T（10）= 61632和T（1 000）mod 100 000 007 = 47255094.求T（1 000 000）mod 100 000 007。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler364()</code>应返回44855254。
+    testString: 'assert.strictEqual(euler364(), 44855254, "<code>euler364()</code> should return 44855254.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler364() {
+  // Good luck!
+  return true;
+}
+
+euler364();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-365-a-huge-binomial-coefficient.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-365-a-huge-binomial-coefficient.chinese.md
new file mode 100644
index 0000000000..dfd6a0ec48
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-365-a-huge-binomial-coefficient.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4da1000cf542c50ffec
+challengeType: 5
+title: 'Problem 365: A huge binomial coefficient'
+videoUrl: ''
+localeTitle: 问题365：巨大的二项式系数
+---
+
+## Description
+<section id="description">二项式系数C（1018,109）是具有超过90亿（9×109）个数字的数字。 <p>令M（n，k，m）表示二项式系数C（n，k）模m。 </p><p>计算ΣM（1018,109，p <em>q</em> r）为1000 &lt;p &lt;q &lt;r &lt;5000和p，q，r prime。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler365()</code>应该返回162619462356610300。
+    testString: 'assert.strictEqual(euler365(), 162619462356610300, "<code>euler365()</code> should return 162619462356610300.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler365() {
+  // Good luck!
+  return true;
+}
+
+euler365();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-366-stone-game-iii.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-366-stone-game-iii.chinese.md
new file mode 100644
index 0000000000..b04d14d5e9
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-366-stone-game-iii.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4da1000cf542c50ffed
+challengeType: 5
+title: 'Problem 366: Stone Game III'
+videoUrl: ''
+localeTitle: 问题366：石头游戏III
+---
+
+## Description
+<section id="description">安东和伯恩哈德两位球员正在参加以下比赛。有一堆n块石头。第一个玩家可以移除任何正数的石头，但不是整个堆。此后，每个玩家可以移除最多两倍于他的对手在之前移动时所用的石头数量。移除最后一块石头的玩家获胜。 <p>例如，n = 5如果第一个玩家获得的不仅仅是一块石头，那么下一个玩家将能够获得所有剩余的石头。如果第一个玩家拿走一块石头，留下四块石头，他的对手也将拿走一块石头，留下三块石头。第一个玩家不能拿全部三个，因为他最多可以拿2x1 = 2个宝石。所以让我们说他也拿走了一块石头，留下了2.第二名球员可以拿下剩下的两块石头并获胜。所以5对于第一个玩家来说是一个失败的位置。对于一些获胜位置，第一个玩家可能有多个可能的移动。例如，当n = 17时，第一个玩家可以移除一个或四个宝石。 </p><p>设M（n）是第一个玩家在第一个回合的胜利位置可以获得的最大结石数，M（n）= 0表示任何其他位置。 </p><p> n≤100的ΣM（n）为728。 </p><p>找到ΣM（n）为n≤1018。给你的答案模数108。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler366()</code>应该返回88351299。
+    testString: 'assert.strictEqual(euler366(), 88351299, "<code>euler366()</code> should return 88351299.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler366() {
+  // Good luck!
+  return true;
+}
+
+euler366();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-367-bozo-sort.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-367-bozo-sort.chinese.md
new file mode 100644
index 0000000000..c1a21eb083
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-367-bozo-sort.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4db1000cf542c50ffee
+challengeType: 5
+title: 'Problem 367: Bozo sort'
+videoUrl: ''
+localeTitle: 问题367：Bozo排序
+---
+
+## Description
+<section id="description"> Bozo排序，不要与稍微低效的bogo排序混淆，包括检查输入序列是否已排序，以及是否不随机交换两个元素。重复此过程，直到最终对序列进行排序。 <p>如果我们考虑前4个自然数的所有排列作为输入，则交换数的期望值，平均超过所有4个！输入序列是24.75。已排序的序列需要0步。 </p><p>在这个问题中，我们考虑以下bozo排序变体。如果序列不按顺序，我们随机选择三个元素并随机地随机抽取这三个元素。这三个元素的所有3！= 6个排列同样可能。已经排序的序列将采取0步。如果我们考虑前4个自然数的所有排列作为输入，则洗牌次数的期望值，平均超过所有4个！输入序列是27.5。将输入序列视为前11个自然数的排列。全部11个人平均！输入序列，此排序算法将执行的预期洗牌次数是多少？ </p><p>将答案四舍五入到最接近的整数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler367()</code>应该返回48271207。
+    testString: 'assert.strictEqual(euler367(), 48271207, "<code>euler367()</code> should return 48271207.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler367() {
+  // Good luck!
+  return true;
+}
+
+euler367();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-368-a-kempner-like-series.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-368-a-kempner-like-series.chinese.md
new file mode 100644
index 0000000000..c81695346f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-368-a-kempner-like-series.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4dd1000cf542c50ffef
+challengeType: 5
+title: 'Problem 368: A Kempner-like series'
+videoUrl: ''
+localeTitle: 问题368：类似肯珀纳的系列
+---
+
+## Description
+<section id="description">谐波系列$ 1 + \ dfrac {1} {2} + \ dfrac {1} {3} + \ dfrac {1} {4} + ...众所周知是不同的。 <p>然而，如果我们在这个系列中省略了分母中有9个的每个项，则该系列显着地收敛到大约22.9206766193。这种改进的谐波系列称为肯普纳系列。 </p><p>现在让我们通过省略分母具有3个或更多相等连续数字的每个项的谐波系列来考虑另一个修正的谐波系列。可以验证在谐波系列的前1200个项中，仅省略20个项。这20个省略的术语是：$$ \ dfrac {1} {111}，\ dfrac {1} {222}，\ dfrac {1} {333}，\ dfrac {1} {444}，\ dfrac {1} { 555}，\ dfrac {1} {666}，\ dfrac {1} {777}，\ dfrac {1} {888}，\ dfrac {1} {999}，\ dfrac {1} {1000}，\ dfrac {1} {1110}，\\ \ dfrac {1} {1111}，\ dfrac {1} {1112}，\ dfrac {1} {1113}，\ dfrac {1} {1114}，\ dfrac {1} {1115}，\ dfrac {1} {1116}，\ dfrac {1} {1117}，\ dfrac {1} {1118}，\ dfrac {1} {1119} $$ </p><p>这个系列也融合了。 </p><p>找到系列收敛的值。将您的答案四舍五入到小数点后面的10位数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler368()</code>应该返回253.6135092068。
+    testString: 'assert.strictEqual(euler368(), 253.6135092068, "<code>euler368()</code> should return 253.6135092068.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler368() {
+  // Good luck!
+  return true;
+}
+
+euler368();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-369-badugi.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-369-badugi.chinese.md
new file mode 100644
index 0000000000..9023d190a8
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-369-badugi.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4de1000cf542c50fff0
+challengeType: 5
+title: 'Problem 369: Badugi'
+videoUrl: ''
+localeTitle: 问题369：Badugi
+---
+
+## Description
+<section id="description">在标准的52张扑克牌中，一套4张牌是Badugi，如果它包含4张没有成对的牌而没有两张相同牌的牌。 <p>设f（n）是选择n卡的方式的数量，其中4卡的子集是Badugi。例如，有2598960种方法可以从标准的52卡片组中选择5张卡片，其中514800包含4个卡片子集，这是Badugi，因此f（5）= 514800。 </p><p>找到Σf（n）为4≤n≤13。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler369()</code>应该返回862400558448。
+    testString: 'assert.strictEqual(euler369(), 862400558448, "<code>euler369()</code> should return 862400558448.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler369() {
+  // Good luck!
+  return true;
+}
+
+euler369();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-37-truncatable-primes.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-37-truncatable-primes.chinese.md
new file mode 100644
index 0000000000..2c08548890
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-37-truncatable-primes.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3911000cf542c50fea4
+challengeType: 5
+title: 'Problem 37: Truncatable primes'
+videoUrl: ''
+localeTitle: 问题37：可截断的素数
+---
+
+## Description
+<section id="description"> 3797号有一个有趣的财产。作为素数本身，可以从左到右连续删除数字，并在每个阶段保持素数：3797,797,97和7.同样，我们可以从右到左工作：3797,379,37和3。找到从左到右和从右到左都可截断的唯一n（8 &lt;= n &lt;= 11）个素数之和。注意：2,3,5和7不被认为是可截断的素数。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>truncatablePrimes(8)</code>应该返回1986年。
+    testString: 'assert(truncatablePrimes(8) == 1986, "<code>truncatablePrimes(8)</code> should return 1986.");'
+  - text: <code>truncatablePrimes(9)</code>应该返回5123。
+    testString: 'assert(truncatablePrimes(9) == 5123, "<code>truncatablePrimes(9)</code> should return 5123.");'
+  - text: <code>truncatablePrimes(10)</code>应该返回8920。
+    testString: 'assert(truncatablePrimes(10) == 8920, "<code>truncatablePrimes(10)</code> should return 8920.");'
+  - text: <code>truncatablePrimes(11)</code>应该返回748317。
+    testString: 'assert(truncatablePrimes(11) == 748317, "<code>truncatablePrimes(11)</code> should return 748317.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function truncatablePrimes(n) {
+  // Good luck!
+  return n;
+}
+
+truncatablePrimes(11);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-370-geometric-triangles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-370-geometric-triangles.chinese.md
new file mode 100644
index 0000000000..67c03fe587
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-370-geometric-triangles.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4de1000cf542c50fff1
+challengeType: 5
+title: 'Problem 370: Geometric triangles'
+videoUrl: ''
+localeTitle: 问题370：几何三角形
+---
+
+## Description
+<section id="description">让我们将几何三角形定义为具有边a≤b≤c的整数边三角形，使得其边形成几何级数，即b2 = a·c。 <p>这种几何三角形的一个例子是边长为a = 144，b = 156和c = 169的三角形。 </p><p>有861805个几何三角形，周长≤106。 </p><p>有多少个几何三角形，周长≤2.5·1013？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler370()</code>应该返回41791929448408。
+    testString: 'assert.strictEqual(euler370(), 41791929448408, "<code>euler370()</code> should return 41791929448408.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler370() {
+  // Good luck!
+  return true;
+}
+
+euler370();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-371-licence-plates.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-371-licence-plates.chinese.md
new file mode 100644
index 0000000000..39817381b7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-371-licence-plates.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e01000cf542c50fff2
+challengeType: 5
+title: 'Problem 371: Licence plates'
+videoUrl: ''
+localeTitle: 问题371：车牌
+---
+
+## Description
+<section id="description">俄勒冈车牌由三个字母后跟一个三位数组成（每个数字可以是[0..9]）。开车上班时，赛斯玩下面的游戏：每当他旅行中看到的两个牌照的数量增加到1000就是胜利。 <p>例如，MIC-012和HAN-988也是胜利，RYU-500和SET-500也是如此。 （只要他在同一次旅行中看到他们）。 </p><p>找到他想要获胜的预期牌照数量。将您的答案四舍五入到小数点后面的小数点后8位。 </p><p>注意：我们假设所看到的每个牌照同样可能有三位数字。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler371()</code>应返回40.66368097。
+    testString: 'assert.strictEqual(euler371(), 40.66368097, "<code>euler371()</code> should return 40.66368097.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler371() {
+  // Good luck!
+  return true;
+}
+
+euler371();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-372-pencils-of-rays.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-372-pencils-of-rays.chinese.md
new file mode 100644
index 0000000000..f46b19039c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-372-pencils-of-rays.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e11000cf542c50fff3
+challengeType: 5
+title: 'Problem 372: Pencils of rays'
+videoUrl: ''
+localeTitle: 问题372：光线笔
+---
+
+## Description
+<section id="description">令R（M，N）为满足M的格点（x，y）的数量<p>注意：代表楼层功能。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler372()</code>应该返回301450082318807040。
+    testString: 'assert.strictEqual(euler372(), 301450082318807040, "<code>euler372()</code> should return 301450082318807040.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler372() {
+  // Good luck!
+  return true;
+}
+
+euler372();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-373-circumscribed-circles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-373-circumscribed-circles.chinese.md
new file mode 100644
index 0000000000..568a9c23bf
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-373-circumscribed-circles.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e11000cf542c50fff4
+challengeType: 5
+title: 'Problem 373: Circumscribed Circles'
+videoUrl: ''
+localeTitle: 问题373：外接圆圈
+---
+
+## Description
+<section id="description">每个三角形都有一个穿过三个顶点的外接圆。考虑所有整数边三角形，其外接圆的半径也是整数。 <p>设S（n）是半径不超过n的所有这些三角形的外接圆的半径之和。 </p><p> S（100）= 4950并且S（1200）= 1653605。 </p><p>找到S（107）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler373()</code>应该返回727227472448913。
+    testString: 'assert.strictEqual(euler373(), 727227472448913, "<code>euler373()</code> should return 727227472448913.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler373() {
+  // Good luck!
+  return true;
+}
+
+euler373();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-374-maximum-integer-partition-product.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-374-maximum-integer-partition-product.chinese.md
new file mode 100644
index 0000000000..8940ca0e98
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-374-maximum-integer-partition-product.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e51000cf542c50fff6
+challengeType: 5
+title: 'Problem 374: Maximum Integer Partition Product'
+videoUrl: ''
+localeTitle: 问题374：最大整数分区产品
+---
+
+## Description
+<section id="description">数字n的整数分区是将n写为正整数之和的方法。 <p>仅按其加数顺序不同的分区被认为是相同的。将n分成不同部分是n的分区，其中每个部分最多出现一次。 </p><p> 5个不同部分的分区是：5,4 + 1和3 + 2。 </p><p>设f（n）是n的任何这种分区的部分到不同部分的最大乘积，并且令m（n）是具有该乘积的n的任何这种分区的元素的数量。 </p><p>所以f（5）= 6，m（5）= 2。 </p><p>对于n = 10，具有最大乘积的分区是10 = 2 + 3 + 5，其给出f（10）= 30和m（10）= 3。并且他们的产品，f（10）·m（10）= 30·3 = 90 </p><p>可以证实Σf（n）·m（n）对于1≤n≤100= 1683550844462。 </p><p>找到Σf（n）·m（n）为1≤n≤1014。给出你的答案模数982451653，即第5000万个素数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler374()</code>应该返回334420941。
+    testString: 'assert.strictEqual(euler374(), 334420941, "<code>euler374()</code> should return 334420941.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler374() {
+  // Good luck!
+  return true;
+}
+
+euler374();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-375-minimum-of-subsequences.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-375-minimum-of-subsequences.chinese.md
new file mode 100644
index 0000000000..603b2f53d4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-375-minimum-of-subsequences.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e41000cf542c50fff5
+challengeType: 5
+title: 'Problem 375: Minimum of subsequences'
+videoUrl: ''
+localeTitle: 问题375：最小子序列
+---
+
+## Description
+<section id="description">设Sn是由以下伪随机数发生器产生的整数序列：S0 = 290797 Sn + 1 = Sn2 mod 50515093 <p>设A（i，j）是i≤j的数字Si，Si + 1，...，Sj中的最小值。设M（N）=ΣA（i，j）为1≤i≤j≤N。我们可以验证M（10）= 432256955和M（10 000）= 3264567774119。 </p><p>找到M（2 000 000 000）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler375()</code>应该返回7435327983715286000。
+    testString: 'assert.strictEqual(euler375(), 7435327983715286000, "<code>euler375()</code> should return 7435327983715286000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler375() {
+  // Good luck!
+  return true;
+}
+
+euler375();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-376-nontransitive-sets-of-dice.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-376-nontransitive-sets-of-dice.chinese.md
new file mode 100644
index 0000000000..011a86656e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-376-nontransitive-sets-of-dice.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e51000cf542c50fff7
+challengeType: 5
+title: 'Problem 376: Nontransitive sets of dice'
+videoUrl: ''
+localeTitle: 问题376：不可传递的骰子集
+---
+
+## Description
+<section id="description">考虑以下一组具有非标准点的骰子： <p>模具A：1 4 4 4 4 4模具B：2 2 2 5 5 5模具C：3 3 3 3 3 6 </p><p>两个玩家轮流挑选骰子并滚动它来玩游戏。赢得最高价值的玩家获胜。 </p><p>如果第一个玩家选择A和第二个玩家选择B，我们得到P（第二个玩家获胜）= 7/12&gt; 1/2 </p><p>如果第一个玩家选择死亡B并且第二个玩家选择死亡C我们得到P（第二个玩家获胜）= 7/12&gt; 1/2 </p><p>如果第一个玩家选择死C并且第二个玩家选择死A我们得到P（第二个玩家获胜）= 25/36&gt; 1/2 </p><p>因此，无论第一个玩家选择什么模特，第二个玩家都可以选择另一个模具并获得超过50％的获胜机会。具有此属性的一组骰子称为非传递骰子组。 </p><p>我们希望研究存在多少组非传递性骰子。我们将假设以下条件：有三个六面骰子，每边有1到N个点，包括1和N点。具有相同点数的骰子是相等的，无论骰子位于骰子的哪一侧。相同的点值可能出现在多个骰子上;如果两个玩家都滚动相同的值，则玩家不会获胜。骰子{A，B，C}，{B，C，A}和{C，A，B}的集合是相同的集合。 </p><p>对于N = 7，我们发现有9780个这样的集合。 N = 30有多少？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler376()</code>应该返回973059630185670。
+    testString: 'assert.strictEqual(euler376(), 973059630185670, "<code>euler376()</code> should return 973059630185670.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler376() {
+  // Good luck!
+  return true;
+}
+
+euler376();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-377-sum-of-digits-experience-13.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-377-sum-of-digits-experience-13.chinese.md
new file mode 100644
index 0000000000..4bdd188b3a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-377-sum-of-digits-experience-13.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e51000cf542c50fff8
+challengeType: 5
+title: 'Problem 377: Sum of digits, experience 13'
+videoUrl: ''
+localeTitle: 问题377：数字之和，经验13
+---
+
+## Description
+<section id="description">有16个正整数，它们的数字没有零，并且数字和等于5，即：5,14,23,32,41,113,122,131,212,221,311,1112， 1121年，1211年，2111年和1111年。他们的总和是17891。 <p>设f（n）为所有正整数的和，它们的数字不为零，数字和等于n。 </p><p>找到$ \ displaystyle \ sum_ {i = 1} ^ {17} f（13 ^ i）$。将最后9位数字作为答案。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler377()</code>应该返回732385277。
+    testString: 'assert.strictEqual(euler377(), 732385277, "<code>euler377()</code> should return 732385277.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler377() {
+  // Good luck!
+  return true;
+}
+
+euler377();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-378-triangle-triples.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-378-triangle-triples.chinese.md
new file mode 100644
index 0000000000..9e49a24151
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-378-triangle-triples.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e61000cf542c50fff9
+challengeType: 5
+title: 'Problem 378: Triangle Triples'
+videoUrl: ''
+localeTitle: 问题378：三角形三元组
+---
+
+## Description
+<section id="description">设T（n）为第n个三角形数，因此T（n）= <p> n（n + 1）2 </p><p> 。 </p><p>设dT（n）为T（n）的除数。例如：T（7）= 28且dT（7）= 6。 </p><p>令Tr（n）为三元组数（i，j，k），使得1≤i&lt;j &lt;k≤n且dT（i）&gt; dT（j）&gt; dT（k）。 Tr（20）= 14，Tr（100）= 5772，Tr（1000）= 11174776。 </p><p>找Tr（60 000 000）。给出答案的最后18位数字。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler378()</code>应该返回147534623725724700。
+    testString: 'assert.strictEqual(euler378(), 147534623725724700, "<code>euler378()</code> should return 147534623725724700.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler378() {
+  // Good luck!
+  return true;
+}
+
+euler378();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-379-least-common-multiple-count.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-379-least-common-multiple-count.chinese.md
new file mode 100644
index 0000000000..b4219f340b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-379-least-common-multiple-count.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e81000cf542c50fffa
+challengeType: 5
+title: 'Problem 379: Least common multiple count'
+videoUrl: ''
+localeTitle: 问题379：最少共同的多重计数
+---
+
+## Description
+<section id="description">设f（n）为具有x和y正整数的耦合数（x，y），x≤y，x和y的最小公倍数等于n。 <p>令g为f的求和函数，即：g（n）=Σf（i），1≤i≤n。 </p><p>你得到g（106）= 37429395。 </p><p>找到g（1012）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler379()</code>应该返回132314136838185。
+    testString: 'assert.strictEqual(euler379(), 132314136838185, "<code>euler379()</code> should return 132314136838185.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler379() {
+  // Good luck!
+  return true;
+}
+
+euler379();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-38-pandigital-multiples.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-38-pandigital-multiples.chinese.md
new file mode 100644
index 0000000000..71815f28c0
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-38-pandigital-multiples.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3931000cf542c50fea5
+challengeType: 5
+title: 'Problem 38: Pandigital multiples'
+videoUrl: ''
+localeTitle: 问题38：Pandigital倍数
+---
+
+## Description
+<section id="description">取数字192并乘以1,2和3中的每一个：192×1 = 192 192×2 = 384 192×3 = 576通过连接每个产品，我们得到1到9 pandigital，192384576。我们将调用192384576 192和（1,2,3）的连接产物。通过从9开始并乘以1,2,3,4和5可以实现相同的目的，得到pandigital，918273645，它是9和（1,2,3,4,5）的连接产物。什么是最大的1到9 pandigital 9位数字，可以形成一个整数与（1,2，...， <var>n</var> ）的连接乘积，其中<var>n</var> &gt; 1？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: pandigitalMultiples <code>pandigitalMultiples()</code>应返回932718654。
+    testString: 'assert.strictEqual(pandigitalMultiples(), 932718654, "<code>pandigitalMultiples()</code> should return 932718654.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pandigitalMultiples() {
+  // Good luck!
+  return true;
+}
+
+pandigitalMultiples();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-380-amazing-mazes.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-380-amazing-mazes.chinese.md
new file mode 100644
index 0000000000..f78e1f1dfe
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-380-amazing-mazes.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e81000cf542c50fffb
+challengeType: 5
+title: 'Problem 380: Amazing Mazes!'
+videoUrl: ''
+localeTitle: 问题380：惊人的迷宫！
+---
+
+## Description
+<section id="description"> m×n迷宫是m×n矩形网格，其中墙壁放置在网格单元之间，使得从左上角正方形到任何其他正方形恰好有一条路径。以下是9×12迷宫和15×20迷宫的示例： <p>设C（m，n）为不同m×n个迷宫的数量。可以通过来自另一个迷宫的旋转和反射形成的迷宫被认为是不同的。 </p><p>可以证实C（1,1）= 1，C（2,2）= 4，C（3,4）= 2415，C（9,12）= 2.5720e46（科学计数法四舍五入为5显着位）。找到C（100,500）并用科学计数法将你的答案写成五位有效数字。 </p><p>在给出答案时，使用小写e来分隔尾数和指数。例如，如果答案是1234567891011，则答案格式为1.2346e12。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler380()</code>应该返回Infinity。
+    testString: 'assert.strictEqual(euler380(), Infinity, "<code>euler380()</code> should return Infinity.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler380() {
+  // Good luck!
+  return true;
+}
+
+euler380();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-381-prime-k-factorial.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-381-prime-k-factorial.chinese.md
new file mode 100644
index 0000000000..1708125800
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-381-prime-k-factorial.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ea1000cf542c50fffc
+challengeType: 5
+title: 'Problem 381: (prime-k) factorial'
+videoUrl: ''
+localeTitle: 问题381：（prime-k）阶乘
+---
+
+## Description
+<section id="description">对于素数p，令S（p）=（Σ（pk）！）mod（p）1≤k≤5。 <p>例如，如果p = 7，（7-1）！ +（7-2）！ +（7-3）！ +（7-4）！ +（7-5）！ = 6！ + 5！ + 4！ + 3！ + 2！ = 720 + 120 + 24 + 6 + 2 = 872.当872 mod（7）= 4时，S（7）= 4。 </p><p>对于5≤p&lt;100，可以证实ΣS（p）= 480。 </p><p>求ΣS（p）为5≤p&lt;108。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler381()</code>应该返回139602943319822。
+    testString: 'assert.strictEqual(euler381(), 139602943319822, "<code>euler381()</code> should return 139602943319822.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler381() {
+  // Good luck!
+  return true;
+}
+
+euler381();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-382-generating-polygons.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-382-generating-polygons.chinese.md
new file mode 100644
index 0000000000..62d24e76b9
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-382-generating-polygons.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4eb1000cf542c50fffd
+challengeType: 5
+title: 'Problem 382: Generating polygons'
+videoUrl: ''
+localeTitle: 问题382：生成多边形
+---
+
+## Description
+<section id="description">多边形是由直线段组成的扁平形状，所述直线段连接以形成闭合链或电路。多边形由至少三个边组成，并且不自相交。 <p>如果：P的两边不是相同的长度，P的每一边的长度在S中，并且S不包含其他值，则称正数的集合S生成多边形P. </p><p>例如：集合{3,4,5}生成边3,4和5（三角形）的多边形。集合{6,9,11,24}生成具有边6,9,11和24（四边形）的多边形。集合{1,2,3}和{2,3,4,9}根本不生成任何多边形。 </p><p>考虑序列s，定义如下：s1 = 1，s2 = 2，s3 = 3 sn = sn-1 + sn-3，n&gt; 3。 </p><p>设Un为集合{s1，s2，...，sn}。例如，U10 = {1,2,3,4,6,9,13,19,28,41}。设f（n）是产生至少一个多边形的Un子集的数量。例如，f（5）= 7，f（10）= 501，f（25）= 18635853。 </p><p>找到f（1018）的最后9位数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler382()</code>应该返回697003956。
+    testString: 'assert.strictEqual(euler382(), 697003956, "<code>euler382()</code> should return 697003956.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler382() {
+  // Good luck!
+  return true;
+}
+
+euler382();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-383-divisibility-comparison-between-factorials.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-383-divisibility-comparison-between-factorials.chinese.md
new file mode 100644
index 0000000000..3a759c8128
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-383-divisibility-comparison-between-factorials.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ed1000cf542c50ffff
+challengeType: 5
+title: 'Problem 383: Divisibility comparison between factorials'
+videoUrl: ''
+localeTitle: 问题383：阶乘之间的可比性比较
+---
+
+## Description
+<section id="description">设f5（n）是最大整数x，其中5x除以n。例如，f5（625000）= 7。 <p>令T5（n）为满足f5（（2·i-1）！）&lt;2·f5（i！）且1≤i≤n的整数i。可以证实T5（103）= 68并且T5（109）= 2408210。 </p><p>找到T5（1018）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler383()</code>应该返回22173624649806。
+    testString: 'assert.strictEqual(euler383(), 22173624649806, "<code>euler383()</code> should return 22173624649806.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler383() {
+  // Good luck!
+  return true;
+}
+
+euler383();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-384-rudin-shapiro-sequence.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-384-rudin-shapiro-sequence.chinese.md
new file mode 100644
index 0000000000..5c2c3faed5
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-384-rudin-shapiro-sequence.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ed1000cf542c50fffe
+challengeType: 5
+title: 'Problem 384: Rudin-Shapiro sequence'
+videoUrl: ''
+localeTitle: 问题384：Rudin-Shapiro序列
+---
+
+## Description
+<section id="description">将序列a（n）定义为n的二进制展开（可能重叠）中相邻的1对的数量。例如：a（5）= a（1012）= 0，a（6）= a（1102）= 1，a（7）= a（1112）= 2 <p>定义序列b（n）=（ -  1）a（n）。该序列称为Rudin-Shapiro序列。还要考虑b（n）的总和序列：。 </p><p>这些序列的前几个值是：n 0 1 2 3 4 5 6 7 a（n）0 0 0 1 0 0 1 2 b（n）1 1 1 -1 1 1 -1 1 s（n）1 2 3 2 3 4 3 4 </p><p>序列s（n）具有显着特性，即所有元素都是正的，并且每个正整数k恰好出现k次。 </p><p>定义g（t，c），其中1≤c≤t，作为s（n）中的索引，其中t在s（n）中出现第c次。例如：g（3,3）= 6，g（4,2）= 7，g（54321,12345）= 1220847710。 </p><p>设F（n）为由下式定义的斐波那契数：F（0）= F（1）= 1且F（n）= F（n-1）+ F（n-2），n&gt; 1。 </p><p>定义GF（t）= g（F（t），F（t-1））。 </p><p>找到ΣGF（t）为2≤t≤45。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler384()</code>应返回3354706415856333000。
+    testString: 'assert.strictEqual(euler384(), 3354706415856333000, "<code>euler384()</code> should return 3354706415856333000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler384() {
+  // Good luck!
+  return true;
+}
+
+euler384();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-385-ellipses-inside-triangles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-385-ellipses-inside-triangles.chinese.md
new file mode 100644
index 0000000000..75924e2be6
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-385-ellipses-inside-triangles.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ee1000cf542c510000
+challengeType: 5
+title: 'Problem 385: Ellipses inside triangles'
+videoUrl: ''
+localeTitle: 问题385：三角形内的椭圆
+---
+
+## Description
+<section id="description">对于平面中的任何三角形T，可以显示存在唯一的椭圆，其中最大区域完全在T内。 <p>对于给定的n，考虑三角形T，使得： </p><ul><li> T的顶点具有绝对值≤n的整数坐标，和</li><li> T内最大面积椭圆的焦点是（√13,0）和（-√13,0）。设A（n）为所有这些三角形的面积之和。 </li></ul><p>例如，如果n = 8，则存在两个这样的三角形。它们的顶点是（-4，-3），（ -  4,3），（8,0）和（4,3），（4，-3），（ -  8,0），每个三角形的面积因此A（8）= 36 + 36 = 72。 </p><p>可以证实A（10）= 252，A（100）= 34632和A（1000）= 3529008。 </p><p>找A（1 000 000 000）。 </p><p> 1椭圆的焦点（多个焦点）是两个点A和B，使得对于椭圆边界上​​的每个点P，AP + PB是恒定的。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler385()</code>应该返回3776957309612154000。
+    testString: 'assert.strictEqual(euler385(), 3776957309612154000, "<code>euler385()</code> should return 3776957309612154000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler385() {
+  // Good luck!
+  return true;
+}
+
+euler385();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-386-maximum-length-of-an-antichain.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-386-maximum-length-of-an-antichain.chinese.md
new file mode 100644
index 0000000000..4cda12f9f8
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-386-maximum-length-of-an-antichain.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ef1000cf542c510001
+challengeType: 5
+title: 'Problem 386: Maximum length of an antichain'
+videoUrl: ''
+localeTitle: 问题386：反链的最大长度
+---
+
+## Description
+<section id="description">令n为整数，S（n）为n的因子集。 <p>如果A仅包含一个元素，或者如果A的元素中没有一个除以A的任何其他元素，则S（n）的子集A被称为S（n）的反共。 </p><p>例如：S（30）= {1,2,3,5,6,10,15,30} {2,5,6}不是S（30）的反链。 {2,3,5}是S（30）的反链。 </p><p>设N（n）为S（n）的反链的最大长度。 </p><p>找ΣN（n）为1≤n≤108 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler386()</code>应该返回528755790。
+    testString: 'assert.strictEqual(euler386(), 528755790, "<code>euler386()</code> should return 528755790.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler386() {
+  // Good luck!
+  return true;
+}
+
+euler386();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-387-harshad-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-387-harshad-numbers.chinese.md
new file mode 100644
index 0000000000..08bbb5ff58
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-387-harshad-numbers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f11000cf542c510003
+challengeType: 5
+title: 'Problem 387: Harshad Numbers'
+videoUrl: ''
+localeTitle: 问题387：Harshad数字
+---
+
+## Description
+<section id="description"> Harshad或Niven数字是可以被其数字之和整除的数字。 201是一个Harshad数，因为它可以被3整数（它的数字之和）。当我们截断201的最后一个数字时，我们得到20，这是一个Harshad数。当我们截断20的最后一位数时，我们得到2，这也是一个Harshad数。让我们调用一个Harshad数字，在递归截断最后一个数字的同时，总是会产生一个Harshad数字，一个正可截断的Harshad数字。 <p>另外：201/3 = 67这是素数。让我们称一个Harshad数，当它除以它的数字之和时，得到一个强Harshad数的素数。 </p><p>现在取2011年的数字。当我们截断它的最后一位数时，我们得到201，一个强大的Harshad数也是可以截断的。让我们称这样的素数强大，正确的可截断的哈尔沙德素数。 </p><p>你得到的是，强度小，可截断的Harshad素数小于10000的总和是90619。 </p><p>找到小于1014的强可，可截断的Harshad素数的总和。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler387()</code>应该返回696067597313468。
+    testString: 'assert.strictEqual(euler387(), 696067597313468, "<code>euler387()</code> should return 696067597313468.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler387() {
+  // Good luck!
+  return true;
+}
+
+euler387();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-388-distinct-lines.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-388-distinct-lines.chinese.md
new file mode 100644
index 0000000000..07365e99e6
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-388-distinct-lines.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f11000cf542c510002
+challengeType: 5
+title: 'Problem 388: Distinct Lines'
+videoUrl: ''
+localeTitle: 问题388：不同的线条
+---
+
+## Description
+<section id="description">考虑所有格点（a，b，c），其中0≤a，b，c≤N。 <p>从原点O（0,0,0）开始，所有线都被绘制到其他格点。设D（N）是不同的这种线的数量。 </p><p>您被给予D（1 000 000）= 831909254469114121。 </p><p>找到D（1010）。将前9位数字后跟最后9位数字作为答案。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler388()</code>应该返回831907372805130000。
+    testString: 'assert.strictEqual(euler388(), 831907372805130000, "<code>euler388()</code> should return 831907372805130000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler388() {
+  // Good luck!
+  return true;
+}
+
+euler388();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-389-platonic-dice.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-389-platonic-dice.chinese.md
new file mode 100644
index 0000000000..e7829acc00
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-389-platonic-dice.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f21000cf542c510004
+challengeType: 5
+title: 'Problem 389: Platonic Dice'
+videoUrl: ''
+localeTitle: 问题389：柏拉图式骰子
+---
+
+## Description
+<section id="description">抛出一个无偏的单面4面模具，并注明其值T.T无偏见的6面骰子被抛出并且它们的分数加在一起。记录总和C.C抛出无偏见的8面骰子并将它们的分数加在一起。记录总和O.O无偏见的12面骰子被投掷并且他们的分数被加在一起。记录总和D.D抛出无偏的20面骰子并将它们的分数加在一起。总和，我，注意到。找出I的方差，并将答案四舍五入到小数点后4位。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler389()</code>应该返回2406376.3623。
+    testString: 'assert.strictEqual(euler389(), 2406376.3623, "<code>euler389()</code> should return 2406376.3623.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler389() {
+  // Good luck!
+  return true;
+}
+
+euler389();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-39-integer-right-triangles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-39-integer-right-triangles.chinese.md
new file mode 100644
index 0000000000..d6643dba2a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-39-integer-right-triangles.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3931000cf542c50fea6
+challengeType: 5
+title: 'Problem 39: Integer right triangles'
+videoUrl: ''
+localeTitle: 问题39：整数直角三角形
+---
+
+## Description
+<section id="description">如果p是具有整数长度边的直角三角形的周长{a，b，c}，则对于p = 120，恰好有三个解。{20,48,52}，{24,45,51}，{ 30,40,50}对于p≤n的值，最大化解的数量是多少？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>intRightTriangles(500)</code>应该返回420。
+    testString: 'assert(intRightTriangles(500) == 420, "<code>intRightTriangles(500)</code> should return 420.");'
+  - text: <code>intRightTriangles(800)</code>应该返回420。
+    testString: 'assert(intRightTriangles(800) == 420, "<code>intRightTriangles(800)</code> should return 420.");'
+  - text: <code>intRightTriangles(900)</code>应该返回840。
+    testString: 'assert(intRightTriangles(900) == 840, "<code>intRightTriangles(900)</code> should return 840.");'
+  - text: <code>intRightTriangles(1000)</code>应该返回840。
+    testString: 'assert(intRightTriangles(1000) == 840, "<code>intRightTriangles(1000)</code> should return 840.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function intRightTriangles(n) {
+  // Good luck!
+  return n;
+}
+
+intRightTriangles(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-390-triangles-with-non-rational-sides-and-integral-area.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-390-triangles-with-non-rational-sides-and-integral-area.chinese.md
new file mode 100644
index 0000000000..5b886a97ff
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-390-triangles-with-non-rational-sides-and-integral-area.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f21000cf542c510005
+challengeType: 5
+title: 'Problem 390: Triangles with non rational sides and integral area'
+videoUrl: ''
+localeTitle: 问题390：具有非理性边和积分面积的三角形
+---
+
+## Description
+<section id="description">考虑边长为√5，√65和√68的三角形。可以看出，该三角形具有区域9。 <p> S（n）是所有三角形的面积之和，其边长为√（1 + b2），√（1 + c2）和√（b2 + c2）（对于正整数b和c），其积分面积不超过ñ。 </p><p>示例三角形的b = 2且c = 8。 </p><p> S（106）= 18018206。 </p><p>找到S（1010）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler390()</code>应该返回2919133642971。
+    testString: 'assert.strictEqual(euler390(), 2919133642971, "<code>euler390()</code> should return 2919133642971.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler390() {
+  // Good luck!
+  return true;
+}
+
+euler390();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-391-hopping-game.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-391-hopping-game.chinese.md
new file mode 100644
index 0000000000..88b1a8ba5d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-391-hopping-game.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f31000cf542c510006
+challengeType: 5
+title: 'Problem 391: Hopping Game'
+videoUrl: ''
+localeTitle: 问题391：跳跃游戏
+---
+
+## Description
+<section id="description">当将数字从0写入k到二进制时，令sk为1的数。例如，以二进制形式写0到5，我们有0,1,10,11,100,101。有7个1，所以s5 = 7.序列S = {sk：k≥0}开始{0,1 ，2,4,5,7,9,12，......}。 <p>一个游戏由两个玩家玩。在游戏开始之前，选择数字n。计数器c从0开始。每转一圈，玩家选择一个从1到n（含）的数字，然后用该数字增加c。结果值c必须是S的成员。如果没有更多有效的移动，则玩家输掉。 </p><p>例如：设n = 5.c从0开始。玩家1选择4，所以c变为0 + 4 = 4.玩家2选择5，所以c变为4 + 5 = 9.玩家1选择3，所以c变为9 + 3 = 12.等等。请注意，c必须始终属于S，并且每个玩家最多可以将c增加n。 </p><p>设M（n）是第一个玩家在第一个回合强制获胜时可以选择的最高数字，如果没有这样的移动则M（n）= 0。例如，M（2）= 2，M（7）= 1且M（20）= 4。 </p><p>给定Σ（M（n））3 = 8150，1≤n≤20。 </p><p>找Σ（M（n））3表示1≤n≤1000。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler391()</code>应该返回61029882288。
+    testString: 'assert.strictEqual(euler391(), 61029882288, "<code>euler391()</code> should return 61029882288.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler391() {
+  // Good luck!
+  return true;
+}
+
+euler391();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-392-enmeshed-unit-circle.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-392-enmeshed-unit-circle.chinese.md
new file mode 100644
index 0000000000..d0a21ef9c6
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-392-enmeshed-unit-circle.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f41000cf542c510007
+challengeType: 5
+title: 'Problem 392: Enmeshed unit circle'
+videoUrl: ''
+localeTitle: 问题392：陷入困境的单位圆
+---
+
+## Description
+<section id="description">直线网格是正交网格，其中网格线之间的间距不必是等距的。这种网格的一个例子是对数图纸。 <p>考虑笛卡尔坐标系中的直线网格，具有以下属性：网格线平行于笛卡尔坐标系的轴。有N + 2个垂直网格线和N + 2个水平网格线。因此存在（N + 1）x（N + 1）个矩形单元。两个外部垂直网格线的方程是x = -1且x = 1.两个外部水平网格线的方程是y = -1和y如果它们与单位圆重叠，则网格单元为红色，否则为黑色。对于这个问题，我们希望您找到剩余的N个内部水平线和N个内部垂直网格线的位置，以便红色占据的区域细胞最小化。 </p><p>例如，这里是N = 10的解决方案的图片： </p><p>红色单元占N = 10的区域舍入到小数点后面的10位是3.3469640797。 </p><p>找到N = 400的位置。将红色单元占用的区域四舍五入到小数点后面的10位数作为答案。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler392()</code>应返回3.1486734435。
+    testString: 'assert.strictEqual(euler392(), 3.1486734435, "<code>euler392()</code> should return 3.1486734435.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler392() {
+  // Good luck!
+  return true;
+}
+
+euler392();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-393-migrating-ants.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-393-migrating-ants.chinese.md
new file mode 100644
index 0000000000..c4108c760a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-393-migrating-ants.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f61000cf542c510008
+challengeType: 5
+title: 'Problem 393: Migrating ants'
+videoUrl: ''
+localeTitle: 问题393：迁移蚂蚁
+---
+
+## Description
+<section id="description"> n×n正方形网格包含n2个蚂蚁，每平方一个蚂蚁。所有蚂蚁决定同时移动到相邻的广场（通常有4种可能，除了网格边缘或角落处的蚂蚁）。我们将f（n）定义为在没有任何蚂蚁在同一个正方形上结束并且没有任何两个蚂蚁穿过两个正方形之间的相同边缘时可以发生的方式的数量。 <p>给出f（4）= 88.求f（10）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler393()</code>应该返回112398351350823100。
+    testString: 'assert.strictEqual(euler393(), 112398351350823100, "<code>euler393()</code> should return 112398351350823100.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler393() {
+  // Good luck!
+  return true;
+}
+
+euler393();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-394-eating-pie.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-394-eating-pie.chinese.md
new file mode 100644
index 0000000000..ca198f5de4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-394-eating-pie.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f71000cf542c510009
+challengeType: 5
+title: 'Problem 394: Eating pie'
+videoUrl: ''
+localeTitle: 问题394：吃馅饼
+---
+
+## Description
+<section id="description">杰夫以一种不同寻常的方式吃馅饼。馅饼是圆形的。他首先沿着半径切割馅饼中的初始切口。虽然剩下至少给定的馅饼F分数，但他执行以下程序： - 他从饼图中心到馅饼边框剩余的任何一点做两个切片，剩下的馅饼边框上的任何一点都有可能。这将把剩下的馅饼分成三块。 - 从最初的切割逆时针走，他拿出前两个馅饼并吃掉它们。当剩下不到一小部分馅饼时，他不再重复这个过程。相反，他吃剩下的所有馅饼。 <p>对于x≥1，设E（x）是Jeff重复上述过程的预期次数，F = 1 / x。可以证实E（1）= 1，E（2）≈1.2676536759，和E（7.5）≈2.1215732071。 </p><p>找到E（40）舍入到小数点后面的10位小数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler394()</code>应返回3.2370342194。
+    testString: 'assert.strictEqual(euler394(), 3.2370342194, "<code>euler394()</code> should return 3.2370342194.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler394() {
+  // Good luck!
+  return true;
+}
+
+euler394();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-395-pythagorean-tree.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-395-pythagorean-tree.chinese.md
new file mode 100644
index 0000000000..63561f75fe
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-395-pythagorean-tree.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f71000cf542c51000a
+challengeType: 5
+title: 'Problem 395: Pythagorean tree'
+videoUrl: ''
+localeTitle: 问题395：毕达哥拉斯树
+---
+
+## Description
+<section id="description">毕达哥拉斯树是由以下程序产生的分形： <p>从单位正方形开始。然后，将其中一个侧面称为基座（在动画中，底侧是基座）：在基座对面的一侧安装一个直角三角形，斜边与该侧面重合，侧面为3-4- 5比率。请注意，三角形的较小边必须位于相对于底边的“右”侧（请参阅动画）。将一个正方形附加到右三角形的每条腿上，其一侧与该腿重合。对两个正方形重复此过程，将两侧接触三角形作为基础。 </p><p>经过无数次迭代后，得到的数字是毕达哥拉斯树。 </p><p>可以看出，至少有一个矩形，其边与毕达哥拉斯树的最大正方形平行，完全包围了毕达哥拉斯树。 </p><p>找到这样的边界矩形可能的最小区域，并将您的答案舍入到10个小数位。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler395()</code>应返回28.2453753155。
+    testString: 'assert.strictEqual(euler395(), 28.2453753155, "<code>euler395()</code> should return 28.2453753155.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler395() {
+  // Good luck!
+  return true;
+}
+
+euler395();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-396-weak-goodstein-sequence.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-396-weak-goodstein-sequence.chinese.md
new file mode 100644
index 0000000000..dc6057099a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-396-weak-goodstein-sequence.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f81000cf542c51000b
+challengeType: 5
+title: 'Problem 396: Weak Goodstein sequence'
+videoUrl: ''
+localeTitle: 问题396：弱Goodstein序列
+---
+
+## Description
+<section id="description">对于任何正整数n，第n个弱Goodstein序列{g1，g2，g3，...}定义为：g1 = n，对于k&gt; 1，gk是通过在基k中写gk-1获得的，将其解释为a基数k + 1，减去1。 <p>当gk变为0时，序列终止。 </p><p>例如，第6个弱Goodstein序列是{6,11,17,25，...}：g1 = 6. g2 = 11，因为6 = 1102,1103 = 12，12  -  1 = 11. g3 = 17 11 = 1023,1024 = 18,18-1 = 17.g4 = 25，因为17 = 1014,1015 = 26,26-1 = 25。 </p><p>等等。 </p><p>可以证明，每个弱的Goodstein序列都会终止。 </p><p>设G（n）为第n个弱Goodstein序列中的非零元素的数量。可以证实G（2）= 3，G（4）= 21和G（6）= 381.还可以证实ΣG（n）= 2517，1≤n&lt;8。 </p><p>找到ΣG（n）的最后9位数，1≤n&lt;16。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler396()</code>应该返回173214653。
+    testString: 'assert.strictEqual(euler396(), 173214653, "<code>euler396()</code> should return 173214653.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler396() {
+  // Good luck!
+  return true;
+}
+
+euler396();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-397-triangle-on-parabola.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-397-triangle-on-parabola.chinese.md
new file mode 100644
index 0000000000..52bb5b0ac9
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-397-triangle-on-parabola.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f91000cf542c51000c
+challengeType: 5
+title: 'Problem 397: Triangle on parabola'
+videoUrl: ''
+localeTitle: 问题397：抛物线上的三角形
+---
+
+## Description
+<section id="description">在抛物线y = x2 / k上，选择三个点A（a，a2 / k），B（b，b2 / k）和C（c，c2 / k）。 <p>令F（K，X）为整数四元组（k，a，b，c）的数量，使得三角形ABC的至少一个角度为45度，其中1≤k≤K且-X≤a&lt; b &lt;c≤X。 </p><p>例如，F（1,10）= 41并且F（10,100）= 12492.找到F（106,109）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler397()</code>应该返回141630459461893730。
+    testString: 'assert.strictEqual(euler397(), 141630459461893730, "<code>euler397()</code> should return 141630459461893730.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler397() {
+  // Good luck!
+  return true;
+}
+
+euler397();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-398-cutting-rope.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-398-cutting-rope.chinese.md
new file mode 100644
index 0000000000..df3190cbf7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-398-cutting-rope.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4fa1000cf542c51000d
+challengeType: 5
+title: 'Problem 398: Cutting rope'
+videoUrl: ''
+localeTitle: 问题398：切割绳索
+---
+
+## Description
+<section id="description">在长度为n的绳索内，放置n-1个点，彼此之间的距离为1，并且从端点开始。在这些点中，我们随机选择m-1个点并在这些点处切断绳索以创建m个段。 <p>设E（n，m）为第二最短段的预期长度。例如，E（3,2）= 2且E（8,3）= 16/7。注意，如果多个段具有相同的最短长度，则将第二最短段的长度定义为与最短长度相同。 </p><p>找到E（107,100）。将您的答案四舍五入到小数点后面的小数点后5位。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler398()</code>应返回2010.59096。
+    testString: 'assert.strictEqual(euler398(), 2010.59096, "<code>euler398()</code> should return 2010.59096.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler398() {
+  // Good luck!
+  return true;
+}
+
+euler398();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-399-squarefree-fibonacci-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-399-squarefree-fibonacci-numbers.chinese.md
new file mode 100644
index 0000000000..5c0fae039b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-399-squarefree-fibonacci-numbers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4fc1000cf542c51000e
+challengeType: 5
+title: 'Problem 399: Squarefree Fibonacci Numbers'
+videoUrl: ''
+localeTitle: 问题399：无自由斐波纳契数
+---
+
+## Description
+<section id="description">前15个斐波纳契数是：1,1,2,3,5,8,13,21,34,55,89,144,233,377,610。可以看出8和144不是无方形的：8可以被4整除，144可以被4和9整除。所以前13个无方形的斐波纳契数是：1,1,2,3,5,13,​​21， 34,55,89,233,377和610。 <p>第200平方免费斐波那契数是：971183874599339129547649988289594072811608739584170445。该数字的最后16位数字是：1608739584170445，并且在科学记数法中，该数字可以写为9.7e53。 </p><p>找到第100 000个squarefree fibonacci数。给出你的答案，它的最后十六位数后跟一个逗号，后跟科学记数法的数字（四舍五入到小数点后的一位数）。对于第200平方免费数字，答案应该是：1608739584170445,9.7e53 </p><p>注意：对于这个问题，假设对于每个素数p，可被p整除的第一个斐波纳契数不能被p2整除（这是沃尔猜想的一部分）。这已被证实适用于≤3·1015的质数，但一般尚未得到证实。 </p><p>如果猜测是假的，那么这个问题的接受答案不能保证是第1万个无平方的斐波纳契数，而只是它代表了该数的下限。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>euler399()</code>应返回1508395636674243,6.5e27330467。'
+    testString: 'assert.strictEqual(euler399(), 1508395636674243, 6.5e27330467, "<code>euler399()</code> should return 1508395636674243, 6.5e27330467.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler399() {
+  // Good luck!
+  return true;
+}
+
+euler399();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-4-largest-palindrome-product.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-4-largest-palindrome-product.chinese.md
new file mode 100644
index 0000000000..ab05103d8e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-4-largest-palindrome-product.chinese.md
@@ -0,0 +1,57 @@
+---
+id: 5900f3701000cf542c50fe83
+challengeType: 5
+title: 'Problem 4: Largest palindrome product'
+videoUrl: ''
+localeTitle: 问题4：最大的回文产品
+---
+
+## Description
+<section id="description">回文数字读取两种方式相同。由两个2位数字的乘积制成的最大回文是9009 = 91×99。找到由两个<code>n</code>数字的乘积制成的最大回文。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>largestPalindromeProduct(2)</code>应返回9009。
+    testString: 'assert.strictEqual(largestPalindromeProduct(2), 9009, "<code>largestPalindromeProduct(2)</code> should return 9009.");'
+  - text: <code>largestPalindromeProduct(3)</code>应返回906609。
+    testString: 'assert.strictEqual(largestPalindromeProduct(3), 906609, "<code>largestPalindromeProduct(3)</code> should return 906609.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestPalindromeProduct(n) {
+  // Good luck!
+  return true;
+}
+
+largestPalindromeProduct(3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-40-champernownes-constant.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-40-champernownes-constant.chinese.md
new file mode 100644
index 0000000000..efb7f51f49
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-40-champernownes-constant.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 5900f3941000cf542c50fea7
+challengeType: 5
+title: 'Problem 40: Champernowne"s constant'
+videoUrl: ''
+localeTitle: 问题40：Champernowne的常数
+---
+
+## Description
+<section id="description">通过连接正整数创建无理小数： <span style="display: block; text-align: center;">0.12345678910 <b style="color: red;">1</b> 112131415161718192021 ...</span>可以看出小数部分的<sup>第</sup> 12位是1.如果<i>d <sub>n</sub></i>代表小数部分的<sup>第</sup> <i>n</i>位，找到值以下表达式。 <span style="display: block; text-align: center;">d <sub>1</sub> ×d <sub>10</sub> ×d <sub>100</sub> ×d <sub>1000</sub> ×d <sub>10000</sub> ×d <sub>100000</sub> ×d <sub>1000000</sub></span> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>champernownesConstant(100)</code>应该返回5。
+    testString: 'assert.strictEqual(champernownesConstant(100), 5, "<code>champernownesConstant(100)</code> should return 5.");'
+  - text: <code>champernownesConstant(1000)</code>应该返回15。
+    testString: 'assert.strictEqual(champernownesConstant(1000), 15, "<code>champernownesConstant(1000)</code> should return 15.");'
+  - text: <code>champernownesConstant(1000000)</code>应该返回210。
+    testString: 'assert.strictEqual(champernownesConstant(1000000), 210, "<code>champernownesConstant(1000000)</code> should return 210.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function champernownesConstant(n) {
+  // Good luck!
+  return true;
+}
+
+champernownesConstant(100);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-400-fibonacci-tree-game.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-400-fibonacci-tree-game.chinese.md
new file mode 100644
index 0000000000..3e730dcf56
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-400-fibonacci-tree-game.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4fe1000cf542c510010
+challengeType: 5
+title: 'Problem 400: Fibonacci tree game'
+videoUrl: ''
+localeTitle: 问题400：斐波纳契树游戏
+---
+
+## Description
+<section id="description"> Fibonacci树是递归定义为的二叉树：T（0）是空树。 T（1）是只有一个节点的二叉树。 T（k）由具有T（k-1）和T（k-2）作为子节点的根节点组成。 <p>在这样的树上，两个玩家玩外卖游戏。在每个回合中，玩家选择一个节点并删除该节点以及以该节点为根的子树。被迫占用整棵树根节点的玩家输了。 </p><p>以下是T（k）从k = 1到k = 6的第一个回合的第一个玩家的获胜动作。 </p><p>假设f（k）是在T（k）上播放该游戏时在第一轮游戏中第一玩家的获胜移动的数量（即，第二玩家没有获胜策略的移动）。 </p><p>例如，f（5）= 1且f（10）= 17。 </p><p>找到f（10000）。给出答案的最后18位数字。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler400()</code>应返回438505383468410600。
+    testString: 'assert.strictEqual(euler400(), 438505383468410600, "<code>euler400()</code> should return 438505383468410600.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler400() {
+  // Good luck!
+  return true;
+}
+
+euler400();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-401-sum-of-squares-of-divisors.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-401-sum-of-squares-of-divisors.chinese.md
new file mode 100644
index 0000000000..32d582023b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-401-sum-of-squares-of-divisors.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4fd1000cf542c51000f
+challengeType: 5
+title: 'Problem 401: Sum of squares of divisors'
+videoUrl: ''
+localeTitle: 问题401：除数的平方和
+---
+
+## Description
+<section id="description"> 6的除数是1,2,3和6.这些数的平方和是1 + 4 + 9 + 36 = 50。 <p>设sigma2（n）代表n的除数的平方和。因此sigma2（6）= 50。 </p><p>设SIGMA2表示sigma2的和函数，即对于i = 1到n，SIGMA2（n）=Σsigma2（i）。 SIGMA2的前6个值是：1,6,16,37,63和113。 </p><p>找到SIGMA2（1015）modulo 109。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler401()</code>应该返回281632621。
+    testString: 'assert.strictEqual(euler401(), 281632621, "<code>euler401()</code> should return 281632621.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler401() {
+  // Good luck!
+  return true;
+}
+
+euler401();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-402-integer-valued-polynomials.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-402-integer-valued-polynomials.chinese.md
new file mode 100644
index 0000000000..e5f4783bef
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-402-integer-valued-polynomials.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ff1000cf542c510011
+challengeType: 5
+title: 'Problem 402: Integer-valued polynomials'
+videoUrl: ''
+localeTitle: 问题402：整数值多项式
+---
+
+## Description
+<section id="description">可以证明，对于每个整数n，多项式n4 + 4n3 + 2n2 + 5n是6的倍数。还可以显示6是满足该属性的最大整数。 <p>将M（a，b，c）定义为最大m，使得n4 + an3 + bn2 + cn是所有整数n的m的倍数。例如，M（4,2,5）= 6。 </p><p>此外，将S（N）定义为所有0 &lt;a，b，c≤N的M（a，b，c）之和。 </p><p>我们可以验证S（10）= 1972和S（10000）= 2024258331114。 </p><p>设Fk为斐波纳契数列：对于k≥2，F0 = 0，F1 = 1且Fk = Fk-1 + Fk-2。 </p><p>求最高9位数为ΣS（Fk）为2≤k≤1234567890123。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler402()</code>应返回356019862。
+    testString: 'assert.strictEqual(euler402(), 356019862, "<code>euler402()</code> should return 356019862.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler402() {
+  // Good luck!
+  return true;
+}
+
+euler402();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-403-lattice-points-enclosed-by-parabola-and-line.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-403-lattice-points-enclosed-by-parabola-and-line.chinese.md
new file mode 100644
index 0000000000..0f9a8d27ec
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-403-lattice-points-enclosed-by-parabola-and-line.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5001000cf542c510013
+challengeType: 5
+title: 'Problem 403: Lattice points enclosed by parabola and line'
+videoUrl: ''
+localeTitle: 问题403：由抛物线和直线包围的格点
+---
+
+## Description
+<section id="description">对于整数a和b，我们将D（a，b）定义为由抛物线y = x2包围的域，并且线y = a·x + b：D（a，b）= {（x，y）| x2≤y≤a·x + b}。 <p> L（a，b）定义为D（a，b）中包含的晶格点数。例如，L（1,2）= 8并且L（2，-1）= 1。 </p><p>我们还将S（N）定义为所有对（a，b）的L（a，b）之和，使得D（a，b）的面积是有理数并且| a |，| b | ≤N。我们可以验证S（5）= 344和S（100）= 26709528。 </p><p>找到S（1012）。给你的答案mod 108。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler403()</code>应该返回18224771。
+    testString: 'assert.strictEqual(euler403(), 18224771, "<code>euler403()</code> should return 18224771.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler403() {
+  // Good luck!
+  return true;
+}
+
+euler403();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-404-crisscross-ellipses.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-404-crisscross-ellipses.chinese.md
new file mode 100644
index 0000000000..ce50f77592
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-404-crisscross-ellipses.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5001000cf542c510012
+challengeType: 5
+title: 'Problem 404: Crisscross Ellipses'
+videoUrl: ''
+localeTitle: 问题404：交叉椭圆
+---
+
+## Description
+<section id="description"> Ea是椭圆，其形式为x2 + 4y2 = 4a2。 Ea&#39;是Ea的旋转图像，绕原点O（0,0）逆时针旋转θ度0°&lt;θ&lt;90°。 <p> b是距离原点最近的两个交点的原点的距离，c是另外两个交点的距离。如果a，b和c是正整数，我们称有序三元组（a，b，c）为规范椭圆体三元组。例如，（209,247,286）是规范的椭圆体三重态。 </p><p>令C（N）为a≤N的不同规范椭球三胞胎（a，b，c）的数量。可以证实C（103）= 7，C（104）= 106和C（106）= 11845 。 </p><p>找到C（1017）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler404()</code>应该返回1199215615081353。
+    testString: 'assert.strictEqual(euler404(), 1199215615081353, "<code>euler404()</code> should return 1199215615081353.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler404() {
+  // Good luck!
+  return true;
+}
+
+euler404();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-405-a-rectangular-tiling.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-405-a-rectangular-tiling.chinese.md
new file mode 100644
index 0000000000..0ec32bedc6
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-405-a-rectangular-tiling.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5021000cf542c510014
+challengeType: 5
+title: 'Problem 405: A rectangular tiling'
+videoUrl: ''
+localeTitle: 问题405：矩形平铺
+---
+
+## Description
+<section id="description">我们希望平铺一个长度是其宽度两倍的矩形。设T（0）为由单个矩形组成的平铺。对于n&gt; 0，通过以下列方式替换所有瓦片，从T（n-1）获得T（n）： <p>以下动画演示了从0到5的n的倾斜T（n）： </p><p>设f（n）是四个瓦片在T（n）中相交的点数。例如，f（1）= 0，f（4）= 82并且f（109）mod 177 = 126897180。 </p><p>找到f（10k）为k = 1018，给出你的答案模数为177。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler405()</code>应返回237696125。
+    testString: 'assert.strictEqual(euler405(), 237696125, "<code>euler405()</code> should return 237696125.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler405() {
+  // Good luck!
+  return true;
+}
+
+euler405();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-406-guessing-game.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-406-guessing-game.chinese.md
new file mode 100644
index 0000000000..148692135c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-406-guessing-game.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5021000cf542c510015
+challengeType: 5
+title: 'Problem 406: Guessing Game'
+videoUrl: ''
+localeTitle: 问题406：猜猜游戏
+---
+
+## Description
+<section id="description">我们试图通过提问来找到从整数集{1,2，...，n}中选择的隐藏数字。我们问的每个数字（问题），我们得到三个可能的答案之一：“你的猜测低于隐藏的数字”（并且你需要花费一个成本），或者“你的猜测高于隐藏的数字”（和你承担b）的费用，或“是的，就是这样！” （游戏结束）。给定n，a和b的值，最优策略最小化最坏情况下的总成本。 <p>例如，如果n = 5，a = 2，b = 3，那么我们可以先问“2”作为我们的第一个问题。 </p><p>如果我们被告知2高于隐藏号码（b = 3的成本），那么我们确定“1”是隐藏号码（总成本为3）。如果我们被告知2低于隐藏号码（a = 2的成本），那么我们的下一个问题将是“4”。如果我们被告知4高于隐藏号码（b = 3的成本），那么我们确定“3”是隐藏号码（总成本为2 + 3 = 5）。如果我们被告知4低于隐藏号码（a = 2的成本），那么我们确定“5”是隐藏号码（总成本为2 + 2 = 4）。因此，该策略实现的最坏情况成本为5.还可以证明这是可以实现的最低的最坏情况成本。所以，事实上，我们刚刚描述了给定n，a和b值的最优策略。 </p><p>设C（n，a，b）是针对给定n，a和b值的最优策略实现的最坏情况成本。 </p><p>以下是几个例子：C（5,2,3）= 5 C（500，√2，√3）= 13.22073197 ... C（20000,5,7）= 82 C（2000000，√5，√7 ）= 49.63755955 ...... </p><p>设Fk为斐波纳契数：Fk = Fk-1 + Fk-2，基本情况F1 = F2 =1.FindΣ1≤k≤30C（1012，√k，√Fk），并将答案四舍五入为8小数点后面的小数位数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler406()</code>应返回36813.12757207。
+    testString: 'assert.strictEqual(euler406(), 36813.12757207, "<code>euler406()</code> should return 36813.12757207.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler406() {
+  // Good luck!
+  return true;
+}
+
+euler406();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-407-idempotents.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-407-idempotents.chinese.md
new file mode 100644
index 0000000000..fb52486e3e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-407-idempotents.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5041000cf542c510016
+challengeType: 5
+title: 'Problem 407: Idempotents'
+videoUrl: ''
+localeTitle: 问题407：幂等元素
+---
+
+## Description
+<section id="description">如果我们计算a2 mod 6为0≤a≤5，我们得到：0,1,4,3,4,1。 <p> a2≡amod 6的最大值为4.让我们将M（n）称为a &lt;n的最大值，使得a2≡a（mod n）。所以M（6）= 4。 </p><p>找ΣM（n）为1≤n≤107。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler407()</code>应该返回39782849136421。
+    testString: 'assert.strictEqual(euler407(), 39782849136421, "<code>euler407()</code> should return 39782849136421.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler407() {
+  // Good luck!
+  return true;
+}
+
+euler407();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-408-admissible-paths-through-a-grid.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-408-admissible-paths-through-a-grid.chinese.md
new file mode 100644
index 0000000000..f6756ea944
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-408-admissible-paths-through-a-grid.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5091000cf542c51001b
+challengeType: 5
+title: 'Problem 408: Admissible paths through a grid'
+videoUrl: ''
+localeTitle: 问题408：通过网格的可允许路径
+---
+
+## Description
+<section id="description">如果x，y和x + y都是正的正方形，那么我们称格子点（x，y）是不允许的。例如，（9,16）是不允许的，而（0,4），（3,1）和（9,4）则不允许。 <p>考虑从点（x1，y1）到点（x2，y2）的路径，仅使用北或东的单位步长。如果其中间点都不允许，我们可以称这样的路径是可以接受的。 </p><p>令P（n）是从（0,0）到（n，n）的可允许路径的数量。可以证实P（5）= 252，P（16）= 596994440和P（1000）mod 1 000 000 007 = 341920854。 </p><p>求P（10 000 000）mod 1 000 000 007。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler408()</code>应该返回299742733。
+    testString: 'assert.strictEqual(euler408(), 299742733, "<code>euler408()</code> should return 299742733.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler408() {
+  // Good luck!
+  return true;
+}
+
+euler408();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-409-nim-extreme.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-409-nim-extreme.chinese.md
new file mode 100644
index 0000000000..05345e9f52
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-409-nim-extreme.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5061000cf542c510017
+challengeType: 5
+title: 'Problem 409: Nim Extreme'
+videoUrl: ''
+localeTitle: 问题409：Nim Extreme
+---
+
+## Description
+<section id="description">设n是正整数。考虑nim位置：有n个非空桩。每堆的尺寸小于2n。没有两个桩具有相同的尺寸。设W（n）是满足上述条件的获胜nim位置的数量（如果第一个玩家具有获胜策略，则获胜的位置）。例如，W（1）= 1，W（2）= 6，W（3）= 168，W（5）= 19764360，W（100）mod 1 000 000 007 = 384777056。 <p>求W（10 000 000）mod 1 000 000 007。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler409()</code>应该返回253223948。
+    testString: 'assert.strictEqual(euler409(), 253223948, "<code>euler409()</code> should return 253223948.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler409() {
+  // Good luck!
+  return true;
+}
+
+euler409();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-41-pandigital-prime.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-41-pandigital-prime.chinese.md
new file mode 100644
index 0000000000..32ce115a54
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-41-pandigital-prime.chinese.md
@@ -0,0 +1,57 @@
+---
+id: 5900f3951000cf542c50fea8
+challengeType: 5
+title: 'Problem 41: Pandigital prime'
+videoUrl: ''
+localeTitle: 问题41：Pandigital prime
+---
+
+## Description
+<section id="description">我们将说<i>n</i>数字是pandigital，如果它使用所有数字1到<i>n</i>恰好一次。例如，2143是一个4位数的pandigital，也是素数。什么是最大的<i>n长</i>数字pandigital素数？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>pandigitalPrime(4)</code>应该返回4231。
+    testString: 'assert(pandigitalPrime(4) == 4231, "<code>pandigitalPrime(4)</code> should return 4231.");'
+  - text: <code>pandigitalPrime(7)</code>应该返回7652413。
+    testString: 'assert(pandigitalPrime(7) == 7652413, "<code>pandigitalPrime(7)</code> should return 7652413.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pandigitalPrime(n) {
+  // Good luck!
+  return n;
+}
+
+pandigitalPrime(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-410-circle-and-tangent-line.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-410-circle-and-tangent-line.chinese.md
new file mode 100644
index 0000000000..b98bc8b4e9
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-410-circle-and-tangent-line.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5071000cf542c510018
+challengeType: 5
+title: 'Problem 410: Circle and tangent line'
+videoUrl: ''
+localeTitle: 问题410：圆和切线
+---
+
+## Description
+<section id="description">设C为半径为r的圆，x2 + y2 = r2。我们选择两个点P（a，b）和Q（-a，c），使得穿过P和Q的线与C相切。 <p>例如，四元组（r，a，b，c）=（2,6,2，-7）满足​​该属性。 </p><p>令F（R，X）为具有该性质的整数四元组（r，a，b，c）的数量，并且0 &lt;r≤R且0 &lt;a≤X。 </p><p>我们可以验证F（1,5）= 10，F（2,10）= 52和F（10,100）= 3384.求F（108,109）+ F（109,108）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler410()</code>应该返回799999783589946600。
+    testString: 'assert.strictEqual(euler410(), 799999783589946600, "<code>euler410()</code> should return 799999783589946600.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler410() {
+  // Good luck!
+  return true;
+}
+
+euler410();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-411-uphill-paths.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-411-uphill-paths.chinese.md
new file mode 100644
index 0000000000..b6c0bb16c1
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-411-uphill-paths.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5081000cf542c510019
+challengeType: 5
+title: 'Problem 411: Uphill paths'
+videoUrl: ''
+localeTitle: 问题411：上坡路径
+---
+
+## Description
+<section id="description">设n是正整数。假设坐标（x，y）=（2i mod n，3i mod n）的站点为0≤i≤2n。我们将考虑与同一站点具有相同坐标的站点。 <p>我们希望形成从（0,0）到（n，n）的路径，使得x和y坐标永不减少。设S（n）是路径可以通过的最大站数。 </p><p>例如，如果n = 22，则有11个不同的站，并且有效路径最多可以通过5个站。因此，S（22）= 5.下面举例说明了一个最佳路径的例子： </p><p>还可以证实S（123）= 14并且S（10000）= 48。 </p><p>求1Σk≤30，ΣS（k5）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler411()</code>应返回9936352。
+    testString: 'assert.strictEqual(euler411(), 9936352, "<code>euler411()</code> should return 9936352.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler411() {
+  // Good luck!
+  return true;
+}
+
+euler411();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-412-gnomon-numbering.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-412-gnomon-numbering.chinese.md
new file mode 100644
index 0000000000..d72f95e83f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-412-gnomon-numbering.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5081000cf542c51001a
+challengeType: 5
+title: 'Problem 412: Gnomon numbering'
+videoUrl: ''
+localeTitle: 问题412：Gnomon编号
+---
+
+## Description
+<section id="description">对于整数m，n（0≤n&lt;m），令L（m，n）为m×m网格，其中右上n×n网格被移除。 <p>例如，L（5,3）看起来像这样： </p><p>我们希望用连续的整数1,2,3 ......对L（m，n）的每个单元进行编号，使得每个单元格中的数字小于它下面和左边的数字。 </p><p>例如，这里有两个有效的L（5,3）编号： </p><p>设LC（m，n）为L（m，n）的有效编号。可以证实LC（3,0）= 42，LC（5,3）= 250250，LC（6,3）= 406029023400和LC（10,5）mod 76543217 = 61251715。 </p><p>找到LC（10000,5000）mod 76543217。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler412()</code>应该返回38788800。
+    testString: 'assert.strictEqual(euler412(), 38788800, "<code>euler412()</code> should return 38788800.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler412() {
+  // Good luck!
+  return true;
+}
+
+euler412();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-413-one-child-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-413-one-child-numbers.chinese.md
new file mode 100644
index 0000000000..d8f595aca1
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-413-one-child-numbers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f50a1000cf542c51001c
+challengeType: 5
+title: 'Problem 413: One-child Numbers'
+videoUrl: ''
+localeTitle: 问题413：独生子女号码
+---
+
+## Description
+<section id="description">我们说如果其子串中的一个子串可被d整除，则d位正数（无前导零）是一个子数。 <p>例如，5671是一个4位数的单子号码。在其所有子串5,6,7,1,56,67,71,567,671和5671中，只有56可被4整除。类似地，104是3位单子数，因为只有0可被整除3. 1132451是一个7位数的单子号码，因为只有245可被7整除。 </p><p>设F（N）是小于N的一子数的数。我们可以验证F（10）= 9，F（103）= 389和F（107）= 277674。 </p><p>找到F（1019）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler413()</code>应该返回3079418648040719。
+    testString: 'assert.strictEqual(euler413(), 3079418648040719, "<code>euler413()</code> should return 3079418648040719.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler413() {
+  // Good luck!
+  return true;
+}
+
+euler413();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-414-kaprekar-constant.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-414-kaprekar-constant.chinese.md
new file mode 100644
index 0000000000..0b8a64869f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-414-kaprekar-constant.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f50b1000cf542c51001d
+challengeType: 5
+title: 'Problem 414: Kaprekar constant'
+videoUrl: ''
+localeTitle: 问题414：标题常量
+---
+
+## Description
+<section id="description"> 6174是一个了不起的数字;如果我们按递增顺序对其数字进行排序，并从按降序排序数字时得到的数字中减去该数字，我们得到7641-1467 = 6174。更值得注意的是，如果我们从任何4位数字开始并重复这个排序和减法过程，我们最终将以6174结束或者如果所有数字相等则立即结束0。如果我们用前导零填充数字直到我们有4位数，这也适用于少于4位的数字。例如，让我们从数字0837开始：8730-0378 = 8352 8532-2358 = 6174 <p> 6174被称为Kaprekar常数。排序和减去并重复这一过程直到0或达到Kaprekar常数的过程称为Kaprekar例程。 </p><p>我们可以考虑其他基数和位数的Kaprekar例程。不幸的是，并不能保证在所有情况下都存在Kaprekar常数;例程可以在某个输入数字的循环中结束，或者例程到达的常数对于不同的输入数字可以是不同的。然而，可以证明，对于5位数并且基数b = 6t + 3≠9，存在Kaprekar常数。例如，基数15：（10,4,14,9,5）15基数21：（14,6,20,13,7）21 </p><p>将Cb定义为基数b中的Kaprekar常数，为5位数。如果i = Cb，则将函数sb（i）定义为0，或者如果i写入基数b，则由5个相同的数字组成，基数b中的Kaprekar例程到达Cb所需的迭代次数，否则</p><p>注意，我们可以为所有整数i &lt;b5定义sb（i）。如果我在基数b中写入少于5位数，则在应用Kaprekar例程之前，我们有5位数字，前面加零数字。 </p><p>将S（b）定义为0 &lt;i &lt;b5的sb（i）之和。例如S（15）= 5274369 S（111）= 400668930299 </p><p>找到S（6k + 3）的总和2≤k≤300。给出最后18位数字作为答案。 </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler414(), 552506775824935500, "<code>euler414()</code> should return 552506775824935500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler414() {
+  // Good luck!
+  return true;
+}
+
+euler414();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-415-titanic-sets.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-415-titanic-sets.chinese.md
new file mode 100644
index 0000000000..2093b5a1cd
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-415-titanic-sets.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f50c1000cf542c51001e
+challengeType: 5
+title: 'Problem 415: Titanic sets'
+videoUrl: ''
+localeTitle: 问题415：泰坦尼克号集
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler415(), 55859742, "<code>euler415()</code> should return 55859742.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler415() {
+  // Good luck!
+  return true;
+}
+
+euler415();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-416-a-frogs-trip.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-416-a-frogs-trip.chinese.md
new file mode 100644
index 0000000000..12b5bacd49
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-416-a-frogs-trip.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f50e1000cf542c510020
+challengeType: 5
+title: 'Problem 416: A frog"s trip'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler416(), 898082747, "<code>euler416()</code> should return 898082747.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler416() {
+  // Good luck!
+  return true;
+}
+
+euler416();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-417-reciprocal-cycles-ii.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-417-reciprocal-cycles-ii.chinese.md
new file mode 100644
index 0000000000..1d5d39e826
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-417-reciprocal-cycles-ii.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f50d1000cf542c51001f
+challengeType: 5
+title: 'Problem 417: Reciprocal cycles II'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description">单位分数在分子中包含1。给出分母2到10的单位分数的十进制表示： <p> 1/2 = 0.5 1/3 = 0.（3）1/4 = 0.25 1/5 = 0.2 1/6 = 0.1（6）1/7 = 0.（142857）1/8 = 0.125 1/9 = 0.（1）1/10 = 0.1 </p><p>其中0.1（6）表示0.166666 ...，并具有1位循环周期。可以看出1/7具有6位循环周期。 </p><p>分母没有其他素数因子而不是2和/或5的单位分数不被认为具有重复周期。我们将这些单位分数的重复周期的长度定义为0。 </p><p>令L（n）表示1 / n的循环周期的长度。给出ΣL（n）3≤n≤1000 000等于55535191115。 </p><p>找ΣL（n）为3≤n≤100000 000 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler417(), 446572970925740, "<code>euler417()</code> should return 446572970925740.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler417() {
+  // Good luck!
+  return true;
+}
+
+euler417();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-418-factorisation-triples.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-418-factorisation-triples.chinese.md
new file mode 100644
index 0000000000..0b3625886d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-418-factorisation-triples.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f50f1000cf542c510021
+challengeType: 5
+title: 'Problem 418: Factorisation triples'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler418(), 1177163565297340400, "<code>euler418()</code> should return 1177163565297340400.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler418() {
+  // Good luck!
+  return true;
+}
+
+euler418();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-419-look-and-say-sequence.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-419-look-and-say-sequence.chinese.md
new file mode 100644
index 0000000000..0d4391e53b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-419-look-and-say-sequence.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5101000cf542c510022
+challengeType: 5
+title: 'Problem 419: Look and say sequence'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler419(), 998567458, 1046245404, 43363922, "<code>euler419()</code> should return 998567458, 1046245404, 43363922.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler419() {
+  // Good luck!
+  return true;
+}
+
+euler419();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-42-coded-triangle-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-42-coded-triangle-numbers.chinese.md
new file mode 100644
index 0000000000..c319d53392
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-42-coded-triangle-numbers.chinese.md
@@ -0,0 +1,64 @@
+---
+id: 5900f3961000cf542c50fea9
+challengeType: 5
+title: 'Problem 42: Coded triangle numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(codedTriangleNumbers(1400) == 129, "<code>codedTriangleNumbers(1400)</code> should return 129.");'
+  - text: ''
+    testString: 'assert(codedTriangleNumbers(1500) == 137, "<code>codedTriangleNumbers(1500)</code> should return 137.");'
+  - text: ''
+    testString: 'assert(codedTriangleNumbers(1600) == 141, "<code>codedTriangleNumbers(1600)</code> should return 141.");'
+  - text: ''
+    testString: 'assert(codedTriangleNumbers(1786) == 162, "<code>codedTriangleNumbers(1786)</code> should return 162.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function codedTriangleNumbers(n) {
+  // Good luck!
+  return 1;
+}
+// only change code above this line
+
+const words = ['A','ABILITY','ABLE','ABOUT','ABOVE','ABSENCE','ABSOLUTELY','ACADEMIC','ACCEPT','ACCESS','ACCIDENT','ACCOMPANY','ACCORDING','ACCOUNT','ACHIEVE','ACHIEVEMENT','ACID','ACQUIRE','ACROSS','ACT','ACTION','ACTIVE','ACTIVITY','ACTUAL','ACTUALLY','ADD','ADDITION','ADDITIONAL','ADDRESS','ADMINISTRATION','ADMIT','ADOPT','ADULT','ADVANCE','ADVANTAGE','ADVICE','ADVISE','AFFAIR','AFFECT','AFFORD','AFRAID','AFTER','AFTERNOON','AFTERWARDS','AGAIN','AGAINST','AGE','AGENCY','AGENT','AGO','AGREE','AGREEMENT','AHEAD','AID','AIM','AIR','AIRCRAFT','ALL','ALLOW','ALMOST','ALONE','ALONG','ALREADY','ALRIGHT','ALSO','ALTERNATIVE','ALTHOUGH','ALWAYS','AMONG','AMONGST','AMOUNT','AN','ANALYSIS','ANCIENT','AND','ANIMAL','ANNOUNCE','ANNUAL','ANOTHER','ANSWER','ANY','ANYBODY','ANYONE','ANYTHING','ANYWAY','APART','APPARENT','APPARENTLY','APPEAL','APPEAR','APPEARANCE','APPLICATION','APPLY','APPOINT','APPOINTMENT','APPROACH','APPROPRIATE','APPROVE','AREA','ARGUE','ARGUMENT','ARISE','ARM','ARMY','AROUND','ARRANGE','ARRANGEMENT','ARRIVE','ART','ARTICLE','ARTIST','AS','ASK','ASPECT','ASSEMBLY','ASSESS','ASSESSMENT','ASSET','ASSOCIATE','ASSOCIATION','ASSUME','ASSUMPTION','AT','ATMOSPHERE','ATTACH','ATTACK','ATTEMPT','ATTEND','ATTENTION','ATTITUDE','ATTRACT','ATTRACTIVE','AUDIENCE','AUTHOR','AUTHORITY','AVAILABLE','AVERAGE','AVOID','AWARD','AWARE','AWAY','AYE','BABY','BACK','BACKGROUND','BAD','BAG','BALANCE','BALL','BAND','BANK','BAR','BASE','BASIC','BASIS','BATTLE','BE','BEAR','BEAT','BEAUTIFUL','BECAUSE','BECOME','BED','BEDROOM','BEFORE','BEGIN','BEGINNING','BEHAVIOUR','BEHIND','BELIEF','BELIEVE','BELONG','BELOW','BENEATH','BENEFIT','BESIDE','BEST','BETTER','BETWEEN','BEYOND','BIG','BILL','BIND','BIRD','BIRTH','BIT','BLACK','BLOCK','BLOOD','BLOODY','BLOW','BLUE','BOARD','BOAT','BODY','BONE','BOOK','BORDER','BOTH','BOTTLE','BOTTOM','BOX','BOY','BRAIN','BRANCH','BREAK','BREATH','BRIDGE','BRIEF','BRIGHT','BRING','BROAD','BROTHER','BUDGET','BUILD','BUILDING','BURN','BUS','BUSINESS','BUSY','BUT','BUY','BY','CABINET','CALL','CAMPAIGN','CAN','CANDIDATE','CAPABLE','CAPACITY','CAPITAL','CAR','CARD','CARE','CAREER','CAREFUL','CAREFULLY','CARRY','CASE','CASH','CAT','CATCH','CATEGORY','CAUSE','CELL','CENTRAL','CENTRE','CENTURY','CERTAIN','CERTAINLY','CHAIN','CHAIR','CHAIRMAN','CHALLENGE','CHANCE','CHANGE','CHANNEL','CHAPTER','CHARACTER','CHARACTERISTIC','CHARGE','CHEAP','CHECK','CHEMICAL','CHIEF','CHILD','CHOICE','CHOOSE','CHURCH','CIRCLE','CIRCUMSTANCE','CITIZEN','CITY','CIVIL','CLAIM','CLASS','CLEAN','CLEAR','CLEARLY','CLIENT','CLIMB','CLOSE','CLOSELY','CLOTHES','CLUB','COAL','CODE','COFFEE','COLD','COLLEAGUE','COLLECT','COLLECTION','COLLEGE','COLOUR','COMBINATION','COMBINE','COME','COMMENT','COMMERCIAL','COMMISSION','COMMIT','COMMITMENT','COMMITTEE','COMMON','COMMUNICATION','COMMUNITY','COMPANY','COMPARE','COMPARISON','COMPETITION','COMPLETE','COMPLETELY','COMPLEX','COMPONENT','COMPUTER','CONCENTRATE','CONCENTRATION','CONCEPT','CONCERN','CONCERNED','CONCLUDE','CONCLUSION','CONDITION','CONDUCT','CONFERENCE','CONFIDENCE','CONFIRM','CONFLICT','CONGRESS','CONNECT','CONNECTION','CONSEQUENCE','CONSERVATIVE','CONSIDER','CONSIDERABLE','CONSIDERATION','CONSIST','CONSTANT','CONSTRUCTION','CONSUMER','CONTACT','CONTAIN','CONTENT','CONTEXT','CONTINUE','CONTRACT','CONTRAST','CONTRIBUTE','CONTRIBUTION','CONTROL','CONVENTION','CONVERSATION','COPY','CORNER','CORPORATE','CORRECT','COS','COST','COULD','COUNCIL','COUNT','COUNTRY','COUNTY','COUPLE','COURSE','COURT','COVER','CREATE','CREATION','CREDIT','CRIME','CRIMINAL','CRISIS','CRITERION','CRITICAL','CRITICISM','CROSS','CROWD','CRY','CULTURAL','CULTURE','CUP','CURRENT','CURRENTLY','CURRICULUM','CUSTOMER','CUT','DAMAGE','DANGER','DANGEROUS','DARK','DATA','DATE','DAUGHTER','DAY','DEAD','DEAL','DEATH','DEBATE','DEBT','DECADE','DECIDE','DECISION','DECLARE','DEEP','DEFENCE','DEFENDANT','DEFINE','DEFINITION','DEGREE','DELIVER','DEMAND','DEMOCRATIC','DEMONSTRATE','DENY','DEPARTMENT','DEPEND','DEPUTY','DERIVE','DESCRIBE','DESCRIPTION','DESIGN','DESIRE','DESK','DESPITE','DESTROY','DETAIL','DETAILED','DETERMINE','DEVELOP','DEVELOPMENT','DEVICE','DIE','DIFFERENCE','DIFFERENT','DIFFICULT','DIFFICULTY','DINNER','DIRECT','DIRECTION','DIRECTLY','DIRECTOR','DISAPPEAR','DISCIPLINE','DISCOVER','DISCUSS','DISCUSSION','DISEASE','DISPLAY','DISTANCE','DISTINCTION','DISTRIBUTION','DISTRICT','DIVIDE','DIVISION','DO','DOCTOR','DOCUMENT','DOG','DOMESTIC','DOOR','DOUBLE','DOUBT','DOWN','DRAW','DRAWING','DREAM','DRESS','DRINK','DRIVE','DRIVER','DROP','DRUG','DRY','DUE','DURING','DUTY','EACH','EAR','EARLY','EARN','EARTH','EASILY','EAST','EASY','EAT','ECONOMIC','ECONOMY','EDGE','EDITOR','EDUCATION','EDUCATIONAL','EFFECT','EFFECTIVE','EFFECTIVELY','EFFORT','EGG','EITHER','ELDERLY','ELECTION','ELEMENT','ELSE','ELSEWHERE','EMERGE','EMPHASIS','EMPLOY','EMPLOYEE','EMPLOYER','EMPLOYMENT','EMPTY','ENABLE','ENCOURAGE','END','ENEMY','ENERGY','ENGINE','ENGINEERING','ENJOY','ENOUGH','ENSURE','ENTER','ENTERPRISE','ENTIRE','ENTIRELY','ENTITLE','ENTRY','ENVIRONMENT','ENVIRONMENTAL','EQUAL','EQUALLY','EQUIPMENT','ERROR','ESCAPE','ESPECIALLY','ESSENTIAL','ESTABLISH','ESTABLISHMENT','ESTATE','ESTIMATE','EVEN','EVENING','EVENT','EVENTUALLY','EVER','EVERY','EVERYBODY','EVERYONE','EVERYTHING','EVIDENCE','EXACTLY','EXAMINATION','EXAMINE','EXAMPLE','EXCELLENT','EXCEPT','EXCHANGE','EXECUTIVE','EXERCISE','EXHIBITION','EXIST','EXISTENCE','EXISTING','EXPECT','EXPECTATION','EXPENDITURE','EXPENSE','EXPENSIVE','EXPERIENCE','EXPERIMENT','EXPERT','EXPLAIN','EXPLANATION','EXPLORE','EXPRESS','EXPRESSION','EXTEND','EXTENT','EXTERNAL','EXTRA','EXTREMELY','EYE','FACE','FACILITY','FACT','FACTOR','FACTORY','FAIL','FAILURE','FAIR','FAIRLY','FAITH','FALL','FAMILIAR','FAMILY','FAMOUS','FAR','FARM','FARMER','FASHION','FAST','FATHER','FAVOUR','FEAR','FEATURE','FEE','FEEL','FEELING','FEMALE','FEW','FIELD','FIGHT','FIGURE','FILE','FILL','FILM','FINAL','FINALLY','FINANCE','FINANCIAL','FIND','FINDING','FINE','FINGER','FINISH','FIRE','FIRM','FIRST','FISH','FIT','FIX','FLAT','FLIGHT','FLOOR','FLOW','FLOWER','FLY','FOCUS','FOLLOW','FOLLOWING','FOOD','FOOT','FOOTBALL','FOR','FORCE','FOREIGN','FOREST','FORGET','FORM','FORMAL','FORMER','FORWARD','FOUNDATION','FREE','FREEDOM','FREQUENTLY','FRESH','FRIEND','FROM','FRONT','FRUIT','FUEL','FULL','FULLY','FUNCTION','FUND','FUNNY','FURTHER','FUTURE','GAIN','GAME','GARDEN','GAS','GATE','GATHER','GENERAL','GENERALLY','GENERATE','GENERATION','GENTLEMAN','GET','GIRL','GIVE','GLASS','GO','GOAL','GOD','GOLD','GOOD','GOVERNMENT','GRANT','GREAT','GREEN','GREY','GROUND','GROUP','GROW','GROWING','GROWTH','GUEST','GUIDE','GUN','HAIR','HALF','HALL','HAND','HANDLE','HANG','HAPPEN','HAPPY','HARD','HARDLY','HATE','HAVE','HE','HEAD','HEALTH','HEAR','HEART','HEAT','HEAVY','HELL','HELP','HENCE','HER','HERE','HERSELF','HIDE','HIGH','HIGHLY','HILL','HIM','HIMSELF','HIS','HISTORICAL','HISTORY','HIT','HOLD','HOLE','HOLIDAY','HOME','HOPE','HORSE','HOSPITAL','HOT','HOTEL','HOUR','HOUSE','HOUSEHOLD','HOUSING','HOW','HOWEVER','HUGE','HUMAN','HURT','HUSBAND','I','IDEA','IDENTIFY','IF','IGNORE','ILLUSTRATE','IMAGE','IMAGINE','IMMEDIATE','IMMEDIATELY','IMPACT','IMPLICATION','IMPLY','IMPORTANCE','IMPORTANT','IMPOSE','IMPOSSIBLE','IMPRESSION','IMPROVE','IMPROVEMENT','IN','INCIDENT','INCLUDE','INCLUDING','INCOME','INCREASE','INCREASED','INCREASINGLY','INDEED','INDEPENDENT','INDEX','INDICATE','INDIVIDUAL','INDUSTRIAL','INDUSTRY','INFLUENCE','INFORM','INFORMATION','INITIAL','INITIATIVE','INJURY','INSIDE','INSIST','INSTANCE','INSTEAD','INSTITUTE','INSTITUTION','INSTRUCTION','INSTRUMENT','INSURANCE','INTEND','INTENTION','INTEREST','INTERESTED','INTERESTING','INTERNAL','INTERNATIONAL','INTERPRETATION','INTERVIEW','INTO','INTRODUCE','INTRODUCTION','INVESTIGATE','INVESTIGATION','INVESTMENT','INVITE','INVOLVE','IRON','IS','ISLAND','ISSUE','IT','ITEM','ITS','ITSELF','JOB','JOIN','JOINT','JOURNEY','JUDGE','JUMP','JUST','JUSTICE','KEEP','KEY','KID','KILL','KIND','KING','KITCHEN','KNEE','KNOW','KNOWLEDGE','LABOUR','LACK','LADY','LAND','LANGUAGE','LARGE','LARGELY','LAST','LATE','LATER','LATTER','LAUGH','LAUNCH','LAW','LAWYER','LAY','LEAD','LEADER','LEADERSHIP','LEADING','LEAF','LEAGUE','LEAN','LEARN','LEAST','LEAVE','LEFT','LEG','LEGAL','LEGISLATION','LENGTH','LESS','LET','LETTER','LEVEL','LIABILITY','LIBERAL','LIBRARY','LIE','LIFE','LIFT','LIGHT','LIKE','LIKELY','LIMIT','LIMITED','LINE','LINK','LIP','LIST','LISTEN','LITERATURE','LITTLE','LIVE','LIVING','LOAN','LOCAL','LOCATION','LONG','LOOK','LORD','LOSE','LOSS','LOT','LOVE','LOVELY','LOW','LUNCH','MACHINE','MAGAZINE','MAIN','MAINLY','MAINTAIN','MAJOR','MAJORITY','MAKE','MALE','MAN','MANAGE','MANAGEMENT','MANAGER','MANNER','MANY','MAP','MARK','MARKET','MARRIAGE','MARRIED','MARRY','MASS','MASTER','MATCH','MATERIAL','MATTER','MAY','MAYBE','ME','MEAL','MEAN','MEANING','MEANS','MEANWHILE','MEASURE','MECHANISM','MEDIA','MEDICAL','MEET','MEETING','MEMBER','MEMBERSHIP','MEMORY','MENTAL','MENTION','MERELY','MESSAGE','METAL','METHOD','MIDDLE','MIGHT','MILE','MILITARY','MILK','MIND','MINE','MINISTER','MINISTRY','MINUTE','MISS','MISTAKE','MODEL','MODERN','MODULE','MOMENT','MONEY','MONTH','MORE','MORNING','MOST','MOTHER','MOTION','MOTOR','MOUNTAIN','MOUTH','MOVE','MOVEMENT','MUCH','MURDER','MUSEUM','MUSIC','MUST','MY','MYSELF','NAME','NARROW','NATION','NATIONAL','NATURAL','NATURE','NEAR','NEARLY','NECESSARILY','NECESSARY','NECK','NEED','NEGOTIATION','NEIGHBOUR','NEITHER','NETWORK','NEVER','NEVERTHELESS','NEW','NEWS','NEWSPAPER','NEXT','NICE','NIGHT','NO','NOBODY','NOD','NOISE','NONE','NOR','NORMAL','NORMALLY','NORTH','NORTHERN','NOSE','NOT','NOTE','NOTHING','NOTICE','NOTION','NOW','NUCLEAR','NUMBER','NURSE','OBJECT','OBJECTIVE','OBSERVATION','OBSERVE','OBTAIN','OBVIOUS','OBVIOUSLY','OCCASION','OCCUR','ODD','OF','OFF','OFFENCE','OFFER','OFFICE','OFFICER','OFFICIAL','OFTEN','OIL','OKAY','OLD','ON','ONCE','ONE','ONLY','ONTO','OPEN','OPERATE','OPERATION','OPINION','OPPORTUNITY','OPPOSITION','OPTION','OR','ORDER','ORDINARY','ORGANISATION','ORGANISE','ORGANIZATION','ORIGIN','ORIGINAL','OTHER','OTHERWISE','OUGHT','OUR','OURSELVES','OUT','OUTCOME','OUTPUT','OUTSIDE','OVER','OVERALL','OWN','OWNER','PACKAGE','PAGE','PAIN','PAINT','PAINTING','PAIR','PANEL','PAPER','PARENT','PARK','PARLIAMENT','PART','PARTICULAR','PARTICULARLY','PARTLY','PARTNER','PARTY','PASS','PASSAGE','PAST','PATH','PATIENT','PATTERN','PAY','PAYMENT','PEACE','PENSION','PEOPLE','PER','PERCENT','PERFECT','PERFORM','PERFORMANCE','PERHAPS','PERIOD','PERMANENT','PERSON','PERSONAL','PERSUADE','PHASE','PHONE','PHOTOGRAPH','PHYSICAL','PICK','PICTURE','PIECE','PLACE','PLAN','PLANNING','PLANT','PLASTIC','PLATE','PLAY','PLAYER','PLEASE','PLEASURE','PLENTY','PLUS','POCKET','POINT','POLICE','POLICY','POLITICAL','POLITICS','POOL','POOR','POPULAR','POPULATION','POSITION','POSITIVE','POSSIBILITY','POSSIBLE','POSSIBLY','POST','POTENTIAL','POUND','POWER','POWERFUL','PRACTICAL','PRACTICE','PREFER','PREPARE','PRESENCE','PRESENT','PRESIDENT','PRESS','PRESSURE','PRETTY','PREVENT','PREVIOUS','PREVIOUSLY','PRICE','PRIMARY','PRIME','PRINCIPLE','PRIORITY','PRISON','PRISONER','PRIVATE','PROBABLY','PROBLEM','PROCEDURE','PROCESS','PRODUCE','PRODUCT','PRODUCTION','PROFESSIONAL','PROFIT','PROGRAM','PROGRAMME','PROGRESS','PROJECT','PROMISE','PROMOTE','PROPER','PROPERLY','PROPERTY','PROPORTION','PROPOSE','PROPOSAL','PROSPECT','PROTECT','PROTECTION','PROVE','PROVIDE','PROVIDED','PROVISION','PUB','PUBLIC','PUBLICATION','PUBLISH','PULL','PUPIL','PURPOSE','PUSH','PUT','QUALITY','QUARTER','QUESTION','QUICK','QUICKLY','QUIET','QUITE','RACE','RADIO','RAILWAY','RAIN','RAISE','RANGE','RAPIDLY','RARE','RATE','RATHER','REACH','REACTION','READ','READER','READING','READY','REAL','REALISE','REALITY','REALIZE','REALLY','REASON','REASONABLE','RECALL','RECEIVE','RECENT','RECENTLY','RECOGNISE','RECOGNITION','RECOGNIZE','RECOMMEND','RECORD','RECOVER','RED','REDUCE','REDUCTION','REFER','REFERENCE','REFLECT','REFORM','REFUSE','REGARD','REGION','REGIONAL','REGULAR','REGULATION','REJECT','RELATE','RELATION','RELATIONSHIP','RELATIVE','RELATIVELY','RELEASE','RELEVANT','RELIEF','RELIGION','RELIGIOUS','RELY','REMAIN','REMEMBER','REMIND','REMOVE','REPEAT','REPLACE','REPLY','REPORT','REPRESENT','REPRESENTATION','REPRESENTATIVE','REQUEST','REQUIRE','REQUIREMENT','RESEARCH','RESOURCE','RESPECT','RESPOND','RESPONSE','RESPONSIBILITY','RESPONSIBLE','REST','RESTAURANT','RESULT','RETAIN','RETURN','REVEAL','REVENUE','REVIEW','REVOLUTION','RICH','RIDE','RIGHT','RING','RISE','RISK','RIVER','ROAD','ROCK','ROLE','ROLL','ROOF','ROOM','ROUND','ROUTE','ROW','ROYAL','RULE','RUN','RURAL','SAFE','SAFETY','SALE','SAME','SAMPLE','SATISFY','SAVE','SAY','SCALE','SCENE','SCHEME','SCHOOL','SCIENCE','SCIENTIFIC','SCIENTIST','SCORE','SCREEN','SEA','SEARCH','SEASON','SEAT','SECOND','SECONDARY','SECRETARY','SECTION','SECTOR','SECURE','SECURITY','SEE','SEEK','SEEM','SELECT','SELECTION','SELL','SEND','SENIOR','SENSE','SENTENCE','SEPARATE','SEQUENCE','SERIES','SERIOUS','SERIOUSLY','SERVANT','SERVE','SERVICE','SESSION','SET','SETTLE','SETTLEMENT','SEVERAL','SEVERE','SEX','SEXUAL','SHAKE','SHALL','SHAPE','SHARE','SHE','SHEET','SHIP','SHOE','SHOOT','SHOP','SHORT','SHOT','SHOULD','SHOULDER','SHOUT','SHOW','SHUT','SIDE','SIGHT','SIGN','SIGNAL','SIGNIFICANCE','SIGNIFICANT','SILENCE','SIMILAR','SIMPLE','SIMPLY','SINCE','SING','SINGLE','SIR','SISTER','SIT','SITE','SITUATION','SIZE','SKILL','SKIN','SKY','SLEEP','SLIGHTLY','SLIP','SLOW','SLOWLY','SMALL','SMILE','SO','SOCIAL','SOCIETY','SOFT','SOFTWARE','SOIL','SOLDIER','SOLICITOR','SOLUTION','SOME','SOMEBODY','SOMEONE','SOMETHING','SOMETIMES','SOMEWHAT','SOMEWHERE','SON','SONG','SOON','SORRY','SORT','SOUND','SOURCE','SOUTH','SOUTHERN','SPACE','SPEAK','SPEAKER','SPECIAL','SPECIES','SPECIFIC','SPEECH','SPEED','SPEND','SPIRIT','SPORT','SPOT','SPREAD','SPRING','STAFF','STAGE','STAND','STANDARD','STAR','START','STATE','STATEMENT','STATION','STATUS','STAY','STEAL','STEP','STICK','STILL','STOCK','STONE','STOP','STORE','STORY','STRAIGHT','STRANGE','STRATEGY','STREET','STRENGTH','STRIKE','STRONG','STRONGLY','STRUCTURE','STUDENT','STUDIO','STUDY','STUFF','STYLE','SUBJECT','SUBSTANTIAL','SUCCEED','SUCCESS','SUCCESSFUL','SUCH','SUDDENLY','SUFFER','SUFFICIENT','SUGGEST','SUGGESTION','SUITABLE','SUM','SUMMER','SUN','SUPPLY','SUPPORT','SUPPOSE','SURE','SURELY','SURFACE','SURPRISE','SURROUND','SURVEY','SURVIVE','SWITCH','SYSTEM','TABLE','TAKE','TALK','TALL','TAPE','TARGET','TASK','TAX','TEA','TEACH','TEACHER','TEACHING','TEAM','TEAR','TECHNICAL','TECHNIQUE','TECHNOLOGY','TELEPHONE','TELEVISION','TELL','TEMPERATURE','TEND','TERM','TERMS','TERRIBLE','TEST','TEXT','THAN','THANK','THANKS','THAT','THE','THEATRE','THEIR','THEM','THEME','THEMSELVES','THEN','THEORY','THERE','THEREFORE','THESE','THEY','THIN','THING','THINK','THIS','THOSE','THOUGH','THOUGHT','THREAT','THREATEN','THROUGH','THROUGHOUT','THROW','THUS','TICKET','TIME','TINY','TITLE','TO','TODAY','TOGETHER','TOMORROW','TONE','TONIGHT','TOO','TOOL','TOOTH','TOP','TOTAL','TOTALLY','TOUCH','TOUR','TOWARDS','TOWN','TRACK','TRADE','TRADITION','TRADITIONAL','TRAFFIC','TRAIN','TRAINING','TRANSFER','TRANSPORT','TRAVEL','TREAT','TREATMENT','TREATY','TREE','TREND','TRIAL','TRIP','TROOP','TROUBLE','TRUE','TRUST','TRUTH','TRY','TURN','TWICE','TYPE','TYPICAL','UNABLE','UNDER','UNDERSTAND','UNDERSTANDING','UNDERTAKE','UNEMPLOYMENT','UNFORTUNATELY','UNION','UNIT','UNITED','UNIVERSITY','UNLESS','UNLIKELY','UNTIL','UP','UPON','UPPER','URBAN','US','USE','USED','USEFUL','USER','USUAL','USUALLY','VALUE','VARIATION','VARIETY','VARIOUS','VARY','VAST','VEHICLE','VERSION','VERY','VIA','VICTIM','VICTORY','VIDEO','VIEW','VILLAGE','VIOLENCE','VISION','VISIT','VISITOR','VITAL','VOICE','VOLUME','VOTE','WAGE','WAIT','WALK','WALL','WANT','WAR','WARM','WARN','WASH','WATCH','WATER','WAVE','WAY','WE','WEAK','WEAPON','WEAR','WEATHER','WEEK','WEEKEND','WEIGHT','WELCOME','WELFARE','WELL','WEST','WESTERN','WHAT','WHATEVER','WHEN','WHERE','WHEREAS','WHETHER','WHICH','WHILE','WHILST','WHITE','WHO','WHOLE','WHOM','WHOSE','WHY','WIDE','WIDELY','WIFE','WILD','WILL','WIN','WIND','WINDOW','WINE','WING','WINNER','WINTER','WISH','WITH','WITHDRAW','WITHIN','WITHOUT','WOMAN','WONDER','WONDERFUL','WOOD','WORD','WORK','WORKER','WORKING','WORKS','WORLD','WORRY','WORTH','WOULD','WRITE','WRITER','WRITING','WRONG','YARD','YEAH','YEAR','YES','YESTERDAY','YET','YOU','YOUNG','YOUR','YOURSELF','YOUTH'];
+
+codedTriangleNumbers(1786);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-420-2x2-positive-integer-matrix.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-420-2x2-positive-integer-matrix.chinese.md
new file mode 100644
index 0000000000..cd1f8805c7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-420-2x2-positive-integer-matrix.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5111000cf542c510023
+challengeType: 5
+title: 'Problem 420: 2x2 positive integer matrix'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler420(), 145159332, "<code>euler420()</code> should return 145159332.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler420() {
+  // Good luck!
+  return true;
+}
+
+euler420();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-421-prime-factors-of-n151.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-421-prime-factors-of-n151.chinese.md
new file mode 100644
index 0000000000..0c3d0810d4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-421-prime-factors-of-n151.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5131000cf542c510024
+challengeType: 5
+title: 'Problem 421: Prime factors of n15+1'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler421(), 2304215802083466200, "<code>euler421()</code> should return 2304215802083466200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler421() {
+  // Good luck!
+  return true;
+}
+
+euler421();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-422-sequence-of-points-on-a-hyperbola.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-422-sequence-of-points-on-a-hyperbola.chinese.md
new file mode 100644
index 0000000000..d312560061
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-422-sequence-of-points-on-a-hyperbola.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5131000cf542c510025
+challengeType: 5
+title: 'Problem 422: Sequence of points on a hyperbola'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler422(), 92060460, "<code>euler422()</code> should return 92060460.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler422() {
+  // Good luck!
+  return true;
+}
+
+euler422();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-423-consecutive-die-throws.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-423-consecutive-die-throws.chinese.md
new file mode 100644
index 0000000000..a7daebb3ec
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-423-consecutive-die-throws.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5141000cf542c510027
+challengeType: 5
+title: 'Problem 423: Consecutive die throws'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler423(), 653972374, "<code>euler423()</code> should return 653972374.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler423() {
+  // Good luck!
+  return true;
+}
+
+euler423();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-424-kakuro.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-424-kakuro.chinese.md
new file mode 100644
index 0000000000..6a6f3b37ad
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-424-kakuro.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5141000cf542c510026
+challengeType: 5
+title: 'Problem 424: Kakuro'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler424(), 1059760019628, "<code>euler424()</code> should return 1059760019628.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler424() {
+  // Good luck!
+  return true;
+}
+
+euler424();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-425-prime-connection.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-425-prime-connection.chinese.md
new file mode 100644
index 0000000000..2bfff61cd1
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-425-prime-connection.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5151000cf542c510028
+challengeType: 5
+title: 'Problem 425: Prime connection'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler425()</code>应该返回46479497324。
+    testString: 'assert.strictEqual(euler425(), 46479497324, "<code>euler425()</code> should return 46479497324.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler425() {
+  // Good luck!
+  return true;
+}
+
+euler425();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-426-box-ball-system.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-426-box-ball-system.chinese.md
new file mode 100644
index 0000000000..d2acae11e6
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-426-box-ball-system.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5171000cf542c510029
+challengeType: 5
+title: 'Problem 426: Box-ball system'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler426(), 31591886008, "<code>euler426()</code> should return 31591886008.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler426() {
+  // Good luck!
+  return true;
+}
+
+euler426();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-427-n-sequences.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-427-n-sequences.chinese.md
new file mode 100644
index 0000000000..4cb21a459d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-427-n-sequences.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5181000cf542c51002a
+challengeType: 5
+title: 'Problem 427: n-sequences'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler427(), 97138867, "<code>euler427()</code> should return 97138867.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler427() {
+  // Good luck!
+  return true;
+}
+
+euler427();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-428-necklace-of-circles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-428-necklace-of-circles.chinese.md
new file mode 100644
index 0000000000..725adc2319
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-428-necklace-of-circles.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5191000cf542c51002b
+challengeType: 5
+title: 'Problem 428: Necklace of Circles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(necklace(1000000000), 747215561862, "<code>necklace(1000000000)</code> should return 747215561862.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function necklace(n) {
+  // Good luck!
+  return true;
+}
+
+necklace(1000000000)
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-429-sum-of-squares-of-unitary-divisors.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-429-sum-of-squares-of-unitary-divisors.chinese.md
new file mode 100644
index 0000000000..dd2823c551
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-429-sum-of-squares-of-unitary-divisors.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5191000cf542c51002c
+challengeType: 5
+title: 'Problem 429: Sum of squares of unitary divisors'
+videoUrl: ''
+localeTitle: 问题429：单一除数的平方和
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler429()</code>应该返回98792821。
+    testString: 'assert.strictEqual(euler429(), 98792821, "<code>euler429()</code> should return 98792821.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler429() {
+  // Good luck!
+  return true;
+}
+
+euler429();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-43-sub-string-divisibility.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-43-sub-string-divisibility.chinese.md
new file mode 100644
index 0000000000..79ef2150a3
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-43-sub-string-divisibility.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3971000cf542c50feaa
+challengeType: 5
+title: 'Problem 43: Sub-string divisibility'
+videoUrl: ''
+localeTitle: 问题43：子串可分性
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.deepEqual(substringDivisibility(), [ 1430952867, 1460357289, 1406357289, 4130952867, 4160357289, 4106357289 ], "<code>substringDivisibility()</code> should return [ 1430952867, 1460357289, 1406357289, 4130952867, 4160357289, 4106357289 ].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function substringDivisibility() {
+  // Good luck!
+  return [];
+}
+
+substringDivisibility();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-430-range-flips.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-430-range-flips.chinese.md
new file mode 100644
index 0000000000..0311375315
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-430-range-flips.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f51a1000cf542c51002d
+challengeType: 5
+title: 'Problem 430: Range flips'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler430(), 5000624921.38, "<code>euler430()</code> should return 5000624921.38.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler430() {
+  // Good luck!
+  return true;
+}
+
+euler430();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-431-square-space-silo.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-431-square-space-silo.chinese.md
new file mode 100644
index 0000000000..810a515750
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-431-square-space-silo.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f51b1000cf542c51002e
+challengeType: 5
+title: 'Problem 431: Square Space Silo'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description">弗雷德农夫安排在他的农场安装一个新的储存仓，并对所有方面进行痴迷，当他发现它是圆形时，他绝对是毁灭性的。安装筒仓的公司代表Quentin解释说，他们只制造圆柱形筒仓，但他指出它是放在方形底座上。弗雷德并不觉得有趣并且坚持将其从他的财产中删除。 <p>快速思考Quentin解释说，当从上方输送粒状材料时，形成锥形斜面，与水平面形成的自然角度称为休止角。例如，如果休息角度为$ \ alpha = 30 $度，并且在筒仓的中心处传送颗粒，则将朝向圆柱体的顶部形成完美的锥体。在这个直径为6米的筒仓的情况下，浪费的空间量约为32.648388556立方米。然而，如果谷物在顶部的一个点处被输送，该点与中心的水平距离为$ x $ m，则形成具有奇怪弯曲和倾斜的基部的锥体。他向弗雷德展示了一张照片</p><p>我们将以$ V（x）$给出以立方米浪费的空间量。如果$ x = 1.114785284 $，恰好有三个小数位，那么浪费的空间金额为$ V（1.114785284）\约36 $。鉴于此问题的可能解决方案的范围，还有另一种选择：$ V（2.511167869）\约49 $。这就像知道广场是筒仓之王，坐在你的粮食上的灿烂荣耀。 </p><p>弗雷德的眼睛高兴地看着这个优雅的分辨率，但仔细观察昆汀的绘画和计算后，他的幸福再次变成了沮丧。弗雷德向昆汀指出，这是筒仓的半径是6米，而不是直径，他的谷物的休止角是40度。但是，如果Quentin可以为这个特定的孤岛找到一套解决方案，那么他将非常乐意保留它。 </p><p>如果快速思考昆汀要满足沮丧地挑剔弗雷德农民对所有方格的兴趣，然后确定所有可能的方形空间浪费选项的$ x $的值并计算$ \ sum x $正确到9位小数。 </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler431(), 23.386029052, "<code>euler431()</code> should return 23.386029052.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler431() {
+  // Good luck!
+  return true;
+}
+
+euler431();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-432-totient-sum.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-432-totient-sum.chinese.md
new file mode 100644
index 0000000000..2c5801f962
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-432-totient-sum.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f51e1000cf542c510030
+challengeType: 5
+title: 'Problem 432: Totient sum'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler432()</code>应该返回754862080。
+    testString: 'assert.strictEqual(euler432(), 754862080, "<code>euler432()</code> should return 754862080.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler432() {
+  // Good luck!
+  return true;
+}
+
+euler432();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-433-steps-in-euclids-algorithm.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-433-steps-in-euclids-algorithm.chinese.md
new file mode 100644
index 0000000000..30f4e731e0
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-433-steps-in-euclids-algorithm.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f51d1000cf542c51002f
+challengeType: 5
+title: 'Problem 433: Steps in Euclid"s algorithm'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler433(), 326624372659664, "<code>euler433()</code> should return 326624372659664.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler433() {
+  // Good luck!
+  return true;
+}
+
+euler433();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-434-rigid-graphs.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-434-rigid-graphs.chinese.md
new file mode 100644
index 0000000000..3a403a88b9
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-434-rigid-graphs.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f51f1000cf542c510031
+challengeType: 5
+title: 'Problem 434: Rigid graphs'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler434(), 863253606, "<code>euler434()</code> should return 863253606.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler434() {
+  // Good luck!
+  return true;
+}
+
+euler434();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-435-polynomials-of-fibonacci-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-435-polynomials-of-fibonacci-numbers.chinese.md
new file mode 100644
index 0000000000..97b09a2fae
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-435-polynomials-of-fibonacci-numbers.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5201000cf542c510032
+challengeType: 5
+title: 'Problem 435: Polynomials of Fibonacci numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler435(), 252541322550, "<code>euler435()</code> should return 252541322550.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler435() {
+  // Good luck!
+  return true;
+}
+
+euler435();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-436-unfair-wager.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-436-unfair-wager.chinese.md
new file mode 100644
index 0000000000..f6ad38e74f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-436-unfair-wager.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5221000cf542c510033
+challengeType: 5
+title: 'Problem 436: Unfair wager'
+videoUrl: ''
+localeTitle: 问题436：不公平的赌注
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler436()</code>应该返回0.5276662759。
+    testString: 'assert.strictEqual(euler436(), 0.5276662759, "<code>euler436()</code> should return 0.5276662759.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler436() {
+  // Good luck!
+  return true;
+}
+
+euler436();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-437-fibonacci-primitive-roots.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-437-fibonacci-primitive-roots.chinese.md
new file mode 100644
index 0000000000..c69824f804
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-437-fibonacci-primitive-roots.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5241000cf542c510036
+challengeType: 5
+title: 'Problem 437: Fibonacci primitive roots'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description">当我们计算8n模11为n = 0到9时，我们得到：1,8,9,6,4,10,3,2,5,7。我们看到所有可能的值从1到10出现。所以8是11的原始根。但还有更多：如果我们仔细看看，我们看到：1 + 8 = 9 8 + 9 =17≡6mod11 9 + 6 =15≡4mod11 6 + 4 = 10 4 + 10 =14≡3mod11 10 + 3 =13≡2mod11 3 + 2 = 5 2 + 5 = 7 5 + 7 =12≡1mod11。 <p>因此，8 mod 11的幂是循环的，具有周期10，并且8n + 8n +1≡8n+ 2（mod 11）。 8被称为11的斐波那契原始根。不是每个素数都有斐波那契原始根。有一个或多个Fibonacci原始根有323个小于10000的素数，这些素数的总和是1480491.用至少一个Fibonacci原始根找到小于100,000,000的素数之和。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler437(), 74204709657207, "<code>euler437()</code> should return 74204709657207.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler437() {
+  // Good luck!
+  return true;
+}
+
+euler437();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-438-integer-part-of-polynomial-equations-solutions.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-438-integer-part-of-polynomial-equations-solutions.chinese.md
new file mode 100644
index 0000000000..45e610b9a0
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-438-integer-part-of-polynomial-equations-solutions.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5231000cf542c510034
+challengeType: 5
+title: 'Problem 438: Integer part of polynomial equation"s solutions'
+videoUrl: ''
+localeTitle: 问题438：多项式方程解的整数部分
+---
+
+## Description
+<section id="description">对于整数的n元组t =（a1，...，an），let（x1，...，xn）是多项式方程xn + a1xn-1 + a2xn-2 + ... +的解。 an-1x + an = 0。 <p>考虑以下两个条件：x1，...，xn都是真实的。如果x1，...，xn被排序，则⌊xi⌋= i，1≤i≤n。 （⌊·⌋：地板功能。） </p><p>在n = 4的情况下，有12个n元组的整数满足两个条件。我们将S（t）定义为t中整数绝对值的总和。对于n = 4，我们可以验证满足两个条件的所有n元组t的ΣS（t）= 2087。 </p><p>找到ΣS（t）为n = 7。 </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler438(), 2046409616809, "<code>euler438()</code> should return 2046409616809.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler438() {
+  // Good luck!
+  return true;
+}
+
+euler438();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-439-sum-of-sum-of-divisors.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-439-sum-of-sum-of-divisors.chinese.md
new file mode 100644
index 0000000000..c3709c4064
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-439-sum-of-sum-of-divisors.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5231000cf542c510035
+challengeType: 5
+title: 'Problem 439: Sum of sum of divisors'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler439(), 968697378, "<code>euler439()</code> should return 968697378.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler439() {
+  // Good luck!
+  return true;
+}
+
+euler439();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-44-pentagon-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-44-pentagon-numbers.chinese.md
new file mode 100644
index 0000000000..e25892a2a9
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-44-pentagon-numbers.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3981000cf542c50feab
+challengeType: 5
+title: 'Problem 44: Pentagon numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(pentagonNumbers(), 5482660, "<code>pentagonNumbers()</code> should return 5482660.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pentagonNumbers() {
+  // Good luck!
+  return true;
+}
+
+pentagonNumbers();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-440-gcd-and-tiling.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-440-gcd-and-tiling.chinese.md
new file mode 100644
index 0000000000..0dda491837
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-440-gcd-and-tiling.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5241000cf542c510037
+challengeType: 5
+title: 'Problem 440: GCD and Tiling'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler440(), 970746056, "<code>euler440()</code> should return 970746056.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler440() {
+  // Good luck!
+  return true;
+}
+
+euler440();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-441-the-inverse-summation-of-coprime-couples.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-441-the-inverse-summation-of-coprime-couples.chinese.md
new file mode 100644
index 0000000000..fa2cc5226c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-441-the-inverse-summation-of-coprime-couples.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5261000cf542c510038
+challengeType: 5
+title: 'Problem 441: The inverse summation of coprime couples'
+videoUrl: ''
+localeTitle: 问题441：互质夫妇的反向总和
+---
+
+## Description
+<section id="description">对于整数M，我们将R（M）定义为满足所有这些条件的所有整数对p和q的1 /（p·q）之和： <p> 1≤p&lt;q≤Mp +q≥Mp和q是互质的。 </p><p>我们还将S（N）定义为R（i）的总和为2≤i≤N。我们可以验证S（2）= R（2）= 1/2，S（10）≈6.9147和S（100） ）≈58.2962。 </p><p>找到S（107）。将您的答案四舍五入到小数点后四位。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler441()</code>应返回5000088.8395。
+    testString: 'assert.strictEqual(euler441(), 5000088.8395, "<code>euler441()</code> should return 5000088.8395.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler441() {
+  // Good luck!
+  return true;
+}
+
+euler441();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-442-eleven-free-integers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-442-eleven-free-integers.chinese.md
new file mode 100644
index 0000000000..f92f634946
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-442-eleven-free-integers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5271000cf542c510039
+challengeType: 5
+title: 'Problem 442: Eleven-free integers'
+videoUrl: ''
+localeTitle: 问题442：十一个整数
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler442(), 1295552661530920200, "<code>euler442()</code> should return 1295552661530920200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler442() {
+  // Good luck!
+  return true;
+}
+
+euler442();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-443-gcd-sequence.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-443-gcd-sequence.chinese.md
new file mode 100644
index 0000000000..1743078dce
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-443-gcd-sequence.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5271000cf542c51003a
+challengeType: 5
+title: 'Problem 443: GCD sequence'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description">设g（n）为如下定义的序列：g（4）= 13，g（n）= g（n-1）+ gcd（n，g（n-1）），n&gt; 4。 <p>前几个值是： </p><pre> <code>n4567891011121314151617181920... g(n)1314161718272829303132333451545560...</code> </pre><p>给出g（1 000）= 2524和g（1 000 000）= 2624152。 </p><p>找到g（1015）。 </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler443(), 2744233049300770, "<code>euler443()</code> should return 2744233049300770.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler443() {
+  // Good luck!
+  return true;
+}
+
+euler443();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-444-the-roundtable-lottery.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-444-the-roundtable-lottery.chinese.md
new file mode 100644
index 0000000000..5c338c8623
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-444-the-roundtable-lottery.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f52a1000cf542c51003b
+challengeType: 5
+title: 'Problem 444: The Roundtable Lottery'
+videoUrl: ''
+localeTitle: 问题444：圆桌会议彩票
+---
+
+## Description
+<section id="description">一群人决定坐在圆桌旁玩彩票交易游戏。每个人都是从随机分配的未经批准的彩票开始的。每张票都被划伤，显示全票奖金从1英镑到1英镑不等，没有两张票。游戏的目标是让每个人在离开游戏时最大化他的奖金。 <p>选择任意人作为第一个玩家。围绕桌子，每个玩家只有两个选项之一： </p><ol><li>玩家可以抓住他的票，并向桌上的每个人透露其价值。 </li><li>玩家可以将他未击中的门票换成先前玩家划伤的门票，然后将该门票留给游戏。之前的玩家随后抓住了他新买的机票，并向桌上的每个人展示了它的价值。 </li></ol><p>所有门票都被划伤后游戏结束。仍然留在桌上的所有玩家必须带着他们当前持有的门票。 </p><p>假设每个玩家使用最优策略来最大化他的票奖金的期望值。 </p><p>设E（p）表示当游戏在由p个玩家组成的游戏中结束时留在桌旁的玩家的预期数量（例如当舍入到5个有效数字时E（111）= 5.2912）。 </p><p>设S1（N）= E（p）令Sk（N）= Sk-1（p），其中k&gt; 1 </p><p>找到S20（1014）并用科学记数法将答案写成10位有效数字。使用小写e来分隔尾数和指数（例如S3（100）= 5.983679014e5）。 </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler444(), 1.200856722e+263, "<code>euler444()</code> should return 1.200856722e+263.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler444() {
+  // Good luck!
+  return true;
+}
+
+euler444();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-445-retractions-a.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-445-retractions-a.chinese.md
new file mode 100644
index 0000000000..552114e8a4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-445-retractions-a.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f52a1000cf542c51003c
+challengeType: 5
+title: 'Problem 445: Retractions A'
+videoUrl: ''
+localeTitle: 问题445：撤回A.
+---
+
+## Description
+<section id="description">对于每个整数n&gt; 1，函数族fn，a，b由fn，a，b（x）≡ax+ b mod n定义为a，b，x整数和0 <p>对于c = C（100 000，k），1≤k≤99999≡628701600（mod 1 000 000 007），给出ΣR（c）。 （C（n，k）是二项式系数）。 </p><p>找到ΣR（c）得c = C（10 000 000，k），1≤k≤9999 999.给出你的答案模1 000 000 007。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler445()</code>应该返回659104042。
+    testString: 'assert.strictEqual(euler445(), 659104042, "<code>euler445()</code> should return 659104042.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler445() {
+  // Good luck!
+  return true;
+}
+
+euler445();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-446-retractions-b.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-446-retractions-b.chinese.md
new file mode 100644
index 0000000000..8f9398a822
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-446-retractions-b.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f52c1000cf542c51003d
+challengeType: 5
+title: 'Problem 446: Retractions B'
+videoUrl: ''
+localeTitle: 问题446：撤回B.
+---
+
+## Description
+<section id="description">对于每个整数n&gt; 1，函数族fn，a，b由fn，a，b（x）≡ax+ b mod n定义为a，b，x整数和0 <p>对于1≤n≤N，F（N）=ΣR（n4 + 4）。 F（1024）= 77532377300600。 </p><p>求F（107）（mod 1 000 000 007） </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler446(), 907803852, "<code>euler446()</code> should return 907803852.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler446() {
+  // Good luck!
+  return true;
+}
+
+euler446();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-447-retractions-c.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-447-retractions-c.chinese.md
new file mode 100644
index 0000000000..7768405bdc
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-447-retractions-c.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f52c1000cf542c51003e
+challengeType: 5
+title: 'Problem 447: Retractions C'
+videoUrl: ''
+localeTitle: 问题447：撤回C.
+---
+
+## Description
+<section id="description">对于每个整数n&gt; 1，函数族fn，a，b由fn，a，b（x）≡ax+ b mod n定义为a，b，x整数和0 <p>对于2≤n≤N，F（N）=ΣR（n）。 F（107）≡638042271（mod 1 000 000 007）。 </p><p>求F（1014）（mod 1 000 000 007）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler447()</code>应返回530553372。
+    testString: 'assert.strictEqual(euler447(), 530553372, "<code>euler447()</code> should return 530553372.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler447() {
+  // Good luck!
+  return true;
+}
+
+euler447();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-448-average-least-common-multiple.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-448-average-least-common-multiple.chinese.md
new file mode 100644
index 0000000000..51ed718fab
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-448-average-least-common-multiple.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f52c1000cf542c51003f
+challengeType: 5
+title: 'Problem 448: Average least common multiple'
+videoUrl: ''
+localeTitle: 问题448：平均最小公倍数
+---
+
+## Description
+<section id="description">函数lcm（a，b）表示a和b的最小公倍数。设A（n）为1≤i≤n的lcm（n，i）的平均值。例如：A（2）=（2 + 2）/ 2 = 2且A（10）=（10 + 10 + 30 + 20 + 10 + 30 + 70 + 40 + 90 + 10）/ 10 = 32。 <p>令S（n）=ΣA（k）为1≤k≤n。 S（100）= 122726。 </p><p>找到S（99999999019）mod 999999017。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler448()</code>应该返回106467648。
+    testString: 'assert.strictEqual(euler448(), 106467648, "<code>euler448()</code> should return 106467648.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler448() {
+  // Good luck!
+  return true;
+}
+
+euler448();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-449-chocolate-covered-candy.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-449-chocolate-covered-candy.chinese.md
new file mode 100644
index 0000000000..d56f9f8eca
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-449-chocolate-covered-candy.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f52d1000cf542c510040
+challengeType: 5
+title: 'Problem 449: Chocolate covered candy'
+videoUrl: ''
+localeTitle: 问题449：巧克力糖果
+---
+
+## Description
+<section id="description">菲尔糖果制造商正在制作一批新的巧克力糖果。每个糖果中心的形状类似于由以下等式定义的旋转椭圆体：b2x2 + b2y2 + a2z2 = a2b2。 <p>菲尔想知道需要多少巧克力来覆盖一个糖果中心，用一层厚厚的巧克力涂层。如果a = 1 mm且b = 1 mm，则所需的巧克力量为</p><pre> <code>283 π mm3</code> </pre><p>如果a = 2 mm且b = 1 mm，则所需的巧克力量约为60.35475635 mm3。 </p><p>如果a = 3 mm且b = 1 mm，则找出所需的mm3巧克力量。将数字舍入到小数点后面的小数点后8位。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler449()</code>应返回103.37870096。
+    testString: 'assert.strictEqual(euler449(), 103.37870096, "<code>euler449()</code> should return 103.37870096.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler449() {
+  // Good luck!
+  return true;
+}
+
+euler449();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-45-triangular-pentagonal-and-hexagonal.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-45-triangular-pentagonal-and-hexagonal.chinese.md
new file mode 100644
index 0000000000..7336e84e0a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-45-triangular-pentagonal-and-hexagonal.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3991000cf542c50feac
+challengeType: 5
+title: 'Problem 45: Triangular, pentagonal, and hexagonal'
+videoUrl: ''
+localeTitle: 问题45：三角形，五边形和六边形
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>triPentaHexa(40756)</code>应该返回1533776805。
+    testString: 'assert.strictEqual(triPentaHexa(40756), 1533776805, "<code>triPentaHexa(40756)</code> should return 1533776805.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function triPentaHexa(n) {
+  // Good luck!
+  return true;
+}
+
+triPentaHexa(40756);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-450-hypocycloid-and-lattice-points.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-450-hypocycloid-and-lattice-points.chinese.md
new file mode 100644
index 0000000000..2d01743b42
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-450-hypocycloid-and-lattice-points.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f52e1000cf542c510041
+challengeType: 5
+title: 'Problem 450: Hypocycloid and Lattice points'
+videoUrl: ''
+localeTitle: 问题450：Hypocycloid和Lattice点
+---
+
+## Description
+<section id="description">内摆线是由在较大圆内滚动的小圆上的点绘制的曲线。以原点为中心，从最右边开始的内摆线的参数方程由下式给出：$ x（t）=（R  -  r）\ cos（t）+ r \ cos（\ frac {R  -  r} rt）$ $ y（t）=（R  -  r）\ sin（t） -  r \ sin（\ frac {R  -  r} rt）$其中R是大圆的半径，r是小圆的半径圈。 <p>设$ C（R，r）$是具有半径为R和r的内摆线上的整数坐标的不同点的集合，并且对应的值为t，使得$ \ sin（t）$和$ \ cos（ t）$是有理数。 </p><p>设$ S（R，r）= \ sum _ {（x，y）\ in C（R，r）} | x | + | y | $是$ C（R，r）$中点的x和y坐标的绝对值之和。 </p><p>设$ T（N）= \ sum <em>{R = 3} ^ N \ sum</em> {r = 1} ^ {\ lfloor \ frac {R  -  1} 2 \ rfloor} S（R，r）$是$的总和S（R，r）$表示R和r正整数，$ R \ leq N $和$ 2r &lt;R $。 </p><p>给出：C（3,1）= {（3,0），（-1,2），（ -  1,0），（ -  1，-2）} C（2500,1000）= {（2500 ，0），（772,2376），（772，-2376），（516,1792），（516，-1792），（500,0），（68,504），（68，-504），（ -1356,1088），（ -  1356，-1088），（ -  1500,1000），（ -  1500，-1000）} </p><p>注意：（ -  625,0）不是C（2500,1000）的元素，因为$ \ sin（t）$不是t的相应值的有理数。 </p><p> S（3,1）=（| 3 | + | 0 |）+（| -1 | + | 2 |）+（| -1 | + | 0 |）+（| -1 | + | -2 |） = 10 </p><p> T（3）= 10; T（10）= 524; T（100）= 580442; T（103）= 583108600。 </p><p>求T（106）。 </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler450()</code>应该返回583333163984220900。
+    testString: 'assert.strictEqual(euler450(), 583333163984220900, "<code>euler450()</code> should return 583333163984220900.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler450() {
+  // Good luck!
+  return true;
+}
+
+euler450();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-451-modular-inverses.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-451-modular-inverses.chinese.md
new file mode 100644
index 0000000000..02d4f8d95d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-451-modular-inverses.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5311000cf542c510042
+challengeType: 5
+title: 'Problem 451: Modular inverses'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description">考虑数字15.有八个正数小于15，它们与15：1,2,4,7,8,11,13,14相互作用。这些数模15的模数逆是：1,8,4 ，13,2,11,7,14因为1 * 1 mod 15 = 1 2 * 8 = 16 mod 15 = 1 4 * 4 = 16 mod 15 = 1 7 * 13 = 91 mod 15 = 1 11 * 11 = 121 mod 15 = 1 14 * 14 = 196 mod 15 = 1 <p>设I（n）是小于n-1的最大正数m，使得m modulo n的模逆与m本身相等。所以我（15）= 11。我（100）= 51和I（7）= 1。 </p><p>求3Σn≤2·107的ΣI（n） </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler451(), 153651073760956, "<code>euler451()</code> should return 153651073760956.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler451() {
+  // Good luck!
+  return true;
+}
+
+euler451();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-452-long-products.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-452-long-products.chinese.md
new file mode 100644
index 0000000000..d20fbe8cf7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-452-long-products.chinese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5311000cf542c510043
+challengeType: 5
+title: 'Problem 452: Long Products'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler452()</code>应该返回345558983。
+    testString: 'assert.strictEqual(euler452(), 345558983, "<code>euler452()</code> should return 345558983.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler452() {
+  // Good luck!
+  return true;
+}
+
+euler452();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-453-lattice-quadrilaterals.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-453-lattice-quadrilaterals.chinese.md
new file mode 100644
index 0000000000..fd18999f13
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-453-lattice-quadrilaterals.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5311000cf542c510044
+challengeType: 5
+title: 'Problem 453: Lattice Quadrilaterals'
+videoUrl: ''
+localeTitle: 问题453：格子四边形
+---
+
+## Description
+<section id="description">简单的四边形是具有四个不同顶点的多边形，没有直角并且不会自相交。 <p>设Q（m，n）为简单四边形的数量，其顶点为格点，坐标（x，y）满足0≤x≤m且0≤y≤n。 </p><p>例如，Q（2,2）= 94，如下所示： </p><p>还可以证实Q（3,7）= 39590，Q（12,3）= 309000和Q（123,45）= 70542215894646。 </p><p>找到Q（12345,6789）mod 135707531。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler453()</code>应该返回104354107。
+    testString: 'assert.strictEqual(euler453(), 104354107, "<code>euler453()</code> should return 104354107.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler453() {
+  // Good luck!
+  return true;
+}
+
+euler453();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-454-diophantine-reciprocals-iii.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-454-diophantine-reciprocals-iii.chinese.md
new file mode 100644
index 0000000000..ab3c11ef16
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-454-diophantine-reciprocals-iii.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5331000cf542c510045
+challengeType: 5
+title: 'Problem 454: Diophantine reciprocals III'
+videoUrl: ''
+localeTitle: 问题454：丢番图倒数III
+---
+
+## Description
+<section id="description">在下面的等式中，x，y和n是正整数。 <p> 1x + 1y = 1n </p><p>对于极限L，我们将F（L）定义为满足x &lt;y≤L的解的数量。 </p><p>我们可以验证F（15）= 4和F（1000）= 1069.找到F（1012）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler454()</code>应该返回5435004633092。
+    testString: 'assert.strictEqual(euler454(), 5435004633092, "<code>euler454()</code> should return 5435004633092.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler454() {
+  // Good luck!
+  return true;
+}
+
+euler454();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-455-powers-with-trailing-digits.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-455-powers-with-trailing-digits.chinese.md
new file mode 100644
index 0000000000..912a6d37c8
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-455-powers-with-trailing-digits.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5331000cf542c510046
+challengeType: 5
+title: 'Problem 455: Powers With Trailing Digits'
+videoUrl: ''
+localeTitle: 问题455：使用尾随数字的权力
+---
+
+## Description
+<section id="description">设f（n）是小于109的最大正整数x，使得nx的最后9位数字形成数字x（包括前导零），或者如果不存在这样的整数则为零。 <p>例如： </p><p> f（4）= 411728896（4411728896 = ... 490411728896）f（10）= 0 f（157）= 743757（157743757 = ... 567000743757）Σf（n），2≤n≤103= 442530011399查找Σf（n ），2≤n≤106。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler455()</code>应该返回450186511399999。
+    testString: 'assert.strictEqual(euler455(), 450186511399999, "<code>euler455()</code> should return 450186511399999.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler455() {
+  // Good luck!
+  return true;
+}
+
+euler455();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-456-triangles-containing-the-origin-ii.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-456-triangles-containing-the-origin-ii.chinese.md
new file mode 100644
index 0000000000..4794379eb2
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-456-triangles-containing-the-origin-ii.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5351000cf542c510047
+challengeType: 5
+title: 'Problem 456: Triangles containing the origin II'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description">定义：xn =（1248n mod 32323） -  16161yn =（8421n mod 30103） -  15051 Pn = {（x1，y1），（x2，y2），...，（xn，yn）} <p>例如，P8 = {（ -  14913，-6630），（ -  10161,5625），（5226,11889），（8340，-10778），（15852，-5203），（ -  15165,11295），（ - 1427，-14495），（12407,1060）}。 </p><p>设C（n）是顶点在Pn中的三角形的数量，其中包含内部的原点。 </p><p>示例：C（8）= 20 C（600）= 8950634 C（40 000）= 2666610948988 </p><p>找到C（2 000 000）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler456()</code>应返回333333208685971500。
+    testString: 'assert.strictEqual(euler456(), 333333208685971500, "<code>euler456()</code> should return 333333208685971500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler456() {
+  // Good luck!
+  return true;
+}
+
+euler456();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-457-a-polynomial-modulo-the-square-of-a-prime.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-457-a-polynomial-modulo-the-square-of-a-prime.chinese.md
new file mode 100644
index 0000000000..8c8686ef6c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-457-a-polynomial-modulo-the-square-of-a-prime.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5361000cf542c510048
+challengeType: 5
+title: 'Problem 457: A polynomial modulo the square of a prime'
+videoUrl: ''
+localeTitle: 问题457：多项式以素数的平方为模
+---
+
+## Description
+<section id="description">设f（n）= n2  -  3n  -  1.设p为素数。令R（p）是最小的正整数n，使得如果存在这样的整数n则f（n）mod p2 = 0，否则R（p）= 0。 <p>对于不超过L的所有素数，令SR（L）为ΣR（p）。 </p><p>找到SR（107）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler457()</code>应该返回2647787126797397000。
+    testString: 'assert.strictEqual(euler457(), 2647787126797397000, "<code>euler457()</code> should return 2647787126797397000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler457() {
+  // Good luck!
+  return true;
+}
+
+euler457();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-458-permutations-of-project.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-458-permutations-of-project.chinese.md
new file mode 100644
index 0000000000..7f1fad46e8
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-458-permutations-of-project.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5361000cf542c510049
+challengeType: 5
+title: 'Problem 458: Permutations of Project'
+videoUrl: ''
+localeTitle: 问题458：项目的排列
+---
+
+## Description
+<section id="description">考虑由“项目”一词的字母组成的字母A：A = {c，e，j，o，p，r，t}。令T（n）为长度为n的字符串数，该字符串由来自A的字母组成，其中没有子字符串，该子字符串是“项目”的5040个排列之一。 <p> T（7）= 77-7！= 818503。 </p><p>找到T（1012）。给出答案的最后9位数字。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler458()</code>应该返回423341841。
+    testString: 'assert.strictEqual(euler458(), 423341841, "<code>euler458()</code> should return 423341841.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler458() {
+  // Good luck!
+  return true;
+}
+
+euler458();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-459-flipping-game.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-459-flipping-game.chinese.md
new file mode 100644
index 0000000000..581d1ea500
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-459-flipping-game.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5371000cf542c51004a
+challengeType: 5
+title: 'Problem 459: Flipping game'
+videoUrl: ''
+localeTitle: 问题459：翻转游戏
+---
+
+## Description
+<section id="description">翻转游戏是在N×N方板上玩的双人游戏。每个方块包含一面白色和一面黑色的圆盘。游戏开始时所有磁盘都显示白色。 <p>转弯包括翻转具有以下属性的矩形中的所有磁盘：矩形的右上角包含一个白色圆盘，矩形宽度是一个完美的正方形（1,4,9,16，...），矩形高度为三角形数字（1,3,6,10 ......） </p><p>球员轮流转换。玩家通过将网格全黑变为胜利。 </p><p>假设完美游戏，让W（N）为N×N板上第一个玩家的获胜动作数，所有盘都是白色的。 W（1）= 1，W（2）= 0，W（5）= 8，W（102）= 31395。 </p><p>对于N = 5，第一个玩家的八个获胜第一步是： </p><p>找到W（106）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler459()</code>应该返回3996390106631。
+    testString: 'assert.strictEqual(euler459(), 3996390106631, "<code>euler459()</code> should return 3996390106631.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler459() {
+  // Good luck!
+  return true;
+}
+
+euler459();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-46-goldbachs-other-conjecture.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-46-goldbachs-other-conjecture.chinese.md
new file mode 100644
index 0000000000..2e2c2e02aa
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-46-goldbachs-other-conjecture.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f39a1000cf542c50fead
+challengeType: 5
+title: 'Problem 46: Goldbach"s other conjecture'
+videoUrl: ''
+localeTitle: 问题46：哥德巴赫的另一个猜想
+---
+
+## Description
+<section id="description">由Christian Goldbach提出，每个奇数的复合数可以写成素数和两个平方的总和。 9 = 7 + 2×1 <sup>2</sup> 15 = 7 + 2×2 <sup>2</sup> 21 = 3 + 2×3 <sup>2</sup> 25 = 7 + 2×3 <sup>2</sup> 27 = 19 + 2×2 <sup>2</sup> 33 = 31 + 2×1 <sup>2</sup>转这个猜想是假的。什么是最小的奇数复合，不能写为素数和两倍平方的总和？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>goldbachsOtherConjecture()</code>应返回5777。
+    testString: 'assert.strictEqual(goldbachsOtherConjecture(), 5777, "<code>goldbachsOtherConjecture()</code> should return 5777.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function goldbachsOtherConjecture() {
+  // Good luck!
+  return true;
+}
+
+goldbachsOtherConjecture();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-460-an-ant-on-the-move.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-460-an-ant-on-the-move.chinese.md
new file mode 100644
index 0000000000..113ffe7bb8
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-460-an-ant-on-the-move.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5381000cf542c51004b
+challengeType: 5
+title: 'Problem 460: An ant on the move'
+videoUrl: ''
+localeTitle: 问题460：移动中的蚂蚁
+---
+
+## Description
+<section id="description">在欧几里得平面上，蚂蚁从点A（0,1）行进到点B（d，1）得到整数d。 <p>在每个步骤中，点（x0，y0）处的蚂蚁选择满足x1≥0且y1≥1的格点（x1，y1）之一，并以恒定速度v直接到（x1，y1）。 v取决于y0和y1如下：如果y0 = y1，则v的值等于y0。如果y0≠y1，则v的值等于（y1-y0）/（ln（y1）-ln（y0））。 </p><p>左图是d = 4的可能路径之一。首先，蚂蚁以速度（3  -  1）/（ln（3） -  ln（1）从A（0,1）到达P1（1,3） ）≈1.8205。然后所需的时间是sqrt（5）/1.8205≈1.2283。从P1（1,3）到P2（3,3），蚂蚁以速度3行进，因此所需时间为2 /3≈0.6667。从P2（3,3）到B（4,1），蚂蚁以速度（1  -  3）/（ln（1） -  ln（3））≈1.8205，所以需要的时间是sqrt（5）/ 1.8205 ...“抓鸟”英语词典1.2283。因此总的所需时间是1.2283 + 0.6667 + 1.2283 = 3.1233。 </p><p>正确的形象是另一条道路。总的所需时间计算为0.98026 + 1 + 0.98026 = 2.96052。可以证明这是d = 4的最快路径。 </p><p>如果蚂蚁选择最快的路径，则让F（d）成为所需的总时间。例如，F（4）≈2.960516287。我们可以验证F（10）≈4.6668787834和F（100）≈9.217221972。 </p><p>找到F（10000）。将您的答案四舍五入到小数点后九位。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler460()</code>应该返回18.420738199。
+    testString: 'assert.strictEqual(euler460(), 18.420738199, "<code>euler460()</code> should return 18.420738199.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler460() {
+  // Good luck!
+  return true;
+}
+
+euler460();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-461-almost-pi.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-461-almost-pi.chinese.md
new file mode 100644
index 0000000000..fbf8bdf5b8
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-461-almost-pi.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f53a1000cf542c51004c
+challengeType: 5
+title: 'Problem 461: Almost Pi'
+videoUrl: ''
+localeTitle: 问题461：几乎是Pi
+---
+
+## Description
+<section id="description">对于所有非负整数k，设fn（k）= ek / n-1。值得注意的是，f200（6）+ f200（75）+ f200（89）+ f200（226）= 3.141592644529 ...≈π。事实上，对于n = 200，它是fn（a）+ fn（b）+ fn（c）+ fn（d）形式的π的最佳近似值。设g（n）= a2 + b2 + c2 + d 2为a，b，c，d最小化错误：| fn（a）+ fn（b）+ fn（c）+ fn（d） - π| （其中| x |表示x的绝对值）。给出g（200）= 62 + 752 + 892 + 2262 = 64658.求g（10000）。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler461()</code>应该返回159820276。
+    testString: 'assert.strictEqual(euler461(), 159820276, "<code>euler461()</code> should return 159820276.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler461() {
+  // Good luck!
+  return true;
+}
+
+euler461();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-462-permutation-of-3-smooth-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-462-permutation-of-3-smooth-numbers.chinese.md
new file mode 100644
index 0000000000..cf3ac36870
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-462-permutation-of-3-smooth-numbers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f53b1000cf542c51004d
+challengeType: 5
+title: 'Problem 462: Permutation of 3-smooth numbers'
+videoUrl: ''
+localeTitle: 问题462：3个平滑数的排列
+---
+
+## Description
+<section id="description"> 3平滑数是没有素数因子大于3的整数。对于整数N，我们将S（N）定义为小于或等于N的3平滑数的集合。例如，S（20）= {1,2,3,4,6,8,9,12,16,18}。 <p>我们将F（N）定义为S（N）的排列数，其中每个元素都在其所有适当的除数之后。 </p><p>这是N = 20的可能排列之一。 </p><ul><li> 1,2,4,3,9,8,16,6,18,12。这不是有效的排列，因为12在它的除数6之前出现。 </li><li> 1,2,4,3,9,8,12,16,6,18。 </li></ul><p>我们可以验证F（6）= 5，F（8）= 9，F（20）= 450和F（1000）≈8.8521816557e21。找到F（1018）。给出你的答案，它的科学记数在小数点后四舍五入到十位数。在给出答案时，使用小写e来分隔尾数和指数。例如，如果答案是112,233,445,566,778,899，则答案格式为1.1223344557e17。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler462()</code>应返回Infinity。
+    testString: 'assert.strictEqual(euler462(), Infinity, "<code>euler462()</code> should return Infinity.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler462() {
+  // Good luck!
+  return true;
+}
+
+euler462();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-463-a-weird-recurrence-relation.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-463-a-weird-recurrence-relation.chinese.md
new file mode 100644
index 0000000000..de891dc026
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-463-a-weird-recurrence-relation.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f53c1000cf542c51004e
+challengeType: 5
+title: 'Problem 463: A weird recurrence relation'
+videoUrl: ''
+localeTitle: 问题463：一种奇怪的复发关系
+---
+
+## Description
+<section id="description">函数$ f $定义为所有正整数，如下所示：$ f（1）= 1 $ $ f（3）= 3 $ $ f（2n）= f（n）$ $ f（4n + 1）= 2f （2n + 1） -  f（n）$ $ f（4n + 3）= 3f（2n + 1） -  2f（n）$ <p>函数$ S（n）$定义为$ \ sum_ {i = 1} ^ {n} f（i）$。 $ S（8）= 22 $和$ S（100）= 3604 $。找到$ S（3 ^ {37}）$。给出答案的最后9位数字。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler463()</code>应该返回808981553。
+    testString: 'assert.strictEqual(euler463(), 808981553, "<code>euler463()</code> should return 808981553.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler463() {
+  // Good luck!
+  return true;
+}
+
+euler463();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-464-mbius-function-and-intervals.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-464-mbius-function-and-intervals.chinese.md
new file mode 100644
index 0000000000..0e530eadcc
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-464-mbius-function-and-intervals.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f53d1000cf542c51004f
+challengeType: 5
+title: 'Problem 464: Möbius function and intervals'
+videoUrl: ''
+localeTitle: 问题464：莫比乌斯函数和区间
+---
+
+## Description
+<section id="description"> Möbius函数，表示为μ（n），定义为：μ（n）=（ -  1）ω（n），如果n是无平方（其中ω（n）是n的不同素因子的数量）μ（n） ）如果n不是无平方，则= 0。 <p>令P（a，b）为区间[a，b]中的整数n，使得μ（n）= 1.设N（a，b）为区间[a，b]中的整数n这样μ（n）= -1。例如，P（2,10）= 2且N（2,10）= 4。 </p><p>令C（n）为整数对（a，b）的数目，使得：1≤a≤b≤n，99·N（a，b）≤100·P（a，b），和99·P（ a，b）≤100·N（a，b）。 </p><p>例如，C（10）= 13，C（500）= 16676和C（10000）= 20155319。 </p><p>找C（2 000 000）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler464()</code>应返回198775297232878。
+    testString: 'assert.strictEqual(euler464(), 198775297232878, "<code>euler464()</code> should return 198775297232878.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler464() {
+  // Good luck!
+  return true;
+}
+
+euler464();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-465-polar-polygons.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-465-polar-polygons.chinese.md
new file mode 100644
index 0000000000..12fe377bb3
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-465-polar-polygons.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f53d1000cf542c510050
+challengeType: 5
+title: 'Problem 465: Polar polygons'
+videoUrl: ''
+localeTitle: 问题465：极地多边形
+---
+
+## Description
+<section id="description">多边形的内核由一组点定义，整个多边形的边界是可见的。我们将极坐标多边形定义为多边形，其原点严格包含在其内核中。 <p>对于此问题，多边形可以具有共线的连续顶点。但是，多边形仍然不能具有自相交，并且不能具有零面积。 </p><p>例如，只有下面的第一个是极多边形（第二个，第三个和第四个的内核不严格包含原点，第五个根本没有内核）： </p><p>请注意，第一个多边形有三个连续的共线顶点。 </p><p>令P（n）为极坐标多边形的数量，使得顶点（x，y）具有绝对值不大于n的整数坐标。 </p><p>请注意，如果多边形具有不同的边集，即使它们包含相同的区域，也应该计为不同的多边形。例如，具有顶点[（0,0），（0,3），（1,1），（3,0）]的多边形与具有顶点[（0,0），（0,3）的多边形不同），（1,1），（3,0），（1,0）]。 </p><p>例如，P（1）= 131，P（2）= 1648531，P（3）= 1099461296175，P（343）mod 1 000 000 007 = 937293740。 </p><p>求P（713）mod 1 000 000 007。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler465()</code>应该返回585965659。
+    testString: 'assert.strictEqual(euler465(), 585965659, "<code>euler465()</code> should return 585965659.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler465() {
+  // Good luck!
+  return true;
+}
+
+euler465();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-466-distinct-terms-in-a-multiplication-table.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-466-distinct-terms-in-a-multiplication-table.chinese.md
new file mode 100644
index 0000000000..0d213cc48e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-466-distinct-terms-in-a-multiplication-table.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f53e1000cf542c510051
+challengeType: 5
+title: 'Problem 466: Distinct terms in a multiplication table'
+videoUrl: ''
+localeTitle: 问题466：乘法表中的不同术语
+---
+
+## Description
+<section id="description">令P（m，n）为m×n乘法表中的不同项的数量。 <p>例如，3×4乘法表如下所示： </p><p> ×12341 12342 24683 36912 </p><p>有8个不同的术语{1,2,3,4,6,8,9,12}，因此P（3,4）= 8。 </p><p>给出：P（64,64）= 1263，P（12,345）= 1998，P（32,1015）= 13826382602124302。 </p><p>求P（64,1016）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler466()</code>应该返回258381958195474750。
+    testString: 'assert.strictEqual(euler466(), 258381958195474750, "<code>euler466()</code> should return 258381958195474750.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler466() {
+  // Good luck!
+  return true;
+}
+
+euler466();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-467-superinteger.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-467-superinteger.chinese.md
new file mode 100644
index 0000000000..a1cb1181ce
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-467-superinteger.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5411000cf542c510052
+challengeType: 5
+title: 'Problem 467: Superinteger'
+videoUrl: ''
+localeTitle: 问题467：超级整数
+---
+
+## Description
+<section id="description">如果n的数字形成s的数字的子序列，则整数s被称为另一整数n的超级整数。例如，2718281828是18828的超级整数，而314159不是151的超级整数。 <p>令p（n）为第n个素数，并且令c（n）为第n个复合数。例如，p（1）= 2，p（10）= 29，c（1）= 4且c（10）= 18. {p（i）：i≥1} = {2,3,5,7 ，11,13,17,19,23,29，...} {c（i）：i≥1} = {4,6,8,9,10,12,14,15,16,18，.... ..} </p><p>设PD为{p（i）}的数字根的序列（CD对{c（i）}的定义类似）：PD = {2,3,5,7,2,4,8,1,5， 2，...} CD = {4,6,8,9,1,3,5,6,7,9 ......} </p><p>令Pn为通过连接PD的前n个元素形成的整数（Cn类似地定义为CD）。 P10 = 2357248152 C10 = 4689135679 </p><p>设f（n）是最小的正整数，它是Pn和Cn的共同超整数。例如，f（10）= 2357246891352679，并且f（100）mod 1 000 000 007 = 771661825。 </p><p>求f（10 000）mod 1 000 000 007。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler467()</code>应该返回775181359。
+    testString: 'assert.strictEqual(euler467(), 775181359, "<code>euler467()</code> should return 775181359.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler467() {
+  // Good luck!
+  return true;
+}
+
+euler467();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-468-smooth-divisors-of-binomial-coefficients.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-468-smooth-divisors-of-binomial-coefficients.chinese.md
new file mode 100644
index 0000000000..2dfd9d3472
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-468-smooth-divisors-of-binomial-coefficients.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5411000cf542c510054
+challengeType: 5
+title: 'Problem 468: Smooth divisors of binomial coefficients'
+videoUrl: ''
+localeTitle: 问题468：二项式系数的平滑除数
+---
+
+## Description
+<section id="description">如果没有一个整数因子大于B，则整数称为B-smooth。 <p>设SB（n）是n的最大B-平滑除数。示例：S1（10）= 1 S4（2100）= 12 S17（2496144）= 5712 </p><p>定义F（n）=Σ1≤B≤nΣ0≤r≤nSB（C（n，r））。这里，C（n，r）表示二项式系数。示例：F（11）= 3132 F（1 111）mod 1 000 000 993 = 706036312 F（111 111）mod 1 000 000 993 = 22156169 </p><p>求F（11 111 111）mod 1 000 000 993。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler468()</code>应该返回852950321。
+    testString: 'assert.strictEqual(euler468(), 852950321, "<code>euler468()</code> should return 852950321.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler468() {
+  // Good luck!
+  return true;
+}
+
+euler468();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-469-empty-chairs.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-469-empty-chairs.chinese.md
new file mode 100644
index 0000000000..ba289da83e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-469-empty-chairs.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5411000cf542c510053
+challengeType: 5
+title: 'Problem 469: Empty chairs'
+videoUrl: ''
+localeTitle: 问题469：空椅子
+---
+
+## Description
+<section id="description">在一个房间里，N个椅子摆放在圆桌旁。骑士一个接一个地进入房间，随意选择一把可用的空椅子。为了拥有足够的肘部空间，骑士总是在彼此之间留下至少一把空座椅。 <p>当没有任何合适的椅子时，确定空椅子的分数C.我们还将E（N）定义为C的期望值。我们可以验证E（4）= 1/2和E（6）= 5/9。 </p><p>找到E（1018）。将答案四舍五入到小数点后十四位，形式为0.abcdefghijklmn。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler469()</code>应该返回0.56766764161831。
+    testString: 'assert.strictEqual(euler469(), 0.56766764161831, "<code>euler469()</code> should return 0.56766764161831.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler469() {
+  // Good luck!
+  return true;
+}
+
+euler469();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-47-distinct-primes-factors.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-47-distinct-primes-factors.chinese.md
new file mode 100644
index 0000000000..b6b15656b0
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-47-distinct-primes-factors.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 5900f39c1000cf542c50feae
+challengeType: 5
+title: 'Problem 47: Distinct primes factors'
+videoUrl: ''
+localeTitle: 问题47：不同的素数因素
+---
+
+## Description
+<section id="description">前两个连续数字有两个不同的素数因子是： <div style="padding-left: 4em;"> 14 = 2×7 </div><div style="padding-left: 4em;"> 15 = 3×5 </div>前三个连续数字有三个不同的素因子： <div style="padding-left: 4em;"> 644 =2²×7×23 </div><div style="padding-left: 4em;"> 645 = 3×5×43 </div><div style="padding-left: 4em;"> 646 = 2×17×19 </div>找到前四个连续的整数，每个整数有四个不同的素数因子。这些数字中的第一个是什么？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>distinctPrimeFactors(2, 2)</code>应该返回14。'
+    testString: 'assert.strictEqual(distinctPrimeFactors(2, 2), 14, "<code>distinctPrimeFactors(2, 2)</code> should return 14.");'
+  - text: '<code>distinctPrimeFactors(3, 3)</code>应该返回644。'
+    testString: 'assert.strictEqual(distinctPrimeFactors(3, 3), 644, "<code>distinctPrimeFactors(3, 3)</code> should return 644.");'
+  - text: '<code>distinctPrimeFactors(4, 4)</code>应该返回134043。'
+    testString: 'assert.strictEqual(distinctPrimeFactors(4, 4), 134043, "<code>distinctPrimeFactors(4, 4)</code> should return 134043.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function distinctPrimeFactors(targetNumPrimes, targetConsecutive) {
+  // Good luck!
+  return true;
+}
+
+distinctPrimeFactors(4, 4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-470-super-ramvok.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-470-super-ramvok.chinese.md
new file mode 100644
index 0000000000..97f2a630ae
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-470-super-ramvok.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5431000cf542c510055
+challengeType: 5
+title: 'Problem 470: Super Ramvok'
+videoUrl: ''
+localeTitle: 问题470：超级拉姆沃克
+---
+
+## Description
+<section id="description">考虑一下Ramvok的单一游戏： <p>设t表示游戏持续的最大转弯次数。如果t = 0，则游戏立即结束。否则，在每个回合i，玩家掷骰子。在滚动之后，如果玩家可以停止游戏并获得等于当前滚动值的奖励，或者丢弃滚动并在下一轮再试一次。如果i = t，则不能丢弃卷筒并且必须接受奖品。在比赛开始之前，t由玩家选择，然后玩家必须为某些常数c支付前期成本ct。对于c = 0，可以选择t为无穷大（前期成本为0）。设R（d，c）是玩家从单次最佳玩法Ramvok游戏中获得的预期利润（即净收益），给定公平的d-die模具和成本常数c。例如，R（4,0.2）= 2.65。假设玩家有足够的资金支付任何/所有前期费用。 </p><p>现在考虑一个超级拉姆沃克游戏： </p><p>在超级拉姆沃克，拉姆沃克的比赛是反复播放，但略有修改。每场比赛后，骰子都会被改变。改变过程如下：模具滚动一次，如果得到的面部有可见的点，则该面被改为空白。如果面部已经是空白，则会将其更改回原始值。在进行改变之后，可以开始另一场Ramvok游戏（并且在这样的游戏中，在每个回合中，掷骰子被滚动直到出现具有其值的面部）。玩家知道哪些面是空白的，哪些面不是。一旦模具的所有面都空白，超级拉姆沃克的游戏结束。 </p><p>设S（d，c）是玩家从Super Ramvok最佳玩游戏中获得的预期利润，给出一个公平的d-side模具开始（所有边都可见），并且成本常数c。例如，S（6,1）= 208.3。 </p><p>设F（n）=Σ4≤d≤nΣ0≤c≤nS（d，c）。 </p><p>计算F（20），四舍五入到最接近的整数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler470()</code>应该返回147668794。
+    testString: 'assert.strictEqual(euler470(), 147668794, "<code>euler470()</code> should return 147668794.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler470() {
+  // Good luck!
+  return true;
+}
+
+euler470();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-471-triangle-inscribed-in-ellipse.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-471-triangle-inscribed-in-ellipse.chinese.md
new file mode 100644
index 0000000000..fbf9efaee7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-471-triangle-inscribed-in-ellipse.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5431000cf542c510056
+challengeType: 5
+title: 'Problem 471: Triangle inscribed in ellipse'
+videoUrl: ''
+localeTitle: 问题471：以椭圆形刻的三角形
+---
+
+## Description
+<section id="description">三角形ΔABC刻在椭圆中，方程为$ \ frac {x ^ 2} {a ^ 2} + \ frac {y ^ 2} {b ^ 2} = 1 $，0 &lt;2b &lt;a，a和b整数。设r（a，b）为内圆（2b，0）时A的圆周半径，A有坐标$ \ left（\ frac a 2，\ frac {\ sqrt 3} 2 b \ right） $。例如，r（3,1）= 1/2，r（6,2）= 1，r（12,3）= 2。 <p>设$ G（n）= \ sum <em>{a = 3} ^ n \ sum</em> {b = 1} ^ {\ lfloor \ frac {a  -  1} 2 \ rfloor} r（a，b）$给你G（ 10）= 20.59722222，G（100）= 19223.60980（舍入为10位有效数字）。找到G（1011）。以科学计数法给出答案四舍五入到10位有效数字。使用小写e分隔尾数和指数。对于G（10），答案应该是2.059722222e1。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler471()</code>应返回1.895093981e + 31。
+    testString: 'assert.strictEqual(euler471(), 1.895093981e+31, "<code>euler471()</code> should return 1.895093981e+31.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler471() {
+  // Good luck!
+  return true;
+}
+
+euler471();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-472-comfortable-distance-ii.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-472-comfortable-distance-ii.chinese.md
new file mode 100644
index 0000000000..a450cc8c30
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-472-comfortable-distance-ii.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5451000cf542c510057
+challengeType: 5
+title: 'Problem 472: Comfortable Distance II'
+videoUrl: ''
+localeTitle: 问题472：舒适的距离II
+---
+
+## Description
+<section id="description">连续N个座位。 N人按照以下规则一个接一个地来到座位：没有人坐在另一个人旁边。第一个人选择任何座位。只要不违反规则1，每个后续人员选择离已经就座的人最远的座位。如果满足该条件的选择不止一个，则该人选择最左边的选择。请注意，由于规则1，某些座位肯定会未被占用，并且可以坐着的最大人数小于N（对于N&gt; 1）。 <p>以下是N = 15的可能座位安排： </p><p>我们看到，如果第一个人选择正确，15个座位最多可容纳7人。我们还可以看到第一个人有9个选择来最大化可能坐着的人数。 </p><p>设f（N）是第一个人必须选择的数量，以最大化连续N个座位的占用者数量。因此，f（1）= 1，f（15）= 9，f（20）= 6，并且f（500）= 16。 </p><p>此外，对于1≤N≤20，Σf（N）= 83，对于1≤N≤500，Σf（N）= 13343。 </p><p>找到Σf（N）为1≤N≤1012。给出答案的最后8位数字。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler472()</code>应该返回73811586。
+    testString: 'assert.strictEqual(euler472(), 73811586, "<code>euler472()</code> should return 73811586.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler472() {
+  // Good luck!
+  return true;
+}
+
+euler472();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-473-phigital-number-base.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-473-phigital-number-base.chinese.md
new file mode 100644
index 0000000000..897b51a86d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-473-phigital-number-base.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5461000cf542c510058
+challengeType: 5
+title: 'Problem 473: Phigital number base'
+videoUrl: ''
+localeTitle: 问题473：数字基数
+---
+
+## Description
+<section id="description">让$ \ varphi $成为黄金比例：$ \ varphi = \ frac {1+ \ sqrt {5}} {2}。$值得注意的是，有可能将每个正整数写为$ \ varphi $的幂的总和如果我们要求$ \ varphi $的每个幂在此总和中最多使用一次。即使这样，这种表现也不是唯一的。我们可以通过要求不使用具有连续指数的幂并且表示是有限的来使其独特。例如：$ 2 = \ varphi + \ varphi ^ { -  2} $和$ 3 = \ varphi ^ {2} + \ varphi ^ { -  2} $ <p>为了表示$ \ varphi $的这个幂的总和，我们使用一个0和1的字符串以及一个指示负指数开始位置的点。我们将其称为数字数字库中的表示。所以$ 1 = 1 <em>{\ varphi} $，$ 2 = 10.01</em> {\ varphi} $，$ 3 = 100.01 <em>{\ varphi} $和$ 14 = 100100.001001</em> {\ varphi} $。数字基数中代表1,2和14的字符串是回文，而表示3的字符串则不是。 （数字点不是中间字符）。 </p><p>正数整数不超过1000，其数字表示为回文的总和为4345。 </p><p>找出不超过$ 10 ^ {10} $的正整数之和，其数字表示为回文。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler473()</code>应该返回35856681704365。
+    testString: 'assert.strictEqual(euler473(), 35856681704365, "<code>euler473()</code> should return 35856681704365.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler473() {
+  // Good luck!
+  return true;
+}
+
+euler473();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-474-last-digits-of-divisors.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-474-last-digits-of-divisors.chinese.md
new file mode 100644
index 0000000000..c4dad4a616
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-474-last-digits-of-divisors.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5471000cf542c510059
+challengeType: 5
+title: 'Problem 474: Last digits of divisors'
+videoUrl: ''
+localeTitle: 问题474：除数的最后数字
+---
+
+## Description
+<section id="description">对于正整数n和数字d，我们将F（n，d）定义为n的除数的数，其最后的数字等于d。例如，F（84,4）= 3.在84的除数中（1,2,3,4,6,7,12,14,21,28,42,84），其中三个（4,14） ，84）有最后一位数字4。 <p>我们还可以验证F（12！，12）= 11和F（50！，123）= 17888。 </p><p>找到F（106！，65432）modulo（1016 + 61）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler474()</code>应该返回9690646731515010。
+    testString: 'assert.strictEqual(euler474(), 9690646731515010, "<code>euler474()</code> should return 9690646731515010.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler474() {
+  // Good luck!
+  return true;
+}
+
+euler474();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-475-music-festival.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-475-music-festival.chinese.md
new file mode 100644
index 0000000000..ef9ad18373
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-475-music-festival.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5481000cf542c51005a
+challengeType: 5
+title: 'Problem 475: Music festival'
+videoUrl: ''
+localeTitle: 问题475：音乐节
+---
+
+## Description
+<section id="description"> 12n音乐家参加音乐节。在第一天，他们形成3n四重奏并整日练习。这是一场灾难。在一天结束时，所有音乐家都决定再也不会同意与他们四重奏的任何成员一起玩。在第二天，他们形成4n三人组，每个音乐家都避开他以前的四重奏伙伴。 <p>设f（12n）是在12n音乐家中组织三人组合的方式。给出f（12）= 576和f（24）mod 1 000 000 007 = 509089824。 </p><p>求f（600）mod 1 000 000 007。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler475()</code>应返回75780067。
+    testString: 'assert.strictEqual(euler475(), 75780067, "<code>euler475()</code> should return 75780067.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler475() {
+  // Good luck!
+  return true;
+}
+
+euler475();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-476-circle-packing-ii.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-476-circle-packing-ii.chinese.md
new file mode 100644
index 0000000000..5bfb0911d6
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-476-circle-packing-ii.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5481000cf542c51005b
+challengeType: 5
+title: 'Problem 476: Circle Packing II'
+videoUrl: ''
+localeTitle: 问题476：圆形包装II
+---
+
+## Description
+<section id="description">令R（a，b，c）为具有边长a，b和c的三角形内的三个非重叠圆所覆盖的最大面积。令S（n）为R（a，b，c）在所有整数三元组（a，b，c）上的平均值，使得1≤a≤b≤c&lt;a +b≤n给出S（2） ）= R（1,1,1）≈0.31998，S（5）≈1.25899。查找S（1803）四舍五入到小数点后面的小数点后5位。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler476()</code>应返回110242.87794。
+    testString: 'assert.strictEqual(euler476(), 110242.87794, "<code>euler476()</code> should return 110242.87794.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler476() {
+  // Good luck!
+  return true;
+}
+
+euler476();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-477-number-sequence-game.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-477-number-sequence-game.chinese.md
new file mode 100644
index 0000000000..c43f372d89
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-477-number-sequence-game.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f54a1000cf542c51005c
+challengeType: 5
+title: 'Problem 477: Number Sequence Game'
+videoUrl: ''
+localeTitle: 问题477：数字序列游戏
+---
+
+## Description
+<section id="description">数字序列游戏以写在一行上的N个数字的序列S开始。两名球员交替轮流。在轮到他时，玩家必须选择并删除序列中剩余的第一个或最后一个数字。球员得分是他所取得的所有数字的总和。每个玩家都试图最大化自己的总和。如果N = 4并且S = {1,2,10,3}，则每个玩家最大化他的得分如下：玩家1：移除第一个数字（1）玩家2：从剩余序列移除最后一个数字（3）玩家1：从剩余序列中移除最后一个号码（10）玩家2：移除剩余号码（2）玩家1得分为1 + 10 = 11.如果两个玩家都遵循，则F（N）为玩家1的得分序列的最优策略S = {s1，s2，...，sN}定义为：s1 = 0 si + 1 =（si2 + 45）modulo 1 000 000 007序列以S = {0,45,2070开头，4284945,753524550,478107844,894218625，...}。给出F（2）= 45，F（4）= 4284990，F（100）= 26365463243，F（104）= 2495838522951。求F（108）。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler477()</code>应该返回25044905874565164。
+    testString: 'assert.strictEqual(euler477(), 25044905874565164, "<code>euler477()</code> should return 25044905874565164.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler477() {
+  // Good luck!
+  return true;
+}
+
+euler477();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-478-mixtures.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-478-mixtures.chinese.md
new file mode 100644
index 0000000000..83aeac53a3
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-478-mixtures.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f54c1000cf542c51005e
+challengeType: 5
+title: 'Problem 478: Mixtures'
+videoUrl: ''
+localeTitle: 问题478：混合物
+---
+
+## Description
+<section id="description">让我们考虑三种物质的混合物：A，B和C.混合物可以用其中A，B和C的量的比例来描述，即（a：b：c）。例如，由比例（2：3：5）描述的混合物含有20％A，30％B和50％C。 <p>出于这个问题的目的，我们不能将各个组分与混合物分开。但是，我们可以将不同量的不同混合物组合以形成具有新比例的混合物。 </p><p>例如，假设我们有三种比例（3：0：2），（3：6：11）和（3：3：4）的混合物。通过混合10个单位的第一个，20个单位的第二个和30个单位的第三个，我们得到一个比例（6：5：9）的新混合物，因为：（10·3/5 + 20·3/20 + 30·3/10：10·0/5 + 20·6/20 + 30·3/10：10·2/5 + 20·11/20 + 30·4/10）=（18：15：27） =（6：5：9） </p><p>然而，使用相同的三种混合物，不可能形成比例（3：2：1），因为B的量总是小于C的量。 </p><p>设n是正整数。假设对于0≤a，b，c≤n和gcd（a，b，c）= 1的整数（a，b，c）的每三个，我们得到具有比率（a：b：c）的混合。设M（n）为所有这些混合物的集合。 </p><p>例如，M（2）包含具有以下比率的19种混合物：{（0：0：1），（0：1：0），（0：1：1），（0：1：2），（ 0：2：1），（1：0：0），（1：0：1），（1：0：2），（1：1：0），（1：1：1），（1： 1：2），（1：2：0），（1：2：1），（1：2：2），（2：0：1），（2：1：0），（2：1： 1），（2：1：2），（2：2：1）}。 </p><p>令E（n）为M（n）的子集数，其可以产生具有比率（1：1：1）的混合物，即具有相等部分A，B和C的混合物。我们可以验证E（1） ）= 103，E（2）= 520447，E（10）mod 118 = 82608406和E（500）mod 118 = 13801403.求E（10 000 000）mod 118。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler478()</code>应该返回59510340。
+    testString: 'assert.strictEqual(euler478(), 59510340, "<code>euler478()</code> should return 59510340.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler478() {
+  // Good luck!
+  return true;
+}
+
+euler478();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-479-roots-on-the-rise.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-479-roots-on-the-rise.chinese.md
new file mode 100644
index 0000000000..7036671e2f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-479-roots-on-the-rise.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f54b1000cf542c51005d
+challengeType: 5
+title: 'Problem 479: Roots on the Rise'
+videoUrl: ''
+localeTitle: 问题479：崛起的根源
+---
+
+## Description
+<section id="description">设ak，bk和ck表示表达式1 / x =（k / x）2（k + x2）-kx的三个解（实数或复数）。 <p>例如，对于k = 5，我们看到{a5，b5，c5}约为{5.727244，-0.363622 + 2.057397i，-0.363622-2.057397i}。 </p><p>令所有整数p，k的S（n）=Σ（ak + bk）p（bk + ck）p（ck + ak）p，使得1≤p，k≤n。 </p><p>有趣的是，S（n）总是一个整数。例如，S（4）= 51160。 </p><p>求S（106）modulo 1 000 000 007。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler479()</code>应该返回191541795。
+    testString: 'assert.strictEqual(euler479(), 191541795, "<code>euler479()</code> should return 191541795.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler479() {
+  // Good luck!
+  return true;
+}
+
+euler479();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-48-self-powers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-48-self-powers.chinese.md
new file mode 100644
index 0000000000..b4051008a1
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-48-self-powers.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f39c1000cf542c50feaf
+challengeType: 5
+title: 'Problem 48: Self powers'
+videoUrl: ''
+localeTitle: 问题48：自我权力
+---
+
+## Description
+<section id="description">系列，1 <sup>1</sup> + 2 <sup>2</sup> + 3 <sup>3</sup> + ... + 10 <sup>10</sup> = 10405071317.查找该系列的最后十位数字，1 <sup>1</sup> + 2 <sup>2</sup> + 3 <sup>3</sup> + ... + 1000 <sup>1000</sup> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>selfPowers(10, 3)</code>应该返回317。'
+    testString: 'assert.strictEqual(selfPowers(10, 3), 317, "<code>selfPowers(10, 3)</code> should return 317.");'
+  - text: '<code>selfPowers(150, 6)</code>应返回29045。'
+    testString: 'assert.strictEqual(selfPowers(150, 6), 29045, "<code>selfPowers(150, 6)</code> should return 29045.");'
+  - text: '<code>selfPowers(673, 7)</code>应该返回2473989。'
+    testString: 'assert.strictEqual(selfPowers(673, 7), 2473989, "<code>selfPowers(673, 7)</code> should return 2473989.");'
+  - text: '<code>selfPowers(1000, 10)</code>应该返回9110846700。'
+    testString: 'assert.strictEqual(selfPowers(1000, 10), 9110846700, "<code>selfPowers(1000, 10)</code> should return 9110846700.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function selfPowers(power, lastDigits) {
+  // Good luck!
+  return true;
+}
+
+selfPowers(1000, 10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-480-the-last-question.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-480-the-last-question.chinese.md
new file mode 100644
index 0000000000..afb77c7132
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-480-the-last-question.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f54c1000cf542c51005f
+challengeType: 5
+title: 'Problem 480: The Last Question'
+videoUrl: ''
+localeTitle: 问题480：最后一个问题
+---
+
+## Description
+<section id="description">考虑所有可以通过从短语中选择任何顺序的字母形成的单词：thereisasyetinsufficientdataforameaningfulanswer假设15个字母或更少的字母按字母顺序列出并从1开始按顺序编号。列表包括：1：a 2： aa 3：aaa 4：aaaa 5：aaaaa 6：aaaaaa 7：aaaaaac 8：aaaaaacd 9：aaaaaacde 10：aaaaaacdee 11：aaaaaacdeee 12：aaaaaacdeeee 13：aaaaaacdeeeee 14：aaaaaacdeeeeee 15：aaaaaacdeeeeeef 16：aaaaaacdeeeeeeee 17：aaaaaacdeeeeeee 17：aaaaaacdeeeeeeh ... 28 ：aaaaaacdeeeeeey 29：aaaaaacdeeeeef 30：aaaaaacdeeeeefe ... 115246685191495242：euleoywuttttsss 115246685191495243：euler 115246685191495244：eulera ... 525069350231428029：ywuuttttssssrrrDefine P（w）作为单词w的位置。将W（p）定义为位置p中的单词。我们可以看到P（w）和W（p）是逆的：P（W（p））= p和W（P（w））= w。示例：W（10）= aaaaaacdee P（aaaaaacdee）= 10 W（115246685191495243）= euler P（euler）= 115246685191495243找到W（P（军团）+ P（量热计） -  P（歼灭）+ P（精心策划） -  P（飘飘））。使用小写字符（没有标点符号或空格）给出答案。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler480()</code>应该返回turnthestarson。
+    testString: 'assert.strictEqual(euler480(), turnthestarson, "<code>euler480()</code> should return turnthestarson.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler480() {
+  // Good luck!
+  return true;
+}
+
+euler480();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-49-prime-permutations.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-49-prime-permutations.chinese.md
new file mode 100644
index 0000000000..f0d0d89c75
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-49-prime-permutations.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f39d1000cf542c50feb0
+challengeType: 5
+title: 'Problem 49: Prime permutations'
+videoUrl: ''
+localeTitle: 问题49：主要排列
+---
+
+## Description
+<section id="description">算术序列1487,4817,8147，其中每个项增加3330，在两个方面是不寻常的：（i）三个项中的每一个都是素数，并且，（ii）每个4位数字是彼此的排列。没有由三个1位，2位或3位数的素数组成的算术序列，表现出这种性质，但还有另外一个4位数的增加序列。你通过连接这个序列中的三个术语来形成12位数字？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>primePermutations()</code>应该返回296962999629。
+    testString: 'assert.strictEqual(primePermutations(), 296962999629, "<code>primePermutations()</code> should return 296962999629.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function primePermutations() {
+  // Good luck!
+  return true;
+}
+
+primePermutations();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-5-smallest-multiple.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-5-smallest-multiple.chinese.md
new file mode 100644
index 0000000000..cbea72fe86
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-5-smallest-multiple.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 5900f3711000cf542c50fe84
+challengeType: 5
+title: 'Problem 5: Smallest multiple'
+videoUrl: ''
+localeTitle: 问题5：最小的倍数
+---
+
+## Description
+<section id="description"> 2520是可以除以1到10中的每个数字而没有任何余数的最小数字。从1到<code>n</code>所有数字均可被整除的最小正数是多少？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>smallestMult(5)</code>应该返回60。
+    testString: 'assert.strictEqual(smallestMult(5), 60, "<code>smallestMult(5)</code> should return 60.");'
+  - text: <code>smallestMult(7)</code>应该返回420。
+    testString: 'assert.strictEqual(smallestMult(7), 420, "<code>smallestMult(7)</code> should return 420.");'
+  - text: <code>smallestMult(10)</code>应返回2520。
+    testString: 'assert.strictEqual(smallestMult(10), 2520, "<code>smallestMult(10)</code> should return 2520.");'
+  - text: <code>smallestMult(13)</code>应返回360360。
+    testString: 'assert.strictEqual(smallestMult(13), 360360, "<code>smallestMult(13)</code> should return 360360.");'
+  - text: <code>smallestMult(20)</code>应该返回232792560。
+    testString: 'assert.strictEqual(smallestMult(20), 232792560, "<code>smallestMult(20)</code> should return 232792560.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function smallestMult(n) {
+  // Good luck!
+  return true;
+}
+
+smallestMult(20);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-50-consecutive-prime-sum.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-50-consecutive-prime-sum.chinese.md
new file mode 100644
index 0000000000..43313fcba0
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-50-consecutive-prime-sum.chinese.md
@@ -0,0 +1,57 @@
+---
+id: 5900f39e1000cf542c50feb1
+challengeType: 5
+title: 'Problem 50: Consecutive prime sum'
+videoUrl: ''
+localeTitle: 问题50：连续的总和
+---
+
+## Description
+<section id="description">素数41可以写成六个连续素数的总和：41 = 2 + 3 + 5 + 7 + 11 + 13这是连续素数的最长和，它加到低于一百的素数。连续素数低于1000的连续素数加上一个素数，包含21个项，等于953.哪个素数低于一百万，可以写成最连续素数的总和？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>consecutivePrimeSum(1000)</code>应该返回953。
+    testString: 'assert.strictEqual(consecutivePrimeSum(1000), 953, "<code>consecutivePrimeSum(1000)</code> should return 953.");'
+  - text: <code>consecutivePrimeSum(1000000)</code>应该返回997651。
+    testString: 'assert.strictEqual(consecutivePrimeSum(1000000), 997651, "<code>consecutivePrimeSum(1000000)</code> should return 997651.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function consecutivePrimeSum(limit) {
+  // Good luck!
+  return true;
+}
+
+consecutivePrimeSum(1000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-51-prime-digit-replacements.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-51-prime-digit-replacements.chinese.md
new file mode 100644
index 0000000000..0e7fe47fc6
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-51-prime-digit-replacements.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f39f1000cf542c50feb2
+challengeType: 5
+title: 'Problem 51: Prime digit replacements'
+videoUrl: ''
+localeTitle: 问题51：主要数字替换
+---
+
+## Description
+<section id="description">通过替换2位数* 3的第1位，可以看出9个可能值中的6个：13,23,43,53,73和83都是素数。通过用相同的数字替换56 ** 3的第3和第4位数字，这个5位数字是在10个生成的数字中具有7个素数的第一个例子，产生该族：56003,56113,56333,56443,56663,56773因此56003，作为这个家族的第一个成员，是拥有这个属性的最小的素数。找到最小的素数，通过用相同的数字替换部分数字（不一定是相邻的数字），它是8个素数值族的一部分。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler51()</code>应返回121313。
+    testString: 'assert.strictEqual(euler51(), 121313, "<code>euler51()</code> should return 121313.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler51() {
+  // Good luck!
+  return true;
+}
+
+euler51();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-52-permuted-multiples.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-52-permuted-multiples.chinese.md
new file mode 100644
index 0000000000..5eafb092f4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-52-permuted-multiples.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3a01000cf542c50feb3
+challengeType: 5
+title: 'Problem 52: Permuted multiples'
+videoUrl: ''
+localeTitle: 问题52：置换倍数
+---
+
+## Description
+<section id="description">可以看出，数字125874及其双精度数251748包含完全相同的数字，但顺序不同。找到最小的正整数x，使得2x，3x，4x，5x和6x包含相同的数字。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>permutedMultiples()</code>应该返回142857。
+    testString: 'assert.strictEqual(permutedMultiples(), 142857, "<code>permutedMultiples()</code> should return 142857.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function permutedMultiples() {
+  // Good luck!
+  return true;
+}
+
+permutedMultiples();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-53-combinatoric-selections.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-53-combinatoric-selections.chinese.md
new file mode 100644
index 0000000000..635c4a6510
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-53-combinatoric-selections.chinese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3a11000cf542c50feb4
+challengeType: 5
+title: 'Problem 53: Combinatoric selections'
+videoUrl: ''
+localeTitle: 问题53：组合选择
+---
+
+## Description
+<section id="description">有十种方法从五种中选择三种，12345：123,124,125,134,135,145,234,235,245和345在组合学中，我们使用符号，5C3 = 10.一般来说， <p> nCr = n！r！（n-r）！ ，其中r≤n，n！ = n×（n-1）×...×3×2×1和0！ = 1。 </p><p>直到n = 23，一个值超过一百万：23C10 = 1144066.对于1≤n≤100，nCr的多少，不一定是不同的值大于一百万？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>combinatoricSelections(1000)</code>应返回4626。
+    testString: 'assert.strictEqual(combinatoricSelections(1000), 4626, "<code>combinatoricSelections(1000)</code> should return 4626.");'
+  - text: <code>combinatoricSelections(10000)</code>应该返回4431。
+    testString: 'assert.strictEqual(combinatoricSelections(10000), 4431, "<code>combinatoricSelections(10000)</code> should return 4431.");'
+  - text: <code>combinatoricSelections(100000)</code>应返回4255。
+    testString: 'assert.strictEqual(combinatoricSelections(100000), 4255, "<code>combinatoricSelections(100000)</code> should return 4255.");'
+  - text: <code>combinatoricSelections(1000000)</code>应该返回4075。
+    testString: 'assert.strictEqual(combinatoricSelections(1000000), 4075, "<code>combinatoricSelections(1000000)</code> should return 4075.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function combinatoricSelections(limit) {
+  // Good luck!
+  return 1;
+}
+
+combinatoricSelections(1000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-54-poker-hands.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-54-poker-hands.chinese.md
new file mode 100644
index 0000000000..85e7a92843
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-54-poker-hands.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3a21000cf542c50feb5
+challengeType: 5
+title: 'Problem 54: Poker hands'
+videoUrl: ''
+localeTitle: 问题54：扑克手
+---
+
+## Description
+<section id="description">在纸牌游戏扑克牌中，一手牌由五张牌组成，并按以下方式从最低到最高排名：高牌：最高价值牌。一对：两张价值相同的牌。两对：两对不同。三种类型：三张相同价值的牌。直：所有卡都是连续值。同花顺：同一套牌的所有牌。满屋：三种和一对。四种：四张相同价值的牌。同花顺：所有牌都是同一套牌的连续值。皇家同花顺：十，杰克，女王，国王，王牌，同样的诉讼。卡的价值依次为：2,3,4,5,6,7,8,9,10，Jack，Queen，King，Ace。如果两个玩家拥有相同的排名牌，则排名由最高值赢得;例如，一对八个击打一对五（见下面的例子1）。但是，如果两个级别相关，例如，两个玩家都有一对皇后，则比较每手牌中的最高牌数（参见下面的例子4）;如果最高牌结合，则比较下一张最高牌，依此类推。考虑以下五手交给两名球员： <p>手牌1球员2冠军1 5H 5C 6S 7S KDPair of Fives 2C 3S 8S 8D TDPair of Eights Player 2 2 5D 8C 9S JS ACHighest card Ace 2C 5C 7D 8S QHHighest card Queen Player 1 3 2D 9C AS AH ACThree Aces 3D 6D 7D TD QDFlush与钻石玩家2 4 4D 6S 9H QH QCPair of Queens最高卡九3D 6D 7H QD QSPair皇后最高卡七人玩家1 5 2H 2D 4C 4D 4SFull HouseWith Three Fours 3C 3D 3S 9S 9DFull Housewith Three Threes Player 1 </p><p>文件poker.txt包含一千个随机发给两个玩家的牌。该文件的每一行包含十张牌（由一个空格分隔）：前五张是Player 1的牌，后五张是Player 2的牌。你可以假设所有的牌都是有效的（没有无效的角色或重复的牌），每个牌手的牌都没有特定的顺序，而且每手牌都有明显的赢家。玩家1赢了多少手牌？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler54()</code>应该返回376。
+    testString: 'assert.strictEqual(euler54(), 376, "<code>euler54()</code> should return 376.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler54() {
+  // Good luck!
+  return true;
+}
+
+euler54();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-55-lychrel-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-55-lychrel-numbers.chinese.md
new file mode 100644
index 0000000000..6eac897d1d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-55-lychrel-numbers.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 5900f3a31000cf542c50feb6
+challengeType: 5
+title: 'Problem 55: Lychrel numbers'
+videoUrl: ''
+localeTitle: 问题55：Lychrel数字
+---
+
+## Description
+<section id="description">如果我们采取47，反向并添加，47 + 74 = 121，这是回文。并非所有数字都如此迅速地产生回文。例如，349 + 943 = 1292,1292 + 2921 = 4213 4213 + 3124 = 7337也就是说，349进行了三次迭代以到达回文。虽然还没有人证明这一点，但据认为有些数字，如196，从未产生回文。通过反向和添加过程从不形成回文的数字称为Lychrel数。由于这些数字的理论性质，并且出于这个问题的目的，我们将假设一个数字是Lychrel，直到证明不是这样。另外，对于每万个低于一万的数字，你将得到（i）在不到五十次迭代中成为回文，或者（ii）没有一个，具有所有存在的计算能力，到目前为止已经管理到将它映射到回文结构。事实上，10677是第一个在产生回文之前需要超过50次迭代的数字：4668731596684224866951378664（53次迭代，28位数）。令人惊讶的是，有一些回文数字本身就是Lychrel数字;第一个例子是4994.有多少Lychrel数字在<code>num</code>以下？注：2007年4月24日略微修改了措辞，以强调Lychrel数的理论性质。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>countLychrelNumbers(1000)</code>应该返回13。
+    testString: 'assert.strictEqual(countLychrelNumbers(1000), 13, "<code>countLychrelNumbers(1000)</code> should return 13.");'
+  - text: <code>countLychrelNumbers(5000)</code>应该返回76。
+    testString: 'assert.strictEqual(countLychrelNumbers(5000), 76, "<code>countLychrelNumbers(5000)</code> should return 76.");'
+  - text: <code>countLychrelNumbers(10000)</code>应该返回249。
+    testString: 'assert.strictEqual(countLychrelNumbers(10000), 249, "<code>countLychrelNumbers(10000)</code> should return 249.");'
+  - text: 你的函数应该计算所有Lychrel数。
+    testString: 'assert.strictEqual(countLychrelNumbers(3243), 39, "Your function should count all Lychrel numbers.");'
+  - text: 您的函数应该通过所有测试用例。
+    testString: 'assert.strictEqual(countLychrelNumbers(7654), 140, "Your function should pass all test cases.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countLychrelNumbers(num) {
+  // Good luck!
+  return true;
+}
+
+countLychrelNumbers(10000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-56-powerful-digit-sum.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-56-powerful-digit-sum.chinese.md
new file mode 100644
index 0000000000..5f1fda5228
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-56-powerful-digit-sum.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3a41000cf542c50feb7
+challengeType: 5
+title: 'Problem 56: Powerful digit sum'
+videoUrl: ''
+localeTitle: 问题56：强大的数字总和
+---
+
+## Description
+<section id="description"> googol（10100）是一个庞大的数字：一个跟着一百个零; 100100几乎是难以想象的大：一个跟着两百个零。尽管它们的大小，每个数字的数字之和仅为1.考虑到形式的自然数，ab，其中a，b &lt;100，最大数字和是多少？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler56()</code>应返回972。
+    testString: 'assert.strictEqual(euler56(), 972, "<code>euler56()</code> should return 972.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler56() {
+  // Good luck!
+  return true;
+}
+
+euler56();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-57-square-root-convergents.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-57-square-root-convergents.chinese.md
new file mode 100644
index 0000000000..69ff4334ff
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-57-square-root-convergents.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3a51000cf542c50feb8
+challengeType: 5
+title: 'Problem 57: Square root convergents'
+videoUrl: ''
+localeTitle: 问题57：平方根收敛
+---
+
+## Description
+<section id="description">可以证明两个的平方根可以表示为无限连续分数。 √2= 1 + 1 /（2 + 1 /（2 + 1 /（2 + ...）））= 1.414213 ...通过扩展前四次迭代，得到：1 + 1/2 = 3 / 2 = 1.5 1 + 1 /（2 + 1/2）= 7/5 = 1.4 1 + 1 /（2 + 1 /（2 + 1/2））= 17/12 = 1.41666 ... 1 + 1 /（2 + 1 /（2 + 1 /（2 + 1/2）））= 41/29 = 1.41379 ...接下来的三次扩展是99 / 70,239 / 169和577/408，但是第八次扩展，1393/985，是分子中位数超过分母中位数的第一个例子。在前一千次扩展中，有多少分数包含一个数字比分母更多的分子？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler57()</code>应返回153。
+    testString: 'assert.strictEqual(euler57(), 153, "<code>euler57()</code> should return 153.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler57() {
+  // Good luck!
+  return true;
+}
+
+euler57();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-58-spiral-primes.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-58-spiral-primes.chinese.md
new file mode 100644
index 0000000000..5a6eae7b40
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-58-spiral-primes.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3a61000cf542c50feb9
+challengeType: 5
+title: 'Problem 58: Spiral primes'
+videoUrl: ''
+localeTitle: 问题58：螺旋素数
+---
+
+## Description
+<section id="description">从1开始并以下列方式逆时针旋转，形成边长为7的方形螺旋。 37 36 35 34 33 32 31 38 17 16 15 14 13 30 39 18 5 4 3 12 29 40 19 6 1 2 11 28 41 20 7 8 9 10 27 42 21 22 23 24 25 2643 44 45 46 47 48 49这是有趣的是，奇数方块位于右下角，但更有意思的是沿着两条对角线的13个数字中有8个是素数;也就是说，比例为8 /13≈62％。如果在上面的螺旋周围缠绕一个完整的新层，则将形成具有边长9的方形螺旋。如果继续这个过程，那么沿着两条对角线的素数比首先低于10％的方形螺旋的边长是多少？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler58()</code>应返回26241。
+    testString: 'assert.strictEqual(euler58(), 26241, "<code>euler58()</code> should return 26241.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler58() {
+  // Good luck!
+  return true;
+}
+
+euler58();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-59-xor-decryption.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-59-xor-decryption.chinese.md
new file mode 100644
index 0000000000..74bb23c3b7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-59-xor-decryption.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3a81000cf542c50feba
+challengeType: 5
+title: 'Problem 59: XOR decryption'
+videoUrl: ''
+localeTitle: 问题59：XOR解密
+---
+
+## Description
+<section id="description">计算机上的每个字符都分配有唯一的代码，首选标准是ASCII（美国信息交换标准代码）。例如，大写A = 65，星号（*）= 42，小写k = 107.现代加密方法是获取文本文件，将字节转换为ASCII，然后使用给定值对每个字节进行异或，取自密钥。 XOR功能的优点是在密文上使用相同的加密密钥，恢复纯文本;例如，65 XOR 42 = 107，然后107 XOR 42 = 65.对于不可破解的加密，密钥与纯文本消息的长度相同，密钥由随机字节组成。用户将加密的消息和加密密钥保持在不同的位置，并且没有两个“一半”，就不可能解密该消息。不幸的是，这种方法对大多数用户来说是不切实际的，因此修改后的方法是使用密码作为密钥。如果密码短于可能的消息，则密钥在整个消息中循环重复。此方法的余额是使用足够长的密码密钥来保证安全性，但又要足够短，以便令人难忘。您的任务变得简单，因为加密密钥由三个小写字符组成。使用cipher.txt（右键单击并“保存链接/目标为...”），包含加密的ASCII代码的文件，以及纯文本必须包含常用英语单词的知识，解密消息并找到总和原始文本中的ASCII值。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler59()</code>应返回107359。
+    testString: 'assert.strictEqual(euler59(), 107359, "<code>euler59()</code> should return 107359.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler59() {
+  // Good luck!
+  return true;
+}
+
+euler59();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-6-sum-square-difference.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-6-sum-square-difference.chinese.md
new file mode 100644
index 0000000000..34f3a232dc
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-6-sum-square-difference.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 5900f3721000cf542c50fe85
+challengeType: 5
+title: 'Problem 6: Sum square difference'
+videoUrl: ''
+localeTitle: 问题6：求和方差
+---
+
+## Description
+<section id="description">前十个自然数的平方和是， <div style="text-align: center;"> 1 <sup>2</sup> + 2 <sup>2</sup> + ... + 10 <sup>2</sup> = 385 </div>前十个自然数之和的平方是， <div style="text-align: center;"> （1 + 2 + ... + 10） <sup>2</sup> = 55 <sup>2</sup> = 3025 </div>因此，前十个自然数的平方和与和的平方之间的差值为3025  -  385 = 2640.求出前<code>n</code>自然数的平方和与总和的平方之间的差值。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumSquareDifference(10)</code>应该返回2640。
+    testString: 'assert.strictEqual(sumSquareDifference(10), 2640, "<code>sumSquareDifference(10)</code> should return 2640.");'
+  - text: <code>sumSquareDifference(20)</code>应该返回41230。
+    testString: 'assert.strictEqual(sumSquareDifference(20), 41230, "<code>sumSquareDifference(20)</code> should return 41230.");'
+  - text: <code>sumSquareDifference(100)</code>应该返回25164150。
+    testString: 'assert.strictEqual(sumSquareDifference(100), 25164150, "<code>sumSquareDifference(100)</code> should return 25164150.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumSquareDifference(n) {
+  // Good luck!
+  return true;
+}
+
+sumSquareDifference(100);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-60-prime-pair-sets.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-60-prime-pair-sets.chinese.md
new file mode 100644
index 0000000000..962dfb1d4f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-60-prime-pair-sets.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3a81000cf542c50febb
+challengeType: 5
+title: 'Problem 60: Prime pair sets'
+videoUrl: ''
+localeTitle: 问题60：素数对设置
+---
+
+## Description
+<section id="description">素数3,7,109和673非常值得注意。通过取任何两个素数并以任何顺序连接它们，结果将始终是素数。例如，取7和109，7109和1097都是素数。这四个素数的总和，792，代表具有此属性的一组四个素数的最低和。找到一组五个素数的最低和，其中任何两个素数连接以产生另一个素数。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler60()</code>应返回26033。
+    testString: 'assert.strictEqual(euler60(), 26033, "<code>euler60()</code> should return 26033.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler60() {
+  // Good luck!
+  return true;
+}
+
+euler60();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-61-cyclical-figurate-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-61-cyclical-figurate-numbers.chinese.md
new file mode 100644
index 0000000000..abd91a81ad
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-61-cyclical-figurate-numbers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3a91000cf542c50febc
+challengeType: 5
+title: 'Problem 61: Cyclical figurate numbers'
+videoUrl: ''
+localeTitle: 问题61：循环图号
+---
+
+## Description
+<section id="description">三角形，正方形，五边形，六边形，七边形和八边形数字都是图形（多边形）数字，由以下公式生成：三角形<p> P3中，n = N（N + 1）/ 2 </p><p> 1,3,6,10,15 ......方形</p><p> P4 N = N2 </p><p> 1,4,9,16,25 ......五角形</p><p> P5，N = N（3N-1）/ 2 </p><p> 1,5,12,22,35 ......六角形</p><p> P6，N = N（2N-1） </p><p> 1,6,15,28,45 ...... Heptagonal </p><p> P7，N = N（5N-3）/ 2 </p><p> 1,7,18,34,55，......八角形</p><p> P8，N = N（3N-2） </p><p> 1,8,21,40,65，......三个4位数字的有序集合：8128,2882,8281，有三个有趣的属性。该集合是循环的，因为每个数字的最后两位数字是下一个数字的前两位数字（包括与第一个数字相关的最后一个数字）。每个多边形类型：三角形（P3,127 = 8128），方形（P4,91 = 8281）和五边形（P5,44 = 2882），由集合中的不同数字表示。这是具有此属性的唯一一组4位数字。求出六个循环4位数字的唯一有序集合的总和，其中每个多边形类型：三角形，正方形，五边形，六边形，七边形和八边形，由集合中的不同数字表示。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler61()</code>应返回28684。
+    testString: 'assert.strictEqual(euler61(), 28684, "<code>euler61()</code> should return 28684.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler61() {
+  // Good luck!
+  return true;
+}
+
+euler61();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-62-cubic-permutations.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-62-cubic-permutations.chinese.md
new file mode 100644
index 0000000000..8b268235af
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-62-cubic-permutations.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3aa1000cf542c50febd
+challengeType: 5
+title: 'Problem 62: Cubic permutations'
+videoUrl: ''
+localeTitle: 问题62：立方排列
+---
+
+## Description
+<section id="description">可以置换立方体41063625（3453）以产生另外两个立方体：56623104（3843）和66430125（4053）。实际上，41063625是最小的立方体，其正好具有三个排列的数字也是立方体。找到最小的立方体，其数字的五个排列正好是立方体。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler62()</code>应该返回127035954683。
+    testString: 'assert.strictEqual(euler62(), 127035954683, "<code>euler62()</code> should return 127035954683.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler62() {
+  // Good luck!
+  return true;
+}
+
+euler62();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-63-powerful-digit-counts.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-63-powerful-digit-counts.chinese.md
new file mode 100644
index 0000000000..50729262d5
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-63-powerful-digit-counts.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ab1000cf542c50febe
+challengeType: 5
+title: 'Problem 63: Powerful digit counts'
+videoUrl: ''
+localeTitle: 问题63：强大的数字计数
+---
+
+## Description
+<section id="description"> 5位数字，16807 = 75，也是第五种力量。类似地，9位数字134217728 = 89是第九次幂。存在多少个n位正整数，它们也是n次幂？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler63()</code>应该返回49。
+    testString: 'assert.strictEqual(euler63(), 49, "<code>euler63()</code> should return 49.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler63() {
+  // Good luck!
+  return true;
+}
+
+euler63();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-64-odd-period-square-roots.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-64-odd-period-square-roots.chinese.md
new file mode 100644
index 0000000000..53d44cb2ca
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-64-odd-period-square-roots.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ac1000cf542c50febf
+challengeType: 5
+title: 'Problem 64: Odd period square roots'
+videoUrl: ''
+localeTitle: 问题64：奇数期平方根
+---
+
+## Description
+<section id="description">所有平方根都是周期性的，当写为连续分数时，可以写成以下形式： <p> √N= a0 + 1 </p><p> a1 + 1 </p><p> a2 + 1 </p><p> a3 + ...... </p><p>例如，让我们考虑√23： </p><p> √23= 4 +√23 -  4 = 4 + 1 = 4 + 1 </p><p> 1√23-4 </p><p> 1 +√23 -  37 </p><p>如果我们继续，我们将得到以下扩展： </p><p> √23= 4 + 1 </p><p> 1 + 1 </p><p> 3 + 1 </p><p> 1 + 1 </p><p> 8 + ...... </p><p>该过程可归纳如下： </p><p> a0 = 4， </p><p> 1√23-4=√23+ 47 = 1 +√23-37a1 = 1， </p><p> 7√23-3= 7（√23+ 3）14 = 3 +√23-32a2= 3， </p><p> 2√23-3= 2（√23+ 3）14 = 1 +√23-47a3 = 1， </p><p> 7√23-4= 7（√23+ 4）7 = 8 +√23-4a4= 8， </p><p> 1√23-4=√23+ 47 = 1 +√23-37a5 = 1， </p><p> 7√23-3= 7（√23+ 3）14 = 3 +√23-32a6= 3， </p><p> 2√23-3= 2（√23+ 3）14 = 1 +√23-47a7 = 1， </p><p> 7√23-4= 7（√23+ 4）7 = 8 +√23-4 </p><p>可以看出序列是重复的。为简明起见，我们使用符号√23= [4;（1,3,1,8）]来表示块（1,3,1,8）无限重复。 </p><p> （无理）平方根的前十个连续分数表示为：√2= [1;（2）]，周期=1√3= [1;（1,2）]，周期=2√5= [2; （4）]，期间=1√6= [2;（2,4）]，期间=2√7= [2;（1,1,1,4）]，期间=4√8= [2; （1,4）]，期间=2√10= [3;（6）]，期间=1√11= [3;（3,6）]，期间=2√12= [3;（2,6 ）]，period =2√13= [3;（1,1,1,1,6）]，period = 5对于N≤13，恰好四个连续分数具有奇数周期。 N≤10000的连续分数有多少个奇数周期？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler64()</code>应返回1322。
+    testString: 'assert.strictEqual(euler64(), 1322, "<code>euler64()</code> should return 1322.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler64() {
+  // Good luck!
+  return true;
+}
+
+euler64();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-65-convergents-of-e.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-65-convergents-of-e.chinese.md
new file mode 100644
index 0000000000..12725c415d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-65-convergents-of-e.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ad1000cf542c50fec0
+challengeType: 5
+title: 'Problem 65: Convergents of e'
+videoUrl: ''
+localeTitle: 问题65：e的收敛
+---
+
+## Description
+<section id="description"> 2的平方根可以写成无限连续分数。 <p> √2= 1 + 1 </p><p> 2 + 1 </p><p> 2 + 1 </p><p> 2 + 1 </p><p> 2 + ...... </p><p>可以写出无限连续分数，√2= [1;（2）]，（2）表示2无限重复。以类似的方式，√23= [4;（1,3,1,8）]。事实证明，平方根的连续分数的部分值序列提供了最佳的有理近似。让我们考虑√2的收敛。 </p><p> 1 + 1 = 3/2 </p><p> 2 </p><p> 1 + 1 = 7/5 </p><p> 2 + 1 </p><p> 2 </p><p> 1 + 1 = 17/12 </p><p> 2 + 1 </p><p> 2 + 1 </p><p> 2 </p><p> 1 + 1 = 41/29 </p><p> 2 + 1 </p><p> 2 + 1 </p><p> 2 + 1 </p><p> 2 </p><p>因此，√2的前十个收敛的序列是：1,3 / 2,7 / 5,17 / 12,41 / 29,99 / 70,239 / 169,577 / 408,1333 / 985,3333 / 2378 ，...最令人惊讶的是重要的数学常数，e = [2; 1,2,1,1,4,1,1,6,1，......，1,2k，1，......]。 e的会聚序列中的前十个项是：2,3,8 / 3,11 / 4,19 / 7,87 / 32,106 / 39,193 / 71,1264 / 465,1457 / 536，.... ..第10个收敛的分子中的数字之和为1 + 4 + 5 + 7 = 17。求e的连续分数的第100个收敛的分子中的位数之和。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler65()</code>应该返回272。
+    testString: 'assert.strictEqual(euler65(), 272, "<code>euler65()</code> should return 272.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler65() {
+  // Good luck!
+  return true;
+}
+
+euler65();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-66-diophantine-equation.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-66-diophantine-equation.chinese.md
new file mode 100644
index 0000000000..dd613d84da
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-66-diophantine-equation.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ae1000cf542c50fec1
+challengeType: 5
+title: 'Problem 66: Diophantine equation'
+videoUrl: ''
+localeTitle: 问题66：丢番图方程
+---
+
+## Description
+<section id="description">考虑形式的二次丢番图方程：x2  -  Dy2 = 1例如，当D = 13时，x中的最小解是6492  -  13×1802 = 1.可以假设当D是正整数时没有解广场。通过在D中找到D = {2,3,5,6,7}的最小解，我们得到以下结果：32  -  2×22 = 1 22  -  3×12 = 192  -  5×42 = 1 52  -  6× 22 = 1 82  -  7×32 = 1因此，通过考虑D中对于D≤7的最小解，当D = 5时获得最大的x。在x的最小解中找到D≤1000的值，其中获得x的最大值。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler66()</code>应返回661。
+    testString: 'assert.strictEqual(euler66(), 661, "<code>euler66()</code> should return 661.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler66() {
+  // Good luck!
+  return true;
+}
+
+euler66();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-67-maximum-path-sum-ii.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-67-maximum-path-sum-ii.chinese.md
new file mode 100644
index 0000000000..de25c3023c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-67-maximum-path-sum-ii.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b01000cf542c50fec2
+challengeType: 5
+title: 'Problem 67: Maximum path sum II'
+videoUrl: ''
+localeTitle: 问题67：最大路径总和II
+---
+
+## Description
+<section id="description">从下面三角形的顶部开始并移动到下面一行的相邻数字，从上到下的最大总数为23. 37 4 2 4 6 8 5 9 3即3 + 7 + 4 + 9 = 23 。在triangle.txt（右键单击和&#39;Save Link / Target As ...&#39;）中找到从上到下的最大总数，这是一个包含一百行三角形的15K文本文件。注意：这是问题18的一个更难的版本。不可能尝试每条路线来解决这个问题，因为共有299个！如果你每秒可以检查一万亿（1012）条路线，则需要花费超过二百亿年才能检查它们。有一种有效的算法可以解决它。 ; O） </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler67()</code>应该返回7273。
+    testString: 'assert.strictEqual(euler67(), 7273, "<code>euler67()</code> should return 7273.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler67() {
+  // Good luck!
+  return true;
+}
+
+euler67();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-68-magic-5-gon-ring.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-68-magic-5-gon-ring.chinese.md
new file mode 100644
index 0000000000..fb6feba102
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-68-magic-5-gon-ring.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b01000cf542c50fec3
+challengeType: 5
+title: 'Problem 68: Magic 5-gon ring'
+videoUrl: ''
+localeTitle: 问题68：魔法5-gon戒指
+---
+
+## Description
+<section id="description">考虑以下“魔术”3-gon环，填充数字1到6，每行加9。 <p>顺时针工作，并从具有数字最低外部节点（在该示例中为4,3,2）的三个一组开始，可以唯一地描述每个解决方案。例如，上述解决方案可以通过集合来描述：4,3,2; 6,2,1; 5,1,3。可以用四种不同的总数来完成环：9,10,11和12.总共有八种解决方案。 </p><p> TotalSolution Set 94,2,3; 5,3,1; 6,1,2 94,3,2; 6,2,1; 5,1,3 102,3,5; 4,5,1; 6,1,3 102,5,3; 6,3,1; 4,1,5 111,4,6; 3,6,2; 5,2,4 111,6,4; 5,4,2; 3,2,6 121,5,6; 2,6,4; 3,4,5 121,6,5; 3,5,4; 2,4,6 </p><p>通过连接每个组，可以形成9位数的字符串; 3-gon环的最大字符串是432621513.使用数字1到10，并根据排列，可以形成16位和17位字符串。 “魔法”5-gon戒指的最大16位数字串是多少？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler68()</code>应该返回6531031914842725。
+    testString: 'assert.strictEqual(euler68(), 6531031914842725, "<code>euler68()</code> should return 6531031914842725.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler68() {
+  // Good luck!
+  return true;
+}
+
+euler68();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-69-totient-maximum.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-69-totient-maximum.chinese.md
new file mode 100644
index 0000000000..e4df2ca606
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-69-totient-maximum.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b11000cf542c50fec4
+challengeType: 5
+title: 'Problem 69: Totient maximum'
+videoUrl: ''
+localeTitle: 问题69大欧拉
+---
+
+## Description
+<section id="description"> Euler的Totient函数φ（n）[有时称为phi函数]用于确定小于n的数字的数量，这些数字是n的相对素数。例如，如1,2,4,5,7和8都小于9且相对于9，φ（9）= 6。 <p> n相对素数φ（n）n /φ（n）2 1 1 2 3 1,2 2 1.5 4 1,3 2 2 5 1,2,3,4 4 1.25 6 1,5 2 3 7 1,2， 3,4,5,6 6 1.1666 ... 8 1,3,5,7 4 2 9 1,2,4,5,7,8 6 1.5 10 1,3,7,9 4 2.5 </p><p>可以看出，对于n≤10，n = 6产生最大n /φ（n）。找到n≤1,000,000的值，其中n /φ（n）是最大值。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler69()</code>应该返回510510。
+    testString: 'assert.strictEqual(euler69(), 510510, "<code>euler69()</code> should return 510510.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler69() {
+  // Good luck!
+  return true;
+}
+
+euler69();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-7-10001st-prime.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-7-10001st-prime.chinese.md
new file mode 100644
index 0000000000..3c22456350
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-7-10001st-prime.chinese.md
@@ -0,0 +1,63 @@
+---
+id: 5900f3731000cf542c50fe86
+challengeType: 5
+title: 'Problem 7: 10001st prime'
+videoUrl: ''
+localeTitle: 问题7：10001个素数
+---
+
+## Description
+<section id="description">通过列出前六个素数：2,3,5,7,11和13，我们可以看到第6个素数是13.第<code>n</code>个素数是多少？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>nthPrime(6)</code>应该返回13。
+    testString: 'assert.strictEqual(nthPrime(6), 13, "<code>nthPrime(6)</code> should return 13.");'
+  - text: <code>nthPrime(10)</code>应该返回29。
+    testString: 'assert.strictEqual(nthPrime(10), 29, "<code>nthPrime(10)</code> should return 29.");'
+  - text: <code>nthPrime(100)</code>应该返回541。
+    testString: 'assert.strictEqual(nthPrime(100), 541, "<code>nthPrime(100)</code> should return 541.");'
+  - text: <code>nthPrime(1000)</code>应该返回7919。
+    testString: 'assert.strictEqual(nthPrime(1000), 7919, "<code>nthPrime(1000)</code> should return 7919.");'
+  - text: <code>nthPrime(10001)</code>应该返回104743。
+    testString: 'assert.strictEqual(nthPrime(10001), 104743, "<code>nthPrime(10001)</code> should return 104743.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nthPrime(n) {
+  // Good luck!
+  return true;
+}
+
+nthPrime(10001);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-70-totient-permutation.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-70-totient-permutation.chinese.md
new file mode 100644
index 0000000000..d4aab6bbff
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-70-totient-permutation.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b21000cf542c50fec5
+challengeType: 5
+title: 'Problem 70: Totient permutation'
+videoUrl: ''
+localeTitle: 问题70欧拉置换
+---
+
+## Description
+<section id="description"> Euler的Totient函数φ（n）[有时称为phi函数]用于确定小于或等于n的正数的数量，它们是n的相对素数。例如，如1,2,4,5,7和8都小于9且相对素数为9，φ（9）= 6.数字1被认为是每个正数的相对素数，所以φ（1）= 1。有趣的是，φ（87109）= 79180，可以看出87109是79180的置换。找到n的值，1 &lt;n &lt;107，其中φ（n）是n的置换和比率n / φ（n）产生最小值。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler70()</code>应该返回8319823。
+    testString: 'assert.strictEqual(euler70(), 8319823, "<code>euler70()</code> should return 8319823.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler70() {
+  // Good luck!
+  return true;
+}
+
+euler70();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-71-ordered-fractions.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-71-ordered-fractions.chinese.md
new file mode 100644
index 0000000000..ec4739e3a4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-71-ordered-fractions.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b31000cf542c50fec6
+challengeType: 5
+title: 'Problem 71: Ordered fractions'
+videoUrl: ''
+localeTitle: 问题71：有序分数
+---
+
+## Description
+<section id="description">考虑分数，n / d，其中n和d是正整数。如果是<d 1="" 2="" 3="" 4="" 5="" 6="" 7="" 8="" and="" hcf(n,d)="1," it="" is="" called="" a="" reduced="" proper="" fraction.="" if="" we="" list="" the="" set="" of="" fractions="" for="" d="" ≤="" in="" ascending="" order="" size,="" get:="" 8,="" 7,="" 6,="" 5,="" 4,="" 3,="" 2,="" can="" be="" seen="" that="" fraction="" immediately="" to="" left="" 7.="" by="" listing="" 1,000,000="" find="" numerator="" &#x3C;="" section=""><h2>说明</h2><section id="instructions"></section><h2>测试</h2><section id="tests"><pre> <code class="language-yml">tests: - text: &lt;code&gt;euler71()&lt;/code&gt; should return 428570. testString: &#39;assert.strictEqual(euler71(), 428570, &quot;&lt;code&gt;euler71()&lt;/code&gt; should return 428570.&quot;);&#39;</code> </pre></section><h2>挑战种子</h2><section id="challengeSeed"><div id="js-seed"><pre> <code class="language-js">function euler71() { // Good luck! return true; } euler71();</code> </pre></div></section><h2>解</h2><section id="solution"><pre> <code class="language-js">// solution required</code> </pre></section></d></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler71()</code>应返回428570。
+    testString: 'assert.strictEqual(euler71(), 428570, "<code>euler71()</code> should return 428570.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler71() {
+  // Good luck!
+  return true;
+}
+
+euler71();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-72-counting-fractions.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-72-counting-fractions.chinese.md
new file mode 100644
index 0000000000..8f6b7f39d7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-72-counting-fractions.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b41000cf542c50fec7
+challengeType: 5
+title: 'Problem 72: Counting fractions'
+videoUrl: ''
+localeTitle: 问题72：计算分数
+---
+
+## Description
+<section id="description">考虑分数，n / d，其中n和d是正整数。如果是<d 1="" 2="" 3="" 4="" 5="" 6="" 7="" 8="" 21="" and="" hcf(n,d)="1," it="" is="" called="" a="" reduced="" proper="" fraction.="" if="" we="" list="" the="" set="" of="" fractions="" for="" d="" ≤="" in="" ascending="" order="" size,="" get:="" 8,="" 7,="" 6,="" 5,="" 4,="" 3,="" 2,="" can="" be="" seen="" that="" there="" are="" elements="" this="" set.="" how="" many="" would="" contained="" 1,000,000?="" &#x3C;="" section=""><h2>说明</h2><section id="instructions"></section><h2>测试</h2><section id="tests"><pre> <code class="language-yml">tests: - text: &lt;code&gt;euler72()&lt;/code&gt; should return 303963552391. testString: &#39;assert.strictEqual(euler72(), 303963552391, &quot;&lt;code&gt;euler72()&lt;/code&gt; should return 303963552391.&quot;);&#39;</code> </pre></section><h2>挑战种子</h2><section id="challengeSeed"><div id="js-seed"><pre> <code class="language-js">function euler72() { // Good luck! return true; } euler72();</code> </pre></div></section><h2>解</h2><section id="solution"><pre> <code class="language-js">// solution required</code> </pre></section></d></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler72()</code>应该返回303963552391。
+    testString: 'assert.strictEqual(euler72(), 303963552391, "<code>euler72()</code> should return 303963552391.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler72() {
+  // Good luck!
+  return true;
+}
+
+euler72();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-73-counting-fractions-in-a-range.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-73-counting-fractions-in-a-range.chinese.md
new file mode 100644
index 0000000000..f44fa750f1
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-73-counting-fractions-in-a-range.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b61000cf542c50fec8
+challengeType: 5
+title: 'Problem 73: Counting fractions in a range'
+videoUrl: ''
+localeTitle: 问题73：计算范围内的分数
+---
+
+## Description
+<section id="description">考虑分数，n / d，其中n和d是正整数。如果是<d 1="" 2="" 3="" 4="" 5="" 6="" 7="" 8="" and="" hcf(n,d)="1," it="" is="" called="" a="" reduced="" proper="" fraction.="" if="" we="" list="" the="" set="" of="" fractions="" for="" d="" ≤="" in="" ascending="" order="" size,="" get:="" 8,="" 7,="" 6,="" 5,="" 4,="" 3,="" 2,="" can="" be="" seen="" that="" there="" are="" between="" 2.="" how="" many="" lie="" sorted="" 12,000?="" &#x3C;="" section=""><h2>说明</h2><section id="instructions"></section><h2>测试</h2><section id="tests"><pre> <code class="language-yml">tests: - text: &lt;code&gt;euler73()&lt;/code&gt; should return 7295372. testString: &#39;assert.strictEqual(euler73(), 7295372, &quot;&lt;code&gt;euler73()&lt;/code&gt; should return 7295372.&quot;);&#39;</code> </pre></section><h2>挑战种子</h2><section id="challengeSeed"><div id="js-seed"><pre> <code class="language-js">function euler73() { // Good luck! return true; } euler73();</code> </pre></div></section><h2>解</h2><section id="solution"><pre> <code class="language-js">// solution required</code> </pre></section></d></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler73()</code>应该返回7295372。
+    testString: 'assert.strictEqual(euler73(), 7295372, "<code>euler73()</code> should return 7295372.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler73() {
+  // Good luck!
+  return true;
+}
+
+euler73();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-74-digit-factorial-chains.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-74-digit-factorial-chains.chinese.md
new file mode 100644
index 0000000000..1e707eb8fb
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-74-digit-factorial-chains.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b61000cf542c50fec9
+challengeType: 5
+title: 'Problem 74: Digit factorial chains'
+videoUrl: ''
+localeTitle: 问题74：数字因子链
+---
+
+## Description
+<section id="description">数字145是众所周知的，其数字的阶乘之和等于145：1！ + 4！ + 5！ = 1 + 24 + 120 = 145也许知名度较低的是169，因为它产生了最长的数字链，可以链接到169;事实证明，只存在三个这样的循环：169→363601→1454→169 871→45361→871 872→45362→872不难证明每个起始编号最终都会陷入循环。例如，69→363600→1454→169→363601（→1454）78→45360→871→45361（→871）540→145（→145）从69开始产生五个非重复项链，但最长起始数低于一百万的非重复链是60个项。起始数低于一百万的链中有多少个包含正好六十个非重复项？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler74()</code>应返回402。
+    testString: 'assert.strictEqual(euler74(), 402, "<code>euler74()</code> should return 402.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler74() {
+  // Good luck!
+  return true;
+}
+
+euler74();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-75-singular-integer-right-triangles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-75-singular-integer-right-triangles.chinese.md
new file mode 100644
index 0000000000..6140ce61cd
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-75-singular-integer-right-triangles.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b71000cf542c50feca
+challengeType: 5
+title: 'Problem 75: Singular integer right triangles'
+videoUrl: ''
+localeTitle: 问题75：奇异整数直角三角形
+---
+
+## Description
+<section id="description">事实证明，12厘米是最小的导线长度，可以弯曲形成一个完整的直角三角形，只有一种方式，但还有更多的例子。 12 cm：（3,4,5）24 cm：（6,8,10）30 cm：（5,12,13）36 cm：（9,12,15）40 cm：（8,15,17） 48厘米：（12,16,20）相比之下，一些长度的线，如20厘米，不能弯曲形成整数个直角三角形，其他长度允许找到多个解决方案;例如，使用120厘米，可以精确地形成三个不同的整数侧直角三角形。 120厘米：（30,40,50），（20,48,52），（24,45,51）假设L是线的长度，L≤1,500,000的多少个数值恰好可以是一个整数的右边角三角形成？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler75()</code>应返回161667。
+    testString: 'assert.strictEqual(euler75(), 161667, "<code>euler75()</code> should return 161667.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler75() {
+  // Good luck!
+  return true;
+}
+
+euler75();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-76-counting-summations.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-76-counting-summations.chinese.md
new file mode 100644
index 0000000000..8118a59024
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-76-counting-summations.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b81000cf542c50fecb
+challengeType: 5
+title: 'Problem 76: Counting summations'
+videoUrl: ''
+localeTitle: 问题76：计算总结
+---
+
+## Description
+<section id="description">可以用六种不同的方式将五个作为总和写成：4 + 1 3 + 2 3 + 1 + 1 2 + 2 + 1 2 + 1 + 1 + 1 1 + 1 + 1 + 1 + 1多少个不同一百种方式可以写成至少两个正整数的总和？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler76()</code>应该返回190569291。
+    testString: 'assert.strictEqual(euler76(), 190569291, "<code>euler76()</code> should return 190569291.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler76() {
+  // Good luck!
+  return true;
+}
+
+euler76();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-77-prime-summations.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-77-prime-summations.chinese.md
new file mode 100644
index 0000000000..02e6751168
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-77-prime-summations.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b91000cf542c50fecc
+challengeType: 5
+title: 'Problem 77: Prime summations'
+videoUrl: ''
+localeTitle: 问题77：总结
+---
+
+## Description
+<section id="description">可以用五种不同的方式将十个作为素数之和：7 + 3 5 + 5 5 + 3 + 2 3 + 3 + 2 + 2 2 + 2 + 2 + 2 + 2第一个值是多少可以用五千多种不同的方式写成素数之和？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler77()</code>应该返回71。
+    testString: 'assert.strictEqual(euler77(), 71, "<code>euler77()</code> should return 71.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler77() {
+  // Good luck!
+  return true;
+}
+
+euler77();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-78-coin-partitions.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-78-coin-partitions.chinese.md
new file mode 100644
index 0000000000..6deb0e7451
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-78-coin-partitions.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ba1000cf542c50fecd
+challengeType: 5
+title: 'Problem 78: Coin partitions'
+videoUrl: ''
+localeTitle: 问题78：硬币分区
+---
+
+## Description
+<section id="description">设p（n）表示n个硬币可以分成桩的不同方式的数量。例如，五个硬币可以用七种不同的方式分成几堆，所以p（5）= 7。 <p> OOOOO OOOO O OOO OO OOO O O OO OO O O O O O O O O O O O O O O O O O O O O O O O O O </p><p>找到n的最小值，p（n）可以被一百万整除。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler78()</code>应返回55374。
+    testString: 'assert.strictEqual(euler78(), 55374, "<code>euler78()</code> should return 55374.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler78() {
+  // Good luck!
+  return true;
+}
+
+euler78();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-79-passcode-derivation.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-79-passcode-derivation.chinese.md
new file mode 100644
index 0000000000..f82eebefdb
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-79-passcode-derivation.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3bb1000cf542c50fece
+challengeType: 5
+title: 'Problem 79: Passcode derivation'
+videoUrl: ''
+localeTitle: 问题79：密码派生
+---
+
+## Description
+<section id="description">用于在线银行业务的常见安全方法是向用户询问密码中的三个随机字符。例如，如果密码是531278，他们可能会要求输入第2，第3和第5个字符;预期的回复是：317。文本文件keylog.txt包含50次成功的登录尝试。鉴于总是按顺序询问三个字符，分析该文件以确定未知长度的最短可能秘密密码。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler79()</code>应该返回73162890。
+    testString: 'assert.strictEqual(euler79(), 73162890, "<code>euler79()</code> should return 73162890.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler79() {
+  // Good luck!
+  return true;
+}
+
+euler79();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-8-largest-product-in-a-series.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-8-largest-product-in-a-series.chinese.md
new file mode 100644
index 0000000000..33ba46d7ca
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-8-largest-product-in-a-series.chinese.md
@@ -0,0 +1,58 @@
+---
+id: 5900f3741000cf542c50fe87
+challengeType: 5
+title: 'Problem 8: Largest product in a series'
+videoUrl: ''
+localeTitle: 问题8：系列中最大的产品
+---
+
+## Description
+<section id="description">具有最大乘积的1000位数字中的四个相邻数字是9×9×8×9 = 5832。 <div style="text-align: center;"> 73167176531330624919225119674426574742355349194934 </div><div style="text-align: center;"> 96983520312774506326239578318016984801869478851843 </div><div style="text-align: center;"> 85861560789112949495459501737958331952853208805511 </div><div style="text-align: center;"> 12540698747158523863050715693290963295227443043557 </div><div style="text-align: center;"> 66896648950445244523161731856403098711121722383113 </div><div style="text-align: center;"> 62229893423380308135336276614282806444486645238749 </div><div style="text-align: center;"> 30358907296290491560440772390713810515859307960866 </div><div style="text-align: center;"> 70172427121883998797908792274921901699720888093776 </div><div style="text-align: center;"> 65727333001053367881220235421809751254540594752243 </div><div style="text-align: center;"> 52584907711670556013604839586446706324415722155397 </div><div style="text-align: center;"> 53697817977846174064955149290862569321978468622482 </div><div style="text-align: center;"> 83972241375657056057490261407972968652414535100474 </div><div style="text-align: center;"> 82166370484403199890008895243450658541227588666881 </div><div style="text-align: center;"> 16427171479924442928230863465674813919123162824586 </div><div style="text-align: center;"> 17866458359124566529476545682848912883142607690042 </div><div style="text-align: center;"> 24219022671055626321111109370544217506941658960408 </div><div style="text-align: center;"> 07198403850962455444362981230987879927244284909188 </div><div style="text-align: center;"> 84580156166097919133875499200524063689912560717606 </div><div style="text-align: center;"> 05886116467109405077541002256983155200055935729725 </div><div style="text-align: center;"> 71636269561882670428252483600823257530420752963450 </div>找到具有最大乘积的1000位数字中的<code>n</code>相邻数字。这个产品有什么价值？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>largestProductinaSeries(4)</code>应该返回5832。
+    testString: 'assert.strictEqual(largestProductinaSeries(4), 5832, "<code>largestProductinaSeries(4)</code> should return 5832.");'
+  - text: <code>largestProductinaSeries(13)</code>应返回23514624000。
+    testString: 'assert.strictEqual(largestProductinaSeries(13), 23514624000, "<code>largestProductinaSeries(13)</code> should return 23514624000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestProductinaSeries(n) {
+  // Good luck!
+  let thousandDigits = [7,3,1,6,7,1,7,6,5,3,1,3,3,0,6,2,4,9,1,9,2,2,5,1,1,9,6,7,4,4,2,6,5,7,4,7,4,2,3,5,5,3,4,9,1,9,4,9,3,4,9,6,9,8,3,5,2,0,3,1,2,7,7,4,5,0,6,3,2,6,2,3,9,5,7,8,3,1,8,0,1,6,9,8,4,8,0,1,8,6,9,4,7,8,8,5,1,8,4,3,8,5,8,6,1,5,6,0,7,8,9,1,1,2,9,4,9,4,9,5,4,5,9,5,0,1,7,3,7,9,5,8,3,3,1,9,5,2,8,5,3,2,0,8,8,0,5,5,1,1,1,2,5,4,0,6,9,8,7,4,7,1,5,8,5,2,3,8,6,3,0,5,0,7,1,5,6,9,3,2,9,0,9,6,3,2,9,5,2,2,7,4,4,3,0,4,3,5,5,7,6,6,8,9,6,6,4,8,9,5,0,4,4,5,2,4,4,5,2,3,1,6,1,7,3,1,8,5,6,4,0,3,0,9,8,7,1,1,1,2,1,7,2,2,3,8,3,1,1,3,6,2,2,2,9,8,9,3,4,2,3,3,8,0,3,0,8,1,3,5,3,3,6,2,7,6,6,1,4,2,8,2,8,0,6,4,4,4,4,8,6,6,4,5,2,3,8,7,4,9,3,0,3,5,8,9,0,7,2,9,6,2,9,0,4,9,1,5,6,0,4,4,0,7,7,2,3,9,0,7,1,3,8,1,0,5,1,5,8,5,9,3,0,7,9,6,0,8,6,6,7,0,1,7,2,4,2,7,1,2,1,8,8,3,9,9,8,7,9,7,9,0,8,7,9,2,2,7,4,9,2,1,9,0,1,6,9,9,7,2,0,8,8,8,0,9,3,7,7,6,6,5,7,2,7,3,3,3,0,0,1,0,5,3,3,6,7,8,8,1,2,2,0,2,3,5,4,2,1,8,0,9,7,5,1,2,5,4,5,4,0,5,9,4,7,5,2,2,4,3,5,2,5,8,4,9,0,7,7,1,1,6,7,0,5,5,6,0,1,3,6,0,4,8,3,9,5,8,6,4,4,6,7,0,6,3,2,4,4,1,5,7,2,2,1,5,5,3,9,7,5,3,6,9,7,8,1,7,9,7,7,8,4,6,1,7,4,0,6,4,9,5,5,1,4,9,2,9,0,8,6,2,5,6,9,3,2,1,9,7,8,4,6,8,6,2,2,4,8,2,8,3,9,7,2,2,4,1,3,7,5,6,5,7,0,5,6,0,5,7,4,9,0,2,6,1,4,0,7,9,7,2,9,6,8,6,5,2,4,1,4,5,3,5,1,0,0,4,7,4,8,2,1,6,6,3,7,0,4,8,4,4,0,3,1,9,9,8,9,0,0,0,8,8,9,5,2,4,3,4,5,0,6,5,8,5,4,1,2,2,7,5,8,8,6,6,6,8,8,1,1,6,4,2,7,1,7,1,4,7,9,9,2,4,4,4,2,9,2,8,2,3,0,8,6,3,4,6,5,6,7,4,8,1,3,9,1,9,1,2,3,1,6,2,8,2,4,5,8,6,1,7,8,6,6,4,5,8,3,5,9,1,2,4,5,6,6,5,2,9,4,7,6,5,4,5,6,8,2,8,4,8,9,1,2,8,8,3,1,4,2,6,0,7,6,9,0,0,4,2,2,4,2,1,9,0,2,2,6,7,1,0,5,5,6,2,6,3,2,1,1,1,1,1,0,9,3,7,0,5,4,4,2,1,7,5,0,6,9,4,1,6,5,8,9,6,0,4,0,8,0,7,1,9,8,4,0,3,8,5,0,9,6,2,4,5,5,4,4,4,3,6,2,9,8,1,2,3,0,9,8,7,8,7,9,9,2,7,2,4,4,2,8,4,9,0,9,1,8,8,8,4,5,8,0,1,5,6,1,6,6,0,9,7,9,1,9,1,3,3,8,7,5,4,9,9,2,0,0,5,2,4,0,6,3,6,8,9,9,1,2,5,6,0,7,1,7,6,0,6,0,5,8,8,6,1,1,6,4,6,7,1,0,9,4,0,5,0,7,7,5,4,1,0,0,2,2,5,6,9,8,3,1,5,5,2,0,0,0,5,5,9,3,5,7,2,9,7,2,5,7,1,6,3,6,2,6,9,5,6,1,8,8,2,6,7,0,4,2,8,2,5,2,4,8,3,6,0,0,8,2,3,2,5,7,5,3,0,4,2,0,7,5,2,9,6,3,4,5,0];
+  return true;
+}
+
+largestProductinaSeries(13);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-80-square-root-digital-expansion.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-80-square-root-digital-expansion.chinese.md
new file mode 100644
index 0000000000..865927ae9e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-80-square-root-digital-expansion.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3bc1000cf542c50fecf
+challengeType: 5
+title: 'Problem 80: Square root digital expansion'
+videoUrl: ''
+localeTitle: 问题80：平方根数字扩展
+---
+
+## Description
+<section id="description">众所周知，如果自然数的平方根不是整数，那么它是不合理的。这种平方根的十进制扩展是无限的，没有任何重复模式。二的平方根是1.41421356237309504880 ...，前一百个十进制数字的数字和是475.对于前一百个自然数，找到所有的前一百个十进制数字的数字总和的总和。不合理的平方根。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler80()</code>应返回40886。
+    testString: 'assert.strictEqual(euler80(), 40886, "<code>euler80()</code> should return 40886.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler80() {
+  // Good luck!
+  return true;
+}
+
+euler80();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-81-path-sum-two-ways.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-81-path-sum-two-ways.chinese.md
new file mode 100644
index 0000000000..194c92fe12
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-81-path-sum-two-ways.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3bd1000cf542c50fed0
+challengeType: 5
+title: 'Problem 81: Path sum: two ways'
+videoUrl: ''
+localeTitle: 问题81：路径总和：两种方式
+---
+
+## Description
+<section id="description">在下面的5乘5矩阵中，从左上角到右下角的最小路径总和，仅向右和向下移动，以粗体红色表示，等于2427。 <p> $$ \ begin {pmatrix} \ color {red} {131}＆673＆234＆103＆18 \ \ color {red} {201}＆\ color {red} {96}＆\ color {red} {342} ＆965＆150 \ 630＆803＆\ color {red} {746}＆\ color {red} {422}＆111 \ 537＆699＆497＆\ color {red} {121}＆956 \ 805＆732＆ 524＆\ color {red} {37}＆\ color {red} {331} \ end {pmatrix} $$ </p><p>在matrix.txt中找到最小路径总和（右键单击并“保存链接/目标为...”），一个包含80 x 80矩阵的31K文本文件，从左上角到右下角仅向右移动下。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler81()</code>应该返回427337。
+    testString: 'assert.strictEqual(euler81(), 427337, "<code>euler81()</code> should return 427337.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler81() {
+  // Good luck!
+  return true;
+}
+
+euler81();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-82-path-sum-three-ways.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-82-path-sum-three-ways.chinese.md
new file mode 100644
index 0000000000..1117ac5b9d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-82-path-sum-three-ways.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3be1000cf542c50fed1
+challengeType: 5
+title: 'Problem 82: Path sum: three ways'
+videoUrl: ''
+localeTitle: 问题82：路径总和：三种方式
+---
+
+## Description
+<section id="description">注意：这个问题是问题81的一个更具挑战性的版本。在下面的5乘5矩阵中的最小路径总和，从左列中的任何单元格开始并在右列中的任何单元格中完成，并且仅向上，向下移动，右边用红色和粗体表示;总和等于994。 <p> $$ \ begin {pmatrix} 131＆673＆\ color {red} {234}＆\ color {red} {103}＆\ color {red} {18} \ \ color {red} {201}＆\ color {红色} {96}＆\ color {red} {342}＆965＆150 \ 630＆803＆746＆422＆111 \ 537＆699＆497＆121＆956 \ 805＆732＆524＆37＆331 \ end {pmatrix} $$ </p><p>在matrix.txt（右键单击和“Save Link / Target As ...”）中查找最小路径总和，这是一个包含80 x 80矩阵的31K文本文件，从左列到右列。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler82()</code>应返回260324。
+    testString: 'assert.strictEqual(euler82(), 260324, "<code>euler82()</code> should return 260324.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler82() {
+  // Good luck!
+  return true;
+}
+
+euler82();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-83-path-sum-four-ways.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-83-path-sum-four-ways.chinese.md
new file mode 100644
index 0000000000..320b374949
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-83-path-sum-four-ways.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3bf1000cf542c50fed2
+challengeType: 5
+title: 'Problem 83: Path sum: four ways'
+videoUrl: ''
+localeTitle: 问题83：路径总和：四种方式
+---
+
+## Description
+<section id="description">注意：此问题是问题81的一个更具挑战性的版本。在下面的5乘5矩阵中，通过向左，向右，向上和向下移动，从左上角到右下角的最小路径总和以粗体表示红色等于2297。 <p> $$ \ begin {pmatrix} \ color {red} {131}＆673＆\ color {red} {234}＆\ color {red} {103}＆\ color {red} {18} \ \ color {red} {201}＆\ color {red} {96}＆\ color {red} {342}＆965＆\ color {red} {150} \ 630＆803＆746＆\ color {red} {422}＆\ color {red} {111} \ 537＆699＆497＆\ color {red} {121}＆956 \ 805＆732＆524＆\ color {red} {37}＆\ color {red} {331} \ end { pmatrix} $$ </p><p>在matrix.txt中找到最小路径总和（右键单击并“保存链接/目标为...”），一个包含80 x 80矩阵的31K文本文件，通过向左，向右移动从左上角到右下角， 上和下。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler83()</code>应返回425185。
+    testString: 'assert.strictEqual(euler83(), 425185, "<code>euler83()</code> should return 425185.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler83() {
+  // Good luck!
+  return true;
+}
+
+euler83();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-84-monopoly-odds.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-84-monopoly-odds.chinese.md
new file mode 100644
index 0000000000..ad9a5bc39e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-84-monopoly-odds.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c11000cf542c50fed3
+challengeType: 5
+title: 'Problem 84: Monopoly odds'
+videoUrl: ''
+localeTitle: 问题84：垄断赔率
+---
+
+## Description
+<section id="description">在游戏“大富翁”中，标准板的设置方式如下： <p> GO A1 CC1 A2 T1 R1 B1 CH1 B2 B3 JAIL H2 </p><p> C1 T2 </p><p> U1 H1 </p><p> C2 CH3 </p><p> C3 R4 </p><p> R2 G3 </p><p> D1 CC3 </p><p> CC2 G2 </p><p> D2 G1 </p><p> D3 G2J F3 U2 F2 F1 R3 E3 E2 CH2 E1 FP </p><p>玩家在GO广场上开始并在两个6面骰子上添加分数以确定它们以顺时针方向前进的方格数。如果没有任何进一步的规则，我们期望以相同的概率访问每个广场：2.5％。但是，登陆G2J（Go To Jail），CC（社区胸部）和CH（机会）会改变这种分布。除了G2J，还有来自CC和CH的一张牌，命令玩家直接进入监狱，如果玩家连续三次打败，他们不会推进他们的第三次掷骰结果。相反，他们直接进入监狱。在游戏开始时，CC和CH卡被洗牌。当玩家登陆CC或CH时，他们从相应堆的顶部取出一张牌，并按照说明后将其返回到堆的底部。每堆中有16张牌，但出于这个问题的目的，我们只关心命令运动的牌;任何与运动无关的指令都将被忽略，玩家将保留在CC / CH广场上。公益金（2/16卡）：前往GO去JAIL </p><p>机会（10/16卡）：前往GO转到JAIL转到C1转到E3转到H2转到R1转到下一个R（铁路公司）转到下一个R转到下一个U（公用事业公司）返回3个方块。 </p><p>这个问题的核心是访问特定广场的可能性。也就是说，在滚动之后在该正方形处完成的概率。由于这个原因，应该清楚的是，除了完成它的概率为零的G2J之外，CH方块将具有最低概率，因为5/8请求移动到另一个方格，并且它是最终的玩家在我们感兴趣的每一卷上完成的方格。我们不会区分“Just Visiting”和被送到JAIL，我们也会忽略关于要求双重“离开监狱”的规则，假设他们支付下一轮出去的费用。通过从GO开始并按顺序从00到39对方块进行编号，我们可以连接这些两位数字以产生与方块组对应的字符串。统计上可以看出，按顺序排列的三个最受欢迎的正方形是JAIL（6.24％）= Square 10，E3（3.18％）= Square 24和GO（3.09％）= Square 00.所以这三个最受欢迎的正方形可以使用六位数模态字符串列出：102400。如果使用两个4面骰子而不是使用两个6面骰子，则找到六位数模态字符串。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler84()</code>应返回101524。
+    testString: 'assert.strictEqual(euler84(), 101524, "<code>euler84()</code> should return 101524.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler84() {
+  // Good luck!
+  return true;
+}
+
+euler84();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-85-counting-rectangles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-85-counting-rectangles.chinese.md
new file mode 100644
index 0000000000..b399e2e99d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-85-counting-rectangles.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c11000cf542c50fed4
+challengeType: 5
+title: 'Problem 85: Counting rectangles'
+videoUrl: ''
+localeTitle: 问题85：计算矩形
+---
+
+## Description
+<section id="description">通过仔细计数可以看出，3×2的矩形网格包含十八个矩形： <p>虽然不存在包含正好两百万个矩形的矩形网格，但是找到最近解的网格区域。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler85()</code>应该返回2772。
+    testString: 'assert.strictEqual(euler85(), 2772, "<code>euler85()</code> should return 2772.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler85() {
+  // Good luck!
+  return true;
+}
+
+euler85();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-86-cuboid-route.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-86-cuboid-route.chinese.md
new file mode 100644
index 0000000000..243a2380e7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-86-cuboid-route.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c31000cf542c50fed5
+challengeType: 5
+title: 'Problem 86: Cuboid route'
+videoUrl: ''
+localeTitle: 问题86：长方体路线
+---
+
+## Description
+<section id="description">一只蜘蛛S坐在一个长方形房间的一个角落里，尺寸为6乘5乘3，一只苍蝇F坐在对面的角落里。通过在房间的表面上行进，从S到F的最短“直线”距离是10并且路径在图上示出。 <p>但是，对于任何给定的长方体，最多有三个“最短”路径候选，并且最短路径并不总是具有整数长度。可以证明，正好有2060个不同的长方体，忽略旋转，具有整数尺寸，最大尺寸为M×M×M，当M = 100时，最短路径具有整数长度。这是最小值M的解决方案数首先超过两千;当M = 99时的解的数量是1975.找到M的最小值，使得解的数量首先超过一百万。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler86()</code>应该返回1818年。
+    testString: 'assert.strictEqual(euler86(), 1818, "<code>euler86()</code> should return 1818.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler86() {
+  // Good luck!
+  return true;
+}
+
+euler86();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-87-prime-power-triples.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-87-prime-power-triples.chinese.md
new file mode 100644
index 0000000000..b63d9ae8fe
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-87-prime-power-triples.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c51000cf542c50fed8
+challengeType: 5
+title: 'Problem 87: Prime power triples'
+videoUrl: ''
+localeTitle: 问题87：Prime power三倍
+---
+
+## Description
+<section id="description">可表示为素数平方，素数立方和素数四次幂之和的最小数是28.事实上，正好有四个数字低于五十，可以用这样的方式表示：28 = 22 + 23 + 24 33 = 32 + 23 + 24 49 = 52 + 23 + 24 47 = 22 + 33 + 24五千万以下的数字可以表示为素数，素数和素数四次幂之和？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler87()</code>应该返回1097343。
+    testString: 'assert.strictEqual(euler87(), 1097343, "<code>euler87()</code> should return 1097343.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler87() {
+  // Good luck!
+  return true;
+}
+
+euler87();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-88-product-sum-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-88-product-sum-numbers.chinese.md
new file mode 100644
index 0000000000..f5e6e88b81
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-88-product-sum-numbers.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c51000cf542c50fed6
+challengeType: 5
+title: 'Problem 88: Product-sum numbers'
+videoUrl: ''
+localeTitle: 问题88：产品总和数
+---
+
+## Description
+<section id="description">可以写为至少两个自然数{a1，a2，...，ak}的给定集合的和和乘积的自然数N称为乘积和数：N = a1 + a2 + ... + ak = a1×a2×...×ak。例如，6 = 1 + 2 + 3 = 1×2×3。对于给定的大小集合k，我们将使用此属性调用最小的N作为最小乘积和数。尺寸组k = 2,3,4,5和6的最小乘积和数如下。 k = 2：4 = 2×2 = 2 + 2k = 3：6 = 1×2×3 = 1 + 2 + 3k = 4：8 = 1×1×2×4 = 1 + 1 + 2 + 4k = 5：8 = 1×1×2×2×2 = 1 + 1 + 2 + 2 + 2k = 6：12 = 1×1×1×1×2×6 = 1 + 1 + 1 + 1 + 2 +因此，对于2≤k≤6，所有最小乘积和数之和为4 + 6 + 8 + 12 = 30;请注意，8只计算总和一次。实际上，由于2≤k≤12的完整最小乘积和数是{4,6,8,12,15,16}，因此总和为61.所有最小乘积和的总和是多少数字为2≤k≤12000？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler88()</code>应该返回7587457。
+    testString: 'assert.strictEqual(euler88(), 7587457, "<code>euler88()</code> should return 7587457.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler88() {
+  // Good luck!
+  return true;
+}
+
+euler88();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-89-roman-numerals.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-89-roman-numerals.chinese.md
new file mode 100644
index 0000000000..570c62e2d3
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-89-roman-numerals.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c51000cf542c50fed7
+challengeType: 5
+title: 'Problem 89: Roman numerals'
+videoUrl: ''
+localeTitle: 问题89：罗马数字
+---
+
+## Description
+<section id="description">对于以罗马数字书写的数字被认为有效，必须遵循基本规则。尽管规则允许以不止一种方式表达某些数字，但始终存在编写特定数字的“最佳”方式。例如，似乎至少有六种方式编写十六号：IIIIIIIIIIIIIII VIIIIIIIIII VVIIIIII XIIIIII VVVI XVI但是，根据规则，只有XIIIIII和XVI是有效的，最后一个例子被认为是最有效的，因为它使用最少数量的数字。 11K文本文件roman.txt（右键单击和&#39;Save Link / Target As ...&#39;）包含一千个用有效但不一定是最小的罗马数字写的数字;请参阅关于...罗马数字，了解此问题的明确规则。通过以最小的形式编写每个字符来查找保存的字符数。注意：您可以假设文件中的所有罗马数字包含不超过四个连续的相同单位。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler89()</code>应该返回743。
+    testString: 'assert.strictEqual(euler89(), 743, "<code>euler89()</code> should return 743.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler89() {
+  // Good luck!
+  return true;
+}
+
+euler89();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-9-special-pythagorean-triplet.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-9-special-pythagorean-triplet.chinese.md
new file mode 100644
index 0000000000..5ac8975824
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-9-special-pythagorean-triplet.chinese.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3761000cf542c50fe88
+challengeType: 5
+title: 'Problem 9: Special Pythagorean triplet'
+videoUrl: ''
+localeTitle: 问题9：特殊的毕达哥拉斯三重奏
+---
+
+## Description
+<section id="description">毕达哥拉斯三元组是一组三个自然数， <var>a</var> &lt; <var>b</var> &lt; <var>c</var> ，其中， <div style="text-align: center;"> <var>a</var> <sup>2</sup> + <var>b</var> <sup>2</sup> = <var>c</var> <sup>2</sup> </div>例如，3 <sup>2</sup> + 4 <sup>2</sup> = 9 + 16 = 25 = 5 <sup>2</sup> 。恰好存在一个毕达哥拉斯三元组，其中<var>a</var> + <var>b</var> + <var>c</var> = 1000.求产品<var>abc</var>使得<var>a</var> + <var>b</var> + <var>c</var> = <code>n</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>specialPythagoreanTriplet(1000)</code>应返回31875000。
+    testString: 'assert.strictEqual(specialPythagoreanTriplet(1000), 31875000, "<code>specialPythagoreanTriplet(1000)</code> should return 31875000.");'
+  - text: <code>specialPythagoreanTriplet(24)</code>应该返回480。
+    testString: 'assert.strictEqual(specialPythagoreanTriplet(24), 480, "<code>specialPythagoreanTriplet(24)</code> should return 480.");'
+  - text: <code>specialPythagoreanTriplet(120)</code>应该返回49920。
+    testString: 'assert.strictEqual(specialPythagoreanTriplet(120), 49920, "<code>specialPythagoreanTriplet(120)</code> should return 49920.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function specialPythagoreanTriplet(n) {
+ let sumOfabc = n;
+ // Good luck!
+ return true;
+}
+
+specialPythagoreanTriplet(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-90-cube-digit-pairs.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-90-cube-digit-pairs.chinese.md
new file mode 100644
index 0000000000..f3035bedb4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-90-cube-digit-pairs.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c61000cf542c50fed9
+challengeType: 5
+title: 'Problem 90: Cube digit pairs'
+videoUrl: ''
+localeTitle: 问题90：立方体数字对
+---
+
+## Description
+<section id="description">立方体上的六个面中的每一个都有一个写在其上的不同数字（0到9）;第二个立方体也是如此。通过将两个立方体并排放置在不同的位置，我们可以形成各种2位数字。 <p>例如，可以形成平方数64： </p><p>实际上，通过仔细选择两个立方体上的数字，可以显示低于100的所有正方形数字：01,04,09,16,25,36,49,64和81。 </p><p>例如，可以实现的一种方法是将{0,5,6,7,8,9}放在一个立方体上，将{1,2,3,4,8,9}放在另一个立方体上。 </p><p>但是，对于这个问题，我们应该允许将6或9颠倒，以便安排像{0,5,6,7,8,9}和{1,2,3,4,6,7}允许显示所有九个方形数字;否则就不可能获得09。 </p><p>在确定不同的排列时，我们对每个立方体上的数字感兴趣，而不是订单。 </p><p> {1,2,3,4,5,6}相当于{3,6,4,1,2,5} {1,2,3,4,5,6}不同于{1,2， 3,4,5,9} </p><p>但是因为我们允许反转6和9，所以最后一个例子中的两个不同的集合都代表扩展集{1,2,3,4,5,6,9}以形成2位数字。 </p><p>两个立方体有多少不同的排列可以显示所有的方形数字？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler90()</code>应该返回1217。
+    testString: 'assert.strictEqual(euler90(), 1217, "<code>euler90()</code> should return 1217.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler90() {
+  // Good luck!
+  return true;
+}
+
+euler90();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-91-right-triangles-with-integer-coordinates.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-91-right-triangles-with-integer-coordinates.chinese.md
new file mode 100644
index 0000000000..f287b7210a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-91-right-triangles-with-integer-coordinates.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c71000cf542c50feda
+challengeType: 5
+title: 'Problem 91: Right triangles with integer coordinates'
+videoUrl: ''
+localeTitle: 问题91：带有整数坐标的直角三角形
+---
+
+## Description
+<section id="description">点P（x1，y1）和Q（x2，y2）绘制在整数坐标处并连接到原点O（0,0），以形成ΔOPQ。 <p>正好有十四个三角形包含一个直角，当每个坐标位于0和2之间时，可以形成直角;即，0≤x1，y1，x2，y2≤2。 </p><p>假设0≤x1，y1，x2，y2≤50，可以形成多少个直角三角形？ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler91()</code>应返回<code>euler91()</code> 。
+    testString: 'assert.strictEqual(euler91(), 14234, "<code>euler91()</code> should return 14234.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler91() {
+  // Good luck!
+  return true;
+}
+
+euler91();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-92-square-digit-chains.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-92-square-digit-chains.chinese.md
new file mode 100644
index 0000000000..05e3a41db8
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-92-square-digit-chains.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c81000cf542c50fedb
+challengeType: 5
+title: 'Problem 92: Square digit chains'
+videoUrl: ''
+localeTitle: 问题92：方形数字链
+---
+
+## Description
+<section id="description">通过在数字中连续添加数字的平方来创建数字链，以形成新的数字，直到之前看到它为止。例如，44→32→13→10→1→1 85→89→145→42→20→4→16→37→58→89因此，任何到达1或89的链条都会卡在无限循环中。最令人惊讶的是，每个起始号码最终都会达到1或89.低于一千万的起始号码将达到89个？ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler92()</code>应返回8581146。
+    testString: 'assert.strictEqual(euler92(), 8581146, "<code>euler92()</code> should return 8581146.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler92() {
+  // Good luck!
+  return true;
+}
+
+euler92();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-93-arithmetic-expressions.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-93-arithmetic-expressions.chinese.md
new file mode 100644
index 0000000000..4ffcee93c3
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-93-arithmetic-expressions.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ca1000cf542c50fedc
+challengeType: 5
+title: 'Problem 93: Arithmetic expressions'
+videoUrl: ''
+localeTitle: 问题93：算术表达式
+---
+
+## Description
+<section id="description">通过使用集合中的每个数字{1,2,3,4}，恰好一次，并利用四个算术运算（+， - ，*，/）和括号/括号，可以形成不同的正整数目标。例如，8 =（4 *（1 + 3））/ 2 14 = 4 *（3 + 1/2）19 = 4 *（2 + 3） -  1 36 = 3 * 4 *（2 + 1）注数字的连接，如12 + 34，是不允许的。使用集合{1,2,3,4}，可以获得31个不同的目标数，其中36个是最大的，并且在遇到第一个不可表达之前可以获得数字1到28中的每一个。数。找到四个不同数字的集合，a &lt;b &lt;c &lt;d，可以获得最长的一组连续正整数，1到n，给出你的答案字符串：abcd。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler93()</code>应返回1258。
+    testString: 'assert.strictEqual(euler93(), 1258, "<code>euler93()</code> should return 1258.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler93() {
+  // Good luck!
+  return true;
+}
+
+euler93();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-94-almost-equilateral-triangles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-94-almost-equilateral-triangles.chinese.md
new file mode 100644
index 0000000000..01a7e98c53
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-94-almost-equilateral-triangles.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ca1000cf542c50fedd
+challengeType: 5
+title: 'Problem 94: Almost equilateral triangles'
+videoUrl: ''
+localeTitle: 问题94：几乎等边三角形
+---
+
+## Description
+<section id="description">很容易证明，不存在具有整体长边和整体面积的等边三角形。然而，几乎等边三角形5-5-6的面积为12平方单位。我们将几乎等边三角形定义为三边形，其中两边相等，第三边相差不超过一个单位。求出所有几乎等边三角形的周长之和，其中边长和面积不超过十亿（1,000,000,000）。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler94()</code>应该返回518408346。
+    testString: 'assert.strictEqual(euler94(), 518408346, "<code>euler94()</code> should return 518408346.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler94() {
+  // Good luck!
+  return true;
+}
+
+euler94();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-95-amicable-chains.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-95-amicable-chains.chinese.md
new file mode 100644
index 0000000000..59cbbaf2a1
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-95-amicable-chains.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3cc1000cf542c50fede
+challengeType: 5
+title: 'Problem 95: Amicable chains'
+videoUrl: ''
+localeTitle: 问题95：友好的链条
+---
+
+## Description
+<section id="description">一个数的适当除数是除数字本身之外的所有除数。例如，28的正确除数是1,2,4,7和14.由于这些除数的总和等于28，我们称之为完全数。有趣的是，220的适当除数之和为284，284的适当除数之和为220，形成两个数的链。出于这个原因，220和284被称为友好对。也许鲜为人知的是较长的链条。例如，从12496开始，我们形成一个五个数字的链：12496→14288→15472→14536→14264（→12496→...）由于该链返回其起始点，因此称为友好链。找到最长友好链中最小的成员，没有超过一百万的元素。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler95()</code>应返回14316。
+    testString: 'assert.strictEqual(euler95(), 14316, "<code>euler95()</code> should return 14316.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler95() {
+  // Good luck!
+  return true;
+}
+
+euler95();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-96-su-doku.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-96-su-doku.chinese.md
new file mode 100644
index 0000000000..aa6a85552f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-96-su-doku.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3cc1000cf542c50fedf
+challengeType: 5
+title: 'Problem 96: Su Doku'
+videoUrl: ''
+localeTitle: 问题96：苏杜库
+---
+
+## Description
+<section id="description"> Su Doku（日语含义数字位置）是流行拼图概念的名称。它的起源尚不清楚，但必须归功于莱昂哈德·欧拉（Leonhard Euler），他发明了一种类似的，更加困难的拼图游戏，称为拉丁广场（Latin Squares）。然而，Su Doku谜题的目标是替换9乘9网格中的空白（或零），使得每行，每列和3乘3包含每个数字1到9.下面是一个示例一个典型的起始拼图网格及其解决方案网格。 <p> 0 0 39 0 00 0 1 0 2 03 0 58 0 6 6 0 00 0 14 0 0 0 0 87 0 00 0 6 1 0 20 0 07 0 8 9 0 00 0 82 0 0 0 0 28 0 00 0 5 6 0 92 0 30 1 0 5 0 00 0 93 0 0 </p><p> 4 8 39 6 72 5 1 9 2 13 4 58 7 6 6 5 78 2 14 9 3 5 4 87 2 91 3 6 1 3 25 6 47 9 8 9 7 61 3 82 4 5 3 7 28 1 46 9 5 6 8 92 5 34 1 7 5 1 47 6 93 8 2 </p><p>一个构造良好的Su Doku拼图有一个独特的解决方案，可以通过逻辑解决，虽然可能需要采用“猜测和测试”方法来消除选项（对此有很多争议的意见）。搜索的复杂性决定了拼图的难度;上面的例子被认为是简单的，因为它可以通过直接直接扣除来解决。 6K文本文件，sudoku.txt（右键单击和&#39;保存链接/目标为...&#39;），包含五十个不同的Su Doku难题，但都有独特的解决方案（文件中的第一个谜题是上面的例子） ）。通过解决所有五十个谜题，找到每个解决方案网格左上角找到的3位数字的总和;例如，483是上面解决方案网格左上角的3位数字。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler96()</code>应返回24702。
+    testString: 'assert.strictEqual(euler96(), 24702, "<code>euler96()</code> should return 24702.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler96() {
+  // Good luck!
+  return true;
+}
+
+euler96();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.chinese.md
new file mode 100644
index 0000000000..8c399c4d1c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ce1000cf542c50fee0
+challengeType: 5
+title: 'Problem 97: Large non-Mersenne prime'
+videoUrl: ''
+localeTitle: 问题97：大的非梅森素数
+---
+
+## Description
+<section id="description"> 1999年发现了第一个发现超过一百万个数字的已知素数，它是形式为26972593-1的梅森素数;它包含正好2,098,960位数字。随后发现其他形式为2p-1的梅森素数包含更多数字。然而，在2004年发现了一个巨大的非梅森素数，其中包含2,357,207个数字：28433×27830457 + 1。找到此素数的最后十位数字。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler97()</code>应该返回8739992577。
+    testString: 'assert.strictEqual(euler97(), 8739992577, "<code>euler97()</code> should return 8739992577.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler97() {
+  // Good luck!
+  return true;
+}
+
+euler97();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-98-anagramic-squares.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-98-anagramic-squares.chinese.md
new file mode 100644
index 0000000000..534692be85
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-98-anagramic-squares.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3cf1000cf542c50fee1
+challengeType: 5
+title: 'Problem 98: Anagramic squares'
+videoUrl: ''
+localeTitle: 问题98：Anagramic正方形
+---
+
+## Description
+<section id="description">通过分别用1,2,9和6替换单词CARE中的​​每个字母，我们形成一个正方形数字：1296 = 362.值得注意的是，通过使用相同的数字替换，anagram，RACE，形成一个正方形数字：9216 = 962.我们将CARE（和RACE）称为方形字谜字对，并进一步指定不允许前导零，不同的字母也不能与另一个字母具有相同的数字值。使用words.txt（右键单击和“保存链接/目标为...”），一个包含近两千个常用英语单词的16K文本文件，找到所有方形字谜词对（一个回文词不被认为是一个自己的字谜）。这种货币对的任何成员形成的最大平方数是多少？注意：形成的所有字谜必须包含在给定的文本文件中。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler98()</code>应该返回18769。
+    testString: 'assert.strictEqual(euler98(), 18769, "<code>euler98()</code> should return 18769.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler98() {
+  // Good luck!
+  return true;
+}
+
+euler98();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-99-largest-exponential.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-99-largest-exponential.chinese.md
new file mode 100644
index 0000000000..381bf95d78
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/project-euler/problem-99-largest-exponential.chinese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d01000cf542c50fee2
+challengeType: 5
+title: 'Problem 99: Largest exponential'
+videoUrl: ''
+localeTitle: 问题99：最大的指数
+---
+
+## Description
+<section id="description">比较以索引形式（如211和37）编写的两个数字并不困难，因为任何计算器都会确认211 = 2048 &lt;37 = 2187.但是，确认632382518061&gt; 519432525806会更加困难，因为这两个数字都包含超过三百万个数字。使用base_exp.txt（右键单击并“将链接/目标另存为...”），一个22K文本文件包含每行上带有基数/指数对的一千行，确定哪个行号具有最大数值。注意：文件中的前两行代表上面给出的示例中的数字。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler99()</code>应该返回709。
+    testString: 'assert.strictEqual(euler99(), 709, "<code>euler99()</code> should return 709.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler99() {
+  // Good luck!
+  return true;
+}
+
+euler99();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/100-doors.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/100-doors.chinese.md
new file mode 100644
index 0000000000..d9289d1aea
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/100-doors.chinese.md
@@ -0,0 +1,64 @@
+---
+title: 100 doors
+id: 594810f028c0303b75339acb
+challengeType: 5
+videoUrl: ''
+localeTitle: 100门
+---
+
+## Description
+<section id="description"><p>连续100个门都是最初关闭的。你可以在门口进行100次通行证。第一次通过，访问每扇门并“切换”门（如果门关闭，打开它;如果它打开，关闭它）。第二次，只访问每个第二个门（即门＃2，＃4，＃6，......）并切换它。第三次，访问每个第3门（即3号门，＃6号，＃9号，......）等，直到您只访问第100个门。 </p><p>实现一个功能，以确定最后一次通过后门的状态。将最终结果返回到数组中，如果数组打开，则只包含数字中包含的门号。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>getFinalOpenedDoors</code>是一个函数。
+    testString: 'assert(typeof getFinalOpenedDoors === "function", "<code>getFinalOpenedDoors</code> is a function.");'
+  - text: <code>getFinalOpenedDoors</code>应该返回一个数组。
+    testString: 'assert(Array.isArray(getFinalOpenedDoors(100)), "<code>getFinalOpenedDoors</code> should return an array.");'
+  - text: <code>getFinalOpenedDoors</code>没有产生正确的结果。
+    testString: 'assert.deepEqual(getFinalOpenedDoors(100), solution, "<code>getFinalOpenedDoors</code> did not produce the correct results.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getFinalOpenedDoors (numDoors) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/24-game.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/24-game.chinese.md
new file mode 100644
index 0000000000..aa46753353
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/24-game.chinese.md
@@ -0,0 +1,69 @@
+---
+title: 24 game
+id: 5951e88f64ebf159166a1176
+challengeType: 5
+videoUrl: ''
+localeTitle: 24场比赛
+---
+
+## Description
+<section id="description"><p>实现一个以四位数字串为参数的函数，每个数字从1──►9（含），允许重复，并返回一个算术表达式，其值为24。如果不存在这样的解，则返回“没有解决方案。“ </p><p>规则： </p>只允许以下运算符/函数：乘法，除法，加法，减法除法应使用浮点或有理算术等来保留余数。不允许从提供的数字中形成多位数字。 （所以当给出1,2,2和1时，12 + 12的答案是错误的）。给定的数字顺序不必保留。 <p>示例输入： </p> <code>solve24(&quot;4878&quot;);</code> <code>solve24(&quot;1234&quot;);</code> <code>solve24(&quot;6789&quot;);</code> <code>solve24(&quot;1127&quot;);</code> <p>示例输出（字符串）： </p> <code>(7-8/8)*4</code> <code>3*1*4*2</code> <code>(6*8)/(9-7)</code> <code>(1+7)*(2+1)</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>solve24</code>是一个函数。
+    testString: 'assert(typeof solve24 === "function", "<code>solve24</code> is a function.");'
+  - text: <code>solve24(&quot;4878&quot;)</code>应返回<code>(7-8/8)*4</code>或<code>4*(7-8/8)</code>
+    testString: 'assert(include(answers[0], solve24(testCases[0])), "<code>solve24("4878")</code> should return <code>(7-8/8)*4</code> or <code>4*(7-8/8)</code>");'
+  - text: <code>solve24(&quot;1234&quot;)</code>应返回<code>1*2*3*4</code>任何排列
+    testString: 'assert(include(answers[1], solve24(testCases[1])), "<code>solve24("1234")</code> should return any arrangement of <code>1*2*3*4</code>");'
+  - text: <code>solve24(&quot;6789&quot;)</code>应返回<code>(6*8)/(9-7)</code>或<code>(8*6)/(9-7)</code>
+    testString: 'assert(include(answers[2], solve24(testCases[2])), "<code>solve24("6789")</code> should return <code>(6*8)/(9-7)</code> or <code>(8*6)/(9-7)</code>");'
+  - text: <code>solve24(&quot;1127&quot;)</code>应该返回<code>(1+7)*(1*2)</code>的排列
+    testString: 'assert(include(answers[3], solve24(testCases[3])), "<code>solve24("1127")</code> should return a permutation of <code>(1+7)*(1*2)</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function solve24 (numStr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/9-billion-names-of-god-the-integer.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/9-billion-names-of-god-the-integer.chinese.md
new file mode 100644
index 0000000000..72af7606b4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/9-billion-names-of-god-the-integer.chinese.md
@@ -0,0 +1,71 @@
+---
+title: 9 billion names of God the integer
+id: 5949b579404977fbaefcd736
+challengeType: 5
+videoUrl: ''
+localeTitle: 90亿上帝的名字整数
+---
+
+## Description
+<section id="description"><p>这项任务是<a href="https://en.wikipedia.org/wiki/The Nine Billion Names of God#Plot_summary" title="wp：上帝的九十亿名字#Plot_summary">Arthur C. Clarke</a>的<a href="https://en.wikipedia.org/wiki/The Nine Billion Names of God#Plot_summary" title="wp：上帝的九十亿名字#Plot_summary">短篇小说改编</a> 。 </p><p> （求解者应该意识到完成这项任务的后果。） </p><p>详细说明，指定“名称”的含义： </p><p>整数1有1个名称“1”。 </p><p>整数2有2个名称“1 + 1”和“2”。 </p><p>整数3具有3个名称“1 + 1 + 1”，“2 + 1”和“3”。 </p><p>整数4具有5个名称“1 + 1 + 1 + 1”，“2 + 1 + 1”，“2 + 2”，“3 + 1”，“4”。 </p><p>整数5有7个名称“1 + 1 + 1 + 1 + 1”，“2 + 1 + 1 + 1”，“2 + 2 + 1”，“3 + 1 + 1”，“3 + 2”， “4 + 1”，“5”。 </p><p>这可以通过以下形式显示： </p><pre> 1
+        1 1
+      1 1 1
+    1 2 1 1
+  1 2 2 1 1
+1 3 3 2 1 1
+</pre><p>其中row $ n $对应于整数$ n $，而行$ m $中从左到右的每列$ C $对应于以$ C $开头的名称数。 </p><p> （可选）请注意$ n $ -th行$ P（n）$的总和是<a href="http://mathworld.wolfram.com/PartitionFunctionP.html" title="链接：http：//mathworld.wolfram.com/PartitionFunctionP.html">整数分区函数</a> 。 </p>任务<p>实现一个返回$ n $ -th行之和的函数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>numberOfNames</code>是一个函数。
+    testString: 'assert(typeof numberOfNames === "function", "<code>numberOfNames</code> is a function.");'
+  - text: <code>numberOfNames(5)</code>应该等于7。
+    testString: 'assert.equal(numberOfNames(5), 7, "<code>numberOfNames(5)</code> should equal 7.");'
+  - text: <code>numberOfNames(12)</code>应该等于77。
+    testString: 'assert.equal(numberOfNames(12), 77, "<code>numberOfNames(12)</code> should equal 77.");'
+  - text: <code>numberOfNames(18)</code>应该等于385。
+    testString: 'assert.equal(numberOfNames(18), 385, "<code>numberOfNames(18)</code> should equal 385.");'
+  - text: <code>numberOfNames(23)</code>应该等于1255。
+    testString: 'assert.equal(numberOfNames(23), 1255, "<code>numberOfNames(23)</code> should equal 1255.");'
+  - text: <code>numberOfNames(42)</code>应该等于53174。
+    testString: 'assert.equal(numberOfNames(42), 53174, "<code>numberOfNames(42)</code> should equal 53174.");'
+  - text: <code>numberOfNames(123)</code>应该等于2552338241。
+    testString: 'assert.equal(numberOfNames(123), 2552338241, "<code>numberOfNames(123)</code> should equal 2552338241.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function numberOfNames (num) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/abc-problem.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/abc-problem.chinese.md
new file mode 100644
index 0000000000..fc8fdbf005
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/abc-problem.chinese.md
@@ -0,0 +1,74 @@
+---
+title: ABC Problem
+id: 594810f028c0303b75339acc
+challengeType: 5
+videoUrl: ''
+localeTitle: ABC问题
+---
+
+## Description
+<section id="description"><p>您将获得ABC块的集合（例如，童年字母块）。每个街区有20个街区，两个字母。块的所有侧面都保证有完整的字母表。块的样本集合： </p><p> （BO） </p><p> （XK） </p><p> （DQ） </p><p> （CP） </p><p> （NA） </p><p> （GT） </p><p> （回覆） </p><p> （TG） </p><p> （QD） </p><p> （FS） </p><p> （JW） </p><p> （HU） </p><p> （VI） </p><p> （一个） </p><p> （OB） </p><p> （ER） </p><p> （FS） </p><p> （LY） </p><p> （PC） </p><p> （ZM） </p><p>要记住一些规则： </p>一旦使用了块上的字母，就不能再使用该块。该函数应该不区分大小写。 <p>实现一个带字符串（单词）的函数，并确定该单词是否可以与给定的块集合拼写。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>canMakeWord</code>是一个功能。
+    testString: 'assert(typeof canMakeWord === "function", "<code>canMakeWord</code> is a function.");'
+  - text: <code>canMakeWord</code>应该返回一个布尔值。
+    testString: 'assert(typeof canMakeWord("hi") === "boolean", "<code>canMakeWord</code> should return a boolean.");'
+  - text: <code>canMakeWord(&quot;bark&quot;)</code>应该返回true。
+    testString: 'assert(canMakeWord(words[0]), "<code>canMakeWord("bark")</code> should return true.");'
+  - text: <code>canMakeWord(&quot;BooK&quot;)</code>应该返回false。
+    testString: 'assert(!canMakeWord(words[1]), "<code>canMakeWord("BooK")</code> should return false.");'
+  - text: <code>canMakeWord(&quot;TReAT&quot;)</code>应该返回true。
+    testString: 'assert(canMakeWord(words[2]), "<code>canMakeWord("TReAT")</code> should return true.");'
+  - text: <code>canMakeWord(&quot;COMMON&quot;)</code>应返回false。
+    testString: 'assert(!canMakeWord(words[3]), "<code>canMakeWord("COMMON")</code> should return false.");'
+  - text: <code>canMakeWord(&quot;squAD&quot;)</code>应该返回true。
+    testString: 'assert(canMakeWord(words[4]), "<code>canMakeWord("squAD")</code> should return true.");'
+  - text: <code>canMakeWord(&quot;conFUSE&quot;)</code>应该返回true。
+    testString: 'assert(canMakeWord(words[5]), "<code>canMakeWord("conFUSE")</code> should return true.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function canMakeWord (word) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/abundant-deficient-and-perfect-number-classifications.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/abundant-deficient-and-perfect-number-classifications.chinese.md
new file mode 100644
index 0000000000..675705b74b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/abundant-deficient-and-perfect-number-classifications.chinese.md
@@ -0,0 +1,66 @@
+---
+title: 'Abundant, deficient and perfect number classifications'
+id: 594810f028c0303b75339acd
+challengeType: 5
+videoUrl: ''
+localeTitle: 丰富，不足和完善的数字分类
+---
+
+## Description
+<section id="description"><p>它们根据<a href="http://rosettacode.org/wiki/Proper divisors" title="适当的除数">适当的除数</a>定义了三个正整数分类。 </p><p>设$ P（n）$是n的适当除数的总和，其中适当的除数都是n本身以外的正整数。 </p><p>如果<code>P(n) &lt; n</code>那么n被归类为“缺陷” </p><p>如果<code>P(n) === n</code>那么n被归类为“完美” </p><p>如果<code>P(n) &gt; n</code>则n被归类为“丰富” </p><p>例： </p><p> 6具有1,2和3的适当除数。 </p><p> 1 + 2 + 3 = 6，因此6被归类为完美数字。 </p><p>实现一个函数，计算三个类中每个类中1到20,000（包括）的整数。以下列格式将结果输出为数组<code>[deficient, perfect, abundant]</code> 。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>getDPA</code>是一个功能。
+    testString: 'assert(typeof getDPA === "function", "<code>getDPA</code> is a function.");'
+  - text: <code>getDPA</code>应该返回一个数组。
+    testString: 'assert(Array.isArray(getDPA(100)), "<code>getDPA</code> should return an array.");'
+  - text: <code>getDPA</code>返回值的长度应为3。
+    testString: 'assert(getDPA(100).length === 3, "<code>getDPA</code> return value should have a length of 3.");'
+  - text: '<code>getDPA(20000)</code>应该等于[15043,4,4953]'
+    testString: 'assert.deepEqual(getDPA(20000), solution, "<code>getDPA(20000)</code> should equal [15043, 4, 4953]");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getDPA (num) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/accumulator-factory.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/accumulator-factory.chinese.md
new file mode 100644
index 0000000000..f0b61a6fea
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/accumulator-factory.chinese.md
@@ -0,0 +1,66 @@
+---
+title: Accumulator factory
+id: 594810f028c0303b75339ace
+challengeType: 5
+videoUrl: ''
+localeTitle: 蓄能器工厂
+---
+
+## Description
+<section id="description"><p>创建一个带有单个（数字）参数的函数，并返回另一个作为累加器的函数。返回的累加器函数又接受一个数字参数，并返回到目前为止传递给该累加器的所有数值的总和（包括创建累加器时传递的初始值）。 </p><p>规则： </p><p>不要使用全局变量。 </p><p>暗示： </p><p>闭包可以保存外部状态。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>accumulator</code>是一个功能。
+    testString: 'assert(typeof accumulator === "function", "<code>accumulator</code> is a function.");'
+  - text: <code>accumulator(0)</code>应该返回一个函数。
+    testString: 'assert(typeof accumulator(0) === "function", "<code>accumulator(0)</code> should return a function.");'
+  - text: <code>accumulator(0)(2)</code>应该返回一个数字。
+    testString: 'assert(typeof accumulator(0)(2) === "number", "<code>accumulator(0)(2)</code> should return a number.");'
+  - text: '传递值3，-4,1.5和5应返回5.5。'
+    testString: 'assert(testFn(5) === 5.5, "Passing in the values 3, -4, 1.5, and 5 should return 5.5.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function accumulator (sum) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/ackermann-function.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/ackermann-function.chinese.md
new file mode 100644
index 0000000000..c03a7c2b43
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/ackermann-function.chinese.md
@@ -0,0 +1,60 @@
+---
+title: Ackermann function
+id: 594810f028c0303b75339acf
+challengeType: 5
+videoUrl: ''
+localeTitle: 阿克曼功能
+---
+
+## Description
+<section id="description"><p> Ackermann函数是递归函数的典型示例，尤其值得注意的是它不是原始递归函数。它的值增长非常快，其调用树的大小也是如此。 </p><p> Ackermann函数通常定义如下： </p> $$ A（m，n）= \ begin {cases} n + 1＆\ mbox {if} m = 0 \\ A（m-1,1）＆\ mbox {if} m&gt; 0 \ mbox {和} n = 0 \\ A（m-1，A（m，n-1））＆\ mbox {if} m&gt; 0 \ mbox {和} n&gt; 0. \ end {cases} $$ <p>它的论点永远不会消极，它总是终止。编写一个返回$ A（m，n）$的值的函数。任意精度是首选（因为函数增长如此之快），但不是必需的。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>ack</code>是一个功能。
+    testString: 'assert(typeof ack === "function", "<code>ack</code> is a function.");'
+  - text: '<code>ack(0, 0)</code>应该返回1。'
+    testString: 'assert(ack(0, 0) === 1, "<code>ack(0, 0)</code> should return 1.");'
+  - text: '<code>ack(1, 1)</code>应该返回3。'
+    testString: 'assert(ack(1, 1) === 3, "<code>ack(1, 1)</code> should return 3.");'
+  - text: '<code>ack(2, 5)</code>应该返回13。'
+    testString: 'assert(ack(2, 5) === 13, "<code>ack(2, 5)</code> should return 13.");'
+  - text: '<code>ack(3, 3)</code>应该返回61。'
+    testString: 'assert(ack(3, 3) === 61, "<code>ack(3, 3)</code> should return 61.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function ack (m, n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/align-columns.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/align-columns.chinese.md
new file mode 100644
index 0000000000..84d19f0ec7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/align-columns.chinese.md
@@ -0,0 +1,89 @@
+---
+title: Align columns
+id: 594810f028c0303b75339ad0
+challengeType: 5
+videoUrl: ''
+localeTitle: 对齐列
+---
+
+## Description
+<section id="description"><p>给定一个包含许多行的文本文件，其中一行中的字段由单个<code>$</code>字符描述，编写一个程序，通过确保每列中的单词至少由一个空格分隔来对齐每列字段。此外，允许列中的每个单词在其列中左对齐，右对齐或居中对齐。 </p><p>使用以下文本测试您的程序： </p><pre>的$ $多行给出$ A $文本$文件$
+其中$领域内$ A $线$ $
+是$由$ A $单个$ &#39;美元&#39; $字符划定$
+写$ A $程序
+即$对齐$ $场的每个$列$
+由$ $确保该$字美元$ $每
+列$ $是在$最少$一张价值$空间被分隔$ $。
+此外，$允许为$ $ $中的每个字$ $ A $ $列到$为$要么离开$ $
+对齐，右$ $有道理
+或$ $中心内$有道理$ $其列。
+</pre><p>注意： </p>示例输入文本行可以或可以不具有尾随美元字符。所有列应共享相同的对齐方式。为了完成任务，在行尾附近产生的连续空格字符是无关紧要的。输出文本将以纯文本编辑器或基本终端上的单行间隔字体查看。列之间的最小间距应根据文本计算，而不是硬编码。不需要在列之间或列周围添加分隔字符。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>formatText</code>是一个函数。
+    testString: 'assert(typeof formatText === "function", "<code>formatText</code> is a function.");'
+  - text: 具有上述输入和“右”对齐的<code>formatText</code>应产生以下内容：
+    testString: 'assert.strictEqual(formatText(testInput, "right"), rightAligned, "<code>formatText</code> with the above input and "right" justification should produce the following: ");'
+  - text: 具有上述输入和“左”对齐的<code>formatText</code>应产生以下内容：
+    testString: 'assert.strictEqual(formatText(testInput, "left"), leftAligned, "<code>formatText</code> with the above input and "left" justification should produce the following: ");'
+  - text: 具有上述输入和“居中”对齐的<code>formatText</code>应产生以下内容：
+    testString: 'assert.strictEqual(formatText(testInput, "center"), centerAligned, "<code>formatText</code> with the above input and "center" justification should produce the following: ");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const testArr = [
+  'Given$a$text$file$of$many$lines',
+  'where$fields$within$a$line$',
+  'are$delineated$by$a$single$"dollar"$character',
+  'write$a$program',
+  'that$aligns$each$column$of$fields$',
+  'by$ensuring$that$words$in$each$',
+  'column$are$separated$by$at$least$one$space.',
+  'Further,$allow$for$each$word$in$a$column$to$be$either$left$',
+  'justified,$right$justified',
+  'or$center$justified$within$its$column.'
+];
+
+function formatText (input, justification) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/amicable-pairs.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/amicable-pairs.chinese.md
new file mode 100644
index 0000000000..09cfa2f2ac
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/amicable-pairs.chinese.md
@@ -0,0 +1,67 @@
+---
+title: Amicable pairs
+id: 5949b579404977fbaefcd737
+challengeType: 5
+videoUrl: ''
+localeTitle: 友好的对
+---
+
+## Description
+<section id="description">如果$ N \ neq M $和N $ $的<a href="http://rosettacode.org/wiki/Proper divisors" title="适当的除数">适当除数之</a>和（$ \ mathrm {sum}（\ mathrm {propDivs}（N）），两个整数$ N $和$ M $被认为是<a href="https://en.wikipedia.org/wiki/Amicable numbers" title="wp：友善号码">友好对</a> $）$ = M $以及$ \ mathrm {sum}（\ mathrm {propDivs}（M））= N $。示例：1184和1210是友好对，具有适当的除数：1,2,4,8,16,32,37,74,148,296,592和1,2,5,10,11,25,55，分别为110,121,242,605。任务：计算并显示低于20,000的Amicable对（有八个）。相关任务<a href="http://rosettacode.org/wiki/Proper divisors" title="适当的除数">适当的除数</a> <a href="http://rosettacode.org/wiki/Abundant, deficient and perfect number classifications" title="丰富，不足和完善的数字分类">丰富，缺陷和完善的数字分类</a> <a href="http://rosettacode.org/wiki/Aliquot sequence classifications" title="等分序列分类">等分序列分类</a>及其友好分类。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>amicablePairsUpTo</code>是一个函数。
+    testString: 'assert(typeof amicablePairsUpTo === "function", "<code>amicablePairsUpTo</code> is a function.");'
+  - text: '<code>[[220,284]]</code> <code>amicablePairsUpTo(300)</code>应返回<code>[[220,284]]</code> 。'
+    testString: 'assert.deepEqual(amicablePairsUpTo(300), answer300, "<code>amicablePairsUpTo(300)</code> should return <code>[[220,284]]</code>.");'
+  - text: '<code>[[220,284],[1184,1210],[2620,2924]]</code> <code>amicablePairsUpTo(3000)</code>应返回<code>[[220,284],[1184,1210],[2620,2924]]</code> 。'
+    testString: 'assert.deepEqual(amicablePairsUpTo(3000), answer3000, "<code>amicablePairsUpTo(3000)</code> should return <code>[[220,284],[1184,1210],[2620,2924]]</code>.");'
+  - text: '<code>[[220,284],[1184,1210],[2620,2924],[5020,5564],[6232,6368],[10744,10856],[12285,14595],[17296,18416]]</code> <code>amicablePairsUpTo(20000)</code>应返回<code>[[220,284],[1184,1210],[2620,2924],[5020,5564],[6232,6368],[10744,10856],[12285,14595],[17296,18416]]</code> 。'
+    testString: 'assert.deepEqual(amicablePairsUpTo(20000), answer20000, "<code>amicablePairsUpTo(20000)</code> should return <code>[[220,284],[1184,1210],[2620,2924],[5020,5564],[6232,6368],[10744,10856],[12285,14595],[17296,18416]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function amicablePairsUpTo (maxNum) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/averages-mode.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/averages-mode.chinese.md
new file mode 100644
index 0000000000..51ab23d008
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/averages-mode.chinese.md
@@ -0,0 +1,65 @@
+---
+title: Averages-Mode
+id: 594d8d0ab97724821379b1e6
+challengeType: 5
+videoUrl: ''
+localeTitle: 平均值模式
+---
+
+## Description
+<section id="description"><p>编写程序以查找集合的<a href="https://en.wikipedia.org/wiki/Mode (statistics)" title="wp：模式（统计）">模式</a>值。 </p><p>可以忽略集合为空的情况。必须小心处理模式不唯一的情况。 </p><p>如果不适合或不可能支持常规集合，请尽可能使用向量（数组）。如果不适合或不可能支持未指定的值类型，请使用整数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>mode</code>是一种功能。
+    testString: 'assert(typeof mode === "function", "<code>mode</code> is a function.");'
+  - text: '<code>mode([1, 3, 6, 6, 6, 6, 7, 7, 12, 12, 17])</code>应该相等<code>[6]</code>'
+    testString: 'assert.deepEqual(mode(arr1), [6], "<code>mode([1, 3, 6, 6, 6, 6, 7, 7, 12, 12, 17])</code> should equal <code>[6]</code>");'
+  - text: '<code>mode([1, 2, 4, 4, 1])</code>应该等于<code>[1, 4]</code> 。'
+    testString: 'assert.deepEqual(mode(arr2).sort(), [1, 4], "<code>mode([1, 2, 4, 4, 1])</code> should equal <code>[1, 4]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function mode (arr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/averages-pythagorean-means.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/averages-pythagorean-means.chinese.md
new file mode 100644
index 0000000000..6b534c868e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/averages-pythagorean-means.chinese.md
@@ -0,0 +1,70 @@
+---
+title: Averages-Pythagorean means
+id: 594d966a1467eb84194f0086
+challengeType: 5
+videoUrl: ''
+localeTitle: 平均值 - 毕达哥拉斯指的是
+---
+
+## Description
+<section id="description"><p class="rosetta__paragraph">计算整数<big>1</big>到<big>10</big> （包括）的所有三个<a class="rosetta__link--wiki" href="https://en.wikipedia.org/wiki/Pythagorean means" title="wp：毕达哥拉斯意味着">毕达哥拉斯方法</a> 。 </p><p class="rosetta__paragraph">为这组正整数显示<big>$ A（x_1，\ ldots，x_n）\ geq G（x_1，\ ldots，x_n）\ geq H（x_1，\ ldots，x_n）$</big> 。 </p>这三种方法中最常见的<a class="rosetta__link--rosetta" href="http://rosettacode.org/wiki/Averages/Arithmetic mean" title="平均值/算术平均值">算术平均值</a>是列表的总和除以其长度： <big>$ A（x_1，\ ldots，x_n）= \ frac {x_1 + \ cdots + x_n} {n} $</big> <a class="rosetta__link--wiki" href="https://en.wikipedia.org/wiki/Geometric mean" title="wp：几何平均值">几何mean</a>是列表产品的$ n $ th根： <big>$ G（x_1，\ ldots，x_n）= \ sqrt [n] {x_1 \ cdots x_n} $</big> <a class="rosetta__link--wiki" href="https://en.wikipedia.org/wiki/Harmonic mean" title="wp：谐波意味着">调和平均值</a>是$ n $除以总和列表中每个项目的倒数： <big>$ H（x_1，\ ldots，x_n）= \ frac {n} {\ frac {1} {x_1} + \ cdots + \ frac {1} {x_n}} $</big> <p class="rosetta__paragraph">假设输入是包含所有数字的有序数组。 </p><p class="rosetta__paragraph">要获得答案，请按以下格式输出对象： </p><pre class="rosetta__pre"> {
+  值：{
+    算术：5.5，
+    几何：4.528728688116765，
+    谐波：3.414171521474055
+  }，
+  测试：&#39;是A&gt; = G&gt; = H？是&#39;
+}
+</pre></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>pythagoreanMeans</code>是一种功能。
+    testString: 'assert(typeof pythagoreanMeans === "function", "<code>pythagoreanMeans</code> is a function.");'
+  - text: '<code>pythagoreanMeans([1, 2, ..., 10])</code>应该等于上面相同的输出。'
+    testString: 'assert.deepEqual(pythagoreanMeans(range1), answer1, "<code>pythagoreanMeans([1, 2, ..., 10])</code> should equal the same output above.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pythagoreanMeans (rangeArr) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/averages-root-mean-square.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/averages-root-mean-square.chinese.md
new file mode 100644
index 0000000000..62e3b54708
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/averages-root-mean-square.chinese.md
@@ -0,0 +1,62 @@
+---
+title: Averages-Root mean square
+id: 594da033de4190850b893874
+challengeType: 5
+videoUrl: ''
+localeTitle: 平均值 - 均方根
+---
+
+## Description
+<section id="description"><p>计算数字1到10（包括1和10）的<a href="https://en.wikipedia.org/wiki/Root mean square" title="wp：均方根">均方根</a> 。 </p><p>均方根也以其首字母RMS（或rms）和二次均值来表示。 </p><p> RMS计算为数字平方的平均值，平方根： </p><p> <big>$$ x _ {\ mathrm {rms}} = \ sqrt {{{x_1} ^ 2 + {x_2} ^ 2 + \ cdots + {x_n} ^ 2} \ over n}。 $$</big> </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>rms</code>是一个功能。
+    testString: 'assert(typeof rms === "function", "<code>rms</code> is a function.");'
+  - text: '<code>rms([1, 2, 3, 4, 5, 6, 7, 8, 9, 10])</code>应等于<code>6.2048368229954285</code> 。'
+    testString: 'assert.equal(rms(arr1), answer1, "<code>rms([1, 2, 3, 4, 5, 6, 7, 8, 9, 10])</code> should equal <code>6.2048368229954285</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function rms (arr) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/babbage-problem.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/babbage-problem.chinese.md
new file mode 100644
index 0000000000..913fc826fb
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/babbage-problem.chinese.md
@@ -0,0 +1,63 @@
+---
+title: Babbage problem
+id: 594db4d0dedb4c06a2a4cefd
+challengeType: 5
+videoUrl: ''
+localeTitle: 巴贝奇问题
+---
+
+## Description
+<section id="description"><p> <a href="https://en.wikipedia.org/wiki/Charles_Babbage" title="wp：Charles_Babbage">Charles Babbage</a> ，展望他的分析引擎能解决的各种问题，给出了这个例子： </p><blockquote>什么是正方形以数字269,696结尾的最小正整数？ </blockquote><p> - 巴贝奇，致鲍登勋爵的信，1837年;见Hollingdale和Tootill， <i>电子计算机</i> ，第二版，1970年，p。 125。 </p><p>他认为答案可能是99,736，其平方是9,947,269,696;但他无法确定。 </p><p>任务是找出巴贝奇是否有正确的答案。 </p><p>实现一个函数来返回满足Babbage问题的最小整数。如果巴贝奇是对的，返回巴贝奇的号码。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>babbage</code>是一种功能。
+    testString: 'assert(typeof babbage === "function", "<code>babbage</code> is a function.");'
+  - text: '<code>babbage(99736, 269696)</code>不应该返回99736（答案较小）。'
+    testString: 'assert.equal(babbage(babbageAns, endDigits), answer, "<code>babbage(99736, 269696)</code> should not return 99736 (there is a smaller answer).");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function babbage (babbageNum, endDigits) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/balanced-brackets.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/balanced-brackets.chinese.md
new file mode 100644
index 0000000000..93cccd96f7
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/balanced-brackets.chinese.md
@@ -0,0 +1,97 @@
+---
+title: Balanced brackets
+id: 594dc6c729e5700999302b45
+challengeType: 5
+videoUrl: ''
+localeTitle: 平衡括号
+---
+
+## Description
+<section id="description"><p>确定生成的括号字符串是否平衡;也就是说，它是否完全由成对的开/关括号（按此顺序）组成，其中没有一个错误嵌套。 </p>例子： <p class="rosetta__paragraph"> （空）是的</p><p class="rosetta__paragraph"> <code>[]</code>是的</p><p class="rosetta__paragraph"> <code>][</code>假</p><p class="rosetta__paragraph"> <code>[][]</code>是的</p><p class="rosetta__paragraph"> <code>][][</code>假</p><p class="rosetta__paragraph"> <code>[]][[]</code> false </p><p class="rosetta__paragraph"> <code>[[[[]]]]</code>是的</p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>isBalanced</code>是一个函数。
+    testString: 'assert(typeof isBalanced === "function", "<code>isBalanced</code> is a function.");'
+  - text: '<code>isBalanced(&quot;[]&quot;)</code>应该返回true。'
+    testString: 'assert(isBalanced(testCases[0]), "<code>isBalanced("[]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;]][[[][][][]][&quot;)</code>应该返回false。'
+    testString: 'assert(!isBalanced(testCases[1]), "<code>isBalanced("]][[[][][][]][")</code> should return false.");'
+  - text: '<code>isBalanced(&quot;[][[[[][][[[]]]]]]&quot;)</code>应该返回true。'
+    testString: 'assert(isBalanced(testCases[2]), "<code>isBalanced("[][[[[][][[[]]]]]]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;][&quot;)</code>应该返回true。'
+    testString: 'assert(!isBalanced(testCases[3]), "<code>isBalanced("][")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[[[]]]][[]&quot;)</code>应该返回true。'
+    testString: 'assert(!isBalanced(testCases[4]), "<code>isBalanced("[[[]]]][[]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;][[]&quot;)</code>应该返回true。'
+    testString: 'assert(!isBalanced(testCases[5]), "<code>isBalanced("][[]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;][[][]][[[]]&quot;)</code>应该返回true。'
+    testString: 'assert(!isBalanced(testCases[6]), "<code>isBalanced("][[][]][[[]]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[[][]]][&quot;)</code>应该返回true。'
+    testString: 'assert(!isBalanced(testCases[7]), "<code>isBalanced("[[][]]][")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[[[]]][[]]]][][[&quot;)</code>应该返回true。'
+    testString: 'assert(!isBalanced(testCases[8]), "<code>isBalanced("[[[]]][[]]]][][[")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[]][[]]][[[[][]]&quot;)</code>应该返回true。'
+    testString: 'assert(!isBalanced(testCases[9]), "<code>isBalanced("[]][[]]][[[[][]]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;][]][[][&quot;)</code>应该返回true。'
+    testString: 'assert(!isBalanced(testCases[10]), "<code>isBalanced("][]][[][")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[[]][[][]]&quot;)</code>应该返回true。'
+    testString: 'assert(isBalanced(testCases[11]), "<code>isBalanced("[[]][[][]]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[[]]&quot;)</code>应该返回true。'
+    testString: 'assert(isBalanced(testCases[12]), "<code>isBalanced("[[]]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;]][]][[]][[[&quot;)</code>应该返回true。'
+    testString: 'assert(!isBalanced(testCases[13]), "<code>isBalanced("]][]][[]][[[")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;][]][][[&quot;)</code>应该返回true。'
+    testString: 'assert(!isBalanced(testCases[14]), "<code>isBalanced("][]][][[")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;][][&quot;)</code>应该返回true。'
+    testString: 'assert(!isBalanced(testCases[15]), "<code>isBalanced("][][")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[[]]][][][[]][&quot;)</code>应该返回true。'
+    testString: 'assert(!isBalanced(testCases[16]), "<code>isBalanced("[[]]][][][[]][")</code> should return true.");'
+  - text: <code>isBalanced(&quot;&quot;)</code>应该返回true。
+    testString: 'assert(isBalanced(testCases[17]), "<code>isBalanced("")</code> should return true.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function isBalanced (str) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/circles-of-given-radius-through-two-points.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/circles-of-given-radius-through-two-points.chinese.md
new file mode 100644
index 0000000000..09af36fdae
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/circles-of-given-radius-through-two-points.chinese.md
@@ -0,0 +1,77 @@
+---
+title: Circles of given radius through two points
+id: 5951815dd895584b06884620
+challengeType: 5
+videoUrl: ''
+localeTitle: 给定半径的圆圈通过两个点
+---
+
+## Description
+<section id="description"><p>给定平面上的两个点和半径，通常可以通过这些点绘制给定半径的两个圆。 </p>例外：零半径应视为从不描述圆（除非点是重合的）。如果这些点是重合的，则可以绘制无限数量的圆，其圆周上的点可以被绘制，除非半径也等于零，然后将圆圈折叠到一个点。如果点形成直径，则返回单个圆。如果这些点相距太远则无法绘制圆圈。任务：实现一个取两个点和一个半径的函数，并通过这些点返回两个圆。对于每个结果圆，提供每个圆的中心的坐标，四舍五入到四个十进制数字。将每个坐标作为数组返回，并作为数组数组进行坐标。对于边缘情况，请返回以下内容：如果点在直径上，则返回一个点。如果半径也为零，则返回<code>&quot;Radius Zero&quot;</code> 。如果点重合，则返回<code>&quot;Coincident point. Infinite solutions&quot;</code> 。如果点与直径相距更远，则返回<code>&quot;No intersection. Points further apart than circle diameter&quot;</code>更远的<code>&quot;No intersection. Points further apart than circle diameter&quot;</code> 。样本输入： <pre> p1 p2 r
+0.1234,0.9876 0.8765,0.2345 2.0
+0.0000,2.000000 0.0000,0.0000 1.0
+0.1234,0.9876 0.1234,0.9876 2.0
+0.1234,0.9876 0.8765,0.2345 0.5
+0.1234,0.9876 0.1234,0.9876 0.0
+</pre>参考：从数学论坛@Drexel的<a href="http://mathforum.org/library/drmath/view/53027.html" title="链接：http：//mathforum.org/library/drmath/view/53027.html">2点和半径中找到一个</a>圆心</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>getCircles</code>是一个函数。
+    testString: 'assert(typeof getCircles === "function", "<code>getCircles</code> is a function.");'
+  - text: '<code>getCircles([0.1234, 0.9876], [0.8765, 0.2345], 2.0)</code>应该返回<code>[[1.8631, 1.9742], [-0.8632, -0.7521]]</code> 。'
+    testString: 'assert.deepEqual(getCircles(...testCases[0]), answers[0], "<code>getCircles([0.1234, 0.9876], [0.8765, 0.2345], 2.0)</code> should return <code>[[1.8631, 1.9742], [-0.8632, -0.7521]]</code>.");'
+  - text: '<code>getCircles([0.0000, 2.0000], [0.0000, 0.0000], 1.0)</code>应该返回<code>[0, 1]</code>'
+    testString: 'assert.deepEqual(getCircles(...testCases[1]), answers[1], "<code>getCircles([0.0000, 2.0000], [0.0000, 0.0000], 1.0)</code> should return <code>[0, 1]</code>");'
+  - text: '<code>getCircles([0.1234, 0.9876], [0.1234, 0.9876], 2.0)</code>应返回<code>Coincident point. Infinite solutions</code>'
+    testString: 'assert.deepEqual(getCircles(...testCases[2]), answers[2], "<code>getCircles([0.1234, 0.9876], [0.1234, 0.9876], 2.0)</code> should return <code>Coincident point. Infinite solutions</code>");'
+  - text: '<code>getCircles([0.1234, 0.9876], [0.8765, 0.2345], 0.5)</code>应返回<code>No intersection. Points further apart than circle diameter</code>'
+    testString: 'assert.deepEqual(getCircles(...testCases[3]), answers[3], "<code>getCircles([0.1234, 0.9876], [0.8765, 0.2345], 0.5)</code> should return <code>No intersection. Points further apart than circle diameter</code>");'
+  - text: '<code>getCircles([0.1234, 0.9876], [0.1234, 0.9876], 0.0)</code>应返回<code>Radius Zero</code>'
+    testString: 'assert.deepEqual(getCircles(...testCases[4]), answers[4], "<code>getCircles([0.1234, 0.9876], [0.1234, 0.9876], 0.0)</code> should return <code>Radius Zero</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getCircles (...args) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/closest-pair-problem.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/closest-pair-problem.chinese.md
new file mode 100644
index 0000000000..96d32c2be4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/closest-pair-problem.chinese.md
@@ -0,0 +1,127 @@
+---
+title: Closest-pair problem
+id: 5951a53863c8a34f02bf1bdc
+challengeType: 5
+videoUrl: ''
+localeTitle: 最近对的问题
+---
+
+## Description
+<section id="description">任务： <p>提供一个函数来在二维中找到一组给定点中最接近的两个点，即求解平面情况下的<a href="https://en.wikipedia.org/wiki/Closest pair of points problem" title="wp：最近点的问题">最近点对问题</a> 。 </p><p>直接的解决方案是O（n <sup>2</sup> ）算法（我们可以称之为强力算法）;伪代码（使用索引）可以简单地： </p><pre> bruteForceClosestPair of P（1），P（2），... P（N）
+如果N &lt;2那么
+  返回∞
+其他
+  minDistance←| P（1） -  P（2）|
+  minPoints←{P（1），P（2）}
+  foreachi∈[1，N-1]
+    foreachj∈[i + 1，N]
+      if | P（i） -  P（j）| &lt;minDistance然后
+        minDistance←| P（i） -  P（j）|
+        minPoints←{P（i），P（j）}
+      万一
+    ENDFOR
+  ENDFOR
+  return minDistance，minPoints
+万一
+</pre><p>一个更好的算法是基于递归分而治之的方法，正如<a href="https://en.wikipedia.org/wiki/Closest pair of points problem#Planar_case" title="wp：最近点的问题#Planar_case">维基百科最近的一对点问题</a>所解释的那样，即O（n log n）;伪代码可以是： </p><pre>最近的（xP，yP）
+  其中xP是P（1）.. P（N）按x坐标排序，和
+  yP是P（1）.. P（N）按y坐标排序（升序）
+如果N≤3那么
+  使用强力算法返回xP的最近点
+其他
+  xL←xP点从1到⌈N/2⌉
+  xR←xP点从⌈N/2⌉+ 1到N.
+  xm←xP（⌈N/2⌉） <sub>x</sub>
+  基←{P∈YP：P <sub>X≤XM}</sub>
+  yR←{p∈yP：p <sub>x</sub> &gt; xm}
+  （dL，pairL）←nearestPair（xL，yL）
+  （dR，pairR）←nearestRair（xR，yR）
+  （dmin，pairMin）←（dR，pairR）
+  如果dL &lt;dR则
+    （dmin，pairMin）←（dL，pairL）
+  万一
+  yS←{p∈yP：| xm  -  p <sub>x</sub> | &lt;dmin}
+  nS←yS中的点数
+  （最近，最近的公里）←（dmin，pairMin）
+  我从1到nS  -  1
+    k←i + 1
+    而k≤nS和yS（k） <sub>y</sub> -yS（i） <sub>y</sub> &lt;dmin
+      if | yS（k） -  yS（i）| &lt;最接近的
+        （最近，最近的公里）←（| yS（k） -  yS（i）|，{yS（k），yS（i）}）
+      万一
+      k←k + 1
+    ENDWHILE
+  ENDFOR
+  返回最近，最近的
+万一
+</pre>参考和进一步阅读： <a href="https://en.wikipedia.org/wiki/Closest pair of points problem" title="wp：最近点的问题">最近的一对点问题</a> <a href="http://www.cs.mcgill.ca/~cs251/ClosestPair/ClosestPairDQ.html" title="链接：http：//www.cs.mcgill.ca/~cs251/ClosestPair/ClosestPairDQ.html">最近的一对（麦吉尔）</a> <a href="http://www.cs.ucsb.edu/~suri/cs235/ClosestPair.pdf" title="链接：http：//www.cs.ucsb.edu/~suri/cs235/ClosestPair.pdf">最近的一对（UCSB）</a> <a href="http://classes.cec.wustl.edu/~cse241/handouts/closestpair.pdf" title="链接：http：//classes.cec.wustl.edu/~cse241/handouts/closestpair.pdf">最近的一对（WUStL）</a> <a href="http://www.cs.iupui.edu/~xkzou/teaching/CS580/Divide-and-conquer-closestPair.ppt" title="链接：http：//www.cs.iupui.edu/~xkzou/teaching/CS580/Divide-and-conquer-closestPair.ppt">最近的一对（IUPUI）</a> <p>对于输入，期望参数是一个对象（点）数组，其中<code>x</code>和<code>y</code>成员设置为数字。对于输出，返回一个包含键的对象： <code>distance</code>和<code>pair</code>值对（即两对最近点的对）。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>getClosestPair</code>是一个函数。
+    testString: 'assert(typeof getClosestPair === "function", "<code>getClosestPair</code> is a function.");'
+  - text: 距离应如下。
+    testString: 'assert.equal(getClosestPair(points1).distance, answer1.distance, "Distance should be the following.");'
+  - text: 要点应如下。
+    testString: 'assert.deepEqual(JSON.parse(JSON.stringify(getClosestPair(points1))).pair, answer1.pair, "Points should be the following.");'
+  - text: 距离应如下。
+    testString: 'assert.equal(getClosestPair(points2).distance, answer2.distance, "Distance should be the following.");'
+  - text: 要点应如下。
+    testString: 'assert.deepEqual(JSON.parse(JSON.stringify(getClosestPair(points2))).pair, answer2.pair, "Points should be the following.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const Point = function (x, y) {
+  this.x = x;
+  this.y = y;
+};
+Point.prototype.getX = function () {
+  return this.x;
+};
+Point.prototype.getY = function () {
+  return this.y;
+};
+
+function getClosestPair (pointsArr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/combinations.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/combinations.chinese.md
new file mode 100644
index 0000000000..a5d52e8c71
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/combinations.chinese.md
@@ -0,0 +1,75 @@
+---
+title: Combinations
+id: 5958469238c0d8d2632f46db
+challengeType: 5
+videoUrl: ''
+localeTitle: 组合
+---
+
+## Description
+<section id="description">任务： <p>给定非负整数<big>m</big>和<big>n</big> ，以排序顺序生成从<big>0</big> （零）到<big>n-1</big>的整数的所有大小<big>m个</big> <a href="http://mathworld.wolfram.com/Combination.html" title="链接：http：//mathworld.wolfram.com/Combination.html">组合</a> （每个组合被排序并且整个表被排序）。 </p>例： <p> <big>3</big>梳子<big>5</big>是： </p><pre> 0 1 2
+0 1 3
+0 1 4
+0 2 3
+0 2 4
+0 3 4
+1 2 3
+1 2 4
+1 3 4
+2 3 4
+</pre></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>combinations</code>是一种功能。
+    testString: 'assert(typeof combinations === "function", "<code>combinations</code> is a function.");'
+  - text: '<code>combinations(3, 5)</code>应返回<code>[[0, 1, 2], [0, 1, 3], [0, 1, 4], [0, 2, 3], [0, 2, 4], [0, 3, 4], [1, 2, 3], [1, 2, 4], [1, 3, 4], [2, 3, 4]]</code> 。'
+    testString: 'assert.deepEqual(combinations(testInput1[0], testInput1[1]), testOutput1, "<code>combinations(3, 5)</code> should return <code>[[0, 1, 2], [0, 1, 3], [0, 1, 4], [0, 2, 3], [0, 2, 4], [0, 3, 4], [1, 2, 3], [1, 2, 4], [1, 3, 4], [2, 3, 4]]</code>.");'
+  - text: '<code>combinations(4, 6)</code>应返回<code>[[0,1,2,3], [0,1,2,4], [0,1,2,5], [0,1,3,4], [0,1,3,5], [0,1,4,5], [0,2,3,4], [0,2,3,5], [0,2,4,5], [0,3,4,5], [1,2,3,4], [1,2,3,5], [1,2,4,5], [1,3,4,5], [2,3,4,5]]</code>'
+    testString: 'assert.deepEqual(combinations(testInput2[0], testInput2[1]), testOutput2, "<code>combinations(4, 6)</code> should return <code>[[0,1,2,3],  [0,1,2,4],  [0,1,2,5],  [0,1,3,4],  [0,1,3,5],  [0,1,4,5],  [0,2,3,4],  [0,2,3,5],  [0,2,4,5],  [0,3,4,5],  [1,2,3,4],  [1,2,3,5],  [1,2,4,5],  [1,3,4,5],  [2,3,4,5]]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function combinations (m, n) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/comma-quibbling.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/comma-quibbling.chinese.md
new file mode 100644
index 0000000000..abce390bee
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/comma-quibbling.chinese.md
@@ -0,0 +1,71 @@
+---
+title: Comma quibbling
+id: 596e414344c3b2872167f0fe
+challengeType: 5
+videoUrl: ''
+localeTitle: 逗号狡猾
+---
+
+## Description
+<section id="description"><p> Comma quibbling是Eric Lippert在他的<a href="http://blogs.msdn.com/b/ericlippert/archive/2009/04/15/comma-quibbling.aspx" title="链接：http：//blogs.msdn.com/b/ericlippert/archive/2009/04/15/comma-quibbling.aspx">博客中</a>最初设定的任务。 </p>任务： <p>编写一个函数来生成一个字符串输出，它是列表/序列中输入字的串联，其中： </p>没有单词的输入产生仅两个大括号字符“{}”的输出字符串。只有一个单词的输入，例如[“ABC”]，会在两个大括号内产生单词的输出字符串，例如“{ABC}”。两个单词的输入，例如[“ABC”，“DEF”]，产生两个大括号内的两个单词的输出字符串，其中单词由字符串“和”分隔，例如“{ABC和DEF}”。三个或更多单词的输入，例如[“ABC”，“DEF”，“G”，“H”]，产生除了最后一个单词之外的所有输出字符串，用“，”分隔，最后一个单词用“和”分隔。 “并且都在括号内;例如“{ABC，DEF，G和H}”。 <p>在此页面上显示输出的以下一系列输入测试您的功能： </p> []＃（无输入字）。 [“ABC”] [“ABC”，“DEF”] [“ABC”，“DEF”，“G”，“H”] <p>注意：假设此单词是此任务的非空字符串大写字符。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>quibble</code>是一种功能。
+    testString: 'assert(typeof quibble === "function", "<code>quibble</code> is a function.");'
+  - text: '<code>quibble([&quot;ABC&quot;])</code>应该返回一个字符串。'
+    testString: 'assert(typeof quibble(["ABC"]) === "string", "<code>quibble(["ABC"])</code> should return a string.");'
+  - text: '<code>quibble([])</code>应返回“{}”。'
+    testString: 'assert.equal(quibble(testCases[0]), results[0], "<code>quibble([])</code> should return "{}".");'
+  - text: '<code>quibble([&quot;ABC&quot;])</code>应该返回“{ABC}”。'
+    testString: 'assert.equal(quibble(testCases[1]), results[1], "<code>quibble(["ABC"])</code> should return "{ABC}".");'
+  - text: '<code>quibble([&quot;ABC&quot;, &quot;DEF&quot;])</code>应返回“{ABC和DEF}”。'
+    testString: 'assert.equal(quibble(testCases[2]), results[2], "<code>quibble(["ABC", "DEF"])</code> should return "{ABC and DEF}".");'
+  - text: '<code>quibble([&quot;ABC&quot;, &quot;DEF&quot;, &quot;G&quot;, &quot;H&quot;])</code>应返回“{ABC，DEF，G和H}”。'
+    testString: 'assert.equal(quibble(testCases[3]), results[3], "<code>quibble(["ABC", "DEF", "G", "H"])</code> should return "{ABC,DEF,G and H}".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function quibble (words) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/compare-a-list-of-strings.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/compare-a-list-of-strings.chinese.md
new file mode 100644
index 0000000000..fab646b94d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/compare-a-list-of-strings.chinese.md
@@ -0,0 +1,88 @@
+---
+title: Compare a list of strings
+id: 596e457071c35c882915b3e4
+challengeType: 5
+videoUrl: ''
+localeTitle: 比较字符串列表
+---
+
+## Description
+<section id="description"><p>给定一个任意多个字符串的<a href="https://en.wikipedia.org/wiki/List_(abstract_data_type)" title="wp：List_（abstract_data_type）">列表</a> ，为以下每个条件实现一个函数： </p>测试它们是否都是词法上相等的测试，如果每个字符串在词法上小于它之后的字符串（即列表是否按严格的升序排列） </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>allEqual</code>是一个函数。
+    testString: 'assert(typeof allEqual === "function", "<code>allEqual</code> is a function.");'
+  - text: <code>azSorted</code>是一个函数。
+    testString: 'assert(typeof azSorted === "function", "<code>azSorted</code> is a function.");'
+  - text: '<code>allEqual([&quot;AA&quot;, &quot;AA&quot;, &quot;AA&quot;, &quot;AA&quot;])</code>返回true。'
+    testString: 'assert(allEqual(testCases[0]), "<code>allEqual(["AA", "AA", "AA", "AA"])</code> returns true.");'
+  - text: '<code>azSorted([&quot;AA&quot;, &quot;AA&quot;, &quot;AA&quot;, &quot;AA&quot;])</code>返回false。'
+    testString: 'assert(!azSorted(testCases[0]), "<code>azSorted(["AA", "AA", "AA", "AA"])</code> returns false.");'
+  - text: '<code>allEqual([&quot;AA&quot;, &quot;ACB&quot;, &quot;BB&quot;, &quot;CC&quot;])</code>返回false。'
+    testString: 'assert(!allEqual(testCases[1]), "<code>allEqual(["AA", "ACB", "BB", "CC"])</code> returns false.");'
+  - text: '<code>azSorted([&quot;AA&quot;, &quot;ACB&quot;, &quot;BB&quot;, &quot;CC&quot;])</code>返回true。'
+    testString: 'assert(azSorted(testCases[1]), "<code>azSorted(["AA", "ACB", "BB", "CC"])</code> returns true.");'
+  - text: '<code>allEqual([])</code>返回true。'
+    testString: 'assert(allEqual(testCases[2]), "<code>allEqual([])</code> returns true.");'
+  - text: '<code>azSorted([])</code>返回true。'
+    testString: 'assert(azSorted(testCases[2]), "<code>azSorted([])</code> returns true.");'
+  - text: '<code>allEqual([&quot;AA&quot;])</code>返回true。'
+    testString: 'assert(allEqual(testCases[3]), "<code>allEqual(["AA"])</code> returns true.");'
+  - text: '<code>azSorted([&quot;AA&quot;])</code>返回true。'
+    testString: 'assert(azSorted(testCases[3]), "<code>azSorted(["AA"])</code> returns true.");'
+  - text: '<code>allEqual([&quot;BB&quot;, &quot;AA&quot;])</code>返回false。'
+    testString: 'assert(!allEqual(testCases[4]), "<code>allEqual(["BB", "AA"])</code> returns false.");'
+  - text: '<code>azSorted([&quot;BB&quot;, &quot;AA&quot;])</code>返回false。'
+    testString: 'assert(!azSorted(testCases[4]), "<code>azSorted(["BB", "AA"])</code> returns false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function allEqual (arr) {
+  // Good luck!
+  return true;
+}
+
+function azSorted (arr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/convert-seconds-to-compound-duration.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/convert-seconds-to-compound-duration.chinese.md
new file mode 100644
index 0000000000..28c051fb08
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/convert-seconds-to-compound-duration.chinese.md
@@ -0,0 +1,67 @@
+---
+title: Convert seconds to compound duration
+id: 596fd036dc1ab896c5db98b1
+challengeType: 5
+videoUrl: ''
+localeTitle: 将秒转换为复合持续时间
+---
+
+## Description
+<section id="description">任务： <p>实现一个功能： </p>取一个表示以秒为单位的持续时间的正整数作为输入（例如， <code>100</code> ），并返回一个字符串，该字符串显示分解为周，日，小时，分钟和秒的相同持续时间，如下所述（例如，“ <code>1 min, 40 sec</code> “）。 <p>证明它通过以下三个测试用例： </p><p style="font-size:115%; margin:1em 0 0 0">测试用例</p><table><tbody><tr><th>输入号码</th><th>输出数量</th></tr><tr><td> 7259 </td><td> <code>2 hr, 59 sec</code> </td> </tr><tr><td> 86400 </td><td> <code>1 d</code> </td> </tr><tr><td> 6000000 </td><td> <code>9 wk, 6 d, 10 hr, 40 min</code> </td> </tr></tbody></table><p style="font-size:115%; margin:1em 0 0 0">细节</p>应使用以下五个单位： <table><tbody><tr><th>单元</th><th>输出中使用的后缀</th><th>转变</th></tr><tr><td>周</td><td> <code>wk</code> </td> <td> 1周= 7天</td></tr><tr><td>天</td><td> <code>d</code> </td> <td> 1天= 24小时</td></tr><tr><td>小时</td><td> <code>hr</code> </td> <td> 1小时= 60分钟</td></tr><tr><td>分钟</td><td> <code>min</code> </td> <td> 1分钟= 60秒</td></tr><tr><td>第二</td><td> <code>sec</code> </td> <td></td></tr></tbody></table>但是，仅包括输出中具有非零值的数量（例如，返回“ <code>1 d</code> ”而不是“ <code>0 wk, 1 d, 0 hr, 0 min, 0 sec</code> ”）。更大的单位优先于较小的单位尽可能（例如，返回<code>2 min, 10 sec</code>而不是<code>1 min, 70 sec</code>或<code>130 sec</code> ）模拟测试用例中显示的格式（从最大单位到最小单位的数量，以逗号+空格分隔;数值和单位每个数量用空格分隔）。 <p></p><hr style="margin:1em 0;"><p></p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>convertSeconds</code>是一个函数。
+    testString: 'assert(typeof convertSeconds === "function", "<code>convertSeconds</code> is a function.");'
+  - text: '<code>convertSeconds(7259)</code>应该返回<code>2 hr, 59 sec</code> 。'
+    testString: 'assert.equal(convertSeconds(testCases[0]), results[0], "<code>convertSeconds(7259)</code> should return <code>2 hr, 59 sec</code>.");'
+  - text: <code>convertSeconds(86400)</code>应返回<code>1 d</code> 。
+    testString: 'assert.equal(convertSeconds(testCases[1]), results[1], "<code>convertSeconds(86400)</code> should return <code>1 d</code>.");'
+  - text: '<code>convertSeconds(6000000)</code>应该返回<code>9 wk, 6 d, 10 hr, 40 min</code> 。'
+    testString: 'assert.equal(convertSeconds(testCases[2]), results[2], "<code>convertSeconds(6000000)</code> should return <code>9 wk, 6 d, 10 hr, 40 min</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertSeconds (sec) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/count-occurrences-of-a-substring.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/count-occurrences-of-a-substring.chinese.md
new file mode 100644
index 0000000000..bf415a859d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/count-occurrences-of-a-substring.chinese.md
@@ -0,0 +1,67 @@
+---
+title: Count occurrences of a substring
+id: 596fda99c69f779975a1b67d
+challengeType: 5
+videoUrl: ''
+localeTitle: 计算子字符串的出现次数
+---
+
+## Description
+<section id="description">任务： <p>创建函数或显示内置函数，以计算字符串中子字符串的非重叠出现次数。 </p><p>该函数应该有两个参数： </p>第一个参数是要搜索的字符串，第二个参数是要搜索的子字符串。 <p>它应该返回一个整数计数。 </p><p>匹配应产生最多数量的非重叠匹配。 </p><p>通常，这实质上意味着从左到右或从右到左匹配。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>countSubstring</code>是一个函数。
+    testString: 'assert(typeof countSubstring === "function", "<code>countSubstring</code> is a function.");'
+  - text: '<code>countSubstring(&quot;the three truths&quot;, &quot;th&quot;)</code>应该返回<code>3</code> 。'
+    testString: 'assert.equal(countSubstring(testCases[0], searchString[0]), results[0], "<code>countSubstring("the three truths", "th")</code> should return <code>3</code>.");'
+  - text: '<code>countSubstring(&quot;ababababab&quot;, &quot;abab&quot;)</code>应返回<code>2</code> 。'
+    testString: 'assert.equal(countSubstring(testCases[1], searchString[1]), results[1], "<code>countSubstring("ababababab", "abab")</code> should return <code>2</code>.");'
+  - text: '<code>countSubstring(&quot;abaabba*bbaba*bbab&quot;, &quot;a*b&quot;)</code>应返回<code>2</code> 。'
+    testString: 'assert.equal(countSubstring(testCases[2], searchString[2]), results[2], "<code>countSubstring("abaabba*bbaba*bbab", "a*b")</code> should return <code>2</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countSubstring (str, subStr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/count-the-coins.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/count-the-coins.chinese.md
new file mode 100644
index 0000000000..4689fbd61b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/count-the-coins.chinese.md
@@ -0,0 +1,55 @@
+---
+title: Count the coins
+id: 59713bd26bdeb8a594fb9413
+challengeType: 5
+videoUrl: ''
+localeTitle: 计算硬币
+---
+
+## Description
+<section id="description"><p> <a href="https://en.wikipedia.org/wiki/United_States" title="链接：https：//en.wikipedia.org/wiki/United_States">美国</a>货币有四种常见硬币： </p>季度（25美分）硬币（10美分）镍（5美分）和便士（1美分） <p>有六种方法可以换15美分： </p>一角钱和一角钱一角钱和5便士3镍2镍和5便士一镍和10便士15便士任务： <p>实现一个功能，以确定使用这些普通硬币改变一美元的方式有多少？ （1美元= 100美分）。 </p>参考： <a href="http://mitpress.mit.edu/sicp/full-text/book/book-Z-H-11.html#%_sec_Temp_52" title="链接：http：//mitpress.mit.edu/sicp/full-text/book/book-Z-H-11.html#%_sec_Temp_52">麻省理工学院出版社的算法</a> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>countCoins</code>是一个函数。
+    testString: 'assert(typeof countCoins === "function", "<code>countCoins</code> is a function.");'
+  - text: <code>countCoints()</code>应该返回242。
+    testString: 'assert.equal(countCoins(), 242, "<code>countCoints()</code> should return 242.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countCoins () {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/cramers-rule.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/cramers-rule.chinese.md
new file mode 100644
index 0000000000..a1990940db
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/cramers-rule.chinese.md
@@ -0,0 +1,65 @@
+---
+title: Cramer's rule
+id: 59713da0a428c1a62d7db430
+challengeType: 5
+videoUrl: ''
+localeTitle: 克莱默的统治
+---
+
+## Description
+<section id="description"><p> <a href="https://en.wikipedia.org/wiki/linear algebra" title="wp：线性代数">在线性代数中</a> ， <a href="https://en.wikipedia.org/wiki/Cramer&#x27;s rule" title="wp：Cramer的规则">Cramer规则</a>是一个<a href="https://en.wikipedia.org/wiki/system of linear equations" title="wp：线性方程组">线性方程组</a>解的显式公式，其中包含与未知数一样多的方程，只要系统具有唯一解，就有效。它通过用方程右边的矢量替换一列来表示（方形）系数矩阵的决定因素和从它获得的矩阵的解决方案。 </p><p>特定</p><p><big></big></p><p> <big>$ \ left \ {\ begin {matrix} a_1x + b_1y + c_1z＆= {\ color {red} d_1} \\ a_2x + b_2y + c_2z＆= {\ color {red} d_2} \\ a_3x + b_3y + c_3z＆= {\颜色{红} D_3} \ {结束矩阵} \权。$</big> </p><p>以矩阵格式表示</p><p><big></big></p><p> <big>$ \ begin {bmatrix} a_1＆b_1＆c_1 \\ a_2＆b_2＆c_2 \\ a_3＆b_3＆c_3 \ end {bmatrix} \ begin {bmatrix} x \\ y \\ z \ end {bmatrix} = \ begin {bmatrix} {\ color {red} d_1} \\ {\ color {red} d_2} \\ {\ color {red} d_3} \ end {bmatrix}。$</big> </p><p>然后可以找到$ x，y $和$ z $的值，如下所示： </p><p><big></big></p><p> <big>$ x = \ frac {\ begin {vmatrix} {\ color {red} d_1}＆b_1＆c_1 \\ {\ color {red} d_2}＆b_2＆c_2 \\ {\ color {red} d_3}＆b_3＆ c_3 \ end {vmatrix}} {\ begin {vmatrix} a_1＆b_1＆c_1 \\ a_2＆b_2＆c_2 \\ a_3＆b_3＆c_3 \ end {vmatrix}}，\ quad y = \ frac {\ begin {vmatrix } a_1＆{\ color {red} d_1}＆c_1 \\ a_2＆{\ color {red} d_2}＆c_2 \\ a_3＆{\ color {red} d_3}＆c_3 \ end {vmatrix}} {\ begin {vmatrix} a_1＆b_1＆c_1 \\ a_2＆b_2＆c_2 \\ a_3＆b_3＆c_3 \ end {vmatrix}}，\ text {和} z = \ frac {\ begin {vmatrix} a_1＆b_1＆{\ color {red} d_1} \\ a_2＆b_2＆{\ color {red} d_2} \\ a_3＆b_3＆{\ color {red} d_3} \ end {vmatrix}} {\ begin {vmatrix} a_1＆b_1＆ c_1 \\ a_2＆b_2＆c_2 \\ a_3＆b_3＆c_3 \ end {vmatrix}}。$</big> </p>任务<p>给定以下方程组： </p><p> <big>$ \ begin {例} 2w-x + 5y + z = -3 \\ 3w + 2x + 2y-6z = -32 \\ w + 3x + 3y-z = -47 \\ 5w-2x-3y + 3z = 49 \\ \ end {cases} $</big> </p><p>使用Cramer的规则解决<big>$ w $，$ x $，$ y $</big>和<big>$ z $</big> 。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>cramersRule</code>是一个函数。
+    testString: 'assert(typeof cramersRule === "function", "<code>cramersRule</code> is a function.");'
+  - text: '<code>cramersRule([[2, -1, 5, 1], [3, 2, 2, -6], [1, 3, 3, -1], [5, -2, -3, 3]], [-3, -32, -47, 49])</code>应返回<code>[2, -12, -4, 1]</code> 。'
+    testString: 'assert.deepEqual(cramersRule(matrices[0], freeTerms[0]), answers[0], "<code>cramersRule([[2, -1, 5, 1], [3, 2, 2, -6], [1, 3, 3, -1], [5, -2, -3, 3]], [-3, -32, -47, 49])</code> should return <code>[2, -12, -4, 1]</code>.");'
+  - text: '<code>cramersRule([[3, 1, 1], [2, 2, 5], [1, -3, -4]], [3, -1, 2])</code>应返回<code>[1, 1, -1]</code> 。'
+    testString: 'assert.deepEqual(cramersRule(matrices[1], freeTerms[1]), answers[1], "<code>cramersRule([[3, 1, 1], [2, 2, 5], [1, -3, -4]], [3, -1, 2])</code> should return <code>[1, 1, -1]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function cramersRule (matrix, freeTerms) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/date-format.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/date-format.chinese.md
new file mode 100644
index 0000000000..f56b5b1426
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/date-format.chinese.md
@@ -0,0 +1,67 @@
+---
+title: Date format
+id: 59669d08d75b60482359409f
+challengeType: 5
+videoUrl: ''
+localeTitle: 日期格式
+---
+
+## Description
+<section id="description">任务： <p>返回包含以下格式的当前日期的数组： </p><p> -  2007-11-23和</p><p> -  2007年11月23日星期日</p><p>示例输出： <code>[&#39;2007-11-23&#39;, &#39;Sunday, November 23, 2007&#39;]</code> </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>getDateFormats</code>是一个函数。
+    testString: 'assert(typeof getDateFormats === "function", "<code>getDateFormats</code> is a function.");'
+  - text: 应该返回一个对象。
+    testString: 'assert(typeof getDateFormats() === "object", "Should return an object.");'
+  - text: 应该返回一个包含2个元素的数组。
+    testString: 'assert(getDateFormats().length === 2, "Should returned an array with 2 elements.");'
+  - text: 应以正​​确的格式返回正确的日期
+    testString: 'assert.deepEqual(getDateFormats(), dates, equalsMessage);'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getDateFormats () {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/date-manipulation.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/date-manipulation.chinese.md
new file mode 100644
index 0000000000..615f15770c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/date-manipulation.chinese.md
@@ -0,0 +1,73 @@
+---
+title: Date manipulation
+id: 5966c21cf732a95f1b67dd28
+challengeType: 5
+videoUrl: ''
+localeTitle: 日期操纵
+---
+
+## Description
+<section id="description">任务： <p>给定EST中的日期字符串，将给定日期输出为字符串，并添加12小时。 </p><p>时区应该保留。 </p><p>示例输入： </p><p> <code>&quot;March 7 2009 7:30pm EST&quot;</code> </p> <p>输出示例： </p><p> <code>&quot;March 8 2009 7:30am EST&quot;</code> </p> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>add12Hours</code>是一个功能。
+    testString: 'assert(typeof add12Hours === "function", "<code>add12Hours</code> is a function.");'
+  - text: <code>add12Hours(dateString)</code>应该返回一个字符串。
+    testString: 'assert(typeof add12Hours(tests[0]) === "string", "<code>add12Hours(dateString)</code> should return a string.");'
+  - text: '<code>add12Hours(&quot;&quot; + tests[0] + &quot;&quot;)</code>应该返回<code>&quot;&quot; + answers[0] + &quot;&quot;</code>'
+    testString: 'assert(add12Hours(tests[0]) === answers[0], "<code>add12Hours("" + tests[0] + "")</code> should return <code>"" + answers[0] + ""</code>");'
+  - text: '汉德尔应该改变一天。 <code>add12Hours(&quot;&quot; + tests[1] + &quot;&quot;)</code>应返回<code>&quot;&quot; + answers[1] + &quot;&quot;</code>'
+    testString: 'assert(add12Hours(tests[1]) === answers[1], "Should handel day change. <code>add12Hours("" + tests[1] + "")</code> should return <code>"" + answers[1] + ""</code>");'
+  - text: '汉德尔月份应该在闰年中发生变化。 <code>add12Hours(&quot;&quot; + tests[2] + &quot;&quot;)</code>应返回<code>&quot;&quot; + answers[2] + &quot;&quot;</code>'
+    testString: 'assert(add12Hours(tests[2]) === answers[2], "Should handel month change in a leap years. <code>add12Hours("" + tests[2] + "")</code> should return <code>"" + answers[2] + ""</code>");'
+  - text: '应该在一个共同的年份改变汉德尔月份。 <code>add12Hours(&quot;&quot; + tests[3] + &quot;&quot;)</code>应该返回<code>&quot;&quot; + answers[3] + &quot;&quot;</code>'
+    testString: 'assert(add12Hours(tests[3]) === answers[3], "Should handel month change in a common years. <code>add12Hours("" + tests[3] + "")</code> should return <code>"" + answers[3] + ""</code>");'
+  - text: '汉德尔应该改变一年。 <code>add12Hours(&quot;&quot; + tests[4] + &quot;&quot;)</code>应该返回<code>&quot;&quot; + answers[4] + &quot;&quot;</code>'
+    testString: 'assert(add12Hours(tests[4]) === answers[4], "Should handel year change. <code>add12Hours("" + tests[4] + "")</code> should return <code>"" + answers[4] + ""</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function add12Hours (dateString) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/day-of-the-week.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/day-of-the-week.chinese.md
new file mode 100644
index 0000000000..856e227873
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/day-of-the-week.chinese.md
@@ -0,0 +1,67 @@
+---
+title: Day of the week
+id: 5966f99c45e8976909a85575
+challengeType: 5
+videoUrl: ''
+localeTitle: 一周中的天
+---
+
+## Description
+<section id="description"><p>一家公司决定，每当圣诞节落在星期天，他们将给予他们的工人所有额外带薪假期，这样，在任何公共假期，工人将不必在下一周（12月25日到1月1日之间）工作。 </p><p>任务： </p><p>编写一个开始年份和结束年份的函数，并返回12月25日为星期日的所有年份的数组。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>findXmasSunday</code>是一个函数。
+    testString: 'assert(typeof findXmasSunday === "function", "<code>findXmasSunday</code> is a function.");'
+  - text: '<code>findChristmasSunday(2000, 2100)</code>应该返回一个数组。'
+    testString: 'assert(typeof findXmasSunday(2000, 2100) === "object", "<code>findChristmasSunday(2000, 2100)</code> should return an array.");'
+  - text: '<code>findChristmasSunday(2008, 2121</code>应该回归[1977,1983,1988,1994,2005,2011,2016]'
+    testString: 'assert.deepEqual(findXmasSunday(1970, 2017), firstSolution, "<code>findChristmasSunday(2008, 2121</code> should return [1977, 1983, 1988, 1994, 2005, 2011, 2016]");'
+  - text: '<code>findChristmasSunday(2008, 2121</code>应该返回[2011,2016,2022,2033,2039,2044,2050,2061,2067,2072,2078,2089,2095,2101,2107,2112,2118]'
+    testString: 'assert.deepEqual(findXmasSunday(2008, 2121), secondSolution, "<code>findChristmasSunday(2008, 2121</code> should return [2011, 2016, 2022, 2033, 2039, 2044, 2050, 2061, 2067, 2072, 2078, 2089, 2095, 2101, 2107, 2112, 2118]");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function findXmasSunday (start, end) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/deal-cards-for-freecell.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/deal-cards-for-freecell.chinese.md
new file mode 100644
index 0000000000..fb82d33198
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/deal-cards-for-freecell.chinese.md
@@ -0,0 +1,91 @@
+---
+title: Deal cards for FreeCell
+id: 59694356a6e7011f7f1c5f4e
+challengeType: 5
+videoUrl: ''
+localeTitle: FreeCell的交易卡
+---
+
+## Description
+<section id="description"><p> Free Cell是Paul Alfille在1978年向PLATO系统推出的单人纸牌游戏。微软的Jim Horne将名称更改为FreeCell并重新实现了<a href="http://rosettacode.org/wiki/DOS" title="DOS">DOS</a>游戏，然后是<a href="http://rosettacode.org/wiki/Windows" title="视窗">Windows</a>游戏。 </p><p>这个版本引入了32000个编号的交易。 （ <a href="http://www.solitairelaboratory.com/fcfaq.html" title="链接：http：//www.solitairelaboratory.com/fcfaq.html">FreeCell FAQ</a>讲述了这段历史。） </p><p>随着游戏的流行，Jim Horne披露<a href="http://www.solitairelaboratory.com/mshuffle.txt" title="链接：http：//www.solitairelaboratory.com/mshuffle.txt">了这种算法</a> ，FreeCell的其他实现开始重现微软的交易。 </p><p>这些交易编号从1到32000。 </p><p>微软的新版本有100万笔交易，编号从1到1000000;某些实现允许该范围之外的数字。 </p><p>该算法使用Microsoft C的这种<a href="http://rosettacode.org/wiki/linear congruential generator" title="线性同余发生器">线性同余生成器</a> ： </p> $ state_ {n + 1} \ equiv 214013 \ times state_n + 2531011 \ pmod {2 ^ {31}} $ $ rand_n = state_n \ div 2 ^ {16} $ $ rand_n $的范围是0到32767。 <p>该算法如下： </p>使用交易编号为RNG播种。创建一个由52张牌组成的<a href="http://rosettacode.org/wiki/array" title="排列">阵列</a> ：俱乐部的王牌，钻石王牌，心中的王牌，黑桃王牌，2个俱乐部，2个钻石等等等等：Ace，2,3,4,5,6， 7,8,9,10，杰克，女王，国王。数组索引为0到51，其中俱乐部的Ace为0，黑桃之王为51.直到数组为空：在索引≡下一个随机数（mod数组长度）中选择随机卡。将此随机卡与阵列的最后一张卡交换。从阵列中删除此随机卡。 （数组长度减少1.）处理此随机卡。交易所有52张牌，面朝上，横跨8列。前8张牌分为8列，后8张牌分为8张，依此类推。例： <p>订购交易卡</p><p></p><pre> 1 2 3 4 5 6 7 8
+ 9 10 11 12 13 14 15 16
+17 18 19 20 21 22 23 24
+25 26 27 28 29 30 31 32
+33 34 35 36 37 38 39 40
+41 42 43 44 45 46 47 48
+49 50 51 52 </pre><p></p><p>游戏＃1 </p><p></p><pre> [
+[&#39;JD&#39;，&#39;2D&#39;，&#39;9H&#39;，&#39;JC&#39;，&#39;5D&#39;，&#39;7H&#39;，&#39;7C&#39;，&#39;5H&#39;]，
+[&#39;KD&#39;，&#39;KC&#39;，&#39;9S&#39;，&#39;5S&#39;，&#39;AD&#39;，&#39;QC&#39;，&#39;KH&#39;，&#39;3H&#39;]，
+[&#39;2S&#39;，&#39;KS&#39;，&#39;9D&#39;，&#39;QD&#39;，&#39;JS&#39;，&#39;AS&#39;，&#39;AH&#39;，&#39;3C&#39;]，
+[&#39;4C&#39;，&#39;5C&#39;，&#39;TS&#39;，&#39;QH&#39;，&#39;4H&#39;，&#39;AC&#39;，&#39;4D&#39;，&#39;7S&#39;]，
+[&#39;3S&#39;，&#39;TD&#39;，&#39;4S&#39;，&#39;TH&#39;，&#39;8H&#39;，&#39;2C&#39;，&#39;JH&#39;，&#39;7D&#39;]，
+[&#39;6D&#39;，&#39;8S&#39;，&#39;8D&#39;，&#39;QS&#39;，&#39;6C&#39;，&#39;3D&#39;，&#39;8C&#39;，&#39;TC&#39;]，
+[&#39;6S&#39;，&#39;9C&#39;，&#39;2H&#39;，&#39;6H&#39;]
+] </pre><p></p><p>游戏＃617 </p><p></p><pre> [
+[&#39;7D&#39;，&#39;AD&#39;，&#39;5C&#39;，&#39;3S&#39;，&#39;5S&#39;，&#39;8C&#39;，&#39;2D&#39;，&#39;AH&#39;]，
+[&#39;TD&#39;，&#39;7S&#39;，&#39;QD&#39;，&#39;AC&#39;，&#39;6D&#39;，&#39;8H&#39;，&#39;AS&#39;，&#39;KH&#39;]，
+[&#39;TH&#39;，&#39;QC&#39;，&#39;3H&#39;，&#39;9D&#39;，&#39;6S&#39;，&#39;8D&#39;，&#39;3D&#39;，&#39;TC&#39;]，
+[&#39;KD&#39;，&#39;5H&#39;，&#39;9S&#39;，&#39;3C&#39;，&#39;8S&#39;，&#39;7H&#39;，&#39;4D&#39;，&#39;JS&#39;]，
+[&#39;4C&#39;，&#39;QS&#39;，&#39;9C&#39;，&#39;9H&#39;，&#39;7C&#39;，&#39;6H&#39;，&#39;2C&#39;，&#39;2S&#39;]，
+[&#39;4S&#39;，&#39;TS&#39;，&#39;2H&#39;，&#39;5D&#39;，&#39;JC&#39;，&#39;6C&#39;，&#39;JH&#39;，&#39;QH&#39;]，
+[&#39;JD&#39;，&#39;KS&#39;，&#39;KC&#39;，&#39;4H&#39;]
+] </pre><p></p>任务： <p>编写一个函数来获取交易编号并按照与此算法相同的顺序处理卡。 </p><p>该函数必须返回表示FreeCell板的二维数组。 </p><p>还可以针对<a href="http://freecellgamesolutions.com/" title="链接：http：//freecellgamesolutions.com/">1000000游戏的FreeCell解决方案</a>检查交易。 </p><p> （召唤一个视频解决方案，它会显示初始交易。） </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>dealFreeCell</code>是一个功能。
+    testString: 'assert(typeof dealFreeCell === "function", "<code>dealFreeCell</code> is a function.");'
+  - text: <code>dealFreeCell(seed)</code>应该返回一个对象。
+    testString: 'assert(typeof dealFreeCell(1) === "object", "<code>dealFreeCell(seed)</code> should return an object.");'
+  - text: <code>dealFreeCell(seed)</code>应该返回一个长度为7的数组。
+    testString: 'assert(dealFreeCell(1).length === 7, "<code>dealFreeCell(seed)</code> should return an array of length 7.");'
+  - text: <code>dealFreeCell(1)</code>应该返回一个与示例“Game＃1”相同的数组
+    testString: 'assert.deepEqual(dealFreeCell(1), game1, "<code>dealFreeCell(1)</code> should return an array identical to example "Game #1"");'
+  - text: <code>dealFreeCell(617)</code>应该返回一个与示例“Game＃617”相同的数组
+    testString: 'assert.deepEqual(dealFreeCell(617), game617, "<code>dealFreeCell(617)</code> should return an array identical to example "Game #617"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function dealFreeCell (seed) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/deepcopy.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/deepcopy.chinese.md
new file mode 100644
index 0000000000..ae5e20c812
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/deepcopy.chinese.md
@@ -0,0 +1,69 @@
+---
+title: Deepcopy
+id: 596a8888ab7c01048de257d5
+challengeType: 5
+videoUrl: ''
+localeTitle: deepcopy的
+---
+
+## Description
+<section id="description">任务： <p>编写一个返回给定对象的深层副本的函数。 </p><p>副本不得与给定的对象相同。 </p><p>此任务不会测试： </p>具有属性属性的对象Date对象或具有Date对象属性的对象RegEx或具有RegEx对象属性的对象原型复制</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>deepcopy</code>应该是一个功能。
+    testString: 'assert(typeof deepcopy === "function", "<code>deepcopy</code> should be a function.");'
+  - text: '<code>deepcopy({test: &quot;test&quot;})</code>应返回一个对象。'
+    testString: 'assert(typeof deepcopy(obj1) === "object", "<code>deepcopy({test: "test"})</code> should return an object.");'
+  - text: 不应该返回提供的相同对象。
+    testString: 'assert(deepcopy(obj2) != obj2, "Should not return the same object that was provided.");'
+  - text: 传递包含数组的对象时，应返回该对象的深层副本。
+    testString: 'assert.deepEqual(deepcopy(obj2), obj2, "When passed an object containing an array, should return a deep copy of the object.");'
+  - text: 传递包含另一个对象的对象时，应返回该对象的深层副本。
+    testString: 'assert.deepEqual(deepcopy(obj3), obj3, "When passed an object containing another object, should return a deep copy of the object.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function deepcopy (obj) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/define-a-primitive-data-type.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/define-a-primitive-data-type.chinese.md
new file mode 100644
index 0000000000..63fe212cac
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/define-a-primitive-data-type.chinese.md
@@ -0,0 +1,79 @@
+---
+title: Define a primitive data type
+id: 597089c87eec450c68aa1643
+challengeType: 5
+videoUrl: ''
+localeTitle: 定义原始数据类型
+---
+
+## Description
+<section id="description">任务： <p>定义一个行为类似于整数但最低有效值为1且最高有效值为10的类型。 </p>错误：如果您尝试实例化一个值超出1  -  10的<code>Num</code> ，它应该抛出一个错误消息为<code>&#39;Out of range&#39;</code>的<code>TypeError</code> 。如果您尝试使用不是<code>Num</code>的值实例化<code>Num</code> ，则应抛出<code>TypeError</code>并显示错误消息<code>&#39;Not a Number&#39;</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Num</code>应该是一个功能。
+    testString: 'assert(typeof Num === "function", "<code>Num</code> should be a function.");'
+  - text: <code>new Num(4)</code>应返回一个对象。
+    testString: 'assert(typeof (new Num(4)) === "object", "<code>new Num(4)</code> should return an object.");'
+  - text: '<code>new Num(\&#39;test\&#39;)</code>应抛出一个带有消息“非数字”的TypeError。'
+    testString: 'assert(throws(() => new Num("test"), TypeError, "Not a Number"), "<code>new Num(\"test\")</code> should throw a TypeError with message \"Not a Number\".");'
+  - text: <code>new Num(0)</code>应该抛出一个带有消息“超出范围”的TypeError。
+    testString: 'assert(throws(() => new Num(0), TypeError, "Out of range"), "<code>new Num(0)</code> should throw a TypeError with message \"Out of range\".");'
+  - text: <code>new Num(-5)</code>应该抛出一个带有消息“超出范围”的TypeError。
+    testString: 'assert(throws(() => new Num(-5), TypeError, "Out of range"), "<code>new Num(-5)</code> should throw a TypeError with message \"Out of range\".");'
+  - text: <code>new Num(10)</code>应抛出一个带有消息“超出范围”的TypeError。
+    testString: 'assert(throws(() => new Num(11), TypeError, "Out of range"), "<code>new Num(10)</code> should throw a TypeError with message \"Out of range\".");'
+  - text: <code>new Num(20)</code>应抛出一个带有消息“超出范围”的TypeError。
+    testString: 'assert(throws(() => new Num(20), TypeError, "Out of range"), "<code>new Num(20)</code> should throw a TypeError with message \"Out of range\".");'
+  - text: <code>new Num(3) + new Num(4)</code>应该等于7。
+    testString: 'assert.equal(new Num(3) + new Num(4), 7, "<code>new Num(3) + new Num(4)</code> should equal 7.");'
+  - text: <code>new Num(3) - new Num(4)</code>应该等于-1。
+    testString: 'assert.equal(new Num(3) - new Num(4), -1, "<code>new Num(3) - new Num(4)</code> should equal -1.");'
+  - text: <code>new Num(3) * new Num(4)</code>应该等于12。
+    testString: 'assert.equal(new Num(3) * new Num(4), 12, "<code>new Num(3) * new Num(4)</code> should equal 12.");'
+  - text: <code>new Num(3) / new Num(4)</code>应该等于0.75。
+    testString: 'assert.equal(new Num(3) / new Num(4), 0.75, "<code>new Num(3) / new Num(4)</code> should equal 0.75.");'
+  - text: <code>new Num(3) &lt; new Num(4)</code>应该是真的。
+    testString: 'assert(new Num(3) < new Num(4), "<code>new Num(3) < new Num(4)</code> should be true.");'
+  - text: <code>new Num(3) &gt; new Num(4)</code>应该是假的。
+    testString: 'assert(!(new Num(3) > new Num(4)), "<code>new Num(3) > new Num(4)</code> should be false.");'
+  - text: '<code>(new Num(5)).toString()</code>应返回\&#39;5 \&#39;'
+    testString: 'assert.equal((new Num(5)).toString(), "5", "<code>(new Num(5)).toString()</code> should return \"5\"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Num (n) {
+  // Good luck!
+  return n;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/department-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/department-numbers.chinese.md
new file mode 100644
index 0000000000..57ed13f7b1
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/department-numbers.chinese.md
@@ -0,0 +1,67 @@
+---
+title: Department Numbers
+id: 59f40b17e79dbf1ab720ed7a
+challengeType: 5
+videoUrl: ''
+localeTitle: 部门编号
+---
+
+## Description
+<section id="description"><p>有一个高度组织化的城市决定为每个部门分配一个号码： </p>警察局环卫部门消防部门<p>每个部门的数字可以在1到7之间（含）。 </p><p>这三个部门编号应该是唯一的（彼此不同），并且必须加起来为12。 </p><p>警察局长不喜欢奇怪的号码，并希望他的部门有一个偶数。 </p>任务： <p>编写一个输出所有有效组合的程序： </p><p> [2,3,7] </p><p> [2,4,6] </p><p> [2,6,4] </p><p> [2,7,3] </p><p> [4,1,7] </p><p> [4,2,6] </p><p> [4,3,5] </p><p> [4,5,3] </p><p> [4,6,2] </p><p> [4,7,1] </p><p> [6,1,5] </p><p> [6,2,4] </p><p> [6,4,2] </p><p> [6,5,1] </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>combinations</code>应该是一个功能。
+    testString: 'assert(typeof combinations === "function", "<code>combinations</code> should be a function.");'
+  - text: '<code>combinations([1, 2, 3], 6)</code>应该返回一个数组。'
+    testString: 'assert(Array.isArray(combinations([1, 2, 3], 6)), "<code>combinations([1, 2, 3], 6)</code> should return an Array.");'
+  - text: '<code>combinations([1, 2, 3, 4, 5, 6, 7], 12)</code>应返回长度为14的数组。'
+    testString: 'assert(combinations(nums, total).length === len, "<code>combinations([1, 2, 3, 4, 5, 6, 7], 12)</code> should return an array of length 14.");'
+  - text: '<code>combinations([1, 2, 3, 4, 5, 6, 7], 12)</code>应返回所有有效组合。'
+    testString: 'assert.deepEqual(combinations(nums, total), result, "<code>combinations([1, 2, 3, 4, 5, 6, 7], 12)</code> should return all valid combinations.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function combinations (possibleNumbers, total) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/discordian-date.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/discordian-date.chinese.md
new file mode 100644
index 0000000000..3040b8944d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/discordian-date.chinese.md
@@ -0,0 +1,67 @@
+---
+title: Discordian date
+id: 59f4eafba0343628bb682785
+challengeType: 5
+videoUrl: ''
+localeTitle: Discordian日期
+---
+
+## Description
+<section id="description">任务： <p>将给定日期从<a href="https://en.wikipedia.org/wiki/Gregorian calendar" title="wp：阳历">公历</a>转换为<a href="https://en.wikipedia.org/wiki/Discordian calendar" title="wp：Discordian日历">Discordian日历</a> 。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>discordianDate</code>是一个函数。
+    testString: 'assert(typeof discordianDate === "function", "<code>discordianDate</code> is a function.");'
+  - text: '<code>discordianDate(new Date(2010, 6, 22))</code> <code>&quot;Pungenday, the 57th day of Confusion in the YOLD 3176&quot;</code> <code>discordianDate(new Date(2010, 6, 22))</code>应该返回<code>&quot;Pungenday, the 57th day of Confusion in the YOLD 3176&quot;</code> 。'
+    testString: 'assert(discordianDate(new Date(2010, 6, 22)) === "Pungenday, the 57th day of Confusion in the YOLD 3176", "<code>discordianDate(new Date(2010, 6, 22))</code> should return <code>"Pungenday, the 57th day of Confusion in the YOLD 3176"</code>.");'
+  - text: '<code>discordianDate(new Date(2012, 1, 28))</code>应该返回<code>&quot;Prickle-Prickle, the 59th day of Chaos in the YOLD 3178&quot;</code> 。'
+    testString: 'assert(discordianDate(new Date(2012, 1, 28)) === "Prickle-Prickle, the 59th day of Chaos in the YOLD 3178", "<code>discordianDate(new Date(2012, 1, 28))</code> should return <code>"Prickle-Prickle, the 59th day of Chaos in the YOLD 3178"</code>.");'
+  - text: '<code>discordianDate(new Date(2012, 1, 29))</code> <code>&quot;Setting Orange, the 60th day of Chaos in the YOLD 3178. Celebrate St. Tib\&quot;s Day!&quot;</code> <code>discordianDate(new Date(2012, 1, 29))</code>应该返回<code>&quot;Setting Orange, the 60th day of Chaos in the YOLD 3178. Celebrate St. Tib\&quot;s Day!&quot;</code> 。'
+    testString: 'assert(discordianDate(new Date(2012, 1, 29)) === "Setting Orange, the 60th day of Chaos in the YOLD 3178. Celebrate St. Tib\"s Day!", "<code>discordianDate(new Date(2012, 1, 29))</code> should return <code>"Setting Orange, the 60th day of Chaos in the YOLD 3178. Celebrate St. Tib\"s Day!"</code>.");'
+  - text: '<code>discordianDate(new Date(2012, 2, 1))</code>应该返回<code>&quot;Setting Orange, the 60th day of Chaos in the YOLD 3178&quot;</code> 。'
+    testString: 'assert(discordianDate(new Date(2012, 2, 1)) === "Setting Orange, the 60th day of Chaos in the YOLD 3178", "<code>discordianDate(new Date(2012, 2, 1))</code> should return <code>"Setting Orange, the 60th day of Chaos in the YOLD 3178"</code>.");'
+  - text: '<code>discordianDate(new Date(2010, 0, 5))</code> <code>&quot;Setting Orange, the 5th day of Chaos in the YOLD 3176. Celebrate Mungday!&quot;</code> <code>discordianDate(new Date(2010, 0, 5))</code>应该返回<code>&quot;Setting Orange, the 5th day of Chaos in the YOLD 3176. Celebrate Mungday!&quot;</code> 。'
+    testString: 'assert(discordianDate(new Date(2010, 0, 5)) === "Setting Orange, the 5th day of Chaos in the YOLD 3176. Celebrate Mungday!", "<code>discordianDate(new Date(2010, 0, 5))</code> should return <code>"Setting Orange, the 5th day of Chaos in the YOLD 3176. Celebrate Mungday!"</code>.");'
+  - text: '<code>discordianDate(new Date(2011, 4, 3))</code>应该返回<code>&quot;Pungenday, the 50th day of Discord in the YOLD 3177. Celebrate Discoflux!&quot;</code> 。'
+    testString: 'assert(discordianDate(new Date(2011, 4, 3)) === "Pungenday, the 50th day of Discord in the YOLD 3177. Celebrate Discoflux!", "<code>discordianDate(new Date(2011, 4, 3))</code> should return <code>"Pungenday, the 50th day of Discord in the YOLD 3177. Celebrate Discoflux!"</code>.");'
+  - text: '<code>discordianDate(new Date(2015, 9, 19))</code> <code>&quot;Boomtime, the 73rd day of Bureaucracy in the YOLD 3181&quot;</code> <code>discordianDate(new Date(2015, 9, 19))</code>应该返回<code>&quot;Boomtime, the 73rd day of Bureaucracy in the YOLD 3181&quot;</code> 。'
+    testString: 'assert(discordianDate(new Date(2015, 9, 19)) === "Boomtime, the 73rd day of Bureaucracy in the YOLD 3181", "<code>discordianDate(new Date(2015, 9, 19))</code> should return <code>"Boomtime, the 73rd day of Bureaucracy in the YOLD 3181"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function discordianDate (date) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/element-wise-operations.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/element-wise-operations.chinese.md
new file mode 100644
index 0000000000..aea1c5efa9
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/element-wise-operations.chinese.md
@@ -0,0 +1,66 @@
+---
+title: Element-wise operations
+id: 599c333915e0ea32d04d4bec
+challengeType: 5
+videoUrl: ''
+localeTitle: 元素操作
+---
+
+## Description
+<section id="description"><p>实现基本的元素矩阵 - 矩阵和标量矩阵运算。 </p><p>实行： </p><p> :: *另外</p><p> :: *减法</p><p> :: *乘法</p><p> :: *分裂</p><p> :: *取幂</p><p>第一个参数是要执行的操作，例如：用于矩阵加法的“m_add”和用于标量加法的“s_add”。第二和第三参数将是要在其上执行操作的矩阵。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>operation</code>是一种功能。
+    testString: 'assert(typeof operation === "function", "<code>operation</code> is a function.");'
+  - text: '<code>operation(&quot;m_add&quot;,[[1,2],[3,4]],[[1,2],[3,4]])</code>应返回<code>[[2,4],[6,8]]</code> 。'
+    testString: 'assert.deepEqual(operation("m_add", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[2, 4], [6, 8]], "<code>operation("m_add",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[2,4],[6,8]]</code>.");'
+  - text: '<code>operation(&quot;s_add&quot;,[[1,2],[3,4]],[[1,2],[3,4]])</code>应返回<code>[[3,4],[5,6]]</code> 。'
+    testString: 'assert.deepEqual(operation("s_add", [[1, 2], [3, 4]], 2), [[3, 4], [5, 6]], "<code>operation("s_add",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[3,4],[5,6]]</code>.");'
+  - text: '<code>operation(&quot;m_sub&quot;,[[1,2],[3,4]],[[1,2],[3,4]])</code>应返回<code>[[0,0],[0,0]]</code> 。'
+    testString: 'assert.deepEqual(operation("m_sub", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[0, 0], [0, 0]], "<code>operation("m_sub",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[0,0],[0,0]]</code>.");'
+  - text: '<code>operation(&quot;m_mult&quot;,[[1,2],[3,4]],[[1,2],[3,4]])</code>应该返回<code>[[1,4],[9,16]]</code> 。'
+    testString: 'assert.deepEqual(operation("m_mult", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[1, 4], [9, 16]], "<code>operation("m_mult",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[1,4],[9,16]]</code>.");'
+  - text: '<code>operation(&quot;m_div&quot;,[[1,2],[3,4]],[[1,2],[3,4]])</code>应返回<code>[[1,1],[1,1]]</code> 。'
+    testString: 'assert.deepEqual(operation("m_div", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[1, 1], [1, 1]], "<code>operation("m_div",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[1,1],[1,1]]</code>.");'
+  - text: '<code>operation(&quot;m_exp&quot;,[[1,2],[3,4]],[[1,2],[3,4]])</code>应返回<code>[[1,4],[27,256]]</code> 。'
+    testString: 'assert.deepEqual(operation("m_exp", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[1, 4], [27, 256]], "<code>operation("m_exp",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[1,4],[27,256]]</code>.");'
+  - text: '<code>operation(&quot;m_add&quot;,[[1,2,3,4],[5,6,7,8]],[[9,10,11,12],[13,14,15,16]])</code>应该返回<code>[[10,12,14,16],[18,20,22,24]]</code> 。'
+    testString: 'assert.deepEqual(operation("m_add", [[1, 2, 3, 4], [5, 6, 7, 8]], [[9, 10, 11, 12], [13, 14, 15, 16]]), [[10, 12, 14, 16], [18, 20, 22, 24]], "<code>operation("m_add",[[1,2,3,4],[5,6,7,8]],[[9,10,11,12],[13,14,15,16]])</code> should return <code>[[10,12,14,16],[18,20,22,24]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function operation (op, arr1, arr2) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/emirp-primes.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/emirp-primes.chinese.md
new file mode 100644
index 0000000000..0cac318970
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/emirp-primes.chinese.md
@@ -0,0 +1,60 @@
+---
+title: Emirp primes
+id: 599d0ba974141b0f508b37d5
+challengeType: 5
+videoUrl: ''
+localeTitle: Emirp奖金
+---
+
+## Description
+<section id="description"><p>一个emirp（向后拼写的主要拼写）是素数，当它们被反转时（在它们的十进制表示中）是一个不同的素数。 </p><p>编写应能功能：显示前<b>n</b> eprimes numbers.Show在range.Show的eprimes数字eprimes的在range.Show <b><sup>第</sup> n <sup>个</sup></b> eprimes数目。 </p><p>该函数应该有两个参数。第一个将接收<b>n</b>或作为数组的范围。第二个将接收一个布尔值，它指定函数是否将eprimes作为数组或单个数字（范围中的素数或第<b>n <sup>个</sup></b>素数）返回。根据参数，函数应返回数组或数字。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>emirps</code>是一个功能。
+    testString: 'assert(typeof emirps === "function", "<code>emirps</code> is a function.");'
+  - text: '<code>emirps(20,true)</code>应该返回<code>[13,17,31,37,71,73,79,97,107,113,149,157,167,179,199,311,337,347,359,389]</code>'
+    testString: 'assert.deepEqual(emirps(20, true), [13, 17, 31, 37, 71, 73, 79, 97, 107, 113, 149, 157, 167, 179, 199, 311, 337, 347, 359, 389], "<code>emirps(20,true)</code> should return <code>[13,17,31,37,71,73,79,97,107,113,149,157,167,179,199,311,337,347,359,389]</code>");'
+  - text: <code>emirps(10000)</code>应该返回<code>948349</code>
+    testString: 'assert.deepEqual(emirps(10000), 948349, "<code>emirps(10000)</code> should return <code>948349</code>");'
+  - text: '<code>emirps([7700,8000],true)</code>应该返回<code>[7717,7757,7817,7841,7867,7879,7901,7927,7949,7951,7963]</code>'
+    testString: 'assert.deepEqual(emirps([7700, 8000], true), [7717, 7757, 7817, 7841, 7867, 7879, 7901, 7927, 7949, 7951, 7963], "<code>emirps([7700,8000],true)</code> should return <code>[7717,7757,7817,7841,7867,7879,7901,7927,7949,7951,7963]</code>");'
+  - text: '<code>emirps([7700,8000],true)</code>应该返回<code>11</code>'
+    testString: 'assert.deepEqual(emirps([7700, 8000], false), 11, "<code>emirps([7700,8000],true)</code> should return <code>11</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function emirps(n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/entropy.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/entropy.chinese.md
new file mode 100644
index 0000000000..4776dcfd78
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/entropy.chinese.md
@@ -0,0 +1,64 @@
+---
+title: Entropy
+id: 599d15309e88c813a40baf58
+challengeType: 5
+videoUrl: ''
+localeTitle: 熵
+---
+
+## Description
+<section id="description">任务： <p>计算给定输入字符串的香农熵H. </p><p>给定谨慎的随机变量$ X $，它是$ N $“符号”（总字符）的字符串，由$ n $个不同的字符组成（对于二进制，n = 2），位/符号中X的香农熵是： </p><p> $ H_2（X）=  -  \ sum_ {i = 1} ^ n \ frac {count_i} {N} \ log_2 \ left（\ frac {count_i} {N} \ right）$ </p><p>其中$ count_i $是字符$ n_i $的计数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>entropy</code>是一种功能。
+    testString: 'assert(typeof entropy === "function", "<code>entropy</code> is a function.");'
+  - text: <code>entropy(&quot;0&quot;)</code>应该返回<code>0</code>
+    testString: 'assert.equal(entropy("0"), 0, "<code>entropy("0")</code> should return <code>0</code>");'
+  - text: <code>entropy(&quot;01&quot;)</code>应该返回<code>1</code>
+    testString: 'assert.equal(entropy("01"), 1, "<code>entropy("01")</code> should return <code>1</code>");'
+  - text: <code>entropy(&quot;0123&quot;)</code>应该返回<code>2</code>
+    testString: 'assert.equal(entropy("0123"), 2, "<code>entropy("0123")</code> should return <code>2</code>");'
+  - text: <code>entropy(&quot;01234567&quot;)</code>应该返回<code>3</code>
+    testString: 'assert.equal(entropy("01234567"), 3, "<code>entropy("01234567")</code> should return <code>3</code>");'
+  - text: <code>entropy(&quot;0123456789abcdef&quot;)</code>应返回<code>4</code>
+    testString: 'assert.equal(entropy("0123456789abcdef"), 4, "<code>entropy("0123456789abcdef")</code> should return <code>4</code>");'
+  - text: <code>entropy(&quot;1223334444&quot;)</code>应返回<code>1.8464393446710154</code>
+    testString: 'assert.equal(entropy("1223334444"), 1.8464393446710154, "<code>entropy("1223334444")</code> should return <code>1.8464393446710154</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function entropy (s) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/equilibrium-index.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/equilibrium-index.chinese.md
new file mode 100644
index 0000000000..050ba6e2fc
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/equilibrium-index.chinese.md
@@ -0,0 +1,72 @@
+---
+title: Equilibrium index
+id: 5987fd532b954e0f21b5d3f6
+challengeType: 5
+videoUrl: ''
+localeTitle: 均衡指数
+---
+
+## Description
+<section id="description"><p>序列的平衡指数是序列的索引，使得较低指数处的元素之和等于较高指数处的元素之和。 </p><p>例如，在序列<big>$ A $中</big> ： </p><p> :::: <big>$ A_0 = -7 $</big> </p><p> :::: <big>$ A_1 = 1 $</big> </p><p> :::: <big>$ A_2 = 5 $</big> </p><p> :::: <big>$ A_3 = 2 $</big> </p><p> :::: <big>$ A_4 = -4 $</big> </p><p> :::: <big>$ A_5 = 3 $</big> </p><p> :::: <big>$ A_6 = 0 $</big> </p><p> 3是均衡指数，因为： </p><p> :::: <big>$ A_0 + A_1 + A_2 = A_4 + A_5 + A_6 $</big> </p><p> 6也是均衡指数，因为： </p><p> :::: <big>$ A_0 + A_1 + A_2 + A_3 + A_4 + A_5 = 0 $</big> </p><p> （零元素之和为零） </p><p> 7不是均衡指数，因为它不是序列<big>$ A $</big>的有效索引。 </p><p>编写一个函数，给定一个序列，返回其平衡指数（如果有的话）。 </p><p>假设序列可能很长。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>equilibrium</code>是一种功能。
+    testString: 'assert(typeof equilibrium === "function", "<code>equilibrium</code> is a function.");'
+  - text: '<code>equilibrium([-7, 1, 5, 2, -4, 3, 0])</code> <code>[3,6]</code> <code>equilibrium([-7, 1, 5, 2, -4, 3, 0])</code>应该返回<code>[3,6]</code> 。'
+    testString: 'assert.deepEqual(equilibrium(tests[0]), ans[0], "<code>equilibrium([-7, 1, 5, 2, -4, 3, 0])</code> should return <code>[3,6]</code>.");'
+  - text: '<code>equilibrium([2, 4, 6])</code>应该返回<code>[]</code> 。'
+    testString: 'assert.deepEqual(equilibrium(tests[1]), ans[1], "<code>equilibrium([2, 4, 6])</code> should return <code>[]</code>.");'
+  - text: '<code>equilibrium([2, 9, 2])</code>应该返回<code>[1]</code> 。'
+    testString: 'assert.deepEqual(equilibrium(tests[2]), ans[2], "<code>equilibrium([2, 9, 2])</code> should return <code>[1]</code>.");'
+  - text: '<code>equilibrium([1, -1, 1, -1, 1, -1, 1])</code>应该返回<code>[0,1,2,3,4,5,6]</code> 。'
+    testString: 'assert.deepEqual(equilibrium(tests[3]), ans[3], "<code>equilibrium([1, -1, 1, -1, 1, -1, 1])</code> should return <code>[0,1,2,3,4,5,6]</code>.");'
+  - text: '<code>equilibrium([1])</code>应该返回<code>[0]</code> 。'
+    testString: 'assert.deepEqual(equilibrium(tests[4]), ans[4], "<code>equilibrium([1])</code> should return <code>[0]</code>.");'
+  - text: '<code>equilibrium([])</code>应该返回<code>[]</code> 。'
+    testString: 'assert.deepEqual(equilibrium(tests[5]), ans[5], "<code>equilibrium([])</code> should return <code>[]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function equilibrium (a) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/ethiopian-multiplication.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/ethiopian-multiplication.chinese.md
new file mode 100644
index 0000000000..34e03d685e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/ethiopian-multiplication.chinese.md
@@ -0,0 +1,62 @@
+---
+title: Ethiopian multiplication
+id: 599d1566a02b571412643b84
+challengeType: 5
+videoUrl: ''
+localeTitle: 埃塞俄比亚的乘法
+---
+
+## Description
+<section id="description"><p>埃塞俄比亚乘法是一种仅使用加法，加倍和减半来乘以整数的方法。 </p><p>方法： </p>取两个数字相乘，然后将它们写在两列的顶部。在左侧列中反复将最后一个数字减半，丢弃任何余数，并将结果写入同一列中的最后一个，直到您写入值1.在右侧列中重复加倍最后一个数字并写入结果如下。在左侧列显示的同一行中添加结果时停止1.检查生成的表并丢弃左列中的值为偶数的任何行。将右侧列中的值相加，以产生将原始两个数相乘的结果<p>例如：17×34 </p><p> 17 34 </p><p>将第一列减半： </p><p> 17 34 </p><p> 8 </p><p> 4 </p><p> 2 </p><p> 1 </p><p>加倍第二列： </p><p> 17 34 </p><p> 8 68 </p><p> 4 136 </p><p> 2 272 </p><p> 1 544 </p><p>第一个单元格为偶数的删除行： </p><p> 17 34 </p><p> 8 <strike>68</strike> </p><p> 4 <strike>136</strike> </p><p> 2 <strike>272</strike> </p><p> 1 544 </p><p>将右侧列中的剩余数字相加： </p><p> 17 34 </p><p> 8  - </p><p> 4 --- </p><p> 2 --- </p><p> 1 544 </p><p> ==== </p><p> 578 </p><p>所以17乘以34，埃塞俄比亚方法是578。 </p>任务： <p>任务是定义三个命名函数/方法/过程/子例程： </p>一个将一个整数减半，一个减半整数，一个整数是偶数。 <p>使用这些函数创建一个执行埃塞俄比亚乘法的函数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>eth_mult</code>是一个功能。
+    testString: 'assert(typeof eth_mult === "function", "<code>eth_mult</code> is a function.");'
+  - text: '<code>eth_mult(17,34)</code>应该返回<code>578</code> 。'
+    testString: 'assert.equal(eth_mult(17, 34), 578, "<code>eth_mult(17,34)</code> should return <code>578</code>.");'
+  - text: '<code>eth_mult(23,46)</code>应该返回<code>1058</code> 。'
+    testString: 'assert.equal(eth_mult(23, 46), 1058, "<code>eth_mult(23,46)</code> should return <code>1058</code>.");'
+  - text: '<code>eth_mult(12,27)</code>应该返回<code>324</code> 。'
+    testString: 'assert.equal(eth_mult(12, 27), 324, "<code>eth_mult(12,27)</code> should return <code>324</code>.");'
+  - text: '<code>eth_mult(56,98)</code>应该返回<code>5488</code> 。'
+    testString: 'assert.equal(eth_mult(56, 98), 5488, "<code>eth_mult(56,98)</code> should return <code>5488</code>.");'
+  - text: '<code>eth_mult(63,74)</code>应该返回<code>4662</code> 。'
+    testString: 'assert.equal(eth_mult(63, 74), 4662, "<code>eth_mult(63,74)</code> should return <code>4662</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function eth_mult (a, b) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/euler-method.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/euler-method.chinese.md
new file mode 100644
index 0000000000..4207fa97e3
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/euler-method.chinese.md
@@ -0,0 +1,60 @@
+---
+title: Euler method
+id: 59880443fb36441083c6c20e
+challengeType: 5
+videoUrl: ''
+localeTitle: 欧拉方法
+---
+
+## Description
+<section id="description"><p>欧拉方法在数值上近似具有给定初始值的一阶常微分方程（ODE）的解。它是解决初始值问题（IVP）的一种显式方法，如<a href="https://en.wikipedia.org/wiki/Euler method" title="wp：欧拉方法">维基百科页面中所述</a> 。 </p><p> ODE必须以下列形式提供： </p><p> :: <big>$ \ frac {dy（t）} {dt} = f（t，y（t））$</big> </p><p>具有初始值</p><p> :: <big>$ y（t_0）= y_0 $</big> </p><p>为了得到数值解，我们用有限差分近似替换LHS上的导数： </p><p> :: <big>$ \ frac {dy（t）} {dt} \ approx \ frac {y（t + h）-y（t）} {h} $</big> </p><p>然后解决$ y（t + h）$： </p><p> :: <big>$ y（t + h）\ about y（t）+ h \，\ frac {dy（t）} {dt} $</big> </p><p>这是一样的</p><p> :: <big>$ y（t + h）\ about y（t）+ h \，f（t，y（t））$</big> </p><p>然后迭代解决方案规则是： </p><p> :: <big>$ y_ {n + 1} = y_n + h \，f（t_n，y_n）$</big> </p><p>其中<big>$ h $</big>是步长，是解决方案准确性最相关的参数。较小的步长会提高精度，但也会增加计算成本，因此必须根据手头的问题手工挑选。 </p><p>示例：牛顿冷却法</p><p> Newton的冷却定律描述了在温度<big>$ T_R $</big>的环境中初始温度<big>$ T（t_0）= T_0 $</big>的对象如何冷却： </p><p> :: <big>$ \ frac {dT（t）} {dt} = -k \，\ Delta T $</big> </p><p>要么</p><p> :: <big>$ \ frac {dT（t）} {dt} = -k \，（T（t） -  T_R）$</big> </p><p>它表示物体的冷却速率<big>$ \ frac {dT（t）} {dt} $</big>与周围环境的当前温差<big>$ \ Delta T =（T（t） -  T_R）$成正比</big> 。 </p><p>我们将与数值近似进行比较的解析解是</p><p> :: <big>$ T（t）= T_R +（T_0  -  T_R）\; Ë^ { -克拉} $</big> </p>任务： <p>实现欧拉方法的一个例程，然后用它来解决牛顿冷却定律的给定例子，它有三种不同的步长： </p><p> :: * 2秒</p><p> :: * 5秒和</p><p> :: * 10秒</p><p>并与分析解决方案进行比较。 </p>初始值： <p> :: *初始温度<big>$ T_0 $</big>应为100°C </p><p> :: *室温<big>$ T_R $</big>应为20°C </p><p> :: *冷却常数<big>$ k $</big>应为0.07 </p><p> :: *计算的时间间隔应为0s──►100s </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>eulersMethod</code>是一个函数。
+    testString: 'assert(typeof eulersMethod === "function", "<code>eulersMethod</code> is a function.");'
+  - text: '<code>eulersMethod(0, 100, 100, 10)</code>应该返回一个数字。'
+    testString: 'assert(typeof eulersMethod(0, 100, 100, 10) === "number", "<code>eulersMethod(0, 100, 100, 10)</code> should return a number.");'
+  - text: '<code>eulersMethod(0, 100, 100, 10)</code>应返回20.0424631833732。'
+    testString: 'assert.equal(eulersMethod(0, 100, 100, 2), 20.0424631833732, "<code>eulersMethod(0, 100, 100, 10)</code> should return 20.0424631833732.");'
+  - text: '<code>eulersMethod(0, 100, 100, 10)</code>应返回20.01449963666907。'
+    testString: 'assert.equal(eulersMethod(0, 100, 100, 5), 20.01449963666907, "<code>eulersMethod(0, 100, 100, 10)</code> should return 20.01449963666907.");'
+  - text: '<code>eulersMethod(0, 100, 100, 10)</code>应返回20.000472392。'
+    testString: 'assert.equal(eulersMethod(0, 100, 100, 10), 20.000472392, "<code>eulersMethod(0, 100, 100, 10)</code> should return 20.000472392.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function eulersMethod (x1, y1, x2, h) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/evaluate-binomial-coefficients.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/evaluate-binomial-coefficients.chinese.md
new file mode 100644
index 0000000000..79cfa9f79e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/evaluate-binomial-coefficients.chinese.md
@@ -0,0 +1,62 @@
+---
+title: Evaluate binomial coefficients
+id: 598de241872ef8353c58a7a2
+challengeType: 5
+videoUrl: ''
+localeTitle: 评估二项式系数
+---
+
+## Description
+<section id="description"><p>写一个函数来计算给定n和k值的二项式系数。 </p><p>推荐这个公式： </p> $ \ binom {n} {k} = \ frac {n！} {（nk）！k！} = \ frac {n（n-1）（n-2）\ ldots（n-k + 1）} { k（k-1）（k-2）\ ldots 1} $ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>binom</code>是一个功能。
+    testString: 'assert(typeof binom === "function", "<code>binom</code> is a function.");'
+  - text: '<code>binom(5,3)</code>应该返回10。'
+    testString: 'assert.equal(binom(5, 3), 10, "<code>binom(5,3)</code> should return 10.");'
+  - text: '<code>binom(7,2)</code>应该返回21。'
+    testString: 'assert.equal(binom(7, 2), 21, "<code>binom(7,2)</code> should return 21.");'
+  - text: '<code>binom(10,4)</code>应该返回210。'
+    testString: 'assert.equal(binom(10, 4), 210, "<code>binom(10,4)</code> should return 210.");'
+  - text: '<code>binom(6,1)</code>应该返回6。'
+    testString: 'assert.equal(binom(6, 1), 6, "<code>binom(6,1)</code> should return 6.");'
+  - text: '<code>binom(12,8)</code>应该返回495。'
+    testString: 'assert.equal(binom(12, 8), 495, "<code>binom(12,8)</code> should return 495.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function binom (n, k) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/execute-a-markov-algorithm.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/execute-a-markov-algorithm.chinese.md
new file mode 100644
index 0000000000..eeae4f3774
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/execute-a-markov-algorithm.chinese.md
@@ -0,0 +1,118 @@
+---
+title: Execute a Markov algorithm
+id: 59e09e6d412c5939baa02d16
+challengeType: 5
+videoUrl: ''
+localeTitle: 执行马尔可夫算法
+---
+
+## Description
+<section id="description">任务： <p>为<a href="https://en.wikipedia.org/wiki/Markov algorithm" title="wp：马尔可夫算法">马尔可夫算法</a>创建解释器。 </p><p>规则具有以下语法： </p><p><ruleset> :: =（（ <comment> | <rule> ） <newline> +）* </newline></rule></comment></ruleset></p><p><comment> :: =＃{ <any character=""> } </any></comment></p><p><rule> :: = <pattern><whitespace> - &gt; <whitespace> [。] <replacement></replacement></whitespace></whitespace></pattern></rule></p><p><whitespace> :: =（ <tab> | <space> ）[ <whitespace> ] </whitespace></space></tab></whitespace></p><p>每行有一条规则。 </p><p>如果有的话<b>。</b> （期间）出席之前<replacement> ，那么这是一个终止规则，在这种情况下，解释器必须停止执行。 </replacement></p><p>规则集由一系列规则和可选注释组成。 </p><p> <big><big>规则集</big></big> </p><p>对条目使用以下测试： </p>规则集1： <pre>此规则文件是从Wikipedia中提取的：
+http://en.wikipedia.org/wiki/Markov_AlgorithmA  - &gt; apple
+B  - &gt;包
+S  - &gt;店
+T  - &gt;
+商店 - &gt;我的兄弟
+一个从未使用过的 - &gt;。终止规则
+</pre><p>示例文本： </p><p> <code>I bought a B of As from T S.</code> </p> <p>应该生成输出： </p><p> <code>I bought a bag of apples from my brother.</code> </p>规则集2： <p>终止规则的测试</p><pre>从维基百科的规则略有修改 - &gt;苹果
+B  - &gt;包
+S  - &gt; .shop
+T  - &gt;
+商店 - &gt;我的兄弟
+一个从未使用过的 - &gt;。终止规则</pre><p>示例文本： </p><p> <code>I bought a B of As from T S.</code> </p> <p>应该生成： </p><p> <code>I bought a bag of apples from T shop.</code> </p>规则集3： <p>如果没有转义特殊的正则表达式字符，这将测试正确的替换顺序并可能捕获简单的基于正则表达式的替换例程。 </p><pre> BNF语法测试规则A  - &gt; apple
+WWWW  - &gt;用
+行李 - &gt;  - &gt;。*
+B  - &gt;包
+ - &gt;。*  - &gt;钱
+W  - &gt; WW
+S  - &gt; .shop
+T  - &gt;
+商店 - &gt;我的兄弟
+一个从未使用过的 - &gt;。终止规则
+</pre><p>示例文本： </p><p> <code>I bought a B of As W my Bgage from T S.</code> </p> <p>应该生成： </p><p> <code>I bought a bag of apples with my money from T shop.</code> </p>规则集4： <p>这将测试规则扫描的正确顺序，并可能捕获以错误顺序扫描的替换例程。它实现了一般的一元乘法引擎。 （请注意，在此实现中，输入表达式必须放在下划线中。） </p><pre> ##一元乘法引擎，用于测试马尔可夫算法实现
+## Donal Fellows。
+一元加法引擎_ + 1  - &gt; _1 +
+1 + 1  - &gt; 11+
+通过将乘法的分裂转换为普通的
+addition1！ - &gt;！1
+，！ - &gt;！+
+_！ - &gt; _
+通过复制左侧，右侧乘以1 * 1  - &gt; x，@ y进行一元乘法
+1x  - &gt; xX
+X， - &gt; 1,1
+X1  - &gt; 1X
+_x  - &gt; _X
+，x  - &gt;，X
+y1  - &gt; 1y
+y_  - &gt; _
+apply1 @ 1  - &gt; x，@ y的下一阶段
+1 @ _  - &gt; @_
+，@ _  - &gt;！_
+++  - &gt; +
+添加终止清除_1  - &gt; 1
+1 + _  - &gt; 1
+_ + _  - &gt;
+</pre><p>示例文本： </p><p> <code>_1111*11111_</code> </p> <p>应该生成输出： </p><p> <code>11111111111111111111</code> </p>规则集5： <p>一台简单的<a href="http://en.wikipedia.org/wiki/Turing_machine" title="链接：http：//en.wikipedia.org/wiki/Turing_machine">图灵机</a> ， </p><p>实施三态<a href="http://en.wikipedia.org/wiki/Busy_beaver" title="链接：http：//en.wikipedia.org/wiki/Busy_beaver">繁忙的海狸</a> 。 </p><p>磁带由0和1组成，状态为A，B，C和H（对于Halt），并且通过在头部所在的字符之前写入状态字母来指示磁头位置。 </p><p>必须在输入中给出机器操作的初始磁带的所有部分。 </p><p>除了证明Markov算法是Turing-complete之外，它还让我抓住了C ++实现中的一个错误，这个错误没有被前四个规则集捕获。 </p><pre>图灵机：三态繁忙的海狸
+#sta A，符号0 =&gt;写1，向右移动，新状态BA0  - &gt; 1B
+状态A，符号1 =&gt;写1，向左移动，新状态C0A1  - &gt; C01
+1A1  - &gt; C11
+状态B，符号0 =&gt;写1，向左移动，新状态A0B0  - &gt; A01
+1B0  - &gt; A11
+状态B，符号1 =&gt;写1，向右移动，新状态BB1  - &gt; 1B
+状态C，符号0 =&gt;写1，向左移动，新状态B0C0  - &gt; B01
+1C0  - &gt; B11
+状态C，符号1 =&gt;写1，向左移动，停止0C1  - &gt; H01
+1C1  - &gt; H11
+</pre><p>这个规则集应该转向</p><p> <code>000000A000000</code> </p> <p>成</p><p> <code>00011H1111000</code> </p> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>markov</code>是一个功能。
+    testString: 'assert(typeof markov === "function", "<code>markov</code> is a function.");'
+  - text: '<code>markov([&quot;A -&gt; apple&quot;,&quot;B -&gt; bag&quot;,&quot;S -&gt; shop&quot;,&quot;T -&gt; the&quot;,&quot;the shop -&gt; my brother&quot;,&quot;a never used -&gt; .terminating rule&quot;],&quot;I bought a B of As from T S.&quot;)</code>应该回复“我从我兄弟那里买了一袋苹果”。'
+    testString: 'assert.deepEqual(markov(rules[0],tests[0]),outputs[0],"<code>markov(["A -> apple","B -> bag","S -> shop","T -> the","the shop -> my brother","a never used -> .terminating rule"],"I bought a B of As from T S.")</code> should return "I bought a bag of apples from my brother.".");'
+  - text: '<code>markov([&quot;A -&gt; apple&quot;,&quot;B -&gt; bag&quot;,&quot;S -&gt; .shop&quot;,&quot;T -&gt; the&quot;,&quot;the shop -&gt; my brother&quot;,&quot;a never used -&gt; .terminating rule&quot;],&quot;I bought a B of As from T S.&quot;)</code>应该回来“我从T商店买了一袋苹果。”'
+    testString: 'assert.deepEqual(markov(rules[1],tests[1]),outputs[1],"<code>markov(["A -> apple","B -> bag","S -> .shop","T -> the","the shop -> my brother","a never used -> .terminating rule"],"I bought a B of As from T S.")</code> should return "I bought a bag of apples from T shop.".");'
+  - text: '<code>markov([&quot;A -&gt; apple&quot;,&quot;WWWW -&gt; with&quot;,&quot;Bgage -&gt; -&gt;.*&quot;,&quot;B -&gt; bag&quot;,&quot;-&gt;.* -&gt; money&quot;,&quot;W -&gt; WW&quot;,&quot;S -&gt; .shop&quot;,&quot;T -&gt; the&quot;,&quot;the shop -&gt; my brother&quot;,&quot;a never used -&gt; .terminating rule&quot;],&quot;I bought a B of As W my Bgage from T S.&quot;)</code>应该返回”我从T商店用我的钱买了一袋苹果。“'
+    testString: 'assert.deepEqual(markov(rules[2],tests[2]),outputs[2],"<code>markov(["A -> apple","WWWW -> with","Bgage -> ->.*","B -> bag","->.* -> money","W -> WW","S -> .shop","T -> the","the shop -> my brother","a never used -> .terminating rule"],"I bought a B of As W my Bgage from T S.")</code> should return "I bought a bag of apples with my money from T shop.".");'
+  - text: '<code>markov([&quot;_+1 -&gt; _1+&quot;,&quot;1+1 -&gt; 11+&quot;,&quot;1! -&gt; !1&quot;,&quot;,! -&gt; !+&quot;,&quot;_! -&gt; _&quot;,&quot;1*1 -&gt; x,@y&quot;,&quot;1x -&gt; xX&quot;,&quot;X, -&gt; 1,1&quot;,&quot;X1 -&gt; 1X&quot;,&quot;_x -&gt; _X&quot;,&quot;,x -&gt; ,X&quot;,&quot;y1 -&gt; 1y&quot;,&quot;y_ -&gt; _&quot;,&quot;1@1 -&gt; x,@y&quot;,&quot;1@_ -&gt; @_&quot;,&quot;,@_ -&gt; !_&quot;,&quot;++ -&gt; +&quot;,&quot;_1 -&gt; 1&quot;,&quot;1+_ -&gt; 1&quot;,&quot;_+_ -&gt; &quot;],&quot;_1111*11111_&quot;)</code>应返回”11111111111111111111“。'
+    testString: 'assert.deepEqual(markov(rules[3],tests[3]),outputs[3],"<code>markov(["_+1 -> _1+","1+1 -> 11+","1! -> !1",",! -> !+","_! -> _","1*1 -> x,@y","1x -> xX","X, -> 1,1","X1 -> 1X","_x -> _X",",x -> ,X","y1 -> 1y","y_ -> _","1@1 -> x,@y","1@_ -> @_",",@_ -> !_","++ -> +","_1 -> 1","1+_ -> 1","_+_ -> "],"_1111*11111_")</code> should return "11111111111111111111".");'
+  - text: '<code>markov([&quot;A0 -&gt; 1B&quot;,&quot;0A1 -&gt; C01&quot;,&quot;1A1 -&gt; C11&quot;,&quot;0B0 -&gt; A01&quot;,&quot;1B0 -&gt; A11&quot;,&quot;B1 -&gt; 1B&quot;,&quot;0C0 -&gt; B01&quot;,&quot;1C0 -&gt; B11&quot;,&quot;0C1 -&gt; H01&quot;,&quot;1C1 -&gt; H11&quot;],&quot;&quot;)</code>应返回”00011H1111000“。'
+    testString: 'assert.deepEqual(markov(rules[4],tests[4]),outputs[4],"<code>markov(["A0 -> 1B","0A1 -> C01","1A1 -> C11","0B0 -> A01","1B0 -> A11","B1 -> 1B","0C0 -> B01","1C0 -> B11","0C1 -> H01","1C1 -> H11"],"")</code> should return "00011H1111000".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function markov (rules,test) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/execute-brain.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/execute-brain.chinese.md
new file mode 100644
index 0000000000..48ab88442e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/execute-brain.chinese.md
@@ -0,0 +1,133 @@
+---
+title: Execute Brain****
+id: 59e0a8df964e4540d5abe599
+challengeType: 5
+videoUrl: ''
+localeTitle: 执行大脑****
+---
+
+## Description
+<section id="description"><p>编写一个函数来实现Brain ****解释器。该函数将字符串作为参数，并应返回一个字符串作为输出。更多细节如下： </p><p> <a href="http://rosettacode.org/wiki/Brainf***" title="Brainf ***">RCBF</a>是一套为各种语言的Rosetta Code编写的<a href="http://rosettacode.org/wiki/Brainf***" title="Brainf ***">Brainf ***</a>编译器和解释器。 </p><p>以下是RCBF每个版本的链接。 </p><p>实现只需要正确实现以下指令： </p><p> {| </p><p> ！命令</p><p> ！描述</p><p> |  - </p><p> |风格=“文本对齐：中心” | <code>&gt;</code> ||将指针向右移动</p><p> |  - </p><p> |风格=“文本对齐：中心” | <code>&lt;</code> ||将指针移到左侧</p><p> |  - </p><p> |风格=“文本对齐：中心” | <code>+</code> ||增加指针下的内存单元格</p><p> |  - </p><p> |风格=“文本对齐：中心” | <code>-</code> ||减少指针下的内存单元格</p><p> |  - </p><p> |风格=“文本对齐：中心” | <code>.</code> ||输出指针处单元格表示的字符</p><p> |  - </p><p> |风格=“文本对齐：中心” | <code>,</code> ||输入一个字符并将其存储在指针的单元格中</p><p> |  - </p><p> |风格=“文本对齐：中心” | <code>[</code> ||如果指针下的单元格为0，则跳过匹配<code>]</code> </p><p> |  - </p><p> |风格=“文本对齐：中心” | <code>]</code> ||跳回匹配<code>[</code>如果指针下的单元格非零</p><p> |} </p><p>允许任何单元格大小，EOF（ <u>E</u> nd- <u>O</u> - <u>F</u> ile）支持是可选的，无论您是否有有界或无界内存。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>brain(bye)</code>应该重新调整一个字符串
+    testString: 'assert(typeof brain(bye) === "string", "<code>brain(bye)</code> should return a string");'
+  - text: '<code>brain("++++++[>++++++++++<-]>+++++.")</code should return "A"'
+    testString: 'assert.equal(brain("++++++[>++++++++++<-]>+++++."),"A", "<code>brain("++++++[>++++++++++<-]>+++++.")</code should return "A"");'
+  - text: '<code>brain(bye)</code>应该回归<code>Goodbye, World!\\r\\n</code>'
+    testString: 'assert.equal(brain(bye), "Goodbye, World!\r\n", "<code>brain(bye)</code> should return <code>Goodbye, World!\\r\\n</code>");'
+  - text: '<code>brain(hello)</code>应该回归<code>Hello World!\\n</code> &#39;'
+    testString: 'assert.equal(brain(hello), "Hello World!\n", "<code>brain(hello)</code> should return <code>Hello World!\\n</code>");'
+  - text: '<code>brain(fib)</code>应该返回<code>1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89</code>'
+    testString: 'assert.equal(brain(fib), "1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89", "<code>brain(fib)</code> should return <code>1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function brain (prog) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+let fib=`+
+
+++
+
++++
+
+++++
+
++>+>>
+
+>>++++
+
++++++++
+
+++++++++
+
++++++++++
+
+++++++++++
+
+++++++>++++
+
+++++++++++++
+
++++++++++++++
+
++++<<<<<<[>[>>
+
+>>>>+>+<<<<<<<-
+
+]>>>>>>>[<<<<<<<
+
++>>>>>>>-]<[>++++
+
+++++++[-<-[>>+>+<<
+
+<-]>>>[<<<+>>>-]+<[
+
+>[-]<[-]]>[<<[>>>+<<
+
+<-]>>[-]]<<]>>>[>>+>+
+
+<<<-]>>>[<<<+>>>-]+<[>
+
+[-]<[-]]>[<<+>>[-]]<<<<
+
+<<<]>>>>>[++++++++++++++
+
++++++++++++++++++++++++++
+
++++++++++.[-]]++++++++++<[
+
+->-<]>+++++++++++++++++++++
+
++++++++++++++++++++++++++++.
+
+[-]<<<<<<<<<<<<[>>>+>+<<<<-]>
+
+>>>[<<<<+>>>>-]<-[>>.>.<<<[-]]
+
+<<[>>+>+<<<-]>>>[<<<+>>>-]<<[<+
+
+>-]>[<+>-]<<<-]`;
+let hello='++++++++[>++++[>++>+++>+++>+<<<<-]>+>+>->>+[<]<-]>>.>---.+++++++..+++.>>.<-.<.+++.------.--------.>>+.>++.'
+let bye='++++++++++[>+>+++>++++>+++++++>++++++++>+++++++++>++++++++++>+++++++++++>++++++++++++<<<<<<<<<-]>>>>+.>>>>+..<.<++++++++.>>>+.<<+.<<<<++++.<++.>>>+++++++.>>>.+++.<+++++++.--------.<<<<<+.<+++.---.';
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/extensible-prime-generator.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/extensible-prime-generator.chinese.md
new file mode 100644
index 0000000000..c9f01901c9
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/extensible-prime-generator.chinese.md
@@ -0,0 +1,60 @@
+---
+title: Extensible prime generator
+id: 598ee8b91b410510ae82efef
+challengeType: 5
+videoUrl: ''
+localeTitle: 可扩展的素发生器
+---
+
+## Description
+<section id="description"><p>按顺序编写素数生成器，它将自动调整以适应任何合理高素数的生成。 </p>发电机应能：显示前<b>N个</b>黄金numbers.Show在range.Show的素数的素数在range.Show数<b><sup>第</sup> n <sup>个</sup></b>素数。 <p>该函数应该有两个参数。第一个将接收<b>n</b>或作为数组的范围。第二个将接收一个布尔值，它指定函数是否将素数作为数组或单个数字（范围中的素数或第<b>n <sup>个</sup></b>素数）返回。根据参数，函数应该返回一个数组。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>primeGenerator</code>是一个函数。
+    testString: 'assert(typeof primeGenerator === "function", "<code>primeGenerator</code> is a function.");'
+  - text: <code>primeGenerator</code>是一个函数。
+    testString: 'assert.deepEqual(primeGenerator(20, true), [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67, 71], "<code>primeGenerator</code> is a function.");'
+  - text: <code>primeGenerator</code>是一个函数。
+    testString: 'assert.deepEqual(primeGenerator([100, 150], true), [101, 103, 107, 109, 113, 127, 131, 137, 139, 149], "<code>primeGenerator</code> is a function.");'
+  - text: <code>primeGenerator</code>是一个函数。
+    testString: 'assert.equal(primeGenerator([7700, 8000], false), 30, "<code>primeGenerator</code> is a function.");'
+  - text: <code>primeGenerator</code>是一个函数。
+    testString: 'assert.equal(primeGenerator(10000, false), 104729, "<code>primeGenerator</code> is a function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function primeGenerator (num, showPrimes) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/factorial.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/factorial.chinese.md
new file mode 100644
index 0000000000..584f4db38a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/factorial.chinese.md
@@ -0,0 +1,68 @@
+---
+title: Factorial
+id: 597b2b2a2702b44414742771
+challengeType: 5
+videoUrl: ''
+localeTitle: 阶乘
+---
+
+## Description
+<section id="description"><p>编写一个函数来返回一个数字的阶乘。 </p><p>一个数字的因子由下式给出： </p> N！ = n *（n-1）*（n-2）* ..... * 1 <p>例如：3！ = 3 * 2 * 1 = 6 4！ = 4 * 3 * 2 * 1 = 24 </p><p>注意：0！ = 1 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>factorial</code>是一种功能。
+    testString: 'assert(typeof factorial === "function", "<code>factorial</code> is a function.");'
+  - text: <code>factorial(2)</code>应该返回一个数字。
+    testString: 'assert(typeof factorial(2) === "number", "<code>factorial(2)</code> should return a number.");'
+  - text: <code>factorial(3)</code>应该返回6.“）
+    testString: 'assert.equal(factorial(3),results[0],"<code>factorial(3)</code> should return 6.");'
+  - text: <code>factorial(3)</code>应返回120.“）
+    testString: 'assert.equal(factorial(5),results[1],"<code>factorial(3)</code> should return 120.");'
+  - text: '<code>factorial(3)</code>应返回3,628,800。“）'
+    testString: 'assert.equal(factorial(10),results[2],"<code>factorial(3)</code> should return 3,628,800.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function factorial (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/factors-of-a-mersenne-number.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/factors-of-a-mersenne-number.chinese.md
new file mode 100644
index 0000000000..1439565e9a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/factors-of-a-mersenne-number.chinese.md
@@ -0,0 +1,60 @@
+---
+title: Factors of a Mersenne number
+id: 598eea87e5cf4b116c3ff81a
+challengeType: 5
+videoUrl: ''
+localeTitle: 梅森数的因素
+---
+
+## Description
+<section id="description"><p>梅森数是2 <sup>P</sup> -1形式的数字。 </p><p>如果P是素数，那么梅森数可能是梅森素数</p><p> （如果P不是素数，则梅森数也不是素数）。 </p><p>在搜索梅森素数时，通过在开始可能冗长的<a href="http://rosettacode.org/wiki/Lucas-Lehmer test" title="Lucas-Lehmer测试">Lucas-Lehmer检验</a>之前找到一个小因子来消除指数是有利的。 </p><p>有非常有效的算法来确定数字是否除以2 <sup>P</sup> -1（或等效地，如果2 <sup>P</sup> mod（数字）= 1）。 </p><p>有些语言已经有了这个exponent-and-mod操作的内置实现（称为modPow或类似的）。 </p><p>以下是如何自己实现这个modPow： </p><p>例如，让我们计算2 <sup>23</sup> mod 47。 </p><p>将指数23转换为二进制，得到10111.从<tt>square</tt> = 1开始，重复平方。 </p><p>卸下指数的最高位，并且如果它是1 <tt>平方</tt>乘以由所述幂（2）的基础上，然后计算<tt>平方</tt>模47。 </p><p>在下一步中使用最后一步的模数结果作为<tt>square</tt>的初始值： </p><p>删除可选</p><p>方形顶部位乘以2 mod 47 </p><p> ------------ ------- ------------- ------ </p><p> 1 * 1 = 1 1 0111 1 * 2 = 2 2 </p><p> 2 * 2 = 4 0 111否4 </p><p> 4 * 4 = 16 1 11 16 * 2 = 32 32 </p><p> 32 * 32 = 1024 1 1 1024 * 2 = 2048 27 </p><p> 27 * 27 = 729 1 729 * 2 = 1458 1 </p><p>由于2 <sup>23</sup> mod 47 = 1,47是2 <sup>P</sup> -1的因子。 </p><p> （要看到这一点，从两边减去1：2 <sup>23</sup> -1 = 0 mod 47.） </p><p>由于我们已经证明47是一个因子，因此2 <sup>23</sup> -1不是素数。 </p><p> Mersenne数字的其他属性使我们能够进一步完善这一过程。 </p><p>任何因子q为2 <sup>P</sup> -1必须是2kP + 1的形式，k是正整数或零。此外，q必须是1或7 mod 8。 </p><p>最后任何潜在因素q必须是<a href="http://rosettacode.org/wiki/Primality by Trial Division" title="审判分庭的原始性">素数</a> 。 </p><p>与其他试验划分算法一样，算法在2kP + 1&gt; sqrt（N）时停止。 </p><p>这些素性测试仅适用于P为素数的Mersenne数。例如，M <sub>4</sub> = 15不使用这些技术产生因子，而是产生3和5的因子，两者都不符合2kP + 1。 </p>任务： <p>使用上述方法找到因子2 <sup>929</sup> -1（又名M929） </p>相关任务： <a href="http://rosettacode.org/wiki/count in factors" title="算上因素">计数因素</a> <a href="http://rosettacode.org/wiki/prime decomposition" title="主要分解">素数分解</a> <a href="http://rosettacode.org/wiki/factors of an integer" title="整数的因子">的整数的因素</a> <a href="http://rosettacode.org/wiki/Sieve of Eratosthenes" title="Eratosthenes的筛子">埃拉托塞尼的筛</a> <a href="http://rosettacode.org/wiki/primality by trial division" title="审判分裂的素性">通过试验除法素性</a> <a href="http://rosettacode.org/wiki/trial factoring of a Mersenne number" title="试用Mensenne数的因式">梅森数的试验理</a> <a href="http://rosettacode.org/wiki/partition an integer X into N primes" title="将整数X划分为N个素数">分区的整数X为N个素数</a> <a href="http://rosettacode.org/wiki/sequence of primes by Trial Division" title="审判分庭的素数序列">由审判庭素数的序列</a> <a href="https://www.youtube.com/watch?v=SNwvJ7psoow" title="链接：https：//www.youtube.com/watch？v = SNwvJ7psoow">在1948年计算机：2¹²⁷-1</a> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>check_mersenne</code>是一个函数。
+    testString: 'assert(typeof check_mersenne === "function", "<code>check_mersenne</code> is a function.");'
+  - text: <code>check_mersenne(3)</code>应该返回一个字符串。
+    testString: 'assert(typeof check_mersenne(3) == "string", "<code>check_mersenne(3)</code> should return a string.");'
+  - text: <code>check_mersenne(3)</code>应该返回“M3 = 2 ^ 3-1是素数”。
+    testString: 'assert.equal(check_mersenne(3),"M3 = 2^3-1 is prime","<code>check_mersenne(3)</code> should return "M3 = 2^3-1 is prime".");'
+  - text: <code>check_mersenne(23)</code>应返回“M23 = 2 ^ 23-1与因子47复合”。
+    testString: 'assert.equal(check_mersenne(23),"M23 = 2^23-1 is composite with factor 47","<code>check_mersenne(23)</code> should return "M23 = 2^23-1 is composite with factor 47".");'
+  - text: <code>check_mersenne(929)</code>应返回“M929 = 2 ^ 929-1与因子13007复合
+    testString: 'assert.equal(check_mersenne(929),"M929 = 2^929-1 is composite with factor 13007","<code>check_mersenne(929)</code> should return "M929 = 2^929-1 is composite with factor 13007");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function check_mersenne (p) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/factors-of-an-integer.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/factors-of-an-integer.chinese.md
new file mode 100644
index 0000000000..57a4911a25
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/factors-of-an-integer.chinese.md
@@ -0,0 +1,66 @@
+---
+title: Factors of an integer
+id: 597f1e7fbc206f0e9ba95dc4
+challengeType: 5
+videoUrl: ''
+localeTitle: 整数因子
+---
+
+## Description
+<section id="description"><p>编写一个返回正整数因子的函数。 </p><p>这些因子是正整数，通过该正整数可以将被分解的数量除以产生正整数结果。 </p> /// </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>factors</code>是一种功能。
+    testString: 'assert(typeof factors === "function", "<code>factors</code> is a function.");'
+  - text: '<code>factors(45)</code>应该返回<code>[1,3,5,9,15,45]</code> 。'
+    testString: 'assert.deepEqual(factors(45), ans[0], "<code>factors(45)</code> should return <code>[1,3,5,9,15,45]</code>.");'
+  - text: '<code>factors(53)</code>应该返回<code>[1,53]</code> 。'
+    testString: 'assert.deepEqual(factors(53), ans[1], "<code>factors(53)</code> should return <code>[1,53]</code>.");'
+  - text: '<code>factors(64)</code>应该返回<code>[1,2,4,8,16,32,64]</code> 。'
+    testString: 'assert.deepEqual(factors(64), ans[2], "<code>factors(64)</code> should return <code>[1,2,4,8,16,32,64]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function factors (num) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/farey-sequence.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/farey-sequence.chinese.md
new file mode 100644
index 0000000000..6f9f78f709
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/farey-sequence.chinese.md
@@ -0,0 +1,60 @@
+---
+title: Farey sequence
+id: 59c3ec9f15068017c96eb8a3
+challengeType: 5
+videoUrl: ''
+localeTitle: Farey序列
+---
+
+## Description
+<section id="description"><p>编写一个返回n阶Farey序列的函数。该函数应该有一个参数n。它应该将序列作为数组返回。阅读以下内容了解更多详情： </p><p>阶数n的<a href="https://en.wikipedia.org/wiki/Farey sequence" title="wp：Farey序列">Farey序列</a> F <sub>n</sub>是在0和1之间的完全减少的分数的序列，当在最低阶段时，具有小于或等于n的分母，按照增大的大小排列。 </p><p> Farey序列有时被错误地称为Farey系列。 </p><p>每个Farey序列： </p><p> :: *以值0开头，由分数$ \ frac {0} {1} $表示</p><p> :: *以值1结尾，由$ \ frac {1} {1} $分数表示。 </p><p>订单1到5的Farey序列是： </p><p> $ {\ bf \ it {F}} _ 1 = \ frac {0} {1}，\ frac {1} {1} $ </p><p></p><p> $ {\ bf \ it {F}} _ 2 = \ frac {0} {1}，\ frac {1} {2}，\ frac {1} {1} $ </p><p></p><p> $ {\ bf \ it {F}} _ 3 = \ frac {0} {1}，\ frac {1} {3}，\ frac {1} {2}，\ frac {2} {3}，\ frac {1} {1} $ </p><p></p><p> $ {\ bf \ it {F}} _ 4 = \ frac {0} {1}，\ frac {1} {4}，\ frac {1} {3}，\ frac {1} {2}，\ frac {2} {3}，\ frac {3} {4}，\ frac {1} {1} $ </p><p></p><p> $ {\ bf \ it {F}} _ 5 = \ frac {0} {1}，\ frac {1} {5}，\ frac {1} {4}，\ frac {1} {3}，\ frac {2} {5}，\ frac {1} {2}，\ frac {3} {5}，\ frac {2} {3}，\ frac {3} {4}，\ frac {4} {5 }，\ frac {1} {1} $ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>farey</code>是一种功能。
+    testString: 'assert(typeof farey === "function", "<code>farey</code> is a function.");'
+  - text: <code>farey(3)</code>应该返回一个数组
+    testString: 'assert(Array.isArray(farey(3)), "<code>farey(3)</code> should return an array");'
+  - text: '<code>farey(3)</code>应该返回<code>[&quot;1/3&quot;,&quot;1/2&quot;,&quot;2/3&quot;]</code>'
+    testString: 'assert.deepEqual(farey(3), ["1/3","1/2","2/3"], "<code>farey(3)</code> should return <code>["1/3","1/2","2/3"]</code>");'
+  - text: '<code>farey(4)</code>应该返回<code>[&quot;1/4&quot;,&quot;1/3&quot;,&quot;1/2&quot;,&quot;2/4&quot;,&quot;2/3&quot;,&quot;3/4&quot;]</code>'
+    testString: 'assert.deepEqual(farey(4), ["1/4","1/3","1/2","2/4","2/3","3/4"], "<code>farey(4)</code> should return <code>["1/4","1/3","1/2","2/4","2/3","3/4"]</code>");'
+  - text: '<code>farey(5)</code>应返回<code>[&quot;1/5&quot;,&quot;1/4&quot;,&quot;1/3&quot;,&quot;2/5&quot;,&quot;1/2&quot;,&quot;2/4&quot;,&quot;3/5&quot;,&quot;2/3&quot;,&quot;3/4&quot;,&quot;4/5&quot;]</code>'
+    testString: 'assert.deepEqual(farey(5), ["1/5","1/4","1/3","2/5","1/2","2/4","3/5","2/3","3/4","4/5"], "<code>farey(5)</code> should return <code>["1/5","1/4","1/3","2/5","1/2","2/4","3/5","2/3","3/4","4/5"]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function farey (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/fibonacci-n-step-number-sequences.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/fibonacci-n-step-number-sequences.chinese.md
new file mode 100644
index 0000000000..eb38346c18
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/fibonacci-n-step-number-sequences.chinese.md
@@ -0,0 +1,74 @@
+---
+title: Fibonacci n-step number sequences
+id: 598eef80ba501f1268170e1e
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"><p>编写一个函数来生成Fibonacci n步数序列和Lucas序列。第一个参数是n。第二个参数是要返回的元素数。第三个参数将指定是输出Fibonacci序列还是Lucas序列。如果参数为“f”，则返回Fibonacci序列，如果为“l”，则返回Lucas序列。序列必须作为数组返回。更多细节如下： </p><p>这些数字序列是普通<a href="http://rosettacode.org/wiki/Fibonacci sequence" title="斐波那契序列">斐波纳契数列</a>的扩展，其中： </p>对于$ n = 2 $，我们有Fibonacci序列;初始值$ [1,1] $和$ F_k ^ 2 = F_ {k-1} ^ 2 + F_ {k-2} ^ 2 $对于$ n = 3 $，我们有tribonacci序列;初始值$ [1,1,2] $和$ F_k ^ 3 = F_ {k-1} ^ 3 + F_ {k-2} ^ 3 + F_ {k-3} ^ 3 $ $ $ = 4 $我们有tetranacci序列;初始值$ [1,1,2,4] $和$ F_k ^ 4 = F_ {k-1} ^ 4 + F_ {k-2} ^ 4 + F_ {k-3} ^ 4 + F_ {k -4} ^ 4 $ ...对于一般的$ n&gt; 2 $，我们有斐波那契$ n $ -step序列 -  $ F_k ^ n $; $（n-1）$&#39;斐波那契$ n $ -step序列$ F_k ^ {n-1} $的前$ n $值的初始值;和$ k $&#39;这个$ n $&#39;序列的值是$ F_k ^ n = \ sum_ {i = 1} ^ {（n）} {F_ {ki} ^ {（n）}} $ <p>对于$ n $的小值， <a href="https://en.wikipedia.org/wiki/Number prefix#Greek_series" title="wp：数字前缀＃Greek_series">希腊数字前缀</a>有时用于单独命名每个系列。 </p><p> {| style =“text-align：left;” border =“4”cellpadding =“2”cellspacing =“2” </p><p> | + Fibonacci $ n $ -step序列</p><p> |  -  style =“background-color：rgb（255,204,255）;” </p><p> ！ $ n $ !!系列名称!!值</p><p> |  - </p><p> | 2 ||斐波那契|| 1 1 2 3 5 8 13 21 34 55 89 144 233 377 610 ...... </p><p> |  - </p><p> | 3 || tribonacci || 1 1 2 4 7 13 24 44 81 149 274 504 927 1705 3136 ...... </p><p> |  - </p><p> | 4 || tetranacci || 1 1 2 4 8 15 29 56 108 208 401 773 1490 2872 5536 ...... </p><p> |  - </p><p> | 5 || pentanacci || 1 1 2 4 8 16 31 61 120 236 464 912 1793 3525 6930 ...... </p><p> |  - </p><p> | 6 || hexanacci || 1 1 2 4 8 16 32 63 125 248 492 976 1936 3840 7617 ...... </p><p> |  - </p><p> | 7 || heptanacci || 1 1 2 4 8 16 32 64 127 253 504 1004 2000 3984 7936 ...... </p><p> |  - </p><p> | 8 || octonacci || 1 1 2 4 8 16 32 64 128 255 509 1016 2028 4048 8080 ... </p><p> |  - </p><p> | 9 || nonanacci || 1 1 2 4 8 16 32 64 128 256 511 1021 2040 4076 8144 ...... </p><p> |  - </p><p> | 10 || decanacci || 1 1 2 4 8 16 32 64 128 256 512 1023 2045 4088 8172 ... </p><p> |} </p><p>可以在更改初始值的位置生成联合序列： </p><p> <a href="https://en.wikipedia.org/wiki/Lucas number" title="wp：卢卡斯号码">Lucas系列</a>将两个前面的值相加，例如$ n = 2 $的斐波那契数列，但使用$ [2,1] $作为其初始值。 </p><p><!-- Lucas numbers, Lucas number, Lucas series     [added to make searches easier.] --></p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>fib_luc</code>是一个功能。
+    testString: 'assert(typeof fib_luc === "function", "<code>fib_luc</code> is a function.");'
+  - text: '<code>fib_luc(2,10,&quot;f&quot;)</code>应返回<code>[1,1,2,3,5,8,13,21,34,55]</code> 。'
+    testString: 'assert.deepEqual(fib_luc(2,10,"f"),ans[0],"<code>fib_luc(2,10,"f")</code> should return <code>[1,1,2,3,5,8,13,21,34,55]</code>.");'
+  - text: '<code>fib_luc(3,15,&quot;f&quot;)</code>应返回<code>[1,1,2,4,7,13,24,44,81,149,274,504,927,1705,3136]</code> 。'
+    testString: 'assert.deepEqual(fib_luc(3,15,"f"),ans[1],"<code>fib_luc(3,15,"f")</code> should return <code>[1,1,2,4,7,13,24,44,81,149,274,504,927,1705,3136]</code>.");'
+  - text: '<code>fib_luc(4,15,&quot;f&quot;)</code>应返回<code>[1,1,2,4,8,15,29,56,108,208,401,773,1490,2872,5536]</code> 。'
+    testString: 'assert.deepEqual(fib_luc(4,15,"f"),ans[2],"<code>fib_luc(4,15,"f")</code> should return <code>[1,1,2,4,8,15,29,56,108,208,401,773,1490,2872,5536]</code>.");'
+  - text: '<code>fib_luc(2,10,&quot;l&quot;)</code>应返回<code>[ 2, 1, 3, 4, 7, 11, 18, 29, 47, 76]</code> <code>fib_luc(2,10,&quot;l&quot;)</code> <code>[ 2, 1, 3, 4, 7, 11, 18, 29, 47, 76]</code> 。'
+    testString: 'assert.deepEqual(fib_luc(2,10,"l"),ans[3],"<code>fib_luc(2,10,"l")</code> should return <code>[ 2, 1, 3, 4, 7, 11, 18, 29, 47, 76]</code>.");'
+  - text: '<code>fib_luc(3,15,&quot;l&quot;)</code>应返回<code>[ 2, 1, 3, 6, 10, 19, 35, 64, 118, 217, 399, 734, 1350, 2483, 4567 ]</code> <code>fib_luc(3,15,&quot;l&quot;)</code> <code>[ 2, 1, 3, 6, 10, 19, 35, 64, 118, 217, 399, 734, 1350, 2483, 4567 ]</code> 。'
+    testString: 'assert.deepEqual(fib_luc(3,15,"l"),ans[4],"<code>fib_luc(3,15,"l")</code> should return <code>[ 2, 1, 3, 6, 10, 19, 35, 64, 118, 217, 399, 734, 1350, 2483, 4567 ]</code>.");'
+  - text: '<code>fib_luc(4,15,&quot;l&quot;)</code>应该返回<code>[ 2, 1, 3, 6, 12, 22, 43, 83, 160, 308, 594, 1145, 2207, 4254, 8200 ]</code> <code>fib_luc(4,15,&quot;l&quot;)</code> <code>[ 2, 1, 3, 6, 12, 22, 43, 83, 160, 308, 594, 1145, 2207, 4254, 8200 ]</code> 。'
+    testString: 'assert.deepEqual(fib_luc(4,15,"l"),ans[5],"<code>fib_luc(4,15,"l")</code> should return <code>[ 2, 1, 3, 6, 12, 22, 43, 83, 160, 308, 594, 1145, 2207, 4254, 8200 ]</code>.");'
+  - text: '<code>fib_luc(5,15,&quot;l&quot;)</code>应该返回<code>[ 2, 1, 3, 6, 12, 24, 46, 91, 179, 352, 692, 1360, 2674, 5257, 10335 ]</code> 。'
+    testString: 'assert.deepEqual(fib_luc(5,15,"l"),ans[6],"<code>fib_luc(5,15,"l")</code> should return <code>[ 2, 1, 3, 6, 12, 24, 46, 91, 179, 352, 692, 1360, 2674, 5257, 10335 ]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fib_luc (n, len, w) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/fibonacci-sequence.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/fibonacci-sequence.chinese.md
new file mode 100644
index 0000000000..9b23da46d8
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/fibonacci-sequence.chinese.md
@@ -0,0 +1,60 @@
+---
+title: Fibonacci sequence
+id: 597f24c1dda4e70f53c79c81
+challengeType: 5
+videoUrl: ''
+localeTitle: 斐波那契序列
+---
+
+## Description
+<section id="description"><p>编写一个函数来生成第<big>n <sup>个</sup></big> Fibonacci数。 </p> /// <p>第<big>n <sup>个</sup></big> Fibonacci数由下式给出：/// </p><p> F <sub>n</sub> = F <sub>n-1</sub> + F <sub>n-2</sub> </p> /// <p>该系列的前两个术语是0,1。 </p> /// <p>因此，该系列是：0,1,1,2,3,5,8,13 ...... </p> /// </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>fibonacci</code>是一种功能。
+    testString: 'assert(typeof fibonacci === "function", "<code>fibonacci</code> is a function.");'
+  - text: <code>fibonacci(2)</code>应该返回一个数字。
+    testString: 'assert(typeof fibonacci(2) == "number", "<code>fibonacci(2)</code> should return a number.");'
+  - text: <code>fibonacci(3)</code>应该返回1.“）
+    testString: 'assert.equal(fibonacci(3),1,"<code>fibonacci(3)</code> should return 1.");'
+  - text: <code>fibonacci(5)</code>应该返回3.“）
+    testString: 'assert.equal(fibonacci(5),3,"<code>fibonacci(5)</code> should return 3.");'
+  - text: <code>fibonacci(10)</code>应该返回34.“）
+    testString: 'assert.equal(fibonacci(10),34,"<code>fibonacci(10)</code> should return 34.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fibonacci(n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/fibonacci-word.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/fibonacci-word.chinese.md
new file mode 100644
index 0000000000..e2afe34448
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/fibonacci-word.chinese.md
@@ -0,0 +1,64 @@
+---
+title: Fibonacci word
+id: 5992e222d397f00d21122931
+challengeType: 5
+videoUrl: ''
+localeTitle: 斐波那契字
+---
+
+## Description
+<section id="description"><p>编写一个函数将Fibonacci字返回到N.N将作为参数提供给函数。该函数应返回一个对象数组。对象的形式应为：{N：1，长度：1，熵：0，单词：&#39;1&#39;}。更多细节如下： </p><p> Fibonacci Word可以类似于Fibonacci Sequence的方式创建， <a href="http://hal.archives-ouvertes.fr/docs/00/36/79/72/PDF/The_Fibonacci_word_fractal.pdf" title="链接：http：//hal.archives-ouvertes.fr/docs/00/36/79/72/PDF/The_Fibonacci_word_fractal.pdf">如下所述</a> ： </p><p>将F_Word <sub>1</sub>定义为1 </p><p>将F_Word <sub>2</sub>定义为0 </p><p>将F_Word <sub>3表示</sub>为F_Word <sub>2</sub>与F_Word <sub>1</sub>连接，即：01 </p><p>将F_Word <sub>n表示</sub>为F_Word <sub>n-1</sub>与F_word <sub>n-2连接</sub> </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>fibWord</code>是一个功能。
+    testString: 'assert(typeof fibWord === "function", "<code>fibWord</code> is a function.");'
+  - text: <code>fibWord(5)</code>应该返回一个数组。
+    testString: 'assert(Array.isArray(fibWord(5)),"<code>fibWord(5)</code> should return an array.");'
+  - text: '<code>fibWord(5)</code>应该返回<code>&#39;+JSON.stringify(ans)+&#39;</code> 。'
+    testString: 'assert.deepEqual(fibWord(5),ans,"<code>fibWord(5)</code> should return <code>"+JSON.stringify(ans)+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fibWord (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/fractran.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/fractran.chinese.md
new file mode 100644
index 0000000000..dcfeb94a87
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/fractran.chinese.md
@@ -0,0 +1,72 @@
+---
+title: Fractran
+id: 5a7dad05be01840e1778a0d1
+challengeType: 3
+videoUrl: ''
+localeTitle: Fractran
+---
+
+## Description
+<section id="description"><div class="rosetta"><p class="rosetta__paragraph"> <span class="rosetta__text--bold"><a class="rosetta__link--wiki" href="https://en.wikipedia.org/wiki/FRACTRAN" title="wp：FRACTRAN">FRACTRAN</a></span>是由数学家<a class="rosetta__link--wiki" href="https://en.wikipedia.org/wiki/John Horton Conway" title="wp：John Horton Conway">John Horton Conway</a>发明的图灵完备的深奥编程语言。 </p><br><p class="rosetta__paragraph"> FRACTRAN程序是正分数$ P =（f_1，f_2，\ ldots，f_m）$的有序列表，以及初始正整数输入$ n $。 </p><br><p class="rosetta__paragraph">该程序通过更新整数$ n $来运行，如下所示： </p><br><ul class="rosetta__unordered-list"><li class="rosetta__list-item--unordered">对于第一个分数$ f_i $，在$ nf_i $为整数的列表中，用$ nf_i $替换$ n $; </li><li class="rosetta__list-item--unordered">重复此规则，直到列表中没有分数乘以$ n $时产生整数，然后停止。 </li></ul><br><p class="rosetta__paragraph">康威为FRACTRAN提供了素数计划： </p><br><p class="rosetta__paragraph"> <span class="rosetta__text--indented">$ 17/91 $，$ 78/85 $，$ 19/51 $，$ 23/38 $，$ 29/33 $，$ 77/29 $，$ 95/23 $，$ 77/19 $，$ 1/17 $，$ 11/13 $， $ 13/11 $ $，$ 15/14 $，$ 15/2 $，$ 55/1 $</span> </p><br><p class="rosetta__paragraph">从$ n = 2 $开始，此FRACTRAN程序将$ n $更改为$ 15 = 2 \ times（15/2）$，然后$ 825 = 15 \ times（55/1）$，生成以下整数序列： </p><br><p class="rosetta__paragraph"> <span class="rosetta__text--indented">$ 2 $，$ 15 $，$ 825 $，$ 725 $，$ 1925 $，$ 2275 $，$ 425 $，$ 390 $，$ 330 $，$ 290 $，$ 770 $，$ \ ldots $</span> </p><br><p class="rosetta__paragraph"> 2之后，此序列包含以下2的幂： </p><br><p class="rosetta__paragraph"> <span class="rosetta__text--indented">$ 2 ^ 2 = 4 $，$ 2 ^ 3 = 8 $，$ 2 ^ 5 = 32 $，$ 2 ^ 7 = 128 $，$ 2 ^ {11} = 2048 $，$ 2 ^ {13} = 8192 $，$ 2 ^ {17 } = 131072 $，$ 2 ^ {19} = 524288 $，$ \ ldots $</span> </p><br><p class="rosetta__paragraph">这是2的主要权力。 </p><br><dl class="rosetta__description-list"><dt class="rosetta__description-title">任务： </dt></dl><p class="rosetta__paragraph">编写一个函数，将fractran程序作为字符串参数，并将程序的前10个数字作为数组返回。如果结果没有10个数字，则按原样返回数字。 </p></div></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>fractran</code>应该是一个功能。
+    testString: 'assert(typeof fractran=="function","<code>fractran</code> should be a function.");'
+  - text: '<code>fractran(&quot;&quot;+tests[0]+&quot;&quot;)</code>应该返回一个数组。'
+    testString: 'assert(Array.isArray(fractran(tests[0])),"<code>fractran(""+tests[0]+"")</code> should return an array.");'
+  - text: '<code>fractran(&quot;&quot;+tests[0]+&quot;&quot;)</code>应返回<code>&quot;+JSON.stringify(results[0])+&quot;</code> 。'
+    testString: 'assert.deepEqual(fractran(tests[0]),results[0],"<code>fractran(""+tests[0]+"")</code> should return <code>"+JSON.stringify(results[0])+"</code>.");'
+  - text: '<code>fractran(&quot;&quot;+tests[1]+&quot;&quot;)</code>应返回<code>&quot;+JSON.stringify(results[1])+&quot;</code> 。'
+    testString: 'assert.deepEqual(fractran(tests[1]),results[1],"<code>fractran(""+tests[1]+"")</code> should return <code>"+JSON.stringify(results[1])+"</code>.");'
+  - text: '<code>fractran(&quot;&quot;+tests[2]+&quot;&quot;)</code>应返回<code>&quot;+JSON.stringify(results[2])+&quot;</code> 。'
+    testString: 'assert.deepEqual(fractran(tests[2]),results[2],"<code>fractran(""+tests[2]+"")</code> should return <code>"+JSON.stringify(results[2])+"</code>.");'
+  - text: '<code>fractran(&quot;&quot;+tests[3]+&quot;&quot;)</code>应返回<code>&quot;+JSON.stringify(results[3])+&quot;</code> 。'
+    testString: 'assert.deepEqual(fractran(tests[3]),results[3],"<code>fractran(""+tests[3]+"")</code> should return <code>"+JSON.stringify(results[3])+"</code>.");'
+  - text: '<code>fractran(&quot;&quot;+tests[4]+&quot;&quot;)</code>应返回<code>&quot;+JSON.stringify(results[4])+&quot;</code> 。'
+    testString: 'assert.deepEqual(fractran(tests[4]),results[4],"<code>fractran(""+tests[4]+"")</code> should return <code>"+JSON.stringify(results[4])+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fractran (progStr) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/gamma-function.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/gamma-function.chinese.md
new file mode 100644
index 0000000000..c8933145f6
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/gamma-function.chinese.md
@@ -0,0 +1,72 @@
+---
+title: Gamma function
+id: 5a23c84252665b21eecc7e76
+challengeType: 5
+videoUrl: ''
+localeTitle: 伽玛功能
+---
+
+## Description
+<section id="description">实现一个算法（或更多）来计算<a href="https://en.wikipedia.org/wiki/Gamma function">Gamma</a> （$ \ Gamma $）函数（仅在实际字段中）。 Gamma功能可以定义为： <div style="padding-left: 4em;"> <big><big>$ \ Gamma（x）= \ displaystyle \ int_0 ^ \ infty t ^ {x-1} e ^ { -  t} dt $</big></big> </div></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>gamma</code>应该是一个功能。
+    testString: 'assert(typeof gamma=="function","<code>gamma</code> should be a function.")'
+  - text: '<code>gamma(&quot;+tests[0]+&quot;)</code>应该返回一个数字。'
+    testString: 'assert(typeof gamma(tests[0])=="number","<code>gamma("+tests[0]+")</code> should return a number.")'
+  - text: '<code>gamma(&quot;+tests[0]+&quot;)</code>应该返回<code>&quot;+results[0]+&quot;</code> 。'
+    testString: 'assert.equal(gamma(tests[0]),results[0],"<code>gamma("+tests[0]+")</code> should return <code>"+results[0]+"</code>.")'
+  - text: '<code>gamma(&quot;+tests[1]+&quot;)</code>应该返回<code>&quot;+results[1]+&quot;</code> 。'
+    testString: 'assert.equal(gamma(tests[1]),results[1],"<code>gamma("+tests[1]+")</code> should return <code>"+results[1]+"</code>.")'
+  - text: '<code>gamma(&quot;+tests[2]+&quot;)</code>应该返回<code>&quot;+results[2]+&quot;</code> 。'
+    testString: 'assert.equal(gamma(tests[2]),results[2],"<code>gamma("+tests[2]+")</code> should return <code>"+results[2]+"</code>.")'
+  - text: '<code>gamma(&quot;+tests[3]+&quot;)</code>应该返回<code>&quot;+results[3]+&quot;</code> 。'
+    testString: 'assert.equal(gamma(tests[3]),results[3],"<code>gamma("+tests[3]+")</code> should return <code>"+results[3]+"</code>.")'
+  - text: '<code>gamma(&quot;+tests[4]+&quot;)</code>应返回<code>&quot;+results[4]+&quot;</code> 。'
+    testString: 'assert.equal(gamma(tests[4]),results[4],"<code>gamma("+tests[4]+")</code> should return <code>"+results[4]+"</code>.")'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function gamma (x) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/gaussian-elimination.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/gaussian-elimination.chinese.md
new file mode 100644
index 0000000000..fda83cc130
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/gaussian-elimination.chinese.md
@@ -0,0 +1,72 @@
+---
+title: Gaussian elimination
+id: 5a23c84252665b21eecc7e77
+challengeType: 5
+videoUrl: ''
+localeTitle: 高斯消除
+---
+
+## Description
+<section id="description">编写一个函数来解决\（Ax = b \）使用高斯消除然后向后替换。 \（A \）是\（n \次n \）矩阵。此外，\（x \）和\（b \）是\（n \）乘以1个向量。要提高准确性，请使用部分旋转和缩放。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>gaussianElimination</code>应该是一个函数。
+    testString: 'assert(typeof gaussianElimination=="function","<code>gaussianElimination</code> should be a function.");'
+  - text: '<code>gaussianElimination(&quot;+JSON.stringify(tests[0][0])+&quot;,&quot;+JSON.stringify(tests[0][1])+&quot;)</code>应该返回一个数组。'
+    testString: 'assert(Array.isArray(gaussianElimination(tests[0][0],tests[0][1])),"<code>gaussianElimination("+JSON.stringify(tests[0][0])+","+JSON.stringify(tests[0][1])+")</code> should return an array.");'
+  - text: '<code>gaussianElimination(&quot;+JSON.stringify(tests[0][0])+&quot;,&quot;+JSON.stringify(tests[0][1])+&quot;)</code>应返回<code>&quot;+JSON.stringify(results[0])+&quot;</code> 。'
+    testString: 'assert.deepEqual(gaussianElimination(tests[0][0],tests[0][1]),results[0],"<code>gaussianElimination("+JSON.stringify(tests[0][0])+","+JSON.stringify(tests[0][1])+")</code> should return <code>"+JSON.stringify(results[0])+"</code>.");'
+  - text: '<code>gaussianElimination(&quot;+JSON.stringify(tests[1][0])+&quot;,&quot;+JSON.stringify(tests[1][1])+&quot;)</code>应返回<code>&quot;+JSON.stringify(results[1])+&quot;</code> 。'
+    testString: 'assert.deepEqual(gaussianElimination(tests[1][0],tests[1][1]),results[1],"<code>gaussianElimination("+JSON.stringify(tests[1][0])+","+JSON.stringify(tests[1][1])+")</code> should return <code>"+JSON.stringify(results[1])+"</code>.");'
+  - text: '<code>gaussianElimination(&quot;+JSON.stringify(tests[2][0])+&quot;,&quot;+JSON.stringify(tests[2][1])+&quot;)</code>应返回<code>&quot;+JSON.stringify(results[2])+&quot;</code> 。'
+    testString: 'assert.deepEqual(gaussianElimination(tests[2][0],tests[2][1]),results[2],"<code>gaussianElimination("+JSON.stringify(tests[2][0])+","+JSON.stringify(tests[2][1])+")</code> should return <code>"+JSON.stringify(results[2])+"</code>.");'
+  - text: '<code>gaussianElimination(&quot;+JSON.stringify(tests[3][0])+&quot;,&quot;+JSON.stringify(tests[3][1])+&quot;)</code>应返回<code>&quot;+JSON.stringify(results[3])+&quot;</code> 。'
+    testString: 'assert.deepEqual(gaussianElimination(tests[3][0],tests[3][1]),results[3],"<code>gaussianElimination("+JSON.stringify(tests[3][0])+","+JSON.stringify(tests[3][1])+")</code> should return <code>"+JSON.stringify(results[3])+"</code>.");'
+  - text: '<code>gaussianElimination(&quot;+JSON.stringify(tests[4][0])+&quot;,&quot;+JSON.stringify(tests[4][1])+&quot;)</code>应返回<code>&quot;+JSON.stringify(results[4])+&quot;</code> 。'
+    testString: 'assert.deepEqual(gaussianElimination(tests[4][0],tests[4][1]),results[4],"<code>gaussianElimination("+JSON.stringify(tests[4][0])+","+JSON.stringify(tests[4][1])+")</code> should return <code>"+JSON.stringify(results[4])+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function gaussianElimination (A,b) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/general-fizzbuzz.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/general-fizzbuzz.chinese.md
new file mode 100644
index 0000000000..fd61c548a1
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/general-fizzbuzz.chinese.md
@@ -0,0 +1,76 @@
+---
+title: General FizzBuzz
+id: 5a23c84252665b21eecc7e78
+challengeType: 5
+videoUrl: ''
+localeTitle: 一般的FizzBu​​zz
+---
+
+## Description
+<section id="description">编写<a href="http://rosettacode.org/wiki/FizzBuzz">FizzBu​​zz</a>的通用版本，适用于任何因子列表及其单词。这基本上是一种“fizzbuzz”实现，其中游戏规则被提供给用户。创建一个实现此功能的函数。该函数应该有两个参数。第一个是带有FizzBu​​zz规则的数组。例如： <code>[ [3,&quot;Fizz&quot;] , [5,&quot;Buzz&quot;] ]</code> 。此indcates该<code>Fizz</code> ，如果数量是3的倍数，并应被打印<code>Buzz</code>如果是5的倍数。如果它是两则字符串应该在阵列中指定的顺序被连结的倍数。在这种情况下，如果数字是3和5的倍数，则为<code>FizzBuzz</code> 。第二个参数是函数应返回如上所述的字符串的数字。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>genFizzBuzz</code>应该是一个功能。
+    testString: 'assert(typeof genFizzBuzz=="function","<code>genFizzBuzz</code> should be a function.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[0][0])+&quot;,&quot;+tests[0][1]+&quot;)</code>应该返回一个类型。'
+    testString: 'assert(typeof genFizzBuzz(tests[0][0],tests[0][1])=="string","<code>genFizzBuzz("+JSON.stringify(tests[0][0])+","+tests[0][1]+")</code> should return a type.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[0][0])+&quot;,&quot;+tests[0][1]+&quot;)</code>应返回<code>&quot;&quot;+results[0]+&quot;&quot;</code> 。'
+    testString: 'assert.equal(genFizzBuzz(tests[0][0],tests[0][1]),results[0],"<code>genFizzBuzz("+JSON.stringify(tests[0][0])+","+tests[0][1]+")</code> should return <code>""+results[0]+""</code>.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[1][0])+&quot;,&quot;+tests[1][1]+&quot;)</code>应返回<code>&quot;&quot;+results[1]+&quot;&quot;</code> 。'
+    testString: 'assert.equal(genFizzBuzz(tests[1][0],tests[1][1]),results[1],"<code>genFizzBuzz("+JSON.stringify(tests[1][0])+","+tests[1][1]+")</code> should return <code>""+results[1]+""</code>.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[2][0])+&quot;,&quot;+tests[2][1]+&quot;)</code>应返回<code>&quot;&quot;+results[2]+&quot;&quot;</code> 。'
+    testString: 'assert.equal(genFizzBuzz(tests[2][0],tests[2][1]),results[2],"<code>genFizzBuzz("+JSON.stringify(tests[2][0])+","+tests[2][1]+")</code> should return <code>""+results[2]+""</code>.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[3][0])+&quot;,&quot;+tests[3][1]+&quot;)</code>应返回<code>&quot;&quot;+results[3]+&quot;&quot;</code> 。'
+    testString: 'assert.equal(genFizzBuzz(tests[3][0],tests[3][1]),results[3],"<code>genFizzBuzz("+JSON.stringify(tests[3][0])+","+tests[3][1]+")</code> should return <code>""+results[3]+""</code>.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[4][0])+&quot;,&quot;+tests[4][1]+&quot;)</code>应该返回<code>&quot;&quot;+results[4]+&quot;&quot;</code> 。'
+    testString: 'assert.equal(genFizzBuzz(tests[4][0],tests[4][1]),results[4],"<code>genFizzBuzz("+JSON.stringify(tests[4][0])+","+tests[4][1]+")</code> should return <code>""+results[4]+""</code>.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[5][0])+&quot;,&quot;+tests[5][1]+&quot;)</code>应返回<code>&quot;&quot;+results[5]+&quot;&quot;</code> 。'
+    testString: 'assert.equal(genFizzBuzz(tests[5][0],tests[5][1]),results[5],"<code>genFizzBuzz("+JSON.stringify(tests[5][0])+","+tests[5][1]+")</code> should return <code>""+results[5]+""</code>.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[6][0])+&quot;,&quot;+tests[6][1]+&quot;)</code>应该返回<code>&quot;&quot;+results[6]+&quot;&quot;</code> 。'
+    testString: 'assert.equal(genFizzBuzz(tests[6][0],tests[6][1]),results[6],"<code>genFizzBuzz("+JSON.stringify(tests[6][0])+","+tests[6][1]+")</code> should return <code>""+results[6]+""</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function genFizzBuzz (rules, num) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/generate-lower-case-ascii-alphabet.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/generate-lower-case-ascii-alphabet.chinese.md
new file mode 100644
index 0000000000..ae7643df8c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/generate-lower-case-ascii-alphabet.chinese.md
@@ -0,0 +1,72 @@
+---
+title: Generate lower case ASCII alphabet
+id: 5a23c84252665b21eecc7e7a
+challengeType: 5
+videoUrl: ''
+localeTitle: 生成小写ASCII字母表
+---
+
+## Description
+<section id="description">编写一个函数以生成给定范围的小写ASCII字符数组。例如：对于范围1到4，函数应返回<code>[&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]</code> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>lascii</code>应该是一个功能。
+    testString: 'assert(typeof lascii=="function","<code>lascii</code> should be a function.");'
+  - text: '<code>lascii(&quot;a&quot;,&quot;d&quot;)</code>应该返回一个数组。'
+    testString: 'assert(Array.isArray(lascii("a","d")),"<code>lascii("a","d")</code> should return an array.");'
+  - text: '“ <code>lascii(&quot;a&quot;,&quot;d&quot;)</code>应该返回<code>[ &quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot; ]</code> 。”'
+    testString: 'assert.deepEqual(lascii("a","d"),results[0],"<code>lascii("a","d")</code> should return <code>[ "a", "b", "c", "d" ]</code>.");'
+  - text: '“ <code>lascii(&quot;c&quot;,&quot;i&quot;)</code>应该返回<code>[ &quot;c&quot;, &quot;d&quot;, &quot;e&quot;, &quot;f&quot;, &quot;g&quot;, &quot;h&quot;, &quot;i&quot; ]</code> 。”'
+    testString: 'assert.deepEqual(lascii("c","i"),results[1],"<code>lascii("c","i")</code> should return <code>[ "c", "d", "e", "f", "g", "h", "i" ]</code>.");'
+  - text: '“ <code>lascii(&quot;m&quot;,&quot;q&quot;)</code>应该返回<code>[ &quot;m&quot;, &quot;n&quot;, &quot;o&quot;, &quot;p&quot;, &quot;q&quot; ]</code> 。”'
+    testString: 'assert.deepEqual(lascii("m","q"),results[2],"<code>lascii("m","q")</code> should return <code>[ "m", "n", "o", "p", "q" ]</code>.");'
+  - text: '“ <code>lascii(&quot;k&quot;,&quot;n&quot;)</code>应返回<code>[ &quot;k&quot;, &quot;l&quot;, &quot;m&quot;, &quot;n&quot; ]</code> 。”）'
+    testString: 'assert.deepEqual(lascii("k","n"),results[3],"<code>lascii("k","n")</code> should return <code>[ "k", "l", "m", "n" ]</code>.");'
+  - text: '“ <code>lascii(&quot;t&quot;,&quot;z&quot;)</code>应该返回<code>[ &quot;t&quot;, &quot;u&quot;, &quot;v&quot;, &quot;w&quot;, &quot;x&quot;, &quot;y&quot;, &quot;z&quot; ]</code> 。”'
+    testString: 'assert.deepEqual(lascii("t","z"),results[4],"<code>lascii("t","z")</code> should return <code>[ "t", "u", "v", "w", "x", "y", "z" ]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function lascii (cFrom, cTo) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/generatorexponential.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/generatorexponential.chinese.md
new file mode 100644
index 0000000000..00bfa26b87
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/generatorexponential.chinese.md
@@ -0,0 +1,64 @@
+---
+title: GeneratorExponential
+id: 5a23c84252665b21eecc7e7b
+challengeType: 5
+videoUrl: ''
+localeTitle: GeneratorExponential
+---
+
+## Description
+<section id="description">生成器是一个可执行实体（如函数或过程），它包含一次生成一个值序列的代码，这样每次调用生成器时，都会提供序列中的下一个值。生成器通常构建在协同程序或对象之上，以便“自然地”处理对象的内部状态。生成器通常用于序列可能无限的情况，并且可以在只有最小状态的情况下构造序列的下一个值。编写一个使用生成器生成正方形和立方体的函数。创建一个新的生成器，从正方形生成器中过滤所有多维数据集。该函数应返回已过滤生成器的\（n ^ {th} \）值。例如，对于\（n = 7 \），函数应该返回81，因为序列将是4,9,16,25,36,49,81。这里64被过滤掉了，因为它是一个立方体。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>exponentialGenerator</code>应该是一个函数。
+    testString: 'assert(typeof exponentialGenerator=="function","<code>exponentialGenerator</code> should be a function.");'
+  - text: <code>exponentialGenerator()</code>应该返回一个数字。
+    testString: 'assert(typeof exponentialGenerator(10)=="number","<code>exponentialGenerator()</code> should return a number.");'
+  - text: <code>exponentialGenerator(10)</code>应该返回<code>144</code> 。
+    testString: 'assert.equal(exponentialGenerator(10),144,"<code>exponentialGenerator(10)</code> should return <code>144</code>.");'
+  - text: <code>exponentialGenerator(12)</code>应该返回<code>196</code> 。
+    testString: 'assert.equal(exponentialGenerator(12),196,"<code>exponentialGenerator(12)</code> should return <code>196</code>.");'
+  - text: <code>exponentialGenerator(14)</code>应该返回<code>256</code> 。
+    testString: 'assert.equal(exponentialGenerator(14),256,"<code>exponentialGenerator(14)</code> should return <code>256</code>.");'
+  - text: <code>exponentialGenerator(20)</code>应该返回<code>484</code> 。
+    testString: 'assert.equal(exponentialGenerator(20),484,"<code>exponentialGenerator(20)</code> should return <code>484</code>.");'
+  - text: <code>exponentialGenerator(25)</code>应该返回<code>784</code> 。
+    testString: 'assert.equal(exponentialGenerator(25),784,"<code>exponentialGenerator(25)</code> should return <code>784</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function exponentialGenerator (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/gray-code.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/gray-code.chinese.md
new file mode 100644
index 0000000000..0b318381f0
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/gray-code.chinese.md
@@ -0,0 +1,66 @@
+---
+title: Gray code
+id: 5a23c84252665b21eecc7e80
+challengeType: 5
+videoUrl: ''
+localeTitle: 格雷码
+---
+
+## Description
+<section id="description"> <a href="https://en.wikipedia.org/wiki/Gray code">格雷码</a>是二进制编码的一种形式，其中连续数字之间的转换仅相差一位。这是一种有用的编码，用于减少硬件数据危险，其值快速变化和/或连接到较慢的硬件作为输入。从左到右或从上到下依次为<a href="https://en.wikipedia.org/wiki/Karnaugh map">卡诺图</a>生成输入也很有用。创建一个函数来编码数字并解码格雷码中的数字。该函数应该有2个参数。第一个是布尔值。该函数应编码为true，解码为false。第二个参数是要编码/解码的数字。显示所有5位二进制数的正常二进制表示，格雷码表示和解码格雷码值（0-31包括0，不需要前导0）。有许多可能的格雷码。以下编码所谓的“二进制反射格雷码”。 <br>编码（MSB为0位，b为二进制，g为格雷码）： <code><br> if b[i-1] = 1 <br> <span style="padding-left:1em">g[i] = not b[i]</span> <br> else <br> <span style="padding-left:1em">g[i] = b[i]</span> <br></code>要么： <br> <code>g = b xor (b logically right shifted 1 time)</code> <br>解码（MSB为0位，b为二进制，g为格雷码）： <br> <code>b[0] = g[0] <br> for other bits: <br> b[i] = g[i] xor b[i-1] <br></code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>gray</code>应该是一个功能。
+    testString: 'assert(typeof gray=="function","<code>gray</code> should be a function.");'
+  - text: '<code>gray(true,177)</code>应该返回一个数字。'
+    testString: 'assert(typeof gray(true,177)=="number","<code>gray(true,177)</code> should return a number.");'
+  - text: '<code>gray(true,177)</code>应该返回<code>233</code> 。'
+    testString: 'assert.equal(gray(true,177),233,"<code>gray(true,177)</code> should return <code>233</code>.");'
+  - text: '<code>gray(true,425)</code>应该返回<code>381</code> 。'
+    testString: 'assert.equal(gray(true,425),381,"<code>gray(true,425)</code> should return <code>381</code>.");'
+  - text: '<code>gray(true,870)</code>应该返回<code>725</code> 。'
+    testString: 'assert.equal(gray(true,870),725,"<code>gray(true,870)</code> should return <code>725</code>.");'
+  - text: '<code>gray(false,233)</code>应该返回<code>177</code> 。'
+    testString: 'assert.equal(gray(false,233),177,"<code>gray(false,233)</code> should return <code>177</code>.");'
+  - text: '<code>gray(false,381)</code>应该返回<code>425</code> 。'
+    testString: 'assert.equal(gray(false,381),425,"<code>gray(false,381)</code> should return <code>425</code>.");'
+  - text: '<code>gray(false,725)</code>应该返回<code>870</code> 。'
+    testString: 'assert.equal(gray(false,725),870,"<code>gray(false,725)</code> should return <code>870</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function gray(enc, number) {
+ // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/greatest-common-divisor.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/greatest-common-divisor.chinese.md
new file mode 100644
index 0000000000..eb6746e2f2
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/greatest-common-divisor.chinese.md
@@ -0,0 +1,66 @@
+---
+title: Greatest common divisor
+id: 5a23c84252665b21eecc7e82
+challengeType: 5
+videoUrl: ''
+localeTitle: 最大公约数
+---
+
+## Description
+<section id="description">编写一个函数，返回两个整数的最大公约数。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>gcd</code>应该是一个功能。
+    testString: 'assert(typeof gcd=="function","<code>gcd</code> should be a function.");'
+  - text: '<code>gcd(24,36)</code>应该返回一个数字。'
+    testString: 'assert(typeof gcd(24,36)=="number","<code>gcd(24,36)</code> should return a number.");'
+  - text: '<code>gcd(24,36)</code>应该返回<code>12</code> 。'
+    testString: 'assert.equal(gcd(24,36),12,"<code>gcd(24,36)</code> should return <code>12</code>.");'
+  - text: '<code>gcd(30,48)</code>应该返回<code>6</code> 。'
+    testString: 'assert.equal(gcd(30,48),6,"<code>gcd(30,48)</code> should return <code>6</code>.");'
+  - text: '<code>gcd(10,15)</code>应该返回<code>5</code> 。'
+    testString: 'assert.equal(gcd(10,15),5,"<code>gcd(10,15)</code> should return <code>5</code>.");'
+  - text: '<code>gcd(100,25)</code>应该返回<code>25</code> 。'
+    testString: 'assert.equal(gcd(100,25),25,"<code>gcd(100,25)</code> should return <code>25</code>.");'
+  - text: '<code>gcd(13,250)</code>应该返回<code>1</code> 。'
+    testString: 'assert.equal(gcd(13,250),1,"<code>gcd(13,250)</code> should return <code>1</code>.");'
+  - text: '<code>gcd(1300,250)</code>应该返回<code>50</code> 。'
+    testString: 'assert.equal(gcd(1300,250),50,"<code>gcd(1300,250)</code> should return <code>50</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function gcd(a, b) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/greatest-subsequential-sum.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/greatest-subsequential-sum.chinese.md
new file mode 100644
index 0000000000..1ecdfc8198
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/greatest-subsequential-sum.chinese.md
@@ -0,0 +1,74 @@
+---
+title: Greatest subsequential sum
+id: 5a23c84252665b21eecc7e84
+challengeType: 5
+videoUrl: ''
+localeTitle: 最重要的后续总和
+---
+
+## Description
+<section id="description">给定一个整数序列，找到一个连续的子序列，它最大化其元素的总和，也就是说，没有其他单个子序列的元素加起来大于这一个的值。空子序列被认为具有\（0 \）的总和;因此，如果所有元素都是负数，则结果必须是空序列。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>maximumSubsequence</code>应该是一个函数。
+    testString: 'assert(typeof maximumSubsequence=="function","<code>maximumSubsequence</code> should be a function.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[0])+&quot;)</code>应该返回一个数组。'
+    testString: 'assert(Array.isArray(maximumSubsequence(tests[0])),"<code>maximumSubsequence("+JSON.stringify(tests[0])+")</code> should return an array.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[0])+&quot;)</code>应返回<code>&quot;+JSON.stringify(results[0])+&quot;</code> 。'
+    testString: 'assert.deepEqual(maximumSubsequence(tests[0]),results[0],"<code>maximumSubsequence("+JSON.stringify(tests[0])+")</code> should return <code>"+JSON.stringify(results[0])+"</code>.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[1])+&quot;)</code>应返回<code>&quot;+JSON.stringify(results[1])+&quot;</code> 。'
+    testString: 'assert.deepEqual(maximumSubsequence(tests[1]),results[1],"<code>maximumSubsequence("+JSON.stringify(tests[1])+")</code> should return <code>"+JSON.stringify(results[1])+"</code>.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[2])+&quot;)</code>应返回<code>&quot;+JSON.stringify(results[2])+&quot;</code> 。'
+    testString: 'assert.deepEqual(maximumSubsequence(tests[2]),results[2],"<code>maximumSubsequence("+JSON.stringify(tests[2])+")</code> should return <code>"+JSON.stringify(results[2])+"</code>.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[3])+&quot;)</code>应返回<code>&quot;+JSON.stringify(results[3])+&quot;</code> 。'
+    testString: 'assert.deepEqual(maximumSubsequence(tests[3]),results[3],"<code>maximumSubsequence("+JSON.stringify(tests[3])+")</code> should return <code>"+JSON.stringify(results[3])+"</code>.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[4])+&quot;)</code>应返回<code>&quot;+JSON.stringify(results[4])+&quot;</code> 。'
+    testString: 'assert.deepEqual(maximumSubsequence(tests[4]),results[4],"<code>maximumSubsequence("+JSON.stringify(tests[4])+")</code> should return <code>"+JSON.stringify(results[4])+"</code>.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[5])+&quot;)</code>应返回<code>&quot;+JSON.stringify(results[5])+&quot;</code> 。'
+    testString: 'assert.deepEqual(maximumSubsequence(tests[5]),results[5],"<code>maximumSubsequence("+JSON.stringify(tests[5])+")</code> should return <code>"+JSON.stringify(results[5])+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function maximumSubsequence (population) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/hailstone-sequence.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/hailstone-sequence.chinese.md
new file mode 100644
index 0000000000..a8a9058563
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/hailstone-sequence.chinese.md
@@ -0,0 +1,66 @@
+---
+title: Hailstone sequence
+id: 595608ff8bcd7a50bd490181
+challengeType: 5
+videoUrl: ''
+localeTitle: 冰雹序列
+---
+
+## Description
+<section id="description"><p> Hailstone数字序列可以从起始正整数n生成： </p>如果n为1，则序列结束。如果n是偶数，那么序列的下一个n <code>= n/2</code>如果n是奇数，那么序列的下一个n <code>= (3 * n) + 1</code> <p> （未经证实的） <a href="https://en.wikipedia.org/wiki/Collatz conjecture" title="wp：Collat​​z猜想">Collat​​z猜想</a>是任何起始编号的冰雹序列总是终止。 </p><p>冰雹序列也称为冰雹数（因为这些值通常受到多个下降和上升，如云中的冰雹），或者作为Collat​​z序列。 </p>任务：创建例程以生成数字的hailstone序列。使用例程表明，对于27号的冰雹序列具有开始与112个元件<code>27, 82, 41, 124</code> ，结束时用<code>8, 4, 2, 1</code>与显示具有最长冰雹序列的数目少于100,000一起序列的长度。 （但不要显示实际的序列！）参见： <a href="http://xkcd.com/710" title="链接：http：//xkcd.com/710">xkcd</a> （幽默）。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>hailstoneSequence</code>是一个函数。
+    testString: 'assert(typeof hailstoneSequence === "function", "<code>hailstoneSequence</code> is a function.");'
+  - text: '<code>[[27,82,41,124,8,4,2,1], [351, 77031]]</code> <code>hailstoneSequence()</code>应返回<code>[[27,82,41,124,8,4,2,1], [351, 77031]]</code>'
+    testString: 'assert.deepEqual(hailstoneSequence(), res, "<code>hailstoneSequence()</code> should return <code>[[27,82,41,124,8,4,2,1], [351, 77031]]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// noprotect
+function hailstoneSequence () {
+  const res = [];
+  // Good luck!
+
+  return res;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/happy-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/happy-numbers.chinese.md
new file mode 100644
index 0000000000..1590c60d8b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/happy-numbers.chinese.md
@@ -0,0 +1,76 @@
+---
+title: Happy numbers
+id: 594810f028c0303b75339ad1
+challengeType: 5
+videoUrl: ''
+localeTitle: 快乐的数字
+---
+
+## Description
+<section id="description"><p>幸福的数字由以下过程定义： </p><p>从任何正整数开始，将数字替换为其数字的平方和，并重复该过程直到数字等于1（它将保持不变），或者它在一个不包括1的循环中无休止地循环。这些数字这个过程在1结束的是幸福的数字，而那些不以1结尾的数字是不愉快的数字。 </p><p>实现一个函数，如果数字是满意的，则返回true，否则返回false。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>happy</code>是一种功能。
+    testString: 'assert(typeof happy === "function", "<code>happy</code> is a function.");'
+  - text: <code>happy(1)</code>应该返回一个布尔值。
+    testString: 'assert(typeof happy(1) === "boolean", "<code>happy(1)</code> should return a boolean.");'
+  - text: <code>happy(1)</code>应该回归真实。
+    testString: 'assert(happy(1), "<code>happy(1)</code> should return true.");'
+  - text: <code>happy(2)</code>应该返回虚假。
+    testString: 'assert(!happy(2), "<code>happy(2)</code> should return false.");'
+  - text: <code>happy(7)</code>应该回归真实。
+    testString: 'assert(happy(7), "<code>happy(7)</code> should return true.");'
+  - text: <code>happy(10)</code>应该回归真实。
+    testString: 'assert(happy(10), "<code>happy(10)</code> should return true.");'
+  - text: <code>happy(13)</code>应该回归真实。
+    testString: 'assert(happy(13), "<code>happy(13)</code> should return true.");'
+  - text: <code>happy(19)</code>应该回归真实。
+    testString: 'assert(happy(19), "<code>happy(19)</code> should return true.");'
+  - text: <code>happy(23)</code>应该回归真实。
+    testString: 'assert(happy(23), "<code>happy(23)</code> should return true.");'
+  - text: <code>happy(28)</code>应该回归真实。
+    testString: 'assert(happy(28), "<code>happy(28)</code> should return true.");'
+  - text: <code>happy(31)</code>应该回归真实。
+    testString: 'assert(happy(31), "<code>happy(31)</code> should return true.");'
+  - text: <code>happy(32)</code>应该回归真实：
+    testString: 'assert(happy(32), "<code>happy(32)</code> should return true:.");'
+  - text: <code>happy(33)</code>应该返回虚假。
+    testString: 'assert(!happy(33), "<code>happy(33)</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function happy (number) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/harshad-or-niven-series.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/harshad-or-niven-series.chinese.md
new file mode 100644
index 0000000000..13b71854d9
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/harshad-or-niven-series.chinese.md
@@ -0,0 +1,68 @@
+---
+title: Harshad or Niven series
+id: 595668ca4cfe1af2fb9818d4
+challengeType: 5
+videoUrl: ''
+localeTitle: Harshad或Niven系列
+---
+
+## Description
+<section id="description"><p> <a href="http://mathworld.wolfram.com/HarshadNumber.html" title="链接：http：//mathworld.wolfram.com/HarshadNumber.html">Harshad</a>或Niven数是正整数≥1，可以被它们的数字之和整除。 </p><p>例如，42是<a href="http://rosettacode.org/wiki/oeis:A005349" title="OEIS：A005349">Harshad数，</a>因为42可以被（4 + 2）整除而没有余数。 </p>假设系列被定义为按递增顺序排列的数字。任务： <p>实现一个函数来生成Harshad序列的连续成员。 </p><p>使用它列出序列的前20个成员并列出第一个大于1000的Harshad数。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>isHarshadOrNiven</code>是一个函数。
+    testString: 'assert(typeof isHarshadOrNiven === "function", "<code>isHarshadOrNiven</code> is a function.");'
+  - text: '<code>isHarshadOrNiven()</code>应该返回<code>{&quot;firstTwenty&quot;: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12, 18, 20, 21, 24, 27, 30, 36, 40, 42],&quot;firstOver1000&quot;: 1002}</code>'
+    testString: 'assert.deepEqual(isHarshadOrNiven(), res, "<code>isHarshadOrNiven()</code> should return <code>{"firstTwenty": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12, 18, 20, 21, 24, 27, 30, 36, 40, 42],"firstOver1000": 1002}</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function isHarshadOrNiven () {
+  const res = {
+    firstTwenty: [],
+    firstOver1000: undefined
+  };
+  // Change after this line
+
+  return res;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/hash-from-two-arrays.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/hash-from-two-arrays.chinese.md
new file mode 100644
index 0000000000..35c41c6dc0
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/hash-from-two-arrays.chinese.md
@@ -0,0 +1,73 @@
+---
+title: Hash from two arrays
+id: 595671d4d2cdc305f0d5b36f
+challengeType: 5
+videoUrl: ''
+localeTitle: 来自两个数组的哈希
+---
+
+## Description
+<section id="description">任务： <p>使用两个相等长度的数组，创建一个Hash对象，其中一个数组中的元素（键）链接到另一个数组（值） </p>相关任务： <a href="http://rosettacode.org/wiki/Associative arrays/Creation" title="关联数组/创建">关联数组/创建</a> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>arrToObj</code>是一个功能。
+    testString: 'assert(typeof arrToObj === "function", "<code>arrToObj</code> is a function.");'
+  - text: '<code>arrToObj([1, 2, 3, 4, 5], [&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;, &quot;e&quot;])</code>应返回<code>{ 1: &quot;a&quot;, 2: &quot;b&quot;, 3: &quot;c&quot;, 4: &quot;d&quot;, 5: &quot;e&quot; }</code>'
+    testString: 'assert.deepEqual(arrToObj(...testCases[0]), res[0], "<code>arrToObj([1, 2, 3, 4, 5], ["a", "b", "c", "d", "e"])</code> should return <code>{ 1: "a", 2: "b", 3: "c", 4: "d", 5: "e" }</code>");'
+  - text: '<code>arrToObj([1, 2, 3, 4, 5], [&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;])</code>应返回<code>{ 1: &quot;a&quot;, 2: &quot;b&quot;, 3: &quot;c&quot;, 4: &quot;d&quot;, 5: undefined }</code>'
+    testString: 'assert.deepEqual(arrToObj(...testCases[1]), res[1], "<code>arrToObj([1, 2, 3, 4, 5], ["a", "b", "c", "d"])</code> should return <code>{ 1: "a", 2: "b", 3: "c", 4: "d", 5: undefined }</code>");'
+  - text: '<code>arrToObj([1, 2, 3], [&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;, &quot;e&quot;])</code>应返回<code>{ 1: &quot;a&quot;, 2: &quot;b&quot;, 3: &quot;c&quot; }</code>'
+    testString: 'assert.deepEqual(arrToObj(...testCases[2]), res[2], "<code>arrToObj([1, 2, 3], ["a", "b", "c", "d", "e"])</code> should return <code>{ 1: "a", 2: "b", 3: "c" }</code>");'
+  - text: '<code>arrToObj([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;, &quot;e&quot;], [1, 2, 3, 4, 5])</code>应返回<code>{ &quot;a&quot;: 1, &quot;b&quot;: 2, &quot;c&quot;: 3 , &quot;d&quot;: 4, &quot;e&quot;: 5 }</code>'
+    testString: 'assert.deepEqual(arrToObj(...testCases[3]), res[3], "<code>arrToObj(["a", "b", "c", "d", "e"], [1, 2, 3, 4, 5])</code> should return <code>{ "a": 1, "b": 2, "c": 3 , "d": 4, "e": 5 }</code>");'
+  - text: '<code>arrToObj([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;, &quot;e&quot;], [1, 2, 3, 4])</code>应返回<code>{ &quot;a&quot;: 1, &quot;b&quot;: 2, &quot;c&quot;: 3 , &quot;d&quot;: 4, &quot;e&quot;: undefined }</code>'
+    testString: 'assert.deepEqual(arrToObj(...testCases[4]), res[4], "<code>arrToObj(["a", "b", "c", "d", "e"], [1, 2, 3, 4])</code> should return <code>{ "a": 1, "b": 2, "c": 3 , "d": 4, "e": undefined }</code>");'
+  - text: '<code>arrToObj([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;], [1, 2, 3, 4, 5])</code>应返回<code>{ &quot;a&quot;: 1, &quot;b&quot;: 2, &quot;c&quot;: 3 }</code>'
+    testString: 'assert.deepEqual(arrToObj(...testCases[5]), res[5], "<code>arrToObj(["a", "b", "c"], [1, 2, 3, 4, 5])</code> should return <code>{ "a": 1, "b": 2, "c": 3  }</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function arrToObj (keys, vals) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/hash-join.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/hash-join.chinese.md
new file mode 100644
index 0000000000..3cfad6816b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/hash-join.chinese.md
@@ -0,0 +1,75 @@
+---
+title: Hash join
+id: 5956795bc9e2c415eb244de1
+challengeType: 5
+videoUrl: ''
+localeTitle: 哈希加入
+---
+
+## Description
+<section id="description"><p> <a href="https://en.wikipedia.org/wiki/Join_(SQL)#Inner_join" title="wp：Join_（SQL）#Inner_join">内连接</a>是一种操作，它根据匹配的列值将两个数据表组合到一个表中。实现此操作的最简单方法是<a href="https://en.wikipedia.org/wiki/Nested loop join" title="wp：嵌套循环连接">嵌套循环连接</a>算法，但更可扩展的替代方法是<a href="https://en.wikipedia.org/wiki/hash join" title="wp：哈希联接">散列连接</a>算法。 </p><p>实现“散列连接”算法，并演示它通过下面列出的测试用例。 </p><p>您应该将表表示为在编程语言中感觉自然的数据结构。 </p><p> “散列连接”算法包含两个步骤： </p>哈希阶段：从两个表中的一个表创建一个<a href="https://en.wikipedia.org/wiki/Multimap" title="wp：Multimap">多</a>图，从每个连接列值映射到包含它的所有行。多图必须支持基于散列的查找，它比简单的线性搜索更好地扩展，因为这是该算法的重点。理想情况下，我们应该为较小的表创建多图，从而最小化其创建时间和内存大小。加入阶段：扫描另一个表，通过查看之前创建的多图来查找匹配的行。 <p>在伪代码中，算法可以表示如下： </p><pre>让A =第一个输入表（或理想情况下，更大的输入表）
+设B =第二个输入表（或理想情况下，较小的输入表）
+令j <sub>A</sub> =表A的连接列ID
+令j <sub>B</sub> =表B的连接列ID
+让M <sub>B</sub> =一个多图，用于从单个值映射到表B的多行（从空白开始）
+让C =输出表（从空开始）
+对于表B中的每一行b：
+  将b放在密钥b（j <sub>B</sub> ）下的多映射M <sub>B中</sub>
+对于表A中的每一行a：
+  对于a（j <sub>A</sub> ）项下多图M <sub>B中的</sub>每一行b：
+    设c =第a行和第b行的串联
+    将行c放在表C中<p></p>
+</pre>测试用例<p>输入</p><table><tbody><tr><td style="padding: 4px; margin: 5px;"><table style="border:none; border-collapse:collapse;"><tbody><tr><td style="border:none"> <i>A =</i> </td><td style="border:none"><table><tbody><tr><th style="padding: 4px; margin: 5px;">年龄</th><th style="padding: 4px; margin: 5px;">名称</th></tr><tr><td style="padding: 4px; margin: 5px;"> 27 </td><td style="padding: 4px; margin: 5px;">约拿</td></tr><tr><td style="padding: 4px; margin: 5px;"> 18 </td><td style="padding: 4px; margin: 5px;">艾伦</td></tr><tr><td style="padding: 4px; margin: 5px;"> 28 </td><td style="padding: 4px; margin: 5px;">荣耀</td></tr><tr><td style="padding: 4px; margin: 5px;"> 18 </td><td style="padding: 4px; margin: 5px;">大力水手</td></tr><tr><td style="padding: 4px; margin: 5px;"> 28 </td><td style="padding: 4px; margin: 5px;">艾伦</td></tr></tbody></table></td><td style="border:none; padding-left:1.5em;" rowspan="2"></td><td style="border:none"> <i>B =</i> </td><td style="border:none"><table><tbody><tr><th style="padding: 4px; margin: 5px;">字符</th><th style="padding: 4px; margin: 5px;">复仇者</th></tr><tr><td style="padding: 4px; margin: 5px;">约拿</td><td style="padding: 4px; margin: 5px;">鲸鱼</td></tr><tr><td style="padding: 4px; margin: 5px;">约拿</td><td style="padding: 4px; margin: 5px;">蜘蛛</td></tr><tr><td style="padding: 4px; margin: 5px;">艾伦</td><td style="padding: 4px; margin: 5px;">鬼</td></tr><tr><td style="padding: 4px; margin: 5px;">艾伦</td><td style="padding: 4px; margin: 5px;">植物大战僵尸</td></tr><tr><td style="padding: 4px; margin: 5px;">荣耀</td><td style="padding: 4px; margin: 5px;">巴菲</td></tr></tbody></table></td></tr><tr><td style="border:none"> <i>j <sub>A</sub> =</i> </td><td style="border:none"> <i><code>Name</code> （即第1栏）</i> </td><td style="border:none"> <i>j <sub>B</sub> =</i> </td><td style="border:none"> <i><code>Character</code> （即第0列）</i> </td></tr></tbody></table></td><td style="padding: 4px; margin: 5px;"></td></tr></tbody></table><p>产量</p><table><tbody><tr><th style="padding: 4px; margin: 5px;"> A.Age </th><th style="padding: 4px; margin: 5px;">一个名字</th><th style="padding: 4px; margin: 5px;"> B.Character </th><th style="padding: 4px; margin: 5px;"> B.Nemesis </th></tr><tr><td style="padding: 4px; margin: 5px;"> 27 </td><td style="padding: 4px; margin: 5px;">约拿</td><td style="padding: 4px; margin: 5px;">约拿</td><td style="padding: 4px; margin: 5px;">鲸鱼</td></tr><tr><td style="padding: 4px; margin: 5px;"> 27 </td><td style="padding: 4px; margin: 5px;">约拿</td><td style="padding: 4px; margin: 5px;">约拿</td><td style="padding: 4px; margin: 5px;">蜘蛛</td></tr><tr><td style="padding: 4px; margin: 5px;"> 18 </td><td style="padding: 4px; margin: 5px;">艾伦</td><td style="padding: 4px; margin: 5px;">艾伦</td><td style="padding: 4px; margin: 5px;">鬼</td></tr><tr><td style="padding: 4px; margin: 5px;"> 18 </td><td style="padding: 4px; margin: 5px;">艾伦</td><td style="padding: 4px; margin: 5px;">艾伦</td><td style="padding: 4px; margin: 5px;">植物大战僵尸</td></tr><tr><td style="padding: 4px; margin: 5px;"> 28 </td><td style="padding: 4px; margin: 5px;">荣耀</td><td style="padding: 4px; margin: 5px;">荣耀</td><td style="padding: 4px; margin: 5px;">巴菲</td></tr><tr><td style="padding: 4px; margin: 5px;"> 28 </td><td style="padding: 4px; margin: 5px;">艾伦</td><td style="padding: 4px; margin: 5px;">艾伦</td><td style="padding: 4px; margin: 5px;">鬼</td></tr><tr><td style="padding: 4px; margin: 5px;"> 28 </td><td style="padding: 4px; margin: 5px;">艾伦</td><td style="padding: 4px; margin: 5px;">艾伦</td><td style="padding: 4px; margin: 5px;">植物大战僵尸</td></tr></tbody></table><p></p><p></p><p>输出表中行的顺序并不重要。 </p><p>如果你使用数字索引数组来表示表行（而不是按名称引用列），你可以用<code style="white-space:nowrap">[[27, &quot;Jonah&quot;], [&quot;Jonah&quot;, &quot;Whales&quot;]]</code>的形式表示输出行。 。 </p><hr></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>hashJoin</code>是一个函数。
+    testString: 'assert(typeof hashJoin === "function", "<code>hashJoin</code> is a function.");'
+  - text: '<code>hashJoin([{ age: 27, name: &quot;Jonah&quot; }, { age: 18, name: &quot;Alan&quot; }, { age: 28, name: &quot;Glory&quot; }, { age: 18, name: &quot;Popeye&quot; }, { age: 28, name: &quot;Alan&quot; }], [{ character: &quot;Jonah&quot;, nemesis: &quot;Whales&quot; }, { character: &quot;Jonah&quot;, nemesis: &quot;Spiders&quot; }, { character: &quot;Alan&quot;, nemesis: &quot;Ghosts&quot; }, { character:&quot;Alan&quot;, nemesis: &quot;Zombies&quot; }, { character: &quot;Glory&quot;, nemesis: &quot;Buffy&quot; }, { character: &quot;Bob&quot;, nemesis: &quot;foo&quot; }])</code>应该返回<code>[{&quot;A_age&quot;: 27,&quot;A_name&quot;: &quot;Jonah&quot;, &quot;B_character&quot;: &quot;Jonah&quot;, &quot;B_nemesis&quot;: &quot;Whales&quot;}, {&quot;A_age&quot;: 27,&quot;A_name&quot;: &quot;Jonah&quot;, &quot;B_character&quot;: &quot;Jonah&quot;, &quot;B_nemesis&quot;: &quot;Spiders&quot;}, {&quot;A_age&quot;: 18,&quot;A_name&quot;: &quot;Alan&quot;, &quot;B_character&quot;: &quot;Alan&quot;, &quot;B_nemesis&quot;: &quot;Ghosts&quot;}, {&quot;A_age&quot;: 18,&quot;A_name&quot;: &quot;Alan&quot;, &quot;B_character&quot;: &quot;Alan&quot;, &quot;B_nemesis&quot;: &quot;Zombies&quot;}, {&quot;A_age&quot;: 28,&quot;A_name&quot;: &quot;Glory&quot;, &quot;B_character&quot;: &quot;Glory&quot;, &quot;B_nemesis&quot;: &quot;Buffy&quot;}, {&quot;A_age&quot;: 28,&quot;A_name&quot;: &quot;Alan&quot;, &quot;B_character&quot;: &quot;Alan&quot;, &quot;B_nemesis&quot;: &quot;Ghosts&quot;}, {&quot;A_age&quot;: 28,&quot;A_name&quot;: &quot;Alan&quot;, &quot;B_character&quot;: &quot;Alan&quot;, &quot;B_nemesis&quot;: &quot;Zombies&quot;}]</code>'
+    testString: 'assert.deepEqual(hashJoin(hash1, hash2), res, "<code>hashJoin([{ age: 27, name: "Jonah" }, { age: 18, name: "Alan" }, { age: 28, name: "Glory" }, { age: 18, name: "Popeye" }, { age: 28, name: "Alan" }], [{ character: "Jonah", nemesis: "Whales" }, { character: "Jonah", nemesis: "Spiders" }, { character: "Alan", nemesis: "Ghosts" }, { character:"Alan", nemesis: "Zombies" }, { character: "Glory", nemesis: "Buffy" }, { character: "Bob", nemesis: "foo" }])</code> should return <code>[{"A_age": 27,"A_name": "Jonah", "B_character": "Jonah", "B_nemesis": "Whales"}, {"A_age": 27,"A_name": "Jonah", "B_character": "Jonah", "B_nemesis": "Spiders"}, {"A_age": 18,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Ghosts"}, {"A_age": 18,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Zombies"}, {"A_age": 28,"A_name": "Glory", "B_character": "Glory", "B_nemesis": "Buffy"}, {"A_age": 28,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Ghosts"}, {"A_age": 28,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Zombies"}]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function hashJoin (hash1, hash2) {
+  // Good luck!
+  return [];
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/heronian-triangles.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/heronian-triangles.chinese.md
new file mode 100644
index 0000000000..37c77d2c8d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/heronian-triangles.chinese.md
@@ -0,0 +1,71 @@
+---
+title: Heronian triangles
+id: 595b98f8b5a2245e243aa831
+challengeType: 5
+videoUrl: ''
+localeTitle: 苍鹭三角形
+---
+
+## Description
+<section id="description"><p>给出三边<big>a，</big> <big>b</big>和<big>c</big>长度的三角形区域的<a href="https://en.wikipedia.org/wiki/Heron&#x27;s formula" title="wp：苍鹭的配方">英雄公式</a>由下<a href="https://en.wikipedia.org/wiki/Heron&#x27;s formula" title="wp：苍鹭的配方">式</a>给出： </p><p> <big>$$ A = \ sqrt {s（sa）（sb）（sc）}，$$</big> </p><p>其中<big>s</big>是三角形的一半周长;那是， </p><p> <big>$$ S = \压裂{A + B + C} {2} $$。</big> </p><p> <a href="http://www.had2know.com/academics/heronian-triangles-generator-calculator.html" title="链接：http：//www.had2know.com/academics/heronian-triangles-generator-calculator.html">Heronian三角形</a>是三角形，其边和面都是整数。 </p><p>一个例子是边长为3,4,5的三角形，其面积为6（其周长为12）。 </p><p>注意任何三角形的边都是3,4,5的整数倍;如6,8,10，也将是一个苍鹭三角形。 </p><p>将原始的Heronian三角形定义为最大公约数的Heronian三角形</p><p>三方都是1（统一）。 </p><p>这将排除例如三角形6,8,10。 </p>任务： <p>实现一个基于Hero公式的函数，该函数返回数组数组中的前<code>n <sub>th</sub></code>有序三角形。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>heronianTriangle</code>是一个函数。
+    testString: 'assert(typeof heronianTriangle === "function", "<code>heronianTriangle</code> is a function.");'
+  - text: '<code>heronianTriangle()</code>应返回<code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17]]</code> <code>heronianTriangle()</code> <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17]]</code> <code>heronianTriangle()</code> <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17]]</code> <code>heronianTriangle()</code> <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17]]</code> <code>heronianTriangle()</code> <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17]]</code>'
+    testString: 'assert.deepEqual(heronianTriangle(testCases[0]), res[0], "<code>heronianTriangle()</code> should return <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17]]</code>");'
+  - text: '<code>heronianTriangle()</code>应返回<code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15]],</code> <code>heronianTriangle()</code> <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15]],</code> <code>heronianTriangle()</code> <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15]],</code> <code>heronianTriangle()</code> <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15]],</code> <code>heronianTriangle()</code> <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15]],</code>'
+    testString: 'assert.deepEqual(heronianTriangle(testCases[1]), res[1], "<code>heronianTriangle()</code> should return <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15]],</code>");'
+  - text: '<code>heronianTriangle()</code>应返回<code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53]],</code> <code>heronianTriangle()</code> <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53]],</code> <code>heronianTriangle()</code> <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53]],</code> <code>heronianTriangle()</code> <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53]],</code> <code>heronianTriangle()</code> <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53]],</code>'
+    testString: 'assert.deepEqual(heronianTriangle(testCases[2]), res[2], "<code>heronianTriangle()</code> should return <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53]],</code>");'
+  - text: '<code>heronianTriangle()</code>应返回<code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53], [19, 20, 37],[16, 17, 17], [17, 17, 30], [16, 25, 39], [13, 20, 21]]</code> <code>heronianTriangle()</code> <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53], [19, 20, 37],[16, 17, 17], [17, 17, 30], [16, 25, 39], [13, 20, 21]]</code> <code>heronianTriangle()</code> <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53], [19, 20, 37],[16, 17, 17], [17, 17, 30], [16, 25, 39], [13, 20, 21]]</code> <code>heronianTriangle()</code> <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53], [19, 20, 37],[16, 17, 17], [17, 17, 30], [16, 25, 39], [13, 20, 21]]</code> <code>heronianTriangle()</code> <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53], [19, 20, 37],[16, 17, 17], [17, 17, 30], [16, 25, 39], [13, 20, 21]]</code>'
+    testString: 'assert.deepEqual(heronianTriangle(testCases[3]), res[3], "<code>heronianTriangle()</code> should return <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53], [19, 20, 37],[16, 17, 17], [17, 17, 30], [16, 25, 39], [13, 20, 21]]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// noprotect
+function heronianTriangle (n) {
+  // Good luck!
+
+  return [];
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/hofstadter-figure-figure-sequences.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/hofstadter-figure-figure-sequences.chinese.md
new file mode 100644
index 0000000000..130c2b96ec
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/hofstadter-figure-figure-sequences.chinese.md
@@ -0,0 +1,87 @@
+---
+title: Hofstadter Figure-Figure sequences
+id: 59622f89e4e137560018a40e
+challengeType: 5
+videoUrl: ''
+localeTitle: Hofstadter图 - 图序列
+---
+
+## Description
+<section id="description"><p>这两个正整数序列定义为： </p><p> <big>$$ R（1）= 1 \; \ S（1）= 2 \\ R（n）= R（n-1）+ S（n-1），\ quad n&gt; 1. $$</big> </p><p>序列<big>$ S（n）$</big>进一步定义为<big>$ R（n）$中</big>不存在的正整数序列。 </p><p>序列<big>$ R $</big>开始： </p><p> 1,3,7,12,18 ...... </p><p>序列<big>$ S $</big>开始： </p><p> 2,4,5,6,8 ...... </p>任务：创建两个名为ffr和ffs的函数，当给定n分别返回R（n）或S（n）时（注意R（1）= 1且S（1）= 2以避免逐个错误） 。不应假设n的最大值。 Sloane的<a href="http://oeis.org/A005228" title="链接：http：//oeis.org/A005228">A005228</a>和<a href="http://oeis.org/A030124" title="链接：http：//oeis.org/A030124">A030124</a> 。 <a href="http://mathworld.wolfram.com/HofstadterFigure-FigureSequence.html" title="链接：http：//mathworld.wolfram.com/HofstadterFigure-FigureSequence.html">Wolfram MathWorld</a>维基百科： <a href="https://en.wikipedia.org/wiki/Hofstadter_sequence#Hofstadter_Figure-Figure_sequences" title="wp：Hofstadter_sequence＃Hofstadter_Figure-Figure_sequences">Hofstadter图 - 图序列</a> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>ffr</code>是一个功能。
+    testString: 'assert(typeof ffr === "function", "<code>ffr</code> is a function.");'
+  - text: <code>ffs</code>是一个函数。
+    testString: 'assert(typeof ffs === "function", "<code>ffs</code> is a function.");'
+  - text: <code>ffr</code>应该返回整数。
+    testString: 'assert(Number.isInteger(ffr(1)), "<code>ffr</code> should return integer.");'
+  - text: <code>ffs</code>应该返回整数。
+    testString: 'assert(Number.isInteger(ffs(1)), "<code>ffs</code> should return integer.");'
+  - text: <code>ffr()</code>应该返回<code>69</code>
+    testString: 'assert.equal(ffr(ffrParamRes[0][0]), ffrParamRes[0][1], "<code>ffr()</code> should return <code>69</code>");'
+  - text: <code>ffr()</code>应返回<code>1509</code>
+    testString: 'assert.equal(ffr(ffrParamRes[1][0]), ffrParamRes[1][1], "<code>ffr()</code> should return <code>1509</code>");'
+  - text: <code>ffr()</code>应返回<code>5764</code>
+    testString: 'assert.equal(ffr(ffrParamRes[2][0]), ffrParamRes[2][1], "<code>ffr()</code> should return <code>5764</code>");'
+  - text: <code>ffr()</code>应返回<code>526334</code>
+    testString: 'assert.equal(ffr(ffrParamRes[3][0]), ffrParamRes[3][1], "<code>ffr()</code> should return <code>526334</code>");'
+  - text: <code>ffs()</code>应该返回<code>14</code>
+    testString: 'assert.equal(ffs(ffsParamRes[0][0]), ffsParamRes[0][1], "<code>ffs()</code> should return <code>14</code>");'
+  - text: <code>ffs()</code>应该返回<code>59</code>
+    testString: 'assert.equal(ffs(ffsParamRes[1][0]), ffsParamRes[1][1], "<code>ffs()</code> should return <code>59</code>");'
+  - text: <code>ffs()</code>应该返回<code>112</code>
+    testString: 'assert.equal(ffs(ffsParamRes[2][0]), ffsParamRes[2][1], "<code>ffs()</code> should return <code>112</code>");'
+  - text: <code>ffs()</code>应该返回<code>1041</code>
+    testString: 'assert.equal(ffs(ffsParamRes[3][0]), ffsParamRes[3][1], "<code>ffs()</code> should return <code>1041</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// noprotect
+function ffr(n) {
+  return n;
+}
+
+function ffs(n) {
+  return n;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/hofstadter-q-sequence.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/hofstadter-q-sequence.chinese.md
new file mode 100644
index 0000000000..016192169c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/hofstadter-q-sequence.chinese.md
@@ -0,0 +1,71 @@
+---
+title: Hofstadter Q sequence
+id: 59637c4d89f6786115efd814
+challengeType: 5
+videoUrl: ''
+localeTitle: Hofstadter Q序列
+---
+
+## Description
+<section id="description"><p> <a href="https://en.wikipedia.org/wiki/Hofstadter_sequence#Hofstadter_Q_sequence" title="wp：Hofstadter_sequence＃Hofstadter_Q_sequence">Hofstadter Q序列</a>定义为： </p><p> $ Q（1）= Q（2）= 1，\\ Q（n）= Q \ big（nQ（n-1）\ big）+ Q \ big（nQ（n-2）），\ quad n&gt; 2. $ </p><p>它定义为<a href="http://rosettacode.org/wiki/Fibonacci sequence" title="斐波那契序列">Fibonacci序列</a> ，但<a href="http://rosettacode.org/wiki/Fibonacci sequence" title="斐波那契序列">Fibonacci序列中</a>的下一个术语是前两个术语的总和，在Q序列中，前两个术语告诉您在Q序列中返回多远以找到两个数字总结以制作序列的下一个术语。 </p>任务：将Hofstadter Q Sequence方程实现为JavaScript </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>hofstadterQ</code>是一个函数。
+    testString: 'assert(typeof hofstadterQ === "function", "<code>hofstadterQ</code> is a function.");'
+  - text: <code>hofstadterQ()</code>应该返回<code>integer</code>
+    testString: 'assert(Number.isInteger(hofstadterQ(1000)), "<code>hofstadterQ()</code> should return <code>integer</code>");'
+  - text: <code>hofstadterQ(1000)</code>应该返回<code>502</code>
+    testString: 'assert.equal(hofstadterQ(testCase[0]), res[0], "<code>hofstadterQ(1000)</code> should return <code>502</code>");'
+  - text: <code>hofstadterQ(1500)</code>应该返回<code>755</code>
+    testString: 'assert.equal(hofstadterQ(testCase[1]), res[1], "<code>hofstadterQ(1500)</code> should return <code>755</code>");'
+  - text: <code>hofstadterQ(2000)</code>应该返回<code>1005</code>
+    testString: 'assert.equal(hofstadterQ(testCase[2]), res[2], "<code>hofstadterQ(2000)</code> should return <code>1005</code>");'
+  - text: <code>hofstadterQ(2500)</code>应该返回<code>1261</code>
+    testString: 'assert.equal(hofstadterQ(testCase[3]), res[3], "<code>hofstadterQ(2500)</code> should return <code>1261</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function hofstadterQ (n) {
+  // Good luck!
+  return n;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/i-before-e-except-after-c.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/i-before-e-except-after-c.chinese.md
new file mode 100644
index 0000000000..dccbba1365
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/i-before-e-except-after-c.chinese.md
@@ -0,0 +1,66 @@
+---
+title: I before E except after C
+id: 5a23c84252665b21eecc7eb0
+challengeType: 5
+videoUrl: ''
+localeTitle: 我在E之前除了C之后
+---
+
+## Description
+<section id="description">短语<a href="https://en.wikipedia.org/wiki/I before E except after C">“我在E之前，除了C之后”</a>是一个广为人知的助记符，它应该有助于拼写英语单词。使用提供的单词，检查短语的两个子句是否合理： <ol><li style="margin-bottom: 5px;"> <i>“我在E之前没有前面的C”。</i> </li><li> <i>“在我之前的C之前是C”。</i> </li></ol>如果两个子短语都是合理的，则原始短语可以说是合理的。编写一个接受单词的函数，并检查单词是否遵循此规则。如果该函数遵循规则，则该函数应返回true，否则返回false。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>IBeforeExceptC</code>应该是一个函数。
+    testString: 'assert(typeof IBeforeExceptC=="function","<code>IBeforeExceptC</code> should be a function.");'
+  - text: <code>IBeforeExceptC(&quot;receive&quot;)</code>应该返回一个布尔值。
+    testString: 'assert(typeof IBeforeExceptC("receive")=="boolean","<code>IBeforeExceptC("receive")</code> should return a boolean.");'
+  - text: <code>IBeforeExceptC(&quot;receive&quot;)</code>应该返回<code>true</code> 。
+    testString: 'assert.equal(IBeforeExceptC("receive"),true,"<code>IBeforeExceptC("receive")</code> should return <code>true</code>.");'
+  - text: <code>IBeforeExceptC(&quot;science&quot;)</code>应该返回<code>false</code> 。
+    testString: 'assert.equal(IBeforeExceptC("science"),false,"<code>IBeforeExceptC("science")</code> should return <code>false</code>.");'
+  - text: <code>IBeforeExceptC(&quot;imperceivable&quot;)</code>应该返回<code>true</code> 。
+    testString: 'assert.equal(IBeforeExceptC("imperceivable"),true,"<code>IBeforeExceptC("imperceivable")</code> should return <code>true</code>.");'
+  - text: <code>IBeforeExceptC(&quot;inconceivable&quot;)</code>应该返回<code>true</code> 。
+    testString: 'assert.equal(IBeforeExceptC("inconceivable"),true,"<code>IBeforeExceptC("inconceivable")</code> should return <code>true</code>.");'
+  - text: <code>IBeforeExceptC(&quot;insufficient&quot;)</code>应返回<code>false</code> 。
+    testString: 'assert.equal(IBeforeExceptC("insufficient"),false,"<code>IBeforeExceptC("insufficient")</code> should return <code>false</code>.");'
+  - text: <code>IBeforeExceptC(&quot;omniscient&quot;)</code>应该返回<code>false</code> 。
+    testString: 'assert.equal(IBeforeExceptC("omniscient"),false,"<code>IBeforeExceptC("omniscient")</code> should return <code>false</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function IBeforeExceptC (word) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/iban.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/iban.chinese.md
new file mode 100644
index 0000000000..f16eb7637c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/iban.chinese.md
@@ -0,0 +1,72 @@
+---
+title: IBAN
+id: 5a23c84252665b21eecc7eaf
+challengeType: 5
+videoUrl: ''
+localeTitle: 他们
+---
+
+## Description
+<section id="description"> <a href="https://en.wikipedia.org/wiki/International_Bank_Account_Number">国际银行账号（IBAN）</a>是一种国际商定的识别跨国界银行账户的方法，降低了传播<a href="https://en.wikipedia.org/wiki/Transcription_error">抄写错误的</a>风险。 IBAN最多包含34个字母数字字符： <ul><li>首先是两个字母的ISO 3166-1 alpha-2国家代码</li><li>然后是两个校验位，和</li><li>最后是国家特定的基本银行帐号（BBAN）。 </li></ul>通过检查数字，即使在提交交易之前，也可以对银行帐号进行健全性检查以确认其完整性。编写一个以IBAN字符串作为参数的函数。如果有效则返回true。否则，返回false。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>isValid</code>应该是一个函数。
+    testString: 'assert(typeof isValid=="function","<code>isValid</code> should be a function.");'
+  - text: '<code>isValid(&quot;&quot;+tests[0]+&quot;&quot;)</code>应该返回一个布尔值。'
+    testString: 'assert(typeof isValid(tests[0])=="boolean","<code>isValid(""+tests[0]+"")</code> should return a boolean.");'
+  - text: '<code>isValid(&quot;&quot;+tests[0]+&quot;&quot;)</code>应该返回<code>true</code> 。'
+    testString: 'assert.equal(isValid(tests[0]),true,"<code>isValid(""+tests[0]+"")</code> should return <code>true</code>.");'
+  - text: '<code>isValid(&quot;&quot;+tests[1]+&quot;&quot;)</code>应返回<code>false</code> 。'
+    testString: 'assert.equal(isValid(tests[1]),false,"<code>isValid(""+tests[1]+"")</code> should return <code>false</code>.");'
+  - text: '<code>isValid(&quot;&quot;+tests[2]+&quot;&quot;)</code>应返回<code>false</code> 。'
+    testString: 'assert.equal(isValid(tests[2]),false,"<code>isValid(""+tests[2]+"")</code> should return <code>false</code>.");'
+  - text: '<code>isValid(&quot;&quot;+tests[3]+&quot;&quot;)</code>应该返回<code>false</code> 。'
+    testString: 'assert.equal(isValid(tests[3]),false,"<code>isValid(""+tests[3]+"")</code> should return <code>false</code>.");'
+  - text: '<code>isValid(&quot;&quot;+tests[4]+&quot;&quot;)</code>应该返回<code>true</code> 。'
+    testString: 'assert.equal(isValid(tests[4]),true,"<code>isValid(""+tests[4]+"")</code> should return <code>true</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function isValid (iban) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/identity-matrix.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/identity-matrix.chinese.md
new file mode 100644
index 0000000000..ca88005dde
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/identity-matrix.chinese.md
@@ -0,0 +1,70 @@
+---
+title: Identity matrix
+id: 5a23c84252665b21eecc7eb1
+challengeType: 5
+videoUrl: ''
+localeTitle: 身份矩阵
+---
+
+## Description
+<section id="description"> <i>单位矩阵</i>是大小为\（n \次n \）的方阵，其中对角元素都是<b>1</b> s（1），所有其他元素都是<b>0</b> s（零）。 \ begin {bmatrix} 1＆0＆0 \ cr 0＆1＆0 \ cr 0＆0＆1 \ cr \ end {bmatrix}编写一个以数字&#39;n&#39;作为参数并返回单位矩阵的函数订单nx n。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>idMatrix</code>应该是一个功能。
+    testString: 'assert(typeof idMatrix=="function","<code>idMatrix</code> should be a function.");'
+  - text: <code>idMatrix(1)</code>应该返回一个数组。
+    testString: 'assert(Array.isArray(idMatrix(1)),"<code>idMatrix(1)</code> should return an array.");'
+  - text: '<code>idMatrix(1)</code>应返回<code>&quot;+JSON.stringify(results[0])+&quot;</code> 。'
+    testString: 'assert.deepEqual(idMatrix(1),results[0],"<code>idMatrix(1)</code> should return <code>"+JSON.stringify(results[0])+"</code>.");'
+  - text: '<code>idMatrix(2)</code>应返回<code>&quot;+JSON.stringify(results[1])+&quot;</code> 。'
+    testString: 'assert.deepEqual(idMatrix(2),results[1],"<code>idMatrix(2)</code> should return <code>"+JSON.stringify(results[1])+"</code>.");'
+  - text: '<code>idMatrix(3)</code>应返回<code>&quot;+JSON.stringify(results[2])+&quot;</code> 。'
+    testString: 'assert.deepEqual(idMatrix(3),results[2],"<code>idMatrix(3)</code> should return <code>"+JSON.stringify(results[2])+"</code>.");'
+  - text: '<code>idMatrix(4)</code>应返回<code>&quot;+JSON.stringify(results[3])+&quot;</code> 。'
+    testString: 'assert.deepEqual(idMatrix(4),results[3],"<code>idMatrix(4)</code> should return <code>"+JSON.stringify(results[3])+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function idMatrix (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/iterated-digits-squaring.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/iterated-digits-squaring.chinese.md
new file mode 100644
index 0000000000..783da9823e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/iterated-digits-squaring.chinese.md
@@ -0,0 +1,67 @@
+---
+title: Iterated digits squaring
+id: 5a23c84252665b21eecc7ec1
+challengeType: 5
+videoUrl: ''
+localeTitle: 迭代的数字平方
+---
+
+## Description
+<section id="description">如果添加自然数（大于零的整数）的数字的平方，则始终以1或89结尾： <pre> 15  - &gt; 26  - &gt; 40  - &gt; 16  - &gt; 37  - &gt; 58  - &gt; 89
+7  - &gt; 49  - &gt; 97  - &gt; 130  - &gt; 10  - &gt; 1 </pre>编写一个函数，该函数将数字作为参数，并在执行上述过程后返回1或89。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>iteratedSquare</code>应该是一个函数。
+    testString: 'assert(typeof iteratedSquare=="function","<code>iteratedSquare</code> should be a function.");'
+  - text: <code>iteratedSquare(4)</code>应该返回一个数字。
+    testString: 'assert(typeof iteratedSquare(4)=="number","<code>iteratedSquare(4)</code> should return a number.");'
+  - text: <code>iteratedSquare(4)</code>应该返回<code>89</code> 。
+    testString: 'assert.equal(iteratedSquare(4),89,"<code>iteratedSquare(4)</code> should return <code>89</code>.");'
+  - text: <code>iteratedSquare(7)</code>应该返回<code>1</code> 。
+    testString: 'assert.equal(iteratedSquare(7),1,"<code>iteratedSquare(7)</code> should return <code>1</code>.");'
+  - text: <code>iteratedSquare(15)</code>应该返回<code>89</code> 。
+    testString: 'assert.equal(iteratedSquare(15),89,"<code>iteratedSquare(15)</code> should return <code>89</code>.");'
+  - text: <code>iteratedSquare(20)</code>应该返回<code>89</code> 。
+    testString: 'assert.equal(iteratedSquare(20),89,"<code>iteratedSquare(20)</code> should return <code>89</code>.");'
+  - text: <code>iteratedSquare(70)</code>应该返回<code>1</code> 。
+    testString: 'assert.equal(iteratedSquare(70),1,"<code>iteratedSquare(70)</code> should return <code>1</code>.");'
+  - text: <code>iteratedSquare(100)</code>应该返回<code>1</code> 。
+    testString: 'assert.equal(iteratedSquare(100),1,"<code>iteratedSquare(100)</code> should return <code>1</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function iteratedSquare (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/jaro-distance.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/jaro-distance.chinese.md
new file mode 100644
index 0000000000..7dbf5665b4
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/jaro-distance.chinese.md
@@ -0,0 +1,72 @@
+---
+title: Jaro distance
+id: 5a23c84252665b21eecc7ec2
+challengeType: 5
+videoUrl: ''
+localeTitle: Jaro距离
+---
+
+## Description
+<section id="description"> Jaro距离是两个弦之间相似性的度量。两个弦的Jaro距离越高，弦越相似。对得分进行归一化，使得<b>0</b>等于没有相似性， <b>1</b>等于完全匹配。定义两个给定字符串\（s_1 \）和\（s_2 \）的Jaro距离\（d_j \）是\ begin {align} d_j = \ begin {cases} 0 &amp;&amp; \ text {if} m = 0 \\\ \ {\ frac {1} {3}} \ left（{\ frac {m} {| s_ {1} |}} + {\ frac {m} {| s_ {2} |}} + {\ frac { mt} {m}} \ right）&amp;&amp; \ text {otherwise} \ end {cases} \ end {align}其中： <ul><li> \（m \）是<i>匹配字符</i>的数量; </li><li> \（t \）是<i>换位</i>次数的一半。 </li></ul>分别来自\（s_1 \）和\（s_2 \）的两个字符只有在相同且不远于\（\ left \ lfloor \ frac {\ max（| s_1 |，| s_2 |）}时才被认为是<i>匹配的</i> {2} \右\ rfloor-1 \）。将\（s_1 \）的每个字符与\（s_2 \）中的所有匹配字符进行比较。匹配（但不同的序列顺序）字符除以2的数量定义了<i>转置</i>的数量。 <b>示例</b>给定字符串\（s_1 \） <i>DWAYNE</i>和\（s_2 \） <i>DUANE</i>我们发现： <ul><li> \（m = 4 \） </li><li> \（| s_1 | = 6 \） </li><li> \（| s_2 | = 5 \） </li><li> \（t = 0 \） </li></ul>我们发现Jaro得分为：\（d_j = \ frac {1} {3} \ left（\ frac {4} {6} + \ frac {4} {5} + \ frac {4-0} {4} \ right）= 0.822 \）。编写一个函数a，它接受两个字符串作为参数并返回相关的Jaro距离。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>jaro</code>应该是一个功能。
+    testString: 'assert(typeof jaro=="function","<code>jaro</code> should be a function.");'
+  - text: '<code>jaro(&quot;&quot;+tests[0][0]+&quot;&quot;,&quot;&quot;+tests[0][1]+&quot;&quot;)</code>应返回一个数字。'
+    testString: 'assert(typeof jaro(tests[0][0],tests[0][1])=="number","<code>jaro()</code> should return a number.");'
+  - text: '<code>jaro(&quot;&quot;+tests[0][0]+&quot;&quot;,&quot;&quot;+tests[0][1]+&quot;&quot;)</code>应该返回<code>&quot;+results[0]+&quot;</code> 。'
+    testString: 'assert.equal(jaro(tests[0][0],tests[0][1]),results[0],"<code>jaro(""+tests[0][0]+"",""+tests[0][1]+"")</code> should return <code>"+results[0]+"</code>.");'
+  - text: '<code>jaro(&quot;&quot;+tests[1][0]+&quot;&quot;,&quot;&quot;+tests[1][1]+&quot;&quot;)</code>应返回<code>&quot;+results[1]+&quot;</code> 。'
+    testString: 'assert.equal(jaro(tests[1][0],tests[1][1]),results[1],"<code>jaro(""+tests[1][0]+"",""+tests[1][1]+"")</code> should return <code>"+results[1]+"</code>.");'
+  - text: '<code>jaro(&quot;&quot;+tests[2][0]+&quot;&quot;,&quot;&quot;+tests[2][1]+&quot;&quot;)</code>应返回<code>&quot;+results[2]+&quot;</code> 。'
+    testString: 'assert.equal(jaro(tests[2][0],tests[2][1]),results[2],"<code>jaro(""+tests[2][0]+"",""+tests[2][1]+"")</code> should return <code>"+results[2]+"</code>.");'
+  - text: '<code>jaro(&quot;&quot;+tests[3][0]+&quot;&quot;,&quot;&quot;+tests[3][1]+&quot;&quot;)</code>应返回<code>&quot;+results[3]+&quot;</code> 。'
+    testString: 'assert.equal(jaro(tests[3][0],tests[3][1]),results[3],"<code>jaro(""+tests[3][0]+"",""+tests[3][1]+"")</code> should return <code>"+results[3]+"</code>.");'
+  - text: '<code>jaro(&quot;&quot;+tests[4][0]+&quot;&quot;,&quot;&quot;+tests[4][1]+&quot;&quot;)</code>应该返回<code>&quot;+results[4]+&quot;</code> 。'
+    testString: 'assert.equal(jaro(tests[4][0],tests[4][1]),results[4],"<code>jaro(""+tests[4][0]+"",""+tests[4][1]+"")</code> should return <code>"+results[4]+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function jaro (s, t) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/jortsort.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/jortsort.chinese.md
new file mode 100644
index 0000000000..c12e2f1fa1
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/jortsort.chinese.md
@@ -0,0 +1,74 @@
+---
+title: JortSort
+id: 5a23c84252665b21eecc7ec4
+challengeType: 5
+videoUrl: ''
+localeTitle: JortSort
+---
+
+## Description
+<section id="description"> jortSort是一个排序工具集，它使用户可以完成工作并保证效率，因为您不必再​​次排序。它最初是由着名的<a href="https://www.youtube.com/watch?v=pj4U_W0OFoE">JSConf的</a> Jenn“Moneydollars”Schiffer <a href="https://www.youtube.com/watch?v=pj4U_W0OFoE">提出的</a> 。 jortSort是一个函数，它将一个可比较对象数组作为其参数。然后它按升序对数组进行排序，并将排序后的数组与最初提供的数组进行比较。如果数组匹配（即原始数组已经排序），则该函数返回true。如果数组不匹配（即原始数组未排序），则该函数返回false。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>jortsort</code>应该是一个功能。
+    testString: 'assert(typeof jortsort=="function","<code>jortsort</code> should be a function.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[0])+&quot;)</code>应该返回一个布尔值。'
+    testString: 'assert(typeof jortsort(tests[0].slice())=="boolean","<code>jortsort("+JSON.stringify(tests[0])+")</code> should return a boolean.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[0])+&quot;)</code>应该返回<code>true</code> 。'
+    testString: 'assert.equal(jortsort(tests[0].slice()),true,"<code>jortsort("+JSON.stringify(tests[0])+")</code> should return <code>true</code>.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[1])+&quot;)</code>应该返回<code>false</code> 。'
+    testString: 'assert.equal(jortsort(tests[1].slice()),false,"<code>jortsort("+JSON.stringify(tests[1])+")</code> should return <code>false</code>.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[2])+&quot;)</code>应该返回<code>false</code> 。'
+    testString: 'assert.equal(jortsort(tests[2].slice()),false,"<code>jortsort("+JSON.stringify(tests[2])+")</code> should return <code>false</code>.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[3])+&quot;)</code>应该返回<code>true</code> 。'
+    testString: 'assert.equal(jortsort(tests[3].slice()),true,"<code>jortsort("+JSON.stringify(tests[3])+")</code> should return <code>true</code>.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[4])+&quot;)</code>应该返回<code>false</code> 。'
+    testString: 'assert.equal(jortsort(tests[4].slice()),false,"<code>jortsort("+JSON.stringify(tests[4])+")</code> should return <code>false</code>.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[5])+&quot;)</code>应该返回<code>true</code> 。'
+    testString: 'assert.equal(jortsort(tests[5].slice()),true,"<code>jortsort("+JSON.stringify(tests[5])+")</code> should return <code>true</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function jortsort (array) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/josephus-problem.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/josephus-problem.chinese.md
new file mode 100644
index 0000000000..e201154f79
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/josephus-problem.chinese.md
@@ -0,0 +1,64 @@
+---
+title: Josephus problem
+id: 5a23c84252665b21eecc7ec5
+challengeType: 5
+videoUrl: ''
+localeTitle: 约瑟夫斯问题
+---
+
+## Description
+<section id="description"> <a href="https://en.wikipedia.org/wiki/Josephus problem">约瑟夫斯问题</a>是一个严峻描述的数学难题：$ n $囚犯站在一个圆圈上，顺序编号从$ 0 $到$ n-1 $。一名刽子手沿着圈子走，从囚犯$ 0 $开始，移走每个$ k $囚犯并杀死他。随着过程的继续，圆圈变得越来越小，直到只剩下一个囚犯，然后被释放。例如，如果$ n = 5 $囚犯和$ k = 2 $，囚犯被杀的命令（我们称之为“杀戮序列”）将是1,3,0和4，幸存者将是＃2。鉴于任何<big>$ n，k&gt; 0 $</big> ，找出哪个囚犯将成为最后的幸存者。在一个这样的事件中，有41个囚犯和每3 <sup>次</sup>囚犯被杀死<big>（$ K = 3 $）。</big>其中有一个聪明的名字约瑟夫斯，他解决了这个问题，站在幸存的位置，并继续讲述这个故事。他是哪个号码？写一个函数，以囚犯的初始数量和&#39;k&#39;作为参数，并返回幸存的囚犯的数量。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>josephus</code>应该是一个功能。
+    testString: 'assert(typeof josephus=="function","<code>josephus</code> should be a function.");'
+  - text: '<code>josephus(30,3)</code>应该返回一个数字。'
+    testString: 'assert(typeof josephus(30,3)=="number","<code>josephus(30,3)</code> should return a number.");'
+  - text: '<code>josephus(30,3)</code>应该回<code>29</code> 。'
+    testString: 'assert.equal(josephus(30,3),29,"<code>josephus(30,3)</code> should return <code>29</code>.");'
+  - text: '<code>josephus(30,5)</code>应该返回<code>3</code> 。'
+    testString: 'assert.equal(josephus(30,5),3,"<code>josephus(30,5)</code> should return <code>3</code>.");'
+  - text: '<code>josephus(20,2)</code>应该返回<code>9</code> 。'
+    testString: 'assert.equal(josephus(20,2),9,"<code>josephus(20,2)</code> should return <code>9</code>.");'
+  - text: '<code>josephus(17,6)</code>应该回归<code>2</code> 。'
+    testString: 'assert.equal(josephus(17,6),2,"<code>josephus(17,6)</code> should return <code>2</code>.");'
+  - text: '<code>josephus(29,4)</code>应该返回<code>2</code> 。'
+    testString: 'assert.equal(josephus(29,4),2,"<code>josephus(29,4)</code> should return <code>2</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function josephus (init, kill) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/s-expressions.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/s-expressions.chinese.md
new file mode 100644
index 0000000000..b51c44d96c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/s-expressions.chinese.md
@@ -0,0 +1,67 @@
+---
+title: S-Expressions
+id: 59667989bf71cf555dd5d2ff
+challengeType: 5
+videoUrl: ''
+localeTitle: S-表达式
+---
+
+## Description
+<section id="description"><p> <a href="https://en.wikipedia.org/wiki/S-Expression" title="wp：S表达式">S-Expressions</a>是一种解析和存储数据的便捷方式。 </p>任务： <p>为S-Expressions编写一个简单的读取器/解析器，处理引用的和不带引号的字符串，整数和浮点数。 </p><p>该函数应从字符串中读取单个但嵌套的S-Expression，并将其作为（嵌套）数组返回。 </p><p>除非包含在带引号的字符串中，否则可以忽略换行符和其他空格。 </p><p> “ <tt>（）</tt> ”内部引用的字符串不会被解释，但会被视为字符串的一部分。 </p><p>处理字符串中的转义引号是可选的;因此“ <tt>（foo”bar）</tt> “可能被视为字符串” <tt>foo“bar</tt> ”，或作为错误。 </p><p>为此，读者无需识别“ <tt>\</tt> ”以进行转义，但如果语言具有适当的数据类型，则还应识别数字。 </p><p>请注意，除了“ <tt>（）”</tt> “（” <tt>\</tt> “，如果支持转义）和空格，没有特殊字符。其他任何内容都是允许的，不带引号。 </p><p>读者应该能够阅读以下输入</p><p></p><pre> （（数据“引用数据”123 4.5）
+    （数据（！@＃（4.5）“（更多”“数据”））））
+</pre><p></p><p>并将其转换为本机数据结构。 （有关本机数据结构的示例，请参阅<a href="http://rosettacode.org/wiki/#Pike" title="#Pike">Pike</a> ， <a href="http://rosettacode.org/wiki/#Python" title="＃蟒蛇">Python</a>和<a href="http://rosettacode.org/wiki/#Ruby" title="＃红宝石">Ruby</a>实现。） </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>parseSexpr</code>是一个函数。
+    testString: 'assert(typeof parseSexpr === "function", "<code>parseSexpr</code> is a function.");'
+  - text: '<code>parseSexpr(&quot;(data1 data2 data3)&quot;)</code>应返回[“data1”，“data2”，“data3”]“）'
+    testString: 'assert.deepEqual(parseSexpr(simpleSExpr), simpleSolution, "<code>parseSexpr("(data1 data2 data3)")</code> should return ["data1", "data2", "data3"]");'
+  - text: '<code>parseSexpr(&#39;(data1 data2 data3)&#39;)</code>应该返回一个包含3个元素的数组“）'
+    testString: 'assert.deepEqual(parseSexpr(basicSExpr), basicSolution, "<code>parseSexpr("(data1 data2 data3)")</code> should return an array with 3 elements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function parseSexpr(str) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/sailors-coconuts-and-a-monkey-problem.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/sailors-coconuts-and-a-monkey-problem.chinese.md
new file mode 100644
index 0000000000..9e75e09da6
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/sailors-coconuts-and-a-monkey-problem.chinese.md
@@ -0,0 +1,60 @@
+---
+title: 'Sailors, coconuts and a monkey problem'
+id: 59da22823d04c95919d46269
+challengeType: 5
+videoUrl: ''
+localeTitle: 水手，椰子和猴子问题
+---
+
+## Description
+<section id="description"><p>五名水手在岛上遭遇海难，并在白天收集了一大堆椰子。 </p><p>那天晚上，第一个水手醒来并决定早点拿走他的第一份，所以试图将一堆椰子平分成五堆，但发现剩下一个椰子，所以他把它扔到一只猴子然后隐藏“他的”五个同样大小的椰子堆中的一个，并将其他四个桩推到一起，再次形成一堆可见的椰子并上床睡觉。 </p><p>长话短说，每个水手轮流在夜间起床，并执行将椰子堆分成五个的相同动作，发现剩下一个椰子并将剩下的椰子留给猴子。 </p><p>在早上（在夜间五个水手的暗中和分开行动之后），剩下的椰子被分成五个相等的堆，每个水手，然后发现一堆椰子在水手之间平分没有余数。 （早上猴子没什么。） </p><p>任务： </p><pre> <code> Create a function that returns the the minimum possible size of the initial pile of coconuts collected during the day for N sailors.</code> </pre><p>注意： </p><pre> <code> Of course the tale is told in a world where the collection of any amount of coconuts in a day and multiple divisions of the pile, etc can occur in time fitting the story line, so as not to affect the mathematics.</code> </pre><p> CF卡： </p><p> <a href="https://www.youtube.com/watch?v=U9qU20VmvaU" title="链接：https：//www.youtube.com/watch？v = U9qU20VmvaU">猴子和椰子 -  Numberphile</a> （视频）分析解决方案。 </p><pre> <code> &lt;a href=&quot;http://oeis.org/A002021&quot; title=&quot;link: http://oeis.org/A002021&quot;&gt;A002021 Pile of coconuts problem&lt;/a&gt; The On-Line Encyclopedia of Integer Sequences. (Although some of its references may use the alternate form of the tale).</code> </pre></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>splitCoconuts</code>是一个函数。
+    testString: 'assert(typeof splitCoconuts === "function", "<code>splitCoconuts</code> is a function.");'
+  - text: <code>splitCoconuts(5)</code>应该返回3121。
+    testString: 'assert(splitCoconuts(5) === 3121, "<code>splitCoconuts(5)</code> should return 3121.");'
+  - text: <code>splitCoconuts(6)</code>应返回233275。
+    testString: 'assert(splitCoconuts(6) === 233275, "<code>splitCoconuts(6)</code> should return 233275.");'
+  - text: <code>splitCoconuts(7)</code>应该返回823537。
+    testString: 'assert(splitCoconuts(7) === 823537, "<code>splitCoconuts(7)</code> should return 823537.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// noprotect
+function splitCoconuts(intSailors) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/sedols.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/sedols.chinese.md
new file mode 100644
index 0000000000..153c71221b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/sedols.chinese.md
@@ -0,0 +1,61 @@
+---
+title: SEDOLs
+id: 59d9c6bc214c613ba73ff012
+challengeType: 5
+videoUrl: ''
+localeTitle: SEDOLs
+---
+
+## Description
+<section id="description">任务： <p>对于6位<a href="https://en.wikipedia.org/wiki/SEDOL" title="wp：SEDOL">SEDOL</a>的每个数字列表，计算并附加校验和数字。 </p><p>也就是说，给定左侧的输入字符串，您的函数应返回右侧的相应字符串： </p><pre> <code>&lt;pre&gt; 710889 =&gt; 7108899 B0YBKJ =&gt; B0YBKJ7 406566 =&gt; 4065663 B0YBLH =&gt; B0YBLH2 228276 =&gt; 2282765 B0YBKL =&gt; B0YBKL9 557910 =&gt; 5579107 B0YBKR =&gt; B0YBKR5 585284 =&gt; 5852842 B0YBKT =&gt; B0YBKT7 B00030 =&gt; B000300 &lt;/pre&gt;</code> </pre><p>还要检查每个输入是否正确形成，尤其是对于SEDOL字符串中允许的有效字符。您的函数应在无效输入时返回<code>null</code> 。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sedol</code>是一个功能。
+    testString: 'assert(typeof sedol === "function", "<code>sedol</code> is a function.");'
+  - text: '<code>sedol(&#39;a&#39;)</code>应该返回null。“）'
+    testString: 'assert(sedol("a") === null, "<code>sedol("a")</code> should return null.");'
+  - text: '<code>sedol(&#39;710889&#39;)</code>应返回&#39;7108899&#39;。“）'
+    testString: 'assert(sedol("710889") === "7108899", "<code>sedol("710889")</code> should return "7108899".");'
+  - text: '<code>sedol(&#39;BOATER&#39;)</code>应该返回null。“）'
+    testString: 'assert(sedol("BOATER") === null, "<code>sedol("BOATER")</code> should return null.");'
+  - text: '<code>sedol(&#39;228276&#39;)</code>应该返回&#39;2282765&#39;。“）'
+    testString: 'assert(sedol("228276") === "2282765", "<code>sedol("228276")</code> should return "2282765".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sedol (input) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/taxicab-numbers.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/taxicab-numbers.chinese.md
new file mode 100644
index 0000000000..86bd9f7d88
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/taxicab-numbers.chinese.md
@@ -0,0 +1,71 @@
+---
+title: Taxicab numbers
+id: 594ecc0d9a8cf816e3340187
+challengeType: 5
+videoUrl: ''
+localeTitle: 出租车号码
+---
+
+## Description
+<section id="description"> <a href="https://en.wikipedia.org/wiki/Hardy–Ramanujan number" title="wp：Hardy-Ramanujan号码">出租车编号</a> （此处使用的定义）是一个正整数，可以用多种方式表示为两个正立方体的总和。第一个出租车编号是1729，即：1 <sup>3</sup> + 12 <sup>3</sup>和9 <sup>3</sup> + 10 <sup>3</sup> 。出租车号码也被称为：*出租车号码*出租车号码*出租车号码* Hardy-Ramanujan号码任务：编写一个返回最低N个出租车号码的函数。对于每个出租车编号，显示数字以及它的构成立方体。另请参阅：在线整数序列百科全书上的[http://oeis.org/A001235 A001235出租车编号]。 MathWorld上的<a href="http://mathworld.wolfram.com/Hardy-RamanujanNumber.html">Hardy-Ramanujan数字</a> 。 MathWorld上的<a href="http://mathworld.wolfram.com/TaxicabNumber.html">出租车编号</a> 。维基百科上的<a href="https://en.wikipedia.org/wiki/Taxicab_number">出租车号码</a> 。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>taxicabNumbers</code>是一个功能。
+    testString: 'assert(typeof taxicabNumbers === "function", "<code>taxicabNumbers </code> is a function.");'
+  - text: <code>taxicabNumbers</code>应该返回一个数组。
+    testString: 'assert(typeof taxicabNumbers(2) === "object", "<code>taxicabNumbers </code> should return an array.");'
+  - text: <code>taxicabNumbers</code>应返回一组数字。
+    testString: 'assert(typeof taxicabNumbers(100)[0] === "number", "<code>taxicabNumbers </code> should return an array of numbers.");'
+  - text: '<code>taxicabNumbers(4)</code>必须返回[1729,4104,13832,20683]。'
+    testString: 'assert.deepEqual(taxicabNumbers(4), res4, "<code>taxicabNumbers(4) </code> must return [1729, 4104, 13832, 20683].");'
+  - text: 'taxicabNumbers（25）应该返回[1729,4104,13832,20683,32832,39312,40033,46683,64232,65728,110656,110808,134379,149389,165464,171288,195841,216027,216125,262656,314696,320264 ，327763,373464,402597]'
+    testString: 'assert.deepEqual(taxicabNumbers(25), res25, "taxicabNumbers(25) should return [1729, 4104, 13832, 20683, 32832, 39312, 40033, 46683, 64232, 65728, 110656, 110808, 134379, 149389, 165464, 171288, 195841, 216027, 216125, 262656, 314496, 320264, 327763, 373464, 402597]");'
+  - text: 'taxicabNumbers（39）由20  -  29得到的数字应为[314496,320264,327763,373464,402597,439101,443889,513000,513856]。'
+    testString: 'assert.deepEqual(taxicabNumbers(39).slice(20, 29), res39From20To29, "taxicabNumbers(39) resulting numbers from 20 - 29 should be [314496,320264,327763,373464,402597,439101,443889,513000,513856].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function taxicabNumbers (n) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/tokenize-a-string-with-escaping.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/tokenize-a-string-with-escaping.chinese.md
new file mode 100644
index 0000000000..05a4a4c823
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/tokenize-a-string-with-escaping.chinese.md
@@ -0,0 +1,67 @@
+---
+title: Tokenize a string with escaping
+id: 594faaab4e2a8626833e9c3d
+challengeType: 5
+videoUrl: ''
+localeTitle: 使用转义标记字符串
+---
+
+## Description
+<section id="description"><p>编写一个函数或程序，可以在分隔符的每个非转义事件中拆分字符串。 </p><p>它应该接受三个输入参数： </p> <b>字符串</b> <b>分隔符字符</b> <b>转义字符</b> <p>它应该输出一个字符串列表。 </p><p>拆分规则： </p>由分隔符分隔的字段将成为输出列表的元素。应保留空字段，即使在开始和结束时也是如此。 <p>转义规则： </p> “Escaped”意味着出现一个尚未自行转义的转义字符。当转义字符位于没有特殊含义的字符之前时，它仍然被视为转义符（但不会做任何特殊操作）。用于转义某些内容的每次出现的转义字符都不应成为输出的一部分。 <p>证明您的函数满足以下测试用例：给定字符串</p><pre>一个^ | UNO || 3 ^^^^ |四^^^ | ^夸| </pre>和使用<pre> | </pre>作为分隔符和<pre> ^ </pre>作为转义字符，您的函数应输出以下数组： <p></p><pre> [&#39;one | uno&#39;，“，&#39;three ^^&#39;，&#39;four ^ | quatro&#39;，”]
+  </pre></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>tokenize</code>是一个函数。
+    testString: 'assert(typeof tokenize === "function", "<code>tokenize</code> is a function.");'
+  - text: <code>tokenize</code>应该返回一个数组。
+    testString: 'assert(typeof tokenize("a", "b", "c") === "object", "<code>tokenize</code> should return an array.");'
+  - text: '<code>tokenize(&quot;one^|uno||three^^^^|four^^^|^cuatro|&quot;, &quot;|&quot;, &quot;^&quot;)</code>应返回[“one | uno”，“”，“three ^^” ，“四个^ | cuatro”，“”]“）'
+    testString: 'assert.deepEqual(tokenize(testStr1, "|", "^"), res1, "<code>tokenize("one^|uno||three^^^^|four^^^|^cuatro|", "|", "^") </code> should return ["one|uno", "", "three^^", "four^|cuatro", ""]");'
+  - text: '<code>tokenize(&quot;a@&amp;bcd&amp;ef&amp;&amp;@@hi&quot;, &quot;&amp;&quot;, &quot;@&quot;)</code>应返回<code>[&quot;a&amp;bcd&quot;, &quot;ef&quot;, &quot;&quot;, &quot;@hi&quot;]</code>'
+    testString: 'assert.deepEqual(tokenize(testStr2, "&", "@"), res2, "<code>tokenize("a@&bcd&ef&&@@hi", "&", "@")</code> should return <code>["a&bcd", "ef", "", "@hi"]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function tokenize(str, esc, sep) {
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/top-rank-per-group.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/top-rank-per-group.chinese.md
new file mode 100644
index 0000000000..2e7e7ee12b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/top-rank-per-group.chinese.md
@@ -0,0 +1,95 @@
+---
+title: Top rank per group
+id: 595011cba5a81735713873bd
+challengeType: 5
+videoUrl: ''
+localeTitle: 每组排名最高
+---
+
+## Description
+<section id="description">任务： <p>在每个组中查找排名前N位的数据，其中N作为参数提供。等级和组的名称也作为参数提供。 </p>鉴于以下数据： <pre> [
+  {姓名：&#39;Tyler Bennett&#39;，id：&#39;E10297&#39;，薪水：32000，部门：&#39;D101&#39;}，
+  {姓名：&#39;John Rappl&#39;，id：&#39;E21437&#39;，薪水：47000，部门：&#39;D050&#39;}，
+  {姓名：&#39;George Woltman&#39;，id：&#39;E00127&#39;，薪水：53500，部门：&#39;D101&#39;}，
+  {name：&#39;Adam Smith&#39;，id：&#39;E63535&#39;，薪水：18000，部门：&#39;D202&#39;}，
+  {姓名：&#39;Claire Buckman&#39;，id：&#39;E39876&#39;，薪水：27800，部门：&#39;D202&#39;}，
+  {姓名：&#39;David McClellan&#39;，id：&#39;E04242&#39;，薪水：41500，部门：&#39;D101&#39;}，
+  {name：&#39;Rich Holcomb&#39;，id：&#39;E01234&#39;，薪水：49500，dept：&#39;D202&#39;}，
+  {姓名：&#39;Nathan Adams&#39;，id：&#39;E41298&#39;，薪水：21900，部门：&#39;D050&#39;}，
+  {姓名：&#39;Richard Potter&#39;，id：&#39;E43128&#39;，薪水：15900，部门：&#39;D101&#39;}，
+  {姓名：&#39;David Motsinger&#39;，id：&#39;E27002&#39;，薪水：19250，dept：&#39;D202&#39;}，
+  {姓名：&#39;Tim Sampair&#39;，id：&#39;E03033&#39;，薪水：27000，部门：&#39;D101&#39;}，
+  {姓名：&#39;Kim Arlich&#39;，id：&#39;E10001&#39;，薪水：57000，部门：&#39;D190&#39;}，
+  {name：&#39;Timothy Grove&#39;，id：&#39;E16398&#39;，薪水：29900，部门：&#39;D190&#39;}
+]。
+</pre>通过调用<code>topRankPerGroup(10, data, &#39;dept&#39;, &#39;salary&#39;)</code>可以对每个部门的前10名员工进行排名。给出以下数据： <pre> [
+  {name：&#39;Friday 13th&#39;，类型：&#39;恐怖&#39;，评分：9.9}，
+  {姓名：“榆树街上的梦魇”，类型：&#39;恐怖&#39;，等级：5.7}，
+  {name：&#39;Titanic&#39;，类型：&#39;drama&#39;，评分：7.3}，
+  {name：&#39;Maze Runner&#39;，类型：&#39;scifi&#39;，评级：7.1}，
+  {name：&#39;Blade runner&#39;，类型：&#39;scifi&#39;，评分：8.9}
+]。
+</pre>通过调用<code>topRankPerGroup(1, data, &#39;genre&#39;, &#39;rating&#39;)</code>可以在每个类型中对排名最高的电影进行排名</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>topRankPerGroup</code>是一个函数。
+    testString: 'assert(typeof topRankPerGroup === "function", "<code>topRankPerGroup</code> is a function.");'
+  - text: <code>topRankPerGroup</code>在负n值上返回undefined。
+    testString: 'assert(typeof topRankPerGroup(-1, []) === "undefined", "<code>topRankPerGroup</code> returns undefined on negative n values.");'
+  - text: 第一部门必须​​是D050
+    testString: 'assert.equal(res1[0][0].dept, "D050", "First department must be D050");'
+  - text: 第一部门必须​​是D050
+    testString: 'assert.equal(res1[0][1].salary, 21900, "First department must be D050");'
+  - text: 最后一个部门必须是D202
+    testString: 'assert.equal(res1[3][3].dept, "D202", "The last department must be D202");'
+  - text: '<code>topRankPerGroup(1, ...)</code>必须仅返回每组的排名最高的结果。'
+    testString: 'assert.equal(res2[2].length, 1, "<code>topRankPerGroup(1, ...)</code> must return only top ranking result per group.");'
+  - text: '<code>topRankPerGroup(1, ...)</code>必须仅返回每组的排名最高的结果。'
+    testString: 'assert.equal(res3[2][1].name, "Maze Runner", "<code>topRankPerGroup(1, ...)</code> must return only top ranking result per group.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function topRankPerGroup(n, data, groupName, rankName) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/topological-sort.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/topological-sort.chinese.md
new file mode 100644
index 0000000000..ae75ab6451
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/topological-sort.chinese.md
@@ -0,0 +1,84 @@
+---
+title: Topological sort
+id: 594fa2746886f41f7d8bf225
+challengeType: 5
+videoUrl: ''
+localeTitle: 拓扑排序
+---
+
+## Description
+<section id="description"><p>给定项目之间的映射以及它们所依赖的项目， <a href="https://en.wikipedia.org/wiki/Topological sorting" title="wp：拓扑排序">拓扑排序</a>会对项目进行<a href="https://en.wikipedia.org/wiki/Topological sorting" title="wp：拓扑排序">排序</a> ，以使项目不在其所依赖的项目之前。 </p><p>用<a href="https://en.wikipedia.org/wiki/VHDL" title="wp：VHDL">VHDL</a>语言编译库有一个限制，即必须在它依赖的库之后编译库。 </p>任务： <p>编写一个函数，该函数将从其依赖项返回VHDL库的有效编译顺序。 </p>假设库名称是单个单词。仅作为家属提及的项目没有自己的家属，但必须给出他们的编制顺序。任何自我依赖都应该被忽略。应忽略任何不可订购的依赖项。 <p>使用以下数据作为示例： </p><pre>图书馆图书馆依赖
+======= ====================
+des_system_lib std synopsys std_cell_lib des_system_lib dw02 dw01 ramlib ieee
+dw01 ieee dw01 dware gtech
+dw02 ieee dw02 dware
+dw03 std synopsys dware dw03 dw02 dw01 ieee gtech
+dw04 dw04 ieee dw01 dware gtech
+dw05 dw05 ieee dware
+dw06 dw06 ieee dware
+dw07 ieee dware
+dware ieee dware
+gtech ieee gtech
+ramlib std ieee
+std_cell_lib ieee std_cell_lib
+新思
+</pre><p> <small>注意：如果将<code>dw04</code>添加到<code>dw01</code>的依赖项列表中，则上述数据将无法订购。</small> </p> CF卡： <pre> <code>&lt;a href=&quot;http://rosettacode.org/wiki/Topological sort/Extracted top item&quot; title=&quot;Topological sort/Extracted top item&quot;&gt;Topological sort/Extracted top item&lt;/a&gt;.</code> </pre><p>拓扑排序有两种流行的算法： </p><p> Kahn的1962拓扑排序和深度优先搜索： <a href="https://en.wikipedia.org/wiki/Topological sorting" title="wp：拓扑排序">拓扑排序</a> </p><p> Jason Sachs： <a href="http://www.embeddedrelated.com/showarticle/799.php" title="链接：http：//www.embeddedrelated.com/showarticle/799.php">“十个小算法，第四部分：拓扑排序”</a> 。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>topologicalSort</code>是一个函数。
+    testString: 'assert(typeof topologicalSort === "function", "<code>topologicalSort</code> is a function.");'
+  - text: <code>topologicalSort</code>必须返回正确的库顺序..
+    testString: 'assert.deepEqual(topologicalSort(libsSimple), ["bbb", "aaa"], "<code>topologicalSort</code> must return correct library order..");'
+  - text: <code>topologicalSort</code>必须返回正确的库顺序..
+    testString: 'assert.deepEqual(topologicalSort(libsVHDL), solutionVHDL, "<code>topologicalSort</code> must return correct library order..");'
+  - text: <code>topologicalSort</code>必须返回正确的库顺序..
+    testString: 'assert.deepEqual(topologicalSort(libsCustom), solutionCustom, "<code>topologicalSort</code> must return correct library order..");'
+  - text: <code>topologicalSort</code>必须忽略不可共享的依赖项。
+    testString: 'assert.deepEqual(topologicalSort(libsUnorderable), solutionUnorderable, "<code>topologicalSort</code> must ignore unorderable dependencies..");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function topologicalSort(libs) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/towers-of-hanoi.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/towers-of-hanoi.chinese.md
new file mode 100644
index 0000000000..0b9a462e6d
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/towers-of-hanoi.chinese.md
@@ -0,0 +1,69 @@
+---
+title: Towers of Hanoi
+id: 5951ed8945deab770972ae56
+challengeType: 5
+videoUrl: ''
+localeTitle: 河内的塔
+---
+
+## Description
+<section id="description">任务： <p>解决<a href="https://en.wikipedia.org/wiki/Towers_of_Hanoi" title="wp：Towers_of_Hanoi">河内塔</a>问题。 </p><p>您的解决方案应该接受光盘数量作为第一个参数，并使用三个字符串来识别三个光盘堆栈中的每一个，例如<code>towerOfHanoi(4, &#39;A&#39;, &#39;B&#39;, &#39;C&#39;)</code> 。该函数应该返回一个包含移动列表的数组数组，source  - &gt; destination。例如，数组<code>[[&#39;A&#39;, &#39;C&#39;], [&#39;B&#39;, &#39;A&#39;]]</code>表示第一个移动是将光盘从堆栈A移动到C，第二个移动是移动一个从堆栈B到A的光盘</p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>towerOfHanoi</code>是一个功能。
+    testString: 'assert(typeof towerOfHanoi === "function", "<code>towerOfHanoi</code> is a function.");'
+  - text: ''
+    testString: 'assert(res3.length === 7, "<code>towerOfHanoi(3, ...)</code> should return 7 moves.");'
+  - text: '<code>towerOfHanoi(3, &quot;A&quot;, &quot;B&quot;, &quot;C&quot;)</code>应返回[[“A”，“B”]，[“A”，“C”]，[“B”，“C”]，[ “A”， “B”]，[ “C”， “A”]，[ “C”， “B”]，[ “A”， “B”]]“）。'
+    testString: 'assert.deepEqual(towerOfHanoi(3, "A", "B", "C"), res3Moves, "<code>towerOfHanoi(3, "A", "B", "C")</code> should return [["A","B"],["A","C"],["B","C"],["A","B"],["C","A"],["C","B"],["A","B"]].");'
+  - text: '<code>towerOfHanoi(5, &quot;X&quot;, &quot;Y&quot;, &quot;Z&quot;)</code>第10 <code>towerOfHanoi(5, &quot;X&quot;, &quot;Y&quot;, &quot;Z&quot;)</code>应为Y  - &gt; X.'
+    testString: 'assert.deepEqual(res5[9], ["Y", "X"], "<code>towerOfHanoi(5, "X", "Y", "Z")</code> 10th move should be Y -> X.");'
+  - text: '<code>towerOfHanoi(7, &quot;A&quot;, &quot;B&quot;, &quot;C&quot;)</code>前十个动作是[[“A”，“B”]，[“A”，“C”]，[“B”，“C”] [ “A”， “B”]，[ “C”， “A”]，[ “C”， “B”]，[ “A”， “B”]，[ “A”， “C”] [ “B”， “C”]，[ “B”， “A”]]“）。'
+    testString: 'assert.deepEqual(towerOfHanoi(7, "A", "B", "C").slice(0, 10), res7First10Moves, "<code>towerOfHanoi(7, "A", "B", "C")</code> first ten moves are [["A","B"],["A","C"],["B","C"],["A","B"],["C","A"],["C","B"],["A","B"],["A","C"],["B","C"],["B","A"]].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function towerOfHanoi (n, a, b, c) {
+  // Good luck!
+  return [[]];
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/vector-cross-product.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/vector-cross-product.chinese.md
new file mode 100644
index 0000000000..8194489846
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/vector-cross-product.chinese.md
@@ -0,0 +1,64 @@
+---
+title: Vector cross product
+id: 594810f028c0303b75339ad2
+challengeType: 5
+videoUrl: ''
+localeTitle: 矢量交叉产品
+---
+
+## Description
+<section id="description">矢量被定义为具有三个维度，由三个数字的有序集合表示：（X，Y，Z）。 <p>任务： </p><pre> <code>Write a function that takes two vectors (arrays) as input and computes their cross product.</code> </pre><p>您的函数应在无效输入（即不同长度的向量）上返回<code>null</code> 。 </p><p></p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: dotProduct必须是一个函数
+    testString: 'assert.equal(typeof crossProduct, "function", "dotProduct must be a function");'
+  - text: dotProduct（）必须返回null
+    testString: 'assert.equal(crossProduct(), null, "dotProduct() must return null");'
+  - text: 'crossProduct（[1,2,3]，[4,5,6]）必须返回[-3,6，-3]。'
+    testString: 'assert.deepEqual(res12, exp12, "crossProduct([1, 2, 3], [4, 5, 6]) must return [-3, 6, -3].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function crossProduct() {
+    // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/vector-dot-product.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/vector-dot-product.chinese.md
new file mode 100644
index 0000000000..d126f2ef48
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/vector-dot-product.chinese.md
@@ -0,0 +1,62 @@
+---
+title: Vector dot product
+id: 594810f028c0303b75339ad3
+challengeType: 5
+videoUrl: ''
+localeTitle: 矢量点积
+---
+
+## Description
+<section id="description"><p>矢量被定义为具有三个维度，由三个数字的有序集合表示：（X，Y，Z）。 </p><p>任务： </p><pre> <code>Write a function that takes any numbers of vectors (arrays) as input and computes their dot product.</code> </pre><p>您的函数应在无效输入（即不同长度的向量）上返回<code>null</code> 。 </p><p></p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: dotProduct必须是一个函数
+    testString: 'assert.equal(typeof dotProduct, "function", "dotProduct must be a function");'
+  - text: dotProduct（）必须返回null
+    testString: 'assert.equal(dotProduct(), null, "dotProduct() must return null");'
+  - text: 'dotProduct（[[1]，[1]]）必须返回1。'
+    testString: 'assert.equal(dotProduct([1], [1]), 1, "dotProduct([[1], [1]]) must return 1.");'
+  - text: 'dotProduct（[[1]，[1,2]]）必须返回null。'
+    testString: 'assert.equal(dotProduct([1], [1, 2]), null, "dotProduct([[1], [1, 2]]) must return null.");'
+  - text: 'dotProduct（[1,3，-5]，[4，-2，-1]）必须返回3。'
+    testString: 'assert.equal(dotProduct([1, 3, -5], [4, -2, -1]), 3, "dotProduct([1, 3, -5], [4, -2, -1]) must return 3.");'
+  - text: <code>dotProduct(...nVectors)</code>应该返回<code>dotProduct(...nVectors)</code>
+    testString: 'assert.equal(dotProduct([ 0, 1, 2, 3, 4 ], [ 0, 2, 4, 6, 8 ], [ 0, 3, 6, 9, 12 ], [ 0, 4, 8, 12, 16 ], [ 0, 5, 10, 15, 20 ]), 156000, "<code>dotProduct(...nVectors)</code> should return 156000");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function dotProduct() {
+    // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/word-wrap.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/word-wrap.chinese.md
new file mode 100644
index 0000000000..55f6c97b9a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/word-wrap.chinese.md
@@ -0,0 +1,78 @@
+---
+title: Word wrap
+id: 594810f028c0303b75339ad4
+challengeType: 5
+videoUrl: ''
+localeTitle: 自动换行
+---
+
+## Description
+<section id="description"><p>即使在今天，使用比例字体和复杂布局，仍然存在需要在指定列处包装文本的情况。基本任务是以简单的方式包装一段文本。示例文字： </p><pre>使用更复杂的算法（如Knuth和Plass TeX算法）包装文本。
+如果您的语言提供此功能，您可以获得额外的信用，
+但你“必须参考文档”表明该算法
+比简单的最小长度算法更好。
+</pre><p>任务： </p><pre> <code>Write a function that can wrap this text to any number of characters.</code> </pre><p>例如，包装为80个字符的文本应如下所示： </p><p></p><pre>使用更复杂的算法（如Knuth和Plass TeX）包装文本
+算法。如果您的语言提供此功能，您可以轻松获得额外的功劳
+必须参考文档，表明该算法更好
+而不是简单的最小长度算法。
+</pre></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.equal(typeof wrap, "function", "wrap must be a function.");'
+  - text: ''
+    testString: 'assert.equal(typeof wrap("abc", 10), "string", "wrap must return a string.");'
+  - text: wrap（80）必须返回4行。
+    testString: 'assert(wrapped80.split("\n").length === 4, "wrap(80) must return 4 lines.");'
+  - text: 你的<code>wrap</code>函数应该返回我们期望的文本
+    testString: 'assert.equal(wrapped80.split("\n")[0], firstRow80, "Your <code>wrap</code> function should return our expected text");'
+  - text: wrap（42）必须返回7行。
+    testString: 'assert(wrapped42.split("\n").length === 7, "wrap(42) must return 7 lines.");'
+  - text: 你的<code>wrap</code>函数应该返回我们期望的文本
+    testString: 'assert.equal(wrapped42.split("\n")[0], firstRow42, "Your <code>wrap</code> function should return our expected text");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function wrap (text, limit) {
+  return text;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/y-combinator.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/y-combinator.chinese.md
new file mode 100644
index 0000000000..1f88485f01
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/y-combinator.chinese.md
@@ -0,0 +1,78 @@
+---
+title: Y combinator
+id: 594810f028c0303b75339ad5
+challengeType: 5
+videoUrl: ''
+localeTitle: 和组合
+---
+
+## Description
+<section id="description"><p>在严格的<a href="https://en.wikipedia.org/wiki/Functional programming" title="wp：函数式编程">函数编程</a>和<a href="https://en.wikipedia.org/wiki/lambda calculus" title="wp：lambda演算">lambda演算中</a> ，函数（lambda表达式）没有状态，只允许引用封闭函数的参数。这排除了递归函数的通常定义，其中函数与变量的状态相关联，并且该变量的状态在函数体中使用。 </p><p> <a href="http://mvanier.livejournal.com/2897.html">Y组合</a>器本身是一个无状态函数，当应用于另一个无状态函数时，它返回函数的递归版本。 Y组合器是这类函数中最简单的一种，称为<a href="https://en.wikipedia.org/wiki/Fixed-point combinator" title="wp：定点组合器">定点组合器</a> 。 </p>任务： <pre> <code>Define the stateless Y combinator function and use it to compute &lt;a href=&quot;https://en.wikipedia.org/wiki/Factorial&quot; title=&quot;wp: factorial&quot;&gt;factorial&lt;/a&gt;.</code> </pre><p> <code>factorial(N)</code>功能已经给你了。另见<a href="http://vimeo.com/45140590">Jim Weirich：功能编程中的冒险</a> 。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Y必须返回一个函数
+    testString: 'assert.equal(typeof Y(f => n => n), "function", "Y must return a function");'
+  - text: factorial（1）必须返回1。
+    testString: 'assert.equal(factorial(1), 1, "factorial(1) must return 1.");'
+  - text: factorial（2）必须返回2。
+    testString: 'assert.equal(factorial(2), 2, "factorial(2) must return 2.");'
+  - text: factorial（3）必须返回6。
+    testString: 'assert.equal(factorial(3), 6, "factorial(3) must return 6.");'
+  - text: factorial（4）必须返回24。
+    testString: 'assert.equal(factorial(4), 24, "factorial(4) must return 24.");'
+  - text: factorial（10）必须返回3628800。
+    testString: 'assert.equal(factorial(10), 3628800, "factorial(10) must return 3628800.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Y(f) {
+  return function() {
+  // Good luck!
+  };
+}
+
+var factorial = Y(function(f) {
+  return function (n) {
+    return n > 1 ? n * f(n - 1) : 1;
+  };
+});
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/zeckendorf-number-representation.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/zeckendorf-number-representation.chinese.md
new file mode 100644
index 0000000000..b398b79d7a
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/zeckendorf-number-representation.chinese.md
@@ -0,0 +1,62 @@
+---
+title: Zeckendorf number representation
+id: 594810f028c0303b75339ad6
+challengeType: 5
+videoUrl: ''
+localeTitle: 勾选村号码表示
+---
+
+## Description
+<section id="description"><p>正如数字可以用位置表示法表示为十（十进制）或二（二进制）的幂的倍数之和;所有正整数都可以表示为Fibonacci系列的不同成员的一次或零次的总和。 </p><p>回想一下，第一六个不同斐波那契数是： <code>1, 2, 3, 5, 8, 13</code> 。十进制数11可以用位置表示法写成<code>0*13 + 1*8 + 0*5 + 1*3 + 0*2 + 0*1</code>或<code>010100</code> ，其中列表示乘以序列的特定成员。前导零被丢弃，因此十进制11变为<code>10100</code> 。 </p><p> 10100不是从斐波那契数字中得到11的唯一方法，但是<code>0*13 + 1*8 + 0*5 + 0*3 + 1*2 + 1*1</code>或010011也代表十进制11。对于真正的Zeckendorf数字还有一个额外的限制，即“不能使用两个连续的Fibonacci数”，这导致了前一个独特的解决方案。 </p><p>任务：编写一个函数，按顺序生成并返回前N个Zeckendorf数的数组。 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: zeckendorf必须是功能
+    testString: 'assert.equal(typeof zeckendorf, "function", "zeckendorf must be function");'
+  - text: 你的<code>zeckendorf</code>函数应该返回正确的答案
+    testString: 'assert.deepEqual(answer, solution20, "Your <code>zeckendorf</code> function should return the correct answer");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function zeckendorf(n) {
+  // good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/zhang-suen-thinning-algorithm.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/zhang-suen-thinning-algorithm.chinese.md
new file mode 100644
index 0000000000..c552be27e3
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/zhang-suen-thinning-algorithm.chinese.md
@@ -0,0 +1,136 @@
+---
+title: Zhang-Suen thinning algorithm
+id: 594810f028c0303b75339ad7
+challengeType: 5
+videoUrl: ''
+localeTitle: 张素细化算法
+---
+
+## Description
+<section id="description">这是用于稀释黑白的算法，即每像素一位图像。例如，输入图像为： <pre> ##############################
+ ##################################
+ #####################################
+ ##################################
+   ###### ####### ####### ######
+   ###### ####### #######
+   ########################
+   #######################
+   ########################
+   ###### ####### #######
+   ###### ####### #######
+   ###### ####### ####### ######
+ ##################################
+ ######## #####################################
+ ######## ###################################
+ ######## ####### ###### ###################
+                                                           </pre>它产生稀疏的输出： <pre>
+<pre> <code># ########## ####### ## # #### # # # ## # # # # # # # # # ############ # # # # # # # # # # # # # # ## # ############ ### ### &lt;/pre&gt;</code> </pre>
+<h2>算法</h2>
+假设黑色像素是一个并且白色像素为零，并且输入图像是矩形N乘M的1和0阵列。
+该算法对可以具有八个邻居的所有黑色像素P1进行操作。邻居按顺序安排为：
+<table border="1">
+  <tbody><tr><td> P9 </td><td> P2 </td><td> P3 </td></tr>
+  <tr><td> P8 </td><td> <b>P1</b> </td><td> P4 </td></tr>
+  <tr><td> P7 </td><td> P6 </td><td> P5 </td></tr>
+</tbody></table>
+显然，图像的边界像素不能具有完整的八个邻居。
+<pre> <code>Define $A(P1)$ = the number of transitions from white to black, (0 -&gt; 1) in the sequence P2,P3,P4,P5,P6,P7,P8,P9,P2. (Note the extra P2 at the end - it is circular). Define $B(P1)$ = the number of black pixel neighbours of P1. ( = sum(P2 .. P9) )</code> </pre>
+<h3>步骤1： </h3>
+测试所有像素，并且在此阶段仅注意满足以下所有条件（同时）的像素。
+  （0）像素是黑色的，有八个邻居
+  （1）$ 2 &lt;= B（P1）&lt;= 6 $
+  （2）$ A（P1）= 1 $
+  （3）P2和P4和P6中的至少一个是白色
+  （4）P4和P6和P8中的至少一个是白色
+在迭代图像并收集满足所有步骤1条件的所有像​​素之后，将满足像素的所有这些条件设置为白色。
+<h3>第2步： </h3>
+再次测试所有像素，并且在此阶段仅注意满足以下所有条件的像素。
+  （0）像素是黑色的，有八个邻居
+  （1）$ 2 &lt;= B（P1）&lt;= 6 $
+  （2）$ A（P1）= 1 $
+  （3）P2和P4中的至少一个和“&#39;P8”&#39;是白色的
+  （4）“&#39;P2”&#39;和P6和P8中的至少一个是白色
+在迭代图像并收集满足所有步骤2条件的所有像​​素之后，将满足像素的所有这些条件再次设置为白色。
+迭代：
+如果在该轮步骤1或步骤2中设置了任何像素，则重复所有步骤直到没有图像像素如此改变。
+<p>
+任务：
+编写一个例程，在1和0的图像矩阵上执行Zhang-Suen细化。
+</p>
+</pre></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>thinImage</code>必须是一个函数
+    testString: 'assert.equal(typeof thinImage, "function", "<code>thinImage</code> must be a function");'
+  - text: <code>thinImage</code>必须返回一个数组
+    testString: 'assert(Array.isArray(result), "<code>thinImage</code> must return an array");'
+  - text: <code>thinImage</code>必须返回一个字符串数组
+    testString: 'assert.equal(typeof result[0], "string", "<code>thinImage</code> must return an array of strings");'
+  - text: <code>thinImage</code>必须返回一个字符串数组
+    testString: 'assert.deepEqual(result, expected, "<code>thinImage</code> must return an array of strings");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const testImage = [
+  '                                                          ',
+  ' #################                   #############        ',
+  ' ##################               ################        ',
+  ' ###################            ##################        ',
+  ' ########     #######          ###################        ',
+  '   ######     #######         #######       ######        ',
+  '   ######     #######        #######                      ',
+  '   #################         #######                      ',
+  '   ################          #######                      ',
+  '   #################         #######                      ',
+  '   ######     #######        #######                      ',
+  '   ######     #######        #######                      ',
+  '   ######     #######         #######       ######        ',
+  ' ########     #######          ###################        ',
+  ' ########     ####### ######    ################## ###### ',
+  ' ########     ####### ######      ################ ###### ',
+  ' ########     ####### ######         ############# ###### ',
+  '                                                          '];
+
+function thinImage(image) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/zig-zag-matrix.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/zig-zag-matrix.chinese.md
new file mode 100644
index 0000000000..56a2ace292
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/rosetta-code/zig-zag-matrix.chinese.md
@@ -0,0 +1,76 @@
+---
+title: Zig-zag matrix
+id: 594810f028c0303b75339ad8
+challengeType: 5
+videoUrl: ''
+localeTitle: 之字形矩阵
+---
+
+## Description
+<section id="description"> “zig-zag”数组是第一个$ N ^ 2 $整数的正方形排列，当数组沿着数组的<a href="https://en.wiktionary.org/wiki/antidiagonal">反对角线</a>曲折时，数字会逐渐增加。例如，给定“&#39;5”&#39;，产生这个数组： <pre> 0 1 5 6 14
+ 2 4 7 13 15
+ 3 8 12 16 21
+ 9 11 17 20 22
+10 18 19 23 24
+</pre>编写一个采用Z字形矩阵大小的函数，并将相应的矩阵作为二维数组返回。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ZigZagMatrix必须是一个功能
+    testString: 'assert.equal(typeof ZigZagMatrix, "function", "ZigZagMatrix must be a function");'
+  - text: ZigZagMatrix应该返回数组
+    testString: 'assert.equal(typeof ZigZagMatrix(1), "object", "ZigZagMatrix should return array");'
+  - text: ZigZagMatrix应该返回一个nestes数组的数组
+    testString: 'assert.equal(typeof ZigZagMatrix(1)[0], "object", "ZigZagMatrix should return an array of nestes arrays");'
+  - text: 'ZigZagMatrix（1）应返回[[0]]'
+    testString: 'assert.deepEqual(ZigZagMatrix(1), zm1, "ZigZagMatrix(1) should return [[0]]");'
+  - text: 'ZigZagMatrix（2）应返回[[0,1]，[2,3]]'
+    testString: 'assert.deepEqual(ZigZagMatrix(2), zm2, "ZigZagMatrix(2) should return [[0, 1], [2, 3]]");'
+  - text: ZigZagMatrix（5）必须返回指定的矩阵
+    testString: 'assert.deepEqual(ZigZagMatrix(5), zm5, "ZigZagMatrix(5) must return specified matrix");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function ZigZagMatrix(n) {
+  // Good luck!
+  return [[], []];
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.chinese.md
new file mode 100644
index 0000000000..144e073296
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7156d8c242eddfaeb5bd13
+title: Build a Camper Leaderboard
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: 建立一个露营者排行榜
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/eZGMjp/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/eZGMjp/</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以看到freeCodeCamp露营者的表格，他们在过去30天内获得了最多的布朗尼积分。 <strong>用户故事：</strong>我可以看到他们在过去30天内获得了多少布朗尼积分，以及他们获得了多少积分。 <strong>用户故事：</strong>我可以根据他们在过去30天内获得的布朗尼点数和他们总共获得的布朗尼点数来对列表进行排序。 <strong>提示：</strong>要获得过去30天的前100名营员： <a href="https://fcctop100.herokuapp.com/api/fccusers/top/recent" target="_blank">https</a> ： <a href="https://fcctop100.herokuapp.com/api/fccusers/top/recent" target="_blank">//fcctop100.herokuapp.com/api/fccusers/top/recent</a> 。 <strong>提示：</strong>要获得有史以来前100名的露营者： <a href="https://fcctop100.herokuapp.com/api/fccusers/top/alltime" target="_blank">https</a> ： <a href="https://fcctop100.herokuapp.com/api/fccusers/top/alltime" target="_blank">//fcctop100.herokuapp.com/api/fccusers/top/alltime</a> 。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-light-bright-app.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-light-bright-app.chinese.md
new file mode 100644
index 0000000000..5b3b40452b
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-light-bright-app.chinese.md
@@ -0,0 +1,38 @@
+---
+id: 5a5d02bd919fcf9ca8cf46cb
+title: Build a Light-Bright App
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: 构建一个明亮的应用程序
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/eyLYXE" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/eyLYXE</a> 。 <strong>规则＃1：</strong>不要查看示例项目的代码。自己搞清楚。 <strong>规则＃2：</strong>完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以单击或拖动鼠标光标为圆圈着色。 <strong>用户故事：</strong>我可以双击彩色圆圈去除颜色。 <strong>用户故事：</strong>我可以点击彩色圆圈来改变它的颜色。 <strong>用户故事：</strong>每次点击我都会得到一个不同颜色的圆圈。 <strong>用户故事：</strong>我可以点击“重置”按钮删除最近的颜色。 <strong>用户故事：</strong>我可以单击“全部重置”按钮删除圆圈中的所有颜色。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.chinese.md
new file mode 100644
index 0000000000..6ade3d4651
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c443eddfaeb5bdff
+title: Build a Nightlife Coordination App
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: 建立夜生活协调应用程序
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的完整堆栈JavaScript应用程序： <a href="http://whatsgoinontonight.herokuapp.com/" target="_blank">http</a> ： <a href="http://whatsgoinontonight.herokuapp.com/" target="_blank">//whatsgoinontonight.herokuapp.com/</a>并将其部署到Heroku。请注意，对于每个项目，您应该创建一个新的GitHub存储库和一个新的Heroku项目。如果您不记得如何执行此操作，请重新访问<a href="/challenges/get-set-for-our-dynamic-web-application-projects">https://freecodecamp.com/challenges/get-set-for-our-dynamic-web-application-projects</a> 。以下是您应为此项目实施的特定用户故事： <strong>用户故事：</strong>作为未经身份验证的用户，我可以查看我所在区域的所有条形图。 <strong>用户故事：</strong>作为一名经过身份验证的用户，我可以将自己添加到一个栏中，以表明我今晚要去那里。 <strong>用户故事：</strong>作为一名经过身份验证的用户，如果我不想再去那里，我可以将自己从酒吧中删除。 <strong>用户故事：</strong>作为未经身份验证的用户，当我登录时，我不应该再次搜索。 <strong>提示：</strong>尝试使用<a href="https://www.yelp.com/developers/documentation/v2/overview" target="_blank">Yelp API</a>查找用户搜索的城市中的场地。如果您使用Yelp的API，请务必在您的应用中提及。完成这些用户故事的实现后，单击“我已完成此挑战”按钮，然后输入GitHub存储库和在Heroku上运行的实时应用程序的URL。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-pinterest-clone.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-pinterest-clone.chinese.md
new file mode 100644
index 0000000000..add005f929
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-pinterest-clone.chinese.md
@@ -0,0 +1,37 @@
+---
+id: bd7158d8c443eddfaeb5bdee
+title: Build a Pinterest Clone
+challengeType: 4
+videoUrl: ''
+localeTitle: 建立一个Pinterest克隆
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://glitch.com" target="_blank">Glitch</a>应用程序： <a href="https://wild-song.glitch.me/" target="_blank">https</a> ： <a href="https://wild-song.glitch.me/" target="_blank">//wild-song.glitch.me</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>作为未经身份验证的用户，我可以使用GitHub登录。 <strong>用户故事：</strong>作为经过身份验证的用户，我可以链接到图像。 <strong>用户故事：</strong>作为经过身份验证的用户，我可以删除已链接到的图像。 <strong>用户故事：</strong>作为一个经过身份验证的用户，我可以看到我所链接的所有图像的Pinterest风格的墙。 <strong>用户故事：</strong>作为未经身份验证的用户，我可以浏览其他用户的图像墙。 <strong>用户故事：</strong>作为经过身份验证的用户，如果我上传的图片已损坏，则会被占位符图片替换。 （可以使用jQuery破碎图像检测） <strong>提示：</strong> <a href="http://masonry.desandro.com/" target="_blank">Masonry.js</a>是一个允许Pinterest风格图像网格的库。完成这些用户故事的实现后，单击“我已完成此挑战”按钮，然后输入GitHub存储库和在Heroku上运行的实时应用程序的URL。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-pong-game.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-pong-game.chinese.md
new file mode 100644
index 0000000000..cad46eabef
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-pong-game.chinese.md
@@ -0,0 +1,38 @@
+---
+id: 5a4b7fcdb66f799f199e11db
+title: Build a Pong Game
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: 建立乒乓球比赛
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/satyamdev/full/pdMmBp" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/satyamdev/full/pdMmBp</a> 。 <strong>规则＃1：</strong>不要查看示例项目的代码。自己搞清楚。 <strong>规则＃2：</strong>完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以控制一个球拍。 <strong>用户故事：</strong>计算机可以控制另一个拨片。 <strong>用户故事：</strong>计算机的桨是无与伦比的。它绝不应该错过球。 <strong>用户故事：</strong>游戏记录玩家和计算机的分数。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-recipe-box.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-recipe-box.chinese.md
new file mode 100644
index 0000000000..25e1374e40
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-recipe-box.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7155d8c242eddfaeb5bd13
+title: Build a Recipe Box
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: 建立配方盒
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/dNVazZ/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/dNVazZ/</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以创建具有名称和成分的食谱。 <strong>用户故事：</strong>我可以看到一个索引视图，其中所有配方的名称都是可见的。 <strong>用户故事：</strong>我可以点击任何这些食谱来查看它。 <strong>用户故事：</strong>我可以编辑这些食谱。 <strong>用户故事：</strong>我可以删除这些食谱。 <strong>用户故事：</strong>我添加的所有新食谱都保存在浏览器的本地存储中。如果我刷新页面，这些配方仍然会在那里。 <strong>提示：</strong>您应该在CodePen上为本地存储密钥添加前缀，即<code>_username_recipes</code>如果卡住，请记住使用<a href="//github.com/FreeCodeCamp/freecodecamp/wiki/FreeCodeCamp-Get-Help" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.chinese.md
new file mode 100644
index 0000000000..463700bf3c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7153d8c242eddfaeb5bd13
+title: Build a Roguelike Dungeon Crawler Game
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: 建立一个Roguelike Dungeon Crawler游戏
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/apLXEJ/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/apLXEJ/</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我有健康，水平和武器。我可以拿起更好的武器。我可以拿起健康食品。 <strong>用户故事：</strong>地图上的所有物品和敌人都是随机排列的。 <strong>用户故事：</strong>我可以在整个地图中移动，发现项目。 <strong>用户故事：</strong>我可以在地图边界内的任何地方移动，但是在我击败它之前我无法穿越敌人。 <strong>用户故事：</strong>大部分地图都是隐藏的。当我迈出一步时，所有与我在一定数量空间内的空间都会被揭示出来。 <strong>用户故事：</strong>当我击败敌人时，敌人消失，我得到了XP，最终提高了我的等级。 <strong>用户故事：</strong>当我与敌人作战时，我们会轮流造成伤害，直到我们其中一人失败为止。我根据自己的等级和武器造成伤害。敌人根据其等级造成伤害。损伤在一定范围内有些随机。 <strong>用户故事：</strong>当我找到并击败老板时，我赢了。 <strong>用户故事：</strong>游戏应该具有挑战性，但理论上可以获胜。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-simon-game.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-simon-game.chinese.md
new file mode 100644
index 0000000000..044fab33fd
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-simon-game.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd1c
+title: Build a Simon Game
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: 建立一个西蒙游戏
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/Em-Ant/full/QbRyqq/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/obYBjE</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我看到一系列随机按钮。 <strong>用户故事：</strong>每当我正确输入一系列按钮时，我会看到同一系列的按钮按下，但还有一个额外的步骤。 <strong>用户故事：</strong>当按下一系列按钮时，以及当我亲自按下按钮时，我都会听到与每个按钮相对应的声音。 <strong>用户故事：</strong>如果我按下了错误的按钮，我会收到通知，告知我已经这样做了，然后再按一系列按钮开始提醒我模式，这样我就可以再试一次。 <strong>用户故事：</strong>我可以看到当前按钮按下的步数。 <strong>用户故事：</strong>如果我想重新启动，我可以点击一个按钮来执行此操作，游戏将返回一个步骤。 <strong>用户故事：</strong>我可以在严格的模式下玩，如果我按下按钮错误，它会通知我我已经这样做了，并且游戏重新开始按下一系列按钮。 <strong>用户故事：</strong>我可以通过一系列正确的20个步骤来赢得游戏。我被告知我的胜利，然后比赛重新开始。 <strong>提示：</strong>在这里<strong>，</strong>您可以使用每个按钮的MP3： <code>https://s3.amazonaws.com/freecodecamp/simonSound1.mp3</code> ， <code>https://s3.amazonaws.com/freecodecamp/simonSound2.mp3</code> ， <code>https://s3.amazonaws.com/freecodecamp/simonSound3.mp3</code> ， <code>https://s3.amazonaws.com/freecodecamp/simonSound4.mp3</code> 。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.chinese.md
new file mode 100644
index 0000000000..35711ddf93
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eedfaeb5bd1c
+title: Build a Tic Tac Toe Game
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: 建立一个Tic Tac Toe游戏
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/KzXQgy/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/KzXQgy/</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以用电脑玩Tic Tac Toe游戏。 <strong>用户故事：</strong>我的游戏一旦结束就会重置，所以我可以再玩一次。 <strong>用户故事：</strong>我可以选择是否要播放为X或O.如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-voting-app.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-voting-app.chinese.md
new file mode 100644
index 0000000000..c1a9878308
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-voting-app.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c443eddfaeb5bdef
+title: Build a Voting App
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: 建立一个投票应用程序
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的完整堆栈JavaScript应用程序： <a href="https://fcc-voting-arthow4n.herokuapp.com/" target="_blank">https</a> ： <a href="https://fcc-voting-arthow4n.herokuapp.com/" target="_blank">//fcc-voting-arthow4n.herokuapp.com/</a>并将其部署到Heroku。请注意，对于每个项目，您应该创建一个新的GitHub存储库和一个新的Heroku项目。如果您不记得如何执行此操作，请重新访问<a href="/challenges/get-set-for-our-dynamic-web-application-projects">https://freecodecamp.com/challenges/get-set-for-our-dynamic-web-application-projects</a> 。以下是您应该为此项目实现的特定用户故事： <strong>用户故事：</strong>作为经过身份验证的用户，我可以保留我的民意调查，然后再回来访问它们。 <strong>用户故事：</strong>作为经过身份验证的用户，我可以与朋友分享我的民意调查。 <strong>用户故事：</strong>作为经过身份验证的用户，我可以看到我的民意调查的汇总结果。 <strong>用户故事：</strong>作为经过身份验证的用户，我可以删除我认为不再需要的民意调查。 <strong>用户故事：</strong>作为经过身份验证的用户，我可以创建包含任意数量项目的民意调查。 <strong>用户故事：</strong>作为未经身份验证或经过身份验证的用户，我可以查看并对每个人的民意调查进行投票。 <strong>用户故事：</strong>作为未经身份验证或经过身份验证的用户，我可以以图表形式查看民意调查的结果。 （这可以使用Chart.js或Google Charts实现。） <strong>用户故事：</strong>作为经过身份验证的用户，如果我不喜欢民意调查中的选项，我可以创建一个新选项。完成这些用户故事的实现后，单击“我已完成此挑战”按钮，然后输入GitHub存储库和在Heroku上运行的实时应用程序的URL。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.chinese.md
new file mode 100644
index 0000000000..8e36d3201f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd19
+title: Build a Wikipedia Viewer
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: 构建Wikipedia查看器
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/wGqEga/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/wGqEga/</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以在搜索框中搜索维基百科条目，并查看生成的维基百科条目。 <strong>用户故事：</strong>我可以单击按钮查看随机的Wikipedia条目。 <span class="text-info">提示＃1：</span>这是一个可用于获取随机维基百科文章的URL： <code>https://en.wikipedia.org/wiki/Special:Random</code> ： <code>https://en.wikipedia.org/wiki/Special:Random</code> :Random。 <span class="text-info">提示＃2：</span>这是使用维基百科API的条目： <code>https://www.mediawiki.org/wiki/API:Main_page</code> ： <code>https://www.mediawiki.org/wiki/API:Main_page</code> ： <code>https://www.mediawiki.org/wiki/API:Main_page</code> 。 <span class="text-info">提示＃3：</span>使用此<a href="https://en.wikipedia.org/wiki/Special:ApiSandbox#action=query&#x26;titles=Main%20Page&#x26;prop=revisions&#x26;rvprop=content&#x26;format=jsonfm" target="_blank">链接</a>试验维基百科的API。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-an-image-search-abstraction-layer.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-an-image-search-abstraction-layer.chinese.md
new file mode 100644
index 0000000000..1eae3ecc6c
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-an-image-search-abstraction-layer.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c443edefaeb5bdee
+title: Build an Image Search Abstraction Layer
+isRequired: true
+challengeType: 4
+videoUrl: ''
+localeTitle: 构建图像搜索抽象层
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个完整的堆栈JavaScript应用程序，允许您搜索如下图像： <a href="https://cryptic-ridge-9197.herokuapp.com/api/imagesearch/lolcats%20funny?offset=10" target="_blank">https</a> ： <a href="https://cryptic-ridge-9197.herokuapp.com/api/imagesearch/lolcats%20funny?offset=10" target="_blank">//cryptic-ridge-9197.herokuapp.com/api/imagesearch/lolcats%20funny？offset = 10</a>并浏览此类最近的搜索查询： <a href="https://cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/" target="_blank">https</a> ： <a href="https://cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/" target="_blank">//cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/</a> 。然后将其部署到Glitch。请注意，对于每个项目，您应该创建一个新的GitHub存储库和一个新的Glitch项目。如果您不记得如何执行此操作，请重新访问<a href="/challenges/get-set-for-our-api-development-projects">https://freecodecamp.org/challenges/get-set-for-our-api-development-projects</a> 。以下是您应该为此项目实现的特定用户故事： <strong>用户故事：</strong>我可以获取与给定搜索字符串相关的一组图像的图像URL，替代文本和页面URL。 <strong>用户故事：</strong>我可以通过在URL中添加？offset = 2参数来对响应进行分页。 <strong>用户故事：</strong>我可以获得最近提交的搜索字符串列表。完成这些用户故事的实现后，单击“我已完成此挑战”按钮，然后输入GitHub存储库和在Glitch上运行的实时应用程序的URL。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-the-game-of-life.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-the-game-of-life.chinese.md
new file mode 100644
index 0000000000..230d7adc4e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/build-the-game-of-life.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7154d8c242eddfaeb5bd13
+title: Build the Game of Life
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: 打造生命游戏
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/BpwMZv/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/BpwMZv/</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>当我第一次到达游戏时，它将随机生成一个棋盘并开始播放。 <strong>用户故事：</strong>我可以开始和停止董事会。 <strong>用户故事：</strong>我可以设置电路板。 <strong>用户故事：</strong>我可以清除董事会。 <strong>用户故事：</strong>当我按下开始时，游戏将播出。 <strong>用户故事：</strong>每次董事会改变，我都能看到已经过了多少代。 <strong>提示：</strong>以下是对Conway的生命游戏的解释，来自John Conway本人： <a href="https://www.youtube.com/watch?v=E8kUJL04ELA" target="_blank">https</a> ： <a href="https://www.youtube.com/watch?v=E8kUJL04ELA" target="_blank">//www.youtube.com/watch？v =</a> <strong>E8kUJL04ELA提示：</strong>这里是Conway生命游戏的概述，规则供您参考： <a href="https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life" target="_blank">https：// en.wikipedia.org/wiki/Conway%27s_Game_of_Life</a>如果卡住，请记得使用<a href="//github.com/FreeCodeCamp/freecodecamp/wiki/FreeCodeCamp-Get-Help" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/chart-the-stock-market.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/chart-the-stock-market.chinese.md
new file mode 100644
index 0000000000..342ecb485e
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/chart-the-stock-market.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c443eddfaeb5bd0e
+title: Chart the Stock Market
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: 图表股市
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的完整堆栈JavaScript应用程序： <a href="http://watchstocks.herokuapp.com/" target="_blank">http</a> ： <a href="http://watchstocks.herokuapp.com/" target="_blank">//watchstocks.herokuapp.com/</a>并将其部署到Heroku。请注意，对于每个项目，您应该创建一个新的GitHub存储库和一个新的Heroku项目。如果您不记得如何执行此操作，请重新访问<a href="/challenges/get-set-for-our-dynamic-web-application-projects">https://freecodecamp.com/challenges/get-set-for-our-dynamic-web-application-projects</a> 。以下是您应为此项目实施的特定用户故事： <strong>用户故事：</strong>我可以查看显示每个添加的股票的最近趋势线的图表。 <strong>用户故事：</strong>我可以按符号名称添加新股票。 <strong>用户故事：</strong>我可以删除股票。 <strong>用户故事：</strong>当任何其他用户添加或删除股票时，我可以实时看到变化。为此，您需要使用Web套接字。完成这些用户故事的实现后，单击“我已完成此挑战”按钮，然后输入GitHub存储库和在Heroku上运行的实时应用程序的URL。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/manage-a-book-trading-club.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/manage-a-book-trading-club.chinese.md
new file mode 100644
index 0000000000..6fd584c9f3
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/manage-a-book-trading-club.chinese.md
@@ -0,0 +1,37 @@
+---
+id: bd7158d8c443eddfaeb5bd0f
+title: Manage a Book Trading Club
+challengeType: 4
+videoUrl: ''
+localeTitle: 管理图书交易俱乐部
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://glitch.com" target="_blank">Glitch</a>应用程序： <a href="https://chrome-delivery.glitch.me/ /" target="_blank">https</a> ： <a href="https://chrome-delivery.glitch.me/ /" target="_blank">//chrome-delivery.glitch.me</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以查看每个用户发布的所有图书。 <strong>用户故事：</strong>我可以添加一本新书。 <strong>用户故事：</strong>我可以更新我的设置以存储我的全名，城市和州。 <strong>用户故事：</strong>我可以提议交易并等待其他用户接受交易。完成这些用户故事的实现后，单击“我已完成此挑战”按钮，然后输入GitHub存储库和在Heroku上运行的实时应用程序的URL。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/map-data-across-the-globe.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/map-data-across-the-globe.chinese.md
new file mode 100644
index 0000000000..d5ddafaa42
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/map-data-across-the-globe.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7108d8c242eddfaeb5bd13
+title: Map Data Across the Globe
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: 全球地图数据
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/mVEJag" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/mVEJag</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以看到所有陨石落在世界地图上的位置。 <strong>用户故事：</strong>我可以通过查看陨石在地图上的表示方式来判断陨石的相对大小。 <strong>用户故事：</strong>我可以将鼠标悬停在陨石的数据点上以获取更多数据。 <strong>提示：</strong>这是一个可用于构建此数据集的数据集： <a href="https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json" target="_blank">https</a> ： <a href="https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json" target="_blank">//raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json</a>如果卡住，请记住使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/p2p-video-chat-application.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/p2p-video-chat-application.chinese.md
new file mode 100644
index 0000000000..fa6240d067
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/p2p-video-chat-application.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7150d8c442eddfafb5bd1c
+title: P2P Video Chat Application
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: P2P视频聊天应用
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://glitch.com" target="_blank">Glitch</a>应用程序： <a href="https://grove-voice.glitch.me/" target="_blank">https</a> ： <a href="https://grove-voice.glitch.me/" target="_blank">//grove-voice.glitch.me</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>到达后，浏览器将提示我访问我的相机和麦克风。 <strong>用户故事：</strong>在我给予许可后，系统会提示我输入房间名称。 <strong>用户故事：</strong>输入房间名称后，如果之前没有该房间的房间，则会创建房间。 <strong>用户故事：我的</strong>一个朋友可以随后访问同一个网站，输入我输入的同一个房间，然后加入同一个房间，然后与我进行视频聊天。 <strong>用户故事：</strong>如果我输入房间名称，并且该房间已经有两个人，我会收到房间已满的通知。 <strong>用户故事：</strong>任何人都可以创建或加入任何房间。并且可以有任意数量的房间，但所有房间都必须具有唯一的名称。 <strong>用户故事：</strong>我可以选择不允许该网站访问我的麦克风和网络摄像头。如果我选择不这样做，如果出现其他一些驱动程序问题，我会看到一条错误消息，说明这些是必需的。 <strong>用户故事：</strong>当我选择取消房间名称输入步骤，或者如果我没有输入姓名或仅输入空格时，它应该再次要求我输入有效的房间名称。 <strong>用户故事：</strong>如果房间中的两个人中的一个断开连接，他们可以重新连接到同一个房间并继续聊天。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮，并包含指向您的Glitch应用程序的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.chinese.md
new file mode 100644
index 0000000000..e33c0e7a7f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7198d8c242eddfaeb5bd13
+title: Show National Contiguity with a Force Directed Graph
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: 用力导向图显示全国连续性
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/xVopBo" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/xVopBo</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以看到一个强制导向图，显示哪些国家/地区共享边界。 <strong>用户故事：</strong>我可以在其节点上看到每个国家/地区的旗帜。 <strong>提示：</strong>这是一个可用于构建此数据集的数据集： <a href="https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json" target="_blank">https</a> <strong>：</strong> //raw.githubusercontent.com/DealPete/forceDirected/master/countries.json <strong>提示：</strong>您可以在<a href="https://www.flag-sprites.com" target="_blank">https：//www.flag-</a>创建国旗的spritesheet <a href="https://www.flag-sprites.com" target="_blank">sprites.com</a> 。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/show-the-local-weather.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/show-the-local-weather.chinese.md
new file mode 100644
index 0000000000..d796bdbccf
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/show-the-local-weather.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd10
+title: Show the Local Weather
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: 显示当地天气
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/bELRjV" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/bELRjV</a> 。 <strong>规则＃1：</strong>不要查看示例项目的代码。自己搞清楚。 <strong>规则＃2：</strong>完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以在当前位置看到天气。 <strong>用户故事：</strong>根据天气情况，我可以看到不同的图标或背景图像（例如雪山，炎热的沙漠）。 <strong>用户故事：</strong>我可以按一个按钮在华氏温度和摄氏温度之间切换。 <strong>注意：</strong>许多Internet浏览器现在需要HTTP Secure（ <code>https://</code> ）连接才能通过HTML5 Geolocation获取用户的语言环境。因此，我们建议使用HTML5 Geolocation获取用户位置，然后使用freeCodeCamp Weather API <a href="https://fcc-weather-api.glitch.me" target="_blank">https://fcc-weather-api.glitch.me</a> ，该API使用HTTP安全连接进行天气预报。此外，请务必通过<code>https://</code>连接到<a href="https://codepen.io" target="_blank">CodePen.io</a> 。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/use-the-twitch-json-api.chinese.md b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/use-the-twitch-json-api.chinese.md
new file mode 100644
index 0000000000..7a0f631d8f
--- /dev/null
+++ b/curriculum/challenges/chinese/08-coding-interview-prep/take-home-projects/use-the-twitch-json-api.chinese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd1f
+title: Use the Twitch JSON API
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: 使用Twitch JSON API
+---
+
+## Description
+<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/Myvqmo/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/Myvqmo/</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以看到freeCodeCamp当前是否在Twitch.tv上流式传输。 <strong>用户故事：</strong>我可以点击状态输出并直接发送到freeCodeCamp的Twitch.tv频道。 <strong>用户故事：</strong>如果Twitch用户当前正在播放，我可以看到有关他们正在播放的内容的其他详细信息。 <strong>提示：</strong>请参阅<a href="http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541" target="_blank">http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541上</a>对Twitch.tv的JSONP API的示例调用。 <strong>提示：</strong>有关此API调用的相关文档位于： <a href="https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user" target="_blank">https</a> ： <a href="https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user" target="_blank">//dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user</a> 。 <strong>提示：</strong>这是定期传输的人的Twitch.tv用户名数组： <code>[&quot;ESL_SC2&quot;, &quot;OgamingSC2&quot;, &quot;cretetion&quot;, &quot;freecodecamp&quot;, &quot;storbeck&quot;, &quot;habathcx&quot;, &quot;RobotCaleb&quot;, &quot;noobs2ninjas&quot;]</code> <strong>更新：</strong>由于<a href="https://blog.twitch.tv/client-id-required-for-kraken-api-calls-afbb8e95f843#.f8hipkht1" target="_blank">此处</a>解释的API使用条件发生变化，Twitch.tv现在需要API密钥，但我们已经构建了一种解决方法。使用<a href="https://wind-bow.glitch.me" target="_blank">https://wind-bow.glitch.me/twitch-api</a>而不是twitch的API基本URL（即https://api.twitch.tv/kraken），您仍然可以获取帐户信息，而无需注册API密钥。如果卡住，请记得使用<a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/09-certificates/apis-and-microservices-certificate/apis-and-microservices-certificate.chinese.md b/curriculum/challenges/chinese/09-certificates/apis-and-microservices-certificate/apis-and-microservices-certificate.chinese.md
new file mode 100644
index 0000000000..1ecc4aa68c
--- /dev/null
+++ b/curriculum/challenges/chinese/09-certificates/apis-and-microservices-certificate/apis-and-microservices-certificate.chinese.md
@@ -0,0 +1,49 @@
+---
+id: 561add10cb82ac38a17523bc
+title: API's and Microservices Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: API和微服务证书
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/09-certificates/data-visualization-certificate/data-visualization-certificate.chinese.md b/curriculum/challenges/chinese/09-certificates/data-visualization-certificate/data-visualization-certificate.chinese.md
new file mode 100644
index 0000000000..95c8298579
--- /dev/null
+++ b/curriculum/challenges/chinese/09-certificates/data-visualization-certificate/data-visualization-certificate.chinese.md
@@ -0,0 +1,49 @@
+---
+id: 5a553ca864b52e1d8bceea14
+title: Data Visualization Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: 数据可视化证书
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/09-certificates/front-end-libraries-certificate/front-end-libraries-certificate.chinese.md b/curriculum/challenges/chinese/09-certificates/front-end-libraries-certificate/front-end-libraries-certificate.chinese.md
new file mode 100644
index 0000000000..9c1b31ee9a
--- /dev/null
+++ b/curriculum/challenges/chinese/09-certificates/front-end-libraries-certificate/front-end-libraries-certificate.chinese.md
@@ -0,0 +1,49 @@
+---
+id: 561acd10cb82ac38a17513bc
+title: Front End Libraries Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: 前端库证书
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/09-certificates/information-securtiy-and-quality-assurance-certificate/information-securtiy-and-quality-assurance-certificate.chinese.md b/curriculum/challenges/chinese/09-certificates/information-securtiy-and-quality-assurance-certificate/information-securtiy-and-quality-assurance-certificate.chinese.md
new file mode 100644
index 0000000000..fd54527c13
--- /dev/null
+++ b/curriculum/challenges/chinese/09-certificates/information-securtiy-and-quality-assurance-certificate/information-securtiy-and-quality-assurance-certificate.chinese.md
@@ -0,0 +1,49 @@
+---
+id: 561add10cb82ac38a17213bc
+title: 'Information, Securtiy and Quality Assurance Certificate'
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: 信息，安全和质量保证证书
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/09-certificates/javascript-algorithms-and-data-structures-certificate/javascript-algorithms-and-data-structures-certificate.chinese.md b/curriculum/challenges/chinese/09-certificates/javascript-algorithms-and-data-structures-certificate/javascript-algorithms-and-data-structures-certificate.chinese.md
new file mode 100644
index 0000000000..8db82ab314
--- /dev/null
+++ b/curriculum/challenges/chinese/09-certificates/javascript-algorithms-and-data-structures-certificate/javascript-algorithms-and-data-structures-certificate.chinese.md
@@ -0,0 +1,49 @@
+---
+id: 561abd10cb81ac38a17513bc
+title: JavaScript Algorithms and Data Structures Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: JavaScript算法和数据结构证书
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/09-certificates/legacy-back-end-certificate/legacy-back-end-certificate.chinese.md b/curriculum/challenges/chinese/09-certificates/legacy-back-end-certificate/legacy-back-end-certificate.chinese.md
new file mode 100644
index 0000000000..73f230a0d1
--- /dev/null
+++ b/curriculum/challenges/chinese/09-certificates/legacy-back-end-certificate/legacy-back-end-certificate.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 660add10cb82ac38a17513be
+title: Legacy Back End Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: 旧版后端证书
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/09-certificates/legacy-data-visualization-certificate/legacy-data-visualization-certificate.chinese.md b/curriculum/challenges/chinese/09-certificates/legacy-data-visualization-certificate/legacy-data-visualization-certificate.chinese.md
new file mode 100644
index 0000000000..6e7e6baafc
--- /dev/null
+++ b/curriculum/challenges/chinese/09-certificates/legacy-data-visualization-certificate/legacy-data-visualization-certificate.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 561add10cb82ac39a17513bc
+title: Legacy Data Visualization Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: 旧数据可视化证书
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/09-certificates/legacy-front-end-certificate/legacy-front-end-certificate.chinese.md b/curriculum/challenges/chinese/09-certificates/legacy-front-end-certificate/legacy-front-end-certificate.chinese.md
new file mode 100644
index 0000000000..2e84c38bc2
--- /dev/null
+++ b/curriculum/challenges/chinese/09-certificates/legacy-front-end-certificate/legacy-front-end-certificate.chinese.md
@@ -0,0 +1,59 @@
+---
+id: 561add10cb82ac38a17513be
+title: Legacy Front End Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: 传统前端证书
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/chinese/09-certificates/responsive-web-design-certificate/responsive-web-design-certificate.chinese.md b/curriculum/challenges/chinese/09-certificates/responsive-web-design-certificate/responsive-web-design-certificate.chinese.md
new file mode 100644
index 0000000000..4878ffeb81
--- /dev/null
+++ b/curriculum/challenges/chinese/09-certificates/responsive-web-design-certificate/responsive-web-design-certificate.chinese.md
@@ -0,0 +1,49 @@
+---
+id: 561add10cb82ac38a17513bc
+title: Responsive Web Design Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: 响应式网页设计证书
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.portuguese.md
new file mode 100644
index 0000000000..3111072814
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.portuguese.md
@@ -0,0 +1,50 @@
+---
+id: 587d774c367417b2b2512a9c
+title: Add a Text Alternative to Images for Visually Impaired Accessibility
+challengeType: 0
+videoUrl: ''
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/add-alt-text-to-an-image-for-accessibility'
+localeTitle: Adicionar uma alternativa de texto a imagens para acessibilidade com deficiência visual
+---
+
+## Description
+<section id="description"> É provável que você tenha visto um atributo <code>alt</code> em uma tag <code>img</code> em outros desafios. <code>Alt</code> texto alternativo descreve o conteúdo da imagem e fornece uma alternativa de texto. Isso ajuda no caso de a imagem não carregar ou não ser vista por um usuário. Ele também é usado pelos mecanismos de pesquisa para entender o que uma imagem contém para incluí-la nos resultados da pesquisa. Veja um exemplo: <code>&lt;img src=&quot;importantLogo.jpeg&quot; alt=&quot;Company logo&quot;&gt;</code> As pessoas com deficiência visual dependem dos leitores de tela para converter o conteúdo da Web em uma interface de áudio. Eles não receberão informações se forem apresentados apenas visualmente. Para imagens, os leitores de tela podem acessar o atributo <code>alt</code> e ler seu conteúdo para fornecer informações importantes. Um bom texto <code>alt</code> é curto, mas descritivo, e destina-se a transmitir brevemente o significado da imagem. Você deve sempre incluir um atributo <code>alt</code> em sua imagem. Por especificação HTML5, isso agora é considerado obrigatório. </section>
+
+## Instructions
+<section id="instructions"> O Camper Cat é tanto um ninja codificador quanto um ninja, e está construindo um site para compartilhar seu conhecimento. A foto do perfil que ele quer usar mostra suas habilidades e deve ser apreciada por todos os visitantes do site. Adicione um atributo <code>alt</code> na tag <code>img</code> , que explica que o Camper Cat está praticando karatê. (O <code>src</code> imagem não tem link para um arquivo real, então você deve ver o texto <code>alt</code> no display.) </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua tag <code>img</code> deve ter um atributo <code>alt</code> e não deve estar vazia.
+    testString: 'assert($("img").attr("alt"), "Your <code>img</code> tag should have an <code>alt</code> attribute, and it should not be empty.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<img src="doingKarateWow.jpeg">
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.portuguese.md
new file mode 100644
index 0000000000..ed7ed796d2
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.portuguese.md
@@ -0,0 +1,77 @@
+---
+id: 587d778b367417b2b2512aa8
+title: Add an Accessible Date Picker
+challengeType: 0
+videoUrl: ''
+localeTitle: Adicionar um selecionador de data acessível
+---
+
+## Description
+<section id="description"> Os formulários geralmente incluem o campo de <code>input</code> , que pode ser usado para criar vários controles de formulários diferentes. O atributo <code>type</code> neste elemento indica que tipo de entrada será criada. Você deve ter notado o <code>text</code> e <code>submit</code> tipos de entrada nos desafios anteriores, e o HTML5 introduziu uma opção para especificar um campo de <code>date</code> . Dependendo do suporte ao navegador, um seletor de data aparece no campo de <code>input</code> quando está em foco, o que facilita o preenchimento de um formulário para todos os usuários. Para navegadores mais antigos, o tipo será padronizado para <code>text</code> . Por isso, é útil mostrar aos usuários o formato de data esperado no marcador ou como texto de marcador de posição apenas no caso. Aqui está um exemplo: <blockquote> &lt;label for = &quot;input1&quot;&gt; Insira uma data: &lt;/ label&gt; <br> &lt;input type = &quot;date&quot; id = &quot;input1&quot; name = &quot;input1&quot;&gt; <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> A Camper Cat está organizando um torneio Mortal Kombat e quer pedir a seus concorrentes para ver qual data funciona melhor. Adicione uma tag de <code>input</code> com um atributo <code>type</code> de &quot;date&quot;, um atributo <code>id</code> de &quot;pickdate&quot; e um atributo <code>name</code> de &quot;date&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve adicionar uma tag de <code>input</code> para o campo do seletor de datas.
+    testString: 'assert($("input").length == 2, "Your code should add one <code>input</code> tag for the date selector field.");'
+  - text: Sua tag de <code>input</code> deve ter um atributo de <code>type</code> com um valor de data.
+    testString: 'assert($("input").attr("type") == "date", "Your <code>input</code> tag should have a <code>type</code> attribute with a value of date.");'
+  - text: Sua tag de <code>input</code> deve ter um atributo <code>id</code> com um valor de pickdate.
+    testString: 'assert($("input").attr("id") == "pickdate", "Your <code>input</code> tag should have an <code>id</code> attribute with a value of pickdate.");'
+  - text: Sua tag de <code>input</code> deve ter um atributo de <code>name</code> com um valor de data.
+    testString: 'assert($("input").attr("name") == "date", "Your <code>input</code> tag should have a <code>name</code> attribute with a value of date.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Tournaments</h1>
+  </header>
+  <main>
+    <section>
+      <h2>Mortal Kombat Tournament Survey</h2>
+      <form>
+        <p>Tell us the best date for the competition</p>
+        <label for="pickdate">Preferred Date:</label>
+
+        <!-- Add your code below this line -->
+
+
+
+        <!-- Add your code above this line -->
+
+        <input type="submit" name="submit" value="Submit">
+      </form>
+    </section>
+  </main>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information.portuguese.md
new file mode 100644
index 0000000000..6fae38d0a1
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 587d778f367417b2b2512aad
+title: Avoid Colorblindness Issues by Carefully Choosing Colors that Convey Information
+challengeType: 0
+videoUrl: ''
+localeTitle: Evite problemas de daltonismo escolhendo cuidadosamente as cores que transmitem informações
+---
+
+## Description
+<section id="description"> Existem várias formas de daltonismo. Estes podem variar de uma sensibilidade reduzida a um determinado comprimento de onda da luz até a incapacidade de ver a cor. A forma mais comum é uma sensibilidade reduzida para detectar greens. Por exemplo, se duas cores verdes semelhantes forem a cor de primeiro e segundo plano de seu conteúdo, talvez um usuário daltônico não consiga distingui-las. As cores próximas podem ser vistas como vizinhas na roda de cores e essas combinações devem ser evitadas ao transmitir informações importantes. <strong>Nota</strong> <br> Algumas ferramentas de coleta de cores on-line incluem simulações visuais de como as cores aparecem para diferentes tipos de daltonismo. Estes são ótimos recursos, além de calculadoras de verificação de contraste on-line. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve alterar a <code>color</code> do texto do <code>button</code> para azul escuro.
+    testString: 'assert($("button").css("color") == "rgb(0, 51, 102)", "Your code should change the text <code>color</code> for the <code>button</code> to the dark blue.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  button {
+    color: #33FF33;
+    background-color: #FFFF33;
+    font-size: 14px;
+    padding: 10px;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Danger!</h1>
+  </header>
+  <button>Delete Internet</button>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.portuguese.md
new file mode 100644
index 0000000000..49ccccdb87
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.portuguese.md
@@ -0,0 +1,68 @@
+---
+id: 587d778f367417b2b2512aac
+title: Avoid Colorblindness Issues by Using Sufficient Contrast
+challengeType: 0
+videoUrl: ''
+localeTitle: Evitar problemas de daltonismo usando o contraste suficiente
+---
+
+## Description
+<section id="description"> A cor é uma grande parte do design visual, mas seu uso introduz dois problemas de acessibilidade. Primeiro, a cor sozinha não deve ser usada como a única maneira de transmitir informações importantes porque os usuários de leitores de tela não a verão. Segundo, as cores do primeiro plano e do plano de fundo precisam de contraste suficiente para que os usuários daltônicos possam distingui-las. Desafios anteriores cobertos com alternativas de texto para abordar a primeira questão. O último desafio introduziu ferramentas de verificação de contraste para ajudar no segundo. A taxa de contraste recomendada por WCAG de 4.5: 1 aplica-se ao uso de cores, bem como a combinações em escala de cinza. Usuários daltônicos têm dificuldade em distinguir algumas cores de outros - geralmente em matiz, mas às vezes leveza também. Você pode se lembrar que a taxa de contraste é calculada usando os valores relativos de luminância (ou luminosidade) das cores de primeiro plano e de fundo. Na prática, a proporção de 4,5: 1 pode ser alcançada escurecendo a cor mais escura e iluminando a mais clara com o auxílio de um verificador de contraste de cores. As cores mais escuras na roda de cores são consideradas azuis, violetas, magentas e vermelhas, enquanto as cores mais claras são laranjas, amarelos, verdes e azuis-verdes. </section>
+
+## Instructions
+<section id="instructions"> Cat Camper está experimentando com o uso de cores para seu texto blog e fundo, mas sua combinação atual de um esverdeada <code>background-color</code> com texto marrom <code>color</code> tem um 2.5: 1 razão de contraste. Você pode ajustar facilmente a leveza das cores desde que ele as declarou usando a propriedade CSS <code>hsl()</code> (que significa matiz, saturação, luminosidade) alterando o terceiro argumento. Aumente o valor de luminosidade da <code>background-color</code> de 35% para 55% e diminua o valor de luminosidade de <code>color</code> de 20% para 15%. Isso melhora o contraste para 5.9: 1. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código só deve alterar o valor de luminosidade da propriedade da <code>color</code> do texto para um valor de 15%.
+    testString: 'assert(code.match(/color:\s*?hsl\(0,\s*?55%,\s*?15%\)/gi), "Your code should only change the lightness value for the text <code>color</code> property to a value of 15%.");'
+  - text: Seu código só deve alterar o valor de luminosidade da propriedade <code>background-color</code> para um valor de 55%.
+    testString: 'assert(code.match(/background-color:\s*?hsl\(120,\s*?25%,\s*?55%\)/gi), "Your code should only change the lightness value for the <code>background-color</code> property to a value of 55%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  body {
+    color: hsl(0, 55%, 20%);
+    background-color: hsl(120, 25%, 35%);
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+    <h2>A Word on the Recent Catnip Doping Scandal</h2>
+    <p>The influence that catnip has on feline behavior is well-documented, and its use as an herbal supplement in competitive ninja circles remains controversial. Once again, the debate to ban the substance is brought to the public's attention after the high-profile win of Kittytron, a long-time proponent and user of the green stuff, at the Claw of Fury tournament.</p>
+    <p>As I've stated in the past, I firmly believe a true ninja's skills must come from within, with no external influences. My own catnip use shall continue as purely recreational.</p>
+  </article>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.portuguese.md
new file mode 100644
index 0000000000..1cbd1c15e3
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 587d778f367417b2b2512aae
+title: Give Links Meaning by Using Descriptive Link Text
+challengeType: 0
+videoUrl: ''
+localeTitle: Dar sentido de links usando texto de link descritivo
+---
+
+## Description
+<section id="description"> Os usuários de leitores de tela têm opções diferentes para o tipo de conteúdo que o dispositivo lê. Isso inclui pular para (ou sobre) elementos de referência, pular para o conteúdo principal ou obter um resumo de página dos títulos. Outra opção é apenas ouvir os links disponíveis em uma página. Os leitores de tela fazem isso lendo o texto do link ou o que está entre as tags âncora ( <code>a</code> ). Ter uma lista de links &quot;clique aqui&quot; ou &quot;leia mais&quot; não é útil. Em vez disso, você deve usar um texto breve, mas descritiva nos <code>a</code> tags para proporcionar mais significado para esses usuários. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve mover a âncora com <code>a</code> tag em torno das palavras &quot;Clique aqui&quot; para envolver as palavras &quot;informações sobre baterias&quot;.
+    testString: 'assert($("a").text().match(/^(information about batteries)$/g), "Your code should move the anchor <code>a</code> tags from around the words "Click here" to wrap around the words "information about batteries".");'
+  - text: Verifique se o seu <code>a</code> elemento tem uma marca de fechamento.
+    testString: 'assert(code.match(/<\/a>/g) && code.match(/<\/a>/g).length === code.match(/<a href=(""|"")>/g).length, "Make sure your <code>a</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near. <a href="">Click here</a> for information about batteries</p>
+  </article>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.portuguese.md
new file mode 100644
index 0000000000..89ca74d7d8
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: 587d7789367417b2b2512aa4
+title: Improve Accessibility of Audio Content with the audio Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Melhore a acessibilidade do conteúdo de áudio com o elemento de áudio
+---
+
+## Description
+<section id="description"> O elemento de <code>audio</code> do HTML5 fornece significado semântico quando ele envolve o som ou o conteúdo do fluxo de áudio na sua marcação. O conteúdo de áudio também precisa de uma alternativa em texto para ser acessível a pessoas surdas ou com deficiência auditiva. Isso pode ser feito com um texto próximo na página ou um link para uma transcrição. A tag de <code>audio</code> suporta o atributo <code>controls</code> . Isso mostra a reprodução, a pausa e outros controles padrão do navegador e suporta a funcionalidade do teclado. Este é um atributo booleano, o que significa que não precisa de um valor, sua presença na tag ativa a configuração. Aqui está um exemplo: <blockquote> &lt;audio id = &quot;meowClip&quot; controla&gt; <br> &lt;fonte src = &quot;audio / meow.mp3&quot; type = &quot;audio / mpeg&quot; /&gt; <br> &lt;source src = &quot;audio / meow.ogg&quot; tipo = &quot;audio / ogg&quot; /&gt; <br> &lt;/ audio&gt; <br></blockquote> <strong>Nota</strong> <br> O conteúdo multimídia geralmente tem componentes visuais e auditivos. Ele precisa de legendas sincronizadas e uma transcrição para que os usuários com deficiências visuais e / ou auditivas possam acessá-lo. Geralmente, um desenvolvedor da Web não é responsável pela criação das legendas ou transcrição, mas precisa saber para incluí-las. </section>
+
+## Instructions
+<section id="instructions"> Hora de fazer uma pausa na Camper Cat e conhecer Zersiax (@zersiax), um defensor da acessibilidade e usuário de leitor de tela. Para ouvir um clipe do seu leitor de tela em ação, adicione um elemento de <code>audio</code> após o <code>p</code> . Inclua o atributo <code>controls</code> . Em seguida, coloque uma tag de <code>source</code> dentro das tags de <code>audio</code> com o atributo <code>src</code> definido como &quot;https://s3.amazonaws.com/freecodecamp/screen-reader.mp3&quot; e <code>type</code> atributo definido como &quot;audio / mpeg&quot;. <strong>Nota</strong> <br> O clipe de áudio pode soar rápido e difícil de entender, mas essa é uma velocidade normal para os usuários do leitor de tela. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve ter uma tag de <code>audio</code> .
+    testString: 'assert($("audio").length === 1, "Your code should have one <code>audio</code> tag.");'
+  - text: Certifique-se de que seu elemento de <code>audio</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/audio>/g).length === 1 && code.match(/<audio.*>[\s\S]*<\/audio>/g), "Make sure your <code>audio</code> element has a closing tag.");'
+  - text: A tag de <code>audio</code> deve ter o atributo <code>controls</code> .
+    testString: 'assert($("audio").attr("controls"), "The <code>audio</code> tag should have the <code>controls</code> attribute.");'
+  - text: Seu código deve ter uma tag de <code>source</code> .
+    testString: 'assert($("source").length === 1, "Your code should have one <code>source</code> tag.");'
+  - text: Sua tag de <code>source</code> deve estar dentro das tags de <code>audio</code> .
+    testString: 'assert($("audio").children("source").length === 1, "Your <code>source</code> tag should be inside the <code>audio</code> tags.");'
+  - text: O valor para o atributo <code>src</code> na tag de <code>source</code> deve corresponder exatamente ao link nas instruções.
+    testString: 'assert($("source").attr("src") === "https://s3.amazonaws.com/freecodecamp/screen-reader.mp3", "The value for the <code>src</code> attribute on the <code>source</code> tag should match the link in the instructions exactly.");'
+  - text: Seu código deve incluir um atributo <code>type</code> na tag de <code>source</code> com um valor de audio / mpeg.
+    testString: 'assert($("source").attr("type") === "audio/mpeg", "Your code should include a <code>type</code> attribute on the <code>source</code> tag with a value of audio/mpeg.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Real Coding Ninjas</h1>
+  </header>
+  <main>
+    <p>A sound clip of Zersiax's screen reader in action.</p>
+
+
+
+  </main>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.portuguese.md
new file mode 100644
index 0000000000..acf26eebbb
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.portuguese.md
@@ -0,0 +1,99 @@
+---
+id: 587d778a367417b2b2512aa5
+title: Improve Chart Accessibility with the figure Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Melhore a acessibilidade do gráfico com a figura Element
+---
+
+## Description
+<section id="description"> O HTML5 introduziu o elemento <code>figure</code> , juntamente com a <code>figcaption</code> relacionada. Usados ​​em conjunto, esses itens envolvem uma representação visual (como uma imagem, diagrama ou gráfico) junto com sua legenda. Isso proporciona um aumento de acessibilidade duplo por meio do conteúdo relacionado ao agrupamento semanticamente e fornece uma alternativa em texto que explica a <code>figure</code> . Para visualizações de dados, como gráficos, a legenda pode ser usada para observar brevemente as tendências ou conclusões para usuários com deficiências visuais. Outro desafio abrange como mover uma versão da tabela dos dados do gráfico para fora da tela (usando CSS) para usuários de leitores de tela. Aqui está um exemplo - note que o <code>figcaption</code> vai dentro da <code>figure</code> tags e pode ser combinado com outros elementos: <blockquote> &lt;figure&gt; <br> &lt;img src = &quot;roundhouseDestruction.jpeg&quot; alt = &quot;Foto do Camper Cat executando um roundhouse kick&quot;&gt; <br> &lt;br&gt; <br> &lt;figcaption&gt; <br> Mestre Camper Cat demonstra a forma correta de um chute circular. <br> &lt;/ figcaption&gt; <br> &lt;/ figure&gt; <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Camper Cat está trabalhando duro para criar um gráfico de barras empilhadas mostrando a quantidade de tempo por semana para treinar em furtividade, combate e armas. Ajude-o a estruturar melhor sua página, alterando a tag <code>div</code> ele usou para uma tag <code>figure</code> e a tag <code>p</code> que circunda a legenda para uma tag <code>figcaption</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve ter uma tag de <code>figure</code> .
+    testString: 'assert($("figure").length == 1, "Your code should have one <code>figure</code> tag.");'
+  - text: Seu código deve ter uma tag <code>figcaption</code> .
+    testString: 'assert($("figcaption").length == 1, "Your code should have one <code>figcaption</code> tag.");'
+  - text: Seu código não deve ter tags <code>div</code> .
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: Seu código não deve ter tags <code>p</code> .
+    testString: 'assert($("p").length == 0, "Your code should not have any <code>p</code> tags.");'
+  - text: A <code>figcaption</code> deve ser um filho da tag de <code>figure</code> .
+    testString: 'assert($("figure").children("figcaption").length == 1, "The <code>figcaption</code> should be a child of the <code>figure</code> tag.");'
+  - text: Certifique-se de que seu elemento <code>figure</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/figure>/g) && code.match(/<\/figure>/g).length === code.match(/<figure>/g).length, "Make sure your <code>figure</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Training</h1>
+    <nav>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </nav>
+  </header>
+  <main>
+    <section>
+
+      <!-- Add your code below this line -->
+      <div>
+        <!-- Stacked bar chart will go here -->
+        <br>
+        <p>Breakdown per week of time to spend training in stealth, combat, and weapons.</p>
+      </div>
+      <!-- Add your code above this line -->
+
+    </section>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.portuguese.md
new file mode 100644
index 0000000000..1c3c401504
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.portuguese.md
@@ -0,0 +1,82 @@
+---
+id: 587d778a367417b2b2512aa6
+title: Improve Form Field Accessibility with the label Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Melhore a acessibilidade do campo de formulário com o elemento label
+---
+
+## Description
+<section id="description"> Melhorar a acessibilidade com marcação HTML semântica aplica-se ao uso de nomes de tag apropriados e de atributos. Os próximos desafios abrangem alguns cenários importantes usando atributos em formulários. A <code>label</code> rotula o texto para um item de controle de formulário específico, geralmente o nome ou rótulo para uma escolha. Isso vincula o significado ao item e torna a forma mais legível. O atributo <code>for</code> em uma tag <code>label</code> associa explicitamente esse <code>label</code> ao controle de formulário e é usado pelos leitores de tela. Você aprendeu sobre os botões de opção e seus rótulos em uma lição na seção HTML básico. Nessa lição, envolvemos o elemento de entrada do botão de opção dentro de um elemento de <code>label</code> junto com o texto da etiqueta para tornar o texto clicável. Outra maneira de conseguir isso é usando o atributo <code>for</code> conforme explicado nesta lição. O valor do atributo <code>for</code> deve ser o mesmo que o valor do atributo <code>id</code> do controle de formulário. Aqui está um exemplo: <blockquote> &lt;form&gt; <br> &lt;label for = &quot;name&quot;&gt; Nome: &lt;/ label&gt; <br> &lt;input type = &quot;text&quot; id = &quot;nome&quot; name = &quot;nome&quot;&gt; <br> &lt;/ form&gt; <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> O Camper Cat espera muito interesse em seus posts inteligentes e quer incluir um formulário de inscrição por e-mail. Adicione um atributo <code>for</code> no <code>label</code> e-mail que corresponda ao <code>id</code> em seu campo de <code>input</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve ter um atributo <code>for</code> na <code>label</code> que não está vazia.
+    testString: 'assert($("label").attr("for"), "Your code should have a <code>for</code> attribute on the <code>label</code> tag that is not empty.");'
+  - text: Seu <code>for</code> atributo valor deve corresponder ao <code>id</code> valor no e-mail <code>input</code> .
+    testString: 'assert($("label").attr("for") == "email", "Your <code>for</code> attribute value should match the <code>id</code> value on the email <code>input</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <section>
+    <form>
+      <p>Sign up to receive Camper Cat's blog posts by email here!</p>
+
+
+      <label>Email:</label>
+      <input type="text" id="email" name="email">
+
+
+      <input type="submit" name="submit" value="Submit">
+    </form>
+  </section>
+  <article>
+    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Is Chuck Norris a Cat Person?</h2>
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/improve-readability-with-high-contrast-text.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/improve-readability-with-high-contrast-text.portuguese.md
new file mode 100644
index 0000000000..495f45c943
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/improve-readability-with-high-contrast-text.portuguese.md
@@ -0,0 +1,68 @@
+---
+id: 587d778e367417b2b2512aab
+title: Improve Readability with High Contrast Text
+challengeType: 0
+videoUrl: ''
+localeTitle: Melhore a legibilidade com texto de alto contraste
+---
+
+## Description
+<section id="description"> O baixo contraste entre as cores do primeiro plano e do plano de fundo pode dificultar a leitura do texto. Contraste suficiente melhora a legibilidade do seu conteúdo, mas o que exatamente significa &quot;suficiente&quot;? As Diretrizes de Acessibilidade ao Conteúdo da Web (WCAG) recomendam pelo menos uma taxa de contraste de 4,5 para 1 para o texto normal. A relação é calculada comparando os valores relativos de luminância de duas cores. Isso varia de 1: 1 para a mesma cor, ou sem contraste, para 21: 1 para branco contra preto, o contraste mais forte. Existem muitas ferramentas de verificação de contraste disponíveis on-line que calculam essa proporção para você. </section>
+
+## Instructions
+<section id="instructions"> A escolha de texto cinza claro em um fundo branco feita pelo Camper Cat para seu recente post no blog tem uma relação de contraste de 1,5: 1, dificultando a leitura. Altere a <code>color</code> do texto do cinza atual ( <code>#D3D3D3</code> ) para um cinza mais escuro ( <code>#636363</code> ) para melhorar a taxa de contraste para 6: 1. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve alterar a <code>color</code> do texto do <code>body</code> para o cinza mais escuro.
+    testString: 'assert($("body").css("color") == "rgb(99, 99, 99)", "Your code should change the text <code>color</code> for the <code>body</code> to the darker gray.");'
+  - text: Seu código não deve alterar a <code>background-color</code> do <code>body</code> .
+    testString: 'assert($("body").css("background-color") == "rgb(255, 255, 255)", "Your code should not change the <code>background-color</code> for the <code>body</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  body {
+    color: #D3D3D3;
+    background-color: #FFF;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+    <h2>A Word on the Recent Catnip Doping Scandal</h2>
+    <p>The influence that catnip has on feline behavior is well-documented, and its use as an herbal supplement in competitive ninja circles remains controversial. Once again, the debate to ban the substance is brought to the public's attention after the high-profile win of Kittytron, a long-time proponent and user of the green stuff, at the Claw of Fury tournament.</p>
+    <p>As I've stated in the past, I firmly believe a true ninja's skills must come from within, with no external influences. My own catnip use shall continue as purely recreational.</p>
+  </article>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.portuguese.md
new file mode 100644
index 0000000000..f77cc109e4
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: 587d774e367417b2b2512a9f
+title: Jump Straight to the Content Using the main Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Ir direto ao conteúdo usando o elemento principal
+---
+
+## Description
+<section id="description"> O HTML5 introduziu vários novos elementos que oferecem aos desenvolvedores mais opções, além de incorporar recursos de acessibilidade. Essas tags incluem <code>main</code> , <code>header</code> , <code>footer</code> , <code>nav</code> , <code>article</code> e <code>section</code> , entre outras. Por padrão, um navegador renderiza esses elementos de forma semelhante ao <code>div</code> humilde. No entanto, usá-los quando apropriado dá significado adicional à sua marcação. O nome da tag sozinho pode indicar o tipo de informação que contém, o que adiciona significado semântico a esse conteúdo. As tecnologias de assistência podem acessar essas informações para fornecer um melhor resumo da página ou opções de navegação para seus usuários. O elemento <code>main</code> é usado para envolver (você adivinhou) o conteúdo principal, e deve haver apenas um por página. É destinado a cercar as informações relacionadas ao tópico central da sua página. Não é para incluir itens que se repetem nas páginas, como links de navegação ou banners. A tag <code>main</code> também possui um recurso de marco incorporado que a tecnologia assistencial pode usar para navegar rapidamente para o conteúdo principal. Se você já viu um link &quot;Ir para conteúdo principal&quot; na parte superior de uma página, o uso automático de uma tag principal fornece aos dispositivos de assistência essa funcionalidade. </section>
+
+## Instructions
+<section id="instructions"> O Camper Cat tem algumas grandes ideias para a sua página de armas ninja. Ajude-o a configurar sua marcação adicionando as tags <code>main</code> abertura e fechamento entre o <code>header</code> e o <code>footer</code> (abordadas em outros desafios). Mantenha as tags <code>main</code> vazias por enquanto. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve ter uma tag <code>main</code> .
+    testString: 'assert($("main").length == 1, "Your code should have one <code>main</code> tag.");'
+  - text: As tags <code>main</code> devem estar entre a tag de <code>header</code> fechamento e a tag de <code>footer</code> abertura.
+    testString: 'assert(code.match(/<\/header>\s*?<main>\s*?<\/main>/gi), "The <code>main</code> tags should be between the closing <code>header</code> tag and the opening <code>footer</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<header>
+  <h1>Weapons of the Ninja</h1>
+</header>
+
+
+
+<footer></footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/know-when-alt-text-should-be-left-blank.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/know-when-alt-text-should-be-left-blank.portuguese.md
new file mode 100644
index 0000000000..928bf4328d
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/know-when-alt-text-should-be-left-blank.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: 587d774c367417b2b2512a9d
+title: Know When Alt Text Should be Left Blank
+challengeType: 0
+videoUrl: ''
+localeTitle: Saiba quando o texto alternativo deve ser deixado em branco
+---
+
+## Description
+<section id="description"> No último desafio, você aprendeu que incluir um atributo <code>alt</code> em img tags é obrigatório. No entanto, às vezes, as imagens são agrupadas com uma legenda que já está descrevendo ou são usadas apenas para decoração. Nestes casos, o texto <code>alt</code> pode parecer redundante ou desnecessário. Em situações em que uma imagem já é explicada com conteúdo de texto ou não adiciona significado a uma página, a <code>img</code> ainda precisa de um atributo <code>alt</code> , mas pode ser definida como uma string vazia. Aqui está um exemplo: <code>&lt;img src=&quot;visualDecoration.jpeg&quot; alt=&quot;&quot;&gt;</code> As imagens de fundo geralmente também se enquadram no rótulo &#39;decorativo&#39;. No entanto, eles são normalmente aplicados com regras CSS e, portanto, não fazem parte do processo de leitores de tela de marcação. <strong>Nota</strong> <br> Para imagens com uma legenda, você ainda pode querer incluir texto <code>alt</code> , pois ajuda os mecanismos de pesquisa a catalogar o conteúdo da imagem. </section>
+
+## Instructions
+<section id="instructions"> O Camper Cat codificou uma página de esqueleto para a parte do blog do seu site. Ele está planejando adicionar uma ruptura visual entre seus dois artigos com uma imagem decorativa de uma espada samurai. Adicione um atributo <code>alt</code> à tag <code>img</code> e configure-o para uma string vazia. (Observe que a imagem <code>src</code> não está vinculada a um arquivo real - não se preocupe se não há espadas no visor). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua tag <code>img</code> deve ter um atributo <code>alt</code> .
+    testString: 'assert(!($("img").attr("alt") == undefined), "Your <code>img</code> tag should have an <code>alt</code> attribute.");'
+  - text: O atributo <code>alt</code> deve ser definido para uma string vazia.
+    testString: 'assert($("img").attr("alt") == "", "The <code>alt</code> attribute should be set to an empty string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Deep Thoughts with Master Camper Cat</h1>
+<article>
+  <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+  <p>To Come...</p>
+</article>
+
+<img src="samuraiSwords.jpeg">
+
+<article>
+  <h2>Is Chuck Norris a Cat Person?</h2>
+  <p>To Come...</p>
+</article>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/make-elements-only-visible-to-a-screen-reader-by-using-custom-css.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/make-elements-only-visible-to-a-screen-reader-by-using-custom-css.portuguese.md
new file mode 100644
index 0000000000..a76fbe380e
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/make-elements-only-visible-to-a-screen-reader-by-using-custom-css.portuguese.md
@@ -0,0 +1,138 @@
+---
+id: 587d778d367417b2b2512aaa
+title: Make Elements Only Visible to a Screen Reader by Using Custom CSS
+challengeType: 0
+videoUrl: ''
+localeTitle: Tornar os elementos visíveis apenas para um leitor de tela usando CSS personalizado
+---
+
+## Description
+<section id="description"> Você já reparou que todos os desafios de acessibilidade aplicados até agora não usaram nenhum CSS? Isso é para mostrar a importância de um esboço de documento lógico e usar tags semanticamente significativas ao redor do seu conteúdo antes de introduzir o aspecto do design visual. No entanto, a mágica do CSS também pode melhorar a acessibilidade em sua página quando você deseja ocultar visualmente o conteúdo destinado apenas a leitores de tela. Isso acontece quando as informações estão em um formato visual (como um gráfico), mas os usuários de leitores de tela precisam de uma apresentação alternativa (como uma tabela) para acessar os dados. O CSS é usado para posicionar os elementos somente leitura da tela fora da área visual da janela do navegador. Aqui está um exemplo das regras CSS que fazem isso: <blockquote> .sr-only { <br> posição: absoluta; <br> esquerda: -10000px; <br> largura: 1px; <br> altura: 1px; <br> top: auto; <br> estouro: oculto; <br> } </blockquote> <strong>Nota</strong> <br> As seguintes abordagens CSS NÃO farão o mesmo: <ul><li> <code>display: none;</code> ou <code>visibility: hidden;</code> oculta conteúdo para todos, incluindo usuários de leitores de tela </li><li> Valores zero para tamanhos de pixel, como <code>width: 0px; height: 0px;</code> remove esse elemento do fluxo do seu documento, o que significa que os leitores de tela o ignoram </li></ul></section>
+
+## Instructions
+<section id="instructions"> A Camper Cat criou um gráfico de barras muito legal para sua página de treinamento e colocou os dados em uma tabela para seus usuários com deficiência visual. A tabela já tem uma classe <code>sr-only</code> , mas as regras CSS ainda não foram preenchidas. Atribua à <code>position</code> um valor absoluto, a <code>left</code> um valor de -10000px e a <code>width</code> e a <code>height</code> ambos os valores de 1px. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve definir a propriedade de <code>position</code> da classe <code>sr-only</code> para um valor absoluto.
+    testString: 'assert($(".sr-only").css("position") == "absolute", "Your code should set the <code>position</code> property of the <code>sr-only</code> class to a value of absolute.");'
+  - text: Seu código deve definir a propriedade <code>left</code> da classe <code>sr-only</code> para um valor de -10000px.
+    testString: 'assert($(".sr-only").css("left") == "-10000px", "Your code should set the <code>left</code> property of the <code>sr-only</code> class to a value of -10000px.");'
+  - text: Seu código deve definir a propriedade <code>width</code> da classe <code>sr-only</code> para um valor de 1 pixel.
+    testString: 'assert(code.match(/width:\s*?1px/gi), "Your code should set the <code>width</code> property of the <code>sr-only</code> class to a value of 1 pixel.");'
+  - text: Seu código deve definir a propriedade <code>height</code> da classe <code>sr-only</code> para um valor de 1 pixel.
+    testString: 'assert(code.match(/height:\s*?1px/gi), "Your code should set the <code>height</code> property of the <code>sr-only</code> class to a value of 1 pixel.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  .sr-only {
+    position: ;
+    left: ;
+    width: ;
+    height: ;
+    top: auto;
+    overflow: hidden;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Training</h1>
+    <nav>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </nav>
+  </header>
+  <section>
+    <h2>Master Camper Cat's Beginner Three Week Training Program</h2>
+    <figure>
+      <!-- Stacked bar chart of weekly training-->
+      <p>[Stacked bar chart]</p>
+      <br />
+      <figcaption>Breakdown per week of time to spend training in stealth, combat, and weapons.</figcaption>
+    </figure>
+    <table class="sr-only">
+      <caption>Hours of Weekly Training in Stealth, Combat, and Weapons</caption>
+      <thead>
+        <tr>
+          <th></th>
+          <th scope="col">Stealth &amp; Agility</th>
+          <th scope="col">Combat</th>
+          <th scope="col">Weapons</th>
+          <th scope="col">Total</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <th scope="row">Week One</th>
+          <td>3</td>
+          <td>5</td>
+          <td>2</td>
+          <td>10</td>
+        </tr>
+        <tr>
+          <th scope="row">Week Two</th>
+          <td>4</td>
+          <td>5</td>
+          <td>3</td>
+          <td>12</td>
+        </tr>
+        <tr>
+          <th scope="row">Week Three</th>
+          <td>4</td>
+          <td>6</td>
+          <td>3</td>
+          <td>13</td>
+        </tr>
+      </tbody>
+    </table>
+  </section>
+  <section id="stealth">
+    <h2>Stealth &amp; Agility Training</h2>
+    <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+    <article><h3>No training is NP-complete without parkour</h3></article>
+  </section>
+  <section id="combat">
+    <h2>Combat Training</h2>
+    <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+    <article><h3>Goodbye, world: 5 proven ways to knock out an opponent</h3></article>
+  </section>
+  <section id="weapons">
+    <h2>Weapons Training</h2>
+    <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+    <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+  </section>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/make-links-navigatable-with-html-access-keys.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/make-links-navigatable-with-html-access-keys.portuguese.md
new file mode 100644
index 0000000000..fec75eb145
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/make-links-navigatable-with-html-access-keys.portuguese.md
@@ -0,0 +1,76 @@
+---
+id: 587d7790367417b2b2512aaf
+title: Make Links Navigatable with HTML Access Keys
+challengeType: 0
+videoUrl: ''
+localeTitle: Tornar Links Navegáveis ​​com Chaves de Acesso HTML
+---
+
+## Description
+<section id="description"> O HTML oferece o atributo <code>accesskey</code> para especificar uma tecla de atalho para ativar ou trazer foco para um elemento. Isso pode tornar a navegação mais eficiente para usuários somente de teclado. O HTML5 permite que esse atributo seja usado em qualquer elemento, mas é particularmente útil quando usado com os interativos. Isso inclui links, botões e controles de formulário. Aqui está um exemplo: <code>&lt;button accesskey=&quot;b&quot;&gt;Important Button&lt;/button&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> O Camper Cat quer que os links em torno dos dois títulos de artigos de blog tenham atalhos de teclado para que os usuários de seu site possam navegar rapidamente para a história completa. Adicione um atributo <code>accesskey</code> aos dois links e defina o primeiro para &quot;g&quot; (para Garfield) e o segundo para &quot;c&quot; (para Chuck Norris). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve adicionar um <code>accesskey</code> atributo à <code>a</code> tag com o <code>id</code> de &quot;primeira&quot;.
+    testString: 'assert($("#first").attr("accesskey"), "Your code should add an <code>accesskey</code> attribute to the <code>a</code> tag with the <code>id</code> of "first".");'
+  - text: Seu código deve adicionar um <code>accesskey</code> atributo à <code>a</code> tag com o <code>id</code> de &quot;segunda&quot;.
+    testString: 'assert($("#second").attr("accesskey"), "Your code should add an <code>accesskey</code> attribute to the <code>a</code> tag with the <code>id</code> of "second".");'
+  - text: Seu código deve definir o <code>accesskey</code> atributo no <code>a</code> tag com o <code>id</code> de &quot;primeiro&quot; a &quot;g&quot;. Note que o caso é importante.
+    testString: 'assert($("#first").attr("accesskey") == "g", "Your code should set the <code>accesskey</code> attribute on the <code>a</code> tag with the <code>id</code> of "first" to "g". Note that case matters.");'
+  - text: Seu código deve definir o <code>accesskey</code> atributo no <code>a</code> tag com o <code>id</code> de &quot;segunda&quot; para &quot;c&quot;. Note que o caso é importante.
+    testString: 'assert($("#second").attr("accesskey") == "c", "Your code should set the <code>accesskey</code> attribute on the <code>a</code> tag with the <code>id</code> of "second" to "c". Note that case matters.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+
+
+    <h2><a id="first" href="">The Garfield Files: Lasagna as Training Fuel?</a></h2>
+
+
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </article>
+  <article>
+
+
+    <h2><a id="second" href="">Is Chuck Norris a Cat Person?</a></h2>
+
+
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-footer-landmark.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-footer-landmark.portuguese.md
new file mode 100644
index 0000000000..cbb21f7ace
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-footer-landmark.portuguese.md
@@ -0,0 +1,86 @@
+---
+id: 587d7788367417b2b2512aa3
+title: Make Screen Reader Navigation Easier with the footer Landmark
+challengeType: 0
+videoUrl: ''
+localeTitle: Torne a navegação do leitor de tela mais fácil com o rodapé Landmark
+---
+
+## Description
+<section id="description"> Semelhante ao <code>header</code> e <code>nav</code> , o elemento de <code>footer</code> tem um recurso de referência integrado que permite que dispositivos de assistência naveguem rapidamente até ele. É usado principalmente para conter informações de direitos autorais ou links para documentos relacionados que geralmente ficam na parte inferior de uma página. </section>
+
+## Instructions
+<section id="instructions"> A página de treinamento da Camper Cat está fazendo um bom progresso. Altere a <code>div</code> ele usou para envolver suas informações de direitos autorais na parte inferior da página em um elemento de <code>footer</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve ter uma tag de <code>footer</code> .
+    testString: 'assert($("footer").length == 1, "Your code should have one <code>footer</code> tag.");'
+  - text: Seu código não deve ter tags <code>div</code> .
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: Seu código deve ter uma tag de <code>footer</code> abertura e fechamento.
+    testString: 'assert(code.match(/<footer>\s*&copy; 2018 Camper Cat\s*<\/footer>/g), "Your code should have an opening and closing <code>footer</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Training</h1>
+    <nav>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </nav>
+  </header>
+  <main>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+
+
+  <div>&copy; 2018 Camper Cat</div>
+
+
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.portuguese.md
new file mode 100644
index 0000000000..73969d3696
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.portuguese.md
@@ -0,0 +1,79 @@
+---
+id: 587d7787367417b2b2512aa1
+title: Make Screen Reader Navigation Easier with the header Landmark
+challengeType: 0
+videoUrl: ''
+localeTitle: Facilitar a navegação do leitor de tela com o cabeçalho Landmark
+---
+
+## Description
+<section id="description"> O próximo elemento HTML5 que adiciona significado semântico e melhora a acessibilidade é a tag de <code>header</code> . Ele é usado para envolver informações introdutórias ou links de navegação para sua tag pai e funciona bem em torno do conteúdo que é repetido na parte superior em várias páginas. <code>header</code> compartilha o recurso de ponto de referência incorporado que você viu com o <code>main</code> , permitindo que as tecnologias de assistência naveguem rapidamente para esse conteúdo. <strong>Nota</strong> <br> <code>header</code> é destinado para uso na tag <code>body</code> do seu documento HTML. Isso é diferente do elemento <code>head</code> , que contém o título da página, meta informações etc. </section>
+
+## Instructions
+<section id="instructions"> Camper Cat está escrevendo alguns ótimos artigos sobre treinamento ninja, e quer adicionar uma página para eles em seu site. Altere a <code>div</code> superior que atualmente contém o <code>h1</code> para uma tag de <code>header</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve ter uma tag de <code>header</code> .
+    testString: 'assert($("header").length == 1, "Your code should have one <code>header</code> tag.");'
+  - text: Suas tags de <code>header</code> devem envolver o <code>h1</code> .
+    testString: 'assert($("header").children("h1").length == 1, "Your <code>header</code> tags should wrap around the <code>h1</code>.");'
+  - text: Seu código não deve ter tags <code>div</code> .
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: Certifique-se de que seu elemento de <code>header</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/header>/g) && code.match(/<\/header>/g).length === code.match(/<header>/g).length, "Make sure your <code>header</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+
+  <div>
+    <h1>Training with Camper Cat</h1>
+  </div>
+
+
+  <main>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.portuguese.md
new file mode 100644
index 0000000000..b489f1eb69
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.portuguese.md
@@ -0,0 +1,85 @@
+---
+id: 587d7788367417b2b2512aa2
+title: Make Screen Reader Navigation Easier with the nav Landmark
+challengeType: 0
+videoUrl: ''
+localeTitle: Torne a navegação do leitor de tela mais fácil com o marco de navegação
+---
+
+## Description
+<section id="description"> O elemento <code>nav</code> é outro item HTML5 com o recurso de marco incorporado para facilitar a navegação do leitor de tela. Esta tag destina-se a envolver os links principais de navegação na sua página. Se houver links de sites repetidos na parte inferior da página, não será necessário marcar aqueles com uma tag de <code>nav</code> também. Usar um <code>footer</code> (coberto no próximo desafio) é suficiente. </section>
+
+## Instructions
+<section id="instructions"> O Camper Cat incluiu links de navegação no topo de sua página de treinamento, mas os envolveu em uma <code>div</code> . Altere o <code>div</code> para uma tag de <code>nav</code> para melhorar a acessibilidade em sua página. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve ter uma tag de <code>nav</code> .
+    testString: 'assert($("nav").length == 1, "Your code should have one <code>nav</code> tag.");'
+  - text: Suas tags de <code>nav</code> devem envolver o <code>ul</code> e seus itens de lista.
+    testString: 'assert($("nav").children("ul").length == 1, "Your <code>nav</code> tags should wrap around the <code>ul</code> and its list items.");'
+  - text: Seu código não deve ter tags <code>div</code> .
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: Certifique-se de que seu elemento <code>nav</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/nav>/g) && code.match(/<\/nav>/g).length === code.match(/<nav>/g).length, "Make sure your <code>nav</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Training with Camper Cat</h1>
+
+    <div>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </div>
+
+  </header>
+  <main>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/standardize-times-with-the-html5-datetime-attribute.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/standardize-times-with-the-html5-datetime-attribute.portuguese.md
new file mode 100644
index 0000000000..f707604a65
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/standardize-times-with-the-html5-datetime-attribute.portuguese.md
@@ -0,0 +1,85 @@
+---
+id: 587d778c367417b2b2512aa9
+title: Standardize Times with the HTML5 datetime Attribute
+challengeType: 0
+videoUrl: ''
+localeTitle: Padronizar Tempos com o Atributo de Data e Hora HTML5
+---
+
+## Description
+<section id="description"> Continuando com o tema date, o HTML5 também introduziu o elemento <code>time</code> junto com um atributo <code>datetime</code> para padronizar os tempos. Este é um elemento in-line que pode envolver uma data ou hora em uma página. Um formato válido dessa data é mantido pelo atributo <code>datetime</code> . Esse é o valor acessado pelos dispositivos auxiliares. Isso ajuda a evitar a confusão, afirmando uma versão padronizada de um tempo, mesmo que seja escrito de maneira informal ou coloquial no texto. Aqui está um exemplo: <code>&lt;p&gt;Master Camper Cat officiated the cage match between Goro and Scorpion &lt;time datetime=&quot;2013-02-13&quot;&gt;last Wednesday&lt;/time&gt;, which ended in a draw.&lt;/p&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Resultados da pesquisa Mortal Kombat do Camper Cat estão em! Embrulhe uma tag de <code>time</code> torno do texto &quot;Quinta-feira, 15 de setembro &lt;sup&gt; th &lt;/ sup&gt;&quot; e adicione um atributo <code>datetime</code> a ele definido como &quot;2016-09-15&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Suas tags de <code>time</code> devem envolver o texto &quot;Thursday, September 15 &lt;sup&gt; th &lt;/ sup&gt;&quot;.'
+    testString: 'assert($("time").text().match(/Thursday, September 15th/g), "Your <code>time</code> tags should wrap around the text "Thursday, September 15&lt;sup&gt;th&lt;/sup&gt;".");'
+  - text: Sua tag de <code>time</code> deve ter um atributo de <code>datetime</code> que não esteja vazio.
+    testString: 'assert($("time").attr("datetime"), "Your <code>time</code> tag should have a <code>datetime</code> attribute that is not empty.");'
+  - text: Seu atributo <code>datetime</code> deve ser definido com um valor de 2016-09-15.
+    testString: 'assert($("time").attr("datetime") === "2016-09-15", "Your <code>datetime</code> attribute should be set to a value of 2016-09-15.");'
+  - text: Certifique-se de que seu elemento de <code>time</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/time>/g) && code.match(/<\/time>/g).length === 4, "Make sure your <code>time</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Tournaments</h1>
+  </header>
+  <article>
+    <h2>Mortal Kombat Tournament Survey Results</h2>
+
+    <!-- Add your code below this line -->
+
+    <p>Thank you to everyone for responding to Master Camper Cat's survey. The best day to host the vaunted Mortal Kombat tournament is Thursday, September 15<sup>th</sup>. May the best ninja win!</p>
+
+    <!-- Add your code above this line -->
+
+    <section>
+      <h3>Comments:</h3>
+      <article>
+        <p>Posted by: Sub-Zero on <time datetime="2016-08-13T20:01Z">August 13<sup>th</sup></time></p>
+        <p>Johnny Cage better be there, I'll finish him!</p>
+      </article>
+      <article>
+        <p>Posted by: Doge on <time datetime="2016-08-15T08:12Z">August 15<sup>th</sup></time></p>
+        <p>Wow, much combat, so mortal.</p>
+      </article>
+      <article>
+        <p>Posted by: The Grim Reaper on <time datetime="2016-08-16T00:00Z">August 16<sup>th</sup></time></p>
+        <p>Looks like I'll be busy that day.</p>
+      </article>
+    </section>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/use-headings-to-show-hierarchical-relationships-of-content.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/use-headings-to-show-hierarchical-relationships-of-content.portuguese.md
new file mode 100644
index 0000000000..51d1e448ef
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/use-headings-to-show-hierarchical-relationships-of-content.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 587d774d367417b2b2512a9e
+title: Use Headings to Show Hierarchical Relationships of Content
+challengeType: 0
+videoUrl: ''
+localeTitle: Use títulos para mostrar relações hierárquicas de conteúdo
+---
+
+## Description
+<section id="description"> Cabeçalhos ( <code>h1</code> a <code>h6</code> elementos) são marcas de trabalho que ajudam a fornecer estrutura e rotulagem ao seu conteúdo. Os leitores de tela podem ser configurados para ler somente os cabeçalhos em uma página para que o usuário obtenha um resumo. Isso significa que é importante que as tags de título em sua marcação tenham um significado semântico e se relacionem entre si, e não sejam selecionadas apenas para seus valores de tamanho. <em>Significado semântico significa</em> que a tag usada ao redor do conteúdo indica o tipo de informação que ela contém. Se você estivesse escrevendo um artigo com uma introdução, um corpo e uma conclusão, não faria muito sentido colocar a conclusão como uma subseção do corpo em seu esboço. Deve ser sua própria seção. Da mesma forma, as tags de título em uma página da Web precisam estar em ordem e indicar os relacionamentos hierárquicos de seu conteúdo. Cabeçalhos com classificação igual (ou superior) iniciam novas seções implícitas, cabeçalhos com subseções de início de classificação mais baixas da anterior. Por exemplo, uma página com um elemento <code>h2</code> seguido por várias subseções rotuladas com tags <code>h4</code> confundiria um usuário leitor de tela. Com seis opções, é tentador usar uma tag porque ela fica melhor em um navegador, mas você pode usar CSS para editar o tamanho relativo. Um último ponto, cada página deve ter sempre um (e apenas um) elemento <code>h1</code> , que é o assunto principal do seu conteúdo. Este e os outros cabeçalhos são usados ​​em parte pelos mecanismos de pesquisa para entender o tópico da página. </section>
+
+## Instructions
+<section id="instructions"> Camper Cat quer uma página em seu site dedicada a se tornar um ninja. Ajude-o a corrigir os títulos para que sua marcação dê significado semântico ao conteúdo e mostre os relacionamentos pai-filho apropriados de suas seções. Altere todas as tags <code>h5</code> para o nível de cabeçalho adequado para indicar que elas são subseções das <code>h2</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve ter seis tags <code>h3</code> .
+    testString: 'assert($("h3").length === 6, "Your code should have six <code>h3</code> tags.");'
+  - text: Seu código não deve ter tags <code>h5</code> .
+    testString: 'assert($("h5").length === 0, "Your code should not have any <code>h5</code> tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>How to Become a Ninja</h1>
+<main>
+  <h2>Learn the Art of Moving Stealthily</h2>
+  <h5>How to Hide in Plain Sight</h5>
+  <h5>How to Climb a Wall</h5>
+
+  <h2>Learn the Art of Battle</h2>
+  <h5>How to Strengthen your Body</h5>
+  <h5>How to Fight like a Ninja</h5>
+
+  <h2>Learn the Art of Living with Honor</h2>
+  <h5>How to Breathe Properly</h5>
+  <h5>How to Simplify your Life</h5>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/use-tabindex-to-add-keyboard-focus-to-an-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/use-tabindex-to-add-keyboard-focus-to-an-element.portuguese.md
new file mode 100644
index 0000000000..61199c0c28
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/use-tabindex-to-add-keyboard-focus-to-an-element.portuguese.md
@@ -0,0 +1,97 @@
+---
+id: 587d7790367417b2b2512ab0
+title: Use tabindex to Add Keyboard Focus to an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Use tabindex para adicionar foco do teclado a um elemento
+---
+
+## Description
+<section id="description"> O atributo <code>tabindex</code> HTML possui três funções distintas relacionadas ao foco do teclado de um elemento. Quando está em uma tag, indica que o elemento pode ser focado. O valor (um inteiro que é positivo, negativo ou zero) determina o comportamento. Determinados elementos, como links e controles de formulário, recebem automaticamente o foco do teclado quando um usuário é direcionado por uma página. Está na mesma ordem em que os elementos vêm na marcação de fonte HTML. Essa mesma funcionalidade pode ser fornecida a outros elementos, como <code>div</code> , <code>span</code> e <code>p</code> , colocando-se um <code>tabindex=&quot;0&quot;</code> neles. Aqui está um exemplo: <code>&lt;div tabindex=&quot;0&quot;&gt;I need keyboard focus!&lt;/div&gt;</code> <strong>Observação</strong> <br> Um valor de <code>tabindex</code> negativo (tipicamente -1) indica que um elemento é focalizável, mas não é alcançável pelo teclado. Esse método geralmente é usado para trazer o foco ao conteúdo de forma programática (como quando um <code>div</code> usado para uma janela pop-up é ativado) e está além do escopo desses desafios. </section>
+
+## Instructions
+<section id="instructions"> A Camper Cat criou uma nova pesquisa para coletar informações sobre seus usuários. Ele sabe que os campos de entrada recebem automaticamente o foco do teclado, mas ele quer ter certeza de que seus usuários de teclado pausem nas instruções enquanto navegam pelos itens. Adicione um atributo <code>tabindex</code> à tag <code>p</code> e defina seu valor como &quot;0&quot;. Bônus - usando <code>tabindex</code> também ativa a pseudo-classe CSS <code>:focus</code> para trabalhar na tag <code>p</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve adicionar um atributo <code>tabindex</code> à tag <code>p</code> que contém as instruções do formulário.
+    testString: 'assert($("p").attr("tabindex"), "Your code should add a <code>tabindex</code> attribute to the <code>p</code> tag that holds the form instructions.");'
+  - text: Seu código deve definir o atributo <code>tabindex</code> na tag <code>p</code> para um valor de 0.
+    testString: 'assert($("p").attr("tabindex") == "0", "Your code should set the <code>tabindex</code> attribute on the <code>p</code> tag to a value of 0.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  p:focus {
+    background-color: yellow;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Ninja Survey</h1>
+  </header>
+  <section>
+    <form>
+
+
+      <p>Instructions: Fill in ALL your information then click <b>Submit</b></p>
+
+
+      <label for="username">Username:</label>
+      <input type="text" id="username" name="username"><br>
+      <fieldset>
+        <legend>What level ninja are you?</legend>
+        <input id="newbie" type="radio" name="levels" value="newbie">
+        <label for="newbie">Newbie Kitten</label><br>
+        <input id="intermediate" type="radio" name="levels" value="intermediate">
+        <label for="intermediate">Developing Student</label><br>
+        <input id="master" type="radio" name="levels" value="master">
+        <label for="master">9th Life Master</label>
+      </fieldset>
+      <br>
+      <fieldset>
+      <legend>Select your favorite weapons:</legend>
+      <input id="stars" type="checkbox" name="weapons" value="stars">
+      <label for="stars">Throwing Stars</label><br>
+      <input id="nunchucks" type="checkbox" name="weapons" value="nunchucks">
+      <label for="nunchucks">Nunchucks</label><br>
+      <input id="sai" type="checkbox" name="weapons" value="sai">
+      <label for="sai">Sai Set</label><br>
+      <input id="sword" type="checkbox" name="weapons" value="sword">
+      <label for="sword">Sword</label>
+      </fieldset>
+      <br>
+      <input type="submit" name="submit" value="Submit">
+    </form><br>
+  </section>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.portuguese.md
new file mode 100644
index 0000000000..0ab903e9dc
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.portuguese.md
@@ -0,0 +1,85 @@
+---
+id: 587d7790367417b2b2512ab1
+title: Use tabindex to Specify the Order of Keyboard Focus for Several Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Use tabindex para especificar a ordem do foco do teclado para vários elementos
+---
+
+## Description
+<section id="description"> O atributo <code>tabindex</code> também especifica a ordem de tabulação exata dos elementos. Isso é obtido quando o valor do atributo é definido como um número positivo de 1 ou superior. Definir um tabindex = &quot;1&quot; trará o foco do teclado para esse elemento primeiro. Em seguida, ele percorre a sequência de valores de <code>tabindex</code> especificados (2, 3, etc.), antes de passar para os itens padrão e <code>tabindex=&quot;0&quot;</code> . É importante observar que, quando a ordem de tabulação é definida dessa forma, ela substitui a ordem padrão (que usa a origem HTML). Isso pode confundir os usuários que estão esperando iniciar a navegação a partir do topo da página. Essa técnica pode ser necessária em algumas circunstâncias, mas em termos de acessibilidade, tome cuidado antes de aplicá-la. Aqui está um exemplo: <code>&lt;div tabindex=&quot;1&quot;&gt;I get keyboard focus, and I get it first!&lt;/div&gt;</code> <code>&lt;div tabindex=&quot;2&quot;&gt;I get keyboard focus, and I get it second!&lt;/div&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Camper Cat tem um campo de pesquisa em sua página Inspirational Quotes que ele planeja posicionar no canto superior direito com CSS. Ele deseja que a <code>input</code> pesquisa e os controles de formulário de <code>input</code> sejam os dois primeiros itens na ordem de tabulação. Adicione um atributo <code>tabindex</code> definido como &quot;1&quot; à <code>input</code> pesquisa e um atributo <code>tabindex</code> definido como &quot;2&quot; à <code>input</code> envio. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve adicionar um atributo <code>tabindex</code> à tag de <code>input</code> pesquisa.
+    testString: 'assert($("#search").attr("tabindex"), "Your code should add a <code>tabindex</code> attribute to the search <code>input</code> tag.");'
+  - text: Seu código deve adicionar um atributo <code>tabindex</code> à tag de <code>input</code> envio.
+    testString: 'assert($("#submit").attr("tabindex"), "Your code should add a <code>tabindex</code> attribute to the submit <code>input</code> tag.");'
+  - text: Seu código deve definir o atributo <code>tabindex</code> na tag de <code>input</code> pesquisa como um valor de 1.
+    testString: 'assert($("#search").attr("tabindex") == "1", "Your code should set the <code>tabindex</code> attribute on the search <code>input</code> tag to a value of 1.");'
+  - text: Seu código deve definir o atributo <code>tabindex</code> na tag de <code>input</code> envio para um valor de 2.
+    testString: 'assert($("#submit").attr("tabindex") == "2", "Your code should set the <code>tabindex</code> attribute on the submit <code>input</code> tag to a value of 2.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Even Deeper Thoughts with Master Camper Cat</h1>
+    <nav>
+      <ul>
+        <li><a href="">Home</a></li>
+        <li><a href="">Blog</a></li>
+        <li><a href="">Training</a></li>
+      </ul>
+    </nav>
+  </header>
+  <form>
+    <label for="search">Search:</label>
+
+
+    <input type="search" name="search" id="search">
+    <input type="submit" name="submit" value="Submit" id="submit">
+
+
+  </form>
+  <h2>Inspirational Quotes</h2>
+  <blockquote>
+    <p>&ldquo;There's no Theory of Evolution, just a list of creatures I've allowed to live.&rdquo;<br>
+    - Chuck Norris</p>
+  </blockquote>
+  <blockquote>
+    <p>&ldquo;Wise men say forgiveness is divine, but never pay full price for late pizza.&rdquo;<br>
+    - TMNT</p>
+  </blockquote>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.portuguese.md
new file mode 100644
index 0000000000..de42318fed
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: 587d774e367417b2b2512aa0
+title: Wrap Content in the article Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Embrulhe conteúdo no artigo Elemento
+---
+
+## Description
+<section id="description"> <code>article</code> é outro dos novos elementos HTML5 que adiciona significado semântico à sua marcação. <code>Article</code> é um elemento de corte e é usado para envolver conteúdo independente e independente. A tag funciona bem com entradas de blog, postagens no fórum ou artigos de notícias. Determinar se o conteúdo pode ficar sozinho é geralmente uma avaliação, mas existem alguns testes simples que você pode usar. Pergunte a si mesmo se você removeu todo o contexto circundante, esse conteúdo ainda faria sentido? Da mesma forma, para o texto, o conteúdo se sustentaria se estivesse em um feed RSS? Lembre-se de que as pessoas que usam tecnologias assistivas dependem de uma marcação organizada e significativa para compreender melhor seu trabalho. <strong>Nota sobre a <code>section</code> e <code>div</code></strong> <br> O elemento <code>section</code> também é novo no HTML5 e tem um significado semântico ligeiramente diferente do que o <code>article</code> . Um <code>article</code> é para conteúdo autônomo e uma <code>section</code> é para agrupar conteúdo relacionado tematicamente. Eles podem ser usados ​​uns dentro dos outros, conforme necessário. Por exemplo, se um livro é o <code>article</code> , então cada capítulo é uma <code>section</code> . Quando não houver relacionamento entre grupos de conteúdo, use um <code>div</code> . <blockquote> &lt;div&gt; - agrupa o conteúdo <br> &lt;section&gt; - agrupa conteúdo relacionado <br> &lt;article&gt; - agrupa conteúdo independente e autocontido <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Camper Cat usou tags de <code>article</code> para embrulhar as postagens em sua página do blog, mas ele se esqueceu de usá-las na parte superior. Altere a tag <code>div</code> para usar uma tag de <code>article</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve ter três tags de <code>article</code> .
+    testString: 'assert($("article").length == 3, "Your code should have three <code>article</code> tags.");'
+  - text: Seu código não deve ter tags <code>div</code> .
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Deep Thoughts with Master Camper Cat</h1>
+<main>
+  <div>
+    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </div>
+
+  <img src="samuraiSwords.jpeg" alt="">
+
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near...</p>
+  </article>
+
+  <img src="samuraiSwords.jpeg" alt="">
+
+  <article>
+    <h2>Is Chuck Norris a Cat Person?</h2>
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.portuguese.md
new file mode 100644
index 0000000000..2494fd92df
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.portuguese.md
@@ -0,0 +1,99 @@
+---
+id: 587d778b367417b2b2512aa7
+title: Wrap Radio Buttons in a fieldset Element for Better Accessibility
+challengeType: 0
+videoUrl: ''
+localeTitle: Enrole os botões de rádio em um elemento fieldset para uma melhor acessibilidade
+---
+
+## Description
+<section id="description"> O próximo tópico do formulário aborda a acessibilidade dos botões de opção. Cada escolha é dada uma <code>label</code> com um <code>for</code> atributo amarrar ao <code>id</code> do item correspondente, abrangidos no último desafio. Como os botões de rádio geralmente vêm em um grupo onde o usuário deve escolher um, há uma maneira de mostrar semanticamente que as opções fazem parte de um conjunto. A tag <code>fieldset</code> envolve todo o agrupamento de botões de rádio para conseguir isso. Ele geralmente usa uma <code>legend</code> para fornecer uma descrição para o agrupamento, que é lido pelos leitores de tela para cada opção no elemento <code>fieldset</code> . O wrapper <code>fieldset</code> e a tag <code>legend</code> não são necessários quando as opções são auto-explicativas, como uma seleção de gênero. Usando um <code>label</code> com a <code>for</code> atributo para cada botão de rádio é suficiente. Aqui está um exemplo: <blockquote> &lt;form&gt; <br> &lt;fieldset&gt; <br> &lt;legend&gt; Escolha um destes três itens: &lt;/ legend&gt; <br> &lt;input id = &quot;one&quot; type = &quot;rádio&quot; nome = &quot;itens&quot; valor = &quot;um&quot;&gt; <br> &lt;label for = &quot;one&quot;&gt; Choice One &lt;/ label&gt; &lt;br&gt; <br> &lt;input id = &quot;two&quot; type = &quot;rádio&quot; name = &quot;itens&quot; valor = &quot;dois&quot;&gt; <br> &lt;label for = &quot;two&quot;&gt; Escolha dois &lt;/ label&gt; &lt;br&gt; <br> &lt;input id = &quot;three&quot; type = &quot;rádio&quot; name = &quot;itens&quot; valor = &quot;três&quot;&gt; <br> &lt;label for = &quot;three&quot;&gt; Escolha Três &lt;/ label&gt; <br> &lt;/ fieldset&gt; <br> &lt;/ form&gt; <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> O Camper Cat quer informações sobre o nível ninja de seus usuários quando eles se inscrevem em sua lista de e-mail. Ele é adicionado um conjunto de botões de rádio, e aprendemos de nossa última lição usar tags de etiquetas com <code>for</code> atributos para cada escolha. Vai o gato do campista! No entanto, seu código ainda precisa de ajuda. Altere a tag <code>div</code> redor dos botões de opção para uma tag de <code>fieldset</code> e altere a tag <code>p</code> dentro dela para uma <code>legend</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve ter uma tag de <code>fieldset</code> torno do conjunto de botões de opção.
+    testString: 'assert($("fieldset").length == 1, "Your code should have a <code>fieldset</code> tag around the radio button set.");'
+  - text: Certifique-se de que seu elemento <code>fieldset</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/fieldset>/g) && code.match(/<\/fieldset>/g).length === code.match(/<fieldset>/g).length, "Make sure your <code>fieldset</code> element has a closing tag.");'
+  - text: Seu código deve ter uma <code>legend</code> ao redor do texto perguntando qual nível ninja é o usuário.
+    testString: 'assert($("legend").length == 1, "Your code should have a <code>legend</code> tag around the text asking what level ninja a user is.");'
+  - text: Seu código não deve ter tags <code>div</code> .
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: Seu código não deve mais ter uma tag <code>p</code> ao redor do texto perguntando qual nível ninja é um usuário.
+    testString: 'assert($("p").length == 4, "Your code should no longer have a <code>p</code> tag around the text asking what level ninja a user is.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <section>
+    <form>
+      <p>Sign up to receive Camper Cat's blog posts by email here!</p>
+      <label for="email">Email:</label>
+      <input type="text" id="email" name="email">
+
+
+      <!-- Add your code below this line -->
+      <div>
+        <p>What level ninja are you?</p>
+        <input id="newbie" type="radio" name="levels" value="newbie">
+        <label for="newbie">Newbie Kitten</label><br>
+        <input id="intermediate" type="radio" name="levels" value="intermediate">
+        <label for="intermediate">Developing Student</label><br>
+        <input id="master" type="radio" name="levels" value="master">
+        <label for="master">Master</label>
+      </div>
+      <!-- Add your code above this line -->
+
+
+      <input type="submit" name="submit" value="Submit">
+    </form>
+  </section>
+  <article>
+    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Is Chuck Norris a Cat Person?</h2>
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.portuguese.md
new file mode 100644
index 0000000000..4cd8276626
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.portuguese.md
@@ -0,0 +1,94 @@
+---
+id: 587d781b367417b2b2512abe
+title: Add a box-shadow to a Card-like Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Adicionar uma sombra de caixa a um elemento semelhante ao cartão
+---
+
+## Description
+<section id="description"> A propriedade <code>box-shadow</code> aplica uma ou mais sombras a um elemento. A propriedade <code>box-shadow</code> toma valores para <code>offset-x</code> (até onde empurrar a sombra horizontalmente a partir do elemento), <code>offset-y</code> (até onde empurrar a sombra verticalmente a partir do elemento), <code>blur-radius</code> , <code>spread-radius</code> e uma cor valor, nessa ordem. Os valores de <code>spread-radius</code> e <code>blur-radius</code> <code>spread-radius</code> são opcionais. Aqui está um exemplo do CSS para criar várias sombras com algum desfoque, em cores pretas quase transparentes: <blockquote> box-shadow: 0 10px 20px rgba (0,0,0,0.19), 0 6px 6px rgba (0,0,0,0.23); </blockquote></section>
+
+## Instructions
+<section id="instructions"> O elemento agora tem um id de <code>thumbnail</code> . Com esse seletor, use os valores CSS acima para colocar uma <code>box-shadow</code> no cartão. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve adicionar uma propriedade de <code>box-shadow</code> para o ID da <code>thumbnail</code> .
+    testString: 'assert(code.match(/#thumbnail\s*?{\s*?box-shadow/g), "Your code should add a <code>box-shadow</code> property for the <code>thumbnail</code> id.");'
+  - text: Você deve usar o CSS fornecido para o valor de <code>box-shadow</code> da <code>box-shadow</code> .
+    testString: 'assert(code.match(/box-shadow:\s*?0\s+?10px\s+?20px\s+?rgba\(\s*?0\s*?,\s*?0\s*?,\s*?0\s*?,\s*?0?\.19\),\s*?0\s+?6px\s+?6px\s+?rgba\(\s*?0\s*?,\s*?0\s*?,\s*?0\s*?,\s*?0?\.23\)/gi), "You should use the given CSS for the <code>box-shadow</code> value.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+    font-size: 27px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+
+
+
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard" id="thumbnail">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.portuguese.md
new file mode 100644
index 0000000000..d6c142e450
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.portuguese.md
@@ -0,0 +1,93 @@
+---
+id: 587d781b367417b2b2512abc
+title: Adjust the background-color Property of Text
+challengeType: 0
+videoUrl: ''
+localeTitle: Ajustar a propriedade de cor de fundo do texto
+---
+
+## Description
+<section id="description"> Em vez de ajustar o fundo geral ou a cor do texto para tornar o primeiro plano facilmente legível, você pode adicionar uma <code>background-color</code> ao elemento que contém o texto que deseja enfatizar. Este desafio usa <code>rgba()</code> vez de códigos <code>hex</code> ou <code>rgb()</code> normal <code>rgb()</code> . <blockquote> rgba significa: <br> r = vermelho <br> g = verde <br> b = azul <br> a = alfa / nível de opacidade </blockquote> Os valores RGB podem variar de 0 a 255. O valor alfa pode variar de 1, que é totalmente opaco ou cor sólida, a 0, que é totalmente transparente ou claro. <code>rgba()</code> é ótimo para usar neste caso, pois permite ajustar a opacidade. Isso significa que você não precisa bloquear completamente o plano de fundo. Você usará <code>background-color: rgba(45, 45, 45, 0.1)</code> para este desafio. Ele produz uma cor cinza escura que é quase transparente, dado o baixo valor de opacidade de 0,1. </section>
+
+## Instructions
+<section id="instructions"> Para tornar o texto mais destacado, ajuste a <code>background-color</code> de fundo do elemento <code>h4</code> ao valor <code>rgba()</code> fornecido. Também para o <code>h4</code> , remova a propriedade <code>height</code> e adicione <code>padding</code> de 10px. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Seu código deve adicionar uma propriedade de <code>background-color</code> ao elemento <code>h4</code> definido como <code>rgba(45, 45, 45, 0.1)</code> .'
+    testString: 'assert(code.match(/background-color:\s*?rgba\(\s*?45\s*?,\s*?45\s*?,\s*?45\s*?,\s*?0?\.1\s*?\)/gi), "Your code should add a <code>background-color</code> property to the <code>h4</code> element set to <code>rgba(45, 45, 45, 0.1)</code>.");'
+  - text: Seu código deve adicionar uma propriedade de <code>padding</code> ao elemento <code>h4</code> e configurá-lo para 10 pixels.
+    testString: 'assert($("h4").css("padding-top") == "10px" && $("h4").css("padding-right") == "10px" && $("h4").css("padding-bottom") == "10px" && $("h4").css("padding-left") == "10px", "Your code should add a <code>padding</code> property to the <code>h4</code> element and set it to 10 pixels.");'
+  - text: A propriedade <code>height</code> no elemento <code>h4</code> deve ser removida.
+    testString: 'assert(!($("h4").css("height") == "25px"), "The <code>height</code> property on the <code>h4</code> element should be removed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-color-of-various-elements-to-complementary-colors.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-color-of-various-elements-to-complementary-colors.portuguese.md
new file mode 100644
index 0000000000..f337de7bb3
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-color-of-various-elements-to-complementary-colors.portuguese.md
@@ -0,0 +1,92 @@
+---
+id: 587d78a4367417b2b2512ad3
+title: Adjust the Color of Various Elements to Complementary Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: Ajuste a cor de vários elementos para cores complementares
+---
+
+## Description
+<section id="description"> O desafio Complementary Colours mostrou que cores opostas na roda de cores podem fazer a outra parecer mais vibrante quando colocadas lado a lado. No entanto, o forte contraste visual pode ser chocante se for usado em excesso em um site e, às vezes, dificultar a leitura do texto se ele for colocado em um plano de fundo de cores complementares. Na prática, uma das cores geralmente é dominante e o complemento é usado para chamar a atenção visual para determinado conteúdo da página. </section>
+
+## Instructions
+<section id="instructions"> Esta página usará um tom de cerceta ( <code>#09A7A1</code> ) como a cor dominante, e seu complemento laranja ( <code>#FF790E</code> ) para destacar visualmente os botões de inscrição. Altere a <code>background-color</code> de segundo plano do <code>header</code> e do <code>footer</code> de preto para a cor da cerceta. Em seguida, altere a <code>color</code> texto <code>h2</code> para marcar também. Finalmente, mude a <code>background-color</code> de fundo do <code>button</code> para a cor laranja. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O elemento de <code>header</code> deve ter uma <code>background-color</code> de <code>background-color</code> de # 09A7A1.'
+    testString: 'assert($("header").css("background-color") == "rgb(9, 167, 161)", "The <code>header</code> element should have a <code>background-color</code> of #09A7A1.");'
+  - text: 'O elemento de <code>footer</code> deve ter uma <code>background-color</code> de <code>background-color</code> de # 09A7A1.'
+    testString: 'assert($("footer").css("background-color") == "rgb(9, 167, 161)", "The <code>footer</code> element should have a <code>background-color</code> of #09A7A1.");'
+  - text: 'O elemento <code>h2</code> deve ter uma <code>color</code> de # 09A7A1.'
+    testString: 'assert($("h2").css("color") == "rgb(9, 167, 161)", "The <code>h2</code> element should have a <code>color</code> of #09A7A1.");'
+  - text: 'O elemento de <code>button</code> deve ter uma <code>background-color</code> de <code>background-color</code> de # FF790E.'
+    testString: 'assert($("button").css("background-color") == "rgb(255, 121, 14)", "The <code>button</code> element should have a <code>background-color</code> of #FF790E.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: white;
+  }
+  header {
+    background-color: black;
+    color: white;
+    padding: 0.25em;
+  }
+  h2 {
+    color: black;
+  }
+  button {
+    background-color: white;
+  }
+  footer {
+    background-color: black;
+    color: white;
+    padding: 0.5em;
+  }
+</style>
+<header>
+  <h1>Cooking with FCC!</h1>
+</header>
+<main>
+  <article>
+    <h2>Machine Learning in the Kitchen</h2>
+    <p>Join this two day workshop that walks through how to implement cutting-edge snack-getting algorithms with a command line interface. Coding usually involves writing exact instructions, but sometimes you need your computer to execute flexible commands, like <code>fetch Pringles</code>.</p>
+    <button>Sign Up</button>
+  </article>
+  <article>
+    <h2>Bisection Vegetable Chopping</h2>
+    <p>This week-long retreat will level-up your coding ninja skills to actual ninja skills. No longer is the humble bisection search limited to sorted arrays or coding interview questions, applying its concepts in the kitchen will have you chopping carrots in O(log n) time before you know it.</p>
+    <button>Sign Up</button>
+  </article>
+</main>
+<br>
+<footer>&copy; 2018 FCC Kitchen</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.portuguese.md
new file mode 100644
index 0000000000..c32a9f7297
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.portuguese.md
@@ -0,0 +1,83 @@
+---
+id: 587d7791367417b2b2512ab5
+title: Adjust the Height of an Element Using the height Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Ajustar a altura de um elemento usando a propriedade height
+---
+
+## Description
+<section id="description"> Você pode especificar a altura de um elemento usando a propriedade <code>height</code> em CSS, semelhante à propriedade <code>width</code> . Aqui está um exemplo que muda a altura de uma imagem para 20px: <blockquote> img { <br> altura: 20px; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione uma propriedade <code>height</code> à tag <code>h4</code> e defina-a para 25px. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve alterar a propriedade de <code>height</code> <code>h4</code> para um valor de 25 pixels.
+    testString: 'assert($("h4").css("height") == "25px", "Your code should change the <code>h4</code> <code>height</code> property to a value of 25 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    margin-right: 20px;
+    text-align: left;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag.portuguese.md
new file mode 100644
index 0000000000..7d839a5506
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 587d781d367417b2b2512ac8
+title: Adjust the Hover State of an Anchor Tag
+challengeType: 0
+videoUrl: ''
+localeTitle: Ajustar o estado de foco de uma marca de âncora
+---
+
+## Description
+<section id="description"> Este desafio vai tocar no uso de pseudo-classes. Uma pseudo-classe é uma palavra-chave que pode ser adicionada aos seletores para selecionar um estado específico do elemento. Por exemplo, o estilo de uma marca de âncora pode ser alterado para seu estado de foco usando o seletor de <code>:hover</code> . Aqui está o CSS para mudar a <code>color</code> da tag âncora para vermelho durante o estado de foco: <blockquote> a: hover { <br> cor vermelha; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> O editor de código tem uma regra CSS para estilizar todos <code>a</code> preto tags. Adicionar uma regra para que quando o usuário passa sobre a <code>a</code> tag, a <code>color</code> é azul. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'A <code>color</code> tag de âncora deve permanecer em preto, basta adicionar regras CSS para o estado <code>:hover</code> .'
+    testString: 'assert($("a").css("color") == "rgb(0, 0, 0)", "The anchor tag <code>color</code> should remain black, only add CSS rules for the <code>:hover</code> state.");'
+  - text: A tag de âncora deve ter uma <code>color</code> azul ao passar o mouse.
+    testString: 'assert(code.match(/a:hover\s*?{\s*?color:\s*?blue;\s*?}/gi), "The anchor tag should have a <code>color</code> of blue on hover.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  a {
+    color: #000;
+  }
+
+
+
+</style>
+<a href="http://freecatphotoapp.com/" target="_blank">CatPhotoApp</a>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.portuguese.md
new file mode 100644
index 0000000000..d18b53955b
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.portuguese.md
@@ -0,0 +1,85 @@
+---
+id: 587d78a4367417b2b2512ad4
+title: Adjust the Hue of a Color
+challengeType: 0
+videoUrl: ''
+localeTitle: Ajustar o tom de uma cor
+---
+
+## Description
+<section id="description"> As cores têm várias características, incluindo tonalidade, saturação e luminosidade. O CSS3 introduziu a propriedade <code>hsl()</code> como uma maneira alternativa de escolher uma cor, declarando diretamente essas características. <b>O tom</b> é o que as pessoas geralmente pensam como &quot;cor&quot;. Se você imaginar um espectro de cores começando com vermelho à esquerda, passando pelo verde no meio e azul à direita, o matiz é onde uma cor se encaixa nessa linha. Em <code>hsl()</code> , o matiz usa um conceito de roda de cores em vez do espectro, onde o ângulo da cor no círculo é dado como um valor entre 0 e 360. A <b>saturação</b> é a quantidade de cinza em uma cor. Uma cor totalmente saturada não tem cinza, e uma cor minimamente saturada é quase completamente cinza. Isso é dado como uma porcentagem com 100% sendo totalmente saturado. <b>Leveza</b> é a quantidade de branco ou preto em uma cor. É dada uma porcentagem variando de 0% (preto) a 100% (branco), onde 50% é a cor normal. Aqui estão alguns exemplos do uso de <code>hsl()</code> com cores de saturação normais e totalmente saturadas: <table class="table table-striped"><thead><tr><th> Cor </th><th> HSL </th></tr></thead><tbody><tr><td> vermelho </td><td> hsl (0, 100%, 50%) </td></tr><tr><td> amarelo </td><td> hsl (60, 100%, 50%) </td></tr><tr><td> verde </td><td> hsl (120, 100%, 50%) </td></tr><tr><td> ciano </td><td> hsl (180, 100%, 50%) </td></tr><tr><td> azul </td><td> hsl (240, 100%, 50%) </td></tr><tr><td> magenta </td><td> hsl (300, 100%, 50%) </td></tr></tbody></table></section>
+
+## Instructions
+<section id="instructions"> Altere a <code>background-color</code> de <code>background-color</code> de cada elemento <code>div</code> base nos nomes de classe ( <code>green</code> , <code>cyan</code> ou <code>blue</code> ) usando <code>hsl()</code> . Todos os três devem ter saturação completa e leveza normal. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar a propriedade <code>hsl()</code> para declarar a cor verde.
+    testString: 'assert(code.match(/\.green\s*?{\s*?background-color:\s*?hsl/gi), "Your code should use the <code>hsl()</code> property to declare the color green.");'
+  - text: Seu código deve usar a propriedade <code>hsl()</code> para declarar a cor ciano.
+    testString: 'assert(code.match(/\.cyan\s*?{\s*?background-color:\s*?hsl/gi), "Your code should use the <code>hsl()</code> property to declare the color cyan.");'
+  - text: Seu código deve usar a propriedade <code>hsl()</code> para declarar a cor azul.
+    testString: 'assert(code.match(/\.blue\s*?{\s*?background-color:\s*?hsl/gi), "Your code should use the <code>hsl()</code> property to declare the color blue.");'
+  - text: O elemento <code>div</code> com a classe <code>green</code> deve ter uma <code>background-color</code> de fundo verde.
+    testString: 'assert($(".green").css("background-color") == "rgb(0, 255, 0)", "The <code>div</code> element with class <code>green</code> should have a <code>background-color</code> of green.");'
+  - text: O elemento <code>div</code> com classe <code>cyan</code> deve ter uma <code>background-color</code> de <code>background-color</code> de ciano.
+    testString: 'assert($(".cyan").css("background-color") == "rgb(0, 255, 255)", "The <code>div</code> element with class <code>cyan</code> should have a <code>background-color</code> of cyan.");'
+  - text: O elemento <code>div</code> com a classe <code>blue</code> deve ter uma <code>background-color</code> de fundo azul.
+    testString: 'assert($(".blue").css("background-color") == "rgb(0, 0, 255)", "The <code>div</code> element with class <code>blue</code> should have a <code>background-color</code> of blue.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: #FFFFFF;
+  }
+
+  .green {
+    background-color: #000000;
+  }
+
+  .cyan {
+    background-color: #000000;
+  }
+
+  .blue {
+    background-color: #000000;
+  }
+
+  div {
+    display: inline-block;
+    height: 100px;
+    width: 100px;
+  }
+</style>
+
+<div class="green"></div>
+<div class="cyan"></div>
+<div class="blue"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-size-of-a-header-versus-a-paragraph-tag.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-size-of-a-header-versus-a-paragraph-tag.portuguese.md
new file mode 100644
index 0000000000..7cd8aa3a1b
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-size-of-a-header-versus-a-paragraph-tag.portuguese.md
@@ -0,0 +1,89 @@
+---
+id: 587d781b367417b2b2512abd
+title: Adjust the Size of a Header Versus a Paragraph Tag
+challengeType: 0
+videoUrl: ''
+localeTitle: Ajustar o tamanho de um cabeçalho versus uma tag de parágrafo
+---
+
+## Description
+<section id="description"> O tamanho da fonte das tags de cabeçalho ( <code>h1</code> a <code>h6</code> ) geralmente deve ser maior que o tamanho da fonte das tags de parágrafo. Isso torna mais fácil para o usuário entender visualmente o layout e o nível de importância de tudo na página. Você usa a propriedade <code>font-size</code> para ajustar o tamanho do texto em um elemento. </section>
+
+## Instructions
+<section id="instructions"> Para tornar o título significativamente maior que o parágrafo, altere o <code>font-size</code> da <code>font-size</code> da marca <code>h4</code> para 27 pixels. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve adicionar uma propriedade de <code>font-size</code> ao elemento <code>h4</code> definido como 27 pixels.
+    testString: 'assert($("h4").css("font-size") == "27px", "Your code should add a <code>font-size</code> property to the <code>h4</code> element set to 27 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color.portuguese.md
new file mode 100644
index 0000000000..6bcb35548f
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color.portuguese.md
@@ -0,0 +1,89 @@
+---
+id: 587d78a4367417b2b2512ad5
+title: Adjust the Tone of a Color
+challengeType: 0
+videoUrl: ''
+localeTitle: Ajustar o tom de uma cor
+---
+
+## Description
+<section id="description"> A opção <code>hsl()</code> no CSS também facilita o ajuste do tom de uma cor. Misturar branco com um tom puro cria um tom dessa cor, e adicionar preto fará sombra. Alternativamente, um tom é produzido pela adição de cinza ou por tingimento e sombreamento. Lembre-se de que &#39;s&#39; e &#39;l&#39; de <code>hsl()</code> significam saturação e luminosidade, respectivamente. O percentual de saturação altera a quantidade de cinza e o percentual de luminosidade determina o quanto branco ou preto está na cor. Isso é útil quando você tem um matiz de base que você gosta, mas precisa de variações diferentes dele. </section>
+
+## Instructions
+<section id="instructions"> A barra de navegação neste site atualmente herda sua <code>background-color</code> de <code>background-color</code> do elemento de <code>header</code> . Começando com essa cor como base, adicione uma <code>background-color</code> ao elemento de <code>nav</code> para que ele use o mesmo matiz ciano, mas tenha 80% de saturação e 25% de valores de luminosidade para alterar seu tom e tom. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O elemento <code>nav</code> deve ter uma <code>background-color</code> de <code>background-color</code> do tom ciano ajustado usando a propriedade <code>hsl()</code> .
+    testString: 'assert(code.match(/nav\s*?{\s*?background-color:\s*?hsl\(180,\s*?80%,\s*?25%\)/gi), "The <code>nav</code> element should have a <code>background-color</code> of the adjusted cyan tone using the <code>hsl()</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  header {
+    background-color: hsl(180, 90%, 35%);
+    color: #FFFFFF;
+  }
+
+  nav {
+
+  }
+
+  h1 {
+    text-indent: 10px;
+    padding-top: 10px;
+  }
+
+  nav ul {
+    margin: 0px;
+    padding: 5px 0px 5px 30px;
+  }
+
+  nav li {
+    display: inline;
+    margin-right: 20px;
+  }
+
+  a {
+    text-decoration: none;
+    color: inherit;
+  }
+</style>
+
+<header>
+  <h1>Cooking with FCC!</h1>
+  <nav>
+    <ul>
+      <li><a href="#">Home</a></li>
+      <li><a href="#">Classes</a></li>
+      <li><a href="#">Contact</a></li>
+    </ul>
+  </nav>
+</header>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-width-of-an-element-using-the-width-property.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-width-of-an-element-using-the-width-property.portuguese.md
new file mode 100644
index 0000000000..664267ae7a
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/adjust-the-width-of-an-element-using-the-width-property.portuguese.md
@@ -0,0 +1,82 @@
+---
+id: 587d7791367417b2b2512ab4
+title: Adjust the Width of an Element Using the width Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Ajustar a largura de um elemento usando a propriedade width
+---
+
+## Description
+<section id="description"> Você pode especificar a largura de um elemento usando a propriedade <code>width</code> em CSS. Os valores podem ser dados em unidades de tamanho relativo (como em), unidades de tamanho absoluto (como px) ou como uma porcentagem de seu elemento pai contendo. Veja um exemplo que altera a largura de uma imagem para 220px: <blockquote> img { <br> largura: 220px; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione uma propriedade <code>width</code> ao cartão inteiro e defina-o para um valor absoluto de 245px. Use a classe <code>fullCard</code> para selecionar o elemento. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve alterar a propriedade <code>width</code> do cartão para 245 pixels usando o seletor de classe <code>fullCard</code> .
+    testString: 'assert(code.match(/.fullCard\s*{[\s\S][^}]*\n*^\s*width\s*:\s*245px\s*;/gm), "Your code should change the <code>width</code> property of the card to 245 pixels by using the <code>fullCard</code> class selector.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    margin-right: 20px;
+    text-align: left;
+  }
+  .fullCard {
+
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/animate-elements-at-variable-rates.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/animate-elements-at-variable-rates.portuguese.md
new file mode 100644
index 0000000000..5e52ff0a36
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/animate-elements-at-variable-rates.portuguese.md
@@ -0,0 +1,100 @@
+---
+id: 587d78a8367417b2b2512ae5
+title: Animate Elements at Variable Rates
+challengeType: 0
+videoUrl: ''
+localeTitle: Elementos animados em taxas variáveis
+---
+
+## Description
+<section id="description"> Há várias maneiras de alterar as taxas de animação de elementos animados de maneira semelhante. Até agora, isso foi alcançado aplicando uma propriedade de <code>animation-iteration-count</code> e definindo regras <code>@keyframes</code> . Para ilustrar, a animação à direita consiste em duas &quot;estrelas&quot;, cada uma diminuindo de tamanho e opacidade na marca de 20% na regra <code>@keyframes</code> , que cria a animação de brilho. Você pode alterar a regra <code>@keyframes</code> de um dos elementos para que as estrelas brilhem em taxas diferentes. </section>
+
+## Instructions
+<section id="instructions"> Altere a taxa de animação do elemento com o nome da classe de <code>star-1</code> alterando sua regra <code>@keyframes</code> para 50%. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A regra <code>@keyframes</code> para a classe <code>star-1</code> deve ser de 50%.
+    testString: 'assert(code.match(/twinkle-1\s*?{\s*?50%/g), "The <code>@keyframes</code> rule for the <code>star-1</code> class should be 50%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .stars {
+    background-color: white;
+    height: 30px;
+    width: 30px;
+    border-radius: 50%;
+    animation-iteration-count: infinite;
+  }
+
+  .star-1 {
+    margin-top: 15%;
+    margin-left: 60%;
+    animation-name: twinkle-1;
+    animation-duration: 1s;
+  }
+
+  .star-2 {
+    margin-top: 25%;
+    margin-left: 25%;
+    animation-name: twinkle-2;
+    animation-duration: 1s;
+  }
+
+  @keyframes twinkle-1 {
+    20% {
+      transform: scale(0.5);
+      opacity: 0.5;
+    }
+  }
+
+  @keyframes twinkle-2 {
+    20% {
+      transform: scale(0.5);
+      opacity: 0.5;
+    }
+  }
+
+  #back {
+    position: fixed;
+    padding: 0;
+    margin: 0;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(black, #000099, #66c2ff, #ffcccc, #ffeee6);
+  }
+</style>
+
+<div id="back"></div>
+<div class="star-1 stars"></div>
+<div class="star-2 stars"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/animate-elements-continually-using-an-infinite-animation-count.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/animate-elements-continually-using-an-infinite-animation-count.portuguese.md
new file mode 100644
index 0000000000..5d7028cf5f
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/animate-elements-continually-using-an-infinite-animation-count.portuguese.md
@@ -0,0 +1,81 @@
+---
+id: 587d78a8367417b2b2512ae3
+title: Animate Elements Continually Using an Infinite Animation Count
+challengeType: 0
+videoUrl: ''
+localeTitle: Animar elementos continuamente usando uma contagem de animação infinita
+---
+
+## Description
+<section id="description"> Os desafios anteriores cobriam como usar algumas das propriedades de animação e a regra <code>@keyframes</code> . Outra propriedade de animação é a <code>animation-iteration-count</code> , que permite controlar quantas vezes você deseja percorrer a animação. Aqui está um exemplo: <code>animation-iteration-count: 3;</code> Nesse caso, a animação será interrompida após a execução 3 vezes, mas é possível fazer a animação ser executada continuamente definindo esse valor como infinito. </section>
+
+## Instructions
+<section id="instructions"> Para manter a bola quicando à direita em um loop contínuo, altere a propriedade <code>animation-iteration-count</code> para infinita. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A propriedade <code>animation-iteration-count</code> deve ter um valor infinito.
+    testString: 'assert($("#ball").css("animation-iteration-count") == "infinite", "The <code>animation-iteration-count</code> property should have a value of infinite.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  #ball {
+    width: 100px;
+    height: 100px;
+    margin: 50px auto;
+    position: relative;
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    animation-name: bounce;
+    animation-duration: 1s;
+    animation-iteration-count: 3;
+  }
+
+  @keyframes bounce{
+    0% {
+      top: 0px;
+    }
+    50% {
+      top: 249px;
+      width: 130px;
+      height: 70px;
+    }
+    100% {
+      top: 0px;
+    }
+  }
+</style>
+<div id="ball"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/animate-multiple-elements-at-variable-rates.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/animate-multiple-elements-at-variable-rates.portuguese.md
new file mode 100644
index 0000000000..9052755b17
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/animate-multiple-elements-at-variable-rates.portuguese.md
@@ -0,0 +1,105 @@
+---
+id: 587d78a8367417b2b2512ae6
+title: Animate Multiple Elements at Variable Rates
+challengeType: 0
+videoUrl: ''
+localeTitle: Animar vários elementos a taxas variáveis
+---
+
+## Description
+<section id="description"> No desafio anterior, você alterou as taxas de animação para dois elementos animados semelhantes, alterando suas regras <code>@keyframes</code> . Você pode atingir o mesmo objetivo manipulando a <code>animation-duration</code> da <code>animation-duration</code> de vários elementos. Na animação em execução no editor de código, há três &quot;estrelas&quot; no céu que piscam na mesma taxa em um loop contínuo. Para fazê-los brilhar em taxas diferentes, você pode definir a propriedade de <code>animation-duration</code> da <code>animation-duration</code> com valores diferentes para cada elemento. </section>
+
+## Instructions
+<section id="instructions"> Defina a <code>animation-duration</code> da <code>animation-duration</code> dos elementos com as classes <code>star-1</code> , <code>star-2</code> e <code>star-3</code> a 1s, 0.9s e 1.1s, respectivamente. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A propriedade de <code>animation-duration</code> para a estrela com classe <code>star-1</code> deve permanecer em 1s.
+    testString: 'assert($(".star-1").css("animation-duration") == "1s", "The <code>animation-duration</code> property for the star with class <code>star-1</code> should remain at 1s.");'
+  - text: 'A propriedade de <code>animation-duration</code> para a estrela com classe de <code>star-2</code> deve ser 0,9s.'
+    testString: 'assert($(".star-2").css("animation-duration") == "0.9s", "The <code>animation-duration</code> property for the star with class <code>star-2</code> should be 0.9s.");'
+  - text: A propriedade de <code>animation-duration</code> para a estrela com classe <code>star-3</code> deve ser 1.1s.
+    testString: 'assert($(".star-3").css("animation-duration") == "1.1s", "The <code>animation-duration</code> property for the star with class <code>star-3</code> should be 1.1s.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .stars {
+    background-color: white;
+    height: 30px;
+    width: 30px;
+    border-radius: 50%;
+    animation-iteration-count: infinite;
+  }
+
+  .star-1 {
+    margin-top: 15%;
+    margin-left: 60%;
+    animation-duration: 1s;
+    animation-name: twinkle;
+  }
+
+  .star-2 {
+    margin-top: 25%;
+    margin-left: 25%;
+    animation-duration: 1s;
+    animation-name: twinkle;
+  }
+
+  .star-3 {
+    margin-top: 10%;
+    margin-left: 50%;
+    animation-duration: 1s;
+    animation-name: twinkle;
+  }
+
+  @keyframes twinkle {
+    20% {
+      transform: scale(0.5);
+      opacity: 0.5;
+    }
+  }
+
+  #back {
+    position: fixed;
+    padding: 0;
+    margin: 0;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(black, #000099, #66c2ff, #ffcccc, #ffeee6);
+  }
+</style>
+
+<div id="back"></div>
+<div class="star-1 stars"></div>
+<div class="star-2 stars"></div>
+<div class="star-3 stars"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.portuguese.md
new file mode 100644
index 0000000000..268864afc8
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: 587d78a3367417b2b2512ad0
+title: Center an Element Horizontally Using the margin Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Centralizar um elemento horizontalmente usando a propriedade de margem
+---
+
+## Description
+<section id="description"> Outra técnica de posicionamento é centralizar um elemento de bloco horizontalmente. Uma maneira de fazer isso é definir sua <code>margin</code> para um valor de auto. Este método também funciona para imagens. As imagens são elementos embutidos por padrão, mas podem ser alteradas para elementos de bloco quando você define a propriedade de <code>display</code> para bloquear. </section>
+
+## Instructions
+<section id="instructions"> Centralize o <code>div</code> na página adicionando uma propriedade de <code>margin</code> com um valor de auto. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O <code>div</code> deve ter uma <code>margin</code> definida como auto.
+    testString: 'assert(code.match(/margin:\s*?auto;/g), "The <code>div</code> should have a <code>margin</code> set to auto.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    background-color: blue;
+    height: 100px;
+    width: 100px;
+
+  }
+</style>
+<div></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/change-an-elements-relative-position.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/change-an-elements-relative-position.portuguese.md
new file mode 100644
index 0000000000..ffbd0be800
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/change-an-elements-relative-position.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 587d781e367417b2b2512ac9
+title: Change an Element's Relative Position
+challengeType: 0
+videoUrl: ''
+localeTitle: Alterar a posição relativa de um elemento
+---
+
+## Description
+<section id="description"> O CSS trata cada elemento HTML como sua própria caixa, que geralmente é chamada de <code>CSS Box Model</code> do <code>CSS Box Model</code> . Os itens no nível do bloco iniciam automaticamente em uma nova linha (pense em cabeçalhos, parágrafos e divs) enquanto os itens sequenciais ficam no conteúdo ao redor (como imagens ou vãos). O layout padrão dos elementos dessa maneira é chamado de <code>normal flow</code> de um documento, mas o CSS oferece a propriedade position para substituí-lo. Quando a posição de um elemento é definida como <code>relative</code> , ele permite especificar como o CSS deve movê-lo em <i>relação</i> à sua posição atual no fluxo normal da página. Ele é emparelhado com as propriedades de deslocamento de CSS da <code>left</code> ou <code>right</code> e <code>top</code> ou <code>bottom</code> . Eles dizem quantos pixels, porcentagens ou ems para mover o item para <i>longe</i> de onde ele está normalmente posicionado. O exemplo a seguir move o parágrafo a 10 pixels da parte inferior: <blockquote> p { <br> posição: relativa; <br> fundo: 10px; <br> } </blockquote> Alterar a posição de um elemento para relativo não o remove do fluxo normal - outros elementos em torno dele ainda se comportam como se esse item estivesse em sua posição padrão. <strong>Nota</strong> <br> O posicionamento oferece muita flexibilidade e poder sobre o layout visual de uma página. É bom lembrar que, independentemente da posição dos elementos, a marcação HTML subjacente deve ser organizada e fazer sentido quando lida de cima para baixo. É assim que os usuários com deficiências visuais (que dependem de dispositivos de assistência, como leitores de tela) acessam seu conteúdo. </section>
+
+## Instructions
+<section id="instructions"> Altere a <code>position</code> do <code>h2</code> para <code>relative</code> e use um deslocamento de CSS para afastá-lo 15 pixels da parte <code>top</code> de onde ele se encontra no fluxo normal. Observe que não há impacto nas posições dos elementos h1 e p circundantes. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O elemento <code>h2</code> deve ter uma propriedade de <code>position</code> definida como <code>relative</code> .
+    testString: 'assert($("h2").css("position") == "relative", "The <code>h2</code> element should have a <code>position</code> property set to <code>relative</code>.");'
+  - text: Seu código deve usar um deslocamento CSS para posicionar o <code>h2</code> 15px de forma relativamente longe do <code>top</code> de onde ele normalmente fica.
+    testString: 'assert($("h2").css("top") == "15px", "Your code should use a CSS offset to relatively position the <code>h2</code> 15px away from the <code>top</code> of where it normally sits.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h2 {
+
+
+  }
+</style>
+<body>
+  <h1>On Being Well-Positioned</h1>
+  <h2>Move me!</h2>
+  <p>I still think the h2 is where it normally sits.</p>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/change-animation-timing-with-keywords.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/change-animation-timing-with-keywords.portuguese.md
new file mode 100644
index 0000000000..acc115ad42
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/change-animation-timing-with-keywords.portuguese.md
@@ -0,0 +1,89 @@
+---
+id: 587d78a8367417b2b2512ae7
+title: Change Animation Timing with Keywords
+challengeType: 0
+videoUrl: ''
+localeTitle: Alterar o tempo de animação com palavras-chave
+---
+
+## Description
+<section id="description"> Em animações CSS, a propriedade <code>animation-timing-function</code> controla a rapidez com que um elemento animado é modificado ao longo da duração da animação. Se a animação for um carro passando do ponto A para o ponto B em um determinado momento (sua <code>animation-duration</code> ), a <code>animation-timing-function</code> diz como o carro acelera e desacelera ao longo do percurso da unidade. Há várias palavras-chave predefinidas disponíveis para opções populares. Por exemplo, o valor padrão é a <code>ease</code> , que começa devagar, acelera no meio e, em seguida, desacelera no final. Outras opções incluem a <code>ease-out</code> , que é rápida no começo, depois desacelera, <code>ease-in</code> , que é lenta no começo, depois acelera no final, ou <code>linear</code> , o que aplica uma velocidade de animação constante. </section>
+
+## Instructions
+<section id="instructions"> Para os elementos com id de <code>ball1</code> e <code>ball2</code> , adicione uma propriedade de <code>animation-timing-function</code> a cada um e defina <code>#ball1</code> como <code>linear</code> e <code>#ball2</code> para <code>ease-out</code> . Observe a diferença entre como os elementos se movem durante a animação, mas terminam juntos, pois eles compartilham a mesma <code>animation-duration</code> de <code>animation-duration</code> de 2 segundos. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O valor da propriedade <code>animation-timing-function</code> para o elemento com o id <code>ball1</code> deve ser linear.
+    testString: 'assert($("#ball1").css("animation-timing-function") == "linear", "The value of the <code>animation-timing-function</code> property for the element with the id <code>ball1</code> should be linear.");'
+  - text: O valor da propriedade <code>animation-timing-function</code> para o elemento com o id <code>ball2</code> deve ser facilitado.
+    testString: 'assert($("#ball2").css("animation-timing-function") == "ease-out", "The value of the <code>animation-timing-function</code> property for the element with the id <code>ball2</code> should be ease-out.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  .balls {
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    margin-top: 50px;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #ball1 {
+    left:27%;
+
+  }
+  #ball2 {
+    left:56%;
+
+  }
+
+@keyframes bounce {
+  0% {
+    top: 0px;
+  }
+  100% {
+    top: 249px;
+  }
+}
+
+</style>
+
+<div class="balls" id="ball1"></div>
+<div class="balls" id="ball2"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/change-the-position-of-overlapping-elements-with-the-z-index-property.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/change-the-position-of-overlapping-elements-with-the-z-index-property.portuguese.md
new file mode 100644
index 0000000000..1236d3ebbd
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/change-the-position-of-overlapping-elements-with-the-z-index-property.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: 587d78a3367417b2b2512acf
+title: Change the Position of Overlapping Elements with the z-index Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Alterar a posição dos elementos sobrepostos com a propriedade z-index
+---
+
+## Description
+<section id="description"> Quando os elementos são posicionados para se sobreporem, o elemento vindo posteriormente na marcação HTML aparecerá, por padrão, no topo dos outros elementos. No entanto, a propriedade <code>z-index</code> pode especificar a ordem de como os elementos são empilhados uns sobre os outros. Ele deve ser um número inteiro (ou seja, um número inteiro e não um decimal), e valores mais altos para a propriedade <code>z-index</code> de um elemento o movem mais alto na pilha do que aqueles com valores mais baixos. </section>
+
+## Instructions
+<section id="instructions"> Adicione uma propriedade <code>z-index</code> ao elemento com o nome da <code>first</code> classe (o retângulo vermelho) e defina-o como um valor de 2, de forma que cubra o outro elemento (retângulo azul). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O elemento com classe <code>first</code> deve ter um valor de <code>z-index</code> de 2.
+    testString: 'assert($(".first").css("z-index") == "2", "The element with class <code>first</code> should have a <code>z-index</code> value of 2.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    width: 60%;
+    height: 200px;
+    margin-top: 20px;
+  }
+
+  .first {
+    background-color: red;
+    position: absolute;
+
+  }
+  .second {
+    background-color: blue;
+    position: absolute;
+    left: 40px;
+    top: 50px;
+    z-index: 1;
+  }
+</style>
+
+<div class="first"></div>
+<div class="second"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.portuguese.md
new file mode 100644
index 0000000000..2f8a5fbd47
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 587d78a5367417b2b2512ad6
+title: Create a Gradual CSS Linear Gradient
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar um gradiente linear de CSS gradual
+---
+
+## Description
+<section id="description"> A aplicação de uma cor nos elementos HTML não se limita a um matiz plano. O CSS fornece a capacidade de usar transições de cores, também conhecidas como gradientes, em elementos. Isso é acessado através da função <code>linear-gradient()</code> da propriedade <code>background</code> . Aqui está a sintaxe geral: <code>background: linear-gradient(gradient_direction, color 1, color 2, color 3, ...);</code> O primeiro argumento especifica a direção a partir da qual a transição de cor começa - pode ser declarada como um grau, em que 90deg faz um gradiente vertical e 45deg é inclinado como uma barra invertida. Os argumentos a seguir especificam a ordem das cores usadas no gradiente. Exemplo: <code>background: linear-gradient(90deg, red, yellow, rgb(204, 204, 255));</code> </section>
+
+## Instructions
+<section id="instructions"> Use um <code>linear-gradient()</code> para o <code>background</code> do elemento <code>div</code> e defina-o a partir de uma direção de 35 graus para alterar a cor de <code>#CCFFFF</code> para <code>#FFCCCC</code> . <strong>Nota</strong> <br> Embora existam outras maneiras de especificar um valor de cor, como <code>rgb()</code> ou <code>hsl()</code> , use valores hexadecimais para esse desafio. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O elemento <code>div</code> deve ter um <code>background</code> <code>linear-gradient</code> com a direção e as cores especificadas.
+    testString: 'assert(code.match(/background:\s*?linear-gradient\(35deg,\s*?(#CCFFFF|#CFF),\s*?(#FFCCCC|#FCC)\);/gi), "The <code>div</code> element should have a <code>linear-gradient</code> <code>background</code> with the specified direction and colors.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  div{
+    border-radius: 20px;
+    width: 70%;
+    height: 400px;
+    margin: 50px auto;
+
+  }
+
+</style>
+
+<div></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.portuguese.md
new file mode 100644
index 0000000000..062a7e7d07
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: 587d78a6367417b2b2512add
+title: Create a Graphic Using CSS
+challengeType: 0
+videoUrl: ''
+localeTitle: Crie um gráfico usando CSS
+---
+
+## Description
+<section id="description"> Ao manipular diferentes seletores e propriedades, você pode criar formas interessantes. Um dos mais fáceis de tentar é uma forma de lua crescente. Para este desafio, você precisa trabalhar com a propriedade <code>box-shadow</code> que define a sombra de um elemento, juntamente com a propriedade <code>border-radius</code> que controla a redondeza dos cantos do elemento. Você criará um objeto redondo e transparente com uma sombra nítida ligeiramente deslocada para o lado - a sombra será a forma da lua que você vê. Para criar um objeto redondo, a propriedade <code>border-radius</code> deve ser definida para um valor de 50%. Você pode lembrar de um desafio anterior que a propriedade <code>box-shadow</code> usa valores para <code>offset-x</code> , <code>offset-y</code> , <code>blur-radius</code> <code>spread-radius</code> , <code>blur-radius</code> <code>spread-radius</code> e um valor de cor nessa ordem. Os valores de <code>spread-radius</code> e <code>blur-radius</code> <code>spread-radius</code> são opcionais. </section>
+
+## Instructions
+<section id="instructions"> Manipule o elemento quadrado no editor para criar a forma da lua. Primeiro, altere a <code>background-color</code> para transparente e defina a propriedade <code>border-radius</code> para 50% para criar a forma circular. Finalmente, altere a propriedade <code>box-shadow</code> para definir o <code>offset-x</code> como 25px, o <code>offset-y</code> como 10px, <code>blur-radius</code> como 0, <code>spread-radius</code> como 0 e cor como azul. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O valor da propriedade <code>background-color</code> deve ser definido como <code>transparent</code> .
+    testString: 'assert(code.match(/background-color:\s*?transparent;/gi), "The value of the <code>background-color</code> property should be set to <code>transparent</code>.");'
+  - text: O valor da propriedade <code>border-radius</code> deve ser definido como <code>50%</code> .
+    testString: 'assert(code.match(/border-radius:\s*?50%;/gi), "The value of the <code>border-radius</code> property should be set to <code>50%</code>.");'
+  - text: 'O valor da propriedade <code>box-shadow</code> deve ser definido como 25px para <code>offset-x</code> , 10px para <code>offset-y</code> , 0 para <code>blur-radius</code> , 0 para <code>spread-radius</code> e finalmente blue para a cor.'
+    testString: 'assert(code.match(/box-shadow:\s*?25px\s+?10px\s+?0(px)?\s+?0(px)?\s+?blue\s*?;/gi), "The value of the <code>box-shadow</code> property should be set to 25px for <code>offset-x</code>, 10px for <code>offset-y</code>, 0 for <code>blur-radius</code>, 0 for <code>spread-radius</code>, and finally blue for the color.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+.center
+{
+  position: absolute;
+  margin: auto;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+
+  background-color: blue;
+  border-radius: 0px;
+  box-shadow: 25px 10px 10px 10px green;
+}
+
+</style>
+<div class="center"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.portuguese.md
new file mode 100644
index 0000000000..0c5e1dc3f2
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.portuguese.md
@@ -0,0 +1,89 @@
+---
+id: 587d781b367417b2b2512abb
+title: Create a Horizontal Line Using the hr Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar uma linha horizontal usando o elemento hr
+---
+
+## Description
+<section id="description"> Você pode usar a tag <code>hr</code> para adicionar uma linha horizontal na largura de seu elemento contido. Isso pode ser usado para definir uma alteração no tópico ou para separar visualmente grupos de conteúdo. </section>
+
+## Instructions
+<section id="instructions"> Adicione uma tag <code>hr</code> abaixo do <code>h4</code> que contém o título do cartão. <strong>Nota</strong> <br> Em HTML, <code>hr</code> é uma tag de fechamento automático e, portanto, não precisa de uma tag de fechamento separada. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve adicionar uma tag <code>hr</code> à marcação.
+    testString: 'assert($("hr").length == 1, "Your code should add an <code>hr</code> tag to the markup.");'
+  - text: A tag <code>hr</code> deve estar entre o título e o parágrafo.
+    testString: 'assert(code.match(/<\/h4>\s*?<hr(>|\s*?\/>)\s*?<p>/gi), "The <code>hr</code> tag should come between the title and the paragraph.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4><s>Google</s>Alphabet</h4>
+
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.portuguese.md
new file mode 100644
index 0000000000..80058dc143
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.portuguese.md
@@ -0,0 +1,89 @@
+---
+id: 587d78a6367417b2b2512ade
+title: Create a More Complex Shape Using CSS and HTML
+challengeType: 0
+videoUrl: ''
+localeTitle: Crie uma forma mais complexa usando CSS e HTML
+---
+
+## Description
+<section id="description"> Uma das formas mais populares do mundo é a forma do coração, e neste desafio você criará um usando CSS puro. Mas primeiro, você precisa entender os pseudo-elementos <code>::before</code> e <code>::after</code> . Esses pseudo-elementos são usados ​​para adicionar algo antes ou depois de um elemento selecionado. No exemplo a seguir, um pseudoelemento <code>::before</code> é usado para adicionar um retângulo a um elemento com o <code>heart</code> da classe: <blockquote> .heart :: before { <br> conteúdo: &quot;&quot;; <br> cor de fundo: amarelo; <br> raio de fronteira: 25%; <br> posição: absoluta; <br> altura: 50 px; <br> largura: 70px; <br> top: -50px; <br> esquerda: 5px; <br> } </blockquote> Para que os pseudo-elementos <code>::before</code> e <code>::after</code> funcionem corretamente, eles devem ter uma propriedade de <code>content</code> definida. Essa propriedade geralmente é usada para adicionar itens como uma foto ou texto ao elemento selecionado. Quando os pseudoelementos <code>::before</code> e <code>::after</code> são usados ​​para criar formas, a propriedade <code>content</code> ainda é necessária, mas é definida como uma string vazia. No exemplo acima, o elemento com a classe <code>heart</code> possui um pseudoelemento <code>::before</code> que produz um retângulo amarelo com <code>height</code> e <code>width</code> de 50px e 70px, respectivamente. Este retângulo tem cantos arredondados devido ao seu raio de 25% e está posicionado absolutamente a 5px da <code>left</code> e 50px acima da <code>top</code> do elemento. </section>
+
+## Instructions
+<section id="instructions"> Transforme o elemento na tela em um coração. No <code>heart::after</code> selector, mude a <code>background-color</code> para pink e o <code>border-radius</code> para 50%. Em seguida, segmente o elemento com o <code>heart</code> da classe (apenas <code>heart</code> ) e preencha a propriedade <code>transform</code> . Use a função <code>rotate()</code> com -45 graus. ( <code>rotate()</code> funciona da mesma forma que <code>skewX()</code> e <code>skewY()</code> ). Finalmente, no <code>heart::before</code> selector, defina sua propriedade <code>content</code> para uma string vazia. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'A propriedade <code>background-color</code> do <code>heart::after</code> selector deve ser rosa.'
+    testString: 'assert(code.match(/\.heart::after\s*?{\s*?background-color\s*?:\s*?pink\s*?;/gi), "The <code>background-color</code> property of the <code>heart::after</code> selector should be pink.");'
+  - text: 'O <code>border-radius</code> de <code>border-radius</code> do <code>heart::after</code> seletor deve ser de 50%.'
+    testString: 'assert(code.match(/border-radius\s*?:\s*?50%/gi).length == 2, "The <code>border-radius</code> of the <code>heart::after</code> selector should be 50%.");'
+  - text: A propriedade <code>transform</code> para a classe <code>heart</code> deve usar uma função <code>rotate()</code> definida como -45 graus.
+    testString: 'assert(code.match(/transform\s*?:\s*?rotate\(\s*?-45deg\s*?\)/gi), "The <code>transform</code> property for the <code>heart</code> class should use a <code>rotate()</code> function set to -45 degrees.");'
+  - text: 'O <code>content</code> do <code>heart::before</code> selector deve ser uma string vazia.'
+    testString: 'assert(code.match(/\.heart::before\s*?{\s*?content\s*?:\s*?("|")\1\s*?;/gi), "The <code>content</code> of the <code>heart::before</code> selector should be an empty string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+.heart {
+  position: absolute;
+  margin: auto;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: pink;
+  height: 50px;
+  width: 50px;
+  transform: ;
+}
+.heart::after {
+  background-color: blue;
+  content: "";
+  border-radius: 25%;
+  position: absolute;
+  width: 50px;
+  height: 50px;
+  top: 0px;
+  left: 25px;
+}
+.heart::before {
+  content: ;
+  background-color: pink;
+  border-radius: 50%;
+  position: absolute;
+  width: 50px;
+  height: 50px;
+  top: -25px;
+  left: 0px;
+}
+</style>
+<div class = "heart"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.portuguese.md
new file mode 100644
index 0000000000..46e53c6f22
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.portuguese.md
@@ -0,0 +1,87 @@
+---
+id: 587d78a7367417b2b2512ae1
+title: Create Movement Using CSS Animation
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar movimento usando animação CSS
+---
+
+## Description
+<section id="description"> Quando os elementos têm uma <code>position</code> especificada, como <code>fixed</code> ou <code>relative</code> , as propriedades de deslocamento de CSS <code>right</code> , <code>left</code> , <code>top</code> e <code>bottom</code> podem ser usadas em regras de animação para criar movimento. Conforme mostrado no exemplo abaixo, você pode empurrar o item para baixo e depois para cima definindo a propriedade <code>top</code> do quadro-chave de <code>50%</code> para 50px, mas definindo-o como 0px para o primeiro ( <code>0%</code> ) e o último ( <code>100%</code> ) quadro-chave. <blockquote> @keyframes rainbow { <br> 0% { <br> cor de fundo: azul; <br> top: 0px; <br> } <br> 50% { <br> cor de fundo: verde; <br> top: 50px; <br> } <br> 100% { <br> cor de fundo: amarelo; <br> top: 0px; <br> } <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione um movimento horizontal à animação <code>div</code> . Usando a propriedade offset <code>left</code> , adicione à regra <code>@keyframes</code> para que o arco-íris comece em 0 pixels a <code>0%</code> , <code>@keyframes</code> para 25 pixels em <code>50%</code> e termine em -25 pixels em <code>100%</code> . Não substitua a propriedade <code>top</code> no editor - a animação deve ter movimento vertical e horizontal. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A regra <code>@keyframes</code> para <code>0%</code> deve usar o deslocamento <code>left</code> de 0px.
+    testString: 'assert(code.match(/0%\s*?{\s*?background-color:\s*?blue;\s*?top:\s*?0(px)?;\s*?left:\s*?0(px)?;\s*?}/gi), "The <code>@keyframes</code> rule for <code>0%</code> should use the <code>left</code> offset of 0px.");'
+  - text: A regra <code>@keyframes</code> para <code>50%</code> deve usar o deslocamento <code>left</code> de 25px.
+    testString: 'assert(code.match(/50%\s*?{\s*?background-color:\s*?green;\s*?top:\s*?50px;\s*?left:\s*?25px;\s*?}/gi), "The <code>@keyframes</code> rule for <code>50%</code> should use the <code>left</code> offset of 25px.");'
+  - text: A regra <code>@keyframes</code> para <code>100%</code> deve usar o deslocamento <code>left</code> de -25px.
+    testString: 'assert(code.match(/100%\s*?{\s*?background-color:\s*?yellow;\s*?top:\s*?0(px)?;\s*?left:\s*?-25px;\s*?}/gi), "The <code>@keyframes</code> rule for <code>100%</code> should use the <code>left</code> offset of -25px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    height: 40px;
+    width: 70%;
+    background: black;
+    margin: 50px auto;
+    border-radius: 5px;
+    position: relative;
+  }
+
+#rect {
+  animation-name: rainbow;
+  animation-duration: 4s;
+}
+
+@keyframes rainbow {
+  0% {
+    background-color: blue;
+    top: 0px;
+
+  }
+  50% {
+    background-color: green;
+    top: 50px;
+
+  }
+  100% {
+    background-color: yellow;
+    top: 0px;
+
+  }
+}
+</style>
+
+<div id="rect"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image.portuguese.md
new file mode 100644
index 0000000000..52f2b596f2
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image.portuguese.md
@@ -0,0 +1,53 @@
+---
+id: 587d78a5367417b2b2512ad8
+title: Create Texture by Adding a Subtle Pattern as a Background Image
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar textura adicionando um padrão sutil como imagem de plano de fundo
+---
+
+## Description
+<section id="description"> Uma maneira de adicionar textura e interesse a um plano de fundo e destacá-lo é adicionar um padrão sutil. A chave é o equilíbrio, já que você não quer que o fundo se destaque muito e tire o primeiro plano. A propriedade <code>background</code> suporta a função <code>url()</code> para vincular a uma imagem da textura ou padrão escolhido. O endereço do link é colocado entre aspas entre parênteses. </section>
+
+## Instructions
+<section id="instructions"> Usando o url de <code>https://i.imgur.com/MJAkxbh.png</code> , defina o <code>background</code> de toda a página com o seletor de <code>body</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>body</code> deve ter uma propriedade <code>background</code> definida como <code>url()</code> com o link fornecido.
+    testString: 'assert(code.match(/background:\s*?url\(\s*("|"|)https:\/\/i\.imgur\.com\/MJAkxbh\.png\1\s*\)/gi), "Your <code>body</code> element should have a <code>background</code> property set to a <code>url()</code> with the given link.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+
+  }
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-visual-balance-using-the-text-align-property.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-visual-balance-using-the-text-align-property.portuguese.md
new file mode 100644
index 0000000000..b1ecfbca08
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-visual-balance-using-the-text-align-property.portuguese.md
@@ -0,0 +1,83 @@
+---
+id: 587d7791367417b2b2512ab3
+title: Create Visual Balance Using the text-align Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar equilíbrio visual usando a propriedade text-align
+---
+
+## Description
+<section id="description"> Esta seção do currículo se concentra no design visual aplicado. O primeiro grupo de desafios baseia-se no layout do cartão para mostrar vários princípios fundamentais. O texto geralmente é uma grande parte do conteúdo da web. CSS tem várias opções de como alinhá-lo com a propriedade <code>text-align</code> . <code>text-align: justify;</code> faz com que todas as linhas de texto, exceto a última linha, atendam às bordas esquerda e direita da caixa de linha. <code>text-align: center;</code> centraliza o texto <code>text-align: right;</code> alinhar à direita o texto E <code>text-align: left;</code> (o padrão) alinha à esquerda o texto. </section>
+
+## Instructions
+<section id="instructions"> Alinhe o texto da tag <code>h4</code> , que diz &quot;Google&quot;, ao centro. Em seguida, justifique a tag de parágrafo que contém informações sobre como o Google foi fundado. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar a propriedade text-align na tag <code>h4</code> para configurá-lo para o centro.
+    testString: 'assert($("h4").css("text-align") == "center", "Your code should use the text-align property on the <code>h4</code> tag to set it to center.");'
+  - text: Seu código deve usar a propriedade text-align na tag <code>p</code> para configurá-lo para justificar.
+    testString: 'assert($("p").css("text-align") == "justify", "Your code should use the text-align property on the <code>p</code> tag to set it to justify.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+
+  }
+  p {
+
+  }
+  .links {
+    margin-right: 20px;
+
+  }
+  .fullCard {
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-visual-direction-by-fading-an-element-from-left-to-right.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-visual-direction-by-fading-an-element-from-left-to-right.portuguese.md
new file mode 100644
index 0000000000..4bb5da0291
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/create-visual-direction-by-fading-an-element-from-left-to-right.portuguese.md
@@ -0,0 +1,76 @@
+---
+id: 587d78a7367417b2b2512ae2
+title: Create Visual Direction by Fading an Element from Left to Right
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar direção visual desvanecendo um elemento da esquerda para a direita
+---
+
+## Description
+<section id="description"> Para este desafio, você mudará a <code>opacity</code> de um elemento animado para que ele se desvanece gradualmente ao atingir o lado direito da tela. Na animação exibida, o elemento redondo com o fundo gradiente se move para a direita pela marca de 50% da animação, conforme a regra <code>@keyframes</code> . </section>
+
+## Instructions
+<section id="instructions"> Segmente o elemento com o id da <code>ball</code> e adicione a propriedade de <code>opacity</code> definida como 0.1 a <code>50%</code> , para que o elemento se desvanece à medida que se desloca para a direita. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A regra de <code>keyframes</code> para o desvanecimento deve definir a propriedade de <code>opacity</code> como 0.1 em 50%.
+    testString: 'assert(code.match(/@keyframes fade\s*?{\s*?50%\s*?{\s*?(?:left:\s*?60%;\s*?opacity:\s*?0?\.1;|opacity:\s*?0?\.1;\s*?left:\s*?60%;)/gi), "The <code>keyframes</code> rule for fade should set the <code>opacity</code> property to 0.1 at 50%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  #ball {
+    width: 70px;
+    height: 70px;
+    margin: 50px auto;
+    position: fixed;
+    left: 20%;
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    animation-name: fade;
+    animation-duration: 3s;
+  }
+
+  @keyframes fade {
+    50% {
+      left: 60%;
+
+    }
+  }
+
+</style>
+
+<div id="ball"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/decrease-the-opacity-of-an-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/decrease-the-opacity-of-an-element.portuguese.md
new file mode 100644
index 0000000000..41bc721767
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/decrease-the-opacity-of-an-element.portuguese.md
@@ -0,0 +1,93 @@
+---
+id: 587d781c367417b2b2512abf
+title: Decrease the Opacity of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Diminuir a opacidade de um elemento
+---
+
+## Description
+<section id="description"> A propriedade de <code>opacity</code> no CSS é usada para ajustar a opacidade ou, inversamente, a transparência de um item. <blockquote> Um valor de 1 é opaco, o que não é transparente. <br> Um valor de 0,5 é metade transparente. <br> Um valor de 0 é completamente transparente. </blockquote> O valor fornecido será aplicado ao elemento inteiro, seja uma imagem com alguma transparência ou as cores de primeiro plano e plano de fundo para um bloco de texto. </section>
+
+## Instructions
+<section id="instructions"> Defina a <code>opacity</code> das tags de âncora como 0.7 usando a classe de <code>links</code> para selecioná-las. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Seu código deve definir a propriedade de <code>opacity</code> como 0.7 nas tags de âncora, selecionando a classe de <code>links</code> .'
+    testString: 'assert.approximately(parseFloat($(".links").css("opacity")), 0.7, 0.1, "Your code should set the <code>opacity</code> property to 0.7 on the anchor tags by selecting the class of <code>links</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+    font-size: 27px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+
+  }
+  #thumbnail {
+    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard" id="thumbnail">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/learn-about-complementary-colors.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/learn-about-complementary-colors.portuguese.md
new file mode 100644
index 0000000000..ee4aaab935
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/learn-about-complementary-colors.portuguese.md
@@ -0,0 +1,68 @@
+---
+id: 587d78a3367417b2b2512ad1
+title: Learn about Complementary Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: Saiba mais sobre cores complementares
+---
+
+## Description
+<section id="description"> A teoria da cor e seu impacto no design é um tópico profundo e apenas os aspectos básicos são abordados nos desafios a seguir. Em um site, a cor pode chamar a atenção para o conteúdo, evocar emoções ou criar harmonia visual. Usar diferentes combinações de cores pode realmente mudar a aparência de um site, e muito pensamento pode ser usado para escolher uma paleta de cores que funcione com seu conteúdo. A roda de cores é uma ferramenta útil para visualizar como as cores se relacionam umas com as outras - é um círculo onde tons semelhantes são vizinhos e tons diferentes são mais distantes. Quando duas cores estão opostas uma à outra na roda, elas são chamadas de cores complementares. Eles têm a característica de que, se forem combinados, &quot;cancelam&quot; um ao outro e criam uma cor cinza. No entanto, quando colocadas lado a lado, essas cores parecem mais vibrantes e produzem um forte contraste visual. Alguns exemplos de cores complementares com seus códigos hexadecimais são: <blockquote> vermelho (# FF0000) e ciano (# 00FFFF) <br> verde (# 00FF00) e magenta (# FF00FF) <br> azul (# 0000FF) e amarelo (# FFFF00) </blockquote> Isso é diferente do modelo de cores RYB desatualizado que muitos de nós aprendemos na escola, que tem cores primárias e complementares diferentes. A moderna teoria de cores usa o modelo RGB aditivo (como na tela de um computador) e o modelo CMY (K) subtrativo (como na impressão). Leia <a href="https://en.wikipedia.org/wiki/Color_model" target="_blank">aqui</a> para mais informações sobre este assunto complexo. Existem muitas ferramentas de coleta de cores disponíveis on-line que têm a opção de encontrar o complemento de uma cor. <strong>Nota</strong> <br> Para todos os desafios de cores: O uso de cores pode ser uma maneira poderosa de adicionar interesse visual a uma página. No entanto, a cor sozinha não deve ser usada como a única maneira de transmitir informações importantes porque os usuários com deficiências visuais podem não entender esse conteúdo. Essa questão será abordada com mais detalhes nos desafios da acessibilidade aplicada. </section>
+
+## Instructions
+<section id="instructions"> Altere a propriedade <code>background-color</code> das classes <code>blue</code> e <code>yellow</code> para suas respectivas cores. Observe como as cores parecem diferentes uma ao lado da outra em relação ao fundo branco. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O elemento <code>div</code> com a classe <code>blue</code> deve ter uma <code>background-color</code> de fundo azul.
+    testString: 'assert($(".blue").css("background-color") == "rgb(0, 0, 255)", "The <code>div</code> element with class <code>blue</code> should have a <code>background-color</code> of blue.");'
+  - text: O elemento <code>div</code> com a classe <code>yellow</code> deve ter uma <code>background-color</code> de <code>background-color</code> de amarelo.
+    testString: 'assert($(".yellow").css("background-color") == "rgb(255, 255, 0)", "The <code>div</code> element with class <code>yellow</code> should have a <code>background-color</code> of yellow.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: #FFFFFF;
+  }
+  .blue {
+    background-color: #000000;
+  }
+  .yellow {
+    background-color: #000000;
+  }
+  div {
+    display: inline-block;
+    height: 100px;
+    width: 100px;
+  }
+</style>
+<div class="blue"></div>
+<div class="yellow"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.portuguese.md
new file mode 100644
index 0000000000..15fa600932
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.portuguese.md
@@ -0,0 +1,79 @@
+---
+id: 587d78a4367417b2b2512ad2
+title: Learn about Tertiary Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: Aprenda sobre cores terciárias
+---
+
+## Description
+<section id="description"> Monitores de computador e telas de dispositivos criam cores diferentes combinando quantidades de luz vermelha, verde e azul. Isso é conhecido como o modelo de cores aditivo RGB na teoria moderna de cores. Vermelho (R), verde (G) e azul (B) são chamados de cores primárias. A mistura de duas cores primárias cria as cores secundárias ciano (G + B), magenta (R + B) e amarelo (R + G). Você viu essas cores no desafio Complementary Colours. Essas cores secundárias são o complemento da cor primária não usada em sua criação e são opostas à cor primária na roda de cores. Por exemplo, a magenta é feita com vermelho e azul e é o complemento para verde. Cores terciárias são o resultado da combinação de uma cor primária com um de seus vizinhos de cor secundária. Por exemplo, vermelho (primário) e amarelo (secundário) fazem laranja. Isso adiciona mais seis cores a uma roda de cores simples para um total de doze. Existem vários métodos de seleção de cores diferentes que resultam em uma combinação harmoniosa no design. Um exemplo que pode usar cores terciárias é chamado de esquema de cores complementar dividido. Esse esquema começa com uma cor base e, em seguida, emparelha-o com as duas cores adjacentes ao seu complemento. As três cores fornecem contraste visual forte em um design, mas são mais sutis do que usar duas cores complementares. Aqui estão três cores criadas usando o esquema de complemento de divisão: <table class="table table-striped"><thead><tr><th> Cor </th><th> Código hexadecimal </th></tr></thead><thead></thead><tbody><tr><td> laranja </td><td> # FF7D00 </td></tr><tr><td> ciano </td><td> # 00FFFF </td></tr><tr><td> framboesa </td><td> # FF007D </td></tr></tbody></table></section>
+
+## Instructions
+<section id="instructions"> Altere a propriedade <code>background-color</code> das classes <code>orange</code> , <code>cyan</code> e <code>raspberry</code> para suas respectivas cores. Certifique-se de usar os códigos hexadecimais como laranja e framboesa não são nomes de cores reconhecidas pelo navegador. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O elemento <code>div</code> com classe <code>orange</code> deve ter uma <code>background-color</code> de fundo laranja.
+    testString: 'assert($(".orange").css("background-color") == "rgb(255, 125, 0)", "The <code>div</code> element with class <code>orange</code> should have a <code>background-color</code> of orange.");'
+  - text: O elemento <code>div</code> com classe <code>cyan</code> deve ter uma <code>background-color</code> de <code>background-color</code> de ciano.
+    testString: 'assert($(".cyan").css("background-color") == "rgb(0, 255, 255)", "The <code>div</code> element with class <code>cyan</code> should have a <code>background-color</code> of cyan.");'
+  - text: O elemento <code>div</code> com <code>raspberry</code> classe deve ter uma <code>background-color</code> de <code>background-color</code> de framboesa.
+    testString: 'assert($(".raspberry").css("background-color") == "rgb(255, 0, 125)", "The <code>div</code> element with class <code>raspberry</code> should have a <code>background-color</code> of raspberry.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: #FFFFFF;
+  }
+
+  .orange {
+    background-color: #000000;
+  }
+
+  .cyan {
+    background-color: #000000;
+  }
+
+  .raspberry {
+    background-color: #000000;
+  }
+
+  div {
+    height: 100px;
+    width: 100px;
+    margin-bottom: 5px;
+  }
+</style>
+
+<div class="orange"></div>
+<div class="cyan"></div>
+<div class="raspberry"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.portuguese.md
new file mode 100644
index 0000000000..119ce00f97
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.portuguese.md
@@ -0,0 +1,89 @@
+---
+id: 587d78a9367417b2b2512ae8
+title: Learn How Bezier Curves Work
+challengeType: 0
+videoUrl: ''
+localeTitle: Saiba como funcionam as curvas de Bezier
+---
+
+## Description
+<section id="description"> O último desafio introduziu a propriedade <code>animation-timing-function</code> e algumas palavras-chave que alteram a velocidade de uma animação ao longo de sua duração. CSS oferece uma opção diferente de palavras-chave que fornece um controle ainda melhor sobre como a animação se desenrola, através do uso de curvas de Bezier. Nas animações CSS, as curvas de Bezier são usadas com a função <code>cubic-bezier</code> . A forma da curva representa como a animação se desenrola. A curva vive em um sistema de coordenadas 1 por 1. O eixo X deste sistema de coordenadas é a duração da animação (pense nela como uma escala de tempo) e o eixo Y é a alteração na animação. A função <code>cubic-bezier</code> consiste em quatro pontos principais que se situam nesta grade de 1 por 1: <code>p0</code> , <code>p1</code> , <code>p2</code> e <code>p3</code> . <code>p0</code> e <code>p3</code> são definidos para você - são os pontos inicial e final que estão sempre localizados respectivamente na origem (0, 0) e (1, 1). Você define os valores x e y para os outros dois pontos e, onde você os coloca na grade, determina a forma da curva a ser seguida pela animação. Isso é feito em CSS declarando os valores xey dos pontos &quot;âncora&quot; <code>p1</code> e <code>p2</code> no formato: <code>(x1, y1, x2, y2)</code> . Juntando tudo, aqui está um exemplo de uma curva de Bezier no código CSS: <code>animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);</code> No exemplo acima, os valores x e y são equivalentes para cada ponto (x1 = 0,25 = y1 e x2 = 0,75 = y2), que, se você se lembrar da classe de geometria, resultará em uma linha que se estende da origem para o ponto (1 1). Essa animação é uma mudança linear de um elemento durante o comprimento de uma animação e é o mesmo que usar a palavra-chave <code>linear</code> . Em outras palavras, muda a uma velocidade constante. </section>
+
+## Instructions
+<section id="instructions"> Para o elemento com o id de <code>ball1</code> , altere o valor da propriedade <code>animation-timing-function</code> de <code>linear</code> para seu valor de função <code>cubic-bezier</code> equivalente. Use os valores de pontos fornecidos no exemplo acima. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O valor da propriedade <code>animation-timing-function</code> para o elemento com o id <code>ball1</code> deve ser a função linear-equivalente-bezier linear.
+    testString: 'assert($("#ball1").css("animation-timing-function") == "cubic-bezier(0.25, 0.25, 0.75, 0.75)", "The value of the <code>animation-timing-function</code> property for the element with the id <code>ball1</code> should be the linear-equivalent cubic-bezier function.");'
+  - text: O valor da propriedade <code>animation-timing-function</code> para o elemento com o id <code>ball2</code> não deve ser alterado.
+    testString: 'assert($("#ball2").css("animation-timing-function") == "ease-out", "The value of the <code>animation-timing-function</code> property for the element with the id <code>ball2</code> should not change.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  .balls{
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    margin-top: 50px;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #ball1 {
+    left: 27%;
+    animation-timing-function: linear;
+  }
+  #ball2 {
+    left: 56%;
+    animation-timing-function: ease-out;
+  }
+
+@keyframes bounce {
+  0% {
+    top: 0px;
+  }
+  100% {
+    top: 249px;
+  }
+}
+
+</style>
+
+<div class="balls" id="ball1"></div>
+<div class="balls" id="ball2"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/learn-how-the-css-keyframes-and-animation-properties-work.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/learn-how-the-css-keyframes-and-animation-properties-work.portuguese.md
new file mode 100644
index 0000000000..4c1dfb708e
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/learn-how-the-css-keyframes-and-animation-properties-work.portuguese.md
@@ -0,0 +1,77 @@
+---
+id: 587d78a7367417b2b2512adf
+title: Learn How the CSS @keyframes and animation Properties Work
+challengeType: 0
+videoUrl: ''
+localeTitle: Saiba como funcionam as propriedades CSS @keyframes e animação
+---
+
+## Description
+<section id="description"> Para animar um elemento, você precisa saber sobre as propriedades da animação e a regra <code>@keyframes</code> . As propriedades de animação controlam como a animação deve se comportar e a regra <code>@keyframes</code> controla o que acontece durante a animação. Existem oito propriedades de animação no total. Este desafio irá mantê-lo simples e cobrir os dois mais importantes em primeiro lugar: <code>animation-name</code> define o nome da animação, que é posteriormente usado por <code>@keyframes</code> para dizer ao CSS quais regras vão com quais animações. <code>animation-duration</code> define o período de tempo para a animação. <code>@keyframes</code> é como especificar exatamente o que acontece dentro da animação ao longo da duração. Isso é feito fornecendo propriedades CSS para &quot;quadros&quot; específicos durante a animação, com porcentagens variando de 0% a 100%. Se você comparar isso com um filme, as propriedades CSS para 0% são como o elemento é exibido na cena de abertura. As propriedades CSS para 100% são como o elemento aparece no final, logo antes da rolagem dos créditos. Em seguida, o CSS aplica a mágica para fazer a transição do elemento durante a duração determinada para representar a cena. Aqui está um exemplo para ilustrar o uso de <code>@keyframes</code> e as propriedades da animação: <blockquote> #anim { <br> nome da animação: colorido; <br> animação-duração: 3s; <br> } <br> @keyframes colorido { <br> 0% { <br> cor de fundo: azul; <br> } <br> 100% { <br> cor de fundo: amarelo; <br> } <br> } </blockquote> Para o elemento com o <code>anim</code> id, o trecho de código acima define o <code>animation-name</code> da <code>animation-name</code> para <code>colorful</code> e define a <code>animation-duration</code> da <code>animation-duration</code> como 3 segundos. Em seguida, a regra <code>@keyframes</code> vinculada às propriedades de animação com o nome <code>colorful</code> . Ele define a cor para azul no início da animação (0%), que passará para amarelo no final da animação (100%). Você não está limitado a apenas transições de início e fim, você pode definir propriedades para o elemento para qualquer porcentagem entre 0% e 100%. </section>
+
+## Instructions
+<section id="instructions"> Crie uma animação para o elemento com o id <code>rect</code> , definindo o <code>animation-name</code> da <code>animation-name</code> como rainbow e a <code>animation-duration</code> da <code>animation-duration</code> como 4 segundos. Em seguida, declare uma regra <code>@keyframes</code> e defina a <code>background-color</code> no início da animação ( <code>0%</code> ) como azul, o meio da animação ( <code>50%</code> ) como verde e o final da animação ( <code>100%</code> ) como amarelo. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O elemento com o id de <code>rect</code> deve ter uma propriedade de <code>animation-name</code> com um valor de arco-íris.
+    testString: 'assert($("#rect").css("animation-name") == "rainbow", "The element with id of <code>rect</code> should have an <code>animation-name</code> property with a value of rainbow.");'
+  - text: O elemento com id de <code>rect</code> deve ter uma propriedade de <code>animation-duration</code> com um valor de 4s.
+    testString: 'assert($("#rect").css("animation-duration") == "4s", "The element with id of <code>rect</code> should have an <code>animation-duration</code> property with a value of 4s.");'
+  - text: A regra <code>@keyframes</code> deve usar o <code>animation-name</code> da <code>animation-name</code> do arco <code>animation-name</code> íris.
+    testString: 'assert(code.match(/@keyframes\s+?rainbow\s*?{/g), "The <code>@keyframes</code> rule should use the <code>animation-name</code> of rainbow.");'
+  - text: A regra <code>@keyframes</code> para arco-íris deve usar uma <code>background-color</code> de fundo azul em 0%.
+    testString: 'assert(code.match(/0%\s*?{\s*?background-color:\s*?blue;\s*?}/gi), "The <code>@keyframes</code> rule for rainbow should use a <code>background-color</code> of blue at 0%.");'
+  - text: A regra <code>@keyframes</code> para arco-íris deve usar uma <code>background-color</code> de fundo verde em 50%.
+    testString: 'assert(code.match(/50%\s*?{\s*?background-color:\s*?green;\s*?}/gi), "The <code>@keyframes</code> rule for rainbow should use a <code>background-color</code> of green at 50%.");'
+  - text: A regra <code>@keyframes</code> para arco-íris deve usar uma <code>background-color</code> de <code>background-color</code> de amarelo em 100%.
+    testString: 'assert(code.match(/100%\s*?{\s*?background-color:\s*?yellow;\s*?}/gi), "The <code>@keyframes</code> rule for rainbow should use a <code>background-color</code> of yellow at 100%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    height: 40px;
+    width: 70%;
+    background: black;
+    margin: 50px auto;
+    border-radius: 5px;
+  }
+
+  #rect {
+
+
+  }
+
+
+
+
+</style>
+<div id="rect"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/lock-an-element-to-its-parent-with-absolute-positioning.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/lock-an-element-to-its-parent-with-absolute-positioning.portuguese.md
new file mode 100644
index 0000000000..7691c5dd56
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/lock-an-element-to-its-parent-with-absolute-positioning.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 587d781e367417b2b2512acb
+title: Lock an Element to its Parent with Absolute Positioning
+challengeType: 0
+videoUrl: ''
+localeTitle: Bloqueie um Elemento ao seu Pai com Posicionamento Absoluto
+---
+
+## Description
+<section id="description"> A próxima opção para a propriedade CSS <code>position</code> é <code>absolute</code> , que bloqueia o elemento no lugar em relação ao seu contêiner pai. Ao contrário da posição <code>relative</code> , isso remove o elemento do fluxo normal do documento, portanto, os itens adjacentes o ignoram. As propriedades de deslocamento CSS (superior ou inferior e esquerda ou direita) são usadas para ajustar a posição. Uma nuance com o posicionamento absoluto é que ele vai ser bloqueado em relação ao seu antepassado mais próximo <em>posicionado.</em> Se você esquecer de adicionar uma regra de posição ao item pai (isso geralmente é feito usando <code>position: relative;</code> ), o navegador continuará procurando a cadeia e, por fim, assumirá o padrão da tag body. </section>
+
+## Instructions
+<section id="instructions"> Bloqueie o elemento <code>#searchbar</code> no canto superior direito de seu pai de <code>section</code> , declarando sua <code>position</code> como <code>absolute</code> . Dê-lhe compensações <code>top</code> e <code>right</code> de 50 pixels cada. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O elemento <code>#searchbar</code> deve ter uma <code>position</code> definida como <code>absolute</code> .'
+    testString: 'assert($("#searchbar").css("position") == "absolute", "The <code>#searchbar</code> element should have a <code>position</code> set to <code>absolute</code>.");'
+  - text: 'Seu código deve usar o deslocamento CSS <code>top</code> de 50 pixels no elemento <code>#searchbar</code> .'
+    testString: 'assert($("#searchbar").css("top") == "50px", "Your code should use the <code>top</code> CSS offset of 50 pixels on the <code>#searchbar</code> element.");'
+  - text: 'Seu código deve usar o deslocamento CSS <code>right</code> de 50 pixels no elemento <code>#searchbar</code> .'
+    testString: 'assert($("#searchbar").css("right") == "50px", "Your code should use the <code>right</code> CSS offset of 50 pixels on the <code>#searchbar</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #searchbar {
+
+
+
+  }
+  section {
+    position: relative;
+  }
+</style>
+<body>
+  <h1>Welcome!</h1>
+  <section>
+    <form id="searchbar">
+      <label for="search">Search:</label>
+      <input type="search" id="search" name="search">
+      <input type="submit" name="submit" value="Go!">
+    </form>
+  </section>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/lock-an-element-to-the-browser-window-with-fixed-positioning.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/lock-an-element-to-the-browser-window-with-fixed-positioning.portuguese.md
new file mode 100644
index 0000000000..f728a71c5d
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/lock-an-element-to-the-browser-window-with-fixed-positioning.portuguese.md
@@ -0,0 +1,84 @@
+---
+id: 587d781e367417b2b2512acc
+title: Lock an Element to the Browser Window with Fixed Positioning
+challengeType: 0
+videoUrl: ''
+localeTitle: Bloquear um elemento para a janela do navegador com posicionamento fixo
+---
+
+## Description
+<section id="description"> O próximo esquema de layout que o CSS oferece é a posição <code>fixed</code> , que é um tipo de posicionamento absoluto que bloqueia um elemento relativo à janela do navegador. Semelhante ao posicionamento absoluto, é usado com as propriedades de deslocamento CSS e também remove o elemento do fluxo normal do documento. Outros itens não mais &quot;percebem&quot; onde estão posicionados, o que pode exigir alguns ajustes de layout em outro lugar. Uma diferença fundamental entre as posições <code>fixed</code> e <code>absolute</code> é que um elemento com uma posição fixa não se move quando o usuário rola. </section>
+
+## Instructions
+<section id="instructions"> A barra de navegação no código é rotulada com um id de <code>navbar</code> . Altere sua <code>position</code> para <code>fixed</code> e compense 0 pixels a partir da <code>top</code> e 0 pixels a partir da <code>left</code> . Observe o (falta de) impacto na posição <code>h1</code> , ele não foi empurrado para baixo para acomodar a barra de navegação e precisaria ser ajustado separadamente. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O elemento <code>#navbar</code> deve ter uma <code>position</code> definida como <code>fixed</code> .'
+    testString: 'assert($("#navbar").css("position") == "fixed", "The <code>#navbar</code> element should have a <code>position</code> set to <code>fixed</code>.");'
+  - text: 'Seu código deve usar o deslocamento CSS <code>top</code> de 0 pixels no elemento <code>#navbar</code> .'
+    testString: 'assert($("#navbar").css("top") == "0px", "Your code should use the <code>top</code> CSS offset of 0 pixels on the <code>#navbar</code> element.");'
+  - text: 'Seu código deve usar o deslocamento CSS <code>left</code> de 0 pixels no elemento <code>#navbar</code> .'
+    testString: 'assert($("#navbar").css("left") == "0px", "Your code should use the <code>left</code> CSS offset of 0 pixels on the <code>#navbar</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #navbar {
+
+
+
+    width: 100%;
+    background-color: #767676;
+  }
+  nav ul {
+    margin: 0px;
+    padding: 5px 0px 5px 30px;
+  }
+  nav li {
+    display: inline;
+    margin-right: 20px;
+  }
+  a {
+    text-decoration: none;
+  }
+</style>
+<body>
+  <header>
+    <h1>Welcome!</h1>
+    <nav id="navbar">
+      <ul>
+        <li><a href="">Home</a></li>
+        <li><a href="">Contact</a></li>
+      </ul>
+    </nav>
+  </header>
+  <p>I shift up when the #navbar is fixed to the browser window.</p>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/make-a-css-heartbeat-using-an-infinite-animation-count.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/make-a-css-heartbeat-using-an-infinite-animation-count.portuguese.md
new file mode 100644
index 0000000000..70298a0f0e
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/make-a-css-heartbeat-using-an-infinite-animation-count.portuguese.md
@@ -0,0 +1,119 @@
+---
+id: 587d78a8367417b2b2512ae4
+title: Make a CSS Heartbeat using an Infinite Animation Count
+challengeType: 0
+videoUrl: ''
+localeTitle: Faça um Heartbeat CSS usando uma Contagem de Animação Infinita
+---
+
+## Description
+<section id="description"> Aqui está mais um exemplo de animação contínua com a propriedade <code>animation-iteration-count</code> que usa o coração que você projetou em um desafio anterior. A animação de um segundo de duração da pulsação consiste em duas partes animadas. Os elementos de <code>heart</code> (incluindo <code>:before</code> e <code>:after</code> peças) são animados para alterar o tamanho usando a propriedade <code>transform</code> , e o <code>div</code> fundo é animado para alterar sua cor usando a propriedade <code>background</code> . </section>
+
+## Instructions
+<section id="instructions"> Mantenha o coração batendo adicionando a propriedade <code>animation-iteration-count</code> para as classes <code>back</code> e <code>heart</code> e definindo o valor como infinito. O <code>heart:before</code> e <code>heart:after</code> seletores não precisarem de nenhuma propriedade de animação. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A propriedade <code>animation-iteration-count</code> da classe <code>heart</code> deve ter um valor infinito.
+    testString: 'assert($(".heart").css("animation-iteration-count") == "infinite", "The <code>animation-iteration-count</code> property for the <code>heart</code> class should have a value of infinite.");'
+  - text: A propriedade <code>animation-iteration-count</code> para a classe <code>back</code> deve ter um valor infinito.
+    testString: 'assert($(".back").css("animation-iteration-count") == "infinite", "The <code>animation-iteration-count</code> property for the <code>back</code> class should have a value of infinite.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .back {
+    position: fixed;
+    padding: 0;
+    margin: 0;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: white;
+    animation-name: backdiv;
+    animation-duration: 1s;
+
+  }
+
+  .heart {
+    position: absolute;
+    margin: auto;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: pink;
+    height: 50px;
+    width: 50px;
+    transform: rotate(-45deg);
+    animation-name: beat;
+    animation-duration: 1s;
+
+  }
+  .heart:after {
+    background-color: pink;
+    content: "";
+    border-radius: 50%;
+    position: absolute;
+    width: 50px;
+    height: 50px;
+    top: 0px;
+    left: 25px;
+  }
+  .heart:before {
+    background-color: pink;
+    content: "";
+    border-radius: 50%;
+    position: absolute;
+    width: 50px;
+    height: 50px;
+    top: -25px;
+    left: 0px;
+  }
+
+  @keyframes backdiv {
+    50% {
+      background: #ffe6f2;
+    }
+  }
+
+  @keyframes beat {
+    0% {
+      transform: scale(1) rotate(-45deg);
+    }
+    50% {
+      transform: scale(0.6) rotate(-45deg);
+    }
+  }
+
+</style>
+<div class="back"></div>
+<div class="heart"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/make-motion-more-natural-using-a-bezier-curve.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/make-motion-more-natural-using-a-bezier-curve.portuguese.md
new file mode 100644
index 0000000000..247233ee73
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/make-motion-more-natural-using-a-bezier-curve.portuguese.md
@@ -0,0 +1,84 @@
+---
+id: 587d78a9367417b2b2512aea
+title: Make Motion More Natural Using a Bezier Curve
+challengeType: 0
+videoUrl: ''
+localeTitle: Torne o movimento mais natural usando uma curva Bezier
+---
+
+## Description
+<section id="description"> Este desafio anima um elemento para replicar o movimento de uma bola que está sendo malabarizada. Desafios anteriores cobriram os <code>linear</code> e <code>ease-out</code> curvas de Bezier cúbicos, no entanto não representa o movimento malabarismo com precisão. Você precisa personalizar uma curva de Bezier para isso. A <code>animation-timing-function</code> faz um loop automaticamente em cada quadro-chave quando a <code>animation-iteration-count</code> é definida como infinita. Como existe um conjunto de regras de quadros-chave no meio da duração da animação (a <code>50%</code> ), isso resulta em duas progressões de animação idênticas no movimento para cima e para baixo da bola. A seguinte curva cúbica de Bezier simula um movimento de malabarismo: <code>cubic-bezier(0.3, 0.4, 0.5, 1.6);</code> Observe que o valor de y2 é maior que 1. Embora a curva cúbica de Bezier seja mapeada em um sistema de coordenadas 1 por 1 e só possa aceitar valores x de 0 a 1, o valor y pode ser definido como números maiores que um. Isso resulta em um movimento de salto que é ideal para simular a bola de malabarismo. </section>
+
+## Instructions
+<section id="instructions"> Altere o valor da <code>animation-timing-function</code> de <code>animation-timing-function</code> do elemento com o ID de <code>green</code> para uma função de <code>cubic-bezier</code> com os valores x1, y1, x2, y2 definidos respectivamente para 0,311, 0,441, 0,444, 1,649. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O valor da propriedade <code>animation-timing-function</code> para o elemento com o ID <code>green</code> deve ser uma função <code>cubic-bezier</code> com valores x1, y1, x2, y2, conforme especificado.'
+    testString: 'assert($("#green").css("animation-timing-function") == "cubic-bezier(0.311, 0.441, 0.444, 1.649)", "The value of the <code>animation-timing-function</code> property for the element with the id <code>green</code> should be a <code>cubic-bezier</code> function with x1, y1, x2, y2 values as specified.'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .balls {
+    border-radius: 50%;
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    top: 60%;
+    animation-name: jump;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #red {
+    background: red;
+    left: 25%;
+    animation-timing-function: linear;
+  }
+  #blue {
+    background: blue;
+    left: 50%;
+    animation-timing-function: ease-out;
+  }
+  #green {
+    background: green;
+    left: 75%;
+    animation-timing-function: cubic-bezier(0.69, 0.1, 1, 0.1);
+  }
+
+  @keyframes jump {
+    50% {
+      top: 10%;
+    }
+  }
+</style>
+<div class="balls" id="red"></div>
+<div class="balls" id="blue"></div>
+<div class="balls" id="green"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation.portuguese.md
new file mode 100644
index 0000000000..b05ff97f2a
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation.portuguese.md
@@ -0,0 +1,69 @@
+---
+id: 58a7a6ebf9a6318348e2d5aa
+title: Modify Fill Mode of an Animation
+challengeType: 0
+videoUrl: ''
+localeTitle: Modificar o modo de preenchimento de uma animação
+---
+
+## Description
+<section id="description"> Isso é ótimo, mas não funciona direito ainda. Observe como a animação é redefinida após a passagem de <code>500ms</code> , fazendo com que o botão retorne à cor original. Você quer que o botão fique em destaque. Isso pode ser feito configurando a propriedade <code>animation-fill-mode</code> como <code>forwards</code> . O <code>animation-fill-mode</code> especifica o estilo aplicado a um elemento quando a animação termina. Você pode configurá-lo assim: <code>animation-fill-mode: forwards;</code> </section>
+
+## Instructions
+<section id="instructions"> Defina a propriedade de <code>animation-fill-mode</code> do <code>button:hover</code> para <code>forwards</code> para que o botão permaneça realçado quando um usuário passar por cima dele. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>button:hover</code> deve ter uma propriedade de <code>animation-fill-mode</code> com um valor de <code>forwards</code> .'
+    testString: 'assert(code.match(/button\s*?:\s*?hover\s*?{[\s\S]*animation-fill-mode\s*?:\s*?forwards\s*?;[\s\S]*}/gi) && code.match(/button\s*?:\s*?hover\s*?{[\s\S]*animation-name\s*?:\s*?background-color\s*?;[\s\S]*}/gi) && code.match(/button\s*?:\s*?hover\s*?{[\s\S]*animation-duration\s*?:\s*?500ms\s*?;[\s\S]*}/gi), "<code>button:hover</code> should have a <code>animation-fill-mode</code> property with a value of <code>forwards</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  button {
+    border-radius: 5px;
+    color: white;
+    background-color: #0F5897;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    animation-name: background-color;
+    animation-duration: 500ms;
+    /* add your code below this line */
+
+    /* add your code above this line */
+  }
+  @keyframes background-color {
+    100% {
+      background-color: #4791d0;
+    }
+  }
+</style>
+<button>Register</button>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/move-a-relatively-positioned-element-with-css-offsets.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/move-a-relatively-positioned-element-with-css-offsets.portuguese.md
new file mode 100644
index 0000000000..b3822c4c0b
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/move-a-relatively-positioned-element-with-css-offsets.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 587d781e367417b2b2512aca
+title: Move a Relatively Positioned Element with CSS Offsets
+challengeType: 0
+videoUrl: ''
+localeTitle: Mover um Elemento Posicionado Relativamente com Deslocamentos CSS
+---
+
+## Description
+<section id="description"> Os deslocamentos de CSS de <code>top</code> ou de <code>bottom</code> e à <code>left</code> ou à <code>right</code> informam ao navegador a distância para compensar um item em relação ao local em que ele ficaria no fluxo normal do documento. Você está deslocando um elemento para longe de um determinado ponto, o que afasta o elemento do lado referenciado (efetivamente, na direção oposta). Como você viu no último desafio, usar o deslocamento superior moveu o <code>h2</code> para baixo. Da mesma forma, usar um deslocamento à esquerda move um item para a direita. <h2> Instruções </h2><section id="instructions"> Use deslocamentos CSS para mover os <code>h2</code> 15 pixels para a direita e 10 pixels para cima. </section><h2> Testes </h2><section id="tests"><pre> <code class="language-yml">tests: - text: &#39;Your code should use a CSS offset to relatively position the &lt;code&gt;h2&lt;/code&gt; 10px upwards. In other words, move it 10px away from the &lt;code&gt;bottom&lt;/code&gt; of where it normally sits.&#39; testString: &#39;assert($(&quot;h2&quot;).css(&quot;bottom&quot;) == &quot;10px&quot;, &quot;Your code should use a CSS offset to relatively position the &lt;code&gt;h2&lt;/code&gt; 10px upwards. In other words, move it 10px away from the &lt;code&gt;bottom&lt;/code&gt; of where it normally sits.&quot;);&#39; - text: &#39;Your code should use a CSS offset to relatively position the &lt;code&gt;h2&lt;/code&gt; 15px towards the right. In other words, move it 15px away from the &lt;code&gt;left&lt;/code&gt; of where it normally sits.&#39; testString: &#39;assert($(&quot;h2&quot;).css(&quot;left&quot;) == &quot;15px&quot;, &quot;Your code should use a CSS offset to relatively position the &lt;code&gt;h2&lt;/code&gt; 15px towards the right. In other words, move it 15px away from the &lt;code&gt;left&lt;/code&gt; of where it normally sits.&quot;);&#39;</code> </pre></section><h2> Semente do Desafio </h2><section id="challengeSeed"><div id="html-seed"><pre> <code class="language-html">&lt;head&gt; &lt;style&gt; h2 { position: relative; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;On Being Well-Positioned&lt;/h1&gt; &lt;h2&gt;Move me!&lt;/h2&gt; &lt;p&gt;I still think the h2 is where it normally sits.&lt;/p&gt; &lt;/body&gt;</code> </pre></div></section><h2> Solução </h2><section id="solution"><pre> <code class="language-js">// solution required</code> </pre></section></section>
+
+## Instructions
+<section id="instructions"> Use deslocamentos CSS para mover os <code>h2</code> 15 pixels para a direita e 10 pixels para cima. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Seu código deve usar um deslocamento CSS para posicionar relativamente o <code>h2</code> 10px para cima. Em outras palavras, movê-lo 10px longe da <code>bottom</code> de onde normalmente se senta.'
+    testString: 'assert($("h2").css("bottom") == "10px", "Your code should use a CSS offset to relatively position the <code>h2</code> 10px upwards. In other words, move it 10px away from the <code>bottom</code> of where it normally sits.");'
+  - text: 'Seu código deve usar um deslocamento CSS para posicionar o <code>h2</code> 15px de maneira relativamente à direita. Em outras palavras, mova-o a 15px da <code>left</code> de onde normalmente fica.'
+    testString: 'assert($("h2").css("left") == "15px", "Your code should use a CSS offset to relatively position the <code>h2</code> 15px towards the right. In other words, move it 15px away from the <code>left</code> of where it normally sits.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+<style>
+  h2 {
+    position: relative;
+
+
+  }
+</style>
+</head>
+<body>
+  <h1>On Being Well-Positioned</h1>
+  <h2>Move me!</h2>
+  <p>I still think the h2 is where it normally sits.</p>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/push-elements-left-or-right-with-the-float-property.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/push-elements-left-or-right-with-the-float-property.portuguese.md
new file mode 100644
index 0000000000..6f4109f1d2
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/push-elements-left-or-right-with-the-float-property.portuguese.md
@@ -0,0 +1,79 @@
+---
+id: 587d78a3367417b2b2512ace
+title: Push Elements Left or Right with the float Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Empurre os elementos para a esquerda ou para a direita com a propriedade float
+---
+
+## Description
+<section id="description"> A próxima ferramenta de posicionamento não usa a <code>position</code> , mas define a propriedade <code>float</code> de um elemento. Os elementos flutuantes são removidos do fluxo normal de um documento e enviados para a <code>left</code> ou para a <code>right</code> do elemento pai que o contém. É comumente usado com a propriedade <code>width</code> para especificar quanto espaço horizontal o elemento flutuante requer. </section>
+
+## Instructions
+<section id="instructions"> O dado marcação iria funcionar bem como um layout de duas colunas, com as <code>section</code> e <code>aside</code> elementos próximos uns dos outros. Dê ao item <code>#left</code> um <code>float</code> da <code>left</code> e o item <code>#right</code> um <code>float</code> da <code>right</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O elemento com id <code>left</code> deve ter um valor <code>float</code> da <code>left</code> .
+    testString: 'assert($("#left").css("float") == "left", "The element with id <code>left</code> should have a <code>float</code> value of <code>left</code>.");'
+  - text: O elemento com o <code>right</code> id deve ter um valor <code>float</code> de <code>right</code> .
+    testString: 'assert($("#right").css("float") == "right", "The element with id <code>right</code> should have a <code>float</code> value of <code>right</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  #left {
+
+    width: 50%;
+  }
+  #right {
+
+    width: 40%;
+  }
+  aside, section {
+    padding: 2px;
+    background-color: #ccc;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Welcome!</h1>
+  </header>
+  <section id="left">
+    <h2>Content</h2>
+    <p>Good stuff</p>
+  </section>
+  <aside id="right">
+    <h2>Sidebar</h2>
+    <p>Links</p>
+  </aside>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.portuguese.md
new file mode 100644
index 0000000000..e079a05901
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 587d781c367417b2b2512ac2
+title: Set the font-size for Multiple Heading Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Definir o tamanho da fonte para vários elementos de cabeçalho
+---
+
+## Description
+<section id="description"> A propriedade <code>font-size</code> é usada para especificar o tamanho do texto em um determinado elemento. Essa regra pode ser usada para vários elementos para criar consistência visual de texto em uma página. Nesse desafio, você definirá os valores de todas as tags <code>h1</code> a <code>h6</code> para equilibrar os tamanhos dos títulos. </section>
+
+## Instructions
+<section id="instructions"><ul><li> Defina o <code>font-size</code> da <code>font-size</code> da tag <code>h1</code> para 68 px. </li><li> Defina o <code>font-size</code> da <code>font-size</code> da tag <code>h2</code> para 52px. </li><li> Defina o <code>font-size</code> da <code>font-size</code> da tag <code>h3</code> para 40px. </li><li> Defina o <code>font-size</code> da <code>font-size</code> da tag <code>h4</code> para 32px. </li><li> Defina o <code>font-size</code> da <code>font-size</code> da tag <code>h5</code> para 21px. </li><li> Defina o <code>font-size</code> da <code>font-size</code> da tag <code>h6</code> para 14px. </li></ul></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve definir a propriedade de <code>font-size</code> da <code>font-size</code> da tag <code>h1</code> como 68 pixels.
+    testString: 'assert($("h1").css("font-size") == "68px", "Your code should set the <code>font-size</code> property for the <code>h1</code> tag to 68 pixels.");'
+  - text: Seu código deve definir a propriedade <code>font-size</code> da tag <code>h2</code> como 52 pixels.
+    testString: 'assert($("h2").css("font-size") == "52px", "Your code should set the <code>font-size</code> property for the <code>h2</code> tag to 52 pixels.");'
+  - text: Seu código deve definir a propriedade <code>font-size</code> para a tag <code>h3</code> em 40 pixels.
+    testString: 'assert($("h3").css("font-size") == "40px", "Your code should set the <code>font-size</code> property for the <code>h3</code> tag to 40 pixels.");'
+  - text: Seu código deve definir a propriedade <code>font-size</code> da tag <code>h4</code> como 32 pixels.
+    testString: 'assert($("h4").css("font-size") == "32px", "Your code should set the <code>font-size</code> property for the <code>h4</code> tag to 32 pixels.");'
+  - text: Seu código deve definir a propriedade de <code>font-size</code> da <code>font-size</code> para a tag <code>h5</code> como 21 pixels.
+    testString: 'assert($("h5").css("font-size") == "21px", "Your code should set the <code>font-size</code> property for the <code>h5</code> tag to 21 pixels.");'
+  - text: Seu código deve definir a propriedade <code>font-size</code> para a tag <code>h6</code> como 14 pixels.
+    testString: 'assert($("h6").css("font-size") == "14px", "Your code should set the <code>font-size</code> property for the <code>h6</code> tag to 14 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+
+
+
+
+
+</style>
+<h1>This is h1 text</h1>
+<h2>This is h2 text</h2>
+<h3>This is h3 text</h3>
+<h4>This is h4 text</h4>
+<h5>This is h5 text</h5>
+<h6>This is h6 text</h6>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/set-the-font-size-of-paragraph-text.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/set-the-font-size-of-paragraph-text.portuguese.md
new file mode 100644
index 0000000000..4727d22ffc
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/set-the-font-size-of-paragraph-text.portuguese.md
@@ -0,0 +1,56 @@
+---
+id: 587d781c367417b2b2512ac4
+title: Set the font-size of Paragraph Text
+challengeType: 0
+videoUrl: ''
+localeTitle: Definir o tamanho da fonte do texto de parágrafo
+---
+
+## Description
+<section id="description"> A propriedade <code>font-size</code> em CSS não está limitada a cabeçalhos, ela pode ser aplicada a qualquer elemento que contenha texto. </section>
+
+## Instructions
+<section id="instructions"> Altere o valor da propriedade de <code>font-size</code> da <code>font-size</code> para o parágrafo para 16px para torná-lo mais visível. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua tag <code>p</code> deve ter um <code>font-size</code> de <code>font-size</code> de 16 pixels.
+    testString: 'assert($("p").css("font-size") == "16px", "Your <code>p</code> tag should have a <code>font-size</code> of 16 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  p {
+    font-size: 10px;
+  }
+</style>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.portuguese.md
new file mode 100644
index 0000000000..6ac4d7600f
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.portuguese.md
@@ -0,0 +1,90 @@
+---
+id: 587d781c367417b2b2512ac3
+title: Set the font-weight for Multiple Heading Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Definir o peso da fonte para vários elementos de título
+---
+
+## Description
+<section id="description"> Você define o <code>font-size</code> da <code>font-size</code> de cada tag de cabeçalho no último desafio, aqui você ajusta o <code>font-weight</code> da <code>font-weight</code> . A propriedade <code>font-weight</code> define a espessura ou a espessura dos caracteres em uma seção do texto. </section>
+
+## Instructions
+<section id="instructions"><ul><li> Defina o <code>font-weight</code> da <code>font-weight</code> da tag <code>h1</code> para 800. </li><li> Defina o <code>font-weight</code> da <code>font-weight</code> da tag <code>h2</code> para 600. </li><li> Defina o <code>font-weight</code> da <code>font-weight</code> da tag <code>h3</code> para 500. </li><li> Defina o <code>font-weight</code> da <code>font-weight</code> da tag <code>h4</code> para 400. </li><li> Defina o <code>font-weight</code> da <code>font-weight</code> da tag <code>h5</code> para 300. </li><li> Defina o <code>font-weight</code> da <code>font-weight</code> da tag <code>h6</code> para 200. </li></ul></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve definir a propriedade de <code>font-weight</code> da <code>font-weight</code> para a tag <code>h1</code> como 800.
+    testString: 'assert($("h1").css("font-weight") == "800", "Your code should set the <code>font-weight</code> property for the <code>h1</code> tag to 800.");'
+  - text: Seu código deve definir a propriedade de <code>font-weight</code> da <code>font-weight</code> para a tag <code>h2</code> como 600.
+    testString: 'assert($("h2").css("font-weight") == "600", "Your code should set the <code>font-weight</code> property for the <code>h2</code> tag to 600.");'
+  - text: Seu código deve definir a propriedade de <code>font-weight</code> da <code>font-weight</code> para a tag <code>h3</code> como 500.
+    testString: 'assert($("h3").css("font-weight") == "500", "Your code should set the <code>font-weight</code> property for the <code>h3</code> tag to 500.");'
+  - text: Seu código deve definir a propriedade de <code>font-weight</code> da <code>font-weight</code> para a tag <code>h4</code> como 400.
+    testString: 'assert($("h4").css("font-weight") == "400", "Your code should set the <code>font-weight</code> property for the <code>h4</code> tag to 400.");'
+  - text: Seu código deve definir a propriedade de <code>font-weight</code> da <code>font-weight</code> para a tag <code>h5</code> como 300.
+    testString: 'assert($("h5").css("font-weight") == "300", "Your code should set the <code>font-weight</code> property for the <code>h5</code> tag to 300.");'
+  - text: Seu código deve definir a propriedade de <code>font-weight</code> da <code>font-weight</code> para a tag <code>h6</code> como 200.
+    testString: 'assert($("h6").css("font-weight") == "200", "Your code should set the <code>font-weight</code> property for the <code>h6</code> tag to 200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h1 {
+    font-size: 68px;
+
+  }
+  h2 {
+    font-size: 52px;
+
+  }
+  h3 {
+    font-size: 40px;
+
+  }
+  h4 {
+    font-size: 32px;
+
+  }
+  h5 {
+    font-size: 21px;
+
+  }
+  h6 {
+    font-size: 14px;
+
+  }
+</style>
+<h1>This is h1 text</h1>
+<h2>This is h2 text</h2>
+<h3>This is h3 text</h3>
+<h4>This is h4 text</h4>
+<h5>This is h5 text</h5>
+<h6>This is h6 text</h6>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/set-the-line-height-of-paragraphs.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/set-the-line-height-of-paragraphs.portuguese.md
new file mode 100644
index 0000000000..bf18761e5d
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/set-the-line-height-of-paragraphs.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: 587d781d367417b2b2512ac5
+title: Set the line-height of Paragraphs
+challengeType: 0
+videoUrl: ''
+localeTitle: Definir a altura da linha de parágrafos
+---
+
+## Description
+<section id="description"> O CSS oferece a propriedade <code>line-height</code> para alterar a altura de cada linha em um bloco de texto. Como o nome sugere, ele altera a quantidade de espaço vertical que cada linha de texto recebe. </section>
+
+## Instructions
+<section id="instructions"> Adicione uma propriedade de <code>line-height</code> à tag <code>p</code> e defina-a para 25px. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve definir a <code>line-height</code> da <code>line-height</code> da tag <code>p</code> para 25 pixels.
+    testString: 'assert($("p").css("line-height") == "25px", "Your code should set the <code>line-height</code> of the <code>p</code> tag to 25 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  p {
+    font-size: 16px;
+
+  }
+</style>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.portuguese.md
new file mode 100644
index 0000000000..8a8bfca1ad
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.portuguese.md
@@ -0,0 +1,84 @@
+---
+id: 587d78a9367417b2b2512ae9
+title: Use a Bezier Curve to Move a Graphic
+challengeType: 0
+videoUrl: ''
+localeTitle: Use uma curva de Bezier para mover um gráfico
+---
+
+## Description
+<section id="description"> Um desafio anterior discutiu a palavra <code>ease-out</code> chave <code>ease-out</code> que descreve uma alteração de animação que acelera primeiro e depois desacelera no final da animação. À direita, a diferença entre a palavra <code>ease-out</code> chave <code>ease-out</code> (para o elemento azul) e <code>linear</code> palavra-chave <code>linear</code> (para o elemento vermelho) é demonstrada. Progressões semelhantes de animação para a palavra <code>ease-out</code> chave <code>ease-out</code> podem ser obtidas usando uma função de curva Bezier cúbica personalizada. Em geral, a alteração dos pontos de ancoragem <code>p1</code> e <code>p2</code> impulsiona a criação de diferentes curvas de Bezier, que controlam como a animação progride no tempo. Aqui está um exemplo de uma curva de Bezier usando valores para imitar o estilo <code>animation-timing-function: cubic-bezier(0, 0, 0.58, 1);</code> Lembre-se de que todas as funções de <code>cubic-bezier</code> começam com <code>p0</code> em (0, 0) e terminam em <code>p3</code> em (1, 1). Neste exemplo, a curva se move mais rapidamente através do eixo Y (começa em 0, vai para <code>p1</code> y valor de 0, então vai para <code>p2</code> y valor de 1) do que se move pelo eixo X (0 para iniciar, então 0 para <code>p1</code> , até 0,58 para <code>p2</code> ). Como resultado, a alteração no elemento animado progride mais rapidamente que o tempo da animação para esse segmento. No final da curva, a relação entre a alteração nos valores x e y se inverte - o valor y se move de 1 para 1 (sem alteração), e os valores x se deslocam de 0,58 para 1, fazendo com que a animação mude mais lentamente em comparação com a duração da animação. </section>
+
+## Instructions
+<section id="instructions"> Para ver o efeito dessa curva de Bézier em ação, altere a <code>animation-timing-function</code> de <code>animation-timing-function</code> do elemento com ID de <code>red</code> para uma função de <code>cubic-bezier</code> com valores de x1, y1, x2, y2 definidos como 0, 0, 0,58, 1 Isso fará com que ambos os elementos progridam através da animação da mesma forma. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O valor da propriedade <code>animation-timing-function</code> do elemento com o id <code>red</code> deve ser uma função <code>cubic-bezier</code> com os valores x1, y1, x2, y2 definidos respectivamente para 0, 0, 0,58, 1.'
+    testString: 'assert($("#red").css("animation-timing-function") == "cubic-bezier(0, 0, 0.58, 1)", "The value of the <code>animation-timing-function</code> property of the element with the id <code>red</code> should be a <code>cubic-bezier</code> function with x1, y1, x2, y2 values set respectively to 0, 0, 0.58, 1 .");'
+  - text: O elemento com o ID <code>red</code> não deve mais ter a propriedade de <code>animation-timing-function</code> de linear.
+    testString: 'assert($("#red").css("animation-timing-function") !== "linear", "The element with the id <code>red</code> should no longer have the <code>animation-timing-function</code> property of linear.");'
+  - text: O valor da propriedade <code>animation-timing-function</code> para o elemento com o id <code>blue</code> não deve ser alterado.
+    testString: 'assert($("#blue").css("animation-timing-function") == "ease-out", "The value of the <code>animation-timing-function</code> property for the element with the id <code>blue</code> should not change.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .balls{
+    border-radius: 50%;
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    margin-top: 50px;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #red {
+    background: red;
+    left: 27%;
+    animation-timing-function: linear;
+  }
+  #blue {
+    background: blue;
+    left: 56%;
+    animation-timing-function: ease-out;
+  }
+  @keyframes bounce {
+    0% {
+      top: 0px;
+    }
+    100% {
+      top: 249px;
+    }
+  }
+</style>
+<div class="balls" id= "red"></div>
+<div class="balls" id= "blue"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.portuguese.md
new file mode 100644
index 0000000000..8a530af0c6
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.portuguese.md
@@ -0,0 +1,77 @@
+---
+id: 587d78a5367417b2b2512ad7
+title: Use a CSS Linear Gradient to Create a Striped Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Use um gradiente linear CSS para criar um elemento distribuído
+---
+
+## Description
+<section id="description"> A função de <code>repeating-linear-gradient()</code> é muito semelhante ao <code>linear-gradient()</code> com a principal diferença que repete o padrão de gradiente especificado. <code>repeating-linear-gradient()</code> aceita uma variedade de valores, mas para simplificar, você trabalhará com um valor de ângulo e valores de parada de cor neste desafio. O valor do ângulo é a direção do gradiente. As paradas de cores são como valores de largura que marcam onde uma transição ocorre e são fornecidas com uma porcentagem ou um número de pixels. No exemplo demonstrado no editor de código, o gradiente começa com a cor <code>yellow</code> em 0 pixels, que se mistura com a segunda cor <code>blue</code> a 40 pixels de distância do início. Como a próxima parada de cor também é de 40 pixels, o gradiente muda imediatamente para a terceira cor <code>green</code> , que se mistura com o quarto valor de cor <code>red</code> , a 80 pixels do início do gradiente. Para este exemplo, é útil pensar nas paradas de cores como pares, onde cada duas cores se mesclam. <code>0px [yellow -- blend -- blue] 40px [green -- blend -- red] 80px</code> Se cada dois valores de parada de cor forem da mesma cor, a mesclagem não é perceptível porque está entre a mesma cor, seguida por uma transição difícil para a próxima cor, então você acaba com listras. </section>
+
+## Instructions
+<section id="instructions"> Faça listras alterando o <code>repeating-linear-gradient()</code> para usar um ângulo de gradiente de <code>45deg</code> , depois defina as duas primeiras cores para <code>yellow</code> e, finalmente, a segunda cor para <code>black</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O ângulo do <code>repeating-linear-gradient()</code> deve ser 45deg.
+    testString: 'assert(code.match(/background:\s*?repeating-linear-gradient\(\s*?45deg/gi), "The angle of the <code>repeating-linear-gradient()</code> should be 45deg.");'
+  - text: O ângulo do <code>repeating-linear-gradient()</code> não deve mais ser 90 graus
+    testString: 'assert(!code.match(/90deg/gi), "The angle of the <code>repeating-linear-gradient()</code> should no longer be 90deg");'
+  - text: A parada de cor em 0 pixels deve ser <code>yellow</code> .
+    testString: 'assert(code.match(/yellow\s+?0(px)?/gi), "The color stop at 0 pixels should be <code>yellow</code>.");'
+  - text: Uma parada de cor em 40 pixels deve ser <code>yellow</code> .
+    testString: 'assert(code.match(/yellow\s+?40px/gi), "One color stop at 40 pixels should be <code>yellow</code>.");'
+  - text: A segunda parada de cor em 40 pixels deve ser <code>black</code> .
+    testString: 'assert(code.match(/yellow\s+?40px,\s*?black\s+?40px/gi), "The second color stop at 40 pixels should be <code>black</code>.");'
+  - text: A última parada de cor em 80 pixels deve ser <code>black</code> .
+    testString: 'assert(code.match(/black\s+?80px/gi), "The last color stop at 80 pixels should be <code>black</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  div{
+    border-radius: 20px;
+    width: 70%;
+    height: 400px;
+    margin:  50 auto;
+    background: repeating-linear-gradient(
+      90deg,
+      yellow 0px,
+      blue 40px,
+      green 40px,
+      red 80px
+    );
+  }
+
+</style>
+
+<div></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-css-animation-to-change-the-hover-state-of-a-button.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-css-animation-to-change-the-hover-state-of-a-button.portuguese.md
new file mode 100644
index 0000000000..15d5caa0f7
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-css-animation-to-change-the-hover-state-of-a-button.portuguese.md
@@ -0,0 +1,67 @@
+---
+id: 587d78a7367417b2b2512ae0
+title: Use CSS Animation to Change the Hover State of a Button
+challengeType: 0
+videoUrl: ''
+localeTitle: Use animação CSS para alterar o estado de foco de um botão
+---
+
+## Description
+<section id="description"> Você pode usar CSS <code>@keyframes</code> para alterar a cor de um botão em seu estado de foco. Veja um exemplo de como alterar a largura de uma imagem no hover: <blockquote> &lt;style&gt; <br> img: hover { <br> nome da animação: largura; <br> duração da animação: 500ms; <br> } <br><br> Largura @keyframes { <br> 100% { <br> Largura: 40px; <br> } <br> } <br> &lt;/ style&gt; <br><br> &lt;img src = &quot;https://bit.ly/smallgooglelogo&quot; alt = &quot;Logotipo do Google&quot; /&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Observe que <code>ms</code> significa milissegundos, em que 1000ms é igual a 1s. Use CSS <code>@keyframes</code> para alterar a <code>background-color</code> de fundo do elemento <code>button</code> , de modo que ele se torne <code>#4791d0</code> quando um usuário passar por cima dele. A regra <code>@keyframes</code> deve ter apenas uma entrada para <code>100%</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A regra @keyframes deve usar a cor de fundo do <code>animation-name</code> da <code>animation-name</code> .
+    testString: 'assert(code.match(/@keyframes\s+?background-color\s*?{/g), "The @keyframes rule should use the <code>animation-name</code> background-color.");'
+  - text: 'Deve haver uma regra em <code>@keyframes</code> que altere a <code>background-color</code> para <code>#4791d0</code> a 100%.'
+    testString: 'assert(code.match(/100%\s*?{\s*?background-color:\s*?#4791d0;\s*?}/gi), "There should be one rule under <code>@keyframes</code> that changes the <code>background-color</code> to <code>#4791d0</code> at 100%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  button {
+    border-radius: 5px;
+    color: white;
+    background-color: #0F5897;
+    padding: 5px 10px 8px 10px;
+  }
+
+  button:hover {
+    animation-name: background-color;
+    animation-duration: 500ms;
+  }
+
+
+</style>
+
+<button>Register</button>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewx-to-skew-an-element-along-the-x-axis.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewx-to-skew-an-element-along-the-x-axis.portuguese.md
new file mode 100644
index 0000000000..0008757048
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewx-to-skew-an-element-along-the-x-axis.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: 587d78a6367417b2b2512adb
+title: Use the CSS Transform Property skewX to Skew an Element Along the X-Axis
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a propriedade skewX da transformação de CSS para inclinar um elemento ao longo do eixo X
+---
+
+## Description
+<section id="description"> A próxima função da propriedade <code>transform</code> é <code>skewX()</code> , que inclina o elemento selecionado ao longo de seu eixo X (horizontal) em um determinado grau. O código a seguir inclina o elemento de parágrafo em -32 graus ao longo do eixo X. <blockquote> p { <br> transformar: skewX (-32deg); <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Incline o elemento com o ID do <code>bottom</code> em 24 graus ao longo do eixo X usando a propriedade <code>transform</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O elemento com o <code>bottom</code> id deve ser inclinado em 24 graus ao longo do eixo X.
+    testString: 'assert(code.match(/#bottom\s*?{\s*?.*?\s*?transform:\s*?skewX\(24deg\);/g), "The element with id <code>bottom</code> should be skewed by 24 degrees along its X-axis.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    width: 70%;
+    height: 100px;
+    margin:  50px auto;
+  }
+  #top {
+    background-color: red;
+  }
+  #bottom {
+    background-color: blue;
+
+  }
+</style>
+
+<div id="top"></div>
+<div id="bottom"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewy-to-skew-an-element-along-the-y-axis.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewy-to-skew-an-element-along-the-y-axis.portuguese.md
new file mode 100644
index 0000000000..bfd32fdbf2
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewy-to-skew-an-element-along-the-y-axis.portuguese.md
@@ -0,0 +1,66 @@
+---
+id: 587d78a6367417b2b2512adc
+title: Use the CSS Transform Property skewY to Skew an Element Along the Y-Axis
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a propriedade CSS Transform Property skewY para inclinar um elemento ao longo do eixo Y
+---
+
+## Description
+<section id="description"> Dado que a função <code>skewX()</code> inclina o elemento selecionado ao longo do eixo X em um determinado grau, não é surpresa que a propriedade <code>skewY()</code> incline um elemento ao longo do eixo Y (vertical). </section>
+
+## Instructions
+<section id="instructions"> Incline o elemento com o ID de <code>top</code> -10 graus ao longo do eixo Y usando a propriedade <code>transform</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O elemento com o <code>top</code> id deve ser inclinado em -10 graus ao longo do seu eixo Y.
+    testString: 'assert(code.match(/#top\s*?{\s*?.*?\s*?transform:\s*?skewY\(-10deg\);/g), "The element with id <code>top</code> should be skewed by -10 degrees along its Y-axis.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    width: 70%;
+    height: 100px;
+    margin: 50px auto;
+  }
+  #top {
+    background-color: red;
+
+  }
+  #bottom {
+    background-color: blue;
+    transform: skewX(24deg);
+  }
+</style>
+
+<div id="top"></div>
+<div id="bottom"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-change-the-size-of-an-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-change-the-size-of-an-element.portuguese.md
new file mode 100644
index 0000000000..18398b1ea6
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-change-the-size-of-an-element.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: 587d78a5367417b2b2512ad9
+title: Use the CSS Transform scale Property to Change the Size of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a propriedade de escala de transformação de CSS para alterar o tamanho de um elemento
+---
+
+## Description
+<section id="description"> Para alterar a escala de um elemento, o CSS possui a propriedade <code>transform</code> , junto com sua função <code>scale()</code> . O exemplo de código a seguir dobra o tamanho de todos os elementos de parágrafo na página: <blockquote> p { <br> transformar: escala (2); <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Aumente o tamanho do elemento com o id de <code>ball2</code> para 1,5 vezes o tamanho original. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Defina a propriedade de <code>transform</code> para <code>#ball2</code> para dimensioná-la 1,5 vezes seu tamanho.'
+    testString: 'assert(code.match(/#ball2\s*?{\s*?left:\s*?65%;\s*?transform:\s*?scale\(1\.5\);\s*?}|#ball2\s*?{\s*?transform:\s*?scale\(1\.5\);\s*?left:\s*?65%;\s*?}/gi), "Set the <code>transform</code> property for <code>#ball2</code> to scale it 1.5 times its size.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .ball {
+    width: 40px;
+    height: 40px;
+    margin: 50 auto;
+    position: fixed;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    border-radius: 50%;
+  }
+  #ball1 {
+    left: 20%;
+  }
+  #ball2 {
+    left: 65%;
+
+  }
+
+
+</style>
+
+<div class="ball" id= "ball1"></div>
+<div class="ball" id= "ball2"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-scale-an-element-on-hover.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-scale-an-element-on-hover.portuguese.md
new file mode 100644
index 0000000000..ae30ed97e0
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-scale-an-element-on-hover.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: 587d78a5367417b2b2512ada
+title: Use the CSS Transform scale Property to Scale an Element on Hover
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a propriedade de escala Transform do CSS para dimensionar um elemento no Hover
+---
+
+## Description
+<section id="description"> A propriedade <code>transform</code> possui uma variedade de funções que permite dimensionar, mover, girar, inclinar, etc., seus elementos. Quando usada com pseudo-classes, como <code>:hover</code> que especifica um determinado estado de um elemento, a propriedade <code>transform</code> pode facilmente adicionar interatividade aos seus elementos. Veja um exemplo para dimensionar os elementos de parágrafo para 2,1 vezes o tamanho original quando um usuário passa por cima deles: <blockquote> p: hover { <br> transformar: escala (2.1); <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione uma regra CSS para o estado de <code>hover</code> do <code>div</code> e use a propriedade <code>transform</code> para dimensionar o elemento <code>div</code> para 1,1 vezes seu tamanho original quando um usuário passar por cima dele. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O tamanho do elemento <code>div</code> deve ser dimensionado 1,1 vezes quando o usuário passar por cima dele.'
+    testString: 'assert(code.match(/div:hover\s*?{\s*?transform:\s*?scale\(1\.1\);/gi), "The size of the <code>div</code> element should scale 1.1 times when the user hovers over it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    width: 70%;
+    height: 100px;
+    margin:  50px auto;
+    background: linear-gradient(
+      53deg,
+      #ccfffc,
+      #ffcccf
+    );
+  }
+
+
+
+</style>
+
+<div></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-em-tag-to-italicize-text.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-em-tag-to-italicize-text.portuguese.md
new file mode 100644
index 0000000000..8edbbf4d9b
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-em-tag-to-italicize-text.portuguese.md
@@ -0,0 +1,88 @@
+---
+id: 587d781a367417b2b2512ab9
+title: Use the em Tag to Italicize Text
+challengeType: 0
+videoUrl: ''
+localeTitle: Use o tag em para colocar em itálico
+---
+
+## Description
+<section id="description"> Para enfatizar o texto, você pode usar a tag <code>em</code> . Isso exibe o texto em itálico, pois o navegador aplica o CSS de <code>font-style: italic;</code> de <code>font-style: italic;</code> para o elemento. </section>
+
+## Instructions
+<section id="instructions"> Enrole uma tag <code>em</code> torno do conteúdo da tag de parágrafo para dar ênfase. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve adicionar uma tag <code>em</code> para a marcação.
+    testString: 'assert($("em").length == 1, "Your code should add an <code>em</code> tag to the markup.");'
+  - text: A tag <code>em</code> deve envolver o conteúdo da tag <code>p</code> mas não a tag <code>p</code> si.
+    testString: 'assert($("p").children().length == 1 && $("em").children().length == 2, "The <code>em</code> tag should wrap around the contents of the <code>p</code> tag but not the <code>p</code> tag itself.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text.portuguese.md
new file mode 100644
index 0000000000..52637ea5bb
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text.portuguese.md
@@ -0,0 +1,90 @@
+---
+id: 587d781b367417b2b2512aba
+title: Use the s Tag to Strikethrough Text
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a tag s para rasurar texto
+---
+
+## Description
+<section id="description"> Para raspar o texto, que é quando uma linha horizontal corta os caracteres, você pode usar a tag <code>s</code> . Isso mostra que uma seção do texto não é mais válida. Com a tag <code>s</code> , o navegador aplica o CSS da <code>text-decoration: line-through;</code> de <code>text-decoration: line-through;</code> para o elemento. </section>
+
+## Instructions
+<section id="instructions"> Envolva a tag <code>s</code> torno de &quot;Google&quot; dentro da tag <code>h4</code> e, em seguida, adicione a palavra Alphabet ao lado dela, que não deve ter a formatação strikethrough. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve adicionar uma tag <code>s</code> à marcação.
+    testString: 'assert($("s").length == 1, "Your code should add one <code>s</code> tag to the markup.");'
+  - text: A tag <code>s</code> deve envolver o texto do Google na tag <code>h4</code> . Não deve conter a palavra Alfabeto.
+    testString: 'assert($("s").text().match(/Google/gi) && !$("s").text().match(/Alphabet/gi), "A <code>s</code> tag should wrap around the Google text in the <code>h4</code> tag. It should not contain the word Alphabet.");'
+  - text: 'Inclua a palavra Alfabeto na tag <code>h4</code> , sem formatação tachada.'
+    testString: 'assert($("h4").html().match(/Alphabet/gi), "Include the word Alphabet in the <code>h4</code> tag, without strikethrough formatting.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-strong-tag-to-make-text-bold.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-strong-tag-to-make-text-bold.portuguese.md
new file mode 100644
index 0000000000..4598862916
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-strong-tag-to-make-text-bold.portuguese.md
@@ -0,0 +1,90 @@
+---
+id: 587d781a367417b2b2512ab7
+title: Use the strong Tag to Make Text Bold
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a tag forte para tornar o texto em negrito
+---
+
+## Description
+<section id="description"> Para tornar o texto em negrito, você pode usar a tag <code>strong</code> . Isso costuma ser usado para chamar a atenção para o texto e simbolizar que é importante. Com a tag <code>strong</code> , o navegador aplica o CSS de <code>font-weight: bold;</code> para o elemento. </section>
+
+## Instructions
+<section id="instructions"> Embrulhe uma tag <code>strong</code> torno da &quot;Universidade de Stanford&quot; dentro da tag <code>p</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve adicionar uma tag <code>strong</code> à marcação.
+    testString: 'assert($("strong").length == 1, "Your code should add one <code>strong</code> tag to the markup.");'
+  - text: A tag <code>strong</code> deve estar dentro da tag <code>p</code> .
+    testString: 'assert($("p").children("strong").length == 1, "The <code>strong</code> tag should be inside the <code>p</code> tag.");'
+  - text: A etiqueta <code>strong</code> deve envolver as palavras &quot;Universidade de Stanford&quot;.
+    testString: 'assert($("strong").text().match(/^Stanford University$/gi), "The <code>strong</code> tag should wrap around the words "Stanford University".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.portuguese.md
new file mode 100644
index 0000000000..afa8436c1f
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.portuguese.md
@@ -0,0 +1,96 @@
+---
+id: 587d781c367417b2b2512ac0
+title: Use the text-transform Property to Make Text Uppercase
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a propriedade text-transform para tornar o texto maiúsculo
+---
+
+## Description
+<section id="description"> A propriedade <code>text-transform</code> em CSS é usada para alterar a aparência do texto. É uma maneira conveniente de garantir que o texto em uma página da Web seja exibido de forma consistente, sem a necessidade de alterar o conteúdo de texto dos elementos HTML reais. A tabela a seguir mostra como os diferentes valores de <code>text-transform</code> alteram o texto de exemplo &quot;Transform me&quot;. <table class="table table-striped"><thead><tr><th> Valor </th><th> Resultado </th></tr></thead><tbody><tr><td> <code>lowercase</code> </td> <td> &quot;me transformar&quot; </td></tr><tr><td> <code>uppercase</code> </td> <td> &quot;TRANSFORME-ME&quot; </td></tr><tr><td> <code>capitalize</code> </td> <td> &quot;Transforme-me&quot; </td></tr><tr><td> <code>initial</code> </td> <td> Use o valor padrão </td></tr><tr><td> <code>inherit</code> </td> <td> Use o valor de <code>text-transform</code> do elemento pai </td></tr><tr><td> <code>none</code> </td> <td> <strong>Padrão:</strong> use o texto original </td></tr></tbody></table></section>
+
+## Instructions
+<section id="instructions"> Transforme o texto do <code>h4</code> em maiúsculo usando a propriedade <code>text-transform</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O texto <code>h4</code> deve estar em maiúsculas.
+    testString: 'assert($("h4").css("text-transform") === "uppercase", "The <code>h4</code> text should be uppercase.");'
+  - text: O texto original do h4 não deve ser alterado.
+    testString: 'assert(($("h4").text() !== $("h4").text().toUpperCase()), "The original text of the h4 should not be changed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+    font-size: 27px;
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+    opacity: 0.7;
+  }
+  #thumbnail {
+    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard" id="thumbnail">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.portuguese.md
new file mode 100644
index 0000000000..d6d36c86af
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.portuguese.md
@@ -0,0 +1,88 @@
+---
+id: 587d781a367417b2b2512ab8
+title: Use the u Tag to Underline Text
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a tag u para sublinhar o texto
+---
+
+## Description
+<section id="description"> Para sublinhar o texto, você pode usar a tag <code>u</code> . Isso é freqüentemente usado para significar que uma seção de texto é importante, ou algo para lembrar. Com a tag <code>u</code> , o navegador aplica o CSS de <code>text-decoration: underline;</code> para o elemento. </section>
+
+## Instructions
+<section id="instructions"> Embrulhe a tag <code>u</code> apenas em torno do texto &quot;Ph.D. students&quot;. <strong>Nota</strong> <br> Tente evitar usar a tag <code>u</code> quando puder ser confundida com um link. As tags de âncora também têm uma formatação sublinhada padrão. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve adicionar uma tag <code>u</code> na marcação.
+    testString: 'assert($("u").length === 1, "Your code should add a <code>u</code> tag to the markup.");'
+  - text: A tag <code>u</code> deve envolver o texto &quot;Ph.D. students&quot;.
+    testString: 'assert($("u").text() === "Ph.D. students", "The <code>u</code> tag should wrap around the text "Ph.D. students".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at <strong>Stanford University</strong>.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.portuguese.md
new file mode 100644
index 0000000000..d0cbc100ac
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.portuguese.md
@@ -0,0 +1,86 @@
+---
+id: bad87fee1348bd9aedf08823
+title: Add a Negative Margin to an Element
+challengeType: 0
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/add-a-negative-margin-to-an-element'
+videoUrl: ''
+localeTitle: Adicione uma margem negativa a um elemento
+---
+
+## Description
+<section id="description"> A <code>margin</code> um elemento controla a quantidade de espaço entre a <code>border</code> um elemento e os elementos adjacentes. Se você definir a <code>margin</code> um elemento como um valor negativo, o elemento ficará maior. </section>
+
+## Instructions
+<section id="instructions"> Tente definir a <code>margin</code> para um valor negativo como o da caixa vermelha. Altere a <code>margin</code> da caixa azul para <code>-15px</code> , para preencher toda a largura horizontal da caixa amarela em torno dela. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe de <code>blue-box</code> deve fornecer elementos de <code>-15px</code> de <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-top") === "-15px", "Your <code>blue-box</code> class should give elements <code>-15px</code> of <code>margin</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px;
+    margin: -15px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 20px;
+    margin: 20px;
+  }
+</style>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/add-borders-around-your-elements.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/add-borders-around-your-elements.portuguese.md
new file mode 100644
index 0000000000..f4d1f85570
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/add-borders-around-your-elements.portuguese.md
@@ -0,0 +1,108 @@
+---
+id: bad87fee1348bd9bedf08813
+title: Add Borders Around Your Elements
+challengeType: 0
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/add-borders-around-your-elements'
+videoUrl: ''
+localeTitle: Adicionar bordas ao redor de seus elementos
+---
+
+## Description
+<section id="description"> As bordas CSS têm propriedades como <code>style</code> , <code>color</code> e <code>width</code> Por exemplo, se quisermos criar uma borda vermelha de 5 pixels em torno de um elemento HTML, poderíamos usar essa classe: <blockquote> &lt;style&gt; <br> .thin-red-border { <br> border-color: vermelho; <br> largura da borda: 5 px; <br> estilo de borda: sólido; <br> } <br> &lt;/ style&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Crie uma classe chamada <code>thick-green-border</code> . Essa classe deve adicionar uma borda verde sólida de 10 pixels em torno de um elemento HTML. Aplique a turma à sua foto de gato. Lembre-se de que você pode aplicar várias classes a um elemento usando seu atributo de <code>class</code> , separando cada nome de classe com um espaço. Por exemplo: <code>&lt;img class=&quot;class1 class2&quot;&gt;</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>img</code> deve ter a classe <code>smaller-image</code> .
+    testString: 'assert($("img").hasClass("smaller-image"), "Your <code>img</code> element should have the class <code>smaller-image</code>.");'
+  - text: Seu elemento <code>img</code> deve ter a classe <code>thick-green-border</code> .
+    testString: 'assert($("img").hasClass("thick-green-border"), "Your <code>img</code> element should have the class <code>thick-green-border</code>.");'
+  - text: Dê à sua imagem uma largura de borda de <code>10px</code> .
+    testString: 'assert($("img").hasClass("thick-green-border") && parseInt($("img").css("border-top-width"), 10) >= 8 && parseInt($("img").css("border-top-width"), 10) <= 12, "Give your image a border width of <code>10px</code>.");'
+  - text: Dê à sua imagem um estilo de borda <code>solid</code> .
+    testString: 'assert($("img").css("border-right-style") === "solid", "Give your image a border style of <code>solid</code>.");'
+  - text: A borda em volta do seu elemento <code>img</code> deve ser verde.
+    testString: 'assert($("img").css("border-left-color") === "rgb(0, 128, 0)", "The border around your <code>img</code> element should be green.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.portuguese.md
new file mode 100644
index 0000000000..ba2c3270fa
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.portuguese.md
@@ -0,0 +1,92 @@
+---
+id: bad87fee1248bd9aedf08824
+title: Add Different Margins to Each Side of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Adicione margens diferentes a cada lado de um elemento
+---
+
+## Description
+<section id="description"> Às vezes você vai querer personalizar um elemento para que ele tenha uma <code>margin</code> diferente em cada um dos seus lados. O CSS permite controlar a <code>margin</code> de todos os quatro lados individuais de um elemento com as propriedades <code>margin-top</code> , <code>margin-right</code> , <code>margin-bottom</code> e <code>margin-left</code> . </section>
+
+## Instructions
+<section id="instructions"> Dê à caixa azul uma <code>margin</code> de <code>40px</code> no lado superior e esquerdo, mas apenas <code>20px</code> no lado inferior e direito. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe de <code>blue-box</code> deve dar ao topo dos elementos <code>40px</code> de <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-top") === "40px", "Your <code>blue-box</code> class should give the top of elements <code>40px</code> of <code>margin</code>.");'
+  - text: Sua turma de <code>blue-box</code> deve dar o direito de elementos de <code>20px</code> de <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-right") === "20px", "Your <code>blue-box</code> class should give the right of elements <code>20px</code> of <code>margin</code>.");'
+  - text: Sua classe de <code>blue-box</code> deve dar ao fundo dos elementos 20 <code>20px</code> de <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-bottom") === "20px", "Your <code>blue-box</code> class should give the bottom of elements <code>20px</code> of <code>margin</code>.");'
+  - text: Sua classe de <code>blue-box</code> deve dar a esquerda dos elementos <code>40px</code> de <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-left") === "40px", "Your <code>blue-box</code> class should give the left of elements <code>40px</code> of <code>margin</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    margin-top: 40px;
+    margin-right: 20px;
+    margin-bottom: 20px;
+    margin-left: 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.portuguese.md
new file mode 100644
index 0000000000..7a1c615ce7
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.portuguese.md
@@ -0,0 +1,93 @@
+---
+id: bad87fee1348bd9aedf08824
+title: Add Different Padding to Each Side of an Element
+challengeType: 0
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/add-different-padding-to-each-side-of-an-element'
+videoUrl: ''
+localeTitle: Adicionar preenchimento diferente a cada lado de um elemento
+---
+
+## Description
+<section id="description"> Às vezes, você desejará personalizar um elemento para que ele tenha diferentes quantidades de <code>padding</code> em cada um dos seus lados. O CSS permite controlar o <code>padding</code> de todos os quatro lados individuais de um elemento com as propriedades <code>padding-top</code> , <code>padding-right</code> , <code>padding-bottom</code> e <code>padding-left</code> . </section>
+
+## Instructions
+<section id="instructions"> Dê à caixa azul um <code>padding</code> de <code>40px</code> no lado superior e esquerdo, mas apenas <code>20px</code> no lado inferior e direito. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe de <code>blue-box</code> deve dar ao topo dos elementos <code>40px</code> de <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-top") === "40px", "Your <code>blue-box</code> class should give the top of the elements <code>40px</code> of <code>padding</code>.");'
+  - text: Sua classe de <code>blue-box</code> deve dar o direito dos elementos <code>20px</code> de <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-right") === "20px", "Your <code>blue-box</code> class should give the right of the elements <code>20px</code> of <code>padding</code>.");'
+  - text: Sua classe de <code>blue-box</code> deve dar ao fundo dos elementos <code>20px</code> de <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-bottom") === "20px", "Your <code>blue-box</code> class should give the bottom of the elements <code>20px</code> of <code>padding</code>.");'
+  - text: Sua classe de <code>blue-box</code> deve dar a esquerda dos elementos <code>40px</code> de <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-left") === "40px", "Your <code>blue-box</code> class should give the left of the elements <code>40px</code> of <code>padding</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding-top: 40px;
+    padding-right: 20px;
+    padding-bottom: 20px;
+    padding-left: 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.portuguese.md
new file mode 100644
index 0000000000..5c1ed142d6
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.portuguese.md
@@ -0,0 +1,108 @@
+---
+id: bad87fee1348bd9aedf08814
+title: Add Rounded Corners with border-radius
+challengeType: 0
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/add-rounded-corners-a-border-radius'
+videoUrl: ''
+localeTitle: Adicionar cantos arredondados com raio de borda
+---
+
+## Description
+<section id="description"> Sua foto de gato atualmente tem cantos afiados. Podemos arredondar esses cantos com uma propriedade CSS chamada <code>border-radius</code> . </section>
+
+## Instructions
+<section id="instructions"> Você pode especificar um <code>border-radius</code> com pixels. Dê ao seu gato uma foto <code>border-radius</code> de 10 <code>10px</code> . Nota: este desafio permite múltiplas soluções possíveis. Por exemplo, você pode adicionar <code>border-radius</code> à classe <code>.smaller-image</code> <code>.thick-green-border</code> ou à classe <code>.smaller-image</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento de imagem deve ter a classe "borda verde espessa".
+    testString: 'assert($("img").hasClass("thick-green-border"), "Your image element should have the class "thick-green-border".");'
+  - text: Sua imagem deve ter um raio de 10 <code>10px</code>
+    testString: 'assert(parseInt($("img").css("border-top-left-radius")) > 8, "Your image should have a border radius of <code>10px</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.portuguese.md
new file mode 100644
index 0000000000..d346fabb82
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.portuguese.md
@@ -0,0 +1,87 @@
+---
+id: bad87fee1348bd9aedf08822
+title: Adjust the Margin of an Element
+challengeType: 0
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/adjust-the-margin-of-an-element'
+videoUrl: ''
+localeTitle: Ajustar a margem de um elemento
+---
+
+## Description
+<section id="description"> A <code>margin</code> um elemento controla a quantidade de espaço entre a <code>border</code> um elemento e os elementos adjacentes. Aqui, podemos ver que a caixa azul e a caixa vermelha estão aninhadas dentro da caixa amarela. Note que a caixa vermelha tem uma <code>margin</code> maior que a caixa azul, fazendo parecer menor. Quando você aumenta a <code>margin</code> da caixa azul, ela aumenta a distância entre a borda e os elementos adjacentes. </section>
+
+## Instructions
+<section id="instructions"> Altere a <code>margin</code> da caixa azul para corresponder à da caixa vermelha. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe de <code>blue-box</code> deve dar elementos de <code>20px</code> de <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-top") === "20px", "Your <code>blue-box</code> class should give elements <code>20px</code> of <code>margin</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px;
+    margin: 20px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 20px;
+    margin: 10px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.portuguese.md
new file mode 100644
index 0000000000..2e94bcbba2
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.portuguese.md
@@ -0,0 +1,85 @@
+---
+id: bad88fee1348bd9aedf08825
+title: Adjust the Padding of an Element
+challengeType: 0
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/adjust-the-padding-of-an-element'
+videoUrl: ''
+localeTitle: Ajustar o preenchimento de um elemento
+---
+
+## Description
+<section id="description"> Agora vamos colocar nosso Cat Photo App por um tempo e aprender mais sobre o estilo HTML. Você já deve ter percebido isso, mas todos os elementos HTML são essencialmente pequenos retângulos. Três propriedades importantes controlam o espaço que envolve cada elemento HTML: <code>padding</code> , <code>margin</code> e <code>border</code> . O <code>padding</code> um elemento controla a quantidade de espaço entre o conteúdo do elemento e sua <code>border</code> . Aqui, podemos ver que a caixa azul e a caixa vermelha estão aninhadas dentro da caixa amarela. Observe que a caixa vermelha tem mais <code>padding</code> que a caixa azul. Quando você aumenta o <code>padding</code> da caixa azul, ela aumentará a distância ( <code>padding</code> ) entre o texto e a borda ao redor dele. </section>
+
+## Instructions
+<section id="instructions"> Altere o <code>padding</code> de sua caixa azul para corresponder à sua caixa vermelha. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua turma de <code>blue-box</code> deve fornecer elementos de <code>20px</code> de <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-top") === "20px", "Your <code>blue-box</code> class should give elements <code>20px</code> of <code>padding</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 10px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.portuguese.md
new file mode 100644
index 0000000000..0ac95bf94e
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.portuguese.md
@@ -0,0 +1,254 @@
+---
+id: 5a9d7286424fe3d0e10cad13
+title: Attach a Fallback value to a CSS Variable
+challengeType: 0
+videoUrl: ''
+localeTitle: Anexar um valor de fallback a uma variável CSS
+---
+
+## Description
+<section id="description"> Ao usar sua variável como um valor de propriedade CSS, você pode anexar um valor de fallback para o qual o navegador reverterá se a variável fornecida for inválida. <strong>Nota:</strong> Esse fallback não é usado para aumentar a compatibilidade do navegador e não funcionará nos navegadores IE. Em vez disso, ele é usado para que o navegador tenha uma cor para exibir se não puder encontrar sua variável. Veja como você faz isso: <blockquote> fundo: var (- pinguim-pele, preto); </blockquote> Isso definirá o plano de fundo para preto se sua variável não foi definida. Observe que isso pode ser útil para depuração. </section>
+
+## Instructions
+<section id="instructions"> Parece que há um problema com as variáveis ​​fornecidas para as <code>.penguin-top</code> e <code>.penguin-bottom</code> . Em vez de corrigir o erro de digitação, adicione um valor de fallback de <code>black</code> à propriedade <code>background</code> das <code>.penguin-top</code> e <code>.penguin-bottom</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Aplique o valor de fallback de <code>black</code> na propriedade <code>background</code> da classe de <code>penguin-top</code> .
+    testString: '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), "Apply the fallback value of <code>black</code> to the <code>background</code> property of the <code>penguin-top</code> class.");'
+  - text: Aplique o valor de fallback de <code>black</code> na propriedade <code>background</code> da classe <code>penguin-bottom</code> .
+    testString: 'assert(code.match(/.penguin-bottom\s*?{[\s\S]*background\s*?:\s*?var\(\s*?--pengiun-skin\s*?,\s*?black\s*?\)\s*?;[\s\S]*}/gi), "Apply the fallback value of <code>black</code> to the <code>background</code> property of the <code>penguin-bottom</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .penguin {
+    --penguin-skin: black;
+    --penguin-belly: gray;
+    --penguin-beak: yellow;
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+
+    /* change code below */
+    background: var(--pengiun-skin);
+    /* change code above */
+
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+
+    /* change code below */
+    background: var(--pengiun-skin);
+    /* change code above */
+
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, black);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, black);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/cascading-css-variables.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/cascading-css-variables.portuguese.md
new file mode 100644
index 0000000000..49368c7577
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/cascading-css-variables.portuguese.md
@@ -0,0 +1,250 @@
+---
+id: 5a9d7295424fe3d0e10cad14
+title: Cascading CSS variables
+challengeType: 0
+videoUrl: ''
+localeTitle: Variáveis ​​CSS em cascata
+---
+
+## Description
+<section id="description"> Quando você cria uma variável, ela fica disponível para você usar dentro do elemento no qual você a cria. Ele também fica disponível dentro de qualquer elemento aninhado dentro dele. Esse efeito é conhecido como <dfn>cascata</dfn> . Por causa da cascata, as variáveis ​​CSS são geralmente definidas no elemento <dfn>: root</dfn> . <code>:root</code> é um seletor de <dfn>pseudo-classe</dfn> que combina com o elemento raiz do documento, geralmente o <code></code> elemento. Ao criar suas variáveis ​​em <code>:root</code> , elas estarão disponíveis globalmente e poderão ser acessadas de qualquer outro seletor posteriormente na folha de estilos. </section>
+
+## Instructions
+<section id="instructions"> Defina uma variável chamada <code>--penguin-belly</code> no seletor <code>:root</code> e dê a ela o valor de <code>pink</code> . Você pode, então, ver como o valor irá cair em cascata para alterar o valor para rosa, em qualquer lugar em que a variável for usada. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'declare a variável <code>--penguin-belly</code> no <code>:root</code> e atribua-a a <code>pink</code> .'
+    testString: 'assert(code.match(/:root\s*?{[\s\S]*--penguin-belly\s*?:\s*?pink\s*?;[\s\S]*}/gi), "declare the <code>--penguin-belly</code> variable in the <code>:root</code> and assign it to <code>pink</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  :root {
+
+    /* add code below */
+
+    /* add code above */
+  }
+
+  body {
+    background: var(--penguin-belly, #c6faf1);
+  }
+
+  .penguin {
+    --penguin-skin: gray;
+    --penguin-beak: orange;
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.portuguese.md
new file mode 100644
index 0000000000..16fc8e5aaf
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.portuguese.md
@@ -0,0 +1,252 @@
+---
+id: 5a9d72a1424fe3d0e10cad15
+title: Change a variable for a specific area
+challengeType: 0
+videoUrl: ''
+localeTitle: Alterar uma variável para uma área específica
+---
+
+## Description
+<section id="description"> Quando você cria suas variáveis ​​em <code>:root</code> elas definem o valor dessa variável para toda a página. Você pode então sobrescrever essas variáveis ​​definindo-as novamente dentro de um elemento específico. </section>
+
+## Instructions
+<section id="instructions"> Altere o valor de <code>--penguin-belly</code> para <code>white</code> na classe dos <code>penguin</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A classe de <code>penguin</code> deve reatribuir a variável <code>--penguin-belly</code> ao <code>white</code> .
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-belly\s*?:\s*?white\s*?;[\s\S]*}/gi), "The <code>penguin</code> class should reassign the <code>--penguin-belly</code> variable to <code>white</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  :root {
+    --penguin-skin: gray;
+    --penguin-belly: pink;
+    --penguin-beak: orange;
+  }
+
+  body {
+    background: var(--penguin-belly, #c6faf1);
+  }
+
+  .penguin {
+
+    /* add code below */
+
+    /* add code above */
+
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, pink);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, pink);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, pink);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/change-the-color-of-text.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/change-the-color-of-text.portuguese.md
new file mode 100644
index 0000000000..6d86254d8e
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/change-the-color-of-text.portuguese.md
@@ -0,0 +1,81 @@
+---
+id: bad87fee1348bd9aedf08803
+title: Change the Color of Text
+challengeType: 0
+videoUrl: ''
+localeTitle: Alterar a cor do texto
+---
+
+## Description
+<section id="description"> Agora vamos mudar a cor de alguns dos nossos textos. Podemos fazer isso alterando o <code>style</code> do seu elemento <code>h2</code> . A propriedade responsável pela cor do texto de um elemento é a propriedade de estilo de <code>color</code> . Veja como você <code>h2</code> a cor do texto do elemento <code>h2</code> como azul: <code>&lt;h2 style=&quot;color: blue;&quot;&gt;CatPhotoApp&lt;/h2&gt;</code> Observe que é uma boa prática finalizar declarações de <code>style</code> inline com a <code>;</code> . </section>
+
+## Instructions
+<section id="instructions"> Altere o estilo do elemento <code>h2</code> para que sua cor de texto fique vermelha. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>h2</code> deve estar vermelho.
+    testString: 'assert($("h2").css("color") === "rgb(255, 0, 0)", "Your <code>h2</code> element should be red.");'
+  - text: Sua declaração de <code>style</code> deve terminar com a <code>;</code> .
+    testString: 'assert(code.match(/<h2\s+style\s*=\s*(\"|")\s*color\s*:\s*(?:rgb\(\s*255\s*,\s*0\s*,\s*0\s*\)|rgb\(\s*100%\s*,\s*0%\s*,\s*0%\s*\)|red|#ff0000|#f00|hsl\(\s*0\s*,\s*100%\s*,\s*50%\s*\))\s*\;(\"|")>\s*CatPhotoApp\s*<\/h2>/)," Your <code>style</code> declaration should end with a <code>;</code> .");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.portuguese.md
new file mode 100644
index 0000000000..ed63885740
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.portuguese.md
@@ -0,0 +1,85 @@
+---
+id: bad87fee1348bd9aedf08806
+title: Change the Font Size of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Alterar o tamanho da fonte de um elemento
+---
+
+## Description
+<section id="description"> O tamanho da fonte é controlado pela propriedade CSS do <code>font-size</code> da <code>font-size</code> , assim: <blockquote> h1 { <br> tamanho da fonte: 30px; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Dentro da mesma tag <code>&lt;style&gt;</code> que contém sua classe <code>red-text</code> , crie uma entrada para <code>p</code> elementos e configure o <code>font-size</code> da <code>font-size</code> para 16 pixels ( <code>16px</code> ). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Entre as tags de <code>style</code> , forneça os elementos <code>p</code> <code>font-size</code> de <code>font-size</code> de <code>16px</code> . O navegador e o zoom de texto devem estar em 100%.'
+    testString: 'assert(code.match(/p\s*{\s*font-size\s*:\s*16\s*px\s*;\s*}/i), "Between the <code>style</code> tags, give the <code>p</code> elements <code>font-size</code> of <code>16px</code>. Browser and Text zoom should be at 100%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/create-a-custom-css-variable.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/create-a-custom-css-variable.portuguese.md
new file mode 100644
index 0000000000..e6d643eb1b
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/create-a-custom-css-variable.portuguese.md
@@ -0,0 +1,245 @@
+---
+id: 5a9d726c424fe3d0e10cad11
+title: Create a custom CSS Variable
+challengeType: 0
+videoUrl: ''
+localeTitle: Crie uma variável CSS personalizada
+---
+
+## Description
+<section id="description"> Para criar uma variável CSS, basta dar um <code>name</code> a ela com <code>two dashes</code> à frente e atribuir um <code>value</code> como este: <blockquote> - pele de pinguim: cinza; </blockquote> Isso criará uma variável chamada <code>--penguin-skin</code> e atribuirá a ela o valor de <code>gray</code> . Agora você pode usar essa variável em outro lugar no seu CSS para alterar o valor de outros elementos para cinza. </section>
+
+## Instructions
+<section id="instructions"> Na classe <code>penguin</code> , crie um nome de variável <code>--penguin-skin</code> e dê a ele um valor de <code>gray</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>penguin</code> classe <code>penguin</code> deve declarar a variável <code>--penguin-skin</code> e atribuí-la a <code>gray</code> .
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-skin\s*?:\s*?gray\s*?;[\s\S]*}/gi), "<code>penguin</code> class should declare the <code>--penguin-skin</code> variable and assign it to <code>gray</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .penguin {
+
+    /* add code below */
+
+    /* add code above */
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: black;
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: black;
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: black;
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: black;
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: white;
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: orange;
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: orange;
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.portuguese.md
new file mode 100644
index 0000000000..6fb5363c63
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.portuguese.md
@@ -0,0 +1,110 @@
+---
+id: bad87fed1348bd9aede07836
+title: Give a Background Color to a div Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Dê uma cor de fundo para um elemento div
+---
+
+## Description
+<section id="description"> Você pode definir a cor de fundo de um elemento com a propriedade <code>background-color</code> . Por exemplo, se você quisesse que a cor de fundo de um elemento fosse <code>green</code> , você colocaria isso no seu elemento de <code>style</code> : <blockquote> .green-background { <br> cor de fundo: verde; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Crie uma classe chamada <code>silver-background</code> com a <code>background-color</code> de <code>background-color</code> de prata. Atribua essa classe ao seu elemento <code>div</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Dê ao seu elemento <code>div</code> a classe <code>silver-background</code> .
+    testString: 'assert($("div").hasClass("silver-background"), "Give your <code>div</code> element the class <code>silver-background</code>.");'
+  - text: Seu elemento <code>div</code> deve ter um fundo prateado.
+    testString: 'assert($("div").css("background-color") === "rgb(192, 192, 192)", "Your <code>div</code> element should have a silver background.");'
+  - text: Defina uma classe denominada <code>silver-background</code> no elemento <code>style</code> e atribua o valor de <code>silver</code> à propriedade <code>background-color</code> .
+    testString: 'assert(code.match(/\.silver-background\s*{\s*background-color:\s*silver;\s*}/), "Define a class named <code>silver-background</code> within the <code>style</code> element and assign the value of <code>silver</code> to the <code>background-color</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/import-a-google-font.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/import-a-google-font.portuguese.md
new file mode 100644
index 0000000000..7fdf1c0dd2
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/import-a-google-font.portuguese.md
@@ -0,0 +1,96 @@
+---
+id: bad87fee1348bd9aedf08807
+title: Import a Google Font
+challengeType: 0
+videoUrl: ''
+localeTitle: Importar uma fonte do Google
+---
+
+## Description
+<section id="description"> Além de especificar fontes comuns que são encontradas na maioria dos sistemas operacionais, também podemos especificar fontes da Web não padrão e personalizadas para uso em nosso site. Existem várias fontes para fontes da web na internet, mas, para este exemplo, vamos nos concentrar na biblioteca de fontes do Google. <a href="https://fonts.google.com/" target="_blank">O Google Fonts</a> é uma biblioteca gratuita de fontes da Web que você pode usar no seu CSS fazendo referência ao URL da fonte. Então, vamos em frente e importar e aplicar uma fonte do Google (note que, se o Google está bloqueado em seu país, você precisará pular este desafio). Para importar uma fonte do Google, copie o (s) tipo (s) de fonte da biblioteca do Google Fonts e cole-o no HTML. Para este desafio, vamos importar a fonte <code>Lobster</code> . Para fazer isso, copie o snippet de código a seguir e cole-o na parte superior do editor de código (antes do elemento de <code>style</code> abertura): <code>&lt;link href=&quot;https://fonts.googleapis.com/css?family=Lobster&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;</code> Agora você pode usar a fonte <code>Lobster</code> no seu CSS usando <code>Lobster</code> como FAMILY_NAME, como no exemplo a seguir: <br> <code>font-family: FAMILY_NAME, GENERIC_NAME;</code> . O GENERIC_NAME é opcional e é uma fonte substituta caso a outra fonte especificada não esteja disponível. Isso é coberto no próximo desafio. Nomes de família fazem distinção entre maiúsculas e minúsculas e precisam ser agrupados entre aspas se houver um espaço no nome. Por exemplo, você precisa de citações para usar a fonte <code>&quot;Open Sans&quot;</code> , mas não para usar a fonte <code>Lobster</code> . </section>
+
+## Instructions
+<section id="instructions"> Crie uma regra CSS <code>font-family</code> que use a fonte <code>Lobster</code> e garanta que ela será aplicada ao seu elemento <code>h2</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Importe a fonte <code>Lobster</code> .
+    testString: 'assert(new RegExp("googleapis", "gi").test(code), "Import the <code>Lobster</code> font.");'
+  - text: Seu elemento <code>h2</code> deve usar a fonte <code>Lobster</code> .
+    testString: 'assert($("h2").css("font-family").match(/lobster/i), "Your <code>h2</code> element should use the font <code>Lobster</code>.");'
+  - text: Use um seletor CSS <code>h2</code> para alterar a fonte.
+    testString: 'assert(/\s*h2\s*\{\s*font-family\:\s*(\"|")?Lobster(\"|")?\s*;\s*\}/gi.test(code), "Use an <code>h2</code> CSS selector to change the font.");'
+  - text: Seu elemento <code>p</code> ainda deve usar a fonte <code>monospace</code> .
+    testString: 'assert($("p").css("font-family").match(/monospace/i), "Your <code>p</code> element should still use the font <code>monospace</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.portuguese.md
new file mode 100644
index 0000000000..435b717407
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.portuguese.md
@@ -0,0 +1,60 @@
+---
+id: 5b7d72c338cd7e35b63f3e14
+title: Improve Compatibility with Browser Fallbacks
+challengeType: 0
+videoUrl: ''
+localeTitle: Aprimore a compatibilidade com fallbacks do navegador
+---
+
+## Description
+<section id="description"> Ao trabalhar com o CSS, você provavelmente se deparará com problemas de compatibilidade do navegador em algum momento. É por isso que é importante fornecer fallbacks do navegador para evitar possíveis problemas. Quando seu navegador analisa o CSS de uma página da Web, ele ignora as propriedades que não reconhece ou não suporta. Por exemplo, se você usar uma variável CSS para atribuir uma cor de plano de fundo em um site, o Internet Explorer ignorará a cor do plano de fundo porque ela não suporta variáveis ​​CSS. Nesse caso, o navegador usará qualquer valor que tenha para essa propriedade. Se não puder encontrar nenhum outro valor definido para essa propriedade, ele será revertido para o valor padrão, que normalmente não é o ideal. Isso significa que, se você quiser fornecer um retorno do navegador, será tão fácil quanto fornecer outro valor com maior suporte imediatamente antes de sua declaração. Dessa forma, um navegador mais antigo terá algo em que voltar, enquanto um navegador mais recente irá interpretar qualquer declaração que venha depois na cascata. </section>
+
+## Instructions
+<section id="instructions"> Parece que uma variável está sendo usada para definir a cor de fundo da classe <code>.red-box</code> . Vamos melhorar nossa compatibilidade com o navegador, adicionando outra declaração de <code>background</code> antes da declaração existente e definindo seu valor para vermelho. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua regra de <code>.red-box</code> vermelha deve incluir um fallback com o <code>background</code> definido como vermelho imediatamente antes da declaração de <code>background</code> existente.
+    testString: 'assert(code.match(/.red-box\s*{[^}]*background:\s*(red|#ff0000|#f00|rgb\(\s*255\s*,\s*0\s*,\s*0\s*\)|rgb\(\s*100%\s*,\s*0%\s*,\s*0%\s*\)|hsl\(\s*0\s*,\s*100%\s*,\s*50%\s*\))\s*;\s*background:\s*var\(\s*--red-color\s*\);/gi), "Your <code>.red-box</code> rule should include a fallback with the <code>background</code> set to red immediately before the existing <code>background</code> declaration.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  :root {
+    --red-color: red;
+  }
+  .red-box {
+
+    background: var(--red-color);
+    height: 200px;
+    width:200px;
+  }
+</style>
+<div class="red-box"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.portuguese.md
new file mode 100644
index 0000000000..b5595762e2
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.portuguese.md
@@ -0,0 +1,66 @@
+---
+id: bad87fee1348bd9aedf08746
+title: Inherit Styles from the Body Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Herdar estilos do elemento do corpo
+---
+
+## Description
+<section id="description"> Agora provamos que toda página HTML tem um elemento <code>body</code> , e que seu elemento <code>body</code> também pode ser estilizado com CSS. Lembre-se, você pode estilizar seu elemento <code>body</code> como qualquer outro elemento HTML, e todos os seus outros elementos herdarão os estilos de seu <code>body</code> . </section>
+
+## Instructions
+<section id="instructions"> Primeiro, crie um elemento <code>h1</code> com o texto <code>Hello World</code> Então, vamos dar a todos os elementos da sua página a cor <code>green</code> adicionando <code>color: green;</code> à declaração de estilo do elemento do seu <code>body</code> . Finalmente, dê ao seu <code>body</code> elemento font-family of <code>monospace</code> adicionando <code>font-family: monospace;</code> à declaração de estilo do elemento do seu <code>body</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Crie um elemento <code>h1</code> .
+    testString: 'assert(($("h1").length > 0), "Create an <code>h1</code> element.");'
+  - text: Seu elemento <code>h1</code> deve ter o texto <code>Hello World</code> .
+    testString: 'assert(($("h1").length > 0 && $("h1").text().match(/hello world/i)), "Your <code>h1</code> element should have the text <code>Hello World</code>.");'
+  - text: Certifique-se de que seu elemento <code>h1</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/h1>/g) && code.match(/<h1/g) && code.match(/<\/h1>/g).length === code.match(/<h1/g).length, "Make sure your <code>h1</code> element has a closing tag.");'
+  - text: Dê ao seu elemento de <code>body</code> a propriedade de <code>color</code> <code>green</code> .
+    testString: 'assert(($("body").css("color") === "rgb(0, 128, 0)"), "Give your <code>body</code> element the <code>color</code> property of <code>green</code>.");'
+  - text: Dê ao seu elemento de <code>body</code> a propriedade <code>font-family</code> de <code>monospace</code> .
+    testString: 'assert(($("body").css("font-family").match(/monospace/i)), "Give your <code>body</code> element the <code>font-family</code> property of <code>monospace</code>.");'
+  - text: Seu elemento <code>h1</code> deve herdar a fonte <code>monospace</code> de seu elemento <code>body</code> .
+    testString: 'assert(($("h1").length > 0 && $("h1").css("font-family").match(/monospace/i)), "Your <code>h1</code> element should inherit the font <code>monospace</code> from your <code>body</code> element.");'
+  - text: Seu elemento <code>h1</code> deve herdar a cor verde do elemento do <code>body</code> .
+    testString: 'assert(($("h1").length > 0 && $("h1").css("color") === "rgb(0, 128, 0)"), "Your <code>h1</code> element should inherit the color green from your <code>body</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+  }
+
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.portuguese.md
new file mode 100644
index 0000000000..d6eca0e0df
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.portuguese.md
@@ -0,0 +1,108 @@
+---
+id: bad87fee1348bd9aedf08815
+title: Make Circular Images with a border-radius
+challengeType: 0
+videoUrl: ''
+localeTitle: Faça imagens circulares com um raio de borda
+---
+
+## Description
+<section id="description"> Além dos pixels, você também pode especificar o <code>border-radius</code> da <code>border-radius</code> usando uma porcentagem. </section>
+
+## Instructions
+<section id="instructions"> Dê a sua foto de gato um <code>border-radius</code> de <code>border-radius</code> de <code>50%</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Sua imagem deve ter um raio de borda de <code>50%</code> , tornando-a perfeitamente circular.'
+    testString: 'assert(parseInt($("img").css("border-top-left-radius")) > 48, "Your image should have a border radius of <code>50%</code>, making it perfectly circular.");'
+  - text: Certifique-se de usar um valor percentual de <code>50%</code> .
+    testString: 'assert(code.match(/50%/g), "Be sure to use a percentage value of <code>50%</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 10px;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.portuguese.md
new file mode 100644
index 0000000000..596af13a16
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.portuguese.md
@@ -0,0 +1,75 @@
+---
+id: bad87fee1348bd9aedf07756
+title: Override All Other Styles by using Important
+challengeType: 0
+videoUrl: ''
+localeTitle: Substituir todos os outros estilos usando Importante
+---
+
+## Description
+<section id="description"> Yay! Acabamos de provar que os estilos inline irão substituir todas as declarações CSS no seu elemento <code>style</code> . Mas espere. Há uma última maneira de substituir o CSS. Este é o método mais poderoso de todos. Mas antes de fazermos isso, vamos falar sobre o motivo pelo qual você deseja substituir o CSS. Em muitas situações, você usará bibliotecas CSS. Estes podem substituir acidentalmente o seu próprio CSS. Então, quando você absolutamente precisa ter certeza de que um elemento tem CSS específico, você pode usar <code>!important</code> Vamos voltar à nossa declaração de classe de <code>pink-text</code> . Lembre-se de que nossa classe de <code>pink-text</code> foi substituída por declarações de classe, declarações de id e estilos inline subsequentes. </section>
+
+## Instructions
+<section id="instructions"> Vamos adicionar a palavra-chave <code>!important</code> para a declaração de cor do elemento de texto rosa para ter 100% de certeza de que o elemento <code>h1</code> será rosa. Um exemplo de como fazer isso é: <code>color: red !important;</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>h1</code> deve ter a classe <code>pink-text</code> .
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: Seu elemento <code>h1</code> deve ter a classe <code>blue-text</code> .
+    testString: 'assert($("h1").hasClass("blue-text"), "Your <code>h1</code> element should have the class <code>blue-text</code>.");'
+  - text: Seu elemento <code>h1</code> deve ter o id de <code>orange-text</code> .
+    testString: 'assert($("h1").attr("id") === "orange-text", "Your <code>h1</code> element should have the id of <code>orange-text</code>.");'
+  - text: 'Seu elemento <code>h1</code> deve ter o estilo de <code>color: white</code> inline <code>color: white</code> .'
+    testString: 'assert(code.match(/<h1.*style/gi) && code.match(/<h1.*style.*color\s*?:/gi), "Your <code>h1</code> element should have the inline style of <code>color&#58; white</code>.");'
+  - text: Sua declaração de classe de <code>pink-text</code> deve ter a palavra-chave <code>!important</code> para substituir todas as outras declarações.
+    testString: 'assert(code.match(/\.pink-text\s*?\{[\s\S]*?color:.*pink.*!important\s*;?[^\.]*\}/g), "Your <code>pink-text</code> class declaration should have the <code>!important</code> keyword to override all other declarations.");'
+  - text: Seu elemento <code>h1</code> deve ser rosa.
+    testString: 'assert($("h1").css("color") === "rgb(255, 192, 203)", "Your <code>h1</code> element should be pink.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  #orange-text {
+    color: orange;
+  }
+  .pink-text {
+    color: pink;
+  }
+  .blue-text {
+    color: blue;
+  }
+</style>
+<h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.portuguese.md
new file mode 100644
index 0000000000..7243e2cb4f
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: bad87fee1348bd8aedf06756
+title: Override Class Declarations by Styling ID Attributes
+challengeType: 0
+videoUrl: ''
+localeTitle: Substituir Declarações de Classe por Atributos de ID de Estilo
+---
+
+## Description
+<section id="description"> Acabamos de provar que os navegadores lêem CSS de cima para baixo. Isso significa que, no caso de um conflito, o navegador usará a última declaração CSS. Mas ainda não terminamos. Existem outras maneiras de substituir o CSS. Você se lembra de atributos id? Vamos substituir suas classes de <code>blue-text</code> <code>pink-text</code> <code>blue-text</code> e tornar seu elemento <code>h1</code> laranja, dando um id ao elemento <code>h1</code> e, em seguida, estilizando esse id. </section>
+
+## Instructions
+<section id="instructions"> Dê ao seu elemento <code>h1</code> o atributo <code>id</code> do <code>orange-text</code> . Lembre-se, os estilos de id são assim: <code>&lt;h1 id=&quot;orange-text&quot;&gt;</code> Deixe as classes de <code>pink-text</code> <code>blue-text</code> <code>pink-text</code> em seu elemento <code>h1</code> . Crie uma declaração CSS para o seu ID de <code>orange-text</code> em seu elemento de <code>style</code> . Aqui está um exemplo do que isso parece: <blockquote> # brown-text { <br> cor marrom; <br> } </blockquote> Nota: Não importa se você declara este CSS acima ou abaixo da classe pink-text, já que o atributo id sempre terá precedência. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>h1</code> deve ter a classe <code>pink-text</code> .
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: Seu elemento <code>h1</code> deve ter a classe <code>blue-text</code> .
+    testString: 'assert($("h1").hasClass("blue-text"), "Your <code>h1</code> element should have the class <code>blue-text</code>.");'
+  - text: Dê ao seu elemento <code>h1</code> o id do <code>orange-text</code> .
+    testString: 'assert($("h1").attr("id") === "orange-text", "Give your <code>h1</code> element the id of <code>orange-text</code>.");'
+  - text: Deve haver apenas um elemento <code>h1</code> .
+    testString: 'assert(($("h1").length === 1), "There should be only one <code>h1</code> element.");'
+  - text: Crie uma declaração CSS para o seu ID de <code>orange-text</code>
+    testString: 'assert(code.match(/#orange-text\s*{/gi), "Create a CSS declaration for your <code>orange-text</code> id");'
+  - text: Não dê ao seu <code>h1</code> nenhum atributo de <code>style</code> .
+    testString: 'assert(!code.match(/<h1.*style.*>/gi), "Do not give your <code>h1</code> any <code>style</code> attributes.");'
+  - text: Seu elemento <code>h1</code> deve ser laranja.
+    testString: 'assert($("h1").css("color") === "rgb(255, 165, 0)", "Your <code>h1</code> element should be orange.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  .pink-text {
+    color: pink;
+  }
+  .blue-text {
+    color: blue;
+  }
+</style>
+<h1 class="pink-text blue-text">Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.portuguese.md
new file mode 100644
index 0000000000..91e0deecc1
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.portuguese.md
@@ -0,0 +1,73 @@
+---
+id: bad87fee1348bd9aedf06756
+title: Override Class Declarations with Inline Styles
+challengeType: 0
+videoUrl: ''
+localeTitle: Substituir declarações de classe com estilos in-line
+---
+
+## Description
+<section id="description"> Por isso, provamos que as declarações de ID substituem as declarações de classe, independentemente de onde elas são declaradas no CSS do elemento de <code>style</code> . Existem outras maneiras de substituir o CSS. Você se lembra de estilos inline? </section>
+
+## Instructions
+<section id="instructions"> Use um <code>inline style</code> para tentar tornar nosso elemento <code>h1</code> branco. Lembre-se de que os estilos de linha se parecem com isso: <code>&lt;h1 style=&quot;color: green;&quot;&gt;</code> Deixe as classes de <code>pink-text</code> <code>blue-text</code> <code>pink-text</code> em seu elemento <code>h1</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>h1</code> deve ter a classe <code>pink-text</code> .
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: Seu elemento <code>h1</code> deve ter a classe <code>blue-text</code> .
+    testString: 'assert($("h1").hasClass("blue-text"), "Your <code>h1</code> element should have the class <code>blue-text</code>.");'
+  - text: Seu elemento <code>h1</code> deve ter o id de <code>orange-text</code> .
+    testString: 'assert($("h1").attr("id") === "orange-text", "Your <code>h1</code> element should have the id of <code>orange-text</code>.");'
+  - text: Dê ao seu elemento <code>h1</code> um estilo inline.
+    testString: 'assert(document.querySelector("h1[style]"), "Give your <code>h1</code> element an inline style.");'
+  - text: Seu elemento <code>h1</code> deve ser branco.
+    testString: 'assert($("h1").css("color") === "rgb(255, 255, 255)", "Your <code>h1</code> element should be white.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  #orange-text {
+    color: orange;
+  }
+  .pink-text {
+    color: pink;
+  }
+  .blue-text {
+    color: blue;
+  }
+</style>
+<h1 id="orange-text" class="pink-text blue-text">Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.portuguese.md
new file mode 100644
index 0000000000..34aee4ae9f
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: bad87fee1348bd9aedf04756
+title: Override Styles in Subsequent CSS
+challengeType: 0
+videoUrl: ''
+localeTitle: Substituir estilos no CSS subseqüente
+---
+
+## Description
+<section id="description"> Nossa classe &quot;texto rosa&quot; anulou a declaração CSS do elemento do <code>body</code> ! Nós acabamos de provar que nossas classes irão sobrescrever o CSS do elemento <code>body</code> . Então, a próxima questão lógica é: o que podemos fazer para substituir nossa classe de <code>pink-text</code> ? </section>
+
+## Instructions
+<section id="instructions"> Crie uma classe CSS adicional chamada <code>blue-text</code> que dá um elemento a cor azul. Certifique-se de que esteja abaixo da sua declaração de classe de <code>pink-text</code> . Aplique a classe de <code>blue-text</code> ao seu elemento <code>h1</code> , além de sua classe de <code>pink-text</code> , e vamos ver qual deles ganha. A aplicação de vários atributos de classe a um elemento HTML é feita com um espaço entre eles como este: <code>class=&quot;class1 class2&quot;</code> Nota: Não importa qual ordem as classes estão listadas no elemento HTML. No entanto, a ordem das declarações de <code>class</code> na seção <code>&lt;style&gt;</code> é o que é importante. A segunda declaração sempre terá precedência sobre a primeira. Porque <code>.blue-text</code> é declarado em segundo lugar, ele substitui os atributos de <code>.pink-text</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>h1</code> deve ter a classe <code>pink-text</code> .
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: Seu elemento <code>h1</code> deve ter a classe <code>blue-text</code> .
+    testString: 'assert($("h1").hasClass("blue-text"), "Your <code>h1</code> element should have the class <code>blue-text</code>.");'
+  - text: Tanto <code>blue-text</code> quanto <code>blue-text</code> <code>pink-text</code> devem pertencer ao mesmo elemento <code>h1</code> .
+    testString: 'assert($(".pink-text").hasClass("blue-text"), "Both <code>blue-text</code> and <code>pink-text</code> should belong to the same <code>h1</code> element.");'
+  - text: Seu elemento <code>h1</code> deve ser azul.
+    testString: 'assert($("h1").css("color") === "rgb(0, 0, 255)", "Your <code>h1</code> element should be blue.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  .pink-text {
+    color: pink;
+  }
+</style>
+<h1 class="pink-text">Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/prioritize-one-style-over-another.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/prioritize-one-style-over-another.portuguese.md
new file mode 100644
index 0000000000..5811debafd
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/prioritize-one-style-over-another.portuguese.md
@@ -0,0 +1,60 @@
+---
+id: bad87fee1348bd9aedf08756
+title: Prioritize One Style Over Another
+challengeType: 0
+videoUrl: ''
+localeTitle: Priorize um estilo sobre outro
+---
+
+## Description
+<section id="description"> Às vezes, seus elementos HTML receberão vários estilos que entram em conflito entre si. Por exemplo, seu elemento <code>h1</code> não pode ser verde e rosa ao mesmo tempo. Vamos ver o que acontece quando criamos uma classe que torna o texto rosa e depois aplicamos a um elemento. Nossa classe irá <em>sobrepor</em> a <code>color: green;</code> do elemento <code>body</code> <code>color: green;</code> Propriedade CSS? </section>
+
+## Instructions
+<section id="instructions"> Crie uma classe CSS chamada <code>pink-text</code> que forneça um elemento cor-de-rosa. Dê ao seu elemento <code>h1</code> a classe de <code>pink-text</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>h1</code> deve ter a classe <code>pink-text</code> .
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: Seu <code>&lt;style&gt;</code> deve ter uma classe CSS de <code>pink-text</code> que altere a <code>color</code> .
+    testString: 'assert(code.match(/\.pink-text\s*\{\s*color\s*:\s*.+\s*;\s*\}/g), "Your <code>&#60;style&#62;</code> should have a <code>pink-text</code> CSS class that changes the <code>color</code>.");'
+  - text: Seu elemento <code>h1</code> deve ser rosa.
+    testString: 'assert($("h1").css("color") === "rgb(255, 192, 203)", "Your <code>h1</code> element should be pink.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+</style>
+<h1>Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.portuguese.md
new file mode 100644
index 0000000000..507483451c
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.portuguese.md
@@ -0,0 +1,89 @@
+---
+id: bad87fee1348bd9aede08807
+title: Set the Font Family of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Definir a família de fontes de um elemento
+---
+
+## Description
+<section id="description"> Você pode definir qual fonte um elemento deve usar, usando a propriedade <code>font-family</code> . Por exemplo, se você quiser definir a fonte do elemento <code>h2</code> como <code>sans-serif</code> , use o seguinte CSS: <blockquote> h2 { <br> font-family: sem serifa; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Faça com que todos os seus elementos <code>p</code> usem a fonte <code>monospace</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seus elementos <code>p</code> devem usar a fonte <code>monospace</code> .
+    testString: 'assert($("p").not(".red-text").css("font-family").match(/monospace/i), "Your <code>p</code> elements should use the font <code>monospace</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+
+  p {
+    font-size: 16px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/set-the-id-of-an-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/set-the-id-of-an-element.portuguese.md
new file mode 100644
index 0000000000..b176bf92d3
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/set-the-id-of-an-element.portuguese.md
@@ -0,0 +1,110 @@
+---
+id: bad87eee1348bd9aede07836
+title: Set the id of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Definir o id de um elemento
+---
+
+## Description
+<section id="description"> Além das classes, cada elemento HTML também pode ter um atributo <code>id</code> . Há vários benefícios em usar os atributos <code>id</code> : você pode usar um <code>id</code> para estilizar um único elemento e, posteriormente, aprenderá que pode usá-los para selecionar e modificar elementos específicos com JavaScript. <code>id</code> atributos <code>id</code> devem ser exclusivos. Os navegadores não reforçam isso, mas é uma prática recomendada amplamente aceita. Então, por favor, não dê mais de um elemento ao mesmo atributo <code>id</code> . Veja um exemplo de como você atribui ao elemento <code>h2</code> o id de <code>cat-photo-app</code> : <code>&lt;h2 id=&quot;cat-photo-app&quot;&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Dê ao seu elemento <code>form</code> o id <code>cat-photo-form</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Dê ao seu elemento <code>form</code> o id de <code>cat-photo-form</code> .
+    testString: 'assert($("form").attr("id") === "cat-photo-form", "Give your <code>form</code> element the id of <code>cat-photo-form</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .silver-background {
+    background-color: silver;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div class="silver-background">
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/size-your-images.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/size-your-images.portuguese.md
new file mode 100644
index 0000000000..849ffbab06
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/size-your-images.portuguese.md
@@ -0,0 +1,97 @@
+---
+id: bad87fee1348bd9acdf08812
+title: Size Your Images
+challengeType: 0
+videoUrl: ''
+localeTitle: Tamanho suas imagens
+---
+
+## Description
+<section id="description"> CSS tem uma propriedade chamada <code>width</code> que controla a largura de um elemento. Assim como com fontes, usaremos <code>px</code> (pixels) para especificar a largura da imagem. Por exemplo, se quiséssemos criar uma classe CSS chamada <code>larger-image</code> que fornecesse elementos HTML com uma largura de 500 pixels, usaríamos: <blockquote> &lt;style&gt; <br> .larger-image { <br> largura: 500px; <br> } <br> &lt;/ style&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Crie uma classe chamada <code>smaller-image</code> e use-a para redimensionar a imagem para que ela tenha apenas 100 pixels de largura. <strong>Nota</strong> <br> Devido às diferenças na implementação do navegador, talvez você precise estar com zoom de 100% para passar nos testes deste desafio. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>img</code> deve ter a classe <code>smaller-image</code> .
+    testString: 'assert($("img[src="https://bit.ly/fcc-relaxing-cat"]").attr("class") === "smaller-image", "Your <code>img</code> element should have the class <code>smaller-image</code>.");'
+  - text: Sua imagem deve ter 100 pixels de largura. O zoom do navegador deve estar em 100%.
+    testString: 'assert($("img").width() === 100, "Your image should be 100 pixels wide. Browser zoom should be at 100%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.portuguese.md
new file mode 100644
index 0000000000..da1efb42f7
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.portuguese.md
@@ -0,0 +1,101 @@
+---
+id: bad87fee1348bd9aedf08808
+title: Specify How Fonts Should Degrade
+challengeType: 0
+videoUrl: ''
+localeTitle: Especifique como as fontes devem ser degradadas
+---
+
+## Description
+<section id="description"> Existem várias fontes padrão disponíveis em todos os navegadores. Essas famílias de fontes genéricas incluem <code>monospace</code> , <code>serif</code> e <code>sans-serif</code> Quando uma fonte não está disponível, você pode dizer ao navegador para &quot;degradar&quot; a outra fonte. Por exemplo, se você quiser que um elemento use a fonte <code>Helvetica</code> , mas se degrada na fonte <code>sans-serif</code> quando a <code>Helvetica</code> não estiver disponível, especifique-o da seguinte maneira: <blockquote> p { <br> família de fontes: Helvetica, sans-serif; <br> } </blockquote> Os nomes das famílias de fontes genéricas não diferenciam maiúsculas de minúsculas. Além disso, eles não precisam de aspas porque são palavras-chave CSS. </section>
+
+## Instructions
+<section id="instructions"> Para começar, aplique a fonte <code>monospace</code> ao elemento <code>h2</code> , para que agora ela tenha duas fontes - <code>Lobster</code> e <code>monospace</code> . No último desafio, você importou a fonte <code>Lobster</code> usando a tag de <code>link</code> . Agora comente a importação da fonte <code>Lobster</code> (usando os comentários HTML que você aprendeu antes) do Google Fonts para que ela não esteja mais disponível. Observe como seu elemento <code>h2</code> degrada para a fonte <code>monospace</code> . <strong>Nota</strong> <br> Se você tem a fonte Lobster instalada no seu computador, você não verá a degradação porque o seu navegador é capaz de encontrar a fonte. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento h2 deve usar a fonte <code>Lobster</code> .
+    testString: 'assert($("h2").css("font-family").match(/^"?lobster/i), "Your h2 element should use the font <code>Lobster</code>.");'
+  - text: Seu elemento h2 deve se degradar na fonte <code>monospace</code> quando <code>Lobster</code> não estiver disponível.
+    testString: 'assert(/\s*h2\s*\{\s*font-family\:\s*(\"|")?Lobster(\"|")?,\s*monospace\s*;\s*\}/gi.test(code), "Your h2 element should degrade to the font <code>monospace</code> when <code>Lobster</code> is not available.");'
+  - text: Comente sua chamada para o Google para a fonte <code>Lobster</code> colocando <code>&lt;!--</code> na frente dela.
+    testString: 'assert(new RegExp("<!--[^fc]", "gi").test(code), "Comment out your call to Google for the <code>Lobster</code> font by putting <code>&#60!--</code> in front of it.");'
+  - text: Certifique-se de fechar seu comentário adicionando <code>--&gt;</code> .
+    testString: 'assert(new RegExp("[^fc]-->", "gi").test(code), "Be sure to close your comment by adding <code>--&#62;</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.portuguese.md
new file mode 100644
index 0000000000..28db8d1a7b
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.portuguese.md
@@ -0,0 +1,94 @@
+---
+id: bad87fee1348bd9aefe08806
+title: Style Multiple Elements with a CSS Class
+challengeType: 0
+videoUrl: ''
+localeTitle: Estilo vários elementos com uma classe CSS
+---
+
+## Description
+<section id="description"> As classes permitem que você use os mesmos estilos CSS em vários elementos HTML. Você pode ver isso aplicando sua classe de <code>red-text</code> ao primeiro elemento <code>p</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>h2</code> deve estar vermelho.
+    testString: 'assert($("h2").css("color") === "rgb(255, 0, 0)", "Your <code>h2</code> element should be red.");'
+  - text: Seu elemento <code>h2</code> deve ter a classe <code>red-text</code> .
+    testString: 'assert($("h2").hasClass("red-text"), "Your <code>h2</code> element should have the class <code>red-text</code>.");'
+  - text: Seu primeiro elemento <code>p</code> deve ser vermelho.
+    testString: 'assert($("p:eq(0)").css("color") === "rgb(255, 0, 0)", "Your first <code>p</code> element should be red.");'
+  - text: Seu segundo e terceiro elementos <code>p</code> não devem ser vermelhos.
+    testString: 'assert(!($("p:eq(1)").css("color") === "rgb(255, 0, 0)") && !($("p:eq(2)").css("color") === "rgb(255, 0, 0)"), "Your second and third <code>p</code> elements should not be red.");'
+  - text: Seu primeiro elemento <code>p</code> deve ter a classe <code>red-text</code> .
+    testString: 'assert($("p:eq(0)").hasClass("red-text"), "Your first <code>p</code> element should have the class <code>red-text</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/style-the-html-body-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/style-the-html-body-element.portuguese.md
new file mode 100644
index 0000000000..6af533a819
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/style-the-html-body-element.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: bad87fee1348bd9aedf08736
+title: Style the HTML Body Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Estilize o elemento do corpo do HTML
+---
+
+## Description
+<section id="description"> Agora vamos começar de novo e falar sobre herança de CSS. Toda página HTML possui um elemento <code>body</code> . </section>
+
+## Instructions
+<section id="instructions"> Podemos provar que o elemento do <code>body</code> existe aqui, dando-lhe uma <code>background-color</code> de <code>background-color</code> de preto. Podemos fazer isso adicionando o seguinte ao nosso elemento de <code>style</code> : <blockquote> body { <br> cor de fundo: preto; <br> } </blockquote></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Dê ao seu <code>body</code> a <code>background-color</code> de <code>background-color</code> do preto.
+    testString: 'assert($("body").css("background-color") === "rgb(0, 0, 0)", "Give your <code>body</code> element the <code>background-color</code> of black.");'
+  - text: Verifique se sua regra de CSS está formatada corretamente com as chaves de abertura e fechamento.
+    testString: 'assert(code.match(/<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i), "Make sure your CSS rule is properly formatted with both opening and closing curly brackets.");'
+  - text: Verifique se sua regra de CSS termina com um ponto e vírgula.
+    testString: 'assert(code.match(/<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i), "Make sure your CSS rule ends with a semi-colon.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.portuguese.md
new file mode 100644
index 0000000000..a5b7bf7578
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.portuguese.md
@@ -0,0 +1,85 @@
+---
+id: bad82fee1322bd9aedf08721
+title: Understand Absolute versus Relative Units
+challengeType: 0
+videoUrl: ''
+localeTitle: Entenda Unidades Absolutas versus Unidades Relativas
+---
+
+## Description
+<section id="description"> Os últimos vários desafios definem a margem ou preenchimento de um elemento com pixels ( <code>px</code> ). Os pixels são um tipo de unidade de comprimento, que é o que informa ao navegador como dimensionar ou espaçar um item. Além do <code>px</code> , o CSS tem várias opções de unidades de comprimento diferentes que você pode usar. Os dois tipos principais de unidades de comprimento são absolutos e relativos. Unidades absolutas se ligam a unidades físicas de comprimento. Por exemplo, <code>in</code> e <code>mm</code> referem-se a polegadas e milímetros, respectivamente. Unidades de comprimento absoluto se aproximam da medida real em uma tela, mas há algumas diferenças dependendo da resolução de uma tela. Unidades relativas, como <code>em</code> ou <code>rem</code> , são relativas a outro valor de comprimento. Por exemplo, <code>em</code> se baseia no tamanho da fonte de um elemento. Se você usá-lo para definir a própria propriedade <code>font-size</code> , ela será relativa ao <code>font-size</code> da <code>font-size</code> do pai. <strong>Nota</strong> <br> Existem várias opções de unidades relativas que estão ligadas ao tamanho da janela de visualização. Eles são abordados na seção Princípios de design da Web responsivo. </section>
+
+## Instructions
+<section id="instructions"> Adicione uma propriedade <code>padding</code> ao elemento com a classe <code>red-box</code> e defina-a como <code>1.5em</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe de <code>red-box</code> deve ter uma propriedade de <code>padding</code> .
+    testString: '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", "Your <code>red-box</code> class should have a <code>padding</code> property.");'
+  - text: 'Sua classe de <code>red-box</code> deve fornecer elementos de 1,5n de <code>padding</code> .'
+    testString: 'assert(code.match(/\.red-box\s*?{\s*?.*?\s*?.*?\s*?padding:\s*?1\.5em/gi), "Your <code>red-box</code> class should give elements 1.5em of <code>padding</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .red-box {
+    background-color: red;
+    margin: 20px 40px 20px 40px;
+
+  }
+
+  .green-box {
+    background-color: green;
+    margin: 20px 40px 20px 40px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box green-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.portuguese.md
new file mode 100644
index 0000000000..8ee48d4951
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.portuguese.md
@@ -0,0 +1,91 @@
+---
+id: bad87fee1348bd9aecf08806
+title: Use a CSS Class to Style an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Use uma classe CSS para estilizar um elemento
+---
+
+## Description
+<section id="description"> Classes são estilos reutilizáveis ​​que podem ser adicionados a elementos HTML. Aqui está um exemplo de declaração de classe CSS: <blockquote> &lt;style&gt; <br> .blue-text { <br> cor azul; <br> } <br> &lt;/ style&gt; </blockquote> Você pode ver que criamos uma classe CSS chamada <code>blue-text</code> na tag <code>&lt;style&gt;</code> . Você pode aplicar uma classe a um elemento HTML como este: <code>&lt;h2 class=&quot;blue-text&quot;&gt;CatPhotoApp&lt;/h2&gt;</code> Observe que no seu elemento de <code>style</code> CSS, os nomes de classe começam com um ponto. No atributo de classe dos elementos HTML, o nome da classe não inclui o período. </section>
+
+## Instructions
+<section id="instructions"> Dentro do seu elemento de <code>style</code> , altere o seletor <code>h2</code> para <code>.red-text</code> e atualize o valor da <code>blue</code> de <code>blue</code> para <code>red</code> . Dê ao seu elemento <code>h2</code> o atributo <code>class</code> com um valor <code>&#39;red-text&#39;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>h2</code> deve estar vermelho.
+    testString: 'assert($("h2").css("color") === "rgb(255, 0, 0)", "Your <code>h2</code> element should be red.");'
+  - text: Seu elemento <code>h2</code> deve ter a classe <code>red-text</code> .
+    testString: 'assert($("h2").hasClass("red-text"), "Your <code>h2</code> element should have the class <code>red-text</code>.");'
+  - text: Sua folha de estilo deve declarar uma classe de <code>red-text</code> e ter sua cor definida como vermelha.
+    testString: 'assert(code.match(/\.red-text\s*\{\s*color\s*:\s*red;\s*\}/g), "Your stylesheet should declare a <code>red-text</code> class and have its color set to red.");'
+  - text: 'Não use declarações de estilo inline como <code>style=&quot;color: red&quot;</code> em seu elemento <code>h2</code> .'
+    testString: 'assert($("h2").attr("style") === undefined, "Do not use inline style declarations like <code>style="color&#58; red"</code> in your <code>h2</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h2 {
+    color: blue;
+  }
+</style>
+
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-a-custom-css-variable.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-a-custom-css-variable.portuguese.md
new file mode 100644
index 0000000000..4f265cc9a8
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-a-custom-css-variable.portuguese.md
@@ -0,0 +1,264 @@
+---
+id: 5a9d727a424fe3d0e10cad12
+title: Use a custom CSS Variable
+challengeType: 0
+videoUrl: ''
+localeTitle: Use uma variável CSS personalizada
+---
+
+## Description
+<section id="description"> Depois de criar sua variável, você pode atribuir seu valor a outras propriedades CSS referenciando o nome que você deu a ela. <blockquote> fundo: var (- pinguim-pele); </blockquote> Isso mudará o plano de fundo de qualquer elemento que você esteja direcionando para cinza porque esse é o valor da variável <code>--penguin-skin</code> . Observe que os estilos não serão aplicados, a menos que os nomes das variáveis ​​sejam uma correspondência exata. </section>
+
+## Instructions
+<section id="instructions"> Aplique a variável <code>--penguin-skin</code> na propriedade <code>background</code> das classes <code>penguin-top</code> , <code>penguin-bottom</code> , <code>right-hand</code> <code>left-hand</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Aplique a variável <code>--penguin-skin</code> na propriedade <code>background</code> da classe de <code>penguin-top</code> .
+    testString: '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), "Apply the <code>--penguin-skin</code> variable to the <code>background</code> property of the <code>penguin-top</code> class.");'
+  - text: Aplique a variável <code>--penguin-skin</code> na propriedade <code>background</code> da classe com <code>penguin-bottom</code> .
+    testString: '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), "Apply the <code>--penguin-skin</code> variable to the <code>background</code> property of the <code>penguin-bottom</code> class.");'
+  - text: Aplique a variável <code>--penguin-skin</code> à propriedade <code>background</code> da classe à <code>right-hand</code> .
+    testString: '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), "Apply the <code>--penguin-skin</code> variable to the <code>background</code> property of the <code>right-hand</code> class.");'
+  - text: Aplique a variável <code>--penguin-skin</code> na propriedade <code>background</code> da classe à <code>left-hand</code> .
+    testString: 'assert(code.match(/.left-hand\s*?{[\s\S]*background\s*?:\s*?var\s*?\(\s*?--penguin-skin\s*?\)\s*?;[\s\S]*}/gi), "Apply the <code>--penguin-skin</code> variable to the <code>background</code> property of the <code>left-hand</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .penguin {
+    --penguin-skin: gray;
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+
+    /* change code below */
+    background: black;
+    /* change code above */
+
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+
+    /* change code below */
+    background: black;
+    /* change code above */
+
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+
+    /* change code below */
+    background: black;
+    /* change code above */
+
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+
+    /* change code below */
+    background: black;
+    /* change code above */
+
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: white;
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: orange;
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: orange;
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.portuguese.md
new file mode 100644
index 0000000000..460efcac00
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.portuguese.md
@@ -0,0 +1,280 @@
+---
+id: 5a9d72ad424fe3d0e10cad16
+title: Use a media query to change a variable
+challengeType: 0
+videoUrl: ''
+localeTitle: Use uma consulta de mídia para alterar uma variável
+---
+
+## Description
+<section id="description"> Variáveis ​​CSS podem simplificar a maneira como você usa as consultas de mídia. Por exemplo, quando a tela é menor ou maior que o ponto de interrupção da consulta de mídia, você pode alterar o valor de uma variável e aplicar seu estilo onde quer que ela seja usada. </section>
+
+## Instructions
+<section id="instructions"> No seletor <code>:root</code> da <code>media query</code> , altere-o para que <code>--penguin-size</code> seja redefinido e tenha um valor de <code>200px</code> . Além disso, redefina <code>--penguin-skin</code> e dê a ele um valor de <code>black</code> . Em seguida, redimensione a visualização para ver essa alteração em ação. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>:root</code> deve reatribuir a variável <code>--penguin-size</code> para <code>200px</code> .'
+    testString: '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), "<code>:root</code> should reassign the <code>--penguin-size</code> variable to <code>200px</code>.");'
+  - text: '<code>:root</code> deve reatribuir a variável <code>--penguin-skin</code> para <code>black</code> .'
+    testString: '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), "<code>:root</code> should reassign the <code>--penguin-skin</code> variable to <code>black</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  :root {
+    --penguin-size: 300px;
+    --penguin-skin: gray;
+    --penguin-belly: white;
+    --penguin-beak: orange;
+  }
+
+  @media (max-width: 350px) {
+    :root {
+
+      /* add code below */
+
+      /* add code above */
+
+    }
+  }
+
+  .penguin {
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: var(--penguin-size, 300px);
+    height: var(--penguin-size, 300px);
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 5%;
+    left: 25%;
+    background: var(--penguin-skin, black);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(130deg);
+    z-index: -1;
+    animation-duration: 3s;
+    animation-name: wave;
+    animation-iteration-count: infinite;
+    transform-origin:0% 0%;
+    animation-timing-function: linear;
+  }
+
+  @keyframes wave {
+      10% {
+        transform: rotate(110deg);
+      }
+      20% {
+        transform: rotate(130deg);
+      }
+      30% {
+        transform: rotate(110deg);
+      }
+      40% {
+        transform: rotate(130deg);
+      }
+    }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left:-23%;
+    background: white;
+    width: 150%;
+    height: 100%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-abbreviated-hex-code.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-abbreviated-hex-code.portuguese.md
new file mode 100644
index 0000000000..6a18950ce4
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-abbreviated-hex-code.portuguese.md
@@ -0,0 +1,84 @@
+---
+id: bad87fee1348bd9aedf08719
+title: Use Abbreviated Hex Code
+challengeType: 0
+videoUrl: ''
+localeTitle: Use o código hexadecimal abreviado
+---
+
+## Description
+<section id="description"> Muitas pessoas se sentem oprimidas pelas possibilidades de mais de 16 milhões de cores. E é difícil lembrar o código hexadecimal. Felizmente, você pode encurtá-lo. Por exemplo, o código hexadecimal vermelho <code>#FF0000</code> pode ser encurtado para <code>#F00</code> . Essa forma abreviada fornece um dígito para vermelho, um dígito para verde e um dígito para azul. Isso reduz o número total de cores possíveis para cerca de 4.000. Mas os navegadores interpretarão <code>#FF0000</code> e <code>#F00</code> exatamente como a mesma cor. </section>
+
+## Instructions
+<section id="instructions"> Vá em frente, tente usar os códigos hexadecimais abreviados para colorir os elementos corretos. <table class="table table-striped"><tbody><tr><th> Cor </th><th> Código hexadecimal curto </th></tr><tr><td> Ciano </td><td> <code>#0FF</code> </td> </tr><tr><td> Verde </td><td> <code>#0F0</code> </td> </tr><tr><td> Vermelho </td><td> <code>#F00</code> </td> </tr><tr><td> Fúcsia </td><td> <code>#F0F</code> </td> </tr></tbody></table></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Dê seu elemento <code>h1</code> com o texto <code>I am red!</code> a <code>color</code> vermelha.
+    testString: 'assert($(".red-text").css("color") === "rgb(255, 0, 0)", "Give your <code>h1</code> element with the text <code>I am red!</code> the <code>color</code> red.");'
+  - text: 'Use o <code>hex code</code> abreviado para a cor vermelha em vez do código hexadecimal <code>#FF0000</code> .'
+    testString: 'assert(code.match(/\.red-text\s*?{\s*?color:\s*?#F00\s*?;\s*?}/gi), "Use the abbreviate <code>hex code</code> for the color red instead of the hex code <code>#FF0000</code>.");'
+  - text: Dê seu elemento <code>h1</code> com o texto que <code>I am green!</code> a <code>color</code> verde.
+    testString: 'assert($(".green-text").css("color") === "rgb(0, 255, 0)", "Give your <code>h1</code> element with the text <code>I am green!</code> the <code>color</code> green.");'
+  - text: 'Use o <code>hex code</code> abreviado para a cor verde em vez do código hexadecimal <code>#00FF00</code> .'
+    testString: 'assert(code.match(/\.green-text\s*?{\s*?color:\s*?#0F0\s*?;\s*?}/gi), "Use the abbreviated <code>hex code</code> for the color green instead of the hex code <code>#00FF00</code>.");'
+  - text: Dê seu elemento <code>h1</code> com o texto que <code>I am cyan!</code> a <code>color</code> ciano.
+    testString: 'assert($(".cyan-text").css("color") === "rgb(0, 255, 255)", "Give your <code>h1</code> element with the text <code>I am cyan!</code> the <code>color</code> cyan.");'
+  - text: 'Use o <code>hex code</code> abreviado para o ciano da cor em vez do código hexadecimal <code>#00FFFF</code> .'
+    testString: 'assert(code.match(/\.cyan-text\s*?{\s*?color:\s*?#0FF\s*?;\s*?}/gi), "Use the abbreviated <code>hex code</code> for the color cyan instead of the hex code <code>#00FFFF</code>.");'
+  - text: Dê seu elemento <code>h1</code> com o texto que <code>I am fuchsia!</code> a <code>color</code> fúcsia.
+    testString: 'assert($(".fuchsia-text").css("color") === "rgb(255, 0, 255)", "Give your <code>h1</code> element with the text <code>I am fuchsia!</code> the <code>color</code> fuchsia.");'
+  - text: 'Use o <code>hex code</code> abreviado para a cor fúcsia em vez do código hexadecimal <code>#FF00FF</code> .'
+    testString: 'assert(code.match(/\.fuchsia-text\s*?{\s*?color:\s*?#F0F\s*?;\s*?}/gi), "Use the abbreviated <code>hex code</code> for the color fuchsia instead of the hex code <code>#FF00FF</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: #000000;
+  }
+  .fuchsia-text {
+    color: #000000;
+  }
+  .cyan-text {
+    color: #000000;
+  }
+  .green-text {
+    color: #000000;
+  }
+</style>
+
+<h1 class="red-text">I am red!</h1>
+
+<h1 class="fuchsia-text">I am fuchsia!</h1>
+
+<h1 class="cyan-text">I am cyan!</h1>
+
+<h1 class="green-text">I am green!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.portuguese.md
new file mode 100644
index 0000000000..d120ed193a
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.portuguese.md
@@ -0,0 +1,116 @@
+---
+id: bad87dee1348bd9aede07836
+title: Use an id Attribute to Style an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Use um atributo id para estilizar um elemento
+---
+
+## Description
+<section id="description"> Uma coisa legal sobre os atributos <code>id</code> é que, como nas classes, você pode estilizá-los usando CSS. No entanto, um <code>id</code> não é reutilizável e deve ser aplicado apenas a um elemento. Um <code>id</code> também tem uma maior especificidade (importância) do que uma classe, portanto, se ambos forem aplicados ao mesmo elemento e tiverem estilos conflitantes, os estilos do <code>id</code> serão aplicados. Aqui está um exemplo de como você pode pegar seu elemento com o atributo <code>id</code> de <code>cat-photo-element</code> e dar a ele a cor de fundo verde. Em seu elemento de <code>style</code> : <blockquote> # cat-photo-element { <br> cor de fundo: verde; <br> } </blockquote> Note que dentro do seu elemento de <code>style</code> , você sempre faz referência a classes colocando um <code>.</code> na frente de seus nomes. Você sempre faz referência a ids colocando um <code>#</code> na frente de seus nomes. </section>
+
+## Instructions
+<section id="instructions"> Tente dar o seu formulário, que agora tem o atributo <code>id</code> de <code>cat-photo-form</code> , um fundo verde. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Dê ao seu elemento <code>form</code> o id de <code>cat-photo-form</code> .
+    testString: 'assert($("form").attr("id") === "cat-photo-form", "Give your <code>form</code> element the id of <code>cat-photo-form</code>.");'
+  - text: Seu elemento de <code>form</code> deve ter a <code>background-color</code> de fundo verde.
+    testString: 'assert($("#cat-photo-form").css("background-color") === "rgb(0, 128, 0)", "Your <code>form</code> element should have the <code>background-color</code> of green.");'
+  - text: Certifique-se de que seu elemento <code>form</code> tenha um atributo <code>id</code> .
+    testString: 'assert(code.match(/<form.*cat-photo-form.*>/gi) && code.match(/<form.*cat-photo-form.*>/gi).length > 0, "Make sure your <code>form</code> element has an <code>id</code> attribute.");'
+  - text: Não forneça ao seu <code>form</code> nenhum atributo de <code>class</code> ou <code>style</code> .
+    testString: 'assert(!code.match(/<form.*style.*>/gi) && !code.match(/<form.*class.*>/gi), "Do not give your <code>form</code> any <code>class</code> or <code>style</code> attributes.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .silver-background {
+    background-color: silver;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div class="silver-background">
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo" id="cat-photo-form">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.portuguese.md
new file mode 100644
index 0000000000..da32d6932d
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.portuguese.md
@@ -0,0 +1,114 @@
+---
+id: 58c383d33e2e3259241f3076
+title: Use Attribute Selectors to Style Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Use Seletores de Atributo para Elementos de Estilo
+---
+
+## Description
+<section id="description"> Você tem dado atributos de <code>id</code> ou <code>class</code> aos elementos que você deseja estilizar especificamente. Eles são conhecidos como seletores de ID e classe. Existem outros Seletores de CSS que você pode usar para selecionar grupos personalizados de elementos para estilizar. Vamos trazer o CatPhotoApp novamente para praticar o uso de CSS Selectors. Para este desafio, você usará o seletor de atributo <code>[attr=value]</code> para estilizar as caixas de seleção no CatPhotoApp. Esse seletor corresponde e estiliza elementos com um valor de atributo específico. Por exemplo, o código abaixo altera as margens de todos os elementos com o <code>type</code> atributo e um valor correspondente de <code>radio</code> : <blockquote> [type = &#39;radio&#39;] { <br> margem: 20px 0px 20px 0px; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Usando o seletor de atributo <code>type</code> , tente dar às caixas de seleção em CatPhotoApp uma margem superior de 10px e uma margem inferior de 15px. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O seletor de atributo de <code>type</code> deve ser usado para selecionar as caixas de seleção.
+    testString: 'assert(code.match(/<style>[\s\S]*?\[type=("|")checkbox\1\]\s*?{[\s\S]*?}[\s\S]*?<\/style>/gi),"The <code>type</code> attribute selector should be used to select the checkboxes.");'
+  - text: As margens superiores das caixas de seleção devem ser 10px.
+    testString: 'assert((function() {var count=0; $("[type="checkbox"]").each(function() { if($(this).css("marginTop") === "10px") {count++;}});return (count===3)}()),"The top margins of the checkboxes should be 10px.");'
+  - text: As margens inferiores das caixas de seleção devem ser de 15px.
+    testString: 'assert((function() {var count=0; $("[type="checkbox"]").each(function() { if($(this).css("marginBottom") === "15px") {count++;}});return (count===3)}()),"The bottom margins of the checkboxes should be 15px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .silver-background {
+    background-color: silver;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div class="silver-background">
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo" id="cat-photo-form">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.portuguese.md
new file mode 100644
index 0000000000..58fc335fd8
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.portuguese.md
@@ -0,0 +1,89 @@
+---
+id: bad87fee1348bd9afdf08726
+title: Use Clockwise Notation to Specify the Margin of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a notação no sentido horário para especificar a margem de um elemento
+---
+
+## Description
+<section id="description"> Vamos tentar de novo, mas com <code>margin</code> dessa vez. Em vez de especificar as propriedades <code>margin-top</code> , <code>margin-right</code> , <code>margin-bottom</code> e <code>margin-left</code> individualmente, você pode especificá-las todas em uma linha, assim: <code>margin: 10px 20px 10px 20px;</code> Esses quatro valores funcionam como um relógio: superior, direita, inferior, esquerda e produzirão exatamente o mesmo resultado que o uso das instruções de margem específicas do lado. </section>
+
+## Instructions
+<section id="instructions"> Use <code>Clockwise Notation</code> para dar ao elemento com a classe <code>blue-box</code> uma margem de <code>40px</code> no lado superior e esquerdo, mas apenas <code>20px</code> no lado inferior e direito. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe de <code>blue-box</code> deve dar ao topo dos elementos <code>40px</code> de <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-top") === "40px", "Your <code>blue-box</code> class should give the top of elements <code>40px</code> of <code>margin</code>.");'
+  - text: Sua turma de <code>blue-box</code> deve dar o direito de elementos de <code>20px</code> de <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-right") === "20px", "Your <code>blue-box</code> class should give the right of elements <code>20px</code> of <code>margin</code>.");'
+  - text: Sua classe de <code>blue-box</code> deve dar ao fundo dos elementos 20 <code>20px</code> de <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-bottom") === "20px", "Your <code>blue-box</code> class should give the bottom of elements <code>20px</code> of <code>margin</code>.");'
+  - text: Sua classe de <code>blue-box</code> deve dar a esquerda dos elementos <code>40px</code> de <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-left") === "40px", "Your <code>blue-box</code> class should give the left of elements <code>40px</code> of <code>margin</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    margin: 20px 40px 20px 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.portuguese.md
new file mode 100644
index 0000000000..e4ad85244a
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.portuguese.md
@@ -0,0 +1,91 @@
+---
+id: bad87fee1348bd9aedf08826
+title: Use Clockwise Notation to Specify the Padding of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a notação no sentido horário para especificar o preenchimento de um elemento
+---
+
+## Description
+<section id="description"> Em vez de especificar as propriedades <code>padding-top</code> , <code>padding-right</code> , <code>padding-bottom</code> e <code>padding-left</code> individualmente, você pode especificá-las todas em uma linha, como: <code>padding: 10px 20px 10px 20px;</code> Esses quatro valores funcionam como um relógio: superior, direita, inferior, esquerda e produzirão exatamente o mesmo resultado que o uso das instruções de preenchimento específicas do lado. </section>
+
+## Instructions
+<section id="instructions"> Use Notação no sentido horário para dar à classe &quot;.blue-box&quot; um <code>padding</code> de <code>40px</code> no lado superior e esquerdo, mas apenas <code>20px</code> no lado inferior e direito. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe de <code>blue-box</code> deve dar ao topo dos elementos <code>40px</code> de <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-top") === "40px", "Your <code>blue-box</code> class should give the top of elements <code>40px</code> of <code>padding</code>.");'
+  - text: Sua classe de <code>blue-box</code> deve dar o direito de elementos de <code>20px</code> de <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-right") === "20px", "Your <code>blue-box</code> class should give the right of elements <code>20px</code> of <code>padding</code>.");'
+  - text: Sua classe de <code>blue-box</code> deve dar ao fundo dos elementos <code>20px</code> de <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-bottom") === "20px", "Your <code>blue-box</code> class should give the bottom of elements <code>20px</code> of <code>padding</code>.");'
+  - text: Sua classe de <code>blue-box</code> deve dar a esquerda dos elementos <code>40px</code> de <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-left") === "40px", "Your <code>blue-box</code> class should give the left of elements <code>40px</code> of <code>padding</code>.");'
+  - text: Você deve usar a notação no sentido horário para definir o preenchimento da classe de <code>blue-box</code> .
+    testString: 'assert(!/padding-top|padding-right|padding-bottom|padding-left/.test(code), "You should use the clockwise notation to set the padding of <code>blue-box</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.portuguese.md
new file mode 100644
index 0000000000..38ef8e081f
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.portuguese.md
@@ -0,0 +1,87 @@
+---
+id: bad87fee1348bd9aedf08805
+title: Use CSS Selectors to Style Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Use seletores CSS para elementos de estilo
+---
+
+## Description
+<section id="description"> Com o CSS, existem centenas de <code>properties</code> CSS que você pode usar para alterar a aparência de um elemento na sua página. Quando você digitou <code>&lt;h2 style=&quot;color: red&quot;&gt;CatPhotoApp&lt;/h2&gt;</code> , você estava estilizando esse elemento <code>h2</code> individual com <code>inline CSS</code> , que significa <code>Cascading Style Sheets</code> . Essa é uma maneira de especificar o estilo de um elemento, mas há uma maneira melhor de aplicar <code>CSS</code> . Na parte superior do seu código, crie um bloco de <code>style</code> como este: <blockquote> &lt;style&gt; <br> &lt;/ style&gt; </blockquote> Dentro desse bloco de estilo, você pode criar um <code>CSS selector</code> para todos os elementos <code>h2</code> . Por exemplo, se você quisesse que todos os elementos <code>h2</code> fossem vermelhos, você adicionaria uma regra de estilo semelhante a esta: <blockquote> &lt;style&gt; <br> h2 {cor: vermelho;} <br> &lt;/ style&gt; </blockquote> Observe que é importante ter chaves de abertura e de fechamento ( <code>{</code> e <code>}</code> ) ao redor das regras de estilo de cada elemento. Você também precisa garantir que a definição de estilo do seu elemento esteja entre as tags de estilo de abertura e fechamento. Por fim, adicione um ponto-e-vírgula ao final de cada uma das regras de estilo de seu elemento. </section>
+
+## Instructions
+<section id="instructions"> Exclua o atributo style do seu elemento <code>h2</code> e, em vez disso, crie um bloco de <code>style</code> CSS. Adicione o CSS necessário para tornar todos os elementos <code>h2</code> azuis. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Remova o atributo style do seu elemento <code>h2</code> .
+    testString: 'assert(!$("h2").attr("style"), "Remove the style attribute from your <code>h2</code> element.");'
+  - text: Crie um elemento de <code>style</code> .
+    testString: 'assert($("style") && $("style").length > 1, "Create a <code>style</code> element.");'
+  - text: Seu elemento <code>h2</code> deve ser azul.
+    testString: 'assert($("h2").css("color") === "rgb(0, 0, 255)", "Your <code>h2</code> element should be blue.");'
+  - text: Certifique-se de que a declaração <code>h2</code> sua folha de estilo seja válida com um ponto-e-vírgula e uma chave de fechamento.
+    testString: 'assert(code.match(/h2\s*\{\s*color\s*:.*;\s*\}/g), "Ensure that your stylesheet <code>h2</code> declaration is valid with a semicolon and closing brace.");'
+  - text: Certifique-se de que todos os seus elementos de <code>style</code> sejam válidos e tenham uma tag de fechamento.
+    testString: 'assert(code.match(/<\/style>/g) && code.match(/<\/style>/g).length === (code.match(/<style((\s)*((type|media|scoped|title|disabled)="[^"]*")?(\s)*)*>/g) || []).length, "Make sure all your <code>style</code> elements are valid and have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2 style="color: red">CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.portuguese.md
new file mode 100644
index 0000000000..f5ade5bd2e
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.portuguese.md
@@ -0,0 +1,252 @@
+---
+id: 5a9d725e424fe3d0e10cad10
+title: Use CSS Variables to change several elements at once
+challengeType: 0
+videoUrl: ''
+localeTitle: Use as variáveis ​​CSS para alterar vários elementos de uma só vez
+---
+
+## Description
+<section id="description"> <dfn>Variáveis ​​CSS</dfn> são uma maneira poderosa de alterar várias propriedades de estilo CSS de uma só vez, alterando apenas um valor. Siga as instruções abaixo para ver como a alteração de apenas três valores pode alterar o estilo de muitos elementos. </section>
+
+## Instructions
+<section id="instructions"> Na classe <code>penguin</code> , altere o valor de <code>black</code> para <code>gray</code> , o valor de <code>gray</code> para <code>white</code> e o valor <code>yellow</code> para <code>orange</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>penguin</code> classe <code>penguin</code> deve declarar a variável <code>--penguin-skin</code> e atribuí-la a <code>gray</code> .
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-skin\s*?:\s*?gray\s*?;[\s\S]*}/gi), "<code>penguin</code> class should declare the <code>--penguin-skin</code> variable and assign it to <code>gray</code>.");'
+  - text: <code>penguin</code> classe <code>penguin</code> deve declarar a variável <code>--penguin-belly</code> e atribuí-la ao <code>white</code> .
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-belly\s*?:\s*?white\s*?;[\s\S]*}/gi), "<code>penguin</code> class should declare the <code>--penguin-belly</code> variable and assign it to <code>white</code>.");'
+  - text: <code>penguin</code> classe <code>penguin</code> deve declarar a variável <code>--penguin-beak</code> e atribuí-la a <code>orange</code> .
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-beak\s*?:\s*?orange\s*?;[\s\S]*}/gi), "<code>penguin</code> class should declare the <code>--penguin-beak</code> variable and assign it to <code>orange</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .penguin {
+
+    /* change code below */
+    --penguin-skin: black;
+    --penguin-belly: gray;
+    --penguin-beak: yellow;
+    /* change code above */
+
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.portuguese.md
new file mode 100644
index 0000000000..4ea7d28296
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: bad87fee1348bd9aedf08726
+title: Use Hex Code for Specific Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: Use o código hexadecimal para cores específicas
+---
+
+## Description
+<section id="description"> Você sabia que existem outras maneiras de representar cores no CSS? Uma dessas formas é chamada de código hexadecimal ou <code>hex code</code> . Geralmente usamos números <code>decimals</code> ou base 10, que usam os símbolos de 0 a 9 para cada dígito. <code>Hexadecimals</code> (ou <code>hex</code> ) são números de base 16. Isso significa que ele usa dezesseis símbolos distintos. Como decimais, os símbolos 0-9 representam os valores de zero a nove. Então A, B, C, D, E e F representam os valores de dez a quinze. No total, 0 a F pode representar um dígito em <code>hexadecimal</code> , dando-nos 16 valores possíveis totais. Você pode encontrar mais informações sobre <a target="_blank" href="https://en.wikipedia.org/wiki/Hexadecimal">números hexadecimais aqui</a> . Em CSS, podemos usar 6 dígitos hexadecimais para representar cores, dois para os componentes vermelho (R), verde (G) e azul (B). Por exemplo, <code>#000000</code> é preto e também é o menor valor possível. Você pode encontrar mais informações sobre o <a target="_blank" href="https://en.wikipedia.org/wiki/RGB_color_model">sistema de cores RGB aqui</a> . <blockquote> body { <br> cor: # 000000; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Substitua a palavra <code>black</code> na cor de fundo do nosso <code>body</code> com a representação do <code>hex code</code> , <code>#000000</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Dê ao seu <code>body</code> a cor de fundo do preto.
+    testString: 'assert($("body").css("background-color") === "rgb(0, 0, 0)", "Give your <code>body</code> element the background-color of black.");'
+  - text: Use o <code>hex code</code> para a cor preta em vez da palavra <code>black</code> .
+    testString: 'assert(code.match(/body\s*{(([\s\S]*;\s*?)|\s*?)background.*\s*:\s*?#000(000)?((\s*})|(;[\s\S]*?}))/gi), "Use the <code>hex code</code> for the color black instead of the word <code>black</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+  }
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.portuguese.md
new file mode 100644
index 0000000000..91c46b895a
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.portuguese.md
@@ -0,0 +1,84 @@
+---
+id: bad87fee1348bd9aedf08721
+title: Use Hex Code to Mix Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: Use o código hexadecimal para misturar cores
+---
+
+## Description
+<section id="description"> Para revisar, os códigos hexadecimais usam 6 dígitos hexadecimais para representar as cores, dois para os componentes vermelho (R), verde (G) e azul (B). Destas três cores puras (vermelho, verde e azul), podemos variar as quantidades de cada uma para criar mais de 16 milhões de outras cores! Por exemplo, laranja é vermelho puro, misturado com verde e não azul. Em código hexadecimal, isso se traduz em ser <code>#FFA500</code> . O dígito <code>0</code> é o menor número no código hexadecimal e representa uma completa ausência de cor. O dígito <code>F</code> é o número mais alto no código hexadecimal e representa o brilho máximo possível. </section>
+
+## Instructions
+<section id="instructions"> Substitua as palavras de cor em nosso elemento de <code>style</code> com seus códigos hexadecimais corretos. <table class="table table-striped"><tbody><tr><th> Cor </th><th> Código hexadecimal </th></tr><tr><td> Trapaceiro azul </td><td> <code>#1E90FF</code> </td> </tr><tr><td> Verde </td><td> <code>#00FF00</code> </td> </tr><tr><td> laranja </td><td> <code>#FFA500</code> </td> </tr><tr><td> Vermelho </td><td> <code>#FF0000</code> </td> </tr></tbody></table></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Dê seu elemento <code>h1</code> com o texto <code>I am red!</code> a <code>color</code> vermelha.
+    testString: 'assert($(".red-text").css("color") === "rgb(255, 0, 0)", "Give your <code>h1</code> element with the text <code>I am red!</code> the <code>color</code> red.");'
+  - text: Use o <code>hex code</code> para a cor vermelha em vez da palavra <code>red</code> .
+    testString: 'assert(code.match(/\.red-text\s*?{\s*?color:\s*?#FF0000\s*?;\s*?}/gi), "Use the <code>hex code</code> for the color red instead of the word <code>red</code>.");'
+  - text: Dê seu elemento <code>h1</code> com o texto que <code>I am green!</code> a <code>color</code> verde.
+    testString: 'assert($(".green-text").css("color") === "rgb(0, 255, 0)", "Give your <code>h1</code> element with the text <code>I am green!</code> the <code>color</code> green.");'
+  - text: Use o <code>hex code</code> para a cor verde em vez da palavra <code>green</code> .
+    testString: 'assert(code.match(/\.green-text\s*?{\s*?color:\s*?#00FF00\s*?;\s*?}/gi), "Use the <code>hex code</code> for the color green instead of the word <code>green</code>.");'
+  - text: Dê seu elemento <code>h1</code> com o texto <code>I am dodger blue!</code> o <code>color</code> dodger azul.
+    testString: 'assert($(".dodger-blue-text").css("color") === "rgb(30, 144, 255)", "Give your <code>h1</code> element with the text <code>I am dodger blue!</code> the <code>color</code> dodger blue.");'
+  - text: Use o <code>hex code</code> para o cor dodger blue em vez da palavra <code>dodgerblue</code> .
+    testString: 'assert(code.match(/\.dodger-blue-text\s*?{\s*?color:\s*?#1E90FF\s*?;\s*?}/gi), "Use the <code>hex code</code> for the color dodger blue instead of the word <code>dodgerblue</code>.");'
+  - text: Dê seu elemento <code>h1</code> com o texto <code>I am orange!</code> a <code>color</code> laranja.
+    testString: 'assert($(".orange-text").css("color") === "rgb(255, 165, 0)", "Give your <code>h1</code> element with the text <code>I am orange!</code> the <code>color</code> orange.");'
+  - text: Use o <code>hex code</code> da cor laranja em vez da palavra <code>orange</code> .
+    testString: 'assert(code.match(/\.orange-text\s*?{\s*?color:\s*?#FFA500\s*?;\s*?}/gi), "Use the <code>hex code</code> for the color orange instead of the word <code>orange</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: black;
+  }
+  .green-text {
+    color: black;
+  }
+  .dodger-blue-text {
+    color: black;
+  }
+  .orange-text {
+    color: black;
+  }
+</style>
+
+<h1 class="red-text">I am red!</h1>
+
+<h1 class="green-text">I am green!</h1>
+
+<h1 class="dodger-blue-text">I am dodger blue!</h1>
+
+<h1 class="orange-text">I am orange!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.portuguese.md
new file mode 100644
index 0000000000..267beef70d
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.portuguese.md
@@ -0,0 +1,84 @@
+---
+id: bad82fee1348bd9aedf08721
+title: Use RGB to Mix Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: Use RGB para misturar cores
+---
+
+## Description
+<section id="description"> Assim como com o código hexadecimal, você pode misturar cores em RGB usando combinações de valores diferentes. </section>
+
+## Instructions
+<section id="instructions"> Substitua os códigos hexadecimais em nosso elemento de <code>style</code> por seus valores RGB corretos. <table class="table table-striped"><tbody><tr><th> Cor </th><th> RGB </th></tr><tr><td> Azul </td><td> <code>rgb(0, 0, 255)</code> </td> </tr><tr><td> Vermelho </td><td> <code>rgb(255, 0, 0)</code> </td> </tr><tr><td> Orquídea </td><td> <code>rgb(218, 112, 214)</code> </td> </tr><tr><td> Sienna </td><td> <code>rgb(160, 82, 45)</code> </td> </tr></tbody></table></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Dê seu elemento <code>h1</code> com o texto <code>I am red!</code> a <code>color</code> vermelha.
+    testString: 'assert($(".red-text").css("color") === "rgb(255, 0, 0)", "Give your <code>h1</code> element with the text <code>I am red!</code> the <code>color</code> red.");'
+  - text: Use <code>rgb</code> para a cor vermelha.
+    testString: 'assert(code.match(/\.red-text\s*?{\s*?color:\s*?rgb\(\s*?255\s*?,\s*?0\s*?,\s*?0\s*?\)\s*?;\s*?}/gi), "Use <code>rgb</code> for the color red.");'
+  - text: Dê seu elemento <code>h1</code> com o texto <code>I am orchid!</code> a orquídea <code>color</code> .
+    testString: 'assert($(".orchid-text").css("color") === "rgb(218, 112, 214)", "Give your <code>h1</code> element with the text <code>I am orchid!</code> the <code>color</code> orchid.");'
+  - text: Use <code>rgb</code> para a orquídea colorida.
+    testString: 'assert(code.match(/\.orchid-text\s*?{\s*?color:\s*?rgb\(\s*?218\s*?,\s*?112\s*?,\s*?214\s*?\)\s*?;\s*?}/gi), "Use <code>rgb</code> for the color orchid.");'
+  - text: Dê seu elemento <code>h1</code> com o texto que <code>I am blue!</code> a <code>color</code> azul.
+    testString: 'assert($(".blue-text").css("color") === "rgb(0, 0, 255)", "Give your <code>h1</code> element with the text <code>I am blue!</code> the <code>color</code> blue.");'
+  - text: Use <code>rgb</code> para a cor azul.
+    testString: 'assert(code.match(/\.blue-text\s*?{\s*?color:\s*?rgb\(\s*?0\s*?,\s*?0\s*?,\s*?255\s*?\)\s*?;\s*?}/gi), "Use <code>rgb</code> for the color blue.");'
+  - text: Dê seu elemento <code>h1</code> com o texto <code>I am sienna!</code> a <code>color</code> sienna.
+    testString: 'assert($(".sienna-text").css("color") === "rgb(160, 82, 45)", "Give your <code>h1</code> element with the text <code>I am sienna!</code> the <code>color</code> sienna.");'
+  - text: Use <code>rgb</code> para a cor sienna.
+    testString: 'assert(code.match(/\.sienna-text\s*?{\s*?color:\s*?rgb\(\s*?160\s*?,\s*?82\s*?,\s*?45\s*?\)\s*?;\s*?}/gi), "Use <code>rgb</code> for the color sienna.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: #000000;
+  }
+  .orchid-text {
+    color: #000000;
+  }
+  .sienna-text {
+    color: #000000;
+  }
+  .blue-text {
+    color: #000000;
+  }
+</style>
+
+<h1 class="red-text">I am red!</h1>
+
+<h1 class="orchid-text">I am orchid!</h1>
+
+<h1 class="sienna-text">I am sienna!</h1>
+
+<h1 class="blue-text">I am blue!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.portuguese.md
new file mode 100644
index 0000000000..08ccaf62fe
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: bad87fee1348bd9aede08718
+title: Use RGB values to Color Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Use valores RGB para elementos de cor
+---
+
+## Description
+<section id="description"> Outra maneira de representar cores em CSS é usando valores <code>RGB</code> . O valor RGB para preto tem esta aparência: <code>rgb(0, 0, 0)</code> O valor RGB para branco é semelhante ao seguinte: <code>rgb(255, 255, 255)</code> Em vez de usar seis dígitos hexadecimais como você faz com o código hexadecimal, com <code>RGB</code> especifique o brilho de cada cor com um número entre 0 e 255. Se fizer as contas, os dois dígitos de uma cor são iguais a 16 vezes 16, o que nos dá 256 valores totais. Então <code>RGB</code> , que começa contando a partir de zero, tem exatamente o mesmo número de valores possíveis que o código hexadecimal. Veja um exemplo de como você alteraria o plano de fundo do corpo para laranja usando seu código RGB. <blockquote> body { <br> background-color: rgb (255, 165, 0); <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Vamos substituir o código hexadecimal na cor de fundo do nosso elemento <code>body</code> pelo valor RGB para black: <code>rgb(0, 0, 0)</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>body</code> deve ter um fundo preto.
+    testString: 'assert($("body").css("background-color") === "rgb(0, 0, 0)", "Your <code>body</code> element should have a black background.");'
+  - text: Use <code>rgb</code> para dar ao seu <code>body</code> uma cor preta.
+    testString: 'assert(code.match(/rgb\s*\(\s*0\s*,\s*0\s*,\s*0\s*\)/ig), "Use <code>rgb</code> to give your <code>body</code> element a color of black.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: #F00;
+  }
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.portuguese.md
new file mode 100644
index 0000000000..6b903a2e58
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.portuguese.md
@@ -0,0 +1,77 @@
+---
+id: bad87fee1348bd9aedd08830
+title: Add a Submit Button to a Form
+challengeType: 0
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/add-a-submit-button-to-a-form'
+videoUrl: ''
+localeTitle: Adicionar um botão Enviar para um formulário
+---
+
+## Description
+<section id="description"> Vamos adicionar um botão de <code>submit</code> ao seu formulário. Clicar neste botão enviará os dados do seu formulário para o URL que você especificou com o atributo de <code>action</code> do seu formulário. Aqui está um exemplo de botão de envio: <code>&lt;button type=&quot;submit&quot;&gt;this button submits the form&lt;/button&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Adicione um botão como o último elemento do seu elemento de <code>form</code> com um tipo de <code>submit</code> e &quot;Enviar&quot; como seu texto. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu formulário deve ter um botão dentro dele.
+    testString: 'assert($("form").children("button").length > 0, "Your form should have a button inside it.");'
+  - text: Seu botão de envio deve ter o <code>type</code> atributo definido para <code>submit</code> .
+    testString: 'assert($("button").attr("type") === "submit", "Your submit button should have the attribute <code>type</code> set to <code>submit</code>.");'
+  - text: Seu botão de envio só deve ter o texto "Enviar".
+    testString: 'assert($("button").text().match(/^\s*submit\s*$/gi), "Your submit button should only have the text "Submit".");'
+  - text: Certifique-se de que seu elemento de <code>button</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure your <code>button</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <input type="text" placeholder="cat photo URL">
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.portuguese.md
new file mode 100644
index 0000000000..78dc3cdcdf
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.portuguese.md
@@ -0,0 +1,60 @@
+---
+id: bad87fee1348bd9aedf08812
+title: Add Images to Your Website
+challengeType: 0
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/add-images-to-your-website'
+videoUrl: ''
+localeTitle: Adicionar imagens ao seu site
+---
+
+## Description
+<section id="description"> Você pode adicionar imagens ao seu site usando o elemento <code>img</code> e apontar para o URL de uma imagem específica usando o atributo <code>src</code> . Um exemplo disso seria: <code>&lt;img src=&quot;https://www.your-image-source.com/your-image.jpg&quot;&gt;</code> Note que os elementos <code>img</code> são de fechamento automático. Todos os elementos <code>img</code> <strong>devem</strong> ter um atributo <code>alt</code> . O texto dentro de um atributo <code>alt</code> é usado para leitores de tela para melhorar a acessibilidade e é exibido se a imagem não for carregada. Nota: Se a imagem é puramente decorativa, usar um atributo <code>alt</code> vazio é uma prática recomendada. Idealmente, o atributo <code>alt</code> não deve conter caracteres especiais, a menos que seja necessário. Vamos adicionar um atributo <code>alt</code> ao nosso exemplo de <code>img</code> acima: <code>&lt;img src=&quot;https://www.your-image-source.com/your-image.jpg&quot; alt=&quot;Author standing on a beach with two thumbs up.&quot;&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Vamos tentar adicionar uma imagem ao nosso site: Insira uma tag <code>img</code> antes do elemento <code>h2</code> . Agora defina o atributo <code>src</code> para que aponte para este URL: <code>https://bit.ly/fcc-relaxing-cat</code> Por fim, não se esqueça de dar à sua imagem um texto <code>alt</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua página deve ter um elemento de imagem.
+    testString: 'assert($("img").length > 0, "Your page should have an image element.");'
+  - text: Sua imagem deve ter um atributo <code>src</code> que aponte para a imagem do gatinho.
+    testString: 'assert(new RegExp("\/\/bit.ly\/fcc-relaxing-cat|\/\/s3.amazonaws.com\/freecodecamp\/relaxing-cat.jpg", "gi").test($("img").attr("src")), "Your image should have a <code>src</code> attribute that points to the kitten image.");'
+  - text: Seu elemento de imagem <strong>deve</strong> ter um atributo <code>alt</code> .
+    testString: 'assert(code.match(/alt\s*?=\s*?(\"|\").*(\"|\")/), "Your image element <strong>must</strong> have an <code>alt</code> attribute.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.portuguese.md
new file mode 100644
index 0000000000..b9457d38f5
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.portuguese.md
@@ -0,0 +1,73 @@
+---
+id: bad87fee1348bd9aedf08830
+title: Add Placeholder Text to a Text Field
+challengeType: 0
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/add-placeholder-text-to-a-text-field'
+videoUrl: ''
+localeTitle: Adicionar texto do marcador de posição a um campo de texto
+---
+
+## Description
+<section id="description"> O texto do espaço reservado é o que é exibido no elemento de <code>input</code> antes que o usuário introduza alguma coisa. Você pode criar um texto de espaço reservado da seguinte forma: <code>&lt;input type=&quot;text&quot; placeholder=&quot;this is placeholder text&quot;&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Defina o valor de <code>placeholder</code> da sua <code>input</code> texto para &quot;cat photo URL&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Adicione um atributo de <code>placeholder</code> ao elemento de <code>input</code> texto existente.
+    testString: 'assert($("input[placeholder]").length > 0, "Add a <code>placeholder</code> attribute to the existing text <code>input</code> element.");'
+  - text: Defina o valor do seu atributo de espaço reservado para "cat photo URL".
+    testString: 'assert($("input") && $("input").attr("placeholder") && $("input").attr("placeholder").match(/cat\s+photo\s+URL/gi), "Set the value of your placeholder attribute to "cat photo URL".");'
+  - text: O elemento de <code>input</code> finalizado deve ter uma sintaxe válida.
+    testString: 'assert($("input[type=text]").length > 0 && code.match(/<input((\s+\w+(\s*=\s*(?:".*?"|".*?"|[\^"">\s]+))?)+\s*|\s*)\/?>/gi), "The finished <code>input</code> element should have valid syntax.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <input type="text">
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.portuguese.md
new file mode 100644
index 0000000000..bf70deb4b1
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.portuguese.md
@@ -0,0 +1,78 @@
+---
+id: bad87fee1348bd9aedd08835
+title: Check Radio Buttons and Checkboxes by Default
+challengeType: 0
+videoUrl: ''
+localeTitle: Verificar botões de rádio e caixas de seleção por padrão
+---
+
+## Description
+<section id="description"> Você pode definir uma caixa de seleção ou um botão de opção para ser verificado por padrão usando o atributo <code>checked</code> . Para fazer isso, basta adicionar a palavra &quot;checked&quot; ao interior de um elemento de entrada. Por exemplo: <code>&lt;input type=&quot;radio&quot; name=&quot;test-name&quot; checked&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Defina o primeiro de seus <code>radio buttons</code> e a primeira das suas <code>checkboxes</code> de <code>checkboxes</code> para ambos ser marcada por padrão. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu primeiro botão de opção no formulário deve estar marcado por padrão.
+    testString: 'assert($("input[type="radio"]").prop("checked"), "Your first radio button on your form should be checked by default.");'
+  - text: Sua primeira caixa de seleção no formulário deve ser marcada por padrão.
+    testString: 'assert($("input[type="checkbox"]").prop("checked"), "Your first checkbox on your form should be checked by default.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/comment-out-html.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/comment-out-html.portuguese.md
new file mode 100644
index 0000000000..5edfb8237e
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/comment-out-html.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: bad87fee1348bd9aedf08804
+title: Comment out HTML
+challengeType: 0
+videoUrl: ''
+localeTitle: Comente o HTML
+---
+
+## Description
+<section id="description"> Lembre-se que para começar um comentário, você precisa usar <code>&lt;!--</code> e para finalizar um comentário, você precisa usar <code>--&gt;</code> Aqui você precisa terminar o comentário antes do seu elemento <code>h2</code> começar. </section>
+
+## Instructions
+<section id="instructions"> Comente seu elemento <code>h1</code> e seu elemento <code>p</code> , mas não seu elemento <code>h2</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Comente o seu elemento <code>h1</code> para que ele não fique visível na sua página.
+    testString: 'assert(($("h1").length === 0), "Comment out your <code>h1</code> element so that it is not visible on your page.");'
+  - text: Deixe seu elemento <code>h2</code> descomentado para que fique visível na sua página.
+    testString: 'assert(($("h2").length > 0), "Leave your <code>h2</code> element uncommented so that it is visible on your page.");'
+  - text: Comente o seu elemento <code>p</code> para que ele não fique visível na sua página.
+    testString: 'assert(($("p").length === 0), "Comment out your <code>p</code> element so that it is not visible on your page.");'
+  - text: Certifique-se de fechar cada um dos seus comentários com <code>--&gt;</code> .
+    testString: 'assert(code.match(/[^fc]-->/g).length > 1, "Be sure to close each of your comments with <code>--&#62;</code>.");'
+  - text: Não mude a ordem do <code>h1</code> <code>h2</code> ou <code>p</code> no código.
+    testString: '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>") , "Do not change the order of the <code>h1</code> <code>h2</code> or <code>p</code> in the code.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<!--
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+-->
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.portuguese.md
new file mode 100644
index 0000000000..2d587c4c6e
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: bad87fee1348bd9aedf08827
+title: Create a Bulleted Unordered List
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar uma lista não ordenada com marcadores
+---
+
+## Description
+<section id="description"> O HTML possui um elemento especial para criar <code>unordered lists</code> ou listas de estilo de ponto de marcador. As listas não ordenadas começam com um elemento <code>&lt;ul&gt;</code> abertura, seguido por qualquer número de elementos <code>&lt;li&gt;</code> . Finalmente, listas não ordenadas fecham com um <code>&lt;/ul&gt;</code> Por exemplo: <blockquote> &lt;ul&gt; <br> &lt;li&gt; leite &lt;/ li&gt; <br> &lt;li&gt; queijo &lt;/ li&gt; <br> &lt;/ ul&gt; </blockquote> criaria uma lista de estilo de ponto de bala de &quot;leite&quot; e &quot;queijo&quot;. </section>
+
+## Instructions
+<section id="instructions"> Remova os dois últimos elementos <code>p</code> e crie uma lista não ordenada de três coisas que os gatos adoram na parte inferior da página. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Crie um elemento <code>ul</code> .
+    testString: 'assert($("ul").length > 0, "Create a <code>ul</code> element.");'
+  - text: Você deve ter três elementos <code>li</code> no seu elemento <code>ul</code> .
+    testString: 'assert($("ul li").length > 2, "You should have three <code>li</code> elements within your <code>ul</code> element.");'
+  - text: Certifique-se de que seu elemento <code>ul</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/ul>/gi) && code.match(/<ul/gi) && code.match(/<\/ul>/gi).length === code.match(/<ul/gi).length, "Make sure your <code>ul</code> element has a closing tag.");'
+  - text: Certifique-se de que seus elementos <code>li</code> tenham tags de fechamento.
+    testString: 'assert(code.match(/<\/li>/gi) && code.match(/<li[\s>]/gi) && code.match(/<\/li>/gi).length === code.match(/<li[\s>]/gi).length, "Make sure your <code>li</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/create-a-form-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/create-a-form-element.portuguese.md
new file mode 100644
index 0000000000..518ff4fe0a
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/create-a-form-element.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: bad87fee1348bd9aede08830
+title: Create a Form Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Crie um elemento de formulário
+---
+
+## Description
+<section id="description"> Você pode criar formulários da Web que realmente enviam dados para um servidor usando nada além de HTML puro. Você pode fazer isso especificando uma ação no seu elemento de <code>form</code> . Por exemplo: <code>&lt;form action=&quot;/url-where-you-want-to-submit-form-data&quot;&gt;&lt;/form&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Aninhe seu campo de texto dentro de um elemento de <code>form</code> e adicione o atributo <code>action=&quot;/submit-cat-photo&quot;</code> ao elemento form. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Aninhe seu elemento de entrada de texto em um elemento de <code>form</code> .
+    testString: 'assert($("form") && $("form").children("input") && $("form").children("input").length > 0, "Nest your text input element within a <code>form</code> element.");'
+  - text: Certifique-se de que seu <code>form</code> tenha um atributo de <code>action</code> definido como <code>/submit-cat-photo</code>
+    testString: 'assert($("form").attr("action") === "/submit-cat-photo", "Make sure your <code>form</code> has an <code>action</code> attribute which is set to <code>/submit-cat-photo</code>");'
+  - text: Certifique-se de que seu elemento de <code>form</code> tenha tags de abertura e fechamento bem formadas.
+    testString: 'assert(code.match(/<\/form>/g) && code.match(/<form [^<]*>/g) && code.match(/<\/form>/g).length === code.match(/<form [^<]*>/g).length, "Make sure your <code>form</code> element has well-formed open and close tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <input type="text" placeholder="cat photo URL">
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.portuguese.md
new file mode 100644
index 0000000000..5770ae811f
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.portuguese.md
@@ -0,0 +1,79 @@
+---
+id: bad87fee1348bd9aedf08835
+title: Create a Set of Checkboxes
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar um conjunto de caixas de seleção
+---
+
+## Description
+<section id="description"> Os formulários geralmente usam <code>checkboxes</code> de <code>checkboxes</code> para perguntas que podem ter mais de uma resposta. Caixas de seleção são um tipo de <code>input</code> Cada uma de suas caixas de seleção pode ser aninhada em seu próprio elemento de <code>label</code> . Ao envolver um elemento de <code>input</code> dentro de um elemento de <code>label</code> , ele associará automaticamente a entrada da caixa de seleção ao elemento de rótulo que a envolve. Todas as entradas da caixa de seleção relacionadas devem ter o mesmo atributo de <code>name</code> . É considerada a melhor prática definir explicitamente o relacionamento entre uma <code>input</code> caixa de seleção e seu <code>label</code> correspondente <code>label</code> definindo o atributo <code>for</code> no elemento <code>label</code> para corresponder ao atributo <code>id</code> do elemento de <code>input</code> associado. Aqui está um exemplo de uma caixa de seleção: <code>&lt;label for=&quot;loving&quot;&gt;&lt;input id=&quot;loving&quot; type=&quot;checkbox&quot; name=&quot;personality&quot;&gt; Loving&lt;/label&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Adicione ao seu formulário um conjunto de três caixas de seleção. Cada caixa de seleção deve estar aninhada em seu próprio elemento <code>label</code> . Todos os três devem compartilhar o atributo do <code>name</code> da <code>personality</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua página deve ter três elementos de caixa de seleção.
+    testString: 'assert($("input[type="checkbox"]").length > 2, "Your page should have three checkbox elements.");'
+  - text: Cada um dos três elementos da caixa de seleção deve estar aninhado em seu próprio elemento <code>label</code> .
+    testString: 'assert($("label > input[type="checkbox"]:only-child").length > 2, "Each of your three checkbox elements should be nested in its own <code>label</code> element.");'
+  - text: Certifique-se de que cada um dos elementos da <code>label</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/label>/g) && code.match(/<label/g) && code.match(/<\/label>/g).length === code.match(/<label/g).length, "Make sure each of your <code>label</code> elements has a closing tag.");'
+  - text: Dê a suas caixas de seleção o atributo de <code>name</code> da <code>personality</code> .
+    testString: 'assert($("label > input[type="checkbox"]").filter("[name="personality"]").length > 2, "Give your checkboxes the <code>name</code> attribute of <code>personality</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
+    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.portuguese.md
new file mode 100644
index 0000000000..4d9cef1b70
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.portuguese.md
@@ -0,0 +1,83 @@
+---
+id: bad87fee1348bd9aedf08834
+title: Create a Set of Radio Buttons
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar um conjunto de botões de rádio
+---
+
+## Description
+<section id="description"> Você pode usar <code>radio buttons</code> de <code>radio buttons</code> para perguntas nas quais deseja que o usuário só forneça uma resposta dentre várias opções. Botões de rádio são um tipo de <code>input</code> . Cada um dos seus botões de opção pode ser aninhado em seu próprio elemento de <code>label</code> . Ao envolver um elemento de <code>input</code> dentro de um elemento de <code>label</code> , ele associará automaticamente a entrada do botão de opção ao elemento de rótulo em torno dele. Todos os botões de opção relacionados devem ter o mesmo atributo de <code>name</code> para criar um grupo de botões de opção. Ao criar um grupo de rádio, a seleção de um único botão de opção desmarcará automaticamente os outros botões dentro do mesmo grupo, garantindo que apenas uma resposta seja fornecida pelo usuário. Aqui está um exemplo de um botão de opção: <blockquote> &lt;label&gt; <br> &lt;input type = &quot;radio&quot; name = &quot;interior-exterior&quot;&gt; Interior <br> &lt;/ label&gt; </blockquote> É considerado uma boa prática definir um atributo <code>for</code> no elemento <code>label</code> , com um valor que corresponda ao valor do atributo <code>id</code> do elemento <code>input</code> . Isso permite que tecnologias assistivas criem um relacionamento vinculado entre o rótulo e o elemento de <code>input</code> filho. Por exemplo: <blockquote> &lt;label for = &quot;indoor&quot;&gt; <br> &lt;input id = &quot;indoor&quot; type = &quot;rádio&quot; name = &quot;interior-exterior&quot;&gt; Interior <br> &lt;/ label&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione um par de botões de opção ao formulário, cada um aninhado em seu próprio elemento de rótulo. Deve-se ter a opção de <code>indoor</code> e o outro deve ter a opção de <code>outdoor</code> . Ambos devem compartilhar o atributo <code>name</code> de <code>indoor-outdoor</code> para criar um grupo de rádio. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua página deve ter dois elementos de botão de opção.
+    testString: 'assert($("input[type="radio"]").length > 1, "Your page should have two radio button elements.");'
+  - text: Dê aos seus botões de rádio o atributo <code>name</code> de <code>indoor-outdoor</code> .
+    testString: 'assert($("label > input[type="radio"]").filter("[name="indoor-outdoor"]").length > 1, "Give your radio buttons the <code>name</code> attribute of <code>indoor-outdoor</code>.");'
+  - text: Cada um dos seus dois elementos de botão de opção deve ser aninhado em seu próprio elemento de <code>label</code> .
+    testString: 'assert($("label > input[type="radio"]:only-child").length > 1, "Each of your two radio button elements should be nested in its own <code>label</code> element.");'
+  - text: Certifique-se de que cada um dos elementos da <code>label</code> tenha uma tag de fechamento.
+    testString: 'assert((code.match(/<\/label>/g) && code.match(/<label/g) && code.match(/<\/label>/g).length === code.match(/<label/g).length), "Make sure each of your <code>label</code> elements has a closing tag.");'
+  - text: Um de seus botões de rádio deve ter o rótulo <code>indoor</code> .
+    testString: 'assert($("label").text().match(/indoor/gi), "One of your radio buttons should have the label <code>indoor</code>.");'
+  - text: Um de seus botões de rádio deve ter o rótulo <code>outdoor</code> .
+    testString: 'assert($("label").text().match(/outdoor/gi), "One of your radio buttons should have the label <code>outdoor</code>.");'
+  - text: Cada um dos seus elementos de botão de opção deve ser adicionado na tag de <code>form</code> .
+    testString: 'assert($("label").parent().get(0).tagName.match("FORM"), "Each of your radio button elements should be added within the <code>form</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/create-a-text-field.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/create-a-text-field.portuguese.md
new file mode 100644
index 0000000000..077385f9de
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/create-a-text-field.portuguese.md
@@ -0,0 +1,69 @@
+---
+id: bad87fee1348bd9aedf08829
+title: Create a Text Field
+challengeType: 0
+videoUrl: ''
+localeTitle: Crie um campo de texto
+---
+
+## Description
+<section id="description"> Agora vamos criar um formulário web. Os elementos de entrada são uma maneira conveniente de obter informações do usuário. Você pode criar uma entrada de texto assim: <code>&lt;input type=&quot;text&quot;&gt;</code> Observe que os elementos de <code>input</code> são de fechamento automático. </section>
+
+## Instructions
+<section id="instructions"> Crie um elemento de <code>input</code> do tipo <code>text</code> abaixo das suas listas. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu aplicativo deve ter um elemento de <code>input</code> do tipo <code>text</code> .
+    testString: 'assert($("input[type=text]").length > 0, "Your app should have an <code>input</code> element of type <code>text</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+
+
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.portuguese.md
new file mode 100644
index 0000000000..1454fba56f
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.portuguese.md
@@ -0,0 +1,79 @@
+---
+id: bad87fee1348bd9aedf08828
+title: Create an Ordered List
+challengeType: 0
+videoUrl: ''
+localeTitle: Crie uma lista ordenada
+---
+
+## Description
+<section id="description"> O HTML tem outro elemento especial para criar <code>ordered lists</code> ou listas numeradas. As listas ordenadas começam com um elemento <code>&lt;ol&gt;</code> abertura, seguido por qualquer número de elementos <code>&lt;li&gt;</code> . Finalmente, listas ordenadas fecham com um <code>&lt;/ol&gt;</code> Por exemplo: <blockquote> &lt;ol&gt; <br> &lt;li&gt; Garfield &lt;/ li&gt; <br> &lt;li&gt; Sylvester &lt;/ li&gt; <br> &lt;/ ol&gt; </blockquote> criaria uma lista numerada de &quot;Garfield&quot; e &quot;Sylvester&quot;. </section>
+
+## Instructions
+<section id="instructions"> Crie uma lista ordenada das 3 principais coisas que os gatos mais odeiam. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Você deve ter uma lista ordenada para "Top 3 coisas que os gatos odeiam:"'
+    testString: 'assert((/Top 3 things cats hate:/i).test($("ol").prev().text()), "You should have an ordered list for "Top 3 things cats hate:"");'
+  - text: 'Você deve ter uma lista não ordenada de "Coisas que os gatos adoram:"'
+    testString: 'assert((/Things cats love:/i).test($("ul").prev().text()), "You should have an unordered list for "Things cats love:"");'
+  - text: Você deve ter apenas um elemento <code>ul</code> .
+    testString: 'assert.equal($("ul").length, 1, "You should have only one <code>ul</code> element.");'
+  - text: Você deve ter apenas um <code>ol</code> elemento.
+    testString: 'assert.equal($("ol").length, 1, "You should have only one <code>ol</code> element.");'
+  - text: Você deve ter três elementos <code>li</code> no seu elemento <code>ul</code> .
+    testString: 'assert.equal($("ul li").length, 3, "You should have three <code>li</code> elements within your <code>ul</code> element.");'
+  - text: Você deve ter três elementos <code>li</code> dentro do seu elemento <code>ol</code> .
+    testString: 'assert.equal($("ol li").length, 3, "You should have three <code>li</code> elements within your <code>ol</code> element.");'
+  - text: Certifique-se de que seu elemento <code>ul</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/ul>/g) && code.match(/<\/ul>/g).length === code.match(/<ul>/g).length, "Make sure your <code>ul</code> element has a closing tag.");'
+  - text: Certifique-se de que seu elemento <code>ol</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/ol>/g) && code.match(/<\/ol>/g).length === code.match(/<ol>/g).length, "Make sure your <code>ol</code> element has a closing tag.");'
+  - text: Certifique-se de que seu elemento <code>li</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/li>/g) && code.match(/<li>/g) && code.match(/<\/li>/g).length === code.match(/<li>/g).length, "Make sure your <code>li</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.portuguese.md
new file mode 100644
index 0000000000..ed998dbfd9
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.portuguese.md
@@ -0,0 +1,52 @@
+---
+id: 587d78aa367417b2b2512aed
+title: Declare the Doctype of an HTML Document
+challengeType: 0
+videoUrl: ''
+localeTitle: Declarar o Doctype de um documento HTML
+---
+
+## Description
+<section id="description"> Os desafios até agora cobriram elementos HTML específicos e seus usos. No entanto, existem alguns elementos que fornecem estrutura geral à sua página e devem ser incluídos em todos os documentos HTML. Na parte superior do seu documento, você precisa informar ao navegador qual versão do HTML sua página está usando. O HTML é uma linguagem em evolução e é atualizado regularmente. A maioria dos principais navegadores suporta a especificação mais recente, que é HTML5. No entanto, as páginas da web mais antigas podem usar versões anteriores do idioma. Você diz ao navegador essas informações adicionando a tag <code>&lt;!DOCTYPE ...&gt;</code> na primeira linha, onde a parte &quot; <code>...</code> &quot; é a versão do HTML. Para HTML5, você usa <code>&lt;!DOCTYPE html&gt;</code> . O <code>!</code> e <code>DOCTYPE</code> maiúsculas é importante, especialmente para navegadores mais antigos. O <code>html</code> não faz <code>html</code> entre maiúsculas e minúsculas. Em seguida, o restante do código HTML precisa ser agrupado em tags <code>html</code> . A abertura <code>&lt;html&gt;</code> vai diretamente abaixo da linha <code>&lt;!DOCTYPE html&gt;</code> , e o fechamento <code>&lt;/html&gt;</code> vai no final da página. Aqui está um exemplo da estrutura da página: <blockquote> &lt;! DOCTYPE html&gt; <br> &lt;html&gt; <br> &lt;! - Seu código HTML vai aqui -&gt; <br> &lt;/ html&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione uma tag <code>DOCTYPE</code> para HTML5 à parte superior do documento HTML em branco no editor de código. Sob ele, adicione as tags <code>html</code> abertura e fechamento, que envolvem um elemento <code>h1</code> . O título pode incluir qualquer texto. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve incluir uma tag <code>&lt;!DOCTYPE html&gt;</code> .
+    testString: 'assert(code.match(/<!DOCTYPE\s+?html\s*?>/gi), "Your code should include a <code>&lt;!DOCTYPE html&gt;</code> tag.");'
+  - text: Deve haver um elemento <code>html</code> .
+    testString: 'assert($("html").length == 1, "There should be one <code>html</code> element.");'
+  - text: As tags <code>html</code> devem envolver um elemento <code>h1</code> .
+    testString: 'assert(code.match(/<html>\s*?<h1>\s*?.*?\s*?<\/h1>\s*?<\/html>/gi), "The <code>html</code> tags should wrap around one <code>h1</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.portuguese.md
new file mode 100644
index 0000000000..de9be6a2b4
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.portuguese.md
@@ -0,0 +1,66 @@
+---
+id: 587d78aa367417b2b2512aec
+title: Define the Head and Body of an HTML Document
+challengeType: 0
+videoUrl: ''
+localeTitle: Definir a cabeça e o corpo de um documento HTML
+---
+
+## Description
+<section id="description"> Você pode adicionar outro nível de organização em seu documento HTML dentro das tags <code>html</code> com os elementos <code>head</code> e <code>body</code> . Qualquer marcação com informações sobre sua página entraria na tag <code>head</code> . Então, qualquer marcação com o conteúdo da página (o que é exibido para um usuário) entraria na tag <code>body</code> . Elementos de metadados, como <code>link</code> , <code>meta</code> , <code>title</code> e <code>style</code> , normalmente entram no elemento <code>head</code> . Aqui está um exemplo de layout de uma página: <blockquote> &lt;! DOCTYPE html&gt; <br> &lt;html&gt; <br> &lt;cabeça&gt; <br> &lt;! - elementos de metadados -&gt; <br> &lt;/ head&gt; <br> &lt;body&gt; <br> &lt;! - conteúdo da página -&gt; <br> &lt;/ body&gt; <br> &lt;/ html&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Edite a marcação para que haja uma <code>head</code> e um <code>body</code> . O elemento <code>head</code> deve incluir apenas o <code>title</code> , e o elemento <code>body</code> deve incluir apenas o <code>h1</code> e o <code>p</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Deve haver apenas um elemento <code>head</code> na página.
+    testString: 'assert($("head").length == 1, "There should be only one <code>head</code> element on the page.");'
+  - text: Deve haver apenas um elemento de <code>body</code> na página.
+    testString: 'assert($("body").length == 1, "There should be only one <code>body</code> element on the page.");'
+  - text: O elemento <code>head</code> deve ser um filho do elemento <code>html</code> .
+    testString: 'assert($("html").children("head").length == 1, "The <code>head</code> element should be a child of the <code>html</code> element.");'
+  - text: O elemento <code>body</code> deve ser filho do elemento <code>html</code> .
+    testString: 'assert($("html").children("body").length == 1, "The <code>body</code> element should be a child of the <code>html</code> element.");'
+  - text: O elemento <code>head</code> deve envolver o elemento <code>title</code> .
+    testString: 'assert(code.match(/<head>\s*?<title>\s*?.*?\s*?<\/title>\s*?<\/head>/gi), "The <code>head</code> element should wrap around the <code>title</code> element.");'
+  - text: O elemento do <code>body</code> deve envolver os elementos <code>h1</code> e <code>p</code> .
+    testString: 'assert($("body").children("h1").length == 1 && $("body").children("p").length == 1, "The <code>body</code> element should wrap around both the <code>h1</code> and <code>p</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<!DOCTYPE html>
+<html>
+  <title>The best page ever</title>
+
+  <h1>The best page ever</h1>
+  <p>Cat ipsum dolor sit amet, jump launch to pounce upon little yarn mouse, bare fangs at toy run hide in litter box until treats are fed. Go into a room to decide you didn't want to be in there anyway. I like big cats and i can not lie kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Meow i could pee on this if i had the energy for slap owner's face at 5am until human fills food dish yet scamper. Knock dish off table head butt cant eat out of my own dish scratch the furniture. Make meme, make cute face. Sleep in the bathroom sink chase laser but pee in the shoe. Paw at your fat belly licks your face and eat grass, throw it back up kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+
+</html>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/delete-html-elements.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/delete-html-elements.portuguese.md
new file mode 100644
index 0000000000..1e49a1fbe1
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/delete-html-elements.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: bad87fed1348bd9aedf08833
+title: Delete HTML Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Excluir elementos HTML
+---
+
+## Description
+<section id="description"> Nosso telefone não tem muito espaço vertical. Vamos remover os elementos desnecessários para que possamos começar a construir o nosso CatPhotoApp. </section>
+
+## Instructions
+<section id="instructions"> Exclua seu elemento <code>h1</code> para simplificar nossa visualização. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Exclua seu elemento <code>h1</code> .
+    testString: 'assert(!code.match(/<h1>/gi) && !code.match(/<\/h1>/gi), "Delete your <code>h1</code> element.");'
+  - text: Deixe seu elemento <code>h2</code> na página.
+    testString: 'assert(code.match(/<h2>[\w\W]*<\/h2>/gi), "Leave your <code>h2</code> element on the page.");'
+  - text: Deixe seu elemento <code>p</code> na página.
+    testString: 'assert(code.match(/<p>[\w\W]*<\/p>/gi), "Leave your <code>p</code> element on the page.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.portuguese.md
new file mode 100644
index 0000000000..531fc5cf2f
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.portuguese.md
@@ -0,0 +1,53 @@
+---
+id: bad87fee1348bd9aedf08833
+title: Fill in the Blank with Placeholder Text
+challengeType: 0
+videoUrl: ''
+localeTitle: Preencha o espaço em branco com texto de espaço reservado
+---
+
+## Description
+<section id="description"> Os desenvolvedores da Web usam tradicionalmente o <code>lorem ipsum text</code> como texto de espaço reservado. O texto &quot;lorem ipsum&quot; é retirado aleatoriamente de uma passagem famosa de Cícero da Roma Antiga. O texto Lorem ipsum tem sido usado como texto de espaço reservado por tipógrafos desde o século XVI, e essa tradição continua na web. Bem, 5 séculos é tempo suficiente. Já que estamos construindo um CatPhotoApp, vamos usar algo chamado <code>kitty ipsum text</code> . </section>
+
+## Instructions
+<section id="instructions"> Substitua o texto dentro de seu elemento <code>p</code> com as primeiras palavras deste kitty texto ipsum: <code>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>p</code> deve conter as primeiras palavras do <code>kitty ipsum text</code> fornecido.
+    testString: 'assert.isTrue((/Kitty(\s)+ipsum/gi).test($("p").text()), "Your <code>p</code> element should contain the first few words of the provided <code>kitty ipsum text</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Hello Paragraph</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.portuguese.md
new file mode 100644
index 0000000000..3baa92d603
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: bad87fee1348bd9aedf0887a
+title: Headline with the h2 Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Título com o elemento h2
+---
+
+## Description
+<section id="description"> Nas próximas lições, criaremos um aplicativo web de fotos para gatos em HTML5, peça por peça. O elemento <code>h2</code> que você adicionará nesta etapa adicionará um cabeçalho de nível dois à página da web. Esse elemento informa ao navegador sobre a estrutura do seu site. <code>h1</code> elementos <code>h1</code> são freqüentemente usados ​​para cabeçalhos principais, enquanto os elementos <code>h2</code> são geralmente usados ​​para subtítulos. Há também elementos <code>h3</code> , <code>h4</code> , <code>h5</code> e <code>h6</code> para indicar diferentes níveis de subtítulos. </section>
+
+## Instructions
+<section id="instructions"> Adicione uma tag <code>h2</code> que diga &quot;CatPhotoApp&quot; para criar um segundo <code>element</code> HTML abaixo do elemento <code>h1</code> &quot;Hello World&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Crie um elemento <code>h2</code> .
+    testString: 'assert(($("h2").length > 0), "Create an <code>h2</code> element.");'
+  - text: Certifique-se de que seu elemento <code>h2</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/h2>/g) && code.match(/<\/h2>/g).length === code.match(/<h2>/g).length, "Make sure your <code>h2</code> element has a closing tag.");'
+  - text: Seu elemento <code>h2</code> deve ter o texto &quot;CatPhotoApp&quot;.
+    testString: 'assert.isTrue((/cat(\s)?photo(\s)?app/gi).test($("h2").text()), "Your <code>h2</code> element should have the text "CatPhotoApp".");'
+  - text: Seu elemento <code>h1</code> deve ter o texto &quot;Hello World&quot;.
+    testString: 'assert.isTrue((/hello(\s)+world/gi).test($("h1").text()), "Your <code>h1</code> element should have the text "Hello World".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello World</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.portuguese.md
new file mode 100644
index 0000000000..85e07712c8
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: bad87fee1348bd9aedf08801
+title: Inform with the Paragraph Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Informar com o elemento Paragraph
+---
+
+## Description
+<section id="description"> <code>p</code> elementos <code>p</code> são o elemento preferido para o texto do parágrafo nos sites. <code>p</code> é a abreviatura de &quot;parágrafo&quot;. Você pode criar um elemento de parágrafo como este: <code>&lt;p&gt;I&#39;m ap tag!&lt;/p&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Crie um elemento <code>p</code> abaixo do seu elemento <code>h2</code> e dê a ele o texto &quot;Hello Paragraph&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Crie um elemento <code>p</code> .
+    testString: 'assert(($("p").length > 0), "Create a <code>p</code> element.");'
+  - text: Seu elemento <code>p</code> deve ter o texto &quot;Hello Paragraph&quot;.
+    testString: 'assert.isTrue((/hello(\s)+paragraph/gi).test($("p").text()), "Your <code>p</code> element should have the text "Hello Paragraph".");'
+  - text: Certifique-se de que seu elemento <code>p</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/p>/g) && code.match(/<\/p>/g).length === code.match(/<p/g).length, "Make sure your <code>p</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello World</h1>
+<h2>CatPhotoApp</h2>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.portuguese.md
new file mode 100644
index 0000000000..341af4be31
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: bad87fee1348bd9aecf08801
+title: Introduction to HTML5 Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Introdução aos elementos HTML5
+---
+
+## Description
+<section id="description"> O HTML5 introduz mais tags HTML descritivas. Estes incluem <code>header</code> , <code>footer</code> , <code>nav</code> , <code>video</code> , <code>article</code> , <code>section</code> e outros. Essas tags facilitam a leitura do seu HTML, além de ajudar na Otimização do Mecanismo de Pesquisa (SEO) e na acessibilidade. A tag HTML5 <code>main</code> ajuda os mecanismos de pesquisa e outros desenvolvedores a encontrar o conteúdo principal de sua página. <strong>Nota</strong> <br> Muitas das novas tags HTML5 e seus benefícios são abordados na seção Acessibilidade Aplicada. </section>
+
+## Instructions
+<section id="instructions"> Crie um segundo elemento <code>p</code> após o elemento <code>p</code> existente com o seguinte texto ipsum gatinho: <code>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</code> Enrole os parágrafos com uma tag <code>main</code> abertura e fechamento. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você precisa de 2 elementos <code>p</code> com o texto Kitty Ipsum.
+    testString: 'assert($("p").length > 1, "You need 2 <code>p</code> elements with Kitty Ipsum text.");'
+  - text: Certifique-se de que cada um dos seus elementos <code>p</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/p>/g) && code.match(/<\/p>/g).length === code.match(/<p/g).length, "Make sure each of your <code>p</code> elements has a closing tag.");'
+  - text: Seu elemento <code>p</code> deve conter as primeiras palavras do <code>kitty ipsum text</code> adicional fornecido pelo <code>kitty ipsum text</code> .
+    testString: 'assert.isTrue((/Purr\s+jump\s+eat/gi).test($("p").text()), "Your <code>p</code> element should contain the first few words of the provided additional <code>kitty ipsum text</code>.");'
+  - text: Seu código deve ter um elemento <code>main</code> .
+    testString: 'assert($("main").length === 1, "Your code should have one <code>main</code> element.");'
+  - text: O elemento <code>main</code> deve ter dois elementos de parágrafo como filhos.
+    testString: 'assert($("main").children("p").length === 2, "The <code>main</code> element should have two paragraph elements as children.");'
+  - text: A tag <code>main</code> abertura deve vir antes da tag do primeiro parágrafo.
+    testString: 'assert(code.match(/<main>\s*?<p>/g), "The opening <code>main</code> tag should come before the first paragraph tag.");'
+  - text: A tag <code>main</code> fechamento deve vir após a segunda tag de parágrafo de fechamento.
+    testString: 'assert(code.match(/<\/p>\s*?<\/main>/g), "The closing <code>main</code> tag should come after the second closing paragraph tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.portuguese.md
new file mode 100644
index 0000000000..5e2f3542e3
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: bad87fee1348bd9aedf08816
+title: Link to External Pages with Anchor Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Link para páginas externas com elementos âncora
+---
+
+## Description
+<section id="description"> Você pode usar elementos de <code>anchor</code> para vincular a conteúdo fora da sua página da web. <code>anchor</code> elementos <code>anchor</code> precisam de um endereço da Web de destino chamado atributo <code>href</code> . Eles também precisam de texto âncora. Aqui está um exemplo: <code>&lt;a href=&quot;https://freecodecamp.org&quot;&gt;this links to freecodecamp.org&lt;/a&gt;</code> Então o seu navegador irá exibir o texto <strong>&quot;este links para freecodecamp.org&quot;</strong> como um link que você pode clicar. E esse link levará você ao endereço da Web <strong>https://www.freecodecamp.org</strong> . </section>
+
+## Instructions
+<section id="instructions"> Crie <code>a</code> elemento que vincule a <code>http://freecatphotoapp.com</code> e tenha &quot;cat photos&quot; como <code>anchor text</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua <code>a</code> elemento deve ter o <code>anchor text</code> de &quot;fotos do gato&quot;.
+    testString: 'assert((/cat photos/gi).test($("a").text()), "Your <code>a</code> element should have the <code>anchor text</code> of "cat photos".");'
+  - text: 'Você precisa de <code>a</code> elemento que <code>http://freecatphotoapp .com</code> para <code>http://freecatphotoapp .com</code>'
+    testString: 'assert(/http:\/\/(www\.)?freecatphotoapp\.com/gi.test($("a").attr("href")), "You need an <code>a</code> element that links to <code>http&#58;//freecatphotoapp<wbr>.com</code>");'
+  - text: Verifique se o seu <code>a</code> elemento tem uma marca de fechamento.
+    testString: 'assert(code.match(/<\/a>/g) && code.match(/<\/a>/g).length === code.match(/<a/g).length, "Make sure your <code>a</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.portuguese.md
new file mode 100644
index 0000000000..6c34994e1c
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.portuguese.md
@@ -0,0 +1,73 @@
+---
+id: bad88fee1348bd9aedf08816
+title: Link to Internal Sections of a Page with Anchor Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Vincular a seções internas de uma página com elementos âncora
+---
+
+## Description
+<section id="description"> Os elementos âncora também podem ser usados ​​para criar links internos para pular para diferentes seções dentro de uma página da Web. Para criar um link interno, atribua o atributo <code>href</code> um link a um símbolo de hash <code>#</code> mais o valor do atributo de <code>id</code> para o elemento que você deseja vincular internamente, geralmente mais abaixo na página. Em seguida, você precisa adicionar o mesmo atributo <code>id</code> ao elemento ao qual está vinculando. Um <code>id</code> é um atributo que descreve exclusivamente um elemento. Abaixo está um exemplo de um link de âncora interna e seu elemento de destino: <blockquote> &lt;a href=&quot;#contacts-header&quot;&gt; Contatos &lt;/a&gt; <br> ... <br> &lt;h2 id = &quot;contatos-cabeçalho&quot;&gt; Contatos &lt;/ h2&gt; </blockquote> Quando os usuários clicam no link Contatos, eles são levados para a seção da página da Web com o elemento de cabeçalho <b>Contatos</b> . </section>
+
+## Instructions
+<section id="instructions"> Altere seu link externo para um link interno alterando o atributo <code>href</code> para &quot;#footer&quot; e o texto de &quot;cat photos&quot; para &quot;Jump to Bottom&quot;. Remova o atributo <code>target=&quot;_blank&quot;</code> da tag de âncora, pois isso faz com que o documento vinculado seja aberto em uma nova guia da janela. Em seguida, adicione um atributo <code>id</code> com o valor &quot;footer&quot; ao elemento <code>&lt;footer&gt;</code> na parte inferior da página. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Deve haver apenas uma tag de âncora na sua página.
+    testString: 'assert($("a").length == 1, "There should be only one anchor tag on your page.");'
+  - text: Deve haver apenas uma tag de <code>footer</code> na sua página.
+    testString: 'assert($("footer").length == 1, "There should be only one <code>footer</code> tag on your page.");'
+  - text: 'A <code>a</code> tag deve ter um <code>href</code> atributo definido como &quot;#footer&quot;.'
+    testString: 'assert($("a").eq(0).attr("href") == "#footer", "The <code>a</code> tag should have an <code>href</code> attribute set to "#footer".");'
+  - text: A <code>a</code> tag não deve ter um <code>target</code> atributo
+    testString: 'assert(typeof $("a").eq(0).attr("target") == typeof undefined || $("a").eq(0).attr("target") == true, "The <code>a</code> tag should not have a <code>target</code> attribute");'
+  - text: A <code>a</code> texto deve ser &quot;Ir para fundo&quot;.
+    testString: 'assert($("a").eq(0).text().match(/Jump to Bottom/gi), "The <code>a</code> text should be "Jump to Bottom".");'
+  - text: A tag de <code>footer</code> deve ter um atributo <code>id</code> definido como &quot;footer&quot;.
+    testString: 'assert($("footer").eq(0).attr("id") == "footer", "The <code>footer</code> tag should have an <code>id</code> attribute set to "footer".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+  <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+  <p>Meowwww loved it, hated it, loved it, hated it yet spill litter box, scratch at owner, destroy all furniture, especially couch or lay on arms while you're using the keyboard. Missing until dinner time toy mouse squeak roll over. With tail in the air lounge in doorway. Man running from cops stops to pet cats, goes to jail.</p>
+  <p>Intently stare at the same spot poop in the plant pot but kitten is playing with dead mouse. Get video posted to internet for chasing red dot leave fur on owners clothes meow to be let out and mesmerizing birds leave fur on owners clothes or favor packaging over toy so purr for no reason. Meow to be let out play time intently sniff hand run outside as soon as door open yet destroy couch.</p>
+
+</main>
+
+<footer>Copyright Cat Photo App</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.portuguese.md
new file mode 100644
index 0000000000..5341c82ec5
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: bad87fee1348bd9aedf08817
+title: Make Dead Links Using the Hash Symbol
+challengeType: 0
+videoUrl: ''
+localeTitle: Faça links mortos usando o símbolo Hash
+---
+
+## Description
+<section id="description"> Às vezes você quer adicionar <code>a</code> elementos para o seu site antes que você sabe onde eles vão ligar. Isso também é útil quando você está alterando o comportamento de um link usando <code>JavaScript</code> , sobre o qual aprenderemos mais tarde. </section>
+
+## Instructions
+<section id="instructions"> O valor atual do atributo <code>href</code> é um link que aponta para &quot;http://freecatphotoapp.com&quot;. Substitua o valor do atributo <code>href</code> por um <code>#</code> , também conhecido como um símbolo de hash, para criar um link inativo. Por exemplo: <code>href=&quot;#&quot;</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Sua <code>a</code> elemento deve ser um link morto com o valor do <code>href</code> atributo definido como &quot;#&quot;.'
+    testString: 'assert($("a").attr("href") === "#", "Your <code>a</code> element should be a dead link with the value of the <code>href</code> attribute set to "#".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>.</p>
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.portuguese.md
new file mode 100644
index 0000000000..59ae40b3ba
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: bad87fee1348bd9aede08817
+title: Nest an Anchor Element within a Paragraph
+challengeType: 0
+videoUrl: ''
+localeTitle: Aninhar um elemento âncora dentro de um parágrafo
+---
+
+## Description
+<section id="description"> Você pode aninhar links dentro de outros elementos de texto. <blockquote> &lt;p&gt; <br> Aqui está um &lt;a target=&quot;_blank&quot; href=&quot;http://freecodecamp.org&quot;&gt; link para freecodecamp.org &lt;/a&gt; para você seguir. <br> &lt;/ p&gt; </blockquote> Vamos detalhar o exemplo: o texto normal é encapsulado no elemento <code>p</code> : <br> <code>&lt;p&gt; Here&#39;s a ... for you to follow. &lt;/p&gt;</code> Em seguida, o elemento <code>anchor</code> <code>&lt;a&gt;</code> (que requer uma tag de fechamento <code>&lt;/a&gt;</code> ): <br> <code>&lt;a&gt; ... &lt;/a&gt;</code> <code>target</code> é um atributo de marca de âncora que especifica onde abrir o link e o valor <code>&quot;_blank&quot;</code> especifica para abrir o link em uma nova guia <code>href</code> é um atributo de marca de âncora que contém o endereço de URL de a ligação: <br> <code>&lt;a href=&quot;http://freecodecamp.org&quot;&gt; ... &lt;/a&gt;</code> O texto <strong>&quot;link para freecodecamp.org&quot;</strong> , dentro do elemento <code>anchor text</code> chamado <code>anchor text</code> , exibirá um link para clicar: <br> <code>&lt;a href=&quot; ... &quot;&gt;link to freecodecamp.org&lt;/a&gt;</code> A saída final do exemplo ficará assim: <br><p> Aqui está um <a target="_blank" href="http://freecodecamp.org">link para freecodecamp.org</a> para você seguir. </p></section>
+
+## Instructions
+<section id="instructions"> Agora ninho sua existente <code>a</code> elemento dentro de um novo <code>p</code> elemento (logo após a existente <code>main</code> elemento). O novo parágrafo deve ter o texto &quot;Visualizar mais fotos de gatos&quot;, em que &quot;fotos de gatos&quot; é um link, e o restante do texto é texto simples. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Você precisa de <code>a</code> elemento que vincule a &quot;http://freecatphotoapp.com&quot;.'
+    testString: 'assert(($("a[href=\"http://freecatphotoapp.com\"]").length > 0 || $("a[href=\"http://www.freecatphotoapp.com\"]").length > 0), "You need an <code>a</code> element that links to "http://freecatphotoapp.com".");'
+  - text: Sua <code>a</code> elemento deve ter o texto âncora de &quot;fotos do gato&quot;
+    testString: 'assert($("a").text().match(/cat\sphotos/gi), "Your <code>a</code> element should have the anchor text of "cat photos"");'
+  - text: Criar um novo <code>p</code> elemento em torno de seu <code>a</code> elemento. Deve haver pelo menos três tags <code>p</code> no seu código HTML.
+    testString: 'assert($("p") && $("p").length > 2, "Create a new <code>p</code> element around your <code>a</code> element. There should be at least 3 total <code>p</code> tags in your HTML code.");'
+  - text: Seu <code>a</code> elemento deve ser aninhado em seu novo elemento <code>p</code> .
+    testString: 'assert(($("a[href=\"http://freecatphotoapp.com\"]").parent().is("p") || $("a[href=\"http://www.freecatphotoapp.com\"]").parent().is("p")), "Your <code>a</code> element should be nested within your new <code>p</code> element.");'
+  - text: Seu elemento <code>p</code> deve ter o texto &quot;Ver mais&quot; (com um espaço após ele).
+    testString: 'assert(($("a[href=\"http://freecatphotoapp.com\"]").parent().text().match(/View\smore\s/gi) || $("a[href=\"http://www.freecatphotoapp.com\"]").parent().text().match(/View\smore\s/gi)), "Your <code>p</code> element should have the text "View more " (with a space after it).");'
+  - text: Sua <code>a</code> elemento <em>não</em> deve ter o texto &quot;Ver mais&quot;.
+    testString: 'assert(!$("a").text().match(/View\smore/gi), "Your <code>a</code> element should <em>not</em> have the text "View more".");'
+  - text: Certifique-se de que cada um dos seus elementos <code>p</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/p>/g) && code.match(/<p/g) && code.match(/<\/p>/g).length === code.match(/<p/g).length, "Make sure each of your <code>p</code> elements has a closing tag.");'
+  - text: Certifique-se de cada um de seus <code>a</code> elementos tem uma marca de fechamento.
+    testString: 'assert(code.match(/<\/a>/g) && code.match(/<a/g) && code.match(/<\/a>/g).length === code.match(/<a/g).length, "Make sure each of your <code>a</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+  <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.portuguese.md
new file mode 100644
index 0000000000..660151d061
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.portuguese.md
@@ -0,0 +1,83 @@
+---
+id: bad87fee1348bd9aede08835
+title: Nest Many Elements within a Single div Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Aninhar muitos elementos em um único elemento div
+---
+
+## Description
+<section id="description"> O elemento <code>div</code> , também conhecido como um elemento de divisão, é um contêiner de propósito geral para outros elementos. O elemento <code>div</code> é provavelmente o elemento HTML mais usado de todos. Assim como qualquer outro elemento de não fechamento automático, você pode abrir um elemento <code>div</code> com <code>&lt;div&gt;</code> e fechá-lo em outra linha com <code>&lt;/div&gt;</code> . </section>
+
+## Instructions
+<section id="instructions"> Aninhe suas &quot;Coisas que os gatos adoram&quot; e &quot;Coisas que os gatos odeiam&quot; listam todas em um único elemento <code>div</code> . Dica: Tente colocar a sua abertura <code>div</code> tag acima de suas &quot;coisas gatos adoram&quot; <code>p</code> elemento e seu fechamento <code>div</code> tag após o seu fechamento <code>ol</code> tag para que ambas as listas estão dentro de uma <code>div</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Aninhe seus elementos <code>p</code> dentro do seu elemento <code>div</code> .
+    testString: 'assert($("div").children("p").length > 1, "Nest your <code>p</code> elements inside your <code>div</code> element.");'
+  - text: Aninhe seu elemento <code>ul</code> dentro do seu elemento <code>div</code> .
+    testString: 'assert($("div").children("ul").length > 0, "Nest your <code>ul</code> element inside your <code>div</code> element.");'
+  - text: Aninhe seu elemento <code>ol</code> dentro do seu elemento <code>div</code> .
+    testString: 'assert($("div").children("ol").length > 0, "Nest your <code>ol</code> element inside your <code>div</code> element.");'
+  - text: Certifique-se de que seu elemento <code>div</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<\/div>/g).length === code.match(/<div>/g).length, "Make sure your <code>div</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.portuguese.md
new file mode 100644
index 0000000000..51188280a0
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.portuguese.md
@@ -0,0 +1,49 @@
+---
+id: bd7123c8c441eddfaeb5bdef
+title: Say Hello to HTML Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Diga Olá para elementos HTML
+---
+
+## Description
+<section id="description"> Bem-vindo aos desafios de codificação HTML do freeCodeCamp. Eles orientarão você pelo desenvolvimento da Web, passo a passo. Primeiro, você começará construindo uma página da web simples usando HTML. Você pode editar o <code>code</code> em seu <code>code editor</code> , que é incorporado a esta página da web. Você vê o código no seu editor de código que diz <code>&lt;h1&gt;Hello&lt;/h1&gt;</code> ? Isso é um <code>element</code> HTML. A maioria dos elementos HTML possui uma <code>opening tag</code> e uma <code>closing tag</code> . As tags de abertura são assim: <code>&lt;h1&gt;</code> tags de fechamento são assim: <code>&lt;/h1&gt;</code> A única diferença entre as tags de abertura e fechamento é a barra após o colchete de abertura de uma tag de fechamento. Cada desafio tem testes que você pode executar a qualquer momento clicando no botão &quot;Executar testes&quot;. Quando você passar em todos os testes, você será solicitado a enviar sua solução e passar para o próximo desafio de codificação. </section>
+
+## Instructions
+<section id="instructions"> Para passar no teste deste desafio, altere o texto do elemento <code>h1</code> para dizer &quot;Olá mundo&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>h1</code> deve ter o texto &quot;Hello World&quot;.
+    testString: 'assert.isTrue((/hello(\s)+world/gi).test($("h1").text()), "Your <code>h1</code> element should have the text "Hello World".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.portuguese.md
new file mode 100644
index 0000000000..a9bebbe008
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: bad87fee1348bd9aedf08820
+title: Turn an Image into a Link
+challengeType: 0
+videoUrl: ''
+localeTitle: Transforme uma imagem em um link
+---
+
+## Description
+<section id="description"> Você pode criar elementos em links aninhando-os em <code>a</code> elemento. Aninhe sua imagem em <code>a</code> elemento. Aqui está um exemplo: <code>&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;https://bit.ly/fcc-running-cats&quot; alt=&quot;Three kittens running towards the camera.&quot;&gt;&lt;/a&gt;</code> Lembre-se de usar <code>#</code> como seu <code>a</code> elemento <code>href</code> propriedade, a fim de transformá-lo em um link morto. </section>
+
+## Instructions
+<section id="instructions"> Coloque o elemento de imagem existente dentro de um elemento de âncora. Depois de fazer isso, passe o mouse sobre sua imagem com o cursor. O ponteiro normal do cursor deve se tornar o ponteiro de clique do link. A foto agora é um link. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Aninhe o elemento <code>img</code> existente em <code>a</code> elemento.
+    testString: 'assert($("a").children("img").length > 0, "Nest the existing <code>img</code> element within an <code>a</code> element.");'
+  - text: 'Sua <code>a</code> elemento deve ser um link morto com um <code>href</code> atributo definido como <code>#</code> .'
+    testString: 'assert(new RegExp("#").test($("a").children("img").parent().attr("href")), "Your <code>a</code> element should be a dead link with a <code>href</code> attribute set to <code>#</code>.");'
+  - text: Certifique-se de cada um de seus <code>a</code> elementos tem uma marca de fechamento.
+    testString: 'assert(code.match(/<\/a>/g) && code.match(/<a/g) && code.match(/<\/a>/g).length === code.match(/<a/g).length, "Make sure each of your <code>a</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/uncomment-html.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/uncomment-html.portuguese.md
new file mode 100644
index 0000000000..ef9f3f8625
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/uncomment-html.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: bad87fee1348bd9aedf08802
+title: Uncomment HTML
+challengeType: 0
+videoUrl: ''
+localeTitle: HTML sem comentário
+---
+
+## Description
+<section id="description"> Comentar é uma maneira de deixar comentários para outros desenvolvedores em seu código sem afetar a saída resultante que é exibida para o usuário final. Comentar também é uma maneira conveniente de tornar o código inativo sem ter que excluí-lo completamente. Comentários em HTML começam com <code>&lt;!--</code> e terminam com um <code>--&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Descomente seus elementos <code>h1</code> , <code>h2</code> e <code>p</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Torne seu elemento <code>h1</code> visível em sua página, descomentando-o.'
+    testString: 'assert($("h1").length > 0, "Make your <code>h1</code> element visible on your page by uncommenting it.");'
+  - text: 'Torne seu elemento <code>h2</code> visível em sua página, descomentando-o.'
+    testString: 'assert($("h2").length > 0, "Make your <code>h2</code> element visible on your page by uncommenting it.");'
+  - text: 'Torne seu elemento <code>p</code> visível em sua página, descomentando-o.'
+    testString: 'assert($("p").length > 0, "Make your <code>p</code> element visible on your page by uncommenting it.");'
+  - text: 'Certifique-se de excluir todas as tags de comentário à direita, ou seja, <code>--&gt;</code> .'
+    testString: 'assert(!/[^fc]-->/gi.test(code.replace(/ *<!--[^fc]*\n/g,"")), "Be sure to delete all trailing comment tags&#44; i.e. <code>--&#62;</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<!--
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+-->
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.portuguese.md
new file mode 100644
index 0000000000..beb813aafc
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: bad87fee1348bd9aedc08830
+title: Use HTML5 to Require a Field
+challengeType: 0
+videoUrl: ''
+localeTitle: Use HTML5 para exigir um campo
+---
+
+## Description
+<section id="description"> Você pode exigir campos de formulário específicos para que o usuário não possa enviar seu formulário até que ele os preencha. Por exemplo, se você quiser tornar um campo de entrada de texto obrigatório, basta adicionar o atributo <code>required</code> ao seu elemento de <code>input</code> , da seguinte forma: <code>&lt;input type=&quot;text&quot; required&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Faça o seu texto <code>input</code> um <code>required</code> campo, de modo que o usuário não pode enviar o formulário sem concluir neste campo. Em seguida, tente enviar o formulário sem inserir nenhum texto. Veja como o seu formulário HTML5 avisa que o campo é obrigatório? </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento de <code>input</code> texto deve ter o atributo <code>required</code> .
+    testString: 'assert($("input").prop("required"), "Your text <code>input</code> element should have the <code>required</code> attribute.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <input type="text" placeholder="cat photo URL">
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.portuguese.md
new file mode 100644
index 0000000000..6055717df5
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.portuguese.md
@@ -0,0 +1,149 @@
+---
+id: 587d78ab367417b2b2512af1
+title: Add Flex Superpowers to the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: Adicione Superpotências Flex ao Tweet Incorporado
+---
+
+## Description
+<section id="description"> À direita está o tweet incorporado que será usado como exemplo prático. Alguns dos elementos ficariam melhores com um layout diferente. O último desafio demonstrou a <code>display: flex</code> . Aqui você adicionará a vários componentes no tweet incorporado para começar a ajustar seu posicionamento. </section>
+
+## Instructions
+<section id="instructions"> Adicione a <code>display: flex</code> propriedade CSS <code>display: flex</code> para todos os itens a seguir - observe que os seletores já estão configurados no <code>header</code> CSS <code>.follow-btn</code> o cabeçalho <code>.profile-name</code> , o cabeçalho <code>.follow-btn</code> , o cabeçalho <code>h3</code> e <code>h4</code> , o <code>footer</code> e as <code>.stats</code> do rodapé. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu <code>header</code> deve ter uma propriedade de <code>display</code> definida como flexível.
+    testString: 'assert($("header").css("display") == "flex", "Your <code>header</code> should have a <code>display</code> property set to flex.");'
+  - text: Seu <code>footer</code> deve ter uma propriedade de <code>display</code> configurada para flexionar.
+    testString: 'assert($("footer").css("display") == "flex", "Your <code>footer</code> should have a <code>display</code> property set to flex.");'
+  - text: Seu <code>h3</code> deve ter uma propriedade de <code>display</code> configurada para flexionar.
+    testString: 'assert($("h3").css("display") == "flex", "Your <code>h3</code> should have a <code>display</code> property set to flex.");'
+  - text: Seu <code>h4</code> deve ter uma propriedade de <code>display</code> configurada para flexionar.
+    testString: 'assert($("h4").css("display") == "flex", "Your <code>h4</code> should have a <code>display</code> property set to flex.");'
+  - text: Seu <code>.profile-name</code> deve ter uma propriedade de <code>display</code> configurada como flex.
+    testString: 'assert($(".profile-name").css("display") == "flex", "Your <code>.profile-name</code> should have a <code>display</code> property set to flex.");'
+  - text: Seu <code>.follow-btn</code> deve ter uma propriedade de <code>display</code> configurada para flexionar.
+    testString: 'assert($(".follow-btn").css("display") == "flex", "Your <code>.follow-btn</code> should have a <code>display</code> property set to flex.");'
+  - text: Seus <code>.stats</code> devem ter uma propriedade de <code>display</code> configurada para flexionar.
+    testString: 'assert($(".stats").css("display") == "flex", "Your <code>.stats</code> should have a <code>display</code> property set to flex.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header {
+
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+
+    margin-left: 10px;
+  }
+  header .follow-btn {
+
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer {
+
+  }
+  footer .stats {
+
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.portuguese.md
new file mode 100644
index 0000000000..95dd88795d
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 587d78ad367417b2b2512af8
+title: Align Elements Using the align-items Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Alinhar elementos usando a propriedade de itens de alinhamento
+---
+
+## Description
+<section id="description"> A propriedade <code>align-items</code> é semelhante a <code>justify-content</code> . Lembre-se de que a propriedade <code>justify-content</code> alinha os itens flexíveis ao longo do eixo principal. Para linhas, o eixo principal é uma linha horizontal e, para colunas, é uma linha vertical. Os contêineres flex também possuem um <strong>eixo cruzado</strong> que é o oposto do eixo principal. Para linhas, o eixo transversal é vertical e para colunas, o eixo transversal é horizontal. O CSS oferece a propriedade <code>align-items</code> para alinhar itens flexíveis ao longo do eixo cruzado. Por uma linha, ele informa ao CSS como empurrar os itens da linha inteira para cima ou para baixo no contêiner. E para uma coluna, como empurrar todos os itens para a esquerda ou para a direita dentro do contêiner. Os diferentes valores disponíveis para <code>align-items</code> incluem: <ul><li> <code>flex-start</code> : alinha os itens ao início do contêiner flexível. Para linhas, isso alinha os itens ao topo do contêiner. Para colunas, isso alinha os itens à esquerda do contêiner. </li><li> <code>flex-end</code> : alinha os itens ao final do contêiner flexível. Para linhas, isso alinha os itens à parte inferior do contêiner. Para colunas, isso alinha os itens à direita do contêiner. </li><li> <code>center</code> : alinhe os itens ao centro. Para linhas, alinha verticalmente os itens (espaço igual acima e abaixo dos itens). Para colunas, isso as alinha horizontalmente (espaço igual à esquerda e à direita dos itens). </li><li> <code>stretch</code> : esticar os itens para encher o contêiner flexível. Por exemplo, itens de linha são esticados para preencher o contêiner flexível de cima para baixo. </li><li> <code>baseline</code> : alinha os itens às suas linhas de base. A linha de base é um conceito de texto, pense nisso como a linha em que as letras se encaixam. </li></ul></section>
+
+## Instructions
+<section id="instructions"> Um exemplo ajuda a mostrar essa propriedade em ação. Adicione os <code>align-items</code> propriedade CSS <code>align-items</code> <code>#box-container</code> e atribua a ele um valor de center. <strong>Bônus</strong> <br> Tente as outras opções para a propriedade <code>align-items</code> no editor de código para ver suas diferenças. Mas note que um valor de centro é o único que passará este desafio. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O elemento <code>#box-container</code> deve ter uma propriedade <code>align-items</code> definida como um valor de center.'
+    testString: 'assert($("#box-container").css("align-items") == "center", "The <code>#box-container</code> element should have an <code>align-items</code> property set to a value of center.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    background: gray;
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 200px;
+    font-size: 24px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 200px;
+    font-size: 18px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"><p>Hello</p></div>
+  <div id="box-2"><p>Goodbye</p></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.portuguese.md
new file mode 100644
index 0000000000..3b449b4f77
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 587d78ac367417b2b2512af6
+title: Align Elements Using the justify-content Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Alinhar elementos usando a propriedade justify-content
+---
+
+## Description
+<section id="description"> Às vezes, os itens flexíveis dentro de um contêiner flexível não preenchem todo o espaço no contêiner. É comum querer dizer ao CSS como alinhar e espaçar os itens flexíveis de uma determinada maneira. Felizmente, a propriedade <code>justify-content</code> possui várias opções para fazer isso. Mas primeiro, há alguma terminologia importante para entender antes de rever essas opções. <a href="https://www.w3.org/TR/css-flexbox-1/images/flex-direction-terms.svg" target="_blank">Aqui está uma imagem útil mostrando uma linha para ilustrar os conceitos abaixo.</a> Lembre-se de que definir um contêiner flexível como uma linha coloca os itens flexíveis lado a lado da esquerda para a direita. Um conjunto de contêiner flexível como uma coluna coloca os itens flexíveis em uma pilha vertical de cima para baixo. Para cada um, a direção em que os itens flexíveis são organizados é chamada de <strong>eixo principal</strong> . Por uma linha, esta é uma linha horizontal que corta cada item. E para uma coluna, o eixo principal é uma linha vertical através dos itens. Existem várias opções de como espaçar os itens flexíveis ao longo da linha que é o eixo principal. Um dos mais usados ​​é o <code>justify-content: center;</code> , que alinha todos os itens flexíveis ao centro dentro do contêiner flexível. Outras opções incluem: <ul><li> <code>flex-start</code> : alinha os itens ao início do contêiner flexível. Para uma linha, isso empurra os itens para a esquerda do contêiner. Para uma coluna, isso empurra os itens para o topo do contêiner. </li><li> <code>flex-end</code> : alinha os itens ao final do contêiner flexível. Para uma linha, isso empurra os itens para a direita do contêiner. Para uma coluna, isso empurra os itens para o fundo do contêiner. </li><li> <code>space-between</code> : alinha itens ao centro do eixo principal, com espaço extra colocado entre os itens. O primeiro e o último item são empurrados para a borda do contêiner flexível. Por exemplo, em uma linha, o primeiro item está contra o lado esquerdo do contêiner, o último item está contra o lado direito do contêiner e, em seguida, os outros itens entre eles são espaçados uniformemente. </li><li> <code>space-around</code> : semelhante ao <code>space-between</code> mas o primeiro e último itens não estão bloqueados para as bordas do contêiner, o espaço é distribuído em torno de todos os itens </li></ul></section>
+
+## Instructions
+<section id="instructions"> Um exemplo ajuda a mostrar essa propriedade em ação. Adicione a propriedade CSS <code>justify-content</code> ao elemento <code>#box-container</code> e atribua a ela um valor de center. <strong>Bônus</strong> <br> Tente as outras opções para a propriedade <code>justify-content</code> no editor de código para ver suas diferenças. Mas note que um valor de centro é o único que passará este desafio. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O elemento <code>#box-container</code> deve ter uma propriedade <code>justify-content</code> definida como um valor de center.'
+    testString: 'assert($("#box-container").css("justify-content") == "center", "The <code>#box-container</code> element should have a <code>justify-content</code> property set to a value of center.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    background: gray;
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 25%;
+    height: 100%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 25%;
+    height: 100%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.portuguese.md
new file mode 100644
index 0000000000..d391268d2c
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.portuguese.md
@@ -0,0 +1,136 @@
+---
+id: 587d78ac367417b2b2512af5
+title: Apply the flex-direction Property to Create a Column in the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: Aplicar a propriedade flex-direction para criar uma coluna no Tweet Embed
+---
+
+## Description
+<section id="description"> O <code>header</code> e <code>footer</code> incorporados pelo tweet usavam a propriedade <code>flex-direction</code> anteriormente com um valor de linha. Da mesma forma, os itens dentro do elemento <code>.profile-name</code> funcionariam bem empilhados como uma coluna. </section>
+
+## Instructions
+<section id="instructions"> Adicione o <code>flex-direction</code> propriedade CSS ao elemento <code>.profile-name</code> do cabeçalho e defina o valor como column. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O elemento <code>.profile-name</code> deve ter uma propriedade de <code>flex-direction</code> definida como column.
+    testString: 'assert($(".profile-name").css("flex-direction") == "column", "The <code>.profile-name</code> element should have a <code>flex-direction</code> property set to column.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header, footer {
+    display: flex;
+    flex-direction: row;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.portuguese.md
new file mode 100644
index 0000000000..6ed47f829c
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.portuguese.md
@@ -0,0 +1,141 @@
+---
+id: 587d78ab367417b2b2512af3
+title: Apply the flex-direction Property to Create Rows in the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: Aplicar a propriedade flex-direction para criar linhas no Tweet Incorporar
+---
+
+## Description
+<section id="description"> O <code>header</code> e o <code>footer</code> do exemplo de incorporação de tweets possuem itens-filhos que podem ser organizados como linhas usando a propriedade <code>flex-direction</code> . Isso informa ao CSS para alinhar os filhos horizontalmente. </section>
+
+## Instructions
+<section id="instructions"> Adicione a propriedade CSS <code>flex-direction</code> ao <code>header</code> e ao <code>footer</code> e defina o valor como row. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O <code>header</code> deve ter uma propriedade de <code>flex-direction</code> definida como linha.
+    testString: 'assert(code.match(/header\s*?{[^}]*?flex-direction:\s*?row;/g), "The <code>header</code> should have a <code>flex-direction</code> property set to row.");'
+  - text: O <code>footer</code> deve ter uma propriedade de <code>flex-direction</code> definida para linha.
+    testString: 'assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g), "The <code>footer</code> should have a <code>flex-direction</code> property set to row.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header {
+    display: flex;
+
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer {
+    display: flex;
+
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.portuguese.md
new file mode 100644
index 0000000000..dbe73ba5f5
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 587d78ab367417b2b2512af0
+title: 'Use display: flex to Position Two Boxes'
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Use display: flex para posicionar duas caixas'
+---
+
+## Description
+<section id="description"> Esta seção usa estilos de desafio alternados para mostrar como usar o CSS para posicionar elementos de maneira flexível. Primeiro, um desafio explicará a teoria, então um desafio prático usando um simples componente de tweet aplicará o conceito de flexbox. Colocando a <code>display: flex;</code> propriedade CSS <code>display: flex;</code> em um elemento permite que você use outras propriedades flex para criar uma página responsiva. </section>
+
+## Instructions
+<section id="instructions"> Adicione a <code>display</code> propriedade CSS ao <code>#box-container</code> e defina seu valor como flex. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>#box-container</code> deve ter a propriedade de <code>display</code> configurada para um valor de flex.'
+    testString: 'assert($("#box-container").css("display") == "flex", "<code>#box-container</code> should have the <code>display</code> property set to a value of flex.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    height: 500px;
+
+  }
+
+  #box-1 {
+    background-color: dodgerblue;
+    width: 50%;
+    height: 50%;
+
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 50%;
+    height: 50%;
+
+  }
+</style>
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.portuguese.md
new file mode 100644
index 0000000000..63d4eda263
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.portuguese.md
@@ -0,0 +1,139 @@
+---
+id: 587d78ad367417b2b2512af9
+title: Use the align-items Property in the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a propriedade de itens de alinhamento no Tweet Incorporar
+---
+
+## Description
+<section id="description"> O último desafio introduziu a propriedade <code>align-items</code> e deu um exemplo. Essa propriedade pode ser aplicada a alguns elementos de incorporação do tweet para alinhar os itens flexíveis dentro deles. </section>
+
+## Instructions
+<section id="instructions"> Adicione os <code>align-items</code> propriedade CSS ao elemento <code>.follow-btn</code> do cabeçalho. Defina o valor para o centro. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O elemento <code>.follow-btn</code> deve ter a propriedade <code>align-items</code> definida como um valor de center.
+    testString: 'assert($(".follow-btn").css("align-items") == "center", "The <code>.follow-btn</code> element should have the <code>align-items</code> property set to a value of center.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header, footer {
+    display: flex;
+    flex-direction: row;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-align-self-property.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-align-self-property.portuguese.md
new file mode 100644
index 0000000000..888669f52c
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-align-self-property.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: 587d78af367417b2b2512b00
+title: Use the align-self Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a propriedade align-self
+---
+
+## Description
+<section id="description"> A propriedade final dos itens flexíveis é o <code>align-self</code> . Essa propriedade permite ajustar o alinhamento de cada item individualmente, em vez de configurá-los todos de uma vez. Isso é útil, pois outras técnicas comuns de ajuste que usam as propriedades CSS <code>float</code> , <code>clear</code> e <code>vertical-align</code> não funcionam em itens flexíveis. <code>align-self</code> aceita os mesmos valores que <code>align-items</code> e substituirá qualquer valor definido pela propriedade <code>align-items</code> . </section>
+
+## Instructions
+<section id="instructions"> Adicione a propriedade CSS <code>align-self</code> aos dois <code>#box-1</code> e <code>#box-2</code> . Dê <code>#box-1</code> um valor de center e dê <code>#box-2</code> um valor de flex-end. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O elemento <code>#box-1</code> deve ter a propriedade <code>align-self</code> definida como um valor de center.'
+    testString: 'assert($("#box-1").css("align-self") == "center", "The <code>#box-1</code> element should have the <code>align-self</code> property set to a value of center.");'
+  - text: 'O elemento <code>#box-2</code> deve ter a propriedade <code>align-self</code> definida como um valor de flex-end.'
+    testString: 'assert($("#box-2").css("align-self") == "flex-end", "The <code>#box-2</code> element should have the <code>align-self</code> property set to a value of flex-end.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+
+    height: 200px;
+    width: 200px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+
+    height: 200px;
+    width: 200px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.portuguese.md
new file mode 100644
index 0000000000..dd5b09c248
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.portuguese.md
@@ -0,0 +1,77 @@
+---
+id: 587d78ae367417b2b2512afd
+title: Use the flex-basis Property to Set the Initial Size of an Item
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a propriedade de base flexível para definir o tamanho inicial de um item
+---
+
+## Description
+<section id="description"> A propriedade de <code>flex-basis</code> especifica o tamanho inicial do item antes que o CSS faça ajustes com <code>flex-shrink</code> ou <code>flex-grow</code> . As unidades usadas pela propriedade <code>flex-basis</code> são as mesmas que outras propriedades de tamanho ( <code>px</code> , <code>em</code> , <code>%</code> , etc.). O valor <code>auto</code> dimensiona itens com base no conteúdo. </section>
+
+## Instructions
+<section id="instructions"> Defina o tamanho inicial das caixas usando <code>flex-basis</code> . Adicione a propriedade <code>flex-basis</code> CSS a <code>#box-1</code> e <code>#box-2</code> . Dê <code>#box-1</code> um valor de <code>10em</code> e <code>#box-2</code> um valor de <code>20em</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O elemento <code>#box-1</code> deve ter uma propriedade de <code>flex-basis</code> .'
+    testString: 'assert($("#box-1").css("flex-basis") != "auto", "The <code>#box-1</code> element should have a <code>flex-basis</code> property.");'
+  - text: 'O elemento <code>#box-1</code> deve ter um valor de <code>flex-basis</code> de <code>10em</code> .'
+    testString: 'assert(code.match(/#box-1\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?10em;/g), "The <code>#box-1</code> element should have a <code>flex-basis</code> value of <code>10em</code>.");'
+  - text: 'O elemento <code>#box-2</code> deve ter a propriedade de <code>flex-basis</code> .'
+    testString: 'assert($("#box-2").css("flex-basis") != "auto", "The <code>#box-2</code> element should have the <code>flex-basis</code> property.");'
+  - text: 'O elemento <code>#box-2</code> deve ter um valor de <code>flex-basis</code> de <code>20em</code> .'
+    testString: 'assert(code.match(/#box-2\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?20em;/g), "The <code>#box-2</code> element should have a <code>flex-basis</code> value of <code>20em</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+
+  #box-1 {
+    background-color: dodgerblue;
+    height: 200px;
+
+  }
+
+  #box-2 {
+    background-color: orangered;
+    height: 200px;
+
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.portuguese.md
new file mode 100644
index 0000000000..6e0848f1bd
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: 587d78ac367417b2b2512af4
+title: Use the flex-direction Property to Make a Column
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a propriedade flex-direction para criar uma coluna
+---
+
+## Description
+<section id="description"> Os dois últimos desafios usaram a propriedade <code>flex-direction</code> definida como row. Essa propriedade também pode criar uma coluna empilhando verticalmente os filhos de um contêiner flexível. </section>
+
+## Instructions
+<section id="instructions"> Adicione a propriedade <code>flex-direction</code> da CSS ao elemento <code>#box-container</code> e atribua a ela um valor de coluna. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O elemento <code>#box-container</code> deve ter uma propriedade de <code>flex-direction</code> definida como coluna.'
+    testString: 'assert($("#box-container").css("flex-direction") == "column", "The <code>#box-container</code> element should have a <code>flex-direction</code> property set to column.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 50%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 50%;
+    height: 50%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.portuguese.md
new file mode 100644
index 0000000000..65f043e1c0
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: 587d78ab367417b2b2512af2
+title: Use the flex-direction Property to Make a Row
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a propriedade flex-direction para criar uma linha
+---
+
+## Description
+<section id="description"> Adicionando <code>display: flex</code> para um elemento o transforma em um contêiner flexível. Isso torna possível alinhar quaisquer filhos desse elemento em linhas ou colunas. Você faz isso adicionando a propriedade <code>flex-direction</code> ao item pai e configurando-o para linha ou coluna. A criação de uma linha alinhará os filhos horizontalmente e a criação de uma coluna alinhará os filhos verticalmente. Outras opções para <code>flex-direction</code> são reversão de linha e reversão de coluna. <strong>Nota</strong> <br> O valor padrão da propriedade <code>flex-direction</code> é row. </section>
+
+## Instructions
+<section id="instructions"> Adicione o <code>flex-direction</code> propriedade CSS ao elemento <code>#box-container</code> e atribua a ele um valor de reversão de linha. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O elemento <code>#box-container</code> deve ter uma propriedade de <code>flex-direction</code> definida como reversão de linha.'
+    testString: 'assert($("#box-container").css("flex-direction") == "row-reverse", "The <code>#box-container</code> element should have a <code>flex-direction</code> property set to row-reverse.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 50%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 50%;
+    height: 50%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.portuguese.md
new file mode 100644
index 0000000000..ac59aeb60f
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.portuguese.md
@@ -0,0 +1,73 @@
+---
+id: 587d78ae367417b2b2512afc
+title: Use the flex-grow Property to Expand Items
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a propriedade flex-grow para expandir itens
+---
+
+## Description
+<section id="description"> O oposto de <code>flex-shrink</code> é a propriedade <code>flex-grow</code> . Lembre-se de que o <code>flex-shrink</code> controla o tamanho dos itens quando o contêiner encolhe. A propriedade <code>flex-grow</code> controla o tamanho dos itens quando o contêiner pai se expande. Usando um exemplo semelhante do último desafio, se um item tiver um valor de <code>flex-grow</code> de 1 e o outro tiver um valor de <code>flex-grow</code> de 3, aquele com o valor de 3 crescerá três vezes mais que o outro. </section>
+
+## Instructions
+<section id="instructions"> Adicione o <code>flex-grow</code> propriedade CSS a <code>#box-1</code> e <code>#box-2</code> . Dê <code>#box-1</code> um valor de 1 e <code>#box-2</code> um valor de 2. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O elemento <code>#box-1</code> deve ter a propriedade <code>flex-grow</code> definida como um valor de 1.'
+    testString: 'assert($("#box-1").css("flex-grow") == "1", "The <code>#box-1</code> element should have the <code>flex-grow</code> property set to a value of 1.");'
+  - text: 'O elemento <code>#box-2</code> deve ter a propriedade <code>flex-grow</code> definida como um valor de 2.'
+    testString: 'assert($("#box-2").css("flex-grow") == "2", "The <code>#box-2</code> element should have the <code>flex-grow</code> property set to a value of 2.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+
+  #box-1 {
+    background-color: dodgerblue;
+    height: 200px;
+
+  }
+
+  #box-2 {
+    background-color: orangered;
+    height: 200px;
+
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.portuguese.md
new file mode 100644
index 0000000000..33acd1f9e0
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: 587d78ae367417b2b2512afe
+title: Use the flex Shorthand Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a propriedade flexível de taquigrafia
+---
+
+## Description
+<section id="description"> Existe um atalho disponível para definir várias propriedades flexíveis de uma só vez. As propriedades <code>flex-grow</code> , <code>flex-shrink</code> e <code>flex-basis</code> podem ser todas juntas usando a propriedade <code>flex</code> . Por exemplo, <code>flex: 1 0 10px;</code> irá definir o item para <code>flex-grow: 1;</code> <code>flex-shrink: 0;</code> e <code>flex-basis: 10px;</code> . As configurações de propriedade padrão são <code>flex: 0 1 auto;</code> . </section>
+
+## Instructions
+<section id="instructions"> Adicione o <code>flex</code> propriedade CSS a ambos <code>#box-1</code> e <code>#box-2</code> . Dê <code>#box-1</code> os valores para que seu <code>flex-grow</code> seja 2, sua <code>flex-shrink</code> seja 2 e sua <code>flex-basis</code> seja 150px. Dê <code>#box-2</code> os valores para que seu <code>flex-grow</code> seja 1, sua <code>flex-shrink</code> seja 1 e sua <code>flex-basis</code> seja 150px. Esses valores farão com que <code>#box-1</code> cresça para preencher o espaço extra com o dobro da taxa de <code>#box-2</code> quando o container for maior que 300px e encolherá com o dobro da taxa de <code>#box-2</code> quando o container for menor que 300px. 300px é o tamanho combinado dos valores de <code>flex-basis</code> das duas caixas. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O elemento <code>#box-1</code> deve ter a propriedade <code>flex</code> definida como um valor de 2 2 150px.'
+    testString: 'assert($("#box-1").css("flex-grow") == "2" && $("#box-1").css("flex-shrink") == "2" && $("#box-1").css("flex-basis") == "150px", "The <code>#box-1</code> element should have the <code>flex</code> property set to a value of 2 2 150px.");'
+  - text: 'O elemento <code>#box-2</code> deve ter a propriedade <code>flex</code> definida como um valor de 1 1 150px.'
+    testString: 'assert($("#box-2").css("flex-grow") == "1" && $("#box-2").css("flex-shrink") == "1" && $("#box-2").css("flex-basis") == "150px", "The <code>#box-2</code> element should have the <code>flex</code> property set to a value of 1 1 150px.");'
+  - text: 'Seu código deve usar a propriedade <code>flex</code> para <code>#box-1</code> e <code>#box-2</code> .'
+    testString: 'assert(code.match(/flex:\s*?\d\s+?\d\s+?150px;/g).length == 2, "Your code should use the <code>flex</code> property for <code>#box-1</code> and <code>#box-2</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+
+    height: 200px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+
+    height: 200px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.portuguese.md
new file mode 100644
index 0000000000..edd210854b
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: 587d78ad367417b2b2512afb
+title: Use the flex-shrink Property to Shrink Items
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a propriedade flex-shrink para reduzir os itens
+---
+
+## Description
+<section id="description"> Até agora, todas as propriedades nos desafios se aplicam ao contêiner flex (pai dos itens flex). No entanto, existem várias propriedades úteis para os itens flexíveis. A primeira é a propriedade <code>flex-shrink</code> . Quando é usado, permite que um item encolha se o contêiner flexível for muito pequeno. Os itens diminuem quando a largura do contêiner pai é menor que as larguras combinadas de todos os itens flexíveis dentro dele. A propriedade <code>flex-shrink</code> recebe números como valores. Quanto maior o número, mais ele será reduzido em comparação com os outros itens no contêiner. Por exemplo, se um item tiver um valor <code>flex-shrink</code> de 1 e o outro tiver um valor <code>flex-shrink</code> de 3, aquele com o valor de 3 diminuirá três vezes mais do que o outro. </section>
+
+## Instructions
+<section id="instructions"> Adicione o <code>flex-shrink</code> propriedade CSS a <code>#box-1</code> e <code>#box-2</code> . Dê <code>#box-1</code> um valor de 1 e <code>#box-2</code> um valor de 2. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O elemento <code>#box-1</code> deve ter a propriedade <code>flex-shrink</code> definida como um valor de 1.'
+    testString: 'assert($("#box-1").css("flex-shrink") == "1", "The <code>#box-1</code> element should have the <code>flex-shrink</code> property set to a value of 1.");'
+  - text: 'O elemento <code>#box-2</code> deve ter a propriedade <code>flex-shrink</code> definida como um valor de 2.'
+    testString: 'assert($("#box-2").css("flex-shrink") == "2", "The <code>#box-2</code> element should have the <code>flex-shrink</code> property set to a value of 2.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 100%;
+    height: 200px;
+
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 100%;
+    height: 200px;
+
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.portuguese.md
new file mode 100644
index 0000000000..19aa217bb0
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.portuguese.md
@@ -0,0 +1,96 @@
+---
+id: 587d78ad367417b2b2512afa
+title: Use the flex-wrap Property to Wrap a Row or Column
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a propriedade flex-wrap para agrupar uma linha ou coluna
+---
+
+## Description
+<section id="description"> Flexbox CSS tem um recurso para dividir um item flexível em várias linhas (ou colunas). Por padrão, um contêiner flexível acomodará todos os itens flexíveis juntos. Por exemplo, uma linha estará toda em uma linha. No entanto, usando a propriedade <code>flex-wrap</code> , ele diz ao CSS para agrupar itens. Isso significa que itens extras são movidos para uma nova linha ou coluna. O ponto de quebra de onde o acondicionamento acontece depende do tamanho dos itens e do tamanho do contêiner. CSS também tem opções para a direção do envoltório: <ul><li> <code>nowrap</code> : esta é a configuração padrão e não envolve itens. </li><li> <code>wrap</code> : envolve os itens da esquerda para a direita, se estiverem em uma linha ou de cima para baixo, se estiverem em uma coluna. </li><li> <code>wrap-reverse</code> : envolve itens de baixo para cima, se estiverem em uma linha, ou da direita para a esquerda, se estiverem em uma coluna. </li></ul></section>
+
+## Instructions
+<section id="instructions"> O layout atual tem muitas caixas para uma linha. Adicione a propriedade CSS <code>flex-wrap</code> ao elemento <code>#box-container</code> e atribua a ela um valor de wrap. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O elemento <code>#box-container</code> deve ter a propriedade <code>flex-wrap</code> definida como um valor de wrap.'
+    testString: 'assert($("#box-container").css("flex-wrap") == "wrap", "The <code>#box-container</code> element should have the <code>flex-wrap</code> property set to a value of wrap.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    background: gray;
+    display: flex;
+    height: 100%;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 25%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 25%;
+    height: 50%;
+  }
+  #box-3 {
+    background-color: violet;
+    width: 25%;
+    height: 50%;
+  }
+  #box-4 {
+    background-color: yellow;
+    width: 25%;
+    height: 50%;
+  }
+  #box-5 {
+    background-color: green;
+    width: 25%;
+    height: 50%;
+  }
+  #box-6 {
+    background-color: black;
+    width: 25%;
+    height: 50%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+  <div id="box-3"></div>
+  <div id="box-4"></div>
+  <div id="box-5"></div>
+  <div id="box-6"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.portuguese.md
new file mode 100644
index 0000000000..84ae570658
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.portuguese.md
@@ -0,0 +1,137 @@
+---
+id: 587d78ac367417b2b2512af7
+title: Use the justify-content Property in the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a propriedade justify-content no Tweet Incorporar
+---
+
+## Description
+<section id="description"> O último desafio mostrou um exemplo da propriedade <code>justify-content</code> . Para a incorporação do tweet, essa propriedade pode ser aplicada para alinhar os itens no elemento <code>.profile-name</code> . </section>
+
+## Instructions
+<section id="instructions"> Adicione a propriedade CSS <code>justify-content</code> ao elemento <code>.profile-name</code> do cabeçalho e defina o valor para qualquer uma das opções do último desafio. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O elemento <code>.profile-name</code> deve ter a propriedade <code>justify-content</code> definida para qualquer um desses valores: center, flex-start, flex-end, espaço-entre ou espaço-around.'
+    testString: '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)\s*;/g), "The <code>.profile-name</code> element should have the <code>justify-content</code> property set to any of these values: center, flex-start, flex-end, space-between, or space-around.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header, footer {
+    display: flex;
+    flex-direction: row;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    flex-direction: column;
+
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.portuguese.md
new file mode 100644
index 0000000000..141f6421be
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: 587d78ae367417b2b2512aff
+title: Use the order Property to Rearrange Items
+challengeType: 0
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> A propriedade <code>order</code> é usada para informar ao CSS a ordem de como os itens flexíveis aparecem no contêiner flexível. Por padrão, os itens aparecerão na mesma ordem em que aparecem no HTML de origem. A propriedade aceita números como valores e números negativos podem ser usados. </section>
+
+## Instructions
+<section id="instructions"> Adicione o <code>order</code> propriedade CSS aos dois <code>#box-1</code> e <code>#box-2</code> . Dê <code>#box-1</code> um valor de 2 e dê <code>#box-2</code> um valor de 1. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O elemento <code>#box-1</code> deve ter a propriedade <code>order</code> configurada para um valor de 2.'
+    testString: 'assert($("#box-1").css("order") == "2", "The <code>#box-1</code> element should have the <code>order</code> property set to a value of 2.");'
+  - text: 'O elemento <code>#box-2</code> deve ter a propriedade <code>order</code> configurada para um valor de 1.'
+    testString: 'assert($("#box-2").css("order") == "1", "The <code>#box-2</code> element should have the <code>order</code> property set to a value of 1.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+
+    height: 200px;
+    width: 200px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+
+    height: 200px;
+    width: 200px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.portuguese.md
new file mode 100644
index 0000000000..b11f0ec465
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: 5a9036d038fddaf9a66b5d32
+title: Add Columns with grid-template-columns
+challengeType: 0
+videoUrl: ''
+localeTitle: Adicionar colunas com colunas de modelo de grade
+---
+
+## Description
+<section id="description"> Simplesmente criar um elemento de grade não te leva muito longe. Você precisa definir a estrutura da grade também. Para adicionar algumas colunas à grade, use a propriedade <code>grid-template-columns</code> em um contêiner de grade, conforme demonstrado abaixo: <blockquote> .container { <br> display: grade; <br> grid-template-columns: 50px 50px; <br> } </blockquote> Isso dará à sua grade duas colunas com 50 pixels de largura cada. O número de parâmetros fornecidos para a propriedade <code>grid-template-columns</code> indica o número de colunas na grade e o valor de cada parâmetro indica a largura de cada coluna. </section>
+
+## Instructions
+<section id="instructions"> Dê ao contêiner de grade três colunas com <code>100px</code> largura cada. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code> classe <code>container</code> deve ter uma propriedade <code>grid-template-columns</code> com três unidades de <code>100px</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?100px\s*?100px\s*?100px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-columns</code> property with three units of <code>100px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.portuguese.md
new file mode 100644
index 0000000000..19c3e7e3dc
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.portuguese.md
@@ -0,0 +1,76 @@
+---
+id: 5a9036ee38fddaf9a66b5d37
+title: Add Gaps Faster with grid-gap
+challengeType: 0
+videoUrl: ''
+localeTitle: Adicionar intervalos mais rápidos com lacuna de grade
+---
+
+## Description
+<section id="description"> <code>grid-gap</code> é uma propriedade abreviada para <code>grid-row-gap</code> e <code>grid-column-gap</code> dos dois desafios anteriores que é mais conveniente de usar. Se <code>grid-gap</code> tiver um valor, ele criará uma lacuna entre todas as linhas e colunas. No entanto, se houver dois valores, ele usará o primeiro para definir o intervalo entre as linhas e o segundo valor para as colunas. </section>
+
+## Instructions
+<section id="instructions"> Use o <code>grid-gap</code> para introduzir um intervalo de <code>10px</code> entre as linhas e um intervalo de <code>20px</code> entre as colunas. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code> classe <code>container</code> deve ter uma propriedade <code>grid-gap</code> que introduz <code>10px</code> entre as linhas e <code>20px</code> entre as colunas.
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-gap\s*?:\s*?10px\s+?20px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-gap</code> property that introduces <code>10px</code> gap between the rows and <code>20px</code> gap between the columns.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.portuguese.md
new file mode 100644
index 0000000000..47d9991f69
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.portuguese.md
@@ -0,0 +1,75 @@
+---
+id: 5a9036e138fddaf9a66b5d33
+title: Add Rows with grid-template-rows
+challengeType: 0
+videoUrl: ''
+localeTitle: Adicionar linhas com linhas de modelo de grade
+---
+
+## Description
+<section id="description"> A grade que você criou no último desafio definirá o número de linhas automaticamente. Para ajustar as linhas manualmente, use a propriedade <code>grid-template-rows</code> da mesma maneira que você usou <code>grid-template-columns</code> no desafio anterior. </section>
+
+## Instructions
+<section id="instructions"> Adicione duas linhas à grade com 50 <code>50px</code> altura cada. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code> classe <code>container</code> deve ter uma propriedade <code>grid-template-rows</code> com duas unidades de <code>50px</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-rows\s*?:\s*?50px\s*?50px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-rows</code> property with two units of <code>50px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 100px 100px 100px;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.portuguese.md
new file mode 100644
index 0000000000..64acfeb17f
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.portuguese.md
@@ -0,0 +1,78 @@
+---
+id: 5a90376038fddaf9a66b5d3c
+title: Align All Items Horizontally using justify-items
+challengeType: 0
+videoUrl: ''
+localeTitle: Alinhar todos os itens horizontalmente usando justificar itens
+---
+
+## Description
+<section id="description"> Às vezes, você quer que todos os itens do seu CSS Grid compartilhem o mesmo alinhamento. Você pode usar as propriedades aprendidas anteriormente e alinhá-las individualmente ou pode alinhar todas de uma vez na horizontal usando <code>justify-items</code> no contêiner de grade. Essa propriedade pode aceitar todos os mesmos valores que você aprendeu nos dois desafios anteriores, a diferença é que ela moverá <b>todos</b> os itens da grade para o alinhamento desejado. </section>
+
+## Instructions
+<section id="instructions"> Use essa propriedade para centralizar todos os nossos itens horizontalmente. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code> classe <code>container</code> deve ter uma propriedade <code>justify-items</code> que tenha o valor de <code>center</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*justify-items\s*?:\s*?center\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>justify-items</code> property that has the value of <code>center</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.portuguese.md
new file mode 100644
index 0000000000..fececf5d10
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.portuguese.md
@@ -0,0 +1,78 @@
+---
+id: 5a94fdf869fb03452672e45b
+title: Align All Items Vertically using align-items
+challengeType: 0
+videoUrl: ''
+localeTitle: Alinhar todos os itens verticalmente usando itens de alinhamento
+---
+
+## Description
+<section id="description"> Usar a propriedade <code>align-items</code> em um contêiner de grade definirá o alinhamento vertical para todos os itens em nossa grade. </section>
+
+## Instructions
+<section id="instructions"> Use agora para mover todos os itens para o final de cada célula. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code> classe <code>container</code> deve ter uma propriedade <code>align-items</code> que tenha o valor de <code>end</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*align-items\s*?:\s*?end\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>align-items</code> property that has the value of <code>end</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.portuguese.md
new file mode 100644
index 0000000000..89aec4c7ce
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.portuguese.md
@@ -0,0 +1,82 @@
+---
+id: 5a90374338fddaf9a66b5d3a
+title: Align an Item Horizontally using justify-self
+challengeType: 0
+videoUrl: ''
+localeTitle: Alinhar um item horizontalmente usando justify-self
+---
+
+## Description
+<section id="description"> Em CSS Grid, o conteúdo de cada item está localizado em uma caixa que é referida como uma <dfn>célula</dfn> . Você pode alinhar a posição do conteúdo dentro de sua célula horizontalmente usando a propriedade <code>justify-self</code> em um item da grade. Por padrão, essa propriedade tem um valor de <code>stretch</code> , o que fará com que o conteúdo preencha toda a largura da célula. Essa propriedade CSS Grid aceita outros valores também: <code>start</code> : alinha o conteúdo à esquerda da célula, <code>center</code> : alinha o conteúdo no centro da célula, <code>end</code> : alinha o conteúdo à direita da célula. </section>
+
+## Instructions
+<section id="instructions"> Use a propriedade <code>justify-self</code> para centralizar o item com a classe <code>item2</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>item2</code> classe <code>item2</code> deve ter uma propriedade <code>justify-self</code> que tenha o valor de <code>center</code> .
+    testString: 'assert(code.match(/.item2\s*?{[\s\S]*justify-self\s*?:\s*?center\s*?;[\s\S]*}/gi), "<code>item2</code> class should have a <code>justify-self</code> property that has the value of <code>center</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background: LightSkyBlue;}
+
+  .item2 {
+    background: LightSalmon;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.portuguese.md
new file mode 100644
index 0000000000..eaa984072c
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.portuguese.md
@@ -0,0 +1,82 @@
+---
+id: 5a90375238fddaf9a66b5d3b
+title: Align an Item Vertically using align-self
+challengeType: 0
+videoUrl: ''
+localeTitle: Alinhar um item verticalmente usando auto-alinhamento
+---
+
+## Description
+<section id="description"> Assim como você pode alinhar um item horizontalmente, há uma maneira de alinhar um item verticalmente também. Para fazer isso, você usa a propriedade <code>align-self</code> em um item. Esta propriedade aceita todos os mesmos valores que <code>justify-self</code> do último desafio. </section>
+
+## Instructions
+<section id="instructions"> Alinhar o item com a classe <code>item3</code> verticalmente no <code>end</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>item3</code> classe <code>item3</code> deve ter uma propriedade <code>align-self</code> que tenha o valor de <code>end</code> .
+    testString: 'assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi), "<code>item3</code> class should have a <code>align-self</code> property that has the value of <code>end</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+
+  .item3 {
+    background: PaleTurquoise;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.portuguese.md
new file mode 100644
index 0000000000..de387e3446
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.portuguese.md
@@ -0,0 +1,77 @@
+---
+id: 5a9036ee38fddaf9a66b5d35
+title: Create a Column Gap Using grid-column-gap
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar uma lacuna de coluna usando a lacuna da coluna de grade
+---
+
+## Description
+<section id="description"> Até agora, nas grades que você criou, as colunas foram todas apertadas umas contra as outras. Às vezes você quer uma lacuna entre as colunas. Para adicionar uma lacuna entre as colunas, use a propriedade <code>grid-column-gap</code> seguinte forma: <blockquote> intervalo de coluna de grade: 10px; </blockquote> Isso cria 10px de espaço vazio entre todas as nossas colunas. </section>
+
+## Instructions
+<section id="instructions"> Dê as colunas na grade uma lacuna de <code>20px</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code> classe <code>container</code> deve ter uma propriedade <code>grid-column-gap</code> que tenha o valor de <code>20px</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-column-gap\s*?:\s*?20px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-column-gap</code> property that has the value of <code>20px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.portuguese.md
new file mode 100644
index 0000000000..a3703bb9be
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.portuguese.md
@@ -0,0 +1,77 @@
+---
+id: 5a9036ee38fddaf9a66b5d36
+title: Create a Row Gap using grid-row-gap
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar um intervalo de linhas usando intervalo de linhas de grade
+---
+
+## Description
+<section id="description"> Você pode adicionar uma lacuna entre as linhas de uma grade usando <code>grid-row-gap</code> da mesma maneira que adicionou uma lacuna entre as colunas no desafio anterior. </section>
+
+## Instructions
+<section id="instructions"> Crie uma lacuna para as linhas com <code>5px</code> altura. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code> classe <code>container</code> deve ter uma propriedade <code>grid-row-gap</code> que tenha o valor de <code>5px</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-row-gap\s*?:\s*?5px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-row-gap</code> property that has the value of <code>5px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.portuguese.md
new file mode 100644
index 0000000000..c5ba7d057b
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.portuguese.md
@@ -0,0 +1,95 @@
+---
+id: 5a94fe5469fb03452672e461
+title: Create Flexible Layouts Using auto-fill
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar layouts flexíveis usando o preenchimento automático
+---
+
+## Description
+<section id="description"> A função de repetição vem com uma opção chamada <dfn>preenchimento automático</dfn> . Isso permite que você insira automaticamente quantas linhas ou colunas desejar, dependendo do tamanho do container. Você pode criar layouts flexíveis ao combinar o <code>auto-fill</code> com <code>minmax</code> . Na visualização, as <code>grid-template-columns</code> são configuradas como <blockquote> repeat (preenchimento automático, minmax (60px, 1fr)); </blockquote> Quando o contêiner muda de tamanho, essa configuração continua inserindo colunas de 60px e esticando-as até que possa inserir outra. <strong>Nota</strong> <br> Se o seu contêiner não conseguir encaixar todos os itens em uma linha, ele será transferido para um novo. </section>
+
+## Instructions
+<section id="instructions"> Na primeira grade, use <code>auto-fill</code> com <code>repeat</code> para preencher a grade com colunas com largura mínima de <code>60px</code> <code>1fr</code> e máxima de <code>1fr</code> . Em seguida, redimensione a visualização para ver a ação de preenchimento automático. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code> classe <code>container</code> deve ter uma propriedade <code>grid-template-columns</code> com <code>repeat</code> e <code>auto-fill</code> que preencherá a grade com colunas com largura mínima de <code>60px</code> <code>1fr</code> e máxima de <code>1fr</code> .
+    testString: '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), "<code>container</code> class should have a <code>grid-template-columns</code> property with <code>repeat</code> and <code>auto-fill</code> that will fill the grid with columns that have a minimum width of <code>60px</code> and maximum of <code>1fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* change the code below this line */
+
+    grid-template-columns: repeat(3, minmax(60px, 1fr));
+
+    /* change the code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+
+  .container2 {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: Silver;
+    display: grid;
+    grid-template-columns: repeat(3, minmax(60px, 1fr));
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+<div class="container2">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.portuguese.md
new file mode 100644
index 0000000000..58303442a3
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.portuguese.md
@@ -0,0 +1,96 @@
+---
+id: 5a94fe6269fb03452672e462
+title: Create Flexible Layouts Using auto-fit
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar layouts flexíveis usando o ajuste automático
+---
+
+## Description
+<section id="description"> <code>auto-fit</code> funciona quase de forma idêntica ao <code>auto-fill</code> . A única diferença é que, quando o tamanho do contêiner excede o tamanho de todos os itens combinados, o <code>auto-fill</code> continua inserindo linhas ou colunas vazias e empurra seus itens para o lado, enquanto o <code>auto-fit</code> recolhe essas linhas ou colunas vazias e estende seus itens para ajuste o tamanho do recipiente. <strong>Nota</strong> <br> Se o seu contêiner não conseguir encaixar todos os itens em uma linha, ele será transferido para um novo. </section>
+
+## Instructions
+<section id="instructions"> Na segunda grade, use o <code>auto-fit</code> com <code>repeat</code> para preencher a grade com colunas que tenham uma largura mínima de <code>60px</code> <code>1fr</code> e máxima de 1 <code>1fr</code> . Em seguida, redimensione a pré-visualização para ver a diferença. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container2</code> classe <code>container2</code> deve ter uma propriedade <code>grid-template-columns</code> com <code>repeat</code> e <code>auto-fit</code> que preencherá a grade com colunas com largura mínima de <code>60px</code> e máxima de <code>1fr</code> .
+    testString: 'assert(code.match(/.container\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), "<code>container2</code> class should have a <code>grid-template-columns</code> property with <code>repeat</code> and <code>auto-fit</code> that will fill the grid with columns that have a minimum width of <code>60px</code> and maximum of <code>1fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: repeat( auto-fill, minmax(60px, 1fr));
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+
+  .container2 {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: Silver;
+    display: grid;
+    /* change the code below this line */
+
+    grid-template-columns: repeat(3, minmax(60px, 1fr));
+
+    /* change the code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+<div class="container2">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/create-grids-within-grids.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/create-grids-within-grids.portuguese.md
new file mode 100644
index 0000000000..91f891d8b6
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/create-grids-within-grids.portuguese.md
@@ -0,0 +1,108 @@
+---
+id: 5a94fe8569fb03452672e464
+title: Create Grids within Grids
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar grades dentro de grades
+---
+
+## Description
+<section id="description"> Transformar um elemento em uma grade afeta apenas o comportamento de seus descendentes diretos. Então, transformando um descendente direto em uma grade, você tem uma grade dentro de uma grade. Por exemplo, definindo as propriedades <code>display</code> e <code>grid-template-columns</code> do elemento com a classe <code>item3</code> , você cria uma grade em sua grade. </section>
+
+## Instructions
+<section id="instructions"> Transforme o elemento com a classe <code>item3</code> em uma grade com duas colunas com uma largura de <code>auto</code> e <code>1fr</code> usando <code>1fr</code> <code>display</code> e <code>grid-template-columns</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>item3</code> classe <code>item3</code> deve ter uma propriedade <code>grid-template-columns</code> com <code>auto</code> e <code>1fr</code> como valores.
+    testString: 'assert(code.match(/.item3\s*?{[\s\S]*grid-template-columns\s*?:\s*?auto\s*?1fr\s*?;[\s\S]*}/gi), "<code>item3</code> class should have a <code>grid-template-columns</code> property with <code>auto</code> and <code>1fr</code> as values.");'
+  - text: <code>item3</code> classe <code>item3</code> deve ter uma propriedade de <code>display</code> com o valor da <code>grid</code> .
+    testString: 'assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi), "<code>item3</code> class should have a <code>display</code> property with the value of <code>grid</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .container {
+    font-size: 1.5em;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: auto 1fr;
+    grid-template-rows: auto 1fr auto;
+    grid-gap: 10px;
+    grid-template-areas:
+      "advert header"
+      "advert content"
+      "advert footer";
+  }
+  .item1 {
+    background: LightSkyBlue;
+    grid-area: header;
+  }
+
+  .item2 {
+    background: LightSalmon;
+    grid-area: advert;
+  }
+
+  .item3 {
+    background: PaleTurquoise;
+    grid-area: content;
+    /* enter your code below this line */
+
+
+    /* enter your code above this line */
+  }
+
+  .item4 {
+    background: lightpink;
+    grid-area: footer;
+  }
+
+  .itemOne {
+    background: PaleGreen;
+  }
+
+  .itemTwo {
+    background: BlanchedAlmond;
+  }
+
+</style>
+
+<div class="container">
+  <div class="item1">header</div>
+  <div class="item2">advert</div>
+  <div class="item3">
+    <div class="itemOne">paragraph1</div>
+    <div class="itemTwo">paragraph2</div>
+  </div>
+  <div class="item4">footer</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/create-your-first-css-grid.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/create-your-first-css-grid.portuguese.md
new file mode 100644
index 0000000000..6d7edaefe5
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/create-your-first-css-grid.portuguese.md
@@ -0,0 +1,73 @@
+---
+id: 5a858944d96184f06fd60d61
+title: Create Your First CSS Grid
+challengeType: 0
+videoUrl: ''
+localeTitle: Crie sua primeira grade CSS
+---
+
+## Description
+<section id="description"> Transforme qualquer elemento HTML em um contêiner de grade definindo sua propriedade de <code>display</code> como <code>grid</code> . Isso permite que você use todas as outras propriedades associadas ao CSS Grid. <strong>Nota</strong> <br> No CSS Grid, o elemento pai é referido como o <dfn>contêiner</dfn> e seus filhos são chamados de <dfn>itens</dfn> . </section>
+
+## Instructions
+<section id="instructions"> Altere a exibição do div com a classe de <code>container</code> para <code>grid</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code> classe <code>container</code> deve ter uma propriedade de <code>display</code> com um valor de <code>grid</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>display</code> property with a value of <code>grid</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.portuguese.md
new file mode 100644
index 0000000000..7b45e5f794
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.portuguese.md
@@ -0,0 +1,81 @@
+---
+id: 5a94fe0569fb03452672e45c
+title: Divide the Grid Into an Area Template
+challengeType: 0
+videoUrl: ''
+localeTitle: Divide a grade em um modelo de área
+---
+
+## Description
+<section id="description"> Você pode agrupar células de sua grade em uma <dfn>área</dfn> e dar à área um nome personalizado. Faça isso usando <code>grid-template-areas</code> no contêiner da seguinte forma: <blockquote> áreas de modelo de grade: <br> &quot;header header header&quot; <br> &quot;conteúdo do conteúdo do anúncio&quot; <br> &quot;footer footer footer&quot;; </blockquote> O código acima mescla as três células principais em uma área denominada <code>header</code> , as três células inferiores em uma área de <code>footer</code> e cria duas áreas na linha do meio; <code>advert</code> e <code>content</code> . <strong>Nota</strong> <br> Cada palavra no código representa uma célula e cada par de aspas representa uma linha. Além de rótulos personalizados, você pode usar um ponto ( <code>.</code> ) Para designar uma célula vazia na grade. </section>
+
+## Instructions
+<section id="instructions"> Coloque o modelo de área para que o <code>advert</code> rotulado da célula se torne uma célula vazia. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>container</code> classe <code>container</code> deve ter uma propriedade <code>grid-template-areas</code> semelhante à visualização, mas possui <code>.</code> em vez da área do <code>advert</code> .'
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?"\s*?header\s*?header\s*?header\s*?"\s*?"\s*?.\s*?content\s*?content\s*?"\s*?"\s*?footer\s*?footer\s*?footer\s*?"\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-areas</code> propertiy similar to the preview but has <code>.</code> instead of the <code>advert</code> area.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    /* change code below this line */
+
+    grid-template-areas:
+      "header header header"
+      "advert content content"
+      "footer footer footer";
+    /* change code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.portuguese.md
new file mode 100644
index 0000000000..56ef231f32
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.portuguese.md
@@ -0,0 +1,78 @@
+---
+id: 5a94fe4469fb03452672e460
+title: Limit Item Size Using the minmax Function
+challengeType: 0
+videoUrl: ''
+localeTitle: Limitar o tamanho do item usando a função minmax
+---
+
+## Description
+<section id="description"> Há outra função interna para usar com <code>grid-template-columns</code> e <code>grid-template-rows</code> chamada <code>minmax</code> . É usado para limitar o tamanho dos itens quando o contêiner de grade muda de tamanho. Para fazer isso, você precisa especificar o intervalo de tamanho aceitável para o seu item. Aqui está um exemplo: <blockquote> colunas de modelo de grade: 100 px x minmax (50 px, 200 px); </blockquote> No código acima, as <code>grid-template-columns</code> são configuradas para criar duas colunas; o primeiro tem 100px de largura e o segundo tem a largura mínima de 50px e a largura máxima de 200px. </section>
+
+## Instructions
+<section id="instructions"> Usando a função <code>minmax</code> , substitua o <code>1fr</code> na função de <code>repeat</code> por um tamanho de coluna que tenha a largura mínima de <code>90px</code> e a largura máxima de <code>1fr</code> e redimensione o painel de visualização para ver o efeito. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code> classe deve ter uma <code>grid-template-columns</code> propriedade que está configurado para repetir 3 colunas com a largura mínima de <code>90px</code> e largura máxima de <code>1fr</code> .
+    testString: '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), "<code>container</code> class should have a <code>grid-template-columns</code> property that is set to repeat 3 columns with the minimum width of <code>90px</code> and maximum width of <code>1fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* change the code below this line */
+
+    grid-template-columns: repeat(3, 1fr);
+
+    /* change the code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.portuguese.md
new file mode 100644
index 0000000000..5049f0a119
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.portuguese.md
@@ -0,0 +1,85 @@
+---
+id: 5a94fe1369fb03452672e45d
+title: Place Items in Grid Areas Using the grid-area Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Colocar itens em áreas de grade usando a propriedade de área de grade
+---
+
+## Description
+<section id="description"> Depois de criar um modelo de áreas para seu contêiner de grade, conforme mostrado no desafio anterior, você pode colocar um item em sua área personalizada fazendo referência ao nome que você deu a ele. Para fazer isso, você usa a propriedade de <code>grid-area</code> em um item como este: <blockquote> .item1 {grid-area: cabeçalho; } </blockquote> Isso permite que a grade saiba que você deseja que a classe <code>item1</code> vá para a área denominada <code>header</code> . Nesse caso, o item usará a linha superior inteira porque essa linha inteira é nomeada como a área do cabeçalho. </section>
+
+## Instructions
+<section id="instructions"> Coloque um elemento com a classe <code>item5</code> na área de <code>footer</code> usando a propriedade <code>grid-area</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>item5</code> classe <code>item5</code> deve ter uma propriedade de <code>grid-area</code> que tenha o valor de <code>footer</code> .
+    testString: 'assert(code.match(/.item5\s*?{[\s\S]*grid-area\s*?:\s*?footer\s*?;[\s\S]*}/gi), "<code>item5</code> class should have a <code>grid-area</code> property that has the value of <code>footer</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    grid-template-areas:
+      "header header header"
+      "advert content content"
+      "footer footer footer";
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.portuguese.md
new file mode 100644
index 0000000000..f7b30baadc
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.portuguese.md
@@ -0,0 +1,78 @@
+---
+id: 5a94fe3669fb03452672e45f
+title: Reduce Repetition Using the repeat Function
+challengeType: 0
+videoUrl: ''
+localeTitle: Reduzir a repetição usando a função de repetição
+---
+
+## Description
+<section id="description"> Quando você usou <code>grid-template-columns</code> e <code>grid-template-rows</code> para definir a estrutura de uma grade, você inseriu um valor para cada linha ou coluna criada. Vamos dizer que você quer uma grade com 100 linhas da mesma altura. Não é muito prático inserir 100 valores individualmente. Felizmente, há uma maneira melhor - usando a função de <code>repeat</code> para especificar o número de vezes que você deseja que sua coluna ou linha seja repetida, seguida por uma vírgula e o valor que você deseja repetir. Aqui está um exemplo que criaria a grade de 100 linhas, cada linha com 50 px de altura. <blockquote> grid-template-rows: repita (100, 50px); </blockquote> Você também pode repetir vários valores com a função de repetição e inserir a função entre outros valores ao definir uma estrutura de grade. Aqui está o que eu quero dizer: <blockquote> grid-template-columns: repetição (2, 1fr 50px) 20px; </blockquote> Isso se traduz em: <blockquote> grid-template-columns: 1fr 50px 1fr 50px 20px; </blockquote> <strong>Nota</strong> <br> <code>1fr 50px</code> é repetido duas vezes seguido por 20px. </section>
+
+## Instructions
+<section id="instructions"> Use <code>repeat</code> para remover a repetição da propriedade <code>grid-template-columns</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>container</code> classe <code>container</code> deve ter uma propriedade <code>grid-template-columns</code> definida para repetir 3 colunas com a largura de <code>1fr</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?1fr\s*?\)\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-columns</code> property that is set to repeat 3 columns with the width of <code>1fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* change the code below this line */
+
+    grid-template-columns: 1fr 1fr 1fr;
+
+    /* change the code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.portuguese.md
new file mode 100644
index 0000000000..9934ab91da
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.portuguese.md
@@ -0,0 +1,76 @@
+---
+id: 5a9036ee38fddaf9a66b5d34
+title: Use CSS Grid units to Change the Size of Columns and Rows
+challengeType: 0
+videoUrl: ''
+localeTitle: Use unidades de grade CSS para alterar o tamanho das colunas e linhas
+---
+
+## Description
+<section id="description"> Você pode usar unidades absolutas e relativas como <code>px</code> e <code>em</code> em CSS Grid para definir o tamanho de linhas e colunas. Você também pode usá-los: <code>fr</code> : define a coluna ou linha como uma fração do espaço disponível, <code>auto</code> : define a coluna ou linha automaticamente para a largura ou a altura de seu conteúdo, <code>%</code> : ajusta a coluna ou linha para a largura percentual do seu recipiente. Aqui está o código que gera a saída na pré-visualização: <blockquote> grid-template-columns: automático 50px 10% 2fr 1fr; </blockquote> Este trecho cria cinco colunas. A primeira coluna é tão ampla quanto seu conteúdo, a segunda coluna é 50px, a terceira coluna é 10% de seu contêiner e nas duas últimas colunas; o espaço restante é dividido em três seções, duas são alocadas para a quarta coluna e uma para a quinta. </section>
+
+## Instructions
+<section id="instructions"> Faça uma grade com três colunas cujas larguras são as seguintes: 1fr, 100px e 2fr. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>container</code> classe <code>container</code> deve ter uma propriedade <code>grid-template-columns</code> com três colunas com as seguintes larguras: <code>1fr, 100px, and 2fr</code> .'
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?1fr\s*?100px\s*?2fr\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-columns</code> property that has three columns with the following widths: <code>1fr, 100px, and 2fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* modify the code below this line */
+
+    grid-template-columns: auto 50px 10% 2fr 1fr;
+
+    /* modify the code above this line */
+    grid-template-rows: 50px 50px;
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.portuguese.md
new file mode 100644
index 0000000000..10ae632394
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.portuguese.md
@@ -0,0 +1,81 @@
+---
+id: 5a94fe2669fb03452672e45e
+title: Use grid-area Without Creating an Areas Template
+challengeType: 0
+videoUrl: ''
+localeTitle: Usar área de grade sem criar um modelo de áreas
+---
+
+## Description
+<section id="description"> A propriedade de <code>grid-area</code> você aprendeu no último desafio pode ser usada de outra maneira. Se sua grade não tiver um modelo de áreas para referência, você pode criar uma área em tempo real para que um item seja colocado assim: <blockquote> item1 {grid-area: 1/1/2/4; } </blockquote> Isso está usando os números de linha que você aprendeu anteriormente para definir onde a área para este item será. Os números no exemplo acima representam esses valores: <blockquote> área de grade: linha horizontal para iniciar em / linha vertical para iniciar em / linha horizontal para terminar em / linha vertical para terminar em; </blockquote> Assim, o item no exemplo consumirá as linhas entre as linhas 1 e 2 e as colunas entre as linhas 1 e 4. </section>
+
+## Instructions
+<section id="instructions"> Usando a propriedade <code>grid-area</code> , coloque o elemento com a classe <code>item5</code> entre a terceira e a quarta linhas horizontais e entre a primeira e a quarta linhas verticais. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>item5</code> classe <code>item5</code> deve ter uma propriedade de <code>grid-area</code> que tenha o valor de <code>3/1/4/4</code> .
+    testString: '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), "<code>item5</code> class should have a <code>grid-area</code> property that has the value of <code>3/1/4/4</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.portuguese.md
new file mode 100644
index 0000000000..b583216141
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.portuguese.md
@@ -0,0 +1,81 @@
+---
+id: 5a90372638fddaf9a66b5d38
+title: Use grid-column to Control Spacing
+challengeType: 0
+videoUrl: ''
+localeTitle: Use a coluna da grade para controlar o espaçamento
+---
+
+## Description
+<section id="description"> Até este ponto, todas as propriedades que foram discutidas são para recipientes de grade. A propriedade da <code>grid-column</code> é a primeira a ser usada nos próprios itens da grade. As linhas horizontais e verticais hipotéticas que criam a grade são referidas como <dfn>linhas</dfn> . Essas linhas são numeradas começando com 1 no canto superior esquerdo da grade e se movendo para a direita para colunas e abaixo para linhas, contando para cima. É assim que as linhas parecem para uma grade 3x3: <div style="position:relative;margin:auto;background:Gainsboro;display:block;margin-top:100px;margin-bottom:50px;width:200px;height:200px;"><p style="left:25%;top:-30%;font-size:130%;position:absolute;color:RoyalBlue;"> linhas de coluna </p><p style="left:0%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;"> 1 </p><p style="left:30%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;"> 2 </p><p style="left:63%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;"> 3 </p><p style="left:95%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;"> 4 </p><p style="left:-40%;top:45%;font-size:130%;transform:rotateZ(-90deg);position:absolute;"> linhas de linha </p><p style="left:-10%;top:-10%;font-size:130%;position:absolute;"> 1 </p><p style="left:-10%;top:21%;font-size:130%;position:absolute;"> 2 </p><p style="left:-10%;top:53%;font-size:130%;position:absolute;"> 3 </p><p style="left:-10%;top:85%;font-size:130%;position:absolute;"> 4 </p><div style="left:0%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;"></div><div style="left:31%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;"></div><div style="left:63%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;"></div><div style="left:95%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;"></div><div style="left:0%;top:0%;width:100%;height:5%;background:black;position:absolute;"></div><div style="left:0%;top:31%;width:100%;height:5%;background:black;position:absolute;"></div><div style="left:0%;top:63%;width:100%;height:5%;background:black;position:absolute;"></div><div style="left:0%;top:95%;width:100%;height:5%;background:black;position:absolute;"></div></div> Para controlar a quantidade de colunas que um item consumirá, você pode usar a propriedade de <code>grid-column</code> em conjunto com os números de linha nos quais deseja que o item seja iniciado e interrompido. Aqui está um exemplo: <blockquote> coluna de grade: 1/3; </blockquote> Isso fará com que o item comece na primeira linha vertical da grade à esquerda e se estenda até a terceira linha da grade, consumindo duas colunas. </section>
+
+## Instructions
+<section id="instructions"> Faça com que o item com a classe <code>item5</code> consuma as duas últimas colunas da grade. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>item5</code> classe deve ter um <code>grid-column</code> propriedade que tem o valor de <code>2 / 4</code> .
+    testString: 'assert(code.match(/.item5\s*?{[\s\S]*grid-column\s*?:\s*?2\s*?\/\s*?4\s*?;[\s\S]*}/gi), "<code>item5</code> class should have a <code>grid-column</code> property that has the value of <code>2 / 4</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.portuguese.md
new file mode 100644
index 0000000000..d9942163f6
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.portuguese.md
@@ -0,0 +1,82 @@
+---
+id: 5a90373638fddaf9a66b5d39
+title: Use grid-row to Control Spacing
+challengeType: 0
+videoUrl: ''
+localeTitle: Use grid-row para controlar o espaçamento
+---
+
+## Description
+<section id="description"> Claro, você pode fazer itens consumirem várias linhas, assim como você pode com colunas. Você define as linhas horizontais que deseja que um item inicie e pare ao usar a propriedade da <code>grid-row</code> grade em um item da grade. </section>
+
+## Instructions
+<section id="instructions"> Faça com que o elemento com a classe <code>item5</code> consuma as duas últimas linhas. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>item5</code> classe deve ter um <code>grid-row</code> propriedade que tem o valor de <code>2 / 4</code> .
+    testString: 'assert(code.match(/.item5\s*?{[\s\S]*grid-row\s*?:\s*?2\s*?\/\s*?4\s*?;[\s\S]*}/gi), "<code>item5</code> class should have a <code>grid-row</code> property that has the value of <code>2 / 4</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    grid-column: 2 / 4;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.portuguese.md
new file mode 100644
index 0000000000..7e20161c34
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.portuguese.md
@@ -0,0 +1,116 @@
+---
+id: 5a94fe7769fb03452672e463
+title: Use Media Queries to Create Responsive Layouts
+challengeType: 0
+videoUrl: ''
+localeTitle: Use consultas de mídia para criar layouts responsivos
+---
+
+## Description
+<section id="description"> A CSS Grid pode ser uma maneira fácil de tornar seu site mais responsivo usando consultas de mídia para reorganizar as áreas da grade, alterar as dimensões de uma grade e reorganizar o posicionamento dos itens. Na visualização, quando a largura da janela de visualização é de 300 px ou mais, o número de colunas muda de 1 para 2. A área de publicidade ocupa a coluna da esquerda completamente. </section>
+
+## Instructions
+<section id="instructions"> Quando a largura da janela de visualização for de <code>400px</code> ou mais, faça a área de cabeçalho ocupar completamente a linha superior e a área de rodapé ocupará completamente a linha inferior. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Quando a <code>container</code> visualização é de <code>400px</code> ou mais, a classe de <code>container</code> deve ter uma propriedade de <code>grid-template-areas</code> na qual as áreas de cabeçalho e rodapé ocupam as linhas superior e inferior, respectivamente, e anúncio e conteúdo ocupam as colunas esquerda e direita da linha do meio.'
+    testString: 'assert(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), "When the viewport is <code>400px</code> or more, <code>container</code> class should have a <code>grid-template-areas</code> property in which the footer and header areas occupy the top and bottom rows respectively and advert and content occupy the left and right columns of the middle row.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1 {
+    background: LightSkyBlue;
+    grid-area: header;
+  }
+
+  .item2 {
+    background: LightSalmon;
+    grid-area: advert;
+  }
+
+  .item3 {
+    background: PaleTurquoise;
+    grid-area: content;
+  }
+
+  .item4 {
+    background: lightpink;
+    grid-area: footer;
+  }
+
+  .container {
+    font-size: 1.5em;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: 50px auto 1fr auto;
+    grid-gap: 10px;
+    grid-template-areas:
+      "header"
+      "advert"
+      "content"
+      "footer";
+  }
+
+  @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";
+    }
+  }
+
+  @media (min-width: 400px){
+    .container{
+      /* change the code below this line */
+
+      grid-template-areas:
+        "advert header"
+        "advert content"
+        "advert footer";
+
+    /* change the code above this line */
+    }
+  }
+</style>
+
+<div class="container">
+  <div class="item1">header</div>
+  <div class="item2">advert</div>
+  <div class="item3">content</div>
+  <div class="item4">footer</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.portuguese.md
new file mode 100644
index 0000000000..95fc918546
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.portuguese.md
@@ -0,0 +1,60 @@
+---
+id: 587d78b0367417b2b2512b08
+title: Create a Media Query
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar uma consulta de mídia
+---
+
+## Description
+<section id="description"> Consultas de mídia são uma nova técnica introduzida no CSS3 que altera a apresentação do conteúdo com base em diferentes tamanhos de viewport. A janela de visualização é uma área visível de um usuário de uma página da Web e é diferente dependendo do dispositivo usado para acessar o site. Consultas de mídia consistem em um tipo de mídia e, se esse tipo de mídia corresponder ao tipo de dispositivo em que o documento é exibido, os estilos serão aplicados. Você pode ter tantos seletores e estilos dentro de sua consulta de mídia quanto desejar. Veja um exemplo de uma consulta de mídia que retorna o conteúdo quando a largura do dispositivo é menor ou igual a 100px: <code>@media (max-width: 100px) { /* CSS Rules */ }</code> e a consulta de mídia a seguir retorna o conteúdo quando o a altura do dispositivo é maior ou igual a 350px: @media <code>@media (min-height: 350px) { /* CSS Rules */ }</code> Lembre-se, o CSS dentro da consulta de mídia é aplicado somente se o tipo de mídia corresponder ao do dispositivo que está sendo usado. </section>
+
+## Instructions
+<section id="instructions"> Adicione uma consulta de mídia para que a tag <code>p</code> tenha um <code>font-size</code> de <code>font-size</code> de 10px quando a altura do dispositivo for menor ou igual a 800px. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>p</code> deve ter o <code>font-size</code> da <code>font-size</code> de 10px quando a <code>height</code> do dispositivo for menor ou igual a 800px.
+    testString: 'assert($("p").css("font-size") == "10px", "Your <code>p</code> element should have the <code>font-size</code> of 10px when the device <code>height</code> is less than or equal to 800px.");'
+  - text: Declare uma consulta <code>@media</code> para dispositivos com uma <code>height</code> menor ou igual a 800px.
+    testString: 'assert(code.match(/@media\s*?\(\s*?max-height\s*?:\s*?800px\s*?\)/g), "Declare a <code>@media</code> query for devices with a <code>height</code> less than or equal to 800px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  p {
+    font-size: 20px;
+  }
+
+  /* Add media query below */
+
+</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>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.portuguese.md
new file mode 100644
index 0000000000..503e4b648e
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: 587d78b1367417b2b2512b09
+title: Make an Image Responsive
+challengeType: 0
+videoUrl: ''
+localeTitle: Faça uma imagem responsiva
+---
+
+## Description
+<section id="description"> Fazer imagens responsivas com CSS é realmente muito simples. Em vez de aplicar uma largura absoluta a um elemento: <code>img { width: 720px; }</code> Você pode usar: <blockquote> img { <br> max-width: 100%; <br> display: bloco; <br> altura: auto; <br> } </blockquote> A propriedade <code>max-width</code> de 100% dimensiona a imagem para se ajustar à largura do contêiner, mas a imagem não se estende mais do que a largura original. Definir a propriedade de <code>display</code> para bloquear altera a imagem de um elemento in-line (seu padrão) para um elemento de bloco em sua própria linha. A propriedade <code>height</code> do auto mantém a proporção original da imagem. </section>
+
+## Instructions
+<section id="instructions"> Adicione regras de estilo para a tag <code>img</code> para torná-lo responsivo ao tamanho de seu contêiner. Ele deve exibir como um elemento de nível de bloco, ele deve caber toda a largura de seu contêiner sem esticar e deve manter sua proporção original. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua tag <code>img</code> deve ter uma <code>max-width</code> definida como 100%.
+    testString: 'assert(code.match(/max-width:\s*?100%;/g), "Your <code>img</code> tag should have a <code>max-width</code> set to 100%.");'
+  - text: Sua tag <code>img</code> deve ter um conjunto de <code>display</code> para bloquear.
+    testString: 'assert($("img").css("display") == "block", "Your <code>img</code> tag should have a <code>display</code> set to block.");'
+  - text: Sua tag <code>img</code> deve ter uma <code>height</code> definida como automática.
+    testString: 'assert(code.match(/height:\s*?auto;/g), "Your <code>img</code> tag should have a <code>height</code> set to auto.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+</style>
+
+<img src="https://s3.amazonaws.com/freecodecamp/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.portuguese.md
new file mode 100644
index 0000000000..f651b5e2d3
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.portuguese.md
@@ -0,0 +1,56 @@
+---
+id: 587d78b1367417b2b2512b0c
+title: Make Typography Responsive
+challengeType: 0
+videoUrl: ''
+localeTitle: Faça tipografia responsiva
+---
+
+## Description
+<section id="description"> Em vez de usar <code>em</code> ou <code>px</code> para dimensionar texto, você pode usar unidades de viewport para tipografia responsiva. As unidades de viewport, como porcentagens, são unidades relativas, mas são baseadas em itens diferentes. As unidades de porta de visualização são relativas às dimensões da janela de visualização (largura ou altura) de um dispositivo e as porcentagens são relativas ao tamanho do elemento de contêiner pai. As quatro unidades de viewport diferentes são: <ul><li> <code>vw: 10vw</code> seria 10% da largura da janela de visualização. </li><li> <code>vh: 3vh</code> seria 3% da altura da viewport. </li><li> <code>vmin: 70vmin</code> seria 70% da dimensão menor da viewport (altura vs. largura). </li><li> <code>vmax: 100vmax</code> seria 100% da dimensão maior da viewport (altura vs. largura). </li></ul></section>
+
+## Instructions
+<section id="instructions"> Defina a <code>width</code> da tag <code>h2</code> para 80% da largura da viewport e a <code>width</code> do parágrafo como 75% da dimensão menor da viewport. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua tag <code>h2</code> deve ter uma <code>width</code> de 80vw.
+    testString: 'assert(code.match(/h2\s*?{\s*?width:\s*?80vw;\s*?}/g), "Your <code>h2</code> tag should have a <code>width</code> of 80vw.");'
+  - text: Sua tag <code>p</code> deve ter uma <code>width</code> de 75vmin.
+    testString: 'assert(code.match(/p\s*?{\s*?width:\s*?75vmin;\s*?}/g), "Your <code>p</code> tag should have a <code>width</code> of 75vmin.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+</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>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.portuguese.md
new file mode 100644
index 0000000000..f2fb5f2a1e
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 587d78b1367417b2b2512b0a
+title: Use a Retina Image for Higher Resolution Displays
+challengeType: 0
+videoUrl: ''
+localeTitle: Use uma imagem de retina para exibições de maior resolução
+---
+
+## Description
+<section id="description"> A maneira mais simples de fazer com que suas imagens apareçam &quot;retina&quot; (e otimizá-las para exibições de retina) é definir seus valores de <code>width</code> e <code>height</code> como apenas metade do que o arquivo original é. Aqui está um exemplo de uma imagem que usa apenas metade da altura e largura originais: <blockquote> &lt;style&gt; <br> img {altura: 250px; largura: 250px; } <br> &lt;/ style&gt; <br> &lt;img src = &quot;coolPic500x500&quot; alt = &quot;Uma imagem excelente&quot;&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Defina a <code>width</code> e a <code>height</code> da tag <code>img</code> para metade de seus valores originais. Nesse caso, a <code>height</code> original e a <code>width</code> original são de 200 px. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua tag <code>img</code> deve ter uma <code>width</code> de 100 pixels.
+    testString: 'assert($("img").css("width") == "100px", "Your <code>img</code> tag should have a <code>width</code> of 100 pixels.");'
+  - text: Sua tag <code>img</code> deve ter uma <code>height</code> de 100 pixels.
+    testString: 'assert($("img").css("height") == "100px", "Your <code>img</code> tag should have a <code>height</code> of 100 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+</style>
+
+<img src="https://s3.amazonaws.com/freecodecamp/FCCStickers-CamperBot200x200.jpg" alt="freeCodeCamp sticker that says 'Because CamperBot Cares'">
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.portuguese.md
new file mode 100644
index 0000000000..59f57caeea
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c242eddfaeb5bd13
+title: Build a Personal Portfolio Webpage
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Criar uma página da Web de portfólio pessoal
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/zNBOYG" target="_blank">https://codepen.io/freeCodeCamp/full/zNBOYG</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuário</a> abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript e CSS para concluir este projeto. CSS simples é recomendado porque é isso que as lições cobriram até agora e você deve praticar com o CSS simples. Você pode usar o Bootstrap ou o SASS, se desejar. Tecnologias adicionais (por exemplo, jQuery, React, Angular ou Vue) não são recomendadas para este projeto, e usá-las é por sua conta e risco. Outros projetos lhe darão a chance de trabalhar com diferentes pilhas de tecnologia, como o React. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Codificação feliz! <strong>História do Usuário # 1:</strong> Meu portfólio deve ter uma seção de <code>welcome-section</code> com um id de <code>welcome-section</code> de <code>welcome-section</code> . <strong>User Story # 2:</strong> A seção de boas-vindas deve ter um elemento <code>h1</code> que contenha texto. <strong>User Story # 3:</strong> Meu portfólio deve ter uma seção de projetos com um id de <code>projects</code> . <strong>User Story # 4:</strong> A seção de projetos deve conter pelo menos um elemento com uma classe de <code>project-tile</code> de <code>project-tile</code> para manter um projeto. <strong>User Story # 5:</strong> A seção de projetos deve conter pelo menos um link para um projeto. <strong>User Story # 6:</strong> Meu portfólio deve ter uma barra de navegação com um id de <code>navbar</code> . <strong>User Story # 7:</strong> A barra de navegação deve conter pelo menos um link no qual eu possa clicar para navegar em diferentes seções da página. <strong>User Story # 8:</strong> Meu portfólio deve ter um link com um id de <code>profile-link</code> , que abre meu perfil do GitHub ou FCC em uma nova guia. <strong>User Story # 9:</strong> Meu portfólio deve ter pelo menos uma consulta de mídia. <strong>User Story # 10:</strong> A altura da seção de boas vindas deve ser igual à altura da viewport. <strong>User Story # 11:</strong> A barra de navegação deve estar sempre no topo da viewport. Você pode criar seu projeto, bifurcando <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">essa caneta CodePen</a> . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.portuguese.md
new file mode 100644
index 0000000000..9fd91ce548
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: 587d78af367417b2b2512b04
+title: Build a Product Landing Page
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Construa uma página de destino do produto
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/RKRbwL" target="_blank">https://codepen.io/freeCodeCamp/full/RKRbwL</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuário</a> abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript e CSS para concluir este projeto. CSS simples é recomendado porque é isso que as lições cobriram até agora e você deve praticar com o CSS simples. Você pode usar o Bootstrap ou o SASS, se desejar. Tecnologias adicionais (por exemplo, jQuery, React, Angular ou Vue) não são recomendadas para este projeto, e usá-las é por sua conta e risco. Outros projetos lhe darão a chance de trabalhar com diferentes pilhas de tecnologia, como o React. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Codificação feliz! <strong>História do usuário nº 1: a</strong> página de destino do meu produto deve ter um elemento de <code>header</code> com um <code>id=&quot;header&quot;</code> . <strong>User Story # 2:</strong> Eu posso ver uma imagem dentro do elemento <code>header</code> com um <code>id=&quot;header-img&quot;</code> . Um logotipo da empresa faria uma boa imagem aqui. <strong>User Story # 3:</strong> Dentro do elemento <code>#header</code> eu posso ver um elemento <code>nav</code> com uma <code>id=&quot;nav-bar&quot;</code> . <strong>História do usuário nº 4:</strong> posso ver pelo menos três elementos clicáveis ​​dentro do elemento <code>nav</code> , cada um com o <code>nav-link</code> class. <strong>User Story # 5:</strong> Quando eu clico em um botão <code>.nav-link</code> no elemento <code>nav</code> , sou levado para a seção correspondente da página de destino. <strong>História do usuário nº 6:</strong> posso assistir a um vídeo do produto incorporado com <code>id=&quot;video&quot;</code> . <strong>User Story # 7:</strong> Minha landing page tem um elemento <code>form</code> com um <code>id=&quot;form&quot;</code> . <strong>User Story # 8:</strong> Dentro do formulário, há um campo de <code>input</code> com <code>id=&quot;email&quot;</code> onde posso inserir um endereço de email. <strong>User Story # 9:</strong> O campo de entrada <code>#email</code> deve ter um texto de espaço reservado para que o usuário saiba para que serve o campo. <strong>User Story # 10:</strong> O campo de entrada <code>#email</code> usa a validação HTML5 para confirmar que o texto digitado é um endereço de e-mail. <strong>User Story # 11:</strong> Dentro do formulário, há uma <code>input</code> envio com um <code>id=&quot;submit&quot;</code> . <strong>User Story # 12:</strong> Quando clico no elemento <code>#submit</code> , o email é enviado para uma página estática (use este URL de simulação: <a href="https://www.freecodecamp.com/email-submit" target="_blank">https://www.freecodecamp.com/email-submit</a> ) que confirma que o endereço de email foi digitado e que postou com sucesso. <strong>User Story # 13:</strong> A barra de navegação deve estar sempre no topo da viewport. <strong>História do usuário nº 14: a</strong> página de destino do meu produto deve ter pelo menos uma consulta de mídia. <strong>User Story # 15:</strong> A página de destino do meu produto deve utilizar o flexbox CSS pelo menos uma vez. Você pode criar seu projeto, bifurcando <a href="http://codepen.io/freeCodeCamp/full/MJjpwO" target="_blank">essa caneta CodePen</a> . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.portuguese.md
new file mode 100644
index 0000000000..167fe0d85d
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: 587d78af367417b2b2512b03
+title: Build a Survey Form
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Criar um formulário de pesquisa
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/VPaoNP" target="_blank">https://codepen.io/freeCodeCamp/full/VPaoNP</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuário</a> abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript e CSS para concluir este projeto. CSS simples é recomendado porque é isso que as lições cobriram até agora e você deve praticar com o CSS simples. Você pode usar o Bootstrap ou o SASS, se desejar. Tecnologias adicionais (por exemplo, jQuery, React, Angular ou Vue) não são recomendadas para este projeto, e usá-las é por sua conta e risco. Outros projetos lhe darão a chance de trabalhar com diferentes pilhas de tecnologia, como o React. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Codificação feliz! <strong>História do usuário 1:</strong> posso ver um título com <code>id=&quot;title&quot;</code> em tamanho de texto H1. <strong>User Story # 2:</strong> Eu posso ver uma breve explicação com <code>id=&quot;description&quot;</code> em P tamanho do texto. <strong>User Story # 3:</strong> posso ver um <code>form</code> com <code>id=&quot;survey-form&quot;</code> . <strong>User Story # 4:</strong> Dentro do elemento form, eu tenho que inserir meu nome em um campo com <code>id=&quot;name&quot;</code> . <strong>User Story # 5:</strong> Dentro do elemento form, eu tenho que inserir um email em um campo com <code>id=&quot;email&quot;</code> . <strong>História do usuário nº 6:</strong> se eu inserir um e-mail que não esteja formatado corretamente, verei um erro de validação do HTML5. <strong>User Story # 7:</strong> Dentro do formulário, posso inserir um número em um campo com <code>id=&quot;number&quot;</code> . <strong>História do usuário nº 8:</strong> se eu inserir números diferentes na entrada do número, verei um erro de validação do HTML5. <strong>User Story # 9:</strong> Se eu inserir números fora do intervalo da entrada do número, que são definidos pelos atributos <code>min</code> e <code>max</code> , verei um erro de validação HTML5. <strong>User Story # 10:</strong> Para os campos de entrada de nome, email e número dentro do formulário, posso ver rótulos correspondentes que descrevem o objetivo de cada campo com os seguintes IDs: <code>id=&quot;name-label&quot;</code> , <code>id=&quot;email-label&quot;</code> e <code>id=&quot;number-label&quot;</code> . <strong>História do usuário nº 11:</strong> para os campos de entrada de nome, e-mail e número, posso ver o texto do marcador de posição que fornece uma descrição ou instruções para cada campo. <strong>User Story # 12:</strong> Dentro do elemento form, posso selecionar uma opção em um menu suspenso que tenha um <code>id=&quot;dropdown&quot;</code> . <strong>User Story # 13:</strong> Dentro do elemento form, posso selecionar um campo de um ou mais grupos de botões de opção. Cada grupo deve ser agrupado usando o atributo <code>name</code> . <strong>User Story # 14:</strong> Dentro do elemento form, posso selecionar vários campos de uma série de checkboxes, cada um dos quais deve ter um atributo <code>value</code> . <strong>User Story # 15:</strong> Dentro do elemento form, é apresentada uma <code>textarea</code> no final para comentários adicionais. <strong>User Story # 16:</strong> Dentro do elemento form, eu recebi um botão com <code>id=&quot;submit&quot;</code> para enviar todas as minhas entradas. Você pode criar seu projeto, bifurcando <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">essa caneta CodePen</a> . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.portuguese.md
new file mode 100644
index 0000000000..c8e7c06cc6
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: 587d78b0367417b2b2512b05
+title: Build a Technical Documentation Page
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Construa uma Página de Documentação Técnica
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/NdrKKL" target="_blank">https://codepen.io/freeCodeCamp/full/NdrKKL</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuário</a> abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript e CSS para concluir este projeto. CSS simples é recomendado porque é isso que as lições cobriram até agora e você deve praticar com o CSS simples. Você pode usar o Bootstrap ou o SASS, se desejar. Tecnologias adicionais (por exemplo, jQuery, React, Angular ou Vue) não são recomendadas para este projeto, e usá-las é por sua conta e risco. Outros projetos lhe darão a chance de trabalhar com diferentes pilhas de tecnologia, como o React. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Codificação feliz! <strong>User Story # 1:</strong> Eu posso ver um elemento <code>main</code> com um <code>id=&quot;main-doc&quot;</code> correspondente, que contém o conteúdo principal da página (documentação técnica). <strong>User Story # 2:</strong> Dentro do elemento <code>#main-doc</code> , posso ver vários elementos de <code>section</code> , cada um com uma classe de <code>main-section</code> . Deve haver um mínimo de 5. <strong>User Story # 3:</strong> O primeiro elemento dentro de cada <code>.main-section</code> deve ser um elemento de <code>header</code> que contém texto que descreve o tópico dessa seção. <strong>User Story # 4:</strong> Cada elemento de <code>section</code> com a classe de <code>main-section</code> também deve ter um id que corresponda ao texto de cada <code>header</code> contido nele. Quaisquer espaços devem ser substituídos por sublinhados (por exemplo, a <code>section</code> que contém o cabeçalho &quot;Javascript e Java&quot; deve ter um <code>id=&quot;Javascript_and_Java&quot;</code> ). <strong>User Story # 5:</strong> Os elementos de <code>.main-section</code> devem conter pelo menos 10 elementos <code>p</code> (não cada um). <strong>User Story # 6:</strong> Os elementos <code>.main-section</code> devem conter pelo menos 5 elementos de <code>code</code> total (não cada um). <strong>User Story # 7:</strong> Os elementos <code>.main-section</code> devem conter no mínimo 5 itens <code>li</code> (não cada um). <strong>User Story # 8:</strong> Eu posso ver um elemento <code>nav</code> com um <code>id=&quot;navbar&quot;</code> . <strong>User Story # 9:</strong> O elemento navbar deve conter um elemento de <code>header</code> que contenha texto que descreva o tópico da documentação técnica. <strong>User Story # 10:</strong> Além disso, a barra de navegação deve conter elementos link ( <code>a</code> ) com a classe de <code>nav-link</code> . Deve haver um para cada elemento com a <code>main-section</code> da classe. <strong>User Story # 11:</strong> O elemento de <code>header</code> na barra de navegação deve vir antes de qualquer elemento de link ( <code>a</code> ) na barra de navegação. <strong>User Story # 12:</strong> Cada elemento com a classe de <code>nav-link</code> deve conter texto que corresponda ao texto do <code>header</code> dentro de cada <code>section</code> (por exemplo, se você tiver uma seção / cabeçalho &quot;Hello world&quot;, sua barra de navegação deve ter um elemento que contenha o texto &quot;Olá Mundo&quot;). <strong>User Story # 13:</strong> Quando eu clico em um elemento navbar, a página deve navegar para a seção correspondente do elemento <code>main-doc</code> (por exemplo, se eu clicar em um elemento <code>nav-link</code> que contém o texto &quot;Hello world&quot;, a página navega a uma <code>section</code> elemento que tem que id e contém o correspondente <code>header</code> <strong>User Story # 14:.</strong> no regulares dispositivos do tamanho (laptops, desktops), o elemento com <code>id=&quot;navbar&quot;</code> deve ser mostrado no lado esquerdo da tela e deve sempre <strong>User Story # 15:</strong> Minha página de Documentação Técnica deve usar pelo menos uma consulta de mídia. Você pode criar seu projeto ao bifurcar <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">essa caneta CodePen</a> ou usar esse link CDN para executar os testes em qualquer ambiente que desejar : <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Quando terminar, envie o URL para o seu projeto de trabalho com todos os testes sendo aprovados. Lembre-se de usar o <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> método se você ficar preso. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.portuguese.md
new file mode 100644
index 0000000000..fee2875632
--- /dev/null
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd18
+title: Build a Tribute Page
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Construa uma página de homenagem
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/zNqgVx" target="_blank">https://codepen.io/freeCodeCamp/full/zNqgVx</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuário</a> abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript e CSS para concluir este projeto. CSS simples é recomendado porque é isso que as lições cobriram até agora e você deve praticar com o CSS simples. Você pode usar o Bootstrap ou o SASS, se desejar. Tecnologias adicionais (por exemplo, jQuery, React, Angular ou Vue) não são recomendadas para este projeto, e usá-las é por sua conta e risco. Outros projetos lhe darão a chance de trabalhar com diferentes pilhas de tecnologia, como o React. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Codificação feliz! <strong>User Story # 1:</strong> Minha página de tributo deve ter um elemento com um <code>id=&quot;main&quot;</code> , que contém todos os outros elementos. <strong>User Story # 2:</strong> Eu deveria ver um elemento com um <code>id=&quot;title&quot;</code> , que contém uma string (ou seja, texto) que descreve o assunto da página do tributo (por exemplo, &quot;Dr. Norman Borlaug&quot;). <strong>User Story # 3:</strong> Eu deveria ver um elemento <code>div</code> com um <code>id=&quot;img-div&quot;</code> . <strong>User Story # 4:</strong> Dentro do elemento <code>img-div</code> , eu deveria ver um elemento <code>img</code> com uma <code>id=&quot;image&quot;</code> . <strong>User Story # 5:</strong> Dentro do elemento <code>img-div</code> , eu deveria ver um elemento com um <code>id=&quot;img-caption&quot;</code> que contém conteúdo textual descrevendo a imagem mostrada em <code>img-div</code> . <strong>User Story # 6:</strong> Eu deveria ver um elemento com um correspondente <code>id=&quot;tribute-info&quot;</code> , que contém conteúdo textual descrevendo o assunto da página de tributo. <strong>User Story # 7:</strong> Eu deveria ver <code>a</code> elemento com um <code>id=&quot;tribute-link&quot;</code> , que direciona para um site externo que contém informações adicionais sobre o assunto da página do tributo. DICA: Você deve dar ao seu elemento um atributo de <code>target</code> e configurá-lo para <code>_blank</code> para que seu link seja aberto em uma nova guia (ou seja, <code>target=&quot;_blank&quot;</code> ). <strong>User Story # 8:</strong> O elemento <code>img</code> deve redimensionar responsavelmente, em relação à largura de seu elemento pai, sem exceder seu tamanho original. <strong>User Story # 9:</strong> O elemento <code>img</code> deve estar centrado dentro de seu elemento pai. Você pode criar seu projeto, bifurcando <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">essa caneta CodePen</a> . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> . Quando terminar, envie o URL para o seu projeto de trabalho com todos os testes sendo aprovados. Lembre-se de usar o método <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/boo-who.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/boo-who.portuguese.md
new file mode 100644
index 0000000000..f1b059b728
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/boo-who.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: a77dbc43c33f39daa4429b4f
+title: Boo who
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Boo que
+---
+
+## Description
+<section id="description"> Verifique se um valor é classificado como um primitivo booleano. Retornar verdadeiro ou falso. Primitivas booleanas são verdadeiras e falsas. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>booWho(true)</code> deve retornar true.
+    testString: 'assert.strictEqual(booWho(true), true, "<code>booWho(true)</code> should return true.");'
+  - text: <code>booWho(false)</code> deve retornar true.
+    testString: 'assert.strictEqual(booWho(false), true, "<code>booWho(false)</code> should return true.");'
+  - text: '<code>booWho([1, 2, 3])</code> deve retornar falso.'
+    testString: 'assert.strictEqual(booWho([1, 2, 3]), false, "<code>booWho([1, 2, 3])</code> should return false.");'
+  - text: '<code>booWho([].slice)</code> deve retornar false.'
+    testString: 'assert.strictEqual(booWho([].slice), false, "<code>booWho([].slice)</code> should return false.");'
+  - text: '<code>booWho({ &quot;a&quot;: 1 })</code> deve retornar false.'
+    testString: 'assert.strictEqual(booWho({ "a": 1 }), false, "<code>booWho({ "a": 1 })</code> should return false.");'
+  - text: <code>booWho(1)</code> deve retornar false.
+    testString: 'assert.strictEqual(booWho(1), false, "<code>booWho(1)</code> should return false.");'
+  - text: <code>booWho(NaN)</code> deve retornar falso.
+    testString: 'assert.strictEqual(booWho(NaN), false, "<code>booWho(NaN)</code> should return false.");'
+  - text: <code>booWho(&quot;a&quot;)</code> deve retornar false.
+    testString: 'assert.strictEqual(booWho("a"), false, "<code>booWho("a")</code> should return false.");'
+  - text: <code>booWho(&quot;true&quot;)</code> deve retornar false.
+    testString: 'assert.strictEqual(booWho("true"), false, "<code>booWho("true")</code> should return false.");'
+  - text: <code>booWho(&quot;false&quot;)</code> deve retornar false.
+    testString: 'assert.strictEqual(booWho("false"), false, "<code>booWho("false")</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function booWho(bool) {
+  // What is the new fad diet for ghost developers? The Boolean.
+  return bool;
+}
+
+booWho(null);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/chunky-monkey.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/chunky-monkey.portuguese.md
new file mode 100644
index 0000000000..04157d3dd2
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/chunky-monkey.portuguese.md
@@ -0,0 +1,68 @@
+---
+id: a9bd25c716030ec90084d8a1
+title: Chunky Monkey
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Macaco Robusto
+---
+
+## Description
+<section id="description"> Escreva uma função que divide um array (primeiro argumento) em grupos com o tamanho do <code>size</code> (segundo argumento) e os retorna como um array bidimensional. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>chunkArrayInGroups([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;], 2)</code> deve retornar <code>[[&quot;a&quot;, &quot;b&quot;], [&quot;c&quot;, &quot;d&quot;]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups(["a", "b", "c", "d"], 2), [["a", "b"], ["c", "d"]], "<code>chunkArrayInGroups(["a", "b", "c", "d"], 2)</code> should return <code>[["a", "b"], ["c", "d"]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 3)</code> deve retornar <code>[[0, 1, 2], [3, 4, 5]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5], 3), [[0, 1, 2], [3, 4, 5]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 3)</code> should return <code>[[0, 1, 2], [3, 4, 5]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 2)</code> deve retornar <code>[[0, 1], [2, 3], [4, 5]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5], 2), [[0, 1], [2, 3], [4, 5]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 2)</code> should return <code>[[0, 1], [2, 3], [4, 5]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 4)</code> deve retornar <code>[[0, 1, 2, 3], [4, 5]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5], 4), [[0, 1, 2, 3], [4, 5]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 4)</code> should return <code>[[0, 1, 2, 3], [4, 5]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6], 3)</code> deve retornar <code>[[0, 1, 2], [3, 4, 5], [6]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6], 3), [[0, 1, 2], [3, 4, 5], [6]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6], 3)</code> should return <code>[[0, 1, 2], [3, 4, 5], [6]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 4)</code> deve retornar <code>[[0, 1, 2, 3], [4, 5, 6, 7], [8]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 4), [[0, 1, 2, 3], [4, 5, 6, 7], [8]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 4)</code> should return <code>[[0, 1, 2, 3], [4, 5, 6, 7], [8]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 2)</code> deve retornar <code>[[0, 1], [2, 3], [4, 5], [6, 7], [8]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 2), [[0, 1], [2, 3], [4, 5], [6, 7], [8]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 2)</code> should return <code>[[0, 1], [2, 3], [4, 5], [6, 7], [8]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function chunkArrayInGroups(arr, size) {
+  // Break it up.
+  return arr;
+}
+
+chunkArrayInGroups(["a", "b", "c", "d"], 2);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/confirm-the-ending.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/confirm-the-ending.portuguese.md
new file mode 100644
index 0000000000..86c34ea44c
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/confirm-the-ending.portuguese.md
@@ -0,0 +1,77 @@
+---
+id: acda2fb1324d9b0fa741e6b5
+title: Confirm the Ending
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Confirme o final
+---
+
+## Description
+<section id="description"> Verifique se uma string (primeiro argumento, <code>str</code> ) termina com a string de destino (segundo argumento, <code>target</code> ). Esse desafio <em>pode</em> ser resolvido com o método <code>.endsWith()</code> , que foi introduzido no ES2015. Mas, para o propósito deste desafio, gostaríamos que você usasse um dos métodos de substring JavaScript. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>confirmEnding(&quot;Bastian&quot;, &quot;n&quot;)</code> deve retornar true.'
+    testString: 'assert(confirmEnding("Bastian", "n") === true, "<code>confirmEnding("Bastian", "n")</code> should return true.");'
+  - text: '<code>confirmEnding(&quot;Congratulation&quot;, &quot;on&quot;)</code> deve retornar true.'
+    testString: 'assert(confirmEnding("Congratulation", "on") === true, "<code>confirmEnding("Congratulation", "on")</code> should return true.");'
+  - text: '<code>confirmEnding(&quot;Connor&quot;, &quot;n&quot;)</code> deve retornar false.'
+    testString: 'assert(confirmEnding("Connor", "n") === false, "<code>confirmEnding("Connor", "n")</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;Walking on water and developing software from a specification are easy if both are frozen&quot;, &quot;specification&quot;)</code> deve retornar falso.'
+    testString: 'assert(confirmEnding("Walking on water and developing software from a specification are easy if both are frozen", "specification") === false, "<code>confirmEnding("Walking on water and developing software from a specification are easy if both are frozen"&#44; "specification"&#41;</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;He has to give me a new name&quot;, &quot;name&quot;)</code> deve retornar true.'
+    testString: 'assert(confirmEnding("He has to give me a new name", "name") === true, "<code>confirmEnding("He has to give me a new name", "name")</code> should return true.");'
+  - text: '<code>confirmEnding(&quot;Open sesame&quot;, &quot;same&quot;)</code> deve retornar true.'
+    testString: 'assert(confirmEnding("Open sesame", "same") === true, "<code>confirmEnding("Open sesame", "same")</code> should return true.");'
+  - text: '<code>confirmEnding(&quot;Open sesame&quot;, &quot;pen&quot;)</code> deve retornar false.'
+    testString: 'assert(confirmEnding("Open sesame", "pen") === false, "<code>confirmEnding("Open sesame", "pen")</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;Open sesame&quot;, &quot;game&quot;)</code> deve retornar false.'
+    testString: 'assert(confirmEnding("Open sesame", "game") === false, "<code>confirmEnding("Open sesame", "game")</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;If you want to save our world, you must hurry. We dont know how much longer we can withstand the nothing&quot;, &quot;mountain&quot;)</code> deve retornar falso.'
+    testString: 'assert(confirmEnding("If you want to save our world, you must hurry. We dont know how much longer we can withstand the nothing", "mountain") === false, "<code>confirmEnding("If you want to save our world, you must hurry. We dont know how much longer we can withstand the nothing", "mountain")</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;Abstraction&quot;, &quot;action&quot;)</code> deve retornar true.'
+    testString: 'assert(confirmEnding("Abstraction", "action") === true, "<code>confirmEnding("Abstraction", "action")</code> should return true.");'
+  - text: Não use o método <code>.endsWith()</code> para resolver o desafio.
+    testString: 'assert(!(/\.endsWith\(.*?\)\s*?;?/.test(code)) && !(/\["endsWith"\]/.test(code)), "Do not use the built-in method <code>.endsWith()</code> to solve the challenge.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function confirmEnding(str, target) {
+  // "Never give up and good luck will find you."
+  // -- Falcor
+  return str;
+}
+
+confirmEnding("Bastian", "n");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/convert-celsius-to-fahrenheit.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/convert-celsius-to-fahrenheit.portuguese.md
new file mode 100644
index 0000000000..f1651cb5af
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/convert-celsius-to-fahrenheit.portuguese.md
@@ -0,0 +1,66 @@
+---
+id: 56533eb9ac21ba0edf2244b3
+title: Convert Celsius to Fahrenheit
+challengeType: 1
+isRequired: true
+videoUrl: ''
+localeTitle: Converter Celsius para Fahrenheit
+---
+
+## Description
+<section id="description"> O algoritmo para converter de Celsius para Fahrenheit é a temperatura em Celsius vezes <code>9/5</code> , mais <code>32</code> . Você recebe uma variável <code>celsius</code> representando uma temperatura em Celsius. Use a variável <code>fahrenheit</code> já definida e atribua a temperatura Fahrenheit equivalente à temperatura Celsius especificada. Use o algoritmo mencionado acima para ajudar a converter a temperatura Celsius em Fahrenheit. Não se preocupe muito com as declarações de função e retorno, pois elas serão abordadas em desafios futuros. Por enquanto, use apenas operadores que você já aprendeu. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>convertToF(0)</code> deve retornar um número
+    testString: 'assert(typeof convertToF(0) === "number", "<code>convertToF(0)</code> should return a number");'
+  - text: <code>convertToF(-30)</code> deve retornar um valor de <code>-22</code>
+    testString: 'assert(convertToF(-30) === -22, "<code>convertToF(-30)</code> should return a value of <code>-22</code>");'
+  - text: <code>convertToF(-10)</code> deve retornar um valor de <code>14</code>
+    testString: 'assert(convertToF(-10) === 14, "<code>convertToF(-10)</code> should return a value of <code>14</code>");'
+  - text: <code>convertToF(0)</code> deve retornar um valor de <code>32</code>
+    testString: 'assert(convertToF(0) === 32, "<code>convertToF(0)</code> should return a value of <code>32</code>");'
+  - text: <code>convertToF(20)</code> deve retornar um valor de <code>68</code>
+    testString: 'assert(convertToF(20) === 68, "<code>convertToF(20)</code> should return a value of <code>68</code>");'
+  - text: <code>convertToF(30)</code> deve retornar um valor de <code>86</code>
+    testString: 'assert(convertToF(30) === 86, "<code>convertToF(30)</code> should return a value of <code>86</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertToF(celsius) {
+  let fahrenheit;
+  return fahrenheit;
+}
+
+convertToF(30);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/factorialize-a-number.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/factorialize-a-number.portuguese.md
new file mode 100644
index 0000000000..5261e5697e
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/factorialize-a-number.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: a302f7aae1aa3152a5b413bc
+title: Factorialize a Number
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Factorialize um número
+---
+
+## Description
+<section id="description"> Retorna o fatorial do inteiro fornecido. Se o inteiro é representado com a letra n, um fatorial é o produto de todos os inteiros positivos menores ou iguais a n. Os fatoriais são frequentemente representados com a notação abreviada <code>n!</code> Por exemplo: <code>5! = 1 * 2 * 3 * 4 * 5 = 120</code> Somente números inteiros maiores ou iguais a zero serão fornecidos para a função. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>factorialize(5)</code> deve retornar um número.
+    testString: 'assert(typeof factorialize(5) === "number", "<code>factorialize(5)</code> should return a number.");'
+  - text: <code>factorialize(5)</code> deve retornar 120.
+    testString: 'assert(factorialize(5) === 120, "<code>factorialize(5)</code> should return 120.");'
+  - text: <code>factorialize(10)</code> deve retornar 3628800.
+    testString: 'assert(factorialize(10) === 3628800, "<code>factorialize(10)</code> should return 3628800.");'
+  - text: <code>factorialize(20)</code> deve retornar 2432902008176640000.
+    testString: 'assert(factorialize(20) === 2432902008176640000, "<code>factorialize(20)</code> should return 2432902008176640000.");'
+  - text: <code>factorialize(0)</code> deve retornar 1.
+    testString: 'assert(factorialize(0) === 1, "<code>factorialize(0)</code> should return 1.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function factorialize(num) {
+  return num;
+}
+
+factorialize(5);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer.portuguese.md
new file mode 100644
index 0000000000..bcaff493cd
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: adf08ec01beb4f99fc7a68f2
+title: Falsy Bouncer
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Bouncer Falsy
+---
+
+## Description
+<section id="description"> Remova todos os valores falsos de uma matriz. Os valores de paralisia em JavaScript são <code>false</code> , <code>null</code> , <code>0</code> , <code>&quot;&quot;</code> , <code>undefined</code> e <code>NaN</code> . Dica: tente converter cada valor em um booleano. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>bouncer([7, &quot;ate&quot;, &quot;&quot;, false, 9])</code> deve retornar <code>[7, &quot;ate&quot;, 9]</code> .'
+    testString: 'assert.deepEqual(bouncer([7, "ate", "", false, 9]), [7, "ate", 9], "<code>bouncer([7, "ate", "", false, 9])</code> should return <code>[7, "ate", 9]</code>.");'
+  - text: '<code>bouncer([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;])</code> deve retornar <code>[&quot;a&quot;, &quot;b&quot;, &quot;c&quot;]</code> .'
+    testString: 'assert.deepEqual(bouncer(["a", "b", "c"]), ["a", "b", "c"], "<code>bouncer(["a", "b", "c"])</code> should return <code>["a", "b", "c"]</code>.");'
+  - text: '<code>bouncer([false, null, 0, NaN, undefined, &quot;&quot;])</code> deve retornar <code>[]</code> .'
+    testString: 'assert.deepEqual(bouncer([false, null, 0, NaN, undefined, ""]), [], "<code>bouncer([false, null, 0, NaN, undefined, ""])</code> should return <code>[]</code>.");'
+  - text: '<code>bouncer([1, null, NaN, 2, undefined])</code> deve retornar <code>[1, 2]</code> .'
+    testString: 'assert.deepEqual(bouncer([1, null, NaN, 2, undefined]), [1, 2], "<code>bouncer([1, null, NaN, 2, undefined])</code> should return <code>[1, 2]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function bouncer(arr) {
+  // Don't show a false ID to this bouncer.
+  return arr;
+}
+
+bouncer([7, "ate", "", false, 9]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/find-the-longest-word-in-a-string.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/find-the-longest-word-in-a-string.portuguese.md
new file mode 100644
index 0000000000..fe92f60fc9
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/find-the-longest-word-in-a-string.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: a26cbbe9ad8655a977e1ceb5
+title: Find the Longest Word in a String
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Encontre a palavra mais longa em uma string
+---
+
+## Description
+<section id="description"> Retorna o tamanho da palavra mais longa na frase fornecida. Sua resposta deve ser um número. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>findLongestWordLength(&quot;The quick brown fox jumped over the lazy dog&quot;)</code> deve retornar um número.
+    testString: 'assert(typeof findLongestWordLength("The quick brown fox jumped over the lazy dog") === "number", "<code>findLongestWordLength("The quick brown fox jumped over the lazy dog")</code> should return a number.");'
+  - text: <code>findLongestWordLength(&quot;The quick brown fox jumped over the lazy dog&quot;)</code> deve retornar 6.
+    testString: 'assert(findLongestWordLength("The quick brown fox jumped over the lazy dog") === 6, "<code>findLongestWordLength("The quick brown fox jumped over the lazy dog")</code> should return 6.");'
+  - text: <code>findLongestWordLength(&quot;May the force be with you&quot;)</code> deve retornar 5.
+    testString: 'assert(findLongestWordLength("May the force be with you") === 5, "<code>findLongestWordLength("May the force be with you")</code> should return 5.");'
+  - text: <code>findLongestWordLength(&quot;Google do a barrel roll&quot;)</code> deve retornar 6.
+    testString: 'assert(findLongestWordLength("Google do a barrel roll") === 6, "<code>findLongestWordLength("Google do a barrel roll")</code> should return 6.");'
+  - text: <code>findLongestWordLength(&quot;What is the average airspeed velocity of an unladen swallow&quot;)</code> deve retornar 8.
+    testString: 'assert(findLongestWordLength("What is the average airspeed velocity of an unladen swallow") === 8, "<code>findLongestWordLength("What is the average airspeed velocity of an unladen swallow")</code> should return 8.");'
+  - text: <code>findLongestWordLength(&quot;What if we try a super-long word such as otorhinolaryngology&quot;)</code> deve retornar 19.
+    testString: 'assert(findLongestWordLength("What if we try a super-long word such as otorhinolaryngology") === 19, "<code>findLongestWordLength("What if we try a super-long word such as otorhinolaryngology")</code> should return 19.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function findLongestWordLength(str) {
+  return str.length;
+}
+
+findLongestWordLength("The quick brown fox jumped over the lazy dog");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/finders-keepers.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/finders-keepers.portuguese.md
new file mode 100644
index 0000000000..55f891b27b
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/finders-keepers.portuguese.md
@@ -0,0 +1,58 @@
+---
+id: a6e40f1041b06c996f7b2406
+title: Finders Keepers
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Achado não é roubado
+---
+
+## Description
+<section id="description"> Crie uma função que examine uma matriz (primeiro argumento) e retorne o primeiro elemento da matriz que passa por um teste de verdade (segundo argumento). Se nenhum elemento passar no teste, retorne indefinido. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>findElement([1, 3, 5, 8, 9, 10], function(num) { return num % 2 === 0; })</code> deve retornar 8.'
+    testString: 'assert.strictEqual(findElement([1, 3, 5, 8, 9, 10], function(num) { return num % 2 === 0; }), 8, "<code>findElement([1, 3, 5, 8, 9, 10], function(num) { return num % 2 === 0; })</code> should return 8.");'
+  - text: '<code>findElement([1, 3, 5, 9], function(num) { return num % 2 === 0; })</code> deve retornar indefinido.'
+    testString: 'assert.strictEqual(findElement([1, 3, 5, 9], function(num) { return num % 2 === 0; }), undefined, "<code>findElement([1, 3, 5, 9], function(num) { return num % 2 === 0; })</code> should return undefined.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function findElement(arr, func) {
+  let num = 0;
+  return num;
+}
+
+findElement([1, 2, 3, 4], num => num % 2 === 0);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/mutations.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/mutations.portuguese.md
new file mode 100644
index 0000000000..7c7322a490
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/mutations.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: af2170cad53daa0770fabdea
+title: Mutations
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Mutações
+---
+
+## Description
+<section id="description"> Retorna true se a string no primeiro elemento da matriz contiver todas as letras da string no segundo elemento da matriz. Por exemplo, <code>[&quot;hello&quot;, &quot;Hello&quot;]</code> , deve retornar true porque todas as letras na segunda string estão presentes na primeira, ignorando o caso. Os argumentos <code>[&quot;hello&quot;, &quot;hey&quot;]</code> devem retornar false porque a string &quot;hello&quot; não contém um &quot;y&quot;. Por último, <code>[&quot;Alien&quot;, &quot;line&quot;]</code> , deve retornar true porque todas as letras em &quot;line&quot; estão presentes em &quot;Alien&quot;. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>mutation([&quot;hello&quot;, &quot;hey&quot;])</code> deve retornar false.'
+    testString: 'assert(mutation(["hello", "hey"]) === false, "<code>mutation(["hello", "hey"])</code> should return false.");'
+  - text: '<code>mutation([&quot;hello&quot;, &quot;Hello&quot;])</code> deve retornar true.'
+    testString: 'assert(mutation(["hello", "Hello"]) === true, "<code>mutation(["hello", "Hello"])</code> should return true.");'
+  - text: '<code>mutation([&quot;zyxwvutsrqponmlkjihgfedcba&quot;, &quot;qrstu&quot;])</code> deve retornar true.'
+    testString: 'assert(mutation(["zyxwvutsrqponmlkjihgfedcba", "qrstu"]) === true, "<code>mutation(["zyxwvutsrqponmlkjihgfedcba", "qrstu"])</code> should return true.");'
+  - text: '<code>mutation([&quot;Mary&quot;, &quot;Army&quot;])</code> deve retornar true.'
+    testString: 'assert(mutation(["Mary", "Army"]) === true, "<code>mutation(["Mary", "Army"])</code> should return true.");'
+  - text: '<code>mutation([&quot;Mary&quot;, &quot;Aarmy&quot;])</code> deve retornar true.'
+    testString: 'assert(mutation(["Mary", "Aarmy"]) === true, "<code>mutation(["Mary", "Aarmy"])</code> should return true.");'
+  - text: '<code>mutation([&quot;Alien&quot;, &quot;line&quot;])</code> deve retornar true.'
+    testString: 'assert(mutation(["Alien", "line"]) === true, "<code>mutation(["Alien", "line"])</code> should return true.");'
+  - text: '<code>mutation([&quot;floor&quot;, &quot;for&quot;])</code> deve retornar true.'
+    testString: 'assert(mutation(["floor", "for"]) === true, "<code>mutation(["floor", "for"])</code> should return true.");'
+  - text: '<code>mutation([&quot;hello&quot;, &quot;neo&quot;])</code> deve retornar false.'
+    testString: 'assert(mutation(["hello", "neo"]) === false, "<code>mutation(["hello", "neo"])</code> should return false.");'
+  - text: '<code>mutation([&quot;voodoo&quot;, &quot;no&quot;])</code> deve retornar false.'
+    testString: 'assert(mutation(["voodoo", "no"]) === false, "<code>mutation(["voodoo", "no"])</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function mutation(arr) {
+  return arr;
+}
+
+mutation(["hello", "hey"]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/repeat-a-string-repeat-a-string.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/repeat-a-string-repeat-a-string.portuguese.md
new file mode 100644
index 0000000000..e7628eb288
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/repeat-a-string-repeat-a-string.portuguese.md
@@ -0,0 +1,68 @@
+---
+id: afcc8d540bea9ea2669306b6
+title: Repeat a String Repeat a String
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Repetir uma String Repetir uma String
+---
+
+## Description
+<section id="description"> Repetir uma string <code>str</code> (primeiro argumento) para <code>num</code> times (segundo argumento). Retorna uma string vazia se <code>num</code> não for um número positivo. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>repeatStringNumTimes(&quot;*&quot;, 3)</code> deve retornar <code>&quot;***&quot;</code> .'
+    testString: 'assert(repeatStringNumTimes("*", 3) === "***", "<code>repeatStringNumTimes("*", 3)</code> should return <code>"***"</code>.");'
+  - text: '<code>repeatStringNumTimes(&quot;abc&quot;, 3)</code> deve retornar <code>&quot;abcabcabc&quot;</code> .'
+    testString: 'assert(repeatStringNumTimes("abc", 3) === "abcabcabc", "<code>repeatStringNumTimes("abc", 3)</code> should return <code>"abcabcabc"</code>.");'
+  - text: '<code>repeatStringNumTimes(&quot;abc&quot;, 4)</code> deve retornar <code>&quot;abcabcabcabc&quot;</code> .'
+    testString: 'assert(repeatStringNumTimes("abc", 4) === "abcabcabcabc", "<code>repeatStringNumTimes("abc", 4)</code> should return <code>"abcabcabcabc"</code>.");'
+  - text: '<code>repeatStringNumTimes(&quot;abc&quot;, 1)</code> deve retornar <code>&quot;abc&quot;</code> .'
+    testString: 'assert(repeatStringNumTimes("abc", 1) === "abc", "<code>repeatStringNumTimes("abc", 1)</code> should return <code>"abc"</code>.");'
+  - text: '<code>repeatStringNumTimes(&quot;*&quot;, 8)</code> deve retornar <code>&quot;********&quot;</code> .'
+    testString: 'assert(repeatStringNumTimes("*", 8) === "********", "<code>repeatStringNumTimes("*", 8)</code> should return <code>"********"</code>.");'
+  - text: '<code>repeatStringNumTimes(&quot;abc&quot;, -2)</code> deve retornar <code>&quot;&quot;</code> .'
+    testString: 'assert(repeatStringNumTimes("abc", -2) === "", "<code>repeatStringNumTimes("abc", -2)</code> should return <code>""</code>.");'
+  - text: O método <code>repeat()</code> incorporado não deve ser usado
+    testString: 'assert(!/\.repeat/g.test(code), "The built-in <code>repeat()</code>-method should not be used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function repeatStringNumTimes(str, num) {
+  // repeat after me
+  return str;
+}
+
+repeatStringNumTimes("abc", 3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/return-largest-numbers-in-arrays.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/return-largest-numbers-in-arrays.portuguese.md
new file mode 100644
index 0000000000..7bafa032eb
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/return-largest-numbers-in-arrays.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: a789b3483989747d63b0e427
+title: Return Largest Numbers in Arrays
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Retornar os maiores números em matrizes
+---
+
+## Description
+<section id="description"> Devolve um array que consiste no maior número de cada sub-array fornecido. Para simplificar, a matriz fornecida conterá exatamente quatro sub-matrizes. Lembre-se, você pode percorrer uma matriz com um loop for simples e acessar cada membro com a sintaxe de array <code>arr[i]</code> . Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]])</code> deve retornar uma matriz.'
+    testString: 'assert(largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]).constructor === Array, "<code>largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]])</code> should return an array.");'
+  - text: '<code>largestOfFour([[13, 27, 18, 26], [4, 5, 1, 3], [32, 35, 37, 39], [1000, 1001, 857, 1]])</code> deve retornar <code>[27, 5, 39, 1001]</code> .'
+    testString: 'assert.deepEqual(largestOfFour([[13, 27, 18, 26], [4, 5, 1, 3], [32, 35, 37, 39], [1000, 1001, 857, 1]]), [27, 5, 39, 1001], "<code>largestOfFour([[13, 27, 18, 26], [4, 5, 1, 3], [32, 35, 37, 39], [1000, 1001, 857, 1]])</code> should return <code>[27, 5, 39, 1001]</code>.");'
+  - text: '<code>largestOfFour([[4, 9, 1, 3], [13, 35, 18, 26], [32, 35, 97, 39], [1000000, 1001, 857, 1]])</code> deve retornar <code>[9, 35, 97, 1000000]</code> .'
+    testString: 'assert.deepEqual(largestOfFour([[4, 9, 1, 3], [13, 35, 18, 26], [32, 35, 97, 39], [1000000, 1001, 857, 1]]), [9, 35, 97, 1000000], "<code>largestOfFour([[4, 9, 1, 3], [13, 35, 18, 26], [32, 35, 97, 39], [1000000, 1001, 857, 1]])</code> should return <code>[9, 35, 97, 1000000]</code>.");'
+  - text: '<code>largestOfFour([[17, 23, 25, 12], [25, 7, 34, 48], [4, -10, 18, 21], [-72, -3, -17, -10]])</code> retorno <code>[25, 48, 21, -3]</code> .'
+    testString: 'assert.deepEqual(largestOfFour([[17, 23, 25, 12], [25, 7, 34, 48], [4, -10, 18, 21], [-72, -3, -17, -10]]), [25, 48, 21, -3], "<code>largestOfFour([[17, 23, 25, 12], [25, 7, 34, 48], [4, -10, 18, 21], [-72, -3, -17, -10]])</code> should return <code>[25, 48, 21, -3]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestOfFour(arr) {
+  // You can do this!
+  return arr;
+}
+
+largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.portuguese.md
new file mode 100644
index 0000000000..973fe775ab
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: a202eed8fc186c8434cb6d61
+title: Reverse a String
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Reverter uma string
+---
+
+## Description
+<section id="description"> Inverta a string fornecida. Você pode precisar transformar a string em uma matriz antes de poder revertê-la. Seu resultado deve ser uma string. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>reverseString(&quot;hello&quot;)</code> deve retornar uma string.
+    testString: 'assert(typeof reverseString("hello") === "string", "<code>reverseString("hello")</code> should return a string.");'
+  - text: <code>reverseString(&quot;hello&quot;)</code> deve se tornar <code>&quot;olleh&quot;</code> .
+    testString: 'assert(reverseString("hello") === "olleh", "<code>reverseString("hello")</code> should become <code>"olleh"</code>.");'
+  - text: <code>reverseString(&quot;Howdy&quot;)</code> deve se tornar <code>&quot;ydwoH&quot;</code> .
+    testString: 'assert(reverseString("Howdy") === "ydwoH", "<code>reverseString("Howdy")</code> should become <code>"ydwoH"</code>.");'
+  - text: <code>reverseString(&quot;Greetings from Earth&quot;)</code> deve retornar <code>&quot;htraE morf sgniteerG&quot;</code> .
+    testString: 'assert(reverseString("Greetings from Earth") === "htraE morf sgniteerG", "<code>reverseString("Greetings from Earth")</code> should return <code>"htraE morf sgniteerG"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function reverseString(str) {
+  return str;
+}
+
+reverseString("hello");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice.portuguese.md
new file mode 100644
index 0000000000..363b98bcc3
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice.portuguese.md
@@ -0,0 +1,75 @@
+---
+id: 579e2a2c335b9d72dd32e05c
+title: Slice and Splice
+isRequired: true
+isBeta: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Fatia e Splice
+---
+
+## Description
+<section id="description"> Você recebe dois arrays e um índice. Use a <code>slice</code> métodos de matriz e <code>splice</code> para copiar cada elemento da primeira matriz na segunda matriz, em ordem. Comece inserindo elementos no índice <code>n</code> do segundo array. Retorna a matriz resultante. As matrizes de entrada devem permanecer as mesmas após a execução da função. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>frankenSplice([1, 2, 3], [4, 5], 1)</code> deve retornar <code>[4, 1, 2, 3, 5]</code> .'
+    testString: 'assert.deepEqual(frankenSplice([1, 2, 3], [4, 5], 1), [4, 1, 2, 3, 5], "<code>frankenSplice([1, 2, 3], [4, 5], 1)</code> should return <code>[4, 1, 2, 3, 5]</code>.");'
+  - text: '<code>frankenSplice([1, 2], [&quot;a&quot;, &quot;b&quot;], 1)</code> deve retornar <code>[&quot;a&quot;, 1, 2, &quot;b&quot;]</code> .'
+    testString: 'assert.deepEqual(frankenSplice(testArr1, testArr2, 1), ["a", 1, 2, "b"], "<code>frankenSplice([1, 2], ["a", "b"], 1)</code> should return <code>["a", 1, 2, "b"]</code>.");'
+  - text: '<code>frankenSplice([&quot;claw&quot;, &quot;tentacle&quot;], [&quot;head&quot;, &quot;shoulders&quot;, &quot;knees&quot;, &quot;toes&quot;], 2)</code> deve retornar <code>[&quot;head&quot;, &quot;shoulders&quot;, &quot;claw&quot;, &quot;tentacle&quot;, &quot;knees&quot;, &quot;toes&quot;]</code> .'
+    testString: 'assert.deepEqual(frankenSplice(["claw", "tentacle"], ["head", "shoulders", "knees", "toes"], 2), ["head", "shoulders", "claw", "tentacle", "knees", "toes"], "<code>frankenSplice(["claw", "tentacle"], ["head", "shoulders", "knees", "toes"], 2)</code> should return <code>["head", "shoulders", "claw", "tentacle", "knees", "toes"]</code>.");'
+  - text: Todos os elementos da primeira matriz devem ser adicionados à segunda matriz na ordem original.
+    testString: 'assert.deepEqual(frankenSplice([1, 2, 3, 4], [], 0), [1, 2, 3, 4], "All elements from the first array should be added to the second array in their original order.");'
+  - text: O primeiro array deve permanecer o mesmo após a execução da função.
+    testString: 'assert(testArr1[0] === 1 && testArr1[1] === 2, "The first array should remain the same after the function runs.");'
+  - text: O segundo array deve permanecer o mesmo após a execução da função.
+    testString: 'assert(testArr2[0] === "a" && testArr2[1] === "b", "The second array should remain the same after the function runs.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function frankenSplice(arr1, arr2, n) {
+  // It's alive. It's alive!
+  return arr2;
+}
+
+frankenSplice([1, 2, 3], [4, 5, 6], 1);
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/title-case-a-sentence.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/title-case-a-sentence.portuguese.md
new file mode 100644
index 0000000000..6c65b7d469
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/title-case-a-sentence.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: ab6137d4e35944e21037b769
+title: Title Case a Sentence
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Title Case a Sentence
+---
+
+## Description
+<section id="description"> Retorna a string fornecida com a primeira letra de cada palavra em maiúscula. Certifique-se de que o restante da palavra esteja em letras minúsculas. Para o propósito deste exercício, você também deve capitalizar palavras de conexão como &quot;o&quot; e &quot;de&quot;. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>titleCase(&quot;I&#39;m a little tea pot&quot;)</code> deve retornar uma string.'
+    testString: 'assert(typeof titleCase("I"m a little tea pot") === "string", "<code>titleCase("I&#39;m a little tea pot")</code> should return a string.");'
+  - text: '<code>titleCase(&quot;I&#39;m a little tea pot&quot;)</code> deve retornar <code>I&#39;m A Little Tea Pot</code> .'
+    testString: 'assert(titleCase("I"m a little tea pot") === "I"m A Little Tea Pot", "<code>titleCase("I&#39;m a little tea pot")</code> should return <code>I&#39;m A Little Tea Pot</code>.");'
+  - text: <code>titleCase(&quot;sHoRt AnD sToUt&quot;)</code> deve retornar <code>Short And Stout</code> .
+    testString: 'assert(titleCase("sHoRt AnD sToUt") === "Short And Stout", "<code>titleCase("sHoRt AnD sToUt")</code> should return <code>Short And Stout</code>.");'
+  - text: <code>titleCase(&quot;HERE IS MY HANDLE HERE IS MY SPOUT&quot;)</code> deve retornar <code>Here Is My Handle Here Is My Spout</code> .
+    testString: 'assert(titleCase("HERE IS MY HANDLE HERE IS MY SPOUT") === "Here Is My Handle Here Is My Spout", "<code>titleCase("HERE IS MY HANDLE HERE IS MY SPOUT")</code> should return <code>Here Is My Handle Here Is My Spout</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function titleCase(str) {
+  return str;
+}
+
+titleCase("I'm a little tea pot");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/truncate-a-string.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/truncate-a-string.portuguese.md
new file mode 100644
index 0000000000..595f63b5b1
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/truncate-a-string.portuguese.md
@@ -0,0 +1,66 @@
+---
+id: ac6993d51946422351508a41
+title: Truncate a String
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Truncar uma string
+---
+
+## Description
+<section id="description"> Truncar uma string (primeiro argumento) se for maior que o tamanho máximo da string (segundo argumento). Retorna a string truncada com um <code>...</code> terminando. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>truncateString(&quot;A-tisket a-tasket A green and yellow basket&quot;, 8)</code> deve retornar &quot;A-tisket ...&quot;.'
+    testString: 'assert(truncateString("A-tisket a-tasket A green and yellow basket", 8) === "A-tisket...", "<code>truncateString("A-tisket a-tasket A green and yellow basket", 8)</code> should return "A-tisket...".");'
+  - text: '<code>truncateString(&quot;Peter Piper picked a peck of pickled peppers&quot;, 11)</code> deve retornar &quot;Peter Piper ...&quot;.'
+    testString: 'assert(truncateString("Peter Piper picked a peck of pickled peppers", 11) === "Peter Piper...", "<code>truncateString("Peter Piper picked a peck of pickled peppers", 11)</code> should return "Peter Piper...".");'
+  - text: '<code>truncateString(&quot;A-tisket a-tasket A green and yellow basket&quot;, &quot;A-tisket a-tasket A green and yellow basket&quot;.length)</code> deve retornar &quot;A-tisket a-tasket Uma cesta verde e amarela&quot;.'
+    testString: 'assert(truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length) === "A-tisket a-tasket A green and yellow basket", "<code>truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length)</code> should return "A-tisket a-tasket A green and yellow basket".");'
+  - text: '<code>truncateString(&quot;A-tisket a-tasket A green and yellow basket&quot;, &quot;A-tisket a-tasket A green and yellow basket&quot;.length + 2)</code> deve retornar &quot;A-tisket a-tasket Uma cesta verde e amarela&quot;.'
+    testString: 'assert(truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length + 2) === "A-tisket a-tasket A green and yellow basket", "<code>truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length + 2)</code> should return "A-tisket a-tasket A green and yellow basket".");'
+  - text: '<code>truncateString(&quot;A-&quot;, 1)</code> deve retornar &quot;A ...&quot;.'
+    testString: 'assert(truncateString("A-", 1) === "A...", "<code>truncateString("A-", 1)</code> should return "A...".");'
+  - text: '<code>truncateString(&quot;Absolutely Longer&quot;, 2)</code> deve retornar &quot;Ab ...&quot;.'
+    testString: 'assert(truncateString("Absolutely Longer", 2) === "Ab...", "<code>truncateString("Absolutely Longer", 2)</code> should return "Ab...".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function truncateString(str, num) {
+  // Clear out that junk in your trunk
+  return str;
+}
+
+truncateString("A-tisket a-tasket A green and yellow basket", 8);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/where-do-i-belong.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/where-do-i-belong.portuguese.md
new file mode 100644
index 0000000000..3c21ba94f4
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/where-do-i-belong.portuguese.md
@@ -0,0 +1,86 @@
+---
+id: a24c1a4622e3c05097f71d67
+title: Where do I Belong
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Onde eu pertenço
+---
+
+## Description
+<section id="description"> Retorna o índice mais baixo no qual um valor (segundo argumento) deve ser inserido em uma matriz (primeiro argumento) depois de ter sido classificado. O valor retornado deve ser um número. Por exemplo, <code>getIndexToIns([1,2,3,4], 1.5)</code> deve retornar <code>1</code> porque é maior que <code>1</code> (índice 0), mas menor que <code>2</code> (índice 1). Da mesma forma, <code>getIndexToIns([20,3,5], 19)</code> deve retornar <code>2</code> porque, uma vez que a matriz foi classificada, ela será semelhante a <code>[3,5,20]</code> e <code>19</code> será menor que <code>20</code> (índice 2) e maior que <code>5</code> ( índice 1). Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>getIndexToIns([10, 20, 30, 40, 50], 35)</code> deve retornar <code>3</code> .'
+    testString: 'assert(getIndexToIns([10, 20, 30, 40, 50], 35) === 3, "<code>getIndexToIns([10, 20, 30, 40, 50], 35)</code> should return <code>3</code>.");'
+  - text: '<code>getIndexToIns([10, 20, 30, 40, 50], 35)</code> deve retornar um número.'
+    testString: 'assert(typeof(getIndexToIns([10, 20, 30, 40, 50], 35)) === "number", "<code>getIndexToIns([10, 20, 30, 40, 50], 35)</code> should return a number.");'
+  - text: '<code>getIndexToIns([10, 20, 30, 40, 50], 30)</code> deve retornar <code>2</code> .'
+    testString: 'assert(getIndexToIns([10, 20, 30, 40, 50], 30) === 2, "<code>getIndexToIns([10, 20, 30, 40, 50], 30)</code> should return <code>2</code>.");'
+  - text: '<code>getIndexToIns([10, 20, 30, 40, 50], 30)</code> deve retornar um número.'
+    testString: 'assert(typeof(getIndexToIns([10, 20, 30, 40, 50], 30)) === "number", "<code>getIndexToIns([10, 20, 30, 40, 50], 30)</code> should return a number.");'
+  - text: '<code>getIndexToIns([40, 60], 50)</code> deve retornar <code>1</code> .'
+    testString: 'assert(getIndexToIns([40, 60], 50) === 1, "<code>getIndexToIns([40, 60], 50)</code> should return <code>1</code>.");'
+  - text: '<code>getIndexToIns([40, 60], 50)</code> deve retornar um número.'
+    testString: 'assert(typeof(getIndexToIns([40, 60], 50)) === "number", "<code>getIndexToIns([40, 60], 50)</code> should return a number.");'
+  - text: '<code>getIndexToIns([3, 10, 5], 3)</code> deve retornar <code>0</code> .'
+    testString: 'assert(getIndexToIns([3, 10, 5], 3) === 0, "<code>getIndexToIns([3, 10, 5], 3)</code> should return <code>0</code>.");'
+  - text: '<code>getIndexToIns([3, 10, 5], 3)</code> deve retornar um número.'
+    testString: 'assert(typeof(getIndexToIns([3, 10, 5], 3)) === "number", "<code>getIndexToIns([3, 10, 5], 3)</code> should return a number.");'
+  - text: '<code>getIndexToIns([5, 3, 20, 3], 5)</code> deve retornar <code>2</code> .'
+    testString: 'assert(getIndexToIns([5, 3, 20, 3], 5) === 2, "<code>getIndexToIns([5, 3, 20, 3], 5)</code> should return <code>2</code>.");'
+  - text: '<code>getIndexToIns([5, 3, 20, 3], 5)</code> deve retornar um número.'
+    testString: 'assert(typeof(getIndexToIns([5, 3, 20, 3], 5)) === "number", "<code>getIndexToIns([5, 3, 20, 3], 5)</code> should return a number.");'
+  - text: '<code>getIndexToIns([2, 20, 10], 19)</code> deve retornar <code>2</code> .'
+    testString: 'assert(getIndexToIns([2, 20, 10], 19) === 2, "<code>getIndexToIns([2, 20, 10], 19)</code> should return <code>2</code>.");'
+  - text: '<code>getIndexToIns([2, 20, 10], 19)</code> deve retornar um número.'
+    testString: 'assert(typeof(getIndexToIns([2, 20, 10], 19)) === "number", "<code>getIndexToIns([2, 20, 10], 19)</code> should return a number.");'
+  - text: '<code>getIndexToIns([2, 5, 10], 15)</code> deve retornar <code>3</code> .'
+    testString: 'assert(getIndexToIns([2, 5, 10], 15) === 3, "<code>getIndexToIns([2, 5, 10], 15)</code> should return <code>3</code>.");'
+  - text: '<code>getIndexToIns([2, 5, 10], 15)</code> deve retornar um número.'
+    testString: 'assert(typeof(getIndexToIns([2, 5, 10], 15)) === "number", "<code>getIndexToIns([2, 5, 10], 15)</code> should return a number.");'
+  - text: '<code>getIndexToIns([], 1)</code> deve retornar <code>0</code> .'
+    testString: 'assert(getIndexToIns([], 1) === 0, "<code>getIndexToIns([], 1)</code> should return <code>0</code>.");'
+  - text: '<code>getIndexToIns([], 1)</code> deve retornar um número.'
+    testString: 'assert(typeof(getIndexToIns([], 1)) === "number", "<code>getIndexToIns([], 1)</code> should return a number.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getIndexToIns(arr, num) {
+  // Find my place in this sorted array.
+  return num;
+}
+
+getIndexToIns([40, 60], 50);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/-iterate-through-the-keys-of-an-object-with-a-for...in-statement.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/-iterate-through-the-keys-of-an-object-with-a-for...in-statement.portuguese.md
new file mode 100644
index 0000000000..374ac68514
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/-iterate-through-the-keys-of-an-object-with-a-for...in-statement.portuguese.md
@@ -0,0 +1,76 @@
+---
+id: 587d7b7d367417b2b2512b1d
+title: ' Iterate Through the Keys of an Object with a for...in Statement'
+challengeType: 1
+videoUrl: ''
+localeTitle: Iterar através das chaves de um objeto com um para ... em declaração
+---
+
+## Description
+<section id="description"> Às vezes, você pode precisar iterar por todas as chaves de um objeto. Isso requer uma sintaxe específica em JavaScript chamada uma instrução <dfn>for ... in</dfn> . Para o nosso objeto de <code>users</code> , isso poderia parecer com: <blockquote> para (deixar usuário nos usuários) { <br> console.log (usuário); <br> }; <br><br> // logs: <br> Alan <br> Jeff <br> Sarah <br> Ryan </blockquote> Nesta declaração, definimos um <code>user</code> variável e, como você pode ver, essa variável foi redefinida durante cada iteração para cada uma das chaves do objeto à medida que a instrução passava pelo objeto, resultando na impressão do nome de cada usuário no console. <strong>NOTA:</strong> <br> Objetos não mantêm uma ordenação para chaves armazenadas como as matrizes fazem; assim, a posição das teclas em um objeto, ou a ordem relativa em que ele aparece, é irrelevante ao referenciar ou acessar essa chave. </section>
+
+## Instructions
+<section id="instructions"> Nós definimos uma função, <code>countOnline</code> ; use uma instrução <dfn>for ... in</dfn> dentro dessa função para percorrer os usuários no objeto <code>users</code> e retornar o número de usuários cuja propriedade <code>online</code> está configurada como <code>true</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O objeto <code>users</code> contém usuários <code>Jeff</code> e <code>Ryan</code> com <code>online</code> - <code>online</code> configurados como <code>true</code> e usuários <code>Alan</code> e <code>Sarah</code> com <code>online</code> - <code>online</code> configurados como <code>false</code>
+    testString: 'assert(users.Alan.online === false && users.Jeff.online === true &&  users.Sarah.online === false &&  users.Ryan.online === true, "The <code>users</code> object contains users <code>Jeff</code> and <code>Ryan</code> with <code>online</code> set to <code>true</code> and users <code>Alan</code> and <code>Sarah</code> with <code>online</code> set to <code>false</code>");'
+  - text: A função <code>countOnline</code> retorna o número de usuários com a propriedade <code>online</code> - <code>online</code> configurada como <code>true</code>
+    testString: 'assert((function() { users.Harry = {online: true}; users.Sam = {online: true}; users.Carl = {online: true}; return countOnline(users) })() === 5, "The function <code>countOnline</code> returns the number of users with the <code>online</code> property set to <code>true</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let users = {
+  Alan: {
+    age: 27,
+    online: false
+  },
+  Jeff: {
+    age: 32,
+    online: true
+  },
+  Sarah: {
+    age: 48,
+    online: false
+  },
+  Ryan: {
+    age: 19,
+    online: true
+  }
+};
+
+function countOnline(obj) {
+  // change code below this line
+
+  // change code above this line
+}
+
+console.log(countOnline(users));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.portuguese.md
new file mode 100644
index 0000000000..52750be611
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 5a661e0f1068aca922b3ef17
+title: Access an Array's Contents Using Bracket Notation
+challengeType: 1
+videoUrl: ''
+localeTitle: Acessar o conteúdo de uma matriz usando a notação de suporte
+---
+
+## Description
+<section id="description"> O recurso fundamental de qualquer estrutura de dados é, obviamente, a capacidade de não apenas armazenar dados, mas de recuperar esses dados no comando. Então, agora que aprendemos a criar uma matriz, vamos começar a pensar em como podemos acessar as informações dessa matriz. Quando definimos um array simples como mostrado abaixo, existem 3 itens: <blockquote> vamos ourArray = [&quot;a&quot;, &quot;b&quot;, &quot;c&quot;]; </blockquote> Em uma matriz, cada item da matriz possui um <dfn>índice</dfn> . Esse índice dobra como a posição desse item na matriz e como você faz referência a ele. No entanto, é importante notar, que as matrizes JavaScript são <dfn>zero-indexada,</dfn> o que significa que o primeiro elemento de uma matriz é, na verdade, na posição de <em><strong>ordem zero,</strong></em> não o primeiro. Para recuperar um elemento de uma matriz, podemos colocar um índice entre colchetes e anexá-lo ao final de uma matriz, ou mais comumente, a uma variável que faz referência a um objeto de matriz. Isso é conhecido como <dfn>notação de colchetes</dfn> . Por exemplo, se quisermos recuperar o <code>&quot;a&quot;</code> de <code>ourArray</code> e atribuí-lo a uma variável, podemos fazê-lo com o seguinte código: <blockquote> vamos ourVariable = ourArray [0]; <br> // ourVariable é igual a &quot;a&quot; </blockquote> Além de acessar o valor associado a um índice, você também pode <em>definir</em> um índice para um valor usando a mesma notação: <blockquote> ourArray [1] = &quot;não mais b&quot;; <br> // ourArray agora é igual a [&quot;a&quot;, &quot;not b anymore&quot;, &quot;c&quot;]; </blockquote> Usando a notação de colchetes, agora redefinimos o item no índice 1 de <code>&quot;b&quot;</code> para <code>&quot;not b anymore&quot;</code> . </section>
+
+## Instructions
+<section id="instructions"> Para completar este desafio, defina a 2ª posição (índice <code>1</code> ) de <code>myArray</code> para o que você quiser, além de <code>&quot;b&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray[0]</code> é igual a <code>&quot;a&quot;</code>'
+    testString: 'assert.strictEqual(myArray[0], "a", "<code>myArray[0]</code> is equal to <code>"a"</code>");'
+  - text: '<code>myArray[1]</code> não está mais definido como <code>&quot;b&quot;</code>'
+    testString: 'assert.notStrictEqual(myArray[1], "b", "<code>myArray[1]</code> is no longer set to <code>"b"</code>");'
+  - text: '<code>myArray[2]</code> é igual a <code>&quot;c&quot;</code>'
+    testString: 'assert.strictEqual(myArray[2], "c", "<code>myArray[2]</code> is equal to <code>"c"</code>");'
+  - text: '<code>myArray[3]</code> é igual a <code>&quot;d&quot;</code>'
+    testString: 'assert.strictEqual(myArray[3], "d", "<code>myArray[3]</code> is equal to <code>"d"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myArray = ["a", "b", "c", "d"];
+// change code below this line
+
+//change code above this line
+console.log(myArray);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-property-names-with-bracket-notation.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-property-names-with-bracket-notation.portuguese.md
new file mode 100644
index 0000000000..ef5583392b
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-property-names-with-bracket-notation.portuguese.md
@@ -0,0 +1,73 @@
+---
+id: 587d7b7c367417b2b2512b1a
+title: Access Property Names with Bracket Notation
+challengeType: 1
+videoUrl: ''
+localeTitle: Acessar nomes de propriedades com notação de suporte
+---
+
+## Description
+<section id="description"> No primeiro desafio de objeto, mencionamos o uso da notação de colchetes como uma forma de acessar valores de propriedade usando a avaliação de uma variável. Por exemplo, imagine que nosso objeto de <code>foods</code> esteja sendo usado em um programa para uma caixa registradora de supermercado. Temos alguma função que define o <code>selectedFood</code> e queremos verificar o nosso objeto de <code>foods</code> para a presença desse alimento. Isso pode parecer com: <blockquote> let selectedFood = getCurrentFood (scannedItem); <br> let inventory = foods [selectedFood]; </blockquote> Esse código avaliará o valor armazenado na variável <code>selectedFood</code> e retornará o valor dessa chave no objeto <code>foods</code> , ou <code>undefined</code> se não estiver presente. A notação de colchetes é muito útil porque às vezes as propriedades do objeto não são conhecidas antes do tempo de execução ou precisamos acessá-las de uma maneira mais dinâmica. </section>
+
+## Instructions
+<section id="instructions"> Nós definimos uma função, <code>checkInventory</code> , que recebe um item varrido como argumento. Retorna o valor atual da chave <code>scannedItem</code> no objeto <code>foods</code> . Você pode assumir que apenas chaves válidas serão fornecidas como um argumento para verificar <code>checkInventory</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>checkInventory</code> é uma função
+    testString: 'assert.strictEqual(typeof checkInventory, "function", "<code>checkInventory</code> is a function");'
+  - text: 'Os <code>foods</code> objeto devem ter apenas os seguintes pares de valores-chave: <code>apples: 25</code> , <code>oranges: 32</code> , <code>plums: 28</code> , <code>bananas: 13</code> , <code>grapes: 35</code> , <code>strawberries: 27</code>'
+    testString: 'assert.deepEqual(foods, {apples: 25, oranges: 32, plums: 28, bananas: 13, grapes: 35, strawberries: 27}, "The <code>foods</code> object should have only the following key-value pairs: <code>apples: 25</code>, <code>oranges: 32</code>, <code>plums: 28</code>, <code>bananas: 13</code>, <code>grapes: 35</code>, <code>strawberries: 27</code>");'
+  - text: <code>checkInventory(&quot;apples&quot;)</code> deve retornar <code>25</code>
+    testString: 'assert.strictEqual(checkInventory("apples"), 25, "<code>checkInventory("apples")</code> should return <code>25</code>");'
+  - text: <code>checkInventory(&quot;bananas&quot;)</code> deve retornar <code>13</code>
+    testString: 'assert.strictEqual(checkInventory("bananas"), 13, "<code>checkInventory("bananas")</code> should return <code>13</code>");'
+  - text: <code>checkInventory(&quot;strawberries&quot;)</code> deve retornar <code>27</code>
+    testString: 'assert.strictEqual(checkInventory("strawberries"), 27, "<code>checkInventory("strawberries")</code> should return <code>27</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let foods = {
+  apples: 25,
+  oranges: 32,
+  plums: 28,
+  bananas: 13,
+  grapes: 35,
+  strawberries: 27
+};
+// do not change code above this line
+
+function checkInventory(scannedItem) {
+  // change code below this line
+
+}
+
+// change code below this line to test different cases:
+console.log(checkInventory("apples"));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-to-an-array-with-push-and-unshift.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-to-an-array-with-push-and-unshift.portuguese.md
new file mode 100644
index 0000000000..72622c7e59
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-to-an-array-with-push-and-unshift.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 587d78b2367417b2b2512b0e
+title: Add Items to an Array with push() and unshift()
+challengeType: 1
+videoUrl: ''
+localeTitle: Adicionar itens a uma matriz com push () e unshift ()
+---
+
+## Description
+<section id="description"> O comprimento de um array, como os tipos de dados que ele pode conter, não é fixo. Os arrays podem ser definidos com um comprimento de qualquer número de elementos, e os elementos podem ser adicionados ou removidos ao longo do tempo; em outras palavras, matrizes são <dfn>mutáveis</dfn> . Neste desafio, veremos dois métodos com os quais podemos modificar programaticamente um array: <code>Array.push()</code> e <code>Array.unshift()</code> . Ambos os métodos usam um ou mais elementos como parâmetros e adicionam esses elementos à matriz na qual o método está sendo chamado; o método <code>push()</code> adiciona elementos ao final de um array, e <code>unshift()</code> adiciona elementos ao começo. Considere o seguinte: <blockquote> deixe vinte e três = &#39;XXIII&#39;; <br> let romanNumerals = [&#39;XXI&#39;, &#39;XXII&#39;]; <br><br> romanNumerals.unshift (&#39;XIX&#39;, &#39;XX&#39;); <br> // agora é igual a [&#39;XIX&#39;, &#39;XX&#39;, &#39;XXI&#39;, &#39;XXII&#39;] <br><br> romanNumerals.push (vinte e três); <br> // agora é igual a [&#39;XIX&#39;, &#39;XX&#39;, &#39;XXI&#39;, &#39;XXII&#39;, &#39;XXIII&#39;] Note que também podemos passar variáveis, o que nos permite uma flexibilidade ainda maior em modificar dinamicamente os dados da nossa matriz. </blockquote></section>
+
+## Instructions
+<section id="instructions"> Nós definimos uma função, <code>mixedNumbers</code> , que estamos passando um array como argumento. Modifique a função usando <code>push()</code> e <code>unshift()</code> para adicionar <code>&#39;I&#39;, 2, &#39;three&#39;</code> ao início da matriz e <code>7, &#39;VIII&#39;, 9</code> até o final, para que a matriz retornada contenha representações dos números 1-9 em ordem. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>mixedNumbers([&quot;IV&quot;, 5, &quot;six&quot;])</code> deve retornar agora <code>[&quot;I&quot;, 2, &quot;three&quot;, &quot;IV&quot;, 5, &quot;six&quot;, 7, &quot;VIII&quot;, 9]</code>'
+    testString: 'assert.deepEqual(mixedNumbers(["IV", 5, "six"]), ["I", 2, "three", "IV", 5, "six", 7, "VIII", 9], "<code>mixedNumbers(["IV", 5, "six"])</code> should now return <code>["I", 2, "three", "IV", 5, "six", 7, "VIII", 9]</code>");'
+  - text: A função <code>mixedNumbers</code> deve utilizar o método <code>push()</code>
+    testString: 'assert.notStrictEqual(mixedNumbers.toString().search(/\.push\(/), -1, "The <code>mixedNumbers</code> function should utilize the <code>push()</code> method");'
+  - text: A função <code>mixedNumbers</code> deve utilizar o método <code>unshift()</code>
+    testString: 'assert.notStrictEqual(mixedNumbers.toString().search(/\.unshift\(/), -1, "The <code>mixedNumbers</code> function should utilize the <code>unshift()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function mixedNumbers(arr) {
+  // change code below this line
+
+  // change code above this line
+  return arr;
+}
+
+// do not change code below this line
+console.log(mixedNumbers(['IV', 5, 'six']));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.portuguese.md
new file mode 100644
index 0000000000..f6e3a78497
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 587d78b3367417b2b2512b11
+title: Add Items Using splice()
+challengeType: 1
+videoUrl: ''
+localeTitle: Adicionar itens usando splice ()
+---
+
+## Description
+<section id="description"> Lembre-se no último desafio que mencionamos que <code>splice()</code> pode levar até três parâmetros? Bem, podemos ir um passo além com <code>splice()</code> - além de remover elementos, podemos usar esse terceiro parâmetro, que representa um ou mais elementos, para <em>adicioná-</em> los também. Isso pode ser incrivelmente útil para trocar rapidamente um elemento ou um conjunto de elementos por outro. Por exemplo, digamos que você esteja armazenando um esquema de cores para um conjunto de elementos DOM em uma matriz e queira alterar dinamicamente uma cor com base em alguma ação: <blockquote> function colorChange (arr, index, newColor) { <br> arr.splice (index, 1, newColor); <br> return arr; <br> } <br><br> deixe colorScheme = [&#39;# 878787&#39;, &#39;# a08794&#39;, &#39;# bb7e8c&#39;, &#39;# c9b6be&#39;, &#39;# d1becf&#39;]; <br><br> colorScheme = colorChange (colorScheme, 2, &#39;# 332327&#39;); <br> // removemos &#39;# bb7e8c&#39; e adicionamos &#39;# 332327&#39; em seu lugar <br> // colorScheme agora é igual a [&#39;# 878787&#39;, &#39;# a08794&#39;, &#39;# 332327&#39;, &#39;# c9b6be&#39;, &#39;# d1becf&#39;] </blockquote> Essa função usa uma matriz de valores hexadecimais, um índice no qual remover um elemento e a nova cor para substituir o elemento removido. O valor de retorno é uma matriz contendo um esquema de cores recém-modificado! Embora este exemplo seja um pouco simplificado, podemos ver o valor que a <code>splice()</code> pode ter no seu potencial máximo. </section>
+
+## Instructions
+<section id="instructions"> Nós definimos uma função, <code>htmlColorNames</code> , que usa uma matriz de cores HTML como argumento. Modifique a função usando <code>splice()</code> para remover os dois primeiros elementos da matriz e adicione <code>&#39;DarkSalmon&#39;</code> e <code>&#39;BlanchedAlmond&#39;</code> em seus respectivos locais. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>htmlColorNames</code> deve retornar <code>[&quot;DarkSalmon&quot;, &quot;BlanchedAlmond&quot;, &quot;LavenderBlush&quot;, &quot;PaleTurqoise&quot;, &quot;FireBrick&quot;]</code>'
+    testString: 'assert.deepEqual(htmlColorNames(["DarkGoldenRod", "WhiteSmoke", "LavenderBlush", "PaleTurqoise", "FireBrick"]), ["DarkSalmon", "BlanchedAlmond", "LavenderBlush", "PaleTurqoise", "FireBrick"], "<code>htmlColorNames</code> should return <code>["DarkSalmon", "BlanchedAlmond", "LavenderBlush", "PaleTurqoise", "FireBrick"]</code>");'
+  - text: A função <code>htmlColorNames</code> deve utilizar o método <code>splice()</code>
+    testString: 'assert(/.splice/.test(code), "The <code>htmlColorNames</code> function should utilize the <code>splice()</code> method");'
+  - text: Você não deve usar <code>shift()</code> ou <code>unshift()</code> .
+    testString: 'assert(!/shift|unshift/.test(code), "You should not use <code>shift()</code> or <code>unshift()</code>.");'
+  - text: Você não deve usar a notação de colchetes de matriz.
+    testString: 'assert(!/\[\d\]\s*=/.test(code), "You should not use array bracket notation.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function htmlColorNames(arr) {
+  // change code below this line
+
+  // change code above this line
+  return arr;
+}
+
+// do not change code below this line
+console.log(htmlColorNames(['DarkGoldenRod', 'WhiteSmoke', 'LavenderBlush', 'PaleTurqoise', 'FireBrick']));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.portuguese.md
new file mode 100644
index 0000000000..d0bb082b0b
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.portuguese.md
@@ -0,0 +1,67 @@
+---
+id: 587d7b7c367417b2b2512b18
+title: Add Key-Value Pairs to JavaScript Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: Adicionar pares de valor-chave a objetos JavaScript
+---
+
+## Description
+<section id="description"> Em sua forma mais básica, os objetos são apenas coleções de <dfn>pares de valores-chave</dfn> ou, em outras palavras, partes de dados mapeados para identificadores exclusivos que chamamos de <dfn>propriedades</dfn> ou <dfn>chaves</dfn> . Vamos dar uma olhada em um exemplo muito simples: <blockquote> deixar FCC_User = { <br> nome de usuário: &#39;awesome_coder&#39;, <br> seguidores: 572, <br> pontos: 1741, <br> concluídosProjetos: 15 <br> }; </blockquote> O código acima define um objeto chamado <code>FCC_User</code> que possui quatro <dfn>propriedades</dfn> , cada uma <code>FCC_User</code> para um valor específico. Se quisermos saber o número de <code>followers</code> <code>FCC_User</code> tem, podemos acessar essa propriedade escrevendo: <blockquote> deixe userData = FCC_User.followers; <br> // userData é igual a 572 </blockquote> Isso é chamado de <dfn>notação de ponto</dfn> . Alternativamente, também podemos acessar a propriedade com colchetes, da seguinte forma: <blockquote> deixe userData = FCC_User [&#39;followers&#39;] <br> // userData é igual a 572 </blockquote> Observe que, com a <dfn>notação de colchetes</dfn> , incluímos <code>followers</code> entre aspas. Isso ocorre porque os colchetes realmente nos permitem passar uma variável para ser avaliada como um nome de propriedade (dica: tenha isso em mente para mais tarde!). Se tivéssemos passado <code>followers</code> sem as aspas, o mecanismo JavaScript teria tentado avaliá-lo como uma variável, e um <code>ReferenceError: followers is not defined</code> teria sido lançado. </section>
+
+## Instructions
+<section id="instructions"> Usando a mesma sintaxe, também podemos <em><strong>adicionar novos</strong></em> pares de valores-chave a objetos. Criamos um objeto de <code>foods</code> com três entradas. Adicione mais três entradas: <code>bananas</code> com um valor de <code>13</code> , <code>grapes</code> com um valor de <code>35</code> e <code>strawberries</code> com um valor de <code>27</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>foods</code> é um objeto
+    testString: 'assert(typeof foods === "object", "<code>foods</code> is an object");'
+  - text: O objeto <code>foods</code> tem uma chave <code>&quot;bananas&quot;</code> com um valor de <code>13</code>
+    testString: 'assert(foods.bananas === 13, "The <code>foods</code> object has a key <code>"bananas"</code> with a value of <code>13</code>");'
+  - text: O objeto <code>foods</code> tem uma chave <code>&quot;grapes&quot;</code> com um valor de <code>35</code>
+    testString: 'assert(foods.grapes === 35, "The <code>foods</code> object has a key <code>"grapes"</code> with a value of <code>35</code>");'
+  - text: O objeto de <code>foods</code> tem uma chave <code>&quot;strawberries&quot;</code> com um valor de <code>27</code>
+    testString: 'assert(foods.strawberries === 27, "The <code>foods</code> object has a key <code>"strawberries"</code> with a value of <code>27</code>");'
+  - text: Os pares de valor-chave devem ser definidos usando a notação de pontos ou colchetes
+    testString: 'assert(code.search(/bananas:/) === -1 && code.search(/grapes:/) === -1 && code.search(/strawberries:/) === -1, "The key-value pairs should be set using dot or bracket notation");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let foods = {
+  apples: 25,
+  oranges: 32,
+  plums: 28
+};
+
+// change code below this line
+
+// change code above this line
+
+console.log(foods);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/check-for-the-presence-of-an-element-with-indexof.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/check-for-the-presence-of-an-element-with-indexof.portuguese.md
new file mode 100644
index 0000000000..63e0fe1613
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/check-for-the-presence-of-an-element-with-indexof.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b7b367417b2b2512b14
+title: Check For The Presence of an Element With indexOf()
+challengeType: 1
+videoUrl: ''
+localeTitle: Verificar a presença de um elemento com indexOf ()
+---
+
+## Description
+<section id="description"> Desde matrizes pode ser alterado, ou <em>mutante,</em> a qualquer momento, não há nenhuma garantia sobre onde uma determinada peça de dados estará em uma determinada matriz, ou se esse elemento, mesmo ainda existe. Felizmente, o JavaScript nos fornece outro método integrado, <code>indexOf()</code> , que nos permite verificar rápida e facilmente a presença de um elemento em uma matriz. <code>indexOf()</code> usa um elemento como parâmetro e, quando chamado, retorna a posição, ou índice, desse elemento, ou <code>-1</code> se o elemento não existir na matriz. Por exemplo: <blockquote> deixe frutas = [&#39;maçãs&#39;, &#39;pêras&#39;, &#39;laranjas&#39;, &#39;pêssegos&#39;, &#39;pêras&#39;]; <br><br> fruits.indexOf (&#39;datas&#39;) // retorna -1 <br> fruits.indexOf (&#39;laranjas&#39;) // retorna 2 <br> fruits.indexOf (&#39;pears&#39;) // retorna 1, o primeiro índice no qual o elemento existe </blockquote></section>
+
+## Instructions
+<section id="instructions"> <code>indexOf()</code> pode ser incrivelmente útil para verificar rapidamente a presença de um elemento em um array. Nós definimos uma função, <code>quickCheck</code> , que usa um array e um elemento como argumentos. Modifique a função usando <code>indexOf()</code> para que ela retorne <code>true</code> se o elemento passado existir na matriz e <code>false</code> se não existir. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>quickCheck([&quot;squash&quot;, &quot;onions&quot;, &quot;shallots&quot;], &quot;mushrooms&quot;)</code> devem retornar <code>false</code>'
+    testString: 'assert.strictEqual(quickCheck(["squash", "onions", "shallots"], "mushrooms"), false, "<code>quickCheck(["squash", "onions", "shallots"], "mushrooms")</code> should return <code>false</code>");'
+  - text: '<code>quickCheck([&quot;squash&quot;, &quot;onions&quot;, &quot;shallots&quot;], &quot;onions&quot;)</code> devem retornar <code>true</code>'
+    testString: 'assert.strictEqual(quickCheck(["squash", "onions", "shallots"], "onions"), true, "<code>quickCheck(["squash", "onions", "shallots"], "onions")</code> should return <code>true</code>");'
+  - text: '<code>quickCheck([3, 5, 9, 125, 45, 2], 125)</code> deve retornar <code>true</code>'
+    testString: 'assert.strictEqual(quickCheck([3, 5, 9, 125, 45, 2], 125), true, "<code>quickCheck([3, 5, 9, 125, 45, 2], 125)</code> should return <code>true</code>");'
+  - text: '<code>quickCheck([true, false, false], undefined)</code> deve retornar <code>false</code>'
+    testString: 'assert.strictEqual(quickCheck([true, false, false], undefined), false, "<code>quickCheck([true, false, false], undefined)</code> should return <code>false</code>");'
+  - text: A função <code>quickCheck</code> deve utilizar o método <code>indexOf()</code>
+    testString: 'assert.notStrictEqual(quickCheck.toString().search(/\.indexOf\(/), -1, "The <code>quickCheck</code> function should utilize the <code>indexOf()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function quickCheck(arr, elem) {
+  // change code below this line
+
+  // change code above this line
+}
+
+// change code here to test different cases:
+console.log(quickCheck(['squash', 'onions', 'shallots'], 'mushrooms'));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/check-if-an-object-has-a-property.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/check-if-an-object-has-a-property.portuguese.md
new file mode 100644
index 0000000000..48fc39ea7c
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/check-if-an-object-has-a-property.portuguese.md
@@ -0,0 +1,78 @@
+---
+id: 587d7b7d367417b2b2512b1c
+title: Check if an Object has a Property
+challengeType: 1
+videoUrl: ''
+localeTitle: Verificar se um objeto tem uma propriedade
+---
+
+## Description
+<section id="description"> Agora podemos adicionar, modificar e remover chaves de objetos. Mas e se apenas quiséssemos saber se um objeto tem uma propriedade específica? O JavaScript nos fornece duas maneiras diferentes de fazer isso. Um usa o método <code>hasOwnProperty()</code> e o outro usa a palavra-chave <code>in</code> . Se tivermos um objeto <code>users</code> com uma propriedade de <code>Alan</code> , poderemos verificar sua presença de uma das seguintes maneiras: <blockquote> users.hasOwnProperty (&#39;Alan&#39;); <br> &#39;Alan&#39; nos usuários; <br> // ambos retornam true </blockquote></section>
+
+## Instructions
+<section id="instructions"> Criamos um objeto, <code>users</code> , com alguns usuários e uma função <code>isEveryoneHere</code> , à qual passamos o objeto <code>users</code> como um argumento. Termine de escrever esta função para que ela retorne <code>true</code> somente se o objeto <code>users</code> contiver todos os quatro nomes, <code>Alan</code> , <code>Jeff</code> , <code>Sarah</code> e <code>Ryan</code> , como chaves, e <code>false</code> caso contrário. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O objeto <code>users</code> contém apenas as chaves <code>Alan</code> , <code>Jeff</code> , <code>Sarah</code> e <code>Ryan</code>'
+    testString: 'assert("Alan" in users && "Jeff" in users && "Sarah" in users && "Ryan" in users && Object.keys(users).length === 4, "The <code>users</code> object only contains the keys <code>Alan</code>, <code>Jeff</code>, <code>Sarah</code>, and <code>Ryan</code>");'
+  - text: 'A função <code>isEveryoneHere</code> retornará <code>true</code> se <code>Alan</code> , <code>Jeff</code> , <code>Sarah</code> e <code>Ryan</code> forem propriedades no objeto <code>users</code>'
+    testString: 'assert(isEveryoneHere(users) === true, "The function <code>isEveryoneHere</code> returns <code>true</code> if <code>Alan</code>, <code>Jeff</code>, <code>Sarah</code>, and <code>Ryan</code> are properties on the <code>users</code> object");'
+  - text: 'A função <code>isEveryoneHere</code> retorna <code>false</code> se <code>Alan</code> , <code>Jeff</code> , <code>Sarah</code> e <code>Ryan</code> não forem propriedades no objeto <code>users</code>'
+    testString: 'assert((function() { delete users.Alan; delete users.Jeff; delete users.Sarah; delete users.Ryan; return isEveryoneHere(users) })() === false, "The function <code>isEveryoneHere</code> returns <code>false</code> if <code>Alan</code>, <code>Jeff</code>, <code>Sarah</code>, and <code>Ryan</code> are not properties on the <code>users</code> object");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let users = {
+  Alan: {
+    age: 27,
+    online: true
+  },
+  Jeff: {
+    age: 32,
+    online: true
+  },
+  Sarah: {
+    age: 48,
+    online: true
+  },
+  Ryan: {
+    age: 19,
+    online: true
+  }
+};
+
+function isEveryoneHere(obj) {
+  // change code below this line
+
+  // change code above this line
+}
+
+console.log(isEveryoneHere(users));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/combine-arrays-with-the-spread-operator.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/combine-arrays-with-the-spread-operator.portuguese.md
new file mode 100644
index 0000000000..de9826642f
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/combine-arrays-with-the-spread-operator.portuguese.md
@@ -0,0 +1,58 @@
+---
+id: 587d7b7b367417b2b2512b17
+title: Combine Arrays with the Spread Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Combine Arrays com o Operador de Spread
+---
+
+## Description
+<section id="description"> Outra grande vantagem do operador de <dfn>propagação</dfn> é a capacidade de combinar matrizes ou de inserir todos os elementos de um array em outro, em qualquer índice. Com sintaxes mais tradicionais, podemos concatenar matrizes, mas isso só nos permite combinar matrizes no final de um, e no início de outro. A sintaxe de propagação torna a seguinte operação extremamente simples: <blockquote> deixe thisArray = [&#39;sábio&#39;, &#39;alecrim&#39;, &#39;salsa&#39;, &#39;tomilho&#39;]; <br><br> deixe thatArray = [&#39;manjericão&#39;, &#39;coentro&#39;, ... thisArray, &#39;coentro&#39;]; <br> // thatArray agora é igual a [&#39;manjericão&#39;, &#39;coentro&#39;, &#39;sálvia&#39;, &#39;alecrim&#39;, &#39;salsa&#39;, &#39;tomilho&#39;, &#39;coentro&#39;] </blockquote> Usando a sintaxe de propagação, acabamos de obter uma operação que teria sido mais complexa e mais detalhada se tivéssemos usado métodos tradicionais. </section>
+
+## Instructions
+<section id="instructions"> Definimos uma função <code>spreadOut</code> que retorna a <code>sentence</code> variável, modifica a função usando o operador <dfn>spread</dfn> para que ela retorne a matriz <code>[&#39;learning&#39;, &#39;to&#39;, &#39;code&#39;, &#39;is&#39;, &#39;fun&#39;]</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>spreadOut</code> deve retornar <code>[&quot;learning&quot;, &quot;to&quot;, &quot;code&quot;, &quot;is&quot;, &quot;fun&quot;]</code>'
+    testString: 'assert.deepEqual(spreadOut(), ["learning", "to", "code", "is", "fun"], "<code>spreadOut</code> should return <code>["learning", "to", "code", "is", "fun"]</code>");'
+  - text: A função <code>spreadOut</code> deve utilizar a sintaxe de propagação
+    testString: 'assert.notStrictEqual(spreadOut.toString().search(/[...]/), -1, "The <code>spreadOut</code> function should utilize spread syntax");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function spreadOut() {
+  let fragment = ['to', 'code'];
+  let sentence; // change this line
+  return sentence;
+}
+
+// do not change code below this line
+console.log(spreadOut());
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-an-array-with-the-spread-operator.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-an-array-with-the-spread-operator.portuguese.md
new file mode 100644
index 0000000000..c416c62978
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-an-array-with-the-spread-operator.portuguese.md
@@ -0,0 +1,69 @@
+---
+id: 587d7b7b367417b2b2512b13
+title: Copy an Array with the Spread Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Copiar uma matriz com o operador de propagação
+---
+
+## Description
+<section id="description"> Enquanto <code>slice()</code> nos permite ser seletivo sobre quais elementos de um array copiar, entre várias outras tarefas úteis, o novo <dfn>operador spread</dfn> do ES6 nos permite copiar facilmente <em>todos</em> os elementos de um array, em ordem, com uma sintaxe simples e altamente legível. A sintaxe de propagação simplesmente se parece com isso: <code>...</code> Na prática, podemos usar o operador de propagação para copiar uma matriz da seguinte forma: <blockquote> let thisArray = [verdadeiro, verdadeiro, indefinido, falso, nulo]; <br> deixe thatArray = [... thisArray]; <br> // thatArray é igual a [verdadeiro, verdadeiro, indefinido, falso, nulo] <br> // thisArray permanece inalterado e é idêntico a thatArray </blockquote></section>
+
+## Instructions
+<section id="instructions"> Nós definimos uma função, <code>copyMachine</code> que pega <code>arr</code> (um array) e <code>num</code> (um número) como argumentos. A função deve retornar uma nova matriz composta de um <code>num</code> cópias de <code>arr</code> . Nós fizemos a maior parte do trabalho para você, mas ainda não funciona bem. Modifique a função usando a sintaxe de propagação para que ela funcione corretamente (dica: outro método que já abordamos pode ser útil aqui!). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>copyMachine([true, false, true], 2)</code> deve retornar <code>[[true, false, true], [true, false, true]]</code>'
+    testString: 'assert.deepEqual(copyMachine([true, false, true], 2), [[true, false, true], [true, false, true]], "<code>copyMachine([true, false, true], 2)</code> should return <code>[[true, false, true], [true, false, true]]</code>");'
+  - text: '<code>copyMachine([1, 2, 3], 5)</code> deve retornar <code>[[1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3]]</code>'
+    testString: 'assert.deepEqual(copyMachine([1, 2, 3], 5), [[1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3]], "<code>copyMachine([1, 2, 3], 5)</code> should return <code>[[1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3]]</code>");'
+  - text: '<code>copyMachine([true, true, null], 1)</code> deve retornar <code>[[true, true, null]]</code>'
+    testString: 'assert.deepEqual(copyMachine([true, true, null], 1), [[true, true, null]], "<code>copyMachine([true, true, null], 1)</code> should return <code>[[true, true, null]]</code>");'
+  - text: '<code>copyMachine([&quot;it works&quot;], 3)</code> deve retornar <code>[[&quot;it works&quot;], [&quot;it works&quot;], [&quot;it works&quot;]]</code>'
+    testString: 'assert.deepEqual(copyMachine(["it works"], 3), [["it works"], ["it works"], ["it works"]], "<code>copyMachine(["it works"], 3)</code> should return <code>[["it works"], ["it works"], ["it works"]]</code>");'
+  - text: A função <code>copyMachine</code> deve utilizar o <code>spread operator</code> com array <code>arr</code>
+    testString: 'assert.notStrictEqual(copyMachine.toString().indexOf(".concat(_toConsumableArray(arr))"), -1, "The <code>copyMachine</code> function should utilize the <code>spread operator</code> with array <code>arr</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function copyMachine(arr, num) {
+  let newArr = [];
+  while (num >= 1) {
+    // change code below this line
+
+    // change code above this line
+    num--;
+  }
+  return newArr;
+}
+
+// change code here to test different cases:
+console.log(copyMachine([true, false, true], 2));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-array-items-using-slice.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-array-items-using-slice.portuguese.md
new file mode 100644
index 0000000000..58b7e05c8e
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-array-items-using-slice.portuguese.md
@@ -0,0 +1,58 @@
+---
+id: 587d7b7a367417b2b2512b12
+title: Copy Array Items Using slice()
+challengeType: 1
+videoUrl: ''
+localeTitle: Copiar itens de matriz usando slice ()
+---
+
+## Description
+<section id="description"> O próximo método que abordaremos é <code>slice()</code> . <code>slice()</code> , em vez de modificar uma matriz, copia ou <em>extrai</em> um determinado número de elementos para uma nova matriz, deixando a matriz em que é chamada intocada. <code>slice()</code> usa apenas dois parâmetros - o primeiro é o índice no qual iniciar a extração e o segundo é o índice no qual interromper a extração (a extração ocorrerá até, mas não incluindo o elemento nesse índice). Considere isto: <blockquote> let weatherConditions = [&#39;chuva&#39;, &#39;neve&#39;, &#39;granizo&#39;, &#39;granizo&#39;, &#39;claro&#39;]; <br><br> deixe todaysWeather = weatherConditions.slice (1, 3); <br> // todaysWeather é igual a [&#39;snow&#39;, &#39;sleet&#39;]; <br> // weatherConditions ainda é igual a [&#39;rain&#39;, &#39;snow&#39;, &#39;sleet&#39;, &#39;hail&#39;, &#39;clear&#39;] <br></blockquote> Na verdade, criamos uma nova matriz extraindo elementos de uma matriz existente. </section>
+
+## Instructions
+<section id="instructions"> Definimos uma função, <code>forecast</code> , que usa um array como argumento. Modifique a função usando <code>slice()</code> para extrair informações da matriz de argumentos e retornar uma nova matriz que contenha os elementos <code>&#39;warm&#39;</code> e <code>&#39;sunny&#39;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>forecast</code> deve retornar <code>[&quot;warm&quot;, &quot;sunny&quot;]</code>'
+    testString: 'assert.deepEqual(forecast(["cold", "rainy", "warm", "sunny", "cool", "thunderstorms"]), ["warm", "sunny"], "<code>forecast</code> should return <code>["warm", "sunny"]");'
+  - text: A função de <code>forecast</code> deve utilizar o método <code>slice()</code>
+    testString: 'assert(/\.slice\(/.test(code), "The <code>forecast</code> function should utilize the <code>slice()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function forecast(arr) {
+  // change code below this line
+
+  return arr;
+}
+
+// do not change code below this line
+console.log(forecast(['cold', 'rainy', 'warm', 'sunny', 'cool', 'thunderstorms']));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/create-complex-multi-dimensional-arrays.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/create-complex-multi-dimensional-arrays.portuguese.md
new file mode 100644
index 0000000000..5e911829ab
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/create-complex-multi-dimensional-arrays.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b7b367417b2b2512b16
+title: Create complex multi-dimensional arrays
+challengeType: 1
+videoUrl: ''
+localeTitle: Crie matrizes multidimensionais complexas
+---
+
+## Description
+<section id="description"> Impressionante! Você acabou de aprender uma tonelada sobre arrays! Esta foi uma visão geral de alto nível, e há muito mais a aprender sobre como trabalhar com matrizes, muitas das quais você verá em seções posteriores. Mas antes de pensar em <dfn>objetos</dfn> , vamos dar mais uma olhada e ver como as matrizes podem se tornar um pouco mais complexas do que as que vimos nos desafios anteriores. Uma das características mais poderosas quando se pensa em matrizes como estruturas de dados, é que as matrizes podem conter, ou mesmo serem completamente compostas por outras matrizes. Vimos matrizes que contêm matrizes em desafios anteriores, mas que são bem simples. No entanto, os arrays podem conter uma profundidade infinita de arrays que podem conter outros arrays, cada um com seus próprios níveis arbitrários de profundidade, e assim por diante. Dessa forma, um array pode se tornar muito rapidamente uma estrutura de dados muito complexa, conhecida como array <dfn>multidimensional</dfn> ou aninhado. Considere o seguinte exemplo: <blockquote> vamos nestedArray = [// top, ou primeiro nível - o array mais externo <br> [&#39;deep&#39;], // uma matriz dentro de uma matriz, 2 níveis de profundidade <br> [ <br> [&#39;deep&#39;], [&#39;deep&#39;] // 2 arrays aninhados 3 níveis de profundidade <br> ] <br> [ <br> [ <br> [&#39;deepest&#39;], [&#39;deepest&#39;] // 2 arrays aninhados em 4 níveis de profundidade <br> ] <br> [ <br> [ <br> [&#39;deepest-est?&#39;] // uma matriz aninhada a 5 níveis de profundidade <br> ] <br> ] <br> ] <br> ]; </blockquote> Embora esse exemplo possa parecer complicado, esse nível de complexidade não é inédito, ou mesmo incomum, ao lidar com grandes quantidades de dados. No entanto, ainda podemos acessar com facilidade os níveis mais profundos de um array neste complexo com a notação de colchetes: <blockquote> console.log (nestedArray [2] [1] [0] [0] [0]); <br> // logs: deepest? </blockquote> E agora que sabemos onde estão esses dados, podemos redefini-los se precisarmos: <blockquote> nestedArray [2] [1] [0] [0] [0] = &#39;ainda mais profundo&#39;; <br><br> console.log (nestedArray [2] [1] [0] [0] [0]); <br> // agora registra: mais fundo ainda </blockquote></section>
+
+## Instructions
+<section id="instructions"> Nós definimos uma variável, <code>myNestedArray</code> , definida como igual a um array. Modifique <code>myNestedArray</code> , usando qualquer combinação de <dfn>strings</dfn> , <dfn>números</dfn> e <dfn>booleanos</dfn> para elementos de dados, de modo que tenha exatamente cinco níveis de profundidade (lembre-se, a matriz mais externa é nível 1). Em algum lugar no terceiro nível, incluir a string <code>&#39;deep&#39;</code> , no quarto nível, incluir a string <code>&#39;deeper&#39;</code> , e no quinto nível, incluir a string <code>&#39;deepest&#39;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myNestedArray</code> deve conter apenas números, booleanos e cadeias de caracteres como elementos de dados'
+    testString: 'assert.strictEqual((function(arr) { let flattened = (function flatten(arr) { const flat = [].concat(...arr); return flat.some (Array.isArray) ? flatten(flat) : flat; })(arr); for (let i = 0; i < flattened.length; i++) { if ( typeof flattened[i] !== "number" && typeof flattened[i] !== "string" && typeof flattened[i] !== "boolean") { return false } } return true })(myNestedArray), true, "<code>myNestedArray</code> should contain only numbers, booleans, and strings as data elements");'
+  - text: <code>myNestedArray</code> deve ter exatamente 5 níveis de profundidade
+    testString: 'assert.strictEqual((function(arr) {let depth = 0;function arrayDepth(array, i, d) { if (Array.isArray(array[i])) {  arrayDepth(array[i], 0, d + 1);} else {  depth = (d > depth) ? d : depth;}if (i < array.length) {  arrayDepth(array, i + 1, d);}  }arrayDepth(arr, 0, 0);return depth;})(myNestedArray), 4, "<code>myNestedArray</code> should have exactly 5 levels of depth");'
+  - text: <code>myNestedArray</code> deve conter exatamente uma ocorrência da string <code>&quot;deep&quot;</code> em uma matriz aninhada em 3 níveis de profundidade
+    testString: 'assert((function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deep").length === 1 && (function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deep")[0] === 2, "<code>myNestedArray</code> should contain exactly one occurrence of the string <code>"deep"</code> on an array nested 3 levels deep");'
+  - text: <code>myNestedArray</code> deve conter exatamente uma ocorrência da string <code>&quot;deeper&quot;</code> em uma matriz aninhada em 4 níveis de profundidade
+    testString: 'assert((function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deeper").length === 1 && (function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deeper")[0] === 3, "<code>myNestedArray</code> should contain exactly one occurrence of the string <code>"deeper"</code> on an array nested 4 levels deep");'
+  - text: <code>myNestedArray</code> deve conter exatamente uma ocorrência da string <code>&quot;deepest&quot;</code> em uma matriz aninhada em 5 níveis de profundidade
+    testString: 'assert((function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deepest").length === 1 && (function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deepest")[0] === 4, "<code>myNestedArray</code> should contain exactly one occurrence of the string <code>"deepest"</code> on an array nested 5 levels deep");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myNestedArray = [
+  // change code below this line
+  ['unshift', false, 1, 2, 3, 'complex', 'nested'],
+  ['loop', 'shift', 6, 7, 1000, 'method'],
+  ['concat', false, true, 'spread', 'array'],
+  ['mutate', 1327.98, 'splice', 'slice', 'push'],
+  ['iterate', 1.3849, 7, '8.4876', 'arbitrary', 'depth']
+  // change code above this line
+];
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/generate-an-array-of-all-object-keys-with-object.keys.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/generate-an-array-of-all-object-keys-with-object.keys.portuguese.md
new file mode 100644
index 0000000000..1ae9c146c5
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/generate-an-array-of-all-object-keys-with-object.keys.portuguese.md
@@ -0,0 +1,76 @@
+---
+id: 587d7b7d367417b2b2512b1e
+title: Generate an Array of All Object Keys with Object.keys()
+challengeType: 1
+videoUrl: ''
+localeTitle: Gerar uma matriz de todas as chaves de objeto com Object.keys ()
+---
+
+## Description
+<section id="description"> Também podemos gerar um array que contém todas as chaves armazenadas em um objeto usando o método <code>Object.keys()</code> e passando um objeto como argumento. Isso retornará uma matriz com strings representando cada propriedade no objeto. Novamente, não haverá uma ordem específica para as entradas na matriz. </section>
+
+## Instructions
+<section id="instructions"> Termine de gravar a função <code>getArrayOfUsers</code> para que ela retorne uma matriz contendo todas as propriedades no objeto que ela recebe como argumento. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O objeto <code>users</code> contém apenas as chaves <code>Alan</code> , <code>Jeff</code> , <code>Sarah</code> e <code>Ryan</code>'
+    testString: 'assert("Alan" in users && "Jeff" in users && "Sarah" in users && "Ryan" in users && Object.keys(users).length === 4, "The <code>users</code> object only contains the keys <code>Alan</code>, <code>Jeff</code>, <code>Sarah</code>, and <code>Ryan</code>");'
+  - text: A função <code>getArrayOfUsers</code> retorna uma matriz que contém todas as chaves no objeto <code>users</code>
+    testString: 'assert((function() { users.Sam = {}; users.Lewis = {}; let R = getArrayOfUsers(users); return (R.indexOf("Alan") !== -1 && R.indexOf("Jeff") !== -1 && R.indexOf("Sarah") !== -1 && R.indexOf("Ryan") !== -1 && R.indexOf("Sam") !== -1 && R.indexOf("Lewis") !== -1); })() === true, "The <code>getArrayOfUsers</code> function returns an array which contains all the keys in the <code>users</code> object");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let users = {
+  Alan: {
+    age: 27,
+    online: false
+  },
+  Jeff: {
+    age: 32,
+    online: true
+  },
+  Sarah: {
+    age: 48,
+    online: false
+  },
+  Ryan: {
+    age: 19,
+    online: true
+  }
+};
+
+function getArrayOfUsers(obj) {
+  // change code below this line
+
+  // change code above this line
+}
+
+console.log(getArrayOfUsers(users));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-all-an-arrays-items-using-for-loops.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-all-an-arrays-items-using-for-loops.portuguese.md
new file mode 100644
index 0000000000..46ae779130
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-all-an-arrays-items-using-for-loops.portuguese.md
@@ -0,0 +1,66 @@
+---
+id: 587d7b7b367417b2b2512b15
+title: Iterate Through All an Array's Items Using For Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: Iterar Através de Todos os Itens de uma Matriz Usando For Loops
+---
+
+## Description
+<section id="description"> Às vezes, ao trabalhar com arrays, é muito útil poder percorrer cada item para encontrar um ou mais elementos que possamos precisar ou manipular um array com base nos itens de dados que atendem a um determinado conjunto de critérios. O JavaScript oferece vários métodos integrados que cada iterar sobre matrizes de maneiras ligeiramente diferentes para alcançar resultados diferentes (como <code>every()</code> , <code>forEach()</code> , <code>map()</code> , etc.), no entanto, a técnica que é mais flexível e nos oferece o maior quantidade de controlo é um método simples <code>for</code> circuito. Considere o seguinte: <blockquote> function greaterThanTen (arr) { <br> deixe newArr = []; <br> para (let i = 0; i &lt;arr.length; i ++) { <br> if (arr [i]&gt; 10) { <br> newArr.push (arr [i]); <br> } <br> } <br> return newArr; <br> } <br><br> maiorThanTen ([2, 12, 8, 14, 80, 0, 1]); <br> // retorna [12, 14, 80] </blockquote> Usando um loop <code>for</code> , essa função percorre e acessa cada elemento da matriz e a submete a um teste simples que criamos. Dessa maneira, determinamos de maneira fácil e programática quais itens de dados são maiores que <code>10</code> e retornamos um novo array contendo esses itens. </section>
+
+## Instructions
+<section id="instructions"> Nós definimos uma função, <code>filteredArray</code> , que recebe <code>arr</code> , um array aninhado e <code>elem</code> como argumentos, e retorna um novo array. <code>elem</code> representa um elemento que pode ou não estar presente em um ou mais dos arrays aninhados dentro de <code>arr</code> . Modificar a função, utilizando um <code>for</code> de loop, para retornar uma versão filtrada da matriz passou de tal modo que qualquer disposição aninhada dentro <code>arr</code> contendo <code>elem</code> foi removido. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>filteredArray([[10, 8, 3], [14, 6, 23], [3, 18, 6]], 18)</code> deve retornar <code>[ [10, 8, 3], [14, 6, 23] ]</code>'
+    testString: 'assert.deepEqual(filteredArray([ [10, 8, 3], [14, 6, 23], [3, 18, 6] ], 18), [[10, 8, 3], [14, 6, 23]], "<code>filteredArray([[10, 8, 3], [14, 6, 23], [3, 18, 6]], 18)</code> should return <code>[ [10, 8, 3], [14, 6, 23] ]</code>");'
+  - text: '<code>filteredArray([ [&quot;trumpets&quot;, 2], [&quot;flutes&quot;, 4], [&quot;saxophones&quot;, 2] ], 2)</code> deve retornar <code>[ [&quot;flutes&quot;, 4] ]</code>'
+    testString: 'assert.deepEqual(filteredArray([ ["trumpets", 2], ["flutes", 4], ["saxophones", 2] ], 2), [["flutes", 4]], "<code>filteredArray([ ["trumpets", 2], ["flutes", 4], ["saxophones", 2] ], 2)</code> should return <code>[ ["flutes", 4] ]</code>");'
+  - text: '<code>filteredArray([ [&quot;amy&quot;, &quot;beth&quot;, &quot;sam&quot;], [&quot;dave&quot;, &quot;sean&quot;, &quot;peter&quot;] ], &quot;peter&quot;)</code> deve retornar <code>[ [&quot;amy&quot;, &quot;beth&quot;, &quot;sam&quot;] ]</code>'
+    testString: 'assert.deepEqual(filteredArray([["amy", "beth", "sam"], ["dave", "sean", "peter"]], "peter"), [["amy", "beth", "sam"]], "<code>filteredArray([ ["amy", "beth", "sam"], ["dave", "sean", "peter"] ], "peter")</code> should return <code>[ ["amy", "beth", "sam"] ]</code>");'
+  - text: '<code>filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3)</code> deve retornar <code>[ ]</code>'
+    testString: 'assert.deepEqual(filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3), [], "<code>filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3)</code> should return <code>[ ]</code>");'
+  - text: A função <code>filteredArray</code> deve utilizar um loop <code>for</code>
+    testString: 'assert.notStrictEqual(filteredArray.toString().search(/for/), -1, "The <code>filteredArray</code> function should utilize a <code>for</code> loop");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function filteredArray(arr, elem) {
+  let newArr = [];
+  // change code below this line
+
+  // change code above this line
+  return newArr;
+}
+
+// change code here to test different cases:
+console.log(filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-array-stored-in-an-object.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-array-stored-in-an-object.portuguese.md
new file mode 100644
index 0000000000..fd1c544dfc
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-array-stored-in-an-object.portuguese.md
@@ -0,0 +1,79 @@
+---
+id: 587d7b7d367417b2b2512b1f
+title: Modify an Array Stored in an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: Modificar uma matriz armazenada em um objeto
+---
+
+## Description
+<section id="description"> Agora você viu todas as operações básicas para objetos JavaScript. Você pode adicionar, modificar e remover pares de valores-chave, verificar se existem chaves e iterar sobre todas as chaves em um objeto. À medida que você continua aprendendo JavaScript, você verá aplicativos ainda mais versáteis de objetos. Além disso, as lições opcionais de estruturas de dados avançadas, mais adiante no currículo, também abrangem os objetos ES6 <dfn>Map</dfn> e <dfn>Set</dfn> , que são semelhantes aos objetos comuns, mas fornecem alguns recursos adicionais. Agora que você aprendeu as noções básicas de arrays e objetos, você está totalmente preparado para começar a lidar com problemas mais complexos usando JavaScript! </section>
+
+## Instructions
+<section id="instructions"> Dê uma olhada no objeto que fornecemos no editor de código. O objeto de <code>user</code> contém três chaves. A chave de <code>data</code> contém cinco chaves, uma das quais contém uma matriz de <code>friends</code> . A partir disso, você pode ver como os objetos são flexíveis como estruturas de dados. Nós começamos a escrever uma função <code>addFriend</code> . Termine de escrevê-lo para que ele use um objeto de <code>user</code> e adicione o nome do argumento de <code>friend</code> à matriz armazenada em <code>user.data.friends</code> e retorne essa matriz. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O objeto de <code>user</code> tem <code>name</code> , <code>age</code> e chaves de <code>data</code>'
+    testString: 'assert("name" in user && "age" in user && "data" in user, "The <code>user</code> object has <code>name</code>, <code>age</code>, and <code>data</code> keys");'
+  - text: A função <code>addFriend</code> aceita um objeto de <code>user</code> e uma string de <code>friend</code> como argumentos e adiciona o amigo à matriz de <code>friends</code> no objeto de <code>user</code>
+    testString: 'assert((function() { let L1 = user.data.friends.length; addFriend(user, "Sean"); let L2 = user.data.friends.length; return (L2 === L1 + 1); })(), "The <code>addFriend</code> function accepts a <code>user</code> object and a <code>friend</code> string as arguments and adds the friend to the array of <code>friends</code> in the <code>user</code> object");'
+  - text: '<code>addFriend(user, &quot;Pete&quot;)</code> deve retornar <code>[&quot;Sam&quot;, &quot;Kira&quot;, &quot;Tomo&quot;, &quot;Pete&quot;]</code>'
+    testString: 'assert.deepEqual((function() { delete user.data.friends; user.data.friends = ["Sam", "Kira", "Tomo"]; return addFriend(user, "Pete") })(), ["Sam", "Kira", "Tomo", "Pete"], "<code>addFriend(user, "Pete")</code> should return <code>["Sam", "Kira", "Tomo", "Pete"]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let user = {
+  name: 'Kenneth',
+  age: 28,
+  data: {
+    username: 'kennethCodesAllDay',
+    joinDate: 'March 26, 2016',
+    organization: 'freeCodeCamp',
+    friends: [
+      'Sam',
+      'Kira',
+      'Tomo'
+    ],
+    location: {
+      city: 'San Francisco',
+      state: 'CA',
+      country: 'USA'
+    }
+  }
+};
+
+function addFriend(userObj, friend) {
+  // change code below this line
+
+  // change code above this line
+}
+
+console.log(addFriend(user, 'Pete'));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-object-nested-within-an-object.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-object-nested-within-an-object.portuguese.md
new file mode 100644
index 0000000000..7a4b239850
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-object-nested-within-an-object.portuguese.md
@@ -0,0 +1,68 @@
+---
+id: 587d7b7c367417b2b2512b19
+title: Modify an Object Nested Within an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: Modificar um objeto aninhado em um objeto
+---
+
+## Description
+<section id="description"> Agora vamos dar uma olhada em um objeto um pouco mais complexo. As propriedades do objeto podem ser aninhadas em uma profundidade arbitrária e seus valores podem ser qualquer tipo de dados suportados pelo JavaScript, incluindo matrizes e até mesmo outros objetos. Considere o seguinte: <blockquote> deixe nestedObject = { <br> id: 28802695164, <br> data: &#39;31 de dezembro de 2016&#39;, <br> data: { <br> total de usuários: 99, <br> online: 80, <br> Status online: { <br> ativo: 67, <br> de distância: 13 <br> } <br> } <br> }; </blockquote> <code>nestedObject</code> tem três chaves exclusivas: <code>id</code> , cujo valor é um número, <code>date</code> cujo valor é uma string e <code>data</code> , cujo valor é um objeto que possui outro objeto aninhado dentro dele. Embora as estruturas possam se tornar rapidamente complexas, ainda podemos usar as mesmas notações para acessar as informações de que precisamos. </section>
+
+## Instructions
+<section id="instructions"> Aqui nós definimos um objeto, <code>userActivity</code> , que inclui outro objeto aninhado dentro dele. Você pode modificar as propriedades nesse objeto aninhado da mesma maneira que modificou as propriedades no último desafio. Defina o valor da chave <code>online</code> para <code>45</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>userActivity</code> tem <code>id</code> , <code>date</code> e propriedades de <code>data</code>'
+    testString: 'assert("id" in userActivity && "date" in userActivity && "data" in userActivity, "<code>userActivity</code> has <code>id</code>, <code>date</code> and <code>data</code> properties");'
+  - text: <code>userActivity</code> tem um conjunto de chaves de <code>data</code> para um objeto com chaves <code>totalUsers</code> e <code>online</code> - <code>online</code>
+    testString: 'assert("totalUsers" in userActivity.data && "online" in userActivity.data, "<code>userActivity</code> has a <code>data</code> key set to an object with keys <code>totalUsers</code> and <code>online</code>");'
+  - text: A propriedade <code>online</code> aninhada na chave de <code>data</code> de <code>userActivity</code> deve ser definida como <code>45</code>
+    testString: 'assert(userActivity.data.online === 45, "The <code>online</code> property nested in the <code>data</code> key of <code>userActivity</code> should be set to <code>45</code>");'
+  - text: A propriedade <code>online</code> é definida usando a notação de pontos ou colchetes
+    testString: 'assert.strictEqual(code.search(/online: 45/), -1, "The <code>online</code> property is set using dot or bracket notation");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let userActivity = {
+  id: 23894201352,
+  date: 'January 1, 2017',
+  data: {
+    totalUsers: 51,
+    online: 42
+  }
+};
+
+// change code below this line
+
+// change code above this line
+
+console.log(userActivity);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-from-an-array-with-pop-and-shift.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-from-an-array-with-pop-and-shift.portuguese.md
new file mode 100644
index 0000000000..75219d591b
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-from-an-array-with-pop-and-shift.portuguese.md
@@ -0,0 +1,60 @@
+---
+id: 587d78b2367417b2b2512b0f
+title: Remove Items from an Array with pop() and shift()
+challengeType: 1
+videoUrl: ''
+localeTitle: Remover itens de uma matriz com pop () e shift ()
+---
+
+## Description
+<section id="description"> Tanto <code>push()</code> quanto <code>unshift()</code> possuem métodos correspondentes que são quase opostos funcionais: <code>pop()</code> e <code>shift()</code> . Como você deve ter adivinhado agora, em vez de adicionar, <code>pop()</code> <em>remove</em> um elemento do final de um array, enquanto <code>shift()</code> remove um elemento do começo. A principal diferença entre <code>pop()</code> e <code>shift()</code> e seus primos <code>push()</code> e <code>unshift()</code> , é que nenhum método recebe parâmetros, e cada um só permite que um array seja modificado por um único elemento por vez. Vamos dar uma olhada: <blockquote> deixe saudações = [&#39;o que está acontecendo?&#39;, &#39;olá&#39;, &#39;até mais!&#39;]; <br><br> greetings.pop (); <br> // agora é igual a [&#39;whats up?&#39;, &#39;olá&#39;] <br><br> greetings.shift (); <br> // agora é igual a [&#39;olá&#39;] </blockquote> Nós também podemos retornar o valor do elemento removido com um dos métodos como este: <blockquote> deixe popped = greetings.pop (); <br> // retorna &#39;olá&#39; <br> // saudações agora é igual a [] </blockquote></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>popShift([&quot;challenge&quot;, &quot;is&quot;, &quot;not&quot;, &quot;complete&quot;])</code> deve retornar <code>[&quot;challenge&quot;, &quot;complete&quot;]</code>'
+    testString: 'assert.deepEqual(popShift(["challenge", "is", "not", "complete"]), ["challenge", "complete"], "<code>popShift(["challenge", "is", "not", "complete"])</code> should return <code>["challenge", "complete"]</code>");'
+  - text: A função <code>popShift</code> deve utilizar o método <code>pop()</code>
+    testString: 'assert.notStrictEqual(popShift.toString().search(/\.pop\(/), -1, "The <code>popShift</code> function should utilize the <code>pop()</code> method");'
+  - text: A função <code>popShift</code> deve utilizar o método <code>shift()</code>
+    testString: 'assert.notStrictEqual(popShift.toString().search(/\.shift\(/), -1, "The <code>popShift</code> function should utilize the <code>shift()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function popShift(arr) {
+  let popped; // change this line
+  let shifted; // change this line
+  return [shifted, popped];
+}
+
+// do not change code below this line
+console.log(popShift(['challenge', 'is', 'not', 'complete']));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-using-splice.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-using-splice.portuguese.md
new file mode 100644
index 0000000000..11957a6fda
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-using-splice.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 587d78b2367417b2b2512b10
+title: Remove Items Using splice()
+challengeType: 1
+videoUrl: ''
+localeTitle: Remover itens usando splice ()
+---
+
+## Description
+<section id="description"> Ok, aprendemos como remover elementos do início e do fim de arrays usando <code>shift()</code> e <code>pop()</code> , mas e se quisermos remover um elemento de algum lugar no meio? Ou remover mais de um elemento de uma só vez? Bem, é aí que <code>splice()</code> entra. <code>splice()</code> nos permite fazer exatamente isso: <strong>remover qualquer número de elementos consecutivos</strong> de qualquer lugar em um array. <code>splice()</code> pode levar até 3 parâmetros, mas por enquanto, vamos nos concentrar apenas no primeiro 2. Os dois primeiros parâmetros de <code>splice()</code> são inteiros que representam índices, ou posições, do array que <code>splice()</code> está sendo chamado a. E lembre-se, as matrizes são <em>indexadas com zero</em> , portanto, para indicar o primeiro elemento de uma matriz, usaríamos <code>0</code> . O primeiro parâmetro do <code>splice()</code> representa o índice no array do qual começar a remover elementos, enquanto o segundo parâmetro indica o número de elementos a serem deletados. Por exemplo: <blockquote> vamos array = [&#39;hoje&#39;, &#39;foi&#39;, &#39;não&#39;, &#39;so&#39;, &#39;ótimo&#39;]; <br><br> array.splice (2, 2); <br> // remove 2 elementos começando com o terceiro elemento <br> // array agora é igual a [&#39;today&#39;, &#39;was&#39;, &#39;great&#39;] </blockquote> <code>splice()</code> não apenas modifica o array que está sendo chamado, mas também retorna um novo array contendo o valor dos elementos removidos: <blockquote> deixe array = [&#39;eu&#39;, &#39;sou&#39;, &#39;sentindo&#39;, &#39;realmente&#39;, &#39;feliz&#39;]; <br><br> deixe newArray = array.splice (3, 2); <br> // newArray é igual a [&#39;really&#39;, &#39;happy&#39;] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Nós definimos uma função, <code>sumOfTen</code> , que usa um array como argumento e retorna a soma dos elementos do array. Modifique a função, usando <code>splice()</code> , para que ela retorne um valor de <code>10</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumOfTen</code> deve retornar 10
+    testString: 'assert.strictEqual(sumOfTen([2, 5, 1, 5, 2, 1]), 10, "<code>sumOfTen</code> should return 10");'
+  - text: A função <code>sumOfTen</code> deve utilizar o método <code>splice()</code>
+    testString: 'assert.notStrictEqual(sumOfTen.toString().search(/\.splice\(/), -1, "The <code>sumOfTen</code> function should utilize the <code>splice()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumOfTen(arr) {
+  // change code below this line
+
+  // change code above this line
+  return arr.reduce((a, b) => a + b);
+}
+
+// do not change code below this line
+console.log(sumOfTen([2, 5, 1, 5, 2, 1]));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/use-an-array-to-store-a-collection-of-data.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/use-an-array-to-store-a-collection-of-data.portuguese.md
new file mode 100644
index 0000000000..ce6772e7f8
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/use-an-array-to-store-a-collection-of-data.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: 587d7b7e367417b2b2512b20
+title: Use an Array to Store a Collection of Data
+challengeType: 1
+videoUrl: ''
+localeTitle: Use uma matriz para armazenar uma coleção de dados
+---
+
+## Description
+<section id="description"> O abaixo é um exemplo da implementação mais simples de uma estrutura de dados de matriz. Isso é conhecido como um <dfn>array unidimensional</dfn> , o que significa que ele tem apenas um nível, ou que não possui outros arrays aninhados nele. Observe que contém <dfn>booleanos</dfn> , <dfn>cadeias de caracteres</dfn> e <dfn>números</dfn> , entre outros tipos de dados JavaScript válidos: <blockquote> let simpleArray = [&#39;um&#39;, 2, &#39;três&#39;, verdadeiro, falso, indefinido, nulo]; <br> console.log (simpleArray.length); <br> // logs 7 </blockquote> Todas as matrizes têm uma propriedade length, que, como mostrado acima, pode ser facilmente acessada com a sintaxe <code>Array.length</code> . Uma implementação mais complexa de um array pode ser vista abaixo. Isso é conhecido como uma <dfn>matriz multidimensional</dfn> ou uma matriz que contém outras matrizes. Observe que essa matriz também contém <dfn>objetos</dfn> JavaScript, que examinaremos de perto na próxima seção, mas, por enquanto, tudo o que você precisa saber é que as matrizes também são capazes de armazenar objetos complexos. <blockquote> deixe complexArray = [ <br> [ <br> { <br> Um 1, <br> dois: 2 <br> } <br> { <br> três: 3 <br> quatro: 4 <br> } <br> ] <br> [ <br> { <br> a: &quot;a&quot;, <br> b: &quot;b&quot; <br> } <br> { <br> c: &quot;c&quot;, <br> d: &quot;d&quot; <br> } <br> ] <br> ]; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Nós definimos uma variável chamada <code>yourArray</code> . Complete a instrução atribuindo uma matriz de pelo menos 5 elementos de comprimento à variável <code>yourArray</code> . Sua matriz deve conter pelo menos uma <dfn>string</dfn> , um <dfn>número</dfn> e um <dfn>booleano</dfn> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: yourArray é um array
+    testString: 'assert.strictEqual(Array.isArray(yourArray), true, "yourArray is an array");'
+  - text: <code>yourArray</code> tem pelo menos 5 elementos
+    testString: 'assert.isAtLeast(yourArray.length, 5, "<code>yourArray</code> is at least 5 elements long");'
+  - text: <code>yourArray</code> contém pelo menos um <code>boolean</code>
+    testString: 'assert(yourArray.filter( el => typeof el === "boolean").length >= 1, "<code>yourArray</code> contains at least one <code>boolean</code>");'
+  - text: <code>yourArray</code> contém pelo menos um <code>number</code>
+    testString: 'assert(yourArray.filter( el => typeof el === "number").length >= 1, "<code>yourArray</code> contains at least one <code>number</code>");'
+  - text: <code>yourArray</code> contém pelo menos uma <code>string</code>
+    testString: 'assert(yourArray.filter( el => typeof el === "string").length >= 1, "<code>yourArray</code> contains at least one <code>string</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let yourArray; // change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/use-the-delete-keyword-to-remove-object-properties.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/use-the-delete-keyword-to-remove-object-properties.portuguese.md
new file mode 100644
index 0000000000..8ad5801aee
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/use-the-delete-keyword-to-remove-object-properties.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b7c367417b2b2512b1b
+title: Use the delete Keyword to Remove Object Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: Use a palavra-chave delete para remover propriedades do objeto
+---
+
+## Description
+<section id="description"> Agora você sabe quais são os objetos e seus recursos e vantagens básicos. Em resumo, eles são armazenamentos de valor-chave que fornecem uma maneira flexível e intuitiva de estruturar dados <strong><em>e</em></strong> fornecem um tempo de pesquisa muito rápido. Durante o restante desses desafios, descreveremos várias operações comuns que você pode executar em objetos, para que você possa se sentir confortável ao aplicar essas estruturas de dados úteis em seus programas. Nos desafios anteriores, adicionamos e modificamos os pares de valores-chave de um objeto. Aqui, veremos como podemos <em>remover</em> um par de valores-chave de um objeto. Vamos revisitar nosso exemplo de objeto de <code>foods</code> uma última vez. Se quiséssemos remover a chave <code>apples</code> , poderíamos removê-la usando a palavra-chave <code>delete</code> seguinte forma: <blockquote> delete foods.apples; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Use a palavra-chave delete para remover as chaves <code>oranges</code> , <code>plums</code> e <code>strawberries</code> do objeto <code>foods</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Os <code>foods</code> objeto só tem três chaves: <code>apples</code> , <code>grapes</code> e <code>bananas</code>'
+    testString: 'assert(!foods.hasOwnProperty("oranges") && !foods.hasOwnProperty("plums") && !foods.hasOwnProperty("strawberries") && Object.keys(foods).length === 3, "The <code>foods</code> object only has three keys: <code>apples</code>, <code>grapes</code>, and <code>bananas</code>");'
+  - text: 'As chaves <code>oranges</code> , <code>plums</code> e <code>strawberries</code> são removidas usando a <code>delete</code>'
+    testString: 'assert(code.search(/oranges:/) !== -1 && code.search(/plums:/) !== -1 && code.search(/strawberries:/) !== -1, "The <code>oranges</code>, <code>plums</code>, and <code>strawberries</code> keys are removed using <code>delete</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let foods = {
+  apples: 25,
+  oranges: 32,
+  plums: 28,
+  bananas: 13,
+  grapes: 35,
+  strawberries: 27
+};
+
+// change code below this line
+
+// change code above this line
+
+console.log(foods);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes.portuguese.md
new file mode 100644
index 0000000000..469f936fe2
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes.portuguese.md
@@ -0,0 +1,67 @@
+---
+id: 56bbb991ad1ed5201cd392ca
+title: Access Array Data with Indexes
+challengeType: 1
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/access-array-data-with-indexes'
+videoUrl: ''
+localeTitle: Dados de Matriz de Acesso com Índices
+---
+
+## Description
+<section id="description"> Podemos acessar os dados dentro de matrizes usando <code>indexes</code> . Os índices de matriz são escritos na mesma notação de colchetes usada pelas cadeias, exceto que, em vez de especificar um caractere, eles estão especificando uma entrada na matriz. Como as strings, as matrizes usam indexação <dfn>baseada em zero</dfn> , portanto, o primeiro elemento em uma matriz é o elemento <code>0</code> . <strong>Exemplo</strong> <blockquote> var array = [50,60,70]; <br> array [0]; // é igual a 50 <br> var data = array [1]; // é igual a 60 </blockquote> <strong>Nota</strong> <br> Não deve haver espaços entre o nome da matriz e os colchetes, como <code>array [0]</code> . Embora JavaScript seja capaz de processar isso corretamente, isso pode confundir outros programadores lendo seu código. </section>
+
+## Instructions
+<section id="instructions"> Crie uma variável chamada <code>myData</code> e configure-a para igualar o primeiro valor de <code>myArray</code> usando a notação de colchetes. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A variável <code>myData</code> deve ser igual ao primeiro valor de <code>myArray</code> .
+    testString: 'assert((function(){if(typeof myArray !== "undefined" && typeof myData !== "undefined" && myArray[0] === myData){return true;}else{return false;}})(), "The variable <code>myData</code> should equal the first value of <code>myArray</code>.");'
+  - text: Os dados na variável <code>myArray</code> devem ser acessados ​​usando a notação de colchetes.
+    testString: 'assert((function(){if(code.match(/\s*=\s*myArray\[0\]/g)){return true;}else{return false;}})(), "The data in variable <code>myArray</code> should be accessed using bracket notation.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [50,60,70];
+var ourData = ourArray[0]; // equals 50
+
+// Setup
+var myArray = [50,60,70];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/access-multi-dimensional-arrays-with-indexes.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/access-multi-dimensional-arrays-with-indexes.portuguese.md
new file mode 100644
index 0000000000..1e099167e1
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/access-multi-dimensional-arrays-with-indexes.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 56592a60ddddeae28f7aa8e1
+title: Access Multi-Dimensional Arrays With Indexes
+challengeType: 1
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/access-array-data-with-indexes'
+videoUrl: ''
+localeTitle: Acessar matrizes multi-dimensionais com índices
+---
+
+## Description
+<section id="description"> Uma maneira de pensar em uma matriz <dfn>multidimensional</dfn> é como uma <em>matriz de matrizes</em> . Quando você usa colchetes para acessar sua matriz, o primeiro conjunto de colchetes refere-se às entradas na matriz mais externa (o primeiro nível) e cada par adicional de colchetes refere-se ao próximo nível de entradas internas. <strong>Exemplo</strong> <blockquote> var arr = [ <br> [1,2,3], <br> [4,5,6], <br> [7,8,9], <br> [[10,11,12], 13, 14] <br> ]; <br> arr [3]; // é igual a [[10,11,12], 13, 14] <br> arr [3] [0]; // é igual a [10,11,12] <br> arr [3] [0] [1]; // é igual a 11 </blockquote> <strong>Nota</strong> <br> Não deve haver espaços entre o nome da matriz e os colchetes, como <code>array [0][0]</code> e até mesmo esta <code>array [0] [0]</code> não é permitida. Embora JavaScript seja capaz de processar isso corretamente, isso pode confundir outros programadores lendo seu código. </section>
+
+## Instructions
+<section id="instructions"> Usando a notação de colchetes, selecione um elemento em <code>myArray</code> , de forma que <code>myData</code> seja igual a <code>8</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myData</code> deve ser igual a <code>8</code> .
+    testString: 'assert(myData === 8, "<code>myData</code> should be equal to <code>8</code>.");'
+  - text: Você deve estar usando a notação de colchetes para ler o valor correto de <code>myArray</code> .
+    testString: 'assert(/myArray\[2\]\[1\]/g.test(code) && !/myData\s*=\s*(?:.*[-+*/%]|\d)/g.test(code), "You should be using bracket notation to read the correct value from <code>myArray</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myArray = [[1,2,3], [4,5,6], [7,8,9], [[10,11,12], 13, 14]];
+
+// Only change code below this line.
+var myData = myArray[0][0];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays.portuguese.md
new file mode 100644
index 0000000000..a4e78dcf37
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays.portuguese.md
@@ -0,0 +1,82 @@
+---
+id: 56533eb9ac21ba0edf2244cd
+title: Accessing Nested Arrays
+challengeType: 1
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/access-array-data-with-indexes'
+videoUrl: ''
+localeTitle: Acessando matrizes aninhadas
+---
+
+## Description
+<section id="description"> Como vimos nos exemplos anteriores, os objetos podem conter tanto objetos aninhados quanto matrizes aninhadas. Semelhante ao acesso a objetos aninhados, a notação de colchetes da Array pode ser encadeada para acessar matrizes aninhadas. Aqui está um exemplo de como acessar uma matriz aninhada: <blockquote> var ourPets = [ <br> { <br> animalTipo: &quot;gato&quot;, <br> nomes: [ <br> &quot;Meowzer&quot;, <br> &quot;Fofo&quot;, <br> &quot;Kit-Cat&quot; <br> ] <br> } <br> { <br> animalTipo: &quot;cachorro&quot;, <br> nomes: [ <br> &quot;Local&quot;, <br> &quot;Bowser&quot;, <br> &quot;Frankie&quot; <br> ] <br> } <br> ]; <br> ourPets [0] .nomes [1]; // &quot;Fofo&quot; <br> ourPets [1] .nomes [0]; // &quot;Local&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Recuperar a segunda árvore da variável <code>myPlants</code> usando ponto de objeto e notação de colchetes de matriz. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>secondTree</code> deve ser igual a &quot;pine&quot;
+    testString: 'assert(secondTree === "pine", "<code>secondTree</code> should equal "pine"");'
+  - text: Use a notação de pontos e colchetes para acessar <code>myPlants</code>
+    testString: 'assert(/=\s*myPlants\[1\].list\[1\]/.test(code), "Use dot and bracket notation to access <code>myPlants</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myPlants = [
+  {
+    type: "flowers",
+    list: [
+      "rose",
+      "tulip",
+      "dandelion"
+    ]
+  },
+  {
+    type: "trees",
+    list: [
+      "fir",
+      "pine",
+      "birch"
+    ]
+  }
+];
+
+// Only change code below this line
+
+var secondTree = ""; // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects.portuguese.md
new file mode 100644
index 0000000000..0ff836deb5
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects.portuguese.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244cc
+title: Accessing Nested Objects
+challengeType: 1
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/accessing-nested-objects-in-json'
+videoUrl: ''
+localeTitle: Acessando Objetos Aninhados
+---
+
+## Description
+<section id="description"> As subpropriedades dos objetos podem ser acessadas encadeando a notação de pontos ou colchetes. Aqui está um objeto aninhado: <blockquote> var ourStorage = { <br> &quot;escrivaninha&quot;: { <br> &quot;gaveta&quot;: &quot;grampeador&quot; <br> } <br> &quot;gabinete&quot;: { <br> &quot;gaveta superior&quot;: { <br> &quot;folder1&quot;: &quot;um arquivo&quot;, <br> &quot;folder2&quot;: &quot;segredos&quot; <br> } <br> &quot;gaveta de fundo&quot;: &quot;refrigerante&quot; <br> } <br> }; <br> ourStorage.cabinet [&quot;gaveta de cima&quot;]. folder2; // &quot;segredos&quot; <br> ourStorage.desk.drawer; // &quot;agrafador&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Acesse o objeto <code>myStorage</code> e atribua o conteúdo da propriedade <code>glove box</code> à variável <code>gloveBoxContents</code> . Use a notação de colchetes para propriedades com um espaço em seus nomes. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>gloveBoxContents</code> deve ser igual a &quot;mapas&quot;
+    testString: 'assert(gloveBoxContents === "maps", "<code>gloveBoxContents</code> should equal "maps"");'
+  - text: Use a notação de pontos e colchetes para acessar <code>myStorage</code>
+    testString: 'assert(/=\s*myStorage\.car\.inside\[\s*("|")glove box\1\s*\]/g.test(code), "Use dot and bracket notation to access <code>myStorage</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myStorage = {
+  "car": {
+    "inside": {
+      "glove box": "maps",
+      "passenger seat": "crumbs"
+     },
+    "outside": {
+      "trunk": "jack"
+    }
+  }
+};
+
+var gloveBoxContents = undefined; // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation.portuguese.md
new file mode 100644
index 0000000000..a6be902409
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation.portuguese.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244c8
+title: Accessing Object Properties with Bracket Notation
+challengeType: 1
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/accessing-objects-properties-with-bracket-notation'
+videoUrl: ''
+localeTitle: Acessando propriedades de objeto com notação de suporte
+---
+
+## Description
+<section id="description"> A segunda maneira de acessar as propriedades de um objeto é a notação de colchetes ( <code>[]</code> ). Se a propriedade do objeto que você está tentando acessar tiver um espaço em seu nome, você precisará usar a notação de colchetes. No entanto, você ainda pode usar a notação de colchetes nas propriedades do objeto sem espaços. Aqui está uma amostra de uso da notação de colchetes para ler a propriedade de um objeto: <blockquote> var myObj = { <br> &quot;Space Name&quot;: &quot;Kirk&quot;, <br> &quot;Mais espaço&quot;: &quot;Spock&quot;, <br> &quot;NoSpace&quot;: &quot;USS Enterprise&quot; <br> }; <br> myObj [&quot;nome do espaço&quot;]; // Kirk <br> myObj [&#39;More Space&#39;]; // Spock <br> myObj [&quot;NoSpace&quot;]; // USS Enterprise </blockquote> Observe que os nomes de propriedade com espaços neles devem estar entre aspas (simples ou dupla). </section>
+
+## Instructions
+<section id="instructions"> Leia os valores das propriedades <code>&quot;an entree&quot;</code> e <code>&quot;the drink&quot;</code> de <code>testObj</code> usando a notação de colchetes e atribua-os a <code>entreeValue</code> e <code>drinkValue</code> respectivamente. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>entreeValue</code> deve ser uma string
+    testString: 'assert(typeof entreeValue === "string" , "<code>entreeValue</code> should be a string");'
+  - text: O valor de <code>entreeValue</code> deve ser <code>&quot;hamburger&quot;</code>
+    testString: 'assert(entreeValue === "hamburger" , "The value of <code>entreeValue</code> should be <code>"hamburger"</code>");'
+  - text: <code>drinkValue</code> deve ser uma string
+    testString: 'assert(typeof drinkValue === "string" , "<code>drinkValue</code> should be a string");'
+  - text: O valor de <code>drinkValue</code> deve ser <code>&quot;water&quot;</code>
+    testString: 'assert(drinkValue === "water" , "The value of <code>drinkValue</code> should be <code>"water"</code>");'
+  - text: Você deve usar a notação de colchete duas vezes
+    testString: 'assert(code.match(/testObj\s*?\[("|")[^""]+\1\]/g).length > 1, "You should use bracket notation twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var testObj = {
+  "an entree": "hamburger",
+  "my side": "veggies",
+  "the drink": "water"
+};
+
+// Only change code below this line
+
+var entreeValue = testObj;   // Change this line
+var drinkValue = testObj;    // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.portuguese.md
new file mode 100644
index 0000000000..539df2d742
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.portuguese.md
@@ -0,0 +1,75 @@
+---
+id: 56533eb9ac21ba0edf2244c7
+title: Accessing Object Properties with Dot Notation
+challengeType: 1
+videoUrl: ''
+localeTitle: Acessando propriedades de objeto com notação de ponto
+---
+
+## Description
+<section id="description"> Há duas maneiras de acessar as propriedades de um objeto: notação de ponto ( <code>.</code> ) E notação de colchetes ( <code>[]</code> ), semelhante a uma matriz. A notação de pontos é o que você usa quando sabe o nome da propriedade que está tentando acessar antecipadamente. Aqui está uma amostra de uso de notação de ponto ( <code>.</code> ) Para ler a propriedade de um objeto: <blockquote> var myObj = { <br> prop1: &quot;val1&quot;, <br> prop2: &quot;val2&quot; <br> }; <br> var prop1val = myObj.prop1; // val1 <br> var prop2val = myObj.prop2; // val2 </blockquote></section>
+
+## Instructions
+<section id="instructions"> Leia os valores de propriedade de <code>testObj</code> usando a notação de ponto. Defina a variável <code>hatValue</code> igual ao <code>hat</code> propriedade do objeto e defina a variável <code>shirtValue</code> igual à <code>shirt</code> propriedade do objeto. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>hatValue</code> deve ser uma string
+    testString: 'assert(typeof hatValue === "string" , "<code>hatValue</code> should be a string");'
+  - text: O valor de <code>hatValue</code> deve ser <code>&quot;ballcap&quot;</code>
+    testString: 'assert(hatValue === "ballcap" , "The value of <code>hatValue</code> should be <code>"ballcap"</code>");'
+  - text: <code>shirtValue</code> deve ser uma string
+    testString: 'assert(typeof shirtValue === "string" , "<code>shirtValue</code> should be a string");'
+  - text: O valor de <code>shirtValue</code> deve ser <code>&quot;jersey&quot;</code>
+    testString: 'assert(shirtValue === "jersey" , "The value of <code>shirtValue</code> should be <code>"jersey"</code>");'
+  - text: Você deve usar a notação de ponto duas vezes
+    testString: 'assert(code.match(/testObj\.\w+/g).length > 1, "You should use dot notation twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var testObj = {
+  "hat": "ballcap",
+  "shirt": "jersey",
+  "shoes": "cleats"
+};
+
+// Only change code below this line
+
+var hatValue = testObj;      // Change this line
+var shirtValue = testObj;    // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables.portuguese.md
new file mode 100644
index 0000000000..8e267d5c65
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables.portuguese.md
@@ -0,0 +1,78 @@
+---
+id: 56533eb9ac21ba0edf2244c9
+title: Accessing Object Properties with Variables
+challengeType: 1
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/accessing-objects-properties-with-variables'
+videoUrl: ''
+localeTitle: Acessando propriedades de objetos com variáveis
+---
+
+## Description
+<section id="description"> Outro uso da notação de colchetes em objetos é acessar uma propriedade que é armazenada como o valor de uma variável. Isso pode ser muito útil para iterar pelas propriedades de um objeto ou ao acessar uma tabela de pesquisa. Aqui está um exemplo de uso de uma variável para acessar uma propriedade: <blockquote> var dogs = { <br> Fido: &quot;Mutt&quot;, Hunter: &quot;Doberman&quot;, Snoopie: &quot;Beagle&quot; <br> }; <br> var myDog = &quot;Caçador&quot;; <br> var myBreed = cachorros [myDog]; <br> console.log (myBreed); // &quot;Doberman&quot; </blockquote> Outra maneira de usar esse conceito é quando o nome da propriedade é coletado dinamicamente durante a execução do programa, da seguinte maneira: <blockquote> var someObj = { <br> propName: &quot;John&quot; <br> }; <br> function propPrefix (str) { <br> var s = &quot;prop&quot;; <br> return s + str; <br> } <br> var someProp = propPrefix (&quot;Nome&quot;); // someProp agora contém o valor &#39;propName&#39; <br> console.log (someObj [someProp]); // &quot;John&quot; </blockquote> Observe que <em>não</em> usamos aspas ao redor do nome da variável ao usá-lo para acessar a propriedade porque estamos usando o <em>valor</em> da variável, não o <em>nome</em> . </section>
+
+## Instructions
+<section id="instructions"> Use a variável <code>playerNumber</code> para procurar o player <code>16</code> em <code>testObj</code> usando a notação de colchetes. Em seguida, atribua esse nome à variável do <code>player</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>playerNumber</code> deve ser um número
+    testString: 'assert(typeof playerNumber === "number", "<code>playerNumber</code> should be a number");'
+  - text: O <code>player</code> variável deve ser uma string
+    testString: 'assert(typeof player === "string", "The variable <code>player</code> should be a string");'
+  - text: O valor do <code>player</code> deve ser &quot;Montana&quot;
+    testString: 'assert(player === "Montana", "The value of <code>player</code> should be "Montana"");'
+  - text: Você deve usar a notação de colchetes para acessar o <code>testObj</code>
+    testString: 'assert(/testObj\s*?\[.*?\]/.test(code),"You should use bracket notation to access <code>testObj</code>");'
+  - text: Você não deve atribuir o valor <code>Montana</code> ao <code>player</code> variável diretamente.
+    testString: 'assert(!code.match(/player\s*=\s*"|\"\s*Montana\s*"|\"\s*;/gi),"You should not assign the value <code>Montana</code> to the variable <code>player</code> directly.");'
+  - text: Você deve estar usando a variável <code>playerNumber</code> na sua notação de colchetes
+    testString: 'assert(/testObj\s*?\[\s*playerNumber\s*\]/.test(code),"You should be using the variable <code>playerNumber</code> in your bracket notation");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var testObj = {
+  12: "Namath",
+  16: "Montana",
+  19: "Unitas"
+};
+
+// Only change code below this line;
+
+var playerNumber;       // Change this Line
+var player = testObj;   // Change this Line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object.portuguese.md
new file mode 100644
index 0000000000..f7154450ef
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object.portuguese.md
@@ -0,0 +1,77 @@
+---
+id: 56bbb991ad1ed5201cd392d2
+title: Add New Properties to a JavaScript Object
+challengeType: 1
+videoUrl: ''
+localeTitle: Adicionar novas propriedades a um objeto JavaScript
+---
+
+## Description
+<section id="description"> Você pode adicionar novas propriedades a objetos JavaScript existentes da mesma maneira que você os modificaria. Veja como adicionaríamos uma propriedade <code>&quot;bark&quot;</code> ao <code>ourDog</code> : <code>ourDog.bark = &quot;bow-wow&quot;;</code> ou <code>ourDog[&quot;bark&quot;] = &quot;bow-wow&quot;;</code> Agora, quando avaliarmos o nosso <code>ourDog.bark</code> , vamos pegar o latido dele, &quot;bow-wow&quot;. </section>
+
+## Instructions
+<section id="instructions"> Adicione uma propriedade <code>&quot;bark&quot;</code> ao <code>myDog</code> e configure-a para um som de cachorro, como &quot;woof&quot;. Você pode usar a notação de pontos ou colchetes. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Adicione a propriedade <code>&quot;bark&quot;</code> ao <code>myDog</code> .
+    testString: 'assert(myDog.bark !== undefined, "Add the property <code>"bark"</code> to <code>myDog</code>.");'
+  - text: Não adicione <code>&quot;bark&quot;</code> à seção de configuração
+    testString: 'assert(!/bark[^\n]:/.test(code), "Do not add <code>"bark"</code> to the setup section");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"]
+};
+
+ourDog.bark = "bow-wow";
+
+// Setup
+var myDog = {
+  "name": "Happy Coder",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["freeCodeCamp Campers"]
+};
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/add-two-numbers-with-javascript.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/add-two-numbers-with-javascript.portuguese.md
new file mode 100644
index 0000000000..c055d984ef
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/add-two-numbers-with-javascript.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: cf1111c1c11feddfaeb3bdef
+title: Add Two Numbers with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Adicione dois números com JavaScript
+---
+
+## Description
+<section id="description"> <code>Number</code> é um tipo de dados em JavaScript que representa dados numéricos. Agora vamos tentar adicionar dois números usando JavaScript. O JavaScript usa o símbolo <code>+</code> como operação de adição quando colocado entre dois números. <strong>Exemplo</strong> <blockquote> myVar = 5 + 10; // atribuído 15 </blockquote></section>
+
+## Instructions
+<section id="instructions"> Altere <code>0</code> para que a soma seja igual a <code>20</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sum</code> deve ser igual a <code>20</code>
+    testString: 'assert(sum === 20, "<code>sum</code> should equal <code>20</code>");'
+  - text: Use o operador <code>+</code>
+    testString: 'assert(/\+/.test(code), "Use the <code>+</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var sum = 10 + 0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/adding-a-default-option-in-switch-statements.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/adding-a-default-option-in-switch-statements.portuguese.md
new file mode 100644
index 0000000000..1088185e39
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/adding-a-default-option-in-switch-statements.portuguese.md
@@ -0,0 +1,75 @@
+---
+id: 56533eb9ac21ba0edf2244de
+title: Adding a Default Option in Switch Statements
+challengeType: 1
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/adding-a-default-option-in-switch-statements'
+videoUrl: ''
+localeTitle: Adicionando uma opção padrão em instruções de troca
+---
+
+## Description
+<section id="description"> Em uma instrução <code>switch</code> , você pode não conseguir especificar todos os valores possíveis como instruções <code>case</code> . Em vez disso, você pode adicionar a instrução <code>default</code> que será executada se nenhuma instrução <code>case</code> correspondente for encontrada. Pense nisso como a final <code>else</code> declaração em um <code>if/else</code> cadeia. Uma declaração <code>default</code> deve ser o último caso. <blockquote> switch (num) { <br> valor do caso1: <br> statement1; <br> pausa; <br> valor do caso2: <br> statement2; <br> pausa; <br> ... <br> padrão: <br> defaultStatement; <br> pausa; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Escreva uma instrução switch para definir a <code>answer</code> para as seguintes condições: <br> <code>&quot;a&quot;</code> - &quot;maçã&quot; <br> <code>&quot;b&quot;</code> - &quot;pássaro&quot; <br> <code>&quot;c&quot;</code> - &quot;gato&quot; <br> <code>default</code> - &quot;stuff&quot; </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>switchOfStuff(&quot;a&quot;)</code> deve ter um valor de &quot;apple&quot;
+    testString: 'assert(switchOfStuff("a") === "apple", "<code>switchOfStuff("a")</code> should have a value of "apple"");'
+  - text: <code>switchOfStuff(&quot;b&quot;)</code> deve ter um valor de &quot;bird&quot;
+    testString: 'assert(switchOfStuff("b") === "bird", "<code>switchOfStuff("b")</code> should have a value of "bird"");'
+  - text: <code>switchOfStuff(&quot;c&quot;)</code> deve ter um valor de &quot;cat&quot;
+    testString: 'assert(switchOfStuff("c") === "cat", "<code>switchOfStuff("c")</code> should have a value of "cat"");'
+  - text: <code>switchOfStuff(&quot;d&quot;)</code> deve ter um valor de &quot;stuff&quot;
+    testString: 'assert(switchOfStuff("d") === "stuff", "<code>switchOfStuff("d")</code> should have a value of "stuff"");'
+  - text: <code>switchOfStuff(4)</code> deve ter um valor de &quot;stuff&quot;
+    testString: 'assert(switchOfStuff(4) === "stuff", "<code>switchOfStuff(4)</code> should have a value of "stuff"");'
+  - text: Você não deve usar nenhuma instrução <code>if</code> ou <code>else</code>
+    testString: 'assert(!/else/g.test(code) || !/if/g.test(code), "You should not use any <code>if</code> or <code>else</code> statements");'
+  - text: Você deve usar uma declaração <code>default</code>
+    testString: 'assert(switchOfStuff("string-to-trigger-default-case") === "stuff", "You should use a <code>default</code> statement");'
+  - text: Você deve ter pelo menos 3 declarações de <code>break</code>
+    testString: 'assert(code.match(/break/g).length > 2, "You should have at least 3 <code>break</code> statements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function switchOfStuff(val) {
+  var answer = "";
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+  return answer;
+}
+
+// Change this value to test
+switchOfStuff(1);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/appending-variables-to-strings.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/appending-variables-to-strings.portuguese.md
new file mode 100644
index 0000000000..45dee88350
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/appending-variables-to-strings.portuguese.md
@@ -0,0 +1,68 @@
+---
+id: 56533eb9ac21ba0edf2244ed
+title: Appending Variables to Strings
+challengeType: 1
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/appending-variables-to-strings'
+videoUrl: ''
+localeTitle: Anexando variáveis ​​a seqüências de caracteres
+---
+
+## Description
+<section id="description"> Assim como podemos construir uma string sobre várias linhas a partir de <dfn>literais</dfn> de string, também podemos anexar variáveis ​​a uma string usando o operador mais igual ( <code>+=</code> ). </section>
+
+## Instructions
+<section id="instructions"> Defina <code>someAdjective</code> e anexe-o ao <code>myStr</code> usando o operador <code>+=</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>someAdjective</code> deve ser definido para uma string com pelo menos 3 caracteres
+    testString: 'assert(typeof someAdjective !== "undefined" && someAdjective.length > 2, "<code>someAdjective</code> should be set to a string at least 3 characters long");'
+  - text: Anexar <code>someAdjective</code> ao <code>myStr</code> usando o operador <code>+=</code>
+    testString: 'assert(code.match(/myStr\s*\+=\s*someAdjective\s*/).length > 0, "Append <code>someAdjective</code> to <code>myStr</code> using the <code>+=</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var anAdjective = "awesome!";
+var ourStr = "freeCodeCamp is ";
+ourStr += anAdjective;
+
+// Only change code below this line
+
+var someAdjective;
+var myStr = "Learning to code is ";
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value.portuguese.md
new file mode 100644
index 0000000000..f3a4a20fdb
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value.portuguese.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244c3
+title: Assignment with a Returned Value
+challengeType: 1
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/assignment-with-a-returned-value'
+videoUrl: ''
+localeTitle: Atribuição com um valor retornado
+---
+
+## Description
+<section id="description"> Se você se lembrar de nossa discussão sobre <a href="javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator" target="_blank">Armazenando Valores com o Operador de Atribuição</a> , tudo à direita do sinal de igual será resolvido antes de o valor ser atribuído. Isso significa que podemos pegar o valor de retorno de uma função e atribuí-la a uma variável. Suponha que tenhamos pré-definido uma <code>sum</code> funções que adiciona dois números juntos, então: <code>ourSum = sum(5, 12);</code> chamará a função <code>sum</code> , que retorna um valor de <code>17</code> e atribui à variável <code>ourSum</code> . </section>
+
+## Instructions
+<section id="instructions"> Chame a função <code>processArg</code> com um argumento de <code>7</code> e atribua seu valor de retorno à variável <code>processed</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>processed</code> deve ter um valor de <code>2</code>
+    testString: 'assert(processed === 2, "<code>processed</code> should have a value of <code>2</code>");'
+  - text: Você deve atribuir <code>processArg</code> a <code>processed</code>
+    testString: 'assert(/processed\s*=\s*processArg\(\s*7\s*\)\s*;/.test(code), "You should assign <code>processArg</code> to <code>processed</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var changed = 0;
+
+function change(num) {
+  return (num + 5) / 3;
+}
+
+changed = change(10);
+
+// Setup
+var processed = 0;
+
+function processArg(num) {
+  return (num + 3) / 5;
+}
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects.portuguese.md
new file mode 100644
index 0000000000..a084d05497
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects.portuguese.md
@@ -0,0 +1,80 @@
+---
+id: 56bbb991ad1ed5201cd392d0
+title: Build JavaScript Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: Construa objetos JavaScript
+---
+
+## Description
+<section id="description"> Você pode ter ouvido o termo <code>object</code> antes. Os objetos são semelhantes aos <code>arrays</code> , exceto que, em vez de usar índices para acessar e modificar seus dados, você acessa os dados em objetos por meio do que são chamados de <code>properties</code> . Os objetos são úteis para armazenar dados de maneira estruturada e podem representar objetos do mundo real, como um gato. Aqui está um objeto cat de amostra: <blockquote> var cat = { <br> &quot;nome&quot;: &quot;Bigodes&quot;, <br> &quot;pernas&quot;: 4, <br> &quot;coroa&quot;: 1, <br> &quot;inimigos&quot;: [&quot;Água&quot;, &quot;Cães&quot;] <br> }; </blockquote> Neste exemplo, todas as propriedades são armazenadas como strings, como - <code>&quot;name&quot;</code> , <code>&quot;legs&quot;</code> e <code>&quot;tails&quot;</code> . No entanto, você também pode usar números como propriedades. Você pode até mesmo omitir as aspas para propriedades de string de palavra única, da seguinte maneira: <blockquote> var anotherObject = { <br> make: &quot;Ford&quot;, <br> 5: &quot;cinco&quot;, <br> &quot;modelo&quot;: &quot;foco&quot; <br> }; </blockquote> No entanto, se o seu objeto tiver alguma propriedade que não seja de string, o JavaScript será automaticamente convertido em typecast como string. </section>
+
+## Instructions
+<section id="instructions"> Crie um objeto que represente um cão chamado <code>myDog</code> que contenha as propriedades <code>&quot;name&quot;</code> (uma string), <code>&quot;legs&quot;</code> , <code>&quot;tails&quot;</code> e <code>&quot;friends&quot;</code> . Você pode definir essas propriedades de objeto para quaisquer valores desejados, desde que <code>&quot;name&quot;</code> seja uma cadeia, <code>&quot;legs&quot;</code> e <code>&quot;tails&quot;</code> sejam números e <code>&quot;friends&quot;</code> seja uma matriz. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myDog</code> deve conter o <code>name</code> da propriedade e deve ser uma <code>string</code> .
+    testString: 'assert((function(z){if(z.hasOwnProperty("name") && z.name !== undefined && typeof z.name === "string"){return true;}else{return false;}})(myDog), "<code>myDog</code> should contain the property <code>name</code> and it should be a <code>string</code>.");'
+  - text: <code>myDog</code> deve conter as <code>legs</code> da propriedade e deve ser um <code>number</code> .
+    testString: 'assert((function(z){if(z.hasOwnProperty("legs") && z.legs !== undefined && typeof z.legs === "number"){return true;}else{return false;}})(myDog), "<code>myDog</code> should contain the property <code>legs</code> and it should be a <code>number</code>.");'
+  - text: <code>myDog</code> deve conter as <code>tails</code> da propriedade e deve ser um <code>number</code> .
+    testString: 'assert((function(z){if(z.hasOwnProperty("tails") && z.tails !== undefined && typeof z.tails === "number"){return true;}else{return false;}})(myDog), "<code>myDog</code> should contain the property <code>tails</code> and it should be a <code>number</code>.");'
+  - text: <code>myDog</code> deve conter os <code>friends</code> da propriedade e deve ser um <code>array</code> .
+    testString: 'assert((function(z){if(z.hasOwnProperty("friends") && z.friends !== undefined && Array.isArray(z.friends)){return true;}else{return false;}})(myDog), "<code>myDog</code> should contain the property <code>friends</code> and it should be an <code>array</code>.");'
+  - text: <code>myDog</code> deve conter apenas todas as propriedades dadas.
+    testString: 'assert((function(z){return Object.keys(z).length === 4;})(myDog), "<code>myDog</code> should only contain all the given properties.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"]
+};
+
+// Only change code below this line.
+
+var myDog = {
+
+
+
+
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements.portuguese.md
new file mode 100644
index 0000000000..444a0000dc
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements.portuguese.md
@@ -0,0 +1,82 @@
+---
+id: 56533eb9ac21ba0edf2244dc
+title: Chaining If Else Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: Encadeamento Se Mais Declarações
+---
+
+## Description
+<section id="description"> <code>if/else</code> instruções podem ser encadeadas para lógica complexa. Aqui está o <dfn>pseudocódigo</dfn> de várias instruções encadeadas <code>if</code> / <code>else if</code> : <blockquote> if ( <em>condição1</em> ) { <br> <em>statement1</em> <br> } else if ( <em>condição2</em> ) { <br> <em>statement2</em> <br> } else if ( <em>condição3</em> ) { <br> <em>statement3</em> <br> . . . <br> } outro { <br> <em>statementN</em> <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Escreva encadeado <code>if</code> / <code>else if</code> instruções preencherem as seguintes condições: <code>num &lt; 5</code> - return &quot;Tiny&quot; <br> <code>num &lt; 10</code> - retorna &quot;Pequeno&quot; <br> <code>num &lt; 15</code> - return &quot;Medium&quot; <br> <code>num &lt; 20</code> - retorna &quot;Grande&quot; <br> <code>num &gt;= 20</code> - retornar &quot;Enorme&quot; </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deve ter pelo menos quatro <code>else</code> declarações
+    testString: 'assert(code.match(/else/g).length > 3, "You should have at least four <code>else</code> statements");'
+  - text: Você deve ter pelo menos quatro declarações <code>if</code>
+    testString: 'assert(code.match(/if/g).length > 3, "You should have at least four <code>if</code> statements");'
+  - text: Você deve ter pelo menos uma declaração de <code>return</code>
+    testString: 'assert(code.match(/return/g).length >= 1, "You should have at least one <code>return</code> statement");'
+  - text: <code>testSize(0)</code> deve retornar &quot;minúsculo&quot;
+    testString: 'assert(testSize(0) === "Tiny", "<code>testSize(0)</code> should return "Tiny"");'
+  - text: <code>testSize(4)</code> deve retornar &quot;minúsculo&quot;
+    testString: 'assert(testSize(4) === "Tiny", "<code>testSize(4)</code> should return "Tiny"");'
+  - text: <code>testSize(5)</code> deve retornar &quot;Small&quot;
+    testString: 'assert(testSize(5) === "Small", "<code>testSize(5)</code> should return "Small"");'
+  - text: <code>testSize(8)</code> deve retornar &quot;Small&quot;
+    testString: 'assert(testSize(8) === "Small", "<code>testSize(8)</code> should return "Small"");'
+  - text: <code>testSize(10)</code> deve retornar &quot;Medium&quot;
+    testString: 'assert(testSize(10) === "Medium", "<code>testSize(10)</code> should return "Medium"");'
+  - text: <code>testSize(14)</code> deve retornar &quot;Medium&quot;
+    testString: 'assert(testSize(14) === "Medium", "<code>testSize(14)</code> should return "Medium"");'
+  - text: <code>testSize(15)</code> deve retornar &quot;Large&quot;
+    testString: 'assert(testSize(15) === "Large", "<code>testSize(15)</code> should return "Large"");'
+  - text: <code>testSize(17)</code> deve retornar &quot;Large&quot;
+    testString: 'assert(testSize(17) === "Large", "<code>testSize(17)</code> should return "Large"");'
+  - text: <code>testSize(20)</code> deve retornar &quot;Enorme&quot;
+    testString: 'assert(testSize(20) === "Huge", "<code>testSize(20)</code> should return "Huge"");'
+  - text: <code>testSize(25)</code> deve retornar &quot;Enorme&quot;
+    testString: 'assert(testSize(25) === "Huge", "<code>testSize(25)</code> should return "Huge"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testSize(num) {
+  // Only change code below this line
+
+
+  return "Change Me";
+  // Only change code above this line
+}
+
+// Change this value to test
+testSize(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code.portuguese.md
new file mode 100644
index 0000000000..f355fdfde8
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code.portuguese.md
@@ -0,0 +1,50 @@
+---
+id: bd7123c9c441eddfaeb4bdef
+title: Comment Your JavaScript Code
+challengeType: 1
+videoUrl: ''
+localeTitle: Comente seu código JavaScript
+---
+
+## Description
+<section id="description"> Comentários são linhas de código que o JavaScript irá ignorar intencionalmente. Os comentários são uma ótima maneira de deixar anotações para você e para outras pessoas que mais tarde precisarão descobrir o que esse código faz. Existem duas maneiras de escrever comentários em JavaScript: Usar o <code>//</code> dirá JavaScript para ignorar o restante do texto na linha atual: <blockquote> // Este é um comentário em linha. </blockquote> Você pode fazer um comentário de várias linhas começando com <code>/*</code> e terminando com <code>*/</code> : <blockquote> /* Isto é um <br> comentário de várias linhas * / </blockquote> <strong>Melhor pratica</strong> <br> Conforme você escreve o código, você deve adicionar regularmente comentários para esclarecer a função de partes do seu código. Bons comentários podem ajudar a comunicar a intenção do seu código - tanto para os outros <em>quanto</em> para o seu futuro. </section>
+
+## Instructions
+<section id="instructions"> Tente criar um de cada tipo de comentário. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Crie um <code>//</code> comentário de estilo que contenha pelo menos cinco letras.
+    testString: 'assert(code.match(/(\/\/)...../g), "Create a <code>//</code> style comment that contains at least five letters.");'
+  - text: Crie um comentário <code>/* */</code> style que contenha pelo menos cinco letras.
+    testString: 'assert(code.match(/(\/\*)([^\/]{5,})(?=\*\/)/gm), "Create a <code>/* */</code> style comment that contains at least five letters.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator.portuguese.md
new file mode 100644
index 0000000000..2d87db283a
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 56533eb9ac21ba0edf2244d0
+title: Comparison with the Equality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Comparação com o operador de igualdade
+---
+
+## Description
+<section id="description"> Existem muitos <dfn>operadores de comparação</dfn> em JavaScript. Todos esses operadores retornam um valor booleano <code>true</code> ou <code>false</code> . O operador mais básico é o operador de igualdade <code>==</code> . O operador de igualdade compara dois valores e retorna <code>true</code> se eles forem equivalentes ou <code>false</code> se não forem. Observe que a igualdade é diferente da atribuição ( <code>=</code> ), que atribui o valor à direita do operador a uma variável à esquerda. <blockquote> function equalityTest (myVal) { <br> if (myVal == 10) { <br> return &quot;Equal&quot;; <br> } <br> return &quot;Não igual&quot;; <br> } </blockquote> Se <code>myVal</code> for igual a <code>10</code> , o operador de igualdade retornará <code>true</code> , portanto o código nas chaves será executado e a função retornará <code>&quot;Equal&quot;</code> . Caso contrário, a função retornará <code>&quot;Not Equal&quot;</code> . Para que o JavaScript compare dois <code>data types</code> diferentes (por exemplo, <code>numbers</code> e <code>strings</code> ), ele deve converter um tipo em outro. Isso é conhecido como &quot;Type Coerção&quot;. Uma vez feito, no entanto, ele pode comparar os termos da seguinte forma: <blockquote> 1 == 1 // verdadeiro <br> 1 == 2 // false <br> 1 == &#39;1&#39; // verdadeiro <br> &quot;3&quot; == 3 // verdadeiro </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione o <code>equality operator</code> à linha indicada para que a função retorne &quot;Equal&quot; quando <code>val</code> é equivalente a <code>12</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testEqual(10)</code> deve retornar &quot;não igual&quot;
+    testString: 'assert(testEqual(10) === "Not Equal", "<code>testEqual(10)</code> should return "Not Equal"");'
+  - text: <code>testEqual(12)</code> deve retornar &quot;Equal&quot;
+    testString: 'assert(testEqual(12) === "Equal", "<code>testEqual(12)</code> should return "Equal"");'
+  - text: <code>testEqual(&quot;12&quot;)</code> deve retornar &quot;Igual&quot;
+    testString: 'assert(testEqual("12") === "Equal", "<code>testEqual("12")</code> should return "Equal"");'
+  - text: Você deve usar o operador <code>==</code>
+    testString: 'assert(code.match(/==/g) && !code.match(/===/g), "You should use the <code>==</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function testEqual(val) {
+  if (val) { // Change this line
+    return "Equal";
+  }
+  return "Not Equal";
+}
+
+// Change this value to test
+testEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator.portuguese.md
new file mode 100644
index 0000000000..efceb03884
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator.portuguese.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244d4
+title: Comparison with the Greater Than Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Comparação com o operador Maior que
+---
+
+## Description
+<section id="description"> O operador maior que ( <code>&gt;</code> ) compara os valores de dois números. Se o número à esquerda for maior que o número à direita, ele retornará <code>true</code> . Caso contrário, retorna <code>false</code> . Como o operador de igualdade, maior que o operador converterá tipos de dados de valores durante a comparação. <strong>Exemplos</strong> <blockquote> 5&gt; 3 // verdadeiro <br> 7&gt; &#39;3&#39; // verdadeiro <br> 2&gt; 3 // falso <br> &#39;1&#39;&gt; 9 // falso </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione o operador <code>greater than</code> às linhas indicadas para que as instruções de retorno façam sentido. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testGreaterThan(0)</code> deve retornar &quot;10 ou menos&quot;
+    testString: 'assert(testGreaterThan(0) === "10 or Under", "<code>testGreaterThan(0)</code> should return "10 or Under"");'
+  - text: <code>testGreaterThan(10)</code> deve retornar &quot;10 ou menos&quot;
+    testString: 'assert(testGreaterThan(10) === "10 or Under", "<code>testGreaterThan(10)</code> should return "10 or Under"");'
+  - text: <code>testGreaterThan(11)</code> deve retornar &quot;Mais de 10&quot;
+    testString: 'assert(testGreaterThan(11) === "Over 10", "<code>testGreaterThan(11)</code> should return "Over 10"");'
+  - text: <code>testGreaterThan(99)</code> deve retornar &quot;Mais de 10&quot;
+    testString: 'assert(testGreaterThan(99) === "Over 10", "<code>testGreaterThan(99)</code> should return "Over 10"");'
+  - text: <code>testGreaterThan(100)</code> deve retornar &quot;Mais de 10&quot;
+    testString: 'assert(testGreaterThan(100) === "Over 10", "<code>testGreaterThan(100)</code> should return "Over 10"");'
+  - text: <code>testGreaterThan(101)</code> deve retornar &quot;Mais de 100&quot;
+    testString: 'assert(testGreaterThan(101) === "Over 100", "<code>testGreaterThan(101)</code> should return "Over 100"");'
+  - text: <code>testGreaterThan(150)</code> deve retornar &quot;Mais de 100&quot;
+    testString: 'assert(testGreaterThan(150) === "Over 100", "<code>testGreaterThan(150)</code> should return "Over 100"");'
+  - text: Você deve usar o operador <code>&gt;</code> pelo menos duas vezes
+    testString: 'assert(code.match(/val\s*>\s*("|")*\d+("|")*/g).length > 1, "You should use the <code>&gt;</code> operator at least twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testGreaterThan(val) {
+  if (val) {  // Change this line
+    return "Over 100";
+  }
+
+  if (val) {  // Change this line
+    return "Over 10";
+  }
+
+  return "10 or Under";
+}
+
+// Change this value to test
+testGreaterThan(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator.portuguese.md
new file mode 100644
index 0000000000..e949ee2558
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator.portuguese.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244d5
+title: Comparison with the Greater Than Or Equal To Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Comparação com o maior que ou igual ao operador
+---
+
+## Description
+<section id="description"> O <code>greater than or equal to</code> operador ( <code>&gt;=</code> ) compara os valores de dois números. Se o número à esquerda for maior ou igual ao número à direita, ele retornará <code>true</code> . Caso contrário, retorna <code>false</code> . Como o operador de igualdade, <code>greater than or equal to</code> operador converterá os tipos de dados durante a comparação. <strong>Exemplos</strong> <blockquote> 6&gt; = 6 // verdadeiro <br> 7&gt; = &#39;3&#39; // verdadeiro <br> 2&gt; = 3 // falso <br> &#39;7&#39;&gt; = 9 // falso </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione o operador <code>greater than or equal to</code> às linhas indicadas para que as instruções de retorno façam sentido. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testGreaterOrEqual(0)</code> deve retornar &quot;Menor que 10&quot;
+    testString: 'assert(testGreaterOrEqual(0) === "Less than 10", "<code>testGreaterOrEqual(0)</code> should return "Less than 10"");'
+  - text: <code>testGreaterOrEqual(9)</code> deve retornar &quot;Menor que 10&quot;
+    testString: 'assert(testGreaterOrEqual(9) === "Less than 10", "<code>testGreaterOrEqual(9)</code> should return "Less than 10"");'
+  - text: <code>testGreaterOrEqual(10)</code> deve retornar &quot;10 ou mais&quot;
+    testString: 'assert(testGreaterOrEqual(10) === "10 or Over", "<code>testGreaterOrEqual(10)</code> should return "10 or Over"");'
+  - text: <code>testGreaterOrEqual(11)</code> deve retornar &quot;10 ou mais&quot;
+    testString: 'assert(testGreaterOrEqual(11) === "10 or Over", "<code>testGreaterOrEqual(11)</code> should return "10 or Over"");'
+  - text: <code>testGreaterOrEqual(19)</code> deve retornar &quot;10 ou mais&quot;
+    testString: 'assert(testGreaterOrEqual(19) === "10 or Over", "<code>testGreaterOrEqual(19)</code> should return "10 or Over"");'
+  - text: <code>testGreaterOrEqual(100)</code> deve retornar &quot;20 ou mais&quot;
+    testString: 'assert(testGreaterOrEqual(100) === "20 or Over", "<code>testGreaterOrEqual(100)</code> should return "20 or Over"");'
+  - text: <code>testGreaterOrEqual(21)</code> deve retornar &quot;20 ou mais&quot;
+    testString: 'assert(testGreaterOrEqual(21) === "20 or Over", "<code>testGreaterOrEqual(21)</code> should return "20 or Over"");'
+  - text: Você deve usar o operador <code>&gt;=</code> pelo menos duas vezes
+    testString: 'assert(code.match(/val\s*>=\s*("|")*\d+("|")*/g).length > 1, "You should use the <code>&gt;=</code> operator at least twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testGreaterOrEqual(val) {
+  if (val) {  // Change this line
+    return "20 or Over";
+  }
+
+  if (val) {  // Change this line
+    return "10 or Over";
+  }
+
+  return "Less than 10";
+}
+
+// Change this value to test
+testGreaterOrEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator.portuguese.md
new file mode 100644
index 0000000000..c2250836c0
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator.portuguese.md
@@ -0,0 +1,68 @@
+---
+id: 56533eb9ac21ba0edf2244d2
+title: Comparison with the Inequality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Comparação com o operador Inequality
+---
+
+## Description
+<section id="description"> O operador de desigualdade ( <code>!=</code> ) É o oposto do operador de igualdade. Significa &quot;Não igual&quot; e retorna <code>false</code> onde a igualdade retornaria <code>true</code> e <em>vice-versa</em> . Como o operador de igualdade, o operador de desigualdade converterá tipos de dados de valores durante a comparação. <strong>Exemplos</strong> <blockquote> 1! = 2 // verdadeiro <br> 1! = &quot;1&quot; // false <br> 1! = &#39;1&#39; // false <br> 1! = Verdadeiro // falso <br> 0! = Falso // falso </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione o operador de desigualdade <code>!=</code> Na instrução <code>if</code> para que a função retorne &quot;Not Equal&quot; quando <code>val</code> não for equivalente a <code>99</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testNotEqual(99)</code> deve retornar &quot;igual&quot;
+    testString: 'assert(testNotEqual(99) === "Equal", "<code>testNotEqual(99)</code> should return "Equal"");'
+  - text: <code>testNotEqual(&quot;99&quot;)</code> deve retornar &quot;igual&quot;
+    testString: 'assert(testNotEqual("99") === "Equal", "<code>testNotEqual("99")</code> should return "Equal"");'
+  - text: <code>testNotEqual(12)</code> deve retornar &quot;não igual&quot;
+    testString: 'assert(testNotEqual(12) === "Not Equal", "<code>testNotEqual(12)</code> should return "Not Equal"");'
+  - text: <code>testNotEqual(&quot;12&quot;)</code> deve retornar &quot;não igual&quot;
+    testString: 'assert(testNotEqual("12") === "Not Equal", "<code>testNotEqual("12")</code> should return "Not Equal"");'
+  - text: <code>testNotEqual(&quot;bob&quot;)</code> deve retornar &quot;não igual&quot;
+    testString: 'assert(testNotEqual("bob") === "Not Equal", "<code>testNotEqual("bob")</code> should return "Not Equal"");'
+  - text: Você deve usar o operador <code>!=</code>
+    testString: 'assert(code.match(/(?!!==)!=/), "You should use the <code>!=</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function testNotEqual(val) {
+  if (val) { // Change this line
+    return "Not Equal";
+  }
+  return "Equal";
+}
+
+// Change this value to test
+testNotEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator.portuguese.md
new file mode 100644
index 0000000000..004a6470b0
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: 56533eb9ac21ba0edf2244d6
+title: Comparison with the Less Than Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Comparação com o menor que o operador
+---
+
+## Description
+<section id="description"> O operador <dfn>menor que</dfn> ( <code>&lt;</code> ) compara os valores de dois números. Se o número à esquerda for menor que o número à direita, ele retornará <code>true</code> . Caso contrário, retorna <code>false</code> . Como o operador de igualdade, o operador <dfn>menor que</dfn> converte tipos de dados durante a comparação. <strong>Exemplos</strong> <blockquote> 2 &lt;5 // verdadeiro <br> &#39;3&#39; &lt;7 // verdadeiro <br> 5 &lt;5 // falso <br> 3 &lt;2 // falso <br> &#39;8&#39; &lt;4 // falso </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione o operador <code>less than</code> às linhas indicadas para que as instruções de retorno façam sentido. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testLessThan(0)</code> deve retornar &quot;Abaixo de 25&quot;
+    testString: 'assert(testLessThan(0) === "Under 25", "<code>testLessThan(0)</code> should return "Under 25"");'
+  - text: <code>testLessThan(24)</code> deve retornar &quot;Abaixo de 25&quot;
+    testString: 'assert(testLessThan(24) === "Under 25", "<code>testLessThan(24)</code> should return "Under 25"");'
+  - text: <code>testLessThan(25)</code> deve retornar &quot;Under 55&quot;
+    testString: 'assert(testLessThan(25) === "Under 55", "<code>testLessThan(25)</code> should return "Under 55"");'
+  - text: <code>testLessThan(54)</code> deve retornar &quot;Under 55&quot;
+    testString: 'assert(testLessThan(54) === "Under 55", "<code>testLessThan(54)</code> should return "Under 55"");'
+  - text: <code>testLessThan(55)</code> deve retornar &quot;55 ou mais&quot;
+    testString: 'assert(testLessThan(55) === "55 or Over", "<code>testLessThan(55)</code> should return "55 or Over"");'
+  - text: <code>testLessThan(99)</code> deve retornar &quot;55 ou mais&quot;
+    testString: 'assert(testLessThan(99) === "55 or Over", "<code>testLessThan(99)</code> should return "55 or Over"");'
+  - text: Você deve usar o operador <code>&lt;</code> pelo menos duas vezes
+    testString: 'assert(code.match(/val\s*<\s*("|")*\d+("|")*/g).length > 1, "You should use the <code>&lt;</code> operator at least twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testLessThan(val) {
+  if (val) {  // Change this line
+    return "Under 25";
+  }
+
+  if (val) {  // Change this line
+    return "Under 55";
+  }
+
+  return "55 or Over";
+}
+
+// Change this value to test
+testLessThan(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator.portuguese.md
new file mode 100644
index 0000000000..5cdaf4c505
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator.portuguese.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244d7
+title: Comparison with the Less Than Or Equal To Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Comparação com o menor ou igual ao operador
+---
+
+## Description
+<section id="description"> O operador <code>less than or equal to</code> ( <code>&lt;=</code> ) compara os valores de dois números. Se o número à esquerda for menor ou igual ao número à direita, ele retornará <code>true</code> . Se o número à esquerda for maior que o número à direita, ele retornará <code>false</code> . Como o operador de igualdade, <code>less than or equal to</code> converte tipos de dados. <strong>Exemplos</strong> <blockquote> 4 &lt;= 5 // verdadeiro <br> &#39;7&#39; &lt;= 7 // verdadeiro <br> 5 &lt;= 5 // verdadeiro <br> 3 &lt;= 2 // falso <br> &#39;8&#39; &lt;= 4 // falso </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione o operador <code>less than or equal to</code> das linhas indicadas para que as instruções de retorno façam sentido. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testLessOrEqual(0)</code> deve retornar &quot;Menor ou igual a 12&quot;
+    testString: 'assert(testLessOrEqual(0) === "Smaller Than or Equal to 12", "<code>testLessOrEqual(0)</code> should return "Smaller Than or Equal to 12"");'
+  - text: <code>testLessOrEqual(11)</code> deve retornar &quot;Menor ou igual a 12&quot;
+    testString: 'assert(testLessOrEqual(11) === "Smaller Than or Equal to 12", "<code>testLessOrEqual(11)</code> should return "Smaller Than or Equal to 12"");'
+  - text: <code>testLessOrEqual(12)</code> deve retornar &quot;Menor ou igual a 12&quot;
+    testString: 'assert(testLessOrEqual(12) === "Smaller Than or Equal to 12", "<code>testLessOrEqual(12)</code> should return "Smaller Than or Equal to 12"");'
+  - text: <code>testLessOrEqual(23)</code> deve retornar &quot;Menor ou igual a 24&quot;
+    testString: 'assert(testLessOrEqual(23) === "Smaller Than or Equal to 24", "<code>testLessOrEqual(23)</code> should return "Smaller Than or Equal to 24"");'
+  - text: <code>testLessOrEqual(24)</code> deve retornar &quot;Menor ou igual a 24&quot;
+    testString: 'assert(testLessOrEqual(24) === "Smaller Than or Equal to 24", "<code>testLessOrEqual(24)</code> should return "Smaller Than or Equal to 24"");'
+  - text: <code>testLessOrEqual(25)</code> deve retornar &quot;mais de 24&quot;
+    testString: 'assert(testLessOrEqual(25) === "More Than 24", "<code>testLessOrEqual(25)</code> should return "More Than 24"");'
+  - text: <code>testLessOrEqual(55)</code> deve retornar &quot;mais de 24&quot;
+    testString: 'assert(testLessOrEqual(55) === "More Than 24", "<code>testLessOrEqual(55)</code> should return "More Than 24"");'
+  - text: Você deve usar o operador <code>&lt;=</code> pelo menos duas vezes
+    testString: 'assert(code.match(/val\s*<=\s*("|")*\d+("|")*/g).length > 1, "You should use the <code>&lt;=</code> operator at least twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testLessOrEqual(val) {
+  if (val) {  // Change this line
+    return "Smaller Than or Equal to 12";
+  }
+
+  if (val) {  // Change this line
+    return "Smaller Than or Equal to 24";
+  }
+
+  return "More Than 24";
+}
+
+// Change this value to test
+testLessOrEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator.portuguese.md
new file mode 100644
index 0000000000..90c6b7d57f
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 56533eb9ac21ba0edf2244d1
+title: Comparison with the Strict Equality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Comparação com o operador Strict Equality
+---
+
+## Description
+<section id="description"> A igualdade estrita ( <code>===</code> ) é a contrapartida do operador de igualdade ( <code>==</code> ). No entanto, ao contrário do operador de igualdade, que tenta converter os dois valores sendo comparados a um tipo comum, o operador de igualdade estrita não executa uma conversão de tipo. Se os valores que estão sendo comparados tiverem tipos diferentes, eles serão considerados desiguais e o operador de igualdade estrita retornará false. <strong>Exemplos</strong> <blockquote> 3 === 3 // verdadeiro <br> 3 === &#39;3&#39; // false </blockquote> No segundo exemplo, <code>3</code> é um tipo <code>Number</code> e <code>&#39;3&#39;</code> é um tipo <code>String</code> . </section>
+
+## Instructions
+<section id="instructions"> Use o operador de igualdade estrito na instrução <code>if</code> para que a função retorne &quot;Equal&quot; quando <code>val</code> for estritamente igual a <code>7</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testStrict(10)</code> deve retornar &quot;não igual&quot;
+    testString: 'assert(testStrict(10) === "Not Equal", "<code>testStrict(10)</code> should return "Not Equal"");'
+  - text: <code>testStrict(7)</code> deve retornar &quot;igual&quot;
+    testString: 'assert(testStrict(7) === "Equal", "<code>testStrict(7)</code> should return "Equal"");'
+  - text: <code>testStrict(&quot;7&quot;)</code> deve retornar &quot;não igual&quot;
+    testString: 'assert(testStrict("7") === "Not Equal", "<code>testStrict("7")</code> should return "Not Equal"");'
+  - text: Você deve usar o operador <code>===</code>
+    testString: 'assert(code.match(/(val\s*===\s*\d+)|(\d+\s*===\s*val)/g).length > 0, "You should use the <code>===</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function testStrict(val) {
+  if (val) { // Change this line
+    return "Equal";
+  }
+  return "Not Equal";
+}
+
+// Change this value to test
+testStrict(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator.portuguese.md
new file mode 100644
index 0000000000..48608acb77
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: 56533eb9ac21ba0edf2244d3
+title: Comparison with the Strict Inequality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Comparação com o Operador Estrito da Desigualdade
+---
+
+## Description
+<section id="description"> O operador de desigualdade restrita ( <code>!==</code> ) é o oposto lógico do operador de igualdade estrito. Significa &quot;estritamente não igual&quot; e retorna <code>false</code> onde a igualdade estrita retornaria <code>true</code> e <em>vice-versa</em> . A desigualdade estrita não converte tipos de dados. <strong>Exemplos</strong> <blockquote> 3! == 3 // false <br> 3! == &#39;3&#39; // true <br> 4! == 3 // verdadeiro </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione o <code>strict inequality operator</code> à instrução <code>if</code> para que a função retorne &quot;Not Equal&quot; quando <code>val</code> não for estritamente igual a <code>17</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testStrictNotEqual(17)</code> deve retornar &quot;Igual&quot;
+    testString: 'assert(testStrictNotEqual(17) === "Equal", "<code>testStrictNotEqual(17)</code> should return "Equal"");'
+  - text: <code>testStrictNotEqual(&quot;17&quot;)</code> deve retornar &quot;não igual&quot;
+    testString: 'assert(testStrictNotEqual("17") === "Not Equal", "<code>testStrictNotEqual("17")</code> should return "Not Equal"");'
+  - text: <code>testStrictNotEqual(12)</code> deve retornar &quot;não igual&quot;
+    testString: 'assert(testStrictNotEqual(12) === "Not Equal", "<code>testStrictNotEqual(12)</code> should return "Not Equal"");'
+  - text: <code>testStrictNotEqual(&quot;bob&quot;)</code> deve retornar &quot;não igual&quot;
+    testString: 'assert(testStrictNotEqual("bob") === "Not Equal", "<code>testStrictNotEqual("bob")</code> should return "Not Equal"");'
+  - text: Você deve usar o operador <code>!==</code>
+    testString: 'assert(code.match(/(val\s*!==\s*\d+)|(\d+\s*!==\s*val)/g).length > 0, "You should use the <code>!==</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function testStrictNotEqual(val) {
+  // Only Change Code Below this Line
+
+  if (val) {
+
+  // Only Change Code Above this Line
+
+    return "Not Equal";
+  }
+  return "Equal";
+}
+
+// Change this value to test
+testStrictNotEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator.portuguese.md
new file mode 100644
index 0000000000..e892fcbc06
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator.portuguese.md
@@ -0,0 +1,81 @@
+---
+id: 56533eb9ac21ba0edf2244d8
+title: Comparisons with the Logical And Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Comparações com o Logical And Operator
+---
+
+## Description
+<section id="description"> Às vezes você precisará testar mais de uma coisa de cada vez. O <dfn>lógico e o</dfn> operador ( <code>&amp;&amp;</code> ) retornam <code>true</code> se e somente se os <dfn>operandos</dfn> à esquerda e à direita dele forem verdadeiros. O mesmo efeito pode ser obtido aninhando uma instrução if dentro de outra se: <blockquote> if (num&gt; 5) { <br> if (num &lt;10) { <br> return &quot;Sim&quot;; <br> } <br> } <br> return &quot;não&quot;; </blockquote> só retornará &quot;Sim&quot; se <code>num</code> for maior que <code>5</code> e menor que <code>10</code> . A mesma lógica pode ser escrita como: <blockquote> if (num&gt; 5 &amp;&amp; num &lt;10) { <br> return &quot;Sim&quot;; <br> } <br> return &quot;não&quot;; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Combine as duas instruções if em uma instrução que retornará <code>&quot;Yes&quot;</code> se <code>val</code> for menor ou igual a <code>50</code> e maior ou igual a <code>25</code> . Caso contrário, retornará <code>&quot;No&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deve usar o operador <code>&amp;&amp;</code> uma vez
+    testString: 'assert(code.match(/&&/g).length === 1, "You should use the <code>&&</code> operator once");'
+  - text: Você deve ter apenas uma declaração <code>if</code>
+    testString: 'assert(code.match(/if/g).length === 1, "You should only have one <code>if</code> statement");'
+  - text: <code>testLogicalAnd(0)</code> deve retornar &quot;Não&quot;
+    testString: 'assert(testLogicalAnd(0) === "No", "<code>testLogicalAnd(0)</code> should return "No"");'
+  - text: <code>testLogicalAnd(24)</code> deve retornar &quot;Não&quot;
+    testString: 'assert(testLogicalAnd(24) === "No", "<code>testLogicalAnd(24)</code> should return "No"");'
+  - text: <code>testLogicalAnd(25)</code> deve retornar &quot;Sim&quot;
+    testString: 'assert(testLogicalAnd(25) === "Yes", "<code>testLogicalAnd(25)</code> should return "Yes"");'
+  - text: <code>testLogicalAnd(30)</code> deve retornar &quot;Sim&quot;
+    testString: 'assert(testLogicalAnd(30) === "Yes", "<code>testLogicalAnd(30)</code> should return "Yes"");'
+  - text: <code>testLogicalAnd(50)</code> deve retornar &quot;Sim&quot;
+    testString: 'assert(testLogicalAnd(50) === "Yes", "<code>testLogicalAnd(50)</code> should return "Yes"");'
+  - text: <code>testLogicalAnd(51)</code> deve retornar &quot;Não&quot;
+    testString: 'assert(testLogicalAnd(51) === "No", "<code>testLogicalAnd(51)</code> should return "No"");'
+  - text: <code>testLogicalAnd(75)</code> deve retornar &quot;Não&quot;
+    testString: 'assert(testLogicalAnd(75) === "No", "<code>testLogicalAnd(75)</code> should return "No"");'
+  - text: <code>testLogicalAnd(80)</code> deve retornar &quot;Não&quot;
+    testString: 'assert(testLogicalAnd(80) === "No", "<code>testLogicalAnd(80)</code> should return "No"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testLogicalAnd(val) {
+  // Only change code below this line
+
+  if (val) {
+    if (val) {
+      return "Yes";
+    }
+  }
+
+  // Only change code above this line
+  return "No";
+}
+
+// Change this value to test
+testLogicalAnd(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator.portuguese.md
new file mode 100644
index 0000000000..5f92fada5f
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator.portuguese.md
@@ -0,0 +1,83 @@
+---
+id: 56533eb9ac21ba0edf2244d9
+title: Comparisons with the Logical Or Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Comparações com o lógico ou operador
+---
+
+## Description
+<section id="description"> O <dfn>lógico ou</dfn> operador ( <code>||</code> ) retorna <code>true</code> se qualquer um dos <dfn>operandos</dfn> for <code>true</code> . Caso contrário, retorna <code>false</code> . O <dfn>lógico ou</dfn> operador é composto de dois símbolos de pipe ( <code>|</code> ). Isso geralmente pode ser encontrado entre as teclas Backspace e Enter. O padrão abaixo deve parecer familiar a partir de waypoints anteriores: <blockquote> if (num&gt; 10) { <br> return &quot;não&quot;; <br> } <br> if (num &lt;5) { <br> return &quot;não&quot;; <br> } <br> return &quot;Sim&quot;; </blockquote> retornará &quot;Sim&quot; somente se <code>num</code> for entre <code>5</code> e <code>10</code> (5 e 10 incluídos). A mesma lógica pode ser escrita como: <blockquote> if (num&gt; 10 || num &lt;5) { <br> return &quot;não&quot;; <br> } <br> return &quot;Sim&quot;; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Combine as duas declarações <code>if</code> em uma declaração que retorne <code>&quot;Outside&quot;</code> se <code>val</code> não estiver entre <code>10</code> e <code>20</code> , inclusive. Caso contrário, retorne <code>&quot;Inside&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deve usar o <code>||</code> operador uma vez
+    testString: 'assert(code.match(/\|\|/g).length === 1, "You should use the <code>||</code> operator once");'
+  - text: Você deve ter apenas uma declaração <code>if</code>
+    testString: 'assert(code.match(/if/g).length === 1, "You should only have one <code>if</code> statement");'
+  - text: <code>testLogicalOr(0)</code> deve retornar &quot;Outside&quot;
+    testString: 'assert(testLogicalOr(0) === "Outside", "<code>testLogicalOr(0)</code> should return "Outside"");'
+  - text: <code>testLogicalOr(9)</code> deve retornar &quot;Outside&quot;
+    testString: 'assert(testLogicalOr(9) === "Outside", "<code>testLogicalOr(9)</code> should return "Outside"");'
+  - text: <code>testLogicalOr(10)</code> deve retornar &quot;Inside&quot;
+    testString: 'assert(testLogicalOr(10) === "Inside", "<code>testLogicalOr(10)</code> should return "Inside"");'
+  - text: <code>testLogicalOr(15)</code> deve retornar &quot;Inside&quot;
+    testString: 'assert(testLogicalOr(15) === "Inside", "<code>testLogicalOr(15)</code> should return "Inside"");'
+  - text: <code>testLogicalOr(19)</code> deve retornar &quot;Inside&quot;
+    testString: 'assert(testLogicalOr(19) === "Inside", "<code>testLogicalOr(19)</code> should return "Inside"");'
+  - text: <code>testLogicalOr(20)</code> deve retornar &quot;Inside&quot;
+    testString: 'assert(testLogicalOr(20) === "Inside", "<code>testLogicalOr(20)</code> should return "Inside"");'
+  - text: <code>testLogicalOr(21)</code> deve retornar &quot;Outside&quot;
+    testString: 'assert(testLogicalOr(21) === "Outside", "<code>testLogicalOr(21)</code> should return "Outside"");'
+  - text: <code>testLogicalOr(25)</code> deve retornar &quot;Outside&quot;
+    testString: 'assert(testLogicalOr(25) === "Outside", "<code>testLogicalOr(25)</code> should return "Outside"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testLogicalOr(val) {
+  // Only change code below this line
+
+  if (val) {
+    return "Outside";
+  }
+
+  if (val) {
+    return "Outside";
+  }
+
+  // Only change code above this line
+  return "Inside";
+}
+
+// Change this value to test
+testLogicalOr(15);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-addition.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-addition.portuguese.md
new file mode 100644
index 0000000000..3fb216418f
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-addition.portuguese.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244af
+title: Compound Assignment With Augmented Addition
+challengeType: 1
+videoUrl: ''
+localeTitle: Atribuição composta com adição aumentada
+---
+
+## Description
+<section id="description"> Na programação, é comum usar atribuições para modificar o conteúdo de uma variável. Lembre-se de que tudo à direita do sinal de igual é avaliado primeiro, então podemos dizer: <code>myVar = myVar + 5;</code> para adicionar <code>5</code> a <code>myVar</code> . Como esse é um padrão tão comum, há operadores que fazem uma operação matemática e uma atribuição em uma etapa. Um desses operadores é o operador <code>+=</code> . <blockquote> var myVar = 1; <br> myVar + = 5; <br> console.log (myVar); // Retorna 6 </blockquote></section>
+
+## Instructions
+<section id="instructions"> Converta as atribuições de <code>a</code> , <code>b</code> e <code>c</code> para usar o operador <code>+=</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>a</code> deve ser igual a <code>15</code>
+    testString: 'assert(a === 15, "<code>a</code> should equal <code>15</code>");'
+  - text: <code>b</code> deve ser igual a <code>26</code>
+    testString: 'assert(b === 26, "<code>b</code> should equal <code>26</code>");'
+  - text: <code>c</code> deve ser igual a <code>19</code>
+    testString: 'assert(c === 19, "<code>c</code> should equal <code>19</code>");'
+  - text: Você deve usar o operador <code>+=</code> para cada variável
+    testString: 'assert(code.match(/\+=/g).length === 3, "You should use the <code>+=</code> operator for each variable");'
+  - text: Não modifique o código acima da linha
+    testString: 'assert(/var a = 3;/.test(code) && /var b = 17;/.test(code) && /var c = 12;/.test(code), "Do not modify the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var a = 3;
+var b = 17;
+var c = 12;
+
+// Only modify code below this line
+
+a = a + 12;
+b = 9 + b;
+c = c + 7;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division.portuguese.md
new file mode 100644
index 0000000000..ccdb8ae5b0
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division.portuguese.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244b2
+title: Compound Assignment With Augmented Division
+challengeType: 1
+videoUrl: ''
+localeTitle: Atribuição Composta Com Divisão Aumentada
+---
+
+## Description
+<section id="description"> O operador <code>/=</code> divide uma variável por outro número. <code>myVar = myVar / 5;</code> Vai dividir <code>myVar</code> por <code>5</code> . Isso pode ser reescrito como: <code>myVar /= 5;</code> </section>
+
+## Instructions
+<section id="instructions"> Converta as atribuições de <code>a</code> , <code>b</code> e <code>c</code> para usar o operador <code>/=</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>a</code> deve ser igual a <code>4</code>
+    testString: 'assert(a === 4, "<code>a</code> should equal <code>4</code>");'
+  - text: <code>b</code> deve ser igual a <code>27</code>
+    testString: 'assert(b === 27, "<code>b</code> should equal <code>27</code>");'
+  - text: <code>c</code> deve ser igual a <code>3</code>
+    testString: 'assert(c === 3, "<code>c</code> should equal <code>3</code>");'
+  - text: Você deve usar o operador <code>/=</code> para cada variável
+    testString: 'assert(code.match(/\/=/g).length === 3, "You should use the <code>/=</code> operator for each variable");'
+  - text: Não modifique o código acima da linha
+    testString: 'assert(/var a = 48;/.test(code) && /var b = 108;/.test(code) && /var c = 33;/.test(code), "Do not modify the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var a = 48;
+var b = 108;
+var c = 33;
+
+// Only modify code below this line
+
+a = a / 12;
+b = b / 4;
+c = c / 11;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication.portuguese.md
new file mode 100644
index 0000000000..6187d0572e
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication.portuguese.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244b1
+title: Compound Assignment With Augmented Multiplication
+challengeType: 1
+videoUrl: ''
+localeTitle: Atribuição Composta Com Multiplicação Aumentada
+---
+
+## Description
+<section id="description"> O operador <code>*=</code> multiplica uma variável por um número. <code>myVar = myVar * 5;</code> irá multiplicar <code>myVar</code> por <code>5</code> . Isso pode ser reescrito como: <code>myVar *= 5;</code> </section>
+
+## Instructions
+<section id="instructions"> Converta as atribuições de <code>a</code> , <code>b</code> e <code>c</code> para usar o operador <code>*=</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>a</code> deve ser igual a <code>25</code>
+    testString: 'assert(a === 25, "<code>a</code> should equal <code>25</code>");'
+  - text: <code>b</code> deve ser igual a <code>36</code>
+    testString: 'assert(b === 36, "<code>b</code> should equal <code>36</code>");'
+  - text: <code>c</code> deve ser igual a <code>46</code>
+    testString: 'assert(c === 46, "<code>c</code> should equal <code>46</code>");'
+  - text: Você deve usar o operador <code>*=</code> para cada variável
+    testString: 'assert(code.match(/\*=/g).length === 3, "You should use the <code>*=</code> operator for each variable");'
+  - text: Não modifique o código acima da linha
+    testString: 'assert(/var a = 5;/.test(code) && /var b = 12;/.test(code) && /var c = 4\.6;/.test(code), "Do not modify the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var a = 5;
+var b = 12;
+var c = 4.6;
+
+// Only modify code below this line
+
+a = a * 5;
+b = 3 * b;
+c = c * 10;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-subtraction.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-subtraction.portuguese.md
new file mode 100644
index 0000000000..b4bae9342c
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-subtraction.portuguese.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244b0
+title: Compound Assignment With Augmented Subtraction
+challengeType: 1
+videoUrl: ''
+localeTitle: Atribuição Composta com Subtração Aumentada
+---
+
+## Description
+<section id="description"> Como o operador <code>+=</code> , <code>-=</code> subtrai um número de uma variável. <code>myVar = myVar - 5;</code> subtrairá <code>5</code> do <code>myVar</code> . Isso pode ser reescrito como: <code>myVar -= 5;</code> </section>
+
+## Instructions
+<section id="instructions"> Converta as atribuições de <code>a</code> , <code>b</code> e <code>c</code> para usar o operador <code>-=</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>a</code> deve igual a <code>5</code>
+    testString: 'assert(a === 5, "<code>a</code> should equal <code>5</code>");'
+  - text: <code>b</code> deve ser igual a <code>-6</code>
+    testString: 'assert(b === -6, "<code>b</code> should equal <code>-6</code>");'
+  - text: <code>c</code> deve ser igual a <code>2</code>
+    testString: 'assert(c === 2, "<code>c</code> should equal <code>2</code>");'
+  - text: Você deve usar o operador <code>-=</code> para cada variável
+    testString: 'assert(code.match(/-=/g).length === 3, "You should use the <code>-=</code> operator for each variable");'
+  - text: Não modifique o código acima da linha
+    testString: 'assert(/var a = 11;/.test(code) && /var b = 9;/.test(code) && /var c = 3;/.test(code), "Do not modify the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var a = 11;
+var b = 9;
+var c = 3;
+
+// Only modify code below this line
+
+a = a - 6;
+b = b - 15;
+c = c - 1;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-plus-operator.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-plus-operator.portuguese.md
new file mode 100644
index 0000000000..9be9a569bc
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-plus-operator.portuguese.md
@@ -0,0 +1,68 @@
+---
+id: 56533eb9ac21ba0edf2244b7
+title: Concatenating Strings with Plus Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Concatenando Strings com Operador Plus
+---
+
+## Description
+<section id="description"> Em JavaScript, quando o operador <code>+</code> é usado com um valor <code>String</code> , ele é chamado de operador de <dfn>concatenação</dfn> . Você pode construir uma nova string a partir de outras strings, <dfn>concatenando</dfn> -as juntas. <strong>Exemplo</strong> <blockquote> &#39;Meu nome é Alan,&#39; concordo &#39;. </blockquote> <strong>Nota</strong> <br> Cuidado com os espaços. A concatenação não adiciona espaços entre as sequências concatenadas, portanto, você precisará adicioná-las você mesmo. </section>
+
+## Instructions
+<section id="instructions"> Construa <code>myStr</code> partir das strings <code>&quot;This is the start. &quot;</code> E <code>&quot;This is the end.&quot;</code> usando o operador <code>+</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myStr</code> deve ter um valor de <code>This is the start. This is the end.</code>
+    testString: 'assert(myStr === "This is the start. This is the end.", "<code>myStr</code> should have a value of <code>This is the start. This is the end.</code>");'
+  - text: Use o operador <code>+</code> para construir <code>myStr</code>
+    testString: 'assert(code.match(/([""]).*([""])\s*\+\s*([""]).*([""])/g).length > 1, "Use the <code>+</code> operator to build <code>myStr</code>");'
+  - text: <code>myStr</code> deve ser criado usando a palavra-chave <code>var</code> .
+    testString: 'assert(/var\s+myStr/.test(code), "<code>myStr</code> should be created using the <code>var</code> keyword.");'
+  - text: Certifique-se de atribuir o resultado à variável <code>myStr</code> .
+    testString: 'assert(/myStr\s*=/.test(code), "Make sure to assign the result to the <code>myStr</code> variable.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourStr = "I come first. " + "I come second.";
+
+// Only change code below this line
+
+var myStr;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.portuguese.md
new file mode 100644
index 0000000000..e074948a87
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: 56533eb9ac21ba0edf2244b8
+title: Concatenating Strings with the Plus Equals Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Concatenando Strings com o Operador Plus Equals
+---
+
+## Description
+<section id="description"> Também podemos usar o operador <code>+=</code> para <dfn>concatenar</dfn> uma string no final de uma variável de string existente. Isso pode ser muito útil para quebrar uma longa cadeia ao longo de várias linhas. <strong>Nota</strong> <br> Cuidado com os espaços. A concatenação não adiciona espaços entre as sequências concatenadas, portanto, você precisará adicioná-las você mesmo. </section>
+
+## Instructions
+<section id="instructions"> Crie <code>myStr</code> em várias linhas concatenando essas duas strings: <code>&quot;This is the first sentence. &quot;</code> e <code>&quot;This is the second sentence.&quot;</code> usando o operador <code>+=</code> . Use o operador <code>+=</code> semelhante ao mostrado no editor. Comece atribuindo a primeira string ao <code>myStr</code> , em seguida, adicione a segunda string. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myStr</code> deve ter um valor de <code>This is the first sentence. This is the second sentence.</code>
+    testString: 'assert(myStr === "This is the first sentence. This is the second sentence.", "<code>myStr</code> should have a value of <code>This is the first sentence. This is the second sentence.</code>");'
+  - text: Use o operador <code>+=</code> para construir <code>myStr</code>
+    testString: 'assert(code.match(/\w\s*\+=\s*[""]/g).length > 1 && code.match(/\w\s*\=\s*[""]/g).length > 1, "Use the <code>+=</code> operator to build <code>myStr</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourStr = "I come first. ";
+ourStr += "I come second.";
+
+// Only change code below this line
+
+var myStr;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/constructing-strings-with-variables.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/constructing-strings-with-variables.portuguese.md
new file mode 100644
index 0000000000..1558698d56
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/constructing-strings-with-variables.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: 56533eb9ac21ba0edf2244b9
+title: Constructing Strings with Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: Construindo Strings com Variáveis
+---
+
+## Description
+<section id="description"> Às vezes você precisará construir uma string, estilo <a href="https://en.wikipedia.org/wiki/Mad_Libs" target="_blank">Mad Libs</a> . Usando o operador de concatenação ( <code>+</code> ), você pode inserir uma ou mais variáveis ​​em uma string que está construindo. </section>
+
+## Instructions
+<section id="instructions"> Definir <code>myName</code> para uma string igual ao seu nome e construir <code>myStr</code> com <code>myName</code> entre as seqüências de caracteres <code>&quot;My name is &quot;</code> e <code>&quot; and I am well!&quot;</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myName</code> deve ser definido para uma string com pelo menos 3 caracteres
+    testString: 'assert(typeof myName !== "undefined" && myName.length > 2, "<code>myName</code> should be set to a string at least 3 characters long");'
+  - text: Use dois <code>+</code> operadores para construir <code>myStr</code> com <code>myName</code> dentro dele
+    testString: 'assert(code.match(/[""]\s*\+\s*myName\s*\+\s*[""]/g).length > 0, "Use two <code>+</code> operators to build <code>myStr</code> with <code>myName</code> inside it");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourName = "freeCodeCamp";
+var ourStr = "Hello, our name is " + ourName + ", how are you?";
+
+// Only change code below this line
+var myName;
+var myStr;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop.portuguese.md
new file mode 100644
index 0000000000..7821c90473
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: 56105e7b514f539506016a5e
+title: Count Backwards With a For Loop
+challengeType: 1
+videoUrl: ''
+localeTitle: Conte para trás com um loop for
+---
+
+## Description
+<section id="description"> Um loop for também pode contar para trás, desde que possamos definir as condições certas. Para contar para trás por dois, precisaremos alterar nossa <code>initialization</code> , <code>condition</code> e <code>final-expression</code> . Vamos começar em <code>i = 10</code> e fazer um loop enquanto <code>i &gt; 0</code> . Diminuiremos <code>i</code> por 2 cada loop com <code>i -= 2</code> . <blockquote> var ourArray = []; <br> para (var i = 10; i&gt; 0; i- = 2) { <br> ourArray.push (i); <br> } </blockquote> <code>ourArray</code> agora conterá <code>[10,8,6,4,2]</code> . Vamos alterar nossa <code>initialization</code> e <code>final-expression</code> para que possamos contar para trás por dois por números ímpares. </section>
+
+## Instructions
+<section id="instructions"> Empurre os números ímpares de 9 a 1 para <code>myArray</code> usando um loop <code>for</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deve estar usando um <code>for</code> loop para isso.
+    testString: 'assert(code.match(/for\s*\(/g).length > 1, "You should be using a <code>for</code> loop for this.");'
+  - text: Você deve estar usando o método de matriz <code>push</code> .
+    testString: 'assert(code.match(/myArray.push/), "You should be using the array method <code>push</code>.");'
+  - text: '<code>myArray</code> deve ser igual a <code>[9,7,5,3,1]</code> .'
+    testString: 'assert.deepEqual(myArray, [9,7,5,3,1], "<code>myArray</code> should equal <code>[9,7,5,3,1]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [];
+
+for (var i = 10; i > 0; i -= 2) {
+  ourArray.push(i);
+}
+
+// Setup
+var myArray = [];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.portuguese.md
new file mode 100644
index 0000000000..8d20f065d9
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: 565bbe00e9cc8ac0725390f4
+title: Counting Cards
+challengeType: 1
+videoUrl: ''
+localeTitle: Contando Cartões
+---
+
+## Description
+<section id="description"> No jogo de cassino Blackjack, um jogador pode ganhar uma vantagem sobre a casa, mantendo o controle do número relativo de cartas altas e baixas remanescentes no baralho. Isso é chamado <a href="https://en.wikipedia.org/wiki/Card_counting" target="_blank">de contagem de cartão</a> . Ter mais cartas altas restantes no baralho favorece o jogador. Cada cartão recebe um valor de acordo com a tabela abaixo. Quando a contagem é positiva, o jogador deve apostar alto. Quando a contagem é zero ou negativa, o jogador deve apostar baixo. <table class="table table-striped"><thead><tr><th> Mudança de contagem </th><th> Postais </th></tr></thead><tbody><tr><td> +1 </td><td> 2, 3, 4, 5, 6 </td></tr><tr><td> 0 </td><td> 7, 8, 9 </td></tr><tr><td> -1 </td><td> 10, &#39;J&#39;, &#39;Q&#39;, &#39;K&#39;, &#39;A&#39; </td></tr></tbody></table> Você vai escrever uma função de contagem de cartões. Ele receberá um parâmetro de <code>card</code> , que pode ser um número ou uma sequência, e incrementará ou decrementará a variável de <code>count</code> global de acordo com o valor da carta (consulte a tabela). A função retornará uma string com a contagem atual e a string <code>Bet</code> se a contagem for positiva ou <code>Hold</code> se a contagem for zero ou negativa. A contagem atual e a decisão do jogador ( <code>Bet</code> ou <code>Hold</code> ) devem ser separadas por um único espaço. <strong>Exemplo de saída</strong> <br> <code>-3 Hold</code> <br> <code>5 Bet</code> <strong>dica de</strong> <code>5 Bet</code> <br> NÃO redefina a <code>count</code> para 0 quando o valor for 7, 8 ou 9. <br> NÃO retorne um array. <br> NÃO inclua aspas (simples ou dupla) na saída. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Seqüência de Cartões 2, 3, 4, 5, 6 deve retornar <code>5 Bet</code>'
+    testString: 'assert((function(){ count = 0; cc(2);cc(3);cc(4);cc(5);var out = cc(6); if(out === "5 Bet") {return true;} return false; })(), "Cards Sequence 2, 3, 4, 5, 6 should return <code>5 Bet</code>");'
+  - text: 'Seqüência de Cartões 7, 8, 9 deve retornar <code>0 Hold</code>'
+    testString: 'assert((function(){ count = 0; cc(7);cc(8);var out = cc(9); if(out === "0 Hold") {return true;} return false; })(), "Cards Sequence 7, 8, 9 should return <code>0 Hold</code>");'
+  - text: 'Seqüência de cartas 10, J, Q, K, A deve retornar <code>-5 Hold</code>'
+    testString: 'assert((function(){ count = 0; cc(10);cc("J");cc("Q");cc("K");var out = cc("A"); if(out === "-5 Hold") {return true;} return false; })(), "Cards Sequence 10, J, Q, K, A should return <code>-5 Hold</code>");'
+  - text: 'Seqüência de Cartões 3, 7, Q, 8, A deve retornar <code>-1 Hold</code>'
+    testString: 'assert((function(){ count = 0; cc(3);cc(7);cc("Q");cc(8);var out = cc("A"); if(out === "-1 Hold") {return true;} return false; })(), "Cards Sequence 3, 7, Q, 8, A should return <code>-1 Hold</code>");'
+  - text: 'Cartas Sequência 2, J, 9, 2, 7 devem retornar <code>1 Bet</code>'
+    testString: 'assert((function(){ count = 0; cc(2);cc("J");cc(9);cc(2);var out = cc(7); if(out === "1 Bet") {return true;} return false; })(), "Cards Sequence 2, J, 9, 2, 7 should return <code>1 Bet</code>");'
+  - text: 'Seqüência de Cartões 2, 2, 10 deve retornar <code>1 Bet</code>'
+    testString: 'assert((function(){ count = 0; cc(2);cc(2);var out = cc(10); if(out === "1 Bet") {return true;} return false; })(), "Cards Sequence 2, 2, 10 should return <code>1 Bet</code>");'
+  - text: 'Seqüência de cartas 3, 2, A, 10, K deve retornar <code>-1 Hold</code>'
+    testString: 'assert((function(){ count = 0; cc(3);cc(2);cc("A");cc(10);var out = cc("K"); if(out === "-1 Hold") {return true;} return false; })(), "Cards Sequence 3, 2, A, 10, K should return <code>-1 Hold</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var count = 0;
+
+function cc(card) {
+  // Only change code below this line
+
+
+  return "Change Me";
+  // Only change code above this line
+}
+
+// Add/remove calls to test your function.
+// Note: Only the last will display
+cc(2); cc(3); cc(7); cc('K'); cc('A');
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/create-decimal-numbers-with-javascript.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/create-decimal-numbers-with-javascript.portuguese.md
new file mode 100644
index 0000000000..e81dfbb380
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/create-decimal-numbers-with-javascript.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: cf1391c1c11feddfaeb4bdef
+title: Create Decimal Numbers with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Crie números decimais com JavaScript
+---
+
+## Description
+<section id="description"> Podemos também armazenar números decimais em variáveis. Números decimais às vezes são chamados de números de <dfn>ponto flutuante</dfn> ou <dfn>flutuantes</dfn> . <strong>Nota</strong> <br> Nem todos os números reais podem ser representados com precisão em <dfn>ponto flutuante</dfn> . Isso pode levar a erros de arredondamento. <a href="https://en.wikipedia.org/wiki/Floating_point#Accuracy_problems" target="_blank">Detalhes aqui</a> . </section>
+
+## Instructions
+<section id="instructions"> Crie uma variável <code>myDecimal</code> e dê a ela um valor decimal com uma parte fracionária (por exemplo, <code>5.7</code> ). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myDecimal</code> deve ser um número.
+    testString: 'assert(typeof myDecimal === "number", "<code>myDecimal</code> should be a number.");'
+  - text: <code>myDecimal</code> deve ter um ponto decimal
+    testString: 'assert(myDecimal % 1 != 0, "<code>myDecimal</code> should have a decimal point"); '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var ourDecimal = 5.7;
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.portuguese.md
new file mode 100644
index 0000000000..0ef45ef978
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.portuguese.md
@@ -0,0 +1,60 @@
+---
+id: bd7123c9c443eddfaeb5bdef
+title: Declare JavaScript Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: Declarar variáveis ​​JavaScript
+---
+
+## Description
+<section id="description"> Na ciência da computação, os <dfn>dados</dfn> são tudo o que é significativo para o computador. JavaScript fornece sete <dfn>tipos de dados</dfn> diferentes que são <code>undefined</code> , <code>null</code> , <code>boolean</code> , <code>string</code> , <code>symbol</code> , <code>number</code> e <code>object</code> . Por exemplo, os computadores distinguem entre números, como o número <code>12</code> , e <code>strings</code> , como <code>&quot;12&quot;</code> , <code>&quot;dog&quot;</code> ou <code>&quot;123 cats&quot;</code> , que são conjuntos de caracteres. Os computadores podem realizar operações matemáticas em um número, mas não em uma string. <dfn>As variáveis</dfn> permitem que os computadores armazenem e manipulem dados de maneira dinâmica. Eles fazem isso usando um &quot;rótulo&quot; para apontar os dados em vez de usar os dados em si. Qualquer um dos sete tipos de dados pode ser armazenado em uma variável. <code>Variables</code> são semelhantes às variáveis ​​x e y que você usa em matemática, o que significa que elas são um nome simples para representar os dados aos quais queremos nos referir. As <code>variables</code> computador diferem das variáveis ​​matemáticas, pois podem armazenar valores diferentes em momentos diferentes. Dizemos ao JavaScript para criar ou <dfn>declarar</dfn> uma variável colocando a palavra-chave <code>var</code> na frente dela, assim: <blockquote> var ourName; </blockquote> cria uma <code>variable</code> chamada <code>ourName</code> . Em JavaScript, terminamos as instruções com ponto e vírgula. <code>Variable</code> nomes das <code>Variable</code> podem ser constituídos por números, letras e <code>$</code> ou <code>_</code> , mas não podem conter espaços nem iniciar com um número. </section>
+
+## Instructions
+<section id="instructions"> Use a palavra-chave <code>var</code> para criar uma variável chamada <code>myName</code> . <strong>Sugestão</strong> <br> Olhe para o exemplo <code>ourName</code> se você ficar preso. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Você deve declarar <code>myName</code> com a palavra-chave <code>var</code> , terminando com um ponto-e-vírgula'
+    testString: 'assert(/var\s+myName\s*;/.test(code), "You should declare <code>myName</code> with the <code>var</code> keyword, ending with a semicolon");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourName;
+
+// Declare myName below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.portuguese.md
new file mode 100644
index 0000000000..9cc2dcc5e6
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: bd7123c9c444eddfaeb5bdef
+title: Declare String Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: Declarar Variáveis ​​de Cadeia
+---
+
+## Description
+<section id="description"> Anteriormente, usamos o código <code>var myName = &quot;your name&quot;;</code> <code>&quot;your name&quot;</code> é chamado <dfn>literal de</dfn> <dfn>string</dfn> . É uma string porque é uma série de zero ou mais caracteres entre aspas simples ou duplas. </section>
+
+## Instructions
+<section id="instructions"> Crie duas novas variáveis ​​de <code>string</code> : <code>myFirstName</code> e <code>myLastName</code> e atribua a elas os valores de seu primeiro e último nome, respectivamente. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myFirstName</code> deve ser uma string com pelo menos um caractere.
+    testString: 'assert((function(){if(typeof myFirstName !== "undefined" && typeof myFirstName === "string" && myFirstName.length > 0){return true;}else{return false;}})(), "<code>myFirstName</code> should be a string with at least one character in it.");'
+  - text: <code>myLastName</code> deve ser uma string com pelo menos um caractere.
+    testString: 'assert((function(){if(typeof myLastName !== "undefined" && typeof myLastName === "string" && myLastName.length > 0){return true;}else{return false;}})(), "<code>myLastName</code> should be a string with at least one character in it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstName = "Alan";
+var lastName = "Turing";
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.portuguese.md
new file mode 100644
index 0000000000..5dd2a1197b
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.portuguese.md
@@ -0,0 +1,66 @@
+---
+id: 56533eb9ac21ba0edf2244ad
+title: Decrement a Number with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Decrementar um número com JavaScript
+---
+
+## Description
+<section id="description"> Você pode facilmente <dfn>decrementar</dfn> ou diminuir uma variável por um com o operador <code>--</code> . <code>i--;</code> é o equivalente de <code>i = i - 1;</code> <strong>Nota</strong> <br> A linha inteira se torna <code>i--;</code> , eliminando a necessidade do sinal de igual. </section>
+
+## Instructions
+<section id="instructions"> Altere o código para usar o operador <code>--</code> em <code>myVar</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myVar</code> deve ser igual a <code>10</code>
+    testString: 'assert(myVar === 10, "<code>myVar</code> should equal <code>10</code>");'
+  - text: <code>myVar = myVar - 1;</code> deve ser mudado
+    testString: 'assert(/var\s*myVar\s*=\s*11;\s*\/*.*\s*([-]{2}\s*myVar|myVar\s*[-]{2});/.test(code), "<code>myVar = myVar - 1;</code> should be changed");'
+  - text: Use o <code>--</code> operador em <code>myVar</code>
+    testString: 'assert(/[-]{2}\s*myVar|myVar\s*[-]{2}/.test(code), "Use the <code>--</code> operator on <code>myVar</code>");'
+  - text: Não mude o código acima da linha
+    testString: 'assert(/var myVar = 11;/.test(code), "Do not change code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myVar = 11;
+
+// Only change code below this line
+myVar = myVar - 1;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.portuguese.md
new file mode 100644
index 0000000000..4cd35257ca
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.portuguese.md
@@ -0,0 +1,79 @@
+---
+id: 56bbb991ad1ed5201cd392d3
+title: Delete Properties from a JavaScript Object
+challengeType: 1
+videoUrl: ''
+localeTitle: Excluir propriedades de um objeto JavaScript
+---
+
+## Description
+<section id="description"> Também podemos excluir propriedades de objetos como este: <code>delete ourDog.bark;</code> </section>
+
+## Instructions
+<section id="instructions"> Exclua a propriedade <code>&quot;tails&quot;</code> do <code>myDog</code> . Você pode usar a notação de pontos ou colchetes. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Exclua a propriedade <code>&quot;tails&quot;</code> do <code>myDog</code> .
+    testString: 'assert(typeof myDog === "object" && myDog.tails === undefined, "Delete the property <code>"tails"</code> from <code>myDog</code>.");'
+  - text: Não modifique a configuração do <code>myDog</code>
+    testString: 'assert(code.match(/"tails": 1/g).length > 1, "Do not modify the <code>myDog</code> setup");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"],
+  "bark": "bow-wow"
+};
+
+delete ourDog.bark;
+
+// Setup
+var myDog = {
+  "name": "Happy Coder",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["freeCodeCamp Campers"],
+  "bark": "woof"
+};
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.portuguese.md
new file mode 100644
index 0000000000..b649ea3db6
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: bd7993c9ca9feddfaeb7bdef
+title: Divide One Decimal by Another with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Divide um decimal por outro com JavaScript
+---
+
+## Description
+<section id="description"> Agora vamos dividir um decimal por outro. </section>
+
+## Instructions
+<section id="instructions"> Altere o valor <code>0.0</code> para que o <code>quotient</code> seja igual a <code>2.2</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O <code>quotient</code> variável deve ser igual a <code>2.2</code>
+    testString: 'assert(quotient === 2.2, "The variable <code>quotient</code> should equal <code>2.2</code>");'
+  - text: Você deve usar o operador <code>/</code> para dividir 4.4 por 2
+    testString: 'assert(/4\.40*\s*\/\s*2\.*0*/.test(code), "You should use the <code>/</code> operator to divide 4.4 by 2");'
+  - text: A variável quociente deve ser atribuída apenas uma vez
+    testString: 'assert(code.match(/quotient/g).length === 1, "The quotient variable should only be assigned once");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var quotient = 0.0 / 2.0; // Fix this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.portuguese.md
new file mode 100644
index 0000000000..a7a97aab6b
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: cf1111c1c11feddfaeb6bdef
+title: Divide One Number by Another with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Divide um número por outro com JavaScript
+---
+
+## Description
+<section id="description"> Nós também podemos dividir um número por outro. JavaScript usa o símbolo <code>/</code> para divisão. <p> <strong>Exemplo</strong> </p><blockquote> myVar = 16/2; // atribuído 8 </blockquote></section>
+
+## Instructions
+<section id="instructions"> Altere <code>0</code> para que o <code>quotient</code> seja igual a <code>2</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Faça o <code>quotient</code> variável igual a 2.
+    testString: 'assert(quotient === 2, "Make the variable <code>quotient</code> equal to 2.");'
+  - text: Use o operador <code>/</code>
+    testString: 'assert(/\d+\s*\/\s*\d+/.test(code), "Use the <code>/</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var quotient = 66 / 0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.portuguese.md
new file mode 100644
index 0000000000..a16b5f7cd1
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.portuguese.md
@@ -0,0 +1,67 @@
+---
+id: 56533eb9ac21ba0edf2244b6
+title: Escape Sequences in Strings
+challengeType: 1
+videoUrl: ''
+localeTitle: Seqüências de escape em seqüências de caracteres
+---
+
+## Description
+<section id="description"> Aspas não são os únicos caracteres que podem ser <dfn>escapados</dfn> dentro de uma string. Há dois motivos para usar caracteres de escape: o primeiro é permitir que você use caracteres que talvez não fossem capazes de digitar, como um backspace. Segundo, permitir que você represente várias aspas em uma string sem que o JavaScript interprete erroneamente o que você quer dizer. Nós aprendemos isso no desafio anterior. <table class="table table-striped"><thead><tr><th> Código </th><th> Saída </th></tr></thead><tbody><tr><td> <code>\&#39;</code> </td> <td> citação única </td></tr><tr><td> <code>\&quot;</code> </td> <td> citação dupla </td></tr><tr><td> <code>\\</code> </td> <td> barra invertida </td></tr><tr><td> <code>\n</code> </td> <td> nova linha </td></tr><tr><td> <code>\r</code> </td> <td> retorno de carro </td></tr><tr><td> <code>\t</code> </td> <td> aba </td></tr><tr><td> <code>\b</code> </td> <td> backspace </td></tr><tr><td> <code>\f</code> </td> <td> feed de formulário </td></tr></tbody></table> <em>Observe que a própria barra invertida deve ter o escape para ser exibida como uma barra invertida.</em> </section>
+
+## Instructions
+<section id="instructions"> Atribuir as seguintes três linhas de texto para a única variável <code>myStr</code> usando seqüências de escape. <blockquote> Primeira linha <br> \Segunda linha <br> ThirdLine </blockquote> Você precisará usar seqüências de escape para inserir caracteres especiais corretamente. Você também precisará seguir o espaçamento como aparece acima, sem espaços entre seqüências de escape ou palavras. Aqui está o texto com as seqüências de escape escritas. <q>FirstLine <code>newline</code> <code>tab</code> <code>backslash</code> SecondLine <code>newline</code> ThirdLine</q> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myStr</code> não deve conter espaços
+    testString: 'assert(!/ /.test(myStr), "<code>myStr</code> should not contain any spaces");'
+  - text: '<code>myStr</code> deve conter as strings <code>FirstLine</code> , <code>SecondLine</code> e <code>ThirdLine</code> (lembre-se de <code>ThirdLine</code> maiúsculas e minúsculas)'
+    testString: 'assert(/FirstLine/.test(myStr) && /SecondLine/.test(myStr) && /ThirdLine/.test(myStr), "<code>myStr</code> should contain the strings <code>FirstLine</code>, <code>SecondLine</code> and <code>ThirdLine</code> (remember case sensitivity)");'
+  - text: <code>FirstLine</code> deve ser seguido pelo caractere de nova linha <code>\n</code>
+    testString: 'assert(/FirstLine\n/.test(myStr), "<code>FirstLine</code> should be followed by the newline character <code>\n</code>");'
+  - text: <code>myStr</code> deve conter um caractere de tabulação <code>\t</code> que segue um caractere de nova linha
+    testString: 'assert(/\n\t/.test(myStr), "<code>myStr</code> should contain a tab character <code>\t</code> which follows a newline character");'
+  - text: <code>SecondLine</code> deve ser precedido pelo caractere de barra invertida <code>\\</code>
+    testString: 'assert(/\SecondLine/.test(myStr), "<code>SecondLine</code> should be preceded by the backslash character <code>\\</code>");'
+  - text: Deve haver um caractere de nova linha entre o <code>SecondLine</code> e o <code>ThirdLine</code>
+    testString: 'assert(/SecondLine\nThirdLine/.test(myStr), "There should be a newline character between <code>SecondLine</code> and <code>ThirdLine</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myStr; // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/escaping-literal-quotes-in-strings.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/escaping-literal-quotes-in-strings.portuguese.md
new file mode 100644
index 0000000000..b330773fb0
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/escaping-literal-quotes-in-strings.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 56533eb9ac21ba0edf2244b5
+title: Escaping Literal Quotes in Strings
+challengeType: 1
+videoUrl: ''
+localeTitle: Escapando citações literais em cordas
+---
+
+## Description
+<section id="description"> Quando você está definindo uma string, você deve começar e terminar com uma aspa simples ou dupla. O que acontece quando você precisa de uma citação literal: <code>&quot;</code> ou <code>&#39;</code> ? Interior de sua corda Em JavaScript, você pode <dfn>escapar de</dfn> uma citação de considerá-lo como um fim de citação corda, colocando uma <dfn>barra invertida</dfn> ( <code>\</code> ) em frente à cotação. <code>var sampleStr = &quot;Alan said, \&quot;Peter is learning JavaScript\&quot;.&quot;;</code> Isso sinaliza para o JavaScript que a seguinte citação não é o fim da string, mas deve aparecer dentro da string. Então, se você fosse imprimir isso no console, você teria: <code>Alan said, &quot;Peter is learning JavaScript&quot;.</code> </section>
+
+## Instructions
+<section id="instructions"> Use <dfn>barras invertidas</dfn> para atribuir uma string à variável <code>myStr</code> , de modo que, se você fosse imprimi-la no console, veria: <code>I am a &quot;double quoted&quot; string inside &quot;double quotes&quot;.</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deve usar duas aspas duplas ( <code>&quot;</code> ) e quatro aspas duplas com escape ( <code>\&quot;</code> ).
+    testString: 'assert(code.match(/\\"/g).length === 4 && code.match(/[^\\]"/g).length === 2, "You should use two double quotes (<code>&quot;</code>) and four escaped double quotes (<code>&#92;&quot;</code>).");'
+  - text: 'Variável myStr deve conter a string: <code>I am a &quot;double quoted&quot; string inside &quot;double quotes&quot;.</code>'
+    testString: 'assert(myStr === "I am a \"double quoted\" string inside \"double quotes\".", "Variable myStr should contain the string: <code>I am a "double quoted" string inside "double quotes".</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myStr = ""; // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.portuguese.md
new file mode 100644
index 0000000000..ac8999a3cc
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: bd7123c9c448eddfaeb5bdef
+title: Find the Length of a String
+challengeType: 1
+videoUrl: ''
+localeTitle: Encontre o comprimento de uma string
+---
+
+## Description
+<section id="description"> Você pode encontrar o comprimento de um valor de <code>String</code> escrevendo <code>.length</code> após a variável de string ou string literal. <code>&quot;Alan Peter&quot;.length; // 10</code> Por exemplo, se <code>var firstName = &quot;Charles&quot;</code> uma variável <code>var firstName = &quot;Charles&quot;</code> , poderemos descobrir quanto tempo a string <code>&quot;Charles&quot;</code> está usando a propriedade <code>firstName.length</code> . </section>
+
+## Instructions
+<section id="instructions"> Use a propriedade <code>.length</code> para contar o número de caracteres na variável <code>lastName</code> e atribuí-la a <code>lastNameLength</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>lastNameLength</code> deve ser igual a oito.
+    testString: 'assert((function(){if(typeof lastNameLength !== "undefined" && typeof lastNameLength === "number" && lastNameLength === 8){return true;}else{return false;}})(), "<code>lastNameLength</code> should be equal to eight.");'
+  - text: 'Você deve obter o comprimento de <code>lastName</code> usando <code>.length</code> como este: <code>lastName.length</code> .'
+    testString: 'assert((function(){if(code.match(/\.length/gi) && code.match(/\.length/gi).length >= 2 && code.match(/var lastNameLength \= 0;/gi) && code.match(/var lastNameLength \= 0;/gi).length >= 1){return true;}else{return false;}})(), "You should be getting the length of <code>lastName</code> by using <code>.length</code> like this: <code>lastName.length</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstNameLength = 0;
+var firstName = "Ada";
+
+firstNameLength = firstName.length;
+
+// Setup
+var lastNameLength = 0;
+var lastName = "Lovelace";
+
+// Only change code below this line.
+
+lastNameLength = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.portuguese.md
new file mode 100644
index 0000000000..c4fa6f8db1
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 56533eb9ac21ba0edf2244ae
+title: Finding a Remainder in JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Encontrando um Restante em JavaScript
+---
+
+## Description
+<section id="description"> O operador <code>%</code> <dfn>restante</dfn> fornece o restante da divisão de dois números. <strong>Exemplo</strong> <blockquote> 5% 2 = 1 porque <br> Math.floor (5/2) = 2 (Quociente) <br> 2 * 2 = 4 <br> 5 - 4 = 1 (restante) </blockquote> <strong>Uso</strong> <br> Na matemática, um número pode ser verificado para ser par ou ímpar, verificando o restante da divisão do número por <code>2</code> . <blockquote> 17% 2 = 1 (17 é Ímpar) <br> 48% 2 = 0 (48 é mesmo) </blockquote> <strong>Nota</strong> <br> O operador <dfn>restante</dfn> é algumas vezes incorretamente chamado de operador &quot;módulo&quot;. É muito semelhante ao módulo, mas não funciona corretamente com números negativos. </section>
+
+## Instructions
+<section id="instructions"> Defina o <code>remainder</code> igual ao restante de <code>11</code> dividido por <code>3</code> usando o operador <dfn>restante</dfn> ( <code>%</code> ). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A variável <code>remainder</code> deve ser inicializada
+    testString: 'assert(/var\s+?remainder/.test(code), "The variable <code>remainder</code> should be initialized");'
+  - text: O valor do <code>remainder</code> deve ser <code>2</code>
+    testString: 'assert(remainder === 2, "The value of <code>remainder</code> should be <code>2</code>");'
+  - text: Você deve usar o operador <code>%</code>
+    testString: 'assert(/\s+?remainder\s*?=\s*?.*%.*;/.test(code), "You should use the <code>%</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Only change code below this line
+
+var remainder;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.portuguese.md
new file mode 100644
index 0000000000..70447c7122
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.portuguese.md
@@ -0,0 +1,68 @@
+---
+id: cf1111c1c11feddfaeb9bdef
+title: Generate Random Fractions with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Gerar frações aleatórias com JavaScript
+---
+
+## Description
+<section id="description"> Números aleatórios são úteis para criar um comportamento aleatório. JavaScript tem uma função <code>Math.random()</code> que gera um número decimal aleatório entre <code>0</code> (inclusive) e não chega a <code>1</code> (exclusivo). Assim <code>Math.random()</code> pode retornar um <code>0</code> mas nunca retorna um <code>1</code> <strong>Nota</strong> <br> Assim como <a href="storing-values-with-the-assignment-operator" target="_blank">Armazenando Valores com o Operador Igual</a> , todas as chamadas de função serão resolvidas antes que o <code>return</code> executado, para que possamos <code>return</code> o valor da função <code>Math.random()</code> . </section>
+
+## Instructions
+<section id="instructions"> Altere <code>randomFraction</code> para retornar um número aleatório em vez de retornar <code>0</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>randomFraction</code> deve retornar um número aleatório.
+    testString: 'assert(typeof randomFraction() === "number", "<code>randomFraction</code> should return a random number.");'
+  - text: O número retornado por <code>randomFraction</code> deve ser um decimal.
+    testString: 'assert((randomFraction()+""). match(/\./g), "The number returned by <code>randomFraction</code> should be a decimal.");'
+  - text: Você deve estar usando <code>Math.random</code> para gerar o número decimal aleatório.
+    testString: 'assert(code.match(/Math\.random/g).length >= 0, "You should be using <code>Math.random</code> to generate the random decimal number.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function randomFraction() {
+
+  // Only change code below this line.
+
+  return 0;
+
+  // Only change code above this line.
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-with-javascript.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-with-javascript.portuguese.md
new file mode 100644
index 0000000000..cc58dd3c4e
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-with-javascript.portuguese.md
@@ -0,0 +1,70 @@
+---
+id: cf1111c1c12feddfaeb1bdef
+title: Generate Random Whole Numbers with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Gere números inteiros aleatórios com JavaScript
+---
+
+## Description
+<section id="description"> É ótimo podermos gerar números decimais aleatórios, mas é ainda mais útil se usá-lo para gerar números inteiros aleatórios. <ol><li> Use <code>Math.random()</code> para gerar um decimal aleatório. </li><li> Multiplique esse decimal aleatório por <code>20</code> . </li><li> Use outra função, <code>Math.floor()</code> para arredondar o número para o número inteiro mais próximo. </li></ol> Lembre-se que <code>Math.random()</code> nunca pode retornar um <code>1</code> e, porque estamos arredondando para baixo, é impossível realmente obter <code>20</code> . Essa técnica nos dará um número inteiro entre <code>0</code> e <code>19</code> . Colocando tudo junto, é assim que nosso código se parece: <code>Math.floor(Math.random() * 20);</code> Estamos chamando <code>Math.random()</code> , multiplicando o resultado por 20, passando o valor para a função <code>Math.floor()</code> para arredondar o valor para o número inteiro mais próximo. </section>
+
+## Instructions
+<section id="instructions"> Use essa técnica para gerar e retornar um número inteiro aleatório entre <code>0</code> e <code>9</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O resultado de <code>randomWholeNum</code> deve ser um número inteiro.
+    testString: 'assert(typeof randomWholeNum() === "number" && (function(){var r = randomWholeNum();return Math.floor(r) === r;})(), "The result of <code>randomWholeNum</code> should be a whole number.");'
+  - text: Você deve estar usando <code>Math.random</code> para gerar um número aleatório.
+    testString: 'assert(code.match(/Math.random/g).length > 1, "You should be using <code>Math.random</code> to generate a random number.");'
+  - text: Você deve ter multiplicado o resultado de <code>Math.random</code> por 10 para torná-lo um número entre zero e nove.
+    testString: 'assert(code.match(/\s*?Math.random\s*?\(\s*?\)\s*?\*\s*?10[\D]\s*?/g) || code.match(/\s*?10\s*?\*\s*?Math.random\s*?\(\s*?\)\s*?/g), "You should have multiplied the result of <code>Math.random</code> by 10 to make it a number that is between zero and nine.");'
+  - text: Você deve usar <code>Math.floor</code> para remover a parte decimal do número.
+    testString: 'assert(code.match(/Math.floor/g).length > 1, "You should use <code>Math.floor</code> to remove the decimal part of the number.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var randomNumberBetween0and19 = Math.floor(Math.random() * 20);
+
+function randomWholeNum() {
+
+  // Only change code below this line.
+
+  return Math.random();
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-within-a-range.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-within-a-range.portuguese.md
new file mode 100644
index 0000000000..7aad58bdf1
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-within-a-range.portuguese.md
@@ -0,0 +1,80 @@
+---
+id: cf1111c1c12feddfaeb2bdef
+title: Generate Random Whole Numbers within a Range
+challengeType: 1
+videoUrl: ''
+localeTitle: Gerar números inteiros aleatórios dentro de um intervalo
+---
+
+## Description
+<section id="description"> Em vez de gerar um número aleatório entre zero e um dado número, como fizemos antes, podemos gerar um número aleatório que esteja dentro de um intervalo de dois números específicos. Para fazer isso, definiremos um número mínimo <code>min</code> e um número máximo <code>max</code> . Aqui está a fórmula que vamos usar. Tome um momento para lê-lo e tente entender o que este código está fazendo: <code>Math.floor(Math.random() * (max - min + 1)) + min</code> </section>
+
+## Instructions
+<section id="instructions"> Crie uma função chamada <code>randomRange</code> que <code>randomRange</code> um intervalo <code>myMin</code> e <code>myMax</code> e retorne um número aleatório que seja maior ou igual a <code>myMin</code> e seja menor ou igual a <code>myMax</code> , inclusive. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O menor número aleatório que pode ser gerado por <code>randomRange</code> deve ser igual ao seu número mínimo, <code>myMin</code> .'
+    testString: 'assert(calcMin === 5, "The lowest random number that can be generated by <code>randomRange</code> should be equal to your minimum number, <code>myMin</code>.");'
+  - text: 'O maior número aleatório que pode ser gerado por <code>randomRange</code> deve ser igual ao seu número máximo, <code>myMax</code> .'
+    testString: 'assert(calcMax === 15, "The highest random number that can be generated by <code>randomRange</code> should be equal to your maximum number, <code>myMax</code>.");'
+  - text: 'O número aleatório gerado por <code>randomRange</code> deve ser um inteiro, não um decimal.'
+    testString: 'assert(randomRange(0,1) % 1 === 0 , "The random number generated by <code>randomRange</code> should be an integer, not a decimal.");'
+  - text: <code>randomRange</code> deve usar <code>myMax</code> e <code>myMin</code> e retornar um número aleatório no seu intervalo.
+    testString: 'assert((function(){if(code.match(/myMax/g).length > 1 && code.match(/myMin/g).length > 2 && code.match(/Math.floor/g) && code.match(/Math.random/g)){return true;}else{return false;}})(), "<code>randomRange</code> should use both <code>myMax</code> and <code>myMin</code>, and return a random number in your range.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function ourRandomRange(ourMin, ourMax) {
+
+  return Math.floor(Math.random() * (ourMax - ourMin + 1)) + ourMin;
+}
+
+ourRandomRange(1, 9);
+
+// Only change code below this line.
+
+function randomRange(myMin, myMax) {
+
+  return 0; // Change this line
+
+}
+
+// Change these values to test your function
+var myRandom = randomRange(5, 15);
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.portuguese.md
new file mode 100644
index 0000000000..d854eab1a0
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.portuguese.md
@@ -0,0 +1,109 @@
+---
+id: 56533eb9ac21ba0edf2244be
+title: Global Scope and Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Âmbito global e funções
+---
+
+## Description
+<section id="description"> Em JavaScript, o <dfn>escopo</dfn> se refere à visibilidade das variáveis. Variáveis ​​definidas fora de um bloco de funções possuem escopo <dfn>Global</dfn> . Isso significa que eles podem ser vistos em qualquer lugar no seu código JavaScript. As variáveis ​​que são usadas sem a palavra-chave <code>var</code> são criadas automaticamente no escopo <code>global</code> . Isso pode criar consequências indesejadas em outro lugar no seu código ou ao executar uma função novamente. Você deve sempre declarar suas variáveis ​​com <code>var</code> . </section>
+
+## Instructions
+<section id="instructions"> Usando <code>var</code> , declare uma variável <code>global</code> <code>myGlobal</code> fora de qualquer função. Inicialize com um valor de <code>10</code> . Dentro da função <code>fun1</code> , atribua <code>5</code> a <code>oopsGlobal</code> <strong><em>sem</em></strong> usar a palavra-chave <code>var</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myGlobal</code> deve ser definido
+    testString: 'assert(typeof myGlobal != "undefined", "<code>myGlobal</code> should be defined");'
+  - text: <code>myGlobal</code> deve ter um valor de <code>10</code>
+    testString: 'assert(myGlobal === 10, "<code>myGlobal</code> should have a value of <code>10</code>");'
+  - text: <code>myGlobal</code> deve ser declarado usando a palavra-chave <code>var</code>
+    testString: 'assert(/var\s+myGlobal/.test(code), "<code>myGlobal</code> should be declared using the <code>var</code> keyword");'
+  - text: <code>oopsGlobal</code> deve ser uma variável global e ter um valor de <code>5</code>
+    testString: 'assert(typeof oopsGlobal != "undefined" && oopsGlobal === 5, "<code>oopsGlobal</code> should be a global variable and have a value of <code>5</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Declare your variable here
+
+
+function fun1() {
+  // Assign 5 to oopsGlobal Here
+
+}
+
+// Only change code above this line
+function fun2() {
+  var output = "";
+  if (typeof myGlobal != "undefined") {
+    output += "myGlobal: " + myGlobal;
+  }
+  if (typeof oopsGlobal != "undefined") {
+    output += " oopsGlobal: " + oopsGlobal;
+  }
+  console.log(output);
+}
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = "";
+var originalConsole = console
+function capture() {
+    var nativeLog = console.log;
+    console.log = function (message) {
+        logOutput = message;
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+var oopsGlobal;
+capture();
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/global-vs.-local-scope-in-functions.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/global-vs.-local-scope-in-functions.portuguese.md
new file mode 100644
index 0000000000..64696daeee
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/global-vs.-local-scope-in-functions.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: 56533eb9ac21ba0edf2244c0
+title: Global vs. Local Scope in Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Escopo global vs. local em funções
+---
+
+## Description
+<section id="description"> É possível ter variáveis <dfn>locais</dfn> e <dfn>globais</dfn> com o mesmo nome. Quando você faz isso, a variável <code>local</code> tem precedência sobre a variável <code>global</code> . Neste exemplo: <blockquote> var someVar = &quot;Chapéu&quot;; <br> function myFun () { <br> var someVar = &quot;Head&quot;; <br> return someVar; <br> } </blockquote> A função <code>myFun</code> retornará <code>&quot;Head&quot;</code> porque a versão <code>local</code> da variável está presente. </section>
+
+## Instructions
+<section id="instructions"> Adicione uma variável local à função <code>myOutfit</code> para substituir o valor de <code>outerWear</code> por <code>&quot;sweater&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Não altere o valor do <code>outerWear</code> global
+    testString: 'assert(outerWear === "T-Shirt", "Do not change the value of the global <code>outerWear</code>");'
+  - text: <code>myOutfit</code> deve retornar <code>&quot;sweater&quot;</code>
+    testString: 'assert(myOutfit() === "sweater", "<code>myOutfit</code> should return <code>"sweater"</code>");'
+  - text: Não altere a declaração de retorno
+    testString: 'assert(/return outerWear/.test(code), "Do not change the return statement");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var outerWear = "T-Shirt";
+
+function myOutfit() {
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+  return outerWear;
+}
+
+myOutfit();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/golf-code.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/golf-code.portuguese.md
new file mode 100644
index 0000000000..069e31753e
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/golf-code.portuguese.md
@@ -0,0 +1,80 @@
+---
+id: 5664820f61c48e80c9fa476c
+title: Golf Code
+challengeType: 1
+videoUrl: ''
+localeTitle: Código de Golfe
+---
+
+## Description
+<section id="description"> No jogo de <a href="https://en.wikipedia.org/wiki/Golf" target="_blank">golfe,</a> cada buraco tem um <code>par</code> significa o número médio de <code>strokes</code> um golfista deve fazer para afundar a bola em um buraco para completar a jogada. Dependendo de quão longe acima ou abaixo <code>par</code> seus <code>strokes</code> são, há um apelido diferente. Sua função receberá argumentos <code>par</code> e <code>strokes</code> . Retorna a string correta de acordo com esta tabela que lista os traços em ordem de prioridade; topo (maior) para baixo (menor): <table class="table table-striped"><thead><tr><th> Traços </th><th> Retorna </th></tr></thead><tbody><tr><td> 1 </td><td> &quot;Buraco-em-um!&quot; </td></tr><tr><td> &lt;= par - 2 </td><td> &quot;Águia&quot; </td></tr><tr><td> par - 1 </td><td> &quot;Passarinho&quot; </td></tr><tr><td> par </td><td> &quot;Par&quot; </td></tr><tr><td> par + 1 </td><td> &quot;Bogey&quot; </td></tr><tr><td> par + 2 </td><td> &quot;Bogey Duplo&quot; </td></tr><tr><td> &gt; par + 3 </td><td> &quot;Ir para casa!&quot; </td></tr></tbody></table> <code>par</code> e <code>strokes</code> serão sempre numéricos e positivos. Nós adicionamos uma matriz de todos os nomes para sua conveniência. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>golfScore(4, 1)</code> deve retornar &quot;Hole-in-one!&quot;'
+    testString: 'assert(golfScore(4, 1) === "Hole-in-one!", "<code>golfScore(4, 1)</code> should return "Hole-in-one!"");'
+  - text: '<code>golfScore(4, 2)</code> deve retornar &quot;Eagle&quot;'
+    testString: 'assert(golfScore(4, 2) === "Eagle", "<code>golfScore(4, 2)</code> should return "Eagle"");'
+  - text: '<code>golfScore(5, 2)</code> deve retornar &quot;Eagle&quot;'
+    testString: 'assert(golfScore(5, 2) === "Eagle", "<code>golfScore(5, 2)</code> should return "Eagle"");'
+  - text: '<code>golfScore(4, 3)</code> deve retornar &quot;Birdie&quot;'
+    testString: 'assert(golfScore(4, 3) === "Birdie", "<code>golfScore(4, 3)</code> should return "Birdie"");'
+  - text: '<code>golfScore(4, 4)</code> deve retornar &quot;Par&quot;'
+    testString: 'assert(golfScore(4, 4) === "Par", "<code>golfScore(4, 4)</code> should return "Par"");'
+  - text: '<code>golfScore(1, 1)</code> deve retornar &quot;Hole-in-one!&quot;'
+    testString: 'assert(golfScore(1, 1) === "Hole-in-one!", "<code>golfScore(1, 1)</code> should return "Hole-in-one!"");'
+  - text: '<code>golfScore(5, 5)</code> deve retornar &quot;Par&quot;'
+    testString: 'assert(golfScore(5, 5) === "Par", "<code>golfScore(5, 5)</code> should return "Par"");'
+  - text: '<code>golfScore(4, 5)</code> deve retornar &quot;Bogey&quot;'
+    testString: 'assert(golfScore(4, 5) === "Bogey", "<code>golfScore(4, 5)</code> should return "Bogey"");'
+  - text: '<code>golfScore(4, 6)</code> deve retornar &quot;Double Bogey&quot;'
+    testString: 'assert(golfScore(4, 6) === "Double Bogey", "<code>golfScore(4, 6)</code> should return "Double Bogey"");'
+  - text: '<code>golfScore(4, 7)</code> deve retornar &quot;Go Home!&quot;'
+    testString: 'assert(golfScore(4, 7) === "Go Home!", "<code>golfScore(4, 7)</code> should return "Go Home!"");'
+  - text: '<code>golfScore(5, 9)</code> deve retornar &quot;Go Home!&quot;'
+    testString: 'assert(golfScore(5, 9) === "Go Home!", "<code>golfScore(5, 9)</code> should return "Go Home!"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var names = ["Hole-in-one!", "Eagle", "Birdie", "Par", "Bogey", "Double Bogey", "Go Home!"];
+function golfScore(par, strokes) {
+  // Only change code below this line
+
+
+  return "Change Me";
+  // Only change code above this line
+}
+
+// Change these values to test
+golfScore(5, 4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/increment-a-number-with-javascript.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/increment-a-number-with-javascript.portuguese.md
new file mode 100644
index 0000000000..4651331f31
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/increment-a-number-with-javascript.portuguese.md
@@ -0,0 +1,66 @@
+---
+id: 56533eb9ac21ba0edf2244ac
+title: Increment a Number with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Incrementar um número com JavaScript
+---
+
+## Description
+<section id="description"> Você pode facilmente <dfn>incrementar</dfn> ou adicionar um a uma variável com o operador <code>++</code> . <code>i++;</code> é o equivalente de <code>i = i + 1;</code> <strong>Nota</strong> <br> A linha inteira se torna <code>i++;</code> , eliminando a necessidade do sinal de igual. </section>
+
+## Instructions
+<section id="instructions"> Altere o código para usar o operador <code>++</code> em <code>myVar</code> . <strong>Sugestão</strong> <br> Saiba mais sobre <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Increment_()" target="_blank">operadores aritméticos - Incremento (++)</a> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myVar</code> deve ser igual a <code>88</code>
+    testString: 'assert(myVar === 88, "<code>myVar</code> should equal <code>88</code>");'
+  - text: <code>myVar = myVar + 1;</code> deve ser mudado
+    testString: 'assert(/var\s*myVar\s*=\s*87;\s*\/*.*\s*([+]{2}\s*myVar|myVar\s*[+]{2});/.test(code), "<code>myVar = myVar + 1;</code> should be changed");'
+  - text: Use o operador <code>++</code>
+    testString: 'assert(/[+]{2}\s*myVar|myVar\s*[+]{2}/.test(code), "Use the <code>++</code> operator");'
+  - text: Não mude o código acima da linha
+    testString: 'assert(/var myVar = 87;/.test(code), "Do not change code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myVar = 87;
+
+// Only change code below this line
+myVar = myVar + 1;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator.portuguese.md
new file mode 100644
index 0000000000..af3efe37ff
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator.portuguese.md
@@ -0,0 +1,60 @@
+---
+id: 56533eb9ac21ba0edf2244a9
+title: Initializing Variables with the Assignment Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Inicializando Variáveis ​​com o Operador de Atribuição
+---
+
+## Description
+<section id="description"> É comum <dfn>inicializar</dfn> uma variável com um valor inicial na mesma linha que é declarada. <code>var myVar = 0;</code> Cria uma nova variável chamada <code>myVar</code> e atribui a ela um valor inicial de <code>0</code> . </section>
+
+## Instructions
+<section id="instructions"> Defina uma variável <code>a</code> com <code>var</code> e inicialize-a com um valor de <code>9</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Inicialize <code>a</code> para um valor de <code>9</code>
+    testString: 'assert(/var\s+a\s*=\s*9\s*/.test(code), "Initialize <code>a</code> to a value of <code>9</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourVar = 19;
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements.portuguese.md
new file mode 100644
index 0000000000..0e6a6ef887
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements.portuguese.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244db
+title: Introducing Else If Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: Apresentando Else If Statements
+---
+
+## Description
+<section id="description"> Se você tiver várias condições que precisam ser tratadas, você pode encadear instruções <code>if</code> junto com <code>else if</code> statements. <blockquote> if (num&gt; 15) { <br> return &quot;Maior que 15&quot;; <br> } else if (num &lt;5) { <br> return &quot;Menor do que 5&quot;; <br> } outro { <br> return &quot;entre 5 e 15&quot;; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Converta a lógica para usar <code>else if</code> statements. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deve ter pelo menos dois <code>else</code> declarações
+    testString: 'assert(code.match(/else/g).length > 1, "You should have at least two <code>else</code> statements");'
+  - text: Você deve ter pelo menos duas declarações <code>if</code>
+    testString: 'assert(code.match(/if/g).length > 1, "You should have at least two <code>if</code> statements");'
+  - text: Você deve fechar e abrir chaves para cada condição
+    testString: 'assert(code.match(/if\s*\((.+)\)\s*\{[\s\S]+\}\s*else if\s*\((.+)\)\s*\{[\s\S]+\}\s*else\s*\{[\s\S]+\s*\}/), "You should have closing and opening curly braces for each condition in your if else statement");'
+  - text: <code>testElseIf(0)</code> deve retornar &quot;Menor que 5&quot;
+    testString: 'assert(testElseIf(0) === "Smaller than 5", "<code>testElseIf(0)</code> should return "Smaller than 5"");'
+  - text: <code>testElseIf(5)</code> deve retornar &quot;entre 5 e 10&quot;
+    testString: 'assert(testElseIf(5) === "Between 5 and 10", "<code>testElseIf(5)</code> should return "Between 5 and 10"");'
+  - text: <code>testElseIf(7)</code> deve retornar &quot;entre 5 e 10&quot;
+    testString: 'assert(testElseIf(7) === "Between 5 and 10", "<code>testElseIf(7)</code> should return "Between 5 and 10"");'
+  - text: <code>testElseIf(10)</code> deve retornar &quot;entre 5 e 10&quot;
+    testString: 'assert(testElseIf(10) === "Between 5 and 10", "<code>testElseIf(10)</code> should return "Between 5 and 10"");'
+  - text: <code>testElseIf(12)</code> deve retornar &quot;Maior que 10&quot;
+    testString: 'assert(testElseIf(12) === "Greater than 10", "<code>testElseIf(12)</code> should return "Greater than 10"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testElseIf(val) {
+  if (val > 10) {
+    return "Greater than 10";
+  }
+
+  if (val < 5) {
+    return "Smaller than 5";
+  }
+
+  return "Between 5 and 10";
+}
+
+// Change this value to test
+testElseIf(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements.portuguese.md
new file mode 100644
index 0000000000..8465025ac8
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements.portuguese.md
@@ -0,0 +1,78 @@
+---
+id: 56533eb9ac21ba0edf2244da
+title: Introducing Else Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: Apresentando Else Statements
+---
+
+## Description
+<section id="description"> Quando uma condição para uma declaração <code>if</code> for verdadeira, o bloco de código que a segue é executado. E quando essa condição é falsa? Normalmente nada aconteceria. Com uma instrução <code>else</code> , um bloco de código alternativo pode ser executado. <blockquote> if (num&gt; 10) { <br> return &quot;Maior que 10&quot;; <br> } outro { <br> return &quot;10 ou menos&quot;; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Combine as instruções <code>if</code> em uma única instrução <code>if/else</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deve ter apenas uma declaração <code>if</code> no editor
+    testString: 'assert(code.match(/if/g).length === 1, "You should only have one <code>if</code> statement in the editor");'
+  - text: Você deveria usar uma instrução <code>else</code>
+    testString: 'assert(/else/g.test(code), "You should use an <code>else</code> statement");'
+  - text: <code>testElse(4)</code> deve retornar &quot;5 ou menor&quot;
+    testString: 'assert(testElse(4) === "5 or Smaller", "<code>testElse(4)</code> should return "5 or Smaller"");'
+  - text: <code>testElse(5)</code> deve retornar &quot;5 ou menor&quot;
+    testString: 'assert(testElse(5) === "5 or Smaller", "<code>testElse(5)</code> should return "5 or Smaller"");'
+  - text: <code>testElse(6)</code> deve retornar &quot;maior que 5&quot;
+    testString: 'assert(testElse(6) === "Bigger than 5", "<code>testElse(6)</code> should return "Bigger than 5"");'
+  - text: <code>testElse(10)</code> deve retornar &quot;maior que 5&quot;
+    testString: 'assert(testElse(10) === "Bigger than 5", "<code>testElse(10)</code> should return "Bigger than 5"");'
+  - text: Não mude o código acima ou abaixo das linhas.
+    testString: 'assert(/var result = "";/.test(code) && /return result;/.test(code), "Do not change the code above or below the lines.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testElse(val) {
+  var result = "";
+  // Only change code below this line
+
+  if (val > 5) {
+    result = "Bigger than 5";
+  }
+
+  if (val <= 5) {
+    result = "5 or Smaller";
+  }
+
+  // Only change code above this line
+  return result;
+}
+
+// Change this value to test
+testElse(4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop.portuguese.md
new file mode 100644
index 0000000000..dba2f827ea
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop.portuguese.md
@@ -0,0 +1,69 @@
+---
+id: 56104e9e514f539506016a5c
+title: Iterate Odd Numbers With a For Loop
+challengeType: 1
+videoUrl: ''
+localeTitle: Iterar números ímpares com um loop for
+---
+
+## Description
+<section id="description"> Para laços não tem que iterar um de cada vez. Ao alterar nossa <code>final-expression</code> , podemos contar por números pares. Começaremos em <code>i = 0</code> e em loop enquanto <code>i &lt; 10</code> . Vamos incrementar <code>i</code> por 2 cada loop com <code>i += 2</code> . <blockquote> var ourArray = []; <br> para (var i = 0; i &lt;10; i + = 2) { <br> ourArray.push (i); <br> } </blockquote> <code>ourArray</code> irá agora conter <code>[0,2,4,6,8]</code> . Vamos mudar a nossa <code>initialization</code> para que possamos contar por números ímpares. </section>
+
+## Instructions
+<section id="instructions"> Empurre os números ímpares de 1 a 9 para <code>myArray</code> usando um loop <code>for</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deve estar usando um <code>for</code> loop para isso.
+    testString: 'assert(code.match(/for\s*\(/g).length > 1, "You should be using a <code>for</code> loop for this.");'
+  - text: '<code>myArray</code> deve ser igual a <code>[1,3,5,7,9]</code> .'
+    testString: 'assert.deepEqual(myArray, [1,3,5,7,9], "<code>myArray</code> should equal <code>[1,3,5,7,9]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [];
+
+for (var i = 0; i < 10; i += 2) {
+  ourArray.push(i);
+}
+
+// Setup
+var myArray = [];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.portuguese.md
new file mode 100644
index 0000000000..89ff7d2074
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: 5675e877dbd60be8ad28edc6
+title: Iterate Through an Array with a For Loop
+challengeType: 1
+videoUrl: ''
+localeTitle: Iterar por meio de uma matriz com um loop for
+---
+
+## Description
+<section id="description"> Uma tarefa comum em JavaScript é fazer uma iteração no conteúdo de uma matriz. Uma maneira de fazer isso é com um loop <code>for</code> . Este código irá mostrar cada elemento da array <code>arr</code> para o console: <blockquote> var arr = [10,9,8,7,6]; <br> para (var i = 0; i &lt;arr.length; i ++) { <br> console.log (arr [i]); <br> } </blockquote> Lembre-se que os Arrays possuem numeração baseada em zero, o que significa que o último índice do array é length - 1. Nossa <dfn>condição</dfn> para este loop é <code>i &lt; arr.length</code> , que para quando <code>i</code> tiver comprimento - 1. </section>
+
+## Instructions
+<section id="instructions"> Declare e inicialize um <code>total</code> variáveis ​​para <code>0</code> . Use um loop <code>for</code> para adicionar o valor de cada elemento da matriz <code>myArr</code> ao <code>total</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>total</code> deve ser declarado e inicializado para 0
+    testString: 'assert(code.match(/var.*?total\s*=\s*0.*?;/), "<code>total</code> should be declared and initialized to 0");'
+  - text: <code>total</code> deve ser igual a 20
+    testString: 'assert(total === 20, "<code>total</code> should equal 20");'
+  - text: Você deve usar um loop <code>for</code> para iterar pelo <code>myArr</code>
+    testString: 'assert(code.match(/for\s*\(/g).length > 1 && code.match(/myArr\s*\[/), "You should use a <code>for</code> loop to iterate through <code>myArr</code>");'
+  - text: Não defina o <code>total</code> para 20 diretamente
+    testString: 'assert(!code.match(/total[\s\+\-]*=\s*(\d(?!\s*[;,])|[1-9])/g), "Do not set <code>total</code> to 20 directly");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArr = [ 9, 10, 11, 12];
+var ourTotal = 0;
+
+for (var i = 0; i < ourArr.length; i++) {
+  ourTotal += ourArr[i];
+}
+
+// Setup
+var myArr = [ 2, 3, 4, 5, 6];
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do...while-loops.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do...while-loops.portuguese.md
new file mode 100644
index 0000000000..6e1e9d2502
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do...while-loops.portuguese.md
@@ -0,0 +1,70 @@
+---
+id: 5a2efd662fb457916e1fe604
+title: Iterate with JavaScript Do...While Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: Iterar com JavaScript Do ... While Loops
+---
+
+## Description
+<section id="description"> Você pode executar o mesmo código várias vezes usando um loop. O próximo tipo de loop que você aprenderá é chamado de loop &quot; <code>do...while</code> &quot; porque primeiro ele &quot; <code>do</code> &quot; uma passagem do código dentro do loop, não importa o que aconteça, e então executa &quot; <code>while</code> &quot; uma condição especificada é verdadeira e pára assim que a condição não for mais verdadeira. Vamos ver um exemplo. <blockquote> var ourArray = []; <br> var i = 0; <br> Faz { <br> ourArray.push (i); <br> i ++; <br> } enquanto (i &lt;5); </blockquote> Isso se comporta exatamente como você esperaria com qualquer outro tipo de loop, e a matriz resultante será semelhante a <code>[0, 1, 2, 3, 4]</code> . No entanto, o que faz o <code>do...while</code> diferente de outros loops é como ele se comporta quando a condição falha na primeira verificação. Vamos ver isso em ação. Aqui está um loop regular que executará o código no loop desde que <code>i &lt; 5</code> . <blockquote> var ourArray = []; <br> var i = 5; <br> enquanto (i &lt;5) { <br> ourArray.push (i); <br> i ++; <br> } </blockquote> Observe que inicializamos o valor de <code>i</code> como sendo 5. Quando executamos a próxima linha, notamos que <code>i</code> não é menor que 5. Portanto, não executamos o código dentro do loop. O resultado é que o <code>ourArray</code> terá nada adicionado a ele, então ele ainda ficará assim <code>[]</code> quando todo o código no exemplo acima terminar de ser executado. Agora, dê uma olhada em um <code>do...while</code> loop. <blockquote> var ourArray = []; <br> var i = 5; <br> Faz { <br> ourArray.push (i); <br> i ++; <br> } enquanto (i &lt;5); </blockquote> Neste caso, inicializamos o valor de <code>i</code> como 5, assim como fizemos com o loop while. Quando chegamos à próxima linha, não há verificação para o valor de <code>i</code> , então vamos para o código dentro das chaves e executá-lo. Vamos adicionar um elemento à matriz e incrementar <code>i</code> antes de chegarmos à verificação de condição. Então, quando chegarmos a verificar se <code>i &lt; 5</code> ver que <code>i</code> agora é 6, o que falha na verificação condicional. Então, saímos do loop e acabamos. No final do exemplo acima, o valor de <code>ourArray</code> é <code>[5]</code> . Essencialmente, um laço <code>do...while</code> while garante que o código dentro do loop será executado pelo menos uma vez. Vamos tentar fazer um <code>do...while</code> loop para trabalhar, empurrando valores para um array. </section>
+
+## Instructions
+<section id="instructions"> Alterar o <code>while</code> loop no código a um <code>do...while</code> loop para que o loop vai empurrar o número 10 a <code>myArray</code> , e <code>i</code> será igual a <code>11</code> quando o código termina a execução. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deveria estar usando um <code>do...while</code> loop para isso.
+    testString: 'assert(code.match(/do/g), "You should be using a <code>do...while</code> loop for this.");'
+  - text: '<code>myArray</code> deve ser igual a <code>[10]</code> .'
+    testString: 'assert.deepEqual(myArray, [10], "<code>myArray</code> should equal <code>[10]</code>.");'
+  - text: <code>i</code> deveria igual a <code>11</code>
+    testString: 'assert.deepEqual(i, 11, "<code>i</code> should equal <code>11</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myArray = [];
+var i = 10;
+
+// Only change code below this line.
+
+while (i < 5) {
+  myArray.push(i);
+  i++;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops.portuguese.md
new file mode 100644
index 0000000000..afca3b8df4
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops.portuguese.md
@@ -0,0 +1,69 @@
+---
+id: cf1111c1c11feddfaeb5bdef
+title: Iterate with JavaScript For Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: Iterar com JavaScript For Loops
+---
+
+## Description
+<section id="description"> Você pode executar o mesmo código várias vezes usando um loop. O tipo mais comum de loop de JavaScript é chamado de &quot; <code>for loop</code> &quot; porque é executado &quot;por&quot; um número específico de vezes. For loops são declarados com três expressões opcionais separadas por ponto e vírgula: <code>for ([initialization]; [condition]; [final-expression])</code> A instrução de <code>initialization</code> é executada uma vez apenas antes do loop iniciar. É normalmente usado para definir e configurar sua variável de loop. A instrução de <code>condition</code> é avaliada no início de cada iteração de loop e continuará enquanto ela for avaliada como <code>true</code> . Quando a <code>condition</code> é <code>false</code> no início da iteração, o loop deixará de ser executado. Isso significa que se a <code>condition</code> começar como <code>false</code> , seu loop nunca será executado. A <code>final-expression</code> é executada no final de cada iteração de loop, antes da próxima verificação de <code>condition</code> e é geralmente usada para incrementar ou decrementar seu contador de loop. No exemplo a seguir, inicializamos com <code>i = 0</code> e iteramos enquanto nossa condição <code>i &lt; 5</code> é verdadeira. Vamos incrementar <code>i</code> por <code>1</code> em cada iteração de loop com o <code>i++</code> como nossa <code>final-expression</code> . <blockquote> var ourArray = []; <br> para (var i = 0; i &lt;5; i ++) { <br> ourArray.push (i); <br> } </blockquote> <code>ourArray</code> irá agora conter <code>[0,1,2,3,4]</code> . </section>
+
+## Instructions
+<section id="instructions"> Use um loop <code>for</code> para trabalhar para empurrar os valores de 1 a 5 para <code>myArray</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deve estar usando um <code>for</code> loop para isso.
+    testString: 'assert(code.match(/for\s*\(/g).length > 1, "You should be using a <code>for</code> loop for this.");'
+  - text: '<code>myArray</code> deve ser igual a <code>[1,2,3,4,5]</code> .'
+    testString: 'assert.deepEqual(myArray, [1,2,3,4,5], "<code>myArray</code> should equal <code>[1,2,3,4,5]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [];
+
+for (var i = 0; i < 5; i++) {
+  ourArray.push(i);
+}
+
+// Setup
+var myArray = [];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops.portuguese.md
new file mode 100644
index 0000000000..f3f7bf9831
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: cf1111c1c11feddfaeb1bdef
+title: Iterate with JavaScript While Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: Iterar com loops While de JavaScript
+---
+
+## Description
+<section id="description"> Você pode executar o mesmo código várias vezes usando um loop. O primeiro tipo de loop vamos aprender é chamado de &quot; <code>while</code> &quot; laço porque ele é executado &quot;enquanto&quot; uma condição especificada for verdadeira e pára uma vez que a condição já não é verdade. <blockquote> var ourArray = []; <br> var i = 0; <br> enquanto (i &lt;5) { <br> ourArray.push (i); <br> i ++; <br> } </blockquote> Vamos tentar fazer um loop while funcionar empurrando valores para um array. </section>
+
+## Instructions
+<section id="instructions"> Empurrar os números de 0 a 4 para <code>myArray</code> usando uma <code>while</code> loop. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deve estar usando um <code>while</code> loop para isso.
+    testString: 'assert(code.match(/while/g), "You should be using a <code>while</code> loop for this.");'
+  - text: '<code>myArray</code> deve ser igual a <code>[0,1,2,3,4]</code> .'
+    testString: 'assert.deepEqual(myArray, [0,1,2,3,4], "<code>myArray</code> should equal <code>[0,1,2,3,4]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myArray = [];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions.portuguese.md
new file mode 100644
index 0000000000..236f35e15c
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions.portuguese.md
@@ -0,0 +1,96 @@
+---
+id: 56533eb9ac21ba0edf2244bf
+title: Local Scope and Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Escopo Local e Funções
+---
+
+## Description
+<section id="description"> Variáveis ​​que são declaradas dentro de uma função, assim como os parâmetros da função, possuem escopo <dfn>local</dfn> . Isso significa que eles só são visíveis dentro dessa função. Aqui está uma função <code>myTest</code> com uma variável local chamada <code>loc</code> . <blockquote> function myTest () { <br> var loc = &quot;foo&quot;; <br> console.log (loc); <br> } <br> meu teste(); // registra &quot;foo&quot; <br> console.log (loc); // loc não está definido </blockquote> <code>loc</code> não está definido fora da função. </section>
+
+## Instructions
+<section id="instructions"> Declare uma variável local <code>myVar</code> dentro de <code>myLocalScope</code> . Execute os testes e siga as instruções comentadas no editor. <strong>Sugestão</strong> <br> Atualizando a página pode ajudar se você ficar preso. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Nenhuma variável <code>myVar</code> global
+    testString: 'assert(typeof myVar === "undefined", "No global <code>myVar</code> variable");'
+  - text: Adicione uma variável <code>myVar</code> local
+    testString: 'assert(/var\s+myVar/.test(code), "Add a local <code>myVar</code> variable");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function myLocalScope() {
+  'use strict'; // you shouldn't need to edit this line
+
+  console.log(myVar);
+}
+myLocalScope();
+
+// Run and check the console
+// myVar is not defined outside of myLocalScope
+console.log(myVar);
+
+// Now remove the console log line to pass the test
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = "";
+var originalConsole = console
+function capture() {
+  var nativeLog = console.log;
+  console.log = function (message) {
+    logOutput = message;
+    if(nativeLog.apply) {
+      nativeLog.apply(originalConsole, arguments);
+    } else {
+      var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+      nativeLog(nativeMsg);
+    }
+  };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements.portuguese.md
new file mode 100644
index 0000000000..5d294d0289
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 5690307fddb111c6084545d7
+title: Logical Order in If Else Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: Ordem lógica em outras declarações
+---
+
+## Description
+<section id="description"> Ordem é importante em <code>if</code> , <code>else if</code> declarações. A função é executada de cima para baixo, então você vai querer ter cuidado com a afirmação que vem primeiro. Tome estas duas funções como um exemplo. Aqui está o primeiro: <blockquote> função foo (x) { <br> if (x &lt;1) { <br> return &quot;menos de um&quot;; <br> } else if (x &lt;2) { <br> return &quot;menos de dois&quot;; <br> } outro { <br> return &quot;Maior que ou igual a dois&quot;; <br> } <br> } </blockquote> E o segundo apenas muda a ordem das declarações: <blockquote> barra de funções (x) { <br> if (x &lt;2) { <br> return &quot;menos de dois&quot;; <br> } else if (x &lt;1) { <br> return &quot;menos de um&quot;; <br> } outro { <br> return &quot;Maior que ou igual a dois&quot;; <br> } <br> } </blockquote> Embora essas duas funções pareçam quase idênticas, se passarmos um número para ambas, obteremos saídas diferentes. <blockquote> foo (0) // &quot;Menos que um&quot; <br> bar (0) // &quot;menos de dois&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Altere a ordem da lógica na função para que ela retorne as instruções corretas em todos os casos. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>orderMyLogic(4)</code> deve retornar &quot;Menos de 5&quot;
+    testString: 'assert(orderMyLogic(4) === "Less than 5", "<code>orderMyLogic(4)</code> should return "Less than 5"");'
+  - text: <code>orderMyLogic(6)</code> deve retornar &quot;Menor que 10&quot;
+    testString: 'assert(orderMyLogic(6) === "Less than 10", "<code>orderMyLogic(6)</code> should return "Less than 10"");'
+  - text: <code>orderMyLogic(11)</code> deve retornar &quot;maior que ou igual a 10&quot;
+    testString: 'assert(orderMyLogic(11) === "Greater than or equal to 10", "<code>orderMyLogic(11)</code> should return "Greater than or equal to 10"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function orderMyLogic(val) {
+  if (val < 10) {
+    return "Less than 10";
+  } else if (val < 5) {
+    return "Less than 5";
+  } else {
+    return "Greater than or equal to 10";
+  }
+}
+
+// Change this value to test
+orderMyLogic(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.portuguese.md
new file mode 100644
index 0000000000..cd75c06c15
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.portuguese.md
@@ -0,0 +1,70 @@
+---
+id: 56bbb991ad1ed5201cd392cc
+title: Manipulate Arrays With pop()
+challengeType: 1
+videoUrl: ''
+localeTitle: Manipular Arrays Com pop ()
+---
+
+## Description
+<section id="description"> Outra maneira de alterar os dados em uma matriz é com a função <code>.pop()</code> . <code>.pop()</code> é usado para &quot;pop&quot; um valor fora do final de uma matriz. Podemos armazenar esse valor &quot;popped off&quot;, atribuindo-o a uma variável. Em outras palavras, <code>.pop()</code> remove o último elemento de uma matriz e retorna esse elemento. Qualquer tipo de entrada pode ser &quot;popped&quot; fora de um array - números, strings, até matrizes aninhadas. <blockquote> <code>var threeArr = [1, 4, 6]; <br> var oneDown = threeArr.pop(); <br> console.log(oneDown); // Returns 6 <br> console.log(threeArr); // Returns [1, 4]</code> </blockquote> </section>
+
+## Instructions
+<section id="instructions"> Use a função <code>.pop()</code> para remover o último item de <code>myArray</code> , atribuindo o valor &quot;popped off&quot; ao <code>removedFromMyArray</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray</code> deve conter apenas <code>[[&quot;John&quot;, 23]]</code> .'
+    testString: 'assert((function(d){if(d[0][0] == "John" && d[0][1] === 23 && d[1] == undefined){return true;}else{return false;}})(myArray), "<code>myArray</code> should only contain <code>[["John", 23]]</code>.");'
+  - text: Use <code>pop()</code> no <code>myArray</code>
+    testString: 'assert(/removedFromMyArray\s*=\s*myArray\s*.\s*pop\s*(\s*)/.test(code), "Use <code>pop()</code> on <code>myArray</code>");'
+  - text: '<code>removedFromMyArray</code> deve conter apenas <code>[&quot;cat&quot;, 2]</code> .'
+    testString: 'assert((function(d){if(d[0] == "cat" && d[1] === 2 && d[2] == undefined){return true;}else{return false;}})(removedFromMyArray), "<code>removedFromMyArray</code> should only contain <code>["cat", 2]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [1,2,3];
+var removedFromOurArray = ourArray.pop();
+// removedFromOurArray now equals 3, and ourArray now equals [1,2]
+
+// Setup
+var myArray = [["John", 23], ["cat", 2]];
+
+// Only change code below this line.
+var removedFromMyArray;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.portuguese.md
new file mode 100644
index 0000000000..93b21f83c0
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: 56bbb991ad1ed5201cd392cb
+title: Manipulate Arrays With push()
+challengeType: 1
+videoUrl: ''
+localeTitle: Manipular matrizes com push ()
+---
+
+## Description
+<section id="description"> Uma maneira fácil de anexar dados ao final de um array é por meio da função <code>push()</code> . <code>.push()</code> recebe um ou mais <dfn>parâmetros</dfn> e os &quot;empurra&quot; para o final do array. <blockquote> var arr = [1,2,3]; <br> arr.push (4); <br> // arr é agora [1,2,3,4] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Empurre <code>[&quot;dog&quot;, 3]</code> para o final da variável <code>myArray</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray</code> agora deve ser igual a <code>[[&quot;John&quot;, 23], [&quot;cat&quot;, 2], [&quot;dog&quot;, 3]]</code> .'
+    testString: 'assert((function(d){if(d[2] != undefined && d[0][0] == "John" && d[0][1] === 23 && d[2][0] == "dog" && d[2][1] === 3 && d[2].length == 2){return true;}else{return false;}})(myArray), "<code>myArray</code> should now equal <code>[["John", 23], ["cat", 2], ["dog", 3]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = ["Stimpson", "J", "cat"];
+ourArray.push(["happy", "joy"]);
+// ourArray now equals ["Stimpson", "J", "cat", ["happy", "joy"]]
+
+// Setup
+var myArray = [["John", 23], ["cat", 2]];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.portuguese.md
new file mode 100644
index 0000000000..ac1e838df5
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.portuguese.md
@@ -0,0 +1,68 @@
+---
+id: 56bbb991ad1ed5201cd392cd
+title: Manipulate Arrays With shift()
+challengeType: 1
+videoUrl: ''
+localeTitle: Manipular Matrizes Com Deslocamento ()
+---
+
+## Description
+<section id="description"> <code>pop()</code> sempre remove o último elemento de um array. E se você quiser remover o primeiro? É aí que <code>.shift()</code> . Funciona exatamente como o <code>.pop()</code> , exceto que ele remove o primeiro elemento em vez do último. </section>
+
+## Instructions
+<section id="instructions"> Use a função <code>.shift()</code> para remover o primeiro item de <code>myArray</code> , atribuindo o valor &quot; <code>removedFromMyArray</code> off&quot; ao <code>removedFromMyArray</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray</code> agora deve ser igual a <code>[[&quot;dog&quot;, 3]]</code> .'
+    testString: 'assert((function(d){if(d[0][0] == "dog" && d[0][1] === 3 && d[1] == undefined){return true;}else{return false;}})(myArray), "<code>myArray</code> should now equal <code>[["dog", 3]]</code>.");'
+  - text: '<code>removedFromMyArray</code> deve conter <code>[&quot;John&quot;, 23]</code> .'
+    testString: 'assert((function(d){if(d[0] == "John" && d[1] === 23 && typeof removedFromMyArray === "object"){return true;}else{return false;}})(removedFromMyArray), "<code>removedFromMyArray</code> should contain <code>["John", 23]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = ["Stimpson", "J", ["cat"]];
+var removedFromOurArray = ourArray.shift();
+// removedFromOurArray now equals "Stimpson" and ourArray now equals ["J", ["cat"]].
+
+// Setup
+var myArray = [["John", 23], ["dog", 3]];
+
+// Only change code below this line.
+var removedFromMyArray;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.portuguese.md
new file mode 100644
index 0000000000..a98ab8f0ec
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.portuguese.md
@@ -0,0 +1,67 @@
+---
+id: 56bbb991ad1ed5201cd392ce
+title: Manipulate Arrays With unshift()
+challengeType: 1
+videoUrl: ''
+localeTitle: Manipular matrizes com unshift ()
+---
+
+## Description
+<section id="description"> Não apenas você pode <code>shift</code> elementos do início de um array, você também pode <code>unshift</code> elementos para o início de um array, isto é, adicionar elementos na frente do array. <code>.unshift()</code> funciona exatamente como <code>.push()</code> , mas em vez de adicionar o elemento no final da matriz, <code>unshift()</code> adiciona o elemento no início da matriz. </section>
+
+## Instructions
+<section id="instructions"> Adicione <code>[&quot;Paul&quot;,35]</code> ao início da variável <code>myArray</code> usando <code>unshift()</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray</code> agora deve ter [[&quot;Paul&quot;, 35], [&quot;dog&quot;, 3]].'
+    testString: 'assert((function(d){if(typeof d[0] === "object" && d[0][0] == "Paul" && d[0][1] === 35 && d[1][0] != undefined && d[1][0] == "dog" && d[1][1] != undefined && d[1][1] == 3){return true;}else{return false;}})(myArray), "<code>myArray</code> should now have [["Paul", 35], ["dog", 3]].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = ["Stimpson", "J", "cat"];
+ourArray.shift(); // ourArray now equals ["J", "cat"]
+ourArray.unshift("Happy");
+// ourArray now equals ["Happy", "J", "cat"]
+
+// Setup
+var myArray = [["John", 23], ["dog", 3]];
+myArray.shift();
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects.portuguese.md
new file mode 100644
index 0000000000..f021c61ae9
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects.portuguese.md
@@ -0,0 +1,86 @@
+---
+id: 56533eb9ac21ba0edf2244cb
+title: Manipulating Complex Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: Manipulando Objetos Complexos
+---
+
+## Description
+<section id="description"> Às vezes você pode querer armazenar dados em uma <dfn>estrutura de dados</dfn> flexível. Um objeto JavaScript é uma maneira de lidar com dados flexíveis. Eles permitem combinações arbitrárias de <dfn>strings</dfn> , <dfn>números</dfn> , <dfn>booleanos</dfn> , <dfn>matrizes</dfn> , <dfn>funções</dfn> e <dfn>objetos</dfn> . Aqui está um exemplo de uma estrutura de dados complexa: <blockquote> var ourMusic = [ <br> { <br> &quot;artista&quot;: &quot;Daft Punk&quot;, <br> &quot;title&quot;: &quot;Homework&quot;, <br> &quot;release_year&quot;: 1997, <br> &quot;formatos&quot;: [ <br> &quot;CD&quot;, <br> &quot;Cassete&quot;, <br> &quot;LP&quot; <br> ] <br> &quot;gold&quot;: true <br> } <br> ]; </blockquote> Esta é uma matriz que contém um objeto dentro. O objeto possui vários <dfn>metadados</dfn> sobre um álbum. Ele também possui uma matriz de <code>&quot;formats&quot;</code> aninhados. Se você quiser adicionar mais registros de álbuns, poderá fazer isso adicionando registros à matriz de nível superior. Objetos retêm dados em uma propriedade, que possui um formato de valor-chave. No exemplo acima, <code>&quot;artist&quot;: &quot;Daft Punk&quot;</code> é uma propriedade que tem uma chave de <code>&quot;artist&quot;</code> e um valor de <code>&quot;Daft Punk&quot;</code> . <a href="http://www.json.org/" target="_blank">JavaScript Object Notation</a> ou <code>JSON</code> é um formato de intercâmbio de dados relacionado usado para armazenar dados. <blockquote> { <br> &quot;artista&quot;: &quot;Daft Punk&quot;, <br> &quot;title&quot;: &quot;Homework&quot;, <br> &quot;release_year&quot;: 1997, <br> &quot;formatos&quot;: [ <br> &quot;CD&quot;, <br> &quot;Cassete&quot;, <br> &quot;LP&quot; <br> ] <br> &quot;gold&quot;: true <br> } </blockquote> <strong>Nota</strong> <br> Você precisará colocar uma vírgula após cada objeto na matriz, a menos que seja o último objeto na matriz. </section>
+
+## Instructions
+<section id="instructions"> Adicione um novo álbum ao array <code>myMusic</code> . Adicione strings de <code>artist</code> e <code>title</code> , <code>release_year</code> number e uma matriz de <code>formats</code> de strings. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myMusic</code> deve ser um array
+    testString: 'assert(Array.isArray(myMusic), "<code>myMusic</code> should be an array");'
+  - text: <code>myMusic</code> deve ter pelo menos dois elementos
+    testString: 'assert(myMusic.length > 1, "<code>myMusic</code> should have at least two elements");'
+  - text: '<code>myMusic[1]</code> deve ser um objeto'
+    testString: 'assert(typeof myMusic[1] === "object", "<code>myMusic[1]</code> should be an object");'
+  - text: '<code>myMusic[1]</code> deve ter pelo menos 4 propriedades'
+    testString: 'assert(Object.keys(myMusic[1]).length > 3, "<code>myMusic[1]</code> should have at least 4 properties");'
+  - text: '<code>myMusic[1]</code> deve conter uma propriedade de <code>artist</code> que seja uma string'
+    testString: 'assert(myMusic[1].hasOwnProperty("artist") && typeof myMusic[1].artist === "string", "<code>myMusic[1]</code> should contain an <code>artist</code> property which is a string");'
+  - text: '<code>myMusic[1]</code> deve conter uma propriedade de <code>title</code> que é uma string'
+    testString: 'assert(myMusic[1].hasOwnProperty("title") && typeof myMusic[1].title === "string", "<code>myMusic[1]</code> should  contain a <code>title</code> property which is a string");'
+  - text: '<code>myMusic[1]</code> deve conter uma propriedade <code>release_year</code> que é um número'
+    testString: 'assert(myMusic[1].hasOwnProperty("release_year") && typeof myMusic[1].release_year === "number", "<code>myMusic[1]</code> should contain a <code>release_year</code> property which is a number");'
+  - text: '<code>myMusic[1]</code> deve conter uma propriedade de <code>formats</code> que é uma matriz'
+    testString: 'assert(myMusic[1].hasOwnProperty("formats") && Array.isArray(myMusic[1].formats), "<code>myMusic[1]</code> should contain a <code>formats</code> property which is an array");'
+  - text: <code>formats</code> devem ser um array de strings com pelo menos dois elementos
+    testString: 'assert(myMusic[1].formats.every(function(item) { return (typeof item === "string")}) && myMusic[1].formats.length > 1, "<code>formats</code> should be an array of strings with at least two elements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myMusic = [
+  {
+    "artist": "Billy Joel",
+    "title": "Piano Man",
+    "release_year": 1973,
+    "formats": [
+      "CD",
+      "8T",
+      "LP"
+    ],
+    "gold": true
+  }
+  // Add record here
+];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes.portuguese.md
new file mode 100644
index 0000000000..325bab09f5
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes.portuguese.md
@@ -0,0 +1,66 @@
+---
+id: cf1111c1c11feddfaeb8bdef
+title: Modify Array Data With Indexes
+challengeType: 1
+videoUrl: ''
+localeTitle: Modificar dados de matriz com índices
+---
+
+## Description
+<section id="description"> Ao contrário das strings, as entradas das matrizes são <dfn>mutáveis</dfn> e podem ser alteradas livremente. <strong>Exemplo</strong> <blockquote> var ourArray = [50,40,30]; <br> ourArray [0] = 15; // é igual a [15,40,30] </blockquote> <strong>Nota</strong> <br> Não deve haver espaços entre o nome da matriz e os colchetes, como <code>array [0]</code> . Embora JavaScript seja capaz de processar isso corretamente, isso pode confundir outros programadores lendo seu código. </section>
+
+## Instructions
+<section id="instructions"> Modifique os dados armazenados no índice <code>0</code> de <code>myArray</code> para um valor de <code>45</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray</code> agora deve ser [45,64,99].'
+    testString: 'assert((function(){if(typeof myArray != "undefined" && myArray[0] == 45 && myArray[1] == 64 && myArray[2] == 99){return true;}else{return false;}})(), "<code>myArray</code> should now be [45,64,99].");'
+  - text: Você deve estar usando o índice correto para modificar o valor em <code>myArray</code> .
+    testString: 'assert((function(){if(code.match(/myArray\[0\]\s*=\s*/g)){return true;}else{return false;}})(), "You should be using correct index to modify the value in <code>myArray</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [18,64,99];
+ourArray[1] = 45; // ourArray now equals [18,45,99].
+
+// Setup
+var myArray = [18,64,99];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/multiple-identical-options-in-switch-statements.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/multiple-identical-options-in-switch-statements.portuguese.md
new file mode 100644
index 0000000000..8dfe9f44bc
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/multiple-identical-options-in-switch-statements.portuguese.md
@@ -0,0 +1,80 @@
+---
+id: 56533eb9ac21ba0edf2244df
+title: Multiple Identical Options in Switch Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: Múltiplas Opções Idênticas em Instruções de Comutação
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> Escreva uma instrução switch para definir a <code>answer</code> para os seguintes intervalos: <br> <code>1-3</code> - &quot;baixo&quot; <br> <code>4-6</code> - &quot;Mid&quot; <br> <code>7-9</code> - <strong>Nota</strong> &quot;Alta&quot; <br> Você precisará ter uma declaração de <code>case</code> para cada número no intervalo. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sequentialSizes(1)</code> deve retornar &quot;Low&quot;
+    testString: 'assert(sequentialSizes(1) === "Low", "<code>sequentialSizes(1)</code> should return "Low"");'
+  - text: <code>sequentialSizes(2)</code> deve retornar &quot;Low&quot;
+    testString: 'assert(sequentialSizes(2) === "Low", "<code>sequentialSizes(2)</code> should return "Low"");'
+  - text: <code>sequentialSizes(3)</code> deve retornar &quot;Low&quot;
+    testString: 'assert(sequentialSizes(3) === "Low", "<code>sequentialSizes(3)</code> should return "Low"");'
+  - text: <code>sequentialSizes(4)</code> deve retornar &quot;Mid&quot;
+    testString: 'assert(sequentialSizes(4) === "Mid", "<code>sequentialSizes(4)</code> should return "Mid"");'
+  - text: <code>sequentialSizes(5)</code> deve retornar &quot;Mid&quot;
+    testString: 'assert(sequentialSizes(5) === "Mid", "<code>sequentialSizes(5)</code> should return "Mid"");'
+  - text: <code>sequentialSizes(6)</code> deve retornar &quot;Mid&quot;
+    testString: 'assert(sequentialSizes(6) === "Mid", "<code>sequentialSizes(6)</code> should return "Mid"");'
+  - text: <code>sequentialSizes(7)</code> deve retornar &quot;High&quot;
+    testString: 'assert(sequentialSizes(7) === "High", "<code>sequentialSizes(7)</code> should return "High"");'
+  - text: <code>sequentialSizes(8)</code> deve retornar &quot;High&quot;
+    testString: 'assert(sequentialSizes(8) === "High", "<code>sequentialSizes(8)</code> should return "High"");'
+  - text: <code>sequentialSizes(9)</code> deve retornar &quot;High&quot;
+    testString: 'assert(sequentialSizes(9) === "High", "<code>sequentialSizes(9)</code> should return "High"");'
+  - text: Você não deve usar nenhuma instrução <code>if</code> ou <code>else</code>
+    testString: 'assert(!/else/g.test(code) || !/if/g.test(code), "You should not use any <code>if</code> or <code>else</code> statements");'
+  - text: Você deve ter nove declarações de <code>case</code>
+    testString: 'assert(code.match(/case/g).length === 9, "You should have nine <code>case</code> statements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sequentialSizes(val) {
+  var answer = "";
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+  return answer;
+}
+
+// Change this value to test
+sequentialSizes(1);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-decimals-with-javascript.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-decimals-with-javascript.portuguese.md
new file mode 100644
index 0000000000..6826e72df1
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-decimals-with-javascript.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: bd7993c9c69feddfaeb7bdef
+title: Multiply Two Decimals with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Multiplique dois decimais com JavaScript
+---
+
+## Description
+<section id="description"> Em JavaScript, você também pode realizar cálculos com números decimais, como números inteiros. Vamos multiplicar dois decimais juntos para obter seu produto. </section>
+
+## Instructions
+<section id="instructions"> Altere o valor <code>0.0</code> para que o produto seja igual a <code>5.0</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A variável <code>product</code> deve ser igual a <code>5.0</code> .
+    testString: 'assert(product === 5.0, "The variable <code>product</code> should equal <code>5.0</code>.");'
+  - text: Você deve usar o operador <code>*</code>
+    testString: 'assert(/\*/.test(code), "You should use the <code>*</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var product = 2.0 * 0.0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-numbers-with-javascript.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-numbers-with-javascript.portuguese.md
new file mode 100644
index 0000000000..e8582be0aa
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-numbers-with-javascript.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: cf1231c1c11feddfaeb5bdef
+title: Multiply Two Numbers with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Multiplique dois números com JavaScript
+---
+
+## Description
+<section id="description"> Nós também podemos multiplicar um número por outro. JavaScript usa o símbolo <code>*</code> para multiplicação de dois números. <p> <strong>Exemplo</strong> </p><blockquote> myVar = 13 * 13; // atribuído 169 </blockquote></section>
+
+## Instructions
+<section id="instructions"> Altere <code>0</code> para que o produto seja igual a <code>80</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Faça o <code>product</code> variável igual a 80
+    testString: 'assert(product === 80,"Make the variable <code>product</code> equal 80");'
+  - text: Use o operador <code>*</code>
+    testString: 'assert(/\*/.test(code), "Use the <code>*</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var product = 8 * 0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array.portuguese.md
new file mode 100644
index 0000000000..f3bd1843dc
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: cf1111c1c11feddfaeb7bdef
+title: Nest one Array within Another Array
+challengeType: 1
+videoUrl: ''
+localeTitle: Aninhar uma matriz dentro de outra matriz
+---
+
+## Description
+<section id="description"> Você também pode aninhar matrizes dentro de outras matrizes, como este: <code>[[&quot;Bulls&quot;, 23], [&quot;White Sox&quot;, 45]]</code> . Isso também é chamado <dfn>de matriz multidimensional <dfn>.</dfn></dfn> </section>
+
+## Instructions
+<section id="instructions"> Crie uma matriz aninhada chamada <code>myArray</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myArray</code> deve ter pelo menos um array aninhado em outro array.
+    testString: 'assert(Array.isArray(myArray) && myArray.some(Array.isArray), "<code>myArray</code> should have at least one array nested within another array.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [["the universe", 42], ["everything", 101010]];
+
+// Only change code below this line.
+var myArray = [];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops.portuguese.md
new file mode 100644
index 0000000000..f59167f998
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: 56533eb9ac21ba0edf2244e1
+title: Nesting For Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: Aninhando For Loops
+---
+
+## Description
+<section id="description"> Se você tiver um array multidimensional, você pode usar a mesma lógica do waypoint anterior para percorrer tanto o array quanto qualquer sub-array. Aqui está um exemplo: <blockquote> var arr = [ <br> [1,2], [3,4], [5,6] <br> ]; <br> para (var i = 0; i &lt;arr.length; i ++) { <br> para (var j = 0; j &lt;arr [i]. comprimento; j ++) { <br> console.log (arr [i] [j]); <br> } <br> } </blockquote> Isto produz cada sub-elemento em <code>arr</code> um de cada vez. Note que para o loop interno, estamos verificando o <code>.length</code> de <code>arr[i]</code> , já que <code>arr[i]</code> é ele próprio um array. </section>
+
+## Instructions
+<section id="instructions"> Modifique a função <code>multiplyAll</code> para que multiplique a variável do <code>product</code> por cada número nos sub-arrays do <code>arr</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>multiplyAll([[1],[2],[3]])</code> deve retornar <code>6</code>'
+    testString: 'assert(multiplyAll([[1],[2],[3]]) === 6, "<code>multiplyAll([[1],[2],[3]])</code> should return <code>6</code>");'
+  - text: '<code>multiplyAll([[1,2],[3,4],[5,6,7]])</code> deve retornar <code>5040</code>'
+    testString: 'assert(multiplyAll([[1,2],[3,4],[5,6,7]]) === 5040, "<code>multiplyAll([[1,2],[3,4],[5,6,7]])</code> should return <code>5040</code>");'
+  - text: '<code>multiplyAll([[5,1],[0.2, 4, 0.5],[3, 9]])</code> deve retornar <code>54</code>'
+    testString: 'assert(multiplyAll([[5,1],[0.2, 4, 0.5],[3, 9]]) === 54, "<code>multiplyAll([[5,1],[0.2, 4, 0.5],[3, 9]])</code> should return <code>54</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function multiplyAll(arr) {
+  var product = 1;
+  // Only change code below this line
+
+  // Only change code above this line
+  return product;
+}
+
+// Modify values below to test your code
+multiplyAll([[1,2],[3,4],[5,6,7]]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments.portuguese.md
new file mode 100644
index 0000000000..120c9d500b
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments.portuguese.md
@@ -0,0 +1,97 @@
+---
+id: 56533eb9ac21ba0edf2244bd
+title: Passing Values to Functions with Arguments
+challengeType: 1
+videoUrl: ''
+localeTitle: Passando Valores para Funções com Argumentos
+---
+
+## Description
+<section id="description"> <dfn>Parâmetros</dfn> são variáveis ​​que atuam como espaços reservados para os valores que devem ser inseridos em uma função quando ela é chamada. Quando uma função é definida, ela é tipicamente definida junto com um ou mais parâmetros. Os valores reais que são inseridos (ou <dfn>&quot;passados&quot;</dfn> ) em uma função quando são chamados são conhecidos como <dfn>argumentos</dfn> . Aqui está uma função com dois parâmetros, <code>param1</code> e <code>param2</code> : <blockquote> function testFun (param1, param2) { <br> console.log (param1, param2); <br> } </blockquote> Então podemos chamar <code>testFun</code> : <code>testFun(&quot;Hello&quot;, &quot;World&quot;);</code> Nós passamos dois argumentos, <code>&quot;Hello&quot;</code> e <code>&quot;World&quot;</code> . Dentro da função, <code>param1</code> será igual a &quot;Hello&quot; e <code>param2</code> será igual a &quot;World&quot;. Note que você poderia chamar <code>testFun</code> novamente com diferentes argumentos e os parâmetros assumiriam o valor dos novos argumentos. </section>
+
+## Instructions
+<section id="instructions"><ol><li> Crie uma função chamada <code>functionWithArgs</code> que aceita dois argumentos e produz sua soma no console dev. </li><li> Chame a função com dois números como argumentos. </li></ol></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>functionWithArgs</code> deve ser uma função
+    testString: 'assert(typeof functionWithArgs === "function", "<code>functionWithArgs</code> should be a function");'
+  - text: '<code>functionWithArgs(1,2)</code> deve produzir <code>3</code>'
+    testString: 'if(typeof functionWithArgs === "function") { capture(); functionWithArgs(1,2); uncapture(); } assert(logOutput == 3, "<code>functionWithArgs(1,2)</code> should output <code>3</code>");'
+  - text: '<code>functionWithArgs(7,9)</code> deve produzir <code>16</code>'
+    testString: 'if(typeof functionWithArgs === "function") { capture(); functionWithArgs(7,9); uncapture(); } assert(logOutput == 16, "<code>functionWithArgs(7,9)</code> should output <code>16</code>");'
+  - text: Chame <code>functionWithArgs</code> com dois números depois de defini-lo.
+    testString: 'assert(/^\s*functionWithArgs\s*\(\s*\d+\s*,\s*\d+\s*\)\s*;/m.test(code), "Call <code>functionWithArgs</code> with two numbers after you define it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function ourFunctionWithArgs(a, b) {
+  console.log(a - b);
+}
+ourFunctionWithArgs(10, 5); // Outputs 5
+
+// Only change code below this line.
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = "";
+var originalConsole = console
+function capture() {
+    var nativeLog = console.log;
+    console.log = function (message) {
+        if(message) logOutput = JSON.stringify(message).trim();
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/practice-comparing-different-values.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/practice-comparing-different-values.portuguese.md
new file mode 100644
index 0000000000..a762b0f6d2
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/practice-comparing-different-values.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: 599a789b454f2bbd91a3ff4d
+title: Practice comparing different values
+challengeType: 1
+videoUrl: ''
+localeTitle: Pratique a comparação de valores diferentes
+---
+
+## Description
+<section id="description"> Nos dois últimos desafios, aprendemos sobre o operador de igualdade ( <code>==</code> ) e o operador de igualdade estrito ( <code>===</code> ). Vamos fazer uma revisão rápida e praticar o uso desses operadores um pouco mais. Se os valores que estão sendo comparados não forem do mesmo tipo, o operador de igualdade executará uma conversão de tipo e, em seguida, avaliará os valores. No entanto, o operador de igualdade estrita irá comparar tanto o tipo de dados quanto o valor como está, sem converter um tipo para o outro. <strong>Exemplos</strong> <blockquote> 3 == &#39;3&#39; // retorna verdadeiro porque o JavaScript executa conversão de tipo de string para number <br> 3 === &#39;3&#39; // retorna falso porque os tipos são diferentes e o tipo de conversão não é executado </blockquote> <strong>Nota</strong> <br> Em JavaScript, você pode determinar o tipo de uma variável ou um valor com o operador <code>typeof</code> , da seguinte maneira: <blockquote> typeof 3 // retorna &#39;number&#39; <br> typeof &#39;3&#39; // retorna &#39;string&#39; </blockquote></section>
+
+## Instructions
+<section id="instructions"> A função <code>compareEquality</code> no editor compara dois valores usando o <code>equality operator</code> . Modifique a função para que ela retorne &quot;Equal&quot; somente quando os valores forem estritamente iguais. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>compareEquality(10, &quot;10&quot;)</code> deve retornar &quot;Not Equal&quot;'
+    testString: 'assert(compareEquality(10, "10") === "Not Equal", "<code>compareEquality(10, "10")</code> should return "Not Equal"");'
+  - text: '<code>compareEquality(&quot;20&quot;, 20)</code> deve retornar &quot;Not Equal&quot;'
+    testString: 'assert(compareEquality("20", 20) === "Not Equal", "<code>compareEquality("20", 20)</code> should return "Not Equal"");'
+  - text: Você deve usar o operador <code>===</code>
+    testString: 'assert(code.match(/===/g), "You should use the <code>===</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function compareEquality(a, b) {
+  if (a == b) { // Change this line
+    return "Equal";
+  }
+  return "Not Equal";
+}
+
+// Change this value to test
+compareEquality(10, "10");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/profile-lookup.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/profile-lookup.portuguese.md
new file mode 100644
index 0000000000..6522a282ac
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/profile-lookup.portuguese.md
@@ -0,0 +1,96 @@
+---
+id: 5688e62ea601b2482ff8422b
+title: Profile Lookup
+challengeType: 1
+videoUrl: ''
+localeTitle: Pesquisa de perfil
+---
+
+## Description
+<section id="description"> Temos uma variedade de objetos representando pessoas diferentes em nossas listas de contatos. Uma função <code>lookUpProfile</code> que leva <code>name</code> e uma propriedade ( <code>prop</code> ) como argumentos foi pré-escrita para você. A função deve verificar se <code>name</code> é o <code>firstName</code> um contato real e se a propriedade fornecida ( <code>prop</code> ) é uma propriedade desse contato. Se ambos forem verdadeiros, retorne o &quot;valor&quot; dessa propriedade. Se o <code>name</code> não corresponder a nenhum contato, retorne <code>&quot;No such contact&quot;</code> Se <code>prop</code> não corresponder a nenhuma propriedade válida de um contato que corresponda ao <code>name</code> , retorne <code>&quot;No such property&quot;</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>&quot;Kristian&quot;, &quot;lastName&quot;</code> deve retornar <code>&quot;Vos&quot;</code>'
+    testString: 'assert(lookUpProfile("Kristian","lastName") === "Vos", "<code>"Kristian", "lastName"</code> should return <code>"Vos"</code>");'
+  - text: '<code>&quot;Sherlock&quot;, &quot;likes&quot;</code> deve retornar <code>[&quot;Intriguing Cases&quot;, &quot;Violin&quot;]</code>'
+    testString: 'assert.deepEqual(lookUpProfile("Sherlock", "likes"), ["Intriguing Cases", "Violin"], "<code>"Sherlock", "likes"</code> should return <code>["Intriguing Cases", "Violin"]</code>");'
+  - text: '<code>&quot;Harry&quot;,&quot;likes&quot;</code> deve retornar um array'
+    testString: 'assert(typeof lookUpProfile("Harry", "likes") === "object", "<code>"Harry","likes"</code> should return an array");'
+  - text: '<code>&quot;Bob&quot;, &quot;number&quot;</code> deve retornar &quot;Nenhum contato desse tipo&quot;'
+    testString: 'assert(lookUpProfile("Bob", "number") === "No such contact", "<code>"Bob", "number"</code> should return "No such contact"");'
+  - text: '<code>&quot;Bob&quot;, &quot;potato&quot;</code> deve retornar &quot;Nenhum contato desse tipo&quot;'
+    testString: 'assert(lookUpProfile("Bob", "potato") === "No such contact", "<code>"Bob", "potato"</code> should return "No such contact"");'
+  - text: '<code>&quot;Akira&quot;, &quot;address&quot;</code> deve retornar &quot;Nenhuma propriedade&quot;'
+    testString: 'assert(lookUpProfile("Akira", "address") === "No such property", "<code>"Akira", "address"</code> should return "No such property"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+//Setup
+var contacts = [
+    {
+        "firstName": "Akira",
+        "lastName": "Laine",
+        "number": "0543236543",
+        "likes": ["Pizza", "Coding", "Brownie Points"]
+    },
+    {
+        "firstName": "Harry",
+        "lastName": "Potter",
+        "number": "0994372684",
+        "likes": ["Hogwarts", "Magic", "Hagrid"]
+    },
+    {
+        "firstName": "Sherlock",
+        "lastName": "Holmes",
+        "number": "0487345643",
+        "likes": ["Intriguing Cases", "Violin"]
+    },
+    {
+        "firstName": "Kristian",
+        "lastName": "Vos",
+        "number": "unknown",
+        "likes": ["JavaScript", "Gaming", "Foxes"]
+    }
+];
+
+
+function lookUpProfile(name, prop){
+// Only change code below this line
+
+// Only change code above this line
+}
+
+// Change these values to test your function
+lookUpProfile("Akira", "likes");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/quoting-strings-with-single-quotes.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/quoting-strings-with-single-quotes.portuguese.md
new file mode 100644
index 0000000000..d3ab114604
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/quoting-strings-with-single-quotes.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 56533eb9ac21ba0edf2244b4
+title: Quoting Strings with Single Quotes
+challengeType: 1
+videoUrl: ''
+localeTitle: Citando Strings com Citações Únicas
+---
+
+## Description
+<section id="description"> Valores de <dfn>string</dfn> em JavaScript podem ser escritos com aspas simples ou duplas, contanto que você comece e termine com o mesmo tipo de cotação. Ao contrário de algumas outras linguagens de programação, aspas simples e duplas funcionam da mesma forma em JavaScript. <blockquote> doubleQuoteStr = &quot;Esta é uma string&quot;; <br> singleQuoteStr = &#39;Esta também é uma string&#39;; </blockquote> A razão pela qual você pode querer usar um tipo de citação sobre o outro é se você quer usar ambos em uma string. Isso pode acontecer se você quiser salvar uma conversa em uma string e colocar a conversa entre aspas. Outro uso para isso seria salvar uma tag <code>&lt;a&gt;</code> com vários atributos entre aspas, tudo dentro de uma string. <blockquote> conversation = &#39;Finn exclama a Jake, &quot;Algébrico!&quot;&#39;; </blockquote> No entanto, isso se torna um problema se você precisar usar as cotas mais externas dentro dele. Lembre-se, uma string tem o mesmo tipo de citação no começo e no fim. Mas se você tiver a mesma cotação em algum lugar no meio, a string parará antes e lançará um erro. <blockquote> goodStr = &#39;Jake pergunta a Finn: &quot;Ei, vamos em uma aventura?&quot;&#39;; <br> badStr = &#39;Finn responde: &quot;Vamos!&quot;&#39;; // lança um erro </blockquote> No <dfn>goodStr</dfn> acima, você pode usar as <dfn>duaspas</dfn> com segurança usando a barra invertida <code>\</code> como um caractere de escape. <strong>Nota</strong> <br> A contrabarra <code>\</code> não deve ser confundida com a barra <code>/</code> . Eles não fazem a mesma coisa. </section>
+
+## Instructions
+<section id="instructions"> Altere a string fornecida para uma string com aspas simples no início e no final e sem caracteres de escape. Agora, a tag <code>&lt;a&gt;</code> na string usa aspas duplas em todos os lugares. Você precisará alterar as aspas externas para aspas simples para poder remover os caracteres de escape. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Remova todas as <code>backslashes</code> ( <code>\</code> )
+    testString: 'assert(!/\\/g.test(code) && myStr.match("\\s*<a href\\s*=\\s*"http://www.example.com"\\s*target\\s*=\\s*"_blank">\\s*Link\\s*</a>\\s*"), "Remove all the <code>backslashes</code> (<code>\</code>)");'
+  - text: 'Você deve ter duas aspas simples <code>&#39;</code> e quatro aspas duplas <code>&quot;</code>'
+    testString: 'assert(code.match(/"/g).length === 4 && code.match(/"/g).length === 2, "You should have two single quotes <code>&#39;</code> and four double quotes <code>&quot;</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myStr = "<a href=\"http://www.example.com\" target=\"_blank\">Link</a>";
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/record-collection.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/record-collection.portuguese.md
new file mode 100644
index 0000000000..bddd13a4a3
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/record-collection.portuguese.md
@@ -0,0 +1,107 @@
+---
+id: 56533eb9ac21ba0edf2244cf
+title: Record Collection
+challengeType: 1
+videoUrl: ''
+localeTitle: Colecção de registos
+---
+
+## Description
+<section id="description"> Você recebe um objeto JSON representando uma parte de sua coleção de álbuns musicais. Cada álbum tem várias propriedades e um número de identificação exclusivo como sua chave. Nem todos os álbuns possuem informações completas. Escreva uma função que tenha um <code>id</code> de álbum (como <code>2548</code> ), um <code>prop</code> propriedade (como <code>&quot;artist&quot;</code> ou <code>&quot;tracks&quot;</code> ) e um <code>value</code> (como <code>&quot;Addicted to Love&quot;</code> ) para modificar os dados nessa coleção. Se <code>prop</code> não for <code>&quot;tracks&quot;</code> e o <code>value</code> não estiver vazio ( <code>&quot;&quot;</code> ), atualize ou defina o <code>value</code> para a propriedade desse álbum de registros. Sua função deve sempre retornar todo o objeto da coleção. Existem várias regras para lidar com dados incompletos: se <code>prop</code> é <code>&quot;tracks&quot;</code> mas o álbum não tem uma propriedade <code>&quot;tracks&quot;</code> , crie um array vazio antes de adicionar o novo valor à propriedade correspondente do álbum. Se <code>prop</code> for <code>&quot;tracks&quot;</code> e o <code>value</code> não estiver vazio ( <code>&quot;&quot;</code> ), insira o <code>value</code> no final da matriz de <code>tracks</code> existente no álbum. Se o <code>value</code> estiver vazio ( <code>&quot;&quot;</code> ), exclua a propriedade <code>prop</code> fornecida do álbum. <strong>Dicas</strong> <br> Use a <code>bracket notation</code> ao <a href="javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables" target="_blank">acessar as propriedades do objeto com variáveis</a> . Push é um método de matriz que você pode ler sobre o <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push" target="_blank">Mozilla Developer Network</a> . Você pode consultar a <a href="javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects" target="_blank">seção Manipulando Objetos Complexos</a> Introduzindo o JavaScript Object Notation (JSON) para uma atualização. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Após <code>updateRecords(5439, &quot;artist&quot;, &quot;ABBA&quot;)</code> , o <code>artist</code> deve ser <code>&quot;ABBA&quot;</code>'
+    testString: 'collection = collectionCopy; assert(updateRecords(5439, "artist", "ABBA")[5439]["artist"] === "ABBA", "After <code>updateRecords(5439, "artist", "ABBA")</code>, <code>artist</code> should be <code>"ABBA"</code>");'
+  - text: 'Depois de <code>updateRecords(5439, &quot;tracks&quot;, &quot;Take a Chance on Me&quot;)</code> , as <code>tracks</code> devem ter <code>&quot;Take a Chance on Me&quot;</code> como o último elemento.'
+    testString: 'assert(updateRecords(5439, "tracks", "Take a Chance on Me")[5439]["tracks"].pop() === "Take a Chance on Me", "After <code>updateRecords(5439, "tracks", "Take a Chance on Me")</code>, <code>tracks</code> should have <code>"Take a Chance on Me"</code> as the last element.");'
+  - text: 'Após <code>updateRecords(2548, &quot;artist&quot;, &quot;&quot;)</code> , o <code>artist</code> não deve ser definido'
+    testString: 'updateRecords(2548, "artist", ""); assert(!collection[2548].hasOwnProperty("artist"), "After <code>updateRecords(2548, "artist", "")</code>, <code>artist</code> should not be set");'
+  - text: 'Depois de <code>updateRecords(1245, &quot;tracks&quot;, &quot;Addicted to Love&quot;)</code> , as <code>tracks</code> devem ter <code>&quot;Addicted to Love&quot;</code> como o último elemento.'
+    testString: 'assert(updateRecords(1245, "tracks", "Addicted to Love")[1245]["tracks"].pop() === "Addicted to Love", "After <code>updateRecords(1245, "tracks", "Addicted to Love")</code>, <code>tracks</code> should have <code>"Addicted to Love"</code> as the last element.");'
+  - text: 'Depois de <code>updateRecords(2468, &quot;tracks&quot;, &quot;Free&quot;)</code> , as <code>tracks</code> devem ter <code>&quot;1999&quot;</code> como o primeiro elemento.'
+    testString: 'assert(updateRecords(2468, "tracks", "Free")[2468]["tracks"][0] === "1999", "After <code>updateRecords(2468, "tracks", "Free")</code>, <code>tracks</code> should have <code>"1999"</code> as the first element.");'
+  - text: 'Após <code>updateRecords(2548, &quot;tracks&quot;, &quot;&quot;)</code> , as <code>tracks</code> não devem ser definidas'
+    testString: 'updateRecords(2548, "tracks", ""); assert(!collection[2548].hasOwnProperty("tracks"), "After <code>updateRecords(2548, "tracks", "")</code>, <code>tracks</code> should not be set");'
+  - text: 'Após <code>updateRecords(1245, &quot;album&quot;, &quot;Riptide&quot;)</code> , o <code>album</code> deve ser <code>&quot;Riptide&quot;</code>'
+    testString: 'assert(updateRecords(1245, "album", "Riptide")[1245]["album"] === "Riptide", "After <code>updateRecords(1245, "album", "Riptide")</code>, <code>album</code> should be <code>"Riptide"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var collection = {
+    "2548": {
+      "album": "Slippery When Wet",
+      "artist": "Bon Jovi",
+      "tracks": [
+        "Let It Rock",
+        "You Give Love a Bad Name"
+      ]
+    },
+    "2468": {
+      "album": "1999",
+      "artist": "Prince",
+      "tracks": [
+        "1999",
+        "Little Red Corvette"
+      ]
+    },
+    "1245": {
+      "artist": "Robert Palmer",
+      "tracks": [ ]
+    },
+    "5439": {
+      "album": "ABBA Gold"
+    }
+};
+// Keep a copy of the collection for tests
+var collectionCopy = JSON.parse(JSON.stringify(collection));
+
+// Only change code below this line
+function updateRecords(id, prop, value) {
+
+
+  return collection;
+}
+
+// Alter values below to test your code
+updateRecords(5439, "artist", "ABBA");
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/replacing-if-else-chains-with-switch.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/replacing-if-else-chains-with-switch.portuguese.md
new file mode 100644
index 0000000000..9894a15c0a
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/replacing-if-else-chains-with-switch.portuguese.md
@@ -0,0 +1,88 @@
+---
+id: 56533eb9ac21ba0edf2244e0
+title: Replacing If Else Chains with Switch
+challengeType: 1
+videoUrl: ''
+localeTitle: Substituindo se outras cadeias com o interruptor
+---
+
+## Description
+<section id="description"> Se você tiver muitas opções para escolher, uma instrução <code>switch</code> pode ser mais fácil de gravar do que muitas instruções encadeadas <code>if</code> / <code>else if</code> . Os seguintes: <blockquote> if (val === 1) { <br> answer = &quot;a&quot;; <br> } else if (val === 2) { <br> answer = &quot;b&quot;; <br> } outro { <br> answer = &quot;c&quot;; <br> } </blockquote> pode ser substituído por: <blockquote> interruptor (val) { <br> caso 1: <br> answer = &quot;a&quot;; <br> pausa; <br> caso 2: <br> answer = &quot;b&quot;; <br> pausa; <br> padrão: <br> answer = &quot;c&quot;; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Altere as instruções encadeadas <code>if</code> / <code>else if</code> para uma instrução <code>switch</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você não deve usar nenhuma <code>else</code> instrução em nenhum lugar do editor
+    testString: 'assert(!/else/g.test(code), "You should not use any <code>else</code> statements anywhere in the editor");'
+  - text: Você não deve usar nenhuma instrução <code>if</code> nenhum lugar do editor
+    testString: 'assert(!/if/g.test(code), "You should not use any <code>if</code> statements anywhere in the editor");'
+  - text: Você deve ter pelo menos quatro declarações de <code>break</code>
+    testString: 'assert(code.match(/break/g).length >= 4, "You should have at least four <code>break</code> statements");'
+  - text: <code>chainToSwitch(&quot;bob&quot;)</code> deve ser &quot;Marley&quot;
+    testString: 'assert(chainToSwitch("bob") === "Marley", "<code>chainToSwitch("bob")</code> should be "Marley"");'
+  - text: <code>chainToSwitch(42)</code> deve ser &quot;A resposta&quot;
+    testString: 'assert(chainToSwitch(42) === "The Answer", "<code>chainToSwitch(42)</code> should be "The Answer"");'
+  - text: '<code>chainToSwitch(1)</code> deve ser &quot;Não existe # 1&quot;'
+    testString: 'assert(chainToSwitch(1) === "There is no #1", "<code>chainToSwitch(1)</code> should be "There is no #1"");'
+  - text: <code>chainToSwitch(99)</code> deve ser &quot; <code>chainToSwitch(99)</code> !&quot;
+    testString: 'assert(chainToSwitch(99) === "Missed me by this much!", "<code>chainToSwitch(99)</code> should be "Missed me by this much!"");'
+  - text: <code>chainToSwitch(7)</code> deve ser &quot;Ate Nine&quot;
+    testString: 'assert(chainToSwitch(7) === "Ate Nine", "<code>chainToSwitch(7)</code> should be "Ate Nine"");'
+  - text: <code>chainToSwitch(&quot;John&quot;)</code> deve ser &quot;&quot; (string vazia)
+    testString: 'assert(chainToSwitch("John") === "", "<code>chainToSwitch("John")</code> should be "" (empty string)");'
+  - text: <code>chainToSwitch(156)</code> deve ser &quot;&quot; (string vazia)
+    testString: 'assert(chainToSwitch(156) === "", "<code>chainToSwitch(156)</code> should be "" (empty string)");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function chainToSwitch(val) {
+  var answer = "";
+  // Only change code below this line
+
+  if (val === "bob") {
+    answer = "Marley";
+  } else if (val === 42) {
+    answer = "The Answer";
+  } else if (val === 1) {
+    answer = "There is no #1";
+  } else if (val === 99) {
+    answer = "Missed me by this much!";
+  } else if (val === 7) {
+    answer = "Ate Nine";
+  }
+
+  // Only change code above this line
+  return answer;
+}
+
+// Change this value to test
+chainToSwitch(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.portuguese.md
new file mode 100644
index 0000000000..03375c3371
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 56533eb9ac21ba0edf2244c2
+title: Return a Value from a Function with Return
+challengeType: 1
+videoUrl: ''
+localeTitle: Retornar um valor de uma função com retorno
+---
+
+## Description
+<section id="description"> Podemos passar valores para uma função com <dfn>argumentos</dfn> . Você pode usar uma instrução de <code>return</code> para enviar um valor de volta de uma função. <strong>Exemplo</strong> <blockquote> function plusThree (num) { <br> return num + 3; <br> } <br> var resposta = mais três (5); // 8 </blockquote> <code>plusThree</code> aceita um <dfn>argumento</dfn> para <code>num</code> e retorna um valor igual a <code>num + 3</code> . </section>
+
+## Instructions
+<section id="instructions"> Crie uma função <code>timesFive</code> que aceite um argumento, multiplique por <code>5</code> e retorne o novo valor. Veja a última linha no editor para um exemplo de como você pode testar sua função <code>timesFive</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>timesFive</code> deve ser uma função
+    testString: 'assert(typeof timesFive === "function", "<code>timesFive</code> should be a function");'
+  - text: <code>timesFive(5)</code> deve retornar <code>25</code>
+    testString: 'assert(timesFive(5) === 25, "<code>timesFive(5)</code> should return <code>25</code>");'
+  - text: <code>timesFive(2)</code> deve retornar <code>10</code>
+    testString: 'assert(timesFive(2) === 10, "<code>timesFive(2)</code> should return <code>10</code>");'
+  - text: <code>timesFive(0)</code> deve retornar <code>0</code>
+    testString: 'assert(timesFive(0) === 0, "<code>timesFive(0)</code> should return <code>0</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function minusSeven(num) {
+  return num - 7;
+}
+
+// Only change code below this line
+
+
+
+console.log(minusSeven(10));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions.portuguese.md
new file mode 100644
index 0000000000..899f3ac391
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: 56533eb9ac21ba0edf2244c4
+title: Return Early Pattern for Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Retorna o padrão inicial para funções
+---
+
+## Description
+<section id="description"> Quando uma instrução de <code>return</code> é atingida, a execução da função atual é interrompida e o controle retorna ao local de chamada. <strong>Exemplo</strong> <blockquote> function myFun () { <br> console.log (&quot;Olá&quot;); <br> return &quot;mundo&quot;; <br> console.log (&quot;byebye&quot;) <br> } <br> myFun (); </blockquote> O acima saídas &quot;Olá&quot; para o console, retorna &quot;World&quot;, mas <code>&quot;byebye&quot;</code> nunca é saída, porque a função sai na declaração de <code>return</code> . </section>
+
+## Instructions
+<section id="instructions"> Modifique a função <code>abTest</code> modo que, se <code>a</code> ou <code>b</code> forem menores que <code>0</code> a função sairá imediatamente com um valor <code>undefined</code> . <strong>Sugestão</strong> <br> Lembre-se de que <a href="http://www.freecodecamp.org/challenges/understanding-uninitialized-variables" target="_blank"><code>undefined</code> é uma palavra-chave</a> , não uma string. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>abTest(2,2)</code> deve retornar um número'
+    testString: 'assert(typeof abTest(2,2) === "number" , "<code>abTest(2,2)</code> should return a number");'
+  - text: '<code>abTest(2,2)</code> deve retornar <code>8</code>'
+    testString: 'assert(abTest(2,2) === 8 , "<code>abTest(2,2)</code> should return <code>8</code>");'
+  - text: '<code>abTest(-2,2)</code> deve retornar <code>undefined</code>'
+    testString: 'assert(abTest(-2,2) === undefined , "<code>abTest(-2,2)</code> should return <code>undefined</code>");'
+  - text: '<code>abTest(2,-2)</code> deve retornar <code>undefined</code>'
+    testString: 'assert(abTest(2,-2) === undefined , "<code>abTest(2,-2)</code> should return <code>undefined</code>");'
+  - text: '<code>abTest(2,8)</code> deve retornar <code>18</code>'
+    testString: 'assert(abTest(2,8) === 18 , "<code>abTest(2,8)</code> should return <code>18</code>");'
+  - text: '<code>abTest(3,3)</code> deve retornar <code>12</code>'
+    testString: 'assert(abTest(3,3) === 12 , "<code>abTest(3,3)</code> should return <code>12</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function abTest(a, b) {
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+
+  return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
+}
+
+// Change values below to test your code
+abTest(2,2);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions.portuguese.md
new file mode 100644
index 0000000000..60c4e2539a
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 5679ceb97cbaa8c51670a16b
+title: Returning Boolean Values from Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Retornando valores booleanos de funções
+---
+
+## Description
+<section id="description"> Você pode se lembrar de <a href="waypoint-comparison-with-the-equality-operator" target="_blank">Comparação com o Operador de Igualdade</a> que todos os operadores de comparação retornam um valor booleano <code>true</code> ou <code>false</code> . Às vezes as pessoas usam uma instrução if / else para fazer uma comparação, como esta: <blockquote> função isEqual (a, b) { <br> if (a === b) { <br> retorno verdadeiro; <br> } outro { <br> retorna falso; <br> } <br> } </blockquote> Mas há uma maneira melhor de fazer isso. Como <code>===</code> retorna <code>true</code> ou <code>false</code> , podemos retornar o resultado da comparação: <blockquote> função isEqual (a, b) { <br> return a === b; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Corrigir a função <code>isLess</code> para remover as instruções <code>if/else</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>isLess(10,15)</code> deve retornar <code>true</code>'
+    testString: 'assert(isLess(10,15) === true, "<code>isLess(10,15)</code> should return <code>true</code>");'
+  - text: '<code>isLess(15,10)</code> deve retornar <code>false</code>'
+    testString: 'assert(isLess(15, 10) === false, "<code>isLess(15,10)</code> should return <code>false</code>");'
+  - text: Você não deve usar nenhuma instrução <code>if</code> ou <code>else</code>
+    testString: 'assert(!/if|else/g.test(code), "You should not use any <code>if</code> or <code>else</code> statements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function isLess(a, b) {
+  // Fix this code
+  if (a < b) {
+    return true;
+  } else {
+    return false;
+  }
+}
+
+// Change these values to test
+isLess(10, 15);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/selecting-from-many-options-with-switch-statements.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/selecting-from-many-options-with-switch-statements.portuguese.md
new file mode 100644
index 0000000000..e117aee112
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/selecting-from-many-options-with-switch-statements.portuguese.md
@@ -0,0 +1,70 @@
+---
+id: 56533eb9ac21ba0edf2244dd
+title: Selecting from Many Options with Switch Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: Selecionando a partir de muitas opções com instruções de troca
+---
+
+## Description
+<section id="description"> Se você tiver muitas opções para escolher, use uma instrução <code>switch</code> . Uma instrução <code>switch</code> testa um valor e pode ter várias instruções <code>case</code> que definem vários valores possíveis. As declarações são executadas a partir do primeiro valor do <code>case</code> correspondente até que uma <code>break</code> seja encontrada. Aqui está um exemplo de <dfn>pseudocódigo</dfn> : <blockquote> switch (num) { <br> valor do caso1: <br> statement1; <br> pausa; <br> valor do caso2: <br> statement2; <br> pausa; <br> ... <br> case valueN: <br> statementN; <br> pausa; <br> } </blockquote> valores de <code>case</code> são testados com igualdade estrita ( <code>===</code> ). A <code>break</code> diz ao JavaScript para parar de executar instruções. Se a <code>break</code> for omitida, a próxima instrução será executada. </section>
+
+## Instructions
+<section id="instructions"> Escreva uma instrução switch que teste <code>val</code> e configure a <code>answer</code> para as seguintes condições: <br> <code>1</code> - &quot;alfa&quot; <br> <code>2</code> - &quot;beta&quot; <br> <code>3</code> - &quot;gama&quot; <br> <code>4</code> - &quot;delta&quot; </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>caseInSwitch(1)</code> deve ter um valor de &quot;alfa&quot;
+    testString: 'assert(caseInSwitch(1) === "alpha", "<code>caseInSwitch(1)</code> should have a value of "alpha"");'
+  - text: <code>caseInSwitch(2)</code> deve ter um valor de &quot;beta&quot;
+    testString: 'assert(caseInSwitch(2) === "beta", "<code>caseInSwitch(2)</code> should have a value of "beta"");'
+  - text: <code>caseInSwitch(3)</code> deve ter um valor de &quot;gamma&quot;
+    testString: 'assert(caseInSwitch(3) === "gamma", "<code>caseInSwitch(3)</code> should have a value of "gamma"");'
+  - text: <code>caseInSwitch(4)</code> deve ter um valor de &quot;delta&quot;
+    testString: 'assert(caseInSwitch(4) === "delta", "<code>caseInSwitch(4)</code> should have a value of "delta"");'
+  - text: Você não deve usar nenhuma instrução <code>if</code> ou <code>else</code>
+    testString: 'assert(!/else/g.test(code) || !/if/g.test(code), "You should not use any <code>if</code> or <code>else</code> statements");'
+  - text: Você deve ter pelo menos 3 declarações de <code>break</code>
+    testString: 'assert(code.match(/break/g).length > 2, "You should have at least 3 <code>break</code> statements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function caseInSwitch(val) {
+  var answer = "";
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+  return answer;
+}
+
+// Change this value to test
+caseInSwitch(1);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/shopping-list.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/shopping-list.portuguese.md
new file mode 100644
index 0000000000..3af3932131
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/shopping-list.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 56533eb9ac21ba0edf2244bc
+title: Shopping List
+challengeType: 1
+videoUrl: ''
+localeTitle: Lista de compras
+---
+
+## Description
+<section id="description"> Crie uma lista de compras na variável <code>myList</code> . A lista deve ser um array multidimensional contendo vários sub-arrays. O primeiro elemento em cada sub-array deve conter uma string com o nome do item. O segundo elemento deve ser um número representando a quantidade, ou seja, <code>[&quot;Chocolate Bar&quot;, 15]</code> Deve haver pelo menos 5 sub-arrays na lista. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myList</code> deve ser um array
+    testString: 'assert(isArray, "<code>myList</code> should be an array");'
+  - text: Os primeiros elementos em cada um dos seus sub-arrays devem ser todos strings
+    testString: 'assert(hasString, "The first elements in each of your sub-arrays must all be strings");'
+  - text: Os segundos elementos em cada um dos seus sub-arrays devem ser todos números
+    testString: 'assert(hasNumber, "The second elements in each of your sub-arrays must all be numbers");'
+  - text: Você deve ter pelo menos 5 itens em sua lista
+    testString: 'assert(count > 4, "You must have at least 5 items in your list");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myList = [];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/stand-in-line.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/stand-in-line.portuguese.md
new file mode 100644
index 0000000000..dbbd3ac9af
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/stand-in-line.portuguese.md
@@ -0,0 +1,106 @@
+---
+id: 56533eb9ac21ba0edf2244c6
+title: Stand in Line
+challengeType: 1
+videoUrl: ''
+localeTitle: Ficar na fila
+---
+
+## Description
+<section id="description"> Na Ciência da Computação, uma <dfn>fila</dfn> é uma <dfn>Estrutura de Dados</dfn> abstrata, na qual os itens são mantidos em ordem. Novos itens podem ser adicionados na parte de trás da <code>queue</code> e itens antigos são retirados da frente da <code>queue</code> . Escreva uma função <code>nextInLine</code> que recebe um array ( <code>arr</code> ) e um número ( <code>item</code> ) como argumentos. Adicione o número ao final da matriz e remova o primeiro elemento da matriz. A função <code>nextInLine</code> deve então retornar o elemento que foi removido. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>nextInLine([], 5)</code> deve retornar um número.'
+    testString: 'assert.isNumber(nextInLine([],5), "<code>nextInLine([], 5)</code> should return a number.");'
+  - text: '<code>nextInLine([], 1)</code> deve retornar <code>1</code>'
+    testString: 'assert(nextInLine([],1) === 1, "<code>nextInLine([], 1)</code> should return <code>1</code>");'
+  - text: '<code>nextInLine([2], 1)</code> deve retornar <code>2</code>'
+    testString: 'assert(nextInLine([2],1) === 2, "<code>nextInLine([2], 1)</code> should return <code>2</code>");'
+  - text: '<code>nextInLine([5,6,7,8,9], 1)</code> deve retornar <code>5</code>'
+    testString: 'assert(nextInLine([5,6,7,8,9],1) === 5, "<code>nextInLine([5,6,7,8,9], 1)</code> should return <code>5</code>");'
+  - text: 'Após <code>nextInLine(testArr, 10)</code> , <code>testArr[4]</code> deve ser <code>10</code>'
+    testString: 'nextInLine(testArr, 10); assert(testArr[4] === 10, "After <code>nextInLine(testArr, 10)</code>, <code>testArr[4]</code> should be <code>10</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nextInLine(arr, item) {
+  // Your code here
+
+  return item;  // Change this line
+}
+
+// Test Setup
+var testArr = [1,2,3,4,5];
+
+// Display Code
+console.log("Before: " + JSON.stringify(testArr));
+console.log(nextInLine(testArr, 6)); // Modify this line to test
+console.log("After: " + JSON.stringify(testArr));
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = [];
+var originalConsole = console
+function capture() {
+    var nativeLog = console.log;
+    console.log = function (message) {
+        logOutput.push(message);
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays.portuguese.md
new file mode 100644
index 0000000000..89531648db
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: bd7993c9c69feddfaeb8bdef
+title: Store Multiple Values in one Variable using JavaScript Arrays
+challengeType: 1
+videoUrl: ''
+localeTitle: Armazenar vários valores em uma variável usando matrizes JavaScript
+---
+
+## Description
+<section id="description"> Com variáveis ​​de <code>array</code> JavaScript, podemos armazenar vários dados em um só lugar. Você inicia uma declaração de matriz com um colchete de abertura, termina com um colchete de fechamento e coloca uma vírgula entre cada entrada, assim: <code>var sandwich = [&quot;peanut butter&quot;, &quot;jelly&quot;, &quot;bread&quot;]</code> . </section>
+
+## Instructions
+<section id="instructions"> Modifique o novo array <code>myArray</code> para que contenha uma <code>string</code> e um <code>number</code> (nessa ordem). <strong>Sugestão</strong> <br> Consulte o código de exemplo no editor de texto, se você ficar preso. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myArray</code> deve ser um <code>array</code> .
+    testString: 'assert(typeof myArray == "object", "<code>myArray</code> should be an <code>array</code>.");'
+  - text: O primeiro item no <code>myArray</code> deve ser uma <code>string</code> .
+    testString: 'assert(typeof myArray[0] !== "undefined" && typeof myArray[0] == "string", "The first item in <code>myArray</code> should be a <code>string</code>.");'
+  - text: O segundo item no <code>myArray</code> deve ser um <code>number</code> .
+    testString: 'assert(typeof myArray[1] !== "undefined" && typeof myArray[1] == "number", "The second item in <code>myArray</code> should be a <code>number</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = ["John", 23];
+
+// Only change code below this line.
+var myArray = [];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator.portuguese.md
new file mode 100644
index 0000000000..08c4af4829
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator.portuguese.md
@@ -0,0 +1,81 @@
+---
+id: 56533eb9ac21ba0edf2244a8
+title: Storing Values with the Assignment Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Armazenando Valores com o Operador de Atribuição
+---
+
+## Description
+<section id="description"> Em JavaScript, você pode armazenar um valor em uma variável com o operador de <dfn>atribuição</dfn> . <code>myVariable = 5;</code> Isso atribui o valor <code>Number</code> <code>5</code> a <code>myVariable</code> . A atribuição sempre vai da direita para a esquerda. Tudo à direita do operador <code>=</code> é resolvido antes que o valor seja atribuído à variável à esquerda do operador. <blockquote> myVar = 5; <br> myNum = myVar; </blockquote> Isso atribui <code>5</code> para <code>myVar</code> e, em seguida, resolve <code>myVar</code> para <code>5</code> novamente e atribui a <code>myNum</code> . </section>
+
+## Instructions
+<section id="instructions"> Atribua o valor <code>7</code> à variável <code>a</code> . Atribuir o conteúdo de <code>a</code> para variável <code>b</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Não mude o código acima da linha
+    testString: 'assert(/var a;/.test(code) && /var b = 2;/.test(code), "Do not change code above the line");'
+  - text: <code>a</code> deve ter um valor de 7
+    testString: 'assert(typeof a === "number" && a === 7, "<code>a</code> should have a value of 7");'
+  - text: <code>b</code> deve ter um valor de 7
+    testString: 'assert(typeof b === "number" && b === 7, "<code>b</code> should have a value of 7");'
+  - text: <code>a</code> deve ser atribuído a <code>b</code> com <code>=</code>
+    testString: 'assert(/b\s*=\s*a\s*;/g.test(code), "<code>a</code> should be assigned to <code>b</code> with <code>=</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var a;
+var b = 2;
+
+// Only change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+if (typeof a != 'undefined') {
+  a = undefined;
+}
+if (typeof b != 'undefined') {
+  b = undefined;
+}
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.portuguese.md
new file mode 100644
index 0000000000..b2ed05a2df
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: cf1111c1c11feddfaeb4bdef
+title: Subtract One Number from Another with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Subtrair um número de outro com JavaScript
+---
+
+## Description
+<section id="description"> Nós também podemos subtrair um número de outro. JavaScript usa o símbolo <code>-</code> para subtração. <p> <strong>Exemplo</strong> </p><blockquote> myVar = 12 - 6; // atribuído 6 </blockquote></section>
+
+## Instructions
+<section id="instructions"> Altere <code>0</code> para que a diferença seja <code>12</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Faça a <code>difference</code> variável igual a 12.
+    testString: 'assert(difference === 12, "Make the variable <code>difference</code> equal 12.");'
+  - text: Apenas subtraia um número de 45.
+    testString: 'assert(/var\s*difference\s*=\s*45\s*-\s*[0-9]*;(?!\s*[a-zA-Z0-9]+)/.test(code),"Only subtract one number from 45.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var difference = 45 - 0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties.portuguese.md
new file mode 100644
index 0000000000..9fd1c4ddba
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties.portuguese.md
@@ -0,0 +1,67 @@
+---
+id: 567af2437cbaa8c51670a16c
+title: Testing Objects for Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: Testando Objetos para Propriedades
+---
+
+## Description
+<section id="description"> Às vezes é útil verificar se a propriedade de um determinado objeto existe ou não. Podemos usar o método de objetos <code>.hasOwnProperty(propname)</code> para determinar se esse objeto possui o nome da propriedade. <code>.hasOwnProperty()</code> retorna <code>true</code> ou <code>false</code> se a propriedade for encontrada ou não. <strong>Exemplo</strong> <blockquote> var myObj = { <br> cartola&quot;, <br> fundo: &quot;calça&quot; <br> }; <br> myObj.hasOwnProperty (&quot;top&quot;); // verdade <br> myObj.hasOwnProperty (&quot;middle&quot;); // false </blockquote></section>
+
+## Instructions
+<section id="instructions"> Modifique a função <code>checkObj</code> para testar <code>myObj</code> for <code>checkProp</code> . Se a propriedade for encontrada, retorne o valor dessa propriedade. Caso contrário, retorne <code>&quot;Not Found&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>checkObj(&quot;gift&quot;)</code> deve retornar <code>&quot;pony&quot;</code> .
+    testString: 'assert(checkObj("gift") === "pony", "<code>checkObj("gift")</code> should return  <code>"pony"</code>.");'
+  - text: <code>checkObj(&quot;pet&quot;)</code> deve retornar <code>&quot;kitten&quot;</code> .
+    testString: 'assert(checkObj("pet") === "kitten", "<code>checkObj("pet")</code> should return  <code>"kitten"</code>.");'
+  - text: <code>checkObj(&quot;house&quot;)</code> deve retornar <code>&quot;Not Found&quot;</code> .
+    testString: 'assert(checkObj("house") === "Not Found", "<code>checkObj("house")</code> should return  <code>"Not Found"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myObj = {
+  gift: "pony",
+  pet: "kitten",
+  bed: "sleigh"
+};
+
+function checkObj(checkProp) {
+  // Your Code Here
+
+  return "Change Me!";
+}
+
+// Test your code by modifying these values
+checkObj("gift");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/understand-string-immutability.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/understand-string-immutability.portuguese.md
new file mode 100644
index 0000000000..6bddbffaba
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/understand-string-immutability.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 56533eb9ac21ba0edf2244ba
+title: Understand String Immutability
+challengeType: 1
+videoUrl: ''
+localeTitle: Entenda a imutabilidade da corda
+---
+
+## Description
+<section id="description"> Em JavaScript, os valores <code>String</code> são <dfn>imutáveis</dfn> , o que significa que eles não podem ser alterados depois de criados. Por exemplo, o código a seguir: <blockquote> var myStr = &quot;Bob&quot;; <br> myStr [0] = &quot;J&quot;; </blockquote> não pode alterar o valor de <code>myStr</code> para &quot;Job&quot;, porque o conteúdo de <code>myStr</code> não pode ser alterado. Observe que isso <em>não</em> significa que <code>myStr</code> não possa ser alterado, apenas que os caracteres individuais de uma <dfn>string literal</dfn> não podem ser alterados. A única maneira de alterar <code>myStr</code> seria atribuí-lo com uma nova string, assim: <blockquote> var myStr = &quot;Bob&quot;; <br> myStr = &quot;Job&quot;; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Corrija a atribuição para <code>myStr</code> para que ela contenha o valor de string de <code>Hello World</code> usando a abordagem mostrada no exemplo acima. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myStr</code> deve ter um valor de <code>Hello World</code>
+    testString: 'assert(myStr === "Hello World", "<code>myStr</code> should have a value of <code>Hello World</code>");'
+  - text: Não mude o código acima da linha
+    testString: 'assert(/myStr = "Jello World"/.test(code), "Do not change the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myStr = "Jello World";
+
+// Only change code below this line
+
+myStr[0] = "H"; // Fix Me
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.portuguese.md
new file mode 100644
index 0000000000..736c11cdb0
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.portuguese.md
@@ -0,0 +1,66 @@
+---
+id: bd7123c9c441eddfaeb5bdef
+title: Understanding Boolean Values
+challengeType: 1
+videoUrl: ''
+localeTitle: Compreensão dos valores booleanos
+---
+
+## Description
+<section id="description"> Outro tipo de dados é o <dfn>booleano</dfn> . <code>Booleans</code> podem ser apenas um de dois valores: <code>true</code> ou <code>false</code> . Eles são basicamente pequenos comutadores on-off, em que <code>true</code> é &quot;on&quot; e <code>false</code> é &quot;off&quot;. Esses dois estados são mutuamente exclusivos. <strong>Nota</strong> <br> Valores <code>Boolean</code> nunca são escritos com aspas. As <code>strings</code> <code>&quot;true&quot;</code> e <code>&quot;false&quot;</code> não são <code>Boolean</code> e não têm significado especial em JavaScript. </section>
+
+## Instructions
+<section id="instructions"> Modifique a função <code>welcomeToBooleans</code> para que ela retorne <code>true</code> vez de <code>false</code> quando o botão de execução for clicado. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A função <code>welcomeToBooleans()</code> deve retornar um valor booleano (verdadeiro / falso).
+    testString: 'assert(typeof welcomeToBooleans() === "boolean", "The <code>welcomeToBooleans()</code> function should return a boolean &#40;true/false&#41; value.");'
+  - text: <code>welcomeToBooleans()</code> deve retornar true.
+    testString: 'assert(welcomeToBooleans() === true, "<code>welcomeToBooleans()</code> should return true.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function welcomeToBooleans() {
+
+// Only change code below this line.
+
+return false; // Change this line
+
+// Only change code above this line.
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables.portuguese.md
new file mode 100644
index 0000000000..107782498e
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables.portuguese.md
@@ -0,0 +1,67 @@
+---
+id: 56533eb9ac21ba0edf2244ab
+title: Understanding Case Sensitivity in Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: Entendendo a sensibilidade do caso em variáveis
+---
+
+## Description
+<section id="description"> Em JavaScript, todas as variáveis ​​e nomes de função diferenciam maiúsculas de minúsculas. Isso significa que a capitalização é importante. <code>MYVAR</code> não é o mesmo que <code>MyVar</code> nem <code>myvar</code> . É possível ter várias variáveis ​​distintas com o mesmo nome, mas diferentes invólucros. É altamente recomendável que, por motivos de clareza, você <em>não</em> use esse recurso de idioma. <h4> Melhor pratica </h4> Escreva nomes de variáveis ​​em JavaScript no <dfn>camelCase</dfn> . No <dfn>camelCase</dfn> , os nomes de variáveis ​​com várias palavras têm a primeira palavra em minúsculas e a primeira letra de cada palavra subsequente é maiúscula. <strong>Exemplos:</strong> <blockquote> var someVariable; <br> var anotherVariableName; <br> var thisVariableNameIsSoLong; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Modifique as declarações e atribuições existentes para que seus nomes usem o <dfn>camelCase</dfn> . <br> Não crie novas variáveis. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>studlyCapVar</code> é definido e tem um valor de <code>10</code>
+    testString: 'assert(typeof studlyCapVar !== "undefined" && studlyCapVar === 10, "<code>studlyCapVar</code> is defined and has a value of <code>10</code>");'
+  - text: <code>properCamelCase</code> é definido e tem um valor de <code>&quot;A String&quot;</code>
+    testString: 'assert(typeof properCamelCase !== "undefined" && properCamelCase === "A String", "<code>properCamelCase</code> is defined and has a value of <code>"A String"</code>");'
+  - text: <code>titleCaseOver</code> é definido e tem um valor de <code>9000</code>
+    testString: 'assert(typeof titleCaseOver !== "undefined" && titleCaseOver === 9000, "<code>titleCaseOver</code> is defined and has a value of <code>9000</code>");'
+  - text: <code>studlyCapVar</code> deve usar o camelCase nas seções de declaração e atribuição.
+    testString: 'assert(code.match(/studlyCapVar/g).length === 2, "<code>studlyCapVar</code> should use camelCase in both declaration and assignment sections.");'
+  - text: <code>properCamelCase</code> deve usar o camelCase nas seções de declaração e atribuição.
+    testString: 'assert(code.match(/properCamelCase/g).length === 2, "<code>properCamelCase</code> should use camelCase in both declaration and assignment sections.");'
+  - text: <code>titleCaseOver</code> deve usar o camelCase nas seções de declaração e atribuição.
+    testString: 'assert(code.match(/titleCaseOver/g).length === 2, "<code>titleCaseOver</code> should use camelCase in both declaration and assignment sections.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Declarations
+var StUdLyCapVaR;
+var properCamelCase;
+var TitleCaseOver;
+
+// Assignments
+STUDLYCAPVAR = 10;
+PRoperCAmelCAse = "A String";
+tITLEcASEoVER = 9000;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function.portuguese.md
new file mode 100644
index 0000000000..074f2d0a8f
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: 598e8944f009e646fc236146
+title: Understanding Undefined Value returned from a Function
+challengeType: 1
+videoUrl: ''
+localeTitle: Entendendo o valor indefinido retornado de uma função
+---
+
+## Description
+<section id="description"> Uma função pode incluir a declaração de <code>return</code> , mas não precisa. No caso de a função não ter uma instrução de <code>return</code> , quando você a chama, a função processa o código interno, mas o valor retornado é <code>undefined</code> . <strong>Exemplo</strong> <blockquote> var sum = 0; <br> function addSum (num) { <br> soma = soma + num; <br> } <br> var returnedValue = addSum (3); // sum será modificado, mas o valor retornado é indefinido </blockquote> <code>addSum</code> é uma função sem uma declaração de <code>return</code> . A função irá alterar a variável global <code>sum</code> mas o valor retornado da função é <code>undefined</code> </section>
+
+## Instructions
+<section id="instructions"> Crie uma função <code>addFive</code> sem nenhum argumento. Essa função adiciona 5 à variável <code>sum</code> , mas seu valor retornado é <code>undefined</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>addFive</code> deve ser uma função
+    testString: 'assert(typeof addFive === "function", "<code>addFive</code> should be a function");'
+  - text: <code>sum</code> deve ser igual a 8
+    testString: 'assert(sum === 8, "<code>sum</code> should be equal to 8");'
+  - text: Valor retornado de <code>addFive</code> deve ser <code>undefined</code>
+    testString: 'assert(addFive() === undefined, "Returned value from <code>addFive</code> should be <code>undefined</code>");'
+  - text: 'Dentro de suas funções, adicione 5 à variável <code>sum</code>'
+    testString: 'assert(code.match(/(sum\s*\=\s*sum\s*\+\s*5)|(sum\s*\+\=\s*5)/g).length === 1, "Inside of your functions, add 5 to the <code>sum</code> variable");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var sum = 0;
+function addThree() {
+  sum = sum + 3;
+}
+
+// Only change code below this line
+
+
+
+// Only change code above this line
+var returnedValue = addFive();
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables.portuguese.md
new file mode 100644
index 0000000000..5387f8a20c
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 56533eb9ac21ba0edf2244aa
+title: Understanding Uninitialized Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: Noções básicas sobre variáveis ​​não inicializadas
+---
+
+## Description
+<section id="description"> Quando variáveis ​​JavaScript são declaradas, elas possuem um valor inicial de <code>undefined</code> . Se você fizer uma operação matemática em uma variável <code>undefined</code> , seu resultado será <code>NaN</code> que significa <dfn>&quot;Não é um número&quot;</dfn> . Se você concatenar uma string com uma variável <code>undefined</code> , você receberá uma <dfn>string</dfn> literal de <code>&quot;undefined&quot;</code> . </section>
+
+## Instructions
+<section id="instructions"> Inicialize as três variáveis <code>a</code> , <code>b</code> e <code>c</code> com <code>5</code> , <code>10</code> e <code>&quot;I am a&quot;</code> respectivamente, para que elas não sejam <code>undefined</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>a</code> deve ser definido e avaliado para ter o valor de <code>6</code>
+    testString: 'assert(typeof a === "number" && a === 6, "<code>a</code> should be defined and evaluated to have the value of <code>6</code>");'
+  - text: <code>b</code> deve ser definido e avaliado para ter o valor de <code>15</code>
+    testString: 'assert(typeof b === "number" && b === 15, "<code>b</code> should be defined and evaluated to have the value of <code>15</code>");'
+  - text: <code>c</code> não deve conter <code>undefined</code> e deve ter um valor de &quot;I am a String!&quot;
+    testString: 'assert(!/undefined/.test(c) && c === "I am a String!", "<code>c</code> should not contain <code>undefined</code> and should have a value of "I am a String!"");'
+  - text: Não altere o código abaixo da linha
+    testString: 'assert(/a = a \+ 1;/.test(code) && /b = b \+ 5;/.test(code) && /c = c \+ " String!";/.test(code), "Do not change code below the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Initialize these three variables
+var a;
+var b;
+var c;
+
+// Do not change code below this line
+
+a = a + 1;
+b = b + 5;
+c = c + " String!";
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties.portuguese.md
new file mode 100644
index 0000000000..a1ace0a310
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties.portuguese.md
@@ -0,0 +1,77 @@
+---
+id: 56bbb991ad1ed5201cd392d1
+title: Updating Object Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: Atualizando Propriedades do Objeto
+---
+
+## Description
+<section id="description"> Depois de criar um objeto JavaScript, você poderá atualizar suas propriedades a qualquer momento, da mesma forma que atualizaria qualquer outra variável. Você pode usar a notação de pontos ou colchetes para atualizar. Por exemplo, vamos dar uma olhada no <code>ourDog</code> : <blockquote> var ourDog = { <br> &quot;nome&quot;: &quot;Camper&quot;, <br> &quot;pernas&quot;: 4, <br> &quot;coroa&quot;: 1, <br> &quot;amigos&quot;: [&quot;tudo!&quot;] <br> }; </blockquote> Desde que ele é um cão particularmente feliz, vamos mudar seu nome para &quot;Happy Camper&quot;. Aqui está como nós atualizamos a propriedade do nome do objeto: <code>ourDog.name = &quot;Happy Camper&quot;;</code> or <code>ourDog[&quot;name&quot;] = &quot;Happy Camper&quot;;</code> Agora, quando avaliamos <code>ourDog.name</code> , em vez de obter &quot;Camper&quot;, obteremos seu novo nome, &quot;Happy Camper&quot;. </section>
+
+## Instructions
+<section id="instructions"> Atualize a <code>myDog</code> do nome do objeto <code>myDog</code> . Vamos mudar o nome dela de &quot;Coder&quot; para &quot;Happy Coder&quot;. Você pode usar a notação de pontos ou colchetes. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Atualize a <code>myDog</code> <code>&quot;name&quot;</code> do <code>myDog</code> para igualar &quot;Happy Coder&quot;.
+    testString: 'assert(/happy coder/gi.test(myDog.name), "Update <code>myDog</code>&apos;s <code>"name"</code> property to equal "Happy Coder".");'
+  - text: Não edite a definição <code>myDog</code>
+    testString: 'assert(/"name": "Coder"/.test(code), "Do not edit the <code>myDog</code> definition");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"]
+};
+
+ourDog.name = "Happy Camper";
+
+// Setup
+var myDog = {
+  "name": "Coder",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["freeCodeCamp Campers"]
+};
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-first-character-in-a-string.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-first-character-in-a-string.portuguese.md
new file mode 100644
index 0000000000..0987169432
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-first-character-in-a-string.portuguese.md
@@ -0,0 +1,70 @@
+---
+id: bd7123c9c549eddfaeb5bdef
+title: Use Bracket Notation to Find the First Character in a String
+challengeType: 1
+videoUrl: ''
+localeTitle: Use a notação de suporte para localizar o primeiro caractere em uma seqüência de caracteres
+---
+
+## Description
+<section id="description"> <code>Bracket notation</code> é uma maneira de obter um caractere em um <code>index</code> específico em uma cadeia de caracteres. A maioria das linguagens de programação modernas, como o JavaScript, não começa a contar como um ser humano. Eles começam em 0. Isso é chamado de indexação <dfn>baseada</dfn> em <dfn>zero</dfn> . Por exemplo, o caractere no índice 0 na palavra &quot;Charles&quot; é &quot;C&quot;. Então, se <code>var firstName = &quot;Charles&quot;</code> , você pode obter o valor da primeira letra da string usando <code>firstName[0]</code> . </section>
+
+## Instructions
+<section id="instructions"> Use a <dfn>notação de colchetes</dfn> para localizar o primeiro caractere na variável <code>lastName</code> e atribuí-lo a <code>firstLetterOfLastName</code> . <strong>Sugestão</strong> <br> Tente observar a declaração da variável <code>firstLetterOfFirstName</code> se você ficar preso. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A variável <code>firstLetterOfLastName</code> deve ter o valor de <code>L</code>
+    testString: 'assert(firstLetterOfLastName === "L", "The <code>firstLetterOfLastName</code> variable should have the value of <code>L</code>.");'
+  - text: Você deve usar a notação de colchetes.
+    testString: 'assert(code.match(/firstLetterOfLastName\s*?=\s*?lastName\[.*?\]/), "You should use bracket notation.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstLetterOfFirstName = "";
+var firstName = "Ada";
+
+firstLetterOfFirstName = firstName[0];
+
+// Setup
+var firstLetterOfLastName = "";
+var lastName = "Lovelace";
+
+// Only change code below this line
+firstLetterOfLastName = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-last-character-in-a-string.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-last-character-in-a-string.portuguese.md
new file mode 100644
index 0000000000..8c2374c349
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-last-character-in-a-string.portuguese.md
@@ -0,0 +1,67 @@
+---
+id: bd7123c9c451eddfaeb5bdef
+title: Use Bracket Notation to Find the Last Character in a String
+challengeType: 1
+videoUrl: ''
+localeTitle: Use a notação de suporte para localizar o último caractere em uma string
+---
+
+## Description
+<section id="description"> Para obter a última letra de uma string, você pode subtrair uma da extensão da string. Por exemplo, se <code>var firstName = &quot;Charles&quot;</code> , você pode obter o valor da última letra da string usando <code>firstName[firstName.length - 1]</code> . </section>
+
+## Instructions
+<section id="instructions"> Use a <dfn>notação de colchetes</dfn> para encontrar o último caractere na variável <code>lastName</code> . <strong>Sugestão</strong> <br> Tente ver a declaração da variável <code>lastLetterOfFirstName</code> se você ficar preso. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>lastLetterOfLastName</code> deve ser &quot;e&quot;.
+    testString: 'assert(lastLetterOfLastName === "e", "<code>lastLetterOfLastName</code> should be "e".");'
+  - text: Você tem que usar o <code>.length</code> para obter a última letra.
+    testString: 'assert(code.match(/\.length/g).length === 2, "You have to use <code>.length</code> to get the last letter.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstName = "Ada";
+var lastLetterOfFirstName = firstName[firstName.length - 1];
+
+// Setup
+var lastName = "Lovelace";
+
+// Only change code below this line.
+var lastLetterOfLastName = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-character-in-a-string.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-character-in-a-string.portuguese.md
new file mode 100644
index 0000000000..b42aeb7beb
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-character-in-a-string.portuguese.md
@@ -0,0 +1,67 @@
+---
+id: bd7123c9c450eddfaeb5bdef
+title: Use Bracket Notation to Find the Nth Character in a String
+challengeType: 1
+videoUrl: ''
+localeTitle: Use a notação de suporte para localizar o caractere Nth em uma seqüência de caracteres
+---
+
+## Description
+<section id="description"> Você também pode usar a <dfn>notação de colchetes</dfn> para obter o caractere em outras posições dentro de uma string. Lembre-se de que os computadores começam a contar a <code>0</code> , portanto, o primeiro caractere é, na verdade, o caractere zeroth. </section>
+
+## Instructions
+<section id="instructions"> Vamos tentar definir <code>thirdLetterOfLastName</code> para igualar a terceira letra da variável <code>lastName</code> usando a notação de colchetes. <strong>Sugestão</strong> <br> Tente observar a declaração da variável <code>secondLetterOfFirstName</code> se você ficar preso. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A variável <code>thirdLetterOfLastName</code> deve ter o valor de <code>v</code> .
+    testString: 'assert(thirdLetterOfLastName === "v", "The <code>thirdLetterOfLastName</code> variable should have the value of <code>v</code>.");'
+  - text: Você deve usar a notação de colchetes.
+    testString: 'assert(code.match(/thirdLetterOfLastName\s*?=\s*?lastName\[.*?\]/), "You should use bracket notation.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstName = "Ada";
+var secondLetterOfFirstName = firstName[1];
+
+// Setup
+var lastName = "Lovelace";
+
+// Only change code below this line.
+var thirdLetterOfLastName = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-to-last-character-in-a-string.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-to-last-character-in-a-string.portuguese.md
new file mode 100644
index 0000000000..bc36d2613e
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-to-last-character-in-a-string.portuguese.md
@@ -0,0 +1,67 @@
+---
+id: bd7123c9c452eddfaeb5bdef
+title: Use Bracket Notation to Find the Nth-to-Last Character in a String
+challengeType: 1
+videoUrl: ''
+localeTitle: Use a notação de suporte para localizar o caractere N-para-último em uma seqüência de caracteres
+---
+
+## Description
+<section id="description"> Você pode usar o mesmo princípio que acabamos de usar para recuperar o último caractere em uma string para recuperar o caractere de enésima a última. Por exemplo, você pode obter o valor da terceira para a última letra da string <code>var firstName = &quot;Charles&quot;</code> usando <code>firstName[firstName.length - 3]</code> </section>
+
+## Instructions
+<section id="instructions"> Use a <dfn>notação de colchetes</dfn> para localizar o penúltimo caractere na string <code>lastName</code> . <strong>Sugestão</strong> <br> Tente observar a declaração da variável <code>thirdToLastLetterOfFirstName</code> se você ficar preso. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>secondToLastLetterOfLastName</code> deve ser &quot;c&quot;.
+    testString: 'assert(secondToLastLetterOfLastName === "c", "<code>secondToLastLetterOfLastName</code> should be "c".");'
+  - text: Você tem que usar o <code>.length</code> para obter a segunda última letra.
+    testString: 'assert(code.match(/\.length/g).length === 2, "You have to use <code>.length</code> to get the second last letter.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstName = "Ada";
+var thirdToLastLetterOfFirstName = firstName[firstName.length - 3];
+
+// Setup
+var lastName = "Lovelace";
+
+// Only change code below this line
+var secondToLastLetterOfLastName = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements.portuguese.md
new file mode 100644
index 0000000000..f17b3e342b
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements.portuguese.md
@@ -0,0 +1,77 @@
+---
+id: cf1111c1c12feddfaeb3bdef
+title: Use Conditional Logic with If Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: Use Lógica Condicional com Declarações If
+---
+
+## Description
+<section id="description"> <code>If</code> instruções são usadas para tomar decisões no código. A palavra-chave <code>if</code> diz ao JavaScript para executar o código nas chaves em determinadas condições, definidas entre parênteses. Essas condições são conhecidas como condições <code>Boolean</code> e podem ser <code>true</code> ou <code>false</code> . Quando a condição é avaliada como <code>true</code> , o programa executa a instrução dentro das chaves. Quando a condição booleana é avaliada como <code>false</code> , a instrução dentro das chaves não será executada. <strong>Pseudo-código</strong> <blockquote> if ( <i>condição é verdadeira</i> ) { <br> <i>instrução é executada</i> <br> } </blockquote> <strong>Exemplo</strong> <blockquote> teste de função (myCondition) { <br> if (myCondition) { <br> return &quot;Foi verdade&quot;; <br> } <br> return &quot;Foi falso&quot;; <br> } <br> teste (verdadeiro); // retorna &quot;Foi verdade&quot; <br> teste (falso); // retorna &quot;foi falso&quot; </blockquote> Quando o <code>test</code> é chamado com um valor <code>true</code> , a instrução <code>if</code> avalia <code>myCondition</code> para ver se é <code>true</code> ou não. Como é <code>true</code> , a função retorna <code>&quot;It was true&quot;</code> . Quando chamamos <code>test</code> com um valor <code>false</code> , <code>myCondition</code> <em>não</em> é <code>true</code> e a instrução nas chaves não é executada e a função retorna <code>&quot;It was false&quot;</code> is <code>&quot;It was false&quot;</code> . </section>
+
+## Instructions
+<section id="instructions"> Crie uma declaração <code>if</code> dentro da função para retornar <code>&quot;Yes, that was true&quot;</code> se o parâmetro <code>wasThatTrue</code> for <code>true</code> e retornar <code>&quot;No, that was false&quot;</code> caso contrário. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>trueOrFalse</code> deve ser uma função
+    testString: 'assert(typeof trueOrFalse === "function", "<code>trueOrFalse</code> should be a function");'
+  - text: <code>trueOrFalse(true)</code> deve retornar uma string
+    testString: 'assert(typeof trueOrFalse(true) === "string", "<code>trueOrFalse(true)</code> should return a string");'
+  - text: <code>trueOrFalse(false)</code> deve retornar uma string
+    testString: 'assert(typeof trueOrFalse(false) === "string", "<code>trueOrFalse(false)</code> should return a string");'
+  - text: '<code>trueOrFalse(true)</code> deve retornar &quot;Sim, isso era verdade&quot;'
+    testString: 'assert(trueOrFalse(true) === "Yes, that was true", "<code>trueOrFalse(true)</code> should return "Yes, that was true"");'
+  - text: '<code>trueOrFalse(false)</code> deve retornar &quot;Não, isso foi falso&quot;'
+    testString: 'assert(trueOrFalse(false) === "No, that was false", "<code>trueOrFalse(false)</code> should return "No, that was false"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function ourTrueOrFalse(isItTrue) {
+  if (isItTrue) {
+    return "Yes, it's true";
+  }
+  return "No, it's false";
+}
+
+// Setup
+function trueOrFalse(wasThatTrue) {
+
+  // Only change code below this line.
+
+
+
+  // Only change code above this line.
+
+}
+
+// Change this value to test
+trueOrFalse(true);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-multiple-conditional-ternary-operators.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-multiple-conditional-ternary-operators.portuguese.md
new file mode 100644
index 0000000000..941bfab235
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-multiple-conditional-ternary-operators.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 587d7b7e367417b2b2512b21
+title: Use Multiple Conditional (Ternary) Operators
+challengeType: 1
+videoUrl: ''
+localeTitle: Use vários operadores condicionais (ternários)
+---
+
+## Description
+<section id="description"> No desafio anterior, você usou um único <code>conditional operator</code> . Você também pode encadeá-los para verificar várias condições. A função a seguir usa if, else if e else para verificar várias condições: <blockquote> function findGreaterOrEqual (a, b) { <br> if (a === b) { <br> return &quot;aeb são iguais&quot;; <br> } <br> mais se (a&gt; b) { <br> return &quot;a é maior&quot;; <br> } <br> outro { <br> return &quot;b é maior&quot;; <br> } <br> } </blockquote> A função acima pode ser reescrita usando múltiplos <code>conditional operators</code> : <blockquote> function findGreaterOrEqual (a, b) { <br> retorno (a == b)? &quot;aeb são iguais&quot;: (a&gt; b)? &quot;a é maior&quot;: &quot;b é maior&quot;; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Use vários <code>conditional operators</code> na função <code>checkSign</code> para verificar se um número é positivo, negativo ou zero. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>checkSign</code> deve usar vários <code>conditional operators</code>
+    testString: 'assert(/.+?\s*?\?\s*?.+?\s*?:\s*?.+?\s*?\?\s*?.+?\s*?:\s*?.+?/gi.test(code), "<code>checkSign</code> should use multiple <code>conditional operators</code>");'
+  - text: <code>checkSign(10)</code> deve retornar &quot;positivo&quot;. Observe que a capitalização é importante
+    testString: 'assert(checkSign(10) === "positive", "<code>checkSign(10)</code> should return "positive". Note that capitalization matters");'
+  - text: <code>checkSign(-12)</code> deve retornar &quot;negativo&quot;. Observe que a capitalização é importante
+    testString: 'assert(checkSign(-12) === "negative", "<code>checkSign(-12)</code> should return "negative". Note that capitalization matters");'
+  - text: <code>checkSign(0)</code> deve retornar &quot;zero&quot;. Observe que a capitalização é importante
+    testString: 'assert(checkSign(0) === "zero", "<code>checkSign(0)</code> should return "zero". Note that capitalization matters");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSign(num) {
+
+}
+
+checkSign(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-conditional-ternary-operator.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-conditional-ternary-operator.portuguese.md
new file mode 100644
index 0000000000..d96c16e899
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-conditional-ternary-operator.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 587d7b7e367417b2b2512b24
+title: Use the Conditional (Ternary) Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Use o operador condicional (ternário)
+---
+
+## Description
+<section id="description"> O <dfn>operador condicional</dfn> , também chamado de <dfn>operador ternário</dfn> , pode ser usado como uma expressão if-else de uma linha. A sintaxe é: <code>condition ? statement-if-true : statement-if-false;</code> A função a seguir usa uma instrução if-else para verificar uma condição: <blockquote> function findGreater (a, b) { <br> if (a&gt; b) { <br> return &quot;a é maior&quot;; <br> } <br> outro { <br> return &quot;b é maior&quot;; <br> } <br> } </blockquote> Isso pode ser reescrito usando o <code>conditional operator</code> : <blockquote> function findGreater (a, b) { <br> devolve a&gt; b? &quot;a é maior&quot;: &quot;b é maior&quot;; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Use o <code>conditional operator</code> na função <code>checkEqual</code> para verificar se dois números são iguais ou não. A função deve retornar true ou false. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>checkEqual</code> deve usar o <code>conditional operator</code>
+    testString: 'assert(/.+?\s*?\?\s*?.+?\s*?:\s*?.+?/gi.test(code), "<code>checkEqual</code> should use the <code>conditional operator</code>");'
+  - text: '<code>checkEqual(1, 2)</code> deve retornar false'
+    testString: 'assert(checkEqual(1, 2) === false, "<code>checkEqual(1, 2)</code> should return false");'
+  - text: '<code>checkEqual(1, 1)</code> deve retornar true'
+    testString: 'assert(checkEqual(1, 1) === true, "<code>checkEqual(1, 1)</code> should return true");'
+  - text: '<code>checkEqual(1, -1)</code> deve retornar false'
+    testString: 'assert(checkEqual(1, -1) === false, "<code>checkEqual(1, -1)</code> should return false");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkEqual(a, b) {
+
+}
+
+checkEqual(1, 2);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function-with-a-radix.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function-with-a-radix.portuguese.md
new file mode 100644
index 0000000000..681c684fe9
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function-with-a-radix.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b7e367417b2b2512b22
+title: Use the parseInt Function with a Radix
+challengeType: 1
+videoUrl: ''
+localeTitle: Use a função parseInt com uma base
+---
+
+## Description
+<section id="description"> A função <code>parseInt()</code> analisa uma string e retorna um inteiro. É preciso um segundo argumento para o radix, que especifica a base do número na string. O radix pode ser um inteiro entre 2 e 36. A chamada de função se parece com: <code>parseInt(string, radix);</code> E aqui está um exemplo: <code>var a = parseInt(&quot;11&quot;, 2);</code> A variável radix diz que &quot;11&quot; está no sistema binário, ou base 2. Este exemplo converte a string &quot;11&quot; em um inteiro 3. </section>
+
+## Instructions
+<section id="instructions"> Use <code>parseInt()</code> na função <code>convertToInteger</code> para converter um número binário em um inteiro e <code>convertToInteger</code> -lo. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>convertToInteger</code> deve usar a função <code>parseInt()</code>
+    testString: 'assert(/parseInt/g.test(code), "<code>convertToInteger</code> should use the <code>parseInt()</code> function");'
+  - text: <code>convertToInteger(&quot;10011&quot;)</code> deve retornar um número
+    testString: 'assert(typeof(convertToInteger("10011")) === "number", "<code>convertToInteger("10011")</code> should return a number");'
+  - text: <code>convertToInteger(&quot;10011&quot;)</code> deve retornar 19
+    testString: 'assert(convertToInteger("10011") === 19, "<code>convertToInteger("10011")</code> should return 19");'
+  - text: <code>convertToInteger(&quot;111001&quot;)</code> deve retornar 57
+    testString: 'assert(convertToInteger("111001") === 57, "<code>convertToInteger("111001")</code> should return 57");'
+  - text: <code>convertToInteger(&quot;JamesBond&quot;)</code> deve retornar NaN
+    testString: 'assert.isNaN(convertToInteger("JamesBond"), "<code>convertToInteger("JamesBond")</code> should return NaN");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertToInteger(str) {
+
+}
+
+convertToInteger("10011");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function.portuguese.md
new file mode 100644
index 0000000000..ab77c3bb39
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b7e367417b2b2512b23
+title: Use the parseInt Function
+challengeType: 1
+videoUrl: ''
+localeTitle: Use a função parseInt
+---
+
+## Description
+<section id="description"> A função <code>parseInt()</code> analisa uma string e retorna um inteiro. Aqui está um exemplo: <code>var a = parseInt(&quot;007&quot;);</code> A função acima converte a string &quot;007&quot; em um inteiro 7. Se o primeiro caractere da string não puder ser convertido em um número, ele retornará <code>NaN</code> . </section>
+
+## Instructions
+<section id="instructions"> Use <code>parseInt()</code> na função <code>convertToInteger</code> para converter a string de entrada <code>str</code> em um inteiro e retorná-lo. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>convertToInteger</code> deve usar a função <code>parseInt()</code>
+    testString: 'assert(/parseInt/g.test(code), "<code>convertToInteger</code> should use the <code>parseInt()</code> function");'
+  - text: <code>convertToInteger(&quot;56&quot;)</code> deve retornar um número
+    testString: 'assert(typeof(convertToInteger("56")) === "number", "<code>convertToInteger("56")</code> should return a number");'
+  - text: <code>convertToInteger(&quot;56&quot;)</code> deve retornar 56
+    testString: 'assert(convertToInteger("56") === 56, "<code>convertToInteger("56")</code> should return 56");'
+  - text: <code>convertToInteger(&quot;77&quot;)</code> deve retornar 77
+    testString: 'assert(convertToInteger("77") === 77, "<code>convertToInteger("77")</code> should return 77");'
+  - text: <code>convertToInteger(&quot;JamesBond&quot;)</code> deve retornar NaN
+    testString: 'assert.isNaN(convertToInteger("JamesBond"), "<code>convertToInteger("JamesBond")</code> should return NaN");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertToInteger(str) {
+
+}
+
+convertToInteger("56");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups.portuguese.md
new file mode 100644
index 0000000000..c6d8f8182e
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups.portuguese.md
@@ -0,0 +1,95 @@
+---
+id: 56533eb9ac21ba0edf2244ca
+title: Using Objects for Lookups
+challengeType: 1
+videoUrl: ''
+localeTitle: Usando objetos para pesquisas
+---
+
+## Description
+<section id="description"> Objetos podem ser considerados como armazenamento de chave / valor, como um dicionário. Se você tiver dados tabulares, poderá usar um objeto para &quot;pesquisar&quot; valores em vez de uma instrução <code>switch</code> ou uma cadeia <code>if/else</code> . Isso é mais útil quando você sabe que seus dados de entrada estão limitados a um determinado intervalo. Aqui está um exemplo de uma pesquisa simples de alfabeto reverso: <blockquote> var alpha = { <br> 1: &quot;Z&quot;, <br> 2: &quot;Y&quot;, <br> 3: &quot;X&quot;, <br> 4: &quot;W&quot;, <br> ... <br> 24: &quot;C&quot;, <br> 25: &quot;B&quot;, <br> 26: &quot;A&quot; <br> }; <br> alfa [2]; // &quot;Y&quot; <br> alfa [24]; // &quot;C&quot; <br><br> valor var = 2; <br> alfa [valor]; // &quot;Y&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Converta a instrução switch em um objeto chamado <code>lookup</code> . Use-o para procurar <code>val</code> e atribuir a string associada à variável de <code>result</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>phoneticLookup(&quot;alpha&quot;)</code> deve ser igual a <code>&quot;Adams&quot;</code>
+    testString: 'assert(phoneticLookup("alpha") === "Adams", "<code>phoneticLookup("alpha")</code> should equal <code>"Adams"</code>");'
+  - text: <code>phoneticLookup(&quot;bravo&quot;)</code> deve ser igual a <code>&quot;Boston&quot;</code>
+    testString: 'assert(phoneticLookup("bravo") === "Boston", "<code>phoneticLookup("bravo")</code> should equal <code>"Boston"</code>");'
+  - text: <code>phoneticLookup(&quot;charlie&quot;)</code> deve ser igual a <code>&quot;Chicago&quot;</code>
+    testString: 'assert(phoneticLookup("charlie") === "Chicago", "<code>phoneticLookup("charlie")</code> should equal <code>"Chicago"</code>");'
+  - text: <code>phoneticLookup(&quot;delta&quot;)</code> deve ser igual a <code>&quot;Denver&quot;</code>
+    testString: 'assert(phoneticLookup("delta") === "Denver", "<code>phoneticLookup("delta")</code> should equal <code>"Denver"</code>");'
+  - text: <code>phoneticLookup(&quot;echo&quot;)</code> deve ser igual a <code>&quot;Easy&quot;</code>
+    testString: 'assert(phoneticLookup("echo") === "Easy", "<code>phoneticLookup("echo")</code> should equal <code>"Easy"</code>");'
+  - text: <code>phoneticLookup(&quot;foxtrot&quot;)</code> deve ser igual a <code>&quot;Frank&quot;</code>
+    testString: 'assert(phoneticLookup("foxtrot") === "Frank", "<code>phoneticLookup("foxtrot")</code> should equal <code>"Frank"</code>");'
+  - text: <code>phoneticLookup(&quot;&quot;)</code> deve ser igual a <code>undefined</code>
+    testString: 'assert(typeof phoneticLookup("") === "undefined", "<code>phoneticLookup("")</code> should equal <code>undefined</code>");'
+  - text: Você não deve modificar a declaração de <code>return</code>
+    testString: 'assert(code.match(/return\sresult;/), "You should not modify the <code>return</code> statement");'
+  - text: 'Você não deve usar instruções <code>case</code> , <code>switch</code> ou <code>if</code>'
+    testString: 'assert(!/case|switch|if/g.test(code.replace(/([/]{2}.*)|([/][*][^/*]*[*][/])/g,"")), "You should not use <code>case</code>, <code>switch</code>, or <code>if</code> statements"); '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function phoneticLookup(val) {
+  var result = "";
+
+  // Only change code below this line
+  switch(val) {
+    case "alpha":
+      result = "Adams";
+      break;
+    case "bravo":
+      result = "Boston";
+      break;
+    case "charlie":
+      result = "Chicago";
+      break;
+    case "delta":
+      result = "Denver";
+      break;
+    case "echo":
+      result = "Easy";
+      break;
+    case "foxtrot":
+      result = "Frank";
+  }
+
+  // Only change code above this line
+  return result;
+}
+
+// Change this value to test
+phoneticLookup("charlie");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/word-blanks.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/word-blanks.portuguese.md
new file mode 100644
index 0000000000..1596c07170
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/word-blanks.portuguese.md
@@ -0,0 +1,70 @@
+---
+id: 56533eb9ac21ba0edf2244bb
+title: Word Blanks
+challengeType: 1
+videoUrl: ''
+localeTitle: Blanks da palavra
+---
+
+## Description
+<section id="description"> Agora usaremos nosso conhecimento de strings para criar um jogo de palavras estilo &quot; <a href="https://en.wikipedia.org/wiki/Mad_Libs" target="_blank">Mad Libs</a> &quot; que estamos chamando de &quot;Word Blanks&quot;. Você criará uma frase &quot;Preencha os espaços em branco&quot; (opcionalmente engraçada). Em um jogo &quot;Mad Libs&quot;, você recebe frases com algumas palavras ausentes, como substantivos, verbos, adjetivos e advérbios. Você então preenche as partes que faltam com palavras de sua escolha de uma forma que a sentença completa faça sentido. Considere esta frase - &quot;Foi realmente <strong>____</strong> , e nós <strong>____</strong> nós mesmos <strong>____</strong> &quot;. Esta frase tem três partes faltando - um adjetivo, um verbo e um advérbio, e podemos adicionar palavras de nossa escolha para completá-lo. Podemos então atribuir a frase completa a uma variável da seguinte forma: <blockquote> var sentença = &quot;Foi realmente&quot; + &quot;quente&quot; + &quot;, e nós&quot; + &quot;rimos&quot; + &quot;nós mesmos&quot; + &quot;bobos.&quot;; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Neste desafio, fornecemos a você um substantivo, um verbo, um adjetivo e um advérbio. Você precisa formar uma frase completa usando palavras de sua escolha, juntamente com as palavras que fornecemos. Você precisará usar o operador de concatenação de strings <code>+</code> para construir uma nova string, usando as variáveis ​​fornecidas: <code>myNoun</code> , <code>myAdjective</code> , <code>myVerb</code> e <code>myAdverb</code> . Você então atribuirá a string formada à variável de <code>result</code> . Você também precisará considerar espaços em sua string, para que a frase final tenha espaços entre todas as palavras. O resultado deve ser uma frase completa. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>wordBlanks(&quot;&quot;,&quot;&quot;,&quot;&quot;,&quot;&quot;)</code> deve retornar uma string.'
+    testString: 'assert(typeof wordBlanks("","","","") === "string", "<code>wordBlanks("","","","")</code> should return a string.");'
+  - text: '<code>wordBlanks(&quot;dog&quot;, &quot;big&quot;, &quot;ran&quot;, &quot;quickly&quot;)</code> deve conter todas as palavras passadas separadas por caracteres que não sejam palavras (e quaisquer palavras adicionais em seu madlib).'
+    testString: 'assert(/\bdog\b/.test(test1) && /\bbig\b/.test(test1) && /\bran\b/.test(test1) && /\bquickly\b/.test(test1),"<code>wordBlanks("dog", "big", "ran", "quickly")</code> should contain all of the passed in words separated by non-word characters (and any additional words in your madlib).");'
+  - text: '<code>wordBlanks(&quot;cat&quot;, &quot;little&quot;, &quot;hit&quot;, &quot;slowly&quot;)</code> deve conter todas as palavras passadas separadas por caracteres que não sejam palavras (e quaisquer palavras adicionais em seu madlib).'
+    testString: 'assert(/\bcat\b/.test(test2) && /\blittle\b/.test(test2) && /\bhit\b/.test(test2) && /\bslowly\b/.test(test2),"<code>wordBlanks("cat", "little", "hit", "slowly")</code> should contain all of the passed in words separated by non-word characters (and any additional words in your madlib).");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function wordBlanks(myNoun, myAdjective, myVerb, myAdverb) {
+  // Your code below this line
+  var result = "";
+
+  // Your code above this line
+  return result;
+}
+
+// Change the words here to test your function
+wordBlanks("dog", "big", "ran", "quickly");
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions.portuguese.md
new file mode 100644
index 0000000000..3aa44e9a3d
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions.portuguese.md
@@ -0,0 +1,96 @@
+---
+id: 56bbb991ad1ed5201cd392cf
+title: Write Reusable JavaScript with Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Escreva JavaScript reutilizável com funções
+---
+
+## Description
+<section id="description"> Em JavaScript, podemos dividir nosso código em partes reutilizáveis ​​chamadas <dfn>funções</dfn> . Aqui está um exemplo de uma função: <blockquote> function functionName () { <br> console.log (&quot;Hello World&quot;); <br> } </blockquote> Você pode chamar ou <dfn>invocar</dfn> esta função usando seu nome seguido de parênteses, assim: <code>functionName();</code> Cada vez que a função é chamada, ela imprimirá a mensagem <code>&quot;Hello World&quot;</code> no console de desenvolvimento. Todo o código entre as chaves será executado toda vez que a função for chamada. </section>
+
+## Instructions
+<section id="instructions"><ol><li> Crie uma função chamada <code>reusableFunction</code> que imprima <code>&quot;Hi World&quot;</code> no console dev. </li><li> Chame a função. </li></ol></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>reusableFunction</code> deve ser uma função
+    testString: 'assert(typeof reusableFunction === "function", "<code>reusableFunction</code> should be a function");'
+  - text: <code>reusableFunction</code> deve mostrar &quot;Hi World&quot; para o console dev
+    testString: 'assert("Hi World" === logOutput, "<code>reusableFunction</code> should output "Hi World" to the dev console");'
+  - text: Chame <code>reusableFunction</code> depois de defini-lo
+    testString: 'assert(/^\s*reusableFunction\(\)\s*;/m.test(code), "Call <code>reusableFunction</code> after you define it");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function ourReusableFunction() {
+  console.log("Heyya, World");
+}
+
+ourReusableFunction();
+
+// Only change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = "";
+var originalConsole = console
+function capture() {
+    var nativeLog = console.log;
+    console.log = function (message) {
+        if(message && message.trim) logOutput = message.trim();
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-arguments-passed-in-the-wrong-order-when-calling-a-function.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-arguments-passed-in-the-wrong-order-when-calling-a-function.portuguese.md
new file mode 100644
index 0000000000..1e4a814b06
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-arguments-passed-in-the-wrong-order-when-calling-a-function.portuguese.md
@@ -0,0 +1,58 @@
+---
+id: 587d7b85367417b2b2512b3a
+title: Catch Arguments Passed in the Wrong Order When Calling a Function
+challengeType: 1
+videoUrl: ''
+localeTitle: Argumentos de captura passados ​​na ordem errada ao chamar uma função
+---
+
+## Description
+<section id="description"> Continuando a discussão sobre as funções de chamada, o próximo bug a ser observado é quando os argumentos de uma função são fornecidos na ordem incorreta. Se os argumentos forem tipos diferentes, como uma função esperando uma matriz e um inteiro, isso provavelmente causará um erro de tempo de execução. Se os argumentos forem do mesmo tipo (todos os inteiros, por exemplo), a lógica do código não fará sentido. Certifique-se de fornecer todos os argumentos necessários, na ordem correta, para evitar esses problemas. </section>
+
+## Instructions
+<section id="instructions"> A função <code>raiseToPower</code> gera uma base para um expoente. Infelizmente, ele não é chamado corretamente - corrija o código para que o valor da <code>power</code> seja o esperado 8. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Seu código deve fixar a <code>power</code> variável de modo que seja igual a 2 elevado à 3ª potência, e não 3 elevado à 2ª potência.'
+    testString: 'assert(power == 8, "Your code should fix the variable <code>power</code> so it equals 2 raised to the 3rd power, not 3 raised to the 2nd power.");'
+  - text: Seu código deve usar a ordem correta dos argumentos para a chamada de função <code>raiseToPower</code> .
+    testString: 'assert(code.match(/raiseToPower\(\s*?base\s*?,\s*?exp\s*?\);/g), "Your code should use the correct order of the arguments for the <code>raiseToPower</code> function call.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function raiseToPower(b, e) {
+  return Math.pow(b, e);
+}
+
+let base = 2;
+let exp = 3;
+let power = raiseToPower(exp, base);
+console.log(power);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-missing-open-and-closing-parenthesis-after-a-function-call.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-missing-open-and-closing-parenthesis-after-a-function-call.portuguese.md
new file mode 100644
index 0000000000..a566b90348
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-missing-open-and-closing-parenthesis-after-a-function-call.portuguese.md
@@ -0,0 +1,58 @@
+---
+id: 587d7b85367417b2b2512b39
+title: Catch Missing Open and Closing Parenthesis After a Function Call
+challengeType: 1
+videoUrl: ''
+localeTitle: Pegar falta abrir e fechar parêntese após uma chamada de função
+---
+
+## Description
+<section id="description"> Quando uma função ou método não aceita nenhum argumento, você pode esquecer de incluir os parênteses de abertura e fechamento (vazios) ao chamá-lo. Muitas vezes o resultado de uma chamada de função é salvo em uma variável para outro uso em seu código. Esse erro pode ser detectado registrando-se valores de variáveis ​​(ou seus tipos) no console e vendo que um está configurado para uma referência de função, em vez do valor esperado que a função retorna. As variáveis ​​no exemplo a seguir são diferentes: <blockquote> function myFunction () { <br> retorno &quot;Você balança!&quot;; <br> } <br> vamos varOne = myFunction; // configurado para igualar uma função <br> deixe varTwo = myFunction (); // configurado para igualar a string &quot;You rock!&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Corrija o código para que o <code>result</code> da variável seja definido para o valor retornado da chamada da função <code>getNine</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Seu código deve corrigir o <code>result</code> da variável, de modo que seja configurado para o número que a função <code>getNine</code> retorna.'
+    testString: 'assert(result == 9, "Your code should fix the variable <code>result</code> so it is set to the number that the function <code>getNine</code> returns.");'
+  - text: Seu código deve chamar a função <code>getNine</code> .
+    testString: 'assert(code.match(/getNine\(\)/g).length == 2, "Your code should call the <code>getNine</code> function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getNine() {
+  let x = 6;
+  let y = 3;
+  return x + y;
+}
+
+let result = getNine;
+console.log(result);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-misspelled-variable-and-function-names.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-misspelled-variable-and-function-names.portuguese.md
new file mode 100644
index 0000000000..ebddcaf58f
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-misspelled-variable-and-function-names.portuguese.md
@@ -0,0 +1,60 @@
+---
+id: 587d7b84367417b2b2512b35
+title: Catch Misspelled Variable and Function Names
+challengeType: 1
+videoUrl: ''
+localeTitle: Capturar nomes de variáveis ​​e variáveis ​​com erros ortográficos
+---
+
+## Description
+<section id="description"> Os métodos <code>console.log()</code> e <code>typeof</code> são as duas principais formas de verificar valores intermediários e tipos de saída do programa. Agora é hora de entrar nos formulários comuns que os bugs tomam. Um problema no nível da sintaxe com o qual os tipificadores rápidos podem se compor é o humilde erro de ortografia. Caracteres transpostos, ausentes ou mal capitalizados em uma variável ou nome de função terão o navegador procurando por um objeto que não existe - e reclamam na forma de um erro de referência. Os nomes de variáveis ​​e funções JavaScript diferenciam maiúsculas de minúsculas. </section>
+
+## Instructions
+<section id="instructions"> Corrija os dois erros de ortografia no código para que o cálculo <code>netWorkingCapital</code> funcione. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Verifique a ortografia das duas variáveis ​​usadas no cálculo netWorkingCapital, a saída do console deve mostrar que "O capital de giro líquido é: 2".'
+    testString: 'assert(netWorkingCapital === 2, "Check the spelling of the two variables used in the netWorkingCapital calculation, the console output should show that "Net working capital is: 2".");'
+  - text: Não deve haver instâncias de variáveis ​​mal escritas no código.
+    testString: 'assert(!code.match(/recievables/g), "There should be no instances of mis-spelled variables in the code.");'
+  - text: A variável de <code>receivables</code> deve ser declarada e usada corretamente no código.
+    testString: 'assert(code.match(/receivables/g).length == 2, "The <code>receivables</code> variable should be declared and used properly in the code.");'
+  - text: Não deve haver instâncias de variáveis ​​mal escritas no código.
+    testString: 'assert(!code.match(/payable;/g), "There should be no instances of mis-spelled variables in the code.");'
+  - text: A variável de <code>payables</code> a <code>payables</code> deve ser declarada e usada corretamente no código.
+    testString: 'assert(code.match(/payables/g).length == 2, "The <code>payables</code> variable should be declared and used properly in the code.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let receivables = 10;
+let payables = 8;
+let netWorkingCapital = recievables - payable;
+console.log(`Net working capital is: ${netWorkingCapital}`);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.portuguese.md
new file mode 100644
index 0000000000..c1915bed7b
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.portuguese.md
@@ -0,0 +1,52 @@
+---
+id: 587d7b84367417b2b2512b37
+title: Catch Mixed Usage of Single and Double Quotes
+challengeType: 1
+videoUrl: ''
+localeTitle: Pegar Uso Misto de Citações Únicas e Duplas
+---
+
+## Description
+<section id="description"> O JavaScript permite o uso de aspas simples (&quot;) e dupla (&quot; &quot;) para declarar uma string. Decidir qual usar geralmente se resume a preferência pessoal, com algumas exceções. Ter duas opções é ótimo quando uma string tem contrações ou outra pedaço de texto que está entre aspas. Só tome cuidado para não fechar a string muito cedo, o que causa um erro de sintaxe. Aqui estão alguns exemplos de citações de mixagem: <blockquote> // Estes estão corretos: <br> const grouchoContraction = &quot;Eu tive uma noite perfeitamente maravilhosa, mas não foi isso.&quot;; <br> const quoteInString = &quot;Groucho Marx uma vez disse: &#39;Cite-me dizendo que fui mal citado.&#39;&quot;; <br> // Isso está incorreto: <br> const uhOhGroucho = &#39;Eu tive uma noite perfeitamente maravilhosa, mas não foi isso&#39;; </blockquote> Claro, não há problema em usar apenas um estilo de citações. Você pode escapar as aspas dentro da string usando o caractere de escape barra invertida (\): <blockquote> // Corrigir o uso das mesmas citações: <br> const allSameQuotes = &#39;Eu tive uma noite perfeitamente maravilhosa, mas não foi isso&#39;; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Corrija a string de forma que ela use aspas diferentes para o valor <code>href</code> ou escape das existentes. Mantenha as aspas duplas ao redor da string inteira. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Seu código deve corrigir as aspas em torno do valor de <code>href</code> &quot;#Home&quot; alterando ou escapando delas.'
+    testString: 'assert(code.match(/<a href=\s*?("|\\")#Home\1\s*?>/g), "Your code should fix the quotes around the <code>href</code> value "#Home" by either changing or escaping them.");'
+  - text: Seu código deve manter as aspas duplas ao redor da string inteira.
+    testString: 'assert(code.match(/"<p>.*?<\/p>";/g), "Your code should keep the double quotes around the entire string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let innerHtml = "<p>Click here to <a href="#Home">return home</a></p>";
+console.log(innerHtml);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-off-by-one-errors-when-using-indexing.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-off-by-one-errors-when-using-indexing.portuguese.md
new file mode 100644
index 0000000000..d927ba9b46
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-off-by-one-errors-when-using-indexing.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b86367417b2b2512b3b
+title: Catch Off By One Errors When Using Indexing
+challengeType: 1
+videoUrl: ''
+localeTitle: Catch Off One erros ao usar a indexação
+---
+
+## Description
+<section id="description"> <code>Off by one errors</code> (às vezes chamado de OBOE) surge quando você está tentando direcionar um índice específico de uma cadeia ou matriz (para dividir ou acessar um segmento), ou quando o loop sobre os índices deles. A indexação JavaScript começa em zero, não em um, o que significa que o último índice é sempre um menor que o comprimento do item. Se você tentar acessar um índice igual ao comprimento, o programa poderá lançar um erro de referência &quot;índice fora do intervalo&quot; ou imprimir <code>undefined</code> . Quando você usa métodos string ou array que usam intervalos de índice como argumentos, é útil ler a documentação e entender se eles são inclusivos (o item no índice fornecido é parte do que é retornado) ou não. Aqui estão alguns exemplos de erros: <blockquote> let alphabet = &quot;abcdefghijklmnopqrstuvwxyz&quot;; <br> vamos len = alphabet.length; <br> para (let i = 0; i &lt;= len; i ++) { <br> // faz um loop muitas vezes no final <br> console.log (alfabeto [i]); <br> } <br> para (let j = 1; j &lt;len; j ++) { <br> // faz um loop muito poucas vezes e erra o primeiro caractere no índice 0 <br> console.log (alfabeto [j]); <br> } <br> para (let k = 0; k &lt;len; k ++) { <br> // Goldilocks aprova - isso é apenas certo <br> console.log (alfabeto [k]); <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Corrija os dois erros de indexação na seguinte função para que todos os números de 1 a 5 sejam impressos no console. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve definir a condição inicial do loop para que ele comece no primeiro índice.
+    testString: 'assert(code.match(/i\s*?=\s*?0\s*?;/g).length == 1, "Your code should set the initial condition of the loop so it starts at the first index.");'
+  - text: Seu código deve corrigir a condição inicial do loop para que o índice comece em 0.
+    testString: 'assert(!code.match(/i\s?=\s*?1\s*?;/g), "Your code should fix the initial condition of the loop so that the index starts at 0.");'
+  - text: Seu código deve definir a condição de terminal do loop para que ele pare no último índice.
+    testString: 'assert(code.match(/i\s*?<\s*?len\s*?;/g).length == 1, "Your code should set the terminal condition of the loop so it stops at the last index.");'
+  - text: Seu código deve consertar a condição terminal do loop para que ele pare em 1 antes do comprimento.
+    testString: 'assert(!code.match(/i\s*?<=\s*?len;/g), "Your code should fix the terminal condition of the loop so that it stops at 1 before the length.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countToFive() {
+  let firstFive = "12345";
+  let len = firstFive.length;
+  // Fix the line below
+  for (let i = 1; i <= len; i++) {
+  // Do not alter code below this line
+    console.log(firstFive[i]);
+  }
+}
+
+countToFive();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-unclosed-parentheses-brackets-braces-and-quotes.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-unclosed-parentheses-brackets-braces-and-quotes.portuguese.md
new file mode 100644
index 0000000000..14b92ac9a5
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-unclosed-parentheses-brackets-braces-and-quotes.portuguese.md
@@ -0,0 +1,53 @@
+---
+id: 587d7b84367417b2b2512b36
+title: 'Catch Unclosed Parentheses, Brackets, Braces and Quotes'
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Pegar parênteses, suportes, chaves e citações não fechadas'
+---
+
+## Description
+<section id="description"> Outro erro de sintaxe a ter em conta é que todos os parênteses, parênteses, chaves e cotações de abertura têm um par de fecho. Esquecer uma parte tende a acontecer quando você está editando um código existente e inserindo itens com um dos tipos de par. Além disso, tome cuidado ao aninhar blocos de código em outros, como adicionar uma função de retorno de chamada como um argumento para um método. Uma maneira de evitar esse erro é, assim que o caractere de abertura for digitado, incluir imediatamente a correspondência de fechamento, em seguida, mova o cursor de volta entre eles e continue a codificação. Felizmente, a maioria dos editores de código modernos gera a segunda metade do par automaticamente. </section>
+
+## Instructions
+<section id="instructions"> Corrigir os dois erros de par no código. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve corrigir a parte que falta na matriz.
+    testString: 'assert(code.match(/myArray\s*?=\s*?\[\s*?1\s*?,\s*?2\s*?,\s*?3\s*?\];/g), "Your code should fix the missing piece of the array.");'
+  - text: 'Seu código deve corrigir a parte que falta do método <code>.reduce()</code> . A saída do console deve mostrar que &quot;Soma dos valores da matriz é: 6&quot;.'
+    testString: 'assert(arraySum === 6, "Your code should fix the missing piece of the <code>.reduce()</code> method. The console output should show that "Sum of array values is: 6".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myArray = [1, 2, 3;
+let arraySum = myArray.reduce((previous, current =>  previous + current);
+console.log(`Sum of array values is: ${arraySum}`);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.portuguese.md
new file mode 100644
index 0000000000..49de420acf
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b85367417b2b2512b38
+title: Catch Use of Assignment Operator Instead of Equality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Pegar o uso do operador de atribuição em vez do operador de igualdade
+---
+
+## Description
+<section id="description"> Programas de ramificação, ou seja, aqueles que fazem coisas diferentes se determinadas condições forem atendidas, dependem de <code>if</code> , <code>else if</code> e <code>else</code> instruções em JavaScript. A condição às vezes assume a forma de testar se um resultado é igual a um valor. Essa lógica é falada (em inglês, pelo menos) como &quot;se x for igual a y, então ...&quot;, o que pode literalmente ser traduzido em código usando o operador <code>=</code> ou atribuição. Isso leva a um fluxo de controle inesperado no seu programa. Como abordado em desafios anteriores, o operador de atribuição ( <code>=</code> ) em JavaScript atribui um valor a um nome de variável. E os operadores <code>==</code> e <code>===</code> verificam a igualdade (o triplo <code>===</code> testa a igualdade estrita, significando que o valor e o tipo são iguais). O código abaixo atribui <code>x</code> como 2, que é avaliado como <code>true</code> . Quase todos os valores em JavaScript são avaliados como <code>true</code> , exceto os que são conhecidos como &quot;falsy&quot;: <code>false</code> , <code>0</code> , <code>&quot;&quot;</code> (uma string vazia), <code>NaN</code> , <code>undefined</code> e <code>null</code> . <blockquote> seja x = 1; <br> seja y = 2; <br> if (x = y) { <br> // este bloco de códigos será executado para qualquer valor de y (a menos que y tenha sido originalmente definido como falsy) <br> } outro { <br> // este bloco de código é o que deve ser executado (mas não será) neste exemplo <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Corrija a condição para que o programa execute a ramificação direita e o valor apropriado seja atribuído ao <code>result</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Seu código deve corrigir a condição para verificar a igualdade, em vez de usar a atribuição.'
+    testString: 'assert(result == "Not equal!", "Your code should fix the condition so it checks for equality, instead of using assignment.");'
+  - text: A condição pode usar <code>==</code> ou <code>===</code> para testar a igualdade.
+    testString: 'assert(code.match(/x\s*?===?\s*?y/g), "The condition can use either <code>==</code> or <code>===</code> to test for equality.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let x = 7;
+let y = 9;
+let result = "to come";
+
+if(x = y) {
+  result = "Equal!";
+} else {
+  result = "Not equal!";
+}
+
+console.log(result);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/prevent-infinite-loops-with-a-valid-terminal-condition.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/prevent-infinite-loops-with-a-valid-terminal-condition.portuguese.md
new file mode 100644
index 0000000000..97931cf60b
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/prevent-infinite-loops-with-a-valid-terminal-condition.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7b86367417b2b2512b3d
+title: Prevent Infinite Loops with a Valid Terminal Condition
+challengeType: 1
+videoUrl: ''
+localeTitle: Evite Loops Infinitos com uma Condição Terminal Válida
+---
+
+## Description
+<section id="description"> O tópico final é o temido loop infinito. Os loops são ótimas ferramentas quando você precisa que seu programa execute um bloco de códigos um determinado número de vezes ou até que uma condição seja atendida, mas eles precisam de uma condição terminal que termine o loop. Loops infinitos tendem a congelar ou travar o navegador e causar o caos geral da execução do programa, que ninguém quer. Houve um exemplo de um ciclo infinito na introdução desta secção - que não tinha estado terminal para sair do <code>while</code> loop dentro <code>loopy()</code> . NÃO chame esta função! <blockquote> função loopy () { <br> while (true) { <br> console.log (&quot;Olá, mundo!&quot;); <br> } <br> } </blockquote> É tarefa do programador garantir que a condição do terminal, que informa ao programa quando sair do código de loop, seja atingida. Um erro é incrementar ou decrementar uma variável do contador na direção errada da condição do terminal. Outro é acidentalmente redefinir uma variável de contador ou índice dentro do código de loop, em vez de incrementar ou decrementar. </section>
+
+## Instructions
+<section id="instructions"> A função <code>myFunc()</code> contém um loop infinito porque a condição terminal <code>i != 4</code> nunca será avaliada como <code>false</code> (e quebrará o loop) - <code>i</code> aumentarei em 2 cada passo, e saltará sobre 4, já <code>i</code> é estranho iniciar. Corrija o operador de comparação na condição do terminal para que o loop seja executado apenas para <code>i</code> menor ou igual a 4. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve mudar o operador de comparação na condição terminal (a parte intermediária) do loop <code>for</code> .
+    testString: 'assert(code.match(/i\s*?<=\s*?4;/g).length == 1, "Your code should change the comparison operator in the terminal condition (the middle part) of the <code>for</code> loop.");'
+  - text: Seu código deve corrigir o operador de comparação na condição terminal do loop.
+    testString: 'assert(!code.match(/i\s*?!=\s*?4;/g), "Your code should fix the comparison operator in the terminal condition of the loop.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function myFunc() {
+  for (let i = 1; i != 4; i += 2) {
+    console.log("Still going!");
+  }
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console.portuguese.md
new file mode 100644
index 0000000000..3fad555bb1
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b83367417b2b2512b37
+title: Understanding the Differences between the freeCodeCamp and Browser Console
+challengeType: 1
+videoUrl: ''
+localeTitle: Entendendo as Diferenças entre o FreeCodeCamp e o Console do Navegador
+---
+
+## Description
+<section id="description"> Você deve ter notado que alguns desafios do freeCodeCamp JavaScript incluem seu próprio console. Este console se comporta de maneira um pouco diferente do console do navegador usado no último desafio. O desafio a seguir destina-se a destacar algumas das diferenças entre o console freeCodeCamp e o console do navegador. Primeiro, o console do navegador. Quando você carrega e executa um arquivo JavaScript comum em seu navegador, as instruções <code>console.log()</code> imprimem exatamente o que você diz para imprimir no console do navegador o número exato de vezes que você solicitou. Em seu editor de texto no navegador, o processo é um pouco diferente e pode ser confuso no início. Os valores passados ​​para o <code>console.log()</code> no bloco do editor de texto executam cada conjunto de testes, bem como mais uma vez para qualquer chamada de função que você tenha em seu código. Isso se presta a um comportamento interessante e pode atrapalhar você no início, porque um valor registrado que você espera ver apenas uma vez pode ser impresso várias vezes, dependendo do número de testes e dos valores sendo passados ​​para esses testes. Se você quiser ver apenas sua saída única e não precisar se preocupar em executar os ciclos de teste, use <code>console.clear()</code> . </section>
+
+## Instructions
+<section id="instructions"> Use <code>console.log()</code> para imprimir as variáveis ​​no código onde indicado. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Use <code>console.log()</code> para imprimir a variável <code>outputTwo</code> . No seu Console do Navegador, isso deve imprimir o valor da variável duas vezes.'
+    testString: 'assert(code.match(/console\.log\(outputTwo\)/g), "Use <code>console.log()</code> to print the <code>outputTwo</code> variable.  In your Browser Console this should print out the value of the variable two times.");'
+  - text: Use <code>console.log()</code> para imprimir a variável <code>outputOne</code> .
+    testString: 'assert(code.match(/console\.log\(outputOne\)/g), "Use <code>console.log()</code> to print the <code>outputOne</code> variable.");'
+  - text: 'Use <code>console.clear()</code> para modificar sua saída, de forma que a variável <code>outputOne</code> apenas <code>outputOne</code> uma vez.'
+    testString: 'assert(code.match(/^(\s*console.clear\(\);?\s*)$/gm), "Use <code>console.clear()</code> to modify your output so that <code>outputOne</code> variable only outputs once.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Open your browser console
+let outputTwo = "This will print to the browser console 2 times";
+// Use console.log() to print the outputTwo variable
+
+
+let outputOne = "Try to get this to log only once to the browser console";
+// Use console.clear() in the next line to print the outputOne only once
+
+
+// Use console.log() to print the outputOne variable
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.portuguese.md
new file mode 100644
index 0000000000..e6cd2c62ef
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: 587d7b86367417b2b2512b3c
+title: Use Caution When Reinitializing Variables Inside a Loop
+challengeType: 1
+videoUrl: ''
+localeTitle: Tenha cuidado ao reinicializar variáveis ​​dentro de um loop
+---
+
+## Description
+<section id="description"> Às vezes é necessário salvar informações, incrementar contadores ou redefinir variáveis ​​dentro de um loop. Uma questão potencial é quando as variáveis ​​devem ser reinicializadas e não são, ou vice-versa. Isso é particularmente perigoso se você acidentalmente redefinir a variável que está sendo usada para a condição do terminal, causando um loop infinito. A impressão de valores de variáveis ​​em cada ciclo do loop usando <code>console.log()</code> pode revelar o comportamento de bugs relacionado à redefinição ou ao não redefinir uma variável. </section>
+
+## Instructions
+<section id="instructions"> A seguinte função deve criar um array bidimensional com <code>m</code> linhas e <code>n</code> colunas de zeros. Infelizmente, ele não está produzindo a saída esperada porque a variável de <code>row</code> não está sendo reinicializada (definida para uma matriz vazia) no loop externo. Corrigir o código para que ele retorne uma matriz de zeros 3x2 correta, que se parece com <code>[[0, 0], [0, 0], [0, 0]]</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve definir a variável <code>matrix</code> para um array contendo 3 linhas de 2 colunas de zeros cada.
+    testString: 'assert(JSON.stringify(matrix) == "[[0,0],[0,0],[0,0]]", "Your code should set the <code>matrix</code> variable to an array holding 3 rows of 2 columns of zeroes each.");'
+  - text: A variável da <code>matrix</code> deve ter 3 linhas.
+    testString: 'assert(matrix.length == 3, "The <code>matrix</code> variable should have 3 rows.");'
+  - text: A variável da <code>matrix</code> deve ter 2 colunas em cada linha.
+    testString: 'assert(matrix[0].length == 2 && matrix[1].length === 2 && matrix[2].length === 2, "The <code>matrix</code> variable should have 2 columns in each row.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function zeroArray(m, n) {
+  // Creates a 2-D array with m rows and n columns of zeroes
+  let newArray = [];
+  let row = [];
+  for (let i = 0; i < m; i++) {
+    // Adds the m-th row into newArray
+
+    for (let j = 0; j < n; j++) {
+      // Pushes n zeroes into the current row to create the columns
+      row.push(0);
+    }
+    // Pushes the current row, which now has n zeroes in it, to the array
+    newArray.push(row);
+  }
+  return newArray;
+}
+
+let matrix = zeroArray(3, 2);
+console.log(matrix);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/use-the-javascript-console-to-check-the-value-of-a-variable.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/use-the-javascript-console-to-check-the-value-of-a-variable.portuguese.md
new file mode 100644
index 0000000000..ab2f82fb01
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/use-the-javascript-console-to-check-the-value-of-a-variable.portuguese.md
@@ -0,0 +1,56 @@
+---
+id: 587d7b83367417b2b2512b33
+title: Use the JavaScript Console to Check the Value of a Variable
+challengeType: 1
+videoUrl: ''
+localeTitle: Use o Console JavaScript para verificar o valor de uma variável
+---
+
+## Description
+<section id="description"> Tanto o Chrome quanto o Firefox possuem excelentes consoles JavaScript, também conhecidos como DevTools, para depurar seu JavaScript. Você pode encontrar ferramentas do desenvolvedor no menu ou no console da Web do Chrome no menu do FireFox. Se você estiver usando um navegador diferente ou um celular, recomendamos mudar para o Firefox ou o Google Chrome para computador. O método <code>console.log()</code> , que &quot;imprime&quot; a saída do que está dentro de seus parênteses para o console, provavelmente será a ferramenta de depuração mais útil. Colocá-lo em pontos estratégicos em seu código pode mostrar os valores intermediários das variáveis. É uma boa prática ter uma ideia de qual deve ser a saída antes de analisar o que é. Ter pontos de verificação para ver o status de seus cálculos em todo o código ajudará a restringir onde está o problema. Aqui está um exemplo para imprimir &quot;Hello world!&quot; para o console: <code>console.log(&#39;Hello world!&#39;);</code> </section>
+
+## Instructions
+<section id="instructions"> Use o método <code>console.log()</code> para imprimir o valor da variável <code>a</code> onde indicado no código. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar <code>console.log()</code> para verificar o valor da variável <code>a</code> .
+    testString: 'assert(code.match(/console\.log\(a\)/g), "Your code should use <code>console.log()</code> to check the value of the variable <code>a</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let a = 5;
+let b = 1;
+a++;
+// Add your code below this line
+
+
+let sumAB = a + b;
+console.log(sumAB);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/use-typeof-to-check-the-type-of-a-variable.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/use-typeof-to-check-the-type-of-a-variable.portuguese.md
new file mode 100644
index 0000000000..752e4557dc
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/use-typeof-to-check-the-type-of-a-variable.portuguese.md
@@ -0,0 +1,56 @@
+---
+id: 587d7b84367417b2b2512b34
+title: Use typeof to Check the Type of a Variable
+challengeType: 1
+videoUrl: ''
+localeTitle: Use typeof para verificar o tipo de uma variável
+---
+
+## Description
+<section id="description"> Você pode usar <code>typeof</code> para verificar a estrutura de dados ou o tipo de uma variável. Isso é útil na depuração ao trabalhar com vários tipos de dados. Se você acha que está adicionando dois números, mas um é na verdade uma string, os resultados podem ser inesperados. Erros de tipo podem espreitar em cálculos ou chamadas de função. Tenha cuidado, especialmente quando você está acessando e trabalhando com dados externos na forma de um objeto JavaScript Object Notation (JSON). Aqui estão alguns exemplos usando <code>typeof</code> : <blockquote> console.log (tipo de &quot;&quot;); // produz &quot;string&quot; <br> console.log (tipo 0); // produz &quot;número&quot; <br> console.log (typeof []); // produz &quot;objeto&quot; <br> console.log (typeof {}); // produz &quot;objeto&quot; </blockquote> O JavaScript reconhece seis tipos de dados primitivos (imutáveis): <code>Boolean</code> , <code>Null</code> , <code>Undefined</code> , <code>Number</code> , <code>String</code> e <code>Symbol</code> (novo com ES6) e um tipo para itens mutáveis: <code>Object</code> . Observe que, em JavaScript, as matrizes são tecnicamente um tipo de objeto. </section>
+
+## Instructions
+<section id="instructions"> Adicione duas instruções <code>console.log()</code> para verificar o <code>typeof</code> cada uma das duas variáveis <code>seven</code> e <code>three</code> no código. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar <code>typeof</code> em duas instruções <code>console.log()</code> para verificar o tipo das variáveis.
+    testString: 'assert(code.match(/console\.log\(typeof[\( ].*\)?\)/g).length == 2, "Your code should use <code>typeof</code> in two <code>console.log()</code> statements to check the type of the variables.");'
+  - text: Seu código deve usar <code>typeof</code> para verificar o tipo da variável <code>seven</code> .
+    testString: 'assert(code.match(/typeof[\( ]seven\)?/g), "Your code should use <code>typeof</code> to check the type of the variable <code>seven</code>.");'
+  - text: Seu código deve usar <code>typeof</code> para verificar o tipo da variável <code>three</code> .
+    testString: 'assert(code.match(/typeof[\( ]three\)?/g), "Your code should use <code>typeof</code> to check the type of the variable <code>three</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let seven = 7;
+let three = "3";
+console.log(seven + three);
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.portuguese.md
new file mode 100644
index 0000000000..1f75a5fb4c
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b87367417b2b2512b40
+title: Compare Scopes of the var and let Keywords
+challengeType: 1
+videoUrl: ''
+localeTitle: Compare escopos do var e deixe Palavras-chave
+---
+
+## Description
+<section id="description"> Quando você declara uma variável com a palavra-chave <code>var</code> , ela é declarada globalmente ou localmente se declarada dentro de uma função. A palavra-chave <code>let</code> se comporta de maneira semelhante, mas com alguns recursos extras. Quando você declara uma variável com a palavra-chave <code>let</code> dentro de um bloco, instrução ou expressão, seu escopo é limitado a esse bloco, instrução ou expressão. Por exemplo: <blockquote> var numArray = []; <br> para (var i = 0; i &lt;3; i ++) { <br> numArray.push (i); <br> } <br> console.log (numArray); <br> // retorna [0, 1, 2] <br> console.log (i); <br> // retorna 3 </blockquote> Com a palavra-chave <code>var</code> , <code>i</code> é declarado globalmente. Então, quando o <code>i++</code> é executado, ele atualiza a variável global. Este código é semelhante ao seguinte: <blockquote> var numArray = []; <br> var i; <br> para (i = 0; i &lt;3; i ++) { <br> numArray.push (i); <br> } <br> console.log (numArray); <br> // retorna [0, 1, 2] <br> console.log (i); <br> // retorna 3 </blockquote> Esse comportamento causará problemas se você criar uma função e armazená-la para uso posterior dentro de um loop for que use a variável <code>i</code> . Isso ocorre porque a função armazenada sempre se referirá ao valor da variável global <code>i</code> atualizada. <blockquote> var printNumTwo; <br> para (var i = 0; i &lt;3; i ++) { <br> if (i === 2) { <br> printNumTwo = function () { <br> return i; <br> }; <br> } <br> } <br> console.log (printNumTwo ()); <br> // retorna 3 </blockquote> Como você pode ver, <code>printNumTwo()</code> imprime 3 e não 2. Isso ocorre porque o valor atribuído a <code>i</code> foi atualizado e o <code>printNumTwo()</code> retorna o <code>i</code> global e não o valor que <code>i</code> tinha quando a função foi criada no loop for. A palavra-chave <code>let</code> não segue esse comportamento: <blockquote> &#39;use strict&#39;; <br> deixe printNumTwo; <br> para (let i = 0; i &lt;3; i ++) { <br> if (i === 2) { <br> printNumTwo = function () { <br> return i; <br> }; <br> } <br> } <br> console.log (printNumTwo ()); <br> // retorna 2 <br> console.log (i); <br> // retorna &quot;i não está definido&quot; </blockquote> <code>i</code> não está definido porque não foi declarado no escopo global. Apenas é declarado dentro da instrução for loop. <code>printNumTwo()</code> retornou o valor correto porque três variáveis <code>i</code> diferentes com valores exclusivos (0, 1 e 2) foram criadas pela palavra-chave <code>let</code> dentro da instrução loop. </section>
+
+## Instructions
+<section id="instructions"> Corrigir o código para que <code>i</code> declarado na declaração if é uma variável separada do que <code>i</code> declarado na primeira linha da função. Certifique-se de não usar a palavra-chave <code>var</code> em nenhum lugar do seu código. Este exercício foi projetado para ilustrar a diferença entre como <code>var</code> e <code>let</code> keywords atribuem escopo à variável declarada. Ao programar uma função semelhante à usada neste exercício, é melhor usar nomes de variáveis ​​diferentes para evitar confusão. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>var</code> não existe no código.
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g),"<code>var</code> does not exist in code.");'
+  - text: A variável <code>i</code> declarada na instrução if deve ser igual a &quot;escopo de bloco&quot;.
+    testString: 'getUserInput => assert(getUserInput("index").match(/(i\s*=\s*).*\s*.*\s*.*\1("|")block\s*scope\2/g), "The variable <code>i</code> declared in the if statement should equal "block scope".");'
+  - text: <code>checkScope()</code> deve retornar &quot;escopo de função&quot;
+    testString: 'assert(checkScope() === "function scope", "<code>checkScope()</code> should return "function scope"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkScope() {
+"use strict";
+  var i = "function scope";
+  if (true) {
+    i = "block scope";
+    console.log("Block scope i is: ", i);
+  }
+  console.log("Function scope i is: ", i);
+  return i;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default.portuguese.md
new file mode 100644
index 0000000000..d789898942
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 587d7b8c367417b2b2512b58
+title: Create an Export Fallback with export default
+challengeType: 1
+videoUrl: ''
+localeTitle: Criar um retorno de exportação com padrão de exportação
+---
+
+## Description
+<section id="description"> Na lição de <code>export</code> , você aprendeu sobre a sintaxe conhecida como <dfn>exportação nomeada</dfn> . Isso permitiu que você disponibilizasse várias funções e variáveis ​​para uso em outros arquivos. Há outra sintaxe de <code>export</code> você precisa conhecer, conhecida como <dfn>padrão de exportação</dfn> . Normalmente, você usará essa sintaxe se apenas um valor estiver sendo exportado de um arquivo. Também é usado para criar um valor de fallback para um arquivo ou módulo. Aqui está um exemplo rápido de <code>export default</code> : <blockquote> função padrão de exportação add (x, y) { <br> return x + y; <br> } </blockquote> Nota: Como <code>export default</code> é usado para declarar um valor de fallback para um módulo ou arquivo, você pode ter apenas um valor como uma exportação padrão em cada módulo ou arquivo. Além disso, você não pode usar <code>export default</code> com <code>var</code> , <code>let</code> ou <code>const</code> </section>
+
+## Instructions
+<section id="instructions"> A seguinte função deve ser o valor de fallback para o módulo. Por favor, adicione o código necessário para fazer isso. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Adequado usado de fallback de <code>export</code> .
+    testString: 'getUserInput => assert(getUserInput("index").match(/export\s+default\s+function\s+subtract\(x,y\)\s+{return\s+x\s-\s+y;}/g), "Proper used of <code>export</code> fallback.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+function subtract(x,y) {return x - y;}
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.exports = function(){};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals.portuguese.md
new file mode 100644
index 0000000000..0d95d8dfc8
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals.portuguese.md
@@ -0,0 +1,73 @@
+---
+id: 587d7b8a367417b2b2512b4e
+title: Create Strings using Template Literals
+challengeType: 1
+videoUrl: ''
+localeTitle: Criar strings usando modelos literais
+---
+
+## Description
+<section id="description"> Um novo recurso do ES6 é o <dfn>literal</dfn> do <dfn>modelo</dfn> . Este é um tipo especial de string que facilita a criação de strings complexas. Literais de modelo permitem criar strings de várias linhas e usar recursos de interpolação de strings para criar strings. Considere o código abaixo: <blockquote> const pessoa = { <br> nome: &quot;Zodíaco Hasbro&quot;, <br> idade: 56 anos <br> }; <br><br> // Template literal com multi-linha e interpolação de string <br> const greeting = `Olá, meu nome é $ {person.name}! <br> Tenho $ {person.age} anos de idade. <br><br> console.log (saudação); // prints <br> // Olá, meu nome é Zodíaco Hasbro! <br> // Eu tenho 56 anos. <br></blockquote> Muitas coisas aconteceram lá. Em primeiro lugar, o exemplo usa backticks ( <code>`</code> ), não aspas ( <code>&#39;</code> ou <code>&quot;</code> ), para envolver a string. Em segundo lugar, observe que a string é multilinha, tanto no código quanto na saída. Isso salva a inserção <code>\n</code> dentro de strings. A sintaxe <code>${variable}</code> usada acima é um marcador de posição. Basicamente, você não precisará mais usar a concatenação com o operador <code>+</code> Para adicionar variáveis ​​a strings, basta soltar a variável em uma string de template e envolvê-la com <code>${</code> e <code>}</code> . da mesma forma, você pode incluir outras expressões em sua string literal, por exemplo <code>${a + b}</code> . Esta nova forma de criar strings lhe dá mais flexibilidade para criar cordas robustas. </section>
+
+## Instructions
+<section id="instructions"> Use a sintaxe literal de modelo com backticks para exibir cada entrada da matriz de <code>failure</code> do objeto de <code>result</code> . Cada entrada deve ser agrupada dentro de um elemento <code>li</code> com o <code>text-warning</code> atributo de classe e listada no <code>resultDisplayArray</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>resultDisplayArray</code> é uma matriz contendo mensagens de <code>result failure</code> .
+    testString: 'assert(typeof makeList(result.failure) === "object" && resultDisplayArray.length === 3, "<code>resultDisplayArray</code> is a list containing <code>result failure</code> messages.");'
+  - text: <code>resultDisplayArray</code> é a saída desejada.
+    testString: 'assert(makeList(result.failure).every((v, i) => v === `<li class="text-warning">${result.failure[i]}</li>` || v === `<li class="text-warning">${result.failure[i]}</li>`), "<code>resultDisplayArray</code> is the desired output.");'
+  - text: Sequências de modelos foram usadas
+    testString: 'getUserInput => assert(getUserInput("index").match(/`.*`/g), "Template strings were not used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const result = {
+  success: ["max-length", "no-amd", "prefer-arrow-functions"],
+  failure: ["no-var", "var-on-top", "linebreak"],
+  skipped: ["id-blacklist", "no-dup-keys"]
+};
+function makeList(arr) {
+  "use strict";
+
+  // change code below this line
+  const resultDisplayArray = null;
+  // change code above this line
+
+  return resultDisplayArray;
+}
+/**
+ * makeList(result.failure) should return:
+ * [ `<li class="text-warning">no-var</li>`,
+ *   `<li class="text-warning">var-on-top</li>`,
+ *   `<li class="text-warning">linebreak</li>` ]
+ **/
+const resultDisplayArray = makeList(result.failure);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/declare-a-read-only-variable-with-the-const-keyword.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/declare-a-read-only-variable-with-the-const-keyword.portuguese.md
new file mode 100644
index 0000000000..26fbfb4acd
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/declare-a-read-only-variable-with-the-const-keyword.portuguese.md
@@ -0,0 +1,68 @@
+---
+id: 587d7b87367417b2b2512b41
+title: Declare a Read-Only Variable with the const Keyword
+challengeType: 1
+videoUrl: ''
+localeTitle: Declarar uma variável somente leitura com a palavra-chave const
+---
+
+## Description
+<section id="description"> <code>let</code> não é a única maneira nova para declarar variáveis. No ES6, você também pode declarar variáveis ​​usando a palavra-chave <code>const</code> . <code>const</code> tem todos os recursos incríveis que <code>let</code> , com a vantagem adicional de que as variáveis ​​declaradas usando <code>const</code> são somente leitura. Eles são um valor constante, o que significa que, uma vez que uma variável é atribuída com <code>const</code> , ela não pode ser reatribuída. <blockquote> &quot;use estrito&quot; <br> const FAV_PET = &quot;Gatos&quot;; <br> FAV_PET = &quot;Cães&quot;; // retorna erro </blockquote> Como você pode ver, tentar reatribuir uma variável declarada com <code>const</code> causará um erro. Você deve sempre nomear as variáveis ​​que não deseja reatribuir usando a palavra-chave <code>const</code> . Isso ajuda quando você acidentalmente tenta reatribuir uma variável que deve permanecer constante. Uma prática comum ao nomear constantes é usar todas as letras maiúsculas, com palavras separadas por um sublinhado. </section>
+
+## Instructions
+<section id="instructions"> Altere o código para que todas as variáveis ​​sejam declaradas usando <code>let</code> ou <code>const</code> . Use <code>let</code> quando quiser que a variável seja alterada e <code>const</code> quando quiser que a variável permaneça constante. Além disso, renomeie as variáveis ​​declaradas com <code>const</code> para estar em conformidade com as práticas comuns, o que significa que as constantes devem estar em maiúsculas. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>var</code> não existe em seu código.
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g),"<code>var</code> does not exist in your code.");'
+  - text: <code>SENTENCE</code> deve ser uma variável constante declarada com <code>const</code> .
+    testString: 'getUserInput => assert(getUserInput("index").match(/(const SENTENCE)/g), "<code>SENTENCE</code> should be a constant variable declared with <code>const</code>.");'
+  - text: <code>i</code> deveria ser declarado com <code>let</code> .
+    testString: 'getUserInput => assert(getUserInput("index").match(/(let i)/g), "<code>i</code> should be declared with <code>let</code>.");'
+  - text: <code>console.log</code> deve ser alterado para imprimir a variável <code>SENTENCE</code> .
+    testString: 'getUserInput => assert(getUserInput("index").match(/console\.log\(\s*SENTENCE\s*\)\s*;?/g), "<code>console.log</code> should be adjusted to print the variable <code>SENTENCE</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function printManyTimes(str) {
+  "use strict";
+
+  // change code below this line
+
+  var sentence = str + " is cool!";
+  for(var i = 0; i < str.length; i+=2) {
+    console.log(sentence);
+  }
+
+  // change code above this line
+
+}
+printManyTimes("freeCodeCamp");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/explore-differences-between-the-var-and-let-keywords.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/explore-differences-between-the-var-and-let-keywords.portuguese.md
new file mode 100644
index 0000000000..aa4cc851c5
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/explore-differences-between-the-var-and-let-keywords.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b87367417b2b2512b3f
+title: Explore Differences Between the var and let Keywords
+challengeType: 1
+videoUrl: ''
+localeTitle: Explore as diferenças entre o var e deixe
+---
+
+## Description
+<section id="description"> Um dos maiores problemas com a declaração de variáveis ​​com a palavra-chave <code>var</code> é que você pode sobrescrever declarações de variáveis ​​sem um erro. <blockquote> var camper = &#39;James&#39;; <br> var camper = &#39;David&#39;; <br> console.log (campista); <br> // loga &#39;David&#39; </blockquote> Como você pode ver no código acima, a variável <code>camper</code> é originalmente declarada como <code>James</code> e, em seguida, sobrescrita como sendo <code>David</code> . Em um aplicativo pequeno, você pode não encontrar esse tipo de problema, mas quando o código se torna maior, você pode acidentalmente sobrescrever uma variável que não pretende sobrescrever. Como esse comportamento não gera um erro, a pesquisa e a correção de erros se tornam mais difíceis. <br> Uma nova palavra-chave chamada <code>let</code> foi introduzida no ES6 para resolver esse possível problema com a palavra-chave <code>var</code> . Se você fosse substituir <code>var</code> com <code>let</code> nas declarações de variáveis ​​do código acima, o resultado seria um erro. <blockquote> deixe campista = &#39;James&#39;; <br> deixe campista = &#39;David&#39;; // lança um erro </blockquote> Este erro pode ser visto no console do seu navegador. Portanto, ao contrário de <code>var</code> , ao usar <code>let</code> , uma variável com o mesmo nome só pode ser declarada uma vez. Observe o <code>&quot;use strict&quot;</code> . Isso habilita o Modo Estrito, que detecta erros comuns de codificação e ações &quot;inseguras&quot;. Por exemplo: <blockquote> &quot;use strict&quot;; <br> x = 3,14; // lança um erro porque x não está declarado </blockquote></section>
+
+## Instructions
+<section id="instructions"> Atualize o código para que ele use apenas a palavra-chave <code>let</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>var</code> não existe no código.
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g),"<code>var</code> does not exist in code.");'
+  - text: <code>catName</code> deve ser <code>Oliver</code> .
+    testString: 'assert(catName === "Oliver", "<code>catName</code> should be <code>Oliver</code>.");'
+  - text: <code>quote</code> deve ser <code>&quot;Oliver says Meow!&quot;</code>
+    testString: 'assert(quote === "Oliver says Meow!", "<code>quote</code> should be <code>"Oliver says Meow!"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var catName;
+var quote;
+function catTalk() {
+  "use strict";
+
+  catName = "Oliver";
+  quote = catName + " says Meow!";
+
+}
+catTalk();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.portuguese.md
new file mode 100644
index 0000000000..8091fe8dcf
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8d367417b2b2512b59
+title: Import a Default Export
+challengeType: 1
+videoUrl: ''
+localeTitle: Importar uma exportação padrão
+---
+
+## Description
+<section id="description"> No último desafio, você aprendeu sobre <code>export default</code> e seus usos. É importante observar que, para importar uma exportação padrão, você precisa usar uma sintaxe de <code>import</code> diferente. No exemplo a seguir, temos uma função, <code>add</code> , que é a exportação padrão de um arquivo, <code>&quot;math_functions&quot;</code> . Aqui está como importá-lo: <blockquote> import add de &quot;math_functions&quot;; <br> adicionar (5,4); // retornará 9 </blockquote> A sintaxe difere em um local de chave - o valor importado, <code>add</code> , não é cercado por chaves, <code>{}</code> . Ao contrário dos valores exportados, o método primário de importar uma exportação padrão é simplesmente escrever o nome do valor após a <code>import</code> . </section>
+
+## Instructions
+<section id="instructions"> No código a seguir, por favor, importe a exportação padrão, <code>subtract</code> , do arquivo <code>&quot;math_functions&quot;</code> , encontrado no mesmo diretório que este arquivo. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Importa corretamente <code>export default</code> método <code>export default</code> .
+    testString: 'getUserInput => assert(getUserInput("index").match(/import\s+subtract\s+from\s+"math_functions"/g), "Properly imports <code>export default</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+subtract(7,4);
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.require = function(str) {
+if (str === 'math_functions') {
+return function(a, b) {
+return a - b;
+}}};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/mutate-an-array-declared-with-const.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/mutate-an-array-declared-with-const.portuguese.md
new file mode 100644
index 0000000000..28bc84af11
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/mutate-an-array-declared-with-const.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b87367417b2b2512b42
+title: Mutate an Array Declared with const
+challengeType: 1
+videoUrl: ''
+localeTitle: Mude uma matriz declarada com const
+---
+
+## Description
+<section id="description"> A declaração <code>const</code> tem muitos casos de uso no JavaScript moderno. Alguns desenvolvedores preferem atribuir todas as variáveis ​​usando <code>const</code> por padrão, a menos que saibam que precisarão reatribuir o valor. Apenas nesse caso, eles usam <code>let</code> . No entanto, é importante entender que objetos (incluindo matrizes e funções) atribuídos a uma variável usando <code>const</code> ainda são mutáveis. A utilização da declaração <code>const</code> impede apenas a reatribuição do identificador de variáveis. <blockquote> &quot;use strict&quot;; <br> const s = [5, 6, 7]; <br> s = [1, 2, 3]; // lança erro, tentando atribuir um const <br> s [2] = 45; // funciona exatamente como faria com uma matriz declarada com var ou let <br> console.log (s); // retorna [5, 6, 45] </blockquote> Como você pode ver, você pode alterar o próprio objeto <code>[5, 6, 7]</code> e a variável <code>s</code> ainda apontará para a matriz alterada <code>[5, 6, 45]</code> . Como todas as matrizes, os elementos da matriz em <code>s</code> são mutáveis, mas porque <code>const</code> foi usado, você não pode usar o identificador variável <code>s</code> para apontar para uma matriz diferente usando o operador de atribuição. </section>
+
+## Instructions
+<section id="instructions"> Uma matriz é declarada como <code>const s = [5, 7, 2]</code> . Altere a matriz para <code>[2, 5, 7]</code> usando várias atribuições de elementos. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Não substitua a palavra-chave <code>const</code> .
+    testString: 'getUserInput => assert(getUserInput("index").match(/const/g), "Do not replace <code>const</code> keyword.");'
+  - text: <code>s</code> deve ser uma variável constante (usando <code>const</code> ).
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+s/g), "<code>s</code> should be a constant variable (by using <code>const</code>).");'
+  - text: Não altere a declaração original da matriz.
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+s\s*=\s*\[\s*5\s*,\s*7\s*,\s*2\s*\]\s*;?/g), "Do not change the original array declaration.");'
+  - text: '<code>s</code> deve ser igual a <code>[2, 5, 7]</code> .'
+    testString: 'assert.deepEqual(s, [2, 5, 7], "<code>s</code> should be equal to <code>[2, 5, 7]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const s = [5, 7, 2];
+function editInPlace() {
+  "use strict";
+  // change code below this line
+
+  // s = [2, 5, 7]; <- this is invalid
+
+  // change code above this line
+}
+editInPlace();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/prevent-object-mutation.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/prevent-object-mutation.portuguese.md
new file mode 100644
index 0000000000..39f7ec0ee0
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/prevent-object-mutation.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: 598f48a36c8c40764b4e52b3
+title: Prevent Object Mutation
+challengeType: 1
+videoUrl: ''
+localeTitle: Impedir a mutação de objetos
+---
+
+## Description
+<section id="description"> Como visto no desafio anterior, a declaração <code>const</code> sozinha não protege seus dados da mutação. Para garantir que seus dados não sejam alterados, o JavaScript fornece uma função <code>Object.freeze</code> para impedir a mutação de dados. Quando o objeto estiver congelado, você não poderá mais adicionar, atualizar ou excluir propriedades dele. Qualquer tentativa de alterar o objeto será rejeitada sem erro. <blockquote> deixe obj = { <br> nome: &quot;FreeCodeCamp&quot;, <br> revisão: &quot;Awesome&quot; <br> }; <br> Object.freeze (obj); <br> obj.review = &quot;mau&quot;; // será ignorado. Mutação não permitida <br> obj.newProp = &quot;Teste&quot;; // será ignorado. Mutação não permitida <br> console.log (obj); <br> // {name: &quot;FreeCodeCamp&quot;, resenha: &quot;Awesome&quot;} </blockquote></section>
+
+## Instructions
+<section id="instructions"> Neste desafio, você usará <code>Object.freeze</code> para impedir que constantes matemáticas sejam alteradas. Você precisa congelar o objeto <code>MATH_CONSTANTS</code> para que ninguém seja capaz de alterar o valor de <code>PI</code> , adicionar ou excluir propriedades. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Não substitua a palavra-chave <code>const</code> .
+    testString: 'getUserInput => assert(getUserInput("index").match(/const/g), "Do not replace <code>const</code> keyword.");'
+  - text: <code>MATH_CONSTANTS</code> deve ser uma variável constante (usando <code>const</code> ).
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+MATH_CONSTANTS/g), "<code>MATH_CONSTANTS</code> should be a constant variable (by using <code>const</code>).");'
+  - text: Não altere <code>MATH_CONSTANTS</code> original.
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+MATH_CONSTANTS\s+=\s+{\s+PI:\s+3.14\s+};/g), "Do not change original <code>MATH_CONSTANTS</code>.");'
+  - text: <code>PI</code> é igual a <code>3.14</code> .
+    testString: 'assert(PI === 3.14, "<code>PI</code> equals <code>3.14</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function freezeObj() {
+  "use strict";
+  const MATH_CONSTANTS = {
+    PI: 3.14
+  };
+  // change code below this line
+
+
+  // change code above this line
+  try {
+    MATH_CONSTANTS.PI = 99;
+  } catch( ex ) {
+    console.log(ex);
+  }
+  return MATH_CONSTANTS.PI;
+}
+const PI = freezeObj();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions.portuguese.md
new file mode 100644
index 0000000000..49f41f00fb
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions.portuguese.md
@@ -0,0 +1,60 @@
+---
+id: 587d7b88367417b2b2512b46
+title: Set Default Parameters for Your Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Definir parâmetros padrão para suas funções
+---
+
+## Description
+<section id="description"> Para nos ajudar a criar funções mais flexíveis, o ES6 introduz <dfn>parâmetros padrão</dfn> para funções. Confira este código: <blockquote> saudação de função (name = &quot;Anonymous&quot;) { <br> return &quot;Olá&quot; + nome; <br> } <br> console.log (saudação (&quot;John&quot;)); // Olá john <br> console.log (saudação ()); // Hello Anonymous </blockquote> O parâmetro padrão entra em ação quando o argumento não é especificado (é indefinido). Como você pode ver no exemplo acima, o <code>name</code> do parâmetro receberá seu valor padrão <code>&quot;Anonymous&quot;</code> quando você não fornecer um valor para o parâmetro. Você pode adicionar valores padrão para quantos parâmetros desejar. </section>
+
+## Instructions
+<section id="instructions"> Modifique o <code>increment</code> função adicionando parâmetros padrão para que ele adicione 1 a um <code>number</code> se o <code>value</code> não for especificado. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O resultado do <code>increment(5, 2)</code> deve ser <code>7</code> .'
+    testString: 'assert(increment(5, 2) === 7, "The result of <code>increment(5, 2)</code> should be <code>7</code>.");'
+  - text: O resultado do <code>increment(5)</code> deve ser <code>6</code> .
+    testString: 'assert(increment(5) === 6, "The result of <code>increment(5)</code> should be <code>6</code>.");'
+  - text: o parâmetro padrão <code>1</code> foi usado para o <code>value</code> .
+    testString: 'getUserInput => assert(getUserInput("index").match(/value\s*=\s*1/g), "default parameter <code>1</code> was used for <code>value</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const increment = (function() {
+  "use strict";
+  return function increment(number, value) {
+    return number + value;
+  };
+})();
+console.log(increment(5, 2)); // returns 7
+console.log(increment(5)); // returns 6
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/understand-the-differences-between-import-and-require.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/understand-the-differences-between-import-and-require.portuguese.md
new file mode 100644
index 0000000000..fe14abed36
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/understand-the-differences-between-import-and-require.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8c367417b2b2512b55
+title: Understand the Differences Between import and require
+challengeType: 1
+videoUrl: ''
+localeTitle: Entenda as diferenças entre importar e exigir
+---
+
+## Description
+<section id="description"> No passado, a função <code>require()</code> seria usada para importar as funções e o código em arquivos e módulos externos. Embora seja prático, isso apresenta um problema: alguns arquivos e módulos são bastante grandes e você pode precisar apenas de determinados códigos desses recursos externos. O ES6 nos fornece uma ferramenta muito útil, conhecida como <dfn>importação</dfn> . Com ele, podemos escolher quais partes de um módulo ou arquivo carregar em um determinado arquivo, economizando tempo e memória. Considere o seguinte exemplo. Imagine que <code>math_array_functions</code> tenha cerca de 20 funções, mas eu só preciso de um, <code>countItems</code> , no meu arquivo atual. A antiga abordagem <code>require()</code> me forçaria a trazer todas as 20 funções. Com essa nova sintaxe de <code>import</code> , posso trazer apenas a função desejada, assim: <blockquote> import {countItems} de &quot;math_array_functions&quot; </blockquote> Uma descrição do código acima: <blockquote> import {function} de &quot;file_path_goes_here&quot; <br> // Também podemos importar variáveis ​​da mesma maneira! </blockquote> Existem algumas maneiras de escrever uma declaração de <code>import</code> , mas o acima é um caso de uso muito comum. <strong>Nota</strong> <br> O espaço em branco ao redor da função dentro das chaves é uma prática recomendada - facilita a leitura da declaração de <code>import</code> . <strong>Nota</strong> <br> As lições desta seção tratam de recursos que não são do navegador. <code>import</code> , e as declarações que introduzimos no restante dessas lições, não funcionarão diretamente em um navegador. No entanto, podemos usar várias ferramentas para criar código a partir disso para que funcione no navegador. <strong>Nota</strong> <br> Na maioria dos casos, o caminho do arquivo requer um <code>./</code> antes dele; caso contrário, o nó procurará no diretório <code>node_modules</code> primeiro tentando carregá-lo como uma dependência. </section>
+
+## Instructions
+<section id="instructions"> Adicione a declaração de <code>import</code> apropriada que permitirá que o arquivo atual use a função <code>capitalizeString</code> . O arquivo onde esta função reside é chamado <code>&quot;string_functions&quot;</code> , e está no mesmo diretório que o arquivo atual. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: declaração de <code>import</code> válida
+    testString: 'getUserInput => assert(getUserInput("index").match(/import\s+\{\s*capitalizeString\s*\}\s+from\s+("|")string_functions\1/g), "valid <code>import</code> statement");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+capitalizeString("hello!");
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.require = function (str) {
+if (str === 'string_functions') {
+return {
+capitalizeString: str => str.toUpperCase()
+}}};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file.portuguese.md
new file mode 100644
index 0000000000..ce6b061faa
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8c367417b2b2512b57
+title: Use * to Import Everything from a File
+challengeType: 1
+videoUrl: ''
+localeTitle: Use * para importar tudo de um arquivo
+---
+
+## Description
+<section id="description"> Suponha que você tenha um arquivo que você deseja importar todo o seu conteúdo para o arquivo atual. Isso pode ser feito com a sintaxe <dfn>import *</dfn> . Aqui está um exemplo onde o conteúdo de um arquivo chamado <code>&quot;math_functions&quot;</code> é importado para um arquivo no mesmo diretório: <blockquote> import * como myMathModule de &quot;math_functions&quot;; <br> myMathModule.add (2,3); <br> myMathModule.subtract (5,3); </blockquote> E quebrando esse código: <blockquote> import * como object_with_name_of_your_choice de &quot;file_path_goes_here&quot; <br> object_with_name_of_your_choice.imported_function </blockquote> Você pode usar qualquer nome após a <code>import * as</code> parte da declaração. Para utilizar esse método, é necessário um objeto que receba os valores importados. A partir daqui, você usará a notação de ponto para chamar seus valores importados. </section>
+
+## Instructions
+<section id="instructions"> O código abaixo requer o conteúdo de um arquivo, <code>&quot;capitalize_strings&quot;</code> , encontrado no mesmo diretório, importado. Adicione a instrução de <code>import *</code> apropriada ao topo do arquivo, usando o objeto fornecido. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Usa corretamente a <code>import * as</code> sintaxe.
+    testString: 'assert(code.match(/import\s+\*\s+as\s+[a-zA-Z0-9_$]+\s+from\s*"\s*capitalize_strings\s*"\s*;/gi), "Properly uses <code>import * as</code> syntax.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.require = function(str) {
+if (str === 'capitalize_strings') {
+return {
+capitalize: str => str.toUpperCase(),
+lowercase: str => str.toLowerCase()
+}}};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.portuguese.md
new file mode 100644
index 0000000000..37b6cd6108
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.portuguese.md
@@ -0,0 +1,60 @@
+---
+id: 587d7b87367417b2b2512b43
+title: Use Arrow Functions to Write Concise Anonymous Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Use as funções de seta para escrever funções anônimas concisas
+---
+
+## Description
+<section id="description"> Em JavaScript, geralmente não precisamos nomear nossas funções, especialmente ao passar uma função como um argumento para outra função. Em vez disso, criamos funções inline. Não precisamos nomear essas funções porque não as reutilizamos em nenhum outro lugar. Para conseguir isso, geralmente usamos a seguinte sintaxe: <blockquote> const myFunc = function () { <br> const myVar = &quot;valor&quot;; <br> return myVar; <br> } </blockquote> ES6 nos fornece o açúcar sintático para não ter que escrever funções anônimas dessa maneira. Em vez disso, você pode usar a <strong>sintaxe da função de seta</strong> : <blockquote> const myFunc = () =&gt; { <br> const myVar = &quot;valor&quot;; <br> return myVar; <br> } </blockquote> Quando não há corpo da função e apenas um valor de retorno, a sintaxe da função de seta permite omitir o <code>return</code> da palavra-chave, bem como os colchetes ao redor do código. Isso ajuda a simplificar funções menores em instruções de uma linha: <blockquote> const myFunc = () =&gt; &quot;valor&quot; </blockquote> Este código ainda retornará <code>value</code> por padrão. </section>
+
+## Instructions
+<section id="instructions"> Reescreva a função atribuída à variável <code>magic</code> que retorna um novo <code>Date()</code> para usar a sintaxe da função de seta. Também certifique-se de que nada seja definido usando a palavra-chave <code>var</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O usuário substituiu a palavra-chave <code>var</code> .
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g), "User did replace <code>var</code> keyword.");'
+  - text: <code>magic</code> deve ser uma variável constante (usando <code>const</code> ).
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+magic/g), "<code>magic</code> should be a constant variable (by using <code>const</code>).");'
+  - text: <code>magic</code> é uma <code>function</code> .
+    testString: 'assert(typeof magic === "function", "<code>magic</code> is a <code>function</code>.");'
+  - text: <code>magic()</code> retorna a data correta.
+    testString: 'assert(magic().getDate() == new Date().getDate(), "<code>magic()</code> returns correct date.");'
+  - text: palavra-chave de <code>function</code> não foi usada.
+    testString: 'getUserInput => assert(!getUserInput("index").match(/function/g), "<code>function</code> keyword was not used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var magic = function() {
+  "use strict";
+  return new Date();
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.portuguese.md
new file mode 100644
index 0000000000..2fa33ac4fb
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b8b367417b2b2512b53
+title: Use class Syntax to Define a Constructor Function
+challengeType: 1
+videoUrl: ''
+localeTitle: Use a sintaxe de classe para definir uma função de construtor
+---
+
+## Description
+<section id="description"> O ES6 fornece uma nova sintaxe para ajudar a criar objetos, usando a <dfn>classe de</dfn> palavras-chave. Isso deve ser notado, que a sintaxe da <code>class</code> é apenas uma sintaxe, e não uma implementação baseada em classe completa do paradigma orientado a objetos, diferente de linguagens como Java, Python ou Ruby etc. No ES5, geralmente definimos um construtor função e use a <code>new</code> palavra-chave para instanciar um objeto. <blockquote> var SpaceShuttle = function (targetPlanet) { <br> this.targetPlanet = targetPlanet; <br> } <br> var zeus = new SpaceShuttle (&#39;Jupiter&#39;); </blockquote> A sintaxe da classe simplesmente substitui a criação da função construtora: <blockquote> classe SpaceShuttle { <br> construtor (targetPlanet) { <br> this.targetPlanet = targetPlanet; <br> } <br> } <br> const zeus = novo SpaceShuttle (&#39;Jupiter&#39;); </blockquote> Observe que a palavra-chave <code>class</code> declara uma nova função, e um construtor foi adicionado, o qual seria invocado quando <code>new</code> é chamado - para criar um novo objeto. </section>
+
+## Instructions
+<section id="instructions"> Use a palavra-chave <code>class</code> e escreva um construtor apropriado para criar a classe <code>Vegetable</code> . O <code>Vegetable</code> permite criar um objeto vegetal, com um <code>name</code> propriedade, para ser passado ao construtor. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Vegetable</code> deve ser uma <code>class</code> com um método <code>constructor</code> definido.
+    testString: 'assert(typeof Vegetable === "function" && typeof Vegetable.constructor === "function", "<code>Vegetable</code> should be a <code>class</code> with a defined <code>constructor</code> method.");'
+  - text: palavra-chave <code>class</code> foi usada.
+    testString: 'getUserInput => assert(getUserInput("index").match(/class/g),"<code>class</code> keyword was used.");'
+  - text: <code>Vegetable</code> pode ser instanciado.
+    testString: 'assert(() => {const a = new Vegetable("apple"); return typeof a === "object";},"<code>Vegetable</code> can be instantiated.");'
+  - text: <code>carrot.name</code> deve devolver a <code>carrot</code> .
+    testString: 'assert(carrot.name=="carrot","<code>carrot.name</code> should return <code>carrot</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function makeClass() {
+  "use strict";
+  /* Alter code below this line */
+
+  /* Alter code above this line */
+  return Vegetable;
+}
+const Vegetable = makeClass();
+const carrot = new Vegetable('carrot');
+console.log(carrot.name); // => should be 'carrot'
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-arrays.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-arrays.portuguese.md
new file mode 100644
index 0000000000..88bfc5debf
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-arrays.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b89367417b2b2512b4b
+title: Use Destructuring Assignment to Assign Variables from Arrays
+challengeType: 1
+videoUrl: ''
+localeTitle: Use Destructuring Assignment para atribuir variáveis ​​de matrizes
+---
+
+## Description
+<section id="description"> O ES6 torna os arrays de desestruturação tão fáceis quanto os objetos de desestruturação. Uma diferença fundamental entre o operador de propagação e a desestruturação de matriz é que o operador de distribuição descompacta todo o conteúdo de uma matriz em uma lista separada por vírgulas. Conseqüentemente, você não pode escolher quais elementos você deseja atribuir às variáveis. Destructuring uma matriz nos permite fazer exatamente isso: <blockquote> const [a, b] = [1, 2, 3, 4, 5, 6]; <br> console.log (a, b); // 1, 2 </blockquote> A variável <code>a</code> é atribuída ao primeiro valor da matriz e <code>b</code> é atribuído ao segundo valor da matriz. Também podemos acessar o valor em qualquer índice em uma matriz com desestruturação usando vírgulas para alcançar o índice desejado: <blockquote> const [a, b ,,, c] = [1, 2, 3, 4, 5, 6]; <br> console.log (a, b, c); // 1, 2, 5 </blockquote></section>
+
+## Instructions
+<section id="instructions"> Use atribuição desestruturação para trocar os valores de <code>a</code> e <code>b</code> para que <code>a</code> recebe o valor armazenado em <code>b</code> e <code>b</code> recebe o valor armazenado em <code>a</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O valor de <code>a</code> deve ser 6, após a troca.'
+    testString: 'assert(a === 6, "Value of <code>a</code> should be 6, after swapping.");'
+  - text: 'O valor de <code>b</code> deve ser 8, após a troca.'
+    testString: 'assert(b === 8, "Value of <code>b</code> should be 8, after swapping.");'
+  - text: Use a desestruturação de matriz para trocar a e b.
+    testString: '// assert(/\[\s*(\w)\s*,\s*(\w)\s*\]\s*=\s*\[\s*\2\s*,\s*\1\s*\]/g.test(code), "Use array destructuring to swap a and b.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let a = 8, b = 6;
+(() => {
+  "use strict";
+  // change code below this line
+
+  // change code above this line
+})();
+console.log(a); // should be 6
+console.log(b); // should be 8
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-nested-objects.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-nested-objects.portuguese.md
new file mode 100644
index 0000000000..9405b755f6
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-nested-objects.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b89367417b2b2512b4a
+title: Use Destructuring Assignment to Assign Variables from Nested Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: Use Destructuring Assignment para atribuir variáveis ​​de objetos aninhados
+---
+
+## Description
+<section id="description"> Podemos similarmente desestruturar objetos <em>aninhados</em> em variáveis. Considere o seguinte código: <blockquote> const a = { <br> início: {x: 5, y: 6}, <br> end: {x: 6, y: -9} <br> }; <br> const {início: {x: startX, y: startY}} = a; <br> console.log (startX, startY); // 5, 6 </blockquote> No exemplo acima, a variável <code>start</code> recebe o valor de <code>a.start</code> , que também é um objeto. </section>
+
+## Instructions
+<section id="instructions"> Use a atribuição de desestruturação para obter o <code>max</code> de <code>forecast.tomorrow</code> e atribuí-lo a <code>maxOfTomorrow</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>maxOfTomorrow</code> é igual a <code>84.6</code>
+    testString: 'assert(getMaxOfTmrw(LOCAL_FORECAST) === 84.6, "<code>maxOfTomorrow</code> equals <code>84.6</code>");'
+  - text: desestruturação aninhada foi usada
+    testString: 'getUserInput => assert(getUserInput("index").match(/\{\s*tomorrow\s*:\s*\{\s*max\s*:\s*maxOfTomorrow\s*\}\s*\}\s*=\s*forecast/g),"nested destructuring was used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const LOCAL_FORECAST = {
+  today: { min: 72, max: 83 },
+  tomorrow: { min: 73.3, max: 84.6 }
+};
+
+function getMaxOfTmrw(forecast) {
+  "use strict";
+  // change code below this line
+  const maxOfTomorrow = undefined; // change this line
+  // change code above this line
+  return maxOfTomorrow;
+}
+
+console.log(getMaxOfTmrw(LOCAL_FORECAST)); // should be 84.6
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.portuguese.md
new file mode 100644
index 0000000000..5019e36b6a
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b89367417b2b2512b49
+title: Use Destructuring Assignment to Assign Variables from Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: Use Destructuring Assignment para atribuir variáveis ​​de objetos
+---
+
+## Description
+<section id="description"> Vimos anteriormente como o operador de propagação pode efetivamente distribuir ou descompactar o conteúdo do array. Podemos fazer algo semelhante com objetos também. <dfn>A atribuição de desestruturação</dfn> é uma sintaxe especial para atribuir com precisão os valores obtidos diretamente de um objeto para variáveis. Considere o seguinte código ES5: <blockquote> var voxel = {x: 3,6, y: 7,4, z: 6,54}; <br> var x = voxel.x; // x = 3,6 <br> var y = voxel.y; // y = 7,4 <br> var z = voxel.z; // z = 6,54 </blockquote> Aqui está a mesma declaração de atribuição com a sintaxe de desestruturação do ES6: <blockquote> const {x, y, z} = voxel; // x = 3,6, y = 7,4, z = 6,54 </blockquote> Se, em vez disso, você quiser armazenar os valores de <code>voxel.x</code> em <code>a</code> , <code>voxel.y</code> em <code>b</code> e <code>voxel.z</code> em <code>c</code> , também terá essa liberdade. <blockquote> Const {x: a, y: b, z: c} = voxel // a = 3,6, b = 7,4, c = 6,54 </blockquote> Você pode lê-lo como &quot;obter o campo <code>x</code> e copiar o valor em <code>a</code> &quot; e assim por diante. </section>
+
+## Instructions
+<section id="instructions"> Use a desestruturação para obter a temperatura média para amanhã a partir do objeto de entrada <code>AVG_TEMPERATURES</code> e atribua valor com a chave <code>tomorrow</code> para <code>tempOfTomorrow</code> na linha. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>getTempOfTmrw(AVG_TEMPERATURES)</code> deve ser <code>79</code>
+    testString: 'assert(getTempOfTmrw(AVG_TEMPERATURES) === 79, "<code>getTempOfTmrw(AVG_TEMPERATURES)</code> should be <code>79</code>");'
+  - text: desestruturação com redesignação foi usada
+    testString: 'getUserInput => assert(getUserInput("index").match(/\{\s*tomorrow\s*:\s*tempOfTomorrow\s*}\s*=\s*avgTemperatures/g),"destructuring with reassignment was used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const AVG_TEMPERATURES = {
+  today: 77.5,
+  tomorrow: 79
+};
+
+function getTempOfTmrw(avgTemperatures) {
+  "use strict";
+  // change code below this line
+  const tempOfTomorrow = undefined; // change this line
+  // change code above this line
+  return tempOfTomorrow;
+}
+
+console.log(getTempOfTmrw(AVG_TEMPERATURES)); // should be 79
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.portuguese.md
new file mode 100644
index 0000000000..1a62451938
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.portuguese.md
@@ -0,0 +1,73 @@
+---
+id: 587d7b8a367417b2b2512b4d
+title: Use Destructuring Assignment to Pass an Object as a Function's Parameters
+challengeType: 1
+videoUrl: ''
+localeTitle: Use Destignucturing Assignment para passar um objeto como um parâmetro de função
+---
+
+## Description
+<section id="description"> Em alguns casos, você pode desestruturar o objeto em um argumento de função em si. Considere o código abaixo: <blockquote> const profileUpdate = (profileData) =&gt; { <br> const {nome, idade, nacionalidade, localização} = profileData; <br> // faz algo com essas variáveis <br> } </blockquote> Isso efetivamente destrói o objeto enviado para a função. Isso também pode ser feito no local: <blockquote> const profileUpdate = ({nome, idade, nacionalidade, localização}) =&gt; { <br> / * faz algo com esses campos * / <br> } </blockquote> Isso remove algumas linhas extras e faz nosso código parecer limpo. Isso tem o benefício adicional de não ter que manipular um objeto inteiro em uma função; somente os campos necessários são copiados dentro da função. </section>
+
+## Instructions
+<section id="instructions"> Use a atribuição de desestruturação dentro do argumento para a <code>half</code> da função para enviar apenas <code>max</code> e <code>min</code> dentro da função. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>stats</code> deve ser um <code>object</code> .
+    testString: 'assert(typeof stats === "object", "<code>stats</code> should be an <code>object</code>.");'
+  - text: <code>half(stats)</code> deve ser <code>28.015</code>
+    testString: 'assert(half(stats) === 28.015, "<code>half(stats)</code> should be <code>28.015</code>");'
+  - text: Destruturação foi usada.
+    testString: 'getUserInput => assert(getUserInput("index").match(/\(\s*\{\s*\w+\s*,\s*\w+\s*\}\s*\)/g), "Destructuring was used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const stats = {
+  max: 56.78,
+  standard_deviation: 4.34,
+  median: 34.54,
+  mode: 23.87,
+  min: -0.75,
+  average: 35.85
+};
+const half = (function() {
+  "use strict"; // do not change this line
+
+  // change code below this line
+  return function half(stats) {
+    // use function argument destructuring
+    return (stats.max + stats.min) / 2.0;
+  };
+  // change code above this line
+
+})();
+console.log(stats); // should be object
+console.log(half(stats)); // should be 28.015
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-operator-to-reassign-array-elements.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-operator-to-reassign-array-elements.portuguese.md
new file mode 100644
index 0000000000..cc4e3c170c
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-operator-to-reassign-array-elements.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8a367417b2b2512b4c
+title: Use Destructuring Assignment with the Rest Operator to Reassign Array Elements
+challengeType: 1
+videoUrl: ''
+localeTitle: Use Destructuring Assignment com o Operador Descanso para Reatribuir Elementos da Matriz
+---
+
+## Description
+<section id="description"> Em algumas situações envolvendo a desestruturação de matriz, podemos querer coletar o restante dos elementos em uma matriz separada. O resultado é semelhante ao <code>Array.prototype.slice()</code> , conforme mostrado abaixo: <blockquote> const [a, b, ... arr] = [1, 2, 3, 4, 5, 7]; <br> console.log (a, b); // 1, 2 <br> console.log (arr); // [3, 4, 5, 7] </blockquote> Variáveis <code>a</code> e <code>b</code> levar o primeiro e segundo valores da matriz. Depois disso, por causa da presença do operador resto, <code>arr</code> recebe resto dos valores sob a forma de uma matriz. O elemento restante só funciona corretamente como a última variável na lista. Como em, você não pode usar o operador de descanso para capturar um subarray que deixa de fora o último elemento da matriz original. </section>
+
+## Instructions
+<section id="instructions"> Use atribuição desestruturação com o operador de descanso para realizar uma eficaz <code>Array.prototype.slice()</code> de modo que <code>arr</code> é um sub-matriz da matriz original <code>source</code> com os dois primeiros elementos omitidos. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>arr</code> deve ser <code>[3,4,5,6,7,8,9,10]</code>'
+    testString: 'assert(arr.every((v, i) => v === i + 3) && arr.length === 8,"<code>arr</code> should be <code>[3,4,5,6,7,8,9,10]</code>");'
+  - text: Destructuring deve ser usado.
+    testString: 'getUserInput => assert(getUserInput("index").match(/\[\s*\w*\s*,\s*\w*\s*,\s*...\w+\s*\]/g),"Destructuring should be used.");'
+  - text: <code>Array.slice()</code> não deve ser usado.
+    testString: 'getUserInput => assert(!getUserInput("index").match(/slice/g), "<code>Array.slice()</code> should not be used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const source = [1,2,3,4,5,6,7,8,9,10];
+function removeFirstTwo(list) {
+  "use strict";
+  // change code below this line
+  arr = list; // change this
+  // change code above this line
+  return arr;
+}
+const arr = removeFirstTwo(source);
+console.log(arr); // should be [3,4,5,6,7,8,9,10]
+console.log(source); // should be [1,2,3,4,5,6,7,8,9,10];
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-export-to-reuse-a-code-block.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-export-to-reuse-a-code-block.portuguese.md
new file mode 100644
index 0000000000..27cca918bf
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-export-to-reuse-a-code-block.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b8c367417b2b2512b56
+title: Use export to Reuse a Code Block
+challengeType: 1
+videoUrl: ''
+localeTitle: Use a exportação para reutilizar um bloco de código
+---
+
+## Description
+<section id="description"> No desafio anterior, você aprendeu sobre a <code>import</code> e como ela pode ser aproveitada para importar pequenas quantidades de código de arquivos grandes. Para que isso funcione, no entanto, devemos utilizar uma das instruções que acompanham a <code>import</code> , conhecida como <dfn>exportação</dfn> . Quando queremos que algum código - uma função ou uma variável - seja utilizável em outro arquivo, devemos exportá-lo para importá-lo em outro arquivo. Como a <code>import</code> , a <code>export</code> é um recurso sem navegador. O que se segue é o que nos referimos como uma <dfn>exportação nomeada</dfn> . Com isso, podemos importar qualquer código que exportarmos para outro arquivo com a sintaxe de <code>import</code> você aprendeu na última lição. Aqui está um exemplo: <blockquote> const capitalizeString = (string) =&gt; { <br> return string.charAt (0) .toUpperCase () + string.slice (1); <br> } <br> export {capitalizeString} // Como exportar funções. <br> export const foo = &quot;bar&quot;; // Como exportar variáveis. </blockquote> Como alternativa, se você quiser compactar todas as suas declarações de <code>export</code> em uma linha, poderá adotar essa abordagem: <blockquote> const capitalizeString = (string) =&gt; { <br> return string.charAt (0) .toUpperCase () + string.slice (1); <br> } <br> const foo = &quot;bar&quot;; <br> export {capitalizeString, foo} </blockquote> Qualquer abordagem é perfeitamente aceitável. </section>
+
+## Instructions
+<section id="instructions"> Abaixo estão duas variáveis ​​que eu quero disponibilizar para outros arquivos para usar. Utilizando a primeira maneira que demonstrei <code>export</code> , exporte as duas variáveis. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>foo</code> é exportado.
+    testString: 'getUserInput => assert(getUserInput("index").match(/export\s+const\s+foo\s*=\s*"bar"/g), "<code>foo</code> is exported.");'
+  - text: <code>bar</code> é exportada.
+    testString: 'getUserInput => assert(getUserInput("index").match(/export\s+const\s+bar\s*=\s*"foo"/g), "<code>bar</code> is exported.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+const foo = "bar";
+const bar = "foo";
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.exports = function(){};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.portuguese.md
new file mode 100644
index 0000000000..b6d26ae385
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b8c367417b2b2512b54
+title: Use getters and setters to Control Access to an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: Use getters e setters para controlar o acesso a um objeto
+---
+
+## Description
+<section id="description"> Você pode obter valores de um objeto e definir um valor de uma propriedade dentro de um objeto. Estes são chamados classicamente de <dfn>getters</dfn> e <dfn>setters</dfn> . As funções do Getter destinam-se a simplesmente retornar (obter) o valor da variável privada de um objeto ao usuário sem que o usuário acesse diretamente a variável privada. As funções de setter destinam-se a modificar (definir) o valor da variável privada de um objeto com base no valor passado para a função de setter. Essa alteração pode envolver cálculos ou mesmo sobrescrever completamente o valor anterior. <blockquote> livro escolar { <br> construtor (autor) { <br> this._author = autor; <br> } <br> // getter <br> obter escritor () { <br> devolve this._author; <br> } <br> // setter <br> set writer (updatedAuthor) { <br> this._author = updatedAuthor; <br> } <br> } <br> const lol = novo livro (&#39;anônimo&#39;); <br> console.log (lol.writer); // anônimo <br> lol.writer = &#39;wut&#39;; <br> console.log (lol.writer); // wut </blockquote> Observe a sintaxe que estamos usando para invocar o getter e setter - como se eles não fossem mesmo funções. Getters e setters são importantes porque ocultam detalhes internos de implementação. </section>
+
+## Instructions
+<section id="instructions"> Use a palavra-chave <code>class</code> para criar uma classe Thermostat. O construtor aceita a temperatura Fahrenheit. Agora crie <code>getter</code> e <code>setter</code> na classe, para obter a temperatura na escala Celsius. Lembre-se que <code>C = 5/9 * (F - 32)</code> e <code>F = C * 9.0 / 5 + 32</code> , onde F é o valor da temperatura na escala Fahrenheit, e C é o valor da mesma temperatura na escala Celsius. Para implementar isso, você estaria acompanhando a temperatura dentro da classe em uma escala - Fahrenheit ou Celsius. Este é o poder de getter ou setter - você está criando uma API para outro usuário, que obteria o resultado correto, não importando qual deles você rastreie. Em outras palavras, você está abstraindo os detalhes da implementação do consumidor. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Thermostat</code> deve ser uma <code>class</code> com um método <code>constructor</code> definido.
+    testString: 'assert(typeof Thermostat === "function" && typeof Thermostat.constructor === "function","<code>Thermostat</code> should be a <code>class</code> with a defined <code>constructor</code> method.");'
+  - text: palavra-chave <code>class</code> foi usada.
+    testString: 'getUserInput => assert(getUserInput("index").match(/class/g),"<code>class</code> keyword was used.");'
+  - text: <code>Thermostat</code> pode ser instanciado.
+    testString: 'assert(() => {const t = new Thermostat(32); return typeof t === "object" && t.temperature === 0;}, "<code>Thermostat</code> can be instantiated.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function makeClass() {
+  "use strict";
+  /* Alter code below this line */
+
+  /* Alter code above this line */
+  return Thermostat;
+}
+const Thermostat = makeClass();
+const thermos = new Thermostat(76); // setting in Fahrenheit scale
+let temp = thermos.temperature; // 24.44 in C
+thermos.temperature = 26;
+temp = thermos.temperature; // 26 in C
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-the-rest-operator-with-function-parameters.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-the-rest-operator-with-function-parameters.portuguese.md
new file mode 100644
index 0000000000..120bc913f7
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-the-rest-operator-with-function-parameters.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b88367417b2b2512b47
+title: Use the Rest Operator with Function Parameters
+challengeType: 1
+videoUrl: ''
+localeTitle: Use o operador de descanso com parâmetros de função
+---
+
+## Description
+<section id="description"> Para nos ajudar a criar funções mais flexíveis, o ES6 introduz o <dfn>operador de descanso</dfn> para parâmetros de função. Com o operador de descanso, você pode criar funções que levam um número variável de argumentos. Esses argumentos são armazenados em uma matriz que pode ser acessada posteriormente de dentro da função. Confira este código: <blockquote> function howMany (... args) { <br> return &quot;Você passou&quot; + args.length + &quot;arguments.&quot;; <br> } <br> console.log (howMany (0, 1, 2)); // Você passou 3 argumentos <br> console.log (howMany (&quot;string&quot;, nulo, [1, 2, 3], {})); // Você passou 4 argumentos. </blockquote> O operador de descanso elimina a necessidade de verificar a matriz <code>args</code> e nos permite aplicar <code>map()</code> , <code>filter()</code> e <code>reduce()</code> na matriz de parâmetros. </section>
+
+## Instructions
+<section id="instructions"> Modifique a <code>sum</code> da função para que ela use o operador rest e funcione da mesma maneira com qualquer número de parâmetros. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O resultado da <code>sum(0,1,2)</code> deve ser 3'
+    testString: 'assert(sum(0,1,2) === 3, "The result of <code>sum(0,1,2)</code> should be 3");'
+  - text: 'O resultado da <code>sum(1,2,3,4)</code> deve ser 10'
+    testString: 'assert(sum(1,2,3,4) === 10, "The result of <code>sum(1,2,3,4)</code> should be 10");'
+  - text: O resultado da <code>sum(5)</code> deve ser 5
+    testString: 'assert(sum(5) === 5, "The result of <code>sum(5)</code> should be 5");'
+  - text: O resultado de <code>sum()</code> deve ser 0
+    testString: 'assert(sum() === 0, "The result of <code>sum()</code> should be 0");'
+  - text: A função <code>sum</code> usa o operador <code>...</code> spread no parâmetro <code>args</code> .
+    testString: 'getUserInput => assert(getUserInput("index").match(/function\s+sum\s*\(\s*...args\s*\)\s*{/g), "The <code>sum</code> function uses the <code>...</code> spread operator on the <code>args</code> parameter.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const sum = (function() {
+  "use strict";
+  return function sum(x, y, z) {
+    const args = [ x, y, z ];
+    return args.reduce((a, b) => a + b, 0);
+  };
+})();
+console.log(sum(1, 2, 3)); // 6
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place.portuguese.md
new file mode 100644
index 0000000000..0713439f93
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 587d7b89367417b2b2512b48
+title: Use the Spread Operator to Evaluate Arrays In-Place
+challengeType: 1
+videoUrl: ''
+localeTitle: Use o operador de propagação para avaliar matrizes no local
+---
+
+## Description
+<section id="description"> O ES6 introduz o <dfn>operador spread</dfn> , que nos permite expandir matrizes e outras expressões em locais onde vários parâmetros ou elementos são esperados. O código ES5 abaixo usa <code>apply()</code> para calcular o valor máximo em uma matriz: <blockquote> var arr = [6, 89, 3, 45]; <br> var maximus = Math.max.apply (null, arr); // retorna 89 </blockquote> Nós tivemos que usar <code>Math.max.apply(null, arr)</code> porque <code>Math.max(arr)</code> retorna <code>NaN</code> . <code>Math.max()</code> espera argumentos separados por vírgula, mas não uma matriz. O operador de spread torna essa sintaxe muito melhor para ler e manter. <blockquote> const arr = [6, 89, 3, 45]; <br> const maximus = Math.max (... arr); // retorna 89 </blockquote> <code>...arr</code> retorna um array descompactado. Em outras palavras, ele <em>espalha</em> o array. No entanto, o operador de propagação só funciona no local, como em um argumento para uma função ou em um literal de matriz. O código a seguir não funcionará: <blockquote> const spreaded = ... arr; // lançará um erro de sintaxe </blockquote></section>
+
+## Instructions
+<section id="instructions"> Copie todo o conteúdo de <code>arr1</code> em outro array <code>arr2</code> usando o operador spread. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>arr2</code> é a cópia correta de <code>arr1</code> .
+    testString: 'assert(arr2.every((v, i) => v === arr1[i]), "<code>arr2</code> is correct copy of <code>arr1</code>.");'
+  - text: <code>...</code> operador de propagação foi usado para duplicar <code>arr1</code> .
+    testString: 'getUserInput => assert(getUserInput("index").match(/\[\s*...arr1\s*\]/g),"<code>...</code> spread operator was used to duplicate <code>arr1</code>.");'
+  - text: <code>arr2</code> permanece inalterado quando <code>arr1</code> é alterado.
+    testString: 'assert((arr1, arr2) => {arr1.push("JUN"); return arr2.length < arr1.length},"<code>arr2</code> remains unchanged when <code>arr1</code> is changed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const arr1 = ['JAN', 'FEB', 'MAR', 'APR', 'MAY'];
+let arr2;
+(function() {
+  "use strict";
+  arr2 = []; // change this line
+})();
+console.log(arr2);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.portuguese.md
new file mode 100644
index 0000000000..da98c0d62f
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b88367417b2b2512b44
+title: Write Arrow Functions with Parameters
+challengeType: 1
+videoUrl: ''
+localeTitle: Escrever funções de seta com parâmetros
+---
+
+## Description
+<section id="description"> Assim como uma função normal, você pode passar argumentos para as funções de seta. <blockquote> // duplica o valor de entrada e retorna <br> const doubler = (item) =&gt; item * 2; </blockquote> Você pode passar mais de um argumento em funções de seta também. </section>
+
+## Instructions
+<section id="instructions"> Reescreva a função <code>myConcat</code> que anexa o conteúdo de <code>arr2</code> a <code>arr1</code> para que a função use a sintaxe da função de seta. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O usuário substituiu a palavra-chave <code>var</code> .
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g), "User did replace <code>var</code> keyword.");'
+  - text: <code>myConcat</code> deve ser uma variável constante (usando <code>const</code> ).
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+myConcat/g), "<code>myConcat</code> should be a constant variable (by using <code>const</code>).");'
+  - text: <code>myConcat</code> deve ser uma função
+    testString: 'assert(typeof myConcat === "function", "<code>myConcat</code> should be a function");'
+  - text: <code>myConcat()</code> retorna o <code>array</code> correto
+    testString: 'assert(() => { const a = myConcat([1], [2]); return a[0] == 1 && a[1] == 2; }, "<code>myConcat()</code> returns the correct <code>array</code>");'
+  - text: palavra-chave de <code>function</code> não foi usada.
+    testString: 'getUserInput => assert(!getUserInput("index").match(/function/g), "<code>function</code> keyword was not used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myConcat = function(arr1, arr2) {
+  "use strict";
+  return arr1.concat(arr2);
+};
+// test your code
+console.log(myConcat([1, 2], [3, 4, 5]));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6.portuguese.md
new file mode 100644
index 0000000000..f483231bbb
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8b367417b2b2512b50
+title: Write Concise Declarative Functions with ES6
+challengeType: 1
+videoUrl: ''
+localeTitle: Escrever funções declarativas concisas com o ES6
+---
+
+## Description
+<section id="description"> Ao definir funções dentro de objetos no ES5, precisamos usar a <code>function</code> palavra-chave da seguinte forma: <blockquote> const pessoa = { <br> nome: &quot;Taylor&quot;, <br> sayHello: function () { <br> return &quot;Olá! Meu nome é $ {this.name} .`; <br> } <br> }; </blockquote> Com ES6, você pode remover a palavra-chave da <code>function</code> e dois pontos ao definir funções em objetos. Aqui está um exemplo dessa sintaxe: <blockquote> const pessoa = { <br> nome: &quot;Taylor&quot;, <br> diga olá() { <br> return &quot;Olá! Meu nome é $ {this.name} .`; <br> } <br> }; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Refatorar a função <code>setGear</code> dentro da <code>bicycle</code> do objeto para usar a sintaxe abreviada descrita acima. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Expressão de função tradicional não foi usada.
+    testString: 'assert(!getUserInput("index").match(/function/),"Traditional <code>function</code> expression was not used.");'
+  - text: <code>setGear</code> é uma função declarativa.
+    testString: 'assert(typeof bicycle.setGear === "function" && getUserInput("index").match(/setGear\s*\(.+\)\s*\{/), "<code>setGear</code> is a declarative function.");'
+  - text: <code>bicycle.setGear(48)</code> altera o valor da <code>gear</code> para 48.
+    testString: 'assert((new bicycle.setGear(48)).gear === 48, "<code>bicycle.setGear(48)</code> changes the <code>gear</code> value to 48.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// change code below this line
+const bicycle = {
+  gear: 2,
+  setGear: function(newGear) {
+    "use strict";
+    this.gear = newGear;
+  }
+};
+// change code above this line
+bicycle.setGear(3);
+console.log(bicycle.gear);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-simple-fields.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-simple-fields.portuguese.md
new file mode 100644
index 0000000000..23ecd0b94d
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-simple-fields.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b8a367417b2b2512b4f
+title: Write Concise Object Literal Declarations Using Simple Fields
+challengeType: 1
+videoUrl: ''
+localeTitle: Escrever declarações concisas de objetos concisos usando campos simples
+---
+
+## Description
+<section id="description"> O ES6 adiciona algum suporte legal para definir facilmente os literais de objeto. Considere o seguinte código: <blockquote> const getMousePosition = (x, y) =&gt; ({ <br> x: x, <br> y: y <br> }); </blockquote> <code>getMousePosition</code> é uma função simples que retorna um objeto contendo dois campos. ES6 fornece o açúcar sintático para eliminar a redundância de ter que escrever <code>x: x</code> . Você pode simplesmente escrever <code>x</code> uma vez, e ele será convertido em <code>x: x</code> (ou algo equivalente) sob o capô. Aqui está a mesma função acima reescrita para usar esta nova sintaxe: <blockquote> const getMousePosition = (x, y) =&gt; ({x, y}); </blockquote></section>
+
+## Instructions
+<section id="instructions"> Use campos simples com literais de objeto para criar e retornar um objeto <code>Person</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'a saída é <code>{name: &quot;Zodiac Hasbro&quot;, age: 56, gender: &quot;male&quot;}</code> .'
+    testString: 'assert(() => {const res={name:"Zodiac Hasbro",age:56,gender:"male"}; const person=createPerson("Zodiac Hasbro", 56, "male"); return Object.keys(person).every(k => person[k] === res[k]);}, "the output is <code>{name: "Zodiac Hasbro", age: 56, gender: "male"}</code>.");'
+  - text: 'Não <code>:</code> foram usados.'
+    testString: 'getUserInput => assert(!getUserInput("index").match(/:/g), "No <code>:</code> were used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const createPerson = (name, age, gender) => {
+  "use strict";
+  // change code below this line
+  return {
+    name: name,
+    age: age,
+    gender: gender
+  };
+  // change code above this line
+};
+console.log(createPerson("Zodiac Hasbro", 56, "male")); // returns a proper object
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/write-higher-order-arrow-functions.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/write-higher-order-arrow-functions.portuguese.md
new file mode 100644
index 0000000000..23f6dda021
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/es6/write-higher-order-arrow-functions.portuguese.md
@@ -0,0 +1,69 @@
+---
+id: 587d7b88367417b2b2512b45
+title: Write Higher Order Arrow Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Escrever funções de seta de ordem superior
+---
+
+## Description
+<section id="description"> É hora de vermos como as funções de flecha são poderosas ao processar dados. As funções de seta funcionam muito bem com funções de ordem superior, como <code>map()</code> , <code>filter()</code> e <code>reduce()</code> , que tomam outras funções como argumentos para o processamento de coleções de dados. Leia o seguinte código: <blockquote> FBPosts.filter (function (post) { <br> return post.thumbnail! == null &amp;&amp; post.shares&gt; 100 &amp;&amp; post.likes&gt; 500; <br> }) </blockquote> Nós escrevemos isso com <code>filter()</code> para pelo menos torná-lo um pouco legível. Agora, compare-o ao seguinte código que usa a sintaxe da função de seta: <blockquote> FBPosts.filter ((post) =&gt; post.thumbnail! == null &amp;&amp; post.shares&gt; 100 &amp;&amp; post.likes&gt; 500) </blockquote> Esse código é mais sucinto e realiza a mesma tarefa com menos linhas de código. </section>
+
+## Instructions
+<section id="instructions"> Use a sintaxe da função de seta para calcular o quadrado de apenas os inteiros positivos (os números decimais não são inteiros) na matriz <code>realNumberArray</code> e armazene a nova matriz na variável <code>squaredIntegers</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>squaredIntegers</code> deve ser uma variável constante (usando <code>const</code> ).
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+squaredIntegers/g), "<code>squaredIntegers</code> should be a constant variable (by using <code>const</code>).");'
+  - text: <code>squaredIntegers</code> deve ser um <code>array</code>
+    testString: 'assert(Array.isArray(squaredIntegers), "<code>squaredIntegers</code> should be an <code>array</code>");'
+  - text: '<code>squaredIntegers</code> deve ser <code>[16, 1764, 36]</code>'
+    testString: 'assert.deepStrictEqual(squaredIntegers, [16, 1764, 36], "<code>squaredIntegers</code> should be <code>[16, 1764, 36]</code>");'
+  - text: palavra-chave de <code>function</code> não foi usada.
+    testString: 'getUserInput => assert(!getUserInput("index").match(/function/g), "<code>function</code> keyword was not used.");'
+  - text: loop não deve ser usado
+    testString: 'getUserInput => assert(!getUserInput("index").match(/(for)|(while)/g), "loop should not be used");'
+  - text: '<code>map</code> , <code>filter</code> ou <code>reduce</code> deve ser usado'
+    testString: 'getUserInput => assert(getUserInput("index").match(/map|filter|reduce/g), "<code>map</code>, <code>filter</code>, or <code>reduce</code> should be used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const realNumberArray = [4, 5.6, -9.8, 3.14, 42, 6, 8.34, -2];
+const squareList = (arr) => {
+  "use strict";
+  // change code below this line
+  const squaredIntegers = arr;
+  // change code above this line
+  return squaredIntegers;
+};
+// test your code
+const squaredIntegers = squareList(realNumberArray);
+console.log(squaredIntegers);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/add-elements-to-the-end-of-an-array-using-concat-instead-of-push.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/add-elements-to-the-end-of-an-array-using-concat-instead-of-push.portuguese.md
new file mode 100644
index 0000000000..38f0ad0cd0
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/add-elements-to-the-end-of-an-array-using-concat-instead-of-push.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: 587d7da9367417b2b2512b67
+title: Add Elements to the End of an Array Using concat Instead of push
+challengeType: 1
+videoUrl: ''
+localeTitle: Adicionar elementos ao final de um array usando concat Em vez de push
+---
+
+## Description
+<section id="description"> A programação funcional é toda sobre a criação e uso de funções não mutantes. O último desafio introduziu o método <code>concat</code> como uma maneira de combinar matrizes em um novo sem alterar os arrays originais. Compare <code>concat</code> no método <code>push</code> . <code>Push</code> adiciona um item ao final do mesmo array em que é chamado, o que modifica esse array. Aqui está um exemplo: <blockquote> var arr = [1, 2, 3]; <br> arr.push ([4, 5, 6]); <br> // arr é alterado para [1, 2, 3, [4, 5, 6]] <br> // Não é a maneira funcional de programação </blockquote> <code>Concat</code> oferece uma maneira de adicionar novos itens ao final de um array sem nenhum efeito colateral mutante. </section>
+
+## Instructions
+<section id="instructions"> Altere a função <code>nonMutatingPush</code> para que use a <code>concat</code> para adicionar <code>newItem</code> ao final do <code>original</code> vez de <code>push</code> . A função deve retornar uma matriz. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar o método <code>concat</code> .
+    testString: 'assert(code.match(/\.concat/g), "Your code should use the <code>concat</code> method.");'
+  - text: Seu código não deve usar o método <code>push</code> .
+    testString: 'assert(!code.match(/\.push/g), "Your code should not use the <code>push</code> method.");'
+  - text: O <code>first</code> array não deve mudar.
+    testString: 'assert(JSON.stringify(first) === JSON.stringify([1, 2, 3]), "The <code>first</code> array should not change.");'
+  - text: O <code>second</code> array não deve mudar.
+    testString: 'assert(JSON.stringify(second) === JSON.stringify([4, 5]), "The <code>second</code> array should not change.");'
+  - text: '<code>nonMutatingPush([1, 2, 3], [4, 5])</code> deve retornar <code>[1, 2, 3, 4, 5]</code> .'
+    testString: 'assert(JSON.stringify(nonMutatingPush([1, 2, 3], [4, 5])) === JSON.stringify([1, 2, 3, 4, 5]), "<code>nonMutatingPush([1, 2, 3], [4, 5])</code> should return <code>[1, 2, 3, 4, 5]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nonMutatingPush(original, newItem) {
+  // Add your code below this line
+  return original.push(newItem);
+
+  // Add your code above this line
+}
+var first = [1, 2, 3];
+var second = [4, 5];
+nonMutatingPush(first, second);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/apply-functional-programming-to-convert-strings-to-url-slugs.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/apply-functional-programming-to-convert-strings-to-url-slugs.portuguese.md
new file mode 100644
index 0000000000..218b549148
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/apply-functional-programming-to-convert-strings-to-url-slugs.portuguese.md
@@ -0,0 +1,69 @@
+---
+id: 587d7dab367417b2b2512b6d
+title: Apply Functional Programming to Convert Strings to URL Slugs
+challengeType: 1
+videoUrl: ''
+localeTitle: Aplicar programação funcional para converter seqüências de caracteres em URL Slugs
+---
+
+## Description
+<section id="description"> Os últimos vários desafios cobriram uma série de métodos úteis de matriz e string que seguem os princípios de programação funcional. Também aprendemos sobre <code>reduce</code> , que é um método poderoso usado para reduzir problemas a formulários mais simples. Das médias de computação à classificação, qualquer operação de matriz pode ser obtida aplicando-a. Lembre-se de que o <code>map</code> e o <code>filter</code> são casos especiais de <code>reduce</code> . Vamos combinar o que aprendemos para resolver um problema prático. Muitos sites de gerenciamento de conteúdo (CMS) têm os títulos de uma postagem adicionados a parte do URL para propósitos de bookmarking simples. Por exemplo, se você escrever um post do Medium intitulado &quot;Stop Using Reduce&quot;, é provável que o URL tenha alguma forma de string de título nele (&quot;... / stop-using-reduce&quot;). Você já deve ter notado isso no site freeCodeCamp. </section>
+
+## Instructions
+<section id="instructions"> Preencha a função <code>urlSlug</code> para que ela converta um <code>title</code> string e retorne a versão hifenizada para o URL. Você pode usar qualquer um dos métodos abordados nesta seção e não usar <code>replace</code> . Aqui estão os requisitos: A entrada é uma string com espaços e palavras com título de caixa A saída é uma string com os espaços entre as palavras substituídas por um hífen ( <code>-</code> ) A saída deve ser todas letras maiúsculas A saída não deve ter espaços </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A variável <code>globalTitle</code> não deve mudar.
+    testString: 'assert(globalTitle === "Winter Is Coming", "The <code>globalTitle</code> variable should not change.");'
+  - text: Seu código não deve usar o método <code>replace</code> para este desafio.
+    testString: 'assert(!code.match(/\.replace/g), "Your code should not use the <code>replace</code> method for this challenge.");'
+  - text: <code>urlSlug(&quot;Winter Is Coming&quot;)</code> deve retornar <code>&quot;winter-is-coming&quot;</code> .
+    testString: 'assert(urlSlug("Winter Is Coming") === "winter-is-coming", "<code>urlSlug("Winter Is Coming")</code> should return <code>"winter-is-coming"</code>.");'
+  - text: <code>urlSlug(&quot; Winter Is  Coming&quot;)</code> deve retornar <code>&quot;winter-is-coming&quot;</code> .
+    testString: 'assert(urlSlug(" Winter Is  Coming") === "winter-is-coming", "<code>urlSlug(" Winter Is  &nbsp;Coming")</code> should return <code>"winter-is-coming"</code>.");'
+  - text: <code>urlSlug(&quot;A Mind Needs Books Like A Sword Needs A Whetstone&quot;)</code> <code>&quot;a-mind-needs-books-like-a-sword-needs-a-whetstone&quot;</code> <code>urlSlug(&quot;A Mind Needs Books Like A Sword Needs A Whetstone&quot;)</code> deve retornar <code>&quot;a-mind-needs-books-like-a-sword-needs-a-whetstone&quot;</code> .
+    testString: 'assert(urlSlug("A Mind Needs Books Like A Sword Needs A Whetstone") === "a-mind-needs-books-like-a-sword-needs-a-whetstone", "<code>urlSlug("A Mind Needs Books Like A Sword Needs A Whetstone")</code> should return <code>"a-mind-needs-books-like-a-sword-needs-a-whetstone"</code>.");'
+  - text: <code>urlSlug(&quot;Hold The Door&quot;)</code> deve retornar <code>&quot;hold-the-door&quot;</code> .
+    testString: 'assert(urlSlug("Hold The Door") === "hold-the-door", "<code>urlSlug("Hold The Door")</code> should return <code>"hold-the-door"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var globalTitle = "Winter Is Coming";
+
+// Add your code below this line
+function urlSlug(title) {
+
+
+}
+// Add your code above this line
+
+var winterComing = urlSlug(globalTitle); // Should be "winter-is-coming"
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.portuguese.md
new file mode 100644
index 0000000000..d3e09b4bde
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b8e367417b2b2512b5e
+title: Avoid Mutations and Side Effects Using Functional Programming
+challengeType: 1
+videoUrl: ''
+localeTitle: Evite Mutações e Efeitos Colaterais Usando Programação Funcional
+---
+
+## Description
+<section id="description"> Se você ainda não descobriu, o problema no desafio anterior era com a chamada de <code>splice</code> na função <code>tabClose()</code> . Infelizmente, a <code>splice</code> altera a matriz original em que é chamada, portanto, a segunda chamada a ela usou uma matriz modificada e gerou resultados inesperados. Este é um pequeno exemplo de um padrão muito maior - você chama uma função em uma variável, matriz ou um objeto, e a função altera a variável ou algo no objeto. Um dos principais princípios da programação funcional é não mudar as coisas. Mudanças levam a bugs. É mais fácil evitar erros sabendo que suas funções não alteram nada, incluindo os argumentos da função ou qualquer variável global. O exemplo anterior não teve operações complicadas, mas o método de <code>splice</code> alterou o array original e resultou em um bug. Lembre-se que na programação funcional, mudar ou alterar coisas é chamado de <code>mutation</code> , e o resultado é chamado de <code>side effect</code> . Uma função, idealmente, deveria ser uma <code>pure function</code> , o que significa que não causa efeitos colaterais. Vamos tentar dominar essa disciplina e não alterar nenhuma variável ou objeto em nosso código. </section>
+
+## Instructions
+<section id="instructions"> Preencha o código para o <code>incrementer</code> função para que ele retorne o valor da variável global <code>fixedValue</code> aumentado em um. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu <code>incrementer</code> função não deve alterar o valor de <code>fixedValue</code> .
+    testString: 'assert(fixedValue === 4, "Your function <code>incrementer</code> should not change the value of <code>fixedValue</code>.");'
+  - text: Sua função de <code>incrementer</code> deve retornar um valor que é maior que o valor <code>fixedValue</code> .
+    testString: 'assert(newValue === 5, "Your <code>incrementer</code> function should return a value that is one larger than the <code>fixedValue</code> value.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var fixedValue = 4;
+
+function incrementer () {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+
+var newValue = incrementer(); // Should equal 5
+console.log(fixedValue); // Should print 4
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/combine-an-array-into-a-string-using-the-join-method.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/combine-an-array-into-a-string-using-the-join-method.portuguese.md
new file mode 100644
index 0000000000..73ce29b188
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/combine-an-array-into-a-string-using-the-join-method.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: 587d7daa367417b2b2512b6c
+title: Combine an Array into a String Using the join Method
+challengeType: 1
+videoUrl: ''
+localeTitle: Combine uma matriz em uma seqüência de caracteres usando o método de associação
+---
+
+## Description
+<section id="description"> O método de <code>join</code> é usado para unir os elementos de uma matriz para criar uma string. É necessário um argumento para o delimitador usado para separar os elementos da matriz na cadeia. Aqui está um exemplo: <blockquote> var arr = [&quot;Olá&quot;, &quot;Mundo&quot;]; <br> var str = arr.join (&quot;&quot;); <br> // Define str como &quot;Hello World&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Use o método <code>join</code> (entre outros) dentro da função <code>sentensify</code> para fazer uma sentença a partir das palavras na string <code>str</code> . A função deve retornar uma string. Por exemplo, &quot;Eu-como-Star-Wars&quot; seria convertido para &quot;Eu gosto de Star Wars&quot;. Para este desafio, não use o método <code>replace</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar o método de <code>join</code> .
+    testString: 'assert(code.match(/\.join/g), "Your code should use the <code>join</code> method.");'
+  - text: Seu código não deve usar o método <code>replace</code> .
+    testString: 'assert(!code.match(/\.replace/g), "Your code should not use the <code>replace</code> method.");'
+  - text: <code>sentensify(&quot;May-the-force-be-with-you&quot;)</code> deve retornar uma string.
+    testString: 'assert(typeof sentensify("May-the-force-be-with-you") === "string", "<code>sentensify("May-the-force-be-with-you")</code> should return a string.");'
+  - text: <code>sentensify(&quot;May-the-force-be-with-you&quot;)</code> deve retornar <code>&quot;May the force be with you&quot;</code> .
+    testString: 'assert(sentensify("May-the-force-be-with-you") === "May the force be with you", "<code>sentensify("May-the-force-be-with-you")</code> should return <code>"May the force be with you"</code>.");'
+  - text: <code>sentensify(&quot;The.force.is.strong.with.this.one&quot;)</code> deve retornar <code>&quot;The force is strong with this one&quot;</code> .
+    testString: 'assert(sentensify("The.force.is.strong.with.this.one") === "The force is strong with this one", "<code>sentensify("The.force.is.strong.with.this.one")</code> should return <code>"The force is strong with this one"</code>.");'
+  - text: '<code>sentensify(&quot;There,has,been,an,awakening&quot;)</code> deve retornar <code>&quot;There has been an awakening&quot;</code> .'
+    testString: 'assert(sentensify("There,has,been,an,awakening") === "There has been an awakening", "<code>sentensify("There,has,been,an,awakening")</code> should return <code>"There has been an awakening"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sentensify(str) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+sentensify("May-the-force-be-with-you");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.portuguese.md
new file mode 100644
index 0000000000..77e30bde02
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7da9367417b2b2512b66
+title: Combine Two Arrays Using the concat Method
+challengeType: 1
+videoUrl: ''
+localeTitle: Combine duas matrizes usando o método concat
+---
+
+## Description
+<section id="description"> <code>Concatenation</code> significa unir itens de ponta a ponta. O JavaScript oferece o método <code>concat</code> para cadeias de caracteres e matrizes que funcionam da mesma maneira. Para matrizes, o método é chamado em um, em seguida, outro array é fornecido como o argumento para <code>concat</code> , que é adicionado ao final do primeiro array. Ele retorna um novo array e não altera os arrays originais. Aqui está um exemplo: <blockquote> [1, 2, 3] .concat ([4, 5, 6]); <br> // Retorna uma nova matriz [1, 2, 3, 4, 5, 6] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Use o método <code>concat</code> na função <code>nonMutatingConcat</code> para concatenar <code>attach</code> ao final do <code>original</code> . A função deve retornar o array concatenado. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar o método <code>concat</code> .
+    testString: 'assert(code.match(/\.concat/g), "Your code should use the <code>concat</code> method.");'
+  - text: O <code>first</code> array não deve mudar.
+    testString: 'assert(JSON.stringify(first) === JSON.stringify([1, 2, 3]), "The <code>first</code> array should not change.");'
+  - text: O <code>second</code> array não deve mudar.
+    testString: 'assert(JSON.stringify(second) === JSON.stringify([4, 5]), "The <code>second</code> array should not change.");'
+  - text: '<code>nonMutatingConcat([1, 2, 3], [4, 5])</code> deve retornar <code>[1, 2, 3, 4, 5]</code> .'
+    testString: 'assert(JSON.stringify(nonMutatingConcat([1, 2, 3], [4, 5])) === JSON.stringify([1, 2, 3, 4, 5]), "<code>nonMutatingConcat([1, 2, 3], [4, 5])</code> should return <code>[1, 2, 3, 4, 5]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nonMutatingConcat(original, attach) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+var first = [1, 2, 3];
+var second = [4, 5];
+nonMutatingConcat(first, second);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.portuguese.md
new file mode 100644
index 0000000000..e5178fe8b0
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b8f367417b2b2512b62
+title: Implement map on a Prototype
+challengeType: 1
+videoUrl: ''
+localeTitle: Implementar mapa em um protótipo
+---
+
+## Description
+<section id="description"> Como você viu aplicando <code>Array.prototype.map()</code> , ou simplesmente <code>map()</code> anteriormente, o método <code>map</code> retorna um array do mesmo tamanho daquele em que foi chamado. Também não altera o array original, desde que a função de retorno de chamada não altere. Em outras palavras, o <code>map</code> é uma função pura e sua saída depende unicamente de suas entradas. Além disso, é necessária outra função como argumento. Isso nos ensinaria muito sobre o <code>map</code> para tentar implementar uma versão dele que se comporta exatamente como o <code>Array.prototype.map()</code> com um loop <code>for</code> ou <code>Array.prototype.forEach()</code> . Nota: Uma função pura pode alterar as variáveis ​​locais definidas dentro do seu escopo, embora seja preferível evitar isso também. </section>
+
+## Instructions
+<section id="instructions"> Escreva seu próprio <code>Array.prototype.myMap()</code> , que deve se comportar exatamente como <code>Array.prototype.map()</code> . Você pode usar um loop <code>for</code> ou o método <code>forEach</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>new_s</code> deve ser igual a <code>[46, 130, 196, 10]</code> .'
+    testString: 'assert(JSON.stringify(new_s) === JSON.stringify([46, 130, 196, 10]), "<code>new_s</code> should equal <code>[46, 130, 196, 10]</code>.");'
+  - text: Seu código não deve usar o método do <code>map</code> .
+    testString: 'assert(!code.match(/\.map/g), "Your code should not use the <code>map</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global Array
+var s = [23, 65, 98, 5];
+
+Array.prototype.myMap = function(callback){
+  var newArray = [];
+  // Add your code below this line
+
+  // Add your code above this line
+  return newArray;
+
+};
+
+var new_s = s.myMap(function(item){
+  return item * 2;
+});
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/implement-the-filter-method-on-a-prototype.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/implement-the-filter-method-on-a-prototype.portuguese.md
new file mode 100644
index 0000000000..f5c2455649
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/implement-the-filter-method-on-a-prototype.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b8f367417b2b2512b64
+title: Implement the filter Method on a Prototype
+challengeType: 1
+videoUrl: ''
+localeTitle: Implementar o método de filtro em um protótipo
+---
+
+## Description
+<section id="description"> Isso nos ensinaria muito sobre o método de <code>filter</code> se tentarmos implementar uma versão dele que se comporta exatamente como <code>Array.prototype.filter()</code> . Pode usar um loop <code>for</code> ou <code>Array.prototype.forEach()</code> . Nota: Uma função pura pode alterar as variáveis ​​locais definidas dentro do seu escopo, embora seja preferível evitar isso também. </section>
+
+## Instructions
+<section id="instructions"> Escreva seu próprio <code>Array.prototype.myFilter()</code> , que deve se comportar exatamente como <code>Array.prototype.filter()</code> . Você pode usar um loop <code>for</code> ou o método <code>Array.prototype.forEach()</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>new_s</code> deve ser igual a <code>[23, 65, 5]</code> .'
+    testString: 'assert(JSON.stringify(new_s) === JSON.stringify([23, 65, 5]), "<code>new_s</code> should equal <code>[23, 65, 5]</code>.");'
+  - text: Seu código não deve usar o método de <code>filter</code> .
+    testString: 'assert(!code.match(/\.filter/g), "Your code should not use the <code>filter</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global Array
+var s = [23, 65, 98, 5];
+
+Array.prototype.myFilter = function(callback){
+  var newArray = [];
+  // Add your code below this line
+
+  // Add your code above this line
+  return newArray;
+
+};
+
+var new_s = s.myFilter(function(item){
+  return item % 2 === 1;
+});
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/introduction-to-currying-and-partial-application.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/introduction-to-currying-and-partial-application.portuguese.md
new file mode 100644
index 0000000000..1a0d7ea7eb
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/introduction-to-currying-and-partial-application.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7dab367417b2b2512b70
+title: Introduction to Currying and Partial Application
+challengeType: 1
+videoUrl: ''
+localeTitle: Introdução ao Currying e Aplicação Parcial
+---
+
+## Description
+<section id="description"> A <code>arity</code> de uma função é o número de argumentos requeridos. <code>Currying</code> uma função significa converter uma função de N <code>arity</code> em N funções de <code>arity</code> 1. Em outras palavras, ela reestrutura uma função, de modo que recebe um argumento, depois retorna outra função que recebe o próximo argumento, e assim por diante. Aqui está um exemplo: <blockquote> // Função sem curry <br> function unCurried (x, y) { <br> return x + y; <br> } <br><br> // Função curry <br> função curry (x) { <br> função de retorno (y) { <br> return x + y; <br> } <br> } <br> curry (1) (2) // Retorna 3 </blockquote> Isso é útil em seu programa se você não puder fornecer todos os argumentos para uma função de uma só vez. Você pode salvar cada chamada de função em uma variável, que conterá a referência da função retornada que recebe o próximo argumento quando estiver disponível. Aqui está um exemplo usando a função <code>curried</code> no exemplo acima: <blockquote> // Chame uma função curry em partes: <br> var funcForY = curry (1); <br> console.log (funcForY (2)); // Imprime 3 </blockquote> Da mesma forma, <code>partial application</code> pode ser descrita como aplicando alguns argumentos a uma função por vez e retornando outra função que é aplicada a mais argumentos. Aqui está um exemplo: <blockquote> // Função imparcial <br> função imparcial (x, y, z) { <br> return x + y + z; <br> } <br> var partialFn = impartial.bind (isso, 1, 2); <br> partialFn (10); // Retorna 13 </blockquote></section>
+
+## Instructions
+<section id="instructions"> Preencha o corpo da função <code>add</code> para usar o currying para adicionar os parâmetros <code>x</code> , <code>y</code> e <code>z</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>add(10)(20)(30)</code> deve retornar <code>60</code> .
+    testString: 'assert(add(10)(20)(30) === 60, "<code>add(10)(20)(30)</code> should return <code>60</code>.");'
+  - text: <code>add(1)(2)(3)</code> deve retornar <code>6</code> .
+    testString: 'assert(add(1)(2)(3) === 6, "<code>add(1)(2)(3)</code> should return <code>6</code>.");'
+  - text: <code>add(11)(22)(33)</code> deve retornar <code>66</code> .
+    testString: 'assert(add(11)(22)(33) === 66, "<code>add(11)(22)(33)</code> should return <code>66</code>.");'
+  - text: Seu código deve incluir uma declaração final que retorne <code>x + y + z</code> .
+    testString: 'assert(code.match(/[xyz]\s*?\+\s*?[xyz]\s*?\+\s*?[xyz]/g), "Your code should include a final statement that returns <code>x + y + z</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function add(x) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+add(10)(20)(30);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/learn-about-functional-programming.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/learn-about-functional-programming.portuguese.md
new file mode 100644
index 0000000000..dbf3f31aec
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/learn-about-functional-programming.portuguese.md
@@ -0,0 +1,79 @@
+---
+id: 587d7b8d367417b2b2512b5b
+title: Learn About Functional Programming
+challengeType: 1
+videoUrl: ''
+localeTitle: Aprenda sobre a programação funcional
+---
+
+## Description
+<section id="description"> A programação funcional é um estilo de programação em que as soluções são funções simples e isoladas, sem nenhum efeito colateral fora do escopo da função. <code>INPUT -&gt; PROCESS -&gt; OUTPUT</code> A programação funcional é sobre: ​​1) Funções isoladas - não há dependência do estado do programa, que inclui variáveis ​​globais que estão sujeitas a alterações. 2) Funções puras - a mesma entrada sempre dá a mesma saída 3) Funções com efeitos colaterais limitados - quaisquer alterações, ou mutações, ao estado do programa fora da função são cuidadosamente controladas </section>
+
+## Instructions
+<section id="instructions"> Os membros do freeCodeCamp adoram chá. No editor de código, os <code>prepareTea</code> e <code>getTea</code> funções já estão definidos para você. Chame a função <code>getTea</code> para obter 40 xícaras de chá para a equipe e armazene-as na variável <code>tea4TeamFCC</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A variável <code>tea4TeamFCC</code> deve conter 40 xícaras de chá para a equipe.
+    testString: 'assert(tea4TeamFCC.length === 40, "The <code>tea4TeamFCC</code> variable should hold 40 cups of tea for the team.");'
+  - text: A variável <code>tea4TeamFCC</code> deve conter xícaras de chá verde.
+    testString: 'assert(tea4TeamFCC[0] === "greenTea", "The <code>tea4TeamFCC</code> variable should hold cups of green tea.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+/**
+ * A long process to prepare tea.
+ * @return {string} A cup of tea.
+ **/
+const prepareTea = () => 'greenTea';
+
+/**
+ * Get given number of cups of tea.
+ * @param {number} numOfCups Number of required cups of tea.
+ * @return {Array<string>} Given amount of tea cups.
+ **/
+const getTea = (numOfCups) => {
+  const teaCups = [];
+
+  for(let cups = 1; cups <= numOfCups; cups += 1) {
+    const teaCup = prepareTea();
+    teaCups.push(teaCup);
+  }
+
+  return teaCups;
+};
+
+// Add your code below this line
+
+const tea4TeamFCC = null; // :(
+
+// Add your code above this line
+
+console.log(tea4TeamFCC);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/pass-arguments-to-avoid-external-dependence-in-a-function.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/pass-arguments-to-avoid-external-dependence-in-a-function.portuguese.md
new file mode 100644
index 0000000000..786fd4738e
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/pass-arguments-to-avoid-external-dependence-in-a-function.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b8e367417b2b2512b5f
+title: Pass Arguments to Avoid External Dependence in a Function
+challengeType: 1
+videoUrl: ''
+localeTitle: Passar Argumentos para Evitar Dependência Externa em uma Função
+---
+
+## Description
+<section id="description"> O último desafio foi um passo mais próximo dos princípios de programação funcional, mas ainda falta algo. Nós não alteramos o valor da variável global, mas o <code>incrementer</code> função não funcionaria sem a variável global <code>fixedValue</code> estar lá. Outro princípio da programação funcional é sempre declarar suas dependências explicitamente. Isso significa que, se uma função depende de uma variável ou objeto estar presente, passe essa variável ou objeto diretamente para a função como um argumento. Existem várias boas conseqüências desse princípio. A função é mais fácil de testar, você sabe exatamente qual entrada é necessária e não depende de mais nada em seu programa. Isso pode lhe dar mais confiança quando você altera, remove ou adiciona um novo código. Você saberia o que você pode ou não pode mudar e você pode ver onde estão as possíveis armadilhas. Finalmente, a função sempre produziria a mesma saída para o mesmo conjunto de entradas, independentemente da parte do código que a executa. </section>
+
+## Instructions
+<section id="instructions"> Vamos atualizar a função <code>incrementer</code> para declarar claramente suas dependências. Escreva a função <code>incrementer</code> modo que receba um argumento e, em seguida, aumente o valor em um. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu <code>incrementer</code> função não deve alterar o valor de <code>fixedValue</code> .
+    testString: 'assert(fixedValue === 4, "Your function <code>incrementer</code> should not change the value of <code>fixedValue</code>.");'
+  - text: Sua função <code>incrementer</code> deve ter um parâmetro.
+    testString: 'assert(code.match(/function\s+?incrementer\s*?\(.+?\)/g), "Your <code>incrementer</code> function should take a parameter.");'
+  - text: Sua função de <code>incrementer</code> deve retornar um valor que é maior que o valor <code>fixedValue</code> .
+    testString: 'assert(newValue === 5, "Your <code>incrementer</code> function should return a value that is one larger than the <code>fixedValue</code> value.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var fixedValue = 4;
+
+// Add your code below this line
+function incrementer () {
+
+
+  // Add your code above this line
+}
+
+var newValue = incrementer(fixedValue); // Should equal 5
+console.log(fixedValue); // Should print 4
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/refactor-global-variables-out-of-functions.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/refactor-global-variables-out-of-functions.portuguese.md
new file mode 100644
index 0000000000..56f7946714
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/refactor-global-variables-out-of-functions.portuguese.md
@@ -0,0 +1,86 @@
+---
+id: 587d7b8f367417b2b2512b60
+title: Refactor Global Variables Out of Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Refatorar variáveis ​​globais com funções
+---
+
+## Description
+<section id="description"> Até agora, vimos dois princípios distintos para a programação funcional: 1) Não altere uma variável ou objeto - crie novas variáveis ​​e objetos e os retorne, se necessário, a partir de uma função. 2) Declarar argumentos de função - qualquer cálculo dentro de uma função depende apenas dos argumentos e não de qualquer objeto ou variável global. Adicionar um a um número não é muito interessante, mas podemos aplicar esses princípios ao trabalhar com matrizes ou objetos mais complexos. </section>
+
+## Instructions
+<section id="instructions"> Refatorar (reescrever) o código para que a matriz global <code>bookList</code> não seja alterada dentro de nenhuma função. A função <code>add</code> deve adicionar o <code>bookName</code> dado ao final de um array. A função <code>remove</code> deve remover o <code>bookName</code> dado de uma matriz. Ambas as funções devem retornar um array, e quaisquer novos parâmetros devem ser adicionados antes do <code>bookName</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>bookList</code> não deve mudar e ainda ser igual <code>[&quot;The Hound of the Baskervilles&quot;, &quot;On The Electrodynamics of Moving Bodies&quot;, &quot;Philosophiæ Naturalis Principia Mathematica&quot;, &quot;Disquisitiones Arithmeticae&quot;]</code> .'
+    testString: 'assert(JSON.stringify(bookList) === JSON.stringify(["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]), "<code>bookList</code> should not change and still equal <code>["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]</code>.");'
+  - text: '<code>newBookList</code> deve ser igual <code>[&quot;The Hound of the Baskervilles&quot;, &quot;On The Electrodynamics of Moving Bodies&quot;, &quot;Philosophiæ Naturalis Principia Mathematica&quot;, &quot;Disquisitiones Arithmeticae&quot;, &quot;A Brief History of Time&quot;]</code> .'
+    testString: 'assert(JSON.stringify(newBookList) === JSON.stringify(["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]), "<code>newBookList</code> should equal <code>["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]</code>.");'
+  - text: '<code>newerBookList</code> deve ser igual a <code>[&quot;The Hound of the Baskervilles&quot;, &quot;Philosophiæ Naturalis Principia Mathematica&quot;, &quot;Disquisitiones Arithmeticae&quot;]</code> .'
+    testString: 'assert(JSON.stringify(newerBookList) === JSON.stringify(["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]), "<code>newerBookList</code> should equal <code>["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]</code>.");'
+  - text: '<code>newestBookList</code> deve ser igual <code>[&quot;The Hound of the Baskervilles&quot;, &quot;Philosophiæ Naturalis Principia Mathematica&quot;, &quot;Disquisitiones Arithmeticae&quot;, &quot;A Brief History of Time&quot;]</code> .'
+    testString: 'assert(JSON.stringify(newestBookList) === JSON.stringify(["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]), "<code>newestBookList</code> should equal <code>["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var bookList = ["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"];
+
+/* This function should add a book to the list and return the list */
+// New parameters should come before the bookName one
+
+// Add your code below this line
+function add (bookName) {
+
+  return bookList.push(bookName);
+
+  // Add your code above this line
+}
+
+/* This function should remove a book from the list and return the list */
+// New parameters should come before the bookName one
+
+// Add your code below this line
+function remove (bookName) {
+  if (bookList.indexOf(bookName) >= 0) {
+
+    return bookList.splice(0, 1, bookName);
+
+    // Add your code above this line
+    }
+}
+
+var newBookList = add(bookList, 'A Brief History of Time');
+var newerBookList = remove(bookList, 'On The Electrodynamics of Moving Bodies');
+var newestBookList = remove(add(bookList, 'A Brief History of Time'), 'On The Electrodynamics of Moving Bodies');
+
+console.log(bookList);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/remove-elements-from-an-array-using-slice-instead-of-splice.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/remove-elements-from-an-array-using-slice-instead-of-splice.portuguese.md
new file mode 100644
index 0000000000..c9c0ee6e60
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/remove-elements-from-an-array-using-slice-instead-of-splice.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: 9d7123c8c441eeafaeb5bdef
+title: Remove Elements from an Array Using slice Instead of splice
+challengeType: 1
+videoUrl: ''
+localeTitle: Remover elementos de um array usando slice Em vez de splice
+---
+
+## Description
+<section id="description"> Um padrão comum ao trabalhar com matrizes é quando você deseja remover itens e manter o restante da matriz. JavaScript oferece o método <code>splice</code> para isso, que leva argumentos para o índice de onde começar a remover itens e, em seguida, o número de itens a serem removidos. Se o segundo argumento não for fornecido, o padrão será remover itens até o final. No entanto, o método de <code>splice</code> altera o array original em que é chamado. Aqui está um exemplo: <blockquote> var cities = [&quot;Chicago&quot;, &quot;Delhi&quot;, &quot;Islamabad&quot;, &quot;Londres&quot;, &quot;Berlim&quot;]; <br> towns.splice (3, 1); // Retorna &quot;Londres&quot; e apaga da matriz de cidades <br> // cidades é agora [&quot;Chicago&quot;, &quot;Delhi&quot;, &quot;Islamabad&quot;, &quot;Berlin&quot;] </blockquote> Como vimos no último desafio, o método <code>slice</code> não altera o array original, mas retorna um novo que pode ser salvo em uma variável. Lembre-se de que o método de <code>slice</code> usa dois argumentos para os índices começarem e terminarem a fatia (o final não é inclusivo) e retorna esses itens em uma nova matriz. Usar o método de <code>slice</code> , em vez de <code>splice</code> ajuda a evitar efeitos colaterais de alteração de matriz. </section>
+
+## Instructions
+<section id="instructions"> Reescreva a função <code>nonMutatingSplice</code> usando <code>slice</code> vez de <code>splice</code> . Ele deve limitar o array de <code>cities</code> fornecidas a um comprimento de 3 e retornar um novo array com apenas os três primeiros itens. Não mude o array original fornecido para a função. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar o método de <code>slice</code> .
+    testString: 'assert(code.match(/\.slice/g), "Your code should use the <code>slice</code> method.");'
+  - text: Seu código não deve usar o método de <code>splice</code> .
+    testString: 'assert(!code.match(/\.splice/g), "Your code should not use the <code>splice</code> method.");'
+  - text: A matriz <code>inputCities</code> não deve ser alterada.
+    testString: 'assert(JSON.stringify(inputCities) === JSON.stringify(["Chicago", "Delhi", "Islamabad", "London", "Berlin"]), "The <code>inputCities</code> array should not change.");'
+  - text: '<code>nonMutatingSplice([&quot;Chicago&quot;, &quot;Delhi&quot;, &quot;Islamabad&quot;, &quot;London&quot;, &quot;Berlin&quot;])</code> deve retornar <code>[&quot;Chicago&quot;, &quot;Delhi&quot;, &quot;Islamabad&quot;]</code> .'
+    testString: 'assert(JSON.stringify(nonMutatingSplice(["Chicago", "Delhi", "Islamabad", "London", "Berlin"])) === JSON.stringify(["Chicago", "Delhi", "Islamabad"]), "<code>nonMutatingSplice(["Chicago", "Delhi", "Islamabad", "London", "Berlin"])</code> should return <code>["Chicago", "Delhi", "Islamabad"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nonMutatingSplice(cities) {
+  // Add your code below this line
+  return cities.splice(3);
+
+  // Add your code above this line
+}
+var inputCities = ["Chicago", "Delhi", "Islamabad", "London", "Berlin"];
+nonMutatingSplice(inputCities);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/return-a-sorted-array-without-changing-the-original-array.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/return-a-sorted-array-without-changing-the-original-array.portuguese.md
new file mode 100644
index 0000000000..8f80af3cc4
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/return-a-sorted-array-without-changing-the-original-array.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: 587d7da9367417b2b2512b6a
+title: Return a Sorted Array Without Changing the Original Array
+challengeType: 1
+videoUrl: ''
+localeTitle: Retornar uma matriz classificada sem alterar a matriz original
+---
+
+## Description
+<section id="description"> Um efeito colateral do método de <code>sort</code> é que ele altera a ordem dos elementos no array original. Em outras palavras, ele transforma o array no lugar. Uma maneira de evitar isso é primeiro concatenar uma matriz vazia para a que está sendo classificada (lembre-se de que a <code>concat</code> retorna uma nova matriz) e, em seguida, execute o método de <code>sort</code> . </section>
+
+## Instructions
+<section id="instructions"> Use o método de <code>sort</code> na função <code>nonMutatingSort</code> para classificar os elementos de uma matriz em ordem crescente. A função deve retornar uma nova matriz e não alterar a variável <code>globalArray</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar o método de <code>sort</code> .
+    testString: 'assert(code.match(/\.sort/g), "Your code should use the <code>sort</code> method.");'
+  - text: Seu código deve usar o método <code>concat</code> .
+    testString: 'assert(code.match(/\.concat/g), "Your code should use the <code>concat</code> method.");'
+  - text: A variável <code>globalArray</code> não deve ser alterada.
+    testString: 'assert(JSON.stringify(globalArray) === JSON.stringify([5, 6, 3, 2, 9]), "The <code>globalArray</code> variable should not change.");'
+  - text: '<code>nonMutatingSort(globalArray)</code> deve retornar <code>[2, 3, 5, 6, 9]</code> .'
+    testString: 'assert(JSON.stringify(nonMutatingSort(globalArray)) === JSON.stringify([2, 3, 5, 6, 9]), "<code>nonMutatingSort(globalArray)</code> should return <code>[2, 3, 5, 6, 9]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var globalArray = [5, 6, 3, 2, 9];
+function nonMutatingSort(arr) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+nonMutatingSort(globalArray);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/return-part-of-an-array-using-the-slice-method.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/return-part-of-an-array-using-the-slice-method.portuguese.md
new file mode 100644
index 0000000000..f8c72b25db
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/return-part-of-an-array-using-the-slice-method.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b90367417b2b2512b65
+title: Return Part of an Array Using the slice Method
+challengeType: 1
+videoUrl: ''
+localeTitle: Retornar parte de uma matriz usando o método de fatia
+---
+
+## Description
+<section id="description"> O método <code>slice</code> retorna uma cópia de certos elementos de um array. Pode levar dois argumentos, o primeiro dá o índice de onde começar a fatia, o segundo é o índice de onde terminar a fatia (e é não-inclusivo). Se os argumentos não forem fornecidos, o padrão é começar no início da matriz até o final, o que é uma maneira fácil de fazer uma cópia da matriz inteira. O método de <code>slice</code> não altera o array original, mas retorna um novo. Aqui está um exemplo: <blockquote> var arr = [&quot;gato&quot;, &quot;cachorro&quot;, &quot;tigre&quot;, &quot;zebra&quot;]; <br> var newArray = arr.slice (1, 3); <br> // Define newArray para [&quot;Dog&quot;, &quot;Tiger&quot;] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Use o método de <code>slice</code> na função <code>sliceArray</code> para retornar parte do array <code>anim</code> dado os índices <code>endSlice</code> e <code>beginSlice</code> fornecidos. A função deve retornar uma matriz. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar o método de <code>slice</code> .
+    testString: 'assert(code.match(/\.slice/g), "Your code should use the <code>slice</code> method.");'
+  - text: A variável <code>inputAnim</code> não deve ser alterada.
+    testString: 'assert(JSON.stringify(inputAnim) === JSON.stringify(["Cat", "Dog", "Tiger", "Zebra", "Ant"]), "The <code>inputAnim</code> variable should not change.");'
+  - text: '<code>sliceArray([&quot;Cat&quot;, &quot;Dog&quot;, &quot;Tiger&quot;, &quot;Zebra&quot;, &quot;Ant&quot;], 1, 3)</code> deve retornar <code>[&quot;Dog&quot;, &quot;Tiger&quot;]</code> .'
+    testString: 'assert(JSON.stringify(sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 3)) === JSON.stringify(["Dog", "Tiger"]), "<code>sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 3)</code> should return <code>["Dog", "Tiger"]</code>.");'
+  - text: '<code>sliceArray([&quot;Cat&quot;, &quot;Dog&quot;, &quot;Tiger&quot;, &quot;Zebra&quot;, &quot;Ant&quot;], 0, 1)</code> deve retornar <code>[&quot;Cat&quot;]</code> .'
+    testString: 'assert(JSON.stringify(sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 0, 1)) === JSON.stringify(["Cat"]), "<code>sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 0, 1)</code> should return <code>["Cat"]</code>.");'
+  - text: '<code>sliceArray([&quot;Cat&quot;, &quot;Dog&quot;, &quot;Tiger&quot;, &quot;Zebra&quot;, &quot;Ant&quot;], 1, 4)</code> deve retornar <code>[&quot;Dog&quot;, &quot;Tiger&quot;, &quot;Zebra&quot;]</code> .'
+    testString: 'assert(JSON.stringify(sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 4)) === JSON.stringify(["Dog", "Tiger", "Zebra"]), "<code>sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 4)</code> should return <code>["Dog", "Tiger", "Zebra"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sliceArray(anim, beginSlice, endSlice) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+var inputAnim = ["Cat", "Dog", "Tiger", "Zebra", "Ant"];
+sliceArray(inputAnim, 1, 3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/sort-an-array-alphabetically-using-the-sort-method.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/sort-an-array-alphabetically-using-the-sort-method.portuguese.md
new file mode 100644
index 0000000000..79ce083d7a
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/sort-an-array-alphabetically-using-the-sort-method.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7da9367417b2b2512b69
+title: Sort an Array Alphabetically using the sort Method
+challengeType: 1
+videoUrl: ''
+localeTitle: Ordenar uma matriz em ordem alfabética usando o método de classificação
+---
+
+## Description
+<section id="description"> O método de <code>sort</code> classifica os elementos de uma matriz de acordo com a função de retorno de chamada. Por exemplo: <blockquote> function ascendingOrder (arr) { <br> return arr.sort (função (a, b) { <br> return a - b; <br> }); <br> } <br> ascendingOrder ([1, 5, 2, 3, 4]); <br> // Retorna [1, 2, 3, 4, 5] <br><br> função reverseAlpha (arr) { <br> return arr.sort (função (a, b) { <br> return a &lt;b; <br> }); <br> } <br> reverseAlpha ([&#39;l&#39;, &#39;h&#39;, &#39;z&#39;, &#39;b&#39;, &#39;s&#39;]); <br> // Retorna [&#39;z&#39;, &#39;s&#39;, &#39;l&#39;, &#39;h&#39;, &#39;b&#39;] </blockquote> Nota: É recomendável fornecer uma função de retorno de chamada para especificar como classificar os itens da matriz. O método de classificação padrão do JavaScript é pelo valor do ponto Unicode da sequência, que pode retornar resultados inesperados. </section>
+
+## Instructions
+<section id="instructions"> Use o método <code>sort</code> na função <code>alphabeticalOrder</code> para classificar os elementos de <code>arr</code> em ordem alfabética. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar o método de <code>sort</code> .
+    testString: 'assert(code.match(/\.sort/g), "Your code should use the <code>sort</code> method.");'
+  - text: '<code>alphabeticalOrder([&quot;a&quot;, &quot;d&quot;, &quot;c&quot;, &quot;a&quot;, &quot;z&quot;, &quot;g&quot;])</code> deve retornar <code>[&quot;a&quot;, &quot;a&quot;, &quot;c&quot;, &quot;d&quot;, &quot;g&quot;, &quot;z&quot;]</code> .'
+    testString: 'assert(JSON.stringify(alphabeticalOrder(["a", "d", "c", "a", "z", "g"])) === JSON.stringify(["a", "a", "c", "d", "g", "z"]), "<code>alphabeticalOrder(["a", "d", "c", "a", "z", "g"])</code> should return <code>["a", "a", "c", "d", "g", "z"]</code>.");'
+  - text: '<code>alphabeticalOrder([&quot;x&quot;, &quot;h&quot;, &quot;a&quot;, &quot;m&quot;, &quot;n&quot;, &quot;m&quot;])</code> deve retornar <code>[&quot;a&quot;, &quot;h&quot;, &quot;m&quot;, &quot;m&quot;, &quot;n&quot;, &quot;x&quot;]</code> .'
+    testString: 'assert(JSON.stringify(alphabeticalOrder(["x", "h", "a", "m", "n", "m"])) === JSON.stringify(["a", "h", "m", "m", "n", "x"]), "<code>alphabeticalOrder(["x", "h", "a", "m", "n", "m"])</code> should return <code>["a", "h", "m", "m", "n", "x"]</code>.");'
+  - text: '<code>alphabeticalOrder([&quot;a&quot;, &quot;a&quot;, &quot;a&quot;, &quot;a&quot;, &quot;x&quot;, &quot;t&quot;])</code> deve retornar <code>[&quot;a&quot;, &quot;a&quot;, &quot;a&quot;, &quot;a&quot;, &quot;t&quot;, &quot;x&quot;]</code> .'
+    testString: 'assert(JSON.stringify(alphabeticalOrder(["a", "a", "a", "a", "x", "t"])) === JSON.stringify(["a", "a", "a", "a", "t", "x"]), "<code>alphabeticalOrder(["a", "a", "a", "a", "x", "t"])</code> should return <code>["a", "a", "a", "a", "t", "x"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function alphabeticalOrder(arr) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+alphabeticalOrder(["a", "d", "c", "a", "z", "g"]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/split-a-string-into-an-array-using-the-split-method.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/split-a-string-into-an-array-using-the-split-method.portuguese.md
new file mode 100644
index 0000000000..3c39b3a813
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/split-a-string-into-an-array-using-the-split-method.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7daa367417b2b2512b6b
+title: Split a String into an Array Using the split Method
+challengeType: 1
+videoUrl: ''
+localeTitle: Dividir uma string em uma matriz usando o método de divisão
+---
+
+## Description
+<section id="description"> O método <code>split</code> divide uma string em uma matriz de strings. É necessário um argumento para o delimitador, que pode ser um caractere a ser usado para dividir a cadeia ou uma expressão regular. Por exemplo, se o delimitador for um espaço, você obterá uma matriz de palavras e, se o delimitador for uma cadeia vazia, você obterá uma matriz de cada caractere na cadeia. Aqui estão dois exemplos que dividem uma string por espaços, depois outra por dígitos usando uma expressão regular: <blockquote> var str = &quot;Olá mundo&quot;; <br> var bySpace = str.split (&quot;&quot;); <br> // Define bySpace para [&quot;Hello&quot;, &quot;World&quot;] <br><br> var otherString = &quot;How9are7you2today&quot;; <br> var byDigits = otherString.split (/ \ d /); <br> // Define byDigits como [&quot;How&quot;, &quot;are&quot;, &quot;you&quot;, &quot;today&quot;] </blockquote> Como as strings são imutáveis, o método <code>split</code> facilita o trabalho com elas. </section>
+
+## Instructions
+<section id="instructions"> Use o método <code>split</code> dentro da função <code>splitify</code> para dividir <code>str</code> em uma matriz de palavras. A função deve retornar a matriz. Observe que as palavras nem sempre são separadas por espaços e a matriz não deve conter pontuação. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar o método de <code>split</code> .
+    testString: 'assert(code.match(/\.split/g), "Your code should use the <code>split</code> method.");'
+  - text: '<code>splitify(&quot;Hello World,I-am code&quot;)</code> deve retornar <code>[&quot;Hello&quot;, &quot;World&quot;, &quot;I&quot;, &quot;am&quot;, &quot;code&quot;]</code> .'
+    testString: 'assert(JSON.stringify(splitify("Hello World,I-am code")) === JSON.stringify(["Hello", "World", "I", "am", "code"]), "<code>splitify("Hello World,I-am code")</code> should return <code>["Hello", "World", "I", "am", "code"]</code>.");'
+  - text: '<code>splitify(&quot;Earth-is-our home&quot;)</code> deve retornar <code>[&quot;Earth&quot;, &quot;is&quot;, &quot;our&quot;, &quot;home&quot;]</code> .'
+    testString: 'assert(JSON.stringify(splitify("Earth-is-our home")) === JSON.stringify(["Earth", "is", "our", "home"]), "<code>splitify("Earth-is-our home")</code> should return <code>["Earth", "is", "our", "home"]</code>.");'
+  - text: '<code>splitify(&quot;This.is.a-sentence&quot;)</code> deve retornar <code>[&quot;This&quot;, &quot;is&quot;, &quot;a&quot;, &quot;sentence&quot;]</code> .'
+    testString: 'assert(JSON.stringify(splitify("This.is.a-sentence")) === JSON.stringify(["This", "is", "a", "sentence"]), "<code>splitify("This.is.a-sentence")</code> should return <code>["This", "is", "a", "sentence"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function splitify(str) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+splitify("Hello World,I-am code");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/understand-functional-programming-terminology.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/understand-functional-programming-terminology.portuguese.md
new file mode 100644
index 0000000000..ece8bc864c
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/understand-functional-programming-terminology.portuguese.md
@@ -0,0 +1,94 @@
+---
+id: 587d7b8e367417b2b2512b5c
+title: Understand Functional Programming Terminology
+challengeType: 1
+videoUrl: ''
+localeTitle: Entenda a terminologia de programação funcional
+---
+
+## Description
+<section id="description"> A equipe da FCC fez um balanço e agora quer dois tipos de chá: chá verde e chá preto. Fato Geral: As mudanças de humor do cliente são bastante comuns. Com essa informação, precisaremos revisitar a função <code>getTea</code> do último desafio para lidar com várias solicitações de chá. Podemos modificar o <code>getTea</code> para aceitar uma função como parâmetro para poder alterar o tipo de chá que ele prepara. Isso torna o <code>getTea</code> mais flexível e dá ao programador mais controle quando as solicitações do cliente são alteradas. Mas primeiro, vamos cobrir algumas terminologias funcionais: <code>Callbacks</code> são as funções que são escorregadas ou passadas para outra função para decidir a invocação dessa função. Você pode tê-los visto passado para outros métodos, por exemplo, no <code>filter</code> , a função de retorno de chamada informa ao JavaScript os critérios de como filtrar uma matriz. Funções que podem ser atribuídas a uma variável, passadas para outra função ou retornadas de outra função como qualquer outro valor normal, são chamadas de funções de <code>first class</code> . Em JavaScript, todas as funções são de <code>first class</code> . As funções que assumem uma função como um argumento ou retornam uma função como um valor de retorno são chamadas de funções de <code>higher order</code> . Quando as funções são passadas para outra função ou retornadas de outra função, então aquelas funções que são passadas ou retornadas podem ser chamadas de <code>lambda</code> . </section>
+
+## Instructions
+<section id="instructions"> Prepare 27 xícaras de chá verde e 13 xícaras de chá preto e armazená-los em <code>tea4GreenTeamFCC</code> e <code>tea4BlackTeamFCC</code> variáveis, respectivamente. Observe que a função <code>getTea</code> foi modificada, de modo que agora assume uma função como o primeiro argumento. Nota: Os dados (o número de xícaras de chá) é fornecido como o último argumento. Vamos discutir isso mais em lições posteriores. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A variável <code>tea4GreenTeamFCC</code> deve conter 27 xícaras de chá verde para a equipe.
+    testString: 'assert(tea4GreenTeamFCC.length === 27, "The <code>tea4GreenTeamFCC</code> variable should hold 27 cups of green tea for the team.");'
+  - text: A variável <code>tea4GreenTeamFCC</code> deve conter xícaras de chá verde.
+    testString: 'assert(tea4GreenTeamFCC[0] === "greenTea", "The <code>tea4GreenTeamFCC</code> variable should hold cups of green tea.");'
+  - text: A variável <code>tea4BlackTeamFCC</code> deve conter 13 xícaras de chá preto.
+    testString: 'assert(tea4BlackTeamFCC.length === 13, "The <code>tea4BlackTeamFCC</code> variable should hold 13 cups of black tea.");'
+  - text: A variável <code>tea4BlackTeamFCC</code> deve conter xícaras de chá preto.
+    testString: 'assert(tea4BlackTeamFCC[0] === "blackTea", "The <code>tea4BlackTeamFCC</code> variable should hold cups of black tea.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+/**
+ * A long process to prepare green tea.
+ * @return {string} A cup of green tea.
+ **/
+const prepareGreenTea = () => 'greenTea';
+
+/**
+ * A long process to prepare black tea.
+ * @return {string} A cup of black tea.
+ **/
+const prepareBlackTea = () => 'blackTea';
+
+/**
+ * Get given number of cups of tea.
+ * @param {function():string} prepareTea The type of tea preparing function.
+ * @param {number} numOfCups Number of required cups of tea.
+ * @return {Array<string>} Given amount of tea cups.
+ **/
+const getTea = (prepareTea, numOfCups) => {
+  const teaCups = [];
+
+  for(let cups = 1; cups <= numOfCups; cups += 1) {
+    const teaCup = prepareTea();
+    teaCups.push(teaCup);
+  }
+
+  return teaCups;
+};
+
+// Add your code below this line
+
+const tea4GreenTeamFCC = null; // :(
+const tea4BlackTeamFCC = null; // :(
+
+// Add your code above this line
+
+console.log(
+  tea4GreenTeamFCC,
+  tea4BlackTeamFCC
+);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.portuguese.md
new file mode 100644
index 0000000000..1958470ab7
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.portuguese.md
@@ -0,0 +1,87 @@
+---
+id: 587d7b8e367417b2b2512b5d
+title: Understand the Hazards of Using Imperative Code
+challengeType: 1
+videoUrl: ''
+localeTitle: Entenda os perigos do uso do código imperativo
+---
+
+## Description
+<section id="description"> A programação funcional é um bom hábito. Ele mantém seu código fácil de gerenciar e salva você de bugs furtivos. Mas antes de chegarmos lá, vamos ver uma abordagem imperativa da programação para destacar onde você pode ter problemas. Em inglês (e muitas outras línguas), o tempo imperativo é usado para dar comandos. Da mesma forma, um estilo imperativo na programação é aquele que dá ao computador um conjunto de instruções para executar uma tarefa. Geralmente, as instruções alteram o estado do programa, como atualizar as variáveis ​​globais. Um exemplo clássico é escrever um loop <code>for</code> que fornece instruções exatas para iterar os índices de um array. Em contraste, a programação funcional é uma forma de programação declarativa. Você diz ao computador o que você quer fazer chamando um método ou função. O JavaScript oferece muitos métodos predefinidos que lidam com tarefas comuns para que você não precise escrever como o computador deve executá-las. Por exemplo, em vez de usar o loop <code>for</code> mencionado acima, você poderia chamar o método de <code>map</code> que manipula os detalhes de iteração em uma matriz. Isso ajuda a evitar erros semânticos, como o &quot;Off By One Errors&quot;, que foram abordados na seção Depuração. Considere o cenário: você está navegando na Web em seu navegador e quer rastrear as guias que abriu. Vamos tentar modelar isso usando algum código simples orientado a objetos. Um objeto Window é composto de guias e você geralmente tem mais de uma janela aberta. Os títulos de cada site aberto em cada objeto Window são mantidos em uma matriz. Depois de trabalhar no navegador (abrir novas guias, mesclar janelas e fechar guias), você deseja imprimir as guias que ainda estão abertas. As guias fechadas são removidas da matriz e novas guias (para simplificar) são adicionadas ao final dela. O editor de código mostra uma implementação dessa funcionalidade com funções para <code>tabOpen()</code> , <code>tabClose()</code> e <code>join()</code> . As <code>tabs</code> matriz fazem parte do objeto Window que armazena o nome das páginas abertas. <h4> Instruções </h4><h4> Execute o código no editor. Está usando um método que tem efeitos colaterais no programa, causando saída incorreta. A lista final de separadores abertos deve ser <code>[&#39;FB&#39;, &#39;Gitter&#39;, &#39;Reddit&#39;, &#39;Twitter&#39;, &#39;Medium&#39;, &#39;new tab&#39;, &#39;Netflix&#39;, &#39;YouTube&#39;, &#39;Vine&#39;, &#39;GMail&#39;, &#39;Work mail&#39;, &#39;Docs&#39;, &#39;freeCodeCamp&#39;, &#39;new tab&#39;]</code> mas a saída será um pouco diferente. Trabalhe com o código e veja se consegue descobrir o problema e, em seguida, avance para o próximo desafio para saber mais. </h4></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Siga em frente para entender o erro.
+    testString: 'assert(true, "Move ahead to understand the error.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// tabs is an array of titles of each site open within the window
+var Window = function(tabs) {
+  this.tabs = tabs; // we keep a record of the array inside the object
+};
+
+// When you join two windows into one window
+Window.prototype.join = function (otherWindow) {
+  this.tabs = this.tabs.concat(otherWindow.tabs);
+  return this;
+};
+
+// When you open a new tab at the end
+Window.prototype.tabOpen = function (tab) {
+  this.tabs.push('new tab'); // let's open a new tab for now
+  return this;
+};
+
+// When you close a tab
+Window.prototype.tabClose = function (index) {
+  var tabsBeforeIndex = this.tabs.splice(0, index); // get the tabs before the tab
+  var tabsAfterIndex = this.tabs.splice(index); // get the tabs after the tab
+
+  this.tabs = tabsBeforeIndex.concat(tabsAfterIndex); // join them together
+  return this;
+ };
+
+// Let's create three browser windows
+var workWindow = new Window(['GMail', 'Inbox', 'Work mail', 'Docs', 'freeCodeCamp']); // Your mailbox, drive, and other work sites
+var socialWindow = new Window(['FB', 'Gitter', 'Reddit', 'Twitter', 'Medium']); // Social sites
+var videoWindow = new Window(['Netflix', 'YouTube', 'Vimeo', 'Vine']); //  Entertainment sites
+
+// Now perform the tab opening, closing, and other operations
+var finalTabs = socialWindow
+                    .tabOpen() // Open a new tab for cat memes
+                    .join(videoWindow.tabClose(2)) // Close third tab in video window, and join
+                    .join(workWindow.tabClose(1).tabOpen());
+
+alert(finalTabs.tabs);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.portuguese.md
new file mode 100644
index 0000000000..2092fdfea9
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7dab367417b2b2512b6e
+title: Use the every Method to Check that Every Element in an Array Meets a Criteria
+challengeType: 1
+videoUrl: ''
+localeTitle: Use o método Every para verificar se todos os elementos em uma matriz atendem a um critério
+---
+
+## Description
+<section id="description"> O método <code>every</code> funciona com arrays para verificar se <em>cada</em> elemento passa por um teste específico. Retorna um valor booleano - <code>true</code> se todos os valores atendem aos critérios, <code>false</code> se não. Por exemplo, o código a seguir verificaria se cada elemento na matriz de <code>numbers</code> é menor que 10: <blockquote> números var = [1, 5, 8, 0, 10, 11]; <br> numbers.every (function (currentValue) { <br> return currentValue &lt;10; <br> }); <br> // Retorna falso </blockquote></section>
+
+## Instructions
+<section id="instructions"> Use o método <code>every</code> dentro da função <code>checkPositive</code> para verificar se todos os elementos em <code>arr</code> são positivos. A função deve retornar um valor booleano. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar o método <code>every</code> .
+    testString: 'assert(code.match(/\.every/g), "Your code should use the <code>every</code> method.");'
+  - text: '<code>checkPositive([1, 2, 3, -4, 5])</code> deve retornar <code>false</code> .'
+    testString: 'assert(!checkPositive([1, 2, 3, -4, 5]), "<code>checkPositive([1, 2, 3, -4, 5])</code> should return <code>false</code>.");'
+  - text: '<code>checkPositive([1, 2, 3, 4, 5])</code> deve retornar <code>true</code> .'
+    testString: 'assert(checkPositive([1, 2, 3, 4, 5]), "<code>checkPositive([1, 2, 3, 4, 5])</code> should return <code>true</code>.");'
+  - text: '<code>checkPositive([1, -2, 3, -4, 5])</code> deve retornar <code>false</code> .'
+    testString: 'assert(!checkPositive([1, -2, 3, -4, 5]), "<code>checkPositive([1, -2, 3, -4, 5])</code> should return <code>false</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkPositive(arr) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+checkPositive([1, 2, 3, -4, 5]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-filter-method-to-extract-data-from-an-array.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-filter-method-to-extract-data-from-an-array.portuguese.md
new file mode 100644
index 0000000000..82d9656d99
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-filter-method-to-extract-data-from-an-array.portuguese.md
@@ -0,0 +1,175 @@
+---
+id: 587d7b8f367417b2b2512b63
+title: Use the filter Method to Extract Data from an Array
+challengeType: 1
+videoUrl: ''
+localeTitle: Use o método filter para extrair dados de uma matriz
+---
+
+## Description
+<section id="description"> Outra função de matriz útil é <code>Array.prototype.filter()</code> ou simplesmente <code>filter()</code> . O método de <code>filter</code> retorna uma nova matriz que é no máximo tão longa quanto a matriz original, mas geralmente tem menos itens. <code>Filter</code> não altera o array original, assim como o <code>map</code> . Ele recebe uma função de retorno de chamada que aplica a lógica dentro do retorno de chamada em cada elemento da matriz. Se um elemento retornar true com base nos critérios da função de retorno de chamada, ele será incluído na nova matriz. </section>
+
+## Instructions
+<section id="instructions"> A variável <code>watchList</code> contém uma matriz de objetos com informações sobre vários filmes. Use uma combinação de <code>filter</code> e <code>map</code> para retornar uma nova matriz de objetos com apenas chaves de <code>title</code> e <code>rating</code> , mas onde <code>imdbRating</code> é maior ou igual a 8.0. Observe que os valores de classificação são salvos como strings no objeto e você pode convertê-los em números para executar operações matemáticas neles. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A variável <code>watchList</code> não deve mudar.
+    testString: 'assert(watchList[0].Title === "Inception" && watchList[4].Director == "James Cameron", "The <code>watchList</code> variable should not change.");'
+  - text: Seu código deve usar o método de <code>filter</code> .
+    testString: 'assert(code.match(/\.filter/g), "Your code should use the <code>filter</code> method.");'
+  - text: Seu código não deve usar um loop <code>for</code> .
+    testString: 'assert(!code.match(/for\s*?\(.+?\)/g), "Your code should not use a <code>for</code> loop.");'
+  - text: '<code>filteredList</code> deve ser igual a <code>[{&quot;title&quot;: &quot;Inception&quot;,&quot;rating&quot;: &quot;8.8&quot;},{&quot;title&quot;: &quot;Interstellar&quot;,&quot;rating&quot;: &quot;8.6&quot;},{&quot;title&quot;: &quot;The Dark Knight&quot;,&quot;rating&quot;: &quot;9.0&quot;},{&quot;title&quot;: &quot;Batman Begins&quot;,&quot;rating&quot;: &quot;8.3&quot;}]</code> .'
+    testString: 'assert.deepEqual(filteredList, [{"title": "Inception","rating": "8.8"},{"title": "Interstellar","rating": "8.6"},{"title": "The Dark Knight","rating": "9.0"},{"title": "Batman Begins","rating": "8.3"}], "<code>filteredList</code> should equal <code>[{"title": "Inception","rating": "8.8"},{"title": "Interstellar","rating": "8.6"},{"title": "The Dark Knight","rating": "9.0"},{"title": "Batman Begins","rating": "8.3"}]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var watchList = [
+                 {
+                   "Title": "Inception",
+                   "Year": "2010",
+                   "Rated": "PG-13",
+                   "Released": "16 Jul 2010",
+                   "Runtime": "148 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Christopher Nolan",
+                   "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Ellen Page, Tom Hardy",
+                   "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+                   "Language": "English, Japanese, French",
+                   "Country": "USA, UK",
+                   "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.8",
+                   "imdbVotes": "1,446,708",
+                   "imdbID": "tt1375666",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Interstellar",
+                   "Year": "2014",
+                   "Rated": "PG-13",
+                   "Released": "07 Nov 2014",
+                   "Runtime": "169 min",
+                   "Genre": "Adventure, Drama, Sci-Fi",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan, Christopher Nolan",
+                   "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+                   "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+                   "Language": "English",
+                   "Country": "USA, UK",
+                   "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.6",
+                   "imdbVotes": "910,366",
+                   "imdbID": "tt0816692",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "The Dark Knight",
+                   "Year": "2008",
+                   "Rated": "PG-13",
+                   "Released": "18 Jul 2008",
+                   "Runtime": "152 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+                   "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+                   "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+                   "Language": "English, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+                   "Metascore": "82",
+                   "imdbRating": "9.0",
+                   "imdbVotes": "1,652,832",
+                   "imdbID": "tt0468569",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Batman Begins",
+                   "Year": "2005",
+                   "Rated": "PG-13",
+                   "Released": "15 Jun 2005",
+                   "Runtime": "140 min",
+                   "Genre": "Action, Adventure",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+                   "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+                   "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+                   "Language": "English, Urdu, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+                   "Metascore": "70",
+                   "imdbRating": "8.3",
+                   "imdbVotes": "972,584",
+                   "imdbID": "tt0372784",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Avatar",
+                   "Year": "2009",
+                   "Rated": "PG-13",
+                   "Released": "18 Dec 2009",
+                   "Runtime": "162 min",
+                   "Genre": "Action, Adventure, Fantasy",
+                   "Director": "James Cameron",
+                   "Writer": "James Cameron",
+                   "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+                   "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+                   "Language": "English, Spanish",
+                   "Country": "USA, UK",
+                   "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+                   "Metascore": "83",
+                   "imdbRating": "7.9",
+                   "imdbVotes": "876,575",
+                   "imdbID": "tt0499549",
+                   "Type": "movie",
+                   "Response": "True"
+                }
+];
+
+// Add your code below this line
+
+var filteredList;
+
+// Add your code above this line
+
+console.log(filteredList);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-map-method-to-extract-data-from-an-array.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-map-method-to-extract-data-from-an-array.portuguese.md
new file mode 100644
index 0000000000..bb2b719386
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-map-method-to-extract-data-from-an-array.portuguese.md
@@ -0,0 +1,178 @@
+---
+id: 587d7b8f367417b2b2512b61
+title: Use the map Method to Extract Data from an Array
+challengeType: 1
+videoUrl: ''
+localeTitle: Use o método map para extrair dados de uma matriz
+---
+
+## Description
+<section id="description"> Até agora, aprendemos a usar funções puras para evitar efeitos colaterais em um programa. Além disso, vimos que o valor em ter uma função depende apenas de seus argumentos de entrada. Este é apenas o começo. Como o próprio nome sugere, a programação funcional é centrada em torno de uma teoria de funções. Faz sentido poder passá-los como argumentos para outras funções e retornar uma função de outra função. Funções são consideradas <code>First Class Objects</code> em JavaScript, o que significa que elas podem ser usadas como qualquer outro objeto. Eles podem ser salvos em variáveis, armazenados em um objeto ou passados ​​como argumentos de função. Vamos começar com algumas funções de matriz simples, que são métodos no protótipo de objeto de matriz. Neste exercício, estamos vendo o <code>Array.prototype.map()</code> , ou simplesmente <code>map</code> . Lembre-se de que o método <code>map</code> é uma maneira de iterar sobre cada item em uma matriz. Ele cria uma nova matriz (sem alterar a original) depois de aplicar uma função de retorno de chamada a todos os elementos. </section>
+
+## Instructions
+<section id="instructions"> O array <code>watchList</code> contém objetos com informações sobre vários filmes. Use o <code>map</code> para extrair o título e a classificação de <code>watchList</code> e salvar o novo array na variável de <code>rating</code> . O código no editor usa atualmente um loop <code>for</code> para fazer isso, substitua a funcionalidade de loop pela sua expressão de <code>map</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A variável <code>watchList</code> não deve mudar.
+    testString: 'assert(watchList[0].Title === "Inception" && watchList[4].Director == "James Cameron", "The <code>watchList</code> variable should not change.");'
+  - text: Seu código não deve usar um loop <code>for</code> .
+    testString: 'assert(!code.match(/for\s*?\(.+?\)/g), "Your code should not use a <code>for</code> loop.");'
+  - text: Seu código deve usar o método <code>map</code> .
+    testString: 'assert(code.match(/\.map/g), "Your code should use the <code>map</code> method.");'
+  - text: '<code>rating</code> deve ser igual a <code>[{&quot;title&quot;:&quot;Inception&quot;,&quot;rating&quot;:&quot;8.8&quot;},{&quot;title&quot;:&quot;Interstellar&quot;,&quot;rating&quot;:&quot;8.6&quot;},{&quot;title&quot;:&quot;The Dark Knight&quot;,&quot;rating&quot;:&quot;9.0&quot;},{&quot;title&quot;:&quot;Batman Begins&quot;,&quot;rating&quot;:&quot;8.3&quot;},{&quot;title&quot;:&quot;Avatar&quot;,&quot;rating&quot;:&quot;7.9&quot;}]</code> .'
+    testString: 'assert(JSON.stringify(rating) === JSON.stringify([{"title":"Inception","rating":"8.8"},{"title":"Interstellar","rating":"8.6"},{"title":"The Dark Knight","rating":"9.0"},{"title":"Batman Begins","rating":"8.3"},{"title":"Avatar","rating":"7.9"}]), "<code>rating</code> should equal <code>[{"title":"Inception","rating":"8.8"},{"title":"Interstellar","rating":"8.6"},{"title":"The Dark Knight","rating":"9.0"},{"title":"Batman Begins","rating":"8.3"},{"title":"Avatar","rating":"7.9"}]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var watchList = [
+                 {
+                   "Title": "Inception",
+                   "Year": "2010",
+                   "Rated": "PG-13",
+                   "Released": "16 Jul 2010",
+                   "Runtime": "148 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Christopher Nolan",
+                   "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Ellen Page, Tom Hardy",
+                   "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+                   "Language": "English, Japanese, French",
+                   "Country": "USA, UK",
+                   "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.8",
+                   "imdbVotes": "1,446,708",
+                   "imdbID": "tt1375666",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Interstellar",
+                   "Year": "2014",
+                   "Rated": "PG-13",
+                   "Released": "07 Nov 2014",
+                   "Runtime": "169 min",
+                   "Genre": "Adventure, Drama, Sci-Fi",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan, Christopher Nolan",
+                   "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+                   "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+                   "Language": "English",
+                   "Country": "USA, UK",
+                   "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.6",
+                   "imdbVotes": "910,366",
+                   "imdbID": "tt0816692",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "The Dark Knight",
+                   "Year": "2008",
+                   "Rated": "PG-13",
+                   "Released": "18 Jul 2008",
+                   "Runtime": "152 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+                   "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+                   "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+                   "Language": "English, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+                   "Metascore": "82",
+                   "imdbRating": "9.0",
+                   "imdbVotes": "1,652,832",
+                   "imdbID": "tt0468569",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Batman Begins",
+                   "Year": "2005",
+                   "Rated": "PG-13",
+                   "Released": "15 Jun 2005",
+                   "Runtime": "140 min",
+                   "Genre": "Action, Adventure",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+                   "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+                   "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+                   "Language": "English, Urdu, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+                   "Metascore": "70",
+                   "imdbRating": "8.3",
+                   "imdbVotes": "972,584",
+                   "imdbID": "tt0372784",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Avatar",
+                   "Year": "2009",
+                   "Rated": "PG-13",
+                   "Released": "18 Dec 2009",
+                   "Runtime": "162 min",
+                   "Genre": "Action, Adventure, Fantasy",
+                   "Director": "James Cameron",
+                   "Writer": "James Cameron",
+                   "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+                   "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+                   "Language": "English, Spanish",
+                   "Country": "USA, UK",
+                   "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+                   "Metascore": "83",
+                   "imdbRating": "7.9",
+                   "imdbVotes": "876,575",
+                   "imdbID": "tt0499549",
+                   "Type": "movie",
+                   "Response": "True"
+                }
+];
+
+// Add your code below this line
+
+var rating = [];
+for(var i=0; i < watchList.length; i++){
+  rating.push({title: watchList[i]["Title"],  rating: watchList[i]["imdbRating"]});
+}
+
+// Add your code above this line
+
+console.log(rating);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-reduce-method-to-analyze-data.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-reduce-method-to-analyze-data.portuguese.md
new file mode 100644
index 0000000000..7f4a0414d3
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-reduce-method-to-analyze-data.portuguese.md
@@ -0,0 +1,175 @@
+---
+id: 587d7da9367417b2b2512b68
+title: Use the reduce Method to Analyze Data
+challengeType: 1
+videoUrl: ''
+localeTitle: Use o método de redução para analisar dados
+---
+
+## Description
+<section id="description"> <code>Array.prototype.reduce()</code> , ou simplesmente <code>reduce()</code> , é a mais geral de todas as operações de array em JavaScript. Você pode resolver quase qualquer problema de processamento de matriz usando o método <code>reduce</code> . Este não é o caso dos métodos <code>filter</code> e <code>map</code> , pois eles não permitem a interação entre dois elementos diferentes da matriz. Por exemplo, se você quiser comparar elementos da matriz ou adicioná-los juntos, o <code>filter</code> ou o <code>map</code> não poderão processá-los. O método <code>reduce</code> permite formas mais gerais de processamento de array, e é possível mostrar que tanto o <code>filter</code> quanto o <code>map</code> podem ser derivados como uma aplicação especial de <code>reduce</code> . No entanto, antes de chegarmos lá, vamos praticar o uso de <code>reduce</code> primeiro. </section>
+
+## Instructions
+<section id="instructions"> A variável <code>watchList</code> contém uma matriz de objetos com informações sobre vários filmes. Use <code>reduce</code> para encontrar a classificação média do IMDB dos filmes <strong>dirigidos por Christopher Nolan</strong> . Lembre-se de desafios anteriores de como <code>filter</code> dados e <code>map</code> -los para extrair o que você precisa. Talvez seja necessário criar outras variáveis, mas salve a média final na variável <code>averageRating</code> . Observe que os valores de classificação são salvos como sequências no objeto e precisam ser convertidos em números antes de serem usados ​​em qualquer operação matemática. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A variável <code>watchList</code> não deve mudar.
+    testString: 'assert(watchList[0].Title === "Inception" && watchList[4].Director == "James Cameron", "The <code>watchList</code> variable should not change.");'
+  - text: Seu código deve usar o método <code>reduce</code> .
+    testString: 'assert(code.match(/\.reduce/g), "Your code should use the <code>reduce</code> method.");'
+  - text: O <code>averageRating</code> deve ser igual a 8.675.
+    testString: 'assert(averageRating == 8.675, "The <code>averageRating</code> should equal 8.675.");'
+  - text: Seu código não deve usar um loop <code>for</code> .
+    testString: 'assert(!code.match(/for\s*?\(.*\)/g), "Your code should not use a <code>for</code> loop.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var watchList = [
+                 {
+                   "Title": "Inception",
+                   "Year": "2010",
+                   "Rated": "PG-13",
+                   "Released": "16 Jul 2010",
+                   "Runtime": "148 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Christopher Nolan",
+                   "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Ellen Page, Tom Hardy",
+                   "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+                   "Language": "English, Japanese, French",
+                   "Country": "USA, UK",
+                   "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.8",
+                   "imdbVotes": "1,446,708",
+                   "imdbID": "tt1375666",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Interstellar",
+                   "Year": "2014",
+                   "Rated": "PG-13",
+                   "Released": "07 Nov 2014",
+                   "Runtime": "169 min",
+                   "Genre": "Adventure, Drama, Sci-Fi",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan, Christopher Nolan",
+                   "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+                   "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+                   "Language": "English",
+                   "Country": "USA, UK",
+                   "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.6",
+                   "imdbVotes": "910,366",
+                   "imdbID": "tt0816692",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "The Dark Knight",
+                   "Year": "2008",
+                   "Rated": "PG-13",
+                   "Released": "18 Jul 2008",
+                   "Runtime": "152 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+                   "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+                   "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+                   "Language": "English, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+                   "Metascore": "82",
+                   "imdbRating": "9.0",
+                   "imdbVotes": "1,652,832",
+                   "imdbID": "tt0468569",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Batman Begins",
+                   "Year": "2005",
+                   "Rated": "PG-13",
+                   "Released": "15 Jun 2005",
+                   "Runtime": "140 min",
+                   "Genre": "Action, Adventure",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+                   "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+                   "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+                   "Language": "English, Urdu, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+                   "Metascore": "70",
+                   "imdbRating": "8.3",
+                   "imdbVotes": "972,584",
+                   "imdbID": "tt0372784",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Avatar",
+                   "Year": "2009",
+                   "Rated": "PG-13",
+                   "Released": "18 Dec 2009",
+                   "Runtime": "162 min",
+                   "Genre": "Action, Adventure, Fantasy",
+                   "Director": "James Cameron",
+                   "Writer": "James Cameron",
+                   "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+                   "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+                   "Language": "English, Spanish",
+                   "Country": "USA, UK",
+                   "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+                   "Metascore": "83",
+                   "imdbRating": "7.9",
+                   "imdbVotes": "876,575",
+                   "imdbID": "tt0499549",
+                   "Type": "movie",
+                   "Response": "True"
+                }
+];
+
+// Add your code below this line
+
+var averageRating;
+
+// Add your code above this line
+
+console.log(averageRating);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.portuguese.md
new file mode 100644
index 0000000000..8c6c51d21a
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7dab367417b2b2512b6f
+title: Use the some Method to Check that Any Elements in an Array Meet a Criteria
+challengeType: 1
+videoUrl: ''
+localeTitle: Use o método Some para verificar se todos os elementos em uma matriz atendem a um critério
+---
+
+## Description
+<section id="description"> O método <code>some</code> funciona com arrays para verificar se <em>algum</em> elemento passa por um teste específico. Retorna um valor booleano - <code>true</code> se algum dos valores atender aos critérios, <code>false</code> se não. Por exemplo, o código a seguir verificaria se algum elemento na matriz de <code>numbers</code> é menor que 10: <blockquote> números var = [10, 50, 8, 220, 110, 11]; <br> numbers.some (function (currentValue) { <br> return currentValue &lt;10; <br> }); <br> // Retorna true </blockquote></section>
+
+## Instructions
+<section id="instructions"> Use o método <code>some</code> dentro da função <code>checkPositive</code> para verificar se algum elemento em <code>arr</code> é positivo. A função deve retornar um valor booleano. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar o método <code>some</code> .
+    testString: 'assert(code.match(/\.some/g), "Your code should use the <code>some</code> method.");'
+  - text: '<code>checkPositive([1, 2, 3, -4, 5])</code> deve retornar <code>true</code> .'
+    testString: 'assert(checkPositive([1, 2, 3, -4, 5]), "<code>checkPositive([1, 2, 3, -4, 5])</code> should return <code>true</code>.");'
+  - text: '<code>checkPositive([1, 2, 3, 4, 5])</code> deve retornar <code>true</code> .'
+    testString: 'assert(checkPositive([1, 2, 3, 4, 5]), "<code>checkPositive([1, 2, 3, 4, 5])</code> should return <code>true</code>.");'
+  - text: '<code>checkPositive([-1, -2, -3, -4, -5])</code> deve retornar <code>false</code> .'
+    testString: 'assert(!checkPositive([-1, -2, -3, -4, -5]), "<code>checkPositive([-1, -2, -3, -4, -5])</code> should return <code>false</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkPositive(arr) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+checkPositive([1, 2, 3, -4, 5]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/arguments-optional.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/arguments-optional.portuguese.md
new file mode 100644
index 0000000000..609c922d53
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/arguments-optional.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: a97fd23d9b809dac9921074f
+title: Arguments Optional
+isRequired: true
+challengeType: 5
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/arguments-optional'
+videoUrl: ''
+localeTitle: Argumentos Opcional
+---
+
+## Description
+<section id="description"> Crie uma função que some dois argumentos juntos. Se apenas um argumento for fornecido, retorne uma função que espera um argumento e retorne a soma. Por exemplo, <code>addTogether(2, 3)</code> deve retornar <code>5</code> e <code>addTogether(2)</code> deve retornar uma função. Chamar essa função retornada com um único argumento retornará a soma: <code>var sumTwoAnd = addTogether(2);</code> <code>sumTwoAnd(3)</code> retorna <code>5</code> . Se um dos argumentos não for um número válido, retorne indefinido. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>addTogether(2, 3)</code> deve retornar 5.'
+    testString: 'assert.deepEqual(addTogether(2, 3), 5, "<code>addTogether(2, 3)</code> should return 5.");'
+  - text: <code>addTogether(2)(3)</code> deve retornar 5.
+    testString: 'assert.deepEqual(addTogether(2)(3), 5, "<code>addTogether(2)(3)</code> should return 5.");'
+  - text: '<code>addTogether(&quot;http://bit.ly/IqT6zt&quot;)</code> deve retornar indefinido.'
+    testString: 'assert.isUndefined(addTogether("http://bit.ly/IqT6zt"), "<code>addTogether("http://bit.ly/IqT6zt")</code> should return undefined.");'
+  - text: '<code>addTogether(2, &quot;3&quot;)</code> deve retornar indefinido.'
+    testString: 'assert.isUndefined(addTogether(2, "3"), "<code>addTogether(2, "3")</code> should return undefined.");'
+  - text: '<code>addTogether(2)([3])</code> deve retornar indefinido.'
+    testString: 'assert.isUndefined(addTogether(2)([3]), "<code>addTogether(2)([3])</code> should return undefined.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function addTogether() {
+  return false;
+}
+
+addTogether(2,3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/binary-agents.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/binary-agents.portuguese.md
new file mode 100644
index 0000000000..e6aa4cb64a
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/binary-agents.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: a8d97bd4c764e91f9d2bda01
+title: Binary Agents
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Agentes Binários
+---
+
+## Description
+<section id="description"> Retorna uma frase traduzida em inglês da string binária passada. A cadeia binária será separada por espaços. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>binaryAgent(&quot;01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111&quot;)</code> deve retornar &quot;Não há fogueiras divertidas !?&quot;
+    testString: 'assert.deepEqual(binaryAgent("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111"), "Aren"t bonfires fun!?", "<code>binaryAgent("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111")</code> should return "Aren&#39;t bonfires fun!?"");'
+  - text: <code>binaryAgent(&quot;01001001 00100000 01101100 01101111 01110110 01100101 00100000 01000110 01110010 01100101 01100101 01000011 01101111 01100100 01100101 01000011 01100001 01101101 01110000 00100001&quot;)</code> deve retornar &quot;Eu adoro FreeCodeCamp!&quot;
+    testString: 'assert.deepEqual(binaryAgent("01001001 00100000 01101100 01101111 01110110 01100101 00100000 01000110 01110010 01100101 01100101 01000011 01101111 01100100 01100101 01000011 01100001 01101101 01110000 00100001"), "I love FreeCodeCamp!", "<code>binaryAgent("01001001 00100000 01101100 01101111 01110110 01100101 00100000 01000110 01110010 01100101 01100101 01000011 01101111 01100100 01100101 01000011 01100001 01101101 01110000 00100001")</code> should return "I love FreeCodeCamp!"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function binaryAgent(str) {
+  return str;
+}
+
+binaryAgent("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.portuguese.md
new file mode 100644
index 0000000000..f0c630efd1
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.portuguese.md
@@ -0,0 +1,68 @@
+---
+id: a6b0bb188d873cb2c8729495
+title: Convert HTML Entities
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Converter entidades HTML
+---
+
+## Description
+<section id="description"> Converta os caracteres <code>&amp;</code> , <code>&lt;</code> , <code>&gt;</code> , <code>&quot;</code> (aspas duplas) e <code>&#39;</code> (apóstrofo), em uma string para as entidades HTML correspondentes. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se ficar preso. Tente emparelhar o programa. próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>convertHTML(&quot;Dolce &amp; Gabbana&quot;)</code> deve retornar <code>Dolce &amp;​amp; Gabbana</code> .
+    testString: 'assert.match(convertHTML("Dolce & Gabbana"), /Dolce &amp; Gabbana/, "<code>convertHTML("Dolce & Gabbana")</code> should return <code>Dolce &&#8203;amp; Gabbana</code>.");'
+  - text: <code>convertHTML(&quot;Hamburgers &lt; Pizza &lt; Tacos&quot;)</code> deve retornar <code>Hamburgers &amp;​lt; Pizza &amp;​lt; Tacos</code>
+    testString: 'assert.match(convertHTML("Hamburgers < Pizza < Tacos"), /Hamburgers &lt; Pizza &lt; Tacos/, "<code>convertHTML("Hamburgers < Pizza < Tacos")</code> should return <code>Hamburgers &&#8203;lt; Pizza &&#8203;lt; Tacos</code>.");'
+  - text: <code>convertHTML(&quot;Sixty &gt; twelve&quot;)</code> deve retornar <code>Sixty &amp;​gt; twelve</code> .
+    testString: 'assert.match(convertHTML("Sixty > twelve"), /Sixty &gt; twelve/, "<code>convertHTML("Sixty > twelve")</code> should return <code>Sixty &&#8203;gt; twelve</code>.");'
+  - text: '<code>convertHTML(&#39;Stuff in &quot;quotation marks&quot;&#39;)</code> deve retornar <code>Stuff in &amp;​quot;quotation marks&amp;​quot;</code> .'
+    testString: 'assert.match(convertHTML("Stuff in "quotation marks""), /Stuff in &quot;quotation marks&quot;/, "<code>convertHTML(&apos;Stuff in "quotation marks"&apos;)</code> should return <code>Stuff in &&#8203;quot;quotation marks&&#8203;quot;</code>.");'
+  - text: '<code>convertHTML(&quot;Schindler&#39;s List&quot;)</code> deve devolver a <code>Schindler&amp;​apos;s List</code> .'
+    testString: 'assert.match(convertHTML("Schindler"s List"), /Schindler&apos;s List/, "<code>convertHTML("Schindler&apos;s List")</code> should return <code>Schindler&&#8203;apos;s List</code>.");'
+  - text: <code>convertHTML(&quot;&lt;&gt;&quot;)</code> deve retornar <code>&amp;​lt;&amp;​gt;</code> .
+    testString: 'assert.match(convertHTML("<>"), /&lt;&gt;/, "<code>convertHTML("<>")</code> should return <code>&&#8203;lt;&&#8203;gt;</code>.");'
+  - text: <code>convertHTML(&quot;abc&quot;)</code> deve retornar <code>abc</code> .
+    testString: 'assert.strictEqual(convertHTML("abc"), "abc", "<code>convertHTML("abc")</code> should return <code>abc</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertHTML(str) {
+  // &colon;&rpar;
+  return str;
+}
+
+convertHTML("Dolce & Gabbana");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/diff-two-arrays.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/diff-two-arrays.portuguese.md
new file mode 100644
index 0000000000..eed3aa4870
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/diff-two-arrays.portuguese.md
@@ -0,0 +1,85 @@
+---
+id: a5de63ebea8dbee56860f4f2
+title: Diff Two Arrays
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Diff Two Arrays
+---
+
+## Description
+<section id="description"> Compare dois arrays e retorne um novo array com todos os itens encontrados apenas em um dos dois arrays, mas não em ambos. Em outras palavras, retorne a diferença simétrica das duas matrizes. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. <strong>Nota</strong> <br> Você pode retornar o array com seus elementos em qualquer ordem. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5])</code> deve retornar um array.'
+    testString: 'assert(typeof diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]) === "object", "<code>diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5])</code> should return an array.");'
+  - text: '<code>[&quot;diorite&quot;, &quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;pink wool&quot;, &quot;dead shrub&quot;], [&quot;diorite&quot;, &quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;]</code> deve devolver <code>[&quot;pink wool&quot;]</code> .'
+    testString: 'assert.sameMembers(diffArray(["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]), ["pink wool"], "<code>["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]</code> should return <code>["pink wool"]</code>.");'
+  - text: '<code>[&quot;diorite&quot;, &quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;pink wool&quot;, &quot;dead shrub&quot;], [&quot;diorite&quot;, &quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;]</code> deve retornar um array com um item.'
+    testString: 'assert(diffArray(["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]).length === 1, "<code>["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]</code> should return an array with one item.");'
+  - text: '<code>[&quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;pink wool&quot;, &quot;dead shrub&quot;], [&quot;diorite&quot;, &quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;]</code> devem retornar <code>[&quot;diorite&quot;, &quot;pink wool&quot;]</code> .'
+    testString: 'assert.sameMembers(diffArray(["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]), ["diorite", "pink wool"], "<code>["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]</code> should return <code>["diorite", "pink wool"]</code>.");'
+  - text: '<code>[&quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;pink wool&quot;, &quot;dead shrub&quot;], [&quot;diorite&quot;, &quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;]</code> devem retornar uma matriz com dois itens.'
+    testString: 'assert(diffArray(["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]).length === 2, "<code>["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]</code> should return an array with two items.");'
+  - text: '<code>[&quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;], [&quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;]</code> devem retornar <code>[]</code> .'
+    testString: 'assert.sameMembers(diffArray(["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]), [], "<code>["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]</code> should return <code>[]</code>.");'
+  - text: '<code>[&quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;], [&quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;]</code> devem retornar uma matriz vazia.'
+    testString: 'assert(diffArray(["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]).length === 0, "<code>["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]</code> should return an empty array.");'
+  - text: '<code>[1, 2, 3, 5], [1, 2, 3, 4, 5]</code> devem retornar <code>[4]</code> .'
+    testString: 'assert.sameMembers(diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]), [4], "<code>[1, 2, 3, 5], [1, 2, 3, 4, 5]</code> should return <code>[4]</code>.");'
+  - text: '<code>[1, 2, 3, 5], [1, 2, 3, 4, 5]</code> deve retornar uma matriz com um item.'
+    testString: 'assert(diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]).length  === 1, "<code>[1, 2, 3, 5], [1, 2, 3, 4, 5]</code> should return an array with one item.");'
+  - text: '<code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;], [1, &quot;calf&quot;, 3, 4]</code> devem retornar <code>[&quot;piglet&quot;, 4]</code> .'
+    testString: 'assert.sameMembers(diffArray([1, "calf", 3, "piglet"], [1, "calf", 3, 4]), ["piglet", 4], "<code>[1, "calf", 3, "piglet"], [1, "calf", 3, 4]</code> should return <code>["piglet", 4]</code>.");'
+  - text: '<code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;], [1, &quot;calf&quot;, 3, 4]</code> deve retornar um array com dois itens.'
+    testString: 'assert(diffArray([1, "calf", 3, "piglet"], [1, "calf", 3, 4]).length === 2, "<code>[1, "calf", 3, "piglet"], [1, "calf", 3, 4]</code> should return an array with two items.");'
+  - text: '<code>[], [&quot;snuffleupagus&quot;, &quot;cookie monster&quot;, &quot;elmo&quot;]</code> devem retornar <code>[&quot;snuffleupagus&quot;, &quot;cookie monster&quot;, &quot;elmo&quot;]</code> .'
+    testString: 'assert.sameMembers(diffArray([], ["snuffleupagus", "cookie monster", "elmo"]), ["snuffleupagus", "cookie monster", "elmo"], "<code>[], ["snuffleupagus", "cookie monster", "elmo"]</code> should return <code>["snuffleupagus", "cookie monster", "elmo"]</code>.");'
+  - text: '<code>[], [&quot;snuffleupagus&quot;, &quot;cookie monster&quot;, &quot;elmo&quot;]</code> devem retornar uma matriz com três itens.'
+    testString: 'assert(diffArray([], ["snuffleupagus", "cookie monster", "elmo"]).length === 3, "<code>[], ["snuffleupagus", "cookie monster", "elmo"]</code> should return an array with three items.");'
+  - text: '<code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;], [7, &quot;filly&quot;]</code> deve retornar <code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;, 7, &quot;filly&quot;]</code> .'
+    testString: 'assert.sameMembers(diffArray([1, "calf", 3, "piglet"], [7, "filly"]), [1, "calf", 3, "piglet", 7, "filly"], "<code>[1, "calf", 3, "piglet"], [7, "filly"]</code> should return <code>[1, "calf", 3, "piglet", 7, "filly"]</code>.");'
+  - text: '<code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;], [7, &quot;filly&quot;]</code> deve retornar uma matriz com seis itens.'
+    testString: 'assert(diffArray([1, "calf", 3, "piglet"], [7, "filly"]).length === 6, "<code>[1, "calf", 3, "piglet"], [7, "filly"]</code> should return an array with six items.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function diffArray(arr1, arr2) {
+  var newArr = [];
+  // Same, same; but different.
+  return newArr;
+}
+
+diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.portuguese.md
new file mode 100644
index 0000000000..234688c6e9
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: afd15382cdfb22c9efe8b7de
+title: DNA Pairing
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Emparelhamento de ADN
+---
+
+## Description
+<section id="description"> O fio de DNA está faltando o elemento de emparelhamento. Pegue cada caractere, obtenha seu par e retorne os resultados como uma matriz 2d. <a href="http://en.wikipedia.org/wiki/Base_pair" target="_blank">Pares de bases</a> são um par de AT e CG. Corresponde o elemento ausente ao caractere fornecido. Retorna o caractere fornecido como primeiro elemento em cada array. Por exemplo, para a entrada GCG, retorne [[&quot;G&quot;, &quot;C&quot;], [&quot;C&quot;, &quot;G&quot;], [&quot;G&quot;, &quot;C&quot;]]. O caractere e seu par são emparelhados em um array, e todos os arrays são agrupados em um array de encapsulamento. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>pairElement(&quot;ATCGA&quot;)</code> deve retornar <code>[[&quot;A&quot;,&quot;T&quot;],[&quot;T&quot;,&quot;A&quot;],[&quot;C&quot;,&quot;G&quot;],[&quot;G&quot;,&quot;C&quot;],[&quot;A&quot;,&quot;T&quot;]]</code> .'
+    testString: 'assert.deepEqual(pairElement("ATCGA"),[["A","T"],["T","A"],["C","G"],["G","C"],["A","T"]], "<code>pairElement("ATCGA")</code> should return <code>[["A","T"],["T","A"],["C","G"],["G","C"],["A","T"]]</code>.");'
+  - text: '<code>pairElement(&quot;TTGAG&quot;)</code> deve retornar <code>[[&quot;T&quot;,&quot;A&quot;],[&quot;T&quot;,&quot;A&quot;],[&quot;G&quot;,&quot;C&quot;],[&quot;A&quot;,&quot;T&quot;],[&quot;G&quot;,&quot;C&quot;]]</code> .'
+    testString: 'assert.deepEqual(pairElement("TTGAG"),[["T","A"],["T","A"],["G","C"],["A","T"],["G","C"]], "<code>pairElement("TTGAG")</code> should return <code>[["T","A"],["T","A"],["G","C"],["A","T"],["G","C"]]</code>.");'
+  - text: '<code>pairElement(&quot;CTCTA&quot;)</code> deve retornar <code>[[&quot;C&quot;,&quot;G&quot;],[&quot;T&quot;,&quot;A&quot;],[&quot;C&quot;,&quot;G&quot;],[&quot;T&quot;,&quot;A&quot;],[&quot;A&quot;,&quot;T&quot;]]</code> .'
+    testString: 'assert.deepEqual(pairElement("CTCTA"),[["C","G"],["T","A"],["C","G"],["T","A"],["A","T"]], "<code>pairElement("CTCTA")</code> should return <code>[["C","G"],["T","A"],["C","G"],["T","A"],["A","T"]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pairElement(str) {
+  return str;
+}
+
+pairElement("GCG");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/drop-it.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/drop-it.portuguese.md
new file mode 100644
index 0000000000..a3563fa967
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/drop-it.portuguese.md
@@ -0,0 +1,66 @@
+---
+id: a5deed1811a43193f9f1c841
+title: Drop it
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Largue
+---
+
+## Description
+<section id="description"> Dado o arranjo <code>arr</code> , percorra e remova cada elemento começando do primeiro elemento (o índice 0) até que a função <code>func</code> retorne <code>true</code> quando o elemento iterado passar por ele. Em seguida, retorne o restante da matriz quando a condição for satisfeita, caso contrário, o <code>arr</code> deverá ser retornado como uma matriz vazia. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>dropElements([1, 2, 3, 4], function(n) {return n &gt;= 3;})</code> deve retornar <code>[3, 4]</code> .'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3, 4], function(n) {return n >= 3;}), [3, 4], "<code>dropElements([1, 2, 3, 4], function(n) {return n >= 3;})</code> should return <code>[3, 4]</code>.");'
+  - text: '<code>dropElements([0, 1, 0, 1], function(n) {return n === 1;})</code> deve retornar <code>[1, 0, 1]</code> .'
+    testString: 'assert.deepEqual(dropElements([0, 1, 0, 1], function(n) {return n === 1;}), [1, 0, 1], "<code>dropElements([0, 1, 0, 1], function(n) {return n === 1;})</code> should return <code>[1, 0, 1]</code>.");'
+  - text: '<code>dropElements([1, 2, 3], function(n) {return n &gt; 0;})</code> deve retornar <code>[1, 2, 3]</code> .'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3], function(n) {return n > 0;}), [1, 2, 3], "<code>dropElements([1, 2, 3], function(n) {return n > 0;})</code> should return <code>[1, 2, 3]</code>.");'
+  - text: '<code>dropElements([1, 2, 3, 4], function(n) {return n &gt; 5;})</code> deve retornar <code>[]</code> .'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3, 4], function(n) {return n > 5;}), [], "<code>dropElements([1, 2, 3, 4], function(n) {return n > 5;})</code> should return <code>[]</code>.");'
+  - text: '<code>dropElements([1, 2, 3, 7, 4], function(n) {return n &gt; 3;})</code> deve retornar <code>[7, 4]</code> .'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3, 7, 4], function(n) {return n > 3;}), [7, 4], "<code>dropElements([1, 2, 3, 7, 4], function(n) {return n > 3;})</code> should return <code>[7, 4]</code>.");'
+  - text: '<code>dropElements([1, 2, 3, 9, 2], function(n) {return n &gt; 2;})</code> deve retornar <code>[3, 9, 2]</code> .'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3, 9, 2], function(n) {return n > 2;}), [3, 9, 2], "<code>dropElements([1, 2, 3, 9, 2], function(n) {return n > 2;})</code> should return <code>[3, 9, 2]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function dropElements(arr, func) {
+  // Drop them elements.
+  return arr;
+}
+
+dropElements([1, 2, 3], function(n) {return n < 3; });
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/everything-be-true.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/everything-be-true.portuguese.md
new file mode 100644
index 0000000000..0ff158e087
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/everything-be-true.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: a10d2431ad0c6a099a4b8b52
+title: Everything Be True
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Tudo ser verdadeiro
+---
+
+## Description
+<section id="description"> Verifique se o predicado (segundo argumento) é <dfn>válido</dfn> em todos os elementos de uma coleção (primeiro argumento). Em outras palavras, você recebe uma coleção de objetos. O predicado <code>pre</code> será uma propriedade do objeto e você precisa retornar <code>true</code> se o seu valor é <code>truthy</code> . Caso contrário, retorne <code>false</code> . Em JavaScript, <code>truthy</code> valores são valores que traduzem a <code>true</code> quando avaliada em um contexto booleano. Lembre-se, você pode acessar as propriedades do objeto através da notação de ponto ou da notação <code>[]</code> . Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>truthCheck([{&quot;user&quot;: &quot;Tinky-Winky&quot;, &quot;sex&quot;: &quot;male&quot;}, {&quot;user&quot;: &quot;Dipsy&quot;, &quot;sex&quot;: &quot;male&quot;}, {&quot;user&quot;: &quot;Laa-Laa&quot;, &quot;sex&quot;: &quot;female&quot;}, {&quot;user&quot;: &quot;Po&quot;, &quot;sex&quot;: &quot;female&quot;}], &quot;sex&quot;)</code> devem retornar true.'
+    testString: 'assert.strictEqual(truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex"), true, "<code>truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex")</code> should return true.");'
+  - text: '<code>truthCheck([{&quot;user&quot;: &quot;Tinky-Winky&quot;, &quot;sex&quot;: &quot;male&quot;}, {&quot;user&quot;: &quot;Dipsy&quot;}, {&quot;user&quot;: &quot;Laa-Laa&quot;, &quot;sex&quot;: &quot;female&quot;}, {&quot;user&quot;: &quot;Po&quot;, &quot;sex&quot;: &quot;female&quot;}], &quot;sex&quot;)</code> devem retornar false.'
+    testString: 'assert.strictEqual(truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex"), false, "<code>truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex")</code> should return false.");'
+  - text: '<code>truthCheck([{&quot;user&quot;: &quot;Tinky-Winky&quot;, &quot;sex&quot;: &quot;male&quot;, &quot;age&quot;: 0}, {&quot;user&quot;: &quot;Dipsy&quot;, &quot;sex&quot;: &quot;male&quot;, &quot;age&quot;: 3}, {&quot;user&quot;: &quot;Laa-Laa&quot;, &quot;sex&quot;: &quot;female&quot;, &quot;age&quot;: 5}, {&quot;user&quot;: &quot;Po&quot;, &quot;sex&quot;: &quot;female&quot;, &quot;age&quot;: 4}], &quot;age&quot;)</code> deve retornar false.'
+    testString: 'assert.strictEqual(truthCheck([{"user": "Tinky-Winky", "sex": "male", "age": 2}, {"user": "Dipsy", "sex": "male", "age": 0}, {"user": "Laa-Laa", "sex": "female", "age": 5}, {"user": "Po", "sex": "female", "age": 4}], "age"), false, "<code>truthCheck([{"user": "Tinky-Winky", "sex": "male", "age": 0}, {"user": "Dipsy", "sex": "male", "age": 3}, {"user": "Laa-Laa", "sex": "female", "age": 5}, {"user": "Po", "sex": "female", "age": 4}], "age")</code> should return false.");'
+  - text: '<code>truthCheck([{&quot;name&quot;: &quot;Pete&quot;, &quot;onBoat&quot;: true}, {&quot;name&quot;: &quot;Repeat&quot;, &quot;onBoat&quot;: true}, {&quot;name&quot;: &quot;FastFoward&quot;, &quot;onBoat&quot;: null}], &quot;onBoat&quot;)</code> deve retornar false'
+    testString: 'assert.strictEqual(truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true}, {"name": "FastFoward", "onBoat": null}], "onBoat"), false, "<code>truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true}, {"name": "FastFoward", "onBoat": null}], "onBoat")</code> should return false");'
+  - text: '<code>truthCheck([{&quot;name&quot;: &quot;Pete&quot;, &quot;onBoat&quot;: true}, {&quot;name&quot;: &quot;Repeat&quot;, &quot;onBoat&quot;: true, &quot;alias&quot;: &quot;Repete&quot;}, {&quot;name&quot;: &quot;FastFoward&quot;, &quot;onBoat&quot;: true}], &quot;onBoat&quot;)</code> deve retornar true'
+    testString: 'assert.strictEqual(truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true, "alias": "Repete"}, {"name": "FastFoward", "onBoat": true}], "onBoat"), true, "<code>truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true, "alias": "Repete"}, {"name": "FastFoward", "onBoat": true}], "onBoat")</code> should return true");'
+  - text: '<code>truthCheck([{&quot;single&quot;: &quot;yes&quot;}], &quot;single&quot;)</code> deve retornar true'
+    testString: 'assert.strictEqual(truthCheck([{"single": "yes"}], "single"), true, "<code>truthCheck([{"single": "yes"}], "single")</code> should return true");'
+  - text: '<code>truthCheck([{&quot;single&quot;: &quot;&quot;}, {&quot;single&quot;: &quot;double&quot;}], &quot;single&quot;)</code> deve retornar false'
+    testString: 'assert.strictEqual(truthCheck([{"single": ""}, {"single": "double"}], "single"), false, "<code>truthCheck([{"single": ""}, {"single": "double"}], "single")</code> should return false");'
+  - text: '<code>truthCheck([{&quot;single&quot;: &quot;double&quot;}, {&quot;single&quot;: undefined}], &quot;single&quot;)</code> deve retornar false'
+    testString: 'assert.strictEqual(truthCheck([{"single": "double"}, {"single": undefined}], "single"), false, "<code>truthCheck([{"single": "double"}, {"single": undefined}], "single")</code> should return false");'
+  - text: '<code>truthCheck([{&quot;single&quot;: &quot;double&quot;}, {&quot;single&quot;: NaN}], &quot;single&quot;)</code> deve retornar false'
+    testString: 'assert.strictEqual(truthCheck([{"single": "double"}, {"single": NaN}], "single"), false, "<code>truthCheck([{"single": "double"}, {"single": NaN}], "single")</code> should return false");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function truthCheck(collection, pre) {
+  // Is everyone being true?
+  return pre;
+}
+
+truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/make-a-person.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/make-a-person.portuguese.md
new file mode 100644
index 0000000000..cd6a075abb
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/make-a-person.portuguese.md
@@ -0,0 +1,81 @@
+---
+id: a2f1d72d9b908d0bd72bb9f6
+title: Make a Person
+challengeType: 5
+videoUrl: ''
+localeTitle: Faça uma pessoa
+---
+
+## Description
+<section id="description"> Preencha o construtor de objeto com os seguintes métodos abaixo: <blockquote> getFirstName () getLastName () getFullName () setFirstName (primeiro) setLastName (last) setFullName (firstAndLast) </blockquote> Execute os testes para ver a saída esperada para cada método. Os métodos que aceitam um argumento devem aceitar apenas um argumento e ele deve ser uma string. Esses métodos devem ser os únicos meios disponíveis de interação com o objeto. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Object.keys(bob).length</code> deve retornar 6.
+    testString: 'assert.deepEqual(Object.keys(bob).length, 6, "<code>Object.keys(bob).length</code> should return 6.");'
+  - text: <code>bob instanceof Person</code> deve retornar true.
+    testString: 'assert.deepEqual(bob instanceof Person, true, "<code>bob instanceof Person</code> should return true.");'
+  - text: <code>bob.firstName</code> deve retornar indefinido.
+    testString: 'assert.deepEqual(bob.firstName, undefined, "<code>bob.firstName</code> should return undefined.");'
+  - text: <code>bob.lastName</code> deve retornar indefinido.
+    testString: 'assert.deepEqual(bob.lastName, undefined, "<code>bob.lastName</code> should return undefined.");'
+  - text: <code>bob.getFirstName()</code> deve retornar &quot;Bob&quot;.
+    testString: 'assert.deepEqual(bob.getFirstName(), "Bob", "<code>bob.getFirstName()</code> should return "Bob".");'
+  - text: <code>bob.getLastName()</code> deve retornar &quot;Ross&quot;.
+    testString: 'assert.deepEqual(bob.getLastName(), "Ross", "<code>bob.getLastName()</code> should return "Ross".");'
+  - text: <code>bob.getFullName()</code> deve retornar &quot;Bob Ross&quot;.
+    testString: 'assert.deepEqual(bob.getFullName(), "Bob Ross", "<code>bob.getFullName()</code> should return "Bob Ross".");'
+  - text: <code>bob.getFullName()</code> deve retornar &quot;Haskell Ross&quot; depois de <code>bob.setFirstName(&quot;Haskell&quot;)</code> .
+    testString: 'assert.strictEqual((function () { bob.setFirstName("Haskell"); return bob.getFullName(); })(), "Haskell Ross", "<code>bob.getFullName()</code> should return "Haskell Ross" after <code>bob.setFirstName("Haskell")</code>.");'
+  - text: <code>bob.getFullName()</code> deve retornar &quot;Haskell Curry&quot; depois de <code>bob.setLastName(&quot;Curry&quot;)</code> .
+    testString: 'assert.strictEqual((function () { var _bob=new Person("Haskell Ross"); _bob.setLastName("Curry"); return _bob.getFullName(); })(), "Haskell Curry", "<code>bob.getFullName()</code> should return "Haskell Curry" after <code>bob.setLastName("Curry")</code>.");'
+  - text: <code>bob.getFullName()</code> deve retornar &quot;Haskell Curry&quot; depois de <code>bob.setFullName(&quot;Haskell Curry&quot;)</code> .
+    testString: 'assert.strictEqual((function () { bob.setFullName("Haskell Curry"); return bob.getFullName(); })(), "Haskell Curry", "<code>bob.getFullName()</code> should return "Haskell Curry" after <code>bob.setFullName("Haskell Curry")</code>.");'
+  - text: <code>bob.getFirstName()</code> deve retornar &quot;Haskell&quot; depois de <code>bob.setFullName(&quot;Haskell Curry&quot;)</code> .
+    testString: 'assert.strictEqual((function () { bob.setFullName("Haskell Curry"); return bob.getFirstName(); })(), "Haskell", "<code>bob.getFirstName()</code> should return "Haskell" after <code>bob.setFullName("Haskell Curry")</code>.");'
+  - text: <code>bob.getLastName()</code> deve retornar &quot;Curry&quot; depois de <code>bob.setFullName(&quot;Haskell Curry&quot;)</code> .
+    testString: 'assert.strictEqual((function () { bob.setFullName("Haskell Curry"); return bob.getLastName(); })(), "Curry", "<code>bob.getLastName()</code> should return "Curry" after <code>bob.setFullName("Haskell Curry")</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Person = function(firstAndLast) {
+  // Complete the method below and implement the others similarly
+  this.getFullName = function() {
+    return "";
+  };
+  return firstAndLast;
+};
+
+var bob = new Person('Bob Ross');
+bob.getFullName();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/map-the-debris.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/map-the-debris.portuguese.md
new file mode 100644
index 0000000000..108e9c4605
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/map-the-debris.portuguese.md
@@ -0,0 +1,58 @@
+---
+id: af4afb223120f7348cdfc9fd
+title: Map the Debris
+challengeType: 5
+videoUrl: ''
+localeTitle: Mapeie os detritos
+---
+
+## Description
+<section id="description"> Retorna uma nova matriz que transforma a altitude média dos elementos em seus períodos orbitais (em segundos). A matriz conterá objetos no formato <code>{name: &#39;name&#39;, avgAlt: avgAlt}</code> . Você pode ler sobre períodos orbitais <a href="http://en.wikipedia.org/wiki/Orbital_period" target="_blank">na Wikipedia</a> . Os valores devem ser arredondados para o número inteiro mais próximo. O corpo que está sendo orbitado é a Terra. O raio da terra é 6367.4447 quilômetros, e o valor de GM da terra é 398600.4418 km <sup>3</sup> s <sup>-2</sup> . Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>orbitalPeriod([{name : &quot;sputnik&quot;, avgAlt : 35873.5553}])</code> deve retornar <code>[{name: &quot;sputnik&quot;, orbitalPeriod: 86400}]</code> .'
+    testString: 'assert.deepEqual(orbitalPeriod([{name : "sputnik", avgAlt : 35873.5553}]), [{name: "sputnik", orbitalPeriod: 86400}], "<code>orbitalPeriod([{name : "sputnik", avgAlt : 35873.5553}])</code> should return <code>[{name: "sputnik", orbitalPeriod: 86400}]</code>.");'
+  - text: '<code>orbitalPeriod([{name: &quot;iss&quot;, avgAlt: 413.6}, {name: &quot;hubble&quot;, avgAlt: 556.7}, {name: &quot;moon&quot;, avgAlt: 378632.553}])</code> deve retornar <code>[{name : &quot;iss&quot;, orbitalPeriod: 5557}, {name: &quot;hubble&quot;, orbitalPeriod: 5734}, {name: &quot;moon&quot;, orbitalPeriod: 2377399}]</code> .'
+    testString: 'assert.deepEqual(orbitalPeriod([{name: "iss", avgAlt: 413.6}, {name: "hubble", avgAlt: 556.7}, {name: "moon", avgAlt: 378632.553}]), [{name : "iss", orbitalPeriod: 5557}, {name: "hubble", orbitalPeriod: 5734}, {name: "moon", orbitalPeriod: 2377399}], "<code>orbitalPeriod([{name: "iss", avgAlt: 413.6}, {name: "hubble", avgAlt: 556.7}, {name: "moon", avgAlt: 378632.553}])</code> should return <code>[{name : "iss", orbitalPeriod: 5557}, {name: "hubble", orbitalPeriod: 5734}, {name: "moon", orbitalPeriod: 2377399}]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function orbitalPeriod(arr) {
+  var GM = 398600.4418;
+  var earthRadius = 6367.4447;
+  return arr;
+}
+
+orbitalPeriod([{name : "sputnik", avgAlt : 35873.5553}]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/missing-letters.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/missing-letters.portuguese.md
new file mode 100644
index 0000000000..e2ada3e69b
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/missing-letters.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: af7588ade1100bde429baf20
+title: Missing letters
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Cartas desaparecidas
+---
+
+## Description
+<section id="description"> Encontre a letra que falta no intervalo de letras passadas e devolva-a. Se todas as letras estiverem presentes no intervalo, retorne indefinido. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>fearNotLetter(&quot;abce&quot;)</code> deve retornar &quot;d&quot;.
+    testString: 'assert.deepEqual(fearNotLetter("abce"), "d", "<code>fearNotLetter("abce")</code> should return "d".");'
+  - text: <code>fearNotLetter(&quot;abcdefghjklmno&quot;)</code> deve retornar &quot;i&quot;.
+    testString: 'assert.deepEqual(fearNotLetter("abcdefghjklmno"), "i", "<code>fearNotLetter("abcdefghjklmno")</code> should return "i".");'
+  - text: <code>fearNotLetter(&quot;stvwx&quot;)</code> deve retornar &quot;u&quot;.
+    testString: 'assert.deepEqual(fearNotLetter("stvwx"), "u", "<code>fearNotLetter("stvwx")</code> should return "u".");'
+  - text: <code>fearNotLetter(&quot;bcdf&quot;)</code> deve retornar &quot;e&quot;.
+    testString: 'assert.deepEqual(fearNotLetter("bcdf"), "e", "<code>fearNotLetter("bcdf")</code> should return "e".");'
+  - text: <code>fearNotLetter(&quot;abcdefghijklmnopqrstuvwxyz&quot;)</code> deve retornar indefinido.
+    testString: 'assert.isUndefined(fearNotLetter("abcdefghijklmnopqrstuvwxyz"), "<code>fearNotLetter("abcdefghijklmnopqrstuvwxyz")</code> should return undefined.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fearNotLetter(str) {
+  return str;
+}
+
+fearNotLetter("abce");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/pig-latin.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/pig-latin.portuguese.md
new file mode 100644
index 0000000000..6c04eabe77
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/pig-latin.portuguese.md
@@ -0,0 +1,67 @@
+---
+id: aa7697ea2477d1316795783b
+title: Pig Latin
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Porco Latino
+---
+
+## Description
+<section id="description"> Traduza a string fornecida para pig latin. <a href="http://en.wikipedia.org/wiki/Pig_Latin" target="_blank">Pig Latin</a> pega a primeira consoante (ou consoante cluster) de uma palavra inglesa, move-a para o final da palavra e sufixa um &quot;ay&quot;. Se uma palavra começa com uma vogal, você apenas adiciona &quot;caminho&quot; ao final. As strings de entrada são garantidas como palavras inglesas em todas as letras minúsculas. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>translatePigLatin(&quot;california&quot;)</code> deve retornar &quot;aliforniacay&quot;.
+    testString: 'assert.deepEqual(translatePigLatin("california"), "aliforniacay", "<code>translatePigLatin("california")</code> should return "aliforniacay".");'
+  - text: <code>translatePigLatin(&quot;paragraphs&quot;)</code> deve retornar &quot;aragraphspay&quot;.
+    testString: 'assert.deepEqual(translatePigLatin("paragraphs"), "aragraphspay", "<code>translatePigLatin("paragraphs")</code> should return "aragraphspay".");'
+  - text: <code>translatePigLatin(&quot;glove&quot;)</code> deve retornar &quot;oveglay&quot;.
+    testString: 'assert.deepEqual(translatePigLatin("glove"), "oveglay", "<code>translatePigLatin("glove")</code> should return "oveglay".");'
+  - text: <code>translatePigLatin(&quot;algorithm&quot;)</code> deve retornar &quot;algorithmway&quot;.
+    testString: 'assert.deepEqual(translatePigLatin("algorithm"), "algorithmway", "<code>translatePigLatin("algorithm")</code> should return "algorithmway".");'
+  - text: <code>translatePigLatin(&quot;eight&quot;)</code> deve retornar &quot;eightway&quot;.
+    testString: 'assert.deepEqual(translatePigLatin("eight"), "eightway", "<code>translatePigLatin("eight")</code> should return "eightway".");'
+  - text: Deve lidar com palavras em que a primeira vogal aparece no final da palavra.
+    testString: 'assert.deepEqual(translatePigLatin("schwartz"), "artzschway", "Should handle words where the first vowel comes in the end of the word.");'
+  - text: Deve lidar com palavras sem vogais.
+    testString: 'assert.deepEqual(translatePigLatin("rhythm"), "rhythmay", "Should handle words without vowels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function translatePigLatin(str) {
+  return str;
+}
+
+translatePigLatin("consonant");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/search-and-replace.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/search-and-replace.portuguese.md
new file mode 100644
index 0000000000..1dc2976a05
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/search-and-replace.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: a0b5010f579e69b815e7c5d6
+title: Search and Replace
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Pesquisar e substituir
+---
+
+## Description
+<section id="description"> Realize uma busca e substitua a frase usando os argumentos fornecidos e retorne a nova sentença. Primeiro argumento é a sentença para realizar a pesquisa e substituir. Segundo argumento é a palavra que você estará substituindo (antes). Terceiro argumento é o que você estará substituindo o segundo argumento com (depois). <strong>Nota</strong> <br> Preserve o caso do primeiro caractere na palavra original quando for substituí-lo. Por exemplo, se você pretende substituir a palavra &quot;Livro&quot; pela palavra &quot;cachorro&quot;, ele deve ser substituído por &quot;Cão&quot;. Lembre-se de usar a opção <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Ler-pesquisar-perguntar</a> se ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myReplace(&quot;Let us go to the store&quot;, &quot;store&quot;, &quot;mall&quot;)</code> deve retornar &quot;Vamos ao shopping&quot;.'
+    testString: 'assert.deepEqual(myReplace("Let us go to the store", "store", "mall"), "Let us go to the mall", "<code>myReplace("Let us go to the store", "store", "mall")</code> should return "Let us go to the mall".");'
+  - text: '<code>myReplace(&quot;He is Sleeping on the couch&quot;, &quot;Sleeping&quot;, &quot;sitting&quot;)</code> deve retornar &quot;Ele está sentado no sofá&quot;.'
+    testString: 'assert.deepEqual(myReplace("He is Sleeping on the couch", "Sleeping", "sitting"), "He is Sitting on the couch", "<code>myReplace("He is Sleeping on the couch", "Sleeping", "sitting")</code> should return "He is Sitting on the couch".");'
+  - text: '<code>myReplace(&quot;This has a spellngi error&quot;, &quot;spellngi&quot;, &quot;spelling&quot;)</code> deve retornar &quot;Isso tem um erro de ortografia&quot;.'
+    testString: 'assert.deepEqual(myReplace("This has a spellngi error", "spellngi", "spelling"), "This has a spelling error", "<code>myReplace("This has a spellngi error", "spellngi", "spelling")</code> should return "This has a spelling error".");'
+  - text: '<code>myReplace(&quot;His name is Tom&quot;, &quot;Tom&quot;, &quot;john&quot;)</code> deve retornar &quot;O nome dele é John&quot;.'
+    testString: 'assert.deepEqual(myReplace("His name is Tom", "Tom", "john"), "His name is John", "<code>myReplace("His name is Tom", "Tom", "john")</code> should return "His name is John".");'
+  - text: '<code>myReplace(&quot;Let us get back to more Coding&quot;, &quot;Coding&quot;, &quot;algorithms&quot;)</code> deve retornar &quot;Vamos voltar para mais Algoritmos&quot;.'
+    testString: 'assert.deepEqual(myReplace("Let us get back to more Coding", "Coding", "algorithms"), "Let us get back to more Algorithms", "<code>myReplace("Let us get back to more Coding", "Coding", "algorithms")</code> should return "Let us get back to more Algorithms".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function myReplace(str, before, after) {
+  return str;
+}
+
+myReplace("A quick brown fox jumped over the lazy dog", "jumped", "leaped");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/seek-and-destroy.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/seek-and-destroy.portuguese.md
new file mode 100644
index 0000000000..e46b28b260
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/seek-and-destroy.portuguese.md
@@ -0,0 +1,66 @@
+---
+id: a39963a4c10bc8b4d4f06d7e
+title: Seek and Destroy
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Procurar e destruir
+---
+
+## Description
+<section id="description"> Você receberá uma matriz inicial (o primeiro argumento na função destruidora), seguido por um ou mais argumentos. Remova todos os elementos da matriz inicial que são do mesmo valor que esses argumentos. <strong>Nota</strong> <br> Você tem que usar o objeto <code>arguments</code> . Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>destroyer([1, 2, 3, 1, 2, 3], 2, 3)</code> deve retornar <code>[1, 1]</code> .'
+    testString: 'assert.deepEqual(destroyer([1, 2, 3, 1, 2, 3], 2, 3), [1, 1], "<code>destroyer([1, 2, 3, 1, 2, 3], 2, 3)</code> should return <code>[1, 1]</code>.");'
+  - text: '<code>destroyer([1, 2, 3, 5, 1, 2, 3], 2, 3)</code> deve retornar <code>[1, 5, 1]</code> .'
+    testString: 'assert.deepEqual(destroyer([1, 2, 3, 5, 1, 2, 3], 2, 3), [1, 5, 1], "<code>destroyer([1, 2, 3, 5, 1, 2, 3], 2, 3)</code> should return <code>[1, 5, 1]</code>.");'
+  - text: '<code>destroyer([3, 5, 1, 2, 2], 2, 3, 5)</code> deve retornar <code>[1]</code> .'
+    testString: 'assert.deepEqual(destroyer([3, 5, 1, 2, 2], 2, 3, 5), [1], "<code>destroyer([3, 5, 1, 2, 2], 2, 3, 5)</code> should return <code>[1]</code>.");'
+  - text: '<code>destroyer([2, 3, 2, 3], 2, 3)</code> deve retornar <code>[]</code> .'
+    testString: 'assert.deepEqual(destroyer([2, 3, 2, 3], 2, 3), [], "<code>destroyer([2, 3, 2, 3], 2, 3)</code> should return <code>[]</code>.");'
+  - text: '<code>destroyer([&quot;tree&quot;, &quot;hamburger&quot;, 53], &quot;tree&quot;, 53)</code> deve retornar <code>[&quot;hamburger&quot;]</code> .'
+    testString: 'assert.deepEqual(destroyer(["tree", "hamburger", 53], "tree", 53), ["hamburger"], "<code>destroyer(["tree", "hamburger", 53], "tree", 53)</code> should return <code>["hamburger"]</code>.");'
+  - text: '<code>destroyer([&quot;possum&quot;, &quot;trollo&quot;, 12, &quot;safari&quot;, &quot;hotdog&quot;, 92, 65, &quot;grandma&quot;, &quot;bugati&quot;, &quot;trojan&quot;, &quot;yacht&quot;], &quot;yacht&quot;, &quot;possum&quot;, &quot;trollo&quot;, &quot;safari&quot;, &quot;hotdog&quot;, &quot;grandma&quot;, &quot;bugati&quot;, &quot;trojan&quot;)</code> deve retornar <code>[12,92,65]</code> .'
+    testString: 'assert.deepEqual(destroyer(["possum", "trollo", 12, "safari", "hotdog", 92, 65, "grandma", "bugati", "trojan", "yacht"], "yacht", "possum", "trollo", "safari", "hotdog", "grandma", "bugati", "trojan"), [12,92,65], "<code>destroyer(["possum", "trollo", 12, "safari", "hotdog", 92, 65, "grandma", "bugati", "trojan", "yacht"], "yacht", "possum", "trollo", "safari", "hotdog", "grandma", "bugati", "trojan")</code> should return <code>[12,92,65]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function destroyer(arr) {
+  // Remove all the values
+  return arr;
+}
+
+destroyer([1, 2, 3, 1, 2, 3], 2, 3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple.portuguese.md
new file mode 100644
index 0000000000..528920ec84
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple.portuguese.md
@@ -0,0 +1,66 @@
+---
+id: ae9defd7acaf69703ab432ea
+title: Smallest Common Multiple
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Menor Múltiplo Comum
+---
+
+## Description
+<section id="description"> Encontre o menor múltiplo comum dos parâmetros fornecidos que podem ser divididos igualmente por ambos, bem como por todos os números seqüenciais no intervalo entre esses parâmetros. O intervalo será uma matriz de dois números que não estarão necessariamente em ordem numérica. Por exemplo, se tiver 1 e 3, encontre o menor múltiplo comum de 1 e 3 que também é divisível por todos os números <em>entre</em> 1 e 3. A resposta aqui seria 6. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você obtiver preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>smallestCommons([1, 5])</code> deve retornar um número.'
+    testString: 'assert.deepEqual(typeof smallestCommons([1, 5]), "number", "<code>smallestCommons([1, 5])</code> should return a number.");'
+  - text: '<code>smallestCommons([1, 5])</code> deve retornar 60.'
+    testString: 'assert.deepEqual(smallestCommons([1, 5]), 60, "<code>smallestCommons([1, 5])</code> should return 60.");'
+  - text: '<code>smallestCommons([5, 1])</code> deve retornar 60.'
+    testString: 'assert.deepEqual(smallestCommons([5, 1]), 60, "<code>smallestCommons([5, 1])</code> should return 60.");'
+  - text: '<code>smallestCommons([2, 10])</code> deve retornar 2520.'
+    testString: 'assert.deepEqual(smallestCommons([2, 10]), 2520, "<code>smallestCommons([2, 10])</code> should return 2520.");'
+  - text: '<code>smallestCommons([1, 13])</code> deve retornar 360360.'
+    testString: 'assert.deepEqual(smallestCommons([1, 13]), 360360, "<code>smallestCommons([1, 13])</code> should return 360360.");'
+  - text: '<code>smallestCommons([23, 18])</code> deve retornar 6056820.'
+    testString: 'assert.deepEqual(smallestCommons([23, 18]), 6056820, "<code>smallestCommons([23, 18])</code> should return 6056820.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function smallestCommons(arr) {
+  return arr;
+}
+
+
+smallestCommons([1,5]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sorted-union.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sorted-union.portuguese.md
new file mode 100644
index 0000000000..38cadcc21e
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sorted-union.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: a105e963526e7de52b219be9
+title: Sorted Union
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: União ordenada
+---
+
+## Description
+<section id="description"> Escreva uma função que usa dois ou mais arrays e retorna um novo array de valores exclusivos na ordem dos arrays fornecidos originalmente. Em outras palavras, todos os valores presentes em todos os arrays devem ser incluídos em sua ordem original, mas sem duplicatas no array final. Os números únicos devem ser classificados por ordem original, mas o array final não deve ser classificado em ordem numérica. Verifique os testes de asserção para exemplos. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1])</code> deve retornar <code>[1, 3, 2, 5, 4]</code> .'
+    testString: 'assert.deepEqual(uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1]), [1, 3, 2, 5, 4], "<code>uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1])</code> should return <code>[1, 3, 2, 5, 4]</code>.");'
+  - text: '<code>uniteUnique([1, 3, 2], [1, [5]], [2, [4]])</code> deve retornar <code>[1, 3, 2, [5], [4]]</code> .'
+    testString: 'assert.deepEqual(uniteUnique([1, 3, 2], [1, [5]], [2, [4]]), [1, 3, 2, [5], [4]], "<code>uniteUnique([1, 3, 2], [1, [5]], [2, [4]])</code> should return <code>[1, 3, 2, [5], [4]]</code>.");'
+  - text: '<code>uniteUnique([1, 2, 3], [5, 2, 1])</code> deve retornar <code>[1, 2, 3, 5]</code> .'
+    testString: 'assert.deepEqual(uniteUnique([1, 2, 3], [5, 2, 1]), [1, 2, 3, 5], "<code>uniteUnique([1, 2, 3], [5, 2, 1])</code> should return <code>[1, 2, 3, 5]</code>.");'
+  - text: '<code>uniteUnique([1, 2, 3], [5, 2, 1, 4], [2, 1], [6, 7, 8])</code> deve retornar <code>[1, 2, 3, 5, 4, 6, 7, 8]</code> .'
+    testString: 'assert.deepEqual(uniteUnique([1, 2, 3], [5, 2, 1, 4], [2, 1], [6, 7, 8]), [1, 2, 3, 5, 4, 6, 7, 8], "<code>uniteUnique([1, 2, 3], [5, 2, 1, 4], [2, 1], [6, 7, 8])</code> should return <code>[1, 2, 3, 5, 4, 6, 7, 8]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function uniteUnique(arr) {
+  return arr;
+}
+
+uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/spinal-tap-case.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/spinal-tap-case.portuguese.md
new file mode 100644
index 0000000000..aa5ab01a09
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/spinal-tap-case.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: a103376db3ba46b2d50db289
+title: Spinal Tap Case
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Estojo Spinal Tap
+---
+
+## Description
+<section id="description"> Converta uma string para o caso da coluna vertebral. O caso espinhal é todo-minúsculo-palavras-unidas-por-traços. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>spinalCase(&quot;This Is Spinal Tap&quot;)</code> deve retornar <code>&quot;this-is-spinal-tap&quot;</code> .
+    testString: 'assert.deepEqual(spinalCase("This Is Spinal Tap"), "this-is-spinal-tap", "<code>spinalCase("This Is Spinal Tap")</code> should return <code>"this-is-spinal-tap"</code>.");'
+  - text: <code>spinalCase(&quot;thisIsSpinal Tap&quot;)</code> deve retornar <code>&quot;this-is-spinal-tap&quot;</code> .
+    testString: 'assert.strictEqual(spinalCase("thisIsSpinalTap"), "this-is-spinal-tap", "<code>spinalCase("thisIsSpinal<wbr>Tap")</code> should return <code>"this-is-spinal-tap"</code>.");'
+  - text: <code>spinalCase(&quot;The_Andy_ Griffith_Show&quot;)</code> deve retornar <code>&quot;the-andy-griffith-show&quot;</code> .
+    testString: 'assert.strictEqual(spinalCase("The_Andy_Griffith_Show"), "the-andy-griffith-show", "<code>spinalCase("The_Andy_<wbr>Griffith_Show")</code> should return <code>"the-andy-griffith-show"</code>.");'
+  - text: <code>spinalCase(&quot;Teletubbies say Eh-oh&quot;)</code> deve retornar <code>&quot;teletubbies-say-eh-oh&quot;</code> .
+    testString: 'assert.strictEqual(spinalCase("Teletubbies say Eh-oh"), "teletubbies-say-eh-oh", "<code>spinalCase("Teletubbies say Eh-oh")</code> should return <code>"teletubbies-say-eh-oh"</code>.");'
+  - text: <code>spinalCase(&quot;AllThe-small Things&quot;)</code> deve retornar <code>&quot;all-the-small-things&quot;</code> .
+    testString: 'assert.strictEqual(spinalCase("AllThe-small Things"), "all-the-small-things", "<code>spinalCase("AllThe-small Things")</code> should return <code>"all-the-small-things"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function spinalCase(str) {
+  // "It's such a fine line between stupid, and clever."
+  // --David St. Hubbins
+  return str;
+}
+
+spinalCase('This Is Spinal Tap');
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/steamroller.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/steamroller.portuguese.md
new file mode 100644
index 0000000000..7d131a0609
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/steamroller.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: ab306dbdcc907c7ddfc30830
+title: Steamroller
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Rolo compressor
+---
+
+## Description
+<section id="description"> Achatar uma matriz aninhada. Você deve considerar vários níveis de aninhamento. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>steamrollArray([[[&quot;a&quot;]], [[&quot;b&quot;]]])</code> deve retornar <code>[&quot;a&quot;, &quot;b&quot;]</code> .'
+    testString: 'assert.deepEqual(steamrollArray([[["a"]], [["b"]]]), ["a", "b"], "<code>steamrollArray([[["a"]], [["b"]]])</code> should return <code>["a", "b"]</code>.");'
+  - text: '<code>steamrollArray([1, [2], [3, [[4]]]])</code> deve retornar <code>[1, 2, 3, 4]</code> .'
+    testString: 'assert.deepEqual(steamrollArray([1, [2], [3, [[4]]]]), [1, 2, 3, 4], "<code>steamrollArray([1, [2], [3, [[4]]]])</code> should return <code>[1, 2, 3, 4]</code>.");'
+  - text: '<code>steamrollArray([1, [], [3, [[4]]]])</code> deve retornar <code>[1, 3, 4]</code> .'
+    testString: 'assert.deepEqual(steamrollArray([1, [], [3, [[4]]]]), [1, 3, 4], "<code>steamrollArray([1, [], [3, [[4]]]])</code> should return <code>[1, 3, 4]</code>.");'
+  - text: '<code>steamrollArray([1, {}, [3, [[4]]]])</code> deve retornar <code>[1, {}, 3, 4]</code> .'
+    testString: 'assert.deepEqual(steamrollArray([1, {}, [3, [[4]]]]), [1, {}, 3, 4], "<code>steamrollArray([1, {}, [3, [[4]]]])</code> should return <code>[1, {}, 3, 4]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function steamrollArray(arr) {
+  // I'm a steamroller, baby
+  return arr;
+}
+
+steamrollArray([1, [2], [3, [[4]]]]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-numbers-in-a-range.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-numbers-in-a-range.portuguese.md
new file mode 100644
index 0000000000..36dcbabb5a
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-numbers-in-a-range.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: a3566b1109230028080c9345
+title: Sum All Numbers in a Range
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Soma todos os números em um intervalo
+---
+
+## Description
+<section id="description"> Nós vamos te passar uma matriz de dois números. Retorna a soma desses dois números mais a soma de todos os números entre eles. O número mais baixo nem sempre vem primeiro. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>sumAll([1, 4])</code> deve retornar um número.'
+    testString: 'assert(typeof sumAll([1, 4]) === "number", "<code>sumAll([1, 4])</code> should return a number.");'
+  - text: '<code>sumAll([1, 4])</code> deve retornar 10.'
+    testString: 'assert.deepEqual(sumAll([1, 4]), 10, "<code>sumAll([1, 4])</code> should return 10.");'
+  - text: '<code>sumAll([4, 1])</code> deve retornar 10.'
+    testString: 'assert.deepEqual(sumAll([4, 1]), 10, "<code>sumAll([4, 1])</code> should return 10.");'
+  - text: '<code>sumAll([5, 10])</code> deve retornar 45.'
+    testString: 'assert.deepEqual(sumAll([5, 10]), 45, "<code>sumAll([5, 10])</code> should return 45.");'
+  - text: '<code>sumAll([10, 5])</code> deve retornar 45.'
+    testString: 'assert.deepEqual(sumAll([10, 5]), 45, "<code>sumAll([10, 5])</code> should return 45.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumAll(arr) {
+  return 1;
+}
+
+sumAll([1, 4]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-odd-fibonacci-numbers.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-odd-fibonacci-numbers.portuguese.md
new file mode 100644
index 0000000000..54a2c2195d
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-odd-fibonacci-numbers.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: a5229172f011153519423690
+title: Sum All Odd Fibonacci Numbers
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Soma todos os números impares de Fibonacci
+---
+
+## Description
+<section id="description"> Dado um inteiro positivo <code>num</code> , retornar a soma de todos os números de Fibonacci impares que são menor ou igual a <code>num</code> . Os dois primeiros números da sequência de Fibonacci são 1 e 1. Cada número adicional na sequência é a soma dos dois números anteriores. Os primeiros seis números da seqüência de Fibonacci são 1, 1, 2, 3, 5 e 8. Por exemplo, <code>sumFibs(10)</code> deve retornar <code>10</code> porque todos os números de Fibonacci ímpares menores ou iguais a <code>10</code> são 1, 1, 3 e 5. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumFibs(1)</code> deve retornar um número.
+    testString: 'assert(typeof sumFibs(1) === "number", "<code>sumFibs(1)</code> should return a number.");'
+  - text: <code>sumFibs(1000)</code> deve retornar 1785.
+    testString: 'assert(sumFibs(1000) === 1785, "<code>sumFibs(1000)</code> should return 1785.");'
+  - text: <code>sumFibs(4000000)</code> deve retornar 4613732.
+    testString: 'assert(sumFibs(4000000) === 4613732, "<code>sumFibs(4000000)</code> should return 4613732.");'
+  - text: <code>sumFibs(4)</code> deve retornar 5.
+    testString: 'assert(sumFibs(4) === 5, "<code>sumFibs(4)</code> should return 5.");'
+  - text: <code>sumFibs(75024)</code> deve retornar 60696.
+    testString: 'assert(sumFibs(75024) === 60696, "<code>sumFibs(75024)</code> should return 60696.");'
+  - text: <code>sumFibs(75025)</code> deve retornar 135721.
+    testString: 'assert(sumFibs(75025) === 135721, "<code>sumFibs(75025)</code> should return 135721.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumFibs(num) {
+  return num;
+}
+
+sumFibs(4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-primes.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-primes.portuguese.md
new file mode 100644
index 0000000000..17c0607f40
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-primes.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: a3bfc1673c0526e06d3ac698
+title: Sum All Primes
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Soma todos os horários
+---
+
+## Description
+<section id="description"> Soma todos os números primos até e incluindo o número fornecido. Um número primo é definido como um número maior que um e tendo apenas dois divisores, um e ele próprio. Por exemplo, 2 é um número primo porque só é divisível por um e dois. O número fornecido pode não ser primo. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumPrimes(10)</code> deve retornar um número.
+    testString: 'assert.deepEqual(typeof sumPrimes(10), "number", "<code>sumPrimes(10)</code> should return a number.");'
+  - text: <code>sumPrimes(10)</code> deve retornar 17.
+    testString: 'assert.deepEqual(sumPrimes(10), 17, "<code>sumPrimes(10)</code> should return 17.");'
+  - text: <code>sumPrimes(977)</code> deve retornar 73156.
+    testString: 'assert.deepEqual(sumPrimes(977), 73156, "<code>sumPrimes(977)</code> should return 73156.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumPrimes(num) {
+  return num;
+}
+
+sumPrimes(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/wherefore-art-thou.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/wherefore-art-thou.portuguese.md
new file mode 100644
index 0000000000..759a2de363
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/wherefore-art-thou.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: a8e512fbe388ac2f9198f0fa
+title: Wherefore art thou
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Portanto és
+---
+
+## Description
+<section id="description"> Crie uma função que examine uma matriz de objetos (primeiro argumento) e retorne uma matriz de todos os objetos que possuem pares de nome e valor correspondentes (segundo argumento). Cada nome e par de valores do objeto de origem deve estar presente no objeto da coleção, se for para ser incluído na matriz retornada. Por exemplo, se o primeiro argumento for <code>[{ first: &quot;Romeo&quot;, last: &quot;Montague&quot; }, { first: &quot;Mercutio&quot;, last: null }, { first: &quot;Tybalt&quot;, last: &quot;Capulet&quot; }]</code> , e o segundo argumento é <code>{ last: &quot;Capulet&quot; }</code> , então você deve retornar o terceiro objeto da matriz (o primeiro argumento), porque contém o nome e seu valor, que foi passado como segundo argumento. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>whatIsInAName([{ first: &quot;Romeo&quot;, last: &quot;Montague&quot; }, { first: &quot;Mercutio&quot;, last: null }, { first: &quot;Tybalt&quot;, last: &quot;Capulet&quot; }], { last: &quot;Capulet&quot; })</code> deve retornar <code>[{ first: &quot;Tybalt&quot;, last: &quot;Capulet&quot; }]</code> .'
+    testString: 'assert.deepEqual(whatIsInAName([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" }), [{ first: "Tybalt", last: "Capulet" }], "<code>whatIsInAName([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" })</code> should return <code>[{ first: "Tybalt", last: "Capulet" }]</code>.");'
+  - text: '<code>whatIsInAName([{ &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2 }], { &quot;apple&quot;: 1 })</code> deve retornar <code>[{ &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2 }]</code> .'
+    testString: 'assert.deepEqual(whatIsInAName([{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }], { "apple": 1 }), [{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }], "<code>whatIsInAName([{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }], { "apple": 1 })</code> should return <code>[{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }]</code>.");'
+  - text: '<code>whatIsInAName([{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }], { &quot;apple&quot;: 1, &quot;bat&quot;: 2 })</code> deve retornar <code>[{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }]</code> .'
+    testString: 'assert.deepEqual(whatIsInAName([{ "apple": 1, "bat": 2 }, { "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "bat": 2 }), [{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }], "<code>whatIsInAName([{ "apple": 1, "bat": 2 }, { "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "bat": 2 })</code> should return <code>[{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }]</code>.");'
+  - text: '<code>whatIsInAName([{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }], { &quot;apple&quot;: 1, &quot;cookie&quot;: 2 })</code> deve retornar <code>[{ &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }]</code> .'
+    testString: 'assert.deepEqual(whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "cookie": 2 }), [{ "apple": 1, "bat": 2, "cookie": 2 }], "<code>whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "cookie": 2 })</code> should return <code>[{ "apple": 1, "bat": 2, "cookie": 2 }]</code>.");'
+  - text: '<code>whatIsInAName([{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }, { &quot;bat&quot;:2 }], { &quot;apple&quot;: 1, &quot;bat&quot;: 2 })</code> deve retornar <code>[{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;:2 }]</code> .'
+    testString: 'assert.deepEqual(whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }, {"bat":2}], { "apple": 1, "bat": 2 }), [{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie":2 }], "<code>whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }, { "bat":2 }], { "apple": 1, "bat": 2 })</code> should return <code>[{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie":2 }]</code>.");'
+  - text: '<code>whatIsInAName([{&quot;a&quot;: 1, &quot;b&quot;: 2, &quot;c&quot;: 3}], {&quot;a&quot;: 1, &quot;b&quot;: 9999, &quot;c&quot;: 3})</code> deve retornar <code>[]</code>'
+    testString: 'assert.deepEqual(whatIsInAName([{ "a": 1, "b": 2, "c": 3 }], { "a": 1, "b": 9999, "c": 3 }), [], "<code>whatIsInAName([{"a": 1, "b": 2, "c": 3}], {"a": 1, "b": 9999, "c": 3})</code> should return <code>[]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function whatIsInAName(collection, source) {
+  // What's in a name?
+  var arr = [];
+  // Only change code below this line
+
+
+  // Only change code above this line
+  return arr;
+}
+
+whatIsInAName([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" });
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/caesars-cipher.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/caesars-cipher.portuguese.md
new file mode 100644
index 0000000000..2d3c80a7ba
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/caesars-cipher.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 56533eb9ac21ba0edf2244e2
+title: Caesars Cipher
+challengeType: 5
+isRequired: true
+videoUrl: ''
+localeTitle: Cifra Caesars
+---
+
+## Description
+<section id="description"> Uma das <dfn>cifras</dfn> mais simples e mais conhecidas é uma <code>Caesar cipher</code> , também conhecida como <code>shift cipher</code> . Em uma <code>shift cipher</code> os significados das letras são alterados por um determinado valor. Um uso moderno comum é a cifra <a href="https://en.wikipedia.org/wiki/ROT13" target="_blank">ROT13</a> , onde os valores das letras são deslocados para 13 lugares. Assim &#39;A&#39; ↔ &#39;N&#39;, &#39;B&#39; ↔ &#39;O&#39; e assim por diante. Escreva uma função que tenha uma string codificada em <a href="https://en.wikipedia.org/wiki/ROT13" target="_blank">ROT13</a> como entrada e retorne uma string decodificada. Todas as letras serão maiúsculas. Não transforme qualquer caractere não alfabético (ou seja, espaços, pontuação), mas passe-os adiante. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>rot13(&quot;SERR PBQR PNZC&quot;)</code> deve ser decodificado para <code>FREE CODE CAMP</code>
+    testString: 'assert(rot13("SERR PBQR PNZC") === "FREE CODE CAMP", "<code>rot13("SERR PBQR PNZC")</code> should decode to <code>FREE CODE CAMP</code>");'
+  - text: <code>rot13(&quot;SERR CVMMN!&quot;)</code> deve decodificar para <code>FREE PIZZA!</code>
+    testString: 'assert(rot13("SERR CVMMN!") === "FREE PIZZA!", "<code>rot13("SERR CVMMN!")</code> should decode to <code>FREE PIZZA!</code>");'
+  - text: <code>rot13(&quot;SERR YBIR?&quot;)</code> deve decodificar para <code>FREE LOVE?</code>
+    testString: 'assert(rot13("SERR YBIR?") === "FREE LOVE?", "<code>rot13("SERR YBIR?")</code> should decode to <code>FREE LOVE?</code>");'
+  - text: <code>rot13(&quot;GUR DHVPX OEBJA SBK WHZCF BIRE GUR YNML QBT.&quot;)</code> deve ser decodificado para o <code>THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.</code>
+    testString: 'assert(rot13("GUR DHVPX OEBJA SBK WHZCF BIRE GUR YNML QBT.") === "THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.", "<code>rot13("GUR DHVPX OEBJA SBK WHZCF BIRE GUR YNML QBT.")</code> should decode to <code>THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function rot13(str) { // LBH QVQ VG!
+
+  return str;
+}
+
+// Change the inputs below to test
+rot13("SERR PBQR PNZC");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/cash-register.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/cash-register.portuguese.md
new file mode 100644
index 0000000000..779cdff3a4
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/cash-register.portuguese.md
@@ -0,0 +1,78 @@
+---
+id: aa2e6f85cab2ab736c9a9b24
+title: Cash Register
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Caixa registradora
+---
+
+## Description
+<section id="description"> <code>checkCashRegister()</code> função de gaveta de caixa registradora <code>checkCashRegister()</code> que aceita o preço de compra como primeiro argumento ( <code>price</code> ), pagamento como o segundo argumento ( <code>cash</code> ) e gaveta com dinheiro ( <code>cid</code> ) como o terceiro argumento. <code>cid</code> é um array 2D listando a moeda disponível. A função <code>checkCashRegister()</code> deve sempre retornar um objeto com uma chave de <code>status</code> e uma chave de <code>change</code> . Retornar <code>{status: &quot;INSUFFICIENT_FUNDS&quot;, change: []}</code> se a gaveta do caixa for menor que a alteração devida ou se você não puder devolver a alteração exata. Retornar <code>{status: &quot;CLOSED&quot;, change: [...]}</code> com gaveta do caixa como o valor para a <code>change</code> da chave, se for igual à alteração devida. Caso contrário, retorne <code>{status: &quot;OPEN&quot;, change: [...]}</code> , com a alteração devida em moedas e faturas, classificada na ordem mais alta para a mais baixa, como o valor da chave de <code>change</code> . Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. <table class="table table-striped"><tbody><tr><th> Unidade monetária </th><th> Montante </th></tr><tr><td> Centavo </td><td> US $ 0,01 (PENNY) </td></tr><tr><td> Níquel </td><td> US $ 0,05 (NICKEL) </td></tr><tr><td> Centavo </td><td> US $ 0,1 (DIME) </td></tr><tr><td> Trimestre </td><td> US $ 0,25 (TRIMESTRE) </td></tr><tr><td> Dólar </td><td> US $ 1 (DÓLAR) </td></tr><tr><td> Cinco dólares </td><td> US $ 5 (cinco) </td></tr><tr><td> Dez dólares </td><td> US $ 10 (DEZ) </td></tr><tr><td> Vinte dólares </td><td> US $ 20 (VINTE) </td></tr><tr><td> Cem dólares </td><td> US $ 100 (cem) </td></tr></tbody></table></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>checkCashRegister(19.5, 20, [[&quot;PENNY&quot;, 1.01], [&quot;NICKEL&quot;, 2.05], [&quot;DIME&quot;, 3.1], [&quot;QUARTER&quot;, 4.25], [&quot;ONE&quot;, 90], [&quot;FIVE&quot;, 55], [&quot;TEN&quot;, 20], [&quot;TWENTY&quot;, 60], [&quot;ONE HUNDRED&quot;, 100]])</code> devem retornar um objeto.'
+    testString: 'assert.deepEqual(Object.prototype.toString.call(checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])), "[object Object]", "<code>checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])</code> should return an object.");'
+  - text: '<code>checkCashRegister(19.5, 20, [[&quot;PENNY&quot;, 1.01], [&quot;NICKEL&quot;, 2.05], [&quot;DIME&quot;, 3.1], [&quot;QUARTER&quot;, 4.25], [&quot;ONE&quot;, 90], [&quot;FIVE&quot;, 55], [&quot;TEN&quot;, 20], [&quot;TWENTY&quot;, 60], [&quot;ONE HUNDRED&quot;, 100]])</code> devem retornar <code>{status: &quot;OPEN&quot;, change: [[&quot;QUARTER&quot;, 0.5]]}</code> .'
+    testString: 'assert.deepEqual(checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]]), {status: "OPEN", change: [["QUARTER", 0.5]]}, "<code>checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])</code> should return <code>{status: "OPEN", change: [["QUARTER", 0.5]]}</code>.");'
+  - text: '<code>checkCashRegister(3.26, 100, [[&quot;PENNY&quot;, 1.01], [&quot;NICKEL&quot;, 2.05], [&quot;DIME&quot;, 3.1], [&quot;QUARTER&quot;, 4.25], [&quot;ONE&quot;, 90], [&quot;FIVE&quot;, 55], [&quot;TEN&quot;, 20], [&quot;TWENTY&quot;, 60], [&quot;ONE HUNDRED&quot;, 100]])</code> devem retornar <code>{status: &quot;OPEN&quot;, change: [[&quot;TWENTY&quot;, 60], [&quot;TEN&quot;, 20], [&quot;FIVE&quot;, 15], [&quot;ONE&quot;, 1], [&quot;QUARTER&quot;, 0.5], [&quot;DIME&quot;, 0.2], [&quot;PENNY&quot;, 0.04]]}</code> .'
+    testString: 'assert.deepEqual(checkCashRegister(3.26, 100, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]]), {status: "OPEN", change: [["TWENTY", 60], ["TEN", 20], ["FIVE", 15], ["ONE", 1], ["QUARTER", 0.5], ["DIME", 0.2], ["PENNY", 0.04]]}, "<code>checkCashRegister(3.26, 100, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])</code> should return <code>{status: "OPEN", change: [["TWENTY", 60], ["TEN", 20], ["FIVE", 15], ["ONE", 1], ["QUARTER", 0.5], ["DIME", 0.2], ["PENNY", 0.04]]}</code>.");'
+  - text: '<code>checkCashRegister(19.5, 20, [[&quot;PENNY&quot;, 0.01], [&quot;NICKEL&quot;, 0], [&quot;DIME&quot;, 0], [&quot;QUARTER&quot;, 0], [&quot;ONE&quot;, 0], [&quot;FIVE&quot;, 0], [&quot;TEN&quot;, 0], [&quot;TWENTY&quot;, 0], [&quot;ONE HUNDRED&quot;, 0]])</code> devem retornar <code>{status: &quot;INSUFFICIENT_FUNDS&quot;, change: []}</code> .'
+    testString: 'assert.deepEqual(checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]), {status: "INSUFFICIENT_FUNDS", change: []}, "<code>checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]])</code> should return <code>{status: "INSUFFICIENT_FUNDS", change: []}</code>.");'
+  - text: '<code>checkCashRegister(19.5, 20, [[&quot;PENNY&quot;, 0.01], [&quot;NICKEL&quot;, 0], [&quot;DIME&quot;, 0], [&quot;QUARTER&quot;, 0], [&quot;ONE&quot;, 1], [&quot;FIVE&quot;, 0], [&quot;TEN&quot;, 0], [&quot;TWENTY&quot;, 0], [&quot;ONE HUNDRED&quot;, 0]])</code> devem retornar <code>{status: &quot;INSUFFICIENT_FUNDS&quot;, change: []}</code> .'
+    testString: 'assert.deepEqual(checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 1], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]), {status: "INSUFFICIENT_FUNDS", change: []}, "<code>checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 1], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]])</code> should return <code>{status: "INSUFFICIENT_FUNDS", change: []}</code>.");'
+  - text: '<code>checkCashRegister(19.5, 20, [[&quot;PENNY&quot;, 0.5], [&quot;NICKEL&quot;, 0], [&quot;DIME&quot;, 0], [&quot;QUARTER&quot;, 0], [&quot;ONE&quot;, 0], [&quot;FIVE&quot;, 0], [&quot;TEN&quot;, 0], [&quot;TWENTY&quot;, 0], [&quot;ONE HUNDRED&quot;, 0]])</code> devem retornar <code>{status: &quot;CLOSED&quot;, change: [[&quot;PENNY&quot;, 0.5], [&quot;NICKEL&quot;, 0], [&quot;DIME&quot;, 0], [&quot;QUARTER&quot;, 0], [&quot;ONE&quot;, 0], [&quot;FIVE&quot;, 0], [&quot;TEN&quot;, 0], [&quot;TWENTY&quot;, 0], [&quot;ONE HUNDRED&quot;, 0]]}</code> .'
+    testString: 'assert.deepEqual(checkCashRegister(19.5, 20, [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]), {status: "CLOSED", change: [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]}, "<code>checkCashRegister(19.5, 20, [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]])</code> should return <code>{status: "CLOSED", change: [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]}</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkCashRegister(price, cash, cid) {
+  var change;
+  // Here is your change, ma'am.
+  return change;
+}
+
+// Example cash-in-drawer array:
+// [["PENNY", 1.01],
+// ["NICKEL", 2.05],
+// ["DIME", 3.1],
+// ["QUARTER", 4.25],
+// ["ONE", 90],
+// ["FIVE", 55],
+// ["TEN", 20],
+// ["TWENTY", 60],
+// ["ONE HUNDRED", 100]]
+
+checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker.portuguese.md
new file mode 100644
index 0000000000..a29a5e0cef
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker.portuguese.md
@@ -0,0 +1,82 @@
+---
+id: aaa48de84e1ecc7c742e1124
+title: Palindrome Checker
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Verificador de palíndromo
+---
+
+## Description
+<section id="description"> Retorna <code>true</code> se a string especificada for um palíndromo. Caso contrário, retorne <code>false</code> . Um <dfn>palíndromo</dfn> é uma palavra ou frase que é grafada da mesma maneira tanto para frente quanto para trás, ignorando pontuação, caixa e espaçamento. <strong>Nota</strong> <br> Você precisará remover <strong>todos os caracteres não alfanuméricos</strong> (pontuação, espaços e símbolos) e transformar tudo no mesmo caso (maiúsculas ou minúsculas) para verificar se há palíndromos. Nós vamos passar seqüências de caracteres com formatos variados, como <code>&quot;racecar&quot;</code> , <code>&quot;RaceCar&quot;</code> e <code>&quot;race CAR&quot;</code> entre outros. Também passaremos strings com símbolos especiais, como <code>&quot;2A3*3a2&quot;</code> , <code>&quot;2A3 3a2&quot;</code> e <code>&quot;2_A3*3#A2&quot;</code> . Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>palindrome(&quot;eye&quot;)</code> deve retornar um booleano.
+    testString: 'assert(typeof palindrome("eye") === "boolean", "<code>palindrome("eye")</code> should return a boolean.");'
+  - text: <code>palindrome(&quot;eye&quot;)</code> deve retornar verdadeiro.
+    testString: 'assert(palindrome("eye") === true, "<code>palindrome("eye")</code> should return true.");'
+  - text: <code>palindrome(&quot;_eye&quot;)</code> deve retornar true.
+    testString: 'assert(palindrome("_eye") === true, "<code>palindrome("_eye")</code> should return true.");'
+  - text: <code>palindrome(&quot;race car&quot;)</code> deve retornar true.
+    testString: 'assert(palindrome("race car") === true, "<code>palindrome("race car")</code> should return true.");'
+  - text: <code>palindrome(&quot;not a palindrome&quot;)</code> deve retornar falso.
+    testString: 'assert(palindrome("not a palindrome") === false, "<code>palindrome("not a palindrome")</code> should return false.");'
+  - text: '<code>palindrome(&quot;A man, a plan, a canal. Panama&quot;)</code> deve retornar verdadeiro.'
+    testString: 'assert(palindrome("A man, a plan, a canal. Panama") === true, "<code>palindrome("A man, a plan, a canal. Panama")</code> should return true.");'
+  - text: <code>palindrome(&quot;never odd or even&quot;)</code> deve retornar true.
+    testString: 'assert(palindrome("never odd or even") === true, "<code>palindrome("never odd or even")</code> should return true.");'
+  - text: <code>palindrome(&quot;nope&quot;)</code> deve retornar false.
+    testString: 'assert(palindrome("nope") === false, "<code>palindrome("nope")</code> should return false.");'
+  - text: <code>palindrome(&quot;almostomla&quot;)</code> deve retornar false.
+    testString: 'assert(palindrome("almostomla") === false, "<code>palindrome("almostomla")</code> should return false.");'
+  - text: '<code>palindrome(&quot;My age is 0, 0 si ega ym.&quot;)</code> deve retornar verdadeiro.'
+    testString: 'assert(palindrome("My age is 0, 0 si ega ym.") === true, "<code>palindrome("My age is 0, 0 si ega ym.")</code> should return true.");'
+  - text: <code>palindrome(&quot;1 eye for of 1 eye.&quot;)</code> deve retornar falso.
+    testString: 'assert(palindrome("1 eye for of 1 eye.") === false, "<code>palindrome("1 eye for of 1 eye.")</code> should return false.");'
+  - text: '<code>palindrome(&quot;0_0 (: /-\ :) 0-0&quot;)</code> deve retornar true.'
+    testString: 'assert(palindrome("0_0 (: /-\ :) 0-0") === true, "<code>palindrome("0_0 (: /-\ :) 0-0")</code> should return true.");'
+  - text: <code>palindrome(&quot;five|\_/|four&quot;)</code> deve retornar false.
+    testString: 'assert(palindrome("five|\_/|four") === false, "<code>palindrome("five|\_/|four")</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function palindrome(str) {
+  // Good luck!
+  return true;
+}
+
+
+
+palindrome("eye");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/roman-numeral-converter.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/roman-numeral-converter.portuguese.md
new file mode 100644
index 0000000000..30ebdbf0d8
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/roman-numeral-converter.portuguese.md
@@ -0,0 +1,105 @@
+---
+id: a7f4d8f2483413a6ce226cac
+title: Roman Numeral Converter
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Conversor Numeral Romano
+---
+
+## Description
+<section id="description"> Converta o número fornecido em um numeral romano. Todas as respostas dos <a href="http://www.mathsisfun.com/roman-numerals.html" target="_blank">números romanos</a> devem ser fornecidas em maiúsculas. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>convertToRoman(2)</code> deve retornar &quot;II&quot;.
+    testString: 'assert.deepEqual(convertToRoman(2), "II", "<code>convertToRoman(2)</code> should return "II".");'
+  - text: <code>convertToRoman(3)</code> deve retornar &quot;III&quot;.
+    testString: 'assert.deepEqual(convertToRoman(3), "III", "<code>convertToRoman(3)</code> should return "III".");'
+  - text: <code>convertToRoman(4)</code> deve retornar &quot;IV&quot;.
+    testString: 'assert.deepEqual(convertToRoman(4), "IV", "<code>convertToRoman(4)</code> should return "IV".");'
+  - text: <code>convertToRoman(5)</code> deve retornar &quot;V&quot;.
+    testString: 'assert.deepEqual(convertToRoman(5), "V", "<code>convertToRoman(5)</code> should return "V".");'
+  - text: <code>convertToRoman(9)</code> deve retornar &quot;IX&quot;.
+    testString: 'assert.deepEqual(convertToRoman(9), "IX", "<code>convertToRoman(9)</code> should return "IX".");'
+  - text: <code>convertToRoman(12)</code> deve retornar &quot;XII&quot;.
+    testString: 'assert.deepEqual(convertToRoman(12), "XII", "<code>convertToRoman(12)</code> should return "XII".");'
+  - text: <code>convertToRoman(16)</code> deve retornar &quot;XVI&quot;.
+    testString: 'assert.deepEqual(convertToRoman(16), "XVI", "<code>convertToRoman(16)</code> should return "XVI".");'
+  - text: <code>convertToRoman(29)</code> deve retornar &quot;XXIX&quot;.
+    testString: 'assert.deepEqual(convertToRoman(29), "XXIX", "<code>convertToRoman(29)</code> should return "XXIX".");'
+  - text: <code>convertToRoman(44)</code> deve retornar &quot;XLIV&quot;.
+    testString: 'assert.deepEqual(convertToRoman(44), "XLIV", "<code>convertToRoman(44)</code> should return "XLIV".");'
+  - text: <code>convertToRoman(45)</code> deve retornar &quot;XLV&quot;
+    testString: 'assert.deepEqual(convertToRoman(45), "XLV", "<code>convertToRoman(45)</code> should return "XLV"");'
+  - text: <code>convertToRoman(68)</code> deve retornar &quot;LXVIII&quot;
+    testString: 'assert.deepEqual(convertToRoman(68), "LXVIII", "<code>convertToRoman(68)</code> should return "LXVIII"");'
+  - text: <code>convertToRoman(83)</code> deve retornar &quot;LXXXIII&quot;
+    testString: 'assert.deepEqual(convertToRoman(83), "LXXXIII", "<code>convertToRoman(83)</code> should return "LXXXIII"");'
+  - text: <code>convertToRoman(97)</code> deve retornar &quot;XCVII&quot;
+    testString: 'assert.deepEqual(convertToRoman(97), "XCVII", "<code>convertToRoman(97)</code> should return "XCVII"");'
+  - text: <code>convertToRoman(99)</code> deve retornar &quot;XCIX&quot;
+    testString: 'assert.deepEqual(convertToRoman(99), "XCIX", "<code>convertToRoman(99)</code> should return "XCIX"");'
+  - text: <code>convertToRoman(400)</code> deve retornar &quot;CD&quot;
+    testString: 'assert.deepEqual(convertToRoman(400), "CD", "<code>convertToRoman(400)</code> should return "CD"");'
+  - text: <code>convertToRoman(500)</code> deve retornar &quot;D&quot;
+    testString: 'assert.deepEqual(convertToRoman(500), "D", "<code>convertToRoman(500)</code> should return "D"");'
+  - text: <code>convertToRoman(501)</code> deve retornar &quot;DI&quot;
+    testString: 'assert.deepEqual(convertToRoman(501), "DI", "<code>convertToRoman(501)</code> should return "DI"");'
+  - text: <code>convertToRoman(649)</code> deve retornar &quot;DCXLIX&quot;
+    testString: 'assert.deepEqual(convertToRoman(649), "DCXLIX", "<code>convertToRoman(649)</code> should return "DCXLIX"");'
+  - text: <code>convertToRoman(798)</code> deve retornar &quot;DCCXCVIII&quot;
+    testString: 'assert.deepEqual(convertToRoman(798), "DCCXCVIII", "<code>convertToRoman(798)</code> should return "DCCXCVIII"");'
+  - text: <code>convertToRoman(891)</code> deve retornar &quot;DCCCXCI&quot;
+    testString: 'assert.deepEqual(convertToRoman(891), "DCCCXCI", "<code>convertToRoman(891)</code> should return "DCCCXCI"");'
+  - text: <code>convertToRoman(1000)</code> deve retornar &quot;M&quot;
+    testString: 'assert.deepEqual(convertToRoman(1000), "M", "<code>convertToRoman(1000)</code> should return "M"");'
+  - text: <code>convertToRoman(1004)</code> deve retornar &quot;MIV&quot;
+    testString: 'assert.deepEqual(convertToRoman(1004), "MIV", "<code>convertToRoman(1004)</code> should return "MIV"");'
+  - text: <code>convertToRoman(1006)</code> deve retornar &quot;MVI&quot;
+    testString: 'assert.deepEqual(convertToRoman(1006), "MVI", "<code>convertToRoman(1006)</code> should return "MVI"");'
+  - text: <code>convertToRoman(1023)</code> deve retornar &quot;MXXIII&quot;
+    testString: 'assert.deepEqual(convertToRoman(1023), "MXXIII", "<code>convertToRoman(1023)</code> should return "MXXIII"");'
+  - text: <code>convertToRoman(2014)</code> deve retornar &quot;MMXIV&quot;
+    testString: 'assert.deepEqual(convertToRoman(2014), "MMXIV", "<code>convertToRoman(2014)</code> should return "MMXIV"");'
+  - text: <code>convertToRoman(3999)</code> deve retornar &quot;MMMCMXCIX&quot;
+    testString: 'assert.deepEqual(convertToRoman(3999), "MMMCMXCIX", "<code>convertToRoman(3999)</code> should return "MMMCMXCIX"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertToRoman(num) {
+ return num;
+}
+
+convertToRoman(36);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.portuguese.md
new file mode 100644
index 0000000000..1b1ba6390b
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.portuguese.md
@@ -0,0 +1,108 @@
+---
+id: aff0395860f5d3034dc0bfc9
+title: Telephone Number Validator
+challengeType: 5
+isRequired: true
+videoUrl: ''
+localeTitle: Validador de números de telefone
+---
+
+## Description
+<section id="description"> Retorna <code>true</code> se a string passada parecer um número de telefone válido nos EUA. O usuário pode preencher o campo de formulário da maneira que escolher, desde que tenha o formato de um número válido nos EUA. A seguir, exemplos de formatos válidos para números dos EUA (consulte os testes abaixo para outras variantes): <blockquote> 555-555-5555 <br> (555)555-5555 <br> (555) 555-5555 <br> 555 555 5555 <br> 5555555555 <br> 1 555 555 5555 </blockquote> Para este desafio, você será presenteado com uma seqüência de caracteres, como <code>800-692-7753</code> ou <code>8oo-six427676;laskdjf</code> . Seu trabalho é validar ou rejeitar o número de telefone dos EUA com base em qualquer combinação dos formatos fornecidos acima. O código de área é obrigatório. Se o código do país for fornecido, você deve confirmar que o código do país é <code>1</code> . Retorna <code>true</code> se a string for um número de telefone válido nos EUA. caso contrário, retorne <code>false</code> . Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>telephoneCheck(&quot;555-555-5555&quot;)</code> deve retornar um booleano.
+    testString: 'assert(typeof telephoneCheck("555-555-5555") === "boolean", "<code>telephoneCheck("555-555-5555")</code> should return a boolean.");'
+  - text: <code>telephoneCheck(&quot;1 555-555-5555&quot;)</code> deve retornar true.
+    testString: 'assert(telephoneCheck("1 555-555-5555") === true, "<code>telephoneCheck("1 555-555-5555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;1 (555) 555-5555&quot;)</code> deve retornar true.
+    testString: 'assert(telephoneCheck("1 (555) 555-5555") === true, "<code>telephoneCheck("1 (555) 555-5555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;5555555555&quot;)</code> deve retornar true.
+    testString: 'assert(telephoneCheck("5555555555") === true, "<code>telephoneCheck("5555555555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;555-555-5555&quot;)</code> deve retornar true.
+    testString: 'assert(telephoneCheck("555-555-5555") === true, "<code>telephoneCheck("555-555-5555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;(555)555-5555&quot;)</code> deve retornar true.
+    testString: 'assert(telephoneCheck("(555)555-5555") === true, "<code>telephoneCheck("(555)555-5555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;1(555)555-5555&quot;)</code> deve retornar true.
+    testString: 'assert(telephoneCheck("1(555)555-5555") === true, "<code>telephoneCheck("1(555)555-5555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;555-5555&quot;)</code> deve retornar false.
+    testString: 'assert(telephoneCheck("555-5555") === false, "<code>telephoneCheck("555-5555")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;5555555&quot;)</code> deve retornar false.
+    testString: 'assert(telephoneCheck("5555555") === false, "<code>telephoneCheck("5555555")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;1 555)555-5555&quot;)</code> deve retornar false.
+    testString: 'assert(telephoneCheck("1 555)555-5555") === false, "<code>telephoneCheck("1 555)555-5555")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;1 555 555 5555&quot;)</code> deve retornar true.
+    testString: 'assert(telephoneCheck("1 555 555 5555") === true, "<code>telephoneCheck("1 555 555 5555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;1 456 789 4444&quot;)</code> deve retornar true.
+    testString: 'assert(telephoneCheck("1 456 789 4444") === true, "<code>telephoneCheck("1 456 789 4444")</code> should return true.");'
+  - text: '<code>telephoneCheck(&quot;123**&amp;!!asdf#&quot;)</code> deve retornar false.'
+    testString: 'assert(telephoneCheck("123**&!!asdf#") === false, "<code>telephoneCheck("123**&!!asdf#")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;55555555&quot;)</code> deve retornar false.
+    testString: 'assert(telephoneCheck("55555555") === false, "<code>telephoneCheck("55555555")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;(6054756961)&quot;)</code> deve retornar false
+    testString: 'assert(telephoneCheck("(6054756961)") === false, "<code>telephoneCheck("(6054756961)")</code> should return false");'
+  - text: <code>telephoneCheck(&quot;2 (757) 622-7382&quot;)</code> deve retornar false.
+    testString: 'assert(telephoneCheck("2 (757) 622-7382") === false, "<code>telephoneCheck("2 (757) 622-7382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;0 (757) 622-7382&quot;)</code> deve retornar false.
+    testString: 'assert(telephoneCheck("0 (757) 622-7382") === false, "<code>telephoneCheck("0 (757) 622-7382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;-1 (757) 622-7382&quot;)</code> deve retornar false
+    testString: 'assert(telephoneCheck("-1 (757) 622-7382") === false, "<code>telephoneCheck("-1 (757) 622-7382")</code> should return false");'
+  - text: <code>telephoneCheck(&quot;2 757 622-7382&quot;)</code> deve retornar false.
+    testString: 'assert(telephoneCheck("2 757 622-7382") === false, "<code>telephoneCheck("2 757 622-7382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;10 (757) 622-7382&quot;)</code> deve retornar false.
+    testString: 'assert(telephoneCheck("10 (757) 622-7382") === false, "<code>telephoneCheck("10 (757) 622-7382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;27576227382&quot;)</code> deve retornar false.
+    testString: 'assert(telephoneCheck("27576227382") === false, "<code>telephoneCheck("27576227382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;(275)76227382&quot;)</code> deve retornar false.
+    testString: 'assert(telephoneCheck("(275)76227382") === false, "<code>telephoneCheck("(275)76227382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;2(757)6227382&quot;)</code> deve retornar false.
+    testString: 'assert(telephoneCheck("2(757)6227382") === false, "<code>telephoneCheck("2(757)6227382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;2(757)622-7382&quot;)</code> deve retornar false.
+    testString: 'assert(telephoneCheck("2(757)622-7382") === false, "<code>telephoneCheck("2(757)622-7382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;555)-555-5555&quot;)</code> deve retornar false.
+    testString: 'assert(telephoneCheck("555)-555-5555") === false, "<code>telephoneCheck("555)-555-5555")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;(555-555-5555&quot;)</code> deve retornar false.
+    testString: 'assert(telephoneCheck("(555-555-5555") === false, "<code>telephoneCheck("(555-555-5555")</code> should return false.");'
+  - text: ''
+    testString: 'assert(telephoneCheck("(555)5(55?)-5555") === false, "<code>telephoneCheck("(555)5(55?)-5555")</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function telephoneCheck(str) {
+  // Good luck!
+  return true;
+}
+
+telephoneCheck("555-555-5555");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/add-methods-after-inheritance.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/add-methods-after-inheritance.portuguese.md
new file mode 100644
index 0000000000..f8e4bc88db
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/add-methods-after-inheritance.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 587d7db1367417b2b2512b87
+title: Add Methods After Inheritance
+challengeType: 1
+videoUrl: ''
+localeTitle: Adicionar métodos após herança
+---
+
+## Description
+<section id="description"> Uma função construtora que herda seu objeto de <code>prototype</code> de uma função construtora de <code>supertype</code> pode ainda ter seus próprios métodos além de métodos herdados. Por exemplo, <code>Bird</code> é um construtor que herda seu <code>prototype</code> de <code>Animal</code> : <blockquote> function Animal () {} <br> Animal.prototype.eat = function () { <br> console.log (&quot;nom nom nom&quot;); <br> }; <br> função Bird () {} <br> Bird.prototype = Object.create (Animal.prototype); <br> Bird.prototype.constructor = Pássaro; </blockquote> Além do que é herdado do <code>Animal</code> , você deseja adicionar um comportamento exclusivo aos objetos <code>Bird</code> . Aqui, <code>Bird</code> receberá uma função <code>fly()</code> . Funções são adicionadas ao <code>prototype</code> <code>Bird&#39;s</code> mesma forma que qualquer função construtora: <blockquote> Bird.prototype.fly = function () { <br> console.log (&quot;Estou voando!&quot;); <br> }; </blockquote> Agora instâncias de <code>Bird</code> terão os métodos <code>eat()</code> e <code>fly()</code> : <blockquote> vamos pato = novo pássaro (); <br> duck.eat (); // imprime &quot;nom nom&quot; <br> duck.fly (); // imprime &quot;Estou voando!&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione todo o código necessário para que o objeto <code>Dog</code> herde de <code>Animal</code> e o construtor de <code>prototype</code> <code>Dog&#39;s</code> esteja configurado para Dog. Em seguida, adicione um método <code>bark()</code> ao objeto <code>Dog</code> para que o <code>beagle</code> possa <code>eat()</code> e <code>bark()</code> . O método <code>bark()</code> deve imprimir &quot;Woof!&quot; para o console. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Animal</code> não deve responder ao método <code>bark()</code> .
+    testString: 'assert(typeof Animal.prototype.bark == "undefined", "<code>Animal</code> should not respond to the <code>bark()</code> method.");'
+  - text: <code>Dog</code> deve herdar o método <code>eat()</code> do <code>Animal</code> .
+    testString: 'assert(typeof Dog.prototype.eat == "function", "<code>Dog</code> should inherit the <code>eat()</code> method from <code>Animal</code>.");'
+  - text: <code>Dog</code> deve ter o método <code>bark()</code> como propriedade <code>own</code> .
+    testString: 'assert(Dog.prototype.hasOwnProperty("bark"), "<code>Dog</code> should have the <code>bark()</code> method as an <code>own</code> property.");'
+  - text: <code>beagle</code> deve ser um <code>instanceof</code> <code>Animal</code> .
+    testString: 'assert(beagle instanceof Animal, "<code>beagle</code> should be an <code>instanceof</code> <code>Animal</code>.");'
+  - text: O construtor para o <code>beagle</code> deve ser definido como <code>Dog</code> .
+    testString: 'assert(beagle.constructor === Dog, "The constructor for <code>beagle</code> should be set to <code>Dog</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Animal() { }
+Animal.prototype.eat = function() { console.log("nom nom nom"); };
+
+function Dog() { }
+
+// Add your code below this line
+
+
+
+
+// Add your code above this line
+
+let beagle = new Dog();
+
+beagle.eat(); // Should print "nom nom nom"
+beagle.bark(); // Should print "Woof!"
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/change-the-prototype-to-a-new-object.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/change-the-prototype-to-a-new-object.portuguese.md
new file mode 100644
index 0000000000..295ce2ffe2
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/change-the-prototype-to-a-new-object.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: 587d7daf367417b2b2512b7f
+title: Change the Prototype to a New Object
+challengeType: 1
+videoUrl: ''
+localeTitle: Alterar o protótipo para um novo objeto
+---
+
+## Description
+<section id="description"> Até agora você tem adicionado propriedades ao <code>prototype</code> individualmente: <blockquote> Bird.prototype.numLegs = 2; </blockquote> Isso se torna tedioso depois de mais do que algumas propriedades. <blockquote> Bird.prototype.eat = function () { <br> console.log (&quot;nom nom nom&quot;); <br> } <br><br> Bird.prototype.describe = function () { <br> console.log (&quot;Meu nome é&quot; + this.name); <br> } </blockquote> Uma maneira mais eficiente é definir o <code>prototype</code> para um novo objeto que já contém as propriedades. Desta forma, as propriedades são adicionadas de uma só vez: <blockquote> Bird.prototype = { <br> numLegs: 2, <br> eat: function () { <br> console.log (&quot;nom nom nom&quot;); <br> } <br> describe: function () { <br> console.log (&quot;Meu nome é&quot; + this.name); <br> } <br> }; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione a propriedade <code>numLegs</code> e os dois métodos <code>eat()</code> e <code>describe()</code> ao <code>prototype</code> de <code>Dog</code> definindo o <code>prototype</code> para um novo objeto. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Dog.prototype</code> deve ser definido para um novo objeto.
+    testString: 'assert((/Dog\.prototype\s*?=\s*?{/).test(code), "<code>Dog.prototype</code> should be set to a new object.");'
+  - text: <code>Dog.prototype</code> deve ter a propriedade <code>numLegs</code> .
+    testString: 'assert(Dog.prototype.numLegs !== undefined, "<code>Dog.prototype</code> should have the property <code>numLegs</code>.");'
+  - text: <code>Dog.prototype</code> deve ter o método <code>eat()</code> .
+    testString: 'assert(typeof Dog.prototype.eat === "function", "<code>Dog.prototype</code> should have the method <code>eat()</code>."); '
+  - text: <code>Dog.prototype</code> deve ter o método <code>describe()</code> .
+    testString: 'assert(typeof Dog.prototype.describe === "function", "<code>Dog.prototype</code> should have the method <code>describe()</code>."); '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+Dog.prototype = {
+  // Add your code below this line
+
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-basic-javascript-object.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-basic-javascript-object.portuguese.md
new file mode 100644
index 0000000000..e26401115a
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-basic-javascript-object.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7dac367417b2b2512b73
+title: Create a Basic JavaScript Object
+challengeType: 1
+videoUrl: ''
+localeTitle: Crie um objeto JavaScript básico
+---
+
+## Description
+<section id="description"> Pense em coisas que as pessoas veem todos os dias, como carros, lojas e pássaros. Estes são todos os <code>objects</code> : coisas tangíveis que as pessoas podem observar e interagir. Quais são algumas qualidades desses <code>objects</code> ? Um carro tem rodas. Lojas vendem itens. Pássaros têm asas. Essas qualidades ou <code>properties</code> definem o que constitui um <code>object</code> . Observe que <code>objects</code> semelhantes compartilham as mesmas <code>properties</code> , mas podem ter valores diferentes para essas <code>properties</code> . Por exemplo, todos os carros têm rodas, mas nem todos os carros têm o mesmo número de rodas. <code>Objects</code> em JavaScript são usados ​​para modelar objetos do mundo real, dando-lhes <code>properties</code> e comportamento como suas contrapartes do mundo real. Aqui está um exemplo usando esses conceitos para criar um <code>object</code> <code>duck</code> : <blockquote> vamos pato = { <br> nome: &quot;Aflac&quot;, <br> numLegs: 2 <br> }; </blockquote> Este <code>object</code> <code>duck</code> tem dois pares de propriedade / valor: um <code>name</code> de &quot;Aflac&quot; e um <code>numLegs</code> de 2. </section>
+
+## Instructions
+<section id="instructions"> Crie um <code>object</code> <code>dog</code> com as propriedades <code>name</code> e <code>numLegs</code> e configure-as para uma string e um número, respectivamente. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>dog</code> deve ser um <code>object</code> .
+    testString: 'assert(typeof(dog) === "object", "<code>dog</code> should be an <code>object</code>.");'
+  - text: <code>dog</code> deve ter uma propriedade de <code>name</code> definida como uma <code>string</code> .
+    testString: 'assert(typeof(dog.name) === "string", "<code>dog</code> should have a <code>name</code> property set to a <code>string</code>.");'
+  - text: <code>dog</code> deve ter uma propriedade <code>numLegs</code> definida para um <code>number</code> .
+    testString: 'assert(typeof(dog.numLegs) === "number", "<code>dog</code> should have a <code>numLegs</code> property set to a <code>number</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let dog = {
+
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-method-on-an-object.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-method-on-an-object.portuguese.md
new file mode 100644
index 0000000000..8e585f24f7
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-method-on-an-object.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dad367417b2b2512b75
+title: Create a Method on an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: Crie um método em um objeto
+---
+
+## Description
+<section id="description"> <code>Objects</code> podem ter um tipo especial de <code>property</code> , chamado de <code>method</code> . <code>Methods</code> são <code>properties</code> que são funções. Isso adiciona um comportamento diferente a um <code>object</code> . Aqui está o exemplo do <code>duck</code> com um método: <blockquote> vamos pato = { <br> nome: &quot;Aflac&quot;, <br> numLegs: 2, <br> sayName: function () {return &quot;O nome deste pato é&quot; + duck.name + &quot;.&quot;;} <br> }; <br> duck.sintName (); <br> // Retorna &quot;O nome deste pato é Aflac.&quot; </blockquote> O exemplo adiciona o <code>method</code> <code>sayName</code> , que é uma função que retorna uma sentença dando o nome do <code>duck</code> . Observe que o <code>method</code> acessou a propriedade <code>name</code> na instrução de retorno usando <code>duck.name</code> . O próximo desafio cobrirá outra maneira de fazer isso. </section>
+
+## Instructions
+<section id="instructions"> Usando o <code>object</code> <code>dog</code> , dê um método chamado <code>sayLegs</code> . O método deve retornar a frase &quot;Este cão tem 4 pernas&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>dog.sayLegs()</code> deve ser uma função.
+    testString: 'assert(typeof(dog.sayLegs) === "function", "<code>dog.sayLegs()</code> should be a function.");'
+  - text: <code>dog.sayLegs()</code> deve retornar a string dada - note que a pontuação e espaçamento são importantes.
+    testString: 'assert(dog.sayLegs() === "This dog has 4 legs.", "<code>dog.sayLegs()</code> should return the given string - note that punctuation and spacing matter.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let dog = {
+  name: "Spot",
+  numLegs: 4,
+
+};
+
+dog.sayLegs();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/define-a-constructor-function.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/define-a-constructor-function.portuguese.md
new file mode 100644
index 0000000000..68dd16e5c3
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/define-a-constructor-function.portuguese.md
@@ -0,0 +1,52 @@
+---
+id: 587d7dad367417b2b2512b77
+title: Define a Constructor Function
+challengeType: 1
+videoUrl: ''
+localeTitle: Definir uma função de construtor
+---
+
+## Description
+<section id="description"> <code>Constructors</code> são funções que criam novos objetos. Eles definem propriedades e comportamentos que pertencerão ao novo objeto. Pense neles como um modelo para a criação de novos objetos. Aqui está um exemplo de um <code>constructor</code> : <blockquote> função Bird () { <br> this.name = &quot;Albert&quot;; <br> this.color = &quot;azul&quot;; <br> this.numLegs = 2; <br> } </blockquote> Esse <code>constructor</code> define um objeto <code>Bird</code> com <code>name</code> , <code>color</code> e <code>numLegs</code> definidos como Albert, blue e 2, respectivamente. <code>Constructors</code> seguem algumas convenções: <ul><li> <code>Constructors</code> são definidos com um nome em maiúsculas para distingui-los de outras funções que não são <code>constructors</code> . </li><li> <code>Constructors</code> usam a palavra <code>this</code> chave <code>this</code> para definir propriedades do objeto que eles criarão. Dentro do <code>constructor</code> , <code>this</code> se refere ao novo objeto que ele criará. </li><li> <code>Constructors</code> definem propriedades e comportamentos em vez de retornar um valor como outras funções podem. </li></ul></section>
+
+## Instructions
+<section id="instructions"> Crie um <code>constructor</code> , <code>Dog</code> , com <code>name</code> , <code>color</code> e <code>numLegs</code> definidos como uma string, uma string e um número, respectivamente. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Dog</code> deve ter uma propriedade de <code>name</code> definida como uma string.
+    testString: 'assert(typeof (new Dog()).name === "string", "<code>Dog</code> should have a <code>name</code> property set to a string.");'
+  - text: <code>Dog</code> deve ter uma propriedade de <code>color</code> definida como uma string.
+    testString: 'assert(typeof (new Dog()).color === "string", "<code>Dog</code> should have a <code>color</code> property set to a string.");'
+  - text: <code>Dog</code> deve ter uma propriedade <code>numLegs</code> definida para um número.
+    testString: 'assert(typeof (new Dog()).numLegs === "number", "<code>Dog</code> should have a <code>numLegs</code> property set to a number.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/extend-constructors-to-receive-arguments.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/extend-constructors-to-receive-arguments.portuguese.md
new file mode 100644
index 0000000000..ef1403f1d7
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/extend-constructors-to-receive-arguments.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dae367417b2b2512b79
+title: Extend Constructors to Receive Arguments
+challengeType: 1
+videoUrl: ''
+localeTitle: Estender construtores para receber argumentos
+---
+
+## Description
+<section id="description"> Os construtores <code>Bird</code> e <code>Dog</code> do último desafio funcionaram bem. No entanto, observe que todos os <code>Birds</code> criados com o construtor <code>Bird</code> são automaticamente denominados Albert, são de cor azul e têm duas pernas. E se você quiser pássaros com valores diferentes para nome e cor? É possível alterar as propriedades de cada ave manualmente, mas isso seria muito trabalho: <blockquote> vamos cisne = new Bird (); <br> swan.name = &quot;Carlos&quot;; <br> swan.color = &quot;branco&quot;; </blockquote> Suponha que você estivesse escrevendo um programa para acompanhar centenas ou até milhares de aves diferentes em um aviário. Levaria muito tempo para criar todas as aves e depois alterar as propriedades para valores diferentes para cada uma delas. Para criar mais facilmente diferentes objetos <code>Bird</code> , você pode projetar seu construtor Bird para aceitar parâmetros: <blockquote> função Bird (nome, cor) { <br> this.name = nome; <br> this.color = cor; <br> this.numLegs = 2; <br> } </blockquote> Em seguida, passe os valores como argumentos para definir cada ave única no construtor <code>Bird</code> : <code>let cardinal = new Bird(&quot;Bruce&quot;, &quot;red&quot;);</code> Isso fornece uma nova instância de <code>Bird</code> com nome e propriedades de cor definidas como Bruce e vermelho, respectivamente. A propriedade <code>numLegs</code> ainda está definida como 2. O <code>cardinal</code> tem estas propriedades: <blockquote> cardinal.name // =&gt; Bruce <br> cardinal.color // =&gt; vermelho <br> cardinal.numLegs // =&gt; 2 </blockquote> O construtor é mais flexível. Agora é possível definir as propriedades de cada <code>Bird</code> no momento em que ele é criado, o que é uma maneira de os construtores de JavaScript serem tão úteis. Eles agrupam objetos com base em características e comportamentos compartilhados e definem um blueprint que automatiza sua criação. </section>
+
+## Instructions
+<section id="instructions"> Crie outro construtor <code>Dog</code> . Desta vez, configure-o para obter o <code>name</code> e a <code>color</code> dos parâmetros e tenha a propriedade <code>numLegs</code> fixada em 4. Em seguida, crie um novo <code>Dog</code> salvo em um <code>terrier</code> variável. Passe duas strings como argumentos para as propriedades <code>name</code> e <code>color</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Dog</code> deve receber um argumento pelo <code>name</code> .
+    testString: 'assert((new Dog("Clifford")).name === "Clifford", "<code>Dog</code> should receive an argument for <code>name</code>.");'
+  - text: <code>Dog</code> deve receber um argumento por <code>color</code> .
+    testString: 'assert((new Dog("Clifford", "yellow")).color === "yellow", "<code>Dog</code> should receive an argument for <code>color</code>.");'
+  - text: <code>Dog</code> deve ter <code>numLegs</code> propriedade definidos como 4.
+    testString: 'assert((new Dog("Clifford")).numLegs === 4, "<code>Dog</code> should have property <code>numLegs</code> set to 4.");'
+  - text: <code>terrier</code> deve ser criado usando o construtor <code>Dog</code> .
+    testString: 'assert(terrier instanceof Dog, "<code>terrier</code> should be created using the <code>Dog</code> constructor.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog() {
+
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/inherit-behaviors-from-a-supertype.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/inherit-behaviors-from-a-supertype.portuguese.md
new file mode 100644
index 0000000000..6494fdce5c
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/inherit-behaviors-from-a-supertype.portuguese.md
@@ -0,0 +1,70 @@
+---
+id: 587d7db0367417b2b2512b84
+title: Inherit Behaviors from a Supertype
+challengeType: 1
+videoUrl: ''
+localeTitle: Herdar Comportamentos de um Supertipo
+---
+
+## Description
+<section id="description"> No desafio anterior, você criou um <code>supertype</code> chamado <code>Animal</code> que definia comportamentos compartilhados por todos os animais: <blockquote> function Animal () {} <br> Animal.prototype.eat = function () { <br> console.log (&quot;nom nom nom&quot;); <br> }; </blockquote> Este e o próximo desafio cobrirão como reutilizar <code>Animal&#39;s</code> métodos <code>Animal&#39;s</code> dentro de <code>Bird</code> e <code>Dog</code> sem defini-los novamente. Ele usa uma técnica chamada <code>inheritance</code> . Esse desafio cobre o primeiro passo: criar uma instância do <code>supertype</code> (ou pai). Você já conhece uma maneira de criar uma instância de <code>Animal</code> usando o <code>new</code> operador: <blockquote> let animal = new Animal (); </blockquote> Existem algumas desvantagens ao usar essa sintaxe para <code>inheritance</code> , que são muito complexas para o escopo desse desafio. Em vez disso, aqui está uma abordagem alternativa sem essas desvantagens: <blockquote> let animal = Object.create (Animal.prototype); </blockquote> <code>Object.create(obj)</code> cria um novo objeto e define <code>obj</code> como o novo <code>prototype</code> do objeto. Lembre-se de que o <code>prototype</code> é como a &quot;receita&quot; para criar um objeto. Ao definir o <code>prototype</code> de <code>animal</code> a ser <code>Animal&#39;s</code> <code>prototype</code> , você está efetivamente dando a <code>animal</code> instância a mesma &quot;receita&quot; como qualquer outra instância do <code>Animal</code> . <blockquote> animal.eat (); // imprime &quot;nom nom&quot; <br> animal instanceof Animal; // =&gt; true </blockquote></section>
+
+## Instructions
+<section id="instructions"> Use <code>Object.create</code> para criar duas instâncias de <code>Animal</code> chamado <code>duck</code> e <code>beagle</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A variável <code>duck</code> deve ser definida.
+    testString: 'assert(typeof duck !== "undefined", "The <code>duck</code> variable should be defined.");'
+  - text: A variável <code>beagle</code> deve ser definida.
+    testString: 'assert(typeof beagle !== "undefined", "The <code>beagle</code> variable should be defined.");'
+  - text: <code>duck</code> deve ter um <code>prototype</code> de <code>Animal</code> .
+    testString: 'assert(duck instanceof Animal, "<code>duck</code> should have a <code>prototype</code> of <code>Animal</code>.");'
+  - text: <code>beagle</code> deveria ter um <code>prototype</code> de <code>Animal</code> .
+    testString: 'assert(beagle instanceof Animal, "<code>beagle</code> should have a <code>prototype</code> of <code>Animal</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Animal() { }
+
+Animal.prototype = {
+  constructor: Animal,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+// Add your code below this line
+
+let duck; // Change this line
+let beagle; // Change this line
+
+duck.eat(); // Should print "nom nom nom"
+beagle.eat(); // Should print "nom nom nom"
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/iterate-over-all-properties.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/iterate-over-all-properties.portuguese.md
new file mode 100644
index 0000000000..fa244c1a40
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/iterate-over-all-properties.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7daf367417b2b2512b7d
+title: Iterate Over All Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: Iterar sobre todas as propriedades
+---
+
+## Description
+<section id="description"> Você já viu dois tipos de propriedades: propriedades <code>own</code> e propriedades de <code>prototype</code> . <code>Own</code> propriedades <code>Own</code> são definidas diretamente na própria instância do objeto. E as propriedades do <code>prototype</code> são definidas no <code>prototype</code> . <blockquote> função Bird (name) { <br> this.name = nome; // possui propriedade <br> } <br><br> Bird.prototype.numLegs = 2; // propriedade protótipo <br><br> vamos pato = novo pássaro (&quot;Donald&quot;); </blockquote> Aqui está como você adiciona as <code>own</code> propriedades do <code>duck</code> às propriedades <code>ownProps</code> e <code>prototype</code> do array ao array <code>prototypeProps</code> : <blockquote> deixe ownProps = []; <br> deixe prototypeProps = []; <br><br> para (deixe a propriedade no pato) { <br> if (duck.hasOwnProperty (propriedade)) { <br> ownProps.push (propriedade); <br> } outro { <br> prototypeProps.push (propriedade); <br> } <br> } <br><br> console.log (ownProps); // imprime [&quot;nome&quot;] <br> console.log (prototypeProps); // imprime [&quot;numLegs&quot;] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione todas as propriedades <code>own</code> do <code>beagle</code> ao array <code>ownProps</code> . Adicione todas as propriedades de <code>prototype</code> do <code>Dog</code> ao <code>prototypeProps</code> da matriz. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A matriz <code>ownProps</code> deve incluir <code>&quot;name&quot;</code> .
+    testString: 'assert(ownProps.indexOf("name") !== -1, "The <code>ownProps</code> array should include <code>"name"</code>.");'
+  - text: O array <code>prototypeProps</code> deve incluir <code>&quot;numLegs&quot;</code> .
+    testString: 'assert(prototypeProps.indexOf("numLegs") !== -1, "The <code>prototypeProps</code> array should include <code>"numLegs"</code>.");'
+  - text: Resolva esse desafio sem usar o método <code>Object.keys()</code> .
+    testString: 'assert(!/\Object.keys/.test(code), "Solve this challenge without using the built in method <code>Object.keys()</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+Dog.prototype.numLegs = 4;
+
+let beagle = new Dog("Snoopy");
+
+let ownProps = [];
+let prototypeProps = [];
+
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/make-code-more-reusable-with-the-this-keyword.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/make-code-more-reusable-with-the-this-keyword.portuguese.md
new file mode 100644
index 0000000000..604fe04451
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/make-code-more-reusable-with-the-this-keyword.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dad367417b2b2512b76
+title: Make Code More Reusable with the this Keyword
+challengeType: 1
+videoUrl: ''
+localeTitle: Tornar o código mais reutilizável com esta palavra-chave
+---
+
+## Description
+<section id="description"> O último desafio introduziu um <code>method</code> ao objeto <code>duck</code> . <code>duck.name</code> notação de pontos <code>duck.name</code> para acessar o valor da propriedade <code>name</code> na declaração de retorno: <code>sayName: function() {return &quot;The name of this duck is &quot; + duck.name + &quot;.&quot;;}</code> Embora seja um válido maneira de acessar a propriedade do objeto, há uma armadilha aqui. Se o nome da variável for alterado, qualquer código que faça referência ao nome original também precisará ser atualizado. Em uma definição de objeto curta, isso não é um problema, mas se um objeto tiver muitas referências a suas propriedades, haverá uma chance maior de erro. Uma maneira de evitar esses problemas é com a palavra-chave <code>this</code> : <blockquote> vamos pato = { <br> nome: &quot;Aflac&quot;, <br> numLegs: 2, <br> sayName: function () {return &quot;O nome deste pato é&quot; + this.name + &quot;.&quot;;} <br> }; </blockquote> <code>this</code> é um tópico profundo, e o exemplo acima é apenas uma maneira de usá-lo. No contexto atual, <code>this</code> se refere ao objeto ao qual o método está associado: <code>duck</code> . Se o nome do objeto for alterado para <code>mallard</code> , não será necessário encontrar todas as referências para o <code>duck</code> no código. Isso torna o código reutilizável e mais fácil de ler. </section>
+
+## Instructions
+<section id="instructions"> Modifique o método <code>dog.sayLegs</code> para remover quaisquer referências ao <code>dog</code> . Use o exemplo do <code>duck</code> para orientação. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>dog.sayLegs()</code> deve retornar a string dada.
+    testString: 'assert(dog.sayLegs() === "This dog has 4 legs.", "<code>dog.sayLegs()</code> should return the given string.");'
+  - text: Seu código deve usar a palavra-chave <code>this</code> para acessar a propriedade <code>numLegs</code> do <code>dog</code> .
+    testString: 'assert(code.match(/this\.numLegs/g), "Your code should use the <code>this</code> keyword to access the <code>numLegs</code> property of <code>dog</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let dog = {
+  name: "Spot",
+  numLegs: 4,
+  sayLegs: function() {return "This dog has " + dog.numLegs + " legs.";}
+};
+
+dog.sayLegs();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.portuguese.md
new file mode 100644
index 0000000000..5e7fd4b250
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.portuguese.md
@@ -0,0 +1,66 @@
+---
+id: 587d7db1367417b2b2512b88
+title: Override Inherited Methods
+challengeType: 1
+videoUrl: ''
+localeTitle: Substituir Métodos Herdados
+---
+
+## Description
+<section id="description"> Nas lições anteriores, você aprendeu que um objeto pode herdar seu comportamento (métodos) de outro objeto clonando seu objeto de <code>prototype</code> : <blockquote> ChildObject.prototype = Object.create (ParentObject.prototype); </blockquote> Então o <code>ChildObject</code> recebeu seus próprios métodos encadeando-os em seu <code>prototype</code> : <blockquote> ChildObject.prototype.methodName = function () {...}; </blockquote> É possível substituir um método herdado. É feito da mesma maneira - adicionando um método ao <code>ChildObject.prototype</code> usando o mesmo nome de método que aquele para substituir. Aqui está um exemplo de <code>Bird</code> substituindo o método <code>eat()</code> herdado de <code>Animal</code> : <blockquote> function Animal () {} <br> Animal.prototype.eat = function () { <br> devolver &quot;nom nom nom&quot;; <br> }; <br> função Bird () {} <br><br> // Herdar todos os métodos do Animal <br> Bird.prototype = Object.create (Animal.prototype); <br><br> // Bird.eat () substitui Animal.eat () <br> Bird.prototype.eat = function () { <br> retorno &quot;peck peck peck&quot;; <br> }; </blockquote> Se você tiver uma instância, <code>let duck = new Bird();</code> e você chama <code>duck.eat()</code> , é assim que o JavaScript procura o método na cadeia de <code>prototype</code> <code>duck&#39;s</code> : 1. duck =&gt; Eat () é definido aqui? No. 2. Bird =&gt; Eat () é definido aqui? =&gt; Sim. Execute e pare de procurar. 3. Animal =&gt; eat () também é definido, mas o JavaScript parou de procurar antes de atingir esse nível. 4. Object =&gt; O JavaScript parou de procurar antes de atingir este nível. </section>
+
+## Instructions
+<section id="instructions"> Sobrescreva o método <code>fly()</code> do <code>Penguin</code> para que ele retorne &quot;Alas, este é um pássaro que não <code>fly()</code> &quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>penguin.fly()</code> deve retornar a string &quot;Ai, esse é um pássaro que não voa&quot;.'
+    testString: 'assert(penguin.fly() === "Alas, this is a flightless bird.", "<code>penguin.fly()</code> should return the string "Alas, this is a flightless bird."");'
+  - text: O método <code>bird.fly()</code> deve retornar &quot;Estou voando!&quot;
+    testString: 'assert((new Bird()).fly() === "I am flying!", "The <code>bird.fly()</code> method should return "I am flying!"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Bird() { }
+
+Bird.prototype.fly = function() { return "I am flying!"; };
+
+function Penguin() { }
+Penguin.prototype = Object.create(Bird.prototype);
+Penguin.prototype.constructor = Penguin;
+
+// Add your code below this line
+
+
+
+// Add your code above this line
+
+let penguin = new Penguin();
+console.log(penguin.fly());
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/remember-to-set-the-constructor-property-when-changing-the-prototype.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/remember-to-set-the-constructor-property-when-changing-the-prototype.portuguese.md
new file mode 100644
index 0000000000..fa369b62a1
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/remember-to-set-the-constructor-property-when-changing-the-prototype.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7daf367417b2b2512b80
+title: Remember to Set the Constructor Property when Changing the Prototype
+challengeType: 1
+videoUrl: ''
+localeTitle: Lembre-se de definir a propriedade do construtor ao alterar o protótipo
+---
+
+## Description
+<section id="description"> Há um efeito colateral crucial de configurar manualmente o <code>prototype</code> para um novo objeto. Ele apagou a propriedade do <code>constructor</code> ! O código no desafio anterior imprimiria o seguinte para <code>duck</code> : <blockquote> console.log (duck.constructor) <br> // imprime &quot;indefinido&quot; - Oops! </blockquote> Para corrigir isso, sempre que um protótipo for definido manualmente para um novo objeto, lembre-se de definir a propriedade do <code>constructor</code> : <blockquote> Bird.prototype = { <br> construtor: Bird, // define a propriedade do construtor <br> numLegs: 2, <br> eat: function () { <br> console.log (&quot;nom nom nom&quot;); <br> } <br> describe: function () { <br> console.log (&quot;Meu nome é&quot; + this.name); <br> } <br> }; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Defina a propriedade do <code>constructor</code> no <code>prototype</code> <code>Dog</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Dog.prototype</code> deve definir a propriedade do <code>constructor</code> .
+    testString: 'assert(Dog.prototype.constructor === Dog, "<code>Dog.prototype</code> should set the <code>constructor</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+// Modify the code below this line
+Dog.prototype = {
+
+  numLegs: 2,
+  eat: function() {
+    console.log("nom nom nom");
+  },
+  describe: function() {
+    console.log("My name is " + this.name);
+  }
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.portuguese.md
new file mode 100644
index 0000000000..bc467b5a65
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.portuguese.md
@@ -0,0 +1,67 @@
+---
+id: 587d7db1367417b2b2512b86
+title: Reset an Inherited Constructor Property
+challengeType: 1
+videoUrl: ''
+localeTitle: Redefinir uma propriedade de construtor herdado
+---
+
+## Description
+<section id="description"> Quando um objeto herda seu <code>prototype</code> de outro objeto, ele também herda a propriedade do construtor do <code>supertype</code> . Aqui está um exemplo: <blockquote> função Bird () {} <br> Bird.prototype = Object.create (Animal.prototype); <br> vamos pato = novo pássaro (); <br> duck.constructor // function Animal () {...} </blockquote> Mas <code>duck</code> e todos os exemplos de <code>Bird</code> deveriam mostrar que eles foram construídos por <code>Bird</code> e não por <code>Animal</code> . Para fazer isso, você pode definir manualmente <code>Bird&#39;s</code> propriedade de construtor do <code>Bird</code> para o objeto <code>Bird</code> : <blockquote> Bird.prototype.constructor = Pássaro; <br> duck.constructor // function Bird () {...} </blockquote></section>
+
+## Instructions
+<section id="instructions"> Corrija o código para que <code>duck.constructor</code> e <code>beagle.constructor</code> retornem seus respectivos construtores. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Bird.prototype</code> deve ser uma instância de <code>Animal</code> .
+    testString: 'assert(Animal.prototype.isPrototypeOf(Bird.prototype), "<code>Bird.prototype</code> should be an instance of <code>Animal</code>.");'
+  - text: <code>duck.constructor</code> deve retornar <code>Bird</code> .
+    testString: 'assert(duck.constructor === Bird, "<code>duck.constructor</code> should return <code>Bird</code>.");'
+  - text: <code>Dog.prototype</code> deve ser uma instância de <code>Animal</code> .
+    testString: 'assert(Animal.prototype.isPrototypeOf(Dog.prototype), "<code>Dog.prototype</code> should be an instance of <code>Animal</code>.");'
+  - text: <code>beagle.constructor</code> deve devolver o <code>Dog</code> .
+    testString: 'assert(beagle.constructor === Dog, "<code>beagle.constructor</code> should return <code>Dog</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Animal() { }
+function Bird() { }
+function Dog() { }
+
+Bird.prototype = Object.create(Animal.prototype);
+Dog.prototype = Object.create(Animal.prototype);
+
+// Add your code below this line
+
+
+
+let duck = new Bird();
+let beagle = new Dog();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/set-the-childs-prototype-to-an-instance-of-the-parent.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/set-the-childs-prototype-to-an-instance-of-the-parent.portuguese.md
new file mode 100644
index 0000000000..fd45afbde8
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/set-the-childs-prototype-to-an-instance-of-the-parent.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7db1367417b2b2512b85
+title: Set the Child's Prototype to an Instance of the Parent
+challengeType: 1
+videoUrl: ''
+localeTitle: Defina o protótipo da criança para uma instância do pai
+---
+
+## Description
+<section id="description"> No desafio anterior, você viu o primeiro passo para herdar o comportamento do <code>supertype</code> (ou pai) <code>Animal</code> : criar uma nova instância de <code>Animal</code> . Esse desafio abrange a próxima etapa: definir o <code>prototype</code> do <code>subtype</code> (ou filho) - nesse caso, <code>Bird</code> - para ser uma instância de <code>Animal</code> . <blockquote> Bird.prototype = Object.create (Animal.prototype); </blockquote> Lembre-se que o <code>prototype</code> é como a &quot;receita&quot; para criar um objeto. De certa forma, a receita de <code>Bird</code> agora inclui todos os &quot;ingredientes&quot; chave do <code>Animal</code> . <blockquote> vamos pato = novo pássaro (&quot;Donald&quot;); <br> duck.eat (); // imprime &quot;nom nom&quot; </blockquote> <code>duck</code> herda todas as propriedades do <code>Animal</code> , incluindo o método de <code>eat</code> . </section>
+
+## Instructions
+<section id="instructions"> Modifique o código para que as instâncias de <code>Dog</code> herdem de <code>Animal</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Dog.prototype</code> deve ser uma instância de <code>Animal</code> .
+    testString: 'assert(Animal.prototype.isPrototypeOf(Dog.prototype), "<code>Dog.prototype</code> should be an instance of <code>Animal</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Animal() { }
+
+Animal.prototype = {
+  constructor: Animal,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+function Dog() { }
+
+// Add your code below this line
+
+
+let beagle = new Dog();
+beagle.eat();  // Should print "nom nom nom"
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-own-properties.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-own-properties.portuguese.md
new file mode 100644
index 0000000000..76528f079e
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-own-properties.portuguese.md
@@ -0,0 +1,58 @@
+---
+id: 587d7dae367417b2b2512b7b
+title: Understand Own Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: Compreenda as propriedades próprias
+---
+
+## Description
+<section id="description"> No exemplo a seguir, o construtor <code>Bird</code> define duas propriedades: <code>name</code> e <code>numLegs</code> : <blockquote> função Bird (name) { <br> this.name = nome; <br> this.numLegs = 2; <br> } <br><br> vamos pato = novo pássaro (&quot;Donald&quot;); <br> deixe canário = novo pássaro (&quot;Tweety&quot;); </blockquote> <code>name</code> e <code>numLegs</code> são chamados de propriedades <code>own</code> , porque são definidos diretamente no objeto da instância. Isso significa que <code>duck</code> e <code>canary</code> cada um tem sua própria cópia separada dessas propriedades. Na verdade, cada instância do <code>Bird</code> terá sua própria cópia dessas propriedades. O código a seguir adiciona todos os <code>own</code> propriedades de <code>duck</code> para a matriz <code>ownProps</code> : <blockquote> deixe ownProps = []; <br><br> para (deixe a propriedade no pato) { <br> if (duck.hasOwnProperty (propriedade)) { <br> ownProps.push (propriedade); <br> } <br> } <br><br> console.log (ownProps); // imprime [&quot;nome&quot;, &quot;numLegs&quot;] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione as <code>own</code> propriedades do <code>canary</code> ao array <code>ownProps</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>ownProps</code> deve incluir os valores <code>&quot;numLegs&quot;</code> e <code>&quot;name&quot;</code> .
+    testString: 'assert(ownProps.indexOf("name") !== -1 && ownProps.indexOf("numLegs") !== -1, "<code>ownProps</code> should include the values <code>"numLegs"</code> and <code>"name"</code>.");'
+  - text: Resolva esse desafio sem usar o método <code>Object.keys()</code> .
+    testString: 'assert(!/\Object.keys/.test(code), "Solve this challenge without using the built in method <code>Object.keys()</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Bird(name) {
+  this.name = name;
+  this.numLegs = 2;
+}
+
+let canary = new Bird("Tweety");
+let ownProps = [];
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-constructor-property.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-constructor-property.portuguese.md
new file mode 100644
index 0000000000..f5babbe55f
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-constructor-property.portuguese.md
@@ -0,0 +1,60 @@
+---
+id: 587d7daf367417b2b2512b7e
+title: Understand the Constructor Property
+challengeType: 1
+videoUrl: ''
+localeTitle: Entenda a propriedade do construtor
+---
+
+## Description
+<section id="description"> Existe uma propriedade de <code>constructor</code> especial localizada nas instâncias de objetos <code>duck</code> e <code>beagle</code> que foram criadas nos desafios anteriores: <blockquote> vamos pato = novo pássaro (); <br> vamos beagle = novo cachorro (); <br><br> console.log (duck.constructor === Bird); // imprime true <br> console.log (beagle.constructor === Cachorro); // imprime true </blockquote> Observe que a propriedade <code>constructor</code> é uma referência à função construtora que criou a instância. A vantagem da propriedade <code>constructor</code> é que é possível verificar essa propriedade para descobrir que tipo de objeto é. Veja um exemplo de como isso pode ser usado: <blockquote> function joinBirdFraternity (candidate) { <br> if (candidato.construtor === Bird) { <br> retorno verdadeiro; <br> } outro { <br> retorna falso; <br> } <br> } </blockquote> <strong>Nota</strong> <br> Como a propriedade do <code>constructor</code> pode ser sobrescrita (o que será abordado nos próximos dois desafios), geralmente é melhor usar o método <code>instanceof</code> para verificar o tipo de um objeto. </section>
+
+## Instructions
+<section id="instructions"> Escreva uma função <code>joinDogFraternity</code> que <code>joinDogFraternity</code> um parâmetro <code>candidate</code> e, usando a propriedade <code>constructor</code> , retorne <code>true</code> se o candidato for um <code>Dog</code> , caso contrário, retorne <code>false</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>joinDogFraternity</code> deve ser definido como uma função.
+    testString: 'assert(typeof(joinDogFraternity) === "function", "<code>joinDogFraternity</code> should be defined as a function.");'
+  - text: <code>joinDogFraternity</code> deve retornar true se o <code>candidate</code> for uma instância de <code>Dog</code> .
+    testString: 'assert(joinDogFraternity(new Dog("")) === true, "<code>joinDogFraternity</code> should return true if<code>candidate</code> is an instance of <code>Dog</code>.");'
+  - text: <code>joinDogFraternity</code> deve usar a propriedade <code>constructor</code> .
+    testString: 'assert(/\.constructor/.test(code) && !/instanceof/.test(code), "<code>joinDogFraternity</code> should use the <code>constructor</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+// Add your code below this line
+function joinDogFraternity(candidate) {
+
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-immediately-invoked-function-expression-iife.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-immediately-invoked-function-expression-iife.portuguese.md
new file mode 100644
index 0000000000..2599d687a1
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-immediately-invoked-function-expression-iife.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db2367417b2b2512b8b
+title: Understand the Immediately Invoked Function Expression (IIFE)
+challengeType: 1
+videoUrl: ''
+localeTitle: Entenda a Expressão de Função Imediatamente Invocada (IIFE)
+---
+
+## Description
+<section id="description"> Um padrão comum em JavaScript é executar uma função assim que ela é declarada: <blockquote> (function () { <br> console.log (&quot;Chirp, chirp!&quot;); <br> }) (); // esta é uma expressão de função anônima que é executada imediatamente <br> // Saídas &quot;Chirp, chirp!&quot; imediatamente </blockquote> Note que a função não tem nome e não é armazenada em uma variável. Os dois parênteses () no final da expressão da função fazem com que ela seja imediatamente executada ou chamada. Esse padrão é conhecido como uma <code>immediately invoked function expression</code> ou <code>IIFE</code> . </section>
+
+## Instructions
+<section id="instructions"> Reescreva a função <code>makeNest</code> e remova sua chamada, em vez disso, é uma <code>immediately invoked function expression</code> ( <code>IIFE</code> ) anônima <code>immediately invoked function expression</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A função deve ser anônima.
+    testString: 'assert(/\(\s*?function\s*?\(\s*?\)\s*?{/.test(code), "The function should be anonymous.");'
+  - text: Sua função deve ter parênteses no final da expressão para chamá-lo imediatamente.
+    testString: 'assert(/}\s*?\)\s*?\(\s*?\)/.test(code), "Your function should have parentheses at the end of the expression to call it immediately.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function makeNest() {
+  console.log("A cozy nest is ready");
+}
+
+makeNest();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-prototype-chain.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-prototype-chain.portuguese.md
new file mode 100644
index 0000000000..5dc458b0c6
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-prototype-chain.portuguese.md
@@ -0,0 +1,58 @@
+---
+id: 587d7db0367417b2b2512b82
+title: Understand the Prototype Chain
+challengeType: 1
+videoUrl: ''
+localeTitle: Entenda a cadeia de protótipos
+---
+
+## Description
+<section id="description"> Todos os objetos em JavaScript (com algumas exceções) possuem um <code>prototype</code> . Além disso, o próprio <code>prototype</code> um objeto é um objeto. <blockquote> função Bird (name) { <br> this.name = nome; <br> } <br><br> typeof Bird.prototype; // =&gt; objeto </blockquote> Como um <code>prototype</code> é um objeto, um <code>prototype</code> pode ter seu próprio <code>prototype</code> ! Nesse caso, o <code>prototype</code> do <code>Bird.prototype</code> é <code>Object.prototype</code> : <blockquote> Object.prototype.isPrototypeOf (Bird.prototype); <br> // retorna verdadeiro </blockquote> Como isso é útil? Você pode lembrar o método <code>hasOwnProperty</code> de um desafio anterior: <blockquote> vamos pato = novo pássaro (&quot;Donald&quot;); <br> duck.hasOwnProperty (&quot;name&quot;); // =&gt; true </blockquote> O método <code>hasOwnProperty</code> é definido em <code>Object.prototype</code> , que pode ser acessado por <code>Bird.prototype</code> , que pode ser acessado por <code>duck</code> . Este é um exemplo da cadeia de <code>prototype</code> . Nesta cadeia de <code>prototype</code> , <code>Bird</code> é o <code>supertype</code> de <code>duck</code> , enquanto <code>duck</code> é o <code>subtype</code> . <code>Object</code> é um <code>supertype</code> para <code>Bird</code> e <code>duck</code> . <code>Object</code> é um <code>supertype</code> para todos os objetos em JavaScript. Portanto, qualquer objeto pode usar o método <code>hasOwnProperty</code> . </section>
+
+## Instructions
+<section id="instructions"> Modifique o código para mostrar a cadeia de protótipos correta. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve mostrar que <code>Object.prototype</code> é o protótipo de <code>Dog.prototype</code> &quot;)
+    testString: 'assert(/Object\.prototype\.isPrototypeOf/.test(code), "Your code should show that <code>Object.prototype</code> is the prototype of <code>Dog.prototype</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+let beagle = new Dog("Snoopy");
+
+Dog.prototype.isPrototypeOf(beagle);  // => true
+
+// Fix the code below so that it evaluates to true
+???.isPrototypeOf(Dog.prototype);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-where-an-objects-prototype-comes-from.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-where-an-objects-prototype-comes-from.portuguese.md
new file mode 100644
index 0000000000..0bf19e8a55
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-where-an-objects-prototype-comes-from.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db0367417b2b2512b81
+title: Understand Where an Object’s Prototype Comes From
+challengeType: 1
+videoUrl: ''
+localeTitle: Entenda de onde o protótipo de um objeto vem
+---
+
+## Description
+<section id="description"> Assim como as pessoas herdam genes de seus pais, um objeto herda seu <code>prototype</code> diretamente da função construtora que o criou. Por exemplo, aqui o construtor <code>Bird</code> cria o objeto <code>duck</code> : <blockquote> função Bird (name) { <br> this.name = nome; <br> } <br><br> vamos pato = novo pássaro (&quot;Donald&quot;); </blockquote> <code>duck</code> herda seu <code>prototype</code> da função de construtor <code>Bird</code> . Você pode mostrar esse relacionamento com o método <code>isPrototypeOf</code> : <blockquote> Bird.prototype.isPrototypeOf (pato); <br> // retorna verdadeiro </blockquote></section>
+
+## Instructions
+<section id="instructions"> Use <code>isPrototypeOf</code> para verificar o <code>prototype</code> do <code>beagle</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Mostre que o <code>Dog.prototype</code> é o <code>prototype</code> do <code>beagle</code>
+    testString: 'assert(/Dog\.prototype\.isPrototypeOf\(beagle\)/.test(code), "Show that <code>Dog.prototype</code> is the <code>prototype</code> of <code>beagle</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+let beagle = new Dog("Snoopy");
+
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-constructor-to-create-objects.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-constructor-to-create-objects.portuguese.md
new file mode 100644
index 0000000000..74a5aa0bec
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-constructor-to-create-objects.portuguese.md
@@ -0,0 +1,56 @@
+---
+id: 587d7dad367417b2b2512b78
+title: Use a Constructor to Create Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: Use um construtor para criar objetos
+---
+
+## Description
+<section id="description"> Aqui está o construtor <code>Bird</code> do desafio anterior: <blockquote> função Bird () { <br> this.name = &quot;Albert&quot;; <br> this.color = &quot;azul&quot;; <br> this.numLegs = 2; <br> // &quot;this&quot; dentro do construtor sempre se refere ao objeto que está sendo criado <br> } <br><br> deixe blueBird = new Bird (); </blockquote> Observe que o <code>new</code> operador é usado ao chamar um construtor. Isso diz ao JavaScript para criar uma nova <code>instance</code> do <code>Bird</code> chamada <code>blueBird</code> . Sem o <code>new</code> operador, <code>this</code> dentro do construtor não apontaria para o objeto recém-criado, dando resultados inesperados. Agora <code>blueBird</code> tem todas as propriedades definidas dentro do construtor <code>Bird</code> : <blockquote> blueBird.name; // =&gt; Albert <br> blueBird.color; // =&gt; azul <br> blueBird.numLegs; // =&gt; 2 </blockquote> Assim como qualquer outro objeto, suas propriedades podem ser acessadas e modificadas: <blockquote> blueBird.name = &#39;Elvira&#39;; <br> blueBird.name; // =&gt; Elvira </blockquote></section>
+
+## Instructions
+<section id="instructions"> Use o construtor <code>Dog</code> da última lição para criar uma nova instância de <code>Dog</code> , atribuindo-a a um <code>hound</code> variável. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>hound</code> deve ser criado usando o construtor <code>Dog</code> .
+    testString: 'assert(hound instanceof Dog, "<code>hound</code> should be created using the <code>Dog</code> constructor.");'
+  - text: Seu código deve usar o <code>new</code> operador para criar uma <code>instance</code> de <code>Dog</code> .
+    testString: 'assert(code.match(/new/g), "Your code should use the <code>new</code> operator to create an <code>instance</code> of <code>Dog</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog() {
+  this.name = "Rupert";
+  this.color = "brown";
+  this.numLegs = 4;
+}
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.portuguese.md
new file mode 100644
index 0000000000..d810030dcb
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db2367417b2b2512b89
+title: Use a Mixin to Add Common Behavior Between Unrelated Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: Use um Mixin para adicionar um comportamento comum entre objetos não relacionados
+---
+
+## Description
+<section id="description"> Como você viu, o comportamento é compartilhado por herança. No entanto, há casos em que a herança não é a melhor solução. Herança não funciona bem para objetos não relacionados, como <code>Bird</code> e <code>Airplane</code> . Ambos podem voar, mas um <code>Bird</code> não é um tipo de <code>Airplane</code> e vice-versa. Para objetos não relacionados, é melhor usar <code>mixins</code> . Um <code>mixin</code> permite que outros objetos usem uma coleção de funções. <blockquote> deixe flyMixin = function (obj) { <br> obj.fly = function () { <br> console.log (&quot;Voando, wooosh!&quot;); <br> } <br> }; </blockquote> O <code>flyMixin</code> pega qualquer objeto e fornece o método <code>fly</code> . <blockquote> deixe pássaro = { <br> nome: &quot;Donald&quot;, <br> numLegs: 2 <br> }; <br><br> vamos avião = { <br> modelo: &quot;777&quot;, <br> numPassengers: 524 <br> }; <br><br> flyMixin (ave); <br> flyMixin (avião); </blockquote> Aqui, <code>bird</code> e <code>plane</code> são passados ​​para <code>flyMixin</code> , que então atribui a função <code>fly</code> a cada objeto. Agora <code>bird</code> e <code>plane</code> podem voar: <blockquote> bird.fly (); // imprime &quot;Voando, wooosh!&quot; <br> plane.fly (); // imprime &quot;Voando, wooosh!&quot; </blockquote> Note como o <code>mixin</code> permite a mesma <code>fly</code> método para ser reutilizado por objetos não relacionados <code>bird</code> e <code>plane</code> . </section>
+
+## Instructions
+<section id="instructions"> Criar um <code>mixin</code> chamado <code>glideMixin</code> que define um método chamado <code>glide</code> . Em seguida, use o <code>glideMixin</code> para dar ao <code>bird</code> e ao <code>boat</code> a capacidade de deslizar. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve declarar uma variável <code>glideMixin</code> que é uma função.
+    testString: 'assert(typeof glideMixin === "function", "Your code should declare a <code>glideMixin</code> variable that is a function.");'
+  - text: Seu código deve usar o <code>glideMixin</code> no objeto <code>bird</code> para fornecer o método <code>glide</code> .
+    testString: 'assert(typeof bird.glide === "function", "Your code should use the <code>glideMixin</code> on the <code>bird</code> object to give it the <code>glide</code> method.");'
+  - text: Seu código deve usar o <code>glideMixin</code> no objeto <code>boat</code> para fornecer o método <code>glide</code> .
+    testString: 'assert(typeof boat.glide === "function", "Your code should use the <code>glideMixin</code> on the <code>boat</code> object to give it the <code>glide</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let bird = {
+  name: "Donald",
+  numLegs: 2
+};
+
+let boat = {
+  name: "Warrior",
+  type: "race-boat"
+};
+
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-an-iife-to-create-a-module.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-an-iife-to-create-a-module.portuguese.md
new file mode 100644
index 0000000000..865c104479
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-an-iife-to-create-a-module.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: 587d7db2367417b2b2512b8c
+title: Use an IIFE to Create a Module
+challengeType: 1
+videoUrl: ''
+localeTitle: Use um IIFE para criar um módulo
+---
+
+## Description
+<section id="description"> Uma <code>immediately invoked function expression</code> ( <code>IIFE</code> ) é frequentemente usada para agrupar a funcionalidade relacionada em um único objeto ou <code>module</code> . Por exemplo, um desafio anterior definiu dois mixins: <blockquote> function glideMixin (obj) { <br> obj.glide = function () { <br> console.log (&quot;planando na água&quot;); <br> }; <br> } <br> função flyMixin (obj) { <br> obj.fly = function () { <br> console.log (&quot;Voando, wooosh!&quot;); <br> }; <br> } </blockquote> Podemos agrupar esses <code>mixins</code> em um módulo da seguinte maneira: <blockquote> deixe motionModule = (function () { <br> Retorna { <br> glideMixin: function (obj) { <br> obj.glide = function () { <br> console.log (&quot;planando na água&quot;); <br> }; <br> } <br> flyMixin: function (obj) { <br> obj.fly = function () { <br> console.log (&quot;Voando, wooosh!&quot;); <br> }; <br> } <br> } <br> }) (); // Os dois parênteses fazem com que a função seja imediatamente invocada </blockquote> Note-se que você tem uma <code>immediately invoked function expression</code> ( <code>IIFE</code> ) que retorna um objeto <code>motionModule</code> . Este objeto retornado contém todos os comportamentos <code>mixin</code> como propriedades do objeto. A vantagem do padrão de <code>module</code> é que todos os comportamentos de movimento podem ser empacotados em um único objeto que pode ser usado por outras partes do seu código. Aqui está um exemplo usando: <blockquote> motionModule.glideMixin (duck); <br> duck.glide (); </blockquote></section>
+
+## Instructions
+<section id="instructions"> Crie um <code>module</code> chamado <code>funModule</code> para envolver os dois <code>mixins</code> <code>isCuteMixin</code> e <code>singMixin</code> . <code>funModule</code> deve retornar um objeto. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>funModule</code> deve ser definido e retornar um objeto.
+    testString: 'assert(typeof funModule === "object", "<code>funModule</code> should be defined and return an object.");'
+  - text: <code>funModule.isCuteMixin</code> deve acessar uma função.
+    testString: 'assert(typeof funModule.isCuteMixin === "function", "<code>funModule.isCuteMixin</code> should access a function.");'
+  - text: <code>funModule.singMixin</code> deve acessar uma função.
+    testString: 'assert(typeof funModule.singMixin === "function", "<code>funModule.singMixin</code> should access a function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let isCuteMixin = function(obj) {
+  obj.isCute = function() {
+    return true;
+  };
+};
+let singMixin = function(obj) {
+  obj.sing = function() {
+    console.log("Singing to an awesome tune");
+  };
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.portuguese.md
new file mode 100644
index 0000000000..260a28e7f8
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db2367417b2b2512b8a
+title: Use Closure to Protect Properties Within an Object from Being Modified Externally
+challengeType: 1
+videoUrl: ''
+localeTitle: Use o fechamento para proteger as propriedades em um objeto de serem modificadas externamente
+---
+
+## Description
+<section id="description"> No desafio anterior, o <code>bird</code> tinha um <code>name</code> propriedade pública. É considerado público porque pode ser acessado e alterado fora da definição da <code>bird</code> . <blockquote> bird.name = &quot;Duffy&quot;; </blockquote> Portanto, qualquer parte do seu código pode facilmente mudar o nome do <code>bird</code> para qualquer valor. Pense em coisas como senhas e contas bancárias facilmente alteráveis ​​por qualquer parte de sua base de código. Isso pode causar muitos problemas. A maneira mais simples de tornar as propriedades privadas é criando uma variável dentro da função construtora. Isso altera o escopo dessa variável para estar dentro da função de construtor versus disponível globalmente. Desta forma, a propriedade só pode ser acessada e alterada por métodos também dentro da função construtora. <blockquote> função Bird () { <br> deixe chocarEgg = 10; // propriedade privada <br><br> this.getHatchedEggCount = function () {// método publicamente disponível que um objeto pássaro pode usar <br> return hatchedEgg; <br> }; <br> } <br> vamos ducky = new Bird (); <br> ducky.getHatchedEggCount (); // retorna 10 </blockquote> Aqui <code>getHachedEggCount</code> é um método privilegiado, porque tem acesso à variável privada <code>hatchedEgg</code> . Isso é possível porque <code>hatchedEgg</code> é declarado no mesmo contexto que <code>getHachedEggCount</code> . Em JavaScript, uma função sempre tem acesso ao contexto no qual ela foi criada. Isso é chamado de <code>closure</code> . </section>
+
+## Instructions
+<section id="instructions"> Altere como o <code>weight</code> é declarado na função <code>Bird</code> , portanto, é uma variável privada. Em seguida, crie um método <code>getWeight</code> que retorne o valor do <code>weight</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A propriedade de <code>weight</code> deve ser uma variável privada.
+    testString: 'assert(!code.match(/this\.weight/g), "The <code>weight</code> property should be a private variable.");'
+  - text: Seu código deve criar um método no <code>Bird</code> chamado <code>getWeight</code> que retorna o <code>weight</code> .
+    testString: 'assert((new Bird()).getWeight() === 15, "Your code should create a method in <code>Bird</code> called <code>getWeight</code> that returns the <code>weight</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Bird() {
+  this.weight = 15;
+
+
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-dot-notation-to-access-the-properties-of-an-object.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-dot-notation-to-access-the-properties-of-an-object.portuguese.md
new file mode 100644
index 0000000000..94c6375351
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-dot-notation-to-access-the-properties-of-an-object.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7dac367417b2b2512b74
+title: Use Dot Notation to Access the Properties of an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: Use Dot Notation para acessar as propriedades de um objeto
+---
+
+## Description
+<section id="description"> O último desafio criou um <code>object</code> com várias <code>properties</code> , agora você verá como acessar os valores dessas <code>properties</code> . Aqui está um exemplo: <blockquote> vamos pato = { <br> nome: &quot;Aflac&quot;, <br> numLegs: 2 <br> }; <br> console.log (duck.name); <br> // Imprime &quot;Aflac&quot; no console </blockquote> A notação de ponto é usada no nome do <code>object</code> , <code>duck</code> , seguida do nome da <code>property</code> , <code>name</code> , para acessar o valor de &quot;Aflac&quot;. </section>
+
+## Instructions
+<section id="instructions"> Imprima as duas <code>properties</code> do objeto de <code>dog</code> abaixo em seu console. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deve usar o <code>console.log</code> para imprimir o valor da propriedade <code>name</code> do objeto <code>dog</code> .
+    testString: 'assert(/console.log\(.*dog\.name.*\)/g.test(code), "Your should use <code>console.log</code> to print the value for the <code>name</code> property of the <code>dog</code> object.");'
+  - text: Você deve usar <code>console.log</code> para imprimir o valor da propriedade <code>numLegs</code> do objeto <code>dog</code> .
+    testString: 'assert(/console.log\(.*dog\.numLegs.*\)/g.test(code), "Your should use <code>console.log</code> to print the value for the <code>numLegs</code> property of the <code>dog</code> object.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let dog = {
+  name: "Spot",
+  numLegs: 4
+};
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-inheritance-so-you-dont-repeat-yourself.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-inheritance-so-you-dont-repeat-yourself.portuguese.md
new file mode 100644
index 0000000000..9c0acf3828
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-inheritance-so-you-dont-repeat-yourself.portuguese.md
@@ -0,0 +1,80 @@
+---
+id: 587d7db0367417b2b2512b83
+title: Use Inheritance So You Don't Repeat Yourself
+challengeType: 1
+videoUrl: ''
+localeTitle: Use a herança para que você não se repita
+---
+
+## Description
+<section id="description"> Há um princípio em programação chamado <code>Don&#39;t Repeat Yourself (DRY)</code> . A razão pela qual o código repetido é um problema é porque qualquer alteração requer correção de código em vários lugares. Isso geralmente significa mais trabalho para os programadores e mais espaço para erros. Observe no exemplo abaixo que o método de <code>describe</code> é compartilhado por <code>Bird</code> e <code>Dog</code> : <blockquote> Bird.prototype = { <br> construtor: Bird, <br> describe: function () { <br> console.log (&quot;Meu nome é&quot; + this.name); <br> } <br> }; <br><br> Dog.prototype = { <br> construtor: Dog, <br> describe: function () { <br> console.log (&quot;Meu nome é&quot; + this.name); <br> } <br> }; </blockquote> O método <code>describe</code> é repetido em dois lugares. O código pode ser editado para seguir o princípio <code>DRY</code> , criando um <code>supertype</code> (ou pai) chamado <code>Animal</code> : <blockquote> function Animal () {}; <br><br> Animal.prototype = { <br> construtor: Animal, <br> describe: function () { <br> console.log (&quot;Meu nome é&quot; + this.name); <br> } <br> }; </blockquote> Desde <code>Animal</code> inclui o método de <code>describe</code> , você pode removê-lo de <code>Bird</code> and <code>Dog</code> : <blockquote> Bird.prototype = { <br> construtor: Bird <br> }; <br><br> Dog.prototype = { <br> construtor: Dog <br> }; </blockquote></section>
+
+## Instructions
+<section id="instructions"> O método de <code>eat</code> é repetido em <code>Cat</code> e <code>Bear</code> . Edite o código no espírito de <code>DRY</code> movendo o método <code>eat</code> para o <code>supertype</code> <code>Animal</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Animal.prototype</code> deve ter a propriedade <code>eat</code> .
+    testString: 'assert(Animal.prototype.hasOwnProperty("eat"), "<code>Animal.prototype</code> should have the <code>eat</code> property.");'
+  - text: <code>Bear.prototype</code> não deve ter a propriedade <code>eat</code> .
+    testString: 'assert(!(Bear.prototype.hasOwnProperty("eat")), "<code>Bear.prototype</code> should not have the <code>eat</code> property.");'
+  - text: <code>Cat.prototype</code> não deve ter a propriedade <code>eat</code> .
+    testString: 'assert(!(Cat.prototype.hasOwnProperty("eat")), "<code>Cat.prototype</code> should not have the <code>eat</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Cat(name) {
+  this.name = name;
+}
+
+Cat.prototype = {
+  constructor: Cat,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+function Bear(name) {
+  this.name = name;
+}
+
+Bear.prototype = {
+  constructor: Bear,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+function Animal() { }
+
+Animal.prototype = {
+  constructor: Animal,
+
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-prototype-properties-to-reduce-duplicate-code.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-prototype-properties-to-reduce-duplicate-code.portuguese.md
new file mode 100644
index 0000000000..c254aa0a3e
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-prototype-properties-to-reduce-duplicate-code.portuguese.md
@@ -0,0 +1,60 @@
+---
+id: 587d7dae367417b2b2512b7c
+title: Use Prototype Properties to Reduce Duplicate Code
+challengeType: 1
+videoUrl: ''
+localeTitle: Use propriedades de protótipo para reduzir o código duplicado
+---
+
+## Description
+<section id="description"> Como <code>numLegs</code> provavelmente terá o mesmo valor para todas as instâncias de <code>Bird</code> , você essencialmente tem uma variável duplicada <code>numLegs</code> dentro de cada instância de <code>Bird</code> . Isso pode não ser um problema quando há apenas duas instâncias, mas imagine se houver milhões de instâncias. Isso seria um monte de variáveis ​​duplicadas. Uma maneira melhor é usar <code>Bird&#39;s</code> <code>prototype</code> <code>Bird&#39;s</code> . O <code>prototype</code> é um objeto que é compartilhado entre TODAS as instâncias do <code>Bird</code> . Veja como adicionar <code>numLegs</code> ao <code>Bird prototype</code> : <blockquote> Bird.prototype.numLegs = 2; </blockquote> Agora, todas as instâncias do <code>Bird</code> têm a propriedade <code>numLegs</code> . <blockquote> console.log (duck.numLegs); // imprime 2 <br> console.log (canary.numLegs); // imprime 2 </blockquote> Como todas as instâncias têm automaticamente as propriedades no <code>prototype</code> , pense em um <code>prototype</code> como uma &quot;receita&quot; para criar objetos. Note que o <code>prototype</code> de <code>duck</code> e <code>canary</code> é parte do construtor <code>Bird</code> como <code>Bird.prototype</code> . Quase todos os objetos em JavaScript possuem uma propriedade <code>prototype</code> que faz parte da função construtora que a criou. </section>
+
+## Instructions
+<section id="instructions"> Adicione uma propriedade <code>numLegs</code> ao <code>prototype</code> do <code>Dog</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>beagle</code> deve ter uma propriedade <code>numLegs</code> .
+    testString: 'assert(beagle.numLegs !== undefined, "<code>beagle</code> should have a <code>numLegs</code> property.");'
+  - text: <code>beagle.numLegs</code> deve ser um número.
+    testString: 'assert(typeof(beagle.numLegs) === "number" , "<code>beagle.numLegs</code> should be a number.");'
+  - text: <code>numLegs</code> deve ser uma propriedade <code>prototype</code> e não uma propriedade <code>own</code> .
+    testString: 'assert(beagle.hasOwnProperty("numLegs") === false, "<code>numLegs</code> should be a <code>prototype</code> property not an <code>own</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+
+
+// Add your code above this line
+let beagle = new Dog("Snoopy");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/verify-an-objects-constructor-with-instanceof.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/verify-an-objects-constructor-with-instanceof.portuguese.md
new file mode 100644
index 0000000000..0f0d5b2e65
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/verify-an-objects-constructor-with-instanceof.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dae367417b2b2512b7a
+title: Verify an Object's Constructor with instanceof
+challengeType: 1
+videoUrl: ''
+localeTitle: Verificar o construtor de um objeto com instância de
+---
+
+## Description
+<section id="description"> Sempre que uma função construtora cria um novo objeto, esse objeto é considerado uma <code>instance</code> de seu construtor. O JavaScript oferece uma maneira conveniente de verificar isso com o operador <code>instanceof</code> . <code>instanceof</code> permite comparar um objeto com um construtor, retornando <code>true</code> ou <code>false</code> base no fato de o objeto ter sido criado ou não com o construtor. Aqui está um exemplo: <blockquote> deixe Bird = function (nome, cor) { <br> this.name = nome; <br> this.color = cor; <br> this.numLegs = 2; <br> } <br><br> deixe corvo = novo Pássaro (&quot;Alexis&quot;, &quot;preto&quot;); <br><br> exemplo de pássaro; // =&gt; true </blockquote> Se um objeto é criado sem usar um construtor, o <code>instanceof</code> irá verificar se ele não é uma instância desse construtor: <blockquote> deixe canário = { <br> nome: &quot;Mildred&quot;, <br> cor amarela&quot;, <br> numLegs: 2 <br> }; <br><br> exemplo canário de Bird; // =&gt; false </blockquote></section>
+
+## Instructions
+<section id="instructions"> Crie uma nova instância do construtor <code>House</code> , chamando-a de <code>myHouse</code> e passando por vários quartos. Em seguida, use <code>instanceof</code> para verificar se é uma instância de <code>House</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myHouse</code> deve ter um atributo <code>numBedrooms</code> definido para um número.
+    testString: 'assert(typeof myHouse.numBedrooms === "number", "<code>myHouse</code> should have a <code>numBedrooms</code> attribute set to a number.");'
+  - text: Certifique-se de verificar se <code>myHouse</code> é uma instância do <code>House</code> usando o operador <code>instanceof</code> .
+    testString: 'assert(/myHouse\s*instanceof\s*House/.test(code), "Be sure to verify that <code>myHouse</code> is an instance of <code>House</code> using the <code>instanceof</code> operator.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+/* jshint expr: true */
+
+function House(numBedrooms) {
+  this.numBedrooms = numBedrooms;
+}
+
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-all-or-none.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-all-or-none.portuguese.md
new file mode 100644
index 0000000000..d7da796f3b
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-all-or-none.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dba367417b2b2512ba8
+title: Check for All or None
+challengeType: 1
+videoUrl: ''
+localeTitle: Verificar tudo ou nada
+---
+
+## Description
+<section id="description"> Às vezes, os padrões que você deseja pesquisar podem ter partes dele que podem ou não existir. No entanto, pode ser importante verificar para eles, no entanto. Você pode especificar a possível existência de um elemento com um ponto de interrogação <code>?</code> . Isso verifica zero ou um dos elementos anteriores. Você pode pensar neste símbolo dizendo que o elemento anterior é opcional. Por exemplo, existem pequenas diferenças no inglês americano e britânico e você pode usar o ponto de interrogação para combinar com as duas grafias. <blockquote> deixe americano = &quot;cor&quot;; <br> deixe british = &quot;cor&quot;; <br> deixe rainbowRegex = / colou? r /; <br> rainbowRegex.test (americano); // Retorna true <br> rainbowRegex.test (britânico); // Retorna true </blockquote></section>
+
+## Instructions
+<section id="instructions"> Altere o regex <code>favRegex</code> para coincidir com o inglês americano (favorito) e o inglês britânico (favorito) versão da palavra. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex deve usar o símbolo opcional <code>?</code> .
+    testString: 'assert(favRegex.source.match(/\?/).length > 0, "Your regex should use the optional symbol, <code>?</code>.");'
+  - text: Seu regex deve coincidir com <code>&quot;favorite&quot;</code>
+    testString: 'assert(favRegex.test("favorite"), "Your regex should match <code>"favorite"</code>");'
+  - text: Seu regex deve coincidir com <code>&quot;favourite&quot;</code>
+    testString: 'assert(favRegex.test("favourite"), "Your regex should match <code>"favourite"</code>");'
+  - text: Seu regex não deve corresponder a <code>&quot;fav&quot;</code>
+    testString: 'assert(!favRegex.test("fav"), "Your regex should not match <code>"fav"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let favWord = "favorite";
+let favRegex = /change/; // Change this line
+let result = favRegex.test(favWord);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/extract-matches.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/extract-matches.portuguese.md
new file mode 100644
index 0000000000..9ac7a26f28
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/extract-matches.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db4367417b2b2512b92
+title: Extract Matches
+challengeType: 1
+videoUrl: ''
+localeTitle: Extrair correspondências
+---
+
+## Description
+<section id="description"> Até agora, você só verifica se um padrão existe ou não em uma string. Você também pode extrair as correspondências reais encontradas com o método <code>.match()</code> . Para usar o método <code>.match()</code> , aplique o método em uma string e passe o regex dentro dos parênteses. Aqui está um exemplo: <blockquote> &quot;Olá, mundo!&quot;. Match (/ Hello /); <br> // Retorna [&quot;Olá&quot;] <br> vamos ourStr = &quot;Expressões regulares&quot;; <br> vamos ourRegex = / expressões /; <br> ourStr.match (ourRegex); <br> // Retorna [&quot;expressões&quot;] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Aplique o método <code>.match()</code> para extrair a <code>coding</code> palavras. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O <code>result</code> deve ter a palavra <code>coding</code>
+    testString: 'assert(result.join() === "coding", "The <code>result</code> should have the word <code>coding</code>");'
+  - text: Seu regex <code>codingRegex</code> deve procurar por <code>coding</code>
+    testString: 'assert(codingRegex.source === "coding", "Your regex <code>codingRegex</code> should search for <code>coding</code>");'
+  - text: Você deve usar o método <code>.match()</code> .
+    testString: 'assert(code.match(/\.match\(.*\)/), "You should use the <code>.match()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let extractStr = "Extract the word 'coding' from this string.";
+let codingRegex = /change/; // Change this line
+let result = extractStr; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/find-characters-with-lazy-matching.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/find-characters-with-lazy-matching.portuguese.md
new file mode 100644
index 0000000000..4ef3aefa15
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/find-characters-with-lazy-matching.portuguese.md
@@ -0,0 +1,51 @@
+---
+id: 587d7db6367417b2b2512b9b
+title: Find Characters with Lazy Matching
+challengeType: 1
+videoUrl: ''
+localeTitle: Encontrar personagens com correspondência preguiçosa
+---
+
+## Description
+<section id="description"> Em expressões regulares, uma correspondência <code>greedy</code> localiza a parte mais longa possível de uma sequência que se ajusta ao padrão de expressão regular e a retorna como uma correspondência. A alternativa é chamada de <code>lazy</code> match, que encontra a menor parte possível da string que satisfaz o padrão de expressão regular. Você pode aplicar o regex <code>/t[az]*i/</code> à string <code>&quot;titanic&quot;</code> . Este regex é basicamente um padrão que começa com <code>t</code> , termina com <code>i</code> e tem algumas letras no meio. Expressões regulares são por padrão <code>greedy</code> , então a correspondência retornaria <code>[&quot;titani&quot;]</code> . Ele encontra a maior sub-string possível para ajustar o padrão. No entanto, você pode usar o <code>?</code> personagem para alterá-lo para correspondência <code>lazy</code> . <code>&quot;titanic&quot;</code> combinou com o regex ajustado de <code>/t[az]*?i/</code> returns <code>[&quot;ti&quot;]</code> . </section>
+
+## Instructions
+<section id="instructions"> Corrija o regex <code>/&lt;.*&gt;/</code> para retornar a tag HTML <code>&lt;h1&gt;</code> e não o texto <code>&quot;&lt;h1&gt;Winter is coming&lt;/h1&gt;&quot;</code> . Lembre-se do curinga <code>.</code> em uma expressão regular corresponde a qualquer caractere. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A variável de <code>result</code> deve ser uma matriz com <code>&lt;h1&gt;</code> nela
+    testString: 'assert(result[0] == "<h1>", "The <code>result</code> variable should be an array with <code>&lt;h1&gt;</code> in it");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let text = "<h1>Winter is coming</h1>";
+let myRegex = /<.*>/; // Change this line
+let result = text.match(myRegex);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/find-more-than-the-first-match.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/find-more-than-the-first-match.portuguese.md
new file mode 100644
index 0000000000..cb152028ca
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/find-more-than-the-first-match.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: 587d7db4367417b2b2512b93
+title: Find More Than the First Match
+challengeType: 1
+videoUrl: ''
+localeTitle: Encontre mais do que o primeiro jogo
+---
+
+## Description
+<section id="description"> Até agora, você só conseguiu extrair ou pesquisar um padrão uma vez. <blockquote> deixe testStr = &quot;Repetir, Repetir, Repetir&quot;; <br> vamos ourRegex = / Repeat /; <br> testStr.match (ourRegex); <br> // Retorna [&quot;Repetir&quot;] </blockquote> Para pesquisar ou extrair um padrão mais de uma vez, você pode usar o sinalizador <code>g</code> . <blockquote> vamos repeatRegex = / Repeat / g; <br> testStr.match (repeatRegex); <br> // Retorna [&quot;Repetir&quot;, &quot;Repetir&quot;, &quot;Repetir&quot;] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Usando o regex <code>starRegex</code> , encontre e extraia ambas as palavras <code>&quot;Twinkle&quot;</code> da string <code>twinkleStar</code> . <strong>Nota</strong> <br> Você pode ter vários sinalizadores no seu regex como <code>/search/gi</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex <code>starRegex</code> deve usar a bandeira global <code>g</code>
+    testString: 'assert(starRegex.flags.match(/g/).length == 1, "Your regex <code>starRegex</code> should use the global flag <code>g</code>");'
+  - text: Seu regex <code>starRegex</code> deve usar a flag insensível a maiúsculas e minúsculas <code>i</code>
+    testString: 'assert(starRegex.flags.match(/i/).length == 1, "Your regex <code>starRegex</code> should use the case insensitive flag <code>i</code>");'
+  - text: Sua correspondência deve corresponder a ambas as ocorrências da palavra <code>&quot;Twinkle&quot;</code>
+    testString: 'assert(result.sort().join() == twinkleStar.match(/twinkle/gi).sort().join(), "Your match should match both occurrences of the word <code>"Twinkle"</code>");'
+  - text: Seu <code>result</code> partida deve ter dois elementos.
+    testString: 'assert(result.length == 2, "Your match <code>result</code> should have two elements in it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let twinkleStar = "Twinkle, twinkle, little star";
+let starRegex = /change/; // Change this line
+let result = twinkleStar; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/find-one-or-more-criminals-in-a-hunt.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/find-one-or-more-criminals-in-a-hunt.portuguese.md
new file mode 100644
index 0000000000..611ad30d7b
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/find-one-or-more-criminals-in-a-hunt.portuguese.md
@@ -0,0 +1,67 @@
+---
+id: 587d7db7367417b2b2512b9c
+title: Find One or More Criminals in a Hunt
+challengeType: 1
+videoUrl: ''
+localeTitle: Encontre um ou mais criminosos em uma caçada
+---
+
+## Description
+<section id="description"> Hora de fazer uma pausa e testar suas novas habilidades de redação de regex. Um grupo de criminosos escapou da prisão e fugiu, mas você não sabe quantos. No entanto, você sabe que eles ficam juntos quando estão perto de outras pessoas. Você é responsável por encontrar todos os criminosos de uma só vez. Aqui está um exemplo para revisar como fazer isso: O regex <code>/z+/</code> corresponde à letra <code>z</code> quando aparece uma ou mais vezes seguidas. Ele encontraria correspondências em todas as seguintes strings: <blockquote> &quot;z&quot; <br> &quot;zzzzzz&quot; <br> &quot;ABCzzzz&quot; <br> &quot;zzzzABC&quot; <br> &quot;abczzzzzzzzzzzzzzzzzzzzzabc&quot; </blockquote> Mas ele não encontra correspondências nas strings a seguir, pois não há caracteres da letra <code>z</code> : <blockquote> &quot;&quot; <br> &quot;ABC&quot; <br> &quot;abcabc&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Escreva um regex <code>greedy</code> que encontre um ou mais criminosos dentro de um grupo de outras pessoas. Um criminoso é representado pela letra maiúscula <code>C</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex deve corresponder a <code>one</code> criminoso (&quot; <code>C</code> &quot;) em <code>&quot;C&quot;</code>
+    testString: 'assert("C".match(reCriminals) && "C".match(reCriminals)[0] == "C", "Your regex should match <code>one</code> criminal ("<code>C</code>") in <code>"C"</code>");'
+  - text: Seu regex deve coincidir com <code>two</code> criminosos (&quot; <code>CC</code> &quot;) em <code>&quot;CC&quot;</code>
+    testString: 'assert("CC".match(reCriminals) && "CC".match(reCriminals)[0] == "CC", "Your regex should match <code>two</code> criminals ("<code>CC</code>") in <code>"CC"</code>");'
+  - text: Seu regex deve corresponder a <code>three</code> criminosos (&quot; <code>CCC</code> &quot;) em <code>&quot;P1P5P4CCCP2P6P3&quot;</code>
+    testString: 'assert("P1P5P4CCCP2P6P3".match(reCriminals) && "P1P5P4CCCP2P6P3".match(reCriminals)[0] == "CCC", "Your regex should match <code>three</code> criminals ("<code>CCC</code>") in <code>"P1P5P4CCCP2P6P3"</code>");'
+  - text: Seu regex deve corresponder a <code>five</code> criminosos (&quot; <code>CCCCC</code> &quot;) em <code>&quot;P6P2P7P4P5CCCCCP3P1&quot;</code>
+    testString: 'assert("P6P2P7P4P5CCCCCP3P1".match(reCriminals) && "P6P2P7P4P5CCCCCP3P1".match(reCriminals)[0] == "CCCCC", "Your regex should match <code>five</code> criminals ("<code>CCCCC</code>") in <code>"P6P2P7P4P5CCCCCP3P1"</code>");'
+  - text: Seu regex não deve corresponder a nenhum criminoso em <code>&quot;&quot;</code>
+    testString: 'assert(!reCriminals.test(""), "Your regex should not match any criminals in <code>""</code>");'
+  - text: Seu regex não deve corresponder a nenhum criminoso em <code>&quot;P1P2P3&quot;</code>
+    testString: 'assert(!reCriminals.test("P1P2P3"), "Your regex should not match any criminals in <code>"P1P2P3"</code>");'
+  - text: Seu regex deve corresponder a <code>fifty</code> criminosos (&quot; <code>CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC</code> &quot;) em <code>&quot;P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3&quot;</code> .
+    testString: 'assert("P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3".match(reCriminals) && "P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3".match(reCriminals)[0] == "CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC", "Your regex should match <code>fifty</code> criminals ("<code>CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC</code>") in <code>"P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// example crowd gathering
+let crowd = 'P1P2P3P4P5P6CCCP7P8P9';
+
+let reCriminals = /./; // Change this line
+
+let matchedCriminals = crowd.match(reCriminals);
+console.log(matchedCriminals);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/ignore-case-while-matching.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/ignore-case-while-matching.portuguese.md
new file mode 100644
index 0000000000..6e209ca58c
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/ignore-case-while-matching.portuguese.md
@@ -0,0 +1,69 @@
+---
+id: 587d7db4367417b2b2512b91
+title: Ignore Case While Matching
+challengeType: 1
+videoUrl: ''
+localeTitle: Ignorar maiúsculas e minúsculas durante a correspondência
+---
+
+## Description
+<section id="description"> Até agora, você observou as expressões regulares para fazer correspondências literais de strings. Mas, às vezes, você pode querer também combinar diferenças entre casos. Caso (ou, às vezes, letra maiúscula) é a diferença entre letras maiúsculas e minúsculas. Exemplos de maiúsculas são <code>&quot;A&quot;</code> , <code>&quot;B&quot;</code> e <code>&quot;C&quot;</code> . Exemplos de letras minúsculas são <code>&quot;a&quot;</code> , <code>&quot;b&quot;</code> e <code>&quot;c&quot;</code> . Você pode combinar os dois casos usando o que é chamado de flag. Existem outras bandeiras, mas aqui você se concentrará na bandeira que ignora maiúsculas e minúsculas - o sinalizador <code>i</code> . Você pode usá-lo anexando-o ao regex. Um exemplo de usar esse sinalizador é <code>/ignorecase/i</code> . Este regex pode coincidir com as strings <code>&quot;ignorecase&quot;</code> , <code>&quot;igNoreCase&quot;</code> e <code>&quot;IgnoreCase&quot;</code> . </section>
+
+## Instructions
+<section id="instructions"> Escreva um regex <code>fccRegex</code> para combinar com <code>&quot;freeCodeCamp&quot;</code> , não importa o caso. Seu regex não deve corresponder a nenhuma abreviação ou variação com espaços. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex deve corresponder ao <code>freeCodeCamp</code>
+    testString: 'assert(fccRegex.test("freeCodeCamp"), "Your regex should match <code>freeCodeCamp</code>");'
+  - text: Seu regex deve corresponder ao <code>FreeCodeCamp</code>
+    testString: 'assert(fccRegex.test("FreeCodeCamp"), "Your regex should match <code>FreeCodeCamp</code>");'
+  - text: Seu regex deve corresponder ao <code>FreecodeCamp</code>
+    testString: 'assert(fccRegex.test("FreecodeCamp"), "Your regex should match <code>FreecodeCamp</code>");'
+  - text: Seu regex deve corresponder ao <code>FreeCodecamp</code>
+    testString: 'assert(fccRegex.test("FreeCodecamp"), "Your regex should match <code>FreeCodecamp</code>");'
+  - text: Seu regex não deve corresponder ao <code>Free Code Camp</code>
+    testString: 'assert(!fccRegex.test("Free Code Camp"), "Your regex should not match <code>Free Code Camp</code>");'
+  - text: Seu regex deve corresponder ao <code>FreeCOdeCamp</code>
+    testString: 'assert(fccRegex.test("FreeCOdeCamp"), "Your regex should match <code>FreeCOdeCamp</code>");'
+  - text: Seu regex não deve corresponder ao <code>FCC</code>
+    testString: 'assert(!fccRegex.test("FCC"), "Your regex should not match <code>FCC</code>");'
+  - text: Seu regex deve corresponder ao <code>FrEeCoDeCamp</code>
+    testString: 'assert(fccRegex.test("FrEeCoDeCamp"), "Your regex should match <code>FrEeCoDeCamp</code>");'
+  - text: Seu regex deve corresponder ao <code>FrEeCodECamp</code>
+    testString: 'assert(fccRegex.test("FrEeCodECamp"), "Your regex should match <code>FrEeCodECamp</code>");'
+  - text: Seu regex deve corresponder a <code>FReeCodeCAmp</code>
+    testString: 'assert(fccRegex.test("FReeCodeCAmp"), "Your regex should match <code>FReeCodeCAmp</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myString = "freeCodeCamp";
+let fccRegex = /change/; // Change this line
+let result = fccRegex.test(myString);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-a-literal-string-with-different-possibilities.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-a-literal-string-with-different-possibilities.portuguese.md
new file mode 100644
index 0000000000..7852de7309
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-a-literal-string-with-different-possibilities.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db4367417b2b2512b90
+title: Match a Literal String with Different Possibilities
+challengeType: 1
+videoUrl: ''
+localeTitle: Combine uma seqüência literal com diferentes possibilidades
+---
+
+## Description
+<section id="description"> Usando regexes como <code>/coding/</code> , você pode procurar o padrão <code>&quot;coding&quot;</code> em outra string. Isso é poderoso para pesquisar strings únicas, mas é limitado a apenas um padrão. Você pode pesquisar vários padrões usando a <code>alternation</code> ou o operador <code>OR</code> : <code>|</code> . Este operador corresponde aos padrões antes ou depois dele. Por exemplo, se você quisesse combinar <code>&quot;yes&quot;</code> ou <code>&quot;no&quot;</code> , o regex desejado é <code>/yes|no/</code> . Você também pode pesquisar mais do que apenas dois padrões. Você pode fazer isso adicionando mais padrões com mais operadores <code>OR</code> separando-os, como <code>/yes|no|maybe/</code> . </section>
+
+## Instructions
+<section id="instructions"> Complete o regex <code>petRegex</code> para combinar com os pets <code>&quot;dog&quot;</code> , <code>&quot;cat&quot;</code> , <code>&quot;bird&quot;</code> ou <code>&quot;fish&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex <code>petRegex</code> deve retornar <code>true</code> para a string <code>&quot;John has a pet dog.&quot;</code>
+    testString: 'assert(petRegex.test("John has a pet dog."), "Your regex <code>petRegex</code> should return <code>true</code> for the string <code>"John has a pet dog."</code>");'
+  - text: Seu regex <code>petRegex</code> deve retornar <code>false</code> para a string <code>&quot;Emma has a pet rock.&quot;</code>
+    testString: 'assert(!petRegex.test("Emma has a pet rock."), "Your regex <code>petRegex</code> should return <code>false</code> for the string <code>"Emma has a pet rock."</code>");'
+  - text: Seu regex <code>petRegex</code> deve retornar <code>true</code> para a string <code>&quot;Emma has a pet bird.&quot;</code>
+    testString: 'assert(petRegex.test("Emma has a pet bird."), "Your regex <code>petRegex</code> should return <code>true</code> for the string <code>"Emma has a pet bird."</code>");'
+  - text: Seu regex <code>petRegex</code> deve retornar <code>true</code> para a string <code>&quot;Liz has a pet cat.&quot;</code>
+    testString: 'assert(petRegex.test("Liz has a pet cat."), "Your regex <code>petRegex</code> should return <code>true</code> for the string <code>"Liz has a pet cat."</code>");'
+  - text: Seu regex <code>petRegex</code> deve retornar <code>false</code> para a string <code>&quot;Kara has a pet dolphin.&quot;</code>
+    testString: 'assert(!petRegex.test("Kara has a pet dolphin."), "Your regex <code>petRegex</code> should return <code>false</code> for the string <code>"Kara has a pet dolphin."</code>");'
+  - text: Seu regex <code>petRegex</code> deve retornar <code>true</code> para a string <code>&quot;Alice has a pet fish.&quot;</code>
+    testString: 'assert(petRegex.test("Alice has a pet fish."), "Your regex <code>petRegex</code> should return <code>true</code> for the string <code>"Alice has a pet fish."</code>");'
+  - text: Seu regex <code>petRegex</code> deve retornar <code>false</code> para a string <code>&quot;Jimmy has a pet computer.&quot;</code>
+    testString: 'assert(!petRegex.test("Jimmy has a pet computer."), "Your regex <code>petRegex</code> should return <code>false</code> for the string <code>"Jimmy has a pet computer."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let petString = "James has a pet cat.";
+let petRegex = /change/; // Change this line
+let result = petRegex.test(petString);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-letters-and-numbers.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-letters-and-numbers.portuguese.md
new file mode 100644
index 0000000000..b6de02a11a
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-letters-and-numbers.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7db7367417b2b2512b9f
+title: Match All Letters and Numbers
+challengeType: 1
+videoUrl: ''
+localeTitle: Corresponder todas as letras e números
+---
+
+## Description
+<section id="description"> Usando classes de caracteres, você conseguiu pesquisar todas as letras do alfabeto com <code>[az]</code> . Esse tipo de classe de caracteres é comum o suficiente para que haja um atalho para ele, embora inclua alguns caracteres extras também. A classe de caractere mais próxima em JavaScript para corresponder ao alfabeto é <code>\w</code> . Este atalho é igual a <code>[A-Za-z0-9_]</code> . Essa classe de caracteres corresponde a letras maiúsculas e minúsculas mais números. Note que esta classe de caracteres também inclui o caractere de sublinhado ( <code>_</code> ). <blockquote> let longHand = / [A-Za-z0-9 _] + /; <br> deixe shortHand = / \ w + /; <br> deixe números = &quot;42&quot;; <br> deixe varNames = &quot;important_var&quot;; <br> longHand.test (números); // Retorna true <br> shortHand.test (números); // Retorna true <br> longHand.test (varNames); // Retorna true <br> shortHand.test (varNames); // Retorna true </blockquote> Essas classes de caracteres de atalho também são conhecidas como <code>shorthand character classes</code> . </section>
+
+## Instructions
+<section id="instructions"> Use a classe de caractere abreviada <code>\w</code> para contar o número de caracteres alfanuméricos em várias aspas e cadeias de caracteres. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex deve usar o sinalizador global.
+    testString: 'assert(alphabetRegexV2.global, "Your regex should use the global flag.");'
+  - text: Seu regex deve usar o caractere abreviado
+    testString: 'assert(/\\w/.test(alphabetRegexV2.source), "Your regex should use the shorthand character <code>\w</code> to match all characters which are alphanumeric.");'
+  - text: Seu regex deve encontrar 31 caracteres alfanuméricos em <code>&quot;The five boxing wizards jump quickly.&quot;</code>
+    testString: 'assert("The five boxing wizards jump quickly.".match(alphabetRegexV2).length === 31, "Your regex should find 31 alphanumeric characters in <code>"The five boxing wizards jump quickly."</code>");'
+  - text: Seu regex deve encontrar 32 caracteres alfanuméricos em <code>&quot;Pack my box with five dozen liquor jugs.&quot;</code>
+    testString: 'assert("Pack my box with five dozen liquor jugs.".match(alphabetRegexV2).length === 32, "Your regex should find 32 alphanumeric characters in <code>"Pack my box with five dozen liquor jugs."</code>");'
+  - text: Seu regex deve encontrar 30 caracteres alfanuméricos em <code>&quot;How vexingly quick daft zebras jump!&quot;</code>
+    testString: 'assert("How vexingly quick daft zebras jump!".match(alphabetRegexV2).length === 30, "Your regex should find 30 alphanumeric characters in <code>"How vexingly quick daft zebras jump!"</code>");'
+  - text: Seu regex deve encontrar 36 caracteres alfanuméricos em <code>&quot;123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.&quot;</code>
+    testString: 'assert("123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.".match(alphabetRegexV2).length === 36, "Your regex should find 36 alphanumeric characters in <code>"123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "The five boxing wizards jump quickly.";
+let alphabetRegexV2 = /change/; // Change this line
+let result = quoteSample.match(alphabetRegexV2).length;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-non-numbers.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-non-numbers.portuguese.md
new file mode 100644
index 0000000000..f76aaa2c37
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-non-numbers.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: 587d7db8367417b2b2512ba1
+title: Match All Non-Numbers
+challengeType: 1
+videoUrl: ''
+localeTitle: Corresponder a todos os não-números
+---
+
+## Description
+<section id="description"> O último desafio mostrou como procurar dígitos usando o atalho <code>\d</code> com letra minúscula <code>d</code> . Você também pode pesquisar por não-dígitos usando um atalho semelhante que use um <code>D</code> maiúsculo. O atalho para procurar caracteres não dígitos é <code>\D</code> Isso é igual à classe de caracteres <code>[^0-9]</code> , que procura um único caractere que não seja um número entre zero e nove. </section>
+
+## Instructions
+<section id="instructions"> Use a classe de caractere abreviada para não dígitos <code>\D</code> para contar quantos não-dígitos estão em títulos de filme. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex deve usar o caractere de atalho para corresponder a caracteres não dígitos
+    testString: 'assert(/\\D/.test(noNumRegex.source), "Your regex should use the shortcut character to match non-digit characters");'
+  - text: Seu regex deve usar o sinalizador global.
+    testString: 'assert(noNumRegex.global, "Your regex should use the global flag.");'
+  - text: Seu regex não deve encontrar nenhum dígito em <code>&quot;9&quot;</code> .
+    testString: 'assert("9".match(noNumRegex) == null, "Your regex should find no non-digits in <code>"9"</code>.");'
+  - text: Seu regex deve encontrar 6 não dígitos em <code>&quot;Catch 22&quot;</code> .
+    testString: 'assert("Catch 22".match(noNumRegex).length == 6, "Your regex should find 6 non-digits in <code>"Catch 22"</code>.");'
+  - text: Seu regex deve encontrar 11 não-dígitos em <code>&quot;101 Dalmatians&quot;</code> .
+    testString: 'assert("101 Dalmatians".match(noNumRegex).length == 11, "Your regex should find 11 non-digits in <code>"101 Dalmatians"</code>.");'
+  - text: 'Seu regex deve encontrar 15 não dígitos em <code>&quot;One, Two, Three&quot;</code> .'
+    testString: 'assert("One, Two, Three".match(noNumRegex).length == 15, "Your regex should find 15 non-digits in <code>"One, Two, Three"</code>.");'
+  - text: Seu regex deve encontrar 12 não dígitos em <code>&quot;21 Jump Street&quot;</code> .
+    testString: 'assert("21 Jump Street".match(noNumRegex).length == 12, "Your regex should find 12 non-digits in <code>"21 Jump Street"</code>.");'
+  - text: 'Seu regex deve encontrar 17 não-dígitos em <code>&quot;2001: A Space Odyssey&quot;</code> .'
+    testString: 'assert("2001: A Space Odyssey".match(noNumRegex).length == 17, "Your regex should find 17 non-digits in <code>"2001: A Space Odyssey"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let numString = "Your sandwich will be $5.00";
+let noNumRegex = /change/; // Change this line
+let result = numString.match(noNumRegex).length;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-numbers.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-numbers.portuguese.md
new file mode 100644
index 0000000000..c71fcebefb
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-numbers.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: 5d712346c441eddfaeb5bdef
+title: Match All Numbers
+challengeType: 1
+videoUrl: ''
+localeTitle: Corresponder todos os números
+---
+
+## Description
+<section id="description"> Você aprendeu atalhos para padrões de string comuns, como alfanuméricos. Outro padrão comum é procurar apenas dígitos ou números. O atalho para procurar caracteres de dígitos é <code>\d</code> , com um <code>d</code> minúsculo. Isso é igual à classe de caracteres <code>[0-9]</code> , que procura um único caractere de qualquer número entre zero e nove. </section>
+
+## Instructions
+<section id="instructions"> Use a classe de caractere abreviada <code>\d</code> para contar quantos dígitos estão em títulos de filmes. Números escritos (&quot;seis&quot; em vez de 6) não contam. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex deve usar o caractere de atalho para corresponder aos caracteres do dígito
+    testString: 'assert(/\\d/.test(numRegex.source), "Your regex should use the shortcut character to match digit characters");'
+  - text: Seu regex deve usar o sinalizador global.
+    testString: 'assert(numRegex.global, "Your regex should use the global flag.");'
+  - text: Seu regex deve encontrar um dígito em <code>&quot;9&quot;</code> .
+    testString: 'assert("9".match(numRegex).length == 1, "Your regex should find 1 digit in <code>"9"</code>.");'
+  - text: Seu regex deve encontrar dois dígitos em <code>&quot;Catch 22&quot;</code> .
+    testString: 'assert("Catch 22".match(numRegex).length == 2, "Your regex should find 2 digits in <code>"Catch 22"</code>.");'
+  - text: Seu regex deve encontrar 3 dígitos em <code>&quot;101 Dalmatians&quot;</code> .
+    testString: 'assert("101 Dalmatians".match(numRegex).length == 3, "Your regex should find 3 digits in <code>"101 Dalmatians"</code>.");'
+  - text: 'Seu regex não deve encontrar dígitos em <code>&quot;One, Two, Three&quot;</code> .'
+    testString: 'assert("One, Two, Three".match(numRegex) == null, "Your regex should find no digits in <code>"One, Two, Three"</code>.");'
+  - text: Seu regex deve encontrar 2 dígitos em <code>&quot;21 Jump Street&quot;</code> .
+    testString: 'assert("21 Jump Street".match(numRegex).length == 2, "Your regex should find 2 digits in <code>"21 Jump Street"</code>.");'
+  - text: 'Seu regex deve encontrar 4 dígitos em <code>&quot;2001: A Space Odyssey&quot;</code> .'
+    testString: 'assert("2001: A Space Odyssey".match(numRegex).length == 4, "Your regex should find 4 digits in <code>"2001: A Space Odyssey"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let numString = "Your sandwich will be $5.00";
+let numRegex = /change/; // Change this line
+let result = numString.match(numRegex).length;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-anything-with-wildcard-period.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-anything-with-wildcard-period.portuguese.md
new file mode 100644
index 0000000000..262b2a2f1b
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-anything-with-wildcard-period.portuguese.md
@@ -0,0 +1,69 @@
+---
+id: 587d7db5367417b2b2512b94
+title: Match Anything with Wildcard Period
+challengeType: 1
+videoUrl: ''
+localeTitle: Combinar qualquer coisa com o período curinga
+---
+
+## Description
+<section id="description"> Às vezes você não conhece (ou não precisa) os caracteres exatos em seus padrões. Pensar em todas as palavras que combinam, digamos, um erro ortográfico levaria muito tempo. Felizmente, você pode economizar tempo usando o caractere curinga: <code>.</code> O caractere curinga <code>.</code> irá corresponder a qualquer caractere. O curinga também é chamado de <code>dot</code> e <code>period</code> . Você pode usar o caractere curinga como qualquer outro caractere na regex. Por exemplo, se você quisesse combinar <code>&quot;hug&quot;</code> , <code>&quot;huh&quot;</code> , <code>&quot;hut&quot;</code> e <code>&quot;hum&quot;</code> , você pode usar o regex <code>/hu./</code> para combinar todas as quatro palavras. <blockquote> humStr = &quot;Vou cantarolar uma canção&quot;; <br> deixe hugStr = &quot;Bear hug&quot;; <br> vamos huRegex = /hu./; <br> humStr.match (huRegex); // Retorna [&quot;hum&quot;] <br> hugStr.match (huRegex); // Retorna [&quot;abraço&quot;] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Complete o regex <code>unRegex</code> para que ele corresponda às strings <code>&quot;run&quot;</code> , <code>&quot;sun&quot;</code> , <code>&quot;fun&quot;</code> , <code>&quot;pun&quot;</code> , <code>&quot;nun&quot;</code> e <code>&quot;bun&quot;</code> . Seu regex deve usar o caractere curinga. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deve usar o método <code>.test()</code> .
+    testString: 'assert(code.match(/\.test\(.*\)/), "You should use the <code>.test()</code> method.");'
+  - text: Você deve usar o caractere curinga em seu regex <code>unRegex</code>
+    testString: 'assert(/\./.test(unRegex.source), "You should use the wildcard character in your regex <code>unRegex</code>");'
+  - text: Seu regex <code>unRegex</code> deve combinar <code>&quot;run&quot;</code> em <code>&quot;Let us go on a run.&quot;</code>
+    testString: 'assert(unRegex.test("Let us go on a run."), "Your regex <code>unRegex</code> should match <code>"run"</code> in <code>"Let us go on a run."</code>");'
+  - text: Seu regex <code>unRegex</code> deve combinar <code>&quot;sun&quot;</code> em <code>&quot;The sun is out today.&quot;</code>
+    testString: 'assert(unRegex.test("The sun is out today."), "Your regex <code>unRegex</code> should match <code>"sun"</code> in <code>"The sun is out today."</code>");'
+  - text: Seu regex <code>unRegex</code> deve combinar <code>&quot;fun&quot;</code> em <code>&quot;Coding is a lot of fun.&quot;</code>
+    testString: 'assert(unRegex.test("Coding is a lot of fun."), "Your regex <code>unRegex</code> should match <code>"fun"</code> in <code>"Coding is a lot of fun."</code>");'
+  - text: Seu regex <code>unRegex</code> deve combinar <code>&quot;pun&quot;</code> em <code>&quot;Seven days without a pun makes one weak.&quot;</code>
+    testString: 'assert(unRegex.test("Seven days without a pun makes one weak."), "Your regex <code>unRegex</code> should match <code>"pun"</code> in <code>"Seven days without a pun makes one weak."</code>");'
+  - text: Seu regex <code>unRegex</code> deve corresponder a <code>&quot;nun&quot;</code> em <code>&quot;One takes a vow to be a nun.&quot;</code>
+    testString: 'assert(unRegex.test("One takes a vow to be a nun."), "Your regex <code>unRegex</code> should match <code>"nun"</code> in <code>"One takes a vow to be a nun."</code>");'
+  - text: Seu regex <code>unRegex</code> deve coincidir com <code>&quot;bun&quot;</code> em <code>&quot;She got fired from the hot dog stand for putting her hair in a bun.&quot;</code>
+    testString: 'assert(unRegex.test("She got fired from the hot dog stand for putting her hair in a bun."), "Your regex <code>unRegex</code> should match <code>"bun"</code> in <code>"She got fired from the hot dog stand for putting her hair in a bun."</code>");'
+  - text: Seu regex <code>unRegex</code> não deve corresponder <code>&quot;There is a bug in my code.&quot;</code>
+    testString: 'assert(!unRegex.test("There is a bug in my code."), "Your regex <code>unRegex</code> should not match <code>"There is a bug in my code."</code>");'
+  - text: Seu regex <code>unRegex</code> não deve coincidir com <code>&quot;Catch me if you can.&quot;</code>
+    testString: 'assert(!unRegex.test("Can me if you can."), "Your regex <code>unRegex</code> should not match <code>"Catch me if you can."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let exampleStr = "Let's have fun with regular expressions!";
+let unRegex = /change/; // Change this line
+let result = unRegex.test(exampleStr);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-beginning-string-patterns.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-beginning-string-patterns.portuguese.md
new file mode 100644
index 0000000000..10c112dcbe
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-beginning-string-patterns.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: 587d7db7367417b2b2512b9d
+title: Match Beginning String Patterns
+challengeType: 1
+videoUrl: ''
+localeTitle: Combinar Padrões de Cordas Iniciais
+---
+
+## Description
+<section id="description"> Desafios anteriores mostraram que expressões regulares podem ser usadas para procurar um número de correspondências. Eles também são usados ​​para procurar padrões em posições específicas em strings. Em um desafio anterior, você usou o caractere <code>caret</code> ( <code>^</code> ) dentro de um <code>character set</code> para criar um <code>negated character set</code> no formato <code>[^thingsThatWillNotBeMatched]</code> . Fora de um <code>character set</code> , o <code>caret</code> é usado para procurar padrões no início das seqüências de caracteres. <blockquote> deixe firstString = &quot;Ricky é o primeiro e pode ser encontrado&quot;; <br> deixe firstRegex = / ^ Ricky /; <br> firstRegex.test (firstString); <br> // Retorna true <br> vamos notFirst = &quot;Você não pode encontrar Ricky agora.&quot;; <br> firstRegex.test (notFirst); <br> // Retorna falso </blockquote></section>
+
+## Instructions
+<section id="instructions"> Use o caractere de <code>caret</code> em um regex para localizar <code>&quot;Cal&quot;</code> apenas no início da string <code>rickyAndCal</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex deve procurar por <code>&quot;Cal&quot;</code> com uma letra maiúscula.
+    testString: 'assert(calRegex.source == "^Cal", "Your regex should search for <code>"Cal"</code> with a capital letter.");'
+  - text: Seu regex não deve usar sinalizadores.
+    testString: 'assert(calRegex.flags == "", "Your regex should not use any flags.");'
+  - text: Seu regex deve corresponder a <code>&quot;Cal&quot;</code> no início da string.
+    testString: 'assert(calRegex.test("Cal and Ricky both like racing."), "Your regex should match <code>"Cal"</code> at the beginning of the string.");'
+  - text: Seu regex não deve corresponder a <code>&quot;Cal&quot;</code> no meio de uma string.
+    testString: 'assert(!calRegex.test("Ricky and Cal both like racing."), "Your regex should not match <code>"Cal"</code> in the middle of a string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let rickyAndCal = "Cal and Ricky both like racing.";
+let calRegex = /change/; // Change this line
+let result = calRegex.test(rickyAndCal);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-one-or-more-times.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-one-or-more-times.portuguese.md
new file mode 100644
index 0000000000..06ff27be6d
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-one-or-more-times.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db6367417b2b2512b99
+title: Match Characters that Occur One or More Times
+challengeType: 1
+videoUrl: ''
+localeTitle: Corresponder caracteres que ocorrem uma ou mais vezes
+---
+
+## Description
+<section id="description"> Às vezes, você precisa corresponder a um caractere (ou grupo de caracteres) que aparece uma ou mais vezes seguidas. Isso significa que ocorre pelo menos uma vez e pode ser repetido. Você pode usar o caractere <code>+</code> para verificar se é esse o caso. Lembre-se, o personagem ou padrão deve estar presente consecutivamente. Ou seja, o personagem tem que repetir um após o outro. Por exemplo, <code>/a+/g</code> encontraria uma correspondência em <code>&quot;abc&quot;</code> e retornaria <code>[&quot;a&quot;]</code> . Por causa do <code>+</code> , ele também encontraria uma única correspondência em <code>&quot;aabc&quot;</code> e retornaria <code>[&quot;aa&quot;]</code> . Se fosse em vez verificando a string <code>&quot;abab&quot;</code> , ele iria encontrar duas partidas e retornar <code>[&quot;a&quot;, &quot;a&quot;]</code> porque os <code>a</code> personagens não estão em uma linha - há um <code>b</code> entre eles. Finalmente, como não há <code>&quot;a&quot;</code> na string <code>&quot;bcd&quot;</code> , ele não encontrará uma correspondência. </section>
+
+## Instructions
+<section id="instructions"> Você quer encontrar correspondências quando a letra <code>s</code> ocorre uma ou mais vezes em <code>&quot;Mississippi&quot;</code> . Escreva um regex que use o sinal <code>+</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex <code>myRegex</code> deve usar o sinal <code>+</code> para corresponder a um ou mais caracteres <code>s</code> .
+    testString: 'assert(/\+/.test(myRegex.source), "Your regex <code>myRegex</code> should use the <code>+</code> sign to match one or more <code>s</code> characters.");'
+  - text: Seu regex <code>myRegex</code> deve corresponder a 2 itens.
+    testString: 'assert(result.length == 2, "Your regex <code>myRegex</code> should match 2 items.");'
+  - text: A variável de <code>result</code> deve ser uma matriz com duas correspondências de <code>&quot;ss&quot;</code>
+    testString: 'assert(result[0] == "ss" && result[1] == "ss", "The <code>result</code> variable should be an array with two matches of <code>"ss"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let difficultSpelling = "Mississippi";
+let myRegex = /change/; // Change this line
+let result = difficultSpelling.match(myRegex);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-zero-or-more-times.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-zero-or-more-times.portuguese.md
new file mode 100644
index 0000000000..4ee1c7ea24
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-zero-or-more-times.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db6367417b2b2512b9a
+title: Match Characters that Occur Zero or More Times
+challengeType: 1
+videoUrl: ''
+localeTitle: Corresponder caracteres que ocorrem zero ou mais vezes
+---
+
+## Description
+<section id="description"> O último desafio usou o sinal de mais <code>+</code> para procurar caracteres que ocorrem uma ou mais vezes. Há também uma opção que corresponde a caracteres que ocorrem zero ou mais vezes. O personagem para fazer isso é o <code>asterisk</code> ou <code>star</code> : <code>*</code> . <blockquote> deixe soccerWord = &quot;gooooooooal!&quot;; <br> deixe gPhrase = &quot;pressentimento&quot;; <br> deixe ophrase = &quot;sobre a lua&quot;; <br> deixe irRegex = / go * /; <br> soccerWord.match (goRegex); // Retorna [&quot;goooooooo&quot;] <br> gPhrase.match (goRegex); // Retorna [&quot;g&quot;] <br> oPhrase.match (goRegex); // Retorna nulo </blockquote></section>
+
+## Instructions
+<section id="instructions"> Crie um regex <code>chewieRegex</code> que use o caractere <code>*</code> para corresponder a todos os caracteres <code>&quot;a&quot;</code> superiores e inferiores em <code>chewieQuote</code> . Seu regex não precisa de sinalizadores e não deve corresponder a nenhuma das outras citações. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex <code>chewieRegex</code> deve usar o <code>*</code> caracteres para corresponder zero ou mais <code>a</code> caracteres.
+    testString: 'assert(/\*/.test(chewieRegex.source), "Your regex <code>chewieRegex</code> should use the <code>*</code> character to match zero or more <code>a</code> characters.");'
+  - text: ''
+    testString: 'assert(result[0].length === 16, "Your regex <code>chewieRegex</code> should match 16 characters.");'
+  - text: Seu regex deve corresponder <code>&quot;Aaaaaaaaaaaaaaaa&quot;</code> .
+    testString: 'assert(result[0] === "Aaaaaaaaaaaaaaaa", "Your regex should match <code>"Aaaaaaaaaaaaaaaa"</code>.");'
+  - text: 'Seu regex não deve corresponder a nenhum personagem em <code>&quot;He made a fair move. Screaming about it can&#39;t help you.&quot;</code>'
+    testString: 'assert(!"He made a fair move. Screaming about it can\"t help you.".match(chewieRegex), "Your regex should not match any characters in <code>"He made a fair move. Screaming about it can&#39t help you."</code>");'
+  - text: 'Seu regex não deve corresponder a nenhum caractere em <code>&quot;Let him have it. It&#39;s not wise to upset a Wookiee.&quot;</code>'
+    testString: 'assert(!"Let him have it. It\"s not wise to upset a Wookiee.".match(chewieRegex), "Your regex should not match any characters in <code>"Let him have it. It&#39s not wise to upset a Wookiee."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let chewieQuote = "Aaaaaaaaaaaaaaaarrrgh!";
+let chewieRegex = /change/; // Change this line
+let result = chewieQuote.match(chewieRegex);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-ending-string-patterns.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-ending-string-patterns.portuguese.md
new file mode 100644
index 0000000000..bd51e7b28f
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-ending-string-patterns.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db7367417b2b2512b9e
+title: Match Ending String Patterns
+challengeType: 1
+videoUrl: ''
+localeTitle: Padrões de Sequência de Correspondência Final
+---
+
+## Description
+<section id="description"> No último desafio, você aprendeu a usar o caractere de <code>caret</code> para procurar padrões no início das seqüências de caracteres. Há também uma maneira de procurar padrões no final das strings. Você pode pesquisar o final das strings usando o caractere de <code>dollar sign</code> <code>$</code> no final da regex. <blockquote> deixe theEnding = &quot;Esta é uma história sem fim&quot;; <br> deixe storyRegex = / story $ /; <br> storyRegex.test (theEnding); <br> // Retorna true <br> deixe noEnding = &quot;Às vezes uma história terá que terminar&quot;; <br> storyRegex.test (noEnding); <br> // Retorna falso <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Use o caractere de âncora ( <code>$</code> ) para combinar com a string <code>&quot;caboose&quot;</code> no final do <code>caboose</code> string. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deve procurar por <code>&quot;caboose&quot;</code> com o cifrão <code>$</code> anchor no seu regex.
+    testString: 'assert(lastRegex.source == "caboose$", "You should search for <code>"caboose"</code> with the dollar sign <code>$</code> anchor in your regex.");'
+  - text: Seu regex não deve usar sinalizadores.
+    testString: 'assert(lastRegex.flags == "", "Your regex should not use any flags.");'
+  - text: Você deve combinar <code>&quot;caboose&quot;</code> no final da corda <code>&quot;The last car on a train is the caboose&quot;</code>
+    testString: 'assert(lastRegex.test("The last car on a train is the caboose"), "You should match <code>"caboose"</code> at the end of the string <code>"The last car on a train is the caboose"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let caboose = "The last car on a train is the caboose";
+let lastRegex = /change/; // Change this line
+let result = lastRegex.test(caboose);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-everything-but-letters-and-numbers.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-everything-but-letters-and-numbers.portuguese.md
new file mode 100644
index 0000000000..e61f383169
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-everything-but-letters-and-numbers.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7db8367417b2b2512ba0
+title: Match Everything But Letters and Numbers
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Combine tudo, mas letras e números'
+---
+
+## Description
+<section id="description"> Você aprendeu que pode usar um atalho para corresponder a alfanuméricos <code>[A-Za-z0-9_]</code> usando <code>\w</code> . Um padrão natural que você pode querer pesquisar é o oposto de alfanuméricos. Você pode procurar o oposto do <code>\w</code> com <code>\W</code> Note que o padrão oposto usa uma letra maiúscula. Este atalho é o mesmo que <code>[^A-Za-z0-9_]</code> . <blockquote> deixe shortHand = / \ W /; <br> deixar números = &quot;42%&quot;; <br> vamos sentenciar = &quot;Codificação!&quot;; <br> numbers.match (shortHand); // Retorna [&quot;%&quot;] <br> sentence.match (shortHand); // Retorna [&quot;!&quot;] <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Use a classe de caractere abreviada <code>\W</code> para contar o número de caracteres não alfanuméricos em várias aspas e cadeias de caracteres. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex deve usar o sinalizador global.
+    testString: 'assert(nonAlphabetRegex.global, "Your regex should use the global flag.");'
+  - text: Seu regex deve encontrar 6 caracteres não-alfanuméricos em <code>&quot;The five boxing wizards jump quickly.&quot;</code> .
+    testString: 'assert("The five boxing wizards jump quickly.".match(nonAlphabetRegex).length == 6, "Your regex should find 6 non-alphanumeric characters in <code>"The five boxing wizards jump quickly."</code>.");'
+  - text: Seu regex deve usar o caractere abreviado.
+    testString: 'assert(/\\W/.test(nonAlphabetRegex.source), "Your regex should use the shorthand character to match characters which are non-alphanumeric.");'
+  - text: Seu regex deve encontrar 8 caracteres não-alfanuméricos em <code>&quot;Pack my box with five dozen liquor jugs.&quot;</code>
+    testString: 'assert("Pack my box with five dozen liquor jugs.".match(nonAlphabetRegex).length == 8, "Your regex should find 8 non-alphanumeric characters in <code>"Pack my box with five dozen liquor jugs."</code>");'
+  - text: Seu regex deve encontrar 6 caracteres não-alfanuméricos em <code>&quot;How vexingly quick daft zebras jump!&quot;</code>
+    testString: 'assert("How vexingly quick daft zebras jump!".match(nonAlphabetRegex).length == 6, "Your regex should find 6 non-alphanumeric characters in <code>"How vexingly quick daft zebras jump!"</code>");'
+  - text: Seu regex deve encontrar 12 caracteres não-alfanuméricos em <code>&quot;123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.&quot;</code>
+    testString: 'assert("123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.".match(nonAlphabetRegex).length == 12, "Your regex should find 12 non-alphanumeric characters in <code>"123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "The five boxing wizards jump quickly.";
+let nonAlphabetRegex = /change/; // Change this line
+let result = quoteSample.match(nonAlphabetRegex).length;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-letters-of-the-alphabet.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-letters-of-the-alphabet.portuguese.md
new file mode 100644
index 0000000000..b558e454a3
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-letters-of-the-alphabet.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db5367417b2b2512b96
+title: Match Letters of the Alphabet
+challengeType: 1
+videoUrl: ''
+localeTitle: Correspondência de letras do alfabeto
+---
+
+## Description
+<section id="description"> Você viu como é possível usar <code>character sets</code> para especificar um grupo de caracteres a serem correspondidos, mas isso é muita digitação quando você precisa corresponder a um grande intervalo de caracteres (por exemplo, todas as letras do alfabeto). Felizmente, há um recurso embutido que torna isso simples e curto. Dentro de um <code>character set</code> , você pode definir um intervalo de caracteres para corresponder usando um caractere de <code>hyphen</code> : <code>-</code> . Por exemplo, para corresponder letras minúsculas de <code>a</code> até <code>e</code> você usaria <code>[ae]</code> . <blockquote> deixe catStr = &quot;cat&quot;; <br> deixe batStr = &quot;bat&quot;; <br> let matStr = &quot;mat&quot;; <br> deixe bgRegex = / [ae] em /; <br> catStr.match (bgRegex); // Retorna [&quot;gato&quot;] <br> batStr.match (bgRegex); // Retorna [&quot;bat&quot;] <br> matStr.match (bgRegex); // Retorna nulo </blockquote></section>
+
+## Instructions
+<section id="instructions"> Corresponder todas as letras da string <code>quoteSample</code> . <strong>Nota</strong> <br> Certifique-se de combinar as letras <strong>maiúsculas</strong> e minúsculas <strong><strong>.</strong></strong> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex <code>alphabetRegex</code> deve corresponder a 35 itens.
+    testString: 'assert(result.length == 35, "Your regex <code>alphabetRegex</code> should match 35 items.");'
+  - text: Seu regex <code>alphabetRegex</code> deve usar o sinalizador global.
+    testString: 'assert(alphabetRegex.flags.match(/g/).length == 1, "Your regex <code>alphabetRegex</code> should use the global flag.");'
+  - text: Seu regex <code>alphabetRegex</code> deve usar o sinalizador insensível a maiúsculas e minúsculas.
+    testString: 'assert(alphabetRegex.flags.match(/i/).length == 1, "Your regex <code>alphabetRegex</code> should use the case insensitive flag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "The quick brown fox jumps over the lazy dog.";
+let alphabetRegex = /change/; // Change this line
+let result = alphabetRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-literal-strings.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-literal-strings.portuguese.md
new file mode 100644
index 0000000000..08cf74aa11
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-literal-strings.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db3367417b2b2512b8f
+title: Match Literal Strings
+challengeType: 1
+videoUrl: ''
+localeTitle: Combinar cordas literais
+---
+
+## Description
+<section id="description"> No último desafio, você pesquisou a palavra <code>&quot;Hello&quot;</code> usando a expressão regular <code>/Hello/</code> . Essa regex procurou por uma correspondência literal da string <code>&quot;Hello&quot;</code> . Aqui está outro exemplo em busca de uma correspondência literal da string <code>&quot;Kevin&quot;</code> : <blockquote> deixe testStr = &quot;Olá, meu nome é Kevin.&quot;; <br> deixe testRegex = / Kevin /; <br> testRegex.test (testStr); <br> // Retorna true </blockquote> Qualquer outra forma de <code>&quot;Kevin&quot;</code> não será igual. Por exemplo, o regex <code>/Kevin/</code> não coincidirá com <code>&quot;kevin&quot;</code> ou <code>&quot;KEVIN&quot;</code> . <blockquote> vamos wrongRegex = / kevin /; <br> wrongRegex.test (testStr); <br> // Retorna falso </blockquote> Um desafio futuro mostrará como combinar esses outros formulários também. </section>
+
+## Instructions
+<section id="instructions"> Complete o regex <code>waldoRegex</code> para encontrar <code>&quot;Waldo&quot;</code> na string <code>waldoIsHiding</code> com uma correspondência literal. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex <code>waldoRegex</code> deve encontrar <code>&quot;Waldo&quot;</code>
+    testString: 'assert(waldoRegex.test(waldoIsHiding), "Your regex <code>waldoRegex</code> should find <code>"Waldo"</code>");'
+  - text: Seu regex <code>waldoRegex</code> não deve procurar por mais nada.
+    testString: 'assert(!waldoRegex.test("Somewhere is hiding in this text."), "Your regex <code>waldoRegex</code> should not search for anything else.");'
+  - text: Você deve executar uma correspondência literal de string com sua regex.
+    testString: 'assert(!/\/.*\/i/.test(code), "You should perform a literal string match with your regex.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let waldoIsHiding = "Somewhere Waldo is hiding in this text.";
+let waldoRegex = /search/; // Change this line
+let result = waldoRegex.test(waldoIsHiding);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-non-whitespace-characters.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-non-whitespace-characters.portuguese.md
new file mode 100644
index 0000000000..97bfe42e9f
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-non-whitespace-characters.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db9367417b2b2512ba4
+title: Match Non-Whitespace Characters
+challengeType: 1
+videoUrl: ''
+localeTitle: Corresponder Personagens Não-Brancos
+---
+
+## Description
+<section id="description"> Você aprendeu sobre a pesquisa de espaço em branco usando <code>\s</code> , com um <code>s</code> minúsculo. Você também pode pesquisar tudo, exceto o espaço em branco. Procure por espaços não brancos usando <code>\S</code> , que é um <code>s</code> maiúsculo. Esse padrão não corresponderá a espaço em branco, retorno de carro, guia, feed de formulário e novos caracteres de linha. Você pode pensar que é semelhante à classe de caracteres <code>[^ \r\t\f\n\v]</code> . <blockquote> let whiteSpace = &quot;Espaço em branco. Espaço em branco em todo lugar!&quot; <br> deixe nonSpaceRegex = / \ S / g; <br> whiteSpace.match (nonSpaceRegex) .length; // retorna 32 </blockquote></section>
+
+## Instructions
+<section id="instructions"> Altere o <code>countNonWhiteSpace</code> da regex para procurar vários caracteres que não sejam espaços em branco em uma string. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex deve usar o sinalizador global.
+    testString: 'assert(countNonWhiteSpace.global, "Your regex should use the global flag.");'
+  - text: Seu regex deve usar o caractere abreviado
+    testString: 'assert(/\\S/.test(countNonWhiteSpace.source), "Your regex should use the shorthand character <code>\S/code> to match all non-whitespace characters.");'
+  - text: Seu regex deve encontrar 35 não-espaços em <code>&quot;Men are from Mars and women are from Venus.&quot;</code>
+    testString: 'assert("Men are from Mars and women are from Venus.".match(countNonWhiteSpace).length == 35, "Your regex should find 35 non-spaces in <code>"Men are from Mars and women are from Venus."</code>");'
+  - text: 'Seu regex deve encontrar 23 espaços diferentes em <code>&quot;Space: the final frontier.&quot;</code>'
+    testString: 'assert("Space: the final frontier.".match(countNonWhiteSpace).length == 23, "Your regex should find 23 non-spaces in <code>"Space: the final frontier."</code>");'
+  - text: Seu regex deve encontrar 21 não espaços em <code>&quot;MindYourPersonalSpace&quot;</code>
+    testString: 'assert("MindYourPersonalSpace".match(countNonWhiteSpace).length == 21, "Your regex should find 21 non-spaces in <code>"MindYourPersonalSpace"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let sample = "Whitespace is important in separating words";
+let countNonWhiteSpace = /change/; // Change this line
+let result = sample.match(countNonWhiteSpace);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-numbers-and-letters-of-the-alphabet.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-numbers-and-letters-of-the-alphabet.portuguese.md
new file mode 100644
index 0000000000..4e056f800e
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-numbers-and-letters-of-the-alphabet.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db5367417b2b2512b97
+title: Match Numbers and Letters of the Alphabet
+challengeType: 1
+videoUrl: ''
+localeTitle: Corresponder números e letras do alfabeto
+---
+
+## Description
+<section id="description"> Usar o hífen ( <code>-</code> ) para corresponder a um intervalo de caracteres não está limitado a letras. Ele também funciona para corresponder a um intervalo de números. Por exemplo, <code>/[0-5]/</code> corresponde a qualquer número entre <code>0</code> e <code>5</code> , incluindo <code>0</code> e <code>5</code> . Além disso, é possível combinar um intervalo de letras e números em um único conjunto de caracteres. <blockquote> deixe jennyStr = &quot;Jenny8675309&quot;; <br> deixe myRegex = / [a-z0-9] / ig; <br> // combina todas as letras e números em jennyStr <br> jennyStr.match (myRegex); </blockquote></section>
+
+## Instructions
+<section id="instructions"> Crie um único regex que corresponda a um intervalo de letras entre <code>h</code> <code>s</code> e um intervalo de números entre <code>2</code> e <code>6</code> . Lembre-se de incluir os sinalizadores apropriados na regex. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex <code>myRegex</code> deve corresponder a 17 itens.
+    testString: 'assert(result.length == 17, "Your regex <code>myRegex</code> should match 17 items.");'
+  - text: Seu regex <code>myRegex</code> deve usar o sinalizador global.
+    testString: 'assert(myRegex.flags.match(/g/).length == 1, "Your regex <code>myRegex</code> should use the global flag.");'
+  - text: Seu regex <code>myRegex</code> deve usar o sinalizador insensível a maiúsculas e minúsculas.
+    testString: 'assert(myRegex.flags.match(/i/).length == 1, "Your regex <code>myRegex</code> should use the case insensitive flag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "Blueberry 3.141592653s are delicious.";
+let myRegex = /change/; // Change this line
+let result = myRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-character-with-multiple-possibilities.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-character-with-multiple-possibilities.portuguese.md
new file mode 100644
index 0000000000..8ea9d04765
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-character-with-multiple-possibilities.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db5367417b2b2512b95
+title: Match Single Character with Multiple Possibilities
+challengeType: 1
+videoUrl: ''
+localeTitle: Corresponder personagem único com várias possibilidades
+---
+
+## Description
+<section id="description"> Você aprendeu como combinar padrões literais ( <code>/literal/</code> ) e caractere curinga ( <code>/./</code> ). Esses são os extremos de expressões regulares, onde se encontram correspondências exatas e o outro combina tudo. Existem opções que são um equilíbrio entre os dois extremos. Você pode procurar por um padrão literal com alguma flexibilidade com <code>character classes</code> . As classes de caracteres permitem que você defina um grupo de caracteres que deseja corresponder colocando-os dentro de colchetes ( <code>[</code> e <code>]</code> ). Por exemplo, você quer combinar <code>&quot;bag&quot;</code> , <code>&quot;big&quot;</code> e <code>&quot;bug&quot;</code> mas não <code>&quot;bog&quot;</code> . Você pode criar o regex <code>/b[aiu]g/</code> para fazer isso. O <code>[aiu]</code> é a classe de caracteres que corresponde apenas aos caracteres <code>&quot;a&quot;</code> , <code>&quot;i&quot;</code> ou <code>&quot;u&quot;</code> . <blockquote> deixe bigStr = &quot;grande&quot;; <br> vamos bagStr = &quot;bag&quot;; <br> deixe bugStr = &quot;bug&quot;; <br> deixe bogStr = &quot;bog&quot;; <br> deixe bgRegex = / b [aiu] g /; <br> bigStr.match (bgRegex); // Retorna [&quot;grande&quot;] <br> bagStr.match (bgRegex); // Retorna [&quot;bag&quot;] <br> bugStr.match (bgRegex); // Retorna [&quot;bug&quot;] <br> bogStr.match (bgRegex); // Retorna nulo </blockquote></section>
+
+## Instructions
+<section id="instructions"> Use uma classe de caractere com vogais ( <code>a</code> , <code>e</code> , <code>i</code> , <code>o</code> , <code>u</code> ) em seu regex <code>vowelRegex</code> para encontrar todas as vogais na string <code>quoteSample</code> . <strong>Nota</strong> <br> Certifique-se de combinar as vogais maiúsculas e minúsculas. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deve encontrar todas as 25 vogais.
+    testString: 'assert(result.length == 25, "You should find all 25 vowels.");'
+  - text: Seu regex <code>vowelRegex</code> deve usar uma classe de caracteres.
+    testString: 'assert(/\[.*\]/.test(vowelRegex.source), "Your regex <code>vowelRegex</code> should use a character class.");'
+  - text: Seu regex <code>vowelRegex</code> deve usar o sinalizador global.
+    testString: 'assert(vowelRegex.flags.match(/g/).length == 1, "Your regex <code>vowelRegex</code> should use the global flag.");'
+  - text: Seu regex <code>vowelRegex</code> deve usar o sinalizador insensível a maiúsculas e minúsculas.
+    testString: 'assert(vowelRegex.flags.match(/i/).length == 1, "Your regex <code>vowelRegex</code> should use the case insensitive flag.");'
+  - text: Seu regex não deve corresponder a nenhuma consoante.
+    testString: 'assert(!/[b-df-hj-np-tv-z]/gi.test(result.join()), "Your regex should not match any consonants.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "Beware of bugs in the above code; I have only proved it correct, not tried it.";
+let vowelRegex = /change/; // Change this line
+let result = vowelRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-characters-not-specified.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-characters-not-specified.portuguese.md
new file mode 100644
index 0000000000..145642d7e4
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-characters-not-specified.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db6367417b2b2512b98
+title: Match Single Characters Not Specified
+challengeType: 1
+videoUrl: ''
+localeTitle: Combinar Caracteres Únicos Não Especificados
+---
+
+## Description
+<section id="description"> Até agora, você criou um conjunto de caracteres que deseja corresponder, mas também pode criar um conjunto de caracteres que não deseja corresponder. Esses tipos de conjuntos de caracteres são chamados de <code>negated character sets</code> . Para criar um <code>negated character set</code> , coloque um caractere de <code>caret</code> ( <code>^</code> ) após o colchete de abertura e antes dos caracteres que você não deseja corresponder. Por exemplo, <code>/[^aeiou]/gi</code> combina todos os caracteres que não são uma vogal. Note que os personagens gostam <code>.</code> <code>!</code> , <code>[</code> , <code>@</code> , <code>/</code> E espaço em branco são combinados - o personagem vogal negada só definir exclui os caracteres de vogais. </section>
+
+## Instructions
+<section id="instructions"> Crie um único regex que corresponda a todos os caracteres que não sejam um número ou uma vogal. Lembre-se de incluir os sinalizadores apropriados na regex. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex <code>myRegex</code> deve corresponder a 9 itens.
+    testString: 'assert(result.length == 9, "Your regex <code>myRegex</code> should match 9 items.");'
+  - text: Seu regex <code>myRegex</code> deve usar o sinalizador global.
+    testString: 'assert(myRegex.flags.match(/g/).length == 1, "Your regex <code>myRegex</code> should use the global flag.");'
+  - text: Seu regex <code>myRegex</code> deve usar o sinalizador insensível a maiúsculas e minúsculas.
+    testString: 'assert(myRegex.flags.match(/i/).length == 1, "Your regex <code>myRegex</code> should use the case insensitive flag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "3 blind mice.";
+let myRegex = /change/; // Change this line
+let result = myRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-whitespace.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-whitespace.portuguese.md
new file mode 100644
index 0000000000..56969d91d6
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/match-whitespace.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db8367417b2b2512ba3
+title: Match Whitespace
+challengeType: 1
+videoUrl: ''
+localeTitle: Corresponder espaço em branco
+---
+
+## Description
+<section id="description"> Os desafios até agora cobriram letras correspondentes do alfabeto e números. Você também pode combinar o espaço em branco ou os espaços entre as letras. Você pode procurar espaços em branco usando <code>\s</code> , que é um <code>s</code> minúsculo. Esse padrão não apenas corresponde ao espaço em branco, mas também ao retorno de carro, à guia, ao feed de formulário e aos novos caracteres de linha. Você pode pensar nisso como semelhante à classe de caracteres <code>[ \r\t\f\n\v]</code> . <blockquote> let whiteSpace = &quot;Espaço em branco. Espaço em branco em todo lugar!&quot; <br> deixe spaceRegex = / \ s / g; <br> whiteSpace.match (spaceRegex); <br> // Retorna [&quot;&quot;, &quot;&quot;] <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Altere o regex <code>countWhiteSpace</code> para procurar vários caracteres de espaço em branco em uma string. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex deve usar o sinalizador global.
+    testString: 'assert(countWhiteSpace.global, "Your regex should use the global flag.");'
+  - text: Seu regex deve usar o caractere abreviado
+    testString: 'assert(/\\s/.test(countWhiteSpace.source), "Your regex should use the shorthand character <code>\s</code> to match all whitespace characters.");'
+  - text: Seu regex deve encontrar oito espaços em <code>&quot;Men are from Mars and women are from Venus.&quot;</code>
+    testString: 'assert("Men are from Mars and women are from Venus.".match(countWhiteSpace).length == 8, "Your regex should find eight spaces in <code>"Men are from Mars and women are from Venus."</code>");'
+  - text: 'Seu regex deve encontrar três espaços em <code>&quot;Space: the final frontier.&quot;</code>'
+    testString: 'assert("Space: the final frontier.".match(countWhiteSpace).length == 3, "Your regex should find three spaces in <code>"Space: the final frontier."</code>");'
+  - text: Seu regex não deve encontrar espaços em <code>&quot;MindYourPersonalSpace&quot;</code>
+    testString: 'assert("MindYourPersonalSpace".match(countWhiteSpace) == null, "Your regex should find no spaces in <code>"MindYourPersonalSpace"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let sample = "Whitespace is important in separating words";
+let countWhiteSpace = /change/; // Change this line
+let result = sample.match(countWhiteSpace);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/positive-and-negative-lookahead.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/positive-and-negative-lookahead.portuguese.md
new file mode 100644
index 0000000000..15e6d9a615
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/positive-and-negative-lookahead.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: 587d7dba367417b2b2512ba9
+title: Positive and Negative Lookahead
+challengeType: 1
+videoUrl: ''
+localeTitle: Lookahead positivo e negativo
+---
+
+## Description
+<section id="description"> <code>Lookaheads</code> são padrões que dizem ao JavaScript para olhar em frente na sua string para verificar padrões mais adiante. Isso pode ser útil quando você deseja pesquisar vários padrões na mesma sequência. Existem dois tipos de <code>lookaheads</code> : <code>positive lookahead</code> e <code>negative lookahead</code> . Uma <code>positive lookahead</code> procurará garantir que o elemento no padrão de pesquisa esteja presente, mas não corresponderá a ele. Um lookahead positivo é usado como <code>(?=...)</code> onde o <code>...</code> é a parte requerida que não é correspondida. Por outro lado, um <code>negative lookahead</code> procurará garantir que o elemento no padrão de pesquisa não esteja lá. Um lookahead negativo é usado como <code>(?!...)</code> onde o <code>...</code> é o padrão que você não deseja estar lá. O restante do padrão será retornado se a parte lookahead negativa não estiver presente. Lookaheads são um pouco confusos, mas alguns exemplos vão ajudar. <blockquote> let quit = &quot;qu&quot;; <br> deixe noquit = &quot;qt&quot;; <br> deixe quRegex = / q (? = u) /; <br> deixe qRegex = / q (?! u) /; <br> quit.match (quRegex); // Retorna [&quot;q&quot;] <br> noquit.match (qRegex); // Retorna [&quot;q&quot;] </blockquote> Um uso mais prático de <code>lookaheads</code> é verificar dois ou mais padrões em uma string. Aqui está um verificador de senha (ingenuamente) simples que procura entre 3 e 6 caracteres e pelo menos um número: <blockquote> let password = &quot;abc123&quot;; <br> vamos checkPass = / (? = \ w {3,6}) (? = \ D * \ d) /; <br> checkPass.test (senha); // Retorna true </blockquote></section>
+
+## Instructions
+<section id="instructions"> Use <code>lookaheads</code> no <code>pwRegex</code> para corresponder senhas com mais de 5 caracteres e dois dígitos consecutivos. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex deve usar dois positivos <code>lookaheads</code> .
+    testString: 'assert(pwRegex.source.match(/\(\?=.*?\)\(\?=.*?\)/) !== null, "Your regex should use two positive <code>lookaheads</code>.");'
+  - text: Seu regex não deve corresponder a <code>&quot;astronaut&quot;</code>
+    testString: 'assert(!pwRegex.test("astronaut"), "Your regex should not match <code>"astronaut"</code>");'
+  - text: Seu regex não deve corresponder a <code>&quot;airplanes&quot;</code>
+    testString: 'assert(!pwRegex.test("airplanes"), "Your regex should not match <code>"airplanes"</code>");'
+  - text: Seu regex não deve coincidir com <code>&quot;banan1&quot;</code>
+    testString: 'assert(!pwRegex.test("banan1"), "Your regex should not match <code>"banan1"</code>");'
+  - text: Seu regex deve coincidir com <code>&quot;bana12&quot;</code>
+    testString: 'assert(pwRegex.test("bana12"), "Your regex should match <code>"bana12"</code>");'
+  - text: Seu regex deve coincidir com <code>&quot;abc123&quot;</code>
+    testString: 'assert(pwRegex.test("abc123"), "Your regex should match <code>"abc123"</code>");'
+  - text: Seu regex não deve corresponder a <code>&quot;123&quot;</code>
+    testString: 'assert(!pwRegex.test("123"), "Your regex should not match <code>"123"</code>");'
+  - text: Seu regex não deve corresponder a <code>&quot;1234&quot;</code>
+    testString: 'assert(!pwRegex.test("1234"), "Your regex should not match <code>"1234"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let sampleWord = "astronaut";
+let pwRegex = /change/; // Change this line
+let result = pwRegex.test(sampleWord);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/remove-whitespace-from-start-and-end.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/remove-whitespace-from-start-and-end.portuguese.md
new file mode 100644
index 0000000000..998a855a1a
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/remove-whitespace-from-start-and-end.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 587d7dbb367417b2b2512bac
+title: Remove Whitespace from Start and End
+challengeType: 1
+videoUrl: ''
+localeTitle: Remova o espaço em branco do início e do fim
+---
+
+## Description
+<section id="description"> Às vezes, caracteres em branco ao redor de strings não são desejados, mas estão lá. O processamento típico de strings é remover o espaço em branco no início e no final dele. </section>
+
+## Instructions
+<section id="instructions"> Escreva um regex e use os métodos de string apropriados para remover os espaços em branco no início e no final das strings. <strong>Nota</strong> <br> O método <code>.trim()</code> funcionaria aqui, mas você precisará concluir esse desafio usando expressões regulares. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>result</code> deve ser igual a <code>&quot;Hello, World!&quot;</code>'
+    testString: 'assert(result == "Hello, World!", "<code>result</code> should equal to <code>"Hello, World!"</code>");'
+  - text: Você não deve usar o método <code>.trim()</code> .
+    testString: 'assert(!code.match(/\.trim\(.*?\)/), "You should not use the <code>.trim()</code> method.");'
+  - text: A variável de <code>result</code> não deve ser igual a uma string.
+    testString: 'assert(!code.match(/result\s*=\s*".*?"/), "The <code>result</code> variable should not be set equal to a string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let hello = "   Hello, World!  ";
+let wsRegex = /change/; // Change this line
+let result = hello; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/restrict-possible-usernames.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/restrict-possible-usernames.portuguese.md
new file mode 100644
index 0000000000..9afbba8a1f
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/restrict-possible-usernames.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7db8367417b2b2512ba2
+title: Restrict Possible Usernames
+challengeType: 1
+videoUrl: ''
+localeTitle: Restringir nomes de usuário possíveis
+---
+
+## Description
+<section id="description"> Os nomes de usuários são usados ​​em toda a internet. Eles são o que dão aos usuários uma identidade única em seus sites favoritos. Você precisa verificar todos os nomes de usuários em um banco de dados. Aqui estão algumas regras simples que os usuários devem seguir ao criar seu nome de usuário. 1) Os únicos números no nome de usuário devem estar no final. Pode haver zero ou mais deles no final. 2) As letras do nome de usuário podem ser minúsculas e maiúsculas. 3) Nomes de usuários devem ter pelo menos dois caracteres. Um nome de usuário de duas letras só pode usar caracteres alfabéticos. </section>
+
+## Instructions
+<section id="instructions"> Altere o regex <code>userCheck</code> para ajustar as restrições listadas acima. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex deve corresponder ao <code>JACK</code>
+    testString: 'assert(userCheck.test("JACK"), "Your regex should match <code>JACK</code>");'
+  - text: Seu regex não deve corresponder a <code>J</code>
+    testString: 'assert(!userCheck.test("J"), "Your regex should not match <code>J</code>");'
+  - text: Seu regex deve corresponder a <code>Oceans11</code>
+    testString: 'assert(userCheck.test("Oceans11"), "Your regex should match <code>Oceans11</code>");'
+  - text: Seu regex deve corresponder ao <code>RegexGuru</code>
+    testString: 'assert(userCheck.test("RegexGuru"), "Your regex should match <code>RegexGuru</code>");'
+  - text: Seu regex não deve corresponder a <code>007</code>
+    testString: 'assert(!userCheck.test("007"), "Your regex should not match <code>007</code>");'
+  - text: Seu regex não deve corresponder a <code>9</code>
+    testString: 'assert(!userCheck.test("9"), "Your regex should not match <code>9</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let username = "JackOfAllTrades";
+let userCheck = /change/; // Change this line
+let result = userCheck.test(username);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.portuguese.md
new file mode 100644
index 0000000000..37bf9eb70b
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.portuguese.md
@@ -0,0 +1,69 @@
+---
+id: 587d7dbb367417b2b2512baa
+title: Reuse Patterns Using Capture Groups
+challengeType: 1
+videoUrl: ''
+localeTitle: Reutilizar padrões usando grupos de captura
+---
+
+## Description
+<section id="description"> Alguns padrões que você procura irão ocorrer várias vezes em uma string. É um desperdício repetir manualmente esse regex. Existe uma maneira melhor de especificar quando você tem várias substrings de repetição em sua string. Você pode pesquisar substrings de repetição usando <code>capture groups</code> . Parênteses, <code>(</code> e <code>)</code> , são usados ​​para encontrar substrings de repetição. Você coloca o regex do padrão que será repetido entre os parênteses. Para especificar onde essa sequência de repetição aparecerá, use uma barra invertida ( <code>\</code> ) e, em seguida, um número. Esse número começa em 1 e aumenta com cada grupo de captura adicional usado. Um exemplo seria <code>\1</code> para corresponder ao primeiro grupo. O exemplo abaixo corresponde a qualquer palavra que ocorre duas vezes separada por um espaço: <blockquote> let repeatStr = &quot;regex regex&quot;; <br> deixe o repeatRegex = / (\ w +) \ s \ 1 /; <br> repeatRegex.test (repeatStr); // Retorna true <br> repeatStr.match (repeatRegex); // Retorna [&quot;regex regex&quot;, &quot;regex&quot;] </blockquote> Usar o método <code>.match()</code> em uma string retornará uma matriz com a string correspondente, junto com seu grupo de captura. </section>
+
+## Instructions
+<section id="instructions"> Use <code>capture groups</code> em <code>reRegex</code> para corresponder números que são repetidos apenas três vezes em uma cadeia, cada um separado por um espaço. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex deve usar a classe de caractere abreviada para dígitos.
+    testString: 'assert(reRegex.source.match(/\\d/), "Your regex should use the shorthand character class for digits.");'
+  - text: Seu regex deve reutilizar o grupo de captura duas vezes.
+    testString: 'assert(reRegex.source.match(/\\\d/g).length === 2, "Your regex should reuse the capture group twice.");'
+  - text: Seu regex deve ter dois espaços separando os três números.
+    testString: 'assert(reRegex.source.match(/\\s/g).length === 2, "Your regex should have two spaces separating the three numbers.");'
+  - text: Seu regex deve corresponder <code>&quot;42 42 42&quot;</code> .
+    testString: 'assert(reRegex.test("42 42 42"), "Your regex should match <code>"42 42 42"</code>.");'
+  - text: Seu regex deve corresponder a <code>&quot;100 100 100&quot;</code> .
+    testString: 'assert(reRegex.test("100 100 100"), "Your regex should match <code>"100 100 100"</code>.");'
+  - text: Seu regex não deve corresponder a <code>&quot;42 42 42 42&quot;</code> .
+    testString: 'assert.equal(("42 42 42 42").match(reRegex.source), null, "Your regex should not match <code>"42 42 42 42"</code>.");'
+  - text: Seu regex não deve corresponder a <code>&quot;42 42&quot;</code> .
+    testString: 'assert.equal(("42 42").match(reRegex.source), null, "Your regex should not match <code>"42 42"</code>.");'
+  - text: Seu regex não deve coincidir com <code>&quot;101 102 103&quot;</code> .
+    testString: 'assert(!reRegex.test("101 102 103"), "Your regex should not match <code>"101 102 103"</code>.");'
+  - text: Seu regex não deve corresponder a <code>&quot;1 2 3&quot;</code> .
+    testString: 'assert(!reRegex.test("1 2 3"), "Your regex should not match <code>"1 2 3"</code>.");'
+  - text: Seu regex deve coincidir com <code>&quot;10 10 10&quot;</code> .
+    testString: 'assert(reRegex.test("10 10 10"), "Your regex should match <code>"10 10 10"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let repeatNum = "42 42 42";
+let reRegex = /change/; // Change this line
+let result = reRegex.test(repeatNum);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-exact-number-of-matches.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-exact-number-of-matches.portuguese.md
new file mode 100644
index 0000000000..1c0eda5836
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-exact-number-of-matches.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 587d7db9367417b2b2512ba7
+title: Specify Exact Number of Matches
+challengeType: 1
+videoUrl: ''
+localeTitle: Especifique o Número Exato de Correspondências
+---
+
+## Description
+<section id="description"> Você pode especificar o número inferior e superior de padrões com <code>quantity specifiers</code> usando chaves. Às vezes você só quer um número específico de correspondências. Para especificar um certo número de padrões, basta ter esse número entre as chaves. Por exemplo, para corresponder apenas à palavra <code>&quot;hah&quot;</code> com a letra <code>a</code> <code>3</code> vezes, seu regex seria <code>/ha{3}h/</code> . <blockquote> deixe A4 = &quot;haaaah&quot;; <br> deixe A3 = &quot;haaah&quot;; <br> seja A100 = &quot;h&quot; + &quot;a&quot; .repetição (100) + &quot;h&quot;; <br> deixe multipleHA = / ha {3} h /; <br> multipleHA.test (A4); // Retorna falso <br> multipleHA.test (A3); // Retorna true <br> multipleHA.test (A100); // Retorna falso </blockquote></section>
+
+## Instructions
+<section id="instructions"> Altere o regex <code>timRegex</code> para coincidir com a palavra <code>&quot;Timber&quot;</code> somente quando tiver quatro letras <code>m</code> &#39;s. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex deve usar chaves.
+    testString: 'assert(timRegex.source.match(/{.*?}/).length > 0, "Your regex should use curly brackets.");'
+  - text: Seu regex não deve corresponder a <code>&quot;Timber&quot;</code>
+    testString: 'assert(!timRegex.test("Timber"), "Your regex should not match <code>"Timber"</code>");'
+  - text: Seu regex não deve corresponder a <code>&quot;Timmber&quot;</code>
+    testString: 'assert(!timRegex.test("Timmber"), "Your regex should not match <code>"Timmber"</code>");'
+  - text: Seu regex não deve corresponder a <code>&quot;Timmmber&quot;</code>
+    testString: 'assert(!timRegex.test("Timmmber"), "Your regex should not match <code>"Timmmber"</code>");'
+  - text: Seu regex deve corresponder a <code>&quot;Timmmmber&quot;</code>
+    testString: 'assert(timRegex.test("Timmmmber"), "Your regex should match <code>"Timmmmber"</code>");'
+  - text: 'Seu regex não deve corresponder a <code>&quot;Timber&quot;</code> com 30 <code>m</code> &#39;s nele.'
+    testString: 'assert(!timRegex.test("Ti" + "m".repeat(30) + "ber"), "Your regex should not match <code>"Timber"</code> with 30 <code>m</code>\"s in it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let timStr = "Timmmmber";
+let timRegex = /change/; // Change this line
+let result = timRegex.test(timStr);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-only-the-lower-number-of-matches.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-only-the-lower-number-of-matches.portuguese.md
new file mode 100644
index 0000000000..a658f65ff2
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-only-the-lower-number-of-matches.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db9367417b2b2512ba6
+title: Specify Only the Lower Number of Matches
+challengeType: 1
+videoUrl: ''
+localeTitle: Especifique apenas o menor número de correspondências
+---
+
+## Description
+<section id="description"> Você pode especificar o número inferior e superior de padrões com <code>quantity specifiers</code> usando chaves. Às vezes você só quer especificar o menor número de padrões sem limite superior. Para especificar apenas o menor número de padrões, mantenha o primeiro número seguido por uma vírgula. Por exemplo, para corresponder apenas à string <code>&quot;hah&quot;</code> com a letra <code>a</code> aparecer pelo menos <code>3</code> vezes, seu regex seria <code>/ha{3,}h/</code> . <blockquote> deixe A4 = &quot;haaaah&quot;; <br> seja A2 = &quot;haah&quot;; <br> seja A100 = &quot;h&quot; + &quot;a&quot; .repetição (100) + &quot;h&quot;; <br> vamos multipleA = / ha {3,} h /; <br> multipleA.test (A4); // Retorna true <br> multipleA.test (A2); // Retorna falso <br> multipleA.test (A100); // Retorna true </blockquote></section>
+
+## Instructions
+<section id="instructions"> Altere o regex <code>haRegex</code> para coincidir com a palavra <code>&quot;Hazzah&quot;</code> apenas quando tiver quatro ou mais letras <code>z</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex deve usar chaves.
+    testString: 'assert(haRegex.source.match(/{.*?}/).length > 0, "Your regex should use curly brackets.");'
+  - text: Seu regex não deve corresponder a <code>&quot;Hazzah&quot;</code>
+    testString: 'assert(!haRegex.test("Hazzah"), "Your regex should not match <code>"Hazzah"</code>");'
+  - text: Seu regex não deve corresponder a <code>&quot;Hazzzah&quot;</code>
+    testString: 'assert(!haRegex.test("Hazzzah"), "Your regex should not match <code>"Hazzzah"</code>");'
+  - text: Seu regex deve coincidir com <code>&quot;Hazzzzah&quot;</code>
+    testString: 'assert(haRegex.test("Hazzzzah"), "Your regex should match <code>"Hazzzzah"</code>");'
+  - text: Seu regex deve coincidir com <code>&quot;Hazzzzzah&quot;</code>
+    testString: 'assert(haRegex.test("Hazzzzzah"), "Your regex should match <code>"Hazzzzzah"</code>");'
+  - text: Seu regex deve coincidir com <code>&quot;Hazzzzzzah&quot;</code>
+    testString: 'assert(haRegex.test("Hazzzzzzah"), "Your regex should match <code>"Hazzzzzzah"</code>");'
+  - text: 'Seu regex deve combinar <code>&quot;Hazzah&quot;</code> com 30 <code>z</code> \ &#39;s nele.'
+    testString: 'assert(haRegex.test("Ha" + "z".repeat(30) + "ah"), "Your regex should match <code>"Hazzah"</code> with 30 <code>z</code>\"s in it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let haStr = "Hazzzzah";
+let haRegex = /change/; // Change this line
+let result = haRegex.test(haStr);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-upper-and-lower-number-of-matches.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-upper-and-lower-number-of-matches.portuguese.md
new file mode 100644
index 0000000000..c4545b3b7a
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/specify-upper-and-lower-number-of-matches.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db9367417b2b2512ba5
+title: Specify Upper and Lower Number of Matches
+challengeType: 1
+videoUrl: ''
+localeTitle: Especifique o Número Superior e Inferior de Correspondências
+---
+
+## Description
+<section id="description"> Lembre-se de usar o sinal de mais <code>+</code> para procurar um ou mais caracteres e o asterisco <code>*</code> para procurar zero ou mais caracteres. Estes são convenientes, mas às vezes você quer combinar um certo intervalo de padrões. Você pode especificar o número inferior e superior de padrões com <code>quantity specifiers</code> . Os especificadores de quantidade são usados ​​com chaves ( <code>{</code> e <code>}</code> ). Você coloca dois números entre as chaves - para o número inferior e superior de padrões. Por exemplo, para corresponder apenas a letra <code>a</code> aparecer entre <code>3</code> e <code>5</code> vezes na seqüência de <code>&quot;ah&quot;</code> , o seu regex seria <code>/a{3,5}h/</code> . <blockquote> deixe A4 = &quot;aaaah&quot;; <br> deixe A2 = &quot;aah&quot;; <br> vamos multipleA = / a {3,5} h /; <br> multipleA.test (A4); // Retorna true <br> multipleA.test (A2); // Retorna falso </blockquote></section>
+
+## Instructions
+<section id="instructions"> Altere o regex <code>ohRegex</code> para corresponder apenas de <code>3</code> a <code>6</code> letras <code>h</code> na palavra <code>&quot;Oh no&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu regex deve usar chaves.
+    testString: 'assert(ohRegex.source.match(/{.*?}/).length > 0, "Your regex should use curly brackets.");'
+  - text: Seu regex não deve corresponder a <code>&quot;Ohh no&quot;</code>
+    testString: 'assert(!ohRegex.test("Ohh no"), "Your regex should not match <code>"Ohh no"</code>");'
+  - text: Seu regex deve combinar <code>&quot;Ohhh no&quot;</code>
+    testString: 'assert(ohRegex.test("Ohhh no"), "Your regex should match <code>"Ohhh no"</code>");'
+  - text: Seu regex deve combinar <code>&quot;Ohhhh no&quot;</code>
+    testString: 'assert(ohRegex.test("Ohhhh no"), "Your regex should match <code>"Ohhhh no"</code>");'
+  - text: Seu regex deve combinar <code>&quot;Ohhhhh no&quot;</code>
+    testString: 'assert(ohRegex.test("Ohhhhh no"), "Your regex should match <code>"Ohhhhh no"</code>");'
+  - text: Seu regex deve combinar <code>&quot;Ohhhhhh no&quot;</code>
+    testString: 'assert(ohRegex.test("Ohhhhhh no"), "Your regex should match <code>"Ohhhhhh no"</code>");'
+  - text: Seu regex não deve corresponder a <code>&quot;Ohhhhhhh no&quot;</code>
+    testString: 'assert(!ohRegex.test("Ohhhhhhh no"), "Your regex should not match <code>"Ohhhhhhh no"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let ohStr = "Ohhh no";
+let ohRegex = /change/; // Change this line
+let result = ohRegex.test(ohStr);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/use-capture-groups-to-search-and-replace.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/use-capture-groups-to-search-and-replace.portuguese.md
new file mode 100644
index 0000000000..2f3bdb5e76
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/use-capture-groups-to-search-and-replace.portuguese.md
@@ -0,0 +1,56 @@
+---
+id: 587d7dbb367417b2b2512bab
+title: Use Capture Groups to Search and Replace
+challengeType: 1
+videoUrl: ''
+localeTitle: Use grupos de captura para pesquisar e substituir
+---
+
+## Description
+<section id="description"> Pesquisando é útil. No entanto, você pode tornar a pesquisa ainda mais poderosa quando ela também altera (ou substitui) o texto que você corresponde. Você pode pesquisar e substituir texto em uma string usando <code>.replace()</code> em uma string. As entradas para <code>.replace()</code> são primeiro o padrão regex que você deseja procurar. O segundo parâmetro é a string para substituir a correspondência ou uma função para fazer alguma coisa. <blockquote> vamos wrongText = &quot;O céu é prateado.&quot;; <br> vamos silverRegex = / silver /; <br> wrongText.replace (silverRegex, &quot;blue&quot;); <br> // Retorna &quot;O céu é azul.&quot; </blockquote> Você também pode acessar grupos de captura na sequência de substituição com sinais de cifrão ( <code>$</code> ). <blockquote> &quot;Code Camp&quot; .replace (/ (\ w +) \ s (\ w +) /, &#39;$ 2 $ 1&#39;); <br> // Retorna &quot;Camp Code&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Escreva um regex para que ele procure pela string <code>&quot;good&quot;</code> . Em seguida, atualize a variável <code>replaceText</code> para substituir <code>&quot;good&quot;</code> por <code>&quot;okey-dokey&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deve usar <code>.replace()</code> para pesquisar e substituir.
+    testString: 'assert(code.match(/\.replace\(.*\)/), "You should use <code>.replace()</code> to search and replace.");'
+  - text: Seu regex deve mudar <code>&quot;This sandwich is good.&quot;</code> para <code>&quot;This sandwich is okey-dokey.&quot;</code>
+    testString: 'assert(result == "This sandwich is okey-dokey." && replaceText === "okey-dokey", "Your regex should change <code>"This sandwich is good."</code> to <code>"This sandwich is okey-dokey."</code>");'
+  - text: Você não deve mudar a última linha.
+    testString: 'assert(code.match(/result\s*=\s*huhText\.replace\(.*?\)/), "You should not change the last line.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let huhText = "This sandwich is good.";
+let fixRegex = /change/; // Change this line
+let replaceText = ""; // Change this line
+let result = huhText.replace(fixRegex, replaceText);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.portuguese.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.portuguese.md
new file mode 100644
index 0000000000..1b3c3e6f66
--- /dev/null
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.portuguese.md
@@ -0,0 +1,53 @@
+---
+id: 587d7db3367417b2b2512b8e
+title: Using the Test Method
+challengeType: 1
+videoUrl: ''
+localeTitle: Usando o método de teste
+---
+
+## Description
+<section id="description"> Expressões regulares são usadas em linguagens de programação para corresponder partes de strings. Você cria padrões para ajudá-lo a fazer essa correspondência. Se você quiser encontrar a palavra <code>&quot;the&quot;</code> na string <code>&quot;The dog chased the cat&quot;</code> , você pode usar a seguinte expressão regular: <code>/the/</code> . Observe que as marcas de aspas não são necessárias na expressão regular. O JavaScript tem várias maneiras de usar regexes. Uma maneira de testar um regex é usando o método <code>.test()</code> . O método <code>.test()</code> pega o regex, aplica-o a uma string (que é colocada dentro dos parênteses) e retorna <code>true</code> ou <code>false</code> se o padrão encontrar algo ou não. <blockquote> deixe testStr = &quot;freeCodeCamp&quot;; <br> deixe testRegex = / Code /; <br> testRegex.test (testStr); <br> // Retorna true </blockquote></section>
+
+## Instructions
+<section id="instructions"> Aplique o regex <code>myRegex</code> na string <code>myString</code> usando o método <code>.test()</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deve usar <code>.test()</code> para testar o regex.
+    testString: 'assert(code.match(/myRegex.test\(\s*myString\s*\)/), "You should use <code>.test()</code> to test the regex.");'
+  - text: Seu resultado deve retornar <code>true</code> .
+    testString: 'assert(result === true, "Your result should return <code>true</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myString = "Hello, World!";
+let myRegex = /Hello/;
+let result = myRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/add-elements-within-your-bootstrap-wells.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/add-elements-within-your-bootstrap-wells.portuguese.md
new file mode 100644
index 0000000000..412b0294a7
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/add-elements-within-your-bootstrap-wells.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: bad87fee1348bd9aec908849
+title: Add Elements within Your Bootstrap Wells
+challengeType: 0
+videoUrl: ''
+localeTitle: Adicionar elementos dentro dos seus poços de bootstrap
+---
+
+## Description
+<section id="description"> Agora temos vários elementos <code>div</code> em cada coluna da nossa linha. Isso é tão profundo quanto precisaremos ir. Agora podemos adicionar nossos elementos de <code>button</code> . Aninhe três elementos de <code>button</code> dentro de cada um dos elementos do seu <code>well</code> <code>div</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Aninhe três elementos de <code>button</code> dentro de cada um dos seus elementos <code>div</code> com classe <code>well</code> .
+    testString: 'assert($("div.well:eq(0)").children("button").length === 3 && $("div.well:eq(1)").children("button").length === 3, "Nest three <code>button</code> elements within each of your <code>div</code> elements with class <code>well</code>.");'
+  - text: Você deve ter um total de 6 elementos de <code>button</code> .
+    testString: 'assert($("button") && $("button").length > 5, "You should have a total of 6 <code>button</code> elements.");'
+  - text: Certifique-se de que todos os seus elementos de <code>button</code> tenham tags de fechamento.
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+
+
+
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+
+
+
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons.portuguese.md
new file mode 100644
index 0000000000..b4354d4ce6
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons.portuguese.md
@@ -0,0 +1,113 @@
+---
+id: bad87fee1348bd9aedc08845
+title: Add Font Awesome Icons to all of our Buttons
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Adicionar ícones de fonte impressionante para todos os nossos botões
+---
+
+## Description
+<section id="description"> Font Awesome é uma conveniente biblioteca de ícones. Esses ícones são gráficos vetoriais, armazenados no formato de arquivo <code>.svg</code> . Esses ícones são tratados como fontes. Você pode especificar seu tamanho usando pixels e eles assumirão o tamanho da fonte de seus elementos HTML pai. Use Font Awesome para adicionar um ícone de <code>info-circle</code> de informações ao seu botão de informações e um ícone de <code>trash</code> ao seu botão de exclusão. Nota: O elemento <code>span</code> é uma alternativa aceitável ao elemento <code>i</code> para as instruções abaixo. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deve adicionar um <code>&lt;i class=&quot;fa fa-info-circle&quot;&gt;&lt;/i&gt;</code> dentro do seu elemento de botão de informação.
+    testString: 'assert($(".btn-info > i").is(".fa.fa-info-circle") || $(".btn-info > span").is(".fa.fa-info-circle"), "You should add a <code>&#60;i class="fa fa-info-circle"&#62;&#60;/i&#62;</code> within your info button element.");'
+  - text: Você deve adicionar um <code>&lt;i class=&quot;fa fa-trash&quot;&gt;&lt;/i&gt;</code> dentro do elemento do botão delete.
+    testString: 'assert($(".btn-danger > i").is(".fa.fa-trash") || $(".btn-danger > span").is(".fa.fa-trash"), "You should add a <code>&#60;i class="fa fa-trash"&#62;&#60;/i&#62;</code> within your delete button element.");'
+  - text: Certifique-se de que cada um dos seus elementos <code>i</code> tenha uma tag de fechamento e que o <code>&lt;i class=&quot;fa fa-thumbs-up&quot;&gt;&lt;/i&gt;</code> esteja em seu elemento de botão like.
+    testString: 'assert(code.match(/<\/i>|<\/span/g) && code.match(/<\/i|<\/span>/g).length > 2 && ($(".btn-primary > i").is(".fa.fa-thumbs-up") || $(".btn-primary > span").is(".fa.fa-thumbs-up")), "Make sure each of your <code>i</code> elements has a closing tag and <code>&#60;i class="fa fa-thumbs-up"&#62;&#60;/i&#62;</code> is in your like button element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.portuguese.md
new file mode 100644
index 0000000000..81a1917358
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.portuguese.md
@@ -0,0 +1,115 @@
+---
+id: bad87fee1348bd9aedd08845
+title: Add Font Awesome Icons to our Buttons
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Adicione ícones de fonte impressionante aos nossos botões
+---
+
+## Description
+<section id="description"> Font Awesome é uma conveniente biblioteca de ícones. Esses ícones são gráficos vetoriais, armazenados no formato de arquivo <code>.svg</code> . Esses ícones são tratados como fontes. Você pode especificar seu tamanho usando pixels e eles assumirão o tamanho da fonte de seus elementos HTML pai. Você pode incluir o Font Awesome em qualquer aplicativo adicionando o seguinte código ao topo do seu HTML: <code>&lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css&quot; integrity=&quot;sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+&quot; crossorigin=&quot;anonymous&quot;&gt;</code> Neste caso, nós já adicionamos para você nesta página nos bastidores. O elemento <code>i</code> foi originalmente usado para criar outros elementos em itálico, mas agora é comumente usado para ícones. Você pode adicionar as classes Font Awesome ao elemento <code>i</code> para transformá-lo em um ícone, por exemplo: <code>&lt;i class=&quot;fa fa-info-circle&quot;&gt;&lt;/i&gt;</code> Observe que o elemento <code>span</code> também é aceitável para uso com ícones . Use Font Awesome para adicionar um ícone de <code>thumbs-up</code> ao seu botão like, dando a ele um elemento <code>i</code> com as classes <code>fa</code> e <code>fa-thumbs-up</code> ; não se esqueça de manter o texto &quot;Like&quot; ao lado do ícone. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Adicione um elemento <code>i</code> com as classes <code>fa</code> e <code>fa-thumbs-up</code> .
+    testString: 'assert($("i").is(".fa.fa-thumbs-up") || $("span").is(".fa.fa-thumbs-up"), "Add an <code>i</code> element with the classes <code>fa</code> and <code>fa-thumbs-up</code>.");'
+  - text: Seu ícone <code>fa-thumbs-up</code> aprovação deve estar localizado no botão Curtir.
+    testString: 'assert(($("i.fa-thumbs-up").parent().text().match(/Like/gi) && $(".btn-primary > i").is(".fa.fa-thumbs-up")) || ($("span.fa-thumbs-up").parent().text().match(/Like/gi) && $(".btn-primary > span").is(".fa.fa-thumbs-up")), "Your <code>fa-thumbs-up</code> icon should be located within the Like button.");'
+  - text: Aninhe seu elemento <code>i</code> no seu elemento de <code>button</code> .
+    testString: 'assert($("button").children("i").length > 0 || $("button").children("span").length > 0, "Nest your <code>i</code> element within your <code>button</code> element.");'
+  - text: Certifique-se de que seu elemento de ícone tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/i>|<\/span>/g), "Make sure your icon element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/add-id-attributes-to-bootstrap-elements.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/add-id-attributes-to-bootstrap-elements.portuguese.md
new file mode 100644
index 0000000000..63602fe501
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/add-id-attributes-to-bootstrap-elements.portuguese.md
@@ -0,0 +1,70 @@
+---
+id: bad87fee1348bd9aec908853
+title: Add id Attributes to Bootstrap Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Adicionar atributos de identificação a elementos do bootstrap
+---
+
+## Description
+<section id="description"> Lembre-se de que, além dos atributos de classe, você pode atribuir a cada um dos seus elementos um atributo <code>id</code> . Cada ID deve ser exclusivo para um elemento específico e usado apenas uma vez por página. Vamos dar um id único para cada um dos nossos elementos <code>div</code> da classe <code>well</code> . Lembre-se que você pode dar a um elemento um id como este: <code>&lt;div class=&quot;well&quot; id=&quot;center-well&quot;&gt;</code> Dê ao poço à esquerda o id da <code>left-well</code> . Dê o bem à direita, o id da <code>right-well</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Dê sua esquerda <code>well</code> o id da <code>left-well</code> .
+    testString: 'assert($(".col-xs-6").children("#left-well") && $(".col-xs-6").children("#left-well").length > 0, "Give your left <code>well</code> the id of <code>left-well</code>.");'
+  - text: Dê o seu direito <code>well</code> o id de <code>right-well</code> .
+    testString: 'assert($(".col-xs-6").children("#right-well") && $(".col-xs-6").children("#right-well").length > 0, "Give your right <code>well</code> the id of <code>right-well</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/apply-the-default-bootstrap-button-style.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/apply-the-default-bootstrap-button-style.portuguese.md
new file mode 100644
index 0000000000..e3b5be621a
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/apply-the-default-bootstrap-button-style.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: bad87fee1348bd9aec908850
+title: Apply the Default Bootstrap Button Style
+challengeType: 0
+guideUrl: 'https://portuguese.freecodecamp.org/guide/certificates/apply-the-default-bootstrap-button-style'
+videoUrl: ''
+localeTitle: Aplicar o estilo padrão do botão de inicialização
+---
+
+## Description
+<section id="description"> Bootstrap tem outra classe de botões chamada <code>btn-default</code> . Aplique as classes <code>btn-default</code> <code>btn</code> e <code>btn-default</code> a cada um dos seus elementos de <code>button</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Aplique a classe <code>btn</code> a cada um dos seus elementos de <code>button</code> .
+    testString: 'assert($(".btn").length > 5, "Apply the <code>btn</code> class to each of your <code>button</code> elements.");'
+  - text: Aplique a classe <code>btn-default</code> a cada um dos seus elementos de <code>button</code> .
+    testString: 'assert($(".btn-default").length > 5, "Apply the <code>btn-default</code> class to each of your <code>button</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+        <button></button>
+        <button></button>
+        <button></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+        <button></button>
+        <button></button>
+        <button></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/call-out-optional-actions-with-btn-info.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/call-out-optional-actions-with-btn-info.portuguese.md
new file mode 100644
index 0000000000..1398293159
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/call-out-optional-actions-with-btn-info.portuguese.md
@@ -0,0 +1,113 @@
+---
+id: bad87fee1348cd8acef08813
+title: Call out Optional Actions with btn-info
+challengeType: 0
+videoUrl: ''
+localeTitle: Chame as ações opcionais com btn-info
+---
+
+## Description
+<section id="description"> O Bootstrap vem com várias cores pré-definidas para botões. A classe <code>btn-info</code> é usada para chamar a atenção para ações opcionais que o usuário pode executar. Crie um novo botão Bootstrap em nível de bloco abaixo do botão &quot;Curtir&quot; com o texto &quot;Info&quot;, e adicione as classes <code>btn-info</code> e <code>btn-block</code> do Bootstrap a ele. Observe que esses botões ainda precisam das classes <code>btn</code> e <code>btn-block</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Crie um novo elemento de <code>button</code> com o texto &quot;Info&quot;.
+    testString: 'assert(new RegExp("info","gi").test($("button").text()), "Create a new <code>button</code> element with the text "Info".");'
+  - text: Ambos os seus botões Bootstrap devem ter as classes <code>btn</code> e <code>btn-block</code> .
+    testString: 'assert($("button.btn-block.btn").length > 1, "Both of your Bootstrap buttons should have the <code>btn</code> and <code>btn-block</code> classes.");'
+  - text: Seu novo botão deve ter a classe <code>btn-info</code> .
+    testString: 'assert($("button").hasClass("btn-info"), "Your new button should have the class <code>btn-info</code>.");'
+  - text: Certifique-se de que todos os seus elementos de <code>button</code> tenham uma tag de fechamento.
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-block btn-primary">Like</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/center-text-with-bootstrap.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/center-text-with-bootstrap.portuguese.md
new file mode 100644
index 0000000000..ec65dfc11f
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/center-text-with-bootstrap.portuguese.md
@@ -0,0 +1,108 @@
+---
+id: bad87fee1348bd8acde08812
+title: Center Text with Bootstrap
+challengeType: 0
+videoUrl: ''
+localeTitle: Texto Central com Bootstrap
+---
+
+## Description
+<section id="description"> Agora que estamos usando o Bootstrap, podemos centralizar nosso elemento de título para torná-lo melhor. Tudo o que precisamos fazer é adicionar o <code>text-center</code> da classe ao nosso elemento <code>h2</code> . Lembre-se que você pode adicionar várias classes ao mesmo elemento, separando cada uma delas com um espaço, como este: <code>&lt;h2 class=&quot;red-text text-center&quot;&gt;your text&lt;/h2&gt;</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>h2</code> deve ser centrado aplicando o <code>text-center</code> da turma
+    testString: 'assert($("h2").hasClass("text-center"), "Your <code>h2</code> element should be centered by applying the class <code>text-center</code>");'
+  - text: Seu elemento <code>h2</code> ainda deve ter a classe <code>red-text</code>
+    testString: 'assert($("h2").hasClass("red-text"), "Your <code>h2</code> element should still have the class <code>red-text</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-a-block-element-bootstrap-button.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-a-block-element-bootstrap-button.portuguese.md
new file mode 100644
index 0000000000..d22d1ef456
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-a-block-element-bootstrap-button.portuguese.md
@@ -0,0 +1,111 @@
+---
+id: bad87fee1348cd8acef08812
+title: Create a Block Element Bootstrap Button
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar um botão de bootstrap de elemento de bloco
+---
+
+## Description
+<section id="description"> Normalmente, seus elementos de <code>button</code> com as classes <code>btn</code> e <code>btn-default</code> são tão largos quanto o texto que eles contêm. Por exemplo: <code>&lt;button class=&quot;btn btn-default&quot;&gt;Submit&lt;/button&gt;</code> Esse botão seria tão largo quanto a palavra &quot;Enviar&quot;. <button class="btn btn-default">Enviar</button> Ao torná-los elementos de bloco com a classe adicional de <code>btn-block</code> , seu botão se estenderá para preencher todo o espaço horizontal de sua página e todos os elementos seguintes irão fluir para uma &quot;nova linha&quot; abaixo do bloco. <code>&lt;button class=&quot;btn btn-default btn-block&quot;&gt;Submit&lt;/button&gt;</code> Esse botão ocuparia 100% da largura disponível. <button class="btn btn-default btn-block">Enviar</button> Observe que esses botões ainda precisam da classe <code>btn</code> . Adicione a classe <code>btn-block</code> Bootstrap ao seu botão Bootstrap. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu botão ainda deve ter as classes <code>btn</code> e <code>btn-default</code> .
+    testString: 'assert($("button").hasClass("btn") && $("button").hasClass("btn-default"), "Your button should still have the <code>btn</code> and <code>btn-default</code> classes.");'
+  - text: Seu botão deve ter a classe <code>btn-block</code> .
+    testString: 'assert($("button").hasClass("btn-block"), "Your button should have the class <code>btn-block</code>.");'
+  - text: Certifique-se de que todos os seus elementos de <code>button</code> tenham uma tag de fechamento.
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-default">Like</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-a-bootstrap-button.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-a-bootstrap-button.portuguese.md
new file mode 100644
index 0000000000..5e2aa75a2d
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-a-bootstrap-button.portuguese.md
@@ -0,0 +1,111 @@
+---
+id: bad87fee1348cd8acdf08812
+title: Create a Bootstrap Button
+challengeType: 0
+videoUrl: ''
+localeTitle: Crie um botão de bootstrap
+---
+
+## Description
+<section id="description"> O Bootstrap tem seus próprios estilos para elementos de <code>button</code> , que parecem muito melhores que os simples HTML. Crie um novo elemento de <code>button</code> abaixo da sua foto grande de gatinho. Dê-lhe as classes <code>btn</code> e <code>btn-default</code> , assim como o texto de &quot;Like&quot;. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Crie um novo elemento de <code>button</code> com o texto &quot;Like&quot;.
+    testString: 'assert(new RegExp("like","gi").test($("button").text()) && ($("img.img-responsive + button.btn").length > 0), "Create a new <code>button</code> element with the text "Like".");'
+  - text: 'Seu novo botão deve ter duas classes: <code>btn</code> e <code>btn-default</code> .'
+    testString: 'assert($("button").hasClass("btn") && $("button").hasClass("btn-default"), "Your new button should have two classes: <code>btn</code> and <code>btn-default</code>.");'
+  - text: Certifique-se de que todos os seus elementos de <code>button</code> tenham uma tag de fechamento.
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-a-bootstrap-headline.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-a-bootstrap-headline.portuguese.md
new file mode 100644
index 0000000000..fa57af1b46
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-a-bootstrap-headline.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: bad87fee1348bd9aec908846
+title: Create a Bootstrap Headline
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar um título de bootstrap
+---
+
+## Description
+<section id="description"> Agora vamos construir algo do zero para praticar nossas habilidades em HTML, CSS e Bootstrap. Construiremos um playground da jQuery, que logo usaremos em nossos desafios da jQuery. Para começar, crie um elemento <code>h3</code> , com o texto <code>jQuery Playground</code> . <code>h3</code> cor ao elemento <code>h3</code> com a classe Bootstrap <code>text-primary</code> ao <code>text-primary</code> e centralize-o com a classe Bootstrap do <code>text-center</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Adicione um elemento <code>h3</code> à sua página.
+    testString: 'assert($("h3") && $("h3").length > 0, "Add a <code>h3</code> element to your page.");'
+  - text: Certifique-se de que seu elemento <code>h3</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/h3>/g) && code.match(/<h3/g) && code.match(/<\/h3>/g).length === code.match(/<h3/g).length, "Make sure your <code>h3</code> element has a closing tag.");'
+  - text: Seu elemento <code>h3</code> deve ser colorido aplicando a classe <code>text-primary</code>
+    testString: 'assert($("h3").hasClass("text-primary"), "Your <code>h3</code> element should be colored by applying the class <code>text-primary</code>");'
+  - text: Seu elemento <code>h3</code> deve ser centrado aplicando o <code>text-center</code> da turma
+    testString: 'assert($("h3").hasClass("text-center"), "Your <code>h3</code> element should be centered by applying the class <code>text-center</code>");'
+  - text: Seu elemento <code>h3</code> deve ter o texto <code>jQuery Playground</code> .
+    testString: 'assert.isTrue((/jquery(\s)+playground/gi).test($("h3").text()), "Your <code>h3</code> element should have the text <code>jQuery Playground</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-a-bootstrap-row.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-a-bootstrap-row.portuguese.md
new file mode 100644
index 0000000000..b23517bb15
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-a-bootstrap-row.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: bad87fee1348bd9bec908846
+title: Create a Bootstrap Row
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar uma linha de bootstrap
+---
+
+## Description
+<section id="description"> Agora vamos criar uma linha do Bootstrap para nossos elementos in-line. Crie um elemento <code>div</code> abaixo da tag <code>h3</code> , com uma classe de <code>row</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Adicione um elemento <code>div</code> abaixo do seu elemento <code>h3</code> .
+    testString: 'assert(($("div").length > 1) && ($("div.row h3.text-primary").length == 0) && ($("div.row + h3.text-primary").length == 0) && ($("h3.text-primary + div.row").length > 0), "Add a <code>div</code> element below your <code>h3</code> element.");'
+  - text: Seu elemento <code>div</code> deve ter a <code>row</code> classe
+    testString: 'assert($("div").hasClass("row"), "Your <code>div</code> element should have the class <code>row</code>");'
+  - text: Seu <code>row div</code> deve ser aninhado dentro do <code>container-fluid div</code>
+    testString: 'assert($("div.container-fluid div.row").length > 0, "Your <code>row div</code> should be nested inside the <code>container-fluid div</code>");'
+  - text: Certifique-se de que seu elemento <code>div</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure your <code>div</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-a-class-to-target-with-jquery-selectors.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-a-class-to-target-with-jquery-selectors.portuguese.md
new file mode 100644
index 0000000000..9ff119305f
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-a-class-to-target-with-jquery-selectors.portuguese.md
@@ -0,0 +1,68 @@
+---
+id: bad87fee1348bd9aec908852
+title: Create a Class to Target with jQuery Selectors
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar uma classe para destino com seletores jQuery
+---
+
+## Description
+<section id="description"> Nem todas as classes precisam ter o CSS correspondente. Às vezes criamos classes apenas com o propósito de selecionar esses elementos mais facilmente usando jQuery. Dê a cada um dos seus elementos de <code>button</code> o <code>target</code> da turma. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Aplique a classe <code>target</code> a cada um dos seus elementos de <code>button</code> .
+    testString: 'assert($(".target").length > 5, "Apply the <code>target</code> class to each of your <code>button</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-a-custom-heading.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-a-custom-heading.portuguese.md
new file mode 100644
index 0000000000..f553b20ac5
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-a-custom-heading.portuguese.md
@@ -0,0 +1,109 @@
+---
+id: bad87fee1348bd9aede08845
+title: Create a Custom Heading
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar um título personalizado
+---
+
+## Description
+<section id="description"> Vamos fazer um simples rumo para o nosso aplicativo Cat Photo, colocando o título e a imagem relaxante do gato na mesma linha. Lembre-se, o Bootstrap usa um sistema de grade responsivo, o que facilita colocar elementos em linhas e especificar a largura relativa de cada elemento. A maioria das classes do Bootstrap pode ser aplicada a um elemento <code>div</code> . Aninhe sua primeira imagem e seu elemento <code>h2</code> em um único elemento <code>&lt;div class=&quot;row&quot;&gt;</code> . Aninhe seu elemento <code>h2</code> dentro de uma <code>&lt;div class=&quot;col-xs-8&quot;&gt;</code> e sua imagem em uma <code>&lt;div class=&quot;col-xs-4&quot;&gt;</code> para que eles estejam na mesma linha. Observe como a imagem é agora apenas o tamanho certo para caber ao longo do texto? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>h2</code> e o elemento <code>img</code> superior devem ser aninhados juntos em um elemento <code>div</code> com a <code>row</code> da classe.
+    testString: 'assert($("div.row:has(h2)").length > 0 && $("div.row:has(img)").length > 0, "Your <code>h2</code> element and topmost <code>img</code> element should both be nested together within a <code>div</code> element with the class <code>row</code>.");'
+  - text: Aninhe seu elemento <code>img</code> mais alto dentro de um <code>div</code> com a classe <code>col-xs-4</code> .
+    testString: 'assert($("div.col-xs-4:has(img)").length > 0 && $("div.col-xs-4:has(div)").length === 0, "Nest your topmost <code>img</code> element within a <code>div</code> with the class <code>col-xs-4</code>.");'
+  - text: Aninhe seu elemento <code>h2</code> em um <code>div</code> com a classe <code>col-xs-8</code> .
+    testString: 'assert($("div.col-xs-8:has(h2)").length > 0 && $("div.col-xs-8:has(div)").length === 0, "Nest your <code>h2</code> element within a <code>div</code> with the class <code>col-xs-8</code>.");'
+  - text: Certifique-se de que cada um dos seus elementos <code>div</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="text-primary text-center">CatPhotoApp</h2>
+
+  <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-bootstrap-wells.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-bootstrap-wells.portuguese.md
new file mode 100644
index 0000000000..701c35d1fe
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/create-bootstrap-wells.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: bad87fee1348bd9aec908848
+title: Create Bootstrap Wells
+challengeType: 0
+videoUrl: ''
+localeTitle: Criar poços de bootstrap
+---
+
+## Description
+<section id="description"> Bootstrap tem uma classe chamada <code>well</code> que pode criar uma sensação visual de profundidade para suas colunas. Aninhe um elemento <code>div</code> com a classe <code>well</code> dentro de cada um dos seus elementos <code>col-xs-6</code> <code>div</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Adicione um elemento <code>div</code> com a classe <code>well</code> dentro de cada um dos seus elementos <code>div</code> com a classe <code>&quot;col-xs-6&quot;</code>
+    testString: 'assert($("div.col-xs-6").not(":has(>div.well)").length < 1, "Add a <code>div</code> element with the class <code>well</code> inside each of your <code>div</code> elements with the class <code>"col-xs-6"</code>");'
+  - text: Aninhe ambos os elementos <code>div</code> com a classe <code>&quot;col-xs-6&quot;</code> no seu elemento <code>div</code> com a classe <code>&quot;row&quot;</code> .
+    testString: 'assert($("div.row > div.col-xs-6").length > 1, "Nest both of your <code>div</code> elements with the class <code>"col-xs-6"</code> within your <code>div</code> element with the class <code>"row"</code>.");'
+  - text: Certifique-se de que todos os seus elementos <code>div</code> tenham tags de fechamento.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure all your <code>div</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+
+    </div>
+    <div class="col-xs-6">
+
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/ditch-custom-css-for-bootstrap.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/ditch-custom-css-for-bootstrap.portuguese.md
new file mode 100644
index 0000000000..1f1bbc35cd
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/ditch-custom-css-for-bootstrap.portuguese.md
@@ -0,0 +1,125 @@
+---
+id: bad87fee1347bd9aedf08845
+title: Ditch Custom CSS for Bootstrap
+challengeType: 0
+videoUrl: ''
+localeTitle: Ditch CSS personalizado para Bootstrap
+---
+
+## Description
+<section id="description"> Podemos limpar nosso código e tornar nosso Cat Photo App mais convencional usando os estilos internos do Bootstrap em vez dos estilos personalizados que criamos anteriormente. Não se preocupe - haverá tempo suficiente para personalizar o nosso CSS mais tarde. Exclua as declarações CSS <code>.red-text</code> , <code>p</code> e <code>.smaller-image</code> de seu elemento <code>style</code> para que as únicas declarações deixadas em seu elemento <code>style</code> sejam <code>h2</code> e <code>thick-green-border</code> . Em seguida, exclua o elemento <code>p</code> que contém um link inativo. Em seguida, remova a classe de <code>red-text</code> do seu elemento <code>h2</code> e substitua-a <code>text-primary</code> classe Bootstrap <code>text-primary</code> . Por fim, remova a classe &quot;small-image&quot; do seu primeiro elemento <code>img</code> e substitua-a <code>img-responsive</code> classe <code>img-responsive</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento h2 não deve mais ter a classe <code>red-text</code> .
+    testString: 'assert(!$("h2").hasClass("red-text"), "Your h2 element should no longer have the class <code>red-text</code>.");'
+  - text: Seu elemento h2 agora deve ter a classe <code>text-primary</code> .
+    testString: 'assert($("h2").hasClass("text-primary"), "Your h2 element should now have the class <code>text-primary</code>.");'
+  - text: Seus elementos de parágrafo não devem mais usar a fonte <code>Monospace</code> .
+    testString: 'assert(!$("p").css("font-family").match(/monospace/i), "Your paragraph elements should no longer use the font <code>Monospace</code>.");'
+  - text: Remova a classe de <code>smaller-image</code> da sua imagem superior.
+    testString: 'assert(!$("img").hasClass("smaller-image"), "Remove the <code>smaller-image</code> class from your top image.");'
+  - text: Adicione a classe <code>img-responsive</code> à sua imagem principal.
+    testString: 'assert($(".img-responsive").length > 1, "Add the <code>img-responsive</code> class to your top image.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/give-each-element-a-unique-id.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/give-each-element-a-unique-id.portuguese.md
new file mode 100644
index 0000000000..3919ee7a2c
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/give-each-element-a-unique-id.portuguese.md
@@ -0,0 +1,80 @@
+---
+id: bad87fee1348bd9aec908855
+title: Give Each Element a Unique id
+challengeType: 0
+videoUrl: ''
+localeTitle: Dê a cada elemento um id único
+---
+
+## Description
+<section id="description"> Também queremos usar o jQuery para segmentar cada botão por seu ID exclusivo. Dê a cada um dos seus botões um ID único, começando com <code>target1</code> e terminando com <code>target6</code> . Certifique-se de que <code>target1</code> para <code>target3</code> esteja em <code>#left-well</code> e <code>target4</code> para <code>target6</code> em <code>#right-well</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Um elemento de <code>button</code> deve ter o id <code>target1</code> .
+    testString: 'assert($("#left-well").children("#target1") && $("#left-well").children("#target1").length > 0, "One <code>button</code> element should have the id <code>target1</code>.");'
+  - text: Um elemento de <code>button</code> deve ter o id <code>target2</code> .
+    testString: 'assert($("#left-well").children("#target2") && $("#left-well").children("#target2").length > 0, "One <code>button</code> element should have the id <code>target2</code>.");'
+  - text: Um elemento de <code>button</code> deve ter o id <code>target3</code> .
+    testString: 'assert($("#left-well").children("#target3") && $("#left-well").children("#target3").length > 0, "One <code>button</code> element should have the id <code>target3</code>.");'
+  - text: Um elemento de <code>button</code> deve ter o id <code>target4</code> .
+    testString: 'assert($("#right-well").children("#target4") && $("#right-well").children("#target4").length > 0, "One <code>button</code> element should have the id <code>target4</code>.");'
+  - text: Um elemento de <code>button</code> deve ter o ID <code>target5</code> .
+    testString: 'assert($("#right-well").children("#target5") && $("#right-well").children("#target5").length > 0, "One <code>button</code> element should have the id <code>target5</code>.");'
+  - text: Um elemento de <code>button</code> deve ter o ID <code>target6</code> .
+    testString: 'assert($("#right-well").children("#target6") && $("#right-well").children("#target6").length > 0, "One <code>button</code> element should have the id <code>target6</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.portuguese.md
new file mode 100644
index 0000000000..ba7f2d8af2
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: bad87fee1348bd9aec908746
+title: House our page within a Bootstrap container-fluid div
+challengeType: 0
+videoUrl: ''
+localeTitle: Abrigue nossa página dentro de um div de container-fluido de Bootstrap
+---
+
+## Description
+<section id="description"> Agora, vamos garantir que todo o conteúdo da sua página seja responsivo para dispositivos móveis. Vamos aninhar seu elemento <code>h3</code> dentro de um elemento <code>div</code> com a classe <code>container-fluid</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>div</code> deve ter a classe <code>container-fluid</code> .
+    testString: 'assert($("div").hasClass("container-fluid"), "Your <code>div</code> element should have the class <code>container-fluid</code>.");'
+  - text: Certifique-se de que cada um dos seus elementos <code>div</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+  - text: Aninhe seu elemento <code>h3</code> dentro de um elemento <code>div</code> .
+    testString: 'assert($("div").children("h3").length >0, "Nest your <code>h3</code> element inside a <code>div</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h3 class="text-primary text-center">jQuery Playground</h3>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/label-bootstrap-buttons.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/label-bootstrap-buttons.portuguese.md
new file mode 100644
index 0000000000..32d3a50b07
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/label-bootstrap-buttons.portuguese.md
@@ -0,0 +1,80 @@
+---
+id: bad87fee1348bd9aec908856
+title: Label Bootstrap Buttons
+challengeType: 0
+videoUrl: ''
+localeTitle: Botões de bootstrap de etiqueta
+---
+
+## Description
+<section id="description"> Assim como rotulamos nossos poços, queremos rotular nossos botões. Dê a cada texto do seu elemento de <code>button</code> que corresponda ao seletor do seu <code>id</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Dê ao seu elemento de <code>button</code> com o id <code>target1</code> o texto <code>#target1</code> .'
+    testString: 'assert(new RegExp("#target1","gi").test($("#target1").text()), "Give your <code>button</code> element with the id <code>target1</code> the text <code>#target1</code>.");'
+  - text: 'Dê ao seu elemento de <code>button</code> com o id <code>target2</code> o texto <code>#target2</code> .'
+    testString: 'assert(new RegExp("#target2","gi").test($("#target2").text()), "Give your <code>button</code> element with the id <code>target2</code> the text <code>#target2</code>.");'
+  - text: 'Dê ao seu elemento de <code>button</code> com o id <code>target3</code> o texto <code>#target3</code> .'
+    testString: 'assert(new RegExp("#target3","gi").test($("#target3").text()), "Give your <code>button</code> element with the id <code>target3</code> the text <code>#target3</code>.");'
+  - text: 'Dê ao seu elemento de <code>button</code> com o ID <code>target4</code> o texto <code>#target4</code> .'
+    testString: 'assert(new RegExp("#target4","gi").test($("#target4").text()), "Give your <code>button</code> element with the id <code>target4</code> the text <code>#target4</code>.");'
+  - text: 'Dê ao seu elemento de <code>button</code> com o ID <code>target5</code> o texto <code>#target5</code> .'
+    testString: 'assert(new RegExp("#target5","gi").test($("#target5").text()), "Give your <code>button</code> element with the id <code>target5</code> the text <code>#target5</code>.");'
+  - text: 'Dê seu elemento de <code>button</code> com o id <code>target6</code> o texto <code>#target6</code> .'
+    testString: 'assert(new RegExp("#target6","gi").test($("#target6").text()), "Give your <code>button</code> element with the id <code>target6</code> the text <code>#target6</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1"></button>
+        <button class="btn btn-default target" id="target2"></button>
+        <button class="btn btn-default target" id="target3"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4"></button>
+        <button class="btn btn-default target" id="target5"></button>
+        <button class="btn btn-default target" id="target6"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/label-bootstrap-wells.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/label-bootstrap-wells.portuguese.md
new file mode 100644
index 0000000000..e98894fe65
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/label-bootstrap-wells.portuguese.md
@@ -0,0 +1,76 @@
+---
+id: bad87fee1348bd9aec908854
+title: Label Bootstrap Wells
+challengeType: 0
+videoUrl: ''
+localeTitle: Rótulo Bootstrap Wells
+---
+
+## Description
+<section id="description"> Por uma questão de clareza, vamos rotular ambos os nossos poços com os seus ids. Acima do seu lado esquerdo, dentro do elemento <code>div</code> <code>col-xs-6</code> , adicione um elemento <code>h4</code> com o texto <code>#left-well</code> . Acima do seu lado direito, dentro do elemento <code>div</code> <code>col-xs-6</code> , adicione um elemento <code>h4</code> com o texto <code>#right-well</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Adicione um elemento <code>h4</code> a cada um de seus elementos <code>&lt;div class=&quot;col-xs-6&quot;&gt;</code> .
+    testString: 'assert($(".col-xs-6").children("h4") && $(".col-xs-6").children("h4").length > 1, "Add an <code>h4</code> element to each of your <code>&#60;div class="col-xs-6"&#62;</code> elements.");'
+  - text: 'Um elemento <code>h4</code> deve ter o texto <code>#left-well</code> .'
+    testString: 'assert(new RegExp("#left-well","gi").test($("h4").text()), "One <code>h4</code> element should have the text <code>#left-well</code>.");'
+  - text: 'Um elemento <code>h4</code> deve ter o texto <code>#right-well</code> .'
+    testString: 'assert(new RegExp("#right-well","gi").test($("h4").text()), "One <code>h4</code> element should have the text <code>#right-well</code>.");'
+  - text: Certifique-se de que todos os seus elementos <code>h4</code> tenham tags de fechamento.
+    testString: 'assert(code.match(/<\/h4>/g) && code.match(/<h4/g) && code.match(/<\/h4>/g).length === code.match(/<h4/g).length, "Make sure all your <code>h4</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+
+      <div class="well" id="left-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+
+      <div class="well" id="right-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.portuguese.md
new file mode 100644
index 0000000000..6d8aa75eb7
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.portuguese.md
@@ -0,0 +1,130 @@
+---
+id: bad87fee1348bd9aec908845
+title: Line up Form Elements Responsively with Bootstrap
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Alinhe os elementos do formulário de forma responsável com o Bootstrap
+---
+
+## Description
+<section id="description"> Agora vamos pegar sua <code>input</code> formulário e seu <code>button</code> submissão na mesma linha. Faremos isso da mesma forma que temos anteriormente: usando um elemento <code>div</code> com a <code>row</code> da classe e outros elementos <code>div</code> dentro dele usando a classe <code>col-xs-*</code> . Aninhe a <code>input</code> texto do seu formulário e o <code>button</code> enviar dentro de uma <code>div</code> com a <code>row</code> da turma. Aninhe a <code>input</code> texto do seu formulário dentro de uma div com a classe de <code>col-xs-7</code> . Aninhe o <code>button</code> envio do seu formulário em um <code>div</code> com a classe <code>col-xs-5</code> . Este é o último desafio que vamos fazer para o nosso aplicativo Cat Photo por enquanto. Esperamos que você tenha gostado de aprender o Font Awesome, o Bootstrap e o design responsivo! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Aninhe seu botão de envio de formulário e entrada de texto em uma div com <code>row</code> classe.
+    testString: 'assert($("div.row:has(input[type=\"text\"])").length > 0 &&  $("div.row:has(button[type=\"submit\"])").length > 0, "Nest your form submission button and text input in a div with class <code>row</code>.");'
+  - text: Aninhe sua entrada de texto de formulário em um div com a classe <code>col-xs-7</code> .
+    testString: 'assert($("div.col-xs-7:has(input[type=\"text\"])").length > 0, "Nest your form text input in a div with the class <code>col-xs-7</code>.");'
+  - text: Aninhe seu botão de envio de formulário em um div com a classe <code>col-xs-5</code> .
+    testString: 'assert($("div.col-xs-5:has(button[type=\"submit\"])").length > 0, "Nest your form submission button in a div with the class <code>col-xs-5</code>.");'
+  - text: Certifique-se de que cada um dos seus elementos <code>div</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <div class="row">
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+      </div>
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Loving</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Lazy</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Crazy</label>
+      </div>
+    </div>
+    <input type="text" class="form-control" placeholder="cat photo URL" required>
+    <button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/make-images-mobile-responsive.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/make-images-mobile-responsive.portuguese.md
new file mode 100644
index 0000000000..ae2528128e
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/make-images-mobile-responsive.portuguese.md
@@ -0,0 +1,113 @@
+---
+id: bad87fee1348bd9acde08812
+title: Make Images Mobile Responsive
+challengeType: 0
+videoUrl: ''
+localeTitle: Tornar as imagens móveis responsivas
+---
+
+## Description
+<section id="description"> Primeiro, adicione uma nova imagem abaixo da existente. Configure seu atributo <code>src</code> para <code>https://bit.ly/fcc-running-cats</code> . Seria ótimo se essa imagem pudesse ser exatamente a largura da tela do nosso telefone. Felizmente, com o Bootstrap, tudo o que precisamos fazer é adicionar a classe <code>img-responsive</code> à sua imagem. Faça isso e a imagem deve caber perfeitamente na largura da sua página. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deve ter um total de duas imagens.
+    testString: 'assert($("img").length === 2, "You should have a total of two images.");'
+  - text: Sua nova imagem deve estar abaixo da sua antiga e ter a classe <code>img-responsive</code> .
+    testString: 'assert($("img:eq(1)").hasClass("img-responsive"), "Your new image should be below your old one and have the class <code>img-responsive</code>.");'
+  - text: Sua nova imagem não deve ter a classe <code>smaller-image</code> .
+    testString: 'assert(!$("img:eq(1)").hasClass("smaller-image"), "Your new image should not have the class <code>smaller-image</code>.");'
+  - text: 'Sua nova imagem deve ter um <code>src</code> de <code>https://bit.ly/fcc-running-cats</code> .'
+    testString: 'assert($("img:eq(1)").attr("src") === "https://bit.ly/fcc-running-cats", "Your new image should have a <code>src</code> of <code>https&#58;//bit.ly/fcc-running-cats</code>.");'
+  - text: Certifique-se de que seu novo elemento <code>img</code> tenha um colchete angular de fechamento.
+    testString: 'assert(code.match(/<img/g) && code.match(/<img[^<]*>/g).length === 2 && code.match(/<img/g).length === 2, "Make sure your new <code>img</code> element has a closing angle bracket.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/responsively-style-checkboxes.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/responsively-style-checkboxes.portuguese.md
new file mode 100644
index 0000000000..494a0ddc9b
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/responsively-style-checkboxes.portuguese.md
@@ -0,0 +1,120 @@
+---
+id: bad87fee1348bd9aeda08845
+title: Responsively Style Checkboxes
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Caixas de Seleção de Estilo Responsivamente
+---
+
+## Description
+<section id="description"> Você também pode usar classes <code>col-xs-*</code> do Bootstrap em elementos de <code>form</code> ! Dessa forma, nossas caixas de seleção serão distribuídas uniformemente pela página, independentemente da largura da resolução da tela. Aninhe todas as três caixas de seleção em um elemento <code>&lt;div class=&quot;row&quot;&gt;</code> . Em seguida, aninhe cada um deles em um elemento <code>&lt;div class=&quot;col-xs-4&quot;&gt;</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Aninhe todas as suas caixas de seleção dentro de uma <code>div</code> com a <code>row</code> da turma.
+    testString: 'assert($("div.row:has(input[type=\"checkbox\"])").length > 0, "Nest all of your checkboxes inside one <code>div</code> with the class <code>row</code>.");'
+  - text: Aninhe cada uma das suas caixas de seleção dentro de sua própria <code>div</code> com a classe <code>col-xs-4</code> .
+    testString: 'assert($("div.col-xs-4:has(input[type=\"checkbox\"])").length > 2, "Nest each of your checkboxes inside its own <code>div</code> with the class <code>col-xs-4</code>.");'
+  - text: Certifique-se de que cada um dos seus elementos <code>div</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <div class="row">
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+      </div>
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+      </div>
+    </div>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/responsively-style-radio-buttons.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/responsively-style-radio-buttons.portuguese.md
new file mode 100644
index 0000000000..b371e0b313
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/responsively-style-radio-buttons.portuguese.md
@@ -0,0 +1,113 @@
+---
+id: bad87fee1348bd9aedb08845
+title: Responsively Style Radio Buttons
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Botões de rádio de estilo responsivo
+---
+
+## Description
+<section id="description"> Você também pode usar classes <code>col-xs-*</code> do Bootstrap em elementos de <code>form</code> ! Dessa forma, nossos botões de rádio serão espalhados uniformemente pela página, independentemente da largura da resolução da tela. Aninhe os dois botões de opção em um elemento <code>&lt;div class=&quot;row&quot;&gt;</code> . Então aninhe cada um deles dentro de um elemento <code>&lt;div class=&quot;col-xs-6&quot;&gt;</code> . <strong>Nota:</strong> Como lembrete, os botões de opção são elementos de <code>input</code> do tipo <code>radio</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Aninhe todos os seus botões de rádio dentro de uma <code>div</code> com a <code>row</code> da turma.
+    testString: 'assert($("div.row:has(input[type=\"radio\"])").length > 0, "Nest all of your radio buttons inside one <code>div</code> with the class <code>row</code>.");'
+  - text: Aninhe cada um dos seus botões de rádio dentro de sua própria <code>div</code> com a classe <code>col-xs-6</code> .
+    testString: 'assert($("div.col-xs-6:has(input[type=\"radio\"])").length > 1, "Nest each of your radio buttons inside its own <code>div</code> with the class <code>col-xs-6</code>.");'
+  - text: Certifique-se de que cada um dos seus elementos <code>div</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/split-your-bootstrap-row.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/split-your-bootstrap-row.portuguese.md
new file mode 100644
index 0000000000..dbf2bcdec0
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/split-your-bootstrap-row.portuguese.md
@@ -0,0 +1,58 @@
+---
+id: bad87fee1348bd9aec908847
+title: Split Your Bootstrap Row
+challengeType: 0
+videoUrl: ''
+localeTitle: Dividir sua linha de bootstrap
+---
+
+## Description
+<section id="description"> Agora que temos um Bootstrap Row, vamos dividi-lo em duas colunas para abrigar nossos elementos. Crie dois elementos <code>div</code> na sua linha, ambos com a classe <code>col-xs-6</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Coloque dois elementos <code>div class=&quot;col-xs-6&quot;</code> dentro do elemento <code>div class=&quot;row&quot;</code> .
+    testString: 'assert($("div.row > div.col-xs-6").length > 1, "Nest two <code>div class="col-xs-6"</code> elements within your <code>div class="row"</code> element.");'
+  - text: Certifique-se de que todos os seus elementos <code>div</code> tenham tags de fechamento.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure all your <code>div</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+
+
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/style-text-inputs-as-form-controls.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/style-text-inputs-as-form-controls.portuguese.md
new file mode 100644
index 0000000000..7ee8158f59
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/style-text-inputs-as-form-controls.portuguese.md
@@ -0,0 +1,130 @@
+---
+id: bad87fee1348bd9aed908845
+title: Style Text Inputs as Form Controls
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Entradas de texto de estilo como controles de formulário
+---
+
+## Description
+<section id="description"> Você pode adicionar o ícone Font Awesome do <code>fa-paper-plane</code> adicionando <code>&lt;i class=&quot;fa fa-paper-plane&quot;&gt;&lt;/i&gt;</code> dentro do elemento de <code>button</code> submit. Dê ao campo de entrada de texto do seu formulário uma classe de <code>form-control</code> de <code>form-control</code> . Dê ao botão de envio do seu formulário as classes <code>btn btn-primary</code> . Também dê a este botão o ícone Font Awesome do <code>fa-paper-plane</code> . Todos os elementos textuais de <code>&lt;input&gt;</code> , <code>&lt;textarea&gt;</code> e <code>&lt;select&gt;</code> com a classe <code>.form-control</code> têm uma largura de 100%. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Dê ao botão de envio em seu formulário as classes <code>btn btn-primary</code> .
+    testString: 'assert($("button[type=\"submit\"]").hasClass("btn btn-primary"), "Give the submit button in your form the classes <code>btn btn-primary</code>.");'
+  - text: Adicione um <code>&lt;i class=&quot;fa fa-paper-plane&quot;&gt;&lt;/i&gt;</code> dentro do seu elemento de <code>button</code> submit.
+    testString: 'assert($("button[type=\"submit\"]:has(i.fa.fa-paper-plane)").length > 0, "Add a <code>&#60;i class="fa fa-paper-plane"&#62;&#60;/i&#62;</code> within your submit <code>button</code> element.");'
+  - text: Dê a <code>input</code> texto em seu formulário o <code>form-control</code> classe.
+    testString: 'assert($("input[type=\"text\"]").hasClass("form-control"), "Give the text <code>input</code> in your form the class <code>form-control</code>.");'
+  - text: Certifique-se de que cada um dos seus elementos <code>i</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/i>/g) && code.match(/<\/i/g).length > 3, "Make sure each of your <code>i</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <div class="row">
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+      </div>
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Loving</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Lazy</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Crazy</label>
+      </div>
+    </div>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.portuguese.md
new file mode 100644
index 0000000000..83832f1187
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.portuguese.md
@@ -0,0 +1,111 @@
+---
+id: bad87fee1348cd8acef08811
+title: Taste the Bootstrap Button Color Rainbow
+challengeType: 0
+videoUrl: ''
+localeTitle: Prove o Botão Bootstrap Color Rainbow
+---
+
+## Description
+<section id="description"> A classe <code>btn-primary</code> é a cor principal que você usará no seu aplicativo. É útil para destacar as ações que você deseja que o usuário faça. Substitua a classe <code>btn-default</code> do Bootstrap por <code>btn-primary</code> no seu botão. Observe que esse botão ainda precisará das classes <code>btn</code> e <code>btn-block</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu botão deve ter a classe <code>btn-primary</code> .
+    testString: 'assert($("button").hasClass("btn-primary"), "Your button should have the class <code>btn-primary</code>.");'
+  - text: Seu botão ainda deve ter as classes <code>btn</code> e <code>btn-block</code> .
+    testString: 'assert($("button").hasClass("btn-block") && $("button").hasClass("btn"), "Your button should still have the <code>btn</code> and <code>btn-block</code> classes.");'
+  - text: Certifique-se de que todos os seus elementos de <code>button</code> tenham uma tag de fechamento.
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-default btn-block">Like</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/use-a-span-to-target-inline-elements.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/use-a-span-to-target-inline-elements.portuguese.md
new file mode 100644
index 0000000000..30335ffb9a
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/use-a-span-to-target-inline-elements.portuguese.md
@@ -0,0 +1,110 @@
+---
+id: bad87fee1348bd9aedf08845
+title: Use a span to Target Inline Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Use um intervalo para segmentar elementos in-line
+---
+
+## Description
+<section id="description"> Você pode usar extensões para criar elementos in-line. Lembra quando usamos a classe <code>btn-block</code> para fazer o botão preencher a linha inteira? <button class="btn" style="background-color: rgb(0, 100, 0);  color: rgb(255, 255, 255);">Botão normal Botão</button> <button class="btn btn-block" style="background-color: rgb(0, 100, 0);  color: rgb(255, 255, 255);">btn-block</button> Isso ilustra a diferença entre um elemento &quot;inline&quot; e um elemento &quot;block&quot;. Usando o elemento de <code>span</code> linha, você pode colocar vários elementos na mesma linha e até mesmo estilizar diferentes partes da mesma linha de maneira diferente. Aninhe a palavra &quot;amor&quot; em seu elemento &quot;Coisas que os gatos adoram&quot; abaixo em um elemento de <code>span</code> . Em seguida, <code>span</code> a classe <code>text-danger</code> para tornar o texto vermelho. Veja como você faria isso com o elemento &quot;As 3 principais coisas que os gatos odeiam&quot;: <code>&lt;p&gt;Top 3 things cats &lt;span class=&quot;text-danger&quot;&gt;hate:&lt;/span&gt;&lt;/p&gt;</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>span</code> deve estar dentro do seu elemento <code>p</code> .
+    testString: 'assert($("p span") && $("p span").length > 0, "Your <code>span</code> element should be inside your <code>p</code> element.");'
+  - text: Seu elemento de <code>span</code> deve ter apenas o texto <code>love</code> .
+    testString: 'assert($("p span") && $("p span").text().match(/love/i) && !$("p span").text().match(/Things cats/i), "Your <code>span</code> element should have just the text <code>love</code>.");'
+  - text: Seu elemento <code>span</code> deve ter classe <code>text-danger</code> .
+    testString: 'assert($("span").hasClass("text-danger"), "Your <code>span</code> element should have class <code>text-danger</code>.");'
+  - text: Certifique-se de que seu elemento de <code>span</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/span>/g) && code.match(/<span/g) && code.match(/<\/span>/g).length === code.match(/<span/g).length, "Make sure your <code>span</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <h2 class="text-primary text-center">CatPhotoApp</h2>
+
+  <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/use-comments-to-clarify-code.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/use-comments-to-clarify-code.portuguese.md
new file mode 100644
index 0000000000..62df85466d
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/use-comments-to-clarify-code.portuguese.md
@@ -0,0 +1,76 @@
+---
+id: bad87fee1348bd9aec908857
+title: Use Comments to Clarify Code
+challengeType: 0
+videoUrl: ''
+localeTitle: Use comentários para esclarecer o código
+---
+
+## Description
+<section id="description"> Quando começarmos a usar o jQuery, modificaremos os elementos HTML sem precisar alterá-los em HTML. Vamos nos certificar de que todos saibam que não devem modificar nada desse código diretamente. Lembre-se de que você pode começar um comentário com <code>&lt;!--</code> e terminar um comentário com <code>--&gt;</code> Adicionar um comentário na parte superior do seu HTML que diz <code>Only change code above this line.</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Comece um comentário com <code>&lt;!--</code> no topo do seu HTML.
+    testString: 'assert(code.match(/^\s*<!--/), "Start a comment with <code>&#60;!--</code> at the top of your HTML.");'
+  - text: Seu comentário deve ter o texto <code>Only change code above this line</code> .
+    testString: 'assert(code.match(/<!--(?!(>|->|.*-->.*this line))\s*.*this line.*\s*-->/gi), "Your comment should have the text <code>Only change code above this line</code>.");'
+  - text: Certifique-se de fechar o seu comentário com <code>--&gt;</code> .
+    testString: 'assert(code.match(/-->.*\n+.+/g), "Be sure to close your comment with <code>--&#62;</code>.");'
+  - text: Você deve ter o mesmo número de abridores e fechadores de comentários.
+    testString: 'assert(code.match(/<!--/g).length === code.match(/-->/g).length, "You should have the same number of comment openers and closers.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.portuguese.md
new file mode 100644
index 0000000000..5ea1862ea0
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.portuguese.md
@@ -0,0 +1,107 @@
+---
+id: bad87fee1348bd9acde08712
+title: Use Responsive Design with Bootstrap Fluid Containers
+challengeType: 0
+videoUrl: ''
+localeTitle: Use Design Responsivo com Recipientes de Fluido Bootstrap
+---
+
+## Description
+<section id="description"> Na seção HTML5 e CSS do freeCodeCamp, criamos um aplicativo Cat Photo. Agora vamos voltar a isso. Desta vez, vamos estilizá-lo usando o popular framework CSS responsivo do Bootstrap. O Bootstrap vai descobrir a largura da sua tela e responder redimensionando seus elementos HTML - daí o nome <code>Responsive Design</code> . Com design responsivo, não há necessidade de projetar uma versão móvel do seu site. Ficará bem em dispositivos com telas de qualquer largura. Você pode adicionar o Bootstrap a qualquer aplicativo adicionando o seguinte código ao topo do seu HTML: <code>&lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css&quot; integrity=&quot;sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u&quot; crossorigin=&quot;anonymous&quot;/&gt;</code> Neste caso, nós já adicionamos para você nesta página nos bastidores. Observe que usar <code>&gt;</code> ou <code>/&gt;</code> para fechar a tag de <code>link</code> é aceitável. Para começar, devemos aninhar todo o nosso HTML (exceto a tag de <code>link</code> e o elemento de <code>style</code> ) em um elemento <code>div</code> com a classe <code>container-fluid</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>div</code> deve ter a classe <code>container-fluid</code> .
+    testString: 'assert($("div").hasClass("container-fluid"), "Your <code>div</code> element should have the class <code>container-fluid</code>.");'
+  - text: Certifique-se de que seu elemento <code>div</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure your <code>div</code> element has a closing tag.");'
+  - text: Certifique-se de ter aninhado todos os elementos HTML após a tag de <code>style</code> fechamento em <code>.container-fluid</code> .
+    testString: 'assert($(".container-fluid").children().length >= 8, "Make sure you have nested all HTML elements after the closing <code>style</code> tag in <code>.container-fluid</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+
+<p>Click here for <a href="#">cat photos</a>.</p>
+
+<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+<p>Things cats love:</p>
+<ul>
+  <li>cat nip</li>
+  <li>laser pointers</li>
+  <li>lasagna</li>
+</ul>
+<p>Top 3 things cats hate:</p>
+<ol>
+  <li>flea treatment</li>
+  <li>thunder</li>
+  <li>other cats</li>
+</ol>
+<form action="/submit-cat-photo">
+  <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+  <label><input type="checkbox" name="personality"> Loving</label>
+  <label><input type="checkbox" name="personality"> Lazy</label>
+  <label><input type="checkbox" name="personality"> Crazy</label>
+  <input type="text" placeholder="cat photo URL" required>
+  <button type="submit">Submit</button>
+</form>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.portuguese.md
new file mode 100644
index 0000000000..98d214f588
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.portuguese.md
@@ -0,0 +1,115 @@
+---
+id: bad88fee1348ce8acef08815
+title: Use the Bootstrap Grid to Put Elements Side By Side
+challengeType: 0
+videoUrl: ''
+localeTitle: Use o Bootstrap Grid para colocar elementos lado a lado
+---
+
+## Description
+<section id="description"> O Bootstrap usa um sistema de grade responsivo de 12 colunas, o que facilita colocar elementos em linhas e especificar a largura relativa de cada elemento. A maioria das classes do Bootstrap pode ser aplicada a um elemento <code>div</code> . O Bootstrap possui diferentes atributos de largura de coluna, dependendo do tamanho da tela do usuário. Por exemplo, os telefones têm telas estreitas e os laptops têm telas mais amplas. Tomemos por exemplo a classe <code>col-md-*</code> do Bootstrap. Aqui, <code>md</code> significa médio e <code>*</code> é um número que especifica quantas colunas o elemento deve ter. Nesse caso, a largura da coluna de um elemento em uma tela de tamanho médio, como um laptop, está sendo especificada. No Cat Photo App que estamos criando, usaremos <code>col-xs-*</code> , onde <code>xs</code> significa extra pequeno (como uma tela extra-pequena para celular), e <code>*</code> é o número de colunas que especificam quantas colunas a largura elemento deve ser. Coloque os botões <code>Like</code> , <code>Info</code> e <code>Delete</code> lado a lado aninhando todos os três dentro de um elemento <code>&lt;div class=&quot;row&quot;&gt;</code> , então cada um deles dentro de um elemento <code>&lt;div class=&quot;col-xs-4&quot;&gt;</code> . A classe de <code>row</code> é aplicada a uma <code>div</code> e os próprios botões podem ser aninhados nela. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seus botões devem estar todos aninhados no mesmo elemento <code>div</code> com a <code>row</code> da turma.
+    testString: 'assert($("div.row:has(button)").length > 0, "Your buttons should all be nested within the same <code>div</code> element with the class <code>row</code>.");'
+  - text: Cada um dos seus botões do Bootstrap deve ser aninhado dentro de seu próprio elemento <code>div</code> com a classe <code>col-xs-4</code> .
+    testString: 'assert($("div.col-xs-4:has(button)").length > 2, "Each of your Bootstrap buttons should be nested within its own <code>div</code> element with the class <code>col-xs-4</code>.");'
+  - text: Certifique-se de que cada elemento do seu <code>button</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure each of your <code>button</code> elements has a closing tag.");'
+  - text: Certifique-se de que cada um dos seus elementos <code>div</code> tenha uma tag de fechamento.
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-block btn-primary">Like</button>
+  <button class="btn btn-block btn-info">Info</button>
+  <button class="btn btn-block btn-danger">Delete</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/warn-your-users-of-a-dangerous-action-with-btn-danger.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/warn-your-users-of-a-dangerous-action-with-btn-danger.portuguese.md
new file mode 100644
index 0000000000..b89fd150e8
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/bootstrap/warn-your-users-of-a-dangerous-action-with-btn-danger.portuguese.md
@@ -0,0 +1,114 @@
+---
+id: bad87fee1348ce8acef08814
+title: Warn Your Users of a Dangerous Action with btn-danger
+challengeType: 0
+videoUrl: ''
+localeTitle: Avise seus usuários de uma ação perigosa com perigo-btn
+---
+
+## Description
+<section id="description"> O Bootstrap vem com várias cores pré-definidas para botões. A classe <code>btn-danger</code> é a cor do botão que você usará para notificar os usuários de que o botão executa uma ação destrutiva, como a exclusão de uma foto de gato. Crie um botão com o texto &quot;Delete&quot; e dê a classe <code>btn-danger</code> . Observe que esses botões ainda precisam das classes <code>btn</code> e <code>btn-block</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Crie um novo elemento de <code>button</code> com o texto &quot;Excluir&quot;.
+    testString: 'assert(new RegExp("Delete","gi").test($("button").text()), "Create a new <code>button</code> element with the text "Delete".");'
+  - text: Todos os seus botões Bootstrap devem ter as classes <code>btn</code> e <code>btn-block</code> .
+    testString: 'assert($("button.btn-block.btn").length > 2, "All of your Bootstrap buttons should have the <code>btn</code> and <code>btn-block</code> classes.");'
+  - text: Seu novo botão deve ter a classe <code>btn-danger</code> .
+    testString: 'assert($("button").hasClass("btn-danger"), "Your new button should have the class <code>btn-danger</code>.");'
+  - text: Certifique-se de que todos os seus elementos de <code>button</code> tenham uma tag de fechamento.
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-block btn-primary">Like</button>
+  <button class="btn btn-block btn-info">Info</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.portuguese.md
new file mode 100644
index 0000000000..a0438495bf
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: 587d7dbc367417b2b2512bae
+title: Build a Drum Machine
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Construa uma máquina de ritmos
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/MJyNMd" target="_blank">https://codepen.io/freeCodeCamp/full/MJyNMd</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuário</a> abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar qualquer combinação de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux e jQuery para concluir este projeto. Você deve usar um framework frontend (como o React, por exemplo), porque esta seção é sobre o aprendizado de frameworks frontend. Tecnologias adicionais não listadas acima não são recomendadas e usá-las é por sua conta e risco. Estamos procurando dar suporte a outros frameworks frontend como Angular e Vue, mas eles não são suportados atualmente. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Codificação feliz! <strong>User Story # 1:</strong> Eu deveria ser capaz de ver um container externo com um <code>id=&quot;drum-machine&quot;</code> que contém todos os outros elementos. <strong>User Story # 2:</strong> Dentro de <code>#drum-machine</code> eu posso ver um elemento com um <code>id=&quot;display&quot;</code> . <strong>User Story # 3:</strong> Dentro de <code>#drum-machine</code> eu posso ver 9 elementos de drum pad clicáveis, cada um com um nome de classe de <code>drum-pad</code> , um id único que descreve o clipe de áudio que o drum pad será configurado para acionar e um inner texto que corresponde a uma das seguintes teclas no teclado: Q, W, E, A, S, D, Z, X, C. Os pads de bateria DEVEM estar nesta ordem. <strong>User Story # 4:</strong> Dentro de cada <code>.drum-pad</code> , deve haver um elemento de <code>audio</code> HTML5 que tenha um atributo <code>src</code> apontando para um clipe de áudio, um nome de classe de <code>clip</code> e um id correspondente ao texto interno de seu pai <code>.drum-pad</code> (por exemplo, <code>id=&quot;Q&quot;</code> , <code>id=&quot;W&quot;</code> , <code>id=&quot;E&quot;</code> etc.). <strong>User Story # 5:</strong> Quando clico em um elemento <code>.drum-pad</code> , o clipe de áudio contido em seu elemento de <code>audio</code> filho deve ser acionado. <strong>User Story # 6:</strong> Quando eu pressiono a tecla trigger associada a cada <code>.drum-pad</code> , o clipe de áudio contido em seu elemento filho de <code>audio</code> deve ser acionado (por exemplo, pressionar a tecla Q deve acionar o bloco de percussão que contém a string &quot;Q&quot; pressionar a tecla W deve acionar o bloco de percussão que contém a string &quot;W&quot;, etc.). <strong>User Story # 7:</strong> Quando um <code>.drum-pad</code> é acionado, uma string descrevendo o clipe de áudio associado é exibida como o texto interno do elemento <code>#display</code> (cada string deve ser única). Você pode criar seu projeto, bifurcando <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">essa caneta CodePen</a> . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.portuguese.md
new file mode 100644
index 0000000000..304380ac54
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd17
+title: Build a JavaScript Calculator
+challengeType: 3
+isRequired: true
+videoUrl: ''
+localeTitle: Construa uma calculadora JavaScript
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/wgGVVX" target="_blank">https://codepen.io/freeCodeCamp/full/wgGVVX</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuário</a> abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar qualquer combinação de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux e jQuery para concluir este projeto. Você deve usar um framework frontend (como o React, por exemplo), porque esta seção é sobre o aprendizado de frameworks frontend. Tecnologias adicionais não listadas acima não são recomendadas e usá-las é por sua conta e risco. Estamos procurando dar suporte a outros frameworks frontend como Angular e Vue, mas eles não são suportados atualmente. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Codificação feliz! <strong>User Story # 1:</strong> Minha calculadora deve conter um elemento clicável contendo um <code>=</code> (sinal de igual) com um <code>id=&quot;equals&quot;</code> . <strong>User Story # 2:</strong> Minha calculadora deve conter 10 elementos clicáveis ​​contendo um número cada de 0 a 9, com os seguintes IDs correspondentes: <code>id=&quot;zero&quot;</code> , <code>id=&quot;one&quot;</code> , <code>id=&quot;two&quot;</code> , <code>id=&quot;three&quot;</code> , <code>id=&quot;four&quot;</code> , <code>id=&quot;five&quot;</code> , <code>id=&quot;six&quot;</code> , <code>id=&quot;seven&quot;</code> , <code>id=&quot;eight&quot;</code> e <code>id=&quot;nine&quot;</code> . <strong>User Story # 3:</strong> Minha calculadora deve conter 4 elementos clicáveis, cada um contendo um dos 4 principais operadores matemáticos com as seguintes IDs correspondentes: <code>id=&quot;add&quot;</code> , <code>id=&quot;subtract&quot;</code> , <code>id=&quot;multiply&quot;</code> , <code>id=&quot;divide&quot;</code> . <strong>História do usuário nº 4:</strong> minha calculadora deve conter um elemento clicável contendo um <code>.</code> (ponto decimal) símbolo com um <code>id=&quot;decimal&quot;</code> correspondente <code>id=&quot;decimal&quot;</code> . <strong>História do usuário nº 5:</strong> minha calculadora deve conter um elemento clicável com um <code>id=&quot;clear&quot;</code> . <strong>User Story # 6:</strong> Minha calculadora deve conter um elemento para exibir valores com um <code>id=&quot;display&quot;</code> . <strong>User Story # 7:</strong> A qualquer momento, pressionar o botão Limpar apaga os valores de entrada e saída e retorna a calculadora ao estado inicializado; 0 deve ser mostrado no elemento com o id de <code>display</code> . <strong>User Story # 8:</strong> Como eu insiro números, eu deveria ser capaz de ver minha entrada no elemento com o id de <code>display</code> . <strong>User Story # 9:</strong> Em qualquer ordem, eu deveria ser capaz de adicionar, subtrair, multiplicar e dividir uma cadeia de números de qualquer tamanho, e quando eu pressionar <code>=</code> , o resultado correto deve ser mostrado no elemento com o ID de <code>display</code> . <strong>User Story # 10:</strong> Ao inserir números, minha calculadora não deve permitir que um número comece com vários zeros. <strong>User Story # 11:</strong> Quando o elemento decimal é clicado, a <code>.</code> deve anexar ao valor exibido atualmente; dois <code>.</code> em um número não deve ser aceito. <strong>User Story # 12:</strong> Eu deveria ser capaz de executar qualquer operação (+, -, *, /) em números que contenham pontos decimais. <strong>História do usuário nº 13:</strong> Se dois ou mais operadores forem inseridos consecutivamente, a operação realizada deve ser o último operador inserido. <strong>User Story # 14:</strong> Pressionando um operador imediatamente após <code>=</code> deve iniciar um novo cálculo que opera no resultado da avaliação anterior. <strong>User Story # 15:</strong> Minha calculadora deve ter várias casas decimais de precisão quando se trata de arredondamento (note que não existe um padrão exato, mas você deve ser capaz de lidar com cálculos como <code>2 / 7</code> com precisão razoável para pelo menos 4 casas decimais) . <strong>Nota Na lógica da calculadora:</strong> Deve-se notar que existem duas principais escolas de pensamento na lógica de entrada da calculadora: <dfn>lógica de execução imediata</dfn> e <dfn>lógica de fórmula</dfn> . Nosso exemplo utiliza lógica de fórmula e observa a ordem de precedência de operação, a execução imediata não. Qualquer um é aceitável, mas observe que, dependendo de qual escolher, sua calculadora pode produzir resultados diferentes dos nossos para certas equações (veja o exemplo abaixo). Contanto que sua matemática possa ser verificada por outra calculadora de produção, por favor, não considere isso um bug. <strong>EXEMPLO:</strong> <code>3 + 5 x 6 - 2 / 4 =</code> <br><ul><li> <strong>Lógica de Execução Imediata:</strong> <code>11.5</code> </li><li> <strong>Fórmula / Expressão Lógica:</strong> <code>32.5</code> </li></ul> Você pode criar seu projeto, bifurcando <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">essa caneta CodePen</a> . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.portuguese.md
new file mode 100644
index 0000000000..c1e5bb9db3
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7157d8c242eddfaeb5bd13
+title: Build a Markdown Previewer
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Criar um visualizador de markdown
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/GrZVVO" target="_blank">https://codepen.io/freeCodeCamp/full/GrZVVO</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuário</a> abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar qualquer combinação de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux e jQuery para concluir este projeto. Você deve usar um framework frontend (como o React, por exemplo), porque esta seção é sobre o aprendizado de frameworks frontend. Tecnologias adicionais não listadas acima não são recomendadas e usá-las é por sua conta e risco. Estamos procurando dar suporte a outros frameworks frontend como Angular e Vue, mas eles não são suportados atualmente. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Codificação feliz! <strong>User Story # 1:</strong> Eu posso ver um elemento <code>textarea</code> com um <code>id=&quot;editor&quot;</code> . <strong>User Story # 2:</strong> Eu posso ver um elemento com um <code>id=&quot;preview&quot;</code> . <strong>História do usuário nº 3:</strong> quando eu <code>#editor</code> texto no elemento <code>#editor</code> , o elemento <code>#preview</code> é atualizado enquanto digito para exibir o conteúdo da área de texto. <strong>User Story # 4:</strong> Quando eu <code>#editor</code> o markdown com sabor do GitHub no elemento <code>#editor</code> , o texto é renderizado como HTML no elemento <code>#preview</code> enquanto digito (DICA: você não precisa analisar o Markdown por conta própria - você pode importar a biblioteca Marked para isso: <a href="https://cdnjs.com/libraries/marked" target="_blank">https://cdnjs.com/libraries/marked</a> ). <strong>User Story # 5:</strong> Quando meu visualizador de markdown é carregado pela primeira vez, o texto padrão no campo <code>#editor</code> deve conter um markdown válido que represente pelo menos um de cada um dos seguintes elementos: um cabeçalho (tamanho H1), um sub cabeçalho (tamanho H2) , um link, um código embutido, um bloco de código, um item de lista, um blockquote, uma imagem e um texto em negrito. <strong>User Story # 6:</strong> quando meu visualizador de markdown é carregado pela primeira vez, o markdown padrão no campo <code>#editor</code> deve ser renderizado como HTML no elemento <code>#preview</code> . <strong>Bônus opcional (você não precisa fazer esse teste passar):</strong> Meu visualizador de marcação interpreta os retornos de carro e os renderiza como elementos <code>br</code> (quebra de linha). Você pode criar seu projeto, bifurcando <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">essa caneta CodePen</a> . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.portuguese.md
new file mode 100644
index 0000000000..23a8072ac7
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd0f
+title: Build a Pomodoro Clock
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Construa um relógio Pomodoro
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/XpKrrW" target="_blank">https://codepen.io/freeCodeCamp/full/XpKrrW</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuário</a> abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar qualquer combinação de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux e jQuery para concluir este projeto. Você deve usar um framework frontend (como o React, por exemplo), porque esta seção é sobre o aprendizado de frameworks frontend. Tecnologias adicionais não listadas acima não são recomendadas e usá-las é por sua conta e risco. Estamos procurando dar suporte a outros frameworks frontend como Angular e Vue, mas eles não são suportados atualmente. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Codificação feliz! <strong>User Story # 1:</strong> Eu posso ver um elemento com <code>id=&quot;break-label&quot;</code> que contém uma string (por exemplo, &quot;Break Length&quot;). <strong>User Story # 2:</strong> Eu posso ver um elemento com <code>id=&quot;session-label&quot;</code> que contém uma string (por exemplo, &quot;Session Length&quot;). <strong>User Story # 3:</strong> Eu posso ver dois elementos clicáveis ​​com IDs correspondentes: <code>id=&quot;break-decrement&quot;</code> e <code>id=&quot;session-decrement&quot;</code> . <strong>User Story # 4:</strong> Eu posso ver dois elementos clicáveis ​​com IDs correspondentes: <code>id=&quot;break-increment&quot;</code> e <code>id=&quot;session-increment&quot;</code> . <strong>User Story # 5:</strong> Eu posso ver um elemento com um <code>id=&quot;break-length&quot;</code> , que por padrão (on load) exibe um valor de 5. <strong>User Story # 6:</strong> Eu posso ver um elemento com um <code>id=&quot;session-length&quot;</code> correspondente <code>id=&quot;session-length&quot;</code> , que por padrão exibe um valor de 25. <strong>User Story # 7:</strong> Eu posso ver um elemento com um <code>id=&quot;timer-label&quot;</code> , que contém uma string indicando que uma sessão foi inicializada (por exemplo,&quot; Session &quot;) . <strong>User Story # 8:</strong> Eu posso ver um elemento com <code>id=&quot;time-left&quot;</code> . NOTA: Pausado ou em execução, o valor nesse campo sempre deve ser exibido no formato <code>mm:ss</code> (ou seja, 25:00). <strong>História do usuário nº 9:</strong> posso ver um elemento clicável com um <code>id=&quot;start_stop&quot;</code> . <strong>User Story # 10:</strong> Eu posso ver um elemento clicável com um <code>id=&quot;reset&quot;</code> . <strong>User Story # 11:</strong> Quando eu clico no elemento com o id de <code>reset</code> , qualquer timer em execução deve ser parado, o valor em <code>id=&quot;break-length&quot;</code> deve retornar para <code>5</code> , o valor em <code>id=&quot;session-length&quot;</code> deve retornar para 25, e o elemento com <code>id=&quot;time-left&quot;</code> deve redefinir para seu estado padrão. <strong>User Story # 12:</strong> Quando eu clico no elemento com o id de <code>break-decrement</code> , o valor dentro de <code>id=&quot;break-length&quot;</code> diminui por um valor de 1, e eu posso ver o valor atualizado. <strong>User Story # 13:</strong> Quando eu clico no elemento com o id de <code>break-increment</code> , o valor dentro de <code>id=&quot;break-length&quot;</code> incrementado por um valor de 1, e eu posso ver o valor atualizado. <strong>User Story # 14:</strong> Quando eu clico no elemento com o id de <code>session-decrement</code> de <code>session-decrement</code> , o valor dentro de <code>id=&quot;session-length&quot;</code> diminui por um valor de 1, e eu posso ver o valor atualizado. <strong>História do usuário # 15:</strong> quando eu clico no elemento com o id de <code>session-increment</code> de <code>session-increment</code> , o valor dentro de <code>id=&quot;session-length&quot;</code> incrementado pelo valor de 1, e eu posso ver o valor atualizado. <strong>User Story # 16:</strong> Eu não deveria ser capaz de definir uma sessão ou quebrar a duração para &lt;= 0. <strong>User Story # 17:</strong> Eu não deveria ser capaz de definir uma sessão ou break length para&gt; 60. <strong>User Story # 18:</strong> Quando eu primeiro clique no elemento com <code>id=&quot;start_stop&quot;</code> , o cronômetro deve começar a ser executado a partir do valor exibido no <code>id=&quot;session-length&quot;</code> , mesmo que o valor tenha sido incrementado ou decrementado em relação ao valor original de 25. <strong>User Story # 19 :</strong> Se o temporizador estiver em execução, o elemento com o id de <code>time-left</code> deverá exibir o tempo restante no formato <code>mm:ss</code> (diminuindo por um valor de 1 e atualizando a exibição a cada 1000ms). <strong>User Story # 20:</strong> Se o cronômetro estiver em execução e eu clicar no elemento com <code>id=&quot;start_stop&quot;</code> , a contagem regressiva deverá ser pausada. <strong>História do usuário nº 21:</strong> se o cronômetro estiver pausado e eu clicar no elemento com <code>id=&quot;start_stop&quot;</code> , a contagem regressiva deverá voltar a ser executada a partir do ponto em que ela foi pausada. <strong>User Story # 22:</strong> Quando uma contagem regressiva da sessão atingir zero (NOTA: o timer DEVE chegar às 00:00), e uma nova contagem regressiva começar, o elemento com o id do <code>timer-label</code> do <code>timer-label</code> deverá exibir uma string indicando que uma quebra começou. <strong>User Story # 23:</strong> Quando uma contagem regressiva da sessão atingir zero (NOTA: o timer DEVE chegar às 00:00), uma nova contagem regressiva da pausa deve começar, contando a partir do valor exibido atualmente no elemento <code>id=&quot;break-length&quot;</code> . <strong>História do usuário nº 24:</strong> Quando uma contagem regressiva da quebra atingir zero (NOTA: o cronômetro DEVE chegar às 00:00), e uma nova contagem regressiva começar, o elemento com o id do <code>timer-label</code> do <code>timer-label</code> deverá exibir uma cadeia indicando que uma sessão começou. <strong>User Story # 25:</strong> Quando uma contagem regressiva da quebra chegar a zero (NOTA: o timer DEVE chegar às 00:00), uma nova contagem regressiva da sessão deve começar, contando a partir do valor exibido no elemento <code>id=&quot;session-length&quot;</code> . <strong>User Story # 26:</strong> Quando uma contagem regressiva chegar a zero (NOTA: o temporizador DEVE chegar às 00:00), um som indicando que o tempo acabou deve ser reproduzido. Isso deve utilizar uma tag de <code>audio</code> HTML5 e ter um <code>id=&quot;beep&quot;</code> correspondente a <code>id=&quot;beep&quot;</code> . <strong>User Story # 27:</strong> O elemento de áudio com <code>id=&quot;beep&quot;</code> deve ser de 1 segundo ou mais. <strong>User Story # 28:</strong> O elemento audio com id de <code>beep</code> deve parar de tocar e ser rebobinado para o começo quando o elemento com o id de <code>reset</code> é clicado. Você pode criar seu projeto, bifurcando <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">essa caneta CodePen</a> . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.portuguese.md
new file mode 100644
index 0000000000..e43d5f46b4
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd13
+title: Build a Random Quote Machine
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Construa uma máquina de cotação aleatória
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/qRZeGZ" target="_blank">https://codepen.io/freeCodeCamp/full/qRZeGZ</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuário</a> abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar qualquer combinação de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux e jQuery para concluir este projeto. Você deve usar um framework frontend (como o React, por exemplo), porque esta seção é sobre o aprendizado de frameworks frontend. Tecnologias adicionais não listadas acima não são recomendadas e usá-las é por sua conta e risco. Estamos procurando dar suporte a outros frameworks frontend como Angular e Vue, mas eles não são suportados atualmente. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Codificação feliz! <strong>User Story # 1:</strong> Eu posso ver um elemento wrapper com um <code>id=&quot;quote-box&quot;</code> . <strong>User Story # 2:</strong> Dentro de <code>#quote-box</code> , posso ver um elemento com um <code>id=&quot;text&quot;</code> . <strong>User Story # 3:</strong> dentro de <code>#quote-box</code> , posso ver um elemento com um <code>id=&quot;author&quot;</code> . <strong>User Story # 4:</strong> dentro de <code>#quote-box</code> , posso ver um elemento clicável com um <code>id=&quot;new-quote&quot;</code> . <strong>User Story # 5:</strong> dentro de <code>#quote-box</code> , posso ver um clicável <codea< code=""> elemento com um correspondente <code>id=&quot;tweet-quote&quot;</code> . <strong>User Story # 6:</strong> No primeiro carregamento, minha máquina de cotação exibe uma cotação aleatória no elemento com <code>id=&quot;text&quot;</code> . <strong>User Story # 7:</strong> No primeiro carregamento, minha máquina de cotação exibe o autor da citação aleatória no elemento com <code>id=&quot;author&quot;</code> . <strong>User Story # 8:</strong> Quando o botão <code>#new-quote</code> é clicado, minha máquina de cotação deve buscar uma nova cotação e exibi-la no elemento <code>#text</code> . <strong>User Story # 9:</strong> Minha máquina de cotação deve buscar o autor da nova cotação quando o botão <code>#new-quote</code> for clicado e exibi-lo no elemento <code>#author</code> . <strong>User Story # 10:</strong> Eu posso twittar a citação atual clicando no elemento <code>#tweet-quote</code> <code>a</code> . Este <code>a</code> elemento deve incluir o <code>&quot;twitter.com/intent/tweet&quot;</code> caminho em que é <code>href</code> atributo para twittar a cotação atual. <strong>User Story # 11:</strong> O elemento wrapper <code>#quote-box</code> deve ser centrado horizontalmente. Por favor, execute testes com o nível de zoom do navegador em 100% e a página maximizada. Você pode criar seu projeto, bifurcando <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">essa caneta CodePen</a> . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. </codea<></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/jquery/change-text-inside-an-element-using-jquery.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/change-text-inside-an-element-using-jquery.portuguese.md
new file mode 100644
index 0000000000..80a14facd1
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/change-text-inside-an-element-using-jquery.portuguese.md
@@ -0,0 +1,87 @@
+---
+id: 564944c91be2204b269d51e3
+title: Change Text Inside an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: Alterar texto dentro de um elemento usando jQuery
+---
+
+## Description
+<section id="description"> Usando jQuery, você pode alterar o texto entre as tags de início e fim de um elemento. Você pode até mesmo alterar a marcação HTML. jQuery tem uma função chamada <code>.html()</code> que permite adicionar tags HTML e texto dentro de um elemento. Qualquer conteúdo anteriormente dentro do elemento será completamente substituído pelo conteúdo que você fornecer usando essa função. Aqui está como você iria reescrever e enfatizar o texto do nosso título: <code>$(&quot;h3&quot;).html(&quot;&lt;em&gt;jQuery Playground&lt;/em&gt;&quot;);</code> O jQuery também possui uma função similar chamada <code>.text()</code> que apenas altera o texto sem adicionar tags. Em outras palavras, essa função não avaliará nenhuma tag HTML passada a ela, mas a tratará como o texto com o qual você deseja substituir o conteúdo existente. Altere o botão com o ID <code>target4</code> , enfatizando seu texto. Confira este <a href="https://developer.mozilla.org/en/docs/Web/HTML/Element/em" target="_blank">link</a> para saber mais sobre a diferença entre <code>&lt;i&gt;</code> e <code>&lt;em&gt;</code> e seus usos. Observe que, embora a tag <code>&lt;i&gt;</code> tenha sido usada tradicionalmente para enfatizar o texto, ela já foi cooptada para uso como tag para ícones. A tag <code>&lt;em&gt;</code> agora é amplamente aceita como a tag para ênfase. Ou trabalharemos para este desafio. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Enfatize o texto no seu botão <code>target4</code> adicionando tags HTML.
+    testString: 'assert.isTrue((/<em>|<i>\s*#target4\s*<\/em>|<\/i>/gi).test($("#target4").html()), "Emphasize the text in your <code>target4</code> button by adding HTML tags.");'
+  - text: Certifique-se de que o texto permaneça inalterado.
+    testString: 'assert($("#target4") && $("#target4").text().trim() === "#target4", "Make sure the text is otherwise unchanged.");'
+  - text: Não altere nenhum outro texto.
+    testString: 'assert.isFalse((/<em>|<i>/gi).test($("h3").html()), "Do not alter any other text.");'
+  - text: Certifique-se de estar usando <code>.html()</code> e não <code>.text()</code> .
+    testString: 'assert(code.match(/\.html\(/g), "Make sure you are using <code>.html()</code> and not <code>.text()</code>.");'
+  - text: Certifique-se de selecionar o <code>button id=&quot;target4&quot;</code> com jQuery.
+    testString: 'assert(code.match(/\$\(\s*?(\"|\")#target4(\"|\")\s*?\)\.html\(/), "Make sure to select <code>button id="target4"</code> with jQuery.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.portuguese.md
new file mode 100644
index 0000000000..16db4be550
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.portuguese.md
@@ -0,0 +1,86 @@
+---
+id: bad87fee1348bd9aed908826
+title: Change the CSS of an Element Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Alterar o CSS de um elemento usando jQuery
+---
+
+## Description
+<section id="description"> Também podemos alterar o CSS de um elemento HTML diretamente com o jQuery. jQuery tem uma função chamada <code>.css()</code> que permite alterar o CSS de um elemento. Veja como <code>$(&quot;#target1&quot;).css(&quot;color&quot;, &quot;blue&quot;);</code> a cor para azul: <code>$(&quot;#target1&quot;).css(&quot;color&quot;, &quot;blue&quot;);</code> Isso é um pouco diferente de uma declaração CSS normal, porque a propriedade CSS e seu valor estão entre aspas e separados por uma vírgula em vez de dois pontos. Exclua seus seletores do jQuery, deixando uma <code>document ready function</code> vazio. Selecione <code>target1</code> e mude sua cor para vermelho. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>target1</code> deve ter texto vermelho.
+    testString: 'assert($("#target1").css("color") === "rgb(255, 0, 0)", "Your <code>target1</code> element should have red text.");'
+  - text: Use apenas o jQuery para adicionar essas classes ao elemento.
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+    $("#target3").addClass("animated fadeOut");
+    $("button").removeClass("btn-default");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/jquery/clone-an-element-using-jquery.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/clone-an-element-using-jquery.portuguese.md
new file mode 100644
index 0000000000..6558b839ce
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/clone-an-element-using-jquery.portuguese.md
@@ -0,0 +1,86 @@
+---
+id: bad87fee1348bd9aed508826
+title: Clone an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: Clone um elemento usando jQuery
+---
+
+## Description
+<section id="description"> Além de mover elementos, você também pode copiá-los de um lugar para outro. jQuery tem uma função chamada <code>clone()</code> que faz uma cópia de um elemento. Por exemplo, se quiséssemos copiar o <code>target2</code> do nosso <code>target2</code> da <code>left-well</code> para o nosso da <code>right-well</code> , <code>$(&quot;#target2&quot;).clone().appendTo(&quot;#right-well&quot;);</code> : <code>$(&quot;#target2&quot;).clone().appendTo(&quot;#right-well&quot;);</code> Você notou que isso envolve juntar duas funções jQuery? Isso é chamado de <code>function chaining</code> e é uma maneira conveniente de fazer as coisas com o jQuery. Clone seu elemento <code>target5</code> e anexe-o à sua <code>left-well</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>target5</code> deve estar dentro do seu <code>right-well</code> .
+    testString: 'assert($("#right-well").children("#target5").length > 0, "Your <code>target5</code> element should be inside your <code>right-well</code>.");'
+  - text: Uma cópia do seu elemento <code>target5</code> também deve estar dentro do seu <code>left-well</code> .
+    testString: 'assert($("#left-well").children("#target5").length > 0, "A copy of your <code>target5</code> element should also be inside your <code>left-well</code>.");'
+  - text: Use apenas o jQuery para mover esses elementos.
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to move these elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/jquery/delete-your-jquery-functions.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/delete-your-jquery-functions.portuguese.md
new file mode 100644
index 0000000000..6610d443c2
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/delete-your-jquery-functions.portuguese.md
@@ -0,0 +1,91 @@
+---
+id: bad87fee1348bd9aeda08726
+title: Delete Your jQuery Functions
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Excluir suas funções do jQuery
+---
+
+## Description
+<section id="description"> Essas animações foram legais no começo, mas agora elas estão meio que distraindo. Exclua todas as três funções do jQuery da função <code>document ready function</code> , mas deixe a <code>document ready function</code> intacta. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Exclua todas as três funções do seu jQuery da sua <code>document ready function</code> .
+    testString: 'assert(code.match(/\{\s*\}\);/g), "Delete all three of your jQuery functions from your <code>document ready function</code>.");'
+  - text: Deixe seu elemento de <code>script</code> intacto.
+    testString: 'assert(code.match(/<script>/g), "Leave your <code>script</code> element intact.");'
+  - text: 'Deixe seu <code>$(document).ready(function() {</code> para o início do seu elemento de <code>script</code> .'
+    testString: 'assert(code.match(/\$\(document\)\.ready\(function\(\)\s?\{/g), "Leave your <code>$&#40document&#41.ready&#40function&#40&#41 {</code> to the beginning of your <code>script</code> element.");'
+  - text: 'Deixe sua &quot;função pronta para o documento&quot; fechando <code>})</code> intacta.'
+    testString: 'assert(code.match(/.*\s*\}\);/g), "Leave your "document ready function" closing <code>&#125;&#41;</code> intact.");'
+  - text: Deixe a tag de fechamento do elemento de <code>script</code> intacta.
+    testString: 'assert(code.match(/<\/script>/g) && code.match(/<script/g) && code.match(/<\/script>/g).length === code.match(/<script/g).length, "Leave your <code>script</code> element closing tag intact.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+    $("#target3").addClass("animated fadeOut");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/jquery/disable-an-element-using-jquery.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/disable-an-element-using-jquery.portuguese.md
new file mode 100644
index 0000000000..b47689574c
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/disable-an-element-using-jquery.portuguese.md
@@ -0,0 +1,83 @@
+---
+id: bad87fee1348bd9aed808826
+title: Disable an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: Desativar um elemento usando jQuery
+---
+
+## Description
+<section id="description"> Você também pode alterar as propriedades não CSS dos elementos HTML com jQuery. Por exemplo, você pode desativar os botões. Quando você desativa um botão, ele fica cinza e não pode mais ser clicado. jQuery tem uma função chamada <code>.prop()</code> que permite ajustar as propriedades dos elementos. Veja como você desabilitaria todos os botões: <code>$(&quot;button&quot;).prop(&quot;disabled&quot;, true);</code> Desativar apenas o botão <code>target1</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Desativar o seu botão <code>target1</code> .
+    testString: 'assert($("#target1") && $("#target1").prop("disabled") && code.match(/[""]disabled[""],( true|true)/g), "Disable your <code>target1</code> button.");'
+  - text: Não desabilite nenhum outro botão.
+    testString: 'assert($("#target2") && !$("#target2").prop("disabled"), "Do not disable any other buttons.");'
+  - text: Use apenas o jQuery para adicionar essas classes ao elemento.
+    testString: 'assert(!code.match(/disabled[^<]*>/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/jquery/learn-how-script-tags-and-document-ready-work.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/learn-how-script-tags-and-document-ready-work.portuguese.md
new file mode 100644
index 0000000000..0188718976
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/learn-how-script-tags-and-document-ready-work.portuguese.md
@@ -0,0 +1,76 @@
+---
+id: bad87fee1348bd9acdd08826
+title: Learn How Script Tags and Document Ready Work
+challengeType: 6
+videoUrl: ''
+localeTitle: Aprenda como as tags de script e o trabalho pronto para documentos
+---
+
+## Description
+<section id="description"> Agora estamos prontos para aprender o jQuery, a ferramenta JavaScript mais popular de todos os tempos. Antes de começarmos a usar o jQuery, precisamos adicionar algumas coisas ao nosso HTML. Primeiro, adicione um elemento de <code>script</code> no topo da sua página. Certifique-se de fechá-lo na linha seguinte. Seu navegador executará qualquer JavaScript dentro de um elemento de <code>script</code> , incluindo jQuery. Dentro do seu elemento de <code>script</code> , adicione este código: <code>$(document).ready(function() {</code> ao seu <code>script</code> . Em seguida, feche-o na seguinte linha (ainda dentro do seu elemento de <code>script</code> ) com: <code>});</code> Aprenderemos mais sobre <code>functions</code> mais tarde. O importante é saber que o código inserido nessa <code>function</code> será executado assim que o navegador carregar sua página. Isso é importante porque, sem a <code>document ready function</code> , seu código pode ser executado antes de seu HTML ser renderizado, o que causaria bugs. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Crie um elemento de <code>script</code> , certificando-se de que seja válido e tenha uma tag de fechamento.'
+    testString: 'assert(code.match(/<\/script\s*>/g) && code.match(/<script(\sasync|\sdefer)*(\s(charset|src|type)\s*=\s*["\"]+[^"\"]*["\"]+)*(\sasync|\sdefer)*\s*>/g) && code.match(/<\/script\s*>/g).length === code.match(/<script(\sasync|\sdefer)*(\s(charset|src|type)\s*=\s*["\"]+[^"\"]*["\"]+)*(\sasync|\sdefer)*\s*>/g).length, "Create a <code>script</code> element making sure it is valid and has a closing tag.");'
+  - text: 'Você deve adicionar <code>$(document).ready (function() {</code> ao início do seu elemento de <code>script</code> .'
+    testString: 'assert(code.match(/\$\s*?\(\s*?document\s*?\)\.ready\s*?\(\s*?function\s*?\(\s*?\)\s*?\{/g), "You should add <code>$&#40;document&#41;.ready<wbr>&#40;function&#40;&#41; {</code> to the beginning of your <code>script</code> element.");'
+  - text: 'Feche sua função <code>$(document).ready (function() {</code> function with <code>});</code>'
+    testString: 'assert(code.match(/\n*?\s*?\}\s*?\);/g), "Close your <code>$&#40;document&#41;.ready<wbr>&#40;function&#40;&#41; {</code> function with <code>}&#41;;</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/jquery/remove-an-element-using-jquery.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/remove-an-element-using-jquery.portuguese.md
new file mode 100644
index 0000000000..bc48af5d46
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/remove-an-element-using-jquery.portuguese.md
@@ -0,0 +1,82 @@
+---
+id: bad87fee1348bd9aed708826
+title: Remove an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: Remover um elemento usando jQuery
+---
+
+## Description
+<section id="description"> Agora vamos remover um elemento HTML da sua página usando jQuery. jQuery tem uma função chamada <code>.remove()</code> que remove um elemento HTML inteiramente Remove o elemento <code>target4</code> da página usando a função <code>.remove()</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Use jQuery para remover seu elemento <code>target4</code> da sua página.
+    testString: 'assert($("#target4").length === 0 && code.match(/\$\([""]#target4[""]\).remove\(\)/g), "Use jQuery to remove your <code>target4</code> element from your page.");'
+  - text: Use apenas o jQuery para remover este elemento.
+    testString: 'assert(code.match(/id="target4/g) && !code.match(/<!--.*id="target4".*-->/g) && $("#right-well").length > 0, "Only use jQuery to remove this element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/jquery/remove-classes-from-an-element-with-jquery.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/remove-classes-from-an-element-with-jquery.portuguese.md
new file mode 100644
index 0000000000..a3f888c89b
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/remove-classes-from-an-element-with-jquery.portuguese.md
@@ -0,0 +1,87 @@
+---
+id: bad87fee1348bd9aed918626
+title: Remove Classes from an Element with jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Remover classes de um elemento com jQuery
+---
+
+## Description
+<section id="description"> Da mesma forma que você pode adicionar classes a um elemento com a função <code>addClass()</code> do jQuery, você pode removê-los com a função <code>removeClass()</code> do jQuery. Veja como você faria isso para um botão específico: <code>$(&quot;#target2&quot;).removeClass(&quot;btn-default&quot;);</code> Vamos remover a classe <code>btn-default</code> de todos os nossos elementos de <code>button</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Remova a classe <code>btn-default</code> de todos os seus elementos de <code>button</code> .
+    testString: 'assert($(".btn-default").length === 0, "Remove the <code>btn-default</code> class from all of your <code>button</code> elements.");'
+  - text: Use apenas o jQuery para remover essa classe do elemento.
+    testString: 'assert(code.match(/btn btn-default/g), "Only use jQuery to remove this class from the element.");'
+  - text: Apenas remova a classe <code>btn-default</code> .
+    testString: 'assert(code.match(/\.[\v\s]*removeClass[\s\v]*\([\s\v]*("|")\s*btn-default\s*("|")[\s\v]*\)/gm), "Only remove the <code>btn-default</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+    $("#target3").addClass("animated fadeOut");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-a-specific-child-of-an-element-using-jquery.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-a-specific-child-of-an-element-using-jquery.portuguese.md
new file mode 100644
index 0000000000..b3c8f9d984
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-a-specific-child-of-an-element-using-jquery.portuguese.md
@@ -0,0 +1,93 @@
+---
+id: bad87fee1348bd9aed108826
+title: Target a Specific Child of an Element Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Segmentar um filho específico de um elemento usando jQuery
+---
+
+## Description
+<section id="description"> Você viu porque os atributos id são tão convenientes para a segmentação com seletores jQuery. Mas você nem sempre tem ids legais para trabalhar. Felizmente, o jQuery tem alguns outros truques para direcionar os elementos certos. O jQuery usa CSS Selectors para segmentar elementos. O seletor de <code>target:nth-child(n)</code> CSS permite selecionar todos os enésimos elementos com a classe de destino ou tipo de elemento. Veja como você daria ao terceiro elemento em cada poço a classe de rejeição: <code>$(&quot;.target:nth-child(3)&quot;).addClass(&quot;animated bounce&quot;);</code> Faça o segundo filho em cada um dos seus elementos do poço saltar. Você deve selecionar os filhos dos elementos com a classe de <code>target</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O segundo elemento em seus elementos de <code>target</code> deve saltar.
+    testString: 'assert($(".target:nth-child(2)").hasClass("animated") && $(".target:nth-child(2)").hasClass("bounce"), "The second element in your <code>target</code> elements should bounce.");'
+  - text: Apenas dois elementos devem saltar.
+    testString: 'assert($(".animated.bounce").length === 2, "Only two elements should bounce.");'
+  - text: 'Você deve usar o seletor <code>:nth-child()</code> para modificar esses elementos.'
+    testString: 'assert(code.match(/\:nth-child\(/g), "You should use the <code>&#58;nth-child&#40&#41</code> selector to modify these elements.");'
+  - text: Use apenas o jQuery para adicionar essas classes ao elemento.
+    testString: 'assert(code.match(/\$\(".target:nth-child\(2\)"\)/g) || code.match(/\$\(".target:nth-child\(2\)"\)/g) || code.match(/\$\(".target"\).filter\(":nth-child\(2\)"\)/g) || code.match(/\$\(".target"\).filter\(":nth-child\(2\)"\)/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+    $("#right-well").children().css("color", "orange");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-elements-by-class-using-jquery.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-elements-by-class-using-jquery.portuguese.md
new file mode 100644
index 0000000000..452f4c8e04
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-elements-by-class-using-jquery.portuguese.md
@@ -0,0 +1,82 @@
+---
+id: bad87fee1348bd9aedc08826
+title: Target Elements by Class Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Elementos de destino por classe usando jQuery
+---
+
+## Description
+<section id="description"> Você vê como fizemos todos os seus elementos de <code>button</code> saltarem? Nós os selecionamos com <code>$(&quot;button&quot;)</code> , então adicionamos algumas classes CSS a eles com <code>.addClass(&quot;animated bounce&quot;);</code> . Você acabou de usar a função <code>.addClass()</code> do jQuery, que permite adicionar classes aos elementos. Primeiro, vamos direcionar seus <code>div</code> elementos com a classe <code>well</code> , usando o <code>$(&quot;.well&quot;)</code> selector. Observe que, assim como com as declarações CSS, você digita um <code>.</code> antes do nome da turma. Em seguida, use a função <code>.addClass()</code> do jQuery para adicionar as classes <code>animated</code> e <code>shake</code> . Por exemplo, você pode criar todos os elementos com a trepidação <code>text-primary</code> da classe adicionando o seguinte à sua <code>document ready function</code> para o <code>document ready function</code> : <code>$(&quot;.text-primary&quot;).addClass(&quot;animated shake&quot;);</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Use o jQuery <code>addClass()</code> função para dar as aulas <code>animated</code> e <code>shake</code> a todos os seus elementos com a classe <code>well</code> .
+    testString: 'assert($(".well").hasClass("animated") && $(".well").hasClass("shake"), "Use the jQuery <code>addClass&#40&#41</code> function to give the classes <code>animated</code> and <code>shake</code> to all your elements with the class <code>well</code>.");'
+  - text: Use apenas o jQuery para adicionar essas classes ao elemento.
+    testString: 'assert(!code.match(/class\.\*animated/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-elements-by-id-using-jquery.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-elements-by-id-using-jquery.portuguese.md
new file mode 100644
index 0000000000..fac28ce3e5
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-elements-by-id-using-jquery.portuguese.md
@@ -0,0 +1,86 @@
+---
+id: bad87fee1348bd9aeda08826
+title: Target Elements by id Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Elementos de destino por id usando jQuery
+---
+
+## Description
+<section id="description"> Você também pode segmentar elementos por seus atributos id. Primeiro, direcione seu elemento <code>button</code> com o id <code>target3</code> usando o seletor <code>$(&quot;#target3&quot;)</code> . Note que, assim como com as declarações CSS, você digita um <code>#</code> antes do nome do id. Em seguida, use a função <code>.addClass()</code> do jQuery para adicionar as classes <code>animated</code> e <code>fadeOut</code> . Aqui está como você faria o elemento <code>button</code> com o id <code>target6</code> fade out: <code>$(&quot;#target6&quot;).addClass(&quot;animated fadeOut&quot;)</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Selecione o elemento <code>button</code> com o <code>id</code> de <code>target3</code> e use a função jQuery <code>addClass()</code> para dar a classe de <code>animated</code> .
+    testString: 'assert($("#target3").hasClass("animated"), "Select the <code>button</code> element with the <code>id</code> of <code>target3</code> and use the jQuery <code>addClass&#40&#41</code> function to give it the class of <code>animated</code>.");'
+  - text: Segmente o elemento com o id <code>target3</code> e use a função jQuery <code>addClass()</code> para dar a classe <code>fadeOut</code> .
+    testString: 'assert(($("#target3").hasClass("fadeOut") || $("#target3").hasClass("fadeout"))  && code.match(/\$\(\s*.#target3.\s*\)/g), "Target the element with the id <code>target3</code> and use the jQuery <code>addClass&#40&#41</code> function to give it the class <code>fadeOut</code>.");'
+  - text: Use apenas o jQuery para adicionar essas classes ao elemento.
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-even-elements-using-jquery.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-even-elements-using-jquery.portuguese.md
new file mode 100644
index 0000000000..74f7081273
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-even-elements-using-jquery.portuguese.md
@@ -0,0 +1,93 @@
+---
+id: bad87fee1348bd9aed008826
+title: Target Even Elements Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Alvo mesmo elementos usando jQuery
+---
+
+## Description
+<section id="description"> Você também pode segmentar elementos com base em suas posições usando <code>:odd</code> ou <code>:even</code> seletores <code>:even</code> . Note que o jQuery é zero-indexado, o que significa que o primeiro elemento em uma seleção tem uma posição 0. Isso pode ser um pouco confuso, pois, intuitivamente <code>:odd</code> seleciona o segundo elemento (posição 1), quarto elemento (posição 3) , e assim por diante. Aqui está como você iria direcionar todos os elementos ímpares com a classe <code>target</code> e dar-lhes classes: <code>$(&quot;.target:odd&quot;).addClass(&quot;animated shake&quot;);</code> Tente selecionar todos os elementos do mesmo <code>target</code> e dar a eles as classes de <code>animated</code> e <code>shake</code> . Lembre-se que <strong>até</strong> se refere à posição dos elementos com um sistema baseado em zero em mente. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os elementos de <code>target</code> que o jQuery considera serem pares devem se movimentar.
+    testString: 'assert($(".target:even").hasClass("animated") && $(".target:even").hasClass("shake"), "All of the <code>target</code> elements that jQuery considers to be even should shake.");'
+  - text: 'Você deve usar o seletor <code>:even</code> para modificar esses elementos.'
+    testString: 'assert(code.match(/\:even/g), "You should use the <code>&#58;even</code> selector to modify these elements.");'
+  - text: Use apenas o jQuery para adicionar essas classes ao elemento.
+    testString: 'assert(code.match(/\$\(".target:even"\)/g) || code.match(/\$\(".target:even"\)/g) || code.match(/\$\(".target"\).filter\(":even"\)/g) || code.match(/\$\(".target"\).filter\(":even"\)/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+    $("#right-well").children().css("color", "orange");
+    $("#left-well").children().css("color", "green");
+    $(".target:nth-child(2)").addClass("animated bounce");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-html-elements-with-selectors-using-jquery.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-html-elements-with-selectors-using-jquery.portuguese.md
new file mode 100644
index 0000000000..7fab2bd9ac
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-html-elements-with-selectors-using-jquery.portuguese.md
@@ -0,0 +1,84 @@
+---
+id: bad87fee1348bd9bedc08826
+title: Target HTML Elements with Selectors Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Alvo de elementos HTML com seletores usando jQuery
+---
+
+## Description
+<section id="description"> Agora temos uma <code>document ready function</code> . Agora vamos escrever nossa primeira declaração jQuery. Todas as funções do jQuery começam com um <code>$</code> , geralmente chamado de <code>dollar sign operator</code> , ou <code>bling</code> . Muitas vezes, o jQuery seleciona um elemento HTML com um <code>selector</code> e faz algo com esse elemento. Por exemplo, vamos fazer todos os seus elementos de <code>button</code> saltarem. Basta adicionar este código dentro da função pronta para o seu documento: <code>$(&quot;button&quot;).addClass(&quot;animated bounce&quot;);</code> Observe que já incluímos a biblioteca jQuery e a biblioteca Animate.css em segundo plano para que você possa usá-las no editor. Então você está usando o jQuery para aplicar a classe de <code>bounce</code> do Animate.css aos seus elementos de <code>button</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Use a função <code>addClass()</code> do jQuery para dar as classes <code>animated</code> e <code>bounce</code> para seus elementos de <code>button</code> .
+    testString: 'assert($("button").hasClass("animated") && $("button").hasClass("bounce"), "Use the jQuery <code>addClass&#40&#41</code> function to give the classes <code>animated</code> and <code>bounce</code> to your <code>button</code> elements.");'
+  - text: Use apenas o jQuery para adicionar essas cores ao elemento.
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to add these colors to the element.");'
+  - text: Seu código jQuery deve estar dentro do <code>$(document).ready();</code> função.
+    testString: 'assert(code.match(/\$\(document\)\.ready\(function.*(\s|\n)*.*button.*.addClass.*\);/g), "Your jQuery code should be within the <code>$(document).ready();</code> function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-the-children-of-an-element-using-jquery.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-the-children-of-an-element-using-jquery.portuguese.md
new file mode 100644
index 0000000000..cea45278a0
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-the-children-of-an-element-using-jquery.portuguese.md
@@ -0,0 +1,87 @@
+---
+id: bad87fee1348bd9aed208826
+title: Target the Children of an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: Segmente os filhos de um elemento usando jQuery
+---
+
+## Description
+<section id="description"> Quando os elementos HTML são colocados um nível abaixo do outro, eles são chamados <code>children</code> desse elemento. Por exemplo, os elementos de botão neste desafio com o texto &quot;# target1&quot;, &quot;# target2&quot; e &quot;# target3&quot; são todos <code>children</code> do elemento <code>&lt;div class=&quot;well&quot; id=&quot;left-well&quot;&gt;</code> . jQuery tem uma função chamada <code>children()</code> que permite que você acesse os filhos de qualquer elemento selecionado. Aqui está um exemplo de como você usaria a função <code>children()</code> para dar aos filhos do seu elemento de <code>left-well</code> a cor <code>blue</code> : <code>$(&quot;#left-well&quot;).children().css(&quot;color&quot;, &quot;blue&quot;)</code> </section>
+
+## Instructions
+<section id="instructions"> Dê a todas as crianças do seu elemento do <code>right-well</code> a cor laranja. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Todos os filhos de <code>#right-well</code> devem ter texto em laranja.'
+    testString: 'assert($("#right-well").children().css("color") === "rgb(255, 165, 0)", "All children of <code>#right-well</code> should have orange text.");'
+  - text: Você deve usar a função <code>children()</code> para modificar esses elementos.
+    testString: 'assert(code.match(/\.children\(\)\.css/g), "You should use the <code>children&#40&#41</code> function to modify these elements.");'
+  - text: Use apenas o jQuery para adicionar essas classes ao elemento.
+    testString: 'assert(code.match(/<div class="well" id="right-well">/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-the-parent-of-an-element-using-jquery.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-the-parent-of-an-element-using-jquery.portuguese.md
new file mode 100644
index 0000000000..d6588dafe6
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-the-parent-of-an-element-using-jquery.portuguese.md
@@ -0,0 +1,91 @@
+---
+id: bad87fee1348bd9aed308826
+title: Target the Parent of an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: Segmentar o pai de um elemento usando jQuery
+---
+
+## Description
+<section id="description"> Cada elemento HTML possui um elemento <code>parent</code> do qual <code>inherits</code> propriedades. Por exemplo, o elemento <code>h3</code> <code>jQuery Playground</code> tem o elemento pai de <code>&lt;div class=&quot;container-fluid&quot;&gt;</code> , que por sua vez tem o <code>body</code> pai. jQuery tem uma função chamada <code>parent()</code> que permite que você acesse o pai do elemento que você selecionou. Aqui está um exemplo de como você usaria a função <code>parent()</code> se você quisesse dar ao elemento pai do elemento <code>left-well</code> uma cor de fundo de blue: <code>$(&quot;#left-well&quot;).parent().css(&quot;background-color&quot;, &quot;blue&quot;)</code> Forneça ao pai do elemento <code>#target1</code> uma cor de fundo em vermelho. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento de <code>left-well</code> deve ter um fundo vermelho.
+    testString: 'assert($("#left-well").css("background-color") === "red" || $("#left-well").css("background-color") === "rgb(255, 0, 0)" || $("#left-well").css("background-color").toLowerCase() === "#ff0000" || $("#left-well").css("background-color").toLowerCase() === "#f00", "Your <code>left-well</code> element should have a red background.");'
+  - text: Você deve usar a função <code>.parent()</code> para modificar este elemento.
+    testString: 'assert(code.match(/\.parent\s*\(\s*\)\s*\.css/g), "You should use the <code>&#46;parent&#40;&#41;</code> function to modify this element.");'
+  - text: 'O método <code>.parent()</code> deve ser chamado no elemento <code>#target1</code> .'
+    testString: 'assert(code.match(/\$\s*?\(\s*?(?:"|")\s*?#target1\s*?(?:"|")\s*?\)\s*?\.parent/gi), "The <code>&#46;parent&#40;&#41;</code> method should be called on the <code>&#35;target1</code> element.");'
+  - text: Use apenas o jQuery para adicionar essas classes ao elemento.
+    testString: 'assert(code.match(/<div class="well" id="left-well">/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<body>
+  <div class="container-fluid">
+    <h3 class="text-primary text-center">jQuery Playground</h3>
+    <div class="row">
+      <div class="col-xs-6">
+        <h4>#left-well</h4>
+        <div class="well" id="left-well">
+          <button class="btn btn-default target" id="target1">#target1</button>
+          <button class="btn btn-default target" id="target2">#target2</button>
+          <button class="btn btn-default target" id="target3">#target3</button>
+        </div>
+      </div>
+      <div class="col-xs-6">
+        <h4>#right-well</h4>
+        <div class="well" id="right-well">
+          <button class="btn btn-default target" id="target4">#target4</button>
+          <button class="btn btn-default target" id="target5">#target5</button>
+          <button class="btn btn-default target" id="target6">#target6</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-the-same-element-with-multiple-jquery-selectors.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-the-same-element-with-multiple-jquery-selectors.portuguese.md
new file mode 100644
index 0000000000..c118f05087
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/target-the-same-element-with-multiple-jquery-selectors.portuguese.md
@@ -0,0 +1,90 @@
+---
+id: bad87fee1348bd9aed908626
+title: Target the Same Element with Multiple jQuery Selectors
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Segmente o mesmo elemento com vários seletores jQuery
+---
+
+## Description
+<section id="description"> Agora você conhece três maneiras de segmentar elementos: por tipo: <code>$(&quot;button&quot;)</code> , por classe: <code>$(&quot;.btn&quot;)</code> e por id <code>$(&quot;#target1&quot;)</code> . Embora seja possível adicionar várias classes em uma única chamada <code>.addClass()</code> , vamos incluí-las no mesmo elemento de <em>três maneiras distintas</em> . Usando <code>.addClass()</code> , adicione somente uma classe por vez ao mesmo elemento, de três maneiras diferentes: Adicione a classe <code>animated</code> a todos os elementos com o <code>button</code> type. Adicione a classe <code>shake</code> a todos os botões com a classe <code>.btn</code> . Adicione a classe <code>btn-primary</code> ao botão com id <code>#target1</code> . <strong>Nota</strong> <br> Você deve segmentar apenas um elemento e adicionar apenas uma classe por vez. No total, seus três seletores individuais acabarão adicionando as três classes <code>shake</code> , <code>animated</code> e <code>btn-primary</code> a <code>#target1</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Use o seletor <code>$(&quot;button&quot;)</code> .
+    testString: 'assert(code.match(/\$\s*?\(\s*?(?:"|")\s*?button\s*?(?:"|")/gi), "Use the <code>$&#40"button"&#41</code> selector.");'
+  - text: Use o seletor <code>$(&quot;.btn&quot;)</code> .
+    testString: 'assert(code.match(/\$\s*?\(\s*?(?:"|")\s*?\.btn\s*?(?:"|")/gi), "Use the <code>$&#40".btn"&#41</code> selector.");'
+  - text: 'Use o seletor <code>$(&quot;#target1&quot;)</code> .'
+    testString: 'assert(code.match(/\$\s*?\(\s*?(?:"|")\s*?#target1\s*?(?:"|")/gi), "Use the <code>$&#40"#target1"&#41</code> selector.");'
+  - text: Adicione apenas uma classe a cada um dos seus três seletores.
+    testString: 'assert(code.match(/addClass/g) && code.match(/addClass\s*?\(\s*?("|")\s*?[\w-]+\s*?\1\s*?\)/g).length > 2, "Only add one class with each of your three selectors.");'
+  - text: 'Seu elemento <code>#target1</code> deve ter as turmas <code>animated</code> , <code>shake</code> e <code>btn-primary</code> .'
+    testString: 'assert($("#target1").hasClass("animated") && $("#target1").hasClass("shake") && $("#target1").hasClass("btn-primary"), "Your <code>#target1</code> element should have the classes <code>animated</code>&#130; <code>shake</code> and <code>btn-primary</code>.");'
+  - text: Use apenas o jQuery para adicionar essas classes ao elemento.
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/jquery/use-appendto-to-move-elements-with-jquery.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/use-appendto-to-move-elements-with-jquery.portuguese.md
new file mode 100644
index 0000000000..b5afe44ffa
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/use-appendto-to-move-elements-with-jquery.portuguese.md
@@ -0,0 +1,85 @@
+---
+id: bad87fee1348bd9aed608826
+title: Use appendTo to Move Elements with jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: Use appendTo para mover elementos com jQuery
+---
+
+## Description
+<section id="description"> Agora vamos tentar mover elementos de uma <code>div</code> para outra. jQuery tem uma função chamada <code>appendTo()</code> que permite selecionar elementos HTML e anexá-los a outro elemento. Por exemplo, se quiséssemos mover bem o <code>target4</code> da direita para a esquerda, <code>$(&quot;#target4&quot;).appendTo(&quot;#left-well&quot;);</code> : <code>$(&quot;#target4&quot;).appendTo(&quot;#left-well&quot;);</code> Mova seu elemento <code>target2</code> seu <code>target2</code> da <code>left-well</code> para o da <code>right-well</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu elemento <code>target2</code> não deve estar dentro do seu <code>left-well</code> .
+    testString: 'assert($("#left-well").children("#target2").length === 0, "Your <code>target2</code> element should not be inside your <code>left-well</code>.");'
+  - text: Seu elemento <code>target2</code> deve estar dentro do seu <code>right-well</code> .
+    testString: 'assert($("#right-well").children("#target2").length > 0, "Your <code>target2</code> element should be inside your <code>right-well</code>.");'
+  - text: Use apenas o jQuery para mover esses elementos.
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to move these elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/jquery/use-jquery-to-modify-the-entire-page.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/use-jquery-to-modify-the-entire-page.portuguese.md
new file mode 100644
index 0000000000..e1c57ed53b
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/jquery/use-jquery-to-modify-the-entire-page.portuguese.md
@@ -0,0 +1,90 @@
+---
+id: bad87fee1348bd9aecb08826
+title: Use jQuery to Modify the Entire Page
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Use jQuery para modificar a página inteira
+---
+
+## Description
+<section id="description"> Acabamos de brincar com nosso playground da jQuery. Vamos derrubá-lo! O jQuery também pode segmentar o elemento <code>body</code> . Veja como faríamos todo o corpo desaparecer: <code>$(&quot;body&quot;).addClass(&quot;animated fadeOut&quot;);</code> Mas vamos fazer algo mais dramático. Adicione as classes <code>animated</code> e <code>hinge</code> ao elemento do <code>body</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Adicione as classes <code>animated</code> e <code>hinge</code> ao elemento do <code>body</code> .
+    testString: 'assert($("body").hasClass("animated") && $("body").hasClass("hinge"), "Add the classes <code>animated</code> and <code>hinge</code> to your <code>body</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+    $("#right-well").children().css("color", "orange");
+    $("#left-well").children().css("color", "green");
+    $(".target:nth-child(2)").addClass("animated bounce");
+    $(".target:even").addClass("animated shake");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/connect-redux-to-react.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/connect-redux-to-react.portuguese.md
new file mode 100644
index 0000000000..4bbacc4a7b
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/connect-redux-to-react.portuguese.md
@@ -0,0 +1,93 @@
+---
+id: 5a24c314108439a4d4036147
+title: Connect Redux to React
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Conecte o Redux para Reagir
+---
+
+## Description
+<section id="description"> Agora que você <code>mapStateToProps()</code> as <code>mapStateToProps()</code> e <code>mapDispatchToProps()</code> , é possível usá-las para mapear <code>state</code> e <code>dispatch</code> para os <code>props</code> de um de seus componentes React. O método de <code>connect</code> do React Redux pode manipular essa tarefa. Esse método usa dois argumentos opcionais, <code>mapStateToProps()</code> e <code>mapDispatchToProps()</code> . Eles são opcionais porque você pode ter um componente que precisa apenas acessar o <code>state</code> mas não precisa despachar nenhuma ação, ou vice-versa. Para usar esse método, passe as funções como argumentos e chame imediatamente o resultado com seu componente. Esta sintaxe é um pouco incomum e se parece com: <code>connect(mapStateToProps, mapDispatchToProps)(MyComponent)</code> <strong>Nota:</strong> Se você quiser omitir um dos argumentos para o método <code>connect</code> , você passa <code>null</code> em seu lugar. </section>
+
+## Instructions
+<section id="instructions"> O editor de código possui as <code>mapStateToProps()</code> e <code>mapDispatchToProps()</code> e um novo componente React chamado <code>Presentational</code> . Conecte esse componente ao Redux com o método <code>connect</code> do objeto global <code>ReactRedux</code> e chame-o imediatamente no componente <code>Presentational</code> . Atribua o resultado a uma nova <code>const</code> chamada <code>ConnectedComponent</code> que representa o componente conectado. É isso aí, agora você está conectado ao Redux! Tente alterar um dos argumentos da <code>connect</code> para <code>null</code> e observe os resultados do teste. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>Presentational</code> deve renderizar.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("Presentational").length === 1; })(), "The <code>Presentational</code> component should render.");'
+  - text: O componente <code>Presentational</code> deve receber uma <code>messages</code> prop por <code>connect</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const props = mockedComponent.find("Presentational").props(); return props.messages === "__INITIAL__STATE__"; })(), "The <code>Presentational</code> component should receive a prop <code>messages</code> via <code>connect</code>.");'
+  - text: O componente <code>Presentational</code> deve receber um prop <code>submitNewMessage</code> via <code>connect</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const props = mockedComponent.find("Presentational").props(); return typeof props.submitNewMessage === "function"; })(), "The <code>Presentational</code> component should receive a prop <code>submitNewMessage</code> via <code>connect</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const addMessage = (message) => {
+  return {
+    type: 'ADD',
+    message: message
+  }
+};
+
+const mapStateToProps = (state) => {
+  return {
+    messages: state
+  }
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    submitNewMessage: (message) => {
+      dispatch(addMessage(message));
+    }
+  }
+};
+
+class Presentational extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return <h3>This is a Presentational Component</h3>
+  }
+};
+
+const connect = ReactRedux.connect;
+// change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/connect-redux-to-the-messages-app.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/connect-redux-to-the-messages-app.portuguese.md
new file mode 100644
index 0000000000..0b4a5df4db
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/connect-redux-to-the-messages-app.portuguese.md
@@ -0,0 +1,161 @@
+---
+id: 5a24c314108439a4d4036148
+title: Connect Redux to the Messages App
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Conecte o Redux ao aplicativo de mensagens
+---
+
+## Description
+<section id="description"> Agora que você entendeu como usar a <code>connect</code> para conectar o React ao Redux, você pode aplicar o que aprendeu ao seu componente React que lida com mensagens. Na última lição, o componente que você conectou ao Redux chamava-se <code>Presentational</code> , e isso não era arbitrário. Este termo <i>geralmente</i> se refere aos componentes React que não estão diretamente conectados ao Redux. Eles são simplesmente responsáveis ​​pela apresentação da interface do usuário e fazem isso como uma função dos objetos que recebem. Por outro lado, os componentes do contêiner estão conectados ao Redux. Normalmente, eles são responsáveis ​​por despachar ações para o armazenamento e, freqüentemente, passar o estado do armazenamento para componentes filhos como acessórios. </section>
+
+## Instructions
+<section id="instructions"> O editor de código tem todo o código que você escreveu nesta seção até agora. A única mudança é que o componente React é renomeado para <code>Presentational</code> . Crie um novo componente mantido em uma constante chamada <code>Container</code> que usa <code>connect</code> para conectar o componente <code>Presentational</code> ao Redux. Em seguida, no <code>AppWrapper</code> , renderize o componente React Redux <code>Provider</code> . Passe <code>Provider</code> ao <code>store</code> Redux como prop e renderize <code>Container</code> como um filho. Depois que tudo estiver configurado, você verá o aplicativo de mensagens renderizado para a página novamente. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O <code>AppWrapper</code> deve renderizar para a página.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("AppWrapper").length === 1; })(), "The <code>AppWrapper</code> should render to the page.");'
+  - text: 'O componente <code>Presentational</code> deve renderizar os elementos <code>h2</code> , <code>input</code> , <code>button</code> e <code>ul</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("Presentational").length === 1; })(), "The <code>Presentational</code> component should render an <code>h2</code>, <code>input</code>, <code>button</code>, and <code>ul</code> elements.");'
+  - text: 'O componente <code>Presentational</code> deve renderizar os elementos <code>h2</code> , <code>input</code> , <code>button</code> e <code>ul</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); return ( PresentationalComponent.find("div").length === 1 && PresentationalComponent.find("h2").length === 1 && PresentationalComponent.find("button").length === 1 && PresentationalComponent.find("ul").length === 1 ); })(), "The <code>Presentational</code> component should render an <code>h2</code>, <code>input</code>, <code>button</code>, and <code>ul</code> elements.");'
+  - text: O componente <code>Presentational</code> deve receber <code>messages</code> da loja Redux como um prop.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); const props = PresentationalComponent.props(); return Array.isArray(props.messages); })(), "The <code>Presentational</code> component should receive <code>messages</code> from the Redux store as a prop.");'
+  - text: O componente <code>Presentational</code> deve receber o criador da ação <code>submitMessage</code> como um prop.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); const props = PresentationalComponent.props(); return typeof props.submitNewMessage === "function"; })(), "The <code>Presentational</code> component should receive the <code>submitMessage</code> action creator as a prop.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// Redux:
+const ADD = 'ADD';
+
+const addMessage = (message) => {
+  return {
+    type: ADD,
+    message: message
+  }
+};
+
+const messageReducer = (state = [], action) => {
+  switch (action.type) {
+    case ADD:
+      return [
+        ...state,
+        action.message
+      ];
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(messageReducer);
+
+// React:
+class Presentational extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      messages: []
+    }
+    this.handleChange = this.handleChange.bind(this);
+    this.submitMessage = this.submitMessage.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  submitMessage() {
+    const currentMessage = this.state.input;
+    this.setState({
+      input: ",
+      messages: this.state.messages.concat(currentMessage)
+    });
+  }
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange}/><br/>
+        <button onClick={this.submitMessage}>Submit</button>
+        <ul>
+          {this.state.messages.map( (message, idx) => {
+              return (
+                 <li key={idx}>{message}</li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+};
+
+// React-Redux:
+const mapStateToProps = (state) => {
+  return { messages: state }
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    submitNewMessage: (newMessage) => {
+       dispatch(addMessage(newMessage))
+    }
+  }
+};
+
+const Provider = ReactRedux.Provider;
+const connect = ReactRedux.connect;
+
+// define the Container component here:
+
+
+class AppWrapper extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    // complete the return statement:
+    return (null);
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/extract-local-state-into-redux.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/extract-local-state-into-redux.portuguese.md
new file mode 100644
index 0000000000..6fa7cce262
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/extract-local-state-into-redux.portuguese.md
@@ -0,0 +1,168 @@
+---
+id: 5a24c314108439a4d4036149
+title: Extract Local State into Redux
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Extrair o estado local no Redux
+---
+
+## Description
+<section id="description"> Você está quase pronto! Lembre-se que você escreveu todo o código do Redux para que o Redux pudesse controlar o gerenciamento de estado do seu aplicativo de mensagens do React. Agora que o Redux está conectado, você precisa extrair o gerenciamento de estado do componente <code>Presentational</code> para o Redux. Atualmente, você tem o Redux conectado, mas está lidando com o estado localmente no componente <code>Presentational</code> . </section>
+
+## Instructions
+<section id="instructions"> No componente <code>Presentational</code> , primeiro, remova a propriedade <code>messages</code> no <code>state</code> local. Essas mensagens serão gerenciadas pelo Redux. Em seguida, modifique o método <code>submitMessage()</code> para que ele <code>submitNewMessage()</code> partir <code>this.props</code> e passe a entrada de mensagem atual do <code>state</code> local como um argumento. Como você removeu as <code>messages</code> do estado local, remova também a propriedade <code>messages</code> da chamada para <code>this.setState()</code> aqui. Finalmente, modifique o método <code>render()</code> para que ele mapeie as mensagens recebidas de <code>props</code> ao invés de <code>state</code> . Depois que essas alterações forem feitas, o aplicativo continuará a funcionar da mesma forma, exceto que o Redux gerencia o estado. Este exemplo também ilustra como um componente pode ter <code>state</code> local: seu componente ainda rastreia a entrada do usuário localmente em seu próprio <code>state</code> . Você pode ver como o Redux fornece uma estrutura de gerenciamento de estado útil sobre o React. Você conseguiu o mesmo resultado usando apenas o estado local do React, e isso geralmente é possível com aplicativos simples. No entanto, à medida que seus aplicativos se tornam maiores e mais complexos, o mesmo acontece com o gerenciamento do estado, e esse é o problema que o Redux resolve. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O <code>AppWrapper</code> deve renderizar para a página.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("AppWrapper").length === 1; })(), "The <code>AppWrapper</code> should render to the page.");'
+  - text: 'O componente <code>Presentational</code> deve renderizar os elementos <code>h2</code> , <code>input</code> , <code>button</code> e <code>ul</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("Presentational").length === 1; })(), "The <code>Presentational</code> component should render an <code>h2</code>, <code>input</code>, <code>button</code>, and <code>ul</code> elements.");'
+  - text: 'O componente <code>Presentational</code> deve renderizar os elementos <code>h2</code> , <code>input</code> , <code>button</code> e <code>ul</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); return ( PresentationalComponent.find("div").length === 1 && PresentationalComponent.find("h2").length === 1 && PresentationalComponent.find("button").length === 1 && PresentationalComponent.find("ul").length === 1 ); })(), "The <code>Presentational</code> component should render an <code>h2</code>, <code>input</code>, <code>button</code>, and <code>ul</code> elements.");'
+  - text: O componente <code>Presentational</code> deve receber <code>messages</code> da loja Redux como um prop.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); const props = PresentationalComponent.props(); return Array.isArray(props.messages); })(), "The <code>Presentational</code> component should receive <code>messages</code> from the Redux store as a prop.");'
+  - text: O componente <code>Presentational</code> deve receber o criador da ação <code>submitMessage</code> como um prop.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); const props = PresentationalComponent.props(); return typeof props.submitNewMessage === "function"; })(), "The <code>Presentational</code> component should receive the <code>submitMessage</code> action creator as a prop.");'
+  - text: 'O estado do componente <code>Presentational</code> deve conter uma propriedade, <code>input</code> , que é inicializada para uma cadeia vazia.'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalState = mockedComponent.find("Presentational").instance().state; return typeof PresentationalState.input === "string" && Object.keys(PresentationalState).length === 1; })(), "The state of the <code>Presentational</code> component should contain one property, <code>input</code>, which is initialized to an empty string.");'
+  - text: Digitar no elemento de <code>input</code> deve atualizar o estado do componente <code>Presentational</code> .
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const testValue = "__MOCK__INPUT__"; const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); let initialInput = mockedComponent.find("Presentational").find("input"); const changed = () => { causeChange(mockedComponent, testValue); return waitForIt(() => mockedComponent )}; const updated = await changed(); const updatedInput = updated.find("Presentational").find("input"); assert(initialInput.props().value === "" && updatedInput.props().value === "__MOCK__INPUT__", "Typing in the <code>input</code> element should update the state of the <code>Presentational</code> component."); }; '
+  - text: Despachar o <code>submitMessage</code> no componente <code>Presentational</code> deve atualizar o armazenamento do Redux e limpar a entrada no estado local.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); let beforeProps = mockedComponent.find("Presentational").props(); const testValue = "__TEST__EVENT__INPUT__"; const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const changed = () => { causeChange(mockedComponent, testValue); return waitForIt(() => mockedComponent )}; const clickButton = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterChange = await changed(); const afterChangeInput = afterChange.find("input").props().value; const afterClick = await clickButton(); const afterProps = mockedComponent.find("Presentational").props(); assert(beforeProps.messages.length === 0 && afterChangeInput === testValue && afterProps.messages.pop() === testValue && afterClick.find("input").props().value === "", "Dispatching the <code>submitMessage</code> on the <code>Presentational</code> component should update Redux store and clear the input in local state."); }; '
+  - text: O componente <code>Presentational</code> deve renderizar as <code>messages</code> do armazenamento Redux.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); let beforeProps = mockedComponent.find("Presentational").props(); const testValue = "__TEST__EVENT__INPUT__"; const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const changed = () => { causeChange(mockedComponent, testValue); return waitForIt(() => mockedComponent )}; const clickButton = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterChange = await changed(); const afterChangeInput = afterChange.find("input").props().value; const afterClick = await clickButton(); const afterProps = mockedComponent.find("Presentational").props(); assert(beforeProps.messages.length === 0 && afterChangeInput === testValue && afterProps.messages.pop() === testValue && afterClick.find("input").props().value === "" && afterClick.find("ul").childAt(0).text() === testValue, "The <code>Presentational</code> component should render the <code>messages</code> from the Redux store."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// Redux:
+const ADD = 'ADD';
+
+const addMessage = (message) => {
+  return {
+    type: ADD,
+    message: message
+  }
+};
+
+const messageReducer = (state = [], action) => {
+  switch (action.type) {
+    case ADD:
+      return [
+        ...state,
+        action.message
+      ];
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(messageReducer);
+
+// React:
+const Provider = ReactRedux.Provider;
+const connect = ReactRedux.connect;
+
+// Change code below this line
+class Presentational extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      messages: []
+    }
+    this.handleChange = this.handleChange.bind(this);
+    this.submitMessage = this.submitMessage.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  submitMessage() {
+    this.setState({
+      input: ",
+      messages: this.state.messages.concat(this.state.input)
+    });
+  }
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange}/><br/>
+        <button onClick={this.submitMessage}>Submit</button>
+        <ul>
+          {this.state.messages.map( (message, idx) => {
+              return (
+                 <li key={idx}>{message}</li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+};
+// Change code above this line
+
+const mapStateToProps = (state) => {
+  return {messages: state}
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    submitNewMessage: (message) => {
+      dispatch(addMessage(message))
+    }
+  }
+};
+
+const Container = connect(mapStateToProps, mapDispatchToProps)(Presentational);
+
+class AppWrapper extends React.Component {
+  render() {
+    return (
+      <Provider store={store}>
+        <Container/>
+      </Provider>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/extract-state-logic-to-redux.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/extract-state-logic-to-redux.portuguese.md
new file mode 100644
index 0000000000..11743bb039
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/extract-state-logic-to-redux.portuguese.md
@@ -0,0 +1,60 @@
+---
+id: 5a24c314108439a4d4036143
+title: Extract State Logic to Redux
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Extraia a lógica de estado para Redux
+---
+
+## Description
+<section id="description"> Agora que você terminou o componente React, você precisa mover a lógica que está executando localmente em seu <code>state</code> para o Redux. Este é o primeiro passo para conectar o simples aplicativo React ao Redux. A única funcionalidade do seu aplicativo é adicionar novas mensagens do usuário a uma lista não ordenada. O exemplo é simples para demonstrar como o React e o Redux funcionam juntos. </section>
+
+## Instructions
+<section id="instructions"> Primeiro, defina um tipo de ação &#39;ADD&#39; e configure-o para um const <code>ADD</code> . Em seguida, defina um criador de ação <code>addMessage()</code> que cria a ação para adicionar uma mensagem. Você precisará passar uma <code>message</code> para este criador de ações e incluir a mensagem na <code>action</code> retornada. Em seguida, crie um redutor chamado <code>messageReducer()</code> que manipule o estado das mensagens. O estado inicial deve ser igual a um array vazio. Esse redutor deve adicionar uma mensagem à matriz de mensagens contidas no estado ou retornar o estado atual. Finalmente, crie sua loja Redux e passe o redutor. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O const <code>ADD</code> deve existir e conter um valor igual ao da string <code>ADD</code>
+    testString: 'assert(ADD === "ADD", "The const <code>ADD</code> should exist and hold a value equal to the string <code>ADD</code>");'
+  - text: O criador da ação <code>addMessage</code> deve retornar um objeto com o <code>type</code> igual a <code>ADD</code> e mensagem igual à mensagem que é passada.
+    testString: 'assert((function() { const addAction = addMessage("__TEST__MESSAGE__"); return addAction.type === ADD && addAction.message === "__TEST__MESSAGE__"; })(), "The action creator <code>addMessage</code> should return an object with <code>type</code> equal to <code>ADD</code> and message equal to the message that is passed in.");'
+  - text: <code>messageReducer</code> deve ser uma função.
+    testString: 'assert(typeof messageReducer === "function", "<code>messageReducer</code> should be a function.");'
+  - text: A loja deve existir e ter um estado inicial definido como uma matriz vazia.
+    testString: 'assert((function() { const initialState = store.getState(); return typeof store === "object" && initialState.length === 0; })(), "The store should exist and have an initial state set to an empty array.");'
+  - text: Despachando <code>addMessage</code> contra o armazenamento deve imutável adicionar uma nova mensagem para a matriz de mensagens mantidas em estado.
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch(addMessage("__A__TEST__MESSAGE")); const addState = store.getState(); return (isFrozen && addState[0] === "__A__TEST__MESSAGE"); })(), "Dispatching <code>addMessage</code> against the store should immutably add a new message to the array of messages held in state.");'
+  - text: O <code>messageReducer</code> deve retornar o estado atual se for chamado com qualquer outra ação.
+    testString: 'assert((function() { const addState = store.getState(); store.dispatch({type: "FAKE_ACTION"}); const testState = store.getState(); return (addState === testState); })(), "The <code>messageReducer</code> should return the current state if called with any other actions.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// define ADD, addMessage(), messageReducer(), and store here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/getting-started-with-react-redux.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/getting-started-with-react-redux.portuguese.md
new file mode 100644
index 0000000000..cc2162146f
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/getting-started-with-react-redux.portuguese.md
@@ -0,0 +1,69 @@
+---
+id: 5a24c314108439a4d4036141
+title: Getting Started with React Redux
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Começando com o React Redux
+---
+
+## Description
+<section id="description"> Esta série de desafios apresenta como usar o Redux com o React. Primeiro, aqui está uma revisão de alguns dos principais princípios de cada tecnologia. React é uma biblioteca de visualizações que você fornece com dados e renderiza a exibição de maneira eficiente e previsível. O Redux é uma estrutura de gerenciamento de estado que você pode usar para simplificar o gerenciamento do estado da sua aplicação. Normalmente, em um aplicativo React Redux, você cria um único repositório Redux que gerencia o estado de todo o aplicativo. Seus componentes do React assinam apenas os dados na loja que são relevantes para sua função. Em seguida, você envia ações diretamente dos componentes React, que acionam as atualizações da loja. Embora os componentes do React possam gerenciar seu próprio estado localmente, quando você tem um aplicativo complexo, geralmente é melhor manter o estado do aplicativo em um único local com o Redux. Há exceções quando componentes individuais podem ter um estado local específico somente para eles. Finalmente, como o Redux não foi projetado para funcionar com o React fora da caixa, você precisa usar o pacote <code>react-redux</code> . Ele fornece uma maneira de você passar o <code>state</code> Redux e <code>dispatch</code> para seus componentes React como <code>props</code> . Nos próximos desafios, primeiro, você criará um componente React simples que permitirá a entrada de novas mensagens de texto. Estes são adicionados a uma matriz que é exibida na exibição. Esta deve ser uma boa revisão do que você aprendeu nas lições do React. Em seguida, você criará um armazenamento Redux e ações que gerenciam o estado da matriz de mensagens. Finalmente, você usará <code>react-redux</code> para conectar o repositório do Redux com seu componente, extraindo assim o estado local para o repositório do Redux. </section>
+
+## Instructions
+<section id="instructions"> Comece com um componente <code>DisplayMessages</code> . Adicione um construtor a esse componente e inicialize-o com um estado que tenha duas propriedades: <code>input</code> , definida como uma cadeia vazia, e <code>messages</code> , configuradas como uma matriz vazia. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>DisplayMessages</code> deve renderizar um elemento <code>div</code> vazio.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); return mockedComponent.find("div").text() === "" })(), "The <code>DisplayMessages</code> component should render an empty <code>div</code> element.");'
+  - text: 'O construtor <code>DisplayMessages</code> deve ser chamado corretamente com <code>super</code> , passando em <code>props</code> .'
+    testString: 'getUserInput => assert((function() { const noWhiteSpace = getUserInput("index").replace(/\s/g,""); return noWhiteSpace.includes("constructor(props)") && noWhiteSpace.includes("super(props"); })(), "The <code>DisplayMessages</code> constructor should be called properly with <code>super</code>, passing in <code>props</code>.");'
+  - text: 'O componente <code>DisplayMessages</code> deve ter um estado inicial igual a <code>{input: &quot;&quot;, messages: []}</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const initialState = mockedComponent.state(); return typeof initialState === "object" && initialState.input === "" && Array.isArray(initialState.messages) && initialState.messages.length === 0; })(), "The <code>DisplayMessages</code> component should have an initial state equal to <code>{input: "", messages: []}</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class DisplayMessages extends React.Component {
+  // change code below this line
+
+  // change code above this line
+  render() {
+    return <div />
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/manage-state-locally-first.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/manage-state-locally-first.portuguese.md
new file mode 100644
index 0000000000..f2a7a6420a
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/manage-state-locally-first.portuguese.md
@@ -0,0 +1,88 @@
+---
+id: 5a24c314108439a4d4036142
+title: Manage State Locally First
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Gerenciar Estado Localmente Primeiro
+---
+
+## Description
+<section id="description"> Aqui você terminará de criar o componente <code>DisplayMessages</code> . </section>
+
+## Instructions
+<section id="instructions"> Primeiro, no método <code>render()</code> , faça o componente renderizar um elemento de <code>input</code> , elemento de <code>button</code> e elemento <code>ul</code> . Quando o elemento de <code>input</code> é alterado, ele deve acionar um método <code>handleChange()</code> . Além disso, o elemento de <code>input</code> deve renderizar o valor da <code>input</code> que está no estado do componente. O elemento <code>button</code> deve acionar um método <code>submitMessage()</code> quando é clicado. Em segundo lugar, escreva esses dois métodos. O método <code>handleChange()</code> deve atualizar a <code>input</code> com o que o usuário está digitando. O método <code>submitMessage()</code> deve concatenar a mensagem atual (armazenada na <code>input</code> ) para a matriz de <code>messages</code> no estado local e limpar o valor da <code>input</code> . Finalmente, use o <code>ul</code> para mapear a matriz de <code>messages</code> e renderizá-la na tela como uma lista de elementos <code>li</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O componente <code>DisplayMessages</code> deve inicializar com um estado igual a <code>{ input: &quot;&quot;, messages: [] }</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const initialState = mockedComponent.state(); return ( typeof initialState === "object" && initialState.input === "" && initialState.messages.length === 0); })(), "The <code>DisplayMessages</code> component should initialize with a state equal to <code>{ input: "", messages: [] }</code>.");'
+  - text: 'O componente <code>DisplayMessages</code> deve renderizar uma <code>div</code> contendo um elemento <code>h2</code> , um elemento <code>button</code> , um elemento <code>ul</code> e <code>li</code> como filhos.'
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const state = () => { mockedComponent.setState({messages: ["__TEST__MESSAGE"]}); return waitForIt(() => mockedComponent )}; const updated = await state(); assert(updated.find("div").length === 1 && updated.find("h2").length === 1 && updated.find("button").length === 1 && updated.find("ul").length === 1, "The <code>DisplayMessages</code> component should render a <code>div</code> containing an <code>h2</code> element, a <code>button</code> element, a <code>ul</code> element, and <code>li</code> elements as children."); }; '
+  - text: O elemento de <code>input</code> deve renderizar o valor da <code>input</code> no estado local.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const testValue = "__TEST__EVENT__INPUT"; const changed = () => { causeChange(mockedComponent, testValue); return waitForIt(() => mockedComponent )}; const updated = await changed(); assert(updated.find("input").props().value === testValue, "The <code>input</code> element should render the value of <code>input</code> in local state."); }; '
+  - text: Chamar o método <code>handleChange</code> deve atualizar o valor de <code>input</code> em estado para a entrada atual.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const initialState = mockedComponent.state(); const testMessage = "__TEST__EVENT__MESSAGE__"; const changed = () => { causeChange(mockedComponent, testMessage); return waitForIt(() => mockedComponent )}; const afterInput = await changed(); assert(initialState.input === "" && afterInput.state().input === "__TEST__EVENT__MESSAGE__", "Calling the method <code>handleChange</code> should update the <code>input</code> value in state to the current input.");  }; '
+  - text: Clicar no botão <code>Add message</code> deve chamar o método <code>submitMessage</code> que deve adicionar a <code>input</code> atual ao array de <code>messages</code> no estado.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const initialState = mockedComponent.state(); const testMessage_1 = "__FIRST__MESSAGE__"; const firstChange = () => { causeChange(mockedComponent, testMessage_1); return waitForIt(() => mockedComponent )}; const firstResult = await firstChange(); const firstSubmit = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterSubmit_1 = await firstSubmit(); const submitState_1 = afterSubmit_1.state(); const testMessage_2 = "__SECOND__MESSAGE__"; const secondChange = () => { causeChange(mockedComponent, testMessage_2); return waitForIt(() => mockedComponent )}; const secondResult = await secondChange(); const secondSubmit = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterSubmit_2 = await secondSubmit(); const submitState_2 = afterSubmit_2.state(); assert(initialState.messages.length === 0 && submitState_1.messages.length === 1 && submitState_2.messages.length === 2 && submitState_2.messages[1] === testMessage_2, "Clicking the <code>Add message</code> button should call the method <code>submitMessage</code> which should add the current <code>input</code> to the <code>messages</code> array in state."); }; '
+  - text: O método <code>submitMessage</code> deve limpar a entrada atual.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const initialState = mockedComponent.state(); const testMessage = "__FIRST__MESSAGE__"; const firstChange = () => { causeChange(mockedComponent, testMessage); return waitForIt(() => mockedComponent )}; const firstResult = await firstChange(); const firstState = firstResult.state(); const firstSubmit = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterSubmit = await firstSubmit(); const submitState = afterSubmit.state(); assert(firstState.input === testMessage && submitState.input === "", "The <code>submitMessage</code> method should clear the current input."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class DisplayMessages extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      messages: []
+    }
+  }
+  // add handleChange() and submitMessage() methods here
+
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        { /* render an input, button, and ul here */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/map-dispatch-to-props.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/map-dispatch-to-props.portuguese.md
new file mode 100644
index 0000000000..2fda1e360e
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/map-dispatch-to-props.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 5a24c314108439a4d4036146
+title: Map Dispatch to Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Despacho do Mapa para Adereços
+---
+
+## Description
+<section id="description"> A função <code>mapDispatchToProps()</code> é usada para fornecer criadores de ações específicas para seus componentes React para que eles possam despachar ações contra o armazenamento Redux. É semelhante em estrutura à função <code>mapStateToProps()</code> você escreveu no último desafio. Ele retorna um objeto que mapeia ações de despacho para nomes de propriedades, que se tornam <code>props</code> componentes. No entanto, em vez de retornar um pedaço de <code>state</code> , cada propriedade retorna uma função que chama <code>dispatch</code> com um criador de ações e quaisquer dados de ação relevantes. Você tem acesso a este <code>dispatch</code> porque é passado para <code>mapDispatchToProps()</code> como um parâmetro quando você define a função, assim como você passou de <code>state</code> para <code>mapStateToProps()</code> . Nos bastidores, o React Redux está usando o <code>store.dispatch()</code> do Redux para conduzir esses despachos com <code>mapDispatchToProps()</code> . Isso é semelhante a como ele usa <code>store.subscribe()</code> para componentes que são mapeados para o <code>state</code> . Por exemplo, você tem um criador de ações <code>loginUser()</code> que usa um <code>username</code> como uma carga útil de ação. O objeto retornado de <code>mapDispatchToProps()</code> para este criador de ações seria algo como: <blockquote> { <br> submitLoginUser: function (username) { <br> despacho (loginUser (username)); <br> } <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> O editor de código fornece um criador de ações chamado <code>addMessage()</code> . Escreva a função <code>mapDispatchToProps()</code> que usa <code>dispatch</code> como argumento e retorna um objeto. O objeto deve ter uma propriedade <code>submitNewMessage</code> configurada para a função dispatch, que recebe um parâmetro para a nova mensagem adicionar quando envia <code>addMessage()</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>addMessage</code> deve retornar um objeto com <code>type</code> e <code>message</code> chaves.
+    testString: 'assert((function() { const addMessageTest = addMessage(); return ( addMessageTest.hasOwnProperty("type") && addMessageTest.hasOwnProperty("message")); })(), "<code>addMessage</code> should return an object with keys <code>type</code> and <code>message</code>.");'
+  - text: <code>mapDispatchToProps</code> deve ser uma função.
+    testString: 'assert(typeof mapDispatchToProps === "function", "<code>mapDispatchToProps</code> should be a function.");'
+  - text: <code>mapDispatchToProps</code> deve retornar um objeto.
+    testString: 'assert(typeof mapDispatchToProps() === "object", "<code>mapDispatchToProps</code> should return an object.");'
+  - text: Despachar <code>addMessage</code> com <code>submitNewMessage</code> de <code>mapDispatchToProps</code> deve retornar uma mensagem para a função de dispatch.
+    testString: 'assert((function() { let testAction; const dispatch = (fn) => { testAction = fn; }; let dispatchFn = mapDispatchToProps(dispatch); dispatchFn.submitNewMessage("__TEST__MESSAGE__"); return (testAction.type === "ADD" && testAction.message === "__TEST__MESSAGE__"); })(), "Dispatching <code>addMessage</code> with <code>submitNewMessage</code> from <code>mapDispatchToProps</code> should return a message to the dispatch function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const addMessage = (message) => {
+  return {
+    type: 'ADD',
+    message: message
+  }
+};
+
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/map-state-to-props.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/map-state-to-props.portuguese.md
new file mode 100644
index 0000000000..3e23cee299
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/map-state-to-props.portuguese.md
@@ -0,0 +1,58 @@
+---
+id: 5a24c314108439a4d4036145
+title: Map State to Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Mapa do estado para adereços
+---
+
+## Description
+<section id="description"> O componente <code>Provider</code> permite que você forneça o <code>state</code> e o <code>dispatch</code> para seus componentes React, mas você deve especificar exatamente qual estado e ações você deseja. Dessa forma, você garante que cada componente tenha acesso apenas ao estado de que precisa. Você consegue isso criando duas funções: <code>mapStateToProps()</code> e <code>mapDispatchToProps()</code> . Nessas funções, você declara quais partes do estado deseja ter acesso e quais ações criadores precisa ser capaz de enviar. Uma vez que estas funções estão no lugar, você verá como usar o Reagir Redux <code>connect</code> método para conectá-los aos seus componentes em um outro desafio. <strong>Nota:</strong> Nos bastidores, o React Redux usa o método <code>store.subscribe()</code> para implementar o <code>mapStateToProps()</code> . </section>
+
+## Instructions
+<section id="instructions"> Crie uma função <code>mapStateToProps()</code> . Essa função deve usar o <code>state</code> como um argumento e, em seguida, retornar um objeto que mapeie esse estado para nomes de propriedade específicos. Essas propriedades se tornarão acessíveis ao seu componente por meio de <code>props</code> . Como este exemplo mantém todo o estado do aplicativo em um único array, você pode passar todo esse estado para o seu componente. Crie uma propriedade de <code>messages</code> no objeto que está sendo retornado e defina-a como <code>state</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O <code>state</code> const deve ser um array vazio.
+    testString: 'assert(Array.isArray(state) && state.length === 0, "The const <code>state</code> should be an empty array.");'
+  - text: <code>mapStateToProps</code> deve ser uma função.
+    testString: 'assert(typeof mapStateToProps === "function", "<code>mapStateToProps</code> should be a function.");'
+  - text: <code>mapStateToProps</code> deve retornar um objeto.
+    testString: 'assert(typeof mapStateToProps() === "object", "<code>mapStateToProps</code> should return an object.");'
+  - text: Passar uma matriz como estado para <code>mapStateToProps</code> deve retornar essa matriz atribuída a uma chave de <code>messages</code> .
+    testString: 'assert(mapStateToProps(["messages"]).messages.pop() === "messages", "Passing an array as state to <code>mapStateToProps</code> should return this array assigned to a key of <code>messages</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const state = [];
+
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/moving-forward-from-here.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/moving-forward-from-here.portuguese.md
new file mode 100644
index 0000000000..3db524c6c8
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/moving-forward-from-here.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: 5a24c314108439a4d403614a
+title: Moving Forward From Here
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Avançando daqui
+---
+
+## Description
+<section id="description"> Parabéns! Você terminou as lições de React e Redux. Há um último item que vale a pena apontar antes de seguir em frente. Normalmente, você não escreve aplicativos React em um editor de código como este. Este desafio lhe dá uma ideia de como é a sintaxe se você estiver trabalhando com o npm e um sistema de arquivos em sua própria máquina. O código deve ser semelhante, exceto pelo uso de instruções de <code>import</code> (essas são todas as dependências que foram fornecidas para você nos desafios). A seção &quot;Gerenciando Pacotes com npm&quot; abrange o npm em mais detalhes. Finalmente, escrever código React e Redux geralmente requer alguma configuração. Isso pode ficar complicado rapidamente. Se você estiver interessado em experimentar em sua própria máquina, o <a id="CRA" target="_blank" href="https://github.com/facebookincubator/create-react-app">aplicativo Create React</a> vem configurado e pronto para ser usado. Como alternativa, você pode ativar o Babel como um pré-processador JavaScript em CodePen, adicionar React e ReactDOM como recursos externos de JavaScript e trabalhar lá também. </section>
+
+## Instructions
+<section id="instructions"> Registre a mensagem <code>&#39;Now I know React and Redux!&#39;</code> para o console. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A mensagem <code>Now I know React and Redux!</code> deve ser registrado no console.
+    testString: 'assert(editor.getValue().includes("console.log("Now I know React and Redux!")") || editor.getValue().includes("console.log(\"Now I know React and Redux!\")"), "The message <code>Now I know React and Redux!</code> should be logged to the console.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// import React from 'react'
+// import ReactDOM from 'react-dom'
+// import { Provider, connect } from 'react-redux'
+// import { createStore, combineReducers, applyMiddleware } from 'redux'
+// import thunk from 'redux-thunk'
+
+// import rootReducer from './redux/reducers'
+// import App from './components/App'
+
+// const store = createStore(
+//   rootReducer,
+//   applyMiddleware(thunk)
+// );
+
+// ReactDOM.render(
+//   <Provider store={store}>
+//     <App/>
+//   </Provider>,
+//   document.getElementById('root')
+// );
+
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/use-provider-to-connect-redux-to-react.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/use-provider-to-connect-redux-to-react.portuguese.md
new file mode 100644
index 0000000000..0d40fc78f2
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react-and-redux/use-provider-to-connect-redux-to-react.portuguese.md
@@ -0,0 +1,141 @@
+---
+id: 5a24c314108439a4d4036144
+title: Use Provider to Connect Redux to React
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Use o provedor para conectar o Redux para reagir
+---
+
+## Description
+<section id="description"> No último desafio, você criou um repositório Redux para manipular a matriz de mensagens e criou uma ação para adicionar novas mensagens. A próxima etapa é fornecer acesso React ao armazenamento Redux e as ações necessárias para despachar atualizações. O React Redux fornece seu pacote <code>react-redux</code> para ajudar a realizar essas tarefas. O React Redux fornece uma pequena API com dois recursos principais: <code>Provider</code> e <code>connect</code> . Outro desafio abrange a <code>connect</code> . O <code>Provider</code> é um componente wrapper do React Redux que envolve seu aplicativo React. Este wrapper permite que você acesse as funções de <code>store</code> e <code>dispatch</code> do Redux em toda a árvore de componentes. <code>Provider</code> leva dois adereços, o armazenamento Redux e os componentes filhos do seu aplicativo. Definir o <code>Provider</code> para um componente de aplicativo pode ser assim: <blockquote> &lt;Loja do provedor = {store}&gt; <br> &lt;App /&gt; <br> &lt;/ Provedor&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> O editor de código agora mostra todo o seu código Redux e React dos últimos desafios. Inclui o repositório, as ações e o componente <code>DisplayMessages</code> do Redux. A única peça nova é o componente <code>AppWrapper</code> na parte inferior. Use este componente de nível superior para renderizar o <code>Provider</code> partir do <code>ReactRedux</code> e passe o repositório do Redux como prop. Em seguida, renderize o componente <code>DisplayMessages</code> como um filho. Quando terminar, você verá o componente React renderizado na página. <strong>Nota:</strong> React Redux está disponível como uma variável global aqui, então você pode acessar o Provider com notação de ponto. O código no editor tira proveito disso e o configura para um <code>Provider</code> constante para você usar no método de renderização <code>AppWrapper</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O <code>AppWrapper</code> deve renderizar.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("AppWrapper").length === 1; })(), "The <code>AppWrapper</code> should render.");'
+  - text: 'O componente wrapper <code>Provider</code> deve ter um prop de <code>store</code> passado para ele, igual ao repositório Redux.'
+    testString: 'getUserInput => assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return getUserInput("index").replace(/\s/g,"").includes("<Providerstore={store}>"); })(), "The <code>Provider</code> wrapper component should have a prop of <code>store</code> passed to it, equal to the Redux store.");'
+  - text: <code>DisplayMessages</code> deve renderizar como filho do <code>AppWrapper</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("AppWrapper").find("DisplayMessages").length === 1; })(), "<code>DisplayMessages</code> should render as a child of <code>AppWrapper</code>.");'
+  - text: 'O componente <code>DisplayMessages</code> deve renderizar um elemento h2, input, button e <code>ul</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("div").length === 1 && mockedComponent.find("h2").length === 1 && mockedComponent.find("button").length === 1 && mockedComponent.find("ul").length === 1; })(), "The <code>DisplayMessages</code> component should render an h2, input, button, and <code>ul</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// Redux Code:
+const ADD = 'ADD';
+
+const addMessage = (message) => {
+  return {
+    type: ADD,
+    message
+  }
+};
+
+const messageReducer = (state = [], action) => {
+  switch (action.type) {
+    case ADD:
+      return [
+        ...state,
+        action.message
+      ];
+    default:
+      return state;
+  }
+};
+
+
+
+const store = Redux.createStore(messageReducer);
+
+// React Code:
+
+class DisplayMessages extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      messages: []
+    }
+    this.handleChange = this.handleChange.bind(this);
+    this.submitMessage = this.submitMessage.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  submitMessage() {
+    const currentMessage = this.state.input;
+    this.setState({
+      input: ",
+      messages: this.state.messages.concat(currentMessage)
+    });
+  }
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange}/><br/>
+        <button onClick={this.submitMessage}>Submit</button>
+        <ul>
+          {this.state.messages.map( (message, idx) => {
+              return (
+                 <li key={idx}>{message}</li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+};
+
+const Provider = ReactRedux.Provider;
+
+class AppWrapper extends React.Component {
+  // render the Provider here
+
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/access-props-using-this.props.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/access-props-using-this.props.portuguese.md
new file mode 100644
index 0000000000..81156457bf
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/access-props-using-this.props.portuguese.md
@@ -0,0 +1,99 @@
+---
+id: 5a24c314108439a4d403616e
+title: Access Props Using this.props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Adereços de acesso usando this.props
+---
+
+## Description
+<section id="description"> Os últimos vários desafios cobriram as maneiras básicas de passar adereços aos componentes filhos. Mas e se o componente filho para o qual você está passando um prop for um componente de classe ES6, em vez de um componente funcional sem estado? O componente de classe ES6 usa uma convenção ligeiramente diferente para acessar adereços. Sempre que você se referir a um componente de classe em si, use a palavra <code>this</code> chave <code>this</code> . Para acessar adereços dentro de um componente de classe, você prefácio o código que você usa para acessá-lo com <code>this</code> . Por exemplo, se um componente de classe ES6 tiver um prop chamado <code>data</code> , você escreverá <code>{this.props.data}</code> no JSX. </section>
+
+## Instructions
+<section id="instructions"> Renderizar uma instância do componente <code>ReturnTempPassword</code> no componente pai <code>ResetPassword</code> . Aqui, dê a <code>ReturnTempPassword</code> um prop de <code>tempPassword</code> e atribua a ela um valor de uma string com pelo menos 8 caracteres. Dentro do filho, <code>ReturnTempPassword</code> , acesse o prop <code>tempPassword</code> dentro das tags <code>strong</code> para garantir que o usuário veja a senha temporária. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>ResetPassword</code> deve retornar um único elemento <code>div</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.children().type() === "div"; })(), "The <code>ResetPassword</code> component should return a single <code>div</code> element.");'
+  - text: O quarto filho de <code>ResetPassword</code> deve ser o componente <code>ReturnTempPassword</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.children().childAt(3).name() === "ReturnTempPassword"; })(), "The fourth child of <code>ResetPassword</code> should be the <code>ReturnTempPassword</code> component.");'
+  - text: O componente <code>ReturnTempPassword</code> deve ter um prop chamado <code>tempPassword</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.find("ReturnTempPassword").props().tempPassword; })(), "The <code>ReturnTempPassword</code> component should have a prop called <code>tempPassword</code>.");'
+  - text: O prop <code>tempPassword</code> de <code>ReturnTempPassword</code> deve ser igual a uma string de pelo menos <code>8</code> caracteres.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); const temp = mockedComponent.find("ReturnTempPassword").props().tempPassword; return typeof temp === "string" && temp.length >= 8; })(), "The <code>tempPassword</code> prop of <code>ReturnTempPassword</code> should be equal to a string of at least <code>8</code> characters.");'
+  - text: O componente <code>ReturnTempPassword</code> deve exibir a senha criada como o <code>tempPassword</code> dentro de tags <code>strong</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.find("strong").text() === mockedComponent.find("ReturnTempPassword").props().tempPassword; })(), "The <code>ReturnTempPassword</code> component should display the password you create as the <code>tempPassword</code> prop within <code>strong</code> tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class ReturnTempPassword extends React.Component {
+  constructor(props) {
+    super(props);
+
+  }
+  render() {
+    return (
+        <div>
+            { /* change code below this line */ }
+            <p>Your temporary password is: <strong></strong></p>
+            { /* change code above this line */ }
+        </div>
+    );
+  }
+};
+
+class ResetPassword extends React.Component {
+  constructor(props) {
+    super(props);
+
+  }
+  render() {
+    return (
+        <div>
+          <h2>Reset Password</h2>
+          <h3>We've generated a new temporary password for you.</h3>
+          <h3>Please reset this password from your account settings ASAP.</h3>
+          { /* change code below this line */ }
+
+          { /* change code above this line */ }
+        </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/add-comments-in-jsx.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/add-comments-in-jsx.portuguese.md
new file mode 100644
index 0000000000..b2bbd1698d
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/add-comments-in-jsx.portuguese.md
@@ -0,0 +1,69 @@
+---
+id: 5a24bbe0dba28a8d3cbd4c5e
+title: Add Comments in JSX
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Adicionar comentários no JSX
+---
+
+## Description
+<section id="description"> JSX é uma sintaxe que é compilada em JavaScript válido. Às vezes, por questões de legibilidade, você pode precisar adicionar comentários ao seu código. Como a maioria das linguagens de programação, o JSX tem seu próprio jeito de fazer isso. Para colocar comentários dentro do JSX, use a sintaxe <code>{/* */}</code> para envolver o texto do comentário. </section>
+
+## Instructions
+<section id="instructions"> O editor de código tem um elemento JSX semelhante ao que você criou no último desafio. Adicione um comentário em algum lugar dentro do elemento <code>div</code> fornecido, sem modificar os elementos <code>h1</code> ou <code>p</code> existentes. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A constante <code>JSX</code> deve retornar um elemento <code>div</code> .
+    testString: 'assert(JSX.type === "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: O <code>div</code> deve conter uma tag <code>h1</code> como o primeiro elemento.
+    testString: 'assert(JSX.props.children[0].type === "h1", "The <code>div</code> should contain an <code>h1</code> tag as the first element.");'
+  - text: O <code>div</code> deve conter uma tag <code>p</code> como o segundo elemento.
+    testString: 'assert(JSX.props.children[1].type === "p", "The <code>div</code> should contain a <code>p</code> tag as the second element.");'
+  - text: O <code>JSX</code> deve incluir um comentário.
+    testString: 'getUserInput => assert(getUserInput("index").includes("/*") && getUserInput("index").includes("*/"), "The <code>JSX</code> should include a comment.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = (
+  <div>
+    <h1>This is a block of JSX</h1>
+    <p>Here's a subtitle</p>
+  </div>
+);
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/add-event-listeners.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/add-event-listeners.portuguese.md
new file mode 100644
index 0000000000..b9f383e491
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/add-event-listeners.portuguese.md
@@ -0,0 +1,98 @@
+---
+id: 5a24c314108439a4d403617e
+title: Add Event Listeners
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Adicionar ouvintes de eventos
+---
+
+## Description
+<section id="description"> O método <code>componentDidMount()</code> também é o melhor local para anexar qualquer ouvinte de evento que você precise adicionar para funcionalidade específica. O React fornece um sistema de eventos sintéticos que envolve o sistema de eventos nativo presente nos navegadores. Isso significa que o sistema de eventos sintéticos se comporta exatamente da mesma maneira, independentemente do navegador do usuário - mesmo que os eventos nativos possam se comportar de maneira diferente entre diferentes navegadores. Você já usou alguns desses manipuladores de eventos sintéticos, como <code>onClick()</code> . O sistema de eventos sintéticos do React é ótimo para usar na maioria das interações que você gerencia em elementos DOM. No entanto, se você deseja anexar um manipulador de eventos aos objetos de documento ou janela, é necessário fazer isso diretamente. </section>
+
+## Instructions
+<section id="instructions"> Anexe um ouvinte de evento no método <code>componentDidMount()</code> para eventos <code>keydown</code> e faça com que esses eventos acionem o retorno de chamada <code>handleKeyPress()</code> . Você pode usar <code>document.addEventListener()</code> que considera o evento (entre aspas) como o primeiro argumento e o retorno de chamada como o segundo argumento. Em seguida, em <code>componentWillUnmount()</code> , remova esse mesmo ouvinte de evento. Você pode passar os mesmos argumentos para <code>document.removeEventListener()</code> . É uma boa prática usar esse método de ciclo de vida para fazer qualquer limpeza nos componentes do React antes que eles sejam desmontados e destruídos. A remoção de ouvintes de eventos é um exemplo de uma dessas ações de limpeza. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code> deve renderizar um elemento <code>div</code> que contenha uma tag <code>h1</code> .
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("div").children().find("h1").length === 1; })(), "<code>MyComponent</code> should render a <code>div</code> element which wraps an <code>h1</code> tag.");'
+  - text: Um ouvinte keydown deve ser anexado ao documento em <code>componentDidMount</code> .
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const didMountString = mockedComponent.instance().componentDidMount.toString(); return new RegExp("document\.addEventListener(.|\n|\r)+keydown(.|\n|\r)+this\.handleKeyPress").test(didMountString); })(), "A keydown listener should be attached to the document in <code>componentDidMount</code>.");'
+  - text: O listener keydown deve ser removido do documento em <code>componentWillUnmount</code> .
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const willUnmountString = mockedComponent.instance().componentWillUnmount.toString(); return new RegExp("document\.removeEventListener(.|\n|\r)+keydown(.|\n|\r)+this\.handleKeyPress").test(willUnmountString); })(), "The keydown listener should be removed from the document in <code>componentWillUnmount</code>.");'
+  - text: 'Depois que o componente estiver montado, pressionar <code>enter</code> deve atualizar seu estado e a tag <code>h1</code> renderizada.'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const beforeState = mockedComponent.state("message"); const beforeText = mockedComponent.find("h1").text(); const pressEnterKey = () => { mockedComponent.instance().handleKeyPress({ keyCode: 13 }); return waitForIt(() => { mockedComponent.update(); return { state: mockedComponent.state("message"), text: mockedComponent.find("h1").text()}; });}; const afterKeyPress = await pressEnterKey(); assert(beforeState !== afterKeyPress.state && beforeText !== afterKeyPress.text, "Once the component has mounted, pressing <code>enter</code> should update its state and the rendered <code>h1</code> tag."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      message: "
+    };
+    this.handleEnter = this.handleEnter.bind(this);
+    this.handleKeyPress = this.handleKeyPress.bind(this);
+  }
+  // change code below this line
+  componentDidMount() {
+
+  }
+  componentWillUnmount() {
+
+  }
+  // change code above this line
+  handleEnter() {
+    this.setState({
+      message: this.state.message + 'You pressed the enter key! '
+    });
+  }
+  handleKeyPress(event) {
+    if (event.keyCode === 13) {
+      this.handleEnter();
+    }
+  }
+  render() {
+    return (
+      <div>
+        <h1>{this.state.message}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/add-inline-styles-in-react.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/add-inline-styles-in-react.portuguese.md
new file mode 100644
index 0000000000..765d1f5073
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/add-inline-styles-in-react.portuguese.md
@@ -0,0 +1,78 @@
+---
+id: 5a24c314108439a4d4036182
+title: Add Inline Styles in React
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Adicionar estilos inline em React
+---
+
+## Description
+<section id="description"> Você deve ter notado no último desafio que havia várias outras diferenças de sintaxe dos estilos inline em HTML, além do atributo <code>style</code> definido para um objeto JavaScript. Primeiro, os nomes de certas propriedades de estilo CSS usam o caso camel. Por exemplo, o último desafio definiu o tamanho da fonte com <code>fontSize</code> vez de <code>font-size</code> de <code>font-size</code> . Palavras hifenizadas como <code>font-size</code> são uma sintaxe inválida para as propriedades do objeto JavaScript, portanto, o React usa o caso camel. Como regra, todas as propriedades de estilo hifenizadas são escritas usando o caso camel no JSX. Todas as unidades de comprimento de propriedade (como <code>height</code> , <code>width</code> e <code>height</code> <code>fontSize</code> ) são consideradas como <code>px</code> menos que especificado de outra forma. Se você quiser usá- <code>em</code> , por exemplo, você coloca o valor e as unidades entre aspas, como <code>{fontSize: &quot;4em&quot;}</code> . Além dos valores de comprimento que são padrão para <code>px</code> , todos os outros valores de propriedade devem ser agrupados entre aspas. </section>
+
+## Instructions
+<section id="instructions"> Se você tiver um grande conjunto de estilos, poderá atribuir um <code>object</code> estilo a uma constante para manter seu código organizado. Descomente os <code>styles</code> constantes e declare um <code>object</code> com três propriedades de estilo e seus valores. Dê ao <code>div</code> uma cor de <code>&quot;purple&quot;</code> , um tamanho de fonte de <code>40</code> e uma borda de <code>&quot;2px solid purple&quot;</code> . Em seguida, defina o atributo <code>style</code> igual à constante de <code>styles</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A variável de <code>styles</code> deve ser um <code>object</code> com três propriedades.
+    testString: 'assert(Object.keys(styles).length === 3, "The <code>styles</code> variable should be an <code>object</code> with three properties.");'
+  - text: A variável de <code>styles</code> deve ter uma propriedade <code>color</code> definida como um valor de <code>purple</code> .
+    testString: 'assert(styles.color === "purple", "The <code>styles</code> variable should have a <code>color</code> property set to a value of <code>purple</code>.");'
+  - text: A variável de <code>styles</code> deve ter uma propriedade <code>fontSize</code> definida como um valor de <code>40</code> .
+    testString: 'assert(styles.fontSize === 40, "The <code>styles</code> variable should have a <code>fontSize</code> property set to a value of <code>40</code>.");'
+  - text: A variável de <code>styles</code> deve ter uma propriedade de <code>border</code> definida como um valor de <code>2px solid purple</code> .
+    testString: 'assert(styles.border === "2px solid purple", "The <code>styles</code> variable should have a <code>border</code> property set to a value of <code>2px solid purple</code>.");'
+  - text: O componente deve renderizar um elemento <code>div</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.shallow(React.createElement(Colorful)); return mockedComponent.type() === "div"; })(), "The component should render a <code>div</code> element.");'
+  - text: O elemento <code>div</code> deve ter seus estilos definidos pelo objeto <code>styles</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.shallow(React.createElement(Colorful)); return (mockedComponent.props().style.color === "purple" && mockedComponent.props().style.fontSize === 40 && mockedComponent.props().style.border === "2px solid purple"); })(), "The <code>div</code> element should have its styles defined by the <code>styles</code> object.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// const styles =
+// change code above this line
+class Colorful extends React.Component {
+  render() {
+    // change code below this line
+    return (
+      <div style={{color: "yellow", fontSize: 24}}>Style Me!</div>
+    );
+    // change code above this line
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/bind-this-to-a-class-method.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/bind-this-to-a-class-method.portuguese.md
new file mode 100644
index 0000000000..cca74e3421
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/bind-this-to-a-class-method.portuguese.md
@@ -0,0 +1,87 @@
+---
+id: 5a24c314108439a4d4036174
+title: Bind 'this' to a Class Method
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Vincule 'this' a um método de classe
+---
+
+## Description
+<section id="description"> Além de definir e atualizar o <code>state</code> , você também pode definir métodos para sua classe de componentes. Um método de classe geralmente precisa usar a palavra <code>this</code> chave <code>this</code> para poder acessar propriedades na classe (como <code>state</code> e <code>props</code> ) dentro do escopo do método. Existem algumas maneiras de permitir que seus métodos de classe acessem <code>this</code> . Uma maneira comum é vincular explicitamente <code>this</code> no construtor, de modo que <code>this</code> se torne vinculado aos métodos de classe quando o componente for inicializado. Você deve ter notado o último desafio usado <code>this.handleClick = this.handleClick.bind(this)</code> para seu método <code>handleClick</code> no construtor. Então, quando você chamar uma função como <code>this.setState()</code> dentro do seu método de classe, <code>this</code> se refere à classe e não será <code>undefined</code> . <strong>Nota:</strong> A palavra-chave <code>this</code> é um dos aspectos mais confusos do JavaScript, mas desempenha um papel importante no React. Embora seu comportamento aqui seja totalmente normal, essas lições não são o lugar para uma análise profunda <code>this</code> então, por favor, consulte outras lições se o texto acima for confuso! </section>
+
+## Instructions
+<section id="instructions"> O editor de código tem um componente com um <code>state</code> que controla uma contagem de itens. Também possui um método que permite incrementar essa contagem de itens. No entanto, o método não funciona porque está usando a palavra <code>this</code> chave <code>this</code> que é indefinida. Corrigi-lo por explicitamente ligação <code>this</code> ao <code>addItem()</code> método no construtor do componente. Em seguida, adicione um manipulador de clique ao elemento <code>button</code> no método render. Ele deve acionar o <code>addItem()</code> quando o botão receber um evento click. Lembre-se de que o método que você passa para o manipulador <code>onClick</code> precisa de chaves porque ele deve ser interpretado diretamente como JavaScript. Depois de concluir as etapas acima, você poderá clicar no botão e ver o incremento da contagem de itens no HTML. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>MyComponent</code> deve retornar um elemento <code>div</code> que envolve dois elementos, um botão e um elemento <code>h1</code> , nessa ordem.'
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).find("div").length === 1 && Enzyme.mount(React.createElement(MyComponent)).find("div").childAt(0).type() === "button" && Enzyme.mount(React.createElement(MyComponent)).find("div").childAt(1).type() === "h1", "<code>MyComponent</code> should return a <code>div</code> element which wraps two elements, a button and an <code>h1</code> element, in that order.");'
+  - text: 'O estado de <code>MyComponent</code> deve ser inicializado com o par de valores de chave <code>{ itemCount: 0 }</code> .'
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).state("itemCount") === 0, "The state of <code>MyComponent</code> should initialize with the key value pair <code>{ itemCount: 0 }</code>.");'
+  - text: Clicando no <code>button</code> elemento deve executar o <code>addItem</code> método e incrementar o estado <code>itemCount</code> por <code>1</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ itemCount: 0 }); return waitForIt(() => mockedComponent.state("itemCount")); }; const second = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent.state("itemCount")); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === 0 && secondValue === 1, "Clicking the <code>button</code> element should run the <code>addItem</code> method and increment the state <code>itemCount</code> by <code>1</code>."); };'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      itemCount: 0
+    };
+    // change code below this line
+
+    // change code above this line
+  }
+  addItem() {
+    this.setState({
+      itemCount: this.state.itemCount + 1
+    });
+  }
+  render() {
+    return (
+      <div>
+        { /* change code below this line */ }
+        <button>Click Me</button>
+        { /* change code above this line */ }
+        <h1>Current Item Count: {this.state.itemCount}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/change-inline-css-conditionally-based-on-component-state.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/change-inline-css-conditionally-based-on-component-state.portuguese.md
new file mode 100644
index 0000000000..54a835d1c6
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/change-inline-css-conditionally-based-on-component-state.portuguese.md
@@ -0,0 +1,95 @@
+---
+id: 5a24c314108439a4d4036189
+title: Change Inline CSS Conditionally Based on Component State
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Alterar Inline CSS Condicionalmente Baseado no Estado do Componente
+---
+
+## Description
+<section id="description"> Neste ponto, você viu vários aplicativos de renderização condicional e o uso de estilos in-line. Aqui está mais um exemplo que combina esses dois tópicos. Você também pode processar CSS condicionalmente com base no estado de um componente React. Para fazer isso, você verifica uma condição e, se essa condição for atendida, você modifica o objeto de estilos atribuído aos elementos JSX no método de renderização. Esse paradigma é importante para entender, porque é uma mudança dramática da abordagem mais tradicional de aplicar estilos modificando elementos DOM diretamente (o que é muito comum com jQuery, por exemplo). Nessa abordagem, você deve acompanhar quando os elementos são alterados e também manipular diretamente a manipulação real. Pode tornar-se difícil acompanhar as alterações, tornando a sua interface do usuário imprevisível. Quando você define um objeto de estilo com base em uma condição, descreve como a interface do usuário deve ser uma função do estado do aplicativo. Há um fluxo claro de informações que só se move em uma direção. Este é o método preferido ao escrever aplicativos com o React. </section>
+
+## Instructions
+<section id="instructions"> O editor de código possui um componente de entrada controlado simples com uma borda estilizada. Você deseja estilizar essa borda em vermelho se o usuário digitar mais de 15 caracteres de texto na caixa de entrada. Adicione uma condição para verificar isso e, se a condição for válida, defina o estilo de borda de entrada como <code>3px solid red</code> . Você pode experimentá-lo digitando o texto na entrada. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>GateKeeper</code> deve renderizar um elemento <code>div</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); return mockedComponent.find("div").length === 1; })(), "The <code>GateKeeper</code> component should render a <code>div</code> element.");'
+  - text: O componente <code>GateKeeper</code> deve ser inicializado com uma <code>input</code> chave de estado configurada para uma cadeia vazia.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); return mockedComponent.state().input === ""; })(), "The <code>GateKeeper</code> component should be initialized with a state key <code>input</code> set to an empty string.");'
+  - text: O componente <code>GateKeeper</code> deve renderizar uma tag <code>h3</code> e uma tag de <code>input</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); return mockedComponent.find("h3").length === 1 && mockedComponent.find("input").length === 1; })(), "The <code>GateKeeper</code> component should render an <code>h3</code> tag and an <code>input</code> tag.");'
+  - text: A tag de <code>input</code> deve inicialmente ter um estilo de <code>1px solid black</code> para a propriedade da <code>border</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); return mockedComponent.find("input").props().style.border === "1px solid black"; })(), "The <code>input</code> tag should initially have a style of <code>1px solid black</code> for the <code>border</code> property.");'
+  - text: A tag de <code>input</code> deve ser estilizada com uma borda de <code>3px solid red</code> se o valor de entrada no estado for maior que 15 caracteres.
+    testString: 'async () => {  const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); const simulateChange = (el, value) => el.simulate("change", {target: {value}}); let initialStyle = mockedComponent.find("input").props().style.border; const state_1 = () => { mockedComponent.setState({input: "this is 15 char" }); return waitForIt(() => mockedComponent.find("input").props().style.border )}; const state_2 = () => { mockedComponent.setState({input: "A very long string longer than 15 characters." }); return waitForIt(() => mockedComponent.find("input").props().style.border )}; const style_1 = await state_1(); const style_2 = await state_2(); assert(initialStyle === "1px solid black" && style_1 === "1px solid black" && style_2 === "3px solid red", "The <code>input</code> tag should be styled with a border of <code>3px solid red</code> if the input value in state is longer than 15 characters."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class GateKeeper extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: "
+    };
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(event) {
+    this.setState({ input: event.target.value })
+  }
+  render() {
+    let inputStyle = {
+      border: '1px solid black'
+    };
+    // change code below this line
+
+    // change code above this line
+    return (
+      <div>
+        <h3>Don't Type Too Much:</h3>
+        <input
+          type="text"
+          style={inputStyle}
+          value={this.state.input}
+          onChange={this.handleChange} />
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/compose-react-components.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/compose-react-components.portuguese.md
new file mode 100644
index 0000000000..cb3781841e
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/compose-react-components.portuguese.md
@@ -0,0 +1,147 @@
+---
+id: 5a24c314108439a4d4036166
+title: Compose React Components
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Compor Reagir Componentes
+---
+
+## Description
+<section id="description"> Como os desafios continuam a usar composições mais complexas com componentes React e JSX, há um ponto importante a ser observado. A renderização de componentes de classe de estilo ES6 dentro de outros componentes não é diferente de renderizar os componentes simples que você usou nos últimos desafios. Você pode renderizar elementos JSX, componentes funcionais stateless e componentes de classe ES6 em outros componentes. </section>
+
+## Instructions
+<section id="instructions"> No editor de código, o componente <code>TypesOfFood</code> já está renderizando um componente chamado <code>Vegetables</code> . Além disso, há o componente <code>Fruits</code> do último desafio. Nest dois componentes dentro de <code>Fruits</code> - primeiro <code>NonCitrus</code> e, em seguida, <code>Citrus</code> . Ambos os componentes são fornecidos para você em segundo plano. Em seguida, aninhe o componente de classe <code>Fruits</code> no componente <code>TypesOfFood</code> , abaixo do cabeçalho <code>h1</code> e acima de <code>Vegetables</code> . O resultado deve ser uma série de componentes aninhados, que usa dois tipos de componentes diferentes. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>TypesOfFood</code> deve retornar um único elemento <code>div</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().type() === "div"; })(), "The <code>TypesOfFood</code> component should return a single <code>div</code> element.");'
+  - text: O componente <code>TypesOfFood</code> deve retornar o componente <code>Fruits</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().childAt(1).name() === "Fruits"; })(), "The <code>TypesOfFood</code> component should return the <code>Fruits</code> component.");'
+  - text: O componente <code>Fruits</code> deve retornar o componente <code>NonCitrus</code> e o componente <code>Citrus</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return (mockedComponent.find("Fruits").children().find("NonCitrus").length === 1 && mockedComponent.find("Fruits").children().find("Citrus").length === 1); })(), "The <code>Fruits</code> component should return the <code>NonCitrus</code> component and the <code>Citrus</code> component.");'
+  - text: O componente <code>TypesOfFood</code> deve retornar o componente <code>Vegetables</code> abaixo do componente <code>Fruits</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().childAt(2).name() === "Vegetables"; })(), "The <code>TypesOfFood</code> component should return the <code>Vegetables</code> component below the <code>Fruits</code> component.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Fruits extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h2>Fruits:</h2>
+        { /* change code below this line */ }
+
+         { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+class TypesOfFood extends React.Component {
+  constructor(props) {
+     super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>Types of Food:</h1>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+        <Vegetables />
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+class NonCitrus extends React.Component {
+  render() {
+    return (
+      <div>
+        <h4>Non-Citrus:</h4>
+        <ul>
+          <li>Apples</li>
+          <li>Blueberries</li>
+          <li>Strawberries</li>
+          <li>Bananas</li>
+        </ul>
+      </div>
+    );
+  }
+};
+class Citrus extends React.Component {
+  render() {
+    return (
+      <div>
+        <h4>Citrus:</h4>
+        <ul>
+          <li>Lemon</li>
+          <li>Lime</li>
+          <li>Orange</li>
+          <li>Grapefruit</li>
+        </ul>
+      </div>
+    );
+  }
+};
+class Vegetables extends React.Component {
+  render() {
+    return (
+      <div>
+        <h2>Vegetables:</h2>
+        <ul>
+          <li>Brussel Sprouts</li>
+          <li>Broccoli</li>
+          <li>Squash</li>
+        </ul>
+      </div>
+    );
+     }
+};
+
+```
+
+</div>
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-complex-jsx-element.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-complex-jsx-element.portuguese.md
new file mode 100644
index 0000000000..681dae9d17
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-complex-jsx-element.portuguese.md
@@ -0,0 +1,66 @@
+---
+id: 5a24bbe0dba28a8d3cbd4c5d
+title: Create a Complex JSX Element
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Crie um elemento JSX complexo
+---
+
+## Description
+<section id="description"> O último desafio foi um exemplo simples de JSX, mas o JSX também pode representar HTML mais complexo. Uma coisa importante a saber sobre o JSX aninhado é que ele deve retornar um único elemento. Esse elemento pai único envolveria todos os outros níveis de elementos aninhados. Por exemplo, vários elementos JSX escritos como irmãos sem elemento wrapper pai não serão transpilados. Veja um exemplo: <b>JSX válido:</b> <blockquote> &lt;div&gt; <br> &lt;p&gt; Parágrafo um &lt;/ p&gt; <br> &lt;p&gt; Parágrafo dois &lt;/ p&gt; <br> &lt;p&gt; Parágrafo 3 &lt;/ p&gt; <br> &lt;/ div&gt; </blockquote> <b>JSX inválido:</b> <blockquote> &lt;p&gt; Parágrafo um &lt;/ p&gt; <br> &lt;p&gt; Parágrafo dois &lt;/ p&gt; <br> &lt;p&gt; Parágrafo 3 &lt;/ p&gt; <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Defina uma nova constante <code>JSX</code> que renderize uma <code>div</code> que contenha os seguintes elementos em ordem: Uma <code>h1</code> , uma <code>p</code> e uma lista não ordenada que contém três itens <code>li</code> . Você pode incluir qualquer texto que desejar em cada elemento. <strong>Nota:</strong> Ao renderizar vários elementos como este, você pode agrupá-los entre parênteses, mas isso não é estritamente necessário. Observe também que esse desafio usa uma tag <code>div</code> para envolver todos os elementos filhos em um único elemento pai. Se você remover o <code>div</code> , o JSX não será mais transpelado. Lembre-se disso, pois isso também será aplicado quando você retornar elementos JSX nos componentes do React. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A constante <code>JSX</code> deve retornar um elemento <code>div</code> .
+    testString: 'assert(JSX.type === "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: O <code>div</code> deve conter uma tag <code>p</code> como o segundo elemento.
+    testString: 'assert(JSX.props.children[1].type === "p", "The <code>div</code> should contain a <code>p</code> tag as the second element.");'
+  - text: O <code>div</code> deve conter uma tag <code>ul</code> como o terceiro elemento.
+    testString: 'assert(JSX.props.children[2].type === "ul", "The <code>div</code> should contain a <code>ul</code> tag as the third element.");'
+  - text: O <code>div</code> deve conter uma tag <code>h1</code> como o primeiro elemento.
+    testString: 'assert(JSX.props.children[0].type === "h1", "The <code>div</code> should contain an <code>h1</code> tag as the first element.");'
+  - text: O <code>ul</code> deve conter três elementos <code>li</code> .
+    testString: 'assert(JSX.props.children[2].props.children.length === 3, "The <code>ul</code> should contain three <code>li</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// write your code here
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-component-with-composition.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-component-with-composition.portuguese.md
new file mode 100644
index 0000000000..f6f5a448dd
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-component-with-composition.portuguese.md
@@ -0,0 +1,85 @@
+---
+id: 5a24c314108439a4d4036164
+title: Create a Component with Composition
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Crie um componente com composição
+---
+
+## Description
+<section id="description"> Agora, veremos como podemos compor vários componentes do React juntos. Imagine que você está criando um aplicativo e criou três componentes, uma <code>Navbar</code> , um <code>Dashboard</code> e um <code>Footer</code> . Para compor esses componentes juntos, você pode criar um componente <i>pai do</i> <code>App</code> que renderize cada um desses três componentes como <i>filhos</i> . Para renderizar um componente como filho em um componente React, inclua o nome do componente gravado como uma tag HTML customizada no JSX. Por exemplo, no método <code>render</code> você poderia escrever: <blockquote> Retorna ( <br> &lt;App&gt; <br> &lt;Navbar /&gt; <br> &lt;Dashboard /&gt; <br> &lt;Rodapé /&gt; <br> &lt;/ App&gt; <br> ) </blockquote> Quando o React encontra uma tag HTML personalizada que faz referência a outro componente (um nome de componente envolto em <code>&lt; /&gt;</code> como neste exemplo), ele renderiza a marcação desse componente no local da tag. Isso deve ilustrar o relacionamento pai / filho entre o componente <code>App</code> e a <code>Navbar</code> , o <code>Dashboard</code> e o <code>Footer</code> . </section>
+
+## Instructions
+<section id="instructions"> No editor de código, há um componente funcional simples chamado <code>ChildComponent</code> e um componente React chamado <code>ParentComponent</code> . Compor os dois juntos, renderizando o <code>ChildComponent</code> dentro do <code>ParentComponent</code> . Certifique-se de fechar a tag <code>ChildComponent</code> com uma barra. <strong>Nota:</strong> <code>ChildComponent</code> é definido com uma função de seta ES6 porque esta é uma prática muito comum ao usar o React. No entanto, saiba que isso é apenas uma função. Se você não estiver familiarizado com a sintaxe da função de seta, consulte a seção JavaScript. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente React deve retornar um único elemento <code>div</code> .
+    testString: 'assert((function() { var shallowRender = Enzyme.shallow(React.createElement(ParentComponent)); return shallowRender.type() === "div"; })(), "The React component should return a single <code>div</code> element.");'
+  - text: O componente deve retornar dois elementos aninhados.
+    testString: 'assert((function() { var shallowRender = Enzyme.shallow(React.createElement(ParentComponent)); return shallowRender.children().length === 2; })(), "The component should return two nested elements.");'
+  - text: O componente deve retornar o ChildComponent como seu segundo filho.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ParentComponent)); return mockedComponent.find("ParentComponent").find("ChildComponent").length === 1; })(), "The component should return the ChildComponent as its second child.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ChildComponent = () => {
+  return (
+    <div>
+      <p>I am the child</p>
+    </div>
+  );
+};
+
+class ParentComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>I am the parent</h1>
+        { /* change code below this line */ }
+
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-controlled-form.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-controlled-form.portuguese.md
new file mode 100644
index 0000000000..af2b62b91b
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-controlled-form.portuguese.md
@@ -0,0 +1,101 @@
+---
+id: 5a24c314108439a4d4036179
+title: Create a Controlled Form
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Crie um formulário controlado
+---
+
+## Description
+<section id="description"> O último desafio mostrou que o React pode controlar o estado interno de certos elementos como <code>input</code> e área de <code>textarea</code> , o que os torna componentes controlados. Isso se aplica também a outros elementos de formulário, incluindo o elemento de <code>form</code> HTML regular. </section>
+
+## Instructions
+<section id="instructions"> O componente <code>MyForm</code> é configurado com um <code>form</code> vazio com um manipulador de envio. O manipulador de envio será chamado quando o formulário for enviado. Adicionamos um botão que envia o formulário. Você pode ver que ele tem o <code>type</code> configurado para <code>submit</code> indicando que é o botão que controla o formulário. Adicione o elemento de <code>input</code> no <code>form</code> e defina seu <code>value</code> e os atributos <code>onChange()</code> como o último desafio. Você deve, em seguida, completar o <code>handleSubmit</code> método para que ele define a propriedade estado do componente <code>submit</code> ao valor de entrada atual no local de <code>state</code> . <strong>Nota:</strong> Você também deve chamar <code>event.preventDefault()</code> no manipulador de envio, para evitar o comportamento de envio de formulário padrão que atualizará a página da web. Finalmente, crie uma tag <code>h1</code> após o <code>form</code> que renderiza o valor de <code>submit</code> do <code>state</code> do componente. Você pode então digitar o formulário e clicar no botão (ou pressionar enter), e você deverá ver sua entrada renderizada para a página. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyForm</code> deve retornar um elemento <code>div</code> que contém um <code>form</code> e uma tag <code>h1</code> . O formulário deve incluir uma <code>input</code> e um <code>button</code> .
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyForm)); return (mockedComponent.find("div").children().find("form").length === 1 && mockedComponent.find("div").children().find("h1").length === 1 && mockedComponent.find("form").children().find("input").length === 1 && mockedComponent.find("form").children().find("button").length === 1) })(), "<code>MyForm</code> should return a <code>div</code> element which contains a <code>form</code> and an <code>h1</code> tag. The form should include an <code>input</code> and a <code>button</code>.");'
+  - text: 'O estado de <code>MyForm</code> deve inicializar com <code>input</code> e <code>submit</code> propriedades, ambas definidas para seqüências vazias.'
+    testString: 'assert(Enzyme.mount(React.createElement(MyForm)).state("input") === "" && Enzyme.mount(React.createElement(MyForm)).state("submit") === "", "The state of <code>MyForm</code> should initialize with <code>input</code> and <code>submit</code> properties, both set to empty strings.");'
+  - text: Digitar no elemento de <code>input</code> deve atualizar a propriedade de <code>input</code> do estado do componente.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyForm)); const _1 = () => { mockedComponent.setState({ input: "" }); return waitForIt(() => mockedComponent.state("input"))}; const _2 = () => { mockedComponent.find("input").simulate("change", { target: { value: "TestInput" }}); return waitForIt(() => ({ state: mockedComponent.state("input"), inputVal: mockedComponent.find("input").props().value }))}; const before = await _1(); const after = await _2(); assert(before === "" && after.state === "TestInput" && after.inputVal === "TestInput", "Typing in the <code>input</code> element should update the <code>input</code> property of the component&apos;s state."); }; '
+  - text: O envio do formulário deve executar o <code>handleSubmit</code> que deve definir a propriedade <code>submit</code> no estado igual à entrada atual.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyForm)); const _1 = () => { mockedComponent.setState({ input: "" }); mockedComponent.setState({submit: ""}); mockedComponent.find("input").simulate("change", {target: {value: "SubmitInput"}}); return waitForIt(() => mockedComponent.state("submit"))}; const _2 = () => { mockedComponent.find("form").simulate("submit"); return waitForIt(() => mockedComponent.state("submit"))}; const before = await _1(); const after = await _2(); assert(before === "" && after === "SubmitInput", "Submitting the form should run <code>handleSubmit</code> which should set the <code>submit</code> property in state equal to the current input."); };'
+  - text: O cabeçalho <code>h1</code> deve renderizar o valor do campo de <code>submit</code> do estado do componente.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyForm)); const _1 = () => { mockedComponent.setState({ input: "" }); mockedComponent.setState({submit: ""}); mockedComponent.find("input").simulate("change", {target: {value: "TestInput"}}); return waitForIt(() => mockedComponent.find("h1").text())}; const _2 = () => { mockedComponent.find("form").simulate("submit"); return waitForIt(() => mockedComponent.find("h1").text())}; const before = await _1(); const after = await _2(); assert(before === "" && after === "TestInput", "The <code>h1</code> header should render the value of the <code>submit</code> field from the component&apos;s state."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyForm extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      submit: "
+    };
+    this.handleChange = this.handleChange.bind(this);
+    this.handleSubmit = this.handleSubmit.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  handleSubmit(event) {
+    // change code below this line
+
+    // change code above this line
+  }
+  render() {
+    return (
+      <div>
+        <form onSubmit={this.handleSubmit}>
+          { /* change code below this line */ }
+
+          { /* change code above this line */ }
+          <button type='submit'>Submit!</button>
+        </form>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-controlled-input.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-controlled-input.portuguese.md
new file mode 100644
index 0000000000..db9275f223
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-controlled-input.portuguese.md
@@ -0,0 +1,86 @@
+---
+id: 5a24c314108439a4d4036178
+title: Create a Controlled Input
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Criar uma entrada controlada
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> O editor de código tem o esqueleto de um componente chamado <code>ControlledInput</code> para criar um elemento de <code>input</code> controlado. O <code>state</code> do componente já foi inicializado com uma propriedade de <code>input</code> que contém uma cadeia vazia. Este valor representa o texto que um usuário digita no campo de <code>input</code> . Primeiro, crie um método chamado <code>handleChange()</code> que tenha um parâmetro chamado <code>event</code> . Quando o método é chamado, ele recebe um objeto de <code>event</code> que contém uma cadeia de texto do elemento de <code>input</code> . Você pode acessar essa string com <code>event.target.value</code> dentro do método. Atualize a propriedade de <code>input</code> do <code>state</code> do componente com essa nova cadeia. No método render, crie o elemento de <code>input</code> acima da tag <code>h4</code> . Adicione um atributo de <code>value</code> que seja igual à propriedade de <code>input</code> do <code>state</code> do componente. Em seguida, adicione um manipulador de eventos <code>onChange()</code> ao método <code>handleChange()</code> . Quando você digita na caixa de entrada, esse texto é processado pelo método <code>handleChange()</code> , definido como a propriedade de <code>input</code> no <code>state</code> local e renderizado como o valor na caixa de <code>input</code> na página. O <code>state</code> componente é a única fonte de verdade em relação aos dados de entrada. Por último, mas não menos importante, não se esqueça de adicionar as ligações necessárias no construtor. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>ControlledInput</code> deve retornar um elemento <code>div</code> que contém uma <code>input</code> e uma tag <code>p</code> .
+    testString: 'assert(Enzyme.mount(React.createElement(ControlledInput)).find("div").children().find("input").length === 1 && Enzyme.mount(React.createElement(ControlledInput)).find("div").children().find("p").length === 1, "<code>ControlledInput</code> should return a <code>div</code> element which contains an <code>input</code> and a <code>p</code> tag.");'
+  - text: O estado de <code>ControlledInput</code> deve ser inicializado com uma propriedade de <code>input</code> definida como uma cadeia vazia.
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(ControlledInput)).state("input"), "", "The state of <code>ControlledInput</code> should initialize with an <code>input</code> property set to an empty string.");'
+  - text: 'Digitar no elemento de entrada deve atualizar o estado e o valor da entrada, e o elemento <code>p</code> deve renderizar esse estado conforme você digita.'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(ControlledInput)); const _1 = () => { mockedComponent.setState({ input: "" }); return waitForIt(() => mockedComponent.state("input"))}; const _2 = () => { mockedComponent.find("input").simulate("change", { target: { value: "TestInput" }}); return waitForIt(() => ({ state: mockedComponent.state("input"), text: mockedComponent.find("p").text(), inputVal: mockedComponent.find("input").props().value }))}; const before = await _1(); const after = await _2(); assert(before === "" && after.state === "TestInput" && after.text === "TestInput" && after.inputVal === "TestInput", "Typing in the input element should update the state and the value of the input, and the <code>p</code> element should render this state as you type."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class ControlledInput extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: "
+    };
+    // change code below this line
+
+    // change code above this line
+  }
+  // change code below this line
+
+  // change code above this line
+  render() {
+    return (
+      <div>
+        { /* change code below this line */}
+
+        { /* change code above this line */}
+        <h4>Controlled Input:</h4>
+        <p>{this.state.input}</p>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-react-component.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-react-component.portuguese.md
new file mode 100644
index 0000000000..6f064a7025
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-react-component.portuguese.md
@@ -0,0 +1,73 @@
+---
+id: 5a24c314108439a4d4036163
+title: Create a React Component
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Criar um componente de reação
+---
+
+## Description
+<section id="description"> A outra maneira de definir um componente React é com a sintaxe da <code>class</code> ES6. No exemplo a seguir, <code>Kitten</code> estende <code>React.Component</code> : <blockquote> classe Kitten estende React.Component { <br> construtor (props) { <br> super (adereços); <br> } <br><br> render () { <br> Retorna ( <br> &lt;h1&gt; Hi &lt;/ h1&gt; <br> ); <br> } <br> } </blockquote> Isso cria uma classe ES6 <code>Kitten</code> que estende a classe <code>React.Component</code> . Portanto, a classe <code>Kitten</code> agora tem acesso a muitos recursos úteis do React, como ganchos do estado local e do ciclo de vida. Não se preocupe se você ainda não estiver familiarizado com esses termos, eles serão abordados em maiores detalhes em desafios posteriores. Observe também que a classe <code>Kitten</code> possui um <code>constructor</code> definido dentro dela que chama <code>super()</code> . Ele usa <code>super()</code> para chamar o construtor da classe pai, neste caso, <code>React.Component</code> . O construtor é um método especial usado durante a inicialização de objetos criados com a palavra-chave <code>class</code> . É uma boa prática chamar o <code>constructor</code> um componente com <code>super</code> e passar <code>props</code> para ambos. Isso garante que o componente seja inicializado corretamente. Por enquanto, saiba que é padrão para este código ser incluído. Logo você verá outros usos para o construtor, bem como <code>props</code> . </section>
+
+## Instructions
+<section id="instructions"> <code>MyComponent</code> é definido no editor de código usando a sintaxe de classe. Termine de escrever o método de <code>render</code> para que ele retorne um elemento <code>div</code> que contenha um <code>h1</code> com o texto <code>Hello React!</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente React deve retornar um elemento <code>div</code> .
+    testString: 'assert(Enzyme.shallow(React.createElement(MyComponent)).type() === "div", "The React component should return a <code>div</code> element.");'
+  - text: O <code>div</code> retornado deve renderizar um cabeçalho <code>h1</code> dentro dele.
+    testString: 'assert(/<div><h1>.*<\/h1><\/div>/.test(Enzyme.shallow(React.createElement(MyComponent)).html()), "The returned <code>div</code> should render an <code>h1</code> header within it.");'
+  - text: O cabeçalho <code>h1</code> deve conter a string <code>Hello React!</code> .
+    testString: 'assert(Enzyme.shallow(React.createElement(MyComponent)).html() === "<div><h1>Hello React!</h1></div>", "The <code>h1</code> header should contain the string <code>Hello React!</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    // change code below this line
+
+
+
+    // change code above this line
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-simple-jsx-element.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-simple-jsx-element.portuguese.md
new file mode 100644
index 0000000000..ff67493b8c
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-simple-jsx-element.portuguese.md
@@ -0,0 +1,60 @@
+---
+id: 587d7dbc367417b2b2512bb1
+title: Create a Simple JSX Element
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Crie um elemento JSX simples
+---
+
+## Description
+<section id="description"> <strong>Intro:</strong> React é uma biblioteca de visualização de código aberto criada e mantida pelo Facebook. É uma ótima ferramenta para processar a interface do usuário (UI) de aplicativos da web modernos. O React usa uma extensão de sintaxe do JavaScript chamada JSX que permite gravar HTML diretamente no JavaScript. Isso tem vários benefícios. Ele permite que você use o poder programático completo do JavaScript em HTML e ajuda a manter seu código legível. Na maior parte, o JSX é semelhante ao HTML que você já aprendeu, no entanto, existem algumas diferenças importantes que serão abordadas ao longo desses desafios. Por exemplo, como o JSX é uma extensão sintática do JavaScript, você pode escrever JavaScript diretamente no JSX. Para fazer isso, basta incluir o código que deseja tratar como JavaScript entre chaves: <code>{ &#39;this is treated as JavaScript code&#39; }</code> . Tenha isso em mente, já que é usado em vários desafios futuros. No entanto, como o JSX não é um JavaScript válido, o código JSX deve ser compilado em JavaScript. O transpilador Babel é uma ferramenta popular para este processo. Para sua conveniência, já foi adicionado nos bastidores para esses desafios. Se acontecer de você escrever JSX sintaticamente inválido, você verá o primeiro teste nesses desafios falhar. Vale a pena notar que os desafios estão chamando <code>ReactDOM.render(JSX, document.getElementById(&#39;root&#39;))</code> . Essa chamada de função é o que coloca seu JSX na representação leve do próprio React do DOM. O React usa instantâneos de seu próprio DOM para otimizar a atualização apenas de partes específicas do DOM real. </section>
+
+## Instructions
+<section id="instructions"> <strong>Instruções:</strong> O código atual usa JSX para atribuir um elemento <code>div</code> à constante <code>JSX</code> . Substitua o <code>div</code> por um elemento <code>h1</code> e adicione o texto <code>Hello JSX!</code> dentro dele. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A constante <code>JSX</code> deve retornar um elemento <code>h1</code> .
+    testString: 'assert(JSX.type === "h1", "The constant <code>JSX</code> should return an <code>h1</code> element.");'
+  - text: A tag <code>h1</code> deve incluir o texto <code>Hello JSX!</code>
+    testString: 'assert(Enzyme.shallow(JSX).contains("Hello JSX!"), "The <code>h1</code> tag should include the text <code>Hello JSX!</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = <div></div>;
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-stateful-component.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-stateful-component.portuguese.md
new file mode 100644
index 0000000000..b224cd3754
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-stateful-component.portuguese.md
@@ -0,0 +1,77 @@
+---
+id: 5a24c314108439a4d4036170
+title: Create a Stateful Component
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Criar um componente com estado
+---
+
+## Description
+<section id="description"> Um dos tópicos mais importantes no React é o <code>state</code> . O estado consiste em todos os dados que seu aplicativo precisa conhecer, que podem mudar com o tempo. Você quer que seus aplicativos respondam a mudanças de estado e apresentem uma interface atualizada quando necessário. O React oferece uma boa solução para o gerenciamento de estado de aplicativos da Web modernos. Você cria o estado em um componente React declarando uma propriedade de <code>state</code> na classe do componente em seu <code>constructor</code> . Isso inicializa o componente com o <code>state</code> quando ele é criado. A propriedade <code>state</code> deve ser configurada para um <code>object</code> JavaScript. Declarar isso é assim: <blockquote> this.state = { <br> // descreva seu estado aqui <br> } Você tem acesso ao objeto de <code>state</code> durante a vida útil do seu componente. Você pode atualizá-lo, renderizá-lo em sua interface do usuário e passá-lo como props para componentes filhos. O objeto de <code>state</code> pode ser tão complexo ou simples quanto você precisar. Observe que você deve criar um componente de classe estendendo <code>React.Component</code> para criar um <code>state</code> como este. </blockquote></section>
+
+## Instructions
+<section id="instructions"> Há um componente no editor de código que está tentando processar uma propriedade de <code>name</code> de seu <code>state</code> . No entanto, não há <code>state</code> definido. Inicialize o componente com <code>state</code> no <code>constructor</code> e atribua seu nome a uma propriedade de <code>name</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>StatefulComponent</code> deve existir e renderizar.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(StatefulComponent)); return mockedComponent.find("StatefulComponent").length === 1; })(), "<code>StatefulComponent</code> should exist and render.");'
+  - text: <code>StatefulComponent</code> deve renderizar um <code>div</code> e um elemento <code>h1</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(StatefulComponent)); return mockedComponent.find("div").length === 1 && mockedComponent.find("h1").length === 1; })(), "<code>StatefulComponent</code> should render a <code>div</code> and an <code>h1</code> element.");'
+  - text: O estado de <code>StatefulComponent</code> deve ser inicializado com um <code>name</code> propriedade definido como uma string.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(StatefulComponent)); const initialState = mockedComponent.state(); return ( typeof initialState === "object" && typeof initialState.name === "string"); })(), "The state of <code>StatefulComponent</code> should be initialized with a property <code>name</code> set to a string.");'
+  - text: O <code>name</code> propriedade no estado de <code>StatefulComponent</code> deve ser renderizado no elemento <code>h1</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(StatefulComponent)); const initialState = mockedComponent.state(); return mockedComponent.find("h1").text() === initialState.name; })(), "The property <code>name</code> in the state of <code>StatefulComponent</code> should render in the <code>h1</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class StatefulComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    // initialize state here
+
+  }
+  render() {
+    return (
+      <div>
+        <h1>{this.state.name}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-stateless-functional-component.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-stateless-functional-component.portuguese.md
new file mode 100644
index 0000000000..b9e027abb0
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/create-a-stateless-functional-component.portuguese.md
@@ -0,0 +1,68 @@
+---
+id: 5a24c314108439a4d4036162
+title: Create a Stateless Functional Component
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Criar um componente funcional sem estado
+---
+
+## Description
+<section id="description"> Componentes são o núcleo do React. Tudo no React é um componente e aqui você aprenderá como criar um. Existem duas maneiras de criar um componente React. A primeira maneira é usar uma função JavaScript. Definir um componente dessa maneira cria um <em>componente funcional sem estado</em> . O conceito de estado em um aplicativo será abordado em desafios posteriores. Por enquanto, pense em um componente sem estado como um que pode receber dados e processá-los, mas não gerencia ou rastreia alterações nesses dados. (Abordaremos a segunda maneira de criar um componente React no próximo desafio.) Para criar um componente com uma função, basta escrever uma função JavaScript que retorne JSX ou <code>null</code> . Uma coisa importante a notar é que React requer que o nome da sua função comece com uma letra maiúscula. Aqui está um exemplo de um componente funcional sem estado que atribui uma classe HTML no JSX: <blockquote> // Depois de ser transpilado, o &lt;div&gt; terá uma classe CSS de &#39;customClass&#39; <br> const DemoComponent = function () { <br> Retorna ( <br> &lt;div className = &#39;customClass&#39; /&gt; <br> ); <br> }; </blockquote> Como um componente JSX representa o HTML, você pode colocar vários componentes juntos para criar uma página HTML mais complexa. Essa é uma das principais vantagens da arquitetura de componentes que o React fornece. Ele permite que você componha sua interface do usuário de vários componentes separados e isolados. Isso facilita a criação e manutenção de interfaces de usuário complexas. </section>
+
+## Instructions
+<section id="instructions"> O editor de código tem uma função chamada <code>MyComponent</code> . Complete esta função para que ela retorne um único elemento <code>div</code> que contenha alguma cadeia de texto. <strong>Nota:</strong> O texto é considerado um filho do elemento <code>div</code> , portanto, você não poderá usar uma tag de fechamento automático. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code> deve retornar o JSX.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.length === 1; })(), "<code>MyComponent</code> should return JSX.");'
+  - text: <code>MyComponent</code> deve retornar um elemento <code>div</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.children().type() === "div" })(), "<code>MyComponent</code> should return a <code>div</code> element.");'
+  - text: O elemento <code>div</code> deve conter uma string de texto.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("div").text() !== ""; })(), "The <code>div</code> element should contain a string of text.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const MyComponent = function() {
+  // change code below this line
+
+
+
+  // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/define-an-html-class-in-jsx.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/define-an-html-class-in-jsx.portuguese.md
new file mode 100644
index 0000000000..d7f7cedb9f
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/define-an-html-class-in-jsx.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 5a24c314108439a4d4036160
+title: Define an HTML Class in JSX
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Definir uma classe HTML no JSX
+---
+
+## Description
+<section id="description"> Agora que você está se sentindo confortável escrevendo JSX, talvez esteja se perguntando como isso difere do HTML. Até agora, pode parecer que HTML e JSX são exatamente os mesmos. Uma diferença fundamental no JSX é que você não pode mais usar a <code>class</code> word para definir classes HTML. Isso ocorre porque a <code>class</code> é uma palavra reservada em JavaScript. Em vez disso, o JSX usa <code>className</code> . Na verdade, a convenção de nomenclatura para todos os atributos HTML e referências de eventos no JSX se torna camelCase. Por exemplo, um evento de clique no JSX é <code>onClick</code> , em vez de <code>onclick</code> . Da mesma forma, <code>onchange</code> se torna <code>onChange</code> . Embora esta seja uma diferença sutil, é importante ter em mente seguir em frente. </section>
+
+## Instructions
+<section id="instructions"> Aplique uma classe de <code>myDiv</code> ao <code>div</code> fornecido no código JSX. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A constante <code>JSX</code> deve retornar um elemento <code>div</code> .
+    testString: 'assert.strictEqual(JSX.type, "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: O <code>div</code> tem uma classe de <code>myDiv</code> .
+    testString: 'assert.strictEqual(JSX.props.className, "myDiv", "The <code>div</code> has a class of <code>myDiv</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = (
+  <div>
+    <h1>Add a class to this div</h1>
+  </div>
+);
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/give-sibling-elements-a-unique-key-attribute.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/give-sibling-elements-a-unique-key-attribute.portuguese.md
new file mode 100644
index 0000000000..f0b29af9e6
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/give-sibling-elements-a-unique-key-attribute.portuguese.md
@@ -0,0 +1,85 @@
+---
+id: 5a24c314108439a4d403618b
+title: Give Sibling Elements a Unique Key Attribute
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Dê aos Irmãos Elementos um Atributo de Chave Única
+---
+
+## Description
+<section id="description"> O último desafio mostrou como o método <code>map</code> é usado para renderizar dinamicamente um número de elementos com base na entrada do usuário. No entanto, houve uma peça importante que faltava nesse exemplo. Quando você cria uma matriz de elementos, cada um precisa de um atributo- <code>key</code> definido como um valor exclusivo. O React usa essas chaves para acompanhar quais itens são adicionados, alterados ou removidos. Isso ajuda a tornar o processo de re-renderização mais eficiente quando a lista é modificada de alguma forma. Observe que as chaves precisam ser únicas entre os elementos irmãos, elas não precisam ser globalmente exclusivas em seu aplicativo. </section>
+
+## Instructions
+<section id="instructions"> O editor de código tem um array com algumas estruturas front-end e um componente funcional sem estado chamado <code>Frameworks()</code> . <code>Frameworks()</code> precisa mapear a matriz para uma lista não ordenada, como no último desafio. Termine de escrever o retorno de chamada do <code>map</code> para retornar um elemento <code>li</code> para cada estrutura na matriz <code>frontEndFrameworks</code> . Desta vez, certifique-se de atribuir a cada <code>li</code> um atributo- <code>key</code> , definido como um valor único. Normalmente, você quer tornar a chave algo que identifique exclusivamente o elemento que está sendo renderizado. Como último recurso, o índice de matriz pode ser usado, mas normalmente você deve tentar usar uma identificação exclusiva. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>Frameworks</code> deve existir e renderizar para a página.
+    testString: 'assert(Enzyme.mount(React.createElement(Frameworks)).find("Frameworks").length === 1, "The <code>Frameworks</code> component should exist and render to the page.");'
+  - text: <code>Frameworks</code> devem renderizar um elemento <code>h1</code> .
+    testString: 'assert(Enzyme.mount(React.createElement(Frameworks)).find("h1").length === 1, "<code>Frameworks</code> should render an <code>h1</code> element.");'
+  - text: <code>Frameworks</code> devem renderizar um elemento <code>ul</code> .
+    testString: 'assert(Enzyme.mount(React.createElement(Frameworks)).find("ul").length === 1, "<code>Frameworks</code> should render a <code>ul</code> element.");'
+  - text: A tag <code>ul</code> deve renderizar 6 elementos <code>li</code> filhos.
+    testString: 'assert(Enzyme.mount(React.createElement(Frameworks)).find("ul").children().length === 6 && Enzyme.mount(React.createElement(Frameworks)).find("ul").childAt(0).name() === "li" && Enzyme.mount(React.createElement(Frameworks)).find("li").length === 6, "The <code>ul</code> tag should render 6 child <code>li</code> elements.");'
+  - text: Cada elemento de item de lista deve ter um atributo de <code>key</code> exclusivo.
+    testString: 'assert((() => { const ul = Enzyme.mount(React.createElement(Frameworks)).find("ul"); const keys = new Set([ ul.childAt(0).key(), ul.childAt(1).key(), ul.childAt(2).key(), ul.childAt(3).key(), ul.childAt(4).key(), ul.childAt(5).key(), ]); return keys.size === 6; })(), "Each list item element should have a unique <code>key</code> attribute.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const frontEndFrameworks = [
+  'React',
+  'Angular',
+  'Ember',
+  'Knockout',
+  'Backbone',
+  'Vue'
+];
+
+function Frameworks() {
+  const renderFrameworks = null; // change code here
+  return (
+    <div>
+      <h1>Popular Front End JavaScript Frameworks</h1>
+      <ul>
+        {renderFrameworks}
+      </ul>
+    </div>
+  );
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/introducing-inline-styles.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/introducing-inline-styles.portuguese.md
new file mode 100644
index 0000000000..3edffbb112
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/introducing-inline-styles.portuguese.md
@@ -0,0 +1,68 @@
+---
+id: 5a24c314108439a4d4036181
+title: Introducing Inline Styles
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Apresentando Estilos Inline
+---
+
+## Description
+<section id="description"> Existem outros conceitos complexos que adicionam recursos poderosos ao seu código React. Mas você pode estar se perguntando sobre o problema mais simples de como estilizar os elementos JSX que você cria no React. Você provavelmente sabe que não será exatamente o mesmo que trabalhar com HTML devido <a target="_blank" href="front-end-libraries/react/define-an-html-class-in-jsx">à maneira como você aplica classes a elementos JSX</a> . Se você importar estilos de uma folha de estilo, não será muito diferente. Você aplica uma classe ao seu elemento JSX usando o atributo <code>className</code> e aplica estilos à classe em sua folha de estilo. Outra opção é aplicar estilos <strong><em>inline</em></strong> , que são muito comuns no desenvolvimento do ReactJS. Você aplica estilos embutidos a elementos JSX semelhantes a como você faz isso em HTML, mas com algumas diferenças de JSX. Aqui está um exemplo de um estilo in-line em HTML: <code>&lt;div style=&quot;color: yellow; font-size: 16px&quot;&gt;Mellow Yellow&lt;/div&gt;</code> Elementos JSX usam o atributo <code>style</code> , mas devido à maneira como o JSX é transpilado, você pode é possível definir o valor para uma <code>string</code> . Em vez disso, você define isso como um <code>object</code> JavaScript. Aqui está um exemplo: <code>&lt;div style={{color: &quot;yellow&quot;, fontSize: 16}}&gt;Mellow Yellow&lt;/div&gt;</code> Observe como camelCase a propriedade &quot;fontSize&quot;? Isso ocorre porque o React não aceitará as chaves do caso do kebab no objeto de estilo. Reagir aplicará o nome da propriedade correta para nós no HTML. </section>
+
+## Instructions
+<section id="instructions"> Adicione um atributo <code>style</code> ao <code>div</code> no editor de código para dar ao texto uma cor vermelha e um tamanho de fonte de 72px. Observe que você pode, opcionalmente, definir o tamanho da fonte como um número, omitindo as unidades &quot;px&quot; ou gravá-lo como &quot;72px&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente deve renderizar um elemento <code>div</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Colorful)); return mockedComponent.children().type() === "div"; })(), "The component should render a <code>div</code> element.");'
+  - text: O elemento <code>div</code> deve ter uma cor <code>red</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Colorful)); return mockedComponent.children().props().style.color === "red"; })(), "The <code>div</code> element should have a color of <code>red</code>.");'
+  - text: O elemento <code>div</code> deve ter um tamanho de fonte de <code>72px</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Colorful)); return (mockedComponent.children().props().style.fontSize === 72 || mockedComponent.children().props().style.fontSize === "72" || mockedComponent.children().props().style.fontSize === "72px"); })(), "The <code>div</code> element should have a font size of <code>72px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Colorful extends React.Component {
+  render() {
+    return (
+      <div>Big Red</div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/learn-about-self-closing-jsx-tags.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/learn-about-self-closing-jsx-tags.portuguese.md
new file mode 100644
index 0000000000..6e1c837a0e
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/learn-about-self-closing-jsx-tags.portuguese.md
@@ -0,0 +1,70 @@
+---
+id: 5a24c314108439a4d4036161
+title: Learn About Self-Closing JSX Tags
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Aprenda sobre tags JSX de fecho automático
+---
+
+## Description
+<section id="description"> Até agora, você viu como o JSX difere do HTML de uma maneira fundamental com o uso de <code>className</code> vs. <code>class</code> para definir classes HTML. Outra maneira importante pela qual o JSX difere do HTML é a ideia da tag de fechamento automático. Em HTML, quase todas as tags têm uma tag de abertura e fechamento: <code>&lt;div&gt;&lt;/div&gt;</code> ; a tag de fechamento sempre tem uma barra antes do nome da tag que você está fechando. No entanto, há instâncias especiais em HTML chamadas &quot;tags de fechamento automático&quot; ou tags que não exigem uma tag de abertura e de fechamento antes que outra tag possa ser iniciada. Por exemplo, a tag de quebra de linha pode ser escrita como <code>&lt;br&gt;</code> ou como <code>&lt;br /&gt;</code> , mas nunca deve ser escrita como <code>&lt;br&gt;&lt;/br&gt;</code> , uma vez que não contém nenhum conteúdo. No JSX, as regras são um pouco diferentes. Qualquer elemento JSX pode ser gravado com uma tag de fechamento automático e todos os elementos devem ser fechados. A tag de quebra de linha, por exemplo, deve sempre ser escrita como <code>&lt;br /&gt;</code> para ser um JSX válido que pode ser transpilado. Um <code>&lt;div&gt;</code> , por outro lado, pode ser escrito como <code>&lt;div /&gt;</code> ou <code>&lt;div&gt;&lt;/div&gt;</code> . A diferença é que na primeira versão da sintaxe não há como incluir nada no <code>&lt;div /&gt;</code> . Você verá em desafios posteriores que essa sintaxe é útil ao renderizar componentes React. </section>
+
+## Instructions
+<section id="instructions"> Corrija os erros no editor de código para que ele seja um JSX válido e transpile com êxito. Certifique-se de não alterar nenhum conteúdo. Você só precisa fechar as tags onde elas são necessárias. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A constante <code>JSX</code> deve retornar um elemento <code>div</code> .
+    testString: 'assert.strictEqual(JSX.type, "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: O <code>div</code> deve conter uma tag <code>br</code> .
+    testString: 'assert(Enzyme.shallow(JSX).find("br").length === 1, "The <code>div</code> should contain a <code>br</code> tag.");'
+  - text: O <code>div</code> deve conter uma tag <code>hr</code> .
+    testString: 'assert(Enzyme.shallow(JSX).find("hr").length === 1, "The <code>div</code> should contain an <code>hr</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = (
+  <div>
+    {/* remove comment and change code below this line
+    <h2>Welcome to React!</h2> <br >
+    <p>Be sure to close all tags!</p>
+    <hr >
+    remove comment and change code above this line */}
+  </div>
+);
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/manage-updates-with-lifecycle-methods.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/manage-updates-with-lifecycle-methods.portuguese.md
new file mode 100644
index 0000000000..6fee69f158
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/manage-updates-with-lifecycle-methods.portuguese.md
@@ -0,0 +1,100 @@
+---
+id: 5a24c314108439a4d403617f
+title: Manage Updates with Lifecycle Methods
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Gerenciar atualizações com métodos de ciclo de vida
+---
+
+## Description
+<section id="description"> Outro método de ciclo de vida é o <code>componentWillReceiveProps()</code> que é chamado sempre que um componente recebe novos props. Esse método recebe os novos props como um argumento, que geralmente é escrito como <code>nextProps</code> . Você pode usar esse argumento e comparar com <code>this.props</code> e executar ações antes das atualizações do componente. Por exemplo, você pode chamar <code>setState()</code> localmente antes que a atualização seja processada. Outro método é <code>componentDidUpdate()</code> e é chamado imediatamente depois que um componente é renderizado novamente. Observe que renderização e montagem são consideradas coisas diferentes no ciclo de vida do componente. Quando uma página é carregada pela primeira vez, todos os componentes são montados e é onde os métodos como <code>componentWillMount()</code> e <code>componentDidMount()</code> são chamados. Depois disso, conforme o estado muda, os componentes se re-renderizam. O próximo desafio cobre isso com mais detalhes. </section>
+
+## Instructions
+<section id="instructions"> O componente filho <code>Dialog</code> recebe <code>message</code> de seu pai, o componente <code>Controller</code> . Escreva o método <code>componentWillReceiveProps()</code> no componente <code>Dialog</code> e faça com que ele registre <code>this.props</code> e <code>nextProps</code> no console. Você precisará passar <code>nextProps</code> como um argumento para esse método e, embora seja possível nomear qualquer coisa, nomeie-o em <code>nextProps</code> , <code>nextProps</code> aqui. Em seguida, adicione <code>componentDidUpdate()</code> no componente <code>Dialog</code> e registre uma instrução que diz que o componente foi atualizado. Esse método funciona de maneira semelhante ao <code>componentWillUpdate()</code> , que é fornecido para você. Agora clique no botão para alterar a mensagem e assistir ao console do seu navegador. A ordem das instruções do console mostra a ordem em que os métodos são chamados. <strong>Nota:</strong> Você precisará gravar os métodos de ciclo de vida como funções normais e não como funções de seta para passar nos testes (também não há vantagem em escrever métodos de ciclo de vida como funções de seta). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>Controller</code> deve renderizar o componente <code>Dialog</code> como um filho.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Controller)); return mockedComponent.find("Controller").length === 1 && mockedComponent.find("Dialog").length === 1; })(), "The <code>Controller</code> component should render the <code>Dialog</code> component as a child.");'
+  - text: O método <code>componentWillReceiveProps</code> no componente <code>Dialog</code> deve registrar <code>this.props</code> no console.
+    testString: 'assert((function() { const lifecycleChild = React.createElement(Dialog).type.prototype.componentWillReceiveProps.toString().replace(/ /g,""); return lifecycleChild.includes("console.log") && lifecycleChild.includes("this.props") })(), "The <code>componentWillReceiveProps</code> method in the <code>Dialog</code> component should log <code>this.props</code> to the console.");'
+  - text: O método <code>componentWillReceiveProps</code> no componente <code>Dialog</code> deve registrar <code>nextProps</code> no console.
+    testString: 'assert((function() { const lifecycleChild = React.createElement(Dialog).type.prototype.componentWillReceiveProps.toString().replace(/ /g,""); const nextPropsAsParameterTest = /componentWillReceiveProps(| *?= *?)(\(|)nextProps(\)|)( *?=> *?{| *?{|{)/; const nextPropsInConsoleLogTest = /console\.log\(.*?nextProps\b.*?\)/; return ( lifecycleChild.includes("console.log") && nextPropsInConsoleLogTest.test(lifecycleChild) && nextPropsAsParameterTest.test(lifecycleChild) ); })(), "The <code>componentWillReceiveProps</code> method in the <code>Dialog</code> component should log <code>nextProps</code> to the console.");'
+  - text: O componente <code>Dialog</code> deve chamar o método <code>componentDidUpdate</code> e registrar uma mensagem no console.
+    testString: 'assert((function() { const lifecycleChild = React.createElement(Dialog).type.prototype.componentDidUpdate.toString().replace(/ /g,""); return lifecycleChild.length !== "undefined" && lifecycleChild.includes("console.log"); })(), "The <code>Dialog</code> component should call the <code>componentDidUpdate</code> method and log a message to the console.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Dialog extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  componentWillUpdate() {
+    console.log('Component is about to update...');
+  }
+  // change code below this line
+
+  // change code above this line
+  render() {
+    return <h1>{this.props.message}</h1>
+  }
+};
+
+class Controller extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      message: 'First Message'
+    };
+    this.changeMessage = this.changeMessage.bind(this);
+  }
+  changeMessage() {
+    this.setState({
+      message: 'Second Message'
+    });
+  }
+  render() {
+    return (
+      <div>
+        <button onClick={this.changeMessage}>Update</button>
+        <Dialog message={this.state.message}/>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/optimize-re-renders-with-shouldcomponentupdate.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/optimize-re-renders-with-shouldcomponentupdate.portuguese.md
new file mode 100644
index 0000000000..b5eab3b3a0
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/optimize-re-renders-with-shouldcomponentupdate.portuguese.md
@@ -0,0 +1,106 @@
+---
+id: 5a24c314108439a4d4036180
+title: Optimize Re-Renders with shouldComponentUpdate
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Otimizar Re-Renders com shouldComponentUpdate
+---
+
+## Description
+<section id="description"> Até agora, se algum componente receber um novo <code>state</code> ou novos <code>props</code> , ele se renderiza novamente e a todos os seus filhos. Isso geralmente está bem. Mas o React fornece um método de ciclo de vida que você pode chamar quando os componentes filhos receberem novos <code>state</code> ou <code>props</code> e declarar especificamente se os componentes devem ser atualizados ou não. O método é <code>shouldComponentUpdate()</code> e leva <code>nextProps</code> e <code>nextState</code> como parâmetros. Esse método é uma maneira útil de otimizar o desempenho. Por exemplo, o comportamento padrão é que seu componente seja renderizado novamente quando receber novos <code>props</code> , mesmo que os <code>props</code> não tenham sido alterados. Você pode usar <code>shouldComponentUpdate()</code> para evitar isso, comparando os <code>props</code> . O método deve retornar um valor <code>boolean</code> que informa ao React se deve ou não atualizar o componente. Você pode comparar os props atuais ( <code>this.props</code> ) com os próximos props ( <code>nextProps</code> ) para determinar se você precisa atualizar ou não e retornar <code>true</code> ou <code>false</code> acordo. </section>
+
+## Instructions
+<section id="instructions"> O método <code>shouldComponentUpdate()</code> é adicionado em um componente chamado <code>OnlyEvens</code> . Atualmente, este método retorna <code>true</code> então o <code>OnlyEvens</code> re-renderiza toda vez que recebe novos <code>props</code> . Modifique o método para que <code>OnlyEvens</code> atualizado somente se o <code>value</code> de seus novos suportes for par. Clique no botão <code>Add</code> e observe a ordem dos eventos no console do seu navegador enquanto os outros ganchos do ciclo de vida são acionados. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>Controller</code> deve renderizar o componente <code>OnlyEvens</code> como um filho.
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(Controller)); return mockedComponent.find("Controller").length === 1 && mockedComponent.find("OnlyEvens").length === 1; })(), "The <code>Controller</code> component should render the <code>OnlyEvens</code> component as a child.");'
+  - text: O método <code>shouldComponentUpdate</code> deve ser definido no componente <code>OnlyEvens</code> .
+    testString: 'assert((() => { const child = React.createElement(OnlyEvens).type.prototype.shouldComponentUpdate.toString().replace(/s/g,""); return child !== "undefined"; })(), "The <code>shouldComponentUpdate</code> method should be defined on the <code>OnlyEvens</code> component.");'
+  - text: O componente <code>OnlyEvens</code> deve retornar uma tag <code>h1</code> que renderiza o valor <code>this.props.value</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Controller)); const first = () => { mockedComponent.setState({ value: 1000 }); return waitForIt(() => mockedComponent.find("h1").html()); }; const second = () => { mockedComponent.setState({ value: 10 }); return waitForIt(() => mockedComponent.find("h1").html()); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === "<h1>1000</h1>" && secondValue === "<h1>10</h1>", "The <code>OnlyEvens</code> component should return an <code>h1</code> tag which renders the value of <code>this.props.value</code>."); }; '
+  - text: <code>OnlyEvens</code> deve renderizar novamente quando <code>nextProps.value</code> for par.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Controller)); const first = () => { mockedComponent.setState({ value: 8 }); return waitForIt(() => mockedComponent.find("h1").text()); }; const second = () => { mockedComponent.setState({ value: 7 }); return waitForIt(() => mockedComponent.find("h1").text()); }; const third = () => { mockedComponent.setState({ value: 42 }); return waitForIt(() => mockedComponent.find("h1").text()); }; const firstValue = await first(); const secondValue = await second(); const thirdValue = await third(); assert(firstValue === "8" && secondValue === "8" && thirdValue === "42", "<code>OnlyEvens</code> should re-render only when <code>nextProps.value</code> is even."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class OnlyEvens extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  shouldComponentUpdate(nextProps, nextState) {
+    console.log('Should I update?');
+     // change code below this line
+    return true;
+     // change code above this line
+  }
+  componentWillReceiveProps(nextProps) {
+    console.log('Receiving new props...');
+  }
+  componentDidUpdate() {
+    console.log('Component re-rendered.');
+  }
+  render() {
+    return <h1>{this.props.value}</h1>
+  }
+};
+
+class Controller extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      value: 0
+    };
+    this.addValue = this.addValue.bind(this);
+  }
+  addValue() {
+    this.setState({
+      value: this.state.value + 1
+    });
+  }
+  render() {
+    return (
+      <div>
+        <button onClick={this.addValue}>Add</button>
+        <OnlyEvens value={this.state.value}/>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/override-default-props.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/override-default-props.portuguese.md
new file mode 100644
index 0000000000..ae44c258a8
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/override-default-props.portuguese.md
@@ -0,0 +1,79 @@
+---
+id: 5a24c314108439a4d403616c
+title: Override Default Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Substituir Adereços Padrão
+---
+
+## Description
+<section id="description"> A capacidade de definir props padrão é um recurso útil no React. A maneira de substituir os props padrão é definir explicitamente os valores prop para um componente. </section>
+
+## Instructions
+<section id="instructions"> O componente <code>ShoppingCart</code> agora renderiza um <code>Items</code> filho. Esse componente <code>Items</code> tem uma <code>quantity</code> prop padrão definida para o inteiro <code>0</code> . Substitua o prop padrão, passando um valor de <code>10</code> para <code>quantity</code> . <strong>Nota:</strong> Lembre <strong>-</strong> se de que a sintaxe para adicionar um suporte a um componente é semelhante à forma como você adiciona atributos HTML. No entanto, como o valor da <code>quantity</code> é um número inteiro, ele não será colocado entre aspas, mas deverá ser colocado em chaves. Por exemplo, <code>{100}</code> . Essa sintaxe diz ao JSX para interpretar o valor dentro das chaves diretamente como JavaScript. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>ShoppingCart</code> deve renderizar.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("ShoppingCart").length === 1; })(), "The component <code>ShoppingCart</code> should render.");'
+  - text: Os <code>Items</code> componentes devem renderizar.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("Items").length === 1; })(), "The component <code>Items</code> should render.");'
+  - text: 'O componente <code>Items</code> deve ter um prop de <code>{ quantity: 10 }</code> passado do componente <code>ShoppingCart</code> .'
+    testString: 'getUserInput => assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("Items").props().quantity == 10 && getUserInput("index").replace(/ /g,"").includes("<Itemsquantity={10}/>"); })(), "The <code>Items</code> component should have a prop of <code>{ quantity: 10 }</code> passed from the <code>ShoppingCart</code> component.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const Items = (props) => {
+  return <h1>Current Quantity of Items in Cart: {props.quantity}</h1>
+}
+
+Items.defaultProps = {
+  quantity: 0
+}
+
+class ShoppingCart extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    { /* change code below this line */ }
+    return <Items />
+    { /* change code above this line */ }
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/pass-a-callback-as-props.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/pass-a-callback-as-props.portuguese.md
new file mode 100644
index 0000000000..cd5b187f2a
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/pass-a-callback-as-props.portuguese.md
@@ -0,0 +1,118 @@
+---
+id: 5a24c314108439a4d403617b
+title: Pass a Callback as Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Passar um retorno de chamada como adereços
+---
+
+## Description
+<section id="description"> Você pode passar o <code>state</code> como props para componentes filhos, mas você não está limitado a passar dados. Você também pode passar funções de manipulador ou qualquer método definido em um componente React para um componente filho. É assim que você permite que componentes filho interajam com seus componentes pai. Você passa métodos para uma criança como se fosse um adereço regular. É atribuído um nome e você tem acesso a esse nome de método sob <code>this.props</code> no componente filho. </section>
+
+## Instructions
+<section id="instructions"> Existem três componentes descritos no editor de código. O <code>MyApp</code> componente é o pai que irá processar os <code>GetInput</code> e <code>RenderInput</code> componentes filhos. Adicione o componente <code>GetInput</code> ao método de renderização em <code>MyApp</code> , em seguida, passe-o a uma <code>input</code> denominada <code>input</code> <code>inputValue</code> do <code>state</code> de <code>MyApp</code> . Também crie um prop chamado <code>handleChange</code> e passe o manipulador de entrada <code>handleChange</code> para ele. Em seguida, adicione <code>RenderInput</code> ao método render em <code>MyApp</code> , crie um prop chamado <code>input</code> e passe o <code>inputValue</code> do <code>state</code> para ele. Quando terminar, você poderá digitar o campo de <code>input</code> no componente <code>GetInput</code> , que chama o método handler em seu pai por meio de props. Isso atualiza a entrada no <code>state</code> do pai, que é passado como acessório para os dois filhos. Observe como os dados fluem entre os componentes e como a única fonte de verdade permanece como o <code>state</code> do componente pai. É verdade que este exemplo é um pouco inventado, mas deve servir para ilustrar como dados e retornos de chamada podem ser passados ​​entre os componentes do React. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>MyApp</code> deve renderizar.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyApp)); return mockedComponent.find("MyApp").length === 1; })(), "The <code>MyApp</code> component should render.");'
+  - text: O componente <code>GetInput</code> deve renderizar.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyApp)); return mockedComponent.find("GetInput").length === 1; })(), "The <code>GetInput</code> component should render.");'
+  - text: O componente <code>RenderInput</code> deve renderizar.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyApp)); return mockedComponent.find("RenderInput").length === 1; })(), "The <code>RenderInput</code> component should render.");'
+  - text: O componente <code>GetInput</code> deve receber a propriedade de estado <code>MyApp</code> <code>inputValue</code> como props e conter um elemento de <code>input</code> que modifica o estado <code>MyApp</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyApp)); const state_1 = () => { mockedComponent.setState({inputValue: ""}); return waitForIt(() => mockedComponent.state() )}; const state_2 = () => { mockedComponent.find("input").simulate("change", {target: {value: "TestInput"}}); return waitForIt(() => mockedComponent.state() )}; const updated_1 = await state_1(); const updated_2 = await state_2(); assert(updated_1.inputValue === "" && updated_2.inputValue === "TestInput", "The <code>GetInput</code> component should receive the <code>MyApp</code> state property <code>inputValue</code> as props and contain an <code>input</code> element which modifies <code>MyApp</code> state."); }; '
+  - text: O componente <code>RenderInput</code> deve receber a propriedade de estado <code>MyApp</code> <code>inputValue</code> como props.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyApp)); const state_1 = () => { mockedComponent.setState({inputValue: "TestName"}); return waitForIt(() => mockedComponent )}; const updated_1 = await state_1(); assert(updated_1.find("p").text().includes("TestName"), "The <code>RenderInput</code> component should receive the <code>MyApp</code> state property <code>inputValue</code> as props."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyApp extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      inputValue: "
+    }
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      inputValue: event.target.value
+    });
+  }
+  render() {
+    return (
+       <div>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+       </div>
+    );
+  }
+};
+
+class GetInput extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h3>Get Input:</h3>
+        <input
+          value={this.props.input}
+          onChange={this.props.handleChange}/>
+      </div>
+    );
+  }
+};
+
+class RenderInput extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h3>Input Render:</h3>
+        <p>{this.props.input}</p>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/pass-an-array-as-props.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/pass-an-array-as-props.portuguese.md
new file mode 100644
index 0000000000..ab69cc5ddc
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/pass-an-array-as-props.portuguese.md
@@ -0,0 +1,93 @@
+---
+id: 5a24c314108439a4d403616a
+title: Pass an Array as Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Passar uma matriz como adereços
+---
+
+## Description
+<section id="description"> O último desafio demonstrou como passar informações de um componente pai para um componente filho como <code>props</code> ou propriedades. Este desafio analisa como as matrizes podem ser passadas como <code>props</code> . Para passar uma matriz para um elemento JSX, ela deve ser tratada como JavaScript e envolvida em chaves. <blockquote> &lt;ParentComponent&gt; <br> &lt;Cores do ChildComponent = {[&quot;green&quot;, &quot;blue&quot;, &quot;red&quot;]} /&gt; <br> &lt;/ ParentComponent&gt; </blockquote> O componente filho, em seguida, tem acesso às <code>colors</code> propriedade de matriz. Métodos de matriz como <code>join()</code> podem ser usados ​​ao acessar a propriedade. <code>const ChildComponent = (props) =&gt; &lt;p&gt;{props.colors.join(&#39;, &#39;)}&lt;/p&gt;</code> Isso unirá todos os itens da matriz de <code>colors</code> em uma string separada por vírgula e produzirá: <code>&lt;p&gt;green, blue, red&lt;/p&gt;</code> Mais tarde, aprenderemos sobre outros métodos comuns para renderizar matrizes de dados no React. </section>
+
+## Instructions
+<section id="instructions"> Existem componentes <code>List</code> e <code>ToDo</code> no editor de código. Ao renderizar cada <code>List</code> do componente <code>ToDo</code> , passe uma propriedade de <code>tasks</code> atribuída a uma matriz de tarefas, por exemplo <code>[&quot;walk dog&quot;, &quot;workout&quot;]</code> . Em seguida, acesse essa matriz de <code>tasks</code> no componente <code>List</code> , mostrando seu valor dentro do elemento <code>p</code> . Use <code>join(&quot;, &quot;)</code> para exibir a matriz <code>props.tasks</code> no elemento <code>p</code> como uma lista separada por vírgulas. A lista de hoje deve ter pelo menos duas tarefas e a de amanhã deve ter pelo menos três tarefas. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>ToDo</code> deve retornar um único <code>div</code> externo.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.children().first().type() === "div"; })(), "The <code>ToDo</code> component should return a single outer <code>div</code>.");'
+  - text: O terceiro filho do componente <code>ToDo</code> deve ser uma instância do componente <code>List</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.children().first().childAt(2).name() === "List"; })(), "The third child of the <code>ToDo</code> component should be an instance of the <code>List</code> component.");'
+  - text: O quinto filho do componente <code>ToDo</code> deve ser uma instância do componente <code>List</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.children().first().childAt(4).name() === "List"; })(), "The fifth child of the <code>ToDo</code> component should be an instance of the <code>List</code> component.");'
+  - text: Ambas as instâncias do componente <code>List</code> devem ter uma propriedade chamada <code>tasks</code> e <code>tasks</code> devem ser do tipo array.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return Array.isArray(mockedComponent.find("List").get(0).props.tasks) && Array.isArray(mockedComponent.find("List").get(1).props.tasks); })(), "Both instances of the <code>List</code> component should have a property called <code>tasks</code> and <code>tasks</code> should be of type array.");'
+  - text: O primeiro componente <code>List</code> que representa as tarefas para hoje deve ter dois ou mais itens.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.find("List").get(0).props.tasks.length >= 2; })(), "The first <code>List</code> component representing the tasks for today should have 2 or more items.");'
+  - text: O segundo componente <code>List</code> que representa as tarefas de amanhã deve ter 3 ou mais itens.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.find("List").get(1).props.tasks.length >= 3; })(), "The second <code>List</code> component representing the tasks for tomorrow should have 3 or more items.");'
+  - text: 'O componente <code>List</code> deve renderizar o valor das <code>tasks</code> prop da tag <code>p</code> como uma lista separada por vírgulas, por exemplo <code>walk dog, workout</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.find("p").get(0).props.children === mockedComponent.find("List").get(0).props.tasks.join(", ") && mockedComponent.find("p").get(1).props.children === mockedComponent.find("List").get(1).props.tasks.join(", "); })(), "The <code>List</code> component should render the value from the <code>tasks</code> prop in the <code>p</code> tag as a comma separated list, for example <code>walk dog, workout</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const List= (props) => {
+  { /* change code below this line */ }
+  return <p>{}</p>
+  { /* change code above this line */ }
+};
+
+class ToDo extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>To Do Lists</h1>
+        <h2>Today</h2>
+        { /* change code below this line */ }
+        <List/>
+        <h2>Tomorrow</h2>
+        <List/>
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/pass-props-to-a-stateless-functional-component.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/pass-props-to-a-stateless-functional-component.portuguese.md
new file mode 100644
index 0000000000..cc2ad52307
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/pass-props-to-a-stateless-functional-component.portuguese.md
@@ -0,0 +1,90 @@
+---
+id: 5a24c314108439a4d4036169
+title: Pass Props to a Stateless Functional Component
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Passe Adereços a um Componente Funcional Stateless
+---
+
+## Description
+<section id="description"> Os desafios anteriores cobriram muito sobre a criação e composição de elementos JSX, componentes funcionais e componentes de classe de estilo ES6 no React. Com esta base, é hora de olhar para outro recurso muito comum em React: <b>props</b> . No React, você pode passar props ou propriedades para componentes filho. Digamos que você tenha um componente <code>App</code> que renderize um componente filho chamado <code>Welcome</code> que é um componente funcional sem estado. Você pode passar <code>Welcome</code> um <code>user</code> propriedade escrevendo: <blockquote> &lt;App&gt; <br> &lt;Usuário de boas-vindas = &#39;Mark&#39; /&gt; <br> &lt;/ App&gt; </blockquote> Você usa <strong>atributos HTML personalizados aos</strong> quais o React fornece suporte para passar o <code>user</code> da propriedade ao componente <code>Welcome</code> . Como <code>Welcome</code> é um componente funcional sem estado, ele tem acesso a esse valor da seguinte forma: <blockquote> const Welcome = (props) =&gt; &lt;h1&gt; Olá, {props.user}! &lt;/ h1&gt; </blockquote> É padrão chamar este valor <code>props</code> e ao lidar com componentes funcionais sem estado, você basicamente o considera como um argumento para uma função que retorna JSX. Você pode acessar o valor do argumento no corpo da função. Com componentes de classe, você verá que isso é um pouco diferente. </section>
+
+## Instructions
+<section id="instructions"> Existem componentes <code>Calendar</code> e <code>CurrentDate</code> no editor de código. Ao renderizar <code>CurrentDate</code> partir do componente <code>Calendar</code> , passe uma propriedade de <code>date</code> atribuída à data atual do objeto <code>Date</code> do JavaScript. Em seguida, acesse este <code>prop</code> no componente <code>CurrentDate</code> , mostrando seu valor dentro das tags <code>p</code> . Observe que, para valores <code>prop</code> a serem avaliados como JavaScript, eles devem ser colocados entre chaves, por exemplo <code>date={Date()}</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>Calendar</code> deve retornar um único elemento <code>div</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); return mockedComponent.children().type() === "div"; })(), "The <code>Calendar</code> component should return a single <code>div</code> element.");'
+  - text: O segundo filho do componente <code>Calendar</code> deve ser o componente <code>CurrentDate</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); return mockedComponent.children().childAt(1).name() === "CurrentDate"; })(), "The second child of the <code>Calendar</code> component should be the <code>CurrentDate</code> component.");'
+  - text: O componente <code>CurrentDate</code> deve ter uma <code>date</code> chamada prop.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); return mockedComponent.children().childAt(1).props().date })(), "The <code>CurrentDate</code> component should have a prop called <code>date</code>.");'
+  - text: A <code>date</code> prop do <code>CurrentDate</code> deve conter uma cadeia de texto.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); const prop = mockedComponent.children().childAt(1).props().date; return( typeof prop === "string" && prop.length > 0 ); })(), "The <code>date</code> prop of the <code>CurrentDate</code> should contain a string of text.");'
+  - text: O componente <code>CurrentDate</code> deve renderizar o valor a partir da <code>date</code> prop na tag <code>p</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); return mockedComponent.find("p").html().includes(Date().substr(3)); })(), "The <code>CurrentDate</code> component should render the value from the <code>date</code> prop in the <code>p</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const CurrentDate = (props) => {
+  return (
+    <div>
+      { /* change code below this line */ }
+      <p>The current date is: </p>
+      { /* change code above this line */ }
+    </div>
+  );
+};
+
+class Calendar extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h3>What date is it?</h3>
+        { /* change code below this line */ }
+        <CurrentDate />
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/pass-state-as-props-to-child-components.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/pass-state-as-props-to-child-components.portuguese.md
new file mode 100644
index 0000000000..0390118522
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/pass-state-as-props-to-child-components.portuguese.md
@@ -0,0 +1,89 @@
+---
+id: 5a24c314108439a4d403617a
+title: Pass State as Props to Child Components
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Passar o estado como adereços aos componentes filhos
+---
+
+## Description
+<section id="description"> Você viu muitos exemplos que passaram por adereços a elementos filho JSX e componentes filho React em desafios anteriores. Você pode estar se perguntando de onde esses adereços vêm. Um padrão comum é ter um componente stateful contendo o <code>state</code> importante para o seu aplicativo, que renderiza os componentes filhos. Você deseja que esses componentes tenham acesso a algumas partes desse <code>state</code> , que são passadas como adereços. Por exemplo, talvez você tenha um componente de <code>App</code> que renderize uma <code>Navbar</code> , entre outros componentes. Em seu <code>App</code> , você tem um <code>state</code> que contém muitas informações do usuário, mas a <code>Navbar</code> só precisa acessar o nome de usuário do usuário para poder exibi-lo. Você passa esse pedaço de <code>state</code> para o componente <code>Navbar</code> como um prop. Esse padrão ilustra alguns paradigmas importantes no React. O primeiro é o <em>fluxo de dados unidirecional</em> . O estado flui em uma direção para baixo da árvore dos componentes do seu aplicativo, do componente pai com preservação de estado para componentes filhos. Os componentes filho recebem apenas os dados de estado necessários. A segunda é que os aplicativos stateful complexos podem ser divididos em apenas alguns, ou talvez um único componente com estado. O resto de seus componentes simplesmente recebe o estado do pai como props e renderiza uma UI daquele estado. Ele começa a criar uma separação em que o gerenciamento de estado é tratado em uma parte do código e a renderização da UI em outra. Este princípio de separar a lógica de estado da lógica da IU é um dos princípios-chave da React. Quando é usado corretamente, facilita muito o gerenciamento de projetos de aplicativos complexos e com monitoração de estado. </section>
+
+## Instructions
+<section id="instructions"> O componente <code>MyApp</code> é stateful e renderiza um componente <code>Navbar</code> como um filho. Passe a propriedade <code>name</code> em seu <code>state</code> até o componente filho e, em seguida, mostre o <code>name</code> na tag <code>h1</code> que faz parte do método de renderização <code>Navbar</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>MyApp</code> deve renderizar com um componente <code>Navbar</code> dentro.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyApp)); return mockedComponent.find("MyApp").length === 1 && mockedComponent.find("Navbar").length === 1; })(), "The <code>MyApp</code> component should render with a <code>Navbar</code> component inside.");'
+  - text: O componente <code>Navbar</code> deve receber o <code>name</code> propriedade do estado <code>MyApp</code> como props.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyApp)); const setState = () => { mockedComponent.setState({name: "TestName"}); return waitForIt(() => mockedComponent.find("Navbar").props() )}; const navProps = await setState(); assert(navProps.name === "TestName", "The <code>Navbar</code> component should receive the <code>MyApp</code> state property <code>name</code> as props."); }; '
+  - text: O elemento <code>h1</code> na <code>Navbar</code> deve renderizar o <code>name</code> prop.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyApp)); const navH1Before = mockedComponent.find("Navbar").find("h1").text(); const setState = () => { mockedComponent.setState({name: "TestName"}); return waitForIt(() => mockedComponent.find("Navbar").find("h1").text() )}; const navH1After = await setState(); assert(new RegExp("TestName").test(navH1After) && navH1After !== navH1Before, "The <code>h1</code> element in <code>Navbar</code> should render the <code>name</code> prop."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyApp extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'CamperBot'
+    }
+  }
+  render() {
+    return (
+       <div>
+         <Navbar /* your code here */ />
+       </div>
+    );
+  }
+};
+
+class Navbar extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+    <div>
+      <h1>Hello, my name is: /* your code here */ </h1>
+    </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/render-a-class-component-to-the-dom.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/render-a-class-component-to-the-dom.portuguese.md
new file mode 100644
index 0000000000..19cb2e1fd2
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/render-a-class-component-to-the-dom.portuguese.md
@@ -0,0 +1,113 @@
+---
+id: 5a24c314108439a4d4036167
+title: Render a Class Component to the DOM
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Renderizar um componente de classe para o DOM
+---
+
+## Description
+<section id="description"> Você pode se lembrar de usar a API ReactDOM em um desafio anterior para renderizar elementos JSX no DOM. O processo de renderização dos componentes do React será muito semelhante. Os últimos desafios se concentraram em componentes e composição, então a renderização foi feita para você nos bastidores. No entanto, nenhum código do React que você escrever será renderizado no DOM sem fazer uma chamada para a API do ReactDOM. Aqui está uma atualização da sintaxe: <code>ReactDOM.render(componentToRender, targetNode)</code> . O primeiro argumento é o componente Reagir que você deseja renderizar. O segundo argumento é o nó DOM em que você deseja renderizar esse componente. Os componentes React são passados ​​para <code>ReactDOM.render()</code> um pouco diferente dos elementos JSX. Para elementos JSX, você passa o nome do elemento que deseja renderizar. No entanto, para os componentes do React, você precisa usar a mesma sintaxe como se estivesse renderizando um componente aninhado, por exemplo, <code>ReactDOM.render(&lt;ComponentToRender /&gt;, targetNode)</code> . Você usa essa sintaxe para componentes de classe ES6 e componentes funcionais. </section>
+
+## Instructions
+<section id="instructions"> Ambos os componentes <code>Fruits</code> e <code>Vegetables</code> são definidos para você nos bastidores. Renderize os dois componentes como filhos do componente <code>TypesOfFood</code> , em seguida, <code>TypesOfFood</code> para o DOM. Existe um <code>div</code> com <code>id=&#39;challenge-node&#39;</code> disponível para você usar. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>TypesOfFood</code> deve retornar um único elemento <code>div</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().type() === "div"; })(), "The <code>TypesOfFood</code> component should return a single <code>div</code> element.");'
+  - text: O componente <code>TypesOfFood</code> deve renderizar o componente <code>Fruits</code> após o elemento <code>h1</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().childAt(1).name() === "Fruits"; })(), "The <code>TypesOfFood</code> component should render the <code>Fruits</code> component after the <code>h1</code> element.");'
+  - text: O componente <code>TypesOfFood</code> deve processar o componente <code>Vegetables</code> após <code>Fruits</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().childAt(2).name() === "Vegetables"; })(), "The <code>TypesOfFood</code> component should render the <code>Vegetables</code> component after <code>Fruits</code>.");'
+  - text: O componente <code>TypesOfFood</code> deve renderizar para o DOM dentro do <code>div</code> com o <code>challenge-node</code> do ID.
+    testString: 'assert((function() { const html = document.getElementById("challenge-node").childNodes[0].innerHTML; return (html === "<h1>Types of Food:</h1><div><h2>Fruits:</h2><h4>Non-Citrus:</h4><ul><li>Apples</li><li>Blueberries</li><li>Strawberries</li><li>Bananas</li></ul><h4>Citrus:</h4><ul><li>Lemon</li><li>Lime</li><li>Orange</li><li>Grapefruit</li></ul></div><div><h2>Vegetables:</h2><ul><li>Brussel Sprouts</li><li>Broccoli</li><li>Squash</li></ul></div>"); })(), "The <code>TypesOfFood</code> component should render to the DOM within the <code>div</code> with the id <code>challenge-node</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class TypesOfFood extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>Types of Food:</h1>
+        {/* change code below this line */}
+
+        {/* change code above this line */}
+      </div>
+    );
+  }
+};
+
+// change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+const Fruits = () => {
+  return (
+    <div>
+      <h2>Fruits:</h2>
+      <h4>Non-Citrus:</h4>
+        <ul>
+          <li>Apples</li>
+          <li>Blueberries</li>
+          <li>Strawberries</li>
+          <li>Bananas</li>
+        </ul>
+      <h4>Citrus:</h4>
+        <ul>
+          <li>Lemon</li>
+          <li>Lime</li>
+          <li>Orange</li>
+          <li>Grapefruit</li>
+        </ul>
+    </div>
+  );
+};
+const Vegetables = () => {
+  return (
+    <div>
+      <h2>Vegetables:</h2>
+      <ul>
+        <li>Brussel Sprouts</li>
+        <li>Broccoli</li>
+        <li>Squash</li>
+      </ul>
+    </div>
+  );
+};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/render-conditionally-from-props.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/render-conditionally-from-props.portuguese.md
new file mode 100644
index 0000000000..774e0582f5
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/render-conditionally-from-props.portuguese.md
@@ -0,0 +1,110 @@
+---
+id: 5a24c314108439a4d4036188
+title: Render Conditionally from Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Render condicionalmente de adereços
+---
+
+## Description
+<section id="description"> Até agora, você viu como usar <code>if/else</code> , <code>&amp;&amp;,</code> <code>null</code> e o operador ternário ( <code>condition ? expressionIfTrue : expressionIfFalse</code> ) para tomar decisões condicionais sobre o que renderizar e quando. No entanto, há um tópico importante a ser discutido que permite combinar qualquer um ou todos esses conceitos com outro recurso poderoso do React: adereços. Usar adereços para renderizar condicionalmente o código é muito comum com os desenvolvedores do React - isto é, eles usam o valor de um determinado objeto para tomar decisões automaticamente sobre o que renderizar. Nesse desafio, você configurará um componente filho para tomar decisões de renderização com base em adereços. Você também usará o operador ternário, mas poderá ver como vários outros conceitos abordados nos últimos desafios podem ser úteis nesse contexto. </section>
+
+## Instructions
+<section id="instructions"> O editor de código tem dois componentes parcialmente definidos para você: um pai chamado <code>GameOfChance</code> e um filho chamado <code>Results</code> . Eles são usados ​​para criar um jogo simples em que o usuário pressiona um botão para ver se ele ganha ou perde. Primeiro, você precisará de uma expressão simples que retorne aleatoriamente um valor diferente toda vez que for executada. Você pode usar <code>Math.random()</code> . Esse método retorna um valor entre <code>0</code> (inclusive) e <code>1</code> (exclusivo) sempre que é chamado. Portanto, para probabilidades de 50/50, use <code>Math.random() &gt; .5</code> em sua expressão. Estatisticamente falando, essa expressão retornará <code>true</code> 50% do tempo e <code>false</code> os outros 50%. Na linha 30, substitua o comentário por essa expressão para completar a declaração da variável. Agora você tem uma expressão que pode ser usada para tomar uma decisão aleatória no código. Em seguida, você precisa implementar isso. Renderize o componente <code>Results</code> como um filho de <code>GameOfChance</code> e passe a <code>expression</code> como um prop chamado <code>fiftyFifty</code> . No componente <code>Results</code> , escreva uma expressão ternária para renderizar o texto <code>&quot;You win!&quot;</code> ou <code>&quot;You lose!&quot;</code> baseado no <code>fiftyFifty</code> que está sendo passado de <code>GameOfChance</code> . Por fim, verifique se o método <code>handleClick()</code> está contando corretamente cada turno, para que o usuário saiba quantas vezes eles foram reproduzidos. Isso também serve para informar ao usuário que o componente foi realmente atualizado caso ganhe ou perca duas vezes seguidas. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>GameOfChance</code> deve existir e renderizar para a página.
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(GameOfChance)).find("GameOfChance").length, 1, "The <code>GameOfChance</code> component should exist and render to the page.");'
+  - text: <code>GameOfChance</code> deve retornar um único elemento de <code>button</code> .
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(GameOfChance)).find("button").length, 1, "<code>GameOfChance</code> should return a single <code>button</code> element.");'
+  - text: '<code>GameOfChance</code> deve retornar uma única instância do componente <code>Results</code> , que possui um prop chamado <code>fiftyFifty</code> .'
+    testString: 'assert(Enzyme.mount(React.createElement(GameOfChance)).find("Results").length === 1 && Enzyme.mount(React.createElement(GameOfChance)).find("Results").props().hasOwnProperty("fiftyFifty") === true, "<code>GameOfChance</code> should return a single instance of the <code>Results</code> component, which has a prop called <code>fiftyFifty</code>.");'
+  - text: <code>GameOfChance</code> estado de <code>GameOfChance</code> deve ser inicializado com uma propriedade do <code>counter</code> definida como um valor de <code>1</code> .
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(GameOfChance)).state().counter, 1, "<code>GameOfChance</code> state should be initialized with a property of <code>counter</code> set to a value of <code>1</code>.");'
+  - text: 'Quando o componente <code>GameOfChance</code> é renderizado pela primeira vez no DOM, um elemento <code>p</code> deve ser retornado com o texto interno de <code>Turn: 1</code> .'
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(GameOfChance)).find("p").text(), "Turn: 1", "When the <code>GameOfChance</code> component is first rendered to the DOM, a <code>p</code> element should be returned with the inner text of <code>Turn: 1</code>.");'
+  - text: 'Cada vez que o botão é clicado, o estado do contador deve ser incrementado por um valor de 1, e um único elemento <code>p</code> deve ser renderizado para o DOM que contém o texto &quot;Turn: N&quot;, onde N é o valor do estado do contador.'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(GameOfChance)); const simulate = () => { comp.find("button").simulate("click"); };const result = () => ({ count: comp.state("counter"), text: comp.find("p").text() });const _1 = () => { simulate(); return waitForIt(() => result())}; const _2 = () => { simulate(); return waitForIt(() => result())}; const _3 = () => { simulate(); return waitForIt(() => result())}; const _4 = () => { simulate(); return waitForIt(() => result())}; const _5 = () => { simulate(); return waitForIt(() => result())}; const _1_val = await _1(); const _2_val = await _2(); const _3_val = await _3(); const _4_val = await _4(); const _5_val = await _5(); assert(_1_val.count === 2 && _1_val.text === "Turn: 2" && _2_val.count === 3 && _2_val.text === "Turn: 3" && _3_val.count === 4 && _3_val.text === "Turn: 4" && _4_val.count === 5 && _4_val.text === "Turn: 5" && _5_val.count === 6 && _5_val.text === "Turn: 6", "Each time the button is clicked, the counter state should be incremented by a value of 1, and a single <code>p</code> element should be rendered to the DOM that contains the text "Turn: N", where N is the value of the counter state."); }; '
+  - text: 'Quando o componente <code>GameOfChance</code> é montado pela primeira vez no DOM e cada vez que o botão é clicado, um único elemento <code>h1</code> deve ser retornado para renderizar aleatoriamente <code>You Win!</code> ou <code>You Lose!</code> .'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(GameOfChance)); const simulate = () => { comp.find("button").simulate("click"); };const result = () => ({ h1: comp.find("h1").length, text: comp.find("h1").text() });const _1 = result(); const _2 = () => { simulate(); return waitForIt(() => result())}; const _3 = () => { simulate(); return waitForIt(() => result())}; const _4 = () => { simulate(); return waitForIt(() => result())}; const _5 = () => { simulate(); return waitForIt(() => result())}; const _6 = () => { simulate(); return waitForIt(() => result())}; const _7 = () => { simulate(); return waitForIt(() => result())}; const _8 = () => { simulate(); return waitForIt(() => result())}; const _9 = () => { simulate(); return waitForIt(() => result())}; const _10 = () => { simulate(); return waitForIt(() => result())}; const _2_val = await _2(); const _3_val = await _3(); const _4_val = await _4(); const _5_val = await _5(); const _6_val = await _6(); const _7_val = await _7(); const _8_val = await _8(); const _9_val = await _9(); const _10_val = await _10(); const __text = new Set([_1.text, _2_val.text, _3_val.text, _4_val.text, _5_val.text, _6_val.text, _7_val.text, _8_val.text, _9_val.text, _10_val.text]); const __h1 = new Set([_1.h1, _2_val.h1, _3_val.h1, _4_val.h1, _5_val.h1, _6_val.h1, _7_val.h1, _8_val.h1, _9_val.h1, _10_val.h1]); assert(__text.size === 2 && __h1.size === 1, "When the <code>GameOfChance</code> component is first mounted to the DOM and each time the button is clicked thereafter, a single <code>h1</code> element should be returned that randomly renders either <code>You Win!</code> or <code>You Lose!</code>."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Results extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <h1>
+      {
+        /* change code here */
+      }
+      </h1>
+    )
+  };
+};
+
+class GameOfChance extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      counter: 1
+    }
+    this.handleClick = this.handleClick.bind(this);
+  }
+  handleClick() {
+    this.setState({
+      counter: 0 // change code here
+    });
+  }
+  render() {
+    let expression = null; // change code here
+    return (
+      <div>
+        <button onClick={this.handleClick}>Play Again</button>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+        <p>{'Turn: ' + this.state.counter}</p>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/render-html-elements-to-the-dom.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/render-html-elements-to-the-dom.portuguese.md
new file mode 100644
index 0000000000..dd1ff01170
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/render-html-elements-to-the-dom.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: 5a24bbe0dba28a8d3cbd4c5f
+title: Render HTML Elements to the DOM
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Renderizar elementos HTML no DOM
+---
+
+## Description
+<section id="description"> Até agora, você aprendeu que o JSX é uma ferramenta conveniente para escrever HTML legível em JavaScript. Com o React, podemos renderizar esse JSX diretamente para o HTML DOM usando a API de renderização do React, conhecida como ReactDOM. O ReactDOM oferece um método simples para renderizar os elementos React no DOM que se parece com: <code>ReactDOM.render(componentToRender, targetNode)</code> , em que o primeiro argumento é o elemento ou componente React que você deseja renderizar, e o segundo argumento é o nó DOM para o qual você deseja renderizar o componente. Como seria de esperar, <code>ReactDOM.render()</code> deve ser chamado após as declarações de elementos JSX, assim como você deve declarar as variáveis ​​antes de usá-las. </section>
+
+## Instructions
+<section id="instructions"> O editor de código possui um componente JSX simples. Use o método <code>ReactDOM.render()</code> para renderizar esse componente para a página. Você pode passar elementos JSX definidos diretamente como o primeiro argumento e usar <code>document.getElementById()</code> para selecionar o nó DOM para renderizá-los. Existe um <code>div</code> com <code>id=&#39;challenge-node&#39;</code> disponível para você usar. Certifique-se de não alterar a constante de <code>JSX</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A constante <code>JSX</code> deve retornar um elemento <code>div</code> .
+    testString: 'assert(JSX.type === "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: O <code>div</code> deve conter uma tag <code>h1</code> como o primeiro elemento.
+    testString: 'assert(JSX.props.children[0].type === "h1", "The <code>div</code> should contain an <code>h1</code> tag as the first element.");'
+  - text: O <code>div</code> deve conter uma tag <code>p</code> como o segundo elemento.
+    testString: 'assert(JSX.props.children[1].type === "p", "The <code>div</code> should contain a <code>p</code> tag as the second element.");'
+  - text: O elemento JSX fornecido deve renderizar para o nó DOM com o nó de <code>challenge-node</code> identificação.
+    testString: 'assert(document.getElementById("challenge-node").childNodes[0].innerHTML === "<h1>Hello World</h1><p>Lets render this to the DOM</p>", "The provided JSX element should render to the DOM node with id <code>challenge-node</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = (
+  <div>
+    <h1>Hello World</h1>
+    <p>Lets render this to the DOM</p>
+  </div>
+);
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/render-react-on-the-server-with-rendertostring.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/render-react-on-the-server-with-rendertostring.portuguese.md
new file mode 100644
index 0000000000..da17596c42
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/render-react-on-the-server-with-rendertostring.portuguese.md
@@ -0,0 +1,76 @@
+---
+id: 5a24c314108439a4d403618d
+title: Render React on the Server with renderToString
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Renderizar Reagir no Servidor com renderToString
+---
+
+## Description
+<section id="description"> Até agora, você está processando componentes React no cliente. Normalmente, isso é o que você sempre fará. No entanto, existem alguns casos de uso em que faz sentido processar um componente React no servidor. Como o React é uma biblioteca de visualização do JavaScript e você pode executar o JavaScript no servidor com o Node, isso é possível. Na verdade, o React fornece um método <code>renderToString()</code> que você pode usar para essa finalidade. Existem dois motivos principais pelos quais a renderização no servidor pode ser usada em um aplicativo do mundo real. Primeiro, sem fazer isso, seus aplicativos React consistiriam em um arquivo HTML relativamente vazio e um grande pacote de JavaScript quando inicialmente carregado no navegador. Isso pode não ser ideal para mecanismos de pesquisa que tentam indexar o conteúdo de suas páginas para que as pessoas possam localizá-lo. Se você renderizar a marcação HTML inicial no servidor e enviá-la ao cliente, o carregamento inicial da página conterá toda a marcação da página, que pode ser rastreada pelos mecanismos de pesquisa. Segundo, isso cria uma experiência de carregamento de página inicial mais rápida porque o HTML renderizado é menor que o código JavaScript de todo o aplicativo. O React ainda poderá reconhecer seu aplicativo e gerenciá-lo após o carregamento inicial. </section>
+
+## Instructions
+<section id="instructions"> O método <code>ReactDOMServer</code> <code>renderToString()</code> é fornecido no <code>ReactDOMServer</code> , que está disponível aqui como um objeto global. O método usa um argumento que é um elemento React. Use isso para renderizar o <code>App</code> em uma string. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>App</code> deve renderizar uma string usando <code>ReactDOMServer.renderToString</code> .
+    testString: 'getUserInput => assert(getUserInput("index").replace(/ /g,"").includes("ReactDOMServer.renderToString(<App/>)") && Enzyme.mount(React.createElement(App)).children().name() === "div", "The <code>App</code> component should render to a string using <code>ReactDOMServer.renderToString</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class App extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return <div/>
+  }
+};
+
+// change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+var ReactDOMServer = { renderToString(x) { return null; } };
+
+```
+
+</div>
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/render-state-in-the-user-interface-another-way.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/render-state-in-the-user-interface-another-way.portuguese.md
new file mode 100644
index 0000000000..4e64e5257e
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/render-state-in-the-user-interface-another-way.portuguese.md
@@ -0,0 +1,83 @@
+---
+id: 5a24c314108439a4d4036172
+title: Render State in the User Interface Another Way
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Estado de renderização na interface do usuário Outra maneira
+---
+
+## Description
+<section id="description"> Existe outra maneira de acessar o <code>state</code> em um componente. No método <code>render()</code> , antes da instrução de <code>return</code> , você pode escrever JavaScript diretamente. Por exemplo, você poderia declarar funções, acessar dados do <code>state</code> ou <code>props</code> , executar cálculos nesses dados e assim por diante. Em seguida, você pode atribuir dados a variáveis ​​às quais você tem acesso na declaração de <code>return</code> . </section>
+
+## Instructions
+<section id="instructions"> No método de renderização <code>MyComponent</code> , defina uma <code>const</code> chamada <code>name</code> e defina-a como igual ao valor do nome no <code>state</code> do componente. Como você pode escrever JavaScript diretamente nessa parte do código, não é necessário incluir essa referência entre chaves. Em seguida, na instrução de retorno, renderize esse valor em uma tag <code>h1</code> usando o <code>name</code> da variável. Lembre-se, você precisa usar a sintaxe JSX (chaves para JavaScript) na declaração de retorno. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code> deve ter um <code>name</code> chave com valor <code>freeCodeCamp</code> armazenado em seu estado.
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).state("name") === "freeCodeCamp", "<code>MyComponent</code> should have a key <code>name</code> with value <code>freeCodeCamp</code> stored in its state.");'
+  - text: <code>MyComponent</code> deve renderizar um cabeçalho <code>h1</code> em uma única <code>div</code> .
+    testString: 'assert(/<div><h1>.*<\/h1><\/div>/.test(Enzyme.mount(React.createElement(MyComponent)).html()), "<code>MyComponent</code> should render an <code>h1</code> header enclosed in a single <code>div</code>.");'
+  - text: 'A tag <code>h1</code> renderizada deve incluir uma referência a <code>{name}</code> .'
+    testString: 'getUserInput => assert(/<h1>\n*\s*\{\s*name\s*\}\s*\n*<\/h1>/.test(getUserInput("index")), "The rendered <code>h1</code> tag should include a reference to <code>{name}</code>.");'
+  - text: O cabeçalho <code>h1</code> renderizado deve conter texto renderizado a partir do estado do componente.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ name: "TestName" });   return waitForIt(() => mockedComponent.html()) }; const firstValue = await first(); assert(firstValue === "<div><h1>TestName</h1></div>", "The rendered <code>h1</code> header should contain text rendered from the component&apos;s state."); };'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'freeCodeCamp'
+    }
+  }
+  render() {
+    // change code below this line
+
+    // change code above this line
+    return (
+      <div>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/render-state-in-the-user-interface.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/render-state-in-the-user-interface.portuguese.md
new file mode 100644
index 0000000000..45a840ec57
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/render-state-in-the-user-interface.portuguese.md
@@ -0,0 +1,78 @@
+---
+id: 5a24c314108439a4d4036171
+title: Render State in the User Interface
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Estado de renderização na interface do usuário
+---
+
+## Description
+<section id="description"> Depois de definir o estado inicial de um componente, você pode exibir qualquer parte dele na interface do usuário processada. Se um componente for stateful, ele sempre terá acesso aos dados no <code>state</code> em seu método <code>render()</code> . Você pode acessar os dados com <code>this.state</code> . Se você quiser acessar um valor de estado dentro do <code>return</code> do método de renderização, inclua o valor entre chaves. <code>State</code> é um dos recursos mais poderosos dos componentes do React. Ele permite que você acompanhe dados importantes no seu aplicativo e renderize uma interface do usuário em resposta a alterações nesses dados. Se seus dados forem alterados, sua interface do usuário será alterada. O React usa o que é chamado de DOM virtual, para acompanhar as alterações nos bastidores. Quando atualiza os dados do estado, ele aciona uma nova renderização dos componentes usando esses dados - incluindo os componentes filhos que receberam os dados como um prop. Reagir atualiza o DOM real, mas somente quando necessário. Isso significa que você não precisa se preocupar em alterar o DOM. Você simplesmente declara como deve ser a interface do usuário. Observe que, se você tornar um componente com estado, nenhum outro componente está ciente de seu <code>state</code> . Seu <code>state</code> é completamente encapsulado ou local para esse componente, a menos que você passe dados de estado para um componente filho como <code>props</code> . Essa noção de <code>state</code> encapsulado é muito importante, pois permite que você escreva determinada lógica e, em seguida, tenha essa lógica contida e isolada em um lugar em seu código. </section>
+
+## Instructions
+<section id="instructions"> No editor de código, o <code>MyComponent</code> já é stateful. Defina uma tag <code>h1</code> no método de renderização do componente, que renderiza o valor do <code>name</code> do estado do componente. <strong>Nota:</strong> O <code>h1</code> só deve renderizar o valor do <code>state</code> e nada mais. No JSX, qualquer código que você escrever com chaves <code>{ }</code> será tratado como JavaScript. Então, para acessar o valor do <code>state</code> apenas coloque a referência entre chaves. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code> deve ter um <code>name</code> chave com valor <code>freeCodeCamp</code> armazenado em seu estado.
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).state("name") === "freeCodeCamp", "<code>MyComponent</code> should have a key <code>name</code> with value <code>freeCodeCamp</code> stored in its state.");'
+  - text: <code>MyComponent</code> deve renderizar um cabeçalho <code>h1</code> em uma única <code>div</code> .
+    testString: 'assert(/<div><h1>.*<\/h1><\/div>/.test(Enzyme.mount(React.createElement(MyComponent)).html()), "<code>MyComponent</code> should render an <code>h1</code> header enclosed in a single <code>div</code>.");'
+  - text: O cabeçalho <code>h1</code> renderizado deve conter texto renderizado a partir do estado do componente.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ name: "TestName" });   return waitForIt(() => mockedComponent.html()) }; const firstValue = await first(); assert(firstValue === "<div><h1>TestName</h1></div>", "The rendered <code>h1</code> header should contain text rendered from the component&apos;s state.");};'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'freeCodeCamp'
+    }
+  }
+  render() {
+    return (
+      <div>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/render-with-an-if-else-condition.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/render-with-an-if-else-condition.portuguese.md
new file mode 100644
index 0000000000..ec0c9ed879
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/render-with-an-if-else-condition.portuguese.md
@@ -0,0 +1,87 @@
+---
+id: 5a24c314108439a4d4036184
+title: Render with an If-Else Condition
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Renderizar com uma condição If-else
+---
+
+## Description
+<section id="description"> Outra aplicação de usar o JavaScript para controlar sua exibição renderizada é amarrar os elementos que são renderizados a uma condição. Quando a condição é verdadeira, uma exibição é renderizada. Quando é falsa, é uma visão diferente. Você pode fazer isso com uma instrução <code>if/else</code> padrão no método <code>render()</code> de um componente React. </section>
+
+## Instructions
+<section id="instructions"> MyComponent contém um <code>boolean</code> em seu estado que controla se você deseja exibir algum elemento na interface do usuário ou não. O <code>button</code> alterna o estado desse valor. Atualmente, ele processa a mesma interface do usuário todas as vezes. Reescreva o método <code>render()</code> com uma instrução <code>if/else</code> para que, se a <code>display</code> for <code>true</code> , você retorne a marcação atual. Caso contrário, retorne a marcação sem o elemento <code>h1</code> . <strong>Nota:</strong> Você deve escrever um <code>if/else</code> para passar nos testes. O uso do operador ternário não passará aqui. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code> deve existir e renderizar.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("MyComponent").length === 1; })(), "<code>MyComponent</code> should exist and render.");'
+  - text: 'Quando a <code>display</code> está definida como <code>true</code> , um <code>button</code> <code>div</code> , e <code>h1</code> devem ser renderizados.'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const state_1 = () => { mockedComponent.setState({display: true}); return waitForIt(() => mockedComponent )}; const updated = await state_1(); assert(mockedComponent.find("div").length === 1 && mockedComponent.find("div").children().length === 2 && mockedComponent.find("button").length === 1 && mockedComponent.find("h1").length === 1, "When <code>display</code> is set to <code>true</code>, a <code>div</code>, <code>button</code>, and <code>h1</code> should render."); }; '
+  - text: 'Quando a <code>display</code> está definida como <code>false</code> , apenas um <code>div</code> e um <code>button</code> devem ser renderizados.'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const state_1 = () => { mockedComponent.setState({display: false}); return waitForIt(() => mockedComponent )}; const updated = await state_1(); assert(mockedComponent.find("div").length === 1 && mockedComponent.find("div").children().length === 1 && mockedComponent.find("button").length === 1 && mockedComponent.find("h1").length === 0, "When <code>display</code> is set to <code>false</code>, only a <code>div</code> and <code>button</code> should render."); }; '
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").includes("if") && getUserInput("index").includes("else"), "The render method should use an <code>if/else</code> statement to check the condition of <code>this.state.display</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      display: true
+    }
+    this.toggleDisplay = this.toggleDisplay.bind(this);
+  }
+  toggleDisplay() {
+    this.setState({
+      display: !this.state.display
+    });
+  }
+  render() {
+    // change code below this line
+
+    return (
+       <div>
+         <button onClick={this.toggleDisplay}>Toggle Display</button>
+         <h1>Displayed!</h1>
+       </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/review-using-props-with-stateless-functional-components.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/review-using-props-with-stateless-functional-components.portuguese.md
new file mode 100644
index 0000000000..b703eceb43
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/review-using-props-with-stateless-functional-components.portuguese.md
@@ -0,0 +1,89 @@
+---
+id: 5a24c314108439a4d403616f
+title: Review Using Props with Stateless Functional Components
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Rever usando adereços com componentes funcionais sem estado
+---
+
+## Description
+<section id="description"> Exceto pelo último desafio, você passou a adotar componentes funcionais sem estado. Esses componentes agem como funções puras. Eles aceitam adereços como entrada e retornam a mesma visão toda vez que passam os mesmos adereços. Você pode estar se perguntando qual é o estado e o próximo desafio irá abordá-lo com mais detalhes. Antes disso, aqui está uma revisão da terminologia para componentes. Um <em>componente funcional sem estado</em> é qualquer função que você escreve que aceita props e retorna JSX. Um <em>componente sem estado</em> , por outro lado, é uma classe que estende o <code>React.Component</code> , mas não usa o estado interno (coberto no próximo desafio). Finalmente, um <em>componente com estado</em> é qualquer componente que mantenha seu próprio estado interno. Você pode ver componentes stateful referidos simplesmente como componentes ou componentes React. Um padrão comum é tentar minimizar o estado de estado e criar componentes funcionais sem estado sempre que possível. Isso ajuda a conter seu gerenciamento de estado em uma área específica de seu aplicativo. Por sua vez, isso melhora o desenvolvimento e a manutenção do seu aplicativo, facilitando o acompanhamento de como as alterações no estado afetam seu comportamento. </section>
+
+## Instructions
+<section id="instructions"> O editor de código tem um componente <code>CampSite</code> que processa um componente <code>Camper</code> como um filho. Defina o componente <code>Camper</code> e atribua a ele props padrão de <code>{ name: &#39;CamperBot&#39; }</code> . Dentro do componente <code>Camper</code> , renderize qualquer código que você queira, mas tenha certeza de ter um elemento <code>p</code> que inclua apenas o valor do <code>name</code> que é passado como um <code>prop</code> . Finalmente, defina <code>propTypes</code> no componente <code>Camper</code> para exigir que o <code>name</code> seja fornecido como um prop e verifique se ele é do tipo <code>string</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>CampSite</code> deve renderizar.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(CampSite)); return mockedComponent.find("CampSite").length === 1; })(), "The <code>CampSite</code> component should render.");'
+  - text: O componente <code>Camper</code> deve renderizar.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(CampSite)); return mockedComponent.find("Camper").length === 1; })(), "The <code>Camper</code> component should render.");'
+  - text: O componente <code>Camper</code> deve incluir props padrão que atribuem a string <code>CamperBot</code> ao <code>name</code> da chave.
+    testString: 'getUserInput => assert((function() { const noWhiteSpace = getUserInput("index").replace(/\s/g, ""); const verify1 = "Camper.defaultProps={name:\"CamperBot\"}"; const verify2 = "Camper.defaultProps={name:"CamperBot"}"; return (noWhiteSpace.includes(verify1) || noWhiteSpace.includes(verify2)); })(), "The <code>Camper</code> component should include default props which assign the string <code>CamperBot</code> to the key <code>name</code>.");'
+  - text: O componente <code>Camper</code> deve incluir tipos prop que requerem que o <code>name</code> prop seja do tipo <code>string</code> .
+    testString: 'getUserInput => assert((function() { const mockedComponent = Enzyme.mount(React.createElement(CampSite)); const noWhiteSpace = getUserInput("index").replace(/\s/g, ""); const verifyDefaultProps = "Camper.propTypes={name:PropTypes.string.isRequired}"; return noWhiteSpace.includes(verifyDefaultProps); })(), "The <code>Camper</code> component should include prop types which require the <code>name</code> prop to be of type <code>string</code>.");'
+  - text: O componente <code>Camper</code> deve conter um elemento <code>p</code> com apenas o texto do <code>name</code> prop.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(CampSite)); return mockedComponent.find("p").text() === mockedComponent.find("Camper").props().name; })(), "The <code>Camper</code> component should contain a <code>p</code> element with only the text from the <code>name</code> prop.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class CampSite extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <Camper/>
+      </div>
+    );
+  }
+};
+// change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+var PropTypes = {
+   string: { isRequired: true }
+};
+
+```
+
+</div>
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/set-state-with-this.setstate.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/set-state-with-this.setstate.portuguese.md
new file mode 100644
index 0000000000..8ec5903404
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/set-state-with-this.setstate.portuguese.md
@@ -0,0 +1,85 @@
+---
+id: 5a24c314108439a4d4036173
+title: Set State with this.setState
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Definir estado com this.setState
+---
+
+## Description
+<section id="description"> Os desafios anteriores cobriram o <code>state</code> componente e como inicializar o estado no <code>constructor</code> . Há também uma maneira de alterar o <code>state</code> do componente. React fornece um método para atualizar o <code>state</code> componente chamado <code>setState</code> . Você chama o método <code>setState</code> dentro de sua classe de componentes da seguinte forma: <code>this.setState()</code> , passando um objeto com pares de valor-chave. As chaves são suas propriedades de estado e os valores são os dados de estado atualizados. Por exemplo, se estivéssemos armazenando um <code>username</code> no estado e queríamos atualizá-lo, ficaria assim: <blockquote> this.setState ({ <br> nome de usuário: &#39;Lewis&#39; <br> }); </blockquote> React espera que você nunca modifique o <code>state</code> diretamente, em vez disso, sempre use <code>this.setState()</code> quando ocorrerem mudanças de estado. Além disso, você deve observar que o React pode agrupar várias atualizações de estado para melhorar o desempenho. O que isto significa é que as atualizações de estado através do método <code>setState</code> podem ser assíncronas. Há uma sintaxe alternativa para o método <code>setState</code> , que fornece uma maneira de contornar esse problema. Isso raramente é necessário, mas é bom manter isso em mente! Por favor, consulte a <a target="_blank" href="https://facebook.github.io/react/docs/state-and-lifecycle.html">documentação</a> do <a target="_blank" href="https://facebook.github.io/react/docs/state-and-lifecycle.html">React</a> para mais detalhes. </section>
+
+## Instructions
+<section id="instructions"> Existe um elemento de <code>button</code> no editor de código que possui um manipulador <code>onClick()</code> . Esse manipulador é acionado quando o <code>button</code> recebe um evento de clique no navegador e executa o método <code>handleClick</code> definido no <code>MyComponent</code> . No método <code>handleClick</code> , atualize o <code>state</code> do componente usando <code>this.setState()</code> . Defina a propriedade <code>name</code> no <code>state</code> para igualar a string <code>React Rocks!</code> . Clique no botão e veja a atualização do estado renderizado. Não se preocupe se você não entender completamente como o código do manipulador de cliques funciona neste momento. Está coberto nos próximos desafios. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O estado de <code>MyComponent</code> deve ser inicializado com o par de valores de chave <code>{ name: Initial State }</code> .'
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).state("name") === "Initial State", "The state of <code>MyComponent</code> should initialize with the key value pair <code>{ name: Initial State }</code>.");'
+  - text: <code>MyComponent</code> deve renderizar um cabeçalho <code>h1</code> .
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).find("h1").length === 1, "<code>MyComponent</code> should render an <code>h1</code> header.");'
+  - text: O cabeçalho <code>h1</code> renderizado deve conter texto renderizado a partir do estado do componente.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ name: "TestName" }); return waitForIt(() => mockedComponent.html()); }; const firstValue = await first(); assert(/<h1>TestName<\/h1>/.test(firstValue), "The rendered <code>h1</code> header should contain text rendered from the component&apos;s state."); };'
+  - text: Chamar o método <code>handleClick</code> no <code>MyComponent</code> deve definir a propriedade name no estado para igualar <code>React Rocks!</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ name: "Before" }); return waitForIt(() => mockedComponent.state("name")); }; const second = () => { mockedComponent.instance().handleClick(); return waitForIt(() => mockedComponent.state("name")); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === "Before" && secondValue === "React Rocks!", "Calling the <code>handleClick</code> method on <code>MyComponent</code> should set the name property in state to equal <code>React Rocks!</code>."); };'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'Initial State'
+    };
+    this.handleClick = this.handleClick.bind(this);
+  }
+  handleClick() {
+    // change code below this line
+
+    // change code above this line
+  }
+  render() {
+    return (
+      <div>
+        <button onClick={this.handleClick}>Click Me</button>
+        <h1>{this.state.name}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/use--for-a-more-concise-conditional.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/use--for-a-more-concise-conditional.portuguese.md
new file mode 100644
index 0000000000..2460ee8fbd
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/use--for-a-more-concise-conditional.portuguese.md
@@ -0,0 +1,86 @@
+---
+id: 5a24c314108439a4d4036185
+title: Use && for a More Concise Conditional
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Use && para uma condicional mais concisa
+---
+
+## Description
+<section id="description"> As instruções if / else funcionaram no último desafio, mas há uma maneira mais concisa de alcançar o mesmo resultado. Imagine que você esteja rastreando várias condições em um componente e queira que diferentes elementos sejam renderizados dependendo de cada uma dessas condições. Se você escrever muito <code>else if</code> instruções retornarem UIs ligeiramente diferentes, você poderá repetir o código, o que deixa margem para erros. Em vez disso, você pode usar o operador <code>&amp;&amp;</code> lógico para executar a lógica condicional de uma maneira mais concisa. Isso é possível porque você deseja verificar se uma condição é <code>true</code> e, se estiver, retornar alguma marcação. Aqui está um exemplo: <code>{condition &amp;&amp; &lt;p&gt;markup&lt;/p&gt;}</code> Se a <code>condition</code> for <code>true</code> , a marcação será retornada. Se a condição for <code>false</code> , a operação retornará imediatamente <code>false</code> após avaliar a <code>condition</code> e não retornar nada. Você pode incluir essas instruções diretamente no seu JSX e agrupar várias condições, escrevendo <code>&amp;&amp;</code> após cada uma delas. Isso permite que você lide com uma lógica condicional mais complexa em seu método <code>render()</code> sem repetir muito código. </section>
+
+## Instructions
+<section id="instructions"> Resolva o exemplo anterior novamente, de modo que o <code>h1</code> só processe se <code>display</code> for <code>true</code> , mas use o operador <code>&amp;&amp;</code> logical em vez de uma instrução <code>if/else</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code> deve existir e renderizar.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("MyComponent").length; })(), "<code>MyComponent</code> should exist and render.");'
+  - text: 'Quando a <code>display</code> está definida como <code>true</code> , um <code>button</code> <code>div</code> , e <code>h1</code> devem ser renderizados.'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const state_1 = () => { mockedComponent.setState({display: true}); return waitForIt(() => mockedComponent )}; const updated = await state_1(); assert(updated.find("div").length === 1 && updated.find("div").children().length === 2 && updated.find("button").length === 1 && updated.find("h1").length === 1, "When <code>display</code> is set to <code>true</code>, a <code>div</code>, <code>button</code>, and <code>h1</code> should render."); }; '
+  - text: 'Quando a <code>display</code> está definida como <code>false</code> , apenas um <code>div</code> e um <code>button</code> devem ser renderizados.'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const state_1 = () => { mockedComponent.setState({display: false}); return waitForIt(() => mockedComponent )}; const updated = await state_1(); assert(updated.find("div").length === 1 && updated.find("div").children().length === 1 && updated.find("button").length === 1 && updated.find("h1").length === 0, "When <code>display</code> is set to <code>false</code>, only a <code>div</code> and <code>button</code> should render."); }; '
+  - text: O método de renderização deve usar o operador && lógico para verificar a condição de this.state.display.
+    testString: 'getUserInput => assert(getUserInput("index").includes("&&"), "The render method should use the && logical operator to check the condition of this.state.display.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      display: true
+    }
+    this.toggleDisplay = this.toggleDisplay.bind(this);
+  }
+  toggleDisplay() {
+    this.setState({
+      display: !this.state.display
+    });
+  }
+  render() {
+    // change code below this line
+    return (
+       <div>
+         <button onClick={this.toggleDisplay}>Toggle Display</button>
+         <h1>Displayed!</h1>
+       </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/use-a-ternary-expression-for-conditional-rendering.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-a-ternary-expression-for-conditional-rendering.portuguese.md
new file mode 100644
index 0000000000..580a1f6a63
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-a-ternary-expression-for-conditional-rendering.portuguese.md
@@ -0,0 +1,113 @@
+---
+id: 5a24c314108439a4d4036187
+title: Use a Ternary Expression for Conditional Rendering
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Use uma expressão ternária para renderização condicional
+---
+
+## Description
+<section id="description"> Antes de passar para as técnicas de renderização dinâmica, há uma última maneira de usar condicionais JavaScript internos para renderizar o que você deseja: o <em><strong>operador ternário</strong></em> . O operador ternário é frequentemente utilizado como um atalho para instruções <code>if/else</code> em JavaScript. Eles não são tão robustos quanto as tradicionais declarações <code>if/else</code> , mas são muito populares entre os desenvolvedores do React. Uma razão para isso é devido ao modo como o JSX é compilado, <code>if/else</code> instruções <code>if/else</code> não puderem ser inseridas diretamente no código JSX. Você deve ter percebido isso há alguns anos atrás - quando uma declaração <code>if/else</code> era necessária, estava sempre <em>fora</em> da declaração de <code>return</code> . Expressões ternárias podem ser uma excelente alternativa se você quiser implementar uma lógica condicional no seu JSX. Lembre-se de que um operador ternário possui três partes, mas você pode combinar várias expressões ternárias juntas. Aqui está a sintaxe básica: <blockquote> condição? expressionIfTrue: expressionIfFalse </blockquote></section>
+
+## Instructions
+<section id="instructions"> O editor de código possui três constantes definidas no método <code>render()</code> do componente <code>CheckUserAge</code> . Eles são chamados de <code>buttonOne</code> , <code>buttonTwo</code> e <code>buttonThree</code> . Cada uma delas é atribuída a uma expressão simples de JSX representando um elemento de botão. Primeiro, inicialize o estado de <code>CheckUserAge</code> com <code>input</code> e <code>userAge</code> ambos configurados para valores de uma string vazia. Depois que o componente estiver renderizando informações para a página, os usuários devem ter uma maneira de interagir com ele. Na instrução de <code>return</code> do componente, configure uma expressão ternária que implemente a seguinte lógica: quando a página carregar pela primeira vez, renderize o botão de envio, <code>buttonOne</code> , na página. Em seguida, quando um usuário digitar sua idade e clicar no botão, processe um botão diferente com base na idade. Se um usuário digitar um número menor que <code>18</code> , renderize <code>buttonThree</code> . Se um usuário digitar um número maior ou igual a <code>18</code> , <code>buttonTwo</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>CheckUserAge</code> deve renderizar com um único elemento de <code>input</code> e um único elemento de <code>button</code> .
+    testString: 'assert(Enzyme.mount(React.createElement(CheckUserAge)).find("div").find("input").length === 1 && Enzyme.mount(React.createElement(CheckUserAge)).find("div").find("button").length === 1, "The <code>CheckUserAge</code> component should render with a single <code>input</code> element and a single <code>button</code> element.");'
+  - text: 'O estado do componente <code>CheckUserAge</code> deve ser inicializado com uma propriedade de <code>userAge</code> e uma propriedade de <code>input</code> , ambas configuradas para um valor de uma cadeia vazia.'
+    testString: 'assert(Enzyme.mount(React.createElement(CheckUserAge)).state().input === "" && Enzyme.mount(React.createElement(CheckUserAge)).state().userAge === "", "The <code>CheckUserAge</code> component&apos;s state should be initialized with a property of <code>userAge</code> and a property of <code>input</code>, both set to a value of an empty string.");'
+  - text: 'Quando o componente <code>CheckUserAge</code> é renderizado pela primeira vez para o DOM, o texto interno do <code>button</code> deve ser Enviar.'
+    testString: 'assert(Enzyme.mount(React.createElement(CheckUserAge)).find("button").text() === "Submit", "When the <code>CheckUserAge</code> component is first rendered to the DOM, the <code>button</code>&apos;s inner text should be Submit.");'
+  - text: 'Quando um número menor que 18 é inserido no elemento de <code>input</code> e o <code>button</code> é clicado, o texto interno do <code>button</code> deve ser lido como <code>You Shall Not Pass</code> .'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(CheckUserAge)); const initialButton = mockedComponent.find("button").text(); const enter3AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "3" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const enter17AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "17" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const userAge3 = await enter3AndClickButton(); const userAge17 = await enter17AndClickButton(); assert(initialButton === "Submit" && userAge3 === "You Shall Not Pass" && userAge17 === "You Shall Not Pass", "When a number of less than 18 is entered into the <code>input</code> element and the <code>button</code> is clicked, the <code>button</code>&apos;s inner text should read <code>You Shall Not Pass</code>."); }; '
+  - text: 'Quando um número maior ou igual a 18 é inserido no elemento de <code>input</code> e o <code>button</code> é clicado, o texto interno do <code>button</code> deve ler <code>You May Enter</code> .'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(CheckUserAge)); const initialButton = mockedComponent.find("button").text(); const enter18AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "18" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const enter35AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "35" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const userAge18 = await enter18AndClickButton(); const userAge35 = await enter35AndClickButton(); assert(initialButton === "Submit" && userAge18 === "You May Enter" && userAge35 === "You May Enter", "When a number greater than or equal to 18 is entered into the <code>input</code> element and the <code>button</code> is clicked, the <code>button</code>&apos;s inner text should read <code>You May Enter</code>."); }; '
+  - text: 'Quando um número for enviado e o valor da <code>input</code> for novamente alterado, o <code>button</code> retornará para a leitura de <code>Submit</code> .'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(CheckUserAge)); const enter18AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "18" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const changeInputDontClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "5" }}); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const enter10AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "10" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const userAge18 = await enter18AndClickButton(); const changeInput1 = await changeInputDontClickButton(); const userAge10 = await enter10AndClickButton(); const changeInput2 = await changeInputDontClickButton(); assert(userAge18 === "You May Enter" && changeInput1 === "Submit" && userAge10 === "You Shall Not Pass" && changeInput2 === "Submit", "Once a number has been submitted, and the value of the <code>input</code> is once again changed, the <code>button</code> should return to reading <code>Submit</code>."); }; '
+  - text: Seu código não deve conter nenhuma instrução <code>if/else</code> .
+    testString: 'assert(new RegExp(/(\s|;)if(\s|\()/).test(Enzyme.mount(React.createElement(CheckUserAge)).instance().render.toString()) === false, "Your code should not contain any <code>if/else</code> statements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const inputStyle = {
+  width: 235,
+  margin: 5
+}
+
+class CheckUserAge extends React.Component {
+  constructor(props) {
+    super(props);
+    // change code below this line
+
+    // change code above this line
+    this.submit = this.submit.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(e) {
+    this.setState({
+      input: e.target.value,
+      userAge: "
+    });
+  }
+  submit() {
+    this.setState({
+      userAge: this.state.input
+    });
+  }
+  render() {
+    const buttonOne = <button onClick={this.submit}>Submit</button>;
+    const buttonTwo = <button>You May Enter</button>;
+    const buttonThree = <button>You Shall Not Pass</button>;
+    return (
+      <div>
+        <h3>Enter Your Age to Continue</h3>
+        <input
+          style={inputStyle}
+          type="number"
+          value={this.state.input}
+          onChange={this.handleChange} /><br />
+        {
+          /* change code here */
+        }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/use-advanced-javascript-in-react-render-method.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-advanced-javascript-in-react-render-method.portuguese.md
new file mode 100644
index 0000000000..93d7ae6289
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-advanced-javascript-in-react-render-method.portuguese.md
@@ -0,0 +1,139 @@
+---
+id: 5a24c314108439a4d4036183
+title: Use Advanced JavaScript in React Render Method
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Use JavaScript avançado no método Renderização de Reação
+---
+
+## Description
+<section id="description"> Nos desafios anteriores, você aprendeu como injetar código JavaScript no código JSX usando chaves, <code>{ }</code> , para tarefas como acessar adereços, aprovar, acessar o estado, inserir comentários em seu código e, mais recentemente, estilizar seus componentes. Esses são todos os casos de uso comuns para colocar o JavaScript no JSX, mas eles não são a única maneira de usar o código JavaScript nos componentes do React. Você também pode escrever JavaScript diretamente em seus métodos de <code>render</code> , antes da instrução de <code>return</code> , <strong><em>sem</em></strong> inseri-lo dentro das chaves. Isso ocorre porque ainda não está no código JSX. Quando você quiser usar uma variável posteriormente no código JSX <em>dentro</em> da instrução de <code>return</code> , coloque o nome da variável dentro de chaves. </section>
+
+## Instructions
+<section id="instructions"> No código fornecido, o método de <code>render</code> tem uma matriz que contém 20 frases para representar as respostas encontradas no brinquedo clássico dos anos 80 do Magic Eight Ball. O evento de clique de botão está vinculado ao método <code>ask</code> , então toda vez que o botão for clicado, um número aleatório será gerado e armazenado como o <code>randomIndex</code> no estado. Na linha 52, exclua a string <code>&quot;change me!&quot;</code> e reatribuir a <code>answer</code> const para que seu código acesse aleatoriamente um índice diferente do array <code>possibleAnswers</code> sempre que o componente for atualizado. Finalmente, insira a <code>answer</code> const dentro das tags <code>p</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>MagicEightBall</code> deve existir e deve renderizar para a página.
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MagicEightBall)).find("MagicEightBall").length, 1, "The <code>MagicEightBall</code> component should exist and should render to the page.");'
+  - text: O primeiro filho de <code>MagicEightBall</code> deve ser um elemento de <code>input</code> .
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MagicEightBall)).children().childAt(0).name(), "input", "<code>MagicEightBall</code>&apos;s first child should be an <code>input</code> element.");'
+  - text: O terceiro filho de <code>MagicEightBall</code> deve ser um elemento de <code>button</code> .
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MagicEightBall)).children().childAt(2).name(), "button", "<code>MagicEightBall</code>&apos;s third child should be a <code>button</code> element.");'
+  - text: O estado de <code>MagicEightBall</code> deve ser inicializado com uma propriedade de <code>userInput</code> e uma propriedade de <code>randomIndex</code> ambas configuradas para um valor de uma string vazia.
+    testString: 'assert(Enzyme.mount(React.createElement(MagicEightBall)).state("randomIndex") === "" && Enzyme.mount(React.createElement(MagicEightBall)).state("userInput") === "", "<code>MagicEightBall</code>&apos;s state should be initialized with a property of <code>userInput</code> and a property of <code>randomIndex</code> both set to a value of an empty string.");'
+  - text: 'Quando o <code>MagicEightBall</code> é montado pela primeira vez no DOM, ele deve retornar um elemento <code>p</code> vazio.'
+    testString: 'assert(Enzyme.mount(React.createElement(MagicEightBall)).find("p").length === 1 && Enzyme.mount(React.createElement(MagicEightBall)).find("p").text() === "", "When <code>MagicEightBall</code> is first mounted to the DOM, it should return an empty <code>p</code> element.");'
+  - text: 'Quando o texto é inserido no elemento de <code>input</code> e o botão é clicado, o componente <code>MagicEightBall</code> deve retornar um elemento <code>p</code> que contém um elemento aleatório da matriz <code>possibleAnswers</code> .'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(MagicEightBall)); const simulate = () => { comp.find("input").simulate("change", { target: { value: "test?" }}); comp.find("button").simulate("click"); }; const result = () => comp.find("p").text(); const _1 = () => { simulate(); return waitForIt(() => result()) }; const _2 = () => { simulate(); return waitForIt(() => result()) }; const _3 = () => { simulate(); return waitForIt(() => result()) }; const _4 = () => { simulate(); return waitForIt(() => result()) }; const _5 = () => { simulate(); return waitForIt(() => result()) }; const _6 = () => { simulate(); return waitForIt(() => result()) }; const _7 = () => { simulate(); return waitForIt(() => result()) }; const _8 = () => { simulate(); return waitForIt(() => result()) }; const _9 = () => { simulate(); return waitForIt(() => result()) }; const _10 = () => { simulate(); return waitForIt(() => result()) }; const _1_val = await _1(); const _2_val = await _2(); const _3_val = await _3(); const _4_val = await _4(); const _5_val = await _5(); const _6_val = await _6(); const _7_val = await _7(); const _8_val = await _8(); const _9_val = await _9(); const _10_val = await _10(); const actualAnswers = [_1_val, _2_val, _3_val, _4_val, _5_val, _6_val, _7_val, _8_val, _9_val, _10_val]; const hasIndex = actualAnswers.filter((answer, i) => possibleAnswers.indexOf(answer) !== -1); const notAllEqual = new Set(actualAnswers); assert(notAllEqual.size > 1 && hasIndex.length === 10, "When text is entered into the <code>input</code> element and the button is clicked, the <code>MagicEightBall</code> component should return a <code>p</code> element that contains a random element from the <code>possibleAnswers</code> array.");}'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const inputStyle = {
+  width: 235,
+  margin: 5
+}
+
+class MagicEightBall extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      userInput: ",
+      randomIndex: "
+    }
+    this.ask = this.ask.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+  }
+  ask() {
+    if (this.state.userInput) {
+      this.setState({
+        randomIndex: Math.floor(Math.random() * 20),
+        userInput: "
+      });
+    }
+  }
+  handleChange(event) {
+    this.setState({
+      userInput: event.target.value
+    });
+  }
+  render() {
+    const possibleAnswers = [
+      'It is certain',
+      'It is decidedly so',
+      'Without a doubt',
+      'Yes, definitely',
+      'You may rely on it',
+      'As I see it, yes',
+      'Outlook good',
+      'Yes',
+      'Signs point to yes',
+      'Reply hazy try again',
+      'Ask again later',
+      'Better not tell you now',
+      'Cannot predict now',
+      'Concentrate and ask again',
+      'Don\'t count on it',
+      'My reply is no',
+      'My sources say no',
+      'Most likely',
+      'Outlook not so good',
+      'Very doubtful'
+    ];
+    const answer = 'change me!' // << change code here
+    return (
+      <div>
+        <input
+          type="text"
+          value={this.state.userInput}
+          onChange={this.handleChange}
+          style={inputStyle} /><br />
+        <button onClick={this.ask}>
+          Ask the Magic Eight Ball!
+        </button><br />
+        <h3>Answer:</h3>
+        <p>
+          { /* change code below this line */ }
+
+          { /* change code above this line */ }
+        </p>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/use-array.filter-to-dynamically-filter-an-array.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-array.filter-to-dynamically-filter-an-array.portuguese.md
new file mode 100644
index 0000000000..6c75c2350f
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-array.filter-to-dynamically-filter-an-array.portuguese.md
@@ -0,0 +1,110 @@
+---
+id: 5a24c314108439a4d403618c
+title: Use Array.filter() to Dynamically Filter an Array
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Use Array.filter () para filtrar dinamicamente uma matriz
+---
+
+## Description
+<section id="description"> O método de matriz de <code>map</code> é uma ferramenta poderosa que você usará frequentemente ao trabalhar com o React. Outro método relacionado ao <code>map</code> é <code>filter</code> , que filtra o conteúdo de um array com base em uma condição e retorna um novo array. Por exemplo, se você tiver uma matriz de usuários que todos tenham uma propriedade <code>online</code> que pode ser configurada como <code>true</code> ou <code>false</code> , você poderá filtrar apenas os usuários on-line escrevendo: <code>let onlineUsers = users.filter(user =&gt; user.online);</code> </section>
+
+## Instructions
+<section id="instructions"> No editor de código, o <code>state</code> <code>MyComponent</code> é inicializado com uma matriz de usuários. Alguns usuários estão online e outros não. Filtre a matriz para ver apenas os usuários on-line. Para fazer isso, primeiro use <code>filter</code> para retornar um novo array contendo apenas os usuários cuja propriedade <code>online</code> é <code>true</code> . Em seguida, na variável <code>renderOnline</code> , mapeie sobre a matriz filtrada e retorne um elemento <code>li</code> para cada usuário que contenha o texto de seu <code>username</code> de <code>username</code> . Certifique-se de incluir uma <code>key</code> única também, como nos últimos desafios. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code> deve existir e renderizar para a página.
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MyComponent)).find("MyComponent").length, 1, "<code>MyComponent</code> should exist and render to the page.");'
+  - text: O estado do <code>MyComponent</code> deve ser inicializado para um array de seis usuários. &quot;)
+    testString: 'assert(Array.isArray(Enzyme.mount(React.createElement(MyComponent)).state("users")) === true && Enzyme.mount(React.createElement(MyComponent)).state("users").length === 6, "<code>MyComponent</code>&apos;s state should be initialized to an array of six users.");'
+  - text: '<code>MyComponent</code> deve retornar uma <code>div</code> , uma <code>h1</code> e, em seguida, uma lista não ordenada contendo <code>li</code> elements para cada usuário cujo status on-line esteja definido como <code>true</code> .'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(MyComponent)); const users = (bool) => ({users:[ { username: "Jeff", online: bool }, { username: "Alan", online: bool }, { username: "Mary", online: bool }, { username: "Jim", online: bool   }, { username: "Laura", online: bool } ]}); const result = () => comp.find("li").length; const _1 = result(); const _2 = () => { comp.setState(users(true)); return waitForIt(() => result()) }; const _3 = () => { comp.setState(users(false)); return waitForIt(() => result()) }; const _4 = () => { comp.setState({ users: [] }); return waitForIt(() => result()) }; const _2_val = await _2(); const _3_val = await _3(); const _4_val = await _4(); assert(comp.find("div").length === 1 && comp.find("h1").length === 1 && comp.find("ul").length === 1 && _1 === 4 && _2_val === 5 && _3_val === 0 && _4_val === 0, "<code>MyComponent</code> should return a <code>div</code>, an <code>h1</code>, and then an unordered list containing <code>li</code> elements for every user whose online status is set to <code>true</code>."); }; '
+  - text: <code>MyComponent</code> deve processar elementos <code>li</code> que contenham o nome de usuário de cada usuário on-line.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(MyComponent)); const users = (bool) => ({users:[ { username: "Jeff", online: bool }, { username: "Alan", online: bool }, { username: "Mary", online: bool }, { username: "Jim", online: bool   }, { username: "Laura", online: bool } ]}); const ul = () => { comp.setState(users(true)); return waitForIt(() => comp.find("ul").html()) }; const html = await ul(); assert(html === "<ul><li>Jeff</li><li>Alan</li><li>Mary</li><li>Jim</li><li>Laura</li></ul>", "<code>MyComponent</code> should render <code>li</code> elements that contain the username of each online user."); }; '
+  - text: Cada elemento de item de lista deve ter um atributo de <code>key</code> exclusivo.
+    testString: 'assert((() => { const ul = Enzyme.mount(React.createElement(MyComponent)).find("ul"); console.log(ul.debug()); const keys = new Set([ ul.childAt(0).key(), ul.childAt(1).key(), ul.childAt(2).key(), ul.childAt(3).key() ]); return keys.size === 4; })(), "Each list item element should have a unique <code>key</code> attribute.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      users: [
+        {
+          username: 'Jeff',
+          online: true
+        },
+        {
+          username: 'Alan',
+          online: false
+        },
+        {
+          username: 'Mary',
+          online: true
+        },
+        {
+          username: 'Jim',
+          online: false
+        },
+        {
+          username: 'Sara',
+          online: true
+        },
+        {
+          username: 'Laura',
+          online: true
+        }
+      ]
+    }
+  }
+  render() {
+    const usersOnline = null; // change code here
+    const renderOnline = null; // change code here
+    return (
+       <div>
+         <h1>Current Online Users:</h1>
+         <ul>
+           {renderOnline}
+         </ul>
+       </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/use-array.map-to-dynamically-render-elements.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-array.map-to-dynamically-render-elements.portuguese.md
new file mode 100644
index 0000000000..5acf7683b9
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-array.map-to-dynamically-render-elements.portuguese.md
@@ -0,0 +1,110 @@
+---
+id: 5a24c314108439a4d403618a
+title: Use Array.map() to Dynamically Render Elements
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Use Array.map () para renderizar elementos dinamicamente
+---
+
+## Description
+<section id="description"> A renderização condicional é útil, mas você pode precisar que seus componentes renderizem um número desconhecido de elementos. Muitas vezes, na programação reativa, um programador não tem como saber qual é o estado de um aplicativo até o tempo de execução, porque muito depende da interação do usuário com esse programa. Os programadores precisam escrever seu código para lidar corretamente com esse estado desconhecido antes do tempo. O uso do <code>Array.map()</code> no React ilustra esse conceito. Por exemplo, você cria um aplicativo &quot;To Do List&quot; simples. Como programador, você não tem como saber quantos itens um usuário pode ter em sua lista. Você precisa configurar seu componente para <em><strong>renderizar dinamicamente</strong></em> o número correto de elementos da lista muito antes de alguém usar o programa decidir que hoje é dia da lavanderia. </section>
+
+## Instructions
+<section id="instructions"> O editor de código tem a maior parte do componente <code>MyToDoList</code> configurado. Algum deste código deve parecer familiar se você tiver concluído o desafio do formulário controlado. Você notará uma área de <code>textarea</code> e um <code>button</code> , juntamente com alguns métodos que rastreiam seus estados, mas nada é renderizado para a página ainda. Dentro do <code>constructor</code> , crie um objeto <code>this.state</code> e defina dois estados: <code>userInput</code> deve ser inicializado como uma string vazia e <code>toDoList</code> deve ser inicializado como uma matriz vazia. Em seguida, exclua o comentário no método <code>render()</code> ao lado da variável <code>items</code> . Em seu lugar, mapeie a matriz <code>toDoList</code> armazenada no estado interno do componente e renderize dinamicamente um <code>li</code> para cada item. Tente digitar a string <code>eat, code, sleep, repeat</code> na área de <code>textarea</code> , clicar no botão e ver o que acontece. <strong>Nota:</strong> Você pode saber que todos os elementos filho irmãos criados por uma operação de mapeamento como essa precisam ser fornecidos com um atributo- <code>key</code> exclusivo. Não se preocupe, este é o tópico do próximo desafio. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente MyToDoList deve existir e renderizar para a página.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); return mockedComponent.find("MyToDoList").length === 1; })(), "The MyToDoList component should exist and render to the page.");'
+  - text: O primeiro filho de <code>MyToDoList</code> deve ser um elemento <code>textarea</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); return mockedComponent.find("MyToDoList").children().childAt(0).type() === "textarea"; })(), "The first child of <code>MyToDoList</code> should be a <code>textarea</code> element.");'
+  - text: O terceiro filho de <code>MyToDoList</code> deve ser um elemento de <code>button</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); return mockedComponent.find("MyToDoList").children().childAt(2).type() === "button"; })(), "The third child of <code>MyToDoList</code> should be a <code>button</code> element.");'
+  - text: O estado de <code>MyToDoList</code> deve ser inicializado com <code>toDoList</code> como uma matriz vazia.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); const initialState = mockedComponent.state(); return Array.isArray(initialState.toDoList) === true && initialState.toDoList.length === 0; })(), "The state of <code>MyToDoList</code> should be initialized with <code>toDoList</code> as an empty array.");'
+  - text: O estado de <code>MyToDoList</code> deve ser inicializado com <code>userInput</code> como uma string vazia.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); const initialState = mockedComponent.state(); return typeof initialState.userInput === "string" && initialState.userInput.length === 0; })(), "The state of <code>MyToDoList</code> should be initialized with <code>userInput</code> as an empty string.");'
+  - text: 'Quando o botão <code>Create List</code> é clicado, o componente <code>MyToDoList</code> deve retornar dinamicamente uma lista não ordenada que contenha um elemento de item de lista para cada item de uma lista separada por vírgula inserida no elemento <code>textarea</code> .'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); const simulateChange = (el, value) => el.simulate("change", {target: {value}}); const state_1 = () => { return waitForIt(() => mockedComponent.find("ul").find("li"))}; const setInput = () => { return waitForIt(() => simulateChange(mockedComponent.find("textarea"), "testA, testB, testC"))}; const click = () => { return waitForIt(() => mockedComponent.find("button").simulate("click"))}; const state_2 = () => { return waitForIt(() => { const nodes = mockedComponent.find("ul").find("li"); return { nodes, text: nodes.reduce((t, n) => t + n.text(), "") }; })}; const setInput_2 = () => { return waitForIt(() => simulateChange(mockedComponent.find("textarea"), "t1, t2, t3, t4, t5, t6"))}; const click_1 = () => { return waitForIt(() => mockedComponent.find("button").simulate("click"))}; const state_3 = () => { return waitForIt(() => { const nodes = mockedComponent.find("ul").find("li"); return { nodes, text: nodes.reduce((t, n) => t + n.text(), "") }; })}; const awaited_state_1 = await state_1(); const awaited_setInput = await setInput(); const awaited_click = await click(); const awaited_state_2 = await state_2(); const awaited_setInput_2 = await setInput_2(); const awaited_click_1 = await click_1(); const awaited_state_3 = await state_3(); assert(awaited_state_1.length === 0 && awaited_state_2.nodes.length === 3 && awaited_state_3.nodes.length === 6 && awaited_state_2.text === "testA testB testC" && awaited_state_3.text === "t1 t2 t3 t4 t5 t6", "When the <code>Create List</code> button is clicked, the <code>MyToDoList</code> component should dynamically return an unordered list that contains a list item element for every item of a comma-separated list entered into the <code>textarea</code> element."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const textAreaStyles = {
+  width: 235,
+  margin: 5
+};
+
+class MyToDoList extends React.Component {
+  constructor(props) {
+    super(props);
+    // change code below this line
+
+    // change code above this line
+    this.handleSubmit = this.handleSubmit.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleSubmit() {
+    const itemsArray = this.state.userInput.split(',');
+    this.setState({
+      toDoList: itemsArray
+    });
+  }
+  handleChange(e) {
+    this.setState({
+      userInput: e.target.value
+    });
+  }
+  render() {
+    const items = null; // change code here
+    return (
+      <div>
+        <textarea
+          onChange={this.handleChange}
+          value={this.state.userInput}
+          style={textAreaStyles}
+          placeholder="Separate Items With Commas" /><br />
+        <button onClick={this.handleSubmit}>Create List</button>
+        <h1>My "To Do" List:</h1>
+        <ul>
+          {items}
+        </ul>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/use-default-props.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-default-props.portuguese.md
new file mode 100644
index 0000000000..6b32309ba7
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-default-props.portuguese.md
@@ -0,0 +1,67 @@
+---
+id: 5a24c314108439a4d403616b
+title: Use Default Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Use Adereços Padrão
+---
+
+## Description
+<section id="description"> Reagir também tem uma opção para definir adereços padrão. Você pode atribuir props padrão a um componente como uma propriedade no próprio componente e React atribui o prop padrão, se necessário. Isso permite que você especifique o valor de um objeto propício se nenhum valor for explicitamente fornecido. Por exemplo, se você declarar <code>MyComponent.defaultProps = { location: &#39;San Francisco&#39; }</code> , você definiu um local de localização definido como a cadeia <code>San Francisco</code> , a menos que você especifique o contrário. React atribui props padrão se os props forem indefinidos, mas se você passar <code>null</code> como o valor de um prop, ele permanecerá <code>null</code> . </section>
+
+## Instructions
+<section id="instructions"> O editor de código mostra um componente <code>ShoppingCart</code> . Definir props padrão neste componente que especificam os <code>items</code> prop com um valor de <code>0</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>ShoppingCart</code> deve renderizar.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("ShoppingCart").length === 1; })(), "The <code>ShoppingCart</code> component should render.");'
+  - text: 'O componente <code>ShoppingCart</code> deve ter um prop padrão de <code>{ items: 0 }</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); mockedComponent.setProps({items: undefined}); return mockedComponent.find("ShoppingCart").props().items === 0; })(), "The <code>ShoppingCart</code> component should have a default prop of <code>{ items: 0 }</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ShoppingCart = (props) => {
+  return (
+    <div>
+      <h1>Shopping Cart Component</h1>
+    </div>
+  )
+};
+// change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.portuguese.md
new file mode 100644
index 0000000000..7b4d785d35
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.portuguese.md
@@ -0,0 +1,92 @@
+---
+id: 5a24c314108439a4d403616d
+title: Use PropTypes to Define the Props You Expect
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Use PropTypes para definir os suportes que você espera
+---
+
+## Description
+<section id="description"> O React fornece recursos úteis de verificação de tipos para verificar se os componentes recebem props do tipo correto. Por exemplo, seu aplicativo faz uma chamada de API para recuperar dados que você espera estar em uma matriz, que é então passada para um componente como um prop. Você pode definir <code>propTypes</code> no seu componente para exigir que os dados sejam do tipo <code>array</code> . Isso lançará um aviso útil quando os dados forem de qualquer outro tipo. É considerado uma boa prática definir <code>propTypes</code> quando você conhece o tipo de suporte antes do tempo. Você pode definir uma propriedade <code>propTypes</code> para um componente da mesma maneira que definiu <code>defaultProps</code> . Fazendo isso, você verifica se os objetos de uma determinada chave estão presentes em um determinado tipo. Aqui está um exemplo para requerer a <code>function</code> type para um <code>handleClick</code> chamado <code>handleClick</code> : <code>MyComponent.propTypes = { handleClick: PropTypes.func.isRequired }</code> No exemplo acima, a parte <code>PropTypes.func</code> verifica que <code>handleClick</code> é uma função. Adicionando <code>isRequired</code> diz React que <code>handleClick</code> é uma propriedade necessária para esse componente. Você verá um aviso se esse suporte não for fornecido. Observe também que <code>func</code> representa a <code>function</code> . Entre os sete tipos primitivos de JavaScript, <code>function</code> e <code>boolean</code> (escrito como <code>bool</code> ) são os dois únicos que usam ortografia incomum. Além dos tipos primitivos, existem outros tipos disponíveis. Por exemplo, você pode verificar se um prop é um elemento React. Por favor, consulte a documentação de todas as opções. <strong>Nota:</strong> A partir do React v15.5.0, <code>PropTypes</code> é importado independentemente do React, desta forma: <code>import React, { PropTypes } from &#39;react&#39;;</code> </section>
+
+## Instructions
+<section id="instructions"> Defina <code>propTypes</code> para o componente <code>Items</code> para exigir <code>quantity</code> como um prop e verifique se é do tipo <code>number</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>ShoppingCart</code> deve renderizar.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("ShoppingCart").length === 1; })(), "The <code>ShoppingCart</code> component should render.");'
+  - text: O componente <code>Items</code> deve renderizar.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("Items").length === 1; })(), "The <code>Items</code> component should render.");'
+  - text: O componente <code>Items</code> deve incluir uma verificação de <code>propTypes</code> que exija <code>quantity</code> para ser um <code>number</code> .
+    testString: 'getUserInput => assert((function() { const noWhiteSpace = getUserInput("index").replace(/ /g, ""); return noWhiteSpace.includes("quantity:PropTypes.number.isRequired") && noWhiteSpace.includes("Items.propTypes="); })(), "The <code>Items</code> component should include a <code>propTypes</code> check that requires <code>quantity</code> to be a <code>number</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const Items = (props) => {
+  return <h1>Current Quantity of Items in Cart: {props.quantity}</h1>
+};
+
+// change code below this line
+
+// change code above this line
+
+Items.defaultProps = {
+  quantity: 0
+};
+
+class ShoppingCart extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return <Items />
+  }
+};
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+var PropTypes = {
+  number: { isRequired: true }
+};
+
+```
+
+</div>
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/use-react-to-render-nested-components.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-react-to-render-nested-components.portuguese.md
new file mode 100644
index 0000000000..1e43ea9fa7
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-react-to-render-nested-components.portuguese.md
@@ -0,0 +1,103 @@
+---
+id: 5a24c314108439a4d4036165
+title: Use React to Render Nested Components
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Use Reagir para Renderizar Componentes Aninhados
+---
+
+## Description
+<section id="description"> O último desafio mostrou uma maneira simples de compor dois componentes, mas há muitas maneiras diferentes de compor componentes com o React. A composição de componentes é um dos poderosos recursos do React. Quando você trabalha com o React, é importante começar a pensar na interface do usuário em termos de componentes, como o exemplo de aplicativo no último desafio. Você divide sua interface do usuário em seus blocos de construção básicos e essas peças se tornam os componentes. Isso ajuda a separar o código responsável pela interface do usuário do código responsável por manipular a lógica do seu aplicativo. Isso pode simplificar bastante o desenvolvimento e a manutenção de projetos complexos. </section>
+
+## Instructions
+<section id="instructions"> Existem dois componentes funcionais definidos no editor de código, chamados <code>TypesOfFruit</code> e <code>Fruits</code> . Pegue o componente <code>TypesOfFruit</code> e componha-o, ou <em>aninhe</em> -o, dentro do componente <code>Fruits</code> . Em seguida, pegue o componente <code>Fruits</code> e aninhe-o no componente <code>TypesOfFood</code> . O resultado deve ser um componente filho, aninhado dentro de um componente pai, que está aninhado dentro de um componente pai próprio! </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O componente <code>TypesOfFood</code> deve retornar um único elemento <code>div</code> .
+    testString: 'assert(Enzyme.shallow(React.createElement(TypesOfFood)).type() === "div", "The <code>TypesOfFood</code> component should return a single <code>div</code> element.");'
+  - text: O componente <code>TypesOfFood</code> deve retornar o componente <code>Fruits</code> .
+    testString: 'assert(Enzyme.shallow(React.createElement(TypesOfFood)).props().children[1].type.name === "Fruits", "The <code>TypesOfFood</code> component should return the <code>Fruits</code> component.");'
+  - text: O componente de <code>Fruits</code> deve retornar o componente <code>TypesOfFruit</code> .
+    testString: 'assert(Enzyme.mount(React.createElement(TypesOfFood)).find("h2").html() === "<h2>Fruits:</h2>", "The <code>Fruits</code> component should return the <code>TypesOfFruit</code> component.");'
+  - text: O componente <code>TypesOfFruit</code> deve retornar os elementos <code>h2</code> e <code>ul</code> .
+    testString: 'assert(Enzyme.mount(React.createElement(TypesOfFood)).find("ul").text() === "ApplesBlueberriesStrawberriesBananas", "The <code>TypesOfFruit</code> component should return the <code>h2</code> and <code>ul</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const TypesOfFruit = () => {
+  return (
+    <div>
+      <h2>Fruits:</h2>
+      <ul>
+        <li>Apples</li>
+        <li>Blueberries</li>
+        <li>Strawberries</li>
+        <li>Bananas</li>
+      </ul>
+    </div>
+  );
+};
+
+const Fruits = () => {
+  return (
+    <div>
+      { /* change code below this line */ }
+
+      { /* change code above this line */ }
+    </div>
+  );
+};
+
+class TypesOfFood extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <div>
+        <h1>Types of Food:</h1>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/use-state-to-toggle-an-element.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-state-to-toggle-an-element.portuguese.md
new file mode 100644
index 0000000000..a6bed9a3c3
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-state-to-toggle-an-element.portuguese.md
@@ -0,0 +1,91 @@
+---
+id: 5a24c314108439a4d4036176
+title: Use State to Toggle an Element
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Use o estado para alternar um elemento
+---
+
+## Description
+<section id="description"> Você pode usar o <code>state</code> em aplicativos React de maneiras mais complexas do que o que você viu até agora. Um exemplo é monitorar o status de um valor e renderizar a UI condicionalmente com base nesse valor. Existem várias maneiras diferentes de fazer isso, e o editor de código mostra um método. </section>
+
+## Instructions
+<section id="instructions"> <code>MyComponent</code> tem uma propriedade de <code>visibility</code> que é inicializada como <code>false</code> . O método render retorna uma visualização se o valor da <code>visibility</code> for true e uma visualização diferente se for false. Atualmente, não há como atualizar a propriedade de <code>visibility</code> no <code>state</code> do componente. O valor deve alternar entre verdadeiro e falso. Há um manipulador de cliques no botão que aciona um método de classe chamado <code>toggleVisibility()</code> . Defina este método para que o <code>state</code> de <code>visibility</code> alternado para o valor oposto quando o método for chamado. Se a <code>visibility</code> for <code>false</code> , o método a define como <code>true</code> e vice-versa. Por fim, clique no botão para ver a renderização condicional do componente com base em seu <code>state</code> . <strong>Dica:</strong> não se esqueça de ligar a palavra-chave <code>this</code> ao método no construtor! </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code> deve retornar um elemento <code>div</code> que contém um <code>button</code> .
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MyComponent)).find("div").find("button").length, 1, "<code>MyComponent</code> should return a <code>div</code> element which contains a <code>button</code>.");'
+  - text: O estado de <code>MyComponent</code> deve ser inicializado com uma propriedade de <code>visibility</code> configurada como <code>false</code> .
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MyComponent)).state("visibility"), false, "The state of <code>MyComponent</code> should initialize with a <code>visibility</code> property set to <code>false</code>.");'
+  - text: Clicar no elemento de botão deve alternar a propriedade de <code>visibility</code> no estado entre <code>true</code> e <code>false</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ visibility: false }); return waitForIt(() => mockedComponent.state("visibility")); }; const second = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent.state("visibility")); }; const third = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent.state("visibility")); }; const firstValue = await first(); const secondValue = await second(); const thirdValue = await third(); assert(!firstValue && secondValue && !thirdValue, "Clicking the button element should toggle the <code>visibility</code> property in state between <code>true</code> and <code>false</code>."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      visibility: false
+    };
+    // change code below this line
+
+    // change code above this line
+  }
+  // change code below this line
+
+  // change code above this line
+  render() {
+    if (this.state.visibility) {
+      return (
+        <div>
+          <button onClick={this.toggleVisibility}>Click Me</button>
+          <h1>Now you see me!</h1>
+        </div>
+      );
+    } else {
+      return (
+        <div>
+          <button onClick={this.toggleVisibility}>Click Me</button>
+        </div>
+      );
+    }
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/use-the-lifecycle-method-componentdidmount.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-the-lifecycle-method-componentdidmount.portuguese.md
new file mode 100644
index 0000000000..8f4d62a0e9
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-the-lifecycle-method-componentdidmount.portuguese.md
@@ -0,0 +1,83 @@
+---
+id: 5a24c314108439a4d403617d
+title: Use the Lifecycle Method componentDidMount
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Use o componentDidMount do método do ciclo de vida
+---
+
+## Description
+<section id="description"> A maioria dos desenvolvedores da Web, em algum momento, precisa chamar um ponto de extremidade da API para recuperar dados. Se você está trabalhando com o React, é importante saber onde realizar essa ação. A prática recomendada com o React é colocar chamadas de API ou qualquer chamada para o seu servidor no método de ciclo de vida <code>componentDidMount()</code> . Esse método é chamado depois que um componente é montado no DOM. Qualquer chamada para <code>setState()</code> aqui irá disparar uma nova renderização do seu componente. Quando você chamar uma API nesse método e definir seu estado com os dados retornados pela API, ela acionará automaticamente uma atualização assim que você receber os dados. </section>
+
+## Instructions
+<section id="instructions"> Há uma chamada de API falsa em <code>componentDidMount()</code> . Ele define o estado após 2,5 segundos para simular a chamada de um servidor para recuperar dados. Este exemplo solicita o total de usuários ativos atuais para um site. No método render, renderize o valor de <code>activeUsers</code> no <code>h1</code> . Veja o que acontece na pré-visualização e sinta-se à vontade para alterar o tempo limite para ver os diferentes efeitos. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code> deve renderizar um elemento <code>div</code> que contenha uma tag <code>h1</code> .
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return (mockedComponent.find("div").length === 1 && mockedComponent.find("h1").length === 1); })(), "<code>MyComponent</code> should render a <code>div</code> element which wraps an <code>h1</code> tag.");'
+  - text: O estado do componente deve ser atualizado com uma função de tempo limite em <code>componentDidMount</code> .
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return new RegExp("setTimeout(.|\n)+setState(.|\n)+activeUsers").test(String(mockedComponent.instance().componentDidMount)); })(), "Component state should be updated with a timeout function in <code>componentDidMount</code>.");'
+  - text: 'A <code>h1</code> tag deve tornar o <code>activeUsers</code> valor de <code>MyComponent</code> estado &#39;s.'
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ activeUsers: 1237 }); return mockedComponent.find("h1").text(); }; const second = () => { mockedComponent.setState({ activeUsers: 1000 }); return mockedComponent.find("h1").text(); }; assert(new RegExp("1237").test(first()) && new RegExp("1000").test(second()), "The <code>h1</code> tag should render the <code>activeUsers</code> value from <code>MyComponent</code>&apos;s state."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      activeUsers: null
+    };
+  }
+  componentDidMount() {
+    setTimeout( () => {
+      this.setState({
+        activeUsers: 1273
+      });
+    }, 2500);
+  }
+  render() {
+    return (
+      <div>
+        <h1>Active Users: { /* change code here */ }</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/use-the-lifecycle-method-componentwillmount.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-the-lifecycle-method-componentwillmount.portuguese.md
new file mode 100644
index 0000000000..378bff2f26
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-the-lifecycle-method-componentwillmount.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 5a24c314108439a4d403617c
+title: Use the Lifecycle Method componentWillMount
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Use o componente Método de ciclo de vidaWillMount
+---
+
+## Description
+<section id="description"> Os componentes React possuem vários métodos especiais que fornecem oportunidades para executar ações em pontos específicos no ciclo de vida de um componente. Eles são chamados de métodos de ciclo de vida ou ganchos do ciclo de vida e permitem que você capture componentes em determinados pontos no tempo. Isso pode ser feito antes de serem processados, antes de serem atualizados, antes de receberem adereços, antes de desmontarem e assim por diante. Aqui está uma lista de alguns dos principais métodos de ciclo de vida: <code>componentWillMount()</code> <code>componentDidMount()</code> <code>componentWillReceiveProps()</code> <code>shouldComponentUpdate()</code> <code>componentWillUpdate()</code> <code>componentDidUpdate()</code> <code>componentWillUnmount()</code> As próximas lições <code>shouldComponentUpdate()</code> alguns dos casos de uso básicos para esses métodos de ciclo de vida. </section>
+
+## Instructions
+<section id="instructions"> O método <code>componentWillMount()</code> é chamado antes do método <code>render()</code> quando um componente está sendo montado no DOM. Registre algo no console dentro de <code>componentWillMount()</code> - você pode querer abrir o console do seu navegador para ver a saída. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code> deve renderizar um elemento <code>div</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("div").length === 1; })(), "<code>MyComponent</code> should render a <code>div</code> element.");'
+  - text: <code>console.log</code> deve ser chamado em <code>componentWillMount</code> .
+    testString: 'assert((function() { const lifecycle = React.createElement(MyComponent).type.prototype.componentWillMount.toString().replace(/ /g,""); return lifecycle.includes("console.log("); })(), "<code>console.log</code> should be called in <code>componentWillMount</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  componentWillMount() {
+    // change code below this line
+
+    // change code above this line
+  }
+  render() {
+    return <div />
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/write-a-react-component-from-scratch.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/write-a-react-component-from-scratch.portuguese.md
new file mode 100644
index 0000000000..0d62e62e93
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/write-a-react-component-from-scratch.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 5a24c314108439a4d4036168
+title: Write a React Component from Scratch
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Escrever um componente Reagir do zero
+---
+
+## Description
+<section id="description"> Agora que você aprendeu os fundamentos dos componentes JSX e React, é hora de escrever um componente por conta própria. Os componentes React são os principais blocos de construção dos aplicativos React, por isso é importante se familiarizar com a gravação deles. Lembre-se, um componente React típico é uma <code>class</code> ES6 que estende o <code>React.Component</code> . Tem um método de renderização que retorna HTML (de JSX) ou <code>null</code> . Esta é a forma básica de um componente React. Depois de entender isso bem, você estará preparado para começar a construir projetos React mais complexos. </section>
+
+## Instructions
+<section id="instructions"> Defina uma classe <code>MyComponent</code> que estenda <code>React.Component</code> . Seu método de renderização deve retornar um <code>div</code> que contenha uma tag <code>h1</code> com o texto: <code>My First React Component!</code> nisso. Use exatamente este texto, o caso e a pontuação. Certifique-se de chamar o construtor para o seu componente também. Renderize esse componente para o DOM usando <code>ReactDOM.render()</code> . Existe um <code>div</code> com <code>id=&#39;challenge-node&#39;</code> disponível para você usar. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Deve haver um componente React chamado <code>MyComponent</code> .
+    testString: 'getUserInput => assert(getUserInput("index").replace(/\s/g, "").includes("classMyComponentextendsReact.Component{"), "There should be a React component called <code>MyComponent</code>.");'
+  - text: <code>MyComponent</code> deve conter uma tag <code>h1</code> com o texto <code>My First React Component!</code> Caso e pontuação são importantes.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("h1").text() === "My First React Component!"; })(), "<code>MyComponent</code> should contain an <code>h1</code> tag with text <code>My First React Component!</code> Case and punctuation matter.");'
+  - text: <code>MyComponent</code> deve renderizar para o DOM.
+    testString: 'assert(document.getElementById("challenge-node").childNodes.length === 1, "<code>MyComponent</code> should render to the DOM.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/write-a-simple-counter.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/write-a-simple-counter.portuguese.md
new file mode 100644
index 0000000000..167d23d15b
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/write-a-simple-counter.portuguese.md
@@ -0,0 +1,89 @@
+---
+id: 5a24c314108439a4d4036177
+title: Write a Simple Counter
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Escreva um contador simples
+---
+
+## Description
+<section id="description"> Você pode criar um componente com estado mais complexo combinando os conceitos abordados até o momento. Isso inclui a inicialização do <code>state</code> , a criação de métodos que definem o <code>state</code> e a atribuição de manipuladores de clique para acionar esses métodos. </section>
+
+## Instructions
+<section id="instructions"> O componente <code>Counter</code> registra um valor de <code>count</code> no <code>state</code> . Existem dois botões que chamam os métodos <code>increment()</code> e <code>decrement()</code> . Escreva esses métodos para que o valor do contador seja incrementado ou diminuído em 1 quando o botão apropriado for clicado. Além disso, crie um método <code>reset()</code> para que, ao clicar no botão de reinicialização, a contagem seja definida como 0. <strong>Nota:</strong> Certifique-se de não modificar os <code>classNames</code> das <code>classNames</code> dos botões. Além disso, lembre-se de adicionar as ligações necessárias para os métodos recém-criados no construtor. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>Counter</code> deve retornar um elemento <code>div</code> que contém três botões com conteúdo de texto nesta ordem <code>Increment!</code> <code>Decrement!</code> , <code>Reset</code> .'
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(Counter)); return (mockedComponent.find(".inc").text() === "Increment!" && mockedComponent.find(".dec").text() === "Decrement!" && mockedComponent.find(".reset").text() === "Reset"); })(), "<code>Counter</code> should return a <code>div</code> element which contains three buttons with text content in this order <code>Increment!</code>, <code>Decrement!</code>, <code>Reset</code>.");'
+  - text: O estado do <code>Counter</code> deve inicializar com uma propriedade de <code>count</code> definida como <code>0</code> .
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(Counter)).state("count"), 0, "The state of <code>Counter</code> should initialize with a <code>count</code> property set to <code>0</code>.");'
+  - text: Clicar no botão de incremento deve incrementar a contagem em <code>1</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Counter)); const first = () => { mockedComponent.setState({ count: 0 }); return waitForIt(() => mockedComponent.state("count")); }; const second = () => { mockedComponent.find(".inc").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === 0 && secondValue === 1, "Clicking the increment button should increment the count by <code>1</code>."); }; '
+  - text: Clicar no botão de decremento deve diminuir a contagem em <code>1</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Counter)); const first = () => { mockedComponent.setState({ count: 0 }); return waitForIt(() => mockedComponent.state("count")); }; const second = () => { mockedComponent.find(".dec").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === 0 && secondValue === -1, "Clicking the decrement button should decrement the count by <code>1</code>."); }; '
+  - text: Clicar no botão de redefinição deve redefinir a contagem para <code>0</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Counter)); const init = () => { mockedComponent.setState({ count: 0 }); return waitForIt(() => mockedComponent.state("count")); }; const increment = () => { mockedComponent.find(".inc").simulate("click"); mockedComponent.find(".inc").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const decrement = () => { mockedComponent.find(".dec").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const reset = () => { mockedComponent.find(".reset").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const firstValue = await init(); const secondValue = await increment(); const thirdValue = await decrement(); const fourthValue = await reset(); assert(firstValue === 0 && secondValue === 2 && thirdValue === 1 && fourthValue === 0, "Clicking the reset button should reset the count to <code>0</code>."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Counter extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      count: 0
+    };
+    // change code below this line
+
+    // change code above this line
+  }
+  // change code below this line
+
+  // change code above this line
+  render() {
+    return (
+      <div>
+        <button className='inc' onClick={this.increment}>Increment!</button>
+        <button className='dec' onClick={this.decrement}>Decrement!</button>
+        <button className='reset' onClick={this.reset}>Reset</button>
+        <h1>Current Count: {this.state.count}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/redux/combine-multiple-reducers.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/redux/combine-multiple-reducers.portuguese.md
new file mode 100644
index 0000000000..3ee7c39d67
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/redux/combine-multiple-reducers.portuguese.md
@@ -0,0 +1,90 @@
+---
+id: 5a24c314108439a4d4036154
+title: Combine Multiple Reducers
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Combine vários redutores
+---
+
+## Description
+<section id="description"> Quando o estado do seu aplicativo começa a ficar mais complexo, pode ser tentador dividir o estado em várias partes. Em vez disso, lembre-se do primeiro princípio do Redux: todo o estado do aplicativo é mantido em um único objeto de estado na loja. Portanto, o Redux fornece a composição do redutor como uma solução para um modelo de estado complexo. Você define vários redutores para manipular diferentes partes do estado de sua aplicação e, então, compõe esses redutores juntos em um redutor de raiz. O redutor de raiz é então passado para o método <code>createStore()</code> do Redux. Para nos permitir combinar vários redutores juntos, o Redux fornece o método <code>combineReducers()</code> . Esse método aceita um objeto como um argumento no qual você define propriedades que associam chaves a funções específicas do redutor. O nome que você dá às chaves será usado pelo Redux como o nome do pedaço de estado associado. Normalmente, é uma boa prática criar um redutor para cada estado de aplicativo quando eles são distintos ou exclusivos de alguma forma. Por exemplo, em um aplicativo de anotações com autenticação de usuário, um redutor pode manipular a autenticação enquanto outro manipula o texto e as anotações que o usuário está enviando. Para tal aplicação, podemos escrever o método <code>combineReducers()</code> desta forma: <blockquote> const rootReducer = Redux.combineReducers ({ <br> auth: authenticationReducer, <br> notas: notesReducer <br> }); </blockquote> Agora, as <code>notes</code> principais conterão todo o estado associado às nossas anotações e <code>notesReducer</code> manipuladas pelo nosso <code>notesReducer</code> . É assim que vários redutores podem ser compostos para gerenciar um estado de aplicativo mais complexo. Neste exemplo, o estado mantido no repositório do Redux seria, então, um único objeto contendo as propriedades <code>auth</code> e <code>notes</code> . </section>
+
+## Instructions
+<section id="instructions"> Existem as <code>counterReducer()</code> e <code>authReducer()</code> fornecidas no editor de código, junto com um repositório Redux. Termine de escrever a função <code>rootReducer()</code> usando o método <code>Redux.combineReducers()</code> . Atribua <code>counterReducer</code> a uma chave chamada <code>count</code> e <code>authReducer</code> a uma chave chamada <code>auth</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O <code>counterReducer</code> deve incrementar e decrementar o <code>state</code> .
+    testString: 'assert((function() { const initalState = store.getState().count; store.dispatch({type: INCREMENT}); store.dispatch({type: INCREMENT}); const firstState = store.getState().count; store.dispatch({type: DECREMENT}); const secondState = store.getState().count; return firstState === initalState + 2 && secondState === firstState - 1  })(), "The <code>counterReducer</code> should increment and decrement the <code>state</code>.");'
+  - text: O <code>authReducer</code> deve alternar o <code>state</code> de <code>authenticated</code> entre <code>true</code> e <code>false</code> .
+    testString: 'assert((function() {  store.dispatch({type: LOGIN}); const loggedIn = store.getState().auth.authenticated; store.dispatch({type: LOGOUT}); const loggedOut = store.getState().auth.authenticated; return loggedIn === true && loggedOut === false  })(), "The <code>authReducer</code> should toggle the <code>state</code> of <code>authenticated</code> between <code>true</code> and <code>false</code>.");'
+  - text: 'O <code>state</code> loja deve ter duas chaves: <code>count</code> , que contém um número, e <code>auth</code> , que contém um objeto. O objeto <code>auth</code> deve ter uma propriedade de <code>authenticated</code> , que contém um booleano.'
+    testString: 'assert((function() { const state = store.getState(); return typeof state.auth === "object" && typeof state.auth.authenticated === "boolean" && typeof state.count === "number" })(), "The store <code>state</code> should have two keys: <code>count</code>, which holds a number, and <code>auth</code>, which holds an object. The <code>auth</code> object should have a property of <code>authenticated</code>, which holds a boolean.");'
+  - text: O <code>rootReducer</code> deve ser uma função que combina o <code>counterReducer</code> e o <code>authReducer</code> .
+    testString: 'getUserInput => assert((function() {  const noWhiteSpace = getUserInput("index").replace(/\s/g,""); return typeof rootReducer === "function" && noWhiteSpace.includes("Redux.combineReducers")  })(), "The <code>rootReducer</code> should be a function that combines the <code>counterReducer</code> and the <code>authReducer</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const INCREMENT = 'INCREMENT';
+const DECREMENT = 'DECREMENT';
+
+const counterReducer = (state = 0, action) => {
+  switch(action.type) {
+    case INCREMENT:
+      return state + 1;
+    case DECREMENT:
+      return state - 1;
+    default:
+      return state;
+  }
+};
+
+const LOGIN = 'LOGIN';
+const LOGOUT = 'LOGOUT';
+
+const authReducer = (state = {authenticated: false}, action) => {
+  switch(action.type) {
+    case LOGIN:
+      return {
+        authenticated: true
+      }
+    case LOGOUT:
+      return {
+        authenticated: false
+      }
+    default:
+      return state;
+  }
+};
+
+const rootReducer = // define the root reducer here
+
+const store = Redux.createStore(rootReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/redux/copy-an-object-with-object.assign.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/redux/copy-an-object-with-object.assign.portuguese.md
new file mode 100644
index 0000000000..5523999652
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/redux/copy-an-object-with-object.assign.portuguese.md
@@ -0,0 +1,79 @@
+---
+id: 5a24c314108439a4d403615b
+title: Copy an Object with Object.assign
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Copiar um objeto com Object.assign
+---
+
+## Description
+<section id="description"> Os últimos vários desafios trabalharam com matrizes, mas existem maneiras de ajudar a impor a imutabilidade do estado quando o estado é um <code>object</code> também. Uma ferramenta útil para manipular objetos é o utilitário <code>Object.assign()</code> . <code>Object.assign()</code> pega um objeto de destino e objetos de origem e mapeia propriedades dos objetos de origem para o objeto de destino. Todas as propriedades correspondentes são substituídas por propriedades nos objetos de origem. Esse comportamento é comumente usado para fazer cópias superficiais de objetos, passando um objeto vazio como o primeiro argumento seguido pelo objeto (s) que você deseja copiar. Aqui está um exemplo: <code>const newObject = Object.assign({}, obj1, obj2);</code> Isto cria <code>newObject</code> como um novo <code>object</code> , que contém as propriedades que existem actualmente no <code>obj1</code> e <code>obj2</code> . </section>
+
+## Instructions
+<section id="instructions"> O estado e as ações do Redux foram modificados para manipular um <code>object</code> para o <code>state</code> . Edite o código para retornar um novo objeto de <code>state</code> para ações com o tipo <code>ONLINE</code> , que define a propriedade <code>status</code> como <code>online</code> . Tente usar <code>Object.assign()</code> para completar o desafio. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O armazenamento do Redux deve existir e inicializar com um estado equivalente ao objeto <code>defaultState</code> declarado na linha 1.
+    testString: 'assert((function() { const expectedState = { user: "CamperBot", status: "offline", friends: "732,982", community: "freeCodeCamp" }; const initialState = store.getState(); return DeepEqual(expectedState, initialState); })(), "The Redux store should exist and initialize with a state that is equivalent to the <code>defaultState</code> object declared on line 1.");'
+  - text: <code>wakeUp</code> e <code>immutableReducer</code> ambos devem ser funções.
+    testString: 'assert(typeof wakeUp === "function" && typeof immutableReducer === "function", "<code>wakeUp</code> and <code>immutableReducer</code> both should be functions.");'
+  - text: Despachar uma ação do tipo <code>ONLINE</code> deve atualizar o <code>status</code> da propriedade no estado para <code>online</code> - <code>online</code> e NÃO deve alterar o estado.
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch({type: "ONLINE"}); const finalState = store.getState(); const expectedState = { user: "CamperBot", status: "online", friends: "732,982", community: "freeCodeCamp" }; return isFrozen && DeepEqual(finalState, expectedState); })(), "Dispatching an action of type <code>ONLINE</code> should update the property <code>status</code> in state to <code>online</code> and should NOT mutate state.");'
+  - text: <code>Object.assign</code> deve ser usado para retornar o novo estado.
+    testString: 'getUserInput => assert(getUserInput("index").includes("Object.assign"), "<code>Object.assign</code> should be used to return new state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const defaultState = {
+  user: 'CamperBot',
+  status: 'offline',
+  friends: '732,982',
+  community: 'freeCodeCamp'
+};
+
+const immutableReducer = (state = defaultState, action) => {
+  switch(action.type) {
+    case 'ONLINE':
+      // don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+const wakeUp = () => {
+  return {
+    type: 'ONLINE'
+  }
+};
+
+const store = Redux.createStore(immutableReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/redux/create-a-redux-store.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/redux/create-a-redux-store.portuguese.md
new file mode 100644
index 0000000000..136dff0718
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/redux/create-a-redux-store.portuguese.md
@@ -0,0 +1,58 @@
+---
+id: 5a24c314108439a4d403614b
+title: Create a Redux Store
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Crie um repositório Redux
+---
+
+## Description
+<section id="description"> O Redux é uma estrutura de gerenciamento de estado que pode ser usada com diversas tecnologias da Web, incluindo o React. No Redux, existe um único objeto de estado que é responsável por todo o estado do seu aplicativo. Isso significa que se você tivesse um aplicativo React com dez componentes e cada componente tivesse seu próprio estado local, todo o estado do seu aplicativo seria definido por um único objeto de estado hospedado no <code>store</code> do Redux. Este é o primeiro princípio importante a ser entendido ao se aprender Redux: a loja Redux é a única fonte de verdade quando se trata do estado da aplicação. Isso também significa que sempre que qualquer parte do seu aplicativo quiser atualizar o estado, ele <strong>deverá</strong> fazê-lo através da loja Redux. O fluxo de dados unidirecional facilita o acompanhamento do gerenciamento de estado no seu aplicativo. </section>
+
+## Instructions
+<section id="instructions"> O <code>store</code> Redux é um objeto que mantém e gerencia o <code>state</code> aplicativo. Existe um método chamado <code>createStore()</code> no objeto Redux, que você usa para criar o <code>store</code> Redux. Esse método usa uma função de <code>reducer</code> como um argumento obrigatório. A função de <code>reducer</code> é coberta em um desafio posterior e já está definida para você no editor de código. Ele simplesmente toma o <code>state</code> como um argumento e retorna o <code>state</code> . Declare uma variável de <code>store</code> e atribua-a ao método <code>createStore()</code> , passando o <code>reducer</code> como argumento. <strong>Nota:</strong> O código no editor usa a sintaxe do argumento padrão ES6 para inicializar este estado para manter um valor de <code>5</code> . Se você não estiver familiarizado com os argumentos padrão, consulte a <a target="_blank" href="https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions">seção ES6 no Currículo</a> que aborda este tópico. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O armazenamento do redux existe.
+    testString: 'assert(typeof store.getState === "function", "The redux store exists.");'
+  - text: O repositório do redux tem um valor de 5 para o estado.
+    testString: 'assert(store.getState()=== 5, "The redux store has a value of 5 for the state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const reducer = (state = 5) => {
+  return state;
+}
+
+// Redux methods are available from a Redux object
+// For example: Redux.createStore()
+// Define the store here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/redux/define-a-redux-action.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/redux/define-a-redux-action.portuguese.md
new file mode 100644
index 0000000000..2fa847806a
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/redux/define-a-redux-action.portuguese.md
@@ -0,0 +1,52 @@
+---
+id: 5a24c314108439a4d403614d
+title: Define a Redux Action
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Definir uma ação do Redux
+---
+
+## Description
+<section id="description"> Como o Redux é uma estrutura de gerenciamento de estado, o estado de atualização é uma de suas principais tarefas. No Redux, todas as atualizações de estado são acionadas por ações de despacho. Uma ação é simplesmente um objeto JavaScript que contém informações sobre um evento de ação ocorrido. O repositório do Redux recebe esses objetos de ação e atualiza seu estado de acordo. Às vezes, uma ação do Redux também carrega alguns dados. Por exemplo, a ação carrega um nome de usuário depois que um usuário efetua login. Embora os dados sejam opcionais, as ações devem conter uma propriedade de <code>type</code> que especifica o &#39;tipo&#39; de ação que ocorreu. Pense em ações do Redux como mensageiros que fornecem informações sobre eventos que acontecem no seu aplicativo para a loja Redux. Em seguida, a loja conduz o negócio de atualizar o estado com base na ação que ocorreu. </section>
+
+## Instructions
+<section id="instructions"> Escrever uma ação Redux é tão simples quanto declarar um objeto com uma propriedade type. Declare uma <code>action</code> objeto e dê a ela um <code>type</code> propriedade definido como a string <code>&#39;LOGIN&#39;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Um objeto de ação deve existir.
+    testString: 'assert((function() { return typeof action === "object" })(), "An action object should exist.");'
+  - text: A ação deve ter um tipo de propriedade de chave com o valor <code>LOGIN</code> .
+    testString: 'assert((function() { return action.type === "LOGIN" })(), "The action should have a key property type with value <code>LOGIN</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// Define an action here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/redux/define-an-action-creator.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/redux/define-an-action-creator.portuguese.md
new file mode 100644
index 0000000000..59dea8a732
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/redux/define-an-action-creator.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: 5a24c314108439a4d403614e
+title: Define an Action Creator
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Definir um criador de ações
+---
+
+## Description
+<section id="description"> Depois de criar uma ação, o próximo passo é enviar a ação para o repositório Redux para que ela possa atualizar seu estado. No Redux, você define criadores de ações para realizar isso. Um criador de ações é simplesmente uma função JavaScript que retorna uma ação. Em outras palavras, criadores de ações criam objetos que representam eventos de ação. </section>
+
+## Instructions
+<section id="instructions"> Defina uma função denominada <code>actionCreator()</code> que retorna o objeto de <code>action</code> quando chamado. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A função <code>actionCreator</code> deve existir.
+    testString: 'assert(typeof actionCreator === "function", "The function <code>actionCreator</code> should exist.");'
+  - text: A execução da função <code>actionCreator</code> deve retornar o objeto de ação.
+    testString: 'assert(typeof action === "object", "Running the <code>actionCreator</code> function should return the action object.");'
+  - text: A ação retornada deve ter um tipo de propriedade de chave com o valor <code>LOGIN</code> .
+    testString: 'assert(action.type === "LOGIN", "The returned action should have a key property type with value <code>LOGIN</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const action = {
+  type: 'LOGIN'
+}
+// Define an action creator here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/redux/dispatch-an-action-event.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/redux/dispatch-an-action-event.portuguese.md
new file mode 100644
index 0000000000..d09ee43d15
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/redux/dispatch-an-action-event.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 5a24c314108439a4d403614f
+title: Dispatch an Action Event
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Despachar um Evento de Ação
+---
+
+## Description
+<section id="description"> <code>dispatch</code> método de <code>dispatch</code> é o que você usa para despachar ações para o armazenamento do Redux. Chamar <code>store.dispatch()</code> e passando o valor retornado de um criador de ação envia uma ação de volta ao armazenamento. Lembre-se de que os criadores de ações retornam um objeto com uma propriedade de tipo que especifica a ação que ocorreu. Em seguida, o método despacha um objeto de ação para o armazenamento do Redux. Com base no exemplo do desafio anterior, as seguintes linhas são equivalentes e ambas enviam a ação do tipo <code>LOGIN</code> : <blockquote> store.dispatch (actionCreator ()); <br> store.dispatch ({type: &#39;LOGIN&#39;}); </blockquote></section>
+
+## Instructions
+<section id="instructions"> O repositório Redux no editor de código possui um estado inicializado que é um objeto que contém uma propriedade de <code>login</code> atualmente definida como <code>false</code> . Há também um criador de ações chamado <code>loginAction()</code> que retorna uma ação do tipo <code>LOGIN</code> . Despache a ação <code>LOGIN</code> para o armazenamento Redux chamando o método de <code>dispatch</code> e passe a ação criada por <code>loginAction()</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Chamar a função <code>loginAction</code> deve retornar um objeto com a propriedade <code>type</code> configurada para a string <code>LOGIN</code> .
+    testString: 'assert(loginAction().type === "LOGIN", "Calling the function <code>loginAction</code> should return an object with <code>type</code> property set to the string <code>LOGIN</code>.");'
+  - text: A loja deve ser inicializada com um objeto com o <code>login</code> propriedade definido como <code>false</code> .
+    testString: 'assert(store.getState().login === false, "The store should be initialized with an object with property <code>login</code> set to <code>false</code>.");'
+  - text: O método <code>store.dispatch()</code> deve ser usado para despachar uma ação do tipo <code>LOGIN</code> .
+    testString: 'getUserInput => assert((function() {  let noWhiteSpace = getUserInput("index").replace(/\s/g,""); return noWhiteSpace.includes("store.dispatch(loginAction())") || noWhiteSpace.includes("store.dispatch({type: \"LOGIN\"})") === true })(), "The <code>store.dispatch()</code> method should be used to dispatch an action of type <code>LOGIN</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const store = Redux.createStore(
+  (state = {login: false}) => state
+);
+
+const loginAction = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+// Dispatch the action here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/redux/get-state-from-the-redux-store.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/redux/get-state-from-the-redux-store.portuguese.md
new file mode 100644
index 0000000000..410dee55f8
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/redux/get-state-from-the-redux-store.portuguese.md
@@ -0,0 +1,56 @@
+---
+id: 5a24c314108439a4d403614c
+title: Get State from the Redux Store
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Obtenha o estado da loja Redux
+---
+
+## Description
+<section id="description"> O objeto de armazenamento Redux fornece vários métodos que permitem interagir com ele. Por exemplo, você pode recuperar o <code>state</code> atual mantido no objeto de armazenamento Redux com o método <code>getState()</code> . </section>
+
+## Instructions
+<section id="instructions"> O código do desafio anterior é reescrito de maneira mais concisa no editor de código. Use <code>store.getState()</code> para recuperar o <code>state</code> do <code>store</code> e atribua isso a uma nova variável <code>currentState</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O armazenamento do redux deve ter um valor de 5 para o estado inicial.
+    testString: 'assert(store.getState()===5, "The redux store should have a value of 5 for the initial state.");'
+  - text: Uma variável <code>currentState</code> deve existir e deve ser atribuída ao estado atual do repositório do Redux.
+    testString: 'getUserInput => assert(currentState === 5 && getUserInput("index").includes("store.getState()"), "A variable <code>currentState</code> should exist and should be assigned the current state of the Redux store.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const store = Redux.createStore(
+  (state = 5) => state
+);
+
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/redux/handle-an-action-in-the-store.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/redux/handle-an-action-in-the-store.portuguese.md
new file mode 100644
index 0000000000..859ea8b6a9
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/redux/handle-an-action-in-the-store.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 5a24c314108439a4d4036150
+title: Handle an Action in the Store
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Lidar com uma ação na loja
+---
+
+## Description
+<section id="description"> Depois que uma ação é criada e enviada, o repositório do Redux precisa saber como responder a essa ação. Este é o trabalho de uma função <code>reducer</code> . Redutores no Redux são responsáveis ​​pelas modificações de estado que ocorrem em resposta a ações. Um <code>reducer</code> usa <code>state</code> e <code>action</code> como argumentos e sempre retorna um novo <code>state</code> . É importante observar que esse é o <strong>único</strong> papel do redutor. Não tem efeitos colaterais - nunca chama um endpoint da API e nunca tem surpresas ocultas. O redutor é simplesmente uma função pura que toma o estado e a ação, depois retorna um novo estado. Outro princípio fundamental no Redux é que o <code>state</code> é somente leitura. Em outras palavras, a função de <code>reducer</code> deve <strong>sempre</strong> retornar uma nova cópia de <code>state</code> e nunca modificar o estado diretamente. O Redux não reforça a imutabilidade do estado, no entanto, você é responsável por aplicá-lo no código de suas funções de redutor. Você vai praticar isso em desafios posteriores. </section>
+
+## Instructions
+<section id="instructions"> O editor de código tem o exemplo anterior, bem como o início de uma função de <code>reducer</code> para você. Preencha o corpo da função <code>reducer</code> para que, se receber uma ação do tipo <code>&#39;LOGIN&#39;</code> ele retorne um objeto de estado com o <code>login</code> definido como <code>true</code> . Caso contrário, retorna o <code>state</code> atual. Observe que o <code>state</code> atual e a <code>action</code> despachada são passados ​​para o redutor, para que você possa acessar o tipo de ação diretamente com <code>action.type</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Chamar a função <code>loginAction</code> deve retornar um objeto com a propriedade type configurada para a string <code>LOGIN</code> .
+    testString: 'assert(loginAction().type === "LOGIN", "Calling the function <code>loginAction</code> should return an object with type property set to the string <code>LOGIN</code>.");'
+  - text: A loja deve ser inicializada com um objeto com o <code>login</code> propriedade definido como <code>false</code> .
+    testString: 'assert(store.getState().login === false, "The store should be initialized with an object with property <code>login</code> set to <code>false</code>.");'
+  - text: Despachando <code>loginAction</code> deve atualizar a propriedade de <code>login</code> no estado de armazenamento para <code>true</code> .
+    testString: 'assert((function() {  const initialState = store.getState(); store.dispatch(loginAction()); const afterState = store.getState(); return initialState.login === false && afterState.login === true })(), "Dispatching <code>loginAction</code> should update the <code>login</code> property in the store state to <code>true</code>.");'
+  - text: 'Se a ação não for do tipo <code>LOGIN</code> , o armazenamento deve retornar o estado atual.'
+    testString: 'assert((function() { store.dispatch({type: "__TEST__ACTION__"}); let afterTest = store.getState(); return typeof afterTest === "object" && afterTest.hasOwnProperty("login") })(), "If the action is not of type <code>LOGIN</code>, the store should return the current state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const defaultState = {
+  login: false
+};
+
+const reducer = (state = defaultState, action) => {
+  // change code below this line
+
+  // change code above this line
+};
+
+const store = Redux.createStore(reducer);
+
+const loginAction = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/redux/never-mutate-state.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/redux/never-mutate-state.portuguese.md
new file mode 100644
index 0000000000..be625b1d94
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/redux/never-mutate-state.portuguese.md
@@ -0,0 +1,82 @@
+---
+id: 5a24c314108439a4d4036158
+title: Never Mutate State
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Nunca Mute Estado
+---
+
+## Description
+<section id="description"> Esses desafios finais descrevem vários métodos de impor o princípio-chave da imutabilidade do estado no Redux. Estado imutável significa que você nunca modifica o estado diretamente; em vez disso, você retorna uma nova cópia do estado. Se você tirasse uma foto do estado de um aplicativo do Redux com o passar do tempo, veria algo como <code>state 1</code> , <code>state 2</code> , <code>state 3</code> , <code>state 4</code> , <code>...</code> e assim por diante, onde cada estado pode ser semelhante ao último, mas cada é um dado distinto. Essa imutabilidade, na verdade, é o que fornece recursos como depuração de viagem no tempo que você pode ter ouvido falar. O Redux não aplica ativamente a imutabilidade do estado em suas lojas ou redutores, essa responsabilidade recai sobre o programador. Felizmente, o JavaScript (especialmente o ES6) fornece várias ferramentas úteis que você pode usar para impor a imutabilidade do seu estado, seja uma <code>string</code> , um <code>number</code> , uma <code>array</code> ou um <code>object</code> . Observe que strings e números são valores primitivos e são imutáveis ​​por natureza. Em outras palavras, 3 é sempre 3. Você não pode alterar o valor do número 3. Uma <code>array</code> ou <code>object</code> , no entanto, é mutável. Na prática, seu estado provavelmente consistirá em uma <code>array</code> ou <code>object</code> , pois essas são estruturas de dados úteis para representar muitos tipos de informações. </section>
+
+## Instructions
+<section id="instructions"> Há uma <code>store</code> e <code>reducer</code> no editor de código para gerenciar itens de tarefas. Termine de escrever o caso <code>ADD_TO_DO</code> no redutor para acrescentar uma nova <code>ADD_TO_DO</code> ao estado. Existem algumas maneiras de conseguir isso com JavaScript padrão ou ES6. Veja se você pode encontrar uma maneira de retornar um novo array com o item de <code>action.todo</code> anexado ao final. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O repositório do Redux deve existir e inicializar com um estado igual ao array <code>todos</code> no editor de código.
+    testString: 'assert((function() { const todos = [ "Go to the store", "Clean the house", "Cook dinner", "Learn to code" ]; const initialState = store.getState(); return Array.isArray(initialState) && initialState.join(",") === todos.join(","); })(), "The Redux store should exist and initialize with a state equal to the <code>todos</code> array in the code editor.");'
+  - text: <code>addToDo</code> e <code>immutableReducer</code> ambos devem ser funções.
+    testString: 'assert(typeof addToDo === "function" && typeof immutableReducer === "function", "<code>addToDo</code> and <code>immutableReducer</code> both should be functions.");'
+  - text: Despachar uma ação do tipo <code>ADD_TO_DO</code> no repositório Redux deve adicionar um item <code>todo</code> e NÃO deve sofrer mutação.
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch(addToDo("__TEST__TO__DO__")); const finalState = store.getState(); const expectedState = [ "Go to the store", "Clean the house", "Cook dinner", "Learn to code", "__TEST__TO__DO__" ]; return( isFrozen && DeepEqual(finalState, expectedState)); })(), "Dispatching an action of type <code>ADD_TO_DO</code> on the Redux store should add a <code>todo</code> item and should NOT mutate state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ADD_TO_DO = 'ADD_TO_DO';
+
+// A list of strings representing tasks to do:
+const todos = [
+  'Go to the store',
+  'Clean the house',
+  'Cook dinner',
+  'Learn to code',
+];
+
+const immutableReducer = (state = todos, action) => {
+  switch(action.type) {
+    case ADD_TO_DO:
+      // don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+// an example todo argument would be 'Learn React',
+const addToDo = (todo) => {
+  return {
+    type: ADD_TO_DO,
+    todo
+  }
+}
+
+const store = Redux.createStore(immutableReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/redux/register-a-store-listener.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/redux/register-a-store-listener.portuguese.md
new file mode 100644
index 0000000000..90f06e5114
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/redux/register-a-store-listener.portuguese.md
@@ -0,0 +1,88 @@
+---
+id: 5a24c314108439a4d4036153
+title: Register a Store Listener
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Registrar um ouvinte da loja
+---
+
+## Description
+<section id="description"> Outro método que você tem acesso no objeto de <code>store</code> do Redux é o <code>store.subscribe()</code> . Isso permite que você assine as funções do ouvinte na loja, que são chamadas sempre que uma ação é despachada na loja. Um uso simples para esse método é inscrever uma função em sua loja que simplesmente registra uma mensagem toda vez que uma ação é recebida e a loja é atualizada. </section>
+
+## Instructions
+<section id="instructions"> Escreva uma função de retorno de chamada que aumente a <code>count</code> variáveis ​​globais toda vez que a loja receber uma ação e passe essa função para o método <code>store.subscribe()</code> . Você verá que <code>store.dispatch()</code> é chamado três vezes seguidas, passando cada vez diretamente em um objeto de ação. Observe a saída do console entre os despachos de ação para ver as atualizações acontecerem. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Despachar a ação <code>ADD</code> no armazenamento deve incrementar o estado em <code>1</code> .
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch({ type: "ADD" }); const newState = store.getState(); return newState === (initialState + 1); })(), "Dispatching the <code>ADD</code> action on the store should increment the state by <code>1</code>.");'
+  - text: Deve haver uma função de ouvinte inscrita na loja usando <code>store.subscribe</code> .
+    testString: 'getUserInput => assert(getUserInput("index").includes("store.subscribe("), "There should be a listener function subscribed to the store using <code>store.subscribe</code>.");'
+  - text: O retorno de chamada para <code>store.subscribe</code> também deve incrementar a variável de <code>count</code> global à medida que a loja é atualizada.
+    testString: 'assert(store.getState() === count, "The callback to <code>store.subscribe</code> should also increment the global <code>count</code> variable as the store is updated.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ADD = 'ADD';
+
+const reducer = (state = 0, action) => {
+  switch(action.type) {
+    case ADD:
+      return state + 1;
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(reducer);
+
+// global count variable:
+let count = 0;
+
+// change code below this line
+
+// change code above this line
+
+store.dispatch({type: ADD});
+console.log(count);
+store.dispatch({type: ADD});
+console.log(count);
+store.dispatch({type: ADD});
+console.log(count);
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+count = 0;
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/redux/remove-an-item-from-an-array.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/redux/remove-an-item-from-an-array.portuguese.md
new file mode 100644
index 0000000000..fbf4bc7c45
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/redux/remove-an-item-from-an-array.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: 5a24c314108439a4d403615a
+title: Remove an Item from an Array
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Remover um item de uma matriz
+---
+
+## Description
+<section id="description"> Hora de praticar a remoção de itens de uma matriz. O operador de spread também pode ser usado aqui. Outros métodos JavaScript úteis incluem <code>slice()</code> e <code>concat()</code> . </section>
+
+## Instructions
+<section id="instructions"> O redutor e o criador de ações foram modificados para remover um item de uma matriz com base no índice do item. Termine de gravar o redutor para que uma nova matriz de estado seja retornada com o item no índice específico removido. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O repositório Redux deve existir e inicializar com um estado igual a <code>[0,1,2,3,4,5]</code>'
+    testString: 'assert((function() { const initialState = store.getState(); return (Array.isArray(initialState) === true && DeepEqual(initialState, [0, 1, 2, 3, 4, 5])); })(), "The Redux store should exist and initialize with a state equal to <code>[0,1,2,3,4,5]</code>");'
+  - text: <code>removeItem</code> e <code>immutableReducer</code> ambos devem ser funções.
+    testString: 'assert(typeof removeItem === "function" && typeof immutableReducer === "function", "<code>removeItem</code> and <code>immutableReducer</code> both should be functions.");'
+  - text: Despachar o criador da ação <code>removeItem</code> deve remover itens do estado e NÃO deve alterar o estado.
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch(removeItem(3)); const state_1 = store.getState(); store.dispatch(removeItem(2)); const state_2 = store.getState(); store.dispatch(removeItem(0)); store.dispatch(removeItem(0)); store.dispatch(removeItem(0)); const state_3 = store.getState(); return isFrozen && DeepEqual(state_1, [0, 1, 2, 4, 5]) && DeepEqual(state_2, [0, 1, 4, 5]) && DeepEqual(state_3, [5]); })(), "Dispatching the <code>removeItem</code> action creator should remove items from the state and should NOT mutate state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const immutableReducer = (state = [0,1,2,3,4,5], action) => {
+  switch(action.type) {
+    case 'REMOVE_ITEM':
+      // don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+const removeItem = (index) => {
+  return {
+    type: 'REMOVE_ITEM',
+    index
+  }
+}
+
+const store = Redux.createStore(immutableReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/redux/send-action-data-to-the-store.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/redux/send-action-data-to-the-store.portuguese.md
new file mode 100644
index 0000000000..9b743a739d
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/redux/send-action-data-to-the-store.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: 5a24c314108439a4d4036155
+title: Send Action Data to the Store
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Enviar dados de ação para a loja
+---
+
+## Description
+<section id="description"> Até agora você aprendeu como despachar ações para a loja Redux, mas até agora essas ações não continham nenhuma informação além de um <code>type</code> . Você também pode enviar dados específicos junto com suas ações. Na verdade, isso é muito comum porque as ações geralmente se originam de alguma interação do usuário e tendem a carregar alguns dados com elas. A loja Redux geralmente precisa saber sobre esses dados. </section>
+
+## Instructions
+<section id="instructions"> Há um <code>notesReducer()</code> básico e um criador de ação <code>addNoteText()</code> definidos no editor de código. Conclua o corpo da função <code>addNoteText()</code> para que ele retorne um objeto de <code>action</code> . O objeto deve incluir uma propriedade de <code>type</code> com um valor de <code>ADD_NOTE</code> e também uma propriedade de <code>text</code> definida como os dados da <code>note</code> transmitidos para o criador da ação. Quando você chama o criador de ações, você passa informações de notas específicas que você pode acessar para o objeto. Em seguida, termine de escrever a instrução <code>switch</code> no <code>notesReducer()</code> . Você precisa adicionar um caso que manipule as ações <code>addNoteText()</code> . Este caso deve ser acionado sempre que houver uma ação do tipo <code>ADD_NOTE</code> e deve retornar a propriedade <code>text</code> na <code>action</code> entrada como o novo <code>state</code> . A ação é despachada na parte inferior do código. Quando terminar, execute o código e observe o console. Isso é tudo o que é necessário para enviar dados específicos da ação para a loja e usá-los quando você atualizar o <code>state</code> loja. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O criador da ação <code>addNoteText</code> deve retornar um objeto com o <code>type</code> e o <code>text</code> chaves.
+    testString: 'assert((function() { const addNoteFn = addNoteText("__TEST__NOTE"); return addNoteFn.type === ADD_NOTE && addNoteFn.text === "__TEST__NOTE" })(), "The action creator <code>addNoteText</code> should return an object with keys <code>type</code> and <code>text</code>.");'
+  - text: Despachar uma ação do tipo <code>ADD_NOTE</code> com o criador da ação <code>addNoteText</code> deve atualizar o <code>state</code> para a cadeia passada para o criador da ação.
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch(addNoteText("__TEST__NOTE")); const newState = store.getState(); return initialState !== newState && newState === "__TEST__NOTE" })(), "Dispatching an action of type <code>ADD_NOTE</code> with the <code>addNoteText</code> action creator should update the <code>state</code> to the string passed to the action creator.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ADD_NOTE = 'ADD_NOTE';
+
+const notesReducer = (state = 'Initial State', action) => {
+  switch(action.type) {
+    // change code below this line
+
+    // change code above this line
+    default:
+      return state;
+  }
+};
+
+const addNoteText = (note) => {
+  // change code below this line
+
+  // change code above this line
+};
+
+const store = Redux.createStore(notesReducer);
+
+console.log(store.getState());
+store.dispatch(addNoteText('Hello!'));
+console.log(store.getState());
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.portuguese.md
new file mode 100644
index 0000000000..f60f5a48e3
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.portuguese.md
@@ -0,0 +1,82 @@
+---
+id: 5a24c314108439a4d4036151
+title: Use a Switch Statement to Handle Multiple Actions
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Use uma instrução de troca para lidar com várias ações
+---
+
+## Description
+<section id="description"> Você pode dizer ao repositório do Redux como lidar com vários tipos de ação. Digamos que você esteja gerenciando a autenticação do usuário em sua loja Redux. Você deseja ter uma representação de estado para quando os usuários estão conectados e quando estão desconectados. Você representa isso com um único objeto de estado com a propriedade <code>authenticated</code> . Você também precisa de criadores de ações que criem ações correspondentes ao login do usuário e ao logout do usuário, juntamente com os próprios objetos de ação. </section>
+
+## Instructions
+<section id="instructions"> O editor de código tem uma loja, ações e criadores de ações configurados para você. Preencha a função <code>reducer</code> para lidar com várias ações de autenticação. Use uma instrução <code>switch</code> JavaScript no <code>reducer</code> para responder a diferentes eventos de ação. Este é um padrão padrão na reducção de redutores Redux. A instrução switch deve alternar <code>action.type</code> e retornar o estado de autenticação apropriado. <strong>Nota:</strong> Neste ponto, não se preocupe com a imutabilidade do estado, já que é pequeno e simples neste exemplo. Para cada ação, você pode retornar um novo objeto - por exemplo, <code>{authenticated: true}</code> . Além disso, não esqueça de escrever um caso <code>default</code> na instrução switch que retorne o <code>state</code> atual. Isso é importante porque, depois que seu aplicativo tiver vários redutores, todos eles serão executados a qualquer momento em que um envio de ação for feito, mesmo quando a ação não estiver relacionada a esse redutor. Nesse caso, você deseja certificar-se de retornar o <code>state</code> atual. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Chamar a função <code>loginUser</code> deve retornar um objeto com a propriedade type configurada para a string <code>LOGIN</code> .
+    testString: 'assert(loginUser().type === "LOGIN", "Calling the function <code>loginUser</code> should return an object with type property set to the string <code>LOGIN</code>.");'
+  - text: Chamar a função <code>logoutUser</code> deve retornar um objeto com a propriedade type configurada para a string <code>LOGOUT</code> .
+    testString: 'assert(logoutUser().type === "LOGOUT", "Calling the function <code>logoutUser</code> should return an object with type property set to the string <code>LOGOUT</code>.");'
+  - text: A loja deve ser inicializada com um objeto com uma propriedade <code>authenticated</code> configurada como <code>false</code> .
+    testString: 'assert(store.getState().authenticated === false, "The store should be initialized with an object with an <code>authenticated</code> property set to <code>false</code>.");'
+  - text: Despachando <code>loginUser</code> deve atualizar a propriedade <code>authenticated</code> no estado de armazenamento para <code>true</code> .
+    testString: 'assert((function() {  const initialState = store.getState(); store.dispatch(loginUser()); const afterLogin = store.getState(); return initialState.authenticated === false && afterLogin.authenticated === true })(), "Dispatching <code>loginUser</code> should update the <code>authenticated</code> property in the store state to <code>true</code>.");'
+  - text: Dispatching <code>logoutUser</code> deve atualizar a propriedade <code>authenticated</code> no estado de armazenamento para <code>false</code> .
+    testString: 'assert((function() {  store.dispatch(loginUser()); const loggedIn = store.getState(); store.dispatch(logoutUser()); const afterLogout = store.getState(); return loggedIn.authenticated === true && afterLogout.authenticated === false  })(), "Dispatching <code>logoutUser</code> should update the <code>authenticated</code> property in the store state to <code>false</code>.");'
+  - text: A função <code>authReducer</code> deve manipular vários tipos de ação com uma instrução <code>switch</code> .
+    testString: 'getUserInput => assert( getUserInput("index").toString().includes("switch") && getUserInput("index").toString().includes("case") && getUserInput("index").toString().includes("default"), "The <code>authReducer</code> function should handle multiple action types with a <code>switch</code> statement.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const defaultState = {
+  authenticated: false
+};
+
+const authReducer = (state = defaultState, action) => {
+  // change code below this line
+
+  // change code above this line
+};
+
+const store = Redux.createStore(authReducer);
+
+const loginUser = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+const logoutUser = () => {
+  return {
+    type: 'LOGOUT'
+  }
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/redux/use-const-for-action-types.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/redux/use-const-for-action-types.portuguese.md
new file mode 100644
index 0000000000..3931b6166c
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/redux/use-const-for-action-types.portuguese.md
@@ -0,0 +1,105 @@
+---
+id: 5a24c314108439a4d4036152
+title: Use const for Action Types
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Use const para tipos de ação
+---
+
+## Description
+<section id="description"> Uma prática comum ao trabalhar com o Redux é atribuir tipos de ação como constantes somente leitura e, então, referenciar essas constantes onde quer que elas sejam usadas. Você pode refatorar o código com o qual está trabalhando para gravar os tipos de ação como declarações <code>const</code> . </section>
+
+## Instructions
+<section id="instructions"> Declare <code>LOGIN</code> e <code>LOGOUT</code> como valores <code>const</code> e atribua-os às cadeias <code>&#39;LOGIN&#39;</code> e <code>&#39;LOGOUT&#39;</code> , respectivamente. Em seguida, edite o <code>authReducer()</code> e os criadores de ações para fazer referência a essas constantes em vez de valores de string. <strong>Nota:</strong> Geralmente, é uma convenção escrever constantes em todas as letras maiúsculas, e esta também é uma prática padrão no Redux. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Chamar a função <code>loginUser</code> deve retornar um objeto com a propriedade <code>type</code> configurada para a string <code>LOGIN</code> .
+    testString: 'assert(loginUser().type === "LOGIN", "Calling the function <code>loginUser</code> should return an object with <code>type</code> property set to the string <code>LOGIN</code>.");'
+  - text: Chamar a função <code>logoutUser</code> deve retornar um objeto com a propriedade <code>type</code> configurada para a string <code>LOGOUT</code> .
+    testString: 'assert(logoutUser().type === "LOGOUT", "Calling the function <code>logoutUser</code> should return an object with <code>type</code> property set to the string <code>LOGOUT</code>.");'
+  - text: A loja deve ser inicializada com um objeto com o <code>login</code> propriedade definido como <code>false</code> .
+    testString: 'assert(store.getState().authenticated === false, "The store should be initialized with an object with property <code>login</code> set to <code>false</code>.");'
+  - text: Despachando <code>loginUser</code> deve atualizar a propriedade de <code>login</code> no estado da loja para <code>true</code> .
+    testString: 'assert((function() {  const initialState = store.getState(); store.dispatch(loginUser()); const afterLogin = store.getState(); return initialState.authenticated === false && afterLogin.authenticated === true })(), "Dispatching <code>loginUser</code> should update the <code>login</code> property in the store state to <code>true</code>.");'
+  - text: Dispatching <code>logoutUser</code> deve atualizar a propriedade de <code>login</code> no estado da loja para <code>false</code> .
+    testString: 'assert((function() {  store.dispatch(loginUser()); const loggedIn = store.getState(); store.dispatch(logoutUser()); const afterLogout = store.getState(); return loggedIn.authenticated === true && afterLogout.authenticated === false })(), "Dispatching <code>logoutUser</code> should update the <code>login</code> property in the store state to <code>false</code>.");'
+  - text: A função <code>authReducer</code> deve manipular vários tipos de ação com uma instrução switch.
+    testString: 'getUserInput => assert((function() { return typeof authReducer === "function" && getUserInput("index").toString().includes("switch") && getUserInput("index").toString().includes("case") && getUserInput("index").toString().includes("default") })(), "The <code>authReducer</code> function should handle multiple action types with a switch statement.");'
+  - text: <code>LOGIN</code> e <code>LOGOUT</code> devem ser declarados como valores <code>const</code> e devem ser atribuídos strings de <code>LOGIN</code> e <code>LOGOUT</code> .
+    testString: 'getUserInput => assert((function() {  const noWhiteSpace = getUserInput("index").toString().replace(/\s/g,""); return (noWhiteSpace.includes("constLOGIN=\"LOGIN\"") || noWhiteSpace.includes("constLOGIN="LOGIN"")) && (noWhiteSpace.includes("constLOGOUT=\"LOGOUT\"") || noWhiteSpace.includes("constLOGOUT="LOGOUT"")) })(), "<code>LOGIN</code> and <code>LOGOUT</code> should be declared as <code>const</code> values and should be assigned strings of <code>LOGIN</code>and <code>LOGOUT</code>.");'
+  - text: Os criadores de ações e o redutor devem referenciar as constantes <code>LOGIN</code> e <code>LOGOUT</code> .
+    testString: 'getUserInput => assert((function() { const noWhiteSpace = getUserInput("index").toString().replace(/\s/g,""); return noWhiteSpace.includes("caseLOGIN:") && noWhiteSpace.includes("caseLOGOUT:") && noWhiteSpace.includes("type:LOGIN") && noWhiteSpace.includes("type:LOGOUT") })(), "The action creators and the reducer should reference the <code>LOGIN</code> and <code>LOGOUT</code> constants.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// change code below this line
+
+// change code above this line
+
+const defaultState = {
+  authenticated: false
+};
+
+const authReducer = (state = defaultState, action) => {
+
+  switch (action.type) {
+
+    case 'LOGIN':
+      return {
+        authenticated: true
+      }
+
+    case 'LOGOUT':
+      return {
+        authenticated: false
+      }
+
+    default:
+      return state;
+
+  }
+
+};
+
+const store = Redux.createStore(authReducer);
+
+const loginUser = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+const logoutUser = () => {
+  return {
+    type: 'LOGOUT'
+  }
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/redux/use-middleware-to-handle-asynchronous-actions.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/redux/use-middleware-to-handle-asynchronous-actions.portuguese.md
new file mode 100644
index 0000000000..cfff4144a2
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/redux/use-middleware-to-handle-asynchronous-actions.portuguese.md
@@ -0,0 +1,103 @@
+---
+id: 5a24c314108439a4d4036156
+title: Use Middleware to Handle Asynchronous Actions
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Use o middleware para manipular ações assíncronas
+---
+
+## Description
+<section id="description"> Até agora, esses desafios evitaram discutir ações assíncronas, mas são uma parte inevitável do desenvolvimento da web. Em algum momento, você precisará chamar endpoints assíncronos em seu aplicativo Redux, então, como você lida com esses tipos de solicitações? O Redux fornece middleware projetado especificamente para esse propósito, chamado middleware Redux Thunk. Aqui está uma breve descrição de como usar isso com o Redux. Para incluir o middleware Redux Thunk, você o passa como um argumento para <code>Redux.applyMiddleware()</code> . Esta declaração é então fornecida como um segundo parâmetro opcional para a função <code>createStore()</code> . Dê uma olhada no código na parte inferior do editor para ver isso. Em seguida, para criar uma ação assíncrona, você retorna uma função no criador de ações que toma o <code>dispatch</code> como um argumento. Dentro dessa função, você pode despachar ações e executar solicitações assíncronas. Neste exemplo, uma solicitação assíncrona é simulada com uma chamada <code>setTimeout()</code> . É comum despachar uma ação antes de iniciar qualquer comportamento assíncrono para que o estado do seu aplicativo saiba que alguns dados estão sendo solicitados (esse estado pode exibir um ícone de carregamento, por exemplo). Em seguida, depois de receber os dados, você despacha outra ação que transporta os dados como uma carga juntamente com informações de que a ação foi concluída. Lembre-se de que você está passando o <code>dispatch</code> como um parâmetro para esse criador de ações especiais. Isto é o que você usará para despachar suas ações, você simplesmente passa a ação diretamente para despachar e o middleware cuida do resto. </section>
+
+## Instructions
+<section id="instructions"> Escreva ambos os dispatches no criador de ações <code>handleAsync()</code> . Dispatch <code>requestingData()</code> antes do <code>setTimeout()</code> (a chamada da API simulada). Em seguida, depois de receber os dados (pretendidos), despache a ação <code>receivedData()</code> , passando esses dados. Agora você sabe como lidar com ações assíncronas no Redux. Tudo o resto continua a se comportar como antes. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O criador da ação <code>requestingData</code> deve retornar um objeto do tipo igual ao valor de <code>REQUESTING_DATA</code> .
+    testString: 'assert(requestingData().type === REQUESTING_DATA, "The <code>requestingData</code> action creator should return an object of type equal to the value of <code>REQUESTING_DATA</code>.");'
+  - text: O criador da ação <code>receivedData</code> deve retornar um objeto do tipo igual ao valor de <code>RECEIVED_DATA</code> .
+    testString: 'assert(receivedData("data").type === RECEIVED_DATA, "The <code>receivedData</code> action creator should return an object of type equal to the value of <code>RECEIVED_DATA</code>.");'
+  - text: <code>asyncDataReducer</code> deve ser uma função.
+    testString: 'assert(typeof asyncDataReducer === "function", "<code>asyncDataReducer</code> should be a function.");'
+  - text: Despachar o criador da ação requestingData deve atualizar a propriedade do <code>state</code> da loja de busca para <code>true</code> .
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch(requestingData()); const reqState = store.getState(); return initialState.fetching === false && reqState.fetching === true })(), "Dispatching the requestingData action creator should update the store <code>state</code> property of fetching to <code>true</code>.");'
+  - text: Dispatching <code>handleAsync</code> deve despachar a ação de solicitação de dados e depois despachar a ação de dados recebidos após um atraso.
+    testString: 'assert((function() { const noWhiteSpace = handleAsync.toString().replace(/\s/g,""); return noWhiteSpace.includes("dispatch(requestingData())") === true && noWhiteSpace.includes("dispatch(receivedData(data))") === true })(), "Dispatching <code>handleAsync</code> should dispatch the data request action and then dispatch the received data action after a delay.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const REQUESTING_DATA = 'REQUESTING_DATA'
+const RECEIVED_DATA = 'RECEIVED_DATA'
+
+const requestingData = () => { return {type: REQUESTING_DATA} }
+const receivedData = (data) => { return {type: RECEIVED_DATA, users: data.users} }
+
+const handleAsync = () => {
+  return function(dispatch) {
+    // dispatch request action here
+
+    setTimeout(function() {
+      let data = {
+        users: ['Jeff', 'William', 'Alice']
+      }
+      // dispatch received data action here
+
+    }, 2500);
+  }
+};
+
+const defaultState = {
+  fetching: false,
+  users: []
+};
+
+const asyncDataReducer = (state = defaultState, action) => {
+  switch(action.type) {
+    case REQUESTING_DATA:
+      return {
+        fetching: true,
+        users: []
+      }
+    case RECEIVED_DATA:
+      return {
+        fetching: false,
+        users: action.users
+      }
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(
+  asyncDataReducer,
+  Redux.applyMiddleware(ReduxThunk.default)
+);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/redux/use-the-spread-operator-on-arrays.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/redux/use-the-spread-operator-on-arrays.portuguese.md
new file mode 100644
index 0000000000..8945a843b5
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/redux/use-the-spread-operator-on-arrays.portuguese.md
@@ -0,0 +1,73 @@
+---
+id: 5a24c314108439a4d4036159
+title: Use the Spread Operator on Arrays
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Use o operador de propagação em matrizes
+---
+
+## Description
+<section id="description"> Uma solução do ES6 para ajudar a impor a imutabilidade do estado no Redux é o operador de spread: <code>...</code> O operador de spread tem uma variedade de aplicações, uma das quais é adequada ao desafio anterior de produzir um novo array a partir de um array existente. Essa é uma sintaxe relativamente nova, mas comumente usada. Por exemplo, se você tem um array <code>myArray</code> e escreve: <code>let newArray = [...myArray];</code> <code>newArray</code> é agora um clone de <code>myArray</code> . Ambas as matrizes ainda existem separadamente na memória. Se você executar uma mutação como <code>newArray.push(5)</code> , <code>myArray</code> não será alterado. O <code>...</code> efetivamente <i>distribui</i> os valores em <code>myArray</code> em uma nova matriz. Para clonar uma matriz, mas adicionar valores adicionais na nova matriz, você poderia escrever <code>[...myArray, &#39;new value&#39;]</code> . Isso retornaria uma nova matriz composta dos valores em <code>myArray</code> e a string <code>&#39;new value&#39;</code> como o último valor. A sintaxe de propagação pode ser usada várias vezes na composição da matriz como essa, mas é importante observar que ela faz apenas uma cópia superficial da matriz. Ou seja, apenas fornece operações de matriz imutável para matrizes unidimensionais. </section>
+
+## Instructions
+<section id="instructions"> Use o operador de propagação para retornar uma nova cópia de estado quando uma tarefa for adicionada. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O repositório Redux deve existir e inicializar com um estado igual a <code>[Do not mutate state!]</code> .'
+    testString: 'assert((function() { const initialState = store.getState(); return ( Array.isArray(initialState) === true && initialState[0] === "Do not mutate state!"); })(), "The Redux store should exist and initialize with a state equal to <code>[Do not mutate state!]</code>.");'
+  - text: <code>addToDo</code> e <code>immutableReducer</code> ambos devem ser funções.
+    testString: 'assert(typeof addToDo === "function" && typeof immutableReducer === "function", "<code>addToDo</code> and <code>immutableReducer</code> both should be functions.");'
+  - text: Despachar uma ação do tipo <code>ADD_TO_DO</code> no repositório Redux deve adicionar um item <code>todo</code> e NÃO deve sofrer mutação.
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch(addToDo("__TEST__TO__DO__")); const finalState = store.getState(); const expectedState = [ "Do not mutate state!", "__TEST__TO__DO__" ]; return( isFrozen && DeepEqual(finalState, expectedState)); })(), "Dispatching an action of type <code>ADD_TO_DO</code> on the Redux store should add a <code>todo</code> item and should NOT mutate state.");'
+  - text: O operador de propagação deve ser usado para retornar o novo estado.
+    testString: 'getUserInput => assert(getUserInput("index").includes("...state"), "The spread operator should be used to return new state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const immutableReducer = (state = ['Do not mutate state!'], action) => {
+  switch(action.type) {
+    case 'ADD_TO_DO':
+      // don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+const addToDo = (todo) => {
+  return {
+    type: 'ADD_TO_DO',
+    todo
+  }
+}
+
+const store = Redux.createStore(immutableReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/redux/write-a-counter-with-redux.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/redux/write-a-counter-with-redux.portuguese.md
new file mode 100644
index 0000000000..2520ccf548
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/redux/write-a-counter-with-redux.portuguese.md
@@ -0,0 +1,69 @@
+---
+id: 5a24c314108439a4d4036157
+title: Write a Counter with Redux
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Escreva um contador com Redux
+---
+
+## Description
+<section id="description"> Agora você aprendeu todos os princípios fundamentais do Redux! Você viu como criar ações e criadores de ações, criar uma loja Redux, despachar suas ações contra a loja e criar atualizações de estado com redutores puros. Você já viu como gerenciar o estado complexo com a composição do redutor e lidar com ações assíncronas. Esses exemplos são simplistas, mas esses conceitos são os princípios centrais do Redux. Se você os entende bem, você está pronto para começar a construir seu próprio aplicativo Redux. Os próximos desafios abrangem alguns detalhes sobre a imutabilidade do <code>state</code> , mas primeiro, aqui está uma análise de tudo que você aprendeu até agora. </section>
+
+## Instructions
+<section id="instructions"> Nesta lição, você implementará um contador simples com o Redux do zero. O básico é fornecido no editor de código, mas você terá que preencher os detalhes! Use os nomes que são fornecidos e definem <code>incAction</code> e <code>decAction</code> criadores de ação, o <code>counterReducer()</code> , <code>INCREMENT</code> e <code>DECREMENT</code> tipos de ação, e, finalmente, a Redux <code>store</code> . Quando terminar, você poderá despachar as ações <code>INCREMENT</code> ou <code>DECREMENT</code> para incrementar ou decrementar o estado mantido na <code>store</code> . Boa sorte construindo seu primeiro app Redux! </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O criador de ações <code>incAction</code> deve retornar um objeto de ação com um <code>type</code> igual ao valor de <code>INCREMENT</code>
+    testString: 'assert(incAction().type ===INCREMENT, "The action creator <code>incAction</code> should return an action object with <code>type</code> equal to the value of <code>INCREMENT</code>");'
+  - text: O criador de ações <code>decAction</code> deve retornar um objeto de ação com um <code>type</code> igual ao valor de <code>DECREMENT</code>
+    testString: 'assert(decAction().type === DECREMENT, "The action creator <code>decAction</code> should return an action object with <code>type</code> equal to the value of <code>DECREMENT</code>");'
+  - text: O repositório do Redux deve inicializar com um <code>state</code> de 0.
+    testString: 'assert(store.getState() === 0, "The Redux store should initialize with a <code>state</code> of 0.");'
+  - text: Dispatching <code>incAction</code> no armazenamento do Redux deve incrementar o <code>state</code> em 1.
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch(incAction()); const incState = store.getState(); return initialState + 1 === incState })(), "Dispatching <code>incAction</code> on the Redux store should increment the <code>state</code> by 1.");'
+  - text: Dispatching <code>decAction</code> no armazenamento do Redux deve decrementar o <code>state</code> em 1.
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch(decAction()); const decState = store.getState(); return initialState - 1 === decState })(), "Dispatching <code>decAction</code> on the Redux store should decrement the <code>state</code> by 1.");'
+  - text: <code>counterReducer</code> deve ser uma função
+    testString: 'assert(typeof counterReducer === "function", "<code>counterReducer</code> should be a function");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const INCREMENT = null; // define a constant for increment action types
+const DECREMENT = null; // define a constant for decrement action types
+
+const counterReducer = null; // define the counter reducer which will increment or decrement the state based on the action it receives
+
+const incAction = null; // define an action creator for incrementing
+
+const decAction = null; // define an action creator for decrementing
+
+const store = null; // define the Redux store here, passing in your reducers
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.portuguese.md
new file mode 100644
index 0000000000..8bbb7df960
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.portuguese.md
@@ -0,0 +1,91 @@
+---
+id: 587d7dbf367417b2b2512bbb
+title: Apply a Style Until a Condition is Met with @while
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Aplicar um estilo até que uma condição seja satisfeita com @while
+---
+
+## Description
+<section id="description"> A diretiva <code>@while</code> é uma opção com funcionalidade semelhante ao JavaScript <code>while</code> loop. Cria regras de CSS até que uma condição seja atendida. O <code>@for</code> challenge deu um exemplo para criar um sistema de grade simples. Isso também pode funcionar com <code>@while</code> . <blockquote> $ x: 1; <br> @ while $ x &lt;13 { <br> .col - # {$ x} {width: 100% / 12 * $ x;} <br> $ x: $ x + 1; <br> } </blockquote> Primeiro, defina uma variável <code>$x</code> e defina-a como 1. Em seguida, use a diretiva <code>@while</code> para criar o sistema de grade, <i>enquanto</i> <code>$x</code> é menor que 13. Depois de definir a regra CSS para <code>width</code> , <code>$x</code> é incrementado em 1 para evitar Loop infinito. </section>
+
+## Instructions
+<section id="instructions"> Use <code>@while</code> para criar uma série de classes com diferentes <code>font-sizes</code> . Deve haver 10 classes diferentes de <code>text-1</code> a <code>text-10</code> . Em seguida, defina <code>font-size</code> para 5 px multiplicado pelo número do índice atual. Certifique-se de evitar um loop infinito! </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar a diretiva <code>@while</code> .
+    testString: 'assert(code.match(/@while /g), "Your code should use the <code>@while</code> directive.");'
+  - text: Seu código deve definir uma variável de índice como 1 para começar.
+    testString: 'assert(code.match(/\$.*:\s*?1;/gi), "Your code should set an index variable to 1 to start.");'
+  - text: Seu código deve incrementar a variável do contador.
+    testString: 'assert(code.match(/\$(.*):\s*?\$\1\s*?\+\s*?1;/gi), "Your code should increment the counter variable.");'
+  - text: Sua classe <code>.text-1</code> deve ter um <code>font-size</code> de <code>font-size</code> de 5px.
+    testString: 'assert($(".text-1").css("font-size") == "5px", "Your <code>.text-1</code> class should have a <code>font-size</code> of 5px.");'
+  - text: Sua classe <code>.text-2</code> deve ter um <code>font-size</code> de <code>font-size</code> de 10px.
+    testString: 'assert($(".text-2").css("font-size") == "10px", "Your <code>.text-2</code> class should have a <code>font-size</code> of 10px.");'
+  - text: Sua classe <code>.text-3</code> deve ter um <code>font-size</code> de <code>font-size</code> de 15px.
+    testString: 'assert($(".text-3").css("font-size") == "15px", "Your <code>.text-3</code> class should have a <code>font-size</code> of 15px.");'
+  - text: Sua classe <code>.text-4</code> deve ter um <code>font-size</code> de <code>font-size</code> de 20px.
+    testString: 'assert($(".text-4").css("font-size") == "20px", "Your <code>.text-4</code> class should have a <code>font-size</code> of 20px.");'
+  - text: Sua classe <code>.text-5</code> deve ter um <code>font-size</code> de <code>font-size</code> de 25px.
+    testString: 'assert($(".text-5").css("font-size") == "25px", "Your <code>.text-5</code> class should have a <code>font-size</code> of 25px.");'
+  - text: Sua classe <code>.text-6</code> deve ter um <code>font-size</code> de <code>font-size</code> de 30px.
+    testString: 'assert($(".text-6").css("font-size") == "30px", "Your <code>.text-6</code> class should have a <code>font-size</code> of 30px.");'
+  - text: Sua classe <code>.text-7</code> deve ter um <code>font-size</code> de <code>font-size</code> de 35px.
+    testString: 'assert($(".text-7").css("font-size") == "35px", "Your <code>.text-7</code> class should have a <code>font-size</code> of 35px.");'
+  - text: Sua classe <code>.text-8</code> deve ter um <code>font-size</code> de <code>font-size</code> de 40px.
+    testString: 'assert($(".text-8").css("font-size") == "40px", "Your <code>.text-8</code> class should have a <code>font-size</code> of 40px.");'
+  - text: Sua classe <code>.text-9</code> deve ter um <code>font-size</code> de <code>font-size</code> de 45px.
+    testString: 'assert($(".text-9").css("font-size") == "45px", "Your <code>.text-9</code> class should have a <code>font-size</code> of 45px.");'
+  - text: Sua classe <code>.text-10</code> deve ter um <code>font-size</code> de <code>font-size</code> de 50px.
+    testString: 'assert($(".text-10").css("font-size") == "50px", "Your <code>.text-10</code> class should have a <code>font-size</code> of 50px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+</style>
+
+<p class="text-1">Hello</p>
+<p class="text-2">Hello</p>
+<p class="text-3">Hello</p>
+<p class="text-4">Hello</p>
+<p class="text-5">Hello</p>
+<p class="text-6">Hello</p>
+<p class="text-7">Hello</p>
+<p class="text-8">Hello</p>
+<p class="text-9">Hello</p>
+<p class="text-10">Hello</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/sass/create-reusable-css-with-mixins.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/sass/create-reusable-css-with-mixins.portuguese.md
new file mode 100644
index 0000000000..2bf3804b89
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/sass/create-reusable-css-with-mixins.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: 587d7dbd367417b2b2512bb6
+title: Create Reusable CSS with Mixins
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Crie CSS Reutilizável com Mixins
+---
+
+## Description
+<section id="description"> No Sass, um <code>mixin</code> é um grupo de declarações CSS que podem ser reutilizadas em toda a folha de estilo. Os novos recursos do CSS levam tempo antes de serem totalmente adotados e prontos para serem usados ​​em todos os navegadores. Como os recursos são adicionados aos navegadores, as regras CSS que os usam podem precisar de prefixos de fornecedores. Considere &quot;box-shadow&quot;: <blockquote> div { <br> -webkit-box-shadow: 0px 0px 4px #fff; <br> -moz-box-shadow: 0px 0px 4px #fff; <br> -ms-box-shadow: 0px 0px 4px #fff; <br> box-shadow: 0px 0px 4px #fff; <br> } </blockquote> É muita digitação para reescrever esta regra para todos os elementos que possuem uma <code>box-shadow</code> , ou para alterar cada valor para testar diferentes efeitos. <code>Mixins</code> são como funções para CSS. Aqui está como escrever um: <blockquote> @mixin box-shadow ($ x, $ y, $ blur, $ c) { <br> -webkit-box-shadow: $ x, $ y, $ borrão, $ c; <br> -moz-box-shadow: $ x, $ y, $ borrão, $ c; <br> -ms-box-shadow: $ x, $ y, $ blur, $ c; <br> box-shadow: $ x, $ y, $ blur, $ c; <br> } </blockquote> A definição começa com <code>@mixin</code> seguido por um nome personalizado. Os parâmetros ( <code>$x</code> , <code>$y</code> , <code>$blur</code> e <code>$c</code> no exemplo acima) são opcionais. Agora, sempre que uma regra de <code>box-shadow</code> é necessária, apenas uma linha chamando o <code>mixin</code> substitui a necessidade de digitar todos os prefixos do fornecedor. Um <code>mixin</code> é chamado com a diretiva <code>@include</code> : <blockquote> div { <br> @include box-shadow (0px, 0px, 4px, #fff); <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Escreva um <code>mixin</code> para <code>border-radius</code> e atribua a ele um parâmetro <code>$radius</code> . Deve usar todos os prefixos do fornecedor do exemplo. Em seguida, utilizar a <code>border-radius</code> <code>mixin</code> para dar o <code>#awesome</code> elemento de um raio de fronteira de 15 pixels. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve declarar um <code>mixin</code> chamado <code>border-radius</code> que tenha um parâmetro chamado <code>$radius</code> .
+    testString: 'assert(code.match(/@mixin\s+?border-radius\s*?\(\s*?\$radius\s*?\)\s*?{/gi), "Your code should declare a <code>mixin</code> named <code>border-radius</code> which has a parameter named <code>$radius</code>.");'
+  - text: Seu código deve incluir o <code>-webkit-border-radius</code> que usa o parâmetro <code>$radius</code> .
+    testString: 'assert(code.match(/-webkit-border-radius:\s*?\$radius;/gi), "Your code should include the <code>-webkit-border-radius</code> vender prefix that uses the <code>$radius</code> parameter.");'
+  - text: Seu código deve incluir o prefixo de vendedor <code>-moz-border-radius</code> que usa o parâmetro <code>$radius</code> .
+    testString: 'assert(code.match(/-moz-border-radius:\s*?\$radius;/gi), "Your code should include the <code>-moz-border-radius</code> vender prefix that uses the <code>$radius</code> parameter.");'
+  - text: Seu código deve incluir o prefixo do <code>-ms-border-radius</code> que usa o parâmetro <code>$radius</code> .
+    testString: 'assert(code.match(/-ms-border-radius:\s*?\$radius;/gi), "Your code should include the <code>-ms-border-radius</code> vender prefix that uses the <code>$radius</code> parameter.");'
+  - text: 'Seu código deve incluir a regra geral <code>border-radius</code> , que usa o parâmetro <code>$radius</code> .'
+    testString: 'assert(code.match(/border-radius:\s*?\$radius;/gi).length == 4, "Your code should include the general <code>border-radius</code> rule that uses the <code>$radius</code> parameter.");'
+  - text: 'Seu código deve chamar o <code>@include</code> <code>border-radius mixin</code> usando a palavra-chave <code>@include</code> , configurando-a para 15px.'
+    testString: 'assert(code.match(/@include\s+?border-radius\(\s*?15px\s*?\);/gi), "Your code should call the <code>border-radius mixin</code> using the <code>@include</code> keyword, setting it to 15px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+  #awesome {
+    width: 150px;
+    height: 150px;
+    background-color: green;
+
+  }
+</style>
+
+<div id="awesome"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/sass/extend-one-set-of-css-styles-to-another-element.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/sass/extend-one-set-of-css-styles-to-another-element.portuguese.md
new file mode 100644
index 0000000000..7a50b65846
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/sass/extend-one-set-of-css-styles-to-another-element.portuguese.md
@@ -0,0 +1,75 @@
+---
+id: 587d7fa5367417b2b2512bbd
+title: Extend One Set of CSS Styles to Another Element
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Estenda um conjunto de estilos CSS para outro elemento
+---
+
+## Description
+<section id="description"> O Sass possui um recurso chamado <code>extend</code> que facilita a obtenção das regras de CSS de um elemento e a criação delas em outro. Por exemplo, o bloco abaixo de regras CSS <code>.panel</code> uma classe <code>.panel</code> . Tem uma <code>background-color</code> , <code>height</code> e <code>border</code> . <blockquote> .painel{ <br> cor de fundo: vermelho; <br> altura: 70 px; <br> borda: 2px verde sólido; <br> } </blockquote> Agora você quer outro painel chamado <code>.big-panel</code> . Ele tem as mesmas propriedades de base que o <code>.panel</code> , mas também precisa de <code>width</code> e <code>font-size</code> . É possível copiar e colar as regras CSS iniciais de <code>.panel</code> , mas o código se torna repetitivo à medida que você adiciona mais tipos de painéis. A diretiva <code>extend</code> é uma maneira simples de reutilizar as regras escritas para um elemento e depois adicionar mais para outra: <blockquote> .big-panel { <br> @extend .panel; <br> largura: 150px; <br> tamanho da fonte: 2em; <br> } </blockquote> O <code>.big-panel</code> terá as mesmas propriedades que o <code>.panel</code> , além dos novos estilos. </section>
+
+## Instructions
+<section id="instructions"> Faça uma aula <code>.info-important</code> que <code>.info</code> e também tenha uma <code>background-color</code> definida como magenta. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua turma de <code>info-important</code> deve ter uma <code>background-color</code> definida como <code>magenta</code> .
+    testString: 'assert(code.match(/\.info-important\s*?{[\s\S]*background-color\s*?:\s*?magenta\s*?;[\s\S]*}/gi), "Your <code>info-important</code> class should have a <code>background-color</code> set to <code>magenta</code>.");'
+  - text: Sua classe <code>info-important</code> deve usar <code>@extend</code> para herdar o estilo da classe <code>info</code> .
+    testString: 'assert(code.match(/\.info-important\s*?{[\s\S]*@extend\s*?.info\s*?;[\s\S]*/gi), "Your <code>info-important</code> class should use <code>@extend</code> to inherit the styling from the <code>info</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+  h3{
+    text-align: center;
+  }
+  .info{
+    width: 200px;
+    border: 1px solid black;
+    margin: 0 auto;
+  }
+
+
+
+
+</style>
+<h3>Posts</h3>
+<div class="info-important">
+  <p>This is an important post. It should extend the class ".info" and have its own CSS styles.</p>
+</div>
+
+<div class="info">
+  <p>This is a simple post. It has basic styling and can be extended for other uses.</p>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/sass/nest-css-with-sass.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/sass/nest-css-with-sass.portuguese.md
new file mode 100644
index 0000000000..ac956d112e
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/sass/nest-css-with-sass.portuguese.md
@@ -0,0 +1,68 @@
+---
+id: 587d7dbd367417b2b2512bb5
+title: Nest CSS with Sass
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Nest CSS com Sass
+---
+
+## Description
+<section id="description"> O Sass permite o <code>nesting</code> de regras CSS, que é uma maneira útil de organizar uma folha de estilo. Normalmente, cada elemento é direcionado em uma linha diferente para estilizá-lo, assim: <blockquote> nav { <br> cor de fundo: vermelho; <br> } <br><br> nav ul { <br> estilo de lista: nenhum; <br> } <br><br> nav ul li { <br> display: bloco inline; <br> } </blockquote> Para um projeto grande, o arquivo CSS terá muitas linhas e regras. É onde o <code>nesting</code> pode ajudar a organizar seu código, colocando regras de estilo filho nos respectivos elementos pai: <blockquote> nav { <br> cor de fundo: vermelho; <br><br> ul { <br> estilo de lista: nenhum; <br><br> li { <br> display: bloco inline; <br> } <br> } <br> } <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Use a técnica de <code>nesting</code> mostrada acima para reorganizar as regras de CSS para os dois filhos do elemento <code>.blog-post</code> . Para fins de teste, o <code>h1</code> deve vir antes do elemento <code>p</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve reorganizar as regras de CSS para que <code>h1</code> e <code>p</code> sejam aninhados no elemento pai <code>.blog-post</code> .
+    testString: 'assert(code.match(/\.blog-post\s*?{\s*?h1\s*?{\s*?text-align:\s*?center;\s*?color:\s*?blue;\s*?}\s*?p\s*?{\s*?font-size:\s*?20px;\s*?}\s*?}/gi), "Your code should re-organize the CSS rules so the <code>h1</code> and <code>p</code> are nested in the <code>.blog-post</code> parent element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+  .blog-post {
+
+  }
+  h1 {
+    text-align: center;
+    color: blue;
+  }
+  p {
+    font-size: 20px;
+  }
+</style>
+
+<div class="blog-post">
+  <h1>Blog Title</h1>
+  <p>This is a paragraph</p>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/sass/split-your-styles-into-smaller-chunks-with-partials.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/sass/split-your-styles-into-smaller-chunks-with-partials.portuguese.md
new file mode 100644
index 0000000000..c0b592ab0d
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/sass/split-your-styles-into-smaller-chunks-with-partials.portuguese.md
@@ -0,0 +1,52 @@
+---
+id: 587d7dbf367417b2b2512bbc
+title: Split Your Styles into Smaller Chunks with Partials
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Dividir seus estilos em pedaços menores com parciais
+---
+
+## Description
+<section id="description"> <code>Partials</code> no Sass são arquivos separados que contêm segmentos de código CSS. Estes são importados e usados ​​em outros arquivos Sass. Essa é uma ótima maneira de agrupar código semelhante em um módulo para mantê-lo organizado. Nomes para <code>partials</code> começam com o caractere de sublinhado ( <code>_</code> ), que diz ao Sass que é um pequeno segmento de CSS e não para convertê-lo em um arquivo CSS. Além disso, os arquivos Sass terminam com a extensão de arquivo <code>.scss</code> . Para trazer o código no <code>partial</code> para outro arquivo Sass, use a diretiva <code>@import</code> . Por exemplo, se todos os seus <code>mixins</code> forem salvos em uma parte <code>partial</code> chamada &quot;_mixins.scss&quot;, e eles forem necessários no arquivo &quot;main.scss&quot;, é como usá-los no arquivo principal: <blockquote> // No arquivo main.scss <br><br> @import &#39;mixins&#39; </blockquote> Note que o sublinhado não é necessário na declaração de <code>import</code> - Sass entende que é <code>partial</code> . Uma vez que uma <code>partial</code> é importada para um arquivo, todas as variáveis, <code>mixins</code> e outros códigos estão disponíveis para uso. </section>
+
+## Instructions
+<section id="instructions"> Escreva uma instrução <code>@import</code> para importar uma parte <code>partial</code> <code>_variables.scss</code> no arquivo main.scss. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar a diretiva <code>@import</code> e não deve incluir o sublinhado no nome do arquivo.
+    testString: 'assert(code.match(/@import\s+?("|")variables\1/gi), "Your code should use the <code>@import</code> directive, and should not include the underscore in the file name.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+// The main.scss file
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/sass/store-data-with-sass-variables.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/sass/store-data-with-sass-variables.portuguese.md
new file mode 100644
index 0000000000..f7e18d30c0
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/sass/store-data-with-sass-variables.portuguese.md
@@ -0,0 +1,81 @@
+---
+id: 587d7dbd367417b2b2512bb4
+title: Store Data with Sass Variables
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Armazenar dados com variáveis ​​Sass
+---
+
+## Description
+<section id="description"> Uma característica do Sass que é diferente do CSS é usar variáveis. Eles são declarados e configurados para armazenar dados, semelhantes ao JavaScript. Em JavaScript, as variáveis ​​são definidas usando as palavras-chave <code>let</code> e <code>const</code> . No Sass, as variáveis ​​começam com um <code>$</code> seguido pelo nome da variável. Aqui estão alguns exemplos: <blockquote> $ main-fonts: Arial, sans-serif; <br> $ títulos-cor: verde; <br><br> // Para usar variáveis: <br> h1 { <br> font-family: $ main-fonts; <br> cor: $ títulos-cor; <br> } </blockquote> Um exemplo em que as variáveis ​​são úteis é quando um número de elementos precisa ter a mesma cor. Se essa cor for alterada, o único local para editar o código é o valor da variável. </section>
+
+## Instructions
+<section id="instructions"> Crie uma variável <code>$text-color</code> e defina-a como vermelha. Em seguida, altere o valor da propriedade <code>color</code> para o <code>.blog-post</code> e <code>h2</code> para a variável <code>$text-color</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve ter uma variável Sass declarada para <code>$text-color</code> com um valor de vermelho.
+    testString: 'assert(code.match(/\$text-color:\s*?red;/g), "Your code should have a Sass variable declared for <code>$text-color</code> with a value of red.");'
+  - text: Seu código deve usar a variável <code>$text-color</code> para alterar a <code>color</code> dos <code>.blog-post</code> e <code>h2</code> .
+    testString: 'assert(code.match(/color:\s*?\$text-color;/g), "Your code should use the <code>$text-color</code> variable to change the <code>color</code> for the <code>.blog-post</code> and <code>h2</code> items.");'
+  - text: Seu elemento <code>.blog-post</code> deve ter uma cor vermelha.
+    testString: 'assert($(".blog-post").css("color") == "rgb(255, 0, 0)", "Your <code>.blog-post</code> element should have a </code>color</code> of red.");'
+  - text: Seus elementos <code>h2</code> devem ter uma cor vermelha.
+    testString: 'assert($("h2").css("color") == "rgb(255, 0, 0)", "Your <code>h2</code> elements should have a </code>color</code> of red.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+  .header{
+    text-align: center;
+  }
+  .blog-post, h2 {
+    color: red;
+  }
+</style>
+
+<h1 class="header">Learn Sass</h1>
+<div class="blog-post">
+  <h2>Some random title</h2>
+  <p>This is a paragraph with some random text in it</p>
+</div>
+<div class="blog-post">
+  <h2>Header #2</h2>
+  <p>Here is some more random text.</p>
+</div>
+<div class="blog-post">
+  <h2>Here is another header</h2>
+  <p>Even more random text within a paragraph</p>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/sass/use-each-to-map-over-items-in-a-list.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/sass/use-each-to-map-over-items-in-a-list.portuguese.md
new file mode 100644
index 0000000000..ffa5b1146e
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/sass/use-each-to-map-over-items-in-a-list.portuguese.md
@@ -0,0 +1,70 @@
+---
+id: 587d7dbf367417b2b2512bba
+title: Use @each to Map Over Items in a List
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Use @each para mapear itens em uma lista
+---
+
+## Description
+<section id="description"> O último desafio mostrou como o <code>@for</code> diretiva usa um valor inicial e final para fazer um loop em um determinado número de vezes. O Sass também oferece a diretiva <code>@each</code> que faz um loop sobre cada item em uma lista ou mapa. Em cada iteração, a variável é atribuída ao valor atual da lista ou do mapa. <blockquote> @each $ color em azul, vermelho, verde { <br> . # {$ color} -text {color: $ color;} <br> } </blockquote> Um mapa tem uma sintaxe ligeiramente diferente. Aqui está um exemplo: <blockquote> $ colors: (color1: azul, color2: vermelho, color3: verde); <br><br> @ cada tecla $, $ cor em $ cores { <br> . # {$ color} -text {color: $ color;} <br> } </blockquote> Observe que a variável <code>$key</code> é necessária para referenciar as chaves no mapa. Caso contrário, o CSS compilado teria <code>color1</code> , <code>color2</code> ... nele. Ambos os exemplos de código acima são convertidos no seguinte CSS: <blockquote> .blue-text { <br> cor azul; <br> } <br><br> .red-text { <br> cor vermelha; <br> } <br><br> .green-text { <br> cor verde; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Escreva uma diretiva <code>@each</code> que passe por uma lista: <code>blue, black, red</code> e atribua cada variável a uma classe <code>.color-bg</code> , onde a parte &quot;color&quot; muda para cada item. Cada classe deve definir a <code>background-color</code> da respectiva cor. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar a diretiva <code>@each</code> .
+    testString: 'assert(code.match(/@each /g), "Your code should use the <code>@each</code> directive.");'
+  - text: Sua classe <code>.blue-bg</code> deve ter uma <code>background-color</code> de fundo azul.
+    testString: 'assert($(".blue-bg").css("background-color") == "rgb(0, 0, 255)", "Your <code>.blue-bg</code> class should have a <code>background-color</code> of blue.");'
+  - text: Sua classe <code>.black-bg</code> deve ter uma <code>background-color</code> de fundo preta.
+    testString: 'assert($(".black-bg").css("background-color") == "rgb(0, 0, 0)", "Your <code>.black-bg</code> class should have a <code>background-color</code> of black.");'
+  - text: Sua classe <code>.red-bg</code> deve ter uma <code>background-color</code> de fundo vermelha.
+    testString: 'assert($(".red-bg").css("background-color") == "rgb(255, 0, 0)", "Your <code>.red-bg</code> class should have a <code>background-color</code> of red.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+  div {
+    height: 200px;
+    width: 200px;
+  }
+</style>
+
+<div class="blue-bg"></div>
+<div class="black-bg"></div>
+<div class="red-bg"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/sass/use-for-to-create-a-sass-loop.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/sass/use-for-to-create-a-sass-loop.portuguese.md
new file mode 100644
index 0000000000..943659a1fc
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/sass/use-for-to-create-a-sass-loop.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 587d7dbe367417b2b2512bb9
+title: Use @for to Create a Sass Loop
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Use @for para criar um loop Sass
+---
+
+## Description
+<section id="description"> O <code>@for</code> diretiva adiciona estilos em um loop, muito semelhante a um loop <code>for</code> em JavaScript. <code>@for</code> é usado de duas maneiras: &quot;início a fim&quot; ou &quot;início a fim&quot;. A principal diferença é que o &quot;início ao fim&quot; <em>exclui</em> o número final e &quot;início até o fim&quot; <em>inclui</em> o número final. Aqui está um começo <b>até o</b> final do exemplo: <blockquote> @ para $ i de 1 a 12 { <br> .col - # {$ i} {width: 100% / 12 * $ i; } <br> } </blockquote> A parte <code>#{$i}</code> é a sintaxe para combinar uma variável ( <code>i</code> ) com texto para criar uma string. Quando o arquivo Sass é convertido em CSS, é assim: <blockquote> .col-1 { <br> largura: 8,33333%; <br> } <br><br> .col-2 { <br> largura: 16,6667%; <br> } <br><br> ... <br><br> .col-12 { <br> largura: 100%; <br> } </blockquote> Esta é uma maneira poderosa de criar um layout de grade. Agora você tem doze opções para larguras de coluna disponíveis como classes CSS. </section>
+
+## Instructions
+<section id="instructions"> Escreva uma diretiva <code>@for</code> que tenha uma variável <code>$j</code> que vai de 1 <b>a</b> 6. Ela deve criar 5 classes chamadas <code>.text-1</code> para <code>.text-5</code> onde cada uma tem um <code>font-size</code> configurado para 10px multiplicado pelo índice. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar o <code>@for</code> diretiva.
+    testString: 'assert(code.match(/@for /g), "Your code should use the <code>@for</code> directive.");'
+  - text: Sua classe <code>.text-1</code> deve ter um <code>font-size</code> de <code>font-size</code> de 10px.
+    testString: 'assert($(".text-1").css("font-size") == "10px", "Your <code>.text-1</code> class should have a <code>font-size</code> of 10px.");'
+  - text: Sua classe <code>.text-2</code> deve ter um <code>font-size</code> de <code>font-size</code> de 20px.
+    testString: 'assert($(".text-2").css("font-size") == "20px", "Your <code>.text-2</code> class should have a <code>font-size</code> of 20px.");'
+  - text: Sua classe <code>.text-3</code> deve ter um <code>font-size</code> de <code>font-size</code> de 30px.
+    testString: 'assert($(".text-3").css("font-size") == "30px", "Your <code>.text-3</code> class should have a <code>font-size</code> of 30px.");'
+  - text: Sua classe <code>.text-4</code> deve ter um <code>font-size</code> de <code>font-size</code> de 40px.
+    testString: 'assert($(".text-4").css("font-size") == "40px", "Your <code>.text-4</code> class should have a <code>font-size</code> of 40px.");'
+  - text: Sua classe <code>.text-5</code> deve ter um <code>font-size</code> de <code>font-size</code> de 50px.
+    testString: 'assert($(".text-5").css("font-size") == "50px", "Your <code>.text-5</code> class should have a <code>font-size</code> of 50px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+</style>
+
+<p class="text-1">Hello</p>
+<p class="text-2">Hello</p>
+<p class="text-3">Hello</p>
+<p class="text-4">Hello</p>
+<p class="text-5">Hello</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.portuguese.md
new file mode 100644
index 0000000000..42bd9d3fa5
--- /dev/null
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 587d7dbe367417b2b2512bb8
+title: Use @if and @else to Add Logic To Your Styles
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Use @if e @else para adicionar lógica aos seus estilos
+---
+
+## Description
+<section id="description"> A diretiva <code>@if</code> no Sass é útil para testar um caso específico - funciona da mesma forma que a instrução <code>if</code> em JavaScript. <blockquote> @mixin make-bold ($ bool) { <br> @if $ bool == true { <br> intensidade da fonte: Negrito; <br> } <br> } </blockquote> E, assim como no JavaScript, <code>@else if</code> e <code>@else</code> test para mais condições: <blockquote> @mixin text-effect ($ val) { <br> @if $ val == danger { <br> cor vermelha; <br> } <br> @else if $ val == alert { <br> cor amarela; <br> } <br> @else if $ val == success { <br> cor verde; <br> } <br> @outro { <br> cor preta; <br> } <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Crie um <code>mixin</code> chamado <code>border-stroke</code> que use um parâmetro <code>$val</code> . O <code>mixin</code> deve verificar as seguintes condições usando <code>@if</code> , <code>@else if</code> e <code>@else</code> : <blockquote> luz - 1px preto sólido <br> médio - preto sólido 3px <br> pesado - preto sólido de 6px <br> nenhum - sem fronteira </blockquote></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve declarar um <code>mixin</code> chamado <code>border-stroke</code> que tenha um parâmetro chamado <code>$val</code> .
+    testString: 'assert(code.match(/@mixin\s+?border-stroke\s*?\(\s*?\$val\s*?\)\s*?{/gi), "Your code should declare a <code>mixin</code> named <code>border-stroke</code> which has a parameter named <code>$val</code>.");'
+  - text: Seu <code>mixin</code> deve ter uma instrução <code>@if</code> para verificar se <code>$val</code> é leve e para definir a <code>border</code> como 1px em preto sólido.
+    testString: 'assert(code.match(/@if\s+?\$val\s*?===?\s*?light\s*?{\s*?border\s*?:\s*?1px\s+?solid\s+?black\s*?;\s*?}/gi), "Your <code>mixin</code> should have an <code>@if</code> statement to check if <code>$val</code> is light, and to set the <code>border</code> to 1px solid black.");'
+  - text: Seu <code>mixin</code> deve ter uma declaração <code>@else if</code> para verificar se <code>$val</code> é médio e para definir a <code>border</code> como 3px em preto sólido.
+    testString: 'assert(code.match(/@else\s+?if\s+?\$val\s*?===?\s*?medium\s*?{\s*?border\s*?:\s*?3px\s+?solid\s+?black\s*?;\s*?}/gi), "Your <code>mixin</code> should have an <code>@else if</code> statement to check if <code>$val</code> is medium, and to set the <code>border</code> to 3px solid black.");'
+  - text: Seu <code>mixin</code> deve ter uma instrução <code>@else if</code> para verificar se <code>$val</code> é pesado e para definir a <code>border</code> como preto sólido de 6px.
+    testString: 'assert(code.match(/@else\s+?if\s+?\$val\s*?===?\s*?heavy\s*?{\s*?border\s*?:\s*?6px\s+?solid\s+?black\s*?;\s*?}/gi), "Your <code>mixin</code> should have an <code>@else if</code> statement to check if <code>$val</code> is heavy, and to set the <code>border</code> to 6px solid black.");'
+  - text: Seu <code>mixin</code> deve ter uma instrução <code>@else</code> para definir a <code>border</code> como none.
+    testString: 'assert(code.match(/@else\s*?{\s*?border\s*?:\s*?none\s*?;\s*?}/gi), "Your <code>mixin</code> should have an <code>@else</code> statement to set the <code>border</code> to none.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+  #box {
+    width: 150px;
+    height: 150px;
+    background-color: red;
+    @include border-stroke(medium);
+  }
+</style>
+
+<div id="box"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.portuguese.md
new file mode 100644
index 0000000000..7f03507759
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7168d8c242eddfaeb5bd13
+title: Visualize Data with a Bar Chart
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Visualize dados com um gráfico de barras
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/GrZVaM" target="_blank">https://codepen.io/freeCodeCamp/full/GrZVaM</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuário</a> abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização baseada em svg D3. Os testes exigem que os eixos sejam gerados usando a propriedade do eixo D3, que gera automaticamente marcações ao longo do eixo. Esses tiques são necessários para passar nos testes D3, porque suas posições são usadas para determinar o alinhamento dos elementos gráficos. Você encontrará informações sobre como gerar eixos em <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> . Elementos DOM (não virtuais) requeridos são consultados no momento de cada teste. Se você usar uma estrutura frontend (como o Vue, por exemplo), os resultados do teste podem ser imprecisos para o conteúdo dinâmico. Esperamos acomodá-los eventualmente, mas esses frameworks não são suportados atualmente para projetos D3. <strong>História do usuário 1:</strong> meu gráfico deve ter um título com um <code>id=&quot;title&quot;</code> . <strong>História do usuário # 2:</strong> Meu gráfico deve ter um eixo x do elemento <code>g</code> com um <code>id=&quot;x-axis&quot;</code> . <strong>User Story # 3:</strong> Meu gráfico deve ter um eixo y do elemento <code>g</code> com um <code>id=&quot;y-axis&quot;</code> . <strong>User Story # 4: Os</strong> dois eixos devem conter vários rótulos de ticks, cada um com a <code>class=&quot;tick&quot;</code> correspondente <code>class=&quot;tick&quot;</code> . <strong>User Story # 5:</strong> Meu gráfico deve ter um elemento <code>rect</code> para cada ponto de dados com uma <code>class=&quot;bar&quot;</code> exibindo os dados. <strong>User Story # 6:</strong> Cada barra deve ter as propriedades <code>data-date</code> e <code>data-gdp</code> contendo data e valores do PIB. <strong>User Story # 7:</strong> As propriedades <code>data-date</code> dos elementos da barra devem corresponder à ordem dos dados fornecidos. <strong>User Story # 8:</strong> As propriedades do <code>data-gdp</code> dos elementos da barra devem corresponder à ordem dos dados fornecidos. <strong>História do usuário nº 9:</strong> a altura de cada elemento da barra deve representar com precisão o PIB correspondente dos dados. <strong>User Story # 10:</strong> O atributo <code>data-date</code> e seu elemento de barra correspondente devem estar alinhados com o valor correspondente no eixo x. <strong>User Story # 11:</strong> O atributo <code>data-gdp</code> e seu elemento de barra correspondente devem estar alinhados com o valor correspondente no eixo y. <strong>User Story # 12:</strong> Eu posso passar o mouse sobre uma área e ver uma dica com uma <code>id=&quot;tooltip&quot;</code> que exibe mais informações sobre a área. <strong>User Story # 13:</strong> Minha dica de ferramenta deve ter uma propriedade <code>data-date</code> que corresponda à <code>data-date</code> da área ativa. Aqui está o conjunto de dados necessário para concluir este projeto: <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json</code> Você pode criar seu projeto, bifurcando <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">essa caneta CodePen</a> . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> . Quando terminar, envie o URL para o seu projeto de trabalho com todos os testes sendo aprovados. Lembre-se de usar o método <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.portuguese.md
new file mode 100644
index 0000000000..59d70ff9f3
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: 587d7fa6367417b2b2512bbf
+title: Visualize Data with a Choropleth Map
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Visualize dados com um mapa coroplético
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/EZKqza" target="_blank">https://codepen.io/freeCodeCamp/full/EZKqza</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuário</a> abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização baseada em svg D3. Elementos DOM (não virtuais) requeridos são consultados no momento de cada teste. Se você usar uma estrutura frontend (como o Vue, por exemplo), os resultados do teste podem ser imprecisos para o conteúdo dinâmico. Esperamos acomodá-los eventualmente, mas esses frameworks não são suportados atualmente para projetos D3. <strong>User Story # 1:</strong> Meu choropleth deve ter um título com um <code>id=&quot;title&quot;</code> . <strong>User Story # 2:</strong> Meu choropleth deve ter um elemento de descrição com um <code>id=&quot;description&quot;</code> . <strong>User Story # 3:</strong> Meu choropleth deve ter condados com uma <code>class=&quot;county&quot;</code> correspondente <code>class=&quot;county&quot;</code> que represente os dados. <strong>História do usuário nº 4:</strong> deve haver pelo menos quatro cores de preenchimento diferentes usadas para os municípios. <strong>História do usuário # 5:</strong> Meus municípios devem ter propriedades de <code>data-fips</code> e <code>data-education</code> contendo seus valores de educação e fips correspondentes. <strong>História do Usuário # 6:</strong> Meu coroplópio deve ter um condado para cada ponto de dados fornecido. <strong>História do usuário nº 7:</strong> os municípios devem ter dados-fips e valores de dados-educação que correspondam aos dados da amostra. <strong>User Story # 8:</strong> Meu choropleth deve ter uma legenda com um <code>id=&quot;legend&quot;</code> . <strong>User Story # 9:</strong> Deve haver pelo menos 4 cores de preenchimento diferentes usadas para a legenda. <strong>User Story # 10:</strong> Eu posso passar o mouse sobre uma área e ver uma dica de ferramenta com um <code>id=&quot;tooltip&quot;</code> que exibe mais informações sobre a área. <strong>User Story # 11:</strong> Minha dica de ferramenta deve ter uma propriedade de <code>data-education</code> que corresponda à <code>data-education</code> da área ativa. Aqui estão os conjuntos de dados necessários para concluir este projeto: <br><ul><li> <strong>Dados educacionais dos EUA:</strong> <code>https://raw.githubusercontent.com/no-stack-dub-sack/testable-projects-fcc/master/src/data/choropleth_map/for_user_education.json</code> </li><li> <strong>Dados do Condado dos EUA:</strong> <code>https://raw.githubusercontent.com/no-stack-dub-sack/testable-projects-fcc/master/src/data/choropleth_map/counties.json</code> </li></ul> Você pode criar seu projeto, bifurcando <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">essa caneta CodePen</a> . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.portuguese.md
new file mode 100644
index 0000000000..eaae5aba68
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7188d8c242eddfaeb5bd13
+title: Visualize Data with a Heat Map
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Visualize dados com um mapa de calor
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/JEXgeY" target="_blank">https://codepen.io/freeCodeCamp/full/JEXgeY</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuário</a> abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização baseada em svg D3. Elementos DOM (não virtuais) requeridos são consultados no momento de cada teste. Se você usar uma estrutura frontend (como o Vue, por exemplo), os resultados do teste podem ser imprecisos para o conteúdo dinâmico. Esperamos acomodá-los eventualmente, mas esses frameworks não são suportados atualmente para projetos D3. <strong>User Story # 1:</strong> Meu heat map deve ter um título com um <code>id=&quot;title&quot;</code> . <strong>User Story # 2:</strong> Meu heat map deve ter uma descrição com um <code>id=&quot;description&quot;</code> . <strong>User Story # 3:</strong> Meu mapa de calor deve ter um eixo x com um <code>id=&quot;x-axis&quot;</code> . <strong>História do Usuário # 4:</strong> Meu mapa de calor deve ter um eixo y com um <code>id=&quot;y-axis&quot;</code> . <strong>User Story # 5:</strong> Meu heat map deve ter elementos <code>rect</code> com uma <code>class=&quot;cell&quot;</code> que representa os dados. <strong>User Story # 6:</strong> Deve haver pelo menos 4 cores de preenchimento diferentes usadas para as células. <strong>User Story # 7:</strong> Cada célula terá as propriedades <code>data-month</code> , <code>data-year</code> , <code>data-temp</code> contendo seus valores correspondentes de mês, ano e temperatura. <strong>User Story # 8:</strong> O <code>data-month</code> , <code>data-year</code> de cada célula deve estar dentro do intervalo dos dados. <strong>História do usuário nº 9:</strong> Meu mapa de calor deve ter células alinhadas com o mês correspondente no eixo y. <strong>User Story # 10:</strong> Meu mapa de calor deve ter células alinhadas com o ano correspondente no eixo x. <strong>User Story # 11:</strong> Meu mapa de calor deve ter vários marcadores de escala no eixo y com o nome completo do mês. <strong>User Story # 12:</strong> Meu heat map deve ter vários rótulos de ticks no eixo x com os anos entre 1754 e 2015. <strong>User Story # 13:</strong> Meu heat map deve ter uma legenda com um <code>id=&quot;legend&quot;</code> . <strong>User Story # 14:</strong> Minha legenda deve conter elementos <code>rect</code> . <strong>User Story # 15:</strong> Os elementos <code>rect</code> na legenda devem usar pelo menos 4 cores de preenchimento diferentes. <strong>User Story # 16:</strong> Eu posso passar o mouse sobre uma área e ver uma dica de ferramenta com uma <code>id=&quot;tooltip&quot;</code> que exibe mais informações sobre a área. <strong>User Story # 16:</strong> Minha dica de ferramenta deve ter uma propriedade <code>data-year</code> que corresponda ao <code>data-year</code> da área ativa. Aqui está o conjunto de dados necessário para concluir este projeto: <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/global-temperature.json</code> Você pode criar seu projeto, bifurcando <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">essa caneta CodePen</a> . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.portuguese.md
new file mode 100644
index 0000000000..c47a5f1696
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7178d8c242eddfaeb5bd13
+title: Visualize Data with a Scatterplot Graph
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Visualize dados com um gráfico de gráfico de dispersão
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/bgpXyK" target="_blank">https://codepen.io/freeCodeCamp/full/bgpXyK</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuário</a> abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização baseada em svg D3. Os testes exigem que os eixos sejam gerados usando a propriedade do eixo D3, que gera automaticamente marcações ao longo do eixo. Esses tiques são necessários para passar nos testes D3, porque suas posições são usadas para determinar o alinhamento dos elementos gráficos. Você encontrará informações sobre como gerar eixos em <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> . Elementos DOM (não virtuais) requeridos são consultados no momento de cada teste. Se você usar uma estrutura frontend (como o Vue, por exemplo), os resultados do teste podem ser imprecisos para o conteúdo dinâmico. Esperamos acomodá-los eventualmente, mas esses frameworks não são suportados atualmente para projetos D3. <strong>User Story # 1:</strong> Eu posso ver um elemento título que tem um <code>id=&quot;title&quot;</code> . <strong>User Story # 2:</strong> Eu posso ver um eixo x que tem um <code>id=&quot;x-axis&quot;</code> . <strong>User Story # 3:</strong> Eu posso ver um eixo y que tem um <code>id=&quot;y-axis&quot;</code> . <strong>User Story # 4:</strong> Eu posso ver pontos, cada um com uma classe de <code>dot</code> , que representa os dados sendo plotados. <strong>História do Usuário # 5:</strong> Cada ponto deve ter as propriedades <code>data-xvalue</code> e <code>data-yvalue</code> contendo seus valores x e y correspondentes. <strong>História do usuário nº 6:</strong> O valor <code>data-xvalue</code> <code>data-yvalue</code> e o <code>data-xvalue</code> y de <code>data-yvalue</code> de cada ponto devem estar dentro do intervalo dos dados reais e no formato de dados correto. Para <code>data-xvalue</code> , inteiros (anos completos) ou objetos Date são aceitáveis ​​para avaliação de teste. Para <code>data-yvalue</code> (minutos), use objetos Date. <strong>História do Usuário # 7:</strong> O <code>data-xvalue</code> e seu ponto correspondente devem estar alinhados com o ponto / valor correspondente no eixo x. <strong>História do usuário # 8:</strong> O valor de y dos <code>data-yvalue</code> e seu ponto correspondente devem estar alinhados com o ponto / valor correspondente no eixo y. <strong>História do usuário nº 9:</strong> posso ver vários rótulos de escala no eixo y com o formato de hora <code>%M:%S</code> <strong>História do usuário nº 10:</strong> posso ver vários rótulos de escala no eixo x que mostram o ano. <strong>User Story # 11:</strong> Eu posso ver que o intervalo dos rótulos do eixo x estão dentro do intervalo dos dados reais do eixo x. <strong>User Story # 12:</strong> Eu posso ver que o intervalo dos rótulos do eixo y estão dentro do intervalo dos dados reais do eixo y. <strong>User Story # 13:</strong> Eu posso ver uma legenda contendo um texto descritivo que possui <code>id=&quot;legend&quot;</code> . <strong>User Story # 14:</strong> Eu posso passar o mouse sobre uma área e ver uma dica com uma <code>id=&quot;tooltip&quot;</code> que exibe mais informações sobre a área. <strong>User Story # 15:</strong> Minha dica de ferramenta deve ter uma propriedade <code>data-year</code> que corresponda ao valor <code>data-xvalue</code> da área ativa. Aqui está o conjunto de dados necessário para concluir este projeto: <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/cyclist-data.json</code> Você pode criar seu projeto, bifurcando <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">essa caneta CodePen</a> . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.portuguese.md
new file mode 100644
index 0000000000..e7c6e8a7fa
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: 587d7fa6367417b2b2512bc0
+title: Visualize Data with a Treemap Diagram
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Visualize dados com um diagrama de mapa de árvore
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/KaNGNR" target="_blank">https://codepen.io/freeCodeCamp/full/KaNGNR</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuário</a> abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização baseada em svg D3. Os testes exigem que os eixos sejam gerados usando a propriedade do eixo D3, que gera automaticamente marcações ao longo do eixo. Esses tiques são necessários para passar nos testes D3, porque suas posições são usadas para determinar o alinhamento dos elementos gráficos. Você encontrará informações sobre como gerar eixos em <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> . Elementos DOM (não virtuais) requeridos são consultados no momento de cada teste. Se você usar uma estrutura frontend (como o Vue, por exemplo), os resultados do teste podem ser imprecisos para o conteúdo dinâmico. Esperamos acomodá-los eventualmente, mas esses frameworks não são suportados atualmente para projetos D3. <strong>User Story # 1:</strong> Meu mapa da árvore deve ter um título com um <code>id=&quot;title&quot;</code> . <strong>User Story # 2:</strong> Meu mapa de árvore deve ter uma descrição com um <code>id=&quot;description&quot;</code> . <strong>User Story # 3:</strong> Meu mapa de árvore deve ter elementos <code>rect</code> com uma <code>class=&quot;tile&quot;</code> que representa os dados. <strong>História do usuário nº 4:</strong> deve haver pelo menos duas cores de preenchimento diferentes usadas para as peças. <strong>História do usuário nº 5:</strong> Cada bloco deve ter as propriedades <code>data-name</code> , <code>data-category</code> e <code>data-value</code> contendo seu nome, categoria e valor correspondentes. <strong>História do usuário nº 6:</strong> a área de cada bloco deve corresponder ao valor do valor dos dados: blocos com um valor de dados maior devem ter uma área maior. <strong>User Story # 7:</strong> Meu mapa da árvore deve ter uma legenda com <code>id=&quot;legend&quot;</code> . <strong>User Story # 8:</strong> Minha legenda deve ter elementos <code>rect</code> com uma <code>class=&quot;legend-item&quot;</code> . <strong>User Story # 9:</strong> Os elementos <code>rect</code> na legenda devem usar pelo menos 2 cores de preenchimento diferentes. <strong>User Story # 10:</strong> Eu posso passar o mouse sobre uma área e ver uma dica de ferramenta com um <code>id=&quot;tooltip&quot;</code> que exibe mais informações sobre a área. <strong>User Story # 11:</strong> minha dica de ferramenta deve ter uma propriedade de <code>data-value</code> que corresponda ao <code>data-value</code> de <code>data-value</code> da área ativa. Para este projeto, você pode usar qualquer um dos seguintes conjuntos de dados: <br><ul><li> <strong>Promessas do Kickstarter:</strong> <code>https://cdn.rawgit.com/freeCodeCamp/testable-projects-fcc/a80ce8f9/src/data/tree_map/kickstarter-funding-data.json</code> </li><li> <strong>Vendas de filmes:</strong> <code>https://cdn.rawgit.com/freeCodeCamp/testable-projects-fcc/a80ce8f9/src/data/tree_map/movie-data.json</code> </li><li> <strong>Vendas de videogames:</strong> <code>https://cdn.rawgit.com/freeCodeCamp/testable-projects-fcc/a80ce8f9/src/data/tree_map/video-game-sales-data.json</code> </li></ul> Você pode criar seu projeto, bifurcando <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">essa caneta CodePen</a> . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element.portuguese.md
new file mode 100644
index 0000000000..0c59d21c3b
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element.portuguese.md
@@ -0,0 +1,92 @@
+---
+id: 587d7faa367417b2b2512bd4
+title: Add a Hover Effect to a D3 Element
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Adicionar um efeito de foco a um elemento D3
+---
+
+## Description
+<section id="description"> É possível adicionar efeitos que destacam uma barra quando o usuário passa sobre ela com o mouse. Até agora, o estilo dos retângulos é aplicado com os métodos internos D3 e SVG, mas você também pode usar CSS. Você define a classe CSS nos elementos SVG com o método <code>attr()</code> . Em seguida, a pseudo-classe <code>:hover</code> para sua nova classe contém as regras de estilo para qualquer efeito de foco. </section>
+
+## Instructions
+<section id="instructions"> Use o método <code>attr()</code> para adicionar uma classe de <code>bar</code> a todos os elementos <code>rect</code> . Isso altera a cor de <code>fill</code> da barra para marrom quando você passa o mouse sobre ela. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seus elementos <code>rect</code> devem ter uma classe de <code>bar</code> .
+    testString: 'assert($("rect").attr("class") == "bar", "Your <code>rect</code> elements should have a class of <code>bar</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar:hover {
+    fill: brown;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d)
+       .attr("fill", "navy")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) => d)
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - (3 * d) - 3);
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element.portuguese.md
new file mode 100644
index 0000000000..8f9e1582c1
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element.portuguese.md
@@ -0,0 +1,111 @@
+---
+id: 587d7faa367417b2b2512bd6
+title: Add a Tooltip to a D3 Element
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Adicionar uma dica de ferramenta a um elemento D3
+---
+
+## Description
+<section id="description"> Uma dica de ferramenta mostra mais informações sobre um item em uma página quando o usuário passa o mouse sobre esse item. Existem várias maneiras de adicionar uma dica de ferramenta a uma visualização. Esse desafio usa o elemento de <code>title</code> SVG. pares de <code>title</code> com o método <code>text()</code> para adicionar dinamicamente dados às barras. </section>
+
+## Instructions
+<section id="instructions"> Anexe um elemento de <code>title</code> sob cada nó <code>rect</code> . Em seguida, chame o método <code>text()</code> com uma função de retorno de chamada para que o texto exiba o valor dos dados. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve ter 9 elementos de <code>title</code> .
+    testString: 'assert($("title").length == 9, "Your code should have 9 <code>title</code> elements.");'
+  - text: O primeiro elemento do <code>title</code> deve ter um texto de dica de ferramenta de 12.
+    testString: 'assert($("title").eq(0).text() == "12", "The first <code>title</code> element should have tooltip text of 12.");'
+  - text: O segundo elemento do <code>title</code> deve ter o texto da dica de ferramenta de 31.
+    testString: 'assert($("title").eq(1).text() == "31", "The second <code>title</code> element should have tooltip text of 31.");'
+  - text: O terceiro elemento do <code>title</code> deve ter o texto da dica de ferramenta de 22.
+    testString: 'assert($("title").eq(2).text() == "22", "The third <code>title</code> element should have tooltip text of 22.");'
+  - text: O quarto elemento do <code>title</code> deve ter um texto de dica de ferramenta de 17.
+    testString: 'assert($("title").eq(3).text() == "17", "The fourth <code>title</code> element should have tooltip text of 17.");'
+  - text: O quinto elemento do <code>title</code> deve ter um texto de dica de ferramenta de 25.
+    testString: 'assert($("title").eq(4).text() == "25", "The fifth <code>title</code> element should have tooltip text of 25.");'
+  - text: O sexto elemento do <code>title</code> deve ter um texto de dica de ferramenta de 18.
+    testString: 'assert($("title").eq(5).text() == "18", "The sixth <code>title</code> element should have tooltip text of 18.");'
+  - text: O sétimo elemento de <code>title</code> deve ter um texto de dica de ferramenta de 29.
+    testString: 'assert($("title").eq(6).text() == "29", "The seventh <code>title</code> element should have tooltip text of 29.");'
+  - text: O oitavo elemento de <code>title</code> deve ter um texto de dica de ferramenta de 14.
+    testString: 'assert($("title").eq(7).text() == "14", "The eighth <code>title</code> element should have tooltip text of 14.");'
+  - text: O nono elemento de <code>title</code> deve ter um texto de dica de ferramenta de 9.
+    testString: 'assert($("title").eq(8).text() == "9", "The ninth <code>title</code> element should have tooltip text of 9.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar:hover {
+    fill: brown;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => d * 3)
+       .attr("fill", "navy")
+       .attr("class", "bar")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) => d)
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - (d * 3 + 3))
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-attributes-to-the-circle-elements.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-attributes-to-the-circle-elements.portuguese.md
new file mode 100644
index 0000000000..82f454afac
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-attributes-to-the-circle-elements.portuguese.md
@@ -0,0 +1,106 @@
+---
+id: 587d7fab367417b2b2512bd8
+title: Add Attributes to the Circle Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Adicionar atributos aos elementos do círculo
+---
+
+## Description
+<section id="description"> O último desafio criou os elementos do <code>circle</code> para cada ponto no <code>dataset</code> e os anexou à tela do SVG. Mas o D3 precisa de mais informações sobre a posição e o tamanho de cada <code>circle</code> para exibi-los corretamente. Um <code>circle</code> no SVG tem três atributos principais. Os atributos <code>cx</code> e <code>cy</code> são as coordenadas. Eles dizem ao D3 onde posicionar o <em>centro</em> da forma na tela do SVG. O raio (atributo <code>r</code> ) fornece o tamanho do <code>circle</code> . Assim como o <code>rect</code> <code>y</code> coordenar, o <code>cy</code> atributo para um <code>circle</code> é medido a partir do topo da tela SVG, não de baixo. Todos os três atributos podem usar uma função de retorno de chamada para definir seus valores dinamicamente. Lembre-se de que todos os métodos encadeados após <code>data(dataset)</code> executados uma vez por item no <code>dataset</code> . O parâmetro <code>d</code> na função de retorno de chamada se refere ao item atual no <code>dataset</code> , que é uma matriz para cada ponto. Você usa a notação de colchetes, como <code>d[0]</code> , para acessar os valores nessa matriz. </section>
+
+## Instructions
+<section id="instructions"> Adicione os atributos <code>cx</code> , <code>cy</code> e <code>r</code> aos elementos do <code>circle</code> . O valor <code>cx</code> deve ser o primeiro número da matriz para cada item no <code>dataset</code> . O valor <code>cy</code> deve ser baseado no segundo número do array, mas certifique-se de mostrar o gráfico com o lado direito para cima e não invertido. O valor de <code>r</code> deve ser 5 para todos os círculos. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve ter 10 elementos de <code>circle</code> .
+    testString: 'assert($("circle").length == 10, "Your code should have 10 <code>circle</code> elements.");'
+  - text: 'O primeiro elemento de <code>circle</code> deve ter um valor de <code>cx</code> de 34, um valor de <code>cy</code> de 422 e um valor de <code>r</code> de 5.'
+    testString: 'assert($("circle").eq(0).attr("cx") == "34" && $("circle").eq(0).attr("cy") == "422" && $("circle").eq(0).attr("r") == "5", "The first <code>circle</code> element should have a <code>cx</code> value of 34, a <code>cy</code> value of 422, and an <code>r</code> value of 5.");'
+  - text: 'O segundo elemento <code>circle</code> deve ter um valor de <code>cx</code> de 109, um valor de <code>cy</code> de 220 e um valor de <code>r</code> de 5.'
+    testString: 'assert($("circle").eq(1).attr("cx") == "109" && $("circle").eq(1).attr("cy") == "220" && $("circle").eq(1).attr("r") == "5", "The second <code>circle</code> element should have a <code>cx</code> value of 109, a <code>cy</code> value of 220, and an <code>r</code> value of 5.");'
+  - text: 'O terceiro elemento de <code>circle</code> deve ter um valor de <code>cx</code> de 310, um valor de <code>cy</code> de 380 e um valor de <code>r</code> de 5.'
+    testString: 'assert($("circle").eq(2).attr("cx") == "310" && $("circle").eq(2).attr("cy") == "380" && $("circle").eq(2).attr("r") == "5", "The third <code>circle</code> element should have a <code>cx</code> value of 310, a <code>cy</code> value of 380, and an <code>r</code> value of 5.");'
+  - text: 'O quarto elemento <code>circle</code> deve ter um valor <code>cx</code> de 79, um valor <code>cy</code> de 89 e um valor <code>r</code> de 5.'
+    testString: 'assert($("circle").eq(3).attr("cx") == "79" && $("circle").eq(3).attr("cy") == "89" && $("circle").eq(3).attr("r") == "5", "The fourth <code>circle</code> element should have a <code>cx</code> value of 79, a <code>cy</code> value of 89, and an <code>r</code> value of 5.");'
+  - text: 'O quinto elemento <code>circle</code> deve ter um valor <code>cx</code> de 420, um valor <code>cy</code> de 280 e um valor <code>r</code> de 5.'
+    testString: 'assert($("circle").eq(4).attr("cx") == "420" && $("circle").eq(4).attr("cy") == "280" && $("circle").eq(4).attr("r") == "5", "The fifth <code>circle</code> element should have a <code>cx</code> value of 420, a <code>cy</code> value of 280, and an <code>r</code> value of 5.");'
+  - text: 'O sexto elemento <code>circle</code> deve ter um valor <code>cx</code> de 233, um valor <code>cy</code> de 355 e um valor <code>r</code> de 5.'
+    testString: 'assert($("circle").eq(5).attr("cx") == "233" && $("circle").eq(5).attr("cy") == "355" && $("circle").eq(5).attr("r") == "5", "The sixth <code>circle</code> element should have a <code>cx</code> value of 233, a <code>cy</code> value of 355, and an <code>r</code> value of 5.");'
+  - text: 'O sétimo elemento <code>circle</code> deve ter um valor <code>cx</code> de 333, um valor <code>cy</code> de 404 e um valor <code>r</code> de 5.'
+    testString: 'assert($("circle").eq(6).attr("cx") == "333" && $("circle").eq(6).attr("cy") == "404" && $("circle").eq(6).attr("r") == "5", "The seventh <code>circle</code> element should have a <code>cx</code> value of 333, a <code>cy</code> value of 404, and an <code>r</code> value of 5.");'
+  - text: 'O oitavo elemento de <code>circle</code> deve ter um valor de <code>cx</code> de 222, um valor de <code>cy</code> de 167 e um valor de <code>r</code> de 5.'
+    testString: 'assert($("circle").eq(7).attr("cx") == "222" && $("circle").eq(7).attr("cy") == "167" && $("circle").eq(7).attr("r") == "5", "The eighth <code>circle</code> element should have a <code>cx</code> value of 222, a <code>cy</code> value of 167, and an <code>r</code> value of 5.");'
+  - text: 'O nono elemento <code>circle</code> deve ter um valor de <code>cx</code> de 78, um valor de <code>cy</code> de 180 e um valor de <code>r</code> de 5.'
+    testString: 'assert($("circle").eq(8).attr("cx") == "78" && $("circle").eq(8).attr("cy") == "180" && $("circle").eq(8).attr("r") == "5", "The ninth <code>circle</code> element should have a <code>cx</code> value of 78, a <code>cy</code> value of 180, and an <code>r</code> value of 5.");'
+  - text: 'O décimo elemento de <code>circle</code> deve ter um valor de <code>cx</code> de 21, um valor de <code>cy</code> de 377 e um valor de <code>r</code> de 5.'
+    testString: 'assert($("circle").eq(9).attr("cx") == "21" && $("circle").eq(9).attr("cy") == "377" && $("circle").eq(9).attr("r") == "5", "The tenth <code>circle</code> element should have a <code>cx</code> value of 21, a <code>cy</code> value of 377, and an <code>r</code> value of 5.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+
+    const w = 500;
+    const h = 500;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-axes-to-a-visualization.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-axes-to-a-visualization.portuguese.md
new file mode 100644
index 0000000000..ea84f71981
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-axes-to-a-visualization.portuguese.md
@@ -0,0 +1,119 @@
+---
+id: 587d7fad367417b2b2512bdf
+title: Add Axes to a Visualization
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Adicionar eixos a uma visualização
+---
+
+## Description
+<section id="description"> Outra maneira de melhorar o gráfico de dispersão é adicionar um eixo xe um eixo y. D3 tem dois métodos <code>axisLeft()</code> e <code>axisBottom()</code> para renderizar os eixos y e x, respectivamente. (Axes é a forma plural do eixo). Aqui está um exemplo para criar o eixo x baseado no <code>xScale</code> nos desafios anteriores: <code>const xAxis = d3.axisBottom(xScale);</code> O próximo passo é renderizar o eixo na tela do SVG. Para fazer isso, você pode usar um componente SVG geral, o elemento <code>g</code> . O <code>g</code> representa o grupo. Ao contrário de <code>rect</code> , <code>circle</code> e <code>text</code> , um eixo é apenas uma linha reta quando é renderizado. Porque é uma forma simples, usando <code>g</code> obras. A última etapa é aplicar um atributo <code>transform</code> para posicionar o eixo na tela do SVG no lugar certo. Caso contrário, a linha seria renderizada ao longo da borda da tela do SVG e não seria visível. O SVG suporta diferentes tipos de <code>transforms</code> , mas o posicionamento de um eixo precisa ser <code>translate</code> . Quando é aplicado ao elemento <code>g</code> , ele move todo o grupo para cima e para baixo pelos valores dados. Aqui está um exemplo: <blockquote> const xAxis = d3.axisBottom (xScale); <br><br> svg.append (&quot;g&quot;) <br> .attr (&quot;transformar&quot;, &quot;traduzir (0,&quot; + (h - preenchimento) + &quot;)&quot;) <br> .call (xAxis); </blockquote> O código acima coloca o eixo x na parte inferior da tela do SVG. Então é passado como um argumento para o método <code>call()</code> . O eixo y funciona da mesma maneira, exceto que o argumento de <code>translate</code> está no formato (x, 0). Como <code>translate</code> é uma string no método <code>attr()</code> acima, você pode usar a concatenação para incluir valores de variáveis ​​para seus argumentos. </section>
+
+## Instructions
+<section id="instructions"> O gráfico de dispersão agora possui um eixo x. Crie um eixo y em uma variável chamada <code>yAxis</code> usando o método <code>axisLeft()</code> . Em seguida, renderize o eixo usando um elemento <code>g</code> . Certifique-se de usar um atributo <code>transform</code> para converter o eixo pela quantidade de unidades de preenchimento à direita e 0 unidades abaixo. Lembre-se de <code>call()</code> o eixo. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar o método <code>axisLeft()</code> com <code>yScale</code> passado como argumento.
+    testString: 'assert(code.match(/\.axisLeft\(yScale\)/g), "Your code should use the <code>axisLeft()</code> method with <code>yScale</code> passed as the argument.");'
+  - text: 'O elemento y-axis <code>g</code> deve ter um atributo <code>transform</code> para converter o eixo por (60, 0).'
+    testString: 'assert($("g").eq(1).attr("transform").match(/translate\(60\s*?,\s*?0\)/g), "The y-axis <code>g</code> element should have a <code>transform</code> attribute to translate the axis by (60, 0).");'
+  - text: Seu código deve chamar o <code>yAxis</code> .
+    testString: 'assert(code.match(/\.call\(yAxis\)/g), "Your code should call the <code>yAxis</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,     78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,   411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,    333 ],
+                  [ 78,    320 ],
+                  [ 21,   123 ]
+                ];
+
+    const w = 500;
+    const h = 500;
+    const padding = 60;
+
+    const xScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[0])])
+                     .range([padding, w - padding]);
+
+    const yScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[1])])
+                     .range([h - padding, padding]);
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       .attr("cx", (d) => xScale(d[0]))
+       .attr("cy",(d) => yScale(d[1]))
+       .attr("r", (d) => 5);
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) =>  (d[0] + "," + d[1]))
+       .attr("x", (d) => xScale(d[0] + 10))
+       .attr("y", (d) => yScale(d[1]))
+
+    const xAxis = d3.axisBottom(xScale);
+    // Add your code below this line
+    const yAxis = undefined;
+    // Add your code above this line
+
+    svg.append("g")
+       .attr("transform", "translate(0," + (h - padding) + ")")
+       .call(xAxis);
+
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-classes-with-d3.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-classes-with-d3.portuguese.md
new file mode 100644
index 0000000000..5dfbd79ea9
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-classes-with-d3.portuguese.md
@@ -0,0 +1,75 @@
+---
+id: 587d7fa7367417b2b2512bc8
+title: Add Classes with D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Usar muitos estilos inline em elementos HTML é difícil de gerenciar, mesmo para aplicativos menores. É mais fácil adicionar uma classe a elementos e estilizar essa classe uma vez usando regras CSS. D3 possui o método <code>attr()</code> para adicionar qualquer atributo HTML a um elemento, incluindo um nome de classe. O método <code>attr()</code> funciona da mesma maneira que <code>style()</code> faz. Leva valores separados por vírgula e pode usar uma função de retorno de chamada. Aqui está um exemplo para adicionar uma classe de &quot;container&quot; a uma seleção: <code>selection.attr(&quot;class&quot;, &quot;container&quot;);</code> </section>
+
+## Instructions
+<section id="instructions"> Adicione o método <code>attr()</code> ao código no editor e coloque uma classe de <code>bar</code> nos elementos <code>div</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seus elementos <code>div</code> devem ter uma classe de <code>bar</code> .
+    testString: 'assert($("div").attr("class") == "bar", "Your <code>div</code> elements should have a class of <code>bar</code>.");'
+  - text: Seu código deve usar o método <code>attr()</code> .
+    testString: 'assert(code.match(/\.attr/g), "Your code should use the <code>attr()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar {
+    width: 25px;
+    height: 100px;
+    display: inline-block;
+    background-color: blue;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("div")
+      .data(dataset)
+      .enter()
+      .append("div")
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-document-elements-with-d3.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-document-elements-with-d3.portuguese.md
new file mode 100644
index 0000000000..a8202d7876
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-document-elements-with-d3.portuguese.md
@@ -0,0 +1,69 @@
+---
+id: 587d7fa6367417b2b2512bc2
+title: Add Document Elements with D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Adicionar elementos do documento com D3
+---
+
+## Description
+<section id="description"> O D3 possui vários métodos que permitem adicionar e alterar elementos no documento. O método <code>select()</code> seleciona um elemento do documento. Leva um argumento para o nome do elemento desejado e retorna um nó HTML para o primeiro elemento no documento que corresponde ao nome. Aqui está um exemplo: <code>const anchor = d3.select(&quot;a&quot;);</code> O exemplo acima encontra a primeira tag âncora na página e salva um nó HTML para ela na <code>anchor</code> da variável. Você pode usar a seleção com outros métodos. A parte &quot;d3&quot; do exemplo é uma referência ao objeto D3, que é como você acessa os métodos D3. Dois outros métodos úteis são <code>append()</code> e <code>text()</code> . O método <code>append()</code> recebe um argumento para o elemento que você deseja adicionar ao documento. Ele anexa um nó HTML a um item selecionado e retorna um identificador para esse nó. O método <code>text()</code> define o texto do nó selecionado ou obtém o texto atual. Para definir o valor, você passa uma string como um argumento dentro dos parênteses do método. Aqui está um exemplo que seleciona uma lista não ordenada, acrescenta um item de lista e adiciona texto: <blockquote> d3.select (&quot;ul&quot;) <br> .append (&quot;li&quot;) <br> .text (&quot;Item muito importante&quot;); </blockquote> O D3 permite encadear vários métodos em conjunto com períodos para executar várias ações seguidas. </section>
+
+## Instructions
+<section id="instructions"> Use o método <code>select</code> para selecionar a tag <code>body</code> no documento. Em seguida, <code>append</code> uma tag <code>h1</code> a ela e adicione o texto &quot;Learning D3&quot; no elemento <code>h1</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O <code>body</code> deve ter um elemento <code>h1</code> .
+    testString: 'assert($("body").children("h1").length == 1, "The <code>body</code> should have one <code>h1</code> element.");'
+  - text: O elemento <code>h1</code> deve ter o texto &quot;Aprendizagem D3&quot;.
+    testString: 'assert($("h1").text() == "Learning D3", "The <code>h1</code> element should have the text "Learning D3" in it.");'
+  - text: Seu código deve acessar o objeto <code>d3</code> .
+    testString: 'assert(code.match(/d3/g), "Your code should access the <code>d3</code> object.");'
+  - text: Seu código deve usar o método <code>select</code> .
+    testString: 'assert(code.match(/\.select/g), "Your code should use the <code>select</code> method.");'
+  - text: Seu código deve usar o método <code>append</code> .
+    testString: 'assert(code.match(/\.append/g), "Your code should use the <code>append</code> method.");'
+  - text: Seu código deve usar o método de <code>text</code> .
+    testString: 'assert(code.match(/\.text/g), "Your code should use the <code>text</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-inline-styling-to-elements.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-inline-styling-to-elements.portuguese.md
new file mode 100644
index 0000000000..f01aa23201
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-inline-styling-to-elements.portuguese.md
@@ -0,0 +1,68 @@
+---
+id: 587d7fa7367417b2b2512bc6
+title: Add Inline Styling to Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Adicionar estilo inline aos elementos
+---
+
+## Description
+<section id="description"> D3 permite adicionar estilos CSS inline em elementos dinâmicos com o método <code>style()</code> . O método <code>style()</code> usa um par de valores-chave separados por vírgulas como argumento. Aqui está um exemplo para definir a cor do texto da seleção para azul: <code>selection.style(&quot;color&quot;,&quot;blue&quot;);</code> </section>
+
+## Instructions
+<section id="instructions"> Adicione o método <code>style()</code> ao código no editor para fazer com que todo o texto exibido tenha uma <code>font-family</code> de <code>font-family</code> de <code>verdana</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seus elementos <code>h2</code> devem ter uma <code>font-family</code> de <code>font-family</code> de verdana.
+    testString: 'assert($("h2").css("font-family") == "verdana", "Your <code>h2</code> elements should have a <code>font-family</code> of verdana.");'
+  - text: Seu código deve usar o método <code>style()</code> .
+    testString: 'assert(code.match(/\.style/g), "Your code should use the <code>style()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("h2")
+      .data(dataset)
+      .enter()
+      .append("h2")
+      .text((d) => (d + " USD"))
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-labels-to-d3-elements.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-labels-to-d3-elements.portuguese.md
new file mode 100644
index 0000000000..ef649a614f
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-labels-to-d3-elements.portuguese.md
@@ -0,0 +1,99 @@
+---
+id: 587d7faa367417b2b2512bd2
+title: Add Labels to D3 Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Adicionar rótulos aos elementos D3
+---
+
+## Description
+<section id="description"> O D3 permite rotular um elemento gráfico, como uma barra, usando o elemento de <code>text</code> SVG. Como o elemento <code>rect</code> , um elemento de <code>text</code> precisa ter os atributos <code>x</code> e <code>y</code> , para colocá-lo na tela do SVG. Também precisa acessar os dados para exibir esses valores. A D3 oferece um alto nível de controle sobre como você rotula suas barras. </section>
+
+## Instructions
+<section id="instructions"> O código no editor já vincula os dados a cada novo elemento de <code>text</code> . Primeiro, anexe os nós de <code>text</code> ao <code>svg</code> . Em seguida, adicione atributos para as coordenadas <code>x</code> e <code>y</code> . Eles devem ser calculados da mesma maneira que os <code>rect</code> , exceto que o valor <code>y</code> para o <code>text</code> deve fazer com que o rótulo fique 3 unidades acima da barra. Finalmente, use o método D3 <code>text()</code> para definir o rótulo igual ao valor do ponto de dados. <strong>Nota</strong> <br> Para o rótulo ficar mais alto que a barra, decida se o valor <code>y</code> do <code>text</code> deve ser 3 maior ou 3 menor que o valor <code>y</code> da barra. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O primeiro elemento de <code>text</code> deve ter um rótulo de 12 e um valor de <code>y</code> de 61.
+    testString: 'assert($("text").eq(0).text() == "12" && $("text").eq(0).attr("y") == "61", "The first <code>text</code> element should have a label of 12 and a <code>y</code> value of 61.");'
+  - text: O segundo elemento de <code>text</code> deve ter um rótulo de 31 e um valor de <code>y</code> de 4.
+    testString: 'assert($("text").eq(1).text() == "31" && $("text").eq(1).attr("y") == "4", "The second <code>text</code> element should have a label of 31 and a <code>y</code> value of 4.");'
+  - text: O terceiro elemento de <code>text</code> deve ter um rótulo de 22 e um valor de <code>y</code> de 31.
+    testString: 'assert($("text").eq(2).text() == "22" && $("text").eq(2).attr("y") == "31", "The third <code>text</code> element should have a label of 22 and a <code>y</code> value of 31.");'
+  - text: O quarto elemento de <code>text</code> deve ter um rótulo de 17 e um valor de <code>y</code> de 46.
+    testString: 'assert($("text").eq(3).text() == "17" && $("text").eq(3).attr("y") == "46", "The fourth <code>text</code> element should have a label of 17 and a <code>y</code> value of 46.");'
+  - text: O quinto elemento de <code>text</code> deve ter um rótulo de 25 e um valor de <code>y</code> de 22.
+    testString: 'assert($("text").eq(4).text() == "25" && $("text").eq(4).attr("y") == "22", "The fifth <code>text</code> element should have a label of 25 and a <code>y</code> value of 22.");'
+  - text: O sexto elemento de <code>text</code> deve ter um rótulo de 18 e um valor de <code>y</code> de 43.
+    testString: 'assert($("text").eq(5).text() == "18" && $("text").eq(5).attr("y") == "43", "The sixth <code>text</code> element should have a label of 18 and a <code>y</code> value of 43.");'
+  - text: O sétimo elemento de <code>text</code> deve ter um rótulo de 29 e um valor de <code>y</code> de 10.
+    testString: 'assert($("text").eq(6).text() == "29" && $("text").eq(6).attr("y") == "10", "The seventh <code>text</code> element should have a label of 29 and a <code>y</code> value of 10.");'
+  - text: O oitavo elemento de <code>text</code> deve ter um rótulo de 14 e um valor de <code>y</code> de 55.
+    testString: 'assert($("text").eq(7).text() == "14" && $("text").eq(7).attr("y") == "55", "The eighth <code>text</code> element should have a label of 14 and a <code>y</code> value of 55.");'
+  - text: O nono elemento de <code>text</code> deve ter um rótulo de 9 e um valor de <code>y</code> de 70.
+    testString: 'assert($("text").eq(8).text() == "9" && $("text").eq(8).attr("y") == "70", "The ninth <code>text</code> element should have a label of 9 and a <code>y</code> value of 70.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d)
+       .attr("fill", "navy");
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       // Add your code below this line
+
+
+
+
+       // Add your code above this line
+  </script>
+<body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-labels-to-scatter-plot-circles.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-labels-to-scatter-plot-circles.portuguese.md
new file mode 100644
index 0000000000..c2dce8c9de
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/add-labels-to-scatter-plot-circles.portuguese.md
@@ -0,0 +1,113 @@
+---
+id: 587d7fab367417b2b2512bd9
+title: Add Labels to Scatter Plot Circles
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Adicionar rótulos aos círculos de plotagem de dispersão
+---
+
+## Description
+<section id="description"> Você pode adicionar texto para criar rótulos para os pontos em um gráfico de dispersão. O objetivo é exibir os valores separados por vírgulas dos primeiros campos ( <code>x</code> ) e segundos ( <code>y</code> ) de cada item no <code>dataset</code> . As <code>text</code> nós precisamos <code>x</code> e <code>y</code> atributos para posicioná-la na tela SVG. Nesse desafio, o valor <code>y</code> (que determina a altura) pode usar o mesmo valor que o <code>circle</code> usa para seu atributo <code>cy</code> . O valor <code>x</code> pode ser um pouco maior que o valor <code>cx</code> do <code>circle</code> , portanto, o rótulo fica visível. Isso empurrará o rótulo para a direita do ponto plotado. </section>
+
+## Instructions
+<section id="instructions"> Rotule cada ponto no gráfico de dispersão usando os elementos de <code>text</code> . O texto do rótulo deve ser os dois valores separados por uma vírgula e um espaço. Por exemplo, o rótulo para o primeiro ponto é &quot;34, 78&quot;. Defina o atributo <code>x</code> para que ele seja 5 unidades a mais que o valor usado para o atributo <code>cx</code> no <code>circle</code> . Defina o atributo <code>y</code> da mesma maneira que é usado para o valor de <code>cy</code> no <code>circle</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve ter 10 elementos de <code>text</code> .
+    testString: 'assert($("text").length == 10, "Your code should have 10 <code>text</code> elements.");'
+  - text: 'A primeira etiqueta deve ter o texto &quot;34, 78&quot;, um valor <code>x</code> de 39 e um valor <code>y</code> de 422.'
+    testString: 'assert($("text").eq(0).text() == "34, 78" && $("text").eq(0).attr("x") == "39" && $("text").eq(0).attr("y") == "422", "The first label should have text of "34, 78", an <code>x</code> value of 39, and a <code>y</code> value of 422.");'
+  - text: 'A segunda etiqueta deve ter texto de &quot;109, 280&quot;, um valor de <code>x</code> de 114 e um valor de <code>y</code> de 220.'
+    testString: 'assert($("text").eq(1).text() == "109, 280" && $("text").eq(1).attr("x") == "114" && $("text").eq(1).attr("y") == "220", "The second label should have text of "109, 280", an <code>x</code> value of 114, and a <code>y</code> value of 220.");'
+  - text: 'O terceiro rótulo deve ter o texto &quot;310, 120&quot;, um valor <code>x</code> de 315 e um valor <code>y</code> de 380.'
+    testString: 'assert($("text").eq(2).text() == "310, 120" && $("text").eq(2).attr("x") == "315" && $("text").eq(2).attr("y") == "380", "The third label should have text of "310, 120", an <code>x</code> value of 315, and a <code>y</code> value of 380.");'
+  - text: 'O quarto rótulo deve ter o texto &quot;79, 411&quot;, um valor <code>x</code> de 84 e um valor <code>y</code> de 89.'
+    testString: 'assert($("text").eq(3).text() == "79, 411" && $("text").eq(3).attr("x") == "84" && $("text").eq(3).attr("y") == "89", "The fourth label should have text of "79, 411", an <code>x</code> value of 84, and a <code>y</code> value of 89.");'
+  - text: 'O quinto rótulo deve ter texto de &quot;420, 220&quot;, um valor de <code>x</code> de 425 e um valor de <code>y</code> de 280.'
+    testString: 'assert($("text").eq(4).text() == "420, 220" && $("text").eq(4).attr("x") == "425" && $("text").eq(4).attr("y") == "280", "The fifth label should have text of "420, 220", an <code>x</code> value of 425, and a <code>y</code> value of 280.");'
+  - text: 'O sexto rótulo deve ter texto de &quot;233, 145&quot;, um valor de <code>x</code> de 238 e um valor de <code>y</code> de 355.'
+    testString: 'assert($("text").eq(5).text() == "233, 145" && $("text").eq(5).attr("x") == "238" && $("text").eq(5).attr("y") == "355", "The sixth label should have text of "233, 145", an <code>x</code> value of 238, and a <code>y</code> value of 355.");'
+  - text: 'O sétimo rótulo deve ter texto de &quot;333, 96&quot;, um valor de <code>x</code> de 338 e um valor de <code>y</code> de 404.'
+    testString: 'assert($("text").eq(6).text() == "333, 96" && $("text").eq(6).attr("x") == "338" && $("text").eq(6).attr("y") == "404", "The seventh label should have text of "333, 96", an <code>x</code> value of 338, and a <code>y</code> value of 404.");'
+  - text: 'O oitavo rótulo deve ter o texto &quot;222, 333&quot;, um valor <code>x</code> de 227 e um valor <code>y</code> de 167.'
+    testString: 'assert($("text").eq(7).text() == "222, 333" && $("text").eq(7).attr("x") == "227" && $("text").eq(7).attr("y") == "167", "The eighth label should have text of "222, 333", an <code>x</code> value of 227, and a <code>y</code> value of 167.");'
+  - text: 'O nono rótulo deve ter texto de &quot;78, 320&quot;, um valor de <code>x</code> de 83 e um valor de <code>y</code> de 180.'
+    testString: 'assert($("text").eq(8).text() == "78, 320" && $("text").eq(8).attr("x") == "83" && $("text").eq(8).attr("y") == "180", "The ninth label should have text of "78, 320", an <code>x</code> value of 83, and a <code>y</code> value of 180.");'
+  - text: 'O décimo rótulo deve ter texto de &quot;21, 123&quot;, um valor de <code>x</code> de 26 e um valor de <code>y</code> de 377.'
+    testString: 'assert($("text").eq(9).text() == "21, 123" && $("text").eq(9).attr("x") == "26" && $("text").eq(9).attr("y") == "377", "The tenth label should have text of "21, 123", an <code>x</code> value of 26, and a <code>y</code> value of 377.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+
+    const w = 500;
+    const h = 500;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       .attr("cx", (d, i) => d[0])
+       .attr("cy", (d, i) => h - d[1])
+       .attr("r", 5);
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/change-styles-based-on-data.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/change-styles-based-on-data.portuguese.md
new file mode 100644
index 0000000000..b34caf3b93
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/change-styles-based-on-data.portuguese.md
@@ -0,0 +1,82 @@
+---
+id: 587d7fa7367417b2b2512bc7
+title: Change Styles Based on Data
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Alterar estilos com base em dados
+---
+
+## Description
+<section id="description"> D3 é sobre visualização e apresentação de dados. É provável que você queira alterar o estilo dos elementos com base nos dados. Você pode usar uma função de retorno de chamada no método <code>style()</code> para alterar o estilo de diferentes elementos. Por exemplo, você pode querer colorir um ponto de dados azul se tiver um valor menor que 20 e vermelho caso contrário. Você pode usar uma função de retorno de chamada no método <code>style()</code> e incluir a lógica condicional. A função de retorno de chamada usa o parâmetro <code>d</code> para representar o ponto de dados: <blockquote> selection.style (&quot;cor&quot;, (d) =&gt; { <br> / * Lógica que retorna a cor com base em uma condição * / <br> }); </blockquote> O método <code>style()</code> não se limita a definir a <code>color</code> - também pode ser usado com outras propriedades CSS. </section>
+
+## Instructions
+<section id="instructions"> Adicione o método <code>style()</code> ao código no editor para definir a <code>color</code> dos elementos <code>h2</code> condicionalmente. Escreva a função de retorno de chamada, portanto, se o valor dos dados for menor que 20, ele retornará &quot;vermelho&quot;, caso contrário, retornará &quot;verde&quot;. <strong>Nota</strong> <br> Você pode usar a lógica if-else ou o operador ternário. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O primeiro <code>h2</code> deve ter uma <code>color</code> vermelha.
+    testString: 'assert($("h2").eq(0).css("color") == "rgb(255, 0, 0)", "The first <code>h2</code> should have a <code>color</code> of red.");'
+  - text: O segundo <code>h2</code> deve ter uma <code>color</code> verde.
+    testString: 'assert($("h2").eq(1).css("color") == "rgb(0, 128, 0)", "The second <code>h2</code> should have a <code>color</code> of green.");'
+  - text: O terceiro <code>h2</code> deve ter uma <code>color</code> verde.
+    testString: 'assert($("h2").eq(2).css("color") == "rgb(0, 128, 0)", "The third <code>h2</code> should have a <code>color</code> of green.");'
+  - text: O quarto <code>h2</code> deve ter uma <code>color</code> vermelha.
+    testString: 'assert($("h2").eq(3).css("color") == "rgb(255, 0, 0)", "The fourth <code>h2</code> should have a <code>color</code> of red.");'
+  - text: O quinto <code>h2</code> deve ter uma <code>color</code> verde.
+    testString: 'assert($("h2").eq(4).css("color") == "rgb(0, 128, 0)", "The fifth <code>h2</code> should have a <code>color</code> of green.");'
+  - text: O sexto <code>h2</code> deve ter uma <code>color</code> vermelha.
+    testString: 'assert($("h2").eq(5).css("color") == "rgb(255, 0, 0)", "The sixth <code>h2</code> should have a <code>color</code> of red.");'
+  - text: A sétima <code>h2</code> deve ter uma <code>color</code> verde.
+    testString: 'assert($("h2").eq(6).css("color") == "rgb(0, 128, 0)", "The seventh <code>h2</code> should have a <code>color</code> of green.");'
+  - text: O oitavo <code>h2</code> deve ter uma <code>color</code> vermelha.
+    testString: 'assert($("h2").eq(7).css("color") == "rgb(255, 0, 0)", "The eighth <code>h2</code> should have a <code>color</code> of red.");'
+  - text: O nono <code>h2</code> deve ter uma <code>color</code> vermelha.
+    testString: 'assert($("h2").eq(8).css("color") == "rgb(255, 0, 0)", "The ninth <code>h2</code> should have a <code>color</code> of red.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("h2")
+      .data(dataset)
+      .enter()
+      .append("h2")
+      .text((d) => (d + " USD"))
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/change-the-color-of-an-svg-element.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/change-the-color-of-an-svg-element.portuguese.md
new file mode 100644
index 0000000000..0e7e226cc8
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/change-the-color-of-an-svg-element.portuguese.md
@@ -0,0 +1,77 @@
+---
+id: 587d7fa9367417b2b2512bd1
+title: Change the Color of an SVG Element
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Alterar a cor de um elemento SVG
+---
+
+## Description
+<section id="description"> As barras estão na posição correta, mas todas são da mesma cor preta. O SVG tem uma maneira de alterar a cor das barras. No SVG, uma forma <code>rect</code> é colorida com o atributo de <code>fill</code> . Ele suporta códigos hexadecimais, nomes de cores e valores de rgb, além de opções mais complexas, como gradientes e transparência. </section>
+
+## Instructions
+<section id="instructions"> Adicione um método <code>attr()</code> para definir o &quot;preenchimento&quot; de todas as barras para a cor &quot;navy&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: As barras devem ter uma cor de <code>fill</code> da Marinha.
+    testString: 'assert($("rect").css("fill") == "rgb(0, 0, 128)", "The bars should all have a <code>fill</code> color of navy.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d)
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/change-the-presentation-of-a-bar-chart.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/change-the-presentation-of-a-bar-chart.portuguese.md
new file mode 100644
index 0000000000..14db89186f
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/change-the-presentation-of-a-bar-chart.portuguese.md
@@ -0,0 +1,92 @@
+---
+id: 587d7fa8367417b2b2512bca
+title: Change the Presentation of a Bar Chart
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Alterar a apresentação de um gráfico de barras
+---
+
+## Description
+<section id="description"> O último desafio criou um gráfico de barras, mas há algumas alterações de formatação que podem melhorá-lo: 1) Adicione espaço entre cada barra para separá-las visualmente, o que é feito adicionando uma margem ao CSS para a classe de <code>bar</code> 2) Aumentar a altura das barras para melhor mostrar a diferença de valores, o que é feito multiplicando o valor por um número para dimensionar a altura </section>
+
+## Instructions
+<section id="instructions"> Primeiro, adicione uma <code>margin</code> de 2px à classe de <code>bar</code> na tag de <code>style</code> . Em seguida, altere a função de retorno de chamada no método <code>style()</code> para que ele retorne um valor 10 vezes o valor dos dados originais (mais o &quot;px&quot;). <strong>Nota</strong> <br> Multiplicar cada ponto de dados pela <em>mesma</em> constante apenas altera a escala. É como aumentar o zoom e isso não altera o significado dos dados subjacentes. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O primeiro <code>div</code> deve ter uma <code>height</code> de 120 pixels e uma <code>margin</code> de 2 pixels.
+    testString: 'assert($("div").eq(0).css("height") == "120px" && $("div").eq(0).css("margin-right") == "2px", "The first <code>div</code> should have a <code>height</code> of 120 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: O segundo <code>div</code> deve ter uma <code>height</code> de 310 pixels e uma <code>margin</code> de 2 pixels.
+    testString: 'assert($("div").eq(1).css("height") == "310px" && $("div").eq(1).css("margin-right") == "2px", "The second <code>div</code> should have a <code>height</code> of 310 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: O terceiro <code>div</code> deve ter uma <code>height</code> de 220 pixels e uma <code>margin</code> de 2 pixels.
+    testString: 'assert($("div").eq(2).css("height") == "220px" && $("div").eq(2).css("margin-right") == "2px", "The third <code>div</code> should have a <code>height</code> of 220 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: O quarto <code>div</code> deve ter uma <code>height</code> de 170 pixels e uma <code>margin</code> de 2 pixels.
+    testString: 'assert($("div").eq(3).css("height") == "170px" && $("div").eq(3).css("margin-right") == "2px", "The fourth <code>div</code> should have a <code>height</code> of 170 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: O quinto <code>div</code> deve ter uma <code>height</code> de 250 pixels e uma <code>margin</code> de 2 pixels.
+    testString: 'assert($("div").eq(4).css("height") == "250px" && $("div").eq(4).css("margin-right") == "2px", "The fifth <code>div</code> should have a <code>height</code> of 250 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: O sexto <code>div</code> deve ter uma <code>height</code> de 180 pixels e uma <code>margin</code> de 2 pixels.
+    testString: 'assert($("div").eq(5).css("height") == "180px" && $("div").eq(5).css("margin-right") == "2px", "The sixth <code>div</code> should have a <code>height</code> of 180 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: O sétimo <code>div</code> deve ter uma <code>height</code> de 290 pixels e uma <code>margin</code> de 2 pixels.
+    testString: 'assert($("div").eq(6).css("height") == "290px" && $("div").eq(6).css("margin-right") == "2px", "The seventh <code>div</code> should have a <code>height</code> of 290 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: O oitavo <code>div</code> deve ter uma <code>height</code> de 140 pixels e uma <code>margin</code> de 2 pixels.
+    testString: 'assert($("div").eq(7).css("height") == "140px" && $("div").eq(7).css("margin-right") == "2px", "The eighth <code>div</code> should have a <code>height</code> of 140 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: O nono <code>div</code> deve ter uma <code>height</code> de 90 pixels e uma <code>margin</code> de 2 pixels.
+    testString: 'assert($("div").eq(8).css("height") == "90px" && $("div").eq(8).css("margin-right") == "2px", "The ninth <code>div</code> should have a <code>height</code> of 90 pixels and a <code>margin</code> of 2 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar {
+    width: 25px;
+    height: 100px;
+    /* Add your code below this line */
+
+    /* Add your code above this line */
+    display: inline-block;
+    background-color: blue;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("div")
+      .data(dataset)
+      .enter()
+      .append("div")
+      .attr("class", "bar")
+      // Add your code below this line
+      .style("height", (d) => (d + "px"))
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/create-a-bar-for-each-data-point-in-the-set.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/create-a-bar-for-each-data-point-in-the-set.portuguese.md
new file mode 100644
index 0000000000..134e988839
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/create-a-bar-for-each-data-point-in-the-set.portuguese.md
@@ -0,0 +1,80 @@
+---
+id: 587d7fa8367417b2b2512bcd
+title: Create a Bar for Each Data Point in the Set
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Crie uma barra para cada ponto de dados no conjunto
+---
+
+## Description
+<section id="description"> O último desafio adicionou apenas um retângulo ao elemento <code>svg</code> para representar uma barra. Aqui, você combinará o que aprendeu até agora sobre formas <code>data()</code> , <code>enter()</code> e SVG para criar e anexar um retângulo para cada ponto de dados no <code>dataset</code> . Um desafio anterior mostrou o formato de como criar e anexar um <code>div</code> para cada item no <code>dataset</code> : <blockquote> d3.select (&quot;body&quot;). selectAll (&quot;div&quot;) <br> .data (conjunto de dados) <br> .entrar() <br> .append (&quot;div&quot;) </blockquote> Existem algumas diferenças trabalhando com elementos <code>rect</code> vez de <code>divs</code> . Os <code>rects</code> devem ser anexados a um elemento <code>svg</code> , não diretamente ao <code>body</code> . Além disso, você precisa dizer ao D3 onde colocar cada <code>rect</code> dentro da área <code>svg</code> . O posicionamento da barra será coberto no próximo desafio. </section>
+
+## Instructions
+<section id="instructions"> Use os métodos <code>data()</code> , <code>enter()</code> e <code>append()</code> para criar e anexar um <code>rect</code> para cada item no <code>dataset</code> . As barras devem exibir todas em cima umas das outras, isso será corrigido no próximo desafio. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu documento deve ter 9 elementos <code>rect</code> .
+    testString: 'assert($("rect").length == 9, "Your document should have 9 <code>rect</code> elements.");'
+  - text: Seu código deve usar o método <code>data()</code> .
+    testString: 'assert(code.match(/\.data/g), "Your code should use the <code>data()</code> method.");'
+  - text: Seu código deve usar o método <code>enter()</code> .
+    testString: 'assert(code.match(/\.enter/g), "Your code should use the <code>enter()</code> method.");'
+  - text: Seu código deve usar o método <code>append()</code> .
+    testString: 'assert(code.match(/\.append/g), "Your code should use the <code>append()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+       .attr("x", 0)
+       .attr("y", 0)
+       .attr("width", 25)
+       .attr("height", 100);
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3.portuguese.md
new file mode 100644
index 0000000000..2c4a1b1fe9
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3.portuguese.md
@@ -0,0 +1,69 @@
+---
+id: 587d7fab367417b2b2512bda
+title: Create a Linear Scale with D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Crie uma escala linear com D3
+---
+
+## Description
+<section id="description"> A barra e o gráfico de dispersão mapeiam os dados plotados diretamente na tela do SVG. No entanto, se a altura de uma barra ou um dos pontos de dados fosse maior que os valores de altura ou largura do SVG, ela sairia da área SVG. Na D3, existem escalas para ajudar a traçar dados. <code>Scales</code> são funções que informam ao programa como mapear um conjunto de pontos de dados brutos para os pixels da tela do SVG. Por exemplo, digamos que você tenha uma tela SVG de tamanho 100x500 e deseja plotar o Produto Interno Bruto (PIB) para vários países. O conjunto de números estaria na faixa de bilhões ou trilhões de dólares. Você fornece a D3 um tipo de escala para informar como colocar os grandes valores do PIB nessa área de 100 x 500. É improvável que você planeje dados brutos como estão. Antes de plotar, você define a escala para todo o seu conjunto de dados, de modo que os valores <code>x</code> e <code>y</code> ajustem à largura e altura da tela. O D3 possui vários tipos de escala. Para uma escala linear (geralmente usada com dados quantitativos), existe o método D3 <code>scaleLinear()</code> : <code>const scale = d3.scaleLinear()</code> Por padrão, uma escala usa o relacionamento de identidade. O valor da entrada é o mesmo que o valor da saída. Um desafio separado cobre como mudar isso. </section>
+
+## Instructions
+<section id="instructions"> Altere a variável de <code>scale</code> para criar uma escala linear. Em seguida, defina a variável de <code>output</code> para a escala chamada com um argumento de entrada de 50. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O texto no <code>h2</code> deve ser 50.
+    testString: 'assert($("h2").text() == "50", "The text in the <code>h2</code> should be 50.");'
+  - text: Seu código deve usar o método <code>scaleLinear()</code> .
+    testString: 'assert(code.match(/\.scaleLinear/g), "Your code should use the <code>scaleLinear()</code> method.");'
+  - text: A variável de <code>output</code> deve chamar <code>scale</code> com um argumento de 50.
+    testString: 'assert(output == 50 && code.match(/scale\(\s*?50\s*?\)/g), "The <code>output</code> variable should call <code>scale</code> with an argument of 50.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    // Add your code below this line
+
+    const scale = undefined; // Create the scale here
+    const output = scale(); // Call the scale with an argument here
+
+    // Add your code above this line
+
+    d3.select("body")
+      .append("h2")
+      .text(output);
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/create-a-scatterplot-with-svg-circles.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/create-a-scatterplot-with-svg-circles.portuguese.md
new file mode 100644
index 0000000000..2c445c578d
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/create-a-scatterplot-with-svg-circles.portuguese.md
@@ -0,0 +1,83 @@
+---
+id: 587d7fab367417b2b2512bd7
+title: Create a Scatterplot with SVG Circles
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Criar um gráfico de dispersão com círculos SVG
+---
+
+## Description
+<section id="description"> Um gráfico de dispersão é outro tipo de visualização. Geralmente, ele usa círculos para mapear pontos de dados, que possuem dois valores cada. Estes valores amarrar à <code>x</code> e <code>y</code> eixos, e são utilizados para posicionar o círculo na visualização. O SVG tem uma marca <code>circle</code> para criar a forma do círculo. Funciona muito parecido com os elementos <code>rect</code> que você usou para o gráfico de barras. </section>
+
+## Instructions
+<section id="instructions"> Use os métodos <code>data()</code> , <code>enter()</code> e <code>append()</code> para vincular o <code>dataset</code> de <code>dataset</code> a novos elementos de <code>circle</code> que são anexados à tela do SVG. <strong>Nota</strong> <br> Os círculos não estarão visíveis porque ainda não definimos os atributos deles. Nós vamos fazer isso no próximo desafio. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve ter 10 elementos de <code>circle</code> .
+    testString: 'assert($("circle").length == 10, "Your code should have 10 <code>circle</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+
+    const w = 500;
+    const h = 500;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/display-shapes-with-svg.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/display-shapes-with-svg.portuguese.md
new file mode 100644
index 0000000000..e12f8e4d3c
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/display-shapes-with-svg.portuguese.md
@@ -0,0 +1,76 @@
+---
+id: 587d7fa8367417b2b2512bcc
+title: Display Shapes with SVG
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Exibir formas com SVG
+---
+
+## Description
+<section id="description"> O último desafio criou um elemento <code>svg</code> com uma determinada largura e altura, que era visível porque tinha uma <code>background-color</code> aplicada a ele na tag de <code>style</code> . O código criou espaço para a largura e a altura especificadas. O próximo passo é criar uma forma para colocar na área <code>svg</code> . Há várias formas suportadas no SVG, como retângulos e círculos. Eles são usados ​​para exibir dados. Por exemplo, uma forma SVG retangular ( <code>&lt;rect&gt;</code> ) poderia criar uma barra em um gráfico de barras. Quando você coloca uma forma na área <code>svg</code> , você pode especificar onde ela vai com as coordenadas <code>x</code> e <code>y</code> . O ponto de origem de (0, 0) está no canto superior esquerdo. Valores positivos para <code>x</code> empurram a forma para a direita e valores positivos para <code>y</code> empurram a forma para baixo a partir do ponto de origem. Para colocar uma forma no meio dos 500 (largura) x 100 (altura) <code>svg</code> do último desafio, a coordenada <code>x</code> seria 250 e a coordenada <code>y</code> seria 50. Um <code>rect</code> SVG tem quatro atributos. Existem os <code>x</code> e <code>y</code> coordenadas para onde ele é colocado no <code>svg</code> área. Também possui <code>height</code> e <code>width</code> para especificar o tamanho. </section>
+
+## Instructions
+<section id="instructions"> Adicionar um <code>rect</code> forma para o <code>svg</code> usando <code>append()</code> , e dar-lhe uma <code>width</code> atributo de 25 e <code>height</code> atributo de 100. Além disso, dar a <code>rect</code> <code>x</code> e <code>y</code> atributos de cada conjunto para 0. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu documento deve ter um elemento <code>rect</code> .
+    testString: 'assert($("rect").length == 1, "Your document should have 1 <code>rect</code> element.");'
+  - text: O elemento <code>rect</code> deve ter um atributo <code>width</code> definido como 25.
+    testString: 'assert($("rect").attr("width") == "25", "The <code>rect</code> element should have a <code>width</code> attribute set to 25.");'
+  - text: O elemento <code>rect</code> deve ter um atributo <code>height</code> definido como 100.
+    testString: 'assert($("rect").attr("height") == "100", "The <code>rect</code> element should have a <code>height</code> attribute set to 100.");'
+  - text: O elemento <code>rect</code> deve ter um atributo <code>x</code> definido como 0.
+    testString: 'assert($("rect").attr("x") == "0", "The <code>rect</code> element should have an <code>x</code> attribute set to 0.");'
+  - text: O elemento <code>rect</code> deve ter um atributo <code>y</code> definido como 0.
+    testString: 'assert($("rect").attr("y") == "0", "The <code>rect</code> element should have a <code>y</code> attribute set to 0.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h)
+                  // Add your code below this line
+
+
+
+                  // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/dynamically-change-the-height-of-each-bar.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/dynamically-change-the-height-of-each-bar.portuguese.md
new file mode 100644
index 0000000000..45face2e02
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/dynamically-change-the-height-of-each-bar.portuguese.md
@@ -0,0 +1,94 @@
+---
+id: 587d7fa9367417b2b2512bcf
+title: Dynamically Change the Height of Each Bar
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Alterar dinamicamente a altura de cada barra
+---
+
+## Description
+<section id="description"> A altura de cada barra pode ser definida para o valor do ponto de dados na matriz, semelhante a como o valor <code>x</code> foi definido dinamicamente. <blockquote> selection.attr (&quot;propriedade&quot;, (d, i) =&gt; { <br> / * <br> * d é o valor do ponto de dados <br> * i é o índice do ponto de dados na matriz <br> * / <br> }) </blockquote></section>
+
+## Instructions
+<section id="instructions"> Altere a função de retorno de chamada para o atributo <code>height</code> para retornar os tempos de valor de dados 3. <strong>Nota</strong> <br> Lembre-se de que multiplicar todos os pontos de dados pela mesma constante escala os dados (como aumentar o zoom). Isso ajuda a ver as diferenças entre os valores das barras neste exemplo. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O primeiro <code>rect</code> deve ter uma <code>height</code> de 36.
+    testString: 'assert($("rect").eq(0).attr("height") == "36", "The first <code>rect</code> should have a <code>height</code> of 36.");'
+  - text: O segundo <code>rect</code> deve ter uma <code>height</code> de 93.
+    testString: 'assert($("rect").eq(1).attr("height") == "93", "The second <code>rect</code> should have a <code>height</code> of 93.");'
+  - text: O terceiro <code>rect</code> deve ter uma <code>height</code> de 66.
+    testString: 'assert($("rect").eq(2).attr("height") == "66", "The third <code>rect</code> should have a <code>height</code> of 66.");'
+  - text: O quarto <code>rect</code> deve ter uma <code>height</code> de 51.
+    testString: 'assert($("rect").eq(3).attr("height") == "51", "The fourth <code>rect</code> should have a <code>height</code> of 51.");'
+  - text: O quinto <code>rect</code> deve ter uma <code>height</code> de 75.
+    testString: 'assert($("rect").eq(4).attr("height") == "75", "The fifth <code>rect</code> should have a <code>height</code> of 75.");'
+  - text: O sexto <code>rect</code> deve ter uma <code>height</code> de 54.
+    testString: 'assert($("rect").eq(5).attr("height") == "54", "The sixth <code>rect</code> should have a <code>height</code> of 54.");'
+  - text: O sétimo <code>rect</code> deve ter uma <code>height</code> de 87.
+    testString: 'assert($("rect").eq(6).attr("height") == "87", "The seventh <code>rect</code> should have a <code>height</code> of 87.");'
+  - text: O oitavo <code>rect</code> deve ter uma <code>height</code> de 42.
+    testString: 'assert($("rect").eq(7).attr("height") == "42", "The eighth <code>rect</code> should have a <code>height</code> of 42.");'
+  - text: O nono <code>rect</code> deve ter uma <code>height</code> de 27.
+    testString: 'assert($("rect").eq(8).attr("height") == "27", "The ninth <code>rect</code> should have a <code>height</code> of 27.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", 0)
+       .attr("width", 25)
+       .attr("height", (d, i) => {
+         // Add your code below this line
+
+
+
+         // Add your code above this line
+       });
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/dynamically-set-the-coordinates-for-each-bar.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/dynamically-set-the-coordinates-for-each-bar.portuguese.md
new file mode 100644
index 0000000000..5b4a58bd1d
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/dynamically-set-the-coordinates-for-each-bar.portuguese.md
@@ -0,0 +1,94 @@
+---
+id: 587d7fa9367417b2b2512bce
+title: Dynamically Set the Coordinates for Each Bar
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Definir dinamicamente as coordenadas para cada barra
+---
+
+## Description
+<section id="description"> O último desafio criou e anexou um retângulo ao elemento <code>svg</code> para cada ponto no <code>dataset</code> para representar uma barra. Infelizmente, eles estavam todos empilhados uns sobre os outros. O posicionamento de um retângulo é manipulado pelos atributos <code>x</code> e <code>y</code> . Eles dizem ao D3 onde começar a desenhar a forma na área <code>svg</code> . O último desafio definiu cada um deles para 0, então cada barra foi colocada no canto superior esquerdo. Para um gráfico de barras, todas as barras devem ficar no mesmo nível vertical, o que significa que o valor <code>y</code> permanece o mesmo (em 0) para todas as barras. O valor <code>x</code> , no entanto, precisa ser alterado à medida que você adiciona novas barras. Lembre-se de que valores <code>x</code> maiores empurram os itens mais para a direita. Conforme você percorre os elementos da matriz no <code>dataset</code> , o valor x deve aumentar. O método <code>attr()</code> em D3 aceita uma função de retorno de chamada para definir dinamicamente esse atributo. A função de retorno de chamada leva dois argumentos, um para o próprio ponto de dados (geralmente <code>d</code> ) e um para o índice do ponto de dados na matriz. O segundo argumento para o índice é opcional. Aqui está o formato: <blockquote> selection.attr (&quot;propriedade&quot;, (d, i) =&gt; { <br> / * <br> * d é o valor do ponto de dados <br> * i é o índice do ponto de dados na matriz <br> * / <br> }) </blockquote> É importante observar que você NÃO precisa gravar um loop <code>for</code> ou usar <code>forEach()</code> para iterar os itens no conjunto de dados. Lembre-se de que o método <code>data()</code> analisa o conjunto de dados e qualquer método vinculado após <code>data()</code> ser executado uma vez para cada item no conjunto de dados. </section>
+
+## Instructions
+<section id="instructions"> Altere a função de retorno de chamada do atributo <code>x</code> para que ele retorne os tempos de índice 30. <strong>Nota</strong> <br> Cada barra tem uma largura de 25, aumentando assim cada valor <code>x</code> em 30 acrescenta algum espaço entre as barras. Qualquer valor maior que 25 funcionaria neste exemplo. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O primeiro <code>rect</code> deve ter um valor <code>x</code> de 0.
+    testString: 'assert($("rect").eq(0).attr("x") == "0", "The first <code>rect</code> should have an <code>x</code> value of 0.");'
+  - text: O segundo <code>rect</code> deve ter um valor <code>x</code> de 30.
+    testString: 'assert($("rect").eq(1).attr("x") == "30", "The second <code>rect</code> should have an <code>x</code> value of 30.");'
+  - text: O terceiro <code>rect</code> deve ter um valor <code>x</code> de 60.
+    testString: 'assert($("rect").eq(2).attr("x") == "60", "The third <code>rect</code> should have an <code>x</code> value of 60.");'
+  - text: O quarto <code>rect</code> deve ter um valor <code>x</code> de 90.
+    testString: 'assert($("rect").eq(3).attr("x") == "90", "The fourth <code>rect</code> should have an <code>x</code> value of 90.");'
+  - text: O quinto <code>rect</code> deve ter um valor <code>x</code> de 120.
+    testString: 'assert($("rect").eq(4).attr("x") == "120", "The fifth <code>rect</code> should have an <code>x</code> value of 120.");'
+  - text: O sexto <code>rect</code> deve ter um valor <code>x</code> de 150.
+    testString: 'assert($("rect").eq(5).attr("x") == "150", "The sixth <code>rect</code> should have an <code>x</code> value of 150.");'
+  - text: O sétimo <code>rect</code> deve ter um valor <code>x</code> de 180.
+    testString: 'assert($("rect").eq(6).attr("x") == "180", "The seventh <code>rect</code> should have an <code>x</code> value of 180.");'
+  - text: O oitavo <code>rect</code> deve ter um valor <code>x</code> de 210.
+    testString: 'assert($("rect").eq(7).attr("x") == "210", "The eighth <code>rect</code> should have an <code>x</code> value of 210.");'
+  - text: O nono <code>rect</code> deve ter um valor <code>x</code> de 240.
+    testString: 'assert($("rect").eq(8).attr("x") == "240", "The ninth <code>rect</code> should have an <code>x</code> value of 240.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => {
+         // Add your code below this line
+
+
+
+         // Add your code above this line
+       })
+       .attr("y", 0)
+       .attr("width", 25)
+       .attr("height", 100);
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/invert-svg-elements.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/invert-svg-elements.portuguese.md
new file mode 100644
index 0000000000..57e6287ed1
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/invert-svg-elements.portuguese.md
@@ -0,0 +1,94 @@
+---
+id: 587d7fa9367417b2b2512bd0
+title: Invert SVG Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Inverter elementos SVG
+---
+
+## Description
+<section id="description"> Você deve ter notado que o gráfico de barras estava de cabeça para baixo ou invertido. Isso ocorre porque o SVG usa coordenadas (x, y). No SVG, o ponto de origem das coordenadas está no canto superior esquerdo. Uma coordenada <code>x</code> de 0 coloca uma forma na borda esquerda da área SVG. Uma coordenada <code>y</code> de 0 coloca uma forma na borda superior da área SVG. Valores <code>x</code> altos empurram o retângulo para a direita. Valores maiores <code>y</code> empurram o retângulo para baixo. Para tornar as barras com o lado direito para cima, você precisa mudar a maneira como a coordenada <code>y</code> é calculada. Ele precisa considerar tanto a altura da barra quanto a altura total da área SVG. A altura da área SVG é 100. Se você tiver um ponto de dados de 0 no conjunto, você deseja que a barra inicie na parte inferior da área SVG (não no topo). Para fazer isso, a coordenada <code>y</code> precisa de um valor de 100. Se o valor do ponto de dados fosse 1, você começaria com uma coordenada <code>y</code> de 100 para definir a barra na parte inferior. Então você precisa considerar a altura da barra de 1, então a coordenada <code>y</code> final seria 99. A coordenada <code>y</code> que é <code>y = heightOfSVG - heightOfBar</code> colocaria as barras com o lado direito para cima. </section>
+
+## Instructions
+<section id="instructions"> Altere a função de retorno de chamada para o atributo <code>y</code> para definir as barras com o lado direito para cima. Lembre-se que a <code>height</code> da barra é 3 vezes o valor de dados <code>d</code> . <strong>Nota</strong> <br> Em geral, a relação é <code>y = h - m * d</code> , onde <code>m</code> é a constante que escala os pontos de dados. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O primeiro <code>rect</code> deve ter um valor de <code>y</code> de 64.
+    testString: 'assert($("rect").eq(0).attr("y") == h - (dataset[0] * 3), "The first <code>rect</code> should have a <code>y</code> value of 64.");'
+  - text: O segundo <code>rect</code> deve ter um valor de <code>y</code> de 7.
+    testString: 'assert($("rect").eq(1).attr("y") == h - (dataset[1] * 3), "The second <code>rect</code> should have a <code>y</code> value of 7.");'
+  - text: O terceiro <code>rect</code> deve ter um valor de <code>y</code> de 34.
+    testString: 'assert($("rect").eq(2).attr("y") == h - (dataset[2] * 3), "The third <code>rect</code> should have a <code>y</code> value of 34.");'
+  - text: O quarto <code>rect</code> deve ter um valor de <code>y</code> de 49.
+    testString: 'assert($("rect").eq(3).attr("y") == h - (dataset[3] * 3), "The fourth <code>rect</code> should have a <code>y</code> value of 49.");'
+  - text: O quinto <code>rect</code> deve ter um valor de <code>y</code> de 25.
+    testString: 'assert($("rect").eq(4).attr("y") == h - (dataset[4] * 3), "The fifth <code>rect</code> should have a <code>y</code> value of 25.");'
+  - text: O sexto <code>rect</code> deve ter um valor de <code>y</code> de 46.
+    testString: 'assert($("rect").eq(5).attr("y") == h - (dataset[5] * 3), "The sixth <code>rect</code> should have a <code>y</code> value of 46.");'
+  - text: O sétimo <code>rect</code> deve ter um valor <code>y</code> de 13.
+    testString: 'assert($("rect").eq(6).attr("y") == h - (dataset[6] * 3), "The seventh <code>rect</code> should have a <code>y</code> value of 13.");'
+  - text: O oitavo <code>rect</code> deve ter um valor de <code>y</code> de 58.
+    testString: 'assert($("rect").eq(7).attr("y") == h - (dataset[7] * 3), "The eighth <code>rect</code> should have a <code>y</code> value of 58.");'
+  - text: O nono <code>rect</code> deve ter um valor de <code>y</code> de 73.
+    testString: 'assert($("rect").eq(8).attr("y") == h - (dataset[8] * 3), "The ninth <code>rect</code> should have a <code>y</code> value of 73.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => {
+         // Add your code below this line
+
+
+
+         // Add your code above this line
+       })
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d);
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/learn-about-svg-in-d3.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/learn-about-svg-in-d3.portuguese.md
new file mode 100644
index 0000000000..b2d9773fb8
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/learn-about-svg-in-d3.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: 587d7fa8367417b2b2512bcb
+title: Learn About SVG in D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Aprenda sobre o SVG no D3
+---
+
+## Description
+<section id="description"> SVG significa <code>Scalable Vector Graphics</code> . Aqui, &quot;escalável&quot; significa que, se você aumentar ou diminuir o zoom em um objeto, ele não aparecerá pixelizado. Ele é escalável com o sistema de exibição, seja em uma pequena tela móvel ou em um grande monitor de TV. O SVG é usado para fazer formas geométricas comuns. Como o D3 mapeia dados em uma representação visual, ele usa SVG para criar as formas para a visualização. Formas SVG para uma página da web devem ir dentro de uma tag <code>svg</code> HTML. O CSS pode ser escalonável quando os estilos usam unidades relativas (como <code>vh</code> , <code>vw</code> ou porcentagens), mas o uso de SVG é mais flexível para criar visualizações de dados. </section>
+
+## Instructions
+<section id="instructions"> Adicione um nó <code>svg</code> ao <code>body</code> usando <code>append()</code> . Dê a ele um atributo de <code>width</code> definido para a constante <code>w</code> fornecida e um atributo <code>height</code> definido para a constante <code>h</code> fornecida usando o método <code>attr()</code> para cada um. Você verá na saída porque há uma <code>background-color</code> de fundo rosa aplicada a ela na tag de <code>style</code> . <strong>Nota</strong> <br> Os atributos de largura e altura não possuem unidades. Este é o bloco de construção do escalonamento - o elemento sempre terá uma relação largura / altura de 5: 1, independentemente do nível de zoom. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu documento deve ter um elemento <code>svg</code> .
+    testString: 'assert($("svg").length == 1, "Your document should have 1 <code>svg</code> element.");'
+  - text: O elemento <code>svg</code> deve ter um atributo de <code>width</code> definido como 500.
+    testString: 'assert($("svg").attr("width") == "500", "The <code>svg</code> element should have a <code>width</code> attribute set to 500.");'
+  - text: O elemento <code>svg</code> deve ter um atributo <code>height</code> definido como 100.
+    testString: 'assert($("svg").attr("height") == "100", "The <code>svg</code> element should have a <code>height</code> attribute set to 100.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  svg {
+    background-color: pink;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  // Add your code below this line
+
+
+
+                  // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3.portuguese.md
new file mode 100644
index 0000000000..f9f2f9c586
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3.portuguese.md
@@ -0,0 +1,68 @@
+---
+id: 587d7fa6367417b2b2512bc3
+title: Select a Group of Elements with D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Selecione um grupo de elementos com D3
+---
+
+## Description
+<section id="description"> O D3 também possui o método <code>selectAll()</code> para selecionar um grupo de elementos. Ele retorna uma matriz de nós HTML para todos os itens no documento que correspondem à string de entrada. Aqui está um exemplo para selecionar todas as tags de âncora em um documento: <code>const anchors = d3.selectAll(&quot;a&quot;);</code> Como o método <code>select()</code> , <code>selectAll()</code> suporta o encadeamento de métodos, e você pode usá-lo com outros métodos. </section>
+
+## Instructions
+<section id="instructions"> Selecione todas as tags <code>li</code> no documento e altere seu texto para &quot;item de lista&quot; encadeando o método <code>.text()</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Deve haver 3 elementos <code>li</code> na página, e o texto em cada um deve dizer &quot;item da lista&quot;. Capitalização e espaçamento devem corresponder exatamente.'
+    testString: 'assert($("li").text().match(/list item/g).length == 3, "There should be 3 <code>li</code> elements on the page, and the text in each one should say "list item". Capitalization and spacing should match exactly.");'
+  - text: Seu código deve acessar o objeto <code>d3</code> .
+    testString: 'assert(code.match(/d3/g), "Your code should access the <code>d3</code> object.");'
+  - text: Seu código deve usar o método <code>selectAll</code> .
+    testString: 'assert(code.match(/\.selectAll/g), "Your code should use the <code>selectAll</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <ul>
+    <li>Example</li>
+    <li>Example</li>
+    <li>Example</li>
+  </ul>
+  <script>
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/set-a-domain-and-a-range-on-a-scale.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/set-a-domain-and-a-range-on-a-scale.portuguese.md
new file mode 100644
index 0000000000..12d7407c3c
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/set-a-domain-and-a-range-on-a-scale.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 587d7fac367417b2b2512bdb
+title: Set a Domain and a Range on a Scale
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Definir um domínio e um intervalo em escala
+---
+
+## Description
+<section id="description"> Por padrão, as escalas usam o relacionamento de identidade - o valor de entrada é mapeado para o valor de saída. Mas as escalas podem ser muito mais flexíveis e interessantes. Digamos que um conjunto de dados tenha valores que variam de 50 a 480. Essa é a informação de entrada para uma escala e também é conhecida como o domínio. Você deseja mapear esses pontos ao longo do eixo <code>x</code> na tela do SVG, entre 10 unidades e 500 unidades. Esta é a informação de saída, que também é conhecida como o intervalo. Os métodos <code>domain()</code> e <code>range()</code> definem esses valores para a escala. Ambos os métodos usam uma matriz de pelo menos dois elementos como argumento. Aqui está um exemplo: <blockquote> // Definir um domínio <br> // O domínio abrange o conjunto de valores de entrada <br> scale.domain ([50, 480]); <br> // Definir um intervalo <br> // O intervalo abrange o conjunto de valores de saída <br> escala.range ([10, 500]); <br> escala (50) // Retorna 10 <br> escala (480) // Retorna 500 <br> escala (325) // Retorna 323,37 <br> escala (750) // Retorna 807,67 <br> d3.scaleLinear () </blockquote> Observe que a escala usa o relacionamento linear entre os valores de domínio e intervalo para descobrir qual deve ser a saída para um determinado número. O valor mínimo no domínio (50) é mapeado para o valor mínimo (10) no intervalo. </section>
+
+## Instructions
+<section id="instructions"> Crie uma escala e defina seu domínio para <code>[250, 500]</code> e alcance para <code>[10, 150]</code> . <strong>Nota</strong> <br> Você pode encadear os métodos <code>domain()</code> e <code>range()</code> na variável de <code>scale</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar o método <code>domain()</code> .
+    testString: 'assert(code.match(/\.domain/g), "Your code should use the <code>domain()</code> method.");'
+  - text: 'O <code>domain()</code> da escala deve ser definido para <code>[250, 500]</code> .'
+    testString: 'assert(JSON.stringify(scale.domain()) == JSON.stringify([250, 500]), "The <code>domain()</code> of the scale should be set to <code>[250, 500]</code>.");'
+  - text: Seu código deve usar o método <code>range()</code> .
+    testString: 'assert(code.match(/\.range/g), "Your code should use the <code>range()</code> method.");'
+  - text: 'O <code>range()</code> da escala deve ser definido como <code>[10, 150]</code> .'
+    testString: 'assert(JSON.stringify(scale.range()) == JSON.stringify([10, 150]), "The <code>range()</code> of the scale should be set to <code>[10, 150]</code>.");'
+  - text: O texto no <code>h2</code> deve ser -102.
+    testString: 'assert($("h2").text() == "-102", "The text in the <code>h2</code> should be -102.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    // Add your code below this line
+    const scale = d3.scaleLinear();
+
+
+
+    // Add your code above this line
+    const output = scale(50);
+    d3.select("body")
+      .append("h2")
+      .text(output);
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/style-d3-labels.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/style-d3-labels.portuguese.md
new file mode 100644
index 0000000000..388b1e3768
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/style-d3-labels.portuguese.md
@@ -0,0 +1,88 @@
+---
+id: 587d7faa367417b2b2512bd3
+title: Style D3 Labels
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Etiquetas do estilo D3
+---
+
+## Description
+<section id="description"> Os métodos D3 podem adicionar estilos aos rótulos da barra. O atributo de <code>fill</code> define a cor do texto para um nó de <code>text</code> . O método <code>style()</code> define regras CSS para outros estilos, como &quot;font-family&quot; ou &quot;font-size&quot;. </section>
+
+## Instructions
+<section id="instructions"> Defina o <code>font-size</code> da <code>font-size</code> dos elementos de <code>text</code> para 25px e a cor do texto para vermelho. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: As etiquetas devem ter uma cor de <code>fill</code> vermelha.
+    testString: 'assert($("text").css("fill") == "rgb(255, 0, 0)", "The labels should all have a <code>fill</code> color of red.");'
+  - text: Todas as etiquetas devem ter um <code>font-size</code> de <code>font-size</code> de 25 pixels.
+    testString: 'assert($("text").css("font-size") == "25px", "The labels should all have a <code>font-size</code> of 25 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => d * 3)
+       .attr("fill", "navy");
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) => d)
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - (3 * d) - 3)
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically.portuguese.md
new file mode 100644
index 0000000000..682f6e8b23
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically.portuguese.md
@@ -0,0 +1,90 @@
+---
+id: 587d7fa8367417b2b2512bc9
+title: Update the Height of an Element Dynamically
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Atualizar a Altura de um Elemento Dinamicamente
+---
+
+## Description
+<section id="description"> Os desafios anteriores cobriam como exibir dados de uma matriz e como adicionar classes CSS. Você pode combinar essas lições para criar um gráfico de barras simples. Há duas etapas para isso: 1) Criar uma <code>div</code> para cada ponto de dados na matriz 2) Dar a cada <code>div</code> uma altura dinâmica, usando uma função de retorno de chamada no método <code>style()</code> que define a altura igual ao valor dos dados. definir um estilo usando uma função de retorno de chamada: <code>selection.style(&quot;cssProperty&quot;, (d) =&gt; d)</code> </section>
+
+## Instructions
+<section id="instructions"> Adicione o método <code>style()</code> ao código no editor para definir a propriedade <code>height</code> para cada elemento. Use uma função de retorno de chamada para retornar o valor do ponto de dados com a string &quot;px&quot; adicionada a ele. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O primeiro <code>div</code> deve ter uma <code>height</code> de 12 pixels.
+    testString: 'assert($("div").eq(0).css("height") == "12px", "The first <code>div</code> should have a <code>height</code> of 12 pixels.");'
+  - text: O segundo <code>div</code> deve ter uma <code>height</code> de 31 pixels.
+    testString: 'assert($("div").eq(1).css("height") == "31px", "The second <code>div</code> should have a <code>height</code> of 31 pixels.");'
+  - text: O terceiro <code>div</code> deve ter uma <code>height</code> de 22 pixels.
+    testString: 'assert($("div").eq(2).css("height") == "22px", "The third <code>div</code> should have a <code>height</code> of 22 pixels.");'
+  - text: O quarto <code>div</code> deve ter uma <code>height</code> de 17 pixels.
+    testString: 'assert($("div").eq(3).css("height") == "17px", "The fourth <code>div</code> should have a <code>height</code> of 17 pixels.");'
+  - text: O quinto <code>div</code> deve ter uma <code>height</code> de 25 pixels.
+    testString: 'assert($("div").eq(4).css("height") == "25px", "The fifth <code>div</code> should have a <code>height</code> of 25 pixels.");'
+  - text: O sexto <code>div</code> deve ter uma <code>height</code> de 18 pixels.
+    testString: 'assert($("div").eq(5).css("height") == "18px", "The sixth <code>div</code> should have a <code>height</code> of 18 pixels.");'
+  - text: O sétimo <code>div</code> deve ter uma <code>height</code> de 29 pixels.
+    testString: 'assert($("div").eq(6).css("height") == "29px", "The seventh <code>div</code> should have a <code>height</code> of 29 pixels.");'
+  - text: O oitavo <code>div</code> deve ter uma <code>height</code> de 14 pixels.
+    testString: 'assert($("div").eq(7).css("height") == "14px", "The eighth <code>div</code> should have a <code>height</code> of 14 pixels.");'
+  - text: O nono <code>div</code> deve ter uma <code>height</code> de 9 pixels.
+    testString: 'assert($("div").eq(8).css("height") == "9px", "The ninth <code>div</code> should have a <code>height</code> of 9 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar {
+    width: 25px;
+    height: 100px;
+    display: inline-block;
+    background-color: blue;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("div")
+      .data(dataset)
+      .enter()
+      .append("div")
+      .attr("class", "bar")
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/use-a-pre-defined-scale-to-place-elements.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/use-a-pre-defined-scale-to-place-elements.portuguese.md
new file mode 100644
index 0000000000..70310f1d89
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/use-a-pre-defined-scale-to-place-elements.portuguese.md
@@ -0,0 +1,147 @@
+---
+id: 587d7fac367417b2b2512bde
+title: Use a Pre-Defined Scale to Place Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Use uma escala pré-definida para colocar elementos
+---
+
+## Description
+<section id="description"> Com as escalas configuradas, é hora de mapear o gráfico de dispersão novamente. As escalas são como funções de processamento que transformam os dados x e y em valores que se ajustam e renderizam corretamente na tela do SVG. Eles mantêm os dados dentro da área de plotagem da tela. Você define os valores de atributo de coordenadas para uma forma SVG com a função de dimensionamento. Isso inclui os atributos <code>x</code> e <code>y</code> para elementos <code>rect</code> ou <code>text</code> , ou <code>cx</code> e <code>cy</code> para <code>circles</code> . Aqui está um exemplo: <blockquote> forma <br> .attr (&quot;x&quot;, (d) =&gt; xScale (d [0])) </blockquote> Escalas definem atributos de coordenadas de forma para colocar os pontos de dados na tela do SVG. Você não precisa aplicar escalas quando exibir o valor dos dados reais, por exemplo, no método <code>text()</code> para uma dica de ferramenta ou um rótulo. </section>
+
+## Instructions
+<section id="instructions"> Use <code>xScale</code> e <code>yScale</code> para posicionar as formas de <code>circle</code> e <code>text</code> na tela do SVG. Para os <code>circles</code> , aplique as escalas para definir os atributos <code>cx</code> e <code>cy</code> . Dê-lhes um raio de 5 unidades também. Para os elementos de <code>text</code> , aplique as escalas para definir os atributos <code>x</code> e <code>y</code> . As etiquetas devem ser deslocadas para a direita dos pontos. Para fazer isso, adicione 10 unidades ao valor de dados x antes de passá-lo para o <code>xScale</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve ter 10 elementos de <code>circle</code> .
+    testString: 'assert($("circle").length == 10, "Your code should have 10 <code>circle</code> elements.");'
+  - text: O primeiro elemento <code>circle</code> deve ter um valor <code>cx</code> de aproximadamente 91 e um valor <code>cy</code> de aproximadamente 368 após a aplicação das escalas. Deve também ter um valor de <code>r</code> de 5.
+    testString: 'assert(Math.round($("circle").eq(0).attr("cx")) == "91" && Math.round($("circle").eq(0).attr("cy")) == "368" && $("circle").eq(0).attr("r") == "5", "The first <code>circle</code> element should have a <code>cx</code> value of approximately 91 and a <code>cy</code> value of approximately 368 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: O segundo elemento <code>circle</code> deve ter um valor <code>cx</code> de aproximadamente 159 e um valor <code>cy</code> de aproximadamente 181 após a aplicação das escalas. Deve também ter um valor de <code>r</code> de 5.
+    testString: 'assert(Math.round($("circle").eq(1).attr("cx")) == "159" && Math.round($("circle").eq(1).attr("cy")) == "181" && $("circle").eq(1).attr("r") == "5", "The second <code>circle</code> element should have a <code>cx</code> value of approximately 159 and a <code>cy</code> value of approximately 181 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: O terceiro elemento <code>circle</code> deve ter um valor <code>cx</code> de aproximadamente 340 e um valor <code>cy</code> de aproximadamente 329 após a aplicação das escalas. Deve também ter um valor de <code>r</code> de 5.
+    testString: 'assert(Math.round($("circle").eq(2).attr("cx")) == "340" && Math.round($("circle").eq(2).attr("cy")) == "329" && $("circle").eq(2).attr("r") == "5", "The third <code>circle</code> element should have a <code>cx</code> value of approximately 340 and a <code>cy</code> value of approximately 329 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: O quarto elemento <code>circle</code> deve ter um valor <code>cx</code> de aproximadamente 131 e um valor <code>cy</code> de aproximadamente 60 após a aplicação da balança. Deve também ter um valor de <code>r</code> de 5.
+    testString: 'assert(Math.round($("circle").eq(3).attr("cx")) == "131" && Math.round($("circle").eq(3).attr("cy")) == "60" && $("circle").eq(3).attr("r") == "5", "The fourth <code>circle</code> element should have a <code>cx</code> value of approximately 131 and a <code>cy</code> value of approximately 60 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: O quinto elemento <code>circle</code> deve ter um valor <code>cx</code> de aproximadamente 440 e um valor <code>cy</code> de aproximadamente 237 após a aplicação das escalas. Deve também ter um valor de <code>r</code> de 5.
+    testString: 'assert(Math.round($("circle").eq(4).attr("cx")) == "440" && Math.round($("circle").eq(4).attr("cy")) == "237" && $("circle").eq(4).attr("r") == "5", "The fifth <code>circle</code> element should have a <code>cx</code> value of approximately 440 and a <code>cy</code> value of approximately 237 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: O sexto elemento <code>circle</code> deve ter um valor <code>cx</code> de aproximadamente 271 e um valor <code>cy</code> de aproximadamente 306 após a aplicação das escalas. Deve também ter um valor de <code>r</code> de 5.
+    testString: 'assert(Math.round($("circle").eq(5).attr("cx")) == "271" && Math.round($("circle").eq(5).attr("cy")) == "306" && $("circle").eq(5).attr("r") == "5", "The sixth <code>circle</code> element should have a <code>cx</code> value of approximately 271 and a <code>cy</code> value of approximately 306 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: O sétimo elemento <code>circle</code> deve ter um valor <code>cx</code> de aproximadamente 361 e um valor <code>cy</code> de aproximadamente 351 após a aplicação das escalas. Deve também ter um valor de <code>r</code> de 5.
+    testString: 'assert(Math.round($("circle").eq(6).attr("cx")) == "361" && Math.round($("circle").eq(6).attr("cy")) == "351" && $("circle").eq(6).attr("r") == "5", "The seventh <code>circle</code> element should have a <code>cx</code> value of approximately 361 and a <code>cy</code> value of approximately 351 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: O oitavo elemento <code>circle</code> deve ter um valor <code>cx</code> de aproximadamente 261 e um valor <code>cy</code> de aproximadamente 132 depois de aplicar as escalas. Deve também ter um valor de <code>r</code> de 5.
+    testString: 'assert(Math.round($("circle").eq(7).attr("cx")) == "261" && Math.round($("circle").eq(7).attr("cy")) == "132" && $("circle").eq(7).attr("r") == "5", "The eighth <code>circle</code> element should have a <code>cx</code> value of approximately 261 and a <code>cy</code> value of approximately 132 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: O nono elemento <code>circle</code> deve ter um valor <code>cx</code> de aproximadamente 131 e um valor <code>cy</code> de aproximadamente 144 após a aplicação da balança. Deve também ter um valor de <code>r</code> de 5.
+    testString: 'assert(Math.round($("circle").eq(8).attr("cx")) == "131" && Math.round($("circle").eq(8).attr("cy")) == "144" && $("circle").eq(8).attr("r") == "5", "The ninth <code>circle</code> element should have a <code>cx</code> value of approximately 131 and a <code>cy</code> value of approximately 144 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: O décimo elemento <code>circle</code> deve ter um valor <code>cx</code> de aproximadamente 79 e um valor <code>cy</code> de aproximadamente 326 após a aplicação da balança. Deve também ter um valor de <code>r</code> de 5.
+    testString: 'assert(Math.round($("circle").eq(9).attr("cx")) == "79" && Math.round($("circle").eq(9).attr("cy")) == "326" && $("circle").eq(9).attr("r") == "5", "The tenth <code>circle</code> element should have a <code>cx</code> value of approximately 79 and a <code>cy</code> value of approximately 326 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: Seu código deve ter 10 elementos de <code>text</code> .
+    testString: 'assert($("text").length == 10, "Your code should have 10 <code>text</code> elements.");'
+  - text: O primeiro rótulo deve ter um valor <code>x</code> de aproximadamente 100 e um valor de <code>y</code> de aproximadamente 368 após a aplicação das escalas.
+    testString: 'assert(Math.round($("text").eq(0).attr("x")) == "100" && Math.round($("text").eq(0).attr("y")) == "368", "The first label should have an <code>x</code> value of approximately 100 and a <code>y</code> value of approximately 368 after applying the scales.");'
+  - text: O segundo rótulo deve ter um valor <code>x</code> de aproximadamente 168 e um valor de <code>y</code> de aproximadamente 181 após a aplicação das escalas.
+    testString: 'assert(Math.round($("text").eq(1).attr("x")) == "168" && Math.round($("text").eq(1).attr("y")) == "181", "The second label should have an <code>x</code> value of approximately 168 and a <code>y</code> value of approximately 181 after applying the scales.");'
+  - text: O terceiro rótulo deve ter um valor <code>x</code> de aproximadamente 350 e um valor <code>y</code> de aproximadamente 329 após a aplicação das escalas.
+    testString: 'assert(Math.round($("text").eq(2).attr("x")) == "350" && Math.round($("text").eq(2).attr("y")) == "329", "The third label should have an <code>x</code> value of approximately 350 and a <code>y</code> value of approximately 329 after applying the scales.");'
+  - text: O quarto rótulo deve ter um valor <code>x</code> de aproximadamente 141 e um valor de <code>y</code> de aproximadamente 60 após a aplicação das escalas.
+    testString: 'assert(Math.round($("text").eq(3).attr("x")) == "141" && Math.round($("text").eq(3).attr("y")) == "60", "The fourth label should have an <code>x</code> value of approximately 141 and a <code>y</code> value of approximately 60 after applying the scales.");'
+  - text: O quinto rótulo deve ter um valor de <code>x</code> de aproximadamente 449 e um valor de <code>y</code> de aproximadamente 237 após a aplicação das escalas.
+    testString: 'assert(Math.round($("text").eq(4).attr("x")) == "449" && Math.round($("text").eq(4).attr("y")) == "237", "The fifth label should have an <code>x</code> value of approximately 449 and a <code>y</code> value of approximately 237 after applying the scales.");'
+  - text: O sexto rótulo deve ter um valor <code>x</code> de aproximadamente 280 e um valor de <code>y</code> de aproximadamente 306 após a aplicação das escalas.
+    testString: 'assert(Math.round($("text").eq(5).attr("x")) == "280" && Math.round($("text").eq(5).attr("y")) == "306", "The sixth label should have an <code>x</code> value of approximately 280 and a <code>y</code> value of approximately 306 after applying the scales.");'
+  - text: O sétimo rótulo deve ter um valor <code>x</code> de aproximadamente 370 e um valor de <code>y</code> de aproximadamente 351 após a aplicação das escalas.
+    testString: 'assert(Math.round($("text").eq(6).attr("x")) == "370" && Math.round($("text").eq(6).attr("y")) == "351", "The seventh label should have an <code>x</code> value of approximately 370 and a <code>y</code> value of approximately 351 after applying the scales.");'
+  - text: O oitavo rótulo deve ter um valor <code>x</code> de aproximadamente 270 e um valor de <code>y</code> de aproximadamente 132 após a aplicação das escalas.
+    testString: 'assert(Math.round($("text").eq(7).attr("x")) == "270" && Math.round($("text").eq(7).attr("y")) == "132", "The eighth label should have an <code>x</code> value of approximately 270 and a <code>y</code> value of approximately 132 after applying the scales.");'
+  - text: O nono rótulo deve ter um valor <code>x</code> de aproximadamente 140 e um valor de <code>y</code> de aproximadamente 144 após a aplicação das escalas.
+    testString: 'assert(Math.round($("text").eq(8).attr("x")) == "140" && Math.round($("text").eq(8).attr("y")) == "144", "The ninth label should have an <code>x</code> value of approximately 140 and a <code>y</code> value of approximately 144 after applying the scales.");'
+  - text: O décimo rótulo deve ter um valor de <code>x</code> de aproximadamente 88 e um valor de <code>y</code> de aproximadamente 326 após a aplicação das escalas.
+    testString: 'assert(Math.round($("text").eq(9).attr("x")) == "88" && Math.round($("text").eq(9).attr("y")) == "326", "The tenth label should have an <code>x</code> value of approximately 88 and a <code>y</code> value of approximately 326 after applying the scales.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,     78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,   411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,    333 ],
+                  [ 78,    320 ],
+                  [ 21,   123 ]
+                ];
+
+    const w = 500;
+    const h = 500;
+    const padding = 60;
+
+    const xScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[0])])
+                     .range([padding, w - padding]);
+
+    const yScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[1])])
+                     .range([h - padding, padding]);
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) =>  (d[0] + ", "
+ + d[1]))
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/use-dynamic-scales.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/use-dynamic-scales.portuguese.md
new file mode 100644
index 0000000000..48308ee41f
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/use-dynamic-scales.portuguese.md
@@ -0,0 +1,94 @@
+---
+id: 587d7fac367417b2b2512bdd
+title: Use Dynamic Scales
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Use escalas dinâmicas
+---
+
+## Description
+<section id="description"> Os métodos D3 <code>min()</code> e <code>max()</code> são úteis para ajudar a definir a escala. Dado um conjunto de dados complexo, uma prioridade é definir a escala para que a visualização se ajuste à largura e altura do contêiner do SVG. Você deseja que todos os dados sejam plotados na tela do SVG para que fiquem visíveis na página da web. O exemplo abaixo define a escala do eixo x para os dados do gráfico de dispersão. O método <code>domain()</code> passa informações para a escala sobre os valores de dados brutos para o gráfico. O método <code>range()</code> fornece informações sobre o espaço real na página da web para a visualização. No exemplo, o domínio vai de 0 ao máximo no conjunto. Ele usa o método <code>max()</code> com uma função de retorno de chamada com base nos valores x nas matrizes. O intervalo usa a largura da tela do SVG ( <code>w</code> ), mas também inclui alguns preenchimentos. Isso coloca espaço entre os pontos do gráfico de dispersão e a borda da tela do SVG. <blockquote> conjunto de dados const = [ <br> [34, 78], <br> [109, 280], <br> [310, 120] <br> [79, 411] <br> [420, 220] <br> [233, 145], <br> [333, 96], <br> [222, 333] <br> [78, 320], <br> [21, 123] <br> ]; <br> const w = 500; <br> const h = 500; <br><br> // Preenchimento entre o limite de tela do SVG e o enredo <br> preenchimento const = 30; <br> const xScale = d3.scaleLinear () <br> .domain ([0, d3.max (dataset, (d) =&gt; d [0])]) <br> .range ([padding, w - padding]); </blockquote> O preenchimento pode ser confuso no início. Imagine o eixo x como uma linha horizontal de 0 a 500 (o valor da largura para a tela do SVG). Incluir o preenchimento no método <code>range()</code> força o gráfico a iniciar em 30 ao longo dessa linha (em vez de 0) e terminar em 470 (em vez de 500). </section>
+
+## Instructions
+<section id="instructions"> Use a variável <code>yScale</code> para criar uma escala linear no eixo y. O domínio deve começar em zero e ir para o valor máximo y no conjunto. O intervalo deve usar a altura do SVG ( <code>h</code> ) e incluir preenchimento. <strong>Nota</strong> <br> Lembre-se de manter o enredo com o lado direito para cima. Quando você define o intervalo para as coordenadas y, o valor mais alto (altura menos preenchimento) é o primeiro argumento e o valor inferior é o segundo argumento. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O texto no <code>h2</code> deve ser 30.
+    testString: 'assert(output == 30 && $("h2").text() == "30", "The text in the <code>h2</code> should be 30.");'
+  - text: 'O <code>domain()</code> de yScale deve ser equivalente a <code>[0, 411]</code> .'
+    testString: 'assert(JSON.stringify(yScale.domain()) == JSON.stringify([0, 411]), "The <code>domain()</code> of yScale should be equivalent to <code>[0, 411]</code>.");'
+  - text: 'O <code>range()</code> de yScale deve ser equivalente a <code>[470, 30]</code> .'
+    testString: 'assert(JSON.stringify(yScale.range()) == JSON.stringify([470, 30]), "The <code>range()</code> of yScale should be equivalent to <code>[470, 30]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+    const w = 500;
+    const h = 500;
+
+    // Padding between the SVG canvas boundary and the plot
+    const padding = 30;
+
+    // Create an x and y scale
+
+    const xScale = d3.scaleLinear()
+                    .domain([0, d3.max(dataset, (d) => d[0])])
+                    .range([padding, w - padding]);
+
+    // Add your code below this line
+
+    const yScale = undefined;
+
+
+    // Add your code above this line
+
+    const output = yScale(411); // Returns 30
+    d3.select("body")
+      .append("h2")
+      .text(output)
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/use-the-d3.max-and-d3.min-functions-to-find-minimum-and-maximum-values-in-a-dataset.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/use-the-d3.max-and-d3.min-functions-to-find-minimum-and-maximum-values-in-a-dataset.portuguese.md
new file mode 100644
index 0000000000..515cc5db0c
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/use-the-d3.max-and-d3.min-functions-to-find-minimum-and-maximum-values-in-a-dataset.portuguese.md
@@ -0,0 +1,66 @@
+---
+id: 587d7fac367417b2b2512bdc
+title: Use the d3.max and d3.min Functions to Find Minimum and Maximum Values in a Dataset
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Use as funções d3.max e d3.min para localizar valores mínimos e máximos em um conjunto de dados
+---
+
+## Description
+<section id="description"> O <code>domain()</code> métodos D3 <code>domain()</code> e <code>range()</code> definem essa informação para sua escala com base nos dados. Existem alguns métodos para tornar isso mais fácil. Muitas vezes, quando você define o domínio, você deseja usar os valores mínimo e máximo dentro do conjunto de dados. Tentar encontrar esses valores manualmente, especialmente em um grande conjunto de dados, pode causar erros. D3 tem dois métodos - <code>min()</code> e <code>max()</code> para retornar essa informação. Aqui está um exemplo: <blockquote> const exampleData = [34, 234, 73, 90, 6, 52]; <br> d3.min (exampleData) // Retorna 6 <br> d3.max (exampleData) // Retorna 234 </blockquote> Um conjunto de dados pode ter matrizes aninhadas, como os pares de coordenadas [x, y] que estavam no exemplo do gráfico de dispersão. Nesse caso, você precisa dizer ao D3 como calcular o máximo e o mínimo. Felizmente, os métodos <code>min()</code> e <code>max()</code> assumem uma função de retorno de chamada. Neste exemplo, o argumento <code>d</code> da função de retorno de chamada é para a matriz interna atual. O retorno de chamada precisa retornar o elemento da matriz interna (o valor x ou y) sobre o qual você deseja calcular o máximo ou o mínimo. Veja um exemplo de como encontrar os valores mínimo e máximo com uma matriz de matrizes: <blockquote> const locationData = [[1, 7], [6, 3], [8, 3]]; <br> // Retorna o menor número dos primeiros elementos <br> const minX = d3.min (locationData, (d) =&gt; d [0]); <br> // minX comparado 1, 6 e 8 e está definido como 1 </blockquote></section>
+
+## Instructions
+<section id="instructions"> A variável <code>positionData</code> contém um array tridimensional (3D). Use um método D3 para encontrar o valor máximo da coordenada z (o terceiro valor) das matrizes e salve-o na variável de <code>output</code> . <strong>Nota</strong> <br> Fato divertido - D3 pode traçar matrizes 3D. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O texto no <code>h2</code> deve ser 8.
+    testString: 'assert(output == 8 && $("h2").text() == "8", "The text in the <code>h2</code> should be 8.");'
+  - text: Seu código deve usar o método <code>max()</code> .
+    testString: 'assert(code.match(/\.max/g), "Your code should use the <code>max()</code> method.")'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const positionData = [[1, 7, -4],[6, 3, 8],[2, 8, 3]]
+    // Add your code below this line
+
+    const output = undefined; // Change this line
+
+    // Add your code above this line
+
+    d3.select("body")
+      .append("h2")
+      .text(output)
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/work-with-data-in-d3.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/work-with-data-in-d3.portuguese.md
new file mode 100644
index 0000000000..0f4e04344a
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/work-with-data-in-d3.portuguese.md
@@ -0,0 +1,67 @@
+---
+id: 587d7fa7367417b2b2512bc4
+title: Work with Data in D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Trabalhar com dados no D3
+---
+
+## Description
+<section id="description"> A biblioteca D3 se concentra em uma abordagem baseada em dados. Quando você tem um conjunto de dados, você pode aplicar métodos D3 para exibi-los na página. Os dados vêm em vários formatos, mas esse desafio usa uma matriz simples de números. O primeiro passo é tornar D3 ciente dos dados. O método <code>data()</code> é usado em uma seleção de elementos DOM para anexar os dados a esses elementos. O conjunto de dados é passado como um argumento para o método. Um padrão de fluxo de trabalho comum é criar um novo elemento no documento para cada parte dos dados no conjunto. D3 tem o método <code>enter()</code> para esse propósito. Quando <code>enter()</code> é combinado com o método <code>data()</code> , ele verifica os elementos selecionados da página e compara-os com o número de itens de dados no conjunto. Se houver menos elementos que itens de dados, ele criará os elementos ausentes. Aqui está um exemplo que seleciona um elemento <code>ul</code> e cria um novo item de lista com base no número de entradas na matriz: <blockquote> &lt;body&gt; <br> &lt;ul&gt; &lt;/ ul&gt; <br> &lt;script&gt; <br> conjunto de dados const = [&quot;a&quot;, &quot;b&quot;, &quot;c&quot;]; <br> d3.select (&quot;ul&quot;). selectAll (&quot;li&quot;) <br> .data (conjunto de dados) <br> .entrar() <br> .append (&quot;li&quot;) <br> .text (&quot;Novo item&quot;); <br> &lt;/ script&gt; <br> &lt;/ body&gt; </blockquote> Pode parecer confuso selecionar elementos que ainda não existem. Este código está dizendo ao D3 para selecionar primeiro o <code>ul</code> na página. Em seguida, selecione todos os itens da lista, que retornam uma seleção vazia. Em seguida, o método <code>data()</code> revisa o conjunto de dados e executa o código a seguir três vezes, uma vez para cada item na matriz. O método <code>enter()</code> vê que não há elementos <code>li</code> na página, mas precisa de 3 (um para cada parte dos dados no <code>dataset</code> ). Novos elementos <code>li</code> são anexados ao <code>ul</code> e possuem o texto &quot;Novo item&quot;. </section>
+
+## Instructions
+<section id="instructions"> Selecione o nó do <code>body</code> , em seguida, selecione todos os elementos <code>h2</code> . Faça o D3 criar e anexar uma tag <code>h2</code> para cada item na matriz do <code>dataset</code> . O texto no <code>h2</code> deve dizer &quot;novo título&quot;. Seu código deve usar os métodos <code>data()</code> e <code>enter()</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu documento deve ter 9 elementos <code>h2</code> .
+    testString: 'assert($("h2").length == 9, "Your document should have 9 <code>h2</code> elements.");'
+  - text: O texto nos elementos <code>h2</code> deve dizer &quot;Novo Título&quot;. A capitalização e o espaçamento devem corresponder exatamente.
+    testString: 'assert($("h2").text().match(/New Title/g).length == 9, "The text in the <code>h2</code> elements should say "New Title". The capitalization and spacing should match exactly.");'
+  - text: Seu código deve usar o método <code>data()</code> .
+    testString: 'assert(code.match(/\.data/g), "Your code should use the <code>data()</code> method.");'
+  - text: Seu código deve usar o método <code>enter()</code> .
+    testString: 'assert(code.match(/\.enter/g), "Your code should use the <code>enter()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/work-with-dynamic-data-in-d3.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/work-with-dynamic-data-in-d3.portuguese.md
new file mode 100644
index 0000000000..07ee117faf
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-with-d3/work-with-dynamic-data-in-d3.portuguese.md
@@ -0,0 +1,81 @@
+---
+id: 587d7fa7367417b2b2512bc5
+title: Work with Dynamic Data in D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Trabalhar com dados dinâmicos no D3
+---
+
+## Description
+<section id="description"> Os dois últimos desafios abrangem os fundamentos da exibição de dados dinamicamente com o D3 usando os métodos <code>data()</code> e <code>enter()</code> . Esses métodos usam um conjunto de dados e, juntamente com o método <code>append()</code> , criam um novo elemento DOM para cada entrada no conjunto de dados. No desafio anterior, você criou um novo elemento <code>h2</code> para cada item na matriz do <code>dataset</code> , mas todos continham o mesmo texto, &quot;Novo Título&quot;. Isso é porque você não fez uso dos dados que estão vinculados a cada um dos elementos <code>h2</code> . O método D3 <code>text()</code> pode ter uma string ou uma função de callback como um argumento: <code>selection.text((d) =&gt; d)</code> No exemplo acima, o parâmetro <code>d</code> se refere a uma única entrada no dataset que uma seleção é ligada para. Usando o exemplo atual como contexto, o primeiro elemento <code>h2</code> é ligado a 12, o segundo elemento <code>h2</code> é ligado a 31, o terceiro elemento <code>h2</code> é ligado a 22 e assim por diante. </section>
+
+## Instructions
+<section id="instructions"> Altere o método <code>text()</code> para que cada elemento <code>h2</code> exiba o valor correspondente da matriz do <code>dataset</code> com um único espaço e &quot;USD&quot;. Por exemplo, o primeiro cabeçalho deve ser &quot;12 USD&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A primeira <code>h2</code> deve ter o texto &quot;12 USD&quot;.
+    testString: 'assert($("h2").eq(0).text() == "12 USD", "The first <code>h2</code> should have the text "12 USD".");'
+  - text: A segunda <code>h2</code> deve ter o texto &quot;31 USD&quot;.
+    testString: 'assert($("h2").eq(1).text() == "31 USD", "The second <code>h2</code> should have the text "31 USD".");'
+  - text: A terceira <code>h2</code> deve ter o texto &quot;22 USD&quot;.
+    testString: 'assert($("h2").eq(2).text() == "22 USD", "The third <code>h2</code> should have the text "22 USD".");'
+  - text: O quarto <code>h2</code> deve ter o texto &quot;17 USD&quot;.
+    testString: 'assert($("h2").eq(3).text() == "17 USD", "The fourth <code>h2</code> should have the text "17 USD".");'
+  - text: O quinto <code>h2</code> deve ter o texto &quot;25 USD&quot;.
+    testString: 'assert($("h2").eq(4).text() == "25 USD", "The fifth <code>h2</code> should have the text "25 USD".");'
+  - text: A sexta <code>h2</code> deve ter o texto &quot;18 USD&quot;.
+    testString: 'assert($("h2").eq(5).text() == "18 USD", "The sixth <code>h2</code> should have the text "18 USD".");'
+  - text: A sétima <code>h2</code> deve ter o texto &quot;29 USD&quot;.
+    testString: 'assert($("h2").eq(6).text() == "29 USD", "The seventh <code>h2</code> should have the text "29 USD".");'
+  - text: A oitava <code>h2</code> deve ter o texto &quot;14 USD&quot;.
+    testString: 'assert($("h2").eq(7).text() == "14 USD", "The eighth <code>h2</code> should have the text "14 USD".");'
+  - text: O nono <code>h2</code> deve ter o texto &quot;9 USD&quot;.
+    testString: 'assert($("h2").eq(8).text() == "9 USD", "The ninth <code>h2</code> should have the text "9 USD".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("h2")
+      .data(dataset)
+      .enter()
+      .append("h2")
+      // Add your code below this line
+
+      .text("New Title");
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/access-the-json-data-from-an-api.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/access-the-json-data-from-an-api.portuguese.md
new file mode 100644
index 0000000000..f4121445c5
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/access-the-json-data-from-an-api.portuguese.md
@@ -0,0 +1,100 @@
+---
+id: 587d7fae367417b2b2512be4
+title: Access the JSON Data from an API
+challengeType: 6
+videoUrl: ''
+localeTitle: Acessar os dados JSON de uma API
+---
+
+## Description
+<section id="description"> No desafio anterior, você viu como obter dados JSON da FreeCodeCamp Cat Photo API. Agora, você examinará mais de perto os dados retornados para entender melhor o formato JSON. Lembre-se de algumas notações em JavaScript: <blockquote> [] -&gt; colchetes representam uma matriz <br> {} -&gt; colchetes encaracolados representam um objeto <br> &quot;&quot; -&gt; Aspas duplas representam uma string. Eles também são usados ​​para nomes de chaves no JSON </blockquote> Compreender a estrutura dos dados que uma API retorna é importante porque influencia a maneira como você recupera os valores necessários. À direita, clique no botão &quot;Obter Mensagem&quot; para carregar o JSON da API do FreeCodeCamp Cat Photo no HTML. O primeiro e último caractere que você vê nos dados JSON são colchetes <code>[ ]</code> . Isso significa que os dados retornados são uma matriz. O segundo caractere nos dados JSON é um colchete <code>{</code> cruzado, que inicia um objeto. Olhando de perto, você pode ver que existem três objetos separados. Os dados JSON são uma matriz de três objetos, onde cada objeto contém informações sobre uma foto de gato. Você aprendeu anteriormente que os objetos contêm &quot;pares de valores-chave&quot; separados por vírgulas. No exemplo Cat Photo, o primeiro objeto tem <code>&quot;id&quot;:0</code> onde &quot;id&quot; é uma chave e 0 é seu valor correspondente. Da mesma forma, existem chaves para &quot;imageLink&quot;, &quot;altText&quot; e &quot;codeNames&quot;. Cada objeto de foto de gato tem essas mesmas chaves, mas com valores diferentes. Outro par &quot;chave-valor&quot; interessante no primeiro objeto é <code>&quot;codeNames&quot;:[&quot;Juggernaut&quot;,&quot;Mrs. Wallace&quot;,&quot;ButterCup&quot;]</code> . Aqui &quot;codeNames&quot; é a chave e seu valor é uma matriz de três strings. É possível ter matrizes de objetos, bem como uma chave com uma matriz como um valor. Lembre-se de como acessar dados em matrizes e objetos. Os arrays usam a notação de colchetes para acessar um índice específico de um item. Os objetos usam a notação entre colchetes ou pontos para acessar o valor de uma determinada propriedade. Aqui está um exemplo que imprime o &quot;altText&quot; da primeira foto do gato - note que os dados JSON analisados ​​no editor são salvos em uma variável chamada <code>json</code> : <blockquote> console.log (json [0] .altText); <br> // Prints &quot;Um gato branco usando um capacete verde em forma de melão na cabeça.&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Para o gato com o &quot;id&quot; de 2, imprima para o console o segundo valor na matriz <code>codeNames</code> . Você deve usar a notação de colchetes e pontos no objeto (que é salvo na variável <code>json</code> ) para acessar o valor. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar a notação de colchetes e pontos para acessar o nome de código adequado e imprimir "Loki" no console.
+    testString: 'assert(code.match(/(?:json\[2\]\.codeNames\[1\]|json\[2\]\[("|")codeNames\1\]\[1\])/g), "Your code should use bracket and dot notation to access the proper code name, and print "Loki" to the console.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      req=new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload=function(){
+        json=JSON.parse(req.responseText);
+        document.getElementsByClassName('message')[0].innerHTML=JSON.stringify(json);
+        // Add your code below this line
+
+
+        // Add your code above this line
+      };
+    };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/change-text-with-click-events.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/change-text-with-click-events.portuguese.md
new file mode 100644
index 0000000000..957c1ad50b
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/change-text-with-click-events.portuguese.md
@@ -0,0 +1,93 @@
+---
+id: 587d7fad367417b2b2512be2
+title: Change Text with click Events
+challengeType: 6
+videoUrl: ''
+localeTitle: Alterar texto com eventos de clique
+---
+
+## Description
+<section id="description"> Quando o evento click acontece, você pode usar o JavaScript para atualizar um elemento HTML. Por exemplo, quando um usuário clica no botão &quot;Obter mensagem&quot;, ele altera o texto do elemento com a <code>message</code> da classe para dizer &quot;Aqui está a mensagem&quot;. Isso funciona adicionando o seguinte código dentro do evento click: <code>document.getElementsByClassName(&#39;message&#39;)[0].textContent=&quot;Here is the message&quot;;</code> </section>
+
+## Instructions
+<section id="instructions"> Adicione código dentro do manipulador de eventos <code>onclick</code> para alterar o texto dentro do elemento da <code>message</code> para dizer &quot;Aqui está a mensagem&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar o método <code>document.getElementsByClassName</code> para selecionar o elemento com <code>message</code> classe e definir seu <code>textContent</code> para a string dada.
+    testString: 'assert(code.match(/document\.getElementsByClassName\(\s*?("|")message\1\s*?\)\[0\]\.textContent\s*?=\s*?("|")Here is the message\2/g), "Your code should use the <code>document.getElementsByClassName</code> method to select the element with class <code>message</code> and set its <code>textContent</code> to the given string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      // Add your code below this line
+
+
+      // Add your code above this line
+    }
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/convert-json-data-to-html.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/convert-json-data-to-html.portuguese.md
new file mode 100644
index 0000000000..832aca8905
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/convert-json-data-to-html.portuguese.md
@@ -0,0 +1,106 @@
+---
+id: 587d7fae367417b2b2512be5
+title: Convert JSON Data to HTML
+challengeType: 6
+videoUrl: ''
+localeTitle: Converter dados JSON em HTML
+---
+
+## Description
+<section id="description"> Agora que você está obtendo dados de uma API JSON, é possível exibi-los no HTML. Você pode usar um método <code>forEach</code> para percorrer os dados, pois os objetos photo do cat são mantidos em um array. Ao chegar em cada item, você pode modificar os elementos HTML. Primeiro, declare uma variável html com <code>var html = &quot;&quot;;</code> . Em seguida, percorra o JSON, adicionando HTML à variável que encapsula os nomes das chaves em tags <code>strong</code> , seguida do valor. Quando o loop terminar, você o renderiza. Aqui está o código que faz isso: <blockquote> json.forEach (function (val) { <br> var keys = Object.keys (val); <br> html + = &quot;&lt;div class = &#39;cat&#39;&gt;&quot;; <br> keys.forEach (função (chave) { <br> html + = &quot;&lt;strong&gt;&quot; + chave + &quot;&lt;/ strong&gt;:&quot; + val [tecla] + &quot;&lt;br&gt;&quot;; <br> }); <br> html + = &quot;&lt;/ div&gt; &lt;br&gt;&quot;; <br> }); </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione um método <code>forEach</code> para fazer um loop pelos dados JSON e crie os elementos HTML para exibi-los. Aqui está um exemplo de JSON <blockquote> [ <br> { <br> &quot;id&quot;: 0, <br> &quot;imageLink&quot;: &quot;https://s3.amazonaws.com/freecodecamp/funny-cat.jpg&quot;, <br> &quot;altText&quot;: &quot;Um gato branco usando um capacete verde em forma de melão na cabeça.&quot;, <br> &quot;codeNames&quot;: [&quot;Juggernaut&quot;, &quot;Sra. Wallace&quot;, &quot;Buttercup&quot; <br> ] <br> } <br> ] </blockquote></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve armazenar os dados na variável <code>html</code>
+    testString: 'assert(code.match(/html\s+?(\+=|=\shtml\s\+)/g), "Your code should store the data in the <code>html</code> variable");'
+  - text: Seu código deve usar um método <code>forEach</code> para executar um loop pelos dados JSON da API.
+    testString: 'assert(code.match(/json\.forEach/g), "Your code should use a <code>forEach</code> method to loop over the JSON data from the API.");'
+  - text: Seu código deve envolver os nomes das chaves em tags <code>strong</code> .
+    testString: 'assert(code.match(/<strong>.+<\/strong>/g), "Your code should wrap the key names in <code>strong</code> tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      req=new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload=function(){
+        json=JSON.parse(req.responseText);
+        var html = "";
+        // Add your code below this line
+
+
+
+        // Add your code above this line
+        document.getElementsByClassName('message')[0].innerHTML=html;
+      };
+    };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/get-geolocation-data-to-find-a-users-gps-coordinates.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/get-geolocation-data-to-find-a-users-gps-coordinates.portuguese.md
new file mode 100644
index 0000000000..82af666a45
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/get-geolocation-data-to-find-a-users-gps-coordinates.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 587d7faf367417b2b2512be8
+title: Get Geolocation Data to Find A User's GPS Coordinates
+challengeType: 6
+videoUrl: ''
+localeTitle: Obter dados de localização geográfica para localizar coordenadas de GPS de um usuário
+---
+
+## Description
+<section id="description"> Outra coisa legal que você pode fazer é acessar a localização atual do seu usuário. Cada navegador possui um navegador integrado que pode fornecer essas informações. O navegador obterá a longitude e a latitude atuais do usuário. Você verá um aviso para permitir ou bloquear este site de saber sua localização atual. O desafio pode ser concluído de qualquer forma, desde que o código esteja correto. Ao selecionar Permitir, você verá o texto no telefone de saída alterado para sua latitude e longitude. Aqui está o código que faz isso: <blockquote> if (navigator.geolocation) { <br> navigator.geolocation.getCurrentPosition (function (position) { <br> document.getElementById (&#39;data&#39;). innerHTML = &quot;latitude:&quot; + position.coords.latitude + &quot;&lt;br&gt; longitude:&quot; + position.coords.longitude; <br> }); <br> } </blockquote> Primeiro, verifica se o objeto <code>navigator.geolocation</code> existe. Em caso afirmativo, o método <code>getCurrentPosition</code> nesse objeto é chamado, o que inicia uma solicitação assíncrona para a posição do usuário. Se a solicitação for bem-sucedida, a função de retorno de chamada no método será executada. Essa função acessa os valores do objeto de <code>position</code> para latitude e longitude usando a notação de ponto e atualiza o HTML. </section>
+
+## Instructions
+<section id="instructions"> Adicione o código de exemplo dentro das tags de <code>script</code> para verificar a localização atual de um usuário e inseri-lo no HTML. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar <code>navigator.geolocation</code> para acessar a localização atual do usuário.
+    testString: 'assert(code.match(/navigator\.geolocation\.getCurrentPosition/g), "Your code should use <code>navigator.geolocation</code> to access the user&#39;s current location.");'
+  - text: Seu código deve usar <code>position.coords.latitude</code> para exibir a localização latitudinal do usuário.
+    testString: 'assert(code.match(/position\.coords\.latitude/g), "Your code should use <code>position.coords.latitude</code> to display the user&#39;s latitudinal location.");'
+  - text: Seu código deve usar <code>position.coords.longitude</code> para exibir a localização longitudinal do usuário.
+    testString: 'assert(code.match(/position\.coords\.longitude/g), "Your code should use <code>position.coords.longitude</code> to display the user&#39;s longitudinal location.");'
+  - text: Você deve exibir a posição do usuário no elemento div de <code>data</code> .
+    testString: 'assert(code.match(/document\.getElementById\(\s*?("|")data\1\s*?\)\.innerHTML/g), "You should display the user&#39;s position within the <code>data</code> div element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  // Add your code below this line
+
+
+  // Add your code above this line
+</script>
+<h4>You are here:</h4>
+<div id="data">
+
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-xmlhttprequest-method.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-xmlhttprequest-method.portuguese.md
new file mode 100644
index 0000000000..227bcd78b8
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-xmlhttprequest-method.portuguese.md
@@ -0,0 +1,103 @@
+---
+id: 587d7fae367417b2b2512be3
+title: Get JSON with the JavaScript XMLHttpRequest Method
+challengeType: 6
+videoUrl: ''
+localeTitle: Obtenha o JSON com o método JavaScript XMLHttpRequest
+---
+
+## Description
+<section id="description"> Você também pode solicitar dados de uma fonte externa. É aqui que entram as APIs. Lembre-se de que as APIs - ou Interfaces de Programação de Aplicativos - são ferramentas que os computadores usam para se comunicarem entre si. Você aprenderá a atualizar o HTML com os dados que obtemos das APIs usando uma tecnologia chamada AJAX. A maioria das APIs da web transfere dados em um formato chamado JSON. JSON significa JavaScript Object Notation. A sintaxe JSON é muito semelhante à notação literal do objeto JavaScript. O JSON tem propriedades de objeto e seus valores atuais, entre um <code>{</code> e um <code>}</code> . Essas propriedades e seus valores são geralmente chamados de &quot;pares de valor-chave&quot;. No entanto, o JSON transmitido por APIs é enviado como <code>bytes</code> e seu aplicativo o recebe como uma <code>string</code> . Estes podem ser convertidos em objetos JavaScript, mas eles não são objetos JavaScript por padrão. O método <code>JSON.parse</code> analisa a sequência e constrói o objeto JavaScript descrito por ela. Você pode solicitar o JSON da Cat Photo API do freeCodeCamp. Aqui está o código que você pode colocar no seu evento de clique para fazer isso: <blockquote> req = new XMLHttpRequest (); <br> req.open (&quot;GET&quot;, &#39;/ json / cats.json&#39;, true); <br> req.send (); <br> req.onload = function () { <br> json = JSON.parse (req.responseText); <br> document.getElementsByClassName (&#39;message&#39;) [0] .innerHTML = JSON.stringify (json); <br> }; </blockquote> Aqui está uma revisão do que cada peça está fazendo. O objeto JavaScript <code>XMLHttpRequest</code> possui várias propriedades e métodos usados ​​para transferir dados. Primeiro, uma instância do objeto <code>XMLHttpRequest</code> é criada e salva na variável <code>req</code> . Em seguida, o método <code>open</code> inicializa uma solicitação - este exemplo está solicitando dados de uma API, portanto, é uma solicitação &quot;GET&quot;. O segundo argumento para <code>open</code> é o URL da API da qual você está solicitando dados. O terceiro argumento é um valor booleano em que <code>true</code> faz dele uma solicitação assíncrona. O método <code>send</code> envia o pedido. Finalmente, o manipulador de eventos <code>onload</code> analisa os dados retornados e aplica o método <code>JSON.stringify</code> para converter o objeto JavaScript em uma string. Essa sequência é inserida como o texto da mensagem. </section>
+
+## Instructions
+<section id="instructions"> Atualize o código para criar e enviar uma solicitação &quot;GET&quot; para a FreeCodeCamp Cat Photo API. Em seguida, clique no botão &quot;Obter mensagem&quot;. Sua função AJAX substituirá o texto &quot;A mensagem irá para cá&quot; pela saída JSON bruta da API. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve criar um novo <code>XMLHttpRequest</code> .
+    testString: 'assert(code.match(/new\s+?XMLHttpRequest\(\s*?\)/g), "Your code should create a new <code>XMLHttpRequest</code>.");'
+  - text: Seu código deve usar o método <code>open</code> para inicializar uma solicitação &quot;GET&quot; para a FreeCodeCamp Cat Photo API.
+    testString: 'assert(code.match(/\.open\(\s*?("|")GET\1\s*?,\s*?("|")\/json\/cats\.json\2\s*?,\s*?true\s*?\)/g), "Your code should use the <code>open</code> method to initialize a "GET" request to the freeCodeCamp Cat Photo API.");'
+  - text: Seu código deve usar o <code>send</code> método para enviar o pedido.
+    testString: 'assert(code.match(/\.send\(\s*\)/g), "Your code should use the <code>send</code> method to send the request.");'
+  - text: Seu código deve ter um manipulador de eventos <code>onload</code> configurado para uma função.
+    testString: 'assert(code.match(/\.onload\s*=\s*function\(\s*?\)\s*?{/g), "Your code should have an <code>onload</code> event handler set to a function.");'
+  - text: Seu código deve usar o método <code>JSON.parse</code> para analisar o <code>responseText</code> .
+    testString: 'assert(code.match(/JSON\.parse\(.*\.responseText\)/g), "Your code should use the <code>JSON.parse</code> method to parse the <code>responseText</code>.");'
+  - text: Seu código deve obter o elemento com <code>message</code> classe e alterar seu HTML interno para a string de dados JSON.
+    testString: 'assert(code.match(/document\.getElementsByClassName\(\s*?("|")message\1\s*?\)\[0\]\.innerHTML\s*?=\s*?JSON\.stringify\(.+?\)/g), "Your code should get the element with class <code>message</code> and change its inner HTML to the string of JSON data.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      // Add your code below this line
+
+
+      // Add your code above this line
+    };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/handle-click-events-with-javascript-using-the-onclick-property.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/handle-click-events-with-javascript-using-the-onclick-property.portuguese.md
new file mode 100644
index 0000000000..d9810229b1
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/handle-click-events-with-javascript-using-the-onclick-property.portuguese.md
@@ -0,0 +1,93 @@
+---
+id: 587d7fad367417b2b2512be1
+title: Handle Click Events with JavaScript using the onclick property
+challengeType: 6
+videoUrl: ''
+localeTitle: Manipular eventos de clique com JavaScript usando a propriedade onclick
+---
+
+## Description
+<section id="description"> Você quer que seu código seja executado somente quando a página terminar de carregar. Para esse propósito, você pode anexar um evento JavaScript ao documento chamado <code>DOMContentLoaded</code> . Aqui está o código que faz isso: <blockquote> document.addEventListener (&#39;DOMContentLoaded&#39;, function () { <br><br> }); </blockquote> Você pode implementar manipuladores de eventos que vão dentro da função <code>DOMContentLoaded</code> . Você pode implementar um manipulador de eventos <code>onclick</code> que é acionado quando o usuário clica no elemento com o ID <code>getMessage</code> , adicionando o seguinte código: <blockquote> document.getElementById (&#39;getMessage&#39;). onclick = function () {}; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione um manipulador de eventos click dentro da função <code>DOMContentLoaded</code> para o elemento com o id de <code>getMessage</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar o método <code>document.getElementById</code> para selecionar o elemento <code>getMessage</code> .
+    testString: 'assert(code.match(/document\.getElementById\(\s*?("|")getMessage\1\s*?\)/g), "Your code should use the <code>document.getElementById</code> method to select the <code>getMessage</code> element.");'
+  - text: Seu código deve adicionar um manipulador de eventos <code>onclick</code> .
+    testString: 'assert(typeof document.getElementById("getMessage").onclick === "function", "Your code should add an <code>onclick</code> event handler.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    // Add your code below this line
+
+
+    // Add your code above this line
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/post-data-with-the-javascript-xmlhttprequest-method.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/post-data-with-the-javascript-xmlhttprequest-method.portuguese.md
new file mode 100644
index 0000000000..6dcc806796
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/post-data-with-the-javascript-xmlhttprequest-method.portuguese.md
@@ -0,0 +1,108 @@
+---
+id: 587d7faf367417b2b2512be9
+title: Post Data with the JavaScript XMLHttpRequest Method
+challengeType: 6
+videoUrl: ''
+localeTitle: Postar dados com o método JavaScript XMLHttpRequest
+---
+
+## Description
+<section id="description"> Nos exemplos anteriores, você recebeu dados de um recurso externo. Você também pode enviar dados para um recurso externo, desde que esse recurso suporte solicitações AJAX e você saiba o URL. O método <code>XMLHttpRequest</code> do JavaScript também é usado para postar dados em um servidor. Aqui está um exemplo: <blockquote> req = new XMLHttpRequest (); <br> req.open (&quot;POST&quot;, url, true); <br> req.setRequestHeader (&#39;Content-Type&#39;, &#39;text / plain&#39;); <br> req.onreadystatechange = function () { <br> if (req.readyState == 4 &amp;&amp; req.status == 200) { <br> document.getElementsByClassName (&#39;message&#39;) [0] .innerHTML = req.responseText; <br> } <br> }; <br> req.send (userName); </blockquote> Você já viu vários desses métodos antes. Aqui, o método <code>open</code> inicializa a solicitação como um &quot;POST&quot; para a URL fornecida do recurso externo e usa o booleano <code>true</code> para torná-lo assíncrono. O método <code>setRequestHeader</code> define o valor de um cabeçalho de solicitação HTTP, que contém informações sobre o remetente e a solicitação. Deve ser chamado após o método <code>open</code> , mas antes do método <code>send</code> . Os dois parâmetros são o nome do cabeçalho e o valor a ser definido como o corpo desse cabeçalho. Em seguida, o ouvinte de evento <code>onreadystatechange</code> manipula uma alteração no estado da solicitação. Um <code>readyState</code> de 4 significa que a operação está completa e um <code>status</code> de 200 significa que foi uma solicitação bem-sucedida. O HTML do documento pode ser atualizado. Finalmente, o método <code>send</code> envia a solicitação com o valor <code>userName</code> , que foi dado pelo usuário no campo de <code>input</code> . </section>
+
+## Instructions
+<section id="instructions"> Atualize o código para criar e enviar uma solicitação &quot;POST&quot;. Em seguida, digite seu nome na caixa de entrada e clique em &quot;Enviar mensagem&quot;. Sua função AJAX substituirá &quot;Responder pelo servidor estará aqui&quot;. com a resposta do servidor. Neste caso, é o seu nome acrescentado com &quot;ama gatos&quot;. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve criar um novo <code>XMLHttpRequest</code> .
+    testString: 'assert(code.match(/new\s+?XMLHttpRequest\(\s*?\)/g), "Your code should create a new <code>XMLHttpRequest</code>.");'
+  - text: Seu código deve usar o método <code>open</code> para inicializar uma solicitação &quot;POST&quot; para o servidor.
+    testString: 'assert(code.match(/\.open\(\s*?("|")POST\1\s*?,\s*?url\s*?,\s*?true\s*?\)/g), "Your code should use the <code>open</code> method to initialize a "POST" request to the server.");'
+  - text: Seu código deve usar o método <code>setRequestHeader</code> .
+    testString: 'assert(code.match(/\.setRequestHeader\(\s*?("|")Content-Type\1\s*?,\s*?("|")text\/plain\2\s*?\)/g), "Your code should use the <code>setRequestHeader</code> method.");'
+  - text: Seu código deve ter um manipulador de eventos <code>onreadystatechange</code> definido para uma função.
+    testString: 'assert(code.match(/\.onreadystatechange\s*?=/g), "Your code should have an <code>onreadystatechange</code> event handler set to a function.");'
+  - text: Seu código deve obter o elemento com <code>message</code> classe e alterar seu HTML interno para o <code>responseText</code> .
+    testString: 'assert(code.match(/document\.getElementsByClassName\(\s*?("|")message\1\s*?\)\[0\]\.innerHTML\s*?=\s*?.+?\.responseText/g), "Your code should get the element with class <code>message</code> and change its inner HTML to the <code>responseText</code>.");'
+  - text: Seu código deve usar o método <code>send</code> .
+    testString: 'assert(code.match(/\.send\(\s*?userName\s*?\)/g), "Your code should use the <code>send</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('sendMessage').onclick=function(){
+
+      var userName=document.getElementById('name').value;
+      // Add your code below this line
+
+
+      // Add your code above this line
+    };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Friends</h1>
+<p class="message box">
+  Reply from Server will be here
+</p>
+<p>
+  <label for="name">Your name:
+    <input type="text" id="name"/>
+  </label>
+  <button id="sendMessage">
+    Send Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/pre-filter-json-to-get-the-data-you-need.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/pre-filter-json-to-get-the-data-you-need.portuguese.md
new file mode 100644
index 0000000000..bfa9eb6629
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/pre-filter-json-to-get-the-data-you-need.portuguese.md
@@ -0,0 +1,108 @@
+---
+id: 587d7fae367417b2b2512be7
+title: Pre-filter JSON to Get the Data You Need
+challengeType: 6
+videoUrl: ''
+localeTitle: Pré-filtre JSON para obter os dados de que você precisa
+---
+
+## Description
+<section id="description"> Se você não quiser renderizar todas as fotos de gatos que você recebe da FreeCodeCamp Cat Photo API, é possível pré-filtrar o JSON antes de fazer um loop por ele. Dado que os dados JSON são armazenados em uma matriz, você pode usar o método <code>filter</code> para filtrar o gato cuja chave &quot;id&quot; tem um valor de 1. Aqui está o código para fazer isso: <blockquote> json = json.filter (function (val) { <br> retorno (val.id! == 1); <br> }); </blockquote></section>
+
+## Instructions
+<section id="instructions"> Adicione o código para <code>filter</code> os dados do json para remover o gato com o valor &quot;id&quot; de 1. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu código deve usar o método de <code>filter</code> .
+    testString: 'assert(code.match(/json\.filter/g), "Your code should use the <code>filter</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      req=new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload=function(){
+        json=JSON.parse(req.responseText);
+        var html = "";
+        // Add your code below this line
+
+
+        // Add your code above this line
+         json.forEach(function(val) {
+           html += "<div class = 'cat'>"
+
+           html += "<img src = '" + val.imageLink + "' " + "alt='" + val.altText + "'>"
+
+           html += "</div>"
+         });
+         document.getElementsByClassName('message')[0].innerHTML=html;
+       };
+     };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/render-images-from-data-sources.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/render-images-from-data-sources.portuguese.md
new file mode 100644
index 0000000000..f1d57df92e
--- /dev/null
+++ b/curriculum/challenges/portuguese/04-data-visualization/json-apis-and-ajax/render-images-from-data-sources.portuguese.md
@@ -0,0 +1,105 @@
+---
+id: 587d7fae367417b2b2512be6
+title: Render Images from Data Sources
+challengeType: 6
+videoUrl: ''
+localeTitle: Renderizar imagens de fontes de dados
+---
+
+## Description
+<section id="description"> Os últimos desafios mostraram que cada objeto no array JSON contém uma chave <code>imageLink</code> com um valor que é o URL da imagem de um gato. Quando você está circulando por esses objetos, você pode usar essa propriedade <code>imageLink</code> para exibir essa imagem em um elemento <code>img</code> . Aqui está o código que faz isso: <code>html += &quot;&lt;img src = &#39;&quot; + val.imageLink + &quot;&#39; &quot; + &quot;alt=&#39;&quot; + val.altText + &quot;&#39;&gt;&quot;;</code> </section>
+
+## Instructions
+<section id="instructions"> Adicione código para usar os <code>imageLink</code> e <code>altText</code> propriedades em uma <code>img</code> tag. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Você deve usar a propriedade <code>imageLink</code> para exibir as imagens.
+    testString: 'assert(code.match(/val\.imageLink/g), "You should use the <code>imageLink</code> property to display the images.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      req=new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload=function(){
+        json=JSON.parse(req.responseText);
+        var html = "";
+        json.forEach(function(val) {
+          html += "<div class = 'cat'>";
+          // Add your code below this line
+
+
+          // Add your code above this line
+          html += "</div><br>";
+        });
+        document.getElementsByClassName('message')[0].innerHTML=html;
+      };
+     };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/announce-new-users.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/announce-new-users.portuguese.md
new file mode 100644
index 0000000000..2fef96a16d
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/announce-new-users.portuguese.md
@@ -0,0 +1,50 @@
+---
+id: 589fc832f9fc0f352b528e78
+title: Announce New Users
+challengeType: 2
+videoUrl: ''
+localeTitle: Anunciar novos usuários
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-socketio/">GitHub</a> . Muitas salas de bate-papo podem anunciar quando um usuário se conecta ou desconecta e, em seguida, exibe isso para todos os usuários conectados no bate-papo. Como se você já estivesse emitindo um evento para conectar e desconectar, você só precisará modificar esse evento para oferecer suporte a esse recurso. A maneira mais lógica de fazer isso é enviar três partes de dados com o evento: nome do usuário conectado / desconectado, a contagem de usuários atual e, se esse nome estiver conectado ou desconectado. <hr> Altere o nome do evento para &#39;user&#39; e como os dados passam um objeto ao longo contendo os campos &#39;name&#39;, &#39;currentUsers&#39; e boolean &#39;connected&#39; (para ser verdadeiro se for connection, ou false para desconexão do usuário enviado). Certifique-se de fazer a alteração em ambos os pontos em que tivemos o evento &#39;user count&#39; e definimos a desconexão como enviada como false para o campo &#39;connected&#39; em vez de true, como o evento emitido na conexão. <code>io.emit(&#39;user&#39;, {name: socket.request.user.name, currentUsers, connected: true});</code> Agora seu cliente terá todas as informações necessárias para exibir corretamente a contagem atual de usuários e anunciar quando um usuário se conectar ou desconectar! Para lidar com esse evento no lado do cliente, devemos ouvir &quot;usuário&quot; e atualizar a contagem de usuários atual usando jQuery para alterar o texto de <code>#num-users</code> para &quot;{NUMBER} usuários on-line&quot;, bem como acrescentar um <code>&lt;li&gt;</code> para a lista não ordenada com o id &#39;messages&#39; com &#39;{NAME} tem {joined / left} o chat.&#39;. Uma implementação disso poderia se parecer com o seguinte: <pre> socket.on (&#39;user&#39;, function (data) {
+  $ (&#39;# num-users&#39;). texto (data.currentUsers + &#39;users online&#39;);
+  var message = data.name;
+  if (data.connected) {
+    mensagem + = &#39;entrou no chat.&#39;;
+  } outro {
+    mensagem + = &#39;saiu do chat.&#39;;
+  }
+  $ (&#39;# mensagens&#39;). append ($ (&#39;&lt;li&gt;&#39;). html (&#39;&lt;b&gt;&#39; + mensagem + &#39;&lt;\ / b&gt;&#39;));
+}); </pre> Envie sua página quando achar que está certo. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Evento "user" é emitido com nome, currentUsers e conectado'
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /io.emit.*("|")user("|").*name.*currentUsers.*connected/gi, "You should have an event emitted named user sending name, currentUsers, and connected"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Cliente manipulando e exibindo adequadamente os novos dados do evento 'usuário'
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.on.*("|")user("|")[^]*num-users/gi, "You should change the text of #num-users within on your client within the "user" even listener to show the current users connected"); assert.match(data, /socket.on.*("|")user("|")[^]*messages.*li/gi, "You should append a list item to #messages on your client within the "user" event listener to annouce a user came or went"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-strategies.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-strategies.portuguese.md
new file mode 100644
index 0000000000..6822e4f5ae
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-strategies.portuguese.md
@@ -0,0 +1,51 @@
+---
+id: 5895f70df9fc0f352b528e68
+title: Authentication Strategies
+challengeType: 2
+videoUrl: ''
+localeTitle: Estratégias de Autenticação
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Uma estratégia é uma maneira de autenticar um usuário. Você pode usar uma estratégia para permitir que os usuários se autentiquem com base em informações salvas localmente (se você fizer com que elas se registrem primeiro) ou em vários provedores, como o Google ou o Github. Para este projeto, vamos criar uma estratégia local. Para ver uma lista das centenas de estratégias, visite o site Passports <a href="http://passportjs.org/">aqui</a> . Adicione o <em>passport-local</em> como uma dependência e adicione-o ao seu servidor da seguinte forma: <code>const LocalStrategy = require(&#39;passport-local&#39;);</code> Agora você terá que dizer ao passport para <b>usar</b> um objeto LocalStartegy instanciado com algumas configurações definidas. Certifique-se de que isso e tudo a partir deste ponto é encapsulado na conexão com o banco de dados, pois depende dele! <pre> passport.use (novo LocalStrategy (
+  função (nome de usuário, senha, feito) {
+    db.collection (&#39;users&#39;). findOne ({username: username}, função (err, user) {
+      console.log (&#39;Usuário&#39; + nome de usuário + &#39;tentou efetuar login.&#39;);
+      if (err) {retorno feito (err); }
+      if (! user) {retorno concluído (null, false); }
+      if (password! == user.password) {retorno feito (null, false); }
+      retorno feito (null, usuário);
+    });
+  }
+)); </pre> Isso está definindo o processo a ser tomado quando tentamos autenticar alguém localmente. Primeiro, ele tenta encontrar um usuário em nosso banco de dados com o nome de usuário inserido, depois verifica se a senha corresponde e, finalmente, se não houver erros que verifiquemos, como uma senha incorreta, o objeto users será retornado e eles serão exibidos. autenticado. Muitas estratégias são configuradas usando diferentes configurações, em geral é fácil configurá-lo com base no README desse repositório de estratégias. Um bom exemplo disso é a estratégia do Github, onde não precisamos nos preocupar com um nome de usuário ou senha, porque o usuário será enviado para a página de autenticação do Github para autenticar e, desde que esteja logado e concordar, o Github retorna seu perfil para nos usar. Na próxima etapa, vamos configurar como chamar a estratégia de autenticação para validar um usuário com base nos dados do formulário! Envie sua página quando achar que está correta até o momento. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Passport-local é uma dependência
+    testString: ' getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "passport-local", "Your project should list "passport-local " as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Passport-local corretamente requerido e configuração
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")passport-local("|")/gi, "You should have required passport-local"); assert.match(data, /new LocalStrategy/gi, "You should have told passport to use a new strategy"); assert.match(data, /findOne/gi, "Your new local strategy should use the findOne query to find a username based on the inputs"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-with-socket.io.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-with-socket.io.portuguese.md
new file mode 100644
index 0000000000..39c4386378
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-with-socket.io.portuguese.md
@@ -0,0 +1,48 @@
+---
+id: 589fc831f9fc0f352b528e77
+title: Authentication with Socket.IO
+challengeType: 2
+videoUrl: ''
+localeTitle: Autenticação com Socket.IO
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-socketio/">GitHub</a> . Atualmente, você não pode determinar quem está conectado ao seu soquete da web. Enquanto o &#39;req.user&#39; contêiner o objeto do usuário, somente quando o usuário interage com o servidor da web e com os sockets da web, você não tem req (request) e, portanto, nenhum dado do usuário. Uma maneira de resolver o problema de saber quem está conectado ao seu soquete da web é analisando e decodificando o cookie que contém a sessão do passaporte e, em seguida, desserializando-o para obter o objeto do usuário. Felizmente, há um pacote no NPM apenas para isso que transforma uma tarefa complexa em algo simples! <hr> Adicione &#39;passport.socketio&#39; como uma dependência e exija-o como &#39;passportSocketIo&#39;. Agora só precisamos informar ao Socket.IO para usá-lo e definir as opções. Certifique-se de que isso seja adicionado antes do código de soquete existente e não no listener de conexão existente. Para o seu servidor, ele deve ter a seguinte aparência: <pre> io.use (passportSocketIo.authorize ({
+  cookieParser: cookieParser,
+  chave: &#39;express.sid&#39;,
+  secreto: process.env.SESSION_SECRET,
+  store: sessionStore
+})); </pre> Você também pode, opcionalmente, passar &#39;sucesso&#39; e &#39;falhar&#39; com uma função que será chamada depois que o processo de autenticação for concluído quando um cliente tentar se conectar. O objeto do usuário agora está acessível em seu objeto de soquete como <code>socket.request.user</code> . Por exemplo, agora você pode adicionar o seguinte: <code>console.log(&#39;user &#39; + socket.request.user.name + &#39; connected&#39;);</code> e ele irá logar no console do servidor que se conectou! Envie sua página quando achar que está certo. Se você estiver com erros, confira o projeto até este ponto <a href="https://gist.github.com/JosephLivengood/a9e69ff91337500d5171e29324e1ff35">aqui</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: passportSocketIo é uma dependência
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "passport.socketio", "Your project should list "passport.socketio" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: passportSocketIo é apropriadamente exigido
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js").then(data => { assert.match(data, /require\(([""])passport\.socketio\1\)/gi, "You should correctly require and instantiate "passport.socketio"");}, xhr => { throw new Error(xhr.statusText); })'
+  - text: O passportSocketIo está configurado corretamente
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /io\.use\(.+\.authorize\(/gi, "You should register "passport.socketio" as socket.io middleware and provide it correct options"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.portuguese.md
new file mode 100644
index 0000000000..dd8796f69f
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.portuguese.md
@@ -0,0 +1,40 @@
+---
+id: 589690e6f9fc0f352b528e6e
+title: Clean Up Your Project with Modules
+challengeType: 2
+videoUrl: ''
+localeTitle: Limpe seu projeto com módulos
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Agora tudo que você tem está no seu arquivo server.js. Isso pode dificultar o gerenciamento de código que não é muito expansível. Crie dois novos arquivos: Routes.js e Auth.js Ambos devem começar com o seguinte código: <pre> module.exports = function (app, db) {
+<p> } </p></pre> Agora, na parte superior do arquivo do servidor, exija esses arquivos como: <code>const routes = require(&#39;./routes.js&#39;);</code> Logo após estabelecer uma conexão bem-sucedida com o banco de dados instancie cada um deles como: <code>routes(app, db)</code> Por fim, pegue todas as rotas do seu servidor e cole-as nos novos arquivos e remova-os do arquivo do servidor. Também tome o ensureAuthenticated desde que criamos essa função de middleware para roteamento especificamente. Agora você terá que adicionar corretamente as dependências usadas, como <code>const passport = require(&#39;passport&#39;);</code> , bem no topo acima da linha de exportação no seu arquivo routes.js. Continue adicionando-os até que não haja mais erros, e seu arquivo de servidor não tenha mais nenhum roteamento! Agora, faça a mesma coisa no seu arquivo auth.js com todas as coisas relacionadas à autenticação, como a serialização e a configuração da estratégia local e apague-as do arquivo do servidor. Certifique-se de adicionar as dependências e chamar <code>auth(app,db)</code> no servidor no mesmo local. Certifique-se de ter <code>auth(app, db)</code> antes das <code>routes(app, db)</code> já que a nossa rota de registro depende do passaporte ser iniciado! Parabéns, você está no final desta seção do Advanced Node and Express e tem um belo código para mostrar! Envie sua página quando achar que está certo. Se você estiver com erros, confira um exemplo do projeto concluído <a href="https://glitch.com/#!/project/delicious-herring">aqui</a> . <p></p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Módulos presentes
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|").\/routes.js("|")/gi, "You should have required your new files"); assert.match(data, /mongo.connect[^]*routes/gi, "Your new modules should be called after your connection to the database"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/communicate-by-emitting.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/communicate-by-emitting.portuguese.md
new file mode 100644
index 0000000000..838656d230
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/communicate-by-emitting.portuguese.md
@@ -0,0 +1,45 @@
+---
+id: 589fc831f9fc0f352b528e75
+title: Communicate by Emitting
+challengeType: 2
+videoUrl: ''
+localeTitle: Comunique-se emitindo
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-socketio/">GitHub</a> . <dfn>Emit</dfn> é o modo mais comum de comunicação que você usará. Quando você emite algo do servidor para &#39;io&#39;, você envia o nome e os dados de um evento para todos os soquetes conectados. Um bom exemplo desse conceito seria emitir a contagem atual de usuários conectados cada vez que um novo usuário se conecta! <hr> Comece adicionando uma variável para acompanhar os usuários antes de onde você está ouvindo as conexões. <code>var currentUsers = 0;</code> Agora, quando alguém se conecta, você deve incrementar a contagem antes de emitir a contagem, assim você desejará adicionar o incrementador dentro do ouvinte de conexão. <code>++currentUsers;</code> Finalmente, após incrementar a contagem, você deve emitir o evento (ainda dentro do ouvinte de conexão). O evento deve ser chamado de &#39;contagem de usuários&#39; e os dados devem ser apenas &#39;usuários atuais&#39;. <code>io.emit(&#39;user count&#39;, currentUsers);</code> <hr> Agora você pode implementar uma maneira para o seu cliente escutar este evento! Da mesma forma que ouvir uma conexão no servidor, você usará a palavra <em>-</em> chave <em>on</em> . <pre> socket.on (&#39;user count&#39;, function (data) {
+  console.log (dados);
+}); </pre> Agora tente carregar seu aplicativo e autenticar e você verá no console do seu cliente &#39;1&#39; representando a contagem atual de usuários! Tente carregar mais clientes e autenticar para ver o número subir. Envie sua página quando achar que está certo. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: currentUsers é definido
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js").then(data => {assert.match(data, /currentUsers/gi, "You should have variable currentUsers defined");}, xhr => { throw new Error(xhr.statusText); })'
+  - text: Servidor emite a contagem atual de usuários em cada nova conexão
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /io.emit.*("|")user count("|").*currentUsers/gi, "You should emit "user count" with data currentUsers"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Seu cliente está ouvindo o evento "contagem de usuários"
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.on.*("|")user count("|")/gi, "Your client should be connection to server with the connection defined as socket"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/create-new-middleware.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/create-new-middleware.portuguese.md
new file mode 100644
index 0000000000..a471d10d7f
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/create-new-middleware.portuguese.md
@@ -0,0 +1,49 @@
+---
+id: 5895f70df9fc0f352b528e6a
+title: Create New Middleware
+challengeType: 2
+videoUrl: ''
+localeTitle: Crie um novo middleware
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Como em qualquer usuário pode apenas ir para / perfil se eles autenticados ou não, digitando o URL. Queremos evitar isso verificando se o usuário é autenticado antes de renderizar a página de perfil. Este é o exemplo perfeito de quando criar um middleware. O desafio aqui é criar a função de middleware <code>ensureAuthenticated(req, res, next)</code> , que verificará se um usuário é autenticado chamando os passaportes isAuthenticated na <em>solicitação,</em> que por sua vez verifica se <em>req.user</em> deve ser definido. Se é então <em>next ()</em> deve ser chamado, caso contrário, podemos apenas responder à solicitação com um redirecionamento para a nossa página inicial para login. Uma implementação deste middleware é: <pre> function ensureAuthenticated (req, res, next) {
+  if (req.isAuthenticated ()) {
+      return next ();
+  }
+  res.redirect (&#39;/&#39;);
+}; </pre> Agora, adicione <em>ensureAuthenticated</em> como um middleware para a solicitação da página de perfil antes do argumento para a solicitação get contendo a função que renderiza a página. <pre> app.route (&#39;/ profile&#39;)
+  .get (ensureAuthenticated, (req, res) =&gt; {
+       res.render (process.cwd () + &#39;/ views / pug / profile&#39;);
+  }); </pre> Envie sua página quando achar que está certo. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O middleware ensureAuthenticated deve ser implementado e em nossa rota / profile
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /ensureAuthenticated[^]*req.isAuthenticated/gi, "Your ensureAuthenticated middleware should be defined and utilize the req.isAuthenticated function"); assert.match(data, /profile[^]*get[^]*ensureAuthenticated/gi, "Your ensureAuthenticated middleware should be attached to the /profile route"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Uma solicitação Get para / profile redireciona corretamente para / uma vez que não somos autenticados
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/profile") .then(data => { assert.match(data, /Home page/gi, "An attempt to go to the profile at this point should redirect to the homepage since we are not logged in"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/handle-a-disconnect.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/handle-a-disconnect.portuguese.md
new file mode 100644
index 0000000000..ca70b09853
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/handle-a-disconnect.portuguese.md
@@ -0,0 +1,41 @@
+---
+id: 589fc831f9fc0f352b528e76
+title: Handle a Disconnect
+challengeType: 2
+videoUrl: ''
+localeTitle: Lidar com uma desconexão
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-socketio/">GitHub</a> . Você pode perceber que até agora você só aumentou a contagem de usuários. O manuseio de um usuário desconectado é tão fácil quanto manipular a conexão inicial, exceto que a diferença é que você deve ouvi-la em cada soquete em comparação com o servidor inteiro. <hr> Para fazer isso, inclua no ouvinte de conexão existente um ouvinte que ouça &#39;desconectar&#39; no soquete sem passar dados. Você pode testar essa funcionalidade apenas registrando no console que um usuário desconectou. <code>socket.on(&#39;disconnect&#39;, () =&gt; { /*anything you want to do on disconnect*/ });</code> Para garantir que os clientes tenham continuamente a contagem atualizada de usuários atuais, você deve diminuir os usuários atuais em 1 quando a desconexão acontecer e, em seguida, emitir o evento &quot;contagem de usuários&quot; com a contagem atualizada! <strong>Nota</strong> <br> Assim como &#39;desconectar&#39;, todos os outros eventos que um soquete pode emitir para o servidor devem ser manipulados dentro do ouvinte de conexão onde temos &#39;soquete&#39; definido. Envie sua página quando achar que está certo. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O servidor manipula a desconexão do evento de um soquete
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /socket.on.*("|")disconnect("|")/gi, ""); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Seu cliente está ouvindo o evento "contagem de usuários"
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.on.*("|")user count("|")/gi, "Your client should be connection to server with the connection defined as socket"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/hashing-your-passwords.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/hashing-your-passwords.portuguese.md
new file mode 100644
index 0000000000..ccde896f39
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/hashing-your-passwords.portuguese.md
@@ -0,0 +1,41 @@
+---
+id: 58a25c98f9fc0f352b528e7f
+title: Hashing Your Passwords
+challengeType: 2
+videoUrl: ''
+localeTitle: Hashing suas senhas
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Voltando à seção de segurança da informação, você pode se lembrar que o armazenamento de senhas em texto puro <em>nunca</em> é bom. Agora é hora de implementar o BCrypt para resolver esse problema. <hr> Adicione o BCrypt como uma dependência e exija no seu servidor. Você precisará manipular o hash em duas áreas principais: onde você lida com o registro / salvamento de uma nova conta e quando verificar se a senha está correta no login. Atualmente em nossa rota de registro, você insere a senha de um usuário no banco de dados, como segue: <code>password: req.body.password</code> . Uma maneira fácil de implementar salvar um hash é adicionar o seguinte antes da lógica do banco de dados <code>var hash = bcrypt.hashSync(req.body.password, 12);</code> e substituindo o <code>req.body.password</code> no banco de dados salvando com apenas <code>password: hash</code> . Finalmente, em nossa estratégia de autenticação, verificamos o seguinte em nosso código antes de concluir o processo: <code>if (password !== user.password) { return done(null, false); }</code> . Depois de fazer as alterações anteriores, agora <code>user.password</code> é um hash. Antes de fazer uma alteração no código existente, observe como a instrução está verificando se a senha NÃO é igual e, em seguida, retorne não autenticada. Com isso em mente, o seu código poderia ser o seguinte para verificar corretamente a senha inserida contra o hash: <code>if (!bcrypt.compareSync(password, user.password)) { return done(null, false); }</code> Isso é tudo o que é preciso para implementar um dos recursos de segurança mais importantes quando você precisa armazenar senhas! Envie sua página quando achar que está certo. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: BCrypt é uma dependência
+    testString: ' getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "bcrypt", "Your project should list "bcrypt" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: BCrypt corretamente exigido e implementado
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")bcrypt("|")/gi, "You should have required bcrypt"); assert.match(data, /bcrypt.hashSync/gi, "You should use hash the password in the registration"); assert.match(data, /bcrypt.compareSync/gi, "You should compare the password to the hash in your strategy"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.portuguese.md
new file mode 100644
index 0000000000..7ee4d19b96
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.portuguese.md
@@ -0,0 +1,39 @@
+---
+id: 5895f70ef9fc0f352b528e6b
+title: How to Put a Profile Together
+challengeType: 2
+videoUrl: ''
+localeTitle: Como colocar um perfil juntos
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Agora que podemos garantir que o usuário que acessa o <em>/ profile</em> seja autenticado, podemos usar as informações contidas em &#39;req.user&#39; em nossa página! Vá em frente e passe o objeto contendo o <em>nome de usuário</em> variável igual a &#39;req.user.username&#39; para o método de renderização da visualização de perfil. Em seguida, vá para a visualização &#39;profile.pug&#39; e adicione a linha <code>h2.center#welcome Welcome, #{username}!</code> criando o elemento h2 com a classe &#39;center&#39; e id &#39;welcome&#39; contendo o texto &#39;Welcome&#39; e o nome de usuário! Também no perfil, adicione um link para <em>/ logout</em> . Essa rota hospedará a lógica para não autenticar um usuário. <code>a(href=&#39;/logout&#39;) Logout</code> Envie sua página quando achar que está certo. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Corretamente adicionado uma variável de renderização Pug para / profile
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /\/views\/pug\/profile[^]*username:( |)req.user.username/gi, "You should be passing the variable username with req.user.username into the render function of the profile page"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.portuguese.md
new file mode 100644
index 0000000000..069472de8e
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.portuguese.md
@@ -0,0 +1,41 @@
+---
+id: 5895f70df9fc0f352b528e69
+title: How to Use Passport Strategies
+challengeType: 2
+videoUrl: ''
+localeTitle: Como usar estratégias de passaporte
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . No arquivo index.pug fornecido, existe realmente um formulário de login. Ele foi anteriormente oculto por causa do javascript in-line <code>if showLogin</code> com o formulário recuado após ele. Antes de showLogin como uma variável nunca foi definida, ela nunca renderiza o bloco de código que contém o formulário. Vá em frente e no res.render para essa página, adicione uma nova variável ao objeto <code>showLogin: true</code> . Quando você atualiza sua página, você deve ver o formulário! Este formulário é configurado para <b>POST</b> on <em>/ login,</em> então é nesse local que devemos configurar para aceitar o POST e autenticar o usuário. Para este desafio, você deve adicionar a rota / login para aceitar uma solicitação POST. Para autenticar nesta rota, você precisa adicionar um middleware para fazer isso antes de enviar uma resposta. Isto é feito simplesmente passando outro argumento com o middleware antes de sua <code>function(req,res)</code> com sua resposta! O middleware a ser usado é <code>passport.authenticate(&#39;local&#39;)</code> . <em>O passport.authenticate</em> também pode ter algumas opções como um argumento como: <code>{ failureRedirect: &#39;/&#39; }</code> que é incrivelmente útil, então não deixe de adicioná-lo também. Como resposta após usar o middleware (que será chamado apenas se o middleware de autenticação passar) deve ser redirecionar o usuário para <em>/ profile</em> e essa rota deve renderizar a view &#39;profile.pug&#39;. Se a autenticação foi bem sucedida, o objeto do usuário será salvo no <em>req.user</em> . Agora, neste ponto, se você digitar um nome de usuário e senha no formulário, ele deve redirecionar para a home page <em>/</em> e no console do seu servidor deve ser &#39;Usuário {USERNAME} tentou fazer o login.&#39; já que atualmente não podemos fazer login de um usuário que não está registrado. Envie sua página quando achar que está certo. Se você estiver com erros, confira o projeto concluído até este ponto <a href="https://gist.github.com/JosephLivengood/8a335d1a68ed9170da02bb9d8f5b71d5">aqui</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todas as etapas implementadas corretamente no server.js
+    testString: ' getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /showLogin:( |)true/gi, "You should be passing the variable "showLogin" as true to your render function for the homepage"); assert.match(data, /failureRedirect:( |)("|")\/("|")/gi, "Your code should include a failureRedirect to the "/" route"); assert.match(data, /login[^]*post[^]*local/gi, "You should have a route for login which accepts a POST and passport.authenticates local"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Uma solicitação POST para / login redireciona corretamente para /
+    testString: 'getUserInput => $.post(getUserInput("url")+ "/login") .then(data => { assert.match(data, /Looks like this page is being rendered from Pug into HTML!/gi, "A login attempt at this point should redirect to the homepage since we do not have any registered users"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.portuguese.md
new file mode 100644
index 0000000000..4ecf8d8f7a
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.portuguese.md
@@ -0,0 +1,47 @@
+---
+id: 5895f70cf9fc0f352b528e67
+title: Implement the Serialization of a Passport User
+challengeType: 2
+videoUrl: ''
+localeTitle: Implementar a serialização de um usuário do Passport
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . No momento, não estamos carregando um objeto de usuário, já que não configuramos nosso banco de dados. Isso pode ser feito de muitas maneiras diferentes, mas para o nosso projeto nós nos conectaremos ao banco de dados uma vez quando iniciarmos o servidor e mantermos uma conexão persistente durante todo o ciclo de vida do aplicativo. Para fazer isso, adicione o MongoDB como uma dependência e exija no seu servidor. ( <code>const mongo = require(&#39;mongodb&#39;).MongoClient;</code> ) Agora queremos conectar a nossa base de dados e começar a escutar pedidos. O objetivo disso é não permitir solicitações antes que nosso banco de dados seja conectado ou se houver um erro no banco de dados. Para realizar isso, você desejará incluir sua serialização e seu ouvinte de aplicativo nos seguintes itens: <pre> mongo.connect (process.env.DATABASE, (err, db) =&gt; {
+    if (err) {
+        console.log (&#39;Erro de banco de dados:&#39; + err);
+    } outro {
+        console.log (&#39;Conexão de banco de dados bem sucedida&#39;);
+<pre> <code> //serialization and app.listen</code> </pre>
+<p> }}); </p></pre> Você pode agora descomentar o bloco em deserializeUser e remover o seu <code>done(null, null)</code> . Certifique-se de definir <em>DATABASE</em> no seu arquivo .env para a string de conexão do seu banco de dados (por exemplo: <code>DATABASE=mongodb://admin:pass@mlab.com:12345/my-project</code> ). Você pode configurar um banco de dados gratuito no <a href="https://mlab.com/welcome/">mLab</a> . Parabéns, você terminou de configurar a serialização! Envie sua página quando achar que está certo. Se você estiver com erros, confira o projeto concluído até este ponto <a href="https://gist.github.com/JosephLivengood/e192e809a1d27cb80dc2c6d3467b7477">aqui</a> . <p></p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Conexão de banco de dados está presente
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /mongo.connect/gi, "You should have created a connection to your database"); assert.match(data, /mongo.connect[^]*app.listen[^]*}[^]*}/gi, "You should have your app.listen nested at within your database connection at the bottom"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 'A desserialização agora está usando corretamente o banco de dados e <code>done(null, null)</code> é apagada'
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.notMatch(data, /null,( |)null/gi, "The callback in deserializeUser of (null, null) should be completely removed for the db block uncommented out"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.portuguese.md
new file mode 100644
index 0000000000..a0f0693fc1
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.portuguese.md
@@ -0,0 +1,52 @@
+---
+id: 589a69f5f9fc0f352b528e71
+title: Implementation of Social Authentication II
+challengeType: 2
+videoUrl: ''
+localeTitle: Implementação da Autenticação Social II
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socialauth/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-socialauth/">GitHub</a> . A última parte da configuração da autenticação do Github é criar a estratégia em si. Para isso, você precisará adicionar a dependência de &#39;passport-github&#39; ao seu projeto e requerê-lo como GithubStrategy como <code>const GitHubStrategy = require(&#39;passport-github&#39;).Strategy;</code> . Para configurar a estratégia do Github, você precisa dizer ao <b>passport</b> para <b>usar</b> um <b>GithubStrategy</b> instanciado, que aceita 2 argumentos: Um objeto (contendo <em>clientID</em> , <em>clientSecret</em> e <em>callbackURL</em> ) e uma função a ser chamada quando um usuário é autenticado com sucesso, o que determinaremos se o usuário for novo e quais campos salvar inicialmente no objeto de banco de dados do usuário. Isso é comum em muitas estratégias, mas algumas podem exigir mais informações, conforme descrito no README do github dessa estratégia específica. Por exemplo, o Google também exige um <em>escopo</em> que determine o tipo de informação que sua solicitação está pedindo e peça ao usuário que aprove esse acesso. A atual estratégia que estamos implementando tem seu uso descrito <a>aqui</a> , mas estamos passando por tudo isso aqui no freeCodeCamp! Veja como sua nova estratégia deve olhar neste ponto: <pre> passport.use (new GitHubStrategy ({
+    clientID: process.env.GITHUB_CLIENT_ID,
+    clientSecret: process.env.GITHUB_CLIENT_SECRET,
+    callbackURL: / * INSERIR URL DE CHAMADA INSERIDO NO GITHUB AQUI * /
+  }
+  function (accessToken, refreshToken, profile, cb) {
+      console.log (perfil);
+      // Lógica do banco de dados aqui com retorno de chamada contendo nosso objeto de usuário
+  }
+)); </pre> Sua autenticação ainda não será bem-sucedida e, na verdade, lançará um erro, sem a lógica do banco de dados e o retorno de chamada, mas você deverá registrar no seu console seu perfil do Github, se tentar! Envie sua página quando achar que está certo. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Dependência adicionada
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "passport-github", "Your project should list "passport-github" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Dependência requerida
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")passport-github("|")/gi, "You should have required passport-github"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Configuração da estratégia do Github corretamente até agora
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /passport.use.*new GitHubStrategy/gi, "Passport should use a new GitHubStrategy"); assert.match(data, /callbackURL:( |)("|").*("|")/gi, "You should have a callbackURL"); assert.match(data, /process.env.GITHUB_CLIENT_SECRET/g, "You should use process.env.GITHUB_CLIENT_SECRET"); assert.match(data, /process.env.GITHUB_CLIENT_ID/g, "You should use process.env.GITHUB_CLIENT_ID"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.portuguese.md
new file mode 100644
index 0000000000..6a646b31b4
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.portuguese.md
@@ -0,0 +1,58 @@
+---
+id: 589a8eb3f9fc0f352b528e72
+title: Implementation of Social Authentication III
+challengeType: 2
+videoUrl: ''
+localeTitle: Implementação da Autenticação Social III
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socialauth/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-socialauth/">GitHub</a> . A parte final da estratégia é manipular o perfil retornado do Github. Precisamos carregar o objeto de banco de dados de usuários, se existir, ou criar um, se não existir, e preencher os campos do perfil e, em seguida, retornar o objeto do usuário. O Github nos fornece um <em>ID</em> exclusivo dentro de cada perfil, que podemos usar para pesquisar com o serializador do usuário (já implementado). Abaixo está um exemplo de implementação que você pode usar em seu projeto - ele vai dentro da função que é o segundo argumento para a nova estratégia, logo abaixo do <code>console.log(profile);</code> atualmente é: <pre> db.collection (&#39;socialusers&#39;). findAndModify (
+    {id: profile.id},
+    {}
+    {$ setOnInsert: {
+        id: profile.id,
+        nome: profile.displayName || &#39;John Doe&#39;,
+        foto: profile.photos [0] .value || &quot;
+        email: profile.emails [0] .value || &#39;Nenhum email público&#39;,
+        created_on: new Date (),
+        provedor: profile.provider || &quot;
+    }, $ set: {
+        last_login: new Date ()
+    }, $ inc: {
+        login_count: 1
+    }}
+    {upsert: true, new: true},
+    (err, doc) =&gt; {
+        return cb (null, doc.value);
+    }
+); </pre> Com um findAndModify, ele permite que você procure por um objeto e o atualize, além de fazer backup do objeto se ele não existir e receber o novo objeto de volta a cada vez em nossa função de retorno de chamada. Neste exemplo, sempre definimos o last_login como agora, sempre incrementamos o login_count por 1, e somente quando inserimos um novo objeto (novo usuário) preenchemos a maioria dos campos. Algo para notar também é o uso de valores padrão. Às vezes, um perfil retornado não terá todas as informações preenchidas ou será escolhido pelo usuário para permanecer privado; Portanto, neste caso, temos que lidar com isso para evitar um erro. Você deve conseguir acessar seu aplicativo agora - experimente! Envie sua página quando achar que está certo. Se você estiver com erros, você pode conferir um exemplo do código acabado deste mini-projeto <a href="https://glitch.com/#!/project/guttural-birch">aqui</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Configuração da estratégia do Github completa
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /GitHubStrategy[^]*db.collection/gi, "Strategy should use now use the database to search for the user"); assert.match(data, /GitHubStrategy[^]*socialusers/gi, "Strategy should use "socialusers" as db collection"); assert.match(data, /GitHubStrategy[^]*return cb/gi, "Strategy should return the callback function "cb""); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.portuguese.md
new file mode 100644
index 0000000000..8b2010369f
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.portuguese.md
@@ -0,0 +1,44 @@
+---
+id: 589a69f5f9fc0f352b528e70
+title: Implementation of Social Authentication
+challengeType: 2
+videoUrl: ''
+localeTitle: Implementação de Autenticação Social
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socialauth/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-socialauth/">GitHub</a> . O caminho básico que esse tipo de autenticação seguirá no seu aplicativo é: <ol><li> Usuário clica em um botão ou link enviando-os para o nosso percurso para autenticar usando uma estratégia específica (EG. Github) </li><li> Sua rota chama <code>passport.authenticate(&#39;github&#39;)</code> que os redireciona para o Github. </li><li> A página em que o usuário acessa, no Github, permite que eles efetuem login, caso ainda não estejam. Em seguida, ele pede que eles aprove o acesso ao perfil deles em nosso aplicativo. </li><li> Em seguida, o usuário é retornado ao nosso aplicativo em um URL de retorno de chamada específico com o perfil dele, se ele for aprovado. </li><li> Eles agora estão autenticados e seu aplicativo deve verificar se é um perfil de retorno ou salvá-lo em seu banco de dados, se não estiver. </li></ol> Estratégias com o OAuth exigem que você tenha pelo menos um <em>ID do cliente</em> e um <em>Segredo do cliente,</em> que é uma forma de verificar de quem é a solicitação de autenticação e se ela é válida. Estes são obtidos a partir do site com o qual você está tentando implementar a autenticação, como o Github, e são exclusivos do seu aplicativo - <b>NÃO PODEM SER COMPARTILHADOS</b> e nunca devem ser carregados em um repositório público ou gravados diretamente em seu código. Uma prática comum é colocá-los em seu arquivo <em>.env</em> e referenciá-los como: <code>process.env.GITHUB_CLIENT_ID</code> . Para este desafio, vamos usar a estratégia do Github. A obtenção da <em>ID do cliente e do Segredo <em>no Github é feita nas configurações do perfil da conta em &quot;configurações do desenvolvedor&quot; e &quot; <a href="https://github.com/settings/developers">Aplicativos OAuth</a> &quot;. Clique em &quot;Registrar um novo aplicativo&quot;, nomeie seu aplicativo, cole o URL na página inicial ( <b>não o URL do código do projeto</b> ) e, por último, no URL de retorno, cole no mesmo URL da página inicial, mas com &quot;/ auth / github / callback &#39;adicionado em. É para onde os usuários serão redirecionados para que possamos lidar após a autenticação no Github. Salve as informações retornadas como &#39;GITHUB_CLIENT_ID&#39; e &#39;GITHUB_CLIENT_SECRET&#39; em seu arquivo .env. Em seu projeto remixado, crie duas rotas aceitando solicitações GET: / auth / github e / auth / github / callback. O primeiro deve apenas chamar o passaporte para autenticar o &#39;github&#39; e o segundo deve chamar o passaporte para autenticar o &#39;github&#39; com um redirecionamento de falha para &#39;/&#39; e, se for bem-sucedido, redirecionar para &#39;/ profile&#39; (semelhante ao nosso último projeto). Um exemplo de como &#39;/ auth / github / callback&#39; deve ser semelhante é como lidamos com um login normal em nosso último projeto:</em></em> <pre> <em><em>app.route (&#39;/ login&#39;)
+  .post (passport.authenticate (&#39;local&#39;, {failureRedirect: &#39;/&#39;}), (req, res) =&gt; {
+    res.redirect (&#39;/ profile&#39;);
+  });</em></em> </pre> <em><em>Envie sua página quando achar que está certo. Se você estiver com erros, confira o projeto até este ponto <a href="https://gist.github.com/JosephLivengood/28ea2cae7e1dc6a53d7f0c42d987313b">aqui</a> .</em></em> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Route / auth / github correto
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /("|")\/auth\/github("|")[^]*get.*passport.authenticate.*github/gi, "Route auth/github should only call passport.authenticate with github"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Route / auth / github / callback correto
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /("|")\/auth\/github\/callback("|")[^]*get.*passport.authenticate.*github.*failureRedirect:( |)("|")\/("|")/gi, "Route auth/github/callback should accept a get request and call passport.authenticate for github with a failure redirect to home"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/logging-a-user-out.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/logging-a-user-out.portuguese.md
new file mode 100644
index 0000000000..15cf5f7690
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/logging-a-user-out.portuguese.md
@@ -0,0 +1,49 @@
+---
+id: 58965611f9fc0f352b528e6c
+title: Logging a User Out
+challengeType: 2
+videoUrl: ''
+localeTitle: Como desconectar um usuário
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Criando a lógica de logout é fácil. A rota deve apenas não autenticar o usuário e redirecionar para a home page, em vez de renderizar qualquer visualização. No passaporte, não autenticar um usuário é tão fácil quanto apenas chamar <code>req.logout();</code> antes de redirecionar. <pre> app.route (&#39;/ logout&#39;)
+  .get ((req, res) =&gt; {
+      req.logout ();
+      res.redirect (&#39;/&#39;);
+  }); </pre> Você deve ter notado que também não estamos lidando com páginas ausentes (404), a maneira comum de lidar com isso no Node é com o seguinte middleware. Vá em frente e adicione isso depois de todas as outras rotas: <pre> app.use ((req, res, next) =&gt; {
+  res.status (404)
+    .type (&#39;text&#39;)
+    .send (&#39;Não encontrado&#39;);
+}); </pre> Envie sua página quando achar que está certo. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Rota de logout
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /req.logout/gi, "You should be call req.logout() in youre /logout route"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: O logout deve redirecionar para a página inicial /
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/logout") .then(data => { assert.match(data, /Home page/gi, "When a user logs out they should be redirected to the homepage"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/registration-of-new-users.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/registration-of-new-users.portuguese.md
new file mode 100644
index 0000000000..0ed0518c7f
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/registration-of-new-users.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: 58966a17f9fc0f352b528e6d
+title: Registration of New Users
+challengeType: 2
+videoUrl: ''
+localeTitle: Registro de novos usuários
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Agora precisamos permitir que um novo usuário em nosso site registre uma conta. No res.render da página inicial, adicione uma nova variável ao objeto transmitido ao <code>showRegistration: true</code> . Quando você atualiza sua página, você deve ver o formulário de registro que já foi criado no seu arquivo index.pug! Este formulário é configurado para <b>POST</b> on <em>/ register,</em> então é nesse local que devemos configurar para aceitar o POST e criar o objeto de usuário no banco de dados. A lógica da rota de registro deve ser a seguinte: Registrar o novo usuário&gt; Autenticar o novo usuário&gt; Redirecionar para / profile A lógica da etapa 1, registrando o novo usuário, deve ser a seguinte: Consultar banco de dados com um comando findOne&gt; se usuário é retornado então ele existe e redirecionar de volta para casa <em>ou</em> se o usuário é indefinido e não ocorre nenhum erro, em seguida, &#39;insertOne&#39; no banco de dados com o nome de usuário e senha e, enquanto não ocorrer erros, em seguida, chamar <em>próximo</em> a ir para o passo 2, autenticando a nova usuário, para o qual já escrevemos a lógica em nossa rota de POST / login. <pre> app.route (&#39;/ register&#39;)
+  .post ((req, res, next) =&gt; {
+      db.collection (&#39;users&#39;). findOne ({username: req.body.username}, função (err, user) {
+          if (err) {
+              próximo (err);
+          } else if (usuário) {
+              res.redirect (&#39;/&#39;);
+          } outro {
+              db.collection (&#39;users&#39;). insertOne (
+                {username: req.body.username,
+                 password: req.body.password},
+                (err, doc) =&gt; {
+                    if (err) {
+                        res.redirect (&#39;/&#39;);
+                    } outro {
+                        next (null, usuário);
+                    }
+                }
+              )
+          }
+      })},
+    passport.authenticate (&#39;local&#39;, {failureRedirect: &#39;/&#39;}),
+    (req, res, next) =&gt; {
+        res.redirect (&#39;/ profile&#39;);
+    }
+); </pre> Envie sua página quando achar que está certo. Se você estiver com erros, confira o projeto concluído até este ponto <a href="https://gist.github.com/JosephLivengood/6c47bee7df34df9f11820803608071ed">aqui</a> . </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Registrar rota e exibir em casa
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /showRegistration:( |)true/gi, "You should be passing the variable "showRegistration" as true to your render function for the homepage"); assert.match(data, /register[^]*post[^]*findOne[^]*username:( |)req.body.username/gi, "You should have a route accepted a post request on register that querys the db with findone and the query being "username: req.body.username""); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Registrando deve funcionar
+    testString: 'getUserInput => $.ajax({url: getUserInput("url")+ "/register",data: {username: "freeCodeCampTester", password: "freeCodeCampTester"},crossDomain: true, type: "POST", xhrFields: { withCredentials: true }}) .then(data => { assert.match(data, /Profile/gi, "I should be able to register and it direct me to my profile. CLEAR YOUR DATABASE if this test fails (each time until its right!)"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Login deve funcionar
+    testString: 'getUserInput => $.ajax({url: getUserInput("url")+ "/login",data: {username: "freeCodeCampTester", password: "freeCodeCampTester"}, type: "POST", xhrFields: { withCredentials: true }}) .then(data => { assert.match(data, /Profile/gi, "Login should work if previous test was done successfully and redirect successfully to the profile. Check your work and clear your DB"); assert.match(data, /freeCodeCampTester/gi, "The profile should properly display the welcome to the user logged in"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Logout deve funcionar
+    testString: 'getUserInput => $.ajax({url: getUserInput("url")+ "/logout", type: "GET", xhrFields: { withCredentials: true }}) .then(data => { assert.match(data, /Home/gi, "Logout should redirect to home"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: O perfil não deve mais funcionar após o logout
+    testString: 'getUserInput => $.ajax({url: getUserInput("url")+ "/profile", type: "GET", crossDomain: true, xhrFields: { withCredentials: true }}) .then(data => { assert.match(data, /Home/gi, "Profile should redirect to home when we are logged out now again"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.portuguese.md
new file mode 100644
index 0000000000..4733a3c305
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.portuguese.md
@@ -0,0 +1,41 @@
+---
+id: 589fc832f9fc0f352b528e79
+title: Send and Display Chat Messages
+challengeType: 2
+videoUrl: ''
+localeTitle: Enviar e exibir mensagens de bate-papo
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-socketio/">GitHub</a> . É hora de você começar a permitir que os clientes enviem uma mensagem de chat para o servidor para emitir para todos os clientes! Já no seu arquivo client.js você deve ver que já existe um bloco de manuseio de código quando o formulário de mensagem é enviado! ( <code>$(&#39;form&#39;).submit(function(){ /*logic*/ });</code> ) <hr> Dentro do código que você está processando o formulário, envie um evento depois de definir &#39;messageToSend&#39;, mas antes de limpar a caixa de texto <code>#m</code> . O evento deve ser chamado &#39;mensagem de chat&#39; e os dados devem ser apenas &#39;messageToSend&#39;. <code>socket.emit(&#39;chat message&#39;, messageToSend);</code> Agora no seu servidor você deve estar ouvindo o socket para o evento &#39;mensagem de chat&#39; com os dados sendo nomeados &#39;message&#39;. Uma vez que o evento é recebido, ele deve emitir o evento &#39;mensagem de bate-papo&#39; para todos os soquetes <code>io.emit</code> com os dados sendo um objeto contendo &#39;nome&#39; e &#39;mensagem&#39;. Agora, no seu cliente novamente, você deve ouvir o evento &#39;mensagem de bate-papo&#39; e, quando recebido, acrescentar um item da lista a # <code>#messages</code> com o nome de dois-pontos e a mensagem! Neste ponto, o chat deve estar totalmente funcional e enviar mensagens para todos os clientes! Envie sua página quando achar que está certo. Se você estiver com erros, você pode verificar o projeto até este ponto <a href="https://gist.github.com/JosephLivengood/3e4b7750f6cd42feaa2768458d682136">aqui para o servidor</a> e <a href="https://gist.github.com/JosephLivengood/41ba76348df3013b7870dc64861de744">aqui para o cliente</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O servidor escuta "mensagem de bate-papo" e emite-a corretamente
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /socket.on.*("|")chat message("|")[^]*io.emit.*("|")chat message("|").*name.*message/gi, "Your server should listen to the socket for "chat message" then emit to all users "chat message" with name and message in the data object"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Cliente manipulando e exibindo adequadamente os novos dados do evento 'mensagem de bate-papo'
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.on.*("|")chat message("|")[^]*messages.*li/gi, "You should append a list item to #messages on your client within the "chat message" event listener to display the new message"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.portuguese.md
new file mode 100644
index 0000000000..61cbabb67d
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 5895f70cf9fc0f352b528e66
+title: Serialization of a User Object
+challengeType: 2
+videoUrl: ''
+localeTitle: Serialização de um objeto de usuário
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Serialização e desserialização são conceitos importantes em relação à autenticação. Serializar um objeto significa converter seu conteúdo em uma pequena <em>chave</em> essencialmente que pode ser desserializada no objeto original. Isso é o que nos permite saber quem se comunicou com o servidor sem ter que enviar os dados de autenticação como nome de usuário e senha em cada solicitação para uma nova página. Para configurá-lo corretamente, precisamos ter uma função de serialização e uma função de desserialização. No passaporte, criamos estes com <code>passport.serializeUser( OURFUNCTION )</code> e <code>passport.deserializeUser( OURFUNCTION )</code> O serializeUser é chamado com 2 argumentos, o objeto de usuário completo e um retorno de chamada usado pelo passaporte. Retornado no retorno de chamada deve ser uma chave única para identificar esse usuário, o mais fácil de usar sendo os usuários _id no objeto como deveria ser único, uma vez que gerou pelo MongoDb. Da mesma forma, o deserializeUser é chamado com essa chave e também uma função de retorno de chamada para o passaporte, mas, desta vez, precisamos pegar essa chave e retornar o objeto completo do usuário ao retorno de chamada. Para fazer uma busca de consulta por um Mongo _id você terá que criar <code>const ObjectID = require(&#39;mongodb&#39;).ObjectID;</code> e, em seguida, para usá-lo, você chama <code>new ObjectID(THE_ID)</code> . Certifique-se de adicionar o MongoDB como uma dependência. Você pode ver isso nos exemplos abaixo: <pre> passport.serializeUser ((user, done) =&gt; {
+   done (null, user._id);
+ }); </pre><br><pre> passport.deserializeUser ((id, done) =&gt; {
+        db.collection (&#39;users&#39;). findOne (
+            {_id: new ObjectID (id)},
+            (err, doc) =&gt; {
+                done (null, doc);
+            }
+        );
+    }); </pre> NOTA: Este deserializeUser irá lançar um erro até que nós configuremos o BD na próxima etapa então comente todo o bloco e apenas chame <code>done(null, null)</code> na função deserializeUser. Envie sua página quando achar que está certo. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Serialize a função do usuário correta
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /passport.serializeUser/gi, "You should have created your passport.serializeUser function"); assert.match(data, /null, user._id/gi, "There should be a callback in your serializeUser with (null, user._id)"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Desserializar a função do usuário correta
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /passport.deserializeUser/gi, "You should have created your passport.deserializeUser function"); assert.match(data, /null,( |)null/gi, "There should be a callback in your deserializeUser with (null, null) for now"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: MongoDB é uma dependência
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "mongodb", "Your project should list "mongodb" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 'Mongodb corretamente necessário, incluindo o ObjectId'
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")mongodb("|")/gi, "You should have required mongodb"); assert.match(data, /new ObjectID.*id/gi, "Even though the block is commented out, you should use new ObjectID(id) for when we add the database"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-a-template-engine.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-a-template-engine.portuguese.md
new file mode 100644
index 0000000000..98883f4552
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-a-template-engine.portuguese.md
@@ -0,0 +1,43 @@
+---
+id: 5895f700f9fc0f352b528e63
+title: Set up a Template Engine
+challengeType: 2
+videoUrl: ''
+localeTitle: Configurar um mecanismo de modelo
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Um mecanismo de modelo permite que você use arquivos de modelo estáticos (como aqueles escritos em <em>Pug</em> ) no seu aplicativo. No tempo de execução, o mecanismo de modelo substitui as variáveis ​​em um arquivo de modelo por valores reais que podem ser fornecidos pelo servidor e transforma o modelo em um arquivo HTML estático que é então enviado ao cliente. Essa abordagem facilita o design de uma página HTML e permite a exibição de variáveis ​​na página sem precisar fazer uma chamada de API do cliente. Para configurar o <em>Pug</em> para uso em seu projeto, você precisará adicioná-lo como uma dependência primeiro no seu package.json. <code>&quot;pug&quot;: &quot;^0.1.0&quot;</code> Agora, para dizer ao Node / Express para usar o mecanismo de modelagem, você terá que dizer ao seu <b>aplicativo</b> expresso para <b>definir</b> &#39;pug&#39; como o &#39;mecanismo de visualização&#39;. <code>app.set(&#39;view engine&#39;, &#39;pug&#39;)</code> Por fim, você deve alterar sua resposta à solicitação da rota de índice para <code>res.render</code> com o caminho para as <em>visualizações / pug / index.pug</em> . Se tudo correu como planejado, você deve atualizar sua home page de aplicativos e ver uma pequena mensagem dizendo que você está rending com sucesso o Pug do nosso arquivo Pug! Envie sua página quando achar que está certo. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Pug é uma dependência
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "pug", "Your project should list "pug" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: O motor da vista é Pug
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /("|")view engine("|"),( |)("|")pug("|")/gi, "Your project should set Pug as a view engine"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Pug está trabalhando
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/") .then(data => { assert.match(data, /pug-success-message/gi, "Your projects home page should now be rendered by pug with the projects .pug file unaltered"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-passport.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-passport.portuguese.md
new file mode 100644
index 0000000000..5cd52b28bd
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-passport.portuguese.md
@@ -0,0 +1,49 @@
+---
+id: 5895f70cf9fc0f352b528e65
+title: Set up Passport
+challengeType: 2
+videoUrl: ''
+localeTitle: Configurar Passaporte
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . É hora de configurar o <em>Passport</em> para que possamos finalmente começar a permitir que um usuário se registre ou faça login em uma conta! Além do Passport, usaremos a sessão Express para lidar com as sessões. O uso desse middleware salva o id da sessão como um cookie no cliente e nos permite acessar os dados da sessão usando esse id no servidor. Dessa forma, mantemos as informações da conta pessoal fora do cookie usado pelo cliente para verificar ao nosso servidor que elas estão autenticadas e apenas manter a <em>chave</em> para acessar os dados armazenados no servidor. Para configurar o Passport para uso em seu projeto, você precisará adicioná-lo como uma dependência primeiro em seu package.json. <code>&quot;passport&quot;: &quot;^0.3.2&quot;</code> Além disso, inclua também a sessão Express como uma dependência. Express-session tem uma tonelada de recursos avançados que você pode usar, mas por enquanto vamos usar apenas o básico! <code>&quot;express-session&quot;: &quot;^1.15.0&quot;</code> Você precisará configurar as configurações da sessão agora e inicializar o Passport. Certifique-se primeiro de criar as variáveis ​​&#39;session&#39; e &#39;passport&#39; para exigir &#39;express-session&#39; e &#39;passport&#39; respectivamente. Para configurar seu aplicativo expresso para usar, use a sessão para definir apenas algumas opções básicas. Não se esqueça de adicionar &#39;SESSION_SECRET&#39; ao seu arquivo .env e atribuir um valor aleatório. Isso é usado para calcular o hash usado para criptografar seu cookie! <pre> app.use (session ({
+  secreto: process.env.SESSION_SECRET,
+  resave: true
+  saveUninitialized: true,
+})); </pre> Você também pode ir em frente e dizer ao seu aplicativo expresso para <b>usar</b> &#39;passport.initialize ()&#39; e &#39;passport.session ()&#39;. (Por exemplo, <code>app.use(passport.initialize());</code> ) Envie sua página quando achar que está certo. Se você estiver com erros, confira o projeto concluído até este ponto <a href="https://gist.github.com/JosephLivengood/338a9c5a326923c3826a666d430e65c3">aqui</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Passort e Express-session são dependências
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "passport", "Your project should list "passport" as a dependency"); assert.property(packJson.dependencies, "express-session", "Your project should list "express-session" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Dependências corretamente requeridas
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")passport("|")/gi, "You should have required passport"); assert.match(data, /require.*("|")express-session("|")/gi, "You should have required express-session"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: O aplicativo expresso usa novas dependências
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /passport.initialize/gi, "Your express app should use "passport.initialize()""); assert.match(data, /passport.session/gi, "Your express app should use "passport.session()""); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Sessão e sessão secretos corretamente configurados
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /secret:( |)process.env.SESSION_SECRET/gi, "Your express app should have express-session set up with your secret as process.env.SESSION_SECRET"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-the-environment.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-the-environment.portuguese.md
new file mode 100644
index 0000000000..ec9dd66b18
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-the-environment.portuguese.md
@@ -0,0 +1,48 @@
+---
+id: 589fc830f9fc0f352b528e74
+title: Set up the Environment
+challengeType: 2
+videoUrl: ''
+localeTitle: Configurar o ambiente
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-socketio/">GitHub</a> . Adicione Socket.IO como uma dependência e exija / instancie-o em seu servidor definido como &#39;io&#39; com o servidor http como um argumento. <code>const io = require(&#39;socket.io&#39;)(http);</code> A primeira coisa que precisa ser tratada é ouvir uma nova conexão do cliente. A palavra <dfn>-</dfn> chave <dfn>on</dfn> faz exatamente isso - escute um evento específico. Requer 2 argumentos: uma string contendo o título do evento que é emitido e uma função com a qual os dados são passados. No caso do nosso ouvinte de conexão, usamos o <em>soquete</em> para definir os dados no segundo argumento. Um soquete é um cliente individual que está conectado. Para ouvir conexões em nosso servidor, inclua o seguinte entre os comentários em seu projeto: <pre> io.on (&#39;conexão&#39;, soquete =&gt; {
+  console.log (&#39;Um usuário se conectou&#39;);
+}); </pre> Agora, para o cliente se conectar, basta adicionar o seguinte ao seu client.js, que é carregado pela página após a autenticação: <pre> / * global io * /
+var socket = io (); </pre> O comentário suprime o erro que você normalmente veria, pois &#39;io&#39; não está definido no arquivo. Já adicionamos um CDN confiável à biblioteca Socket.IO na página em chat.pug. Agora tente carregar seu aplicativo e autenticar e você deverá ver no console do seu servidor &#39;Um usuário se conectou&#39;! <strong>Nota</strong> <br> <code>io()</code> funciona apenas quando se conecta a um socket hospedado no mesmo url / servidor. Para conectar-se a um soquete externo hospedado em outro lugar, você usaria <code>io.connect(&#39;URL&#39;);</code> . Envie sua página quando achar que está certo. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Socket.IO é uma dependência
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "socket.io", "Your project should list "socket.io" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Socket.IO foi devidamente requerido e instanciado
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js").then(data => {assert.match(data, /io.*=.*require.*("|")socket.io("|").*http/gi, "You should correctly require and instantiate socket.io as io.");}, xhr => { throw new Error(xhr.statusText); })'
+  - text: O Socket.IO deve estar atento a conexões
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /io.on.*("|")connection("|").*socket/gi, "io should listen for "connection" and socket should be the 2nd arguments variable"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Seu cliente deve se conectar ao seu servidor
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.*=.*io/gi, "Your client should be connection to server with the connection defined as socket"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.portuguese.md
new file mode 100644
index 0000000000..d9a45418b5
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.portuguese.md
@@ -0,0 +1,39 @@
+---
+id: 5895f70bf9fc0f352b528e64
+title: Use a Template Engine's Powers
+challengeType: 2
+videoUrl: ''
+localeTitle: Use os poderes de um motor de modelo
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Um dos maiores recursos de usar um mecanismo de modelo é poder passar variáveis ​​do servidor para o arquivo de modelo antes de renderizá-lo para HTML. No seu arquivo Pug, você está prestes a usar uma variável referenciando o nome da variável como <code>#{variable_name}</code> inline com outro texto em um elemento ou usando um lado igual no elemento sem um espaço como <code>p= variable_name</code> que define esse p texto dos elementos para igualar a variável. Nós recomendamos fortemente que você olhe a sintaxe e a estrutura do Pug <a href="https://github.com/pugjs/pug">aqui</a> em seu README do Githubs. Pug tem tudo a ver com o uso de espaços em branco e guias para mostrar elementos aninhados e reduzir a quantidade de código necessária para criar um site bonito. Olhando para o nosso arquivo pug &#39;index.pug&#39; incluído no seu projeto, usamos as variáveis <em>title</em> e <em>message</em> Para passar essas informações sozinho do nosso servidor, você precisará adicionar um objeto como um segundo argumento ao seu <em>res.render</em> com as variáveis ​​e seu valor. Por exemplo, passe esse objeto ao longo da configuração das variáveis ​​para sua visualização de índice: <code>{title: &#39;Hello&#39;, message: &#39;Please login&#39;</code> Deve ser semelhante a: <code>res.render(process.cwd() + &#39;/views/pug/index&#39;, {title: &#39;Hello&#39;, message: &#39;Please login&#39;});</code> Agora atualize sua página e você deverá ver esses valores renderizados em sua visão no local correto, conforme estabelecido em seu arquivo index.pug! Envie sua página quando achar que está certo. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Variáveis ​​de renderização do Pug corretas
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/") .then(data => { assert.match(data, /pug-variable("|")>Please login/gi, "Your projects home page should now be rendered by pug with the projects .pug file unaltered"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/anonymous-message-board.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/anonymous-message-board.portuguese.md
new file mode 100644
index 0000000000..f8b8e5b273
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/anonymous-message-board.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: 587d824a367417b2b2512c45
+title: Anonymous Message Board
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: Quadro de mensagens anônimas
+---
+
+## Description
+<section id="description"> Crie um aplicativo JavaScript de pilha completa que seja funcionalmente semelhante a este: <a href="https://horn-celery.glitch.me/" target="_blank">https://horn-celery.glitch.me/</a> . Trabalhar neste projeto envolverá você escrevendo seu código no Glitch em nosso projeto inicial. Depois de concluir este projeto, você pode copiar sua URL de falha pública (para a página inicial do seu aplicativo) nesta tela para testá-lo! Opcionalmente, você pode optar por escrever seu projeto em outra plataforma, mas deve estar publicamente visível para nossos testes. Inicie este projeto no Glitch usando <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-project-messageboard/">este link</a> ou clone <a href="https://github.com/freeCodeCamp/boilerplate-project-messageboard/">este repositório</a> no GitHub! Se você usa o Glitch, lembre-se de salvar o link do seu projeto em algum lugar seguro! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Apenas permita que seu site seja carregado em um iFrame em suas próprias páginas.
+    testString: ''
+  - text: Não permitir pré-busca de DNS.
+    testString: ''
+  - text: Apenas permita que seu site envie o referenciador para suas próprias páginas.
+    testString: ''
+  - text: 'Eu posso POSTAR um tópico para um quadro de mensagens específico passando o texto dos dados do formulário e deletepassword_ para /api/threads/{board}.(Recomendar res.redirecionar para a página do fórum / b / {quadro}) Salvo será pelo menos _id, texto , createdon_ (data e hora), bumpedon_ (data e hora, começa igual a created_on), reported (boolean), deletepassword_, e replies (array).'
+    testString: ''
+  - text: 'Eu POSTAR POSTAR uma resposta a um tópico em uma placa específica passando o texto dos dados do formulário, deletepassword_, & threadid_ para / api / replies / {board} e também atualizará a data bumped_on para a data dos comentários. (Recomende res.redirecionar para thread page / b / {board} / {thread_id}) No array de respostas do thread, serão salvos _id, text, createdon_, deletepassword_, & reported.'
+    testString: ''
+  - text: 'Eu posso obter uma matriz dos 10 tópicos mais recentes no painel com apenas as 3 respostas mais recentes de / api / threads / {board}. Os campos denunciados e deletepasswords_ não serão enviados para o cliente.'
+    testString: ''
+  - text: 'Eu posso obter um segmento inteiro com todas as suas respostas de / api / replies / {board}? Thread_id = {thread_id}. Também ocultando os mesmos campos que o cliente deve ver.'
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: 'Eu posso deletar um post (apenas mudando o texto para "[deleted]" ao invés de remover completamente como um thread) se eu enviar um pedido DELETE para / api / replies / {board} e passar o threadid_, replyid_, & deletepassword_. (Resposta de texto será "senha incorreta" ou "sucesso")'
+    testString: ''
+  - text: 'Eu posso relatar um thread e alterar seu valor relatado para true enviando uma solicitação PUT para / api / threads / {board} e passando o threadid_. (Resposta de texto será "sucesso")'
+    testString: ''
+  - text: 'Posso denunciar uma resposta e alterar o valor relatado para true, enviando uma solicitação PUT para / api / replies / {board} e repassando o threadid_ & replyid_. (Resposta de texto será "sucesso")'
+    testString: ''
+  - text: Testes funcionais completos que testam totalmente as rotas e passam.
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/issue-tracker.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/issue-tracker.portuguese.md
new file mode 100644
index 0000000000..fd3ef36b7a
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/issue-tracker.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 587d8249367417b2b2512c42
+title: Issue Tracker
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: Rastreador de problemas
+---
+
+## Description
+<section id="description"> Crie um aplicativo JavaScript de pilha completa que seja funcionalmente semelhante a este: <a href="https://protective-garage.glitch.me/" target="_blank">https://protective-garage.glitch.me/</a> . Trabalhar neste projeto envolverá você escrevendo seu código no Glitch em nosso projeto inicial. Depois de concluir este projeto, você pode copiar sua URL de falha pública (para a página inicial do seu aplicativo) nesta tela para testá-lo! Opcionalmente, você pode optar por escrever seu projeto em outra plataforma, mas deve estar publicamente visível para nossos testes. Inicie este projeto no Glitch usando <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-project-issuetracker/">este link</a> ou clone <a href="https://github.com/freeCodeCamp/boilerplate-project-issuetracker/">este repositório</a> no GitHub! Se você usa o Glitch, lembre-se de salvar o link do seu projeto em algum lugar seguro! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Evitar ataques de script entre sites (XSS).
+    testString: ''
+  - text: 'Eu posso POST / api / issues / {projectname} com dados de formulário contendo required issue_title, issue_text, created_by e optional assigned_to e status_text.'
+    testString: ''
+  - text: 'O objeto salvo (e retornado) incluirá todos esses campos (em branco para opcional sem entrada) e também incluirá created_on (data / hora), updated_on (data / hora), open (booleano, true para open, false para fechado), e _id.'
+    testString: ''
+  - text: 'Eu posso colocar / api / issues / {projectname} com um id e quaisquer campos no objeto com um valor para o objeto objeto disse. Retornado será "atualizado com sucesso" ou "não foi possível atualizar" + id. Isso deve sempre atualizar updated_on. Se nenhum campo for enviado, retorne "nenhum campo atualizado enviado".'
+    testString: ''
+  - text: 'Eu posso DELETE / api / issues / {projectname} com um id para deletar completamente um problema. Se nenhum _id for enviado, retorne "id error", success: "deleted" + id, failed: "não foi possível excluir" + id.'
+    testString: ''
+  - text: 'Eu posso GET / api / issues / {projectname} para uma matriz de todas as questões sobre esse projeto específico com todas as informações para cada problema como foi retornado quando publicado.'
+    testString: ''
+  - text: 'Eu posso filtrar meu pedido de obtenção passando também ao longo de qualquer campo e valor na consulta (ou seja, / api / issues / {project}? Open = false). Eu posso passar tantos campos / valores quanto eu quiser.'
+    testString: ''
+  - text: Todos os 11 testes funcionais estão completos e aprovados.
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/metric-imperial-converter.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/metric-imperial-converter.portuguese.md
new file mode 100644
index 0000000000..b51868fc4b
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/metric-imperial-converter.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 587d8249367417b2b2512c41
+title: Metric-Imperial Converter
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: Conversor Metric-Imperial
+---
+
+## Description
+<section id="description"> Crie um aplicativo JavaScript de pilha completa que seja funcionalmente semelhante a este: <a href="https://hard-twilight.glitch.me/" target="_blank">https://hard-twilight.glitch.me/</a> . Trabalhar neste projeto envolverá você escrevendo seu código no Glitch em nosso projeto inicial. Depois de concluir este projeto, você pode copiar sua URL de falha pública (para a página inicial do seu aplicativo) nesta tela para testá-lo! Opcionalmente, você pode optar por escrever seu projeto em outra plataforma, mas deve estar publicamente visível para nossos testes. Inicie este projeto no Glitch usando <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-project-metricimpconverter/">este link</a> ou clone <a href="https://github.com/freeCodeCamp/boilerplate-project-metricimpconverter/">este repositório</a> no GitHub! Se você usa o Glitch, lembre-se de salvar o link do seu projeto em algum lugar seguro! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Vou evitar que o cliente tente adivinhar (sniff) o tipo MIME.
+    testString: ''
+  - text: Impedirei ataques de cross-site scripting (XSS).
+    testString: ''
+  - text: 'Eu posso GET / api / convert com um único parâmetro contendo um número aceito e unidade e tê-lo convertido. (Dica: Divida a entrada procurando pelo índice do primeiro caractere que marcará o início da unidade)'
+    testString: ''
+  - text: 'Eu posso converter ''gal'' para ''L'' e vice-versa. (1 galão para 3,78541 L)'
+    testString: ''
+  - text: 'Eu posso converter ''lbs'' para ''kg'' e vice-versa. (1 lbs a 0,453592 kg)'
+    testString: ''
+  - text: Eu posso converter 'mi' para 'km' e vice-versa. (1 mi para 1.60934 km)
+    testString: ''
+  - text: 'Se minha unidade de medida for inválida, o retorno será "unidade inválida".'
+    testString: ''
+  - text: 'Se meu número for inválido, retornei com a opção "número inválido".'
+    testString: ''
+  - text: 'Se ambos forem inválidos, o retorno será "número e unidade inválidos".'
+    testString: ''
+  - text: 'Eu posso usar frações, decimais ou ambos no meu parâmetro (ou seja, 5, 1/2, 2.5 / 6), mas se nada for fornecido, o padrão será 1.'
+    testString: ''
+  - text: 'Meu retorno consistirá das unidades initNum, initUnit, returnNum, returnUnit e string soletrando no formato "{initNum} {initial_Units} convertido em {returnNum} {return_Units}" com o resultado arredondado para 5 decimais na string.'
+    testString: ''
+  - text: Todos os 16 testes de unidade estão completos e aprovados.
+    testString: ''
+  - text: Todos os 5 testes funcionais estão completos e aprovados.
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/personal-library.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/personal-library.portuguese.md
new file mode 100644
index 0000000000..d812b29cec
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/personal-library.portuguese.md
@@ -0,0 +1,58 @@
+---
+id: 587d824a367417b2b2512c43
+title: Personal Library
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: Biblioteca pessoal
+---
+
+## Description
+<section id="description"> Crie um aplicativo JavaScript de pilha completa que seja funcionalmente semelhante a este: <a href="https://spark-cathedral.glitch.me/" target="_blank">https://spark-cathedral.glitch.me/</a> . Trabalhar neste projeto envolverá você escrevendo seu código no Glitch em nosso projeto inicial. Depois de concluir este projeto, você pode copiar sua URL de falha pública (para a página inicial do seu aplicativo) nesta tela para testá-lo! Opcionalmente, você pode optar por escrever seu projeto em outra plataforma, mas deve estar publicamente visível para nossos testes. Inicie este projeto no Glitch usando <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-project-library/">este link</a> ou clone <a href="https://github.com/freeCodeCamp/boilerplate-project-library/">este repositório</a> no GitHub! Se você usa o Glitch, lembre-se de salvar o link do seu projeto em algum lugar seguro! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Nada do meu site será armazenado em cache no meu cliente.
+    testString: ''
+  - text: Os cabeçalhos dirão que o site é alimentado pelo 'PHP 4.2.0' mesmo que não seja (como medida de segurança).
+    testString: ''
+  - text: Eu posso postar um título para / api / books para adicionar um livro e retornado será o objeto com o título e um único _id.
+    testString: ''
+  - text: 'Posso obter / api / books para recuperar uma matriz de todos os livros que contenham title, _id e commentcount.'
+    testString: ''
+  - text: 'Eu posso obter / api / books / {id} para recuperar um único objeto de um livro contendo _title, _id, e uma matriz de comentários (array vazio se nenhum comentário estiver presente).'
+    testString: ''
+  - text: 'Eu posso postar um comentário para / api / books / {id} para adicionar um comentário a um livro e retornado será o objeto de livros semelhante a get / api / books / {id} incluindo o novo comentário.'
+    testString: ''
+  - text: 'Eu posso excluir / api / books / {_ id} para excluir um livro da coleção. Retornado será "delete successful" se for bem sucedido.'
+    testString: ''
+  - text: 'Se eu tentar solicitar um livro que não existe, serei devolvido ''não existe livro''.'
+    testString: ''
+  - text: Posso enviar uma solicitação de exclusão para / api / books para excluir todos os livros no banco de dados. Retornado será 'complete delete successful' se for bem sucedido.
+    testString: ''
+  - text: Todos os 6 testes funcionais necessários são completos e aprovados.
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/stock-price-checker.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/stock-price-checker.portuguese.md
new file mode 100644
index 0000000000..cc91108ebe
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/stock-price-checker.portuguese.md
@@ -0,0 +1,52 @@
+---
+id: 587d824a367417b2b2512c44
+title: Stock Price Checker
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: Verificador de preços de ações
+---
+
+## Description
+<section id="description"> Crie um aplicativo JavaScript de pilha completa que seja funcionalmente semelhante a este: <a href="https://giant-chronometer.glitch.me/" target="_blank">https://giant-chronometer.glitch.me/</a> . Trabalhar neste projeto envolverá você escrevendo seu código no Glitch em nosso projeto inicial. Depois de concluir este projeto, você pode copiar sua URL de falha pública (para a página inicial do seu aplicativo) nesta tela para testá-lo! Opcionalmente, você pode optar por escrever seu projeto em outra plataforma, mas deve estar publicamente visível para nossos testes. Inicie este projeto no Glitch usando <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-project-stockchecker/">este link</a> ou clone <a href="https://github.com/freeCodeCamp/boilerplate-project-stockchecker/">este repositório</a> no GitHub! Se você usa o Glitch, lembre-se de salvar o link do seu projeto em algum lugar seguro! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Defina as políticas de segurança de conteúdo para permitir apenas o carregamento de scripts e css do seu servidor.
+    testString: ''
+  - text: Eu posso obter / api / preços de ações com dados de formulário contendo um ticker de ações da Nasdaq e receber de volta um objeto stockData.
+    testString: ''
+  - text: 'Em stockData, posso ver o estoque (string, o ticker), o preço (decimal em formato de string) e likes (int).'
+    testString: ''
+  - text: Eu também posso passar campo como true (booleano) para ter meu gosto adicionado ao estoque (s). Apenas 1 como por ip deve ser aceito.
+    testString: ''
+  - text: 'Se eu passar ao longo de 2 ações, o objeto de retorno será uma matriz com as duas informações do estoque. Em vez de curtidas, ele exibirá rel_likes (a diferença entre os likes em ambos os estoques) em ambos.'
+    testString: ''
+  - text: 'Uma boa maneira de receber o preço atual é a seguinte API externa (substituindo "GOOG" pelo seu estoque): https://finance.google.com/finance/info?q=NASDAQ%3aGOOG'
+    testString: ''
+  - text: Todos os 5 testes funcionais estão completos e aprovados.
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.portuguese.md
new file mode 100644
index 0000000000..1978f6476b
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.portuguese.md
@@ -0,0 +1,41 @@
+---
+id: 587d8248367417b2b2512c3c
+title: Ask Browsers to Access Your Site via HTTPS Only with helmet.hsts()
+challengeType: 2
+videoUrl: ''
+localeTitle: Peça aos navegadores que acessem seu site via HTTPS somente com helmet.hsts ()
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . A Segurança de Transporte Rígido HTTP (HSTS) é uma política de segurança da Web que ajuda a proteger sites contra ataques de downgrade de protocolo e sequestro de cookies. Se o seu site pode ser acessado via HTTPS, você pode pedir aos navegadores do usuário para evitar o uso de HTTP inseguro. Ao definir o cabeçalho Strict-Transport-Security, você indica aos navegadores que usem HTTPS para as solicitações futuras em um período de tempo especificado. Isso funcionará para as solicitações após a solicitação inicial. Configure helmet.hsts () para usar HTTPS nos próximos 90 dias. Passe o objeto de configuração {maxAge: timeInMilliseconds, force: true}. Glitch já tem hsts habilitado. Para sobrescrever suas configurações, você precisa definir o campo &quot;force&quot; como true no objeto de configuração. Vamos interceptar e restaurar o cabeçalho Glitch, depois de inspecioná-lo para teste. Nota: A configuração de HTTPS em um site personalizado requer a aquisição de um domínio e um certificado SSL / TSL. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O middleware helmet.hsts () deve ser montado corretamente
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "hsts"); assert.property(data.headers, "strict-transport-security"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: maxAge deve ser igual a 7776000 ms (90 dias)
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.match(data.headers["strict-transport-security"], /^max-age=777600000;?/); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.portuguese.md
new file mode 100644
index 0000000000..b960ce16e6
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.portuguese.md
@@ -0,0 +1,39 @@
+---
+id: 587d8248367417b2b2512c3a
+title: Avoid Inferring the Response MIME Type with helmet.noSniff()
+challengeType: 2
+videoUrl: ''
+localeTitle: Evite Inferir o Tipo MIME de Resposta com helmet.noSniff ()
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . Os navegadores podem usar o conteúdo ou o sniffing MIME para se adaptar a diferentes tipos de dados provenientes de uma resposta. Eles substituem os cabeçalhos Content-Type para adivinhar e processar os dados. Embora isso possa ser conveniente em alguns cenários, também pode levar a alguns ataques perigosos. Este middleware define o cabeçalho X-Content-Type-Options para nosniff. Isso instrui o navegador a não ignorar o Content-Type fornecido. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: middleware helmet.noSniff () deve ser montado corretamente
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "nosniff"); assert.equal(data.headers["x-content-type-options"], "nosniff"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.portuguese.md
new file mode 100644
index 0000000000..effdbb8ef9
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.portuguese.md
@@ -0,0 +1,39 @@
+---
+id: 587d8249367417b2b2512c40
+title: Configure Helmet Using the ‘parent’ helmet() Middleware
+challengeType: 2
+videoUrl: ''
+localeTitle: Configurar o capacete usando o middleware "pai" de capacete ()
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . app.use (helmet ()) incluirá automaticamente todos os middlewares apresentados acima, exceto noCache () e contentSecurityPolicy (), mas estes podem ser habilitados se necessário. Você também pode desabilitar ou configurar qualquer outro middleware individualmente, usando um objeto de configuração. // Exemplo <code>app.use(helmet({</code> <code>frameguard: { // configure</code> <code>action: &#39;deny&#39;</code> <code>},</code> <code>contentSecurityPolicy: { // enable and configure</code> <code>directives: {</code> <code>defaultSrc: [&quot;self&quot;],</code> <code>styleSrc: [&#39;style.com&#39;],</code> <code>}</code> <code>},</code> <code>dnsPrefetchControl: false // disable</code> <code>}))</code> Introduzimos cada middleware separadamente para fins de ensino e para facilitar o teste. Usar o middleware &#39;pai&#39; () é mais fácil e mais limpo para um projeto real. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: sem testes - é um desafio descritivo
+    testString: assert(true)
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.portuguese.md
new file mode 100644
index 0000000000..68dc4f7d7d
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.portuguese.md
@@ -0,0 +1,39 @@
+---
+id: 587d8249367417b2b2512c3e
+title: Disable Client-Side Caching with helmet.noCache()
+challengeType: 2
+videoUrl: ''
+localeTitle: Desativar o cache do cliente com helmet.noCache ()
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . Se você está lançando uma atualização para o seu site, e quer que os usuários sempre baixem a versão mais recente, você pode (tentar) desativar o cache no navegador do cliente. Pode ser útil no desenvolvimento também. O armazenamento em cache tem benefícios de desempenho, que você perderá, portanto, use essa opção somente quando houver uma necessidade real. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: middleware helmet.noCache () deve ser montado corretamente
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "nocache"); assert.equal(data.headers["cache-control"], "no-store, no-cache, must-revalidate, proxy-revalidate"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.portuguese.md
new file mode 100644
index 0000000000..8728714429
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.portuguese.md
@@ -0,0 +1,39 @@
+---
+id: 587d8248367417b2b2512c3d
+title: Disable DNS Prefetching with helmet.dnsPrefetchControl()
+challengeType: 2
+videoUrl: ''
+localeTitle: Desativar pré-busca de DNS com helmet.dnsPrefetchControl ()
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . Para melhorar o desempenho, a maioria dos navegadores pré-busca registros DNS para os links em uma página. Dessa forma, o ip de destino já é conhecido quando o usuário clica em um link. Isso pode levar ao uso excessivo do serviço DNS (se você possui um site grande, visitado por milhões de pessoas ...), problemas de privacidade (um intruso poderia inferir que você está em uma determinada página) ou alteração de estatísticas de página (alguns links podem aparecem visitados mesmo que não sejam). Se você tiver necessidades de alta segurança, poderá desativar a pré-busca de DNS, ao custo de uma penalidade de desempenho. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O middleware helmet.dnsPrefetchControl () deve ser montado corretamente
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "dnsPrefetchControl"); assert.equal(data.headers["x-dns-prefetch-control"], "off"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.portuguese.md
new file mode 100644
index 0000000000..cbbc005f6a
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.portuguese.md
@@ -0,0 +1,44 @@
+---
+id: 58a25bcff9fc0f352b528e7d
+title: Hash and Compare Passwords Asynchronously
+challengeType: 2
+videoUrl: ''
+localeTitle: Hash e compare senhas de forma assíncrona
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-bcrypt/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-bcrypt/">GitHub</a> . Como o hashing é projetado para ser computacionalmente intensivo, recomenda-se fazê-lo de forma assíncrona em seu servidor, a fim de evitar o bloqueio de conexões de entrada enquanto você faz o hash. Tudo que você precisa fazer para criar um hash com uma senha assíncrona é chamar <code>bcrypt.hash(myPlaintextPassword, saltRounds, (err, hash) =&gt; { /*Store hash in your db*/ });</code> <hr> Adicione esta função de hash ao seu servidor (nós já definimos as variáveis ​​usadas na função para você usar) e registre-a no console para você ver! Neste ponto, você normalmente salvaria o hash em seu banco de dados. Agora, quando você precisa descobrir se uma nova entrada é os mesmos dados que o hash, basta usar a função de comparação <code>bcrypt.compare(myPlaintextPassword, hash, (err, res) =&gt; { /*res == true or false*/ });</code> . Adicione isso à sua função de hash existente (desde que você precise aguardar o hash concluir antes de chamar a função de comparação) depois de registrar o hash e log &#39;res&#39; completos no console dentro da comparação. Você deve ver no console um hash, então &#39;true&#39; é impresso! Se você alterar &#39;myPlaintextPassword&#39; na função de comparação para &#39;someOtherPlaintextPassword&#39;, deverá dizer false. <pre> bcrypt.hash (&#39;passw0rd!&#39;, 13, (err, hash) =&gt; {
+  console.log (hash); //$2a$12$Y.PHPE15wR25qrrtgGkiYe2sXo98cjuMCG1YwSI5rJW1DSJp0gEYS
+  bcrypt.compare (&#39;passw0rd!&#39;, hash, (err, res) =&gt; {
+      console.log (res); //verdade
+  });
+}); </pre> Envie sua página quando achar que está certo. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Hash assíncrono gerado e comparado corretamente
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /START_ASYNC[^]*bcrypt.hash.*myPlaintextPassword( |),( |)saltRounds( |),( |).*err( |),( |)hash[^]*END_ASYNC/gi, "You should call bcrypt.hash on myPlaintextPassword and saltRounds and handle err and hash as a result in the callback"); assert.match(data, /START_ASYNC[^]*bcrypt.hash[^]*bcrypt.compare.*myPlaintextPassword( |),( |)hash( |),( |).*err( |),( |)res[^]*}[^]*}[^]*END_ASYNC/gi, "Nested within the hash function should be the compare function comparing myPlaintextPassword to hash"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.portuguese.md
new file mode 100644
index 0000000000..f06d33bfd3
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.portuguese.md
@@ -0,0 +1,39 @@
+---
+id: 58a25bcff9fc0f352b528e7e
+title: Hash and Compare Passwords Synchronously
+challengeType: 2
+videoUrl: ''
+localeTitle: Hash e Compare Senhas Sinteticamente
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-bcrypt/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-bcrypt/">GitHub</a> . Hashing de forma síncrona é tão fácil de fazer, mas pode causar atrasos se for usado do lado do servidor com um alto custo ou com hash feito com muita frequência. Hashing com este método é tão fácil quanto chamar <code>var hash = bcrypt.hashSync(myPlaintextPassword, saltRounds);</code> <hr> Adicione esse método de hash ao seu código e, em seguida, registre o resultado no console. Novamente, as variáveis ​​usadas já estão definidas no servidor, então você não precisará ajustá-las. Você pode notar que mesmo que você esteja processando a mesma senha que na função assíncrona, o resultado no console é diferente - isso se deve ao fato de o sal ser gerado aleatoriamente conforme visto pelos 22 primeiros caracteres da terceira string do hash. . Agora, para comparar uma entrada de senha com o novo hash de sincronização, você usaria o método compareSync: <code>var result = bcrypt.compareSync(myPlaintextPassword, hash);</code> com o resultado sendo um booleano verdadeiro ou falso. Adicione esta função e registre no console o resultado para vê-lo funcionando. Envie sua página quando achar que está certo. Se você encontrou erros durante esses desafios, pode dar uma olhada no exemplo de código concluído <a href="https://gist.github.com/JosephLivengood/9a2698fb63e42d9d8b4b84235c08b4c4">aqui</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sincronizar hash gerado e comparado corretamente
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /START_SYNC[^]*hash.*=.*bcrypt.hashSync.*myPlaintextPassword( |),( |)saltRounds[^]*END_SYNC/gi, "You should call bcrypt.hashSync on myPlaintextPassword with saltRounds"); assert.match(data, /START_SYNC[^]*result.*=.*bcrypt.compareSync.*myPlaintextPassword( |),( |)hash[^]*END_SYNC/gi, "You should call bcrypt.compareSync on myPlaintextPassword with the hash generated in the last line"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.portuguese.md
new file mode 100644
index 0000000000..c047b02165
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.portuguese.md
@@ -0,0 +1,39 @@
+---
+id: 587d8247367417b2b2512c37
+title: Hide Potentially Dangerous Information Using helmet.hidePoweredBy()
+challengeType: 2
+videoUrl: ''
+localeTitle: Ocultar informações potencialmente perigosas usando helmet.hidePoweredBy ()
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . Os hackers podem explorar vulnerabilidades conhecidas no Express / Node se perceberem que seu site é ativado pelo Express. X-Powered-By: Express é enviado em todas as solicitações provenientes do Express por padrão. O middleware helmet.hidePoweredBy () removerá o cabeçalho X-Powered-By. Você também pode definir explicitamente o cabeçalho para outra coisa, para expulsar as pessoas. eg app.use (helmet.hidePoweredBy ({setTo: &#39;PHP 4.2.0&#39;})) </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O middleware helmet.hidePoweredBy () deve ser montado corretamente
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "hidePoweredBy"); assert.notEqual(data.headers["x-powered-by"], "Express")}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/install-and-require-helmet.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/install-and-require-helmet.portuguese.md
new file mode 100644
index 0000000000..dcc49a4967
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/install-and-require-helmet.portuguese.md
@@ -0,0 +1,39 @@
+---
+id: 587d8247367417b2b2512c36
+title: Install and Require Helmet
+challengeType: 2
+videoUrl: ''
+localeTitle: Instale e requeira capacete
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . O Helmet ajuda você a proteger seus aplicativos Express configurando vários cabeçalhos HTTP. Instale o pacote e, em seguida, exija-o. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A dependência de "capacete" deve estar no pacote.json
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/package.json").then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "helmet"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.portuguese.md
new file mode 100644
index 0000000000..98e60da6ee
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.portuguese.md
@@ -0,0 +1,41 @@
+---
+id: 587d8247367417b2b2512c38
+title: Mitigate the Risk of Clickjacking with helmet.frameguard()
+challengeType: 2
+videoUrl: ''
+localeTitle: Mitigar o risco de clickjacking com helmet.frameguard ()
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . Sua página pode ser colocada em um <code>&lt;frame&gt;</code> ou <code>&lt;iframe&gt;</code> sem o seu consentimento. Isso pode resultar em ataques de clickjacking, entre outras coisas. O clickjacking é uma técnica para induzir o usuário a interagir com uma página diferente do que o usuário pensa que é. Isto pode ser obtido executando sua página em um contexto malicioso, por meio de iframing. Nesse contexto, um hacker pode colocar uma camada oculta na sua página. Botões ocultos podem ser usados ​​para executar scripts inválidos. Este middleware define o cabeçalho X-Frame-Options. Ele restringe quem pode colocar seu site em um frame. Tem três modos: DENY, SAMEORIGIN e ALLOW-FROM. Nós não precisamos que nosso aplicativo seja enquadrado. Você deve usar <code>helmet.frameguard()</code> passando com o objeto de configuração <code>{action: &#39;deny&#39;}</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O middleware helmet.frameguard () deve ser montado corretamente
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "frameguard", "helmet.frameguard() middleware is not mounted correctly"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: helmet.frameguard () 'action' deve ser definido como 'DENY'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.property(data.headers, "x-frame-options"); assert.equal(data.headers["x-frame-options"], "DENY");}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.portuguese.md
new file mode 100644
index 0000000000..30dcbb2e96
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.portuguese.md
@@ -0,0 +1,39 @@
+---
+id: 587d8247367417b2b2512c39
+title: Mitigate the Risk of Cross Site Scripting (XSS) Attacks with helmet.xssFilter()
+challengeType: 2
+videoUrl: ''
+localeTitle: Reduza o risco de ataques de script de site cruzado (XSS) com helmet.xssFilter ()
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . O script entre sites (XSS) é um tipo freqüente de ataque, em que scripts mal-intencionados são injetados em páginas vulneráveis, com o objetivo de roubar dados confidenciais, como cookies de sessão ou senhas. A regra básica para diminuir o risco de um ataque XSS é simples: “Nunca confie na entrada do usuário”. Como desenvolvedor, você deve sempre higienizar toda a entrada vinda de fora. Isso inclui dados provenientes de formulários, URLs de consulta GET e até mesmo de corpos POST. Saneantes significa que você deve encontrar e codificar os caracteres que podem ser perigosos, por exemplo, &lt;,&gt;. Os navegadores modernos podem ajudar a reduzir o risco adotando melhores estratégias de software. Muitas vezes, eles são configuráveis ​​por meio de cabeçalhos http. O cabeçalho HTTP X-XSS-Protection é uma proteção básica. O navegador detecta um potencial script injetado usando um filtro heurístico. Se o cabeçalho estiver ativado, o navegador alterará o código de script, neutralizando-o. Ainda tem suporte limitado. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O middleware helmet.xssFilter () deve ser montado corretamente
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "xXssProtection"); assert.property(data.headers, "x-xss-protection"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.portuguese.md
new file mode 100644
index 0000000000..b77447bdd8
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.portuguese.md
@@ -0,0 +1,39 @@
+---
+id: 587d8248367417b2b2512c3b
+title: Prevent IE from Opening Untrusted HTML with helmet.ieNoOpen()
+challengeType: 2
+videoUrl: ''
+localeTitle: Impedir o IE de abrir HTML não confiável com helmet.ieNoOpen ()
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . Alguns aplicativos da Web servirão HTML não confiável para download. Algumas versões do Internet Explorer, por padrão, abrem esses arquivos HTML no contexto do seu site. Isso significa que uma página HTML não confiável pode começar a fazer coisas ruins no contexto de suas páginas. Este middleware define o cabeçalho X-Download-Options como noopen. Isso impedirá que os usuários do IE executem downloads no contexto do site confiável. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O middleware helmet.ieNoOpen () deve ser montado corretamente
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "ienoopen"); assert.equal(data.headers["x-download-options"], "noopen"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.portuguese.md
new file mode 100644
index 0000000000..22cb945fe0
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.portuguese.md
@@ -0,0 +1,41 @@
+---
+id: 587d8249367417b2b2512c3f
+title: Set a Content Security Policy with helmet.contentSecurityPolicy()
+challengeType: 2
+videoUrl: ''
+localeTitle: Definir uma política de segurança de conteúdo com helmet.contentSecurityPolicy ()
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . Esse desafio destaca uma nova e promissora defesa que pode reduzir significativamente o risco e o impacto de muitos tipos de ataques em navegadores modernos. Ao definir e configurar uma política de segurança de conteúdo, você pode evitar a injeção de qualquer coisa não intencional em sua página. Isso protegerá seu aplicativo contra vulnerabilidades de XSS, rastreamento indesejado, quadros mal-intencionados e muito mais. O CSP funciona definindo uma lista de permissões de fontes de conteúdo confiáveis. Você pode configurá-los para cada tipo de recurso que uma página da Web possa precisar (scripts, folhas de estilo, fontes, quadros, mídia etc.). Existem várias diretivas disponíveis, portanto, o proprietário de um site pode ter um controle granular. Veja HTML 5 Rocks, KeyCDN para mais detalhes. Infelizmente, o CSP não é suportado pelo navegador mais antigo. Por padrão, as diretivas estão abertas, por isso é importante definir a diretiva defaultSrc como um fallback. O Helmet suporta os estilos de nomenclatura defaultSrc e default-src. O fallback aplica-se à maioria das diretivas não especificadas. Neste exercício, use helmet.contentSecurityPolicy () e configure-o definindo a diretiva defaultSrc como [&quot;self&quot;] (a lista de fontes permitidas deve estar em uma matriz), para confiar apenas no endereço do site por padrão. Defina também a diretiva scriptSrc para permitir que os scripts sejam baixados do seu site e do domínio &#39;trusted-cdn.com&#39;. Dica: na palavra-chave &quot;&#39;self&#39;&quot;, as aspas simples fazem parte da palavra-chave em si, portanto, ela deve estar entre aspas duplas para funcionar. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: middleware helmet.csp () deve ser montado corretamente
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "csp"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 'Sua configuração csp não está correta. defaultSrc deve ser ["" self ""] e scriptSrc deve ser ["" self "", "trusted-cdn.com"]'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { var cspHeader = Object.keys(data.headers).filter(function(k){ return k === "content-security-policy" || k === "x-webkit-csp" || k === "x-content-security-policy" })[0]; assert.equal(data.headers[cspHeader], "default-src "self"; script-src "self" trusted-cdn.com"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/understand-bcrypt-hashes.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/understand-bcrypt-hashes.portuguese.md
new file mode 100644
index 0000000000..79b6159f31
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/information-security-with-helmetjs/understand-bcrypt-hashes.portuguese.md
@@ -0,0 +1,41 @@
+---
+id: 58a25bcef9fc0f352b528e7c
+title: Understand BCrypt Hashes
+challengeType: 2
+videoUrl: ''
+localeTitle: Entenda os Hashes do BCrypt
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-bcrypt/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-bcrypt/">GitHub</a> . Os hashes BCrypt são muito seguros. Um hash é basicamente uma impressão digital dos dados originais - sempre única. Isso é realizado alimentando os dados originais em um algoritmo e retornando um resultado de tamanho fixo. Para complicar ainda mais esse processo e torná-lo mais seguro, você também pode <em>salgar</em> seu hash. Salgar seu hash envolve adicionar dados aleatórios aos dados originais antes do processo de hash, o que dificulta ainda mais a quebra do hash. Os hashes BCrypt sempre se parecerão com <code>$2a$13$ZyprE5MRw2Q3WpNOGZWGbeG7ADUre1Q8QO.uUUtcbqloU0yvzavOm</code> que tem uma estrutura. O primeiro pequeno bit de dados <code>$2a</code> está definindo que tipo de algoritmo de hash foi usado. A próxima parte de <code>$13</code> define o <em>custo</em> . O custo é sobre a quantidade de energia necessária para calcular o hash. Ele está em uma escala logarítmica de custo 2 e determina quantas vezes os dados são colocados através do algoritmo de hash. Por exemplo, a um custo de 10 você é capaz de hash 10 senhas por segundo em um computador médio, no entanto, a um custo de 15 leva 3 segundos por hash ... e para levá-lo ainda mais, a um custo de 31 seria leva vários dias para concluir um hash. Um custo de 12 é considerado muito seguro neste momento. A última parte do hash <code>$ZyprE5MRw2Q3WpNOGZWGbeG7ADUre1Q8QO.uUUtcbqloU0yvzavOm</code> , parece com uma grande sequência de números, pontos e letras, mas na verdade são duas partes separadas de informações. Os primeiros 22 caracteres são o sal em texto simples, e o resto é a senha com hash! <hr> Para começar a usar o BCrypt, adicione-o como uma dependência em seu projeto e exija-o como &#39;bcrypt&#39; em seu servidor. Envie sua página quando achar que está certo. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: BCyrpt é uma dependência
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "bcrypt", "Your project should list "bcrypt" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: O BCrypt foi devidamente requerido
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js").then(data => {assert.match(data, /bcrypt.*=.*require.*("|")bcrypt("|")/gi, "You should correctly require and instantiate socket.io as io.");}, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/assert-deep-equality-with-.deepequal-and-.notdeepequal.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/assert-deep-equality-with-.deepequal-and-.notdeepequal.portuguese.md
new file mode 100644
index 0000000000..413d9108a8
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/assert-deep-equality-with-.deepequal-and-.notdeepequal.portuguese.md
@@ -0,0 +1,43 @@
+---
+id: 587d824c367417b2b2512c4c
+title: Assert Deep Equality with .deepEqual and .notDeepEqual
+challengeType: 2
+videoUrl: ''
+localeTitle: Defina a Igualdade Profunda com .deepEqual e .notDeepEqual
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . .deepEqual (), .notDeepEqual () .deepEqual () afirma que dois objetos são iguais em profundidade </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=6").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - deepEqual vs. notDeepEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=6").then(data => {  assert.equal(data.assertions[0].method, "deepEqual", "The order of the keys does not matter"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - deepEqual vs. notDeepEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=6").then(data => {  assert.equal(data.assertions[1].method, "notDeepEqual", "The position of elements within an array does matter"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/compare-the-properties-of-two-elements.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/compare-the-properties-of-two-elements.portuguese.md
new file mode 100644
index 0000000000..5707560db2
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/compare-the-properties-of-two-elements.portuguese.md
@@ -0,0 +1,47 @@
+---
+id: 587d824c367417b2b2512c4d
+title: Compare the Properties of Two Elements
+challengeType: 2
+videoUrl: ''
+localeTitle: Compare as propriedades de dois elementos
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . .isAbove () =&gt; a&gt; b, .isAtMost () =&gt; a &lt;= b </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isAbove vs. isAtMost
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {  assert.equal(data.assertions[0].method, "isAtMost", "5 is at most (<=) 5"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isAbove vs. isAtMost
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {  assert.equal(data.assertions[1].method, "isAbove", "1 is greater than 0"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isAbove vs. isAtMost
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {  assert.equal(data.assertions[2].method, "isAbove", "Math.PI = 3.14159265 is greater than 3"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isAbove vs. isAtMost
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {  assert.equal(data.assertions[3].method, "isAtMost", "1 - Math.random() is > 0 and <= 1. It is atMost 1 !"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/learn-how-javascript-assertions-work.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/learn-how-javascript-assertions-work.portuguese.md
new file mode 100644
index 0000000000..d1ab89ed4b
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/learn-how-javascript-assertions-work.portuguese.md
@@ -0,0 +1,43 @@
+---
+id: 587d824a367417b2b2512c46
+title: Learn How JavaScript Assertions Work
+challengeType: 2
+videoUrl: ''
+localeTitle: Aprenda como funcionam as asserções de JavaScript
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . Use assert.isNull () ou assert.isNotNull () para fazer os testes passarem. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=0").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isNull vs. isNotNull
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=0").then(data => {  assert.equal(data.assertions[0].method, "isNull", "Null is null"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isNull vs. isNotNull
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=0").then(data => {  assert.equal(data.assertions[1].method, "isNotNull", "1 is not null"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iii---put-method.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iii---put-method.portuguese.md
new file mode 100644
index 0000000000..735b590796
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iii---put-method.portuguese.md
@@ -0,0 +1,47 @@
+---
+id: 587d824f367417b2b2512c5a
+title: Run Functional Tests on an API Response using Chai-HTTP III - PUT method
+challengeType: 2
+videoUrl: ''
+localeTitle: Executar testes funcionais em uma resposta da API usando o método Chai-HTTP III - PUT
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . No próximo exemplo, veremos como enviar dados em uma carga útil de solicitação (corpo). Vamos testar uma solicitação PUT. O endpoint &#39;/ travelers&#39; aceita um objeto JSON usando a estrutura: {sobrenome: [sobrenome de um viajante do passado]}, A rota responde com: {name: [first name], sobrenome: [last name], datas : [birth - death years]} veja o código do servidor para mais detalhes. Enviar {sobrenome: &#39;Colombo&#39;}. Substitua assert.fail () e faça o teste passar. Verifique por 1) status, 2) tipo, 3) body.name, 4) body.surname Siga a ordem de afirmação acima, nós confiamos nele. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Você deve testar o 'res.status' como 200
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.assertions[0].method, "equal"); assert.equal(data.assertions[0].args[0], "res.status"); assert.equal(data.assertions[0].args[1], "200");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: Você deve testar 'res.type' como 'application / json'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.assertions[1].method, "equal"); assert.equal(data.assertions[1].args[0], "res.type"); assert.equal(data.assertions[1].args[1], "\"application/json\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: Você deve testar se 'res.body.name' é 'Cristoforo'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.assertions[2].method, "equal"); assert.equal(data.assertions[2].args[0], "res.body.name"); assert.equal(data.assertions[2].args[1], "\"Cristoforo\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: Você deve testar se 'res.body.surname' é 'Colombo'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.assertions[3].method, "equal"); assert.equal(data.assertions[3].args[0], "res.body.surname"); assert.equal(data.assertions[3].args[1], "\"Colombo\"");}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iv---put-method.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iv---put-method.portuguese.md
new file mode 100644
index 0000000000..968fdb424a
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iv---put-method.portuguese.md
@@ -0,0 +1,47 @@
+---
+id: 587d824f367417b2b2512c5b
+title: Run Functional Tests on an API Response using Chai-HTTP IV - PUT method
+challengeType: 2
+videoUrl: ''
+localeTitle: Executar testes funcionais em uma resposta da API usando o método Chai-HTTP IV - PUT
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . Este exercício é semelhante ao anterior. Olhe para os detalhes. Enviar {sobrenome: &#39;da Verrazzano&#39;}. Substitua assert.fail () e faça o teste passar. Verifique por 1) status, 2) tipo, 3) body.name, 4) body.surname Siga a ordem de afirmação acima, nós confiamos nele. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Você deve testar o 'res.status' como 200
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.assertions[0].method, "equal"); assert.equal(data.assertions[0].args[0], "res.status"); assert.equal(data.assertions[0].args[1], "200");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: Você deve testar 'res.type' como 'application / json'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.assertions[1].method, "equal"); assert.equal(data.assertions[1].args[0], "res.type"); assert.equal(data.assertions[1].args[1], "\"application/json\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: Você deve testar 'res.body.name' para ser 'Giovanni'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.assertions[2].method, "equal"); assert.equal(data.assertions[2].args[0], "res.body.name"); assert.equal(data.assertions[2].args[1], "\"Giovanni\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: Você deve testar 'res.body.surname' para ser 'da Verrazzano'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.assertions[3].method, "equal"); assert.equal(data.assertions[3].args[0], "res.body.surname"); assert.equal(data.assertions[3].args[1], "\"da Verrazzano\"");}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http-ii.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http-ii.portuguese.md
new file mode 100644
index 0000000000..4c143a1782
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http-ii.portuguese.md
@@ -0,0 +1,43 @@
+---
+id: 587d824f367417b2b2512c59
+title: Run Functional Tests on API Endpoints using Chai-HTTP II
+challengeType: 2
+videoUrl: ''
+localeTitle: Executar testes funcionais em terminais da API usando o Chai-HTTP II
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . Substitua assert.fail (). Teste o status e a resposta de texto. Faça o teste passar. Enviar seu nome na consulta anexando? Name = <your_name> , o endpoint com responde com &#39;olá <your_name> &#39;. </your_name></your_name></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=1").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Você deve testar para 'res.status' == 200
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=1").then(data => { assert.equal(data.assertions[0].method, "equal"); assert.equal(data.assertions[0].args[0], "res.status"); assert.equal(data.assertions[0].args[1], "200");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: Você deve testar 'res.text' == 'hello Guest'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=1").then(data => { assert.equal(data.assertions[1].method, "equal"); assert.equal(data.assertions[1].args[0], "res.text"); assert.match(data.assertions[1].args[1], /hello [\w\d_-]/);}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http.portuguese.md
new file mode 100644
index 0000000000..09cbf07560
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http.portuguese.md
@@ -0,0 +1,43 @@
+---
+id: 587d824e367417b2b2512c58
+title: Run Functional Tests on API Endpoints using Chai-HTTP
+challengeType: 2
+videoUrl: ''
+localeTitle: Executar testes funcionais em terminais da API usando o Chai-HTTP
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . Substitua assert.fail (). Teste o status e a resposta de texto. Faça o teste passar. Não envie um nome na consulta, o ponto final responde com &#39;hello Guest&#39;. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=0").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Você deve testar para 'res.status' == 200
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=0").then(data => { assert.equal(data.assertions[0].method, "equal"); assert.equal(data.assertions[0].args[0], "res.status"); assert.equal(data.assertions[0].args[1], "200");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: Você deve testar 'res.text' == 'hello Guest'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=0").then(data => { assert.equal(data.assertions[1].method, "equal"); assert.equal(data.assertions[1].args[0], "res.text"); assert.equal(data.assertions[1].args[1], "\"hello Guest\"");}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser-ii.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser-ii.portuguese.md
new file mode 100644
index 0000000000..e2639a3d10
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser-ii.portuguese.md
@@ -0,0 +1,47 @@
+---
+id: 587d8250367417b2b2512c5d
+title: Run Functional Tests using a Headless Browser II
+challengeType: 2
+videoUrl: ''
+localeTitle: Executar testes funcionais usando um navegador sem cabeça II
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . Este exercício é semelhante ao anterior. Veja o código para direções. Siga a ordem de afirmações, contamos com isso. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: afirmar que a solicitação do navegador sem cabeçalho foi bem-sucedida
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.assertions[0].method, "browser.success"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 'afirma que o texto dentro do elemento "span # name" é "Amerigo"'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.assertions[1].method, "browser.text"); assert.equal(data.assertions[1].args[0], "\"span#name\""); assert.equal(data.assertions[1].args[1], "\"Amerigo\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: 'asseverar que o texto dentro do elemento "span # surname" é "Vespucci"'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.assertions[2].method, "browser.text"); assert.equal(data.assertions[2].args[0], "\"span#surname\""); assert.equal(data.assertions[2].args[1], "\"Vespucci\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: 'asseverar que o elemento "span # dates" existe e sua contagem é 1'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.assertions[3].method, "browser.element"); assert.equal(data.assertions[3].args[0], "\"span#dates\""); assert.equal(data.assertions[3].args[1], 1);}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser.portuguese.md
new file mode 100644
index 0000000000..925df22d72
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser.portuguese.md
@@ -0,0 +1,47 @@
+---
+id: 587d824f367417b2b2512c5c
+title: Run Functional Tests using a Headless Browser
+challengeType: 2
+videoUrl: ''
+localeTitle: Executar testes funcionais usando um navegador sem cabeçalho
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . Nos próximos desafios, vamos simular a interação humana com uma página usando um dispositivo chamado &#39;Headless Browser&#39;. Um navegador sem cabeçalho é um navegador da web sem interface gráfica com o usuário. Esses tipos de ferramentas são particularmente úteis para testar páginas da Web, pois são capazes de renderizar e entender HTML, CSS e JavaScript da mesma maneira que um navegador faria. Para esses desafios, estamos usando o Zombie.JS. É um navegador leve que é totalmente baseado em JS, sem depender de binários adicionais para serem instalados. Esse recurso faz com que seja utilizável em um ambiente como o Glitch. Existem muitas outras opções (mais poderosas). <br> Olhe para os exemplos no código para as instruções do exercício Siga a ordem de afirmações, nós confiamos nele. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: afirmar que a solicitação do navegador sem cabeçalho foi bem-sucedida
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.assertions[0].method, "browser.success"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 'afirma que o texto dentro do elemento "span # name" é "Cristoforo"'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.assertions[1].method, "browser.text"); assert.equal(data.assertions[1].args[0], "\"span#name\""); assert.equal(data.assertions[1].args[1], "\"Cristoforo\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: 'Afirmar que o texto dentro do elemento "span # surname" é "Colombo"'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.assertions[2].method, "browser.text"); assert.equal(data.assertions[2].args[0], "\"span#surname\""); assert.equal(data.assertions[2].args[1], "\"Colombo\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: 'asseverar que o elemento "span # dates" existe e sua contagem é 1'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.assertions[3].method, "browser.element"); assert.equal(data.assertions[3].args[0], "\"span#dates\""); assert.equal(data.assertions[3].args[1], 1);}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-for-truthiness.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-for-truthiness.portuguese.md
new file mode 100644
index 0000000000..2cd11d7c29
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-for-truthiness.portuguese.md
@@ -0,0 +1,45 @@
+---
+id: 587d824b367417b2b2512c49
+title: Test for Truthiness
+challengeType: 2
+videoUrl: ''
+localeTitle: Teste de veracidade
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . Use assert.isTrue () ou assert.isNotTrue () para fazer os testes passarem. .IsTrue (true) e .isNotTrue (todo o resto) passarão. .isFalse () e .isNotFalse () também existem. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=3").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - isTrue vs. isNotTrue
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=3").then(data => {  assert.equal(data.assertions[0].method, "isTrue", "True is true"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - isTrue vs. isNotTrue
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=3").then(data => {  assert.equal(data.assertions[1].method, "isTrue", "Double negation of a truthy value is true"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - isTrue vs. isNotTrue
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=3").then(data => {  assert.equal(data.assertions[2].method, "isNotTrue", "A truthy object is not true - neither is a false one"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-string-contains-a-substring.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-string-contains-a-substring.portuguese.md
new file mode 100644
index 0000000000..1f1116a3eb
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-string-contains-a-substring.portuguese.md
@@ -0,0 +1,43 @@
+---
+id: 587d824d367417b2b2512c53
+title: Test if a String Contains a Substring
+challengeType: 2
+videoUrl: ''
+localeTitle: Teste se uma String Contiver uma Substring
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . #include (on #notInclude) funciona para strings também !! Ele afirma que a cadeia real contém a substring esperada </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=13").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - incluir vs. nãoIncluir
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=13").then(data => {  assert.equal(data.assertions[0].method, "include", "\"Arrow\" contains \"row\"..."); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - incluir vs. nãoIncluir
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=13").then(data => {  assert.equal(data.assertions[1].method, "notInclude", "... a \"dart\" doesn\"t contain a \"queue\""); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-falls-within-a-specific-range.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-falls-within-a-specific-range.portuguese.md
new file mode 100644
index 0000000000..3ed90b5578
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-falls-within-a-specific-range.portuguese.md
@@ -0,0 +1,43 @@
+---
+id: 587d824c367417b2b2512c4f
+title: Test if a Value Falls within a Specific Range
+challengeType: 2
+videoUrl: ''
+localeTitle: Teste se um valor cai dentro de um intervalo específico
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . .proximadamente .proximadamente (real, esperado, alcance, [mensagem]) real = esperado +/- alcance Escolha o intervalo mínimo (3º parâmetro) para fazer o teste sempre passar deve ser menor que 1 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=9").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Use aproximadamente (alcance real esperado) - Escolha o intervalo correto
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=9").then(data => {  assert.equal(data.assertions[0].method, "approximately");  assert.equal(data.assertions[0].args[2], 0.5, "weirdNumbers(0.5) is in the range (0.5, 1.5]. It\"s within 1 +/- 0.5"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Use aproximadamente (alcance real esperado) - Escolha o intervalo correto
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=9").then(data => {  assert.equal(data.assertions[1].method, "approximately");  assert.equal(data.assertions[1].args[2], 0.8, "weirdNumbers(0.2) is in the range (0.2, 1.2]. It\"s within 1 +/- 0.8"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-a-string.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-a-string.portuguese.md
new file mode 100644
index 0000000000..f5c9ba31bf
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-a-string.portuguese.md
@@ -0,0 +1,45 @@
+---
+id: 587d824d367417b2b2512c52
+title: Test if a Value is a String
+challengeType: 2
+videoUrl: ''
+localeTitle: Teste se um valor é uma string
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . #isString afirma que o valor real é uma string. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=12").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isString vs. isNotString
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=12").then(data => {  assert.equal(data.assertions[0].method, "isNotString", "A float number is not a string"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isString vs. isNotString
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=12").then(data => {  assert.equal(data.assertions[1].method, "isString", "environment vars are strings (or undefined)"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isString vs. isNotString
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=12").then(data => {  assert.equal(data.assertions[2].method, "isString", "A JSON is a string"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-an-array.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-an-array.portuguese.md
new file mode 100644
index 0000000000..e476f436fb
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-an-array.portuguese.md
@@ -0,0 +1,43 @@
+---
+id: 587d824d367417b2b2512c50
+title: Test if a Value is an Array
+challengeType: 2
+videoUrl: ''
+localeTitle: Teste se um valor é uma matriz
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=10").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isArray vs. isNotArray
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=10").then(data => {  assert.equal(data.assertions[0].method, "isArray", "String.prototype.split() returns an Array"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isArray vs. isNotArray
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=10").then(data => {  assert.equal(data.assertions[1].method, "isNotArray", "Array.prototype.indexOf() returns a number"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-of-a-specific-data-structure-type.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-of-a-specific-data-structure-type.portuguese.md
new file mode 100644
index 0000000000..45889a0d42
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-of-a-specific-data-structure-type.portuguese.md
@@ -0,0 +1,49 @@
+---
+id: 587d824e367417b2b2512c56
+title: Test if a Value is of a Specific Data Structure Type
+challengeType: 2
+videoUrl: ''
+localeTitle: Teste se um valor é de um tipo específico de estrutura de dados
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . #typeOf afirma que o tipo do valor é a string fornecida, conforme determinado por Object.prototype.toString. Use #typeOf ou #notTypeOf onde for apropriado </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - typeOf vs. notTypeOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[0].method, "typeOf", "myCar is typeOf Object"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - typeOf vs. notTypeOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[1].method, "typeOf", "Car.model is a String"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - typeOf vs. notTypeOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[2].method, "notTypeOf", "Plane.wings is a Number (not a String)"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - typeOf vs. notTypeOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[3].method, "typeOf", "Plane.engines is an Array"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - typeOf vs. notTypeOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[4].method, "typeOf", "Car.wheels is a Number"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-variable-or-function-is-defined.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-variable-or-function-is-defined.portuguese.md
new file mode 100644
index 0000000000..a9620e8f1d
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-variable-or-function-is-defined.portuguese.md
@@ -0,0 +1,45 @@
+---
+id: 587d824b367417b2b2512c47
+title: Test if a Variable or Function is Defined
+challengeType: 2
+videoUrl: ''
+localeTitle: Teste se uma variável ou função é definida
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . Use assert.isDefined () ou assert.isUndefined () para fazer os testes passarem </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=1").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isDefined vs. isUndefined
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=1").then(data => {  assert.equal(data.assertions[0].method, "isDefined", "Null is not undefined"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isDefined vs. isUndefined
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=1").then(data => {  assert.equal(data.assertions[1].method, "isUndefined", "Undefined is undefined"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isDefined vs. isUndefined
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=1").then(data => {  assert.equal(data.assertions[2].method, "isDefined", "A string is not undefined"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-array-contains-an-item.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-array-contains-an-item.portuguese.md
new file mode 100644
index 0000000000..f4b4ac5a17
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-array-contains-an-item.portuguese.md
@@ -0,0 +1,43 @@
+---
+id: 587d824d367417b2b2512c51
+title: Test if an Array Contains an Item
+challengeType: 2
+videoUrl: ''
+localeTitle: Teste se uma matriz contém um item
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=11").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - incluir vs. nãoIncluir
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=11").then(data => {  assert.equal(data.assertions[0].method, "notInclude", "It\"s summer in july..."); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - incluir vs. nãoIncluir
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=11").then(data => {  assert.equal(data.assertions[1].method, "include", "JavaScript is a backend language !!"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-has-a-property.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-has-a-property.portuguese.md
new file mode 100644
index 0000000000..eba4ade309
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-has-a-property.portuguese.md
@@ -0,0 +1,45 @@
+---
+id: 587d824e367417b2b2512c55
+title: Test if an Object has a Property
+challengeType: 2
+videoUrl: ''
+localeTitle: Teste se um objeto tem uma propriedade
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . #property afirma que o objeto real tem uma determinada propriedade. Use #property ou #notProperty quando apropriado </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=15").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - propriedade vs. não Propriedade
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=15").then(data => { assert.equal(data.assertions[0].method, "notProperty", "A car has not wings"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - propriedade vs. não Propriedade
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=15").then(data => { assert.equal(data.assertions[1].method, "property", "planes have engines"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - propriedade vs. não Propriedade
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=15").then(data => { assert.equal(data.assertions[2].method, "property", "Cars have wheels"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-is-an-instance-of-a-constructor.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-is-an-instance-of-a-constructor.portuguese.md
new file mode 100644
index 0000000000..3c9fc04134
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-is-an-instance-of-a-constructor.portuguese.md
@@ -0,0 +1,47 @@
+---
+id: 587d824e367417b2b2512c57
+title: Test if an Object is an Instance of a Constructor
+challengeType: 2
+videoUrl: ''
+localeTitle: Teste se um objeto é uma instância de um construtor
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . #instanceOf afirma que um objeto é uma instância de um construtor. Use #instanceOf ou #notInstanceOf onde for apropriado </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - instanceOf vs. notInstanceOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.assertions[0].method, "notInstanceOf", "myCar is not an instance of Plane"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - instanceOf vs. notInstanceOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.assertions[1].method, "instanceOf", "airlinePlane is an instance of Plane"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - instanceOf vs. notInstanceOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.assertions[2].method, "instanceOf", "everything is an Object in JavaScript..."); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - instanceOf vs. notInstanceOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.assertions[3].method, "notInstanceOf", "myCar.wheels is not an instance of String"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-one-value-is-below-or-at-least-as-large-as-another.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-one-value-is-below-or-at-least-as-large-as-another.portuguese.md
new file mode 100644
index 0000000000..81131efffd
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-one-value-is-below-or-at-least-as-large-as-another.portuguese.md
@@ -0,0 +1,47 @@
+---
+id: 587d824c367417b2b2512c4e
+title: Test if One Value is Below or At Least as Large as Another
+challengeType: 2
+videoUrl: ''
+localeTitle: Teste se um valor está abaixo ou pelo menos tão grande quanto outro
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . .isBelow () =&gt; a &lt;b, .isAtLeast =&gt; a&gt; = b </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isBelow vs. isAtLeast
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {  assert.equal(data.assertions[0].method, "isAtLeast", "5 is at least (>=) 5"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isBelow vs. isAtLeast
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {  assert.equal(data.assertions[1].method, "isAtLeast", "2 * Math.random() is at least 0"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isBelow vs. isAtLeast
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {  assert.equal(data.assertions[2].method, "isBelow", "1 is smaller than 2"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isBelow vs. isAtLeast
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {  assert.equal(data.assertions[3].method, "isBelow", "2/3 (0.6666) is smaller than 1"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-assert.isok-and-assert.isnotok.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-assert.isok-and-assert.isnotok.portuguese.md
new file mode 100644
index 0000000000..7a3cb6b968
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-assert.isok-and-assert.isnotok.portuguese.md
@@ -0,0 +1,45 @@
+---
+id: 587d824b367417b2b2512c48
+title: Use Assert.isOK and Assert.isNotOK
+challengeType: 2
+videoUrl: ''
+localeTitle: Use Assert.isOK e Assert.isNotOK
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . Use assert.isOk () ou assert.isNotOk () para fazer os testes passarem. .isOk (truthy) e .isNotOk (falsey) vão passar. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=2").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isOk vs. isNotOk
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=2").then(data => {  assert.equal(data.assertions[0].method, "isNotOk", "Null is falsey"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isOk vs. isNotOk
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=2").then(data => {  assert.equal(data.assertions[1].method, "isOk","A string is truthy"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - isOk vs. isNotOk
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=2").then(data => {  assert.equal(data.assertions[2].method, "isOk", "true is truthy"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-regular-expressions-to-test-a-string.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-regular-expressions-to-test-a-string.portuguese.md
new file mode 100644
index 0000000000..f2c240e0d0
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-regular-expressions-to-test-a-string.portuguese.md
@@ -0,0 +1,43 @@
+---
+id: 587d824d367417b2b2512c54
+title: Use Regular Expressions to Test a String
+challengeType: 2
+videoUrl: ''
+localeTitle: Use expressões regulares para testar uma string
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . #match Afirma que o valor real corresponde à expressão regular do segundo argumento. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=14").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - partida vs. não correspondência
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=14").then(data => {  assert.equal(data.assertions[0].method, "match", "\"# name: John Doe, age: 35\" matches the regex"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - partida vs. não correspondência
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=14").then(data => {  assert.equal(data.assertions[1].method, "notMatch", "\"# name: Paul Smith III, age: twenty-four\" does not match the regex (the age must be numeric)"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-double-equals-to-assert-equality.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-double-equals-to-assert-equality.portuguese.md
new file mode 100644
index 0000000000..445149fe85
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-double-equals-to-assert-equality.portuguese.md
@@ -0,0 +1,47 @@
+---
+id: 587d824b367417b2b2512c4a
+title: Use the Double Equals to Assert Equality
+challengeType: 2
+videoUrl: ''
+localeTitle: Use os dois iguais para afirmar a igualdade
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . .equal (), .notEqual () .equal () compara objetos usando &#39;==&#39; </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - igual vs. notEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {  assert.equal(data.assertions[0].method, "equal", "Numbers are coerced into strings with == "); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - igual vs. notEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {  assert.equal(data.assertions[1].method, "notEqual", " == compares object references"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - igual vs. notEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {  assert.equal(data.assertions[2].method, "equal", "6 * \"2\" is 12 ! It should be equal to \"12\""); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação certa - igual vs. notEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {  assert.equal(data.assertions[3].method, "notEqual", "6 + \"2\" is \"62\"..."); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-triple-equals-to-assert-strict-equality.portuguese.md b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-triple-equals-to-assert-strict-equality.portuguese.md
new file mode 100644
index 0000000000..09307ce922
--- /dev/null
+++ b/curriculum/challenges/portuguese/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-triple-equals-to-assert-strict-equality.portuguese.md
@@ -0,0 +1,47 @@
+---
+id: 587d824b367417b2b2512c4b
+title: Use the Triple Equals to Assert Strict Equality
+challengeType: 2
+videoUrl: ''
+localeTitle: Use o Triple Equals para afirmar a igualdade estrita
+---
+
+## Description
+<section id="description"> Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> , ou clonado a partir do <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . .strictEqual (), .notStrictEqual () .strictEqual () compara objetos usando &#39;===&#39; </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Todos os testes devem passar
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - strictEqual vs. notStrictEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {  assert.equal(data.assertions[0].method, "notStrictEqual", "with strictEqual the type must match"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - strictEqual vs. notStrictEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {  assert.equal(data.assertions[1].method, "strictEqual", "3*2 = 6..."); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - strictEqual vs. notStrictEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {  assert.equal(data.assertions[2].method, "strictEqual", "6 * \"2\" is 12. Types match !"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Escolha a afirmação correta - strictEqual vs. notStrictEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {  assert.equal(data.assertions[3].method, "notStrictEqual", "Even if they have the same elements, the Arrays are notStrictEqual"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/find-the-symmetric-difference.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/find-the-symmetric-difference.portuguese.md
new file mode 100644
index 0000000000..0d14e5abb0
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/find-the-symmetric-difference.portuguese.md
@@ -0,0 +1,80 @@
+---
+id: a3f503de51cf954ede28891d
+title: Find the Symmetric Difference
+challengeType: 5
+videoUrl: ''
+localeTitle: Encontre a diferença simétrica
+---
+
+## Description
+<section id="description"> Crie uma função que receba dois ou mais arrays e retorne um array da <dfn>diferença simétrica</dfn> ( <code>△</code> ou <code>⊕</code> ) dos arrays fornecidos. Dados dois conjuntos (por exemplo, conjunto <code>A = {1, 2, 3}</code> e conjunto <code>B = {2, 3, 4}</code> ), o termo matemático &quot;diferença simétrica&quot; ​​de dois conjuntos é o conjunto de elementos que estão em qualquer um dos dois conjuntos, mas não em ambos ( <code>A △ B = C = {1, 4}</code> ). Para cada diferença simétrica adicional que você tomar (digamos em um conjunto <code>D = {2, 3}</code> ), você deve obter o conjunto com elementos que estão em um dos dois conjuntos, mas não em ambos ( <code>C △ D = {1, 4} △ {2, 3} = {1, 2, 3, 4}</code> ). A matriz resultante deve conter apenas valores exclusivos ( <em>sem duplicatas</em> ). Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>sym([1, 2, 3], [5, 2, 1, 4])</code> deve retornar <code>[3, 4, 5]</code> .'
+    testString: 'assert.sameMembers(sym([1, 2, 3], [5, 2, 1, 4]), [3, 4, 5], "<code>sym([1, 2, 3], [5, 2, 1, 4])</code> should return <code>[3, 4, 5]</code>.");'
+  - text: '<code>sym([1, 2, 3], [5, 2, 1, 4])</code> deve conter apenas três elementos.'
+    testString: 'assert.equal(sym([1, 2, 3], [5, 2, 1, 4]).length, 3, "<code>sym([1, 2, 3], [5, 2, 1, 4])</code> should contain only three elements.");'
+  - text: '<code>sym([1, 2, 3, 3], [5, 2, 1, 4])</code> deve retornar <code>[3, 4, 5]</code> .'
+    testString: 'assert.sameMembers(sym([1, 2, 3, 3], [5, 2, 1, 4]), [3, 4, 5], "<code>sym([1, 2, 3, 3], [5, 2, 1, 4])</code> should return <code>[3, 4, 5]</code>.");'
+  - text: '<code>sym([1, 2, 3, 3], [5, 2, 1, 4])</code> deve conter apenas três elementos.'
+    testString: 'assert.equal(sym([1, 2, 3, 3], [5, 2, 1, 4]).length, 3, "<code>sym([1, 2, 3, 3], [5, 2, 1, 4])</code> should contain only three elements.");'
+  - text: '<code>sym([1, 2, 3], [5, 2, 1, 4, 5])</code> deve retornar <code>[3, 4, 5]</code> .'
+    testString: 'assert.sameMembers(sym([1, 2, 3], [5, 2, 1, 4, 5]), [3, 4, 5], "<code>sym([1, 2, 3], [5, 2, 1, 4, 5])</code> should return <code>[3, 4, 5]</code>.");'
+  - text: '<code>sym([1, 2, 3], [5, 2, 1, 4, 5])</code> deve conter apenas três elementos.'
+    testString: 'assert.equal(sym([1, 2, 3], [5, 2, 1, 4, 5]).length, 3, "<code>sym([1, 2, 3], [5, 2, 1, 4, 5])</code> should contain only three elements.");'
+  - text: '<code>sym([1, 2, 5], [2, 3, 5], [3, 4, 5])</code> deve retornar <code>[1, 4, 5]</code>'
+    testString: 'assert.sameMembers(sym([1, 2, 5], [2, 3, 5], [3, 4, 5]), [1, 4, 5], "<code>sym([1, 2, 5], [2, 3, 5], [3, 4, 5])</code> should return <code>[1, 4, 5]</code>");'
+  - text: '<code>sym([1, 2, 5], [2, 3, 5], [3, 4, 5])</code> deve conter apenas três elementos.'
+    testString: 'assert.equal(sym([1, 2, 5], [2, 3, 5], [3, 4, 5]).length, 3, "<code>sym([1, 2, 5], [2, 3, 5], [3, 4, 5])</code> should contain only three elements.");'
+  - text: '<code>sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5])</code> deve retornar <code>[1, 4, 5]</code> .'
+    testString: 'assert.sameMembers(sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5]), [1, 4, 5], "<code>sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5])</code> should return <code>[1, 4, 5]</code>.");'
+  - text: '<code>sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5])</code> deve conter apenas três elementos.'
+    testString: 'assert.equal(sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5]).length, 3, "<code>sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5])</code> should contain only three elements.");'
+  - text: '<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3])</code> deve retornar <code>[2, 3, 4, 6, 7]</code> .'
+    testString: 'assert.sameMembers(sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3]), [2, 3, 4, 6, 7], "<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3])</code> should return <code>[2, 3, 4, 6, 7]</code>.");'
+  - text: '<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3])</code> deve conter apenas cinco elementos.'
+    testString: 'assert.equal(sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3]).length, 5, "<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3])</code> should contain only five elements.");'
+  - text: '<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1])</code> deve retornar <code>[1, 2, 4, 5, 6, 7, 8, 9]</code> .'
+    testString: 'assert.sameMembers(sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1]), [1, 2, 4, 5, 6, 7, 8, 9], "<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1])</code> should return <code>[1, 2, 4, 5, 6, 7, 8, 9]</code>.");'
+  - text: '<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1])</code> deve conter apenas oito elementos.'
+    testString: 'assert.equal(sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1]).length, 8, "<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1])</code> should contain only eight elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sym(args) {
+  return args;
+}
+
+sym([1, 2, 3], [5, 2, 1, 4]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/implement-bubble-sort.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/implement-bubble-sort.portuguese.md
new file mode 100644
index 0000000000..dc93b4858f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/implement-bubble-sort.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 8d5123c8c441eddfaeb5bdef
+title: Implement Bubble Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: Implementar o Bubble Sort
+---
+
+## Description
+<section id="description"> Este é o primeiro de vários desafios na classificação de algoritmos. Dada uma matriz de itens não classificados, queremos poder retornar uma matriz classificada. Vamos ver vários métodos diferentes para fazer isso e aprender algumas compensações entre essas diferentes abordagens. Embora a maioria das linguagens modernas tenha métodos internos de classificação para operações como essa, ainda é importante entender algumas das abordagens básicas comuns e aprender como elas podem ser implementadas. Aqui vamos ver o tipo de bolha. O método de classificação de bolhas inicia no início de uma matriz não classificada e &#39;borbulha&#39; valores não classificados no final, percorrendo a matriz até que ela seja completamente classificada. Ele faz isso comparando itens adjacentes e trocando-os se estiverem fora de ordem. O método continua percorrendo o array até que não ocorram swaps, momento em que o array é classificado. Esse método requer várias iterações por meio do array e, para os casos médios e piores, tem complexidade de tempo quadrática. Embora simples, geralmente é impraticável na maioria das situações. <strong>Instruções:</strong> Escreva uma função <code>bubbleSort</code> que <code>bubbleSort</code> uma matriz de inteiros como entrada e retorne uma matriz desses números inteiros na ordem classificada de menor para maior. <strong>Nota:</strong> <br> Estamos chamando essa função dos bastidores; a matriz de teste que estamos usando é comentada no editor. Tente registrar a <code>array</code> para ver seu algoritmo de classificação em ação! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>bubbleSort</code> é uma função.
+    testString: 'assert(typeof bubbleSort == "function", "<code>bubbleSort</code> is a function.");'
+  - text: <code>bubbleSort</code> retorna uma matriz classificada (pelo menos até o maior).
+    testString: 'assert(isSorted(bubbleSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>bubbleSort</code> returns a sorted array (least to greatest).");'
+  - text: '<code>bubbleSort</code> retorna uma matriz que é inalterada, exceto por ordem.'
+    testString: 'assert.sameMembers(bubbleSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>bubbleSort</code> returns an array that is unchanged except for order.");'
+  - text: <code>bubbleSort</code> não deve usar o método <code>.sort()</code> .
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>bubbleSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function bubbleSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/implement-insertion-sort.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/implement-insertion-sort.portuguese.md
new file mode 100644
index 0000000000..3b5e26e056
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/implement-insertion-sort.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 587d8259367417b2b2512c86
+title: Implement Insertion Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: Implemente a ordem de inserção
+---
+
+## Description
+<section id="description"> O próximo método de classificação que analisaremos será o tipo de inserção. Esse método funciona criando um array ordenado no início da lista. Começa o array ordenado com o primeiro elemento. Em seguida, ele inspeciona o próximo elemento e o troca de volta para a matriz classificada até que esteja na posição classificada. Ele continua percorrendo a lista e trocando novos itens para trás na porção classificada até atingir o final. Esse algoritmo possui complexidade de tempo quadrático na média e nos piores casos. <strong>Instruções:</strong> Escreva uma <code>insertionSort</code> que recebe uma matriz de números inteiros como entrada e retorna uma matriz desses inteiros na ordem classificada de menor para maior. <strong>Nota:</strong> <br> Estamos chamando essa função dos bastidores; a matriz de teste que estamos usando é comentada no editor. Tente registrar a <code>array</code> para ver seu algoritmo de classificação em ação! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>insertionSort</code> é uma função.
+    testString: 'assert(typeof insertionSort == "function", "<code>insertionSort</code> is a function.");'
+  - text: <code>insertionSort</code> retorna uma matriz classificada (pelo menos até o maior).
+    testString: 'assert(isSorted(insertionSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>insertionSort</code> returns a sorted array (least to greatest).");'
+  - text: '<code>insertionSort</code> retorna uma matriz que é inalterada, exceto por ordem.'
+    testString: 'assert.sameMembers(insertionSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>insertionSort</code> returns an array that is unchanged except for order.");'
+  - text: <code>insertionSort</code> não deve usar o método <code>.sort()</code> .
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>insertionSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function insertionSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/implement-merge-sort.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/implement-merge-sort.portuguese.md
new file mode 100644
index 0000000000..d6e766ecde
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/implement-merge-sort.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 587d825c367417b2b2512c8f
+title: Implement Merge Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: Implementar o Merge Sort
+---
+
+## Description
+<section id="description"> Outro algoritmo de classificação intermediário que é muito comum é o merge sort. Como a ordenação rápida, a ordenação por mesclagem também usa uma metodologia recursiva de divisão e conquista para classificar uma matriz. Ele tira proveito do fato de que é relativamente fácil classificar dois arrays desde que cada um seja classificado em primeiro lugar. Mas começaremos com apenas um array como entrada, então como chegaremos a dois arrays ordenados a partir disso? Bem, podemos dividir recursivamente a entrada original em dois até chegarmos ao caso base de uma matriz com um item. Uma matriz de item único é naturalmente classificada, então podemos começar a combinar. Essa combinação irá desanuviar as chamadas recursivas que dividem o array original, produzindo finalmente uma matriz ordenada final de todos os elementos. Os passos da ordenação por mesclagem, então, são: <strong>1)</strong> Divide recursivamente a matriz de entrada pela metade até que uma sub-matriz com apenas um elemento seja produzida. <strong>2)</strong> Mesclar cada sub-array ordenado para produzir o array ordenado final. Merge sort é um método de classificação eficiente, com complexidade de tempo de <i>O (nlog (n))</i> . Esse algoritmo é popular porque tem desempenho e é relativamente fácil de implementar. Como um aparte, este será o último algoritmo de ordenação que cobrimos aqui. Entretanto, mais tarde, na seção sobre estruturas de dados em árvore, descreveremos o heap sort, outro método eficiente de classificação que requer um heap binário em sua implementação. <strong>Instruções:</strong> Escreva uma função <code>mergeSort</code> que <code>mergeSort</code> uma matriz de inteiros como entrada e retorne uma matriz desses números inteiros na ordem classificada de menor para maior. Uma boa maneira de implementar isso é escrever uma função, por exemplo, <code>merge</code> , que é responsável por mesclar duas matrizes ordenadas, e outra função, por exemplo <code>mergeSort</code> , que é responsável pela recursão que produz matrizes de item único para alimentar a mesclagem. Boa sorte! <strong>Nota:</strong> <br> Estamos chamando essa função dos bastidores; a matriz de teste que estamos usando é comentada no editor. Tente registrar a <code>array</code> para ver seu algoritmo de classificação em ação! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>mergeSort</code> é uma função.
+    testString: 'assert(typeof mergeSort == "function", "<code>mergeSort</code> is a function.");'
+  - text: <code>mergeSort</code> retorna uma matriz classificada (pelo menos até o maior).
+    testString: 'assert(isSorted(mergeSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>mergeSort</code> returns a sorted array (least to greatest).");'
+  - text: '<code>mergeSort</code> retorna uma matriz que é inalterada, exceto por ordem.'
+    testString: 'assert.sameMembers(mergeSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>mergeSort</code> returns an array that is unchanged except for order.");'
+  - text: <code>mergeSort</code> não deve usar o método <code>.sort()</code> .
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>mergeSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function mergeSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/implement-quick-sort.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/implement-quick-sort.portuguese.md
new file mode 100644
index 0000000000..f8d9db3501
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/implement-quick-sort.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 587d825a367417b2b2512c89
+title: Implement Quick Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: Implementar classificação rápida
+---
+
+## Description
+<section id="description"> Aqui, vamos passar para um algoritmo de classificação intermediário: quick sort. A classificação rápida é uma abordagem eficiente e recursiva de divisão e conquista para classificar uma matriz. Nesse método, um valor dinâmico é escolhido no array original. A matriz é então particionada em dois submatrizes de valores menores e maiores que o valor de pivô. Em seguida, combinamos o resultado de chamar recursivamente o algoritmo de ordenação rápida em ambas as sub-matrizes. Isso continua até que o caso base de uma matriz vazia ou de item único seja atingido, o que retornamos. O desenrolar das chamadas recursivas nos devolve o array ordenado. A classificação rápida é um método de classificação muito eficiente, fornecendo, em média, o desempenho <i>O (nlog (n))</i> . Também é relativamente fácil de implementar. Esses atributos o tornam um método de classificação popular e útil. <strong>Instruções:</strong> Escreva uma função <code>quickSort</code> que <code>quickSort</code> uma matriz de números inteiros como entrada e retorne uma matriz desses números inteiros na ordem classificada de menor para maior. Embora a escolha do valor de pivot seja importante, qualquer pivô serve para nossos propósitos aqui. Por simplicidade, o primeiro ou último elemento pode ser usado. <strong>Nota:</strong> <br> Estamos chamando essa função dos bastidores; a matriz de teste que estamos usando é comentada no editor. Tente registrar a <code>array</code> para ver seu algoritmo de classificação em ação! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>quickSort</code> é uma função.
+    testString: 'assert(typeof quickSort == "function", "<code>quickSort</code> is a function.");'
+  - text: <code>quickSort</code> retorna uma matriz classificada (pelo menos para o maior).
+    testString: 'assert(isSorted(quickSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>quickSort</code> returns a sorted array (least to greatest).");'
+  - text: '<code>quickSort</code> retorna uma matriz que é inalterada, exceto por ordem.'
+    testString: 'assert.sameMembers(quickSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>quickSort</code> returns an array that is unchanged except for order.");'
+  - text: <code>quickSort</code> não deve usar o método <code>.sort()</code> .
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>quickSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function quickSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/implement-selection-sort.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/implement-selection-sort.portuguese.md
new file mode 100644
index 0000000000..6b2659272e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/implement-selection-sort.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 587d8259367417b2b2512c85
+title: Implement Selection Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: Implementar o tipo de seleção
+---
+
+## Description
+<section id="description"> Aqui vamos implementar a classificação de seleção. A classificação de seleção funciona selecionando o valor mínimo em uma lista e trocando-o pelo primeiro valor da lista. Em seguida, ele inicia na segunda posição, seleciona o menor valor na lista restante e o troca com o segundo elemento. Ele continua percorrendo a lista e trocando elementos até atingir o final da lista. Agora a lista está classificada. A classificação de seleção tem complexidade de tempo quadrática em todos os casos. <strong>Instruções</strong> : Escreva uma <code>selectionSort</code> que leva uma matriz de inteiros como entrada e retorna uma matriz desses números inteiros na ordem classificada de menor para maior. <strong>Nota:</strong> <br> Estamos chamando essa função dos bastidores; a matriz de teste que estamos usando é comentada no editor. Tente registrar a <code>array</code> para ver seu algoritmo de classificação em ação! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>selectionSort</code> é uma função.
+    testString: 'assert(typeof selectionSort == "function", "<code>selectionSort</code> is a function.");'
+  - text: <code>selectionSort</code> retorna um array ordenado (menor para maior).
+    testString: 'assert(isSorted(selectionSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>selectionSort</code> returns a sorted array (least to greatest).");'
+  - text: '<code>selectionSort</code> retorna uma matriz que é inalterada, exceto por ordem.'
+    testString: 'assert.sameMembers(selectionSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>selectionSort</code> returns an array that is unchanged except for order.");'
+  - text: <code>selectionSort</code> não deve usar o método <code>.sort()</code> .
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>selectionSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function selectionSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/inventory-update.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/inventory-update.portuguese.md
new file mode 100644
index 0000000000..2051c67830
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/inventory-update.portuguese.md
@@ -0,0 +1,80 @@
+---
+id: a56138aff60341a09ed6c480
+title: Inventory Update
+challengeType: 5
+videoUrl: ''
+localeTitle: Atualização de Inventário
+---
+
+## Description
+<section id="description"> Compare e atualize o inventário armazenado em uma matriz 2D em relação a uma segunda matriz 2D de uma entrega nova. Atualize as quantidades atuais de itens de estoque existentes (em <code>arr1</code> ). Se um item não puder ser encontrado, adicione o novo item e a quantidade à matriz de estoque. A matriz de inventário retornada deve estar em ordem alfabética por item. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A função <code>updateInventory</code> deve retornar uma matriz.
+    testString: 'assert.isArray(updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]]), "The function <code>updateInventory</code> should return an array.");'
+  - text: '<code>updateInventory([[21, &quot;Bowling Ball&quot;], [2, &quot;Dirty Sock&quot;], [1, &quot;Hair Pin&quot;], [5, &quot;Microphone&quot;]], [[2, &quot;Hair Pin&quot;], [3, &quot;Half-Eaten Apple&quot;], [67, &quot;Bowling Ball&quot;], [7, &quot;Toothpaste&quot;]])</code> devem retornar uma matriz com um comprimento de 6.'
+    testString: 'assert.equal(updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]]).length, 6, "<code>updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]])</code> should return an array with a length of 6.");'
+  - text: '<code>updateInventory([[21, &quot;Bowling Ball&quot;], [2, &quot;Dirty Sock&quot;], [1, &quot;Hair Pin&quot;], [5, &quot;Microphone&quot;]], [[2, &quot;Hair Pin&quot;], [3, &quot;Half-Eaten Apple&quot;], [67, &quot;Bowling Ball&quot;], [7, &quot;Toothpaste&quot;]])</code> devem retornar <code>[[88, &quot;Bowling Ball&quot;], [2, &quot;Dirty Sock&quot;], [3, &quot;Hair Pin&quot;], [3, &quot;Half-Eaten Apple&quot;], [5, &quot;Microphone&quot;], [7, &quot;Toothpaste&quot;]]</code> .'
+    testString: 'assert.deepEqual(updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]]), [[88, "Bowling Ball"], [2, "Dirty Sock"], [3, "Hair Pin"], [3, "Half-Eaten Apple"], [5, "Microphone"], [7, "Toothpaste"]], "<code>updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]])</code> should return <code>[[88, "Bowling Ball"], [2, "Dirty Sock"], [3, "Hair Pin"], [3, "Half-Eaten Apple"], [5, "Microphone"], [7, "Toothpaste"]]</code>.");'
+  - text: '<code>updateInventory([[21, &quot;Bowling Ball&quot;], [2, &quot;Dirty Sock&quot;], [1, &quot;Hair Pin&quot;], [5, &quot;Microphone&quot;]], [])</code> deve retornar <code>[[21, &quot;Bowling Ball&quot;], [2, &quot;Dirty Sock&quot;], [1, &quot;Hair Pin&quot;], [5, &quot;Microphone&quot;]]</code> .'
+    testString: 'assert.deepEqual(updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], []), [[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], "<code>updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [])</code> should return <code>[[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]]</code>.");'
+  - text: '<code>updateInventory([], [[2, &quot;Hair Pin&quot;], [3, &quot;Half-Eaten Apple&quot;], [67, &quot;Bowling Ball&quot;], [7, &quot;Toothpaste&quot;]])</code> deve retornar <code>[[67, &quot;Bowling Ball&quot;], [2, &quot;Hair Pin&quot;], [3, &quot;Half-Eaten Apple&quot;], [7, &quot;Toothpaste&quot;]]</code> .'
+    testString: 'assert.deepEqual(updateInventory([], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]]), [[67, "Bowling Ball"], [2, "Hair Pin"], [3, "Half-Eaten Apple"], [7, "Toothpaste"]], "<code>updateInventory([], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]])</code> should return <code>[[67, "Bowling Ball"], [2, "Hair Pin"], [3, "Half-Eaten Apple"], [7, "Toothpaste"]]</code>.");'
+  - text: '<code>updateInventory([[0, &quot;Bowling Ball&quot;], [0, &quot;Dirty Sock&quot;], [0, &quot;Hair Pin&quot;], [0, &quot;Microphone&quot;]], [[1, &quot;Hair Pin&quot;], [1, &quot;Half-Eaten Apple&quot;], [1, &quot;Bowling Ball&quot;], [1, &quot;Toothpaste&quot;]])</code> deve retornar <code>[[1, &quot;Bowling Ball&quot;], [0, &quot;Dirty Sock&quot;], [1, &quot;Hair Pin&quot;], [1, &quot;Half-Eaten Apple&quot;], [0, &quot;Microphone&quot;], [1, &quot;Toothpaste&quot;]]</code> .'
+    testString: 'assert.deepEqual(updateInventory([[0, "Bowling Ball"], [0, "Dirty Sock"], [0, "Hair Pin"], [0, "Microphone"]], [[1, "Hair Pin"], [1, "Half-Eaten Apple"], [1, "Bowling Ball"], [1, "Toothpaste"]]), [[1, "Bowling Ball"], [0, "Dirty Sock"], [1, "Hair Pin"], [1, "Half-Eaten Apple"], [0, "Microphone"], [1, "Toothpaste"]], "<code>updateInventory([[0, "Bowling Ball"], [0, "Dirty Sock"], [0, "Hair Pin"], [0, "Microphone"]], [[1, "Hair Pin"], [1, "Half-Eaten Apple"], [1, "Bowling Ball"], [1, "Toothpaste"]])</code> should return <code>[[1, "Bowling Ball"], [0, "Dirty Sock"], [1, "Hair Pin"], [1, "Half-Eaten Apple"], [0, "Microphone"], [1, "Toothpaste"]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function updateInventory(arr1, arr2) {
+    // All inventory must be accounted for or you're fired!
+    return arr1;
+}
+
+// Example inventory lists
+var curInv = [
+    [21, "Bowling Ball"],
+    [2, "Dirty Sock"],
+    [1, "Hair Pin"],
+    [5, "Microphone"]
+];
+
+var newInv = [
+    [2, "Hair Pin"],
+    [3, "Half-Eaten Apple"],
+    [67, "Bowling Ball"],
+    [7, "Toothpaste"]
+];
+
+updateInventory(curInv, newInv);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/no-repeats-please.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/no-repeats-please.portuguese.md
new file mode 100644
index 0000000000..e7f55aa9e6
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/no-repeats-please.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: a7bf700cd123b9a54eef01d5
+title: No Repeats Please
+challengeType: 5
+videoUrl: ''
+localeTitle: Não repete por favor
+---
+
+## Description
+<section id="description"> Retorna o número total de permutações da string fornecida que não tem letras consecutivas repetidas. Suponha que todos os caracteres na string fornecida sejam exclusivos. Por exemplo, <code>aab</code> deve retornar 2 porque tem 6 permutações totais ( <code>aab</code> , <code>aab</code> , <code>aba</code> , <code>aba</code> , <code>baa</code> , <code>baa</code> ), mas apenas 2 delas ( <code>aba</code> e <code>aba</code> ) não têm a mesma letra (neste caso <code>a</code> ) recorrente. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>permAlone(&quot;aab&quot;)</code> deve retornar um número.
+    testString: 'assert.isNumber(permAlone("aab"), "<code>permAlone("aab")</code> should return a number.");'
+  - text: <code>permAlone(&quot;aab&quot;)</code> deve retornar 2.
+    testString: 'assert.strictEqual(permAlone("aab"), 2, "<code>permAlone("aab")</code> should return 2.");'
+  - text: <code>permAlone(&quot;aaa&quot;)</code> deve retornar 0.
+    testString: 'assert.strictEqual(permAlone("aaa"), 0, "<code>permAlone("aaa")</code> should return 0.");'
+  - text: <code>permAlone(&quot;aabb&quot;)</code> deve retornar 8.
+    testString: 'assert.strictEqual(permAlone("aabb"), 8, "<code>permAlone("aabb")</code> should return 8.");'
+  - text: <code>permAlone(&quot;abcdefa&quot;)</code> deve retornar 3600.
+    testString: 'assert.strictEqual(permAlone("abcdefa"), 3600, "<code>permAlone("abcdefa")</code> should return 3600.");'
+  - text: <code>permAlone(&quot;abfdefa&quot;)</code> deve retornar 2640.
+    testString: 'assert.strictEqual(permAlone("abfdefa"), 2640, "<code>permAlone("abfdefa")</code> should return 2640.");'
+  - text: <code>permAlone(&quot;zzzzzzzz&quot;)</code> deve retornar 0.
+    testString: 'assert.strictEqual(permAlone("zzzzzzzz"), 0, "<code>permAlone("zzzzzzzz")</code> should return 0.");'
+  - text: <code>permAlone(&quot;a&quot;)</code> deve retornar 1.
+    testString: 'assert.strictEqual(permAlone("a"), 1, "<code>permAlone("a")</code> should return 1.");'
+  - text: <code>permAlone(&quot;aaab&quot;)</code> deve retornar 0.
+    testString: 'assert.strictEqual(permAlone("aaab"), 0, "<code>permAlone("aaab")</code> should return 0.");'
+  - text: <code>permAlone(&quot;aaabb&quot;)</code> deve retornar 12.
+    testString: 'assert.strictEqual(permAlone("aaabb"), 12, "<code>permAlone("aaabb")</code> should return 12.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function permAlone(str) {
+  return str;
+}
+
+permAlone('aab');
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/pairwise.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/pairwise.portuguese.md
new file mode 100644
index 0000000000..f38f3dbf56
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/algorithms/pairwise.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: a3f503de51cfab748ff001aa
+title: Pairwise
+challengeType: 5
+videoUrl: ''
+localeTitle: Emparelhados
+---
+
+## Description
+<section id="description"> Dada uma matriz <code>arr</code> , encontre os pares de elementos cuja soma seja igual ao segundo argumento <code>arg</code> e retorne a soma de seus índices. Você pode usar vários pares que tenham os mesmos elementos numéricos, mas índices diferentes. Cada par deve usar os menores índices disponíveis possíveis. Uma vez que um elemento tenha sido usado, ele não pode ser reutilizado para emparelhar com outro elemento. Por exemplo, <code>pairwise([1, 1, 2], 3)</code> cria um par <code>[2, 1]</code> usando o 1 no índice 0 em vez do 1 no índice 1, porque 0 + 2 &lt;1 + 2. Por exemplo, <code>pairwise([7, 9, 11, 13, 15], 20)</code> retorna <code>6</code> . Os pares que somam 20 são <code>[7, 13]</code> e <code>[9, 11]</code> . Podemos então escrever o array com seus índices e valores. <table class="table"><tbody><tr><th> <strong>Índice</strong> </th><th> 0 </th><th> 1 </th><th> 2 </th><th> 3 </th><th> 4 </th></tr><tr><td> Valor </td><td> 7 </td><td> 9 </td><td> 11 </td><td> 13 </td><td> 15 </td></tr></tbody></table> Abaixo, vamos pegar seus índices correspondentes e adicioná-los. 7 + 13 = 20 → Índices 0 + 3 = 3 <br> 9 + 11 = 20 → Índices 1 + 2 = 3 <br> 3 + 3 = 6 → Return <code>6</code> Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>pairwise([1, 4, 2, 3, 0, 5], 7)</code> deve retornar 11.'
+    testString: 'assert.deepEqual(pairwise([1, 4, 2, 3, 0, 5], 7), 11, "<code>pairwise([1, 4, 2, 3, 0, 5], 7)</code> should return 11.");'
+  - text: '<code>pairwise([1, 3, 2, 4], 4)</code> deve retornar 1.'
+    testString: 'assert.deepEqual(pairwise([1, 3, 2, 4], 4), 1, "<code>pairwise([1, 3, 2, 4], 4)</code> should return 1.");'
+  - text: '<code>pairwise([1, 1, 1], 2)</code> deve retornar 1.'
+    testString: 'assert.deepEqual(pairwise([1, 1, 1], 2), 1, "<code>pairwise([1, 1, 1], 2)</code> should return 1.");'
+  - text: '<code>pairwise([0, 0, 0, 0, 1, 1], 1)</code> deve retornar 10.'
+    testString: 'assert.deepEqual(pairwise([0, 0, 0, 0, 1, 1], 1), 10, "<code>pairwise([0, 0, 0, 0, 1, 1], 1)</code> should return 10.");'
+  - text: '<code>pairwise([], 100)</code> deve retornar 0.'
+    testString: 'assert.deepEqual(pairwise([], 100), 0, "<code>pairwise([], 100)</code> should return 0.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pairwise(arr, arg) {
+  return arg;
+}
+
+pairwise([1,4,2,3,0,5], 7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/add-a-new-element-to-a-binary-search-tree.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/add-a-new-element-to-a-binary-search-tree.portuguese.md
new file mode 100644
index 0000000000..f860c6de67
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/add-a-new-element-to-a-binary-search-tree.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: 587d8257367417b2b2512c7b
+title: Add a New Element to a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Adicionar um novo elemento a uma árvore de pesquisa binária
+---
+
+## Description
+<section id="description"> Agora que temos uma ideia do básico, vamos escrever um método mais complexo. Neste desafio, criaremos um método para adicionar novos valores à nossa árvore de pesquisa binária. O método deve ser chamado de <code>add</code> e deve aceitar um valor inteiro para adicionar à árvore. Tome cuidado para manter a invariante de uma árvore de pesquisa binária: o valor em cada filho da esquerda deve ser menor ou igual ao valor pai e o valor em cada filho da direita deve ser maior ou igual ao valor pai. Aqui, vamos fazer com que nossa árvore não possa conter valores duplicados. Se tentarmos adicionar um valor que já existe, o método deve retornar <code>null</code> . Caso contrário, se a adição for bem sucedida, <code>undefined</code> deve ser retornado. Dica: as árvores são estruturas de dados naturalmente recursivas! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A estrutura de dados <code>BinarySearchTree</code> existe.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: A árvore de pesquisa binária tem um método chamado <code>add</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.add == "function")})(), "The binary search tree has a method called <code>add</code>.");'
+  - text: O método add adiciona elementos de acordo com as regras da árvore de pesquisa binária.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.add !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); const expectedResult = [ 1, 4, 7, 8, 34, 45, 73, 87 ]; const result = test.inOrder(); return (expectedResult.toString() === result.toString()); })(), "The add method adds elements according to the binary search tree rules.");'
+  - text: Adicionar um elemento que já existe retorna <code>null</code>
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.add !== "function") { return false; }; test.add(4); return test.add(4) == null; })(), "Adding an element that already exists returns <code>null</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/add-elements-at-a-specific-index-in-a-linked-list.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/add-elements-at-a-specific-index-in-a-linked-list.portuguese.md
new file mode 100644
index 0000000000..3672ce5c51
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/add-elements-at-a-specific-index-in-a-linked-list.portuguese.md
@@ -0,0 +1,92 @@
+---
+id: 587d8252367417b2b2512c67
+title: Add Elements at a Specific Index in a Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: Adicionar elementos em um índice específico em uma lista vinculada
+---
+
+## Description
+<section id="description"> Vamos criar um método addAt (index, element) que adiciona um elemento em um determinado índice. Assim como removemos elementos em um determinado índice, precisamos acompanhar o currentIndex à medida que percorremos a lista vinculada. Quando o currentIndex corresponde ao índice fornecido, precisaríamos reatribuir a próxima propriedade do nó anterior para fazer referência ao novo nó adicionado. E o novo nó deve referenciar o próximo nó no currentIndex. Voltando ao exemplo da linha de conga, uma nova pessoa quer entrar na linha, mas ele quer se juntar ao meio. Você está no meio da linha, então tire as mãos da pessoa à sua frente. A nova pessoa se aproxima e coloca as mãos sobre a pessoa que você teve uma vez, e agora você tem as mãos na nova pessoa. Instruções Crie um método addAt (index, element) que adiciona um elemento em um determinado índice. Retornar false se um elemento não puder ser adicionado. Nota Lembre-se de verificar se o índice fornecido é negativo ou maior que o comprimento da lista vinculada. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu método <code>addAt</code> deve reatribuir a <code>head</code> para o novo nó quando o índice fornecido for 0.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.addAt(0,"cat"); return test.head().element === "cat"}()), "Your <code>addAt</code> method should reassign <code>head</code> to the new node when the given index is 0.");'
+  - text: Seu método <code>addAt</code> deve aumentar o tamanho da lista vinculada em um para cada novo nó adicionado à lista vinculada.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.addAt(0,"cat"); return test.size() === 3}()), "Your <code>addAt</code> method should increase the length of the linked list by one for each new node added to the linked list.");'
+  - text: Seu método <code>addAt</code> deve retornar <code>false</code> se um nó não puder ser adicionado.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); return (test.addAt(4,"cat") === false); }()), "Your <code>addAt</code> method should return <code>false</code> if a node was unable to be added.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+        currentNode = head;
+
+        while(currentNode.next){
+            currentNode  = currentNode.next;
+        }
+
+        currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  // Only change code below this line
+
+  // Only change code above this line
+
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/adjacency-list.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/adjacency-list.portuguese.md
new file mode 100644
index 0000000000..ca1ec42524
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/adjacency-list.portuguese.md
@@ -0,0 +1,56 @@
+---
+id: 587d8256367417b2b2512c77
+title: Adjacency List
+challengeType: 1
+videoUrl: ''
+localeTitle: Lista de Adjacência
+---
+
+## Description
+<section id="description"> Os gráficos podem ser representados de maneiras diferentes. Aqui nós descrevemos um caminho, que é chamado de <dfn>lista de adjacências</dfn> . Uma lista de adjacências é essencialmente uma lista com marcadores, onde o lado esquerdo é o nó e o lado direito lista todos os outros nós aos quais está conectado. Abaixo está uma representação de uma lista de adjacências. <blockquote> Nó1: Nó2, Nó3 <br> Nó2: Nó1 <br> Nó3: Nó1 </blockquote> Acima está um gráfico não direcionado porque o <code>Node1</code> está conectado ao <code>Node2</code> e ao <code>Node3</code> , e essa informação é consistente com as conexões <code>Node2</code> e <code>Node3</code> . Uma lista de adjacências para um gráfico direcionado significaria que cada linha da lista mostra a direção. Se o acima foi direcionado, então <code>Node2: Node1</code> significaria que a borda direcionada está apontando do <code>Node2</code> para o <code>Node1</code> . Podemos representar o grafo não direcionado acima como uma lista de adjacências, colocando-o dentro de um objeto JavaScript. <blockquote> var undirectedG = { <br> Nó1: [&quot;Nó2&quot;, &quot;Nó3&quot;], <br> Nó2: [&quot;Nó1&quot;], <br> Nó3: [&quot;Nó1&quot;] <br> }; </blockquote> Isso também pode ser mais simplesmente representado como uma matriz em que os nós apenas têm números em vez de rótulos de seqüência de caracteres. <blockquote> var undirectedGArr = [ <br> [1, 2], # Node1 <br> [0], # Node2 <br> [0] # Node3 <br> ]; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Crie uma rede social como um gráfico não direcionado com 4 nós / pessoas chamados <code>James</code> , <code>Jill</code> , <code>Jenny</code> e <code>Jeff</code> . Existem arestas / relações entre James e Jeff, Jill e Jenny, e Jeff e Jenny. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>undirectedAdjList</code> deve conter apenas quatro nós.
+    testString: 'assert(Object.keys(undirectedAdjList).length === 4, "<code>undirectedAdjList</code> should only contain four nodes.");'
+  - text: Deve haver uma vantagem entre <code>Jeff</code> e <code>James</code> .
+    testString: 'assert(undirectedAdjList.James.indexOf("Jeff") !== -1 && undirectedAdjList.Jeff.indexOf("James") !== -1, "There should be an edge between <code>Jeff</code> and <code>James</code>.");'
+  - text: Deve haver uma vantagem entre <code>Jill</code> e <code>Jenny</code> .
+    testString: 'assert(undirectedAdjList.Jill.indexOf("Jenny") !== -1 && undirectedAdjList.Jill.indexOf("Jenny") !== -1, "There should be an edge between <code>Jill</code> and <code>Jenny</code>.");'
+  - text: Deve haver uma vantagem entre <code>Jeff</code> e <code>Jenny</code> .
+    testString: 'assert(undirectedAdjList.Jeff.indexOf("Jenny") !== -1 && undirectedAdjList.Jenny.indexOf("Jeff") !== -1, "There should be an edge between <code>Jeff</code> and <code>Jenny</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var undirectedAdjList = {
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/adjacency-matrix.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/adjacency-matrix.portuguese.md
new file mode 100644
index 0000000000..a69b2731fa
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/adjacency-matrix.portuguese.md
@@ -0,0 +1,58 @@
+---
+id: 587d8256367417b2b2512c78
+title: Adjacency Matrix
+challengeType: 1
+videoUrl: ''
+localeTitle: Matriz de adjacência
+---
+
+## Description
+<section id="description"> Outra maneira de representar um gráfico é colocá-lo em uma <dfn>matriz de adjacência</dfn> . Uma <dfn>matriz de adjacência</dfn> é uma <dfn>matriz</dfn> bidimensional (2D) onde cada matriz aninhada tem o mesmo número de elementos que a matriz externa. Em outras palavras, é uma matriz ou grade de números, onde os números representam as arestas. Zeros significa que não há vantagem ou relacionamento. <blockquote> 1 2 3 <br> ------ <br> 1 | 0 1 1 <br> 2 | 1 0 0 <br> 3 | 1 0 0 </blockquote> Acima está um gráfico muito simples, não direcionado, no qual você tem três nós, onde o primeiro nó está conectado ao segundo e terceiro nó. <strong>Nota</strong> : Os números na parte superior e esquerda da matriz são apenas rótulos para os nós. Abaixo está uma implementação JavaScript da mesma coisa. <blockquote> var adjMat = [ <br> [0, 1, 1] <br> [1, 0, 0] <br> [1, 0, 0] <br> ]; </blockquote> Ao contrário de uma lista de adjacências, cada &quot;linha&quot; da matriz deve ter o mesmo número de elementos que os nós no gráfico. Aqui temos uma matriz de três por três, o que significa que temos três nós em nosso gráfico. Um gráfico direcionado seria semelhante. Abaixo está um gráfico onde o primeiro nó tem uma borda apontando para o segundo nó e, em seguida, o segundo nó tem uma borda apontando para o terceiro nó. <blockquote> var adjMatDirected = [ <br> [0, 1, 0] <br> [0, 0, 1] <br> [0, 0, 0] <br> ]; </blockquote> Gráficos também podem ter <dfn>pesos</dfn> em suas bordas. Até agora, temos arestas <dfn>não ponderadas</dfn> onde apenas a presença e a falta de aresta é binária ( <code>0</code> ou <code>1</code> ). Você pode ter pesos diferentes dependendo do seu aplicativo. </section>
+
+## Instructions
+<section id="instructions"> Crie uma matriz de adjacência de um gráfico não direcionado com cinco nós. Essa matriz deve estar em uma matriz multidimensional. Esses cinco nós têm relações entre o primeiro e o quarto nó, o primeiro e o terceiro nó, o terceiro e o quinto nó e o quarto e o quinto nó. Todos os pesos de borda são um. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>undirectedAdjList</code> deve conter apenas cinco nós.
+    testString: 'assert((adjMatUndirected.length === 5) && adjMatUndirected.map(function(x) { return x.length === 5 }).reduce(function(a, b) { return a && b }) , "<code>undirectedAdjList</code> should only contain five nodes.");'
+  - text: Deve haver uma borda entre o primeiro e o quarto nó.
+    testString: 'assert((adjMatUndirected[0][3] === 1) && (adjMatUndirected[3][0] === 1), "There should be an edge between the first and fourth node.");'
+  - text: Deve haver uma borda entre o primeiro e o terceiro nó.
+    testString: 'assert((adjMatUndirected[0][2] === 1) && (adjMatUndirected[2][0] === 1), "There should be an edge between the first and third node.");'
+  - text: Deve haver uma borda entre o terceiro e o quinto nó.
+    testString: 'assert((adjMatUndirected[2][4] === 1) && (adjMatUndirected[4][2] === 1), "There should be an edge between the third and fifth node.");'
+  - text: Deve haver uma borda entre o quarto e o quinto nó.
+    testString: 'assert((adjMatUndirected[3][4] === 1) && (adjMatUndirected[4][3] === 1), "There should be an edge between the fourth and fifth node.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var adjMatUndirected = [
+];
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/breadth-first-search.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/breadth-first-search.portuguese.md
new file mode 100644
index 0000000000..586bde7fbd
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/breadth-first-search.portuguese.md
@@ -0,0 +1,76 @@
+---
+id: 587d825c367417b2b2512c90
+title: Breadth-First Search
+challengeType: 1
+videoUrl: ''
+localeTitle: Primeira pesquisa
+---
+
+## Description
+<section id="description"> Até agora, aprendemos diferentes maneiras de criar representações de gráficos. E agora? Uma questão natural a ter é quais são as distâncias entre dois nós no gráfico? Digite os <dfn>algoritmos de percurso de gráfico</dfn> . <dfn>Algoritmos de passagem</dfn> são algoritmos para atravessar ou visitar nós em um gráfico. Um tipo de algoritmo de travessia é o algoritmo de pesquisa em amplitude. Esse algoritmo começa em um nó, primeiro visita todos os seus vizinhos que estão a uma distância de distância e depois visita cada um dos vizinhos. Visualmente, isso é o que o algoritmo está fazendo. <img class="img-responsive" src="https://camo.githubusercontent.com/2f57e6239884a1a03402912f13c49555dec76d06/68747470733a2f2f75706c6f61642e77696b696d656469612e6f72672f77696b6970656469612f636f6d6d6f6e732f342f34362f416e696d617465645f4246532e676966"> Para implementar esse algoritmo, você precisará inserir uma estrutura de gráfico e um nó no qual deseja iniciar. Primeiro, você deve estar ciente das distâncias do nó inicial. Isso você vai querer começar todas as suas distâncias inicialmente um grande número, como o <code>Infinity</code> . Isso fornece uma referência para o caso em que um nó pode não estar acessível a partir do seu nó inicial. Em seguida, você vai querer ir do nó inicial para seus vizinhos. Estes vizinhos estão a uma distância de distância e neste ponto você deve adicionar uma unidade de distância às distâncias que você está acompanhando. Por último, uma estrutura de dados importante que ajudará a implementar o algoritmo de pesquisa de largura única é a fila. Esta é uma matriz onde você pode adicionar elementos a uma extremidade e remover elementos da outra extremidade. Isso também é conhecido como uma estrutura de dados <dfn>FIFO</dfn> ou <dfn>First-In-First-Out</dfn> . </section>
+
+## Instructions
+<section id="instructions"> Escreva uma função <code>bfs()</code> que usa um gráfico de matriz de adjacência (uma matriz bidimensional) e uma raiz de rótulo de nó como parâmetros. O rótulo do nó será apenas o valor inteiro do nó entre <code>0</code> e <code>n - 1</code> , onde <code>n</code> é o número total de nós no gráfico. Sua função produzirá um par de valores-chave do objeto JavaScript com o nó e sua distância da raiz. Se o nó não puder ser alcançado, ele deverá ter uma distância do <code>Infinity</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O gráfico de entrada <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> com um nó inicial de <code>1</code> deve retornar <code>{0: 1, 1: 0, 2: 1, 3: 2}</code>'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]; var results = bfs(graph, 1); return isEquivalent(results, {0: 1, 1: 0, 2: 1, 3: 2})})(), "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>1</code> should return <code>{0: 1, 1: 0, 2: 1, 3: 2}</code>");'
+  - text: 'O gráfico de entrada <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> com um nó inicial de <code>1</code> deve retornar <code>{0: 1, 1: 0, 2: 1, 3: Infinity}</code>'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]; var results = bfs(graph, 1); return isEquivalent(results, {0: 1, 1: 0, 2: 1, 3: Infinity})})(), "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> with a start node of <code>1</code> should return <code>{0: 1, 1: 0, 2: 1, 3: Infinity}</code>");'
+  - text: 'O gráfico de entrada <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> com um nó inicial de <code>0</code> deve retornar <code>{0: 0, 1: 1, 2: 2, 3: 3}</code>'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]; var results = bfs(graph, 0); return isEquivalent(results, {0: 0, 1: 1, 2: 2, 3: 3})})(), "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>0</code> should return <code>{0: 0, 1: 1, 2: 2, 3: 3}</code>");'
+  - text: 'O gráfico de entrada <code>[[0, 1], [1, 0]]</code> com um nó inicial de <code>0</code> deve retornar <code>{0: 0, 1: 1}</code>'
+    testString: 'assert((function() { var graph = [[0, 1], [1, 0]]; var results = bfs(graph, 0); return isEquivalent(results, {0: 0, 1: 1})})(), "The input graph <code>[[0, 1], [1, 0]]</code> with a start node of <code>0</code> should return <code>{0: 0, 1: 1}</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function bfs(graph, root) {
+  // Distance object returned
+  var nodesLen = {};
+
+  return nodesLen;
+};
+
+var exBFSGraph = [
+  [0, 1, 0, 0],
+  [1, 0, 1, 0],
+  [0, 1, 0, 1],
+  [0, 0, 1, 0]
+];
+console.log(bfs(exBFSGraph, 3));
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/check-if-an-element-is-present-in-a-binary-search-tree.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/check-if-an-element-is-present-in-a-binary-search-tree.portuguese.md
new file mode 100644
index 0000000000..b73ff82d3a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/check-if-an-element-is-present-in-a-binary-search-tree.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: 587d8257367417b2b2512c7c
+title: Check if an Element is Present in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Verificar se um elemento está presente em uma árvore de pesquisa binária
+---
+
+## Description
+<section id="description"> Agora que temos uma noção geral do que é uma árvore de pesquisa binária, vamos falar sobre isso com um pouco mais de detalhes. As árvores de pesquisa binária fornecem tempo logarítmico para as operações comuns de pesquisa, inserção e exclusão no caso médio e tempo linear no pior dos casos. Por que é isso? Cada uma dessas operações básicas nos obriga a encontrar um item na árvore (ou no caso de inserção para encontrar onde ele deve ir) e por causa da estrutura em árvore em cada nó pai que estamos ramificando para a esquerda ou direita e efetivamente excluindo metade do tamanho da árvore restante. Isso torna a pesquisa proporcional ao logaritmo do número de nós na árvore, o que cria um tempo logarítmico para essas operações no caso médio. Ok, mas e o pior dos casos? Bem, considere a construção de uma árvore a partir dos seguintes valores, adicionando-os da esquerda para a direita: <code>10</code> , <code>12</code> , <code>17</code> , <code>25</code> . Seguindo nossas regras para uma árvore de pesquisa binária, adicionaremos <code>12</code> à direita de <code>10</code> , <code>17</code> à direita desta e <code>25</code> à direita desta. Agora nossa árvore se assemelha a uma lista encadeada e atravessá-la para encontrar <code>25</code> exigiria que percorrêssemos todos os itens de maneira linear. Assim, o tempo linear no pior dos casos. O problema aqui é que a árvore está desequilibrada. Veremos um pouco mais sobre o que isso significa nos desafios a seguir. Instruções: Neste desafio, vamos criar um utilitário para a nossa árvore. Escreva um método <code>isPresent</code> que <code>isPresent</code> um valor inteiro como entrada e retorne um valor booleano para a presença ou ausência desse valor na árvore de pesquisa binária. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A estrutura de dados <code>BinarySearchTree</code> existe.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: A árvore de pesquisa binária tem um método chamado <code>isPresent</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.isPresent == "function")})(), "The binary search tree has a method called <code>isPresent</code>.");'
+  - text: O método <code>isPresent</code> verifica corretamente a presença ou ausência de elementos adicionados à árvore.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.isPresent !== "function") { return false; }; test.add(4); test.add(7); test.add(411); test.add(452); return ( test.isPresent(452) && test.isPresent(411) && test.isPresent(7) && !test.isPresent(100) ); })(), "The <code>isPresent</code> method correctly checks for the presence or absence of elements added to the tree.");'
+  - text: <code>isPresent</code> manipula casos em que a árvore está vazia.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.isPresent !== "function") { return false; }; return test.isPresent(5) == false; })(), "<code>isPresent</code> handles cases where the tree is empty.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-circular-queue.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-circular-queue.portuguese.md
new file mode 100644
index 0000000000..0ef3b1ee00
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-circular-queue.portuguese.md
@@ -0,0 +1,89 @@
+---
+id: 587d8255367417b2b2512c75
+title: Create a Circular Queue
+challengeType: 1
+videoUrl: ''
+localeTitle: Criar uma fila circular
+---
+
+## Description
+<section id="description"> Neste desafio você estará criando uma Fila Circular. Uma fila circular é basicamente uma fila que grava no final de uma coleção e começa a escrever no próprio início da coleção. Este é o tipo de estrutura de dados tem algumas aplicações úteis em determinadas situações. Por exemplo, uma fila circular pode ser usada para streaming de mídia. Quando a fila está cheia, os novos dados de mídia simplesmente começam a substituir os dados antigos. Uma boa maneira de ilustrar esse conceito é com uma matriz: <blockquote> [1, 2, 3, 4, 5] <br> ^ Leia @ 0 <br> ^ Escreva @ 0 </blockquote> Aqui, a leitura e a gravação estão na posição <code>0</code> . Agora a fila recebe 3 novos registros <code>a</code> , <code>b</code> e <code>c</code> . Nossa fila agora parece com: <blockquote> [a, b, c, 4, 5] <br> ^ Leia @ 0 <br> ^ Escreva @ 3 </blockquote> Como o cabeçote de leitura lê, ele pode remover valores ou mantê-los: <blockquote> [nulo, nulo, nulo, 4, 5] <br> ^ Leia @ 3 <br> ^ Escreva @ 3 </blockquote> Quando a gravação chega ao final da matriz, volta ao início: <blockquote> [f, null, null, d, e] <br> ^ Leia @ 3 <br> ^ Escreva @ 1 </blockquote> Essa abordagem requer uma quantidade constante de memória, mas permite que arquivos de tamanho muito maior sejam processados. Instruções: Neste desafio, vamos implementar uma fila circular. A fila circular deve fornecer métodos de <code>enqueue</code> e de <code>dequeue</code> que permitem ler e gravar na fila. A classe em si também deve aceitar um número inteiro que você possa usar para especificar o tamanho da fila ao criá-la. Nós escrevemos a versão inicial desta classe para você no editor de código. Quando você enfileira itens na fila, o ponteiro de gravação deve avançar e retornar ao início assim que chegar ao final da fila. Da mesma forma, o ponteiro de leitura deve avançar conforme você desencaixa itens. O ponteiro de escrita não deve passar pelo ponteiro de leitura (nossa classe não permitirá que você sobrescreva dados que você ainda não tenha lido) e o ponteiro de leitura não deve ser capaz de avançar dados passados ​​que você escreveu. Além disso, o método de <code>enqueue</code> deve retornar o item que você enfileirou se tiver êxito e, caso contrário, retornará <code>null</code> . Da mesma forma, quando você desenfileirar um item, ele deve ser retornado e, se não for possível, você deve retornar <code>null</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O método de <code>enqueue</code> adiciona itens à fila circular.
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(591); var print = test.print(); return print[0] === 17 && print[1] === 32 && print[2] === 591; })(), "The <code>enqueue</code> method adds items to the circular queue.");'
+  - text: Você não pode enfileirar itens após o ponteiro de leitura.
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(591); test.enqueue(13); test.enqueue(25); test.enqueue(59); var print = test.print(); return print[0] === 17 && print[1] === 32 && print[2] === 591; })(), "You cannot enqueue items past the read pointer.");'
+  - text: O método de <code>dequeue</code> retira itens da fila.
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(591); return test.dequeue() === 17 && test.dequeue() === 32 && test.dequeue() === 591; })(), "The <code>dequeue</code> method dequeues items from the queue.");'
+  - text: 'Depois que um item é desenfileirado, sua posição na fila deve ser redefinida como <code>null</code> .'
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(672); test.dequeue(); test.dequeue(); var print = test.print(); return print[0] === null && print[1] === null && print[2] === 672; })(), "After an item is dequeued its position in the queue should be reset to <code>null</code>.");'
+  - text: A tentativa de desenfileirar após o ponteiro de gravação retorna <code>null</code> e não avança o ponteiro de gravação.
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(591); return test.dequeue() === 17 && test.dequeue() === 32 && test.dequeue() === 591 && test.dequeue() === null && test.dequeue() === null && test.dequeue() === null && test.dequeue() === null && test.enqueue(100) === 100 && test.dequeue() === 100; })(), "Trying to dequeue past the write pointer returns <code>null</code> and does not advance the write pointer.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+class CircularQueue {
+   constructor(size) {
+
+     this.queue = [];
+     this.read = 0;
+     this.write = 0;
+     this.max = size - 1;
+
+     while (size > 0) {
+        this.queue.push(null);
+        size--;
+     }
+
+   }
+
+   print() {
+     return this.queue;
+   }
+
+
+   enqueue(item) {
+    // Only change code below this line
+
+    // Only change code above this line
+   }
+
+   dequeue() {
+    // Only change code below this line
+
+    // Only change code above this line
+   }
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-doubly-linked-list.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-doubly-linked-list.portuguese.md
new file mode 100644
index 0000000000..59b60446ae
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-doubly-linked-list.portuguese.md
@@ -0,0 +1,81 @@
+---
+id: 587d825a367417b2b2512c87
+title: Create a Doubly Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: Criar uma lista duplamente vinculada
+---
+
+## Description
+<section id="description"> Todas as listas vinculadas que criamos até agora são listas vinculadas individualmente. Aqui, criaremos uma <dfn>lista duplamente vinculada</dfn> . Como o nome indica, os nós em uma lista duplamente vinculada têm referências ao nó seguinte e anterior na lista. Isso nos permite percorrer a lista em ambas as direções, mas também requer mais memória a ser usada, porque cada nó deve conter uma referência adicional ao nó anterior na lista. </section>
+
+## Instructions
+<section id="instructions"> Nós fornecemos um objeto <code>Node</code> e iniciamos o nosso <code>DoublyLinkedList</code> . Vamos adicionar dois métodos à nossa lista duplamente vinculada chamada <code>add</code> e <code>remove</code> . O <code>add</code> método deve adicionar o elemento dado à lista, enquanto a <code>remove</code> método deve remover todas as ocorrências de um determinado elemento da lista. Tenha cuidado para lidar com possíveis casos de borda ao escrever esses métodos, como exclusões para o primeiro ou último elemento. Além disso, remover qualquer item em uma lista vazia deve retornar <code>null</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A estrutura de dados DoublyLinkedList existe.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; return (typeof test == "object")})(), "The DoublyLinkedList data structure exists.");'
+  - text: O DoublyLinkedList possui um método chamado add.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; if (test.add == undefined) { return false; }; return (typeof test.add == "function")})(), "The DoublyLinkedList has a method called add.");'
+  - text: O DoublyLinkedList possui um método chamado remove.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; if (test.remove == undefined) { return false; }; return (typeof test.remove == "function")})(), "The DoublyLinkedList has a method called remove.");'
+  - text: Remover um item de uma lista vazia retorna null.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; return (test.remove(100) == null); })(), "Removing an item from an empty list returns null.");'
+  - text: O método add adiciona itens à lista.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(5); test.add(6); test.add(723); return (test.print().join("") == "56723"); })(), "The add method adds items to the list.");'
+  - text: Cada nó mantém o controle do nó anterior.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(50); test.add(68); test.add(73); return (test.printReverse().join("") == "736850"); })(), "Each node keeps track of the previous node.");'
+  - text: O primeiro item pode ser removido da lista.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(25); test.add(35); test.add(60); test.remove(25); return ( test.print().join("") == "3560" ) })(), "The first item can be removed from the list.");'
+  - text: O último item pode ser removido da lista.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(25); test.add(35); test.add(60); test.remove(60); return ( test.print().join("") == "2535" ) })(), "The last item can be removed from the list.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Node = function(data, prev) {
+  this.data = data;
+  this.prev = prev;
+  this.next = null;
+};
+var DoublyLinkedList = function() {
+  this.head = null;
+  this.tail = null;
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-hash-table.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-hash-table.portuguese.md
new file mode 100644
index 0000000000..2f521f2328
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-hash-table.portuguese.md
@@ -0,0 +1,90 @@
+---
+id: 587d825b367417b2b2512c8e
+title: Create a Hash Table
+challengeType: 1
+videoUrl: ''
+localeTitle: Criar uma tabela de hash
+---
+
+## Description
+<section id="description"> Neste desafio, aprenderemos sobre tabelas de hash. Uma tabela de hash é usada para implementar matrizes associativas ou mapeamentos de pares de valores-chave, como os objetos e mapas que acabamos de estudar. Um objeto JavaScript poderia ser implementado como uma tabela de hash, por exemplo (sua implementação real dependerá do ambiente em que está sendo executado). A forma como uma tabela de hash funciona é que ela recebe uma entrada de chave e coloca essa chave em uma forma determinística para algum valor numérico. Este valor numérico é então usado como a chave real pela qual o valor associado é armazenado. Então, se você tentar acessar a mesma chave novamente, a função de hashing processará a chave, retornará o mesmo resultado numérico, que será usado para procurar o valor associado. Isso fornece tempo de pesquisa O (n) muito eficiente, em média. As tabelas de hash podem ser implementadas como matrizes com funções hash produzindo índices de matriz dentro de um intervalo especificado. Nesse método, a escolha do tamanho da matriz é importante, assim como a função hash. Por exemplo, e se a função hashing produzir o mesmo valor para duas chaves diferentes? Isso é chamado de colisão. Uma maneira de lidar com colisões é apenas armazenar os dois pares de valores-chave nesse índice. Em seguida, após a consulta de qualquer um deles, você terá que percorrer o intervalo de itens para encontrar a chave que está procurando. Uma boa função hash minimiza as colisões para manter um tempo de busca eficiente. Aqui, não nos preocuparemos com os detalhes de hash ou implementação de tabela de hash, vamos apenas tentar ter uma noção geral de como eles funcionam. Instruções: Vamos criar a funcionalidade básica de uma tabela de hash. Criamos uma função ingênua de hash para você usar. Você pode passar um valor de string para o hash da função e ele retornará um valor com hash que você pode usar como chave para armazenamento. Armazene itens com base nesse valor com hash no objeto this.collection. Crie estes três métodos: adicionar, remover e pesquisar. O primeiro deve aceitar um par de valores-chave para adicionar à tabela de hash. O segundo deve remover um par de valores-chave quando passar uma chave. O terceiro deve aceitar uma chave e retornar o valor associado ou nulo se a chave não estiver presente. Certifique-se de escrever seu código para contabilizar colisões! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A estrutura de dados HashTable existe.
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; return (typeof test === "object")})(), "The HashTable data structure exists.");'
+  - text: O HashTable tem um método add.
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; return ((typeof test.add) === "function")})(), "The HashTable has an add method.");'
+  - text: O HashTable tem um método remove.
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; return ((typeof test.remove) === "function")})(), "The HashTable has an remove method.");'
+  - text: O HashTable tem um método de pesquisa.
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; return ((typeof test.lookup) === "function")})(), "The HashTable has an lookup method.");'
+  - text: O método add adiciona pares de valores de chave e o método de pesquisa retorna os valores associados a uma determinada chave.
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; test.add("key", "value"); return (test.lookup("key") === "value")})(), "The add method adds key value pairs and the lookup method returns the values associated with a given key.");'
+  - text: O método remove aceita uma chave como entrada e remove o par de valores de chaves associados.
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; test.add("key", "value"); test.remove("key"); return (test.lookup("key") === null)})(), "The remove method accepts a key as input and removes the associated key value pair.");'
+  - text: Itens são adicionados usando a função hash.
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; called = 0; test.add("key1","value1"); test.add("key2","value2"); test.add("key3","value3"); return (called === 3)})(), "Items are added using the hash function.");'
+  - text: A tabela de hash lida com colisões.
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; called = 0; test.add("key1","value1"); test.add("1key","value2"); test.add("ke1y","value3"); return (test.lookup("key1") === "value1" && test.lookup("1key") == "value2" && test.lookup("ke1y") == "value3")})(), "The hash table handles collisions.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var called = 0;
+var hash = (string) => {
+  called++;
+  var hash = 0;
+  for (var i = 0; i < string.length; i++) { hash += string.charCodeAt(i); }
+  return hash;
+};
+var HashTable = function() {
+  this.collection = {};
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+  var called = 0;
+    var hash = (string) => {
+     called++;
+      var hash = 0;
+      for (var i = 0; i < string.length; i++) { hash += string.charCodeAt(i); };
+      return hash;
+    };
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-linked-list-class.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-linked-list-class.portuguese.md
new file mode 100644
index 0000000000..cd5ef0b54f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-linked-list-class.portuguese.md
@@ -0,0 +1,77 @@
+---
+id: 587d8251367417b2b2512c62
+title: Create a Linked List Class
+challengeType: 1
+videoUrl: ''
+localeTitle: Criar uma classe de lista vinculada
+---
+
+## Description
+<section id="description"> Vamos criar uma classe de <code>linked list</code> . Cada lista encadeada deve começar com algumas propriedades básicas: uma <code>head</code> (o primeiro item na sua lista) e uma <code>length</code> (número de itens na sua lista). Às vezes, você verá implementações de listas vinculadas que incorporam uma <code>tail</code> para o último elemento da lista, mas, por enquanto, vamos continuar com essas duas. Sempre que adicionamos um elemento à lista vinculada, nossa propriedade <code>length</code> deve ser incrementada em um. Nós queremos ter uma maneira de adicionar itens à nossa lista vinculada, então o primeiro método que vamos criar é o método <code>add</code> . Se a nossa lista estiver vazia, adicionar um elemento à nossa lista encadeada é bastante simples: apenas envolvemos esse elemento em uma classe <code>Node</code> e atribuímos esse nó à <code>head</code> de nossa lista encadeada. Mas e se a nossa lista já tiver um ou mais membros? Como adicionamos um elemento à lista? Lembre-se de que cada nó em uma lista vinculada possui uma propriedade <code>next</code> . Para adicionar um nó à lista, encontre o último nó na lista e aponte a <code>next</code> propriedade do último nó em nosso novo nó. (Dica: você sabe que chegou ao final de uma lista vinculada quando a <code>next</code> propriedade de um nó é <code>null</code> .) </section>
+
+## Instructions
+<section id="instructions"> Escreva um método add que atribua o primeiro nó que você envia para a lista vinculada ao <code>head</code> ; depois disso, sempre que adicionar um nó, cada nó deve ser referenciado pela <code>next</code> propriedade do nó anterior. Nota A <code>length</code> da sua lista deve aumentar em um sempre que um elemento é adicionado à lista vinculada. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe <code>LinkedList</code> deve ter um método <code>add</code> .
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.add === "function")}()), "Your <code>LinkedList</code> class should have a <code>add</code> method.");'
+  - text: Sua classe <code>LinkedList</code> deve atribuir <code>head</code> ao primeiro nó adicionado.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); return test.head().element === "cat"}()), "Your <code>LinkedList</code> class should assign <code>head</code> to the first node added.");'
+  - text: O <code>node</code> anterior na sua classe <code>LinkedList</code> deve ter referência ao nó mais novo criado.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); return test.head().next.element === "dog"}()), "The previous <code>node</code> in your <code>LinkedList</code> class should have reference to the newest node created.");'
+  - text: O <code>size</code> da sua classe <code>LinkedList</code> deve ser igual à quantidade de nós na lista vinculada.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); return test.size() === 2}()), "The  <code>size</code> of your <code>LinkedList</code> class should equal the amount of nodes in the linked list.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){
+    this.element = element;
+    this.next = null;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.add = function(element){
+    // Only change code below this line
+
+    // Only change code above this line
+  };
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-map-data-structure.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-map-data-structure.portuguese.md
new file mode 100644
index 0000000000..11ca49f590
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-map-data-structure.portuguese.md
@@ -0,0 +1,66 @@
+---
+id: 8d5823c8c441eddfaeb5bdef
+title: Create a Map Data Structure
+challengeType: 1
+videoUrl: ''
+localeTitle: Criar uma estrutura de dados do mapa
+---
+
+## Description
+<section id="description"> Os próximos desafios cobrirão mapas e tabelas de hash. Mapas são estruturas de dados que armazenam pares de valores-chave. Em JavaScript, eles estão disponíveis para nós como objetos. Mapas fornecem pesquisa rápida de itens armazenados com base em valores-chave e são estruturas de dados muito comuns e úteis. Instruções: Vamos praticar um pouco criando nosso próprio mapa. Como os objetos JavaScript fornecem uma estrutura de mapa muito mais eficiente do que qualquer coisa que possamos escrever aqui, isso se destina principalmente a um exercício de aprendizado. No entanto, os objetos JavaScript nos fornecem apenas determinadas operações. E se quiséssemos definir operações personalizadas? Use o objeto <code>Map</code> fornecido aqui como um wrapper em torno de um <code>object</code> JavaScript. Crie os seguintes métodos e operações no objeto Map: <ul><li> <code>add</code> aceita um par de <code>key, value</code> para adicionar ao mapa. </li><li> <code>remove</code> aceita uma chave e remove a <code>key, value</code> associada <code>key, value</code> par de <code>key, value</code> </li><li> <code>get</code> aceita uma <code>key</code> e retorna o <code>value</code> armazenado </li><li> <code>has</code> aceita uma <code>key</code> e retorna <dfn>verdadeiro</dfn> se a chave existir ou <dfn>falso,</dfn> se isso não acontece. </li><li> <code>values</code> retorna uma matriz de todos os valores no mapa </li><li> <code>size</code> retorna o número de itens no mapa </li><li> <code>clear</code> esvazia o mapa </li></ul></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A estrutura de dados do mapa existe.
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; return (typeof test == "object")})(), "The Map data structure exists.");'
+  - text: 'O objeto Map possui os seguintes métodos: add, remove, get, tem, valores, clear e size.'
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; return (typeof test.add == "function" && typeof test.remove == "function" && typeof test.get == "function" && typeof test.has == "function" && typeof test.values == "function" && typeof test.clear == "function" && typeof test.size == "function")})(), "The Map object has the following methods: add, remove, get, has, values, clear, and size.");'
+  - text: O método add adiciona itens ao mapa.
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add(5,6); test.add(2,3); test.add(2,5); return (test.size() == 2)})(), "The add method adds items to the map.");'
+  - text: O método has retorna true para itens adicionados e false para itens ausentes.
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add("test","value"); return (test.has("test") && !test.has("false"))})(), "The has method returns true for added items and false for absent items.");'
+  - text: O método get aceita as chaves como entrada e retorna os valores associados.
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add("abc","def"); return (test.get("abc") == "def")})(), "The get method accepts keys as input and returns the associated values.");'
+  - text: O método values ​​retorna todos os valores armazenados no mapa como strings em uma matriz.
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add("a","b"); test.add("c","d"); test.add("e","f"); var vals = test.values(); return (vals.indexOf("b") != -1 && vals.indexOf("d") != -1 && vals.indexOf("f") != -1)})(), "The values method returns all the values stored in the map as strings in an array.");'
+  - text: O método clear esvazia o mapa e o método size retorna o número de itens presentes no mapa.
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add("b","b"); test.add("c","d"); test.remove("asdfas"); var init = test.size(); test.clear(); return (init == 2 && test.size() == 0)})(), "The clear method empties the map and the size method returns the number of items present in the map.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Map = function() {
+  this.collection = {};
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-priority-queue-class.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-priority-queue-class.portuguese.md
new file mode 100644
index 0000000000..3dda53f107
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-priority-queue-class.portuguese.md
@@ -0,0 +1,70 @@
+---
+id: 587d8255367417b2b2512c74
+title: Create a Priority Queue Class
+challengeType: 1
+videoUrl: ''
+localeTitle: Criar uma classe de fila de prioridade
+---
+
+## Description
+<section id="description"> Neste desafio você estará criando uma Fila de Prioridades. Uma Fila Prioritária é um tipo especial de Fila no qual os itens podem ter informações adicionais que especificam sua prioridade. Isso poderia ser simplesmente representado com um inteiro. A prioridade do item substituirá a ordem de veiculação para determinar se os itens da sequência são retirados da fila. Se um item com uma prioridade mais alta for enfileirado após os itens com prioridade mais baixa, o item com prioridade mais alta será retirado antes de todos os outros. Por exemplo, vamos imaginar que temos uma fila de prioridades com três itens: <code>[[&#39;kitten&#39;, 2], [&#39;dog&#39;, 2], [&#39;rabbit&#39;, 2]]</code> Aqui o segundo valor (um inteiro) representa a prioridade do item. . Se enfileirarmos <code>[&#39;human&#39;, 1]</code> com uma prioridade de <code>1</code> (assumindo que prioridades mais baixas recebem precedência), ele seria o primeiro item a ser retirado. A coleção seria assim: <code>[[&#39;human&#39;, 1], [&#39;kitten&#39;, 2], [&#39;dog&#39;, 2], [&#39;rabbit&#39;, 2]]</code> . Nós começamos a escrever um <code>PriorityQueue</code> no editor de código. Você precisará adicionar um método de <code>enqueue</code> para adicionar itens com prioridade, um método de <code>dequeue</code> para remover itens, um método de <code>size</code> para retornar o número de itens na fila, um método de <code>front</code> para retornar o elemento na frente da fila e finalmente, um método <code>isEmpty</code> que retornará <code>true</code> se a fila estiver vazia ou <code>false</code> se não estiver. O <code>enqueue</code> deve aceitar itens com o formato mostrado acima ( <code>[&#39;human&#39;, 1]</code> ), em que <code>1</code> representa a prioridade. O <code>dequeue</code> deve retornar apenas o item atual, não sua prioridade. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe <code>Queue</code> deve ter um método de <code>enqueue</code> .
+    testString: 'assert((function(){var test = new PriorityQueue();  return (typeof test.enqueue === "function")}()), "Your <code>Queue</code> class should have a <code>enqueue</code> method.");'
+  - text: Sua classe <code>Queue</code> deve ter um método de <code>Queue</code> <code>dequeue</code> .
+    testString: 'assert((function(){var test = new PriorityQueue();  return (typeof test.dequeue === "function")}()), "Your <code>Queue</code> class should have a <code>dequeue</code> method.");'
+  - text: Sua classe <code>Queue</code> deve ter um método de <code>size</code> .
+    testString: 'assert((function(){var test = new PriorityQueue();  return (typeof test.size === "function")}()), "Your <code>Queue</code> class should have a <code>size</code> method.");'
+  - text: Sua classe <code>Queue</code> deve ter um método <code>isEmpty</code> .
+    testString: 'assert((function(){var test = new PriorityQueue();  return (typeof test.isEmpty === "function")}()), "Your <code>Queue</code> class should have an <code>isEmpty</code> method.");'
+  - text: 'Seu PriorityQueue deve controlar corretamente o número atual de itens usando o método de <code>size</code> , à medida que os itens são enfileirados e retirados.'
+    testString: 'assert((function(){var test = new PriorityQueue(); test.enqueue(["David Brown", 2]); test.enqueue(["Jon Snow", 1]); var size1 = test.size(); test.dequeue(); var size2 = test.size(); test.enqueue(["A", 3]); test.enqueue(["B", 3]); test.enqueue(["C", 3]); return (size1 === 2 && size2 === 1 && test.size() === 4)}()), "Your PriorityQueue should correctly keep track of the current number of items using the <code>size</code> method as items are enqueued and dequeued.");'
+  - text: O método <code>isEmpty</code> deve retornar <code>true</code> quando a fila estiver vazia.
+    testString: 'assert((function(){var test = new PriorityQueue(); test.enqueue(["A", 1]); test.enqueue(["B", 1]); test.dequeue(); var first = test.isEmpty(); test.dequeue(); return (!first && test.isEmpty()); }()), "The <code>isEmpty</code> method should return <code>true</code> when the queue is empty.");'
+  - text: 'A fila de prioridade deve retornar itens com prioridade mais alta antes dos itens com prioridade mais baixa e retornar os itens na ordem de primeiro a sair, caso contrário.'
+    testString: 'assert((function(){var test = new PriorityQueue(); test.enqueue(["A", 5]); test.enqueue(["B", 5]); test.enqueue(["C", 5]); test.enqueue(["D", 3]); test.enqueue(["E", 1]); test.enqueue(["F", 7]); var result = []; result.push(test.dequeue()); result.push(test.dequeue()); result.push(test.dequeue()); result.push(test.dequeue()); result.push(test.dequeue()); result.push(test.dequeue()); return result.join("") === "EDABCF";}()), "The priority queue should return items with a higher priority before items with a lower priority and return items in first-in-first-out order otherwise.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function PriorityQueue () {
+    this.collection = [];
+    this.printCollection = function() {
+      console.log(this.collection);
+    };
+    // Only change code below this line
+
+    // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-queue-class.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-queue-class.portuguese.md
new file mode 100644
index 0000000000..edb00bcb47
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-queue-class.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: 587d8250367417b2b2512c60
+title: Create a Queue Class
+challengeType: 1
+videoUrl: ''
+localeTitle: Crie uma classe de fila
+---
+
+## Description
+<section id="description"> Como pilhas, as filas são uma coleção de elementos. Mas, ao contrário das pilhas, as filas seguem o princípio FIFO (First-In First-Out). Os elementos adicionados a uma fila são colocados na cauda ou no final da fila, e somente o elemento na frente da fila pode ser removido. Poderíamos usar uma matriz para representar uma fila, mas, assim como as pilhas, queremos limitar a quantidade de controle que temos sobre nossas filas. Os dois métodos principais de uma classe de fila são o enfileiramento e o método de desenfileiramento. O método de enfileiramento envia um elemento para o final da fila, e o método de desenfileiramento remove e retorna o elemento na frente da fila. Outros métodos úteis são os métodos front, size e isEmpty. Instruções Escreva um método de enfileiramento que empurre um elemento para o final da fila, um método de desenfileiramento que remova e retorne o elemento frontal, um método frontal que nos permita ver o elemento frontal, um método de tamanho que mostre o comprimento e um método isEmpty. para verificar se a fila está vazia. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe <code>Queue</code> deve ter um método de <code>enqueue</code> .
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.enqueue === "function")}()), "Your <code>Queue</code> class should have a <code>enqueue</code> method.");'
+  - text: Sua classe <code>Queue</code> deve ter um método de <code>Queue</code> <code>dequeue</code> .
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.dequeue === "function")}()), "Your <code>Queue</code> class should have a <code>dequeue</code> method.");'
+  - text: Sua classe <code>Queue</code> deve ter um método <code>front</code> .
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.front === "function")}()), "Your <code>Queue</code> class should have a <code>front</code> method.");'
+  - text: Sua classe <code>Queue</code> deve ter um método de <code>size</code> .
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.size === "function")}()), "Your <code>Queue</code> class should have a <code>size</code> method.");'
+  - text: Sua classe <code>Queue</code> deve ter um método <code>isEmpty</code> .
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.isEmpty === "function")}()), "Your <code>Queue</code> class should have an <code>isEmpty</code> method.");'
+  - text: O método de <code>dequeue</code> deve remover e retornar o elemento frontal da fila
+    testString: 'assert((function(){var test = new Queue();  test.enqueue("Smith"); return (test.dequeue() === "Smith")}()), "The <code>dequeue</code> method should remove and return the front element of the queue");'
+  - text: O método <code>front</code> deve retornar o valor do elemento frontal da fila
+    testString: 'assert((function(){var test = new Queue();  test.enqueue("Smith"); test.enqueue("John"); return (test.front() === "Smith")}()), "The <code>front</code> method should return value of the front element of the queue");'
+  - text: O método de <code>size</code> deve retornar o comprimento da fila
+    testString: 'assert((function(){var test = new Queue();  test.enqueue("Smith"); return (test.size() === 1)}()), "The <code>size</code> method should return the length of the queue");'
+  - text: O método <code>isEmpty</code> deve retornar <code>false</code> se houver elementos na fila
+    testString: 'assert((function(){var test = new Queue();  test.enqueue("Smith"); return !(test.isEmpty())}()), "The <code>isEmpty</code> method should return <code>false</code> if there are elements in the queue");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Queue () {
+    var collection = [];
+    this.print = function() {
+        console.log(collection);
+    };
+    // Only change code below this line
+
+    // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-set-class.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-set-class.portuguese.md
new file mode 100644
index 0000000000..12e2b4b8e0
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-set-class.portuguese.md
@@ -0,0 +1,69 @@
+---
+id: 8d1323c8c441eddfaeb5bdef
+title: Create a Set Class
+challengeType: 1
+videoUrl: ''
+localeTitle: Criar uma classe de conjunto
+---
+
+## Description
+<section id="description"> Nos próximos exercícios, vamos criar uma função para emular uma estrutura de dados chamada &quot;Set&quot;. Um conjunto é como uma matriz, mas não pode conter valores duplicados. O uso típico de um conjunto é simplesmente verificar a presença de um item. Isso pode ser implementado com um objeto, por exemplo: <blockquote> var set = new Object (); <br> set.foo = true; <br> // Veja se foo existe em nosso conjunto: <br> console.log (set.foo) // true </blockquote> Nos próximos exercícios, vamos construir um conjunto completo a partir do zero. Para este exercício, crie uma função que irá adicionar um valor à nossa coleção de conjuntos, desde que o valor ainda não exista no conjunto. Por exemplo: <blockquote> this.add = function (element) { <br> // algum código para agregar valor ao conjunto <br> } </blockquote> A função deve retornar <code>true</code> se o valor for adicionado com sucesso e, caso contrário, <code>false</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe <code>Set</code> deve ter um método <code>add</code> .
+    testString: 'assert((function(){var test = new Set(); return (typeof test.add === "function")}()), "Your <code>Set</code> class should have an <code>add</code> method.");'
+  - text: Seu método <code>add</code> não deve adicionar valores duplicados.
+    testString: 'assert((function(){var test = new Set(); test.add("a"); test.add("b"); test.add("a"); var vals = test.values(); return (vals[0] === "a" && vals[1] === "b" && vals.length === 2)}()), "Your <code>add</code> method should not add duplicate values.");'
+  - text: Seu método <code>add</code> deve retornar <code>true</code> quando um valor for adicionado com sucesso.
+    testString: 'assert((function(){var test = new Set(); var result = test.add("a"); return (result != undefined) && (result === true);}()), "Your <code>add</code> method should return <code>true</code> when a value has been successfully added.");'
+  - text: Seu método <code>add</code> deve retornar <code>false</code> quando um valor duplicado é adicionado.
+    testString: 'assert((function(){var test = new Set(); test.add("a"); var result = test.add("a"); return (result != undefined) && (result === false);}()), "Your <code>add</code> method should return <code>false</code> when a duplicate value is added.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold our set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-stack-class.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-stack-class.portuguese.md
new file mode 100644
index 0000000000..507f756d4e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-stack-class.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: 587d8250367417b2b2512c5f
+title: Create a Stack Class
+challengeType: 1
+videoUrl: ''
+localeTitle: Crie uma classe de pilha
+---
+
+## Description
+<section id="description"> Na última seção, falamos sobre o que é uma pilha e como podemos usar uma matriz para representar uma pilha. Nesta seção, criaremos nossa própria classe de pilha. Embora você possa usar matrizes para criar pilhas, às vezes é melhor limitar a quantidade de controle que temos com nossas pilhas. Além do método <code>push</code> e <code>pop</code> , as pilhas possuem outros métodos úteis. Vamos adicionar um método <code>peek</code> , <code>isEmpty</code> e <code>clear</code> a nossa classe stack. Instruções Escreva um método <code>push</code> que empurre um elemento para o topo da pilha, um método <code>pop</code> que remova o elemento na parte superior da pilha, um método de <code>peek</code> que examine o primeiro elemento na pilha, um método <code>isEmpty</code> que verifique se o elemento pilha está vazia e um método <code>clear</code> que remove todos os elementos da pilha. Normalmente as pilhas não têm isso, mas adicionamos um método auxiliar de <code>print</code> que o console registra na coleção. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe <code>Stack</code> deve ter um método <code>push</code> .
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.push === "function")}()), "Your <code>Stack</code> class should have a <code>push</code> method.");'
+  - text: Sua classe <code>Stack</code> deve ter um método <code>pop</code> .
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.pop === "function")}()), "Your <code>Stack</code> class should have a <code>pop</code> method.");'
+  - text: Sua classe <code>Stack</code> deve ter um método de <code>peek</code> .
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.peek === "function")}()), "Your <code>Stack</code> class should have a <code>peek</code> method.");'
+  - text: Sua classe <code>Stack</code> deve ter um método <code>isEmpty</code> .
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.isEmpty === "function")}()), "Your <code>Stack</code> class should have a <code>isEmpty</code> method.");'
+  - text: Sua classe <code>Stack</code> deve ter um método <code>clear</code> .
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.clear === "function")}()), "Your <code>Stack</code> class should have a <code>clear</code> method.");'
+  - text: O método <code>peek</code> deve retornar o elemento principal da pilha
+    testString: 'assert((function(){var test = new Stack();  test.push("CS50"); return (test.peek() === "CS50")}()), "The <code>peek</code> method should return the top element of the stack");'
+  - text: O método <code>pop</code> deve remover e retornar o elemento principal da pilha
+    testString: 'assert((function(){var test = new Stack(); test.push("CS50"); return (test.pop() === "CS50");}()), "The <code>pop</code> method should remove and return the top element of the stack");'
+  - text: O método <code>isEmpty</code> deve retornar true se uma pilha não contiver nenhum elemento
+    testString: 'assert((function(){var test = new Stack(); return test.isEmpty()}()), "The <code>isEmpty</code> method should return true if a stack does not contain any elements");'
+  - text: O método <code>clear</code> deve remover todos os elementos da pilha
+    testString: 'assert((function(){var test = new Stack();  test.push("CS50"); test.clear(); return (test.isEmpty())}()), "The <code>clear</code> method should remove all element from the stack");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Stack() {
+    var collection = [];
+    this.print = function() {
+        console.log(collection);
+    };
+    // Only change code below this line
+
+    // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-trie-search-tree.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-trie-search-tree.portuguese.md
new file mode 100644
index 0000000000..fd075cd206
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-a-trie-search-tree.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 587d8259367417b2b2512c84
+title: Create a Trie Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Criar uma árvore de pesquisa Trie
+---
+
+## Description
+<section id="description"> Aqui vamos nos mover a partir de árvores de busca binária e dar uma olhada em outro tipo de estrutura de árvore chamada trie. A trie é uma árvore de pesquisa ordenada geralmente usada para armazenar cadeias de caracteres, ou matrizes mais genericamente associativas ou conjuntos de dados dinâmicos nos quais as chaves são cadeias de caracteres. Eles são muito bons em armazenar conjuntos de dados quando muitas chaves terão prefixos sobrepostos, por exemplo, todas as palavras em um dicionário. Ao contrário de uma árvore binária, os nós não estão associados a valores reais. Em vez disso, o caminho para um nó representa uma chave específica. Por exemplo, se quiséssemos armazenar o código da string em um trie, teríamos quatro nós, um para cada letra: c - o - d - e. Seguir esse caminho por todos esses nós criará o código como uma string - esse caminho é a chave que armazenamos. Então, se quiséssemos adicionar a codificação de string, ela compartilharia os três primeiros nós do código antes de ramificar depois do d. Desta forma, grandes conjuntos de dados podem ser armazenados de forma compacta. Além disso, a pesquisa pode ser muito rápida, pois é efetivamente limitada ao tamanho da string que você está armazenando. Além disso, ao contrário das árvores binárias, um nó pode armazenar qualquer número de nós filhos. Como você deve ter adivinhado no exemplo acima, alguns metadados são comumente armazenados em nós que contêm o fim de uma chave, de modo que, em travessias posteriores, essa chave ainda possa ser recuperada. Por exemplo, se adicionarmos códigos em nosso exemplo acima, precisaríamos de alguma forma de saber que o código e representa o final de uma chave que foi inserida anteriormente. Caso contrário, essas informações seriam efetivamente perdidas quando adicionarmos códigos. Instruções: Vamos criar um trie para armazenar palavras. Ele aceita palavras através de um método add e as armazena em uma estrutura de dados trie. Ele também nos permitirá consultar se uma determinada string é uma palavra com um método isWord, e recuperar todas as palavras inseridas na trie com um método print. isWord deve retornar um valor booleano e imprimir deve retornar uma matriz de todas essas palavras como valores de string. Para que possamos verificar se essa estrutura de dados está implementada corretamente, fornecemos uma estrutura de nó para cada nó na árvore. Cada nó será um objeto com uma propriedade keys, que é um objeto Map do JavaScript. Isto irá conter as letras individuais que são chaves válidas de cada nó. Também criamos uma propriedade final nos nós que podem ser configurados como true se o nó representar a terminação de uma palavra. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O Trie tem um método add.
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; return (typeof test.add == "function") }()), "The Trie has an add method.");'
+  - text: O Trie tem um método de impressão.
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; return (typeof test.print == "function") }()), "The Trie has a print method.");'
+  - text: O Trie tem um método isWord.
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; return (typeof test.isWord == "function") }()), "The Trie has an isWord method.");'
+  - text: O método print retorna todos os itens adicionados ao trie como strings em um array.
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; test.add("jump"); test.add("jumps"); test.add("jumped"); test.add("house"); test.add("mouse"); var added = test.print(); return (added.indexOf("jump") != -1 && added.indexOf("jumps") != -1 && added.indexOf("jumped") != -1 && added.indexOf("house") != -1 && added.indexOf("mouse") != -1 && added.length == 5); }()), "The print method returns all items added to the trie as strings in an array.");'
+  - text: O método isWord retorna true apenas para palavras adicionadas ao trie e false para todas as outras palavras.
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; test.add("hop"); test.add("hops"); test.add("hopped"); test.add("hoppy"); test.add("hope"); return (test.isWord("hop") && !test.isWord("ho") && test.isWord("hopped") && !test.isWord("hopp") && test.isWord("hoppy") && !test.isWord("hoping")); }()), "The isWord method returns true only for words added to the trie and false for all other words.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+var Node = function() {
+  this.keys = new Map();
+  this.end = false;
+  this.setEnd = function() {
+    this.end = true;
+  };
+  this.isEnd = function() {
+    return this.end;
+  };
+};
+var Trie = function() {
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-an-es6-javascript-map.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-an-es6-javascript-map.portuguese.md
new file mode 100644
index 0000000000..ed78dce7f9
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-an-es6-javascript-map.portuguese.md
@@ -0,0 +1,52 @@
+---
+id: 587d825b367417b2b2512c8d
+title: Create an ES6 JavaScript Map
+challengeType: 1
+videoUrl: ''
+localeTitle: Crie um mapa JavaScript ES6
+---
+
+## Description
+<section id="description"> A nova versão do JavaScript nos fornece um objeto Map embutido que fornece grande parte da funcionalidade que escrevemos à mão no último desafio. Esse objeto Map, embora semelhante aos objetos JavaScript comuns, fornece algumas funcionalidades úteis que faltam aos objetos normais. Por exemplo, um mapa ES6 rastreia a ordem de inserção dos itens que são adicionados a ele. Aqui está uma visão geral mais completa de seus métodos: <code>.has(key)</code> retorna true ou false com base na presença de uma chave <code>.get(key)</code> retorna o valor associado a uma chave <code>.set(key, value)</code> define uma nova chave, par de valores <code>.delete(key)</code> remove uma chave, o par de valores <code>.clear()</code> remove todos os pares de chave e valor <code>.entries()</code> retorna uma matriz de todas as chaves na ordem de inserção <code>.values()</code> retorna uma matriz de todos os valores na inserção Instruções do pedido: Defina um objeto JavaScript Map e atribua a ele uma variável chamada myMap. Adicione a chave, par de valores <code>freeCodeCamp</code> , <code>Awesome!</code> para isso. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: O objeto myMap existe.
+    testString: 'assert(typeof myMap === "object", "The myMap object exists.");'
+  - text: 'myMap contém o par de valores-chave <code>freeCodeCamp</code> , <code>Awesome!</code> .'
+    testString: 'assert(myMap.get("freeCodeCamp") === "Awesome!", "myMap contains the key value pair <code>freeCodeCamp</code>, <code>Awesome!</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-and-add-to-sets-in-es6.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-and-add-to-sets-in-es6.portuguese.md
new file mode 100644
index 0000000000..eb2bf0695b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/create-and-add-to-sets-in-es6.portuguese.md
@@ -0,0 +1,58 @@
+---
+id: 587d8254367417b2b2512c70
+title: Create and Add to Sets in ES6
+challengeType: 1
+videoUrl: ''
+localeTitle: Criar e adicionar a conjuntos no ES6
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> Para este exercício, retorne um conjunto com os seguintes valores: <code>1, 2, 3, &#39;Taco&#39;, &#39;Cat&#39;, &#39;Awesome&#39;</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Seu <code>Set</code> deve conter apenas os valores <code>1, 2, 3, Taco, Cat, Awesome</code> .'
+    testString: 'assert(function(){var test = checkSet(); return (test.size == 6) && test.has(1) && test.has(2) && test.has(3) && test.has("Taco") && test.has("Cat") && test.has("Awesome");}, "Your <code>Set</code> should only contain the values <code>1, 2, 3, Taco, Cat, Awesome</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSet() {
+  var set = new Set([1, 2, 3, 3, 2, 1, 2, 3, 1]);
+  // change code below this line
+
+  // change code above this line
+  console.log(set);
+  return set;
+}
+
+checkSet();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/delete-a-leaf-node-in-a-binary-search-tree.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/delete-a-leaf-node-in-a-binary-search-tree.portuguese.md
new file mode 100644
index 0000000000..92bb8aa061
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/delete-a-leaf-node-in-a-binary-search-tree.portuguese.md
@@ -0,0 +1,76 @@
+---
+id: 587d8258367417b2b2512c80
+title: Delete a Leaf Node in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Excluir um nó de folha em uma árvore de pesquisa binária
+---
+
+## Description
+<section id="description"> Este é o primeiro de três desafios em que implementaremos uma operação mais difícil em árvores de pesquisa binária: exclusão. A exclusão é difícil porque a remoção de nós quebra os links na árvore. Esses links devem ser cuidadosamente restabelecidos para garantir que a estrutura da árvore binária seja mantida. Para algumas exclusões, isso significa que a árvore deve ser reorganizada. Em geral, você encontrará um dos três casos ao tentar excluir um nó: Nó Folha: O destino a excluir tem zero filhos. Um filho: o destino a excluir tem apenas um filho. Dois Filhos: O alvo a deletar tem dois nós filhos. Remover um nó de folha é fácil, nós simplesmente o removemos. Excluir um nó com um filho também é relativamente fácil, basta removê-lo e vinculá-lo ao filho do nó que excluímos. A remoção de um nó com dois filhos é mais difícil, no entanto, porque isso cria dois nós-filhos que precisam ser reconectados à árvore pai. Vamos ver como lidar com este caso no terceiro desafio. Além disso, você precisa estar ciente de alguns casos extremos ao manipular a exclusão. E se a árvore estiver vazia? E se o nó a excluir for o nó raiz? E se houver apenas dois elementos na árvore? Por enquanto, vamos lidar com o primeiro caso em que excluímos um nó de folha. Instruções: Crie um método em nossa árvore binária chamada <code>remove</code> . Vamos construir a lógica para nossa operação de exclusão aqui. Primeiro, você desejará criar uma função dentro de remove que encontre o nó que estamos tentando excluir na árvore atual. Se o nó não estiver presente na árvore, <code>remove</code> deve retornar <code>null</code> . Agora, se o nó de destino for um nó folha sem filhos, a referência pai a ele deverá ser definida como <code>null</code> . Isso efetivamente exclui o nó da árvore. Para fazer isso, você terá que acompanhar o pai do nó que estamos tentando excluir também. Também será útil criar uma maneira de rastrear o número de filhos que o nó de destino possui, pois isso determinará em qual caso nossa exclusão pertence. Vamos lidar com o segundo e terceiro casos nos próximos desafios. Boa sorte! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A estrutura de dados <code>BinarySearchTree</code> existe.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: A árvore de pesquisa binária tem um método chamado <code>remove</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.remove == "function")})(), "The binary search tree has a method called <code>remove</code>.");'
+  - text: Tentar remover um elemento que não existe retorna <code>null</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; return (test.remove(100) == null); })(), "Trying to remove an element that does not exist returns <code>null</code>.");'
+  - text: 'Se o nó raiz não tiver filhos, a exclusão definirá a raiz como <code>null</code> .'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(500); test.remove(500); return (test.inorder() == null); })(), "If the root node has no children, deleting it sets the root to <code>null</code>.");'
+  - text: A <code>remove</code> método remove nós folha da árvore
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(5); test.add(3); test.add(7); test.add(6); test.add(10); test.add(12); test.remove(3); test.remove(12); test.remove(10); return (test.inorder().join("") == "567"); })(), "The <code>remove</code> method removes leaf nodes from the tree");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+
+function BinarySearchTree() {
+    this.root = null;
+    // case 1: target has no children, change code below this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/delete-a-node-with-one-child-in-a-binary-search-tree.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/delete-a-node-with-one-child-in-a-binary-search-tree.portuguese.md
new file mode 100644
index 0000000000..95265e0a87
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/delete-a-node-with-one-child-in-a-binary-search-tree.portuguese.md
@@ -0,0 +1,121 @@
+---
+id: 587d8258367417b2b2512c81
+title: Delete a Node with One Child in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Excluir um nó com um filho em uma árvore de pesquisa binária
+---
+
+## Description
+<section id="description"> Agora que podemos deletar nós de folha vamos para o segundo caso: deletar um nó com um filho. Para este caso, digamos que temos uma árvore com os seguintes nós 1 - 2 - 3, onde 1 é a raiz. Para deletar 2, nós simplesmente precisamos fazer a referência correta em 1 ponto para 3. Mais geralmente para deletar um nó com apenas um filho, nós fazemos a referência do pai do nó o próximo nó na árvore. Instruções: Fornecemos algum código em nosso método <code>remove</code> que realiza as tarefas do último desafio. Encontramos o destino para excluir e seu pai e definimos o número de filhos que o nó de destino possui. Vamos adicionar o próximo caso aqui para os nós de destino com apenas um filho. Aqui, teremos que determinar se o único filho é uma ramificação esquerda ou direita na árvore e, em seguida, definir a referência correta no pai para apontar para esse nó. Além disso, vamos considerar o caso em que o destino é o nó raiz (isso significa que o nó pai será <code>null</code> ). Sinta-se à vontade para substituir todo o código inicial com o seu próprio, desde que ele passe nos testes. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A estrutura de dados <code>BinarySearchTree</code> existe.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: A árvore de pesquisa binária tem um método chamado <code>remove</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.remove == "function")})(), "The binary search tree has a method called <code>remove</code>.");'
+  - text: Tentar remover um elemento que não existe retorna <code>null</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; return (test.remove(100) == null); })(), "Trying to remove an element that does not exist returns <code>null</code>.");'
+  - text: 'Se o nó raiz não tiver filhos, a exclusão definirá a raiz como <code>null</code> .'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(500); test.remove(500); return (test.inorder() == null); })(), "If the root node has no children, deleting it sets the root to <code>null</code>.");'
+  - text: A <code>remove</code> método remove nós folha da árvore
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(5); test.add(3); test.add(7); test.add(6); test.add(10); test.add(12); test.remove(3); test.remove(12); test.remove(10); return (test.inorder().join("") == "567"); })(), "The <code>remove</code> method removes leaf nodes from the tree");'
+  - text: A <code>remove</code> método remove os nós com uma criança.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(-1); test.add(3); test.add(7); test.add(16); test.remove(16); test.remove(7); test.remove(3); return (test.inorder().join("") == "-1"); })(), "The <code>remove</code> method removes nodes with one child.");'
+  - text: Remover a raiz de uma árvore com dois nós define o segundo como raiz.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(15); test.add(27); test.remove(15); return (test.inorder().join("") == "27"); })(), "Removing the root in a tree with two nodes sets the second to be the root.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+
+function BinarySearchTree() {
+  this.root = null;
+  this.remove = function(value) {
+    if (this.root === null) {
+      return null;
+    }
+    var target;
+    var parent = null;
+    // find the target value and its parent
+    (function findValue(node = this.root) {
+      if (value == node.value) {
+        target = node;
+      } else if (value < node.value && node.left !== null) {
+        parent = node;
+        return findValue(node.left);
+      } else if (value < node.value && node.left === null) {
+        return null;
+      } else if (value > node.value && node.right !== null) {
+        parent = node;
+        return findValue(node.right);
+      } else {
+        return null;
+      }
+    }).bind(this)();
+    if (target === null) {
+      return null;
+    }
+    // count the children of the target to delete
+    var children = (target.left !== null ? 1 : 0) + (target.right !== null ? 1 : 0);
+    // case 1: target has no children
+    if (children === 0) {
+      if (target == this.root) {
+        this.root = null;
+      }
+      else {
+        if (parent.left == target) {
+          parent.left = null;
+        } else {
+          parent.right = null;
+        }
+      }
+    }
+    // case 2: target has one child, change code below this line
+  };
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/delete-a-node-with-two-children-in-a-binary-search-tree.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/delete-a-node-with-two-children-in-a-binary-search-tree.portuguese.md
new file mode 100644
index 0000000000..af9fe6cd9e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/delete-a-node-with-two-children-in-a-binary-search-tree.portuguese.md
@@ -0,0 +1,139 @@
+---
+id: 587d8258367417b2b2512c82
+title: Delete a Node with Two Children in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Excluir um nó com dois filhos em uma árvore de pesquisa binária
+---
+
+## Description
+<section id="description"> A remoção de nós que possuem dois filhos é o caso mais difícil de implementar. Remover um nó como este produz duas subárvores que não estão mais conectadas à estrutura de árvore original. Como podemos reconectá-los? Um método é encontrar o menor valor na subárvore direita do nó de destino e substituir o nó de destino por esse valor. Selecionar a substituição dessa maneira garante que ela seja maior que cada nó na subárvore esquerda, ela se torna o novo pai, mas também menos que cada nó na subárvore direita, ele se torna o novo pai de. Uma vez feita a substituição, o nó de substituição deve ser removido da subárvore direita. Até mesmo essa operação é complicada, porque a substituição pode ser uma folha ou ela mesma pode ser a mãe de uma subárvore direita. Se for uma folha, devemos remover a referência de seus pais para ela. Caso contrário, deve ser o filho certo do alvo. Nesse caso, devemos substituir o valor de destino pelo valor de substituição e fazer com que o destino faça referência ao filho certo da substituição. Instruções: Vamos terminar nosso método <code>remove</code> manipulando o terceiro caso. Nós fornecemos alguns códigos novamente para os dois primeiros casos. Adicione algum código agora para manipular nós de destino com dois filhos. Quaisquer casos de limites a ter em conta? E se a árvore tiver apenas três nós? Quando terminar, isso concluirá nossa operação de exclusão para árvores de pesquisa binária. Bom trabalho, este é um problema muito difícil! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A estrutura de dados <code>BinarySearchTree</code> existe.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: A árvore de pesquisa binária tem um método chamado <code>remove</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.remove == "function")})(), "The binary search tree has a method called <code>remove</code>.");'
+  - text: Tentar remover um elemento que não existe retorna <code>null</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.remove == "function") ? (test.remove(100) == null) : false})(), "Trying to remove an element that does not exist returns <code>null</code>.");'
+  - text: 'Se o nó raiz não tiver filhos, a exclusão definirá a raiz como <code>null</code> .'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; test.add(500); test.remove(500); return (typeof test.remove == "function") ? (test.inorder() == null) : false})(), "If the root node has no children, deleting it sets the root to <code>null</code>.");'
+  - text: A <code>remove</code> método remove nós folha da árvore
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; test.add(5); test.add(3); test.add(7); test.add(6); test.add(10); test.add(12); test.remove(3); test.remove(12); test.remove(10); return (typeof test.remove == "function") ? (test.inorder().join("") == "567") : false})(), "The <code>remove</code> method removes leaf nodes from the tree");'
+  - text: A <code>remove</code> método remove os nós com uma criança.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(-1); test.add(3); test.add(7); test.add(16); test.remove(16); test.remove(7); test.remove(3); return (test.inorder().join("") == "-1"); })(), "The <code>remove</code> method removes nodes with one child.");'
+  - text: Remover a raiz de uma árvore com dois nós define o segundo como raiz.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(15); test.add(27); test.remove(15); return (test.inorder().join("") == "27"); })(), "Removing the root in a tree with two nodes sets the second to be the root.");'
+  - text: 'A <code>remove</code> método remove os nós com dois filhos, mantendo a estrutura de árvore de busca binária.'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(1); test.add(4); test.add(3); test.add(7); test.add(9); test.add(11); test.add(14); test.add(15); test.add(19); test.add(50); test.remove(9); if (!test.isBinarySearchTree()) { return false; }; test.remove(11); if (!test.isBinarySearchTree()) { return false; }; test.remove(14); if (!test.isBinarySearchTree()) { return false; }; test.remove(19); if (!test.isBinarySearchTree()) { return false; }; test.remove(3); if (!test.isBinarySearchTree()) { return false; }; test.remove(50); if (!test.isBinarySearchTree()) { return false; }; test.remove(15); if (!test.isBinarySearchTree()) { return false; }; return (test.inorder().join("") == "147"); })(), "The <code>remove</code> method removes nodes with two children while maintaining the binary search tree structure.");'
+  - text: A raiz pode ser removida em uma árvore de três nós.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(100); test.add(50); test.add(300); test.remove(100); return (test.inorder().join("") == 50300); })(), "The root can be removed on a tree of three nodes.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+
+function BinarySearchTree() {
+  this.root = null;
+  this.remove = function(value) {
+    if (this.root === null) {
+      return null;
+    }
+    var target;
+    var parent = null;
+    // find the target value and its parent
+    (function findValue(node = this.root) {
+      if (value == node.value) {
+        target = node;
+      } else if (value < node.value && node.left !== null) {
+        parent = node;
+        return findValue(node.left);
+      } else if (value < node.value && node.left === null) {
+        return null;
+      } else if (value > node.value && node.right !== null) {
+        parent = node;
+        return findValue(node.right);
+      } else {
+        return null;
+      }
+    }).bind(this)();
+    if (target === null) {
+      return null;
+    }
+    // count the children of the target to delete
+    var children = (target.left !== null ? 1 : 0) + (target.right !== null ? 1 : 0);
+    // case 1: target has no children
+    if (children === 0) {
+      if (target == this.root) {
+        this.root = null;
+      }
+      else {
+        if (parent.left == target) {
+          parent.left = null;
+        } else {
+          parent.right = null;
+        }
+      }
+    }
+    // case 2: target has one child
+    else if (children == 1) {
+      var newChild = (target.left !== null) ? target.left : target.right;
+      if (parent === null) {
+        target.value = newChild.value;
+        target.left = null;
+        target.right = null;
+      } else if (newChild.value < parent.value) {
+        parent.left = newChild;
+      } else {
+        parent.right = newChild;
+      }
+      target = null;
+    }
+    // case 3: target has two children, change code below this line
+  };
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/depth-first-search.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/depth-first-search.portuguese.md
new file mode 100644
index 0000000000..10c1ac6e48
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/depth-first-search.portuguese.md
@@ -0,0 +1,73 @@
+---
+id: 587d825d367417b2b2512c96
+title: Depth-First Search
+challengeType: 1
+videoUrl: ''
+localeTitle: Pesquisa de Profundidade-Primeiro
+---
+
+## Description
+<section id="description"> Semelhante à <dfn>pesquisa em largura</dfn> , aqui aprenderemos sobre outro algoritmo de travessia de gráfico chamado <dfn>de busca em profundidade</dfn> . Enquanto a pesquisa por largura inicial pesquisa comprimentos de aresta incrementais longe do nó de origem, <dfn>a pesquisa em profundidade</dfn> primeiro desce um caminho de arestas o máximo possível. Uma vez que atinja uma extremidade de um caminho, a pesquisa retrocederá até o último nó com um caminho de borda não visitado e continuará pesquisando. Visualmente, isso é o que o algoritmo está fazendo, onde o nó superior é o ponto inicial da pesquisa. <img class="img-responsive" src="https://camo.githubusercontent.com/aaad9e39961daf34d967c616edeb50abf3bf1235/68747470733a2f2f75706c6f61642e77696b696d656469612e6f72672f77696b6970656469612f636f6d6d6f6e732f372f37662f44657074682d46697273742d5365617263682e676966"> Uma saída simples desse algoritmo é uma lista de nós que podem ser alcançados de um determinado nó. Portanto, ao implementar esse algoritmo, você precisará acompanhar os nós que você visita. </section>
+
+## Instructions
+<section id="instructions"> Escreva uma função <code>dfs()</code> que tenha um <code>graph</code> matriz de adjacência não <code>graph</code> e uma <code>root</code> rótulo de nó como parâmetros. O rótulo do nó será apenas o valor numérico do nó entre <code>0</code> e <code>n - 1</code> , onde <code>n</code> é o número total de nós no gráfico. Sua função deve produzir uma matriz de todos os nós acessíveis pela <code>root</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'O gráfico de entrada <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> com um nó inicial de <code>1</code> deve retornar uma matriz com <code>0</code> , <code>1</code> , <code>2</code> e <code>3</code> .'
+    testString: 'assert.sameMembers((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 1);})(), [0, 1, 2, 3], "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>1</code> should return an array with <code>0</code>, <code>1</code>, <code>2</code>, and <code>3</code>.");'
+  - text: 'O gráfico de entrada <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> com um nó inicial de <code>1</code> deve retornar um array com quatro elementos.'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 1);})().length === 4, "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>1</code> should return an array with four elements.");'
+  - text: 'O gráfico de entrada <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> com um nó inicial de <code>3</code> deve retornar um array com <code>3</code> .'
+    testString: 'assert.sameMembers((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]; return dfs(graph, 3);})(), [3], "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> with a start node of <code>3</code> should return an array with <code>3</code>.");'
+  - text: 'O gráfico de entrada <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> com um nó inicial de <code>3</code> deve retornar um array com um elemento.'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]; return dfs(graph, 3);})().length === 1, "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> with a start node of <code>3</code> should return an array with one element.");'
+  - text: 'O gráfico de entrada <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> com um nó inicial de <code>3</code> deve retornar um array com <code>2</code> e <code>3</code> .'
+    testString: 'assert.sameMembers((function() { var graph = [[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 3);})(), [2, 3], "The input graph <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>3</code> should return an array with <code>2</code> and <code>3</code>.");'
+  - text: 'O gráfico de entrada <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> com um nó inicial de <code>3</code> deve retornar um array com dois elementos.'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 3);})().length === 2, "The input graph <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>3</code> should return an array with two elements.");'
+  - text: 'O gráfico de entrada <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> com um nó inicial de <code>0</code> deve retornar uma matriz com <code>0</code> e <code>1</code> .'
+    testString: 'assert.sameMembers((function() { var graph = [[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 0);})(), [0, 1], "The input graph <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>0</code> should return an array with <code>0</code> and <code>1</code>.");'
+  - text: 'O gráfico de entrada <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> com um nó inicial de <code>0</code> deve retornar um array com dois elementos.'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 0);})().length === 2, "The input graph <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>0</code> should return an array with two elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function dfs(graph, root) {
+
+}
+
+var exDFSGraph = [
+  [0, 1, 0, 0],
+  [1, 0, 1, 0],
+  [0, 1, 0, 1],
+  [0, 0, 1, 0]
+];
+console.log(dfs(exDFSGraph, 3));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-height-of-a-binary-search-tree.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-height-of-a-binary-search-tree.portuguese.md
new file mode 100644
index 0000000000..2b69768397
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-height-of-a-binary-search-tree.portuguese.md
@@ -0,0 +1,82 @@
+---
+id: 587d8257367417b2b2512c7d
+title: Find the Minimum and Maximum Height of a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Encontre a altura mínima e máxima de uma árvore de pesquisa binária
+---
+
+## Description
+<section id="description"> No último desafio, descrevemos um cenário em que uma árvore pode se desequilibrar. Para entender o conceito de equilíbrio, vamos dar uma olhada em outra propriedade da árvore: altura. Altura em uma árvore representa a distância do nó raiz a qualquer nó de folha fornecido. Caminhos diferentes em uma estrutura de árvore altamente ramificada podem ter diferentes alturas, mas para uma determinada árvore haverá uma altura mínima e máxima. Se a árvore estiver balanceada, esses valores serão diferenciados no máximo por um. Isso significa que, em uma árvore balanceada, todos os nós foliares existem dentro do mesmo nível ou, se não estiverem no mesmo nível, estão no máximo um nível à parte. A propriedade do equilíbrio é importante para as árvores porque é o que determina a eficiência das operações das árvores. Como explicamos no último desafio, enfrentamos a pior complexidade do tempo para árvores altamente desequilibradas. Árvores de autoequilíbrio são comumente usadas para explicar esse problema em árvores com conjuntos de dados dinâmicos. Exemplos comuns incluem árvores AVL, árvores vermelhas e pretas e árvores B. Todas essas árvores contêm lógica interna adicional que reequilibra a árvore quando inserções ou exclusões criam um estado de desequilíbrio. Nota: Uma propriedade semelhante à altura é depth, que se refere a quanto um determinado nó é do nó raiz. Instruções: Escreva dois métodos para nossa árvore binária: <code>findMinHeight</code> e <code>findMaxHeight</code> . Esses métodos devem retornar um valor inteiro para a altura mínima e máxima dentro de uma determinada árvore binária, respectivamente. Se o nó estiver vazio, vamos atribuir uma altura de <code>-1</code> (esse é o caso base). Finalmente, adicione um terceiro método <code>isBalanced</code> que retorna <code>true</code> ou <code>false</code> dependendo se a árvore está balanceada ou não. Você pode usar os dois primeiros métodos que acabou de escrever para determinar isso. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A estrutura de dados <code>BinarySearchTree</code> existe.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: A árvore de pesquisa binária tem um método chamado <code>findMinHeight</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.findMinHeight == "function")})(), "The binary search tree has a method called <code>findMinHeight</code>.");'
+  - text: A árvore de pesquisa binária tem um método chamado <code>findMaxHeight</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.findMaxHeight == "function")})(), "The binary search tree has a method called <code>findMaxHeight</code>.");'
+  - text: A árvore de pesquisa binária tem um método chamado <code>isBalanced</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.isBalanced == "function")})(), "The binary search tree has a method called <code>isBalanced</code>.");'
+  - text: O método <code>findMinHeight</code> retorna a altura mínima da árvore.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMinHeight !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return (test.findMinHeight() == 1); })(), "The <code>findMinHeight</code> method returns the minimum height of the tree.");'
+  - text: O método <code>findMaxHeight</code> retorna a altura máxima da árvore.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMaxHeight !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return (test.findMaxHeight() == 5); })(), "The <code>findMaxHeight</code> method returns the maximum height of the tree.");'
+  - text: Uma árvore vazia retorna uma altura de <code>-1</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMaxHeight !== "function") { return false; }; return (test.findMaxHeight() == -1); })(), "An empty tree returns a height of <code>-1</code>.");'
+  - text: O método <code>isBalanced</code> retorna true se a árvore for uma árvore de pesquisa binária balanceada.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.isBalanced !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return test.isBalanced(); })(), "The <code>isBalanced</code> method returns true if the tree is a balanced binary search tree.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-value-in-a-binary-search-tree.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-value-in-a-binary-search-tree.portuguese.md
new file mode 100644
index 0000000000..8f405ba2a3
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-value-in-a-binary-search-tree.portuguese.md
@@ -0,0 +1,78 @@
+---
+id: 587d8256367417b2b2512c7a
+title: Find the Minimum and Maximum Value in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Encontre o valor mínimo e máximo em uma árvore de pesquisa binária
+---
+
+## Description
+<section id="description"> Esta série de desafios introduzirá a estrutura de dados da árvore. As árvores são uma estrutura de dados importante e versátil na ciência da computação. É claro, o nome deles vem do fato de que, quando visualizados, eles se parecem muito com as árvores com as quais estamos familiarizados no mundo natural. Uma estrutura de dados em árvore começa com um nó, geralmente chamado de raiz, e daqui ramifica-se para nós adicionais, cada um dos quais pode ter mais nós filhos, e assim por diante. A estrutura de dados é geralmente visualizada com o nó raiz no topo; você pode pensar nisso como uma árvore natural virada de cabeça para baixo. Primeiro, vamos descrever algumas terminologias comuns que encontraremos com as árvores. O nó raiz é o topo da árvore. Pontos de dados na árvore são chamados nós. Os nós com ramificações que levam a outros nós são referidos como o pai do nó ao qual o desvio leva (o filho). Outros termos familiares mais complicados se aplicam como você poderia esperar. Uma subárvore refere-se a todos os descendentes de um nó específico, ramos podem ser referidos como arestas e nós de folha são nós no final da árvore que não têm filhos. Finalmente, observe que as árvores são estruturas de dados inerentemente recursivas. Ou seja, quaisquer filhos de um nó são pais de sua própria subárvore e assim por diante. A natureza recursiva das árvores é importante para entender ao projetar algoritmos para operações de árvore comuns. Para começar, discutiremos um tipo específico de árvore, a árvore binária. Na verdade, discutiremos uma árvore binária em particular, uma árvore de busca binária. Vamos descrever o que isso significa. Enquanto a estrutura de dados em árvore pode ter qualquer número de ramificações em um único nó, uma árvore binária pode ter apenas duas ramificações para cada nó. Além disso, uma árvore de pesquisa binária é ordenada com relação às subárvores filho, de modo que o valor de cada nó na subárvore esquerda seja menor ou igual ao valor do nó pai, e o valor de cada nó na subárvore direita seja maior que ou igual ao valor do nó pai. É muito útil visualizar essa relação para entender melhor: <div style="width: 100%; display: flex; justify-content: center; align-items: center;"><img style="width: 100%; max-width: 350px;" src="https://user-images.githubusercontent.com/18563015/32136009-1e665d98-bbd6-11e7-9133-63184f9f9182.png"></div> Agora, esse relacionamento ordenado é muito fácil de ver. Observe que cada valor à esquerda de 8, o nó raiz, é menor que 8 e todo valor à direita é maior que 8. Observe também que essa relação também se aplica a cada uma das subárvores. Por exemplo, o primeiro filho à esquerda é uma subárvore. 3 é o nó pai, e tem exatamente dois nós filhos - pelas regras que governam as árvores de busca binária, sabemos sem sequer ver que o filho esquerdo deste nó (e qualquer um de seus filhos) será menor que 3, e o direito filho (e qualquer um de seus filhos) será maior que 3 (mas também menor que o valor de raiz da estrutura) e assim por diante. As árvores de pesquisa binária são estruturas de dados muito comuns e úteis, pois fornecem tempo logarítmico, no caso médio, para várias operações comuns, como pesquisa, inserção e exclusão. Instruções: vamos começar simples. Definimos o esqueleto de uma estrutura de árvore de pesquisa binária aqui, além de uma função para criar nós para nossa árvore. Observe que cada nó pode ter um valor para a esquerda e para a direita. Estas serão atribuídas subtrees filho, se existirem. Em nossa árvore de pesquisa binária, defina dois métodos, <code>findMin</code> e <code>findMax</code> . Esses métodos devem retornar os valores mínimo e máximo mantidos na árvore de pesquisa binária (não se preocupe em adicionar valores à árvore por enquanto, adicionamos alguns em segundo plano). Se você ficar preso, reflita sobre a invariante que deve ser verdadeira para árvores de busca binária: cada subárvore esquerda é menor ou igual a seu pai e cada subárvore direita é maior que ou igual a seu pai. Digamos também que nossa árvore só pode armazenar valores inteiros. Se a árvore estiver vazia, o método deve retornar <code>null</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A estrutura de dados <code>BinarySearchTree</code> existe.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: A árvore de pesquisa binária tem um método chamado <code>findMin</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.findMin == "function")})(), "The binary search tree has a method called <code>findMin</code>.");'
+  - text: A árvore de pesquisa binária tem um método chamado <code>findMax</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.findMax == "function")})(), "The binary search tree has a method called <code>findMax</code>.");'
+  - text: O método <code>findMin</code> retorna o valor mínimo na árvore de pesquisa binária.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMin !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return test.findMin() == 1; })(), "The <code>findMin</code> method returns the minimum value in the binary search tree.");'
+  - text: O método <code>findMax</code> retorna o valor máximo na árvore de pesquisa binária.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMax !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return test.findMax() == 87; })(), "The <code>findMax</code> method returns the maximum value in the binary search tree.");'
+  - text: Os <code>findMin</code> e <code>findMax</code> métodos retornam <code>null</code> para uma árvore vazia.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMin !== "function") { return false; }; if (typeof test.findMax !== "function") { return false; }; return (test.findMin() == null && test.findMax() == null) })(), "The <code>findMin</code> and <code>findMax</code> methods return <code>null</code> for an empty tree.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/implement-heap-sort-with-a-min-heap.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/implement-heap-sort-with-a-min-heap.portuguese.md
new file mode 100644
index 0000000000..ba4cc31d1b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/implement-heap-sort-with-a-min-heap.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 587d825b367417b2b2512c8c
+title: Implement Heap Sort with a Min Heap
+challengeType: 1
+videoUrl: ''
+localeTitle: Implementar a ordenação de heap com uma pilha mínima
+---
+
+## Description
+<section id="description"> Agora que podemos adicionar e remover elementos, vamos ver alguns dos heaps de aplicativos que podem ser usados. Heaps são comumente usados ​​para implementar filas de prioridade porque eles sempre armazenam um item de maior ou menor valor na primeira posição. Além disso, eles são usados ​​para implementar um algoritmo de classificação chamado heap sort. Vamos ver como fazer isso aqui. A classificação de heap usa um heap mínimo, o contrário de um heap máximo. Um heap mínimo sempre armazena o elemento de menor valor na posição raiz. Ordenação de heap funciona tomando uma matriz não classificada, adicionando cada item na matriz em um heap mínimo e, em seguida, extrair cada item fora do heap min em uma nova matriz. A estrutura de heap min garante que o novo array conterá os itens originais no mínimo para o maior pedido. Este é um dos algoritmos de ordenação mais eficientes, com desempenho médio e pior de O (nlog (n)). Instruções: Vamos implementar a classificação de heap com um heap mínimo. Sinta-se à vontade para adaptar seu código de heap máximo aqui. Crie um objeto MinHeap com métodos de inserção, remoção e classificação. O método de classificação deve retornar uma matriz de todos os elementos no heap min classificados do menor para o maior. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A estrutura de dados MinHeap existe.
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() }; return (typeof test == "object")})(), "The MinHeap data structure exists.");'
+  - text: MinHeap tem um método chamado insert.
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() } else { return false; }; return (typeof test.insert == "function")})(), "MinHeap has a method called insert.");'
+  - text: MinHeap tem um método chamado remover.
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() } else { return false; }; return (typeof test.remove == "function")})(), "MinHeap has a method called remove.");'
+  - text: MinHeap tem um método chamado sort.
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() } else { return false; }; return (typeof test.sort == "function")})(), "MinHeap has a method called sort.");'
+  - text: O método de classificação retorna uma matriz contendo todos os itens adicionados ao heap min na ordem classificada.
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() } else { return false; }; test.insert(3); test.insert(12); test.insert(5); test.insert(10); test.insert(1); test.insert(27); test.insert(42); test.insert(57); test.insert(5); var result = test.sort(); return (isSorted(result)); })(), "The sort method returns an array containing all items added to the min heap in sorted order.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// check if array is sorted
+function isSorted(arr) {
+  var check = (i) => (i == arr.length - 1) ? true : (arr[i] > arr[i + 1]) ? false : check(i + 1);
+  return check(0);
+}
+// generate a randomly filled array
+var array = new Array();
+(function createArray(size = 5) {
+  array.push(+(Math.random() * 100).toFixed(0));
+  return (size > 1) ? createArray(size - 1) : undefined;
+})(25);
+var MinHeap = function() {
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/incidence-matrix.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/incidence-matrix.portuguese.md
new file mode 100644
index 0000000000..e7b0ddf360
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/incidence-matrix.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 587d8256367417b2b2512c79
+title: Incidence Matrix
+challengeType: 1
+videoUrl: ''
+localeTitle: Matriz de Incidência
+---
+
+## Description
+<section id="description"> Ainda outra maneira de representar um gráfico é colocá-lo em uma <dfn>matriz de incidência.</dfn> Uma <dfn>matriz de incidência</dfn> é uma <dfn>matriz</dfn> bidimensional (2D). De um modo geral, uma matriz de incidência relaciona duas classes diferentes de objetos entre suas duas dimensões. Este tipo de matriz é semelhante a uma matriz de adjacência. No entanto, as linhas e colunas significam outra coisa aqui. Nos gráficos, temos arestas e nós. Estas serão nossas &quot;duas classes diferentes de objetos&quot;. Essa matriz terá as linhas como os nós e as colunas como as arestas. Isso significa que podemos ter um número ímpar de linhas e colunas. Cada coluna representará uma borda exclusiva. Além disso, cada borda conecta dois nós. Para mostrar que há uma aresta entre dois nós, você colocará um 1 nas duas linhas de uma coluna específica. Abaixo está um gráfico de 3 nós com uma borda entre o nó 1 e o nó 3. <blockquote> 1 <br> --- <br> 1 | 1 <br> 2 | 0 <br> 3 | 1 </blockquote> Aqui está um exemplo de uma <code>incidence matrix</code> com 4 arestas e 4 nós. Lembre-se, as colunas são as arestas e as linhas são os próprios nós. <blockquote> 1 2 3 4 <br> -------- <br> 1 | 0 1 1 1 <br> 2 | 1 1 0 0 <br> 3 | 1 0 0 1 <br> 4 | 0 0 1 0 </blockquote> Abaixo está uma implementação JavaScript da mesma coisa. <blockquote> var incMat = [ <br> [0, 1, 1, 1], <br> [1, 1, 0, 0], <br> [1, 0, 0, 1] <br> [0, 0, 1, 0] <br> ]; </blockquote> Para fazer um gráfico direcionado, use <code>-1</code> para uma aresta deixando um determinado nó e <code>1</code> para uma aresta entrando em um nó. <blockquote> var incMatDirected = [ <br> [0, -1, 1, -1] <br> [-1, 1, 0, 0], <br> [1, 0, 0, 1] <br> [0, 0, -1, 0] <br> ]; </blockquote> Gráficos também podem ter <dfn>pesos</dfn> em suas bordas. Até agora, temos arestas <dfn>não ponderadas</dfn> onde apenas a presença e a falta de aresta é binária ( <code>0</code> ou <code>1</code> ). Você pode ter pesos diferentes dependendo do seu aplicativo. Um peso diferente é representado como números maiores que 1. </section>
+
+## Instructions
+<section id="instructions"> Crie uma matriz de incidência de um gráfico não direcionado com cinco nós e quatro arestas. Essa matriz deve estar em uma matriz multidimensional. Esses cinco nós têm relacionamentos após os relacionamentos. A primeira aresta está entre o primeiro e o segundo nó. A segunda aresta fica entre o segundo e o terceiro nó. A terceira borda está entre o terceiro e o quinto nó. E quatro arestas estão entre o quarto e o segundo nó. Todos os pesos das arestas são um e a ordem das arestas é importante. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>incMatUndirected</code> deve conter apenas cinco nós.
+    testString: 'assert((incMatUndirected.length === 5) && incMatUndirected.map(function(x) { return x.length === 4 }).reduce(function(a, b) { return a && b }) , "<code>incMatUndirected</code> should only contain five nodes.");'
+  - text: Deve haver uma primeira borda entre o primeiro e o segundo nó.
+    testString: 'assert((incMatUndirected[0][0] === 1) && (incMatUndirected[1][0] === 1), "There should be a first edge between the first and second node.");'
+  - text: Deve haver uma segunda borda entre o segundo e o terceiro nó.
+    testString: 'assert((incMatUndirected[1][1] === 1) && (incMatUndirected[2][1] === 1), "There should be a second edge between the second and third node.");'
+  - text: Deve haver uma terceira borda entre o terceiro e o quinto nó.
+    testString: 'assert((incMatUndirected[2][2] === 1) && (incMatUndirected[4][2] === 1), "There should be a third edge between the third and fifth node.");'
+  - text: Deve haver uma quarta borda entre o segundo e o quarto nó.
+    testString: 'assert((incMatUndirected[1][3] === 1) && (incMatUndirected[3][3] === 1), "There should be a fourth edge between the second and fourth node.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var incMatUndirected = [
+
+];
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/insert-an-element-into-a-max-heap.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/insert-an-element-into-a-max-heap.portuguese.md
new file mode 100644
index 0000000000..7a6eb0be0b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/insert-an-element-into-a-max-heap.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 587d825a367417b2b2512c8a
+title: Insert an Element into a Max Heap
+challengeType: 1
+videoUrl: ''
+localeTitle: Inserir um elemento em um heap máximo
+---
+
+## Description
+<section id="description"> Agora vamos passar para outra estrutura de dados de árvore, o heap binário. Um heap binário é uma árvore binária parcialmente ordenada que satisfaz a propriedade heap. A propriedade heap especifica um relacionamento entre os nós pai e filho. Você pode ter um heap máximo, no qual todos os nós pai são maiores ou iguais a seus nós filhos ou um heap mínimo, em que o inverso é verdadeiro. Os montes binários também são árvores binárias completas. Isso significa que todos os níveis da árvore estão totalmente preenchidos e, se o último nível estiver parcialmente preenchido, ele será preenchido da esquerda para a direita. Enquanto heaps binários podem ser implementados como estruturas de árvore com nós que contêm referências esquerda e direita, a ordenação parcial de acordo com a propriedade heap nos permite representar o heap com um array. O relacionamento pai-filho é o que nos interessa e, com aritmética simples, podemos calcular os filhos de qualquer pai e pai de qualquer nó filho. Por exemplo, considere esta representação de array de um heap mininário binário: <code>[ 6, 22, 30, 37, 63, 48, 42, 76 ]</code> O nó raiz é o primeiro elemento, 6. Seus filhos são 22 e 30. Se olharmos no relacionamento entre os índices de matriz desses valores, para o índice i, os filhos são 2 * i + 1 e 2 * i + 2. Similarmente, o elemento no índice 0 é o pai desses dois filhos nos índices 1 e 2. Mais geralmente, podemos encontrar o pai de um nó em qualquer índice com o seguinte: (i - 1) / 2. Esses padrões permanecerão verdadeiros conforme a árvore binária cresce para qualquer tamanho. Finalmente, podemos fazer um pequeno ajuste para tornar essa aritmética ainda mais fácil, ignorando o primeiro elemento da matriz. Isso cria o seguinte relacionamento para qualquer elemento em um determinado índice i: Exemplo Array representação: <code>[ null, 6, 22, 30, 37, 63, 48, 42, 76 ]</code> Filho de um elemento: i * 2 Filho direito de um elemento : i * 2 + 1 O pai de um elemento: i / 2 Depois de enrolar a cabeça na matemática, usar uma representação de matriz é muito útil porque os locais dos nós podem ser rapidamente determinados com essa aritmética e o uso de memória é diminuído porque você não precisa manter referências a nós filhos. Instruções: Aqui vamos criar um heap máximo. Comece apenas criando um método de inserção que adicione elementos ao nosso heap. Durante a inserção, é importante sempre manter a propriedade heap. Para um heap máximo, isso significa que o elemento raiz deve sempre ter o maior valor na árvore e que todos os nós pai devem ser maiores que seus filhos. Para uma implementação de matriz de uma pilha, isso geralmente é realizado em três etapas: Adicione o novo elemento ao final da matriz. Se o elemento for maior que seus pais, troque-os. Continue comutando até que o novo elemento seja menor que seu pai ou você alcance a raiz da árvore. Por fim, adicione um método de impressão que retorne uma matriz de todos os itens que foram adicionados ao heap. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A estrutura de dados MaxHeap existe.
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() }; return (typeof test == "object")})(), "The MaxHeap data structure exists.");'
+  - text: MaxHeap tem um método chamado insert.
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.insert == "function")})(), "MaxHeap has a method called insert.");'
+  - text: MaxHeap tem um método chamado print.
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.print == "function")})(), "MaxHeap has a method called print.");'
+  - text: O método insert adiciona elementos de acordo com a propriedade heap máximo.
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; test.insert(50); test.insert(100); test.insert(700); test.insert(32); test.insert(51); let result = test.print(); return ((result.length == 5) ? result[0] == 700 : result[1] == 700) })(), "The insert method adds elements according to the max heap property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var MaxHeap = function() {
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/invert-a-binary-tree.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/invert-a-binary-tree.portuguese.md
new file mode 100644
index 0000000000..811b214aee
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/invert-a-binary-tree.portuguese.md
@@ -0,0 +1,74 @@
+---
+id: 587d8259367417b2b2512c83
+title: Invert a Binary Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Inverta uma árvore binária
+---
+
+## Description
+<section id="description"> Aqui vamos criar uma função para inverter uma árvore binária. Dada uma árvore binária, queremos produzir uma nova árvore que seja equivalente à imagem espelhada dessa árvore. Executar uma travessia dentro da ordem em uma árvore invertida irá explorar os nós na ordem reversa quando comparado com a travessia dentro da árvore original. Escreva um método para fazer isso chamado <code>invert</code> em nossa árvore binária. Chamar esse método deve inverter a estrutura da árvore atual. Idealmente, gostaríamos de fazer isso no local em tempo linear. Ou seja, apenas visitamos cada nó uma vez e modificamos a estrutura de árvore existente à medida que avançamos, sem usar nenhuma memória adicional. Boa sorte! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A estrutura de dados <code>BinarySearchTree</code> existe.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: A árvore de pesquisa binária tem um método chamado <code>invert</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.invert == "function")})(), "The binary search tree has a method called <code>invert</code>.");'
+  - text: O método <code>invert</code> inverte corretamente a estrutura da árvore.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.invert !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); test.invert(); return test.inorder().join("") == "877345348741"; })(), "The <code>invert</code> method correctly inverts the tree structure.");'
+  - text: Inverter uma árvore vazia retorna <code>null</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.invert !== "function") { return false; }; return (test.invert() == null); })(), "Inverting an empty tree returns <code>null</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/learn-how-a-stack-works.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/learn-how-a-stack-works.portuguese.md
new file mode 100644
index 0000000000..77e8aaca0f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/learn-how-a-stack-works.portuguese.md
@@ -0,0 +1,56 @@
+---
+id: 587d8250367417b2b2512c5e
+title: Learn how a Stack Works
+challengeType: 1
+videoUrl: ''
+localeTitle: Aprenda como funciona uma pilha
+---
+
+## Description
+<section id="description"> Você provavelmente está familiarizado com a pilha de livros em sua mesa. Você provavelmente usou o recurso de desfazer de um editor de texto. Você provavelmente também está acostumado a apertar o botão Voltar do seu telefone para voltar para a visualização anterior no seu aplicativo. Você sabe o que todos eles têm em comum? Todos eles armazenam os dados de uma maneira que você possa percorrer para trás. O livro mais alto na pilha foi o que foi colocado lá por último. Se você remover o livro do topo de sua pilha, exporia o livro que foi colocado antes do último livro e assim por diante. Se você pensar sobre isso, em todos os exemplos acima, você está recebendo o tipo de serviço <dfn>Last-In-First-Out</dfn> . Vamos tentar imitar isso com o nosso código. Esse esquema de armazenamento de dados é chamado de <dfn>pilha</dfn> . Em particular, nós teríamos que implementar o método <code>push()</code> que empurra objetos JavaScript no topo da pilha; e o método <code>pop()</code> , que remove o objeto JavaScript que está no topo da pilha no momento atual. </section>
+
+## Instructions
+<section id="instructions"> Aqui temos uma pilha de trabalhos de casa representados como um array: <code>&quot;BIO12&quot;</code> está na base, e <code>&quot;PSY44&quot;</code> está no topo da pilha. Modifique a matriz dada e trate-a como uma <code>stack</code> usando os métodos JavaScript mencionados acima. Remova o elemento superior <code>&quot;PSY44&quot;</code> da pilha. Em seguida, adicione <code>&quot;CS50&quot;</code> para ser o novo elemento superior da pilha. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>homeworkStack</code> deve conter apenas 4 elementos.
+    testString: 'assert(homeworkStack.length === 4, "<code>homeworkStack</code> should only contain 4 elements.");'
+  - text: O último elemento no <code>homeworkStack</code> <code>&quot;CS50&quot;</code> deve ser <code>&quot;CS50&quot;</code> .
+    testString: 'assert(homeworkStack[3] === "CS50", "The last element in <code>homeworkStack</code> should be <code>"CS50"</code>.");'
+  - text: <code>homeworkStack</code> <code>&quot;PSY44&quot;</code> não deve conter <code>&quot;PSY44&quot;</code> .
+    testString: 'assert(homeworkStack.indexOf("PSY44") === -1, "<code>homeworkStack</code> should not contain <code>"PSY44"</code>.");'
+  - text: A declaração inicial <code>homeworkStack</code> não deve ser alterada.
+    testString: 'assert(code.match(/=/g).length === 1 && /homeworkStack\s*=\s*\["BIO12"\s*,\s*"HIS80"\s*,\s*"MAT122"\s*,\s*"PSY44"\]/.test(code), "The initial declaration of the <code>homeworkStack</code> should not be changed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var homeworkStack = ["BIO12","HIS80","MAT122","PSY44"];
+// Only change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/perform-a-difference-on-two-sets-of-data.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/perform-a-difference-on-two-sets-of-data.portuguese.md
new file mode 100644
index 0000000000..ebb0a4975a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/perform-a-difference-on-two-sets-of-data.portuguese.md
@@ -0,0 +1,110 @@
+---
+id: 587d8254367417b2b2512c6e
+title: Perform a Difference on Two Sets of Data
+challengeType: 1
+videoUrl: ''
+localeTitle: Realize uma diferença em dois conjuntos de dados
+---
+
+## Description
+<section id="description"> Neste exercício, vamos realizar uma diferença em dois conjuntos de dados. Vamos criar um método na nossa estrutura de dados <code>Set</code> chamada <code>difference</code> . Uma diferença de conjuntos deve comparar dois conjuntos e retornar os itens presentes no primeiro conjunto que estão ausentes no segundo. Este método deve ter outro <code>Set</code> como argumento e retornar a <code>difference</code> dos dois conjuntos. Por exemplo, se <code>setA = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;]</code> e <code>setB = [&#39;a&#39;,&#39;b&#39;,&#39;d&#39;,&#39;e&#39;]</code> , a diferença de setA e setB é: <code>setA.difference(setB) = [&#39;c&#39;]</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe <code>Set</code> deve ter um método de <code>difference</code> .
+    testString: 'assert(function(){var test = new Set(); return (typeof test.difference === "function")}, "Your <code>Set</code> class should have a <code>difference</code> method.");'
+  - text: A coleção adequada foi retornada
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setA.add("b"); setA.add("c"); setB.add("c"); setB.add("d"); var differenceSetAB = setA.difference(setB); return (differenceSetAB.size() === 2) && (differenceSetAB.values() === [ "a", "b" ])}, "The proper collection was returned");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // this method will return the size of the collection
+    this.size = function() {
+        return collection.length;
+    };
+    // this method will return the union of two sets
+    this.union = function(otherSet) {
+        var unionSet = new Set();
+        var firstSet = this.values();
+        var secondSet = otherSet.values();
+        firstSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        secondSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        return unionSet;
+    };
+    // this method will return the intersection of two sets as a new set
+    this.intersection = function(otherSet) {
+        var intersectionSet = new Set();
+        var firstSet = this.values();
+        firstSet.forEach(function(e){
+            if(otherSet.has(e)){
+                intersectionSet.add(e);
+            }
+        });
+        return intersectionSet;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/perform-a-subset-check-on-two-sets-of-data.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/perform-a-subset-check-on-two-sets-of-data.portuguese.md
new file mode 100644
index 0000000000..bae3a52a69
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/perform-a-subset-check-on-two-sets-of-data.portuguese.md
@@ -0,0 +1,129 @@
+---
+id: 587d8254367417b2b2512c6f
+title: Perform a Subset Check on Two Sets of Data
+challengeType: 1
+videoUrl: ''
+localeTitle: Executar uma verificação de subconjunto em dois conjuntos de dados
+---
+
+## Description
+<section id="description"> Neste exercício, vamos realizar um teste de subconjunto em dois conjuntos de dados. Vamos criar um método na nossa estrutura de dados <code>Set</code> chamado <code>subset</code> . Isto irá comparar o primeiro conjunto, contra o segundo e se o primeiro conjunto estiver totalmente contido dentro do Segundo, então ele retornará verdadeiro. Por exemplo, se <code>setA = [&#39;a&#39;,&#39;b&#39;]</code> e <code>setB = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]</code> , o subconjunto de setA e setB é: <code>setA.subset(setB)</code> deve ser <code>true</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe <code>Set</code> deve ter um método de <code>union</code> .
+    testString: 'assert(function(){var test = new Set(); return (typeof test.subset === "function")}, "Your <code>Set</code> class should have a <code>union</code> method.");'
+  - text: O primeiro Set () estava contido no segundo Set
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setB.add("b"); setB.add("c"); setB.add("a"); setB.add("d"); var subsetSetAB = setA.subset(setB);return (subsetSetAB === true)}, "The first Set() was contained in the second Set");'
+  - text: '<code>[&quot;a&quot;, &quot;b&quot;].subset([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;])</code> deve retornar <code>true</code> &quot;)'
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setA.add("b"); setB.add("a"); setB.add("b"); setB.add("c"); setB.add("d"); var subsetSetAB = setA.subset(setB); return (subsetSetAB === true)}, "<code>["a", "b"].subset(["a", "b", "c", "d"])</code> should return <code>true</code>");'
+  - text: '<code>[&quot;a&quot;, &quot;b&quot;, &quot;c&quot;].subset([&quot;a&quot;, &quot;b&quot;])</code> deve retornar <code>false</code> &quot;)'
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setA.add("b"); setA.add("c"); setB.add("a"); setB.add("b"); var subsetSetAB = setA.subset(setB); return (subsetSetAB === false)}, "<code>["a", "b", "c"].subset(["a", "b"])</code> should return <code>false</code>");'
+  - text: '<code>[].subset([])</code> deve retornar <code>true</code>'
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); var subsetSetAB = setA.subset(setB); return (subsetSetAB === true)}, "<code>[].subset([])</code> should return <code>true</code>");'
+  - text: '<code>[&quot;a&quot;, &quot;b&quot;].subset([&quot;c&quot;, &quot;d&quot;])</code> deve retornar <code>false</code> &quot;)'
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setA.add("b"); setB.add("c"); setB.add("d"); var subsetSetAB = setA.subset(setB); return (subsetSetAB === false)}, "<code>["a", "b"].subset(["c", "d"])</code> should return <code>false</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // this method will return the size of the collection
+    this.size = function() {
+        return collection.length;
+    };
+    // this method will return the union of two sets
+    this.union = function(otherSet) {
+        var unionSet = new Set();
+        var firstSet = this.values();
+        var secondSet = otherSet.values();
+        firstSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        secondSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        return unionSet;
+    };
+    // this method will return the intersection of two sets as a new set
+    this.intersection = function(otherSet) {
+        var intersectionSet = new Set();
+        var firstSet = this.values();
+        firstSet.forEach(function(e){
+            if(otherSet.has(e)){
+                intersectionSet.add(e);
+            }
+        });
+        return intersectionSet;
+    };
+    // this method will return the difference of two sets as a new set
+    this.difference = function(otherSet) {
+        var differenceSet = new Set();
+        var firstSet = this.values();
+        firstSet.forEach(function(e){
+            if(!otherSet.has(e)){
+                differenceSet.add(e);
+            }
+        });
+        return differenceSet;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/perform-a-union-on-two-sets.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/perform-a-union-on-two-sets.portuguese.md
new file mode 100644
index 0000000000..50c787f68c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/perform-a-union-on-two-sets.portuguese.md
@@ -0,0 +1,87 @@
+---
+id: 587d8253367417b2b2512c6c
+title: Perform a Union on Two Sets
+challengeType: 1
+videoUrl: ''
+localeTitle: Executar uma união em dois conjuntos
+---
+
+## Description
+<section id="description"> Neste exercício, vamos realizar uma união em dois conjuntos de dados. Vamos criar um método na nossa estrutura de dados <code>Set</code> chamada <code>union</code> . Este método deve ter outro <code>Set</code> como argumento e retornar a <code>union</code> dos dois conjuntos, excluindo quaisquer valores duplicados. Por exemplo, se <code>setA = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;]</code> e <code>setB = [&#39;a&#39;,&#39;b&#39;,&#39;d&#39;,&#39;e&#39;]</code> , a união de setA e setB é: <code>setA.union(setB) = [&#39;a&#39;, &#39;b&#39;, &#39;c&#39;, &#39;d&#39;, &#39;e&#39;]</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe <code>Set</code> deve ter um método de <code>union</code> .
+    testString: 'assert((function(){var test = new Set(); return (typeof test.union === "function")})(), "Your <code>Set</code> class should have a <code>union</code> method.");'
+  - text: A coleção adequada foi retornada
+    testString: 'assert((function(){var setA = new Set();  var setB = new Set();  setA.add("a");  setA.add("b");  setA.add("c");  setB.add("c");  setB.add("d");  var unionSetAB = setA.union(setB); var final = unionSetAB.values(); return (final.indexOf("a") !== -1 && final.indexOf("b") !== -1 && final.indexOf("c") !== -1 && final.indexOf("d") !== -1 && final.length === 4)})(), "The proper collection was returned");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+   // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // this method will return the size of the set
+    this.size = function() {
+        return collection.length;
+    };
+    // change code below this line
+
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/perform-an-intersection-on-two-sets-of-data.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/perform-an-intersection-on-two-sets-of-data.portuguese.md
new file mode 100644
index 0000000000..18920e20ac
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/perform-an-intersection-on-two-sets-of-data.portuguese.md
@@ -0,0 +1,99 @@
+---
+id: 587d8253367417b2b2512c6d
+title: Perform an Intersection on Two Sets of Data
+challengeType: 1
+videoUrl: ''
+localeTitle: Realizar uma interseção em dois conjuntos de dados
+---
+
+## Description
+<section id="description"> Neste exercício, vamos realizar uma interseção em dois conjuntos de dados. Vamos criar um método na nossa estrutura de dados <code>Set</code> chamada <code>intersection</code> . Uma interseção de conjuntos representa todos os valores comuns a dois ou mais conjuntos. Este método deve ter outro <code>Set</code> como argumento e retornar a <code>intersection</code> dos dois conjuntos. Por exemplo, se <code>setA = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;]</code> e <code>setB = [&#39;a&#39;,&#39;b&#39;,&#39;d&#39;,&#39;e&#39;]</code> , a interseção de setA e setB é: <code>setA.intersection(setB) = [&#39;a&#39;, &#39;b&#39;]</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe <code>Set</code> deve ter um método de <code>intersection</code> .
+    testString: 'assert(function(){var test = new Set(); return (typeof test.intersection === "function")}, "Your <code>Set</code> class should have a <code>intersection</code> method.");'
+  - text: A coleção adequada foi retornada
+    testString: 'assert(function(){  var setA = new Set();  var setB = new Set();  setA.add("a");  setA.add("b");  setA.add("c");  setB.add("c");  setB.add("d");  var intersectionSetAB = setA.intersection(setB); return (intersectionSetAB.size() === 1 && intersectionSetAB.values()[0] === "c")}, "The proper collection was returned");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+   // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // this method will return the size of the collection
+    this.size = function() {
+        return collection.length;
+    };
+    // this method will return the union of two sets
+    this.union = function(otherSet) {
+        var unionSet = new Set();
+        var firstSet = this.values();
+        var secondSet = otherSet.values();
+        firstSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        secondSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        return unionSet;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/remove-an-element-from-a-max-heap.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/remove-an-element-from-a-max-heap.portuguese.md
new file mode 100644
index 0000000000..212fbd557c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/remove-an-element-from-a-max-heap.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 587d825b367417b2b2512c8b
+title: Remove an Element from a Max Heap
+challengeType: 1
+videoUrl: ''
+localeTitle: Remover um elemento de um heap máximo
+---
+
+## Description
+<section id="description"> Agora que podemos adicionar elementos à nossa pilha, vamos ver como podemos remover elementos. A remoção e a inserção de elementos requerem lógica semelhante. Em um heap máximo, você geralmente deseja remover o maior valor, portanto, isso envolve simplesmente extraí-lo da raiz de nossa árvore. Isso vai quebrar a propriedade heap da nossa árvore, então devemos restabelecê-la de alguma forma. Normalmente, para um heap máximo, isso é feito da seguinte maneira: Mova o último elemento do heap para a posição raiz. Se um dos filhos da raiz for maior que ele, troque a raiz pelo filho de maior valor. Continue trocando até que o pai seja maior que os dois filhos ou você alcance o último nível na árvore. Instruções: Adicione um método ao nosso heap máximo chamado remove. Esse método deve retornar o maior valor que foi adicionado ao nosso heap máximo e removê-lo do heap. Ele também deve reordenar o heap para que a propriedade heap seja mantida. Depois de remover um elemento, o próximo elemento remanescente no heap deve se tornar a raiz. Adicione seu método de inserção novamente aqui também. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A estrutura de dados MaxHeap existe.
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() }; return (typeof test == "object")})(), "The MaxHeap data structure exists.");'
+  - text: MaxHeap tem um método chamado print.
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.print == "function")})(), "MaxHeap has a method called print.");'
+  - text: MaxHeap tem um método chamado insert.
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.insert == "function")})(), "MaxHeap has a method called insert.");'
+  - text: MaxHeap tem um método chamado remover.
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.remove == "function")})(), "MaxHeap has a method called remove.");'
+  - text: 'O método remove remove o maior elemento do heap máximo, mantendo a propriedade heap máximo.'
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; test.insert(30); test.insert(300); test.insert(500); test.insert(10); let result = []; result.push(test.remove()); result.push(test.remove()); result.push(test.remove()); result.push(test.remove());  return (result.join("") == "5003003010") })(), "The remove method removes the greatest element from the max heap while maintaining the max heap property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var MaxHeap = function() {
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list-by-index.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list-by-index.portuguese.md
new file mode 100644
index 0000000000..ad20df71be
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list-by-index.portuguese.md
@@ -0,0 +1,111 @@
+---
+id: 587d8251367417b2b2512c65
+title: Remove Elements from a Linked List by Index
+challengeType: 1
+videoUrl: ''
+localeTitle: Remover elementos de uma lista vinculada por índice
+---
+
+## Description
+<section id="description"> Antes de passarmos para outra estrutura de dados, vamos obter alguns dos últimos passos de prática com listas vinculadas. Vamos escrever um método <code>removeAt</code> que remova o <code>element</code> em um determinado <code>index</code> . O método deve ser chamado de <code>removeAt(index)</code> . Para remover um <code>element</code> em um determinado <code>index</code> , precisaremos manter uma contagem em execução de cada nó à medida que nos movemos ao longo da lista vinculada. Uma técnica comum usada para percorrer os elementos de uma lista vinculada envolve um <dfn>&#39;runner&#39;</dfn> ou sentinel que &#39;aponta&#39; nos nós que seu código está comparando. No nosso caso, a partir da <code>head</code> da nossa lista, começamos com um <code>currentIndex</code> variável que começa em <code>0</code> . O <code>currentIndex</code> deve incrementar em um para cada nó que passamos. Assim como nosso método <code>remove(element)</code> , precisamos ter cuidado para não deixar o restante da nossa lista órfão quando removemos o nó em nosso método removeAt (index). Mantemos nossos nós contíguos, certificando-nos de que o nó que tenha referência ao nó removido tenha uma referência ao próximo nó. </section>
+
+## Instructions
+<section id="instructions"> Escreva um <code>removeAt(index)</code> que remova e retorne um nó em um determinado <code>index</code> . O método deve retornar <code>null</code> se o <code>index</code> fornecido for negativo ou maior que ou igual ao <code>length</code> da lista vinculada. Nota Lembre-se de manter a contagem do <code>currentIndex</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe <code>LinkedList</code> deve ter um método <code>removeAt</code> .
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.removeAt === "function")}()), "Your <code>LinkedList</code> class should have a <code>removeAt</code> method.");'
+  - text: Seu método <code>removeAt</code> deve reduzir o <code>length</code> da lista vinculada
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten"); test.removeAt(1); return test.size() === 2}()), "Your <code>removeAt</code> method should reduce the <code>length</code> of the linked list");'
+  - text: Seu método <code>removeAt</code> também deve retornar o elemento do nó removido.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten");  return test.removeAt(1) === "dog"}()), "Your <code>removeAt</code> method should also return the element of the removed node.");'
+  - text: Seu método <code>removeAt</code> também deve retornar <code>null</code> se o índice fornecido for menor que <code>0</code>
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten");  return (test.removeAt(-1) === null)}()), "Your <code>removeAt</code> method should also return <code>null</code> if the given index is less than <code>0</code>");'
+  - text: Seu método <code>removeAt</code> também deve retornar <code>null</code> se o índice fornecido for igual ou maior que o <code>length</code> da lista vinculada.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten");  return (test.removeAt(3) === null)}()), "Your <code>removeAt</code> method should also return <code>null</code> if the given index is equal or more than the <code>length</code> of the linked list.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){ // {1}
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+        currentNode = head;
+
+        while(currentNode.next){
+            currentNode  = currentNode.next;
+        }
+
+        currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  this.remove = function(element){
+    var currentNode = head;
+    var previousNode;
+    if(currentNode.element === element){
+        head = currentNode.next;
+    } else {
+        while(currentNode.element !== element) {
+            previousNode = currentNode;
+            currentNode = currentNode.next;
+        }
+
+        previousNode.next = currentNode.next;
+    }
+
+    length --;
+  };
+
+  // Only change code below this line
+
+  // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list.portuguese.md
new file mode 100644
index 0000000000..acbecf3399
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list.portuguese.md
@@ -0,0 +1,94 @@
+---
+id: 587d8251367417b2b2512c63
+title: Remove Elements from a Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: Remover elementos de uma lista vinculada
+---
+
+## Description
+<section id="description"> O próximo método importante que qualquer implementação de uma lista vinculada precisará é um método <code>remove</code> . Esse método deve pegar o elemento que queremos remover como argumento e, em seguida, pesquisar a lista para localizar e remover o nó que contém esse elemento. Sempre que removemos um nó de uma lista vinculada, é importante que não tornemos o restante da lista acidentalmente órfão. Lembre-se de que a <code>next</code> propriedade de cada nó aponta para o nó que o segue na lista. Se estamos removendo o elemento do meio, digamos, que vai querer se certificar de que temos uma ligação a partir do nó anterior desse elemento <code>next</code> propriedade para o elemento do meio <code>next</code> da propriedade (que é o próximo nó na lista!) Isto pode parecer realmente confuso, então vamos voltar ao exemplo da linha de conga, então temos um bom modelo conceitual. Imagine-se em uma fila de conga, e a pessoa diretamente à sua frente deixa a linha. A pessoa que acabou de sair da linha não tem mais as mãos em ninguém na fila - e você não tem mais as mãos na pessoa que saiu. Você dá um passo à frente e coloca as mãos na próxima pessoa que vê. Se o elemento que desejamos remover é o elemento <code>head</code> , reatribuímos a <code>head</code> ao segundo nó da lista encadeada. </section>
+
+## Instructions
+<section id="instructions"> Escreva um método <code>remove</code> que use um elemento e remova-o da lista vinculada. Nota O <code>length</code> da lista deve diminuir em um a cada vez que um elemento é removido da lista vinculada. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe <code>LinkedList</code> deve ter um método <code>remove</code> .
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.remove === "function")}()), "Your <code>LinkedList</code> class should have a <code>remove</code> method.");'
+  - text: Seu método <code>remove</code> deve reatribuir a <code>head</code> para o segundo nó quando o primeiro nó for removido.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.remove("cat"); return test.head().element === "dog"}()), "Your <code>remove</code> method should reassign <code>head</code> to the second node when the first node is removed.");'
+  - text: Seu método <code>remove</code> deve diminuir o <code>length</code> da lista vinculada em um para cada nó removido.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.remove("cat"); return test.size() === 1})(), "Your <code>remove</code> method should decrease the <code>length</code> of the linked list by one for every node removed.");'
+  - text: Seu método <code>remove</code> deve reatribuir a referência do nó anterior do nó removido à <code>next</code> referência do nó removido.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog");test.add("kitten"); test.remove("dog"); return test.head().next.element === "kitten"})(), "Your <code>remove</code> method should reassign the reference of the previous node of the removed node to the removed node&apos;s <code>next</code> reference.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+        currentNode = head;
+
+        while(currentNode.next){
+            currentNode  = currentNode.next;
+        }
+
+        currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  this.remove = function(element){
+    // Only change code below this line
+
+    // Only change code above this line
+  };
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/remove-from-a-set.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/remove-from-a-set.portuguese.md
new file mode 100644
index 0000000000..065e50012f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/remove-from-a-set.portuguese.md
@@ -0,0 +1,75 @@
+---
+id: 587d8253367417b2b2512c6b
+title: Remove from a Set
+challengeType: 1
+videoUrl: ''
+localeTitle: Remover de um conjunto
+---
+
+## Description
+<section id="description"> Neste exercício, vamos criar uma função de exclusão para o nosso conjunto. A função deve ser nomeada <code>this.remove</code> . Esta função deve aceitar um valor e verificar se existe no conjunto. Em caso afirmativo, remova esse valor do conjunto e retorne true. Caso contrário, retorne falso. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe <code>Set</code> deve ter um método <code>remove</code> .
+    testString: 'assert((function(){var test = new Set(); return (typeof test.remove === "function")}()), "Your <code>Set</code> class should have a <code>remove</code> method.");'
+  - text: Seu método <code>remove</code> só deve remover itens que estão presentes no conjunto.
+    testString: 'assert.deepEqual((function(){var test = new Set(); test.add("a");test.add("b");test.remove("c"); return test.values(); })(), ["a", "b"], "Your <code>remove</code> method should only remove items that are present in the set.");'
+  - text: Seu método <code>remove</code> deve remover o item fornecido do conjunto.
+    testString: 'assert((function(){var test = new Set(); test.add("a");test.add("b");test.remove("a"); var vals = test.values(); return (vals[0] === "b" && vals.length === 1)}()), "Your <code>remove</code> method should remove the given item from the set.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/remove-items-from-a-set-in-es6.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/remove-items-from-a-set-in-es6.portuguese.md
new file mode 100644
index 0000000000..f1d7965fae
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/remove-items-from-a-set-in-es6.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 587d8254367417b2b2512c71
+title: Remove items from a set in ES6
+challengeType: 1
+videoUrl: ''
+localeTitle: Remover itens de um conjunto no ES6
+---
+
+## Description
+<section id="description"> Vamos praticar itens de remoção de um conjunto ES6 usando o método <code>delete</code> . Primeiro, crie um conjunto ES6 <code>var set = new Set([1,2,3]);</code> Agora, remova um item do seu conjunto com o método de <code>delete</code> . <blockquote> set.delete (1); <br> console.log ([... set]) // deve retornar [2, 3] <blockquote></blockquote></blockquote></section>
+
+## Instructions
+<section id="instructions"> Agora, crie um conjunto com os números inteiros 1, 2, 3, 4 e 5. Remova os valores 2 e 5 e, em seguida, retorne o conjunto. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Seu conjunto deve conter os valores 1, 3 e 4'
+    testString: 'assert(function(){var test = checkSet(); return test.has(1) && test.has(3) && test.has(4) && test.size === 3}, "Your Set should contain the values 1, 3, & 4");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSet(){
+   var set = //Create a set with values 1, 2, 3, 4, & 5
+   //Remove the value 2
+   //Remove the value 5
+   //Return the set
+   return set;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/reverse-a-doubly-linked-list.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/reverse-a-doubly-linked-list.portuguese.md
new file mode 100644
index 0000000000..36fd39893c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/reverse-a-doubly-linked-list.portuguese.md
@@ -0,0 +1,78 @@
+---
+id: 587d825a367417b2b2512c88
+title: Reverse a Doubly Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: Reverse uma lista duplamente vinculada
+---
+
+## Description
+<section id="description"> Vamos criar mais um método para nossa lista duplamente vinculada chamada reverse, que inverte a lista no lugar. Uma vez que o método é executado, a cabeça deve apontar para a cauda anterior e a cauda deve apontar para a cabeça anterior. Agora, se atravessarmos a lista da cabeça para a cauda, ​​devemos encontrar os nós em ordem inversa em relação à lista original. Tentando reverter uma lista vazia deve retornar null. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A estrutura de dados DoublyLinkedList existe.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; return (typeof test == "object")})(), "The DoublyLinkedList data structure exists.");'
+  - text: O DoublyLinkedList possui um método chamado add.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; if (test.add == undefined) { return false; }; return (typeof test.add == "function")})(), "The DoublyLinkedList has a method called add.");'
+  - text: O DoublyLinkedList tem um método chamado reverso.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; if (test.reverse == undefined) { return false; }; return (typeof test.reverse == "function")})(), "The DoublyLinkedList has a method called reverse.");'
+  - text: Invertendo uma lista vazia retorna null.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; return (test.reverse() == null); })(), "Reversing an empty list returns null.");'
+  - text: O método inverso inverte a lista.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(58); test.add(61); test.add(32); test.reverse(); return (test.print().join("") == "326158"); })(), "The reverse method reverses the list.");'
+  - text: As referências seguinte e anterior são mantidas corretamente quando uma lista é invertida.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(11); test.add(22); test.add(33); test.reverse(); return (test.printReverse().join("") == "112233"); })(), "The next and previous references are correctly maintained when a list is reversed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Node = function(data, prev) {
+  this.data = data;
+  this.prev = prev;
+  this.next = null;
+};
+var DoublyLinkedList = function() {
+  this.head = null;
+  this.tail = null;
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/search-within-a-linked-list.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/search-within-a-linked-list.portuguese.md
new file mode 100644
index 0000000000..d3112a08be
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/search-within-a-linked-list.portuguese.md
@@ -0,0 +1,111 @@
+---
+id: 587d8251367417b2b2512c64
+title: Search within a Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: Pesquisar em uma lista vinculada
+---
+
+## Description
+<section id="description"> Vamos adicionar alguns métodos mais úteis à nossa classe de lista vinculada. Não seria útil se pudéssemos dizer se a nossa lista estava vazia ou não, como nas nossas classes <code>Stack</code> e <code>Queue</code> ? Também devemos encontrar elementos específicos em nossa lista vinculada. Atravessar estruturas de dados é algo com o qual você vai querer praticar bastante! Vamos criar um método <code>indexOf</code> que <code>indexOf</code> um <code>element</code> como argumento e retorne o <code>index</code> desse elemento na lista vinculada. Se o elemento não for encontrado na lista vinculada, retorne <code>-1</code> . Vamos também implementar um método que faça o oposto: um método <code>elementAt</code> que usa um <code>index</code> como um argumento e retorna o <code>element</code> no <code>index</code> fornecido. Se nenhum <code>element</code> for encontrado, retorne <code>undefined</code> . </section>
+
+## Instructions
+<section id="instructions"> Escreva um método <code>isEmpty</code> que verifique se a lista vinculada está vazia, um método <code>indexOf</code> que retorna o <code>index</code> de um determinado elemento e um <code>elementAt</code> que retorna um <code>element</code> em um determinado <code>index.</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe <code>LinkedList</code> deve ter um método <code>indexOf</code> .
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.indexOf === "function")}()), "Your <code>LinkedList</code> class should have a <code>indexOf</code> method.");'
+  - text: Sua classe <code>LinkedList</code> deve ter um método <code>elementAt</code> .
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.elementAt === "function")}()), "Your <code>LinkedList</code> class should have a <code>elementAt</code> method.");'
+  - text: Seu método de <code>size</code> deve retornar o tamanho da lista vinculada
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten"); return test.size() === 3}()), "Your <code>size</code> method should return the length of the linked list");'
+  - text: Seu método <code>indexOf</code> deve retornar o índice do elemento especificado.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten"); return test.indexOf("kitten") === 2}()), "Your <code>indexOf</code> method should return the index of the given element.");'
+  - text: Seu método <code>elementAt</code> deve retornar no elemento em um determinado índice.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten"); return test.elementAt(1) === "dog"}()), "Your <code>elementAt</code> method should return at element at a given index.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){ // {1}
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function() {
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+        currentNode = head;
+
+        while(currentNode.next){
+            currentNode  = currentNode.next;
+        }
+
+        currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  this.remove = function(element){
+    var currentNode = head;
+    var previousNode;
+    if(currentNode.element === element){
+        head = currentNode.next;
+    } else {
+        while(currentNode.element !== element) {
+            previousNode = currentNode;
+            currentNode = currentNode.next;
+        }
+
+        previousNode.next = currentNode.next;
+    }
+
+    length --;
+  };
+
+  // Only change code below this line
+
+  // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/size-of-the-set.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/size-of-the-set.portuguese.md
new file mode 100644
index 0000000000..84626976d1
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/size-of-the-set.portuguese.md
@@ -0,0 +1,82 @@
+---
+id: 8d1923c8c441eddfaeb5bdef
+title: Size of the Set
+challengeType: 1
+videoUrl: ''
+localeTitle: Tamanho do conjunto
+---
+
+## Description
+<section id="description"> Neste exercício, vamos criar uma função de tamanho para o nosso conjunto. Essa função deve ser nomeada <code>this.size</code> e deve retornar o tamanho da coleção. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Sua classe <code>Set</code> deve ter um método de <code>size</code> .
+    testString: 'assert((function(){var test = new Set(); return (typeof test.size === "function")}()), "Your <code>Set</code> class should have a <code>size</code> method.");'
+  - text: O método de <code>size</code> deve retornar o número de elementos na coleção.
+    testString: 'assert((function(){var test = new Set(); test.add("a");test.add("b");test.remove("a");return (test.size() === 1)}()), "The <code>size</code> method should return the number of elements in the collection.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/typed-arrays.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/typed-arrays.portuguese.md
new file mode 100644
index 0000000000..27f8be7fd8
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/typed-arrays.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 587d8253367417b2b2512c6a
+title: Typed Arrays
+challengeType: 1
+videoUrl: ''
+localeTitle: Matrizes digitadas
+---
+
+## Description
+<section id="description"> Arrays são objetos JavaScript que podem conter muitos elementos diferentes. <code>var complexArr = [1, 5, &quot;2&quot;, &quot;Word&quot;, {&quot;name&quot;: &quot;James&quot;}];</code> Basicamente, o que acontece em segundo plano é que o seu navegador irá fornecer automaticamente a quantidade certa de espaço de memória para esse array. Ele também será alterado conforme necessário, se você adicionar ou remover dados. No entanto, no mundo de alto desempenho e diferentes tipos de elementos, às vezes você precisa ser mais específico sobre a quantidade de memória que é dada a um array. <dfn>Matrizes digitadas</dfn> são a resposta para esse problema. Agora você pode dizer quanta memória deseja dar a um array. Abaixo está uma visão geral básica dos diferentes tipos de matrizes disponíveis e o tamanho em bytes para cada elemento nessa matriz. <table class="table table-striped"><tbody><tr><th> Tipo </th><th> Cada tamanho de elemento em bytes </th></tr><tr><td> <code>Int8Array</code> </td> <td> 1 </td></tr><tr><td> <code>Uint8Array</code> </td> <td> 1 </td></tr><tr><td> <code>Uint8ClampedArray</code> </td> <td> 1 </td></tr><tr><td> <code>Int16Array</code> </td> <td> 2 </td></tr><tr><td> <code>Uint16Array</code> </td> <td> 2 </td></tr><tr><td> <code>Int32Array</code> </td> <td> 4 </td></tr><tr><td> <code>Uint32Array</code> </td> <td> 4 </td></tr><tr><td> <code>Float32Array</code> </td> <td> 4 </td></tr><tr><td> <code>Float64Array</code> </td> <td> 8 </td></tr></tbody></table> Existem duas maneiras de criar esses tipos de matrizes. Uma maneira é criá-lo diretamente. Abaixo está como criar um <code>Int16Array</code> 3 comprimentos. <blockquote> var i8 = novo Int16Array (3); <br> console.log (i8); <br> // Retorna [0, 0, 0] </blockquote> Você também pode criar um <dfn>buffer</dfn> para atribuir quantos dados (em bytes) você deseja que o array ocupe. <strong>Nota</strong> <br> Para criar matrizes tipadas usando buffers, você precisa atribuir o número de bytes para ser um múltiplo dos bytes listados acima. <blockquote> // Cria o mesmo array Int16Array de forma diferente <br> var byteSize = 6; // Precisa ser múltiplo de 2 <br> var buffer = new ArrayBuffer (byteSize); <br> var i8View = new Int16Array (buffer); <br> buffer.byteLength; // Retorna 6 <br> i8View.byteLength; // Retorna 6 <br> console.log (i8View); // Retorna [0, 0, 0] </blockquote> <dfn>Os buffers</dfn> são objetos de finalidade geral que apenas transportam dados. Você não pode acessá-los normalmente. Para acessá-los, você precisa primeiro criar uma <dfn>visão</dfn> . <blockquote> i8View [0] = 42; <br> console.log (i8View); // Retorna [42, 0, 0] </blockquote> <strong>Nota</strong> <br> Matrizes tipadas não possuem alguns dos métodos que os arrays tradicionais têm como <code>.pop()</code> ou <code>.push()</code> . Matrizes digitadas também falham em <code>Array.isArray()</code> que verifica se algo é uma matriz. Embora mais simples, isso pode ser uma vantagem para mecanismos JavaScript menos sofisticados implementá-los. </section>
+
+## Instructions
+<section id="instructions"> Primeiro, crie um <code>buffer</code> com 64 bytes. Em seguida, crie uma matriz digitada <code>Int32Array</code> com uma exibição chamada <code>i32View</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu <code>buffer</code> deve ter 64 bytes de tamanho.
+    testString: 'assert(buffer.byteLength === 64, "Your <code>buffer</code> should be 64 bytes large.");'
+  - text: Sua visão do <code>i32View</code> do seu buffer deve ter 64 bytes de tamanho.
+    testString: 'assert(i32View.byteLength === 64, "Your <code>i32View</code> view of your buffer should be 64 bytes large.");'
+  - text: Sua visão do <code>i32View</code> do seu buffer deve ter 16 elementos de comprimento.
+    testString: 'assert(i32View.length === 16, "Your <code>i32View</code> view of your buffer should be 16 elements long.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var buffer;
+var i32View;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/use-.has-and-.size-on-an-es6-set.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/use-.has-and-.size-on-an-es6-set.portuguese.md
new file mode 100644
index 0000000000..d97ba4d36e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/use-.has-and-.size-on-an-es6-set.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: 587d8255367417b2b2512c72
+title: Use .has and .size on an ES6 Set
+challengeType: 1
+videoUrl: ''
+localeTitle: Use .has e .size em um conjunto ES6
+---
+
+## Description
+<section id="description"> Vamos examinar os métodos .has e .size disponíveis no objeto Conjunto ES6. Primeiro, crie um conjunto ES6 <code>var set = new Set([1,2,3]);</code> O método .has verificará se o valor está contido no conjunto. <code>var hasTwo = set.has(2);</code> O método .size retornará um inteiro representando o tamanho do Set <code>var howBig = set.size;</code> </section>
+
+## Instructions
+<section id="instructions"> Neste exercício, passaremos um array e um valor para a função checkSet (). Sua função deve criar um conjunto ES6 a partir do argumento da matriz. Encontre se o conjunto contém o argumento de valor. Encontre o tamanho do conjunto. E retorne esses dois valores em uma matriz. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>checkSet([4, 5, 6], 3)</code> deve retornar [false, 3]'
+    testString: 'assert(function(){var test = checkSet([4,5,6], 3); test === [ false, 3 ]}, "<code>checkSet([4, 5, 6], 3)</code> should return [ false, 3 ]");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSet(arrToBeSet, checkValue){
+
+   // change code below this line
+
+   // change code above this line
+
+}
+
+checkSet([ 1, 2, 3], 2); // Should return [ true, 3 ]
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/use-breadth-first-search-in-a-binary-search-tree.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/use-breadth-first-search-in-a-binary-search-tree.portuguese.md
new file mode 100644
index 0000000000..402e08bc0b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/use-breadth-first-search-in-a-binary-search-tree.portuguese.md
@@ -0,0 +1,80 @@
+---
+id: 587d8258367417b2b2512c7f
+title: Use Breadth First Search in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Use a primeira pesquisa em largura em uma árvore de pesquisa binária
+---
+
+## Description
+<section id="description"> Aqui introduziremos outro método de travessia de árvore: pesquisa em largura. Em contraste com os métodos de pesquisa em profundidade do último desafio, a pesquisa em amplitude explora todos os nós em um determinado nível dentro de uma árvore antes de continuar para o próximo nível. Normalmente, as filas são utilizadas como estruturas de dados auxiliares no projeto de algoritmos de pesquisa em amplitude. Neste método, começamos adicionando o nó raiz a uma fila. Em seguida, iniciamos um loop no qual desenfileiramos o primeiro item da fila, o adicionamos a uma nova matriz e, em seguida, inspecionamos suas subárvores secundárias. Se seus filhos não forem nulos, eles serão enfileirados. Esse processo continua até que a fila esteja vazia. Instruções: Vamos criar um método de pesquisa <code>levelOrder</code> em nossa árvore chamada <code>levelOrder</code> . Esse método deve retornar uma matriz contendo os valores de todos os nós da árvore, explorados de uma maneira abrangente. Certifique-se de retornar os valores na matriz, não os próprios nós. Um nível deve ser percorrido da esquerda para a direita. Em seguida, vamos escrever um método semelhante chamado <code>reverseLevelOrder</code> que realiza a mesma pesquisa, mas na direção inversa (direita para esquerda) em cada nível. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A estrutura de dados <code>BinarySearchTree</code> existe.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: A árvore de pesquisa binária tem um método chamado <code>levelOrder</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.levelOrder == "function")})(), "The binary search tree has a method called <code>levelOrder</code>.");'
+  - text: A árvore de pesquisa binária tem um método chamado <code>reverseLevelOrder</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.reverseLevelOrder == "function")})(), "The binary search tree has a method called <code>reverseLevelOrder</code>.");'
+  - text: O método <code>levelOrder</code> retorna uma matriz dos valores do nó da árvore explorados em ordem de nível.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.levelOrder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.levelOrder().join("") == "719038102546"); })(), "The <code>levelOrder</code> method returns an array of the tree node values explored in level order.");'
+  - text: O método <code>reverseLevelOrder</code> retorna uma matriz dos valores do nó da árvore explorados na ordem inversa do nível.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.reverseLevelOrder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.reverseLevelOrder().join("") == "791108305264"); })(), "The <code>reverseLevelOrder</code> method returns an array of the tree node values explored in reverse level order.");'
+  - text: O método <code>levelOrder</code> retorna <code>null</code> para uma árvore vazia.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.levelOrder !== "function") { return false; }; return (test.levelOrder() == null); })(), "The <code>levelOrder</code> method returns <code>null</code> for an empty tree.");'
+  - text: O método <code>reverseLevelOrder</code> retorna <code>null</code> para uma árvore vazia.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.reverseLevelOrder !== "function") { return false; }; return (test.reverseLevelOrder() == null); })(), "The <code>reverseLevelOrder</code> method returns <code>null</code> for an empty tree.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/use-depth-first-search-in-a-binary-search-tree.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/use-depth-first-search-in-a-binary-search-tree.portuguese.md
new file mode 100644
index 0000000000..94f2643995
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/use-depth-first-search-in-a-binary-search-tree.portuguese.md
@@ -0,0 +1,86 @@
+---
+id: 587d8257367417b2b2512c7e
+title: Use Depth First Search in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Use a primeira pesquisa de profundidade em uma árvore de pesquisa binária
+---
+
+## Description
+<section id="description"> Sabemos como pesquisar uma árvore de pesquisa binária por um valor específico. Mas e se quisermos apenas explorar a árvore inteira? Ou se nós não temos uma árvore ordenada e precisamos apenas procurar por um valor? Aqui introduziremos alguns métodos de travessia de árvores que podem ser usados ​​para explorar estruturas de dados de árvores. A primeira é a pesquisa em profundidade. Na pesquisa em profundidade, uma determinada subárvore é explorada o mais profundamente possível antes que a pesquisa continue em outra subárvore. Existem três maneiras pelas quais isso pode ser feito: Em ordem: Comece a pesquisa no nó mais à esquerda e termine no nó mais à direita. Pré-encomenda: explore todas as raízes antes das folhas. Pós-ordem: explore todas as folhas antes das raízes. Como você pode imaginar, você pode escolher diferentes métodos de busca, dependendo do tipo de dados que sua árvore está armazenando e do que você está procurando. Para uma árvore de pesquisa binária, uma passagem in-order retorna os nós na ordem classificada. Instruções: Aqui nós iremos criar estes três métodos de busca em nossa árvore de busca binária. A pesquisa em profundidade é uma operação inerentemente recursiva que continua a explorar outras subárvores, desde que os nós filhos estejam presentes. Depois de entender esse conceito básico, você pode simplesmente reorganizar a ordem na qual você explora os nós e subárvores para produzir qualquer uma das três pesquisas acima. Por exemplo, na pesquisa de pós-ordem, gostaríamos de recorrer a um nó de folha antes de começarmos a retornar qualquer um dos nós, enquanto que na pesquisa de pré-ordem, gostaríamos de retornar os nós primeiro e continuar recursando. descendo a árvore. Defina os métodos <code>inorder</code> , <code>preorder</code> e <code>postorder</code> na nossa árvore. Cada um desses métodos deve retornar uma matriz de itens que representam o percurso da árvore. Certifique-se de retornar os valores inteiros em cada nó da matriz, não os próprios nós. Finalmente, retorne <code>null</code> se a árvore estiver vazia. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: A estrutura de dados <code>BinarySearchTree</code> existe.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: A árvore de pesquisa binária tem um método chamado <code>inorder</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.inorder == "function")})(), "The binary search tree has a method called <code>inorder</code>.");'
+  - text: A árvore de pesquisa binária tem um método chamado <code>preorder</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.preorder == "function")})(), "The binary search tree has a method called <code>preorder</code>.");'
+  - text: A árvore de pesquisa binária tem um método chamado <code>postorder</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.postorder == "function")})(), "The binary search tree has a method called <code>postorder</code>.");'
+  - text: O método <code>inorder</code> retorna uma matriz dos valores do nó que resultam de um percurso inorder.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.inorder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.inorder().join("") == "012345678910"); })(), "The <code>inorder</code> method returns an array of the node values that result from an inorder traversal.");'
+  - text: O método <code>preorder</code> retorna uma matriz dos valores do nó que resultam de uma passagem de pré-ordem.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.preorder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.preorder().join("") == "710325469810"); })(), "The <code>preorder</code> method returns an array of the node values that result from a preorder traversal.");'
+  - text: O método <code>postorder</code> retorna uma matriz dos valores do nó que resultam de uma passagem de pós-ordem.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.postorder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.postorder().join("") == "024653181097"); })(), "The <code>postorder</code> method returns an array of the node values that result from a postorder traversal.");'
+  - text: O método <code>inorder</code> retorna <code>null</code> para uma árvore vazia.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.inorder !== "function") { return false; }; return (test.inorder() == null); })(), "The <code>inorder</code> method returns <code>null</code> for an empty tree.");'
+  - text: O método de <code>preorder</code> retorna <code>null</code> para uma árvore vazia.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.preorder !== "function") { return false; }; return (test.preorder() == null); })(), "The <code>preorder</code> method returns <code>null</code> for an empty tree.");'
+  - text: O método <code>postorder</code> retorna <code>null</code> para uma árvore vazia.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.postorder !== "function") { return false; }; return (test.postorder() == null); })(), "The <code>postorder</code> method returns <code>null</code> for an empty tree.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/use-spread-and-notes-for-es5-set-integration.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/use-spread-and-notes-for-es5-set-integration.portuguese.md
new file mode 100644
index 0000000000..a0d8df3955
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/use-spread-and-notes-for-es5-set-integration.portuguese.md
@@ -0,0 +1,53 @@
+---
+id: 587d8255367417b2b2512c73
+title: Use Spread and Notes for ES5 Set() Integration
+challengeType: 1
+videoUrl: ''
+localeTitle: Use Spread e Notes para Integração do Conjunto ES5 ()
+---
+
+## Description
+<section id="description"> Você se lembra do operador do spread ES6 <code>...</code> ? <code>...</code> pode levar objetos iteráveis ​​no ES6 e transformá-los em matrizes. Vamos criar um conjunto e verificar a função de propagação. <blockquote> var set = new Set ([1,2,3]); <br> var setToArr = [... set] <br> console.log (setToArr) // retorna [1, 2, 3] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Neste exercício, passaremos um objeto set para a função <code>checkSet</code> . Deve retornar uma matriz contendo os valores do conjunto. Agora você aprendeu com sucesso como usar o objeto ES6 <code>Set()</code> , bom trabalho! </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu conjunto foi devolvido corretamente!
+    testString: 'assert(function(){var test = checkSet(new Set([1,2,3,4,5,6,7])); test === [ 1, 2, 3, 4, 5, 6, 7 ]}, "Your Set was returned correctly!");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSet(set){
+   // change code below this line
+
+   // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/work-with-nodes-in-a-linked-list.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/work-with-nodes-in-a-linked-list.portuguese.md
new file mode 100644
index 0000000000..3c819393e4
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/data-structures/work-with-nodes-in-a-linked-list.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: 587d8251367417b2b2512c61
+title: Work with Nodes in a Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: Trabalhar com nós em uma lista vinculada
+---
+
+## Description
+<section id="description"> Outra estrutura de dados comum que você encontrará na ciência da computação é a <dfn>lista encadeada</dfn> . Uma lista encadeada é uma coleção linear de elementos de dados, chamados &#39;nós&#39;, cada um dos quais aponta para o próximo. Cada <dfn>nó</dfn> de uma lista vinculada contém duas informações importantes: o próprio <code>element</code> e uma referência ao próximo <code>node</code> . Imagine que você está em uma fila de conga. Você tem as mãos na próxima pessoa na linha, e a pessoa atrás de você tem as mãos em você. Você pode ver a pessoa à sua frente, mas eles estão bloqueando a visão das outras pessoas à frente na fila. Um nó é como uma pessoa em uma fila de conga: eles sabem quem são e só podem ver a próxima pessoa na fila, mas não estão cientes das outras pessoas à frente ou atrás delas. </section>
+
+## Instructions
+<section id="instructions"> Em nosso editor de código, criamos dois nós, <code>Kitten</code> e <code>Puppy</code> , e conectamos manualmente o nó <code>Kitten</code> ao nó <code>Puppy</code> . Crie um nó <code>Cat</code> and <code>Dog</code> e adicione-os manualmente à linha. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Seu nó <code>Puppy</code> deve ter uma referência a um nó <code>Cat</code> .
+    testString: 'assert(Puppy.next.element === "Cat", "Your <code>Puppy</code> node should have a reference to a <code>Cat</code> node.");'
+  - text: Seu nó <code>Cat</code> deve ter uma referência a um nó <code>Dog</code> .
+    testString: 'assert(Cat.next.element === "Dog", "Your <code>Cat</code> node should have a reference to a <code>Dog</code> node.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Node = function(element){
+    this.element = element;
+    this.next = null;
+};
+var Kitten = new Node("Kitten");
+var Puppy = new Node("Puppy");
+
+Kitten.next = Puppy;
+// only add code below this line
+
+// test your code
+console.log(Kitten.next);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-1-multiples-of-3-and-5.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-1-multiples-of-3-and-5.portuguese.md
new file mode 100644
index 0000000000..f0a316ad62
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-1-multiples-of-3-and-5.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f36e1000cf542c50fe80
+challengeType: 5
+title: 'Problem 1: Multiples of 3 and 5'
+videoUrl: ''
+localeTitle: 'Problema 1: Múltiplos de 3 e 5'
+---
+
+## Description
+<section id="description"> Se listarmos todos os números naturais abaixo de 10 que são múltiplos de 3 ou 5, obtemos 3, 5, 6 e 9. A soma desses múltiplos é 23. Encontre a soma de todos os múltiplos de 3 ou 5 abaixo do parâmetro fornecido. <code>number</code> valor. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>multiplesOf3and5(1000)</code> deve retornar 233168.
+    testString: 'assert.strictEqual(multiplesOf3and5(1000), 233168, "<code>multiplesOf3and5(1000)</code> should return 233168.");'
+  - text: <code>multiplesOf3and5(49)</code> devem retornar 543.
+    testString: 'assert.strictEqual(multiplesOf3and5(49), 543, "<code>multiplesOf3and5(49)</code> should return 543.");'
+  - text: <code>multiplesOf3and5(19564)</code> deve retornar 89301183.
+    testString: 'assert.strictEqual(multiplesOf3and5(19564), 89301183, "<code>multiplesOf3and5(19564)</code> should return 89301183.");'
+  - text: Sua função não está retornando o resultado correto usando nossos valores de teste.
+    testString: 'assert.strictEqual(multiplesOf3and5(8456), 16687353, "Your function is not returning the correct result using our tests values.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function multiplesOf3and5(number) {
+  // Good luck!
+  return true;
+}
+
+multiplesOf3and5(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-10-summation-of-primes.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-10-summation-of-primes.portuguese.md
new file mode 100644
index 0000000000..23e4c22420
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-10-summation-of-primes.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3761000cf542c50fe89
+challengeType: 5
+title: 'Problem 10: Summation of primes'
+videoUrl: ''
+localeTitle: 'Problema 10: Soma dos primos'
+---
+
+## Description
+<section id="description"> A soma dos primos abaixo de 10 é 2 + 3 + 5 + 7 = 17. Encontre a soma de todos os primos abaixo de n. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>primeSummation(17)</code> deve retornar 41.
+    testString: 'assert.strictEqual(primeSummation(17), 41, "<code>primeSummation(17)</code> should return 41.");'
+  - text: <code>primeSummation(2001)</code> deve retornar 277050.
+    testString: 'assert.strictEqual(primeSummation(2001), 277050, "<code>primeSummation(2001)</code> should return 277050.");'
+  - text: <code>primeSummation(140759)</code> deve retornar 873608362.
+    testString: 'assert.strictEqual(primeSummation(140759), 873608362, "<code>primeSummation(140759)</code> should return 873608362.");'
+  - text: <code>primeSummation(2000000)</code> deve retornar 142913828922.
+    testString: 'assert.strictEqual(primeSummation(2000000), 142913828922, "<code>primeSummation(2000000)</code> should return 142913828922.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function primeSummation(n) {
+  // Good luck!
+  return true;
+}
+
+primeSummation(2000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-100-arranged-probability.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-100-arranged-probability.portuguese.md
new file mode 100644
index 0000000000..f5df7081b3
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-100-arranged-probability.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d01000cf542c50fee3
+challengeType: 5
+title: 'Problem 100: Arranged probability'
+videoUrl: ''
+localeTitle: 'Problema 100: Probabilidade Arranjada'
+---
+
+## Description
+<section id="description"> Se uma caixa contém vinte e um discos coloridos, compostos por quinze discos azuis e seis discos vermelhos, e dois discos foram retirados aleatoriamente, pode-se ver que a probabilidade de se obter dois discos azuis, P (BB) = (15/21 ) × (14/20) = 1/2. O próximo arranjo, para o qual há exatamente 50% de chance de pegar dois discos azuis ao acaso, é uma caixa contendo 85 discos azuis e trinta e cinco discos vermelhos. Ao encontrar o primeiro arranjo para conter mais de 1012 = 1.000.000.000.000 discos no total, determine o número de discos azuis que a caixa conteria. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler100()</code> deve retornar 756872327473.
+    testString: 'assert.strictEqual(euler100(), 756872327473, "<code>euler100()</code> should return 756872327473.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler100() {
+  // Good luck!
+  return true;
+}
+
+euler100();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-101-optimum-polynomial.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-101-optimum-polynomial.portuguese.md
new file mode 100644
index 0000000000..de6dce9fc2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-101-optimum-polynomial.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d21000cf542c50fee4
+challengeType: 5
+title: 'Problem 101: Optimum polynomial'
+videoUrl: ''
+localeTitle: 'Problema 101: Polinômio Ótimo'
+---
+
+## Description
+<section id="description"> Se nos são apresentados os primeiros k termos de uma sequência, é impossível dizer com certeza o valor do próximo termo, pois existem infinitamente muitas funções polinomiais que podem modelar a sequência. Como exemplo, vamos considerar a seqüência de números de cubo. Isto é definido pela função geradora, un = n3: 1, 8, 27, 64, 125, 216, ... Suponha que nos deram apenas os dois primeiros termos desta seqüência. Trabalhando no princípio de que &quot;simples é melhor&quot;, devemos assumir um relacionamento linear e prever que o próximo prazo seja 15 (diferença comum 7). Mesmo se nos apresentassem os três primeiros termos, pelo mesmo princípio de simplicidade, um relacionamento quadrático deveria ser assumido. Definiremos OP (k, n) como o enésimo termo da função geradora polinomial ótima para os primeiros k termos de uma sequência. Deve ficar claro que OP (k, n) irá gerar com precisão os termos da sequência para n ≤ k, e potencialmente o primeiro termo incorreto (FIT) será OP (k, k + 1); em qual caso nós chamaremos isto de um mau OP (BOP). Como base, se nos fosse dado apenas o primeiro termo de seqüência, seria mais sensato assumir constância; isto é, para n ≥ 2, OP (1, n) = u1. Assim, obtemos os seguintes OPs para a seqüência cúbica: <p> OP (1, n) = 1 1, 1, 1, 1, ... OP (2, n) = 7n − 6 1, 8, 15, ... OP (3, n) = 6n2-11n + 6 1, 8, 27, 58, ... OP (4, n) = n3 1, 8, 27, 64, 125, ... </p><p> Claramente, não existem BOPs para k ≥ 4. Considerando a soma dos FITs gerados pelos BOPs (indicados em vermelho acima), obtemos 1 + 15 + 58 = 74. Considere a seguinte função geradora polinomial de décimo grau: un = 1 - n + n2 - n3 + n4 - n5 + n6 - n7 + n8 - n9 + n10 Encontre a soma dos FITs para os BOPs. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler101()</code> deve retornar 37076114526.
+    testString: 'assert.strictEqual(euler101(), 37076114526, "<code>euler101()</code> should return 37076114526.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler101() {
+  // Good luck!
+  return true;
+}
+
+euler101();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-102-triangle-containment.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-102-triangle-containment.portuguese.md
new file mode 100644
index 0000000000..5768289ec6
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-102-triangle-containment.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d21000cf542c50fee5
+challengeType: 5
+title: 'Problem 102: Triangle containment'
+videoUrl: ''
+localeTitle: 'Problema 102: Contenção do Triângulo'
+---
+
+## Description
+<section id="description"> Três pontos distintos são traçados aleatoriamente em um plano cartesiano, para os quais -1000 ≤ x, y ≤ 1000, de modo que um triângulo é formado. Considere os dois triângulos seguintes: A (-340,495), B (-153, -910), C (835, -947) X (-175,41), Y (-421, -714), Z (574, - 645) Pode-se verificar que o triângulo ABC contém a origem, enquanto o triângulo XYZ não. Usando triângulos.txt (clique direito e &#39;Salvar Link / Destino Como ...&#39;), um arquivo de texto de 27K contendo as coordenadas de mil triângulos &quot;aleatórios&quot;, encontrará o número de triângulos para os quais o interior contém a origem. NOTA: Os dois primeiros exemplos no arquivo representam os triângulos no exemplo acima. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler102()</code> deve retornar 228.
+    testString: 'assert.strictEqual(euler102(), 228, "<code>euler102()</code> should return 228.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler102() {
+  // Good luck!
+  return true;
+}
+
+euler102();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.portuguese.md
new file mode 100644
index 0000000000..040622be1a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d61000cf542c50fee7
+challengeType: 5
+title: 'Problem 103: Special subset sums: optimum'
+videoUrl: ''
+localeTitle: 'Problema 103: Soma especial do subconjunto: ótimo'
+---
+
+## Description
+<section id="description"> Seja S (A) a soma dos elementos no conjunto A de tamanho n. Vamos chamá-lo de um conjunto especial de soma se para quaisquer dois subconjuntos separados, não-vazios, B e C, as seguintes propriedades são verdadeiras: S (B) ≠ S (C); isto é, somas de subconjuntos não podem ser iguais. Se B contiver mais elementos que C, então S (B)&gt; S (C). Se S (A) é minimizado para um dado n, nós o chamaremos de um conjunto de soma especial ótimo. Os primeiros cinco conjuntos de somas especiais ótimos são dados abaixo. n = 1: {1} n = 2: {1, 2} n = 3: {2, 3, 4} n = 4: {3, 5, 6, 7} n = 5: {6, 9, 11 , 12, 13} Parece que, para um determinado conjunto ótimo, A = {a1, a2, ..., an}, o próximo conjunto ótimo é da forma B = {b, a1 + b, a2 + b,. .., an + b}, onde b é o elemento &quot;middle&quot; na linha anterior. Aplicando esta &quot;regra&quot; esperamos que o conjunto ótimo para n = 6 seja A = {11, 17, 20, 22, 23, 24}, com S (A) = 117. Entretanto, este não é o conjunto ótimo , como temos apenas aplicado um algoritmo para fornecer um conjunto ótimo próximo. O conjunto ótimo para n = 6 é A = {11, 18, 19, 20, 22, 25}, com S (A) = 115 e correspondente string set: 111819202225. Dado que A é uma soma especial ótima definida para n = 7, encontre sua string set. NOTA: Esse problema está relacionado ao problema 105 e ao problema 106. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler103()</code> deve retornar 20313839404245.
+    testString: 'assert.strictEqual(euler103(), 20313839404245, "<code>euler103()</code> should return 20313839404245.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler103() {
+  // Good luck!
+  return true;
+}
+
+euler103();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.portuguese.md
new file mode 100644
index 0000000000..890aa9cff0
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d51000cf542c50fee6
+challengeType: 5
+title: 'Problem 104: Pandigital Fibonacci ends'
+videoUrl: ''
+localeTitle: 'Problema 104: Fibonacci Pandigital termina'
+---
+
+## Description
+<section id="description"> A seqüência de Fibonacci é definida pela relação de recorrência: Fn = Fn − 1 + Fn − 2, onde F1 = 1 e F2 = 1. Acontece que F541, que contém 113 dígitos, é o primeiro número de Fibonacci para o qual os últimos nove os dígitos são 1-9 pandigital (contém todos os dígitos 1 a 9, mas não necessariamente em ordem). E F2749, que contém 575 dígitos, é o primeiro número de Fibonacci para o qual os primeiros nove dígitos são 1-9 pandigital. Dado que Fk é o primeiro número de Fibonacci para o qual os primeiros nove dígitos e os últimos nove dígitos são 1-9 pandigital, encontre k. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler104()</code> deve retornar 329468.
+    testString: 'assert.strictEqual(euler104(), 329468, "<code>euler104()</code> should return 329468.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler104() {
+  // Good luck!
+  return true;
+}
+
+euler104();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.portuguese.md
new file mode 100644
index 0000000000..247a1fdf12
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d61000cf542c50fee8
+challengeType: 5
+title: 'Problem 105: Special subset sums: testing'
+videoUrl: ''
+localeTitle: 'Problema 105: Soma de subconjunto especial: teste'
+---
+
+## Description
+<section id="description"> Seja S (A) a soma dos elementos no conjunto A de tamanho n. Vamos chamá-lo de um conjunto especial de soma se para quaisquer dois subconjuntos separados, não-vazios, B e C, as seguintes propriedades são verdadeiras: S (B) ≠ S (C); isto é, somas de subconjuntos não podem ser iguais. Se B contiver mais elementos que C, então S (B)&gt; S (C). Por exemplo, {81, 88, 75, 42, 87, 84, 86, 65} não é um conjunto especial de soma porque 65 + 87 + 88 = 75 + 81 + 84, enquanto {157, 150, 164, 119, 79 , 159, 161, 139, 158} satisfaz ambas as regras para todas as possíveis combinações de pares de subconjuntos e S (A) = 1286. Usando conjuntos.txt (clique direito e &quot;Salvar link / destino como ...&quot;), um arquivo de texto 4K com cem conjuntos contendo sete a doze elementos (os dois exemplos dados acima são os dois primeiros conjuntos no arquivo), identifique todos os conjuntos de soma especial, A1, A2, ..., Ak e encontre o valor de S ( A1) + S (A2) + ... + S (Ak). NOTA: Esse problema está relacionado ao problema 103 e ao problema 106. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler105()</code> deve retornar 73702.
+    testString: 'assert.strictEqual(euler105(), 73702, "<code>euler105()</code> should return 73702.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler105() {
+  // Good luck!
+  return true;
+}
+
+euler105();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.portuguese.md
new file mode 100644
index 0000000000..467e6c72bd
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d71000cf542c50fee9
+challengeType: 5
+title: 'Problem 106: Special subset sums: meta-testing'
+videoUrl: ''
+localeTitle: 'Problema 106: Soma especial do subconjunto: meta-testes'
+---
+
+## Description
+<section id="description"> Seja S (A) a soma dos elementos no conjunto A de tamanho n. Vamos chamá-lo de um conjunto especial de soma se para quaisquer dois subconjuntos separados, não-vazios, B e C, as seguintes propriedades são verdadeiras: S (B) ≠ S (C); isto é, somas de subconjuntos não podem ser iguais. Se B contiver mais elementos que C, então S (B)&gt; S (C). Para este problema, vamos assumir que um dado conjunto contém n elementos estritamente crescentes e já satisfaz a segunda regra. Surpreendentemente, dos 25 pares de subconjuntos possíveis que podem ser obtidos de um conjunto para o qual n = 4, apenas 1 desses pares precisa ser testado para igualdade (primeira regra). Da mesma forma, quando n = 7, apenas 70 dos 966 pares de subconjuntos precisam ser testados. Para n = 12, quantos dos 261625 pares de subconjuntos que podem ser obtidos precisam ser testados quanto à igualdade? NOTA: Esse problema está relacionado ao problema 103 e ao problema 105. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler106()</code> deve retornar 21384.
+    testString: 'assert.strictEqual(euler106(), 21384, "<code>euler106()</code> should return 21384.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler106() {
+  // Good luck!
+  return true;
+}
+
+euler106();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-107-minimal-network.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-107-minimal-network.portuguese.md
new file mode 100644
index 0000000000..38dc33d2f5
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-107-minimal-network.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d91000cf542c50feea
+challengeType: 5
+title: 'Problem 107: Minimal network'
+videoUrl: ''
+localeTitle: 'Problema 107: Rede Mínima'
+---
+
+## Description
+<section id="description"> A seguinte rede não direcionada consiste em sete vértices e doze arestas com um peso total de 243. <p> A mesma rede pode ser representada pela matriz abaixo. ABCDEFG A-161221 --- B16--1720-- C12--28-31- D211728-181923 E-20-18--11 F - 3119--27 G --- 231127- No entanto, é possível otimizar a rede removendo algumas arestas e ainda garantir que todos os pontos da rede permaneçam conectados. A rede que alcança a economia máxima é mostrada abaixo. Ele tem um peso de 93, representando uma economia de 243 - 93 = 150 da rede original. </p><p> Usando o network.txt (clique direito e &#39;Save Link / Target As ...&#39;), um arquivo de texto de 6K contendo uma rede com quarenta vértices, e dado em forma de matriz, encontra a economia máxima que pode ser obtida removendo as arestas redundantes garantindo que a rede permaneça conectada. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler107()</code> deve retornar 259679.
+    testString: 'assert.strictEqual(euler107(), 259679, "<code>euler107()</code> should return 259679.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler107() {
+  // Good luck!
+  return true;
+}
+
+euler107();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.portuguese.md
new file mode 100644
index 0000000000..e55fdff945
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d91000cf542c50feeb
+challengeType: 5
+title: 'Problem 108: Diophantine Reciprocals I'
+videoUrl: ''
+localeTitle: 'Problema 108: Reciprocais Diofantinos I'
+---
+
+## Description
+<section id="description"> Na seguinte equação x, y e n são inteiros positivos. 1 / <var>x</var> + 1 / <var>y</var> = 1 / <var>n</var> Para <var>n</var> = 4 existem exatamente três soluções distintas: 1/5 + 1/20 = 1/4 <br> 1/6 + 1/12 = 1/4 <br> 1/8 + 1/8 = 1/4 Qual é o menor valor de <var>n</var> para o qual o número de soluções distintas excede mil? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>diophantineOne()</code> deve retornar 180180.
+    testString: 'assert.strictEqual(diophantineOne(), 180180, "<code>diophantineOne()</code> should return 180180.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function diophantineOne() {
+  // Good luck!
+  return true;
+}
+
+diophantineOne();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-109-darts.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-109-darts.portuguese.md
new file mode 100644
index 0000000000..cab29b61d7
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-109-darts.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3db1000cf542c50feec
+challengeType: 5
+title: 'Problem 109: Darts'
+videoUrl: ''
+localeTitle: 'Problema 109: Dardos'
+---
+
+## Description
+<section id="description"> No jogo de dardos, um jogador lança três dardos em uma prancha de alvo que é dividida em vinte seções de igual tamanho, numeradas de um a vinte. <p> A pontuação de um dardo é determinada pelo número da região em que o dardo pousa. Um pouso de dardo fora do anel externo vermelho / verde pontua zero. As regiões de preto e creme dentro deste anel representam pontuações únicas. No entanto, o anel externo vermelho / verde e o anel intermediário pontuam os escores duplo e triplo, respectivamente. No centro do tabuleiro há dois círculos concêntricos chamados de região de touro, ou olho de boi. O touro exterior vale 25 pontos e o touro interno é um duplo, valendo 50 pontos. Existem muitas variações de regras, mas no jogo mais popular os jogadores começarão com uma pontuação 301 ou 501 eo primeiro jogador a reduzir seu total de corridas a zero é um vencedor. No entanto, é normal jogar um sistema de &quot;duplicação&quot;, o que significa que o jogador deve conseguir um duplo (incluindo o olho duplo no centro do tabuleiro) em seu dardo final para vencer; qualquer outro dardo que reduza seu total de corridas para um ou menos significa que a pontuação para aquele conjunto de três dardos é &quot;busto&quot;. Quando um jogador é capaz de terminar em sua pontuação atual, ele é chamado de &quot;checkout&quot; e o maior check-out é 170: T20 T20 D25 (dois agudos 20s e duplo touro). Existem exatamente onze maneiras distintas de fazer checkout em uma pontuação de 6: </p><p> D3 </p><p> D1 D2 </p><p> S2 D2 </p><p> D2 D1 </p><p> S4 D1 </p><p> S1 S1 D2 S1 T1 D1 S1 S3 D1 D1 D1 D1 D1 S2 D1 S2 S2 D1 </p><p> Note que D1 D2 é considerado diferente de D2 D1 quando eles terminam em diferentes duplas. No entanto, a combinação S1 T1 D1 é considerada igual a T1 S1 D1. Além disso, não incluiremos erros em considerar combinações; por exemplo, D3 é o mesmo que 0 D3 e 0 0 D3. Incrivelmente, existem 42336 formas distintas de check-out no total. Quantas maneiras distintas pode um jogador finalizar com uma pontuação inferior a 100? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler109()</code> deve retornar 38182.
+    testString: 'assert.strictEqual(euler109(), 38182, "<code>euler109()</code> should return 38182.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler109() {
+  // Good luck!
+  return true;
+}
+
+euler109();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-11-largest-product-in-a-grid.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-11-largest-product-in-a-grid.portuguese.md
new file mode 100644
index 0000000000..3ac39e7941
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-11-largest-product-in-a-grid.portuguese.md
@@ -0,0 +1,89 @@
+---
+id: 5900f3781000cf542c50fe8a
+challengeType: 5
+title: 'Problem 11: Largest product in a grid'
+videoUrl: ''
+localeTitle: 'Problema 11: Maior produto em uma grade'
+---
+
+## Description
+<section id="description"> Na grade 20 × 20 abaixo, quatro números ao longo de uma linha diagonal foram marcados em vermelho. <div style="text-align: center;"> 08 02 22 97 38 15 00 40 00 75 04 05 07 78 52 12 50 77 91 08 </div><div style="text-align: center;"> 49 49 99 40 17 81 18 57 60 87 17 40 98 43 69 48 04 56 62 00 </div><div style="text-align: center;"> 81 49 31 73 55 79 14 29 93 71 40 67 53 88 30 03 49 13 36 65 </div><div style="text-align: center;"> 52 70 95 23 04 60 11 42 69 24 68 56 01 32 56 71 37 02 36 91 </div><div style="text-align: center;"> 22 31 16 71 51 67 63 89 41 92 36 54 22 40 40 28 66 33 13 80 </div><div style="text-align: center;"> 24 47 32 60 99 03 45 02 44 75 33 53 78 36 84 20 35 17 12 50 </div><div style="text-align: center;"> 32 98 81 28 64 23 67 10 <span style="color: red"><b>26</b></span> 38 40 67 59 54 70 66 18 38 64 70 </div><div style="text-align: center;"> 67 26 20 68 02 62 12 20 95 <span style="color: red"><b>63</b></span> 94 39 63 08 40 91 66 49 94 21 </div><div style="text-align: center;"> 24 55 58 05 66 73 99 26 97 17 <span style="color: red"><b>78</b></span> 78 96 83 14 88 34 89 63 72 </div><div style="text-align: center;"> 21 36 23 09 75 00 76 44 20 45 35 <span style="color: red"><b>14</b></span> 00 61 33 97 34 31 33 95 </div><div style="text-align: center;"> 78 17 53 28 22 75 31 67 15 94 03 80 04 62 16 14 09 53 56 92 </div><div style="text-align: center;"> 16 39 05 42 96 35 31 47 55 58 88 24 00 17 54 24 36 29 85 57 </div><div style="text-align: center;"> 86 56 00 48 35 71 89 07 05 44 44 37 44 60 21 58 51 54 17 58 </div><div style="text-align: center;"> 19 80 81 68 05 94 47 69 28 73 92 13 86 52 17 77 04 89 55 40 </div><div style="text-align: center;"> 04 52 08 83 97 35 99 16 07 97 57 32 16 26 26 79 33 27 98 66 </div><div style="text-align: center;"> 88 36 68 87 57 62 20 72 03 46 33 67 46 55 12 32 63 93 53 69 </div><div style="text-align: center;"> 04 42 16 73 38 25 39 11 24 94 72 18 08 46 29 32 40 62 76 36 </div><div style="text-align: center;"> 20 69 36 41 72 30 23 88 34 62 99 69 82 67 59 85 74 04 36 16 </div><div style="text-align: center;"> 20 73 35 29 78 31 90 01 74 31 49 71 48 86 81 16 23 57 05 54 </div><div style="text-align: center;"> 01 70 54 71 83 51 54 69 16 92 33 48 61 43 52 01 89 19 67 48 </div><p> O produto desses números é 26 × 63 × 78 × 14 = 1788696. Qual é o maior produto de quatro números adjacentes na mesma direção (cima, baixo, esquerda, direita ou diagonal) em uma dada grade de <code>arr</code> ? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>largestGridProduct(grid)</code> deve retornar 70600674.
+    testString: 'assert.strictEqual(largestGridProduct(grid), 70600674, "<code>largestGridProduct(grid)</code> should return 70600674.");'
+  - text: <code>largestGridProduct(testGrid)</code> deve retornar 14169081.
+    testString: 'assert.strictEqual(largestGridProduct(testGrid), 14169081, "<code>largestGridProduct(testGrid)</code> should return 14169081.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestGridProduct(arr) {
+  // Good luck!
+  return arr;
+}
+
+// Only change code above this line
+const grid = [
+  [8, 2, 22, 97, 38, 15, 0, 40, 0, 75, 4, 5, 7, 78, 52, 12, 50, 77, 91, 8],
+  [49, 49, 99, 40, 17, 81, 18, 57, 60, 87, 17, 40, 98, 43, 69, 48, 4, 56, 62, 0],
+  [81, 49, 31, 73, 55, 79, 14, 29, 93, 71, 40, 67, 53, 88, 30, 3, 49, 13, 36, 65],
+  [52, 70, 95, 23, 4, 60, 11, 42, 69, 24, 68, 56, 1, 32, 56, 71, 37, 2, 36, 91],
+  [22, 31, 16, 71, 51, 67, 63, 89, 41, 92, 36, 54, 22, 40, 40, 28, 66, 33, 13, 80],
+  [24, 47, 32, 60, 99, 3, 45, 2, 44, 75, 33, 53, 78, 36, 84, 20, 35, 17, 12, 50],
+  [32, 98, 81, 28, 64, 23, 67, 10, 26, 38, 40, 67, 59, 54, 70, 66, 18, 38, 64, 70],
+  [67, 26, 20, 68, 2, 62, 12, 20, 95, 63, 94, 39, 63, 8, 40, 91, 66, 49, 94, 21],
+  [24, 55, 58, 5, 66, 73, 99, 26, 97, 17, 78, 78, 96, 83, 14, 88, 34, 89, 63, 72],
+  [21, 36, 23, 9, 75, 0, 76, 44, 20, 45, 35, 14, 0, 61, 33, 97, 34, 31, 33, 95],
+  [78, 17, 53, 28, 22, 75, 31, 67, 15, 94, 3, 80, 4, 62, 16, 14, 9, 53, 56, 92],
+  [16, 39, 5, 42, 96, 35, 31, 47, 55, 58, 88, 24, 0, 17, 54, 24, 36, 29, 85, 57],
+  [86, 56, 0, 48, 35, 71, 89, 7, 5, 44, 44, 37, 44, 60, 21, 58, 51, 54, 17, 58],
+  [19, 80, 81, 68, 5, 94, 47, 69, 28, 73, 92, 13, 86, 52, 17, 77, 4, 89, 55, 40],
+  [4, 52, 8, 83, 97, 35, 99, 16, 7, 97, 57, 32, 16, 26, 26, 79, 33, 27, 98, 66],
+  [88, 36, 68, 87, 57, 62, 20, 72, 3, 46, 33, 67, 46, 55, 12, 32, 63, 93, 53, 69],
+  [4, 42, 16, 73, 38, 25, 39, 11, 24, 94, 72, 18, 8, 46, 29, 32, 40, 62, 76, 36],
+  [20, 69, 36, 41, 72, 30, 23, 88, 34, 62, 99, 69, 82, 67, 59, 85, 74, 4, 36, 16],
+  [20, 73, 35, 29, 78, 31, 90, 1, 74, 31, 49, 71, 48, 86, 81, 16, 23, 57, 5, 54],
+  [1, 70, 54, 71, 83, 51, 54, 69, 16, 92, 33, 48, 61, 43, 52, 1, 89, 19, 67, 48]
+];
+
+const testGrid = [
+  [40, 17, 81, 18, 57],
+  [74, 4, 36, 16, 29],
+  [36, 42, 69, 73, 45],
+  [51, 54, 69, 16, 92],
+  [7, 97, 57, 32, 16]
+];
+
+largestGridProduct(testGrid);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-110-diophantine-reciprocals-ii.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-110-diophantine-reciprocals-ii.portuguese.md
new file mode 100644
index 0000000000..64464f6034
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-110-diophantine-reciprocals-ii.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3db1000cf542c50feed
+challengeType: 5
+title: 'Problem 110: Diophantine Reciprocals II'
+videoUrl: ''
+localeTitle: 'Problema 110: Reciprocais Diofantinos II'
+---
+
+## Description
+<section id="description"> Na seguinte equação x, y e n são inteiros positivos. 1 / <var>x</var> + 1 / <var>y</var> = 1 / <var>n</var> Pode ser verificado que quando <var>n</var> = 1260 existem 113 soluções distintas e este é o menor valor de <var>n</var> para o qual o número total de soluções distintas excede cem. Qual é o menor valor de <var>n</var> para o qual o número de soluções distintas excede quatro milhões? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>diophantineTwo</code> deve retornar 9350130049860600.
+    testString: 'assert.strictEqual(diophantineTwo(), 9350130049860600, "<code>diophantineTwo()</code> should return 9350130049860600.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function diophantineTwo() {
+  // Good luck!
+  return true;
+}
+
+diophantineTwo();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-111-primes-with-runs.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-111-primes-with-runs.portuguese.md
new file mode 100644
index 0000000000..b8cfceaa91
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-111-primes-with-runs.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3db1000cf542c50feee
+challengeType: 5
+title: 'Problem 111: Primes with runs'
+videoUrl: ''
+localeTitle: 'Problema 111: Primes com corridas'
+---
+
+## Description
+<section id="description"> Considerando primos de 4 dígitos contendo dígitos repetidos, é claro que eles não podem ser todos iguais: 1111 é divisível por 11, 2222 é divisível por 22 e assim por diante. Mas há nove primos de 4 dígitos contendo três: 1117, 1151, 1171, 1181, 1511, 1811, 2111, 4111, 8111 Diremos que M (n, d) representa o número máximo de dígitos repetidos para um n- dígito principal onde d é o dígito repetido, N (n, d) representa o número de tais primos e S (n, d) representa a soma desses primos. Então M (4, 1) = 3 é o número máximo de dígitos repetidos para um primo de 4 dígitos onde um é o dígito repetido, existem N (4, 1) = 9 tais primos, e a soma desses primos é S (4, 1) = 22275. Acontece que, para d = 0, só é possível ter M (4, 0) = 2 dígitos repetidos, mas existem N (4, 0) = 13 casos desse tipo. Da mesma forma, obtemos os seguintes resultados para primes de 4 dígitos. <p> Dígito, d M (4, d) N (4, d) S (4, d) 0 2 13 67061 1 3 9 22275 2 3 1 2221 3 3 12 46214 4 3 2 8888 5 3 1 5557 6 3 1 6661 7 3 9 57863 8 3 1 8887 9 3 7 48073 </p><p> Para d = 0 a 9, a soma de todos os S (4, d) é 273700. Encontre a soma de todos os S (10, d). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler111()</code> deve retornar 612407567715.
+    testString: 'assert.strictEqual(euler111(), 612407567715, "<code>euler111()</code> should return 612407567715.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler111() {
+  // Good luck!
+  return true;
+}
+
+euler111();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-112-bouncy-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-112-bouncy-numbers.portuguese.md
new file mode 100644
index 0000000000..5f9d5837c7
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-112-bouncy-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3dd1000cf542c50feef
+challengeType: 5
+title: 'Problem 112: Bouncy numbers'
+videoUrl: ''
+localeTitle: 'Problema 112: números saltitantes'
+---
+
+## Description
+<section id="description"> Trabalhando da esquerda para a direita, se nenhum dígito for ultrapassado pelo dígito à esquerda, é chamado um número crescente; por exemplo, 134468. Da mesma forma, se nenhum dígito for excedido pelo dígito à direita, será chamado número decrescente; por exemplo, 66420. Devemos chamar um número inteiro positivo que não esteja aumentando nem diminuindo um número &quot;saltitante&quot;; por exemplo, 155349. Claramente não pode haver números saltitantes abaixo de cem, mas pouco mais da metade dos números abaixo de um milhar (525) são saltitantes. De fato, o número mínimo para o qual a proporção de números saltantes primeiro chega a 50% é 538. Surpreendentemente, os números saltitantes se tornam cada vez mais comuns e, quando alcançamos 21780, a proporção de números saltitantes é igual a 90%. Encontre o menor número para o qual a proporção de números saltantes é exatamente 99%. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler112()</code> deve retornar 1587000.
+    testString: 'assert.strictEqual(euler112(), 1587000, "<code>euler112()</code> should return 1587000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler112() {
+  // Good luck!
+  return true;
+}
+
+euler112();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-113-non-bouncy-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-113-non-bouncy-numbers.portuguese.md
new file mode 100644
index 0000000000..2b2aa57790
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-113-non-bouncy-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3dd1000cf542c50fef0
+challengeType: 5
+title: 'Problem 113: Non-bouncy numbers'
+videoUrl: ''
+localeTitle: 'Problema 113: números não saltantes'
+---
+
+## Description
+<section id="description"> Trabalhando da esquerda para a direita, se nenhum dígito for ultrapassado pelo dígito à esquerda, é chamado um número crescente; por exemplo, 134468. Da mesma forma, se nenhum dígito for excedido pelo dígito à direita, será chamado número decrescente; por exemplo, 66420. Devemos chamar um número inteiro positivo que não esteja aumentando nem diminuindo um número &quot;saltitante&quot;; por exemplo, 155349. À medida que n aumenta, a proporção de números saltitantes abaixo de n aumenta de modo que haja apenas 12951 números abaixo de um milhão que não são saltitantes e apenas 277032 números não saltitantes abaixo de 1010. Quantos números abaixo de um googol (10100 ) não são saltitantes? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler113()</code> deve retornar 51161058134250.
+    testString: 'assert.strictEqual(euler113(), 51161058134250, "<code>euler113()</code> should return 51161058134250.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler113() {
+  // Good luck!
+  return true;
+}
+
+euler113();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-114-counting-block-combinations-i.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-114-counting-block-combinations-i.portuguese.md
new file mode 100644
index 0000000000..d529bcb67c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-114-counting-block-combinations-i.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e01000cf542c50fef2
+challengeType: 5
+title: 'Problem 114: Counting block combinations I'
+videoUrl: ''
+localeTitle: 'Problema 114: Contando Combinações de Blocos I'
+---
+
+## Description
+<section id="description"> Uma fileira medindo sete unidades de comprimento tem blocos vermelhos com um comprimento mínimo de três unidades colocadas, de modo que quaisquer dois blocos vermelhos (que podem ter comprimentos diferentes) são separados por pelo menos um quadrado preto. Existem exatamente dezessete maneiras de fazer isso. <p> Quantas maneiras uma fileira medindo cinquenta unidades de comprimento pode ser preenchida? NOTA: Embora o exemplo acima não se presta à possibilidade, em geral é permitido misturar tamanhos de bloco. Por exemplo, em uma fileira de oito unidades de comprimento, você pode usar vermelho (3), preto (1) e vermelho (4). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler114()</code> deve retornar 16475640049.
+    testString: 'assert.strictEqual(euler114(), 16475640049, "<code>euler114()</code> should return 16475640049.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler114() {
+  // Good luck!
+  return true;
+}
+
+euler114();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-115-counting-block-combinations-ii.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-115-counting-block-combinations-ii.portuguese.md
new file mode 100644
index 0000000000..8c48e88410
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-115-counting-block-combinations-ii.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3df1000cf542c50fef1
+challengeType: 5
+title: 'Problem 115: Counting block combinations II'
+videoUrl: ''
+localeTitle: 'Problema 115: Contando combinações de blocos II'
+---
+
+## Description
+<section id="description"> NOTA: Esta é uma versão mais difícil do Problema 114. Uma fileira medindo n unidades de comprimento tem blocos vermelhos com um comprimento mínimo de m unidades colocadas, de modo que quaisquer dois blocos vermelhos (que podem ter comprimentos diferentes) são separados por pelo menos um quadrado preto. Deixe a função de contagem de preenchimento, F (m, n), representar o número de maneiras que uma linha pode ser preenchida. Por exemplo, F (3, 29) = 673135 e F (3, 30) = 1089155. Ou seja, para m = 3, pode ser visto que n = 30 é o menor valor para o qual a função de contagem de preenchimento excede primeiro um milhão. Da mesma forma, para m = 10, pode ser verificado que F (10, 56) = 880711 e F (10, 57) = 1148904, de modo que n = 57 é o menor valor para o qual a função de contagem de preenchimento excede primeiro um milhão. Para m = 50, encontre o menor valor de n para o qual a função de contagem de preenchimento excede primeiro um milhão. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler115()</code> deve retornar 168.
+    testString: 'assert.strictEqual(euler115(), 168, "<code>euler115()</code> should return 168.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler115() {
+  // Good luck!
+  return true;
+}
+
+euler115();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-116-red-green-or-blue-tiles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-116-red-green-or-blue-tiles.portuguese.md
new file mode 100644
index 0000000000..1b996a89f0
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-116-red-green-or-blue-tiles.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e01000cf542c50fef3
+challengeType: 5
+title: 'Problem 116: Red, green or blue tiles'
+videoUrl: ''
+localeTitle: 'Problema 116: Azulejos vermelhos, verdes ou azuis'
+---
+
+## Description
+<section id="description"> Uma fileira de cinco ladrilhos quadrados pretos deve ter um número de seus ladrilhos substituídos por ladrilhos oblongos coloridos escolhidos de vermelho (comprimento dois), verde (comprimento três) ou azul (comprimento quatro). Se as telhas vermelhas forem escolhidas, existem exatamente sete maneiras de fazer isso. <p> Se as telhas verdes forem escolhidas, existem três maneiras. </p><p> E se azulejos azuis são escolhidos, existem duas maneiras. </p><p> Assumindo que as cores não podem ser misturadas, há 7 + 3 + 2 = 12 maneiras de substituir as telhas pretas em uma fileira medindo cinco unidades de comprimento. Quantas maneiras diferentes as telhas pretas em uma fileira, medindo cinquenta unidades de comprimento, podem ser substituídas se as cores não puderem ser misturadas e pelo menos uma peça colorida tiver que ser usada? NOTA: Isso está relacionado ao problema 117. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler116()</code> deve retornar 20492570929.
+    testString: 'assert.strictEqual(euler116(), 20492570929, "<code>euler116()</code> should return 20492570929.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler116() {
+  // Good luck!
+  return true;
+}
+
+euler116();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-117-red-green-and-blue-tiles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-117-red-green-and-blue-tiles.portuguese.md
new file mode 100644
index 0000000000..651bf3afab
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-117-red-green-and-blue-tiles.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e21000cf542c50fef4
+challengeType: 5
+title: 'Problem 117: Red, green, and blue tiles'
+videoUrl: ''
+localeTitle: 'Problema 117: Telhas Vermelha, Verde e Azul'
+---
+
+## Description
+<section id="description"> Usando uma combinação de ladrilhos quadrados pretos e ladrilhos retangulares escolhidos de: ladrilhos vermelhos medindo duas unidades, ladrilhos verdes medindo três unidades e ladrilhos azuis medindo quatro unidades, é possível ladrilhar uma fileira medindo cinco unidades de comprimento em exatamente quinze maneiras diferentes. <p> Quantas maneiras pode uma fileira medindo cinquenta unidades de comprimento ser revestida? NOTA: Isso está relacionado ao problema 116. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler117()</code> deve retornar 100808458960497.
+    testString: 'assert.strictEqual(euler117(), 100808458960497, "<code>euler117()</code> should return 100808458960497.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler117() {
+  // Good luck!
+  return true;
+}
+
+euler117();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-118-pandigital-prime-sets.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-118-pandigital-prime-sets.portuguese.md
new file mode 100644
index 0000000000..940395d09d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-118-pandigital-prime-sets.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e21000cf542c50fef5
+challengeType: 5
+title: 'Problem 118: Pandigital prime sets'
+videoUrl: ''
+localeTitle: 'Problema 118: conjuntos primos Pandigital'
+---
+
+## Description
+<section id="description"> Usando todos os dígitos de 1 a 9 e concatenando-os livremente para formar inteiros decimais, conjuntos diferentes podem ser formados. Curiosamente, com o conjunto {2,5,47,89,631}, todos os elementos que pertencem a ele são primos. Quantos conjuntos distintos contendo cada um dos dígitos de um a nove, exatamente uma vez, contêm apenas elementos primos? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler118()</code> deve retornar 44680.
+    testString: 'assert.strictEqual(euler118(), 44680, "<code>euler118()</code> should return 44680.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler118() {
+  // Good luck!
+  return true;
+}
+
+euler118();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-119-digit-power-sum.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-119-digit-power-sum.portuguese.md
new file mode 100644
index 0000000000..7bfa0e1257
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-119-digit-power-sum.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e41000cf542c50fef6
+challengeType: 5
+title: 'Problem 119: Digit power sum'
+videoUrl: ''
+localeTitle: 'Problema 119: soma de poder de dígito'
+---
+
+## Description
+<section id="description"> O número 512 é interessante porque é igual à soma de seus dígitos aumentados para alguma potência: 5 + 1 + 2 = 8 e 83 = 512. Outro exemplo de um número com essa propriedade é 614656 = 284. Vamos definir um ser o enésimo termo desta sequência e insistir que um número deve conter pelo menos dois dígitos para ter uma soma. Você recebe a2 = 512 e a10 = 614656. Encontre a30. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler119()</code> deve retornar 248155780267521.
+    testString: 'assert.strictEqual(euler119(), 248155780267521, "<code>euler119()</code> should return 248155780267521.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler119() {
+  // Good luck!
+  return true;
+}
+
+euler119();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-12-highly-divisible-triangular-number.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-12-highly-divisible-triangular-number.portuguese.md
new file mode 100644
index 0000000000..a443b4f77c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-12-highly-divisible-triangular-number.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 5900f3781000cf542c50fe8b
+challengeType: 5
+title: 'Problem 12: Highly divisible triangular number'
+videoUrl: ''
+localeTitle: 'Problema 12: Número triangular altamente divisível'
+---
+
+## Description
+<section id="description"> A seqüência de números do triângulo é gerada pela adição dos números naturais. Então o número do 7º triângulo seria 1 + 2 + 3 + 4 + 5 + 6 + 7 = 28. Os primeiros dez termos seriam: <div style="text-align: center;"> 1, 3, 6, 10, 15, 21, 28, 36, 45, 55, ... </div> Vamos listar os fatores dos primeiros sete números do triângulo: <div style="padding-left: 4em;"> <b>1:</b> 1 </div><div style="padding-left: 4em;"> <b>3:</b> 1, 3 </div><div style="padding-left: 4em;"> <b>6:</b> 1, 2, 3, 6 </div><div style="padding-left: 4em;"> <b>10:</b> 1, 2, 5, 10 </div><div style="padding-left: 4em;"> <b>15:</b> 1, 3, 5, 15 </div><div style="padding-left: 4em;"> <b>21:</b> 1, 3, 7, 21 </div><div style="padding-left: 4em;"> <b>28:</b> 1, 2, 4, 7, 14, 28 </div> Podemos ver que 28 é o primeiro número do triângulo a ter mais de cinco divisores. Qual é o valor do primeiro número do triângulo para ter mais de <code>n</code> divisores? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>divisibleTriangleNumber(5)</code> deve retornar 28.
+    testString: 'assert.strictEqual(divisibleTriangleNumber(5), 28, "<code>divisibleTriangleNumber(5)</code> should return 28.");'
+  - text: <code>divisibleTriangleNumber(23)</code> deve retornar 630.
+    testString: 'assert.strictEqual(divisibleTriangleNumber(23), 630, "<code>divisibleTriangleNumber(23)</code> should return 630.");'
+  - text: <code>divisibleTriangleNumber(167)</code> deve retornar 1385280.
+    testString: 'assert.strictEqual(divisibleTriangleNumber(167), 1385280, "<code>divisibleTriangleNumber(167)</code> should return 1385280.");'
+  - text: <code>divisibleTriangleNumber(374)</code> deve retornar 17907120.
+    testString: 'assert.strictEqual(divisibleTriangleNumber(374), 17907120, "<code>divisibleTriangleNumber(374)</code> should return 17907120.");'
+  - text: <code>divisibleTriangleNumber(500)</code> deve retornar 76576500.
+    testString: 'assert.strictEqual(divisibleTriangleNumber(500), 76576500, "<code>divisibleTriangleNumber(500)</code> should return 76576500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function divisibleTriangleNumber(n) {
+  // Good luck!
+  return true;
+}
+
+divisibleTriangleNumber(500);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-120-square-remainders.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-120-square-remainders.portuguese.md
new file mode 100644
index 0000000000..61ba164572
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-120-square-remainders.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e41000cf542c50fef7
+challengeType: 5
+title: 'Problem 120: Square remainders'
+videoUrl: ''
+localeTitle: 'Problema 120: Restos Quadrados'
+---
+
+## Description
+<section id="description"> Seja r o resto quando (a − 1) n + (a + 1) n é dividido por a2. Por exemplo, se a = 7 en = 3, então r = 42: 63 + 83 = 728 ≡ 42 mod 49. E como n varia, também será r, mas para a = 7 verifica-se que rmax = 42. Para 3 ≤ a ≤ 1000, encontre ∑ rmax. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler120()</code> deve retornar 333082500.
+    testString: 'assert.strictEqual(euler120(), 333082500, "<code>euler120()</code> should return 333082500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler120() {
+  // Good luck!
+  return true;
+}
+
+euler120();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-121-disc-game-prize-fund.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-121-disc-game-prize-fund.portuguese.md
new file mode 100644
index 0000000000..fa2a03fd0e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-121-disc-game-prize-fund.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e51000cf542c50fef8
+challengeType: 5
+title: 'Problem 121: Disc game prize fund'
+videoUrl: ''
+localeTitle: 'Problema 121: Fundo de prêmio do jogo do disco'
+---
+
+## Description
+<section id="description"> Uma bolsa contém um disco vermelho e um disco azul. Em um jogo de azar, um jogador pega um disco aleatoriamente e sua cor é anotada. Após cada turno, o disco é devolvido ao saco, um disco vermelho extra é adicionado e outro disco é retirado aleatoriamente. O jogador paga £ 1 para jogar e ganha se eles pegaram mais discos azuis do que os vermelhos no final do jogo. Se o jogo for jogado por quatro turnos, a probabilidade de um jogador ganhar é exatamente 11/120, e então o prêmio máximo que o banqueiro deve alocar para ganhar neste jogo seria de 10 libras antes que eles esperem incorrer em uma perda. Note que qualquer pagamento será um número inteiro de libras e também inclui o original de £ 1 pago para jogar o jogo, então no exemplo dado o jogador realmente ganha £ 9. Encontre o prêmio máximo que deve ser destinado a um único jogo no qual quinze turnos são jogados. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler121()</code> deve retornar 2269.
+    testString: 'assert.strictEqual(euler121(), 2269, "<code>euler121()</code> should return 2269.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler121() {
+  // Good luck!
+  return true;
+}
+
+euler121();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-122-efficient-exponentiation.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-122-efficient-exponentiation.portuguese.md
new file mode 100644
index 0000000000..ec89f07642
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-122-efficient-exponentiation.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e61000cf542c50fef9
+challengeType: 5
+title: 'Problem 122: Efficient exponentiation'
+videoUrl: ''
+localeTitle: 'Problema 122: Exponenciação eficiente'
+---
+
+## Description
+<section id="description"> A maneira mais ingênua de calcular o n15 requer catorze multiplicações: n × n × ... × n = n15 Mas usando um método &quot;binário&quot; você pode computá-lo em seis multiplicações: n × n = n2n2 × n2 = n4n4 × n4 = n8n8 × n4 = n12n12 × n2 = n14n14 × n = n15 No entanto, ainda é possível calculá-lo em apenas cinco multiplicações: n × n = n2n2 × n = n3n3 × n3 = n6n6 × n6 = n12n12 × n3 = n15 Vamos definir m (k) ser o número mínimo de multiplicações para calcular nk; por exemplo m (15) = 5. Para 1 ≤ k ≤ 200, encontre ∑ m (k). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler122()</code> deve retornar 1582.
+    testString: 'assert.strictEqual(euler122(), 1582, "<code>euler122()</code> should return 1582.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler122() {
+  // Good luck!
+  return true;
+}
+
+euler122();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-123-prime-square-remainders.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-123-prime-square-remainders.portuguese.md
new file mode 100644
index 0000000000..5aee2503b5
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-123-prime-square-remainders.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e71000cf542c50fefa
+challengeType: 5
+title: 'Problem 123: Prime square remainders'
+videoUrl: ''
+localeTitle: 'Problema 123: Resíduos quadrados principais'
+---
+
+## Description
+<section id="description"> Seja pn o nono primo: 2, 3, 5, 7, 11, ..., e seja r o resto quando (pn − 1) n + (pn + 1) n é dividido por pn2. Por exemplo, quando n = 3, p3 = 5 e 43 + 63 = 280 ≡ 5 mod 25. O menor valor de n para o qual o restante excede 109 é 7037. Encontre o menor valor de n para o qual o restante excede primeiro 1010 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler123()</code> deve retornar 21035.
+    testString: 'assert.strictEqual(euler123(), 21035, "<code>euler123()</code> should return 21035.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler123() {
+  // Good luck!
+  return true;
+}
+
+euler123();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-124-ordered-radicals.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-124-ordered-radicals.portuguese.md
new file mode 100644
index 0000000000..df779a4113
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-124-ordered-radicals.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e81000cf542c50fefb
+challengeType: 5
+title: 'Problem 124: Ordered radicals'
+videoUrl: ''
+localeTitle: 'Problema 124: Radicais Ordenados'
+---
+
+## Description
+<section id="description"> O radical de n, rad (n), é o produto dos fatores primos distintos de n. Por exemplo, 504 = 23 × 32 × 7, então rad (504) = 2 × 3 × 7 = 42. Se calcularmos rad (n) para 1 ≤ n ≤ 10, classifique-os em rad (n) e classificando em n se os valores radicais forem iguais, obtemos: Não sorteado <p> Ordenado n rad (n) </p><p> n rad (n) k 11 </p><p> 111 22 </p><p> 222 33 </p><p> 423 42 </p><p> 824 55 </p><p> 335 66 </p><p> 936 77 </p><p> 557 82 </p><p> 668 93 </p><p> 779 1010 </p><p> 101010 Seja E (k) o k-ésimo elemento na coluna n ordenada; por exemplo, E (4) = 8 e E (6) = 9. Se rad (n) for classificado para 1 ≤ n ≤ 100000, localize E (10000). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler124()</code> deve retornar 21417.
+    testString: 'assert.strictEqual(euler124(), 21417, "<code>euler124()</code> should return 21417.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler124() {
+  // Good luck!
+  return true;
+}
+
+euler124();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-125-palindromic-sums.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-125-palindromic-sums.portuguese.md
new file mode 100644
index 0000000000..8c245c2ee3
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-125-palindromic-sums.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e91000cf542c50fefc
+challengeType: 5
+title: 'Problem 125: Palindromic sums'
+videoUrl: ''
+localeTitle: 'Problema 125: somas palindrômicos'
+---
+
+## Description
+<section id="description"> O número palindrômico 595 é interessante porque pode ser escrito como a soma de quadrados consecutivos: 62 + 72 + 82 + 92 + 102 + 112 + 122. Há exatamente onze palíndromos abaixo de um mil que podem ser escritos como somas quadradas consecutivas, e a soma desses palíndromos é 4164. Observe que 1 = 02 + 12 não foi incluído, pois esse problema está relacionado aos quadrados de números inteiros positivos. Encontre a soma de todos os números menores que 108 que são palíndromos e podem ser escritos como a soma de quadrados consecutivos. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler125()</code> deve retornar 2906969179.
+    testString: 'assert.strictEqual(euler125(), 2906969179, "<code>euler125()</code> should return 2906969179.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler125() {
+  // Good luck!
+  return true;
+}
+
+euler125();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-126-cuboid-layers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-126-cuboid-layers.portuguese.md
new file mode 100644
index 0000000000..bc67ffa8d6
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-126-cuboid-layers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ea1000cf542c50fefd
+challengeType: 5
+title: 'Problem 126: Cuboid layers'
+videoUrl: ''
+localeTitle: 'Problema 126: Camadas Cubóides'
+---
+
+## Description
+<section id="description"> O número mínimo de cubos para cobrir todas as faces visíveis em um cubóide medindo 3 x 2 x 1 é vinte e dois. <p> Se adicionarmos uma segunda camada a esse sólido, seriam necessários quarenta e seis cubos para cobrir cada face visível, a terceira camada exigiria setenta e oito cubos e a quarta camada exigiria cem e dezoito cubos para cobrir todas as faces visíveis. . No entanto, a primeira camada em um cubóide medindo 5 x 1 x 1 também requer vinte e dois cubos; da mesma forma, a primeira camada em cubóides medindo 5 x 3 x 1, 7 x 2 x 1 e 11 x 1 x 1, todos contêm quarenta e seis cubos. Vamos definir C (n) para representar o número de cubóides que contêm n cubos em uma de suas camadas. Então C (22) = 2, C (46) = 4, C (78) = 5 e C (118) = 8. Acontece que 154 é o menor valor de n para o qual C (n) = 10. Encontre o menor valor de n para o qual C (n) = 1000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler126()</code> deve retornar 18522.
+    testString: 'assert.strictEqual(euler126(), 18522, "<code>euler126()</code> should return 18522.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler126() {
+  // Good luck!
+  return true;
+}
+
+euler126();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-127-abc-hits.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-127-abc-hits.portuguese.md
new file mode 100644
index 0000000000..496cadfd73
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-127-abc-hits.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ec1000cf542c50fefe
+challengeType: 5
+title: 'Problem 127: abc-hits'
+videoUrl: ''
+localeTitle: 'Problema 127: abc-hits'
+---
+
+## Description
+<section id="description"> O radical de n, rad (n), é o produto de fatores primos distintos de n. Por exemplo, 504 = 23 × 32 × 7, então rad (504) = 2 × 3 × 7 = 42. Devemos definir o trio de inteiros positivos (a, b, c) para ser um acerto de abc se: GCD ( a, b) = GCD (a, c) = GCD (b, c) = 1 a &lt;ba + b = c rad (abc) &lt;c Por exemplo, (5, 27, 32) é um abc-hit, porque : GCD (5, 27) = GCD (5, 32) = GCD (27, 32) = 1 5 &lt;27 5 + 27 = 32 rad (4320) = 30 &lt;32 Acontece que as ocorrências de abc são bastante raras e existem apenas trinta e um abc-hits para c &lt;1000, com ∑c = 12523. Encontre ∑c para c &lt;120000. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler127()</code> deve retornar 18407904.
+    testString: 'assert.strictEqual(euler127(), 18407904, "<code>euler127()</code> should return 18407904.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler127() {
+  // Good luck!
+  return true;
+}
+
+euler127();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-128-hexagonal-tile-differences.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-128-hexagonal-tile-differences.portuguese.md
new file mode 100644
index 0000000000..a36cbc8579
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-128-hexagonal-tile-differences.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ec1000cf542c50feff
+challengeType: 5
+title: 'Problem 128: Hexagonal tile differences'
+videoUrl: ''
+localeTitle: 'Problema 128: Diferenças de ladrilhos hexagonais'
+---
+
+## Description
+<section id="description"> Um azulejo hexagonal com o número 1 é rodeado por um anel de seis azulejos hexagonais, começando às 12 horas e numerando os azulejos de 2 a 7 no sentido anti-horário. Novos anéis são adicionados da mesma forma, com os próximos anéis numerados de 8 a 19, 20 a 37, 38 a 61 e assim por diante. O diagrama abaixo mostra os três primeiros anéis. <p> Ao encontrar a diferença entre o tile n e cada um dos seus seis vizinhos, definiremos PD (n) como o número dessas diferenças que são primos. Por exemplo, trabalhando no sentido horário ao redor do ladrilho 8 as diferenças são 12, 29, 11, 6, 1 e 13. Assim, PD (8) = 3. Da mesma forma, as diferenças em torno do ladrilho 17 são 1, 17, 16, 1. , 11, e 10, portanto, PD (17) = 2. Pode ser mostrado que o valor máximo de PD (n) é 3. Se todas as peças para as quais PD (n) = 3 são listadas em ordem crescente para formar uma seqüência, o 10º bloco seria 271. Encontre o 2000º bloco nesta seqüência. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler128()</code> deve retornar 14516824220.
+    testString: 'assert.strictEqual(euler128(), 14516824220, "<code>euler128()</code> should return 14516824220.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler128() {
+  // Good luck!
+  return true;
+}
+
+euler128();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-129-repunit-divisibility.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-129-repunit-divisibility.portuguese.md
new file mode 100644
index 0000000000..871a328e21
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-129-repunit-divisibility.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ef1000cf542c50ff01
+challengeType: 5
+title: 'Problem 129: Repunit divisibility'
+videoUrl: ''
+localeTitle: 'Problema 129: Repartição da divisibilidade'
+---
+
+## Description
+<section id="description"> Um número consistindo inteiramente de um é chamado de repunit. Vamos definir R (k) para ser uma repunidade de comprimento k; por exemplo, R (6) = 111111. Dado que n é um inteiro positivo e GCD (n, 10) = 1, pode ser mostrado que sempre existe um valor, k, para o qual R (k) é divisível por n e seja A (n) o menor desses valores de k; por exemplo, A (7) = 6 e A (41) = 5. O menor valor de n para o qual A (n) excede primeiro dez é 17. Encontre o menor valor de n para o qual A (n) excede primeiro um milhão. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler129()</code> deve retornar 1000023.
+    testString: 'assert.strictEqual(euler129(), 1000023, "<code>euler129()</code> should return 1000023.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler129() {
+  // Good luck!
+  return true;
+}
+
+euler129();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-13-large-sum.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-13-large-sum.portuguese.md
new file mode 100644
index 0000000000..482ff93e73
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-13-large-sum.portuguese.md
@@ -0,0 +1,179 @@
+---
+id: 5900f37a1000cf542c50fe8c
+challengeType: 5
+title: 'Problem 13: Large sum'
+videoUrl: ''
+localeTitle: 'Problema 13: soma grande'
+---
+
+## Description
+<section id="description"> Calcule os primeiros dez dígitos da soma dos seguintes números de 50 dígitos. <p> 37107287533902102798797998220837590246510135740250 46376937677490009712648124896970078050417018260538 74324986199524741059474233309513058123726617309629 91942213363574161572522430563301811072406154908250 23067588207539346171171980310421047513778063246676 89261670696623633820136378418383684178734361726757 28112879812849979408065481931592621691275889832738 44274228917432520321923589422876796487670272189318 47451445736001306439091167216856844588711603153276 70386486105843025439939619828917593665686757934951 62176457141856560629502157223196586755079324193331 64906352462741904929101432445813822663347944758178 92575867718337217661963751590579239728245598838407 58203565325359399008402633568948830189458628227828 80181199384826282014278194139940567587151170094390 35398664372827112653829987240784473053190104293586 86515506006295864861532075273371959191420517255829 71693888707715466499115593487603532921714970056938 54370070576826684624621495650076471787294438377604 5328265410875682844319119063469 4037855217779295145 36123272525000296071075082563815656710885258350721 45876576172410976447339110607218265236877223636045 17423706905851860660448207621209813287860733969412 81142660418086830619328460811191061556940512689692 51934325451728388641918047049293215058642563049483 62467221648435076201727918039944693004732956340691 15732444386908125794514089057706229429197107928209 55037687525678773091862540744969844508330393682126 18336384825330154686196124348767681297534375946515 80386287592878490201521685554828717201219257766954 78182833757993103614740356856449095527097864797581 16726320100436897842553539920931837441497806860984 48403098129077791799088218795327364475675590848030 87086987551392711854517078544161852424320693150332 59959406895756536782107074926966537676326235447210 69793950679652694742597709739166693763042633987085 41052684708299085211399427365734116182760315001271 65378607361501080857009149939512557028198746004375 35829035317434717326932123578154982629742552737307 94953759765 105305946966067683156574377167401875275 88902802571733229619176668713819931811048770190271 25267680276078003013678680992525463401061632866526 36270218540497705585629946580636237993140746255962 24074486908231174977792365466257246923322810917141 91430288197103288597806669760892938638285025333403 34413065578016127815921815005561868836468420090470 23053081172816430487623791969842487255036638784583 11487696932154902810424020138335124462181441773470 63783299490636259666498587618221225225512486764533 67720186971698544312419572409913959008952310058822 95548255300263520781532296796249481641953868218774 76085327132285723110424803456124867697064507995236 37774242535411291684276865538926205024910326572967 23701913275725675285653248258265463092207058596522 29798860272258331913126375147341994889534765745501 18495701454879288984856827726077713721403798879715 38298203783031473527721580348144513491373226651381 34829543829199918180278916522431027392251122869539 409579530664052326325380441000596549391598 79593635 29746152185502371307642255121183693803580388584903 41698116222072977186158236678424689157993532961922 62467957194401269043877107275048102390895523597457 23189706772547915061505504953922979530901129967519 86188088225875314529584099251203829009407770775672 11306739708304724483816533873502340845647058077308 82959174767140363198008187129011875491310547126581 97623331044818386269515456334926366572897563400500 42846280183517070527831839425882145521227251250327 55121603546981200581762165212827652751691296897789 32238195734329339946437501907836945765883352399886 75506164965184775180738168837861091527357929701337 62177842752192623401942399639168044983993173312731 32924185707147349566916674687634660915035914677504 99518671430235219628894890102423325116913619626622 73267460800591547471830798392868535206946944540724 76841822524674417161514036427982273348055556214818 97142617910342598647204516893989422179826088076852 87783646182799346313767754307809363333018982642090 1084880252167467088321 5120185883543223812876952786 71329612474782464538636993009049310363619763878039 62184073572399794223406235393808339651327408011116 66627891981488087797941876876144230030984490851411 60661826293682836764744779239180335110989069790714 85786944089552990653640447425576083659976645795096 66024396409905389607120198219976047599490197230297 64913982680032973156037120041377903785566085089252 16730939319872750275468906903707539413042652315011 94809377245048795150954100921645863754710598436791 78639167021187492431995700641917969777599028300699 15368713711936614952811305876380278410754449733078 40789923115535562561142322423255033685442488917353 44889911501440648020369068063960672322193204149535 41503128880339536053299340368006977710650566631954 81234880673210146739058568557934581403627822703280 82616570773948327592232845941706525094512325230608 22918802058777319719839450180888072429661980811197 77158542502016545090413245809786882778948721859617 72107838435069186155435662884062257473692284509516 20 849603980134001723930671666823555245252804609722 53503534226472524250874054075591789781264330331690 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>largeSum(testNums)</code> deve retornar 8348422521.
+    testString: 'assert.strictEqual(largeSum(testNums), 8348422521, "<code>largeSum(testNums)</code> should return 8348422521.");'
+  - text: <code>largeSum(fiftyDigitNums)</code> deve retornar 5537376230.
+    testString: 'assert.strictEqual(largeSum(fiftyDigitNums), 5537376230, "<code>largeSum(fiftyDigitNums)</code> should return 5537376230.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largeSum(arr) {
+  // Good luck!
+  return true;
+}
+
+// only change code above this line
+
+const testNums = [
+  '37107287533902102798797998220837590246510135740250',
+  '46376937677490009712648124896970078050417018260538'
+];
+
+largeSum(testNums);
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+const fiftyDigitNums = [
+  '37107287533902102798797998220837590246510135740250',
+  '46376937677490009712648124896970078050417018260538',
+  '74324986199524741059474233309513058123726617309629',
+  '91942213363574161572522430563301811072406154908250',
+  '23067588207539346171171980310421047513778063246676',
+  '89261670696623633820136378418383684178734361726757',
+  '28112879812849979408065481931592621691275889832738',
+  '44274228917432520321923589422876796487670272189318',
+  '47451445736001306439091167216856844588711603153276',
+  '70386486105843025439939619828917593665686757934951',
+  '62176457141856560629502157223196586755079324193331',
+  '64906352462741904929101432445813822663347944758178',
+  '92575867718337217661963751590579239728245598838407',
+  '58203565325359399008402633568948830189458628227828',
+  '80181199384826282014278194139940567587151170094390',
+  '35398664372827112653829987240784473053190104293586',
+  '86515506006295864861532075273371959191420517255829',
+  '71693888707715466499115593487603532921714970056938',
+  '54370070576826684624621495650076471787294438377604',
+  '53282654108756828443191190634694037855217779295145',
+  '36123272525000296071075082563815656710885258350721',
+  '45876576172410976447339110607218265236877223636045',
+  '17423706905851860660448207621209813287860733969412',
+  '81142660418086830619328460811191061556940512689692',
+  '51934325451728388641918047049293215058642563049483',
+  '62467221648435076201727918039944693004732956340691',
+  '15732444386908125794514089057706229429197107928209',
+  '55037687525678773091862540744969844508330393682126',
+  '18336384825330154686196124348767681297534375946515',
+  '80386287592878490201521685554828717201219257766954',
+  '78182833757993103614740356856449095527097864797581',
+  '16726320100436897842553539920931837441497806860984',
+  '48403098129077791799088218795327364475675590848030',
+  '87086987551392711854517078544161852424320693150332',
+  '59959406895756536782107074926966537676326235447210',
+  '69793950679652694742597709739166693763042633987085',
+  '41052684708299085211399427365734116182760315001271',
+  '65378607361501080857009149939512557028198746004375',
+  '35829035317434717326932123578154982629742552737307',
+  '94953759765105305946966067683156574377167401875275',
+  '88902802571733229619176668713819931811048770190271',
+  '25267680276078003013678680992525463401061632866526',
+  '36270218540497705585629946580636237993140746255962',
+  '24074486908231174977792365466257246923322810917141',
+  '91430288197103288597806669760892938638285025333403',
+  '34413065578016127815921815005561868836468420090470',
+  '23053081172816430487623791969842487255036638784583',
+  '11487696932154902810424020138335124462181441773470',
+  '63783299490636259666498587618221225225512486764533',
+  '67720186971698544312419572409913959008952310058822',
+  '95548255300263520781532296796249481641953868218774',
+  '76085327132285723110424803456124867697064507995236',
+  '37774242535411291684276865538926205024910326572967',
+  '23701913275725675285653248258265463092207058596522',
+  '29798860272258331913126375147341994889534765745501',
+  '18495701454879288984856827726077713721403798879715',
+  '38298203783031473527721580348144513491373226651381',
+  '34829543829199918180278916522431027392251122869539',
+  '40957953066405232632538044100059654939159879593635',
+  '29746152185502371307642255121183693803580388584903',
+  '41698116222072977186158236678424689157993532961922',
+  '62467957194401269043877107275048102390895523597457',
+  '23189706772547915061505504953922979530901129967519',
+  '86188088225875314529584099251203829009407770775672',
+  '11306739708304724483816533873502340845647058077308',
+  '82959174767140363198008187129011875491310547126581',
+  '97623331044818386269515456334926366572897563400500',
+  '42846280183517070527831839425882145521227251250327',
+  '55121603546981200581762165212827652751691296897789',
+  '32238195734329339946437501907836945765883352399886',
+  '75506164965184775180738168837861091527357929701337',
+  '62177842752192623401942399639168044983993173312731',
+  '32924185707147349566916674687634660915035914677504',
+  '99518671430235219628894890102423325116913619626622',
+  '73267460800591547471830798392868535206946944540724',
+  '76841822524674417161514036427982273348055556214818',
+  '97142617910342598647204516893989422179826088076852',
+  '87783646182799346313767754307809363333018982642090',
+  '10848802521674670883215120185883543223812876952786',
+  '71329612474782464538636993009049310363619763878039',
+  '62184073572399794223406235393808339651327408011116',
+  '66627891981488087797941876876144230030984490851411',
+  '60661826293682836764744779239180335110989069790714',
+  '85786944089552990653640447425576083659976645795096',
+  '66024396409905389607120198219976047599490197230297',
+  '64913982680032973156037120041377903785566085089252',
+  '16730939319872750275468906903707539413042652315011',
+  '94809377245048795150954100921645863754710598436791',
+  '78639167021187492431995700641917969777599028300699',
+  '15368713711936614952811305876380278410754449733078',
+  '40789923115535562561142322423255033685442488917353',
+  '44889911501440648020369068063960672322193204149535',
+  '41503128880339536053299340368006977710650566631954',
+  '81234880673210146739058568557934581403627822703280',
+  '82616570773948327592232845941706525094512325230608',
+  '22918802058777319719839450180888072429661980811197',
+  '77158542502016545090413245809786882778948721859617',
+  '72107838435069186155435662884062257473692284509516',
+  '20849603980134001723930671666823555245252804609722',
+  '53503534226472524250874054075591789781264330331690'
+];
+
+const testNums = [
+  '37107287533902102798797998220837590246510135740250',
+  '46376937677490009712648124896970078050417018260538'
+];
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-130-composites-with-prime-repunit-property.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-130-composites-with-prime-repunit-property.portuguese.md
new file mode 100644
index 0000000000..25aa406391
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-130-composites-with-prime-repunit-property.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ee1000cf542c50ff00
+challengeType: 5
+title: 'Problem 130: Composites with prime repunit property'
+videoUrl: ''
+localeTitle: 'Problema 130: Compostos com propriedade de repunho principal'
+---
+
+## Description
+<section id="description"> Um número consistindo inteiramente de um é chamado de repunit. Vamos definir R (k) para ser uma repunidade de comprimento k; por exemplo, R (6) = 111111. Dado que n é um inteiro positivo e GCD (n, 10) = 1, pode ser mostrado que sempre existe um valor, k, para o qual R (k) é divisível por n e seja A (n) o menor desses valores de k; por exemplo, A (7) = 6 e A (41) = 5. Está dado a todos os primos, p&gt; 5, que p - 1 é divisível por A (p). Por exemplo, quando p = 41, A (41) = 5 e 40 é divisível por 5. No entanto, há valores compostos raros para os quais isso também é verdadeiro; os primeiros cinco exemplos são 91, 259, 451, 481 e 703. Encontre a soma dos primeiros vinte e cinco valores compostos de n para os quais GCD (n, 10) = 1 e n - 1 é divisível por A (n). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler130()</code> deve retornar 149253.
+    testString: 'assert.strictEqual(euler130(), 149253, "<code>euler130()</code> should return 149253.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler130() {
+  // Good luck!
+  return true;
+}
+
+euler130();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-131-prime-cube-partnership.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-131-prime-cube-partnership.portuguese.md
new file mode 100644
index 0000000000..9e5cecdf25
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-131-prime-cube-partnership.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ef1000cf542c50ff02
+challengeType: 5
+title: 'Problem 131: Prime cube partnership'
+videoUrl: ''
+localeTitle: 'Problema 131: parceria de cubo principal'
+---
+
+## Description
+<section id="description"> Existem alguns valores primos, p, para os quais existe um inteiro positivo, n, tal que a expressão n3 + n2p é um cubo perfeito. Por exemplo, quando p = 19, 83 + 82 × 19 = 123. O que talvez seja mais surpreendente é que para cada primo com essa propriedade o valor de n é único, e há apenas quatro primos abaixo de cem. Quantos primos abaixo de um milhão têm essa propriedade notável? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler131()</code> deve retornar 173.
+    testString: 'assert.strictEqual(euler131(), 173, "<code>euler131()</code> should return 173.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler131() {
+  // Good luck!
+  return true;
+}
+
+euler131();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-132-large-repunit-factors.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-132-large-repunit-factors.portuguese.md
new file mode 100644
index 0000000000..06f4035dbb
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-132-large-repunit-factors.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f11000cf542c50ff03
+challengeType: 5
+title: 'Problem 132: Large repunit factors'
+videoUrl: ''
+localeTitle: 'Problema 132: Grandes fatores repostos'
+---
+
+## Description
+<section id="description"> Um número consistindo inteiramente de um é chamado de repunit. Vamos definir R (k) para ser uma repunidade de comprimento k. Por exemplo, R (10) = 1111111111 = 11 × 41 × 271 × 9091, e a soma desses fatores primos é 9414. Encontre a soma dos primeiros quarenta fatores primos de R (109). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler132()</code> deve retornar 843296.
+    testString: 'assert.strictEqual(euler132(), 843296, "<code>euler132()</code> should return 843296.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler132() {
+  // Good luck!
+  return true;
+}
+
+euler132();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-133-repunit-nonfactors.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-133-repunit-nonfactors.portuguese.md
new file mode 100644
index 0000000000..64f6432028
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-133-repunit-nonfactors.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f21000cf542c50ff04
+challengeType: 5
+title: 'Problem 133: Repunit nonfactors'
+videoUrl: ''
+localeTitle: 'Problema 133: Não Fatores Repunit'
+---
+
+## Description
+<section id="description"> Um número consistindo inteiramente de um é chamado de repunit. Vamos definir R (k) para ser uma repunidade de comprimento k; por exemplo, R (6) = 111111. Vamos considerar as republicações da forma R (10n). Embora R (10), R (100) ou R (1000) não sejam divisíveis por 17, R (10000) é divisível por 17. No entanto, não há valor de n para o qual R (10n) irá dividir por 19. De fato, é notável que 11, 17, 41 e 73 sejam os únicos quatro primos abaixo de cem que podem ser um fator de R (10n). Encontre a soma de todos os primos abaixo de cem mil que nunca serão um fator de R (10n). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler133()</code> deve retornar 453647705.
+    testString: 'assert.strictEqual(euler133(), 453647705, "<code>euler133()</code> should return 453647705.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler133() {
+  // Good luck!
+  return true;
+}
+
+euler133();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-134-prime-pair-connection.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-134-prime-pair-connection.portuguese.md
new file mode 100644
index 0000000000..88ebc8c9b9
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-134-prime-pair-connection.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f21000cf542c50ff05
+challengeType: 5
+title: 'Problem 134: Prime pair connection'
+videoUrl: ''
+localeTitle: 'Problema 134: Conexão do par principal'
+---
+
+## Description
+<section id="description"> Considere os primos consecutivos p1 = 19 e p2 = 23. Pode-se verificar que 1219 é o menor número de tal forma que os últimos dígitos são formados por p1 enquanto também são divisíveis por p2. De fato, com exceção de p1 = 3 e p2 = 5, para cada par de primos consecutivos, p2&gt; p1, existem valores de n para os quais os últimos dígitos são formados por p1 en é divisível por p2. Seja S o menor desses valores de n. Encontre ∑ S para cada par de primos consecutivos com 5 ≤ p1 ≤ 1000000. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler134()</code> deve retornar 18613426663617120.
+    testString: 'assert.strictEqual(euler134(), 18613426663617120, "<code>euler134()</code> should return 18613426663617120.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler134() {
+  // Good luck!
+  return true;
+}
+
+euler134();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-135-same-differences.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-135-same-differences.portuguese.md
new file mode 100644
index 0000000000..b1a00fd2cc
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-135-same-differences.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f31000cf542c50ff06
+challengeType: 5
+title: 'Problem 135: Same differences'
+videoUrl: ''
+localeTitle: 'Problema 135: as mesmas diferenças'
+---
+
+## Description
+<section id="description"> Dados os inteiros positivos, x, ye z são termos consecutivos de uma progressão aritmética, o menor valor do inteiro positivo, n, para o qual a equação, x2 - y2 - z2 = n, tem exatamente duas soluções é n = 27: 342 - 272 - 202 = 122 - 92 - 62 = 27 Acontece que n = 1155 é o menor valor que tem exatamente dez soluções. Quantos valores de n menos de um milhão têm exatamente dez soluções distintas? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler135()</code> deve retornar 4989.
+    testString: 'assert.strictEqual(euler135(), 4989, "<code>euler135()</code> should return 4989.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler135() {
+  // Good luck!
+  return true;
+}
+
+euler135();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-136-singleton-difference.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-136-singleton-difference.portuguese.md
new file mode 100644
index 0000000000..defed705d2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-136-singleton-difference.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f51000cf542c50ff07
+challengeType: 5
+title: 'Problem 136: Singleton difference'
+videoUrl: ''
+localeTitle: 'Problema 136: Diferença Singleton'
+---
+
+## Description
+<section id="description"> Os inteiros positivos, x, y e z são termos consecutivos de uma progressão aritmética. Dado que n é um inteiro positivo, a equação, x2 - y2 - z2 = n, tem exatamente uma solução quando n = 20: 132 - 102 - 72 = 20 De fato, há vinte e cinco valores de n abaixo de cem para os quais a equação tem uma solução única. Quantos valores de n menos de cinquenta milhões têm exatamente uma solução? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler136()</code> deve retornar 2544559.
+    testString: 'assert.strictEqual(euler136(), 2544559, "<code>euler136()</code> should return 2544559.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler136() {
+  // Good luck!
+  return true;
+}
+
+euler136();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.portuguese.md
new file mode 100644
index 0000000000..ef0d4c0b82
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f51000cf542c50ff08
+challengeType: 5
+title: 'Problem 137: Fibonacci golden nuggets'
+videoUrl: ''
+localeTitle: 'Problema 137: pepitas de ouro Fibonacci'
+---
+
+## Description
+<section id="description"> Considere a série polinomial infinita AF (x) = xF1 + x2F2 + x3F3 + ..., onde Fk é o k-ésimo termo na seqüência de Fibonacci: 1, 1, 2, 3, 5, 8, ...; isto é, Fk = Fk − 1 + Fk − 2, F1 = 1 e F2 = 1. Para este problema, estaremos interessados ​​em valores de x para os quais AF (x) é um inteiro positivo. Surpreendentemente AF (1/2) = (1/2) .1 + (1/2) 2.1 + (1/2) 3.2 + (1/2) 4.3 + (1/2) 5.5 + ... <p> = 1/2 + 1/4 + 2/8 + 3/16 + 5/32 + ... </p><p> = 2 Os valores correspondentes de x para os primeiros cinco números naturais são mostrados abaixo. </p><p> xAF (x) −2−11 1/22 (√13−2) / 33 (√89−5) / 84 (√34−3) / 55 </p><p> Nós chamaremos AF (x) uma pepita de ouro se x for racional, porque eles se tornam cada vez mais raros; por exemplo, a décima pepita de ouro é 74049690. Encontre a 15ª pepita de ouro. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler137()</code> deve retornar 1120149658760.
+    testString: 'assert.strictEqual(euler137(), 1120149658760, "<code>euler137()</code> should return 1120149658760.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler137() {
+  // Good luck!
+  return true;
+}
+
+euler137();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-138-special-isosceles-triangles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-138-special-isosceles-triangles.portuguese.md
new file mode 100644
index 0000000000..a1d8807a79
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-138-special-isosceles-triangles.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f61000cf542c50ff09
+challengeType: 5
+title: 'Problem 138: Special isosceles triangles'
+videoUrl: ''
+localeTitle: 'Problema 138: Triângulos Isósceles Especiais'
+---
+
+## Description
+<section id="description"> Considere o triângulo isósceles com comprimento de base, b = 16 e pernas, L = 17. <p> Usando o teorema de Pitágoras pode ser visto que a altura do triângulo, h = √ (172 - 82) = 15, que é um menor que o comprimento base. Com b = 272 e L = 305, obtemos h = 273, que é um a mais que o comprimento base, e este é o segundo menor triângulo isósceles com a propriedade que h = b ± 1. Encontre ∑ L para os doze menores isósceles triângulos para os quais h = b ± 1 e b, L são inteiros positivos. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler138()</code> deve retornar 1118049290473932.
+    testString: 'assert.strictEqual(euler138(), 1118049290473932, "<code>euler138()</code> should return 1118049290473932.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler138() {
+  // Good luck!
+  return true;
+}
+
+euler138();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-139-pythagorean-tiles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-139-pythagorean-tiles.portuguese.md
new file mode 100644
index 0000000000..42af03d57c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-139-pythagorean-tiles.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f71000cf542c50ff0a
+challengeType: 5
+title: 'Problem 139: Pythagorean tiles'
+videoUrl: ''
+localeTitle: 'Problema 139: Telhas Pitagóricas'
+---
+
+## Description
+<section id="description"> Seja (a, b, c) representar os três lados de um triângulo de ângulo reto com lados de comprimento integral. É possível colocar quatro desses triângulos juntos para formar um quadrado com comprimento c. Por exemplo, triângulos (3, 4, 5) podem ser colocados juntos para formar um quadrado de 5 por 5 com um buraco de 1 por 1 no meio e pode ser visto que o quadrado de 5 por 5 pode ser revestido com vinte e cinco 1 por 1 quadrados. <p> No entanto, se triângulos (5, 12, 13) fossem usados, o buraco mediria 7 por 7 e estes não poderiam ser usados ​​para marcar o 13 por 13 quadrados. Dado que o perímetro do triângulo retângulo é inferior a cem milhões, quantos triângulos pitagóricos permitiriam que esse mosaico acontecesse? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler139()</code> deve retornar 10057761.
+    testString: 'assert.strictEqual(euler139(), 10057761, "<code>euler139()</code> should return 10057761.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler139() {
+  // Good luck!
+  return true;
+}
+
+euler139();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-14-longest-collatz-sequence.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-14-longest-collatz-sequence.portuguese.md
new file mode 100644
index 0000000000..a078ed1e02
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-14-longest-collatz-sequence.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 5900f37a1000cf542c50fe8d
+challengeType: 5
+title: 'Problem 14: Longest Collatz sequence'
+videoUrl: ''
+localeTitle: 'Problema 14: Maior Sequência Collatz'
+---
+
+## Description
+<section id="description"> A sequência iterativa a seguir é definida para o conjunto de inteiros positivos: <div style="padding-left: 4em;"> <var>n</var> → <var>n</var> / 2 ( <var>n</var> é par) </div><div style="padding-left: 4em;"> <var>n</var> → 3 <var>n</var> + 1 ( <var>n</var> é ímpar) </div> Usando a regra acima e começando com 13, geramos a seguinte sequência: <div style="text-align: center;"> 13 → 40 → 20 → 10 → 5 → 16 → 8 → 4 → 2 → 1 </div> Pode ser visto que esta sequência (começando em 13 e terminando em 1) contém 10 termos. Embora ainda não tenha sido provado (Problema de Collatz), acredita-se que todos os números iniciais terminem em 1. Qual número inicial, abaixo do <code>limit</code> dado, produz a cadeia mais longa? NOTA: Uma vez que a cadeia comece, os termos podem ultrapassar um milhão. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>longestCollatzSequence(14)</code> deve retornar 9.
+    testString: 'assert.strictEqual(longestCollatzSequence(14), 9, "<code>longestCollatzSequence(14)</code> should return 9.");'
+  - text: <code>longestCollatzSequence(5847)</code> deve retornar 3711.
+    testString: 'assert.strictEqual(longestCollatzSequence(5847), 3711, "<code>longestCollatzSequence(5847)</code> should return 3711.");'
+  - text: <code>longestCollatzSequence(46500)</code> deve retornar 35655.
+    testString: 'assert.strictEqual(longestCollatzSequence(46500), 35655, "<code>longestCollatzSequence(46500)</code> should return 35655.");'
+  - text: <code>longestCollatzSequence(54512)</code> deve retornar 52527.
+    testString: 'assert.strictEqual(longestCollatzSequence(54512), 52527, "<code>longestCollatzSequence(54512)</code> should return 52527.");'
+  - text: <code>longestCollatzSequence(1000000)</code> deve retornar 837799.
+    testString: 'assert.strictEqual(longestCollatzSequence(1000000), 837799, "<code>longestCollatzSequence(1000000)</code> should return 837799.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function longestCollatzSequence(limit) {
+  // Good luck!
+  return true;
+}
+
+longestCollatzSequence(14);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-140-modified-fibonacci-golden-nuggets.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-140-modified-fibonacci-golden-nuggets.portuguese.md
new file mode 100644
index 0000000000..2cc252ced2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-140-modified-fibonacci-golden-nuggets.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3fa1000cf542c50ff0c
+challengeType: 5
+title: 'Problem 140: Modified Fibonacci golden nuggets'
+videoUrl: ''
+localeTitle: 'Problema 140: Pepitas de Fibonacci Modificadas'
+---
+
+## Description
+<section id="description"> Considere a série polinomial infinita AG (x) = xG1 + x2G2 + x3G3 + ..., onde Gk é o k-ésimo termo da relação de recorrência de segunda ordem Gk = Gk − 1 + Gk − 2, G1 = 1 e G2 = 4; isto é, 1, 4, 5, 9, 14, 23, .... Para este problema, devemos nos preocupar com valores de x para os quais AG (x) é um inteiro positivo. Os valores correspondentes de x para os primeiros cinco números naturais são mostrados abaixo. <p> xAG (x) (√5−1) / 41 2/52 (√22−2) / 63 (√137−5) / 144 1/25 </p><p> Chamaremos AG (x) de pepita de ouro se x for racional, porque eles se tornarão cada vez mais raros; por exemplo, a 20ª pepita de ouro é 211345365. Encontre a soma das primeiras trinta pepitas de ouro. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler140()</code> deve retornar 5673835352990.
+    testString: 'assert.strictEqual(euler140(), 5673835352990, "<code>euler140()</code> should return 5673835352990.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler140() {
+  // Good luck!
+  return true;
+}
+
+euler140();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-141-investigating-progressive-numbers-n-which-are-also-square.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-141-investigating-progressive-numbers-n-which-are-also-square.portuguese.md
new file mode 100644
index 0000000000..fc03ca622a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-141-investigating-progressive-numbers-n-which-are-also-square.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f91000cf542c50ff0b
+challengeType: 5
+title: 'Problem 141: Investigating progressive numbers, n, which are also square'
+videoUrl: ''
+localeTitle: 'Problema 141: Investigando números progressivos, n, que também são quadrados'
+---
+
+## Description
+<section id="description"> Um inteiro positivo, n, é dividido por d e o quociente e o resto são q e r, respectivamente. Além disso, d, q e r são termos inteiros positivos consecutivos em uma sequência geométrica, mas não necessariamente nessa ordem. Por exemplo, 58 dividido por 6 tem o quociente 9 e o restante 4. Também pode ser visto que 4, 6, 9 são termos consecutivos em uma sequência geométrica (proporção comum 3/2). Nós chamaremos esses números, n, progressivos. Alguns números progressivos, como 9 e 10404 = 1022, também são quadrados perfeitos. A soma de todos os quadrados perfeitos progressivos abaixo de cem mil é 124657. Encontre a soma de todos os quadrados perfeitos progressivos abaixo de um trilhão (1012). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler141()</code> deve retornar 878454337159.
+    testString: 'assert.strictEqual(euler141(), 878454337159, "<code>euler141()</code> should return 878454337159.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler141() {
+  // Good luck!
+  return true;
+}
+
+euler141();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-142-perfect-square-collection.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-142-perfect-square-collection.portuguese.md
new file mode 100644
index 0000000000..249aa97663
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-142-perfect-square-collection.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3fa1000cf542c50ff0d
+challengeType: 5
+title: 'Problem 142: Perfect Square Collection'
+videoUrl: ''
+localeTitle: 'Problema 142: Coleção Quadrada Perfeita'
+---
+
+## Description
+<section id="description"> Encontre o menor x + y + z com inteiros x&gt; y&gt; z&gt; 0 tal que x + y, x - y, x + z, x - z, y + z, y - z são todos quadrados perfeitos. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler142()</code> deve retornar 1006193.
+    testString: 'assert.strictEqual(euler142(), 1006193, "<code>euler142()</code> should return 1006193.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler142() {
+  // Good luck!
+  return true;
+}
+
+euler142();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-143-investigating-the-torricelli-point-of-a-triangle.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-143-investigating-the-torricelli-point-of-a-triangle.portuguese.md
new file mode 100644
index 0000000000..77d5a54619
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-143-investigating-the-torricelli-point-of-a-triangle.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3fc1000cf542c50ff0e
+challengeType: 5
+title: 'Problem 143: Investigating the Torricelli point of a triangle'
+videoUrl: ''
+localeTitle: 'Problema 143: Investigando o ponto Torricelli de um triângulo'
+---
+
+## Description
+<section id="description"> Seja ABC um triângulo com todos os ângulos internos menores que 120 graus. Seja X qualquer ponto dentro do triângulo e deixe XA = p, XC = q e XB = r. Fermat desafiou Torricelli a encontrar a posição de X tal que p + q + r fosse minimizado. Torricelli conseguiu provar que, se os triângulos equiláteros AOB, BNC e AMC forem construídos de cada lado do triângulo ABC, os círculos circunscritos de AOB, BNC e AMC se interceptarão em um único ponto, T, dentro do triângulo. Além disso, ele provou que T, chamado de ponto Torricelli / Fermat, minimiza p + q + r. Ainda mais notável, pode ser mostrado que quando a soma é minimizada, AN = BM = CO = p + q + r e que AN, BM e CO também se interceptam em T. <p> Se a soma é minimizada e a, b, c, p, q e r são todos inteiros positivos, devemos chamar o triângulo ABC de triângulo Torricelli. Por exemplo, a = 399, b = 455, c = 511 é um exemplo de um triângulo de Torricelli, com p + q + r = 784. Encontre a soma de todos os valores distintos de p + q + r ≤ 120000 para triângulos de Torricelli. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler143()</code> deve retornar 30758397.
+    testString: 'assert.strictEqual(euler143(), 30758397, "<code>euler143()</code> should return 30758397.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler143() {
+  // Good luck!
+  return true;
+}
+
+euler143();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-144-investigating-multiple-reflections-of-a-laser-beam.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-144-investigating-multiple-reflections-of-a-laser-beam.portuguese.md
new file mode 100644
index 0000000000..d7db3d43bb
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-144-investigating-multiple-reflections-of-a-laser-beam.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3fc1000cf542c50ff0f
+challengeType: 5
+title: 'Problem 144: Investigating multiple reflections of a laser beam'
+videoUrl: ''
+localeTitle: 'Problema 144: Investigando múltiplos reflexos de um raio laser'
+---
+
+## Description
+<section id="description"> Na física do laser, uma &quot;célula branca&quot; é um sistema de espelho que atua como uma linha de atraso para o feixe de laser. O feixe entra na célula, salta nos espelhos e, eventualmente, retorna. A célula branca específica que iremos considerar é uma elipse com a equação 4x2 + y2 = 100 A seção correspondente a −0.01 ≤ x ≤ +0.01 na parte superior está faltando, permitindo que a luz entre e saia através do orifício. <p> O feixe de luz neste problema começa no ponto (0.0,10.1) do lado de fora da célula branca, e o feixe primeiro impacta o espelho em (1.4, -9.6). Cada vez que o feixe de laser atinge a superfície da elipse, segue a lei usual de reflexão &quot;ângulo de incidência é igual a ângulo de reflexão&quot;. Ou seja, os feixes incidentes e refletidos fazem o mesmo ângulo com a linha normal no ponto de incidência. Na figura à esquerda, a linha vermelha mostra os dois primeiros pontos de contato entre o raio laser e a parede da célula branca; a linha azul mostra a linha tangente à elipse no ponto de incidência do primeiro salto. A inclinação m da linha tangente em qualquer ponto (x, y) da elipse dada é: m = −4x / yA linha normal é perpendicular a essa linha tangente no ponto de incidência. A animação à direita mostra os primeiros 10 reflexos do feixe. </p><p> Quantas vezes o feixe atingiu a superfície interna da célula branca antes de sair? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler144()</code> deve retornar 354.
+    testString: 'assert.strictEqual(euler144(), 354, "<code>euler144()</code> should return 354.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler144() {
+  // Good luck!
+  return true;
+}
+
+euler144();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-145-how-many-reversible-numbers-are-there-below-one-billion.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-145-how-many-reversible-numbers-are-there-below-one-billion.portuguese.md
new file mode 100644
index 0000000000..646cc15d05
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-145-how-many-reversible-numbers-are-there-below-one-billion.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3fd1000cf542c50ff10
+challengeType: 5
+title: 'Problem 145: How many reversible numbers are there below one-billion?'
+videoUrl: ''
+localeTitle: 'Problema 145: Quantos números reversíveis existem abaixo de um bilhão?'
+---
+
+## Description
+<section id="description"> Alguns inteiros positivos n têm a propriedade que a soma [n + reverso (n)] consiste inteiramente em dígitos ímpares (decimais). Por exemplo, 36 + 63 = 99 e 409 + 904 = 1313. Chamaremos esses números de reversíveis; então 36, 63, 409 e 904 são reversíveis. Zeros à esquerda não são permitidos em n ou reverso (n). <p> Existem 120 números reversíveis abaixo de um mil. </p><p> Quantos números reversíveis existem abaixo de um bilhão (109)? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler145()</code> deve retornar 608720.
+    testString: 'assert.strictEqual(euler145(), 608720, "<code>euler145()</code> should return 608720.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler145() {
+  // Good luck!
+  return true;
+}
+
+euler145();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-146-investigating-a-prime-pattern.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-146-investigating-a-prime-pattern.portuguese.md
new file mode 100644
index 0000000000..aea9a3ee7b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-146-investigating-a-prime-pattern.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3fe1000cf542c50ff11
+challengeType: 5
+title: 'Problem 146: Investigating a Prime Pattern'
+videoUrl: ''
+localeTitle: 'Problema 146: Investigando um Padrão Prime'
+---
+
+## Description
+<section id="description"> O menor inteiro positivo n para o qual os números n2 + 1, n2 + 3, n2 + 7, n2 + 9, n2 + 13 e n2 + 27 são primos consecutivos é 10. A soma de todos esses inteiros n é inferior a um milhão é 1242490. <p> Qual é a soma de todos esses inteiros abaixo de 150 milhões? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler146()</code> deve retornar 676333270.
+    testString: 'assert.strictEqual(euler146(), 676333270, "<code>euler146()</code> should return 676333270.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler146() {
+  // Good luck!
+  return true;
+}
+
+euler146();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-147-rectangles-in-cross-hatched-grids.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-147-rectangles-in-cross-hatched-grids.portuguese.md
new file mode 100644
index 0000000000..2ebb5423ae
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-147-rectangles-in-cross-hatched-grids.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ff1000cf542c50ff12
+challengeType: 5
+title: 'Problem 147: Rectangles in cross-hatched grids'
+videoUrl: ''
+localeTitle: 'Problema 147: Retângulos em grades hachuradas'
+---
+
+## Description
+<section id="description"> Em uma grade reticulada de 3x2, um total de 37 retângulos diferentes poderia estar dentro dessa grade, conforme indicado no esboço. <p> Existem 5 redes menores que 3x2, sendo importantes as dimensões vertical e horizontal, ou seja, 1x1, 2x1, 3x1, 1x2 e 2x2. Se cada um deles é hachurado, o seguinte número de diferentes retângulos pode ser situado dentro dessas redes menores: 1x1: 1 2x1: 4 3x1: 8 1x2: 4 2x2: 18 </p><p> Adicionando-os ao 37 da grade de 3x2, um total de 72 retângulos diferentes poderia estar situado dentro de redes 3x2 e menores. </p><p> Quantos retângulos diferentes poderiam estar situados dentro de grades de 47x43 e menores? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler147()</code> deve retornar 846910284.
+    testString: 'assert.strictEqual(euler147(), 846910284, "<code>euler147()</code> should return 846910284.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler147() {
+  // Good luck!
+  return true;
+}
+
+euler147();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-148-exploring-pascals-triangle.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-148-exploring-pascals-triangle.portuguese.md
new file mode 100644
index 0000000000..149a85977d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-148-exploring-pascals-triangle.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4021000cf542c50ff14
+challengeType: 5
+title: 'Problem 148: Exploring Pascal"s triangle'
+videoUrl: ''
+localeTitle: 'Problema 148: Explorando o Triângulo de Pascal'
+---
+
+## Description
+<section id="description"> Podemos facilmente verificar que nenhuma das entradas nas primeiras sete linhas do triângulo de Pascal é divisível por 7: <p> 1 </p><p> 1 </p><p> 1 </p><p> 1 </p><p> 2 </p><p> 1 </p><p> 1 </p><p> 3 </p><p> 3 </p><p> 1 </p><p> 1 </p><p> 4 </p><p> 6 </p><p> 4 </p><p> 1 </p><p> 1 </p><p> 5 </p><p> 10 </p><p> 10 </p><p> 5 </p><p> 1 1 </p><p> 6 </p><p> 15 </p><p> 20 </p><p> 15 </p><p> 6 </p><p> 1 No entanto, se verificarmos as primeiras cem linhas, descobriremos que apenas 2361 das 5050 entradas não são divisíveis por 7. </p><p> Encontre o número de entradas que não são divisíveis por 7 no primeiro bilhão (109) linhas do triângulo de Pascal. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler148()</code> deve retornar 2129970655314432.
+    testString: 'assert.strictEqual(euler148(), 2129970655314432, "<code>euler148()</code> should return 2129970655314432.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler148() {
+  // Good luck!
+  return true;
+}
+
+euler148();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-149-searching-for-a-maximum-sum-subsequence.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-149-searching-for-a-maximum-sum-subsequence.portuguese.md
new file mode 100644
index 0000000000..7dfa08b391
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-149-searching-for-a-maximum-sum-subsequence.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4021000cf542c50ff13
+challengeType: 5
+title: 'Problem 149: Searching for a maximum-sum subsequence'
+videoUrl: ''
+localeTitle: 'Problema 149: Procurando por uma subsequência de soma máxima'
+---
+
+## Description
+<section id="description"> Olhando para a tabela abaixo, é fácil verificar que a soma máxima possível de números adjacentes em qualquer direção (horizontal, vertical, diagonal ou anti-diagonal) é 16 (= 8 + 7 + 1). <p> −25329−6513273−18−4 8 </p><p> Agora, vamos repetir a pesquisa, mas em uma escala muito maior: </p><p> Primeiro, gere quatro milhões de números pseudo-aleatórios usando uma forma específica do que é conhecido como &quot;Gerador de Fibonacci Desfigurado&quot;: </p><p> Para 1 ≤ k ≤ 55, sk = [100003 - 200003k + 300007k3] (módulo 1000000) - 500000. Para 56 ≤ k ≤ 4000000, sk = [sk − 24 + sk − 55 + 1000000] (módulo 1000000) - 500000. </p><p> Assim, s10 = −393027 e s100 = 86613. </p><p> Os termos de s são então organizados em uma tabela 2000 × 2000, usando os primeiros 2000 números para preencher a primeira linha (seqüencialmente), os próximos 2000 números para preencher a segunda linha, e assim por diante. </p><p> Finalmente, encontre a maior soma de (qualquer número de) entradas adjacentes em qualquer direção (horizontal, vertical, diagonal ou anti-diagonal). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler149()</code> deve retornar 52852124.
+    testString: 'assert.strictEqual(euler149(), 52852124, "<code>euler149()</code> should return 52852124.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler149() {
+  // Good luck!
+  return true;
+}
+
+euler149();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-15-lattice-paths.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-15-lattice-paths.portuguese.md
new file mode 100644
index 0000000000..9ca86a108d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-15-lattice-paths.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 5900f37b1000cf542c50fe8e
+challengeType: 5
+title: 'Problem 15: Lattice paths'
+videoUrl: ''
+localeTitle: 'Problema 15: caminhos da rede'
+---
+
+## Description
+<section id="description"> Começando no canto superior esquerdo de uma grade de 2 × 2, e somente sendo capaz de se mover para a direita e para baixo, há exatamente 6 rotas para o canto inferior direito. <img class="img-responsive center-block" alt="um diagrama de 6 2 por 2 grades mostrando todas as rotas para o canto inferior direito" src="https://i.imgur.com/1Atixoj.gif"><p> Quantas dessas rotas estão lá através de um determinado <code>gridSize</code> ? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>latticePaths(4)</code> deve retornar 70.
+    testString: 'assert.strictEqual(latticePaths(4), 70, "<code>latticePaths(4)</code> should return 70.");'
+  - text: <code>latticePaths(9)</code> deve retornar 48620.
+    testString: 'assert.strictEqual(latticePaths(9), 48620, "<code>latticePaths(9)</code> should return 48620.");'
+  - text: <code>latticePaths(20)</code> deve retornar 137846528820.
+    testString: 'assert.strictEqual(latticePaths(20), 137846528820, "<code>latticePaths(20)</code> should return 137846528820.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function latticePaths(gridSize) {
+  // Good luck!
+  return true;
+}
+
+latticePaths(4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-150-searching-a-triangular-array-for-a-sub-triangle-having-minimum-sum.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-150-searching-a-triangular-array-for-a-sub-triangle-having-minimum-sum.portuguese.md
new file mode 100644
index 0000000000..012db945c1
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-150-searching-a-triangular-array-for-a-sub-triangle-having-minimum-sum.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4031000cf542c50ff15
+challengeType: 5
+title: 'Problem 150: Searching a triangular array for a sub-triangle having minimum-sum'
+videoUrl: ''
+localeTitle: 'Problema 150: Procurando uma matriz triangular por um sub-triângulo com soma mínima'
+---
+
+## Description
+<section id="description"> Em uma matriz triangular de inteiros positivos e negativos, desejamos encontrar um sub-triângulo de tal forma que a soma dos números que ele contém seja a menor possível. No exemplo abaixo, pode ser facilmente verificado que o triângulo marcado satisfaz essa condição tendo uma soma de -42. <p> Desejamos fazer um arranjo triangular com mil linhas, então geramos 500500 números pseudo-aleatórios sk no intervalo ± 219, usando um tipo de gerador de números aleatórios (conhecido como Gerador Congruencial Linear) como segue: t: = 0 </p><p> para k = 1 até k = 500500: </p><p> t: = (615949 * t + 797807) módulo 220 sk: = t − 219 Assim: s1 = 273519, s2 = −153582, s3 = 450905 etc Nossa matriz triangular é então formada usando os números pseudo-aleatórios assim: </p><p> s1 s2 s3 s4 s5 s6 </p><p> s7 s8 s9 s10 ... </p><p> Os sub-triângulos podem começar em qualquer elemento da matriz e se estender até onde quisermos (levar os dois elementos diretamente abaixo da próxima linha, os três elementos diretamente abaixo da linha depois disso, e assim por diante). </p><p> A &quot;soma de um sub-triângulo&quot; é definida como a soma de todos os elementos que contém. </p><p> Encontre a menor soma possível de sub-triângulo. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler150()</code> deve retornar -271248680.
+    testString: 'assert.strictEqual(euler150(), -271248680, "<code>euler150()</code> should return -271248680.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler150() {
+  // Good luck!
+  return true;
+}
+
+euler150();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-151-paper-sheets-of-standard-sizes-an-expected-value-problem.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-151-paper-sheets-of-standard-sizes-an-expected-value-problem.portuguese.md
new file mode 100644
index 0000000000..977234119b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-151-paper-sheets-of-standard-sizes-an-expected-value-problem.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4031000cf542c50ff16
+challengeType: 5
+title: 'Problem 151: Paper sheets of standard sizes: an expected-value problem'
+videoUrl: ''
+localeTitle: 'Problema 151: Folhas de papel de tamanhos padrão: um problema de valor esperado'
+---
+
+## Description
+<section id="description"> Uma oficina de impressão executa 16 lotes (trabalhos) a cada semana e cada lote requer uma folha especial de papel colorido de tamanho A5. Toda segunda-feira de manhã, o capataz abre um novo envelope, contendo uma grande folha de papel especial com tamanho A1. Ele começa a cortá-lo ao meio, obtendo assim duas folhas de tamanho A2. Em seguida, ele corta um deles ao meio para obter duas folhas de tamanho A3 e assim por diante até obter a folha do tamanho A5 necessária para o primeiro lote da semana. Todas as folhas não utilizadas são colocadas de volta no envelope. <p> No início de cada lote subsequente, ele pega no envelope uma folha de papel ao acaso. Se for do tamanho A5, ele o usa. Se for maior, ele repete o procedimento &quot;cut-in-half&quot; até que ele tenha o que precisa e as folhas restantes sejam sempre colocadas de volta no envelope. Excluindo o primeiro e o último lote da semana, localize o número esperado de vezes (durante cada semana) em que o contramestre encontra uma única folha de papel no envelope. Dê sua resposta arredondada para seis casas decimais usando o formato x.xxxxxx. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>euler151()</code> deve retornar 0,464399.'
+    testString: 'assert.strictEqual(euler151(), 0.464399, "<code>euler151()</code> should return 0.464399.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler151() {
+  // Good luck!
+  return true;
+}
+
+euler151();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-152-writing-one-half-as-a-sum-of-inverse-squares.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-152-writing-one-half-as-a-sum-of-inverse-squares.portuguese.md
new file mode 100644
index 0000000000..6cf9e34dd2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-152-writing-one-half-as-a-sum-of-inverse-squares.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4041000cf542c50ff17
+challengeType: 5
+title: 'Problem 152: Writing one half as a sum of inverse squares'
+videoUrl: ''
+localeTitle: 'Problema 152: Escrevendo uma metade como uma soma de quadrados inversos'
+---
+
+## Description
+<section id="description"> Existem várias maneiras de escrever o número 1/2 como uma soma de quadrados inversos usando inteiros distintos. Por exemplo, os números {2,3,4,5,7,12,15,20,28,35} podem ser usados: <p> De fato, usando apenas números inteiros entre 2 e 45 inclusive, existem exatamente três maneiras de fazê-lo, sendo os dois restantes: {2,3,4,6,7,9,10,20,28,35,36,45 } e {2,3,4,6,7,9,12,15,28,30,35,36,45}. Quantas maneiras existem para escrever o número 1/2 como uma soma de quadrados inversos usando inteiros distintos entre 2 e 80 inclusive? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler152()</code> deve retornar 301.
+    testString: 'assert.strictEqual(euler152(), 301, "<code>euler152()</code> should return 301.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler152() {
+  // Good luck!
+  return true;
+}
+
+euler152();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-153-investigating-gaussian-integers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-153-investigating-gaussian-integers.portuguese.md
new file mode 100644
index 0000000000..87984b5327
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-153-investigating-gaussian-integers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4051000cf542c50ff18
+challengeType: 5
+title: 'Problem 153: Investigating Gaussian Integers'
+videoUrl: ''
+localeTitle: 'Problema 153: Investigando Inteiros Gaussianos'
+---
+
+## Description
+<section id="description"> Como todos sabemos, a equação x2 = -1 não tem soluções para o x real. <p> Se introduzirmos o número imaginário i, esta equação tem duas soluções: x = ie x = -i. </p><p> Se dermos mais um passo, a equação (x-3) 2 = -4 tem duas soluções complexas: x = 3 + 2i e x = 3-2i. x = 3 + 2i e x = 3-2i são chamados conjugados complexos dos outros. </p><p> Números da forma a + bi são chamados números complexos. </p><p> Em geral a + bi e a-bi são o conjugado complexo de cada um. Um Integral Gaussiano é um número complexo a + bi tal que tanto a como b são inteiros. </p><p> Os inteiros regulares também são inteiros de Gauss (com b = 0). </p><p> Para distingui-los dos inteiros de Gauss com b ≠ 0, chamamos esses inteiros de &quot;inteiros racionais&quot;. </p><p> Um inteiro Gaussiano é chamado de divisor de um inteiro racional n se o resultado também for um inteiro Gaussiano. </p><p> Se, por exemplo, dividirmos 5 por 1 + 2i, podemos simplificar da seguinte maneira: </p><p> Multiplique o numerador e o denominador pelo conjugado complexo de 1 + 2i: 1−2i. </p><p> O resultado é . </p><p> Então 1 + 2i é um divisor de 5. </p><p> Note que 1 + i não é um divisor de 5 porque. </p><p> Note também que se o Integral Gaussiano (a + bi) é um divisor de um inteiro racional n, então seu conjugado complexo (a-bi) é também um divisor de n. De fato, 5 tem seis divisores de tal forma que a parte real é positiva: {1, 1 + 2i, 1 - 2i, 2 + i, 2 - i, 5}. </p><p> Segue-se uma tabela de todos os divisores para os primeiros cinco números inteiros positivos: </p><p> n Divisores inteiros de Gauss com partsum reais positivos s (n) destes </p><p> divisors111 21, 1 + i, 1-i, 25 31, 34 41, 1 + i, 1-i, 2, 2 + 2i, 2-2i, 413 51, 1 + 2i, 1-2i, 2 + i, 2-i, 512 Para divisores com partes reais positivas, então, temos:. Para 1 ≤ n ≤ 105, ∑ s (n) = 17924657155. O que é ∑ s (n) para 1 ≤ n ≤ 108? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler153()</code> deve retornar 17971254122360636.
+    testString: 'assert.strictEqual(euler153(), 17971254122360636, "<code>euler153()</code> should return 17971254122360636.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler153() {
+  // Good luck!
+  return true;
+}
+
+euler153();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-154-exploring-pascals-pyramid.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-154-exploring-pascals-pyramid.portuguese.md
new file mode 100644
index 0000000000..0a1c6ce78b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-154-exploring-pascals-pyramid.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4071000cf542c50ff19
+challengeType: 5
+title: 'Problem 154: Exploring Pascal"s pyramid'
+videoUrl: ''
+localeTitle: 'Problema 154: Explorando a pirâmide de Pascal'
+---
+
+## Description
+<section id="description"> Uma pirâmide triangular é construída usando bolas esféricas para que cada bola repouse exatamente em três bolas do próximo nível inferior. <p> Então, calculamos o número de caminhos que levam do ápice para cada posição: Um caminho começa no ápice e progride para baixo para qualquer uma das três esferas diretamente abaixo da posição atual. Consequentemente, o número de caminhos para alcançar uma determinada posição é a soma dos números imediatamente acima (dependendo da posição, existem até três números acima). O resultado é a pirâmide de Pascal e os números em cada nível n são os coeficientes da expansão trinomial (x + y + z) n. Quantos coeficientes na expansão de (x + y + z) 200000 são múltiplos de 1012? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler154()</code> deve retornar 479742450.
+    testString: 'assert.strictEqual(euler154(), 479742450, "<code>euler154()</code> should return 479742450.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler154() {
+  // Good luck!
+  return true;
+}
+
+euler154();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-155-counting-capacitor-circuits.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-155-counting-capacitor-circuits.portuguese.md
new file mode 100644
index 0000000000..926ccdff96
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-155-counting-capacitor-circuits.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4081000cf542c50ff1a
+challengeType: 5
+title: 'Problem 155: Counting Capacitor Circuits'
+videoUrl: ''
+localeTitle: 'Problema 155: Contando os Circuitos do Capacitor'
+---
+
+## Description
+<section id="description"> Um circuito elétrico usa capacitores exclusivamente idênticos com o mesmo valor C. <p> Os capacitores podem ser conectados em série ou em paralelo para formar sub-unidades, que podem então ser conectadas em série ou em paralelo com outros capacitores ou outras subunidades para formar sub-unidades maiores, e assim por diante até um circuito final. Usando este procedimento simples e até n capacitores idênticos, podemos fazer circuitos com diferentes capacitâncias totais. Por exemplo, usando até n = 3 capacitores de 60 F cada, podemos obter os seguintes 7 valores distintos de capacitância total: </p><p> Se denotarmos por D (n) o número de valores de capacitância total distintos que podemos obter ao usar até n capacitores de valor igual e o procedimento simples descrito acima, temos: D (1) = 1, D (2) = 3 , D (3) = 7 ... Encontre D (18). Lembrete: Ao conectar capacitores C1, C2 etc em paralelo, a capacitância total é CT = C1 + C2 + ..., </p><p> enquanto ao conectá-los em série, a capacitância total é dada por: </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler155()</code> deve retornar 3857447.
+    testString: 'assert.strictEqual(euler155(), 3857447, "<code>euler155()</code> should return 3857447.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler155() {
+  // Good luck!
+  return true;
+}
+
+euler155();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-156-counting-digits.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-156-counting-digits.portuguese.md
new file mode 100644
index 0000000000..f5cee9bc9d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-156-counting-digits.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4091000cf542c50ff1b
+challengeType: 5
+title: 'Problem 156: Counting Digits'
+videoUrl: ''
+localeTitle: 'Problema 156: Contando os Dígitos'
+---
+
+## Description
+<section id="description"> Começando do zero, os números naturais são escritos na base 10 assim: <p> 0 1 2 3 4 5 6 7 8 9 10 11 12 .... </p><p> Considere o dígito d = 1. Depois de anotarmos cada número n, atualizaremos o número dos que ocorreram e chamaremos esse número f (n, 1). Os primeiros valores para f (n, 1), então, são os seguintes: </p><p> nf (n, 1) 00 11 21 31 41 51 61 71 81 91 102 114 125 </p><p> Note que f (n, 1) nunca é igual a 3. </p><p> Portanto, as duas primeiras soluções da equação f (n, 1) = n são n = 0 en = 1. A próxima solução é n = 199981. Da mesma maneira, a função f (n, d) fornece o número total de dígitos d que foram escritos após o número n ter sido escrito. </p><p> De fato, para cada dígito d ≠ 0, 0 é a primeira solução da equação f (n, d) = n. Seja s (d) a soma de todas as soluções para as quais f (n, d) = n. </p><p> Você recebe o s (1) = 22786974071. Encontre ∑ s (d) para 1 ≤ d ≤ 9. Nota: se, para algum n, f (n, d) = n para mais de um valor de d, esse valor de n é contado novamente para cada valor de d para o qual f (n, d) = n. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler156()</code> deve retornar 21295121502550.
+    testString: 'assert.strictEqual(euler156(), 21295121502550, "<code>euler156()</code> should return 21295121502550.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler156() {
+  // Good luck!
+  return true;
+}
+
+euler156();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-157-solving-the-diophantine-equation.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-157-solving-the-diophantine-equation.portuguese.md
new file mode 100644
index 0000000000..c01b014276
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-157-solving-the-diophantine-equation.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4091000cf542c50ff1c
+challengeType: 5
+title: 'Problem 157: Solving the diophantine equation'
+videoUrl: ''
+localeTitle: 'Problema 157: Resolvendo a Equação Diofantina'
+---
+
+## Description
+<section id="description"> Considere a equação diofantina 1 / a + 1 / b = p / 10n com a, b, p, n inteiros positivos e a ≤ b. Para n = 1, esta equação tem 20 soluções que estão listadas abaixo: 1/1 + 1/1 = 20/10 1/1 + 1/2 = 15/10 1/1 + 1/5 = 12/10 1/1 + 1/10 = 11/10 1/2 + 1/2 = 10/10 1/2 + 1/5 = 7/10 1/2 + 1/10 = 6/10 1/3 + 1/6 = 5 / 10 1/3 + 1/15 = 4/10 1/4 + 1/4 = 5/10 1/4 + 1/20 = 3/10 1/5 + 1/5 = 4/10 1/5 + 1/10 = 3/10 1/6 + 1/30 = 2/10 1/10 + 1/10 = 2/10 1/11 + 1/110 = 1/10 1/12 + 1/60 = 1 / 10 1/14 + 1/35 = 1/10 1/15 + 1/30 = 1/10 1/20 + 1/20 = 1/10 Quantas soluções tem esta equação para 1 ≤ n ≤ 9? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler157()</code> deve retornar 53490.
+    testString: 'assert.strictEqual(euler157(), 53490, "<code>euler157()</code> should return 53490.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler157() {
+  // Good luck!
+  return true;
+}
+
+euler157();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-158-exploring-strings-for-which-only-one-character-comes-lexicographically-after-its-neighbour-to-the-left.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-158-exploring-strings-for-which-only-one-character-comes-lexicographically-after-its-neighbour-to-the-left.portuguese.md
new file mode 100644
index 0000000000..f7b22fdcfc
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-158-exploring-strings-for-which-only-one-character-comes-lexicographically-after-its-neighbour-to-the-left.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f40a1000cf542c50ff1d
+challengeType: 5
+title: 'Problem 158: Exploring strings for which only one character comes lexicographically after its neighbour to the left'
+videoUrl: ''
+localeTitle: 'Problema 158: Explorando cadeias para as quais apenas um caractere aparece lexicograficamente após seu vizinho à esquerda'
+---
+
+## Description
+<section id="description"> Tomando três letras diferentes das 26 letras do alfabeto, podem ser formadas cadeias de caracteres de comprimento três. Os exemplos são &#39;abc&#39;, &#39;hat&#39; e &#39;zyx&#39;. Quando estudamos esses três exemplos, vemos que, para &#39;abc&#39;, dois caracteres aparecem lexicograficamente após o vizinho à esquerda. Para &#39;hat&#39; existe exatamente um caractere que vem lexicograficamente depois do vizinho à esquerda. Para &#39;zyx&#39;, há zero caracteres que aparecem lexicograficamente após o vizinho à esquerda. Ao todo, existem 10400 strings de comprimento 3, para as quais exatamente um caractere aparece lexicograficamente após seu vizinho à esquerda. Consideramos agora strings de n ≤ 26 caracteres diferentes do alfabeto. Para cada n, p (n) é o número de cadeias de comprimento n para as quais exatamente um caractere aparece lexicograficamente após seu vizinho à esquerda. Qual é o valor máximo de p (n)? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler158()</code> deve retornar 409511334375.
+    testString: 'assert.strictEqual(euler158(), 409511334375, "<code>euler158()</code> should return 409511334375.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler158() {
+  // Good luck!
+  return true;
+}
+
+euler158();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-159-digital-root-sums-of-factorisations.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-159-digital-root-sums-of-factorisations.portuguese.md
new file mode 100644
index 0000000000..2b0e845e85
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-159-digital-root-sums-of-factorisations.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f40c1000cf542c50ff1e
+challengeType: 5
+title: 'Problem 159: Digital root sums of factorisations'
+videoUrl: ''
+localeTitle: 'Problema 159: Soma das Raízes Digitais das Facturizações'
+---
+
+## Description
+<section id="description"> Um número composto pode ser considerado de várias maneiras diferentes. Por exemplo, não incluindo a multiplicação por um, 24 pode ser fatorado de 7 maneiras distintas: <p> 24 = 2x2x2x3 24 = 2x3x4 24 = 2x2x6 24 = 4x6 24 = 3x8 24 = 2x12 24 = 24 </p><p> Lembre-se de que a raiz digital de um número, na base 10, é encontrada somando os dígitos desse número e repetindo esse processo até que um número seja menor que 10. Assim, a raiz digital de 467 é 8. Nós chamaremos de Soma da Raiz Digital (DRS) a soma das raízes digitais dos fatores individuais do nosso número. O gráfico abaixo demonstra todos os valores de DRS para 24. FactorizationDigital Root Sum2x2x2x3 92x3x4 92x2x6 104x6 103x8 112x12 524 6A Soma de Raiz Digital máxima de 24 é 11. A função mdrs (n) fornece a Soma de Raiz Digital máxima de n. Então mdrs (24) = 11. Encontre ∑mdrs (n) para 1 &lt;n &lt;1.000.000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler159()</code> deve retornar 14489159.
+    testString: 'assert.strictEqual(euler159(), 14489159, "<code>euler159()</code> should return 14489159.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler159() {
+  // Good luck!
+  return true;
+}
+
+euler159();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-16-power-digit-sum.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-16-power-digit-sum.portuguese.md
new file mode 100644
index 0000000000..2156ff0ae5
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-16-power-digit-sum.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 5900f37d1000cf542c50fe8f
+challengeType: 5
+title: 'Problem 16: Power digit sum'
+videoUrl: ''
+localeTitle: 'Problema 16: soma do dígito de potência'
+---
+
+## Description
+<section id="description"> 2 <sup>15</sup> = 32768 e a soma de seus dígitos é 3 + 2 + 7 + 6 + 8 = 26. Qual é a soma dos dígitos do <sup><code>exponent</code></sup> do número 2? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>powerDigitSum(15)</code> deve retornar 26.
+    testString: 'assert.strictEqual(powerDigitSum(15), 26, "<code>powerDigitSum(15)</code> should return 26.");'
+  - text: <code>powerDigitSum(128)</code> deve retornar 166.
+    testString: 'assert.strictEqual(powerDigitSum(128), 166, "<code>powerDigitSum(128)</code> should return 166.");'
+  - text: <code>powerDigitSum(1000)</code> deve retornar 1366.
+    testString: 'assert.strictEqual(powerDigitSum(1000), 1366, "<code>powerDigitSum(1000)</code> should return 1366.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function powerDigitSum(exponent) {
+  // Good luck!
+  return true;
+}
+
+powerDigitSum(15);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-160-factorial-trailing-digits.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-160-factorial-trailing-digits.portuguese.md
new file mode 100644
index 0000000000..7ee4e8a5e4
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-160-factorial-trailing-digits.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f40d1000cf542c50ff1f
+challengeType: 5
+title: 'Problem 160: Factorial trailing digits'
+videoUrl: ''
+localeTitle: 'Problema 160: Dígitos Fatoriais'
+---
+
+## Description
+<section id="description"> Para qualquer N, seja f (N) os últimos cinco dígitos antes dos zeros à direita em N !. Por exemplo, 9! = 362880 f (9) = 36288 10! = 3628800 f (10) = 36288 20! = 2432902008176640000 so f (20) = 17664 Encontre f (1.000.000.000.000) </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler160()</code> deve retornar 16576.
+    testString: 'assert.strictEqual(euler160(), 16576, "<code>euler160()</code> should return 16576.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler160() {
+  // Good luck!
+  return true;
+}
+
+euler160();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-161-triominoes.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-161-triominoes.portuguese.md
new file mode 100644
index 0000000000..3e8081d0aa
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-161-triominoes.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f40d1000cf542c50ff20
+challengeType: 5
+title: 'Problem 161: Triominoes'
+videoUrl: ''
+localeTitle: 'Problema 161: Triominoes'
+---
+
+## Description
+<section id="description"> Um triomino é uma forma que consiste em três quadrados unidos pelas bordas. Existem duas formas básicas: <p> Se todas as orientações possíveis forem levadas em conta, existem seis: </p><p> Qualquer n por m grade para o qual nxm é divisível por 3 pode ser telhada com triominós. Se considerarmos que os ladrilhos que podem ser obtidos por reflexão ou rotação a partir de outro ladrilho como diferentes, existem 41 maneiras em que uma grade de 2 por 9 pode ser revestida com triominós: </p><p> De quantas maneiras uma grade de 9 por 12 pode ser coberta por triominoes? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler161()</code> deve retornar 20574308184277972.
+    testString: 'assert.strictEqual(euler161(), 20574308184277972, "<code>euler161()</code> should return 20574308184277972.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler161() {
+  // Good luck!
+  return true;
+}
+
+euler161();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-162-hexadecimal-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-162-hexadecimal-numbers.portuguese.md
new file mode 100644
index 0000000000..af653fcaf0
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-162-hexadecimal-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f40e1000cf542c50ff21
+challengeType: 5
+title: 'Problem 162: Hexadecimal numbers'
+videoUrl: ''
+localeTitle: 'Problema 162: Números Hexadecimais'
+---
+
+## Description
+<section id="description"> No número hexadecimal, os números do sistema são representados usando 16 dígitos diferentes: 0,1,2,3,4,5,6,7,8,9, A, B, C, D, E, F O número hexadecimal AF quando escrito no sistema numérico decimal é igual a 10x16 + 15 = 175. Nos números hexadecimais de 3 dígitos 10A, 1A0, A10 e A01, os dígitos 0,1 e A estão presentes. Como números escritos na base dez, escrevemos números hexadecimais sem zeros iniciais. Quantos números hexadecimais contendo no máximo dezesseis dígitos hexadecimais existem com todos os dígitos 0,1, e A presente pelo menos uma vez? Dê sua resposta como um número hexadecimal. (A, B, C, D, E e F em maiúsculas, sem nenhum código à esquerda ou à direita que marque o número como hexadecimal e sem zeros à esquerda, por exemplo, 1A3F e não: 1a3f e não 0x1a3f e não $ 1A3F e não # 1A3F e não 0000001A3F) </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler162()</code> deve retornar 3D58725572C62302.
+    testString: 'assert.strictEqual(euler162(), 3D58725572C62302, "<code>euler162()</code> should return 3D58725572C62302.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler162() {
+  // Good luck!
+  return true;
+}
+
+euler162();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-163-cross-hatched-triangles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-163-cross-hatched-triangles.portuguese.md
new file mode 100644
index 0000000000..dd0d109322
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-163-cross-hatched-triangles.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f40f1000cf542c50ff22
+challengeType: 5
+title: 'Problem 163: Cross-hatched triangles'
+videoUrl: ''
+localeTitle: 'Problema 163: Triângulos Cruzados'
+---
+
+## Description
+<section id="description"> Considere um triângulo equilátero no qual linhas retas são desenhadas de cada vértice até o meio do lado oposto, como no triângulo de tamanho 1 no desenho abaixo. <p> Dezesseis triângulos de diferentes formas, tamanhos, orientações ou localizações podem agora ser observados nesse triângulo. Usando triângulos de tamanho 1 como blocos de construção, triângulos maiores podem ser formados, como o triângulo de tamanho 2 no esboço acima. Cento e quatro triângulos de diferentes formas, tamanhos, orientações ou localizações podem agora ser observados nesse triângulo de tamanho 2. Pode-se observar que o triângulo do tamanho 2 contém 4 blocos de construção do triângulo do tamanho 1. Um triângulo de tamanho 3 conteria 9 blocos de construção de triângulo de tamanho 1 e um triângulo de tamanho n conteria blocos de construção de triângulo n2 tamanho 1. Se denotarmos T (n) como o número de triângulos presentes em um triângulo de tamanho n, então T (1) = 16 T (2) = 104 Encontre T (36). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler163()</code> deve retornar 343047.
+    testString: 'assert.strictEqual(euler163(), 343047, "<code>euler163()</code> should return 343047.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler163() {
+  // Good luck!
+  return true;
+}
+
+euler163();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-164-numbers-for-which-no-three-consecutive-digits-have-a-sum-greater-than-a-given-value.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-164-numbers-for-which-no-three-consecutive-digits-have-a-sum-greater-than-a-given-value.portuguese.md
new file mode 100644
index 0000000000..68a9d124bf
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-164-numbers-for-which-no-three-consecutive-digits-have-a-sum-greater-than-a-given-value.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4111000cf542c50ff23
+challengeType: 5
+title: 'Problem 164: Numbers for which no three consecutive digits have a sum greater than a given value'
+videoUrl: ''
+localeTitle: 'Problema 164: Números para os quais não há três dígitos consecutivos com uma soma maior que um determinado valor'
+---
+
+## Description
+<section id="description"> Quantos números de 20 dígitos n (sem nenhum zero inicial) existem, de modo que não há três dígitos consecutivos de n que tenham uma soma maior que 9? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler164()</code> deve retornar 378158756814587.
+    testString: 'assert.strictEqual(euler164(), 378158756814587, "<code>euler164()</code> should return 378158756814587.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler164() {
+  // Good luck!
+  return true;
+}
+
+euler164();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-165-intersections.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-165-intersections.portuguese.md
new file mode 100644
index 0000000000..2b44819436
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-165-intersections.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4111000cf542c50ff24
+challengeType: 5
+title: 'Problem 165: Intersections'
+videoUrl: ''
+localeTitle: 'Problema 165: Interseções'
+---
+
+## Description
+<section id="description"> Um segmento é definido exclusivamente por seus dois pontos finais. Ao considerar dois segmentos de linha na geometria plana, há três possibilidades: os segmentos possuem zero pontos, um ponto ou infinitamente muitos pontos em comum. Além disso, quando dois segmentos têm exatamente um ponto em comum, pode ser que esse ponto comum seja um ponto final de um dos segmentos ou de ambos. Se um ponto comum de dois segmentos não for um ponto final de nenhum dos segmentos, será um ponto interior de ambos os segmentos. Vamos chamar um ponto comum T de dois segmentos L1 e L2, um verdadeiro ponto de intersecção de L1 e L2, se T for o único ponto comum de L1 e L2 e T for um ponto interior de ambos os segmentos. <p> Considere os três segmentos L1, L2 e L3: L1: (27, 44) a (12, 32) L2: (46, 53) a (17, 62) L3: (46, 70) a (22, 40) Pode ser verificado que os segmentos de linha L2 e L3 têm um verdadeiro ponto de intersecção. Notamos que como o um dos pontos finais de L3: (22,40) está em L1, este não é considerado um verdadeiro ponto de intersecção. L1 e L2 não têm um ponto comum. Assim, entre os três segmentos de linha, encontramos um verdadeiro ponto de intersecção. Agora vamos fazer o mesmo para 5000 segmentos de linha. Para isso, geramos 20000 números usando o chamado gerador de números pseudo-aleatórios &quot;Blum Blum Shub&quot;. s0 = 290797 sn + 1 = sn × sn (módulo 50515093) tn = sn (módulo 500) Para criar cada segmento de linha, usamos quatro números consecutivos tn. Ou seja, o segmento de primeira linha é dado por: (t1, t2) a (t3, t4) Os quatro primeiros números computados de acordo com o gerador acima devem ser: 27, 144, 12 e 232. O primeiro segmento seria ( 27,144) para (12,232). Quantos pontos de interseção verdadeiros são encontrados entre os 5000 segmentos de linha? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler165()</code> deve retornar 2868868.
+    testString: 'assert.strictEqual(euler165(), 2868868, "<code>euler165()</code> should return 2868868.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler165() {
+  // Good luck!
+  return true;
+}
+
+euler165();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-166-criss-cross.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-166-criss-cross.portuguese.md
new file mode 100644
index 0000000000..0f5da8ff20
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-166-criss-cross.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4131000cf542c50ff25
+challengeType: 5
+title: 'Problem 166: Criss Cross'
+videoUrl: ''
+localeTitle: 'Problema 166: Criss Cross'
+---
+
+## Description
+<section id="description"> Uma grade 4x4 é preenchida com dígitos d, 0 ≤ d ≤ 9. <p> Pode ser visto que na grade </p><p> 6 3 3 0 5 0 4 3 0 7 1 4 1 2 4 5 </p><p> a soma de cada linha e cada coluna tem o valor 12. Além disso, a soma de cada diagonal é também 12. </p><p> De quantas maneiras você pode preencher uma grade 4x4 com os dígitos d, 0 ≤ d ≤ 9 para que cada linha, cada coluna e ambas as diagonais tenham a mesma soma? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler166()</code> deve retornar 7130034.
+    testString: 'assert.strictEqual(euler166(), 7130034, "<code>euler166()</code> should return 7130034.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler166() {
+  // Good luck!
+  return true;
+}
+
+euler166();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-167-investigating-ulam-sequences.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-167-investigating-ulam-sequences.portuguese.md
new file mode 100644
index 0000000000..cd2138b8a7
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-167-investigating-ulam-sequences.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4141000cf542c50ff26
+challengeType: 5
+title: 'Problem 167: Investigating Ulam sequences'
+videoUrl: ''
+localeTitle: 'Problema 167: Investigando sequências de Ulam'
+---
+
+## Description
+<section id="description"> Para dois inteiros positivos aeb, a seqüência de Ulam U (a, b) é definida por U (a, b) 1 = a, U (a, b) 2 = b e para k&gt; 2, U (a, b ) k é o menor inteiro maior que U (a, b) (k-1), que pode ser escrito exatamente de uma maneira como a soma de dois membros anteriores distintos de U (a, b). Por exemplo, a sequência U (1,2) começa com 1, 2, 3 = 1 + 2, 4 = 1 + 3, 6 = 2 + 4, 8 = 2 + 6, 11 = 3 + 8; 5 não pertence a ele porque 5 = 1 + 4 = 2 + 3 tem duas representações como a soma de dois membros anteriores, da mesma forma 7 = 1 + 6 = 3 + 4. Encontre ∑U (2,2n + 1) k para 2 ≤ n ≤ 10, onde k = 1011. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler167()</code> deve retornar 3916160068885.
+    testString: 'assert.strictEqual(euler167(), 3916160068885, "<code>euler167()</code> should return 3916160068885.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler167() {
+  // Good luck!
+  return true;
+}
+
+euler167();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-168-number-rotations.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-168-number-rotations.portuguese.md
new file mode 100644
index 0000000000..c3a0a49602
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-168-number-rotations.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4151000cf542c50ff27
+challengeType: 5
+title: 'Problem 168: Number Rotations'
+videoUrl: ''
+localeTitle: 'Problema 168: Rotações Numéricas'
+---
+
+## Description
+<section id="description"> Considere o número 142857. Podemos girar esse número à direita movendo o último dígito (7) para a frente dele, o que nos dá 714285. Pode-se verificar que 714285 = 5 × 142857. Isso demonstra uma propriedade incomum de 142857: é um divisor de sua rotação à direita. Encontre os últimos 5 dígitos da soma de todos os inteiros n, 10 &lt;n &lt;10100, que possuem essa propriedade. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler168()</code> deve retornar 59206.
+    testString: 'assert.strictEqual(euler168(), 59206, "<code>euler168()</code> should return 59206.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler168() {
+  // Good luck!
+  return true;
+}
+
+euler168();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-169-exploring-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-169-exploring-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.portuguese.md
new file mode 100644
index 0000000000..cc39a3c3c2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-169-exploring-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4151000cf542c50ff28
+challengeType: 5
+title: 'Problem 169: Exploring the number of different ways a number can be expressed as a sum of powers of 2'
+videoUrl: ''
+localeTitle: 'Problema 169: Explorando o número de maneiras diferentes que um número pode ser expresso como uma soma de potências de 2'
+---
+
+## Description
+<section id="description"> Defina f (0) = 1 e f (n) como sendo o número de maneiras diferentes n podem ser expressas como uma soma de potências inteiras de 2 usando cada poder não mais do que duas vezes. Por exemplo, f (10) = 5, pois há cinco maneiras diferentes de expressar 10: 1 + 1 + 8 1 + 1 + 4 + 41 + 1 + 2 + 2 + 4 2 + 4 + 4 2 + 8 O que é f (1025) </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler169()</code> deve retornar 178653872807.
+    testString: 'assert.strictEqual(euler169(), 178653872807, "<code>euler169()</code> should return 178653872807.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler169() {
+  // Good luck!
+  return true;
+}
+
+euler169();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-17-number-letter-counts.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-17-number-letter-counts.portuguese.md
new file mode 100644
index 0000000000..52ffeccedc
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-17-number-letter-counts.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 5900f37d1000cf542c50fe90
+challengeType: 5
+title: 'Problem 17: Number letter counts'
+videoUrl: ''
+localeTitle: 'Problema 17: Contagem de números'
+---
+
+## Description
+<section id="description"> Se os números de 1 a 5 forem escritos em palavras: um, dois, três, quatro, cinco, então há 3 + 3 + 5 + 4 + 4 = 19 letras usadas no total. Se todos os números de 1 a determinado <code>limit</code> fossem escritos em palavras, quantas letras seriam usadas? <b>NOTA:</b> Não conte espaços ou hífens. Por exemplo, 342 (trezentos e quarenta e dois) contém 23 letras e 115 (cento e quinze) contém 20 letras. O uso de &quot;e&quot; ao escrever números está em conformidade com o uso britânico. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>numberLetterCounts(5)</code> deve retornar 19.
+    testString: 'assert.strictEqual(numberLetterCounts(5), 19, "<code>numberLetterCounts(5)</code> should return 19.");'
+  - text: <code>numberLetterCounts(150)</code> deve retornar 1903.
+    testString: 'assert.strictEqual(numberLetterCounts(150), 1903, "<code>numberLetterCounts(150)</code> should return 1903.");'
+  - text: <code>numberLetterCounts(1000)</code> deve retornar 21124.
+    testString: 'assert.strictEqual(numberLetterCounts(1000), 21124, "<code>numberLetterCounts(1000)</code> should return 21124.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function numberLetterCounts(limit) {
+  // Good luck!
+  return true;
+}
+
+numberLetterCounts(5);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-170-find-the-largest-0-to-9-pandigital-that-can-be-formed-by-concatenating-products.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-170-find-the-largest-0-to-9-pandigital-that-can-be-formed-by-concatenating-products.portuguese.md
new file mode 100644
index 0000000000..10de98758b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-170-find-the-largest-0-to-9-pandigital-that-can-be-formed-by-concatenating-products.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4161000cf542c50ff29
+challengeType: 5
+title: 'Problem 170: Find the largest 0 to 9 pandigital that can be formed by concatenating products'
+videoUrl: ''
+localeTitle: 'Problema 170: Encontre o maior 0 a 9 pandigital que pode ser formado pela concatenação de produtos'
+---
+
+## Description
+<section id="description"> Pegue o número 6 e multiplique por 1273 e 9854: <p> 6 × 1273 = 7638 6 × 9854 = 59124 </p><p> Pela concatenação destes produtos obtemos o 763859124 pandigital de 1 a 9. Chamaremos de 763859124 o &quot;produto concatenado de 6 e (1273,9854)&quot;. Observe também que a concatenação dos números de entrada, 612739854, também é de 1 a 9 pandigital. </p><p> O mesmo pode ser feito para 0 a 9 números pandigitais. </p><p> Qual é o maior produto concatenado pandigital de 10 dígitos de 0 a 9 de um inteiro com dois ou mais inteiros, de modo que a concatenação dos números de entrada também seja um número pandigital de 10 dígitos de 0 a 9? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler170()</code> deve retornar 9857164023.
+    testString: 'assert.strictEqual(euler170(), 9857164023, "<code>euler170()</code> should return 9857164023.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler170() {
+  // Good luck!
+  return true;
+}
+
+euler170();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-171-finding-numbers-for-which-the-sum-of-the-squares-of-the-digits-is-a-square.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-171-finding-numbers-for-which-the-sum-of-the-squares-of-the-digits-is-a-square.portuguese.md
new file mode 100644
index 0000000000..65d4633692
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-171-finding-numbers-for-which-the-sum-of-the-squares-of-the-digits-is-a-square.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4181000cf542c50ff2a
+challengeType: 5
+title: 'Problem 171: Finding numbers for which the sum of the squares of the digits is a square'
+videoUrl: ''
+localeTitle: 'Problema 171: Encontrar números para os quais a soma dos quadrados dos dígitos é um quadrado'
+---
+
+## Description
+<section id="description"> Para um inteiro positivo n, seja f (n) a soma dos quadrados dos dígitos (na base 10) de n, por exemplo, f (3) = 32 = 9, f (25) = 22 + 52 = 4 + 25 = 29, f (442) = 42 + 42 + 22 = 16 + 16 + 4 = 36 Encontre os últimos nove dígitos da soma de todos n, 0 &lt;n &lt;1020, tal que f (n) é um quadrado perfeito. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler171()</code> deve retornar 142989277.
+    testString: 'assert.strictEqual(euler171(), 142989277, "<code>euler171()</code> should return 142989277.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler171() {
+  // Good luck!
+  return true;
+}
+
+euler171();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-172-investigating-numbers-with-few-repeated-digits.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-172-investigating-numbers-with-few-repeated-digits.portuguese.md
new file mode 100644
index 0000000000..af51a7f221
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-172-investigating-numbers-with-few-repeated-digits.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4181000cf542c50ff2b
+challengeType: 5
+title: 'Problem 172: Investigating numbers with few repeated digits'
+videoUrl: ''
+localeTitle: 'Problema 172: Investigando números com poucos dígitos repetidos'
+---
+
+## Description
+<section id="description"> Quantos números de 18 dígitos n (sem zeros à esquerda) existem de tal forma que nenhum dígito ocorre mais de três vezes em n? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler172()</code> deve retornar 227485267000992000.
+    testString: 'assert.strictEqual(euler172(), 227485267000992000, "<code>euler172()</code> should return 227485267000992000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler172() {
+  // Good luck!
+  return true;
+}
+
+euler172();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-173-using-up-to-one-million-tiles-how-many-different-hollow-square-laminae-can-be-formed.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-173-using-up-to-one-million-tiles-how-many-different-hollow-square-laminae-can-be-formed.portuguese.md
new file mode 100644
index 0000000000..a0083e5bb8
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-173-using-up-to-one-million-tiles-how-many-different-hollow-square-laminae-can-be-formed.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41a1000cf542c50ff2c
+challengeType: 5
+title: 'Problem 173: Using up to one million tiles how many different "hollow" square laminae can be formed?'
+videoUrl: ''
+localeTitle: 'Problema 173: Usando até um milhão de peças quantas lâminas quadradas "vazias" podem ser formadas?'
+---
+
+## Description
+<section id="description"> Vamos definir uma lâmina quadrada para ser um contorno quadrado com um &quot;buraco&quot; quadrado de modo que a forma possua simetria vertical e horizontal. Por exemplo, usando exatamente trinta e dois quadrados, podemos formar duas lâminas quadradas diferentes: <p> Com cem ladrilhos, e não necessariamente usando todos os ladrilhos ao mesmo tempo, é possível formar quarenta e uma lâminas quadradas diferentes. Usando até um milhão de telhas quantas lâminas quadradas diferentes podem ser formadas? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler173()</code> deve retornar 1572729.
+    testString: 'assert.strictEqual(euler173(), 1572729, "<code>euler173()</code> should return 1572729.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler173() {
+  // Good luck!
+  return true;
+}
+
+euler173();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-174-counting-the-number-of-hollow-square-laminae-that-can-form-one-two-three-...-distinct-arrangements.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-174-counting-the-number-of-hollow-square-laminae-that-can-form-one-two-three-...-distinct-arrangements.portuguese.md
new file mode 100644
index 0000000000..d2c8964b0b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-174-counting-the-number-of-hollow-square-laminae-that-can-form-one-two-three-...-distinct-arrangements.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41a1000cf542c50ff2d
+challengeType: 5
+title: 'Problem 174: Counting the number of "hollow" square laminae that can form one, two, three, ... distinct arrangements'
+videoUrl: ''
+localeTitle: 'Problema 174: Contando o número de lâminas quadradas "vazias" que podem formar um, dois, três ... arranjos distintos'
+---
+
+## Description
+<section id="description"> Vamos definir uma lâmina quadrada para ser um contorno quadrado com um &quot;buraco&quot; quadrado de modo que a forma possua simetria vertical e horizontal. Dado oito azulejos, é possível formar uma lâmina de uma só maneira: 3x3 quadrados com um buraco 1x1 no meio. No entanto, usando trinta e dois ladrilhos, é possível formar duas lâminas distintas. <p> Se t representa o número de peças usadas, digamos que t = 8 é do tipo L (1) e t = 32 é do tipo L (2). Seja N (n) o número de t ≤ 1000000 tal que t é o tipo L (n); por exemplo, N (15) = 832. O que é ∑ N (n) para 1 ≤ n ≤ 10? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler174()</code> deve retornar 209566.
+    testString: 'assert.strictEqual(euler174(), 209566, "<code>euler174()</code> should return 209566.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler174() {
+  // Good luck!
+  return true;
+}
+
+euler174();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-175-fractions-involving-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-175-fractions-involving-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.portuguese.md
new file mode 100644
index 0000000000..9fd2b096db
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-175-fractions-involving-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41c1000cf542c50ff2e
+challengeType: 5
+title: 'Problem 175: Fractions involving the number of different ways a number can be expressed as a sum of powers of 2'
+videoUrl: ''
+localeTitle: 'Problema 175: Frações envolvendo o número de maneiras diferentes em que um número pode ser expresso como uma soma de potências de 2'
+---
+
+## Description
+<section id="description"> Defina f (0) = 1 e f (n) como o número de maneiras de escrever n como uma soma de potências de 2, onde nenhuma potência ocorre mais de duas vezes. <p> Por exemplo, f (10) = 5, pois há cinco maneiras diferentes de expressar 10:10 = 8 + 2 = 8 + 1 + 1 = 4 + 4 + 2 = 4 + 2 + 2 + 1 + 1 = 4 + 4 + 1 + 1 </p><p> Pode ser mostrado que para cada fração p / q (p&gt; 0, q&gt; 0) existe pelo menos um inteiro n tal que f (n) / f (n-1) = p / q. Por exemplo, o menor n para o qual f (n) / f (n-1) = 13/17 é 241. A expansão binária de 241 é 11110001. A leitura deste número binário do bit mais significativo para o bit menos significativo é 4 um, 3 zeros e 1 um. Nós chamaremos a corda 4,3,1 a expansão binária encurtada de 241. Encontre a expansão binária encurtada do menor n para qual f (n) / f (n-1) = 123456789/987654321. Dê sua resposta como inteiros separados por vírgulas, sem espaços em branco. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>euler175()</code> deve retornar 1, 13717420, 8.'
+    testString: 'assert.strictEqual(euler175(), 1, 13717420, 8, "<code>euler175()</code> should return 1, 13717420, 8.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler175() {
+  // Good luck!
+  return true;
+}
+
+euler175();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-176-right-angled-triangles-that-share-a-cathetus.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-176-right-angled-triangles-that-share-a-cathetus.portuguese.md
new file mode 100644
index 0000000000..6ac35e381a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-176-right-angled-triangles-that-share-a-cathetus.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41c1000cf542c50ff2f
+challengeType: 5
+title: 'Problem 176: Right-angled triangles that share a cathetus'
+videoUrl: ''
+localeTitle: 'Problema 176: Triângulos retos que compartilham um cateto'
+---
+
+## Description
+<section id="description"> Os quatro triângulos retangulares com lados (9,12,15), (12,16,20), (5,12,13) ​​e (12,35,37) todos têm um dos lados mais curtos (catheti) iguais para 12. Pode ser mostrado que nenhum outro triângulo de ângulos retos com lados inteiros existe com um dos catheti igual a 12. Encontre o menor inteiro que pode ser o comprimento de um cateto de exatamente 47547 triângulos retângulos de lados inteiros diferentes. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler176()</code> deve retornar 96818198400000.
+    testString: 'assert.strictEqual(euler176(), 96818198400000, "<code>euler176()</code> should return 96818198400000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler176() {
+  // Good luck!
+  return true;
+}
+
+euler176();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-177-integer-angled-quadrilaterals.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-177-integer-angled-quadrilaterals.portuguese.md
new file mode 100644
index 0000000000..74a49fd538
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-177-integer-angled-quadrilaterals.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41e1000cf542c50ff30
+challengeType: 5
+title: 'Problem 177: Integer angled Quadrilaterals'
+videoUrl: ''
+localeTitle: 'Problema 177: Quadriláteros Angulares Inteiros'
+---
+
+## Description
+<section id="description"> Deixe ABCD ser um quadrilátero convexo, com diagonais AC e BD. Em cada vértice, a diagonal faz um ângulo com cada um dos dois lados, criando oito ângulos de canto. <p> Por exemplo, no vértice A, os dois ângulos são CAD, CAB. Chamamos tal quadrilátero para o qual todos os oito ângulos de canto têm valores inteiros quando medidos em graus e um &quot;quadrilátero angular inteiro&quot;. Um exemplo de um quadrilátero angular inteiro é um quadrado, onde todos os oito ângulos de canto são 45 °. Outro exemplo é dado por DAC = 20 °, BAC = 60 °, ABD = 50 °, CBD = 30 °, BCA = 40 °, DCA = 30 °, CDB = 80 °, ADB = 50 °. Qual é o número total de quadriláteros angulares inteiros não semelhantes? Nota: Em seus cálculos você pode assumir que um ângulo calculado é integral se estiver dentro de uma tolerância de 10-9 de um valor inteiro. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler177()</code> deve retornar 129325.
+    testString: 'assert.strictEqual(euler177(), 129325, "<code>euler177()</code> should return 129325.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler177() {
+  // Good luck!
+  return true;
+}
+
+euler177();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-178-step-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-178-step-numbers.portuguese.md
new file mode 100644
index 0000000000..a155585fba
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-178-step-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41e1000cf542c50ff31
+challengeType: 5
+title: 'Problem 178: Step Numbers'
+videoUrl: ''
+localeTitle: 'Problema 178: Números de Passo'
+---
+
+## Description
+<section id="description"> Considere o número 45656. Pode ser visto que cada par de dígitos consecutivos de 45656 tem uma diferença de um. Um número para o qual cada par de dígitos consecutivos tem uma diferença de um é chamado de número de etapa. Um número pandigital contém todos os dígitos decimais de 0 a 9 pelo menos uma vez. <p> Quantos números de passos pandigitais são menores que 1040? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler178()</code> deve retornar 126461847755.
+    testString: 'assert.strictEqual(euler178(), 126461847755, "<code>euler178()</code> should return 126461847755.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler178() {
+  // Good luck!
+  return true;
+}
+
+euler178();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-179-consecutive-positive-divisors.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-179-consecutive-positive-divisors.portuguese.md
new file mode 100644
index 0000000000..90f2c3b95b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-179-consecutive-positive-divisors.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41f1000cf542c50ff32
+challengeType: 5
+title: 'Problem 179: Consecutive positive divisors'
+videoUrl: ''
+localeTitle: 'Problema 179: Divisores positivos consecutivos'
+---
+
+## Description
+<section id="description"> Encontre o número de inteiros 1 &lt;n &lt;107, para o qual n e n + 1 têm o mesmo número de divisores positivos. Por exemplo, 14 tem os divisores positivos 1, 2, 7, 14 e 15 tem 1, 3, 5, 15. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler179()</code> deve retornar 986262.
+    testString: 'assert.strictEqual(euler179(), 986262, "<code>euler179()</code> should return 986262.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler179() {
+  // Good luck!
+  return true;
+}
+
+euler179();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-18-maximum-path-sum-i.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-18-maximum-path-sum-i.portuguese.md
new file mode 100644
index 0000000000..6d92a545f5
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-18-maximum-path-sum-i.portuguese.md
@@ -0,0 +1,71 @@
+---
+id: 5900f37e1000cf542c50fe91
+challengeType: 5
+title: 'Problem 18: Maximum path sum I'
+videoUrl: ''
+localeTitle: 'Problema 18: soma do caminho máximo I'
+---
+
+## Description
+<section id="description"> Começando no topo do triângulo abaixo e movendo-se para números adjacentes na linha abaixo, o total máximo de cima para baixo é 23 <span style="display: block; text-align: center;"><b style="color: red;">.</b> <br> <b style="color: red;">7</b> 4 <br> 2 <b style="color: red;">4</b> 6 <br> 8 5 <b style="color: red;">9</b> 3</span> Ou seja, 3 + 7 + 4 + 9 = 23. Encontre o total máximo de cima para baixo do triângulo abaixo: <span style="display: block; text-align: center;">75 <br> 95 64 <br> 17 47 82 <br> 18 35 87 10 <br> 20 04 82 47 65 <br> 19 01 23 75 03 34 <br> 88 02 77 73 07 63 67 <br> 99 65 04 28 06 16 70 92 <br> 41 41 26 56 83 40 80 70 33 <br> 41 48 72 33 47 32 37 16 94 29 <br> 53 71 44 65 25 43 91 52 97 51 14 <br> 70 11 33 28 77 73 17 78 39 68 17 57 <br> 91 71 52 38 17 14 91 43 58 50 27 29 48 <br> 63 66 04 68 89 53 67 30 73 16 69 87 40 31 <br> 04 62 98 27 23 09 70 98 73 93 38 53 60 04 23</span> <b>NOTA:</b> Como existem apenas 16384 rotas, é possível resolver este problema tentando todas as rotas. No entanto, o Problema 67 é o mesmo desafio com um triângulo contendo cem linhas; não pode ser resolvido pela força bruta, e requer um método inteligente! o) </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>maximumPathSumI(testTriangle)</code> deve retornar 23.
+    testString: 'assert.strictEqual(maximumPathSumI(testTriangle), 23, "<code>maximumPathSumI(testTriangle)</code> should return 23.");'
+  - text: <code>maximumPathSumI(numTriangle)</code> deve retornar 1074.
+    testString: 'assert.strictEqual(maximumPathSumI(numTriangle), 1074, "<code>maximumPathSumI(numTriangle)</code> should return 1074.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function maximumPathSumI(triangle) {
+  // Good luck!
+  return true;
+}
+
+const testTriangle = [[3, 0, 0, 0],
+                      [7, 4, 0, 0],
+                      [2, 4, 6, 0],
+                      [8, 5, 9, 3]];
+
+maximumPathSumI(testTriangle);
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+const numTriangle = [[75, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [95, 64, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [17, 47, 82, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [18, 35, 87, 10, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [20, 4, 82, 47, 65, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [19, 1, 23, 75, 3, 34, 0, 0, 0, 0, 0, 0, 0, 0, 0], [88, 2, 77, 73, 7, 63, 67, 0, 0, 0, 0, 0, 0, 0, 0], [99, 65, 4, 28, 6, 16, 70, 92, 0, 0, 0, 0, 0, 0, 0], [41, 41, 26, 56, 83, 40, 80, 70, 33, 0, 0, 0, 0, 0, 0], [41, 48, 72, 33, 47, 32, 37, 16, 94, 29, 0, 0, 0, 0, 0], [53, 71, 44, 65, 25, 43, 91, 52, 97, 51, 14, 0, 0, 0, 0], [70, 11, 33, 28, 77, 73, 17, 78, 39, 68, 17, 57, 0, 0, 0], [91, 71, 52, 38, 17, 14, 91, 43, 58, 50, 27, 29, 48, 0, 0], [63, 66, 4, 68, 89, 53, 67, 30, 73, 16, 69, 87, 40, 31, 0], [4, 62, 98, 27, 23, 9, 70, 98, 73, 93, 38, 53, 60, 4, 23]];
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-180-rational-zeros-of-a-function-of-three-variables.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-180-rational-zeros-of-a-function-of-three-variables.portuguese.md
new file mode 100644
index 0000000000..08609151e9
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-180-rational-zeros-of-a-function-of-three-variables.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4201000cf542c50ff33
+challengeType: 5
+title: 'Problem 180: Rational zeros of a function of three variables'
+videoUrl: ''
+localeTitle: 'Problema 180: Zeros Racionais de uma Função de Três Variáveis'
+---
+
+## Description
+<section id="description"> Para qualquer inteiro n, considere as três funções f1, n (x, y, z) = xn + 1 + yn + 1 - zn + 1f2, n (x, y, z) = (xy + yz + zx) * ( xn-1 + yn-1 - zn-1) f3, n (x, y, z) = xyz * (xn-2 + yn-2 - zn-2) e sua combinação fn (x, y, z) = f1, n (x, y, z) + f2, n (x, y, z) - f3, n (x, y, z) Nós chamamos (x, y, z) um triplo dourado de ordem k se x, y e z são todos números racionais da forma a / b com 0 &lt;a &lt;b ≤ k e existe (pelo menos) um inteiro n, de modo que fn (x, y, z) = 0. Seja s (x , y, z) = x + y + z. Seja t = u / v a soma de todos os s distintos (x, y, z) para todos os triplos de ouro (x, y, z) da ordem 35. Todos os s (x, y, z) et devem estar em forma reduzida. Encontre u + v. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler180()</code> deve retornar 285196020571078980.
+    testString: 'assert.strictEqual(euler180(), 285196020571078980, "<code>euler180()</code> should return 285196020571078980.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler180() {
+  // Good luck!
+  return true;
+}
+
+euler180();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-181-investigating-in-how-many-ways-objects-of-two-different-colours-can-be-grouped.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-181-investigating-in-how-many-ways-objects-of-two-different-colours-can-be-grouped.portuguese.md
new file mode 100644
index 0000000000..e027b98f32
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-181-investigating-in-how-many-ways-objects-of-two-different-colours-can-be-grouped.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4231000cf542c50ff34
+challengeType: 5
+title: 'Problem 181: Investigating in how many ways objects of two different colours can be grouped'
+videoUrl: ''
+localeTitle: 'Problema 181: Investigando em quantas maneiras objetos de duas cores diferentes podem ser agrupados'
+---
+
+## Description
+<section id="description"> Possuindo três objetos pretos B e um objeto branco W, eles podem ser agrupados de 7 formas como: (BBBW) (B, BBW) (B, B, BW) (B, B, B, W) (B, BB, W (BBB, W) (BB, BW) De quantas maneiras podem ser agrupados sessenta objetos pretos B e quarenta objetos brancos? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler181()</code> deve retornar 83735848679360670.
+    testString: 'assert.strictEqual(euler181(), 83735848679360670, "<code>euler181()</code> should return 83735848679360670.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler181() {
+  // Good luck!
+  return true;
+}
+
+euler181();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-182-rsa-encryption.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-182-rsa-encryption.portuguese.md
new file mode 100644
index 0000000000..848a3fad5e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-182-rsa-encryption.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4231000cf542c50ff35
+challengeType: 5
+title: 'Problem 182: RSA encryption'
+videoUrl: ''
+localeTitle: 'Problema 182: Criptografia RSA'
+---
+
+## Description
+<section id="description"> A criptografia RSA é baseada no seguinte procedimento: Gere dois primos distintos p e q.Compute n = pq e φ = (p-1) (q-1). Encontre um inteiro e, 1 <e<φ, such="" that="" gcd(e,φ)="1." a="" message="" in="" this="" system="" is="" number="" the="" interval="" [0,n-1].="" text="" to="" be="" encrypted="" then="" somehow="" converted="" messages="" (numbers="" [0,n-1]).="" encrypt="" text,="" for="" each="" message,="" m,="" c="me" mod="" n="" calculated.="" decrypt="" following="" procedure="" needed:="" calculate="" d="" ed="1" φ,="" c,="" m="cd" n.="" there="" exist="" values="" of="" e="" and="" me="" call="" which="" unconcealed="" messages.="" an="" issue="" when="" choosing="" should="" not="" too="" many="" instance,="" let="" p="19" q="37." φ="18*36=648." if="" we="" choose="" then,="" although="" gcd(181,648)="1" it="" turns="" out="" all="" possible="" messagesm="" (0≤m≤n-1)="" are="" calculating="" any="" valid="" choice="" some="" it&#x27;s="" important="" at="" minimum.="" find="" sum="" e,="" 1&#x3C;e&#x3C;φ(1009,3643)="" so="" value="" &#x3C;="" section=""><h2> Instruções </h2><section id="instructions"></section><h2> Testes </h2><section id="tests"><pre> <code class="language-yml">tests: - text: &lt;code&gt;euler182()&lt;/code&gt; should return 399788195976. testString: &#39;assert.strictEqual(euler182(), 399788195976, &quot;&lt;code&gt;euler182()&lt;/code&gt; should return 399788195976.&quot;);&#39;</code> </pre></section><h2> Semente do Desafio </h2><section id="challengeSeed"><div id="js-seed"><pre> <code class="language-js">function euler182() { // Good luck! return true; } euler182();</code> </pre></div></section><h2> Solução </h2><section id="solution"><pre> <code class="language-js">// solution required</code> </pre></section></e<φ,></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler182()</code> deve retornar 399788195976.
+    testString: 'assert.strictEqual(euler182(), 399788195976, "<code>euler182()</code> should return 399788195976.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler182() {
+  // Good luck!
+  return true;
+}
+
+euler182();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-183-maximum-product-of-parts.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-183-maximum-product-of-parts.portuguese.md
new file mode 100644
index 0000000000..6c452f3918
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-183-maximum-product-of-parts.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4231000cf542c50ff36
+challengeType: 5
+title: 'Problem 183: Maximum product of parts'
+videoUrl: ''
+localeTitle: 'Problema 183: Produto Máximo de Peças'
+---
+
+## Description
+<section id="description"> Seja N um inteiro positivo e seja N dividido em k partes iguais, r = N / k, de modo que N = r + r + ... + r. Seja P o produto dessas partes, P = r × r × ... × r = rk. <p> Por exemplo, se 11 é dividido em cinco partes iguais, 11 = 2,2 + 2,2 + 2,2 + 2,2 + 2,2, então P = 2,25 = 51,53632. </p><p> Seja M (N) = Pmax para um dado valor de N. </p><p> Acontece que o máximo para N = 11 é encontrado dividindo onze em quatro partes iguais, o que leva a Pmax = (11/4) 4; isto é, M (11) = 14641/256 = 57.19140625, que é um decimal de terminação. </p><p> No entanto, para N = 8, o máximo é obtido dividindo-o em três partes iguais, portanto, M (8) = 512/27, que é um decimal sem terminação. </p><p> Seja D (N) = N se M (N) for um decimal sem terminação e D (N) = -N se M (N) for um decimal de terminação. </p><p> Por exemplo, ΣD (N) para 5 ≤ N ≤ 100 é 2438. </p><p> Encontre ΣD (N) para 5 ≤ N ≤ 10000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler183()</code> deve retornar 48861552.
+    testString: 'assert.strictEqual(euler183(), 48861552, "<code>euler183()</code> should return 48861552.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler183() {
+  // Good luck!
+  return true;
+}
+
+euler183();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-184-triangles-containing-the-origin.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-184-triangles-containing-the-origin.portuguese.md
new file mode 100644
index 0000000000..d117cc6495
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-184-triangles-containing-the-origin.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4241000cf542c50ff37
+challengeType: 5
+title: 'Problem 184: Triangles containing the origin'
+videoUrl: ''
+localeTitle: 'Problema 184: Triângulos contendo a origem'
+---
+
+## Description
+<section id="description"> Considere o conjunto Ir de pontos (x, y) com coordenadas inteiras no interior do círculo com raio r, centralizado na origem, ou seja, x2 + y2 &lt;r2. Para um raio de 2, I2 contém os nove pontos (0,0), (1,0), (1,1), (0,1), (-1,1), (-1,0), ( -1, -1), (0, -1) e (1, -1). Existem oito triângulos com todos os três vértices em I2 que contêm a origem no interior. Dois deles são mostrados abaixo, os outros são obtidos por rotação. <p> Para um raio de 3, existem 360 triângulos contendo a origem no interior e tendo todos os vértices em I3 e para I5 o número é 10600. </p><p> Quantos triângulos existem contendo a origem no interior e tendo todos os três vértices em I105? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler184()</code> deve retornar 1725323624056.
+    testString: 'assert.strictEqual(euler184(), 1725323624056, "<code>euler184()</code> should return 1725323624056.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler184() {
+  // Good luck!
+  return true;
+}
+
+euler184();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-185-number-mind.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-185-number-mind.portuguese.md
new file mode 100644
index 0000000000..d97c2df6bd
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-185-number-mind.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4251000cf542c50ff38
+challengeType: 5
+title: 'Problem 185: Number Mind'
+videoUrl: ''
+localeTitle: 'Problema 185: Mente Numérica'
+---
+
+## Description
+<section id="description"> O jogo Number Mind é uma variante do bem conhecido jogo Master Mind. Em vez de pinos coloridos, você precisa adivinhar uma sequência secreta de dígitos. Depois de cada palpite você só é informado em quantos lugares você adivinhou o dígito correto. Então, se a sequência fosse 1234 e você adivinhasse 2036, seria informado que você tem um dígito correto; no entanto, você NÃO seria informado de que também tem outro dígito no lugar errado. <p> Por exemplo, dadas as seguintes suposições para uma sequência secreta de 5 dígitos, 90342; 2 corrigem 70794; 0 corrigem 39458; 2 corrigem 34109; 1 corrigem 51545; 2 corrigem 12531; 1 correto A seqüência correta 39542 é única. </p><p> Com base nas seguintes suposições, </p><p> 5616185650518293; 2 correcto 3847439647293047; 1 correcta 5855462940810587; 3 correcta 9742855507068353; 3 correcta 4296849643607543; 3 correcta 3174248439465858; 1 correcta 4513559094146117; 2 correcto 7890971548908067; 3 correcta 8157356344118483; 1 correcta 2615250744386899; 2 correcto 8690095851526254; 3 correcta 6375711915077050; 1 correcta 6913859173121360; 1 correto 6442889055042768; 2 correto 2321386104303845; 0 correto 2326509471271448; 2 correto 5251583379644322; 2 correto 1748270476758276; 3 correto 4895722652190306; 1 correto 3041631117224635; 3 correto 1841236454324589; 3 correto 2659862637316867; 2 correto </p><p> Encontre a sequência secreta exclusiva de 16 dígitos. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler185()</code> deve retornar 4640261571849533.
+    testString: 'assert.strictEqual(euler185(), 4640261571849533, "<code>euler185()</code> should return 4640261571849533.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler185() {
+  // Good luck!
+  return true;
+}
+
+euler185();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-186-connectedness-of-a-network.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-186-connectedness-of-a-network.portuguese.md
new file mode 100644
index 0000000000..a7717be202
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-186-connectedness-of-a-network.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4281000cf542c50ff39
+challengeType: 5
+title: 'Problem 186: Connectedness of a network'
+videoUrl: ''
+localeTitle: 'Problema 186: Conectividade de uma rede'
+---
+
+## Description
+<section id="description"> Aqui estão os registros de um sistema de telefone ocupado com um milhão de usuários: <p> RecNrCallerCalled120000710005326001835004393600863701497 ......... O número de telefone do chamador e o número chamado no registro n são Chamador (n) = S2n-1 e Chamado (n) = S2n onde S1,2,3, ... vem do &quot;gerador de Fibonacci retardado&quot;: </p><p> Para 1 ≤ k ≤ 55, Sk = [100003 - 200003k + 300007k3] (módulo 1000000) Para 56 ≤ k, Sk = [Sk-24 + Sk-55] (módulo 1000000) </p><p> Se Chamador (n) = Chamado (n), presume-se que o usuário discou errado e a chamada falha; caso contrário, a chamada será bem-sucedida. </p><p> Desde o início dos registros, dizemos que qualquer par de usuários X e Y são amigos se X chamar Y ou vice-versa. Da mesma forma, X é amigo de um amigo de Z se X é amigo de Y e Y é amigo de Z; e assim por diante para cadeias mais longas. </p><p> O número de telefone do primeiro-ministro é 524287. Depois de quantas chamadas bem-sucedidas, sem contar as discagens, 99% dos usuários (incluindo a PM) será um amigo, ou um amigo de um amigo etc., do primeiro-ministro? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler186()</code> deve retornar 2325629.
+    testString: 'assert.strictEqual(euler186(), 2325629, "<code>euler186()</code> should return 2325629.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler186() {
+  // Good luck!
+  return true;
+}
+
+euler186();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-187-semiprimes.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-187-semiprimes.portuguese.md
new file mode 100644
index 0000000000..0a12bbb3ff
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-187-semiprimes.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4291000cf542c50ff3a
+challengeType: 5
+title: 'Problem 187: Semiprimes'
+videoUrl: ''
+localeTitle: 'Problema 187: Semiprimes'
+---
+
+## Description
+<section id="description"> Um composto é um número que contém pelo menos dois fatores primos. Por exemplo, 15 = 3 × 5; 9 = 3 x 3; 12 = 2 × 2 × 3. <p> Há dez compostos abaixo de trinta contendo precisamente dois fatores primos, não necessariamente distintos: 4, 6, 9, 10, 14, 15, 21, 22, 25, 26. </p><p> Quantos inteiros compostos, n &lt;108, têm precisamente dois fatores primos, não necessariamente distintos? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler187()</code> deve retornar 17427258.
+    testString: 'assert.strictEqual(euler187(), 17427258, "<code>euler187()</code> should return 17427258.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler187() {
+  // Good luck!
+  return true;
+}
+
+euler187();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-188-the-hyperexponentiation-of-a-number.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-188-the-hyperexponentiation-of-a-number.portuguese.md
new file mode 100644
index 0000000000..d87ce8889a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-188-the-hyperexponentiation-of-a-number.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4291000cf542c50ff3b
+challengeType: 5
+title: 'Problem 188: The hyperexponentiation of a number'
+videoUrl: ''
+localeTitle: 'Problema 188: A hiperexponenciação de um número'
+---
+
+## Description
+<section id="description"> A hiperexponenciação ou tetração de um número a por um inteiro positivo b, denotado por ↑↑b ou ba, é recursivamente definido por: a a 1 = a, a ↑↑ (k + 1) = a (a ↑↑ k ). <p> Assim, temos, por exemplo, 3 ↑↑ 2 = 33 = 27, portanto, 3 ↑↑ 3 = 327 = 7625597484987 e 3 ↑↑ 4 é aproximadamente 103,6383346400240996 * 10 ^ 12. Encontre os últimos 8 dígitos de 1777 a 1855. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler188()</code> deve retornar 95962097.
+    testString: 'assert.strictEqual(euler188(), 95962097, "<code>euler188()</code> should return 95962097.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler188() {
+  // Good luck!
+  return true;
+}
+
+euler188();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-189-tri-colouring-a-triangular-grid.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-189-tri-colouring-a-triangular-grid.portuguese.md
new file mode 100644
index 0000000000..78e0e3b477
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-189-tri-colouring-a-triangular-grid.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4291000cf542c50ff3c
+challengeType: 5
+title: 'Problem 189: Tri-colouring a triangular grid'
+videoUrl: ''
+localeTitle: 'Problema 189: Tri-coloração de uma grade triangular'
+---
+
+## Description
+<section id="description"> Considere a seguinte configuração de 64 triângulos: <p> Desejamos colorir o interior de cada triângulo com uma das três cores: vermelho, verde ou azul, para que não haja dois triângulos vizinhos da mesma cor. Essa coloração deve ser chamada válida. Aqui, dois triângulos são considerados vizinhos se eles compartilham uma borda. Nota: se eles compartilham apenas um vértice, eles não são vizinhos. </p><p> Por exemplo, aqui está uma coloração válida da grade acima: </p><p> Uma coloração C &#39;que é obtida de uma coloração C por rotação ou reflexão é considerada distinta de C, a menos que as duas sejam idênticas. </p><p> Quantas cores válidas distintas existem para a configuração acima? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler189()</code> deve retornar 10834893628237824.
+    testString: 'assert.strictEqual(euler189(), 10834893628237824, "<code>euler189()</code> should return 10834893628237824.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler189() {
+  // Good luck!
+  return true;
+}
+
+euler189();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-19-counting-sundays.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-19-counting-sundays.portuguese.md
new file mode 100644
index 0000000000..a548ae8e48
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-19-counting-sundays.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 5900f37f1000cf542c50fe92
+challengeType: 5
+title: 'Problem 19: Counting Sundays'
+videoUrl: ''
+localeTitle: 'Problema 19: contando os domingos'
+---
+
+## Description
+<section id="description"> Você recebe as seguintes informações, mas talvez prefira pesquisar por si mesmo. <ul><li> 1 de janeiro de 1900 foi uma segunda-feira. </li><li> Trinta dias tem setembro <br> Abril, junho e novembro. <br> Todo o resto tem trinta e um, <br> Salvando fevereiro sozinho, <br> Que tem vinte e oito, chova ou faça sol. <br> E nos anos bissextos, vinte e nove. </li><li> Um ano bissexto ocorre em qualquer ano divisível por 4, mas não em um século, a menos que seja divisível por 400. </li> Quantos domingos caíram no primeiro dia do mês durante o século XX (1º de janeiro de 1901 a 31 de dezembro de 2000)? </ul></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>countingSundays(1943, 1946)</code> deve retornar 6.'
+    testString: 'assert.strictEqual(countingSundays(1943, 1946), 6, "<code>countingSundays(1943, 1946)</code> should return 6.");'
+  - text: '<code>countingSundays(1995, 2000)</code> deve retornar 9.'
+    testString: 'assert.strictEqual(countingSundays(1995, 2000), 9, "<code>countingSundays(1995, 2000)</code> should return 9.");'
+  - text: '<code>countingSundays(1901, 2000)</code> deve retornar 171.'
+    testString: 'assert.strictEqual(countingSundays(1901, 2000), 171, "<code>countingSundays(1901, 2000)</code> should return 171.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countingSundays(firstYear, lastYear) {
+  // Good luck!
+  return true;
+}
+
+countingSundays(1943, 1946);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-190-maximising-a-weighted-product.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-190-maximising-a-weighted-product.portuguese.md
new file mode 100644
index 0000000000..fce8023cc0
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-190-maximising-a-weighted-product.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f42b1000cf542c50ff3d
+challengeType: 5
+title: 'Problem 190: Maximising a weighted product'
+videoUrl: ''
+localeTitle: 'Problema 190: Maximizando um Produto Ponderado'
+---
+
+## Description
+<section id="description"> Seja Sm = (x1, x2, ..., xm) a m-tupla de números reais positivos com x1 + x2 + ... + xm = m para os quais Pm = x1 * x22 * ... * xmm é maximizado . <p> Por exemplo, pode ser verificado que [P10] = 4112 ([] é a função da parte inteira). </p><p> Encontre Σ [Pm] para 2 ≤ m ≤ 15. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler190()</code> deve retornar 371048281.
+    testString: 'assert.strictEqual(euler190(), 371048281, "<code>euler190()</code> should return 371048281.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler190() {
+  // Good luck!
+  return true;
+}
+
+euler190();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-191-prize-strings.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-191-prize-strings.portuguese.md
new file mode 100644
index 0000000000..6d1855fd27
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-191-prize-strings.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f42b1000cf542c50ff3e
+challengeType: 5
+title: 'Problem 191: Prize Strings'
+videoUrl: ''
+localeTitle: 'Problema 191: cordas do prêmio'
+---
+
+## Description
+<section id="description"> Uma escola particular oferece recompensas em dinheiro para crianças com boa frequência e pontualidade. Se estiverem ausentes por três dias consecutivos ou atrasados ​​em mais de uma ocasião, perdem o prêmio. <p> Durante um período de n dias, uma cadeia trinária é formada para cada criança, consistindo de L&#39;s (atrasado), O&#39;s (no tempo) e A&#39;s (ausente). </p><p> Embora haja oitenta e uma cordas trinárias para um período de 4 dias que pode ser formado, exatamente quarenta e três cordas levariam a um prêmio: </p><p> OOOO OOOL OOOL OO OO OO OO OO OO OO OO OO OO OO OO OO OO OO OO OO OO OO OOL OOLO OOLA O OOOO OLAO OOOO AOOO AOOA AOOL AOAO AOAA AOAL AOOL AOLO AOOA AOOA AAOL AALO AOOA AOOA ALAO ALAA AOOA LOOO A LOAA A LAO A LAOA </p><p> Quantas strings &quot;prêmio&quot; existem em um período de 30 dias? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler191()</code> deve retornar 1918080160.
+    testString: 'assert.strictEqual(euler191(), 1918080160, "<code>euler191()</code> should return 1918080160.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler191() {
+  // Good luck!
+  return true;
+}
+
+euler191();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-192-best-approximations.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-192-best-approximations.portuguese.md
new file mode 100644
index 0000000000..d6421c4c2e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-192-best-approximations.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f42c1000cf542c50ff3f
+challengeType: 5
+title: 'Problem 192: Best Approximations'
+videoUrl: ''
+localeTitle: 'Problema 192: Melhores Aproximações'
+---
+
+## Description
+<section id="description"> Seja x um número real. Uma melhor aproximação para x para o denominador ligado d é um número racional r / s em forma reduzida, com s ≤ d, tal que qualquer número racional que esteja mais próximo de x do que r / s tem um denominador maior que d: <p> | p / qx | &lt;/ r / sx | ⇒ q&gt; d </p><p> Por exemplo, a melhor aproximação para √13 para o denominador 20 é 18/5 e a melhor aproximação para for13 para o denominador 30 é 101/28. </p><p> Encontre a soma de todos os denominadores das melhores aproximações de √n para o denominador ligado a 1012, onde n não é um quadrado perfeito e 1 &lt;n ≤ 100000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler192()</code> deve retornar 57060635927998344.
+    testString: 'assert.strictEqual(euler192(), 57060635927998344, "<code>euler192()</code> should return 57060635927998344.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler192() {
+  // Good luck!
+  return true;
+}
+
+euler192();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-193-squarefree-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-193-squarefree-numbers.portuguese.md
new file mode 100644
index 0000000000..40d22eeb9a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-193-squarefree-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f42f1000cf542c50ff41
+challengeType: 5
+title: 'Problem 193: Squarefree Numbers'
+videoUrl: ''
+localeTitle: 'Problema 193: números Squarefree'
+---
+
+## Description
+<section id="description"> Um inteiro positivo n é chamado de quadrado livre, se nenhum quadrado de um primo divide n, assim 1, 2, 3, 5, 6, 7, 10, 11 são quadrados, mas não 4, 8, 9, 12. <p> Quantos números quadrados estão abaixo de 250? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler193()</code> deve retornar 684465067343069.
+    testString: 'assert.strictEqual(euler193(), 684465067343069, "<code>euler193()</code> should return 684465067343069.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler193() {
+  // Good luck!
+  return true;
+}
+
+euler193();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-194-coloured-configurations.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-194-coloured-configurations.portuguese.md
new file mode 100644
index 0000000000..08619746ec
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-194-coloured-configurations.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f42f1000cf542c50ff40
+challengeType: 5
+title: 'Problem 194: Coloured Configurations'
+videoUrl: ''
+localeTitle: 'Problema 194: Configurações Coloridas'
+---
+
+## Description
+<section id="description"> Considere os gráficos construídos com as unidades A: e B:, onde as unidades são coladas ao longo das bordas verticais, como no gráfico. <p> Uma configuração do tipo (a, b, c) é um gráfico assim construído de unidades A e b unidades B, onde os vértices do gráfico são coloridos usando até c cores, de modo que dois vértices adjacentes não tenham a mesma cor. O gráfico composto acima é um exemplo de uma configuração do tipo (2,2,6), na verdade do tipo (2,2, c) para todo c ≥ 4. </p><p> Seja N (a, b, c) o número de configurações do tipo (a, b, c). Por exemplo, N (1,0,3) = 24, N (0,2,4) = 92928 e N (2,2,3) = 20736. </p><p> Encontre os últimos 8 dígitos de N (25,75,1984). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler194()</code> deve retornar 61190912.
+    testString: 'assert.strictEqual(euler194(), 61190912, "<code>euler194()</code> should return 61190912.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler194() {
+  // Good luck!
+  return true;
+}
+
+euler194();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-195-inscribed-circles-of-triangles-with-one-angle-of-60-degrees.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-195-inscribed-circles-of-triangles-with-one-angle-of-60-degrees.portuguese.md
new file mode 100644
index 0000000000..a61c196b0a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-195-inscribed-circles-of-triangles-with-one-angle-of-60-degrees.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4311000cf542c50ff43
+challengeType: 5
+title: 'Problem 195: Inscribed circles of triangles with one angle of 60 degrees'
+videoUrl: ''
+localeTitle: 'Problema 195: Círculos inscritos de triângulos com um ângulo de 60 graus'
+---
+
+## Description
+<section id="description"> Vamos chamar um triângulo de lados inteiros com exatamente um ângulo de 60 graus e um triângulo de 60 graus. Seja r o raio do círculo inscrito desse triângulo de 60 graus. Existem 1234 triângulos de 60 graus para os quais r ≤ 100. Seja T (n) o número de triângulos de 60 graus para os quais r ≤ n, T (100) = 1234, T (1000) = 22767 e T ( 10000) = 359912. <p> Encontre T (1053779). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler195()</code> deve retornar 75085391.
+    testString: 'assert.strictEqual(euler195(), 75085391, "<code>euler195()</code> should return 75085391.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler195() {
+  // Good luck!
+  return true;
+}
+
+euler195();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-196-prime-triplets.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-196-prime-triplets.portuguese.md
new file mode 100644
index 0000000000..1e4e29764d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-196-prime-triplets.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4301000cf542c50ff42
+challengeType: 5
+title: 'Problem 196: Prime triplets'
+videoUrl: ''
+localeTitle: 'Problema 196: Primeiros Trigêmeos'
+---
+
+## Description
+<section id="description"> Construa um triângulo a partir de todos os inteiros positivos da seguinte maneira: <p> 1 2 3 4 5 6 7 8 9 1011 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 2829 30 31 32 33 34 35 3637 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66. . . </p><p> Cada inteiro positivo tem até oito vizinhos no triângulo. </p><p> Um conjunto de três primos é chamado de trígono primo se um dos três primos tiver os outros dois como vizinhos no triângulo. </p><p> Por exemplo, na segunda linha, os números primos 2 e 3 são elementos de algum trio primo. </p><p> Se a linha 8 é considerada, ela contém dois primos que são elementos de algum trígono primo, ie 29 e 31. Se a linha 9 for considerada, ela contém apenas um primo que é um elemento de um trinca primo: 37. </p><p> Defina S (n) como a soma dos primos na linha n que são elementos de qualquer trinca primo. Então S (8) = 60 e S (9) = 37. </p><p> Você é dado que S (10000) = 950007619. </p><p> Encontre S (5678027) + S (7208785). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler196()</code> deve retornar 322303240771079940.
+    testString: 'assert.strictEqual(euler196(), 322303240771079940, "<code>euler196()</code> should return 322303240771079940.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler196() {
+  // Good luck!
+  return true;
+}
+
+euler196();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-197-investigating-the-behaviour-of-a-recursively-defined-sequence.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-197-investigating-the-behaviour-of-a-recursively-defined-sequence.portuguese.md
new file mode 100644
index 0000000000..291066a490
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-197-investigating-the-behaviour-of-a-recursively-defined-sequence.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4311000cf542c50ff44
+challengeType: 5
+title: 'Problem 197: Investigating the behaviour of a recursively defined sequence'
+videoUrl: ''
+localeTitle: 'Problema 197: Investigando o comportamento de uma sequência definida recursivamente'
+---
+
+## Description
+<section id="description"> Dado é a função f (x) = ⌊230.403243784-x2⌋ × 10-9 (⌊ ⌋ é a função floor), a seqüência un é definida por u0 = -1 e un + 1 = f (un). <p> Encontre un + un + 1 para n = 1012. Dê sua resposta com 9 dígitos após o ponto decimal. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler197()</code> deve retornar 1.710637717.
+    testString: 'assert.strictEqual(euler197(), 1.710637717, "<code>euler197()</code> should return 1.710637717.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler197() {
+  // Good luck!
+  return true;
+}
+
+euler197();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-198-ambiguous-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-198-ambiguous-numbers.portuguese.md
new file mode 100644
index 0000000000..69d40e5def
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-198-ambiguous-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4331000cf542c50ff45
+challengeType: 5
+title: 'Problem 198: Ambiguous Numbers'
+videoUrl: ''
+localeTitle: 'Problema 198: números ambíguos'
+---
+
+## Description
+<section id="description"> Uma melhor aproximação para um número real x para o denominador ligado d é um número racional r / s (em forma reduzida) com s ≤ d, de modo que qualquer número racional p / q que esteja mais próximo de x que r / s tenha q&gt; d. <p> Normalmente, a melhor aproximação a um número real é determinada exclusivamente para todos os limites do denominador. No entanto, existem algumas exceções, por exemplo, 9/40 tem as duas melhores aproximações 1/4 e 1/5 para o denominador ligado 6. Chamaremos um número real x ambíguo, se houver pelo menos um denominador ligado para o qual x possui duas melhores aproximações. Claramente, um número ambíguo é necessariamente racional. </p><p> Quantos números ambíguos x = p / q, 0 &lt;x &lt;1/100, há o cujo denominador q não exceda 108? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler198()</code> deve retornar 52374425.
+    testString: 'assert.strictEqual(euler198(), 52374425, "<code>euler198()</code> should return 52374425.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler198() {
+  // Good luck!
+  return true;
+}
+
+euler198();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-199-iterative-circle-packing.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-199-iterative-circle-packing.portuguese.md
new file mode 100644
index 0000000000..354a04aa76
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-199-iterative-circle-packing.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4341000cf542c50ff46
+challengeType: 5
+title: 'Problem 199: Iterative Circle Packing'
+videoUrl: ''
+localeTitle: 'Problema 199: Embalagem com Círculo Iterativo'
+---
+
+## Description
+<section id="description"> Três círculos de raio igual são colocados dentro de um círculo maior de forma que cada par de círculos seja tangente um ao outro e os círculos internos não se sobreponham. Existem quatro &quot;lacunas&quot; descobertas que devem ser preenchidas iterativamente com círculos mais tangentes. <p> Em cada iteração, um círculo de tamanho máximo é colocado em cada lacuna, o que cria mais lacunas para a próxima iteração. Após 3 iterações (foto), existem 108 intervalos e a fração da área que não é coberta por círculos é 0,06790342, arredondada para oito casas decimais. </p><p> Que fração da área não é coberta por círculos após 10 iterações? Dê sua resposta arredondada para oito casas decimais usando o formato x.xxxxxxxx. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>euler199()</code> deve retornar 0,00396087.'
+    testString: 'assert.strictEqual(euler199(), 0.00396087, "<code>euler199()</code> should return 0.00396087.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler199() {
+  // Good luck!
+  return true;
+}
+
+euler199();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-2-even-fibonacci-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-2-even-fibonacci-numbers.portuguese.md
new file mode 100644
index 0000000000..053bebf460
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-2-even-fibonacci-numbers.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 5900f36e1000cf542c50fe81
+challengeType: 5
+title: 'Problem 2: Even Fibonacci Numbers'
+videoUrl: ''
+localeTitle: 'Problema 2: Mesmo os números de Fibonacci'
+---
+
+## Description
+<section id="description"> Cada novo termo na seqüência de Fibonacci é gerado adicionando os dois termos anteriores. Começando com 1 e 2, os primeiros 10 termos serão: <div style="text-align: center;"> 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, ... </div> Ao considerar os termos na seqüência de Fibonacci cujos valores não excedem o termo <code>n</code> , encontre a soma dos termos de valor par. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>fiboEvenSum(10)</code> deve retornar 188.
+    testString: 'assert.strictEqual(fiboEvenSum(10), 188, "<code>fiboEvenSum(10)</code> should return 188.");'
+  - text: <code>fiboEvenSum(23)</code> deve retornar 60696.
+    testString: 'assert.strictEqual(fiboEvenSum(23), 60696, "<code>fiboEvenSum(23)</code> should return 60696.");'
+  - text: <code>fiboEvenSum(43)</code> deve retornar 1485607536.
+    testString: 'assert.strictEqual(fiboEvenSum(43), 1485607536, "<code>fiboEvenSum(43)</code> should return 1485607536.");'
+  - text: Sua função não está retornando o resultado correto usando nossos valores de teste.
+    testString: 'assert.strictEqual(fiboEvenSum(18), 3382, "Your function is not returning the correct result using our tests values.");'
+  - text: Sua função deve retornar um valor <code>even</code> .
+    testString: 'assert.equal(fiboEvenSum(31) % 2 === 0, true, "Your function should return an <code>even</code> value.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fiboEvenSum(n) {
+  // You can do it!
+  return true;
+}
+
+fiboEvenSum(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-20-factorial-digit-sum.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-20-factorial-digit-sum.portuguese.md
new file mode 100644
index 0000000000..fe6e3a305f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-20-factorial-digit-sum.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 5900f3801000cf542c50fe93
+challengeType: 5
+title: 'Problem 20: Factorial digit sum'
+videoUrl: ''
+localeTitle: 'Problema 20: soma do dígito fatorial'
+---
+
+## Description
+<section id="description"> <var>n</var> ! significa <var>n</var> × ( <var>n</var> - 1) × ... × 3 × 2 × 1 Por exemplo, 10! = 10 × 9 × ... × 3 × 2 × 1 = 3628800, <br> e a soma dos dígitos no número 10! é 3 + 6 + 2 + 8 + 8 + 0 + 0 = 27. Encontre a soma dos dígitos <var>n</var> ! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumFactorialDigits(10)</code> deve retornar 27.
+    testString: 'assert.strictEqual(sumFactorialDigits(10), 27, "<code>sumFactorialDigits(10)</code> should return 27.");'
+  - text: <code>sumFactorialDigits(25)</code> deve retornar 72.
+    testString: 'assert.strictEqual(sumFactorialDigits(25), 72, "<code>sumFactorialDigits(25)</code> should return 72.");'
+  - text: <code>sumFactorialDigits(50)</code> deve retornar 216.
+    testString: 'assert.strictEqual(sumFactorialDigits(50), 216, "<code>sumFactorialDigits(50)</code> should return 216.");'
+  - text: <code>sumFactorialDigits(75)</code> deve retornar 432.
+    testString: 'assert.strictEqual(sumFactorialDigits(75), 432, "<code>sumFactorialDigits(75)</code> should return 432.");'
+  - text: <code>sumFactorialDigits(100)</code> deve retornar 648.
+    testString: 'assert.strictEqual(sumFactorialDigits(100), 648, "<code>sumFactorialDigits(100)</code> should return 648.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumFactorialDigits(n) {
+  // Good luck!
+  return n;
+}
+
+sumFactorialDigits(100);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-200-find-the-200th-prime-proof-sqube-containing-the-contiguous-sub-string-200.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-200-find-the-200th-prime-proof-sqube-containing-the-contiguous-sub-string-200.portuguese.md
new file mode 100644
index 0000000000..a28b3cbf94
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-200-find-the-200th-prime-proof-sqube-containing-the-contiguous-sub-string-200.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4351000cf542c50ff47
+challengeType: 5
+title: 'Problem 200: Find the 200th prime-proof sqube containing the contiguous sub-string "200"'
+videoUrl: ''
+localeTitle: 'Problema 200: Encontre o 200º sqube à prova de prime contendo a sub-string contígua "200"'
+---
+
+## Description
+<section id="description"> Nós definiremos um sqube como um número da forma, p2q3, onde p e q são primos distintos. Por exemplo, 200 = 5223 ou 120072949 = 232613. <p> Os primeiros cinco squbes são 72, 108, 200, 392 e 500. </p><p> Curiosamente, 200 é também o primeiro número para o qual você não pode alterar nenhum dígito para fazer um primo; nós chamaremos esses números, à prova de chumbo. O próximo escopo à prova de primos que contém a subcadeia contígua &quot;200&quot; é 1992008. </p><p> Encontre o 200º sqube à prova de prime contendo a sub-string contígua &quot;200&quot;. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler200()</code> deve retornar 229161792008.
+    testString: 'assert.strictEqual(euler200(), 229161792008, "<code>euler200()</code> should return 229161792008.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler200() {
+  // Good luck!
+  return true;
+}
+
+euler200();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-201-subsets-with-a-unique-sum.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-201-subsets-with-a-unique-sum.portuguese.md
new file mode 100644
index 0000000000..3d330df74a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-201-subsets-with-a-unique-sum.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4361000cf542c50ff48
+challengeType: 5
+title: 'Problem 201: Subsets with a unique sum'
+videoUrl: ''
+localeTitle: 'Problema 201: Subconjuntos com uma soma única'
+---
+
+## Description
+<section id="description"> Para qualquer conjunto A de números, seja soma (A) a soma dos elementos de A. Considere o conjunto B = {1,3,6,8,10,11}. Existem 20 subconjuntos de B contendo três elementos e suas somas são: <p> soma ({1,3,6}) = 10, soma ({1,3,8}) = 12, soma ({1,3,10}) = 14, soma ({1,3,11}) = 15, soma ({1,6,8}) = 15, soma ({1,6,10}) = 17, soma ({1,6,11}) = 18, soma ({1,8,10} ) = 19, soma ({1,8,11}) = 20, soma ({1,10,11}) = 22, soma ({3,6,8}) = 17, soma ({3,6, 10}) = 19, soma ({3,6,11}) = 20, soma ({3,8,10}) = 21, soma ({3,8,11}) = 22, soma ({3, 10,11}) = 24, soma ({6,8,10}) = 24, soma ({6,8,11}) = 25, soma ({6,10,11}) = 27, soma ({ 8,10,11}) = 29. </p><p> Algumas dessas somas ocorrem mais de uma vez, outras são únicas. Para um conjunto A, seja U (A, k) o conjunto de somas únicas de subconjuntos de elementos-k de A, em nosso exemplo encontramos U (B, 3) = {10,12,14,18,21,25 , 27,29} e soma (U (B, 3)) = 156. </p><p> Agora considere o conjunto de 100 elementos S = {12, 22, ..., 1002}. S tem 100891344545564193334812497256 subconjuntos de 50 elementos. </p><p> Determine a soma de todos os inteiros que são a soma de exatamente um dos subconjuntos de 50 elementos de S, isto é, encontre a soma (U (S, 50)). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler201()</code> deve retornar 115039000.
+    testString: 'assert.strictEqual(euler201(), 115039000, "<code>euler201()</code> should return 115039000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler201() {
+  // Good luck!
+  return true;
+}
+
+euler201();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-202-laserbeam.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-202-laserbeam.portuguese.md
new file mode 100644
index 0000000000..a2e642e9f8
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-202-laserbeam.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4371000cf542c50ff49
+challengeType: 5
+title: 'Problem 202: Laserbeam'
+videoUrl: ''
+localeTitle: 'Problema 202: Laserbeam'
+---
+
+## Description
+<section id="description"> Três espelhos são dispostos na forma de um triângulo equilátero, com suas superfícies reflexivas apontando para dentro. Existe um intervalo infinitesimal em cada vértice do triângulo através do qual um raio laser pode passar. <p> Rotule os vértices A, B e C. Existem duas maneiras em que um feixe de laser pode entrar no vértice C, saltar 11 superfícies e, em seguida, sair pelo mesmo vértice: uma maneira é mostrada abaixo; o outro é o reverso disso. </p><p> Existem 80840 maneiras em que um feixe de laser pode entrar no vértice C, saltar 1000001 superfícies e, em seguida, sair pelo mesmo vértice. </p><p> De quantas maneiras um feixe de laser pode entrar no vértice C, saltar fora de 12017639147 superfícies, em seguida, sair através do mesmo vértice? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler202()</code> deve retornar 1209002624.
+    testString: 'assert.strictEqual(euler202(), 1209002624, "<code>euler202()</code> should return 1209002624.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler202() {
+  // Good luck!
+  return true;
+}
+
+euler202();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-203-squarefree-binomial-coefficients.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-203-squarefree-binomial-coefficients.portuguese.md
new file mode 100644
index 0000000000..307c5d516a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-203-squarefree-binomial-coefficients.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4381000cf542c50ff4a
+challengeType: 5
+title: 'Problem 203: Squarefree Binomial Coefficients'
+videoUrl: ''
+localeTitle: 'Problema 203: Coeficientes Binomiais Squarefree'
+---
+
+## Description
+<section id="description"> Os coeficientes binomiais nCk podem ser dispostos em forma triangular, o triângulo de Pascal, assim: <p> 111121133114641151010511615201561172135352171 ......... </p><p> Pode-se observar que as oito primeiras linhas do triângulo de Pascal contêm doze números distintos: 1, 2, 3, 4, 5, 6, 7, 10, 15, 20, 21 e 35. </p><p> Um inteiro positivo n é chamado de quadrado livre se nenhum quadrado de um primo divide n. Dos doze números distintos nas oito primeiras linhas do triângulo de Pascal, todos exceto 4 e 20 são quadrados. A soma dos números livres livres de quadrados nas oito primeiras linhas é 105. </p><p> Encontre a soma dos números distintos quadrados nas primeiras 51 linhas do triângulo de Pascal. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler203()</code> deve retornar 34029210557338.
+    testString: 'assert.strictEqual(euler203(), 34029210557338, "<code>euler203()</code> should return 34029210557338.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler203() {
+  // Good luck!
+  return true;
+}
+
+euler203();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-204-generalised-hamming-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-204-generalised-hamming-numbers.portuguese.md
new file mode 100644
index 0000000000..d366a65a7d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-204-generalised-hamming-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4381000cf542c50ff4b
+challengeType: 5
+title: 'Problem 204: Generalised Hamming Numbers'
+videoUrl: ''
+localeTitle: 'Problema 204: Números de Hamming Generalizados'
+---
+
+## Description
+<section id="description"> Um número de Hamming é um número positivo que não tem fator primo maior que 5. Assim, os primeiros números de Hamming são 1, 2, 3, 4, 5, 6, 8, 9, 10, 12, 15. Existem 1105 números de Hamming. não superior a 108. <p> Chamaremos um número positivo de um número de Hamming generalizado do tipo n, se não tiver um fator primo maior que n. Portanto, os números de Hamming são os números generalizados de Hamming do tipo 5. </p><p> Quantos números generalizados de Hamming do tipo 100 existem que não excedem 109? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler204()</code> deve retornar 2944730.
+    testString: 'assert.strictEqual(euler204(), 2944730, "<code>euler204()</code> should return 2944730.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler204() {
+  // Good luck!
+  return true;
+}
+
+euler204();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-205-dice-game.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-205-dice-game.portuguese.md
new file mode 100644
index 0000000000..9bb4a4aaf1
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-205-dice-game.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4391000cf542c50ff4c
+challengeType: 5
+title: 'Problem 205: Dice Game'
+videoUrl: ''
+localeTitle: 'Problema 205: Jogo de Dados'
+---
+
+## Description
+<section id="description"> Pedro tem nove dados de quatro lados (piramidais), cada um com rostos numerados de 1, 2, 3, 4. Colin tem seis dados de seis lados (cúbicos), cada um com rostos numerados 1, 2, 3, 4, 5, 6. <p> Peter e Colin rolam seus dados e comparam os totais: as vitórias totais mais altas. O resultado é um empate se os totais forem iguais. </p><p> Qual é a probabilidade de que o Piramidal Pete vença o Colin Cúbico? Dê sua resposta arredondada para sete casas decimais na forma 0.abcdefg </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>euler205()</code> deve retornar 0,5731441.'
+    testString: 'assert.strictEqual(euler205(), 0.5731441, "<code>euler205()</code> should return 0.5731441.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler205() {
+  // Good luck!
+  return true;
+}
+
+euler205();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-206-concealed-square.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-206-concealed-square.portuguese.md
new file mode 100644
index 0000000000..f749cfe73a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-206-concealed-square.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f43a1000cf542c50ff4d
+challengeType: 5
+title: 'Problem 206: Concealed Square'
+videoUrl: ''
+localeTitle: 'Problema 206: Quadrado Escondido'
+---
+
+## Description
+<section id="description"> Encontre o inteiro positivo único cujo quadrado tem a forma 1_2_3_4_5_6_7_8_9_0, onde cada “_” é um dígito único. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler206()</code> deve retornar 1389019170.
+    testString: 'assert.strictEqual(euler206(), 1389019170, "<code>euler206()</code> should return 1389019170.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler206() {
+  // Good luck!
+  return true;
+}
+
+euler206();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-207-integer-partition-equations.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-207-integer-partition-equations.portuguese.md
new file mode 100644
index 0000000000..ef6a041eb4
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-207-integer-partition-equations.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f43c1000cf542c50ff4e
+challengeType: 5
+title: 'Problem 207: Integer partition equations'
+videoUrl: ''
+localeTitle: 'Problema 207: equações de partições inteiras'
+---
+
+## Description
+<section id="description"> Para alguns inteiros positivos k, existe uma partição inteira da forma 4t = 2t + k, onde 4t, 2t ek são todos inteiros positivos e t é um número real. <p> As duas primeiras partições são 41 = 21 + 2 e 41.5849625 ... = 21.5849625 ... + 6. </p><p> Partições onde t é também um inteiro são chamadas perfeitas. Para qualquer m ≥ 1 seja P (m) a proporção de tais partições que são perfeitas com k ≤ m. Assim P (6) = 1/2. </p><p> Na tabela a seguir estão listados alguns valores de P (m) P (5) = 1/1 P (10) = ½ P (15) = 2/3 P (20) = ½ P (25) = 1/2 P (30) = 2/5 ... P (180) = 1/4 P (185) = 3/13 </p><p> Encontre o menor m para o qual P (m) &lt;1/12345 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler207()</code> deve retornar 44043947822.
+    testString: 'assert.strictEqual(euler207(), 44043947822, "<code>euler207()</code> should return 44043947822.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler207() {
+  // Good luck!
+  return true;
+}
+
+euler207();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-208-robot-walks.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-208-robot-walks.portuguese.md
new file mode 100644
index 0000000000..7c96511c2e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-208-robot-walks.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f43f1000cf542c50ff51
+challengeType: 5
+title: 'Problem 208: Robot Walks'
+videoUrl: ''
+localeTitle: 'Problema 208: Caminhadas Robô'
+---
+
+## Description
+<section id="description"> Um robô se move em uma série de um quinto arcos circulares (72 °), com a livre escolha de um arco no sentido horário ou anti-horário para cada degrau, mas sem virar no local. <p> Um dos 70932 possíveis caminhos fechados de 25 arcos a partir do norte é </p><p> Dado que o robô começa a se deparar com o Norte, quantas viagens de 70 arcos de comprimento pode levar para que ele retorne, após o arco final, à sua posição inicial? (Qualquer arco pode ser percorrido várias vezes.) </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler208()</code> deve retornar 331951449665644800.
+    testString: 'assert.strictEqual(euler208(), 331951449665644800, "<code>euler208()</code> should return 331951449665644800.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler208() {
+  // Good luck!
+  return true;
+}
+
+euler208();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-209-circular-logic.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-209-circular-logic.portuguese.md
new file mode 100644
index 0000000000..13893dff5b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-209-circular-logic.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f43e1000cf542c50ff4f
+challengeType: 5
+title: 'Problem 209: Circular Logic'
+videoUrl: ''
+localeTitle: 'Problema 209: Lógica Circular'
+---
+
+## Description
+<section id="description"> Uma tabela de verdade binária k-input é um mapa de k bits de entrada (dígitos binários, 0 [falso] ou 1 [verdadeiro]) para 1 bit de saída. Por exemplo, as tabelas verdadeiras binárias de 2 entradas para as funções lógicas AND e XOR são: <p> x y x y000010100111x y x XOR y000011101110Quantas tabelas verdadeiras binárias de 6 entradas, τ, satisfazem a fórmula </p><p> τ (a, b, c, d, e, f) AND τ (b, c, d, e, f, a XOR (b AND c)) = 0 para todas as entradas de 6 bits (a, b, c, d, e, f)? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler209()</code> deve retornar 15964587728784.
+    testString: 'assert.strictEqual(euler209(), 15964587728784, "<code>euler209()</code> should return 15964587728784.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler209() {
+  // Good luck!
+  return true;
+}
+
+euler209();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-21-amicable-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-21-amicable-numbers.portuguese.md
new file mode 100644
index 0000000000..cff6c1248e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-21-amicable-numbers.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3811000cf542c50fe94
+challengeType: 5
+title: 'Problem 21: Amicable numbers'
+videoUrl: ''
+localeTitle: 'Problema 21: números amigáveis'
+---
+
+## Description
+<section id="description"> Seja d ( <var>n</var> ) definido como a soma dos divisores apropriados de <var>n</var> (números menores que <var>n</var> que se dividem igualmente em <var>n</var> ). Se d ( <var>a</var> ) = <var>b</var> e d ( <var>b</var> ) = <var>a</var> , onde <var>a</var> ≠ <var>b</var> , então <var>a</var> e <var>b</var> são um par amigável e cada <var>um</var> de <var>a</var> e <var>b</var> são chamados de números amigáveis. Por exemplo, os divisores apropriados de 220 são 1, 2, 4, 5, 10, 11, 20, 22, 44, 55 e 110; portanto d (220) = 284. Os divisores apropriados de 284 são 1, 2, 4, 71 e 142; so d (284) = 220. Avalie a soma de todos os números amigáveis ​​sob <var>n</var> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumAmicableNum(1000)</code> deve retornar 504.
+    testString: 'assert.strictEqual(sumAmicableNum(1000), 504, "<code>sumAmicableNum(1000)</code> should return 504.");'
+  - text: <code>sumAmicableNum(2000)</code> deve retornar 2898.
+    testString: 'assert.strictEqual(sumAmicableNum(2000), 2898, "<code>sumAmicableNum(2000)</code> should return 2898.");'
+  - text: <code>sumAmicableNum(5000)</code> deve retornar 8442.
+    testString: 'assert.strictEqual(sumAmicableNum(5000), 8442, "<code>sumAmicableNum(5000)</code> should return 8442.");'
+  - text: <code>sumAmicableNum(10000)</code> deve retornar 31626.
+    testString: 'assert.strictEqual(sumAmicableNum(10000), 31626, "<code>sumAmicableNum(10000)</code> should return 31626.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumAmicableNum(n) {
+  // Good luck!
+  return n;
+}
+
+sumAmicableNum(10000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-210-obtuse-angled-triangles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-210-obtuse-angled-triangles.portuguese.md
new file mode 100644
index 0000000000..25547aba4c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-210-obtuse-angled-triangles.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f43e1000cf542c50ff50
+challengeType: 5
+title: 'Problem 210: Obtuse Angled Triangles'
+videoUrl: ''
+localeTitle: 'Problema 210: Triângulos Angulares Obturados'
+---
+
+## Description
+<section id="description"> Considere o conjunto S (r) de pontos (x, y) com coordenadas inteiras satisfazendo | x | + | y ​​| ≤ r. Seja O o ponto (0,0) e C o ponto (r / 4, r / 4). Seja N (r) o número de pontos B em S (r), de forma que o triângulo OBC tenha um ângulo obtuso, isto é, o maior ângulo α satisfaça 90 ° &lt;α &lt;180 °. Então, por exemplo, N (4) = 24 e N (8) = 100. <p> O que é N (1.000.000.000)? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler210()</code> deve retornar 1598174770174689500.
+    testString: 'assert.strictEqual(euler210(), 1598174770174689500, "<code>euler210()</code> should return 1598174770174689500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler210() {
+  // Good luck!
+  return true;
+}
+
+euler210();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-211-divisor-square-sum.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-211-divisor-square-sum.portuguese.md
new file mode 100644
index 0000000000..e14eb10a10
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-211-divisor-square-sum.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f43f1000cf542c50ff52
+challengeType: 5
+title: 'Problem 211: Divisor Square Sum'
+videoUrl: ''
+localeTitle: 'Problema 211: soma quadrada do divisor'
+---
+
+## Description
+<section id="description"> Para um inteiro positivo n, seja σ2 (n) a soma dos quadrados de seus divisores. Por exemplo, σ2 (10) = 1 + 4 + 25 + 100 = 130. Encontre a soma de todos n, 0 &lt;n &lt;64.000.000 tais que σ2 (n) é um quadrado perfeito. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler211()</code> deve retornar 1922364685.
+    testString: 'assert.strictEqual(euler211(), 1922364685, "<code>euler211()</code> should return 1922364685.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler211() {
+  // Good luck!
+  return true;
+}
+
+euler211();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-212-combined-volume-of-cuboids.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-212-combined-volume-of-cuboids.portuguese.md
new file mode 100644
index 0000000000..dbda5d591f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-212-combined-volume-of-cuboids.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4411000cf542c50ff53
+challengeType: 5
+title: 'Problem 212: Combined Volume of Cuboids'
+videoUrl: ''
+localeTitle: 'Problema 212: Volume Combinado de Cubóides'
+---
+
+## Description
+<section id="description"> Um cubóide alinhado ao eixo, especificado pelos parâmetros {(x0, y0, z0), (dx, dy, dz)}, consiste em todos os pontos (X, Y, Z) de modo que x0 ≤ X ≤ x0 + dx, y0 ≤ Y ≤ y0 + dy e z0 ≤ Z ≤ z0 + dz. O volume do cubóide é o produto, dx × dy × dz. O volume combinado de uma coleção de cubóides é o volume de sua união e será menor que a soma dos volumes individuais se qualquer cubóide se sobrepor. <p> Seja C1, ..., C50000 uma coleção de 50000 cubos alinhados no eixo, de modo que Cn tenha parâmetros </p><p> x0 = S6n-5 módulo 10000y0 = S6n-4 módulo 10000z0 = S6n-3 módulo 10000dx = 1 + (S6n-2 módulo 399) dy = 1 + (S6n-1 módulo 399) dz = 1 + (S6n módulo 399) </p><p> onde S1, ..., S300000 vêm do &quot;Gerador de Fibonacci Desfigurado&quot;: </p><p> Para 1 ≤ k ≤ 55, Sk = [100003 - 200003k + 300007k3] (módulo 1000000) Para 56 ≤ k, Sk = [Sk-24 + Sk-55] (módulo 1000000) </p><p> Assim, C1 tem parâmetros {(7,53,183), (94,369,56)}, C2 tem parâmetros {(2383,3563,5079), (42,212,344)}, e assim por diante. </p><p> O volume combinado dos primeiros 100 cubóides, C1, ..., C100, é 723581599. </p><p> Qual é o volume combinado de todos os 50000 cubóides, C1, ..., C50000? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler212()</code> deve retornar 328968937309.
+    testString: 'assert.strictEqual(euler212(), 328968937309, "<code>euler212()</code> should return 328968937309.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler212() {
+  // Good luck!
+  return true;
+}
+
+euler212();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-213-flea-circus.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-213-flea-circus.portuguese.md
new file mode 100644
index 0000000000..49228dfc0f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-213-flea-circus.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4411000cf542c50ff54
+challengeType: 5
+title: 'Problem 213: Flea Circus'
+videoUrl: ''
+localeTitle: 'Problema 213: Circo das Pulgas'
+---
+
+## Description
+<section id="description"> Uma grade de quadrados 30 × 30 contém 900 pulgas, inicialmente uma pulga por quadrado. Quando um sino é tocado, cada pulga salta para um quadrado adjacente aleatoriamente (geralmente 4 possibilidades, exceto para pulgas na borda da grade ou nos cantos). <p> Qual é o número esperado de quadrados desocupados após 50 toques do sino? Dê sua resposta arredondada para seis casas decimais. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler213()</code> deve retornar 330.721154.
+    testString: 'assert.strictEqual(euler213(), 330.721154, "<code>euler213()</code> should return 330.721154.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler213() {
+  // Good luck!
+  return true;
+}
+
+euler213();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-214-totient-chains.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-214-totient-chains.portuguese.md
new file mode 100644
index 0000000000..ae8377e85e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-214-totient-chains.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4421000cf542c50ff55
+challengeType: 5
+title: 'Problem 214: Totient Chains'
+videoUrl: ''
+localeTitle: Problema 214 Chains totiente
+---
+
+## Description
+<section id="description"> Seja tot função totiente de Euler, isto é, para um número natural n, φ (n) é o número de k, 1 ≤ k ≤ n, para o qual mdc (k, n) = 1. <p> Ao iterar φ, cada inteiro positivo gera uma cadeia decrescente de números terminando em 1. Por exemplo, se começarmos com 5, a sequência 5,4,2,1 é gerada. Aqui está uma lista de todas as cadeias com comprimento 4: </p><p> 5,4,2,1 7,6,2,1 8,4,2,1 9,6,2,1 10,4,2,1 12,4,2,1 14,6,2,1 18 6,2,1 </p><p> Apenas duas dessas cadeias começam com um primo, sua soma é 12. </p><p> Qual é a soma de todos os primos com menos de 40000000 que geram uma cadeia de comprimento 25? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler214()</code> deve retornar 1677366278943.
+    testString: 'assert.strictEqual(euler214(), 1677366278943, "<code>euler214()</code> should return 1677366278943.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler214() {
+  // Good luck!
+  return true;
+}
+
+euler214();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-215-crack-free-walls.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-215-crack-free-walls.portuguese.md
new file mode 100644
index 0000000000..361ae4c8d9
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-215-crack-free-walls.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4431000cf542c50ff56
+challengeType: 5
+title: 'Problem 215: Crack-free Walls'
+videoUrl: ''
+localeTitle: 'Problema 215: Paredes sem rachaduras'
+---
+
+## Description
+<section id="description"> Considere o problema de construir uma parede de tijolos 2x1 e 3x1 (dimensões horizontal × vertical) de tal forma que, para maior resistência, os espaços entre os tijolos adjacentes horizontalmente nunca se alinhem em camadas consecutivas, ou seja, nunca formar um &quot;corredor&quot; crack &quot;. <p> Por exemplo, a seguinte parede 9 × 3 não é aceitável devido à rachadura em execução mostrada em vermelho: </p><p> Existem oito maneiras de formar uma parede 9 × 3 livre de rachaduras, escrita W (9,3) = 8. </p><p> Calcule W (32,10). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler215()</code> deve retornar 806844323190414.
+    testString: 'assert.strictEqual(euler215(), 806844323190414, "<code>euler215()</code> should return 806844323190414.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler215() {
+  // Good luck!
+  return true;
+}
+
+euler215();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-216-investigating-the-primality-of-numbers-of-the-form-2n2-1.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-216-investigating-the-primality-of-numbers-of-the-form-2n2-1.portuguese.md
new file mode 100644
index 0000000000..962bb85479
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-216-investigating-the-primality-of-numbers-of-the-form-2n2-1.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4451000cf542c50ff57
+challengeType: 5
+title: 'Problem 216: Investigating the primality of numbers of the form 2n2-1'
+videoUrl: ''
+localeTitle: 'Problema 216: Investigando a primalidade dos números da forma 2n2-1'
+---
+
+## Description
+<section id="description"> Considere os números t (n) da forma t (n) = 2n2-1 com n&gt; 1. Os primeiros números são 7, 17, 31, 49, 71, 97, 127 e 161. Acontece que apenas 49 = 7 * 7 e 161 = 7 * 23 não são primos. Para n ≤ 10000 existem 2202 números t (n) que são primos. <p> Quantos números t (n) são primos para n ≤ 50.000.000? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler216()</code> deve retornar 5437849.
+    testString: 'assert.strictEqual(euler216(), 5437849, "<code>euler216()</code> should return 5437849.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler216() {
+  // Good luck!
+  return true;
+}
+
+euler216();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-217-balanced-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-217-balanced-numbers.portuguese.md
new file mode 100644
index 0000000000..55985b2d5b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-217-balanced-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4461000cf542c50ff58
+challengeType: 5
+title: 'Problem 217: Balanced Numbers'
+videoUrl: ''
+localeTitle: 'Problema 217: Números Balanceados'
+---
+
+## Description
+<section id="description"> Um inteiro positivo com dígitos k (decimal) é chamado balanceado se seus primeiros dígitos ⌈k / 2⌉ somam o mesmo valor de seus últimos dígitos ⌈k / 2⌉, onde ⌈x⌉, teto pronunciado de x, é o menor inteiro ≥ x, assim ⌈π⌉ = 4 e ⌈5⌉ = 5. Assim, por exemplo, todos os palíndromos são balanceados, assim como 13722. Seja T (n) a soma de todos os números balanceados menores que 10n. Assim: T (1) = 45, T (2) = 540 e T (5) = 334795890. Encontre T (47) mod 315 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler217()</code> deve retornar 6273134.
+    testString: 'assert.strictEqual(euler217(), 6273134, "<code>euler217()</code> should return 6273134.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler217() {
+  // Good luck!
+  return true;
+}
+
+euler217();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-218-perfect-right-angled-triangles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-218-perfect-right-angled-triangles.portuguese.md
new file mode 100644
index 0000000000..c9220c9747
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-218-perfect-right-angled-triangles.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4461000cf542c50ff59
+challengeType: 5
+title: 'Problem 218: Perfect right-angled triangles'
+videoUrl: ''
+localeTitle: 'Problema 218: triângulos retângulos perfeitos'
+---
+
+## Description
+<section id="description"> Considere o triângulo retângulo com lados a = 7, b = 24 e c = 25. A área deste triângulo é 84, que é divisível pelos números perfeitos 6 e 28. Além disso, é um triângulo angular direito primitivo como mdc (a, b) = 1 e mdc (b, c) = 1. Também c é um quadrado perfeito. <p> Vamos chamar um triângulo retângulo perfeito se - é um triângulo angular direito primitivo - sua hipotenusa é um quadrado perfeito </p><p> Vamos chamar um triângulo retângulo perfeito se ele for um triângulo retângulo perfeito e sua área for um múltiplo dos números perfeitos 6 e 28. </p><p> Quantos triângulos retângulos perfeitos com c≤1016 existem que não são super perfeitos? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler218()</code> deve retornar 0.
+    testString: 'assert.strictEqual(euler218(), 0, "<code>euler218()</code> should return 0.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler218() {
+  // Good luck!
+  return true;
+}
+
+euler218();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-219-skew-cost-coding.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-219-skew-cost-coding.portuguese.md
new file mode 100644
index 0000000000..96bb617386
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-219-skew-cost-coding.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4481000cf542c50ff5a
+challengeType: 5
+title: 'Problem 219: Skew-cost coding'
+videoUrl: ''
+localeTitle: 'Problema 219: codificação de custo skew'
+---
+
+## Description
+<section id="description"> Sejam A e B cadeias de bits (sequências de 0 e 1). Se A é igual ao comprimento mais à esquerda (A) de B, então A é dito ser um prefixo B. Por exemplo, 00110 é um prefixo de 001101001, mas não de 00111 ou 100110. <p> Um código sem prefixo de tamanho n é uma coleção de n strings de bits distintas, de modo que nenhuma string é um prefixo de qualquer outra. Por exemplo, este é um código sem prefixo de tamanho 6: </p><p> 0000, 0001, 001, 01, 10, 11 </p><p> Agora suponha que custa um centavo para transmitir um bit &#39;0&#39;, mas quatro centavos para transmitir um &#39;1&#39;. Em seguida, o custo total do código sem prefixo mostrado acima é de 35 pence, que é o mais barato possível para o esquema de preços distorcido em questão. Em resumo, escrevemos Cost (6) = 35. </p><p> O que é custo (109)? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler219()</code> deve retornar 64564225042.
+    testString: 'assert.strictEqual(euler219(), 64564225042, "<code>euler219()</code> should return 64564225042.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler219() {
+  // Good luck!
+  return true;
+}
+
+euler219();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-22-names-scores.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-22-names-scores.portuguese.md
new file mode 100644
index 0000000000..3486b86c2c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-22-names-scores.portuguese.md
@@ -0,0 +1,72 @@
+---
+id: 5a51eabcad78bf416f316e2a
+challengeType: 5
+title: 'Problem 22: Names scores'
+videoUrl: ''
+localeTitle: 'Problema 22: pontuações dos nomes'
+---
+
+## Description
+<section id="description"> Usando <code>names</code> , um array contendo mais de cinco mil nomes, comece classificando-o em ordem alfabética. Em seguida, calculando o valor alfabético para cada nome, multiplique esse valor por sua posição alfabética na lista para obter uma pontuação de nome. Por exemplo, quando a lista é classificada em ordem alfabética, COLIN, que vale 3 + 15 + 12 + 9 + 14 = 53, é o 938º nome da lista. Então, o COLIN obteria uma pontuação de 938 × 53 = 49714. Qual é o total de todas as pontuações de nome no arquivo? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>namesScores(test1)</code> deve retornar 791.
+    testString: 'assert.strictEqual(namesScores(test1), 791, "<code>namesScores(test1)</code> should return 791.");'
+  - text: <code>namesScores(test2)</code> deve retornar 1468.
+    testString: 'assert.strictEqual(namesScores(test2), 1468, "<code>namesScores(test2)</code> should return 1468.");'
+  - text: <code>namesScores(names)</code> deve retornar 871198282.
+    testString: 'assert.strictEqual(namesScores(names), 871198282, "<code>namesScores(names)</code> should return 871198282.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function namesScores(arr) {
+  // Good luck!
+  return arr;
+}
+
+// Only change code above this line
+const test1 = ['THIS', 'IS', 'ONLY', 'A', 'TEST'];
+const test2 = ['I', 'REPEAT', 'THIS', 'IS', 'ONLY', 'A', 'TEST'];
+
+namesScores(test1);
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+const names = ['MARY','PATRICIA','LINDA','BARBARA','ELIZABETH','JENNIFER','MARIA','SUSAN','MARGARET','DOROTHY','LISA','NANCY','KAREN','BETTY','HELEN','SANDRA','DONNA','CAROL','RUTH','SHARON','MICHELLE','LAURA','SARAH','KIMBERLY','DEBORAH','JESSICA','SHIRLEY','CYNTHIA','ANGELA','MELISSA','BRENDA','AMY','ANNA','REBECCA','VIRGINIA','KATHLEEN','PAMELA','MARTHA','DEBRA','AMANDA','STEPHANIE','CAROLYN','CHRISTINE','MARIE','JANET','CATHERINE','FRANCES','ANN','JOYCE','DIANE','ALICE','JULIE','HEATHER','TERESA','DORIS','GLORIA','EVELYN','JEAN','CHERYL','MILDRED','KATHERINE','JOAN','ASHLEY','JUDITH','ROSE','JANICE','KELLY','NICOLE','JUDY','CHRISTINA','KATHY','THERESA','BEVERLY','DENISE','TAMMY','IRENE','JANE','LORI','RACHEL','MARILYN','ANDREA','KATHRYN','LOUISE','SARA','ANNE','JACQUELINE','WANDA','BONNIE','JULIA','RUBY','LOIS','TINA','PHYLLIS','NORMA','PAULA','DIANA','ANNIE','LILLIAN','EMILY','ROBIN','PEGGY','CRYSTAL','GLADYS','RITA','DAWN','CONNIE','FLORENCE','TRACY','EDNA','TIFFANY','CARMEN','ROSA','CINDY','GRACE','WENDY','VICTORIA','EDITH','KIM','SHERRY','SYLVIA','JOSEPHINE','THELMA','SHANNON','SHEILA','ETHEL','ELLEN','ELAINE','MARJORIE','CARRIE','CHARLOTTE','MONICA','ESTHER','PAULINE','EMMA','JUANITA','ANITA','RHONDA','HAZEL','AMBER','EVA','DEBBIE','APRIL','LESLIE','CLARA','LUCILLE','JAMIE','JOANNE','ELEANOR','VALERIE','DANIELLE','MEGAN','ALICIA','SUZANNE','MICHELE','GAIL','BERTHA','DARLENE','VERONICA','JILL','ERIN','GERALDINE','LAUREN','CATHY','JOANN','LORRAINE','LYNN','SALLY','REGINA','ERICA','BEATRICE','DOLORES','BERNICE','AUDREY','YVONNE','ANNETTE','JUNE','SAMANTHA','MARION','DANA','STACY','ANA','RENEE','IDA','VIVIAN','ROBERTA','HOLLY','BRITTANY','MELANIE','LORETTA','YOLANDA','JEANETTE','LAURIE','KATIE','KRISTEN','VANESSA','ALMA','SUE','ELSIE','BETH','JEANNE','VICKI','CARLA','TARA','ROSEMARY','EILEEN','TERRI','GERTRUDE','LUCY','TONYA','ELLA','STACEY','WILMA','GINA','KRISTIN','JESSIE','NATALIE','AGNES','VERA','WILLIE','CHARLENE','BESSIE','DELORES','MELINDA','PEARL','ARLENE','MAUREEN','COLLEEN','ALLISON','TAMARA','JOY','GEORGIA','CONSTANCE','LILLIE','CLAUDIA','JACKIE','MARCIA','TANYA','NELLIE','MINNIE','MARLENE','HEIDI','GLENDA','LYDIA','VIOLA','COURTNEY','MARIAN','STELLA','CAROLINE','DORA','JO','VICKIE','MATTIE','TERRY','MAXINE','IRMA','MABEL','MARSHA','MYRTLE','LENA','CHRISTY','DEANNA','PATSY','HILDA','GWENDOLYN','JENNIE','NORA','MARGIE','NINA','CASSANDRA','LEAH','PENNY','KAY','PRISCILLA','NAOMI','CAROLE','BRANDY','OLGA','BILLIE','DIANNE','TRACEY','LEONA','JENNY','FELICIA','SONIA','MIRIAM','VELMA','BECKY','BOBBIE','VIOLET','KRISTINA','TONI','MISTY','MAE','SHELLY','DAISY','RAMONA','SHERRI','ERIKA','KATRINA','CLAIRE','LINDSEY','LINDSAY','GENEVA','GUADALUPE','BELINDA','MARGARITA','SHERYL','CORA','FAYE','ADA','NATASHA','SABRINA','ISABEL','MARGUERITE','HATTIE','HARRIET','MOLLY','CECILIA','KRISTI','BRANDI','BLANCHE','SANDY','ROSIE','JOANNA','IRIS','EUNICE','ANGIE','INEZ','LYNDA','MADELINE','AMELIA','ALBERTA','GENEVIEVE','MONIQUE','JODI','JANIE','MAGGIE','KAYLA','SONYA','JAN','LEE','KRISTINE','CANDACE','FANNIE','MARYANN','OPAL','ALISON','YVETTE','MELODY','LUZ','SUSIE','OLIVIA','FLORA','SHELLEY','KRISTY','MAMIE','LULA','LOLA','VERNA','BEULAH','ANTOINETTE','CANDICE','JUANA','JEANNETTE','PAM','KELLI','HANNAH','WHITNEY','BRIDGET','KARLA','CELIA','LATOYA','PATTY','SHELIA','GAYLE','DELLA','VICKY','LYNNE','SHERI','MARIANNE','KARA','JACQUELYN','ERMA','BLANCA','MYRA','LETICIA','PAT','KRISTA','ROXANNE','ANGELICA','JOHNNIE','ROBYN','FRANCIS','ADRIENNE','ROSALIE','ALEXANDRA','BROOKE','BETHANY','SADIE','BERNADETTE','TRACI','JODY','KENDRA','JASMINE','NICHOLE','RACHAEL','CHELSEA','MABLE','ERNESTINE','MURIEL','MARCELLA','ELENA','KRYSTAL','ANGELINA','NADINE','KARI','ESTELLE','DIANNA','PAULETTE','LORA','MONA','DOREEN','ROSEMARIE','ANGEL','DESIREE','ANTONIA','HOPE','GINGER','JANIS','BETSY','CHRISTIE','FREDA','MERCEDES','MEREDITH','LYNETTE','TERI','CRISTINA','EULA','LEIGH','MEGHAN','SOPHIA','ELOISE','ROCHELLE','GRETCHEN','CECELIA','RAQUEL','HENRIETTA','ALYSSA','JANA','KELLEY','GWEN','KERRY','JENNA','TRICIA','LAVERNE','OLIVE','ALEXIS','TASHA','SILVIA','ELVIRA','CASEY','DELIA','SOPHIE','KATE','PATTI','LORENA','KELLIE','SONJA','LILA','LANA','DARLA','MAY','MINDY','ESSIE','MANDY','LORENE','ELSA','JOSEFINA','JEANNIE','MIRANDA','DIXIE','LUCIA','MARTA','FAITH','LELA','JOHANNA','SHARI','CAMILLE','TAMI','SHAWNA','ELISA','EBONY','MELBA','ORA','NETTIE','TABITHA','OLLIE','JAIME','WINIFRED','KRISTIE','MARINA','ALISHA','AIMEE','RENA','MYRNA','MARLA','TAMMIE','LATASHA','BONITA','PATRICE','RONDA','SHERRIE','ADDIE','FRANCINE','DELORIS','STACIE','ADRIANA','CHERI','SHELBY','ABIGAIL','CELESTE','JEWEL','CARA','ADELE','REBEKAH','LUCINDA','DORTHY','CHRIS','EFFIE','TRINA','REBA','SHAWN','SALLIE','AURORA','LENORA','ETTA','LOTTIE','KERRI','TRISHA','NIKKI','ESTELLA','FRANCISCA','JOSIE','TRACIE','MARISSA','KARIN','BRITTNEY','JANELLE','LOURDES','LAUREL','HELENE','FERN','ELVA','CORINNE','KELSEY','INA','BETTIE','ELISABETH','AIDA','CAITLIN','INGRID','IVA','EUGENIA','CHRISTA','GOLDIE','CASSIE','MAUDE','JENIFER','THERESE','FRANKIE','DENA','LORNA','JANETTE','LATONYA','CANDY','MORGAN','CONSUELO','TAMIKA','ROSETTA','DEBORA','CHERIE','POLLY','DINA','JEWELL','FAY','JILLIAN','DOROTHEA','NELL','TRUDY','ESPERANZA','PATRICA','KIMBERLEY','SHANNA','HELENA','CAROLINA','CLEO','STEFANIE','ROSARIO','OLA','JANINE','MOLLIE','LUPE','ALISA','LOU','MARIBEL','SUSANNE','BETTE','SUSANA','ELISE','CECILE','ISABELLE','LESLEY','JOCELYN','PAIGE','JONI','RACHELLE','LEOLA','DAPHNE','ALTA','ESTER','PETRA','GRACIELA','IMOGENE','JOLENE','KEISHA','LACEY','GLENNA','GABRIELA','KERI','URSULA','LIZZIE','KIRSTEN','SHANA','ADELINE','MAYRA','JAYNE','JACLYN','GRACIE','SONDRA','CARMELA','MARISA','ROSALIND','CHARITY','TONIA','BEATRIZ','MARISOL','CLARICE','JEANINE','SHEENA','ANGELINE','FRIEDA','LILY','ROBBIE','SHAUNA','MILLIE','CLAUDETTE','CATHLEEN','ANGELIA','GABRIELLE','AUTUMN','KATHARINE','SUMMER','JODIE','STACI','LEA','CHRISTI','JIMMIE','JUSTINE','ELMA','LUELLA','MARGRET','DOMINIQUE','SOCORRO','RENE','MARTINA','MARGO','MAVIS','CALLIE','BOBBI','MARITZA','LUCILE','LEANNE','JEANNINE','DEANA','AILEEN','LORIE','LADONNA','WILLA','MANUELA','GALE','SELMA','DOLLY','SYBIL','ABBY','LARA','DALE','IVY','DEE','WINNIE','MARCY','LUISA','JERI','MAGDALENA','OFELIA','MEAGAN','AUDRA','MATILDA','LEILA','CORNELIA','BIANCA','SIMONE','BETTYE','RANDI','VIRGIE','LATISHA','BARBRA','GEORGINA','ELIZA','LEANN','BRIDGETTE','RHODA','HALEY','ADELA','NOLA','BERNADINE','FLOSSIE','ILA','GRETA','RUTHIE','NELDA','MINERVA','LILLY','TERRIE','LETHA','HILARY','ESTELA','VALARIE','BRIANNA','ROSALYN','EARLINE','CATALINA','AVA','MIA','CLARISSA','LIDIA','CORRINE','ALEXANDRIA','CONCEPCION','TIA','SHARRON','RAE','DONA','ERICKA','JAMI','ELNORA','CHANDRA','LENORE','NEVA','MARYLOU','MELISA','TABATHA','SERENA','AVIS','ALLIE','SOFIA','JEANIE','ODESSA','NANNIE','HARRIETT','LORAINE','PENELOPE','MILAGROS','EMILIA','BENITA','ALLYSON','ASHLEE','TANIA','TOMMIE','ESMERALDA','KARINA','EVE','PEARLIE','ZELMA','MALINDA','NOREEN','TAMEKA','SAUNDRA','HILLARY','AMIE','ALTHEA','ROSALINDA','JORDAN','LILIA','ALANA','GAY','CLARE','ALEJANDRA','ELINOR','MICHAEL','LORRIE','JERRI','DARCY','EARNESTINE','CARMELLA','TAYLOR','NOEMI','MARCIE','LIZA','ANNABELLE','LOUISA','EARLENE','MALLORY','CARLENE','NITA','SELENA','TANISHA','KATY','JULIANNE','JOHN','LAKISHA','EDWINA','MARICELA','MARGERY','KENYA','DOLLIE','ROXIE','ROSLYN','KATHRINE','NANETTE','CHARMAINE','LAVONNE','ILENE','KRIS','TAMMI','SUZETTE','CORINE','KAYE','JERRY','MERLE','CHRYSTAL','LINA','DEANNE','LILIAN','JULIANA','ALINE','LUANN','KASEY','MARYANNE','EVANGELINE','COLETTE','MELVA','LAWANDA','YESENIA','NADIA','MADGE','KATHIE','EDDIE','OPHELIA','VALERIA','NONA','MITZI','MARI','GEORGETTE','CLAUDINE','FRAN','ALISSA','ROSEANN','LAKEISHA','SUSANNA','REVA','DEIDRE','CHASITY','SHEREE','CARLY','JAMES','ELVIA','ALYCE','DEIRDRE','GENA','BRIANA','ARACELI','KATELYN','ROSANNE','WENDI','TESSA','BERTA','MARVA','IMELDA','MARIETTA','MARCI','LEONOR','ARLINE','SASHA','MADELYN','JANNA','JULIETTE','DEENA','AURELIA','JOSEFA','AUGUSTA','LILIANA','YOUNG','CHRISTIAN','LESSIE','AMALIA','SAVANNAH','ANASTASIA','VILMA','NATALIA','ROSELLA','LYNNETTE','CORINA','ALFREDA','LEANNA','CAREY','AMPARO','COLEEN','TAMRA','AISHA','WILDA','KARYN','CHERRY','QUEEN','MAURA','MAI','EVANGELINA','ROSANNA','HALLIE','ERNA','ENID','MARIANA','LACY','JULIET','JACKLYN','FREIDA','MADELEINE','MARA','HESTER','CATHRYN','LELIA','CASANDRA','BRIDGETT','ANGELITA','JANNIE','DIONNE','ANNMARIE','KATINA','BERYL','PHOEBE','MILLICENT','KATHERYN','DIANN','CARISSA','MARYELLEN','LIZ','LAURI','HELGA','GILDA','ADRIAN','RHEA','MARQUITA','HOLLIE','TISHA','TAMERA','ANGELIQUE','FRANCESCA','BRITNEY','KAITLIN','LOLITA','FLORINE','ROWENA','REYNA','TWILA','FANNY','JANELL','INES','CONCETTA','BERTIE','ALBA','BRIGITTE','ALYSON','VONDA','PANSY','ELBA','NOELLE','LETITIA','KITTY','DEANN','BRANDIE','LOUELLA','LETA','FELECIA','SHARLENE','LESA','BEVERLEY','ROBERT','ISABELLA','HERMINIA','TERRA','CELINA','TORI','OCTAVIA','JADE','DENICE','GERMAINE','SIERRA','MICHELL','CORTNEY','NELLY','DORETHA','SYDNEY','DEIDRA','MONIKA','LASHONDA','JUDI','CHELSEY','ANTIONETTE','MARGOT','BOBBY','ADELAIDE','NAN','LEEANN','ELISHA','DESSIE','LIBBY','KATHI','GAYLA','LATANYA','MINA','MELLISA','KIMBERLEE','JASMIN','RENAE','ZELDA','ELDA','MA','JUSTINA','GUSSIE','EMILIE','CAMILLA','ABBIE','ROCIO','KAITLYN','JESSE','EDYTHE','ASHLEIGH','SELINA','LAKESHA','GERI','ALLENE','PAMALA','MICHAELA','DAYNA','CARYN','ROSALIA','SUN','JACQULINE','REBECA','MARYBETH','KRYSTLE','IOLA','DOTTIE','BENNIE','BELLE','AUBREY','GRISELDA','ERNESTINA','ELIDA','ADRIANNE','DEMETRIA','DELMA','CHONG','JAQUELINE','DESTINY','ARLEEN','VIRGINA','RETHA','FATIMA','TILLIE','ELEANORE','CARI','TREVA','BIRDIE','WILHELMINA','ROSALEE','MAURINE','LATRICE','YONG','JENA','TARYN','ELIA','DEBBY','MAUDIE','JEANNA','DELILAH','CATRINA','SHONDA','HORTENCIA','THEODORA','TERESITA','ROBBIN','DANETTE','MARYJANE','FREDDIE','DELPHINE','BRIANNE','NILDA','DANNA','CINDI','BESS','IONA','HANNA','ARIEL','WINONA','VIDA','ROSITA','MARIANNA','WILLIAM','RACHEAL','GUILLERMINA','ELOISA','CELESTINE','CAREN','MALISSA','LONA','CHANTEL','SHELLIE','MARISELA','LEORA','AGATHA','SOLEDAD','MIGDALIA','IVETTE','CHRISTEN','ATHENA','JANEL','CHLOE','VEDA','PATTIE','TESSIE','TERA','MARILYNN','LUCRETIA','KARRIE','DINAH','DANIELA','ALECIA','ADELINA','VERNICE','SHIELA','PORTIA','MERRY','LASHAWN','DEVON','DARA','TAWANA','OMA','VERDA','CHRISTIN','ALENE','ZELLA','SANDI','RAFAELA','MAYA','KIRA','CANDIDA','ALVINA','SUZAN','SHAYLA','LYN','LETTIE','ALVA','SAMATHA','ORALIA','MATILDE','MADONNA','LARISSA','VESTA','RENITA','INDIA','DELOIS','SHANDA','PHILLIS','LORRI','ERLINDA','CRUZ','CATHRINE','BARB','ZOE','ISABELL','IONE','GISELA','CHARLIE','VALENCIA','ROXANNA','MAYME','KISHA','ELLIE','MELLISSA','DORRIS','DALIA','BELLA','ANNETTA','ZOILA','RETA','REINA','LAURETTA','KYLIE','CHRISTAL','PILAR','CHARLA','ELISSA','TIFFANI','TANA','PAULINA','LEOTA','BREANNA','JAYME','CARMEL','VERNELL','TOMASA','MANDI','DOMINGA','SANTA','MELODIE','LURA','ALEXA','TAMELA','RYAN','MIRNA','KERRIE','VENUS','NOEL','FELICITA','CRISTY','CARMELITA','BERNIECE','ANNEMARIE','TIARA','ROSEANNE','MISSY','CORI','ROXANA','PRICILLA','KRISTAL','JUNG','ELYSE','HAYDEE','ALETHA','BETTINA','MARGE','GILLIAN','FILOMENA','CHARLES','ZENAIDA','HARRIETTE','CARIDAD','VADA','UNA','ARETHA','PEARLINE','MARJORY','MARCELA','FLOR','EVETTE','ELOUISE','ALINA','TRINIDAD','DAVID','DAMARIS','CATHARINE','CARROLL','BELVA','NAKIA','MARLENA','LUANNE','LORINE','KARON','DORENE','DANITA','BRENNA','TATIANA','SAMMIE','LOUANN','LOREN','JULIANNA','ANDRIA','PHILOMENA','LUCILA','LEONORA','DOVIE','ROMONA','MIMI','JACQUELIN','GAYE','TONJA','MISTI','JOE','GENE','CHASTITY','STACIA','ROXANN','MICAELA','NIKITA','MEI','VELDA','MARLYS','JOHNNA','AURA','LAVERN','IVONNE','HAYLEY','NICKI','MAJORIE','HERLINDA','GEORGE','ALPHA','YADIRA','PERLA','GREGORIA','DANIEL','ANTONETTE','SHELLI','MOZELLE','MARIAH','JOELLE','CORDELIA','JOSETTE','CHIQUITA','TRISTA','LOUIS','LAQUITA','GEORGIANA','CANDI','SHANON','LONNIE','HILDEGARD','CECIL','VALENTINA','STEPHANY','MAGDA','KAROL','GERRY','GABRIELLA','TIANA','ROMA','RICHELLE','RAY','PRINCESS','OLETA','JACQUE','IDELLA','ALAINA','SUZANNA','JOVITA','BLAIR','TOSHA','RAVEN','NEREIDA','MARLYN','KYLA','JOSEPH','DELFINA','TENA','STEPHENIE','SABINA','NATHALIE','MARCELLE','GERTIE','DARLEEN','THEA','SHARONDA','SHANTEL','BELEN','VENESSA','ROSALINA','ONA','GENOVEVA','COREY','CLEMENTINE','ROSALBA','RENATE','RENATA','MI','IVORY','GEORGIANNA','FLOY','DORCAS','ARIANA','TYRA','THEDA','MARIAM','JULI','JESICA','DONNIE','VIKKI','VERLA','ROSELYN','MELVINA','JANNETTE','GINNY','DEBRAH','CORRIE','ASIA','VIOLETA','MYRTIS','LATRICIA','COLLETTE','CHARLEEN','ANISSA','VIVIANA','TWYLA','PRECIOUS','NEDRA','LATONIA','LAN','HELLEN','FABIOLA','ANNAMARIE','ADELL','SHARYN','CHANTAL','NIKI','MAUD','LIZETTE','LINDY','KIA','KESHA','JEANA','DANELLE','CHARLINE','CHANEL','CARROL','VALORIE','LIA','DORTHA','CRISTAL','SUNNY','LEONE','LEILANI','GERRI','DEBI','ANDRA','KESHIA','IMA','EULALIA','EASTER','DULCE','NATIVIDAD','LINNIE','KAMI','GEORGIE','CATINA','BROOK','ALDA','WINNIFRED','SHARLA','RUTHANN','MEAGHAN','MAGDALENE','LISSETTE','ADELAIDA','VENITA','TRENA','SHIRLENE','SHAMEKA','ELIZEBETH','DIAN','SHANTA','MICKEY','LATOSHA','CARLOTTA','WINDY','SOON','ROSINA','MARIANN','LEISA','JONNIE','DAWNA','CATHIE','BILLY','ASTRID','SIDNEY','LAUREEN','JANEEN','HOLLI','FAWN','VICKEY','TERESSA','SHANTE','RUBYE','MARCELINA','CHANDA','CARY','TERESE','SCARLETT','MARTY','MARNIE','LULU','LISETTE','JENIFFER','ELENOR','DORINDA','DONITA','CARMAN','BERNITA','ALTAGRACIA','ALETA','ADRIANNA','ZORAIDA','RONNIE','NICOLA','LYNDSEY','KENDALL','JANINA','CHRISSY','AMI','STARLA','PHYLIS','PHUONG','KYRA','CHARISSE','BLANCH','SANJUANITA','RONA','NANCI','MARILEE','MARANDA','CORY','BRIGETTE','SANJUANA','MARITA','KASSANDRA','JOYCELYN','IRA','FELIPA','CHELSIE','BONNY','MIREYA','LORENZA','KYONG','ILEANA','CANDELARIA','TONY','TOBY','SHERIE','OK','MARK','LUCIE','LEATRICE','LAKESHIA','GERDA','EDIE','BAMBI','MARYLIN','LAVON','HORTENSE','GARNET','EVIE','TRESSA','SHAYNA','LAVINA','KYUNG','JEANETTA','SHERRILL','SHARA','PHYLISS','MITTIE','ANABEL','ALESIA','THUY','TAWANDA','RICHARD','JOANIE','TIFFANIE','LASHANDA','KARISSA','ENRIQUETA','DARIA','DANIELLA','CORINNA','ALANNA','ABBEY','ROXANE','ROSEANNA','MAGNOLIA','LIDA','KYLE','JOELLEN','ERA','CORAL','CARLEEN','TRESA','PEGGIE','NOVELLA','NILA','MAYBELLE','JENELLE','CARINA','NOVA','MELINA','MARQUERITE','MARGARETTE','JOSEPHINA','EVONNE','DEVIN','CINTHIA','ALBINA','TOYA','TAWNYA','SHERITA','SANTOS','MYRIAM','LIZABETH','LISE','KEELY','JENNI','GISELLE','CHERYLE','ARDITH','ARDIS','ALESHA','ADRIANE','SHAINA','LINNEA','KAROLYN','HONG','FLORIDA','FELISHA','DORI','DARCI','ARTIE','ARMIDA','ZOLA','XIOMARA','VERGIE','SHAMIKA','NENA','NANNETTE','MAXIE','LOVIE','JEANE','JAIMIE','INGE','FARRAH','ELAINA','CAITLYN','STARR','FELICITAS','CHERLY','CARYL','YOLONDA','YASMIN','TEENA','PRUDENCE','PENNIE','NYDIA','MACKENZIE','ORPHA','MARVEL','LIZBETH','LAURETTE','JERRIE','HERMELINDA','CAROLEE','TIERRA','MIRIAN','META','MELONY','KORI','JENNETTE','JAMILA','ENA','ANH','YOSHIKO','SUSANNAH','SALINA','RHIANNON','JOLEEN','CRISTINE','ASHTON','ARACELY','TOMEKA','SHALONDA','MARTI','LACIE','KALA','JADA','ILSE','HAILEY','BRITTANI','ZONA','SYBLE','SHERRYL','RANDY','NIDIA','MARLO','KANDICE','KANDI','DEB','DEAN','AMERICA','ALYCIA','TOMMY','RONNA','NORENE','MERCY','JOSE','INGEBORG','GIOVANNA','GEMMA','CHRISTEL','AUDRY','ZORA','VITA','VAN','TRISH','STEPHAINE','SHIRLEE','SHANIKA','MELONIE','MAZIE','JAZMIN','INGA','HOA','HETTIE','GERALYN','FONDA','ESTRELLA','ADELLA','SU','SARITA','RINA','MILISSA','MARIBETH','GOLDA','EVON','ETHELYN','ENEDINA','CHERISE','CHANA','VELVA','TAWANNA','SADE','MIRTA','LI','KARIE','JACINTA','ELNA','DAVINA','CIERRA','ASHLIE','ALBERTHA','TANESHA','STEPHANI','NELLE','MINDI','LU','LORINDA','LARUE','FLORENE','DEMETRA','DEDRA','CIARA','CHANTELLE','ASHLY','SUZY','ROSALVA','NOELIA','LYDA','LEATHA','KRYSTYNA','KRISTAN','KARRI','DARLINE','DARCIE','CINDA','CHEYENNE','CHERRIE','AWILDA','ALMEDA','ROLANDA','LANETTE','JERILYN','GISELE','EVALYN','CYNDI','CLETA','CARIN','ZINA','ZENA','VELIA','TANIKA','PAUL','CHARISSA','THOMAS','TALIA','MARGARETE','LAVONDA','KAYLEE','KATHLENE','JONNA','IRENA','ILONA','IDALIA','CANDIS','CANDANCE','BRANDEE','ANITRA','ALIDA','SIGRID','NICOLETTE','MARYJO','LINETTE','HEDWIG','CHRISTIANA','CASSIDY','ALEXIA','TRESSIE','MODESTA','LUPITA','LITA','GLADIS','EVELIA','DAVIDA','CHERRI','CECILY','ASHELY','ANNABEL','AGUSTINA','WANITA','SHIRLY','ROSAURA','HULDA','EUN','BAILEY','YETTA','VERONA','THOMASINA','SIBYL','SHANNAN','MECHELLE','LUE','LEANDRA','LANI','KYLEE','KANDY','JOLYNN','FERNE','EBONI','CORENE','ALYSIA','ZULA','NADA','MOIRA','LYNDSAY','LORRETTA','JUAN','JAMMIE','HORTENSIA','GAYNELL','CAMERON','ADRIA','VINA','VICENTA','TANGELA','STEPHINE','NORINE','NELLA','LIANA','LESLEE','KIMBERELY','ILIANA','GLORY','FELICA','EMOGENE','ELFRIEDE','EDEN','EARTHA','CARMA','BEA','OCIE','MARRY','LENNIE','KIARA','JACALYN','CARLOTA','ARIELLE','YU','STAR','OTILIA','KIRSTIN','KACEY','JOHNETTA','JOEY','JOETTA','JERALDINE','JAUNITA','ELANA','DORTHEA','CAMI','AMADA','ADELIA','VERNITA','TAMAR','SIOBHAN','RENEA','RASHIDA','OUIDA','ODELL','NILSA','MERYL','KRISTYN','JULIETA','DANICA','BREANNE','AUREA','ANGLEA','SHERRON','ODETTE','MALIA','LORELEI','LIN','LEESA','KENNA','KATHLYN','FIONA','CHARLETTE','SUZIE','SHANTELL','SABRA','RACQUEL','MYONG','MIRA','MARTINE','LUCIENNE','LAVADA','JULIANN','JOHNIE','ELVERA','DELPHIA','CLAIR','CHRISTIANE','CHAROLETTE','CARRI','AUGUSTINE','ASHA','ANGELLA','PAOLA','NINFA','LEDA','LAI','EDA','SUNSHINE','STEFANI','SHANELL','PALMA','MACHELLE','LISSA','KECIA','KATHRYNE','KARLENE','JULISSA','JETTIE','JENNIFFER','HUI','CORRINA','CHRISTOPHER','CAROLANN','ALENA','TESS','ROSARIA','MYRTICE','MARYLEE','LIANE','KENYATTA','JUDIE','JANEY','IN','ELMIRA','ELDORA','DENNA','CRISTI','CATHI','ZAIDA','VONNIE','VIVA','VERNIE','ROSALINE','MARIELA','LUCIANA','LESLI','KARAN','FELICE','DENEEN','ADINA','WYNONA','TARSHA','SHERON','SHASTA','SHANITA','SHANI','SHANDRA','RANDA','PINKIE','PARIS','NELIDA','MARILOU','LYLA','LAURENE','LACI','JOI','JANENE','DOROTHA','DANIELE','DANI','CAROLYNN','CARLYN','BERENICE','AYESHA','ANNELIESE','ALETHEA','THERSA','TAMIKO','RUFINA','OLIVA','MOZELL','MARYLYN','MADISON','KRISTIAN','KATHYRN','KASANDRA','KANDACE','JANAE','GABRIEL','DOMENICA','DEBBRA','DANNIELLE','CHUN','BUFFY','BARBIE','ARCELIA','AJA','ZENOBIA','SHAREN','SHAREE','PATRICK','PAGE','MY','LAVINIA','KUM','KACIE','JACKELINE','HUONG','FELISA','EMELIA','ELEANORA','CYTHIA','CRISTIN','CLYDE','CLARIBEL','CARON','ANASTACIA','ZULMA','ZANDRA','YOKO','TENISHA','SUSANN','SHERILYN','SHAY','SHAWANDA','SABINE','ROMANA','MATHILDA','LINSEY','KEIKO','JOANA','ISELA','GRETTA','GEORGETTA','EUGENIE','DUSTY','DESIRAE','DELORA','CORAZON','ANTONINA','ANIKA','WILLENE','TRACEE','TAMATHA','REGAN','NICHELLE','MICKIE','MAEGAN','LUANA','LANITA','KELSIE','EDELMIRA','BREE','AFTON','TEODORA','TAMIE','SHENA','MEG','LINH','KELI','KACI','DANYELLE','BRITT','ARLETTE','ALBERTINE','ADELLE','TIFFINY','STORMY','SIMONA','NUMBERS','NICOLASA','NICHOL','NIA','NAKISHA','MEE','MAIRA','LOREEN','KIZZY','JOHNNY','JAY','FALLON','CHRISTENE','BOBBYE','ANTHONY','YING','VINCENZA','TANJA','RUBIE','RONI','QUEENIE','MARGARETT','KIMBERLI','IRMGARD','IDELL','HILMA','EVELINA','ESTA','EMILEE','DENNISE','DANIA','CARL','CARIE','ANTONIO','WAI','SANG','RISA','RIKKI','PARTICIA','MUI','MASAKO','MARIO','LUVENIA','LOREE','LONI','LIEN','KEVIN','GIGI','FLORENCIA','DORIAN','DENITA','DALLAS','CHI','BILLYE','ALEXANDER','TOMIKA','SHARITA','RANA','NIKOLE','NEOMA','MARGARITE','MADALYN','LUCINA','LAILA','KALI','JENETTE','GABRIELE','EVELYNE','ELENORA','CLEMENTINA','ALEJANDRINA','ZULEMA','VIOLETTE','VANNESSA','THRESA','RETTA','PIA','PATIENCE','NOELLA','NICKIE','JONELL','DELTA','CHUNG','CHAYA','CAMELIA','BETHEL','ANYA','ANDREW','THANH','SUZANN','SPRING','SHU','MILA','LILLA','LAVERNA','KEESHA','KATTIE','GIA','GEORGENE','EVELINE','ESTELL','ELIZBETH','VIVIENNE','VALLIE','TRUDIE','STEPHANE','MICHEL','MAGALY','MADIE','KENYETTA','KARREN','JANETTA','HERMINE','HARMONY','DRUCILLA','DEBBI','CELESTINA','CANDIE','BRITNI','BECKIE','AMINA','ZITA','YUN','YOLANDE','VIVIEN','VERNETTA','TRUDI','SOMMER','PEARLE','PATRINA','OSSIE','NICOLLE','LOYCE','LETTY','LARISA','KATHARINA','JOSELYN','JONELLE','JENELL','IESHA','HEIDE','FLORINDA','FLORENTINA','FLO','ELODIA','DORINE','BRUNILDA','BRIGID','ASHLI','ARDELLA','TWANA','THU','TARAH','SUNG','SHEA','SHAVON','SHANE','SERINA','RAYNA','RAMONITA','NGA','MARGURITE','LUCRECIA','KOURTNEY','KATI','JESUS','JESENIA','DIAMOND','CRISTA','AYANA','ALICA','ALIA','VINNIE','SUELLEN','ROMELIA','RACHELL','PIPER','OLYMPIA','MICHIKO','KATHALEEN','JOLIE','JESSI','JANESSA','HANA','HA','ELEASE','CARLETTA','BRITANY','SHONA','SALOME','ROSAMOND','REGENA','RAINA','NGOC','NELIA','LOUVENIA','LESIA','LATRINA','LATICIA','LARHONDA','JINA','JACKI','HOLLIS','HOLLEY','EMMY','DEEANN','CORETTA','ARNETTA','VELVET','THALIA','SHANICE','NETA','MIKKI','MICKI','LONNA','LEANA','LASHUNDA','KILEY','JOYE','JACQULYN','IGNACIA','HYUN','HIROKO','HENRY','HENRIETTE','ELAYNE','DELINDA','DARNELL','DAHLIA','COREEN','CONSUELA','CONCHITA','CELINE','BABETTE','AYANNA','ANETTE','ALBERTINA','SKYE','SHAWNEE','SHANEKA','QUIANA','PAMELIA','MIN','MERRI','MERLENE','MARGIT','KIESHA','KIERA','KAYLENE','JODEE','JENISE','ERLENE','EMMIE','ELSE','DARYL','DALILA','DAISEY','CODY','CASIE','BELIA','BABARA','VERSIE','VANESA','SHELBA','SHAWNDA','SAM','NORMAN','NIKIA','NAOMA','MARNA','MARGERET','MADALINE','LAWANA','KINDRA','JUTTA','JAZMINE','JANETT','HANNELORE','GLENDORA','GERTRUD','GARNETT','FREEDA','FREDERICA','FLORANCE','FLAVIA','DENNIS','CARLINE','BEVERLEE','ANJANETTE','VALDA','TRINITY','TAMALA','STEVIE','SHONNA','SHA','SARINA','ONEIDA','MICAH','MERILYN','MARLEEN','LURLINE','LENNA','KATHERIN','JIN','JENI','HAE','GRACIA','GLADY','FARAH','ERIC','ENOLA','EMA','DOMINQUE','DEVONA','DELANA','CECILA','CAPRICE','ALYSHA','ALI','ALETHIA','VENA','THERESIA','TAWNY','SONG','SHAKIRA','SAMARA','SACHIKO','RACHELE','PAMELLA','NICKY','MARNI','MARIEL','MAREN','MALISA','LIGIA','LERA','LATORIA','LARAE','KIMBER','KATHERN','KAREY','JENNEFER','JANETH','HALINA','FREDIA','DELISA','DEBROAH','CIERA','CHIN','ANGELIKA','ANDREE','ALTHA','YEN','VIVAN','TERRESA','TANNA','SUK','SUDIE','SOO','SIGNE','SALENA','RONNI','REBBECCA','MYRTIE','MCKENZIE','MALIKA','MAIDA','LOAN','LEONARDA','KAYLEIGH','FRANCE','ETHYL','ELLYN','DAYLE','CAMMIE','BRITTNI','BIRGIT','AVELINA','ASUNCION','ARIANNA','AKIKO','VENICE','TYESHA','TONIE','TIESHA','TAKISHA','STEFFANIE','SINDY','SANTANA','MEGHANN','MANDA','MACIE','LADY','KELLYE','KELLEE','JOSLYN','JASON','INGER','INDIRA','GLINDA','GLENNIS','FERNANDA','FAUSTINA','ENEIDA','ELICIA','DOT','DIGNA','DELL','ARLETTA','ANDRE','WILLIA','TAMMARA','TABETHA','SHERRELL','SARI','REFUGIO','REBBECA','PAULETTA','NIEVES','NATOSHA','NAKITA','MAMMIE','KENISHA','KAZUKO','KASSIE','GARY','EARLEAN','DAPHINE','CORLISS','CLOTILDE','CAROLYNE','BERNETTA','AUGUSTINA','AUDREA','ANNIS','ANNABELL','YAN','TENNILLE','TAMICA','SELENE','SEAN','ROSANA','REGENIA','QIANA','MARKITA','MACY','LEEANNE','LAURINE','KYM','JESSENIA','JANITA','GEORGINE','GENIE','EMIKO','ELVIE','DEANDRA','DAGMAR','CORIE','COLLEN','CHERISH','ROMAINE','PORSHA','PEARLENE','MICHELINE','MERNA','MARGORIE','MARGARETTA','LORE','KENNETH','JENINE','HERMINA','FREDERICKA','ELKE','DRUSILLA','DORATHY','DIONE','DESIRE','CELENA','BRIGIDA','ANGELES','ALLEGRA','THEO','TAMEKIA','SYNTHIA','STEPHEN','SOOK','SLYVIA','ROSANN','REATHA','RAYE','MARQUETTA','MARGART','LING','LAYLA','KYMBERLY','KIANA','KAYLEEN','KATLYN','KARMEN','JOELLA','IRINA','EMELDA','ELENI','DETRA','CLEMMIE','CHERYLL','CHANTELL','CATHEY','ARNITA','ARLA','ANGLE','ANGELIC','ALYSE','ZOFIA','THOMASINE','TENNIE','SON','SHERLY','SHERLEY','SHARYL','REMEDIOS','PETRINA','NICKOLE','MYUNG','MYRLE','MOZELLA','LOUANNE','LISHA','LATIA','LANE','KRYSTA','JULIENNE','JOEL','JEANENE','JACQUALINE','ISAURA','GWENDA','EARLEEN','DONALD','CLEOPATRA','CARLIE','AUDIE','ANTONIETTA','ALISE','ALEX','VERDELL','VAL','TYLER','TOMOKO','THAO','TALISHA','STEVEN','SO','SHEMIKA','SHAUN','SCARLET','SAVANNA','SANTINA','ROSIA','RAEANN','ODILIA','NANA','MINNA','MAGAN','LYNELLE','LE','KARMA','JOEANN','IVANA','INELL','ILANA','HYE','HONEY','HEE','GUDRUN','FRANK','DREAMA','CRISSY','CHANTE','CARMELINA','ARVILLA','ARTHUR','ANNAMAE','ALVERA','ALEIDA','AARON','YEE','YANIRA','VANDA','TIANNA','TAM','STEFANIA','SHIRA','PERRY','NICOL','NANCIE','MONSERRATE','MINH','MELYNDA','MELANY','MATTHEW','LOVELLA','LAURE','KIRBY','KACY','JACQUELYNN','HYON','GERTHA','FRANCISCO','ELIANA','CHRISTENA','CHRISTEEN','CHARISE','CATERINA','CARLEY','CANDYCE','ARLENA','AMMIE','YANG','WILLETTE','VANITA','TUYET','TINY','SYREETA','SILVA','SCOTT','RONALD','PENNEY','NYLA','MICHAL','MAURICE','MARYAM','MARYA','MAGEN','LUDIE','LOMA','LIVIA','LANELL','KIMBERLIE','JULEE','DONETTA','DIEDRA','DENISHA','DEANE','DAWNE','CLARINE','CHERRYL','BRONWYN','BRANDON','ALLA','VALERY','TONDA','SUEANN','SORAYA','SHOSHANA','SHELA','SHARLEEN','SHANELLE','NERISSA','MICHEAL','MERIDITH','MELLIE','MAYE','MAPLE','MAGARET','LUIS','LILI','LEONILA','LEONIE','LEEANNA','LAVONIA','LAVERA','KRISTEL','KATHEY','KATHE','JUSTIN','JULIAN','JIMMY','JANN','ILDA','HILDRED','HILDEGARDE','GENIA','FUMIKO','EVELIN','ERMELINDA','ELLY','DUNG','DOLORIS','DIONNA','DANAE','BERNEICE','ANNICE','ALIX','VERENA','VERDIE','TRISTAN','SHAWNNA','SHAWANA','SHAUNNA','ROZELLA','RANDEE','RANAE','MILAGRO','LYNELL','LUISE','LOUIE','LOIDA','LISBETH','KARLEEN','JUNITA','JONA','ISIS','HYACINTH','HEDY','GWENN','ETHELENE','ERLINE','EDWARD','DONYA','DOMONIQUE','DELICIA','DANNETTE','CICELY','BRANDA','BLYTHE','BETHANN','ASHLYN','ANNALEE','ALLINE','YUKO','VELLA','TRANG','TOWANDA','TESHA','SHERLYN','NARCISA','MIGUELINA','MERI','MAYBELL','MARLANA','MARGUERITA','MADLYN','LUNA','LORY','LORIANN','LIBERTY','LEONORE','LEIGHANN','LAURICE','LATESHA','LARONDA','KATRICE','KASIE','KARL','KALEY','JADWIGA','GLENNIE','GEARLDINE','FRANCINA','EPIFANIA','DYAN','DORIE','DIEDRE','DENESE','DEMETRICE','DELENA','DARBY','CRISTIE','CLEORA','CATARINA','CARISA','BERNIE','BARBERA','ALMETA','TRULA','TEREASA','SOLANGE','SHEILAH','SHAVONNE','SANORA','ROCHELL','MATHILDE','MARGARETA','MAIA','LYNSEY','LAWANNA','LAUNA','KENA','KEENA','KATIA','JAMEY','GLYNDA','GAYLENE','ELVINA','ELANOR','DANUTA','DANIKA','CRISTEN','CORDIE','COLETTA','CLARITA','CARMON','BRYNN','AZUCENA','AUNDREA','ANGELE','YI','WALTER','VERLIE','VERLENE','TAMESHA','SILVANA','SEBRINA','SAMIRA','REDA','RAYLENE','PENNI','PANDORA','NORAH','NOMA','MIREILLE','MELISSIA','MARYALICE','LARAINE','KIMBERY','KARYL','KARINE','KAM','JOLANDA','JOHANA','JESUSA','JALEESA','JAE','JACQUELYNE','IRISH','ILUMINADA','HILARIA','HANH','GENNIE','FRANCIE','FLORETTA','EXIE','EDDA','DREMA','DELPHA','BEV','BARBAR','ASSUNTA','ARDELL','ANNALISA','ALISIA','YUKIKO','YOLANDO','WONDA','WEI','WALTRAUD','VETA','TEQUILA','TEMEKA','TAMEIKA','SHIRLEEN','SHENITA','PIEDAD','OZELLA','MIRTHA','MARILU','KIMIKO','JULIANE','JENICE','JEN','JANAY','JACQUILINE','HILDE','FE','FAE','EVAN','EUGENE','ELOIS','ECHO','DEVORAH','CHAU','BRINDA','BETSEY','ARMINDA','ARACELIS','APRYL','ANNETT','ALISHIA','VEOLA','USHA','TOSHIKO','THEOLA','TASHIA','TALITHA','SHERY','RUDY','RENETTA','REIKO','RASHEEDA','OMEGA','OBDULIA','MIKA','MELAINE','MEGGAN','MARTIN','MARLEN','MARGET','MARCELINE','MANA','MAGDALEN','LIBRADA','LEZLIE','LEXIE','LATASHIA','LASANDRA','KELLE','ISIDRA','ISA','INOCENCIA','GWYN','FRANCOISE','ERMINIA','ERINN','DIMPLE','DEVORA','CRISELDA','ARMANDA','ARIE','ARIANE','ANGELO','ANGELENA','ALLEN','ALIZA','ADRIENE','ADALINE','XOCHITL','TWANNA','TRAN','TOMIKO','TAMISHA','TAISHA','SUSY','SIU','RUTHA','ROXY','RHONA','RAYMOND','OTHA','NORIKO','NATASHIA','MERRIE','MELVIN','MARINDA','MARIKO','MARGERT','LORIS','LIZZETTE','LEISHA','KAILA','KA','JOANNIE','JERRICA','JENE','JANNET','JANEE','JACINDA','HERTA','ELENORE','DORETTA','DELAINE','DANIELL','CLAUDIE','CHINA','BRITTA','APOLONIA','AMBERLY','ALEASE','YURI','YUK','WEN','WANETA','UTE','TOMI','SHARRI','SANDIE','ROSELLE','REYNALDA','RAGUEL','PHYLICIA','PATRIA','OLIMPIA','ODELIA','MITZIE','MITCHELL','MISS','MINDA','MIGNON','MICA','MENDY','MARIVEL','MAILE','LYNETTA','LAVETTE','LAURYN','LATRISHA','LAKIESHA','KIERSTEN','KARY','JOSPHINE','JOLYN','JETTA','JANISE','JACQUIE','IVELISSE','GLYNIS','GIANNA','GAYNELLE','EMERALD','DEMETRIUS','DANYELL','DANILLE','DACIA','CORALEE','CHER','CEOLA','BRETT','BELL','ARIANNE','ALESHIA','YUNG','WILLIEMAE','TROY','TRINH','THORA','TAI','SVETLANA','SHERIKA','SHEMEKA','SHAUNDA','ROSELINE','RICKI','MELDA','MALLIE','LAVONNA','LATINA','LARRY','LAQUANDA','LALA','LACHELLE','KLARA','KANDIS','JOHNA','JEANMARIE','JAYE','HANG','GRAYCE','GERTUDE','EMERITA','EBONIE','CLORINDA','CHING','CHERY','CAROLA','BREANN','BLOSSOM','BERNARDINE','BECKI','ARLETHA','ARGELIA','ARA','ALITA','YULANDA','YON','YESSENIA','TOBI','TASIA','SYLVIE','SHIRL','SHIRELY','SHERIDAN','SHELLA','SHANTELLE','SACHA','ROYCE','REBECKA','REAGAN','PROVIDENCIA','PAULENE','MISHA','MIKI','MARLINE','MARICA','LORITA','LATOYIA','LASONYA','KERSTIN','KENDA','KEITHA','KATHRIN','JAYMIE','JACK','GRICELDA','GINETTE','ERYN','ELINA','ELFRIEDA','DANYEL','CHEREE','CHANELLE','BARRIE','AVERY','AURORE','ANNAMARIA','ALLEEN','AILENE','AIDE','YASMINE','VASHTI','VALENTINE','TREASA','TORY','TIFFANEY','SHERYLL','SHARIE','SHANAE','SAU','RAISA','PA','NEDA','MITSUKO','MIRELLA','MILDA','MARYANNA','MARAGRET','MABELLE','LUETTA','LORINA','LETISHA','LATARSHA','LANELLE','LAJUANA','KRISSY','KARLY','KARENA','JON','JESSIKA','JERICA','JEANELLE','JANUARY','JALISA','JACELYN','IZOLA','IVEY','GREGORY','EUNA','ETHA','DREW','DOMITILA','DOMINICA','DAINA','CREOLA','CARLI','CAMIE','BUNNY','BRITTNY','ASHANTI','ANISHA','ALEEN','ADAH','YASUKO','WINTER','VIKI','VALRIE','TONA','TINISHA','THI','TERISA','TATUM','TANEKA','SIMONNE','SHALANDA','SERITA','RESSIE','REFUGIA','PAZ','OLENE','NA','MERRILL','MARGHERITA','MANDIE','MAN','MAIRE','LYNDIA','LUCI','LORRIANE','LORETA','LEONIA','LAVONA','LASHAWNDA','LAKIA','KYOKO','KRYSTINA','KRYSTEN','KENIA','KELSI','JUDE','JEANICE','ISOBEL','GEORGIANN','GENNY','FELICIDAD','EILENE','DEON','DELOISE','DEEDEE','DANNIE','CONCEPTION','CLORA','CHERILYN','CHANG','CALANDRA','BERRY','ARMANDINA','ANISA','ULA','TIMOTHY','TIERA','THERESSA','STEPHANIA','SIMA','SHYLA','SHONTA','SHERA','SHAQUITA','SHALA','SAMMY','ROSSANA','NOHEMI','NERY','MORIAH','MELITA','MELIDA','MELANI','MARYLYNN','MARISHA','MARIETTE','MALORIE','MADELENE','LUDIVINA','LORIA','LORETTE','LORALEE','LIANNE','LEON','LAVENIA','LAURINDA','LASHON','KIT','KIMI','KEILA','KATELYNN','KAI','JONE','JOANE','JI','JAYNA','JANELLA','JA','HUE','HERTHA','FRANCENE','ELINORE','DESPINA','DELSIE','DEEDRA','CLEMENCIA','CARRY','CAROLIN','CARLOS','BULAH','BRITTANIE','BOK','BLONDELL','BIBI','BEAULAH','BEATA','ANNITA','AGRIPINA','VIRGEN','VALENE','UN','TWANDA','TOMMYE','TOI','TARRA','TARI','TAMMERA','SHAKIA','SADYE','RUTHANNE','ROCHEL','RIVKA','PURA','NENITA','NATISHA','MING','MERRILEE','MELODEE','MARVIS','LUCILLA','LEENA','LAVETA','LARITA','LANIE','KEREN','ILEEN','GEORGEANN','GENNA','GENESIS','FRIDA','EWA','EUFEMIA','EMELY','ELA','EDYTH','DEONNA','DEADRA','DARLENA','CHANELL','CHAN','CATHERN','CASSONDRA','CASSAUNDRA','BERNARDA','BERNA','ARLINDA','ANAMARIA','ALBERT','WESLEY','VERTIE','VALERI','TORRI','TATYANA','STASIA','SHERISE','SHERILL','SEASON','SCOTTIE','SANDA','RUTHE','ROSY','ROBERTO','ROBBI','RANEE','QUYEN','PEARLY','PALMIRA','ONITA','NISHA','NIESHA','NIDA','NEVADA','NAM','MERLYN','MAYOLA','MARYLOUISE','MARYLAND','MARX','MARTH','MARGENE','MADELAINE','LONDA','LEONTINE','LEOMA','LEIA','LAWRENCE','LAURALEE','LANORA','LAKITA','KIYOKO','KETURAH','KATELIN','KAREEN','JONIE','JOHNETTE','JENEE','JEANETT','IZETTA','HIEDI','HEIKE','HASSIE','HAROLD','GIUSEPPINA','GEORGANN','FIDELA','FERNANDE','ELWANDA','ELLAMAE','ELIZ','DUSTI','DOTTY','CYNDY','CORALIE','CELESTA','ARGENTINA','ALVERTA','XENIA','WAVA','VANETTA','TORRIE','TASHINA','TANDY','TAMBRA','TAMA','STEPANIE','SHILA','SHAUNTA','SHARAN','SHANIQUA','SHAE','SETSUKO','SERAFINA','SANDEE','ROSAMARIA','PRISCILA','OLINDA','NADENE','MUOI','MICHELINA','MERCEDEZ','MARYROSE','MARIN','MARCENE','MAO','MAGALI','MAFALDA','LOGAN','LINN','LANNIE','KAYCE','KAROLINE','KAMILAH','KAMALA','JUSTA','JOLINE','JENNINE','JACQUETTA','IRAIDA','GERALD','GEORGEANNA','FRANCHESCA','FAIRY','EMELINE','ELANE','EHTEL','EARLIE','DULCIE','DALENE','CRIS','CLASSIE','CHERE','CHARIS','CAROYLN','CARMINA','CARITA','BRIAN','BETHANIE','AYAKO','ARICA','AN','ALYSA','ALESSANDRA','AKILAH','ADRIEN','ZETTA','YOULANDA','YELENA','YAHAIRA','XUAN','WENDOLYN','VICTOR','TIJUANA','TERRELL','TERINA','TERESIA','SUZI','SUNDAY','SHERELL','SHAVONDA','SHAUNTE','SHARDA','SHAKITA','SENA','RYANN','RUBI','RIVA','REGINIA','REA','RACHAL','PARTHENIA','PAMULA','MONNIE','MONET','MICHAELE','MELIA','MARINE','MALKA','MAISHA','LISANDRA','LEO','LEKISHA','LEAN','LAURENCE','LAKENDRA','KRYSTIN','KORTNEY','KIZZIE','KITTIE','KERA','KENDAL','KEMBERLY','KANISHA','JULENE','JULE','JOSHUA','JOHANNE','JEFFREY','JAMEE','HAN','HALLEY','GIDGET','GALINA','FREDRICKA','FLETA','FATIMAH','EUSEBIA','ELZA','ELEONORE','DORTHEY','DORIA','DONELLA','DINORAH','DELORSE','CLARETHA','CHRISTINIA','CHARLYN','BONG','BELKIS','AZZIE','ANDERA','AIKO','ADENA','YER','YAJAIRA','WAN','VANIA','ULRIKE','TOSHIA','TIFANY','STEFANY','SHIZUE','SHENIKA','SHAWANNA','SHAROLYN','SHARILYN','SHAQUANA','SHANTAY','SEE','ROZANNE','ROSELEE','RICKIE','REMONA','REANNA','RAELENE','QUINN','PHUNG','PETRONILA','NATACHA','NANCEY','MYRL','MIYOKO','MIESHA','MERIDETH','MARVELLA','MARQUITTA','MARHTA','MARCHELLE','LIZETH','LIBBIE','LAHOMA','LADAWN','KINA','KATHELEEN','KATHARYN','KARISA','KALEIGH','JUNIE','JULIEANN','JOHNSIE','JANEAN','JAIMEE','JACKQUELINE','HISAKO','HERMA','HELAINE','GWYNETH','GLENN','GITA','EUSTOLIA','EMELINA','ELIN','EDRIS','DONNETTE','DONNETTA','DIERDRE','DENAE','DARCEL','CLAUDE','CLARISA','CINDERELLA','CHIA','CHARLESETTA','CHARITA','CELSA','CASSY','CASSI','CARLEE','BRUNA','BRITTANEY','BRANDE','BILLI','BAO','ANTONETTA','ANGLA','ANGELYN','ANALISA','ALANE','WENONA','WENDIE','VERONIQUE','VANNESA','TOBIE','TEMPIE','SUMIKO','SULEMA','SPARKLE','SOMER','SHEBA','SHAYNE','SHARICE','SHANEL','SHALON','SAGE','ROY','ROSIO','ROSELIA','RENAY','REMA','REENA','PORSCHE','PING','PEG','OZIE','ORETHA','ORALEE','ODA','NU','NGAN','NAKESHA','MILLY','MARYBELLE','MARLIN','MARIS','MARGRETT','MARAGARET','MANIE','LURLENE','LILLIA','LIESELOTTE','LAVELLE','LASHAUNDA','LAKEESHA','KEITH','KAYCEE','KALYN','JOYA','JOETTE','JENAE','JANIECE','ILLA','GRISEL','GLAYDS','GENEVIE','GALA','FREDDA','FRED','ELMER','ELEONOR','DEBERA','DEANDREA','DAN','CORRINNE','CORDIA','CONTESSA','COLENE','CLEOTILDE','CHARLOTT','CHANTAY','CECILLE','BEATRIS','AZALEE','ARLEAN','ARDATH','ANJELICA','ANJA','ALFREDIA','ALEISHA','ADAM','ZADA','YUONNE','XIAO','WILLODEAN','WHITLEY','VENNIE','VANNA','TYISHA','TOVA','TORIE','TONISHA','TILDA','TIEN','TEMPLE','SIRENA','SHERRIL','SHANTI','SHAN','SENAIDA','SAMELLA','ROBBYN','RENDA','REITA','PHEBE','PAULITA','NOBUKO','NGUYET','NEOMI','MOON','MIKAELA','MELANIA','MAXIMINA','MARG','MAISIE','LYNNA','LILLI','LAYNE','LASHAUN','LAKENYA','LAEL','KIRSTIE','KATHLINE','KASHA','KARLYN','KARIMA','JOVAN','JOSEFINE','JENNELL','JACQUI','JACKELYN','HYO','HIEN','GRAZYNA','FLORRIE','FLORIA','ELEONORA','DWANA','DORLA','DONG','DELMY','DEJA','DEDE','DANN','CRYSTA','CLELIA','CLARIS','CLARENCE','CHIEKO','CHERLYN','CHERELLE','CHARMAIN','CHARA','CAMMY','BEE','ARNETTE','ARDELLE','ANNIKA','AMIEE','AMEE','ALLENA','YVONE','YUKI','YOSHIE','YEVETTE','YAEL','WILLETTA','VONCILE','VENETTA','TULA','TONETTE','TIMIKA','TEMIKA','TELMA','TEISHA','TAREN','TA','STACEE','SHIN','SHAWNTA','SATURNINA','RICARDA','POK','PASTY','ONIE','NUBIA','MORA','MIKE','MARIELLE','MARIELLA','MARIANELA','MARDELL','MANY','LUANNA','LOISE','LISABETH','LINDSY','LILLIANA','LILLIAM','LELAH','LEIGHA','LEANORA','LANG','KRISTEEN','KHALILAH','KEELEY','KANDRA','JUNKO','JOAQUINA','JERLENE','JANI','JAMIKA','JAME','HSIU','HERMILA','GOLDEN','GENEVIVE','EVIA','EUGENA','EMMALINE','ELFREDA','ELENE','DONETTE','DELCIE','DEEANNA','DARCEY','CUC','CLARINDA','CIRA','CHAE','CELINDA','CATHERYN','CATHERIN','CASIMIRA','CARMELIA','CAMELLIA','BREANA','BOBETTE','BERNARDINA','BEBE','BASILIA','ARLYNE','AMAL','ALAYNA','ZONIA','ZENIA','YURIKO','YAEKO','WYNELL','WILLOW','WILLENA','VERNIA','TU','TRAVIS','TORA','TERRILYN','TERICA','TENESHA','TAWNA','TAJUANA','TAINA','STEPHNIE','SONA','SOL','SINA','SHONDRA','SHIZUKO','SHERLENE','SHERICE','SHARIKA','ROSSIE','ROSENA','RORY','RIMA','RIA','RHEBA','RENNA','PETER','NATALYA','NANCEE','MELODI','MEDA','MAXIMA','MATHA','MARKETTA','MARICRUZ','MARCELENE','MALVINA','LUBA','LOUETTA','LEIDA','LECIA','LAURAN','LASHAWNA','LAINE','KHADIJAH','KATERINE','KASI','KALLIE','JULIETTA','JESUSITA','JESTINE','JESSIA','JEREMY','JEFFIE','JANYCE','ISADORA','GEORGIANNE','FIDELIA','EVITA','EURA','EULAH','ESTEFANA','ELSY','ELIZABET','ELADIA','DODIE','DION','DIA','DENISSE','DELORAS','DELILA','DAYSI','DAKOTA','CURTIS','CRYSTLE','CONCHA','COLBY','CLARETTA','CHU','CHRISTIA','CHARLSIE','CHARLENA','CARYLON','BETTYANN','ASLEY','ASHLEA','AMIRA','AI','AGUEDA','AGNUS','YUETTE','VINITA','VICTORINA','TYNISHA','TREENA','TOCCARA','TISH','THOMASENA','TEGAN','SOILA','SHILOH','SHENNA','SHARMAINE','SHANTAE','SHANDI','SEPTEMBER','SARAN','SARAI','SANA','SAMUEL','SALLEY','ROSETTE','ROLANDE','REGINE','OTELIA','OSCAR','OLEVIA','NICHOLLE','NECOLE','NAIDA','MYRTA','MYESHA','MITSUE','MINTA','MERTIE','MARGY','MAHALIA','MADALENE','LOVE','LOURA','LOREAN','LEWIS','LESHA','LEONIDA','LENITA','LAVONE','LASHELL','LASHANDRA','LAMONICA','KIMBRA','KATHERINA','KARRY','KANESHA','JULIO','JONG','JENEVA','JAQUELYN','HWA','GILMA','GHISLAINE','GERTRUDIS','FRANSISCA','FERMINA','ETTIE','ETSUKO','ELLIS','ELLAN','ELIDIA','EDRA','DORETHEA','DOREATHA','DENYSE','DENNY','DEETTA','DAINE','CYRSTAL','CORRIN','CAYLA','CARLITA','CAMILA','BURMA','BULA','BUENA','BLAKE','BARABARA','AVRIL','AUSTIN','ALAINE','ZANA','WILHEMINA','WANETTA','VIRGIL','VI','VERONIKA','VERNON','VERLINE','VASILIKI','TONITA','TISA','TEOFILA','TAYNA','TAUNYA','TANDRA','TAKAKO','SUNNI','SUANNE','SIXTA','SHARELL','SEEMA','RUSSELL','ROSENDA','ROBENA','RAYMONDE','PEI','PAMILA','OZELL','NEIDA','NEELY','MISTIE','MICHA','MERISSA','MAURITA','MARYLN','MARYETTA','MARSHALL','MARCELL','MALENA','MAKEDA','MADDIE','LOVETTA','LOURIE','LORRINE','LORILEE','LESTER','LAURENA','LASHAY','LARRAINE','LAREE','LACRESHA','KRISTLE','KRISHNA','KEVA','KEIRA','KAROLE','JOIE','JINNY','JEANNETTA','JAMA','HEIDY','GILBERTE','GEMA','FAVIOLA','EVELYNN','ENDA','ELLI','ELLENA','DIVINA','DAGNY','COLLENE','CODI','CINDIE','CHASSIDY','CHASIDY','CATRICE','CATHERINA','CASSEY','CAROLL','CARLENA','CANDRA','CALISTA','BRYANNA','BRITTENY','BEULA','BARI','AUDRIE','AUDRIA','ARDELIA','ANNELLE','ANGILA','ALONA','ALLYN','DOUGLAS','ROGER','JONATHAN','RALPH','NICHOLAS','BENJAMIN','BRUCE','HARRY','WAYNE','STEVE','HOWARD','ERNEST','PHILLIP','TODD','CRAIG','ALAN','PHILIP','EARL','DANNY','BRYAN','STANLEY','LEONARD','NATHAN','MANUEL','RODNEY','MARVIN','VINCENT','JEFFERY','JEFF','CHAD','JACOB','ALFRED','BRADLEY','HERBERT','FREDERICK','EDWIN','DON','RICKY','RANDALL','BARRY','BERNARD','LEROY','MARCUS','THEODORE','CLIFFORD','MIGUEL','JIM','TOM','CALVIN','BILL','LLOYD','DEREK','WARREN','DARRELL','JEROME','FLOYD','ALVIN','TIM','GORDON','GREG','JORGE','DUSTIN','PEDRO','DERRICK','ZACHARY','HERMAN','GLEN','HECTOR','RICARDO','RICK','BRENT','RAMON','GILBERT','MARC','REGINALD','RUBEN','NATHANIEL','RAFAEL','EDGAR','MILTON','RAUL','BEN','CHESTER','DUANE','FRANKLIN','BRAD','RON','ROLAND','ARNOLD','HARVEY','JARED','ERIK','DARRYL','NEIL','JAVIER','FERNANDO','CLINTON','TED','MATHEW','TYRONE','DARREN','LANCE','KURT','ALLAN','NELSON','GUY','CLAYTON','HUGH','MAX','DWAYNE','DWIGHT','ARMANDO','FELIX','EVERETT','IAN','WALLACE','KEN','BOB','ALFREDO','ALBERTO','DAVE','IVAN','BYRON','ISAAC','MORRIS','CLIFTON','WILLARD','ROSS','ANDY','SALVADOR','KIRK','SERGIO','SETH','KENT','TERRANCE','EDUARDO','TERRENCE','ENRIQUE','WADE','STUART','FREDRICK','ARTURO','ALEJANDRO','NICK','LUTHER','WENDELL','JEREMIAH','JULIUS','OTIS','TREVOR','OLIVER','LUKE','HOMER','GERARD','DOUG','KENNY','HUBERT','LYLE','MATT','ALFONSO','ORLANDO','REX','CARLTON','ERNESTO','NEAL','PABLO','LORENZO','OMAR','WILBUR','GRANT','HORACE','RODERICK','ABRAHAM','WILLIS','RICKEY','ANDRES','CESAR','JOHNATHAN','MALCOLM','RUDOLPH','DAMON','KELVIN','PRESTON','ALTON','ARCHIE','MARCO','WM','PETE','RANDOLPH','GARRY','GEOFFREY','JONATHON','FELIPE','GERARDO','ED','DOMINIC','DELBERT','COLIN','GUILLERMO','EARNEST','LUCAS','BENNY','SPENCER','RODOLFO','MYRON','EDMUND','GARRETT','SALVATORE','CEDRIC','LOWELL','GREGG','SHERMAN','WILSON','SYLVESTER','ROOSEVELT','ISRAEL','JERMAINE','FORREST','WILBERT','LELAND','SIMON','CLARK','IRVING','BRYANT','OWEN','RUFUS','WOODROW','KRISTOPHER','MACK','LEVI','MARCOS','GUSTAVO','JAKE','LIONEL','GILBERTO','CLINT','NICOLAS','ISMAEL','ORVILLE','ERVIN','DEWEY','AL','WILFRED','JOSH','HUGO','IGNACIO','CALEB','TOMAS','SHELDON','ERICK','STEWART','DOYLE','DARREL','ROGELIO','TERENCE','SANTIAGO','ALONZO','ELIAS','BERT','ELBERT','RAMIRO','CONRAD','NOAH','GRADY','PHIL','CORNELIUS','LAMAR','ROLANDO','CLAY','PERCY','DEXTER','BRADFORD','DARIN','AMOS','MOSES','IRVIN','SAUL','ROMAN','RANDAL','TIMMY','DARRIN','WINSTON','BRENDAN','ABEL','DOMINICK','BOYD','EMILIO','ELIJAH','DOMINGO','EMMETT','MARLON','EMANUEL','JERALD','EDMOND','EMIL','DEWAYNE','WILL','OTTO','TEDDY','REYNALDO','BRET','JESS','TRENT','HUMBERTO','EMMANUEL','STEPHAN','VICENTE','LAMONT','GARLAND','MILES','EFRAIN','HEATH','RODGER','HARLEY','ETHAN','ELDON','ROCKY','PIERRE','JUNIOR','FREDDY','ELI','BRYCE','ANTOINE','STERLING','CHASE','GROVER','ELTON','CLEVELAND','DYLAN','CHUCK','DAMIAN','REUBEN','STAN','AUGUST','LEONARDO','JASPER','RUSSEL','ERWIN','BENITO','HANS','MONTE','BLAINE','ERNIE','CURT','QUENTIN','AGUSTIN','MURRAY','JAMAL','ADOLFO','HARRISON','TYSON','BURTON','BRADY','ELLIOTT','WILFREDO','BART','JARROD','VANCE','DENIS','DAMIEN','JOAQUIN','HARLAN','DESMOND','ELLIOT','DARWIN','GREGORIO','BUDDY','XAVIER','KERMIT','ROSCOE','ESTEBAN','ANTON','SOLOMON','SCOTTY','NORBERT','ELVIN','WILLIAMS','NOLAN','ROD','QUINTON','HAL','BRAIN','ROB','ELWOOD','KENDRICK','DARIUS','MOISES','FIDEL','THADDEUS','CLIFF','MARCEL','JACKSON','RAPHAEL','BRYON','ARMAND','ALVARO','JEFFRY','DANE','JOESPH','THURMAN','NED','RUSTY','MONTY','FABIAN','REGGIE','MASON','GRAHAM','ISAIAH','VAUGHN','GUS','LOYD','DIEGO','ADOLPH','NORRIS','MILLARD','ROCCO','GONZALO','DERICK','RODRIGO','WILEY','RIGOBERTO','ALPHONSO','TY','NOE','VERN','REED','JEFFERSON','ELVIS','BERNARDO','MAURICIO','HIRAM','DONOVAN','BASIL','RILEY','NICKOLAS','MAYNARD','SCOT','VINCE','QUINCY','EDDY','SEBASTIAN','FEDERICO','ULYSSES','HERIBERTO','DONNELL','COLE','DAVIS','GAVIN','EMERY','WARD','ROMEO','JAYSON','DANTE','CLEMENT','COY','MAXWELL','JARVIS','BRUNO','ISSAC','DUDLEY','BROCK','SANFORD','CARMELO','BARNEY','NESTOR','STEFAN','DONNY','ART','LINWOOD','BEAU','WELDON','GALEN','ISIDRO','TRUMAN','DELMAR','JOHNATHON','SILAS','FREDERIC','DICK','IRWIN','MERLIN','CHARLEY','MARCELINO','HARRIS','CARLO','TRENTON','KURTIS','HUNTER','AURELIO','WINFRED','VITO','COLLIN','DENVER','CARTER','LEONEL','EMORY','PASQUALE','MOHAMMAD','MARIANO','DANIAL','LANDON','DIRK','BRANDEN','ADAN','BUFORD','GERMAN','WILMER','EMERSON','ZACHERY','FLETCHER','JACQUES','ERROL','DALTON','MONROE','JOSUE','EDWARDO','BOOKER','WILFORD','SONNY','SHELTON','CARSON','THERON','RAYMUNDO','DAREN','HOUSTON','ROBBY','LINCOLN','GENARO','BENNETT','OCTAVIO','CORNELL','HUNG','ARRON','ANTONY','HERSCHEL','GIOVANNI','GARTH','CYRUS','CYRIL','RONNY','LON','FREEMAN','DUNCAN','KENNITH','CARMINE','ERICH','CHADWICK','WILBURN','RUSS','REID','MYLES','ANDERSON','MORTON','JONAS','FOREST','MITCHEL','MERVIN','ZANE','RICH','JAMEL','LAZARO','ALPHONSE','RANDELL','MAJOR','JARRETT','BROOKS','ABDUL','LUCIANO','SEYMOUR','EUGENIO','MOHAMMED','VALENTIN','CHANCE','ARNULFO','LUCIEN','FERDINAND','THAD','EZRA','ALDO','RUBIN','ROYAL','MITCH','EARLE','ABE','WYATT','MARQUIS','LANNY','KAREEM','JAMAR','BORIS','ISIAH','EMILE','ELMO','ARON','LEOPOLDO','EVERETTE','JOSEF','ELOY','RODRICK','REINALDO','LUCIO','JERROD','WESTON','HERSHEL','BARTON','PARKER','LEMUEL','BURT','JULES','GIL','ELISEO','AHMAD','NIGEL','EFREN','ANTWAN','ALDEN','MARGARITO','COLEMAN','DINO','OSVALDO','LES','DEANDRE','NORMAND','KIETH','TREY','NORBERTO','NAPOLEON','JEROLD','FRITZ','ROSENDO','MILFORD','CHRISTOPER','ALFONZO','LYMAN','JOSIAH','BRANT','WILTON','RICO','JAMAAL','DEWITT','BRENTON','OLIN','FOSTER','FAUSTINO','CLAUDIO','JUDSON','GINO','EDGARDO','ALEC','TANNER','JARRED','DONN','TAD','PRINCE','PORFIRIO','ODIS','LENARD','CHAUNCEY','TOD','MEL','MARCELO','KORY','AUGUSTUS','KEVEN','HILARIO','BUD','SAL','ORVAL','MAURO','ZACHARIAH','OLEN','ANIBAL','MILO','JED','DILLON','AMADO','NEWTON','LENNY','RICHIE','HORACIO','BRICE','MOHAMED','DELMER','DARIO','REYES','MAC','JONAH','JERROLD','ROBT','HANK','RUPERT','ROLLAND','KENTON','DAMION','ANTONE','WALDO','FREDRIC','BRADLY','KIP','BURL','WALKER','TYREE','JEFFEREY','AHMED','WILLY','STANFORD','OREN','NOBLE','MOSHE','MIKEL','ENOCH','BRENDON','QUINTIN','JAMISON','FLORENCIO','DARRICK','TOBIAS','HASSAN','GIUSEPPE','DEMARCUS','CLETUS','TYRELL','LYNDON','KEENAN','WERNER','GERALDO','COLUMBUS','CHET','BERTRAM','MARKUS','HUEY','HILTON','DWAIN','DONTE','TYRON','OMER','ISAIAS','HIPOLITO','FERMIN','ADALBERTO','BO','BARRETT','TEODORO','MCKINLEY','MAXIMO','GARFIELD','RALEIGH','LAWERENCE','ABRAM','RASHAD','KING','EMMITT','DARON','SAMUAL','MIQUEL','EUSEBIO','DOMENIC','DARRON','BUSTER','WILBER','RENATO','JC','HOYT','HAYWOOD','EZEKIEL','CHAS','FLORENTINO','ELROY','CLEMENTE','ARDEN','NEVILLE','EDISON','DESHAWN','NATHANIAL','JORDON','DANILO','CLAUD','SHERWOOD','RAYMON','RAYFORD','CRISTOBAL','AMBROSE','TITUS','HYMAN','FELTON','EZEQUIEL','ERASMO','STANTON','LONNY','LEN','IKE','MILAN','LINO','JAROD','HERB','ANDREAS','WALTON','RHETT','PALMER','DOUGLASS','CORDELL','OSWALDO','ELLSWORTH','VIRGILIO','TONEY','NATHANAEL','DEL','BENEDICT','MOSE','JOHNSON','ISREAL','GARRET','FAUSTO','ASA','ARLEN','ZACK','WARNER','MODESTO','FRANCESCO','MANUAL','GAYLORD','GASTON','FILIBERTO','DEANGELO','MICHALE','GRANVILLE','WES','MALIK','ZACKARY','TUAN','ELDRIDGE','CRISTOPHER','CORTEZ','ANTIONE','MALCOM','LONG','KOREY','JOSPEH','COLTON','WAYLON','VON','HOSEA','SHAD','SANTO','RUDOLF','ROLF','REY','RENALDO','MARCELLUS','LUCIUS','KRISTOFER','BOYCE','BENTON','HAYDEN','HARLAND','ARNOLDO','RUEBEN','LEANDRO','KRAIG','JERRELL','JEROMY','HOBERT','CEDRICK','ARLIE','WINFORD','WALLY','LUIGI','KENETH','JACINTO','GRAIG','FRANKLYN','EDMUNDO','SID','PORTER','LEIF','JERAMY','BUCK','WILLIAN','VINCENZO','SHON','LYNWOOD','JERE','HAI','ELDEN','DORSEY','DARELL','BRODERICK','ALONSO'];
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-220-heighway-dragon.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-220-heighway-dragon.portuguese.md
new file mode 100644
index 0000000000..0f544a0ef1
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-220-heighway-dragon.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4481000cf542c50ff5b
+challengeType: 5
+title: 'Problem 220: Heighway Dragon'
+videoUrl: ''
+localeTitle: 'Problema 220: Dragão Heighway'
+---
+
+## Description
+<section id="description"> Seja D0 a string de duas letras &quot;Fa&quot;. Para n≥1, deduza Dn de Dn-1 pelas regras de reescrita de string: <p> &quot;a&quot; → &quot;aRbFR&quot; &quot;b&quot; → &quot;LFaLb&quot; </p><p> Assim, D0 = &quot;Fa&quot;, D1 = &quot;FaRbFR&quot;, D2 = &quot;FaRbFRRLFaLbFR&quot;, e assim por diante. </p><p> Estas strings podem ser interpretadas como instruções para um programa de computação gráfica, com &quot;F&quot; significando &quot;desenhar para frente uma unidade&quot;, &quot;L&quot; significando &quot;virar à esquerda 90 graus&quot;, &quot;R&quot; significando &quot;virar à direita 90 graus&quot; e &quot;a &quot;e&quot; b &quot;sendo ignorado. A posição inicial do cursor do computador é (0,0), apontando para cima (0,1). </p><p> Então Dn é ​​um desenho exótico conhecido como o Dragão de Heighway da ordem n. Por exemplo, D10 é mostrado abaixo; contando cada &quot;F&quot; como um passo, o ponto destacado em (18,16) é a posição alcançada após 500 passos. </p><p> Qual é a posição do cursor após 1012 etapas no D50? Dê sua resposta no formato x, y sem espaços. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>euler220()</code> deve retornar 139776, 963904.'
+    testString: 'assert.strictEqual(euler220(), 139776, 963904, "<code>euler220()</code> should return 139776, 963904.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler220() {
+  // Good luck!
+  return true;
+}
+
+euler220();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-221-alexandrian-integers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-221-alexandrian-integers.portuguese.md
new file mode 100644
index 0000000000..5ec91a69cc
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-221-alexandrian-integers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4491000cf542c50ff5c
+challengeType: 5
+title: 'Problem 221: Alexandrian Integers'
+videoUrl: ''
+localeTitle: 'Problema 221: Inteiros de Alexandria'
+---
+
+## Description
+<section id="description"> Chamaremos um inteiro positivo A um &quot;inteiro alexandrino&quot;, se existirem inteiros p, q, r tais que: <pre> <code> A = p · q · r    and 1A</code> </pre><p> = </p><pre> <code> 1p</code> </pre><p> + </p><pre> <code> 1q</code> </pre><p> + </p><pre> <code> 1r</code> </pre><p> Por exemplo, 630 é um inteiro alexandrino (p = 5, q = −7, r = −18). De fato, 630 é o 6º inteiro alexandrino, sendo os 6 primeiros inteiros de Alexandria 6, 42, 120, 156, 420 e 630. </p><p> Encontre o 150000º inteiro alexandrino. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler221()</code> deve retornar 1884161251122450.
+    testString: 'assert.strictEqual(euler221(), 1884161251122450, "<code>euler221()</code> should return 1884161251122450.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler221() {
+  // Good luck!
+  return true;
+}
+
+euler221();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-222-sphere-packing.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-222-sphere-packing.portuguese.md
new file mode 100644
index 0000000000..d1d64c1029
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-222-sphere-packing.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f44b1000cf542c50ff5d
+challengeType: 5
+title: 'Problem 222: Sphere Packing'
+videoUrl: ''
+localeTitle: 'Problema 222: Embalagem de Esferas'
+---
+
+## Description
+<section id="description"> Qual é o comprimento do tubo mais curto, de raio interno de 50mm, que pode conter totalmente 21 bolas de raios 30mm, 31mm, ..., 50mm? <p> Dê sua resposta em micrômetros (10-6 m) arredondados para o número inteiro mais próximo. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler222()</code> deve retornar 1590933.
+    testString: 'assert.strictEqual(euler222(), 1590933, "<code>euler222()</code> should return 1590933.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler222() {
+  // Good luck!
+  return true;
+}
+
+euler222();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-223-almost-right-angled-triangles-i.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-223-almost-right-angled-triangles-i.portuguese.md
new file mode 100644
index 0000000000..93c869efc6
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-223-almost-right-angled-triangles-i.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f44b1000cf542c50ff5e
+challengeType: 5
+title: 'Problem 223: Almost right-angled triangles I'
+videoUrl: ''
+localeTitle: 'Problema 223: Triângulos quase retos I'
+---
+
+## Description
+<section id="description"> Vamos chamar um triângulo de lados inteiros com lados a ≤ b ≤ c mal agudo se os lados satisfizerem a2 + b2 = c2 + 1. <p> Quantos triângulos mal agudos existem com perímetro ≤ 25.000.000? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler223()</code> deve retornar 61614848.
+    testString: 'assert.strictEqual(euler223(), 61614848, "<code>euler223()</code> should return 61614848.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler223() {
+  // Good luck!
+  return true;
+}
+
+euler223();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-224-almost-right-angled-triangles-ii.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-224-almost-right-angled-triangles-ii.portuguese.md
new file mode 100644
index 0000000000..fbd6a9f7c4
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-224-almost-right-angled-triangles-ii.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f44e1000cf542c50ff5f
+challengeType: 5
+title: 'Problem 224: Almost right-angled triangles II'
+videoUrl: ''
+localeTitle: 'Problema 224: Triângulos quase retos II'
+---
+
+## Description
+<section id="description"> Vamos chamar um triângulo de lados inteiros com lados a ≤ b ≤ c mal obtuso se os lados satisfizerem a2 + b2 = c2 - 1. <p> Quantos triângulos mal obtusos existem com perímetro ≤ 75.000.000? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler224()</code> deve retornar 4137330.
+    testString: 'assert.strictEqual(euler224(), 4137330, "<code>euler224()</code> should return 4137330.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler224() {
+  // Good luck!
+  return true;
+}
+
+euler224();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-225-tribonacci-non-divisors.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-225-tribonacci-non-divisors.portuguese.md
new file mode 100644
index 0000000000..f1d238d580
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-225-tribonacci-non-divisors.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f44e1000cf542c50ff60
+challengeType: 5
+title: 'Problem 225: Tribonacci non-divisors'
+videoUrl: ''
+localeTitle: 'Problema 225: Não divisores de Tribonacci'
+---
+
+## Description
+<section id="description"> A sequência 1, 1, 1, 3, 5, 9, 17, 31, 57, 105, 193, 355, 653, 1201 ... é definida por T1 = T2 = T3 = 1 e Tn = Tn-1 + Tn -2 + Tn-3. <p> Pode ser mostrado que 27 não divide quaisquer termos dessa sequência. Na verdade, 27 é o primeiro número ímpar com essa propriedade. </p><p> Encontre o 124º número ímpar que não divide quaisquer termos da sequência acima. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler225()</code> deve retornar 2009.
+    testString: 'assert.strictEqual(euler225(), 2009, "<code>euler225()</code> should return 2009.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler225() {
+  // Good luck!
+  return true;
+}
+
+euler225();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-226-a-scoop-of-blancmange.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-226-a-scoop-of-blancmange.portuguese.md
new file mode 100644
index 0000000000..f4ad659125
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-226-a-scoop-of-blancmange.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4511000cf542c50ff62
+challengeType: 5
+title: 'Problem 226: A Scoop of Blancmange'
+videoUrl: ''
+localeTitle: 'Problema 226: uma colher de Blancmange'
+---
+
+## Description
+<section id="description"> A curva de manjar é o conjunto de pontos (x, y) tais que 0 ≤ x ≤ 1 e, onde s (x) = a distância de x ao inteiro mais próximo. <p> A área sob a curva de manjar é igual a ½, mostrada em rosa no diagrama abaixo. </p><p> Seja C o círculo com centro (¼, ½) e raio ¼, mostrado em preto no diagrama. </p><p> Que área sob a curva de manjar branco é delimitada por C? Dê sua resposta arredondada para oito casas decimais na forma 0.abcdefgh </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler226()</code> deve retornar 0.11316017.
+    testString: 'assert.strictEqual(euler226(), 0.11316017, "<code>euler226()</code> should return 0.11316017.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler226() {
+  // Good luck!
+  return true;
+}
+
+euler226();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-227-the-chase.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-227-the-chase.portuguese.md
new file mode 100644
index 0000000000..f33d65c7fb
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-227-the-chase.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f44f1000cf542c50ff61
+challengeType: 5
+title: 'Problem 227: The Chase'
+videoUrl: ''
+localeTitle: 'Problema 227: A perseguição'
+---
+
+## Description
+<section id="description"> &quot;The Chase&quot; é um jogo jogado com dois dados e um número par de jogadores. <p> Os jogadores sentam em volta de uma mesa; o jogo começa com dois jogadores opostos tendo um dado cada. Em cada turno, os dois jogadores com um dado rolam. Se um jogador rola um 1, ele passa o dado para o vizinho à esquerda; se ele rolar um 6, ele passa o dado para o vizinho da direita; caso contrário, ele mantém o dado para o próximo turno. O jogo termina quando um jogador tem os dois dados depois de terem sido rolados e passados; esse jogador então perdeu. </p><p> Em um jogo com 100 jogadores, qual é o número esperado de voltas que o jogo dura? Dê sua resposta arredondada para dez dígitos significativos. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler227()</code> deve retornar 3780.618622.
+    testString: 'assert.strictEqual(euler227(), 3780.618622, "<code>euler227()</code> should return 3780.618622.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler227() {
+  // Good luck!
+  return true;
+}
+
+euler227();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-228-minkowski-sums.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-228-minkowski-sums.portuguese.md
new file mode 100644
index 0000000000..833e3ea932
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-228-minkowski-sums.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4511000cf542c50ff63
+challengeType: 5
+title: 'Problem 228: Minkowski Sums'
+videoUrl: ''
+localeTitle: 'Problema 228: Soma de Minkowski'
+---
+
+## Description
+<section id="description"> Seja Sn o polígono regular de n face - ou forma - cujos vértices <p> vk (k = 1,2,…, n) tem coordenadas: </p><pre> <code>xk   = cos( 2k-1/n ×180° ) yk   = sin( 2k-1/n ×180° )</code> </pre><p> Cada Sn deve ser interpretado como uma forma preenchida que consiste em todos os pontos no perímetro e no interior. </p><p> A soma de Minkowski, S + T, de duas formas S e T é o resultado de </p><p> adicionando cada ponto em S a cada ponto em T, onde a soma dos pontos é realizada de forma coordenada: </p><p> (u, v) + (x, y) = (u + x, v + y). </p><p> Por exemplo, a soma de S3 e S4 é a forma de seis lados mostrada em rosa abaixo: </p><p> Quantos lados S1864 + S1865 +… + S1909 tem? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler228()</code> deve retornar 86226.
+    testString: 'assert.strictEqual(euler228(), 86226, "<code>euler228()</code> should return 86226.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler228() {
+  // Good luck!
+  return true;
+}
+
+euler228();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-229-four-representations-using-squares.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-229-four-representations-using-squares.portuguese.md
new file mode 100644
index 0000000000..9943281f01
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-229-four-representations-using-squares.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4521000cf542c50ff64
+challengeType: 5
+title: 'Problem 229: Four Representations using Squares'
+videoUrl: ''
+localeTitle: 'Problema 229: Quatro Representações Usando Quadrados'
+---
+
+## Description
+<section id="description"> Considere o número 3600. É muito especial, porque <p> 3600 = 482 + 362 3600 = 202 + 2 × 402 3600 = 302 + 3 × 302 3600 = 452 + 7 × 152 </p><p> Similarmente, encontramos que 88201 = 992 + 2802 = 2872 + 2 × 542 = 2832 + 3 × 522 = 1972 + 7 × 842. </p><p> Em 1747, Euler provou quais números são representáveis ​​como uma soma de dois quadrados. Estamos interessados ​​nos números n que admitem representações de todos os quatro tipos seguintes: </p><p> n = a12 + b12n = a22 + 2 b22n = a32 + 3 b32n = a72 + 7 b72, </p><p> onde o ak e o bk são inteiros positivos. </p><p> Existem 75373 desses números que não excedem 107. </p><p> Quantos são esses números que não excedem 2 × 109? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler229()</code> deve retornar 11325263.
+    testString: 'assert.strictEqual(euler229(), 11325263, "<code>euler229()</code> should return 11325263.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler229() {
+  // Good luck!
+  return true;
+}
+
+euler229();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-23-non-abundant-sums.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-23-non-abundant-sums.portuguese.md
new file mode 100644
index 0000000000..543622571e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-23-non-abundant-sums.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3831000cf542c50fe96
+challengeType: 5
+title: 'Problem 23: Non-abundant sums'
+videoUrl: ''
+localeTitle: 'Problema 23: Soma não abundante'
+---
+
+## Description
+<section id="description"> Um número perfeito é um número para o qual a soma de seus divisores apropriados é exatamente igual ao número. Por exemplo, a soma dos divisores apropriados de 28 seria 1 + 2 + 4 + 7 + 14 = 28, o que significa que 28 é um número perfeito. Um número <var>n</var> é chamado de deficiente se a soma de seus divisores próprios for menor que <var>n</var> e for chamada abundante se essa soma exceder <var>n</var> . Como 12 é o menor número abundante, 1 + 2 + 3 + 4 + 6 = 16, o menor número que pode ser escrito como a soma de dois números abundantes é 24. Por análise matemática, pode ser mostrado que todos os inteiros maiores que 28123 pode ser escrito como a soma de dois números abundantes. No entanto, esse limite superior não pode ser reduzido por análise, embora se saiba que o maior número que não pode ser expresso como a soma de dois números abundantes é menor que esse limite. Encontre a soma de todos os inteiros positivos &lt;= <var>n</var> que não podem ser escritos como a soma de dois números abundantes. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumOfNonAbundantNumbers(10000)</code> deve retornar 3731004.
+    testString: 'assert(sumOfNonAbundantNumbers(10000) === 3731004, "<code>sumOfNonAbundantNumbers(10000)</code> should return 3731004.");'
+  - text: <code>sumOfNonAbundantNumbers(15000)</code> deve retornar 4039939.
+    testString: 'assert(sumOfNonAbundantNumbers(15000) === 4039939, "<code>sumOfNonAbundantNumbers(15000)</code> should return 4039939.");'
+  - text: <code>sumOfNonAbundantNumbers(20000)</code> deve retornar 4159710.
+    testString: 'assert(sumOfNonAbundantNumbers(20000) === 4159710, "<code>sumOfNonAbundantNumbers(20000)</code> should return 4159710.");'
+  - text: <code>sumOfNonAbundantNumbers(28123)</code> deve retornar 4179871.
+    testString: 'assert(sumOfNonAbundantNumbers(28123) === 4179871, "<code>sumOfNonAbundantNumbers(28123)</code> should return 4179871.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumOfNonAbundantNumbers(n) {
+  // Good luck!
+  return n;
+}
+
+sumOfNonAbundantNumbers(28123);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-230-fibonacci-words.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-230-fibonacci-words.portuguese.md
new file mode 100644
index 0000000000..c252590c87
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-230-fibonacci-words.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4531000cf542c50ff65
+challengeType: 5
+title: 'Problem 230: Fibonacci Words'
+videoUrl: ''
+localeTitle: 'Problema 230: Palavras de Fibonacci'
+---
+
+## Description
+<section id="description"> Para quaisquer duas cadeias de dígitos, A e B, definimos FA, B como sendo a sequência (A, B, AB, BAB, ABBAB, ...) em que cada termo é a concatenação dos dois anteriores. <p> Além disso, definimos DA, B (n) para ser o enésimo dígito no primeiro termo de FA, B que contém pelo menos n dígitos. </p><p> Exemplo: </p><p> A = 1415926535, B = 8979323846. Desejamos encontrar DA, B (35), digamos. </p><p> Os primeiros termos de FA, B são: 1415926535 8979323846 14159265358979323846 897932384614159265358979323846 14159265358979323846897932384614159265358979323846 </p><p> Então DA, B (35) é o 35º dígito no quinto termo, que é 9. </p><p> Agora usamos para A os primeiros 100 dígitos de π por trás do ponto decimal: 14159265358979323846264338327950288419716939937510 58209749445923078164062862089986280348253421170679 </p><p> e para B os próximos cem dígitos: </p><p> 82148086513282306647093844609550582231725359408128 48111745028410270193852110555964462294895493038196. </p><p> Encontre ∑n = 0,1, ..., 17 10n × DA, B ((127 + 19n) × 7n). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler230()</code> deve retornar 850481152593119200.
+    testString: 'assert.strictEqual(euler230(), 850481152593119200, "<code>euler230()</code> should return 850481152593119200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler230() {
+  // Good luck!
+  return true;
+}
+
+euler230();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-231-the-prime-factorisation-of-binomial-coefficients.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-231-the-prime-factorisation-of-binomial-coefficients.portuguese.md
new file mode 100644
index 0000000000..5655c8927e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-231-the-prime-factorisation-of-binomial-coefficients.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4531000cf542c50ff66
+challengeType: 5
+title: 'Problem 231: The prime factorisation of binomial coefficients'
+videoUrl: ''
+localeTitle: 'Problema 231: A fatoração primária dos coeficientes binomiais'
+---
+
+## Description
+<section id="description"> O coeficiente binomial 10C3 = 120. 120 = 23 × 3 × 5 = 2 × 2 × 2 × 3 × 5, e 2 + 2 + 2 + 3 + 5 = 14. Portanto, a soma dos termos na fatoração primária de 10C3 é 14. <p> Encontre a soma dos termos na fatoração primária de 20000000C15000000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler231()</code> deve retornar 7526965179680.
+    testString: 'assert.strictEqual(euler231(), 7526965179680, "<code>euler231()</code> should return 7526965179680.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler231() {
+  // Good luck!
+  return true;
+}
+
+euler231();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-232-the-race.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-232-the-race.portuguese.md
new file mode 100644
index 0000000000..62e1f28b82
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-232-the-race.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4551000cf542c50ff67
+challengeType: 5
+title: 'Problem 232: The Race'
+videoUrl: ''
+localeTitle: 'Problema 232: A Corrida'
+---
+
+## Description
+<section id="description"> Dois jogadores compartilham uma moeda imparcial e se revezam para jogar &quot;A Corrida&quot;. No turno do Jogador 1, ele joga a moeda uma vez: se surgir Heads, ele marca um ponto; se aparecer Tails, ele não ganha nada. No turno do Jogador 2, ela escolhe um inteiro positivo T e joga a moeda T vezes: se surgir todas as Cabeças, ela pontua 2T-1 pontos; caso contrário, ela não pontua nada. Jogador 1 vai primeiro. O vencedor é o primeiro a 100 ou mais pontos. <p> A cada turno, o Jogador 2 seleciona o número T de lançamentos de moedas que maximiza a probabilidade de sua vitória. </p><p> Qual é a probabilidade de que o Jogador 2 vença? </p><p> Dê sua resposta arredondada para oito casas decimais na forma 0.abcdefgh. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>euler232()</code> deve retornar 0,836648556.'
+    testString: 'assert.strictEqual(euler232(), 0.83648556, "<code>euler232()</code> should return 0.83648556.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler232() {
+  // Good luck!
+  return true;
+}
+
+euler232();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-233-lattice-points-on-a-circle.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-233-lattice-points-on-a-circle.portuguese.md
new file mode 100644
index 0000000000..09e649732f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-233-lattice-points-on-a-circle.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4551000cf542c50ff68
+challengeType: 5
+title: 'Problem 233: Lattice points on a circle'
+videoUrl: ''
+localeTitle: 'Problema 233: pontos de treliça em um círculo'
+---
+
+## Description
+<section id="description"> Seja f (N) o número de pontos com coordenadas inteiras que estão em um círculo passando por (0,0), (N, 0), (0, N) e (N, N). Pode ser mostrado que f (10000) = 36. <p> Qual é a soma de todos os inteiros positivos N ≤ 1011 tal que f (N) = 420? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler233()</code> deve retornar 271204031455541300.
+    testString: 'assert.strictEqual(euler233(), 271204031455541300, "<code>euler233()</code> should return 271204031455541300.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler233() {
+  // Good luck!
+  return true;
+}
+
+euler233();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-234-semidivisible-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-234-semidivisible-numbers.portuguese.md
new file mode 100644
index 0000000000..742948c9b7
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-234-semidivisible-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4571000cf542c50ff69
+challengeType: 5
+title: 'Problem 234: Semidivisible numbers'
+videoUrl: ''
+localeTitle: 'Problema 234: números semidivisíveis'
+---
+
+## Description
+<section id="description"> Para um inteiro n ≥ 4, definimos a raiz quadrada primária inferior de n, denotada por lps (n), como o maior primo ≤ √n e a raiz quadrada principal superior de n, ups (n), como o menor primo ≥ .N. Então, por exemplo, lps (4) = 2 = ups (4), lps (1000) = 31, ups (1000) = 37. Vamos chamar um inteiro n ≥ 4 semidivisível, se um dos lps (n) e ups (n) divide n, mas não ambos. <p> A soma dos números semidivisíveis não excedendo 15 é 30, os números são 8, 10 e 12. 15 não é semidivisível porque é um múltiplo de ambos os lps (15) = 3 e ups (15) = 5. Como outro exemplo , a soma dos 92 números semidivisíveis até 1000 é 34825. </p><p> Qual é a soma de todos os números semidivisíveis que não excedam 999966663333? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler234()</code> deve retornar 1259187438574927000.
+    testString: 'assert.strictEqual(euler234(), 1259187438574927000, "<code>euler234()</code> should return 1259187438574927000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler234() {
+  // Good luck!
+  return true;
+}
+
+euler234();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-235-an-arithmetic-geometric-sequence.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-235-an-arithmetic-geometric-sequence.portuguese.md
new file mode 100644
index 0000000000..3b13c6e7f8
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-235-an-arithmetic-geometric-sequence.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4571000cf542c50ff6a
+challengeType: 5
+title: 'Problem 235: An Arithmetic Geometric sequence'
+videoUrl: ''
+localeTitle: 'Problema 235: Uma sequência geométrica aritmética'
+---
+
+## Description
+<section id="description"> Dada é a sequência aritmética-geométrica u (k) = (900-3k) rk-1. Seja s (n) = Σk = 1 ... nu (k). <p> Encontre o valor de r para o qual s (5000) = -600.000.000.000. </p><p> Dê sua resposta arredondada para 12 lugares atrás do ponto decimal. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>euler235()</code> deve retornar 1,002322108633.'
+    testString: 'assert.strictEqual(euler235(), 1.002322108633, "<code>euler235()</code> should return 1.002322108633.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler235() {
+  // Good luck!
+  return true;
+}
+
+euler235();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-236-luxury-hampers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-236-luxury-hampers.portuguese.md
new file mode 100644
index 0000000000..4d62f10e91
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-236-luxury-hampers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4591000cf542c50ff6b
+challengeType: 5
+title: 'Problem 236: Luxury Hampers'
+videoUrl: ''
+localeTitle: 'Problema 236: Hampers de luxo'
+---
+
+## Description
+<section id="description"> Os fornecedores &#39;A&#39; e &#39;B&#39; forneceram os seguintes números de produtos para o mercado de artigos de luxo: <p> Produto&#39;A &quot;Caviar B&#39;Beluga5248640Bolo De Natal13121888Junta De Gamão26243776Porto Vintage57603776Trufas De Champanhe39365664 </p><p> Embora os fornecedores se esforcem muito para enviar seus produtos em perfeitas condições, há inevitavelmente algum desperdício - ou seja, produtos que se deterioraram. </p><p> Os fornecedores comparam seu desempenho usando dois tipos de estatística: As cinco taxas de deterioração por produto para cada fornecedor são iguais ao número de produtos que ficaram ruins dividido pelo número de produtos fornecidos, para cada um dos cinco produtos por vez. A taxa de deterioração global para cada fornecedor é igual ao número total de produtos que foram prejudicados dividido pelo número total de produtos fornecidos por esse fornecedor. Para sua surpresa, os fornecedores descobriram que cada uma das cinco taxas de deterioração por produto era pior (maior ) para &#39;B&#39; do que para &#39;A&#39; pelo mesmo fator (taxa de taxas de deterioração), m&gt; 1; e ainda assim, paradoxalmente, a taxa global de deterioração foi pior para &#39;A&#39; do que para &#39;B&#39;, também por um fator de m. </p><p> Existem trinta e cinco m&gt; 1 para os quais este resultado surpreendente poderia ter ocorrido, o menor dos quais é 1476/1475. </p><p> Qual é o maior valor possível de m? Dê sua resposta como uma fração reduzida aos seus termos mais baixos, na forma u / v. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler236()</code> deve retornar <code>euler236()</code> .
+    testString: 'assert.strictEqual(euler236(), 123 / 59, "<code>euler236()</code> should return 123 / 59.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler236() {
+  // Good luck!
+  return true;
+}
+
+euler236();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-237-tours-on-a-4-x-n-playing-board.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-237-tours-on-a-4-x-n-playing-board.portuguese.md
new file mode 100644
index 0000000000..ee2ab5033d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-237-tours-on-a-4-x-n-playing-board.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4591000cf542c50ff6c
+challengeType: 5
+title: 'Problem 237: Tours on a 4 x n playing board'
+videoUrl: ''
+localeTitle: 'Problema 237: Passeios em um tabuleiro de jogo 4 x n'
+---
+
+## Description
+<section id="description"> Seja T (n) o número de turnês em um tabuleiro de 4 × n tal que: O tour começa no canto superior esquerdo. O tour consiste em movimentos que são para cima, para baixo, para a esquerda ou para a direita, um quadrado. O passeio visita cada praça exatamente uma vez. O tour termina no canto inferior esquerdo. O diagrama mostra um tour por uma placa de 4 × 10: <p> T (10) é 2329. O que é T (1012) módulo 108? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler237()</code> deve retornar 15836928.
+    testString: 'assert.strictEqual(euler237(), 15836928, "<code>euler237()</code> should return 15836928.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler237() {
+  // Good luck!
+  return true;
+}
+
+euler237();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-238-infinite-string-tour.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-238-infinite-string-tour.portuguese.md
new file mode 100644
index 0000000000..dcee981ac0
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-238-infinite-string-tour.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f45b1000cf542c50ff6d
+challengeType: 5
+title: 'Problem 238: Infinite string tour'
+videoUrl: ''
+localeTitle: 'Problema 238: Tour de Cadeia Infinito'
+---
+
+## Description
+<section id="description"> Crie uma sequência de números usando o gerador de números pseudo-aleatórios &quot;Blum Blum Shub&quot;: <p> s0 = 14025256 sn + 1 = sn2 mod 20300713 </p><p> Concatene estes números s0s1s2… para criar uma string w de comprimento infinito. Então, w = 14025256741014958470038053646… </p><p> Para um inteiro positivo k, se nenhuma substring de w existir com uma soma de dígitos igual a k, p (k) será definido como zero. Se pelo menos uma subseqüência de w existe com uma soma de dígitos igual a k, definimos p (k) = z, onde z é a posição inicial da primeira subseqüência. </p><p> Por exemplo: </p><p> As sub-bases 1, 14, 1402,… com respectivas somas de dígitos iguais a 1, 5, 7,… começam na posição 1, portanto p (1) = p (5) = p (7) =… = 1. </p><p> As subseqüências 4, 402, 4025,… com somas respectivas de dígitos iguais a 4, 6, 11,… começam na posição 2, portanto p (4) = p (6) = p (11) =… = 2. </p><p> As sub-bases 02, 0252,… com somas respectivas de dígitos iguais a 2, 9,… começam na posição 3, portanto p (2) = p (9) =… = 3. </p><p> Observe que a substring 025 começando na posição 3, tem uma soma de dígitos igual a 7, mas havia uma subseqüência anterior (começando na posição 1) com uma soma de dígitos igual a 7, portanto p (7) = 1, não 3. </p><p> Podemos verificar que, para 0 &lt;k ≤ 103, ∑ p (k) = 4742. </p><p> Encontre ∑ p (k), para 0 &lt;k ≤ 2 · 1015. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler238()</code> deve retornar 9922545104535660.
+    testString: 'assert.strictEqual(euler238(), 9922545104535660, "<code>euler238()</code> should return 9922545104535660.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler238() {
+  // Good luck!
+  return true;
+}
+
+euler238();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-239-twenty-two-foolish-primes.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-239-twenty-two-foolish-primes.portuguese.md
new file mode 100644
index 0000000000..b4999c01b6
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-239-twenty-two-foolish-primes.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f45c1000cf542c50ff6e
+challengeType: 5
+title: 'Problem 239: Twenty-two Foolish Primes'
+videoUrl: ''
+localeTitle: 'Problema 239: Vinte e dois Primes Tolos'
+---
+
+## Description
+<section id="description"> Um conjunto de discos numerados de 1 a 100 são colocados em uma linha em ordem aleatória. <p> Qual é a probabilidade de termos um desarranjo parcial de tal forma que exatamente 22 discos de números primos sejam encontrados longe de suas posições naturais? (Qualquer número de discos não primos também pode ser encontrado dentro ou fora de suas posições naturais.) </p><p> Dê sua resposta arredondada para 12 lugares atrás do ponto decimal no formulário 0.abcdefghijkl. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>euler239()</code> deve retornar 0,001887854841.'
+    testString: 'assert.strictEqual(euler239(), 0.001887854841, "<code>euler239()</code> should return 0.001887854841.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler239() {
+  // Good luck!
+  return true;
+}
+
+euler239();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-24-lexicographic-permutations.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-24-lexicographic-permutations.portuguese.md
new file mode 100644
index 0000000000..603b637645
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-24-lexicographic-permutations.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3841000cf542c50fe97
+challengeType: 5
+title: 'Problem 24: Lexicographic permutations'
+videoUrl: ''
+localeTitle: 'Problema 24: permutações Lexicográficas'
+---
+
+## Description
+<section id="description"> Uma permutação é um arranjo ordenado de objetos. Por exemplo, 3124 é uma permutação possível dos dígitos 1, 2, 3 e 4. Se todas as permutações estiverem listadas numericamente ou alfabeticamente, chamamos de ordem lexicográfica. As permutações lexicográficas de 0, 1 e 2 são: <div style="text-align: center;"> 012 021 102 120 201 210 </div> O que é o <var>enésimo</var> permutação lexicographic dos dígitos 0, 1, 2, 3, 4, 5, 6, 7, 8 e 9? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>lexicographicPermutations(699999)</code> deve retornar 1938246570.
+    testString: 'assert(lexicographicPermutations(699999) == 1938246570, "<code>lexicographicPermutations(699999)</code> should return 1938246570.");'
+  - text: <code>lexicographicPermutations(899999)</code> deve retornar 2536987410.
+    testString: 'assert(lexicographicPermutations(899999) == 2536987410, "<code>lexicographicPermutations(899999)</code> should return 2536987410.");'
+  - text: Permutações <code>lexicographicPermutations(900000)</code> devem retornar 2537014689.
+    testString: 'assert(lexicographicPermutations(900000) == 2537014689, "<code>lexicographicPermutations(900000)</code> should return 2537014689.");'
+  - text: <code>lexicographicPermutations(999999)</code> deve retornar 2783915460.
+    testString: 'assert(lexicographicPermutations(999999) == 2783915460, "<code>lexicographicPermutations(999999)</code> should return 2783915460.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function lexicographicPermutations(n) {
+  // Good luck!
+  return n;
+}
+
+lexicographicPermutations(999999);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-240-top-dice.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-240-top-dice.portuguese.md
new file mode 100644
index 0000000000..93e34a8302
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-240-top-dice.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f45d1000cf542c50ff6f
+challengeType: 5
+title: 'Problem 240: Top Dice'
+videoUrl: ''
+localeTitle: 'Problema 240: Dados Principais'
+---
+
+## Description
+<section id="description"> Existem 1111 maneiras pelas quais cinco dados de 6 lados (lados numerados de 1 a 6) podem ser rolados de modo que os três primeiros somam 15. Alguns exemplos são: <p> D1, D2, D3, D4, D5 = 4,3,6,3,5 </p><p> D1, D2, D3, D4, D5 = 4,3,3,5,6 </p><p> D1, D2, D3, D4, D5 = 3,3,3,6,6 </p><p> D1, D2, D3, D4, D5 = 6,6,3,3,3 </p><p> De quantas maneiras podem ser rolados vinte dados de 12 faces (lados numerados de 1 a 12) para que a soma dos dez primeiros seja de 70? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler240()</code> deve retornar 7448717393364182000.
+    testString: 'assert.strictEqual(euler240(), 7448717393364182000, "<code>euler240()</code> should return 7448717393364182000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler240() {
+  // Good luck!
+  return true;
+}
+
+euler240();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-241-perfection-quotients.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-241-perfection-quotients.portuguese.md
new file mode 100644
index 0000000000..96f78fd19f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-241-perfection-quotients.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f45d1000cf542c50ff70
+challengeType: 5
+title: 'Problem 241: Perfection Quotients'
+videoUrl: ''
+localeTitle: 'Problema 241: Quocientes de Perfeição'
+---
+
+## Description
+<section id="description"> Para um inteiro positivo n, seja σ (n) a soma de todos os divisores de n, portanto, σ (6) = 1 + 2 + 3 + 6 = 12. <p> Um número perfeito, como você provavelmente sabe, é um número com σ (n) = 2n. </p><p> Vamos definir o quociente de perfeição de um inteiro positivo asp (n) = σ (n) n. Encontre a soma de todos os inteiros positivos n ≤ 1018 para os quais p (n) tem a forma k + 1⁄2, onde k é um inteiro. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler241()</code> deve retornar 482316491800641150.
+    testString: 'assert.strictEqual(euler241(), 482316491800641150, "<code>euler241()</code> should return 482316491800641150.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler241() {
+  // Good luck!
+  return true;
+}
+
+euler241();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-242-odd-triplets.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-242-odd-triplets.portuguese.md
new file mode 100644
index 0000000000..bb992ef1af
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-242-odd-triplets.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f45f1000cf542c50ff71
+challengeType: 5
+title: 'Problem 242: Odd Triplets'
+videoUrl: ''
+localeTitle: 'Problema 242: trigêmeos ímpares'
+---
+
+## Description
+<section id="description"> Dado o conjunto {1,2, ..., n}, definimos f (n, k) como o número de seus subconjuntos de elementos k com uma soma ímpar de elementos. Por exemplo, f (5,3) = 4, pois o conjunto {1,2,3,4,5} tem quatro subconjuntos de 3 elementos com uma soma ímpar de elementos, ou seja: {1,2,4}, { 1,3,5}, {2,3,4} e {2,4,5}. <p> Quando todos os três valores n, k e f (n, k) são ímpares, dizemos que eles formam um tripleto ímpar [n, k, f (n, k)]. </p><p> Existem exatamente cinco tripletos ímpares com n ≤ 10, a saber: [1,1, f (1,1) = 1], [5,1, f (5,1) = 3], [5,5, f (5,5) = 1], [9,1, f (9,1) = 5] e [9,9, f (9,9) = 1]. </p><p> Quantos odd-triplets existem com n ≤ 1012? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler242()</code> deve retornar 997104142249036700.
+    testString: 'assert.strictEqual(euler242(), 997104142249036700, "<code>euler242()</code> should return 997104142249036700.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler242() {
+  // Good luck!
+  return true;
+}
+
+euler242();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-243-resilience.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-243-resilience.portuguese.md
new file mode 100644
index 0000000000..12c809a1e7
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-243-resilience.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4601000cf542c50ff73
+challengeType: 5
+title: 'Problem 243: Resilience'
+videoUrl: ''
+localeTitle: 'Problema 243: Resiliência'
+---
+
+## Description
+<section id="description"> Uma fração positiva cujo numerador é menor que seu denominador é chamada de fração própria. Para qualquer denominador, d, haverá d - 1 frações apropriadas; por exemplo, com d = 12: 1/12, 2/12, 3/12, 4/12, 5/12, 6/12, 7/12, 8/12, 9/12, 10/12, 11 / 12 <p> Chamaremos uma fração que não pode ser cancelada por uma fração resiliente. Além disso, definiremos a resiliência de um denominador, R (d), como a razão de suas frações adequadas que são resilientes; por exemplo, R (12) = 4/11. De fato, d = 12 é o menor denominador com resiliência R (d) &lt;4/10. </p><p> Encontre o menor denominador d, tendo uma resiliência R (d) &lt;15499/94744. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler243()</code> deve retornar 892371480.
+    testString: 'assert.strictEqual(euler243(), 892371480, "<code>euler243()</code> should return 892371480.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler243() {
+  // Good luck!
+  return true;
+}
+
+euler243();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-244-sliders.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-244-sliders.portuguese.md
new file mode 100644
index 0000000000..c82f05275b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-244-sliders.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4601000cf542c50ff72
+challengeType: 5
+title: 'Problem 244: Sliders'
+videoUrl: ''
+localeTitle: 'Problema 244: Sliders'
+---
+
+## Description
+<section id="description"> Você provavelmente conhece o jogo Fifteen Puzzle. Aqui, em vez de azulejos numerados, temos sete telhas vermelhas e oito azulejos azuis. Um movimento é denotado pela inicial maiúscula da direção (Esquerda, Direita, Cima, Baixo) na qual o ladrilho é deslizado, por exemplo, partindo da configuração (S), pela sequência LULUR nós alcançamos a configuração (E): <p> (S), (E) </p><p> Para cada caminho, sua soma de verificação é calculada por (pseudocódigo): </p><p> soma de verificação = 0 soma de verificação = (soma de verificação × 243 + m1) mod 100 000 007 soma de verificação = (soma de verificação × 243 + m2) mod 100 000 007… soma de verificação = (soma de verificação × 243 + mn) mod 100 000 007 onde mk é o valor ASCII de a k-ésima letra na sequência de movimentos e os valores ASCII dos movimentos são: </p><p> L76R82U85D68 </p><p> Para a sequência LULUR dada acima, a soma de verificação seria 19761398. Agora, partindo da configuração (S), encontre todas as maneiras mais curtas de alcançar a configuração (T). </p><p> (S), (T) </p><p> Qual é a soma de todas as somas de verificação dos caminhos com comprimento mínimo? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler244()</code> deve retornar 96356848.
+    testString: 'assert.strictEqual(euler244(), 96356848, "<code>euler244()</code> should return 96356848.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler244() {
+  // Good luck!
+  return true;
+}
+
+euler244();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-245-coresilience.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-245-coresilience.portuguese.md
new file mode 100644
index 0000000000..d1efb47f25
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-245-coresilience.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4621000cf542c50ff74
+challengeType: 5
+title: 'Problem 245: Coresilience'
+videoUrl: ''
+localeTitle: 'Problema 245: Coresiliência'
+---
+
+## Description
+<section id="description"> Chamaremos uma fração que não pode ser cancelada por uma fração resiliente. Além disso, definiremos a resiliência de um denominador, R (d), como a razão de suas frações adequadas que são resilientes; por exemplo, R (12) = 4⁄11. <p> A resiliência de um número d&gt; 1 é então φ (d) d - 1, onde φ é a função totiente de Euler. Definimos ainda a coresiliência de um número n&gt; 1 como C (n) = n - φ (n) n - 1. A coresiliência de um primo p é C (p) = 1p - 1. Encontre a soma de todos os inteiros compostos 1 &lt;n ≤ 2 × 1011, para o qual C (n) é uma fração unitária. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler245()</code> deve retornar 288084712410001.
+    testString: 'assert.strictEqual(euler245(), 288084712410001, "<code>euler245()</code> should return 288084712410001.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler245() {
+  // Good luck!
+  return true;
+}
+
+euler245();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-246-tangents-to-an-ellipse.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-246-tangents-to-an-ellipse.portuguese.md
new file mode 100644
index 0000000000..04f08b5ba2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-246-tangents-to-an-ellipse.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4621000cf542c50ff75
+challengeType: 5
+title: 'Problem 246: Tangents to an ellipse'
+videoUrl: ''
+localeTitle: 'Problema 246: Tangentes para uma elipse'
+---
+
+## Description
+<section id="description"> Uma definição para uma elipse é: Dado um círculo c com centro M e raio r e um ponto G tal que d (G, M) <p> A construção dos pontos da elipse é mostrada abaixo. </p><p> São dados os pontos M (-2000,1500) e G (8000,1500). Dado é também o círculo c com o centro M e o raio 15000. O lugar geométrico dos pontos equidistantes de G e c formam uma elipse e. De um ponto P para fora e as duas tangentes t1 e t2 para a elipse são desenhadas. Deixe os pontos em que t1 e t2 tocarem a elipse ser R e S. </p><p> Para quantos pontos de rede P é o ângulo RPS maior que 45 graus? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler246()</code> deve retornar 810834388.
+    testString: 'assert.strictEqual(euler246(), 810834388, "<code>euler246()</code> should return 810834388.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler246() {
+  // Good luck!
+  return true;
+}
+
+euler246();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-247-squares-under-a-hyperbola.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-247-squares-under-a-hyperbola.portuguese.md
new file mode 100644
index 0000000000..d3f2bf0098
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-247-squares-under-a-hyperbola.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4641000cf542c50ff76
+challengeType: 5
+title: 'Problem 247: Squares under a hyperbola'
+videoUrl: ''
+localeTitle: 'Problema 247: Quadrados sob uma hipérbole'
+---
+
+## Description
+<section id="description"> Considere a região restrita por 1 ≤ x e 0 ≤ y ≤ 1 / x. <p> Seja S1 o maior quadrado que possa caber sob a curva. Seja S2 o maior quadrado que couber na área restante e assim por diante. Deixe o índice de Sn ser o par (esquerda, abaixo) indicando o número de quadrados à esquerda de Sn e o número de quadrados abaixo de Sn. </p><p> O diagrama mostra alguns desses quadrados rotulados por número. S2 tem um quadrado à esquerda e nenhum abaixo, então o índice de S2 é (1,0). Pode ser visto que o índice de S32 é (1,1) como é o índice de S50. 50 é o maior n para o qual o índice de Sn é (1,1). </p><p> Qual é o maior n para o qual o índice de Sn é (3,3)? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler247()</code> deve retornar 782252.
+    testString: 'assert.strictEqual(euler247(), 782252, "<code>euler247()</code> should return 782252.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler247() {
+  // Good luck!
+  return true;
+}
+
+euler247();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-248-numbers-for-which-eulers-totient-function-equals-13.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-248-numbers-for-which-eulers-totient-function-equals-13.portuguese.md
new file mode 100644
index 0000000000..c7607983b0
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-248-numbers-for-which-eulers-totient-function-equals-13.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4651000cf542c50ff77
+challengeType: 5
+title: 'Problem 248: Numbers for which Euler’s totient function equals 13!'
+videoUrl: ''
+localeTitle: 'Problema 248: Números para os quais a função totiente de Euler é igual a 13!'
+---
+
+## Description
+<section id="description"> O primeiro número n para o qual φ (n) = 13! é 6227180929. Encontre o 150.000º número. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler248()</code> deve retornar 23507044290.
+    testString: 'assert.strictEqual(euler248(), 23507044290, "<code>euler248()</code> should return 23507044290.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler248() {
+  // Good luck!
+  return true;
+}
+
+euler248();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-249-prime-subset-sums.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-249-prime-subset-sums.portuguese.md
new file mode 100644
index 0000000000..661557e687
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-249-prime-subset-sums.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4671000cf542c50ff79
+challengeType: 5
+title: 'Problem 249: Prime Subset Sums'
+videoUrl: ''
+localeTitle: 'Problema 249: soma subconjunto Prime'
+---
+
+## Description
+<section id="description"> Seja S = {2, 3, 5, ..., 4999} o conjunto de números primos menores que 5000. Encontre o número de subconjuntos de S, cuja soma de elementos é um número primo. Digite os 16 dígitos mais à direita como sua resposta. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler249()</code> deve retornar 9275262564250418.
+    testString: 'assert.strictEqual(euler249(), 9275262564250418, "<code>euler249()</code> should return 9275262564250418.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler249() {
+  // Good luck!
+  return true;
+}
+
+euler249();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-25-1000-digit-fibonacci-number.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-25-1000-digit-fibonacci-number.portuguese.md
new file mode 100644
index 0000000000..4d11667e0a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-25-1000-digit-fibonacci-number.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3851000cf542c50fe98
+challengeType: 5
+title: 'Problem 25: 1000-digit Fibonacci number'
+videoUrl: ''
+localeTitle: 'Problema 25: número Fibonacci de 1000 dígitos'
+---
+
+## Description
+<section id="description"> A seqüência de Fibonacci é definida pela relação de recorrência: <div style="padding-left: 4em;"> F <sub>n</sub> = F <sub>n − 1</sub> + F <sub>n − 2</sub> , onde F <sub>1</sub> = 1 e F <sub>2</sub> = 1. </div> Por isso, os primeiros 12 termos serão: <div style="padding-left: 4em; display: inline-grid; grid-template-rows: auto; row-gap: 7px;"><div> F <sub>1</sub> = 1 </div><div> F <sub>2</sub> = 1 </div><div> F <sub>3</sub> = 2 </div><div> F <sub>4</sub> = 3 </div><div> F <sub>5</sub> = 5 </div><div> F <sub>6</sub> = 8 </div><div> F <sub>7</sub> = 13 </div><div> F <sub>8</sub> = 21 </div><div> F <sub>9</sub> = 34 </div><div> F <sub>10</sub> = 55 </div><div> F <sub>11</sub> = 89 </div><div> F <sub>12</sub> = 144 </div></div> O termo 12, F <sub>12,</sub> é o primeiro termo para conter três dígitos. Qual é o índice do primeiro termo na seqüência de Fibonacci para conter <var>n</var> dígitos? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>digitFibonacci(5)</code> deve retornar 21.
+    testString: 'assert.strictEqual(digitFibonacci(5), 21, "<code>digitFibonacci(5)</code> should return 21.");'
+  - text: <code>digitFibonacci(10)</code> deve retornar 45.
+    testString: 'assert.strictEqual(digitFibonacci(10), 45, "<code>digitFibonacci(10)</code> should return 45.");'
+  - text: <code>digitFibonacci(15)</code> deve retornar 69.
+    testString: 'assert.strictEqual(digitFibonacci(15), 69, "<code>digitFibonacci(15)</code> should return 69.");'
+  - text: <code>digitFibonacci(20)</code> deve retornar 93.
+    testString: 'assert.strictEqual(digitFibonacci(20), 93, "<code>digitFibonacci(20)</code> should return 93.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function digitFibonacci(n) {
+  // Good luck!
+  return n;
+}
+
+digitFibonacci(20);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-250-250250.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-250-250250.portuguese.md
new file mode 100644
index 0000000000..d73cdbbf5e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-250-250250.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4661000cf542c50ff78
+challengeType: 5
+title: 'Problem 250: 250250'
+videoUrl: ''
+localeTitle: 'Problema 250: 250250'
+---
+
+## Description
+<section id="description"> Encontre o número de subconjuntos não vazios de {11, 22, 33, ..., 250250250250}, cuja soma dos elementos é divisível por 250. Digite os 16 dígitos mais à direita como sua resposta. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler250()</code> deve retornar 1425480602091519.
+    testString: 'assert.strictEqual(euler250(), 1425480602091519, "<code>euler250()</code> should return 1425480602091519.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler250() {
+  // Good luck!
+  return true;
+}
+
+euler250();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-251-cardano-triplets.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-251-cardano-triplets.portuguese.md
new file mode 100644
index 0000000000..3c1395ceb7
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-251-cardano-triplets.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4671000cf542c50ff7a
+challengeType: 5
+title: 'Problem 251: Cardano Triplets'
+videoUrl: ''
+localeTitle: 'Problema 251: Trigêmeos Cardano'
+---
+
+## Description
+<section id="description"> Um trio de inteiros positivos (a, b, c) é chamado de Tripleto Cardano se satisfizer a condição: <p> Por exemplo, (2,1,5) é um Cardano Triplet. </p><p> Existem 149 Cardano Trigêmeos para os quais a + b + c ≤ 1000. </p><p> Descubra quantas Cardplas Triplets existem, de modo que a + b + c ≤ 110.000.000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler251()</code> deve retornar 18946051.
+    testString: 'assert.strictEqual(euler251(), 18946051, "<code>euler251()</code> should return 18946051.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler251() {
+  // Good luck!
+  return true;
+}
+
+euler251();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-252-convex-holes.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-252-convex-holes.portuguese.md
new file mode 100644
index 0000000000..9fee08883a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-252-convex-holes.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4691000cf542c50ff7b
+challengeType: 5
+title: 'Problem 252: Convex Holes'
+videoUrl: ''
+localeTitle: 'Problema 252: Orifícios Convexos'
+---
+
+## Description
+<section id="description"> Dado um conjunto de pontos em um plano, definimos um buraco convexo para ser um polígono convexo tendo como vértices qualquer um dos pontos dados e não contendo nenhum dos pontos dados em seu interior (além dos vértices, outros pontos podem no perímetro do polígono). <p> Como exemplo, a imagem abaixo mostra um conjunto de vinte pontos e alguns desses buracos convexos. O buraco convexo mostrado como um heptágono vermelho tem uma área igual a 1049694,5 unidades quadradas, que é a área mais alta possível para um buraco convexo no conjunto de pontos dado. </p><p> Para nosso exemplo, usamos os primeiros 20 pontos (T2k − 1, T2k), para k = 1,2,…, 20, produzidos com o gerador de números pseudo-aleatórios: </p><p> S0 = 290797 Sn + 1 = Sn2 mod 50515093 Tn = (mod. Sn 2000) - 1000 </p><p> ie (527, 144), (−488, 732), (−454, −947),… </p><p> Qual é a área máxima para um buraco convexo no conjunto contendo os primeiros 500 pontos na sequência pseudo-aleatória? Especifique sua resposta, incluindo um dígito após o ponto decimal. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler252()</code> deve retornar 104924.
+    testString: 'assert.strictEqual(euler252(), 104924, "<code>euler252()</code> should return 104924.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler252() {
+  // Good luck!
+  return true;
+}
+
+euler252();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-253-tidying-up.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-253-tidying-up.portuguese.md
new file mode 100644
index 0000000000..11068f3080
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-253-tidying-up.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4691000cf542c50ff7c
+challengeType: 5
+title: 'Problem 253: Tidying up'
+videoUrl: ''
+localeTitle: 'Problema 253: Arrumando'
+---
+
+## Description
+<section id="description"> Uma criança pequena tem uma “lagarta de número” consistindo de quarenta peças de quebra-cabeças, cada uma com um número, que, quando conectadas juntas em uma linha, revelam os números de 1 a 40 em ordem. <p> Toda noite, o pai da criança tem que pegar os pedaços da lagarta espalhados pela sala de jogos. Ele pega as peças aleatoriamente e as coloca na ordem correta. Como a lagarta é construída dessa maneira, ela forma segmentos distintos que se fundem gradualmente. O número de segmentos começa em zero (sem peças colocadas), geralmente aumenta até cerca de onze ou doze, depois tende a cair novamente antes de terminar em um único segmento (todas as peças colocadas). </p><p> Por exemplo: </p><p> Peças colocadas segmentos tão longe121422936434554354 …… </p><p> Seja M o número máximo de segmentos encontrados durante uma limpeza aleatória da lagarta. Para uma lagarta de dez peças, o número de possibilidades para cada M é </p><p> M Possibilidades1512 2250912 31815264 41418112 5144000 </p><p> portanto, o valor mais provável de M é 3 e o valor médio é 385643⁄113400 = 3,400732, arredondado para seis casas decimais. </p><p> O valor mais provável de M para uma lagarta de quarenta peças é 11; mas qual é o valor médio de M? Dê sua resposta arredondada para seis casas decimais. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler253()</code> deve retornar 11.492847.
+    testString: 'assert.strictEqual(euler253(), 11.492847, "<code>euler253()</code> should return 11.492847.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler253() {
+  // Good luck!
+  return true;
+}
+
+euler253();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-254-sums-of-digit-factorials.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-254-sums-of-digit-factorials.portuguese.md
new file mode 100644
index 0000000000..2ae74b28d7
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-254-sums-of-digit-factorials.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f46b1000cf542c50ff7d
+challengeType: 5
+title: 'Problem 254: Sums of Digit Factorials'
+videoUrl: ''
+localeTitle: 'Problema 254: Soma dos Fatoriais de Dígito'
+---
+
+## Description
+<section id="description"> Defina f (n) como a soma dos fatoriais dos dígitos de n. Por exemplo, f (342) = 3! + 4! + 2! = 32. <p> Defina sf (n) como a soma dos dígitos de f (n). Então sf (342) = 3 + 2 = 5. </p><p> Defina g (i) para ser o menor inteiro positivo n tal que sf (n) = i. Embora sf (342) seja 5, sf (25) também é 5, e pode ser verificado que g (5) é 25. </p><p> Defina sg (i) como a soma dos dígitos de g (i). Então sg (5) = 2 + 5 = 7. </p><p> Além disso, pode ser verificado que g (20) é 267 e ∑ sg (i) para 1 ≤ i ≤ 20 é 156. </p><p> O que é ∑ sg (i) para 1 ≤ i ≤ 150? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler254()</code> deve retornar 8184523820510.
+    testString: 'assert.strictEqual(euler254(), 8184523820510, "<code>euler254()</code> should return 8184523820510.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler254() {
+  // Good luck!
+  return true;
+}
+
+euler254();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-255-rounded-square-roots.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-255-rounded-square-roots.portuguese.md
new file mode 100644
index 0000000000..f1231de203
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-255-rounded-square-roots.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f46d1000cf542c50ff7f
+challengeType: 5
+title: 'Problem 255: Rounded Square Roots'
+videoUrl: ''
+localeTitle: 'Problema 255: Raízes Quadradas Arredondadas'
+---
+
+## Description
+<section id="description"> Definimos a raiz quadrada-arredondada de um inteiro positivo n como a raiz quadrada de n arredondada para o inteiro mais próximo. <p> O procedimento a seguir (essencialmente o método de Heron adaptado para a aritmética inteira) encontra a raiz quadrada-arredondada de n: Seja d o número de dígitos do número n. Se d for ímpar, ajuste x0 = 2 × 10 (d-1) ⁄2. Se d for par, ajuste x0 = 7 × 10 (d-2) ⁄2. Repetir: </p><p> até xk + 1 = xk. </p><p> Como exemplo, vamos encontrar a raiz quadrada arredondada de n = 4321.n tem 4 dígitos, então x0 = 7 × 10 (4-2) ⁄2 = 70. Como x2 = x1, paramos aqui. Então, depois de apenas duas iterações, descobrimos que a raiz quadrada arredondada de 4321 é 66 (a raiz quadrada é 65.7343137…). </p><p> O número de iterações necessárias ao usar esse método é surpreendentemente baixo. Por exemplo, podemos encontrar a raiz quadrada-arredondada de um inteiro de 5 dígitos (10.000 ≤ n ≤ 99.999) com uma média de 3.2102888889 iterações (o valor médio foi arredondado para 10 casas decimais). </p><p> Usando o procedimento descrito acima, qual é o número médio de iterações necessárias para encontrar a raiz quadrada-arredondada de um número de 14 dígitos (1013 ≤ n &lt;1014)? Dê sua resposta arredondada para 10 casas decimais. </p><p> Nota: Os símbolos ⌊x⌋ e ⌈x⌉ representam a função do chão e a função do teto, respectivamente. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler255()</code> deve retornar 4.447401118.
+    testString: 'assert.strictEqual(euler255(), 4.447401118, "<code>euler255()</code> should return 4.447401118.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler255() {
+  // Good luck!
+  return true;
+}
+
+euler255();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-256-tatami-free-rooms.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-256-tatami-free-rooms.portuguese.md
new file mode 100644
index 0000000000..0adb9f7947
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-256-tatami-free-rooms.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f46c1000cf542c50ff7e
+challengeType: 5
+title: 'Problem 256: Tatami-Free Rooms'
+videoUrl: ''
+localeTitle: 'Problema 256: Salas sem Tatami'
+---
+
+## Description
+<section id="description"> Tatami são esteiras retangulares, usadas para cobrir completamente o chão de uma sala, sem sobreposição. <p> Assumindo que o único tipo de tatami disponível tenha dimensões 1 × 2, há obviamente algumas limitações para a forma e tamanho das salas que podem ser cobertas. </p><p> Para este problema, consideramos apenas salas retangulares com dimensões inteiras a, be tamanho s = a · b. Usamos o termo &#39;tamanho&#39; para denotar a área de superfície do piso da sala e - sem perda de generalidade - adicionamos a condição a ≤ b. </p><p> Há uma regra a seguir quando se coloca o tatami: não deve haver pontos onde os cantos de quatro esteiras diferentes se encontrem. Por exemplo, considere os dois arranjos abaixo para uma sala de 4 × 4: </p><p> O arranjo à esquerda é aceitável, enquanto o da direita não é: um &quot;X&quot; vermelho no meio marca o ponto em que quatro tatames se encontram. </p><p> Devido a essa regra, certos quartos de tamanho uniforme não podem ser cobertos com tatame: nós os chamamos de quartos sem tatami. Além disso, definimos T (s) como o número de salas sem tatami de tamanho s. </p><p> O menor quarto sem tatame tem tamanho s = 70 e dimensões 7 × 10. Todas as outras salas de tamanho s = 70 podem ser cobertas com tatame; São eles: 1 × 70, 2 × 35 e 5 × 14. Por isso, T (70) = 1. </p><p> Da mesma forma, podemos verificar que T (1320) = 5, porque há exatamente 5 salas sem tatame de tamanho s = 1320: 20 × 66, 22 × 60, 24 × 55, 30 × 44 e 33 × 40. De fato, s = 1320 é o menor tamanho do quarto s para o qual T (s) = 5. </p><p> Encontre os menores tamanhos de tamanho de sala para os quais T (s) = 200. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler256()</code> deve retornar 85765680.
+    testString: 'assert.strictEqual(euler256(), 85765680, "<code>euler256()</code> should return 85765680.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler256() {
+  // Good luck!
+  return true;
+}
+
+euler256();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-257-angular-bisectors.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-257-angular-bisectors.portuguese.md
new file mode 100644
index 0000000000..f3713386b1
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-257-angular-bisectors.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f46e1000cf542c50ff80
+challengeType: 5
+title: 'Problem 257: Angular Bisectors'
+videoUrl: ''
+localeTitle: 'Problema 257: Bissectores Angulares'
+---
+
+## Description
+<section id="description"> Dado é um triângulo de lados inteiros ABC com lados a ≤ b ≤ c. (AB = c, BC = a e AC = b). As bissectrizes angulares do triângulo cruzam os lados nos pontos E, F e G (veja a figura abaixo). <p> Os segmentos EF, EG e FG dividem o triângulo ABC em quatro triângulos menores: AEG, BFE, CGF e EFG. Pode ser provado que para cada um destes quatro triângulos a área de relação (ABC) / área (subtriangle) é racional. No entanto, existem triângulos para os quais algumas ou todas essas proporções são integrais. </p><p> Quantos triângulos ABC com perímetro≤100.000.000 existem para que a área de relação (ABC) / área (AEG) seja integral? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler257()</code> deve retornar 139012411.
+    testString: 'assert.strictEqual(euler257(), 139012411, "<code>euler257()</code> should return 139012411.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler257() {
+  // Good luck!
+  return true;
+}
+
+euler257();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-258-a-lagged-fibonacci-sequence.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-258-a-lagged-fibonacci-sequence.portuguese.md
new file mode 100644
index 0000000000..38ae15e61c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-258-a-lagged-fibonacci-sequence.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f46e1000cf542c50ff81
+challengeType: 5
+title: 'Problem 258: A lagged Fibonacci sequence'
+videoUrl: ''
+localeTitle: 'Problema 258: Uma seqüência de Fibonacci retardada'
+---
+
+## Description
+<section id="description"> Uma sequência é definida como: <p> gk = 1, para 0 ≤ k ≤ 1999 gk = gk-2000 + gk-1999, para k ≥ 2000. Encontre gk mod 20092010 para k = 1018. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler258()</code> deve retornar 12747994.
+    testString: 'assert.strictEqual(euler258(), 12747994, "<code>euler258()</code> should return 12747994.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler258() {
+  // Good luck!
+  return true;
+}
+
+euler258();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-259-reachable-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-259-reachable-numbers.portuguese.md
new file mode 100644
index 0000000000..5519d3e908
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-259-reachable-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4701000cf542c50ff82
+challengeType: 5
+title: 'Problem 259: Reachable Numbers'
+videoUrl: ''
+localeTitle: 'Problema 259: Números Acessíveis'
+---
+
+## Description
+<section id="description"> Um inteiro positivo será chamado alcançável se puder resultar de uma expressão aritmética que obedeça às seguintes regras: <p> Usa os dígitos de 1 a 9, nessa ordem e exatamente uma vez cada. Quaisquer dígitos sucessivos podem ser concatenados (por exemplo, usando os dígitos 2, 3 e 4 obtemos o número 234). Apenas as quatro operações aritméticas binárias usuais (adição, subtração, multiplicação e divisão) são permitidas. Cada operação pode ser usada quantas vezes quiser ou não. Unário menos não é permitido. Qualquer número de parênteses (possivelmente aninhados) pode ser usado para definir a ordem das operações. Por exemplo, 42 é alcançável, uma vez que (1/23) <em>((4</em> 5) -6) * (78-9) = 42. </p><p> Qual é a soma de todos os inteiros positivos alcançáveis? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler259()</code> deve retornar 20101196798.
+    testString: 'assert.strictEqual(euler259(), 20101196798, "<code>euler259()</code> should return 20101196798.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler259() {
+  // Good luck!
+  return true;
+}
+
+euler259();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-26-reciprocal-cycles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-26-reciprocal-cycles.portuguese.md
new file mode 100644
index 0000000000..2acfd93553
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-26-reciprocal-cycles.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3861000cf542c50fe99
+challengeType: 5
+title: 'Problem 26: Reciprocal cycles'
+videoUrl: ''
+localeTitle: 'Problema 26: Ciclos Recíprocos'
+---
+
+## Description
+<section id="description"> Uma fração unitária contém 1 no numerador. A representação decimal das frações unitárias com os denominadores 2 a 10 é dada: <div style="padding-left: 4em; display: inline-grid; grid-template-rows: auto; row-gap: 7px;"><div> <sup><sub>2/1</sub></sup> = 0,5 </div><div> <sup><sub>3/1</sub></sup> = 0. (3) </div><div> <sup><sub>4/1</sub></sup> = 0,25 </div><div> <sup><sub>5/1</sub></sup> = 0,2 </div><div> <sup><sub>1/6</sub></sup> = 0,1 (6) </div><div> <sup><sub>7/1</sub></sup> = 0. (142857) </div><div> <sup><sub>1/8</sub></sup> = 0,125 </div><div> <sup><sub>9/1</sub></sup> = 0. (1) </div><div> <sup><sub>10/01</sub></sup> = 0,1 </div></div> Onde 0,1 (6) significa 0,166666 ... e tem um ciclo recorrente de 1 dígito. Pode ver-se que <sup><sub>1/7</sub></sup> tem um ciclo repetitivo de 6 dígitos. Encontre o valor de <var>d</var> &lt; <var>n</var> para o qual <sup>1</sup> / <sub>d</sub> contém o ciclo recorrente mais longo em sua parte de fração decimal. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>reciprocalCycles(700)</code> devem retornar 659.
+    testString: 'assert(reciprocalCycles(700) == 659, "<code>reciprocalCycles(700)</code> should return 659.");'
+  - text: <code>reciprocalCycles(800)</code> devem retornar 743.
+    testString: 'assert(reciprocalCycles(800) == 743, "<code>reciprocalCycles(800)</code> should return 743.");'
+  - text: <code>reciprocalCycles(900)</code> devem retornar 887.
+    testString: 'assert(reciprocalCycles(900) == 887, "<code>reciprocalCycles(900)</code> should return 887.");'
+  - text: <code>reciprocalCycles(1000)</code> devem retornar 983.
+    testString: 'assert(reciprocalCycles(1000) == 983, "<code>reciprocalCycles(1000)</code> should return 983.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function reciprocalCycles(n) {
+  // Good luck!
+  return n;
+}
+
+reciprocalCycles(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-260-stone-game.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-260-stone-game.portuguese.md
new file mode 100644
index 0000000000..af7807ed6d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-260-stone-game.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4701000cf542c50ff83
+challengeType: 5
+title: 'Problem 260: Stone Game'
+videoUrl: ''
+localeTitle: 'Problema 260: Jogo de Pedra'
+---
+
+## Description
+<section id="description"> Um jogo é jogado com três pilhas de pedras e dois jogadores. Por sua vez, um jogador remove uma ou mais pedras das pilhas. No entanto, se ela tirar pedras de mais de uma pilha, ela deve remover o mesmo número de pedras de cada uma das pilhas selecionadas. <p> Em outras palavras, o jogador escolhe alguns N&gt; 0 e remove: N pedras de qualquer pilha; ou N pedras de cada uma das duas pilhas (total de 2N); ou N pedras de cada uma das três pilhas (3N no total). O jogador que recebe a (s) última (s) pedra (s) ganha o jogo. </p><p> Uma configuração vencedora é aquela em que o primeiro jogador pode forçar uma vitória. Por exemplo, (0,0,13), (0,11,11) e (5,5,5) estão ganhando configurações porque o primeiro jogador pode remover imediatamente todas as pedras. </p><p> Uma configuração perdedora é aquela em que o segundo jogador pode forçar uma vitória, não importando o que o primeiro jogador faça. Por exemplo, (0,1,2) e (1,3,3) estão perdendo configurações: qualquer jogada legal deixa uma configuração vencedora para o segundo jogador. </p><p> Considere todas as configurações perdedoras (xi, yi, zi) onde xi ≤ yi ≤ zi ≤ 100. Podemos verificar que Σ (xi + yi + zi) = 173895 para estes. </p><p> Encontre Σ (xi + yi + zi) onde (xi, yi, zi) varia sobre as configurações perdedoras com xi ≤ yi ≤ zi ≤ 1000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler260()</code> deve retornar 167542057.
+    testString: 'assert.strictEqual(euler260(), 167542057, "<code>euler260()</code> should return 167542057.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler260() {
+  // Good luck!
+  return true;
+}
+
+euler260();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-261-pivotal-square-sums.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-261-pivotal-square-sums.portuguese.md
new file mode 100644
index 0000000000..3317ec49cc
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-261-pivotal-square-sums.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4711000cf542c50ff84
+challengeType: 5
+title: 'Problem 261: Pivotal Square Sums'
+videoUrl: ''
+localeTitle: 'Problema 261: Soma Quadrada Principal'
+---
+
+## Description
+<section id="description"> Vamos chamar um inteiro positivo ka de pivô quadrado, se houver um par de inteiros m&gt; 0 e n ≥ k, tal que a soma dos quadrados (m + 1) consecutivos até k seja igual à soma dos m quadrados consecutivos de (n + 1) em: <p> (km) 2 + ... + k2 = (n + 1) 2 + ... + (n + m) 2. </p><p> Alguns pequenos pivôs quadrados são 4: 32 + 42 = 52 21: 202 + 212 = 292 24: 212 + 222 + 232 + 242 = 252 + 262 + 272 110: 1082 + 1092 + 1102 = 1332 + 1342 Encontre a soma de todos pivôs quadrados distintos ≤ 1010. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler261()</code> deve retornar 238890850232021.
+    testString: 'assert.strictEqual(euler261(), 238890850232021, "<code>euler261()</code> should return 238890850232021.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler261() {
+  // Good luck!
+  return true;
+}
+
+euler261();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-262-mountain-range.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-262-mountain-range.portuguese.md
new file mode 100644
index 0000000000..32ee97281f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-262-mountain-range.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4731000cf542c50ff85
+challengeType: 5
+title: 'Problem 262: Mountain Range'
+videoUrl: ''
+localeTitle: 'Problema 262: Cordilheira'
+---
+
+## Description
+<section id="description"> A equação a seguir representa a topografia contínua de uma região montanhosa, dando a elevação h em qualquer ponto (x, y): <p> Um mosquito pretende voar de A (200.200) para B (1400,1400), sem deixar a área dada por 0 ≤ x, y ≤ 1600. </p><p> Por causa das montanhas intervenientes, primeiro sobe diretamente a um ponto A &#39;, tendo a elevação f. Então, enquanto permanece na mesma elevação f, voa em torno de qualquer obstáculo até chegar a um ponto B &#39;diretamente acima de B. </p><p> Primeiro, determine fmin, que é a elevação mínima constante, permitindo tal deslocamento de A para B, permanecendo na área especificada. Em seguida, encontre o comprimento do caminho mais curto entre A &#39;e B&#39;, enquanto voa naquela altitude constante fmin. </p><p> Dê esse comprimento como sua resposta, arredondado para três casas decimais. </p><p> Nota: Por conveniência, a função de elevação mostrada acima é repetida abaixo, em uma forma adequada para a maioria das linguagens de programação: h = (5000-0.005 <em>(</em> xx + y <em>y + x</em> y) +12.5 <em>(x + y))</em> exp (- abs (0,000001 <em>(xx</em> + y <em>y) -0,0015</em> (x + y) +0,7)) </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler262()</code> deve retornar 2531.205.
+    testString: 'assert.strictEqual(euler262(), 2531.205, "<code>euler262()</code> should return 2531.205.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler262() {
+  // Good luck!
+  return true;
+}
+
+euler262();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-263-an-engineers-dream-come-true.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-263-an-engineers-dream-come-true.portuguese.md
new file mode 100644
index 0000000000..3887221ef9
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-263-an-engineers-dream-come-true.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4741000cf542c50ff86
+challengeType: 5
+title: 'Problem 263: An engineers" dream come true'
+videoUrl: ''
+localeTitle: 'Problema 263: Um sonho de engenheiros se tornou realidade'
+---
+
+## Description
+<section id="description"> Considere o número 6. Os divisores de 6 são: 1,2,3 e 6. Cada número de 1 até e inclusive 6 pode ser escrito como uma soma de divisores distintos de 6: 1 = 1, 2 = 2, 3 = 1 + 2, 4 = 1 + 3, 5 = 2 + 3, 6 = 6. Um número n é chamado de número prático se cada número de 1 até e inclusive n puder ser expresso como uma soma de divisores distintos de n. <p> Um par de números primos consecutivos com uma diferença de seis é chamado de par sexy (já que &quot;sex&quot; é a palavra latina para &quot;seis&quot;). O primeiro par sexy é (23, 29). </p><p> Podemos ocasionalmente encontrar um par triplo, o que significa três pares primos sexy consecutivos, de modo que o segundo membro de cada par seja o primeiro membro do par seguinte. </p><p> Nós chamaremos um número n tal que: (n-9, n-3), (n-3, n + 3), (n + 3, n + 9) formam um par triplo, e os números n-8 , n-4, n, n + 4 e n + 8 são todos práticos, </p><p> um paraíso dos engenheiros. </p><p> Encontre a soma dos quatro primeiros paraísos dos engenheiros. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler263()</code> deve retornar 2039506520.
+    testString: 'assert.strictEqual(euler263(), 2039506520, "<code>euler263()</code> should return 2039506520.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler263() {
+  // Good luck!
+  return true;
+}
+
+euler263();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-264-triangle-centres.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-264-triangle-centres.portuguese.md
new file mode 100644
index 0000000000..8ff226f49d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-264-triangle-centres.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4751000cf542c50ff87
+challengeType: 5
+title: 'Problem 264: Triangle Centres'
+videoUrl: ''
+localeTitle: 'Problema 264: Centros Triângulo'
+---
+
+## Description
+<section id="description"> Considere todos os triângulos tendo: Todos os seus vértices em pontos de rede. Circunferência na origem O. Orthocentre no ponto H (5, 0). Existem nove desses triângulos com um perímetro ≤ 50. Listados e mostrados em ordem crescente de seu perímetro, eles são: <p> A (-4, 3), B (5, 0), C (4, -3) A (4, 3), B (5, 0), C (-4, -3) A (-3, 4 ), B (5, 0), C (3, -4) A (3, 4), B (5, 0), C (-3, -4) A (0, 5), B (5, 0 ), C (0, -5) A (1, 8), B (8, -1), C (-4, -7) A (8, 1), B (1, -8), C (- 4, 7) A (2, 9), B (9, -2), C (-6, -7) A (9, 2), B (2, -9), C (-6, 7) </p><p> A soma dos seus perímetros, arredondados para quatro casas decimais, é de 291.0089. </p><p> Encontre todos esses triângulos com um perímetro ≤ 105. Insira como sua resposta a soma de seus perímetros arredondados para quatro casas decimais. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler264()</code> deve retornar 2816417.1055.
+    testString: 'assert.strictEqual(euler264(), 2816417.1055, "<code>euler264()</code> should return 2816417.1055.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler264() {
+  // Good luck!
+  return true;
+}
+
+euler264();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-265-binary-circles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-265-binary-circles.portuguese.md
new file mode 100644
index 0000000000..045e66c663
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-265-binary-circles.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4761000cf542c50ff88
+challengeType: 5
+title: 'Problem 265: Binary Circles'
+videoUrl: ''
+localeTitle: 'Problema 265: Círculos Binários'
+---
+
+## Description
+<section id="description"> Os dígitos binários 2N podem ser colocados em um círculo, de modo que todas as subseqüências de N dígitos no sentido horário sejam distintas. <p> Para N = 3, dois arranjos circulares são possíveis, ignorando as rotações: </p><p> Para o primeiro arranjo, as subseqüências de 3 dígitos, no sentido horário, são: 000, 001, 010, 101, 011, 111, 110 e 100. </p><p> Cada arranjo circular pode ser codificado como um número pela concatenação dos dígitos binários começando com a subsequência de todos os zeros como os bits mais significativos e prosseguindo no sentido horário. Os dois arranjos para N = 3 são assim representados como 23 e 29: 00010111 2 = 23 00011101 2 = 29 </p><p> Chamando S (N) a soma das representações numéricas únicas, podemos ver que S (3) = 23 + 29 = 52. </p><p> Encontre S (5). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler265()</code> deve retornar 209110240768.
+    testString: 'assert.strictEqual(euler265(), 209110240768, "<code>euler265()</code> should return 209110240768.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler265() {
+  // Good luck!
+  return true;
+}
+
+euler265();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-266-pseudo-square-root.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-266-pseudo-square-root.portuguese.md
new file mode 100644
index 0000000000..b5b884427e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-266-pseudo-square-root.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4771000cf542c50ff89
+challengeType: 5
+title: 'Problem 266: Pseudo Square Root'
+videoUrl: ''
+localeTitle: 'Problema 266: Raiz Pseudo-Quadrada'
+---
+
+## Description
+<section id="description"> Os divisores de 12 são: 1,2,3,4,6 e 12. O maior divisor de 12 que não excede a raiz quadrada de 12 é 3. Devemos chamar o maior divisor de um inteiro n que não exceda o raiz quadrada de n a raiz quadrada pseudo (PSR) de n. Pode ser visto que PSR (3102) = 47. <p> Seja p o produto dos primos abaixo de 190. Encontre PSR (p) mod 1016. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler266()</code> deve retornar 1096883702440585.
+    testString: 'assert.strictEqual(euler266(), 1096883702440585, "<code>euler266()</code> should return 1096883702440585.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler266() {
+  // Good luck!
+  return true;
+}
+
+euler266();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-267-billionaire.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-267-billionaire.portuguese.md
new file mode 100644
index 0000000000..a14939ea2b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-267-billionaire.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4771000cf542c50ff8a
+challengeType: 5
+title: 'Problem 267: Billionaire'
+videoUrl: ''
+localeTitle: 'Problema 267: Bilionário'
+---
+
+## Description
+<section id="description"> Você tem uma oportunidade única de investimento. Começando com £ 1 de capital, você pode escolher uma proporção fixa, f, do seu capital para apostar em um sorteio de moeda regular repetidamente por 1000 tiros. Seu retorno é o dobro de sua aposta por cara e você perde sua aposta por caudas. Por exemplo, se f = 1/4, para o primeiro lance você aposta £ 0,25, e se o cara subir você ganha £ 0,5 e então tem £ 1,5. Então você aposta £ 0,375 e se o segundo lance for coroa, você tem £ 1,125. Escolhendo f para maximizar suas chances de ter pelo menos £ 1.000.000.000 após 1.000 flips, qual é a chance de você se tornar um bilionário? Todos os cálculos são considerados exatos (sem arredondamento), mas dê sua resposta arredondada para 12 dígitos atrás do ponto decimal na forma 0.abcdefghijkl. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>euler267()</code> deve retornar 0,99992836187.'
+    testString: 'assert.strictEqual(euler267(), 0.999992836187, "<code>euler267()</code> should return 0.999992836187.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler267() {
+  // Good luck!
+  return true;
+}
+
+euler267();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-268-counting-numbers-with-at-least-four-distinct-prime-factors-less-than-100.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-268-counting-numbers-with-at-least-four-distinct-prime-factors-less-than-100.portuguese.md
new file mode 100644
index 0000000000..90b6f86086
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-268-counting-numbers-with-at-least-four-distinct-prime-factors-less-than-100.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4791000cf542c50ff8b
+challengeType: 5
+title: 'Problem 268: Counting numbers with at least four distinct prime factors less than 100'
+videoUrl: ''
+localeTitle: 'Problema 268: Contando números com pelo menos quatro fatores primos distintos menores que 100'
+---
+
+## Description
+<section id="description"> Pode-se verificar que existem 23 inteiros positivos menores que 1000 que são divisíveis por pelo menos quatro primos distintos menores que 100. <p> Encontre quantos inteiros positivos menores que 1016 são divisíveis por pelo menos quatro primos distintos menores que 100. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler268()</code> deve retornar 785478606870985.
+    testString: 'assert.strictEqual(euler268(), 785478606870985, "<code>euler268()</code> should return 785478606870985.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler268() {
+  // Good luck!
+  return true;
+}
+
+euler268();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-269-polynomials-with-at-least-one-integer-root.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-269-polynomials-with-at-least-one-integer-root.portuguese.md
new file mode 100644
index 0000000000..dcbc356959
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-269-polynomials-with-at-least-one-integer-root.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4791000cf542c50ff8c
+challengeType: 5
+title: 'Problem 269: Polynomials with at least one integer root'
+videoUrl: ''
+localeTitle: 'Problema 269: Polinômios com pelo menos uma raiz inteira'
+---
+
+## Description
+<section id="description"> Uma raiz ou zero de um polinômio P (x) é uma solução para a equação P (x) = 0. Defina Pn como o polinômio cujos coeficientes são os dígitos de n. Por exemplo, P5703 (x) = 5x3 + 7x2 + 3. <p> Podemos ver que: Pn (0) é o último dígito de n, Pn (1) é a soma dos dígitos de n, Pn (10) é n próprio.Defina Z (k) como o número de inteiros positivos, n , não excedendo k para o qual o polinômio Pn tem pelo menos uma raiz inteira. </p><p> Pode ser verificado que Z (100 000) é 14696. </p><p> O que é Z (1016)? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler269()</code> deve retornar 1311109198529286.
+    testString: 'assert.strictEqual(euler269(), 1311109198529286, "<code>euler269()</code> should return 1311109198529286.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler269() {
+  // Good luck!
+  return true;
+}
+
+euler269();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-27-quadratic-primes.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-27-quadratic-primes.portuguese.md
new file mode 100644
index 0000000000..01b8998351
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-27-quadratic-primes.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3871000cf542c50fe9a
+challengeType: 5
+title: 'Problem 27: Quadratic primes'
+videoUrl: ''
+localeTitle: 'Problema 27: Primos quadráticos'
+---
+
+## Description
+<section id="description"> Euler descobriu a notável fórmula quadrática: $ n ^ 2 + n + 41 $ Acontece que a fórmula produzirá 40 primos para os valores inteiros consecutivos $ 0 \ le n \ le 39 $. No entanto, quando $ n = 40, 40 ^ 2 + 40 + 41 = 40 (40 + 1) + 41 $ é divisível por 41, e certamente quando $ n = 41, 41 ^ 2 + 41 + 41 $ é claramente divisível por 41. A incrível fórmula $ n ^ 2 - 79n + 1601 $ foi descoberta, que produz 80 primos para os valores consecutivos $ 0 \ le n \ le 79 $. O produto dos coeficientes, −79 e 1601, é −126479. Considerando quadráticas da forma: <p> $ n ^ 2 + an + b $, em que $ | a | &lt;intervalo $ e $ | b | \ le range $ onde $ | n | $ é o valor de módulo / absoluto de $ n $ ex $ | 11 | = 11 $ e $ | -4 | = 4 $ </p><p> Encontre o produto dos coeficientes, $ a $ e $ b $, para a expressão quadrática que produz o número máximo de primos para valores consecutivos de $ n $, começando com $ n = 0 $. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>quadraticPrimes(200)</code> deve retornar -4925.
+    testString: 'assert(quadraticPrimes(200) == -4925, "<code>quadraticPrimes(200)</code> should return -4925.");'
+  - text: <code>quadraticPrimes(500)</code> deve retornar -18901.
+    testString: 'assert(quadraticPrimes(500) == -18901, "<code>quadraticPrimes(500)</code> should return -18901.");'
+  - text: <code>quadraticPrimes(800)</code> deve retornar -43835.
+    testString: 'assert(quadraticPrimes(800) == -43835, "<code>quadraticPrimes(800)</code> should return -43835.");'
+  - text: <code>quadraticPrimes(1000)</code> deve retornar -59231.
+    testString: 'assert(quadraticPrimes(1000) == -59231, "<code>quadraticPrimes(1000)</code> should return -59231.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function quadraticPrimes(range) {
+  // Good luck!
+  return range;
+}
+
+quadraticPrimes(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-270-cutting-squares.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-270-cutting-squares.portuguese.md
new file mode 100644
index 0000000000..bb28e6413d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-270-cutting-squares.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f47c1000cf542c50ff8e
+challengeType: 5
+title: 'Problem 270: Cutting Squares'
+videoUrl: ''
+localeTitle: 'Problema 270: Quadrados de Corte'
+---
+
+## Description
+<section id="description"> Um pedaço de papel quadrado com dimensões inteiras N × N é colocado com um canto na origem e dois dos seus lados ao longo dos eixos xey. Em seguida, nós o cortamos respeitando as seguintes regras: Nós só fazemos cortes retos entre dois pontos situados em lados diferentes do quadrado, e tendo coordenadas inteiras. Dois cortes não podem se cruzar, mas vários cortes podem se encontrar no mesmo ponto de fronteira. Continue até que não haja mais cortes legais. Contando quaisquer reflexões ou rotações como distintas, chamamos C (N) o número de maneiras de cortar um quadrado N × N. Por exemplo, C (1) = 2 e C (2) = 30 (mostrado abaixo). <p> O que é o C (30) mod 108? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler270()</code> deve retornar 82282080.
+    testString: 'assert.strictEqual(euler270(), 82282080, "<code>euler270()</code> should return 82282080.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler270() {
+  // Good luck!
+  return true;
+}
+
+euler270();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-271-modular-cubes-part-1.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-271-modular-cubes-part-1.portuguese.md
new file mode 100644
index 0000000000..c64abc8ff2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-271-modular-cubes-part-1.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f47b1000cf542c50ff8d
+challengeType: 5
+title: 'Problem 271: Modular Cubes, part 1'
+videoUrl: ''
+localeTitle: 'Problema 271: Cubos Modulares, parte 1'
+---
+
+## Description
+<section id="description"> Para um número positivo n, defina S (n) como a soma dos inteiros x, para os quais 1 <p> Quando n = 91, existem 8 valores possíveis para x, a saber: 9, 16, 22, 29, 53, 74, 79, 81. Assim, S (91) = 9 + 16 + 22 + 29 + 53 + 74 + 79 + 81 = 363. </p><p> Encontre S (13082761331670030). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler271()</code> deve retornar 4617456485273130000.
+    testString: 'assert.strictEqual(euler271(), 4617456485273130000, "<code>euler271()</code> should return 4617456485273130000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler271() {
+  // Good luck!
+  return true;
+}
+
+euler271();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-272-modular-cubes-part-2.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-272-modular-cubes-part-2.portuguese.md
new file mode 100644
index 0000000000..9c67a1be95
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-272-modular-cubes-part-2.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f47d1000cf542c50ff8f
+challengeType: 5
+title: 'Problem 272: Modular Cubes, part 2'
+videoUrl: ''
+localeTitle: 'Problema 272: Cubos Modulares, parte 2'
+---
+
+## Description
+<section id="description"> Para um número positivo n, defina C (n) como o número dos inteiros x, para o qual 1 <p> Quando n = 91, existem 8 valores possíveis para x, a saber: 9, 16, 22, 29, 53, 74, 79, 81. Assim, C (91) = 8. </p><p> Encontre a soma dos números positivos n≤1011 para os quais C (n) = 242. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler272()</code> deve retornar 8495585919506151000.
+    testString: 'assert.strictEqual(euler272(), 8495585919506151000, "<code>euler272()</code> should return 8495585919506151000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler272() {
+  // Good luck!
+  return true;
+}
+
+euler272();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-273-sum-of-squares.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-273-sum-of-squares.portuguese.md
new file mode 100644
index 0000000000..6391de049e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-273-sum-of-squares.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f47e1000cf542c50ff90
+challengeType: 5
+title: 'Problem 273: Sum of Squares'
+videoUrl: ''
+localeTitle: 'Problema 273: Soma dos Quadrados'
+---
+
+## Description
+<section id="description"> Considere equações da forma: a2 + b2 = N, 0 ≤ a ≤ b, a, beN inteiro. <p> Para N = 65 existem duas soluções: a = 1, b = 8 e a = 4, b = 7. Chamamos S (N) a soma dos valores de uma de todas as soluções de a2 + b2 = N, 0 ≤ a ≤ b, a, beN inteiro. Assim, S (65) = 1 + 4 = 5. Encontre ∑S (N), para todos os N inteiros, divisíveis apenas por primos da forma 4k + 1 com 4k + 1 &lt;150. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler273()</code> deve retornar 2032447591196869000.
+    testString: 'assert.strictEqual(euler273(), 2032447591196869000, "<code>euler273()</code> should return 2032447591196869000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler273() {
+  // Good luck!
+  return true;
+}
+
+euler273();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-274-divisibility-multipliers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-274-divisibility-multipliers.portuguese.md
new file mode 100644
index 0000000000..0b3b28ff59
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-274-divisibility-multipliers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f47f1000cf542c50ff91
+challengeType: 5
+title: 'Problem 274: Divisibility Multipliers'
+videoUrl: ''
+localeTitle: 'Problema 274: Multiplicadores de Divisibilidade'
+---
+
+## Description
+<section id="description"> Para cada inteiro p&gt; 1 coprime para 10 existe um multiplicador de divisibilidade positivo m &lt;p que preserva a divisibilidade por p para a seguinte função em qualquer inteiro positivo, n: <p> f (n) = (todos menos o último dígito de n) + (o último dígito de n) * m </p><p> Isto é, se m é o multiplicador de divisibilidade para p, então f (n) é divisível por p se e somente se n é divisível por p. </p><p> (Quando n é muito maior que p, f (n) será menor que n e a aplicação repetida de f fornece um teste de divisibilidade multiplicativo para p.) </p><p> Por exemplo, o multiplicador de divisibilidade para 113 é 34. </p><p> f (76275) = 7627 + 5 <em>34 = 7797: 76275 e 7797 são ambos divisíveis por 113f (12345) = 1234 + 5</em> 34 = 1404: 12345 e 1404 não são divisíveis por 113 </p><p> A soma dos multiplicadores de divisibilidade para os primos que são coprime para 10 e menor que 1000 é 39517. Qual é a soma dos multiplicadores de divisibilidade para os primos que são coprime para 10 e menores que 107? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler274()</code> deve retornar 1601912348822.
+    testString: 'assert.strictEqual(euler274(), 1601912348822, "<code>euler274()</code> should return 1601912348822.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler274() {
+  // Good luck!
+  return true;
+}
+
+euler274();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-275-balanced-sculptures.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-275-balanced-sculptures.portuguese.md
new file mode 100644
index 0000000000..f2d109552c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-275-balanced-sculptures.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4801000cf542c50ff92
+challengeType: 5
+title: 'Problem 275: Balanced Sculptures'
+videoUrl: ''
+localeTitle: 'Problema 275: Esculturas Equilibradas'
+---
+
+## Description
+<section id="description"> Vamos definir uma escultura balanceada de ordem n da seguinte forma: Um polyomino composto de n + 1 telhas conhecidas como os blocos (n telhas) e o plinto (telha restante); o plinto tem seu centro na posição (x = 0, y = 0); os blocos têm coordenadas y maiores que zero (então o plinto é o único bloco mais baixo); o centro de massa de todos os blocos, combinado, tem coordenada x igual a zero. Ao contar as esculturas, quaisquer arranjos que são simplesmente reflexos sobre o eixo y, não são contados como distintos. Por exemplo, as 18 esculturas balanceadas da ordem 6 são mostradas abaixo; observe que cada par de imagens espelhadas (sobre o eixo y) é contado como uma escultura: <p> Existem 964 esculturas balanceadas de ordem 10 e 360505 de ordem 15. Como muitas esculturas balanceadas estão na ordem de 18? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler275()</code> deve retornar 15030564.
+    testString: 'assert.strictEqual(euler275(), 15030564, "<code>euler275()</code> should return 15030564.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler275() {
+  // Good luck!
+  return true;
+}
+
+euler275();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-276-primitive-triangles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-276-primitive-triangles.portuguese.md
new file mode 100644
index 0000000000..61babd7bd5
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-276-primitive-triangles.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4801000cf542c50ff93
+challengeType: 5
+title: 'Problem 276: Primitive Triangles'
+videoUrl: ''
+localeTitle: 'Problema 276: Triângulos Primitivos'
+---
+
+## Description
+<section id="description"> Considere os triângulos com lados inteiros a, b e c com ≤ b ≤ c. Um triângulo de lados inteiros (a, b, c) é chamado primitivo se mdc (a, b, c) = 1. Quantos triângulos primitivos de lados inteiros existem com um perímetro que não excede 10 000 000? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler276()</code> deve retornar 5777137137739633000.
+    testString: 'assert.strictEqual(euler276(), 5777137137739633000, "<code>euler276()</code> should return 5777137137739633000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler276() {
+  // Good luck!
+  return true;
+}
+
+euler276();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-277-a-modified-collatz-sequence.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-277-a-modified-collatz-sequence.portuguese.md
new file mode 100644
index 0000000000..3f95857ebf
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-277-a-modified-collatz-sequence.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4811000cf542c50ff94
+challengeType: 5
+title: 'Problem 277: A Modified Collatz sequence'
+videoUrl: ''
+localeTitle: 'Problema 277: Uma sequência de Collatz modificada'
+---
+
+## Description
+<section id="description"> Uma sequência Collatz modificada de inteiros é obtida a partir de um valor inicial a1 da seguinte maneira: <p> an + 1 = an / 3 se an é divisível por 3. Vamos denotar isto como um grande passo descendente, &quot;D&quot;. </p><p> an + 1 = (4an + 2) / 3 se um dividido por 3 der um resto de 1. Denotaremos isso como um passo para cima, &quot;U&quot;. </p><p> an + 1 = (2an - 1) / 3 se um dividido por 3 der um resto de 2. Denotaremos isso como um pequeno passo descendente, &quot;d&quot;. </p><p> A sequência termina quando alguns an = 1. </p><p> Dado qualquer inteiro, podemos listar a seqüência de etapas. Por exemplo, se a1 = 231, então a sequência {an} = {231,77,51,17,11,7,10,14,9,3,1} corresponde às etapas &quot;DdDddUUdDD&quot;. </p><p> Claro, existem outras sequências que começam com a mesma sequência &quot;DdDddUUdDD ....&quot;. Por exemplo, se a1 = 1004064, a sequência é DdDddUUdDDDdUDUUUdDdUUDDDUdDD. De fato, 1004064 é o menor possível a1&gt; 106 que começa com a seqüência DdDddUUdDD. </p><p> Qual é o menor a1&gt; 1015 que começa com a sequência &quot;UDDDUdddDDUDDddDdDddDDUDDdUUDd&quot;? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler277()</code> deve retornar 1125977393124310.
+    testString: 'assert.strictEqual(euler277(), 1125977393124310, "<code>euler277()</code> should return 1125977393124310.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler277() {
+  // Good luck!
+  return true;
+}
+
+euler277();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-278-linear-combinations-of-semiprimes.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-278-linear-combinations-of-semiprimes.portuguese.md
new file mode 100644
index 0000000000..0f0e0872fc
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-278-linear-combinations-of-semiprimes.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4831000cf542c50ff95
+challengeType: 5
+title: 'Problem 278: Linear Combinations of Semiprimes'
+videoUrl: ''
+localeTitle: 'Problema 278: Combinações Lineares de Semiprimes'
+---
+
+## Description
+<section id="description"> Dados os valores dos inteiros 1 &lt;a1 &lt;a2 &lt;... &lt;an, considere a combinação linear q1a1 + q2a2 + ... + qnan = b, usando apenas valores inteiros qk ≥ 0. <p> Note que para um dado conjunto de ak, pode ser que nem todos os valores de b sejam possíveis. Por exemplo, se a1 = 5 e a2 = 7, não há q1 ≥ 0 e q2 ≥ 0 tal que b poderia ser 1, 2, 3, 4, 6, 8, 9, 11, 13, 16, 18 ou 23 . </p><p> De fato, 23 é o maior valor impossível de b para a1 = 5 e a2 = 7. Portanto, chamamos f (5, 7) = 23. Similarmente, pode ser mostrado que f (6, 10, 15) = 29 e f (14, 22, 77) = 195. </p><p> Encontre ∑ f (p <em>q, p</em> r, q * r), onde p, q e r são números primos e p &lt;q &lt;r &lt;5000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler278()</code> deve retornar 1228215747273908500.
+    testString: 'assert.strictEqual(euler278(), 1228215747273908500, "<code>euler278()</code> should return 1228215747273908500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler278() {
+  // Good luck!
+  return true;
+}
+
+euler278();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-279-triangles-with-integral-sides-and-an-integral-angle.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-279-triangles-with-integral-sides-and-an-integral-angle.portuguese.md
new file mode 100644
index 0000000000..3be64706a1
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-279-triangles-with-integral-sides-and-an-integral-angle.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4841000cf542c50ff96
+challengeType: 5
+title: 'Problem 279: Triangles with integral sides and an integral angle'
+videoUrl: ''
+localeTitle: 'Problema 279: Triângulos com lados integrais e um ângulo integral'
+---
+
+## Description
+<section id="description"> Quantos triângulos existem com lados integrais, pelo menos um ângulo integral (medido em graus) e um perímetro que não exceda 108? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler279()</code> deve retornar 416577688.
+    testString: 'assert.strictEqual(euler279(), 416577688, "<code>euler279()</code> should return 416577688.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler279() {
+  // Good luck!
+  return true;
+}
+
+euler279();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-28-number-spiral-diagonals.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-28-number-spiral-diagonals.portuguese.md
new file mode 100644
index 0000000000..f6ac487980
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-28-number-spiral-diagonals.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3881000cf542c50fe9b
+challengeType: 5
+title: 'Problem 28: Number spiral diagonals'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Começando pelo número 1 e indo para a direita no sentido horário, forma-se uma espiral de 5 por 5 como segue: 21 22 23 24 25 20 7 8 9 10 19 6 1 2 11 18 5 4 3 12 17 16 15 14 13 Pode-se verificar que a soma dos números nas diagonais é 101. Qual é a soma dos números nas diagonais em uma por n espiral formada da mesma maneira? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>spiralDiagonals(101)</code> deve retornar 692101.
+    testString: 'assert(spiralDiagonals(101) == 692101, "<code>spiralDiagonals(101)</code> should return 692101.");'
+  - text: <code>spiralDiagonals(303)</code> deve retornar 18591725.
+    testString: 'assert(spiralDiagonals(303) == 18591725, "<code>spiralDiagonals(303)</code> should return 18591725.");'
+  - text: <code>spiralDiagonals(505)</code> deve retornar 85986601.
+    testString: 'assert(spiralDiagonals(505) == 85986601, "<code>spiralDiagonals(505)</code> should return 85986601.");'
+  - text: <code>spiralDiagonals(1001)</code> deve retornar 669171001.
+    testString: 'assert(spiralDiagonals(1001) == 669171001, "<code>spiralDiagonals(1001)</code> should return 669171001.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function spiralDiagonals(n) {
+  // Good luck!
+  return n;
+}
+
+spiralDiagonals(1001);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-280-ant-and-seeds.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-280-ant-and-seeds.portuguese.md
new file mode 100644
index 0000000000..a5cbde9481
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-280-ant-and-seeds.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4841000cf542c50ff97
+challengeType: 5
+title: 'Problem 280: Ant and seeds'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Uma formiga laboriosa caminha aleatoriamente em uma grade de 5x5. A caminhada começa na praça central. Em cada etapa, a formiga se move para um quadrado adjacente aleatoriamente, sem sair da grade; Assim, existem 2, 3 ou 4 movimentos possíveis em cada etapa, dependendo da posição da formiga. <p> No início da caminhada, uma semente é colocada em cada quadrado da fileira inferior. Quando a formiga não está carregando uma semente e alcança um quadrado da linha inferior contendo uma semente, ela começará a carregar a semente. A formiga soltará a semente no primeiro quadrado vazio da linha superior que eventualmente alcança. </p><p> Qual é o número esperado de etapas até que todas as sementes tenham sido descartadas na linha superior? Dê sua resposta arredondada para 6 casas decimais. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler280()</code> deve retornar 430.088247.
+    testString: 'assert.strictEqual(euler280(), 430.088247, "<code>euler280()</code> should return 430.088247.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler280() {
+  // Good luck!
+  return true;
+}
+
+euler280();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-281-pizza-toppings.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-281-pizza-toppings.portuguese.md
new file mode 100644
index 0000000000..ddcb354d10
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-281-pizza-toppings.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4861000cf542c50ff98
+challengeType: 5
+title: 'Problem 281: Pizza Toppings'
+videoUrl: ''
+localeTitle: 'Problema 281: Coberturas de Pizza'
+---
+
+## Description
+<section id="description"> Você é dado uma pizza (círculo perfeito) que foi cortado em m · n partes iguais e você quer ter exatamente um topping em cada fatia. <p> Seja f (m, n) o número de maneiras que você pode ter coberturas na pizza com m coberturas diferentes (m ≥ 2), usando cada cobertura em exatamente n fatias (n ≥ 1). Reflexões são consideradas distintas, rotações não são. </p><p> Assim, por exemplo, f (2,1) = 1, f (2,2) = f (3,1) = 2 e f (3,2) = 16. f (3,2) é mostrado abaixo: </p><p> Encontre a soma de todos f (m, n) tal que f (m, n) ≤ 1015. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler281()</code> deve retornar 1485776387445623.
+    testString: 'assert.strictEqual(euler281(), 1485776387445623, "<code>euler281()</code> should return 1485776387445623.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler281() {
+  // Good luck!
+  return true;
+}
+
+euler281();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-282-the-ackermann-function.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-282-the-ackermann-function.portuguese.md
new file mode 100644
index 0000000000..d8d1f53b07
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-282-the-ackermann-function.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4861000cf542c50ff99
+challengeType: 5
+title: 'Problem 282: The Ackermann function'
+videoUrl: ''
+localeTitle: 'Problema 282: A função Ackermann'
+---
+
+## Description
+<section id="description"> Para inteiros não negativos m, n, a função Ackermann A (m, n) é definida da seguinte forma: <p> Por exemplo, A (1, 0) = 2, A (2, 2) = 7 e A (3, 4) = 125. </p><p> Encontre A (n, n) e dê sua resposta mod 148. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler282()</code> deve retornar 1098988351.
+    testString: 'assert.strictEqual(euler282(), 1098988351, "<code>euler282()</code> should return 1098988351.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler282() {
+  // Good luck!
+  return true;
+}
+
+euler282();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-283-integer-sided-triangles-for-which-the-area--perimeter-ratio-is-integral.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-283-integer-sided-triangles-for-which-the-area--perimeter-ratio-is-integral.portuguese.md
new file mode 100644
index 0000000000..983ed5b77a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-283-integer-sided-triangles-for-which-the-area--perimeter-ratio-is-integral.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4881000cf542c50ff9a
+challengeType: 5
+title: 'Problem 283: Integer sided triangles for which the area * perimeter ratio is integral'
+videoUrl: ''
+localeTitle: 'Problema 283: Triângulos de lados inteiros para os quais a relação área * perímetro é integral'
+---
+
+## Description
+<section id="description"> Considere o triângulo com os lados 6, 8 e 10. Pode ser visto que o perímetro e a área são ambos iguais a 24. Portanto, a relação área / perímetro é igual a 1. Considere também o triângulo com os lados 13, 14 e 15. O perímetro é igual a 42, enquanto a área é igual a 84. Portanto, para este triângulo, a relação área / perímetro é igual a 2. <p> Encontre a soma dos perímetros de todos os triângulos de lados inteiros para os quais as proporções área / perímetro são iguais a inteiros positivos não excedendo 1000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler283()</code> deve retornar 28038042525570324.
+    testString: 'assert.strictEqual(euler283(), 28038042525570324, "<code>euler283()</code> should return 28038042525570324.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler283() {
+  // Good luck!
+  return true;
+}
+
+euler283();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-284-steady-squares.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-284-steady-squares.portuguese.md
new file mode 100644
index 0000000000..52295686cb
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-284-steady-squares.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4891000cf542c50ff9b
+challengeType: 5
+title: 'Problem 284: Steady Squares'
+videoUrl: ''
+localeTitle: 'Problema 284: Quadrados Estáveis'
+---
+
+## Description
+<section id="description"> O número de 3 dígitos 376 no sistema de numeração decimal é um exemplo de números com a propriedade especial que seu quadrado termina com os mesmos dígitos: 3762 = 141376. Vamos chamar um número com essa propriedade um quadrado fixo. <p> Quadrados firmes também podem ser observados em outros sistemas de numeração. No sistema de numeração da base 14, o número de 3 dígitos c37 é também um quadrado fixo: c372 = aa0c37, e a soma dos seus dígitos é c + 3 + 7 = 18 no mesmo sistema numérico. As letras a, b, c e d são usadas para os 10, 11, 12 e 13 dígitos respectivamente, de maneira similar ao sistema de numeração hexadecimal. </p><p> Para 1 ≤ n ≤ 9, a soma dos dígitos de todos os quadrados fixos de n dígitos no sistema de numeração da base 14 é 2d8 (582 decimal). Quadrados firmes com 0 iniciais não são permitidos. </p><p> Encontre a soma dos dígitos de todos os quadrados fixos de n dígitos no sistema de numeração da base 14 para 1 ≤ n ≤ 10000 (decimal) e forneça sua resposta no sistema base 14 usando letras minúsculas, quando necessário. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler284()</code> deve retornar 5a411d7b.
+    testString: 'assert.strictEqual(euler284(), 5a411d7b, "<code>euler284()</code> should return 5a411d7b.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler284() {
+  // Good luck!
+  return true;
+}
+
+euler284();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-285-pythagorean-odds.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-285-pythagorean-odds.portuguese.md
new file mode 100644
index 0000000000..60eec7ecb8
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-285-pythagorean-odds.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f48a1000cf542c50ff9c
+challengeType: 5
+title: 'Problem 285: Pythagorean odds'
+videoUrl: ''
+localeTitle: 'Problema 285: Odds pitagóricas'
+---
+
+## Description
+<section id="description"> Albert escolhe um inteiro positivo k, então dois números reais a, b são escolhidos aleatoriamente no intervalo [0,1] com distribuição uniforme. A raiz quadrada da soma (k · a + 1) 2 + (k · b + 1) 2 é então computada e arredondada para o inteiro mais próximo. Se o resultado for igual a k, ele pontuará k pontos; caso contrário ele não ganha nada. <p> Por exemplo, se k = 6, a = 0,2 eb = 0,85, então (k · a + 1) 2 + (k · b + 1) 2 = 42,05. A raiz quadrada de 42,05 é 6,484 ... e quando arredondada para o inteiro mais próximo, ela se torna 6. Isso é igual a k, então ele marca 6 pontos. </p><p> Pode ser demonstrado que se ele jogar 10 turnos com k = 1, k = 2, ..., k = 10, o valor esperado de sua pontuação total, arredondado para cinco casas decimais, é 10,20914. </p><p> Se ele toca 105 voltas com k = 1, k = 2, k = 3, ..., k = 105, qual é o valor esperado de sua pontuação total, arredondado para cinco casas decimais? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler285()</code> deve retornar 157055.80999.
+    testString: 'assert.strictEqual(euler285(), 157055.80999, "<code>euler285()</code> should return 157055.80999.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler285() {
+  // Good luck!
+  return true;
+}
+
+euler285();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-286-scoring-probabilities.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-286-scoring-probabilities.portuguese.md
new file mode 100644
index 0000000000..edc974868d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-286-scoring-probabilities.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f48a1000cf542c50ff9d
+challengeType: 5
+title: 'Problem 286: Scoring probabilities'
+videoUrl: ''
+localeTitle: 'Problema 286: Probabilidades de pontuação'
+---
+
+## Description
+<section id="description"> Barbara é um matemático e um jogador de basquete. Ela descobriu que a probabilidade de marcar um ponto ao fotografar de uma distância x é exatamente (1 - x / q), onde q é uma constante real maior que 50. <p> Durante cada treino, ela tira fotos das distâncias x = 1, x = 2, ..., x = 50 e, de acordo com seus registros, ela tem exatamente 2% de chance de conseguir um total de exatamente 20 pontos. </p><p> Encontre qe dê sua resposta arredondada para 10 casas decimais. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler286()</code> deve retornar 52.6494571953.
+    testString: 'assert.strictEqual(euler286(), 52.6494571953, "<code>euler286()</code> should return 52.6494571953.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler286() {
+  // Good luck!
+  return true;
+}
+
+euler286();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-287-quadtree-encoding-a-simple-compression-algorithm.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-287-quadtree-encoding-a-simple-compression-algorithm.portuguese.md
new file mode 100644
index 0000000000..6a40c8888a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-287-quadtree-encoding-a-simple-compression-algorithm.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f48b1000cf542c50ff9e
+challengeType: 5
+title: 'Problem 287: Quadtree encoding (a simple compression algorithm)'
+videoUrl: ''
+localeTitle: 'Problema 287: Codificação Quadtree (um algoritmo de compactação simples)'
+---
+
+## Description
+<section id="description"> A codificação quadtree permite descrever uma imagem em preto e branco 2N × 2N como uma seqüência de bits (0 e 1). Essas seqüências devem ser lidas da esquerda para a direita da seguinte maneira: o primeiro bit lida com a região 2N × 2N completa; &quot;0&quot; denota uma divisão: a região 2n × 2n atual é dividida em 4 sub-regiões de dimensão 2n-1 × 2n-1, os próximos bits contêm a descrição das partes superior esquerda, superior direita, inferior esquerda e inferior direita -regiões - nessa ordem; &quot;10&quot; indica que a região atual contém apenas pixels pretos; &quot;11&quot; indica que a região atual contém apenas pixels brancos.Considere a seguinte imagem 4 × 4 (marcas coloridas denotam locais onde uma divisão pode ocorrer): <p> Esta imagem pode ser descrita por várias sequências, por exemplo: &quot;001010101001011111011010101010&quot;, de comprimento 30, ou &quot;0100101111101110&quot;, de comprimento 16, que é a sequência mínima para esta imagem. </p><p> Para um inteiro positivo N, defina DN como a imagem 2N × 2N com o seguinte esquema de cores: o pixel com coordenadas x = 0, y = 0 corresponde ao pixel inferior esquerdo, se (x - 2N-1) 2 + (y - 2N-1) 2 ≤ 22N-2, em seguida, o pixel é preto, caso contrário, o pixel é branco. Qual é o comprimento da seqüência mínima que descreve D24? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler287()</code> deve retornar 313135496.
+    testString: 'assert.strictEqual(euler287(), 313135496, "<code>euler287()</code> should return 313135496.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler287() {
+  // Good luck!
+  return true;
+}
+
+euler287();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-288-an-enormous-factorial.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-288-an-enormous-factorial.portuguese.md
new file mode 100644
index 0000000000..e6589cdaab
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-288-an-enormous-factorial.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f48d1000cf542c50ff9f
+challengeType: 5
+title: 'Problem 288: An enormous factorial'
+videoUrl: ''
+localeTitle: 'Problema 288: um enorme fatorial'
+---
+
+## Description
+<section id="description"> Para qualquer primo p o número N (p, q) é definido por N (p, q) = ∑n = 0 até q Tn * pn com Tn gerado pelo seguinte gerador de números aleatórios: <p> S0 = 290797 Sn + 1 = Sn2 mod 50515093 Tn = mod. </p><p> Seja Nfac (p, q) o fatorial de N (p, q). Seja NF (p, q) o número de fatores p em Nfac (p, q). </p><p> Você recebe o NF (3.10.000) mod 320 = 624955285. </p><p> Encontrar NF (61,107) mod 6110 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler288()</code> deve retornar 605857431263982000.
+    testString: 'assert.strictEqual(euler288(), 605857431263982000, "<code>euler288()</code> should return 605857431263982000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler288() {
+  // Good luck!
+  return true;
+}
+
+euler288();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-289-eulerian-cycles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-289-eulerian-cycles.portuguese.md
new file mode 100644
index 0000000000..515e674604
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-289-eulerian-cycles.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f48d1000cf542c50ffa0
+challengeType: 5
+title: 'Problem 289: Eulerian Cycles'
+videoUrl: ''
+localeTitle: 'Problema 289: Ciclos Eulerianos'
+---
+
+## Description
+<section id="description"> Seja C (x, y) um círculo passando pelos pontos (x, y), (x, y + 1), (x + 1, y) e (x + 1, y + 1). <p> Para inteiros positivos m e n, seja E (m, n) uma configuração que consiste nos círculos m · n: {C (x, y): 0 ≤ x &lt;m, 0 ≤ y &lt;n, x e y são inteiros} </p><p> Um ciclo Euleriano em E (m, n) é um caminho fechado que passa por cada arco exatamente uma vez. Muitos desses caminhos são possíveis em E (m, n), mas estamos interessados ​​apenas naqueles que não se cruzam: um caminho sem cruzamento apenas se toca em pontos de rede, mas nunca se atravessa. </p><p> A imagem abaixo mostra E (3,3) e um exemplo de um caminho não cruzado euleriano. </p><p> Seja L (m, n) o número de caminhos não-cruzados eulerianos em E (m, n). Por exemplo, L (1,2) = 2, L (2,2) = 37 e L (3,3) = 104290. </p><p> Encontre L (6,10) mod 1010. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler289()</code> deve retornar 6567944538.
+    testString: 'assert.strictEqual(euler289(), 6567944538, "<code>euler289()</code> should return 6567944538.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler289() {
+  // Good luck!
+  return true;
+}
+
+euler289();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-29-distinct-powers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-29-distinct-powers.portuguese.md
new file mode 100644
index 0000000000..0ace198484
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-29-distinct-powers.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3891000cf542c50fe9c
+challengeType: 5
+title: 'Problem 29: Distinct powers'
+videoUrl: ''
+localeTitle: 'Problema 29: Poderes distintos'
+---
+
+## Description
+<section id="description"> Considere todas as combinações inteiras de ab para 2 ≤ a ≤ 5 e 2 ≤ b ≤ 5: 22 = 4, 23 = 8, 24 = 16, 25 = 32 32 = 9, 33 = 27, 34 = 81, 35 = 243 42 = 16, 43 = 64, 44 = 256, 45 = 1024 52 = 25, 53 = 125, 54 = 625, 55 = 3125 Se eles são então colocados em ordem numérica, com qualquer repetição removida, obtemos a seguinte seqüência de 15 termos distintos: 4, 8, 9, 16, 25, 27, 32, 64, 81, 125, 243, 256, 625, 1024, 3125 Quantos termos distintos estão na sequência gerada por ab para 2 ≤ a ≤ n e 2 ≤ b ≤ n? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>distinctPowers(15)</code> deve retornar 177.
+    testString: 'assert.strictEqual(distinctPowers(15), 177, "<code>distinctPowers(15)</code> should return 177.");'
+  - text: <code>distinctPowers(20)</code> deve retornar 324.
+    testString: 'assert.strictEqual(distinctPowers(20), 324, "<code>distinctPowers(20)</code> should return 324.");'
+  - text: <code>distinctPowers(25)</code> deve retornar 519.
+    testString: 'assert.strictEqual(distinctPowers(25), 519, "<code>distinctPowers(25)</code> should return 519.");'
+  - text: <code>distinctPowers(30)</code> deve retornar 755.
+    testString: 'assert.strictEqual(distinctPowers(30), 755, "<code>distinctPowers(30)</code> should return 755.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function distinctPowers(n) {
+  // Good luck!
+  return n;
+}
+
+distinctPowers(30);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-290-digital-signature.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-290-digital-signature.portuguese.md
new file mode 100644
index 0000000000..732bfc8c3b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-290-digital-signature.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f48f1000cf542c50ffa1
+challengeType: 5
+title: 'Problem 290: Digital Signature'
+videoUrl: ''
+localeTitle: 'Problema 290: Assinatura Digital'
+---
+
+## Description
+<section id="description"> Quantos inteiros 0 ≤ n &lt;1018 têm a propriedade que a soma dos dígitos de n é igual à soma dos dígitos de 137n? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler290()</code> deve retornar 20444710234716470.
+    testString: 'assert.strictEqual(euler290(), 20444710234716470, "<code>euler290()</code> should return 20444710234716470.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler290() {
+  // Good luck!
+  return true;
+}
+
+euler290();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-291-panaitopol-primes.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-291-panaitopol-primes.portuguese.md
new file mode 100644
index 0000000000..3422ddfc9b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-291-panaitopol-primes.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f48f1000cf542c50ffa2
+challengeType: 5
+title: 'Problem 291: Panaitopol Primes'
+videoUrl: ''
+localeTitle: 'Problema 291: Panaitopol Primes'
+---
+
+## Description
+<section id="description"> Um número primo p é chamado de primo de Panaitopol se para alguns inteiros positivosx e y. <p> Descubra quantos primos de Panaitopol têm menos de 5 × 1015. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler291()</code> deve retornar 4037526.
+    testString: 'assert.strictEqual(euler291(), 4037526, "<code>euler291()</code> should return 4037526.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler291() {
+  // Good luck!
+  return true;
+}
+
+euler291();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-292-pythagorean-polygons.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-292-pythagorean-polygons.portuguese.md
new file mode 100644
index 0000000000..4bcb4e8adc
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-292-pythagorean-polygons.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4911000cf542c50ffa3
+challengeType: 5
+title: 'Problem 292: Pythagorean Polygons'
+videoUrl: ''
+localeTitle: 'Problema 292: Polígonos Pitagóricos'
+---
+
+## Description
+<section id="description"> Nós definiremos um polígono pitagórico como um polígono convexo com as seguintes propriedades: há pelo menos três vértices, não há três vértices alinhados, cada vértice tem coordenadas inteiras, cada aresta tem comprimento inteiro.Para um inteiro dado n, defina P ( n) como o número de polígonos pitagóricos distintos para os quais o perímetro é ≤ n. Os polígonos pitagóricos devem ser considerados distintos, desde que nenhum seja uma tradução de outro. <p> Você está dado que P (4) = 1, P (30) = 3655 e P (60) = 891045. Encontre P (120). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler292()</code> deve retornar 3600060866.
+    testString: 'assert.strictEqual(euler292(), 3600060866, "<code>euler292()</code> should return 3600060866.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler292() {
+  // Good luck!
+  return true;
+}
+
+euler292();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-293-pseudo-fortunate-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-293-pseudo-fortunate-numbers.portuguese.md
new file mode 100644
index 0000000000..41b2d8b28a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-293-pseudo-fortunate-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4931000cf542c50ffa4
+challengeType: 5
+title: 'Problem 293: Pseudo-Fortunate Numbers'
+videoUrl: ''
+localeTitle: 'Problema 293: Números Pseudo-Afortunados'
+---
+
+## Description
+<section id="description"> Um número inteiro positivo N será chamado admissível, se for uma potência de 2 ou seus fatores primos distintos forem primos consecutivos. Os primeiros doze números admissíveis são 2,4,6,8,12,16,18,24,30,32,36,48. <p> Se N é admissível, o menor inteiro M&gt; 1 de tal forma que N + M seja primo, será chamado de número pseudo-Fortunate para N. </p><p> Por exemplo, N = 630 é admissível, pois é par e seus fatores primos distintos são os primos consecutivos 2,3,5 e 7. O próximo número primo após 631 é 641; portanto, o número pseudo-Fortunate para 630 é M = 11. Também pode ser visto que o número pseudo-Fortunate para 16 é 3. </p><p> Encontre a soma de todos os números pseudo-Fortunate distintos para números admissíveis N menores que 109. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler293()</code> deve retornar 2209.
+    testString: 'assert.strictEqual(euler293(), 2209, "<code>euler293()</code> should return 2209.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler293() {
+  // Good luck!
+  return true;
+}
+
+euler293();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-294-sum-of-digits---experience-23.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-294-sum-of-digits---experience-23.portuguese.md
new file mode 100644
index 0000000000..9dc4ea15c9
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-294-sum-of-digits---experience-23.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4931000cf542c50ffa5
+challengeType: 5
+title: 'Problem 294: Sum of digits - experience #23'
+videoUrl: ''
+localeTitle: 'Problema 294: Soma dos Dígitos - Experiência # 23'
+---
+
+## Description
+<section id="description"> Para um inteiro positivo k, defina d (k) como a soma dos dígitos de k em sua representação decimal usual. Assim d (42) = 4 + 2 = 6. <p> Para um inteiro positivo n, defina S (n) como o número de inteiros positivos k &lt;10n com as seguintes propriedades: k é divisível por 23 ed (k) = 23. </p><p> Você é dado que S (9) = 263626 e S (42) = 6377168878570056. </p><p> Encontre S (1112) e dê sua resposta mod 109. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler294()</code> deve retornar 789184709.
+    testString: 'assert.strictEqual(euler294(), 789184709, "<code>euler294()</code> should return 789184709.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler294() {
+  // Good luck!
+  return true;
+}
+
+euler294();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-295-lenticular-holes.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-295-lenticular-holes.portuguese.md
new file mode 100644
index 0000000000..b4b38beb15
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-295-lenticular-holes.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4931000cf542c50ffa6
+challengeType: 5
+title: 'Problem 295: Lenticular holes'
+videoUrl: ''
+localeTitle: 'Problema 295: Furos lenticulares'
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler295()</code> deve retornar 4884650818.
+    testString: 'assert.strictEqual(euler295(), 4884650818, "<code>euler295()</code> should return 4884650818.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler295() {
+  // Good luck!
+  return true;
+}
+
+euler295();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-296-angular-bisector-and-tangent.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-296-angular-bisector-and-tangent.portuguese.md
new file mode 100644
index 0000000000..00ffcbba17
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-296-angular-bisector-and-tangent.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4941000cf542c50ffa7
+challengeType: 5
+title: 'Problem 296: Angular Bisector and Tangent'
+videoUrl: ''
+localeTitle: 'Problema 296: Bissetriz Angular e Tangente'
+---
+
+## Description
+<section id="description"> Dado é um triângulo de lados inteiros ABC com BC ≤ AC ≤ AB.k é a bissetriz angular de ângulo ACB.m é a tangente em C ao círculo circunscrito de ABC.n é uma linha paralela a m até B. A intersecção de n ek é chamado E. <p> Quantos triângulos ABC com perímetro não superior a 100.000 existem de tal forma que BE possui comprimento integral? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler296()</code> deve retornar 1137208419.
+    testString: 'assert.strictEqual(euler296(), 1137208419, "<code>euler296()</code> should return 1137208419.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler296() {
+  // Good luck!
+  return true;
+}
+
+euler296();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-297-zeckendorf-representation.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-297-zeckendorf-representation.portuguese.md
new file mode 100644
index 0000000000..e52acf1373
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-297-zeckendorf-representation.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4951000cf542c50ffa8
+challengeType: 5
+title: 'Problem 297: Zeckendorf Representation'
+videoUrl: ''
+localeTitle: 'Problema 297: representação da aldeia de carrapatos'
+---
+
+## Description
+<section id="description"> Cada novo termo na seqüência de Fibonacci é gerado adicionando os dois termos anteriores. Começando com 1 e 2, os primeiros 10 termos serão: 1, 2, 3, 5, 8, 13, 21, 34, 55, 89. <p> Todo inteiro positivo pode ser escrito exclusivamente como uma soma de termos não consecutivos da seqüência de Fibonacci. Por exemplo, 100 = 3 + 8 + 89. Essa soma é chamada de representação de Zeckendorf do número. </p><p> Para qualquer inteiro n&gt; 0, seja z (n) o número de termos na representação de Zeckendorf de n. Assim, z (5) = 1, z (14) = 2, z (100) = 3 etc. Também, para 0 &lt;n &lt;106, z (n) = 7894453. </p><p> Encontre ∑ z (n) para 0 &lt;n &lt;1017. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler297()</code> deve retornar 2252639041804718000.
+    testString: 'assert.strictEqual(euler297(), 2252639041804718000, "<code>euler297()</code> should return 2252639041804718000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler297() {
+  // Good luck!
+  return true;
+}
+
+euler297();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-298-selective-amnesia.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-298-selective-amnesia.portuguese.md
new file mode 100644
index 0000000000..7d3b1e895a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-298-selective-amnesia.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4971000cf542c50ffa9
+challengeType: 5
+title: 'Problem 298: Selective Amnesia'
+videoUrl: ''
+localeTitle: 'Problema 298: Amnésia Seletiva'
+---
+
+## Description
+<section id="description"> Larry e Robin jogam um jogo de memória envolvendo uma sequência de números aleatórios entre 1 e 10, inclusive, que são chamados um de cada vez. Cada jogador pode lembrar até 5 números anteriores. Quando o número chamado está na memória de um jogador, esse jogador recebe um ponto. Se não for, o jogador adiciona o número chamado à sua memória, removendo outro número se a memória estiver cheia. <p> Ambos os jogadores começam com memórias vazias. Ambos os jogadores sempre adicionam novos números perdidos à sua memória, mas usam uma estratégia diferente para decidir qual número remover: a estratégia de Larry é remover o número que não foi chamado no maior tempo. A estratégia de Robin é remover o número que está na memória há mais tempo. </p><p> Exemplo de jogo: Turn Callednumber Larry&#39;smemory Larry&#39;sscore Robin&#39;smemory Robin&#39;sscore 1 1 1 0 1 0 2 2 1,2 0 1,2 0 3 4 1,2,4 0 1,2,4 0 4 6 1 , 2,4,6 0 1,2,4,6 0 5 1 1,2,4,6 1 1,2,4,6 1 6 8 1,2,4,6,8 1 1,2,4 6,8 1 7 10 1,4,6,8,10 1 2,4,6,8,10 1 8 2 1,2,6,8,10 1 2,4,6,8,10 2 9 4 1,2,4,8,10 1 2,4,6,8,10 3 10 1 1,2,4,8,10 2 1,4,6,8,10 3 </p><p> Denotando a pontuação de Larry pela pontuação de L e Robin por R, qual é o valor esperado de | LR | depois de 50 turnos? Dê sua resposta arredondada para oito casas decimais usando o formato x.xxxxxxxx. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler298()</code> deve retornar 1.76882294.
+    testString: 'assert.strictEqual(euler298(), 1.76882294, "<code>euler298()</code> should return 1.76882294.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler298() {
+  // Good luck!
+  return true;
+}
+
+euler298();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-299-three-similar-triangles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-299-three-similar-triangles.portuguese.md
new file mode 100644
index 0000000000..da6df62f58
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-299-three-similar-triangles.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4971000cf542c50ffaa
+challengeType: 5
+title: 'Problem 299: Three similar triangles'
+videoUrl: ''
+localeTitle: 'Problema 299: Três triângulos semelhantes'
+---
+
+## Description
+<section id="description"> Quatro pontos com coordenadas inteiras são selecionados: A (a, 0), B (b, 0), C (0, c) e D (0, d), com 0 &lt;a &lt;b e 0 &lt;c &lt;d. O ponto P, também com coordenadas inteiras, é escolhido na linha AC para que os três triângulos ABP, CDP e BDP sejam todos semelhantes. <p> É fácil provar que os três triângulos podem ser semelhantes, somente se a = c. </p><p> Assim, dado que a = c, estamos procurando por trigêmeos (a, b, d) de modo que pelo menos um ponto P (com coordenadas inteiras) exista em AC, fazendo com que os três triângulos ABP, CDP e BDP sejam todos semelhantes. </p><p> Por exemplo, se (a, b, d) = (2,3,4), pode ser facilmente verificado que o ponto P (1,1) satisfaz a condição acima. Note que os trigêmeos (2,3,4) e (2,4,3) são considerados distintos, embora o ponto P (1,1) seja comum para ambos. </p><p> Se b + d &lt;100, existem 92 tripletos distintos (a, b, d) de tal forma que o ponto P existe. Se b + d &lt;100 000, existem 320471 tripletos distintos (a, b, d) de tal forma que o ponto P existe. Se b + d &lt;100 000 000, quantos tripletos distintos (a, b, d) existem de tal forma que o ponto P existe? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler299()</code> deve retornar 549936643.
+    testString: 'assert.strictEqual(euler299(), 549936643, "<code>euler299()</code> should return 549936643.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler299() {
+  // Good luck!
+  return true;
+}
+
+euler299();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-3-largest-prime-factor.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-3-largest-prime-factor.portuguese.md
new file mode 100644
index 0000000000..62417b22ba
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-3-largest-prime-factor.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: 5900f36f1000cf542c50fe82
+challengeType: 5
+title: 'Problem 3: Largest prime factor'
+videoUrl: ''
+localeTitle: 'Problema 3: Maior fator primordial'
+---
+
+## Description
+<section id="description"> Os fatores primos de 13195 são 5, 7, 13 e 29. Qual é o maior fator primo do <code>number</code> dado? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>largestPrimeFactor(2)</code> deve retornar 2.
+    testString: 'assert.strictEqual(largestPrimeFactor(2), 2, "<code>largestPrimeFactor(2)</code> should return 2.");'
+  - text: <code>largestPrimeFactor(3)</code> deve retornar 3.
+    testString: 'assert.strictEqual(largestPrimeFactor(3), 3, "<code>largestPrimeFactor(3)</code> should return 3.");'
+  - text: <code>largestPrimeFactor(5)</code> deve retornar 5.
+    testString: 'assert.strictEqual(largestPrimeFactor(5), 5, "<code>largestPrimeFactor(5)</code> should return 5.");'
+  - text: <code>largestPrimeFactor(7)</code> deve retornar 7.
+    testString: 'assert.strictEqual(largestPrimeFactor(7), 7, "<code>largestPrimeFactor(7)</code> should return 7.");'
+  - text: <code>largestPrimeFactor(13195)</code> deve retornar 29.
+    testString: 'assert.strictEqual(largestPrimeFactor(13195), 29, "<code>largestPrimeFactor(13195)</code> should return 29.");'
+  - text: <code>largestPrimeFactor(600851475143)</code> deve retornar 6857.
+    testString: 'assert.strictEqual(largestPrimeFactor(600851475143), 6857, "<code>largestPrimeFactor(600851475143)</code> should return 6857.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestPrimeFactor(number) {
+  // Good luck!
+  return true;
+}
+
+largestPrimeFactor(13195);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-30-digit-n-powers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-30-digit-n-powers.portuguese.md
new file mode 100644
index 0000000000..b05acdfa55
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-30-digit-n-powers.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f38a1000cf542c50fe9d
+challengeType: 5
+title: 'Problem 30: Digit n powers'
+videoUrl: ''
+localeTitle: 'Problema 30: Potências Digitais'
+---
+
+## Description
+<section id="description"> Surpreendentemente, existem apenas três números que podem ser escritos como a soma de quatro potências dos seus dígitos: 1634 = 1 <sup>4</sup> + 6 <sup>4</sup> + 3 <sup>4</sup> + 4 <sup>4</sup> 8208 = 8 <sup>4</sup> + 2 <sup>4</sup> + 0 <sup>4</sup> + 8 <sup>4</sup> 9474 = 9 <sup>4</sup> + 4 <sup>4</sup> + 7 <sup>4</sup> + 4 <sup>4</sup> Como 1 = 1 <sup>4</sup> não é uma soma que não está incluída. A soma desses números é 1634 + 8208 + 9474 = 19316. Encontre a soma de todos os números que podem ser escritos como a soma de n potências de seus dígitos. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>digitnPowers(2)</code> deve retornar 0.
+    testString: 'assert(digitnPowers(2) == 0, "<code>digitnPowers(2)</code> should return 0.");'
+  - text: <code>digitnPowers(3)</code> deve retornar 1301.
+    testString: 'assert(digitnPowers(3) == 1301, "<code>digitnPowers(3)</code> should return 1301.");'
+  - text: <code>digitnPowers(4)</code> deve retornar 19316.
+    testString: 'assert(digitnPowers(4) == 19316, "<code>digitnPowers(4)</code> should return 19316.");'
+  - text: <code>digitnPowers(5)</code> deve retornar 443839.
+    testString: 'assert(digitnPowers(5) == 443839, "<code>digitnPowers(5)</code> should return 443839.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function digitnPowers(n) {
+  // Good luck!
+  return n;
+}
+
+digitnPowers(5);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-300-protein-folding.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-300-protein-folding.portuguese.md
new file mode 100644
index 0000000000..717744d52d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-300-protein-folding.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f49a1000cf542c50ffac
+challengeType: 5
+title: 'Problem 300: Protein folding'
+videoUrl: ''
+localeTitle: 'Problema 300: Dobragem de Proteínas'
+---
+
+## Description
+<section id="description"> De uma forma muito simplificada, podemos considerar proteínas como cadeias constituídas por elementos hidrofóbicos (H) e polares (P), por exemplo, HHPPHHHPHHPH. Para este problema, a orientação de uma proteína é importante; Por exemplo, o HPP é considerado distinto do PPH. Assim, existem 2n proteínas distintas, constituídas por n elementos. <p> Quando alguém encontra essas cordas na natureza, elas são sempre dobradas de tal maneira que o número de pontos de contato HH é tão grande quanto possível, uma vez que isso é energeticamente vantajoso. Como resultado, os elementos-H tendem a se acumular na parte interna, com os elementos-P do lado de fora. As proteínas naturais são dobradas em três dimensões, é claro, mas consideraremos apenas o dobramento de proteínas em duas dimensões. </p><p> A figura abaixo mostra duas maneiras possíveis de dobrar nossa proteína de exemplo (pontos de contato HH são mostrados com pontos vermelhos). </p><p> A dobra à esquerda tem apenas seis pontos de contato HH, portanto nunca ocorreria naturalmente. Por outro lado, a dobra à direita tem nove pontos de contato HH, o que é ótimo para essa string. </p><p> Assumindo que os elementos H e P têm a mesma probabilidade de ocorrer em qualquer posição ao longo da cadeia, o número médio de pontos de contato HH em uma dobragem ideal de uma cadeia de proteína aleatória de comprimento 8 é 850/28 = 3.3203125. </p><p> Qual é o número médio de pontos de contato de HH em uma dobragem ideal de uma cadeia de proteína aleatória de comprimento 15? Dê sua resposta usando quantas casas decimais forem necessárias para um resultado exato. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler300()</code> deve retornar 8.0540771484375.
+    testString: 'assert.strictEqual(euler300(), 8.0540771484375, "<code>euler300()</code> should return 8.0540771484375.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler300() {
+  // Good luck!
+  return true;
+}
+
+euler300();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-301-nim.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-301-nim.portuguese.md
new file mode 100644
index 0000000000..39591efcac
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-301-nim.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4991000cf542c50ffab
+challengeType: 5
+title: 'Problem 301: Nim'
+videoUrl: ''
+localeTitle: 'Problema 301: Ele'
+---
+
+## Description
+<section id="description"> Nim é um jogo jogado com montes de pedras, onde dois jogadores, por sua vez, removem qualquer quantidade de pedras de qualquer pilha até que não restem pedras. <p> Consideraremos a versão normal de três heap do Nim, que funciona da seguinte maneira: </p><ul><li><p> No início do jogo, há três montes de pedras. </p></li><li><p> Por sua vez, o jogador remove qualquer número positivo de pedras de uma única pilha. </p></li><li><p> O primeiro jogador incapaz de se mover (porque nenhuma pedra permanece) perde. </p><p> Se (n1, n2, n3) indicar uma posição Nim consistindo de montes de tamanho n1, n2 e n3, então há uma função simples X (n1, n2, n3) - que você pode procurar ou tentar deduzir por si mesmo - que retorna: zero se, com estratégia perfeita, o jogador prestes a se mover perderá; ou não-zero se, com estratégia perfeita, o jogador prestes a se mover eventualmente vencer.Por exemplo, X (1,2,3) = 0 porque, não importa o que o jogador atual faça, seu oponente pode responder com um movimento que sai dois montes de tamanho igual, ponto em que cada movimento do jogador atual pode ser espelhado pelo oponente até que não restem pedras; então o jogador atual perde. Ilustrar: </p></li><li><p> jogador atual move-se para (1,2,1) </p></li><li><p> oponente se move para (1,0,1) </p></li><li><p> jogador atual move-se para (0,0,1) </p></li><li><p> oponente se move para (0,0,0), e assim ganha. </p></li></ul><p> Para quantos inteiros positivos n ≤ 230 X (n, 2n, 3n) = 0? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler301()</code> deve retornar 2178309.
+    testString: 'assert.strictEqual(euler301(), 2178309, "<code>euler301()</code> should return 2178309.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler301() {
+  // Good luck!
+  return true;
+}
+
+euler301();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-302-strong-achilles-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-302-strong-achilles-numbers.portuguese.md
new file mode 100644
index 0000000000..6584a91189
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-302-strong-achilles-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f49b1000cf542c50ffad
+challengeType: 5
+title: 'Problem 302: Strong Achilles Numbers'
+videoUrl: ''
+localeTitle: 'Problema 302: Números Fortes de Aquiles'
+---
+
+## Description
+<section id="description"> Um inteiro positivo n é poderoso se p2 é um divisor de n para todo fator primo p em n. <p> Um inteiro positivo n é uma potência perfeita se n puder ser expresso como uma potência de outro inteiro positivo. </p><p> Um inteiro positivo n é um número de Aquiles se n for poderoso, mas não um poder perfeito. Por exemplo, 864 e 1800 são números de Aquiles: 864 = 25 · 33 e 1800 = 23 · 32 · 52. </p><p> Devemos chamar um inteiro positivo S um número de Aquiles Forte se S e φ (S) forem números de Aquiles.1 Por exemplo, 864 é um número de Aquiles Forte: φ (864) = 288 = 25 · 32. No entanto, 1800 não é um número de Aquiles Forte porque: 1800 (1800) = 480 = 25 · 31 · 51. </p><p> Existem 7 números de Aquiles Fortes abaixo de 104 e 656 abaixo de 108. </p><p> Quantos números fortes de Aquiles estão abaixo de 1018? </p><p> 1 φ denota a função totiente de Euler. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler302()</code> deve retornar 1170060.
+    testString: 'assert.strictEqual(euler302(), 1170060, "<code>euler302()</code> should return 1170060.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler302() {
+  // Good luck!
+  return true;
+}
+
+euler302();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-303-multiples-with-small-digits.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-303-multiples-with-small-digits.portuguese.md
new file mode 100644
index 0000000000..2cdf8c61e1
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-303-multiples-with-small-digits.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f49b1000cf542c50ffae
+challengeType: 5
+title: 'Problem 303: Multiples with small digits'
+videoUrl: ''
+localeTitle: 'Problema 303: Múltiplos com dígitos pequenos'
+---
+
+## Description
+<section id="description"> Para um inteiro positivo n, defina f (n) como o múltiplo menos positivo de n que, escrito na base 10, usa apenas dígitos ≤ 2. Assim f (2) = 2, f (3) = 12, f (7) = 21, f (42) = 210, f (89) = 1121222. Além disso, . <p> Encontrar . </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler303()</code> deve retornar 1111981904675169.
+    testString: 'assert.strictEqual(euler303(), 1111981904675169, "<code>euler303()</code> should return 1111981904675169.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler303() {
+  // Good luck!
+  return true;
+}
+
+euler303();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-304-primonacci.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-304-primonacci.portuguese.md
new file mode 100644
index 0000000000..28f25ca8af
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-304-primonacci.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f49d1000cf542c50ffaf
+challengeType: 5
+title: 'Problem 304: Primonacci'
+videoUrl: ''
+localeTitle: 'Questão 304: Primonacci'
+---
+
+## Description
+<section id="description"> Para qualquer inteiro positivo n, a função next_prime (n) retorna o menor número primo p tal que p&gt; n. <p> A sequência a (n) é definida por: a (1) = next_prime (1014) e a (n) = next_prime (a (n-1)) para n&gt; 1. </p><p> A seqüência de fibonacci f (n) é definida por: f (0) = 0, f (1) = 1 e f (n) = f (n-1) + f (n-2) para n&gt; 1. </p><p> A seqüência b (n) é definida como f (a (n)). </p><p> Encontre ∑b (n) para 1≤n≤100 000. Dê a sua resposta mod 1234567891011. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler304()</code> deve retornar 283988410192.
+    testString: 'assert.strictEqual(euler304(), 283988410192, "<code>euler304()</code> should return 283988410192.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler304() {
+  // Good luck!
+  return true;
+}
+
+euler304();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-305-reflexive-position.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-305-reflexive-position.portuguese.md
new file mode 100644
index 0000000000..fb58cc231c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-305-reflexive-position.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f49d1000cf542c50ffb0
+challengeType: 5
+title: 'Problem 305: Reflexive Position'
+videoUrl: ''
+localeTitle: 'Problema 305: Posição Reflexiva'
+---
+
+## Description
+<section id="description"> Vamos chamar S a cadeia (infinita) que é feita pela concatenação dos inteiros positivos consecutivos (a partir de 1) escritos na base 10. Assim, S = 1234567891011121314151617181920212223242 ... <p> É fácil ver que qualquer número irá aparecer um número infinito de vezes em S. </p><p> Vamos chamar f (n) a posição inicial da enésima ocorrência de n em S. Por exemplo, f (1) = 1, f (5) = 81, f (12) = 271 e f (7780) = 111111365. </p><p> Encontre ∑f (3k) para 1≤k≤13. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler305()</code> deve retornar 18174995535140.
+    testString: 'assert.strictEqual(euler305(), 18174995535140, "<code>euler305()</code> should return 18174995535140.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler305() {
+  // Good luck!
+  return true;
+}
+
+euler305();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-306-paper-strip-game.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-306-paper-strip-game.portuguese.md
new file mode 100644
index 0000000000..1c7f45615d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-306-paper-strip-game.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f49f1000cf542c50ffb1
+challengeType: 5
+title: 'Problem 306: Paper-strip Game'
+videoUrl: ''
+localeTitle: 'Problema 306: Jogo de tira de papel'
+---
+
+## Description
+<section id="description"> O jogo seguinte é um exemplo clássico da Teoria dos Jogos Combinatórios: <p> Dois jogadores começam com uma tira de n quadrados brancos e tomam turnos alternados. Em cada turno, um jogador escolhe dois quadrados brancos contíguos e os pinta de preto. O primeiro jogador que não pode fazer um movimento perde. </p><p> Se n = 1, não há movimentos válidos, então o primeiro jogador perde automaticamente. Se n = 2, há apenas um movimento válido, após o qual o segundo jogador perde. Se n = 3, existem dois movimentos válidos, mas ambos deixam uma situação em que o segundo jogador perde. Se n = 4, existem três movimentos válidos para o primeiro jogador; ela pode ganhar o jogo pintando os dois quadrados do meio. Se n = 5, existem quatro movimentos válidos para o primeiro jogador (mostrado abaixo em vermelho); mas não importa o que ela faça, o segundo jogador (azul) vence. </p><p> Então, para 1 ≤ n ≤ 5, existem 3 valores de n para os quais o primeiro jogador pode forçar uma vitória. Similarmente, para 1 ≤ n ≤ 50, existem 40 valores de n para os quais o primeiro jogador pode forçar uma vitória. </p><p> Para 1 ≤ n ≤ 1 000 000, quantos valores de n existem para os quais o primeiro jogador pode forçar uma vitória? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler306()</code> deve retornar 852938.
+    testString: 'assert.strictEqual(euler306(), 852938, "<code>euler306()</code> should return 852938.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler306() {
+  // Good luck!
+  return true;
+}
+
+euler306();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-307-chip-defects.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-307-chip-defects.portuguese.md
new file mode 100644
index 0000000000..fcfea838d1
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-307-chip-defects.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a01000cf542c50ffb2
+challengeType: 5
+title: 'Problem 307: Chip Defects'
+videoUrl: ''
+localeTitle: 'Problema 307: Defeitos no Chip'
+---
+
+## Description
+<section id="description"> Os defeitos k são distribuídos aleatoriamente entre n chips de circuitos integrados produzidos por uma fábrica (qualquer número de defeitos pode ser encontrado em um chip e cada defeito é independente de outros defeitos). <p> Seja p (k, n) a probabilidade de haver um chip com pelo menos 3 defeitos. Por exemplo, p (3,7) x 0,0204081633. </p><p> Encontre p (20 000, 1 000 000) e dê a sua resposta arredondada para 10 casas decimais na forma 0.abcdefghij </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler307()</code> deve retornar 0.7311720251.
+    testString: 'assert.strictEqual(euler307(), 0.7311720251, "<code>euler307()</code> should return 0.7311720251.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler307() {
+  // Good luck!
+  return true;
+}
+
+euler307();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-308-an-amazing-prime-generating-automaton.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-308-an-amazing-prime-generating-automaton.portuguese.md
new file mode 100644
index 0000000000..861f87674b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-308-an-amazing-prime-generating-automaton.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a11000cf542c50ffb3
+challengeType: 5
+title: 'Problem 308: An amazing Prime-generating Automaton'
+videoUrl: ''
+localeTitle: 'Problema 308: um incrível autômato de geração principal'
+---
+
+## Description
+<section id="description"> Um programa escrito na linguagem de programação Fractran consiste em uma lista de frações. <p> O estado interno da Máquina Virtual Fractran é um número inteiro positivo, que é inicialmente configurado para um valor de semente. Cada iteração de um programa de Fractran multiplica o inteiro de estado pela primeira fração na lista que o deixará um inteiro. </p><p> Por exemplo, um dos programas de Fractran que John Horton Conway escreveu para primeira geração consiste nas seguintes 14 frações: 1791, 7885, 1951, 2338, 2933, 7729, 9523, 7719, 117, 1113, 1311, 152, 17, 551 Começando com o inteiro de sementes 2, iterações sucessivas do programa produzem a sequência: 15, 825, 725, 1925, 2275, 425, ..., 68, 4, 30, ..., 136, 8, 60, .. ., 544, 32, 240, ... </p><p> As potências de 2 que aparecem nesta sequência são 22, 23, 25, ... Pode ser mostrado que todas as potências de 2 nesta seqüência têm expoentes principais e que todos os primos aparecem como expoentes de potências de 2, em ordem! </p><p> Se alguém usar o programa Fractran acima para resolver o Problema do Projeto Euler 7 (encontrar o primo do 10001º), quantas iterações seriam necessárias até que o programa produza o 210001º primo? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler308()</code> deve retornar 1539669807660924.
+    testString: 'assert.strictEqual(euler308(), 1539669807660924, "<code>euler308()</code> should return 1539669807660924.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler308() {
+  // Good luck!
+  return true;
+}
+
+euler308();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-309-integer-ladders.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-309-integer-ladders.portuguese.md
new file mode 100644
index 0000000000..e2c694b066
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-309-integer-ladders.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a11000cf542c50ffb4
+challengeType: 5
+title: 'Problem 309: Integer Ladders'
+videoUrl: ''
+localeTitle: 'Problema 309: Escadas Inteiras'
+---
+
+## Description
+<section id="description"> No clássico problema &quot;Crossing Ladders&quot;, nos são apresentados os comprimentos xey de duas escadas apoiadas nas paredes opostas de uma rua estreita e nivelada. Também nos é dada a altura h acima da rua onde as duas escadas se cruzam e nos pedem para encontrar a largura da rua (w). <p> Aqui, estamos preocupados apenas com instâncias em que todas as quatro variáveis ​​são inteiros positivos. Por exemplo, se x = 70, y = 119 eh = 30, podemos calcular que w = 56. </p><p> De fato, para valores inteiros x, y, he 0 &lt;x &lt;y &lt;200, existem apenas cinco trios (x, y, h) produzindo soluções inteiras para w: (70, 119, 30), (74, 182 , 21), (87, 105, 35), (100, 116, 35) e (119, 175, 40). </p><p> Para valores inteiros x, y, he 0 &lt;x &lt;y &lt;1 000 000, quantas trincas (x, y, h) produzem soluções inteiras para w? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler309()</code> deve retornar 210139.
+    testString: 'assert.strictEqual(euler309(), 210139, "<code>euler309()</code> should return 210139.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler309() {
+  // Good luck!
+  return true;
+}
+
+euler309();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-31-coin-sums.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-31-coin-sums.portuguese.md
new file mode 100644
index 0000000000..1b9c53d7f5
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-31-coin-sums.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f38b1000cf542c50fe9e
+challengeType: 5
+title: 'Problem 31: Coin sums'
+videoUrl: ''
+localeTitle: 'Problema 31: somas de moeda'
+---
+
+## Description
+<section id="description"> Na Inglaterra, a moeda é composta de libras, libras e moedas, e há oito moedas em circulação: 1p, 2p, 5p, 10p, 20p, 50p, £ 1 (100p) e £ 2 (200p). É possível fazer £ 2 da seguinte maneira: 1 × 1 + 1 × 50p + 2 × 20p + 1 × 5p + 1 × 2p + 3 × 1p De quantas maneiras diferentes podem ser feitas (£) usando qualquer número de moedas? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>coinSums(50)</code> deve retornar 451.
+    testString: 'assert(coinSums(50) == 451, "<code>coinSums(50)</code> should return 451.");'
+  - text: <code>coinSums(100)</code> deve retornar 4563.
+    testString: 'assert(coinSums(100) == 4563, "<code>coinSums(100)</code> should return 4563.");'
+  - text: <code>coinSums(150)</code> deve retornar 21873.
+    testString: 'assert(coinSums(150) == 21873, "<code>coinSums(150)</code> should return 21873.");'
+  - text: <code>coinSums(200)</code> deve retornar 73682.
+    testString: 'assert(coinSums(200) == 73682, "<code>coinSums(200)</code> should return 73682.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function coinSums(n) {
+  // Good luck!
+  return n;
+}
+
+coinSums(200);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-310-nim-square.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-310-nim-square.portuguese.md
new file mode 100644
index 0000000000..c6ec8e7981
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-310-nim-square.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a21000cf542c50ffb5
+challengeType: 5
+title: 'Problem 310: Nim Square'
+videoUrl: ''
+localeTitle: 'Problema 310: Nim Square'
+---
+
+## Description
+<section id="description"> Alice e Bob jogam o jogo Nim Square. Nim Square é como o normal Nim, mas os jogadores só podem remover um número quadrado de pedras de uma pilha. O número de pedras nos três montes é representado pelo triplo ordenado (a, b, c). Se 0≤a≤b≤c≤29, o número de posições perdidas para o próximo jogador é 1160. <p> Encontre o número de posições perdidas para o próximo jogador se 0≤a≤b≤c≤100 000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler310()</code> deve retornar 2586528661783.
+    testString: 'assert.strictEqual(euler310(), 2586528661783, "<code>euler310()</code> should return 2586528661783.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler310() {
+  // Good luck!
+  return true;
+}
+
+euler310();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-311-biclinic-integral-quadrilaterals.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-311-biclinic-integral-quadrilaterals.portuguese.md
new file mode 100644
index 0000000000..d642ec3ebe
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-311-biclinic-integral-quadrilaterals.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a31000cf542c50ffb6
+challengeType: 5
+title: 'Problem 311: Biclinic Integral Quadrilaterals'
+videoUrl: ''
+localeTitle: 'Problema 311: Quadrilaterais Integrais Biclínicos'
+---
+
+## Description
+<section id="description"> O ABCD é um quadrilátero convexo de lados inteiros com 1 ≤ AB &lt;BC &lt;CD &lt;AD. BD tem comprimento inteiro. O é o ponto médio do BD. AO tem comprimento inteiro. Vamos chamar ABCD de um quadrilátero integral biclínico se AO = CO ≤ BO = DO. <p> Por exemplo, o seguinte quadrilátero é um quadrilátero integral biclínico: AB = 19, BC = 29, CD = 37, AD = 43, BD = 48 e AO = CO = 23. </p><p> Seja B (N) o número de quadriláteros integrais biclínicos distintos ABCD que satisfazem AB2 + BC2 + CD2 + AD2 ≤ N. Podemos verificar que B (10 000) = 49 e B (1 000 000) = 38239. </p><p> Encontre B (10 000 000 000). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler311()</code> deve retornar 2466018557.
+    testString: 'assert.strictEqual(euler311(), 2466018557, "<code>euler311()</code> should return 2466018557.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler311() {
+  // Good luck!
+  return true;
+}
+
+euler311();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-312-cyclic-paths-on-sierpiski-graphs.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-312-cyclic-paths-on-sierpiski-graphs.portuguese.md
new file mode 100644
index 0000000000..a8df2832e2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-312-cyclic-paths-on-sierpiski-graphs.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a51000cf542c50ffb7
+challengeType: 5
+title: 'Problem 312: Cyclic paths on Sierpiński graphs'
+videoUrl: ''
+localeTitle: 'Problema 312: Caminhos cíclicos nos gráficos de Sierpiński'
+---
+
+## Description
+<section id="description"> - Um gráfico de Sierpiński da ordem 1 (S1) é um triângulo equilátero. - Sn + 1 é obtido de Sn posicionando três cópias de Sn para que cada par de cópias tenha um canto comum. <p> Seja C (n) o número de ciclos que passam exatamente uma vez através de todos os vértices de Sn. Por exemplo, C (3) = 8 porque oito desses ciclos podem ser desenhados em S3, como mostrado abaixo: </p><p> Pode-se verificar também que: C (1) = C (2) = 1 C (5) = 71328803586048 C (10.000) mod 108 = 37652224 C (10.000) mod 138 = 617720485 </p><p> Encontre C (C (C (10.000))) mod 138. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler312()</code> deve retornar 324681947.
+    testString: 'assert.strictEqual(euler312(), 324681947, "<code>euler312()</code> should return 324681947.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler312() {
+  // Good luck!
+  return true;
+}
+
+euler312();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-313-sliding-game.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-313-sliding-game.portuguese.md
new file mode 100644
index 0000000000..f22b285230
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-313-sliding-game.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a61000cf542c50ffb8
+challengeType: 5
+title: 'Problem 313: Sliding game'
+videoUrl: ''
+localeTitle: 'Problema 313: jogo deslizante'
+---
+
+## Description
+<section id="description"> Em um jogo deslizante, um contador pode deslizar horizontalmente ou verticalmente em um espaço vazio. O objetivo do jogo é mover o contador vermelho do canto superior esquerdo de uma grade para o canto inferior direito; o espaço sempre começa no canto inferior direito. Por exemplo, a seguinte sequência de imagens mostra como o jogo pode ser completado em cinco movimentos em uma grade de 2 por 2. <p> Seja S (m, n) o número mínimo de movimentos para completar o jogo em uma grade m por n. Por exemplo, pode-se verificar que S (5,4) = 25. </p><p> Existem exatamente 5482 grades para as quais S (m, n) = p2, onde p &lt;100 é primo. </p><p> Quantas grades faz S (m, n) = p2, onde p &lt;106 é primo? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler313()</code> deve retornar 2057774861813004.
+    testString: 'assert.strictEqual(euler313(), 2057774861813004, "<code>euler313()</code> should return 2057774861813004.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler313() {
+  // Good luck!
+  return true;
+}
+
+euler313();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-314-the-mouse-on-the-moon.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-314-the-mouse-on-the-moon.portuguese.md
new file mode 100644
index 0000000000..fd456be8a1
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-314-the-mouse-on-the-moon.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a71000cf542c50ffb9
+challengeType: 5
+title: 'Problem 314: The Mouse on the Moon'
+videoUrl: ''
+localeTitle: 'Problema 314: O Mouse na Lua'
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler314()</code> deve retornar 132.52756426.
+    testString: 'assert.strictEqual(euler314(), 132.52756426, "<code>euler314()</code> should return 132.52756426.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler314() {
+  // Good luck!
+  return true;
+}
+
+euler314();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-315-digital-root-clocks.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-315-digital-root-clocks.portuguese.md
new file mode 100644
index 0000000000..0a63ffb23f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-315-digital-root-clocks.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a71000cf542c50ffba
+challengeType: 5
+title: 'Problem 315: Digital root clocks'
+videoUrl: ''
+localeTitle: 'Problema 315: Relógios Raiz Digitais'
+---
+
+## Description
+<section id="description"> Sam e Max são convidados a transformar dois relógios digitais em dois relógios &quot;raiz digital&quot;. Um relógio de raiz digital é um relógio digital que calcula as raízes digitais passo a passo. <p> Quando um relógio é alimentado com um número, ele irá mostrá-lo e então iniciará o cálculo, mostrando todos os valores intermediários até chegar ao resultado. Por exemplo, se o relógio for alimentado com o número 137, ele mostrará: &quot;137&quot; → &quot;11&quot; → &quot;2&quot; e depois ficará preto, aguardando o próximo número. </p><p> Cada número digital consiste em alguns segmentos de luz: três horizontais (superior, intermediário, inferior) e quatro verticais (superior esquerdo, superior direito, inferior esquerdo, inferior direito). O número &quot;1&quot; é constituído por vertical superior direito e inferior direito, o número &quot;4&quot; é formado por meio horizontal e vertical superior esquerdo, superior direito e inferior direito. Número &quot;8&quot; acende todos eles. </p><p> Os relógios consomem energia apenas quando os segmentos são ligados / desligados. Ativar um &quot;2&quot; custará 5 transições, enquanto um &quot;7&quot; custará apenas 4 transições. </p><p> Sam e Max construíram dois relógios diferentes. </p><p> O relógio de Sam é alimentado, por exemplo, número 137: o relógio mostra &quot;137&quot;, o painel é desligado, o próximo número (&quot;11&quot;) é ligado, o painel é desligado novamente e finalmente o último número (&quot;2 &quot;) está ligado e, depois de algum tempo, desligado. Para o exemplo, com o número 137, o relógio de Sam requer: &quot;137&quot;: (2 + 5 + 4) × 2 = 22 transições (&quot;137&quot; ligado / desligado). &quot;11&quot;: (2 + 2) × 2 = 8 transições (&quot;11&quot; ligado / desligado). &quot;2&quot;: (5) × 2 = 10 transições (&quot;2&quot; ligado / desligado). </p><p> Para um total de 40 transições. </p><p> O relógio de Max funciona de maneira diferente. Em vez de desligar todo o painel, é inteligente o suficiente para desativar apenas os segmentos que não serão necessários para o próximo número. Para o número 137, o clock de Max requer: &quot;137&quot;: 2 + 5 + 4 = 11 transições (&quot;137&quot; on) 7 transições (para desativar os segmentos que não são necessários para o número &quot;11&quot;). &quot;11&quot;: 0 transições (o número &quot;11&quot; já está ligado corretamente) 3 transições (para desativar o primeiro &quot;1&quot; e a parte inferior do segundo &quot;1&quot;; a parte superior é comum com o número &quot;2&quot;) . &quot;2&quot;: 4 transições (para ligar os restantes segmentos para obter um &quot;2&quot;) 5 transições (para desativar o número &quot;2&quot;). </p><p> Para um total de 30 transições. </p><p> É claro que o relógio de Max consome menos energia que o de Sam. Os dois relógios são alimentados com todos os números primos entre A = 107 e B = 2 × 107. Encontre a diferença entre o número total de transições necessárias pelo relógio de Sam e o necessário para o de Max. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler315()</code> deve retornar 13625242.
+    testString: 'assert.strictEqual(euler315(), 13625242, "<code>euler315()</code> should return 13625242.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler315() {
+  // Good luck!
+  return true;
+}
+
+euler315();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-316-numbers-in-decimal-expansions.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-316-numbers-in-decimal-expansions.portuguese.md
new file mode 100644
index 0000000000..019b804be6
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-316-numbers-in-decimal-expansions.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a81000cf542c50ffbb
+challengeType: 5
+title: 'Problem 316: Numbers in decimal expansions'
+videoUrl: ''
+localeTitle: 'Problema 316: números em expansões decimais'
+---
+
+## Description
+<section id="description"> Seja p = p1 p2 p3 ... uma seqüência infinita de dígitos aleatórios, selecionada de {0,1,2,3,4,5,6,7,8,9} com igual probabilidade. Pode ser visto que p corresponde ao número real 0.p1 p2 p3 .... Também pode ser visto que escolher um número real aleatório do intervalo [0,1] é equivalente a escolher uma seqüência infinita de dígitos aleatórios selecionados de {0,1,2,3,4,5,6,7,8,9} com igual probabilidade. <p> Para qualquer inteiro positivo n com d dígitos decimais, seja k o menor índice tal que pk, pk + 1, ... pk + d-1 são os dígitos decimais de n, na mesma ordem. Além disso, seja g (n) o valor esperado de k; Pode ser provado que g (n) é sempre finito e, curiosamente, sempre um número inteiro. </p><p> Por exemplo, se n = 535, ent˜ao para p = 31415926535897 ...., obtemos k = 9 para p = 355287143650049560000490848764084685354 ..., obtemos k = 36 etc e achamos que g (535) = 1008. </p><p> Dado isso, encontre </p><p> Nota: representa a função floor. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler316()</code> deve retornar 542934735751917760.
+    testString: 'assert.strictEqual(euler316(), 542934735751917760, "<code>euler316()</code> should return 542934735751917760.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler316() {
+  // Good luck!
+  return true;
+}
+
+euler316();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-317-firecracker.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-317-firecracker.portuguese.md
new file mode 100644
index 0000000000..7ebfacd60e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-317-firecracker.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4aa1000cf542c50ffbc
+challengeType: 5
+title: 'Problem 317: Firecracker'
+videoUrl: ''
+localeTitle: 'Problema 317: Foguete'
+---
+
+## Description
+<section id="description"> Um foguete explode a uma altura de 100 m acima do nível do solo. Ela se divide em um grande número de fragmentos muito pequenos, que se movem em todas as direções; todos eles têm a mesma velocidade inicial de 20 m / s. <p> Assumimos que os fragmentos se movem sem resistência do ar, em um campo gravitacional uniforme com g = 9,81 m / s2. </p><p> Encontre o volume (em m3) da região através da qual os fragmentos se movem antes de chegar ao solo. Dê sua resposta arredondada para quatro casas decimais. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler317()</code> deve retornar 1856532.8455.
+    testString: 'assert.strictEqual(euler317(), 1856532.8455, "<code>euler317()</code> should return 1856532.8455.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler317() {
+  // Good luck!
+  return true;
+}
+
+euler317();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-318-2011-nines.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-318-2011-nines.portuguese.md
new file mode 100644
index 0000000000..128539a117
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-318-2011-nines.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ab1000cf542c50ffbd
+challengeType: 5
+title: 'Problem 318: 2011 nines'
+videoUrl: ''
+localeTitle: 'Problema 318: bonecos de 2011'
+---
+
+## Description
+<section id="description"> Considere o número real √2 + √3. Quando calculamos as potências pares de √2 + √3 obtemos: (+2 + √3) 2 = 9,898979485566356 ... (√2 + √3) 4 = 97,98979485566356 ... (√2 + √3) 6 = 969.998969071069263 ... (√2 + √3) 8 = 9601.99989585502907 ... (√2 + √3) 10 = 95049.999989479221 ... (√2 + √3) 12 = 940897.9999989371855 ... (√2 + √3) 14 = 9313929,9999989263 ... (√2 + √3) 16 = 92198401.99999998915 ... <p> Parece que o número de noves consecutivos no início da parte fracionária desses poderes não é decrescente. De fato, pode ser provado que a parte fracionária de (+2 + √3) 2n se aproxima de 1 para n grande. </p><p> Considere todos os números reais da forma √p + √q com inteiros positivos p e q e p &lt;q, de modo que a parte fracionária de (+p + √q) 2n se aproxime de 1 para n grande. </p><p> Seja C (p, q, n) o número de noves consecutivos no início da parte fracionária de (√p + √q) 2n. </p><p> Seja N (p, q) o valor mínimo de n tal que C (p, q, n) ≥ 2011. </p><p> Encontre ∑N (p, q) para p + q ≤ 2011. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler318()</code> deve retornar 709313889.
+    testString: 'assert.strictEqual(euler318(), 709313889, "<code>euler318()</code> should return 709313889.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler318() {
+  // Good luck!
+  return true;
+}
+
+euler318();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-319-bounded-sequences.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-319-bounded-sequences.portuguese.md
new file mode 100644
index 0000000000..2c833732af
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-319-bounded-sequences.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ab1000cf542c50ffbe
+challengeType: 5
+title: 'Problem 319: Bounded Sequences'
+videoUrl: ''
+localeTitle: 'Problema 319: seqüências limitadas'
+---
+
+## Description
+<section id="description"> Sejam x1, x2, ..., xn uma seqüência de comprimento n tal que: x1 = 2 para todo 1 &lt;i ≤ n: xi-1 &lt;xi para todo i e j com 1 ≤ i, j ≤ n: ( xi) j &lt;(xj + 1) i <p> Existem apenas cinco sequências de comprimento 2, a saber: {2,4}, {2,5}, {2,6}, {2,7} e {2,8}. Existem 293 dessas sequências de comprimento 5; três exemplos são dados abaixo: {2,5,11,25,55}, {2,6,14,36,88}, {2,8,22,64,181}. </p><p> Seja t (n) o número de seqüências de comprimento n. Você está dado que t (10) = 86195 e t (20) = 5227991891. </p><p> Encontre t (1010) e dê sua resposta módulo 109. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler319()</code> deve retornar 268457129.
+    testString: 'assert.strictEqual(euler319(), 268457129, "<code>euler319()</code> should return 268457129.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler319() {
+  // Good luck!
+  return true;
+}
+
+euler319();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-32-pandigital-products.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-32-pandigital-products.portuguese.md
new file mode 100644
index 0000000000..40f641da12
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-32-pandigital-products.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: 5900f38c1000cf542c50fe9f
+challengeType: 5
+title: 'Problem 32: Pandigital products'
+videoUrl: ''
+localeTitle: 'Problema 32: Produtos Pandigitais'
+---
+
+## Description
+<section id="description"> Devemos dizer que um número de n dígitos é pandigital se faz uso de todos os dígitos de 1 a n exatamente uma vez; por exemplo, o número de 5 dígitos, 15234, é de 1 a 5 pandigital. <p> O produto 7254 é incomum, já que a identidade, 39 × 186 = 7254, contém multiplicador, multiplicador e produto é de 1 a 9 pandigital. </p><p> Encontre a soma de todos os produtos cuja identidade multiplicadora / multiplicadora / produto pode ser escrita como pandigital de 1 a 9. </p><p> DICA: Alguns produtos podem ser obtidos em mais de uma maneira, portanto, inclua apenas uma vez em sua soma. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>pandigitalProducts()</code> é uma função.
+    testString: 'assert(typeof pandigitalProducts === "function", "<code>pandigitalProducts()</code> is a function.");'
+  - text: <code>pandigitalProducts()</code> deve retornar 45228.
+    testString: 'assert.strictEqual(pandigitalProducts(), 45228, "<code>pandigitalProducts()</code> should return 45228.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pandigitalProducts() {
+  // Good luck!
+  return true;
+}
+
+pandigitalProducts();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-320-factorials-divisible-by-a-huge-integer.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-320-factorials-divisible-by-a-huge-integer.portuguese.md
new file mode 100644
index 0000000000..771108d3ab
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-320-factorials-divisible-by-a-huge-integer.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ae1000cf542c50ffbf
+challengeType: 5
+title: 'Problem 320: Factorials divisible by a huge integer'
+videoUrl: ''
+localeTitle: 'Problema 320: Factorials divisíveis por um inteiro enorme'
+---
+
+## Description
+<section id="description"> Seja N (i) o menor inteiro n tal que n! é divisível por (i!) 1234567890 <p> Seja S (u) = ∑N (i) para 10 ≤ i ≤ u. </p><p> S (1000) = 614538266565663. </p><p> Encontre S (1 000 000) mod 1018. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler320()</code> deve retornar 278157919195482660.
+    testString: 'assert.strictEqual(euler320(), 278157919195482660, "<code>euler320()</code> should return 278157919195482660.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler320() {
+  // Good luck!
+  return true;
+}
+
+euler320();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-321-swapping-counters.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-321-swapping-counters.portuguese.md
new file mode 100644
index 0000000000..eec650ef4b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-321-swapping-counters.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ae1000cf542c50ffc0
+challengeType: 5
+title: 'Problem 321: Swapping Counters'
+videoUrl: ''
+localeTitle: 'Problema 321: Trocando Contadores'
+---
+
+## Description
+<section id="description"> Uma linha horizontal composta por 2n + 1 quadrados tem n contadores vermelhos colocados em uma extremidade e n contadores azuis na outra extremidade, sendo separados por um único quadrado vazio no centro. Por exemplo, quando n = 3. <p> Um contador pode se mover de um quadrado para o próximo (slide) ou pode saltar sobre outro contador (salto) desde que o quadrado ao lado do contador esteja desocupado. </p><p> Seja M (n) o número mínimo de movimentos / ações para reverter completamente as posições dos contadores coloridos; isto é, mova todos os contadores vermelhos para a direita e todos os contadores azuis para a esquerda. Pode ser verificado M (3) = 15, que também é um número triangular. </p><p> Se criarmos uma sequência baseada nos valores de n para os quais M (n) é um número triangular, então os primeiros cinco termos seriam: 1, 3, 10, 22 e 63, e sua soma seria 99. </p><p> Encontre a soma dos primeiros quarenta termos desta sequência. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler321()</code> deve retornar 2470433131948040.
+    testString: 'assert.strictEqual(euler321(), 2470433131948040, "<code>euler321()</code> should return 2470433131948040.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler321() {
+  // Good luck!
+  return true;
+}
+
+euler321();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-322-binomial-coefficients-divisible-by-10.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-322-binomial-coefficients-divisible-by-10.portuguese.md
new file mode 100644
index 0000000000..544369d93a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-322-binomial-coefficients-divisible-by-10.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4af1000cf542c50ffc1
+challengeType: 5
+title: 'Problem 322: Binomial coefficients divisible by 10'
+videoUrl: ''
+localeTitle: 'Problema 322: coeficientes binomiais divisíveis por 10'
+---
+
+## Description
+<section id="description"> Seja T (m, n) o número dos coeficientes binomiais iCn que são divisíveis por 10 para n ≤ i &lt;m (i, m e n são inteiros positivos). Você é dado que T (109, 107-10) = 989697000. <p> Encontre T (1018, 1012-10). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler322()</code> deve retornar 999998760323314000.
+    testString: 'assert.strictEqual(euler322(), 999998760323314000, "<code>euler322()</code> should return 999998760323314000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler322() {
+  // Good luck!
+  return true;
+}
+
+euler322();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-323-bitwise-or-operations-on-random-integers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-323-bitwise-or-operations-on-random-integers.portuguese.md
new file mode 100644
index 0000000000..568d9d3b2f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-323-bitwise-or-operations-on-random-integers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b01000cf542c50ffc2
+challengeType: 5
+title: 'Problem 323: Bitwise-OR operations on random integers'
+videoUrl: ''
+localeTitle: 'Problema 323: operações OR ou bit-a-bit em números inteiros aleatórios'
+---
+
+## Description
+<section id="description"> Seja y0, y1, y2, ... uma seqüência de inteiros não-aleatórios de 32 bits (isto é, 0 ≤ yi &lt;232, todos os valores igualmente prováveis). Para a seqüência xi, a seguinte recursão é dada: x0 = 0 e xi = xi-1 | yi-1, para i&gt; 0. (| é o operador bitwise-OR) Pode-se ver que eventualmente haverá um índice N tal que xi = 232 -1 (um padrão de bits de todos) para todos os i ≥ N. <p> Encontre o valor esperado de N. Dê sua resposta arredondada para 10 dígitos após o ponto decimal. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler323()</code> deve retornar 6.3551758451.
+    testString: 'assert.strictEqual(euler323(), 6.3551758451, "<code>euler323()</code> should return 6.3551758451.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler323() {
+  // Good luck!
+  return true;
+}
+
+euler323();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-324-building-a-tower.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-324-building-a-tower.portuguese.md
new file mode 100644
index 0000000000..b64179ab89
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-324-building-a-tower.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b11000cf542c50ffc3
+challengeType: 5
+title: 'Problem 324: Building a tower'
+videoUrl: ''
+localeTitle: 'Problema 324: Construindo uma torre'
+---
+
+## Description
+<section id="description"> Seja f (n) o número de maneiras de preencher uma torre 3 × 3 × n com blocos de 2 × 1 × 1. Você tem permissão para girar os blocos da maneira que quiser; no entanto, rotações, reflexões, etc. da própria torre são contadas como distintas. Por exemplo (com q = 100000007): f (2) = 229, f (4) = 117805, f (10) mod q = 96149360, f (103) mod q = 24806056, f (106) mod q = 30808124. <p> Encontre f (1010000) mod 100000007. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler324()</code> deve retornar 96972774.
+    testString: 'assert.strictEqual(euler324(), 96972774, "<code>euler324()</code> should return 96972774.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler324() {
+  // Good luck!
+  return true;
+}
+
+euler324();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-325-stone-game-ii.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-325-stone-game-ii.portuguese.md
new file mode 100644
index 0000000000..66ce8189da
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-325-stone-game-ii.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b11000cf542c50ffc4
+challengeType: 5
+title: 'Problem 325: Stone Game II'
+videoUrl: ''
+localeTitle: 'Problema 325: Stone Game II'
+---
+
+## Description
+<section id="description"> Um jogo é jogado com duas pilhas de pedras e dois jogadores. Por sua vez, um jogador remove um número de pedras da pilha maior. O número de pedras que ela remove deve ser um múltiplo positivo do número de pedras na pilha menor. <p> Por exemplo, deixe o par ordenado (6,14) descrever uma configuração com 6 pedras na pilha menor e 14 pedras na pilha maior, então o primeiro jogador pode remover 6 ou 12 pedras da pilha maior. </p><p> O jogador que pega todas as pedras de uma pilha ganha o jogo. </p><p> Uma configuração vencedora é aquela em que o primeiro jogador pode forçar uma vitória. Por exemplo, (1,5), (2,6) e (3,12) estão ganhando configurações porque o primeiro jogador pode remover imediatamente todas as pedras da segunda pilha. </p><p> Uma configuração perdedora é aquela em que o segundo jogador pode forçar uma vitória, não importando o que o primeiro jogador faça. Por exemplo, (2,3) e (3,4) estão perdendo configurações: qualquer jogada legal deixa uma configuração vencedora para o segundo jogador. </p><p> Defina S (N) como a soma de (xi + yi) para todas as configurações perdedoras (xi, yi), 0 &lt;xi &lt;yi ≤ N. Podemos verificar que S (10) = 211 e S (104) = 230312207313. </p><p> Encontre S (1016) mod 710. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler325()</code> deve retornar 54672965.
+    testString: 'assert.strictEqual(euler325(), 54672965, "<code>euler325()</code> should return 54672965.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler325() {
+  // Good luck!
+  return true;
+}
+
+euler325();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-326-modulo-summations.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-326-modulo-summations.portuguese.md
new file mode 100644
index 0000000000..645fa693ac
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-326-modulo-summations.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b21000cf542c50ffc5
+challengeType: 5
+title: 'Problem 326: Modulo Summations'
+videoUrl: ''
+localeTitle: 'Problema 326: Modulo Summations'
+---
+
+## Description
+<section id="description"> Seja uma sequência recursivamente definida por:. <p> Portanto, os primeiros 10 elementos de um são: 1,1,0,3,0,3,5,4,1,9. </p><p> Seja f (N, M) o número de pares (p, q) de tal forma que: </p><p> Pode ser visto que f (10,10) = 4 com os pares (3,3), (5,5), (7,9) e (9,10). </p><p> Você também é dado que f (104,103) = 97158. </p><p> Encontre f (1012,106). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler326()</code> deve retornar 1966666166408794400.
+    testString: 'assert.strictEqual(euler326(), 1966666166408794400, "<code>euler326()</code> should return 1966666166408794400.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler326() {
+  // Good luck!
+  return true;
+}
+
+euler326();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-327-rooms-of-doom.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-327-rooms-of-doom.portuguese.md
new file mode 100644
index 0000000000..d4894019c0
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-327-rooms-of-doom.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b31000cf542c50ffc6
+challengeType: 5
+title: 'Problem 327: Rooms of Doom'
+videoUrl: ''
+localeTitle: 'Problema 327: Salas da Perdição'
+---
+
+## Description
+<section id="description"> Uma série de três salas são conectadas umas às outras por portas automáticas. <p> Cada porta é operada por um cartão de segurança. Uma vez que você entra em uma sala, a porta fecha automaticamente e esse cartão de segurança não pode ser usado novamente. Uma máquina no início dispensará um número ilimitado de cartões, mas cada sala (incluindo a sala inicial) contém scanners e, se detectar que você está segurando mais de três cartões de segurança ou se detectar um cartão de segurança desacompanhado no chão, todas as portas ficarão permanentemente bloqueadas. No entanto, cada sala contém uma caixa onde você pode armazenar com segurança qualquer número de cartões de segurança para uso posterior. </p><p> Se você simplesmente tentasse viajar pelos quartos um de cada vez, então, ao entrar no quarto 3, você teria usado todos os três cartões e ficaria preso naquele quarto para sempre! </p><p> No entanto, se você usar as caixas de armazenamento, o escape será possível. Por exemplo, você pode entrar na sala 1 usando seu primeiro cartão, colocar um cartão na caixa de armazenamento e usar seu terceiro cartão para sair da sala de volta ao início. Então, depois de coletar mais três cartões da máquina distribuidora, você pode usar um para entrar no quarto 1 e coletar o cartão que você colocou na caixa um momento atrás. Agora você tem mais três cartas e poderá viajar pelas três portas restantes. Esse método permite que você viaje pelas três salas usando seis cartões de segurança no total. </p><p> É possível viajar por seis salas usando um total de 123 cartões de segurança, com um máximo de 3 cartões. </p><p> Seja C o número máximo de cartões que podem ser carregados a qualquer momento. Seja R o número de quartos para percorrer. Seja M (C, R) o número mínimo de cartões requeridos pela máquina distribuidora para viajar por salas R que transportem até um máximo de cartões C a qualquer momento. </p><p> Por exemplo, M (3,6) = 123 e M (4,6) = 23.E, ΣM (C, 6) = 146 para 3 ≤ C ≤ 4. </p><p> Você é dado que ΣM (C, 10) = 10382 para 3 ≤ C ≤ 10. </p><p> Encontre ΣM (C, 30) para 3 ≤ C ≤ 40. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler327()</code> deve retornar 34315549139516.
+    testString: 'assert.strictEqual(euler327(), 34315549139516, "<code>euler327()</code> should return 34315549139516.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler327() {
+  // Good luck!
+  return true;
+}
+
+euler327();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-328-lowest-cost-search.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-328-lowest-cost-search.portuguese.md
new file mode 100644
index 0000000000..6dd31f96d5
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-328-lowest-cost-search.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b41000cf542c50ffc7
+challengeType: 5
+title: 'Problem 328: Lowest-cost Search'
+videoUrl: ''
+localeTitle: 'Problema 328: Pesquisa de custo mais baixo'
+---
+
+## Description
+<section id="description"> Estamos tentando encontrar um número oculto selecionado do conjunto de inteiros {1, 2, ..., n} fazendo perguntas. Cada número (pergunta) que pedimos tem um custo igual ao número pedido e obtemos uma das três respostas possíveis: &quot;Seu palpite é menor do que o número oculto&quot;, ou &quot;Sim, é isso!&quot; Ou &quot;Seu palpite é maior que o número oculto &quot;. Dado o valor de n, uma estratégia ótima minimiza o custo total (ou seja, a soma de todas as perguntas feitas) para o pior caso possível. Por exemplo <p> Se n = 3, o melhor que podemos fazer é obviamente perguntar o número &quot;2&quot;. A resposta nos levará imediatamente a encontrar o número oculto (a um custo total = 2). </p><p> Se n = 8, podemos decidir usar um tipo de estratégia de &quot;pesquisa binária&quot;: nossa primeira pergunta seria &quot;4&quot; e se o número oculto for maior que 4, precisaremos de uma ou duas perguntas adicionais. Deixe nossa segunda pergunta ser &quot;6&quot;. Se o número escondido ainda for maior que 6, precisaremos de uma terceira pergunta para discriminar entre 7 e 8. Assim, nossa terceira pergunta será &quot;7&quot; e o custo total para esse cenário de pior caso será 4 + 6. + 7 = 17. </p><p> Podemos melhorar consideravelmente o custo do pior caso para n = 8, fazendo &quot;5&quot; como nossa primeira pergunta. Se nos disserem que o número oculto é maior que 5, nossa segunda pergunta será &quot;7&quot;, então saberemos com certeza qual é o número oculto (para um custo total de 5 + 7 = 12). Se nos disserem que o número oculto é menor que 5, nossa segunda pergunta será &quot;3&quot; e se o número oculto for menor que 3, nossa terceira pergunta será &quot;1&quot;, dando um custo total de 5 + 3 + 1 = 9 Desde 12&gt; 9, o custo de pior caso para esta estratégia é 12. Isso é melhor do que o que alcançamos anteriormente com a estratégia de &quot;pesquisa binária&quot;; também é melhor ou igual a qualquer outra estratégia. Então, de fato, acabamos de descrever uma estratégia ótima para n = 8. </p><p> Seja C (n) o pior custo possível alcançado por uma estratégia ótima para n, como descrito acima. Assim, C (1) = 0, C (2) = 1, C (3) = 2 e C (8) = 12. Similarmente, C (100) = 400 e C (n) = 17575. </p><p> Encontre C (n). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler328()</code> deve retornar 260511850222.
+    testString: 'assert.strictEqual(euler328(), 260511850222, "<code>euler328()</code> should return 260511850222.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler328() {
+  // Good luck!
+  return true;
+}
+
+euler328();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-329-prime-frog.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-329-prime-frog.portuguese.md
new file mode 100644
index 0000000000..e44456101a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-329-prime-frog.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b51000cf542c50ffc8
+challengeType: 5
+title: 'Problem 329: Prime Frog'
+videoUrl: ''
+localeTitle: 'Problema 329: Prime Frog'
+---
+
+## Description
+<section id="description"> Susan tem um sapo de primeira. Seu sapo está pulando mais de 500 quadrados numerados de 1 a 500. Ele só pode pular um quadrado para a esquerda ou para a direita, com igual probabilidade, e ele não pode pular fora do intervalo [1; 500]. No final, ele automaticamente salta para o único quadrado disponível no próximo movimento. <p> Quando ele está em um quadrado com um número primo, ele coaxa &#39;P&#39; (PRIME) com probabilidade 2/3 ou &#39;N&#39; (NÃO PRIMA) com probabilidade 1/3 antes de pular para o próximo quadrado. Quando ele está em um quadrado com um número que não é um primo, ele canta &#39;P&#39; com probabilidade 1/3 ou &#39;N&#39; com probabilidade 2/3 antes de pular para o próximo quadrado. </p><p> Dado que a posição inicial do sapo é aleatória com a mesma probabilidade para cada quadrado, e dado que ela ouve seus primeiros 15 croaks, qual é a probabilidade de que ela ouça a sequência PPPPNNPPPNPPNPN? </p><p> Dê sua resposta como uma fração p / q em forma reduzida. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler329()</code> deve retornar 199740353/29386561536000.
+    testString: 'assert.strictEqual(euler329(), 199740353 / 29386561536000, "<code>euler329()</code> should return 199740353 / 29386561536000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler329() {
+  // Good luck!
+  return true;
+}
+
+euler329();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-33-digit-cancelling-fractions.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-33-digit-cancelling-fractions.portuguese.md
new file mode 100644
index 0000000000..91b04ccaf9
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-33-digit-cancelling-fractions.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f38d1000cf542c50fea0
+challengeType: 5
+title: 'Problem 33: Digit cancelling fractions'
+videoUrl: ''
+localeTitle: 'Problema 33: Frações de cancelamento de dígitos'
+---
+
+## Description
+<section id="description"> A fracção <sup><sub>49/98</sub></sup> é uma fracção curioso, como um matemático inexperiente na tentativa de simplificá-lo de forma incorrecta pode acreditar que <sup><sub>49/98</sub></sup> = <sup><sub>4/8,</sub></sup> que é correcta, é obtido através do cancelamento das 9s. Consideraremos fracções semelhantes, <sup><sub>30/50</sub></sup> = <sup><sub>3/5,</sub></sup> para ser exemplos triviais. Há exatamente quatro exemplos não triviais desse tipo de fração, menos de um em valor e contendo dois dígitos no numerador e no denominador. Se o produto dessas quatro frações é dado em seus termos comuns mais baixos, encontre o valor do denominador. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>digitCancellingFractions()</code> deve retornar 100.
+    testString: 'assert.strictEqual(digitCancellingFractions(), 100, "<code>digitCancellingFractions()</code> should return 100.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function digitCancellingFractions() {
+  // Good luck!
+  return true;
+}
+
+digitCancellingFractions();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-330-eulers-number.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-330-eulers-number.portuguese.md
new file mode 100644
index 0000000000..12a8c9f887
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-330-eulers-number.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b71000cf542c50ffc9
+challengeType: 5
+title: 'Problem 330: Euler"s Number'
+videoUrl: ''
+localeTitle: 'Problema 330: Número de Euler'
+---
+
+## Description
+<section id="description"> Uma seqüência infinita de números reais a (n) é definida para todos os inteiros n da seguinte forma: <p> Por exemplo, um (0) = 11! + 12! + 13! + ... = e - 1 a (1) = e - 11! + 12! + 13! + ... = 2e - 3 a (2) = 2e - 31! + e - 12! + 13! + ... = 72 e - 6 </p><p> com e = 2,7182818 ... sendo a constante de Euler. </p><p> Pode ser mostrado que um (n) é da forma </p><pre> <code>A(n) e + B(n)n! for integers A(n) and B(n).</code> </pre><p> Por exemplo a (10) = </p><pre> <code>328161643 e − 65269448610! .</code> </pre><p> Encontre A (109) + B (109) e dê sua resposta mod 77 777 777. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler330()</code> deve retornar 15955822.
+    testString: 'assert.strictEqual(euler330(), 15955822, "<code>euler330()</code> should return 15955822.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler330() {
+  // Good luck!
+  return true;
+}
+
+euler330();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-331-cross-flips.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-331-cross-flips.portuguese.md
new file mode 100644
index 0000000000..c8700c4b7c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-331-cross-flips.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b71000cf542c50ffca
+challengeType: 5
+title: 'Problem 331: Cross flips'
+videoUrl: ''
+localeTitle: 'Problema 331: Cross Flips'
+---
+
+## Description
+<section id="description"> N × N discos são colocados em um tabuleiro de jogo quadrado. Cada disco tem um lado preto e um lado branco. <p> Em cada turno, você pode escolher um disco e virar todos os discos na mesma linha e na mesma coluna que este disco: assim, os discos 2 × N-1 são invertidos. O jogo termina quando todos os discos mostram seu lado branco. O exemplo a seguir mostra um jogo em uma placa de 5 × 5. </p><p> Pode ser provado que 3 é o número mínimo de turnos para terminar este jogo. </p><p> O disco inferior esquerdo na placa N × N tem coordenadas (0,0); o disco inferior direito tem coordenadas (N-1,0) e o disco superior esquerdo tem coordenadas (0, N-1). </p><p> Seja CN a seguinte configuração de uma placa com discos N × N: Um disco em (x, y) satisfazendo, mostra seu lado preto; caso contrário, mostra seu lado branco. C5 é mostrado acima. </p><p> Seja T (N) o número mínimo de turnos para terminar um jogo a partir da configuração CN ou 0 se a configuração CN for insolúvel. Nós mostramos que T (5) = 3. Você também é dado que T (10) = 29 e T (1 000) = 395253. </p><p> Encontrar . </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler331()</code> deve retornar 467178235146843500.
+    testString: 'assert.strictEqual(euler331(), 467178235146843500, "<code>euler331()</code> should return 467178235146843500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler331() {
+  // Good luck!
+  return true;
+}
+
+euler331();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-332-spherical-triangles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-332-spherical-triangles.portuguese.md
new file mode 100644
index 0000000000..4a57405ce2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-332-spherical-triangles.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b91000cf542c50ffcb
+challengeType: 5
+title: 'Problem 332: Spherical triangles'
+videoUrl: ''
+localeTitle: 'Problema 332: Triângulos esféricos'
+---
+
+## Description
+<section id="description"> Um triângulo esférico é uma figura formada na superfície de uma esfera por três grandes arcos circulares que se cruzam em pares em três vértices. <p> Seja C (r) a esfera com o centro (0,0,0) e o raio r. Seja Z (r) o conjunto de pontos na superfície de C (r) com coordenadas inteiras. Seja T (r) o conjunto de triângulos esféricos com vértices em Z (r). Triângulos degenerados esféricos, formados por três pontos no mesmo grande arco, não estão incluídos em T (r). Seja A (r) a área do menor triângulo esférico em T (r). </p><p> Por exemplo, A (14) é 3.294040, arredondado para seis casas decimais. </p><p> Encontre A (r). Dê sua resposta arredondada para seis casas decimais. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler332()</code> deve retornar 2717.751525.
+    testString: 'assert.strictEqual(euler332(), 2717.751525, "<code>euler332()</code> should return 2717.751525.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler332() {
+  // Good luck!
+  return true;
+}
+
+euler332();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-333-special-partitions.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-333-special-partitions.portuguese.md
new file mode 100644
index 0000000000..abf16a76be
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-333-special-partitions.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b91000cf542c50ffcc
+challengeType: 5
+title: 'Problem 333: Special partitions'
+videoUrl: ''
+localeTitle: 'Problema 333: Partições Especiais'
+---
+
+## Description
+<section id="description"> Todos os inteiros positivos podem ser particionados de tal maneira que cada termo da partição possa ser expresso como 2ix3j, onde i, j ≥ 0. <p> Vamos considerar apenas essas partições em que nenhum dos termos pode dividir qualquer um dos outros termos. Por exemplo, a partição de 17 = 2 + 6 + 9 = (21x30 + 21x31 + 20x32) não seria válida, pois 2 pode dividir 6. Nem a partição 17 = 16 + 1 = (24x30 + 20x30), pois 1 pode dividir 16. A única partição válida de 17 seria 8 + 9 = (23x30 + 20x32). </p><p> Muitos inteiros têm mais de uma partição válida, sendo o primeiro 11 com as duas partições a seguir. 11 = 2 + 9 = (21x30 + 20x32) 11 = 8 + 3 = (23x30 + 20x31) </p><p> Vamos definir P (n) como o número de partições válidas de n. Por exemplo, P (11) = 2. </p><p> Vamos considerar apenas os inteiros primos q que teriam uma única partição válida, como P (17). </p><p> A soma dos primos q &lt;100, tal que P (q) = 1 é igual a 233. </p><p> Encontre a soma dos primos q &lt;1000000 tais que P (q) = 1. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler333()</code> deve retornar 3053105.
+    testString: 'assert.strictEqual(euler333(), 3053105, "<code>euler333()</code> should return 3053105.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler333() {
+  // Good luck!
+  return true;
+}
+
+euler333();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-334-spilling-the-beans.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-334-spilling-the-beans.portuguese.md
new file mode 100644
index 0000000000..274e55ea09
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-334-spilling-the-beans.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ba1000cf542c50ffcd
+challengeType: 5
+title: 'Problem 334: Spilling the beans'
+videoUrl: ''
+localeTitle: 'Problema 334: Derramando o Feijão'
+---
+
+## Description
+<section id="description"> No céu de Platão, existe um número infinito de taças em linha reta. Cada tigela contém alguns ou nenhum de um número finito de grãos. Uma criança joga um jogo, que permite apenas um tipo de movimento: remover dois feijões de qualquer tigela e colocar um em cada uma das duas tigelas adjacentes. O jogo termina quando cada tigela contém um ou nenhum feijão. <p> Por exemplo, considere duas taças adjacentes contendo 2 e 3 beans respectivamente, todas as outras taças sendo vazias. Os oito movimentos a seguir terminarão o jogo: </p><p> Você recebe as seguintes sequências: t0 = 123456. </p><pre> <code> ti = ti-12 , if ti-1 is even ti-12 926252, if ti-1 is odd where ⌊x⌋ is the floor function and is the bitwise XOR operator. bi = ( ti mod 211) + 1.</code> </pre><p> Os dois primeiros termos da última seqüência são b1 = 289 e b2 = 145. Se começarmos com b1 e b2 em duas taças adjacentes, serão necessários 3419100 movimentos para finalizar o jogo. </p><p> Considere agora 1500 taças adjacentes contendo b1, b2, ..., b1500 respectivamente, todas as outras taças sendo vazias. Descubra quantos movimentos são necessários antes do término do jogo. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler334()</code> deve retornar 150320021261690850.
+    testString: 'assert.strictEqual(euler334(), 150320021261690850, "<code>euler334()</code> should return 150320021261690850.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler334() {
+  // Good luck!
+  return true;
+}
+
+euler334();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-335-gathering-the-beans.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-335-gathering-the-beans.portuguese.md
new file mode 100644
index 0000000000..d7dd8607cc
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-335-gathering-the-beans.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4bd1000cf542c50ffce
+challengeType: 5
+title: 'Problem 335: Gathering the beans'
+videoUrl: ''
+localeTitle: 'Problema 335: Reunindo os Feijões'
+---
+
+## Description
+<section id="description"> Sempre que Peter se sente entediado, ele coloca algumas tigelas, contendo um feijão cada, em um círculo. Depois disso, ele pega todos os grãos de uma tigela e os joga um a um nas tigelas no sentido horário. Ele repete isso, a partir da tigela ele deixou cair o último feijão, até que a situação inicial aparece novamente. Por exemplo, com 5 taças, ele age da seguinte maneira: <p> Então, com 5 taças, leva 15 movimentos para retornar à situação inicial. </p><p> Seja M (x) o número de movimentos necessários para retornar à situação inicial, começando com x bacias. Assim, M (5) = 15. Pode-se verificar também que M (100) = 10920. </p><p> Encontre M (2k + 1). Dê sua resposta modulo 79. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler335()</code> deve retornar 5032316.
+    testString: 'assert.strictEqual(euler335(), 5032316, "<code>euler335()</code> should return 5032316.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler335() {
+  // Good luck!
+  return true;
+}
+
+euler335();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-336-maximix-arrangements.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-336-maximix-arrangements.portuguese.md
new file mode 100644
index 0000000000..278d0ccb16
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-336-maximix-arrangements.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4bd1000cf542c50ffcf
+challengeType: 5
+title: 'Problem 336: Maximix Arrangements'
+videoUrl: ''
+localeTitle: 'Problema 336: Acordos Maximix'
+---
+
+## Description
+<section id="description"> Um trem é usado para transportar quatro carros na ordem: ABCD. No entanto, às vezes, quando o trem chega para pegar as carruagens, elas não estão na ordem correta. Para reorganizar as carruagens, todas são empurradas para uma grande plataforma rotativa. Depois que as carruagens são desacopladas em um ponto específico, o trem se afasta da plataforma giratória, puxando as carruagens ainda presas a ela. Os carrinhos restantes são girados 180 graus. Todas as carruagens são então reunidas e este processo é repetido tantas vezes quantas as necessárias para obter o menor número de utilizações do prato rotativo. Alguns arranjos, como o ADCB, podem ser resolvidos facilmente: os vagões são separados entre A e D, e depois que o DCB é girado, a ordem correta é alcançada. <p> No entanto, Simple Simon, o motorista do trem, não é conhecido por sua eficiência, então ele sempre resolve o problema inicialmente obtendo o carro A no lugar correto, depois o carro B, e assim por diante. </p><p> Usando quatro carruagens, os piores arranjos possíveis para Simon, que chamaremos de arranjos maximix, são o DACB e o DBAC; cada um exigindo-lhe cinco rotações (embora, usando a abordagem mais eficiente, elas pudessem ser resolvidas usando apenas três rotações). O processo que ele usa para o DIBICA é mostrado abaixo. </p><p> Pode-se verificar que existem 24 arranjos maximix para seis vagões, dos quais o décimo arranjo maximix lexicográfico é DFAECB. </p><p> Encontre o 2011º arranjo lixicográfico de maximix para onze carruagens. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler336()</code> deve retornar CAGBIHEFJDK.
+    testString: 'assert.strictEqual(euler336(), CAGBIHEFJDK, "<code>euler336()</code> should return CAGBIHEFJDK.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler336() {
+  // Good luck!
+  return true;
+}
+
+euler336();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-337-totient-stairstep-sequences.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-337-totient-stairstep-sequences.portuguese.md
new file mode 100644
index 0000000000..3ebc7ae38e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-337-totient-stairstep-sequences.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4be1000cf542c50ffd0
+challengeType: 5
+title: 'Problem 337: Totient Stairstep Sequences'
+videoUrl: ''
+localeTitle: Problema 337 totiente sequências Stairstep
+---
+
+## Description
+<section id="description"> Seja {a1, a2, ..., an} uma sequência inteira de tamanho n tal que: a1 = 6 para todo 1 ≤ i &lt;n: φ (ai) &lt;φ (ai + 1) &lt;ai &lt;ai + 11 Seja S (N) o número de tais sequências com um ≤ N. Por exemplo, S (10) = 4: {6}, {6, 8}, {6, 8, 9} e {6, 10}. Podemos verificar que S (100) = 482073668 e S (10 000) mod 108 = 73808307. <p> Encontre S (20 000 000) mod 108. </p><p> 1 φ denota a função totiente de Euler. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler337()</code> deve retornar 85068035.
+    testString: 'assert.strictEqual(euler337(), 85068035, "<code>euler337()</code> should return 85068035.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler337() {
+  // Good luck!
+  return true;
+}
+
+euler337();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-338-cutting-rectangular-grid-paper.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-338-cutting-rectangular-grid-paper.portuguese.md
new file mode 100644
index 0000000000..8d5c9c99fb
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-338-cutting-rectangular-grid-paper.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4be1000cf542c50ffd1
+challengeType: 5
+title: 'Problem 338: Cutting Rectangular Grid Paper'
+videoUrl: ''
+localeTitle: 'Problema 338: Cortando Papel de Grade Retangular'
+---
+
+## Description
+<section id="description"> Uma folha retangular de papel quadriculado com dimensões inteiras w × h é fornecida. Seu espaçamento de grade é 1. Quando cortamos a folha ao longo das linhas de grade em duas partes e reorganizamos essas peças sem sobrepor, podemos fazer novos retângulos com dimensões diferentes. Por exemplo, a partir de uma folha com dimensões 9 × 4, podemos fazer retângulos com dimensões 18 × 2, 12 × 3 e 6 × 6, cortando e rearranjando como abaixo: <p> Da mesma forma, a partir de uma folha com dimensões 9 × 8, podemos fazer retângulos com dimensões de 18 × 4 e 12 × 6. </p><p> Para um par w e h, seja F (w, h) o número de retângulos distintos que podem ser feitos a partir de uma folha com dimensões w × h. Por exemplo, F (2,1) = 0, F (2,2) = 1, F (9,4) = 3 e F (9,8) = 2. Observe que retângulos congruentes ao inicial não são contados. em F (w, h). Note também que os retângulos com dimensões w × h e dimensões h × w não são considerados distintos. </p><p> Para um inteiro N, seja G (N) a soma de F (w, h) para todos os pares w e h que satisfazem 0 &lt;h ≤ w ≤ N. Podemos verificar que G (10) = 55, G (103 ) = 971745 e G (105) = 9992617687. </p><p> Encontre G (1012). Dê sua resposta módulo 108. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler338()</code> deve retornar 15614292.
+    testString: 'assert.strictEqual(euler338(), 15614292, "<code>euler338()</code> should return 15614292.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler338() {
+  // Good luck!
+  return true;
+}
+
+euler338();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-339-peredur-fab-efrawg.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-339-peredur-fab-efrawg.portuguese.md
new file mode 100644
index 0000000000..f71ea51c4b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-339-peredur-fab-efrawg.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c01000cf542c50ffd2
+challengeType: 5
+title: 'Problem 339: Peredur fab Efrawg'
+videoUrl: ''
+localeTitle: 'Problema 339: Efrawg fab de Peredur'
+---
+
+## Description
+<section id="description"> &quot;E ele veio em direção a um vale, através do qual corria um rio; e as fronteiras do vale eram arborizadas, e em cada lado do rio havia prados nivelados. E de um lado do rio ele viu um rebanho de ovelhas brancas, e por outro lado, um rebanho de ovelhas negras e sempre que uma das ovelhas brancas berrava, uma das ovelhas negras se cruzava e se tornava branca, e quando uma das ovelhas negras berrava, uma das ovelhas brancas se cruzava e ficava preta. &quot;en.wikisource.org <p> Inicialmente, cada rebanho consiste em n ovinos. Cada ovelha (independentemente da cor) tem a mesma probabilidade de ser a próxima ovelha a balir. Depois que uma ovelha chora e uma ovelha do outro rebanho passa, Peredur pode remover um número de ovelhas brancas para maximizar o número final esperado de ovelhas negras. Seja E (n) o número final esperado de ovelhas negras se Peredur usar uma estratégia ótima. </p><p> Você está dado que E (5) = 6,871346 arredondado para 6 lugares atrás do ponto decimal. Encontre E (10.000) e dê sua resposta arredondada para 6 lugares atrás do ponto decimal. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler339()</code> deve retornar 19823.542204.
+    testString: 'assert.strictEqual(euler339(), 19823.542204, "<code>euler339()</code> should return 19823.542204.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler339() {
+  // Good luck!
+  return true;
+}
+
+euler339();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-34-digit-factorials.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-34-digit-factorials.portuguese.md
new file mode 100644
index 0000000000..290613eacc
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-34-digit-factorials.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: 5900f38e1000cf542c50fea1
+challengeType: 5
+title: 'Problem 34: Digit factorials'
+videoUrl: ''
+localeTitle: 'Problema 34: Fatoriais de Dígito'
+---
+
+## Description
+<section id="description"> 145 é um número curioso, como 1! + 4! + 5! = 1 + 24 + 120 = 145. Encontre os números e a soma dos números que são iguais à soma do fatorial de seus dígitos. Nota: como 1! = 1 e 2! = 2 não são somas que não estão incluídas. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>digitFactorial()</code> deve retornar {sum: 40730, números: [145, 40585]}.'
+    testString: 'assert.deepEqual(digitFactorial(), { sum: 40730, numbers: [145, 40585] }, "<code>digitFactorial()</code> should return { sum: 40730, numbers: [145, 40585] }.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function digitFactorial() {
+  // Good luck!
+  var sum = 0;
+  var numbers = [];
+  return { sum, numbers };
+}
+
+digitFactorial();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-340-crazy-function.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-340-crazy-function.portuguese.md
new file mode 100644
index 0000000000..5abdfcef8a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-340-crazy-function.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c21000cf542c50ffd4
+challengeType: 5
+title: 'Problem 340: Crazy Function'
+videoUrl: ''
+localeTitle: 'Problema 340: Função Maluca'
+---
+
+## Description
+<section id="description"> Para inteiros fixos a, b, c, defina a função maluca F (n) da seguinte maneira: F (n) = n - c para todo n&gt; b F (n) = F (a + F (a + F) F (a + n)))) para todo n ≤ b. <p> Além disso, defina S (a, b, c) =. </p><p> Por exemplo, se a = 50, b = 2000 e c = 40, então F (0) = 3240 e F (2000) = 2040. Também, S (50, 2000, 40) = 5204240. </p><p> Encontre os últimos 9 dígitos de S (217, 721, 127). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler340()</code> deve retornar 291504964.
+    testString: 'assert.strictEqual(euler340(), 291504964, "<code>euler340()</code> should return 291504964.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler340() {
+  // Good luck!
+  return true;
+}
+
+euler340();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-341-golombs-self-describing-sequence.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-341-golombs-self-describing-sequence.portuguese.md
new file mode 100644
index 0000000000..15656106cd
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-341-golombs-self-describing-sequence.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c11000cf542c50ffd3
+challengeType: 5
+title: 'Problem 341: Golomb"s self-describing sequence'
+videoUrl: ''
+localeTitle: 'Problema 341: sequência autodescritiva de Golomb'
+---
+
+## Description
+<section id="description"> A sequência autodescritiva de Golomb {G (n)} é a única sequência não decrescente de números naturais, tal que n aparece exatamente G (n) vezes na sequência. Os valores de G (n) para os primeiros n são <p> n123456789101112131415… G (n) 122334445556666… </p><p> Você está dado que G (103) = 86, G (106) = 6137. Você também é dado que ΣG (n3) = 153506976 para 1 ≤ n &lt;103. </p><p> Encontre ΣG (n3) para 1 ≤ n &lt;106. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler341()</code> deve retornar 56098610614277016.
+    testString: 'assert.strictEqual(euler341(), 56098610614277016, "<code>euler341()</code> should return 56098610614277016.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler341() {
+  // Good luck!
+  return true;
+}
+
+euler341();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-342-the-totient-of-a-square-is-a-cube.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-342-the-totient-of-a-square-is-a-cube.portuguese.md
new file mode 100644
index 0000000000..54c2411c7c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-342-the-totient-of-a-square-is-a-cube.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c31000cf542c50ffd5
+challengeType: 5
+title: 'Problem 342: The totient of a square is a cube'
+videoUrl: ''
+localeTitle: 'Problema 342: O totiente de um quadrado é um cubo'
+---
+
+## Description
+<section id="description"> Considere o número 50. 502 = 2500 = 22 × 54, então φ (2500) = 2 × 4 × 53 = 8 × 53 = 23 × 53. 1 Então, 2500 é um quadrado e φ (2500) é um cubo. <p> Encontre a soma de todos os números n, 1 &lt;n &lt;1010 de modo que φ (n2) seja um cubo. </p><p> 1 φ denota a função totiente de Euler. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler342()</code> deve retornar 5943040885644.
+    testString: 'assert.strictEqual(euler342(), 5943040885644, "<code>euler342()</code> should return 5943040885644.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler342() {
+  // Good luck!
+  return true;
+}
+
+euler342();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-343-fractional-sequences.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-343-fractional-sequences.portuguese.md
new file mode 100644
index 0000000000..a734edd17b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-343-fractional-sequences.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c41000cf542c50ffd6
+challengeType: 5
+title: 'Problem 343: Fractional Sequences'
+videoUrl: ''
+localeTitle: 'Problema 343: Seqüências Fracionárias'
+---
+
+## Description
+<section id="description"> Para qualquer inteiro positivo k, uma sequência finita ai das frações xi / yi é definida por: a1 = 1 / k e ai = (xi-1 + 1) / (yi-1-1) reduzida para os termos mais baixos para i&gt; 1 . Quando ai atinge algum inteiro n, a sequência pára. (Isto é, quando yi = 1.) Defina f (k) = n. Por exemplo, para k = 20: <p> 1/20 → 2/19 → 3/18 = 1/6 → 2/5 → 3/4 → 4/3 → 5/2 → 6/1 = 6 </p><p> Então f (20) = 6. </p><p> Também f (1) = 1, f (2) = 2, f (3) = 1 e Σf (k3) = 118937 para 1 ≤ k ≤ 100. </p><p> Encontre Σf (k3) para 1 ≤ k ≤ 2 × 106. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler343()</code> deve retornar 269533451410884200.
+    testString: 'assert.strictEqual(euler343(), 269533451410884200, "<code>euler343()</code> should return 269533451410884200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler343() {
+  // Good luck!
+  return true;
+}
+
+euler343();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-344-silver-dollar-game.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-344-silver-dollar-game.portuguese.md
new file mode 100644
index 0000000000..953d2e40b1
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-344-silver-dollar-game.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c51000cf542c50ffd7
+challengeType: 5
+title: 'Problem 344: Silver dollar game'
+videoUrl: ''
+localeTitle: 'Problema 344: Jogo do dólar de prata'
+---
+
+## Description
+<section id="description"> Uma variante do jogo de dólar de prata de NG de Bruijn pode ser descrita da seguinte forma: <p> Numa faixa de quadrados, um número de moedas é colocado, no máximo, uma moeda por quadrado. Apenas uma moeda, chamada de dólar de prata, tem algum valor. Dois jogadores se revezam fazendo movimentos. Em cada turno, um jogador deve fazer um movimento regular ou especial. </p><p> Um movimento regular consiste em selecionar uma moeda e mover um ou mais quadrados para a esquerda. A moeda não pode sair da faixa ou saltar sobre ou sobre outra moeda. </p><p> Alternativamente, o jogador pode optar por fazer o movimento especial de embolsar a moeda mais à esquerda, em vez de fazer um movimento regular. Se nenhum movimento regular for possível, o jogador é forçado a embolsar a moeda mais à esquerda. </p><p> O vencedor é o jogador que embolsa o dólar de prata. </p><p> Uma configuração vencedora é um arranjo de moedas na tira onde o primeiro jogador pode forçar uma vitória, não importando o que o segundo jogador faça. </p><p> Seja W (n, c) o número de configurações vencedoras para uma faixa de n quadrados, c moedas sem valor e um dólar de prata. </p><p> Você é dado que W (10,2) = 324 e W (100,10) = 1514704946113500. </p><p> Encontre W (1 000 000, 100) módulo o semiprimo 1000 036 000 099 (= 1 000 003 1 000 033). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler344()</code> deve retornar 65579304332.
+    testString: 'assert.strictEqual(euler344(), 65579304332, "<code>euler344()</code> should return 65579304332.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler344() {
+  // Good luck!
+  return true;
+}
+
+euler344();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-345-matrix-sum.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-345-matrix-sum.portuguese.md
new file mode 100644
index 0000000000..fb672efca1
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-345-matrix-sum.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c81000cf542c50ffda
+challengeType: 5
+title: 'Problem 345: Matrix Sum'
+videoUrl: ''
+localeTitle: 'Problema 345: Soma Matricial'
+---
+
+## Description
+<section id="description"> Definimos a Soma Matricial de uma matriz como a soma máxima de elementos da matriz, sendo cada elemento o único em sua linha e coluna. Por exemplo, a Soma da Matriz da matriz abaixo é igual a 3315 (= 863 + 383 + 343 + 959 + 767): <p> 7 53 183 439 863 497 383 563 79 973 287 63 343 169 583 627 343 773 959 943767 473 103 699 303 </p><p> Encontre a soma da matriz de: </p><p> 7 53 183 439 863 497 383 563 79 973 287 63 343 169 583 627 343 773 959 943 767 473 103 699 303 957 703 583 639 913 447 283 463 29 23 487 463 993 119 883 327 493 423 159 743 217 623 3 399 853 407 103 983 89 463 290 516 212 462 350 960 376 682 962 300 780 486 502 912 800 250 346 172 812 350 870 456 192 162 593 473 915 45 989 873 823 965 425 329 803 973 965 905 919 133 673 665 235 509 613 673 815 165 992 326 322 148 972 962 286 255 941 541 265 323 925 281 601 95 973 445 721 11 525 473 65 511 164 138 672 18 428 154 448 848 414 456 310 312 798 104 566 520 302 248 694 976 430 392 198 184 829 373 181 631 101 969 613 840 740 778 458 284 760 390 821 461 843 513 17 901 711 993 293 157 274 94 192 156 574 34 124 4 878 450 476 712 914 838 669 875 299 823 329 699 815 559 813 459 522 788 168 586 966 232 308 833 251 631 107 813 883 451 509 615 77 281 613 459 205 380 274 ​​302 35 805 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler345()</code> deve retornar 13938.
+    testString: 'assert.strictEqual(euler345(), 13938, "<code>euler345()</code> should return 13938.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler345() {
+  // Good luck!
+  return true;
+}
+
+euler345();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-346-strong-repunits.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-346-strong-repunits.portuguese.md
new file mode 100644
index 0000000000..8141b8bcaf
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-346-strong-repunits.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c71000cf542c50ffd8
+challengeType: 5
+title: 'Problem 346: Strong Repunits'
+videoUrl: ''
+localeTitle: 'Problema 346: Repunções Fortes'
+---
+
+## Description
+<section id="description"> O número 7 é especial, porque 7 é 111 escrito na base 2 e 11 escrito na base 6 (ou seja, 710 = 116 = 1112). Em outras palavras, 7 é uma repunidade em pelo menos duas bases b&gt; 1. <p> Devemos chamar um inteiro positivo com essa propriedade de um forte repunit. Pode-se verificar que existem 8 repunas fortes abaixo de 50: {1,7,13,15,21,31,40,43}. Além disso, a soma de todas as repunas fortes abaixo de 1000 é igual a 15864. </p><p> Encontre a soma de todas as repunções fortes abaixo de 1012. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler346()</code> deve retornar 336108797689259260.
+    testString: 'assert.strictEqual(euler346(), 336108797689259260, "<code>euler346()</code> should return 336108797689259260.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler346() {
+  // Good luck!
+  return true;
+}
+
+euler346();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-347-largest-integer-divisible-by-two-primes.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-347-largest-integer-divisible-by-two-primes.portuguese.md
new file mode 100644
index 0000000000..a8e2afdbf6
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-347-largest-integer-divisible-by-two-primes.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c81000cf542c50ffd9
+challengeType: 5
+title: 'Problem 347: Largest integer divisible by two primes'
+videoUrl: ''
+localeTitle: 'Problema 347: Maior número inteiro divisível por dois primos'
+---
+
+## Description
+<section id="description"> O maior inteiro ≤ 100 que é divisível apenas pelos dois primos 2 e 3 é 96, como 96 = 32 * 3 = 25 * 3. Para dois primos distintos p e q seja M (p, q, N) o maior número inteiro positivo ≤N divisível por ambos p e q e M (p, q, N) = 0 se tal número inteiro positivo não existir. <p> Por exemplo, M (2,3,100) = 96. M (3,5,100) = 75 e não 90 porque 90 é divisível por 2, 3 e 5. Também M (2,73,100) = 0 porque não existe um inteiro positivo ≤ 100 que seja divisível por ambos 2 e 73. </p><p> Seja S (N) a soma de todos os M distintos (p, q, N). S (100) = 2262. </p><p> Encontre S (10 000 000). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler347()</code> deve retornar 11109800204052.
+    testString: 'assert.strictEqual(euler347(), 11109800204052, "<code>euler347()</code> should return 11109800204052.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler347() {
+  // Good luck!
+  return true;
+}
+
+euler347();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-348-sum-of-a-square-and-a-cube.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-348-sum-of-a-square-and-a-cube.portuguese.md
new file mode 100644
index 0000000000..4ca8b729b2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-348-sum-of-a-square-and-a-cube.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c81000cf542c50ffdb
+challengeType: 5
+title: 'Problem 348: Sum of a square and a cube'
+videoUrl: ''
+localeTitle: 'Problema 348: Soma de um quadrado e um cubo'
+---
+
+## Description
+<section id="description"> Muitos números podem ser expressos como a soma de um quadrado e um cubo. Alguns deles em mais de um sentido. <p> Considere os números palíndricos que podem ser expressos como a soma de um quadrado e um cubo, ambos maiores que 1, de exatamente 4 maneiras diferentes. Por exemplo, 5229225 é um número palíndromo e pode ser expresso exatamente de 4 maneiras diferentes: 22852 + 203 22232 + 663 18102 + 1253 11972 + 1563 </p><p> Encontre a soma dos cinco menores números palíndricos. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler348()</code> deve retornar 1004195061.
+    testString: 'assert.strictEqual(euler348(), 1004195061, "<code>euler348()</code> should return 1004195061.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler348() {
+  // Good luck!
+  return true;
+}
+
+euler348();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-349-langtons-ant.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-349-langtons-ant.portuguese.md
new file mode 100644
index 0000000000..1e9273b13f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-349-langtons-ant.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ca1000cf542c50ffdc
+challengeType: 5
+title: 'Problem 349: Langton"s ant'
+videoUrl: ''
+localeTitle: 'Problema 349: Formiga de Langton'
+---
+
+## Description
+<section id="description"> Uma formiga se move em uma grade regular de quadrados coloridos ou pretos ou brancos. A formiga é sempre orientada em uma das direções cardeais (esquerda, direita, para cima ou para baixo) e se move de quadrado para quadrado adjacente de acordo com as seguintes regras: - se estiver em um quadrado preto, inverte a cor do quadrado para branco, gira 90 graus no sentido anti-horário e avança um quadrado. - se estiver em um quadrado branco, ele inverte a cor do quadrado para preto, gira 90 graus no sentido horário e avança um quadrado. <p> Começando com uma grade que é totalmente branca, quantos quadrados são pretos após 1018 movimentos da formiga? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler349()</code> deve retornar 115384615384614940.
+    testString: 'assert.strictEqual(euler349(), 115384615384614940, "<code>euler349()</code> should return 115384615384614940.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler349() {
+  // Good luck!
+  return true;
+}
+
+euler349();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-35-circular-primes.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-35-circular-primes.portuguese.md
new file mode 100644
index 0000000000..b8ec5cf81c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-35-circular-primes.portuguese.md
@@ -0,0 +1,65 @@
+---
+id: 5900f38f1000cf542c50fea2
+challengeType: 5
+title: 'Problem 35: Circular primes'
+videoUrl: ''
+localeTitle: 'Problema 35: Primários Circulares'
+---
+
+## Description
+<section id="description"> O número, 197, é chamado de primo circular porque todas as rotações dos dígitos: 197, 971 e 719 são elas próprias primárias. Existem treze primos abaixo de 100: 2, 3, 5, 7, 11, 13, 17, 31, 37, 71, 73, 79 e 97. Quantos primos circulares estão abaixo de n, enquanto 100 &lt;= n &lt; = 1000000? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>circularPrimes(100)</code> deve retornar 13.
+    testString: 'assert(circularPrimes(100) == 13, "<code>circularPrimes(100)</code> should return 13.");'
+  - text: <code>circularPrimes(100000)</code> deve retornar 43.
+    testString: 'assert(circularPrimes(100000) == 43, "<code>circularPrimes(100000)</code> should return 43.");'
+  - text: <code>circularPrimes(250000)</code> deve retornar 45.
+    testString: 'assert(circularPrimes(250000) == 45, "<code>circularPrimes(250000)</code> should return 45.");'
+  - text: <code>circularPrimes(500000)</code> deve retornar 49.
+    testString: 'assert(circularPrimes(500000) == 49, "<code>circularPrimes(500000)</code> should return 49.");'
+  - text: <code>circularPrimes(750000)</code> deve retornar 49.
+    testString: 'assert(circularPrimes(750000) == 49, "<code>circularPrimes(750000)</code> should return 49.");'
+  - text: <code>circularPrimes(1000000)</code> deve retornar 55.
+    testString: 'assert(circularPrimes(1000000) == 55, "<code>circularPrimes(1000000)</code> should return 55.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function circularPrimes(n) {
+  // Good luck!
+  return n;
+}
+
+circularPrimes(1000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-350-constraining-the-least-greatest-and-the-greatest-least.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-350-constraining-the-least-greatest-and-the-greatest-least.portuguese.md
new file mode 100644
index 0000000000..3ec4012aab
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-350-constraining-the-least-greatest-and-the-greatest-least.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4cb1000cf542c50ffdd
+challengeType: 5
+title: 'Problem 350: Constraining the least greatest and the greatest least'
+videoUrl: ''
+localeTitle: 'Problema 350: Restringindo o menos maior e o maior menos'
+---
+
+## Description
+<section id="description"> Uma lista de tamanho n é uma sequência de n números naturais. Exemplos são (2,4,6), (2,6,4), (10,6,15,6) e (11). <p> O maior divisor comum, ou mdc, de uma lista é o maior número natural que divide todas as entradas da lista. Exemplos: mdc (2,6,4) = 2, mdc (10,6,15,6) = 1 e mdc (11) = 11. </p><p> O mínimo múltiplo comum, ou lcm, de uma lista é o menor número natural divisível por cada entrada da lista. Exemplos: lcm (2,6,4) = 12, lcm (10,6,15,6) = 30 e lcm (11) = 11. </p><p> Seja f (G, L, N) o número de listas de tamanho N com mdc ≥ G e lcm ≤ L. Por exemplo: </p><p> f (10, 100, 1) = 91. f (10, 100, 2) = 327. f (10, 100, 3) = 1135. f (10, 100, 1000) mod 1014 = 3286053. </p><p> Encontre f (106, 1012, 1018) mod 1014. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler350()</code> deve retornar 84664213.
+    testString: 'assert.strictEqual(euler350(), 84664213, "<code>euler350()</code> should return 84664213.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler350() {
+  // Good luck!
+  return true;
+}
+
+euler350();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-351-hexagonal-orchards.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-351-hexagonal-orchards.portuguese.md
new file mode 100644
index 0000000000..091a08a7f3
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-351-hexagonal-orchards.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4cb1000cf542c50ffde
+challengeType: 5
+title: 'Problem 351: Hexagonal orchards'
+videoUrl: ''
+localeTitle: 'Problema 351: Pomares Hexagonais'
+---
+
+## Description
+<section id="description"> Um pomar hexagonal de ordem n é uma rede triangular composta de pontos dentro de um hexágono regular com o lado n. O seguinte é um exemplo de um pomar hexagonal de ordem 5: <p> Destacam-se em verde os pontos que estão escondidos do centro por um ponto mais próximo a ele. Pode ser visto que para um pomar hexagonal de ordem 5, 30 pontos estão escondidos do centro. </p><p> Seja H (n) o número de pontos ocultos do centro em um pomar hexagonal de ordem n. </p><p> H (5) = 30. H (10) = 138. H (1 000) = 1177848. </p><p> Encontre H (100 000 000). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler351()</code> deve retornar 11762187201804552.
+    testString: 'assert.strictEqual(euler351(), 11762187201804552, "<code>euler351()</code> should return 11762187201804552.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler351() {
+  // Good luck!
+  return true;
+}
+
+euler351();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-352-blood-tests.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-352-blood-tests.portuguese.md
new file mode 100644
index 0000000000..659500c018
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-352-blood-tests.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4cd1000cf542c50ffdf
+challengeType: 5
+title: 'Problem 352: Blood tests'
+videoUrl: ''
+localeTitle: 'Problema 352: Exames de sangue'
+---
+
+## Description
+<section id="description"> Cada uma das 25 ovelhas de um rebanho deve ser testada para um vírus raro, conhecido por afetar 2% da população de ovinos. Existe um teste de PCR preciso e extremamente sensível para amostras de sangue, produzindo um claro resultado positivo / negativo, mas é muito demorado e caro. <p> Devido ao alto custo, o veterinário sugere que, em vez de realizar 25 testes separados, o seguinte procedimento pode ser usado: As ovelhas são divididas em 5 grupos de 5 ovelhas em cada grupo. Para cada grupo, as 5 amostras são misturadas e um único teste é realizado. Então, se o resultado for negativo, todas as ovelhas desse grupo serão consideradas livres de vírus. Se o resultado for positivo, 5 testes adicionais serão realizados (um teste separado para cada animal) para determinar o (s) indivíduo (s) afetado (s). </p><p> Como a probabilidade de infecção para qualquer animal específico é de apenas 0,02, o primeiro teste (nas amostras reunidas) para cada grupo será: Negativo (e não mais testes necessários) com probabilidade 0,985 = 0,9039207968. Positivo (5 testes adicionais necessários) com probabilidade 1 - 0,9039207968 = 0,0960792032. </p><p> Assim, o número esperado de testes para cada grupo é de 1 + 0,0960792032 × 5 = 1,480396016. Consequentemente, todos os 5 grupos podem ser selecionados usando uma média de apenas 1.480396016 × 5 = 7.40198008 testes, o que representa uma enorme economia de mais de 70%! </p><p> Embora o esquema que acabamos de descrever pareça ser muito eficiente, ele ainda pode ser consideravelmente melhorado (sempre assumindo que o teste é suficientemente sensível e que não há efeitos adversos causados ​​pela mistura de amostras diferentes). Por exemplo: Podemos começar executando um teste em uma mistura de todas as 25 amostras. Pode-se verificar que em cerca de 60,35% dos casos este teste será negativo, não sendo necessários mais testes. Testes adicionais serão necessários apenas para os 39,65% restantes dos casos. Se sabemos que pelo menos um animal em um grupo de 5 está infectado e os primeiros 4 testes individuais saem negativos, não há necessidade de executar um teste no quinto animal (sabemos que ele deve estar infectado). Podemos tentar um número diferente de grupos / número diferente de animais em cada grupo, ajustando esses números em cada nível para que o número total esperado de testes seja minimizado. </p><p> Para simplificar o amplo leque de possibilidades, existe uma restrição quando concebemos o esquema de testes mais eficiente em termos de custos: sempre que começamos com uma amostra mista, todos os ovinos que contribuem para essa amostra devem ser totalmente selecionados (isto é, um veredicto de infectados). / livre de vírus deve ser alcançado para todos eles) antes de começarmos a examinar qualquer outro animal. </p><p> Para o exemplo atual, verifica-se que o esquema de teste mais eficiente em termos de custo (vamos chamá-lo de estratégia ótima) requer uma média de apenas 4.155452 testes! </p><p> Usando a estratégia ótima, vamos T (s, p) representar o número médio de testes necessários para rastrear um rebanho de ovelhas para um vírus tendo probabilidade p de estar presente em qualquer indivíduo. Assim, arredondado para seis casas decimais, T (25, 0.02) = 4.155452 e T (25, 0.10) = 12.702124. </p><p> Encontre ΣT (10000, p) para p = 0,01, 0,02, 0,03, ... 0,50. Dê sua resposta arredondada para seis casas decimais. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler352()</code> deve retornar 378563.260589.
+    testString: 'assert.strictEqual(euler352(), 378563.260589, "<code>euler352()</code> should return 378563.260589.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler352() {
+  // Good luck!
+  return true;
+}
+
+euler352();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-353-risky-moon.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-353-risky-moon.portuguese.md
new file mode 100644
index 0000000000..cd540a50e5
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-353-risky-moon.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4cd1000cf542c50ffe0
+challengeType: 5
+title: 'Problem 353: Risky moon'
+videoUrl: ''
+localeTitle: 'Problema 353: Lua Arriscada'
+---
+
+## Description
+<section id="description"> Uma lua poderia ser descrita pela esfera C (r) com centro (0,0,0) e raio r. <p> Há estações na lua nos pontos da superfície de C (r) com coordenadas inteiras. A estação em (0,0, r) é chamada de estação North Pole, a estação em (0,0, -r) é chamada de estação South Pole. </p><p> Todas as estações estão conectadas umas com as outras através da via mais curta no grande arco através das estações. Uma viagem entre duas estações é arriscada. Se d é o comprimento da estrada entre duas estações, (d / (π r)) 2 é uma medida para o risco da viagem (vamos chamar-lhe o risco da estrada). Se a viagem incluir mais de duas estações, o risco da viagem é a soma dos riscos das estradas usadas. </p><p> Uma viagem direta da estação do Pólo Norte para a estação do Pólo Sul tem o comprimento πr e o risco 1. A jornada da estação do Pólo Norte para a estação do Pólo Sul via (0, r, 0) tem o mesmo comprimento, mas um risco menor (½πr / (πr)) 2+ (½πr / (πr)) 2 = 0,5. </p><p> O risco mínimo de uma viagem da estação do Pólo Norte para a estação do Pólo Sul em C (r) é M (r). </p><p> Você é dado que M (7) = 0.1784943998 arredondado para 10 dígitos atrás do ponto decimal. </p><p> Encontre ∑M (2n-1) para 1≤n≤15. </p><p> Dê sua resposta arredondada para 10 dígitos atrás do ponto decimal no formulário a.bcdefghijk. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler353()</code> deve retornar 1.2759860331.
+    testString: 'assert.strictEqual(euler353(), 1.2759860331, "<code>euler353()</code> should return 1.2759860331.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler353() {
+  // Good luck!
+  return true;
+}
+
+euler353();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-354-distances-in-a-bees-honeycomb.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-354-distances-in-a-bees-honeycomb.portuguese.md
new file mode 100644
index 0000000000..3d58a47325
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-354-distances-in-a-bees-honeycomb.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4cf1000cf542c50ffe1
+challengeType: 5
+title: 'Problem 354: Distances in a bee"s honeycomb'
+videoUrl: ''
+localeTitle: 'Problema 354: Distâncias no favo de mel de uma abelha'
+---
+
+## Description
+<section id="description"> Considere o favo de mel de uma abelha onde cada célula é um hexágono regular perfeito com comprimento de lado 1. <p> Uma célula particular é ocupada pela abelha rainha. Para um número real positivo L, deixe B (L) contar as células com a distância L da célula de abelha rainha (todas as distâncias são medidas de centro para centro); Você pode assumir que o favo de mel é grande o suficiente para acomodar qualquer distância que desejamos considerar. Por exemplo, B (√3) = 6, B (√21) = 12 e B (111 111 111) = 54. </p><p> Encontre o número de L ≤ 5 · 1011 tal que B (L) = 450. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler354()</code> deve retornar 58065134.
+    testString: 'assert.strictEqual(euler354(), 58065134, "<code>euler354()</code> should return 58065134.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler354() {
+  // Good luck!
+  return true;
+}
+
+euler354();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-355-maximal-coprime-subset.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-355-maximal-coprime-subset.portuguese.md
new file mode 100644
index 0000000000..1b06e6102d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-355-maximal-coprime-subset.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d01000cf542c50ffe2
+challengeType: 5
+title: 'Problem 355: Maximal coprime subset'
+videoUrl: ''
+localeTitle: 'Problema 355: subconjunto de coprime máximo'
+---
+
+## Description
+<section id="description"> Defina Co (n) como a soma máxima possível de um conjunto de elementos mutuamente co-primos de {1, 2, ..., n}. Por exemplo, Co (10) é 30 e atinge o máximo no subconjunto {1, 5, 7, 8, 9}. <p> Você está dado que Co (30) = 193 e Co (100) = 1356. </p><p> Encontre Co (200000). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler355()</code> deve retornar 1726545007.
+    testString: 'assert.strictEqual(euler355(), 1726545007, "<code>euler355()</code> should return 1726545007.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler355() {
+  // Good luck!
+  return true;
+}
+
+euler355();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-356-largest-roots-of-cubic-polynomials.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-356-largest-roots-of-cubic-polynomials.portuguese.md
new file mode 100644
index 0000000000..43ded2c15d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-356-largest-roots-of-cubic-polynomials.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d01000cf542c50ffe3
+challengeType: 5
+title: 'Problem 356: Largest roots of cubic polynomials'
+videoUrl: ''
+localeTitle: 'Problema 356: maiores raízes de polinômios cúbicos'
+---
+
+## Description
+<section id="description"> Seja a maior raiz real de um polinômio g (x) = x3 - 2n · x2 + n. Por exemplo, a2 = 3.86619826 ... <p> Encontre os últimos oito dígitos de. </p><p> Nota: representa a função floor. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler356()</code> deve retornar 28010159.
+    testString: 'assert.strictEqual(euler356(), 28010159, "<code>euler356()</code> should return 28010159.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler356() {
+  // Good luck!
+  return true;
+}
+
+euler356();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-357-prime-generating-integers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-357-prime-generating-integers.portuguese.md
new file mode 100644
index 0000000000..b634e457ca
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-357-prime-generating-integers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d11000cf542c50ffe4
+challengeType: 5
+title: 'Problem 357: Prime generating integers'
+videoUrl: ''
+localeTitle: 'Problema 357: Prime gerando inteiros'
+---
+
+## Description
+<section id="description"> Considere os divisores de 30: 1,2,3,5,6,10,15,30. Pode ser visto que para cada divisor d de 30, d + 30 / d é primo. <p> Encontre a soma de todos os inteiros positivos n não excedendo 100.000.000, de tal forma que para cada divisor d de n, d + n / d é primo. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler357()</code> deve retornar 1739023853137.
+    testString: 'assert.strictEqual(euler357(), 1739023853137, "<code>euler357()</code> should return 1739023853137.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler357() {
+  // Good luck!
+  return true;
+}
+
+euler357();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-358-cyclic-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-358-cyclic-numbers.portuguese.md
new file mode 100644
index 0000000000..afe3eedb1d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-358-cyclic-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d21000cf542c50ffe5
+challengeType: 5
+title: 'Problem 358: Cyclic numbers'
+videoUrl: ''
+localeTitle: 'Problema 358: números cíclicos'
+---
+
+## Description
+<section id="description"> Um número cíclico com n dígitos tem uma propriedade muito interessante: quando é multiplicado por 1, 2, 3, 4, ... n, todos os produtos têm exatamente os mesmos dígitos, na mesma ordem, mas rodados de forma circular ! <p> O menor número cíclico é o número de 6 dígitos 142857: 142857 × 1 = 142857 142857 × 2 = 285714 142857 × 3 = 428571 142857 × 4 = 571428 142857 × 5 = 714285 142857 × 6 = 857142 </p><p> O próximo número cíclico é 0588235294117647 com 16 dígitos: 0588235294117647 × 1 = 0588235294117647 0588235294117647 × 2 = 1176470588235294 0588235294117647 × 3 = 1764705882352941 ... 0588235294117647 × 16 = 9411764705882352 </p><p> Observe que, para números cíclicos, os zeros à esquerda são importantes. </p><p> Existe apenas um número cíclico para o qual os onze dígitos mais à esquerda são 00000000137 e os cinco dígitos mais à direita são 56789 (isto é, tem o formato 00000000137 ... 56789 com um número desconhecido de dígitos no meio). Encontre a soma de todos os seus dígitos. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler358()</code> deve retornar 3284144505.
+    testString: 'assert.strictEqual(euler358(), 3284144505, "<code>euler358()</code> should return 3284144505.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler358() {
+  // Good luck!
+  return true;
+}
+
+euler358();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-359-hilberts-new-hotel.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-359-hilberts-new-hotel.portuguese.md
new file mode 100644
index 0000000000..0b744249e5
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-359-hilberts-new-hotel.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d31000cf542c50ffe6
+challengeType: 5
+title: 'Problem 359: Hilbert"s New Hotel'
+videoUrl: ''
+localeTitle: 'Problema 359: Novo Hotel de Hilbert'
+---
+
+## Description
+<section id="description"> Um número infinito de pessoas (numeradas 1, 2, 3, etc.) estão alinhadas para conseguir um quarto no mais novo hotel infinito de Hilbert. O hotel contém um número infinito de andares (numerados 1, 2, 3, etc.) e cada andar contém um número infinito de quartos (numerados 1, 2, 3, etc.). <p> Inicialmente o hotel está vazio. Hilbert declara uma regra sobre como a enésima pessoa é designada uma sala: a pessoa n obtém a primeira sala vazia no andar com o número mais baixo satisfazendo qualquer um dos seguintes: o chão está vazio, o chão não está vazio e se a última pessoa ocupar um quarto nesse andar é pessoa m, então m + n é um quadrado perfeito </p><p> A pessoa 1 recebe o quarto 1 no piso 1, pois o piso 1 está vazio. A pessoa 2 não recebe o quarto 2 no piso 1, pois 1 + 2 = 3 não é um quadrado perfeito. Em vez disso, a pessoa 2 ocupa o quarto 1 no piso 2, pois o piso 2 está vazio. A pessoa 3 recebe o quarto 2 no piso 1, pois 1 + 3 = 4 é um quadrado perfeito. </p><p> Eventualmente, cada pessoa na fila recebe um quarto no hotel. </p><p> Defina P (f, r) para ser n se a pessoa n ocupar a sala r no piso f e 0 se nenhuma pessoa ocupar a sala. Aqui estão alguns exemplos: P (1, 1) = 1 P (1, 2) = 3 P (2, 1) = 2 P (10, 20) = 440 P (25, 75) = 4863 P (99, 100) = 19454 </p><p> Encontre a soma de todos os P (f, r) para todos os fe positivos r tais que f × r = 71328803586048 e dê os últimos 8 dígitos como sua resposta. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler359()</code> deve retornar 40632119.
+    testString: 'assert.strictEqual(euler359(), 40632119, "<code>euler359()</code> should return 40632119.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler359() {
+  // Good luck!
+  return true;
+}
+
+euler359();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-36-double-base-palindromes.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-36-double-base-palindromes.portuguese.md
new file mode 100644
index 0000000000..6517fea3ed
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-36-double-base-palindromes.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3901000cf542c50fea3
+challengeType: 5
+title: 'Problem 36: Double-base palindromes'
+videoUrl: ''
+localeTitle: 'Problema 36: Palíndromos de base dupla'
+---
+
+## Description
+<section id="description"> O número decimal, 585 = 10010010012 (binário), é palíndromo em ambas as bases. Encontre a soma de todos os números, menor que n, enquanto 1000 &lt;= n &lt;= 1000000, que são palíndromos na base 10 e na base 2. (Observe que o número palíndromo, em qualquer base, pode não incluir zeros à esquerda). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>doubleBasePalindromes(1000)</code> deve retornar 1772.
+    testString: 'assert(doubleBasePalindromes(1000) == 1772, "<code>doubleBasePalindromes(1000)</code> should return 1772.");'
+  - text: <code>doubleBasePalindromes(50000)</code> deve retornar 105795.
+    testString: 'assert(doubleBasePalindromes(50000) == 105795, "<code>doubleBasePalindromes(50000)</code> should return 105795.");'
+  - text: <code>doubleBasePalindromes(500000)</code> deve retornar 286602.
+    testString: 'assert(doubleBasePalindromes(500000) == 286602, "<code>doubleBasePalindromes(500000)</code> should return 286602.");'
+  - text: <code>doubleBasePalindromes(1000000)</code> deve retornar 872187.
+    testString: 'assert(doubleBasePalindromes(1000000) == 872187, "<code>doubleBasePalindromes(1000000)</code> should return 872187.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function doubleBasePalindromes(n) {
+  // Good luck!
+  return n;
+}
+
+doubleBasePalindromes(1000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-360-scary-sphere.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-360-scary-sphere.portuguese.md
new file mode 100644
index 0000000000..89b4d2f2d2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-360-scary-sphere.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d41000cf542c50ffe7
+challengeType: 5
+title: 'Problem 360: Scary Sphere'
+videoUrl: ''
+localeTitle: 'Problema 360: Esfera Assustadora'
+---
+
+## Description
+<section id="description"> Dados dois pontos (x1, y1, z1) e (x2, y2, z2) no espaço tridimensional, a distância de Manhattan entre esses pontos é definida como | x1-x2 | + | y1-y2 | + | z1-z2 |. <p> Seja C (r) uma esfera com raio re centro na origem O (0,0,0). Seja I (r) o conjunto de todos os pontos com coordenadas inteiras na superfície de C (r). Seja S (r) a soma das distâncias de Manhattan de todos os elementos de I (r) com a origem O. </p><p> Por exemplo S (45) = 34518. </p><p> Encontre S (1010). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler360()</code> deve retornar 878825614395267100.
+    testString: 'assert.strictEqual(euler360(), 878825614395267100, "<code>euler360()</code> should return 878825614395267100.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler360() {
+  // Good luck!
+  return true;
+}
+
+euler360();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-361-subsequence-of-thue-morse-sequence.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-361-subsequence-of-thue-morse-sequence.portuguese.md
new file mode 100644
index 0000000000..4320ef4b2e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-361-subsequence-of-thue-morse-sequence.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d51000cf542c50ffe8
+challengeType: 5
+title: 'Problem 361: Subsequence of Thue-Morse sequence'
+videoUrl: ''
+localeTitle: 'Problema 361: Subsequência da sequência de Thue-Morse'
+---
+
+## Description
+<section id="description"> A sequência de Thue-Morse {Tn} é uma sequência binária que satisfaz: T0 = 0 T2n = Tn T2n + 1 = 1 - Tn <p> Os primeiros vários termos de {Tn} são dados da seguinte forma: 01101001100101101001011001101001 .... </p><p> Definimos {An} como a sequência classificada de inteiros, de forma que a expressão binária de cada elemento apareça como uma subsequência em {Tn}. Por exemplo, o número decimal 18 é expresso como 10010 em binário. 10010 aparece em {Tn} (T8 a T12), então 18 é um elemento de {An}. O número decimal 14 é expresso como 1110 em binário. 1110 nunca aparece em {Tn}, então 14 não é um elemento de {An}. </p><p> Os primeiros vários termos de An são apresentados da seguinte forma: n0123456789101112… An012345691011121318… </p><p> Podemos também verificar que A100 = 3251 e A1000 = 80852364498. </p><p> Encontre os últimos 9 dígitos de. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler361()</code> deve retornar 178476944.
+    testString: 'assert.strictEqual(euler361(), 178476944, "<code>euler361()</code> should return 178476944.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler361() {
+  // Good luck!
+  return true;
+}
+
+euler361();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-362-squarefree-factors.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-362-squarefree-factors.portuguese.md
new file mode 100644
index 0000000000..b2fc61258b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-362-squarefree-factors.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d61000cf542c50ffe9
+challengeType: 5
+title: 'Problem 362: Squarefree factors'
+videoUrl: ''
+localeTitle: 'Problema 362: Fatores Squarefree'
+---
+
+## Description
+<section id="description"> Considere o número 54. 54 pode ser fatorado de 7 maneiras distintas em um ou mais fatores maiores que 1: 54, 2 × 27, 3 × 18, 6 × 9, 3 × 3 × 6, 2 × 3 × 9 e 2 × 3 × 3 × 3. Se exigirmos que os fatores sejam todos livres de quadratura, restam apenas dois caminhos: 3 × 3 × 6 e 2 × 3 × 3 × 3. <p> Vamos chamar Fsf (n) o número de maneiras que n podem ser fatoradas em um ou mais fatores livres de quadrado maiores que 1, então Fsf (54) = 2. </p><p> Seja S (n) ∑Fsf (k) para k = 2 a n. </p><p> S (100) = 193. </p><p> Encontre S (10 000 000 000). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler362()</code> deve retornar 457895958010.
+    testString: 'assert.strictEqual(euler362(), 457895958010, "<code>euler362()</code> should return 457895958010.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler362() {
+  // Good luck!
+  return true;
+}
+
+euler362();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-363-bzier-curves.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-363-bzier-curves.portuguese.md
new file mode 100644
index 0000000000..d7d5876eb4
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-363-bzier-curves.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d91000cf542c50ffeb
+challengeType: 5
+title: 'Problem 363: Bézier Curves'
+videoUrl: ''
+localeTitle: 'Problema 363: Curvas de Bézier'
+---
+
+## Description
+<section id="description"> Uma curva cúbica de Bézier é definida por quatro pontos: P0, P1, P2 e P3. <p> A curva é construída da seguinte forma: Nos segmentos P0P1, P1P2 e P2P3 os pontos Q0, Q1 e Q2 são desenhados de tal forma que P0Q0 / P0P1 = P1Q1 / P1P2 = P2Q2 / P2P3 = t (t em [0,1]). Nos segmentos Q0Q1 e Q1Q2, os pontos R0 e R1 são sorteados de tal forma que Q0R0 / Q0Q1 = Q1R1 / Q1Q2 = t para o mesmo valor de t. No segmento R0R1, o ponto B é desenhado de tal forma que R0B / R0R1 = t para o mesmo valor de t. A curva de Bézier definida pelos pontos P0, P1, P2, P3 é o locus de B, já que Q0 toma todas as posições possíveis no segmento P0P1. (Por favor, note que para todos os pontos o valor de t é o mesmo.) </p><p> Neste endereço web (externo), você encontrará um applet que permite arrastar os pontos P0, P1, P2 e P3 para ver como é a curva de Bézier (curva verde) definida por esses pontos. Você também pode arrastar o ponto Q0 ao longo do segmento P0P1. </p><p> A partir da construção, fica claro que a curva de Bézier será tangente aos segmentos P0P1 em P0 e P2P3 em P3. </p><p> Uma curva cúbica de Bézier com P0 = (1,0), P1 = (1, v), P2 = (v, 1) e P3 = (0,1) é usada para aproximar um quarto de círculo. O valor v&gt; 0 é escolhido de forma que a área delimitada pelas linhas OP0, OP3 e a curva seja igual a π / 4 (a área do quarto círculo). </p><p> Por quantos por cento o comprimento da curva difere do comprimento do quarto círculo? Isto é, se L é o comprimento da curva, calcule 100 × L - π / 2π / 2 Dê sua resposta arredondada para 10 dígitos atrás do ponto decimal. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>euler363()</code> deve retornar 0,0000372091.'
+    testString: 'assert.strictEqual(euler363(), 0.0000372091, "<code>euler363()</code> should return 0.0000372091.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler363() {
+  // Good luck!
+  return true;
+}
+
+euler363();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-364-comfortable-distance.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-364-comfortable-distance.portuguese.md
new file mode 100644
index 0000000000..883760b47d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-364-comfortable-distance.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d91000cf542c50ffea
+challengeType: 5
+title: 'Problem 364: Comfortable distance'
+videoUrl: ''
+localeTitle: 'Problema 364: Distância Confortável'
+---
+
+## Description
+<section id="description"> Existem N lugares seguidos. N pessoas vêm uma após a outra para preencher os assentos de acordo com as seguintes regras: Se houver algum assento cujo (s) assento (s) adjacente (s) não esteja (em) ocupado (a) ocupe tal assento. Se não houver tal assento e houver qualquer assento para o qual apenas um assento adjacente esteja ocupado, ocupe esse lugar. Caso contrário, pegue um dos assentos restantes disponíveis. <p> Seja T (N) o número de possibilidades que N assentos são ocupados por N pessoas com as regras dadas. A figura a seguir mostra T (4) = 8. </p><p> Podemos verificar que T (10) = 61632 e T (1 000) mod 100 000 007 = 47255094. Encontre T (1 000 000) mod 100 000 007. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler364()</code> deve retornar 44855254.
+    testString: 'assert.strictEqual(euler364(), 44855254, "<code>euler364()</code> should return 44855254.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler364() {
+  // Good luck!
+  return true;
+}
+
+euler364();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-365-a-huge-binomial-coefficient.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-365-a-huge-binomial-coefficient.portuguese.md
new file mode 100644
index 0000000000..3118568b94
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-365-a-huge-binomial-coefficient.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4da1000cf542c50ffec
+challengeType: 5
+title: 'Problem 365: A huge binomial coefficient'
+videoUrl: ''
+localeTitle: 'Problema 365: Um enorme coeficiente binomial'
+---
+
+## Description
+<section id="description"> O coeficiente binomial C (1018,109) é um número com mais de 9 bilhões (9 × 109) dígitos. <p> Seja M (n, k, m) o coeficiente binomial C (n, k) módulo m. </p><p> Calcule ∑M (1018,109, p <em>q</em> r) para 1000 &lt;p &lt;q &lt;r &lt;5000 e p, q, r primo. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler365()</code> deve retornar 162619462356610300.
+    testString: 'assert.strictEqual(euler365(), 162619462356610300, "<code>euler365()</code> should return 162619462356610300.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler365() {
+  // Good luck!
+  return true;
+}
+
+euler365();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-366-stone-game-iii.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-366-stone-game-iii.portuguese.md
new file mode 100644
index 0000000000..3acb9a1795
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-366-stone-game-iii.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4da1000cf542c50ffed
+challengeType: 5
+title: 'Problem 366: Stone Game III'
+videoUrl: ''
+localeTitle: 'Problema 366: Stone Game III'
+---
+
+## Description
+<section id="description"> Dois jogadores, Anton e Bernhard, estão jogando o seguinte jogo. Há uma pilha de n pedras. O primeiro jogador pode remover qualquer número positivo de pedras, mas não a pilha inteira. Depois disso, cada jogador pode remover no máximo duas vezes o número de pedras que seu oponente tomou no movimento anterior. O jogador que remover a última pedra ganha. <p> Por exemplo, n = 5 Se o primeiro jogador levar mais de uma pedra, o próximo jogador poderá receber todas as pedras restantes. Se o primeiro jogador pegar uma pedra, deixando quatro, seu oponente também pegará uma pedra, deixando três pedras. O primeiro jogador não pode pegar todos os três, porque ele pode levar no máximo 2x1 = 2 pedras. Então, digamos que ele também tome uma pedra, deixando 2. O segundo jogador pode pegar as duas pedras restantes e ganhar. Então, 5 é uma posição perdida para o primeiro jogador. Para algumas posições vencedoras, há mais de um lance possível para o primeiro jogador. Por exemplo, quando n = 17 o primeiro jogador pode remover uma ou quatro pedras. </p><p> Seja M (n) o número máximo de pedras que o primeiro jogador pode tirar de uma posição vencedora em seu primeiro turno e M (n) = 0 para qualquer outra posição. </p><p> (M (n) para n≤100 é 728. </p><p> Encontre ∑M (n) para n≤1018. Dê sua resposta módulo 108. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler366()</code> deve retornar 88351299.
+    testString: 'assert.strictEqual(euler366(), 88351299, "<code>euler366()</code> should return 88351299.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler366() {
+  // Good luck!
+  return true;
+}
+
+euler366();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-367-bozo-sort.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-367-bozo-sort.portuguese.md
new file mode 100644
index 0000000000..d707f3ef6d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-367-bozo-sort.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4db1000cf542c50ffee
+challengeType: 5
+title: 'Problem 367: Bozo sort'
+videoUrl: ''
+localeTitle: 'Problema 367: Tipo Bozo'
+---
+
+## Description
+<section id="description"> A ordenação do Bozo, que não deve ser confundida com a ordenação bogo um pouco menos eficiente, consiste em verificar se a sequência de entrada está ordenada e se não está trocando aleatoriamente dois elementos. Isso é repetido até que a sequência seja classificada. <p> Se considerarmos todas as permutações dos primeiros 4 números naturais como entrada, o valor da expectativa do número de swaps, calculou a média de todos os 4! seqüências de entrada é 24,75. A sequência já classificada leva 0 passos. </p><p> Neste problema, consideramos a seguinte variante no bozo sort. Se a sequência não estiver em ordem, escolheremos três elementos aleatoriamente e embaralharemos esses três elementos aleatoriamente. Todas as 3 = 6 permutações desses três elementos são igualmente prováveis. A sequência já classificada levará 0 etapas. Se considerarmos todas as permutações dos primeiros 4 números naturais como entrada, o valor de expectativa do número de embaralhamentos, calculou a média de todos os 4! seqüências de entrada é 27,5. Considere como sequências de entrada as permutações dos primeiros 11 números naturais. Média de todos os 11! seqüências de entrada, qual é o número esperado de shuffles que esse algoritmo de classificação executará? </p><p> Dê sua resposta arredondada para o inteiro mais próximo. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler367()</code> deve retornar 48271207.
+    testString: 'assert.strictEqual(euler367(), 48271207, "<code>euler367()</code> should return 48271207.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler367() {
+  // Good luck!
+  return true;
+}
+
+euler367();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-368-a-kempner-like-series.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-368-a-kempner-like-series.portuguese.md
new file mode 100644
index 0000000000..3d2beef585
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-368-a-kempner-like-series.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4dd1000cf542c50ffef
+challengeType: 5
+title: 'Problem 368: A Kempner-like series'
+videoUrl: ''
+localeTitle: 'Problema 368: Uma série do tipo Kempner'
+---
+
+## Description
+<section id="description"> A série harmônica $ 1 + \ dfrac {1} {2} + \ dfrac {1} {3} + \ dfrac {1} {4} + ... $ é bem conhecido por ser divergente. <p> Se, no entanto, omitirmos desta série todos os termos em que o denominador tem um 9, a série converge notavelmente para aproximadamente 22.9206766193. Esta série harmônica modificada é chamada de série Kempner. </p><p> Consideremos agora uma outra série harmônica modificada, omitindo da série harmônica todos os termos em que o denominador possui 3 ou mais dígitos consecutivos iguais. Pode-se verificar que, dos primeiros 1200 termos da série harmônica, apenas 20 termos serão omitidos. Estes 20 termos omitidos são: $$ \ dfrac {1} {111}, \ dfrac {1} {222}, \ dfrac {1} {333}, \ dfrac {1} {444}, \ dfrac {1} { 555}, \ dfrac {1} {666}, \ dfrac {1} {777}, \ dfrac {1} {888}, \ dfrac {1} {999}, \ dfrac {1} {1000}, \ dfrac {1} {1110}, \\ \ dfrac {1} {1111}, \ dfrac {1} {1112}, \ dfrac {1} {1113}, \ dfrac {1} {1114}, \ dfrac {1} {1115}, \ dfrac {1} {1116}, \ dfrac {1} {1117}, \ dfrac {1} {1118}, \ dfrac {1} {1119} $$ </p><p> Esta série também converge. </p><p> Encontre o valor para o qual a série converge. Dê sua resposta arredondada para 10 dígitos atrás do ponto decimal. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler368()</code> deve retornar 253.6135092068.
+    testString: 'assert.strictEqual(euler368(), 253.6135092068, "<code>euler368()</code> should return 253.6135092068.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler368() {
+  // Good luck!
+  return true;
+}
+
+euler368();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-369-badugi.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-369-badugi.portuguese.md
new file mode 100644
index 0000000000..c88880dc11
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-369-badugi.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4de1000cf542c50fff0
+challengeType: 5
+title: 'Problem 369: Badugi'
+videoUrl: ''
+localeTitle: 'Problema 369: Badugi'
+---
+
+## Description
+<section id="description"> Em um baralho padrão de 52 cartas, um conjunto de 4 cartas é um Badugi se ele contiver 4 cartas sem pares e sem duas cartas do mesmo naipe. <p> Seja f (n) o número de maneiras de escolher n cartas com um subconjunto de 4 cartas que seja um Badugi. Por exemplo, há 2598960 maneiras de escolher cinco cartas de um baralho de 52 cartas padrão, das quais 514800 contêm um subconjunto de 4 cartas que é um Badugi, então f (5) = 514800. </p><p> Encontre ∑f (n) para 4 ≤ n ≤ 13. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler369()</code> deve retornar 862400558448.
+    testString: 'assert.strictEqual(euler369(), 862400558448, "<code>euler369()</code> should return 862400558448.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler369() {
+  // Good luck!
+  return true;
+}
+
+euler369();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-37-truncatable-primes.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-37-truncatable-primes.portuguese.md
new file mode 100644
index 0000000000..76399b7867
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-37-truncatable-primes.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3911000cf542c50fea4
+challengeType: 5
+title: 'Problem 37: Truncatable primes'
+videoUrl: ''
+localeTitle: 'Problema 37: Príncipes Truncáveis'
+---
+
+## Description
+<section id="description"> O número 3797 tem uma propriedade interessante. Sendo o próprio primo, é possível remover continuamente dígitos da esquerda para a direita e permanecer primos em cada estágio: 3797, 797, 97 e 7. Da mesma forma, podemos trabalhar da direita para a esquerda: 3797, 379, 37 e 3. Encontre a soma dos únicos primos n (8 &lt;= n &lt;= 11) que são ambos truncáveis ​​da esquerda para a direita e da direita para a esquerda. NOTA: 2, 3, 5 e 7 não são considerados primos truncáveis. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>truncatablePrimes(8)</code> deve retornar 1986.
+    testString: 'assert(truncatablePrimes(8) == 1986, "<code>truncatablePrimes(8)</code> should return 1986.");'
+  - text: <code>truncatablePrimes(9)</code> deve retornar 5123.
+    testString: 'assert(truncatablePrimes(9) == 5123, "<code>truncatablePrimes(9)</code> should return 5123.");'
+  - text: <code>truncatablePrimes(10)</code> deve retornar 8920.
+    testString: 'assert(truncatablePrimes(10) == 8920, "<code>truncatablePrimes(10)</code> should return 8920.");'
+  - text: <code>truncatablePrimes(11)</code> deve retornar 748317.
+    testString: 'assert(truncatablePrimes(11) == 748317, "<code>truncatablePrimes(11)</code> should return 748317.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function truncatablePrimes(n) {
+  // Good luck!
+  return n;
+}
+
+truncatablePrimes(11);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-370-geometric-triangles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-370-geometric-triangles.portuguese.md
new file mode 100644
index 0000000000..233cb4f303
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-370-geometric-triangles.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4de1000cf542c50fff1
+challengeType: 5
+title: 'Problem 370: Geometric triangles'
+videoUrl: ''
+localeTitle: 'Problema 370: triângulos geométricos'
+---
+
+## Description
+<section id="description"> Vamos definir um triângulo geométrico como um triângulo de lados inteiros com lados a ≤ b ≤ c para que seus lados formem uma progressão geométrica, ou seja, b2 = a · c. <p> Um exemplo de tal triângulo geométrico é o triângulo com os lados a = 144, b = 156 e c = 169. </p><p> Existem 861805 triângulos geométricos com perímetro ≤ 106. </p><p> Quantos triângulos geométricos existem com perímetro ≤ 2,5 · 1013? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler370()</code> deve retornar 41791929448408.
+    testString: 'assert.strictEqual(euler370(), 41791929448408, "<code>euler370()</code> should return 41791929448408.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler370() {
+  // Good luck!
+  return true;
+}
+
+euler370();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-371-licence-plates.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-371-licence-plates.portuguese.md
new file mode 100644
index 0000000000..8c1cfcf922
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-371-licence-plates.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e01000cf542c50fff2
+challengeType: 5
+title: 'Problem 371: Licence plates'
+videoUrl: ''
+localeTitle: 'Problema 371: Placas de matrícula'
+---
+
+## Description
+<section id="description"> As placas de Oregon consistem em três letras seguidas por um número de três dígitos (cada dígito pode ser de [0..9]). Enquanto dirige para trabalhar, Seth joga o seguinte jogo: Sempre que os números de duas matrículas vistas em sua viagem somam 1000, é uma vitória. <p> Por exemplo, o MIC-012 e o HAN-988 são uma vitória e o RYU-500 e o SET-500 também. (contanto que ele os veja na mesma viagem). </p><p> Encontre o número esperado de pratos que ele precisa para vencer. Dê sua resposta arredondada para 8 casas decimais atrás do ponto decimal. </p><p> Nota: Assumimos que cada placa de identificação vista tem a mesma probabilidade de ter qualquer número de três dígitos. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler371()</code> deve retornar 40.66368097.
+    testString: 'assert.strictEqual(euler371(), 40.66368097, "<code>euler371()</code> should return 40.66368097.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler371() {
+  // Good luck!
+  return true;
+}
+
+euler371();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-372-pencils-of-rays.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-372-pencils-of-rays.portuguese.md
new file mode 100644
index 0000000000..7eb7f71194
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-372-pencils-of-rays.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e11000cf542c50fff3
+challengeType: 5
+title: 'Problem 372: Pencils of rays'
+videoUrl: ''
+localeTitle: 'Problema 372: Lápis de Raios'
+---
+
+## Description
+<section id="description"> Seja R (M, N) o número de pontos de rede (x, y) que satisfazem M <p> Nota: representa a função floor. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler372()</code> deve retornar 301450082318807040.
+    testString: 'assert.strictEqual(euler372(), 301450082318807040, "<code>euler372()</code> should return 301450082318807040.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler372() {
+  // Good luck!
+  return true;
+}
+
+euler372();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-373-circumscribed-circles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-373-circumscribed-circles.portuguese.md
new file mode 100644
index 0000000000..9d52a9dc9d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-373-circumscribed-circles.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e11000cf542c50fff4
+challengeType: 5
+title: 'Problem 373: Circumscribed Circles'
+videoUrl: ''
+localeTitle: 'Problema 373: círculos circunscritos'
+---
+
+## Description
+<section id="description"> Cada triângulo tem um círculo circunscrito que passa pelos três vértices. Considere todos os triângulos de lados inteiros para os quais o raio do círculo circunscrito também é integral. <p> Seja S (n) a soma dos raios dos círculos circunscritos de todos esses triângulos para os quais o raio não excede n. </p><p> S (100) = 4950 e S (1200) = 1653605. </p><p> Encontre S (107). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler373()</code> deve retornar 727227472448913.
+    testString: 'assert.strictEqual(euler373(), 727227472448913, "<code>euler373()</code> should return 727227472448913.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler373() {
+  // Good luck!
+  return true;
+}
+
+euler373();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-374-maximum-integer-partition-product.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-374-maximum-integer-partition-product.portuguese.md
new file mode 100644
index 0000000000..42c59411fd
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-374-maximum-integer-partition-product.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e51000cf542c50fff6
+challengeType: 5
+title: 'Problem 374: Maximum Integer Partition Product'
+videoUrl: ''
+localeTitle: 'Problema 374: Produto de Partição Inteiro Máximo'
+---
+
+## Description
+<section id="description"> Uma partição inteira de um número n é uma maneira de escrever n como uma soma de inteiros positivos. <p> Partições que diferem apenas na ordem dos seus pedidos são consideradas as mesmas. Uma partição de n em partes distintas é uma partição de n em que cada parte ocorre no máximo uma vez. </p><p> As partições de 5 em partes distintas são: 5, 4 + 1 e 3 + 2. </p><p> Seja f (n) o produto máximo das partes de qualquer partição de n em partes distintas e seja m (n) o número de elementos de qualquer partição de n com aquele produto. </p><p> Então f (5) = 6 e m (5) = 2. </p><p> Para n = 10 a partição com o maior produto é 10 = 2 + 3 + 5, o que dá f (10) = 30 e m (10) = 3. E seu produto, f (10) · m (10) = 30 · 3 = 90 </p><p> Pode-se verificar que ∑f (n) · m (n) para 1 ≤ n ≤ 100 = 1683550844462. </p><p> Encontre ∑f (n) · m (n) para 1 ≤ n ≤ 1014. Dê sua resposta modulo 982451653, o 50º milionésimo primo. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler374()</code> deve retornar 334420941.
+    testString: 'assert.strictEqual(euler374(), 334420941, "<code>euler374()</code> should return 334420941.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler374() {
+  // Good luck!
+  return true;
+}
+
+euler374();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-375-minimum-of-subsequences.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-375-minimum-of-subsequences.portuguese.md
new file mode 100644
index 0000000000..10f5c2ce2e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-375-minimum-of-subsequences.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e41000cf542c50fff5
+challengeType: 5
+title: 'Problem 375: Minimum of subsequences'
+videoUrl: ''
+localeTitle: 'Problema 375: Mínimo de Subsequências'
+---
+
+## Description
+<section id="description"> Seja Sn uma sequência inteira produzida com o seguinte gerador de números pseudo-aleatórios: S0 = 290797 Sn + 1 = Sn2 mod 50515093 <p> Seja A (i, j) o mínimo dos números Si, Si + 1, ..., Sj para i ≤ j. Seja M (N) = ΣA (i, j) para 1 ≤ i ≤ j ≤ N. Podemos verificar que M (10) = 432256955 e M (10.000) = 3264567774119. </p><p> Encontre M (2 000 000 000). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler375()</code> deve retornar 7435327983715286000.
+    testString: 'assert.strictEqual(euler375(), 7435327983715286000, "<code>euler375()</code> should return 7435327983715286000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler375() {
+  // Good luck!
+  return true;
+}
+
+euler375();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-376-nontransitive-sets-of-dice.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-376-nontransitive-sets-of-dice.portuguese.md
new file mode 100644
index 0000000000..82fa3d4f69
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-376-nontransitive-sets-of-dice.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e51000cf542c50fff7
+challengeType: 5
+title: 'Problem 376: Nontransitive sets of dice'
+videoUrl: ''
+localeTitle: 'Problema 376: Conjuntos Não-Transversais de Dados'
+---
+
+## Description
+<section id="description"> Considere o seguinte conjunto de dados com pips fora do padrão: <p> Die A: 1 4 4 4 4 4 Die B: 2 2 2 5 5 5 Die C: 3 3 3 3 3 6 </p><p> Um jogo é jogado por dois jogadores pegando um dado e rolando. O jogador que rola o maior valor ganha. </p><p> Se o primeiro jogador escolher o dado A e o segundo escolher o dado B, obtemos P (o segundo jogador ganha) = 7/12&gt; 1/2 </p><p> Se o primeiro jogador escolher o dado B e o segundo escolher o dado C, ganhamos P (o segundo jogador ganha) = 7/12&gt; 1/2 </p><p> Se o primeiro jogador escolher o dado C e o segundo escolher o dado A, obtemos P (o segundo jogador ganha) = 25/36&gt; 1/2 </p><p> Então, qualquer que seja a morte do primeiro jogador, o segundo jogador pode escolher outro dado e ter mais de 50% de chance de ganhar. Um conjunto de dados com essa propriedade é chamado de um conjunto de dados não-transitório. </p><p> Queremos investigar quantos conjuntos de dados não-transitivos existem. Vamos assumir as seguintes condições: Existem três dados de seis lados com cada lado tendo entre 1 e N pips, inclusive. Dados com o mesmo conjunto de pips são iguais, independentemente de qual lado do dado os pips estão localizados. O mesmo valor de pip pode aparecer em vários dados; se ambos os jogadores jogarem o mesmo valor, nenhum jogador ganha. Os conjuntos de dados {A, B, C}, {B, C, A} e {C, A, B} são o mesmo conjunto. </p><p> Para N = 7, encontramos 9780 desses conjuntos. Quantos há por N = 30? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler376()</code> deve retornar 973059630185670.
+    testString: 'assert.strictEqual(euler376(), 973059630185670, "<code>euler376()</code> should return 973059630185670.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler376() {
+  // Good luck!
+  return true;
+}
+
+euler376();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-377-sum-of-digits-experience-13.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-377-sum-of-digits-experience-13.portuguese.md
new file mode 100644
index 0000000000..f51f512fe9
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-377-sum-of-digits-experience-13.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e51000cf542c50fff8
+challengeType: 5
+title: 'Problem 377: Sum of digits, experience 13'
+videoUrl: ''
+localeTitle: 'Problema 377: Soma dos dígitos, experiência 13'
+---
+
+## Description
+<section id="description"> Existem 16 inteiros positivos que não têm um zero em seus dígitos e que têm uma soma digital igual a 5, a saber: 5, 14, 23, 32, 41, 113, 122, 131, 212, 221, 311, 1112, 1121, 1211, 2111 e 11111. Sua soma é 17891. <p> Seja f (n) a soma de todos os inteiros positivos que não tenham zero em seus dígitos e tenham uma soma digital igual a n. </p><p> Encontre $ \ displaystyle \ sum_ {i = 1} ^ {17} f (13 ^ i) $. Dê os últimos 9 dígitos como sua resposta. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler377()</code> deve retornar 732385277.
+    testString: 'assert.strictEqual(euler377(), 732385277, "<code>euler377()</code> should return 732385277.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler377() {
+  // Good luck!
+  return true;
+}
+
+euler377();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-378-triangle-triples.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-378-triangle-triples.portuguese.md
new file mode 100644
index 0000000000..efccf7df28
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-378-triangle-triples.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e61000cf542c50fff9
+challengeType: 5
+title: 'Problem 378: Triangle Triples'
+videoUrl: ''
+localeTitle: 'Problema 378: Triângulos Triângulos'
+---
+
+## Description
+<section id="description"> Seja T (n) o n-ésimo número do triângulo, então T (n) = <p> n (n + 1) 2 </p><p> . </p><p> Seja dT (n) o número de divisores de T (n). Por exemplo: T (7) = 28 e dT (7) = 6. </p><p> Seja Tr (n) o número de triplas (i, j, k) tal que 1 ≤ i &lt;j &lt;k ≤ n e dT (i)&gt; dT (j)&gt; dT (k). Tr (20) = 14, Tr (100) = 5772 e Tr (1000) = 11174776. </p><p> Encontre Tr (60 000 000). Dê os últimos 18 dígitos da sua resposta. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler378()</code> deve retornar 147534623725724700.
+    testString: 'assert.strictEqual(euler378(), 147534623725724700, "<code>euler378()</code> should return 147534623725724700.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler378() {
+  // Good luck!
+  return true;
+}
+
+euler378();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-379-least-common-multiple-count.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-379-least-common-multiple-count.portuguese.md
new file mode 100644
index 0000000000..03aec82242
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-379-least-common-multiple-count.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e81000cf542c50fffa
+challengeType: 5
+title: 'Problem 379: Least common multiple count'
+videoUrl: ''
+localeTitle: 'Problema 379: contagem múltipla menos comum'
+---
+
+## Description
+<section id="description"> Seja f (n) o número de casais (x, y) com inteiros positivos xey, x ≤ y e o mínimo múltiplo comum de x e y igual a n. <p> Seja g a função somativa de f, ie: g (n) = ∑ f (i) para 1 ≤ i ≤ n. </p><p> Você é dado que g (106) = 37429395. </p><p> Encontre g (1012). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler379()</code> deve retornar 132314136838185.
+    testString: 'assert.strictEqual(euler379(), 132314136838185, "<code>euler379()</code> should return 132314136838185.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler379() {
+  // Good luck!
+  return true;
+}
+
+euler379();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-38-pandigital-multiples.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-38-pandigital-multiples.portuguese.md
new file mode 100644
index 0000000000..e8732bdf31
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-38-pandigital-multiples.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3931000cf542c50fea5
+challengeType: 5
+title: 'Problem 38: Pandigital multiples'
+videoUrl: ''
+localeTitle: 'Problema 38: múltiplos Pandigital'
+---
+
+## Description
+<section id="description"> Pegue o número 192 e multiplique-o por 1, 2 e 3: 192 × 1 = 192 192 × 2 = 384 192 × 3 = 576 Ao concatenar cada produto, obtemos o valor 1 a 9 pandigital, 192384576. Chamaremos 192384576 o produto concatenado de 192 e (1, 2, 3). O mesmo pode ser alcançado começando com 9 e multiplicando por 1, 2, 3, 4 e 5, dando o pandigital, 918273645, que é o produto concatenado de 9 e (1, 2, 3, 4, 5). Qual é o maior número de 9 dígitos pandigital de 1 a 9 que pode ser formado como o produto concatenado de um inteiro com (1, 2, ..., <var>n</var> ) onde <var>n</var> &gt; 1? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>pandigitalMultiples()</code> deve retornar 932718654.
+    testString: 'assert.strictEqual(pandigitalMultiples(), 932718654, "<code>pandigitalMultiples()</code> should return 932718654.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pandigitalMultiples() {
+  // Good luck!
+  return true;
+}
+
+pandigitalMultiples();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-380-amazing-mazes.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-380-amazing-mazes.portuguese.md
new file mode 100644
index 0000000000..e8b4534d7c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-380-amazing-mazes.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e81000cf542c50fffb
+challengeType: 5
+title: 'Problem 380: Amazing Mazes!'
+videoUrl: ''
+localeTitle: 'Problema 380: Mazes incríveis!'
+---
+
+## Description
+<section id="description"> Um labirinto m × n é uma grade retangular m × n com paredes colocadas entre as células da grade, de modo que exista exatamente um caminho do quadrado superior esquerdo até qualquer outro quadrado. A seguir, exemplos de um labirinto 9 × 12 e um labirinto 15 × 20: <p> Seja C (m, n) o número de labirintos distintos m × n. Labirintos que podem ser formados por rotação e reflexão de outro labirinto são considerados distintos. </p><p> Pode-se verificar que C (1,1) = 1, C (2,2) = 4, C (3,4) = 2415 e C (9,12) = 2,5720e46 (em notação científica arredondada para 5 significantes dígitos). Encontre C (100.500) e escreva sua resposta em notação científica, arredondada para 5 dígitos significativos. </p><p> Ao dar sua resposta, use um e minúsculo para separar mantissa e expoente. Por exemplo, se a resposta for 1234567891011, o formato da resposta será 1.2346e12. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler380()</code> deve retornar Infinity.
+    testString: 'assert.strictEqual(euler380(), Infinity, "<code>euler380()</code> should return Infinity.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler380() {
+  // Good luck!
+  return true;
+}
+
+euler380();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-381-prime-k-factorial.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-381-prime-k-factorial.portuguese.md
new file mode 100644
index 0000000000..7ed8345e98
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-381-prime-k-factorial.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ea1000cf542c50fffc
+challengeType: 5
+title: 'Problem 381: (prime-k) factorial'
+videoUrl: ''
+localeTitle: 'Problema 381: fatorial (primo-k)'
+---
+
+## Description
+<section id="description"> Para um primo p let S (p) = (∑ (pk)!) Mod (p) para 1 ≤ k ≤ 5. <p> Por exemplo, se p = 7, (7-1)! + (7-2)! + (7-3)! + (7-4)! + (7-5)! = 6! + 5! + 4! + 3! + 2! = 720 + 120 + 24 + 6 + 2 = 872. Como 872 mod (7) = 4, S (7) = 4. </p><p> Pode-se verificar que ∑S (p) = 480 para 5 ≤ p &lt;100. </p><p> Encontre ∑S (p) para 5 ≤ p &lt;108. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler381()</code> deve retornar 139602943319822.
+    testString: 'assert.strictEqual(euler381(), 139602943319822, "<code>euler381()</code> should return 139602943319822.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler381() {
+  // Good luck!
+  return true;
+}
+
+euler381();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-382-generating-polygons.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-382-generating-polygons.portuguese.md
new file mode 100644
index 0000000000..66196305a7
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-382-generating-polygons.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4eb1000cf542c50fffd
+challengeType: 5
+title: 'Problem 382: Generating polygons'
+videoUrl: ''
+localeTitle: 'Problema 382: Gerando polígonos'
+---
+
+## Description
+<section id="description"> Um polígono é uma forma plana que consiste em segmentos de linha reta que são unidos para formar uma cadeia ou circuito fechado. Um polígono consiste em pelo menos três lados e não se auto-intercepta. <p> Diz-se que um conjunto S de números positivos gera um polígono P se: não há dois lados de P com o mesmo comprimento, o comprimento de todos os lados de P está em S e S não contém outro valor. </p><p> Por exemplo: O conjunto {3, 4, 5} gera um polígono com os lados 3, 4 e 5 (um triângulo). O conjunto {6, 9, 11, 24} gera um polígono com os lados 6, 9, 11 e 24 (um quadrilátero). Os conjuntos {1, 2, 3} e {2, 3, 4, 9} não geram nenhum polígono. </p><p> Considere a sequência s, definida da seguinte forma: s1 = 1, s2 = 2, s3 = 3 sn = sn-1 + sn-3 para n&gt; 3. </p><p> Seja Un o conjunto {s1, s2, ..., sn}. Por exemplo, U10 = {1, 2, 3, 4, 6, 9, 13, 19, 28, 41}. Seja f (n) o número de subconjuntos de Un que geram pelo menos um polígono. Por exemplo, f (5) = 7, f (10) = 501 e f (25) = 18635853. </p><p> Encontre os últimos 9 dígitos de f (1018). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler382()</code> deve retornar 697003956.
+    testString: 'assert.strictEqual(euler382(), 697003956, "<code>euler382()</code> should return 697003956.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler382() {
+  // Good luck!
+  return true;
+}
+
+euler382();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-383-divisibility-comparison-between-factorials.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-383-divisibility-comparison-between-factorials.portuguese.md
new file mode 100644
index 0000000000..15aad86328
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-383-divisibility-comparison-between-factorials.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ed1000cf542c50ffff
+challengeType: 5
+title: 'Problem 383: Divisibility comparison between factorials'
+videoUrl: ''
+localeTitle: 'Problema 383: Comparação de Divisibilidade entre Factorials'
+---
+
+## Description
+<section id="description"> Seja f5 (n) o maior inteiro x para o qual 5x divide n. Por exemplo, f5 (625000) = 7. <p> Seja T5 (n) o número de inteiros i que satisfazem f5 ((2 · i-1)!) &lt;2 · f5 (i!) E 1 ≤ i ≤ n. Pode ser verificado que T5 (103) = 68 e T5 (109) = 2408210. </p><p> Encontre o T5 (1018). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler383()</code> deve retornar 22173624649806.
+    testString: 'assert.strictEqual(euler383(), 22173624649806, "<code>euler383()</code> should return 22173624649806.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler383() {
+  // Good luck!
+  return true;
+}
+
+euler383();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-384-rudin-shapiro-sequence.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-384-rudin-shapiro-sequence.portuguese.md
new file mode 100644
index 0000000000..2d5120f983
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-384-rudin-shapiro-sequence.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ed1000cf542c50fffe
+challengeType: 5
+title: 'Problem 384: Rudin-Shapiro sequence'
+videoUrl: ''
+localeTitle: 'Problema 384: sequência de Rudin-Shapiro'
+---
+
+## Description
+<section id="description"> Defina a sequência a (n) como o número de pares adjacentes de uns na expansão binária de n (possivelmente sobrepostos). Por exemplo: a (5) = a (1012) = 0, a (6) = a (1102) = 1, a (7) = a (1112) = 2 <p> Defina a sequência b (n) = (-1) a (n). Essa sequência é chamada de sequência de Rudin-Shapiro. Considere também a sequência sumariativa de b (n):. </p><p> Os primeiros dois valores dessas sequências são: n 0 1 2 3 4 5 6 7 a (n) 0 0 0 1 0 0 1 2 b (n) 1 1 1 -1 1 1 -1 1 s (n) 1 2 3 2 3 4 3 4 </p><p> A seqüência s (n) tem a notável propriedade de que todos os elementos são positivos e todo inteiro positivo k ocorre exatamente k vezes. </p><p> Defina g (t, c), com 1 ≤ c ≤ t, como o índice em s (n) para o qual t ocorre pelo c&#39;th tempo em s (n). Ex: g (3,3) = 6, g (4,2) = 7 e g (54321, 12345) = 1220847710. </p><p> Seja F (n) a seqüência de fibonacci definida por: F (0) = F (1) = 1 e F (n) = F (n-1) + F (n-2) para n&gt; 1. </p><p> Defina GF (t) = g (F (t), F (t-1)). </p><p> Encontre ΣGF (t) para 2≤t≤45. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler384()</code> deve retornar 3354706415856333000.
+    testString: 'assert.strictEqual(euler384(), 3354706415856333000, "<code>euler384()</code> should return 3354706415856333000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler384() {
+  // Good luck!
+  return true;
+}
+
+euler384();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-385-ellipses-inside-triangles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-385-ellipses-inside-triangles.portuguese.md
new file mode 100644
index 0000000000..95b8ae7b87
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-385-ellipses-inside-triangles.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ee1000cf542c510000
+challengeType: 5
+title: 'Problem 385: Ellipses inside triangles'
+videoUrl: ''
+localeTitle: 'Problema 385: Elipses dentro de triângulos'
+---
+
+## Description
+<section id="description"> Para qualquer triângulo T no plano, pode ser mostrado que existe uma elipse única com a maior área que está completamente dentro de T. <p> Para um dado n, considere os triângulos T tais que: </p><ul><li> os vértices de T têm coordenadas inteiras com valor absoluto ≤ n, e </li><li> os focos da elipse de maior área dentro de T são (√13,0) e (-√13,0). Seja A (n) a soma das áreas de todos esses triângulos. </li></ul><p> Por exemplo, se n = 8, existem dois desses triângulos. Seus vértices são (-4, -3), (- 4,3), (8,0) e (4,3), (4, -3), (- 8,0), e a área de cada triângulo é 36. Assim A (8) = 36 + 36 = 72. </p><p> Pode ser verificado que A (10) = 252, A (100) = 34632 e A (1000) = 3529008. </p><p> Encontre A (1 000 000 000). </p><p> 1Os focos (plural de foco) de uma elipse são dois pontos A e B de tal forma que para cada ponto P no limite da elipse, AP + PB é constante. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler385()</code> deve retornar 3776957309612154000.
+    testString: 'assert.strictEqual(euler385(), 3776957309612154000, "<code>euler385()</code> should return 3776957309612154000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler385() {
+  // Good luck!
+  return true;
+}
+
+euler385();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-386-maximum-length-of-an-antichain.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-386-maximum-length-of-an-antichain.portuguese.md
new file mode 100644
index 0000000000..62d7785b0b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-386-maximum-length-of-an-antichain.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ef1000cf542c510001
+challengeType: 5
+title: 'Problem 386: Maximum length of an antichain'
+videoUrl: ''
+localeTitle: 'Problema 386: Comprimento máximo de um antichain'
+---
+
+## Description
+<section id="description"> Seja n um inteiro e S (n) o conjunto de fatores de n. <p> Um subconjunto A de S (n) é chamado de antichain de S (n) se A contiver apenas um elemento ou se nenhum dos elementos de A dividir qualquer um dos outros elementos de A. </p><p> Por exemplo: S (30) = {1, 2, 3, 5, 6, 10, 15, 30} {2, 5, 6} não é um antichain de S (30). {2, 3, 5} é um antichain de S (30). </p><p> Seja N (n) o comprimento máximo de um antichain de S (n). </p><p> Encontre ΣN (n) para 1 ≤ n ≤ 108 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler386()</code> deve retornar 528755790.
+    testString: 'assert.strictEqual(euler386(), 528755790, "<code>euler386()</code> should return 528755790.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler386() {
+  // Good luck!
+  return true;
+}
+
+euler386();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-387-harshad-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-387-harshad-numbers.portuguese.md
new file mode 100644
index 0000000000..bb4cc37a62
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-387-harshad-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f11000cf542c510003
+challengeType: 5
+title: 'Problem 387: Harshad Numbers'
+videoUrl: ''
+localeTitle: 'Problema 387: Números Harshad'
+---
+
+## Description
+<section id="description"> Um número de Harshad ou Niven é um número que é divisível pela soma de seus dígitos. 201 é um número de Harshad porque é divisível por 3 (a soma de seus dígitos). Quando truncamos o último dígito de 201, obtemos 20, que é um número de Harshad. Quando truncamos o último dígito de 20, obtemos 2, que também é um número de Harshad. Vamos chamar um número de Harshad que, enquanto recursivamente trunca o último dígito, sempre resulta em um número de Harshad um número de Harshad truncável à direita. <p> Também: 201/3 = 67, que é primo. Vamos chamar um número de Harshad que, quando dividido pela soma de seus dígitos, resulta em um número forte de Harshad. </p><p> Agora pegue o número 2011 que é primo. Quando truncamos o último dígito dele, obtemos 201, um número forte de Harshad que também é certo truncável. Vamos chamar esses primos de Harshad truncáveis ​​e fortes. </p><p> Você é informado de que a soma dos primos de Harshad truncáveis ​​à direita menos de 10000 é 90619. </p><p> Encontre a soma dos primos de Harshad truncáveis ​​à direita menos de 1014. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler387()</code> deve retornar 696067597313468.
+    testString: 'assert.strictEqual(euler387(), 696067597313468, "<code>euler387()</code> should return 696067597313468.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler387() {
+  // Good luck!
+  return true;
+}
+
+euler387();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-388-distinct-lines.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-388-distinct-lines.portuguese.md
new file mode 100644
index 0000000000..1070c9a7d3
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-388-distinct-lines.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f11000cf542c510002
+challengeType: 5
+title: 'Problem 388: Distinct Lines'
+videoUrl: ''
+localeTitle: 'Problema 388: Linhas Distintas'
+---
+
+## Description
+<section id="description"> Considere todos os pontos da rede (a, b, c) com 0 ≤ a, b, c ≤ N. <p> A partir da origem O (0,0,0) todas as linhas são desenhadas para os outros pontos da rede. Seja D (N) o número de linhas distintas. </p><p> Você é dado que D (1 000 000) = 831909254469114121. </p><p> Encontre D (1010). Dê como sua resposta os primeiros nove dígitos seguidos dos últimos nove dígitos. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler388()</code> deve retornar 831907372805130000.
+    testString: 'assert.strictEqual(euler388(), 831907372805130000, "<code>euler388()</code> should return 831907372805130000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler388() {
+  // Good luck!
+  return true;
+}
+
+euler388();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-389-platonic-dice.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-389-platonic-dice.portuguese.md
new file mode 100644
index 0000000000..0491efbc99
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-389-platonic-dice.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f21000cf542c510004
+challengeType: 5
+title: 'Problem 389: Platonic Dice'
+videoUrl: ''
+localeTitle: 'Problema 389: Dados Platônicos'
+---
+
+## Description
+<section id="description"> Um único dado imparcial de 4 faces é lançado e seu valor, T, é anotado. Dados imparciais de 6 faces são lançados e seus pontos são somados. A soma, C, é anotada. Dados imparciais de 8 faces são lançados e suas pontuações são somadas. A soma, O, é anotada. Dados imparciais de 12 faces são lançados e suas pontuações são somadas. A soma, D, é anotada. Dados imparciais de 20 faces são lançados e suas pontuações são somadas. A soma, eu, é anotada. Encontre a variância de I e dê sua resposta arredondada para 4 casas decimais. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler389()</code> deve retornar 2406376.3623.
+    testString: 'assert.strictEqual(euler389(), 2406376.3623, "<code>euler389()</code> should return 2406376.3623.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler389() {
+  // Good luck!
+  return true;
+}
+
+euler389();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-39-integer-right-triangles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-39-integer-right-triangles.portuguese.md
new file mode 100644
index 0000000000..81bd3d2128
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-39-integer-right-triangles.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3931000cf542c50fea6
+challengeType: 5
+title: 'Problem 39: Integer right triangles'
+videoUrl: ''
+localeTitle: 'Problema 39: Triângulos retos inteiros'
+---
+
+## Description
+<section id="description"> Se p é o perímetro de um triângulo de ângulo reto com lados de comprimento integral, {a, b, c}, existem exatamente três soluções para p = 120. {20,48,52}, {24,45,51}, { 30,40,50} Para qual valor de p ≤ n, o número de soluções é maximizado? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>intRightTriangles(500)</code> deve retornar 420.
+    testString: 'assert(intRightTriangles(500) == 420, "<code>intRightTriangles(500)</code> should return 420.");'
+  - text: <code>intRightTriangles(800)</code> deve retornar 420.
+    testString: 'assert(intRightTriangles(800) == 420, "<code>intRightTriangles(800)</code> should return 420.");'
+  - text: <code>intRightTriangles(900)</code> deve retornar 840.
+    testString: 'assert(intRightTriangles(900) == 840, "<code>intRightTriangles(900)</code> should return 840.");'
+  - text: <code>intRightTriangles(1000)</code> deve retornar 840.
+    testString: 'assert(intRightTriangles(1000) == 840, "<code>intRightTriangles(1000)</code> should return 840.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function intRightTriangles(n) {
+  // Good luck!
+  return n;
+}
+
+intRightTriangles(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-390-triangles-with-non-rational-sides-and-integral-area.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-390-triangles-with-non-rational-sides-and-integral-area.portuguese.md
new file mode 100644
index 0000000000..90cce96c82
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-390-triangles-with-non-rational-sides-and-integral-area.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f21000cf542c510005
+challengeType: 5
+title: 'Problem 390: Triangles with non rational sides and integral area'
+videoUrl: ''
+localeTitle: 'Problema 390: Triângulos com lados não racionais e área integral'
+---
+
+## Description
+<section id="description"> Considere o triângulo com lados √5, √65 e √68. Pode ser mostrado que este triângulo tem área 9. <p> S (n) é a soma das áreas de todos os triângulos com lados √ (1 + b2), √ (1 + c2) e √ (b2 + c2) (para inteiros positivos b e c) que têm uma área integral não superior a n. </p><p> O triângulo do exemplo tem b = 2 e c = 8. </p><p> S (106) = 18018206. </p><p> Encontre S (1010). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler390()</code> deve retornar 2919133642971.
+    testString: 'assert.strictEqual(euler390(), 2919133642971, "<code>euler390()</code> should return 2919133642971.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler390() {
+  // Good luck!
+  return true;
+}
+
+euler390();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-391-hopping-game.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-391-hopping-game.portuguese.md
new file mode 100644
index 0000000000..4bdeefbd42
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-391-hopping-game.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f31000cf542c510006
+challengeType: 5
+title: 'Problem 391: Hopping Game'
+videoUrl: ''
+localeTitle: 'Problema 391: Jogo Saltitante'
+---
+
+## Description
+<section id="description"> Seja sk o número de 1s ao escrever os números de 0 a k em binário. Por exemplo, escrevendo 0 a 5 em binário, temos 0, 1, 10, 11, 100, 101. Existem sete 1s, então s5 = 7. A sequência S = {sk: k ≥ 0} inicia {0, 1 , 2, 4, 5, 7, 9, 12, ...}. <p> Um jogo é jogado por dois jogadores. Antes do jogo começar, um número n é escolhido. Um contador c começa em 0. A cada turno, o jogador escolhe um número de 1 an (inclusive) e aumenta c por esse número. O valor resultante de c deve ser um membro de S. Se não houver mais movimentos válidos, o jogador perde. </p><p> Por exemplo: Seja n = 5. c começa em 0. O jogador 1 escolhe 4, então c se torna 0 + 4 = 4. O jogador 2 escolhe 5, então c se torna 4 + 5 = 9. O jogador 1 escolhe 3, então c se torna 9 + 3 = 12. etc. Note que c deve sempre pertencer a S, e cada jogador pode aumentar c no máximo n. </p><p> Seja M (n) o maior número que o primeiro jogador pode escolher em seu primeiro turno para forçar uma vitória, e M (n) = 0 se não houver tal movimento. Por exemplo, M (2) = 2, M (7) = 1 e M (20) = 4. </p><p> Dado Σ (M (n)) 3 = 8150 para 1 ≤ n ≤ 20. </p><p> Encontre Σ (M (n)) 3 para 1 ≤ n ≤ 1000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler391()</code> deve retornar 61029882288.
+    testString: 'assert.strictEqual(euler391(), 61029882288, "<code>euler391()</code> should return 61029882288.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler391() {
+  // Good luck!
+  return true;
+}
+
+euler391();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-392-enmeshed-unit-circle.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-392-enmeshed-unit-circle.portuguese.md
new file mode 100644
index 0000000000..cca4861333
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-392-enmeshed-unit-circle.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f41000cf542c510007
+challengeType: 5
+title: 'Problem 392: Enmeshed unit circle'
+videoUrl: ''
+localeTitle: 'Problema 392: Círculo Unificado de Unidade'
+---
+
+## Description
+<section id="description"> Uma grade retilínea é uma grade ortogonal na qual o espaçamento entre as linhas de grade não precisa ser equidistante. Um exemplo de tal grade é o papel gráfico logarítmico. <p> Considere as redes retilíneas no sistema de coordenadas cartesianas com as seguintes propriedades: As linhas de grade são paralelas aos eixos do sistema de coordenadas cartesianas. Existem linhas de grade horizontais N + 2 verticais e N + 2. Portanto, há (N + 1) x (N + 1) células retangulares. As equações das duas linhas de grade verticais externas são x = -1 ex = 1. As equações das duas linhas de grade horizontais externas são y = -1 e y = 1.As células da grade são coloridas de vermelho se elas se sobrepuserem com o círculo unitário, preto de outra forma.Para esse problema, gostaríamos que você encontrasse as posições das N linhas de grade horizontais internas e N internas para que a área ocupada pelo vermelho células é minimizado. </p><p> Por exemplo, aqui está uma imagem da solução para N = 10: </p><p> A área ocupada pelos glóbulos vermelhos por N = 10 arredondados para 10 dígitos atrás do ponto decimal é 3.3469640797. </p><p> Encontre as posições para N = 400. Dê como resposta a área ocupada pelos glóbulos vermelhos arredondados para 10 dígitos atrás do ponto decimal. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler392()</code> deve retornar 3.1486734435.
+    testString: 'assert.strictEqual(euler392(), 3.1486734435, "<code>euler392()</code> should return 3.1486734435.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler392() {
+  // Good luck!
+  return true;
+}
+
+euler392();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-393-migrating-ants.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-393-migrating-ants.portuguese.md
new file mode 100644
index 0000000000..a15281eea2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-393-migrating-ants.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f61000cf542c510008
+challengeType: 5
+title: 'Problem 393: Migrating ants'
+videoUrl: ''
+localeTitle: 'Problema 393: Migrando Formigas'
+---
+
+## Description
+<section id="description"> Uma grade n × n de quadrados contém n2 formigas, uma formiga por quadrado. Todas as formigas decidem se mover simultaneamente para um quadrado adjacente (geralmente 4 possibilidades, exceto para formigas na borda da grade ou nos cantos). Nós definimos f (n) como o número de maneiras que isso pode acontecer sem quaisquer formigas que terminem no mesmo quadrado e sem quaisquer duas formigas cruzando a mesma borda entre dois quadrados. <p> Você recebe f (4) = 88. Encontre f (10). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler393()</code> deve retornar 112398351350823100.
+    testString: 'assert.strictEqual(euler393(), 112398351350823100, "<code>euler393()</code> should return 112398351350823100.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler393() {
+  // Good luck!
+  return true;
+}
+
+euler393();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-394-eating-pie.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-394-eating-pie.portuguese.md
new file mode 100644
index 0000000000..923678f07c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-394-eating-pie.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f71000cf542c510009
+challengeType: 5
+title: 'Problem 394: Eating pie'
+videoUrl: ''
+localeTitle: 'Problema 394: Comendo torta'
+---
+
+## Description
+<section id="description"> Jeff come uma torta de uma maneira incomum. A torta é circular. Ele começa cortando um corte inicial na torta ao longo de um raio. Enquanto houver pelo menos uma fração F de torta à esquerda, ele executa o seguinte procedimento: - Ele faz duas fatias do centro da torta para qualquer ponto do que resta da borda da torta, qualquer ponto na borda da torta restante com igual probabilidade. Isso dividirá a torta restante em três partes. - indo no sentido anti-horário a partir do corte inicial, ele pega os dois primeiros pedaços de torta e os come. Quando menos de uma fração F de torta permanece, ele não repete este procedimento. Em vez disso, ele come toda a torta restante. <p> Para x ≥ 1, seja E (x) o número esperado de vezes que Jeff repita o procedimento acima com F = 1 / x. Pode-se verificar que E (1) = 1, E (2) ≈ 1,2676536759 e E (7,5) ≈ 2,1215732071. </p><p> Encontre E (40) arredondado para 10 casas decimais atrás do ponto decimal. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler394()</code> deve retornar 3.2370342194.
+    testString: 'assert.strictEqual(euler394(), 3.2370342194, "<code>euler394()</code> should return 3.2370342194.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler394() {
+  // Good luck!
+  return true;
+}
+
+euler394();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-395-pythagorean-tree.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-395-pythagorean-tree.portuguese.md
new file mode 100644
index 0000000000..7de2c56c79
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-395-pythagorean-tree.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f71000cf542c51000a
+challengeType: 5
+title: 'Problem 395: Pythagorean tree'
+videoUrl: ''
+localeTitle: 'Problema 395: Árvore Pitagórica'
+---
+
+## Description
+<section id="description"> A árvore pitagórica é um fractal gerado pelo seguinte procedimento: <p> Comece com um quadrado unitário. Então, chamando uma das laterais de sua base (na animação, o lado inferior é a base): Anexe um triângulo retângulo ao lado oposto à base, com a hipotenusa coincidindo com esse lado e com os lados em um 3-4- Relação 5. Observe que o lado menor do triângulo deve estar no lado &quot;direito&quot; em relação à base (veja a animação). Anexe um quadrado a cada perna do triângulo retângulo, com um dos lados coincidindo com essa perna. Repita este procedimento para os dois quadrados, considerando como suas bases os lados tocando o triângulo. </p><p> A figura resultante, após um número infinito de iterações, é a árvore pitagórica. </p><p> Pode-se demonstrar que existe pelo menos um retângulo, cujos lados são paralelos ao maior quadrado da árvore pitagórica, o qual encerra completamente a árvore pitagórica. </p><p> Encontre a menor área possível para tal retângulo delimitador e dê sua resposta arredondada para 10 casas decimais. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler395()</code> deve retornar 28.2453753155.
+    testString: 'assert.strictEqual(euler395(), 28.2453753155, "<code>euler395()</code> should return 28.2453753155.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler395() {
+  // Good luck!
+  return true;
+}
+
+euler395();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-396-weak-goodstein-sequence.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-396-weak-goodstein-sequence.portuguese.md
new file mode 100644
index 0000000000..952d54ca06
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-396-weak-goodstein-sequence.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f81000cf542c51000b
+challengeType: 5
+title: 'Problem 396: Weak Goodstein sequence'
+videoUrl: ''
+localeTitle: 'Problema 396: Sequência Fraca de Goodstein'
+---
+
+## Description
+<section id="description"> Para qualquer inteiro positivo n, a enésima seqüência fraca de Goodstein {g1, g2, g3, ...} é definida como: g1 = n para k&gt; 1, gk é obtido escrevendo gk-1 na base k, interpretando-a como um base k + 1 number e subtraindo 1. <p> A sequência termina quando gk se torna 0. </p><p> Por exemplo, a sexta seqüência fraca de Goodstein é {6, 11, 17, 25, ...}: g1 = 6. g2 = 11 desde 6 = 1102, 1103 = 12 e 12 - 1 = 11. g3 = 17 desde 11 = 1023, 1024 = 18 e 18 - 1 = 17. G4 = 25 desde 17 = 1014, 1015 = 26 e 26 - 1 = 25. </p><p> e assim por diante. </p><p> Pode ser mostrado que cada seqüência fraca de Goodstein termina. </p><p> Seja G (n) o número de elementos diferentes de zero na enésima seqüência fraca de Goodstein. Pode-se verificar que G (2) = 3, G (4) = 21 e G (6) = 381. Pode-se verificar também que ΣG (n) = 2517 para 1 ≤ n &lt;8. </p><p> Encontre os últimos 9 dígitos de ΣG (n) para 1 ≤ n &lt;16. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler396()</code> deve retornar 173214653.
+    testString: 'assert.strictEqual(euler396(), 173214653, "<code>euler396()</code> should return 173214653.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler396() {
+  // Good luck!
+  return true;
+}
+
+euler396();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-397-triangle-on-parabola.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-397-triangle-on-parabola.portuguese.md
new file mode 100644
index 0000000000..875c30a3f7
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-397-triangle-on-parabola.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f91000cf542c51000c
+challengeType: 5
+title: 'Problem 397: Triangle on parabola'
+videoUrl: ''
+localeTitle: 'Problema 397: Triângulo na parábola'
+---
+
+## Description
+<section id="description"> Na parábola y = x2 / k, são escolhidos três pontos A (a, a2 / k), B (b, b2 / k) e C (c, c2 / k). <p> Seja F (K, X) o número dos quadrigêmeos inteiros (k, a, b, c) de modo que pelo menos um ângulo do triângulo ABC seja de 45 graus, com 1 ≤ k ≤ K e -X ≤ a &lt; b &lt;c ≤ X. </p><p> Por exemplo, F (1, 10) = 41 e F (10, 100) = 12492. Encontre F (106, 109). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler397()</code> deve retornar 141630459461893730.
+    testString: 'assert.strictEqual(euler397(), 141630459461893730, "<code>euler397()</code> should return 141630459461893730.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler397() {
+  // Good luck!
+  return true;
+}
+
+euler397();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-398-cutting-rope.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-398-cutting-rope.portuguese.md
new file mode 100644
index 0000000000..bcd97a4c6e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-398-cutting-rope.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4fa1000cf542c51000d
+challengeType: 5
+title: 'Problem 398: Cutting rope'
+videoUrl: ''
+localeTitle: 'Problema 398: Corda Cortante'
+---
+
+## Description
+<section id="description"> Dentro de uma corda de comprimento n, n-1 pontos são colocados com a distância 1 um do outro e dos pontos finais. Entre esses pontos, escolhemos aleatoriamente m-1 pontos e cortamos a corda nesses pontos para criar m segmentos. <p> Seja E (n, m) o comprimento esperado do segundo segmento mais curto. Por exemplo, E (3, 2) = 2 e E (8, 3) = 16/7. Observe que se vários segmentos tiverem o mesmo comprimento mais curto, o comprimento do segundo segmento mais curto será definido como o mesmo que o menor comprimento. </p><p> Encontre E (107, 100). Dê sua resposta arredondada para 5 casas decimais atrás do ponto decimal. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler398()</code> deve retornar 2010.59096.
+    testString: 'assert.strictEqual(euler398(), 2010.59096, "<code>euler398()</code> should return 2010.59096.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler398() {
+  // Good luck!
+  return true;
+}
+
+euler398();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-399-squarefree-fibonacci-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-399-squarefree-fibonacci-numbers.portuguese.md
new file mode 100644
index 0000000000..97f2b45c3f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-399-squarefree-fibonacci-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4fc1000cf542c51000e
+challengeType: 5
+title: 'Problem 399: Squarefree Fibonacci Numbers'
+videoUrl: ''
+localeTitle: 'Problema 399: Números de Fibonacci Squarefree'
+---
+
+## Description
+<section id="description"> Os primeiros 15 números de fibonacci são: 1,1,2,3,5,8,13,21,34,55,89,144,233,377,610. Pode-se ver que 8 e 144 não são livres de quadrados: 8 é divisível por 4 e 144 é divisível por 4 e por 9. Assim, os primeiros 13 números de fibonacci livres são: 1,1,2,3,5,13,21, 34,55,89,233,377 e 610. <p> O 200º número de fibonacci quadrado é: 971183874599339129547649988289594072811608739584170445. Os últimos dezesseis dígitos deste número são: 1608739584170445 e em notação científica este número pode ser escrito como 9.7e53. </p><p> Encontre o número 100 000 000 quadrado de fibonacci. Dê como sua resposta seus últimos dezesseis dígitos seguidos por uma vírgula seguida pelo número em notação científica (arredondado para um dígito após o ponto decimal). Para o 200º número de quadrados, a resposta seria: 1608739584170445,9.7e53 </p><p> Nota: Para este problema, assuma que para cada primo p, o primeiro número de fibonacci divisível por p não é divisível por p2 (isto é parte da conjectura de Wall). Isto foi verificado para primos ≤ 3 · 1015, mas não foi provado em geral. </p><p> Se acontecer que a conjectura é falsa, então a resposta aceita para este problema não é garantida como sendo o número 100 000 000 quadrado de fibonacci, ao contrário, representa apenas um limite inferior para esse número. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>euler399()</code> deve retornar 1508395636674243, 6.5e27330467.'
+    testString: 'assert.strictEqual(euler399(), 1508395636674243, 6.5e27330467, "<code>euler399()</code> should return 1508395636674243, 6.5e27330467.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler399() {
+  // Good luck!
+  return true;
+}
+
+euler399();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-4-largest-palindrome-product.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-4-largest-palindrome-product.portuguese.md
new file mode 100644
index 0000000000..c19bf025c5
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-4-largest-palindrome-product.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: 5900f3701000cf542c50fe83
+challengeType: 5
+title: 'Problem 4: Largest palindrome product'
+videoUrl: ''
+localeTitle: 'Problema 4: Maior produto de palíndromo'
+---
+
+## Description
+<section id="description"> Um número palíndromo lê os dois lados da mesma maneira. O maior palíndromo feito a partir do produto de dois números de 2 dígitos é 9009 = 91 × 99. Encontre o maior palíndromo feito com o produto de dois números <code>n</code> dígitos. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>largestPalindromeProduct(2)</code> deve retornar 9009.
+    testString: 'assert.strictEqual(largestPalindromeProduct(2), 9009, "<code>largestPalindromeProduct(2)</code> should return 9009.");'
+  - text: <code>largestPalindromeProduct(3)</code> deve retornar 906609.
+    testString: 'assert.strictEqual(largestPalindromeProduct(3), 906609, "<code>largestPalindromeProduct(3)</code> should return 906609.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestPalindromeProduct(n) {
+  // Good luck!
+  return true;
+}
+
+largestPalindromeProduct(3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-40-champernownes-constant.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-40-champernownes-constant.portuguese.md
new file mode 100644
index 0000000000..14b42bcc34
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-40-champernownes-constant.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 5900f3941000cf542c50fea7
+challengeType: 5
+title: 'Problem 40: Champernowne"s constant'
+videoUrl: ''
+localeTitle: 'Problema 40: constante de Champernowne'
+---
+
+## Description
+<section id="description"> Uma fração decimal irracional é criado pela concatenação dos inteiros positivos: <span style="display: block; text-align: center;">0,12345678910 <b style="color: red;">1</b> 112131415161718192021 ...</span> Pode ser visto que o <sup>12º</sup> dígito da parte fracionária é 1. Se <i>d <sub>n</sub></i> representa o <i>n</i> <sup>th</sup> dígitos da parte fracionária, encontrar o valor da seguinte expressão. <span style="display: block; text-align: center;">d <sub>1</sub> × d <sub>10</sub> × d <sub>100</sub> × d <sub>1000</sub> × d <sub>10000</sub> × d <sub>100000</sub> × d <sub>1000000</sub></span> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>champernownesConstant(100)</code> deve retornar 5.
+    testString: 'assert.strictEqual(champernownesConstant(100), 5, "<code>champernownesConstant(100)</code> should return 5.");'
+  - text: <code>champernownesConstant(1000)</code> deve retornar 15.
+    testString: 'assert.strictEqual(champernownesConstant(1000), 15, "<code>champernownesConstant(1000)</code> should return 15.");'
+  - text: <code>champernownesConstant(1000000)</code> deve retornar 210.
+    testString: 'assert.strictEqual(champernownesConstant(1000000), 210, "<code>champernownesConstant(1000000)</code> should return 210.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function champernownesConstant(n) {
+  // Good luck!
+  return true;
+}
+
+champernownesConstant(100);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-400-fibonacci-tree-game.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-400-fibonacci-tree-game.portuguese.md
new file mode 100644
index 0000000000..64bb88dac6
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-400-fibonacci-tree-game.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4fe1000cf542c510010
+challengeType: 5
+title: 'Problem 400: Fibonacci tree game'
+videoUrl: ''
+localeTitle: 'Problema 400: Jogo da árvore de Fibonacci'
+---
+
+## Description
+<section id="description"> Uma árvore Fibonacci é uma árvore binária definida recursivamente como: T (0) é a árvore vazia. T (1) é a árvore binária com apenas um nó. T (k) consiste em um nó raiz que tem T (k-1) e T (k-2) como filhos. <p> Em tal árvore, dois jogadores jogam um jogo de take-away. Em cada turno, um jogador seleciona um nó e remove esse nó junto com a subárvore com raiz nesse nó. O jogador que é forçado a pegar o nó raiz da árvore inteira perde. </p><p> Aqui estão os movimentos ganhadores do primeiro jogador no primeiro turno para T (k) de k = 1 para k = 6. </p><p> Seja f (k) o número de jogadas vencedoras do primeiro jogador (ou seja, os movimentos para os quais o segundo jogador não tem estratégia vencedora) no primeiro turno do jogo quando este jogo é jogado em T (k). </p><p> Por exemplo, f (5) = 1 e f (10) = 17. </p><p> Encontre f (10000). Dê os últimos 18 dígitos da sua resposta. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler400()</code> deve retornar 438505383468410600.
+    testString: 'assert.strictEqual(euler400(), 438505383468410600, "<code>euler400()</code> should return 438505383468410600.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler400() {
+  // Good luck!
+  return true;
+}
+
+euler400();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-401-sum-of-squares-of-divisors.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-401-sum-of-squares-of-divisors.portuguese.md
new file mode 100644
index 0000000000..dd02418689
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-401-sum-of-squares-of-divisors.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4fd1000cf542c51000f
+challengeType: 5
+title: 'Problem 401: Sum of squares of divisors'
+videoUrl: ''
+localeTitle: 'Problema 401: Soma dos quadrados dos divisores'
+---
+
+## Description
+<section id="description"> Os divisores de 6 são 1,2,3 e 6. A soma dos quadrados desses números é 1 + 4 + 9 + 36 = 50. <p> Deixe sigma2 (n) representar a soma dos quadrados dos divisores de n. Assim sigma2 (6) = 50. </p><p> Deixe SIGMA2 representar a função somativa de sigma2, ou seja, SIGMA2 (n) = ∑sigma2 (i) para i = 1 a n. Os primeiros 6 valores do SIGMA2 são: 1,6,16,37,63 e 113. </p><p> Encontre SIGMA2 (1015) módulo 109. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler401()</code> deve retornar 281632621.
+    testString: 'assert.strictEqual(euler401(), 281632621, "<code>euler401()</code> should return 281632621.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler401() {
+  // Good luck!
+  return true;
+}
+
+euler401();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-402-integer-valued-polynomials.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-402-integer-valued-polynomials.portuguese.md
new file mode 100644
index 0000000000..65cee263c7
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-402-integer-valued-polynomials.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ff1000cf542c510011
+challengeType: 5
+title: 'Problem 402: Integer-valued polynomials'
+videoUrl: ''
+localeTitle: 'Problema 402: polinômios de valor inteiro'
+---
+
+## Description
+<section id="description"> Pode ser mostrado que o polinômio n4 + 4n3 + 2n2 + 5n é um múltiplo de 6 para cada inteiro n. Também pode ser mostrado que 6 é o maior número inteiro satisfazendo esta propriedade. <p> Defina M (a, b, c) como o máximo m tal que n4 + an3 + bn2 + cn é um múltiplo de m para todos os inteiros n. Por exemplo, M (4, 2, 5) = 6. </p><p> Além disso, defina S (N) como a soma de M (a, b, c) para todo 0 &lt;a, b, c ≤ N. </p><p> Podemos verificar que S (10) = 1972 e S (10000) = 2024258331114. </p><p> Seja Fk a seqüência de Fibonacci: F0 = 0, F1 = 1 e Fk = Fk-1 + Fk-2 para k ≥ 2. </p><p> Encontre os últimos 9 dígitos de Σ S (Fk) para 2 ≤ k ≤ 1234567890123. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler402()</code> deve retornar 356019862.
+    testString: 'assert.strictEqual(euler402(), 356019862, "<code>euler402()</code> should return 356019862.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler402() {
+  // Good luck!
+  return true;
+}
+
+euler402();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-403-lattice-points-enclosed-by-parabola-and-line.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-403-lattice-points-enclosed-by-parabola-and-line.portuguese.md
new file mode 100644
index 0000000000..458a439033
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-403-lattice-points-enclosed-by-parabola-and-line.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5001000cf542c510013
+challengeType: 5
+title: 'Problem 403: Lattice points enclosed by parabola and line'
+videoUrl: ''
+localeTitle: 'Problema 403: Pontos de treliça fechados por parábola e linha'
+---
+
+## Description
+<section id="description"> Para os inteiros a e b, definimos D (a, b) como o domínio delimitado pela parábola y = x2 e a reta y = a · x + b: D (a, b) = {(x, y) | x2 ≤ y ≤ a · x + b}. <p> L (a, b) é definido como o número de pontos de rede contidos em D (a, b). Por exemplo, L (1, 2) = 8 e L (2, -1) = 1. </p><p> Também definimos S (N) como a soma de L (a, b) para todos os pares (a, b) de forma que a área de D (a, b) seja um número racional e | a |, | b | ≤ N. Podemos verificar que S (5) = 344 e S (100) = 26709528. </p><p> Encontre S (1012). Dê sua resposta mod 108. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler403()</code> deve retornar 18224771.
+    testString: 'assert.strictEqual(euler403(), 18224771, "<code>euler403()</code> should return 18224771.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler403() {
+  // Good luck!
+  return true;
+}
+
+euler403();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-404-crisscross-ellipses.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-404-crisscross-ellipses.portuguese.md
new file mode 100644
index 0000000000..ff8d95b85f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-404-crisscross-ellipses.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5001000cf542c510012
+challengeType: 5
+title: 'Problem 404: Crisscross Ellipses'
+videoUrl: ''
+localeTitle: 'Problema 404: Elipses Cruzadas'
+---
+
+## Description
+<section id="description"> Ea é uma elipse com uma equação da forma x2 + 4y2 = 4a2. Ea &#39;é a imagem girada de Ea por θ graus no sentido anti-horário em torno da origem O (0, 0) para 0 ° &lt;θ &lt;90 °. <p> b é a distância até a origem dos dois pontos de interseção mais próximos da origem ec é a distância dos dois outros pontos de interseção. Nós chamamos um trinca ordenado (a, b, c) um tripleto canônico elipsoidal se a, b e c são inteiros positivos. Por exemplo, (209, 247, 286) é um tripleto canônico elipsoidal. </p><p> Seja C (N) o número de tripletos canônicos elipsoidais distintos (a, b, c) para um ≤ N. Pode-se verificar que C (103) = 7, C (104) = 106 e C (106) = 11845 . </p><p> Encontre C (1017). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler404()</code> deve retornar 1199215615081353.
+    testString: 'assert.strictEqual(euler404(), 1199215615081353, "<code>euler404()</code> should return 1199215615081353.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler404() {
+  // Good luck!
+  return true;
+}
+
+euler404();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-405-a-rectangular-tiling.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-405-a-rectangular-tiling.portuguese.md
new file mode 100644
index 0000000000..3d51182931
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-405-a-rectangular-tiling.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5021000cf542c510014
+challengeType: 5
+title: 'Problem 405: A rectangular tiling'
+videoUrl: ''
+localeTitle: 'Problema 405: Uma telha retangular'
+---
+
+## Description
+<section id="description"> Desejamos delimitar um retângulo cujo comprimento é duas vezes a largura. Seja T (0) a telha que consiste em um único retângulo. Para n&gt; 0, seja T (n) obtido de T (n-1) substituindo todas as peças da seguinte maneira: <p> A animação a seguir demonstra as inclinações T (n) para n de 0 a 5: </p><p> Seja f (n) o número de pontos onde quatro peças se encontram em T (n). Por exemplo, f (1) = 0, f (4) = 82 ef (109) mod 177 = 126897180. </p><p> Encontre f (10k) para k = 1018, dê sua resposta modulo 177. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler405()</code> deve retornar 237696125.
+    testString: 'assert.strictEqual(euler405(), 237696125, "<code>euler405()</code> should return 237696125.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler405() {
+  // Good luck!
+  return true;
+}
+
+euler405();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-406-guessing-game.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-406-guessing-game.portuguese.md
new file mode 100644
index 0000000000..dc3ee1b78c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-406-guessing-game.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5021000cf542c510015
+challengeType: 5
+title: 'Problem 406: Guessing Game'
+videoUrl: ''
+localeTitle: 'Problema 406: Jogo de Adivinhação'
+---
+
+## Description
+<section id="description"> Estamos tentando encontrar um número oculto selecionado do conjunto de inteiros {1, 2, ..., n} fazendo perguntas. Cada número (pergunta) que pedimos, temos uma das três respostas possíveis: &quot;Seu palpite é menor do que o número oculto&quot; (e você tem um custo de a), ou &quot;Seu palpite é maior que o número oculto&quot; (e você incorrer em um custo de b), ou &quot;Sim, é isso!&quot; (e o jogo termina). Dado o valor de n, aeb, uma estratégia ótima minimiza o custo total para o pior caso possível. <p> Por exemplo, se n = 5, a = 2 e b = 3, então podemos começar por perguntar &quot;2&quot; como nossa primeira pergunta. </p><p> Se nos disserem que 2 é maior do que o número oculto (para um custo de b = 3), então temos certeza de que &quot;1&quot; é o número oculto (para um custo total de 3). Se nos dissermos que 2 é menor do que o número oculto (por um custo de a = 2), então nossa próxima pergunta será &quot;4&quot;. Se nos disserem que 4 é maior que o número oculto (para um custo de b = 3), então temos certeza de que &quot;3&quot; é o número oculto (para um custo total de 2 + 3 = 5). Se nos disserem que 4 é menor do que o número oculto (por um custo de a = 2), então temos certeza de que &quot;5&quot; é o número oculto (para um custo total de 2 + 2 = 4). Assim, o custo de pior caso alcançado por esta estratégia é 5. Também pode ser mostrado que este é o menor custo de pior caso que pode ser alcançado. Então, de fato, acabamos de descrever uma estratégia ótima para os valores dados de n, a e b. </p><p> Seja C (n, a, b) o pior custo possível alcançado por uma estratégia ótima para os valores dados de n, a e b. </p><p> Aqui estão alguns exemplos: C (5, 2, 3) = 5 C (500, √2, √3) = 13.22073197 ... C (20000, 5, 7) = 82 C (2000000, √5, √7 ) = 49,63755955 ... </p><p> Seja Fk os números de Fibonacci: Fk = Fk-1 + Fk-2 com casos de base F1 = F2 = 1. Encontre ∑1≤k≤30 C (1012, √k, √Fk), e dê sua resposta arredondada para 8 casas decimais atrás do ponto decimal. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler406()</code> deve retornar 36813.12757207.
+    testString: 'assert.strictEqual(euler406(), 36813.12757207, "<code>euler406()</code> should return 36813.12757207.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler406() {
+  // Good luck!
+  return true;
+}
+
+euler406();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-407-idempotents.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-407-idempotents.portuguese.md
new file mode 100644
index 0000000000..a055f7bc1c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-407-idempotents.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5041000cf542c510016
+challengeType: 5
+title: 'Problem 407: Idempotents'
+videoUrl: ''
+localeTitle: 'Problema 407: Idempotents'
+---
+
+## Description
+<section id="description"> Se calcularmos a2 mod 6 para 0 ≤ a ≤ 5 obtemos: 0,1,4,3,4,1. <p> O maior valor de um tal que a2 ≡ um mod 6 é 4. Vamos chamar M (n) o maior valor de um &lt;n tal que a2 ≡ a (mod n). Então M (6) = 4. </p><p> Encontre ∑M (n) para 1 ≤ n ≤ 107. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler407()</code> deve retornar 39782849136421.
+    testString: 'assert.strictEqual(euler407(), 39782849136421, "<code>euler407()</code> should return 39782849136421.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler407() {
+  // Good luck!
+  return true;
+}
+
+euler407();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-408-admissible-paths-through-a-grid.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-408-admissible-paths-through-a-grid.portuguese.md
new file mode 100644
index 0000000000..0c212dc85b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-408-admissible-paths-through-a-grid.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5091000cf542c51001b
+challengeType: 5
+title: 'Problem 408: Admissible paths through a grid'
+videoUrl: ''
+localeTitle: 'Problema 408: caminhos admissíveis através de uma grade'
+---
+
+## Description
+<section id="description"> Vamos chamar um ponto de malha (x, y) inadmissível se x, y e x + y forem todos quadrados perfeitos positivos. Por exemplo, (9, 16) é inadmissível, enquanto (0, 4), (3, 1) e (9, 4) não são. <p> Considere um caminho do ponto (x1, y1) para o ponto (x2, y2) usando apenas as etapas unitárias norte ou leste. Vamos chamar esse caminho admissível se nenhum dos seus pontos intermediários for inadmissível. </p><p> Seja P (n) o número de caminhos admissíveis de (0, 0) a (n, n). Pode-se verificar que P (5) = 252, P (16) = 596994440 e P (1000) mod 1 000 000 007 = 341920854. </p><p> Encontre P (10 000 000) mod 1 000 000 007. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler408()</code> deve retornar 299742733.
+    testString: 'assert.strictEqual(euler408(), 299742733, "<code>euler408()</code> should return 299742733.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler408() {
+  // Good luck!
+  return true;
+}
+
+euler408();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-409-nim-extreme.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-409-nim-extreme.portuguese.md
new file mode 100644
index 0000000000..d905bbc361
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-409-nim-extreme.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5061000cf542c510017
+challengeType: 5
+title: 'Problem 409: Nim Extreme'
+videoUrl: ''
+localeTitle: 'Problema 409: Nim Extreme'
+---
+
+## Description
+<section id="description"> Seja n um inteiro positivo. Considere posições nim onde: Existem pilhas não vazias. Cada pilha tem tamanho menor que 2n. Não há duas pilhas do mesmo tamanho. Seja W (n) o número de posições vencedoras que satisfaçam as condições acima (uma posição é vencedora se o primeiro jogador tiver uma estratégia vencedora). Por exemplo, W (1) = 1, W (2) = 6, W (3) = 168, W (5) = 19764360 e W (100) mod. 1 000 000 007 = 384777056. <p> Encontre W (10 000 000) mod 1 000 000 007. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler409()</code> deve retornar 253223948.
+    testString: 'assert.strictEqual(euler409(), 253223948, "<code>euler409()</code> should return 253223948.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler409() {
+  // Good luck!
+  return true;
+}
+
+euler409();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-41-pandigital-prime.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-41-pandigital-prime.portuguese.md
new file mode 100644
index 0000000000..f88c3e199a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-41-pandigital-prime.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: 5900f3951000cf542c50fea8
+challengeType: 5
+title: 'Problem 41: Pandigital prime'
+videoUrl: ''
+localeTitle: 'Problema 41: Pandigital prime'
+---
+
+## Description
+<section id="description"> Devemos dizer que um número de <i>n</i> dígitos é pandigital se faz uso de todos os dígitos de 1 a <i>n</i> exatamente uma vez. Por exemplo, 2143 é um pandigital de 4 dígitos e também é primo. Qual é o maior prime pandigital de <i>n-</i> comprimento que existe? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>pandigitalPrime(4)</code> deve retornar 4231.
+    testString: 'assert(pandigitalPrime(4) == 4231, "<code>pandigitalPrime(4)</code> should return 4231.");'
+  - text: <code>pandigitalPrime(7)</code> deve retornar 7652413.
+    testString: 'assert(pandigitalPrime(7) == 7652413, "<code>pandigitalPrime(7)</code> should return 7652413.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pandigitalPrime(n) {
+  // Good luck!
+  return n;
+}
+
+pandigitalPrime(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-410-circle-and-tangent-line.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-410-circle-and-tangent-line.portuguese.md
new file mode 100644
index 0000000000..8ea0c1c538
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-410-circle-and-tangent-line.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5071000cf542c510018
+challengeType: 5
+title: 'Problem 410: Circle and tangent line'
+videoUrl: ''
+localeTitle: 'Problema 410: Linha Circular e Tangente'
+---
+
+## Description
+<section id="description"> Seja C o círculo com raio r, x2 + y2 = r2. Escolhemos dois pontos P (a, b) e Q (-a, c) para que a linha passando por P e Q seja tangente a C. <p> Por exemplo, o quadrigêmeo (r, a, b, c) = (2, 6, 2, -7) satisfaz essa propriedade. </p><p> Seja F (R, X) o número dos quadrigêmeos inteiros (r, a, b, c) com essa propriedade e com 0 &lt;r ≤ R e 0 &lt;a ≤ X. </p><p> Podemos verificar que F (1, 5) = 10, F (2, 10) = 52 e F (10, 100) = 3384. Encontre F (108, 109) + F (109, 108). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler410()</code> deve retornar 799999783589946600.
+    testString: 'assert.strictEqual(euler410(), 799999783589946600, "<code>euler410()</code> should return 799999783589946600.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler410() {
+  // Good luck!
+  return true;
+}
+
+euler410();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-411-uphill-paths.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-411-uphill-paths.portuguese.md
new file mode 100644
index 0000000000..e5c17ea264
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-411-uphill-paths.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5081000cf542c510019
+challengeType: 5
+title: 'Problem 411: Uphill paths'
+videoUrl: ''
+localeTitle: 'Problema 411: caminhos subidos'
+---
+
+## Description
+<section id="description"> Seja n um inteiro positivo. Suponha que existam estações nas coordenadas (x, y) = (2i mod n, 3i mod n) para 0 ≤ i ≤ 2n. Vamos considerar estações com as mesmas coordenadas da mesma estação. <p> Desejamos formar um caminho de (0, 0) a (n, n) de modo que as coordenadas x e y nunca diminuam. Seja S (n) o número máximo de estações que um caminho pode atravessar. </p><p> Por exemplo, se n = 22, existem 11 estações distintas, e um caminho válido pode atravessar no máximo 5 estações. Portanto, S (22) = 5. O caso é ilustrado abaixo, com um exemplo de um caminho ótimo: </p><p> Também pode ser verificado que S (123) = 14 e S (10000) = 48. </p><p> Encontre ∑ S (k5) para 1 ≤ k ≤ 30. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler411()</code> deve retornar 9936352.
+    testString: 'assert.strictEqual(euler411(), 9936352, "<code>euler411()</code> should return 9936352.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler411() {
+  // Good luck!
+  return true;
+}
+
+euler411();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-412-gnomon-numbering.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-412-gnomon-numbering.portuguese.md
new file mode 100644
index 0000000000..d9c8ca82b1
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-412-gnomon-numbering.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5081000cf542c51001a
+challengeType: 5
+title: 'Problem 412: Gnomon numbering'
+videoUrl: ''
+localeTitle: 'Problema 412: numeração Gnomon'
+---
+
+## Description
+<section id="description"> Para inteiros m, n (0 ≤ n &lt;m), seja L (m, n) uma grade m × m com a grade superior direita n × n removida. <p> Por exemplo, L (5, 3) se parece com isto: </p><p> Queremos numerar cada célula de L (m, n) com inteiros consecutivos 1, 2, 3, ... de modo que o número em cada célula seja menor que o número abaixo dela e à esquerda dela. </p><p> Por exemplo, aqui estão duas numerações válidas de L (5, 3): </p><p> Seja LC (m, n) o número de numerações válidas de L (m, n). Pode ser verificado que LC (3, 0) = 42, LC (5, 3) = 250250, LC (6, 3) = 406029023400 e LC (10, 5) mod 76543217 = 61251715. </p><p> Encontre LC (10000, 5000) mod 76543217. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler412()</code> deve retornar 38788800.
+    testString: 'assert.strictEqual(euler412(), 38788800, "<code>euler412()</code> should return 38788800.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler412() {
+  // Good luck!
+  return true;
+}
+
+euler412();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-413-one-child-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-413-one-child-numbers.portuguese.md
new file mode 100644
index 0000000000..1dade77861
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-413-one-child-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f50a1000cf542c51001c
+challengeType: 5
+title: 'Problem 413: One-child Numbers'
+videoUrl: ''
+localeTitle: 'Problema 413: Números de um filho'
+---
+
+## Description
+<section id="description"> Dizemos que um número positivo de d dígitos (sem zeros à esquerda) é um número de filho único se exatamente uma de suas sub-cadeias é divisível por d. <p> Por exemplo, 5671 é um número de um dígito de 4 dígitos. Entre todas as suas sub-seqüências 5, 6, 7, 1, 56, 67, 71, 567, 671 e 5671, apenas 56 é divisível por 4. Da mesma forma, 104 é um número de um dígito de três dígitos porque apenas 0 é divisível por 3. 1132451 é um número de um dígito de 7 dígitos porque apenas 245 é divisível por 7. </p><p> Seja F (N) o número de números de um filho menor que N. Podemos verificar que F (10) = 9, F (103) = 389 e F (107) = 277674. </p><p> Encontre F (1019). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler413()</code> deve retornar 3079418648040719.
+    testString: 'assert.strictEqual(euler413(), 3079418648040719, "<code>euler413()</code> should return 3079418648040719.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler413() {
+  // Good luck!
+  return true;
+}
+
+euler413();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-414-kaprekar-constant.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-414-kaprekar-constant.portuguese.md
new file mode 100644
index 0000000000..332538d843
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-414-kaprekar-constant.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f50b1000cf542c51001d
+challengeType: 5
+title: 'Problem 414: Kaprekar constant'
+videoUrl: ''
+localeTitle: 'Problema 414: constante de legenda'
+---
+
+## Description
+<section id="description"> 6174 é um número notável; se classificarmos seus dígitos em ordem crescente e subtrair esse número do número obtido quando você classificar os dígitos em ordem decrescente, obteremos 7641-1467 = 6174. Ainda mais notável é que se começarmos com qualquer número de 4 dígitos e repetirmos este processo de classificação e subtração, acabaremos com 6174 ou imediatamente com 0 se todos os dígitos forem iguais. Isso também funciona com números que têm menos de 4 dígitos, se preenchermos o número com zeros à esquerda até que tenhamos 4 dígitos. Por exemplo, vamos começar com o número 0837: 8730-0378 = 8352 8532-2358 = 6174 <p> 6174 é chamado a constante de Kaprekar. O processo de classificação, subtração e repetição até que 0 ou a constante da Kaprekar seja alcançada é chamado de rotina Kaprekar. </p><p> Podemos considerar a rotina da Kaprekar para outras bases e número de dígitos. Infelizmente, não é garantido que uma constante Kaprekar exista em todos os casos; ou a rotina pode terminar em um ciclo para alguns números de entrada ou a constante à qual a rotina chega pode ser diferente para diferentes números de entrada. No entanto, pode-se mostrar que, para 5 dígitos e uma base b = 6t + 3 ≠ 9, existe uma constante de Kaprekar. Por exemplo, base 15: (10,4,14,9,5) 15 base 21: (14,6,20,13,7) 21 </p><p> Defina Cb para ser a constante de Kaprekar na base b para 5 dígitos. Defina a função sb (i) como 0 se i = Cb ou se eu escrevi na base b consiste em 5 dígitos idênticos o número de iterações que a rotina de Kaprekar leva na base b para chegar a Cb, caso contrário </p><p> Note que podemos definir sb (i) para todos os inteiros i &lt;b5. Se eu escrevi na base b leva menos de 5 dígitos, o número é preenchido com zero dígitos até que tenhamos 5 dígitos antes de aplicar a rotina Kaprekar. </p><p> Defina S (b) como a soma de sb (i) para 0 &lt;i &lt;b5. Por exemplo, S (15) = 5274369 S (111) = 400668930299 </p><p> Encontre a soma de S (6k + 3) para 2 ≤ k ≤ 300. Dê os últimos 18 dígitos como sua resposta. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler414()</code> deve retornar 552506775824935500.
+    testString: 'assert.strictEqual(euler414(), 552506775824935500, "<code>euler414()</code> should return 552506775824935500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler414() {
+  // Good luck!
+  return true;
+}
+
+euler414();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-415-titanic-sets.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-415-titanic-sets.portuguese.md
new file mode 100644
index 0000000000..5873378755
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-415-titanic-sets.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f50c1000cf542c51001e
+challengeType: 5
+title: 'Problem 415: Titanic sets'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Um conjunto de pontos de treliça S é chamado de conjunto titânico se existir uma linha passando exatamente por dois pontos em S. <p> Um exemplo de um conjunto titânico é S = {(0, 0), (0, 1), (0, 2), (1, 1), (2, 0), (1, 0)}, onde a linha passar por (0, 1) e (2, 0) não passa por nenhum outro ponto em S. </p><p> Por outro lado, o conjunto {(0, 0), (1, 1), (2, 2), (4, 4)} não é um conjunto titânico, pois a linha que passa por quaisquer dois pontos no conjunto também passa através dos outros dois. </p><p> Para qualquer inteiro positivo N, seja T (N) o número de conjuntos titânicos S cujo cada ponto (x, y) satisfaz 0 ≤ x, y ≤ N. Pode-se verificar que T (1) = 11, T (2 ) = 494, T (4) = 33554178, T (111) mod. 108 = 13500401 e T (105) mod. 108 = 63259062. </p><p> Encontre T (1011) mod 108. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler415()</code> deve retornar 55859742.
+    testString: 'assert.strictEqual(euler415(), 55859742, "<code>euler415()</code> should return 55859742.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler415() {
+  // Good luck!
+  return true;
+}
+
+euler415();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-416-a-frogs-trip.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-416-a-frogs-trip.portuguese.md
new file mode 100644
index 0000000000..399e37ad21
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-416-a-frogs-trip.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f50e1000cf542c510020
+challengeType: 5
+title: 'Problem 416: A frog"s trip'
+videoUrl: ''
+localeTitle: 'Problema 416: Viagem de um sapo'
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler416()</code> deve retornar 898082747.
+    testString: 'assert.strictEqual(euler416(), 898082747, "<code>euler416()</code> should return 898082747.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler416() {
+  // Good luck!
+  return true;
+}
+
+euler416();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-417-reciprocal-cycles-ii.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-417-reciprocal-cycles-ii.portuguese.md
new file mode 100644
index 0000000000..f716b79b66
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-417-reciprocal-cycles-ii.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f50d1000cf542c51001f
+challengeType: 5
+title: 'Problem 417: Reciprocal cycles II'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Uma fração unitária contém 1 no numerador. A representação decimal das frações unitárias com os denominadores 2 a 10 é dada: <p> 1/2 = 0,5 1/3 = 0. (3) 1/4 = 0,25 1/5 = 0,2 1/6 = 0,1 (6) 1/7 = 0 (142857) 1/8 = 0,125 1/9 = 0. (1) 1/10 = 0,1 </p><p> Onde 0,1 (6) significa 0,166666 ... e tem um ciclo recorrente de 1 dígito. Pode ser visto que 1/7 tem um ciclo recorrente de 6 dígitos. </p><p> As frações unitárias cujo denominador não possui outros fatores primos de 2 e / ou 5 não são consideradas como tendo um ciclo recorrente. Definimos o comprimento do ciclo recorrente dessas frações unitárias como 0. </p><p> Seja L (n) o comprimento do ciclo recorrente de 1 / n. Você está dado que ∑L (n) para 3 ≤ n ≤ 1 000 000 é igual a 55535191115. </p><p> Encontre ∑L (n) para 3 ≤ n ≤ 100 000 000 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler417()</code> deve retornar 446572970925740.
+    testString: 'assert.strictEqual(euler417(), 446572970925740, "<code>euler417()</code> should return 446572970925740.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler417() {
+  // Good luck!
+  return true;
+}
+
+euler417();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-418-factorisation-triples.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-418-factorisation-triples.portuguese.md
new file mode 100644
index 0000000000..9f8e5d25d8
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-418-factorisation-triples.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f50f1000cf542c510021
+challengeType: 5
+title: 'Problem 418: Factorisation triples'
+videoUrl: ''
+localeTitle: 'Problema 418: Factorização Tripla'
+---
+
+## Description
+<section id="description"> Seja n um inteiro positivo. Um inteiro triplo (a, b, c) é chamado triplo de fatoração de n se: 1 ≤ a ≤ b ≤ c a · b · c = n. <p> Defina f (n) para ser a + b + c para o triplo de fatoração (a, b, c) de n que minimiza c / a. Pode-se mostrar que esse triplo é único. </p><p> Por exemplo, f (165) = 19, f (100100) = 142 e f (20!) = 4034872. </p><p> Encontre f (43!). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler418()</code> deve retornar 1177163565297340400.
+    testString: 'assert.strictEqual(euler418(), 1177163565297340400, "<code>euler418()</code> should return 1177163565297340400.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler418() {
+  // Good luck!
+  return true;
+}
+
+euler418();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-419-look-and-say-sequence.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-419-look-and-say-sequence.portuguese.md
new file mode 100644
index 0000000000..bed04debac
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-419-look-and-say-sequence.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5101000cf542c510022
+challengeType: 5
+title: 'Problem 419: Look and say sequence'
+videoUrl: ''
+localeTitle: 'Problema 419: Olhe e diga sequência'
+---
+
+## Description
+<section id="description"> O olhar e dizer seqüência vai 1, 11, 21, 1211, 111221, 312211, 13112221, 1113213211, ... A seqüência começa com 1 e todos os outros membros são obtidos, descrevendo o membro anterior em termos de dígitos consecutivos. Isso ajuda a fazer isso em voz alta: 1 é &#39;um só&#39; → 11 11 é &#39;dois queridos&#39; → 21 21 é &#39;um dois e um um&#39; → 1211 1211 é &#39;um um, um dois e dois&#39; → 111221 111221 é &#39;três uns dois e dois um&#39; → 312211 ... <p> Defina A (n), B (n) e C (n) como o número de uns, dois e três no n-ésimo elemento da sequência, respectivamente. Pode-se verificar que A (40) = 31254, B (40) = 20259 e C (40) = 11625. </p><p> Encontre A (n), B (n) e C (n) para n = 1012. Dê sua resposta módulo 230 e separe seus valores para A, B e C por vírgula. Por exemplo, para n = 40 a resposta seria 31254,20259,11625 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>euler419()</code> deve retornar 998567458, 1046245404, 43363922.'
+    testString: 'assert.strictEqual(euler419(), 998567458, 1046245404, 43363922, "<code>euler419()</code> should return 998567458, 1046245404, 43363922.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler419() {
+  // Good luck!
+  return true;
+}
+
+euler419();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-42-coded-triangle-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-42-coded-triangle-numbers.portuguese.md
new file mode 100644
index 0000000000..6ac4d9f30f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-42-coded-triangle-numbers.portuguese.md
@@ -0,0 +1,64 @@
+---
+id: 5900f3961000cf542c50fea9
+challengeType: 5
+title: 'Problem 42: Coded triangle numbers'
+videoUrl: ''
+localeTitle: 'Problema 42: Números de triângulos codificados'
+---
+
+## Description
+<section id="description"> O enésimo termo da seqüência de números triangulares é dado por, tn = ½n (n + 1); então os primeiros dez números do triângulo são: 1, 3, 6, 10, 15, 21, 28, 36, 45, 55, ... Convertendo cada letra em uma palavra para um número correspondente à sua posição alfabética e adicionando esses valores nós formamos um valor de palavra. Por exemplo, o valor da palavra para SKY é 19 + 11 + 25 = 55 = t10. Se o valor da palavra é um número triangular, então devemos chamar a palavra uma palavra triangular. Usando palavras array de n-length, quantas são palavras triangulares? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>codedTriangleNumbers(1400)</code> deve retornar 129.
+    testString: 'assert(codedTriangleNumbers(1400) == 129, "<code>codedTriangleNumbers(1400)</code> should return 129.");'
+  - text: <code>codedTriangleNumbers(1500)</code> deve retornar 137.
+    testString: 'assert(codedTriangleNumbers(1500) == 137, "<code>codedTriangleNumbers(1500)</code> should return 137.");'
+  - text: <code>codedTriangleNumbers(1600)</code> deve retornar 141.
+    testString: 'assert(codedTriangleNumbers(1600) == 141, "<code>codedTriangleNumbers(1600)</code> should return 141.");'
+  - text: <code>codedTriangleNumbers(1786)</code> deve retornar 162.
+    testString: 'assert(codedTriangleNumbers(1786) == 162, "<code>codedTriangleNumbers(1786)</code> should return 162.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function codedTriangleNumbers(n) {
+  // Good luck!
+  return 1;
+}
+// only change code above this line
+
+const words = ['A','ABILITY','ABLE','ABOUT','ABOVE','ABSENCE','ABSOLUTELY','ACADEMIC','ACCEPT','ACCESS','ACCIDENT','ACCOMPANY','ACCORDING','ACCOUNT','ACHIEVE','ACHIEVEMENT','ACID','ACQUIRE','ACROSS','ACT','ACTION','ACTIVE','ACTIVITY','ACTUAL','ACTUALLY','ADD','ADDITION','ADDITIONAL','ADDRESS','ADMINISTRATION','ADMIT','ADOPT','ADULT','ADVANCE','ADVANTAGE','ADVICE','ADVISE','AFFAIR','AFFECT','AFFORD','AFRAID','AFTER','AFTERNOON','AFTERWARDS','AGAIN','AGAINST','AGE','AGENCY','AGENT','AGO','AGREE','AGREEMENT','AHEAD','AID','AIM','AIR','AIRCRAFT','ALL','ALLOW','ALMOST','ALONE','ALONG','ALREADY','ALRIGHT','ALSO','ALTERNATIVE','ALTHOUGH','ALWAYS','AMONG','AMONGST','AMOUNT','AN','ANALYSIS','ANCIENT','AND','ANIMAL','ANNOUNCE','ANNUAL','ANOTHER','ANSWER','ANY','ANYBODY','ANYONE','ANYTHING','ANYWAY','APART','APPARENT','APPARENTLY','APPEAL','APPEAR','APPEARANCE','APPLICATION','APPLY','APPOINT','APPOINTMENT','APPROACH','APPROPRIATE','APPROVE','AREA','ARGUE','ARGUMENT','ARISE','ARM','ARMY','AROUND','ARRANGE','ARRANGEMENT','ARRIVE','ART','ARTICLE','ARTIST','AS','ASK','ASPECT','ASSEMBLY','ASSESS','ASSESSMENT','ASSET','ASSOCIATE','ASSOCIATION','ASSUME','ASSUMPTION','AT','ATMOSPHERE','ATTACH','ATTACK','ATTEMPT','ATTEND','ATTENTION','ATTITUDE','ATTRACT','ATTRACTIVE','AUDIENCE','AUTHOR','AUTHORITY','AVAILABLE','AVERAGE','AVOID','AWARD','AWARE','AWAY','AYE','BABY','BACK','BACKGROUND','BAD','BAG','BALANCE','BALL','BAND','BANK','BAR','BASE','BASIC','BASIS','BATTLE','BE','BEAR','BEAT','BEAUTIFUL','BECAUSE','BECOME','BED','BEDROOM','BEFORE','BEGIN','BEGINNING','BEHAVIOUR','BEHIND','BELIEF','BELIEVE','BELONG','BELOW','BENEATH','BENEFIT','BESIDE','BEST','BETTER','BETWEEN','BEYOND','BIG','BILL','BIND','BIRD','BIRTH','BIT','BLACK','BLOCK','BLOOD','BLOODY','BLOW','BLUE','BOARD','BOAT','BODY','BONE','BOOK','BORDER','BOTH','BOTTLE','BOTTOM','BOX','BOY','BRAIN','BRANCH','BREAK','BREATH','BRIDGE','BRIEF','BRIGHT','BRING','BROAD','BROTHER','BUDGET','BUILD','BUILDING','BURN','BUS','BUSINESS','BUSY','BUT','BUY','BY','CABINET','CALL','CAMPAIGN','CAN','CANDIDATE','CAPABLE','CAPACITY','CAPITAL','CAR','CARD','CARE','CAREER','CAREFUL','CAREFULLY','CARRY','CASE','CASH','CAT','CATCH','CATEGORY','CAUSE','CELL','CENTRAL','CENTRE','CENTURY','CERTAIN','CERTAINLY','CHAIN','CHAIR','CHAIRMAN','CHALLENGE','CHANCE','CHANGE','CHANNEL','CHAPTER','CHARACTER','CHARACTERISTIC','CHARGE','CHEAP','CHECK','CHEMICAL','CHIEF','CHILD','CHOICE','CHOOSE','CHURCH','CIRCLE','CIRCUMSTANCE','CITIZEN','CITY','CIVIL','CLAIM','CLASS','CLEAN','CLEAR','CLEARLY','CLIENT','CLIMB','CLOSE','CLOSELY','CLOTHES','CLUB','COAL','CODE','COFFEE','COLD','COLLEAGUE','COLLECT','COLLECTION','COLLEGE','COLOUR','COMBINATION','COMBINE','COME','COMMENT','COMMERCIAL','COMMISSION','COMMIT','COMMITMENT','COMMITTEE','COMMON','COMMUNICATION','COMMUNITY','COMPANY','COMPARE','COMPARISON','COMPETITION','COMPLETE','COMPLETELY','COMPLEX','COMPONENT','COMPUTER','CONCENTRATE','CONCENTRATION','CONCEPT','CONCERN','CONCERNED','CONCLUDE','CONCLUSION','CONDITION','CONDUCT','CONFERENCE','CONFIDENCE','CONFIRM','CONFLICT','CONGRESS','CONNECT','CONNECTION','CONSEQUENCE','CONSERVATIVE','CONSIDER','CONSIDERABLE','CONSIDERATION','CONSIST','CONSTANT','CONSTRUCTION','CONSUMER','CONTACT','CONTAIN','CONTENT','CONTEXT','CONTINUE','CONTRACT','CONTRAST','CONTRIBUTE','CONTRIBUTION','CONTROL','CONVENTION','CONVERSATION','COPY','CORNER','CORPORATE','CORRECT','COS','COST','COULD','COUNCIL','COUNT','COUNTRY','COUNTY','COUPLE','COURSE','COURT','COVER','CREATE','CREATION','CREDIT','CRIME','CRIMINAL','CRISIS','CRITERION','CRITICAL','CRITICISM','CROSS','CROWD','CRY','CULTURAL','CULTURE','CUP','CURRENT','CURRENTLY','CURRICULUM','CUSTOMER','CUT','DAMAGE','DANGER','DANGEROUS','DARK','DATA','DATE','DAUGHTER','DAY','DEAD','DEAL','DEATH','DEBATE','DEBT','DECADE','DECIDE','DECISION','DECLARE','DEEP','DEFENCE','DEFENDANT','DEFINE','DEFINITION','DEGREE','DELIVER','DEMAND','DEMOCRATIC','DEMONSTRATE','DENY','DEPARTMENT','DEPEND','DEPUTY','DERIVE','DESCRIBE','DESCRIPTION','DESIGN','DESIRE','DESK','DESPITE','DESTROY','DETAIL','DETAILED','DETERMINE','DEVELOP','DEVELOPMENT','DEVICE','DIE','DIFFERENCE','DIFFERENT','DIFFICULT','DIFFICULTY','DINNER','DIRECT','DIRECTION','DIRECTLY','DIRECTOR','DISAPPEAR','DISCIPLINE','DISCOVER','DISCUSS','DISCUSSION','DISEASE','DISPLAY','DISTANCE','DISTINCTION','DISTRIBUTION','DISTRICT','DIVIDE','DIVISION','DO','DOCTOR','DOCUMENT','DOG','DOMESTIC','DOOR','DOUBLE','DOUBT','DOWN','DRAW','DRAWING','DREAM','DRESS','DRINK','DRIVE','DRIVER','DROP','DRUG','DRY','DUE','DURING','DUTY','EACH','EAR','EARLY','EARN','EARTH','EASILY','EAST','EASY','EAT','ECONOMIC','ECONOMY','EDGE','EDITOR','EDUCATION','EDUCATIONAL','EFFECT','EFFECTIVE','EFFECTIVELY','EFFORT','EGG','EITHER','ELDERLY','ELECTION','ELEMENT','ELSE','ELSEWHERE','EMERGE','EMPHASIS','EMPLOY','EMPLOYEE','EMPLOYER','EMPLOYMENT','EMPTY','ENABLE','ENCOURAGE','END','ENEMY','ENERGY','ENGINE','ENGINEERING','ENJOY','ENOUGH','ENSURE','ENTER','ENTERPRISE','ENTIRE','ENTIRELY','ENTITLE','ENTRY','ENVIRONMENT','ENVIRONMENTAL','EQUAL','EQUALLY','EQUIPMENT','ERROR','ESCAPE','ESPECIALLY','ESSENTIAL','ESTABLISH','ESTABLISHMENT','ESTATE','ESTIMATE','EVEN','EVENING','EVENT','EVENTUALLY','EVER','EVERY','EVERYBODY','EVERYONE','EVERYTHING','EVIDENCE','EXACTLY','EXAMINATION','EXAMINE','EXAMPLE','EXCELLENT','EXCEPT','EXCHANGE','EXECUTIVE','EXERCISE','EXHIBITION','EXIST','EXISTENCE','EXISTING','EXPECT','EXPECTATION','EXPENDITURE','EXPENSE','EXPENSIVE','EXPERIENCE','EXPERIMENT','EXPERT','EXPLAIN','EXPLANATION','EXPLORE','EXPRESS','EXPRESSION','EXTEND','EXTENT','EXTERNAL','EXTRA','EXTREMELY','EYE','FACE','FACILITY','FACT','FACTOR','FACTORY','FAIL','FAILURE','FAIR','FAIRLY','FAITH','FALL','FAMILIAR','FAMILY','FAMOUS','FAR','FARM','FARMER','FASHION','FAST','FATHER','FAVOUR','FEAR','FEATURE','FEE','FEEL','FEELING','FEMALE','FEW','FIELD','FIGHT','FIGURE','FILE','FILL','FILM','FINAL','FINALLY','FINANCE','FINANCIAL','FIND','FINDING','FINE','FINGER','FINISH','FIRE','FIRM','FIRST','FISH','FIT','FIX','FLAT','FLIGHT','FLOOR','FLOW','FLOWER','FLY','FOCUS','FOLLOW','FOLLOWING','FOOD','FOOT','FOOTBALL','FOR','FORCE','FOREIGN','FOREST','FORGET','FORM','FORMAL','FORMER','FORWARD','FOUNDATION','FREE','FREEDOM','FREQUENTLY','FRESH','FRIEND','FROM','FRONT','FRUIT','FUEL','FULL','FULLY','FUNCTION','FUND','FUNNY','FURTHER','FUTURE','GAIN','GAME','GARDEN','GAS','GATE','GATHER','GENERAL','GENERALLY','GENERATE','GENERATION','GENTLEMAN','GET','GIRL','GIVE','GLASS','GO','GOAL','GOD','GOLD','GOOD','GOVERNMENT','GRANT','GREAT','GREEN','GREY','GROUND','GROUP','GROW','GROWING','GROWTH','GUEST','GUIDE','GUN','HAIR','HALF','HALL','HAND','HANDLE','HANG','HAPPEN','HAPPY','HARD','HARDLY','HATE','HAVE','HE','HEAD','HEALTH','HEAR','HEART','HEAT','HEAVY','HELL','HELP','HENCE','HER','HERE','HERSELF','HIDE','HIGH','HIGHLY','HILL','HIM','HIMSELF','HIS','HISTORICAL','HISTORY','HIT','HOLD','HOLE','HOLIDAY','HOME','HOPE','HORSE','HOSPITAL','HOT','HOTEL','HOUR','HOUSE','HOUSEHOLD','HOUSING','HOW','HOWEVER','HUGE','HUMAN','HURT','HUSBAND','I','IDEA','IDENTIFY','IF','IGNORE','ILLUSTRATE','IMAGE','IMAGINE','IMMEDIATE','IMMEDIATELY','IMPACT','IMPLICATION','IMPLY','IMPORTANCE','IMPORTANT','IMPOSE','IMPOSSIBLE','IMPRESSION','IMPROVE','IMPROVEMENT','IN','INCIDENT','INCLUDE','INCLUDING','INCOME','INCREASE','INCREASED','INCREASINGLY','INDEED','INDEPENDENT','INDEX','INDICATE','INDIVIDUAL','INDUSTRIAL','INDUSTRY','INFLUENCE','INFORM','INFORMATION','INITIAL','INITIATIVE','INJURY','INSIDE','INSIST','INSTANCE','INSTEAD','INSTITUTE','INSTITUTION','INSTRUCTION','INSTRUMENT','INSURANCE','INTEND','INTENTION','INTEREST','INTERESTED','INTERESTING','INTERNAL','INTERNATIONAL','INTERPRETATION','INTERVIEW','INTO','INTRODUCE','INTRODUCTION','INVESTIGATE','INVESTIGATION','INVESTMENT','INVITE','INVOLVE','IRON','IS','ISLAND','ISSUE','IT','ITEM','ITS','ITSELF','JOB','JOIN','JOINT','JOURNEY','JUDGE','JUMP','JUST','JUSTICE','KEEP','KEY','KID','KILL','KIND','KING','KITCHEN','KNEE','KNOW','KNOWLEDGE','LABOUR','LACK','LADY','LAND','LANGUAGE','LARGE','LARGELY','LAST','LATE','LATER','LATTER','LAUGH','LAUNCH','LAW','LAWYER','LAY','LEAD','LEADER','LEADERSHIP','LEADING','LEAF','LEAGUE','LEAN','LEARN','LEAST','LEAVE','LEFT','LEG','LEGAL','LEGISLATION','LENGTH','LESS','LET','LETTER','LEVEL','LIABILITY','LIBERAL','LIBRARY','LIE','LIFE','LIFT','LIGHT','LIKE','LIKELY','LIMIT','LIMITED','LINE','LINK','LIP','LIST','LISTEN','LITERATURE','LITTLE','LIVE','LIVING','LOAN','LOCAL','LOCATION','LONG','LOOK','LORD','LOSE','LOSS','LOT','LOVE','LOVELY','LOW','LUNCH','MACHINE','MAGAZINE','MAIN','MAINLY','MAINTAIN','MAJOR','MAJORITY','MAKE','MALE','MAN','MANAGE','MANAGEMENT','MANAGER','MANNER','MANY','MAP','MARK','MARKET','MARRIAGE','MARRIED','MARRY','MASS','MASTER','MATCH','MATERIAL','MATTER','MAY','MAYBE','ME','MEAL','MEAN','MEANING','MEANS','MEANWHILE','MEASURE','MECHANISM','MEDIA','MEDICAL','MEET','MEETING','MEMBER','MEMBERSHIP','MEMORY','MENTAL','MENTION','MERELY','MESSAGE','METAL','METHOD','MIDDLE','MIGHT','MILE','MILITARY','MILK','MIND','MINE','MINISTER','MINISTRY','MINUTE','MISS','MISTAKE','MODEL','MODERN','MODULE','MOMENT','MONEY','MONTH','MORE','MORNING','MOST','MOTHER','MOTION','MOTOR','MOUNTAIN','MOUTH','MOVE','MOVEMENT','MUCH','MURDER','MUSEUM','MUSIC','MUST','MY','MYSELF','NAME','NARROW','NATION','NATIONAL','NATURAL','NATURE','NEAR','NEARLY','NECESSARILY','NECESSARY','NECK','NEED','NEGOTIATION','NEIGHBOUR','NEITHER','NETWORK','NEVER','NEVERTHELESS','NEW','NEWS','NEWSPAPER','NEXT','NICE','NIGHT','NO','NOBODY','NOD','NOISE','NONE','NOR','NORMAL','NORMALLY','NORTH','NORTHERN','NOSE','NOT','NOTE','NOTHING','NOTICE','NOTION','NOW','NUCLEAR','NUMBER','NURSE','OBJECT','OBJECTIVE','OBSERVATION','OBSERVE','OBTAIN','OBVIOUS','OBVIOUSLY','OCCASION','OCCUR','ODD','OF','OFF','OFFENCE','OFFER','OFFICE','OFFICER','OFFICIAL','OFTEN','OIL','OKAY','OLD','ON','ONCE','ONE','ONLY','ONTO','OPEN','OPERATE','OPERATION','OPINION','OPPORTUNITY','OPPOSITION','OPTION','OR','ORDER','ORDINARY','ORGANISATION','ORGANISE','ORGANIZATION','ORIGIN','ORIGINAL','OTHER','OTHERWISE','OUGHT','OUR','OURSELVES','OUT','OUTCOME','OUTPUT','OUTSIDE','OVER','OVERALL','OWN','OWNER','PACKAGE','PAGE','PAIN','PAINT','PAINTING','PAIR','PANEL','PAPER','PARENT','PARK','PARLIAMENT','PART','PARTICULAR','PARTICULARLY','PARTLY','PARTNER','PARTY','PASS','PASSAGE','PAST','PATH','PATIENT','PATTERN','PAY','PAYMENT','PEACE','PENSION','PEOPLE','PER','PERCENT','PERFECT','PERFORM','PERFORMANCE','PERHAPS','PERIOD','PERMANENT','PERSON','PERSONAL','PERSUADE','PHASE','PHONE','PHOTOGRAPH','PHYSICAL','PICK','PICTURE','PIECE','PLACE','PLAN','PLANNING','PLANT','PLASTIC','PLATE','PLAY','PLAYER','PLEASE','PLEASURE','PLENTY','PLUS','POCKET','POINT','POLICE','POLICY','POLITICAL','POLITICS','POOL','POOR','POPULAR','POPULATION','POSITION','POSITIVE','POSSIBILITY','POSSIBLE','POSSIBLY','POST','POTENTIAL','POUND','POWER','POWERFUL','PRACTICAL','PRACTICE','PREFER','PREPARE','PRESENCE','PRESENT','PRESIDENT','PRESS','PRESSURE','PRETTY','PREVENT','PREVIOUS','PREVIOUSLY','PRICE','PRIMARY','PRIME','PRINCIPLE','PRIORITY','PRISON','PRISONER','PRIVATE','PROBABLY','PROBLEM','PROCEDURE','PROCESS','PRODUCE','PRODUCT','PRODUCTION','PROFESSIONAL','PROFIT','PROGRAM','PROGRAMME','PROGRESS','PROJECT','PROMISE','PROMOTE','PROPER','PROPERLY','PROPERTY','PROPORTION','PROPOSE','PROPOSAL','PROSPECT','PROTECT','PROTECTION','PROVE','PROVIDE','PROVIDED','PROVISION','PUB','PUBLIC','PUBLICATION','PUBLISH','PULL','PUPIL','PURPOSE','PUSH','PUT','QUALITY','QUARTER','QUESTION','QUICK','QUICKLY','QUIET','QUITE','RACE','RADIO','RAILWAY','RAIN','RAISE','RANGE','RAPIDLY','RARE','RATE','RATHER','REACH','REACTION','READ','READER','READING','READY','REAL','REALISE','REALITY','REALIZE','REALLY','REASON','REASONABLE','RECALL','RECEIVE','RECENT','RECENTLY','RECOGNISE','RECOGNITION','RECOGNIZE','RECOMMEND','RECORD','RECOVER','RED','REDUCE','REDUCTION','REFER','REFERENCE','REFLECT','REFORM','REFUSE','REGARD','REGION','REGIONAL','REGULAR','REGULATION','REJECT','RELATE','RELATION','RELATIONSHIP','RELATIVE','RELATIVELY','RELEASE','RELEVANT','RELIEF','RELIGION','RELIGIOUS','RELY','REMAIN','REMEMBER','REMIND','REMOVE','REPEAT','REPLACE','REPLY','REPORT','REPRESENT','REPRESENTATION','REPRESENTATIVE','REQUEST','REQUIRE','REQUIREMENT','RESEARCH','RESOURCE','RESPECT','RESPOND','RESPONSE','RESPONSIBILITY','RESPONSIBLE','REST','RESTAURANT','RESULT','RETAIN','RETURN','REVEAL','REVENUE','REVIEW','REVOLUTION','RICH','RIDE','RIGHT','RING','RISE','RISK','RIVER','ROAD','ROCK','ROLE','ROLL','ROOF','ROOM','ROUND','ROUTE','ROW','ROYAL','RULE','RUN','RURAL','SAFE','SAFETY','SALE','SAME','SAMPLE','SATISFY','SAVE','SAY','SCALE','SCENE','SCHEME','SCHOOL','SCIENCE','SCIENTIFIC','SCIENTIST','SCORE','SCREEN','SEA','SEARCH','SEASON','SEAT','SECOND','SECONDARY','SECRETARY','SECTION','SECTOR','SECURE','SECURITY','SEE','SEEK','SEEM','SELECT','SELECTION','SELL','SEND','SENIOR','SENSE','SENTENCE','SEPARATE','SEQUENCE','SERIES','SERIOUS','SERIOUSLY','SERVANT','SERVE','SERVICE','SESSION','SET','SETTLE','SETTLEMENT','SEVERAL','SEVERE','SEX','SEXUAL','SHAKE','SHALL','SHAPE','SHARE','SHE','SHEET','SHIP','SHOE','SHOOT','SHOP','SHORT','SHOT','SHOULD','SHOULDER','SHOUT','SHOW','SHUT','SIDE','SIGHT','SIGN','SIGNAL','SIGNIFICANCE','SIGNIFICANT','SILENCE','SIMILAR','SIMPLE','SIMPLY','SINCE','SING','SINGLE','SIR','SISTER','SIT','SITE','SITUATION','SIZE','SKILL','SKIN','SKY','SLEEP','SLIGHTLY','SLIP','SLOW','SLOWLY','SMALL','SMILE','SO','SOCIAL','SOCIETY','SOFT','SOFTWARE','SOIL','SOLDIER','SOLICITOR','SOLUTION','SOME','SOMEBODY','SOMEONE','SOMETHING','SOMETIMES','SOMEWHAT','SOMEWHERE','SON','SONG','SOON','SORRY','SORT','SOUND','SOURCE','SOUTH','SOUTHERN','SPACE','SPEAK','SPEAKER','SPECIAL','SPECIES','SPECIFIC','SPEECH','SPEED','SPEND','SPIRIT','SPORT','SPOT','SPREAD','SPRING','STAFF','STAGE','STAND','STANDARD','STAR','START','STATE','STATEMENT','STATION','STATUS','STAY','STEAL','STEP','STICK','STILL','STOCK','STONE','STOP','STORE','STORY','STRAIGHT','STRANGE','STRATEGY','STREET','STRENGTH','STRIKE','STRONG','STRONGLY','STRUCTURE','STUDENT','STUDIO','STUDY','STUFF','STYLE','SUBJECT','SUBSTANTIAL','SUCCEED','SUCCESS','SUCCESSFUL','SUCH','SUDDENLY','SUFFER','SUFFICIENT','SUGGEST','SUGGESTION','SUITABLE','SUM','SUMMER','SUN','SUPPLY','SUPPORT','SUPPOSE','SURE','SURELY','SURFACE','SURPRISE','SURROUND','SURVEY','SURVIVE','SWITCH','SYSTEM','TABLE','TAKE','TALK','TALL','TAPE','TARGET','TASK','TAX','TEA','TEACH','TEACHER','TEACHING','TEAM','TEAR','TECHNICAL','TECHNIQUE','TECHNOLOGY','TELEPHONE','TELEVISION','TELL','TEMPERATURE','TEND','TERM','TERMS','TERRIBLE','TEST','TEXT','THAN','THANK','THANKS','THAT','THE','THEATRE','THEIR','THEM','THEME','THEMSELVES','THEN','THEORY','THERE','THEREFORE','THESE','THEY','THIN','THING','THINK','THIS','THOSE','THOUGH','THOUGHT','THREAT','THREATEN','THROUGH','THROUGHOUT','THROW','THUS','TICKET','TIME','TINY','TITLE','TO','TODAY','TOGETHER','TOMORROW','TONE','TONIGHT','TOO','TOOL','TOOTH','TOP','TOTAL','TOTALLY','TOUCH','TOUR','TOWARDS','TOWN','TRACK','TRADE','TRADITION','TRADITIONAL','TRAFFIC','TRAIN','TRAINING','TRANSFER','TRANSPORT','TRAVEL','TREAT','TREATMENT','TREATY','TREE','TREND','TRIAL','TRIP','TROOP','TROUBLE','TRUE','TRUST','TRUTH','TRY','TURN','TWICE','TYPE','TYPICAL','UNABLE','UNDER','UNDERSTAND','UNDERSTANDING','UNDERTAKE','UNEMPLOYMENT','UNFORTUNATELY','UNION','UNIT','UNITED','UNIVERSITY','UNLESS','UNLIKELY','UNTIL','UP','UPON','UPPER','URBAN','US','USE','USED','USEFUL','USER','USUAL','USUALLY','VALUE','VARIATION','VARIETY','VARIOUS','VARY','VAST','VEHICLE','VERSION','VERY','VIA','VICTIM','VICTORY','VIDEO','VIEW','VILLAGE','VIOLENCE','VISION','VISIT','VISITOR','VITAL','VOICE','VOLUME','VOTE','WAGE','WAIT','WALK','WALL','WANT','WAR','WARM','WARN','WASH','WATCH','WATER','WAVE','WAY','WE','WEAK','WEAPON','WEAR','WEATHER','WEEK','WEEKEND','WEIGHT','WELCOME','WELFARE','WELL','WEST','WESTERN','WHAT','WHATEVER','WHEN','WHERE','WHEREAS','WHETHER','WHICH','WHILE','WHILST','WHITE','WHO','WHOLE','WHOM','WHOSE','WHY','WIDE','WIDELY','WIFE','WILD','WILL','WIN','WIND','WINDOW','WINE','WING','WINNER','WINTER','WISH','WITH','WITHDRAW','WITHIN','WITHOUT','WOMAN','WONDER','WONDERFUL','WOOD','WORD','WORK','WORKER','WORKING','WORKS','WORLD','WORRY','WORTH','WOULD','WRITE','WRITER','WRITING','WRONG','YARD','YEAH','YEAR','YES','YESTERDAY','YET','YOU','YOUNG','YOUR','YOURSELF','YOUTH'];
+
+codedTriangleNumbers(1786);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-420-2x2-positive-integer-matrix.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-420-2x2-positive-integer-matrix.portuguese.md
new file mode 100644
index 0000000000..5d8643ecf2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-420-2x2-positive-integer-matrix.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5111000cf542c510023
+challengeType: 5
+title: 'Problem 420: 2x2 positive integer matrix'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Uma matriz inteira positiva é uma matriz cujos elementos são todos inteiros positivos. Algumas matrizes de inteiros positivos podem ser expressas como um quadrado de uma matriz inteira positiva de duas maneiras diferentes. Aqui está um exemplo: <p> Definimos F (N) como o número de matrizes de inteiros positivos 2x2 que têm um traço menor que N e que pode ser expresso como um quadrado de uma matriz inteira positiva de duas maneiras diferentes. Podemos verificar que F (50) = 7 e F (1000) = 1019. </p><p> Encontre F (107). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler420()</code> deve retornar 145159332.
+    testString: 'assert.strictEqual(euler420(), 145159332, "<code>euler420()</code> should return 145159332.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler420() {
+  // Good luck!
+  return true;
+}
+
+euler420();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-421-prime-factors-of-n151.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-421-prime-factors-of-n151.portuguese.md
new file mode 100644
index 0000000000..9b605cf801
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-421-prime-factors-of-n151.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5131000cf542c510024
+challengeType: 5
+title: 'Problem 421: Prime factors of n15+1'
+videoUrl: ''
+localeTitle: 'Problema 421: Fatores primos de n15 + 1'
+---
+
+## Description
+<section id="description"> Os números da forma n15 + 1 são compostos para cada inteiro n&gt; 1. Para inteiros positivos n e m let s (n, m) ser definido como a soma dos fatores primos distintos de n15 + 1 não excedendo m. <p> Por exemplo, 215 + 1 = 3 × 3 × 11 × 331. So s (2,10) = 3 e s (2,1000) = 3 + 11 + 331 = 345. </p><p> Também 1015 + 1 = 7 × 11 × 13 × 211 × 241 × 2161 × 9091. So s (10,100) = 31 e s (10,1000) = 483. Encontre s (n, 108) para 1 n n 1011. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler421()</code> deve retornar 2304215802083466200.
+    testString: 'assert.strictEqual(euler421(), 2304215802083466200, "<code>euler421()</code> should return 2304215802083466200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler421() {
+  // Good luck!
+  return true;
+}
+
+euler421();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-422-sequence-of-points-on-a-hyperbola.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-422-sequence-of-points-on-a-hyperbola.portuguese.md
new file mode 100644
index 0000000000..2f5e17fb01
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-422-sequence-of-points-on-a-hyperbola.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5131000cf542c510025
+challengeType: 5
+title: 'Problem 422: Sequence of points on a hyperbola'
+videoUrl: ''
+localeTitle: 'Problema 422: Sequência de pontos em uma hipérbole'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler422()</code> deve retornar 92060460.
+    testString: 'assert.strictEqual(euler422(), 92060460, "<code>euler422()</code> should return 92060460.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler422() {
+  // Good luck!
+  return true;
+}
+
+euler422();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-423-consecutive-die-throws.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-423-consecutive-die-throws.portuguese.md
new file mode 100644
index 0000000000..6a4c57d183
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-423-consecutive-die-throws.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5141000cf542c510027
+challengeType: 5
+title: 'Problem 423: Consecutive die throws'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler423(), 653972374, "<code>euler423()</code> should return 653972374.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler423() {
+  // Good luck!
+  return true;
+}
+
+euler423();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-424-kakuro.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-424-kakuro.portuguese.md
new file mode 100644
index 0000000000..383dc3f9a8
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-424-kakuro.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5141000cf542c510026
+challengeType: 5
+title: 'Problem 424: Kakuro'
+videoUrl: ''
+localeTitle: 'Problema 424: Kakuro'
+---
+
+## Description
+<section id="description"> O exemplo acima é um quebra-cabeça enigmático de kakuro (também conhecido como soma cruzada, ou até mesmo soma cruzada), com sua solução final à direita. (As regras comuns dos quebra-cabeças do kakuro podem ser encontradas facilmente em vários sites da internet. Outras informações relacionadas também podem ser encontradas em krazydad.com, cujo autor forneceu os dados do quebra-cabeça para esse desafio.) <p> O arquivo de texto para download (kakuro200.txt) contém a descrição de 200 quebra-cabeças, uma mistura de tipos 5x5 e 6x6. O primeiro quebra-cabeça no arquivo é o exemplo acima, codificado da seguinte maneira: </p><p> 6, X, X, (vCC), (vI), X, X, X, (hH), B, O, (vCA), (vJE), X, (hFE, vD), O, O, O, O, (hA), O, I, (hJC, vB), O, O, (hJC), H, O, O, O, X, X, X, (hJE), O, O, X </p><p> O primeiro caractere é um dígito numérico que indica o tamanho da grade de informações. Seria um 6 (para um quebra-cabeça 5x5 kakuro) ou um 7 (para um quebra-cabeça 6x6) seguido por uma vírgula (,). A linha superior extra e a coluna esquerda são necessárias para inserir informações. </p><p> O conteúdo de cada célula é então descrito e seguido por uma vírgula, indo da esquerda para a direita e começando com a linha superior. X = Célula cinza, não precisa ser preenchida por um dígito. O (letra maiúscula) = Célula vazia branca a ser preenchida por um dígito. A = Ou qualquer uma das letras maiúsculas de A a J para ser substituída por seu dígito equivalente no quebra-cabeça resolvido. () = Localização das somas criptografadas. As somas horizontais são precedidas por um minúsculo &quot;h&quot; e as somas verticais são precedidas por um minúsculo &quot;v&quot;. Estes são seguidos por uma ou duas letras maiúsculas, dependendo se a soma for um único dígito ou um dígito duplo. Para somas de dois dígitos, a primeira letra seria para as &quot;dezenas&quot; e a segunda para as &quot;unidades&quot;. Quando a célula deve conter informações para uma soma horizontal e vertical, a primeira é sempre para a soma horizontal e as duas são separadas por uma vírgula dentro do mesmo conjunto de colchetes, ex .: (hFE, vD). Cada conjunto de colchetes também é imediatamente seguido por uma vírgula. </p><p> A descrição da última célula é seguida por uma Carriage Return / Line Feed (CRLF) em vez de uma vírgula. </p><p> A resposta necessária para cada quebra-cabeça é baseada no valor de cada letra necessária para chegar à solução e de acordo com a ordem alfabética. Como indicado no exemplo de quebra-cabeça, sua resposta seria 8426039571. Pelo menos 9 das 10 letras criptografadas sempre fazem parte da descrição do problema. Quando somente 9 são dados, o ausente deve ser atribuído o dígito restante. </p><p> Você está informado de que a soma das respostas dos primeiros 10 quebra-cabeças no arquivo é 64414157580. </p><p> Encontre a soma das respostas para os 200 quebra-cabeças. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler424()</code> deve retornar 1059760019628.
+    testString: 'assert.strictEqual(euler424(), 1059760019628, "<code>euler424()</code> should return 1059760019628.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler424() {
+  // Good luck!
+  return true;
+}
+
+euler424();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-425-prime-connection.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-425-prime-connection.portuguese.md
new file mode 100644
index 0000000000..8f90b6a1c0
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-425-prime-connection.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5151000cf542c510028
+challengeType: 5
+title: 'Problem 425: Prime connection'
+videoUrl: ''
+localeTitle: 'Problema 425: Conexão Prime'
+---
+
+## Description
+<section id="description"> Dois números positivos A e B são considerados conectados (denotados por &quot;A ↔ B&quot;) se uma dessas condições for válida: (1) A e B têm o mesmo comprimento e diferem em exatamente um dígito; por exemplo, 123 ↔ 173. (2) Adicionar um dígito à esquerda de A (ou B) torna B (ou A); por exemplo, 23 ↔ 223 e 123 ↔ 23. <p> Chamamos um par primo de P a 2 se existe uma cadeia de primos conectados entre 2 e P e nenhum primo na cadeia excede P. </p><p> Por exemplo, 127 é um parente de 2. Uma das cadeias possíveis é mostrada abaixo: 2 ↔ 3 ↔ 13 ↔ 113 ↔ 103 ↔ 107 ↔ 127 Entretanto, 11 e 103 não são parentes de 2. </p><p> Seja F (N) a soma dos primos ≤ N que não são parentes de 2. Podemos verificar que F (103) = 431 e F (104) = 78728. </p><p> Encontre F (107). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler425()</code> deve retornar 46479497324.
+    testString: 'assert.strictEqual(euler425(), 46479497324, "<code>euler425()</code> should return 46479497324.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler425() {
+  // Good luck!
+  return true;
+}
+
+euler425();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-426-box-ball-system.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-426-box-ball-system.portuguese.md
new file mode 100644
index 0000000000..af31566543
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-426-box-ball-system.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5171000cf542c510029
+challengeType: 5
+title: 'Problem 426: Box-ball system'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Considere uma fileira infinita de caixas. Algumas das caixas contêm uma bola. Por exemplo, uma configuração inicial de 2 caixas ocupadas consecutivas seguidas de 2 caixas vazias, 2 caixas ocupadas, 1 caixa vazia e 2 caixas ocupadas pode ser denotada pela seqüência (2, 2, 2, 1, 2), na qual o número de caixas ocupadas e vazias consecutivas aparecem alternadamente. <p> Um turn consiste em mover cada bola exatamente uma vez, de acordo com a seguinte regra: Transferir a bola mais à esquerda que não foi movida para a caixa vazia mais próxima à sua direita. </p><p> Após uma volta, a sequência (2, 2, 2, 1, 2) torna-se (2, 2, 1, 2, 3) como pode ser visto abaixo; note que começamos a nova sequência começando na primeira caixa ocupada. </p><p> Um sistema como este é chamado de Sistema Box-Ball ou BBS. </p><p> Pode ser mostrado que, após um número suficiente de voltas, o sistema evolui para um estado em que os números consecutivos de caixas ocupadas são invariantes. No exemplo abaixo, os números consecutivos de caixas ocupadas evoluem para [1, 2, 3]; nós chamaremos isso de estado final. </p><p> Definimos a sequência {ti}: s0 = 290797 sk + 1 = sk2 mod 50515093 tk = (sk mod 64) + 1 </p><p> A partir da configuração inicial (t0, t1,…, t10), o estado final torna-se [1, 3, 10, 24, 51, 75]. A partir da configuração inicial (t0, t1,…, t10 000 000), encontre o estado final. Dê como sua resposta a soma dos quadrados dos elementos do estado final. Por exemplo, se o estado final for [1, 2, 3], então 14 (= 12 + 22 + 32) é a sua resposta. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler426()</code> deve retornar 31591886008.
+    testString: 'assert.strictEqual(euler426(), 31591886008, "<code>euler426()</code> should return 31591886008.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler426() {
+  // Good luck!
+  return true;
+}
+
+euler426();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-427-n-sequences.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-427-n-sequences.portuguese.md
new file mode 100644
index 0000000000..b3925e6a64
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-427-n-sequences.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5181000cf542c51002a
+challengeType: 5
+title: 'Problem 427: n-sequences'
+videoUrl: ''
+localeTitle: 'Problema 427: sequências-n'
+---
+
+## Description
+<section id="description"> Uma seqüência de inteiros S = {si} é chamada de n-sequência se ela possui n elementos e cada elemento si satisfaz 1 ≤ si ≤ n. Assim, existem n sequências n distintas no total. Por exemplo, a seqüência S = {1, 5, 5, 10, 7, 7, 7, 2, 3, 7} é uma seqüência de 10. <p> Para qualquer sequência S, seja L (S) o comprimento da maior subsequência contígua de S com o mesmo valor. Por exemplo, para a sequência dada S acima, L (S) = 3, por causa dos três 7s consecutivos. </p><p> Seja f (n) = ∑ L (S) para todas as seqüências n S. </p><p> Por exemplo, f (3) = 45, f (7) = 1403689 e f (11) = 481496895121. </p><p> Encontre f (7 500 000) mod 1 000 000 009. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler427()</code> deve retornar 97138867.
+    testString: 'assert.strictEqual(euler427(), 97138867, "<code>euler427()</code> should return 97138867.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler427() {
+  // Good luck!
+  return true;
+}
+
+euler427();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-428-necklace-of-circles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-428-necklace-of-circles.portuguese.md
new file mode 100644
index 0000000000..6f876c72b0
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-428-necklace-of-circles.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5191000cf542c51002b
+challengeType: 5
+title: 'Problem 428: Necklace of Circles'
+videoUrl: ''
+localeTitle: 'Problema 428: Colar de Círculos'
+---
+
+## Description
+<section id="description"> Seja <var>a</var> , <var>b</var> e <var>c</var> números positivos. Seja W, X, Y, Z quatro pontos colineares onde | WX | = <var>a</var> , | XY | = <var>b</var> , | YZ | = <var>c</var> e | WZ | = <var>a</var> + <var>b</var> + <var>c</var> . Seja C <sub>no</sub> círculo com o diâmetro XY. Seja C <sub>out</sub> o círculo com o diâmetro WZ. <p> O tripleto ( <var>a</var> , <var>b</var> , <var>c</var> ) é chamado de <em>triplete de colar</em> se você puder colocar <var>k</var> ≥ 3 círculos distintos C <sub>1</sub> , C <sub>2</sub> , ..., C <sub><var>k</var></sub> tais que: </p><ul><li> C <sub><var>i</var></sub> não tem pontos interiores comuns com qualquer C <sub><var>j</var></sub> para 1 ≤ <var>i</var> , <var>j</var> ≤ <var>k</var> e <var>i</var> ≠ <var>j</var> , </li><li> C <sub><var>i</var></sub> é tangente a C <sub>in</sub> e C <sub>a</sub> 1 ≤ <var>i</var> ≤ <var>k</var> , </li><li> C <sub><var>i</var></sub> é tangente a C <sub><var>i</var> +1</sub> para 1 ≤ <var>i</var> &lt; <var>k</var> , e </li><li> <sub><var>Ck</var></sub> é tangente a C <sub>1</sub> . </li></ul> Por exemplo, (5, 5, 5) e (4, 3, 21) são trigêmeos em colar, enquanto pode ser mostrado que (2, 2, 5) não é. <img src="https://projecteuler.net/project/images/p428_necklace.png" alt="uma re-apresentação visual de um trio de colar"><p> Seja T ( <var>n</var> ) o número de trigêmeos de colar ( <var>a</var> , <var>b</var> , <var>c</var> ) de modo que <var>a</var> , <var>b</var> e <var>c</var> sejam inteiros positivos e <var>b</var> ≤ <var>n</var> . Por exemplo, T (1) = 9, T (20) = 732 e T (3000) = 438106. </p><p> Encontre T (1 000 000 000). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>necklace(1000000000)</code> deve retornar 747215561862.
+    testString: 'assert.strictEqual(necklace(1000000000), 747215561862, "<code>necklace(1000000000)</code> should return 747215561862.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function necklace(n) {
+  // Good luck!
+  return true;
+}
+
+necklace(1000000000)
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-429-sum-of-squares-of-unitary-divisors.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-429-sum-of-squares-of-unitary-divisors.portuguese.md
new file mode 100644
index 0000000000..1b95cfc67e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-429-sum-of-squares-of-unitary-divisors.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5191000cf542c51002c
+challengeType: 5
+title: 'Problem 429: Sum of squares of unitary divisors'
+videoUrl: ''
+localeTitle: 'Problema 429: Soma dos quadrados dos divisores unitários'
+---
+
+## Description
+<section id="description"> Um divisor unitário d de um número n é um divisor de n que possui a propriedade gcd (d, n / d) = 1. Os divisores unitários de 4! = 24 são 1, 3, 8 e 24. A soma de seus quadrados é 12 + 32 + 82 + 242 = 650. <p> Seja S (n) a soma dos quadrados dos divisores unitários de n. Assim S (4!) = 650. </p><p> Encontre S (100 000 000!) Módulo 1 000 000 009. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler429()</code> deve retornar 98792821.
+    testString: 'assert.strictEqual(euler429(), 98792821, "<code>euler429()</code> should return 98792821.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler429() {
+  // Good luck!
+  return true;
+}
+
+euler429();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-43-sub-string-divisibility.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-43-sub-string-divisibility.portuguese.md
new file mode 100644
index 0000000000..eb092d1aff
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-43-sub-string-divisibility.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3971000cf542c50feaa
+challengeType: 5
+title: 'Problem 43: Sub-string divisibility'
+videoUrl: ''
+localeTitle: 'Problema 43: Divisibilidade de subcadeia'
+---
+
+## Description
+<section id="description"> O número, 1406357289, é um número pandigital de 0 a 9, porque é composto de cada um dos dígitos de 0 a 9 em alguma ordem, mas também possui uma propriedade de divisibilidade de subcadeia bastante interessante. Seja d1 o primeiro dígito, d2 o segundo dígito e assim por diante. Desta forma, notamos o seguinte: d2d3d4 = 406 é divisível por 2 d3d4d5 = 063 é divisível por 3 d4d5d6 = 635 é divisível por 5 d5d6d7 = 357 é divisível por 7 d6d7d8 = 572 é divisível por 11 d7d8d9 = 728 é divisível por 13 d8d9d10 = 289 é divisível por 17 Encontre os números de todos os números de 0 a 9 pandigital com esta propriedade. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>substringDivisibility()</code> deve retornar [1430952867, 1460357289, 1406357289, 4130952867, 4160357289, 4106357289].'
+    testString: 'assert.deepEqual(substringDivisibility(), [ 1430952867, 1460357289, 1406357289, 4130952867, 4160357289, 4106357289 ], "<code>substringDivisibility()</code> should return [ 1430952867, 1460357289, 1406357289, 4130952867, 4160357289, 4106357289 ].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function substringDivisibility() {
+  // Good luck!
+  return [];
+}
+
+substringDivisibility();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-430-range-flips.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-430-range-flips.portuguese.md
new file mode 100644
index 0000000000..1f8eb97ccc
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-430-range-flips.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f51a1000cf542c51002d
+challengeType: 5
+title: 'Problem 430: Range flips'
+videoUrl: ''
+localeTitle: 'Problema 430: Variáveis ​​de Intervalo'
+---
+
+## Description
+<section id="description"> N discos são colocados em uma linha, indexados de 1 a N da esquerda para a direita. Cada disco tem um lado preto e um lado branco. Inicialmente, todos os discos mostram seu lado branco. <p> A cada turno, dois inteiros A e B, não necessariamente distintos, entre 1 e N (inclusive) são escolhidos uniformemente ao acaso. Todos os discos com um índice de A a B (inclusive) são invertidos. </p><p> O exemplo a seguir mostra o caso N = 8. No primeiro turno A = 5 e B = 2, e no segundo turno A = 4 e B = 6. </p><p> Seja E (N, M) o número esperado de discos que mostram seu lado branco após M turnos. Podemos verificar que E (3, 1) = 10/9, E (3, 2) = 5/3, E (10, 4) ≈ 5,157 e E (100, 10) ≈ 51,893. </p><p> Encontre E (1010, 4000). Dê sua resposta arredondada para 2 casas decimais atrás do ponto decimal. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler430()</code> deve retornar 5000624921.38.
+    testString: 'assert.strictEqual(euler430(), 5000624921.38, "<code>euler430()</code> should return 5000624921.38.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler430() {
+  // Good luck!
+  return true;
+}
+
+euler430();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-431-square-space-silo.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-431-square-space-silo.portuguese.md
new file mode 100644
index 0000000000..49e9ca1275
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-431-square-space-silo.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f51b1000cf542c51002e
+challengeType: 5
+title: 'Problem 431: Square Space Silo'
+videoUrl: ''
+localeTitle: 'Problema 431: Silo de Espaço Quadrado'
+---
+
+## Description
+<section id="description"> Fred, o fazendeiro, providencia para ter um novo silo de armazenamento instalado em sua fazenda e ter uma obsessão por todas as coisas quadradas, ele fica absolutamente arrasado quando descobre que é circular. Quentin, o representante da empresa que instalou o silo, explica que fabricam apenas silos cilíndricos, mas ressalta que está repousando sobre uma base quadrada. Fred não se diverte e insiste que seja removido de sua propriedade. <p> Pensamento rápido Quentin explica que quando materiais granulares são entregues de cima, uma inclinação cônica é formada e o ângulo natural feito com a horizontal é chamado de ângulo de repouso. Por exemplo, se o ângulo de repouso, $ \ alpha = 30 $ graus, e grão é entregue no centro do silo, então um cone perfeito se formará em direção ao topo do cilindro. No caso deste silo, que tem um diâmetro de 6m, a quantidade de espaço desperdiçado seria de aproximadamente 32.648388556 m3. No entanto, se o grão é entregue em um ponto no topo que tem uma distância horizontal de $ x $ metros do centro, então um cone com uma base estranhamente curva e inclinada é formado. Ele mostra a Fred uma foto. </p><p> Vamos deixar a quantidade de espaço desperdiçado em metros cúbicos ser dada por $ V (x) $. Se $ x = 1.114785284 $, que tem três casas decimais ao quadrado, então a quantidade de espaço desperdiçada, $ V (1.114785284) \ aproximadamente 36 $. Dada a gama de possíveis soluções para este problema, existe exatamente uma outra opção: $ V (2.511167869) \ aproximadamente 49 $. Seria como saber que a praça é o rei do silo, sentado em esplêndida glória em cima do seu grão. </p><p> Os olhos de Fred se iluminam com deleite com essa resolução elegante, mas, ao examinar mais de perto os desenhos e cálculos de Quentin, sua felicidade se transforma em desânimo mais uma vez. Fred aponta para Quentin que é o raio do silo que tem 6 metros, não o diâmetro, e o ângulo de repouso do grão é de 40 graus. No entanto, se o Quentin puder encontrar um conjunto de soluções para esse silo específico, ele ficará mais do que feliz em mantê-lo. </p><p> Se Quick Quentin é para satisfazer o apetite freneticamente frouxo do fazendeiro por todas as coisas quadradas, então determine os valores de $ x $ para todas as possíveis opções de desperdício de espaço quadrado e calcule $ \ sum x $ correto para 9 casas decimais. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler431()</code> deve retornar 23.386029052.
+    testString: 'assert.strictEqual(euler431(), 23.386029052, "<code>euler431()</code> should return 23.386029052.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler431() {
+  // Good luck!
+  return true;
+}
+
+euler431();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-432-totient-sum.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-432-totient-sum.portuguese.md
new file mode 100644
index 0000000000..7dc1b99a12
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-432-totient-sum.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f51e1000cf542c510030
+challengeType: 5
+title: 'Problem 432: Totient sum'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Seja S (n, m) = ∑φ (n × i) para 1 ≤ i ≤ m. (φ é a função totiente de Euler) Você recebe o S (510510,106) = 45480596821125120. <p> Encontre S (510510,1011). Dê os últimos 9 dígitos da sua resposta. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler432(), 754862080, "<code>euler432()</code> should return 754862080.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler432() {
+  // Good luck!
+  return true;
+}
+
+euler432();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-433-steps-in-euclids-algorithm.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-433-steps-in-euclids-algorithm.portuguese.md
new file mode 100644
index 0000000000..8bdb7943c6
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-433-steps-in-euclids-algorithm.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f51d1000cf542c51002f
+challengeType: 5
+title: 'Problem 433: Steps in Euclid"s algorithm'
+videoUrl: ''
+localeTitle: 'Problema 433: Etapas no algoritmo de Euclides'
+---
+
+## Description
+<section id="description"> Seja E (x0, y0) o número de passos necessários para determinar o maior divisor comum de x0 e y0 com o algoritmo de Euclides. Mais formalmente: x1 = y0, y1 = x0 mod y0xn = yn-1, yn = xn-1 mod yn-1 E (x0, y0) é o menor n tal que yn = 0. <p> Nós temos E (1,1) = 1, E (10,6) = 3 e E (6,10) = 4. </p><p> Defina S (N) como a soma de E (x, y) para 1 ≤ x, y ≤ N. Temos S (1) = 1, S (10) = 221 e S (100) = 39826. </p><p> Encontre S (5 · 106). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler433()</code> deve retornar 326624372659664.
+    testString: 'assert.strictEqual(euler433(), 326624372659664, "<code>euler433()</code> should return 326624372659664.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler433() {
+  // Good luck!
+  return true;
+}
+
+euler433();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-434-rigid-graphs.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-434-rigid-graphs.portuguese.md
new file mode 100644
index 0000000000..3a31cc55f1
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-434-rigid-graphs.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f51f1000cf542c510031
+challengeType: 5
+title: 'Problem 434: Rigid graphs'
+videoUrl: ''
+localeTitle: 'Problema 434: Gráficos rígidos'
+---
+
+## Description
+<section id="description"> Lembre-se de que um grafo é uma coleção de vértices e arestas conectando os vértices, e que dois vértices conectados por uma aresta são chamados adjacentes. Os gráficos podem ser incorporados no espaço euclidiano associando cada vértice com um ponto no espaço euclidiano. Um grafo flexível é uma incorporação de um grafo onde é possível mover um ou mais vértices continuamente para que a distância entre pelo menos dois vértices não adjacentes seja alterada enquanto as distâncias entre cada par de vértices adjacentes são mantidas constantes. Um gráfico rígido é uma incorporação de um gráfico que não é flexível. Informalmente, um grafo é rígido se, ao substituir os vértices com dobradiças totalmente giratórias e as arestas com hastes que são inflexíveis e inelásticas, nenhuma parte do gráfico pode ser movida independentemente do resto do gráfico. <p> Os gráficos de grade incorporados no plano euclidiano não são rígidos, como demonstra a animação a seguir: No entanto, é possível torná-los rígidos adicionando bordas diagonais às células. Por exemplo, para o gráfico de grade de 2x3, há 19 maneiras de tornar o gráfico rígido: observe que, para o propósito desse problema, não consideramos alterar a orientação de uma aresta diagonal ou adicionar as arestas diagonais a uma célula como um diferente maneira de fazer um gráfico de grade rígido. </p><p> Seja R (m, n) o número de maneiras de tornar o gráfico de grade m × n rígido. Por exemplo, R (2,3) = 19 e R (5,5) = 23679901 </p><p> Defina S (N) como ∑R (i, j) para 1 ≤ i, j ≤ NEg S (5) = 25021721. Encontre S (100), dê sua resposta modulo 1000000033 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler434()</code> deve retornar 863253606.
+    testString: 'assert.strictEqual(euler434(), 863253606, "<code>euler434()</code> should return 863253606.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler434() {
+  // Good luck!
+  return true;
+}
+
+euler434();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-435-polynomials-of-fibonacci-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-435-polynomials-of-fibonacci-numbers.portuguese.md
new file mode 100644
index 0000000000..f8d27d9249
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-435-polynomials-of-fibonacci-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5201000cf542c510032
+challengeType: 5
+title: 'Problem 435: Polynomials of Fibonacci numbers'
+videoUrl: ''
+localeTitle: 'Problema 435: Polinômios de números de Fibonacci'
+---
+
+## Description
+<section id="description"> Os números de Fibonacci {fn, n ≥ 0} são definidos recursivamente como fn = fn-1 + fn-2 com casos de base f0 = 0 e f1 = 1. Defina os polinômios {Fn, n ≥ 0} como Fn (x) = ∑fixi para 0 ≤ i ≤ n. Por exemplo, F7 (x) = x + x2 + 2x3 + 3x4 + 5x5 + 8x6 + 13x7 e F7 (11) = 268357683. Seja n = 1015. Encontre a soma [∑0≤x≤100 Fn (x)] mod 1307674368000 (= 15!). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler435()</code> deve retornar 252541322550.
+    testString: 'assert.strictEqual(euler435(), 252541322550, "<code>euler435()</code> should return 252541322550.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler435() {
+  // Good luck!
+  return true;
+}
+
+euler435();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-436-unfair-wager.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-436-unfair-wager.portuguese.md
new file mode 100644
index 0000000000..44f8fc1956
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-436-unfair-wager.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5221000cf542c510033
+challengeType: 5
+title: 'Problem 436: Unfair wager'
+videoUrl: ''
+localeTitle: 'Problema 436: Aposta desleal'
+---
+
+## Description
+<section id="description"> Julie propõe a seguinte aposta para sua irmã Louise. Ela sugere que eles joguem um jogo de azar para determinar quem vai lavar a louça. Para este jogo, eles devem usar um gerador de números aleatórios independentes distribuídos uniformemente entre 0 e 1. O jogo começa com S = 0. O primeiro jogador, Louise, adiciona S diferentes números aleatórios do gerador até S&gt; 1 e grava-o último número aleatório &#39;x&#39;. O segundo jogador, Julie, continua adicionando S diferentes números aleatórios do gerador até S&gt; 2 e registra seu último número aleatório &#39;y&#39;. O jogador com o maior número ganha e o perdedor lava a louça, ou seja, se y&gt; x o segundo jogador ganha. <p> Por exemplo, se o primeiro jogador escolher 0,62 e 0,44, o primeiro turno do jogador terminará em 0,62 + 0,44&gt; 1 e x = 0,44. Se o segundo jogador retirar 0,1, 0,27 e 0,91, o segundo turno do jogador termina, pois 0,62 + 0,44 + 0,1 + 0,27 + 0,91&gt; 2 e y = 0,91. Desde y&gt; x, o segundo jogador ganha. </p><p> Louise pensa nisso por um segundo e faz objeções: &quot;Isso não é justo&quot;. Qual é a probabilidade de o segundo jogador vencer? Dê sua resposta arredondada para 10 lugares atrás do ponto decimal no formulário 0.abcdefghij </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler436()</code> deve retornar 0.5276662759.
+    testString: 'assert.strictEqual(euler436(), 0.5276662759, "<code>euler436()</code> should return 0.5276662759.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler436() {
+  // Good luck!
+  return true;
+}
+
+euler436();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-437-fibonacci-primitive-roots.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-437-fibonacci-primitive-roots.portuguese.md
new file mode 100644
index 0000000000..d7486585a7
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-437-fibonacci-primitive-roots.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5241000cf542c510036
+challengeType: 5
+title: 'Problem 437: Fibonacci primitive roots'
+videoUrl: ''
+localeTitle: 'Problema 437: raízes primitivas de Fibonacci'
+---
+
+## Description
+<section id="description"> Quando calculamos 8n módulo 11 para n = 0 a 9 temos: 1, 8, 9, 6, 4, 10, 3, 2, 5, 7. Como vemos todos os valores possíveis de 1 a 10 ocorrem. Então 8 é uma raiz primitiva de 11. Mas há mais: Se olharmos mais de perto, vemos: 1 + 8 = 9 8 + 9 = 17≡6 mod 11 9 + 6 = 15≡4 mod 11 6 + 4 = 10 4 + 10 = 14 3 mod 11 10 + 3 = 13 2 mod 11 3 + 2 = 5 2 + 5 = 7 5 + 7 = 12 1 mod 11. <p> Assim, os poderes de 8 mod 11 são cíclicos com o período 10 e 8n + 8n + 1 ≡ 8n + 2 (mod 11). 8 é chamado uma raiz primitiva de Fibonacci de 11. Nem todo primo tem uma raiz primitiva de Fibonacci. Existem 323 primos com menos de 10000 com uma ou mais raízes primitivas de Fibonacci e a soma desses primos é 1480491. Encontre a soma dos primos com menos de 100.000.000 com pelo menos uma raiz primitiva de Fibonacci. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler437()</code> deve retornar 74204709657207.
+    testString: 'assert.strictEqual(euler437(), 74204709657207, "<code>euler437()</code> should return 74204709657207.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler437() {
+  // Good luck!
+  return true;
+}
+
+euler437();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-438-integer-part-of-polynomial-equations-solutions.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-438-integer-part-of-polynomial-equations-solutions.portuguese.md
new file mode 100644
index 0000000000..0ed544ad5b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-438-integer-part-of-polynomial-equations-solutions.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5231000cf542c510034
+challengeType: 5
+title: 'Problem 438: Integer part of polynomial equation"s solutions'
+videoUrl: ''
+localeTitle: 'Problema 438: parte inteira das soluções da equação polinomial'
+---
+
+## Description
+<section id="description"> Para uma n-tupla de inteiros t = (a1, ..., an), seja (x1, ..., xn) as soluções da equação polinomial xn + a1xn-1 + a2xn-2 + ... + an-1x + an = 0. <p> Considere as duas condições a seguir: x1, ..., xn são todos reais. Se x1, ..., xn são classificados, ⌊xi⌋ = i para 1 ≤ i ≤ n. (⌊ · ⌋: função de andar) </p><p> No caso de n = 4, existem 12 n-tuplas de inteiros que satisfazem ambas as condições. Definimos S (t) como a soma dos valores absolutos dos inteiros em t. Para n = 4, podemos verificar que ∑S (t) = 2087 para todas as n-tuplas t que satisfazem ambas as condições. </p><p> Encontre ∑S (t) para n = 7. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler438()</code> deve retornar 2046409616809.
+    testString: 'assert.strictEqual(euler438(), 2046409616809, "<code>euler438()</code> should return 2046409616809.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler438() {
+  // Good luck!
+  return true;
+}
+
+euler438();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-439-sum-of-sum-of-divisors.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-439-sum-of-sum-of-divisors.portuguese.md
new file mode 100644
index 0000000000..1063a82921
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-439-sum-of-sum-of-divisors.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5231000cf542c510035
+challengeType: 5
+title: 'Problem 439: Sum of sum of divisors'
+videoUrl: ''
+localeTitle: 'Problema 439: Soma da soma dos divisores'
+---
+
+## Description
+<section id="description"> Seja d (k) a soma de todos os divisores de k. Definimos a função S (N) = ∑1≤i≤N ∑1≤j≤Nd (i · j). Por exemplo, S (3) = d (1) + d (2) + d (3) + d (2) + d (4) + d (6) + d (3) + d (6) + d ( 9) = 59. <p> Você está dado que S (103) = 563576517282 e S (105) mod 109 = 215766508. Encontre S (1011) mod 109. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler439()</code> deve retornar 968697378.
+    testString: 'assert.strictEqual(euler439(), 968697378, "<code>euler439()</code> should return 968697378.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler439() {
+  // Good luck!
+  return true;
+}
+
+euler439();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-44-pentagon-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-44-pentagon-numbers.portuguese.md
new file mode 100644
index 0000000000..f81b8ff0cd
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-44-pentagon-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3981000cf542c50feab
+challengeType: 5
+title: 'Problem 44: Pentagon numbers'
+videoUrl: ''
+localeTitle: 'Problema 44: números do Pentágono'
+---
+
+## Description
+<section id="description"> Os números pentagonais são gerados pela fórmula, P <sub>n</sub> = <var>n</var> (3 <var>n</var> −1) / 2. Os primeiros dez números pentagonais são: <span style="display: block; text-align: center;">1, 5, 12, 22, 35, 51, 70, 92, 117, 145, ...</span> Pode-se ver que P <sub>4</sub> + P <sub>7</sub> = 22 + 70 = 92 = P <sub>8</sub> . No entanto, sua diferença, 70 - 22 = 48, não é pentagonal. Encontre o par de números pentagonais, P <sub>j</sub> e P <sub>k</sub> , cuja soma e diferença são pentagonais e D = | P <sub>k</sub> - P <sub>j</sub> | é minimizado; qual é o valor de D? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>pentagonNumbers()</code> deve retornar 5482660.
+    testString: 'assert.strictEqual(pentagonNumbers(), 5482660, "<code>pentagonNumbers()</code> should return 5482660.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pentagonNumbers() {
+  // Good luck!
+  return true;
+}
+
+pentagonNumbers();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-440-gcd-and-tiling.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-440-gcd-and-tiling.portuguese.md
new file mode 100644
index 0000000000..f1e03ff28d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-440-gcd-and-tiling.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5241000cf542c510037
+challengeType: 5
+title: 'Problem 440: GCD and Tiling'
+videoUrl: ''
+localeTitle: 'Problema 440: GCD e Tiling'
+---
+
+## Description
+<section id="description"> Queremos colocar uma placa de comprimento n e altura 1 completamente, com blocos 1 × 2 ou blocos 1 × 1 com um único dígito decimal na parte superior: <p> Por exemplo, aqui estão algumas maneiras de formar um quadro de comprimento n = 8: </p><p> Seja T (n) o número de maneiras para formar uma tábua de comprimento n como descrito acima. </p><p> Por exemplo, T (1) = 10 e T (2) = 101. </p><p> Seja S (L) a soma tripla ∑a, b, c, m (T (ca), T (cb)) para 1 ≤ a, b, c ≤ L. Por exemplo: S (2) = 10444 S (3 ) = 1292115238446807016106539989 S (4) mod 987 898 789 = 670616280. </p><p> Encontre S (2000) mod 987 898 789. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler440()</code> deve retornar 970746056.
+    testString: 'assert.strictEqual(euler440(), 970746056, "<code>euler440()</code> should return 970746056.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler440() {
+  // Good luck!
+  return true;
+}
+
+euler440();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-441-the-inverse-summation-of-coprime-couples.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-441-the-inverse-summation-of-coprime-couples.portuguese.md
new file mode 100644
index 0000000000..ef336208d7
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-441-the-inverse-summation-of-coprime-couples.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5261000cf542c510038
+challengeType: 5
+title: 'Problem 441: The inverse summation of coprime couples'
+videoUrl: ''
+localeTitle: 'Problema 441: A Soma Inversa dos Casais de Coprime'
+---
+
+## Description
+<section id="description"> Para um inteiro M, definimos R (M) como a soma de 1 / (p · q) para todos os pares inteiros p e q que satisfazem todas essas condições: <p> 1 ≤ p &lt;q ≤ M p + q ≥ M p e q são coprime. </p><p> Também definimos S (N) como a soma de R (i) para 2 ≤ i ≤ N. Podemos verificar que S (2) = R (2) = 1/2, S (10) ≈ 6.9147 e S (100 ) ≈ 58,2962. </p><p> Encontre S (107). Dê sua resposta arredondada para quatro casas decimais. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler441()</code> deve retornar 5000088.8395.
+    testString: 'assert.strictEqual(euler441(), 5000088.8395, "<code>euler441()</code> should return 5000088.8395.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler441() {
+  // Good luck!
+  return true;
+}
+
+euler441();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-442-eleven-free-integers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-442-eleven-free-integers.portuguese.md
new file mode 100644
index 0000000000..100dcdd519
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-442-eleven-free-integers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5271000cf542c510039
+challengeType: 5
+title: 'Problem 442: Eleven-free integers'
+videoUrl: ''
+localeTitle: 'Problema 442: Inteiros sem onze'
+---
+
+## Description
+<section id="description"> Um inteiro é chamado onze-free se sua expansão decimal não contiver qualquer substring representando uma potência de 11, exceto 1. <p> Por exemplo, 2404 e 13431 são onze livres, enquanto 911 e 4121331 não são. </p><p> Seja E (n) o n-ésimo inteiro sem onze positivo. Por exemplo, E (3) = 3, E (200) = 213 e E (500 000) = 531563. </p><p> Encontre E (1018). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler442()</code> deve retornar 1295552661530920200.
+    testString: 'assert.strictEqual(euler442(), 1295552661530920200, "<code>euler442()</code> should return 1295552661530920200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler442() {
+  // Good luck!
+  return true;
+}
+
+euler442();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-443-gcd-sequence.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-443-gcd-sequence.portuguese.md
new file mode 100644
index 0000000000..5df934a321
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-443-gcd-sequence.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5271000cf542c51003a
+challengeType: 5
+title: 'Problem 443: GCD sequence'
+videoUrl: ''
+localeTitle: 'Problema 443: sequência do GCD'
+---
+
+## Description
+<section id="description"> Seja g (n) uma sequência definida da seguinte forma: g (4) = 13, g (n) = g (n-1) + mdc (n, g (n-1)) para n&gt; 4. <p> Os primeiros valores são: </p><pre> <code>n4567891011121314151617181920... g(n)1314161718272829303132333451545560...</code> </pre><p> Você está dado que g (1 000) = 2524 e g (1 000 000) = 2624152. </p><p> Encontre g (1015). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler443()</code> deve retornar 2744233049300770.
+    testString: 'assert.strictEqual(euler443(), 2744233049300770, "<code>euler443()</code> should return 2744233049300770.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler443() {
+  // Good luck!
+  return true;
+}
+
+euler443();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-444-the-roundtable-lottery.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-444-the-roundtable-lottery.portuguese.md
new file mode 100644
index 0000000000..f7f2c6d8e0
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-444-the-roundtable-lottery.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f52a1000cf542c51003b
+challengeType: 5
+title: 'Problem 444: The Roundtable Lottery'
+videoUrl: ''
+localeTitle: 'Problema 444: A Loteria da Mesa Redonda'
+---
+
+## Description
+<section id="description"> Um grupo de pessoas decide se sentar em uma mesa redonda e jogar um jogo de troca de bilhetes de loteria. Cada pessoa começa com um bilhete de loteria sem riscagem atribuído aleatoriamente. Cada bilhete, quando riscado, revela um prêmio total de £ 1 a £ p, com dois ingressos iguais. O objetivo do jogo é que cada pessoa maximize seus ganhos ao sair do jogo. <p> Uma pessoa arbitrária é escolhida para ser o primeiro jogador. Indo ao redor da mesa, cada jogador tem apenas uma das duas opções: </p><ol><li> O jogador pode riscar sua passagem e revelar seu valor para todos na mesa. </li><li> O jogador pode trocar o seu bilhete não corrigido pelo bilhete riscado de um jogador anterior e deixar o jogo com esse bilhete. O jogador anterior então arranha seu bilhete recém-adquirido e revela seu valor para todos na mesa. </li></ol><p> O jogo termina quando todos os tickets forem riscados. Todos os jogadores que ainda permanecem na mesa devem sair com seus tickets atualmente retidos. </p><p> Suponha que cada jogador use a estratégia ideal para maximizar o valor esperado de seus ganhos com ingressos. </p><p> Seja E (p) o número esperado de jogadores restantes na mesa quando o jogo terminar em um jogo composto por p jogadores (por exemplo, E (111) = 5.2912 quando arredondado para 5 dígitos significativos). </p><p> Seja S1 (N) = E (p) Seja Sk (N) = Sk-1 (p) para k&gt; 1 </p><p> Encontre S20 (1014) e escreva a resposta em notação científica, arredondada para 10 dígitos significativos. Use um e minúsculo para separar mantissa e expoente (por exemplo, S3 (100) = 5.983679014e5). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler444()</code> deve retornar 1.200856722e + 263.
+    testString: 'assert.strictEqual(euler444(), 1.200856722e+263, "<code>euler444()</code> should return 1.200856722e+263.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler444() {
+  // Good luck!
+  return true;
+}
+
+euler444();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-445-retractions-a.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-445-retractions-a.portuguese.md
new file mode 100644
index 0000000000..42b46f32cd
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-445-retractions-a.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f52a1000cf542c51003c
+challengeType: 5
+title: 'Problem 445: Retractions A'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Para cada inteiro n&gt; 1, a família de funções fn, a, b é definida por fn, a, b (x) ≡ax + b mod n para a, b, x inteiro e 0 <p> Você está dado que ∑ R (c) para c = C (100 000, k), e 1 ≤ k ≤ 99 999 ≡ 628701600 (mod 1 000 000 007). (C (n, k) é o coeficiente binomial). </p><p> Encontre ∑ R (c) para c = C (10 000 000, k) e 1 ≤ k≤ 9 999 999. Dê a sua resposta modulo 1 000 000 007. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler445()</code> deve retornar 659104042.
+    testString: 'assert.strictEqual(euler445(), 659104042, "<code>euler445()</code> should return 659104042.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler445() {
+  // Good luck!
+  return true;
+}
+
+euler445();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-446-retractions-b.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-446-retractions-b.portuguese.md
new file mode 100644
index 0000000000..333cc9198e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-446-retractions-b.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f52c1000cf542c51003d
+challengeType: 5
+title: 'Problem 446: Retractions B'
+videoUrl: ''
+localeTitle: 'Problema 446: Retractions B'
+---
+
+## Description
+<section id="description"> Para cada inteiro n&gt; 1, a família de funções fn, a, b é definida por fn, a, b (x) ≡ax + b mod n para a, b, x inteiro e 0 <p> F (N) = ∑R (n4 + 4) para 1≤n≤N. F (1024) = 77532377300600. </p><p> Encontre F (107) (mod 1 000 000 007) </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler446()</code> deve retornar 907803852.
+    testString: 'assert.strictEqual(euler446(), 907803852, "<code>euler446()</code> should return 907803852.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler446() {
+  // Good luck!
+  return true;
+}
+
+euler446();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-447-retractions-c.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-447-retractions-c.portuguese.md
new file mode 100644
index 0000000000..f22c666936
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-447-retractions-c.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f52c1000cf542c51003e
+challengeType: 5
+title: 'Problem 447: Retractions C'
+videoUrl: ''
+localeTitle: 'Problema 447: Retractions C'
+---
+
+## Description
+<section id="description"> Para cada inteiro n&gt; 1, a família de funções fn, a, b é definida por fn, a, b (x) ≡ax + b mod n para a, b, x inteiro e 0 <p> F (N) = ∑R (n) para 2≤n≤N. F (107) ≡638042271 (mod. 1 000 000 007). </p><p> Encontre F (1014) (mod 1 000 000 007). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler447()</code> deve retornar 530553372.
+    testString: 'assert.strictEqual(euler447(), 530553372, "<code>euler447()</code> should return 530553372.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler447() {
+  // Good luck!
+  return true;
+}
+
+euler447();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-448-average-least-common-multiple.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-448-average-least-common-multiple.portuguese.md
new file mode 100644
index 0000000000..588ba9fb56
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-448-average-least-common-multiple.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f52c1000cf542c51003f
+challengeType: 5
+title: 'Problem 448: Average least common multiple'
+videoUrl: ''
+localeTitle: 'Problema 448: Múltiplo menos comum comum'
+---
+
+## Description
+<section id="description"> A função lcm (a, b) indica o menor múltiplo comum de a e b. Seja A (n) a média dos valores de lcm (n, i) para 1≤i≤n. Por exemplo: A (2) = (2 + 2) / 2 = 2 e A (10) = (10 + 10 + 30 + 20 + 10 + 30 + 70 + 40 + 90 + 10) / 10 = 32. <p> Seja S (n) = ∑A (k) para 1≤k≤n. S (100) = 122726. </p><p> Encontre S (99999999019) mod 999999017. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler448(), 106467648, "<code>euler448()</code> should return 106467648.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler448() {
+  // Good luck!
+  return true;
+}
+
+euler448();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-449-chocolate-covered-candy.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-449-chocolate-covered-candy.portuguese.md
new file mode 100644
index 0000000000..81073100d8
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-449-chocolate-covered-candy.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f52d1000cf542c510040
+challengeType: 5
+title: 'Problem 449: Chocolate covered candy'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Phil, o confeiteiro, está fazendo um novo lote de doces cobertos de chocolate. Cada centro de bombons tem a forma de um elipsóide de revolução definido pela equação: b2x2 + b2y2 + a2z2 = a2b2. <p> Phil quer saber quanto chocolate é necessário para cobrir um centro de doces com uma camada uniforme de chocolate com um milímetro de espessura. Se a = 1 mm eb = 1 mm, a quantidade de chocolate necessária é </p><pre> <code>283 π mm3</code> </pre><p> Se a = 2 mm eb = 1 mm, a quantidade de chocolate necessária é de aproximadamente 60,35475635 mm3. </p><p> Encontre a quantidade de chocolate necessária em mm3 se a = 3 mm eb = 1 mm. Dê sua resposta como o número arredondado para 8 casas decimais atrás do ponto decimal. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler449()</code> deve retornar 103.37870096.
+    testString: 'assert.strictEqual(euler449(), 103.37870096, "<code>euler449()</code> should return 103.37870096.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler449() {
+  // Good luck!
+  return true;
+}
+
+euler449();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-45-triangular-pentagonal-and-hexagonal.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-45-triangular-pentagonal-and-hexagonal.portuguese.md
new file mode 100644
index 0000000000..6a3e739223
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-45-triangular-pentagonal-and-hexagonal.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3991000cf542c50feac
+challengeType: 5
+title: 'Problem 45: Triangular, pentagonal, and hexagonal'
+videoUrl: ''
+localeTitle: 'Problema 45: Triangular, pentagonal e hexagonal'
+---
+
+## Description
+<section id="description"> Os números triângulo, pentagonal e hexagonal são gerados pelas seguintes fórmulas: <div style="display: inline-grid; text-align: center; grid-template-columns: repeat(3, minmax(117px, 12%)); grid-template-rows: auto;"><div> Triângulo </div><div> T <sub>n</sub> = <var>n</var> ( <var>n</var> +1) / 2 </div><div> 1, 3, 6, 10, 15, ... </div></div><div style="display: inline-grid; text-align: center; grid-template-columns: repeat(3, minmax(117px, 12%)); grid-template-rows: auto;"><div> Pentagonal </div><div> P <sub>n</sub> = <var>n</var> (3 <var>n</var> −1) / 2 </div><div> 1, 5, 12, 22, 35, ... </div></div><div style="display: inline-grid; text-align: center; grid-template-columns: repeat(3, minmax(117px, 12%)); grid-template-rows: auto;"><div> Hexagonal </div><div> H <sub>n</sub> = <var>n</var> (2 <var>n</var> −1) </div><div> 1, 6, 15, 28, 45, ... </div></div> Pode ser verificado que T <sub>285</sub> = P <sub>165</sub> = H <sub>143</sub> = 40755. Encontre o próximo número do triângulo que também é pentagonal e hexagonal. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>triPentaHexa(40756)</code> deve retornar 1533776805.
+    testString: 'assert.strictEqual(triPentaHexa(40756), 1533776805, "<code>triPentaHexa(40756)</code> should return 1533776805.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function triPentaHexa(n) {
+  // Good luck!
+  return true;
+}
+
+triPentaHexa(40756);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-450-hypocycloid-and-lattice-points.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-450-hypocycloid-and-lattice-points.portuguese.md
new file mode 100644
index 0000000000..a3e9ff36d5
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-450-hypocycloid-and-lattice-points.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f52e1000cf542c510041
+challengeType: 5
+title: 'Problem 450: Hypocycloid and Lattice points'
+videoUrl: ''
+localeTitle: 'Problema 450: Pontos Hipocicloides e Lattice'
+---
+
+## Description
+<section id="description"> Um hipocicloide é a curva desenhada por um ponto em um pequeno círculo dentro de um círculo maior. As equações paramétricas de um hipociclo centrado na origem e começando no ponto mais à direita são dadas por: $ x (t) = (R - r) \ cos (t) + rs cos (\ frac {R - r} rt) $ $ y (t) = (R - r) \ sin (t) - r \ sin (\ frac {R - r} rt) $ Onde R é o raio do círculo grande e r raio do pequeno círculo. <p> Seja $ C (R, r) $ o conjunto de pontos distintos com coordenadas inteiras no hipocicloide com raio R er para o qual existe um valor correspondente de t tal que $ \ sin (t) $ e $ \ cos ( t) $ são números racionais. </p><p> Seja $ S (R, r) = \ sum _ {(x, y) \ em C (R, r)} | x | + | y ​​| $ é a soma dos valores absolutos das coordenadas x e y dos pontos em $ C (R, r) $. </p><p> Seja $ T (N) = \ soma <em>{R = 3} ^ N \ soma</em> {r = 1} ^ {\ lfloor \ frac {R - 1} 2 \ rfloor} S (R, r) $ seja a soma de $ S (R, r) $ para R e r inteiros positivos, $ R \ leq N $ e $ 2r &lt;R $. </p><p> Você recebe: C (3, 1) = {(3, 0), (-1, 2), (-1,0), (-1, -2)} C (2500, 1000) = {(2500 , 0), (772, 2376), (772, -2376), (516, 1792), (516, -1792), (500, 0), (68, 504), (68, -504), ( -1356, 1088), (-1356, -1088), (-1500, 1000), (-1500, -1000)} </p><p> Nota: (-625, 0) não é um elemento de C (2500, 1000) porque $ \ sin (t) $ não é um número racional para os valores correspondentes de t. </p><p> S (3, 1) = (| 3 | + | 0 |) + (| -1 | + | 2 |) + (| -1 | + | 0 |) + (| -1 | + | -2 |) = 10 </p><p> T (3) = 10; T (10) = 524, T (100) = 580442; T (103) = 583108600. </p><p> Encontre T (106). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler450()</code> deve retornar 583333163984220900.
+    testString: 'assert.strictEqual(euler450(), 583333163984220900, "<code>euler450()</code> should return 583333163984220900.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler450() {
+  // Good luck!
+  return true;
+}
+
+euler450();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-451-modular-inverses.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-451-modular-inverses.portuguese.md
new file mode 100644
index 0000000000..f90e6cb1b6
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-451-modular-inverses.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5311000cf542c510042
+challengeType: 5
+title: 'Problem 451: Modular inverses'
+videoUrl: ''
+localeTitle: 'Problema 451: inversos modulares'
+---
+
+## Description
+<section id="description"> Considere o número 15. Existem oito números positivos menores que 15, que são coprimos para 15: 1, 2, 4, 7, 8, 11, 13, 14. Os inversos modulares desses números módulo 15 são: 1, 8, 4 13, 2, 11, 7, 14 porque 1 * 1 mod 15 = 1 2 * 8 = 16 mod 15 = 1 4 * 4 = 16 mod 15 = 1 7 * 13 = 91 mod 15 = 1 11 * 11 = 121 mod 15 = 1 14 * 14 = 196 mod 15 = 1 <p> Seja I (n) o maior número positivo m menor que n-1, de modo que o inverso modular do módulo n seja igual a si mesmo. Então eu (15) = 11. Também eu (100) = 51 e eu (7) = 1. </p><p> Encontre ∑I (n) para 3≤n≤2 · 107 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler451()</code> deve retornar 153651073760956.
+    testString: 'assert.strictEqual(euler451(), 153651073760956, "<code>euler451()</code> should return 153651073760956.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler451() {
+  // Good luck!
+  return true;
+}
+
+euler451();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-452-long-products.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-452-long-products.portuguese.md
new file mode 100644
index 0000000000..d60880b7c4
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-452-long-products.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5311000cf542c510043
+challengeType: 5
+title: 'Problem 452: Long Products'
+videoUrl: ''
+localeTitle: 'Problema 452: Produtos Longos'
+---
+
+## Description
+<section id="description"> Defina F (m, n) como o número de n-tuplas de inteiros positivos para os quais o produto dos elementos não excede m. F (10, 10) = 571. F (106, 106) mod. 1 234 567 891 = 252903833. Determinar F (109, 109) mod. 1 234 567 891. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler452(), 345558983, "<code>euler452()</code> should return 345558983.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler452() {
+  // Good luck!
+  return true;
+}
+
+euler452();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-453-lattice-quadrilaterals.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-453-lattice-quadrilaterals.portuguese.md
new file mode 100644
index 0000000000..94b268def2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-453-lattice-quadrilaterals.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5311000cf542c510044
+challengeType: 5
+title: 'Problem 453: Lattice Quadrilaterals'
+videoUrl: ''
+localeTitle: 'Problema 453: quadriláteros de treliça'
+---
+
+## Description
+<section id="description"> Um quadrilátero simples é um polígono que possui quatro vértices distintos, não possui ângulos retos e não se auto-intercepta. <p> Seja Q (m, n) o número de quadriláteros simples cujos vértices são pontos de rede com coordenadas (x, y) satisfazendo 0 ≤ x ≤ me 0 ≤ y ≤ n. </p><p> Por exemplo, Q (2, 2) = 94, como pode ser visto abaixo: </p><p> Pode-se verificar também que Q (3, 7) = 39590, Q (12, 3) = 309000 e Q (123, 45) = 70542215894646. </p><p> Encontre Q (12345, 6789) mod 135707531. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler453()</code> deve retornar 104354107.
+    testString: 'assert.strictEqual(euler453(), 104354107, "<code>euler453()</code> should return 104354107.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler453() {
+  // Good luck!
+  return true;
+}
+
+euler453();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-454-diophantine-reciprocals-iii.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-454-diophantine-reciprocals-iii.portuguese.md
new file mode 100644
index 0000000000..404af0752c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-454-diophantine-reciprocals-iii.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5331000cf542c510045
+challengeType: 5
+title: 'Problem 454: Diophantine reciprocals III'
+videoUrl: ''
+localeTitle: 'Problema 454: Recíprocos Diofantinos III'
+---
+
+## Description
+<section id="description"> Na seguinte equação x, y e n são inteiros positivos. <p> 1x + 1y = 1n </p><p> Para um limite L, definimos F (L) como o número de soluções que satisfazem x &lt;y ≤ L. </p><p> Podemos verificar que F (15) = 4 e F (1000) = 1069. Encontre F (1012). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler454()</code> deve retornar 5435004633092.
+    testString: 'assert.strictEqual(euler454(), 5435004633092, "<code>euler454()</code> should return 5435004633092.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler454() {
+  // Good luck!
+  return true;
+}
+
+euler454();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-455-powers-with-trailing-digits.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-455-powers-with-trailing-digits.portuguese.md
new file mode 100644
index 0000000000..a740c892b7
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-455-powers-with-trailing-digits.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5331000cf542c510046
+challengeType: 5
+title: 'Problem 455: Powers With Trailing Digits'
+videoUrl: ''
+localeTitle: 'Problema 455: Poderes com Dígitos de Arrasto'
+---
+
+## Description
+<section id="description"> Seja f (n) o maior inteiro positivo x menor que 109, de modo que os últimos 9 dígitos de nx formem o número x (incluindo os zeros à esquerda), ou zero, se não existir tal número inteiro. <p> Por exemplo: </p><p> f (4) = 411728896 (4411728896 = ... 490411728896) f (10) = 0 f (157) = 743757 (157743757 = ... 567000743757) Σf (n), 2 ≤ n ≤ 103 = 442530011399 Localizar Σf (n ), 2 ≤ n ≤ 106. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler455()</code> deve retornar 450186511399999.
+    testString: 'assert.strictEqual(euler455(), 450186511399999, "<code>euler455()</code> should return 450186511399999.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler455() {
+  // Good luck!
+  return true;
+}
+
+euler455();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-456-triangles-containing-the-origin-ii.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-456-triangles-containing-the-origin-ii.portuguese.md
new file mode 100644
index 0000000000..559797ba8e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-456-triangles-containing-the-origin-ii.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5351000cf542c510047
+challengeType: 5
+title: 'Problem 456: Triangles containing the origin II'
+videoUrl: ''
+localeTitle: 'Problema 456: Triângulos contendo a origem II'
+---
+
+## Description
+<section id="description"> Defina: xn = (1248n mod 32323) - 16161yn = (8421n mod 30103) - 15051 Pn = {(x1, y1), (x2, y2), ..., (xn, yn)} <p> Por exemplo, P8 = {(-14913, -6630), (-10161, 5625), (5226, 11896), (8340, -10778), (15852, -5203), (-15165, 11295), (- 1427, -14495), (12407, 1060)}. </p><p> Seja C (n) o número de triângulos cujos vértices estão em Pn que contêm a origem no interior. </p><p> Exemplos: C (8) = 20 C (600) = 8950634 C (40 000) = 2666610948988 </p><p> Encontre C (2 000 000). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler456(), 333333208685971500, "<code>euler456()</code> should return 333333208685971500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler456() {
+  // Good luck!
+  return true;
+}
+
+euler456();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-457-a-polynomial-modulo-the-square-of-a-prime.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-457-a-polynomial-modulo-the-square-of-a-prime.portuguese.md
new file mode 100644
index 0000000000..e1def253db
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-457-a-polynomial-modulo-the-square-of-a-prime.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5361000cf542c510048
+challengeType: 5
+title: 'Problem 457: A polynomial modulo the square of a prime'
+videoUrl: ''
+localeTitle: 'Problema 457: Um módulo polinomial o quadrado de um primo'
+---
+
+## Description
+<section id="description"> Seja f (n) = n2 - 3n - 1. Seja p um primo. Seja R (p) o menor inteiro positivo n tal que f (n) mod p2 = 0 se tal inteiro n existir, caso contrário, R (p) = 0. <p> Seja SR (L) ∑R (p) para todos os primos que não excedam L. </p><p> Encontre SR (107). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler457()</code> deve retornar 2647787126797397000.
+    testString: 'assert.strictEqual(euler457(), 2647787126797397000, "<code>euler457()</code> should return 2647787126797397000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler457() {
+  // Good luck!
+  return true;
+}
+
+euler457();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-458-permutations-of-project.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-458-permutations-of-project.portuguese.md
new file mode 100644
index 0000000000..342d09166c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-458-permutations-of-project.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5361000cf542c510049
+challengeType: 5
+title: 'Problem 458: Permutations of Project'
+videoUrl: ''
+localeTitle: 'Problema 458: Permutações do Projeto'
+---
+
+## Description
+<section id="description"> Considere o alfabeto A feito das letras da palavra &quot;projeto&quot;: A = {c, e, j, o, p, r, t}. Seja T (n) o número de cadeias de comprimento n consistindo de letras de A que não possuem uma substring que seja uma das 5040 permutações de &quot;projeto&quot;. <p> T (7) = 77-7! = 818503. </p><p> Encontre T (1012). Dê os últimos 9 dígitos da sua resposta. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler458()</code> deve retornar 423341841.
+    testString: 'assert.strictEqual(euler458(), 423341841, "<code>euler458()</code> should return 423341841.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler458() {
+  // Good luck!
+  return true;
+}
+
+euler458();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-459-flipping-game.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-459-flipping-game.portuguese.md
new file mode 100644
index 0000000000..2835b54ddb
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-459-flipping-game.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5371000cf542c51004a
+challengeType: 5
+title: 'Problem 459: Flipping game'
+videoUrl: ''
+localeTitle: 'Problema 459: jogando o jogo'
+---
+
+## Description
+<section id="description"> O jogo de flipping é um jogo de dois jogadores jogado em um tabuleiro quadrado N por N. Cada quadrado contém um disco com um lado branco e um lado preto. O jogo começa com todos os discos mostrando seu lado branco. <p> Um turno consiste em inverter todos os discos em um retângulo com as seguintes propriedades: o canto superior direito do retângulo contém um disco branco, a largura do retângulo é um quadrado perfeito (1, 4, 9, 16, ...) a altura do retângulo é um número triangular (1, 3, 6, 10, ...) </p><p> Jogadores alternam turnos. Um jogador ganha girando a grade toda preta. </p><p> Seja W (N) o número de jogadas vencedoras para o primeiro jogador em uma mesa N por N com todos os discos em branco, assumindo uma jogada perfeita. W (1) = 1, W (2) = 0, W (5) = 8 e W (102) = 31395. </p><p> Para N = 5, os oito primeiros golpes vencedores do primeiro jogador são: </p><p> Encontre W (106). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler459()</code> deve retornar 3996390106631.
+    testString: 'assert.strictEqual(euler459(), 3996390106631, "<code>euler459()</code> should return 3996390106631.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler459() {
+  // Good luck!
+  return true;
+}
+
+euler459();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-46-goldbachs-other-conjecture.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-46-goldbachs-other-conjecture.portuguese.md
new file mode 100644
index 0000000000..64db85c08c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-46-goldbachs-other-conjecture.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f39a1000cf542c50fead
+challengeType: 5
+title: 'Problem 46: Goldbach"s other conjecture'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Foi proposto por Christian Goldbach que cada número composto ímpar pode ser escrito como a soma de um primo e duas vezes por quadrado. 9 = 7 + 2 × 1 <sup>2</sup> 15 = 7 + 2 × 2 <sup>2</sup> 21 = 3 + 2 × 3 <sup>2</sup> 25 = 7 + 2 × 3 <sup>2</sup> 27 = 19 + 2 × 2 <sup>2</sup> 33 = 31 + 2 × 1 <sup>2</sup> Acende que a conjectura era falsa. Qual é o menor compósito ímpar que não pode ser escrito como a soma de um primo e duas vezes por quadrado? </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>goldbachsOtherConjecture()</code> deve retornar 5777.
+    testString: 'assert.strictEqual(goldbachsOtherConjecture(), 5777, "<code>goldbachsOtherConjecture()</code> should return 5777.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function goldbachsOtherConjecture() {
+  // Good luck!
+  return true;
+}
+
+goldbachsOtherConjecture();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-460-an-ant-on-the-move.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-460-an-ant-on-the-move.portuguese.md
new file mode 100644
index 0000000000..fd71596281
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-460-an-ant-on-the-move.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5381000cf542c51004b
+challengeType: 5
+title: 'Problem 460: An ant on the move'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler460()</code> deve retornar 18.420738199.
+    testString: 'assert.strictEqual(euler460(), 18.420738199, "<code>euler460()</code> should return 18.420738199.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler460() {
+  // Good luck!
+  return true;
+}
+
+euler460();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-461-almost-pi.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-461-almost-pi.portuguese.md
new file mode 100644
index 0000000000..1b2f37d374
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-461-almost-pi.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f53a1000cf542c51004c
+challengeType: 5
+title: 'Problem 461: Almost Pi'
+videoUrl: ''
+localeTitle: 'Problema 461: Quase Pi'
+---
+
+## Description
+<section id="description"> Seja fn (k) = ek / n - 1, para todos os inteiros não negativos k. Notavelmente, f200 (6) + f200 (75) + f200 (89) + f200 (226) = 3,141592644529… ≈ π. De fato, é a melhor aproximação de π da forma fn (a) + fn (b) + fn (c) + fn (d) para n = 200. Seja g (n) = a2 + b2 + c2 + d 2 para a, b, c, d que minimizam o erro: | fn (a) + fn (b) + fn (c) + fn (d) - π | (onde | x | denota o valor absoluto de x). Você recebe g (200) = 62 + 752 + 892 + 2262 = 64658. Encontre g (10000). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler461(), 159820276, "<code>euler461()</code> should return 159820276.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler461() {
+  // Good luck!
+  return true;
+}
+
+euler461();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-462-permutation-of-3-smooth-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-462-permutation-of-3-smooth-numbers.portuguese.md
new file mode 100644
index 0000000000..9bb838933a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-462-permutation-of-3-smooth-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f53b1000cf542c51004d
+challengeType: 5
+title: 'Problem 462: Permutation of 3-smooth numbers'
+videoUrl: ''
+localeTitle: 'Problema 462: Permutação de 3 números lisos'
+---
+
+## Description
+<section id="description"> Um número 3-suave é um inteiro que não possui um fator primo maior que 3. Para um inteiro N, definimos S (N) como o conjunto de 3 números lisos menores ou iguais a N. Por exemplo, S (20) = {1, 2, 3, 4, 6, 8, 9, 12, 16, 18}. <p> Definimos F (N) como o número de permutações de S (N) nas quais cada elemento vem depois de todos os seus divisores apropriados. </p><p> Esta é uma das permutações possíveis para N = 20. </p><ul><li> 1, 2, 4, 3, 9, 8, 16, 6, 18, 12. Esta não é uma permutação válida porque 12 vem antes de seu divisor 6. </li><li> 1, 2, 4, 3, 9, 8, 12, 16, 6, 18. </li></ul><p> Podemos verificar que F (6) = 5, F (8) = 9, F (20) = 450 e F (1000) ≈ 8,8521816557e21. Encontre F (1018). Dê como sua resposta sua notação científica arredondada para dez dígitos após o ponto decimal. Ao dar sua resposta, use um e minúsculo para separar mantissa e expoente. Por exemplo, se a resposta for 112.233.445.566.778.899, o formato da resposta seria 1.1223344557e17. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler462(), Infinity, "<code>euler462()</code> should return Infinity.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler462() {
+  // Good luck!
+  return true;
+}
+
+euler462();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-463-a-weird-recurrence-relation.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-463-a-weird-recurrence-relation.portuguese.md
new file mode 100644
index 0000000000..3e000dde67
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-463-a-weird-recurrence-relation.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f53c1000cf542c51004e
+challengeType: 5
+title: 'Problem 463: A weird recurrence relation'
+videoUrl: ''
+localeTitle: 'Problema 463: Uma estranha relação de recorrência'
+---
+
+## Description
+<section id="description"> A função $ f $ é definida para todos os inteiros positivos da seguinte forma: $ f (1) = 1 $ $ f (3) = 3 $ $ f (2n) = f (n) $ $ f (4n + 1) = 2f (2n + 1) - f (n) $ $ f (4n + 3) = 3f (2n + 1) - 2f (n) $ <p> A função $ S (n) $ é definida como $ \ sum_ {i = 1} ^ {n} f (i) $. $ S (8) = 22 $ e $ S (100) = 3604 $. Encontre $ S (3 ^ {37}) $. Dê os últimos 9 dígitos da sua resposta. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler463()</code> deve retornar 808981553.
+    testString: 'assert.strictEqual(euler463(), 808981553, "<code>euler463()</code> should return 808981553.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler463() {
+  // Good luck!
+  return true;
+}
+
+euler463();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-464-mbius-function-and-intervals.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-464-mbius-function-and-intervals.portuguese.md
new file mode 100644
index 0000000000..05add679c1
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-464-mbius-function-and-intervals.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f53d1000cf542c51004f
+challengeType: 5
+title: 'Problem 464: Möbius function and intervals'
+videoUrl: ''
+localeTitle: 'Problema 464: Função e intervalos de Möbius'
+---
+
+## Description
+<section id="description"> A função de Möbius, denotada μ (n), é definida como: μ (n) = (-1) ω (n) se n é quadrado livre (onde ω (n) é o número de fatores primos distintos de n) μ (n ) = 0 se n não for quadrado. <p> Seja P (a, b) o número de inteiros n no intervalo [a, b] tal que μ (n) = 1. Seja N (a, b) o número de inteiros n no intervalo [a, b ] tal que μ (n) = -1. Por exemplo, P (2,10) = 2 e N (2,10) = 4. </p><p> Seja C (n) o número de pares inteiros (a, b) tal que: 1 ≤ a ≤ b ≤ n, 99 · N (a, b) ≤ 100 · P (a, b) e 99 · P ( a, b) ≤ 100 · N (a, b). </p><p> Por exemplo, C (10) = 13, C (500) = 16676 e C (10 000) = 20155319. </p><p> Encontre C (20 000 000). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler464()</code> deve retornar 198775297232878.
+    testString: 'assert.strictEqual(euler464(), 198775297232878, "<code>euler464()</code> should return 198775297232878.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler464() {
+  // Good luck!
+  return true;
+}
+
+euler464();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-465-polar-polygons.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-465-polar-polygons.portuguese.md
new file mode 100644
index 0000000000..31c0231a20
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-465-polar-polygons.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f53d1000cf542c510050
+challengeType: 5
+title: 'Problem 465: Polar polygons'
+videoUrl: ''
+localeTitle: 'Problema 465: Polígonos polares'
+---
+
+## Description
+<section id="description"> O núcleo de um polígono é definido pelo conjunto de pontos a partir dos quais todo o limite do polígono é visível. Nós definimos um polígono polar como um polígono para o qual a origem é estritamente contida dentro de seu kernel. <p> Para este problema, um polígono pode ter vértices colineares consecutivos. No entanto, um polígono ainda não pode ter auto-interseção e não pode ter área zero. </p><p> Por exemplo, apenas o primeiro dos seguintes é um polígono polar (os núcleos do segundo, terceiro e quarto não contêm estritamente a origem e o quinto não tem um kernel): </p><p> Observe que o primeiro polígono tem três vértices colineares consecutivos. </p><p> Seja P (n) o número de polígonos polares, de modo que os vértices (x, y) tenham coordenadas inteiras cujos valores absolutos não sejam maiores que n. </p><p> Observe que os polígonos devem ser contados como diferentes se tiverem um conjunto diferente de arestas, mesmo que incluam a mesma área. Por exemplo, o polígono com vértices [(0,0), (0,3), (1,1), (3,0)] é distinto do polígono com vértices [(0,0), (0,3 ), (1,1), (3,0), (1,0)]. </p><p> Por exemplo, P (1) = 131, P (2) = 1648531, P (3) = 1099461296175 e P (343) mod. 1 000 000 007 = 937293740. </p><p> Encontre P (713) mod 1 000 000 007. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler465()</code> deve retornar 585965659.
+    testString: 'assert.strictEqual(euler465(), 585965659, "<code>euler465()</code> should return 585965659.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler465() {
+  // Good luck!
+  return true;
+}
+
+euler465();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-466-distinct-terms-in-a-multiplication-table.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-466-distinct-terms-in-a-multiplication-table.portuguese.md
new file mode 100644
index 0000000000..8c4d161aeb
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-466-distinct-terms-in-a-multiplication-table.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f53e1000cf542c510051
+challengeType: 5
+title: 'Problem 466: Distinct terms in a multiplication table'
+videoUrl: ''
+localeTitle: 'Problema 466: Termos distintos em uma tabela de multiplicação'
+---
+
+## Description
+<section id="description"> Seja P (m, n) o número de termos distintos em uma tabela de multiplicação m × n. <p> Por exemplo, uma tabela de multiplicação 3 × 4 tem esta aparência: </p><p> × 12341 12342 24683 36912 </p><p> Existem 8 termos distintos {1,2,3,4,6,8,9,12}, portanto P (3,4) = 8. </p><p> Você está dado que: P (64,64) = 1263, P (12.345) = 1998, e P (32,1015) = 13826382602124302. </p><p> Encontre P (64,1016). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler466()</code> deve retornar 258381958195474750.
+    testString: 'assert.strictEqual(euler466(), 258381958195474750, "<code>euler466()</code> should return 258381958195474750.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler466() {
+  // Good luck!
+  return true;
+}
+
+euler466();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-467-superinteger.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-467-superinteger.portuguese.md
new file mode 100644
index 0000000000..dea4f65c03
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-467-superinteger.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5411000cf542c510052
+challengeType: 5
+title: 'Problem 467: Superinteger'
+videoUrl: ''
+localeTitle: 'Problema 467: Superinteger'
+---
+
+## Description
+<section id="description"> Um inteiro s é chamado de superinteger de outro inteiro n se os dígitos de n formarem uma subsequência dos dígitos de s. Por exemplo, 2718281828 é um superinteger de 18828, enquanto 314159 não é um superinteger de 151. <p> Seja p (n) o enésimo número primo e seja c (n) o enésimo número composto. Por exemplo, p (1) = 2, p (10) = 29, c (1) = 4 ec (10) = 18. {p (i): i ≥ 1} = {2, 3, 5, 7 , 11, 13, 17, 19, 23, 29, ...} {c (i): i ≥ 1} = {4, 6, 8, 9, 10, 12, 14, 15, 16, 18,. ..} </p><p> Deixe PD a seqüência das raízes digitais de {p (i)} (CD é definido de forma semelhante para {c (i)}): PD = {2, 3, 5, 7, 2, 4, 8, 1, 5, 2, ...} CD = {4, 6, 8, 9, 1, 3, 5, 6, 7, 9, ...} </p><p> Seja Pn o inteiro formado pela concatenação dos primeiros n elementos de PD (Cn é definido similarmente para CD). P10 = 2357248152 C10 = 4689135679 </p><p> Seja f (n) o menor inteiro positivo que é um superinteger comum de Pn e Cn. Por exemplo, f (10) = 2357246891352679 e f (100) mod. 1 000 000 007 = 771661825. </p><p> Encontre f (10 000) mod 1 000 000 007. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler467(), 775181359, "<code>euler467()</code> should return 775181359.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler467() {
+  // Good luck!
+  return true;
+}
+
+euler467();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-468-smooth-divisors-of-binomial-coefficients.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-468-smooth-divisors-of-binomial-coefficients.portuguese.md
new file mode 100644
index 0000000000..a489d2a6e0
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-468-smooth-divisors-of-binomial-coefficients.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5411000cf542c510054
+challengeType: 5
+title: 'Problem 468: Smooth divisors of binomial coefficients'
+videoUrl: ''
+localeTitle: 'Problema 468: divisores suaves de coeficientes binomiais'
+---
+
+## Description
+<section id="description"> Um inteiro é chamado B-smooth se nenhum de seus fatores primos for maior que B. <p> Seja SB (n) o maior divisor de suavidade B de n. Exemplos: S1 (10) = 1 S4 (2100) = 12 S17 (2496144) = 5712 </p><p> Defina F (n) = ∑1≤B≤n ∑0≤r≤n SB (C (n, r)). Aqui, C (n, r) indica o coeficiente binomial. Exemplos: F (11) = 3132 F (1 111) mod 1 000 000 993 = 706036312 F (111 111) mod 1 000 000 993 = 22156169 </p><p> Encontre F (11 111 111) mod 1 000 000 993. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler468()</code> deve retornar 852950321.
+    testString: 'assert.strictEqual(euler468(), 852950321, "<code>euler468()</code> should return 852950321.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler468() {
+  // Good luck!
+  return true;
+}
+
+euler468();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-469-empty-chairs.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-469-empty-chairs.portuguese.md
new file mode 100644
index 0000000000..80c3c3c77c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-469-empty-chairs.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5411000cf542c510053
+challengeType: 5
+title: 'Problem 469: Empty chairs'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Em uma sala N cadeiras são colocadas em torno de uma mesa redonda. Cavaleiros entram na sala um por um e escolhem aleatoriamente uma cadeira vazia disponível. Para ter espaço suficiente, os cavaleiros sempre deixam pelo menos uma cadeira vazia entre eles. <p> Quando não há cadeiras adequadas, a fração C das cadeiras vazias é determinada. Também definimos E (N) como o valor esperado de C. Podemos verificar que E (4) = 1/2 e E (6) = 5/9. </p><p> Encontre E (1018). Dê sua resposta arredondada para quatorze casas decimais na forma 0.abcdefghijklmn. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler469(), 0.56766764161831, "<code>euler469()</code> should return 0.56766764161831.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler469() {
+  // Good luck!
+  return true;
+}
+
+euler469();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-47-distinct-primes-factors.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-47-distinct-primes-factors.portuguese.md
new file mode 100644
index 0000000000..b7178e5451
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-47-distinct-primes-factors.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 5900f39c1000cf542c50feae
+challengeType: 5
+title: 'Problem 47: Distinct primes factors'
+videoUrl: ''
+localeTitle: 'Problema 47: Fatores primos distintos'
+---
+
+## Description
+<section id="description"> Os dois primeiros números consecutivos que possuem dois fatores primos distintos são: <div style="padding-left: 4em;"> 14 = 2 × 7 </div><div style="padding-left: 4em;"> 15 = 3 × 5 </div> Os primeiros três números consecutivos a ter três fatores primos distintos são: <div style="padding-left: 4em;"> 644 = 2² × 7 × 23 </div><div style="padding-left: 4em;"> 645 = 3 × 5 × 43 </div><div style="padding-left: 4em;"> 646 = 2 × 17 × 19 </div> Encontre os primeiros quatro inteiros consecutivos para ter quatro fatores primos distintos cada. Qual é o primeiro desses números? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>distinctPrimeFactors(2, 2)</code> deve retornar 14.'
+    testString: 'assert.strictEqual(distinctPrimeFactors(2, 2), 14, "<code>distinctPrimeFactors(2, 2)</code> should return 14.");'
+  - text: '<code>distinctPrimeFactors(3, 3)</code> deve retornar 644.'
+    testString: 'assert.strictEqual(distinctPrimeFactors(3, 3), 644, "<code>distinctPrimeFactors(3, 3)</code> should return 644.");'
+  - text: '<code>distinctPrimeFactors(4, 4)</code> deve retornar 134043.'
+    testString: 'assert.strictEqual(distinctPrimeFactors(4, 4), 134043, "<code>distinctPrimeFactors(4, 4)</code> should return 134043.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function distinctPrimeFactors(targetNumPrimes, targetConsecutive) {
+  // Good luck!
+  return true;
+}
+
+distinctPrimeFactors(4, 4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-470-super-ramvok.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-470-super-ramvok.portuguese.md
new file mode 100644
index 0000000000..7ef974d6d4
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-470-super-ramvok.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5431000cf542c510055
+challengeType: 5
+title: 'Problem 470: Super Ramvok'
+videoUrl: ''
+localeTitle: 'Problema 470: Super Ramvok'
+---
+
+## Description
+<section id="description"> Considere um único jogo de Ramvok: <p> Vamos representar o número máximo de turnos que o jogo dura. Se t = 0, o jogo termina imediatamente. Caso contrário, em cada turno eu, o jogador rola um dado. Após o lançamento, se o jogador puder parar o jogo e receber um prêmio igual ao valor do teste atual, ou descartar o teste e tentar novamente no próximo turno. Se i = t, o rolo não pode ser descartado e o prêmio deve ser aceito. Antes do jogo começar, t é escolhido pelo jogador, que deve então pagar um custo inicial ct por alguma constante c. Para c = 0, t pode ser escolhido para ser infinito (com um custo inicial de 0). Seja R (d, c) o lucro esperado (ou seja, ganho líquido) que o jogador recebe de um único jogo de Ramvok jogado da melhor maneira, dado um dado de d-face justo e custo constante c. Por exemplo, R (4, 0,2) = 2,65. Suponha que o jogador tenha fundos suficientes para pagar quaisquer custos iniciais. </p><p> Agora considere um jogo de Super Ramvok: </p><p> Em Super Ramvok, o jogo de Ramvok é jogado repetidamente, mas com uma ligeira modificação. Após cada jogo, o dado é alterado. O processo de alteração é o seguinte: O dado é rolado uma vez, e se a face resultante tiver seus pontos visíveis, então essa face é alterada para ficar em branco. Se o rosto já estiver em branco, ele será alterado novamente para seu valor original. Depois que a alteração é feita, outro jogo de Ramvok pode começar (e durante tal jogo, a cada turno, o dado é rolado até que um rosto com um valor nele apareça). O jogador sabe quais rostos estão em branco e quais não estão em todos os momentos. O jogo de Super Ramvok termina quando todas as faces do dado estiverem em branco. </p><p> Seja S (d, c) o lucro esperado que o jogador recebe de um jogo otimamente jogado de Super Ramvok, dado um dado justo em d-face para começar (com todos os lados visíveis) e custo constante c. Por exemplo, S (6, 1) = 208,3. </p><p> Seja F (n) = ∑4≤d≤n ∑0≤c≤n S (d, c). </p><p> Calcular F (20), arredondado para o inteiro mais próximo. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler470(), 147668794, "<code>euler470()</code> should return 147668794.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler470() {
+  // Good luck!
+  return true;
+}
+
+euler470();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-471-triangle-inscribed-in-ellipse.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-471-triangle-inscribed-in-ellipse.portuguese.md
new file mode 100644
index 0000000000..4ea054315c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-471-triangle-inscribed-in-ellipse.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5431000cf542c510056
+challengeType: 5
+title: 'Problem 471: Triangle inscribed in ellipse'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler471(), 1.895093981e+31, "<code>euler471()</code> should return 1.895093981e+31.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler471() {
+  // Good luck!
+  return true;
+}
+
+euler471();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-472-comfortable-distance-ii.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-472-comfortable-distance-ii.portuguese.md
new file mode 100644
index 0000000000..f54d79c3a0
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-472-comfortable-distance-ii.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5451000cf542c510057
+challengeType: 5
+title: 'Problem 472: Comfortable Distance II'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Existem N lugares seguidos. N pessoas vêm uma após a outra para preencher os assentos de acordo com as seguintes regras: Nenhuma pessoa se senta ao lado da outra. A primeira pessoa escolhe qualquer assento. Cada pessoa subseqüente escolhe o assento mais distante de qualquer outra pessoa já sentada, desde que não viole a regra 1. Se houver mais de uma escolha satisfazendo essa condição, a pessoa escolhe a escolha mais à esquerda. Observe que, devido à regra 1, alguns lugares certamente ficarão desocupados, e o número máximo de pessoas que podem sentar-se é menor que N (para N&gt; 1). <p> Aqui estão os possíveis arranjos de assentos para N = 15: </p><p> Vemos que, se a primeira pessoa escolhe corretamente, os 15 lugares podem acomodar até 7 pessoas. Também podemos ver que a primeira pessoa tem 9 opções para maximizar o número de pessoas que podem estar sentadas. </p><p> Seja f (N) o número de escolhas que a primeira pessoa deve maximizar o número de ocupantes para N assentos seguidos. Assim, f (1) = 1, f (15) = 9, f (20) = 6 e f (500) = 16. </p><p> Além disso, (f (N) = 83 para 1 ≤ N ≤ 20 e ∑f (N) = 13343 para 1 ≤ N ≤ 500. </p><p> Encontre ∑f (N) para 1 ≤ N ≤ 1012. Dê os últimos 8 dígitos da sua resposta. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler472(), 73811586, "<code>euler472()</code> should return 73811586.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler472() {
+  // Good luck!
+  return true;
+}
+
+euler472();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-473-phigital-number-base.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-473-phigital-number-base.portuguese.md
new file mode 100644
index 0000000000..5cb91e6f82
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-473-phigital-number-base.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5461000cf542c510058
+challengeType: 5
+title: 'Problem 473: Phigital number base'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler473(), 35856681704365, "<code>euler473()</code> should return 35856681704365.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler473() {
+  // Good luck!
+  return true;
+}
+
+euler473();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-474-last-digits-of-divisors.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-474-last-digits-of-divisors.portuguese.md
new file mode 100644
index 0000000000..e491c55a35
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-474-last-digits-of-divisors.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5471000cf542c510059
+challengeType: 5
+title: 'Problem 474: Last digits of divisors'
+videoUrl: ''
+localeTitle: 'Problema 474: Últimos Dígitos dos Divisores'
+---
+
+## Description
+<section id="description"> Para um inteiro positivo n e dígitos d, definimos F (n, d) como o número dos divisores de n cujos últimos dígitos são iguais a d. Por exemplo, F (84, 4) = 3. Entre os divisores de 84 (1, 2, 3, 4, 6, 7, 12, 14, 21, 28, 42, 84), três deles (4, 14 , 84) tem o último dígito 4. <p> Podemos também verificar que F (12 !, 12) = 11 e F (50 !, 123) = 17888. </p><p> Encontre o módulo F (106 !, 65432) (1016 + 61). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler474()</code> deve retornar 9690646731515010.
+    testString: 'assert.strictEqual(euler474(), 9690646731515010, "<code>euler474()</code> should return 9690646731515010.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler474() {
+  // Good luck!
+  return true;
+}
+
+euler474();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-475-music-festival.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-475-music-festival.portuguese.md
new file mode 100644
index 0000000000..85b7c0a564
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-475-music-festival.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5481000cf542c51005a
+challengeType: 5
+title: 'Problem 475: Music festival'
+videoUrl: ''
+localeTitle: 'Problema 475: festival de música'
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler475(), 75780067, "<code>euler475()</code> should return 75780067.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler475() {
+  // Good luck!
+  return true;
+}
+
+euler475();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-476-circle-packing-ii.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-476-circle-packing-ii.portuguese.md
new file mode 100644
index 0000000000..9a18af527d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-476-circle-packing-ii.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5481000cf542c51005b
+challengeType: 5
+title: 'Problem 476: Circle Packing II'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Seja R (a, b, c) a área máxima coberta por três círculos não sobrepostos dentro de um triângulo com os comprimentos de aresta a, b e c. Seja S (n) o valor médio de R (a, b, c) sobre todos os tripletos inteiros (a, b, c) tal que 1 ≤ a ≤ b ≤ c &lt;a + b ≤ n Você recebe S (2 ) = R (1, 1, 1) ≈ 0,31998, S (5) ≈ 1,25899. Encontre S (1803) arredondado para 5 casas decimais atrás do ponto decimal. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler476()</code> deve retornar 110242.87794.
+    testString: 'assert.strictEqual(euler476(), 110242.87794, "<code>euler476()</code> should return 110242.87794.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler476() {
+  // Good luck!
+  return true;
+}
+
+euler476();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-477-number-sequence-game.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-477-number-sequence-game.portuguese.md
new file mode 100644
index 0000000000..d53e60030e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-477-number-sequence-game.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f54a1000cf542c51005c
+challengeType: 5
+title: 'Problem 477: Number Sequence Game'
+videoUrl: ''
+localeTitle: 'Problema 477: Jogo Sequencial Numérico'
+---
+
+## Description
+<section id="description"> O jogo de sequência numérica começa com uma sequência S de N números escritos em uma linha. Dois jogadores alternam turnos. Por sua vez, um jogador deve selecionar e remover o primeiro ou o último número remanescente na sequência. A pontuação do jogador é a soma de todos os números que ele tirou. Cada jogador tenta maximizar sua própria soma. Se N = 4 e S = {1, 2, 10, 3}, então cada jogador maximiza sua pontuação da seguinte forma: Jogador 1: remove o primeiro número (1) Jogador 2: remove o último número da sequência restante (3) Jogador 1: remove o último número da sequência restante (10) Jogador 2: remove o número restante (2) A pontuação do Jogador 1 é 1 + 10 = 11. Seja F (N) a pontuação do jogador 1 se ambos os jogadores seguirem o estratégia ótima para a sequência S = {s1, s2, ..., sN} definida como: s1 = 0 si + 1 = (si2 + 45) módulo 1 000 000 007 A sequência começa com S = {0, 45, 2070 , 4284945, 753524550, 478107844, 894218625, ...}. Você recebe F (2) = 45, F (4) = 4284990, F (100) = 26365463243, F (104) = 2495838522951. Encontre F (108). </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler477()</code> deve retornar 25044905874565164.
+    testString: 'assert.strictEqual(euler477(), 25044905874565164, "<code>euler477()</code> should return 25044905874565164.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler477() {
+  // Good luck!
+  return true;
+}
+
+euler477();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-478-mixtures.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-478-mixtures.portuguese.md
new file mode 100644
index 0000000000..d74f2939c7
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-478-mixtures.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f54c1000cf542c51005e
+challengeType: 5
+title: 'Problem 478: Mixtures'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Vamos considerar misturas de três substâncias: A, B e C. Uma mistura pode ser descrita pela razão das quantidades de A, B e C, ie, (a: b: c). Por exemplo, uma mistura descrita pela razão (2: 3: 5) contém 20% A, 30% B e 50% C. <p> Para os propósitos deste problema, não podemos separar os componentes individuais de uma mistura. No entanto, podemos combinar diferentes quantidades de diferentes misturas para formar misturas com novas proporções. </p><p> Por exemplo, digamos que temos três misturas com proporções (3: 0: 2), (3: 6: 11) e (3: 3: 4). Misturando 10 unidades do primeiro, 20 unidades do segundo e 30 unidades do terceiro, obtemos uma nova mistura com relação (6: 5: 9), pois: (10 · 3/5 + 20 · 3/20 + 30,3 / 10: 10 · 0/5 + 20 · 6/20 + 30 · 3/10: 10 · 2/5 + 20 · 11/20 + 30 · 4/10) = (18: 15: 27) = (6: 5: 9) </p><p> No entanto, com as mesmas três misturas, é impossível formar a razão (3: 2: 1), uma vez que a quantidade de B é sempre menor que a quantidade de C. </p><p> Seja n um inteiro positivo. Suponha que para cada triplo de inteiros (a, b, c) com 0 ≤ a, b, c ≤ n e mdc (a, b, c) = 1, temos uma mistura com proporção (a: b: c). Seja M (n) o conjunto de todas essas misturas. </p><p> Por exemplo, M (2) contém as 19 misturas com as seguintes proporções: {(0: 0: 1), (0: ​​1: 0), (0: ​​1: 1), (0: ​​1: 2), ( 0: 2: 1), (1: 0: 0), (1: 0: 1), (1: 0: 2), (1: 1: 0), (1: 1: 1), (1: 1: 2), (1: 2: 0), (1: 2: 1), (1: 2: 2), (2: 0: 1), (2: 1: 0), (2: 1: 1), (2: 1: 2), (2: 2: 1)}. </p><p> Seja E (n) o número de subconjuntos de M (n) que podem produzir a mistura com relação (1: 1: 1), isto é, a mistura com partes iguais A, B e C. Podemos verificar que E (1 ) = 103, E (2) = 520447, E (10) mod 118 = 82608406 e E (500) mod 118 = 13801403. Encontre E (10 000 000) mod 118. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler478()</code> deve retornar 59510340.
+    testString: 'assert.strictEqual(euler478(), 59510340, "<code>euler478()</code> should return 59510340.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler478() {
+  // Good luck!
+  return true;
+}
+
+euler478();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-479-roots-on-the-rise.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-479-roots-on-the-rise.portuguese.md
new file mode 100644
index 0000000000..7d5fbbef8b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-479-roots-on-the-rise.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f54b1000cf542c51005d
+challengeType: 5
+title: 'Problem 479: Roots on the Rise'
+videoUrl: ''
+localeTitle: 'Problema 479: Raízes em Ascensão'
+---
+
+## Description
+<section id="description"> Vamos ak, bk e ck representam as três soluções (números reais ou complexos) para a expressão 1 / x = (k / x) 2 (k + x2) - kx. <p> Por exemplo, para k = 5, vemos que {a5, b5, c5} é aproximadamente {5,727244, -0,363622 + 2,057397i, -0,363622-2,057397i}. </p><p> Seja S (n) = Σ (ak + bk) p (bk + ck) p (ck + ak) p para todos os inteiros p, k tal que 1 ≤ p, k ≤ n. </p><p> Curiosamente, S (n) é sempre um inteiro. Por exemplo, S (4) = 51160. </p><p> Encontre S (106) módulo 1 000 000 007. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler479()</code> deve retornar 191541795.
+    testString: 'assert.strictEqual(euler479(), 191541795, "<code>euler479()</code> should return 191541795.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler479() {
+  // Good luck!
+  return true;
+}
+
+euler479();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-48-self-powers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-48-self-powers.portuguese.md
new file mode 100644
index 0000000000..2e19407a5f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-48-self-powers.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f39c1000cf542c50feaf
+challengeType: 5
+title: 'Problem 48: Self powers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> A série, 1 <sup>1</sup> + 2 <sup>2</sup> + 3 <sup>3</sup> + ... + 10 <sup>10</sup> = 10405071317. Encontre os dez últimos dígitos da série, 1 <sup>1</sup> + 2 <sup>2</sup> + 3 <sup>3</sup> + ... + 1000 <sup>1000</sup> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>selfPowers(10, 3)</code> deve retornar 317.'
+    testString: 'assert.strictEqual(selfPowers(10, 3), 317, "<code>selfPowers(10, 3)</code> should return 317.");'
+  - text: ''
+    testString: 'assert.strictEqual(selfPowers(150, 6), 29045, "<code>selfPowers(150, 6)</code> should return 29045.");'
+  - text: ''
+    testString: 'assert.strictEqual(selfPowers(673, 7), 2473989, "<code>selfPowers(673, 7)</code> should return 2473989.");'
+  - text: ''
+    testString: 'assert.strictEqual(selfPowers(1000, 10), 9110846700, "<code>selfPowers(1000, 10)</code> should return 9110846700.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function selfPowers(power, lastDigits) {
+  // Good luck!
+  return true;
+}
+
+selfPowers(1000, 10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-480-the-last-question.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-480-the-last-question.portuguese.md
new file mode 100644
index 0000000000..12ba8f17d8
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-480-the-last-question.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f54c1000cf542c51005f
+challengeType: 5
+title: 'Problem 480: The Last Question'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler480(), turnthestarson, "<code>euler480()</code> should return turnthestarson.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler480() {
+  // Good luck!
+  return true;
+}
+
+euler480();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-49-prime-permutations.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-49-prime-permutations.portuguese.md
new file mode 100644
index 0000000000..dd0bfe718d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-49-prime-permutations.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f39d1000cf542c50feb0
+challengeType: 5
+title: 'Problem 49: Prime permutations'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>primePermutations()</code> deve retornar 296962999629.
+    testString: 'assert.strictEqual(primePermutations(), 296962999629, "<code>primePermutations()</code> should return 296962999629.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function primePermutations() {
+  // Good luck!
+  return true;
+}
+
+primePermutations();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-5-smallest-multiple.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-5-smallest-multiple.portuguese.md
new file mode 100644
index 0000000000..dfa515d7b6
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-5-smallest-multiple.portuguese.md
@@ -0,0 +1,62 @@
+---
+id: 5900f3711000cf542c50fe84
+challengeType: 5
+title: 'Problem 5: Smallest multiple'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(smallestMult(5), 60, "<code>smallestMult(5)</code> should return 60.");'
+  - text: ''
+    testString: 'assert.strictEqual(smallestMult(7), 420, "<code>smallestMult(7)</code> should return 420.");'
+  - text: ''
+    testString: 'assert.strictEqual(smallestMult(10), 2520, "<code>smallestMult(10)</code> should return 2520.");'
+  - text: <code>smallestMult(13)</code> deve retornar 360360.
+    testString: 'assert.strictEqual(smallestMult(13), 360360, "<code>smallestMult(13)</code> should return 360360.");'
+  - text: ''
+    testString: 'assert.strictEqual(smallestMult(20), 232792560, "<code>smallestMult(20)</code> should return 232792560.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function smallestMult(n) {
+  // Good luck!
+  return true;
+}
+
+smallestMult(20);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-50-consecutive-prime-sum.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-50-consecutive-prime-sum.portuguese.md
new file mode 100644
index 0000000000..569ca9fd53
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-50-consecutive-prime-sum.portuguese.md
@@ -0,0 +1,57 @@
+---
+id: 5900f39e1000cf542c50feb1
+challengeType: 5
+title: 'Problem 50: Consecutive prime sum'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> O primo 41, pode ser escrito como a soma de seis primos consecutivos: 41 = 2 + 3 + 5 + 7 + 11 + 13 Esta é a soma mais longa de primos consecutivos que adiciona a um primo abaixo de cem. A soma mais longa de primos consecutivos abaixo de um mil que adiciona a um primo contém 21 termos e é igual a 953. Qual primo, abaixo de um milhão, pode ser escrito como a soma dos primos mais consecutivos? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>consecutivePrimeSum(1000)</code> deve retornar 953.
+    testString: 'assert.strictEqual(consecutivePrimeSum(1000), 953, "<code>consecutivePrimeSum(1000)</code> should return 953.");'
+  - text: <code>consecutivePrimeSum(1000000)</code> deve retornar 997651.
+    testString: 'assert.strictEqual(consecutivePrimeSum(1000000), 997651, "<code>consecutivePrimeSum(1000000)</code> should return 997651.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function consecutivePrimeSum(limit) {
+  // Good luck!
+  return true;
+}
+
+consecutivePrimeSum(1000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-51-prime-digit-replacements.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-51-prime-digit-replacements.portuguese.md
new file mode 100644
index 0000000000..56b363c749
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-51-prime-digit-replacements.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f39f1000cf542c50feb2
+challengeType: 5
+title: 'Problem 51: Prime digit replacements'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler51(), 121313, "<code>euler51()</code> should return 121313.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler51() {
+  // Good luck!
+  return true;
+}
+
+euler51();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-52-permuted-multiples.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-52-permuted-multiples.portuguese.md
new file mode 100644
index 0000000000..785b7701aa
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-52-permuted-multiples.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3a01000cf542c50feb3
+challengeType: 5
+title: 'Problem 52: Permuted multiples'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(permutedMultiples(), 142857, "<code>permutedMultiples()</code> should return 142857.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function permutedMultiples() {
+  // Good luck!
+  return true;
+}
+
+permutedMultiples();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-53-combinatoric-selections.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-53-combinatoric-selections.portuguese.md
new file mode 100644
index 0000000000..9c37be81ae
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-53-combinatoric-selections.portuguese.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3a11000cf542c50feb4
+challengeType: 5
+title: 'Problem 53: Combinatoric selections'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Existem exatamente dez maneiras de selecionar três de cinco, 12345: 123, 124, 125, 134, 135, 145, 234, 235, 245 e 345. Em combinatória, usamos a notação, 5C3 = 10. Em geral, <p> nCr = n! r! (n − r)! , onde r ≤ n, n! = n × (n − 1) × ... × 3 × 2 × 1 e 0! = 1 </p><p> Não é até n = 23, que um valor excede um milhão: 23C10 = 1144066. Quantos, não necessariamente distintos, valores de nCr, para 1 ≤ n ≤ 100, são maiores que um milhão? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>combinatoricSelections(1000)</code> deve retornar 4626.
+    testString: 'assert.strictEqual(combinatoricSelections(1000), 4626, "<code>combinatoricSelections(1000)</code> should return 4626.");'
+  - text: <code>combinatoricSelections(10000)</code> deve retornar 4431.
+    testString: 'assert.strictEqual(combinatoricSelections(10000), 4431, "<code>combinatoricSelections(10000)</code> should return 4431.");'
+  - text: <code>combinatoricSelections(100000)</code> deve retornar 4255.
+    testString: 'assert.strictEqual(combinatoricSelections(100000), 4255, "<code>combinatoricSelections(100000)</code> should return 4255.");'
+  - text: <code>combinatoricSelections(1000000)</code> deve retornar 4075.
+    testString: 'assert.strictEqual(combinatoricSelections(1000000), 4075, "<code>combinatoricSelections(1000000)</code> should return 4075.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function combinatoricSelections(limit) {
+  // Good luck!
+  return 1;
+}
+
+combinatoricSelections(1000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-54-poker-hands.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-54-poker-hands.portuguese.md
new file mode 100644
index 0000000000..6ab0959778
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-54-poker-hands.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3a21000cf542c50feb5
+challengeType: 5
+title: 'Problem 54: Poker hands'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler54()</code> deve retornar 376.
+    testString: 'assert.strictEqual(euler54(), 376, "<code>euler54()</code> should return 376.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler54() {
+  // Good luck!
+  return true;
+}
+
+euler54();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-55-lychrel-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-55-lychrel-numbers.portuguese.md
new file mode 100644
index 0000000000..2aa39d2d57
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-55-lychrel-numbers.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 5900f3a31000cf542c50feb6
+challengeType: 5
+title: 'Problem 55: Lychrel numbers'
+videoUrl: ''
+localeTitle: 'Problema 55: Números Lychrel'
+---
+
+## Description
+<section id="description"> Se tomarmos 47, inverta e adicione 47 + 74 = 121, que é palíndromo. Nem todos os números produzem palíndromos tão rapidamente. Por exemplo, 349 + 943 = 1292, 1292 + 2921 = 4213 4213 + 3124 = 7337 Ou seja, 349 levou três iterações para chegar a um palíndromo. Embora ninguém tenha provado isso ainda, acredita-se que alguns números, como o 196, nunca produzem um palíndromo. Um número que nunca forma um palíndromo através do processo reverso e adicionar é chamado de número Lychrel. Devido à natureza teórica destes números, e para o propósito deste problema, assumiremos que um número é Lychrel até prova em contrário. Além disso, você está informado de que, para cada número abaixo de dez mil, ele (i) se tornará um palíndromo em menos de cinquenta iterações, ou, (ii) ninguém, com todo o poder computacional que existe, conseguiu até agora mapeá-lo para um palíndromo. De fato, 10677 é o primeiro número a ser mostrado para requerer mais de cinquenta iterações antes de produzir um palíndromo: 4668731596684224866951378664 (53 iterações, 28 dígitos). Surpreendentemente, existem números palíndricos que são, eles próprios, números de Lychrel; O primeiro exemplo é 4994. Quantas Lychrel números estão lá abaixo <code>num</code> ? NOTA: Redação foi modificada ligeiramente em 24 de abril de 2007 para enfatizar a natureza teórica dos números Lychrel. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(countLychrelNumbers(1000), 13, "<code>countLychrelNumbers(1000)</code> should return 13.");'
+  - text: ''
+    testString: 'assert.strictEqual(countLychrelNumbers(5000), 76, "<code>countLychrelNumbers(5000)</code> should return 76.");'
+  - text: ''
+    testString: 'assert.strictEqual(countLychrelNumbers(10000), 249, "<code>countLychrelNumbers(10000)</code> should return 249.");'
+  - text: ''
+    testString: 'assert.strictEqual(countLychrelNumbers(3243), 39, "Your function should count all Lychrel numbers.");'
+  - text: ''
+    testString: 'assert.strictEqual(countLychrelNumbers(7654), 140, "Your function should pass all test cases.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countLychrelNumbers(num) {
+  // Good luck!
+  return true;
+}
+
+countLychrelNumbers(10000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-56-powerful-digit-sum.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-56-powerful-digit-sum.portuguese.md
new file mode 100644
index 0000000000..20bcc0664f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-56-powerful-digit-sum.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3a41000cf542c50feb7
+challengeType: 5
+title: 'Problem 56: Powerful digit sum'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Um googol (10100) é um número massivo: um seguido por cem zeros; 100100 é quase inimaginavelmente grande: um seguido por duzentos zeros. Apesar de seu tamanho, a soma dos dígitos em cada número é apenas 1. Considerando números naturais da forma, ab, onde a, b &lt;100, qual é a soma digital máxima? </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler56()</code> deve retornar 972.
+    testString: 'assert.strictEqual(euler56(), 972, "<code>euler56()</code> should return 972.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler56() {
+  // Good luck!
+  return true;
+}
+
+euler56();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-57-square-root-convergents.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-57-square-root-convergents.portuguese.md
new file mode 100644
index 0000000000..99f03020d8
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-57-square-root-convergents.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3a51000cf542c50feb8
+challengeType: 5
+title: 'Problem 57: Square root convergents'
+videoUrl: ''
+localeTitle: 'Problema 57: Convergentes da raiz quadrada'
+---
+
+## Description
+<section id="description"> É possível mostrar que a raiz quadrada de dois pode ser expressa como uma fração contínua infinita. √ 2 = 1 + 1 / (2 + 1 / (2 + 1 / (2 + ...))) = 1,414213 ... Expandindo isso para as primeiras quatro iterações, obtemos: 1 + 1/2 = 3 / 2 = 1,5 1 + 1 / (2 + 1/2) = 7/5 = 1,4 1 + 1 / (2 + 1 / (2 + 1/2)) = 17/12 = 1,41666 ... 1 + 1 / (2 + 1 / (2 + 1 / (2 + 1/2))) = 41/29 = 1,41379 ... As próximas três expansões são 99/70, 239/169 e 577/408, mas a oitava expansão, 1393/985, é o primeiro exemplo em que o número de dígitos no numerador excede o número de dígitos no denominador. Nas primeiras mil expansões, quantas frações contêm um numerador com mais dígitos que o denominador? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler57()</code> deve retornar 153.
+    testString: 'assert.strictEqual(euler57(), 153, "<code>euler57()</code> should return 153.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler57() {
+  // Good luck!
+  return true;
+}
+
+euler57();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-58-spiral-primes.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-58-spiral-primes.portuguese.md
new file mode 100644
index 0000000000..999961668d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-58-spiral-primes.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3a61000cf542c50feb9
+challengeType: 5
+title: 'Problem 58: Spiral primes'
+videoUrl: ''
+localeTitle: 'Problema 58: Primários Espirais'
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler58()</code> deve retornar 26241.
+    testString: 'assert.strictEqual(euler58(), 26241, "<code>euler58()</code> should return 26241.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler58() {
+  // Good luck!
+  return true;
+}
+
+euler58();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-59-xor-decryption.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-59-xor-decryption.portuguese.md
new file mode 100644
index 0000000000..4dd1349f04
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-59-xor-decryption.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3a81000cf542c50feba
+challengeType: 5
+title: 'Problem 59: XOR decryption'
+videoUrl: ''
+localeTitle: 'Problema 59: Descriptografia XOR'
+---
+
+## Description
+<section id="description"> Cada caractere em um computador recebe um código único e o padrão preferido é o ASCII (Código Padrão Americano para Intercâmbio de Informações). Por exemplo, letras maiúsculas A = 65, asterisco (*) = 42 e letra minúscula k = 107. Um método moderno de criptografia é pegar um arquivo de texto, converter os bytes em ASCII, e XOR cada byte com um determinado valor, tirado de um chave secreta. A vantagem da função XOR é que, usando a mesma chave de criptografia no texto cifrado, restaura o texto simples; por exemplo, 65 XOR 42 = 107 e, em seguida, 107 XOR 42 = 65. Para criptografia inquebrável, a chave tem o mesmo tamanho da mensagem de texto simples e a chave é composta de bytes aleatórios. O usuário manteria a mensagem criptografada e a chave de criptografia em locais diferentes e, sem as duas metades, é impossível descriptografar a mensagem. Infelizmente, esse método é impraticável para a maioria dos usuários, portanto, o método modificado é usar uma senha como chave. Se a senha for menor que a mensagem, o que é provável, a chave será repetida ciclicamente em toda a mensagem. O saldo desse método é usar uma chave de senha suficientemente longa para segurança, mas curta o suficiente para ser memorável. Sua tarefa foi facilitada, pois a chave de criptografia consiste em três caracteres minúsculos. Usando cipher.txt (clique com o botão direito e &#39;Salvar link / destino como ...&#39;), um arquivo contendo os códigos ASCII criptografados e o conhecimento de que o texto sem formatação deve conter palavras comuns em inglês, descriptografar a mensagem e localizar a soma do texto. Valores ASCII no texto original. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler59(), 107359, "<code>euler59()</code> should return 107359.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler59() {
+  // Good luck!
+  return true;
+}
+
+euler59();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-6-sum-square-difference.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-6-sum-square-difference.portuguese.md
new file mode 100644
index 0000000000..64e71f39fc
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-6-sum-square-difference.portuguese.md
@@ -0,0 +1,58 @@
+---
+id: 5900f3721000cf542c50fe85
+challengeType: 5
+title: 'Problem 6: Sum square difference'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumSquareDifference(10)</code> deve retornar 2640.
+    testString: 'assert.strictEqual(sumSquareDifference(10), 2640, "<code>sumSquareDifference(10)</code> should return 2640.");'
+  - text: ''
+    testString: 'assert.strictEqual(sumSquareDifference(20), 41230, "<code>sumSquareDifference(20)</code> should return 41230.");'
+  - text: <code>sumSquareDifference(100)</code> deve retornar 25164150.
+    testString: 'assert.strictEqual(sumSquareDifference(100), 25164150, "<code>sumSquareDifference(100)</code> should return 25164150.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumSquareDifference(n) {
+  // Good luck!
+  return true;
+}
+
+sumSquareDifference(100);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-60-prime-pair-sets.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-60-prime-pair-sets.portuguese.md
new file mode 100644
index 0000000000..6cd5004022
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-60-prime-pair-sets.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3a81000cf542c50febb
+challengeType: 5
+title: 'Problem 60: Prime pair sets'
+videoUrl: ''
+localeTitle: 'Problema 60: Conjuntos Prime Pair'
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler60(), 26033, "<code>euler60()</code> should return 26033.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler60() {
+  // Good luck!
+  return true;
+}
+
+euler60();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-61-cyclical-figurate-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-61-cyclical-figurate-numbers.portuguese.md
new file mode 100644
index 0000000000..fae0def564
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-61-cyclical-figurate-numbers.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3a91000cf542c50febc
+challengeType: 5
+title: 'Problem 61: Cyclical figurate numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Os números triângulo, quadrado, pentagonal, hexagonal, heptagonal e octogonal são todos números figurativos (poligonais) e são gerados pelas seguintes fórmulas: <p> P3, n = n (n + 1) / 2 </p><p> 1, 3, 6, 10, 15, ... Quadrado </p><p> P4, n = n2 </p><p> 1, 4, 9, 16, 25, ... Pentagonal </p><p> P5, n = n (3n − 1) / 2 </p><p> 1, 5, 12, 22, 35, ... Hexagonal </p><p> P6, n = n (2n − 1) </p><p> 1, 6, 15, 28, 45, ... Heptagonal </p><p> P7, n = n (5n − 3) / 2 </p><p> 1, 7, 18, 34, 55, ... Octagonal </p><p> P8, n = n (3n − 2) </p><p> 1, 8, 21, 40, 65, ... O conjunto ordenado de três números de 4 dígitos: 8128, 2882, 8281, possui três propriedades interessantes. O conjunto é cíclico, em que os dois últimos dígitos de cada número são os dois primeiros dígitos do próximo número (incluindo o último número com o primeiro). Cada tipo poligonal: triângulo (P3,127 = 8128), quadrado (P4,91 = 8281) e pentagonal (P5,44 = 2882), é representado por um número diferente no conjunto. Este é o único conjunto de números de 4 dígitos com esta propriedade. Encontre a soma do único conjunto ordenado de seis números cíclicos de 4 dígitos para os quais cada tipo poligonal: triângulo, quadrado, pentagonal, hexagonal, heptagonal e octogonal, é representado por um número diferente no conjunto. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler61()</code> deve retornar 28684.
+    testString: 'assert.strictEqual(euler61(), 28684, "<code>euler61()</code> should return 28684.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler61() {
+  // Good luck!
+  return true;
+}
+
+euler61();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-62-cubic-permutations.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-62-cubic-permutations.portuguese.md
new file mode 100644
index 0000000000..63edd7f443
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-62-cubic-permutations.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3aa1000cf542c50febd
+challengeType: 5
+title: 'Problem 62: Cubic permutations'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> O cubo, 41063625 (3453), pode ser permutado para produzir dois outros cubos: 56623104 (3843) e 66430125 (4053). De fato, 41063625 é o menor cubo que tem exatamente três permutações de seus dígitos que também são cubo. Encontre o menor cubo para o qual exatamente cinco permutações de seus dígitos são cubo. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler62(), 127035954683, "<code>euler62()</code> should return 127035954683.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler62() {
+  // Good luck!
+  return true;
+}
+
+euler62();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-63-powerful-digit-counts.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-63-powerful-digit-counts.portuguese.md
new file mode 100644
index 0000000000..fbb6b74493
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-63-powerful-digit-counts.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ab1000cf542c50febe
+challengeType: 5
+title: 'Problem 63: Powerful digit counts'
+videoUrl: ''
+localeTitle: 'Problema 63: contagens de dígitos poderosas'
+---
+
+## Description
+<section id="description"> O número de 5 dígitos, 16807 = 75, também é uma quinta potência. Da mesma forma, o número de 9 dígitos, 134217728 = 89, é um nono poder. Quantos números inteiros positivos de n dígitos existem, que também são uma enésima potência? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler63(), 49, "<code>euler63()</code> should return 49.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler63() {
+  // Good luck!
+  return true;
+}
+
+euler63();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-64-odd-period-square-roots.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-64-odd-period-square-roots.portuguese.md
new file mode 100644
index 0000000000..42ad6de9ce
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-64-odd-period-square-roots.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ac1000cf542c50febf
+challengeType: 5
+title: 'Problem 64: Odd period square roots'
+videoUrl: ''
+localeTitle: 'Problema 64: Raízes quadradas de período ímpar'
+---
+
+## Description
+<section id="description"> Todas as raízes quadradas são periódicas quando escritas como frações contínuas e podem ser escritas na forma: <p> √N = a0 + 1 </p><p> a1 + 1 </p><p> a2 + 1 </p><p> a3 + ... </p><p> Por exemplo, vamos considerar √23: </p><p> √23 = 4 + √23 - 4 = 4 + 1 = 4 + 1 </p><p> 1√23—4 </p><p> 1 + √ 23 - 37 </p><p> Se continuarmos, obteremos a seguinte expansão: </p><p> √23 = 4 + 1 </p><p> 1 + 1 </p><p> 3 + 1 </p><p> 1 + 1 </p><p> 8 + ... </p><p> O processo pode ser resumido da seguinte forma: </p><p> a0 = 4, </p><p> 1√23—4 = √23 + 47 = 1 + √23—37 a1 = 1, </p><p> 7√23—3 = 7 (√23 + 3) 14 = 3 + √23—32 a2 = 3, </p><p> 2√23—3 = 2 (√23 + 3) 14 = 1 + —23—47 a3 = 1, </p><p> 7√23—4 = 7 (√23 + 4) 7 = 8 + √23—4 a4 = 8, </p><p> 1√23—4 = √23 + 47 = 1 + √23—37 a5 = 1, </p><p> 7√23—3 = 7 (√23 + 3) 14 = 3 + √23—32 a6 = 3, </p><p> 2√23—3 = 2 (√23 + 3) 14 = 1 + —23—47 a7 = 1, </p><p> 7√23—4 = 7 (√23 + 4) 7 = 8 + √23—4 </p><p> Pode ser visto que a sequência está se repetindo. Para concisão, usamos a notação √23 = [4; (1,3,1,8)], para indicar que o bloco (1,3,1,8) se repete indefinidamente. </p><p> As dez primeiras representações de frações continuadas de raízes quadradas (irracionais) são: =2 = [1; (2)], período = 1 √3 = [1; (1,2)], período = 2 √5 = [2; (4)], período = 1 √6 = [2; (2,4)], período = 2 √7 = [2; (1,1,1,4)], período = 4 √8 = [2; (1,4)], período = 2 √10 = [3; (6)], período = 1 √11 = [3; (3,6)], período = 2 √12 = [3; )], período = 2 √13 = [3; (1,1,1,1,6)], período = 5 Exatamente quatro frações continuadas, para N ≤ 13, têm um período ímpar. Quantas frações continuadas para N ≤ 10000 possuem um período ímpar? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler64()</code> deve retornar 1322.
+    testString: 'assert.strictEqual(euler64(), 1322, "<code>euler64()</code> should return 1322.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler64() {
+  // Good luck!
+  return true;
+}
+
+euler64();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-65-convergents-of-e.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-65-convergents-of-e.portuguese.md
new file mode 100644
index 0000000000..8e4744a749
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-65-convergents-of-e.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ad1000cf542c50fec0
+challengeType: 5
+title: 'Problem 65: Convergents of e'
+videoUrl: ''
+localeTitle: 'Problema 65: Convergentes de e'
+---
+
+## Description
+<section id="description"> A raiz quadrada de 2 pode ser escrita como uma fração contínua infinita. <p> √2 = 1 + 1 </p><p> 2 + 1 </p><p> 2 + 1 </p><p> 2 + 1 </p><p> 2 + ... </p><p> A fração continuada infinita pode ser escrita, √2 = [1; (2)], (2) indica que 2 se repete ad infinitum. De maneira semelhante, √23 = [4; (1,3,1,8)]. Acontece que a seqüência de valores parciais de frações contínuas para raízes quadradas fornece as melhores aproximações racionais. Vamos considerar os convergentes para √2. </p><p> 1 + 1 = 3/2 </p><p> 2 </p><p> 1 + 1 = 7/5 </p><p> 2 + 1 </p><p> 2 </p><p> 1 + 1 = 17/12 </p><p> 2 + 1 </p><p> 2 + 1 </p><p> 2 </p><p> 1 + 1 = 41/29 </p><p> 2 + 1 </p><p> 2 + 1 </p><p> 2 + 1 </p><p> 2 </p><p> Assim, a seqüência dos dez primeiros convergentes para √2 são: 1, 3/2, 7/5, 17/12, 41/29, 99/70, 239/169, 577/408, 1393/985, 3363/2378. ... O que é mais surpreendente é que a constante matemática importante, e = [2; 1,2,1, 1,4,1, 1,6,1, ..., 1,2k, 1, ...]. Os dez primeiros termos da sequência de convergentes para e são: 2, 3, 8/3, 11/4, 19/7, 87/32, 106/39, 193/71, 1264/465, 1457/536,. .. A soma dos dígitos no numerador do 10º convergente é 1 + 4 + 5 + 7 = 17. Encontre a soma dos dígitos no numerador do 100º convergente da fração continuada para e. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler65()</code> deve retornar 272.
+    testString: 'assert.strictEqual(euler65(), 272, "<code>euler65()</code> should return 272.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler65() {
+  // Good luck!
+  return true;
+}
+
+euler65();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-66-diophantine-equation.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-66-diophantine-equation.portuguese.md
new file mode 100644
index 0000000000..6f504f6432
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-66-diophantine-equation.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ae1000cf542c50fec1
+challengeType: 5
+title: 'Problem 66: Diophantine equation'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Considere equações diofantinas quadráticas da forma: x2 - Dy2 = 1 Por exemplo, quando D = 13, a solução mínima em x é 6492 - 13 × 1802 = 1. Pode-se supor que não há soluções em inteiros positivos quando D é quadrado. Ao encontrar soluções mínimas em x para D = {2, 3, 5, 6, 7}, obtemos o seguinte: 32 - 2 × 22 = 1 22 - 3 × 12 = 192 - 5 × 42 = 1 52 - 6 × 22 = 1 82 - 7 × 32 = 1 Assim, considerando soluções mínimas em x para D ≤ 7, o maior x é obtido quando D = 5. Encontre o valor de D ≤ 1000 em soluções mínimas de x para as quais o maior valor de x é obtido. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler66(), 661, "<code>euler66()</code> should return 661.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler66() {
+  // Good luck!
+  return true;
+}
+
+euler66();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-67-maximum-path-sum-ii.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-67-maximum-path-sum-ii.portuguese.md
new file mode 100644
index 0000000000..576ef12bb4
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-67-maximum-path-sum-ii.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3b01000cf542c50fec2
+challengeType: 5
+title: 'Problem 67: Maximum path sum II'
+videoUrl: ''
+localeTitle: 'Problema 67: soma do caminho máximo II'
+---
+
+## Description
+<section id="description"> Começando no topo do triângulo abaixo e movendo-se para números adjacentes na linha abaixo, o total máximo de cima para baixo é 23. 37 4 2 4 6 8 5 9 3 Ou seja, 3 + 7 + 4 + 9 = 23 Encontre o total máximo de cima para baixo em triangle.txt (clique direito e &#39;Salvar Link / Destino Como ...&#39;), um arquivo de texto de 15K contendo um triângulo com cem linhas. NOTA: Esta é uma versão muito mais difícil do Problema 18. Não é possível tentar todas as rotas para resolver este problema, pois existem 299 ao todo! Se você pudesse verificar um trilhão (1012) rotas a cada segundo, levaria mais de vinte bilhões de anos para verificar todas elas. Existe um algoritmo eficiente para resolvê-lo. o) </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler67()</code> deve retornar 7273.
+    testString: 'assert.strictEqual(euler67(), 7273, "<code>euler67()</code> should return 7273.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler67() {
+  // Good luck!
+  return true;
+}
+
+euler67();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-68-magic-5-gon-ring.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-68-magic-5-gon-ring.portuguese.md
new file mode 100644
index 0000000000..9a0471a185
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-68-magic-5-gon-ring.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b01000cf542c50fec3
+challengeType: 5
+title: 'Problem 68: Magic 5-gon ring'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler68()</code> deve retornar 6531031914842725.
+    testString: 'assert.strictEqual(euler68(), 6531031914842725, "<code>euler68()</code> should return 6531031914842725.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler68() {
+  // Good luck!
+  return true;
+}
+
+euler68();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-69-totient-maximum.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-69-totient-maximum.portuguese.md
new file mode 100644
index 0000000000..3ab355ed4f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-69-totient-maximum.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3b11000cf542c50fec4
+challengeType: 5
+title: 'Problem 69: Totient maximum'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> A função Totient de Euler, φ (n) [às vezes chamada de função phi], é usada para determinar o número de números menores que n que são relativamente primos para n. Por exemplo, como 1, 2, 4, 5, 7 e 8, são todos menores que nove e relativamente primos para nove, φ (9) = 6. <p> n Relativamente Principal φ (n) n / φ (n) 2 1 1 2 3 1,2 2 1,5 4 1,3 2 2 5 1,2,3,4 4 1,25 6 1,5 2 3 7 1,2, 3,4,5,6 6 1,1666 ... 8 1,3,5,7 4 2 9 1,2,4,5,7,8 6 1,5 10 1,3,7,9 4 2,5 </p><p> Pode ser visto que n = 6 produz um máximo n / φ (n) para n ≤ 10. Encontre o valor de n ≤ 1.000.000 para o qual n / φ (n) é o máximo. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler69(), 510510, "<code>euler69()</code> should return 510510.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler69() {
+  // Good luck!
+  return true;
+}
+
+euler69();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-7-10001st-prime.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-7-10001st-prime.portuguese.md
new file mode 100644
index 0000000000..8c2550f614
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-7-10001st-prime.portuguese.md
@@ -0,0 +1,63 @@
+---
+id: 5900f3731000cf542c50fe86
+challengeType: 5
+title: 'Problem 7: 10001st prime'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Ao listar os seis primeiros números primos: 2, 3, 5, 7, 11 e 13, podemos ver que o sexto primo é 13. Qual é o número <code>n</code> ésimo? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>nthPrime(6)</code> deve retornar 13.
+    testString: 'assert.strictEqual(nthPrime(6), 13, "<code>nthPrime(6)</code> should return 13.");'
+  - text: <code>nthPrime(10)</code> deve retornar 29.
+    testString: 'assert.strictEqual(nthPrime(10), 29, "<code>nthPrime(10)</code> should return 29.");'
+  - text: ''
+    testString: 'assert.strictEqual(nthPrime(100), 541, "<code>nthPrime(100)</code> should return 541.");'
+  - text: ''
+    testString: 'assert.strictEqual(nthPrime(1000), 7919, "<code>nthPrime(1000)</code> should return 7919.");'
+  - text: <code>nthPrime(10001)</code> deve retornar 104743.
+    testString: 'assert.strictEqual(nthPrime(10001), 104743, "<code>nthPrime(10001)</code> should return 104743.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nthPrime(n) {
+  // Good luck!
+  return true;
+}
+
+nthPrime(10001);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-70-totient-permutation.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-70-totient-permutation.portuguese.md
new file mode 100644
index 0000000000..5af1d0ffd5
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-70-totient-permutation.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b21000cf542c50fec5
+challengeType: 5
+title: 'Problem 70: Totient permutation'
+videoUrl: ''
+localeTitle: Problema 70 totient permutação
+---
+
+## Description
+<section id="description"> A função de Totient de Euler, φ (n) [às vezes chamada de função phi], é usada para determinar o número de números positivos menores ou iguais a n que são relativamente primos para n. Por exemplo, como 1, 2, 4, 5, 7 e 8, são todos menores que nove e relativamente primos para nove, φ (9) = 6. O número 1 é considerado relativamente primo para cada número positivo, portanto φ (1) = 1. Curiosamente, φ (87109) = 79180, e pode ser visto que 87109 é uma permutação de 79180. Encontre o valor de n, 1 &lt;n &lt;107, para o qual φ (n) é uma permutação de n e a razão n / φ (n) produz um mínimo. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler70()</code> deve retornar 8319823.
+    testString: 'assert.strictEqual(euler70(), 8319823, "<code>euler70()</code> should return 8319823.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler70() {
+  // Good luck!
+  return true;
+}
+
+euler70();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-71-ordered-fractions.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-71-ordered-fractions.portuguese.md
new file mode 100644
index 0000000000..a50a3e3c7d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-71-ordered-fractions.portuguese.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3b31000cf542c50fec6
+challengeType: 5
+title: 'Problem 71: Ordered fractions'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Considere a fração n / d, onde n e d são inteiros positivos. Se n <d 1="" 2="" 3="" 4="" 5="" 6="" 7="" 8="" and="" hcf(n,d)="1," it="" is="" called="" a="" reduced="" proper="" fraction.="" if="" we="" list="" the="" set="" of="" fractions="" for="" d="" ≤="" in="" ascending="" order="" size,="" get:="" 8,="" 7,="" 6,="" 5,="" 4,="" 3,="" 2,="" can="" be="" seen="" that="" fraction="" immediately="" to="" left="" 7.="" by="" listing="" 1,000,000="" find="" numerator="" &#x3C;="" section=""><h2> Instruções </h2><section id="instructions"></section><h2> Testes </h2><section id="tests"><pre> <code class="language-yml">tests: - text: &lt;code&gt;euler71()&lt;/code&gt; should return 428570. testString: &#39;assert.strictEqual(euler71(), 428570, &quot;&lt;code&gt;euler71()&lt;/code&gt; should return 428570.&quot;);&#39;</code> </pre></section><h2> Semente do Desafio </h2><section id="challengeSeed"><div id="js-seed"><pre> <code class="language-js">function euler71() { // Good luck! return true; } euler71();</code> </pre></div></section><h2> Solução </h2><section id="solution"><pre> <code class="language-js">// solution required</code> </pre></section></d></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler71()</code> deve retornar 428570.
+    testString: 'assert.strictEqual(euler71(), 428570, "<code>euler71()</code> should return 428570.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler71() {
+  // Good luck!
+  return true;
+}
+
+euler71();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-72-counting-fractions.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-72-counting-fractions.portuguese.md
new file mode 100644
index 0000000000..43c9ec979c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-72-counting-fractions.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b41000cf542c50fec7
+challengeType: 5
+title: 'Problem 72: Counting fractions'
+videoUrl: ''
+localeTitle: 'Problema 72: Contando Frações'
+---
+
+## Description
+<section id="description"> Considere a fração n / d, onde n e d são inteiros positivos. Se n <d 1="" 2="" 3="" 4="" 5="" 6="" 7="" 8="" 21="" and="" hcf(n,d)="1," it="" is="" called="" a="" reduced="" proper="" fraction.="" if="" we="" list="" the="" set="" of="" fractions="" for="" d="" ≤="" in="" ascending="" order="" size,="" get:="" 8,="" 7,="" 6,="" 5,="" 4,="" 3,="" 2,="" can="" be="" seen="" that="" there="" are="" elements="" this="" set.="" how="" many="" would="" contained="" 1,000,000?="" &#x3C;="" section=""><h2> Instruções </h2><section id="instructions"></section><h2> Testes </h2><section id="tests"><pre> <code class="language-yml">tests: - text: &lt;code&gt;euler72()&lt;/code&gt; should return 303963552391. testString: &#39;assert.strictEqual(euler72(), 303963552391, &quot;&lt;code&gt;euler72()&lt;/code&gt; should return 303963552391.&quot;);&#39;</code> </pre></section><h2> Semente do Desafio </h2><section id="challengeSeed"><div id="js-seed"><pre> <code class="language-js">function euler72() { // Good luck! return true; } euler72();</code> </pre></div></section><h2> Solução </h2><section id="solution"><pre> <code class="language-js">// solution required</code> </pre></section></d></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler72()</code> deve retornar 303963552391.
+    testString: 'assert.strictEqual(euler72(), 303963552391, "<code>euler72()</code> should return 303963552391.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler72() {
+  // Good luck!
+  return true;
+}
+
+euler72();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-73-counting-fractions-in-a-range.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-73-counting-fractions-in-a-range.portuguese.md
new file mode 100644
index 0000000000..d8d9b6c218
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-73-counting-fractions-in-a-range.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b61000cf542c50fec8
+challengeType: 5
+title: 'Problem 73: Counting fractions in a range'
+videoUrl: ''
+localeTitle: 'Problema 73: Contando frações em um intervalo'
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler73()</code> deve retornar 7295372.
+    testString: 'assert.strictEqual(euler73(), 7295372, "<code>euler73()</code> should return 7295372.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler73() {
+  // Good luck!
+  return true;
+}
+
+euler73();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-74-digit-factorial-chains.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-74-digit-factorial-chains.portuguese.md
new file mode 100644
index 0000000000..3bb96454ab
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-74-digit-factorial-chains.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b61000cf542c50fec9
+challengeType: 5
+title: 'Problem 74: Digit factorial chains'
+videoUrl: ''
+localeTitle: 'Problema 74: Cadeias de Fatores Digitais'
+---
+
+## Description
+<section id="description"> O número 145 é bem conhecido pela propriedade que a soma do fatorial de seus dígitos é igual a 145: 1! + 4! + 5! = 1 + 24 + 120 = 145 Talvez menos conhecido seja 169, pois produz a cadeia mais longa de números que ligam de volta a 169; Acontece que existem apenas três loops desse tipo: 169 → 363601 → 1454 → 169 871 → 45361 → 871 872 → 45362 → 872 Não é difícil provar que CADA número inicial acabará por ficar preso em um loop. Por exemplo, 69 → 363600 → 1454 → 169 → 363601 (→ 1454) 78 → 45360 → 871 → 45361 (→ 871) 540 → 145 (→ 145) A partir de 69 produz uma cadeia de cinco termos não repetidos, mas o mais longo cadeia não repetitiva com um número inicial abaixo de um milhão é de sessenta termos. Quantas cadeias, com um número inicial abaixo de um milhão, contêm exatamente sessenta termos não repetitivos? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler74()</code> deve retornar 402.
+    testString: 'assert.strictEqual(euler74(), 402, "<code>euler74()</code> should return 402.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler74() {
+  // Good luck!
+  return true;
+}
+
+euler74();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-75-singular-integer-right-triangles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-75-singular-integer-right-triangles.portuguese.md
new file mode 100644
index 0000000000..8ac87d6e5f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-75-singular-integer-right-triangles.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b71000cf542c50feca
+challengeType: 5
+title: 'Problem 75: Singular integer right triangles'
+videoUrl: ''
+localeTitle: 'Problema 75: Triângulos retos inteiros singulares'
+---
+
+## Description
+<section id="description"> Acontece que 12 cm é o menor comprimento de fio que pode ser dobrado para formar um triângulo de ângulo direito com lados inteiros exatamente de uma maneira, mas há muitos outros exemplos. 12 cm: (3,4,5) 24 cm: (6,8,10) 30 cm: (5,12,13) ​​36 cm: (9,12,15) 40 cm: (8,15,17) 48 cm: (12,16,20) Em contraste, alguns comprimentos de fio, como 20 cm, não podem ser dobrados para formar um triângulo de ângulo direito com lados inteiros, e outros comprimentos permitem que mais de uma solução seja encontrada; por exemplo, usando 120 cm, é possível formar exatamente três diferentes triângulos de ângulo reto de lados inteiros. 120 cm: (30,40,50), (20,48,52), (24,45,51) Dado que L é o comprimento do fio, para quantos valores de L ≤ 1.500.000 podem exatamente um inteiro lado direito triângulo de ângulo ser formado? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler75()</code> deve retornar 161667.
+    testString: 'assert.strictEqual(euler75(), 161667, "<code>euler75()</code> should return 161667.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler75() {
+  // Good luck!
+  return true;
+}
+
+euler75();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-76-counting-summations.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-76-counting-summations.portuguese.md
new file mode 100644
index 0000000000..bfc9c08eb6
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-76-counting-summations.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b81000cf542c50fecb
+challengeType: 5
+title: 'Problem 76: Counting summations'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> É possível escrever cinco como uma soma de exatamente seis maneiras diferentes: 4 + 1 3 + 2 3 + 1 + 1 2 + 2 + 1 2 + 1 + 1 + 1 1 + 1 + 1 + 1 + 1 Quantos diferentes maneiras pode cem ser escrito como uma soma de pelo menos dois inteiros positivos? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler76()</code> deve retornar 190569291.
+    testString: 'assert.strictEqual(euler76(), 190569291, "<code>euler76()</code> should return 190569291.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler76() {
+  // Good luck!
+  return true;
+}
+
+euler76();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-77-prime-summations.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-77-prime-summations.portuguese.md
new file mode 100644
index 0000000000..6305a98459
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-77-prime-summations.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b91000cf542c50fecc
+challengeType: 5
+title: 'Problem 77: Prime summations'
+videoUrl: ''
+localeTitle: 'Problema 77: Summações Principais'
+---
+
+## Description
+<section id="description"> É possível escrever dez como a soma dos primos de exatamente cinco maneiras diferentes: 7 + 3 5 + 5 5 + 3 + 2 3 + 3 + 2 + 2 2 + 2 + 2 + 2 + 2 Qual é o primeiro valor que pode ser escrito como a soma de primos em mais de cinco mil maneiras diferentes? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler77()</code> deve retornar 71.
+    testString: 'assert.strictEqual(euler77(), 71, "<code>euler77()</code> should return 71.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler77() {
+  // Good luck!
+  return true;
+}
+
+euler77();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-78-coin-partitions.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-78-coin-partitions.portuguese.md
new file mode 100644
index 0000000000..4baee7caec
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-78-coin-partitions.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ba1000cf542c50fecd
+challengeType: 5
+title: 'Problem 78: Coin partitions'
+videoUrl: ''
+localeTitle: 'Problema 78: partições de moeda'
+---
+
+## Description
+<section id="description"> Seja p (n) o número de maneiras diferentes em que n moedas podem ser separadas em pilhas. Por exemplo, cinco moedas podem ser separadas em pilhas de sete maneiras diferentes, então p (5) = 7. <p> OO OO OO OO OO OO OO OO OO OO OO OO OO OO OO OO OO </p><p> Encontre o menor valor de n para o qual p (n) é divisível por um milhão. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler78()</code> deve retornar 55374.
+    testString: 'assert.strictEqual(euler78(), 55374, "<code>euler78()</code> should return 55374.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler78() {
+  // Good luck!
+  return true;
+}
+
+euler78();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-79-passcode-derivation.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-79-passcode-derivation.portuguese.md
new file mode 100644
index 0000000000..dafbf46b7d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-79-passcode-derivation.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3bb1000cf542c50fece
+challengeType: 5
+title: 'Problem 79: Passcode derivation'
+videoUrl: ''
+localeTitle: 'Problema 79: derivação de código de acesso'
+---
+
+## Description
+<section id="description"> Um método de segurança comum usado para serviços bancários on-line é solicitar ao usuário três caracteres aleatórios de uma senha. Por exemplo, se a senha era 531278, eles podem solicitar o segundo, terceiro e quinto caracteres; a resposta esperada seria: 317. O arquivo de texto, keylog.txt, contém 50 tentativas de login bem-sucedidas. Dado que os três caracteres são sempre solicitados em ordem, analise o arquivo para determinar a senha secreta mais curta possível de comprimento desconhecido. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler79()</code> deve retornar 73162890.
+    testString: 'assert.strictEqual(euler79(), 73162890, "<code>euler79()</code> should return 73162890.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler79() {
+  // Good luck!
+  return true;
+}
+
+euler79();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-8-largest-product-in-a-series.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-8-largest-product-in-a-series.portuguese.md
new file mode 100644
index 0000000000..3fbc7d1cf3
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-8-largest-product-in-a-series.portuguese.md
@@ -0,0 +1,58 @@
+---
+id: 5900f3741000cf542c50fe87
+challengeType: 5
+title: 'Problem 8: Largest product in a series'
+videoUrl: ''
+localeTitle: 'Problema 8: Maior produto de uma série'
+---
+
+## Description
+<section id="description"> Os quatro dígitos adjacentes no número de 1000 dígitos que possuem o maior produto são 9 × 9 × 8 × 9 = 5832. <div style="text-align: center;"> 73167176531330624919225119674426574742355349194934 </div><div style="text-align: center;"> 96983520312774506326239578318016984801869478851843 </div><div style="text-align: center;"> 85861560789112949495459501737958331952853208805511 </div><div style="text-align: center;"> 12540698747158523863050715693290963295227443043557 </div><div style="text-align: center;"> 66896648950445244523161731856403098711121722383113 </div><div style="text-align: center;"> 62229893423380308135336276614282806444486645238749 </div><div style="text-align: center;"> 30358907296290491560440772390713810515859307960866 </div><div style="text-align: center;"> 70172427121883998797908792274921901699720888093776 </div><div style="text-align: center;"> 65727333001053367881220235421809751254540594752243 </div><div style="text-align: center;"> 52584907711670556013604839586446706324415722155397 </div><div style="text-align: center;"> 53697817977846174064955149290862569321978468622482 </div><div style="text-align: center;"> 83972241375657056057490261407972968652414535100474 </div><div style="text-align: center;"> 82166370484403199890008895243450658541227588666881 </div><div style="text-align: center;"> 16427171479924442928230863465674813919123162824586 </div><div style="text-align: center;"> 17866458359124566529476545682848912883142607690042 </div><div style="text-align: center;"> 24219022671055626321111109370544217506941658960408 </div><div style="text-align: center;"> 07198403850962455444362981230987879927244284909188 </div><div style="text-align: center;"> 84580156166097919133875499200524063689912560717606 </div><div style="text-align: center;"> 05886116467109405077541002256983155200055935729725 </div><div style="text-align: center;"> 71636269561882670428252483600823257530420752963450 </div> Encontre os <code>n</code> dígitos adjacentes no número de 1000 dígitos que possuem o maior produto. Qual é o valor deste produto? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>largestProductinaSeries(4)</code> deve retornar 5832.
+    testString: 'assert.strictEqual(largestProductinaSeries(4), 5832, "<code>largestProductinaSeries(4)</code> should return 5832.");'
+  - text: <code>largestProductinaSeries(13)</code> deve retornar 23514624000.
+    testString: 'assert.strictEqual(largestProductinaSeries(13), 23514624000, "<code>largestProductinaSeries(13)</code> should return 23514624000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestProductinaSeries(n) {
+  // Good luck!
+  let thousandDigits = [7,3,1,6,7,1,7,6,5,3,1,3,3,0,6,2,4,9,1,9,2,2,5,1,1,9,6,7,4,4,2,6,5,7,4,7,4,2,3,5,5,3,4,9,1,9,4,9,3,4,9,6,9,8,3,5,2,0,3,1,2,7,7,4,5,0,6,3,2,6,2,3,9,5,7,8,3,1,8,0,1,6,9,8,4,8,0,1,8,6,9,4,7,8,8,5,1,8,4,3,8,5,8,6,1,5,6,0,7,8,9,1,1,2,9,4,9,4,9,5,4,5,9,5,0,1,7,3,7,9,5,8,3,3,1,9,5,2,8,5,3,2,0,8,8,0,5,5,1,1,1,2,5,4,0,6,9,8,7,4,7,1,5,8,5,2,3,8,6,3,0,5,0,7,1,5,6,9,3,2,9,0,9,6,3,2,9,5,2,2,7,4,4,3,0,4,3,5,5,7,6,6,8,9,6,6,4,8,9,5,0,4,4,5,2,4,4,5,2,3,1,6,1,7,3,1,8,5,6,4,0,3,0,9,8,7,1,1,1,2,1,7,2,2,3,8,3,1,1,3,6,2,2,2,9,8,9,3,4,2,3,3,8,0,3,0,8,1,3,5,3,3,6,2,7,6,6,1,4,2,8,2,8,0,6,4,4,4,4,8,6,6,4,5,2,3,8,7,4,9,3,0,3,5,8,9,0,7,2,9,6,2,9,0,4,9,1,5,6,0,4,4,0,7,7,2,3,9,0,7,1,3,8,1,0,5,1,5,8,5,9,3,0,7,9,6,0,8,6,6,7,0,1,7,2,4,2,7,1,2,1,8,8,3,9,9,8,7,9,7,9,0,8,7,9,2,2,7,4,9,2,1,9,0,1,6,9,9,7,2,0,8,8,8,0,9,3,7,7,6,6,5,7,2,7,3,3,3,0,0,1,0,5,3,3,6,7,8,8,1,2,2,0,2,3,5,4,2,1,8,0,9,7,5,1,2,5,4,5,4,0,5,9,4,7,5,2,2,4,3,5,2,5,8,4,9,0,7,7,1,1,6,7,0,5,5,6,0,1,3,6,0,4,8,3,9,5,8,6,4,4,6,7,0,6,3,2,4,4,1,5,7,2,2,1,5,5,3,9,7,5,3,6,9,7,8,1,7,9,7,7,8,4,6,1,7,4,0,6,4,9,5,5,1,4,9,2,9,0,8,6,2,5,6,9,3,2,1,9,7,8,4,6,8,6,2,2,4,8,2,8,3,9,7,2,2,4,1,3,7,5,6,5,7,0,5,6,0,5,7,4,9,0,2,6,1,4,0,7,9,7,2,9,6,8,6,5,2,4,1,4,5,3,5,1,0,0,4,7,4,8,2,1,6,6,3,7,0,4,8,4,4,0,3,1,9,9,8,9,0,0,0,8,8,9,5,2,4,3,4,5,0,6,5,8,5,4,1,2,2,7,5,8,8,6,6,6,8,8,1,1,6,4,2,7,1,7,1,4,7,9,9,2,4,4,4,2,9,2,8,2,3,0,8,6,3,4,6,5,6,7,4,8,1,3,9,1,9,1,2,3,1,6,2,8,2,4,5,8,6,1,7,8,6,6,4,5,8,3,5,9,1,2,4,5,6,6,5,2,9,4,7,6,5,4,5,6,8,2,8,4,8,9,1,2,8,8,3,1,4,2,6,0,7,6,9,0,0,4,2,2,4,2,1,9,0,2,2,6,7,1,0,5,5,6,2,6,3,2,1,1,1,1,1,0,9,3,7,0,5,4,4,2,1,7,5,0,6,9,4,1,6,5,8,9,6,0,4,0,8,0,7,1,9,8,4,0,3,8,5,0,9,6,2,4,5,5,4,4,4,3,6,2,9,8,1,2,3,0,9,8,7,8,7,9,9,2,7,2,4,4,2,8,4,9,0,9,1,8,8,8,4,5,8,0,1,5,6,1,6,6,0,9,7,9,1,9,1,3,3,8,7,5,4,9,9,2,0,0,5,2,4,0,6,3,6,8,9,9,1,2,5,6,0,7,1,7,6,0,6,0,5,8,8,6,1,1,6,4,6,7,1,0,9,4,0,5,0,7,7,5,4,1,0,0,2,2,5,6,9,8,3,1,5,5,2,0,0,0,5,5,9,3,5,7,2,9,7,2,5,7,1,6,3,6,2,6,9,5,6,1,8,8,2,6,7,0,4,2,8,2,5,2,4,8,3,6,0,0,8,2,3,2,5,7,5,3,0,4,2,0,7,5,2,9,6,3,4,5,0];
+  return true;
+}
+
+largestProductinaSeries(13);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-80-square-root-digital-expansion.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-80-square-root-digital-expansion.portuguese.md
new file mode 100644
index 0000000000..18681021ce
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-80-square-root-digital-expansion.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3bc1000cf542c50fecf
+challengeType: 5
+title: 'Problem 80: Square root digital expansion'
+videoUrl: ''
+localeTitle: 'Problema 80: Expansão Digital da Raiz Quadrada'
+---
+
+## Description
+<section id="description"> É bem sabido que se a raiz quadrada de um número natural não é um inteiro, então é irracional. A expansão decimal de tais raízes quadradas é infinita sem qualquer padrão de repetição. A raiz quadrada de dois é 1,41421356237309504880 ..., e a soma digital dos primeiros cem dígitos decimais é 475. Para os primeiros cem números naturais, encontre o total das somas digitais dos primeiros cem dígitos decimais para todos os dígitos. raízes quadradas irracionais. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler80()</code> deve retornar 40886.
+    testString: 'assert.strictEqual(euler80(), 40886, "<code>euler80()</code> should return 40886.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler80() {
+  // Good luck!
+  return true;
+}
+
+euler80();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-81-path-sum-two-ways.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-81-path-sum-two-ways.portuguese.md
new file mode 100644
index 0000000000..27cebf1677
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-81-path-sum-two-ways.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3bd1000cf542c50fed0
+challengeType: 5
+title: 'Problem 81: Path sum: two ways'
+videoUrl: ''
+localeTitle: 'Problema 81: Soma do caminho: duas maneiras'
+---
+
+## Description
+<section id="description"> Na matriz 5 por 5 abaixo, a soma mínima do caminho da parte superior esquerda para a parte inferior direita, movendo-se apenas para a direita e para baixo, é indicada em vermelho vivo e é igual a 2427. <p> $$ \ begin {pmatrix} \ color {red} {131} &amp; 673 e 234 &amp; 103 e 18 \ \ color {red} {201} e \ color {red} {96} e \ color {red} {342} &amp; 965 &amp; 150 \ 630 &amp; 803 &amp; \ color {red} {746} &amp; \ color {red} {422} &amp; 111 \ 537 &amp; 699 &amp; 497 &amp; \ color {red} {121} &amp; 956 \ 805 &amp; 732 &amp; 524 &amp; \ color {red} {37} &amp; \ color {red} {331} \ end {pmatrix} $$ </p><p> Encontre a soma do caminho mínimo, em matrix.txt (clique direito e &quot;Salvar link / destino como ...&quot;), um arquivo de texto 31K contendo uma matriz de 80 por 80, do canto superior esquerdo para o canto inferior direito movendo apenas para a direita e baixa. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler81()</code> deve retornar 427337.
+    testString: 'assert.strictEqual(euler81(), 427337, "<code>euler81()</code> should return 427337.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler81() {
+  // Good luck!
+  return true;
+}
+
+euler81();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-82-path-sum-three-ways.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-82-path-sum-three-ways.portuguese.md
new file mode 100644
index 0000000000..be3ee9475d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-82-path-sum-three-ways.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3be1000cf542c50fed1
+challengeType: 5
+title: 'Problem 82: Path sum: three ways'
+videoUrl: ''
+localeTitle: 'Problema 82: Soma do caminho: três maneiras'
+---
+
+## Description
+<section id="description"> NOTA: Este problema é uma versão mais desafiadora do Problema 81. A soma mínima do caminho na matriz 5 por 5 abaixo, iniciando em qualquer célula na coluna da esquerda e terminando em qualquer célula na coluna da direita, e somente movendo para cima, para baixo e à direita, está indicado em vermelho e negrito; a soma é igual a 994. <p> $$ \ begin {pmatrix} 131 &amp; 673 &amp; \ color {red} {234} &amp; \ color {red} {103} e \ color {red} {18} \ \ color {red} {201} &amp; \ color { vermelho} {96} &amp; \ color {red} {342} &amp; 965 &amp; 150 \ 630 &amp; 803 &amp; 746 &amp; 422 &amp; 111 \ 537 &amp; 699 &amp; 497 &amp; 121 &amp; 956 \ 805 &amp; 732 &amp; 524 &amp; 37 &amp; 331 \ end {pmatrix} $$ </p><p> Encontre a soma do caminho mínimo, em matrix.txt (clique com o botão direito e &quot;Salvar Link / Destino como ...&quot;), um arquivo de texto de 31K contendo uma matriz de 80 por 80, da coluna da esquerda para a coluna da direita. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler82()</code> deve retornar 260324.
+    testString: 'assert.strictEqual(euler82(), 260324, "<code>euler82()</code> should return 260324.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler82() {
+  // Good luck!
+  return true;
+}
+
+euler82();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-83-path-sum-four-ways.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-83-path-sum-four-ways.portuguese.md
new file mode 100644
index 0000000000..62c38f40ec
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-83-path-sum-four-ways.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3bf1000cf542c50fed2
+challengeType: 5
+title: 'Problem 83: Path sum: four ways'
+videoUrl: ''
+localeTitle: 'Problema 83: Soma do caminho: quatro maneiras'
+---
+
+## Description
+<section id="description"> NOTA: Este problema é uma versão significativamente mais desafiadora do Problema 81. Na matriz 5 por 5 abaixo, a soma mínima do caminho da parte superior esquerda para a parte inferior direita, movendo para a esquerda, direita, para cima e para baixo, é indicada em negrito vermelho e é igual a 2297. <p> $$ \ begin {pmatrix} \ color {red} {131} &amp; 673 &amp; \ color {red} {234} &amp; \ color {red} {103} e \ color {red} {18} \ \ color {red} {201} &amp; \ color {red} {96} &amp; \ color {red} {342} e 965 &amp; \ color {red} {150} \ 630 &amp; 803 &amp; 746 &amp; \ color {red} {422} e \ color {red} {111} \ 537 e 699 e 497 &amp; \ color {red} {121} e 956 \ 805 &amp; 732 e 524 &amp; \ color {red} {37} e \ color {red} {331} \ end { pmatrix} $$ </p><p> Encontre a soma do caminho mínimo, em matrix.txt (clique direito e &quot;Salvar link / destino como ...&quot;), um arquivo de texto de 31K contendo uma matriz 80 por 80, do canto superior esquerdo para o canto inferior direito, movendo para a esquerda, direita , para cima e para baixo. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler83()</code> deve retornar 425185.
+    testString: 'assert.strictEqual(euler83(), 425185, "<code>euler83()</code> should return 425185.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler83() {
+  // Good luck!
+  return true;
+}
+
+euler83();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-84-monopoly-odds.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-84-monopoly-odds.portuguese.md
new file mode 100644
index 0000000000..0e3e4efb2b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-84-monopoly-odds.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c11000cf542c50fed3
+challengeType: 5
+title: 'Problem 84: Monopoly odds'
+videoUrl: ''
+localeTitle: 'Problema 84: Probabilidades do monopólio'
+---
+
+## Description
+<section id="description"> No jogo, Monopólio, o tabuleiro padrão é configurado da seguinte maneira: <p> Ir A1 CC1 A2 T1 R1 B1 CH1 B2 B3 JAIL H2 </p><p> C1 T2 </p><p> U1 H1 </p><p> C2 CH3 </p><p> C3 R4 </p><p> R2 G3 </p><p> D1 CC3 </p><p> CC2 G2 </p><p> D2 G1 </p><p> D3 G2J F3 U2 F2 F1 R3 E3 E2 CH2 E1 FP </p><p> Um jogador começa no quadrado GO e adiciona as pontuações em dois dados de 6 faces para determinar o número de quadrados que avançam no sentido horário. Sem quaisquer outras regras, esperamos visitar cada quadrado com igual probabilidade: 2,5%. No entanto, aterrissar em G2J (Go To Jail), CC (peito da comunidade) e CH (chance) altera essa distribuição. Além de G2J, e uma carta de cada um dos CC e CH, que ordena que o jogador vá diretamente para a cadeia, se um jogador rolar três duplas consecutivas, ele não avançará o resultado de seu 3º turno. Em vez disso, eles vão diretamente para a cadeia. No início do jogo, as cartas CC e CH são embaralhadas. Quando um jogador aterra em CC ou CH, recebe uma carta do topo da respectiva pilha e, depois de seguir as instruções, é devolvida ao fundo da pilha. Há dezesseis cartas em cada pilha, mas, para o propósito deste problema, estamos preocupados apenas com cartas que ordenam um movimento; qualquer instrução não relacionada com o movimento será ignorada e o jogador permanecerá no quadrado CC / CH. Baú da comunidade (2/16 cartas): Avance para GO Vá para a CADEIA </p><p> Chance (10/16 cartões): Avance para GO Vá para JAIL Vá para C1 Vá para E3 Vá para H2 Vá para R1 Vá para o próximo R (empresa ferroviária) Vá para o próximo R Vá para o próximo U (empresa de serviços públicos) Volte 3 praças . </p><p> O coração deste problema diz respeito à probabilidade de visitar um determinado quadrado. Ou seja, a probabilidade de terminar naquele quadrado depois de um lançamento. Por esta razão, deve ficar claro que, com a exceção de G2J para o qual a probabilidade de terminá-lo é zero, os quadrados CH terão as probabilidades mais baixas, como 5/8 solicitam um movimento para outro quadrado, e é o final quadrado em que o jogador termina em cada jogada que nos interessa. Não faremos qualquer distinção entre &quot;Apenas Visitar&quot; e sermos enviados para a JAIL, e também ignoraremos a regra sobre a exigência de um duplo para &quot;sair da prisão&quot;, assumindo que eles pagam para sair em seu próximo turno. Começando em GO e numerando os quadrados sequencialmente de 00 a 39, podemos concatenar esses números de dois dígitos para produzir sequências que correspondam a conjuntos de quadrados. Estatisticamente, pode-se mostrar que as três praças mais populares, em ordem, são JAIL (6,24%) = Quadrado 10, E3 (3,18%) = Quadrado 24, e GO (3,09%) = Quadrado 00. Então esses três quadrados mais populares pode ser listado com a string modal de seis dígitos: 102400. Se, em vez de usar dois dados de 6 faces, dois dados de 4 faces forem usados, encontre a string modal de seis dígitos. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler84()</code> deve retornar 101524.
+    testString: 'assert.strictEqual(euler84(), 101524, "<code>euler84()</code> should return 101524.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler84() {
+  // Good luck!
+  return true;
+}
+
+euler84();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-85-counting-rectangles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-85-counting-rectangles.portuguese.md
new file mode 100644
index 0000000000..4373a5fa34
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-85-counting-rectangles.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c11000cf542c50fed4
+challengeType: 5
+title: 'Problem 85: Counting rectangles'
+videoUrl: ''
+localeTitle: 'Problema 85: Contando Retângulos'
+---
+
+## Description
+<section id="description"> Contando com cuidado, pode-se ver que uma grade retangular de 3 por 2 contém dezoito retângulos: <p> Embora não exista uma grade retangular que contenha exatamente dois milhões de retângulos, encontre a área da grade com a solução mais próxima. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler85()</code> deve retornar 2772.
+    testString: 'assert.strictEqual(euler85(), 2772, "<code>euler85()</code> should return 2772.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler85() {
+  // Good luck!
+  return true;
+}
+
+euler85();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-86-cuboid-route.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-86-cuboid-route.portuguese.md
new file mode 100644
index 0000000000..676f941160
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-86-cuboid-route.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c31000cf542c50fed5
+challengeType: 5
+title: 'Problem 86: Cuboid route'
+videoUrl: ''
+localeTitle: 'Problema 86: Rota Cubóide'
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler86()</code> deve retornar 1818.
+    testString: 'assert.strictEqual(euler86(), 1818, "<code>euler86()</code> should return 1818.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler86() {
+  // Good luck!
+  return true;
+}
+
+euler86();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-87-prime-power-triples.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-87-prime-power-triples.portuguese.md
new file mode 100644
index 0000000000..20a57988cd
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-87-prime-power-triples.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c51000cf542c50fed8
+challengeType: 5
+title: 'Problem 87: Prime power triples'
+videoUrl: ''
+localeTitle: 'Problema 87: Potência Prime triplica'
+---
+
+## Description
+<section id="description"> O menor número expressável como a soma de um quadrado primário, um cubo primo e uma quarta potência primitiva é 28. De fato, há exatamente quatro números abaixo de cinquenta que podem ser expressos de tal maneira: 28 = 22 + 23 + 24 33 = 32 + 23 + 24 49 = 52 + 23 + 24 47 = 22 + 33 + 24 Quantos números abaixo de cinquenta milhões podem ser expressos como a soma de um quadrado primário, um cubo primo e um quarto poder primário? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler87()</code> deve retornar 1097343.
+    testString: 'assert.strictEqual(euler87(), 1097343, "<code>euler87()</code> should return 1097343.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler87() {
+  // Good luck!
+  return true;
+}
+
+euler87();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-88-product-sum-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-88-product-sum-numbers.portuguese.md
new file mode 100644
index 0000000000..ac99951f8e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-88-product-sum-numbers.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c51000cf542c50fed6
+challengeType: 5
+title: 'Problem 88: Product-sum numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Um número natural, N, que pode ser escrito como a soma e o produto de um dado conjunto de pelo menos dois números naturais, {a1, a2, ..., ak} é chamado de número de soma do produto: N = a1 + a2 + ... + ak = a1 × a2 × ... × ak. Por exemplo, 6 = 1 + 2 + 3 = 1 × 2 × 3. Para um dado conjunto de tamanho, k, devemos chamar o menor N com essa propriedade de um número mínimo de soma de produto. Os números de soma de produto mínimos para conjuntos de tamanho, k = 2, 3, 4, 5 e 6 são os seguintes. k = 2: 4 = 2 × 2 = 2 + 2k = 3: 6 = 1 × 2 × 3 = 1 + 2 + 3k = 4: 8 = 1 × 1 × 2 × 4 = 1 + 1 + 2 + 4k = 5: 8 = 1 × 1 × 2 × 2 × 2 = 1 + 1 + 2 + 2 + 2k = 6: 12 = 1 × 1 × 1 × 1 × 2 × 6 = 1 + 1 + 1 + 1 + 2 + 6 Assim, para 2≤k≤6, a soma de todos os números de soma mínima do produto é 4 + 6 + 8 + 12 = 30; note que 8 é contado apenas uma vez na soma. De fato, como o conjunto completo de números de soma de produto mínimos para 2≤k≤12 é {4, 6, 8, 12, 15, 16}, a soma é 61. Qual é a soma de toda a soma mínima do produto? números para 2≤k≤12000? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler88()</code> deve retornar 7587457.
+    testString: 'assert.strictEqual(euler88(), 7587457, "<code>euler88()</code> should return 7587457.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler88() {
+  // Good luck!
+  return true;
+}
+
+euler88();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-89-roman-numerals.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-89-roman-numerals.portuguese.md
new file mode 100644
index 0000000000..428dca4377
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-89-roman-numerals.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c51000cf542c50fed7
+challengeType: 5
+title: 'Problem 89: Roman numerals'
+videoUrl: ''
+localeTitle: 'Problema 89: algarismos romanos'
+---
+
+## Description
+<section id="description"> Para um número escrito em algarismos romanos ser considerado válido, existem regras básicas que devem ser seguidas. Embora as regras permitam que alguns números sejam expressos de mais de uma maneira, há sempre uma &quot;melhor&quot; maneira de escrever um número específico. Por exemplo, parece que há pelo menos seis maneiras de escrever o número dezesseis: IIIIIIIIIIIIIIII VIIIIIIIIIII VVIIIIII XIIIIIIVVVI XVI No entanto, de acordo com as regras apenas XIIIIII e XVI são válidos, e o último exemplo é considerado o mais eficiente, como ele usa o menor número de numerais. O arquivo de texto 11K, roman.txt (clique direito e &#39;Salvar link / destino como ...&#39;), contém mil números escritos em algarismos romanos válidos, mas não necessariamente mínimos; veja Sobre ... Numerais romanos para as regras definitivas para este problema. Encontre o número de caracteres salvos escrevendo cada um deles em sua forma mínima. Nota: Você pode assumir que todos os numerais romanos no arquivo não contêm mais do que quatro unidades idênticas consecutivas. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler89()</code> deve retornar 743.
+    testString: 'assert.strictEqual(euler89(), 743, "<code>euler89()</code> should return 743.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler89() {
+  // Good luck!
+  return true;
+}
+
+euler89();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-9-special-pythagorean-triplet.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-9-special-pythagorean-triplet.portuguese.md
new file mode 100644
index 0000000000..f4b6173944
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-9-special-pythagorean-triplet.portuguese.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3761000cf542c50fe88
+challengeType: 5
+title: 'Problem 9: Special Pythagorean triplet'
+videoUrl: ''
+localeTitle: 'Problema 9: trigêmeo pitagórico especial'
+---
+
+## Description
+<section id="description"> Um trigêmeo pitagórico é um conjunto de três números naturais, <var>um</var> &lt; <var>b</var> &lt; <var>c</var> , para o qual, <div style="text-align: center;"> <var>a</var> <sup>2</sup> + <var>b</var> <sup>2</sup> = <var>c</var> <sup>2</sup> </div> Por exemplo, 3 <sup>2</sup> + 4 <sup>2</sup> = 9 + 16 = 25 = 5 <sup>2</sup> . Existe exatamente um tripleto pitagórico para o qual <var>a</var> + <var>b</var> + <var>c</var> = 1000. Encontre o produto <var>abc</var> tal que <var>a</var> + <var>b</var> + <var>c</var> = <code>n</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>specialPythagoreanTriplet(1000)</code> deve retornar 31875000.
+    testString: 'assert.strictEqual(specialPythagoreanTriplet(1000), 31875000, "<code>specialPythagoreanTriplet(1000)</code> should return 31875000.");'
+  - text: <code>specialPythagoreanTriplet(24)</code> deve retornar 480.
+    testString: 'assert.strictEqual(specialPythagoreanTriplet(24), 480, "<code>specialPythagoreanTriplet(24)</code> should return 480.");'
+  - text: <code>specialPythagoreanTriplet(120)</code> deve retornar 49920.
+    testString: 'assert.strictEqual(specialPythagoreanTriplet(120), 49920, "<code>specialPythagoreanTriplet(120)</code> should return 49920.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function specialPythagoreanTriplet(n) {
+ let sumOfabc = n;
+ // Good luck!
+ return true;
+}
+
+specialPythagoreanTriplet(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-90-cube-digit-pairs.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-90-cube-digit-pairs.portuguese.md
new file mode 100644
index 0000000000..73b460a003
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-90-cube-digit-pairs.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c61000cf542c50fed9
+challengeType: 5
+title: 'Problem 90: Cube digit pairs'
+videoUrl: ''
+localeTitle: 'Problema 90: Pares de dígitos do cubo'
+---
+
+## Description
+<section id="description"> Cada uma das seis faces em um cubo tem um dígito diferente (0 a 9) escrito nele; o mesmo é feito para um segundo cubo. Colocando os dois cubos lado a lado em diferentes posições, podemos formar uma variedade de números de 2 dígitos. <p> Por exemplo, o número do quadrado 64 poderia ser formado: </p><p> De fato, escolhendo cuidadosamente os dígitos em ambos os cubos, é possível exibir todos os números quadrados abaixo de cem: 01, 04, 09, 16, 25, 36, 49, 64 e 81. </p><p> Por exemplo, uma forma de conseguir isso é colocando {0, 5, 6, 7, 8, 9} em um cubo e {1, 2, 3, 4, 8, 9} no outro cubo. </p><p> No entanto, para este problema, vamos permitir que o 6 ou 9 seja virado de cabeça para baixo, de modo que um arranjo como {0, 5, 6, 7, 8, 9} e {1, 2, 3, 4, 6, 7} permite que todos os nove números quadrados sejam exibidos; caso contrário, seria impossível obter 09. </p><p> Ao determinar um arranjo distinto, estamos interessados ​​nos dígitos de cada cubo, não na ordem. </p><p> {1, 2, 3, 4, 5, 6} é equivalente a {3, 6, 4, 1, 2, 5} {1, 2, 3, 4, 5, 6} é distinto de {1, 2, 3, 4, 5, 9} </p><p> Mas como estamos permitindo que 6 e 9 sejam invertidos, os dois conjuntos distintos no último exemplo representam o conjunto estendido {1, 2, 3, 4, 5, 6, 9} para o propósito de formar números de 2 dígitos. </p><p> Quantas disposições distintas dos dois cubos permitem que todos os números quadrados sejam exibidos? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler90()</code> deve retornar 1217.
+    testString: 'assert.strictEqual(euler90(), 1217, "<code>euler90()</code> should return 1217.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler90() {
+  // Good luck!
+  return true;
+}
+
+euler90();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-91-right-triangles-with-integer-coordinates.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-91-right-triangles-with-integer-coordinates.portuguese.md
new file mode 100644
index 0000000000..1d56c5589e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-91-right-triangles-with-integer-coordinates.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c71000cf542c50feda
+challengeType: 5
+title: 'Problem 91: Right triangles with integer coordinates'
+videoUrl: ''
+localeTitle: 'Problema 91: Triângulos retos com coordenadas inteiras'
+---
+
+## Description
+<section id="description"> Os pontos P (x1, y1) e Q (x2, y2) são plotados em coordenadas inteiras e unidos à origem, O (0,0), para formar ΔOPQ. <p> Existem exactamente catorze triângulos que contêm um ângulo recto que pode ser formado quando cada coordenada se situa entre 0 e 2 inclusive; isto é, 0 ≤ x1, y1, x2, y2 ≤ 2. </p><p> Dado que 0 ≤ x1, y1, x2, y2 ≤ 50, quantos triângulos retângulos podem ser formados? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler91()</code> deve retornar 14234.
+    testString: 'assert.strictEqual(euler91(), 14234, "<code>euler91()</code> should return 14234.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler91() {
+  // Good luck!
+  return true;
+}
+
+euler91();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-92-square-digit-chains.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-92-square-digit-chains.portuguese.md
new file mode 100644
index 0000000000..6797608679
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-92-square-digit-chains.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c81000cf542c50fedb
+challengeType: 5
+title: 'Problem 92: Square digit chains'
+videoUrl: ''
+localeTitle: 'Problema 92: Correntes de dígitos quadrados'
+---
+
+## Description
+<section id="description"> Uma cadeia numérica é criada adicionando continuamente o quadrado dos dígitos em um número para formar um novo número até que seja visto antes. Por exemplo, 44 ​​→ 32 → 13 → 10 → 1 → 1 85 → 89 → 145 → 42 → 20 → 4 → 16 → 37 → 58 → 89 Portanto, qualquer cadeia que chegue em 1 ou 89 ficará presa em um loop sem fim. O que é mais surpreendente é que CADA número inicial chegará a 1 ou 89. Quantos números iniciais abaixo de dez milhões chegarão a 89? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler92()</code> deve retornar 8581146.
+    testString: 'assert.strictEqual(euler92(), 8581146, "<code>euler92()</code> should return 8581146.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler92() {
+  // Good luck!
+  return true;
+}
+
+euler92();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-93-arithmetic-expressions.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-93-arithmetic-expressions.portuguese.md
new file mode 100644
index 0000000000..5a9a97d4f0
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-93-arithmetic-expressions.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ca1000cf542c50fedc
+challengeType: 5
+title: 'Problem 93: Arithmetic expressions'
+videoUrl: ''
+localeTitle: 'Problema 93: Expressões Aritméticas'
+---
+
+## Description
+<section id="description"> Usando cada um dos dígitos do conjunto {1, 2, 3, 4}, exatamente uma vez, e fazendo uso das quatro operações aritméticas (+, -, *, /) e colchetes / parênteses, é possível formar diferentes alvos inteiros positivos. Por exemplo, 8 = (4 * (1 + 3)) / 2 14 = 4 * (3 + 1/2) 19 = 4 * (2 + 3) - 1 36 = 3 * 4 * (2 + 1) Nota que concatenações dos dígitos, como 12 + 34, não são permitidas. Usando o set, {1, 2, 3, 4}, é possível obter trinta e um números alvos diferentes, dos quais 36 é o máximo, e cada um dos números 1 a 28 pode ser obtido antes de encontrar o primeiro não expressável. número. Encontre o conjunto de quatro dígitos distintos, um &lt;b &lt;c &lt;d, para o qual o conjunto mais longo de inteiros positivos consecutivos, 1 a n, pode ser obtido, dando sua resposta como uma string: abcd. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler93()</code> deve retornar 1258.
+    testString: 'assert.strictEqual(euler93(), 1258, "<code>euler93()</code> should return 1258.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler93() {
+  // Good luck!
+  return true;
+}
+
+euler93();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-94-almost-equilateral-triangles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-94-almost-equilateral-triangles.portuguese.md
new file mode 100644
index 0000000000..ef74057075
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-94-almost-equilateral-triangles.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ca1000cf542c50fedd
+challengeType: 5
+title: 'Problem 94: Almost equilateral triangles'
+videoUrl: ''
+localeTitle: 'Problema 94: Triângulos quase equiláteros'
+---
+
+## Description
+<section id="description"> É facilmente provado que não existe um triângulo equilátero com lados de comprimento integral e área integral. No entanto, o triângulo quase equilátero 5-5-6 tem uma área de 12 unidades quadradas. Vamos definir um triângulo quase equilátero como um triângulo para o qual os dois lados são iguais e o terceiro não mais que uma unidade. Encontre a soma dos perímetros de todos os triângulos quase equiláteros com comprimentos e área laterais integrais e cujos perímetros não excedam um bilhão (1.000.000.000). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler94()</code> deve retornar 518408346.
+    testString: 'assert.strictEqual(euler94(), 518408346, "<code>euler94()</code> should return 518408346.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler94() {
+  // Good luck!
+  return true;
+}
+
+euler94();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-95-amicable-chains.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-95-amicable-chains.portuguese.md
new file mode 100644
index 0000000000..d6024804e8
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-95-amicable-chains.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3cc1000cf542c50fede
+challengeType: 5
+title: 'Problem 95: Amicable chains'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Os divisores apropriados de um número são todos os divisores excluindo o próprio número. Por exemplo, os divisores apropriados de 28 são 1, 2, 4, 7 e 14. Como a soma desses divisores é igual a 28, chamamos de número perfeito. Curiosamente, a soma dos divisores apropriados de 220 é 284 e a soma dos divisores apropriados de 284 é 220, formando uma cadeia de dois números. Por essa razão, 220 e 284 são chamados de um par amigável. Talvez menos conhecidas sejam as cadeias mais longas. Por exemplo, começando com 12496, formamos uma cadeia de cinco números: 12496 → 14288 → 15472 → 14536 → 14264 (→ 12496 → ...) Como essa cadeia retorna ao ponto inicial, ela é chamada de cadeia amigável. Encontre o menor membro da cadeia amigável mais longa, sem elemento superior a um milhão. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler95()</code> deve retornar 14316.
+    testString: 'assert.strictEqual(euler95(), 14316, "<code>euler95()</code> should return 14316.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler95() {
+  // Good luck!
+  return true;
+}
+
+euler95();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-96-su-doku.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-96-su-doku.portuguese.md
new file mode 100644
index 0000000000..7d1d4824e9
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-96-su-doku.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3cc1000cf542c50fedf
+challengeType: 5
+title: 'Problem 96: Su Doku'
+videoUrl: ''
+localeTitle: 'Problema 96: Su Doku'
+---
+
+## Description
+<section id="description"> Su Doku (lugar número japonês significa) é o nome dado a um conceito de quebra-cabeça popular. Sua origem não é clara, mas o crédito deve ser atribuído a Leonhard Euler, que inventou uma idéia semelhante e muito mais difícil, denominada Latin Squares. O objetivo dos quebra-cabeças de Su Doku, entretanto, é substituir os espaços em branco (ou zeros) em uma grade de 9 por 9, de modo que cada linha, coluna e caixa 3 por 3 contenha cada um dos dígitos 1 a 9. Abaixo, um exemplo de uma típica grade de quebra-cabeça inicial e sua grade de solução. <p> 0 0 39 0 00 0 1 0 2 03 0 58 0 6 6 0 00 0 14 0 0 0 0 87 0 00 0 6 1 0 20 0 07 0 8 9 0 00 0 82 0 0 0 0 28 0 00 0 5 6 0 92 0 30 1 0 5 0 00 0 93 0 0 </p><p> 4 8 39 6 72 5 1 9 2 13 4 58 7 6 6 5 78 2 14 9 3 5 4 87 2 91 3 6 1 3 25 6 47 9 8 9 7 61 3 82 4 5 3 7 28 1 46 9 5 6 8 92 5 34 1 7 5 1 47 6 93 8 2 </p><p> Um quebra-cabeça bem construído de Su Doku tem uma solução única e pode ser resolvido pela lógica, embora possa ser necessário empregar métodos de &quot;adivinhação e teste&quot; para eliminar opções (há muita opinião contestada sobre isso). A complexidade da pesquisa determina a dificuldade do quebra-cabeça; o exemplo acima é considerado fácil porque pode ser resolvido por dedução direta direta. O arquivo de texto 6K, sudoku.txt (clique direito e &#39;Salvar Link / Alvo Como ...&#39;), contém cinquenta diferentes enigmas Su Doku que variam em dificuldade, mas todos com soluções únicas (o primeiro quebra-cabeça no arquivo é o exemplo acima ). Ao resolver todos os cinquenta quebra-cabeças, encontre a soma dos números de 3 dígitos encontrados no canto superior esquerdo de cada grade da solução; por exemplo, 483 é o número de 3 dígitos encontrado no canto superior esquerdo da grade da solução acima. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler96()</code> deve retornar 24702.
+    testString: 'assert.strictEqual(euler96(), 24702, "<code>euler96()</code> should return 24702.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler96() {
+  // Good luck!
+  return true;
+}
+
+euler96();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.portuguese.md
new file mode 100644
index 0000000000..c67eaceee8
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ce1000cf542c50fee0
+challengeType: 5
+title: 'Problem 97: Large non-Mersenne prime'
+videoUrl: ''
+localeTitle: 'Problema 97: Grande não primo de Mersenne'
+---
+
+## Description
+<section id="description"> O primeiro primo conhecido que excedeu um milhão de dígitos foi descoberto em 1999 e é um primo de Mersenne da forma 26972593−1; contém exatamente 2.098.960 dígitos. Posteriormente, foram encontrados outros primos de Mersenne, da forma 2p − 1, que contêm mais dígitos. No entanto, em 2004, foi encontrado um primo maciço não-Mersenne que contém 2,357,207 dígitos: 28433 × 27830457 + 1. Encontre os dez últimos dígitos desse número primo. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler97()</code> deve retornar 8739992577.
+    testString: 'assert.strictEqual(euler97(), 8739992577, "<code>euler97()</code> should return 8739992577.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler97() {
+  // Good luck!
+  return true;
+}
+
+euler97();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-98-anagramic-squares.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-98-anagramic-squares.portuguese.md
new file mode 100644
index 0000000000..56f5827037
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-98-anagramic-squares.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3cf1000cf542c50fee1
+challengeType: 5
+title: 'Problem 98: Anagramic squares'
+videoUrl: ''
+localeTitle: 'Problema 98: Quadrados anagráficos'
+---
+
+## Description
+<section id="description"> Ao substituir cada uma das letras na palavra CARE com 1, 2, 9 e 6 respectivamente, formamos um número quadrado: 1296 = 362. O que é notável é que, usando as mesmas substituições digitais, o anagrama, RACE, também forma um número quadrado: 9216 = 962. Chamaremos CARE (e RACE) de um par de palavras de anagrama quadrado e especificaremos que zeros à esquerda não são permitidos, nem uma letra diferente pode ter o mesmo valor digital que outra letra. Usando words.txt (clique direito e &#39;Save Link / Target As ...&#39;), um arquivo de texto de 16K contendo quase duas mil palavras inglesas comuns, encontra todos os pares de palavras de anagramas quadradas (uma palavra palíndromo NÃO é considerada uma anagrama de si mesmo). Qual é o maior número quadrado formado por qualquer membro desse par? NOTA: Todos os anagramas formados devem estar contidos no arquivo de texto fornecido. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler98()</code> deve retornar 18769.
+    testString: 'assert.strictEqual(euler98(), 18769, "<code>euler98()</code> should return 18769.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler98() {
+  // Good luck!
+  return true;
+}
+
+euler98();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-99-largest-exponential.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-99-largest-exponential.portuguese.md
new file mode 100644
index 0000000000..c277df6dc7
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/project-euler/problem-99-largest-exponential.portuguese.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d01000cf542c50fee2
+challengeType: 5
+title: 'Problem 99: Largest exponential'
+videoUrl: ''
+localeTitle: 'Problema 99: Maior exponencial'
+---
+
+## Description
+<section id="description"> Comparar dois números escritos em forma de índice como 211 e 37 não é difícil, pois qualquer calculadora confirmaria que 211 = 2048 &lt;37 = 2187. No entanto, confirmar que 632382518061&gt; 519432525806 seria muito mais difícil, já que ambos os números contêm mais de três milhões de dígitos . Usando base_exp.txt (clique direito e &#39;Salvar Link / Destino Como ...&#39;), um arquivo de texto de 22K contendo mil linhas com um par base / expoente em cada linha, determina qual número de linha possui o maior valor numérico. NOTA: As duas primeiras linhas do arquivo representam os números no exemplo dado acima. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler99()</code> deve retornar 709.
+    testString: 'assert.strictEqual(euler99(), 709, "<code>euler99()</code> should return 709.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler99() {
+  // Good luck!
+  return true;
+}
+
+euler99();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/100-doors.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/100-doors.portuguese.md
new file mode 100644
index 0000000000..4613c9938c
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/100-doors.portuguese.md
@@ -0,0 +1,64 @@
+---
+title: 100 doors
+id: 594810f028c0303b75339acb
+challengeType: 5
+videoUrl: ''
+localeTitle: 100 portas
+---
+
+## Description
+<section id="description"><p> Existem 100 portas em uma fila que estão todas fechadas inicialmente. Você faz 100 passes pelas portas. Na primeira vez, visite cada porta e &#39;ative&#39; a porta (se a porta estiver fechada, abra-a; se estiver aberta, feche-a). Na segunda vez, visite apenas todas as segundas portas (ou seja, porta nº 2, nº 4, nº 6, ...) e alterne-a. Na terceira vez, visite todas as 3as portas (por exemplo, porta # 3, # 6, # 9, ...), etc., até visitar apenas a 100ª porta. </p><p> Implemente uma função para determinar o estado das portas após a última passagem. Retorne o resultado final em uma matriz, com apenas o número da porta incluído na matriz, se estiver aberto. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>getFinalOpenedDoors</code> é uma função.
+    testString: 'assert(typeof getFinalOpenedDoors === "function", "<code>getFinalOpenedDoors</code> is a function.");'
+  - text: <code>getFinalOpenedDoors</code> deve retornar uma matriz.
+    testString: 'assert(Array.isArray(getFinalOpenedDoors(100)), "<code>getFinalOpenedDoors</code> should return an array.");'
+  - text: <code>getFinalOpenedDoors</code> não produziu os resultados corretos.
+    testString: 'assert.deepEqual(getFinalOpenedDoors(100), solution, "<code>getFinalOpenedDoors</code> did not produce the correct results.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getFinalOpenedDoors (numDoors) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/24-game.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/24-game.portuguese.md
new file mode 100644
index 0000000000..3e5ae0e60d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/24-game.portuguese.md
@@ -0,0 +1,69 @@
+---
+title: 24 game
+id: 5951e88f64ebf159166a1176
+challengeType: 5
+videoUrl: ''
+localeTitle: 24 jogo
+---
+
+## Description
+<section id="description"><p> Implemente uma função que tenha uma sequência de quatro dígitos como argumento, com cada dígito de 1 ──► 9 (inclusive) com repetições permitidas e retorne uma expressão aritmética que avalie o número 24. Se essa solução não existir, retorne &quot; nenhuma solução existe. &quot; </p><p> Regras: </p> Somente os seguintes operadores / funções são permitidos: multiplicação, divisão, adição, subtração A divisão deve usar ponto flutuante ou aritmética racional, etc, para preservar os remanescentes. Formar vários números de dígitos a partir dos dígitos fornecidos não é permitido. (Então, uma resposta de 12 + 12 quando dado 1, 2, 2 e 1 está errado). A ordem dos dígitos quando fornecidos não precisa ser preservada. <p> Exemplo de entradas: </p> <code>solve24(&quot;4878&quot;);</code> <code>solve24(&quot;1234&quot;);</code> <code>solve24(&quot;6789&quot;);</code> <code>solve24(&quot;1127&quot;);</code> <p> Exemplo de saídas (strings): </p> <code>(7-8/8)*4</code> <code>3*1*4*2</code> <code>(6*8)/(9-7)</code> <code>(1+7)*(2+1)</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>solve24</code> é uma função.
+    testString: 'assert(typeof solve24 === "function", "<code>solve24</code> is a function.");'
+  - text: <code>solve24(&quot;4878&quot;)</code> deve retornar <code>(7-8/8)*4</code> ou <code>4*(7-8/8)</code>
+    testString: 'assert(include(answers[0], solve24(testCases[0])), "<code>solve24("4878")</code> should return <code>(7-8/8)*4</code> or <code>4*(7-8/8)</code>");'
+  - text: <code>solve24(&quot;1234&quot;)</code> deve retornar qualquer arranjo de <code>1*2*3*4</code>
+    testString: 'assert(include(answers[1], solve24(testCases[1])), "<code>solve24("1234")</code> should return any arrangement of <code>1*2*3*4</code>");'
+  - text: <code>solve24(&quot;6789&quot;)</code> deve retornar <code>(6*8)/(9-7)</code> ou <code>(8*6)/(9-7)</code>
+    testString: 'assert(include(answers[2], solve24(testCases[2])), "<code>solve24("6789")</code> should return <code>(6*8)/(9-7)</code> or <code>(8*6)/(9-7)</code>");'
+  - text: <code>solve24(&quot;1127&quot;)</code> deve retornar uma permutação de <code>(1+7)*(1*2)</code>
+    testString: 'assert(include(answers[3], solve24(testCases[3])), "<code>solve24("1127")</code> should return a permutation of <code>(1+7)*(1*2)</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function solve24 (numStr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/9-billion-names-of-god-the-integer.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/9-billion-names-of-god-the-integer.portuguese.md
new file mode 100644
index 0000000000..d2119be22f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/9-billion-names-of-god-the-integer.portuguese.md
@@ -0,0 +1,71 @@
+---
+title: 9 billion names of God the integer
+id: 5949b579404977fbaefcd736
+challengeType: 5
+videoUrl: ''
+localeTitle: 9 bilhões de nomes de Deus o inteiro
+---
+
+## Description
+<section id="description"><p> Esta tarefa é uma variação do <a href="https://en.wikipedia.org/wiki/The Nine Billion Names of God#Plot_summary" title="wp: Os nove bilhões de nomes de Deus # Plot_summary">conto de Arthur C. Clarke</a> . </p><p> (Os solucionadores devem estar cientes das conseqüências de completar essa tarefa.) </p><p> Em detalhes, para especificar o que se entende por “nome”: </p><p> O inteiro 1 tem 1 nome “1”. </p><p> O inteiro 2 tem 2 nomes “1 + 1” e “2”. </p><p> O inteiro 3 tem 3 nomes “1 + 1 + 1”, “2 + 1” e “3”. </p><p> O inteiro 4 tem 5 nomes “1 + 1 + 1 + 1”, “2 + 1 + 1”, “2 + 2”, “3 + 1”, “4”. </p><p> O inteiro 5 tem 7 nomes “1 + 1 + 1 + 1 + 1”, “2 + 1 + 1 + 1”, “2 + 2 + 1”, “3 + 1 + 1”, “3 + 2”, &quot;4 + 1&quot;, &quot;5&quot;. </p><p> Isso pode ser visualizado da seguinte forma: </p><pre> 1
+        1 1
+      1 1 1
+    1 2 1 1
+  1 2 2 1 1
+1 3 3 2 1 1
+</pre><p> Onde a linha $ n $ corresponde ao inteiro $ n $, e cada coluna $ C $ na linha $ m $ da esquerda para a direita corresponde ao número de nomes que começam com $ C $. </p><p> Opcionalmente, observe que a soma da $ n $ -th row $ P (n) $ é a <a href="http://mathworld.wolfram.com/PartitionFunctionP.html" title="link: http://mathworld.wolfram.com/PartitionFunctionP.html">função de partição inteira</a> . </p> Tarefa <p> Implemente uma função que retorne a soma da linha $ n $ -th. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>numberOfNames</code> é uma função.
+    testString: 'assert(typeof numberOfNames === "function", "<code>numberOfNames</code> is a function.");'
+  - text: <code>numberOfNames(5)</code> deve ser igual a 7.
+    testString: 'assert.equal(numberOfNames(5), 7, "<code>numberOfNames(5)</code> should equal 7.");'
+  - text: <code>numberOfNames(12)</code> deve ser igual a 77.
+    testString: 'assert.equal(numberOfNames(12), 77, "<code>numberOfNames(12)</code> should equal 77.");'
+  - text: <code>numberOfNames(18)</code> deve ser igual a 385.
+    testString: 'assert.equal(numberOfNames(18), 385, "<code>numberOfNames(18)</code> should equal 385.");'
+  - text: <code>numberOfNames(23)</code> deve ser igual a 1255.
+    testString: 'assert.equal(numberOfNames(23), 1255, "<code>numberOfNames(23)</code> should equal 1255.");'
+  - text: <code>numberOfNames(42)</code> deve ser igual a 53174.
+    testString: 'assert.equal(numberOfNames(42), 53174, "<code>numberOfNames(42)</code> should equal 53174.");'
+  - text: <code>numberOfNames(123)</code> deve ser igual a 2552338241.
+    testString: 'assert.equal(numberOfNames(123), 2552338241, "<code>numberOfNames(123)</code> should equal 2552338241.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function numberOfNames (num) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/abc-problem.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/abc-problem.portuguese.md
new file mode 100644
index 0000000000..6a9b342c1a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/abc-problem.portuguese.md
@@ -0,0 +1,74 @@
+---
+title: ABC Problem
+id: 594810f028c0303b75339acc
+challengeType: 5
+videoUrl: ''
+localeTitle: Problema ABC
+---
+
+## Description
+<section id="description"><p> Você recebe uma coleção de blocos ABC (por exemplo, blocos alfabéticos de infância). Existem 20 blocos com duas letras em cada bloco. Um alfabeto completo é garantido entre todos os lados dos blocos. A coleção de amostras de blocos: </p><p> (BO) </p><p> (XK) </p><p> (DQ) </p><p> (CP) </p><p> (N / D) </p><p> (GT) </p><p> (RÉ) </p><p> (TG) </p><p> (QD) </p><p> (FS) </p><p> (JW) </p><p> (HU) </p><p> (VI) </p><p> (A) </p><p> (OB) </p><p> (ER) </p><p> (FS) </p><p> (LY) </p><p> (PC) </p><p> (ZM) </p><p> Algumas regras para ter em mente: </p> Quando uma letra em um bloco é usada, esse bloco não pode ser usado novamente. A função deve ser insensível a maiúsculas e minúsculas. <p> Implemente uma função que use uma string (palavra) e determine se a palavra pode ser escrita com a coleção de blocos especificada. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>canMakeWord</code> é uma função.
+    testString: 'assert(typeof canMakeWord === "function", "<code>canMakeWord</code> is a function.");'
+  - text: <code>canMakeWord</code> deve retornar um booleano.
+    testString: 'assert(typeof canMakeWord("hi") === "boolean", "<code>canMakeWord</code> should return a boolean.");'
+  - text: <code>canMakeWord(&quot;bark&quot;)</code> deve retornar true.
+    testString: 'assert(canMakeWord(words[0]), "<code>canMakeWord("bark")</code> should return true.");'
+  - text: <code>canMakeWord(&quot;BooK&quot;)</code> deve retornar false.
+    testString: 'assert(!canMakeWord(words[1]), "<code>canMakeWord("BooK")</code> should return false.");'
+  - text: <code>canMakeWord(&quot;TReAT&quot;)</code> deve retornar true.
+    testString: 'assert(canMakeWord(words[2]), "<code>canMakeWord("TReAT")</code> should return true.");'
+  - text: <code>canMakeWord(&quot;COMMON&quot;)</code> deve retornar false.
+    testString: 'assert(!canMakeWord(words[3]), "<code>canMakeWord("COMMON")</code> should return false.");'
+  - text: <code>canMakeWord(&quot;squAD&quot;)</code> deve retornar true.
+    testString: 'assert(canMakeWord(words[4]), "<code>canMakeWord("squAD")</code> should return true.");'
+  - text: <code>canMakeWord(&quot;conFUSE&quot;)</code> deve retornar true.
+    testString: 'assert(canMakeWord(words[5]), "<code>canMakeWord("conFUSE")</code> should return true.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function canMakeWord (word) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/abundant-deficient-and-perfect-number-classifications.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/abundant-deficient-and-perfect-number-classifications.portuguese.md
new file mode 100644
index 0000000000..ead9168f74
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/abundant-deficient-and-perfect-number-classifications.portuguese.md
@@ -0,0 +1,66 @@
+---
+title: 'Abundant, deficient and perfect number classifications'
+id: 594810f028c0303b75339acd
+challengeType: 5
+videoUrl: ''
+localeTitle: 'Classificações numéricas abundantes, deficientes e perfeitas'
+---
+
+## Description
+<section id="description"><p> Estes definem três classificações de inteiros positivos baseados em seus <a href="http://rosettacode.org/wiki/Proper divisors" title="Divisores apropriados">divisores apropriados</a> . </p><p> Seja $ P (n) $ a soma dos divisores apropriados de n onde os divisores apropriados são todos inteiros positivos n diferentes de n em si. </p><p> Se <code>P(n) &lt; n</code> então n é classificado como &quot;deficiente&quot; </p><p> Se <code>P(n) === n</code> então n é classificado como &quot;perfeito&quot; </p><p> Se <code>P(n) &gt; n</code> então n é classificado como &quot;abundante&quot; </p><p> Exemplo: </p><p> 6 tem divisores apropriados de 1, 2 e 3. </p><p> 1 + 2 + 3 = 6, então 6 é classificado como um número perfeito. </p><p> Implemente uma função que calcule quantos dos inteiros de 1 a 20.000 (inclusive) estão em cada uma das três classes. Emita o resultado como um array no seguinte formato <code>[deficient, perfect, abundant]</code> . </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>getDPA</code> é uma função.
+    testString: 'assert(typeof getDPA === "function", "<code>getDPA</code> is a function.");'
+  - text: <code>getDPA</code> deve retornar um array.
+    testString: 'assert(Array.isArray(getDPA(100)), "<code>getDPA</code> should return an array.");'
+  - text: <code>getDPA</code> valor de retorno de <code>getDPA</code> deve ter um comprimento de 3.
+    testString: 'assert(getDPA(100).length === 3, "<code>getDPA</code> return value should have a length of 3.");'
+  - text: '<code>getDPA(20000)</code> deve ser igual a [15043, 4, 4953]'
+    testString: 'assert.deepEqual(getDPA(20000), solution, "<code>getDPA(20000)</code> should equal [15043, 4, 4953]");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getDPA (num) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/accumulator-factory.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/accumulator-factory.portuguese.md
new file mode 100644
index 0000000000..21fce1eced
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/accumulator-factory.portuguese.md
@@ -0,0 +1,66 @@
+---
+title: Accumulator factory
+id: 594810f028c0303b75339ace
+challengeType: 5
+videoUrl: ''
+localeTitle: Fábrica de acumuladores
+---
+
+## Description
+<section id="description"><p> Crie uma função que use um único argumento (numérico) e retorne outra função que seja um acumulador. A função de acumulador retornada, por sua vez, também recebe um único argumento numérico e retorna a soma de todos os valores numéricos transmitidos até então para esse acumulador (incluindo o valor inicial passado quando o acumulador foi criado). </p><p> Regras: </p><p> Não use variáveis ​​globais. </p><p> Dica: </p><p> Os fechamentos salvam o estado externo. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>accumulator</code> é uma função.
+    testString: 'assert(typeof accumulator === "function", "<code>accumulator</code> is a function.");'
+  - text: <code>accumulator(0)</code> deve retornar uma função.
+    testString: 'assert(typeof accumulator(0) === "function", "<code>accumulator(0)</code> should return a function.");'
+  - text: <code>accumulator(0)(2)</code> deve retornar um número.
+    testString: 'assert(typeof accumulator(0)(2) === "number", "<code>accumulator(0)(2)</code> should return a number.");'
+  - text: 'Passando nos valores 3, -4, 1.5 e 5 deve retornar 5.5.'
+    testString: 'assert(testFn(5) === 5.5, "Passing in the values 3, -4, 1.5, and 5 should return 5.5.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function accumulator (sum) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/ackermann-function.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/ackermann-function.portuguese.md
new file mode 100644
index 0000000000..a76dc8a524
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/ackermann-function.portuguese.md
@@ -0,0 +1,60 @@
+---
+title: Ackermann function
+id: 594810f028c0303b75339acf
+challengeType: 5
+videoUrl: ''
+localeTitle: Função Ackermann
+---
+
+## Description
+<section id="description"><p> A função Ackermann é um exemplo clássico de uma função recursiva, notável principalmente porque não é uma função recursiva primitiva. Ela cresce muito rapidamente em valor, assim como o tamanho de sua árvore de chamadas. </p><p> A função Ackermann é geralmente definida da seguinte forma: </p> $$ A (m, n) = \ begin {casos} n + 1 &amp; \ mbox {if} m = 0 \\ A (m-1, 1) e \ mbox {if} m&gt; 0 \ mbox {e} n = 0 \\ A (m-1, A (m, n-1)) e \ mbox {if} m&gt; 0 \ mbox {e} n&gt; 0. \ end {cases} $$ <p> Seus argumentos nunca são negativos e sempre terminam. Escreva uma função que retorne o valor de $ A (m, n) $. Precisão arbitrária é preferida (já que a função cresce tão rapidamente), mas não é necessária. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>ack</code> é uma função.
+    testString: 'assert(typeof ack === "function", "<code>ack</code> is a function.");'
+  - text: '<code>ack(0, 0)</code> deve retornar 1.'
+    testString: 'assert(ack(0, 0) === 1, "<code>ack(0, 0)</code> should return 1.");'
+  - text: '<code>ack(1, 1)</code> deve retornar 3.'
+    testString: 'assert(ack(1, 1) === 3, "<code>ack(1, 1)</code> should return 3.");'
+  - text: '<code>ack(2, 5)</code> deve retornar 13.'
+    testString: 'assert(ack(2, 5) === 13, "<code>ack(2, 5)</code> should return 13.");'
+  - text: '<code>ack(3, 3)</code> deve retornar 61.'
+    testString: 'assert(ack(3, 3) === 61, "<code>ack(3, 3)</code> should return 61.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function ack (m, n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/align-columns.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/align-columns.portuguese.md
new file mode 100644
index 0000000000..52c2902fc7
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/align-columns.portuguese.md
@@ -0,0 +1,89 @@
+---
+title: Align columns
+id: 594810f028c0303b75339ad0
+challengeType: 5
+videoUrl: ''
+localeTitle: Alinhar colunas
+---
+
+## Description
+<section id="description"><p> Dado um arquivo de texto de muitas linhas, onde os campos dentro de uma linha são delineados por um único caractere <code>$</code> , escreva um programa que alinhe cada coluna de campos garantindo que as palavras em cada coluna sejam separadas por pelo menos um espaço. Além disso, permita que cada palavra em uma coluna seja justificada à esquerda, justificada à direita ou justificada pelo centro em sua coluna. </p><p> Use o seguinte texto para testar seus programas: </p><pre> Dado $ a $ text $ file $ de $ many $ lines
+onde $ fields $ dentro de $ a $ line $
+$ $ $ $ $ $ $ single $ &#39;dollar&#39; $ character
+escreva um programa $ a $
+que $ alinha $ cada $ coluna $ de $ campos
+por $ garantindo $ que $ palavras $ em $ cada $
+A coluna $ é $ separada $ por $ em $ menos $ um $ espaço.
+Além disso, $ permite $ para $ cada $ palavra $ em $ a $ coluna $ para $ seja $ ou $ restantes $
+justificado, $ certo $ justificado
+ou $ center $ justificado $ dentro de $ sua coluna $.
+</pre><p> Observe que: </p> As linhas de texto de entrada de exemplo podem, ou não, ter caracteres em dólares finais. Todas as colunas devem compartilhar o mesmo alinhamento. Caracteres de espaço consecutivos produzidos adjacentes ao final das linhas são insignificantes para os propósitos da tarefa. O texto de saída será visualizado em uma fonte com espaçamento único em um editor de texto simples ou terminal básico. O espaço mínimo entre colunas deve ser calculado a partir do texto e não codificado. Não é um requisito adicionar caracteres separadores entre colunas ou em volta delas. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>formatText</code> é uma função.
+    testString: 'assert(typeof formatText === "function", "<code>formatText</code> is a function.");'
+  - text: '<code>formatText</code> com a entrada acima e justificação &quot;direita&quot; deve produzir o seguinte:'
+    testString: 'assert.strictEqual(formatText(testInput, "right"), rightAligned, "<code>formatText</code> with the above input and "right" justification should produce the following: ");'
+  - text: '<code>formatText</code> com a entrada acima e a justificação &quot;esquerda&quot; devem produzir o seguinte:'
+    testString: 'assert.strictEqual(formatText(testInput, "left"), leftAligned, "<code>formatText</code> with the above input and "left" justification should produce the following: ");'
+  - text: '<code>formatText</code> com a entrada acima e justificação &quot;central&quot; deve produzir o seguinte:'
+    testString: 'assert.strictEqual(formatText(testInput, "center"), centerAligned, "<code>formatText</code> with the above input and "center" justification should produce the following: ");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const testArr = [
+  'Given$a$text$file$of$many$lines',
+  'where$fields$within$a$line$',
+  'are$delineated$by$a$single$"dollar"$character',
+  'write$a$program',
+  'that$aligns$each$column$of$fields$',
+  'by$ensuring$that$words$in$each$',
+  'column$are$separated$by$at$least$one$space.',
+  'Further,$allow$for$each$word$in$a$column$to$be$either$left$',
+  'justified,$right$justified',
+  'or$center$justified$within$its$column.'
+];
+
+function formatText (input, justification) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/amicable-pairs.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/amicable-pairs.portuguese.md
new file mode 100644
index 0000000000..34ef2ef32b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/amicable-pairs.portuguese.md
@@ -0,0 +1,67 @@
+---
+title: Amicable pairs
+id: 5949b579404977fbaefcd737
+challengeType: 5
+videoUrl: ''
+localeTitle: Pares amigáveis
+---
+
+## Description
+<section id="description"> Dois inteiros $ N $ e $ M $ são considerados <a href="https://en.wikipedia.org/wiki/Amicable numbers" title="wp: números amigáveis">pares amigáveis</a> se $ N \ neq M $ e a soma dos <a href="http://rosettacode.org/wiki/Proper divisors" title="Divisores apropriados">divisores apropriados</a> de $ N $ ($ \ mathrm {sum} (\ mathrm {propDivs} (N)) $) $ = M $ assim como $ \ mathrm {sum} (\ mathrm {propDivs} (M)) = N $. Exemplo: 1184 e 1210 são um par amigável, com divisores apropriados: 1, 2, 4, 8, 16, 32, 37, 74, 148, 296, 592 e 1, 2, 5, 10, 11, 22, 55, 110, 121, 242, 605, respectivamente. Tarefa: Calcule e mostre aqui os pares Amicáveis ​​abaixo de 20.000 (são oito). Tarefas relacionadas <a href="http://rosettacode.org/wiki/Proper divisors" title="Divisores apropriados">Divisores adequados Classificação</a> <a href="http://rosettacode.org/wiki/Abundant, deficient and perfect number classifications" title="Classificações numéricas abundantes, deficientes e perfeitas">abundante, deficiente e perfeita dos números Classificações da</a> <a href="http://rosettacode.org/wiki/Aliquot sequence classifications" title="Classificações de sequências de alíquotas">sequência das frações</a> e sua classificação amigável. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>amicablePairsUpTo</code> é uma função.
+    testString: 'assert(typeof amicablePairsUpTo === "function", "<code>amicablePairsUpTo</code> is a function.");'
+  - text: '<code>amicablePairsUpTo(300)</code> deve retornar <code>[[220,284]]</code> .'
+    testString: 'assert.deepEqual(amicablePairsUpTo(300), answer300, "<code>amicablePairsUpTo(300)</code> should return <code>[[220,284]]</code>.");'
+  - text: '<code>amicablePairsUpTo(3000)</code> deve retornar <code>[[220,284],[1184,1210],[2620,2924]]</code> .'
+    testString: 'assert.deepEqual(amicablePairsUpTo(3000), answer3000, "<code>amicablePairsUpTo(3000)</code> should return <code>[[220,284],[1184,1210],[2620,2924]]</code>.");'
+  - text: '<code>amicablePairsUpTo(20000)</code> deve retornar <code>[[220,284],[1184,1210],[2620,2924],[5020,5564],[6232,6368],[10744,10856],[12285,14595],[17296,18416]]</code> .'
+    testString: 'assert.deepEqual(amicablePairsUpTo(20000), answer20000, "<code>amicablePairsUpTo(20000)</code> should return <code>[[220,284],[1184,1210],[2620,2924],[5020,5564],[6232,6368],[10744,10856],[12285,14595],[17296,18416]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function amicablePairsUpTo (maxNum) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/averages-mode.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/averages-mode.portuguese.md
new file mode 100644
index 0000000000..7f3f260de0
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/averages-mode.portuguese.md
@@ -0,0 +1,65 @@
+---
+title: Averages-Mode
+id: 594d8d0ab97724821379b1e6
+challengeType: 5
+videoUrl: ''
+localeTitle: Modo de médias
+---
+
+## Description
+<section id="description"><p> Escreva um programa para encontrar o valor do <a href="https://en.wikipedia.org/wiki/Mode (statistics)" title="wp: Mode (estatísticas)">modo</a> de uma coleção. </p><p> O caso em que a coleção está vazia pode ser ignorado. É preciso ter cuidado para lidar com o caso em que o modo não é exclusivo. </p><p> Se não for apropriado ou possível suportar uma coleção geral, use um vetor (matriz), se possível. Se não for apropriado ou possível suportar um tipo de valor não especificado, use números inteiros. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>mode</code> é uma função.
+    testString: 'assert(typeof mode === "function", "<code>mode</code> is a function.");'
+  - text: '<code>mode([1, 3, 6, 6, 6, 6, 7, 7, 12, 12, 17])</code> deve ser igual a <code>[6]</code>'
+    testString: 'assert.deepEqual(mode(arr1), [6], "<code>mode([1, 3, 6, 6, 6, 6, 7, 7, 12, 12, 17])</code> should equal <code>[6]</code>");'
+  - text: '<code>mode([1, 2, 4, 4, 1])</code> deve ser igual a <code>[1, 4]</code> .'
+    testString: 'assert.deepEqual(mode(arr2).sort(), [1, 4], "<code>mode([1, 2, 4, 4, 1])</code> should equal <code>[1, 4]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function mode (arr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/averages-pythagorean-means.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/averages-pythagorean-means.portuguese.md
new file mode 100644
index 0000000000..f049fb28ee
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/averages-pythagorean-means.portuguese.md
@@ -0,0 +1,70 @@
+---
+title: Averages-Pythagorean means
+id: 594d966a1467eb84194f0086
+challengeType: 5
+videoUrl: ''
+localeTitle: Média-Pitagórica significa
+---
+
+## Description
+<section id="description"><p class="rosetta__paragraph"> Calcule todas as três <a class="rosetta__link--wiki" href="https://en.wikipedia.org/wiki/Pythagorean means" title="wp: significa pitagórico">médias pitagóricas</a> do conjunto de números inteiros de <big>1</big> a <big>10</big> (inclusive). </p><p class="rosetta__paragraph"> Mostre que <big>$ A (x_1, \ ldots, x_n) \ geq G (x_1, \ ldots, x_n) \ geq H (x_1, \ ldots, x_n) $</big> para esse conjunto de inteiros positivos. </p> O mais comum dos três meios, a <a class="rosetta__link--rosetta" href="http://rosettacode.org/wiki/Averages/Arithmetic mean" title="Médias / média aritmética">média aritmética</a> , é a soma da lista dividida pelo seu comprimento: <big>$ A (x_1, \ ldots, x_n) = \ frac {x_1 + \ cdots + x_n} {n} $</big> O <a class="rosetta__link--wiki" href="https://en.wikipedia.org/wiki/Geometric mean" title="wp: Média geométrica">geométrico mean</a> é a raiz $ n $ th do produto da lista: <big>$ G (x_1, \ ldots, x_n) = \ sqrt [n] {x_1 \ cdots x_n} $</big> A <a class="rosetta__link--wiki" href="https://en.wikipedia.org/wiki/Harmonic mean" title="wp: média harmônica">média harmônica</a> é $ n $ dividida pela soma de o recíproco de cada item na lista: <big>$ H (x_1, \ ldots, x_n) = \ frac {n} {\ frac {1} {x_1} + \ cdots + \ frac {1} {x_n}} $</big> <p class="rosetta__paragraph"> Suponha que a entrada seja uma matriz ordenada de todos os números incluídos. </p><p class="rosetta__paragraph"> Para a resposta, por favor, imprima um objeto no seguinte formato: </p><pre class="rosetta__pre"> {
+  values: {
+    Aritmética: 5.5,
+    Geométrico: 4.528728688116765,
+    Harmônico: 3.414171521474055
+  }
+  teste: &#39;é A&gt; = G&gt; = H? sim&#39;
+}
+</pre></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>pythagoreanMeans</code> é uma função.
+    testString: 'assert(typeof pythagoreanMeans === "function", "<code>pythagoreanMeans</code> is a function.");'
+  - text: '<code>pythagoreanMeans([1, 2, ..., 10])</code> deve ser igual ao mesmo resultado acima.'
+    testString: 'assert.deepEqual(pythagoreanMeans(range1), answer1, "<code>pythagoreanMeans([1, 2, ..., 10])</code> should equal the same output above.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pythagoreanMeans (rangeArr) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/averages-root-mean-square.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/averages-root-mean-square.portuguese.md
new file mode 100644
index 0000000000..e8d614e56d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/averages-root-mean-square.portuguese.md
@@ -0,0 +1,62 @@
+---
+title: Averages-Root mean square
+id: 594da033de4190850b893874
+challengeType: 5
+videoUrl: ''
+localeTitle: Médias-Root mean square
+---
+
+## Description
+<section id="description"><p> Calcule o <a href="https://en.wikipedia.org/wiki/Root mean square" title="wp: Root mean square">quadrado médio</a> da <a href="https://en.wikipedia.org/wiki/Root mean square" title="wp: Root mean square">raiz</a> dos números de 1 a 10, inclusive. </p><p> A raiz quadrada média também é conhecida por suas iniciais RMS (ou rms) e como a média quadrática. </p><p> O RMS é calculado como a média dos quadrados dos números, de raiz quadrada: </p><p> <big>$$ x _ {\ mathrm {rms}} = \ sqrt {{{x_1} ^ 2 + {x_2} ^ 2 + \ cdots + {x_n} ^ 2} \ over n}. $$</big> </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>rms</code> é uma função.
+    testString: 'assert(typeof rms === "function", "<code>rms</code> is a function.");'
+  - text: '<code>rms([1, 2, 3, 4, 5, 6, 7, 8, 9, 10])</code> deve ser igual a <code>6.2048368229954285</code> .'
+    testString: 'assert.equal(rms(arr1), answer1, "<code>rms([1, 2, 3, 4, 5, 6, 7, 8, 9, 10])</code> should equal <code>6.2048368229954285</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function rms (arr) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/babbage-problem.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/babbage-problem.portuguese.md
new file mode 100644
index 0000000000..2362f96919
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/babbage-problem.portuguese.md
@@ -0,0 +1,63 @@
+---
+title: Babbage problem
+id: 594db4d0dedb4c06a2a4cefd
+challengeType: 5
+videoUrl: ''
+localeTitle: Problema Babbage
+---
+
+## Description
+<section id="description"><p> <a href="https://en.wikipedia.org/wiki/Charles_Babbage" title="wp: Charles_Babbage">Charles Babbage</a> , olhando para os problemas que seu Mecanismo Analítico poderia resolver, deu o seguinte exemplo: </p><blockquote> Qual é o menor inteiro positivo cujo quadrado termina nos dígitos 269.696? </blockquote><p> - Babbage, carta a Lord Bowden, 1837; veja Hollingdale e Tootill, <i>Electronic Computers</i> , segunda edição, 1970, p. 125 </p><p> Ele pensou que a resposta poderia ser 99.736, cujo quadrado é 9.947.269.696; mas ele não podia ter certeza. </p><p> A tarefa é descobrir se Babbage teve a resposta certa. </p><p> Implemente uma função para retornar o inteiro mais baixo que satisfaça o problema Babbage. Se Babbage estava certo, devolva o número de Babbage. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>babbage</code> é uma função.
+    testString: 'assert(typeof babbage === "function", "<code>babbage</code> is a function.");'
+  - text: '<code>babbage(99736, 269696)</code> não deve retornar 99736 (há uma resposta menor).'
+    testString: 'assert.equal(babbage(babbageAns, endDigits), answer, "<code>babbage(99736, 269696)</code> should not return 99736 (there is a smaller answer).");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function babbage (babbageNum, endDigits) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/balanced-brackets.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/balanced-brackets.portuguese.md
new file mode 100644
index 0000000000..061dcfdad2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/balanced-brackets.portuguese.md
@@ -0,0 +1,97 @@
+---
+title: Balanced brackets
+id: 594dc6c729e5700999302b45
+challengeType: 5
+videoUrl: ''
+localeTitle: Suportes equilibrados
+---
+
+## Description
+<section id="description"><p> Determine se uma string gerada de colchetes é balanceada; isto é, se consiste inteiramente de pares de parênteses de abertura / fechamento (nessa ordem), nenhum dos quais errar. </p> Exemplos: <p class="rosetta__paragraph"> (vazio) verdadeiro </p><p class="rosetta__paragraph"> <code>[]</code> verdadeiro </p><p class="rosetta__paragraph"> <code>][</code> falso </p><p class="rosetta__paragraph"> <code>[][]</code> verdadeiro </p><p class="rosetta__paragraph"> <code>][][</code> falso </p><p class="rosetta__paragraph"> <code>[]][[]</code> falso </p><p class="rosetta__paragraph"> <code>[[[[]]]]</code> verdadeiro </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>isBalanced</code> é uma função.
+    testString: 'assert(typeof isBalanced === "function", "<code>isBalanced</code> is a function.");'
+  - text: '<code>isBalanced(&quot;[]&quot;)</code> deve retornar true.'
+    testString: 'assert(isBalanced(testCases[0]), "<code>isBalanced("[]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;]][[[][][][]][&quot;)</code> deve retornar false.'
+    testString: 'assert(!isBalanced(testCases[1]), "<code>isBalanced("]][[[][][][]][")</code> should return false.");'
+  - text: '<code>isBalanced(&quot;[][[[[][][[[]]]]]]&quot;)</code> deve retornar true.'
+    testString: 'assert(isBalanced(testCases[2]), "<code>isBalanced("[][[[[][][[[]]]]]]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;][&quot;)</code> deve retornar true.'
+    testString: 'assert(!isBalanced(testCases[3]), "<code>isBalanced("][")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[[[]]]][[]&quot;)</code> deve retornar true.'
+    testString: 'assert(!isBalanced(testCases[4]), "<code>isBalanced("[[[]]]][[]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;][[]&quot;)</code> deve retornar true.'
+    testString: 'assert(!isBalanced(testCases[5]), "<code>isBalanced("][[]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;][[][]][[[]]&quot;)</code> deve retornar true.'
+    testString: 'assert(!isBalanced(testCases[6]), "<code>isBalanced("][[][]][[[]]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[[][]]][&quot;)</code> deve retornar true.'
+    testString: 'assert(!isBalanced(testCases[7]), "<code>isBalanced("[[][]]][")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[[[]]][[]]]][][[&quot;)</code> deve retornar true.'
+    testString: 'assert(!isBalanced(testCases[8]), "<code>isBalanced("[[[]]][[]]]][][[")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[]][[]]][[[[][]]&quot;)</code> deve retornar true.'
+    testString: 'assert(!isBalanced(testCases[9]), "<code>isBalanced("[]][[]]][[[[][]]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;][]][[][&quot;)</code> deve retornar true.'
+    testString: 'assert(!isBalanced(testCases[10]), "<code>isBalanced("][]][[][")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[[]][[][]]&quot;)</code> deve retornar true.'
+    testString: 'assert(isBalanced(testCases[11]), "<code>isBalanced("[[]][[][]]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[[]]&quot;)</code> deve retornar true.'
+    testString: 'assert(isBalanced(testCases[12]), "<code>isBalanced("[[]]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;]][]][[]][[[&quot;)</code> deve retornar true.'
+    testString: 'assert(!isBalanced(testCases[13]), "<code>isBalanced("]][]][[]][[[")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;][]][][[&quot;)</code> deve retornar true.'
+    testString: 'assert(!isBalanced(testCases[14]), "<code>isBalanced("][]][][[")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;][][&quot;)</code> deve retornar true.'
+    testString: 'assert(!isBalanced(testCases[15]), "<code>isBalanced("][][")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[[]]][][][[]][&quot;)</code> deve retornar true.'
+    testString: 'assert(!isBalanced(testCases[16]), "<code>isBalanced("[[]]][][][[]][")</code> should return true.");'
+  - text: <code>isBalanced(&quot;&quot;)</code> deve retornar true.
+    testString: 'assert(isBalanced(testCases[17]), "<code>isBalanced("")</code> should return true.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function isBalanced (str) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/circles-of-given-radius-through-two-points.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/circles-of-given-radius-through-two-points.portuguese.md
new file mode 100644
index 0000000000..9a8d82b7d3
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/circles-of-given-radius-through-two-points.portuguese.md
@@ -0,0 +1,77 @@
+---
+title: Circles of given radius through two points
+id: 5951815dd895584b06884620
+challengeType: 5
+videoUrl: ''
+localeTitle: Círculos de raio dado através de dois pontos
+---
+
+## Description
+<section id="description"><p> Dados dois pontos em um plano e um raio, geralmente dois círculos de raio dado podem ser traçados através dos pontos. </p> Exceções: Um raio de zero deve ser tratado como nunca descrevendo círculos (exceto no caso em que os pontos são coincidentes). Se os pontos são coincidentes, então um número infinito de círculos com o ponto em sua circunferência pode ser desenhado, a menos que o raio seja igual a zero também, o que colapsa os círculos em um ponto. Se os pontos formarem um diâmetro, retorne um único círculo. Se os pontos estiverem muito distantes, nenhum círculo poderá ser desenhado. Tarefa: Implemente uma função que leve dois pontos e um raio e retorne os dois círculos através desses pontos. Para cada círculo resultante, forneça as coordenadas para o centro de cada círculo arredondado para quatro dígitos decimais. Retorne cada coordenada como uma matriz e coordene como uma matriz de matrizes. Para casos de borda, retorne o seguinte: Se os pontos estiverem no diâmetro, retorne um ponto. Se o raio também for zero, retorne <code>&quot;Radius Zero&quot;</code> . Se os pontos forem coincidentes, devolva <code>&quot;Coincident point. Infinite solutions&quot;</code> . Se os pontos estiverem mais afastados do que o diâmetro, retorne <code>&quot;No intersection. Points further apart than circle diameter&quot;</code> . Entradas de amostra: <pre> p1 p2 r
+0,1234, 0,9876 0,8765, 0,2345 2,0
+0,0000, 2,0000 0,0000, 0,0000 1,0
+0,1234, 0,9876 0,1234, 0,9876 2,0
+0,1234, 0,9876 0,8765, 0,2345 0,5
+0,1234, 0,9876 0,1234, 0,9876 0,0
+</pre> Ref: <a href="http://mathforum.org/library/drmath/view/53027.html" title="link: http://mathforum.org/library/drmath/view/53027.html">Encontrar o centro de um círculo de 2 pontos e raio</a> do fórum de matemática @ Drexel </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>getCircles</code> é uma função.
+    testString: 'assert(typeof getCircles === "function", "<code>getCircles</code> is a function.");'
+  - text: '<code>getCircles([0.1234, 0.9876], [0.8765, 0.2345], 2.0)</code> deve retornar <code>[[1.8631, 1.9742], [-0.8632, -0.7521]]</code> .'
+    testString: 'assert.deepEqual(getCircles(...testCases[0]), answers[0], "<code>getCircles([0.1234, 0.9876], [0.8765, 0.2345], 2.0)</code> should return <code>[[1.8631, 1.9742], [-0.8632, -0.7521]]</code>.");'
+  - text: '<code>getCircles([0.0000, 2.0000], [0.0000, 0.0000], 1.0)</code> deve retornar <code>[0, 1]</code>'
+    testString: 'assert.deepEqual(getCircles(...testCases[1]), answers[1], "<code>getCircles([0.0000, 2.0000], [0.0000, 0.0000], 1.0)</code> should return <code>[0, 1]</code>");'
+  - text: '<code>getCircles([0.1234, 0.9876], [0.1234, 0.9876], 2.0)</code> deve retornar um <code>Coincident point. Infinite solutions</code>'
+    testString: 'assert.deepEqual(getCircles(...testCases[2]), answers[2], "<code>getCircles([0.1234, 0.9876], [0.1234, 0.9876], 2.0)</code> should return <code>Coincident point. Infinite solutions</code>");'
+  - text: '<code>getCircles([0.1234, 0.9876], [0.8765, 0.2345], 0.5)</code> deve retornar <code>No intersection. Points further apart than circle diameter</code>'
+    testString: 'assert.deepEqual(getCircles(...testCases[3]), answers[3], "<code>getCircles([0.1234, 0.9876], [0.8765, 0.2345], 0.5)</code> should return <code>No intersection. Points further apart than circle diameter</code>");'
+  - text: '<code>getCircles([0.1234, 0.9876], [0.1234, 0.9876], 0.0)</code> deve retornar o <code>Radius Zero</code>'
+    testString: 'assert.deepEqual(getCircles(...testCases[4]), answers[4], "<code>getCircles([0.1234, 0.9876], [0.1234, 0.9876], 0.0)</code> should return <code>Radius Zero</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getCircles (...args) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/closest-pair-problem.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/closest-pair-problem.portuguese.md
new file mode 100644
index 0000000000..f380b60612
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/closest-pair-problem.portuguese.md
@@ -0,0 +1,127 @@
+---
+title: Closest-pair problem
+id: 5951a53863c8a34f02bf1bdc
+challengeType: 5
+videoUrl: ''
+localeTitle: Problema de par mais próximo
+---
+
+## Description
+<section id="description"> Tarefa: <p> Forneça uma função para encontrar os dois pontos mais próximos entre um conjunto de pontos dados em duas dimensões, ou seja, para resolver o problema do <a href="https://en.wikipedia.org/wiki/Closest pair of points problem" title="wp: Problema de par de pontos mais próximo">par de pontos mais Próximo</a> no caso planar. </p><p> A solução direta é um algoritmo O (n <sup>2</sup> ) (que podemos chamar de algoritmo de força bruta); o pseudo-código (usando índices) poderia ser simplesmente: </p><pre> bruteForceClosestPair de P (1), P (2), ... P (N)
+se N &lt;2 então
+  retorno ∞
+outro
+  minDistância ← | P (1) - P (2) |
+  minPoints ← {P (1), P (2)}
+  foreach i ∈ [1, N-1]
+    foreach j ∈ [i + 1, N]
+      if | P (i) - P (j) | &lt;minDistance então
+        minDistância ← | P (i) - P (j) |
+        minPoints ← {P (i), P (j)}
+      fim se
+    endfor
+  endfor
+  return minDistance, minPoints
+fim se
+</pre><p> Um algoritmo melhor é baseado na abordagem recursiva divide &amp; conquer, como explicado também no <a href="https://en.wikipedia.org/wiki/Closest pair of points problem#Planar_case" title="wp: Problema de par de pontos mais próximo # Planar_case">par de pontos mais próximo da Wikipedia</a> , que é O (n log n); um pseudo-código poderia ser: </p><pre> paradeiro de (xP, yP)
+  onde xP é P (1). P (N) ordenada por coordenada xe
+  yP é P (1) .. P (N) classificado por coordenada y (ordem crescente)
+se N ≤ 3 então
+  Retorna os pontos mais próximos do xP usando o algoritmo de força bruta
+outro
+  xL ← pontos de xP de 1 a ⌈N / 2⌉
+  xR ← pontos de xP de ⌈N / 2⌉ + 1 a N
+  xm ← xP (⌈N / 2⌉) <sub>x</sub>
+  yL ← {p yp: p <sub>x</sub> ≤ xm}
+  y r ← {p yp: p <sub>x</sub> &gt; xm}
+  (dL, parL) ← mais próximoPara de (xL, yL)
+  (dR, pairR) ← mais proximoPara (xR, yR)
+  (dmin, parMin) ← (dR, pairR)
+  se d &lt;dR então
+    (dmin, parMin) ← (dL, parL)
+  fim se
+  yS ← {p yp: | xm - p <sub>x</sub> | &lt;dmin}
+  nS ← número de pontos em yS
+  (mais próximo, mais próximo) ← (dmin, pairMin)
+  para i de 1 a ns - 1
+    k ← i + 1
+    enquanto k ≤ nS e yS (k) <sub>y</sub> - yS (i) <sub>y</sub> &lt;dmin
+      if | yS (k) - yS (i) | &lt;mais próximo então
+        (mais próximo, mais próximo) ← (| yS (k) - yS (i) |, {yS (k), yS (i)})
+      fim se
+      k ← k + 1
+    ao final
+  endfor
+  voltar mais próximo, mais próximo
+fim se
+</pre> Referências e outras leituras: <a href="https://en.wikipedia.org/wiki/Closest pair of points problem" title="wp: Problema de par de pontos mais próximo">Problema de par de pontos</a> <a href="http://www.cs.mcgill.ca/~cs251/ClosestPair/ClosestPairDQ.html" title="link: http://www.cs.mcgill.ca/~cs251/ClosestPair/ClosestPairDQ.html">mais próximo Par mais próximo (McGill)</a> <a href="http://www.cs.ucsb.edu/~suri/cs235/ClosestPair.pdf" title="link: http://www.cs.ucsb.edu/~suri/cs235/ClosestPair.pdf">Par mais próximo (UCSB)</a> <a href="http://classes.cec.wustl.edu/~cse241/handouts/closestpair.pdf" title="link: http://classes.cec.wustl.edu/~cse241/handouts/closestpair.pdf">Par mais próximo (WUStL)</a> <a href="http://www.cs.iupui.edu/~xkzou/teaching/CS580/Divide-and-conquer-closestPair.ppt" title="link: http://www.cs.iupui.edu/~xkzou/teaching/CS580/Divide-and-conquer-closestPair.ppt">Par mais próximo (IUPUI)</a> <p> Para a entrada, esperar o argumento a ser uma matriz de pontos (objectos) com <code>x</code> e <code>y</code> membros do conjunto de números. Para a saída, retorne um objeto contendo os pares chave: valor para <code>distance</code> e <code>pair</code> (isto é, o par de dois pontos mais próximos). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>getClosestPair</code> é uma função.
+    testString: 'assert(typeof getClosestPair === "function", "<code>getClosestPair</code> is a function.");'
+  - text: Distância deve ser o seguinte.
+    testString: 'assert.equal(getClosestPair(points1).distance, answer1.distance, "Distance should be the following.");'
+  - text: Pontos devem ser os seguintes.
+    testString: 'assert.deepEqual(JSON.parse(JSON.stringify(getClosestPair(points1))).pair, answer1.pair, "Points should be the following.");'
+  - text: Distância deve ser o seguinte.
+    testString: 'assert.equal(getClosestPair(points2).distance, answer2.distance, "Distance should be the following.");'
+  - text: Pontos devem ser os seguintes.
+    testString: 'assert.deepEqual(JSON.parse(JSON.stringify(getClosestPair(points2))).pair, answer2.pair, "Points should be the following.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const Point = function (x, y) {
+  this.x = x;
+  this.y = y;
+};
+Point.prototype.getX = function () {
+  return this.x;
+};
+Point.prototype.getY = function () {
+  return this.y;
+};
+
+function getClosestPair (pointsArr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/combinations.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/combinations.portuguese.md
new file mode 100644
index 0000000000..170dc4c433
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/combinations.portuguese.md
@@ -0,0 +1,75 @@
+---
+title: Combinations
+id: 5958469238c0d8d2632f46db
+challengeType: 5
+videoUrl: ''
+localeTitle: Combinações
+---
+
+## Description
+<section id="description"> Tarefa: <p> Dados inteiros não negativos <big>m</big> e <big>n</big> , geram todas as <a href="http://mathworld.wolfram.com/Combination.html" title="link: http://mathworld.wolfram.com/Combination.html">combinações</a> de tamanho <big>m</big> dos inteiros de <big>0</big> (zero) a <big>n-1</big> na ordem classificada (cada combinação é classificada e a tabela inteira é classificada). </p> Exemplo: <p> <big>3</big> pente <big>5</big> é: </p><pre> 0 1 2
+0 1 3
+0 1 4
+0 2 3
+0 2 4
+0 3 4
+1 2 3
+1 2 4
+1 3 4
+2 3 4
+</pre></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>combinations</code> é uma função.
+    testString: 'assert(typeof combinations === "function", "<code>combinations</code> is a function.");'
+  - text: '<code>combinations(3, 5)</code> devem retornar <code>[[0, 1, 2], [0, 1, 3], [0, 1, 4], [0, 2, 3], [0, 2, 4], [0, 3, 4], [1, 2, 3], [1, 2, 4], [1, 3, 4], [2, 3, 4]]</code> .'
+    testString: 'assert.deepEqual(combinations(testInput1[0], testInput1[1]), testOutput1, "<code>combinations(3, 5)</code> should return <code>[[0, 1, 2], [0, 1, 3], [0, 1, 4], [0, 2, 3], [0, 2, 4], [0, 3, 4], [1, 2, 3], [1, 2, 4], [1, 3, 4], [2, 3, 4]]</code>.");'
+  - text: '<code>combinations(4, 6)</code> devem retornar <code>[[0,1,2,3], [0,1,2,4], [0,1,2,5], [0,1,3,4], [0,1,3,5], [0,1,4,5], [0,2,3,4], [0,2,3,5], [0,2,4,5], [0,3,4,5], [1,2,3,4], [1,2,3,5], [1,2,4,5], [1,3,4,5], [2,3,4,5]]</code>'
+    testString: 'assert.deepEqual(combinations(testInput2[0], testInput2[1]), testOutput2, "<code>combinations(4, 6)</code> should return <code>[[0,1,2,3],  [0,1,2,4],  [0,1,2,5],  [0,1,3,4],  [0,1,3,5],  [0,1,4,5],  [0,2,3,4],  [0,2,3,5],  [0,2,4,5],  [0,3,4,5],  [1,2,3,4],  [1,2,3,5],  [1,2,4,5],  [1,3,4,5],  [2,3,4,5]]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function combinations (m, n) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/comma-quibbling.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/comma-quibbling.portuguese.md
new file mode 100644
index 0000000000..d5b883e0b2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/comma-quibbling.portuguese.md
@@ -0,0 +1,71 @@
+---
+title: Comma quibbling
+id: 596e414344c3b2872167f0fe
+challengeType: 5
+videoUrl: ''
+localeTitle: 'Vírgula, quibbling'
+---
+
+## Description
+<section id="description"><p> Comma quibbling é uma tarefa originalmente definida por Eric Lippert em seu <a href="http://blogs.msdn.com/b/ericlippert/archive/2009/04/15/comma-quibbling.aspx" title="link: http://blogs.msdn.com/b/ericlippert/archive/2009/04/15/comma-quibbling.aspx">blog</a> . </p> Tarefa: <p> Escreva uma função para gerar uma saída de string que é a concatenação de palavras de entrada de uma lista / sequência onde: </p> Uma entrada sem palavras produz a sequência de saída de apenas os dois caracteres de chave &quot;{}&quot;. Uma entrada de apenas uma palavra, por exemplo, [&quot;ABC&quot;], produz a string de saída da palavra dentro das duas chaves, por exemplo, &quot;{ABC}&quot;. Uma entrada de duas palavras, por exemplo, [&quot;ABC&quot;, &quot;DEF&quot;], produz a string de saída das duas palavras dentro das duas chaves, com as palavras separadas pela string &quot;e&quot;, por exemplo, &quot;{ABC e DEF}&quot;. Uma entrada de três ou mais palavras, por exemplo, [&quot;ABC&quot;, &quot;DEF&quot;, &quot;G&quot;, &quot;H&quot;], produz a string de saída de todas menos a última palavra separada por &quot;,&quot; com a última palavra separada por &quot;e &quot;e tudo dentro de chaves; por exemplo, &quot;{ABC, DEF, G e H}&quot;. <p> Teste sua função com as seguintes séries de entradas mostrando sua saída aqui nesta página: </p> [] # (Sem palavras de entrada). [&quot;ABC&quot;] [&quot;ABC&quot;, &quot;DEF&quot;] [&quot;ABC&quot;, &quot;DEF&quot;, &quot;G&quot;, &quot;H&quot;] <p> Nota: Suponha que as palavras sejam sequências não vazias de caracteres maiúsculos para esta tarefa. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>quibble</code> é uma função.
+    testString: 'assert(typeof quibble === "function", "<code>quibble</code> is a function.");'
+  - text: '<code>quibble([&quot;ABC&quot;])</code> deve retornar uma string.'
+    testString: 'assert(typeof quibble(["ABC"]) === "string", "<code>quibble(["ABC"])</code> should return a string.");'
+  - text: '<code>quibble([])</code> deve retornar &quot;{}&quot;.'
+    testString: 'assert.equal(quibble(testCases[0]), results[0], "<code>quibble([])</code> should return "{}".");'
+  - text: '<code>quibble([&quot;ABC&quot;])</code> deve retornar &quot;{ABC}&quot;.'
+    testString: 'assert.equal(quibble(testCases[1]), results[1], "<code>quibble(["ABC"])</code> should return "{ABC}".");'
+  - text: '<code>quibble([&quot;ABC&quot;, &quot;DEF&quot;])</code> deve retornar &quot;{ABC e DEF}&quot;.'
+    testString: 'assert.equal(quibble(testCases[2]), results[2], "<code>quibble(["ABC", "DEF"])</code> should return "{ABC and DEF}".");'
+  - text: '<code>quibble([&quot;ABC&quot;, &quot;DEF&quot;, &quot;G&quot;, &quot;H&quot;])</code> deve retornar &quot;{ABC, DEF, G e H}&quot;.'
+    testString: 'assert.equal(quibble(testCases[3]), results[3], "<code>quibble(["ABC", "DEF", "G", "H"])</code> should return "{ABC,DEF,G and H}".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function quibble (words) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/compare-a-list-of-strings.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/compare-a-list-of-strings.portuguese.md
new file mode 100644
index 0000000000..9c6bc91b43
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/compare-a-list-of-strings.portuguese.md
@@ -0,0 +1,88 @@
+---
+title: Compare a list of strings
+id: 596e457071c35c882915b3e4
+challengeType: 5
+videoUrl: ''
+localeTitle: Compare uma lista de strings
+---
+
+## Description
+<section id="description"><p> Dada uma <a href="https://en.wikipedia.org/wiki/List_(abstract_data_type)" title="wp: List_ (abstract_data_type)">lista</a> arbitrariamente de muitas strings, implemente uma função para cada uma das seguintes condições: </p> teste se todos são lexicamente iguais se todas as seqüências de caracteres forem lexicamente menores do que a seguinte (ou seja, se a lista está em ordem crescente) </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>allEqual</code> é uma função.
+    testString: 'assert(typeof allEqual === "function", "<code>allEqual</code> is a function.");'
+  - text: <code>azSorted</code> é uma função.
+    testString: 'assert(typeof azSorted === "function", "<code>azSorted</code> is a function.");'
+  - text: '<code>allEqual([&quot;AA&quot;, &quot;AA&quot;, &quot;AA&quot;, &quot;AA&quot;])</code> retorna verdadeiro.'
+    testString: 'assert(allEqual(testCases[0]), "<code>allEqual(["AA", "AA", "AA", "AA"])</code> returns true.");'
+  - text: '<code>azSorted([&quot;AA&quot;, &quot;AA&quot;, &quot;AA&quot;, &quot;AA&quot;])</code> retorna falso.'
+    testString: 'assert(!azSorted(testCases[0]), "<code>azSorted(["AA", "AA", "AA", "AA"])</code> returns false.");'
+  - text: '<code>allEqual([&quot;AA&quot;, &quot;ACB&quot;, &quot;BB&quot;, &quot;CC&quot;])</code> retorna falso.'
+    testString: 'assert(!allEqual(testCases[1]), "<code>allEqual(["AA", "ACB", "BB", "CC"])</code> returns false.");'
+  - text: '<code>azSorted([&quot;AA&quot;, &quot;ACB&quot;, &quot;BB&quot;, &quot;CC&quot;])</code> retorna verdadeiro.'
+    testString: 'assert(azSorted(testCases[1]), "<code>azSorted(["AA", "ACB", "BB", "CC"])</code> returns true.");'
+  - text: '<code>allEqual([])</code> retorna verdadeiro.'
+    testString: 'assert(allEqual(testCases[2]), "<code>allEqual([])</code> returns true.");'
+  - text: '<code>azSorted([])</code> retorna verdadeiro.'
+    testString: 'assert(azSorted(testCases[2]), "<code>azSorted([])</code> returns true.");'
+  - text: '<code>allEqual([&quot;AA&quot;])</code> retorna verdadeiro.'
+    testString: 'assert(allEqual(testCases[3]), "<code>allEqual(["AA"])</code> returns true.");'
+  - text: '<code>azSorted([&quot;AA&quot;])</code> retorna verdadeiro.'
+    testString: 'assert(azSorted(testCases[3]), "<code>azSorted(["AA"])</code> returns true.");'
+  - text: '<code>allEqual([&quot;BB&quot;, &quot;AA&quot;])</code> retorna false.'
+    testString: 'assert(!allEqual(testCases[4]), "<code>allEqual(["BB", "AA"])</code> returns false.");'
+  - text: '<code>azSorted([&quot;BB&quot;, &quot;AA&quot;])</code> retorna falso.'
+    testString: 'assert(!azSorted(testCases[4]), "<code>azSorted(["BB", "AA"])</code> returns false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function allEqual (arr) {
+  // Good luck!
+  return true;
+}
+
+function azSorted (arr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/convert-seconds-to-compound-duration.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/convert-seconds-to-compound-duration.portuguese.md
new file mode 100644
index 0000000000..d4674ef769
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/convert-seconds-to-compound-duration.portuguese.md
@@ -0,0 +1,67 @@
+---
+title: Convert seconds to compound duration
+id: 596fd036dc1ab896c5db98b1
+challengeType: 5
+videoUrl: ''
+localeTitle: Converta segundos para duração composta
+---
+
+## Description
+<section id="description"> Tarefa: <p> Implemente uma função que: </p> recebe um inteiro positivo representando uma duração em segundos como entrada (por exemplo, <code>100</code> ) e retorna uma string que mostra a mesma duração decomposta em semanas, dias, horas, minutos e segundos, conforme detalhado abaixo (por exemplo, &quot; <code>1 min, 40 sec</code> &quot;). <p> Demonstre que ele passa nos três casos de teste a seguir: </p><p style="font-size:115%; margin:1em 0 0 0"> Casos de teste </p><table><tbody><tr><th> número de entrada </th><th> número de saída </th></tr><tr><td> 7259 </td><td> <code>2 hr, 59 sec</code> </td> </tr><tr><td> 86400 </td><td> <code>1 d</code> </td> </tr><tr><td> 6000000 </td><td> <code>9 wk, 6 d, 10 hr, 40 min</code> </td> </tr></tbody></table><p style="font-size:115%; margin:1em 0 0 0"> Detalhes </p> As seguintes cinco unidades devem ser usadas: <table><tbody><tr><th> unidade </th><th> sufixo usado na saída </th><th> conversão </th></tr><tr><td> semana </td><td> <code>wk</code> </td> <td> 1 semana = 7 dias </td></tr><tr><td> dia </td><td> <code>d</code> </td> <td> 1 dia = 24 horas </td></tr><tr><td> hora </td><td> <code>hr</code> </td> <td> 1 hora = 60 minutos </td></tr><tr><td> minuto </td><td> <code>min</code> </td> <td> 1 minuto = 60 segundos </td></tr><tr><td> segundo </td><td> <code>sec</code> </td> <td></td></tr></tbody></table> No entanto, inclua apenas quantidades com valores diferentes de zero na saída (por exemplo, retorne &quot; <code>1 d</code> &quot; e não &quot; <code>0 wk, 1 d, 0 hr, 0 min, 0 sec</code> &quot;). Dê precedência às unidades maiores em relação às menores possível (por exemplo, retornar <code>2 min, 10 sec</code> e não <code>1 min, 70 sec</code> ou <code>130 sec</code> ) Imite a formatação mostrada nos casos de teste (quantidades classificadas da maior unidade para a menor e separadas por vírgula + espaço; valor e unidade de cada quantidade separada por espaço). <p></p><hr style="margin:1em 0;"><p></p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>convertSeconds</code> é uma função.
+    testString: 'assert(typeof convertSeconds === "function", "<code>convertSeconds</code> is a function.");'
+  - text: '<code>convertSeconds(7259)</code> deve retornar <code>2 hr, 59 sec</code> .'
+    testString: 'assert.equal(convertSeconds(testCases[0]), results[0], "<code>convertSeconds(7259)</code> should return <code>2 hr, 59 sec</code>.");'
+  - text: <code>convertSeconds(86400)</code> deve retornar <code>1 d</code> .
+    testString: 'assert.equal(convertSeconds(testCases[1]), results[1], "<code>convertSeconds(86400)</code> should return <code>1 d</code>.");'
+  - text: '<code>convertSeconds(6000000)</code> deve retornar <code>9 wk, 6 d, 10 hr, 40 min</code> .'
+    testString: 'assert.equal(convertSeconds(testCases[2]), results[2], "<code>convertSeconds(6000000)</code> should return <code>9 wk, 6 d, 10 hr, 40 min</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertSeconds (sec) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/count-occurrences-of-a-substring.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/count-occurrences-of-a-substring.portuguese.md
new file mode 100644
index 0000000000..96bfb6fe15
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/count-occurrences-of-a-substring.portuguese.md
@@ -0,0 +1,67 @@
+---
+title: Count occurrences of a substring
+id: 596fda99c69f779975a1b67d
+challengeType: 5
+videoUrl: ''
+localeTitle: Contar ocorrências de uma substring
+---
+
+## Description
+<section id="description"> Tarefa: <p> Crie uma função ou mostre uma função interna para contar o número de ocorrências não sobrepostas de uma substring dentro de uma string. </p><p> A função deve levar dois argumentos: </p> o primeiro argumento sendo a string a ser pesquisada, e o segundo, uma substring a ser pesquisada. <p> Deve retornar uma contagem inteira. </p><p> A correspondência deve render o maior número de correspondências não sobrepostas. </p><p> Em geral, isso significa essencialmente correspondência da esquerda para a direita ou da direita para a esquerda. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>countSubstring</code> é uma função.
+    testString: 'assert(typeof countSubstring === "function", "<code>countSubstring</code> is a function.");'
+  - text: '<code>countSubstring(&quot;the three truths&quot;, &quot;th&quot;)</code> deve retornar <code>3</code> .'
+    testString: 'assert.equal(countSubstring(testCases[0], searchString[0]), results[0], "<code>countSubstring("the three truths", "th")</code> should return <code>3</code>.");'
+  - text: '<code>countSubstring(&quot;ababababab&quot;, &quot;abab&quot;)</code> deve retornar <code>2</code> .'
+    testString: 'assert.equal(countSubstring(testCases[1], searchString[1]), results[1], "<code>countSubstring("ababababab", "abab")</code> should return <code>2</code>.");'
+  - text: '<code>countSubstring(&quot;abaabba*bbaba*bbab&quot;, &quot;a*b&quot;)</code> deve retornar <code>2</code> .'
+    testString: 'assert.equal(countSubstring(testCases[2], searchString[2]), results[2], "<code>countSubstring("abaabba*bbaba*bbab", "a*b")</code> should return <code>2</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countSubstring (str, subStr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/count-the-coins.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/count-the-coins.portuguese.md
new file mode 100644
index 0000000000..1110ef35e4
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/count-the-coins.portuguese.md
@@ -0,0 +1,55 @@
+---
+title: Count the coins
+id: 59713bd26bdeb8a594fb9413
+challengeType: 5
+videoUrl: ''
+localeTitle: Conte as moedas
+---
+
+## Description
+<section id="description"><p> Existem quatro tipos de moedas comuns na moeda <a href="https://en.wikipedia.org/wiki/United_States" title="link: https://en.wikipedia.org/wiki/United_States">dos EUA</a> : </p> quartos (25 centavos) centavos (10 centavos) níquel (5 centavos) e centavos (1 centavo) <p> Existem seis maneiras de fazer alterações por 15 centavos: </p> Um centavo e um níquel Um centavo e 5 centavos 3 níqueis 2 níqueis e 5 centavos Um níquel e 10 centavos 15 centavos Tarefa: <p> Implementar uma função para determinar quantas maneiras existem para fazer alterações para um dólar usando essas moedas comuns? (1 dólar = 100 centavos). </p> Referência: <a href="http://mitpress.mit.edu/sicp/full-text/book/book-Z-H-11.html#%_sec_Temp_52" title="link: http://mitpress.mit.edu/sicp/full-text/book/book-Z-H-11.html#%_sec_Temp_52">um algoritmo do MIT Press</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>countCoins</code> é uma função.
+    testString: 'assert(typeof countCoins === "function", "<code>countCoins</code> is a function.");'
+  - text: <code>countCoints()</code> deve retornar 242.
+    testString: 'assert.equal(countCoins(), 242, "<code>countCoints()</code> should return 242.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countCoins () {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/cramers-rule.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/cramers-rule.portuguese.md
new file mode 100644
index 0000000000..e1449fb864
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/cramers-rule.portuguese.md
@@ -0,0 +1,65 @@
+---
+title: Cramer's rule
+id: 59713da0a428c1a62d7db430
+challengeType: 5
+videoUrl: ''
+localeTitle: Regra de Cramer
+---
+
+## Description
+<section id="description"><p> Na <a href="https://en.wikipedia.org/wiki/linear algebra" title="wp: álgebra linear">álgebra linear</a> , <a href="https://en.wikipedia.org/wiki/Cramer&#x27;s rule" title="wp: regra de Cramer">a regra de Cramer</a> é uma fórmula explícita para a solução de um <a href="https://en.wikipedia.org/wiki/system of linear equations" title="wp: sistema de equações lineares">sistema de equações lineares</a> com tantas equações quanto as incógnitas, válidas sempre que o sistema tiver uma solução única. Ele expressa a solução em termos dos determinantes da matriz de coeficientes (quadrados) e das matrizes obtidas a partir dela substituindo uma coluna pelo vetor dos lados direitos das equações. </p><p> Dado </p><p><big></big></p><p> <big>$ \ left \ {\ begin {matrix} a_1x + b_1y + c_1z &amp; = {\ color {red} d_1} \\ a_2x + b_2y + c_2z &amp; = {\ color {red} d_2} \\ a_3x + b_3y + c_3z &amp; = {\ cor {vermelho} d_3} \ end {matrix} \ right. $</big> </p><p> que em formato de matriz é </p><p><big></big></p><p> <big>$ \ begin {bmatrix} a_1 &amp; b_1 &amp; c_1 \\ a_2 &amp; b_2 &amp; c_2 \\ a_3 &amp; b_3 &amp; c_3 \ final {bmatrix} \ begin {bmatrix} x \\ y \\ z \ end {bmatrix} = \ begin {bmatrix} {\ color {red} d_1} \\ {\ color {red} d_2} \\ {\ color {red} d_3} \ end {bmatrix}. $</big> </p><p> Em seguida, os valores de $ x, y $ e $ z $ podem ser encontrados da seguinte forma: </p><p><big></big></p><p> <big>$ x = \ frac {\ begin {vmatrix} {\ color {red} d_1} &amp; b_1 &amp; c_1 \\ {\ color {red} d_2} &amp; b_2 &amp; c_2 \\ {\ color {red} d_3} &amp; b_3 &amp; c_3 \ end {vmatrix}} {\ begin {vmatrix} a_1 &amp; b_1 &amp; c_1 \\ a_2 &amp; b_2 &amp; c_2 \\ a_3 &amp; b_3 &amp; c_3 \ fim {vmatrix}}, \ quad y = \ frac {\ begin {vmatrix } a_1 &amp; {\ color {red} d_1} &amp; c_1 \\ a_2 &amp; {\ color {red} d_2} &amp; c_2 \\ a_3 &amp; {\ color {red} d_3} &amp; c_3 \ end {vmatrix}} {\ begin {vmatrix} a_1 &amp; b_1 &amp; c_1 \\ a_2 &amp; b_2 &amp; c_2 \\ a_3 &amp; b_3 &amp; c_3 \ final {vmatrix}}, \ text {e} z = \ frac {\ begin {vmatrix} a_1 &amp; b_1 &amp; {\ cor {vermelho} d_1} \\ a_2 &amp; b_2 &amp; {\ color {red} d_2} \\ a_3 &amp; b_3 &amp; {\ color {red} d_3} \ end {vmatrix}} {\ begin {vmatrix} a_1 &amp; b_1 &amp; c_1 \\ a_2 &amp; b_2 &amp; c_2 \\ a_3 &amp; b_3 &amp; c_3 \ end {vmatrix}}.</big> </p> Tarefa <p> Dado o seguinte sistema de equações: </p><p> <big>$ \ begin {casos} 2w-x + 5y + z = -3 \\ 3w + 2x + 2y-6z = -32 \\ w + 3x + 3y-z = -47 \\ 5w-2x-3y + 3z = 49 \\ \ end {casos} $</big> </p><p> resolva por <big>$ w $, $ x $, $ y $</big> e <big>$ z $</big> , usando a regra de Cramer. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>cramersRule</code> é uma função.
+    testString: 'assert(typeof cramersRule === "function", "<code>cramersRule</code> is a function.");'
+  - text: '<code>cramersRule([[2, -1, 5, 1], [3, 2, 2, -6], [1, 3, 3, -1], [5, -2, -3, 3]], [-3, -32, -47, 49])</code> deve retornar <code>[2, -12, -4, 1]</code> .'
+    testString: 'assert.deepEqual(cramersRule(matrices[0], freeTerms[0]), answers[0], "<code>cramersRule([[2, -1, 5, 1], [3, 2, 2, -6], [1, 3, 3, -1], [5, -2, -3, 3]], [-3, -32, -47, 49])</code> should return <code>[2, -12, -4, 1]</code>.");'
+  - text: '<code>cramersRule([[3, 1, 1], [2, 2, 5], [1, -3, -4]], [3, -1, 2])</code> deve retornar <code>[1, 1, -1]</code> .'
+    testString: 'assert.deepEqual(cramersRule(matrices[1], freeTerms[1]), answers[1], "<code>cramersRule([[3, 1, 1], [2, 2, 5], [1, -3, -4]], [3, -1, 2])</code> should return <code>[1, 1, -1]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function cramersRule (matrix, freeTerms) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/date-format.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/date-format.portuguese.md
new file mode 100644
index 0000000000..cbced397fb
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/date-format.portuguese.md
@@ -0,0 +1,67 @@
+---
+title: Date format
+id: 59669d08d75b60482359409f
+challengeType: 5
+videoUrl: ''
+localeTitle: Formato de data
+---
+
+## Description
+<section id="description"> Tarefa: <p> Retornar uma matriz com a data atual nos formatos: </p><p> - 2007-11-23 e </p><p> - domingo, 23 de novembro de 2007 </p><p> Exemplo de saída: <code>[&#39;2007-11-23&#39;, &#39;Sunday, November 23, 2007&#39;]</code> </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>getDateFormats</code> é uma função.
+    testString: 'assert(typeof getDateFormats === "function", "<code>getDateFormats</code> is a function.");'
+  - text: Deve retornar um objeto.
+    testString: 'assert(typeof getDateFormats() === "object", "Should return an object.");'
+  - text: Devolveu um array com 2 elementos.
+    testString: 'assert(getDateFormats().length === 2, "Should returned an array with 2 elements.");'
+  - text: Deve devolver a data correta no formato correto
+    testString: 'assert.deepEqual(getDateFormats(), dates, equalsMessage);'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getDateFormats () {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/date-manipulation.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/date-manipulation.portuguese.md
new file mode 100644
index 0000000000..6ad9495d12
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/date-manipulation.portuguese.md
@@ -0,0 +1,73 @@
+---
+title: Date manipulation
+id: 5966c21cf732a95f1b67dd28
+challengeType: 5
+videoUrl: ''
+localeTitle: Manipulação de data
+---
+
+## Description
+<section id="description"> Tarefa: <p> Dada uma string de data em EST, imprima a data fornecida como uma string com 12 horas adicionadas ao tempo. </p><p> O fuso horário deve ser preservado. </p><p> Exemplo de entrada: </p><p> <code>&quot;March 7 2009 7:30pm EST&quot;</code> </p> <p> Exemplo de saída: </p><p> <code>&quot;March 8 2009 7:30am EST&quot;</code> </p> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>add12Hours</code> é uma função.
+    testString: 'assert(typeof add12Hours === "function", "<code>add12Hours</code> is a function.");'
+  - text: <code>add12Hours(dateString)</code> deve retornar uma string.
+    testString: 'assert(typeof add12Hours(tests[0]) === "string", "<code>add12Hours(dateString)</code> should return a string.");'
+  - text: '<code>add12Hours(&quot;&quot; + tests[0] + &quot;&quot;)</code> deve retornar <code>&quot;&quot; + answers[0] + &quot;&quot;</code>'
+    testString: 'assert(add12Hours(tests[0]) === answers[0], "<code>add12Hours("" + tests[0] + "")</code> should return <code>"" + answers[0] + ""</code>");'
+  - text: 'Deve mudar o dia do handel. <code>add12Hours(&quot;&quot; + tests[1] + &quot;&quot;)</code> deve retornar <code>&quot;&quot; + answers[1] + &quot;&quot;</code>'
+    testString: 'assert(add12Hours(tests[1]) === answers[1], "Should handel day change. <code>add12Hours("" + tests[1] + "")</code> should return <code>"" + answers[1] + ""</code>");'
+  - text: 'Deve mudar mês mês em anos bissextos. <code>add12Hours(&quot;&quot; + tests[2] + &quot;&quot;)</code> deve retornar <code>&quot;&quot; + answers[2] + &quot;&quot;</code>'
+    testString: 'assert(add12Hours(tests[2]) === answers[2], "Should handel month change in a leap years. <code>add12Hours("" + tests[2] + "")</code> should return <code>"" + answers[2] + ""</code>");'
+  - text: 'Deve mudar de mês handel em anos comuns. <code>add12Hours(&quot;&quot; + tests[3] + &quot;&quot;)</code> deve retornar <code>&quot;&quot; + answers[3] + &quot;&quot;</code>'
+    testString: 'assert(add12Hours(tests[3]) === answers[3], "Should handel month change in a common years. <code>add12Hours("" + tests[3] + "")</code> should return <code>"" + answers[3] + ""</code>");'
+  - text: 'Deve mudar o ano de mão. <code>add12Hours(&quot;&quot; + tests[4] + &quot;&quot;)</code> deve retornar <code>&quot;&quot; + answers[4] + &quot;&quot;</code>'
+    testString: 'assert(add12Hours(tests[4]) === answers[4], "Should handel year change. <code>add12Hours("" + tests[4] + "")</code> should return <code>"" + answers[4] + ""</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function add12Hours (dateString) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/day-of-the-week.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/day-of-the-week.portuguese.md
new file mode 100644
index 0000000000..78165f8f1e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/day-of-the-week.portuguese.md
@@ -0,0 +1,67 @@
+---
+title: Day of the week
+id: 5966f99c45e8976909a85575
+challengeType: 5
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"><p> Uma empresa decide que, sempre que o Natal cai no domingo, eles darão aos seus empregados todos os feriados extra pagos para que, juntamente com feriados, os trabalhadores não precisem trabalhar na semana seguinte (entre 25 de dezembro e 1 de janeiro). </p><p> Tarefa: </p><p> Escreva uma função que tenha um ano inicial e um ano final e retorne uma matriz de todos os anos em que o dia 25 de dezembro será um domingo. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>findXmasSunday</code> é uma função.
+    testString: 'assert(typeof findXmasSunday === "function", "<code>findXmasSunday</code> is a function.");'
+  - text: '<code>findChristmasSunday(2000, 2100)</code> deve retornar um array.'
+    testString: 'assert(typeof findXmasSunday(2000, 2100) === "object", "<code>findChristmasSunday(2000, 2100)</code> should return an array.");'
+  - text: '<code>findChristmasSunday(2008, 2121</code> deve retornar [1977, 1983, 1988, 1994, 2005, 2011, 2016]'
+    testString: 'assert.deepEqual(findXmasSunday(1970, 2017), firstSolution, "<code>findChristmasSunday(2008, 2121</code> should return [1977, 1983, 1988, 1994, 2005, 2011, 2016]");'
+  - text: '<code>findChristmasSunday(2008, 2121</code> deve retornar [2011, 2016, 2022, 2033, 2039, 2044, 2050, 2061, 2067, 2072, 2078, 2089, 2095, 2101, 2107, 2112, 2118]'
+    testString: 'assert.deepEqual(findXmasSunday(2008, 2121), secondSolution, "<code>findChristmasSunday(2008, 2121</code> should return [2011, 2016, 2022, 2033, 2039, 2044, 2050, 2061, 2067, 2072, 2078, 2089, 2095, 2101, 2107, 2112, 2118]");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function findXmasSunday (start, end) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/deal-cards-for-freecell.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/deal-cards-for-freecell.portuguese.md
new file mode 100644
index 0000000000..49713830ae
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/deal-cards-for-freecell.portuguese.md
@@ -0,0 +1,91 @@
+---
+title: Deal cards for FreeCell
+id: 59694356a6e7011f7f1c5f4e
+challengeType: 5
+videoUrl: ''
+localeTitle: Cartões de oferta para o FreeCell
+---
+
+## Description
+<section id="description"><p> Free Cell é o jogo de cartas de paciência que Paul Alfille apresentou ao sistema PLATO em 1978. Jim Horne, da Microsoft, mudou o nome para FreeCell e reimplementou o jogo para <a href="http://rosettacode.org/wiki/DOS" title="DOS">DOS</a> e <a href="http://rosettacode.org/wiki/Windows" title="janelas">Windows</a> . </p><p> Esta versão introduziu 32000 ofertas numeradas. (A <a href="http://www.solitairelaboratory.com/fcfaq.html" title="link: http://www.solitairelaboratory.com/fcfaq.html">FAQ do FreeCell</a> conta este histórico.) </p><p> Como o jogo se tornou popular, Jim Horne divulgou <a href="http://www.solitairelaboratory.com/mshuffle.txt" title="link: http://www.solitairelaboratory.com/mshuffle.txt">o algoritmo</a> , e outras implementações do FreeCell começaram a reproduzir os acordos da Microsoft. </p><p> Estas ofertas são numeradas de 1 a 32000. </p><p> Versões mais recentes da Microsoft têm 1 milhão de transações, numeradas de 1 a 1000000; algumas implementações permitem números fora desse intervalo. </p><p> O algoritmo usa este <a href="http://rosettacode.org/wiki/linear congruential generator" title="gerador congruente linear">gerador congruente linear</a> da Microsoft C: </p> $ state_ {n + 1} \ equiv 214013 \ times state_n + 2531011 \ pmod {2 ^ {31}} $ $ rand_n = state_n \ div 2 ^ {16} $ $ rand_n $ está no intervalo de 0 a 32767. <p> O algoritmo segue: </p> Semente o RNG com o número do acordo. Crie um <a href="http://rosettacode.org/wiki/array" title="array">conjunto</a> de 52 cartas: Ás de Paus, Ás de Diamantes, Ás de Copas, Ás de Espadas, 2 de Paus, 2 de Ouros e assim por diante nas classificações: Ás, 2, 3, 4, 5, 6, 7, 8, 9, 10, Jack, rainha, rei. Os índices de array são 0 a 51, com Ace of Clubs em 0 e King of Spades em 51. Até que o array esteja vazio: Escolha um card aleatório no índice ≡ próximo número aleatório (mod array length). Troque este cartão aleatório com a última carta da matriz. Remova este cartão aleatório da matriz. (O comprimento da matriz diminui em 1.) Lide com este cartão aleatório. Lance todos os 52 cards, com a face para cima, em 8 colunas. As 8 primeiras cartas vão para 8 colunas, as 8 cartas seguintes vão para as 8 primeiras cartas e assim por diante. Exemplo: <p> Ordem para negociar cartões </p><p></p><pre> 1 2 3 4 5 6 7 8
+ 9 10 11 12 13 14 15 16
+17 18 19 20 21 22 23 24
+25 26 27 28 29 30 31 32
+33 34 35 36 37 38 39 40
+41 42 43 44 45 46 47 48
+49 50 51 52 </pre><p></p><p> Jogo # 1 </p><p></p><pre> [
+[&#39;JD&#39;, &#39;2D&#39;, &#39;9H&#39;, &#39;JC&#39;, &#39;5D&#39;, &#39;7H&#39;, &#39;7C&#39;, &#39;5H&#39;],
+[&#39;KD&#39;, &#39;KC&#39;, &#39;9S&#39;, &#39;5S&#39;, &#39;AD&#39;, &#39;QC&#39;, &#39;KH&#39;, &#39;3H&#39;],
+[2S, KS, 9D, QD, JS, AS, AH, 3C],
+[4C, 5C, TS, QH, 4H, AC, 4D, 7S],
+[&#39;3S&#39;, &#39;TD&#39;, &#39;4S&#39;, &#39;TH&#39;, &#39;8H&#39;, &#39;2C&#39;, &#39;JH&#39;, &#39;7D&#39;],
+[6D, 8S, 8D, QS, 6C, 3D, 8C, TC]
+[&#39;6S&#39;, &#39;9C&#39;, &#39;2H&#39;, &#39;6H&#39;]
+] </pre><p></p><p> Jogo # 617 </p><p></p><pre> [
+[&#39;7D&#39;, &#39;AD&#39;, &#39;5C&#39;, &#39;3S&#39;, &#39;5S&#39;, &#39;8C&#39;, &#39;2D&#39;, &#39;AH&#39;],
+[&#39;TD&#39;, &#39;7S&#39;, &#39;QD&#39;, &#39;AC&#39;, &#39;6D&#39;, &#39;8H&#39;, &#39;AS&#39;, &#39;KH&#39;],
+[&#39;TH&#39;, &#39;QC&#39;, &#39;3H&#39;, &#39;9D&#39;, &#39;6S&#39;, &#39;8D&#39;, &#39;3D&#39;, &#39;TC&#39;],
+[&#39;KD&#39;, &#39;5H&#39;, &#39;9S&#39;, &#39;3C&#39;, &#39;8S&#39;, &#39;7H&#39;, &#39;4D&#39;, &#39;JS&#39;],
+[4C, QS, 9C, 9H, 7C, 6H, 2C, 2S],
+[&#39;4S&#39;, &#39;TS&#39;, &#39;2H&#39;, &#39;5D&#39;, &#39;JC&#39;, &#39;6C&#39;, &#39;JH&#39;, &#39;QH&#39;],
+[&#39;JD&#39;, &#39;KS&#39;, &#39;KC&#39;, &#39;4H&#39;]
+] </pre><p></p> Tarefa: <p> Escreva uma função para pegar um número de oferta e negociar as cartas na mesma ordem que este algoritmo. </p><p> A função deve retornar um array bidimensional representando a placa FreeCell. </p><p> As transações também podem ser verificadas em relação <a href="http://freecellgamesolutions.com/" title="link: http://freecellgamesolutions.com/">às soluções FreeCell para os jogos de 1000000</a> . </p><p> (Evoca uma solução de vídeo e exibe a transação inicial.) </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>dealFreeCell</code> é uma função.
+    testString: 'assert(typeof dealFreeCell === "function", "<code>dealFreeCell</code> is a function.");'
+  - text: <code>dealFreeCell(seed)</code> deve retornar um objeto.
+    testString: 'assert(typeof dealFreeCell(1) === "object", "<code>dealFreeCell(seed)</code> should return an object.");'
+  - text: <code>dealFreeCell(seed)</code> deve retornar uma matriz de tamanho 7.
+    testString: 'assert(dealFreeCell(1).length === 7, "<code>dealFreeCell(seed)</code> should return an array of length 7.");'
+  - text: '<code>dealFreeCell(1)</code> deve retornar um array idêntico ao exemplo &quot;Game # 1&quot;'
+    testString: 'assert.deepEqual(dealFreeCell(1), game1, "<code>dealFreeCell(1)</code> should return an array identical to example "Game #1"");'
+  - text: '<code>dealFreeCell(617)</code> deve retornar um array idêntico ao exemplo &quot;Game # 617&quot;'
+    testString: 'assert.deepEqual(dealFreeCell(617), game617, "<code>dealFreeCell(617)</code> should return an array identical to example "Game #617"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function dealFreeCell (seed) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/deepcopy.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/deepcopy.portuguese.md
new file mode 100644
index 0000000000..0e3e6fd820
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/deepcopy.portuguese.md
@@ -0,0 +1,69 @@
+---
+title: Deepcopy
+id: 596a8888ab7c01048de257d5
+challengeType: 5
+videoUrl: ''
+localeTitle: Deepcopy
+---
+
+## Description
+<section id="description"> Tarefa: <p> Escreva uma função que retorna uma cópia profunda de um determinado objeto. </p><p> A cópia não deve ser o mesmo objeto que foi fornecido. </p><p> Esta tarefa não testará para: </p> Objetos com propriedades que são funções Objetos de data ou objeto com propriedades que são Objetos de data RegEx ou objeto com propriedades que são objetos RegEx Cópia de protótipo </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>deepcopy</code> deve ser uma função.
+    testString: 'assert(typeof deepcopy === "function", "<code>deepcopy</code> should be a function.");'
+  - text: '<code>deepcopy({test: &quot;test&quot;})</code> deve retornar um objeto.'
+    testString: 'assert(typeof deepcopy(obj1) === "object", "<code>deepcopy({test: "test"})</code> should return an object.");'
+  - text: Não deve retornar o mesmo objeto que foi fornecido.
+    testString: 'assert(deepcopy(obj2) != obj2, "Should not return the same object that was provided.");'
+  - text: 'Quando passado um objeto contendo uma matriz, deve retornar uma cópia profunda do objeto.'
+    testString: 'assert.deepEqual(deepcopy(obj2), obj2, "When passed an object containing an array, should return a deep copy of the object.");'
+  - text: 'Quando passado um objeto contendo outro objeto, deve retornar uma cópia profunda do objeto.'
+    testString: 'assert.deepEqual(deepcopy(obj3), obj3, "When passed an object containing another object, should return a deep copy of the object.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function deepcopy (obj) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/define-a-primitive-data-type.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/define-a-primitive-data-type.portuguese.md
new file mode 100644
index 0000000000..77f95ed082
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/define-a-primitive-data-type.portuguese.md
@@ -0,0 +1,79 @@
+---
+title: Define a primitive data type
+id: 597089c87eec450c68aa1643
+challengeType: 5
+videoUrl: ''
+localeTitle: Definir um tipo de dados primitivo
+---
+
+## Description
+<section id="description"> Tarefa: <p> Defina um tipo que se comporta como um inteiro, mas tem um valor válido mais baixo de 1 e um valor válido mais alto de 10. </p> Erros: Se você tentar instanciar um <code>Num</code> com um valor fora de 1 a 10, deverá lançar um erro <code>TypeError</code> com uma mensagem de erro <code>&#39;Out of range&#39;</code> . Se você tentar instanciar um <code>Num</code> com um valor que não seja um número, ele deve lançar um <code>TypeError</code> com uma mensagem de erro <code>&#39;Not a Number&#39;</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Num</code> deve ser uma função.
+    testString: 'assert(typeof Num === "function", "<code>Num</code> should be a function.");'
+  - text: <code>new Num(4)</code> deve retornar um objeto.
+    testString: 'assert(typeof (new Num(4)) === "object", "<code>new Num(4)</code> should return an object.");'
+  - text: '<code>new Num(\&#39;test\&#39;)</code> deve lançar um TypeError com a mensagem \ &#39;Not a Number \&#39;.'
+    testString: 'assert(throws(() => new Num("test"), TypeError, "Not a Number"), "<code>new Num(\"test\")</code> should throw a TypeError with message \"Not a Number\".");'
+  - text: '<code>new Num(0)</code> deve lançar um TypeError com mensagem \ &#39;Fora do alcance \&#39;.'
+    testString: 'assert(throws(() => new Num(0), TypeError, "Out of range"), "<code>new Num(0)</code> should throw a TypeError with message \"Out of range\".");'
+  - text: '<code>new Num(-5)</code> deve lançar um TypeError com a mensagem \ &#39;Fora do alcance \&#39;.'
+    testString: 'assert(throws(() => new Num(-5), TypeError, "Out of range"), "<code>new Num(-5)</code> should throw a TypeError with message \"Out of range\".");'
+  - text: '<code>new Num(10)</code> deve lançar um TypeError com mensagem \ &#39;Fora do alcance \&#39;.'
+    testString: 'assert(throws(() => new Num(11), TypeError, "Out of range"), "<code>new Num(10)</code> should throw a TypeError with message \"Out of range\".");'
+  - text: '<code>new Num(20)</code> deve lançar um TypeError com mensagem \ &#39;fora do alcance \&#39;.'
+    testString: 'assert(throws(() => new Num(20), TypeError, "Out of range"), "<code>new Num(20)</code> should throw a TypeError with message \"Out of range\".");'
+  - text: <code>new Num(3) + new Num(4)</code> deve ser igual a 7.
+    testString: 'assert.equal(new Num(3) + new Num(4), 7, "<code>new Num(3) + new Num(4)</code> should equal 7.");'
+  - text: <code>new Num(3) - new Num(4)</code> deve ser igual a -1.
+    testString: 'assert.equal(new Num(3) - new Num(4), -1, "<code>new Num(3) - new Num(4)</code> should equal -1.");'
+  - text: <code>new Num(3) * new Num(4)</code> deve ser igual a 12.
+    testString: 'assert.equal(new Num(3) * new Num(4), 12, "<code>new Num(3) * new Num(4)</code> should equal 12.");'
+  - text: <code>new Num(3) / new Num(4)</code> deve ser igual a 0.75.
+    testString: 'assert.equal(new Num(3) / new Num(4), 0.75, "<code>new Num(3) / new Num(4)</code> should equal 0.75.");'
+  - text: <code>new Num(3) &lt; new Num(4)</code> deve ser verdade.
+    testString: 'assert(new Num(3) < new Num(4), "<code>new Num(3) < new Num(4)</code> should be true.");'
+  - text: <code>new Num(3) &gt; new Num(4)</code> deve ser falso.
+    testString: 'assert(!(new Num(3) > new Num(4)), "<code>new Num(3) > new Num(4)</code> should be false.");'
+  - text: '<code>(new Num(5)).toString()</code> deve retornar \ &#39;5 \&#39;'
+    testString: 'assert.equal((new Num(5)).toString(), "5", "<code>(new Num(5)).toString()</code> should return \"5\"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Num (n) {
+  // Good luck!
+  return n;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/department-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/department-numbers.portuguese.md
new file mode 100644
index 0000000000..6f0b39e040
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/department-numbers.portuguese.md
@@ -0,0 +1,67 @@
+---
+title: Department Numbers
+id: 59f40b17e79dbf1ab720ed7a
+challengeType: 5
+videoUrl: ''
+localeTitle: Números de departamento
+---
+
+## Description
+<section id="description"><p> Existe uma cidade altamente organizada que decidiu atribuir um número a cada um dos seus departamentos: </p> Departamento de polícia Departamento de saneamento Corpo de bombeiros <p> Cada departamento pode ter um número entre 1 e 7 (inclusive). </p><p> Os três números de departamento devem ser únicos (diferentes uns dos outros) e devem somar o número 12. </p><p> O chefe da polícia não gosta de números ímpares e quer ter um número par para o seu departamento. </p> Tarefa: <p> Escreva um programa que produza todas as combinações válidas: </p><p> [2, 3, 7] </p><p> [2, 4, 6] </p><p> [2, 6, 4] </p><p> [2, 7, 3] </p><p> [4, 1, 7] </p><p> [4, 2, 6] </p><p> [4, 3, 5] </p><p> [4, 5, 3] </p><p> [4, 6, 2] </p><p> [4, 7, 1] </p><p> [6, 1, 5] </p><p> [6, 2, 4] </p><p> [6, 4, 2] </p><p> [6, 5, 1] </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>combinations</code> devem ser uma função.
+    testString: 'assert(typeof combinations === "function", "<code>combinations</code> should be a function.");'
+  - text: '<code>combinations([1, 2, 3], 6)</code> devem retornar um Array.'
+    testString: 'assert(Array.isArray(combinations([1, 2, 3], 6)), "<code>combinations([1, 2, 3], 6)</code> should return an Array.");'
+  - text: '<code>combinations([1, 2, 3, 4, 5, 6, 7], 12)</code> devem retornar uma matriz de comprimento 14.'
+    testString: 'assert(combinations(nums, total).length === len, "<code>combinations([1, 2, 3, 4, 5, 6, 7], 12)</code> should return an array of length 14.");'
+  - text: '<code>combinations([1, 2, 3, 4, 5, 6, 7], 12)</code> devem retornar todas as combinações válidas.'
+    testString: 'assert.deepEqual(combinations(nums, total), result, "<code>combinations([1, 2, 3, 4, 5, 6, 7], 12)</code> should return all valid combinations.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function combinations (possibleNumbers, total) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/discordian-date.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/discordian-date.portuguese.md
new file mode 100644
index 0000000000..2fd1cf8b4b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/discordian-date.portuguese.md
@@ -0,0 +1,67 @@
+---
+title: Discordian date
+id: 59f4eafba0343628bb682785
+challengeType: 5
+videoUrl: ''
+localeTitle: Data discordia
+---
+
+## Description
+<section id="description"> Tarefa: <p> Converta uma data determinada do <a href="https://en.wikipedia.org/wiki/Gregorian calendar" title="wp: calendário gregoriano">calendário gregoriano</a> para o <a href="https://en.wikipedia.org/wiki/Discordian calendar" title="wp: calendário discordiano">calendário discordiano</a> . </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>discordianDate</code> é uma função.
+    testString: 'assert(typeof discordianDate === "function", "<code>discordianDate</code> is a function.");'
+  - text: '<code>discordianDate(new Date(2010, 6, 22))</code> deve retornar <code>&quot;Pungenday, the 57th day of Confusion in the YOLD 3176&quot;</code> .'
+    testString: 'assert(discordianDate(new Date(2010, 6, 22)) === "Pungenday, the 57th day of Confusion in the YOLD 3176", "<code>discordianDate(new Date(2010, 6, 22))</code> should return <code>"Pungenday, the 57th day of Confusion in the YOLD 3176"</code>.");'
+  - text: '<code>discordianDate(new Date(2012, 1, 28))</code> deve retornar <code>&quot;Prickle-Prickle, the 59th day of Chaos in the YOLD 3178&quot;</code> .'
+    testString: 'assert(discordianDate(new Date(2012, 1, 28)) === "Prickle-Prickle, the 59th day of Chaos in the YOLD 3178", "<code>discordianDate(new Date(2012, 1, 28))</code> should return <code>"Prickle-Prickle, the 59th day of Chaos in the YOLD 3178"</code>.");'
+  - text: '<code>discordianDate(new Date(2012, 1, 29))</code> deve retornar <code>&quot;Setting Orange, the 60th day of Chaos in the YOLD 3178. Celebrate St. Tib\&quot;s Day!&quot;</code> .'
+    testString: 'assert(discordianDate(new Date(2012, 1, 29)) === "Setting Orange, the 60th day of Chaos in the YOLD 3178. Celebrate St. Tib\"s Day!", "<code>discordianDate(new Date(2012, 1, 29))</code> should return <code>"Setting Orange, the 60th day of Chaos in the YOLD 3178. Celebrate St. Tib\"s Day!"</code>.");'
+  - text: '<code>discordianDate(new Date(2012, 2, 1))</code> deve retornar <code>&quot;Setting Orange, the 60th day of Chaos in the YOLD 3178&quot;</code> .'
+    testString: 'assert(discordianDate(new Date(2012, 2, 1)) === "Setting Orange, the 60th day of Chaos in the YOLD 3178", "<code>discordianDate(new Date(2012, 2, 1))</code> should return <code>"Setting Orange, the 60th day of Chaos in the YOLD 3178"</code>.");'
+  - text: '<code>discordianDate(new Date(2010, 0, 5))</code> deve retornar <code>&quot;Setting Orange, the 5th day of Chaos in the YOLD 3176. Celebrate Mungday!&quot;</code> .'
+    testString: 'assert(discordianDate(new Date(2010, 0, 5)) === "Setting Orange, the 5th day of Chaos in the YOLD 3176. Celebrate Mungday!", "<code>discordianDate(new Date(2010, 0, 5))</code> should return <code>"Setting Orange, the 5th day of Chaos in the YOLD 3176. Celebrate Mungday!"</code>.");'
+  - text: '<code>discordianDate(new Date(2011, 4, 3))</code> deve retornar <code>&quot;Pungenday, the 50th day of Discord in the YOLD 3177. Celebrate Discoflux!&quot;</code> .'
+    testString: 'assert(discordianDate(new Date(2011, 4, 3)) === "Pungenday, the 50th day of Discord in the YOLD 3177. Celebrate Discoflux!", "<code>discordianDate(new Date(2011, 4, 3))</code> should return <code>"Pungenday, the 50th day of Discord in the YOLD 3177. Celebrate Discoflux!"</code>.");'
+  - text: '<code>discordianDate(new Date(2015, 9, 19))</code> deve retornar <code>&quot;Boomtime, the 73rd day of Bureaucracy in the YOLD 3181&quot;</code> .'
+    testString: 'assert(discordianDate(new Date(2015, 9, 19)) === "Boomtime, the 73rd day of Bureaucracy in the YOLD 3181", "<code>discordianDate(new Date(2015, 9, 19))</code> should return <code>"Boomtime, the 73rd day of Bureaucracy in the YOLD 3181"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function discordianDate (date) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/element-wise-operations.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/element-wise-operations.portuguese.md
new file mode 100644
index 0000000000..0af0e559a7
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/element-wise-operations.portuguese.md
@@ -0,0 +1,66 @@
+---
+title: Element-wise operations
+id: 599c333915e0ea32d04d4bec
+challengeType: 5
+videoUrl: ''
+localeTitle: Operações elementares
+---
+
+## Description
+<section id="description"><p> Implemente operações básicas de matriz matricial e matricial escalar. </p><p> Implemento: </p><p> ::* Adição </p><p> :: * subtração </p><p> :: multiplicação </p><p> :: * divisão </p><p> :: * exponenciação </p><p> O primeiro parâmetro será a operação a ser executada, por exemplo: &quot;m_add&quot; para adição de matriz e &quot;s_add&quot; para adição escalar. O segundo e terceiro parâmetros serão as matrizes nas quais as operações serão realizadas. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>operation</code> é uma função.
+    testString: 'assert(typeof operation === "function", "<code>operation</code> is a function.");'
+  - text: '<code>operation(&quot;m_add&quot;,[[1,2],[3,4]],[[1,2],[3,4]])</code> deve retornar <code>[[2,4],[6,8]]</code> .'
+    testString: 'assert.deepEqual(operation("m_add", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[2, 4], [6, 8]], "<code>operation("m_add",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[2,4],[6,8]]</code>.");'
+  - text: '<code>operation(&quot;s_add&quot;,[[1,2],[3,4]],[[1,2],[3,4]])</code> deve retornar <code>[[3,4],[5,6]]</code> .'
+    testString: 'assert.deepEqual(operation("s_add", [[1, 2], [3, 4]], 2), [[3, 4], [5, 6]], "<code>operation("s_add",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[3,4],[5,6]]</code>.");'
+  - text: '<code>operation(&quot;m_sub&quot;,[[1,2],[3,4]],[[1,2],[3,4]])</code> deve retornar <code>[[0,0],[0,0]]</code> .'
+    testString: 'assert.deepEqual(operation("m_sub", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[0, 0], [0, 0]], "<code>operation("m_sub",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[0,0],[0,0]]</code>.");'
+  - text: '<code>operation(&quot;m_mult&quot;,[[1,2],[3,4]],[[1,2],[3,4]])</code> deve retornar <code>[[1,4],[9,16]]</code> .'
+    testString: 'assert.deepEqual(operation("m_mult", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[1, 4], [9, 16]], "<code>operation("m_mult",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[1,4],[9,16]]</code>.");'
+  - text: '<code>operation(&quot;m_div&quot;,[[1,2],[3,4]],[[1,2],[3,4]])</code> deve retornar <code>[[1,1],[1,1]]</code> .'
+    testString: 'assert.deepEqual(operation("m_div", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[1, 1], [1, 1]], "<code>operation("m_div",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[1,1],[1,1]]</code>.");'
+  - text: '<code>operation(&quot;m_exp&quot;,[[1,2],[3,4]],[[1,2],[3,4]])</code> deve retornar <code>[[1,4],[27,256]]</code> .'
+    testString: 'assert.deepEqual(operation("m_exp", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[1, 4], [27, 256]], "<code>operation("m_exp",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[1,4],[27,256]]</code>.");'
+  - text: '<code>operation(&quot;m_add&quot;,[[1,2,3,4],[5,6,7,8]],[[9,10,11,12],[13,14,15,16]])</code> deve retornar <code>[[10,12,14,16],[18,20,22,24]]</code> .'
+    testString: 'assert.deepEqual(operation("m_add", [[1, 2, 3, 4], [5, 6, 7, 8]], [[9, 10, 11, 12], [13, 14, 15, 16]]), [[10, 12, 14, 16], [18, 20, 22, 24]], "<code>operation("m_add",[[1,2,3,4],[5,6,7,8]],[[9,10,11,12],[13,14,15,16]])</code> should return <code>[[10,12,14,16],[18,20,22,24]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function operation (op, arr1, arr2) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/emirp-primes.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/emirp-primes.portuguese.md
new file mode 100644
index 0000000000..c549f5280e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/emirp-primes.portuguese.md
@@ -0,0 +1,60 @@
+---
+title: Emirp primes
+id: 599d0ba974141b0f508b37d5
+challengeType: 5
+videoUrl: ''
+localeTitle: Bônus do Emirp
+---
+
+## Description
+<section id="description"><p> Um emirp (primo soletrado para trás) são primos que quando invertidos (em sua representação decimal) são primos diferentes. </p><p> Escreva uma função que deve ser capaz de: Mostrar os primeiros <b>n</b> eprimes numbers.Show os números eprimes em um range.Show o número de eprimes em um range.Show o <b>n <sup>º</sup></b> número eprimes. </p><p> A função deve ter dois parâmetros. O primeiro receberá <b>n</b> ou o intervalo como um array. O segundo receberá um booleano, que especifica se a função retorna o eprimes como um array ou um único número (o número de primos no intervalo ou o <b><sup>enésimo tempo</sup></b> ). De acordo com os parâmetros, a função deve retornar um array ou um número. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>emirps</code> é uma função.
+    testString: 'assert(typeof emirps === "function", "<code>emirps</code> is a function.");'
+  - text: '<code>emirps(20,true)</code> devem retornar <code>[13,17,31,37,71,73,79,97,107,113,149,157,167,179,199,311,337,347,359,389]</code>'
+    testString: 'assert.deepEqual(emirps(20, true), [13, 17, 31, 37, 71, 73, 79, 97, 107, 113, 149, 157, 167, 179, 199, 311, 337, 347, 359, 389], "<code>emirps(20,true)</code> should return <code>[13,17,31,37,71,73,79,97,107,113,149,157,167,179,199,311,337,347,359,389]</code>");'
+  - text: <code>emirps(10000)</code> deve retornar <code>948349</code>
+    testString: 'assert.deepEqual(emirps(10000), 948349, "<code>emirps(10000)</code> should return <code>948349</code>");'
+  - text: '<code>emirps([7700,8000],true)</code> devem retornar <code>[7717,7757,7817,7841,7867,7879,7901,7927,7949,7951,7963]</code>'
+    testString: 'assert.deepEqual(emirps([7700, 8000], true), [7717, 7757, 7817, 7841, 7867, 7879, 7901, 7927, 7949, 7951, 7963], "<code>emirps([7700,8000],true)</code> should return <code>[7717,7757,7817,7841,7867,7879,7901,7927,7949,7951,7963]</code>");'
+  - text: '<code>emirps([7700,8000],true)</code> deve retornar <code>11</code>'
+    testString: 'assert.deepEqual(emirps([7700, 8000], false), 11, "<code>emirps([7700,8000],true)</code> should return <code>11</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function emirps(n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/entropy.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/entropy.portuguese.md
new file mode 100644
index 0000000000..518f331785
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/entropy.portuguese.md
@@ -0,0 +1,64 @@
+---
+title: Entropy
+id: 599d15309e88c813a40baf58
+challengeType: 5
+videoUrl: ''
+localeTitle: Entropia
+---
+
+## Description
+<section id="description"> Tarefa: <p> Calcule a entropia de Shannon H de uma determinada string de entrada. </p><p> Dada a variável aleatória discreta $ X $ que é uma cadeia de $ N $ &quot;símbolos&quot; (caracteres totais) consistindo de $ n $ caracteres diferentes (n = 2 para binário), a entropia de Shannon de X em bits / símbolo é: </p><p> $ H_2 (X) = - \ sum_ {i = 1} ^ n \ frac {count_i} {N} \ log_2 \ left (\ frac {count_i} {N} \ right) $ </p><p> onde $ count_i $ é a contagem do caractere $ n_i $. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>entropy</code> é uma função.
+    testString: 'assert(typeof entropy === "function", "<code>entropy</code> is a function.");'
+  - text: <code>entropy(&quot;0&quot;)</code> deve retornar <code>0</code>
+    testString: 'assert.equal(entropy("0"), 0, "<code>entropy("0")</code> should return <code>0</code>");'
+  - text: <code>entropy(&quot;01&quot;)</code> deve retornar <code>1</code>
+    testString: 'assert.equal(entropy("01"), 1, "<code>entropy("01")</code> should return <code>1</code>");'
+  - text: <code>entropy(&quot;0123&quot;)</code> deve retornar <code>2</code>
+    testString: 'assert.equal(entropy("0123"), 2, "<code>entropy("0123")</code> should return <code>2</code>");'
+  - text: <code>entropy(&quot;01234567&quot;)</code> deve retornar <code>3</code>
+    testString: 'assert.equal(entropy("01234567"), 3, "<code>entropy("01234567")</code> should return <code>3</code>");'
+  - text: <code>entropy(&quot;0123456789abcdef&quot;)</code> deve retornar <code>4</code>
+    testString: 'assert.equal(entropy("0123456789abcdef"), 4, "<code>entropy("0123456789abcdef")</code> should return <code>4</code>");'
+  - text: <code>entropy(&quot;1223334444&quot;)</code> deve retornar <code>1.8464393446710154</code>
+    testString: 'assert.equal(entropy("1223334444"), 1.8464393446710154, "<code>entropy("1223334444")</code> should return <code>1.8464393446710154</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function entropy (s) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/equilibrium-index.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/equilibrium-index.portuguese.md
new file mode 100644
index 0000000000..3f29f426d3
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/equilibrium-index.portuguese.md
@@ -0,0 +1,72 @@
+---
+title: Equilibrium index
+id: 5987fd532b954e0f21b5d3f6
+challengeType: 5
+videoUrl: ''
+localeTitle: Índice de Equilíbrio
+---
+
+## Description
+<section id="description"><p> Um índice de equilíbrio de uma sequência é um índice na sequência de tal forma que a soma dos elementos em índices mais baixos é igual à soma dos elementos em índices mais altos. </p><p> Por exemplo, em uma sequência <big>$ A $</big> : </p><p> :::: <big>$ A_0 = -7 $</big> </p><p> :::: <big>$ A_1 = 1 $</big> </p><p> :::: <big>$ A_2 = 5 $</big> </p><p> :::: <big>$ A_3 = 2 $</big> </p><p> :::: <big>$ A_4 = -4 $</big> </p><p> :::: <big>$ A_5 = 3 $</big> </p><p> :::: <big>$ A_6 = 0 $</big> </p><p> 3 é um índice de equilíbrio porque: </p><p> :::: <big>$ A_0 + A_1 + A_2 = A_4 + A_5 + A_6 $</big> </p><p> 6 é também um índice de equilíbrio, porque: </p><p> :::: <big>$ A_0 + A_1 + A_2 + A_3 + A_4 + A_5 = 0 $</big> </p><p> (soma de zero elementos é zero) </p><p> 7 não é um índice de equilíbrio, porque não é um índice válido de sequência <big>$ A $</big> . </p><p> Escreva uma função que, dada uma seqüência, retorne seus índices de equilíbrio (se houver). </p><p> Suponha que a sequência seja muito longa. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>equilibrium</code> é uma função.
+    testString: 'assert(typeof equilibrium === "function", "<code>equilibrium</code> is a function.");'
+  - text: '<code>equilibrium([-7, 1, 5, 2, -4, 3, 0])</code> deve retornar <code>[3,6]</code> .'
+    testString: 'assert.deepEqual(equilibrium(tests[0]), ans[0], "<code>equilibrium([-7, 1, 5, 2, -4, 3, 0])</code> should return <code>[3,6]</code>.");'
+  - text: '<code>equilibrium([2, 4, 6])</code> deve retornar <code>[]</code> .'
+    testString: 'assert.deepEqual(equilibrium(tests[1]), ans[1], "<code>equilibrium([2, 4, 6])</code> should return <code>[]</code>.");'
+  - text: '<code>equilibrium([2, 9, 2])</code> deve retornar <code>[1]</code> .'
+    testString: 'assert.deepEqual(equilibrium(tests[2]), ans[2], "<code>equilibrium([2, 9, 2])</code> should return <code>[1]</code>.");'
+  - text: '<code>equilibrium([1, -1, 1, -1, 1, -1, 1])</code> deve retornar <code>[0,1,2,3,4,5,6]</code> .'
+    testString: 'assert.deepEqual(equilibrium(tests[3]), ans[3], "<code>equilibrium([1, -1, 1, -1, 1, -1, 1])</code> should return <code>[0,1,2,3,4,5,6]</code>.");'
+  - text: '<code>equilibrium([1])</code> deve retornar <code>[0]</code> .'
+    testString: 'assert.deepEqual(equilibrium(tests[4]), ans[4], "<code>equilibrium([1])</code> should return <code>[0]</code>.");'
+  - text: '<code>equilibrium([])</code> deve retornar <code>[]</code> .'
+    testString: 'assert.deepEqual(equilibrium(tests[5]), ans[5], "<code>equilibrium([])</code> should return <code>[]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function equilibrium (a) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/ethiopian-multiplication.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/ethiopian-multiplication.portuguese.md
new file mode 100644
index 0000000000..31474d97c1
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/ethiopian-multiplication.portuguese.md
@@ -0,0 +1,62 @@
+---
+title: Ethiopian multiplication
+id: 599d1566a02b571412643b84
+challengeType: 5
+videoUrl: ''
+localeTitle: Multiplicação etíope
+---
+
+## Description
+<section id="description"><p> A multiplicação etíope é um método de multiplicar inteiros usando apenas adição, duplicação e redução pela metade. </p><p> Método: </p> Pegue dois números para serem multiplicados e anote-os no topo de duas colunas. Na coluna da esquerda, separe repetidamente o último número, descartando qualquer resto, e escreva o resultado abaixo do último na mesma coluna, até você escrever um valor de 1. Na coluna da direita repetidamente, duplique o último número e escreva o número. resultado abaixo. pare quando você adicionar um resultado na mesma linha de onde a coluna da esquerda mostra 1. Examine a tabela produzida e descarte qualquer linha na qual o valor na coluna da esquerda seja par. Soma os valores na coluna da direita que permanecem para produzir o resultado da multiplicação dos dois números originais juntos <p> Por exemplo: 17 × 34 </p><p> 17 34 </p><p> Reduzindo a primeira coluna: </p><p> 17 34 </p><p> 8 </p><p> 4 </p><p> 2 </p><p> 1 </p><p> Duplicando a segunda coluna: </p><p> 17 34 </p><p> 8 68 </p><p> 4 136 </p><p> 2 272 </p><p> 1 544 </p><p> Linhas de ataque cuja primeira célula é par: </p><p> 17 34 </p><p> 8 <strike>68</strike> </p><p> 4 <strike>136</strike> </p><p> 2 <strike>272</strike> </p><p> 1 544 </p><p> Soma os números restantes na coluna da direita: </p><p> 17 34 </p><p> 8 - </p><p> 4 --- </p><p> 2 --- </p><p> 1 544 </p><p> ==== </p><p> 578 </p><p> Então 17 multiplicado por 34, pelo método etíope é 578. </p> Tarefa: <p> A tarefa é definir três funções / métodos / procedimentos / sub-rotinas nomeadas: </p> um para reduzir pela metade um inteiro, um para dobrar um inteiro e um para indicar se um inteiro é par. <p> Use essas funções para criar uma função que faça multiplicação etíope. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>eth_mult</code> é uma função.
+    testString: 'assert(typeof eth_mult === "function", "<code>eth_mult</code> is a function.");'
+  - text: '<code>eth_mult(17,34)</code> deve retornar <code>578</code> .'
+    testString: 'assert.equal(eth_mult(17, 34), 578, "<code>eth_mult(17,34)</code> should return <code>578</code>.");'
+  - text: '<code>eth_mult(23,46)</code> deve retornar <code>1058</code> .'
+    testString: 'assert.equal(eth_mult(23, 46), 1058, "<code>eth_mult(23,46)</code> should return <code>1058</code>.");'
+  - text: '<code>eth_mult(12,27)</code> deve retornar <code>324</code> .'
+    testString: 'assert.equal(eth_mult(12, 27), 324, "<code>eth_mult(12,27)</code> should return <code>324</code>.");'
+  - text: '<code>eth_mult(56,98)</code> deve retornar <code>5488</code> .'
+    testString: 'assert.equal(eth_mult(56, 98), 5488, "<code>eth_mult(56,98)</code> should return <code>5488</code>.");'
+  - text: '<code>eth_mult(63,74)</code> deve retornar <code>4662</code> .'
+    testString: 'assert.equal(eth_mult(63, 74), 4662, "<code>eth_mult(63,74)</code> should return <code>4662</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function eth_mult (a, b) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/euler-method.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/euler-method.portuguese.md
new file mode 100644
index 0000000000..8ff78ec499
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/euler-method.portuguese.md
@@ -0,0 +1,60 @@
+---
+title: Euler method
+id: 59880443fb36441083c6c20e
+challengeType: 5
+videoUrl: ''
+localeTitle: Método de Euler
+---
+
+## Description
+<section id="description"><p> O método de Euler aproxima numericamente soluções de equações diferenciais ordinárias (ODEs) de primeira ordem com um dado valor inicial. É um método explícito para resolver problemas de valor inicial (IVPs), conforme descrito na <a href="https://en.wikipedia.org/wiki/Euler method" title="wp: método de Euler">página da Wikipedia</a> . </p><p> O ODE deve ser fornecido da seguinte forma: </p><p> :: <big>$ \ frac {dy (t)} {dt} = f (t, y (t)) $</big> </p><p> com um valor inicial </p><p> :: <big>$ y (t_0) = y_0 $</big> </p><p> Para obter uma solução numérica, substituímos a derivada no LHS por uma aproximação por diferenças finitas: </p><p> :: <big>$ \ frac {dy (t)} {dt} \ approx \ frac {y (t + h) -y (t)} {h} $</big> </p><p> então resolva para $ y (t + h) $: </p><p> :: <big>$ y (t + h) \ aproximadamente y (t) + h \, \ frac {dy (t)} {dt} $</big> </p><p> que é o mesmo que </p><p> :: <big>$ y (t + h) \ aproximadamente y (t) + h \, f (t, y (t)) $</big> </p><p> A regra de solução iterativa é então: </p><p> :: <big>$ y_ {n + 1} = y_n + h \, f (t_n, y_n) $</big> </p><p> em que <big>$ h $</big> é o tamanho do passo, o parâmetro mais relevante para a precisão da solução. Um tamanho de passo menor aumenta a precisão, mas também o custo de computação, por isso sempre tem que ser escolhido a dedo de acordo com o problema em questão. </p><p> Exemplo: Lei de Resfriamento de Newton </p><p> A lei de refrigeração de Newton descreve como um objeto da temperatura inicial <big>$ T (t_0) = T_0 $</big> esfria em um ambiente de temperatura <big>$ T_R $</big> : </p><p> :: <big>$ \ frac {dT (t)} {dt} = -k \, \ Delta T $</big> </p><p> ou </p><p> :: <big>$ \ frac {dT (t)} {dt} = -k \, (T (t) - T_R) $</big> </p><p> Ele diz que a taxa de resfriamento de <big>$ \ frac {dT (t)} {dt} $</big> do objeto é proporcional à diferença de temperatura atual <big>$ \ Delta T = (T (t) - T_R) $</big> para o ambiente ao redor. </p><p> A solução analítica, que vamos comparar com a aproximação numérica, é </p><p> :: <big>$ T (t) = T_R + (T_0 - T_R) \; e ^ {- kt} $</big> </p> Tarefa: <p> Implemente uma rotina do método de Euler e depois use-a para resolver o exemplo dado da lei de resfriamento de Newton com ela para três tamanhos diferentes de degraus de: </p><p> :: 2 s </p><p> :: * 5 se </p><p> :: 10 s </p><p> e comparar com a solução analítica. </p> Valores iniciais: <p> :: * temperatura inicial <big>$ T_0 $</big> deve ser 100 ° C </p><p> :: * temperatura ambiente <big>$ T_R $</big> deve ser 20 ° C </p><p> :: * constante de resfriamento <big>$ k $</big> deve ser 0,07 </p><p> :: * o intervalo de tempo a calcular deve ser de 0 s ──► 100 s </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>eulersMethod</code> é uma função.
+    testString: 'assert(typeof eulersMethod === "function", "<code>eulersMethod</code> is a function.");'
+  - text: '<code>eulersMethod(0, 100, 100, 10)</code> deve retornar um número.'
+    testString: 'assert(typeof eulersMethod(0, 100, 100, 10) === "number", "<code>eulersMethod(0, 100, 100, 10)</code> should return a number.");'
+  - text: '<code>eulersMethod(0, 100, 100, 10)</code> deve retornar 20.0424631833732.'
+    testString: 'assert.equal(eulersMethod(0, 100, 100, 2), 20.0424631833732, "<code>eulersMethod(0, 100, 100, 10)</code> should return 20.0424631833732.");'
+  - text: '<code>eulersMethod(0, 100, 100, 10)</code> deve retornar 20.01449963666907.'
+    testString: 'assert.equal(eulersMethod(0, 100, 100, 5), 20.01449963666907, "<code>eulersMethod(0, 100, 100, 10)</code> should return 20.01449963666907.");'
+  - text: '<code>eulersMethod(0, 100, 100, 10)</code> deve retornar 20.000472392.'
+    testString: 'assert.equal(eulersMethod(0, 100, 100, 10), 20.000472392, "<code>eulersMethod(0, 100, 100, 10)</code> should return 20.000472392.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function eulersMethod (x1, y1, x2, h) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/evaluate-binomial-coefficients.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/evaluate-binomial-coefficients.portuguese.md
new file mode 100644
index 0000000000..9dcb2638fa
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/evaluate-binomial-coefficients.portuguese.md
@@ -0,0 +1,62 @@
+---
+title: Evaluate binomial coefficients
+id: 598de241872ef8353c58a7a2
+challengeType: 5
+videoUrl: ''
+localeTitle: Avaliar coeficientes binomiais
+---
+
+## Description
+<section id="description"><p> Escreva uma função para calcular o coeficiente binomial para o valor dado de n e k. </p><p> Esta fórmula é recomendada: </p> $ \ binom {n} {k} = \ frac {n!} {(nk)! k!} = \ frac {n (n-1) (n-2) \ ldots (n-k + 1)} { k (k-1) (k-2) \ ldots 1} $ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>binom</code> é uma função.
+    testString: 'assert(typeof binom === "function", "<code>binom</code> is a function.");'
+  - text: '<code>binom(5,3)</code> deve retornar 10.'
+    testString: 'assert.equal(binom(5, 3), 10, "<code>binom(5,3)</code> should return 10.");'
+  - text: '<code>binom(7,2)</code> deve retornar 21.'
+    testString: 'assert.equal(binom(7, 2), 21, "<code>binom(7,2)</code> should return 21.");'
+  - text: '<code>binom(10,4)</code> deve retornar 210.'
+    testString: 'assert.equal(binom(10, 4), 210, "<code>binom(10,4)</code> should return 210.");'
+  - text: '<code>binom(6,1)</code> deve retornar 6.'
+    testString: 'assert.equal(binom(6, 1), 6, "<code>binom(6,1)</code> should return 6.");'
+  - text: '<code>binom(12,8)</code> deve retornar 495.'
+    testString: 'assert.equal(binom(12, 8), 495, "<code>binom(12,8)</code> should return 495.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function binom (n, k) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/execute-a-markov-algorithm.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/execute-a-markov-algorithm.portuguese.md
new file mode 100644
index 0000000000..ad03e942ee
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/execute-a-markov-algorithm.portuguese.md
@@ -0,0 +1,118 @@
+---
+title: Execute a Markov algorithm
+id: 59e09e6d412c5939baa02d16
+challengeType: 5
+videoUrl: ''
+localeTitle: Execute um algoritmo de Markov
+---
+
+## Description
+<section id="description"> Tarefa: <p> Crie um interpretador para um <a href="https://en.wikipedia.org/wiki/Markov algorithm" title="wp: algoritmo de Markov">Algoritmo de Markov</a> . </p><p> Regras tem a sintaxe: </p><p><ruleset> :: = (( <comment> | <rule> ) <newline> +) * </newline></rule></comment></ruleset></p><p><comment> :: = # { <any character=""> } </any></comment></p><p><rule> :: = <pattern><whitespace> -&gt; <whitespace> [.] <replacement></replacement></whitespace></whitespace></pattern></rule></p><p><whitespace> :: = ( <tab> | <space> ) [ <whitespace> ] </whitespace></space></tab></whitespace></p><p> Existe uma regra por linha. </p><p> Se houver um <b>.</b> (período) presente antes do <replacement> , então esta é uma regra de terminação, caso em que o intérprete deve parar a execução. </replacement></p><p> Um conjunto de regras consiste em uma sequência de regras, com comentários opcionais. </p><p> <big><big>Conjuntos de regras</big></big> </p><p> Use os seguintes testes nas entradas: </p> Conjunto de regras 1: <pre> Este arquivo de regras é extraído da Wikipedia:
+http://en.wikipedia.org/wiki/Markov_AlgorithmA -&gt; apple
+B -&gt; saco
+S -&gt; loja
+T -&gt; o
+a loja -&gt; meu irmão
+uma regra de terminação nunca usada -&gt;.
+</pre><p> Exemplo de texto de: </p><p> <code>I bought a B of As from T S.</code> </p> <p> Deve gerar a saída: </p><p> <code>I bought a bag of apples from my brother.</code> </p> Conjunto de regras 2: <p> Um teste da regra de terminação </p><pre> Ligeiramente modificado das regras na WikipediaA -&gt; maçã
+B -&gt; saco
+S -&gt; .shop
+T -&gt; o
+a loja -&gt; meu irmão
+uma regra de terminação nunca usada -&gt;. </pre><p> Exemplo de texto de: </p><p> <code>I bought a B of As from T S.</code> </p> <p> Deve gerar: </p><p> <code>I bought a bag of apples from T shop.</code> </p> Conjunto de regras 3: <p> Isso testa a ordem de substituição correta e pode interceptar rotinas de substituição baseadas em regexp simples se caracteres especiais de expressão regular não forem escapados. </p><pre> Regras de teste de sintaxe BNFA -&gt; apple
+WWWW -&gt; com
+Bgage -&gt; -&gt;. *
+B -&gt; saco
+-&gt;. * -&gt; dinheiro
+W -&gt; WW
+S -&gt; .shop
+T -&gt; o
+a loja -&gt; meu irmão
+uma regra de terminação nunca usada -&gt;.
+</pre><p> Exemplo de texto de: </p><p> <code>I bought a B of As W my Bgage from T S.</code> </p> <p> Deve gerar: </p><p> <code>I bought a bag of apples with my money from T shop.</code> </p> Conjunto de regras 4: <p> Isso testa a ordem correta de varredura de regras e pode interceptar rotinas de substituição que digitalizam na ordem errada. Ele implementa um mecanismo geral de multiplicação unário. (Observe que a expressão de entrada deve ser colocada dentro de sublinhados nesta implementação.) </p><pre> ## Unary Multiplication Engine, para testar implementações do Algoritmo de Markov
+## Por Donal Fellows.
+Mecanismo de adição unário_ + 1 -&gt; _1 +
+1 + 1 -&gt; 11+
+Passe por converter da divisão da multiplicação em comum
+addition1! -&gt;! 1
+! -&gt;! +
+_! -&gt; _
+Multiplicação unária duplicando lado esquerdo, lado direito times1 * 1 -&gt; x, @ y
+1x -&gt; xx
+X, -&gt; 1,1
+X1 -&gt; 1X
+_x -&gt; _X
+, x -&gt;, X
+y1 -&gt; 1y
+y_ -&gt; _
+Próxima fase de aplicação1 @ 1 -&gt; x, @ y
+1 @ _ -&gt; @_
+@ _ -&gt;! _
+++ -&gt; +
+Limpeza de terminação para addition_1 -&gt; 1
+1 + _ -&gt; 1
+_ + _ -&gt;
+</pre><p> Exemplo de texto de: </p><p> <code>_1111*11111_</code> </p> <p> deve gerar a saída: </p><p> <code>11111111111111111111</code> </p> Conjunto de regras 5: <p> Uma simples <a href="http://en.wikipedia.org/wiki/Turing_machine" title="link: http://en.wikipedia.org/wiki/Turing_machine">máquina de Turing</a> </p><p> implementando um <a href="http://en.wikipedia.org/wiki/Busy_beaver" title="link: http://en.wikipedia.org/wiki/Busy_beaver">castor ocupado de</a> três estados. </p><p> A fita consiste em 0s e 1s, os estados são A, B, C e H (para Halt), e a posição da cabeça é indicada escrevendo a letra de estado antes do caractere onde a cabeça está. </p><p> Todas as partes da fita inicial em que a máquina opera devem ser fornecidas na entrada. </p><p> Além de demonstrar que o algoritmo Markov é Turing-complete, ele também me fez pegar um bug na implementação do C ++ que não foi pego pelos quatro primeiros conjuntos de regras. </p><pre> Máquina de Turing: castor ocupado de três estados
+# estado A, símbolo 0 =&gt; escrever 1, mover para a direita, novo estado BA0 -&gt; 1B
+estado A, símbolo 1 =&gt; escrever 1, mover para a esquerda, novo estado C0A1 -&gt; C01
+1A1 -&gt; C11
+estado B, símbolo 0 =&gt; escrever 1, mover para a esquerda, novo estado A0B0 -&gt; A01
+1B0 -&gt; A11
+estado B, símbolo 1 =&gt; escrever 1, mover para a direita, novo estado BB1 -&gt; 1B
+estado C, símbolo 0 =&gt; escrever 1, mover para a esquerda, novo estado B0C0 -&gt; B01
+1C0 -&gt; B11
+estado C, símbolo 1 =&gt; escrever 1, mover para a esquerda, halt0C1 -&gt; H01
+1C1 -&gt; H11
+</pre><p> Este conjunto de regras deve virar </p><p> <code>000000A000000</code> </p> <p> para dentro </p><p> <code>00011H1111000</code> </p> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>markov</code> é uma função.
+    testString: 'assert(typeof markov === "function", "<code>markov</code> is a function.");'
+  - text: '<code>markov([&quot;A -&gt; apple&quot;,&quot;B -&gt; bag&quot;,&quot;S -&gt; shop&quot;,&quot;T -&gt; the&quot;,&quot;the shop -&gt; my brother&quot;,&quot;a never used -&gt; .terminating rule&quot;],&quot;I bought a B of As from T S.&quot;)</code> deve retornar &quot;Eu comprei um saco de maçãs do meu irmão&quot;.'
+    testString: 'assert.deepEqual(markov(rules[0],tests[0]),outputs[0],"<code>markov(["A -> apple","B -> bag","S -> shop","T -> the","the shop -> my brother","a never used -> .terminating rule"],"I bought a B of As from T S.")</code> should return "I bought a bag of apples from my brother.".");'
+  - text: '<code>markov([&quot;A -&gt; apple&quot;,&quot;B -&gt; bag&quot;,&quot;S -&gt; .shop&quot;,&quot;T -&gt; the&quot;,&quot;the shop -&gt; my brother&quot;,&quot;a never used -&gt; .terminating rule&quot;],&quot;I bought a B of As from T S.&quot;)</code> deveria devolver&quot; Eu comprei uma bolsa de maçãs de loja de T. &quot;.'
+    testString: 'assert.deepEqual(markov(rules[1],tests[1]),outputs[1],"<code>markov(["A -> apple","B -> bag","S -> .shop","T -> the","the shop -> my brother","a never used -> .terminating rule"],"I bought a B of As from T S.")</code> should return "I bought a bag of apples from T shop.".");'
+  - text: '<code>markov([&quot;A -&gt; apple&quot;,&quot;WWWW -&gt; with&quot;,&quot;Bgage -&gt; -&gt;.*&quot;,&quot;B -&gt; bag&quot;,&quot;-&gt;.* -&gt; money&quot;,&quot;W -&gt; WW&quot;,&quot;S -&gt; .shop&quot;,&quot;T -&gt; the&quot;,&quot;the shop -&gt; my brother&quot;,&quot;a never used -&gt; .terminating rule&quot;],&quot;I bought a B of As W my Bgage from T S.&quot;)</code> deve retornar &#39;Eu comprei um saco de maçãs com o meu dinheiro de loja T.&#39;.'
+    testString: 'assert.deepEqual(markov(rules[2],tests[2]),outputs[2],"<code>markov(["A -> apple","WWWW -> with","Bgage -> ->.*","B -> bag","->.* -> money","W -> WW","S -> .shop","T -> the","the shop -> my brother","a never used -> .terminating rule"],"I bought a B of As W my Bgage from T S.")</code> should return "I bought a bag of apples with my money from T shop.".");'
+  - text: '<code>markov([&quot;_+1 -&gt; _1+&quot;,&quot;1+1 -&gt; 11+&quot;,&quot;1! -&gt; !1&quot;,&quot;,! -&gt; !+&quot;,&quot;_! -&gt; _&quot;,&quot;1*1 -&gt; x,@y&quot;,&quot;1x -&gt; xX&quot;,&quot;X, -&gt; 1,1&quot;,&quot;X1 -&gt; 1X&quot;,&quot;_x -&gt; _X&quot;,&quot;,x -&gt; ,X&quot;,&quot;y1 -&gt; 1y&quot;,&quot;y_ -&gt; _&quot;,&quot;1@1 -&gt; x,@y&quot;,&quot;1@_ -&gt; @_&quot;,&quot;,@_ -&gt; !_&quot;,&quot;++ -&gt; +&quot;,&quot;_1 -&gt; 1&quot;,&quot;1+_ -&gt; 1&quot;,&quot;_+_ -&gt; &quot;],&quot;_1111*11111_&quot;)</code> deve retornar&quot; 11111111111111111111 &quot;.'
+    testString: 'assert.deepEqual(markov(rules[3],tests[3]),outputs[3],"<code>markov(["_+1 -> _1+","1+1 -> 11+","1! -> !1",",! -> !+","_! -> _","1*1 -> x,@y","1x -> xX","X, -> 1,1","X1 -> 1X","_x -> _X",",x -> ,X","y1 -> 1y","y_ -> _","1@1 -> x,@y","1@_ -> @_",",@_ -> !_","++ -> +","_1 -> 1","1+_ -> 1","_+_ -> "],"_1111*11111_")</code> should return "11111111111111111111".");'
+  - text: '<code>markov([&quot;A0 -&gt; 1B&quot;,&quot;0A1 -&gt; C01&quot;,&quot;1A1 -&gt; C11&quot;,&quot;0B0 -&gt; A01&quot;,&quot;1B0 -&gt; A11&quot;,&quot;B1 -&gt; 1B&quot;,&quot;0C0 -&gt; B01&quot;,&quot;1C0 -&gt; B11&quot;,&quot;0C1 -&gt; H01&quot;,&quot;1C1 -&gt; H11&quot;],&quot;&quot;)</code> deve retornar&quot; 00011H1111000 &quot;.'
+    testString: 'assert.deepEqual(markov(rules[4],tests[4]),outputs[4],"<code>markov(["A0 -> 1B","0A1 -> C01","1A1 -> C11","0B0 -> A01","1B0 -> A11","B1 -> 1B","0C0 -> B01","1C0 -> B11","0C1 -> H01","1C1 -> H11"],"")</code> should return "00011H1111000".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function markov (rules,test) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/execute-brain.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/execute-brain.portuguese.md
new file mode 100644
index 0000000000..1197b7d42a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/execute-brain.portuguese.md
@@ -0,0 +1,133 @@
+---
+title: Execute Brain****
+id: 59e0a8df964e4540d5abe599
+challengeType: 5
+videoUrl: ''
+localeTitle: Execute o cérebro ****
+---
+
+## Description
+<section id="description"><p> Escreva uma função para implementar um interpretador do Brain ****. A função terá uma string como parâmetro e deve retornar uma string como saída. Mais detalhes são fornecidos abaixo: </p><p> O RCBF é um conjunto de compiladores e intérpretes da <a href="http://rosettacode.org/wiki/Brainf***" title="Brainf ***">Brainf ***</a> escritos para o Rosetta Code em vários idiomas. </p><p> Abaixo estão os links para cada uma das versões do RCBF. </p><p> Uma implementação só precisa implementar corretamente as seguintes instruções: </p><p> {| </p><p> !Comando </p><p> !Descrição </p><p> | - </p><p> | style = &quot;text-align: center&quot; | <code>&gt;</code> || Mova o ponteiro para a direita </p><p> | - </p><p> | style = &quot;text-align: center&quot; | <code>&lt;</code> || Mova o ponteiro para a esquerda </p><p> | - </p><p> | style = &quot;text-align: center&quot; | <code>+</code> || Incrementar a célula de memória sob o ponteiro </p><p> | - </p><p> | style = &quot;text-align: center&quot; | <code>-</code> || Decrementar a célula de memória sob o ponteiro </p><p> | - </p><p> | style = &quot;text-align: center&quot; | <code>.</code> || Saída do caractere representado pela célula no ponteiro </p><p> | - </p><p> | style = &quot;text-align: center&quot; | <code>,</code> || Insira um caractere e armazene-o na célula no ponteiro </p><p> | - </p><p> | style = &quot;text-align: center&quot; | <code>[</code> || Saltar após a correspondência <code>]</code> se a célula abaixo do ponteiro for 0 </p><p> | - </p><p> | style = &quot;text-align: center&quot; | <code>]</code> || Pular de volta para a correspondência <code>[</code> se a célula abaixo do ponteiro for diferente de zero </p><p> |} </p><p> Qualquer tamanho de célula é permitido, o suporte EOF ( <u>E</u> nd- <u>O</u> - <u>F</u> ile) é opcional, assim como se você tem memória limitada ou ilimitada. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>brain(bye)</code> deve retornar uma string
+    testString: 'assert(typeof brain(bye) === "string", "<code>brain(bye)</code> should return a string");'
+  - text: '<code>brain("++++++[>++++++++++<-]>+++++.")</code should return "A"'
+    testString: 'assert.equal(brain("++++++[>++++++++++<-]>+++++."),"A", "<code>brain("++++++[>++++++++++<-]>+++++.")</code should return "A"");'
+  - text: '<code>brain(bye)</code> deve retornar <code>Goodbye, World!\\r\\n</code>'
+    testString: 'assert.equal(brain(bye), "Goodbye, World!\r\n", "<code>brain(bye)</code> should return <code>Goodbye, World!\\r\\n</code>");'
+  - text: '<code>brain(hello)</code> deve retornar <code>Hello World!\\n</code> &#39;'
+    testString: 'assert.equal(brain(hello), "Hello World!\n", "<code>brain(hello)</code> should return <code>Hello World!\\n</code>");'
+  - text: '<code>brain(fib)</code> deve retornar <code>1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89</code>'
+    testString: 'assert.equal(brain(fib), "1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89", "<code>brain(fib)</code> should return <code>1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function brain (prog) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+let fib=`+
+
+++
+
++++
+
+++++
+
++>+>>
+
+>>++++
+
++++++++
+
+++++++++
+
++++++++++
+
+++++++++++
+
+++++++>++++
+
+++++++++++++
+
++++++++++++++
+
++++<<<<<<[>[>>
+
+>>>>+>+<<<<<<<-
+
+]>>>>>>>[<<<<<<<
+
++>>>>>>>-]<[>++++
+
+++++++[-<-[>>+>+<<
+
+<-]>>>[<<<+>>>-]+<[
+
+>[-]<[-]]>[<<[>>>+<<
+
+<-]>>[-]]<<]>>>[>>+>+
+
+<<<-]>>>[<<<+>>>-]+<[>
+
+[-]<[-]]>[<<+>>[-]]<<<<
+
+<<<]>>>>>[++++++++++++++
+
++++++++++++++++++++++++++
+
++++++++++.[-]]++++++++++<[
+
+->-<]>+++++++++++++++++++++
+
++++++++++++++++++++++++++++.
+
+[-]<<<<<<<<<<<<[>>>+>+<<<<-]>
+
+>>>[<<<<+>>>>-]<-[>>.>.<<<[-]]
+
+<<[>>+>+<<<-]>>>[<<<+>>>-]<<[<+
+
+>-]>[<+>-]<<<-]`;
+let hello='++++++++[>++++[>++>+++>+++>+<<<<-]>+>+>->>+[<]<-]>>.>---.+++++++..+++.>>.<-.<.+++.------.--------.>>+.>++.'
+let bye='++++++++++[>+>+++>++++>+++++++>++++++++>+++++++++>++++++++++>+++++++++++>++++++++++++<<<<<<<<<-]>>>>+.>>>>+..<.<++++++++.>>>+.<<+.<<<<++++.<++.>>>+++++++.>>>.+++.<+++++++.--------.<<<<<+.<+++.---.';
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/extensible-prime-generator.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/extensible-prime-generator.portuguese.md
new file mode 100644
index 0000000000..7a521f2678
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/extensible-prime-generator.portuguese.md
@@ -0,0 +1,60 @@
+---
+title: Extensible prime generator
+id: 598ee8b91b410510ae82efef
+challengeType: 5
+videoUrl: ''
+localeTitle: Gerador principal extensível
+---
+
+## Description
+<section id="description"><p> Escreva um gerador de números primos, em ordem, que se ajustará automaticamente para acomodar a geração de qualquer primo razoavelmente alto. </p> O gerador deve ser capaz de: Mostrar o primeiro <b>n</b> nobre numbers.Show os números primos em um range.Show o número de primos em um range.Show o <b><sup>enésimo</sup></b> número primo. <p> A função deve ter dois parâmetros. O primeiro receberá <b>n</b> ou o intervalo como um array. O segundo receberá um booleano, que especifica se a função retorna os números primos como uma matriz ou um número único (o número de números primos, na gama ou o <b><sup>n-ésimo</sup></b> primo). De acordo com os parâmetros, a função deve retornar um array. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>primeGenerator</code> é uma função.
+    testString: 'assert(typeof primeGenerator === "function", "<code>primeGenerator</code> is a function.");'
+  - text: <code>primeGenerator</code> é uma função.
+    testString: 'assert.deepEqual(primeGenerator(20, true), [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67, 71], "<code>primeGenerator</code> is a function.");'
+  - text: <code>primeGenerator</code> é uma função.
+    testString: 'assert.deepEqual(primeGenerator([100, 150], true), [101, 103, 107, 109, 113, 127, 131, 137, 139, 149], "<code>primeGenerator</code> is a function.");'
+  - text: <code>primeGenerator</code> é uma função.
+    testString: 'assert.equal(primeGenerator([7700, 8000], false), 30, "<code>primeGenerator</code> is a function.");'
+  - text: <code>primeGenerator</code> é uma função.
+    testString: 'assert.equal(primeGenerator(10000, false), 104729, "<code>primeGenerator</code> is a function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function primeGenerator (num, showPrimes) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/factorial.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/factorial.portuguese.md
new file mode 100644
index 0000000000..6c4a03af48
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/factorial.portuguese.md
@@ -0,0 +1,68 @@
+---
+title: Factorial
+id: 597b2b2a2702b44414742771
+challengeType: 5
+videoUrl: ''
+localeTitle: Fatorial
+---
+
+## Description
+<section id="description"><p> Escreva uma função para retornar o fatorial de um número. </p><p> Fatorial de um número é dado por: </p> n! = n * (n-1) * (n-2) * ..... * 1 <p> Por exemplo: 3! = 3 * 2 * 1 = 6 4! = 4 * 3 * 2 * 1 = 24 </p><p> Nota: 0! = 1 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>factorial</code> é uma função.
+    testString: 'assert(typeof factorial === "function", "<code>factorial</code> is a function.");'
+  - text: <code>factorial(2)</code> deve retornar um número.
+    testString: 'assert(typeof factorial(2) === "number", "<code>factorial(2)</code> should return a number.");'
+  - text: <code>factorial(3)</code> deve retornar 6. &quot;)
+    testString: 'assert.equal(factorial(3),results[0],"<code>factorial(3)</code> should return 6.");'
+  - text: <code>factorial(3)</code> deve retornar 120. &quot;)
+    testString: 'assert.equal(factorial(5),results[1],"<code>factorial(3)</code> should return 120.");'
+  - text: <code>factorial(3)</code> deve retornar 3.628.800. &quot;)
+    testString: 'assert.equal(factorial(10),results[2],"<code>factorial(3)</code> should return 3,628,800.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function factorial (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/factors-of-a-mersenne-number.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/factors-of-a-mersenne-number.portuguese.md
new file mode 100644
index 0000000000..50936010bf
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/factors-of-a-mersenne-number.portuguese.md
@@ -0,0 +1,60 @@
+---
+title: Factors of a Mersenne number
+id: 598eea87e5cf4b116c3ff81a
+challengeType: 5
+videoUrl: ''
+localeTitle: Fatores de um número de Mersenne
+---
+
+## Description
+<section id="description"><p> Um número de Mersenne é um número na forma de 2 <sup>P</sup> -1. </p><p> Se P é primo, o número de Mersenne pode ser um primo de Mersenne </p><p> (se P não é primo, o número de Mersenne também não é primo). </p><p> Na busca por números primos de Mersenne, é vantajoso eliminar os expoentes encontrando um pequeno fator antes de iniciar um teste potencialmente longo, <a href="http://rosettacode.org/wiki/Lucas-Lehmer test" title="Teste de Lucas-Lehmer">Lucas-Lehmer</a> . </p><p> Existem algoritmos muito eficientes para determinar se um número divide 2 <sup>P</sup> -1 (ou equivalentemente, se 2 <sup>P</sup> mod (o número) = 1). </p><p> Algumas linguagens já possuem implementações embutidas desta operação expoente e mod (chamada modPow ou similar). </p><p> O seguinte é como implementar este modPow você mesmo: </p><p> Por exemplo, vamos calcular 2 <sup>23</sup> mod 47. </p><p> Converta o expoente 23 para binário, você obtém 10111. Começando com <tt>square</tt> = 1, repetidamente, faça o quadrado. </p><p> Remova o bit de cima do expoente, e se for 1 multiplique o <tt>quadrado</tt> pela base da exponenciação (2), então calcule o módulo <tt>quadrado</tt> 47. </p><p> Use o resultado do módulo da última etapa como o valor inicial do <tt>quadrado</tt> na próxima etapa: </p><p> Remover Opcional </p><p> bit superior quadrado multiplicar por 2 mod 47 </p><p> ------------ ------- ------------- ------ </p><p> 1 * 1 = 1 1 0111 1 * 2 = 2 2 </p><p> 2 * 2 = 4 0 111 não 4 </p><p> 4 * 4 = 16 1 11 16 * 2 = 32 32 </p><p> 32 * 32 = 1024 1 1 1024 * 2 = 2048 27 </p><p> 27 * 27 = 729 1 729 * 2 = 1458 1 </p><p> Desde 2 <sup>23</sup> mod 47 = 1, 47 é um fator de 2 <sup>P</sup> -1. </p><p> (Para ver isso, subtraia 1 de ambos os lados: 2 <sup>23</sup> -1 = 0 mod 47.) </p><p> Já que mostramos que 47 é um fator, 2 <sup>23</sup> -1 não é primo. </p><p> Outras propriedades dos números de Mersenne nos permitem refinar ainda mais o processo. </p><p> Qualquer fator q de 2 <sup>P</sup> -1 deve ter a forma 2kP + 1, sendo k um inteiro positivo ou zero. Além disso, q deve ser 1 ou 7 mod 8. </p><p> Finalmente, qualquer fator potencial q deve ser <a href="http://rosettacode.org/wiki/Primality by Trial Division" title="Primality pela divisão experimental">primo</a> . </p><p> Como em outros algoritmos de divisão de teste, o algoritmo para quando 2kP + 1&gt; sqrt (N). </p><p> Esses testes de primalidade só funcionam em números de Mersenne onde P é primo. Por exemplo, M <sub>4</sub> = 15 não produz nenhum fator usando essas técnicas, mas os fatores em 3 e 5, nenhum dos quais se ajusta a 2kP + 1. </p> Tarefa: <p> Usando o método acima, encontre um fator de 2 <sup>929</sup> -1 (também conhecido como M929) </p> Tarefas relacionadas: <a href="http://rosettacode.org/wiki/count in factors" title="contar em fatores">contar em fatores fatores</a> <a href="http://rosettacode.org/wiki/prime decomposition" title="decomposição primária">primários de decomposição</a> <a href="http://rosettacode.org/wiki/factors of an integer" title="fatores de um inteiro">de um inteiro</a> <a href="http://rosettacode.org/wiki/Sieve of Eratosthenes" title="Peneira de Eratóstenes">Cremer of Eratosthenes</a> <a href="http://rosettacode.org/wiki/primality by trial division" title="primalidade por divisão experimental">primality por trial</a> <a href="http://rosettacode.org/wiki/trial factoring of a Mersenne number" title="fatoração experimental de um número de Mersenne">trial factoring de um número Mersenne</a> <a href="http://rosettacode.org/wiki/partition an integer X into N primes" title="particionar um inteiro X em N primos">partition um inteiro X em N primes</a> <a href="http://rosettacode.org/wiki/sequence of primes by Trial Division" title="sequência de primos por Divisão de Julgamento">seqüência de primos por Trial Division</a> <a href="https://www.youtube.com/watch?v=SNwvJ7psoow" title="link: https://www.youtube.com/watch?v=SNwvJ7psoow">Computers em 1948: 2¹²⁷-1</a> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>check_mersenne</code> é uma função.
+    testString: 'assert(typeof check_mersenne === "function", "<code>check_mersenne</code> is a function.");'
+  - text: <code>check_mersenne(3)</code> deve retornar uma string.
+    testString: 'assert(typeof check_mersenne(3) == "string", "<code>check_mersenne(3)</code> should return a string.");'
+  - text: <code>check_mersenne(3)</code> deve retornar &quot;M3 = 2 ^ 3-1 é primo&quot;.
+    testString: 'assert.equal(check_mersenne(3),"M3 = 2^3-1 is prime","<code>check_mersenne(3)</code> should return "M3 = 2^3-1 is prime".");'
+  - text: <code>check_mersenne(23)</code> deve retornar &quot;M23 = 2 ^ 23-1 é composto com fator 47&quot;.
+    testString: 'assert.equal(check_mersenne(23),"M23 = 2^23-1 is composite with factor 47","<code>check_mersenne(23)</code> should return "M23 = 2^23-1 is composite with factor 47".");'
+  - text: <code>check_mersenne(929)</code> deve retornar &quot;M929 = 2 ^ 929-1 é composto com fator 13007
+    testString: 'assert.equal(check_mersenne(929),"M929 = 2^929-1 is composite with factor 13007","<code>check_mersenne(929)</code> should return "M929 = 2^929-1 is composite with factor 13007");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function check_mersenne (p) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/factors-of-an-integer.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/factors-of-an-integer.portuguese.md
new file mode 100644
index 0000000000..5ab688d9ed
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/factors-of-an-integer.portuguese.md
@@ -0,0 +1,66 @@
+---
+title: Factors of an integer
+id: 597f1e7fbc206f0e9ba95dc4
+challengeType: 5
+videoUrl: ''
+localeTitle: Fatores de um inteiro
+---
+
+## Description
+<section id="description"><p> Escreva uma função que retorne os fatores de um inteiro positivo. </p><p> Esses fatores são os inteiros positivos pelos quais o número que está sendo fatorado pode ser dividido para produzir um resultado inteiro positivo. </p> /// </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>factors</code> é uma função.
+    testString: 'assert(typeof factors === "function", "<code>factors</code> is a function.");'
+  - text: '<code>factors(45)</code> devem retornar <code>[1,3,5,9,15,45]</code> .'
+    testString: 'assert.deepEqual(factors(45), ans[0], "<code>factors(45)</code> should return <code>[1,3,5,9,15,45]</code>.");'
+  - text: '<code>factors(53)</code> devem retornar <code>[1,53]</code> .'
+    testString: 'assert.deepEqual(factors(53), ans[1], "<code>factors(53)</code> should return <code>[1,53]</code>.");'
+  - text: '<code>factors(64)</code> devem retornar <code>[1,2,4,8,16,32,64]</code> .'
+    testString: 'assert.deepEqual(factors(64), ans[2], "<code>factors(64)</code> should return <code>[1,2,4,8,16,32,64]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function factors (num) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/farey-sequence.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/farey-sequence.portuguese.md
new file mode 100644
index 0000000000..4977d37161
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/farey-sequence.portuguese.md
@@ -0,0 +1,60 @@
+---
+title: Farey sequence
+id: 59c3ec9f15068017c96eb8a3
+challengeType: 5
+videoUrl: ''
+localeTitle: Seqüência Farey
+---
+
+## Description
+<section id="description"><p> Escreva uma função que retorne a seqüência Farey de ordem n. A função deve ter um parâmetro que seja n. Deve retornar a seqüência como um array. Leia o seguinte para mais detalhes: </p><p> A <a href="https://en.wikipedia.org/wiki/Farey sequence" title="wp: seqüência de Farey">sequência Farey</a> F <sub>n</sub> de ordem n é a sequência de frações completamente reduzidas entre 0 e 1 que, quando em termos mais baixos, têm denominadores menores ou iguais a n, organizadas em ordem crescente de tamanho. </p><p> A seqüência Farey às vezes é incorretamente chamada de série Farey. </p><p> Cada seqüência de Farey: </p><p> :: * começa com o valor 0, denotado pela fração $ \ frac {0} {1} $ </p><p> :: * termina com o valor 1, denotado pela fração $ \ frac {1} {1} $. </p><p> As sequências Farey das ordens 1 a 5 são: </p><p> $ {\ bf \ it {F}} _ 1 = \ frac {0} {1}, \ frac {1} {1} $ </p><p></p><p> $ {\ bf \ it {F}} _ 2 = \ frac {0} {1}, \ frac {1} {2}, \ frac {1} {1} $ </p><p></p><p> $ {\ bf \ it {F}} _ 3 = \ frac {0} {1}, \ frac {1} {3}, \ frac {1} {2}, \ frac {2} {3}, \ frac {1} {1} $ </p><p></p><p> $ {\ bf \ it {F}} _ 4 = \ frac {0} {1}, \ frac {1} {4}, \ frac {1} {3}, \ frac {1} {2}, \ frac {2} {3}, \ frac {3} {4}, \ frac {1} {1} $ </p><p></p><p> $ {\ bf \ it {F}} _ 5 = \ frac {0} {1}, \ frac {1} {5}, \ frac {1} {4}, \ frac {1} {3}, \ frac {2} {5}, \ frac {1} {2}, \ frac {3} {5}, \ frac {2} {3}, \ frac {3} {4}, \ frac {4} {5 }, \ frac {1} {1} $ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>farey</code> é uma função.
+    testString: 'assert(typeof farey === "function", "<code>farey</code> is a function.");'
+  - text: <code>farey(3)</code> deve retornar um array
+    testString: 'assert(Array.isArray(farey(3)), "<code>farey(3)</code> should return an array");'
+  - text: '<code>farey(3)</code> deve retornar <code>[&quot;1/3&quot;,&quot;1/2&quot;,&quot;2/3&quot;]</code>'
+    testString: 'assert.deepEqual(farey(3), ["1/3","1/2","2/3"], "<code>farey(3)</code> should return <code>["1/3","1/2","2/3"]</code>");'
+  - text: '<code>farey(4)</code> deve retornar <code>[&quot;1/4&quot;,&quot;1/3&quot;,&quot;1/2&quot;,&quot;2/4&quot;,&quot;2/3&quot;,&quot;3/4&quot;]</code>'
+    testString: 'assert.deepEqual(farey(4), ["1/4","1/3","1/2","2/4","2/3","3/4"], "<code>farey(4)</code> should return <code>["1/4","1/3","1/2","2/4","2/3","3/4"]</code>");'
+  - text: '<code>farey(5)</code> deve devolver <code>[&quot;1/5&quot;,&quot;1/4&quot;,&quot;1/3&quot;,&quot;2/5&quot;,&quot;1/2&quot;,&quot;2/4&quot;,&quot;3/5&quot;,&quot;2/3&quot;,&quot;3/4&quot;,&quot;4/5&quot;]</code>'
+    testString: 'assert.deepEqual(farey(5), ["1/5","1/4","1/3","2/5","1/2","2/4","3/5","2/3","3/4","4/5"], "<code>farey(5)</code> should return <code>["1/5","1/4","1/3","2/5","1/2","2/4","3/5","2/3","3/4","4/5"]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function farey (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/fibonacci-n-step-number-sequences.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/fibonacci-n-step-number-sequences.portuguese.md
new file mode 100644
index 0000000000..3d6af67808
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/fibonacci-n-step-number-sequences.portuguese.md
@@ -0,0 +1,74 @@
+---
+title: Fibonacci n-step number sequences
+id: 598eef80ba501f1268170e1e
+challengeType: 5
+videoUrl: ''
+localeTitle: Sequências de números n-step de Fibonacci
+---
+
+## Description
+<section id="description"><p> Escreva uma função para gerar seqüências de números n-step de Fibonacci e sequências de Lucas. O primeiro parâmetro será n. O segundo parâmetro será o número de elementos a serem retornados. O terceiro parâmetro irá especificar se a sequência de Fibonacci ou a sequência de Lucas serão emitidas. Se o parâmetro for &quot;f&quot;, retorne a seqüência de Fibonacci e, se for &quot;l&quot;, retorne a sequência de Lucas. As seqüências devem ser retornadas como uma matriz. Mais detalhes são fornecidos abaixo: </p><p> Estas séries numéricas são uma expansão da <a href="http://rosettacode.org/wiki/Fibonacci sequence" title="Seqüência de Fibonacci">sequência de Fibonacci</a> comum <a href="http://rosettacode.org/wiki/Fibonacci sequence" title="Seqüência de Fibonacci">,</a> onde: </p> Para $ n = 2 $ temos a sequência de Fibonacci; com valores iniciais $ [1, 1] $ e $ F_k ^ 2 = F_ {k-1} ^ 2 + F_ {k-2} ^ 2 $ Para $ n = 3 $ temos a sequência de tribonacci; com valores iniciais $ [1, 1, 2] $ e $ F_k ^ 3 = F_ {k-1} ^ 3 + F_ {k-2} ^ 3 + F_ {k-3} ^ 3 $ Para $ n = 4 $ temos a sequência tetranacci; com valores iniciais $ [1, 1, 2, 4] $ e $ F_k ^ 4 = F_ {k-1} ^ 4 + F_ {k-2} ^ 4 + F_ {k-3} ^ 4 + F_ {k -4} ^ 4 $ ... Para o geral $ n&gt; 2 $, temos a sequência Fibonacci $ n $ -step - $ F_k ^ n $; com valores iniciais dos primeiros valores de $ n $ da $ (n-1) $ &#39;th Fibonacci $ n $ -step-sequência $ F_k ^ {n-1} $; e o valor de $ k $ th desta seqüência $ n $ &#39;sendo $ F_k ^ n = \ sum_ {i = 1} ^ {(n)} {F_ {ki} ^ {(n)}} $ <p> Para valores pequenos de $ n $, <a href="https://en.wikipedia.org/wiki/Number prefix#Greek_series" title="wp: prefixo do número # Greek_series">os prefixos numéricos gregos</a> às vezes são usados ​​para nomear individualmente cada série. </p><p> {| style = &quot;text-align: left;&quot; border = &quot;4&quot; cellpadding = &quot;2&quot; cellspacing = &quot;2&quot; </p><p> | + Sequências de Fibonacci $ n $ -step </p><p> | - style = &quot;background-color: rgb (255, 204, 255);&quot; </p><p> ! $ n $ !! Nome da série !! Valores </p><p> | - </p><p> | 2 || fibonacci || 1 1 2 3 5 8 13 21 34 55 89 144 233 377 610 ... </p><p> | - </p><p> | 3 || tribonacci || 1 1 2 4 7 13 24 44 81 149 274 504 927 1705 3136 ... </p><p> | - </p><p> | 4 || tetranacci || 1 1 2 4 8 15 29 56 108 208 401 773 1490 2872 5536 ... </p><p> | - </p><p> | 5 || pentanacci || 1 1 2 4 8 16 31 61 120 236 464 912 1793 3525 6930 ... </p><p> | - </p><p> | 6 || hexanacci || 1 1 2 4 8 16 32 63 125 248 492 976 1936 3840 7617 ... </p><p> | - </p><p> | 7 || heptanacci || 1 1 2 4 8 16 32 64 127 253 504 1004 2000 3984 7936 ... </p><p> | - </p><p> | 8 || octonacci || 1 1 2 4 8 16 32 64 128 255 509 1016 2028 4048 8080 ... </p><p> | - </p><p> | 9 || nonanacci || 1 1 2 4 8 16 32 64 128 256 511 1021 2040 4076 8144 ... </p><p> | - </p><p> | 10 || decanacci || 1 1 2 4 8 16 32 64 128 256 512 1023 2045 4088 8172 ... </p><p> |} </p><p> Seqüências aliadas podem ser geradas onde os valores iniciais são alterados: </p><p> A <a href="https://en.wikipedia.org/wiki/Lucas number" title="wp: número de Lucas">série Lucas</a> soma os dois valores anteriores, como a série de fibonacci por $ n = 2 $, mas usa $ [2, 1] $ como seus valores iniciais. </p><p><!-- Lucas numbers, Lucas number, Lucas series     [added to make searches easier.] --></p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>fib_luc</code> é uma função.
+    testString: 'assert(typeof fib_luc === "function", "<code>fib_luc</code> is a function.");'
+  - text: '<code>fib_luc(2,10,&quot;f&quot;)</code> deve retornar <code>[1,1,2,3,5,8,13,21,34,55]</code> .'
+    testString: 'assert.deepEqual(fib_luc(2,10,"f"),ans[0],"<code>fib_luc(2,10,"f")</code> should return <code>[1,1,2,3,5,8,13,21,34,55]</code>.");'
+  - text: '<code>fib_luc(3,15,&quot;f&quot;)</code> deve retornar <code>[1,1,2,4,7,13,24,44,81,149,274,504,927,1705,3136]</code> .'
+    testString: 'assert.deepEqual(fib_luc(3,15,"f"),ans[1],"<code>fib_luc(3,15,"f")</code> should return <code>[1,1,2,4,7,13,24,44,81,149,274,504,927,1705,3136]</code>.");'
+  - text: '<code>fib_luc(4,15,&quot;f&quot;)</code> deve retornar <code>[1,1,2,4,8,15,29,56,108,208,401,773,1490,2872,5536]</code> .'
+    testString: 'assert.deepEqual(fib_luc(4,15,"f"),ans[2],"<code>fib_luc(4,15,"f")</code> should return <code>[1,1,2,4,8,15,29,56,108,208,401,773,1490,2872,5536]</code>.");'
+  - text: '<code>fib_luc(2,10,&quot;l&quot;)</code> deve retornar <code>[ 2, 1, 3, 4, 7, 11, 18, 29, 47, 76]</code> .'
+    testString: 'assert.deepEqual(fib_luc(2,10,"l"),ans[3],"<code>fib_luc(2,10,"l")</code> should return <code>[ 2, 1, 3, 4, 7, 11, 18, 29, 47, 76]</code>.");'
+  - text: '<code>fib_luc(3,15,&quot;l&quot;)</code> deve retornar <code>[ 2, 1, 3, 6, 10, 19, 35, 64, 118, 217, 399, 734, 1350, 2483, 4567 ]</code> .'
+    testString: 'assert.deepEqual(fib_luc(3,15,"l"),ans[4],"<code>fib_luc(3,15,"l")</code> should return <code>[ 2, 1, 3, 6, 10, 19, 35, 64, 118, 217, 399, 734, 1350, 2483, 4567 ]</code>.");'
+  - text: '<code>fib_luc(4,15,&quot;l&quot;)</code> deve retornar <code>[ 2, 1, 3, 6, 12, 22, 43, 83, 160, 308, 594, 1145, 2207, 4254, 8200 ]</code> .'
+    testString: 'assert.deepEqual(fib_luc(4,15,"l"),ans[5],"<code>fib_luc(4,15,"l")</code> should return <code>[ 2, 1, 3, 6, 12, 22, 43, 83, 160, 308, 594, 1145, 2207, 4254, 8200 ]</code>.");'
+  - text: '<code>fib_luc(5,15,&quot;l&quot;)</code> deve retornar <code>[ 2, 1, 3, 6, 12, 24, 46, 91, 179, 352, 692, 1360, 2674, 5257, 10335 ]</code> .'
+    testString: 'assert.deepEqual(fib_luc(5,15,"l"),ans[6],"<code>fib_luc(5,15,"l")</code> should return <code>[ 2, 1, 3, 6, 12, 24, 46, 91, 179, 352, 692, 1360, 2674, 5257, 10335 ]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fib_luc (n, len, w) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/fibonacci-sequence.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/fibonacci-sequence.portuguese.md
new file mode 100644
index 0000000000..5792e1c5dd
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/fibonacci-sequence.portuguese.md
@@ -0,0 +1,60 @@
+---
+title: Fibonacci sequence
+id: 597f24c1dda4e70f53c79c81
+challengeType: 5
+videoUrl: ''
+localeTitle: Seqüência de Fibonacci
+---
+
+## Description
+<section id="description"><p> Adicione uma função para gerar o <big><sup>n-ésimo</sup></big> número de Fibonacci. </p> /// <p> O <big><sup>n-ésimo</sup></big> número de Fibonacci é dada por: /// </p><p> F <sub>n</sub> = F <sub>n-1</sub> + F <sub>n-2</sub> </p> /// <p> Os dois primeiros termos da série são 0, 1. </p> /// <p> Assim, a série é: 0, 1, 1, 2, 3, 5, 8, 13 ... </p> /// </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>fibonacci</code> é uma função.
+    testString: 'assert(typeof fibonacci === "function", "<code>fibonacci</code> is a function.");'
+  - text: <code>fibonacci(2)</code> deve retornar um número.
+    testString: 'assert(typeof fibonacci(2) == "number", "<code>fibonacci(2)</code> should return a number.");'
+  - text: <code>fibonacci(3)</code> deve retornar 1. &quot;)
+    testString: 'assert.equal(fibonacci(3),1,"<code>fibonacci(3)</code> should return 1.");'
+  - text: <code>fibonacci(5)</code> deve retornar 3. &quot;)
+    testString: 'assert.equal(fibonacci(5),3,"<code>fibonacci(5)</code> should return 3.");'
+  - text: <code>fibonacci(10)</code> deve retornar 34. &quot;)
+    testString: 'assert.equal(fibonacci(10),34,"<code>fibonacci(10)</code> should return 34.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fibonacci(n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/fibonacci-word.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/fibonacci-word.portuguese.md
new file mode 100644
index 0000000000..a9ee0ddc60
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/fibonacci-word.portuguese.md
@@ -0,0 +1,64 @@
+---
+title: Fibonacci word
+id: 5992e222d397f00d21122931
+challengeType: 5
+videoUrl: ''
+localeTitle: Palavra Fibonacci
+---
+
+## Description
+<section id="description"><p> Escreva uma função para retornar as palavras de Fibonacci até N. O N. será fornecido como um parâmetro para a função. A função deve retornar uma matriz de objetos. Os objetos devem estar no formato: {N: 1, Comprimento: 1, Entropia: 0, Word: &#39;1&#39;}. Mais detalhes são fornecidos abaixo: </p><p> O Fibonacci Word pode ser criado de uma maneira análoga à seqüência de Fibonacci <a href="http://hal.archives-ouvertes.fr/docs/00/36/79/72/PDF/The_Fibonacci_word_fractal.pdf" title="link: http://hal.archives-ouvertes.fr/docs/00/36/79/72/PDF/The_Fibonacci_word_fractal.pdf">como descrito aqui</a> : </p><p> Definir F_Word <sub>1</sub> como 1 </p><p> Definir F_Word <sub>2</sub> como 0 </p><p> Formulário F_Word <sub>3</sub> como F_Word <sub>2</sub> concatenado com F_Word <sub>1,</sub> ou seja: 01 </p><p> Form F_Word <sub>n</sub> como F_Word <sub>n-1</sub> concatenado com F_word <sub>n-2</sub> </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>fibWord</code> é uma função.
+    testString: 'assert(typeof fibWord === "function", "<code>fibWord</code> is a function.");'
+  - text: <code>fibWord(5)</code> deve retornar um array.
+    testString: 'assert(Array.isArray(fibWord(5)),"<code>fibWord(5)</code> should return an array.");'
+  - text: '<code>fibWord(5)</code> deve retornar <code>&#39;+JSON.stringify(ans)+&#39;</code> .'
+    testString: 'assert.deepEqual(fibWord(5),ans,"<code>fibWord(5)</code> should return <code>"+JSON.stringify(ans)+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fibWord (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/fractran.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/fractran.portuguese.md
new file mode 100644
index 0000000000..cc4840e0c6
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/fractran.portuguese.md
@@ -0,0 +1,72 @@
+---
+title: Fractran
+id: 5a7dad05be01840e1778a0d1
+challengeType: 3
+videoUrl: ''
+localeTitle: Fractran
+---
+
+## Description
+<section id="description"><div class="rosetta"><p class="rosetta__paragraph"> <span class="rosetta__text--bold"><a class="rosetta__link--wiki" href="https://en.wikipedia.org/wiki/FRACTRAN" title="wp: FRACTRAN">FRACTRAN</a></span> é uma linguagem de programação esotérica Turing-completa inventada pelo matemático <a class="rosetta__link--wiki" href="https://en.wikipedia.org/wiki/John Horton Conway" title="wp: John Horton Conway">John Horton Conway</a> . </p><br><p class="rosetta__paragraph"> Um programa FRACTRAN é uma lista ordenada de frações positivas $ P = (f_1, f_2, \ ldots, f_m) $, junto com uma entrada de número inteiro positiva inicial $ n $. </p><br><p class="rosetta__paragraph"> O programa é executado atualizando o inteiro $ n $ da seguinte forma: </p><br><ul class="rosetta__unordered-list"><li class="rosetta__list-item--unordered"> para a primeira fração, $ f_i $, na lista para a qual $ nf_i $ é um inteiro, substitua $ n $ por $ nf_i $; </li><li class="rosetta__list-item--unordered"> repita esta regra até que nenhuma fração na lista produza um inteiro quando multiplicada por $ n $, depois pare. </li></ul><br><p class="rosetta__paragraph"> Conway deu um programa para primos em FRACTRAN: </p><br><p class="rosetta__paragraph"> <span class="rosetta__text--indented">$ 17/91 $, $ 78/85 $, $ 19/51 $, $ 23/38 $, $ 29/33 $, $ 77/29 $, $ 95/23 $, $ 77/19 $, $ 1/17 $, $ 11/13 $, $ 13/11 $, $ 15/14 $, $ 15/2 $, $ 55/1 $</span> </p><br><p class="rosetta__paragraph"> Começando com $ n = 2 $, este programa FRACTRAN mudará $ n $ para $ 15 = 2 \ times (15/2) $, depois $ 825 = 15 \ times (55/1) $, gerando a seguinte seqüência de inteiros: </p><br><p class="rosetta__paragraph"> <span class="rosetta__text--indented">$ 2 $, $ 15 $, $ 825 $, $ 725 $, $ 1925 $, $ 2275 $, $ 425 $, $ 390 $, $ 330 $, $ 290 $, $ 770 $, $ \ ldots $</span> </p><br><p class="rosetta__paragraph"> Depois de 2, esta seqüência contém os seguintes poderes de 2: </p><br><p class="rosetta__paragraph"> <span class="rosetta__text--indented">$ 2 ^ 2 = 4 $, $ 2 ^ 3 = 8 $, $ 2 ^ 5 = 32 $, $ 2 ^ 7 = 128 $, $ 2 ^ {11} = 2048 $, $ 2 ^ {13} = 8192 $, $ 2 ^ {17 } = 131072 $, $ 2 ^ {19} = 524288 $, $ \ ldots $</span> </p><br><p class="rosetta__paragraph"> quais são os principais poderes de 2. </p><br><dl class="rosetta__description-list"><dt class="rosetta__description-title"> Tarefa: </dt></dl><p class="rosetta__paragraph"> Escreva uma função que use um programa de fractran como um parâmetro de string e retorne os 10 primeiros números do programa como um array. Se o resultado não tiver 10 números, retorne os números como estão. </p></div></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>fractran</code> deve ser uma função.
+    testString: 'assert(typeof fractran=="function","<code>fractran</code> should be a function.");'
+  - text: '<code>fractran(&quot;&quot;+tests[0]+&quot;&quot;)</code> deve retornar um array.'
+    testString: 'assert(Array.isArray(fractran(tests[0])),"<code>fractran(""+tests[0]+"")</code> should return an array.");'
+  - text: '<code>fractran(&quot;&quot;+tests[0]+&quot;&quot;)</code> deve retornar <code>&quot;+JSON.stringify(results[0])+&quot;</code> .'
+    testString: 'assert.deepEqual(fractran(tests[0]),results[0],"<code>fractran(""+tests[0]+"")</code> should return <code>"+JSON.stringify(results[0])+"</code>.");'
+  - text: '<code>fractran(&quot;&quot;+tests[1]+&quot;&quot;)</code> deve retornar <code>&quot;+JSON.stringify(results[1])+&quot;</code> .'
+    testString: 'assert.deepEqual(fractran(tests[1]),results[1],"<code>fractran(""+tests[1]+"")</code> should return <code>"+JSON.stringify(results[1])+"</code>.");'
+  - text: '<code>fractran(&quot;&quot;+tests[2]+&quot;&quot;)</code> deve retornar <code>&quot;+JSON.stringify(results[2])+&quot;</code> .'
+    testString: 'assert.deepEqual(fractran(tests[2]),results[2],"<code>fractran(""+tests[2]+"")</code> should return <code>"+JSON.stringify(results[2])+"</code>.");'
+  - text: '<code>fractran(&quot;&quot;+tests[3]+&quot;&quot;)</code> deve retornar <code>&quot;+JSON.stringify(results[3])+&quot;</code> .'
+    testString: 'assert.deepEqual(fractran(tests[3]),results[3],"<code>fractran(""+tests[3]+"")</code> should return <code>"+JSON.stringify(results[3])+"</code>.");'
+  - text: '<code>fractran(&quot;&quot;+tests[4]+&quot;&quot;)</code> deve retornar <code>&quot;+JSON.stringify(results[4])+&quot;</code> .'
+    testString: 'assert.deepEqual(fractran(tests[4]),results[4],"<code>fractran(""+tests[4]+"")</code> should return <code>"+JSON.stringify(results[4])+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fractran (progStr) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/gamma-function.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/gamma-function.portuguese.md
new file mode 100644
index 0000000000..22d31faa4e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/gamma-function.portuguese.md
@@ -0,0 +1,72 @@
+---
+title: Gamma function
+id: 5a23c84252665b21eecc7e76
+challengeType: 5
+videoUrl: ''
+localeTitle: Função gama
+---
+
+## Description
+<section id="description"> Implemente um algoritmo (ou mais) para calcular a função <a href="https://en.wikipedia.org/wiki/Gamma function">Gamma</a> ($ \ Gamma $) (somente no campo real). A função Gamma pode ser definida como: <div style="padding-left: 4em;"> <big><big>$ \ Gamma (x) = \ displaystyle \ int_0 ^ \ infty t ^ {x-1} e ^ {- t} dt $</big></big> </div></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>gamma</code> deve ser uma função.
+    testString: 'assert(typeof gamma=="function","<code>gamma</code> should be a function.")'
+  - text: '<code>gamma(&quot;+tests[0]+&quot;)</code> deve retornar um número.'
+    testString: 'assert(typeof gamma(tests[0])=="number","<code>gamma("+tests[0]+")</code> should return a number.")'
+  - text: '<code>gamma(&quot;+tests[0]+&quot;)</code> deve retornar <code>&quot;+results[0]+&quot;</code> .'
+    testString: 'assert.equal(gamma(tests[0]),results[0],"<code>gamma("+tests[0]+")</code> should return <code>"+results[0]+"</code>.")'
+  - text: '<code>gamma(&quot;+tests[1]+&quot;)</code> deve retornar <code>&quot;+results[1]+&quot;</code> .'
+    testString: 'assert.equal(gamma(tests[1]),results[1],"<code>gamma("+tests[1]+")</code> should return <code>"+results[1]+"</code>.")'
+  - text: '<code>gamma(&quot;+tests[2]+&quot;)</code> deve retornar <code>&quot;+results[2]+&quot;</code> .'
+    testString: 'assert.equal(gamma(tests[2]),results[2],"<code>gamma("+tests[2]+")</code> should return <code>"+results[2]+"</code>.")'
+  - text: '<code>gamma(&quot;+tests[3]+&quot;)</code> deve retornar <code>&quot;+results[3]+&quot;</code> .'
+    testString: 'assert.equal(gamma(tests[3]),results[3],"<code>gamma("+tests[3]+")</code> should return <code>"+results[3]+"</code>.")'
+  - text: '<code>gamma(&quot;+tests[4]+&quot;)</code> deve retornar <code>&quot;+results[4]+&quot;</code> .'
+    testString: 'assert.equal(gamma(tests[4]),results[4],"<code>gamma("+tests[4]+")</code> should return <code>"+results[4]+"</code>.")'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function gamma (x) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/gaussian-elimination.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/gaussian-elimination.portuguese.md
new file mode 100644
index 0000000000..82e5eb49e2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/gaussian-elimination.portuguese.md
@@ -0,0 +1,72 @@
+---
+title: Gaussian elimination
+id: 5a23c84252665b21eecc7e77
+challengeType: 5
+videoUrl: ''
+localeTitle: Eliminação gaussiana
+---
+
+## Description
+<section id="description"> Escreva uma função para resolver \ (Ax = b \) usando eliminação de Gauss e então substituição para trás. \ (A \) sendo uma matriz \ (n \ times n \). Além disso, \ (x \) e \ (b \) são \ (n \) por 1 vetores. Para melhorar a precisão, use o pivotamento parcial e o dimensionamento. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>gaussianElimination</code> deve ser uma função.
+    testString: 'assert(typeof gaussianElimination=="function","<code>gaussianElimination</code> should be a function.");'
+  - text: '<code>gaussianElimination(&quot;+JSON.stringify(tests[0][0])+&quot;,&quot;+JSON.stringify(tests[0][1])+&quot;)</code> deve retornar um array.'
+    testString: 'assert(Array.isArray(gaussianElimination(tests[0][0],tests[0][1])),"<code>gaussianElimination("+JSON.stringify(tests[0][0])+","+JSON.stringify(tests[0][1])+")</code> should return an array.");'
+  - text: '<code>gaussianElimination(&quot;+JSON.stringify(tests[0][0])+&quot;,&quot;+JSON.stringify(tests[0][1])+&quot;)</code> deve retornar <code>&quot;+JSON.stringify(results[0])+&quot;</code> .'
+    testString: 'assert.deepEqual(gaussianElimination(tests[0][0],tests[0][1]),results[0],"<code>gaussianElimination("+JSON.stringify(tests[0][0])+","+JSON.stringify(tests[0][1])+")</code> should return <code>"+JSON.stringify(results[0])+"</code>.");'
+  - text: '<code>gaussianElimination(&quot;+JSON.stringify(tests[1][0])+&quot;,&quot;+JSON.stringify(tests[1][1])+&quot;)</code> deve retornar <code>&quot;+JSON.stringify(results[1])+&quot;</code> .'
+    testString: 'assert.deepEqual(gaussianElimination(tests[1][0],tests[1][1]),results[1],"<code>gaussianElimination("+JSON.stringify(tests[1][0])+","+JSON.stringify(tests[1][1])+")</code> should return <code>"+JSON.stringify(results[1])+"</code>.");'
+  - text: '<code>gaussianElimination(&quot;+JSON.stringify(tests[2][0])+&quot;,&quot;+JSON.stringify(tests[2][1])+&quot;)</code> deve retornar <code>&quot;+JSON.stringify(results[2])+&quot;</code> .'
+    testString: 'assert.deepEqual(gaussianElimination(tests[2][0],tests[2][1]),results[2],"<code>gaussianElimination("+JSON.stringify(tests[2][0])+","+JSON.stringify(tests[2][1])+")</code> should return <code>"+JSON.stringify(results[2])+"</code>.");'
+  - text: '<code>gaussianElimination(&quot;+JSON.stringify(tests[3][0])+&quot;,&quot;+JSON.stringify(tests[3][1])+&quot;)</code> deve retornar <code>&quot;+JSON.stringify(results[3])+&quot;</code> .'
+    testString: 'assert.deepEqual(gaussianElimination(tests[3][0],tests[3][1]),results[3],"<code>gaussianElimination("+JSON.stringify(tests[3][0])+","+JSON.stringify(tests[3][1])+")</code> should return <code>"+JSON.stringify(results[3])+"</code>.");'
+  - text: '<code>gaussianElimination(&quot;+JSON.stringify(tests[4][0])+&quot;,&quot;+JSON.stringify(tests[4][1])+&quot;)</code> deve retornar <code>&quot;+JSON.stringify(results[4])+&quot;</code> .'
+    testString: 'assert.deepEqual(gaussianElimination(tests[4][0],tests[4][1]),results[4],"<code>gaussianElimination("+JSON.stringify(tests[4][0])+","+JSON.stringify(tests[4][1])+")</code> should return <code>"+JSON.stringify(results[4])+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function gaussianElimination (A,b) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/general-fizzbuzz.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/general-fizzbuzz.portuguese.md
new file mode 100644
index 0000000000..e96ea8b17d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/general-fizzbuzz.portuguese.md
@@ -0,0 +1,76 @@
+---
+title: General FizzBuzz
+id: 5a23c84252665b21eecc7e78
+challengeType: 5
+videoUrl: ''
+localeTitle: Geral FizzBuzz
+---
+
+## Description
+<section id="description"> Escreva uma versão generalizada do <a href="http://rosettacode.org/wiki/FizzBuzz">FizzBuzz</a> que funcione para qualquer lista de fatores, junto com suas palavras. Esta é basicamente uma implementação &quot;fizzbuzz&quot; onde as regras do jogo são fornecidas ao usuário. Crie uma função para implementar isso. A função deve ter dois parâmetros. O primeiro será um array com as regras do FizzBuzz. Por exemplo: <code>[ [3,&quot;Fizz&quot;] , [5,&quot;Buzz&quot;] ]</code> . Isso indica que o <code>Fizz</code> deve ser impresso se o número for um múltiplo de 3 e o Google <code>Buzz</code> se for um múltiplo de 5. Se for um múltiplo de ambos, as sequências devem ser concatenadas na ordem especificada na matriz. Neste caso, <code>FizzBuzz</code> se o número é um múltiplo de 3 e 5. O segundo parâmetro é o número para o qual a função deve retornar uma string como indicado acima. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>genFizzBuzz</code> deve ser uma função.
+    testString: 'assert(typeof genFizzBuzz=="function","<code>genFizzBuzz</code> should be a function.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[0][0])+&quot;,&quot;+tests[0][1]+&quot;)</code> deve retornar um tipo.'
+    testString: 'assert(typeof genFizzBuzz(tests[0][0],tests[0][1])=="string","<code>genFizzBuzz("+JSON.stringify(tests[0][0])+","+tests[0][1]+")</code> should return a type.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[0][0])+&quot;,&quot;+tests[0][1]+&quot;)</code> deve retornar <code>&quot;&quot;+results[0]+&quot;&quot;</code> .'
+    testString: 'assert.equal(genFizzBuzz(tests[0][0],tests[0][1]),results[0],"<code>genFizzBuzz("+JSON.stringify(tests[0][0])+","+tests[0][1]+")</code> should return <code>""+results[0]+""</code>.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[1][0])+&quot;,&quot;+tests[1][1]+&quot;)</code> deve retornar <code>&quot;&quot;+results[1]+&quot;&quot;</code> .'
+    testString: 'assert.equal(genFizzBuzz(tests[1][0],tests[1][1]),results[1],"<code>genFizzBuzz("+JSON.stringify(tests[1][0])+","+tests[1][1]+")</code> should return <code>""+results[1]+""</code>.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[2][0])+&quot;,&quot;+tests[2][1]+&quot;)</code> deve retornar <code>&quot;&quot;+results[2]+&quot;&quot;</code> .'
+    testString: 'assert.equal(genFizzBuzz(tests[2][0],tests[2][1]),results[2],"<code>genFizzBuzz("+JSON.stringify(tests[2][0])+","+tests[2][1]+")</code> should return <code>""+results[2]+""</code>.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[3][0])+&quot;,&quot;+tests[3][1]+&quot;)</code> devem retornar <code>&quot;&quot;+results[3]+&quot;&quot;</code> .'
+    testString: 'assert.equal(genFizzBuzz(tests[3][0],tests[3][1]),results[3],"<code>genFizzBuzz("+JSON.stringify(tests[3][0])+","+tests[3][1]+")</code> should return <code>""+results[3]+""</code>.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[4][0])+&quot;,&quot;+tests[4][1]+&quot;)</code> deve retornar <code>&quot;&quot;+results[4]+&quot;&quot;</code> .'
+    testString: 'assert.equal(genFizzBuzz(tests[4][0],tests[4][1]),results[4],"<code>genFizzBuzz("+JSON.stringify(tests[4][0])+","+tests[4][1]+")</code> should return <code>""+results[4]+""</code>.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[5][0])+&quot;,&quot;+tests[5][1]+&quot;)</code> deve retornar <code>&quot;&quot;+results[5]+&quot;&quot;</code> .'
+    testString: 'assert.equal(genFizzBuzz(tests[5][0],tests[5][1]),results[5],"<code>genFizzBuzz("+JSON.stringify(tests[5][0])+","+tests[5][1]+")</code> should return <code>""+results[5]+""</code>.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[6][0])+&quot;,&quot;+tests[6][1]+&quot;)</code> deve retornar <code>&quot;&quot;+results[6]+&quot;&quot;</code> .'
+    testString: 'assert.equal(genFizzBuzz(tests[6][0],tests[6][1]),results[6],"<code>genFizzBuzz("+JSON.stringify(tests[6][0])+","+tests[6][1]+")</code> should return <code>""+results[6]+""</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function genFizzBuzz (rules, num) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/generate-lower-case-ascii-alphabet.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/generate-lower-case-ascii-alphabet.portuguese.md
new file mode 100644
index 0000000000..7a76e28849
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/generate-lower-case-ascii-alphabet.portuguese.md
@@ -0,0 +1,72 @@
+---
+title: Generate lower case ASCII alphabet
+id: 5a23c84252665b21eecc7e7a
+challengeType: 5
+videoUrl: ''
+localeTitle: Gerar alfabeto ASCII de letras minúsculas
+---
+
+## Description
+<section id="description"> Escreva uma função para gerar uma matriz de caracteres ASCII em minúsculas, para um determinado intervalo. Por exemplo: para o intervalo de 1 a 4, a função deve retornar <code>[&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>lascii</code> deve ser uma função.
+    testString: 'assert(typeof lascii=="function","<code>lascii</code> should be a function.");'
+  - text: '<code>lascii(&quot;a&quot;,&quot;d&quot;)</code> deve retornar um array.'
+    testString: 'assert(Array.isArray(lascii("a","d")),"<code>lascii("a","d")</code> should return an array.");'
+  - text: '&quot; <code>lascii(&quot;a&quot;,&quot;d&quot;)</code> deve retornar <code>[ &quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot; ]</code> .&quot;'
+    testString: 'assert.deepEqual(lascii("a","d"),results[0],"<code>lascii("a","d")</code> should return <code>[ "a", "b", "c", "d" ]</code>.");'
+  - text: '&quot; <code>lascii(&quot;c&quot;,&quot;i&quot;)</code> deve retornar <code>[ &quot;c&quot;, &quot;d&quot;, &quot;e&quot;, &quot;f&quot;, &quot;g&quot;, &quot;h&quot;, &quot;i&quot; ]</code> .&quot;'
+    testString: 'assert.deepEqual(lascii("c","i"),results[1],"<code>lascii("c","i")</code> should return <code>[ "c", "d", "e", "f", "g", "h", "i" ]</code>.");'
+  - text: '&quot; <code>lascii(&quot;m&quot;,&quot;q&quot;)</code> deve retornar <code>[ &quot;m&quot;, &quot;n&quot;, &quot;o&quot;, &quot;p&quot;, &quot;q&quot; ]</code> .&quot;'
+    testString: 'assert.deepEqual(lascii("m","q"),results[2],"<code>lascii("m","q")</code> should return <code>[ "m", "n", "o", "p", "q" ]</code>.");'
+  - text: '&quot; <code>lascii(&quot;k&quot;,&quot;n&quot;)</code> deve retornar <code>[ &quot;k&quot;, &quot;l&quot;, &quot;m&quot;, &quot;n&quot; ]</code> .&quot;)'
+    testString: 'assert.deepEqual(lascii("k","n"),results[3],"<code>lascii("k","n")</code> should return <code>[ "k", "l", "m", "n" ]</code>.");'
+  - text: '&quot; <code>lascii(&quot;t&quot;,&quot;z&quot;)</code> deve retornar <code>[ &quot;t&quot;, &quot;u&quot;, &quot;v&quot;, &quot;w&quot;, &quot;x&quot;, &quot;y&quot;, &quot;z&quot; ]</code> .&quot;'
+    testString: 'assert.deepEqual(lascii("t","z"),results[4],"<code>lascii("t","z")</code> should return <code>[ "t", "u", "v", "w", "x", "y", "z" ]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function lascii (cFrom, cTo) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/generatorexponential.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/generatorexponential.portuguese.md
new file mode 100644
index 0000000000..061f88773b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/generatorexponential.portuguese.md
@@ -0,0 +1,64 @@
+---
+title: GeneratorExponential
+id: 5a23c84252665b21eecc7e7b
+challengeType: 5
+videoUrl: ''
+localeTitle: GeneratorExponential
+---
+
+## Description
+<section id="description"> Um gerador é uma entidade executável (como uma função ou procedimento) que contém um código que produz uma sequência de valores, um de cada vez, de modo que cada vez que você chama o gerador, o próximo valor na sequência é fornecido. Geralmente, os geradores são construídos em cima de corrotinas ou objetos, de modo que o estado interno do objeto é tratado &quot;naturalmente&quot;. Os geradores são frequentemente usados ​​em situações em que uma sequência é potencialmente infinita e onde é possível construir o próximo valor da sequência com apenas um estado mínimo. Escreva uma função que use geradores para gerar quadrados e cubos. Crie um novo gerador que filtre todos os cubos do gerador de quadrados. A função deve retornar o valor \ (n ^ {th} \) do gerador filtrado. Por exemplo, para \ (n = 7 \), a função deve retornar 81 como a seqüência seria 4,9,16,25,36,49,81. Aqui 64 é filtrado, pois é um cubo. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>exponentialGenerator</code> deve ser uma função.
+    testString: 'assert(typeof exponentialGenerator=="function","<code>exponentialGenerator</code> should be a function.");'
+  - text: <code>exponentialGenerator()</code> deve retornar um número.
+    testString: 'assert(typeof exponentialGenerator(10)=="number","<code>exponentialGenerator()</code> should return a number.");'
+  - text: <code>exponentialGenerator(10)</code> deve retornar <code>144</code> .
+    testString: 'assert.equal(exponentialGenerator(10),144,"<code>exponentialGenerator(10)</code> should return <code>144</code>.");'
+  - text: <code>exponentialGenerator(12)</code> deve retornar <code>196</code> .
+    testString: 'assert.equal(exponentialGenerator(12),196,"<code>exponentialGenerator(12)</code> should return <code>196</code>.");'
+  - text: <code>exponentialGenerator(14)</code> deve retornar <code>256</code> .
+    testString: 'assert.equal(exponentialGenerator(14),256,"<code>exponentialGenerator(14)</code> should return <code>256</code>.");'
+  - text: <code>exponentialGenerator(20)</code> deve retornar <code>484</code> .
+    testString: 'assert.equal(exponentialGenerator(20),484,"<code>exponentialGenerator(20)</code> should return <code>484</code>.");'
+  - text: <code>exponentialGenerator(25)</code> deve retornar <code>784</code> .
+    testString: 'assert.equal(exponentialGenerator(25),784,"<code>exponentialGenerator(25)</code> should return <code>784</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function exponentialGenerator (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/gray-code.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/gray-code.portuguese.md
new file mode 100644
index 0000000000..52d37a76b9
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/gray-code.portuguese.md
@@ -0,0 +1,66 @@
+---
+title: Gray code
+id: 5a23c84252665b21eecc7e80
+challengeType: 5
+videoUrl: ''
+localeTitle: Código cinza
+---
+
+## Description
+<section id="description"> <a href="https://en.wikipedia.org/wiki/Gray code">O código cinza</a> é uma forma de codificação binária em que as transições entre números consecutivos diferem em apenas um bit. Essa é uma codificação útil para reduzir os riscos de dados de hardware com valores que mudam rapidamente e / ou se conectam a hardware mais lento como entradas. Também é útil para gerar entradas para os <a href="https://en.wikipedia.org/wiki/Karnaugh map">mapas de Karnaugh</a> , da esquerda para a direita ou de cima para baixo. Crie uma função para codificar um número e decodificar um número do código Gray. A função deve ter 2 parâmetros. O primeiro seria um booleano. A função deve codificar para true e decodificar para false. O segundo parâmetro seria o número a ser codificado / decodificado. Exibe as representações binárias normais, as representações do código Gray e os valores decodificados do código Gray para todos os números binários de 5 bits (0 a 31 inclusive, não sendo necessário 0). Existem muitos códigos Gray possíveis. O seguinte codifica o que é chamado de &quot;código cinza refletido por binário&quot;. <br> Codificação (MSB é bit 0, b é binário, g é o código Gray): <code><br> if b[i-1] = 1 <br> <span style="padding-left:1em">g[i] = not b[i]</span> <br> else <br> <span style="padding-left:1em">g[i] = b[i]</span> <br></code> Ou: <br> <code>g = b xor (b logically right shifted 1 time)</code> <br> Decodificação (MSB é bit 0, b é binário, g é o código Gray): <br> <code>b[0] = g[0] <br> for other bits: <br> b[i] = g[i] xor b[i-1] <br></code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>gray</code> deve ser uma função.
+    testString: 'assert(typeof gray=="function","<code>gray</code> should be a function.");'
+  - text: '<code>gray(true,177)</code> deve retornar um número.'
+    testString: 'assert(typeof gray(true,177)=="number","<code>gray(true,177)</code> should return a number.");'
+  - text: '<code>gray(true,177)</code> deve retornar <code>233</code> .'
+    testString: 'assert.equal(gray(true,177),233,"<code>gray(true,177)</code> should return <code>233</code>.");'
+  - text: '<code>gray(true,425)</code> deve retornar <code>381</code> .'
+    testString: 'assert.equal(gray(true,425),381,"<code>gray(true,425)</code> should return <code>381</code>.");'
+  - text: '<code>gray(true,870)</code> deve retornar <code>725</code> .'
+    testString: 'assert.equal(gray(true,870),725,"<code>gray(true,870)</code> should return <code>725</code>.");'
+  - text: '<code>gray(false,233)</code> deve retornar <code>177</code> .'
+    testString: 'assert.equal(gray(false,233),177,"<code>gray(false,233)</code> should return <code>177</code>.");'
+  - text: '<code>gray(false,381)</code> deve retornar <code>425</code> .'
+    testString: 'assert.equal(gray(false,381),425,"<code>gray(false,381)</code> should return <code>425</code>.");'
+  - text: '<code>gray(false,725)</code> deve retornar <code>870</code> .'
+    testString: 'assert.equal(gray(false,725),870,"<code>gray(false,725)</code> should return <code>870</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function gray(enc, number) {
+ // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/greatest-common-divisor.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/greatest-common-divisor.portuguese.md
new file mode 100644
index 0000000000..fb07ac24d9
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/greatest-common-divisor.portuguese.md
@@ -0,0 +1,66 @@
+---
+title: Greatest common divisor
+id: 5a23c84252665b21eecc7e82
+challengeType: 5
+videoUrl: ''
+localeTitle: Maior divisor comum
+---
+
+## Description
+<section id="description"> Escreva uma função que retorne o maior divisor comum de dois inteiros. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>gcd</code> deve ser uma função.
+    testString: 'assert(typeof gcd=="function","<code>gcd</code> should be a function.");'
+  - text: '<code>gcd(24,36)</code> deve retornar um número.'
+    testString: 'assert(typeof gcd(24,36)=="number","<code>gcd(24,36)</code> should return a number.");'
+  - text: '<code>gcd(24,36)</code> deve retornar <code>12</code> .'
+    testString: 'assert.equal(gcd(24,36),12,"<code>gcd(24,36)</code> should return <code>12</code>.");'
+  - text: '<code>gcd(30,48)</code> deve retornar <code>6</code> .'
+    testString: 'assert.equal(gcd(30,48),6,"<code>gcd(30,48)</code> should return <code>6</code>.");'
+  - text: '<code>gcd(10,15)</code> deve retornar <code>5</code> .'
+    testString: 'assert.equal(gcd(10,15),5,"<code>gcd(10,15)</code> should return <code>5</code>.");'
+  - text: '<code>gcd(100,25)</code> deve retornar <code>25</code> .'
+    testString: 'assert.equal(gcd(100,25),25,"<code>gcd(100,25)</code> should return <code>25</code>.");'
+  - text: '<code>gcd(13,250)</code> deve retornar <code>1</code> .'
+    testString: 'assert.equal(gcd(13,250),1,"<code>gcd(13,250)</code> should return <code>1</code>.");'
+  - text: '<code>gcd(1300,250)</code> deve retornar <code>50</code> .'
+    testString: 'assert.equal(gcd(1300,250),50,"<code>gcd(1300,250)</code> should return <code>50</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function gcd(a, b) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/greatest-subsequential-sum.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/greatest-subsequential-sum.portuguese.md
new file mode 100644
index 0000000000..a779b9f3b9
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/greatest-subsequential-sum.portuguese.md
@@ -0,0 +1,74 @@
+---
+title: Greatest subsequential sum
+id: 5a23c84252665b21eecc7e84
+challengeType: 5
+videoUrl: ''
+localeTitle: Maior soma subsequencial
+---
+
+## Description
+<section id="description"> Dada uma seqüência de inteiros, encontre uma subsequência contínua que maximize a soma de seus elementos, isto é, os elementos de nenhuma outra subsequência única somam um valor maior que este. Uma subsequência vazia é considerada como tendo a soma de \ (0 \); Assim, se todos os elementos são negativos, o resultado deve ser a seqüência vazia. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>maximumSubsequence</code> deve ser uma função.
+    testString: 'assert(typeof maximumSubsequence=="function","<code>maximumSubsequence</code> should be a function.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[0])+&quot;)</code> deve retornar um array.'
+    testString: 'assert(Array.isArray(maximumSubsequence(tests[0])),"<code>maximumSubsequence("+JSON.stringify(tests[0])+")</code> should return an array.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[0])+&quot;)</code> deve retornar <code>&quot;+JSON.stringify(results[0])+&quot;</code> .'
+    testString: 'assert.deepEqual(maximumSubsequence(tests[0]),results[0],"<code>maximumSubsequence("+JSON.stringify(tests[0])+")</code> should return <code>"+JSON.stringify(results[0])+"</code>.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[1])+&quot;)</code> deve retornar <code>&quot;+JSON.stringify(results[1])+&quot;</code> .'
+    testString: 'assert.deepEqual(maximumSubsequence(tests[1]),results[1],"<code>maximumSubsequence("+JSON.stringify(tests[1])+")</code> should return <code>"+JSON.stringify(results[1])+"</code>.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[2])+&quot;)</code> deve retornar <code>&quot;+JSON.stringify(results[2])+&quot;</code> .'
+    testString: 'assert.deepEqual(maximumSubsequence(tests[2]),results[2],"<code>maximumSubsequence("+JSON.stringify(tests[2])+")</code> should return <code>"+JSON.stringify(results[2])+"</code>.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[3])+&quot;)</code> deve retornar <code>&quot;+JSON.stringify(results[3])+&quot;</code> .'
+    testString: 'assert.deepEqual(maximumSubsequence(tests[3]),results[3],"<code>maximumSubsequence("+JSON.stringify(tests[3])+")</code> should return <code>"+JSON.stringify(results[3])+"</code>.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[4])+&quot;)</code> deve retornar <code>&quot;+JSON.stringify(results[4])+&quot;</code> .'
+    testString: 'assert.deepEqual(maximumSubsequence(tests[4]),results[4],"<code>maximumSubsequence("+JSON.stringify(tests[4])+")</code> should return <code>"+JSON.stringify(results[4])+"</code>.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[5])+&quot;)</code> deve retornar <code>&quot;+JSON.stringify(results[5])+&quot;</code> .'
+    testString: 'assert.deepEqual(maximumSubsequence(tests[5]),results[5],"<code>maximumSubsequence("+JSON.stringify(tests[5])+")</code> should return <code>"+JSON.stringify(results[5])+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function maximumSubsequence (population) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/hailstone-sequence.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/hailstone-sequence.portuguese.md
new file mode 100644
index 0000000000..4ecae75cdc
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/hailstone-sequence.portuguese.md
@@ -0,0 +1,66 @@
+---
+title: Hailstone sequence
+id: 595608ff8bcd7a50bd490181
+challengeType: 5
+videoUrl: ''
+localeTitle: Sequência de granizo
+---
+
+## Description
+<section id="description"><p> A sequência de números Hailstone pode ser gerada a partir de um inteiro positivo inicial, n por: </p> Se n é 1, a sequência termina. Se n é par, então o próximo n da sequência <code>= n/2</code> Se n é ímpar, então o próximo n da sequência <code>= (3 * n) + 1</code> <p> A <a href="https://en.wikipedia.org/wiki/Collatz conjecture" title="wp: conjectura de Collatz">conjectura de Collatz</a> (não comprovada) é que a sequência do granizo para qualquer número inicial sempre termina. </p><p> A sequência do granizo é também conhecida como números de granizo (porque os valores geralmente estão sujeitos a múltiplas descidas e subidas como granizo em uma nuvem), ou como a sequência Collatz. </p> Tarefa: Crie uma rotina para gerar a seqüência de granizo para um número. Use a rotina para mostrar que a sequência do granizo para o número 27 tem 112 elementos começando com <code>27, 82, 41, 124</code> e terminando com <code>8, 4, 2, 1</code> Mostre o número menor que 100.000 que tem a maior sequência de granizo junto com aquela comprimento da sequência. (Mas não mostre a seqüência real!) Veja também: <a href="http://xkcd.com/710" title="link: http://xkcd.com/710">xkcd</a> (humourous). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>hailstoneSequence</code> é uma função.
+    testString: 'assert(typeof hailstoneSequence === "function", "<code>hailstoneSequence</code> is a function.");'
+  - text: '<code>hailstoneSequence()</code> deve retornar <code>[[27,82,41,124,8,4,2,1], [351, 77031]]</code>'
+    testString: 'assert.deepEqual(hailstoneSequence(), res, "<code>hailstoneSequence()</code> should return <code>[[27,82,41,124,8,4,2,1], [351, 77031]]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// noprotect
+function hailstoneSequence () {
+  const res = [];
+  // Good luck!
+
+  return res;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/happy-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/happy-numbers.portuguese.md
new file mode 100644
index 0000000000..78e75eb71b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/happy-numbers.portuguese.md
@@ -0,0 +1,76 @@
+---
+title: Happy numbers
+id: 594810f028c0303b75339ad1
+challengeType: 5
+videoUrl: ''
+localeTitle: Números felizes
+---
+
+## Description
+<section id="description"><p> Um número feliz é definido pelo seguinte processo: </p><p> Começando com qualquer número inteiro positivo, substitua o número pela soma dos quadrados de seus dígitos e repita o processo até que o número seja igual a 1 (onde permanecerá), ou faça um loop infinitamente em um ciclo que não inclua 1. Esses números para os quais este processo termina em 1 são números felizes, enquanto aqueles que não terminam em 1 são números infelizes. </p><p> Implemente uma função que retorne true se o número for feliz ou false, se não for. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>happy</code> é uma função.
+    testString: 'assert(typeof happy === "function", "<code>happy</code> is a function.");'
+  - text: <code>happy(1)</code> deve retornar um booleano.
+    testString: 'assert(typeof happy(1) === "boolean", "<code>happy(1)</code> should return a boolean.");'
+  - text: <code>happy(1)</code> deve retornar verdadeiro.
+    testString: 'assert(happy(1), "<code>happy(1)</code> should return true.");'
+  - text: <code>happy(2)</code> deve retornar falso.
+    testString: 'assert(!happy(2), "<code>happy(2)</code> should return false.");'
+  - text: <code>happy(7)</code> deve retornar verdadeiro.
+    testString: 'assert(happy(7), "<code>happy(7)</code> should return true.");'
+  - text: <code>happy(10)</code> deve retornar verdadeiro.
+    testString: 'assert(happy(10), "<code>happy(10)</code> should return true.");'
+  - text: <code>happy(13)</code> deve retornar verdadeiro.
+    testString: 'assert(happy(13), "<code>happy(13)</code> should return true.");'
+  - text: <code>happy(19)</code> deve retornar verdadeiro.
+    testString: 'assert(happy(19), "<code>happy(19)</code> should return true.");'
+  - text: <code>happy(23)</code> deve retornar verdadeiro.
+    testString: 'assert(happy(23), "<code>happy(23)</code> should return true.");'
+  - text: <code>happy(28)</code> deve retornar verdadeiro.
+    testString: 'assert(happy(28), "<code>happy(28)</code> should return true.");'
+  - text: <code>happy(31)</code> deve retornar verdadeiro.
+    testString: 'assert(happy(31), "<code>happy(31)</code> should return true.");'
+  - text: '<code>happy(32)</code> deve retornar verdadeiro:'
+    testString: 'assert(happy(32), "<code>happy(32)</code> should return true:.");'
+  - text: <code>happy(33)</code> deve retornar falso.
+    testString: 'assert(!happy(33), "<code>happy(33)</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function happy (number) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/harshad-or-niven-series.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/harshad-or-niven-series.portuguese.md
new file mode 100644
index 0000000000..844207f4d3
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/harshad-or-niven-series.portuguese.md
@@ -0,0 +1,68 @@
+---
+title: Harshad or Niven series
+id: 595668ca4cfe1af2fb9818d4
+challengeType: 5
+videoUrl: ''
+localeTitle: Série Harshad ou Niven
+---
+
+## Description
+<section id="description"><p> Os números de <a href="http://mathworld.wolfram.com/HarshadNumber.html" title="link: http://mathworld.wolfram.com/HarshadNumber.html">Harshad</a> ou Niven são inteiros positivos ≥ 1 que são divisíveis pela soma de seus dígitos. </p><p> Por exemplo, 42 é um <a href="http://rosettacode.org/wiki/oeis:A005349" title="oeis: A005349">número de Harshad,</a> pois 42 é divisível por (4 + 2) sem resto. </p> Suponha que a série seja definida como os números em ordem crescente. Tarefa: <p> Implemente uma função para gerar membros sucessivos da sequência de Harshad. </p><p> Use-o para listar os primeiros vinte membros da sequência e listar o primeiro número de Harshad maior que 1000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>isHarshadOrNiven</code> é uma função.
+    testString: 'assert(typeof isHarshadOrNiven === "function", "<code>isHarshadOrNiven</code> is a function.");'
+  - text: '<code>isHarshadOrNiven()</code> deve retornar <code>{&quot;firstTwenty&quot;: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12, 18, 20, 21, 24, 27, 30, 36, 40, 42],&quot;firstOver1000&quot;: 1002}</code>'
+    testString: 'assert.deepEqual(isHarshadOrNiven(), res, "<code>isHarshadOrNiven()</code> should return <code>{"firstTwenty": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12, 18, 20, 21, 24, 27, 30, 36, 40, 42],"firstOver1000": 1002}</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function isHarshadOrNiven () {
+  const res = {
+    firstTwenty: [],
+    firstOver1000: undefined
+  };
+  // Change after this line
+
+  return res;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/hash-from-two-arrays.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/hash-from-two-arrays.portuguese.md
new file mode 100644
index 0000000000..81ce2353a8
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/hash-from-two-arrays.portuguese.md
@@ -0,0 +1,73 @@
+---
+title: Hash from two arrays
+id: 595671d4d2cdc305f0d5b36f
+challengeType: 5
+videoUrl: ''
+localeTitle: Hash de duas matrizes
+---
+
+## Description
+<section id="description"> Tarefa: <p> Usando duas Matrizes de igual comprimento, crie um objeto Hash onde os elementos de uma matriz (as chaves) são vinculados aos elementos da outra (os valores) </p> Tarefa relacionada: <a href="http://rosettacode.org/wiki/Associative arrays/Creation" title="Matrizes Associativas / Criação">Matrizes Associativas / Criação</a> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>arrToObj</code> é uma função.
+    testString: 'assert(typeof arrToObj === "function", "<code>arrToObj</code> is a function.");'
+  - text: '<code>arrToObj([1, 2, 3, 4, 5], [&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;, &quot;e&quot;])</code> deve retornar <code>{ 1: &quot;a&quot;, 2: &quot;b&quot;, 3: &quot;c&quot;, 4: &quot;d&quot;, 5: &quot;e&quot; }</code>'
+    testString: 'assert.deepEqual(arrToObj(...testCases[0]), res[0], "<code>arrToObj([1, 2, 3, 4, 5], ["a", "b", "c", "d", "e"])</code> should return <code>{ 1: "a", 2: "b", 3: "c", 4: "d", 5: "e" }</code>");'
+  - text: '<code>arrToObj([1, 2, 3, 4, 5], [&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;])</code> deve retornar <code>{ 1: &quot;a&quot;, 2: &quot;b&quot;, 3: &quot;c&quot;, 4: &quot;d&quot;, 5: undefined }</code>'
+    testString: 'assert.deepEqual(arrToObj(...testCases[1]), res[1], "<code>arrToObj([1, 2, 3, 4, 5], ["a", "b", "c", "d"])</code> should return <code>{ 1: "a", 2: "b", 3: "c", 4: "d", 5: undefined }</code>");'
+  - text: '<code>arrToObj([1, 2, 3], [&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;, &quot;e&quot;])</code> deve retornar <code>{ 1: &quot;a&quot;, 2: &quot;b&quot;, 3: &quot;c&quot; }</code>'
+    testString: 'assert.deepEqual(arrToObj(...testCases[2]), res[2], "<code>arrToObj([1, 2, 3], ["a", "b", "c", "d", "e"])</code> should return <code>{ 1: "a", 2: "b", 3: "c" }</code>");'
+  - text: '<code>arrToObj([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;, &quot;e&quot;], [1, 2, 3, 4, 5])</code> deve retornar <code>{ &quot;a&quot;: 1, &quot;b&quot;: 2, &quot;c&quot;: 3 , &quot;d&quot;: 4, &quot;e&quot;: 5 }</code>'
+    testString: 'assert.deepEqual(arrToObj(...testCases[3]), res[3], "<code>arrToObj(["a", "b", "c", "d", "e"], [1, 2, 3, 4, 5])</code> should return <code>{ "a": 1, "b": 2, "c": 3 , "d": 4, "e": 5 }</code>");'
+  - text: '<code>arrToObj([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;, &quot;e&quot;], [1, 2, 3, 4])</code> deve retornar <code>{ &quot;a&quot;: 1, &quot;b&quot;: 2, &quot;c&quot;: 3 , &quot;d&quot;: 4, &quot;e&quot;: undefined }</code>'
+    testString: 'assert.deepEqual(arrToObj(...testCases[4]), res[4], "<code>arrToObj(["a", "b", "c", "d", "e"], [1, 2, 3, 4])</code> should return <code>{ "a": 1, "b": 2, "c": 3 , "d": 4, "e": undefined }</code>");'
+  - text: '<code>arrToObj([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;], [1, 2, 3, 4, 5])</code> deve retornar <code>{ &quot;a&quot;: 1, &quot;b&quot;: 2, &quot;c&quot;: 3 }</code>'
+    testString: 'assert.deepEqual(arrToObj(...testCases[5]), res[5], "<code>arrToObj(["a", "b", "c"], [1, 2, 3, 4, 5])</code> should return <code>{ "a": 1, "b": 2, "c": 3  }</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function arrToObj (keys, vals) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/hash-join.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/hash-join.portuguese.md
new file mode 100644
index 0000000000..3993425aae
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/hash-join.portuguese.md
@@ -0,0 +1,75 @@
+---
+title: Hash join
+id: 5956795bc9e2c415eb244de1
+challengeType: 5
+videoUrl: ''
+localeTitle: Junção de hash
+---
+
+## Description
+<section id="description"><p> Uma <a href="https://en.wikipedia.org/wiki/Join_(SQL)#Inner_join" title="wp: Join_ (SQL) #Inner_join">junção interna</a> é uma operação que combina duas tabelas de dados em uma tabela, com base em valores de coluna correspondentes. A maneira mais simples de implementar essa operação é o algoritmo de <a href="https://en.wikipedia.org/wiki/Nested loop join" title="wp: Junção de loop aninhada">junção de loop aninhado</a> , mas uma alternativa mais escalável é o algoritmo de <a href="https://en.wikipedia.org/wiki/hash join" title="wp: junção de hash">junção de hash</a> . </p><p> Implemente o algoritmo &quot;hash join&quot; e demonstre que ele passa no caso de teste listado abaixo. </p><p> Você deve representar as tabelas como estruturas de dados que parecem naturais em sua linguagem de programação. </p><p> O algoritmo &quot;hash join&quot; consiste em duas etapas: </p> Fase de hash: cria um <a href="https://en.wikipedia.org/wiki/Multimap" title="wp: Multimap">multimap</a> de uma das duas tabelas, mapeando de cada valor de coluna de junção para todas as linhas que o contêm. O multimap deve suportar uma pesquisa baseada em hash que é melhor que uma busca linear simples, porque esse é o ponto principal desse algoritmo. Idealmente, devemos criar o multimap para a tabela menor, minimizando assim o tempo de criação e o tamanho da memória. Fase de junção: escaneie a outra tabela e encontre linhas correspondentes olhando no multimap criado anteriormente. <p> No pseudocódigo, o algoritmo poderia ser expresso da seguinte maneira: </p><pre> seja A = a primeira tabela de entrada (ou, idealmente, a maior)
+seja B = a segunda tabela de entrada (ou, idealmente, a menor)
+deixe j <sub>A</sub> = o ID da coluna de junção da tabela A
+deixe j <sub>B</sub> = o ID da coluna de junção da tabela B
+deixe M <sub>B</sub> = um multimap para mapear de valores únicos para múltiplas linhas da tabela B (começa vazia)
+deixe C = a tabela de saída (começa vazia)
+para cada linha b na tabela B:
+  coloque b no multimap M <sub>B</sub> na chave b (j <sub>B</sub> )
+para cada linha a na tabela A:
+  para cada linha b no multimap M <sub>B</sub> na chave a (j <sub>A</sub> ):
+    vamos c = a concatenação da linha ae linha b
+    coloque a linha c na tabela C <p></p>
+</pre> Caso de teste <p> Entrada </p><table><tbody><tr><td style="padding: 4px; margin: 5px;"><table style="border:none; border-collapse:collapse;"><tbody><tr><td style="border:none"> <i>A =</i> </td><td style="border:none"><table><tbody><tr><th style="padding: 4px; margin: 5px;"> Era </th><th style="padding: 4px; margin: 5px;"> Nome </th></tr><tr><td style="padding: 4px; margin: 5px;"> 27 </td><td style="padding: 4px; margin: 5px;"> Jonas </td></tr><tr><td style="padding: 4px; margin: 5px;"> 18 </td><td style="padding: 4px; margin: 5px;"> Alan </td></tr><tr><td style="padding: 4px; margin: 5px;"> 28 </td><td style="padding: 4px; margin: 5px;"> Glória </td></tr><tr><td style="padding: 4px; margin: 5px;"> 18 </td><td style="padding: 4px; margin: 5px;"> Popeye </td></tr><tr><td style="padding: 4px; margin: 5px;"> 28 </td><td style="padding: 4px; margin: 5px;"> Alan </td></tr></tbody></table></td><td style="border:none; padding-left:1.5em;" rowspan="2"></td><td style="border:none"> <i>B =</i> </td><td style="border:none"><table><tbody><tr><th style="padding: 4px; margin: 5px;"> Personagem </th><th style="padding: 4px; margin: 5px;"> Nêmesis </th></tr><tr><td style="padding: 4px; margin: 5px;"> Jonas </td><td style="padding: 4px; margin: 5px;"> Baleias </td></tr><tr><td style="padding: 4px; margin: 5px;"> Jonas </td><td style="padding: 4px; margin: 5px;"> Aranhas </td></tr><tr><td style="padding: 4px; margin: 5px;"> Alan </td><td style="padding: 4px; margin: 5px;"> Fantasmas </td></tr><tr><td style="padding: 4px; margin: 5px;"> Alan </td><td style="padding: 4px; margin: 5px;"> Zumbis </td></tr><tr><td style="padding: 4px; margin: 5px;"> Glória </td><td style="padding: 4px; margin: 5px;"> Buffy </td></tr></tbody></table></td></tr><tr><td style="border:none"> <i>j <sub>A</sub> =</i> </td><td style="border:none"> <i><code>Name</code> (coluna 1)</i> </td><td style="border:none"> <i>j <sub>B</sub> =</i> </td><td style="border:none"> <i><code>Character</code> (isto é, coluna 0)</i> </td></tr></tbody></table></td><td style="padding: 4px; margin: 5px;"></td></tr></tbody></table><p> Saída </p><table><tbody><tr><th style="padding: 4px; margin: 5px;"> A.Age </th><th style="padding: 4px; margin: 5px;"> Um nome </th><th style="padding: 4px; margin: 5px;"> B.Caracter </th><th style="padding: 4px; margin: 5px;"> B.Nemesis </th></tr><tr><td style="padding: 4px; margin: 5px;"> 27 </td><td style="padding: 4px; margin: 5px;"> Jonas </td><td style="padding: 4px; margin: 5px;"> Jonas </td><td style="padding: 4px; margin: 5px;"> Baleias </td></tr><tr><td style="padding: 4px; margin: 5px;"> 27 </td><td style="padding: 4px; margin: 5px;"> Jonas </td><td style="padding: 4px; margin: 5px;"> Jonas </td><td style="padding: 4px; margin: 5px;"> Aranhas </td></tr><tr><td style="padding: 4px; margin: 5px;"> 18 </td><td style="padding: 4px; margin: 5px;"> Alan </td><td style="padding: 4px; margin: 5px;"> Alan </td><td style="padding: 4px; margin: 5px;"> Fantasmas </td></tr><tr><td style="padding: 4px; margin: 5px;"> 18 </td><td style="padding: 4px; margin: 5px;"> Alan </td><td style="padding: 4px; margin: 5px;"> Alan </td><td style="padding: 4px; margin: 5px;"> Zumbis </td></tr><tr><td style="padding: 4px; margin: 5px;"> 28 </td><td style="padding: 4px; margin: 5px;"> Glória </td><td style="padding: 4px; margin: 5px;"> Glória </td><td style="padding: 4px; margin: 5px;"> Buffy </td></tr><tr><td style="padding: 4px; margin: 5px;"> 28 </td><td style="padding: 4px; margin: 5px;"> Alan </td><td style="padding: 4px; margin: 5px;"> Alan </td><td style="padding: 4px; margin: 5px;"> Fantasmas </td></tr><tr><td style="padding: 4px; margin: 5px;"> 28 </td><td style="padding: 4px; margin: 5px;"> Alan </td><td style="padding: 4px; margin: 5px;"> Alan </td><td style="padding: 4px; margin: 5px;"> Zumbis </td></tr></tbody></table><p></p><p></p><p> A ordem das linhas na tabela de saída não é significativa. </p><p> Se você estiver usando matrizes numericamente indexadas para representar as linhas da tabela (em vez de se referir a colunas por nome), você poderia representar as linhas de saída na forma <code style="white-space:nowrap">[[27, &quot;Jonah&quot;], [&quot;Jonah&quot;, &quot;Whales&quot;]]</code> . </p><hr></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>hashJoin</code> é uma função.
+    testString: 'assert(typeof hashJoin === "function", "<code>hashJoin</code> is a function.");'
+  - text: '<code>hashJoin([{ age: 27, name: &quot;Jonah&quot; }, { age: 18, name: &quot;Alan&quot; }, { age: 28, name: &quot;Glory&quot; }, { age: 18, name: &quot;Popeye&quot; }, { age: 28, name: &quot;Alan&quot; }], [{ character: &quot;Jonah&quot;, nemesis: &quot;Whales&quot; }, { character: &quot;Jonah&quot;, nemesis: &quot;Spiders&quot; }, { character: &quot;Alan&quot;, nemesis: &quot;Ghosts&quot; }, { character:&quot;Alan&quot;, nemesis: &quot;Zombies&quot; }, { character: &quot;Glory&quot;, nemesis: &quot;Buffy&quot; }, { character: &quot;Bob&quot;, nemesis: &quot;foo&quot; }])</code> deve retornar <code>[{&quot;A_age&quot;: 27,&quot;A_name&quot;: &quot;Jonah&quot;, &quot;B_character&quot;: &quot;Jonah&quot;, &quot;B_nemesis&quot;: &quot;Whales&quot;}, {&quot;A_age&quot;: 27,&quot;A_name&quot;: &quot;Jonah&quot;, &quot;B_character&quot;: &quot;Jonah&quot;, &quot;B_nemesis&quot;: &quot;Spiders&quot;}, {&quot;A_age&quot;: 18,&quot;A_name&quot;: &quot;Alan&quot;, &quot;B_character&quot;: &quot;Alan&quot;, &quot;B_nemesis&quot;: &quot;Ghosts&quot;}, {&quot;A_age&quot;: 18,&quot;A_name&quot;: &quot;Alan&quot;, &quot;B_character&quot;: &quot;Alan&quot;, &quot;B_nemesis&quot;: &quot;Zombies&quot;}, {&quot;A_age&quot;: 28,&quot;A_name&quot;: &quot;Glory&quot;, &quot;B_character&quot;: &quot;Glory&quot;, &quot;B_nemesis&quot;: &quot;Buffy&quot;}, {&quot;A_age&quot;: 28,&quot;A_name&quot;: &quot;Alan&quot;, &quot;B_character&quot;: &quot;Alan&quot;, &quot;B_nemesis&quot;: &quot;Ghosts&quot;}, {&quot;A_age&quot;: 28,&quot;A_name&quot;: &quot;Alan&quot;, &quot;B_character&quot;: &quot;Alan&quot;, &quot;B_nemesis&quot;: &quot;Zombies&quot;}]</code>'
+    testString: 'assert.deepEqual(hashJoin(hash1, hash2), res, "<code>hashJoin([{ age: 27, name: "Jonah" }, { age: 18, name: "Alan" }, { age: 28, name: "Glory" }, { age: 18, name: "Popeye" }, { age: 28, name: "Alan" }], [{ character: "Jonah", nemesis: "Whales" }, { character: "Jonah", nemesis: "Spiders" }, { character: "Alan", nemesis: "Ghosts" }, { character:"Alan", nemesis: "Zombies" }, { character: "Glory", nemesis: "Buffy" }, { character: "Bob", nemesis: "foo" }])</code> should return <code>[{"A_age": 27,"A_name": "Jonah", "B_character": "Jonah", "B_nemesis": "Whales"}, {"A_age": 27,"A_name": "Jonah", "B_character": "Jonah", "B_nemesis": "Spiders"}, {"A_age": 18,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Ghosts"}, {"A_age": 18,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Zombies"}, {"A_age": 28,"A_name": "Glory", "B_character": "Glory", "B_nemesis": "Buffy"}, {"A_age": 28,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Ghosts"}, {"A_age": 28,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Zombies"}]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function hashJoin (hash1, hash2) {
+  // Good luck!
+  return [];
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/heronian-triangles.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/heronian-triangles.portuguese.md
new file mode 100644
index 0000000000..b2d475f102
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/heronian-triangles.portuguese.md
@@ -0,0 +1,71 @@
+---
+title: Heronian triangles
+id: 595b98f8b5a2245e243aa831
+challengeType: 5
+videoUrl: ''
+localeTitle: Triângulos Heronianos
+---
+
+## Description
+<section id="description"><p> <a href="https://en.wikipedia.org/wiki/Heron&#x27;s formula" title="wp: fórmula de Heron">A fórmula do herói</a> para a área de um triângulo, dada a extensão de seus três lados <big>a,</big> <big>b</big> e <big>c,</big> é dada por: </p><p> <big>$$ A = \ sqrt {s (sa) (sb) (sc)}, $$</big> </p><p> onde <big>s</big> é metade do perímetro do triângulo; isso é, </p><p> <big>$$ s = \ frac {a + b + c} {2}. $$</big> </p><p> <a href="http://www.had2know.com/academics/heronian-triangles-generator-calculator.html" title="link: http://www.had2know.com/academics/heronian-triangles-generator-calculator.html">Os triângulos de Heronian</a> são triângulos cujos lados e área são todos inteiros. </p><p> Um exemplo é o triângulo com os lados 3, 4 e 5 cuja área é 6 (e cujo perímetro é 12). </p><p> Note que qualquer triângulo cujos lados são todos um múltiplo inteiro de 3, 4, 5; como 6, 8, 10, também será um triângulo de Heroniano. </p><p> Definir um triângulo Heroniano Primitivo como um triângulo Heroniano onde o maior divisor comum </p><p> dos três lados é 1 (unidade). </p><p> Isso excluirá, por exemplo, o triângulo 6, 8, 10. </p> Tarefa: <p> Implemente uma função baseada na fórmula de Herói, que retorna os primeiros <code><sub>n th</sub></code> triângulos ordenados em uma matriz de matrizes. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>heronianTriangle</code> é uma função.
+    testString: 'assert(typeof heronianTriangle === "function", "<code>heronianTriangle</code> is a function.");'
+  - text: '<code>heronianTriangle()</code> deve retornar <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17]]</code>'
+    testString: 'assert.deepEqual(heronianTriangle(testCases[0]), res[0], "<code>heronianTriangle()</code> should return <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17]]</code>");'
+  - text: '<code>heronianTriangle()</code> deve retornar <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15]],</code>'
+    testString: 'assert.deepEqual(heronianTriangle(testCases[1]), res[1], "<code>heronianTriangle()</code> should return <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15]],</code>");'
+  - text: '<code>heronianTriangle()</code> deve retornar <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53]],</code>'
+    testString: 'assert.deepEqual(heronianTriangle(testCases[2]), res[2], "<code>heronianTriangle()</code> should return <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53]],</code>");'
+  - text: '<code>heronianTriangle()</code> deve retornar <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53], [19, 20, 37],[16, 17, 17], [17, 17, 30], [16, 25, 39], [13, 20, 21]]</code>'
+    testString: 'assert.deepEqual(heronianTriangle(testCases[3]), res[3], "<code>heronianTriangle()</code> should return <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53], [19, 20, 37],[16, 17, 17], [17, 17, 30], [16, 25, 39], [13, 20, 21]]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// noprotect
+function heronianTriangle (n) {
+  // Good luck!
+
+  return [];
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/hofstadter-figure-figure-sequences.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/hofstadter-figure-figure-sequences.portuguese.md
new file mode 100644
index 0000000000..2c843d3005
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/hofstadter-figure-figure-sequences.portuguese.md
@@ -0,0 +1,87 @@
+---
+title: Hofstadter Figure-Figure sequences
+id: 59622f89e4e137560018a40e
+challengeType: 5
+videoUrl: ''
+localeTitle: Sequências Figura-Figura de Hofstadter
+---
+
+## Description
+<section id="description"><p> Essas duas seqüências de inteiros positivos são definidas como: </p><p> <big>$$ R (1) = 1 \; \ S (1) = 2 \\ R (n) = R (n-1) + S (n-1), \ quad n&gt; 1.</big> </p><p> A sequência <big>$ S (n) $</big> é ainda definida como a sequência de inteiros positivos não presentes em <big>$ R (n) $</big> . </p><p> Seqüência <big>$ R $</big> começa: </p><p> 1, 3, 7, 12, 18, ... </p><p> Seqüência <big>$ S $</big> começa: </p><p> 2, 4, 5, 6, 8, ... </p> Tarefa: Crie duas funções chamadas ffr e ffs que, quando fornecidas, retornam R (n) ou S (n), respectivamente (observe que R (1) = 1 e S (1) = 2 para evitar erros entre-um). . Nenhum valor máximo para n deve ser assumido. <a href="http://oeis.org/A005228" title="link: http://oeis.org/A005228">A005228</a> e <a href="http://oeis.org/A030124" title="link: http://oeis.org/A030124">A030124 de</a> Sloane. <a href="http://mathworld.wolfram.com/HofstadterFigure-FigureSequence.html" title="link: http://mathworld.wolfram.com/HofstadterFigure-FigureSequence.html">Wolfram MathWorld</a> Wikipedia: <a href="https://en.wikipedia.org/wiki/Hofstadter_sequence#Hofstadter_Figure-Figure_sequences" title="wp: Hofstadter_sequence # Hofstadter_Figure-Figure_sequences">Sequências de figura-figura de Hofstadter</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>ffr</code> é uma função.
+    testString: 'assert(typeof ffr === "function", "<code>ffr</code> is a function.");'
+  - text: <code>ffs</code> é uma função.
+    testString: 'assert(typeof ffs === "function", "<code>ffs</code> is a function.");'
+  - text: <code>ffr</code> deve retornar inteiro.
+    testString: 'assert(Number.isInteger(ffr(1)), "<code>ffr</code> should return integer.");'
+  - text: <code>ffs</code> deve retornar inteiro.
+    testString: 'assert(Number.isInteger(ffs(1)), "<code>ffs</code> should return integer.");'
+  - text: <code>ffr()</code> deve retornar <code>69</code>
+    testString: 'assert.equal(ffr(ffrParamRes[0][0]), ffrParamRes[0][1], "<code>ffr()</code> should return <code>69</code>");'
+  - text: <code>ffr()</code> deve retornar <code>1509</code>
+    testString: 'assert.equal(ffr(ffrParamRes[1][0]), ffrParamRes[1][1], "<code>ffr()</code> should return <code>1509</code>");'
+  - text: <code>ffr()</code> deve retornar <code>5764</code>
+    testString: 'assert.equal(ffr(ffrParamRes[2][0]), ffrParamRes[2][1], "<code>ffr()</code> should return <code>5764</code>");'
+  - text: <code>ffr()</code> deve retornar <code>526334</code>
+    testString: 'assert.equal(ffr(ffrParamRes[3][0]), ffrParamRes[3][1], "<code>ffr()</code> should return <code>526334</code>");'
+  - text: <code>ffs()</code> deve retornar <code>14</code>
+    testString: 'assert.equal(ffs(ffsParamRes[0][0]), ffsParamRes[0][1], "<code>ffs()</code> should return <code>14</code>");'
+  - text: <code>ffs()</code> deve retornar <code>59</code>
+    testString: 'assert.equal(ffs(ffsParamRes[1][0]), ffsParamRes[1][1], "<code>ffs()</code> should return <code>59</code>");'
+  - text: <code>ffs()</code> deve retornar <code>112</code>
+    testString: 'assert.equal(ffs(ffsParamRes[2][0]), ffsParamRes[2][1], "<code>ffs()</code> should return <code>112</code>");'
+  - text: <code>ffs()</code> deve retornar <code>1041</code>
+    testString: 'assert.equal(ffs(ffsParamRes[3][0]), ffsParamRes[3][1], "<code>ffs()</code> should return <code>1041</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// noprotect
+function ffr(n) {
+  return n;
+}
+
+function ffs(n) {
+  return n;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/hofstadter-q-sequence.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/hofstadter-q-sequence.portuguese.md
new file mode 100644
index 0000000000..b6c3a2f5a2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/hofstadter-q-sequence.portuguese.md
@@ -0,0 +1,71 @@
+---
+title: Hofstadter Q sequence
+id: 59637c4d89f6786115efd814
+challengeType: 5
+videoUrl: ''
+localeTitle: Sequência de Hofstadter Q
+---
+
+## Description
+<section id="description"><p> A <a href="https://en.wikipedia.org/wiki/Hofstadter_sequence#Hofstadter_Q_sequence" title="wp: Hofstadter_sequence # Hofstadter_Q_sequence">sequência Hofstadter Q</a> é definida como: </p><p> $ Q (1) = Q (2) = 1, \\ Q (n) = Q \ big (nQ (n-1) \ grande) + Q \ big (nQ (n-2)), \ quad n&gt; 2. $ </p><p> Ele é definido como a <a href="http://rosettacode.org/wiki/Fibonacci sequence" title="Seqüência de Fibonacci">sequência de Fibonacci</a> , mas enquanto o próximo termo na seqüência de Fibonacci é a soma dos dois termos anteriores, na seqüência Q os dois termos anteriores informam o quão longe voltar na seqüência Q para encontrar os dois números. para somar para fazer o próximo termo da sequência. </p> Tarefa: Implementar a equação de Seqüência de Hofstadter Q em JavaScript </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>hofstadterQ</code> é uma função.
+    testString: 'assert(typeof hofstadterQ === "function", "<code>hofstadterQ</code> is a function.");'
+  - text: <code>hofstadterQ()</code> deve retornar <code>integer</code>
+    testString: 'assert(Number.isInteger(hofstadterQ(1000)), "<code>hofstadterQ()</code> should return <code>integer</code>");'
+  - text: <code>hofstadterQ(1000)</code> deve retornar <code>502</code>
+    testString: 'assert.equal(hofstadterQ(testCase[0]), res[0], "<code>hofstadterQ(1000)</code> should return <code>502</code>");'
+  - text: <code>hofstadterQ(1500)</code> deve retornar <code>755</code>
+    testString: 'assert.equal(hofstadterQ(testCase[1]), res[1], "<code>hofstadterQ(1500)</code> should return <code>755</code>");'
+  - text: <code>hofstadterQ(2000)</code> deve retornar <code>1005</code>
+    testString: 'assert.equal(hofstadterQ(testCase[2]), res[2], "<code>hofstadterQ(2000)</code> should return <code>1005</code>");'
+  - text: <code>hofstadterQ(2500)</code> deve retornar <code>1261</code>
+    testString: 'assert.equal(hofstadterQ(testCase[3]), res[3], "<code>hofstadterQ(2500)</code> should return <code>1261</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function hofstadterQ (n) {
+  // Good luck!
+  return n;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/i-before-e-except-after-c.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/i-before-e-except-after-c.portuguese.md
new file mode 100644
index 0000000000..69101b92ad
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/i-before-e-except-after-c.portuguese.md
@@ -0,0 +1,66 @@
+---
+title: I before E except after C
+id: 5a23c84252665b21eecc7eb0
+challengeType: 5
+videoUrl: ''
+localeTitle: Eu antes E exceto depois de C
+---
+
+## Description
+<section id="description"> A frase <a href="https://en.wikipedia.org/wiki/I before E except after C">&quot;Eu antes de E, exceto depois de C&quot;</a> é um mnemônico amplamente conhecido que deveria ajudar quando soletrar palavras inglesas. Usando as palavras fornecidas, verifique se as duas subcláusulas da frase são plausíveis individualmente: <ol><li style="margin-bottom: 5px;"> <i>&quot;Eu antes de E quando não precedido por C&quot;.</i> </li><li> <i>&quot;E antes de eu quando precedido por C&quot;.</i> </li></ol> Se ambas as sub-frases forem plausíveis, então a frase original pode ser considerada plausível. Escreva uma função que aceite uma palavra e verifique se a palavra segue esta regra. A função deve retornar true se seguir a regra, caso contrário, false. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>IBeforeExceptC</code> deve ser uma função.
+    testString: 'assert(typeof IBeforeExceptC=="function","<code>IBeforeExceptC</code> should be a function.");'
+  - text: <code>IBeforeExceptC(&quot;receive&quot;)</code> deve retornar um booleano.
+    testString: 'assert(typeof IBeforeExceptC("receive")=="boolean","<code>IBeforeExceptC("receive")</code> should return a boolean.");'
+  - text: <code>IBeforeExceptC(&quot;receive&quot;)</code> deve retornar <code>true</code> .
+    testString: 'assert.equal(IBeforeExceptC("receive"),true,"<code>IBeforeExceptC("receive")</code> should return <code>true</code>.");'
+  - text: <code>IBeforeExceptC(&quot;science&quot;)</code> deve retornar <code>false</code> .
+    testString: 'assert.equal(IBeforeExceptC("science"),false,"<code>IBeforeExceptC("science")</code> should return <code>false</code>.");'
+  - text: <code>IBeforeExceptC(&quot;imperceivable&quot;)</code> deve retornar <code>true</code> .
+    testString: 'assert.equal(IBeforeExceptC("imperceivable"),true,"<code>IBeforeExceptC("imperceivable")</code> should return <code>true</code>.");'
+  - text: <code>IBeforeExceptC(&quot;inconceivable&quot;)</code> deve retornar <code>true</code> .
+    testString: 'assert.equal(IBeforeExceptC("inconceivable"),true,"<code>IBeforeExceptC("inconceivable")</code> should return <code>true</code>.");'
+  - text: <code>IBeforeExceptC(&quot;insufficient&quot;)</code> deve retornar <code>false</code> .
+    testString: 'assert.equal(IBeforeExceptC("insufficient"),false,"<code>IBeforeExceptC("insufficient")</code> should return <code>false</code>.");'
+  - text: <code>IBeforeExceptC(&quot;omniscient&quot;)</code> deve retornar <code>false</code> .
+    testString: 'assert.equal(IBeforeExceptC("omniscient"),false,"<code>IBeforeExceptC("omniscient")</code> should return <code>false</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function IBeforeExceptC (word) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/iban.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/iban.portuguese.md
new file mode 100644
index 0000000000..f59b17d315
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/iban.portuguese.md
@@ -0,0 +1,72 @@
+---
+title: IBAN
+id: 5a23c84252665b21eecc7eaf
+challengeType: 5
+videoUrl: ''
+localeTitle: IBAN
+---
+
+## Description
+<section id="description"> O <a href="https://en.wikipedia.org/wiki/International_Bank_Account_Number">Número Internacional de Conta Bancária (IBAN)</a> é um meio internacionalmente acordado de identificar contas bancárias através das fronteiras nacionais com um risco reduzido de propagação de <a href="https://en.wikipedia.org/wiki/Transcription_error">erros de transcrição</a> . O IBAN é composto por até 34 caracteres alfanuméricos: <ul><li> primeiro o código de duas letras ISO 3166-1 alpha-2 </li><li> depois dois dígitos de verificação e </li><li> finalmente, um Número Básico de Conta Bancária (BBAN) específico do país. </li></ul> Os dígitos de verificação permitem uma verificação de integridade do número da conta bancária para confirmar sua integridade antes mesmo de enviar uma transação. Escreva uma função que tome a string IBAN como parâmetro. Se for válido, retorne verdadeiro. Caso contrário, retorne falso. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>isValid</code> deve ser uma função.
+    testString: 'assert(typeof isValid=="function","<code>isValid</code> should be a function.");'
+  - text: '<code>isValid(&quot;&quot;+tests[0]+&quot;&quot;)</code> deve retornar um booleano.'
+    testString: 'assert(typeof isValid(tests[0])=="boolean","<code>isValid(""+tests[0]+"")</code> should return a boolean.");'
+  - text: '<code>isValid(&quot;&quot;+tests[0]+&quot;&quot;)</code> deve retornar <code>true</code> .'
+    testString: 'assert.equal(isValid(tests[0]),true,"<code>isValid(""+tests[0]+"")</code> should return <code>true</code>.");'
+  - text: '<code>isValid(&quot;&quot;+tests[1]+&quot;&quot;)</code> deve retornar <code>false</code> .'
+    testString: 'assert.equal(isValid(tests[1]),false,"<code>isValid(""+tests[1]+"")</code> should return <code>false</code>.");'
+  - text: '<code>isValid(&quot;&quot;+tests[2]+&quot;&quot;)</code> deve retornar <code>false</code> .'
+    testString: 'assert.equal(isValid(tests[2]),false,"<code>isValid(""+tests[2]+"")</code> should return <code>false</code>.");'
+  - text: '<code>isValid(&quot;&quot;+tests[3]+&quot;&quot;)</code> deve retornar <code>false</code> .'
+    testString: 'assert.equal(isValid(tests[3]),false,"<code>isValid(""+tests[3]+"")</code> should return <code>false</code>.");'
+  - text: '<code>isValid(&quot;&quot;+tests[4]+&quot;&quot;)</code> deve retornar <code>true</code> .'
+    testString: 'assert.equal(isValid(tests[4]),true,"<code>isValid(""+tests[4]+"")</code> should return <code>true</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function isValid (iban) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/identity-matrix.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/identity-matrix.portuguese.md
new file mode 100644
index 0000000000..0370403748
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/identity-matrix.portuguese.md
@@ -0,0 +1,70 @@
+---
+title: Identity matrix
+id: 5a23c84252665b21eecc7eb1
+challengeType: 5
+videoUrl: ''
+localeTitle: Matriz de identidade
+---
+
+## Description
+<section id="description"> Uma <i>matriz de identidade</i> é uma matriz quadrada de tamanho \ (n \ times n \), onde os elementos da diagonal são todos <b>1</b> s (uns), e todos os outros elementos são todos <b>0</b> s (zeros). \ begin {bmatrix} 1 &amp; 0 &amp; 0 \ cr 0 &amp; 1 &amp; 0 \ cr 0 &amp; 0 &amp; 1 \ cr \ end {bmatrix} Escreva uma função que tenha um número &#39;n&#39; como parâmetro e retorne a matriz de identidade de ordem nx n. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>idMatrix</code> deve ser uma função.
+    testString: 'assert(typeof idMatrix=="function","<code>idMatrix</code> should be a function.");'
+  - text: <code>idMatrix(1)</code> deve retornar um array.
+    testString: 'assert(Array.isArray(idMatrix(1)),"<code>idMatrix(1)</code> should return an array.");'
+  - text: '<code>idMatrix(1)</code> deve retornar <code>&quot;+JSON.stringify(results[0])+&quot;</code> .'
+    testString: 'assert.deepEqual(idMatrix(1),results[0],"<code>idMatrix(1)</code> should return <code>"+JSON.stringify(results[0])+"</code>.");'
+  - text: '<code>idMatrix(2)</code> deve retornar <code>&quot;+JSON.stringify(results[1])+&quot;</code> .'
+    testString: 'assert.deepEqual(idMatrix(2),results[1],"<code>idMatrix(2)</code> should return <code>"+JSON.stringify(results[1])+"</code>.");'
+  - text: '<code>idMatrix(3)</code> deve retornar <code>&quot;+JSON.stringify(results[2])+&quot;</code> .'
+    testString: 'assert.deepEqual(idMatrix(3),results[2],"<code>idMatrix(3)</code> should return <code>"+JSON.stringify(results[2])+"</code>.");'
+  - text: '<code>idMatrix(4)</code> deve retornar <code>&quot;+JSON.stringify(results[3])+&quot;</code> .'
+    testString: 'assert.deepEqual(idMatrix(4),results[3],"<code>idMatrix(4)</code> should return <code>"+JSON.stringify(results[3])+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function idMatrix (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/iterated-digits-squaring.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/iterated-digits-squaring.portuguese.md
new file mode 100644
index 0000000000..452075e881
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/iterated-digits-squaring.portuguese.md
@@ -0,0 +1,67 @@
+---
+title: Iterated digits squaring
+id: 5a23c84252665b21eecc7ec1
+challengeType: 5
+videoUrl: ''
+localeTitle: Dígitos iterados em quadratura
+---
+
+## Description
+<section id="description"> Se você adicionar o quadrado dos dígitos de um número Natural (um número inteiro maior que zero), você sempre terminará com 1 ou 89: <pre> 15 -&gt; 26 -&gt; 40 -&gt; 16 -&gt; 37 -&gt; 58 -&gt; 89
+7 -&gt; 49 -&gt; 97 -&gt; 130 -&gt; 10 -&gt; 1 </pre> Escreva uma função que use um número como parâmetro e retorne 1 ou 89 depois de executar o processo mencionado. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>iteratedSquare</code> deve ser uma função.
+    testString: 'assert(typeof iteratedSquare=="function","<code>iteratedSquare</code> should be a function.");'
+  - text: <code>iteratedSquare(4)</code> deve retornar um número.
+    testString: 'assert(typeof iteratedSquare(4)=="number","<code>iteratedSquare(4)</code> should return a number.");'
+  - text: <code>iteratedSquare(4)</code> deve retornar <code>89</code> .
+    testString: 'assert.equal(iteratedSquare(4),89,"<code>iteratedSquare(4)</code> should return <code>89</code>.");'
+  - text: <code>iteratedSquare(7)</code> deve retornar <code>1</code> .
+    testString: 'assert.equal(iteratedSquare(7),1,"<code>iteratedSquare(7)</code> should return <code>1</code>.");'
+  - text: <code>iteratedSquare(15)</code> deve retornar <code>89</code> .
+    testString: 'assert.equal(iteratedSquare(15),89,"<code>iteratedSquare(15)</code> should return <code>89</code>.");'
+  - text: <code>iteratedSquare(20)</code> deve retornar <code>89</code> .
+    testString: 'assert.equal(iteratedSquare(20),89,"<code>iteratedSquare(20)</code> should return <code>89</code>.");'
+  - text: <code>iteratedSquare(70)</code> deve retornar <code>1</code> .
+    testString: 'assert.equal(iteratedSquare(70),1,"<code>iteratedSquare(70)</code> should return <code>1</code>.");'
+  - text: <code>iteratedSquare(100)</code> deve retornar <code>1</code> .
+    testString: 'assert.equal(iteratedSquare(100),1,"<code>iteratedSquare(100)</code> should return <code>1</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function iteratedSquare (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/jaro-distance.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/jaro-distance.portuguese.md
new file mode 100644
index 0000000000..edecdd808f
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/jaro-distance.portuguese.md
@@ -0,0 +1,72 @@
+---
+title: Jaro distance
+id: 5a23c84252665b21eecc7ec2
+challengeType: 5
+videoUrl: ''
+localeTitle: Distância Jaro
+---
+
+## Description
+<section id="description"> A distância Jaro é uma medida de similaridade entre duas seqüências. Quanto maior a distância Jaro para duas strings, mais similares são as strings. A pontuação é normalizada de tal forma que <b>0</b> equivale a nenhuma semelhança e <b>1</b> é uma correspondência exata. Definição A distância Jaro \ (d_j \) de duas strings dadas \ (s_1 \) e \ (s_2 \) é \ begin {align} d_j = \ begin {casos} 0 &amp; &amp; \ text {if} m = 0 \\\ \ {\ frac {1} {3}} \ left ({\ frac {m} {| s_ {1} |}} + {\ frac {m} {| s_ {2} |}} + {\ frac { mt} {m}} \ right) &amp; &amp; \ text {caso contrário} \ end {cases} \ end {align} Onde: <ul><li> \ (m \) é o número de <i>caracteres correspondentes</i> ; </li><li> \ (t \) é metade do número de <i>transposições</i> . </li></ul> Dois caracteres de \ (s_1 \) e \ (s_2 \), respectivamente, são considerados <i>correspondentes</i> somente se forem iguais e não mais que \ (\ left \ lfloor \ frac {\ max (| s_1 |, | s_2 |)} {2} \ right \ rfloor-1 \). Cada caractere de \ (s_1 \) é comparado com todos os caracteres correspondentes em \ (s_2 \). O número de caracteres correspondentes (mas de ordem de seqüência diferente) dividido por 2 define o número de <i>transposições</i> . <b>Exemplo</b> Dadas as strings \ (s_1 \) <i>DWAYNE</i> e \ (s_2 \) <i>DUANE</i> encontramos: <ul><li> \ (m = 4 \) </li><li> \ (| s_1 | = 6 \) </li><li> \ (| s_2 | = 5 \) </li><li> \ (t = 0 \) </li></ul> Encontramos uma pontuação Jaro de: \ (d_j = \ frac {1} {3} \ left (\ frac {4} {6} + \ frac {4} {5} + \ frac {4-0} {4} \ right) = 0,822 \). Escreva uma função a que use duas strings como parâmetros e retorne a distância Jaro associada. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>jaro</code> deveria ser uma função.
+    testString: 'assert(typeof jaro=="function","<code>jaro</code> should be a function.");'
+  - text: '<code>jaro(&quot;&quot;+tests[0][0]+&quot;&quot;,&quot;&quot;+tests[0][1]+&quot;&quot;)</code> deve retornar um número.'
+    testString: 'assert(typeof jaro(tests[0][0],tests[0][1])=="number","<code>jaro()</code> should return a number.");'
+  - text: '<code>jaro(&quot;&quot;+tests[0][0]+&quot;&quot;,&quot;&quot;+tests[0][1]+&quot;&quot;)</code> deve retornar <code>&quot;+results[0]+&quot;</code> .'
+    testString: 'assert.equal(jaro(tests[0][0],tests[0][1]),results[0],"<code>jaro(""+tests[0][0]+"",""+tests[0][1]+"")</code> should return <code>"+results[0]+"</code>.");'
+  - text: '<code>jaro(&quot;&quot;+tests[1][0]+&quot;&quot;,&quot;&quot;+tests[1][1]+&quot;&quot;)</code> deve retornar <code>&quot;+results[1]+&quot;</code> .'
+    testString: 'assert.equal(jaro(tests[1][0],tests[1][1]),results[1],"<code>jaro(""+tests[1][0]+"",""+tests[1][1]+"")</code> should return <code>"+results[1]+"</code>.");'
+  - text: '<code>jaro(&quot;&quot;+tests[2][0]+&quot;&quot;,&quot;&quot;+tests[2][1]+&quot;&quot;)</code> deve retornar <code>&quot;+results[2]+&quot;</code> .'
+    testString: 'assert.equal(jaro(tests[2][0],tests[2][1]),results[2],"<code>jaro(""+tests[2][0]+"",""+tests[2][1]+"")</code> should return <code>"+results[2]+"</code>.");'
+  - text: '<code>jaro(&quot;&quot;+tests[3][0]+&quot;&quot;,&quot;&quot;+tests[3][1]+&quot;&quot;)</code> devem retornar <code>&quot;+results[3]+&quot;</code> .'
+    testString: 'assert.equal(jaro(tests[3][0],tests[3][1]),results[3],"<code>jaro(""+tests[3][0]+"",""+tests[3][1]+"")</code> should return <code>"+results[3]+"</code>.");'
+  - text: '<code>jaro(&quot;&quot;+tests[4][0]+&quot;&quot;,&quot;&quot;+tests[4][1]+&quot;&quot;)</code> deve retornar <code>&quot;+results[4]+&quot;</code> .'
+    testString: 'assert.equal(jaro(tests[4][0],tests[4][1]),results[4],"<code>jaro(""+tests[4][0]+"",""+tests[4][1]+"")</code> should return <code>"+results[4]+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function jaro (s, t) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/jortsort.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/jortsort.portuguese.md
new file mode 100644
index 0000000000..cb1eed2dbd
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/jortsort.portuguese.md
@@ -0,0 +1,74 @@
+---
+title: JortSort
+id: 5a23c84252665b21eecc7ec4
+challengeType: 5
+videoUrl: ''
+localeTitle: JortSort
+---
+
+## Description
+<section id="description"> O jortSort é um conjunto de ferramentas de classificação que faz com que o usuário faça o trabalho e garanta a eficiência, porque você não precisa fazer a classificação novamente. Foi originalmente apresentado por Jenn &quot;Moneydollars&quot; Schiffer no prestigiado <a href="https://www.youtube.com/watch?v=pj4U_W0OFoE">JSConf</a> . jortSort é uma função que usa um único array de objetos comparáveis ​​como argumento. Em seguida, ele classifica a matriz em ordem crescente e compara a matriz classificada à matriz originalmente fornecida. Se as matrizes combinam (ou seja, a matriz original já foi classificada), a função retorna true. Se as matrizes não corresponderem (ou seja, a matriz original não foi classificada), a função retornará false. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>jortsort</code> deveria ser uma função.
+    testString: 'assert(typeof jortsort=="function","<code>jortsort</code> should be a function.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[0])+&quot;)</code> deve retornar um booleano.'
+    testString: 'assert(typeof jortsort(tests[0].slice())=="boolean","<code>jortsort("+JSON.stringify(tests[0])+")</code> should return a boolean.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[0])+&quot;)</code> deve retornar <code>true</code> .'
+    testString: 'assert.equal(jortsort(tests[0].slice()),true,"<code>jortsort("+JSON.stringify(tests[0])+")</code> should return <code>true</code>.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[1])+&quot;)</code> deve retornar <code>false</code> .'
+    testString: 'assert.equal(jortsort(tests[1].slice()),false,"<code>jortsort("+JSON.stringify(tests[1])+")</code> should return <code>false</code>.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[2])+&quot;)</code> deve retornar <code>false</code> .'
+    testString: 'assert.equal(jortsort(tests[2].slice()),false,"<code>jortsort("+JSON.stringify(tests[2])+")</code> should return <code>false</code>.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[3])+&quot;)</code> deve retornar <code>true</code> .'
+    testString: 'assert.equal(jortsort(tests[3].slice()),true,"<code>jortsort("+JSON.stringify(tests[3])+")</code> should return <code>true</code>.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[4])+&quot;)</code> deve retornar <code>false</code> .'
+    testString: 'assert.equal(jortsort(tests[4].slice()),false,"<code>jortsort("+JSON.stringify(tests[4])+")</code> should return <code>false</code>.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[5])+&quot;)</code> deve retornar <code>true</code> .'
+    testString: 'assert.equal(jortsort(tests[5].slice()),true,"<code>jortsort("+JSON.stringify(tests[5])+")</code> should return <code>true</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function jortsort (array) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/josephus-problem.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/josephus-problem.portuguese.md
new file mode 100644
index 0000000000..5f1a1803f5
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/josephus-problem.portuguese.md
@@ -0,0 +1,64 @@
+---
+title: Josephus problem
+id: 5a23c84252665b21eecc7ec5
+challengeType: 5
+videoUrl: ''
+localeTitle: Problema Josephus
+---
+
+## Description
+<section id="description"> <a href="https://en.wikipedia.org/wiki/Josephus problem">O problema de Josefo</a> é um enigma matemático com uma descrição sombria: prisioneiros de $ n $ estão de pé em um círculo, numerados sequencialmente de $ 0 $ a $ n-1 $. Um carrasco caminha ao longo do círculo, partindo do prisioneiro de US $ 0, removendo cada prisioneiro de $ k $ e matando-o. À medida que o processo continua, o círculo se torna cada vez menor, até restar apenas um prisioneiro, que é então libertado. Por exemplo, se houver $ n = 5 $ prisioneiros e $ k = 2 $, a ordem em que os prisioneiros são mortos (vamos chamá-la de &quot;sequência de mortes&quot;) será 1, 3, 0 e 4, e o sobrevivente será # 2. Dado qualquer <big>$ n, k&gt; 0 $</big> , descubra qual prisioneiro será o último sobrevivente. Em um desses incidentes, havia 41 prisioneiros e a cada <sup>3º</sup> prisioneiro estava sendo morto ( <big>$ k = 3 $</big> ). Entre eles havia um esperto nome Josephus, que resolveu o problema, permaneceu na posição de sobrevivente e continuou a contar a história. Qual número ele era? Escreva uma função que tome o número inicial de prisioneiros e &#39;k&#39; como parâmetro e retorne o número do prisioneiro que sobrevive. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>josephus</code> deveria ser uma função.
+    testString: 'assert(typeof josephus=="function","<code>josephus</code> should be a function.");'
+  - text: '<code>josephus(30,3)</code> deve retornar um número.'
+    testString: 'assert(typeof josephus(30,3)=="number","<code>josephus(30,3)</code> should return a number.");'
+  - text: '<code>josephus(30,3)</code> deve retornar <code>29</code> .'
+    testString: 'assert.equal(josephus(30,3),29,"<code>josephus(30,3)</code> should return <code>29</code>.");'
+  - text: '<code>josephus(30,5)</code> deve retornar <code>3</code> .'
+    testString: 'assert.equal(josephus(30,5),3,"<code>josephus(30,5)</code> should return <code>3</code>.");'
+  - text: '<code>josephus(20,2)</code> deve retornar <code>9</code> .'
+    testString: 'assert.equal(josephus(20,2),9,"<code>josephus(20,2)</code> should return <code>9</code>.");'
+  - text: '<code>josephus(17,6)</code> deve retornar <code>2</code> .'
+    testString: 'assert.equal(josephus(17,6),2,"<code>josephus(17,6)</code> should return <code>2</code>.");'
+  - text: '<code>josephus(29,4)</code> deve retornar <code>2</code> .'
+    testString: 'assert.equal(josephus(29,4),2,"<code>josephus(29,4)</code> should return <code>2</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function josephus (init, kill) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/s-expressions.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/s-expressions.portuguese.md
new file mode 100644
index 0000000000..eb28d46324
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/s-expressions.portuguese.md
@@ -0,0 +1,67 @@
+---
+title: S-Expressions
+id: 59667989bf71cf555dd5d2ff
+challengeType: 5
+videoUrl: ''
+localeTitle: Expressões S
+---
+
+## Description
+<section id="description"><p> <a href="https://en.wikipedia.org/wiki/S-Expression" title="wp: expressão S">Expressões S</a> são uma maneira conveniente de analisar e armazenar dados. </p> Tarefa: <p> Escreva um leitor / analisador simples para S-Expressions que lida com strings, inteiros e flutuantes entre aspas e sem aspas. </p><p> A função deve ler uma única S-Expression aninhada de uma string e retorná-la como uma matriz (aninhada). </p><p> As novas linhas e outros espaços em branco podem ser ignorados, a menos que estejam contidos em uma cadeia de caracteres entre aspas. </p><p> “ <tt>()</tt> ” Strings entre aspas não são interpretadas, mas tratadas como parte da string. </p><p> Manipular citações com escape dentro de uma string é opcional; assim, “ <tt>(foo bar)</tt> ” talvez tratada como uma string “ <tt>foo” bar</tt> ”, ou como um erro. </p><p> Para isso, o leitor não precisa reconhecer “ <tt>\</tt> ” para escapar, mas deve, além disso, reconhecer números se a linguagem tiver tipos de dados apropriados. </p><p> Observe que, com a exceção de “ <tt>()”</tt> ”(“ <tt>\</tt> ”se houver suporte a escape) e espaço em branco, não há caracteres especiais, e qualquer outra coisa é permitida sem aspas. </p><p> O leitor deve poder ler a seguinte entrada </p><p></p><pre> ((dados &quot;dados cotados&quot; 123 4.5)
+    (dados (! @ # (4.5) &quot;(mais&quot; &quot;dados)&quot;)))
+</pre><p></p><p> e transformá-lo em uma estrutura de dados nativa. (veja as implementações de <a href="http://rosettacode.org/wiki/#Pike" title="#Pique">Pike</a> , <a href="http://rosettacode.org/wiki/#Python" title="#Python">Python</a> e <a href="http://rosettacode.org/wiki/#Ruby" title="#Rubi">Ruby</a> para exemplos de estruturas de dados nativas.) </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>parseSexpr</code> é uma função.
+    testString: 'assert(typeof parseSexpr === "function", "<code>parseSexpr</code> is a function.");'
+  - text: '<code>parseSexpr(&quot;(data1 data2 data3)&quot;)</code> deve retornar [&quot;data1&quot;, &quot;data2&quot;, &quot;data3&quot;] &quot;)'
+    testString: 'assert.deepEqual(parseSexpr(simpleSExpr), simpleSolution, "<code>parseSexpr("(data1 data2 data3)")</code> should return ["data1", "data2", "data3"]");'
+  - text: '<code>parseSexpr(&#39;(data1 data2 data3)&#39;)</code> deve retornar um array com 3 elementos &quot;)'
+    testString: 'assert.deepEqual(parseSexpr(basicSExpr), basicSolution, "<code>parseSexpr("(data1 data2 data3)")</code> should return an array with 3 elements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function parseSexpr(str) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/sailors-coconuts-and-a-monkey-problem.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/sailors-coconuts-and-a-monkey-problem.portuguese.md
new file mode 100644
index 0000000000..2712a6d9de
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/sailors-coconuts-and-a-monkey-problem.portuguese.md
@@ -0,0 +1,60 @@
+---
+title: 'Sailors, coconuts and a monkey problem'
+id: 59da22823d04c95919d46269
+challengeType: 5
+videoUrl: ''
+localeTitle: 'Marinheiros, cocos e um problema de macaco'
+---
+
+## Description
+<section id="description"><p> Cinco marinheiros naufragam numa ilha e recolhem uma grande pilha de cocos durante o dia. </p><p> Naquela noite, o primeiro marinheiro acorda e decide tomar sua primeira parte mais cedo, então tenta dividir a pilha de cocos igualmente em cinco pilhas, mas descobre que sobrou um coco, então ele o joga em um macaco e depois esconde &quot;seu&quot;. uma das cinco pilhas de cocos iguais e empurra as outras quatro pilhas juntas para formar uma única pilha visível de cocos novamente e vai para a cama. </p><p> Para encurtar a história, cada um dos marinheiros, por sua vez, se levanta uma vez durante a noite e realiza as mesmas ações de dividir a pilha de côco em cinco, descobrindo que sobrou um coco e dando aquele único coco restante ao macaco. </p><p> De manhã (após a ação sub-reptícia e separada de cada um dos cinco marinheiros durante a noite), os cocos remanescentes são divididos em cinco pilhas iguais para cada um dos marinheiros, após o que se verifica que a pilha de cocos se divide igualmente entre os marinheiros. sem resto. (Nada para o macaco de manhã.) </p><p> A tarefa: </p><pre> <code> Create a function that returns the the minimum possible size of the initial pile of coconuts collected during the day for N sailors.</code> </pre><p> Nota: </p><pre> <code> Of course the tale is told in a world where the collection of any amount of coconuts in a day and multiple divisions of the pile, etc can occur in time fitting the story line, so as not to affect the mathematics.</code> </pre><p> Cf: </p><p> <a href="https://www.youtube.com/watch?v=U9qU20VmvaU" title="link: https://www.youtube.com/watch?v=U9qU20VmvaU">Macacos e Cocos - Solução</a> Analítica <a href="https://www.youtube.com/watch?v=U9qU20VmvaU" title="link: https://www.youtube.com/watch?v=U9qU20VmvaU">Numberphile</a> (Video). </p><pre> <code> &lt;a href=&quot;http://oeis.org/A002021&quot; title=&quot;link: http://oeis.org/A002021&quot;&gt;A002021 Pile of coconuts problem&lt;/a&gt; The On-Line Encyclopedia of Integer Sequences. (Although some of its references may use the alternate form of the tale).</code> </pre></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>splitCoconuts</code> é uma função.
+    testString: 'assert(typeof splitCoconuts === "function", "<code>splitCoconuts</code> is a function.");'
+  - text: <code>splitCoconuts(5)</code> deve retornar 3121.
+    testString: 'assert(splitCoconuts(5) === 3121, "<code>splitCoconuts(5)</code> should return 3121.");'
+  - text: <code>splitCoconuts(6)</code> deve retornar 233275.
+    testString: 'assert(splitCoconuts(6) === 233275, "<code>splitCoconuts(6)</code> should return 233275.");'
+  - text: <code>splitCoconuts(7)</code> deve retornar 823537.
+    testString: 'assert(splitCoconuts(7) === 823537, "<code>splitCoconuts(7)</code> should return 823537.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// noprotect
+function splitCoconuts(intSailors) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/sedols.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/sedols.portuguese.md
new file mode 100644
index 0000000000..4a3df1a031
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/sedols.portuguese.md
@@ -0,0 +1,61 @@
+---
+title: SEDOLs
+id: 59d9c6bc214c613ba73ff012
+challengeType: 5
+videoUrl: ''
+localeTitle: SEDOLs
+---
+
+## Description
+<section id="description"> Tarefa: <p> Para cada lista de números de <a href="https://en.wikipedia.org/wiki/SEDOL" title="wp: SEDOL">SEDOLs</a> de 6 dígitos, calcule e anexe o dígito da soma de verificação. </p><p> Isto é, dada a string de entrada à esquerda, sua função deve retornar a string correspondente à direita: </p><pre> <code>&lt;pre&gt; 710889 =&gt; 7108899 B0YBKJ =&gt; B0YBKJ7 406566 =&gt; 4065663 B0YBLH =&gt; B0YBLH2 228276 =&gt; 2282765 B0YBKL =&gt; B0YBKL9 557910 =&gt; 5579107 B0YBKR =&gt; B0YBKR5 585284 =&gt; 5852842 B0YBKT =&gt; B0YBKT7 B00030 =&gt; B000300 &lt;/pre&gt;</code> </pre><p> Verifique também se cada entrada está formada corretamente, especialmente com relação aos caracteres válidos permitidos em uma string SEDOL. Sua função deve retornar <code>null</code> em entrada inválida. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sedol</code> é uma função.
+    testString: 'assert(typeof sedol === "function", "<code>sedol</code> is a function.");'
+  - text: '<code>sedol(&#39;a&#39;)</code> deve retornar null. &quot;)'
+    testString: 'assert(sedol("a") === null, "<code>sedol("a")</code> should return null.");'
+  - text: '<code>sedol(&#39;710889&#39;)</code> deve retornar &#39;7108899&#39;. &quot;)'
+    testString: 'assert(sedol("710889") === "7108899", "<code>sedol("710889")</code> should return "7108899".");'
+  - text: '<code>sedol(&#39;BOATER&#39;)</code> deve retornar null. &quot;)'
+    testString: 'assert(sedol("BOATER") === null, "<code>sedol("BOATER")</code> should return null.");'
+  - text: '<code>sedol(&#39;228276&#39;)</code> deve retornar &#39;2282765&#39;. &quot;)'
+    testString: 'assert(sedol("228276") === "2282765", "<code>sedol("228276")</code> should return "2282765".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sedol (input) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/taxicab-numbers.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/taxicab-numbers.portuguese.md
new file mode 100644
index 0000000000..7333707a59
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/taxicab-numbers.portuguese.md
@@ -0,0 +1,71 @@
+---
+title: Taxicab numbers
+id: 594ecc0d9a8cf816e3340187
+challengeType: 5
+videoUrl: ''
+localeTitle: Números de Taxicab
+---
+
+## Description
+<section id="description"> Um <a href="https://en.wikipedia.org/wiki/Hardy–Ramanujan number" title="wp: Hardy – Ramanujan number">número de táxi</a> (a definição que está sendo usada aqui) é um inteiro positivo que pode ser expresso como a soma de dois cubos positivos em mais de uma maneira. O primeiro número de táxi é 1729, que é: 1 <sup>3</sup> + 12 <sup>3</sup> e 9 <sup>3</sup> + 10 <sup>3</sup> . Números de táxi também são conhecidos como: * números de táxi * números de táxi-táxi * números de táxi * números Hardy-Ramanujan Tarefa: Escreva uma função que retorna os números mais baixos N táxis. Para cada um dos números de táxi, mostre o número e seus cubos constituintes. Veja também: [http://oeis.org/A001235 A001235 números de táxis] na Enciclopédia On-Line de Seqüências Inteiras. <a href="http://mathworld.wolfram.com/Hardy-RamanujanNumber.html">Número Hardy-Ramanujan</a> no MathWorld. <a href="http://mathworld.wolfram.com/TaxicabNumber.html">Número do táxi</a> no MathWorld. <a href="https://en.wikipedia.org/wiki/Taxicab_number">número do táxi</a> na Wikipedia. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>taxicabNumbers</code> é uma função.
+    testString: 'assert(typeof taxicabNumbers === "function", "<code>taxicabNumbers </code> is a function.");'
+  - text: <code>taxicabNumbers</code> deve retornar um array.
+    testString: 'assert(typeof taxicabNumbers(2) === "object", "<code>taxicabNumbers </code> should return an array.");'
+  - text: <code>taxicabNumbers</code> deve retornar uma matriz de números.
+    testString: 'assert(typeof taxicabNumbers(100)[0] === "number", "<code>taxicabNumbers </code> should return an array of numbers.");'
+  - text: '<code>taxicabNumbers(4)</code> deve devolver [1729, 4104, 13832, 20683].'
+    testString: 'assert.deepEqual(taxicabNumbers(4), res4, "<code>taxicabNumbers(4) </code> must return [1729, 4104, 13832, 20683].");'
+  - text: 'taxicabNumbers (25) deve retornar [1729, 4104, 13832, 20683, 32832, 39312, 40033, 46683, 64232, 65728, 110656, 110808, 134379, 149389, 165464, 171288, 195841, 216027, 216125, 262656, 314496, 320264. , 327763, 373464, 402597]'
+    testString: 'assert.deepEqual(taxicabNumbers(25), res25, "taxicabNumbers(25) should return [1729, 4104, 13832, 20683, 32832, 39312, 40033, 46683, 64232, 65728, 110656, 110808, 134379, 149389, 165464, 171288, 195841, 216027, 216125, 262656, 314496, 320264, 327763, 373464, 402597]");'
+  - text: 'taxicabNumbers (39) números resultantes de 20 - 29 devem ser [314496,320264,327763,373464,402597,439101,443889,513000,513856].'
+    testString: 'assert.deepEqual(taxicabNumbers(39).slice(20, 29), res39From20To29, "taxicabNumbers(39) resulting numbers from 20 - 29 should be [314496,320264,327763,373464,402597,439101,443889,513000,513856].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function taxicabNumbers (n) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/tokenize-a-string-with-escaping.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/tokenize-a-string-with-escaping.portuguese.md
new file mode 100644
index 0000000000..2cd97b4aa8
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/tokenize-a-string-with-escaping.portuguese.md
@@ -0,0 +1,67 @@
+---
+title: Tokenize a string with escaping
+id: 594faaab4e2a8626833e9c3d
+challengeType: 5
+videoUrl: ''
+localeTitle: Tokenize uma string com escape
+---
+
+## Description
+<section id="description"><p> Escreva uma função ou programa que pode dividir uma string em cada ocorrência não escapada de um caractere separador. </p><p> Deve aceitar três parâmetros de entrada: </p> A <b>string</b> O <b>caractere separador</b> O <b>caractere de escape</b> <p> Deve produzir uma lista de strings. </p><p> Regras para divisão: </p> Os campos que foram separados pelos separadores, tornam-se os elementos da lista de saída. Campos vazios devem ser preservados, mesmo no início e no final. <p> Regras para escapar: </p> &quot;Escapeado&quot; significa precedido por uma ocorrência do caractere de escape que ainda não escapou. Quando o caractere de escape precede um caractere que não tem significado especial, ele ainda conta como um escape (mas não faz nada de especial). Cada ocorrência do caractere de escape que foi usado para escapar de algo não deve se tornar parte da saída. <p> Demonstre que sua função satisfaz o seguinte caso de teste: </p><pre> um ^ | uno || tres ^^^^ | quatro ^^^ | ^ cuatro | </pre> e usando <pre> | </pre> como um separador e <pre> ^ </pre> como caractere de escape, sua função deve gerar o seguinte array: <p></p><pre> [&#39;one | uno&#39;, &quot;, &#39;three ^^&#39;, &#39;quatro ^ | quatro&#39;,&quot;]
+  </pre></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>tokenize</code> é uma função.
+    testString: 'assert(typeof tokenize === "function", "<code>tokenize</code> is a function.");'
+  - text: <code>tokenize</code> deve retornar um array.
+    testString: 'assert(typeof tokenize("a", "b", "c") === "object", "<code>tokenize</code> should return an array.");'
+  - text: '<code>tokenize(&quot;one^|uno||three^^^^|four^^^|^cuatro|&quot;, &quot;|&quot;, &quot;^&quot;)</code> deve retornar [&quot;one | uno&quot;, &quot;&quot;, &quot;three ^^&quot; , &quot;quatro ^ | cuatro&quot;, &quot;&quot;] &quot;)'
+    testString: 'assert.deepEqual(tokenize(testStr1, "|", "^"), res1, "<code>tokenize("one^|uno||three^^^^|four^^^|^cuatro|", "|", "^") </code> should return ["one|uno", "", "three^^", "four^|cuatro", ""]");'
+  - text: '<code>tokenize(&quot;a@&amp;bcd&amp;ef&amp;&amp;@@hi&quot;, &quot;&amp;&quot;, &quot;@&quot;)</code> deve retornar <code>[&quot;a&amp;bcd&quot;, &quot;ef&quot;, &quot;&quot;, &quot;@hi&quot;]</code>'
+    testString: 'assert.deepEqual(tokenize(testStr2, "&", "@"), res2, "<code>tokenize("a@&bcd&ef&&@@hi", "&", "@")</code> should return <code>["a&bcd", "ef", "", "@hi"]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function tokenize(str, esc, sep) {
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/top-rank-per-group.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/top-rank-per-group.portuguese.md
new file mode 100644
index 0000000000..1ed1dee425
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/top-rank-per-group.portuguese.md
@@ -0,0 +1,95 @@
+---
+title: Top rank per group
+id: 595011cba5a81735713873bd
+challengeType: 5
+videoUrl: ''
+localeTitle: Melhor classificação por grupo
+---
+
+## Description
+<section id="description"> Tarefa: <p> Encontre os primeiros N dados classificados em cada grupo, onde N é fornecido como um parâmetro. O nome da classificação e o grupo também são fornecidos como parâmetro. </p> Dados os seguintes dados: <pre> [
+  {nome: &#39;Tyler Bennett&#39;, id: &#39;E10297&#39;, salário: 32000, departamento: &#39;D101&#39;},
+  {nome: &#39;John Rappl&#39;, id: &#39;E21437&#39;, salário: 47000, departamento: &#39;D050&#39;},
+  {nome: &#39;George Woltman&#39;, id: &#39;E00127&#39;, salário: 53500, departamento: &#39;D101&#39;},
+  {nome: &#39;Adam Smith&#39;, id: &#39;E63535&#39;, salário: 18000, departamento: &#39;D202&#39;},
+  {name: &#39;Claire Buckman&#39;, id: &#39;E39876&#39;, salário: 27800, departamento: &#39;D202&#39;},
+  {nome: &#39;David McClellan&#39;, id: &#39;E04242&#39;, salário: 41500, departamento: &#39;D101&#39;},
+  {nome: &#39;Rich Holcomb&#39;, id: &#39;E01234&#39;, salário: 49500, departamento: &#39;D202&#39;},
+  {nome: &#39;Nathan Adams&#39;, id: &#39;E41298&#39;, salário: 21900, departamento: &#39;D050&#39;},
+  {nome: &#39;Richard Potter&#39;, id: &#39;E43128&#39;, salário: 15900, departamento: &#39;D101&#39;},
+  {nome: &#39;David Motsinger&#39;, id: &#39;E27002&#39;, salário: 19250, departamento: &#39;D202&#39;},
+  {nome: &#39;Tim Sampair&#39;, id: &#39;E03033&#39;, salário: 27000, departamento: &#39;D101&#39;},
+  {nome: &#39;Kim Arlich&#39;, id: &#39;E10001&#39;, salário: 57000, departamento: &#39;D190&#39;},
+  {nome: &#39;Timothy Grove&#39;, id: &#39;E16398&#39;, salário: 29900, departamento: &#39;D190&#39;}
+];
+</pre> pode-se classificar os 10 funcionários em cada departamento chamando <code>topRankPerGroup(10, data, &#39;dept&#39;, &#39;salary&#39;)</code> Dados os seguintes dados: <pre> [
+  {name: &#39;Friday 13th&#39;, gênero: &#39;horror&#39;, avaliação: 9.9},
+  {nome: &quot;Nightmare on Elm&#39;s Street&quot;, gênero: &#39;horror&#39;, avaliação: 5.7},
+  {name: &#39;Titanic&#39;, gênero: &#39;drama&#39;, avaliação: 7.3},
+  {name: &#39;Maze Runner&#39;, gênero: &#39;scifi&#39;, avaliação: 7.1}
+  {name: &#39;Blade runner&#39;, gênero: &#39;scifi&#39;, avaliação: 8.9}
+];
+</pre> pode-se classificar o filme mais bem classificado em cada gênero chamando <code>topRankPerGroup(1, data, &#39;genre&#39;, &#39;rating&#39;)</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>topRankPerGroup</code> é uma função.
+    testString: 'assert(typeof topRankPerGroup === "function", "<code>topRankPerGroup</code> is a function.");'
+  - text: <code>topRankPerGroup</code> retorna indefinido em valores n negativos.
+    testString: 'assert(typeof topRankPerGroup(-1, []) === "undefined", "<code>topRankPerGroup</code> returns undefined on negative n values.");'
+  - text: Primeiro departamento deve ser D050
+    testString: 'assert.equal(res1[0][0].dept, "D050", "First department must be D050");'
+  - text: Primeiro departamento deve ser D050
+    testString: 'assert.equal(res1[0][1].salary, 21900, "First department must be D050");'
+  - text: O último departamento deve ser D202
+    testString: 'assert.equal(res1[3][3].dept, "D202", "The last department must be D202");'
+  - text: '<code>topRankPerGroup(1, ...)</code> deve retornar apenas o melhor resultado de classificação por grupo.'
+    testString: 'assert.equal(res2[2].length, 1, "<code>topRankPerGroup(1, ...)</code> must return only top ranking result per group.");'
+  - text: '<code>topRankPerGroup(1, ...)</code> deve retornar apenas o melhor resultado de classificação por grupo.'
+    testString: 'assert.equal(res3[2][1].name, "Maze Runner", "<code>topRankPerGroup(1, ...)</code> must return only top ranking result per group.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function topRankPerGroup(n, data, groupName, rankName) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/topological-sort.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/topological-sort.portuguese.md
new file mode 100644
index 0000000000..c2d5a5f941
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/topological-sort.portuguese.md
@@ -0,0 +1,84 @@
+---
+title: Topological sort
+id: 594fa2746886f41f7d8bf225
+challengeType: 5
+videoUrl: ''
+localeTitle: Tipo topológico
+---
+
+## Description
+<section id="description"><p> Dado um mapeamento entre itens e itens dos quais eles dependem, uma <a href="https://en.wikipedia.org/wiki/Topological sorting" title="wp: Classificação topológica">classificação topológica</a> ordena itens para que nenhum item preceda um item do qual depende. </p><p> A compilação de uma biblioteca na linguagem <a href="https://en.wikipedia.org/wiki/VHDL" title="wp: VHDL">VHDL</a> tem a restrição de que uma biblioteca deve ser compilada após qualquer biblioteca da qual ela dependa. </p> Tarefa: <p> Escreva uma função que retornará uma ordem de compilação válida de bibliotecas VHDL de suas dependências. </p> Suponha que nomes de bibliotecas sejam palavras únicas. Itens mencionados como apenas dependentes não têm dependentes próprios, mas sua ordem de compilação deve ser dada. Quaisquer auto dependências devem ser ignoradas. Quaisquer dependências não ordenáveis ​​devem ser ignoradas. <p> Use os seguintes dados como um exemplo: </p><pre> DEPENDÊNCIAS DA BIBLIOTECA DE BIBLIOTECA
+===========================
+des_system_lib std synopsys std_cell_lib des_system_lib dw02 dw01 ramlib ieee
+dw01 ieee dw01 dware gtech
+dw02 ieee dw02 dware
+dw03 std synopsys dware dw03 dw02 dw01 ieee gtech
+dw04 dw04 ieee dw01 dware gtech
+dw05 dw05 ieee dware
+dw06 dw06 ieee dware
+dw07 ieee dware
+dware ieee dware
+gtech ieee gtech
+ramlib std ieee
+std_cell_lib ieee std_cell_lib
+sinopse
+</pre><p> <small>Nota: os dados acima seriam impossíveis de serem pedidos se, por exemplo, <code>dw04</code> for adicionado à lista de dependências de <code>dw01</code> .</small> </p> Cf: <pre> <code>&lt;a href=&quot;http://rosettacode.org/wiki/Topological sort/Extracted top item&quot; title=&quot;Topological sort/Extracted top item&quot;&gt;Topological sort/Extracted top item&lt;/a&gt;.</code> </pre><p> Existem dois algoritmos populares para classificação topológica: </p><p> O tipo topológico de 1962 de Kahn e a pesquisa em profundidade: <a href="https://en.wikipedia.org/wiki/Topological sorting" title="wp: Classificação topológica">tipo topológico</a> </p><p> Jason Sachs: <a href="http://www.embeddedrelated.com/showarticle/799.php" title="link: http://www.embeddedrelated.com/showarticle/799.php">&quot;Dez pequenos algoritmos, parte 4: classificação topológica&quot;</a> . </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>topologicalSort</code> é uma função.
+    testString: 'assert(typeof topologicalSort === "function", "<code>topologicalSort</code> is a function.");'
+  - text: <code>topologicalSort</code> deve retornar a ordem correta da biblioteca.
+    testString: 'assert.deepEqual(topologicalSort(libsSimple), ["bbb", "aaa"], "<code>topologicalSort</code> must return correct library order..");'
+  - text: <code>topologicalSort</code> deve retornar a ordem correta da biblioteca.
+    testString: 'assert.deepEqual(topologicalSort(libsVHDL), solutionVHDL, "<code>topologicalSort</code> must return correct library order..");'
+  - text: <code>topologicalSort</code> deve retornar a ordem correta da biblioteca.
+    testString: 'assert.deepEqual(topologicalSort(libsCustom), solutionCustom, "<code>topologicalSort</code> must return correct library order..");'
+  - text: <code>topologicalSort</code> deve ignorar dependências não ordenadas.
+    testString: 'assert.deepEqual(topologicalSort(libsUnorderable), solutionUnorderable, "<code>topologicalSort</code> must ignore unorderable dependencies..");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function topologicalSort(libs) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/towers-of-hanoi.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/towers-of-hanoi.portuguese.md
new file mode 100644
index 0000000000..751881c4ae
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/towers-of-hanoi.portuguese.md
@@ -0,0 +1,69 @@
+---
+title: Towers of Hanoi
+id: 5951ed8945deab770972ae56
+challengeType: 5
+videoUrl: ''
+localeTitle: Torres de hanoi
+---
+
+## Description
+<section id="description"> Tarefa: <p> Resolva o problema <a href="https://en.wikipedia.org/wiki/Towers_of_Hanoi" title="wp: Towers_of_Hanoi">das Torres de Hanói</a> . </p><p> Sua solução deve aceitar o número de discos como os primeiros parâmetros e três strings usadas para identificar cada uma das três pilhas de discos, por exemplo, <code>towerOfHanoi(4, &#39;A&#39;, &#39;B&#39;, &#39;C&#39;)</code> . A função deve retornar um array de arrays contendo a lista de movimentos, source -&gt; destination. Por exemplo, a matriz <code>[[&#39;A&#39;, &#39;C&#39;], [&#39;B&#39;, &#39;A&#39;]]</code> indica que o primeiro movimento foi mover um disco da pilha A para C, e o segundo movimento foi mover um disco disco da pilha B para A. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>towerOfHanoi</code> é uma função.
+    testString: 'assert(typeof towerOfHanoi === "function", "<code>towerOfHanoi</code> is a function.");'
+  - text: '<code>towerOfHanoi(3, ...)</code> deve retornar 7 movimentos.'
+    testString: 'assert(res3.length === 7, "<code>towerOfHanoi(3, ...)</code> should return 7 moves.");'
+  - text: '<code>towerOfHanoi(3, &quot;A&quot;, &quot;B&quot;, &quot;C&quot;)</code> deve retornar [[&quot;A&quot;, &quot;B&quot;], [&quot;A&quot;, &quot;C&quot;], [&quot;B&quot;, &quot;C&quot;], [ &quot;A&quot;, &quot;B&quot;], [&quot;C&quot;, &quot;A&quot;], [&quot;C&quot;, &quot;B&quot;], [&quot;A&quot;, &quot;B&quot;]]. &quot;)'
+    testString: 'assert.deepEqual(towerOfHanoi(3, "A", "B", "C"), res3Moves, "<code>towerOfHanoi(3, "A", "B", "C")</code> should return [["A","B"],["A","C"],["B","C"],["A","B"],["C","A"],["C","B"],["A","B"]].");'
+  - text: '<code>towerOfHanoi(5, &quot;X&quot;, &quot;Y&quot;, &quot;Z&quot;)</code> 10º movimento deve ser Y -&gt; X.'
+    testString: 'assert.deepEqual(res5[9], ["Y", "X"], "<code>towerOfHanoi(5, "X", "Y", "Z")</code> 10th move should be Y -> X.");'
+  - text: '<code>towerOfHanoi(7, &quot;A&quot;, &quot;B&quot;, &quot;C&quot;)</code> primeiros dez movimentos são [[&quot;A&quot;, &quot;B&quot;], [&quot;A&quot;, &quot;C&quot;], [&quot;B&quot;, &quot;C&quot;] , [&quot;A&quot;, &quot;B&quot;], [&quot;C&quot;, &quot;A&quot;], [&quot;C&quot;, &quot;B&quot;], [&quot;A&quot;, &quot;B&quot;], [&quot;A&quot;, &quot;C&quot;] , [&quot;B&quot;, &quot;C&quot;], [&quot;B&quot;, &quot;A&quot;]]. &quot;)'
+    testString: 'assert.deepEqual(towerOfHanoi(7, "A", "B", "C").slice(0, 10), res7First10Moves, "<code>towerOfHanoi(7, "A", "B", "C")</code> first ten moves are [["A","B"],["A","C"],["B","C"],["A","B"],["C","A"],["C","B"],["A","B"],["A","C"],["B","C"],["B","A"]].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function towerOfHanoi (n, a, b, c) {
+  // Good luck!
+  return [[]];
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/vector-cross-product.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/vector-cross-product.portuguese.md
new file mode 100644
index 0000000000..ad81ec035a
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/vector-cross-product.portuguese.md
@@ -0,0 +1,64 @@
+---
+title: Vector cross product
+id: 594810f028c0303b75339ad2
+challengeType: 5
+videoUrl: ''
+localeTitle: Produto vetorial cruzado
+---
+
+## Description
+<section id="description"> Um vetor é definido como tendo três dimensões como representadas por uma coleção ordenada de três números: (X, Y, Z). <p> Tarefa: </p><pre> <code>Write a function that takes two vectors (arrays) as input and computes their cross product.</code> </pre><p> Sua função deve retornar <code>null</code> em entradas inválidas (isto é, vetores de diferentes comprimentos). </p><p></p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: dotProduct deve ser uma função
+    testString: 'assert.equal(typeof crossProduct, "function", "dotProduct must be a function");'
+  - text: dotProduct () deve retornar null
+    testString: 'assert.equal(crossProduct(), null, "dotProduct() must return null");'
+  - text: 'crossProduct ([1, 2, 3], [4, 5, 6]) deve retornar [-3, 6, -3].'
+    testString: 'assert.deepEqual(res12, exp12, "crossProduct([1, 2, 3], [4, 5, 6]) must return [-3, 6, -3].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function crossProduct() {
+    // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/vector-dot-product.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/vector-dot-product.portuguese.md
new file mode 100644
index 0000000000..cdb1d53988
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/vector-dot-product.portuguese.md
@@ -0,0 +1,62 @@
+---
+title: Vector dot product
+id: 594810f028c0303b75339ad3
+challengeType: 5
+videoUrl: ''
+localeTitle: Produto de ponto de vetor
+---
+
+## Description
+<section id="description"><p> Um vetor é definido como tendo três dimensões como representadas por uma coleção ordenada de três números: (X, Y, Z). </p><p> Tarefa: </p><pre> <code>Write a function that takes any numbers of vectors (arrays) as input and computes their dot product.</code> </pre><p> Sua função deve retornar <code>null</code> em entradas inválidas (isto é, vetores de diferentes comprimentos). </p><p></p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: dotProduct deve ser uma função
+    testString: 'assert.equal(typeof dotProduct, "function", "dotProduct must be a function");'
+  - text: dotProduct () deve retornar null
+    testString: 'assert.equal(dotProduct(), null, "dotProduct() must return null");'
+  - text: 'dotProduct ([[1], [1]]) deve retornar 1.'
+    testString: 'assert.equal(dotProduct([1], [1]), 1, "dotProduct([[1], [1]]) must return 1.");'
+  - text: 'dotProduct ([[1], [1, 2]]) deve retornar null.'
+    testString: 'assert.equal(dotProduct([1], [1, 2]), null, "dotProduct([[1], [1, 2]]) must return null.");'
+  - text: 'dotProduct ([1, 3, -5], [4, -2, -1]) deve retornar 3.'
+    testString: 'assert.equal(dotProduct([1, 3, -5], [4, -2, -1]), 3, "dotProduct([1, 3, -5], [4, -2, -1]) must return 3.");'
+  - text: <code>dotProduct(...nVectors)</code> deve retornar 156000
+    testString: 'assert.equal(dotProduct([ 0, 1, 2, 3, 4 ], [ 0, 2, 4, 6, 8 ], [ 0, 3, 6, 9, 12 ], [ 0, 4, 8, 12, 16 ], [ 0, 5, 10, 15, 20 ]), 156000, "<code>dotProduct(...nVectors)</code> should return 156000");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function dotProduct() {
+    // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/word-wrap.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/word-wrap.portuguese.md
new file mode 100644
index 0000000000..41c14e68f9
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/word-wrap.portuguese.md
@@ -0,0 +1,78 @@
+---
+title: Word wrap
+id: 594810f028c0303b75339ad4
+challengeType: 5
+videoUrl: ''
+localeTitle: Quebra de linha
+---
+
+## Description
+<section id="description"><p> Ainda hoje, com fontes proporcionais e layouts complexos, ainda há casos em que você precisa quebrar o texto em uma coluna especificada. A tarefa básica é envolver um parágrafo de texto de maneira simples. Exemplo de texto: </p><pre> Quebra de texto usando um algoritmo mais sofisticado, como o algoritmo Knuth e Plass TeX.
+Se o seu idioma fornecer isso, você receberá crédito extra fácil
+mas você &quot;deve referenciar documentação&quot; indicando que o algoritmo
+é algo melhor que um simples algoritmo de tamanho mínimo.
+</pre><p> Tarefa: </p><pre> <code>Write a function that can wrap this text to any number of characters.</code> </pre><p> Por exemplo, o texto envolto em 80 caracteres deve se parecer com o seguinte: </p><p></p><pre> Quebra de texto usando um algoritmo mais sofisticado como o Knuth e o Plass TeX
+algoritmo. Se o seu idioma fornece isso, você recebe crédito extra fácil, mas você
+deve referenciar documentação indicando que o algoritmo é algo melhor
+do que um simples algoritmo de tamanho mínimo.
+</pre></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: wrap deve ser uma função.
+    testString: 'assert.equal(typeof wrap, "function", "wrap must be a function.");'
+  - text: wrap deve retornar uma string.
+    testString: 'assert.equal(typeof wrap("abc", 10), "string", "wrap must return a string.");'
+  - text: wrap (80) deve retornar 4 linhas.
+    testString: 'assert(wrapped80.split("\n").length === 4, "wrap(80) must return 4 lines.");'
+  - text: Sua função <code>wrap</code> deve retornar nosso texto esperado
+    testString: 'assert.equal(wrapped80.split("\n")[0], firstRow80, "Your <code>wrap</code> function should return our expected text");'
+  - text: wrap (42) deve retornar 7 linhas.
+    testString: 'assert(wrapped42.split("\n").length === 7, "wrap(42) must return 7 lines.");'
+  - text: Sua função <code>wrap</code> deve retornar nosso texto esperado
+    testString: 'assert.equal(wrapped42.split("\n")[0], firstRow42, "Your <code>wrap</code> function should return our expected text");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function wrap (text, limit) {
+  return text;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/y-combinator.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/y-combinator.portuguese.md
new file mode 100644
index 0000000000..94929477b4
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/y-combinator.portuguese.md
@@ -0,0 +1,78 @@
+---
+title: Y combinator
+id: 594810f028c0303b75339ad5
+challengeType: 5
+videoUrl: ''
+localeTitle: E combinador
+---
+
+## Description
+<section id="description"><p> Na <a href="https://en.wikipedia.org/wiki/Functional programming" title="wp: programação funcional">programação funcional</a> estrita e no <a href="https://en.wikipedia.org/wiki/lambda calculus" title="wp: lambda calculus">cálculo lambda</a> , as funções (expressões lambda) não têm estado e só podem referir-se a argumentos de funções delimitadoras. Isso exclui a definição usual de uma função recursiva em que uma função é associada ao estado de uma variável e o estado dessa variável é usado no corpo da função. </p><p> O <a href="http://mvanier.livejournal.com/2897.html">combinador Y</a> é ele próprio uma função sem estado que, quando aplicada a outra função sem estado, retorna uma versão recursiva da função. O combinador Y é o mais simples da classe de tais funções, chamadas <a href="https://en.wikipedia.org/wiki/Fixed-point combinator" title="wp: combinador de ponto fixo">combinadores de ponto fixo</a> . </p> Tarefa: <pre> <code>Define the stateless Y combinator function and use it to compute &lt;a href=&quot;https://en.wikipedia.org/wiki/Factorial&quot; title=&quot;wp: factorial&quot;&gt;factorial&lt;/a&gt;.</code> </pre><p> <code>factorial(N)</code> já é dada a você. Veja também <a href="http://vimeo.com/45140590">Jim Weirich: Adventures in Functional Programming</a> . </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Y deve retornar uma função
+    testString: 'assert.equal(typeof Y(f => n => n), "function", "Y must return a function");'
+  - text: fatorial (1) deve retornar 1.
+    testString: 'assert.equal(factorial(1), 1, "factorial(1) must return 1.");'
+  - text: fatorial (2) deve retornar 2.
+    testString: 'assert.equal(factorial(2), 2, "factorial(2) must return 2.");'
+  - text: fatorial (3) deve retornar 6.
+    testString: 'assert.equal(factorial(3), 6, "factorial(3) must return 6.");'
+  - text: fatorial (4) deve retornar 24.
+    testString: 'assert.equal(factorial(4), 24, "factorial(4) must return 24.");'
+  - text: fatorial (10) deve retornar 3628800.
+    testString: 'assert.equal(factorial(10), 3628800, "factorial(10) must return 3628800.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Y(f) {
+  return function() {
+  // Good luck!
+  };
+}
+
+var factorial = Y(function(f) {
+  return function (n) {
+    return n > 1 ? n * f(n - 1) : 1;
+  };
+});
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/zeckendorf-number-representation.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/zeckendorf-number-representation.portuguese.md
new file mode 100644
index 0000000000..083e5e8eeb
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/zeckendorf-number-representation.portuguese.md
@@ -0,0 +1,62 @@
+---
+title: Zeckendorf number representation
+id: 594810f028c0303b75339ad6
+challengeType: 5
+videoUrl: ''
+localeTitle: Assinale a representação do número da aldeia
+---
+
+## Description
+<section id="description"><p> Assim como os números podem ser representados em uma notação posicional como somas de múltiplos dos poderes de dez (decimal) ou dois (binário); todos os inteiros positivos podem ser representados como a soma de um ou zero vezes os membros distintos da série de Fibonacci. </p><p> Lembre-se de que os primeiros seis números distintos de Fibonacci são: <code>1, 2, 3, 5, 8, 13</code> . O número decimal onze pode ser escrito como <code>0*13 + 1*8 + 0*5 + 1*3 + 0*2 + 0*1</code> ou <code>010100</code> na notação posicional, onde as colunas representam a multiplicação por um membro particular da sequência. Zeros à esquerda são descartados de modo que 11 decimal se torna <code>10100</code> . </p><p> 10100 não é a única maneira de fazer 11 dos números de Fibonacci, no entanto <code>0*13 + 1*8 + 0*5 + 0*3 + 1*2 + 1*1</code> ou 010011 também representaria decimal 11. Para um número Zeckendorf verdadeiro existe a restrição adicional de que &quot;não podem ser usados ​​dois números consecutivos de Fibonacci&quot;, o que leva à antiga solução única. </p><p> Tarefa: Escreva uma função que gere e retorne uma matriz dos primeiros números do N Zeckendorf em ordem. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: zeckendorf deve ser função
+    testString: 'assert.equal(typeof zeckendorf, "function", "zeckendorf must be function");'
+  - text: Sua função <code>zeckendorf</code> deve retornar a resposta correta
+    testString: 'assert.deepEqual(answer, solution20, "Your <code>zeckendorf</code> function should return the correct answer");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function zeckendorf(n) {
+  // good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/zhang-suen-thinning-algorithm.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/zhang-suen-thinning-algorithm.portuguese.md
new file mode 100644
index 0000000000..cd1450cf17
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/zhang-suen-thinning-algorithm.portuguese.md
@@ -0,0 +1,136 @@
+---
+title: Zhang-Suen thinning algorithm
+id: 594810f028c0303b75339ad7
+challengeType: 5
+videoUrl: ''
+localeTitle: Algoritmo de desbaste de Zhang-Suen
+---
+
+## Description
+<section id="description"> Este é um algoritmo usado para afinar uma imagem em preto e branco, ou seja, um bit por pixel. Por exemplo, com uma imagem de entrada de: <pre> ##############################
+ ##################################
+ #####################################
+ ##################################
+   ##########################
+   ###### ##############
+   ########################
+   #######################
+   ########################
+   ###### ##############
+   ###### ##############
+   ##########################
+ ##################################
+ ######## #####################################
+ ###########################################
+ ########################################
+                                                           </pre> Produz a saída thinned: <pre>
+<pre> <code># ########## ####### ## # #### # # # ## # # # # # # # # # ############ # # # # # # # # # # # # # # ## # ############ ### ### &lt;/pre&gt;</code> </pre>
+<h2> Algoritmo </h2>
+Suponha que os pixels pretos sejam um e que os pixels brancos sejam zero, e que a imagem de entrada seja uma matriz N retangular por M de uns e zeros.
+O algoritmo opera em todos os pixels pretos P1 que podem ter oito vizinhos. Os vizinhos são, em ordem, organizados como:
+<table border="1">
+  <tbody><tr><td> P9 </td><td> P2 </td><td> P3 </td></tr>
+  <tr><td> P8 </td><td> <b>P1</b> </td><td> P4 </td></tr>
+  <tr><td> P7 </td><td> P6 </td><td> P5 </td></tr>
+</tbody></table>
+Obviamente, os pixels limites da imagem não podem ter os oito vizinhos completos.
+<pre> <code>Define $A(P1)$ = the number of transitions from white to black, (0 -&gt; 1) in the sequence P2,P3,P4,P5,P6,P7,P8,P9,P2. (Note the extra P2 at the end - it is circular). Define $B(P1)$ = the number of black pixel neighbours of P1. ( = sum(P2 .. P9) )</code> </pre>
+<h3> Passo 1: </h3>
+Todos os pixels são testados e os pixels que satisfazem todas as condições a seguir (simultaneamente) são anotados neste estágio.
+  (0) O pixel é preto e tem oito vizinhos
+  (1) $ 2 &lt;= B (P1) &lt;= 6 $
+  (2) $ A (P1) = 1 $
+  (3) Pelo menos um dos P2 e P4 e P6 é branco
+  (4) Pelo menos um dos P4 e P6 e P8 é branco
+Depois de iterar sobre a imagem e coletar todos os pixels que satisfazem todas as condições da etapa 1, todos esses pixels que satisfazem as condições são definidos como branco.
+<h3> Passo 2: </h3>
+Todos os pixels são novamente testados e os pixels que satisfazem todas as condições a seguir são apenas observados neste estágio.
+  (0) O pixel é preto e tem oito vizinhos
+  (1) $ 2 &lt;= B (P1) &lt;= 6 $
+  (2) $ A (P1) = 1 $
+  (3) Pelo menos um dos pontos P2 e P4 e &quot;&#39;P8&quot;&#39; é branco
+  (4) Pelo menos um de &quot;&#39;P2&quot;&#39; e P6 e P8 é branco
+Depois de iterar sobre a imagem e coletar todos os pixels que satisfazem todas as condições da etapa 2, todos esses pixels que satisfazem as condições são novamente definidos como branco.
+Iteração:
+Se algum pixel tiver sido definido nessa rodada da etapa 1 ou da etapa 2, todas as etapas serão repetidas até que nenhum pixel da imagem seja alterado.
+<p>
+Tarefa:
+Escreva uma rotina para realizar o desbaste de Zhang-Suen em uma matriz de imagem de uns e zeros.
+</p>
+</pre></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>thinImage</code> deve ser uma função
+    testString: 'assert.equal(typeof thinImage, "function", "<code>thinImage</code> must be a function");'
+  - text: <code>thinImage</code> deve retornar um array
+    testString: 'assert(Array.isArray(result), "<code>thinImage</code> must return an array");'
+  - text: <code>thinImage</code> deve retornar um array de strings
+    testString: 'assert.equal(typeof result[0], "string", "<code>thinImage</code> must return an array of strings");'
+  - text: <code>thinImage</code> deve retornar um array de strings
+    testString: 'assert.deepEqual(result, expected, "<code>thinImage</code> must return an array of strings");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const testImage = [
+  '                                                          ',
+  ' #################                   #############        ',
+  ' ##################               ################        ',
+  ' ###################            ##################        ',
+  ' ########     #######          ###################        ',
+  '   ######     #######         #######       ######        ',
+  '   ######     #######        #######                      ',
+  '   #################         #######                      ',
+  '   ################          #######                      ',
+  '   #################         #######                      ',
+  '   ######     #######        #######                      ',
+  '   ######     #######        #######                      ',
+  '   ######     #######         #######       ######        ',
+  ' ########     #######          ###################        ',
+  ' ########     ####### ######    ################## ###### ',
+  ' ########     ####### ######      ################ ###### ',
+  ' ########     ####### ######         ############# ###### ',
+  '                                                          '];
+
+function thinImage(image) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/zig-zag-matrix.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/zig-zag-matrix.portuguese.md
new file mode 100644
index 0000000000..e864b3fece
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/rosetta-code/zig-zag-matrix.portuguese.md
@@ -0,0 +1,76 @@
+---
+title: Zig-zag matrix
+id: 594810f028c0303b75339ad8
+challengeType: 5
+videoUrl: ''
+localeTitle: Matriz zig-zag
+---
+
+## Description
+<section id="description"> Um array &quot;zig-zag&quot; é um arranjo quadrado dos primeiros inteiros $ N ^ 2 $, onde os números aumentam sequencialmente conforme você zigue-zague ao longo das <a href="https://en.wiktionary.org/wiki/antidiagonal">anti-diagonais da matriz</a> . Por exemplo, dado &quot;&#39;5&quot;&#39;, produza este array: <pre> 0 1 5 6 14
+ 2 4 7 13 15
+ 3 8 12 16 21
+ 9 11 17 20 22
+10 18 19 23 24
+</pre> Escreva uma função que tome o tamanho da matriz zig-zag e retorne a matriz correspondente como matriz bidimensional. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ZigZagMatrix deve ser uma função
+    testString: 'assert.equal(typeof ZigZagMatrix, "function", "ZigZagMatrix must be a function");'
+  - text: ZigZagMatrix deve retornar array
+    testString: 'assert.equal(typeof ZigZagMatrix(1), "object", "ZigZagMatrix should return array");'
+  - text: ZigZagMatrix deve retornar uma matriz de matrizes
+    testString: 'assert.equal(typeof ZigZagMatrix(1)[0], "object", "ZigZagMatrix should return an array of nestes arrays");'
+  - text: 'ZigZagMatrix (1) deve retornar [[0]]'
+    testString: 'assert.deepEqual(ZigZagMatrix(1), zm1, "ZigZagMatrix(1) should return [[0]]");'
+  - text: 'ZigZagMatrix (2) deve retornar [[0, 1], [2, 3]]'
+    testString: 'assert.deepEqual(ZigZagMatrix(2), zm2, "ZigZagMatrix(2) should return [[0, 1], [2, 3]]");'
+  - text: ZigZagMatrix (5) deve retornar a matriz especificada
+    testString: 'assert.deepEqual(ZigZagMatrix(5), zm5, "ZigZagMatrix(5) must return specified matrix");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function ZigZagMatrix(n) {
+  // Good luck!
+  return [[], []];
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.portuguese.md
new file mode 100644
index 0000000000..40cbb00570
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7156d8c242eddfaeb5bd13
+title: Build a Camper Leaderboard
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: Construa um placar de campista
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/eZGMjp/" target="_blank">https://codepen.io/freeCodeCamp/full/eZGMjp/</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>User Story:</strong> Eu posso ver uma tabela dos campistas do freeCodeCamp que ganharam mais pontos de brownie nos últimos 30 dias. <strong>História do usuário:</strong> posso ver quantos pontos de brownie eles ganharam nos últimos 30 dias e quantos ganharam no total. <strong>User Story:</strong> Eu posso alternar entre ordenar a lista por quantos pontos de brownie eles ganharam nos últimos 30 dias e quantos pontos de brownie eles ganharam no total. <strong>Dica:</strong> para obter os 100 melhores campistas nos últimos 30 dias: <a href="https://fcctop100.herokuapp.com/api/fccusers/top/recent" target="_blank">https://fcctop100.herokuapp.com/api/fccusers/top/recent</a> . <strong>Dica:</strong> para obter os 100 melhores campistas de todos os tempos: <a href="https://fcctop100.herokuapp.com/api/fccusers/top/alltime" target="_blank">https://fcctop100.herokuapp.com/api/fccusers/top/alltime</a> . Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-light-bright-app.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-light-bright-app.portuguese.md
new file mode 100644
index 0000000000..80118aac4e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-light-bright-app.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: 5a5d02bd919fcf9ca8cf46cb
+title: Build a Light-Bright App
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: Construa um aplicativo leve e brilhante
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/eyLYXE" target="_blank">https://codepen.io/freeCodeCamp/full/eyLYXE</a> . <strong>Regra nº 1:</strong> não olhe o código do projeto de exemplo. Descobrir por si mesmo. <strong>Regra nº 2:</strong> Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>User Story:</strong> Eu posso clicar ou arrastar o cursor do mouse para colorir os círculos. <strong>User Story:</strong> posso clicar duas vezes em um círculo colorido para remover a cor. <strong>User Story:</strong> Eu posso clicar em um círculo colorido para mudar sua cor. <strong>User Story:</strong> Eu deveria ter um círculo de cores diferentes em cada clique. <strong>História do usuário:</strong> posso clicar no botão &quot;Redefinir&quot; para remover a cor recente. <strong>História do usuário:</strong> posso clicar no botão &quot;Redefinir tudo&quot; para remover todas as cores dos círculos. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.portuguese.md
new file mode 100644
index 0000000000..8e66036d46
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c443eddfaeb5bdff
+title: Build a Nightlife Coordination App
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: Construa um aplicativo de coordenação de vida noturna
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo JavaScript de pilha completa que seja funcionalmente semelhante a este: <a href="http://whatsgoinontonight.herokuapp.com/" target="_blank">http://whatsgoinontonight.herokuapp.com/</a> e implante-o no Heroku. Note que para cada projeto, você deve criar um novo repositório GitHub e um novo projeto Heroku. Se você não consegue lembrar como fazer isso, visite <a href="/challenges/get-set-for-our-dynamic-web-application-projects">https://freecodecamp.com/challenges/get-set-for-our-dynamic-web-application-projects</a> . Estas são as histórias de usuário específicas que você deve implementar para este projeto: <strong>User Story:</strong> como usuário não autenticado, posso visualizar todas as barras na minha área. <strong>User Story:</strong> Como um usuário autenticado, posso me adicionar a uma barra para indicar que vou para lá hoje à noite. <strong>User Story:</strong> Como usuário autenticado, posso me remover de uma barra se não quiser mais ir para lá. <strong>User Story:</strong> Como usuário não autenticado, quando eu fizer login, não precisarei pesquisar novamente. <strong>Dica:</strong> tente usar a <a href="https://www.yelp.com/developers/documentation/v2/overview" target="_blank">API</a> do <a href="https://www.yelp.com/developers/documentation/v2/overview" target="_blank">Yelp</a> para encontrar locais nas cidades pesquisadas pelos usuários. Se você usa a API do Yelp, mencione isso no seu aplicativo. Quando terminar de implementar essas histórias de usuários, clique no botão &quot;Concluí este desafio&quot; e insira os URLs do repositório do GitHub e do aplicativo ao vivo em execução no Heroku. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-pinterest-clone.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-pinterest-clone.portuguese.md
new file mode 100644
index 0000000000..3e3b310107
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-pinterest-clone.portuguese.md
@@ -0,0 +1,37 @@
+---
+id: bd7158d8c443eddfaeb5bdee
+title: Build a Pinterest Clone
+challengeType: 4
+videoUrl: ''
+localeTitle: Construa um clone do Pinterest
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://glitch.com" target="_blank">Glitch</a> que seja funcionalmente semelhante a este: <a href="https://wild-song.glitch.me/" target="_blank">https://wild-song.glitch.me</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História do usuário:</strong> Como usuário não autenticado, posso fazer login com o GitHub. <strong>História do usuário:</strong> como um usuário autenticado, posso vincular a imagens. <strong>História do usuário:</strong> como um usuário autenticado, posso excluir as imagens às quais me vinculei. <strong>História do usuário:</strong> como um usuário autenticado, posso ver uma parede no estilo Pinterest de todas as imagens às quais vinculei. <strong>História do usuário:</strong> como usuário não autenticado, posso procurar paredes de imagens de outros usuários. <strong>História do usuário:</strong> como um usuário autenticado, se eu fizer upload de uma imagem que esteja corrompida, ela será substituída por uma imagem de espaço reservado. (pode usar a detecção de imagem quebrada do jQuery) <strong>Dica: O</strong> <a href="http://masonry.desandro.com/" target="_blank">Masonry.js</a> é uma biblioteca que permite grades de imagens no estilo do Pinterest. Quando terminar de implementar essas histórias de usuários, clique no botão &quot;Concluí este desafio&quot; e insira os URLs do repositório do GitHub e do aplicativo ao vivo em execução no Heroku. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-pong-game.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-pong-game.portuguese.md
new file mode 100644
index 0000000000..44cebe95af
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-pong-game.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: 5a4b7fcdb66f799f199e11db
+title: Build a Pong Game
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: Construa um jogo de Pong
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/satyamdev/full/pdMmBp" target="_blank">https://codepen.io/satyamdev/full/pdMmBp</a> . <strong>Regra nº 1:</strong> não olhe o código do projeto de exemplo. Descobrir por si mesmo. <strong>Regra nº 2:</strong> Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História do usuário:</strong> posso controlar uma raquete. <strong>História do Usuário:</strong> O computador pode controlar o outro remo. <strong>História do usuário:</strong> a raquete do computador é imbatível. Nunca deve perder a bola. <strong>História do usuário:</strong> O jogo acompanha o jogador e a pontuação do computador. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-recipe-box.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-recipe-box.portuguese.md
new file mode 100644
index 0000000000..5292d88673
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-recipe-box.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7155d8c242eddfaeb5bd13
+title: Build a Recipe Box
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: Construa uma caixa de receita
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/dNVazZ/" target="_blank">https://codepen.io/freeCodeCamp/full/dNVazZ/</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História do usuário:</strong> posso criar receitas com nomes e ingredientes. <strong>User Story:</strong> Eu posso ver uma visualização de índice em que os nomes de todas as receitas estão visíveis. <strong>História do usuário:</strong> posso clicar em qualquer uma dessas receitas para visualizá-la. <strong>História do usuário:</strong> posso editar essas receitas. <strong>História do usuário:</strong> posso excluir essas receitas. <strong>História do usuário:</strong> todas as novas receitas adicionadas são salvas no armazenamento local do meu navegador. Se eu atualizar a página, essas receitas ainda estarão lá. <strong>Dica:</strong> você deve prefixar suas chaves de armazenamento local no CodePen, ou seja, <code>_username_recipes</code> Lembre-se de usar <a href="//github.com/FreeCodeCamp/freecodecamp/wiki/FreeCodeCamp-Get-Help" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.portuguese.md
new file mode 100644
index 0000000000..61e7ecdcb7
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7153d8c242eddfaeb5bd13
+title: Build a Roguelike Dungeon Crawler Game
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: Construir um jogo Crawler Dungeon Roguelike
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/apLXEJ/" target="_blank">https://codepen.io/freeCodeCamp/full/apLXEJ/</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História do Usuário:</strong> Eu tenho saúde, nível e arma. Eu posso pegar uma arma melhor. Eu posso pegar itens de saúde. <strong>História do Usuário:</strong> Todos os itens e inimigos no mapa são organizados aleatoriamente. <strong>História do usuário:</strong> posso percorrer um mapa, descobrindo itens. <strong>História do Usuário:</strong> Eu posso me mover para qualquer lugar dentro dos limites do mapa, mas não posso me mover através de um inimigo até que eu o derrube. <strong>User Story:</strong> Grande parte do mapa está oculto. Quando eu dou um passo, todos os espaços que estão dentro de um certo número de espaços de mim são revelados. <strong>User Story:</strong> Quando eu venci um inimigo, o inimigo foi embora e eu recebi XP, o que eventualmente aumenta meu nível. <strong>História do Usuário:</strong> Quando eu luto contra um inimigo, nós nos revezamos danificando um ao outro até que um de nós perca. Eu danifico com base no meu nível e na minha arma. O inimigo causa dano baseado em seu nível. O dano é um pouco aleatório dentro de um intervalo. <strong>História do Usuário:</strong> Quando encontro e vence o chefe, eu ganho. <strong>História do Usuário:</strong> O jogo deve ser desafiador, mas teoricamente vitorioso. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-simon-game.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-simon-game.portuguese.md
new file mode 100644
index 0000000000..6edeba498e
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-simon-game.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd1c
+title: Build a Simon Game
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: Construa um jogo de Simon
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/Em-Ant/full/QbRyqq/" target="_blank">https://codepen.io/freeCodeCamp/full/obYBjE</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>User Story:</strong> Eu sou apresentado com uma série aleatória de pressionamentos de botão. <strong>História do Usuário:</strong> Toda vez que eu insiro uma série de pressionamentos de botão corretamente, vejo a mesma série de pressionamentos de botão, mas com uma etapa adicional. <strong>História do usuário:</strong> Eu ouço um som que corresponde a cada botão quando a série de pressionamentos de botões é executada e quando pressiono um botão. <strong>História do usuário:</strong> Se eu pressionar o botão errado, serei notificado de que o fiz, e essa série de pressionamentos de botões começa novamente para lembrar-me do padrão, para que eu possa tentar novamente. <strong>User Story:</strong> Eu posso ver quantos passos estão na série atual de pressionamentos de botão. <strong>User Story:</strong> Se eu quiser reiniciar, posso apertar um botão para fazer isso, e o jogo retornará a uma única etapa. <strong>História do Usuário:</strong> Eu posso jogar no modo estrito, onde se eu apertar um botão errado, ele me notifica que eu fiz isso, e o jogo é reiniciado em uma nova série aleatória de pressionamentos de botão. <strong>História do Usuário:</strong> Eu posso ganhar o jogo, obtendo uma série de 20 passos corretos. Eu sou notificado da minha vitória, então o jogo começa de novo. <strong>Dica:</strong> Aqui estão os mp3s que você pode usar para cada botão: <code>https://s3.amazonaws.com/freecodecamp/simonSound1.mp3</code> , <code>https://s3.amazonaws.com/freecodecamp/simonSound2.mp3</code> , <code>https://s3.amazonaws.com/freecodecamp/simonSound3.mp3</code> , <code>https://s3.amazonaws.com/freecodecamp/simonSound4.mp3</code> . Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.portuguese.md
new file mode 100644
index 0000000000..684d3d4e5d
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eedfaeb5bd1c
+title: Build a Tic Tac Toe Game
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: Construa um jogo Tic Tac Toe
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/KzXQgy/" target="_blank">https://codepen.io/freeCodeCamp/full/KzXQgy/</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>User Story:</strong> Eu posso jogar um jogo de Tic Tac Toe com o computador. <strong>História do usuário:</strong> Meu jogo será redefinido assim que terminar, para que eu possa jogar novamente. <strong>User Story:</strong> Eu posso escolher se quero jogar como X ou O. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-voting-app.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-voting-app.portuguese.md
new file mode 100644
index 0000000000..06dcf8a67b
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-voting-app.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c443eddfaeb5bdef
+title: Build a Voting App
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: Construa um aplicativo de votação
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo JavaScript de pilha completa que seja funcionalmente semelhante a este: <a href="https://fcc-voting-arthow4n.herokuapp.com/" target="_blank">https://fcc-voting-arthow4n.herokuapp.com/</a> e implante-o no Heroku. Note que para cada projeto, você deve criar um novo repositório GitHub e um novo projeto Heroku. Se você não consegue lembrar como fazer isso, visite <a href="/challenges/get-set-for-our-dynamic-web-application-projects">https://freecodecamp.com/challenges/get-set-for-our-dynamic-web-application-projects</a> . Aqui estão as histórias de usuário específicas que você deve implementar para este projeto: <strong>User Story:</strong> Como um usuário autenticado, posso manter minhas pesquisas e voltar mais tarde para acessá-las. <strong>User Story:</strong> Como usuário autenticado, posso compartilhar minhas pesquisas com meus amigos. <strong>História do usuário:</strong> como um usuário autenticado, posso ver os resultados agregados das minhas pesquisas. <strong>User Story:</strong> Como um usuário autenticado, posso excluir pesquisas que eu decido que não quero mais. <strong>História do usuário:</strong> como um usuário autenticado, posso criar uma pesquisa com qualquer número de itens possíveis. <strong>História do usuário:</strong> como usuário não autenticado ou autenticado, posso ver e votar nas pesquisas de todos. <strong>História do usuário:</strong> como um usuário não autenticado ou autenticado, posso ver os resultados das pesquisas em forma de gráfico. (Isso pode ser implementado usando o Chart.js ou o Google Charts.) <strong>User Story:</strong> Como um usuário autenticado, se eu não gostar das opções em uma pesquisa, posso criar uma nova opção. Quando terminar de implementar essas histórias de usuários, clique no botão &quot;Concluí este desafio&quot; e insira os URLs do repositório do GitHub e do aplicativo ao vivo em execução no Heroku. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.portuguese.md
new file mode 100644
index 0000000000..af24a83dd0
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd19
+title: Build a Wikipedia Viewer
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: Construa um visualizador da Wikipedia
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/wGqEga/" target="_blank">https://codepen.io/freeCodeCamp/full/wGqEga/</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História do usuário:</strong> posso pesquisar as entradas da Wikipedia em uma caixa de pesquisa e ver as entradas da Wikipedia resultantes. <strong>User Story:</strong> Eu posso clicar em um botão para ver uma entrada aleatória da Wikipedia. <span class="text-info">Dica # 1:</span> Aqui está uma URL que você pode usar para obter um artigo aleatório da Wikipédia: <code>https://en.wikipedia.org/wiki/Special:Random</code> . <span class="text-info">Dica # 2:</span> Aqui está uma entrada sobre o uso da API da Wikipedia: <code>https://www.mediawiki.org/wiki/API:Main_page</code> . <span class="text-info">Dica # 3:</span> use este <a href="https://en.wikipedia.org/wiki/Special:ApiSandbox#action=query&#x26;titles=Main%20Page&#x26;prop=revisions&#x26;rvprop=content&#x26;format=jsonfm" target="_blank">link</a> para experimentar a API da Wikipedia. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-an-image-search-abstraction-layer.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-an-image-search-abstraction-layer.portuguese.md
new file mode 100644
index 0000000000..c1a09f4cc2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-an-image-search-abstraction-layer.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c443edefaeb5bdee
+title: Build an Image Search Abstraction Layer
+isRequired: true
+challengeType: 4
+videoUrl: ''
+localeTitle: Criar uma camada de abstração de pesquisa de imagens
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo JavaScript de pilha completa que permita pesquisar imagens como esta: <a href="https://cryptic-ridge-9197.herokuapp.com/api/imagesearch/lolcats%20funny?offset=10" target="_blank">https://cryptic-ridge-9197.herokuapp.com/api/imagesearch/lolcats%20funny?offset=10</a> e navegue por consultas de pesquisa recentes como esta : <a href="https://cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/" target="_blank">https://cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/</a> . Em seguida, implemente-o para Glitch. Note que para cada projeto, você deve criar um novo repositório GitHub e um novo projeto Glitch. Se você não consegue lembrar como fazer isso, visite <a href="/challenges/get-set-for-our-api-development-projects">https://freecodecamp.org/challenges/get-set-for-our-api-development-projects</a> . Estas são as histórias de usuário específicas que você deve implementar para este projeto: <strong>Estória do usuário:</strong> posso obter URLs de imagem, texto alternativo e urls de páginas para um conjunto de imagens relacionadas a uma determinada string de pesquisa. <strong>História do usuário:</strong> posso paginar pelas respostas adicionando um parâmetro? Offset = 2 ao URL. <strong>História do usuário:</strong> posso obter uma lista das últimas strings de pesquisa enviadas. Depois de concluir a implementação dessas histórias de usuário, clique no botão &quot;Concluí este desafio&quot; e insira os URLs do repositório do GitHub e do aplicativo ao vivo em execução no Glitch. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-the-game-of-life.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-the-game-of-life.portuguese.md
new file mode 100644
index 0000000000..ceb74dac65
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-the-game-of-life.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7154d8c242eddfaeb5bd13
+title: Build the Game of Life
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: Construa o Jogo da Vida
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/BpwMZv/" target="_blank">https://codepen.io/freeCodeCamp/full/BpwMZv/</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História do usuário:</strong> Quando eu chego ao jogo, ele gera aleatoriamente uma placa e começa a jogar. <strong>User Story:</strong> Eu posso começar e parar o fórum. <strong>História do usuário:</strong> posso configurar o quadro. <strong>História do usuário:</strong> posso limpar o quadro. <strong>User Story:</strong> Quando eu pressiono start, o jogo vai se esgotar. <strong>História do Usuário:</strong> Cada vez que o quadro muda, posso ver quantas gerações passaram. <strong>Dica:</strong> Aqui está uma explicação do Jogo da Vida de Conway do próprio John Conway: <a href="https://www.youtube.com/watch?v=E8kUJL04ELA" target="_blank">https://www.youtube.com/watch?v=E8kUJL04ELA</a> <strong>Dica:</strong> Aqui está uma visão geral do Jogo da Vida de Conway com regras para sua referência: <a href="https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life" target="_blank">https: // en.wikipedia.org/wiki/Conway%27s_Game_of_Life</a> Lembre-se de usar <a href="//github.com/FreeCodeCamp/freecodecamp/wiki/FreeCodeCamp-Get-Help" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/chart-the-stock-market.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/chart-the-stock-market.portuguese.md
new file mode 100644
index 0000000000..a6830cbc87
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/chart-the-stock-market.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c443eddfaeb5bd0e
+title: Chart the Stock Market
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: Gráfico do mercado de ações
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo JavaScript de pilha completa que seja funcionalmente semelhante a este: <a href="http://watchstocks.herokuapp.com/" target="_blank">http://watchstocks.herokuapp.com/</a> e implante-o no Heroku. Note que para cada projeto, você deve criar um novo repositório GitHub e um novo projeto Heroku. Se você não consegue lembrar como fazer isso, visite <a href="/challenges/get-set-for-our-dynamic-web-application-projects">https://freecodecamp.com/challenges/get-set-for-our-dynamic-web-application-projects</a> . Aqui estão as histórias de usuário específicas que você deve implementar para este projeto: <strong>User Story:</strong> Eu posso visualizar um gráfico exibindo as linhas de tendência recentes para cada estoque adicionado. <strong>User Story:</strong> Eu posso adicionar novas ações pelo seu nome de símbolo. <strong>História do usuário:</strong> posso remover estoques. <strong>História do usuário:</strong> posso ver alterações em tempo real quando qualquer outro usuário adiciona ou remove um estoque. Para isso, você precisará usar Web Sockets. Quando terminar de implementar essas histórias de usuários, clique no botão &quot;Concluí este desafio&quot; e insira os URLs do repositório do GitHub e do aplicativo ao vivo em execução no Heroku. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/manage-a-book-trading-club.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/manage-a-book-trading-club.portuguese.md
new file mode 100644
index 0000000000..5478c98e96
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/manage-a-book-trading-club.portuguese.md
@@ -0,0 +1,37 @@
+---
+id: bd7158d8c443eddfaeb5bd0f
+title: Manage a Book Trading Club
+challengeType: 4
+videoUrl: ''
+localeTitle: Gerenciar um Clube de Negociação de Livros
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://glitch.com" target="_blank">Glitch</a> que seja funcionalmente semelhante a este: <a href="https://chrome-delivery.glitch.me/ /" target="_blank">https://chrome-delivery.glitch.me</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História do usuário:</strong> posso ver todos os livros postados por todos os usuários. <strong>User Story:</strong> posso adicionar um novo livro. <strong>História do usuário:</strong> posso atualizar minhas configurações para armazenar meu nome completo, cidade e estado. <strong>User Story:</strong> Eu posso propor uma negociação e esperar que o outro usuário aceite a negociação. Quando terminar de implementar essas histórias de usuários, clique no botão &quot;Concluí este desafio&quot; e insira os URLs do repositório do GitHub e do aplicativo ao vivo em execução no Heroku. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/map-data-across-the-globe.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/map-data-across-the-globe.portuguese.md
new file mode 100644
index 0000000000..b3c5b39e94
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/map-data-across-the-globe.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7108d8c242eddfaeb5bd13
+title: Map Data Across the Globe
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: Dados de mapa em todo o mundo
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/mVEJag" target="_blank">https://codepen.io/freeCodeCamp/full/mVEJag</a> . Cumpra as seguintes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuários</a> . Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>User Story:</strong> Eu posso ver onde todos os meteoritos pousaram em um mapa do mundo. <strong>História do Usuário:</strong> Eu posso dizer o tamanho relativo do meteorito, apenas observando a maneira como ele é representado no mapa. <strong>User Story:</strong> Eu posso passar o mouse sobre o ponto de dados do meteorito para dados adicionais. <strong>Dica:</strong> Aqui está um conjunto de dados que você pode usar para construir isso: <a href="https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json" target="_blank">https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json</a> Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/p2p-video-chat-application.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/p2p-video-chat-application.portuguese.md
new file mode 100644
index 0000000000..3204a9ed75
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/p2p-video-chat-application.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7150d8c442eddfafb5bd1c
+title: P2P Video Chat Application
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: P2P Video Chat Application
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://glitch.com" target="_blank">Glitch</a> que seja funcionalmente semelhante a este: <a href="https://grove-voice.glitch.me/" target="_blank">https://grove-voice.glitch.me</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História do usuário:</strong> Ao chegar, o navegador solicitará que eu acesse minha câmera e meu microfone. <strong>História do usuário:</strong> depois de dar permissão, sou solicitado a digitar um nome de sala. <strong>User Story:</strong> Uma vez que eu digite o nome do quarto, uma sala será criada se nenhuma sala desse nome existir antes. <strong>User Story:</strong> Um amigo meu pode, subseqüentemente, ir ao mesmo site, digitar na mesma sala que eu inseri e entrar na mesma sala, depois entrar em um bate-papo por vídeo comigo. <strong>História do usuário:</strong> se eu digitar um nome de sala e já houver duas pessoas nessa sala, receberei uma notificação de que a sala está cheia. <strong>User Story:</strong> Qualquer pessoa pode criar ou participar de qualquer sala. E pode haver vários quartos, mas todos eles devem ter nomes exclusivos. <strong>História do usuário:</strong> posso optar por não permitir que o site acesse meu microfone e minha webcam. Se eu optar por não fazer isso, se ocorrer algum outro problema de driver, vejo uma mensagem de erro dizendo que isso é necessário. <strong>User Story:</strong> Quando eu escolho cancelar a etapa de entrada do nome da sala, ou se eu digitar sem nome, ou apenas espaços, ela deve novamente perguntar novamente para digitar um nome de sala válido. <strong>História do usuário:</strong> se uma das duas pessoas na sala for desconectada, ela poderá se reconectar à mesma sala e continuar conversando. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para seu aplicativo Glitch. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.portuguese.md
new file mode 100644
index 0000000000..11427e81f2
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7198d8c242eddfaeb5bd13
+title: Show National Contiguity with a Force Directed Graph
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: Mostrar Contigüidade Nacional com um Gráfico de Força Direcionada
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/xVopBo" target="_blank">https://codepen.io/freeCodeCamp/full/xVopBo</a> . Cumpra as seguintes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuários</a> . Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História do usuário:</strong> vejo um gráfico direcionado pela força que mostra quais países compartilham bordas. <strong>User Story:</strong> Eu posso ver a bandeira de cada país em seu nó. <strong>Dica:</strong> Aqui está um conjunto de dados que você pode usar para construir isso: <a href="https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json" target="_blank">https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json</a> <strong>Dica:</strong> você pode criar uma spritesheet de bandeiras nacionais em <a href="https://www.flag-sprites.com" target="_blank">https: //www.flag- sprites.com</a> . Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/show-the-local-weather.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/show-the-local-weather.portuguese.md
new file mode 100644
index 0000000000..0931b2e926
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/show-the-local-weather.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd10
+title: Show the Local Weather
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: Mostrar o clima local
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/bELRjV" target="_blank">https://codepen.io/freeCodeCamp/full/bELRjV</a> . <strong>Regra nº 1:</strong> não olhe o código do projeto de exemplo. Descobrir por si mesmo. <strong>Regra nº 2:</strong> Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>User Story:</strong> Eu posso ver o tempo na minha localização atual. <strong>User Story:</strong> Eu posso ver um ícone diferente ou imagem de fundo (por exemplo, montanha nevada, deserto quente), dependendo do tempo. <strong>User Story:</strong> Eu posso apertar um botão para alternar entre Fahrenheit e Celsius. <strong>Nota:</strong> Muitos navegadores da Internet agora precisam de uma conexão HTTP Segura ( <code>https://</code> ) para obter a localidade de um usuário por meio da Geolocalização HTML5. Por esse motivo, recomendamos o uso do HTML5 Geolocation para obter a localização do usuário e, em seguida, usar a API do FreeCodeCamp Weather <a href="https://fcc-weather-api.glitch.me" target="_blank">https://fcc-weather-api.glitch.me,</a> que usa uma conexão HTTP segura para o clima. Além disso, certifique-se de conectar-se ao <a href="https://codepen.io" target="_blank">CodePen.io</a> via <code>https://</code> . Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/use-the-twitch-json-api.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/use-the-twitch-json-api.portuguese.md
new file mode 100644
index 0000000000..95e540c3ec
--- /dev/null
+++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/use-the-twitch-json-api.portuguese.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd1f
+title: Use the Twitch JSON API
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: Use a API JSON do Twitch
+---
+
+## Description
+<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/Myvqmo/" target="_blank">https://codepen.io/freeCodeCamp/full/Myvqmo/</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>User Story:</strong> Eu posso ver se freeCodeCamp está atualmente transmitindo no Twitch.tv. <strong>User Story:</strong> Eu posso clicar na saída de status e ser enviado diretamente para o canal Twitch.tv do freeCodeCamp. <strong>História do usuário:</strong> se um usuário do Twitch estiver fazendo streaming no momento, posso ver detalhes adicionais sobre o que está sendo transmitido. <strong>Dica:</strong> Veja um exemplo de chamada para a API JSONP do Twitch.tv em <a href="http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541" target="_blank">http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541</a> . <strong>Dica:</strong> A documentação relevante sobre esta chamada da API está aqui: <a href="https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user" target="_blank">https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user</a> . <strong>Dica:</strong> Aqui está uma matriz dos nomes de usuários do Twitch.tv de pessoas que <code>[&quot;ESL_SC2&quot;, &quot;OgamingSC2&quot;, &quot;cretetion&quot;, &quot;freecodecamp&quot;, &quot;storbeck&quot;, &quot;habathcx&quot;, &quot;RobotCaleb&quot;, &quot;noobs2ninjas&quot;]</code> stream regularmente: <code>[&quot;ESL_SC2&quot;, &quot;OgamingSC2&quot;, &quot;cretetion&quot;, &quot;freecodecamp&quot;, &quot;storbeck&quot;, &quot;habathcx&quot;, &quot;RobotCaleb&quot;, &quot;noobs2ninjas&quot;]</code> <strong>ATUALIZAÇÃO:</strong> Devido a uma alteração nas condições de uso da API, explicado <a href="https://blog.twitch.tv/client-id-required-for-kraken-api-calls-afbb8e95f843#.f8hipkht1" target="_blank">aqui, o</a> Twitch.tv agora requer uma chave de API, mas criamos uma solução alternativa. Use <a href="https://wind-bow.glitch.me" target="_blank">https://wind-bow.glitch.me/twitch-api em</a> vez do URL base da API do twitch (ou seja, https://api.twitch.tv/kraken) e você ainda poderá obter informações da conta, sem precisar para se inscrever em uma chave de API. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/09-certificates/apis-and-microservices-certificate/apis-and-microservices-certificate.portuguese.md b/curriculum/challenges/portuguese/09-certificates/apis-and-microservices-certificate/apis-and-microservices-certificate.portuguese.md
new file mode 100644
index 0000000000..7b4b776200
--- /dev/null
+++ b/curriculum/challenges/portuguese/09-certificates/apis-and-microservices-certificate/apis-and-microservices-certificate.portuguese.md
@@ -0,0 +1,49 @@
+---
+id: 561add10cb82ac38a17523bc
+title: API's and Microservices Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: Certificado de API e microsserviços
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/09-certificates/data-visualization-certificate/data-visualization-certificate.portuguese.md b/curriculum/challenges/portuguese/09-certificates/data-visualization-certificate/data-visualization-certificate.portuguese.md
new file mode 100644
index 0000000000..ea9a06f2b9
--- /dev/null
+++ b/curriculum/challenges/portuguese/09-certificates/data-visualization-certificate/data-visualization-certificate.portuguese.md
@@ -0,0 +1,49 @@
+---
+id: 5a553ca864b52e1d8bceea14
+title: Data Visualization Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: Certificado de Visualização de Dados
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/09-certificates/front-end-libraries-certificate/front-end-libraries-certificate.portuguese.md b/curriculum/challenges/portuguese/09-certificates/front-end-libraries-certificate/front-end-libraries-certificate.portuguese.md
new file mode 100644
index 0000000000..bc4336a129
--- /dev/null
+++ b/curriculum/challenges/portuguese/09-certificates/front-end-libraries-certificate/front-end-libraries-certificate.portuguese.md
@@ -0,0 +1,49 @@
+---
+id: 561acd10cb82ac38a17513bc
+title: Front End Libraries Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: Certificado de bibliotecas front-end
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/09-certificates/information-securtiy-and-quality-assurance-certificate/information-securtiy-and-quality-assurance-certificate.portuguese.md b/curriculum/challenges/portuguese/09-certificates/information-securtiy-and-quality-assurance-certificate/information-securtiy-and-quality-assurance-certificate.portuguese.md
new file mode 100644
index 0000000000..7ff806a174
--- /dev/null
+++ b/curriculum/challenges/portuguese/09-certificates/information-securtiy-and-quality-assurance-certificate/information-securtiy-and-quality-assurance-certificate.portuguese.md
@@ -0,0 +1,49 @@
+---
+id: 561add10cb82ac38a17213bc
+title: 'Information, Securtiy and Quality Assurance Certificate'
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: 'Certificado de Informação, Segurança e Garantia de Qualidade'
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/09-certificates/javascript-algorithms-and-data-structures-certificate/javascript-algorithms-and-data-structures-certificate.portuguese.md b/curriculum/challenges/portuguese/09-certificates/javascript-algorithms-and-data-structures-certificate/javascript-algorithms-and-data-structures-certificate.portuguese.md
new file mode 100644
index 0000000000..9b20dc58b4
--- /dev/null
+++ b/curriculum/challenges/portuguese/09-certificates/javascript-algorithms-and-data-structures-certificate/javascript-algorithms-and-data-structures-certificate.portuguese.md
@@ -0,0 +1,49 @@
+---
+id: 561abd10cb81ac38a17513bc
+title: JavaScript Algorithms and Data Structures Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: Algoritmos JavaScript e Certificado de Estruturas de Dados
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/09-certificates/legacy-back-end-certificate/legacy-back-end-certificate.portuguese.md b/curriculum/challenges/portuguese/09-certificates/legacy-back-end-certificate/legacy-back-end-certificate.portuguese.md
new file mode 100644
index 0000000000..a03bd1f295
--- /dev/null
+++ b/curriculum/challenges/portuguese/09-certificates/legacy-back-end-certificate/legacy-back-end-certificate.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 660add10cb82ac38a17513be
+title: Legacy Back End Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: Certificado Legacy Back End
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/09-certificates/legacy-data-visualization-certificate/legacy-data-visualization-certificate.portuguese.md b/curriculum/challenges/portuguese/09-certificates/legacy-data-visualization-certificate/legacy-data-visualization-certificate.portuguese.md
new file mode 100644
index 0000000000..1bb33db7a4
--- /dev/null
+++ b/curriculum/challenges/portuguese/09-certificates/legacy-data-visualization-certificate/legacy-data-visualization-certificate.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 561add10cb82ac39a17513bc
+title: Legacy Data Visualization Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: Certificado de visualização de dados herdados
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/09-certificates/legacy-front-end-certificate/legacy-front-end-certificate.portuguese.md b/curriculum/challenges/portuguese/09-certificates/legacy-front-end-certificate/legacy-front-end-certificate.portuguese.md
new file mode 100644
index 0000000000..63ced4096b
--- /dev/null
+++ b/curriculum/challenges/portuguese/09-certificates/legacy-front-end-certificate/legacy-front-end-certificate.portuguese.md
@@ -0,0 +1,59 @@
+---
+id: 561add10cb82ac38a17513be
+title: Legacy Front End Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: Certificado de front end herdado
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/portuguese/09-certificates/responsive-web-design-certificate/responsive-web-design-certificate.portuguese.md b/curriculum/challenges/portuguese/09-certificates/responsive-web-design-certificate/responsive-web-design-certificate.portuguese.md
new file mode 100644
index 0000000000..92c46a19ef
--- /dev/null
+++ b/curriculum/challenges/portuguese/09-certificates/responsive-web-design-certificate/responsive-web-design-certificate.portuguese.md
@@ -0,0 +1,49 @@
+---
+id: 561add10cb82ac38a17513bc
+title: Responsive Web Design Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: Certificado de Web Design Responsivo
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.russian.md
new file mode 100644
index 0000000000..0445d657ef
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.russian.md
@@ -0,0 +1,50 @@
+---
+id: 587d774c367417b2b2512a9c
+title: Add a Text Alternative to Images for Visually Impaired Accessibility
+challengeType: 0
+videoUrl: ''
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/add-alt-text-to-an-image-for-accessibility'
+localeTitle: Добавить текстовую альтернативу изображениям для доступности с нарушением зрения
+---
+
+## Description
+<section id="description"> Вероятно, вы видели атрибут <code>alt</code> в теге <code>img</code> в других задачах. Текст <code>Alt</code> описывает содержимое изображения и предоставляет текстовую альтернативу. Это помогает в случае, если изображение не загружается или не может быть замечено пользователем. Он также используется поисковыми системами, чтобы понять, что изображение содержит, чтобы включить его в результаты поиска. Вот пример: <code>&lt;img src=&quot;importantLogo.jpeg&quot; alt=&quot;Company logo&quot;&gt;</code> Люди с нарушениями зрения полагаются на устройства чтения с экрана для преобразования веб-контента в аудиоинтерфейс. Они не получат информацию, если они представлены только визуально. Для изображений экранные программы могут получить доступ к атрибуту <code>alt</code> и прочитать его содержимое для доставки ключевой информации. Хороший <code>alt</code> текст короткий , но описательный характер, и имел в виду , чтобы кратко передать смысл изображения. Вы всегда должны включать атрибут <code>alt</code> на свой образ. По спецификации HTML5 это считается обязательным. </section>
+
+## Instructions
+<section id="instructions"> Camper Cat, оказывается, как ниндзя кодирования, так и фактический ниндзя, и создает веб-сайт, чтобы поделиться своими знаниями. Изображение профиля, которое он хочет использовать, показывает его навыки и должно быть оценено всеми посетителями сайта. Добавьте атрибут <code>alt</code> в тег <code>img</code> , который объясняет, что Camper Cat делает каратэ. (Изображение <code>src</code> не ссылается на фактический файл, поэтому вы должны увидеть текст <code>alt</code> на дисплее.) </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш тег <code>img</code> должен иметь атрибут <code>alt</code> , и он не должен быть пустым.'
+    testString: 'assert($("img").attr("alt"), "Your <code>img</code> tag should have an <code>alt</code> attribute, and it should not be empty.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<img src="doingKarateWow.jpeg">
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.russian.md
new file mode 100644
index 0000000000..2181f81dad
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.russian.md
@@ -0,0 +1,77 @@
+---
+id: 587d778b367417b2b2512aa8
+title: Add an Accessible Date Picker
+challengeType: 0
+videoUrl: ''
+localeTitle: Добавить доступную дату выбора
+---
+
+## Description
+<section id="description"> Формы часто включают поле <code>input</code> , которое может использоваться для создания нескольких различных элементов управления формой. Атрибут <code>type</code> в этом элементе указывает, какой тип ввода будет создан. Возможно, вы заметили <code>text</code> и <code>submit</code> типы ввода в предыдущих задачах, а в HTML5 появилась опция указать поле <code>date</code> . В зависимости от поддержки браузера в поле <code>input</code> появляется окно выбора даты, когда оно находится в фокусе, что облегчает заполнение формы для всех пользователей. Для более старых браузеров тип будет по умолчанию использоваться для <code>text</code> , поэтому он помогает показывать пользователям ожидаемый формат даты на этикетке или в качестве текста заполнителя на всякий случай. Вот пример: <blockquote> &lt;label for = &quot;input1&quot;&gt; Введите дату: &lt;/ label&gt; <br> &lt;input type = &quot;date&quot; id = &quot;input1&quot; name = &quot;input1&quot;&gt; <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Camper Cat создает турнир Mortal Kombat и хочет попросить своих конкурентов посмотреть, какая дата лучше всего работает. Добавить <code>input</code> тег с <code>type</code> атрибута «дата», с <code>id</code> атрибута «pickdate», и <code>name</code> атрибута «дата». </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен добавить один тег <code>input</code> для поля выбора даты.
+    testString: 'assert($("input").length == 2, "Your code should add one <code>input</code> tag for the date selector field.");'
+  - text: Тег <code>input</code> должен иметь атрибут <code>type</code> со значением даты.
+    testString: 'assert($("input").attr("type") == "date", "Your <code>input</code> tag should have a <code>type</code> attribute with a value of date.");'
+  - text: Ваш тег <code>input</code> должен иметь атрибут <code>id</code> со значением pickdate.
+    testString: 'assert($("input").attr("id") == "pickdate", "Your <code>input</code> tag should have an <code>id</code> attribute with a value of pickdate.");'
+  - text: Ваш тег <code>input</code> должен иметь атрибут <code>name</code> со значением даты.
+    testString: 'assert($("input").attr("name") == "date", "Your <code>input</code> tag should have a <code>name</code> attribute with a value of date.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Tournaments</h1>
+  </header>
+  <main>
+    <section>
+      <h2>Mortal Kombat Tournament Survey</h2>
+      <form>
+        <p>Tell us the best date for the competition</p>
+        <label for="pickdate">Preferred Date:</label>
+
+        <!-- Add your code below this line -->
+
+
+
+        <!-- Add your code above this line -->
+
+        <input type="submit" name="submit" value="Submit">
+      </form>
+    </section>
+  </main>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information.russian.md
new file mode 100644
index 0000000000..3e1d21706c
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information.russian.md
@@ -0,0 +1,64 @@
+---
+id: 587d778f367417b2b2512aad
+title: Avoid Colorblindness Issues by Carefully Choosing Colors that Convey Information
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Избегайте проблем со слепотой, тщательно определяя цвета, которые передают информацию'
+---
+
+## Description
+<section id="description"> Существуют различные формы слепоты. Они могут варьироваться от пониженной чувствительности до определенной длины волны света до невозможности видеть цвет вообще. Наиболее распространенной формой является снижение чувствительности к обнаружению зелени. Например, если два похожих зеленых цвета являются цветом переднего плана и фона вашего контента, пользователь цветной слепоты может не распознать их. Близкие цвета можно рассматривать как соседи на цветовом колесе, и эти комбинации следует избегать при передаче важной информации. <strong>Заметка</strong> <br> Некоторые онлайн-инструменты для выбора цвета включают визуальное моделирование того, как появляются цвета для разных типов слепоты. Это отличные ресурсы в дополнение к онлайн-калькуляторам проверки контраста. </section>
+
+## Instructions
+<section id="instructions"> Camper Cat тестируют различные стили для важной кнопки, но желтый ( <code>#FFFF33</code> ) <code>background-color</code> и зеленый ( <code>#33FF33</code> ) текст <code>color</code> соседствуют оттенки на цветовом колесе и практически неразличимы для некоторых дальтонизма пользователей. (Их аналогичная легкость также не позволяет проверить коэффициент контрастности). Измените <code>color</code> текста на синий ( <code>#003366</code> ), чтобы решить обе проблемы. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен изменить <code>color</code> текста для <code>button</code> на синем.
+    testString: 'assert($("button").css("color") == "rgb(0, 51, 102)", "Your code should change the text <code>color</code> for the <code>button</code> to the dark blue.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  button {
+    color: #33FF33;
+    background-color: #FFFF33;
+    font-size: 14px;
+    padding: 10px;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Danger!</h1>
+  </header>
+  <button>Delete Internet</button>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.russian.md
new file mode 100644
index 0000000000..3bf233f50a
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.russian.md
@@ -0,0 +1,68 @@
+---
+id: 587d778f367417b2b2512aac
+title: Avoid Colorblindness Issues by Using Sufficient Contrast
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Избегайте проблем со слепотой, используя достаточный контраст'
+---
+
+## Description
+<section id="description"> Цвет - большая часть визуального дизайна, но его использование представляет две проблемы доступности. Во-первых, цвет сам по себе не должен использоваться как единственный способ передачи важной информации, потому что пользователи экранного чтения не видят этого. Во-вторых, цвета переднего и заднего фона требуют достаточного контраста, чтобы пользователи цветного следа могли различать их. Предыдущие проблемы охватывали наличие текстовых альтернатив для решения первой проблемы. Последняя задача заключалась в инструментах проверки контраста, чтобы помочь во втором. Контрастность, рекомендованная WCAG, равная 4,5: 1, применяется для использования цвета, а также для комбинаций по шкале серого. Пользователи Colorblind не могут отличить некоторые цвета от других - обычно в оттенке, но иногда и в легкости. Вы можете вспомнить, что коэффициент контрастности рассчитывается с использованием значений относительной яркости (или яркости) цветов переднего плана и фона. На практике соотношение 4,5: 1 может быть достигнуто путем затемнения более темного цвета и облегчения более легкого с помощью анализатора цветного контраста. Более темные цвета на цветном колесе считаются блюзом, фиалки, пурпуры и красные, тогда как более светлые цвета - апельсины, желтые, зеленые и сине-зеленые. </section>
+
+## Instructions
+<section id="instructions"> Camper Cat экспериментирует с использованием цвета для текста своего блога и фона, но его текущая комбинация зеленоватого <code>background-color</code> с <code>color</code> текстом в темно-коричневом <code>color</code> имеет коэффициент контрастности 2,5: 1. Вы можете легко регулировать яркость цветов, так как он объявил их, используя <code>hsl()</code> CSS <code>hsl()</code> (которое означает оттенок, насыщенность, легкость), изменив третий аргумент. Увеличьте значение светочувствительности <code>background-color</code> с 35% до 55% и уменьшите значение <code>color</code> яркости от 20% до 15%. Это улучшает контрастность до 5.9: 1. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен только изменить значение яркости для свойства <code>color</code> текста на значение 15%.
+    testString: 'assert(code.match(/color:\s*?hsl\(0,\s*?55%,\s*?15%\)/gi), "Your code should only change the lightness value for the text <code>color</code> property to a value of 15%.");'
+  - text: Ваш код должен только изменить значение яркости для свойства <code>background-color</code> на значение 55%.
+    testString: 'assert(code.match(/background-color:\s*?hsl\(120,\s*?25%,\s*?55%\)/gi), "Your code should only change the lightness value for the <code>background-color</code> property to a value of 55%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  body {
+    color: hsl(0, 55%, 20%);
+    background-color: hsl(120, 25%, 35%);
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+    <h2>A Word on the Recent Catnip Doping Scandal</h2>
+    <p>The influence that catnip has on feline behavior is well-documented, and its use as an herbal supplement in competitive ninja circles remains controversial. Once again, the debate to ban the substance is brought to the public's attention after the high-profile win of Kittytron, a long-time proponent and user of the green stuff, at the Claw of Fury tournament.</p>
+    <p>As I've stated in the past, I firmly believe a true ninja's skills must come from within, with no external influences. My own catnip use shall continue as purely recreational.</p>
+  </article>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.russian.md
new file mode 100644
index 0000000000..2a0a1ad571
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.russian.md
@@ -0,0 +1,59 @@
+---
+id: 587d778f367417b2b2512aae
+title: Give Links Meaning by Using Descriptive Link Text
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Дать ссылку, используя текст описательной ссылки'
+---
+
+## Description
+<section id="description"> У пользователей экранного считывателя есть разные опции для того, какой тип содержимого их устройство читает. Это включает в себя пропуск элементов (или над ними), переход к основному содержимому или получение сводки страниц из заголовков. Другой вариант - только слышать ссылки, доступные на странице. Экранные читатели делают это, читая текст ссылки, или то, что находится между тэгами anchor ( <code>a</code> ). Наличие списка ссылок «нажмите здесь» или «прочитать больше» не поможет. Вместо этого вы должны использовать короткий, но описательный текст в тегах <code>a</code> чтобы обеспечить больше значения для этих пользователей. </section>
+
+## Instructions
+<section id="instructions"> Текст ссылки, который использует Camper Cat, не очень описателен без окружающего контекста. Переместите метки привязки ( <code>a</code> ), чтобы они обменивали текст «информация об аккумуляторах» вместо «Нажмите здесь». </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш код должен переместить якорь теги вокруг слов «Нажмите здесь» , чтобы обернуть вокруг слов «информация о батареях». <code>a</code>'
+    testString: 'assert($("a").text().match(/^(information about batteries)$/g), "Your code should move the anchor <code>a</code> tags from around the words "Click here" to wrap around the words "information about batteries".");'
+  - text: 'Убедитесь , что ваш элемент имеет закрывающий тег. <code>a</code>'
+    testString: 'assert(code.match(/<\/a>/g) && code.match(/<\/a>/g).length === code.match(/<a href=(""|"")>/g).length, "Make sure your <code>a</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near. <a href="">Click here</a> for information about batteries</p>
+  </article>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.russian.md
new file mode 100644
index 0000000000..09902e75ce
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.russian.md
@@ -0,0 +1,71 @@
+---
+id: 587d7789367417b2b2512aa4
+title: Improve Accessibility of Audio Content with the audio Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Улучшить доступность аудиоконтента со звуковым элементом
+---
+
+## Description
+<section id="description"> В HTML5 <code>audio</code> элемент дает смысловое значение , когда он оборачивает звук или аудио потока контента в разметке. Аудиоконтент также нуждается в текстовой альтернативе, доступной для людей, которые являются глухими или слабослышащими. Это можно сделать рядом с текстом на странице или ссылкой на стенограмму. <code>audio</code> тег поддерживает атрибут <code>controls</code> . Это показывает воспроизведение по умолчанию в браузере, паузу и другие элементы управления и поддерживает функциональность клавиатуры. Это логический атрибут, то есть он не нуждается в значении, его присутствие на теге включает настройку. Вот пример: <blockquote> &lt;audio id = &quot;meowClip&quot; элементы управления&gt; <br> &lt;источник src = &quot;audio / meow.mp3&quot; type = &quot;audio / mpeg&quot; /&gt; <br> &lt;источник src = &quot;audio / meow.ogg&quot; type = &quot;audio / ogg&quot; /&gt; <br> &lt;/ Аудио&gt; <br></blockquote> <strong>Заметка</strong> <br> Мультимедийный контент обычно имеет как визуальные, так и звуковые компоненты. Для этого нужны синхронизированные подписи и расшифровка стенограммы, чтобы пользователи с визуальными и / или слуховыми нарушениями могли получить к ней доступ. Как правило, веб-разработчик не несет ответственности за создание титров или расшифровки, но должен знать, чтобы их включать. </section>
+
+## Instructions
+<section id="instructions"> Пора отдохнуть от Camper Cat и познакомиться с кемпиром Zersiax (@zersiax), чемпионом доступности и пользователем экрана. Чтобы услышать клип его экранного ридера в действии, добавьте <code>audio</code> элемент после <code>p</code> . Включите атрибут <code>controls</code> . Затем поместите <code>source</code> тег внутри <code>audio</code> тегов с атрибутом <code>src</code> установленным на «https://s3.amazonaws.com/freecodecamp/screen-reader.mp3», и <code>type</code> атрибут «audio / mpeg». <strong>Заметка</strong> <br> Звуковой клип может звучать быстро и с трудом понять, но это обычная скорость для пользователей с экрана. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: В вашем коде должен быть один <code>audio</code> тег.
+    testString: 'assert($("audio").length === 1, "Your code should have one <code>audio</code> tag.");'
+  - text: 'Убедитесь, что ваш <code>audio</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/audio>/g).length === 1 && code.match(/<audio.*>[\s\S]*<\/audio>/g), "Make sure your <code>audio</code> element has a closing tag.");'
+  - text: <code>audio</code> тег должен иметь атрибут <code>controls</code> .
+    testString: 'assert($("audio").attr("controls"), "The <code>audio</code> tag should have the <code>controls</code> attribute.");'
+  - text: Ваш код должен иметь один тег <code>source</code> .
+    testString: 'assert($("source").length === 1, "Your code should have one <code>source</code> tag.");'
+  - text: Ваш тег <code>source</code> должен находиться внутри <code>audio</code> тегов.
+    testString: 'assert($("audio").children("source").length === 1, "Your <code>source</code> tag should be inside the <code>audio</code> tags.");'
+  - text: Значение атрибута <code>src</code> в теге <code>source</code> должно точно соответствовать ссылке в инструкциях.
+    testString: 'assert($("source").attr("src") === "https://s3.amazonaws.com/freecodecamp/screen-reader.mp3", "The value for the <code>src</code> attribute on the <code>source</code> tag should match the link in the instructions exactly.");'
+  - text: Ваш код должен включать атрибут <code>type</code> в тег <code>source</code> со значением audio / mpeg.
+    testString: 'assert($("source").attr("type") === "audio/mpeg", "Your code should include a <code>type</code> attribute on the <code>source</code> tag with a value of audio/mpeg.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Real Coding Ninjas</h1>
+  </header>
+  <main>
+    <p>A sound clip of Zersiax's screen reader in action.</p>
+
+
+
+  </main>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.russian.md
new file mode 100644
index 0000000000..2bc3b3db1c
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.russian.md
@@ -0,0 +1,99 @@
+---
+id: 587d778a367417b2b2512aa5
+title: Improve Chart Accessibility with the figure Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Улучшить доступность диаграммы с помощью элемента Элемент
+---
+
+## Description
+<section id="description"> HTML5 представил элемент <code>figure</code> вместе со связанной <code>figcaption</code> . Используемые вместе эти элементы обертывают визуальное представление (например, изображение, диаграмму или диаграмму) вместе с его заголовком. Это дает двукратное повышение доступности как с семантической группировкой связанного контента, так и с предоставлением текстовой альтернативы, которая объясняет эту <code>figure</code> . Для визуализации данных, таких как диаграммы, заголовок можно использовать, чтобы кратко отметить тенденции или выводы для пользователей с нарушениями зрения. Другая проблема заключается в том, как переносить табличную версию данных диаграммы за пределы экрана (с использованием CSS) для пользователей с экрана. Вот пример - обратите внимание , что <code>figcaption</code> идет внутри <code>figure</code> тегов и может быть объединен с другими элементами: <blockquote> &lt;Цифра&gt; <br> &lt;img src = &quot;roundhouseDestruction.jpeg&quot; alt = &quot;Фотография Camper Cat, выполняющая удар в круглой форме&quot;&gt; <br> &lt;br&gt; <br> &lt;Figcaption&gt; <br> Мастер Кэмпер Кота демонстрирует правильную форму нокаута. <br> &lt;/ Figcaption&gt; <br> &lt;/ Цифра&gt; <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Camper Cat тяжело работает, создавая сложную гистограмму, показывающую количество времени в неделю, чтобы провести обучение в хитрости, сражении и оружии. Помогите ему лучше структурировать свою страницу, изменив тег <code>div</code> он использовал для тега <code>figure</code> , и тэг <code>p</code> который окружает подпись к тегу <code>figcaption</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен иметь один <code>figure</code> тег.
+    testString: 'assert($("figure").length == 1, "Your code should have one <code>figure</code> tag.");'
+  - text: В вашем коде должен быть один тег <code>figcaption</code> .
+    testString: 'assert($("figcaption").length == 1, "Your code should have one <code>figcaption</code> tag.");'
+  - text: У вашего кода не должно быть никаких тегов <code>div</code> .
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: Ваш код не должен иметь каких - либо <code>p</code> - теги.
+    testString: 'assert($("p").length == 0, "Your code should not have any <code>p</code> tags.");'
+  - text: <code>figcaption</code> должен быть дочерним элементом тега <code>figure</code> .
+    testString: 'assert($("figure").children("figcaption").length == 1, "The <code>figcaption</code> should be a child of the <code>figure</code> tag.");'
+  - text: 'Убедитесь, что ваш <code>figure</code> элемент имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/figure>/g) && code.match(/<\/figure>/g).length === code.match(/<figure>/g).length, "Make sure your <code>figure</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Training</h1>
+    <nav>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </nav>
+  </header>
+  <main>
+    <section>
+
+      <!-- Add your code below this line -->
+      <div>
+        <!-- Stacked bar chart will go here -->
+        <br>
+        <p>Breakdown per week of time to spend training in stealth, combat, and weapons.</p>
+      </div>
+      <!-- Add your code above this line -->
+
+    </section>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.russian.md
new file mode 100644
index 0000000000..ef963c890c
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.russian.md
@@ -0,0 +1,82 @@
+---
+id: 587d778a367417b2b2512aa6
+title: Improve Form Field Accessibility with the label Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Улучшить доступность поля формы с помощью элемента Element
+---
+
+## Description
+<section id="description"> Улучшение доступности с семантической разметкой HTML применяется к использованию как соответствующих имен тегов, так и атрибутов. Следующие несколько проблем охватывают некоторые важные сценарии с использованием атрибутов в формах. <code>label</code> метки обертывает текст для определенного элемента управления формой, как правило, имя или ярлык для выбора. Это связывает смысл с элементом и делает форму более читаемой. <code>for</code> атрибута на <code>label</code> тега явно связывает эту <code>label</code> с контролем формы и используется для чтения с экрана. Вы узнали о переключателях и их ярлыках в уроке в разделе «Основные HTML». В этом уроке мы завернули элемент ввода переключателя внутри элемента <code>label</code> вместе с текстом ярлыка, чтобы сделать текст кликабельным. Другой способ добиться этого - использовать атрибут <code>for</code> как объяснено в этом уроке. Значение атрибута <code>for</code> должно быть таким же, как значение атрибута <code>id</code> элемента управления формой. Вот пример: <blockquote> &lt;Форма&gt; <br> &lt;label for = &quot;name&quot;&gt; Имя: &lt;/ label&gt; <br> &lt;input type = &quot;text&quot; id = &quot;name&quot; name = &quot;name&quot;&gt; <br> &lt;/ Форма&gt; <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Camper Cat ожидает большой интерес к его задумчивым сообщениям в блоге и хочет включить форму для регистрации электронной почты. Добавить <code>for</code> атрибута электронной <code>label</code> , которая соответствует <code>id</code> на его <code>input</code> поле. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("label").attr("for"), "Your code should have a <code>for</code> attribute on the <code>label</code> tag that is not empty.");'
+  - text: ''
+    testString: 'assert($("label").attr("for") == "email", "Your <code>for</code> attribute value should match the <code>id</code> value on the email <code>input</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <section>
+    <form>
+      <p>Sign up to receive Camper Cat's blog posts by email here!</p>
+
+
+      <label>Email:</label>
+      <input type="text" id="email" name="email">
+
+
+      <input type="submit" name="submit" value="Submit">
+    </form>
+  </section>
+  <article>
+    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Is Chuck Norris a Cat Person?</h2>
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-readability-with-high-contrast-text.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-readability-with-high-contrast-text.russian.md
new file mode 100644
index 0000000000..182a3423cb
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-readability-with-high-contrast-text.russian.md
@@ -0,0 +1,68 @@
+---
+id: 587d778e367417b2b2512aab
+title: Improve Readability with High Contrast Text
+challengeType: 0
+videoUrl: ''
+localeTitle: Улучшить читаемость с помощью текста с высоким контрастом
+---
+
+## Description
+<section id="description"> Низкий контраст между цветами переднего и заднего фона может затруднить чтение текста. Достаточный контраст улучшает читаемость вашего контента, но что именно означает «достаточный»? Рекомендации по доступности веб-контента (WCAG) рекомендуют, по крайней мере, коэффициент контрастности от 4,5 до 1 для обычного текста. Отношение рассчитывается путем сравнения относительных значений яркости двух цветов. Это колеблется от 1: 1 для того же цвета или без контраста до 21: 1 для белого против черного, самого сильного контраста. В Интернете доступно множество инструментов для проверки контраста, которые вычисляют это соотношение для вас. </section>
+
+## Instructions
+<section id="instructions"> Выбор Camper Cat светло-серый текст на белом фоне для его недавнего сообщения в блоге имеет коэффициент контрастности 1,5: 1, что затрудняет его чтение. Измените <code>color</code> текста с текущего серого ( <code>#D3D3D3</code> ) на более темный серый ( <code>#636363</code> ), чтобы улучшить коэффициент контрастности до 6: 1. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен изменить <code>color</code> текста для <code>body</code> на темный серый цвет.
+    testString: 'assert($("body").css("color") == "rgb(99, 99, 99)", "Your code should change the text <code>color</code> for the <code>body</code> to the darker gray.");'
+  - text: Ваш код не должен изменять <code>background-color</code> для <code>body</code> .
+    testString: 'assert($("body").css("background-color") == "rgb(255, 255, 255)", "Your code should not change the <code>background-color</code> for the <code>body</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  body {
+    color: #D3D3D3;
+    background-color: #FFF;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+    <h2>A Word on the Recent Catnip Doping Scandal</h2>
+    <p>The influence that catnip has on feline behavior is well-documented, and its use as an herbal supplement in competitive ninja circles remains controversial. Once again, the debate to ban the substance is brought to the public's attention after the high-profile win of Kittytron, a long-time proponent and user of the green stuff, at the Claw of Fury tournament.</p>
+    <p>As I've stated in the past, I firmly believe a true ninja's skills must come from within, with no external influences. My own catnip use shall continue as purely recreational.</p>
+  </article>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.russian.md
new file mode 100644
index 0000000000..6cd2d23518
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.russian.md
@@ -0,0 +1,57 @@
+---
+id: 587d774e367417b2b2512a9f
+title: Jump Straight to the Content Using the main Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Перейти прямо к контенту Используя основной элемент
+---
+
+## Description
+<section id="description"> В HTML5 появилось несколько новых элементов, которые предоставляют разработчикам больше опций, а также включают функции доступности. Эти теги включают в себя <code>main</code> , <code>header</code> , <code>footer</code> , <code>nav</code> , <code>article</code> и <code>section</code> , среди прочих. По умолчанию браузер отображает эти элементы аналогично смиренному <code>div</code> . Однако использование их в соответствующих случаях дает дополнительный смысл в вашей разметке. Имя тега может указывать только тип информации, который он содержит, что добавляет семантический смысл этому контенту. Вспомогательные технологии могут получить доступ к этой информации, чтобы предоставить пользователям более подробные сведения о странице или варианты навигации. <code>main</code> элемент используется для обертывания (вы уже догадались) основного содержимого, и на странице должно быть только одно. Он предназначен для того, чтобы окружать информацию, связанную с центральной темой вашей страницы. Он не должен включать элементы, которые повторяются на разных страницах, например, ссылки на навигацию или баннеры. <code>main</code> тег также имеет встроенную ориентирную функцию, которую вспомогательные технологии могут использовать для быстрого перехода к основному контенту. Если вы когда-либо видели ссылку «Перейти к основному контенту» в верхней части страницы, использование основного тега автоматически предоставляет вспомогательные устройства, которые имеют функциональность. </section>
+
+## Instructions
+<section id="instructions"> Camper Cat имеет некоторые большие идеи для своей страницы оружия ниндзя. Помогите ему настроить свою разметку, добавив открывающие и закрывающие <code>main</code> теги между <code>header</code> и <code>footer</code> (в других задачах). Пока не оставляйте <code>main</code> теги пустыми. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: В вашем коде должен быть один <code>main</code> тег.
+    testString: 'assert($("main").length == 1, "Your code should have one <code>main</code> tag.");'
+  - text: <code>main</code> теги должны быть между тегом закрывающего <code>header</code> тегом нижнего <code>footer</code> открытия.
+    testString: 'assert(code.match(/<\/header>\s*?<main>\s*?<\/main>/gi), "The <code>main</code> tags should be between the closing <code>header</code> tag and the opening <code>footer</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<header>
+  <h1>Weapons of the Ninja</h1>
+</header>
+
+
+
+<footer></footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/know-when-alt-text-should-be-left-blank.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/know-when-alt-text-should-be-left-blank.russian.md
new file mode 100644
index 0000000000..678074c8ec
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/know-when-alt-text-should-be-left-blank.russian.md
@@ -0,0 +1,62 @@
+---
+id: 587d774c367417b2b2512a9d
+title: Know When Alt Text Should be Left Blank
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Знать, когда Alt-текст должен оставаться пустым'
+---
+
+## Description
+<section id="description"> В последнем случае вы узнали, что включение атрибута <code>alt</code> в теги img является обязательным. Однако иногда изображения сгруппированы с надписью, уже описывающей их, или используются только для украшения. В этих случаях <code>alt</code> текст может показаться излишним или ненужным. В ситуациях, когда изображение уже объясняется текстовым контентом или не добавляет значения для страницы, <code>img</code> прежнему нуждается в атрибуте <code>alt</code> , но его можно установить в пустую строку. Вот пример: <code>&lt;img src=&quot;visualDecoration.jpeg&quot; alt=&quot;&quot;&gt;</code> Фоновые изображения обычно подпадают под «декоративную» метку. Тем не менее, они обычно применяются с правилами CSS и, следовательно, не являются частью процесса чтения расшифровок экрана. <strong>Заметка</strong> <br> Для изображений с надписью вы можете захотеть включить текст <code>alt</code> , так как он помогает каталогам поисковых систем каталогизировать содержимое изображения. </section>
+
+## Instructions
+<section id="instructions"> Camper Cat закодировал страницу скелета для части блога своего сайта. Он планирует добавить визуальный разрыв между двумя статьями с декоративным изображением самурайского меча. Добавьте атрибут <code>alt</code> в тег <code>img</code> и установите его в пустую строку. (Обратите внимание, что изображение <code>src</code> не связано с фактическим файлом - не беспокойтесь, что на дисплее нет мечей.) </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш тег <code>img</code> должен иметь атрибут <code>alt</code> .
+    testString: 'assert(!($("img").attr("alt") == undefined), "Your <code>img</code> tag should have an <code>alt</code> attribute.");'
+  - text: Атрибут <code>alt</code> должен быть установлен в пустую строку.
+    testString: 'assert($("img").attr("alt") == "", "The <code>alt</code> attribute should be set to an empty string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Deep Thoughts with Master Camper Cat</h1>
+<article>
+  <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+  <p>To Come...</p>
+</article>
+
+<img src="samuraiSwords.jpeg">
+
+<article>
+  <h2>Is Chuck Norris a Cat Person?</h2>
+  <p>To Come...</p>
+</article>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/make-elements-only-visible-to-a-screen-reader-by-using-custom-css.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/make-elements-only-visible-to-a-screen-reader-by-using-custom-css.russian.md
new file mode 100644
index 0000000000..e8a979dc5e
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/make-elements-only-visible-to-a-screen-reader-by-using-custom-css.russian.md
@@ -0,0 +1,138 @@
+---
+id: 587d778d367417b2b2512aaa
+title: Make Elements Only Visible to a Screen Reader by Using Custom CSS
+challengeType: 0
+videoUrl: ''
+localeTitle: Сделать элементы доступными только для чтения с экрана с помощью пользовательского CSS
+---
+
+## Description
+<section id="description"> Вы заметили, что все прикладные проблемы доступности до сих пор не использовали CSS? Это должно показать важность контура логического документа и использовать семантически значимые теги вокруг вашего контента, прежде чем вводить визуальный дизайн. Однако магия CSS также может улучшить доступность вашей страницы, когда вы хотите визуально скрывать контент, предназначенный только для чтения с экрана. Это происходит, когда информация находится в визуальном формате (например, диаграмме), но пользователям экрана чтения требуется альтернативная презентация (например, таблица) для доступа к данным. CSS используется для размещения элементов экрана только для чтения с визуальной области окна браузера. Вот пример правил CSS, которые это делают: <blockquote> .sr-only { <br> позиция: абсолютная; <br> left: -10000px; <br> ширина: 1px; <br> высота: 1шт; <br> top: auto; <br> переполнение: скрыто; <br> } </blockquote> <strong>Заметка</strong> <br> Следующие подходы CSS НЕ будут делать то же самое: <ul><li> <code>display: none;</code> или <code>visibility: hidden;</code> скрывает контент для всех, включая пользователей с экрана </li><li> Нулевые значения для размеров пикселей, такие как <code>width: 0px; height: 0px;</code> удаляет этот элемент из потока вашего документа, то есть читатели экрана будут игнорировать его </li></ul></section>
+
+## Instructions
+<section id="instructions"> Camper Cat создал действительно классную стеклянную гистограмму для своей учебной страницы и помещал данные в таблицу для своих слабовидящих пользователей. В таблице уже есть класс <code>sr-only</code> , но правила CSS еще не заполнены. Дайте <code>position</code> абсолютное значение, <code>left</code> значение a -10000px, а также <code>width</code> и <code>height</code> как значения 1px. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен установить для свойства <code>sr-only</code> свойство <code>position</code> значение абсолютное.
+    testString: 'assert($(".sr-only").css("position") == "absolute", "Your code should set the <code>position</code> property of the <code>sr-only</code> class to a value of absolute.");'
+  - text: Ваш код должен установить свойство <code>left</code> класса <code>sr-only</code> равным -10000px.
+    testString: 'assert($(".sr-only").css("left") == "-10000px", "Your code should set the <code>left</code> property of the <code>sr-only</code> class to a value of -10000px.");'
+  - text: Ваш код должен установить свойство <code>width</code> класса <code>sr-only</code> равным 1 пикселю.
+    testString: 'assert(code.match(/width:\s*?1px/gi), "Your code should set the <code>width</code> property of the <code>sr-only</code> class to a value of 1 pixel.");'
+  - text: Ваш код должен установить свойство <code>height</code> класса <code>sr-only</code> равным 1 пикселю.
+    testString: 'assert(code.match(/height:\s*?1px/gi), "Your code should set the <code>height</code> property of the <code>sr-only</code> class to a value of 1 pixel.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  .sr-only {
+    position: ;
+    left: ;
+    width: ;
+    height: ;
+    top: auto;
+    overflow: hidden;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Training</h1>
+    <nav>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </nav>
+  </header>
+  <section>
+    <h2>Master Camper Cat's Beginner Three Week Training Program</h2>
+    <figure>
+      <!-- Stacked bar chart of weekly training-->
+      <p>[Stacked bar chart]</p>
+      <br />
+      <figcaption>Breakdown per week of time to spend training in stealth, combat, and weapons.</figcaption>
+    </figure>
+    <table class="sr-only">
+      <caption>Hours of Weekly Training in Stealth, Combat, and Weapons</caption>
+      <thead>
+        <tr>
+          <th></th>
+          <th scope="col">Stealth &amp; Agility</th>
+          <th scope="col">Combat</th>
+          <th scope="col">Weapons</th>
+          <th scope="col">Total</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <th scope="row">Week One</th>
+          <td>3</td>
+          <td>5</td>
+          <td>2</td>
+          <td>10</td>
+        </tr>
+        <tr>
+          <th scope="row">Week Two</th>
+          <td>4</td>
+          <td>5</td>
+          <td>3</td>
+          <td>12</td>
+        </tr>
+        <tr>
+          <th scope="row">Week Three</th>
+          <td>4</td>
+          <td>6</td>
+          <td>3</td>
+          <td>13</td>
+        </tr>
+      </tbody>
+    </table>
+  </section>
+  <section id="stealth">
+    <h2>Stealth &amp; Agility Training</h2>
+    <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+    <article><h3>No training is NP-complete without parkour</h3></article>
+  </section>
+  <section id="combat">
+    <h2>Combat Training</h2>
+    <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+    <article><h3>Goodbye, world: 5 proven ways to knock out an opponent</h3></article>
+  </section>
+  <section id="weapons">
+    <h2>Weapons Training</h2>
+    <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+    <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+  </section>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/make-links-navigatable-with-html-access-keys.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/make-links-navigatable-with-html-access-keys.russian.md
new file mode 100644
index 0000000000..6ad3a44fc7
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/make-links-navigatable-with-html-access-keys.russian.md
@@ -0,0 +1,76 @@
+---
+id: 587d7790367417b2b2512aaf
+title: Make Links Navigatable with HTML Access Keys
+challengeType: 0
+videoUrl: ''
+localeTitle: Сделать ссылки навигационными с ключами доступа к HTML
+---
+
+## Description
+<section id="description"> HTML предлагает атрибут <code>accesskey</code> для указания сочетания клавиш для активации или приведения фокуса к элементу. Это может сделать навигацию более эффективной для пользователей только для клавиатуры. HTML5 позволяет использовать этот атрибут для любого элемента, но особенно полезен, когда он используется с интерактивными. Сюда входят ссылки, кнопки и элементы управления формой. Вот пример: <code>&lt;button accesskey=&quot;b&quot;&gt;Important Button&lt;/button&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Camper Cat хочет, чтобы ссылки вокруг двух названий статей в блогах имели быстрые клавиши, чтобы пользователи сайта могли быстро перейти к полной истории. Добавьте атрибут <code>accesskey</code> к обоим ссылкам и установите первый для «g» (для Гарфилда), а второй - «c» (для Chuck Norris). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен добавить атрибут <code>accesskey</code> к тегу <code>a</code> с <code>id</code> «first».
+    testString: 'assert($("#first").attr("accesskey"), "Your code should add an <code>accesskey</code> attribute to the <code>a</code> tag with the <code>id</code> of "first".");'
+  - text: Ваш код должен добавить атрибут <code>accesskey</code> к тегу <code>a</code> с <code>id</code> «второй».
+    testString: 'assert($("#second").attr("accesskey"), "Your code should add an <code>accesskey</code> attribute to the <code>a</code> tag with the <code>id</code> of "second".");'
+  - text: 'Ваш код должен установить атрибут <code>accesskey</code> в теге <code>a</code> с <code>id</code> «first» до «g». Обратите внимание, что дело имеет значение.'
+    testString: 'assert($("#first").attr("accesskey") == "g", "Your code should set the <code>accesskey</code> attribute on the <code>a</code> tag with the <code>id</code> of "first" to "g". Note that case matters.");'
+  - text: 'Ваш код должен установить атрибут <code>accesskey</code> в теге <code>a</code> с <code>id</code> «second» до «c». Обратите внимание, что дело имеет значение.'
+    testString: 'assert($("#second").attr("accesskey") == "c", "Your code should set the <code>accesskey</code> attribute on the <code>a</code> tag with the <code>id</code> of "second" to "c". Note that case matters.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+
+
+    <h2><a id="first" href="">The Garfield Files: Lasagna as Training Fuel?</a></h2>
+
+
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </article>
+  <article>
+
+
+    <h2><a id="second" href="">Is Chuck Norris a Cat Person?</a></h2>
+
+
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-footer-landmark.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-footer-landmark.russian.md
new file mode 100644
index 0000000000..2a9d7ff4b3
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-footer-landmark.russian.md
@@ -0,0 +1,86 @@
+---
+id: 587d7788367417b2b2512aa3
+title: Make Screen Reader Navigation Easier with the footer Landmark
+challengeType: 0
+videoUrl: ''
+localeTitle: Улучшение навигации в Screen Reader с помощью нижнего колонтитула Landmark
+---
+
+## Description
+<section id="description"> Подобно <code>header</code> и <code>nav</code> , элемент <code>nav</code> <code>footer</code> имеет встроенную функцию ориентира, которая позволяет вспомогательным устройствам быстро перейти к ней. Он в основном используется для хранения информации об авторских правах или ссылок на связанные документы, которые обычно располагаются внизу страницы. </section>
+
+## Instructions
+<section id="instructions"> Кампания Camper Cat продвигается вперед. Измените <code>div</code> он использовал, чтобы связать свою информацию об авторских правах в нижней части страницы с элементом нижнего <code>footer</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: В вашем коде должен быть один <code>footer</code> тег.
+    testString: 'assert($("footer").length == 1, "Your code should have one <code>footer</code> tag.");'
+  - text: У вашего кода не должно быть никаких тегов <code>div</code> .
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: Ваш код должен иметь тег открытия и закрытия <code>footer</code> .
+    testString: 'assert(code.match(/<footer>\s*&copy; 2018 Camper Cat\s*<\/footer>/g), "Your code should have an opening and closing <code>footer</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Training</h1>
+    <nav>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </nav>
+  </header>
+  <main>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+
+
+  <div>&copy; 2018 Camper Cat</div>
+
+
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.russian.md
new file mode 100644
index 0000000000..71e0b809dc
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.russian.md
@@ -0,0 +1,79 @@
+---
+id: 587d7787367417b2b2512aa1
+title: Make Screen Reader Navigation Easier with the header Landmark
+challengeType: 0
+videoUrl: ''
+localeTitle: Сделать экранную навигацию проще с заголовком Landmark
+---
+
+## Description
+<section id="description"> Следующий элемент HTML5, который добавляет смысловое значение и улучшает доступность, является тегом <code>header</code> . Он используется для обертывания вводной информации или навигационных ссылок для своего родительского тега и хорошо работает вокруг контента, который повторяется вверху на нескольких страницах. <code>header</code> разделяет встроенную функцию ориентира, которую вы видели с <code>main</code> , позволяя вспомогательным технологиям быстро перейти к этому контенту. <strong>Заметка</strong> <br> <code>header</code> предназначен для использования в теге <code>body</code> вашего HTML-документа. Это отличается от <code>head</code> элемента, который содержит заголовок страницы, мета - информации и т.д. </section>
+
+## Instructions
+<section id="instructions"> Camper Cat пишет отличные статьи о тренировках ниндзя и хочет добавить страницу на свой сайт. Измените верхний <code>div</code> который в настоящее время содержит <code>h1</code> для тега <code>header</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен иметь один тег <code>header</code> .
+    testString: 'assert($("header").length == 1, "Your code should have one <code>header</code> tag.");'
+  - text: Ваши теги <code>header</code> должны обернуться вокруг <code>h1</code> .
+    testString: 'assert($("header").children("h1").length == 1, "Your <code>header</code> tags should wrap around the <code>h1</code>.");'
+  - text: У вашего кода не должно быть никаких тегов <code>div</code> .
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: 'Убедитесь, что ваш элемент <code>header</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/header>/g) && code.match(/<\/header>/g).length === code.match(/<header>/g).length, "Make sure your <code>header</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+
+  <div>
+    <h1>Training with Camper Cat</h1>
+  </div>
+
+
+  <main>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.russian.md
new file mode 100644
index 0000000000..12a85c1ed3
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.russian.md
@@ -0,0 +1,85 @@
+---
+id: 587d7788367417b2b2512aa2
+title: Make Screen Reader Navigation Easier with the nav Landmark
+challengeType: 0
+videoUrl: ''
+localeTitle: Сделать навигацию с помощью экрана лучше с помощью навигационной системы Landmark
+---
+
+## Description
+<section id="description"> Элемент <code>nav</code> - это еще один элемент HTML5 со встроенной функцией ориентира для удобной навигации на экране. Этот тег предназначен для обхода основных ссылок навигации на вашей странице. Если в нижней части страницы повторяются ссылки на сайты, нет необходимости разметки тегов с помощью тега <code>nav</code> . Использование <code>footer</code> (в следующей задаче) достаточно. </section>
+
+## Instructions
+<section id="instructions"> Camper Cat включил навигационные ссылки в верхней части своей учебной страницы, но завернул их в <code>div</code> . Измените <code>div</code> на тег <code>nav</code> чтобы улучшить доступность на его странице. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: В вашем коде должен быть один тег <code>nav</code> .
+    testString: 'assert($("nav").length == 1, "Your code should have one <code>nav</code> tag.");'
+  - text: Теги вашего <code>nav</code> должны быть обернуты вокруг <code>ul</code> и элементов списка.
+    testString: 'assert($("nav").children("ul").length == 1, "Your <code>nav</code> tags should wrap around the <code>ul</code> and its list items.");'
+  - text: У вашего кода не должно быть никаких тегов <code>div</code> .
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: 'Убедитесь, что ваш элемент <code>nav</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/nav>/g) && code.match(/<\/nav>/g).length === code.match(/<nav>/g).length, "Make sure your <code>nav</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Training with Camper Cat</h1>
+
+    <div>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </div>
+
+  </header>
+  <main>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/standardize-times-with-the-html5-datetime-attribute.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/standardize-times-with-the-html5-datetime-attribute.russian.md
new file mode 100644
index 0000000000..a630fe8292
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/standardize-times-with-the-html5-datetime-attribute.russian.md
@@ -0,0 +1,85 @@
+---
+id: 587d778c367417b2b2512aa9
+title: Standardize Times with the HTML5 datetime Attribute
+challengeType: 0
+videoUrl: ''
+localeTitle: Стандартизировать время с атрибутом datetime HTML5
+---
+
+## Description
+<section id="description"> Продолжая тему даты, HTML5 также представил элемент <code>time</code> вместе с атрибутом <code>datetime</code> для стандартизации времени. Это встроенный элемент, который может привязывать дату или время на странице. Действительный формат этой даты <code>datetime</code> атрибутом <code>datetime</code> . Это значение, доступное с помощью вспомогательных устройств. Это помогает избежать путаницы, заявляя стандартизированную версию времени, даже если она написана неформальным или разговорным образом в тексте. Вот пример: <code>&lt;p&gt;Master Camper Cat officiated the cage match between Goro and Scorpion &lt;time datetime=&quot;2013-02-13&quot;&gt;last Wednesday&lt;/time&gt;, which ended in a draw.&lt;/p&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Результаты опроса Camter Cat&#39;s Mortal Kombat в! Обведите тег <code>time</code> вокруг текста «Четверг, 15 сентября &lt;sup&gt; th &lt;/ sup&gt;» и добавьте к нему атрибут <code>datetime</code> установленный в «2016-09-15». </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваши теги <code>time</code> должны обтекать текст «Четверг, 15 сентября &lt;sup&gt; th &lt;/ sup&gt;».'
+    testString: 'assert($("time").text().match(/Thursday, September 15th/g), "Your <code>time</code> tags should wrap around the text "Thursday, September 15&lt;sup&gt;th&lt;/sup&gt;".");'
+  - text: Ваш тег <code>time</code> должен иметь атрибут <code>datetime</code> который не является пустым.
+    testString: 'assert($("time").attr("datetime"), "Your <code>time</code> tag should have a <code>datetime</code> attribute that is not empty.");'
+  - text: Ваш атрибут <code>datetime</code> должен быть установлен в значение 2016-09-15.
+    testString: 'assert($("time").attr("datetime") === "2016-09-15", "Your <code>datetime</code> attribute should be set to a value of 2016-09-15.");'
+  - text: 'Убедитесь, что ваш элемент <code>time</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/time>/g) && code.match(/<\/time>/g).length === 4, "Make sure your <code>time</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Tournaments</h1>
+  </header>
+  <article>
+    <h2>Mortal Kombat Tournament Survey Results</h2>
+
+    <!-- Add your code below this line -->
+
+    <p>Thank you to everyone for responding to Master Camper Cat's survey. The best day to host the vaunted Mortal Kombat tournament is Thursday, September 15<sup>th</sup>. May the best ninja win!</p>
+
+    <!-- Add your code above this line -->
+
+    <section>
+      <h3>Comments:</h3>
+      <article>
+        <p>Posted by: Sub-Zero on <time datetime="2016-08-13T20:01Z">August 13<sup>th</sup></time></p>
+        <p>Johnny Cage better be there, I'll finish him!</p>
+      </article>
+      <article>
+        <p>Posted by: Doge on <time datetime="2016-08-15T08:12Z">August 15<sup>th</sup></time></p>
+        <p>Wow, much combat, so mortal.</p>
+      </article>
+      <article>
+        <p>Posted by: The Grim Reaper on <time datetime="2016-08-16T00:00Z">August 16<sup>th</sup></time></p>
+        <p>Looks like I'll be busy that day.</p>
+      </article>
+    </section>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/use-headings-to-show-hierarchical-relationships-of-content.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/use-headings-to-show-hierarchical-relationships-of-content.russian.md
new file mode 100644
index 0000000000..656ad3aa0c
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/use-headings-to-show-hierarchical-relationships-of-content.russian.md
@@ -0,0 +1,64 @@
+---
+id: 587d774d367417b2b2512a9e
+title: Use Headings to Show Hierarchical Relationships of Content
+challengeType: 0
+videoUrl: ''
+localeTitle: Использовать заголовки для отображения иерархических отношений содержимого
+---
+
+## Description
+<section id="description"> Заголовки (элементы <code>h1</code> <code>h6</code> ) являются тегами рабочей лошади, которые помогают обеспечить структуру и маркировку вашего контента. Считыватели экрана могут быть настроены на чтение только заголовков на странице, чтобы пользователь получал сводку. Это означает, что для ярлыков заголовков в вашей разметке важно иметь семантический смысл и относиться друг к другу, а не просто выбирать их значения размера. <em>Семантическое значение</em> означает, что тег, который вы используете вокруг содержимого, указывает тип информации, который он содержит. Если бы вы писали статью с введением, телом и выводом, то не имело бы смысла делать вывод в виде подраздела тела в вашей схеме. Это должен быть его собственный раздел. Точно так же теги заголовков на веб-странице должны идти в порядке и указывать иерархические отношения вашего контента. Заголовки с равным (или более высоким) рангом запускают новые подразумеваемые разделы, заголовки с младшими ранговыми подразделами предыдущего. Например, страница с элементом <code>h2</code> за которой следуют несколько подразделов с меткой <code>h4</code> будет путать пользователя с экрана. С шестью вариантами заманчиво использовать тег, потому что он выглядит лучше в браузере, но вы можете использовать CSS для редактирования относительного размера. В последнем случае на каждой странице всегда должен быть один (и только один) элемент <code>h1</code> , который является основным предметом вашего контента. Этот и другие заголовки частично используются поисковыми системами, чтобы понять тему страницы. </section>
+
+## Instructions
+<section id="instructions"> Camper Cat хочет, чтобы страница на его сайте была посвящена тому, чтобы стать ниндзя. Помогите ему исправить заголовки, чтобы его разметка придавала семантическому смыслу содержание и показывала правильные отношения между родителями и дочерними элементами его разделов. Измените все теги <code>h5</code> на соответствующий уровень заголовка, чтобы указать, что они являются подразделами <code>h2</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен иметь шесть тегов <code>h3</code> .
+    testString: 'assert($("h3").length === 6, "Your code should have six <code>h3</code> tags.");'
+  - text: В вашем коде не должно быть тегов <code>h5</code> .
+    testString: 'assert($("h5").length === 0, "Your code should not have any <code>h5</code> tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>How to Become a Ninja</h1>
+<main>
+  <h2>Learn the Art of Moving Stealthily</h2>
+  <h5>How to Hide in Plain Sight</h5>
+  <h5>How to Climb a Wall</h5>
+
+  <h2>Learn the Art of Battle</h2>
+  <h5>How to Strengthen your Body</h5>
+  <h5>How to Fight like a Ninja</h5>
+
+  <h2>Learn the Art of Living with Honor</h2>
+  <h5>How to Breathe Properly</h5>
+  <h5>How to Simplify your Life</h5>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/use-tabindex-to-add-keyboard-focus-to-an-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/use-tabindex-to-add-keyboard-focus-to-an-element.russian.md
new file mode 100644
index 0000000000..be0cfaaabf
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/use-tabindex-to-add-keyboard-focus-to-an-element.russian.md
@@ -0,0 +1,97 @@
+---
+id: 587d7790367417b2b2512ab0
+title: Use tabindex to Add Keyboard Focus to an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Использование tabindex для добавления фокуса клавиатуры к элементу
+---
+
+## Description
+<section id="description"> <code>tabindex</code> HTML имеет три различные функции, относящиеся к фокусу клавиатуры элемента. Когда он находится в теге, он указывает, что элемент можно сфокусировать. Значение (целое число, положительное, отрицательное или нулевое) определяет поведение. Некоторые элементы, такие как ссылки и элементы управления формами, автоматически получают фокус клавиатуры, когда пользователь переходит через страницу. Он находится в том же порядке, что и элементы, входящие в разметку HTML-источника. Эта же функциональность может быть предоставлена ​​другим элементам, таким как <code>div</code> , <code>span</code> и <code>p</code> , поместив на них <code>tabindex=&quot;0&quot;</code> . Вот пример: <code>&lt;div tabindex=&quot;0&quot;&gt;I need keyboard focus!&lt;/div&gt;</code> <strong>Примечание.</strong> <br> Отрицательное значение <code>tabindex</code> (обычно -1) указывает, что элемент является настраиваемым, но недоступен клавиатурой. Этот метод обычно используется для программного программирования фокуса на контент (например, когда активируется <code>div</code> для всплывающего окна) и выходит за рамки этих задач. </section>
+
+## Instructions
+<section id="instructions"> Camper Cat создал новый опрос для сбора информации о своих пользователях. Он знает, что поля ввода автоматически получают фокус клавиатуры, но он хочет убедиться, что его пользователи клавиатуры приостанавливаются при выполнении инструкций при перемещении элементов. Добавьте атрибут <code>tabindex</code> к тегу <code>p</code> и установите его значение «0». Бонус - использование <code>tabindex</code> также позволяет псевдо-классу CSS <code>:focus</code> работать <code>p</code> тегом <code>p</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен добавить атрибут <code>tabindex</code> к тегу <code>p</code> который содержит инструкции формы.
+    testString: 'assert($("p").attr("tabindex"), "Your code should add a <code>tabindex</code> attribute to the <code>p</code> tag that holds the form instructions.");'
+  - text: Ваш код должен установить атрибут <code>tabindex</code> в теге <code>p</code> равным 0.
+    testString: 'assert($("p").attr("tabindex") == "0", "Your code should set the <code>tabindex</code> attribute on the <code>p</code> tag to a value of 0.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  p:focus {
+    background-color: yellow;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Ninja Survey</h1>
+  </header>
+  <section>
+    <form>
+
+
+      <p>Instructions: Fill in ALL your information then click <b>Submit</b></p>
+
+
+      <label for="username">Username:</label>
+      <input type="text" id="username" name="username"><br>
+      <fieldset>
+        <legend>What level ninja are you?</legend>
+        <input id="newbie" type="radio" name="levels" value="newbie">
+        <label for="newbie">Newbie Kitten</label><br>
+        <input id="intermediate" type="radio" name="levels" value="intermediate">
+        <label for="intermediate">Developing Student</label><br>
+        <input id="master" type="radio" name="levels" value="master">
+        <label for="master">9th Life Master</label>
+      </fieldset>
+      <br>
+      <fieldset>
+      <legend>Select your favorite weapons:</legend>
+      <input id="stars" type="checkbox" name="weapons" value="stars">
+      <label for="stars">Throwing Stars</label><br>
+      <input id="nunchucks" type="checkbox" name="weapons" value="nunchucks">
+      <label for="nunchucks">Nunchucks</label><br>
+      <input id="sai" type="checkbox" name="weapons" value="sai">
+      <label for="sai">Sai Set</label><br>
+      <input id="sword" type="checkbox" name="weapons" value="sword">
+      <label for="sword">Sword</label>
+      </fieldset>
+      <br>
+      <input type="submit" name="submit" value="Submit">
+    </form><br>
+  </section>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.russian.md
new file mode 100644
index 0000000000..b4c51aa054
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.russian.md
@@ -0,0 +1,85 @@
+---
+id: 587d7790367417b2b2512ab1
+title: Use tabindex to Specify the Order of Keyboard Focus for Several Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте tabindex для указания порядка фокусировки клавиатуры для нескольких элементов
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("#search").attr("tabindex"), "Your code should add a <code>tabindex</code> attribute to the search <code>input</code> tag.");'
+  - text: ''
+    testString: 'assert($("#submit").attr("tabindex"), "Your code should add a <code>tabindex</code> attribute to the submit <code>input</code> tag.");'
+  - text: ''
+    testString: 'assert($("#search").attr("tabindex") == "1", "Your code should set the <code>tabindex</code> attribute on the search <code>input</code> tag to a value of 1.");'
+  - text: ''
+    testString: 'assert($("#submit").attr("tabindex") == "2", "Your code should set the <code>tabindex</code> attribute on the submit <code>input</code> tag to a value of 2.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Even Deeper Thoughts with Master Camper Cat</h1>
+    <nav>
+      <ul>
+        <li><a href="">Home</a></li>
+        <li><a href="">Blog</a></li>
+        <li><a href="">Training</a></li>
+      </ul>
+    </nav>
+  </header>
+  <form>
+    <label for="search">Search:</label>
+
+
+    <input type="search" name="search" id="search">
+    <input type="submit" name="submit" value="Submit" id="submit">
+
+
+  </form>
+  <h2>Inspirational Quotes</h2>
+  <blockquote>
+    <p>&ldquo;There's no Theory of Evolution, just a list of creatures I've allowed to live.&rdquo;<br>
+    - Chuck Norris</p>
+  </blockquote>
+  <blockquote>
+    <p>&ldquo;Wise men say forgiveness is divine, but never pay full price for late pizza.&rdquo;<br>
+    - TMNT</p>
+  </blockquote>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.russian.md
new file mode 100644
index 0000000000..13b393be69
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.russian.md
@@ -0,0 +1,71 @@
+---
+id: 587d774e367417b2b2512aa0
+title: Wrap Content in the article Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Обтекание содержимого в статье Элемент
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> Camper Cat использовал теги <code>article</code> для обертывания сообщений на своей странице блога, но он забыл использовать их в верхней части. Измените тег <code>div</code> чтобы вместо этого использовать тег <code>article</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен содержать три тега <code>article</code> .
+    testString: 'assert($("article").length == 3, "Your code should have three <code>article</code> tags.");'
+  - text: У вашего кода не должно быть никаких тегов <code>div</code> .
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Deep Thoughts with Master Camper Cat</h1>
+<main>
+  <div>
+    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </div>
+
+  <img src="samuraiSwords.jpeg" alt="">
+
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near...</p>
+  </article>
+
+  <img src="samuraiSwords.jpeg" alt="">
+
+  <article>
+    <h2>Is Chuck Norris a Cat Person?</h2>
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.russian.md
new file mode 100644
index 0000000000..ff8760a9a2
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.russian.md
@@ -0,0 +1,99 @@
+---
+id: 587d778b367417b2b2512aa7
+title: Wrap Radio Buttons in a fieldset Element for Better Accessibility
+challengeType: 0
+videoUrl: ''
+localeTitle: Wrap Radio Buttons в элементе Fieldset Элемент для лучшей доступности
+---
+
+## Description
+<section id="description"> Следующая тема формы охватывает доступность переключателей. Каждый выбор дается <code>label</code> с <code>for</code> атрибута привязки к <code>id</code> соответствующего пункта , как рассматриваются в последней задаче. Поскольку радиокнопки часто входят в группу, где пользователь должен выбрать один, есть способ семантически показать, что выбор является частью набора. Тег <code>fieldset</code> окружает всю группу переключателей для достижения этого. Он часто использует тег <code>legend</code> чтобы предоставить описание для группировки, которое считывается программами чтения с экрана для каждого выбора в элементе <code>fieldset</code> . <code>fieldset</code> и тег <code>legend</code> не нужны, если выбор не требует пояснений, например, гендерный выбор. Использование <code>label</code> с <code>for</code> атрибута для каждого переключателя достаточно. Вот пример: <blockquote> &lt;Форма&gt; <br> &lt;FIELDSET&gt; <br> &lt;legend&gt; Выберите один из этих трех элементов: &lt;/ legend&gt; <br> &lt;input id = &quot;one&quot; type = &quot;radio&quot; name = &quot;items&quot; value = &quot;one&quot;&gt; <br> &lt;label for = &quot;one&quot;&gt; Выбор 1 &lt;/ label&gt; &lt;br&gt; <br> &lt;input id = &quot;two&quot; type = &quot;radio&quot; name = &quot;items&quot; value = &quot;two&quot;&gt; <br> &lt;label for = &quot;two&quot;&gt; Выбор 2 &lt;/ label&gt; &lt;br&gt; <br> &lt;input id = &quot;three&quot; type = &quot;radio&quot; name = &quot;items&quot; value = &quot;three&quot;&gt; <br> &lt;label for = &quot;three&quot;&gt; Choice Three &lt;/ label&gt; <br> &lt;/ FIELDSET&gt; <br> &lt;/ Форма&gt; <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Camper Cat хочет получить информацию о уровне ниндзя своих пользователей, когда они регистрируются в своем списке электронной почты. Он добавил набор переключателей и узнал из нашего последнего урока, чтобы использовать метки меток <code>for</code> атрибутов для каждого выбора. Go Camper Cat! Однако его код по-прежнему нуждается в некоторой помощи. Измените тег <code>div</code> окружающий радиокнопки, на тег <code>fieldset</code> и измените тег <code>p</code> внутри него на <code>legend</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен иметь тег <code>fieldset</code> вокруг установленного переключателя.
+    testString: 'assert($("fieldset").length == 1, "Your code should have a <code>fieldset</code> tag around the radio button set.");'
+  - text: 'Убедитесь, что ваш элемент <code>fieldset</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/fieldset>/g) && code.match(/<\/fieldset>/g).length === code.match(/<fieldset>/g).length, "Make sure your <code>fieldset</code> element has a closing tag.");'
+  - text: 'Ваш код должен иметь тег <code>legend</code> вокруг текста, спрашивающий, какой уровень ниндзя является пользователем.'
+    testString: 'assert($("legend").length == 1, "Your code should have a <code>legend</code> tag around the text asking what level ninja a user is.");'
+  - text: У вашего кода не должно быть никаких тегов <code>div</code> .
+    testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
+  - text: 'В вашем коде больше нет тега <code>p</code> вокруг текста, спрашивающего, какой уровень ниндзя является пользователем.'
+    testString: 'assert($("p").length == 4, "Your code should no longer have a <code>p</code> tag around the text asking what level ninja a user is.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <section>
+    <form>
+      <p>Sign up to receive Camper Cat's blog posts by email here!</p>
+      <label for="email">Email:</label>
+      <input type="text" id="email" name="email">
+
+
+      <!-- Add your code below this line -->
+      <div>
+        <p>What level ninja are you?</p>
+        <input id="newbie" type="radio" name="levels" value="newbie">
+        <label for="newbie">Newbie Kitten</label><br>
+        <input id="intermediate" type="radio" name="levels" value="intermediate">
+        <label for="intermediate">Developing Student</label><br>
+        <input id="master" type="radio" name="levels" value="master">
+        <label for="master">Master</label>
+      </div>
+      <!-- Add your code above this line -->
+
+
+      <input type="submit" name="submit" value="Submit">
+    </form>
+  </section>
+  <article>
+    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Is Chuck Norris a Cat Person?</h2>
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.russian.md
new file mode 100644
index 0000000000..3a8b1ecaf3
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.russian.md
@@ -0,0 +1,94 @@
+---
+id: 587d781b367417b2b2512abe
+title: Add a box-shadow to a Card-like Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Добавьте тень к карточному элементу
+---
+
+## Description
+<section id="description"> Свойство <code>box-shadow</code> применяет один или несколько теней к элементу. Свойство <code>box-shadow</code> принимает значения для <code>offset-x</code> (как далеко отталкивать тень горизонтально от элемента), <code>offset-y</code> (как далеко отталкивать тень вертикально от элемента), <code>blur-radius</code> <code>spread-radius</code> и цвет значение в этом порядке. Значения <code>blur-radius</code> <code>spread-radius</code> необязательны. Вот пример CSS для создания нескольких теней с некоторым размытием в основном прозрачных черных цветах: <blockquote> box-shadow: 0 10px 20px rgba (0,0,0,0,19), 0 6px 6px rgba (0,0,0,0,23); </blockquote></section>
+
+## Instructions
+<section id="instructions"> Элемент теперь имеет идентификатор <code>thumbnail</code> . С помощью этого селектора используйте приведенные выше примеры CSS, чтобы поместить <code>box-shadow</code> на карту. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен добавить свойство <code>box-shadow</code> для идентификатора <code>thumbnail</code> .
+    testString: 'assert(code.match(/#thumbnail\s*?{\s*?box-shadow/g), "Your code should add a <code>box-shadow</code> property for the <code>thumbnail</code> id.");'
+  - text: Вы должны использовать данный CSS для значения <code>box-shadow</code> .
+    testString: 'assert(code.match(/box-shadow:\s*?0\s+?10px\s+?20px\s+?rgba\(\s*?0\s*?,\s*?0\s*?,\s*?0\s*?,\s*?0?\.19\),\s*?0\s+?6px\s+?6px\s+?rgba\(\s*?0\s*?,\s*?0\s*?,\s*?0\s*?,\s*?0?\.23\)/gi), "You should use the given CSS for the <code>box-shadow</code> value.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+    font-size: 27px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+
+
+
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard" id="thumbnail">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.russian.md
new file mode 100644
index 0000000000..2e8508cf36
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.russian.md
@@ -0,0 +1,93 @@
+---
+id: 587d781b367417b2b2512abc
+title: Adjust the background-color Property of Text
+challengeType: 0
+videoUrl: ''
+localeTitle: Отрегулируйте фоновый цвет Свойство текста
+---
+
+## Description
+<section id="description"> Вместо того, чтобы корректировать общий фон или цвет текста, чтобы сделать передний план легко читаемым, вы можете добавить <code>background-color</code> к элементу, содержащему текст, который вы хотите подчеркнуть. Эта проблема использует <code>rgba()</code> вместо <code>hex</code> кодов или нормальный <code>rgb()</code> . <blockquote> rgba акроним расшифровывается как: <br> r = красный <br> g = зеленый <br> b = синий <br> a = альфа / уровень непрозрачности </blockquote> Значения RGB могут находиться в диапазоне от 0 до 255. Значение альфа может варьироваться от 1, полностью непрозрачного или сплошного цвета, до 0, что является полностью прозрачным или прозрачным. <code>rgba()</code> отлично подходит для использования в этом случае, так как он позволяет вам регулировать непрозрачность. Это означает, что вам не нужно полностью блокировать фон. Для этой задачи вы будете использовать <code>background-color: rgba(45, 45, 45, 0.1)</code> . Он производит темно-серый цвет, который почти прозрачен, учитывая низкое значение непрозрачности 0,1. </section>
+
+## Instructions
+<section id="instructions"> Чтобы текст выделялся больше, отрегулируйте <code>background-color</code> элемента <code>h4</code> на заданное значение <code>rgba()</code> . Также для <code>h4</code> удалите свойство <code>height</code> и добавьте <code>padding</code> 10px. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш код должен добавить свойство <code>background-color</code> к элементу <code>h4</code> установленному в <code>rgba(45, 45, 45, 0.1)</code> .'
+    testString: 'assert(code.match(/background-color:\s*?rgba\(\s*?45\s*?,\s*?45\s*?,\s*?45\s*?,\s*?0?\.1\s*?\)/gi), "Your code should add a <code>background-color</code> property to the <code>h4</code> element set to <code>rgba(45, 45, 45, 0.1)</code>.");'
+  - text: Ваш код должен добавить свойство <code>padding</code> к элементу <code>h4</code> и установить его на 10 пикселей.
+    testString: 'assert($("h4").css("padding-top") == "10px" && $("h4").css("padding-right") == "10px" && $("h4").css("padding-bottom") == "10px" && $("h4").css("padding-left") == "10px", "Your code should add a <code>padding</code> property to the <code>h4</code> element and set it to 10 pixels.");'
+  - text: Свойство <code>height</code> на элементе <code>h4</code> должно быть удалено.
+    testString: 'assert(!($("h4").css("height") == "25px"), "The <code>height</code> property on the <code>h4</code> element should be removed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-color-of-various-elements-to-complementary-colors.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-color-of-various-elements-to-complementary-colors.russian.md
new file mode 100644
index 0000000000..bdebaf8512
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-color-of-various-elements-to-complementary-colors.russian.md
@@ -0,0 +1,92 @@
+---
+id: 587d78a4367417b2b2512ad3
+title: Adjust the Color of Various Elements to Complementary Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: Отрегулируйте цвет различных элементов для дополнительных цветов
+---
+
+## Description
+<section id="description"> Задача «Дополнительные цвета» показала, что противоположные цвета на цветовом круге могут сделать друг друга более яркими, когда они расположены бок о бок. Однако сильный визуальный контраст может быть резким, если он чрезмерно используется на веб-сайте и иногда может сделать текст более трудным для чтения, если он помещен на фоне дополнительного цвета. На практике один из цветов обычно доминирует, а дополнение используется для привлечения внимания к определенному контенту на странице. </section>
+
+## Instructions
+<section id="instructions"> Эта страница будет использовать оттенок <code>#09A7A1</code> ( <code>#09A7A1</code> ) в качестве доминирующего цвета, а его оранжевый ( <code>#FF790E</code> ) дополняет визуально выделение кнопок регистрации. Измените <code>background-color</code> как <code>header</code> и <code>footer</code> от черного до цвета teal. Затем измените <code>color</code> текста <code>h2</code> на teal. Наконец, измените <code>background-color</code> <code>button</code> на оранжевый цвет. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Элемент <code>header</code> должен иметь <code>background-color</code> # 09A7A1.'
+    testString: 'assert($("header").css("background-color") == "rgb(9, 167, 161)", "The <code>header</code> element should have a <code>background-color</code> of #09A7A1.");'
+  - text: 'Элемент нижнего <code>footer</code> должен иметь <code>background-color</code> # 09A7A1.'
+    testString: 'assert($("footer").css("background-color") == "rgb(9, 167, 161)", "The <code>footer</code> element should have a <code>background-color</code> of #09A7A1.");'
+  - text: 'Элемент <code>h2</code> должен иметь <code>color</code> # 09A7A1.'
+    testString: 'assert($("h2").css("color") == "rgb(9, 167, 161)", "The <code>h2</code> element should have a <code>color</code> of #09A7A1.");'
+  - text: 'Элемент <code>button</code> должен иметь <code>background-color</code> # FF790E.'
+    testString: 'assert($("button").css("background-color") == "rgb(255, 121, 14)", "The <code>button</code> element should have a <code>background-color</code> of #FF790E.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: white;
+  }
+  header {
+    background-color: black;
+    color: white;
+    padding: 0.25em;
+  }
+  h2 {
+    color: black;
+  }
+  button {
+    background-color: white;
+  }
+  footer {
+    background-color: black;
+    color: white;
+    padding: 0.5em;
+  }
+</style>
+<header>
+  <h1>Cooking with FCC!</h1>
+</header>
+<main>
+  <article>
+    <h2>Machine Learning in the Kitchen</h2>
+    <p>Join this two day workshop that walks through how to implement cutting-edge snack-getting algorithms with a command line interface. Coding usually involves writing exact instructions, but sometimes you need your computer to execute flexible commands, like <code>fetch Pringles</code>.</p>
+    <button>Sign Up</button>
+  </article>
+  <article>
+    <h2>Bisection Vegetable Chopping</h2>
+    <p>This week-long retreat will level-up your coding ninja skills to actual ninja skills. No longer is the humble bisection search limited to sorted arrays or coding interview questions, applying its concepts in the kitchen will have you chopping carrots in O(log n) time before you know it.</p>
+    <button>Sign Up</button>
+  </article>
+</main>
+<br>
+<footer>&copy; 2018 FCC Kitchen</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.russian.md
new file mode 100644
index 0000000000..f27e192d7b
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.russian.md
@@ -0,0 +1,83 @@
+---
+id: 587d7791367417b2b2512ab5
+title: Adjust the Height of an Element Using the height Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Отрегулируйте высоту элемента с помощью свойства height
+---
+
+## Description
+<section id="description"> Вы можете указать высоту элемента, используя свойство <code>height</code> в CSS, подобное свойству <code>width</code> . Вот пример, который изменяет высоту изображения на 20 пикселей: <blockquote> img { <br> высота: 20 пикселей; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Добавьте свойство <code>height</code> в тег <code>h4</code> и установите его на 25 пикселей. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен изменить свойство <code>h4</code> <code>height</code> на значение 25 пикселей.
+    testString: 'assert($("h4").css("height") == "25px", "Your code should change the <code>h4</code> <code>height</code> property to a value of 25 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    margin-right: 20px;
+    text-align: left;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag.russian.md
new file mode 100644
index 0000000000..f4592ecb26
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag.russian.md
@@ -0,0 +1,59 @@
+---
+id: 587d781d367417b2b2512ac8
+title: Adjust the Hover State of an Anchor Tag
+challengeType: 0
+videoUrl: ''
+localeTitle: Отрегулируйте состояние наведения якорной метки
+---
+
+## Description
+<section id="description"> Эта проблема будет касаться использования псевдоклассов. Псевдокласс - это ключевое слово, которое можно добавить в селектор, чтобы выбрать конкретное состояние элемента. Например, стиль тега привязки может быть изменен для его состояния зависания с помощью селектора псевдо-класса <code>:hover</code> . Вот CSS, чтобы изменить <code>color</code> привязанного тега на красный во время его зависания: <blockquote> a: hover { <br> красный цвет; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Редактор кода имеет правило CSS в стиле все <code>a</code> теги черный. Добавление правила , так что , когда пользователь парит над <code>a</code> теге, то <code>color</code> синий. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>color</code> метки привязки должен оставаться черным, добавьте только правила CSS для состояния <code>:hover</code> .'
+    testString: 'assert($("a").css("color") == "rgb(0, 0, 0)", "The anchor tag <code>color</code> should remain black, only add CSS rules for the <code>:hover</code> state.");'
+  - text: Якорная метка должна иметь <code>color</code> синего цвета при наведении.
+    testString: 'assert(code.match(/a:hover\s*?{\s*?color:\s*?blue;\s*?}/gi), "The anchor tag should have a <code>color</code> of blue on hover.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  a {
+    color: #000;
+  }
+
+
+
+</style>
+<a href="http://freecatphotoapp.com/" target="_blank">CatPhotoApp</a>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.russian.md
new file mode 100644
index 0000000000..ad644fe71e
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.russian.md
@@ -0,0 +1,85 @@
+---
+id: 587d78a4367417b2b2512ad4
+title: Adjust the Hue of a Color
+challengeType: 0
+videoUrl: ''
+localeTitle: Отрегулируйте оттенок цвета
+---
+
+## Description
+<section id="description"> Цвета имеют несколько характеристик, включая оттенок, насыщенность и легкость. CSS3 представила <code>hsl()</code> как альтернативный способ выбрать цвет, указав непосредственно эти характеристики. <b>Хюэ</b> - это то, что люди обычно считают «цветным». Если вы изображаете спектр цветов, начиная с красного слева, перемещаясь по зеленому посередине, а синий справа, оттенок - это то, где цвет соответствует этой линии. В <code>hsl()</code> оттенок использует концепцию цветового круга вместо спектра, где угол цвета на круге задается как значение от 0 до 360. <b>Насыщенность</b> - это количество серого цвета. Полностью насыщенный цвет не имеет серого цвета, а минимально насыщенный цвет почти полностью серый. Это дается в процентах, при этом 100% полностью насыщается. <b>Легкость</b> - это количество белого или черного цвета. Процент задается от 0% (черный) до 100% (белый), где 50% - это нормальный цвет. Вот несколько примеров использования <code>hsl()</code> с полностью насыщенными, нормальными цветами легкости: <table class="table table-striped"><thead><tr><th> цвет </th><th> HSL </th></tr></thead><tbody><tr><td> красный </td><td> hsl (0, 100%, 50%) </td></tr><tr><td> желтый </td><td> hsl (60, 100%, 50%) </td></tr><tr><td> зеленый </td><td> hsl (120, 100%, 50%) </td></tr><tr><td> циан </td><td> hsl (180, 100%, 50%) </td></tr><tr><td> синий </td><td> hsl (240, 100%, 50%) </td></tr><tr><td> фуксин </td><td> hsl (300, 100%, 50%) </td></tr></tbody></table></section>
+
+## Instructions
+<section id="instructions"> Измените <code>background-color</code> каждого элемента <code>div</code> на основе имен классов ( <code>green</code> , <code>cyan</code> или <code>blue</code> ) с помощью <code>hsl()</code> . Все три должны иметь полную насыщенность и нормальную легкость. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать <code>hsl()</code> чтобы объявить зеленый цвет.
+    testString: 'assert(code.match(/\.green\s*?{\s*?background-color:\s*?hsl/gi), "Your code should use the <code>hsl()</code> property to declare the color green.");'
+  - text: Ваш код должен использовать <code>hsl()</code> для объявления цвета cyan.
+    testString: 'assert(code.match(/\.cyan\s*?{\s*?background-color:\s*?hsl/gi), "Your code should use the <code>hsl()</code> property to declare the color cyan.");'
+  - text: Ваш код должен использовать <code>hsl()</code> для объявления синего цвета.
+    testString: 'assert(code.match(/\.blue\s*?{\s*?background-color:\s*?hsl/gi), "Your code should use the <code>hsl()</code> property to declare the color blue.");'
+  - text: ''
+    testString: 'assert($(".green").css("background-color") == "rgb(0, 255, 0)", "The <code>div</code> element with class <code>green</code> should have a <code>background-color</code> of green.");'
+  - text: ''
+    testString: 'assert($(".cyan").css("background-color") == "rgb(0, 255, 255)", "The <code>div</code> element with class <code>cyan</code> should have a <code>background-color</code> of cyan.");'
+  - text: ''
+    testString: 'assert($(".blue").css("background-color") == "rgb(0, 0, 255)", "The <code>div</code> element with class <code>blue</code> should have a <code>background-color</code> of blue.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: #FFFFFF;
+  }
+
+  .green {
+    background-color: #000000;
+  }
+
+  .cyan {
+    background-color: #000000;
+  }
+
+  .blue {
+    background-color: #000000;
+  }
+
+  div {
+    display: inline-block;
+    height: 100px;
+    width: 100px;
+  }
+</style>
+
+<div class="green"></div>
+<div class="cyan"></div>
+<div class="blue"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-size-of-a-header-versus-a-paragraph-tag.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-size-of-a-header-versus-a-paragraph-tag.russian.md
new file mode 100644
index 0000000000..880f57d45a
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-size-of-a-header-versus-a-paragraph-tag.russian.md
@@ -0,0 +1,89 @@
+---
+id: 587d781b367417b2b2512abd
+title: Adjust the Size of a Header Versus a Paragraph Tag
+challengeType: 0
+videoUrl: ''
+localeTitle: Отрегулируйте размер заголовка в сравнении с тегом абзаца
+---
+
+## Description
+<section id="description"> Размер шрифта тегов заголовков (от <code>h1</code> до <code>h6</code> ) обычно должен быть больше размера шрифта тегов абзаца. Это облегчает пользователю визуальное понимание макета и уровня важности всего на странице. Для изменения размера текста в элементе используется свойство <code>font-size</code> . </section>
+
+## Instructions
+<section id="instructions"> Чтобы заголовок был значительно больше абзаца, измените <code>font-size</code> тега <code>h4</code> на 27 пикселей. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен добавить свойство <code>font-size</code> к элементу <code>h4</code> установленному в 27 пикселей.
+    testString: 'assert($("h4").css("font-size") == "27px", "Your code should add a <code>font-size</code> property to the <code>h4</code> element set to 27 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color.russian.md
new file mode 100644
index 0000000000..f9ad8eb0f3
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color.russian.md
@@ -0,0 +1,89 @@
+---
+id: 587d78a4367417b2b2512ad5
+title: Adjust the Tone of a Color
+challengeType: 0
+videoUrl: ''
+localeTitle: Отрегулируйте тон цвета
+---
+
+## Description
+<section id="description"> Опция <code>hsl()</code> в CSS также упрощает настройку тона цвета. Смешение белого цвета с чистым оттенком создает оттенок этого цвета, а добавление черного оттенка сделает оттенок. В качестве альтернативы, тон создается путем добавления серого или как под тонировку, так и затенение. Напомним, что &#39;s&#39; и &#39;l&#39; of <code>hsl()</code> означают насыщенность и легкость соответственно. Процент насыщения изменяет количество серых, а процентность света определяет, сколько белого или черного цвета. Это полезно, когда у вас есть базовый оттенок, который вам нравится, но ему нужны разные варианты. </section>
+
+## Instructions
+<section id="instructions"> Навигационная панель на этом сайте в настоящее время наследует свой <code>background-color</code> от элемента <code>header</code> . Начиная с этого цвета в качестве базы, добавьте <code>background-color</code> к элементу <code>nav</code> так что он использует тот же голубой оттенок, но имеет 80% насыщенности и 25% -ные значения яркости, чтобы изменить его тон и оттенок. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элемент <code>nav</code> должен иметь <code>background-color</code> настроенного голубого тона с использованием <code>hsl()</code> .
+    testString: 'assert(code.match(/nav\s*?{\s*?background-color:\s*?hsl\(180,\s*?80%,\s*?25%\)/gi), "The <code>nav</code> element should have a <code>background-color</code> of the adjusted cyan tone using the <code>hsl()</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  header {
+    background-color: hsl(180, 90%, 35%);
+    color: #FFFFFF;
+  }
+
+  nav {
+
+  }
+
+  h1 {
+    text-indent: 10px;
+    padding-top: 10px;
+  }
+
+  nav ul {
+    margin: 0px;
+    padding: 5px 0px 5px 30px;
+  }
+
+  nav li {
+    display: inline;
+    margin-right: 20px;
+  }
+
+  a {
+    text-decoration: none;
+    color: inherit;
+  }
+</style>
+
+<header>
+  <h1>Cooking with FCC!</h1>
+  <nav>
+    <ul>
+      <li><a href="#">Home</a></li>
+      <li><a href="#">Classes</a></li>
+      <li><a href="#">Contact</a></li>
+    </ul>
+  </nav>
+</header>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-width-of-an-element-using-the-width-property.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-width-of-an-element-using-the-width-property.russian.md
new file mode 100644
index 0000000000..4583d6ac95
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-width-of-an-element-using-the-width-property.russian.md
@@ -0,0 +1,82 @@
+---
+id: 587d7791367417b2b2512ab4
+title: Adjust the Width of an Element Using the width Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Настройка ширины элемента с использованием свойства width
+---
+
+## Description
+<section id="description"> Вы можете указать ширину элемента, используя свойство <code>width</code> в CSS. Значения могут быть указаны в единицах относительной длины (например, em), единицах абсолютной длины (например, px) или в процентах от содержащего его родительского элемента. Вот пример, который меняет ширину изображения на 220 пикселей: <blockquote> img { <br> ширина: 220 пикселей; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Добавьте свойство <code>width</code> ко всей карте и установите абсолютное значение 245px. Используйте класс <code>fullCard</code> для выбора элемента. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш код должен изменить свойство <code>width</code> карты на 245 пикселей, используя <code>fullCard</code> класса <code>fullCard</code> .'
+    testString: 'assert(code.match(/.fullCard\s*{[\s\S][^}]*\n*^\s*width\s*:\s*245px\s*;/gm), "Your code should change the <code>width</code> property of the card to 245 pixels by using the <code>fullCard</code> class selector.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    margin-right: 20px;
+    text-align: left;
+  }
+  .fullCard {
+
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/animate-elements-at-variable-rates.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/animate-elements-at-variable-rates.russian.md
new file mode 100644
index 0000000000..ad9eff26a8
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/animate-elements-at-variable-rates.russian.md
@@ -0,0 +1,100 @@
+---
+id: 587d78a8367417b2b2512ae5
+title: Animate Elements at Variable Rates
+challengeType: 0
+videoUrl: ''
+localeTitle: Анимационные элементы по переменным ценам
+---
+
+## Description
+<section id="description"> Существует множество способов изменить скорость анимации похожих анимированных элементов. До сих пор это было достигнуто путем применения свойства <code>animation-iteration-count</code> и установки правил <code>@keyframes</code> . Чтобы проиллюстрировать, анимация справа состоит из двух «звезд», каждая из которых уменьшает размер и непрозрачность на 20% в правиле <code>@keyframes</code> , что создает анимацию мерцания. Вы можете изменить правило <code>@keyframes</code> для одного из элементов, чтобы звезды мерцали с разной скоростью. </section>
+
+## Instructions
+<section id="instructions"> Измените коэффициент анимации для элемента с именем класса <code>star-1</code> , изменив его правило <code>@keyframes</code> на 50%. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Правило <code>@keyframes</code> для класса <code>star-1</code> должно быть 50%.
+    testString: 'assert(code.match(/twinkle-1\s*?{\s*?50%/g), "The <code>@keyframes</code> rule for the <code>star-1</code> class should be 50%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .stars {
+    background-color: white;
+    height: 30px;
+    width: 30px;
+    border-radius: 50%;
+    animation-iteration-count: infinite;
+  }
+
+  .star-1 {
+    margin-top: 15%;
+    margin-left: 60%;
+    animation-name: twinkle-1;
+    animation-duration: 1s;
+  }
+
+  .star-2 {
+    margin-top: 25%;
+    margin-left: 25%;
+    animation-name: twinkle-2;
+    animation-duration: 1s;
+  }
+
+  @keyframes twinkle-1 {
+    20% {
+      transform: scale(0.5);
+      opacity: 0.5;
+    }
+  }
+
+  @keyframes twinkle-2 {
+    20% {
+      transform: scale(0.5);
+      opacity: 0.5;
+    }
+  }
+
+  #back {
+    position: fixed;
+    padding: 0;
+    margin: 0;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(black, #000099, #66c2ff, #ffcccc, #ffeee6);
+  }
+</style>
+
+<div id="back"></div>
+<div class="star-1 stars"></div>
+<div class="star-2 stars"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/animate-elements-continually-using-an-infinite-animation-count.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/animate-elements-continually-using-an-infinite-animation-count.russian.md
new file mode 100644
index 0000000000..520c51f615
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/animate-elements-continually-using-an-infinite-animation-count.russian.md
@@ -0,0 +1,81 @@
+---
+id: 587d78a8367417b2b2512ae3
+title: Animate Elements Continually Using an Infinite Animation Count
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Анимация элементов, постоянно использующих бесконечный подсчет анимации'
+---
+
+## Description
+<section id="description"> Предыдущие проблемы касались использования некоторых свойств анимации и правила <code>@keyframes</code> . Другим свойством анимации является <code>animation-iteration-count</code> , который позволяет вам контролировать, сколько раз вы хотели бы прокручивать анимацию. Вот пример: <code>animation-iteration-count: 3;</code> В этом случае анимация остановится после запуска 3 раза, но можно сделать анимацию непрерывной, установив это значение в бесконечное. </section>
+
+## Instructions
+<section id="instructions"> Чтобы держать мяч подпрыгивая справа в непрерывном цикле, измените свойство <code>animation-iteration-count</code> на бесконечность. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Свойство <code>animation-iteration-count</code> должно иметь значение бесконечное.
+    testString: 'assert($("#ball").css("animation-iteration-count") == "infinite", "The <code>animation-iteration-count</code> property should have a value of infinite.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  #ball {
+    width: 100px;
+    height: 100px;
+    margin: 50px auto;
+    position: relative;
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    animation-name: bounce;
+    animation-duration: 1s;
+    animation-iteration-count: 3;
+  }
+
+  @keyframes bounce{
+    0% {
+      top: 0px;
+    }
+    50% {
+      top: 249px;
+      width: 130px;
+      height: 70px;
+    }
+    100% {
+      top: 0px;
+    }
+  }
+</style>
+<div id="ball"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/animate-multiple-elements-at-variable-rates.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/animate-multiple-elements-at-variable-rates.russian.md
new file mode 100644
index 0000000000..43d54c466e
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/animate-multiple-elements-at-variable-rates.russian.md
@@ -0,0 +1,105 @@
+---
+id: 587d78a8367417b2b2512ae6
+title: Animate Multiple Elements at Variable Rates
+challengeType: 0
+videoUrl: ''
+localeTitle: Анимация нескольких элементов при переменных значениях
+---
+
+## Description
+<section id="description"> В предыдущей задаче вы изменили скорость анимации для двух одинаково анимированных элементов, изменив их правила <code>@keyframes</code> . Вы можете достичь той же цели, манипулируя <code>animation-duration</code> нескольких элементов. В анимации, запущенной в редакторе кода, в небе есть три «звезды», которые мерцают с одинаковой скоростью в непрерывном цикле. Чтобы заставить их мерцать с разной скоростью, вы можете установить для свойства <code>animation-duration</code> для разных значений для каждого элемента. </section>
+
+## Instructions
+<section id="instructions"> Установите <code>animation-duration</code> элементов с классами <code>star-1</code> , <code>star-2</code> и <code>star-3</code> на 1s, 0.9s и 1.1s соответственно. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Свойство <code>animation-duration</code> для звезды с классом <code>star-1</code> должно оставаться на уровне 1 с.
+    testString: 'assert($(".star-1").css("animation-duration") == "1s", "The <code>animation-duration</code> property for the star with class <code>star-1</code> should remain at 1s.");'
+  - text: 'Свойство <code>animation-duration</code> для звезды с классом <code>star-2</code> должно быть 0,9 с.'
+    testString: 'assert($(".star-2").css("animation-duration") == "0.9s", "The <code>animation-duration</code> property for the star with class <code>star-2</code> should be 0.9s.");'
+  - text: 'Свойство <code>animation-duration</code> для звезды с классом <code>star-3</code> должно быть 1,1 с.'
+    testString: 'assert($(".star-3").css("animation-duration") == "1.1s", "The <code>animation-duration</code> property for the star with class <code>star-3</code> should be 1.1s.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .stars {
+    background-color: white;
+    height: 30px;
+    width: 30px;
+    border-radius: 50%;
+    animation-iteration-count: infinite;
+  }
+
+  .star-1 {
+    margin-top: 15%;
+    margin-left: 60%;
+    animation-duration: 1s;
+    animation-name: twinkle;
+  }
+
+  .star-2 {
+    margin-top: 25%;
+    margin-left: 25%;
+    animation-duration: 1s;
+    animation-name: twinkle;
+  }
+
+  .star-3 {
+    margin-top: 10%;
+    margin-left: 50%;
+    animation-duration: 1s;
+    animation-name: twinkle;
+  }
+
+  @keyframes twinkle {
+    20% {
+      transform: scale(0.5);
+      opacity: 0.5;
+    }
+  }
+
+  #back {
+    position: fixed;
+    padding: 0;
+    margin: 0;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(black, #000099, #66c2ff, #ffcccc, #ffeee6);
+  }
+</style>
+
+<div id="back"></div>
+<div class="star-1 stars"></div>
+<div class="star-2 stars"></div>
+<div class="star-3 stars"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.russian.md
new file mode 100644
index 0000000000..76acd2cb46
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.russian.md
@@ -0,0 +1,57 @@
+---
+id: 587d78a3367417b2b2512ad0
+title: Center an Element Horizontally Using the margin Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Центрировать элемент горизонтально Использование поля Свойства
+---
+
+## Description
+<section id="description"> Другой метод позиционирования - центрировать элемент блока горизонтально. Один из способов сделать это - установить <code>margin</code> в значение auto. Этот метод работает и для изображений. Изображения являются встроенными элементами по умолчанию, но могут быть изменены на блокирующие элементы, когда вы устанавливаете свойство <code>display</code> для блокировки. </section>
+
+## Instructions
+<section id="instructions"> <code>div</code> на странице, добавив свойство <code>margin</code> со значением auto. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: У <code>div</code> должен быть установлен <code>margin</code> в auto.
+    testString: 'assert(code.match(/margin:\s*?auto;/g), "The <code>div</code> should have a <code>margin</code> set to auto.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    background-color: blue;
+    height: 100px;
+    width: 100px;
+
+  }
+</style>
+<div></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/change-an-elements-relative-position.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/change-an-elements-relative-position.russian.md
new file mode 100644
index 0000000000..6a02d35007
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/change-an-elements-relative-position.russian.md
@@ -0,0 +1,61 @@
+---
+id: 587d781e367417b2b2512ac9
+title: Change an Element's Relative Position
+challengeType: 0
+videoUrl: ''
+localeTitle: Изменение относительного положения элемента
+---
+
+## Description
+<section id="description"> CSS обрабатывает каждый элемент HTML как свой собственный ящик, который обычно называют <code>CSS Box Model</code> . Элементы уровня блока автоматически начинаются с новой строки (считайте заголовки, абзацы и div), в то время как встроенные элементы располагаются внутри окружающего содержимого (например, изображения или промежутки). Стандартная компоновка элементов таким образом называется <code>normal flow</code> документа, но CSS предлагает свойство position, чтобы переопределить его. Когда позиция элемента установлена ​​на <code>relative</code> , она позволяет указать, как CSS должен перемещать ее <i>относительно</i> текущей позиции в обычном потоке страницы. Он соединяется со свойствами смещения CSS <code>left</code> или <code>right</code> , а <code>top</code> или <code>bottom</code> . Они говорят , сколько пикселей, проценты, или Эмс , чтобы переместить элемент <i>от</i> места , где она обычно располагается. В следующем примере перемещение абзаца 10 пикселей снизу: <blockquote> п { <br> позиция: относительная; <br> снизу: 10 пикселей; <br> } </blockquote> Изменение положения элемента относительно относительного не удаляет его из обычного потока - другие элементы вокруг него все еще ведут себя так, как если бы этот элемент находился в позиции по умолчанию. <strong>Заметка</strong> <br> Позиционирование дает вам большую гибкость и силу над визуальным расположением страницы. Приятно помнить, что независимо от положения элементов базовая разметка HTML должна быть организована и иметь смысл при чтении сверху вниз. Это то, как пользователи с нарушениями зрения (которые полагаются на вспомогательные устройства, такие как устройства чтения с экрана) получают доступ к вашему контенту. </section>
+
+## Instructions
+<section id="instructions"> Измените <code>position</code> <code>h2</code> на <code>relative</code> и используйте смещение CSS, чтобы переместить его на 15 пикселей от <code>top</code> где он находится в нормальном потоке. Обратите внимание, что нет никакого влияния на позиции окружающих элементов h1 и p. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элемент <code>h2</code> должен иметь свойство <code>position</code> заданное <code>relative</code> .
+    testString: 'assert($("h2").css("position") == "relative", "The <code>h2</code> element should have a <code>position</code> property set to <code>relative</code>.");'
+  - text: Ваш код должен использовать смещение CSS для относительно позиционирования <code>h2</code> 15px от <code>top</code> где он обычно сидит.
+    testString: 'assert($("h2").css("top") == "15px", "Your code should use a CSS offset to relatively position the <code>h2</code> 15px away from the <code>top</code> of where it normally sits.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h2 {
+
+
+  }
+</style>
+<body>
+  <h1>On Being Well-Positioned</h1>
+  <h2>Move me!</h2>
+  <p>I still think the h2 is where it normally sits.</p>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/change-animation-timing-with-keywords.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/change-animation-timing-with-keywords.russian.md
new file mode 100644
index 0000000000..9204e6b833
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/change-animation-timing-with-keywords.russian.md
@@ -0,0 +1,89 @@
+---
+id: 587d78a8367417b2b2512ae7
+title: Change Animation Timing with Keywords
+challengeType: 0
+videoUrl: ''
+localeTitle: Изменение времени анимации с помощью ключевых слов
+---
+
+## Description
+<section id="description"> В анимации CSS свойство <code>animation-timing-function</code> определяет, как быстро изменяется анимированный элемент во время анимации. Если анимация - это автомобиль, перемещающийся из точки A в точку B в заданное время (продолжительность <code>animation-duration</code> ), <code>animation-timing-function</code> говорит о том, как автомобиль ускоряется и замедляется в ходе движения. Для популярных опций есть несколько предопределенных ключевых слов. Например, значение по умолчанию - это <code>ease</code> , которая начинается медленно, ускоряется в середине, а затем в конце замедляется. Другие варианты включают <code>ease-out</code> , которое быстро начинается, а затем замедляется, <code>ease-in</code> , что медленно начинается, а затем ускоряется в конце или <code>linear</code> , что накладывает постоянную скорость анимации. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("#ball1").css("animation-timing-function") == "linear", "The value of the <code>animation-timing-function</code> property for the element with the id <code>ball1</code> should be linear.");'
+  - text: ''
+    testString: 'assert($("#ball2").css("animation-timing-function") == "ease-out", "The value of the <code>animation-timing-function</code> property for the element with the id <code>ball2</code> should be ease-out.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  .balls {
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    margin-top: 50px;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #ball1 {
+    left:27%;
+
+  }
+  #ball2 {
+    left:56%;
+
+  }
+
+@keyframes bounce {
+  0% {
+    top: 0px;
+  }
+  100% {
+    top: 249px;
+  }
+}
+
+</style>
+
+<div class="balls" id="ball1"></div>
+<div class="balls" id="ball2"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/change-the-position-of-overlapping-elements-with-the-z-index-property.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/change-the-position-of-overlapping-elements-with-the-z-index-property.russian.md
new file mode 100644
index 0000000000..6273faf3df
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/change-the-position-of-overlapping-elements-with-the-z-index-property.russian.md
@@ -0,0 +1,71 @@
+---
+id: 587d78a3367417b2b2512acf
+title: Change the Position of Overlapping Elements with the z-index Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Изменение позиции перекрывающихся элементов с помощью свойства z-index
+---
+
+## Description
+<section id="description"> Когда элементы расположены для перекрытия, элемент, следующий позже в разметке HTML, по умолчанию будет отображаться поверх других элементов. Однако свойство <code>z-index</code> может указывать порядок расположения элементов друг над другом. Он должен быть целым числом (то есть целым числом, а не десятичным), а более высокие значения для свойства <code>z-index</code> элемента перемещают его выше в стеке, чем те, у которых более низкие значения. </section>
+
+## Instructions
+<section id="instructions"> Добавьте свойство <code>z-index</code> к элементу с именем класса <code>first</code> (красный прямоугольник) и установите для него значение 2, чтобы он покрывал другой элемент (синий прямоугольник). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элемент с классом <code>first</code> должен иметь значение <code>z-index</code> 2.
+    testString: 'assert($(".first").css("z-index") == "2", "The element with class <code>first</code> should have a <code>z-index</code> value of 2.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    width: 60%;
+    height: 200px;
+    margin-top: 20px;
+  }
+
+  .first {
+    background-color: red;
+    position: absolute;
+
+  }
+  .second {
+    background-color: blue;
+    position: absolute;
+    left: 40px;
+    top: 50px;
+    z-index: 1;
+  }
+</style>
+
+<div class="first"></div>
+<div class="second"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.russian.md
new file mode 100644
index 0000000000..c6f5c5d09d
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.russian.md
@@ -0,0 +1,61 @@
+---
+id: 587d78a5367417b2b2512ad6
+title: Create a Gradual CSS Linear Gradient
+challengeType: 0
+videoUrl: ''
+localeTitle: Создать линейный градиент линейного CSS
+---
+
+## Description
+<section id="description"> Применение цвета на элементах HTML не ограничивается одним плоским оттенком. CSS обеспечивает возможность использования цветовых переходов, иначе называемых градиентами, на элементах. Доступ к нему осуществляется через <code>background</code> отеля <code>linear-gradient()</code> функции. Вот общий синтаксис: <code>background: linear-gradient(gradient_direction, color 1, color 2, color 3, ...);</code> Первый аргумент указывает направление, с которого начинается переход цвета - его можно указать как градус, где 90deg делает вертикальный градиент, а 45deg - угловым, как обратная косая черта. Следующие аргументы определяют порядок цветов, используемых в градиенте. Пример: <code>background: linear-gradient(90deg, red, yellow, rgb(204, 204, 255));</code> </section>
+
+## Instructions
+<section id="instructions"> Используйте <code>linear-gradient()</code> для <code>background</code> элемента <code>div</code> и установите его в направлении 35 градусов, чтобы изменить цвет с <code>#CCFFFF</code> на <code>#FFCCCC</code> . <strong>Заметка</strong> <br> Хотя есть другие способы указать значение цвета, например <code>rgb()</code> или <code>hsl()</code> , используйте шестнадцатеричные значения для этой задачи. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элемент <code>div</code> должен иметь <code>background</code> с <code>linear-gradient</code> с заданным направлением и цветами.
+    testString: 'assert(code.match(/background:\s*?linear-gradient\(35deg,\s*?(#CCFFFF|#CFF),\s*?(#FFCCCC|#FCC)\);/gi), "The <code>div</code> element should have a <code>linear-gradient</code> <code>background</code> with the specified direction and colors.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  div{
+    border-radius: 20px;
+    width: 70%;
+    height: 400px;
+    margin: 50px auto;
+
+  }
+
+</style>
+
+<div></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.russian.md
new file mode 100644
index 0000000000..156e8af90c
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.russian.md
@@ -0,0 +1,71 @@
+---
+id: 587d78a6367417b2b2512add
+title: Create a Graphic Using CSS
+challengeType: 0
+videoUrl: ''
+localeTitle: Создать графику с помощью CSS
+---
+
+## Description
+<section id="description"> Управляя различными селекторами и свойствами, вы можете создавать интересные фигуры. Один из самых простых способов - полумесяц. Для этой задачи вам нужно работать с свойством <code>box-shadow</code> которое задает тень элемента, а также свойство <code>border-radius</code> которое контролирует округлость углов элемента. Вы создадите круглый прозрачный объект с хрустящей тень, слегка смещенной в сторону - тень на самом деле будет формой луны, которую вы видите. Чтобы создать круглый объект, свойство <code>border-radius</code> должно быть установлено равным 50%. Вы можете вспомнить более раннюю задачу о том, что свойство <code>box-shadow</code> принимает значения для <code>offset-x</code> , <code>offset-y</code> , <code>blur-radius</code> , <code>spread-radius</code> и значение цвета в этом порядке. Значения <code>blur-radius</code> <code>spread-radius</code> необязательны. </section>
+
+## Instructions
+<section id="instructions"> Манипулируйте квадратный элемент в редакторе, чтобы создать форму луны. Сначала измените <code>background-color</code> на прозрачный, затем установите для свойства <code>border-radius</code> значение 50%, чтобы сделать круглую форму. Наконец, измените свойство <code>box-shadow</code> чтобы установить <code>offset-x</code> в 25px, <code>offset-y</code> до 10px, <code>blur-radius</code> до 0, <code>spread-radius</code> до 0 и цвет в синий. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Значение свойства <code>background-color</code> должно быть установлено на <code>transparent</code> .
+    testString: 'assert(code.match(/background-color:\s*?transparent;/gi), "The value of the <code>background-color</code> property should be set to <code>transparent</code>.");'
+  - text: Значение свойства <code>border-radius</code> должно быть установлено на <code>50%</code> .
+    testString: 'assert(code.match(/border-radius:\s*?50%;/gi), "The value of the <code>border-radius</code> property should be set to <code>50%</code>.");'
+  - text: 'Значение свойства <code>box-shadow</code> должно быть установлено равным 25px для <code>offset-x</code> , 10px для <code>offset-y</code> , 0 для <code>blur-radius</code> , 0 для <code>spread-radius</code> и, наконец, синего цвета.'
+    testString: 'assert(code.match(/box-shadow:\s*?25px\s+?10px\s+?0(px)?\s+?0(px)?\s+?blue\s*?;/gi), "The value of the <code>box-shadow</code> property should be set to 25px for <code>offset-x</code>, 10px for <code>offset-y</code>, 0 for <code>blur-radius</code>, 0 for <code>spread-radius</code>, and finally blue for the color.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+.center
+{
+  position: absolute;
+  margin: auto;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+
+  background-color: blue;
+  border-radius: 0px;
+  box-shadow: 25px 10px 10px 10px green;
+}
+
+</style>
+<div class="center"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.russian.md
new file mode 100644
index 0000000000..7bb10afdbc
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.russian.md
@@ -0,0 +1,89 @@
+---
+id: 587d781b367417b2b2512abb
+title: Create a Horizontal Line Using the hr Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание горизонтальной линии с использованием элемента hr
+---
+
+## Description
+<section id="description"> Вы можете использовать тег <code>hr</code> чтобы добавить горизонтальную линию по ширине содержащего ее элемента. Это можно использовать для определения изменения темы или для визуального разделения групп контента. </section>
+
+## Instructions
+<section id="instructions"> Добавьте <code>hr</code> тег под <code>h4</code> который содержит название карты. <strong>Заметка</strong> <br> В HTML <code>hr</code> является самозакрывающимся тегом и поэтому не требует отдельного закрывающего тега. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен добавить метку <code>hr</code> к разметке.
+    testString: 'assert($("hr").length == 1, "Your code should add an <code>hr</code> tag to the markup.");'
+  - text: Тег <code>hr</code> должен находиться между заголовком и абзацем.
+    testString: 'assert(code.match(/<\/h4>\s*?<hr(>|\s*?\/>)\s*?<p>/gi), "The <code>hr</code> tag should come between the title and the paragraph.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4><s>Google</s>Alphabet</h4>
+
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.russian.md
new file mode 100644
index 0000000000..a0fcf861a8
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.russian.md
@@ -0,0 +1,89 @@
+---
+id: 587d78a6367417b2b2512ade
+title: Create a More Complex Shape Using CSS and HTML
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание более сложной формы с использованием CSS и HTML
+---
+
+## Description
+<section id="description"> Одна из самых популярных фигур в мире - это форма сердца, и в этой задаче вы создадите один, используя чистый CSS. Но сначала вам нужно понять псевдо-элементы <code>::before</code> и <code>::after</code> . Эти псевдоэлементы используются для добавления чего-либо до или после выбранного элемента. В следующем примере под <code>::before</code> a <code>::before</code> используется для добавления прямоугольника к элементу с <code>heart</code> класса: <blockquote> .heart :: before { <br> content: &quot;&quot;; <br> background-color: желтый; <br> пограничный радиус: 25%; <br> позиция: абсолютная; <br> высота: 50 пикселей; <br> ширина: 70 пикселей; <br> top: -50px; <br> left: 5px; <br> } </blockquote> Чтобы функции <code>::before</code> и <code>::after</code> псевдоэлементов функционировали должным образом, они должны иметь определенное свойство <code>content</code> . Это свойство обычно используется для добавления к выбранному элементу таких вещей, как фотография или текст. Когда для создания фигур используются элементы <code>::before</code> и <code>::after</code> псевдоэлементов, свойство <code>content</code> по-прежнему требуется, но оно установлено в пустую строку. В приведенном выше примере элемент с классом <code>heart</code> имеет <code>::before</code> псевдоэлементом, который создает желтый прямоугольник с <code>height</code> и <code>width</code> 50 пикселей и 70 пикселей соответственно. Этот прямоугольник имеет круглые углы из-за его 25-процентного пограничного радиуса и расположен абсолютно в 5px <code>left</code> и 50px над <code>top</code> частью элемента. </section>
+
+## Instructions
+<section id="instructions"> Преобразуйте элемент на экране в сердце. В <code>heart::after</code> селектора измените <code>background-color</code> на розовый и <code>border-radius</code> до 50%. Затем задайте элемент с <code>heart</code> класса (просто <code>heart</code> ) и заполните свойство <code>transform</code> . Используйте функцию <code>rotate()</code> с -45 градусов. ( <code>rotate()</code> работает так же, как <code>skewX()</code> и <code>skewY()</code> do). Наконец, в <code>heart::before</code> селектором установите его свойство <code>content</code> в пустую строку. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Свойство <code>background-color</code> для <code>heart::after</code> селектора должно быть розовым.'
+    testString: 'assert(code.match(/\.heart::after\s*?{\s*?background-color\s*?:\s*?pink\s*?;/gi), "The <code>background-color</code> property of the <code>heart::after</code> selector should be pink.");'
+  - text: ''
+    testString: 'assert(code.match(/border-radius\s*?:\s*?50%/gi).length == 2, "The <code>border-radius</code> of the <code>heart::after</code> selector should be 50%.");'
+  - text: Свойство <code>transform</code> для класса <code>heart</code> должно использовать функцию <code>rotate()</code> установленную на -45 градусов.
+    testString: 'assert(code.match(/transform\s*?:\s*?rotate\(\s*?-45deg\s*?\)/gi), "The <code>transform</code> property for the <code>heart</code> class should use a <code>rotate()</code> function set to -45 degrees.");'
+  - text: '<code>content</code> <code>heart::before</code> селектором должна быть пустая строка.'
+    testString: 'assert(code.match(/\.heart::before\s*?{\s*?content\s*?:\s*?("|")\1\s*?;/gi), "The <code>content</code> of the <code>heart::before</code> selector should be an empty string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+.heart {
+  position: absolute;
+  margin: auto;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: pink;
+  height: 50px;
+  width: 50px;
+  transform: ;
+}
+.heart::after {
+  background-color: blue;
+  content: "";
+  border-radius: 25%;
+  position: absolute;
+  width: 50px;
+  height: 50px;
+  top: 0px;
+  left: 25px;
+}
+.heart::before {
+  content: ;
+  background-color: pink;
+  border-radius: 50%;
+  position: absolute;
+  width: 50px;
+  height: 50px;
+  top: -25px;
+  left: 0px;
+}
+</style>
+<div class = "heart"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.russian.md
new file mode 100644
index 0000000000..b7dd2f40a0
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.russian.md
@@ -0,0 +1,87 @@
+---
+id: 587d78a7367417b2b2512ae1
+title: Create Movement Using CSS Animation
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание движения с использованием анимации CSS
+---
+
+## Description
+<section id="description"> Когда элементы имеют заданную <code>position</code> , например <code>fixed</code> или <code>relative</code> , свойства смещения CSS <code>right</code> , <code>left</code> , <code>top</code> и <code>bottom</code> могут использоваться в правилах анимации для создания движения. Как показано в приведенном ниже примере, вы можете нажать элемент вниз, а затем вверх, установив <code>top</code> свойство <code>50%</code> ключевого кадра на <code>50%</code> пикселей, но установив его на 0px для первого ( <code>0%</code> ) и последнего ( <code>100%</code> ) ключевого кадра. <blockquote> @keyframes rainbow { <br> 0% { <br> background-color: blue; <br> top: 0px; <br> } <br> 50% { <br> фон-цвет: зеленый; <br> top: 50px; <br> } <br> 100% { <br> background-color: желтый; <br> top: 0px; <br> } <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Добавьте горизонтальное движение в анимацию <code>div</code> . Используя свойство <code>left</code> offset, добавьте правило <code>@keyframes</code> так что радуга начинается с 0 пикселей на <code>0%</code> , перемещается до 25 пикселей с <code>50%</code> и заканчивается на -25 пикселей при <code>100%</code> . Не заменяйте <code>top</code> свойство в редакторе - анимация должна иметь как вертикальное, так и горизонтальное движение. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Правило <code>@keyframes</code> для <code>0%</code> должно использовать <code>left</code> смещение 0px.
+    testString: 'assert(code.match(/0%\s*?{\s*?background-color:\s*?blue;\s*?top:\s*?0(px)?;\s*?left:\s*?0(px)?;\s*?}/gi), "The <code>@keyframes</code> rule for <code>0%</code> should use the <code>left</code> offset of 0px.");'
+  - text: Правило <code>@keyframes</code> для <code>50%</code> должно использовать <code>left</code> смещение 25px.
+    testString: 'assert(code.match(/50%\s*?{\s*?background-color:\s*?green;\s*?top:\s*?50px;\s*?left:\s*?25px;\s*?}/gi), "The <code>@keyframes</code> rule for <code>50%</code> should use the <code>left</code> offset of 25px.");'
+  - text: Правило <code>@keyframes</code> для <code>100%</code> должно использовать <code>left</code> смещение -25px.
+    testString: 'assert(code.match(/100%\s*?{\s*?background-color:\s*?yellow;\s*?top:\s*?0(px)?;\s*?left:\s*?-25px;\s*?}/gi), "The <code>@keyframes</code> rule for <code>100%</code> should use the <code>left</code> offset of -25px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    height: 40px;
+    width: 70%;
+    background: black;
+    margin: 50px auto;
+    border-radius: 5px;
+    position: relative;
+  }
+
+#rect {
+  animation-name: rainbow;
+  animation-duration: 4s;
+}
+
+@keyframes rainbow {
+  0% {
+    background-color: blue;
+    top: 0px;
+
+  }
+  50% {
+    background-color: green;
+    top: 50px;
+
+  }
+  100% {
+    background-color: yellow;
+    top: 0px;
+
+  }
+}
+</style>
+
+<div id="rect"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image.russian.md
new file mode 100644
index 0000000000..e29e52bf0d
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image.russian.md
@@ -0,0 +1,53 @@
+---
+id: 587d78a5367417b2b2512ad8
+title: Create Texture by Adding a Subtle Pattern as a Background Image
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание текстуры путем добавления тонкого шаблона в качестве фонового изображения
+---
+
+## Description
+<section id="description"> Один из способов добавить текстуру и интерес к фону и подчеркнуть ее - добавить тонкий узор. Ключом является баланс, так как вы не хотите, чтобы фон выделялся слишком много, и убирайте с переднего плана. Свойство <code>background</code> поддерживает функцию <code>url()</code> , чтобы ссылаться на изображение выбранной текстуры или рисунка. Адрес ссылки заключен в кавычки внутри круглых скобок. </section>
+
+## Instructions
+<section id="instructions"> Использование URL в <code>https://i.imgur.com/MJAkxbh.png</code> , установить <code>background</code> всей страницы с <code>body</code> селектором. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элемент вашего <code>body</code> должен иметь свойство <code>background</code> установленное в <code>url()</code> с указанной ссылкой.
+    testString: 'assert(code.match(/background:\s*?url\(\s*("|"|)https:\/\/i\.imgur\.com\/MJAkxbh\.png\1\s*\)/gi), "Your <code>body</code> element should have a <code>background</code> property set to a <code>url()</code> with the given link.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+
+  }
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-visual-balance-using-the-text-align-property.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-visual-balance-using-the-text-align-property.russian.md
new file mode 100644
index 0000000000..a043d3715b
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-visual-balance-using-the-text-align-property.russian.md
@@ -0,0 +1,83 @@
+---
+id: 587d7791367417b2b2512ab3
+title: Create Visual Balance Using the text-align Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание визуального баланса Использование свойства text-align
+---
+
+## Description
+<section id="description"> Этот раздел учебной программы посвящен прикладному визуальному дизайну. Первая группа задач основывается на данном макете карты, чтобы показать ряд основных принципов. Текст часто является большой частью веб-контента. CSS имеет несколько вариантов выравнивания его с свойством <code>text-align</code> . <code>text-align: justify;</code> вызывает все строки текста, кроме последней строки, для соответствия левому и правому краям строки строки. <code>text-align: center;</code> центрирует текст <code>text-align: right;</code> выравнивание по правому краю текста и <code>text-align: left;</code> (по умолчанию) выравнивает текст по левому краю. </section>
+
+## Instructions
+<section id="instructions"> Совместите текст тега <code>h4</code> , в котором говорится «Google», в центр. Затем оправдайте тег абзаца, который содержит информацию о том, как Google был основан. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать свойство text-align для тега <code>h4</code> чтобы установить его в центр.
+    testString: 'assert($("h4").css("text-align") == "center", "Your code should use the text-align property on the <code>h4</code> tag to set it to center.");'
+  - text: Ваш код должен использовать свойство text-align на тэге <code>p</code> чтобы установить его для оправдания.
+    testString: 'assert($("p").css("text-align") == "justify", "Your code should use the text-align property on the <code>p</code> tag to set it to justify.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+
+  }
+  p {
+
+  }
+  .links {
+    margin-right: 20px;
+
+  }
+  .fullCard {
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-visual-direction-by-fading-an-element-from-left-to-right.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-visual-direction-by-fading-an-element-from-left-to-right.russian.md
new file mode 100644
index 0000000000..ba7fb2669f
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/create-visual-direction-by-fading-an-element-from-left-to-right.russian.md
@@ -0,0 +1,76 @@
+---
+id: 587d78a7367417b2b2512ae2
+title: Create Visual Direction by Fading an Element from Left to Right
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Создать визуальное направление, затухая элемент слева направо'
+---
+
+## Description
+<section id="description"> Для этой задачи вы измените <code>opacity</code> анимированного элемента, чтобы он постепенно исчезал, когда он достиг правой стороны экрана. В отображаемой анимации круглый элемент с фоном градиента перемещается вправо на 50% метки анимации по правилу <code>@keyframes</code> . </section>
+
+## Instructions
+<section id="instructions"> Задайте элемент с идентификатором <code>ball</code> и добавьте свойство <code>opacity</code> равное 0.1, равное <code>50%</code> , поэтому элемент исчезает, когда он перемещается вправо. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Правило <code>keyframes</code> для fade должно установить свойство <code>opacity</code> 0,1 на 50%.'
+    testString: 'assert(code.match(/@keyframes fade\s*?{\s*?50%\s*?{\s*?(?:left:\s*?60%;\s*?opacity:\s*?0?\.1;|opacity:\s*?0?\.1;\s*?left:\s*?60%;)/gi), "The <code>keyframes</code> rule for fade should set the <code>opacity</code> property to 0.1 at 50%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  #ball {
+    width: 70px;
+    height: 70px;
+    margin: 50px auto;
+    position: fixed;
+    left: 20%;
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    animation-name: fade;
+    animation-duration: 3s;
+  }
+
+  @keyframes fade {
+    50% {
+      left: 60%;
+
+    }
+  }
+
+</style>
+
+<div id="ball"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/decrease-the-opacity-of-an-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/decrease-the-opacity-of-an-element.russian.md
new file mode 100644
index 0000000000..3cd351df30
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/decrease-the-opacity-of-an-element.russian.md
@@ -0,0 +1,93 @@
+---
+id: 587d781c367417b2b2512abf
+title: Decrease the Opacity of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Уменьшить непрозрачность элемента
+---
+
+## Description
+<section id="description"> Свойство <code>opacity</code> в CSS используется для настройки непрозрачности или, наоборот, прозрачности для элемента. <blockquote> Значение 1 непрозрачно, что совсем не прозрачно. <br> Значение 0,5 равно половине видимости. <br> Значение 0 полностью прозрачно. </blockquote> Приведенное значение будет применяться ко всему элементу, будь то изображение с некоторой прозрачностью или цвета переднего плана и фона для блока текста. </section>
+
+## Instructions
+<section id="instructions"> Установите <code>opacity</code> тегов привязки на 0.7, используя класс <code>links</code> чтобы выбрать их. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш код должен установить свойство <code>opacity</code> 0,7 в тегах привязки, выбрав класс <code>links</code> .'
+    testString: 'assert.approximately(parseFloat($(".links").css("opacity")), 0.7, 0.1, "Your code should set the <code>opacity</code> property to 0.7 on the anchor tags by selecting the class of <code>links</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+    font-size: 27px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+
+  }
+  #thumbnail {
+    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard" id="thumbnail">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/learn-about-complementary-colors.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/learn-about-complementary-colors.russian.md
new file mode 100644
index 0000000000..32bec7701d
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/learn-about-complementary-colors.russian.md
@@ -0,0 +1,68 @@
+---
+id: 587d78a3367417b2b2512ad1
+title: Learn about Complementary Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: Узнайте о дополнительных цветах
+---
+
+## Description
+<section id="description"> Теория цвета и его влияние на дизайн являются глубокой темой, и только основные вопросы рассматриваются в следующих задачах. На веб-сайте цвет может привлекать внимание к контенту, вызывать эмоции или создавать визуальную гармонию. Использование различных комбинаций цветов может действительно изменить внешний вид веб-сайта, и многие мысли могут пойти на подбор цветовой палитры, которая работает с вашим контентом. Цветовое колесо - полезный инструмент для визуализации того, как соотносятся цвета друг с другом - это круг, где похожие оттенки соседствуют, а разные оттенки находятся дальше друг от друга. Когда два цвета противоположны друг другу на колесе, их называют дополнительными цветами. У них есть характеристика, что если они объединены, они «отменяют» друг друга и создают серый цвет. Однако при размещении бок о бок эти цвета выглядят более яркими и создают сильный визуальный контраст. Некоторые примеры дополнительных цветов с шестнадцатеричными кодами: <blockquote> красный (# FF0000) и голубой (# 00FFFF) <br> зеленый (# 00FF00) и пурпурный (# FF00FF) <br> синий (# 0000FF) и желтый (# FFFF00) </blockquote> Это отличается от устаревшей цветовой модели RYB, которую многие из нас преподавали в школе, которая имеет разные первичные и дополнительные цвета. Современная теория цвета использует аддитивную модель RGB (например, на экране компьютера) и субтрактивную модель CMY (K) (например, в печати). Читайте <a href="https://en.wikipedia.org/wiki/Color_model" target="_blank">здесь</a> для получения дополнительной информации об этом сложном предмете. В Интернете доступно множество инструментов для выбора цветов, которые могут найти дополнение к цвету. <strong>Заметка</strong> <br> Для всех цветовых задач: использование цвета может стать мощным способом добавить визуальный интерес к странице. Тем не менее, только цвет не должен использоваться как единственный способ передачи важной информации, поскольку пользователи с нарушениями зрения могут не понимать этот контент. Эта проблема будет рассмотрена более подробно в задачах прикладной доступности. </section>
+
+## Instructions
+<section id="instructions"> Измените свойство <code>background-color</code> <code>blue</code> и <code>yellow</code> классов на соответствующие цвета. Обратите внимание, как цвета выглядят по-разному рядом друг с другом, чем они сравниваются с белым фоном. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элемент <code>div</code> с <code>blue</code> должен иметь синий <code>background-color</code> .
+    testString: 'assert($(".blue").css("background-color") == "rgb(0, 0, 255)", "The <code>div</code> element with class <code>blue</code> should have a <code>background-color</code> of blue.");'
+  - text: Элемент <code>div</code> с <code>yellow</code> классом должен иметь желтый <code>background-color</code> .
+    testString: 'assert($(".yellow").css("background-color") == "rgb(255, 255, 0)", "The <code>div</code> element with class <code>yellow</code> should have a <code>background-color</code> of yellow.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: #FFFFFF;
+  }
+  .blue {
+    background-color: #000000;
+  }
+  .yellow {
+    background-color: #000000;
+  }
+  div {
+    display: inline-block;
+    height: 100px;
+    width: 100px;
+  }
+</style>
+<div class="blue"></div>
+<div class="yellow"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.russian.md
new file mode 100644
index 0000000000..0bc0cb322b
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.russian.md
@@ -0,0 +1,79 @@
+---
+id: 587d78a4367417b2b2512ad2
+title: Learn about Tertiary Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: Узнайте о третичных цветах
+---
+
+## Description
+<section id="description"> Компьютерные мониторы и экраны устройств создают разные цвета, комбинируя количество красного, зеленого и синего света. Это известно как цветовая модель RGB-аддитивности в современной теории цвета. Красный (R), зеленый (G) и синий (B) называются основными цветами. Смешивание двух основных цветов создает вторичные цвета cyan (G + B), пурпурный (R + B) и желтый (R + G). Вы видели эти цвета в задаче «Дополнительные цвета». Эти вторичные цвета являются дополнением к основному цвету, не используемому при их создании, и противоположны этому основному цвету на цветовом круге. Например, пурпурный цвет выполнен красным и синим цветом и является дополнением к зеленому. Третичные цвета являются результатом объединения основного цвета с одним из его вторичных соседних цветов. Например, красный (первичный) и желтый (вторичный) оранжевый. Это добавляет еще шесть цветов к простому цветному колесу в общей сложности двенадцать. Существуют различные способы выбора разных цветов, которые приводят к гармоничному сочетанию в дизайне. Один пример, который может использовать третичные цвета, называется схемой разделения цветов. Эта схема начинается с базового цвета, а затем соединяет ее с двумя цветами, которые смежны с его дополнением. Три цвета обеспечивают сильный визуальный контраст в дизайне, но более тонкие, чем использование двух дополнительных цветов. Вот три цвета, созданные с использованием схемы сплит-дополнений: <table class="table table-striped"><thead><tr><th> цвет </th><th> Шестнадцатеричный код </th></tr></thead><thead></thead><tbody><tr><td> оранжевый </td><td> # FF7D00 </td></tr><tr><td> циан </td><td> # 00FFFF </td></tr><tr><td> малина </td><td> # FF007D </td></tr></tbody></table></section>
+
+## Instructions
+<section id="instructions"> Измените свойство <code>background-color</code> классов <code>orange</code> , <code>cyan</code> и <code>raspberry</code> цветов на соответствующие цвета. Обязательно используйте шестнадцатеричные коды как оранжевые, а малины не являются признанными в браузере именами цветов. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элемент <code>div</code> с <code>orange</code> класса должен иметь оранжевый <code>background-color</code> .
+    testString: 'assert($(".orange").css("background-color") == "rgb(255, 125, 0)", "The <code>div</code> element with class <code>orange</code> should have a <code>background-color</code> of orange.");'
+  - text: Элемент <code>div</code> с классом <code>cyan</code> должен иметь <code>background-color</code> cyan.
+    testString: 'assert($(".cyan").css("background-color") == "rgb(0, 255, 255)", "The <code>div</code> element with class <code>cyan</code> should have a <code>background-color</code> of cyan.");'
+  - text: Элемент <code>div</code> с классом <code>raspberry</code> должен иметь <code>background-color</code> малины.
+    testString: 'assert($(".raspberry").css("background-color") == "rgb(255, 0, 125)", "The <code>div</code> element with class <code>raspberry</code> should have a <code>background-color</code> of raspberry.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: #FFFFFF;
+  }
+
+  .orange {
+    background-color: #000000;
+  }
+
+  .cyan {
+    background-color: #000000;
+  }
+
+  .raspberry {
+    background-color: #000000;
+  }
+
+  div {
+    height: 100px;
+    width: 100px;
+    margin-bottom: 5px;
+  }
+</style>
+
+<div class="orange"></div>
+<div class="cyan"></div>
+<div class="raspberry"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.russian.md
new file mode 100644
index 0000000000..633b65a017
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.russian.md
@@ -0,0 +1,89 @@
+---
+id: 587d78a9367417b2b2512ae8
+title: Learn How Bezier Curves Work
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Узнайте, как работают кривые Безье'
+---
+
+## Description
+<section id="description"> Последняя задача <code>animation-timing-function</code> свойство <code>animation-timing-function</code> и несколько ключевых слов, которые изменяют скорость анимации в течение ее продолжительности. CSS предлагает опцию, отличную от ключевых слов, которая обеспечивает еще более точный контроль над тем, как анимация разыгрывается, используя кривые Безье. В анимациях CSS кривые Безье используются с функцией <code>cubic-bezier</code> . Форма кривой показывает, как анимация разыгрывается. Кривая живет в системе координат 1 на 1. Ось X этой системы координат - это продолжительность анимации (считайте ее временной шкалой), а ось Y - это изменение анимации. Функция <code>cubic-bezier</code> состоит из четырех основных точек, которые расположены на этой сетке 1 на 1: <code>p0</code> , <code>p1</code> , <code>p2</code> и <code>p3</code> . <code>p0</code> и <code>p3</code> для вас - это начальная и конечная точки, которые всегда расположены соответственно в начале (0, 0) и (1, 1). Вы устанавливаете значения x и y для двух других точек, а место размещения в сетке определяет форму кривой для анимации. Это делается в CSS, объявляя значения x и y опорных точек <code>p1</code> и <code>p2</code> в форме: <code>(x1, y1, x2, y2)</code> . Вытянув все это вместе, вот пример кривой Безье в CSS-коде: <code>animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);</code> В приведенном выше примере значения x и y эквивалентны для каждой точки (x1 = 0,25 = y1 и x2 = 0,75 = y2), которая, если вы помните из класса геометрии, приводит к строке, которая простирается от начала координат до точки (1 , 1). Эта анимация представляет собой линейное изменение элемента в течение длины анимации и совпадает с использованием <code>linear</code> ключевого слова. Другими словами, он изменяется с постоянной скоростью. </section>
+
+## Instructions
+<section id="instructions"> Для элемента с идентификатором <code>ball1</code> измените значение свойства <code>animation-timing-function</code> от <code>linear</code> до его эквивалентного значения функции <code>cubic-bezier</code> . Используйте значения точек, приведенные в примере выше. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Значение свойства <code>animation-timing-function</code> для элемента с <code>ball1</code> должно быть линейно-эквивалентной функцией кубического безье.
+    testString: 'assert($("#ball1").css("animation-timing-function") == "cubic-bezier(0.25, 0.25, 0.75, 0.75)", "The value of the <code>animation-timing-function</code> property for the element with the id <code>ball1</code> should be the linear-equivalent cubic-bezier function.");'
+  - text: Значение свойства <code>animation-timing-function</code> для элемента с id <code>ball2</code> не должно меняться.
+    testString: 'assert($("#ball2").css("animation-timing-function") == "ease-out", "The value of the <code>animation-timing-function</code> property for the element with the id <code>ball2</code> should not change.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  .balls{
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    margin-top: 50px;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #ball1 {
+    left: 27%;
+    animation-timing-function: linear;
+  }
+  #ball2 {
+    left: 56%;
+    animation-timing-function: ease-out;
+  }
+
+@keyframes bounce {
+  0% {
+    top: 0px;
+  }
+  100% {
+    top: 249px;
+  }
+}
+
+</style>
+
+<div class="balls" id="ball1"></div>
+<div class="balls" id="ball2"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/learn-how-the-css-keyframes-and-animation-properties-work.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/learn-how-the-css-keyframes-and-animation-properties-work.russian.md
new file mode 100644
index 0000000000..e62af394d3
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/learn-how-the-css-keyframes-and-animation-properties-work.russian.md
@@ -0,0 +1,77 @@
+---
+id: 587d78a7367417b2b2512adf
+title: Learn How the CSS @keyframes and animation Properties Work
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Узнайте, как работают CSS-файлы и анимация CSS'
+---
+
+## Description
+<section id="description"> Чтобы анимировать элемент, вам нужно знать свойства анимации и правило <code>@keyframes</code> . Свойства анимации определяют, как должна себя вести анимация, и правило <code>@keyframes</code> контролирует, что происходит во время этой анимации. Всего имеется восемь свойств анимации. Эта задача будет держать ее простой и охватывать две самые важные из них: <code>animation-name</code> задает имя анимации, которое позже используется <code>@keyframes</code> чтобы сообщить CSS, какие правила идут с анимацией. <code>animation-duration</code> задает <code>animation-duration</code> анимации. <code>@keyframes</code> - это то, как точно указать, что происходит в анимации в течение продолжительности. Это делается путем предоставления свойств CSS для определенных «кадров» во время анимации с процентами от 0% до 100%. Если вы сравниваете это с фильмом, свойства CSS для 0% - это то, как элемент отображается в начальной сцене. Свойства CSS на 100% - это то, как элемент появляется в конце, прямо перед броском кредитов. Затем CSS применяет магию для перехода элемента за заданную продолжительность, чтобы вывести сцену. Вот пример, иллюстрирующий использование <code>@keyframes</code> и свойств анимации: <blockquote> #anim { <br> анимация-имя: красочный; <br> продолжительность анимации: 3 с; <br> } <br> @keyframes colorful { <br> 0% { <br> background-color: blue; <br> } <br> 100% { <br> background-color: желтый; <br> } <br> } </blockquote> Для элемента с <code>anim</code> идентификатором, фрагмент кода выше , задает <code>animation-name</code> , чтобы <code>colorful</code> и устанавливает <code>animation-duration</code> до 3 секунд. Затем правило <code>@keyframes</code> ссылается на свойства анимации с именем <code>colorful</code> . Он устанавливает цвет в синий цвет в начале анимации (0%), который к концу анимации перейдет в желтый цвет (100%). Вы не ограничены только начальными переходами, вы можете установить свойства для элемента для любого процента от 0% до 100%. </section>
+
+## Instructions
+<section id="instructions"> Создайте анимацию для элемента с id <code>rect</code> , установив <code>animation-name</code> на радугу и <code>animation-duration</code> до 4 секунд. Затем объявите правило <code>@keyframes</code> и установите <code>background-color</code> в начале анимации ( <code>0%</code> ) на синий, середина анимации ( <code>50%</code> ) на зеленый, а конец анимации ( <code>100%</code> ) на желтый. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элемент с идентификатором <code>rect</code> должен иметь свойство <code>animation-name</code> со значением радуги.
+    testString: 'assert($("#rect").css("animation-name") == "rainbow", "The element with id of <code>rect</code> should have an <code>animation-name</code> property with a value of rainbow.");'
+  - text: Элемент с идентификатором <code>rect</code> должен иметь свойство <code>animation-duration</code> со значением 4s.
+    testString: 'assert($("#rect").css("animation-duration") == "4s", "The element with id of <code>rect</code> should have an <code>animation-duration</code> property with a value of 4s.");'
+  - text: Правило <code>@keyframes</code> должно использовать <code>animation-name</code> радуги.
+    testString: 'assert(code.match(/@keyframes\s+?rainbow\s*?{/g), "The <code>@keyframes</code> rule should use the <code>animation-name</code> of rainbow.");'
+  - text: Правило <code>@keyframes</code> для радуги должно использовать <code>background-color</code> синего цвета при 0%.
+    testString: 'assert(code.match(/0%\s*?{\s*?background-color:\s*?blue;\s*?}/gi), "The <code>@keyframes</code> rule for rainbow should use a <code>background-color</code> of blue at 0%.");'
+  - text: Правило <code>@keyframes</code> для радуги должно использовать зеленый <code>background-color</code> на 50%.
+    testString: 'assert(code.match(/50%\s*?{\s*?background-color:\s*?green;\s*?}/gi), "The <code>@keyframes</code> rule for rainbow should use a <code>background-color</code> of green at 50%.");'
+  - text: Правило <code>@keyframes</code> для радуги должно использовать <code>background-color</code> желтого цвета на 100%.
+    testString: 'assert(code.match(/100%\s*?{\s*?background-color:\s*?yellow;\s*?}/gi), "The <code>@keyframes</code> rule for rainbow should use a <code>background-color</code> of yellow at 100%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    height: 40px;
+    width: 70%;
+    background: black;
+    margin: 50px auto;
+    border-radius: 5px;
+  }
+
+  #rect {
+
+
+  }
+
+
+
+
+</style>
+<div id="rect"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/lock-an-element-to-its-parent-with-absolute-positioning.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/lock-an-element-to-its-parent-with-absolute-positioning.russian.md
new file mode 100644
index 0000000000..6433372cb7
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/lock-an-element-to-its-parent-with-absolute-positioning.russian.md
@@ -0,0 +1,72 @@
+---
+id: 587d781e367417b2b2512acb
+title: Lock an Element to its Parent with Absolute Positioning
+challengeType: 0
+videoUrl: ''
+localeTitle: Блокировка элемента для его родителя с абсолютным позиционированием
+---
+
+## Description
+<section id="description"> Следующая опция для свойства <code>position</code> CSS является <code>absolute</code> , которая блокирует элемент на месте относительно его родительского контейнера. В отличие от <code>relative</code> положения, это удаляет элемент из нормального потока документа, поэтому окружающие объекты игнорируют его. Свойства смещения CSS (сверху или снизу и слева или справа) используются для настройки положения. Один нюанс с абсолютным позиционированием состоит в том, что он будет заблокирован относительно его ближайшего <em>расположенного</em> предка. Если вы забыли добавить правило позиции к родительскому элементу (это обычно делается с использованием <code>position: relative;</code> ), браузер будет продолжать искать цепочку и, в конечном счете, по умолчанию использовать тег body. </section>
+
+## Instructions
+<section id="instructions"> Заблокируйте элемент <code>#searchbar</code> в верхнем правом углу родительского <code>section</code> , объявив его <code>position</code> <code>absolute</code> . Дайте ему <code>top</code> и <code>right</code> смещения по 50 пикселей каждый. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Элемент <code>#searchbar</code> должен иметь <code>absolute</code> <code>position</code> .'
+    testString: 'assert($("#searchbar").css("position") == "absolute", "The <code>#searchbar</code> element should have a <code>position</code> set to <code>absolute</code>.");'
+  - text: 'Ваш код должен использовать <code>top</code> смещение CSS 50 пикселей в элементе <code>#searchbar</code> .'
+    testString: 'assert($("#searchbar").css("top") == "50px", "Your code should use the <code>top</code> CSS offset of 50 pixels on the <code>#searchbar</code> element.");'
+  - text: 'Ваш код должен использовать <code>right</code> смещение CSS 50 пикселей в элементе <code>#searchbar</code> .'
+    testString: 'assert($("#searchbar").css("right") == "50px", "Your code should use the <code>right</code> CSS offset of 50 pixels on the <code>#searchbar</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #searchbar {
+
+
+
+  }
+  section {
+    position: relative;
+  }
+</style>
+<body>
+  <h1>Welcome!</h1>
+  <section>
+    <form id="searchbar">
+      <label for="search">Search:</label>
+      <input type="search" id="search" name="search">
+      <input type="submit" name="submit" value="Go!">
+    </form>
+  </section>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/lock-an-element-to-the-browser-window-with-fixed-positioning.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/lock-an-element-to-the-browser-window-with-fixed-positioning.russian.md
new file mode 100644
index 0000000000..ab39b37433
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/lock-an-element-to-the-browser-window-with-fixed-positioning.russian.md
@@ -0,0 +1,84 @@
+---
+id: 587d781e367417b2b2512acc
+title: Lock an Element to the Browser Window with Fixed Positioning
+challengeType: 0
+videoUrl: ''
+localeTitle: Блокировка элемента в окне браузера с фиксированным позиционированием
+---
+
+## Description
+<section id="description"> Следующая схема компоновки, которую предлагает CSS, - это <code>fixed</code> позиция, которая является типом абсолютного позиционирования, который блокирует элемент относительно окна браузера. Подобно абсолютному позиционированию, он используется со свойствами смещения CSS, а также удаляет элемент из обычного потока документа. Другие предметы больше не «реализуют», где они позиционируются, что может потребовать некоторых корректировок компоновки в другом месте. Одно ключевое различие между <code>fixed</code> и <code>absolute</code> позициями состоит в том, что элемент с фиксированной позицией не будет перемещаться, когда пользователь прокручивается. </section>
+
+## Instructions
+<section id="instructions"> Навигационная панель в коде помечена идентификатором <code>navbar</code> . Измените его <code>position</code> на <code>fixed</code> и смещайте его на 0 пикселей <code>top</code> и на 0 пикселей <code>left</code> . Обратите внимание на (отсутствие) воздействия на позицию <code>h1</code> , оно не было сдвинуто вниз, чтобы разместить панель навигации, и ее необходимо будет отрегулировать отдельно. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>#navbar</code> элемент должен иметь <code>position</code> набор для <code>fixed</code> .'
+    testString: 'assert($("#navbar").css("position") == "fixed", "The <code>#navbar</code> element should have a <code>position</code> set to <code>fixed</code>.");'
+  - text: 'Ваш код должен использовать <code>top</code> сдвиг CSS в 0 пикселей в элементе <code>#navbar</code> .'
+    testString: 'assert($("#navbar").css("top") == "0px", "Your code should use the <code>top</code> CSS offset of 0 pixels on the <code>#navbar</code> element.");'
+  - text: 'Ваш код должен использовать <code>left</code> сдвиг CSS в 0 пикселей на элементе <code>#navbar</code> .'
+    testString: 'assert($("#navbar").css("left") == "0px", "Your code should use the <code>left</code> CSS offset of 0 pixels on the <code>#navbar</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #navbar {
+
+
+
+    width: 100%;
+    background-color: #767676;
+  }
+  nav ul {
+    margin: 0px;
+    padding: 5px 0px 5px 30px;
+  }
+  nav li {
+    display: inline;
+    margin-right: 20px;
+  }
+  a {
+    text-decoration: none;
+  }
+</style>
+<body>
+  <header>
+    <h1>Welcome!</h1>
+    <nav id="navbar">
+      <ul>
+        <li><a href="">Home</a></li>
+        <li><a href="">Contact</a></li>
+      </ul>
+    </nav>
+  </header>
+  <p>I shift up when the #navbar is fixed to the browser window.</p>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/make-a-css-heartbeat-using-an-infinite-animation-count.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/make-a-css-heartbeat-using-an-infinite-animation-count.russian.md
new file mode 100644
index 0000000000..0bd06a89de
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/make-a-css-heartbeat-using-an-infinite-animation-count.russian.md
@@ -0,0 +1,119 @@
+---
+id: 587d78a8367417b2b2512ae4
+title: Make a CSS Heartbeat using an Infinite Animation Count
+challengeType: 0
+videoUrl: ''
+localeTitle: Сделайте Heartbeat с использованием бесконечного количества анимации
+---
+
+## Description
+<section id="description"> Вот еще один пример непрерывной анимации с свойством <code>animation-iteration-count</code> которое использует сердце, которое вы разработали в предыдущем задании. Односекундная анимация сердечного ритма состоит из двух анимированных фигур. Элементы <code>heart</code> (включая <code>:before</code> и <code>:after</code> фрагментов) анимируются, чтобы изменить размер с помощью свойства <code>transform</code> , а фоновый <code>div</code> анимирован, чтобы изменить его цвет, используя свойство <code>background</code> . </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($(".heart").css("animation-iteration-count") == "infinite", "The <code>animation-iteration-count</code> property for the <code>heart</code> class should have a value of infinite.");'
+  - text: ''
+    testString: 'assert($(".back").css("animation-iteration-count") == "infinite", "The <code>animation-iteration-count</code> property for the <code>back</code> class should have a value of infinite.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .back {
+    position: fixed;
+    padding: 0;
+    margin: 0;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: white;
+    animation-name: backdiv;
+    animation-duration: 1s;
+
+  }
+
+  .heart {
+    position: absolute;
+    margin: auto;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: pink;
+    height: 50px;
+    width: 50px;
+    transform: rotate(-45deg);
+    animation-name: beat;
+    animation-duration: 1s;
+
+  }
+  .heart:after {
+    background-color: pink;
+    content: "";
+    border-radius: 50%;
+    position: absolute;
+    width: 50px;
+    height: 50px;
+    top: 0px;
+    left: 25px;
+  }
+  .heart:before {
+    background-color: pink;
+    content: "";
+    border-radius: 50%;
+    position: absolute;
+    width: 50px;
+    height: 50px;
+    top: -25px;
+    left: 0px;
+  }
+
+  @keyframes backdiv {
+    50% {
+      background: #ffe6f2;
+    }
+  }
+
+  @keyframes beat {
+    0% {
+      transform: scale(1) rotate(-45deg);
+    }
+    50% {
+      transform: scale(0.6) rotate(-45deg);
+    }
+  }
+
+</style>
+<div class="back"></div>
+<div class="heart"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/make-motion-more-natural-using-a-bezier-curve.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/make-motion-more-natural-using-a-bezier-curve.russian.md
new file mode 100644
index 0000000000..bb9c5f1bc0
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/make-motion-more-natural-using-a-bezier-curve.russian.md
@@ -0,0 +1,84 @@
+---
+id: 587d78a9367417b2b2512aea
+title: Make Motion More Natural Using a Bezier Curve
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Сделать движение более естественным, используя кривую Безье'
+---
+
+## Description
+<section id="description"> Этот вызов оживляет элемент для репликации движения шарика, который жонглирует. Предыдущие проблемы охватывали <code>linear</code> и <code>ease-out</code> кубические кривые Безье, однако они не отображали точное движение жонглирования. Для этого вам нужно настроить кривую Безье. Функция <code>animation-timing-function</code> автоматически зацикливается на каждом ключевом кадре, когда <code>animation-iteration-count</code> установлен на бесконечный. Поскольку в середине продолжительности анимации задано правило ключевого кадра (на <code>50%</code> ), это приводит к двум идентичным прогрессиям анимации при движении мяча вверх и вниз. Следующая кубическая кривая Безье моделирует движение жонглирования: <code>cubic-bezier(0.3, 0.4, 0.5, 1.6);</code> Обратите внимание, что значение y2 больше 1. Хотя кубическая кривая Безье отображается в системе координат 1 на 1, и она может принимать только значения х от 0 до 1, значение y может быть установлено на числа, большие, чем единицы. Это приводит к прыгающему движению, которое идеально подходит для имитации шара жонглирования. </section>
+
+## Instructions
+<section id="instructions"> Измените значение функции <code>animation-timing-function</code> элемента с идентификатором <code>green</code> на функцию <code>cubic-bezier</code> с значениями x1, y1, x2, y2, установленными соответственно 0,311, 0,441, 0,444, 1,649. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Значение свойства <code>animation-timing-function</code> для элемента с <code>green</code> идентификатором должно быть функцией <code>cubic-bezier</code> с значениями x1, y1, x2, y2, как указано.'
+    testString: 'assert($("#green").css("animation-timing-function") == "cubic-bezier(0.311, 0.441, 0.444, 1.649)", "The value of the <code>animation-timing-function</code> property for the element with the id <code>green</code> should be a <code>cubic-bezier</code> function with x1, y1, x2, y2 values as specified.'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .balls {
+    border-radius: 50%;
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    top: 60%;
+    animation-name: jump;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #red {
+    background: red;
+    left: 25%;
+    animation-timing-function: linear;
+  }
+  #blue {
+    background: blue;
+    left: 50%;
+    animation-timing-function: ease-out;
+  }
+  #green {
+    background: green;
+    left: 75%;
+    animation-timing-function: cubic-bezier(0.69, 0.1, 1, 0.1);
+  }
+
+  @keyframes jump {
+    50% {
+      top: 10%;
+    }
+  }
+</style>
+<div class="balls" id="red"></div>
+<div class="balls" id="blue"></div>
+<div class="balls" id="green"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation.russian.md
new file mode 100644
index 0000000000..ff31683f2d
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation.russian.md
@@ -0,0 +1,69 @@
+---
+id: 58a7a6ebf9a6318348e2d5aa
+title: Modify Fill Mode of an Animation
+challengeType: 0
+videoUrl: ''
+localeTitle: Изменить режим заполнения анимации
+---
+
+## Description
+<section id="description"> Это здорово, но пока это не работает. Обратите внимание, как сбрасывается анимация после <code>500ms</code> , и кнопка возвращается к исходному цвету. Вы хотите, чтобы кнопка оставалась подсвеченной. Это можно сделать, установив свойство <code>animation-fill-mode</code> <code>forwards</code> . Режим <code>animation-fill-mode</code> задает стиль, применяемый к элементу, когда анимация завершена. Вы можете установить его так: <code>animation-fill-mode: forwards;</code> </section>
+
+## Instructions
+<section id="instructions"> Задайте свойство <code>animation-fill-mode</code> <code>button:hover</code> <code>forwards</code> чтобы кнопка оставалась выделенной, когда пользователь наводил на нее курсор. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/button\s*?:\s*?hover\s*?{[\s\S]*animation-fill-mode\s*?:\s*?forwards\s*?;[\s\S]*}/gi) && code.match(/button\s*?:\s*?hover\s*?{[\s\S]*animation-name\s*?:\s*?background-color\s*?;[\s\S]*}/gi) && code.match(/button\s*?:\s*?hover\s*?{[\s\S]*animation-duration\s*?:\s*?500ms\s*?;[\s\S]*}/gi), "<code>button:hover</code> should have a <code>animation-fill-mode</code> property with a value of <code>forwards</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  button {
+    border-radius: 5px;
+    color: white;
+    background-color: #0F5897;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    animation-name: background-color;
+    animation-duration: 500ms;
+    /* add your code below this line */
+
+    /* add your code above this line */
+  }
+  @keyframes background-color {
+    100% {
+      background-color: #4791d0;
+    }
+  }
+</style>
+<button>Register</button>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/move-a-relatively-positioned-element-with-css-offsets.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/move-a-relatively-positioned-element-with-css-offsets.russian.md
new file mode 100644
index 0000000000..82a4f336e6
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/move-a-relatively-positioned-element-with-css-offsets.russian.md
@@ -0,0 +1,64 @@
+---
+id: 587d781e367417b2b2512aca
+title: Move a Relatively Positioned Element with CSS Offsets
+challengeType: 0
+videoUrl: ''
+localeTitle: Перемещение Относительно Позиционированного Элемента с помощью смещений CSS
+---
+
+## Description
+<section id="description"> Смещение CSS <code>top</code> или <code>bottom</code> , а также <code>left</code> или <code>right</code> указывают браузеру, насколько можно смещать элемент относительно того, где он будет сидеть в нормальном потоке документа. Вы компенсируете элемент вдали от заданного места, которое перемещает элемент от указанной стороны (фактически, в противоположном направлении). Как вы видели в последнем вызове, использование верхнего смещения сдвинуло <code>h2</code> вниз. Аналогично, используя левое смещение перемещает элемент справа. <h2> инструкции </h2><section id="instructions"> Используйте смещения CSS для перемещения <code>h2</code> 15 пикселей вправо и 10 пикселей вверх. </section><h2> тесты </h2><section id="tests"><pre> <code class="language-yml">tests: - text: &#39;Your code should use a CSS offset to relatively position the &lt;code&gt;h2&lt;/code&gt; 10px upwards. In other words, move it 10px away from the &lt;code&gt;bottom&lt;/code&gt; of where it normally sits.&#39; testString: &#39;assert($(&quot;h2&quot;).css(&quot;bottom&quot;) == &quot;10px&quot;, &quot;Your code should use a CSS offset to relatively position the &lt;code&gt;h2&lt;/code&gt; 10px upwards. In other words, move it 10px away from the &lt;code&gt;bottom&lt;/code&gt; of where it normally sits.&quot;);&#39; - text: &#39;Your code should use a CSS offset to relatively position the &lt;code&gt;h2&lt;/code&gt; 15px towards the right. In other words, move it 15px away from the &lt;code&gt;left&lt;/code&gt; of where it normally sits.&#39; testString: &#39;assert($(&quot;h2&quot;).css(&quot;left&quot;) == &quot;15px&quot;, &quot;Your code should use a CSS offset to relatively position the &lt;code&gt;h2&lt;/code&gt; 15px towards the right. In other words, move it 15px away from the &lt;code&gt;left&lt;/code&gt; of where it normally sits.&quot;);&#39;</code> </pre></section><h2> Сезон испытания </h2><section id="challengeSeed"><div id="html-seed"><pre> <code class="language-html">&lt;head&gt; &lt;style&gt; h2 { position: relative; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;On Being Well-Positioned&lt;/h1&gt; &lt;h2&gt;Move me!&lt;/h2&gt; &lt;p&gt;I still think the h2 is where it normally sits.&lt;/p&gt; &lt;/body&gt;</code> </pre></div></section><h2> Решение </h2><section id="solution"><pre> <code class="language-js">// solution required</code> </pre></section></section>
+
+## Instructions
+<section id="instructions"> Используйте смещения CSS для перемещения <code>h2</code> 15 пикселей вправо и 10 пикселей вверх. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш код должен использовать смещение CSS для относительно позиционирования <code>h2</code> 10px вверх. Другими словами, переместите его на расстоянии 10 пикселей от <code>bottom</code> где он обычно сидит.'
+    testString: 'assert($("h2").css("bottom") == "10px", "Your code should use a CSS offset to relatively position the <code>h2</code> 10px upwards. In other words, move it 10px away from the <code>bottom</code> of where it normally sits.");'
+  - text: 'Ваш код должен использовать смещение CSS, чтобы относительно позиционировать <code>h2</code> 15px вправо. Другими словами, переместите его на 15 пикселей <code>left</code> от места, где он обычно сидит.'
+    testString: 'assert($("h2").css("left") == "15px", "Your code should use a CSS offset to relatively position the <code>h2</code> 15px towards the right. In other words, move it 15px away from the <code>left</code> of where it normally sits.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+<style>
+  h2 {
+    position: relative;
+
+
+  }
+</style>
+</head>
+<body>
+  <h1>On Being Well-Positioned</h1>
+  <h2>Move me!</h2>
+  <p>I still think the h2 is where it normally sits.</p>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/push-elements-left-or-right-with-the-float-property.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/push-elements-left-or-right-with-the-float-property.russian.md
new file mode 100644
index 0000000000..6da537857f
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/push-elements-left-or-right-with-the-float-property.russian.md
@@ -0,0 +1,79 @@
+---
+id: 587d78a3367417b2b2512ace
+title: Push Elements Left or Right with the float Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Нажатие элементов влево или вправо с помощью свойства float
+---
+
+## Description
+<section id="description"> Следующий инструмент позиционирования фактически не использует <code>position</code> , а устанавливает свойство <code>float</code> элемента. Плавающие элементы удаляются из нормального потока документа и перемещаются <code>left</code> или <code>right</code> от содержащего их родительского элемента. Он обычно используется с свойством <code>width</code> чтобы указать, сколько горизонтального пространства требуется для элемента с плавающей точкой. </section>
+
+## Instructions
+<section id="instructions"> Данная разметка будет хорошо работать в качестве макета из двух столбцов, с <code>section</code> и в <code>aside</code> элементов рядом друг с другом. Дайте элементу <code>#left</code> <code>float</code> <code>left</code> а элемент <code>#right</code> - <code>float</code> <code>right</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элемент с id <code>left</code> должен иметь значение <code>float</code> <code>left</code> .
+    testString: 'assert($("#left").css("float") == "left", "The element with id <code>left</code> should have a <code>float</code> value of <code>left</code>.");'
+  - text: Элемент с <code>right</code> id должен иметь значение <code>float</code> <code>right</code> .
+    testString: 'assert($("#right").css("float") == "right", "The element with id <code>right</code> should have a <code>float</code> value of <code>right</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<head>
+  <style>
+  #left {
+
+    width: 50%;
+  }
+  #right {
+
+    width: 40%;
+  }
+  aside, section {
+    padding: 2px;
+    background-color: #ccc;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Welcome!</h1>
+  </header>
+  <section id="left">
+    <h2>Content</h2>
+    <p>Good stuff</p>
+  </section>
+  <aside id="right">
+    <h2>Sidebar</h2>
+    <p>Links</p>
+  </aside>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.russian.md
new file mode 100644
index 0000000000..580c3cc51d
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.russian.md
@@ -0,0 +1,72 @@
+---
+id: 587d781c367417b2b2512ac2
+title: Set the font-size for Multiple Heading Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Установите размер шрифта для нескольких элементов заголовка
+---
+
+## Description
+<section id="description"> Свойство <code>font-size</code> используется для указания того, насколько большой текст в данном элементе. Это правило может использоваться для нескольких элементов для создания визуальной согласованности текста на странице. В этой задаче вы установите значения для всех тегов <code>h1</code> <code>h6</code> чтобы сбалансировать размеры заголовков. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("h1").css("font-size") == "68px", "Your code should set the <code>font-size</code> property for the <code>h1</code> tag to 68 pixels.");'
+  - text: ''
+    testString: 'assert($("h2").css("font-size") == "52px", "Your code should set the <code>font-size</code> property for the <code>h2</code> tag to 52 pixels.");'
+  - text: Ваш код должен установить свойство <code>font-size</code> для тега <code>h3</code> до 40 пикселей.
+    testString: 'assert($("h3").css("font-size") == "40px", "Your code should set the <code>font-size</code> property for the <code>h3</code> tag to 40 pixels.");'
+  - text: ''
+    testString: 'assert($("h4").css("font-size") == "32px", "Your code should set the <code>font-size</code> property for the <code>h4</code> tag to 32 pixels.");'
+  - text: ''
+    testString: 'assert($("h5").css("font-size") == "21px", "Your code should set the <code>font-size</code> property for the <code>h5</code> tag to 21 pixels.");'
+  - text: ''
+    testString: 'assert($("h6").css("font-size") == "14px", "Your code should set the <code>font-size</code> property for the <code>h6</code> tag to 14 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+
+
+
+
+
+</style>
+<h1>This is h1 text</h1>
+<h2>This is h2 text</h2>
+<h3>This is h3 text</h3>
+<h4>This is h4 text</h4>
+<h5>This is h5 text</h5>
+<h6>This is h6 text</h6>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/set-the-font-size-of-paragraph-text.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/set-the-font-size-of-paragraph-text.russian.md
new file mode 100644
index 0000000000..004394cf01
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/set-the-font-size-of-paragraph-text.russian.md
@@ -0,0 +1,56 @@
+---
+id: 587d781c367417b2b2512ac4
+title: Set the font-size of Paragraph Text
+challengeType: 0
+videoUrl: ''
+localeTitle: Установите размер шрифта текста абзаца
+---
+
+## Description
+<section id="description"> Свойство <code>font-size</code> в CSS не ограничивается заголовками, оно может применяться к любому элементу, содержащему текст. </section>
+
+## Instructions
+<section id="instructions"> Измените значение свойства <code>font-size</code> для абзаца на 16 пикселей, чтобы сделать его более видимым. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш тег <code>p</code> должен иметь <code>font-size</code> 16 пикселей.
+    testString: 'assert($("p").css("font-size") == "16px", "Your <code>p</code> tag should have a <code>font-size</code> of 16 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  p {
+    font-size: 10px;
+  }
+</style>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.russian.md
new file mode 100644
index 0000000000..8306283c4d
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.russian.md
@@ -0,0 +1,90 @@
+---
+id: 587d781c367417b2b2512ac3
+title: Set the font-weight for Multiple Heading Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Установите вес шрифта для нескольких элементов заголовка
+---
+
+## Description
+<section id="description"> Вы устанавливаете <code>font-size</code> для каждого заголовка в последнем вызове, здесь вы настраиваете <code>font-weight</code> . Свойство <code>font-weight</code> устанавливает, как толстые или тонкие символы находятся в разделе текста. </section>
+
+## Instructions
+<section id="instructions"><ul><li> Установите <code>font-weight</code> тега <code>h1</code> равным 800. </li><li> Установите <code>font-weight</code> тега <code>h2</code> равным 600. </li><li> Установите <code>font-weight</code> тега <code>h3</code> равным 500. </li><li> Установите <code>font-weight</code> тега <code>h4</code> равным 400. </li><li> Установите <code>font-weight</code> тега <code>h5</code> равным 300. </li><li> Установите <code>font-weight</code> тега <code>h6</code> равным 200. </li></ul></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен установить свойство <code>font-weight</code> для тега <code>h1</code> равным 800.
+    testString: 'assert($("h1").css("font-weight") == "800", "Your code should set the <code>font-weight</code> property for the <code>h1</code> tag to 800.");'
+  - text: Ваш код должен установить свойство <code>font-weight</code> для тега <code>h2</code> равным 600.
+    testString: 'assert($("h2").css("font-weight") == "600", "Your code should set the <code>font-weight</code> property for the <code>h2</code> tag to 600.");'
+  - text: Ваш код должен установить свойство <code>font-weight</code> для тега <code>h3</code> равным 500.
+    testString: 'assert($("h3").css("font-weight") == "500", "Your code should set the <code>font-weight</code> property for the <code>h3</code> tag to 500.");'
+  - text: Ваш код должен установить свойство <code>font-weight</code> для тега <code>h4</code> равным 400.
+    testString: 'assert($("h4").css("font-weight") == "400", "Your code should set the <code>font-weight</code> property for the <code>h4</code> tag to 400.");'
+  - text: Ваш код должен установить свойство <code>font-weight</code> для тега <code>h5</code> равным 300.
+    testString: 'assert($("h5").css("font-weight") == "300", "Your code should set the <code>font-weight</code> property for the <code>h5</code> tag to 300.");'
+  - text: Ваш код должен установить свойство <code>font-weight</code> для тега <code>h6</code> равным 200.
+    testString: 'assert($("h6").css("font-weight") == "200", "Your code should set the <code>font-weight</code> property for the <code>h6</code> tag to 200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h1 {
+    font-size: 68px;
+
+  }
+  h2 {
+    font-size: 52px;
+
+  }
+  h3 {
+    font-size: 40px;
+
+  }
+  h4 {
+    font-size: 32px;
+
+  }
+  h5 {
+    font-size: 21px;
+
+  }
+  h6 {
+    font-size: 14px;
+
+  }
+</style>
+<h1>This is h1 text</h1>
+<h2>This is h2 text</h2>
+<h3>This is h3 text</h3>
+<h4>This is h4 text</h4>
+<h5>This is h5 text</h5>
+<h6>This is h6 text</h6>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/set-the-line-height-of-paragraphs.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/set-the-line-height-of-paragraphs.russian.md
new file mode 100644
index 0000000000..0932ade4b5
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/set-the-line-height-of-paragraphs.russian.md
@@ -0,0 +1,57 @@
+---
+id: 587d781d367417b2b2512ac5
+title: Set the line-height of Paragraphs
+challengeType: 0
+videoUrl: ''
+localeTitle: Задайте высоту строки абзацев
+---
+
+## Description
+<section id="description"> CSS предлагает свойство <code>line-height</code> для изменения высоты каждой строки в блоке текста. Как следует из названия, он изменяет количество вертикального пространства, которое получает каждая строка текста. </section>
+
+## Instructions
+<section id="instructions"> Добавьте свойство <code>line-height</code> в тег <code>p</code> и установите его на 25 пикселей. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен установить <code>line-height</code> тега <code>p</code> до 25 пикселей.
+    testString: 'assert($("p").css("line-height") == "25px", "Your code should set the <code>line-height</code> of the <code>p</code> tag to 25 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  p {
+    font-size: 16px;
+
+  }
+</style>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.russian.md
new file mode 100644
index 0000000000..242971f56d
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.russian.md
@@ -0,0 +1,84 @@
+---
+id: 587d78a9367417b2b2512ae9
+title: Use a Bezier Curve to Move a Graphic
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте кривую Безье для перемещения графика
+---
+
+## Description
+<section id="description"> В предыдущем задании обсуждалось ключевое слово <code>ease-out</code> которое описывает изменение анимации, которое ускоряется сначала, а затем замедляется в конце анимации. Справа показана разница между ключевым словом <code>ease-out</code> (для синего элемента) и <code>linear</code> ключевым словом (для красного элемента). Подобные анимационные прогрессии к <code>ease-out</code> ключевому слову могут быть достигнуты с помощью пользовательской кубической функции кривой Безье. В общем случае изменение опорных точек <code>p1</code> и <code>p2</code> приводит к созданию различных кривых Безье, которые контролируют ход анимации во времени. Вот пример кривой Безье с использованием значений, имитирующих стиль непринужденности: <code>animation-timing-function: cubic-bezier(0, 0, 0.58, 1);</code> Помните, что все функции <code>cubic-bezier</code> начинаются с <code>p0</code> at (0, 0) и заканчиваются <code>p3</code> в (1, 1). В этом примере кривая движется быстрее по оси Y (начинается с 0, переходит в <code>p1</code> y значение 0, затем переходит в значение <code>p2</code> y 1), чем она перемещается по оси X (0 для начала, затем 0 для <code>p1</code> , до 0,58 для <code>p2</code> ). В результате изменение анимированного элемента происходит быстрее, чем время анимации для этого сегмента. К концу кривой соотношение между изменением значений x и y меняется на противоположное - значение y перемещается от 1 до 1 (без изменений), а значения x перемещаются от 0,58 до 1, что делает изменения анимации медленнее по сравнению с продолжительность анимации. </section>
+
+## Instructions
+<section id="instructions"> Чтобы увидеть эффект этой кривой Безье в действии, измените <code>animation-timing-function</code> элемента с id <code>red</code> на функцию <code>cubic-bezier</code> с значениями x1, y1, x2, y2, установленными соответственно 0, 0, 0.58, 1 Это заставит оба элемента продвигаться по анимации аналогичным образом. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Значение свойства <code>animation-timing-function</code> элемента с <code>red</code> id должно быть функцией <code>cubic-bezier</code> с значениями x1, y1, x2, y2, установленными соответственно 0, 0, 0,58, 1.'
+    testString: 'assert($("#red").css("animation-timing-function") == "cubic-bezier(0, 0, 0.58, 1)", "The value of the <code>animation-timing-function</code> property of the element with the id <code>red</code> should be a <code>cubic-bezier</code> function with x1, y1, x2, y2 values set respectively to 0, 0, 0.58, 1 .");'
+  - text: Элемент с <code>red</code> идентификатором должен больше не обладать свойством <code>animation-timing-function</code> линейным.
+    testString: 'assert($("#red").css("animation-timing-function") !== "linear", "The element with the id <code>red</code> should no longer have the <code>animation-timing-function</code> property of linear.");'
+  - text: Значение свойства <code>animation-timing-function</code> для элемента с <code>blue</code> не должно изменяться.
+    testString: 'assert($("#blue").css("animation-timing-function") == "ease-out", "The value of the <code>animation-timing-function</code> property for the element with the id <code>blue</code> should not change.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .balls{
+    border-radius: 50%;
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    margin-top: 50px;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #red {
+    background: red;
+    left: 27%;
+    animation-timing-function: linear;
+  }
+  #blue {
+    background: blue;
+    left: 56%;
+    animation-timing-function: ease-out;
+  }
+  @keyframes bounce {
+    0% {
+      top: 0px;
+    }
+    100% {
+      top: 249px;
+    }
+  }
+</style>
+<div class="balls" id= "red"></div>
+<div class="balls" id= "blue"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.russian.md
new file mode 100644
index 0000000000..bedc240774
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.russian.md
@@ -0,0 +1,77 @@
+---
+id: 587d78a5367417b2b2512ad7
+title: Use a CSS Linear Gradient to Create a Striped Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте линейный градиент CSS для создания полосатого элемента
+---
+
+## Description
+<section id="description"> Функция <code>repeating-linear-gradient()</code> очень похожа на <code>linear-gradient()</code> с большой разницей, что повторяет заданный шаблон градиента. <code>repeating-linear-gradient()</code> принимает множество значений, но для простоты вы будете работать с значениями угла и значениями остановки цвета в этой задаче. Значением угла является направление градиента. Остановки цвета - это значения ширины, которые указывают, где происходит переход, и даются с процентом или количеством пикселей. В примере, показанном в редакторе кода, градиент начинается с <code>yellow</code> цвета в 0 пикселей, который смешивается со вторым <code>blue</code> цветом в 40 пикселей от начала. Так как следующая остановка цвета также находится на 40 пикселях, градиент сразу же меняется на третий <code>green</code> цвет, который сам вписывается в четвертое значение цвета <code>red</code> которое составляет 80 пикселей от начала градиента. В этом примере это помогает думать о цветовых остановках как о парах, где смешиваются два разных цвета. <code>0px [yellow -- blend -- blue] 40px [green -- blend -- red] 80px</code> Если каждые два значения останова цвета имеют один и тот же цвет, смешение не заметно, потому что оно находится между одним и тем же цветом, за которым следует жесткий переход к следующему цвету, так что вы попадаете в полоску. </section>
+
+## Instructions
+<section id="instructions"> Сделайте полосы, изменив <code>repeating-linear-gradient()</code> чтобы использовать градиентный угол <code>45deg</code> , затем установите, чтобы первые два цвета остановились на <code>yellow</code> , и, наконец, второй цвет прекратился до <code>black</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Угол <code>repeating-linear-gradient()</code> должен быть 45deg.
+    testString: 'assert(code.match(/background:\s*?repeating-linear-gradient\(\s*?45deg/gi), "The angle of the <code>repeating-linear-gradient()</code> should be 45deg.");'
+  - text: Угол <code>repeating-linear-gradient()</code> должен превышать 90 градусов
+    testString: 'assert(!code.match(/90deg/gi), "The angle of the <code>repeating-linear-gradient()</code> should no longer be 90deg");'
+  - text: Остановка цвета в 0 пикселях должна быть <code>yellow</code> .
+    testString: 'assert(code.match(/yellow\s+?0(px)?/gi), "The color stop at 0 pixels should be <code>yellow</code>.");'
+  - text: Одна остановка цвета на 40 пикселей должна быть <code>yellow</code> .
+    testString: 'assert(code.match(/yellow\s+?40px/gi), "One color stop at 40 pixels should be <code>yellow</code>.");'
+  - text: Вторая остановка цвета на 40 пикселей должна быть <code>black</code> .
+    testString: 'assert(code.match(/yellow\s+?40px,\s*?black\s+?40px/gi), "The second color stop at 40 pixels should be <code>black</code>.");'
+  - text: Последняя остановка цвета на 80 пикселей должна быть <code>black</code> .
+    testString: 'assert(code.match(/black\s+?80px/gi), "The last color stop at 80 pixels should be <code>black</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+  div{
+    border-radius: 20px;
+    width: 70%;
+    height: 400px;
+    margin:  50 auto;
+    background: repeating-linear-gradient(
+      90deg,
+      yellow 0px,
+      blue 40px,
+      green 40px,
+      red 80px
+    );
+  }
+
+</style>
+
+<div></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-css-animation-to-change-the-hover-state-of-a-button.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-css-animation-to-change-the-hover-state-of-a-button.russian.md
new file mode 100644
index 0000000000..90e002f926
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-css-animation-to-change-the-hover-state-of-a-button.russian.md
@@ -0,0 +1,67 @@
+---
+id: 587d78a7367417b2b2512ae0
+title: Use CSS Animation to Change the Hover State of a Button
+challengeType: 0
+videoUrl: ''
+localeTitle: Использование анимации CSS для изменения состояния наведения кнопки
+---
+
+## Description
+<section id="description"> Вы можете использовать CSS <code>@keyframes</code> для изменения цвета кнопки в состоянии зависания. Ниже приведен пример изменения ширины изображения при наведении: <blockquote> &lt;Стиль&gt; <br> img: hover { <br> animation-name: width; <br> продолжительность анимации: 500 мс; <br> } <br><br> Ширина @keyframes { <br> 100% { <br> ширина: 40 пикселей; <br> } <br> } <br> &lt;/ Стиль&gt; <br><br> &lt;img src = &quot;https://bit.ly/smallgooglelogo&quot; alt = &quot;Логотип Google&quot; /&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Обратите внимание, что <code>ms</code> обозначает миллисекунды, где 1000 мс равно 1 с. Используйте CSS <code>@keyframes</code> чтобы изменить <code>background-color</code> элемента <code>button</code> чтобы он стал <code>#4791d0</code> когда пользователь <code>#4791d0</code> на него курсор. Правило <code>@keyframes</code> должно содержать только запись на <code>100%</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Правило @keyframes должно использовать фоновый цвет <code>animation-name</code> .
+    testString: 'assert(code.match(/@keyframes\s+?background-color\s*?{/g), "The @keyframes rule should use the <code>animation-name</code> background-color.");'
+  - text: 'В разделе <code>@keyframes</code> должно быть одно правило, которое изменяет <code>background-color</code> на <code>#4791d0</code> на 100%.'
+    testString: 'assert(code.match(/100%\s*?{\s*?background-color:\s*?#4791d0;\s*?}/gi), "There should be one rule under <code>@keyframes</code> that changes the <code>background-color</code> to <code>#4791d0</code> at 100%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  button {
+    border-radius: 5px;
+    color: white;
+    background-color: #0F5897;
+    padding: 5px 10px 8px 10px;
+  }
+
+  button:hover {
+    animation-name: background-color;
+    animation-duration: 500ms;
+  }
+
+
+</style>
+
+<button>Register</button>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewx-to-skew-an-element-along-the-x-axis.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewx-to-skew-an-element-along-the-x-axis.russian.md
new file mode 100644
index 0000000000..f3d7d904c0
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewx-to-skew-an-element-along-the-x-axis.russian.md
@@ -0,0 +1,65 @@
+---
+id: 587d78a6367417b2b2512adb
+title: Use the CSS Transform Property skewX to Skew an Element Along the X-Axis
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте свойство преобразования CSS Transform для искажения элемента по оси X
+---
+
+## Description
+<section id="description"> Следующей функцией свойства <code>transform</code> является <code>skewX()</code> , которая искажает выбранный элемент вдоль его оси X (горизонтальной) на заданную степень. Следующий код перекосит элемент абзаца на -32 градуса по оси X. <blockquote> п { <br> transform: skewX (-32deg); <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Перекосите элемент с <code>bottom</code> на 24 градуса по оси X, используя свойство <code>transform</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элемент с <code>bottom</code> id должен быть перекошен на 24 градуса по оси X.
+    testString: 'assert(code.match(/#bottom\s*?{\s*?.*?\s*?transform:\s*?skewX\(24deg\);/g), "The element with id <code>bottom</code> should be skewed by 24 degrees along its X-axis.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    width: 70%;
+    height: 100px;
+    margin:  50px auto;
+  }
+  #top {
+    background-color: red;
+  }
+  #bottom {
+    background-color: blue;
+
+  }
+</style>
+
+<div id="top"></div>
+<div id="bottom"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewy-to-skew-an-element-along-the-y-axis.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewy-to-skew-an-element-along-the-y-axis.russian.md
new file mode 100644
index 0000000000..0d8f0ed815
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewy-to-skew-an-element-along-the-y-axis.russian.md
@@ -0,0 +1,66 @@
+---
+id: 587d78a6367417b2b2512adc
+title: Use the CSS Transform Property skewY to Skew an Element Along the Y-Axis
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте свойство CSS Transform Property skewY для искажения элемента по оси Y
+---
+
+## Description
+<section id="description"> Учитывая, что <code>skewX()</code> выделенный элемент вдоль оси X на заданную степень, неудивительно, что <code>skewY()</code> элемент вдоль оси Y (по вертикали). </section>
+
+## Instructions
+<section id="instructions"> Перекосите элемент с идентификатором <code>top</code> -10 градусов по оси Y, используя свойство <code>transform</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элемент с <code>top</code> id должен быть перекошен на -10 градусов по оси Y.
+    testString: 'assert(code.match(/#top\s*?{\s*?.*?\s*?transform:\s*?skewY\(-10deg\);/g), "The element with id <code>top</code> should be skewed by -10 degrees along its Y-axis.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    width: 70%;
+    height: 100px;
+    margin: 50px auto;
+  }
+  #top {
+    background-color: red;
+
+  }
+  #bottom {
+    background-color: blue;
+    transform: skewX(24deg);
+  }
+</style>
+
+<div id="top"></div>
+<div id="bottom"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-change-the-size-of-an-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-change-the-size-of-an-element.russian.md
new file mode 100644
index 0000000000..e136577ebc
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-change-the-size-of-an-element.russian.md
@@ -0,0 +1,74 @@
+---
+id: 587d78a5367417b2b2512ad9
+title: Use the CSS Transform scale Property to Change the Size of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте свойство масштабирования CSS Transform для изменения размера элемента
+---
+
+## Description
+<section id="description"> Чтобы изменить масштаб элемента, CSS имеет свойство <code>transform</code> , а также функцию <code>scale()</code> . Следующий пример кода удваивает размер всех элементов абзаца на странице: <blockquote> п { <br> преобразования: масштаб (2); <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Увеличьте размер элемента с идентификатором <code>ball2</code> до его первоначального размера в 1,5 раза. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Установите свойство <code>transform</code> для <code>#ball2</code> чтобы увеличить его размер в 1,5 раза.'
+    testString: 'assert(code.match(/#ball2\s*?{\s*?left:\s*?65%;\s*?transform:\s*?scale\(1\.5\);\s*?}|#ball2\s*?{\s*?transform:\s*?scale\(1\.5\);\s*?left:\s*?65%;\s*?}/gi), "Set the <code>transform</code> property for <code>#ball2</code> to scale it 1.5 times its size.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .ball {
+    width: 40px;
+    height: 40px;
+    margin: 50 auto;
+    position: fixed;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    border-radius: 50%;
+  }
+  #ball1 {
+    left: 20%;
+  }
+  #ball2 {
+    left: 65%;
+
+  }
+
+
+</style>
+
+<div class="ball" id= "ball1"></div>
+<div class="ball" id= "ball2"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-scale-an-element-on-hover.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-scale-an-element-on-hover.russian.md
new file mode 100644
index 0000000000..b70bf75c07
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-scale-an-element-on-hover.russian.md
@@ -0,0 +1,65 @@
+---
+id: 587d78a5367417b2b2512ada
+title: Use the CSS Transform scale Property to Scale an Element on Hover
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте свойство масштабирования CSS Transform для масштабирования элемента при наведении
+---
+
+## Description
+<section id="description"> Свойство <code>transform</code> имеет множество функций, которые позволяют масштабировать, перемещать, вращать, перекосить и т. Д. Ваши элементы. При использовании с псевдоклассами, такими как <code>:hover</code> которые определяют определенное состояние элемента, свойство <code>transform</code> может легко добавлять интерактивность к вашим элементам. Ниже приведен пример масштабирования элементов абзаца в 2.1 раза по сравнению с их первоначальным размером, когда пользователь на них наводит: <blockquote> p: hover { <br> transform: масштаб (2.1); <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Добавьте правило CSS для состояния <code>hover</code> <code>div</code> и используйте свойство <code>transform</code> для масштабирования элемента <code>div</code> до 1,1 раз по сравнению с его первоначальным размером, когда пользователь на него наводится. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Размер элемента <code>div</code> должен масштабироваться в 1,1 раза, когда пользователь на него нависает.'
+    testString: 'assert(code.match(/div:hover\s*?{\s*?transform:\s*?scale\(1\.1\);/gi), "The size of the <code>div</code> element should scale 1.1 times when the user hovers over it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  div {
+    width: 70%;
+    height: 100px;
+    margin:  50px auto;
+    background: linear-gradient(
+      53deg,
+      #ccfffc,
+      #ffcccf
+    );
+  }
+
+
+
+</style>
+
+<div></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-em-tag-to-italicize-text.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-em-tag-to-italicize-text.russian.md
new file mode 100644
index 0000000000..873f3843b8
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-em-tag-to-italicize-text.russian.md
@@ -0,0 +1,88 @@
+---
+id: 587d781a367417b2b2512ab9
+title: Use the em Tag to Italicize Text
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте тег em для текста курсива
+---
+
+## Description
+<section id="description"> Чтобы подчеркнуть текст, вы можете использовать тег <code>em</code> . Это отображает текст как курсив, так как браузер применяет CSS стиля <code>font-style: italic;</code> к элементу. </section>
+
+## Instructions
+<section id="instructions"> Оберните тег <code>em</code> вокруг содержимого тега абзаца, чтобы подчеркнуть его. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен добавить тег <code>em</code> в разметку.
+    testString: 'assert($("em").length == 1, "Your code should add an <code>em</code> tag to the markup.");'
+  - text: Тег <code>em</code> должен обертывать содержимое тега <code>p</code> но не сам тег <code>p</code> .
+    testString: 'assert($("p").children().length == 1 && $("em").children().length == 2, "The <code>em</code> tag should wrap around the contents of the <code>p</code> tag but not the <code>p</code> tag itself.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text.russian.md
new file mode 100644
index 0000000000..4238cc72f8
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text.russian.md
@@ -0,0 +1,90 @@
+---
+id: 587d781b367417b2b2512aba
+title: Use the s Tag to Strikethrough Text
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте тег s для текста зачеркивания
+---
+
+## Description
+<section id="description"> Чтобы зачеркнуть текст, когда горизонтальная линия пересекает символы, вы можете использовать тег <code>s</code> . Он показывает, что часть текста больше не действительна. С помощью тега <code>s</code> браузер применяет CSS <code>text-decoration: line-through;</code> к элементу. </section>
+
+## Instructions
+<section id="instructions"> Оберните тег <code>s</code> вокруг «Google» внутри тега <code>h4</code> а затем добавьте слово «Алфавит» рядом с ним, в котором не должно быть форматирования зачеркивания. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен добавить к метке один тег <code>s</code> .
+    testString: 'assert($("s").length == 1, "Your code should add one <code>s</code> tag to the markup.");'
+  - text: Тег <code>s</code> должен обтекать текст Google в теге <code>h4</code> . Он не должен содержать слово «Алфавит».
+    testString: 'assert($("s").text().match(/Google/gi) && !$("s").text().match(/Alphabet/gi), "A <code>s</code> tag should wrap around the Google text in the <code>h4</code> tag. It should not contain the word Alphabet.");'
+  - text: 'Включите слово «Алфавит» в тег <code>h4</code> , без форматирования зачеркиванием.'
+    testString: 'assert($("h4").html().match(/Alphabet/gi), "Include the word Alphabet in the <code>h4</code> tag, without strikethrough formatting.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-strong-tag-to-make-text-bold.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-strong-tag-to-make-text-bold.russian.md
new file mode 100644
index 0000000000..72325aedab
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-strong-tag-to-make-text-bold.russian.md
@@ -0,0 +1,90 @@
+---
+id: 587d781a367417b2b2512ab7
+title: Use the strong Tag to Make Text Bold
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Используйте сильный тег, чтобы сделать текст полужирным'
+---
+
+## Description
+<section id="description"> Чтобы сделать текст полужирным, вы можете использовать <code>strong</code> тег. Это часто используется, чтобы привлечь внимание к тексту и символизировать, что это важно. С <code>strong</code> тегом браузер применяет CSS <code>font-weight: bold;</code> к элементу. </section>
+
+## Instructions
+<section id="instructions"> Оберните <code>strong</code> бирку вокруг «Стэнфордского университета» внутри тега <code>p</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен добавить один <code>strong</code> тег к разметке.
+    testString: 'assert($("strong").length == 1, "Your code should add one <code>strong</code> tag to the markup.");'
+  - text: <code>strong</code> тег должен находиться внутри тега <code>p</code> .
+    testString: 'assert($("p").children("strong").length == 1, "The <code>strong</code> tag should be inside the <code>p</code> tag.");'
+  - text: <code>strong</code> бирка должна охватывать слова «Стэнфордский университет».
+    testString: 'assert($("strong").text().match(/^Stanford University$/gi), "The <code>strong</code> tag should wrap around the words "Stanford University".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.russian.md
new file mode 100644
index 0000000000..d978f014aa
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.russian.md
@@ -0,0 +1,96 @@
+---
+id: 587d781c367417b2b2512ac0
+title: Use the text-transform Property to Make Text Uppercase
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте свойство text-transform для создания текста в верхнем регистре
+---
+
+## Description
+<section id="description"> Свойство <code>text-transform</code> в CSS используется для изменения внешнего вида текста. Это удобный способ убедиться, что текст на веб-странице отображается постоянно, без необходимости изменять текстовое содержимое фактических элементов HTML. В следующей таблице показано, как различные значения <code>text-transform</code> изменяют текст примера «Transform me». <table class="table table-striped"><thead><tr><th> Стоимость </th><th> результат </th></tr></thead><tbody><tr><td> <code>lowercase</code> </td> <td> &quot;трансформировать меня&quot; </td></tr><tr><td> <code>uppercase</code> </td> <td> &quot;TRANSFORM ME&quot; </td></tr><tr><td> <code>capitalize</code> </td> <td> «Трансформировать меня» </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></section>
+
+## Instructions
+<section id="instructions"> Преобразуйте текст <code>h4</code> в верхний регистр, используя свойство <code>text-transform</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Текст <code>h4</code> должен быть прописным.
+    testString: 'assert($("h4").css("text-transform") === "uppercase", "The <code>h4</code> text should be uppercase.");'
+  - text: Исходный текст h4 не должен изменяться.
+    testString: 'assert(($("h4").text() !== $("h4").text().toUpperCase()), "The original text of the h4 should not be changed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+    font-size: 27px;
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+    opacity: 0.7;
+  }
+  #thumbnail {
+    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard" id="thumbnail">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.russian.md
new file mode 100644
index 0000000000..f182760ef7
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.russian.md
@@ -0,0 +1,88 @@
+---
+id: 587d781a367417b2b2512ab8
+title: Use the u Tag to Underline Text
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте тег u для подчеркивания текста
+---
+
+## Description
+<section id="description"> Чтобы подчеркнуть текст, вы можете использовать тег <code>u</code> . Это часто используется для обозначения важности раздела текста или чего-то, что нужно запомнить. С тегом <code>u</code> браузер применяет CSS <code>text-decoration: underline;</code> к элементу. </section>
+
+## Instructions
+<section id="instructions"> Оберните тег <code>u</code> только вокруг текста «Ph.D. students». <strong>Заметка</strong> <br> Старайтесь избегать использования тега <code>u</code> когда его можно путать для ссылки. Якорные теги также имеют стандартное подчеркнутое форматирование. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен добавить тег <code>u</code> в разметку.
+    testString: 'assert($("u").length === 1, "Your code should add a <code>u</code> tag to the markup.");'
+  - text: Тег <code>u</code> должен обернуться вокруг текста «Ph.D. students».
+    testString: 'assert($("u").text() === "Ph.D. students", "The <code>u</code> tag should wrap around the text "Ph.D. students".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at <strong>Stanford University</strong>.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.russian.md
new file mode 100644
index 0000000000..60cec08d7a
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.russian.md
@@ -0,0 +1,86 @@
+---
+id: bad87fee1348bd9aedf08823
+title: Add a Negative Margin to an Element
+challengeType: 0
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/add-a-negative-margin-to-an-element'
+videoUrl: ''
+localeTitle: Добавить отрицательную маржу к элементу
+---
+
+## Description
+<section id="description"> Элемент по <code>margin</code> контролирует объем пространства между элементом в <code>border</code> и окружающих элементами. Если вы установите элемент <code>margin</code> отрицательного значение, то элемент будет расти больше. </section>
+
+## Instructions
+<section id="instructions"> Попытайтесь установить <code>margin</code> на отрицательное значение, подобное значению для красного квадрата. Измените <code>margin</code> синего <code>-15px</code> на <code>-15px</code> , чтобы он заполнил всю горизонтальную ширину желтой рамки вокруг него. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш класс <code>blue-box</code> должен давать элементы <code>-15px</code> от <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-top") === "-15px", "Your <code>blue-box</code> class should give elements <code>-15px</code> of <code>margin</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px;
+    margin: -15px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 20px;
+    margin: 20px;
+  }
+</style>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/add-borders-around-your-elements.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/add-borders-around-your-elements.russian.md
new file mode 100644
index 0000000000..a3aaa2d24e
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/add-borders-around-your-elements.russian.md
@@ -0,0 +1,108 @@
+---
+id: bad87fee1348bd9bedf08813
+title: Add Borders Around Your Elements
+challengeType: 0
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/add-borders-around-your-elements'
+videoUrl: ''
+localeTitle: Добавить границы вокруг ваших элементов
+---
+
+## Description
+<section id="description"> Границы CSS имеют такие свойства, как <code>style</code> , <code>color</code> и <code>width</code> Например, если бы мы хотели создать красную границу с 5 пикселями вокруг элемента HTML, мы могли бы использовать этот класс: <blockquote> &lt;Стиль&gt; <br> .thin-red-border { <br> border-color: red; <br> border-width: 5px; <br> border-style: solid; <br> } <br> &lt;/ Стиль&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Создайте класс под названием « <code>thick-green-border</code> . Этот класс должен добавить 10px, сплошную зеленую рамку вокруг элемента HTML. Примените класс к фотографии вашего кота. Помните, что вы можете применять несколько классов к элементу с помощью его атрибута <code>class</code> , разделив каждое имя класса на пробел. Например: <code>&lt;img class=&quot;class1 class2&quot;&gt;</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("img").hasClass("smaller-image"), "Your <code>img</code> element should have the class <code>smaller-image</code>.");'
+  - text: Ваш элемент <code>img</code> должен обладать классом <code>thick-green-border</code> .
+    testString: 'assert($("img").hasClass("thick-green-border"), "Your <code>img</code> element should have the class <code>thick-green-border</code>.");'
+  - text: Дайте вашему изображению ширину границы 10 <code>10px</code> .
+    testString: 'assert($("img").hasClass("thick-green-border") && parseInt($("img").css("border-top-width"), 10) >= 8 && parseInt($("img").css("border-top-width"), 10) <= 12, "Give your image a border width of <code>10px</code>.");'
+  - text: Дайте вашему изображению стиль границы <code>solid</code> .
+    testString: 'assert($("img").css("border-right-style") === "solid", "Give your image a border style of <code>solid</code>.");'
+  - text: Граница вокруг вашего элемента <code>img</code> должна быть зеленой.
+    testString: 'assert($("img").css("border-left-color") === "rgb(0, 128, 0)", "The border around your <code>img</code> element should be green.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.russian.md
new file mode 100644
index 0000000000..ea35f2e69f
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.russian.md
@@ -0,0 +1,92 @@
+---
+id: bad87fee1248bd9aedf08824
+title: Add Different Margins to Each Side of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Добавление разных полей в каждую сторону элемента
+---
+
+## Description
+<section id="description"> Иногда вам нужно настроить элемент таким образом, чтобы он имел разный <code>margin</code> на каждой из сторон. CSS позволяет вам контролировать <code>margin</code> всех четырех отдельных сторон элемента с параметрами <code>margin-top</code> , <code>margin-right</code> , <code>margin-bottom</code> и <code>margin-left</code> . </section>
+
+## Instructions
+<section id="instructions"> Дайте синей коробке <code>margin</code> <code>40px</code> на ее верхней и левой стороне, но только <code>20px</code> на нижней и правой стороне. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш <code>blue-box</code> класс должен дать верхнюю часть элементов <code>40px</code> из <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-top") === "40px", "Your <code>blue-box</code> class should give the top of elements <code>40px</code> of <code>margin</code>.");'
+  - text: Ваш класс <code>blue-box</code> должен предоставить право элементов <code>20px</code> <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-right") === "20px", "Your <code>blue-box</code> class should give the right of elements <code>20px</code> of <code>margin</code>.");'
+  - text: Ваш класс с <code>blue-box</code> должен дать нижнюю часть <code>20px</code> <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-bottom") === "20px", "Your <code>blue-box</code> class should give the bottom of elements <code>20px</code> of <code>margin</code>.");'
+  - text: Ваш класс с <code>blue-box</code> должен оставить слева от элементов <code>40px</code> <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-left") === "40px", "Your <code>blue-box</code> class should give the left of elements <code>40px</code> of <code>margin</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    margin-top: 40px;
+    margin-right: 20px;
+    margin-bottom: 20px;
+    margin-left: 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.russian.md
new file mode 100644
index 0000000000..fc54d0e391
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.russian.md
@@ -0,0 +1,93 @@
+---
+id: bad87fee1348bd9aedf08824
+title: Add Different Padding to Each Side of an Element
+challengeType: 0
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/add-different-padding-to-each-side-of-an-element'
+videoUrl: ''
+localeTitle: Добавление различной прокладки к каждой стороне элемента
+---
+
+## Description
+<section id="description"> Иногда вам нужно настроить элемент таким образом, чтобы на каждой его стороне было различное количество <code>padding</code> . CSS позволяет вам управлять <code>padding</code> всех четырех отдельных сторон элемента с помощью свойств <code>padding-top</code> , <code>padding-right</code> , <code>padding-bottom</code> и <code>padding-left</code> . </section>
+
+## Instructions
+<section id="instructions"> Дайте синей коробке <code>padding</code> <code>40px</code> на ее верхней и левой стороне, но только <code>20px</code> на ее нижней и правой стороне. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш <code>blue-box</code> класс должен дать верхнюю часть элементов <code>40px</code> из <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-top") === "40px", "Your <code>blue-box</code> class should give the top of the elements <code>40px</code> of <code>padding</code>.");'
+  - text: Ваш класс с <code>blue-box</code> должен давать право на элементы <code>20px</code> <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-right") === "20px", "Your <code>blue-box</code> class should give the right of the elements <code>20px</code> of <code>padding</code>.");'
+  - text: Ваш класс <code>blue-box</code> должен дать основание элементов <code>20px</code> <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-bottom") === "20px", "Your <code>blue-box</code> class should give the bottom of the elements <code>20px</code> of <code>padding</code>.");'
+  - text: Ваш <code>blue-box</code> класс должен дать слева от элементов <code>40px</code> из <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-left") === "40px", "Your <code>blue-box</code> class should give the left of the elements <code>40px</code> of <code>padding</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding-top: 40px;
+    padding-right: 20px;
+    padding-bottom: 20px;
+    padding-left: 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.russian.md
new file mode 100644
index 0000000000..4b55f8cc38
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.russian.md
@@ -0,0 +1,108 @@
+---
+id: bad87fee1348bd9aedf08814
+title: Add Rounded Corners with border-radius
+challengeType: 0
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/add-rounded-corners-a-border-radius'
+videoUrl: ''
+localeTitle: Добавить закругленные углы с граничным радиусом
+---
+
+## Description
+<section id="description"> Ваша фотография кошки в настоящее время имеет острые углы. Мы можем округлить эти углы с помощью CSS-свойства, называемого <code>border-radius</code> . </section>
+
+## Instructions
+<section id="instructions"> Вы можете указать <code>border-radius</code> с пикселями. Дайте вашей фотографии кошки <code>border-radius</code> <code>10px</code> . Примечание: эта задача позволяет использовать несколько возможных решений. Например, вы можете добавить <code>border-radius</code> для <code>.thick-green-border</code> или класса <code>.smaller-image</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элемент изображения должен иметь класс «толсто-зеленая граница».
+    testString: 'assert($("img").hasClass("thick-green-border"), "Your image element should have the class "thick-green-border".");'
+  - text: Ваше изображение должно иметь радиус границы <code>10px</code>
+    testString: 'assert(parseInt($("img").css("border-top-left-radius")) > 8, "Your image should have a border radius of <code>10px</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.russian.md
new file mode 100644
index 0000000000..99956a7b84
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.russian.md
@@ -0,0 +1,87 @@
+---
+id: bad87fee1348bd9aedf08822
+title: Adjust the Margin of an Element
+challengeType: 0
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/adjust-the-margin-of-an-element'
+videoUrl: ''
+localeTitle: Отрегулируйте маржу элемента
+---
+
+## Description
+<section id="description"> Элемент по <code>margin</code> контролирует объем пространства между элементом в <code>border</code> и окружающих элементами. Здесь мы видим, что синий ящик и красный ящик вложены в желтый квадрат. Обратите внимание, что красный ящик имеет больший <code>margin</code> чем синий квадрат, что делает его меньше. Когда вы увеличите <code>margin</code> синего <code>margin</code> , это увеличит расстояние между его границей и окружающими элементами. </section>
+
+## Instructions
+<section id="instructions"> Измените <code>margin</code> синего квадрата так, чтобы он был красным. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш класс с <code>blue-box</code> должен давать элементы <code>20px</code> <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-top") === "20px", "Your <code>blue-box</code> class should give elements <code>20px</code> of <code>margin</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px;
+    margin: 20px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 20px;
+    margin: 10px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.russian.md
new file mode 100644
index 0000000000..0b584e021c
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.russian.md
@@ -0,0 +1,85 @@
+---
+id: bad88fee1348bd9aedf08825
+title: Adjust the Padding of an Element
+challengeType: 0
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/adjust-the-padding-of-an-element'
+videoUrl: ''
+localeTitle: Отрегулируйте прокладку элемента
+---
+
+## Description
+<section id="description"> Теперь давайте немного отложим наше приложение для фотоаппарата Cat, и узнаем больше о стилизации HTML. Возможно, вы это уже заметили, но все элементы HTML по существу представляют собой небольшие прямоугольники. Три важных свойства управляют пространством, которое окружает каждый элемент HTML: <code>padding</code> , <code>margin</code> и <code>border</code> . Элемент в <code>padding</code> контролирует объем пространства между содержимым элемента и его <code>border</code> . Здесь мы видим, что синий ящик и красный ящик вложены в желтый квадрат. Обратите внимание, что красное поле имеет больше <code>padding</code> чем синий. При увеличении синей коробке в <code>padding</code> , это увеличит расстояние ( <code>padding</code> ) между текстом и границей вокруг него. </section>
+
+## Instructions
+<section id="instructions"> Измените <code>padding</code> синего квадрата в соответствии с вашим красным полем. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш класс <code>blue-box</code> должен давать элементы <code>20px</code> <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-top") === "20px", "Your <code>blue-box</code> class should give elements <code>20px</code> of <code>padding</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 10px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.russian.md
new file mode 100644
index 0000000000..7c995f96cd
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.russian.md
@@ -0,0 +1,254 @@
+---
+id: 5a9d7286424fe3d0e10cad13
+title: Attach a Fallback value to a CSS Variable
+challengeType: 0
+videoUrl: ''
+localeTitle: Прикрепите значение возврата к переменной CSS
+---
+
+## Description
+<section id="description"> При использовании переменной в качестве значения свойства CSS вы можете добавить резервное значение, которое ваш браузер вернет, если данная переменная недействительна. <strong>Примечание.</strong> Этот резерв не используется для повышения совместимости браузера, и он не будет работать в браузерах IE. Скорее, он используется, чтобы браузер отображал цвет, если он не может найти вашу переменную. Вот как вы это делаете: <blockquote> фон: var (- пингвин-кожа, черный); </blockquote> Это установит фон в черный, если ваша переменная не была установлена. Обратите внимание, что это может быть полезно для отладки. </section>
+
+## Instructions
+<section id="instructions"> Похоже, что существует проблема с переменными, <code>.penguin-top</code> в <code>.penguin-top</code> и <code>.penguin-bottom</code> . Вместо того, чтобы исправить опечатку, добавьте запасное значение <code>black</code> в свойство <code>background</code> <code>.penguin-top</code> и <code>.penguin-bottom</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Примените запасное значение <code>black</code> к свойству <code>background</code> класса <code>penguin-top</code> .
+    testString: '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), "Apply the fallback value of <code>black</code> to the <code>background</code> property of the <code>penguin-top</code> class.");'
+  - text: Примените запасное значение <code>black</code> к свойству <code>background</code> класса <code>penguin-bottom</code> .
+    testString: 'assert(code.match(/.penguin-bottom\s*?{[\s\S]*background\s*?:\s*?var\(\s*?--pengiun-skin\s*?,\s*?black\s*?\)\s*?;[\s\S]*}/gi), "Apply the fallback value of <code>black</code> to the <code>background</code> property of the <code>penguin-bottom</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .penguin {
+    --penguin-skin: black;
+    --penguin-belly: gray;
+    --penguin-beak: yellow;
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+
+    /* change code below */
+    background: var(--pengiun-skin);
+    /* change code above */
+
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+
+    /* change code below */
+    background: var(--pengiun-skin);
+    /* change code above */
+
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, black);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, black);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/cascading-css-variables.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/cascading-css-variables.russian.md
new file mode 100644
index 0000000000..643e5b67bf
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/cascading-css-variables.russian.md
@@ -0,0 +1,250 @@
+---
+id: 5a9d7295424fe3d0e10cad14
+title: Cascading CSS variables
+challengeType: 0
+videoUrl: ''
+localeTitle: Каскадные переменные CSS
+---
+
+## Description
+<section id="description"> Когда вы создаете переменную, она становится доступной для использования внутри элемента, в котором вы его создаете. Он также становится доступным внутри любых элементов, вложенных в него. Этот эффект известен как <dfn>каскадный</dfn> . Из-за каскадирования переменные CSS часто определяются в <dfn>корневом</dfn> элементе. <code>:root</code> - это селектор <dfn>псевдокласса</dfn> , который соответствует корневому элементу документа, обычно <code></code> элемент. Создав переменные в <code>:root</code> , они будут доступны по всему миру и могут быть доступны из любого другого селектора позже в таблице стилей. </section>
+
+## Instructions
+<section id="instructions"> Определите переменную с именем <code>--penguin-belly</code> в селекторе <code>:root</code> и придайте ей значение <code>pink</code> . Затем вы можете увидеть, как значение будет каскадно вниз, чтобы изменить значение на розовый, где бы ни была эта переменная. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'объявите переменную <code>--penguin-belly</code> в <code>:root</code> и назначьте ее <code>pink</code> .'
+    testString: 'assert(code.match(/:root\s*?{[\s\S]*--penguin-belly\s*?:\s*?pink\s*?;[\s\S]*}/gi), "declare the <code>--penguin-belly</code> variable in the <code>:root</code> and assign it to <code>pink</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  :root {
+
+    /* add code below */
+
+    /* add code above */
+  }
+
+  body {
+    background: var(--penguin-belly, #c6faf1);
+  }
+
+  .penguin {
+    --penguin-skin: gray;
+    --penguin-beak: orange;
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.russian.md
new file mode 100644
index 0000000000..281b1bff10
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.russian.md
@@ -0,0 +1,252 @@
+---
+id: 5a9d72a1424fe3d0e10cad15
+title: Change a variable for a specific area
+challengeType: 0
+videoUrl: ''
+localeTitle: Изменение переменной для определенной области
+---
+
+## Description
+<section id="description"> Когда вы создаете переменные в <code>:root</code> они задают значение этой переменной для всей страницы. Вы можете переписать эти переменные, установив их снова в пределах определенного элемента. </section>
+
+## Instructions
+<section id="instructions"> Измените значение <code>--penguin-belly</code> на <code>white</code> в классе <code>penguin</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Класс <code>penguin</code> должен переназначить переменную <code>--penguin-belly</code> на <code>white</code> .
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-belly\s*?:\s*?white\s*?;[\s\S]*}/gi), "The <code>penguin</code> class should reassign the <code>--penguin-belly</code> variable to <code>white</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  :root {
+    --penguin-skin: gray;
+    --penguin-belly: pink;
+    --penguin-beak: orange;
+  }
+
+  body {
+    background: var(--penguin-belly, #c6faf1);
+  }
+
+  .penguin {
+
+    /* add code below */
+
+    /* add code above */
+
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, pink);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, pink);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, pink);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/change-the-color-of-text.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/change-the-color-of-text.russian.md
new file mode 100644
index 0000000000..d30d8b02c7
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/change-the-color-of-text.russian.md
@@ -0,0 +1,81 @@
+---
+id: bad87fee1348bd9aedf08803
+title: Change the Color of Text
+challengeType: 0
+videoUrl: ''
+localeTitle: Изменение цвета текста
+---
+
+## Description
+<section id="description"> Теперь давайте изменим цвет некоторых наших текстов. Мы можем сделать это, изменив <code>style</code> вашего элемента <code>h2</code> . Свойство, отвечающее за цвет текста элемента, является свойством стиля <code>color</code> . Вот как вы можете задать цвет текста вашего элемента <code>h2</code> синим: <code>&lt;h2 style=&quot;color: blue;&quot;&gt;CatPhotoApp&lt;/h2&gt;</code> Обратите внимание, что хорошей практикой является прекращение объявлений в <code>style</code> inline с помощью <code>;</code> , </section>
+
+## Instructions
+<section id="instructions"> Измените свой стиль элемента <code>h2</code> так, чтобы его цвет текста был красным. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш элемент <code>h2</code> должен быть красным.
+    testString: 'assert($("h2").css("color") === "rgb(255, 0, 0)", "Your <code>h2</code> element should be red.");'
+  - text: 'Ваше объявление <code>style</code> должно заканчиваться на <code>;</code> ,'
+    testString: 'assert(code.match(/<h2\s+style\s*=\s*(\"|")\s*color\s*:\s*(?:rgb\(\s*255\s*,\s*0\s*,\s*0\s*\)|rgb\(\s*100%\s*,\s*0%\s*,\s*0%\s*\)|red|#ff0000|#f00|hsl\(\s*0\s*,\s*100%\s*,\s*50%\s*\))\s*\;(\"|")>\s*CatPhotoApp\s*<\/h2>/)," Your <code>style</code> declaration should end with a <code>;</code> .");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.russian.md
new file mode 100644
index 0000000000..4bc6f5940d
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.russian.md
@@ -0,0 +1,85 @@
+---
+id: bad87fee1348bd9aedf08806
+title: Change the Font Size of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Изменение размера шрифта элемента
+---
+
+## Description
+<section id="description"> Размер шрифта контролируется свойством CSS <code>font-size</code> , например: <blockquote> h1 { <br> размер шрифта: 30 пикселей; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Внутри же <code>&lt;style&gt;</code> тег , который содержит ваш <code>red-text</code> класса, создать запись для <code>p</code> элементов и установить <code>font-size</code> 16 пикселей ( <code>16px</code> ). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Между тегами <code>style</code> дайте <code>p</code> элементам <code>font-size</code> <code>16px</code> . Увеличение браузера и текста должно составлять 100%.
+    testString: 'assert(code.match(/p\s*{\s*font-size\s*:\s*16\s*px\s*;\s*}/i), "Between the <code>style</code> tags, give the <code>p</code> elements <code>font-size</code> of <code>16px</code>. Browser and Text zoom should be at 100%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/create-a-custom-css-variable.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/create-a-custom-css-variable.russian.md
new file mode 100644
index 0000000000..b02584c20d
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/create-a-custom-css-variable.russian.md
@@ -0,0 +1,245 @@
+---
+id: 5a9d726c424fe3d0e10cad11
+title: Create a custom CSS Variable
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание пользовательской переменной CSS
+---
+
+## Description
+<section id="description"> Чтобы создать переменную CSS, вам просто нужно дать ей <code>name</code> с <code>two dashes</code> перед ним и присвоить ему <code>value</code> подобное этому: <blockquote> - пингвин-кожа: серый; </blockquote> Это создаст переменную с именем <code>--penguin-skin</code> и присвоит ей значение <code>gray</code> . Теперь вы можете использовать эту переменную в другом месте вашего CSS, чтобы изменить значение других элементов на серый. </section>
+
+## Instructions
+<section id="instructions"> В классе <code>penguin</code> создайте переменное имя <code>--penguin-skin</code> и придайте ему значение <code>gray</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: класс <code>penguin</code> должен объявить переменную <code>--penguin-skin</code> и назначить ее <code>gray</code> .
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-skin\s*?:\s*?gray\s*?;[\s\S]*}/gi), "<code>penguin</code> class should declare the <code>--penguin-skin</code> variable and assign it to <code>gray</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .penguin {
+
+    /* add code below */
+
+    /* add code above */
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: black;
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: black;
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: black;
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: black;
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: white;
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: orange;
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: orange;
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.russian.md
new file mode 100644
index 0000000000..805a76baad
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.russian.md
@@ -0,0 +1,110 @@
+---
+id: bad87fed1348bd9aede07836
+title: Give a Background Color to a div Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Дайте цвет фона элементу div
+---
+
+## Description
+<section id="description"> Вы можете установить цвет фона элемента с свойством <code>background-color</code> . Например, если вы хотите, чтобы цвет фона элемента был <code>green</code> , вы должны поместить его в свой элемент <code>style</code> : <blockquote> .green-background { <br> фон-цвет: зеленый; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Создайте класс под названием <code>silver-background</code> с <code>background-color</code> серебра. Назначьте этот класс вашему элементу <code>div</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Дайте вашему элементу <code>div</code> класс <code>silver-background</code> .
+    testString: 'assert($("div").hasClass("silver-background"), "Give your <code>div</code> element the class <code>silver-background</code>.");'
+  - text: Ваш элемент <code>div</code> должен иметь серебряный фон.
+    testString: 'assert($("div").css("background-color") === "rgb(192, 192, 192)", "Your <code>div</code> element should have a silver background.");'
+  - text: Определите класс с именем <code>silver-background</code> в элементе <code>style</code> и присвойте значение <code>silver</code> свойству <code>background-color</code> .
+    testString: 'assert(code.match(/\.silver-background\s*{\s*background-color:\s*silver;\s*}/), "Define a class named <code>silver-background</code> within the <code>style</code> element and assign the value of <code>silver</code> to the <code>background-color</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/import-a-google-font.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/import-a-google-font.russian.md
new file mode 100644
index 0000000000..a3452fcd36
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/import-a-google-font.russian.md
@@ -0,0 +1,96 @@
+---
+id: bad87fee1348bd9aedf08807
+title: Import a Google Font
+challengeType: 0
+videoUrl: ''
+localeTitle: Импорт шрифта Google
+---
+
+## Description
+<section id="description"> В дополнение к указанию общих шрифтов, которые можно найти в большинстве операционных систем, мы также можем указать нестандартные пользовательские веб-шрифты для использования на нашем веб-сайте. В Интернете есть различные источники веб-шрифтов, но в этом примере мы сосредоточимся на библиотеке Google Fonts. <a href="https://fonts.google.com/" target="_blank">Google Fonts</a> - бесплатная библиотека веб-шрифтов, которую вы можете использовать в своем CSS, ссылаясь на URL-адрес шрифта. Итак, давайте продолжим импорт и применение шрифта Google (обратите внимание, что если Google заблокирован в вашей стране, вам нужно будет пропустить этот вызов). Чтобы импортировать шрифт Google, вы можете скопировать шрифт (ы) из библиотеки Google Fonts и затем вставить его в свой HTML. Для этой задачи мы импортируем шрифт <code>Lobster</code> . Чтобы сделать это, скопируйте следующий фрагмент кода и вставьте его в верхнюю часть редактора кода (перед элементом <code>style</code> открытия): <code>&lt;link href=&quot;https://fonts.googleapis.com/css?family=Lobster&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;</code> Теперь вы можете использовать шрифт <code>Lobster</code> в своем CSS, используя <code>Lobster</code> как FAMILY_NAME, как в следующем примере: <br> <code>font-family: FAMILY_NAME, GENERIC_NAME;</code> , GENERIC_NAME является необязательным и является резервным шрифтом, если другой указанный шрифт недоступен. Это рассматривается в следующей задаче. Фамилии имен чувствительны к регистру и должны быть завернуты в кавычки, если в названии есть пробел. Например, вам нужны кавычки, чтобы использовать шрифт <code>&quot;Open Sans&quot;</code> , но не использовать шрифт <code>Lobster</code> . </section>
+
+## Instructions
+<section id="instructions"> Создайте правило CSS <code>font-family</code> шрифтов, которое использует шрифт <code>Lobster</code> , и убедитесь, что оно будет применено к вашему элементу <code>h2</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Импортируйте шрифт <code>Lobster</code> .
+    testString: 'assert(new RegExp("googleapis", "gi").test(code), "Import the <code>Lobster</code> font.");'
+  - text: Ваш элемент <code>h2</code> должен использовать шрифт <code>Lobster</code> .
+    testString: 'assert($("h2").css("font-family").match(/lobster/i), "Your <code>h2</code> element should use the font <code>Lobster</code>.");'
+  - text: С помощью селектора <code>h2</code> CSS измените шрифт.
+    testString: 'assert(/\s*h2\s*\{\s*font-family\:\s*(\"|")?Lobster(\"|")?\s*;\s*\}/gi.test(code), "Use an <code>h2</code> CSS selector to change the font.");'
+  - text: Ваш элемент <code>p</code> все равно должен использовать шрифт <code>monospace</code> .
+    testString: 'assert($("p").css("font-family").match(/monospace/i), "Your <code>p</code> element should still use the font <code>monospace</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.russian.md
new file mode 100644
index 0000000000..4232c5fd3e
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.russian.md
@@ -0,0 +1,60 @@
+---
+id: 5b7d72c338cd7e35b63f3e14
+title: Improve Compatibility with Browser Fallbacks
+challengeType: 0
+videoUrl: ''
+localeTitle: Улучшение совместимости с отказами браузера
+---
+
+## Description
+<section id="description"> При работе с CSS вы, вероятно, столкнетесь с проблемами совместимости браузеров в какой-то момент. Вот почему важно обеспечить резервные копии браузера, чтобы избежать потенциальных проблем. Когда ваш браузер анализирует CSS веб-страницы, он игнорирует любые свойства, которые он не распознает или не поддерживает. Например, если вы используете переменную CSS для назначения цвета фона на сайте, Internet Explorer игнорирует цвет фона, поскольку он не поддерживает переменные CSS. В этом случае браузер будет использовать любое значение, которое он имеет для этого свойства. Если он не может найти какое-либо другое значение, установленное для этого свойства, оно вернется к значению по умолчанию, которое обычно не является идеальным. Это означает, что если вы хотите предоставить резервную копию браузера, это так же просто, как предоставить еще одно широко поддерживаемое значение непосредственно перед вашей декларацией. Таким образом, у более старого браузера есть что-то, на что можно положиться, в то время как более новый браузер будет просто интерпретировать любое объявление, которое позднее появится в каскаде. </section>
+
+## Instructions
+<section id="instructions"> Похоже, что переменная используется для установки цвета фона класса <code>.red-box</code> . Давайте улучшим совместимость с браузером, добавив еще одно <code>background</code> объявление прямо перед существующим объявлением и установив его значение в красный цвет. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>.red-box</code> должно включать <code>.red-box</code> с <code>background</code> установленным на красный, непосредственно перед существующей декларацией <code>background</code> .'
+    testString: 'assert(code.match(/.red-box\s*{[^}]*background:\s*(red|#ff0000|#f00|rgb\(\s*255\s*,\s*0\s*,\s*0\s*\)|rgb\(\s*100%\s*,\s*0%\s*,\s*0%\s*\)|hsl\(\s*0\s*,\s*100%\s*,\s*50%\s*\))\s*;\s*background:\s*var\(\s*--red-color\s*\);/gi), "Your <code>.red-box</code> rule should include a fallback with the <code>background</code> set to red immediately before the existing <code>background</code> declaration.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  :root {
+    --red-color: red;
+  }
+  .red-box {
+
+    background: var(--red-color);
+    height: 200px;
+    width:200px;
+  }
+</style>
+<div class="red-box"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.russian.md
new file mode 100644
index 0000000000..2c5b23c88e
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.russian.md
@@ -0,0 +1,66 @@
+---
+id: bad87fee1348bd9aedf08746
+title: Inherit Styles from the Body Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Наследовать стили из элемента тела
+---
+
+## Description
+<section id="description"> Теперь мы доказали, что каждая HTML-страница имеет элемент <code>body</code> , а ее элемент <code>body</code> также может быть с CSS. Помните, вы можете стилизовать свой элемент <code>body</code> же, как любой другой элемент HTML, и все ваши другие элементы наследуют стили вашего <code>body</code> . </section>
+
+## Instructions
+<section id="instructions"> Во-первых, создайте элемент <code>h1</code> с текстом <code>Hello World</code> Затем дадим все элементы на вашей странице цвета <code>green</code> , добавив <code>color: green;</code> к объявлению стиля вашего <code>body</code> . Наконец, придайте вашему <code>body</code> элемент семейства шрифтов <code>monospace</code> , добавив <code>font-family: monospace;</code> к объявлению стиля вашего <code>body</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Создайте элемент <code>h1</code> .
+    testString: 'assert(($("h1").length > 0), "Create an <code>h1</code> element.");'
+  - text: Ваш элемент <code>h1</code> должен иметь текст <code>Hello World</code> .
+    testString: 'assert(($("h1").length > 0 && $("h1").text().match(/hello world/i)), "Your <code>h1</code> element should have the text <code>Hello World</code>.");'
+  - text: 'Убедитесь, что ваш элемент <code>h1</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/h1>/g) && code.match(/<h1/g) && code.match(/<\/h1>/g).length === code.match(/<h1/g).length, "Make sure your <code>h1</code> element has a closing tag.");'
+  - text: Дайте элементу своего <code>body</code> свойство <code>color</code> <code>green</code> .
+    testString: 'assert(($("body").css("color") === "rgb(0, 128, 0)"), "Give your <code>body</code> element the <code>color</code> property of <code>green</code>.");'
+  - text: Дайте вашему элементу <code>body</code> свойство <code>font-family</code> <code>monospace</code> .
+    testString: 'assert(($("body").css("font-family").match(/monospace/i)), "Give your <code>body</code> element the <code>font-family</code> property of <code>monospace</code>.");'
+  - text: Ваш элемент <code>h1</code> должен наследовать шрифт <code>monospace</code> от вашего элемента <code>body</code> .
+    testString: 'assert(($("h1").length > 0 && $("h1").css("font-family").match(/monospace/i)), "Your <code>h1</code> element should inherit the font <code>monospace</code> from your <code>body</code> element.");'
+  - text: Ваш элемент <code>h1</code> должен наследовать зеленый цвет от вашего элемента <code>body</code> .
+    testString: 'assert(($("h1").length > 0 && $("h1").css("color") === "rgb(0, 128, 0)"), "Your <code>h1</code> element should inherit the color green from your <code>body</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+  }
+
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.russian.md
new file mode 100644
index 0000000000..571ac001d9
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.russian.md
@@ -0,0 +1,108 @@
+---
+id: bad87fee1348bd9aedf08815
+title: Make Circular Images with a border-radius
+challengeType: 0
+videoUrl: ''
+localeTitle: Сделать круговые изображения с радиусом границы
+---
+
+## Description
+<section id="description"> В дополнение к пикселям вы также можете указать <code>border-radius</code> используя процент. </section>
+
+## Instructions
+<section id="instructions"> Дайте вашей фотографии кошки <code>border-radius</code> <code>50%</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваше изображение должно иметь радиус границы <code>50%</code> , что делает его идеально круговым.'
+    testString: 'assert(parseInt($("img").css("border-top-left-radius")) > 48, "Your image should have a border radius of <code>50%</code>, making it perfectly circular.");'
+  - text: Обязательно используйте процентное значение <code>50%</code> .
+    testString: 'assert(code.match(/50%/g), "Be sure to use a percentage value of <code>50%</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 10px;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.russian.md
new file mode 100644
index 0000000000..86772d7652
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.russian.md
@@ -0,0 +1,75 @@
+---
+id: bad87fee1348bd9aedf07756
+title: Override All Other Styles by using Important
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Переопределите все остальные стили, используя важные'
+---
+
+## Description
+<section id="description"> Ура! Мы просто доказали, что встроенные стили переопределяют все объявления CSS в вашем элементе <code>style</code> . Но ждать. Есть один последний способ переопределить CSS. Это самый мощный метод для всех. Но прежде чем мы это сделаем, давайте поговорим о том, почему вы хотели бы переопределить CSS. Во многих ситуациях вы будете использовать библиотеки CSS. Они могут случайно переопределить ваш собственный CSS. Поэтому, когда вам абсолютно необходимо убедиться, что элемент имеет определенный CSS, вы можете использовать <code>!important</code> Давайте вернемся к нашему объявлению класса <code>pink-text</code> . Помните, что наш класс <code>pink-text</code> был переопределен последующими объявлениями классов, декларациями id и встроенными стилями. </section>
+
+## Instructions
+<section id="instructions"> Давайте добавим ключевое слово <code>!important</code> для вашего объявления цвета вашего розового текста, чтобы 100% убедиться, что ваш элемент <code>h1</code> будет розовым. Пример того, как это сделать: <code>color: red !important;</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш элемент <code>h1</code> должен иметь класс <code>pink-text</code> .
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: Ваш элемент <code>h1</code> должен иметь <code>blue-text</code> .
+    testString: 'assert($("h1").hasClass("blue-text"), "Your <code>h1</code> element should have the class <code>blue-text</code>.");'
+  - text: Ваш элемент <code>h1</code> должен иметь идентификатор <code>orange-text</code> .
+    testString: 'assert($("h1").attr("id") === "orange-text", "Your <code>h1</code> element should have the id of <code>orange-text</code>.");'
+  - text: 'Ваш элемент <code>h1</code> должен иметь встроенный стиль <code>color: white</code> .'
+    testString: 'assert(code.match(/<h1.*style/gi) && code.match(/<h1.*style.*color\s*?:/gi), "Your <code>h1</code> element should have the inline style of <code>color&#58; white</code>.");'
+  - text: 'В объявлении класса <code>pink-text</code> должно быть ключевое слово <code>!important</code> Important, чтобы переопределить все другие объявления.'
+    testString: 'assert(code.match(/\.pink-text\s*?\{[\s\S]*?color:.*pink.*!important\s*;?[^\.]*\}/g), "Your <code>pink-text</code> class declaration should have the <code>!important</code> keyword to override all other declarations.");'
+  - text: Ваш элемент <code>h1</code> должен быть розовым.
+    testString: 'assert($("h1").css("color") === "rgb(255, 192, 203)", "Your <code>h1</code> element should be pink.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  #orange-text {
+    color: orange;
+  }
+  .pink-text {
+    color: pink;
+  }
+  .blue-text {
+    color: blue;
+  }
+</style>
+<h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.russian.md
new file mode 100644
index 0000000000..c8487d6d46
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.russian.md
@@ -0,0 +1,74 @@
+---
+id: bad87fee1348bd8aedf06756
+title: Override Class Declarations by Styling ID Attributes
+challengeType: 0
+videoUrl: ''
+localeTitle: Переопределить объявления классов с помощью атрибутов идентификатора стилизации
+---
+
+## Description
+<section id="description"> Мы просто доказали, что браузеры читают CSS сверху вниз. Это означает, что в случае конфликта браузер будет использовать любую декларацию CSS. Но мы еще не закончили. Существуют и другие способы переопределения CSS. Вы помните атрибуты id? Давайте переопределим ваши классы с <code>pink-text</code> и <code>blue-text</code> и сделаем ваш элемент <code>h1</code> оранжевым, предоставив элементу <code>h1</code> идентификатор, а затем стиль этого идентификатора. </section>
+
+## Instructions
+<section id="instructions"> Дайте элементу <code>h1</code> атрибут <code>id</code> <code>orange-text</code> . Помните, что стили id выглядят следующим образом: <code>&lt;h1 id=&quot;orange-text&quot;&gt;</code> Оставьте классы <code>blue-text</code> и <code>pink-text</code> на вашем элементе <code>h1</code> . Создайте объявление CSS для вашего <code>orange-text</code> в элементе <code>style</code> . Вот пример того, как это выглядит: <blockquote> # brown-text { <br> коричневый цвет; <br> } </blockquote> Примечание. Неважно, объявляете ли вы этот CSS выше или ниже класса розового текста, поскольку атрибут id всегда будет иметь приоритет. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш элемент <code>h1</code> должен иметь класс <code>pink-text</code> .
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: Ваш элемент <code>h1</code> должен иметь <code>blue-text</code> .
+    testString: 'assert($("h1").hasClass("blue-text"), "Your <code>h1</code> element should have the class <code>blue-text</code>.");'
+  - text: Дайте элементу <code>h1</code> идентификатор <code>orange-text</code> .
+    testString: 'assert($("h1").attr("id") === "orange-text", "Give your <code>h1</code> element the id of <code>orange-text</code>.");'
+  - text: Должен быть только один элемент <code>h1</code> .
+    testString: 'assert(($("h1").length === 1), "There should be only one <code>h1</code> element.");'
+  - text: Создайте объявление CSS для вашего идентификатора <code>orange-text</code>
+    testString: 'assert(code.match(/#orange-text\s*{/gi), "Create a CSS declaration for your <code>orange-text</code> id");'
+  - text: Не <code>h1</code> никаких атрибутов <code>style</code> .
+    testString: 'assert(!code.match(/<h1.*style.*>/gi), "Do not give your <code>h1</code> any <code>style</code> attributes.");'
+  - text: Ваш элемент <code>h1</code> должен быть оранжевым.
+    testString: 'assert($("h1").css("color") === "rgb(255, 165, 0)", "Your <code>h1</code> element should be orange.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  .pink-text {
+    color: pink;
+  }
+  .blue-text {
+    color: blue;
+  }
+</style>
+<h1 class="pink-text blue-text">Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.russian.md
new file mode 100644
index 0000000000..3ddb62ab83
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.russian.md
@@ -0,0 +1,73 @@
+---
+id: bad87fee1348bd9aedf06756
+title: Override Class Declarations with Inline Styles
+challengeType: 0
+videoUrl: ''
+localeTitle: Переопределить объявления классов со встроенными стилями
+---
+
+## Description
+<section id="description"> Таким образом, мы доказали, что объявления id переопределяют объявления классов, независимо от того, где они объявлены в вашем элементе <code>style</code> CSS. Существуют и другие способы переопределения CSS. Вы помните встроенные стили? </section>
+
+## Instructions
+<section id="instructions"> Используйте <code>inline style</code> чтобы сделать наш элемент <code>h1</code> белым. Помните, что в стилях строк выглядит так: <code>&lt;h1 style=&quot;color: green;&quot;&gt;</code> Оставьте классы <code>blue-text</code> и <code>pink-text</code> на вашем элементе <code>h1</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш элемент <code>h1</code> должен иметь класс <code>pink-text</code> .
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: Ваш элемент <code>h1</code> должен иметь <code>blue-text</code> .
+    testString: 'assert($("h1").hasClass("blue-text"), "Your <code>h1</code> element should have the class <code>blue-text</code>.");'
+  - text: Ваш элемент <code>h1</code> должен иметь идентификатор <code>orange-text</code> .
+    testString: 'assert($("h1").attr("id") === "orange-text", "Your <code>h1</code> element should have the id of <code>orange-text</code>.");'
+  - text: Дайте вашему элементу <code>h1</code> встроенный стиль.
+    testString: 'assert(document.querySelector("h1[style]"), "Give your <code>h1</code> element an inline style.");'
+  - text: Ваш элемент <code>h1</code> должен быть белым.
+    testString: 'assert($("h1").css("color") === "rgb(255, 255, 255)", "Your <code>h1</code> element should be white.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  #orange-text {
+    color: orange;
+  }
+  .pink-text {
+    color: pink;
+  }
+  .blue-text {
+    color: blue;
+  }
+</style>
+<h1 id="orange-text" class="pink-text blue-text">Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.russian.md
new file mode 100644
index 0000000000..7d41b750fa
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.russian.md
@@ -0,0 +1,65 @@
+---
+id: bad87fee1348bd9aedf04756
+title: Override Styles in Subsequent CSS
+challengeType: 0
+videoUrl: ''
+localeTitle: Переопределить стили в последующем CSS
+---
+
+## Description
+<section id="description"> Наш класс «розовый текст» переопределил декларацию CSS нашего <code>body</code> ! Мы просто доказали, что наши классы переопределяют CSS элемента <code>body</code> . Итак, следующий логический вопрос: что мы можем сделать, чтобы переопределить наш класс <code>pink-text</code> ? </section>
+
+## Instructions
+<section id="instructions"> Создайте дополнительный класс CSS, называемый <code>blue-text</code> который дает элементу синий цвет. Убедитесь, что оно ниже вашего объявления класса <code>pink-text</code> . Примените класс <code>blue-text</code> к вашему элементу <code>h1</code> в дополнение к вашему классу <code>pink-text</code> , и давайте посмотрим, какой из них выиграет. Применение нескольких атрибутов класса к элементу HTML выполняется с пространством между ними следующим образом: <code>class=&quot;class1 class2&quot;</code> Примечание. Не имеет значения, какой порядок классов указан в элементе HTML. Тем не менее, порядок объявлений <code>class</code> в разделе <code>&lt;style&gt;</code> - это то, что важно. Вторая декларация всегда будет иметь приоритет над первым. Поскольку <code>.blue-text</code> объявлен вторым, он переопределяет атрибуты <code>.pink-text</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш элемент <code>h1</code> должен иметь класс <code>pink-text</code> .
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: Ваш элемент <code>h1</code> должен иметь <code>blue-text</code> .
+    testString: 'assert($("h1").hasClass("blue-text"), "Your <code>h1</code> element should have the class <code>blue-text</code>.");'
+  - text: И <code>blue-text</code> и <code>pink-text</code> должны принадлежать одному и тому же элементу <code>h1</code> .
+    testString: 'assert($(".pink-text").hasClass("blue-text"), "Both <code>blue-text</code> and <code>pink-text</code> should belong to the same <code>h1</code> element.");'
+  - text: Ваш элемент <code>h1</code> должен быть синим.
+    testString: 'assert($("h1").css("color") === "rgb(0, 0, 255)", "Your <code>h1</code> element should be blue.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  .pink-text {
+    color: pink;
+  }
+</style>
+<h1 class="pink-text">Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/prioritize-one-style-over-another.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/prioritize-one-style-over-another.russian.md
new file mode 100644
index 0000000000..76d7c32127
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/prioritize-one-style-over-another.russian.md
@@ -0,0 +1,60 @@
+---
+id: bad87fee1348bd9aedf08756
+title: Prioritize One Style Over Another
+challengeType: 0
+videoUrl: ''
+localeTitle: Приоритет одного стиля над другим
+---
+
+## Description
+<section id="description"> Иногда ваши HTML-элементы получат несколько стилей, которые конфликтуют друг с другом. Например, ваш элемент <code>h1</code> не может быть одновременно зеленым и розовым. Давайте посмотрим, что произойдет, когда мы создадим класс, который делает текст розовым, а затем примените его к элементу. Будет ли наш класс <em>переопределять</em> <code>color: green;</code> элемента <code>body</code> <code>color: green;</code> Свойство CSS? </section>
+
+## Instructions
+<section id="instructions"> Создайте класс CSS, называемый <code>pink-text</code> который дает элементу цвет розовый. Дайте вашему элементу <code>h1</code> класс <code>pink-text</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш элемент <code>h1</code> должен иметь класс <code>pink-text</code> .
+    testString: 'assert($("h1").hasClass("pink-text"), "Your <code>h1</code> element should have the class <code>pink-text</code>.");'
+  - text: Ваш <code>&lt;style&gt;</code> должен иметь класс CSS с <code>pink-text</code> который изменяет <code>color</code> .
+    testString: 'assert(code.match(/\.pink-text\s*\{\s*color\s*:\s*.+\s*;\s*\}/g), "Your <code>&#60;style&#62;</code> should have a <code>pink-text</code> CSS class that changes the <code>color</code>.");'
+  - text: Ваш элемент <code>h1</code> должен быть розовым.
+    testString: 'assert($("h1").css("color") === "rgb(255, 192, 203)", "Your <code>h1</code> element should be pink.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+</style>
+<h1>Hello World!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.russian.md
new file mode 100644
index 0000000000..32dc965562
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.russian.md
@@ -0,0 +1,89 @@
+---
+id: bad87fee1348bd9aede08807
+title: Set the Font Family of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Установите семейство шрифтов элемента
+---
+
+## Description
+<section id="description"> Вы можете установить, какой шрифт должен использовать элемент, используя свойство <code>font-family</code> . Например, если вы хотите установить шрифт элемента <code>h2</code> в <code>sans-serif</code> , вы должны использовать следующий CSS: <blockquote> h2 { <br> font-family: sans-serif; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Сделайте все ваши <code>p</code> элементы использующими <code>monospace</code> шрифт. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваши элементы <code>p</code> должны использовать шрифт <code>monospace</code> .
+    testString: 'assert($("p").not(".red-text").css("font-family").match(/monospace/i), "Your <code>p</code> elements should use the font <code>monospace</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+
+  p {
+    font-size: 16px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/set-the-id-of-an-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/set-the-id-of-an-element.russian.md
new file mode 100644
index 0000000000..607e5867be
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/set-the-id-of-an-element.russian.md
@@ -0,0 +1,110 @@
+---
+id: bad87eee1348bd9aede07836
+title: Set the id of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Установите идентификатор элемента
+---
+
+## Description
+<section id="description"> В дополнение к классам каждый элемент HTML также может иметь атрибут <code>id</code> . Существует несколько преимуществ использования атрибутов <code>id</code> : вы можете использовать <code>id</code> для стилирования одного элемента, а позже вы узнаете, что вы можете использовать их для выбора и изменения определенных элементов с помощью JavaScript. атрибуты <code>id</code> должны быть уникальными. Браузеры не будут применять это, но это широко согласованная передовая практика. Поэтому, пожалуйста, не указывайте более одного элемента один и тот же атрибут <code>id</code> . Вот пример того, как вы передаете свой элемент <code>h2</code> идентификатор <code>cat-photo-app</code> : <code>&lt;h2 id=&quot;cat-photo-app&quot;&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Дайте элементу <code>form</code> идентификатор <code>cat-photo-form</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Дайте элементу <code>form</code> идентификатор <code>cat-photo-form</code> .
+    testString: 'assert($("form").attr("id") === "cat-photo-form", "Give your <code>form</code> element the id of <code>cat-photo-form</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .silver-background {
+    background-color: silver;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div class="silver-background">
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/size-your-images.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/size-your-images.russian.md
new file mode 100644
index 0000000000..fba9b3bb7a
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/size-your-images.russian.md
@@ -0,0 +1,97 @@
+---
+id: bad87fee1348bd9acdf08812
+title: Size Your Images
+challengeType: 0
+videoUrl: ''
+localeTitle: Размер ваших изображений
+---
+
+## Description
+<section id="description"> CSS имеет свойство под названием <code>width</code> которое управляет шириной элемента. Как и в случае с шрифтами, мы будем использовать <code>px</code> (pixels), чтобы указать ширину изображения. Например, если мы хотим создать класс CSS с именем <code>larger-image</code> который дал бы HTML-элементам ширину 500 пикселей, мы будем использовать: <blockquote> &lt;Стиль&gt; <br> .larger-image { <br> ширина: 500 пикселей; <br> } <br> &lt;/ Стиль&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Создайте класс с <code>smaller-image</code> и используйте его для изменения размера изображения, чтобы оно было всего 100 пикселей в ширину. <strong>Заметка</strong> <br> Из-за различий в реализации браузера вам может потребоваться 100% масштабирование для прохождения тестов по этой проблеме. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш элемент <code>img</code> должен иметь класс <code>smaller-image</code> .
+    testString: 'assert($("img[src="https://bit.ly/fcc-relaxing-cat"]").attr("class") === "smaller-image", "Your <code>img</code> element should have the class <code>smaller-image</code>.");'
+  - text: Ваше изображение должно быть 100 пикселей в ширину. Увеличение браузера должно составлять 100%.
+    testString: 'assert($("img").width() === 100, "Your image should be 100 pixels wide. Browser zoom should be at 100%.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.russian.md
new file mode 100644
index 0000000000..c43d3b9e97
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.russian.md
@@ -0,0 +1,101 @@
+---
+id: bad87fee1348bd9aedf08808
+title: Specify How Fonts Should Degrade
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Укажите, как шрифты должны ухудшаться'
+---
+
+## Description
+<section id="description"> Существует несколько стандартных шрифтов, доступных во всех браузерах. Эти типовые семейства шрифтов включают в себя <code>monospace</code> , <code>serif</code> и <code>sans-serif</code> Когда один шрифт недоступен, вы можете сказать браузеру «ухудшить» другой шрифт. Например, если вы хотите, чтобы элемент использовал шрифт <code>Helvetica</code> , но ухудшался до шрифта <code>sans-serif</code> когда <code>Helvetica</code> недоступен, вы укажете его следующим образом: <blockquote> п { <br> font-family: Helvetica, sans-serif; <br> } </blockquote> Имена общих имен шрифтов не чувствительны к регистру. Кроме того, им не нужны кавычки, потому что они являются ключевыми словами CSS. </section>
+
+## Instructions
+<section id="instructions"> Для начала примените <code>monospace</code> шрифт к элементу <code>h2</code> , так что теперь он имеет два шрифта - <code>Lobster</code> и <code>monospace</code> . В последнем вызове вы импортировали шрифт <code>Lobster</code> используя тег <code>link</code> . Теперь прокомментируйте, что импорт шрифта <code>Lobster</code> (используя HTML-комментарии, которые вы узнали ранее) из Google Fonts, чтобы он больше не был доступен. Обратите внимание, как ваш элемент <code>h2</code> ухудшается до <code>monospace</code> шрифта. <strong>Заметка</strong> <br> Если на вашем компьютере установлен шрифт Lobster, вы не увидите ухудшения, потому что ваш браузер сможет найти шрифт. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш элемент h2 должен использовать шрифт <code>Lobster</code> .
+    testString: 'assert($("h2").css("font-family").match(/^"?lobster/i), "Your h2 element should use the font <code>Lobster</code>.");'
+  - text: 'Ваш h2-элемент должен деградировать до <code>monospace</code> шрифта, если <code>Lobster</code> недоступен.'
+    testString: 'assert(/\s*h2\s*\{\s*font-family\:\s*(\"|")?Lobster(\"|")?,\s*monospace\s*;\s*\}/gi.test(code), "Your h2 element should degrade to the font <code>monospace</code> when <code>Lobster</code> is not available.");'
+  - text: 'Прокомментируйте свой звонок в Google для шрифта <code>Lobster</code> , поставив <code>&lt;!--</code> перед ним.'
+    testString: 'assert(new RegExp("<!--[^fc]", "gi").test(code), "Comment out your call to Google for the <code>Lobster</code> font by putting <code>&#60!--</code> in front of it.");'
+  - text: 'Обязательно закройте свой комментарий, добавив <code>--&gt;</code> .'
+    testString: 'assert(new RegExp("[^fc]-->", "gi").test(code), "Be sure to close your comment by adding <code>--&#62;</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.russian.md
new file mode 100644
index 0000000000..b0985e46d3
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.russian.md
@@ -0,0 +1,94 @@
+---
+id: bad87fee1348bd9aefe08806
+title: Style Multiple Elements with a CSS Class
+challengeType: 0
+videoUrl: ''
+localeTitle: Стиль нескольких элементов с классом CSS
+---
+
+## Description
+<section id="description"> Классы позволяют использовать одни и те же стили CSS для нескольких элементов HTML. Вы можете увидеть это, применив свой класс <code>red-text</code> к первому элементу <code>p</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш элемент <code>h2</code> должен быть красным.
+    testString: 'assert($("h2").css("color") === "rgb(255, 0, 0)", "Your <code>h2</code> element should be red.");'
+  - text: Ваш элемент <code>h2</code> должен иметь <code>red-text</code> .
+    testString: 'assert($("h2").hasClass("red-text"), "Your <code>h2</code> element should have the class <code>red-text</code>.");'
+  - text: Ваш первый элемент <code>p</code> должен быть красным.
+    testString: 'assert($("p:eq(0)").css("color") === "rgb(255, 0, 0)", "Your first <code>p</code> element should be red.");'
+  - text: Ваш второй и третий элементы <code>p</code> не должны быть красными.
+    testString: 'assert(!($("p:eq(1)").css("color") === "rgb(255, 0, 0)") && !($("p:eq(2)").css("color") === "rgb(255, 0, 0)"), "Your second and third <code>p</code> elements should not be red.");'
+  - text: Ваш первый элемент <code>p</code> должен иметь <code>red-text</code> класса.
+    testString: 'assert($("p:eq(0)").hasClass("red-text"), "Your first <code>p</code> element should have the class <code>red-text</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/style-the-html-body-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/style-the-html-body-element.russian.md
new file mode 100644
index 0000000000..c3b4b7d9d6
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/style-the-html-body-element.russian.md
@@ -0,0 +1,55 @@
+---
+id: bad87fee1348bd9aedf08736
+title: Style the HTML Body Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Стиль элемента тела HTML
+---
+
+## Description
+<section id="description"> Теперь давайте начнем свежими и поговорим о наследовании CSS. На каждой странице HTML есть элемент <code>body</code> . </section>
+
+## Instructions
+<section id="instructions"> Мы можем доказать, что элемент <code>body</code> существует здесь, задавая ему черный <code>background-color</code> . Мы можем сделать это, добавив следующее к нашему <code>style</code> : <blockquote> body { <br> background-color: black; <br> } </blockquote></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Дайте вашему <code>body</code> элемент <code>background-color</code> черного цвета.
+    testString: 'assert($("body").css("background-color") === "rgb(0, 0, 0)", "Give your <code>body</code> element the <code>background-color</code> of black.");'
+  - text: 'Убедитесь, что правило CSS правильно отформатировано как с открывающимися, так и закрывающимися фигурными скобками.'
+    testString: 'assert(code.match(/<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i), "Make sure your CSS rule is properly formatted with both opening and closing curly brackets.");'
+  - text: 'Убедитесь, что правило CSS заканчивается точкой с запятой.'
+    testString: 'assert(code.match(/<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i), "Make sure your CSS rule ends with a semi-colon.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.russian.md
new file mode 100644
index 0000000000..515a1a57c1
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.russian.md
@@ -0,0 +1,85 @@
+---
+id: bad82fee1322bd9aedf08721
+title: Understand Absolute versus Relative Units
+challengeType: 0
+videoUrl: ''
+localeTitle: Понять абсолютные и относительные единицы
+---
+
+## Description
+<section id="description"> Последние несколько задач задают край элемента или заполнение пикселями ( <code>px</code> ). Пиксели - это тип единицы длины, что говорит браузеру о том, как размер или пространство элемента. В дополнение к <code>px</code> , CSS имеет несколько различных единиц измерения длины, которые вы можете использовать. Два основных типа единиц длины являются абсолютными и относительными. Абсолютные единицы привязываются к физическим единицам длины. Так , например, <code>in</code> и <code>mm</code> см дюймов и миллиметров, соответственно. Единицы абсолютной длины приближаются к фактическому измерению на экране, но есть некоторые различия в зависимости от разрешения экрана. Относительные единицы, такие как <code>em</code> или <code>rem</code> , относятся к другому значению длины. Например, <code>em</code> основывается на размере шрифта элемента. Если вы используете его для установки самого свойства <code>font-size</code> , оно относится к <code>font-size</code> родительского <code>font-size</code> . <strong>Заметка</strong> <br> Существует несколько относительных параметров единицы, которые привязаны к размеру окна просмотра. Они описаны в разделе «Ревизионные принципы веб-дизайна». </section>
+
+## Instructions
+<section id="instructions"> Добавьте свойство <code>padding</code> к элементу с <code>red-box</code> класса и установите его в <code>1.5em</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Класс <code>red-box</code> должен иметь свойство <code>padding</code> .
+    testString: '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", "Your <code>red-box</code> class should have a <code>padding</code> property.");'
+  - text: Ваш <code>red-box</code> класс должен дать элементы 1.5em из <code>padding</code> .
+    testString: 'assert(code.match(/\.red-box\s*?{\s*?.*?\s*?.*?\s*?padding:\s*?1\.5em/gi), "Your <code>red-box</code> class should give elements 1.5em of <code>padding</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .red-box {
+    background-color: red;
+    margin: 20px 40px 20px 40px;
+
+  }
+
+  .green-box {
+    background-color: green;
+    margin: 20px 40px 20px 40px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box green-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.russian.md
new file mode 100644
index 0000000000..7020e9c342
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.russian.md
@@ -0,0 +1,91 @@
+---
+id: bad87fee1348bd9aecf08806
+title: Use a CSS Class to Style an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте класс CSS для стилизации элемента
+---
+
+## Description
+<section id="description"> Классы - многоразовые стили, которые можно добавить к элементам HTML. Вот пример объявления класса CSS: <blockquote> &lt;Стиль&gt; <br> .blue-text { <br> цвет синий; <br> } <br> &lt;/ Стиль&gt; </blockquote> Вы можете видеть, что мы создали класс CSS, называемый <code>blue-text</code> в <code>&lt;style&gt;</code> . Вы можете применить класс к HTML-элементу следующим образом: <code>&lt;h2 class=&quot;blue-text&quot;&gt;CatPhotoApp&lt;/h2&gt;</code> Обратите внимание, что в элементе <code>style</code> CSS имена классов начинаются с периода. В атрибуте класса HTML-элементов имя класса не включает период. </section>
+
+## Instructions
+<section id="instructions"> Внутри элемента <code>style</code> измените селектор <code>h2</code> на <code>.red-text</code> и обновите значение цвета от <code>blue</code> до <code>red</code> . Дайте вашему элементу <code>h2</code> атрибут <code>class</code> со значением <code>&#39;red-text&#39;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш элемент <code>h2</code> должен быть красным.
+    testString: 'assert($("h2").css("color") === "rgb(255, 0, 0)", "Your <code>h2</code> element should be red.");'
+  - text: Ваш элемент <code>h2</code> должен иметь <code>red-text</code> .
+    testString: 'assert($("h2").hasClass("red-text"), "Your <code>h2</code> element should have the class <code>red-text</code>.");'
+  - text: В вашей таблице стилей должен быть объявлен класс <code>red-text</code> и его цвет будет красным.
+    testString: 'assert(code.match(/\.red-text\s*\{\s*color\s*:\s*red;\s*\}/g), "Your stylesheet should declare a <code>red-text</code> class and have its color set to red.");'
+  - text: 'Не используйте встроенные объявления стиля, такие как <code>style=&quot;color: red&quot;</code> в вашем элементе <code>h2</code> .'
+    testString: 'assert($("h2").attr("style") === undefined, "Do not use inline style declarations like <code>style="color&#58; red"</code> in your <code>h2</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  h2 {
+    color: blue;
+  }
+</style>
+
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-a-custom-css-variable.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-a-custom-css-variable.russian.md
new file mode 100644
index 0000000000..ae0d6f588a
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-a-custom-css-variable.russian.md
@@ -0,0 +1,264 @@
+---
+id: 5a9d727a424fe3d0e10cad12
+title: Use a custom CSS Variable
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте настраиваемую переменную CSS
+---
+
+## Description
+<section id="description"> После создания вашей переменной вы можете присвоить ее значение другим свойствам CSS, указав имя, которое вы ему дали. <blockquote> фон: var (- пингвин-скин); </blockquote> Это изменит фон любого элемента, на который вы нацеливаетесь, на серый, поскольку это значение переменной <code>--penguin-skin</code> . Обратите внимание: стили не будут применяться, если имена переменных не будут точно совпадать. </section>
+
+## Instructions
+<section id="instructions"> Примените переменную <code>--penguin-skin</code> к свойству <code>background</code> <code>--penguin-skin</code> <code>penguin-top</code> , <code>penguin-bottom</code> , <code>right-hand</code> и <code>left-hand</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Примените переменную <code>--penguin-skin</code> к свойству <code>background</code> класса <code>penguin-top</code> .
+    testString: '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), "Apply the <code>--penguin-skin</code> variable to the <code>background</code> property of the <code>penguin-top</code> class.");'
+  - text: Примените переменную <code>--penguin-skin</code> к свойству <code>background</code> класса <code>penguin-bottom</code> .
+    testString: '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), "Apply the <code>--penguin-skin</code> variable to the <code>background</code> property of the <code>penguin-bottom</code> class.");'
+  - text: Примените переменную <code>--penguin-skin</code> к свойству <code>background</code> для <code>right-hand</code> класса.
+    testString: '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), "Apply the <code>--penguin-skin</code> variable to the <code>background</code> property of the <code>right-hand</code> class.");'
+  - text: Примените переменную <code>--penguin-skin</code> к свойству <code>background</code> для <code>left-hand</code> класса.
+    testString: 'assert(code.match(/.left-hand\s*?{[\s\S]*background\s*?:\s*?var\s*?\(\s*?--penguin-skin\s*?\)\s*?;[\s\S]*}/gi), "Apply the <code>--penguin-skin</code> variable to the <code>background</code> property of the <code>left-hand</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .penguin {
+    --penguin-skin: gray;
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+
+    /* change code below */
+    background: black;
+    /* change code above */
+
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+
+    /* change code below */
+    background: black;
+    /* change code above */
+
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+
+    /* change code below */
+    background: black;
+    /* change code above */
+
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+
+    /* change code below */
+    background: black;
+    /* change code above */
+
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: white;
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: orange;
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: orange;
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.russian.md
new file mode 100644
index 0000000000..117fa39e34
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.russian.md
@@ -0,0 +1,280 @@
+---
+id: 5a9d72ad424fe3d0e10cad16
+title: Use a media query to change a variable
+challengeType: 0
+videoUrl: ''
+localeTitle: Использование медиа-запроса для изменения переменной
+---
+
+## Description
+<section id="description"> Переменные CSS могут упростить использование медиа-запросов. Например, когда ваш экран меньше или больше точки прерывания вашего медиа-запроса, вы можете изменить значение переменной, и она будет применять свой стиль везде, где он используется. </section>
+
+## Instructions
+<section id="instructions"> В <code>:root</code> селекторе <code>media query</code> измените его так: <code>--penguin-size</code> переопределяется и задается значение <code>200px</code> . Кроме того, переопределите <code>--penguin-skin</code> и придайте ему значение <code>black</code> . Затем измените размер предварительного просмотра, чтобы увидеть это изменение в действии. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>:root</code> должен переназначить переменную <code>--penguin-size</code> до <code>200px</code> .'
+    testString: '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), "<code>:root</code> should reassign the <code>--penguin-size</code> variable to <code>200px</code>.");'
+  - text: '<code>:root</code> должен переназначить переменную <code>--penguin-skin</code> на <code>black</code> .'
+    testString: '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), "<code>:root</code> should reassign the <code>--penguin-skin</code> variable to <code>black</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  :root {
+    --penguin-size: 300px;
+    --penguin-skin: gray;
+    --penguin-belly: white;
+    --penguin-beak: orange;
+  }
+
+  @media (max-width: 350px) {
+    :root {
+
+      /* add code below */
+
+      /* add code above */
+
+    }
+  }
+
+  .penguin {
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: var(--penguin-size, 300px);
+    height: var(--penguin-size, 300px);
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 5%;
+    left: 25%;
+    background: var(--penguin-skin, black);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(130deg);
+    z-index: -1;
+    animation-duration: 3s;
+    animation-name: wave;
+    animation-iteration-count: infinite;
+    transform-origin:0% 0%;
+    animation-timing-function: linear;
+  }
+
+  @keyframes wave {
+      10% {
+        transform: rotate(110deg);
+      }
+      20% {
+        transform: rotate(130deg);
+      }
+      30% {
+        transform: rotate(110deg);
+      }
+      40% {
+        transform: rotate(130deg);
+      }
+    }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left:-23%;
+    background: white;
+    width: 150%;
+    height: 100%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-abbreviated-hex-code.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-abbreviated-hex-code.russian.md
new file mode 100644
index 0000000000..8e8186a204
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-abbreviated-hex-code.russian.md
@@ -0,0 +1,84 @@
+---
+id: bad87fee1348bd9aedf08719
+title: Use Abbreviated Hex Code
+challengeType: 0
+videoUrl: ''
+localeTitle: Использовать сокращенный шестнадцатеричный код
+---
+
+## Description
+<section id="description"> Многие люди чувствуют себя подавленными возможностями более 16 миллионов цветов. И очень сложно запомнить шестнадцатеричный код. К счастью, вы можете сократить его. Например, шестнадцатеричный код красного цвета <code>#FF0000</code> можно сократить до <code>#F00</code> . Эта сокращенная форма дает одну цифру для красного, одну цифру для зеленого и одну цифру для синего. Это уменьшает общее количество возможных цветов примерно до 4000. Но браузеры будут интерпретировать <code>#FF0000</code> и <code>#F00</code> как точно такой же цвет. </section>
+
+## Instructions
+<section id="instructions"> Вперед, попробуйте использовать сокращенные шестнадцатеричные коды, чтобы покрасить правильные элементы. <table class="table table-striped"><tbody><tr><th> цвет </th><th> Короткие шестнадцатеричные коды </th></tr><tr><td> Cyan </td><td> <code>#0FF</code> </td> </tr><tr><td> зеленый </td><td> <code>#0F0</code> </td> </tr><tr><td> красный </td><td> <code>#F00</code> </td> </tr><tr><td> фуксия </td><td> <code>#F0F</code> </td> </tr></tbody></table></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Дайте вашему элементу <code>h1</code> текст, который <code>I am red!</code> <code>color</code> красный.'
+    testString: 'assert($(".red-text").css("color") === "rgb(255, 0, 0)", "Give your <code>h1</code> element with the text <code>I am red!</code> the <code>color</code> red.");'
+  - text: 'Используйте сокращенный <code>hex code</code> для красного цвета вместо шестнадцатеричного кода <code>#FF0000</code> .'
+    testString: 'assert(code.match(/\.red-text\s*?{\s*?color:\s*?#F00\s*?;\s*?}/gi), "Use the abbreviate <code>hex code</code> for the color red instead of the hex code <code>#FF0000</code>.");'
+  - text: 'Дайте вашему элементу <code>h1</code> текст, который <code>I am green!</code> <code>color</code> зеленый.'
+    testString: 'assert($(".green-text").css("color") === "rgb(0, 255, 0)", "Give your <code>h1</code> element with the text <code>I am green!</code> the <code>color</code> green.");'
+  - text: 'Используйте сокращенный <code>hex code</code> для зеленого цвета вместо шестнадцатеричного кода <code>#00FF00</code> .'
+    testString: 'assert(code.match(/\.green-text\s*?{\s*?color:\s*?#0F0\s*?;\s*?}/gi), "Use the abbreviated <code>hex code</code> for the color green instead of the hex code <code>#00FF00</code>.");'
+  - text: 'Дайте вашему элементу <code>h1</code> текст, который <code>I am cyan!</code> <code>color</code> голубой.'
+    testString: 'assert($(".cyan-text").css("color") === "rgb(0, 255, 255)", "Give your <code>h1</code> element with the text <code>I am cyan!</code> the <code>color</code> cyan.");'
+  - text: 'Используйте сокращенный <code>hex code</code> для цвета cyan вместо шестнадцатеричного кода <code>#00FFFF</code> .'
+    testString: 'assert(code.match(/\.cyan-text\s*?{\s*?color:\s*?#0FF\s*?;\s*?}/gi), "Use the abbreviated <code>hex code</code> for the color cyan instead of the hex code <code>#00FFFF</code>.");'
+  - text: 'Дайте вашему элементу <code>h1</code> текст, который <code>I am fuchsia!</code> <code>color</code> фуксии.'
+    testString: 'assert($(".fuchsia-text").css("color") === "rgb(255, 0, 255)", "Give your <code>h1</code> element with the text <code>I am fuchsia!</code> the <code>color</code> fuchsia.");'
+  - text: 'Используйте сокращенный <code>hex code</code> для цветной фуксии вместо шестнадцатеричного кода <code>#FF00FF</code> .'
+    testString: 'assert(code.match(/\.fuchsia-text\s*?{\s*?color:\s*?#F0F\s*?;\s*?}/gi), "Use the abbreviated <code>hex code</code> for the color fuchsia instead of the hex code <code>#FF00FF</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: #000000;
+  }
+  .fuchsia-text {
+    color: #000000;
+  }
+  .cyan-text {
+    color: #000000;
+  }
+  .green-text {
+    color: #000000;
+  }
+</style>
+
+<h1 class="red-text">I am red!</h1>
+
+<h1 class="fuchsia-text">I am fuchsia!</h1>
+
+<h1 class="cyan-text">I am cyan!</h1>
+
+<h1 class="green-text">I am green!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.russian.md
new file mode 100644
index 0000000000..81e6e1a008
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.russian.md
@@ -0,0 +1,116 @@
+---
+id: bad87dee1348bd9aede07836
+title: Use an id Attribute to Style an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Использовать атрибут id для стилирования элемента
+---
+
+## Description
+<section id="description"> Одной из замечательных особенностей атрибутов <code>id</code> является то, что, подобно классам, вы можете создавать их с помощью CSS. Однако <code>id</code> не может использоваться повторно и должен применяться только к одному элементу. <code>id</code> также имеет более высокую специфичность (важность), чем класс, поэтому, если оба применяются к одному и тому же элементу и имеют конфликтующие стили, применяются стили <code>id</code> . Вот пример того, как вы можете взять свой элемент с атрибутом <code>id</code> <code>cat-photo-element</code> и присвоить ему зеленый цвет фона. В вашем элементе <code>style</code> : <blockquote> # cat-photo-element { <br> фон-цвет: зеленый; <br> } </blockquote> Обратите внимание, что внутри вашего элемента <code>style</code> вы всегда ссылаетесь на классы, помещая a <code>.</code> перед их именами. Вы всегда ссылаетесь на идентификаторы, помещая <code>#</code> перед их именами. </section>
+
+## Instructions
+<section id="instructions"> Попробуйте дать свою форму, которая теперь имеет атрибут <code>id</code> <code>cat-photo-form</code> , зеленый фон. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Дайте элементу <code>form</code> идентификатор <code>cat-photo-form</code> .
+    testString: 'assert($("form").attr("id") === "cat-photo-form", "Give your <code>form</code> element the id of <code>cat-photo-form</code>.");'
+  - text: Элемент <code>form</code> должен иметь зеленый <code>background-color</code> .
+    testString: 'assert($("#cat-photo-form").css("background-color") === "rgb(0, 128, 0)", "Your <code>form</code> element should have the <code>background-color</code> of green.");'
+  - text: 'Убедитесь, что ваш элемент <code>form</code> имеет атрибут <code>id</code> .'
+    testString: 'assert(code.match(/<form.*cat-photo-form.*>/gi) && code.match(/<form.*cat-photo-form.*>/gi).length > 0, "Make sure your <code>form</code> element has an <code>id</code> attribute.");'
+  - text: Не придайте вашей <code>form</code> никаких атрибутов <code>class</code> или <code>style</code> .
+    testString: 'assert(!code.match(/<form.*style.*>/gi) && !code.match(/<form.*class.*>/gi), "Do not give your <code>form</code> any <code>class</code> or <code>style</code> attributes.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .silver-background {
+    background-color: silver;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div class="silver-background">
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo" id="cat-photo-form">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.russian.md
new file mode 100644
index 0000000000..9d8c223796
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.russian.md
@@ -0,0 +1,114 @@
+---
+id: 58c383d33e2e3259241f3076
+title: Use Attribute Selectors to Style Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Использование селекторов атрибутов для стилей
+---
+
+## Description
+<section id="description"> Вы <code>id</code> атрибуты <code>id</code> или <code>class</code> к элементам, которые вы хотите специально создать. Они известны как идентификаторы и селектора классов. Существуют и другие селектора CSS, которые вы можете использовать для выбора пользовательских групп элементов в стиле. Давайте снова рассмотрим CatPhotoApp, чтобы использовать CSS Selectors. Для этой задачи вы будете использовать селектор атрибутов <code>[attr=value]</code> , чтобы установить флажки в CatPhotoApp. Этот селектор соответствует элементам стилей с определенным значением атрибута. Например, приведенный ниже код изменяет поля всех элементов с <code>type</code> атрибута и соответствующим значением <code>radio</code> : <blockquote> [type = &#39;radio&#39;] { <br> margin: 20px 0px 20px 0px; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Используя селектор атрибутов <code>type</code> , постарайтесь присвоить флажкам в CatPhotoApp верхний край 10px и нижний край 15px. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Селектор атрибутов <code>type</code> должен использоваться для выбора флажков.
+    testString: 'assert(code.match(/<style>[\s\S]*?\[type=("|")checkbox\1\]\s*?{[\s\S]*?}[\s\S]*?<\/style>/gi),"The <code>type</code> attribute selector should be used to select the checkboxes.");'
+  - text: Верхние поля флажков должны быть 10 пикселей.
+    testString: 'assert((function() {var count=0; $("[type="checkbox"]").each(function() { if($(this).css("marginTop") === "10px") {count++;}});return (count===3)}()),"The top margins of the checkboxes should be 10px.");'
+  - text: Нижние поля флажков должны быть 15px.
+    testString: 'assert((function() {var count=0; $("[type="checkbox"]").each(function() { if($(this).css("marginBottom") === "15px") {count++;}});return (count===3)}()),"The bottom margins of the checkboxes should be 15px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .silver-background {
+    background-color: silver;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div class="silver-background">
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo" id="cat-photo-form">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.russian.md
new file mode 100644
index 0000000000..eb3a591fa0
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.russian.md
@@ -0,0 +1,89 @@
+---
+id: bad87fee1348bd9afdf08726
+title: Use Clockwise Notation to Specify the Margin of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Используйте обозначение по часовой стрелке, чтобы указать маржу элемента'
+---
+
+## Description
+<section id="description"> Давайте попробуем это снова, но с <code>margin</code> этот раз. Вместо того, чтобы указывать свойства <code>margin-top</code> , <code>margin-right</code> , <code>margin-bottom</code> и <code>margin-left</code> отдельно, вы можете указать их все в одной строке, например: <code>margin: 10px 20px 10px 20px;</code> Эти четыре значения работают как часы: верхний, правый, нижний, левый и будут давать тот же результат, что и при использовании боковых спецификаций полей. </section>
+
+## Instructions
+<section id="instructions"> Используйте <code>Clockwise Notation</code> чтобы дать элементу класс <code>blue-box</code> край <code>40px</code> на его верхней и левой сторонах, но только 20 <code>20px</code> на нижней и правой стороне. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш <code>blue-box</code> класс должен дать верхнюю часть элементов <code>40px</code> из <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-top") === "40px", "Your <code>blue-box</code> class should give the top of elements <code>40px</code> of <code>margin</code>.");'
+  - text: Ваш класс <code>blue-box</code> должен предоставить право элементов <code>20px</code> <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-right") === "20px", "Your <code>blue-box</code> class should give the right of elements <code>20px</code> of <code>margin</code>.");'
+  - text: Ваш класс с <code>blue-box</code> должен дать нижнюю часть <code>20px</code> <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-bottom") === "20px", "Your <code>blue-box</code> class should give the bottom of elements <code>20px</code> of <code>margin</code>.");'
+  - text: Ваш класс с <code>blue-box</code> должен оставить слева от элементов <code>40px</code> <code>margin</code> .
+    testString: 'assert($(".blue-box").css("margin-left") === "40px", "Your <code>blue-box</code> class should give the left of elements <code>40px</code> of <code>margin</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    margin: 20px 40px 20px 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.russian.md
new file mode 100644
index 0000000000..3e7556a723
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.russian.md
@@ -0,0 +1,91 @@
+---
+id: bad87fee1348bd9aedf08826
+title: Use Clockwise Notation to Specify the Padding of an Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Использовать по часовой стрелке для указания заполнения элемента
+---
+
+## Description
+<section id="description"> Вместо того, чтобы отдельно указывать свойства <code>padding-top</code> , <code>padding-right</code> , <code>padding-bottom</code> и <code>padding-left</code> , вы можете указать их все в одной строке, например: <code>padding: 10px 20px 10px 20px;</code> Эти четыре значения работают как часы: верх, правый, нижний, левый и будут давать то же самое, что и при использовании спецификаций дополнений для конкретной стороны. </section>
+
+## Instructions
+<section id="instructions"> Используйте «По часовой стрелке», чтобы присвоить классу «.blue-box» <code>padding</code> <code>40px</code> на верхней и левой стороне, но только 20 <code>20px</code> на нижней и правой стороне. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш <code>blue-box</code> класс должен дать верхнюю часть элементов <code>40px</code> из <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-top") === "40px", "Your <code>blue-box</code> class should give the top of elements <code>40px</code> of <code>padding</code>.");'
+  - text: Ваш класс с <code>blue-box</code> должен давать право на элементы <code>20px</code> <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-right") === "20px", "Your <code>blue-box</code> class should give the right of elements <code>20px</code> of <code>padding</code>.");'
+  - text: Ваш класс <code>blue-box</code> должен дать основание элементов <code>20px</code> <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-bottom") === "20px", "Your <code>blue-box</code> class should give the bottom of elements <code>20px</code> of <code>padding</code>.");'
+  - text: Ваш <code>blue-box</code> класс должен дать слева от элементов <code>40px</code> из <code>padding</code> .
+    testString: 'assert($(".blue-box").css("padding-left") === "40px", "Your <code>blue-box</code> class should give the left of elements <code>40px</code> of <code>padding</code>.");'
+  - text: 'Вы должны использовать обозначение по часовой стрелке, чтобы установить заполнение класса <code>blue-box</code> .'
+    testString: 'assert(!/padding-top|padding-right|padding-bottom|padding-left/.test(code), "You should use the clockwise notation to set the padding of <code>blue-box</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.russian.md
new file mode 100644
index 0000000000..6e8dec449b
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.russian.md
@@ -0,0 +1,87 @@
+---
+id: bad87fee1348bd9aedf08805
+title: Use CSS Selectors to Style Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Использование селекторов CSS для элементов стиля
+---
+
+## Description
+<section id="description"> В CSS есть сотни <code>properties</code> CSS, которые вы можете использовать, чтобы изменить способ поиска элемента на вашей странице. Когда вы ввели <code>&lt;h2 style=&quot;color: red&quot;&gt;CatPhotoApp&lt;/h2&gt;</code> , вы стали стилизовать этот отдельный элемент <code>h2</code> со <code>inline CSS</code> , который обозначает <code>Cascading Style Sheets</code> . Это один из способов указать стиль элемента, но есть лучший способ применить <code>CSS</code> . В верхней части кода создайте блок <code>style</code> следующим образом: <blockquote> &lt;Стиль&gt; <br> &lt;/ Стиль&gt; </blockquote> Внутри этого блока стиля вы можете создать <code>CSS selector</code> для всех элементов <code>h2</code> . Например, если вы хотите, чтобы все элементы <code>h2</code> были красными, вы добавили бы правило стиля, которое выглядит так: <blockquote> &lt;Стиль&gt; <br> h2 {color: red;} <br> &lt;/ Стиль&gt; </blockquote> Обратите внимание, что важно иметь как открывающиеся, так и закрывающие фигурные скобки ( <code>{</code> и <code>}</code> ) вокруг правила (ов) стиля каждого элемента. Вы также должны убедиться, что определение стиля вашего элемента находится между тегами стиля открытия и закрытия. Наконец, обязательно добавьте точку с запятой в конец каждого из правил стиля вашего элемента. </section>
+
+## Instructions
+<section id="instructions"> Удалите атрибут стиля элемента <code>h2</code> и вместо этого создайте блок <code>style</code> CSS. Добавьте необходимый CSS, чтобы все элементы <code>h2</code> синими. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Удалите атрибут стиля из вашего элемента <code>h2</code> .
+    testString: 'assert(!$("h2").attr("style"), "Remove the style attribute from your <code>h2</code> element.");'
+  - text: Создайте элемент <code>style</code> .
+    testString: 'assert($("style") && $("style").length > 1, "Create a <code>style</code> element.");'
+  - text: Ваш элемент <code>h2</code> должен быть синим.
+    testString: 'assert($("h2").css("color") === "rgb(0, 0, 255)", "Your <code>h2</code> element should be blue.");'
+  - text: 'Убедитесь, что объявление вашей таблицы стилей <code>h2</code> действительно с точкой с запятой и закрывающей скобкой.'
+    testString: 'assert(code.match(/h2\s*\{\s*color\s*:.*;\s*\}/g), "Ensure that your stylesheet <code>h2</code> declaration is valid with a semicolon and closing brace.");'
+  - text: 'Убедитесь, что все ваши элементы <code>style</code> действительны и имеют закрывающий тег.'
+    testString: 'assert(code.match(/<\/style>/g) && code.match(/<\/style>/g).length === (code.match(/<style((\s)*((type|media|scoped|title|disabled)="[^"]*")?(\s)*)*>/g) || []).length, "Make sure all your <code>style</code> elements are valid and have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2 style="color: red">CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.russian.md
new file mode 100644
index 0000000000..570d751b8d
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.russian.md
@@ -0,0 +1,252 @@
+---
+id: 5a9d725e424fe3d0e10cad10
+title: Use CSS Variables to change several elements at once
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте переменные CSS для изменения сразу нескольких элементов
+---
+
+## Description
+<section id="description"> <dfn>Переменные CSS</dfn> - это мощный способ изменить сразу несколько свойств стиля CSS, изменив только одно значение. Следуйте инструкциям ниже, чтобы увидеть, как изменение только трех значений может изменить стиль многих элементов. </section>
+
+## Instructions
+<section id="instructions"> В классе <code>penguin</code> измените значение <code>black</code> на <code>gray</code> , значение <code>gray</code> на <code>white</code> , а <code>yellow</code> на <code>orange</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: класс <code>penguin</code> должен объявить переменную <code>--penguin-skin</code> и назначить ее <code>gray</code> .
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-skin\s*?:\s*?gray\s*?;[\s\S]*}/gi), "<code>penguin</code> class should declare the <code>--penguin-skin</code> variable and assign it to <code>gray</code>.");'
+  - text: класс <code>penguin</code> должен объявить переменную <code>--penguin-belly</code> и назначить ее <code>white</code> .
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-belly\s*?:\s*?white\s*?;[\s\S]*}/gi), "<code>penguin</code> class should declare the <code>--penguin-belly</code> variable and assign it to <code>white</code>.");'
+  - text: класс <code>penguin</code> должен объявить переменную <code>--penguin-beak</code> и присвоить ее <code>orange</code> .
+    testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-beak\s*?:\s*?orange\s*?;[\s\S]*}/gi), "<code>penguin</code> class should declare the <code>--penguin-beak</code> variable and assign it to <code>orange</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .penguin {
+
+    /* change code below */
+    --penguin-skin: black;
+    --penguin-belly: gray;
+    --penguin-beak: yellow;
+    /* change code above */
+
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.russian.md
new file mode 100644
index 0000000000..ce1086f9e8
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.russian.md
@@ -0,0 +1,55 @@
+---
+id: bad87fee1348bd9aedf08726
+title: Use Hex Code for Specific Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: Использовать шестнадцатеричный код для конкретных цветов
+---
+
+## Description
+<section id="description"> Знаете ли вы, что существуют другие способы представления цветов в CSS? Один из этих способов называется шестнадцатеричным кодом или <code>hex code</code> для краткости. Обычно мы используем <code>decimals</code> или базовые 10 чисел, которые используют символы от 0 до 9 для каждой цифры. <code>Hexadecimals</code> (или <code>hex</code> ) - это базовые 16 чисел. Это означает, что он использует шестнадцать различных символов. Как десятичные знаки, символы 0-9 представляют значения от нуля до девяти. Затем A, B, C, D, E, F представляют значения от десяти до пятнадцати. В целом, от 0 до F может представлять цифру в <code>hexadecimal</code> форме, что дает нам 16 возможных значений. Здесь вы можете найти более подробную информацию о <a target="_blank" href="https://en.wikipedia.org/wiki/Hexadecimal">шестнадцатеричных числах</a> . В CSS мы можем использовать 6 шестнадцатеричных цифр для представления цветов, по два для красных (R), зеленых (G) и синих (B) компонентов. Например, <code>#000000</code> является черным и также является наименьшим возможным значением. Здесь вы можете найти более подробную информацию о <a target="_blank" href="https://en.wikipedia.org/wiki/RGB_color_model">цветовой системе RGB</a> . <blockquote> body { <br> цвет: # 000000; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Замените слово <code>black</code> в фоновом цвете элемента <code>body</code> с его <code>hex code</code> , <code>#000000</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Дайте вашему <code>body</code> элемент фона черного цвета.
+    testString: 'assert($("body").css("background-color") === "rgb(0, 0, 0)", "Give your <code>body</code> element the background-color of black.");'
+  - text: Используйте <code>hex code</code> для черного цвета вместо слова <code>black</code> .
+    testString: 'assert(code.match(/body\s*{(([\s\S]*;\s*?)|\s*?)background.*\s*:\s*?#000(000)?((\s*})|(;[\s\S]*?}))/gi), "Use the <code>hex code</code> for the color black instead of the word <code>black</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: black;
+  }
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.russian.md
new file mode 100644
index 0000000000..627d91460b
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.russian.md
@@ -0,0 +1,84 @@
+---
+id: bad87fee1348bd9aedf08721
+title: Use Hex Code to Mix Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте шестнадцатеричный код для смешивания цветов
+---
+
+## Description
+<section id="description"> Для просмотра шестнадцатеричные коды используют 6 шестнадцатеричных цифр для представления цветов, два для красного (R), зеленого (G) и синего (B) компонентов. Из этих трех чистых цветов (красный, зеленый и синий) мы можем варьировать количество каждого из них, чтобы создать более 16 миллионов других цветов! Например, оранжевый чистый красный, смешанный с каким-то зеленым, и не синий. В шестнадцатеричном коде это означает, что это <code>#FFA500</code> . Цифра <code>0</code> является наименьшим числом в шестнадцатеричном коде и представляет полное отсутствие цвета. Цифра <code>F</code> является наивысшим числом в шестнадцатеричном коде и представляет максимально возможную яркость. </section>
+
+## Instructions
+<section id="instructions"> Замените цветные слова в нашем элементе <code>style</code> на их правильные шестнадцатеричные коды. <table class="table table-striped"><tbody><tr><th> цвет </th><th> Шестнадцатеричный код </th></tr><tr><td> Dodger Blue </td><td> <code>#1E90FF</code> </td> </tr><tr><td> зеленый </td><td> <code>#00FF00</code> </td> </tr><tr><td> оранжевый </td><td> <code>#FFA500</code> </td> </tr><tr><td> красный </td><td> <code>#FF0000</code> </td> </tr></tbody></table></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Дайте вашему элементу <code>h1</code> текст, который <code>I am red!</code> <code>color</code> красный.'
+    testString: 'assert($(".red-text").css("color") === "rgb(255, 0, 0)", "Give your <code>h1</code> element with the text <code>I am red!</code> the <code>color</code> red.");'
+  - text: Используйте <code>hex code</code> для красного цвета вместо слова <code>red</code> .
+    testString: 'assert(code.match(/\.red-text\s*?{\s*?color:\s*?#FF0000\s*?;\s*?}/gi), "Use the <code>hex code</code> for the color red instead of the word <code>red</code>.");'
+  - text: 'Дайте вашему элементу <code>h1</code> текст, который <code>I am green!</code> <code>color</code> зеленый.'
+    testString: 'assert($(".green-text").css("color") === "rgb(0, 255, 0)", "Give your <code>h1</code> element with the text <code>I am green!</code> the <code>color</code> green.");'
+  - text: Используйте <code>hex code</code> для зеленого цвета вместо слова <code>green</code> .
+    testString: 'assert(code.match(/\.green-text\s*?{\s*?color:\s*?#00FF00\s*?;\s*?}/gi), "Use the <code>hex code</code> for the color green instead of the word <code>green</code>.");'
+  - text: 'Дайте вашему элементу <code>h1</code> текст, который <code>I am dodger blue!</code> <code>color</code> утка синий.'
+    testString: 'assert($(".dodger-blue-text").css("color") === "rgb(30, 144, 255)", "Give your <code>h1</code> element with the text <code>I am dodger blue!</code> the <code>color</code> dodger blue.");'
+  - text: Используйте <code>hex code</code> для синтаксиса цвета вместо слова <code>dodgerblue</code> .
+    testString: 'assert(code.match(/\.dodger-blue-text\s*?{\s*?color:\s*?#1E90FF\s*?;\s*?}/gi), "Use the <code>hex code</code> for the color dodger blue instead of the word <code>dodgerblue</code>.");'
+  - text: 'Дайте вашему элементу <code>h1</code> текст, который <code>I am orange!</code> <code>color</code> оранжевый.'
+    testString: 'assert($(".orange-text").css("color") === "rgb(255, 165, 0)", "Give your <code>h1</code> element with the text <code>I am orange!</code> the <code>color</code> orange.");'
+  - text: Используйте <code>hex code</code> для оранжевого цвета вместо слова « <code>orange</code> .
+    testString: 'assert(code.match(/\.orange-text\s*?{\s*?color:\s*?#FFA500\s*?;\s*?}/gi), "Use the <code>hex code</code> for the color orange instead of the word <code>orange</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: black;
+  }
+  .green-text {
+    color: black;
+  }
+  .dodger-blue-text {
+    color: black;
+  }
+  .orange-text {
+    color: black;
+  }
+</style>
+
+<h1 class="red-text">I am red!</h1>
+
+<h1 class="green-text">I am green!</h1>
+
+<h1 class="dodger-blue-text">I am dodger blue!</h1>
+
+<h1 class="orange-text">I am orange!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.russian.md
new file mode 100644
index 0000000000..e91203a173
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.russian.md
@@ -0,0 +1,84 @@
+---
+id: bad82fee1348bd9aedf08721
+title: Use RGB to Mix Colors
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте RGB для смешивания цветов
+---
+
+## Description
+<section id="description"> Как и с шестнадцатеричным кодом, вы можете смешивать цвета в RGB, используя комбинации разных значений. </section>
+
+## Instructions
+<section id="instructions"> Замените шестнадцатеричные коды в нашем элементе <code>style</code> с их правильными значениями RGB. <table class="table table-striped"><tbody><tr><th> цвет </th><th> RGB </th></tr><tr><td> синий </td><td> <code>rgb(0, 0, 255)</code> </td> </tr><tr><td> красный </td><td> <code>rgb(255, 0, 0)</code> </td> </tr><tr><td> орхидея </td><td> <code>rgb(218, 112, 214)</code> </td> </tr><tr><td> охра </td><td> <code>rgb(160, 82, 45)</code> </td> </tr></tbody></table></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Дайте вашему элементу <code>h1</code> текст, который <code>I am red!</code> <code>color</code> красный.'
+    testString: 'assert($(".red-text").css("color") === "rgb(255, 0, 0)", "Give your <code>h1</code> element with the text <code>I am red!</code> the <code>color</code> red.");'
+  - text: Используйте <code>rgb</code> для красного цвета.
+    testString: 'assert(code.match(/\.red-text\s*?{\s*?color:\s*?rgb\(\s*?255\s*?,\s*?0\s*?,\s*?0\s*?\)\s*?;\s*?}/gi), "Use <code>rgb</code> for the color red.");'
+  - text: 'Дайте вашему элементу <code>h1</code> текст, который <code>I am orchid!</code> <code>color</code> орхидеи.'
+    testString: 'assert($(".orchid-text").css("color") === "rgb(218, 112, 214)", "Give your <code>h1</code> element with the text <code>I am orchid!</code> the <code>color</code> orchid.");'
+  - text: Используйте <code>rgb</code> для цветной орхидеи.
+    testString: 'assert(code.match(/\.orchid-text\s*?{\s*?color:\s*?rgb\(\s*?218\s*?,\s*?112\s*?,\s*?214\s*?\)\s*?;\s*?}/gi), "Use <code>rgb</code> for the color orchid.");'
+  - text: 'Дайте вашему элементу <code>h1</code> текст, который <code>I am blue!</code> <code>color</code> синий.'
+    testString: 'assert($(".blue-text").css("color") === "rgb(0, 0, 255)", "Give your <code>h1</code> element with the text <code>I am blue!</code> the <code>color</code> blue.");'
+  - text: Используйте <code>rgb</code> для синего цвета.
+    testString: 'assert(code.match(/\.blue-text\s*?{\s*?color:\s*?rgb\(\s*?0\s*?,\s*?0\s*?,\s*?255\s*?\)\s*?;\s*?}/gi), "Use <code>rgb</code> for the color blue.");'
+  - text: 'Дайте вашему элементу <code>h1</code> текст, который <code>I am sienna!</code> <code>color</code> сиена.'
+    testString: 'assert($(".sienna-text").css("color") === "rgb(160, 82, 45)", "Give your <code>h1</code> element with the text <code>I am sienna!</code> the <code>color</code> sienna.");'
+  - text: Используйте <code>rgb</code> для цвета sienna.
+    testString: 'assert(code.match(/\.sienna-text\s*?{\s*?color:\s*?rgb\(\s*?160\s*?,\s*?82\s*?,\s*?45\s*?\)\s*?;\s*?}/gi), "Use <code>rgb</code> for the color sienna.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .red-text {
+    color: #000000;
+  }
+  .orchid-text {
+    color: #000000;
+  }
+  .sienna-text {
+    color: #000000;
+  }
+  .blue-text {
+    color: #000000;
+  }
+</style>
+
+<h1 class="red-text">I am red!</h1>
+
+<h1 class="orchid-text">I am orchid!</h1>
+
+<h1 class="sienna-text">I am sienna!</h1>
+
+<h1 class="blue-text">I am blue!</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.russian.md
new file mode 100644
index 0000000000..a6263b607c
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.russian.md
@@ -0,0 +1,55 @@
+---
+id: bad87fee1348bd9aede08718
+title: Use RGB values to Color Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте значения RGB для цветных элементов
+---
+
+## Description
+<section id="description"> Другой способ отображения цветов в CSS - использование значений <code>RGB</code> . Значение RGB для черных выглядит так: <code>rgb(0, 0, 0)</code> Значение RGB для белого выглядит следующим образом: <code>rgb(255, 255, 255)</code> Вместо того, чтобы использовать шесть шестнадцатеричных цифр, например, с шестнадцатеричным кодом, с <code>RGB</code> вы укажите яркость каждого цвета с числом от 0 до 255. Если вы выполните математику, две цифры для одного цвета равны 16 раз 16, что дает нам 256 общих значений. Таким образом, <code>RGB</code> , который начинает отсчет с нуля, имеет то же количество возможных значений, что и шестнадцатеричный код. Вот пример того, как вы измените фон тела на оранжевый, используя его код RGB. <blockquote> body { <br> background-color: rgb (255, 165, 0); <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Давайте заменим шестнадцатеричный код в цвете фона нашего <code>body</code> с помощью значения RGB для черного: <code>rgb(0, 0, 0)</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элемент вашего <code>body</code> должен иметь черный фон.
+    testString: 'assert($("body").css("background-color") === "rgb(0, 0, 0)", "Your <code>body</code> element should have a black background.");'
+  - text: Используйте <code>rgb</code> чтобы дать вашему <code>body</code> цвет черного.
+    testString: 'assert(code.match(/rgb\s*\(\s*0\s*,\s*0\s*,\s*0\s*\)/ig), "Use <code>rgb</code> to give your <code>body</code> element a color of black.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    background-color: #F00;
+  }
+</style>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.russian.md
new file mode 100644
index 0000000000..96d8d6aa7e
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.russian.md
@@ -0,0 +1,77 @@
+---
+id: bad87fee1348bd9aedd08830
+title: Add a Submit Button to a Form
+challengeType: 0
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/add-a-submit-button-to-a-form'
+videoUrl: ''
+localeTitle: Добавить кнопку отправки в форму
+---
+
+## Description
+<section id="description"> Давайте добавим кнопку <code>submit</code> в вашу форму. Нажатие этой кнопки отправит данные из вашей формы в URL-адрес, указанный вами с помощью атрибута <code>action</code> формы. Вот пример кнопки отправки: <code>&lt;button type=&quot;submit&quot;&gt;this button submits the form&lt;/button&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Добавьте кнопку в качестве последнего элемента вашего элемента <code>form</code> с типом <code>submit</code> и «Отправить» в качестве текста. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: У вашей формы должна быть кнопка внутри.
+    testString: 'assert($("form").children("button").length > 0, "Your form should have a button inside it.");'
+  - text: 'Кнопка отправки должна иметь <code>type</code> атрибута, установленный для <code>submit</code> .'
+    testString: 'assert($("button").attr("type") === "submit", "Your submit button should have the attribute <code>type</code> set to <code>submit</code>.");'
+  - text: Кнопка отправки должна содержать только текст «Отправить».
+    testString: 'assert($("button").text().match(/^\s*submit\s*$/gi), "Your submit button should only have the text "Submit".");'
+  - text: 'Убедитесь, что ваш элемент <code>button</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure your <code>button</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <input type="text" placeholder="cat photo URL">
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.russian.md
new file mode 100644
index 0000000000..2cca35090e
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.russian.md
@@ -0,0 +1,60 @@
+---
+id: bad87fee1348bd9aedf08812
+title: Add Images to Your Website
+challengeType: 0
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/add-images-to-your-website'
+videoUrl: ''
+localeTitle: Добавить изображения на свой сайт
+---
+
+## Description
+<section id="description"> Вы можете добавлять изображения на свой сайт с помощью элемента <code>img</code> и указывать URL-адрес определенного изображения, используя атрибут <code>src</code> . Примером этого может быть: <code>&lt;img src=&quot;https://www.your-image-source.com/your-image.jpg&quot;&gt;</code> Обратите внимание, что элементы <code>img</code> самозакрываются. Все элементы <code>img</code> <strong>должны</strong> иметь атрибут <code>alt</code> . Текст внутри атрибута <code>alt</code> используется для чтения с экрана для улучшения доступности и отображается, если изображение не загружается. Примечание. Если изображение является чисто декоративным, использование чистого атрибута <code>alt</code> является наилучшей практикой. В идеале атрибут <code>alt</code> не должен содержать специальных символов, если это не требуется. Давайте добавим атрибут <code>alt</code> к нашему примеру <code>img</code> выше: <code>&lt;img src=&quot;https://www.your-image-source.com/your-image.jpg&quot; alt=&quot;Author standing on a beach with two thumbs up.&quot;&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Попробуем добавить изображение на наш сайт: вставьте тег <code>img</code> перед элементом <code>h2</code> . Теперь установите атрибут <code>src</code> так, чтобы он указывал на этот url: <code>https://bit.ly/fcc-relaxing-cat</code> Наконец, не забудьте дать вашему изображению текст <code>alt</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваша страница должна иметь элемент изображения.
+    testString: 'assert($("img").length > 0, "Your page should have an image element.");'
+  - text: У вашего изображения должен быть атрибут <code>src</code> который указывает на изображение котенка.
+    testString: 'assert(new RegExp("\/\/bit.ly\/fcc-relaxing-cat|\/\/s3.amazonaws.com\/freecodecamp\/relaxing-cat.jpg", "gi").test($("img").attr("src")), "Your image should have a <code>src</code> attribute that points to the kitten image.");'
+  - text: Элемент изображения <strong>должен</strong> иметь атрибут <code>alt</code> .
+    testString: 'assert(code.match(/alt\s*?=\s*?(\"|\").*(\"|\")/), "Your image element <strong>must</strong> have an <code>alt</code> attribute.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.russian.md
new file mode 100644
index 0000000000..8024bfbb74
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.russian.md
@@ -0,0 +1,73 @@
+---
+id: bad87fee1348bd9aedf08830
+title: Add Placeholder Text to a Text Field
+challengeType: 0
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/add-placeholder-text-to-a-text-field'
+videoUrl: ''
+localeTitle: Добавить текст заполнителя в текстовое поле
+---
+
+## Description
+<section id="description"> Текст-заполнитель - это то, что отображается в вашем элементе <code>input</code> до того, как ваш пользователь ввел что-либо. Вы можете создать текст заполнителя следующим образом: <code>&lt;input type=&quot;text&quot; placeholder=&quot;this is placeholder text&quot;&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Задайте значение <code>placeholder</code> вашего <code>input</code> текста «URL-адрес кота». </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Добавьте атрибут <code>placeholder</code> в существующий элемент <code>input</code> текста.
+    testString: 'assert($("input[placeholder]").length > 0, "Add a <code>placeholder</code> attribute to the existing text <code>input</code> element.");'
+  - text: Установите для атрибута placeholder значение «URL-адрес кота».
+    testString: 'assert($("input") && $("input").attr("placeholder") && $("input").attr("placeholder").match(/cat\s+photo\s+URL/gi), "Set the value of your placeholder attribute to "cat photo URL".");'
+  - text: Готовый элемент <code>input</code> должен иметь действительный синтаксис.
+    testString: 'assert($("input[type=text]").length > 0 && code.match(/<input((\s+\w+(\s*=\s*(?:".*?"|".*?"|[\^"">\s]+))?)+\s*|\s*)\/?>/gi), "The finished <code>input</code> element should have valid syntax.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <input type="text">
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.russian.md
new file mode 100644
index 0000000000..42ce77297c
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.russian.md
@@ -0,0 +1,78 @@
+---
+id: bad87fee1348bd9aedd08835
+title: Check Radio Buttons and Checkboxes by Default
+challengeType: 0
+videoUrl: ''
+localeTitle: Проверьте радио кнопки и флажки по умолчанию
+---
+
+## Description
+<section id="description"> Вы можете установить флажок или переключатель для проверки по умолчанию с помощью атрибута <code>checked</code> . Для этого просто добавьте слово «проверено» во внутреннюю часть элемента ввода. Например: <code>&lt;input type=&quot;radio&quot; name=&quot;test-name&quot; checked&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Установите первый из ваших <code>radio buttons</code> и первый из ваших <code>checkboxes</code> чтобы оба были <code>checkboxes</code> по умолчанию. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш первый переключатель в вашей форме должен быть проверен по умолчанию.
+    testString: 'assert($("input[type="radio"]").prop("checked"), "Your first radio button on your form should be checked by default.");'
+  - text: Ваш первый флажок в вашей форме должен быть проверен по умолчанию.
+    testString: 'assert($("input[type="checkbox"]").prop("checked"), "Your first checkbox on your form should be checked by default.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/comment-out-html.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/comment-out-html.russian.md
new file mode 100644
index 0000000000..126863462d
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/comment-out-html.russian.md
@@ -0,0 +1,63 @@
+---
+id: bad87fee1348bd9aedf08804
+title: Comment out HTML
+challengeType: 0
+videoUrl: ''
+localeTitle: Комментарий HTML
+---
+
+## Description
+<section id="description"> Помните, что для того, чтобы начать комментарий, вам нужно использовать <code>&lt;!--</code> и для завершения комментария, вам нужно использовать <code>--&gt;</code> Здесь вам нужно будет закончить комментарий до того, как начнется ваш элемент <code>h2</code> . </section>
+
+## Instructions
+<section id="instructions"> Комментируйте свой элемент <code>h1</code> и ваш элемент <code>p</code> , но не ваш элемент <code>h2</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Прокомментируйте свой элемент <code>h1</code> чтобы он не был виден на вашей странице.
+    testString: 'assert(($("h1").length === 0), "Comment out your <code>h1</code> element so that it is not visible on your page.");'
+  - text: 'Оставьте свой <code>h2</code> элемент раскомментированным, чтобы он был виден на вашей странице.'
+    testString: 'assert(($("h2").length > 0), "Leave your <code>h2</code> element uncommented so that it is visible on your page.");'
+  - text: Прокомментируйте свой элемент <code>p</code> чтобы он не был виден на вашей странице.
+    testString: 'assert(($("p").length === 0), "Comment out your <code>p</code> element so that it is not visible on your page.");'
+  - text: Не забудьте закрыть каждый из ваших комментариев с помощью <code>--&gt;</code> .
+    testString: 'assert(code.match(/[^fc]-->/g).length > 1, "Be sure to close each of your comments with <code>--&#62;</code>.");'
+  - text: Не изменяйте порядок <code>h1</code> <code>h2</code> или <code>p</code> в коде.
+    testString: '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>") , "Do not change the order of the <code>h1</code> <code>h2</code> or <code>p</code> in the code.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<!--
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+-->
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.russian.md
new file mode 100644
index 0000000000..efd0168bff
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.russian.md
@@ -0,0 +1,63 @@
+---
+id: bad87fee1348bd9aedf08827
+title: Create a Bulleted Unordered List
+challengeType: 0
+videoUrl: ''
+localeTitle: Создать маркированный неупорядоченный список
+---
+
+## Description
+<section id="description"> HTML имеет специальный элемент для создания <code>unordered lists</code> или списков стилей в стиле пули. Неупорядоченные списки начинаются с элемента открытия <code>&lt;ul&gt;</code> , за которым следует любое количество элементов <code>&lt;li&gt;</code> . Наконец, неупорядоченные списки закрываются с помощью <code>&lt;/ul&gt;</code> Например: <blockquote> &lt;UL&gt; <br> &lt;Li&gt; молоко &lt;/ li&gt; <br> &lt;Li&gt; сыр &lt;/ li&gt; <br> &lt;/ UL&gt; </blockquote> создаст список стиля пули «молоко» и «сыр». </section>
+
+## Instructions
+<section id="instructions"> Удалите последние два элемента <code>p</code> и создайте неупорядоченный список из трех вещей, которые любят кошки в нижней части страницы. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Создайте элемент <code>ul</code> .
+    testString: 'assert($("ul").length > 0, "Create a <code>ul</code> element.");'
+  - text: У вас должно быть три элемента <code>li</code> в вашем элементе <code>ul</code> .
+    testString: 'assert($("ul li").length > 2, "You should have three <code>li</code> elements within your <code>ul</code> element.");'
+  - text: 'Убедитесь, что ваш элемент <code>ul</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/ul>/gi) && code.match(/<ul/gi) && code.match(/<\/ul>/gi).length === code.match(/<ul/gi).length, "Make sure your <code>ul</code> element has a closing tag.");'
+  - text: 'Убедитесь, что ваши элементы <code>li</code> закрывают теги.'
+    testString: 'assert(code.match(/<\/li>/gi) && code.match(/<li[\s>]/gi) && code.match(/<\/li>/gi).length === code.match(/<li[\s>]/gi).length, "Make sure your <code>li</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/create-a-form-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/create-a-form-element.russian.md
new file mode 100644
index 0000000000..2818b7fddf
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/create-a-form-element.russian.md
@@ -0,0 +1,72 @@
+---
+id: bad87fee1348bd9aede08830
+title: Create a Form Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание элемента формы
+---
+
+## Description
+<section id="description"> Вы можете создавать веб-формы, которые фактически отправляют данные на сервер, используя не что иное, как чистый HTML. Вы можете сделать это, указав действие в элементе <code>form</code> . Например: <code>&lt;form action=&quot;/url-where-you-want-to-submit-form-data&quot;&gt;&lt;/form&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Заглушите свое текстовое поле внутри элемента <code>form</code> и добавьте атрибут <code>action=&quot;/submit-cat-photo&quot;</code> в элемент формы. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вставьте элемент ввода текста в элемент <code>form</code> .
+    testString: 'assert($("form") && $("form").children("input") && $("form").children("input").length > 0, "Nest your text input element within a <code>form</code> element.");'
+  - text: 'Убедитесь, что ваша <code>form</code> имеет атрибут <code>action</code> который установлен в <code>/submit-cat-photo</code>'
+    testString: 'assert($("form").attr("action") === "/submit-cat-photo", "Make sure your <code>form</code> has an <code>action</code> attribute which is set to <code>/submit-cat-photo</code>");'
+  - text: 'Убедитесь, что ваш элемент <code>form</code> имеет хорошо сформированные открытые и закрытые метки.'
+    testString: 'assert(code.match(/<\/form>/g) && code.match(/<form [^<]*>/g) && code.match(/<\/form>/g).length === code.match(/<form [^<]*>/g).length, "Make sure your <code>form</code> element has well-formed open and close tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <input type="text" placeholder="cat photo URL">
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.russian.md
new file mode 100644
index 0000000000..720fe5e1aa
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.russian.md
@@ -0,0 +1,79 @@
+---
+id: bad87fee1348bd9aedf08835
+title: Create a Set of Checkboxes
+challengeType: 0
+videoUrl: ''
+localeTitle: Создать набор флажков
+---
+
+## Description
+<section id="description"> Формы обычно используют <code>checkboxes</code> для вопросов, которые могут иметь более одного ответа. Флажки - это тип <code>input</code> Каждый из ваших флажков может быть вложен в свой собственный элемент <code>label</code> . Обернув элемент <code>input</code> внутри элемента <code>label</code> он автоматически свяжет флажок с элементом метки, окружающим его. Все связанные с ним флажки должны иметь одинаковый атрибут <code>name</code> . Считается , что лучше практика явно определить отношения между CheckBox <code>input</code> и соответствующим <code>label</code> , установив <code>for</code> атрибута на <code>label</code> элемента в соответствии с <code>id</code> атрибута соответствующего <code>input</code> элемента. Вот пример флажка: <code>&lt;label for=&quot;loving&quot;&gt;&lt;input id=&quot;loving&quot; type=&quot;checkbox&quot; name=&quot;personality&quot;&gt; Loving&lt;/label&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Добавьте в свою форму набор из трех флажков. Каждый флажок должен быть вложен в свой собственный элемент <code>label</code> . Все три должны разделить <code>name</code> атрибута <code>personality</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: На вашей странице должно быть три элемента флажка.
+    testString: 'assert($("input[type="checkbox"]").length > 2, "Your page should have three checkbox elements.");'
+  - text: Каждый из трех элементов флажка должен быть вложен в свой собственный элемент <code>label</code> .
+    testString: 'assert($("label > input[type="checkbox"]:only-child").length > 2, "Each of your three checkbox elements should be nested in its own <code>label</code> element.");'
+  - text: 'Убедитесь, что каждый из ваших элементов <code>label</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/label>/g) && code.match(/<label/g) && code.match(/<\/label>/g).length === code.match(/<label/g).length, "Make sure each of your <code>label</code> elements has a closing tag.");'
+  - text: Дайте Флажки на <code>name</code> атрибута <code>personality</code> .
+    testString: 'assert($("label > input[type="checkbox"]").filter("[name="personality"]").length > 2, "Give your checkboxes the <code>name</code> attribute of <code>personality</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
+    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.russian.md
new file mode 100644
index 0000000000..fa1fb80fd1
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.russian.md
@@ -0,0 +1,83 @@
+---
+id: bad87fee1348bd9aedf08834
+title: Create a Set of Radio Buttons
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание набора кнопок радиосвязи
+---
+
+## Description
+<section id="description"> Вы можете использовать <code>radio buttons</code> для вопросов, в которых вы хотите, чтобы пользователь дал вам один ответ из нескольких вариантов. Кнопки радио - это тип <code>input</code> . Каждый из ваших переключателей может быть вложен в свой собственный элемент <code>label</code> . Обернув элемент <code>input</code> внутри элемента <code>label</code> он автоматически свяжет входной переключатель с окружающим его элементом метки. Все связанные радиокнопки должны иметь одинаковый атрибут <code>name</code> для создания группы переключателей. Создавая группу радиостанций, при выборе любого одного переключателя автоматически отменяется выбор других кнопок в пределах одной группы, гарантируя пользователю только один ответ. Вот пример переключателя: <blockquote> &lt;Метка&gt; <br> &lt;input type = &quot;radio&quot; name = &quot;indoor-outdoor&quot;&gt; Крытый <br> &lt;/ Метка&gt; </blockquote> Рекомендуется использовать атрибут <code>for</code> атрибута элемента <code>label</code> со значением, которое соответствует значению атрибута <code>id</code> <code>input</code> элемента. Это позволяет вспомогательным технологиям создавать взаимосвязанные отношения между меткой и элементом <code>input</code> . Например: <blockquote> &lt;label for = &quot;indoor&quot;&gt; <br> &lt;input id = &quot;indoor&quot; type = &quot;radio&quot; name = &quot;indoor-outdoor&quot;&gt; Крытый <br> &lt;/ Метка&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Добавьте пару радиокнопок в вашу форму, каждая из которых вложена в свой собственный элемент метки. Нужно иметь возможность <code>indoor</code> а у другого - возможность <code>outdoor</code> . Оба должны совместно использовать атрибут <code>name</code> <code>indoor-outdoor</code> чтобы создать группу радиостанций. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: На вашей странице должно быть два элемента переключателя.
+    testString: 'assert($("input[type="radio"]").length > 1, "Your page should have two radio button elements.");'
+  - text: Дайте ваше радио кнопки на <code>name</code> атрибут <code>indoor-outdoor</code> .
+    testString: 'assert($("label > input[type="radio"]").filter("[name="indoor-outdoor"]").length > 1, "Give your radio buttons the <code>name</code> attribute of <code>indoor-outdoor</code>.");'
+  - text: Каждый из ваших двух элементов переключателя должен быть вложен в свой собственный элемент <code>label</code> .
+    testString: 'assert($("label > input[type="radio"]:only-child").length > 1, "Each of your two radio button elements should be nested in its own <code>label</code> element.");'
+  - text: 'Убедитесь, что каждый из ваших элементов <code>label</code> имеет закрывающий тег.'
+    testString: 'assert((code.match(/<\/label>/g) && code.match(/<label/g) && code.match(/<\/label>/g).length === code.match(/<label/g).length), "Make sure each of your <code>label</code> elements has a closing tag.");'
+  - text: Один из ваших переключателей должен иметь ярлык в <code>indoor</code> .
+    testString: 'assert($("label").text().match(/indoor/gi), "One of your radio buttons should have the label <code>indoor</code>.");'
+  - text: Один из ваших переключателей должен иметь ярлык на <code>outdoor</code> .
+    testString: 'assert($("label").text().match(/outdoor/gi), "One of your radio buttons should have the label <code>outdoor</code>.");'
+  - text: Каждый элемент вашего переключателя должен быть добавлен в тег <code>form</code> .
+    testString: 'assert($("label").parent().get(0).tagName.match("FORM"), "Each of your radio button elements should be added within the <code>form</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/create-a-text-field.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/create-a-text-field.russian.md
new file mode 100644
index 0000000000..e2590eeeae
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/create-a-text-field.russian.md
@@ -0,0 +1,69 @@
+---
+id: bad87fee1348bd9aedf08829
+title: Create a Text Field
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание текстового поля
+---
+
+## Description
+<section id="description"> Теперь давайте создадим веб-форму. Элементы ввода - удобный способ ввода данных от пользователя. Вы можете создать текстовый ввод следующим образом: <code>&lt;input type=&quot;text&quot;&gt;</code> Обратите внимание, что <code>input</code> элементы самозакрываются. </section>
+
+## Instructions
+<section id="instructions"> Создайте <code>input</code> элемент типа <code>text</code> ниже списков. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваше приложение должно иметь <code>input</code> элемент типа <code>text</code> .
+    testString: 'assert($("input[type=text]").length > 0, "Your app should have an <code>input</code> element of type <code>text</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+
+
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.russian.md
new file mode 100644
index 0000000000..0ae7ff1ff5
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.russian.md
@@ -0,0 +1,79 @@
+---
+id: bad87fee1348bd9aedf08828
+title: Create an Ordered List
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание упорядоченного списка
+---
+
+## Description
+<section id="description"> HTML имеет еще один специальный элемент для создания <code>ordered lists</code> или нумерованных списков. Упорядоченные списки начинаются с элемента <code>&lt;ol&gt;</code> , за которым следует любое количество элементов <code>&lt;li&gt;</code> . Наконец, упорядоченные списки закрываются с помощью <code>&lt;/ol&gt;</code> Например: <blockquote> &lt;Ол&gt; <br> &lt;Li&gt; Гарфилд &lt;/ li&gt; <br> &lt;Li&gt; Сильвестр &lt;/ li&gt; <br> &lt;/ Ол&gt; </blockquote> создаст нумерованный список «Гарфилд» и «Сильвестр». </section>
+
+## Instructions
+<section id="instructions"> Создайте упорядоченный список из 3 лучших вещей, которые кошки ненавидят больше всего. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'У вас должен быть упорядоченный список для «Топ-3 вещей, которые ненавижу кошки:»'
+    testString: 'assert((/Top 3 things cats hate:/i).test($("ol").prev().text()), "You should have an ordered list for "Top 3 things cats hate:"");'
+  - text: 'У вас должен быть неупорядоченный список «Вещи, которые любят кошки»:'
+    testString: 'assert((/Things cats love:/i).test($("ul").prev().text()), "You should have an unordered list for "Things cats love:"");'
+  - text: У вас должен быть только один элемент <code>ul</code> .
+    testString: 'assert.equal($("ul").length, 1, "You should have only one <code>ul</code> element.");'
+  - text: У вас должен быть только один элемент <code>ol</code> .
+    testString: 'assert.equal($("ol").length, 1, "You should have only one <code>ol</code> element.");'
+  - text: У вас должно быть три элемента <code>li</code> в вашем элементе <code>ul</code> .
+    testString: 'assert.equal($("ul li").length, 3, "You should have three <code>li</code> elements within your <code>ul</code> element.");'
+  - text: У вас должно быть три элемента <code>li</code> внутри вашего элемента <code>ol</code> .
+    testString: 'assert.equal($("ol li").length, 3, "You should have three <code>li</code> elements within your <code>ol</code> element.");'
+  - text: 'Убедитесь, что ваш элемент <code>ul</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/ul>/g) && code.match(/<\/ul>/g).length === code.match(/<ul>/g).length, "Make sure your <code>ul</code> element has a closing tag.");'
+  - text: 'Убедитесь, что ваш элемент <code>ol</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/ol>/g) && code.match(/<\/ol>/g).length === code.match(/<ol>/g).length, "Make sure your <code>ol</code> element has a closing tag.");'
+  - text: 'Убедитесь, что ваш элемент <code>li</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/li>/g) && code.match(/<li>/g) && code.match(/<\/li>/g).length === code.match(/<li>/g).length, "Make sure your <code>li</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.russian.md
new file mode 100644
index 0000000000..996eed4732
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.russian.md
@@ -0,0 +1,52 @@
+---
+id: 587d78aa367417b2b2512aed
+title: Declare the Doctype of an HTML Document
+challengeType: 0
+videoUrl: ''
+localeTitle: Объявить Doctype HTML-документа
+---
+
+## Description
+<section id="description"> Вызовы до сих пор охватывали конкретные элементы HTML и их использование. Однако есть несколько элементов, которые дают общую структуру вашей странице и должны быть включены в каждый HTML-документ. В верхней части документа вам нужно указать браузеру, какую версию HTML использует ваша страница. HTML является развивающимся языком и регулярно обновляется. Большинство основных браузеров поддерживают самую последнюю спецификацию, которая является HTML5. Однако старые веб-страницы могут использовать предыдущие версии языка. Вы сообщите браузеру эту информацию, добавив в первую строку тег <code>&lt;!DOCTYPE ...&gt;</code> , где « <code>...</code> » - это версия HTML. Для HTML5 вы используете <code>&lt;!DOCTYPE html&gt;</code> . <code>!</code> и верхний регистр <code>DOCTYPE</code> важен, особенно для старых браузеров. <code>html</code> не чувствителен к регистру. Далее, весь ваш HTML-код необходимо обернуть в теги <code>html</code> . Открытие <code>&lt;html&gt;</code> идет непосредственно под линией <code>&lt;!DOCTYPE html&gt;</code> , а закрытие <code>&lt;/html&gt;</code> идет в конце страницы. Вот пример структуры страницы: <blockquote> &lt;! DOCTYPE html&gt; <br> &lt;HTML&gt; <br> &lt;! - Ваш HTML-код идет здесь -&gt; <br> &lt;/ Html&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Добавьте тег <code>DOCTYPE</code> для HTML5 в начало пустого документа HTML в редакторе кода. Под ним добавьте открывающие и закрывающие теги <code>html</code> , которые обертывают вокруг элемента <code>h1</code> . Заголовок может включать любой текст. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен содержать <code>&lt;!DOCTYPE html&gt;</code> .
+    testString: 'assert(code.match(/<!DOCTYPE\s+?html\s*?>/gi), "Your code should include a <code>&lt;!DOCTYPE html&gt;</code> tag.");'
+  - text: Должен быть один элемент <code>html</code> .
+    testString: 'assert($("html").length == 1, "There should be one <code>html</code> element.");'
+  - text: Теги <code>html</code> должны охватывать один элемент <code>h1</code> .
+    testString: 'assert(code.match(/<html>\s*?<h1>\s*?.*?\s*?<\/h1>\s*?<\/html>/gi), "The <code>html</code> tags should wrap around one <code>h1</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.russian.md
new file mode 100644
index 0000000000..7ef302ae1b
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.russian.md
@@ -0,0 +1,66 @@
+---
+id: 587d78aa367417b2b2512aec
+title: Define the Head and Body of an HTML Document
+challengeType: 0
+videoUrl: ''
+localeTitle: Определение заголовка и тела документа HTML
+---
+
+## Description
+<section id="description"> Вы можете добавить еще один уровень организации в свой HTML-документ в тегах <code>html</code> с элементами <code>head</code> и <code>body</code> . Любая разметка с информацией о Вашей странице будет идти в <code>head</code> метку. Тогда любая метка с содержимым страницы (то, что отображается для пользователя) войдет в тег <code>body</code> . Элементы метаданных, такие как <code>link</code> , <code>meta</code> , <code>title</code> и <code>style</code> , обычно входят в элемент <code>head</code> . Вот пример макета страницы: <blockquote> &lt;! DOCTYPE html&gt; <br> &lt;HTML&gt; <br> &lt;Голова&gt; <br> &lt;! - элементы метаданных -&gt; <br> &lt;/ HEAD&gt; <br> &lt;Тело&gt; <br> &lt;! - содержание страницы -&gt; <br> &lt;/ Body&gt; <br> &lt;/ Html&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Отредактируйте разметку, чтобы появилась <code>head</code> и <code>body</code> . Элемент <code>head</code> должен включать только <code>title</code> , а элемент <code>body</code> должен включать только <code>h1</code> и <code>p</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: На странице должен быть только один элемент <code>head</code> .
+    testString: 'assert($("head").length == 1, "There should be only one <code>head</code> element on the page.");'
+  - text: На странице должен быть только один элемент <code>body</code> .
+    testString: 'assert($("body").length == 1, "There should be only one <code>body</code> element on the page.");'
+  - text: Элемент <code>head</code> должен быть дочерним элементом <code>html</code> .
+    testString: 'assert($("html").children("head").length == 1, "The <code>head</code> element should be a child of the <code>html</code> element.");'
+  - text: Элемент <code>body</code> должен быть дочерним элементом <code>html</code> .
+    testString: 'assert($("html").children("body").length == 1, "The <code>body</code> element should be a child of the <code>html</code> element.");'
+  - text: Элемент <code>head</code> должен обернуть элемент <code>title</code> .
+    testString: 'assert(code.match(/<head>\s*?<title>\s*?.*?\s*?<\/title>\s*?<\/head>/gi), "The <code>head</code> element should wrap around the <code>title</code> element.");'
+  - text: Элемент <code>body</code> должен обернуть оба элемента <code>h1</code> и <code>p</code> .
+    testString: 'assert($("body").children("h1").length == 1 && $("body").children("p").length == 1, "The <code>body</code> element should wrap around both the <code>h1</code> and <code>p</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<!DOCTYPE html>
+<html>
+  <title>The best page ever</title>
+
+  <h1>The best page ever</h1>
+  <p>Cat ipsum dolor sit amet, jump launch to pounce upon little yarn mouse, bare fangs at toy run hide in litter box until treats are fed. Go into a room to decide you didn't want to be in there anyway. I like big cats and i can not lie kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Meow i could pee on this if i had the energy for slap owner's face at 5am until human fills food dish yet scamper. Knock dish off table head butt cant eat out of my own dish scratch the furniture. Make meme, make cute face. Sleep in the bathroom sink chase laser but pee in the shoe. Paw at your fat belly licks your face and eat grass, throw it back up kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+
+</html>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/delete-html-elements.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/delete-html-elements.russian.md
new file mode 100644
index 0000000000..9fb7a8a141
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/delete-html-elements.russian.md
@@ -0,0 +1,57 @@
+---
+id: bad87fed1348bd9aedf08833
+title: Delete HTML Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Удалить элементы HTML
+---
+
+## Description
+<section id="description"> Наш телефон не имеет большого пространства. Удалим ненужные элементы, чтобы мы могли начать строить CatPhotoApp. </section>
+
+## Instructions
+<section id="instructions"> Удалите элемент <code>h1</code> чтобы мы могли упростить наше представление. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Удалите элемент <code>h1</code> .
+    testString: 'assert(!code.match(/<h1>/gi) && !code.match(/<\/h1>/gi), "Delete your <code>h1</code> element.");'
+  - text: Оставьте свой элемент <code>h2</code> на странице.
+    testString: 'assert(code.match(/<h2>[\w\W]*<\/h2>/gi), "Leave your <code>h2</code> element on the page.");'
+  - text: Оставьте свой элемент <code>p</code> на странице.
+    testString: 'assert(code.match(/<p>[\w\W]*<\/p>/gi), "Leave your <code>p</code> element on the page.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.russian.md
new file mode 100644
index 0000000000..0d265996bf
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.russian.md
@@ -0,0 +1,53 @@
+---
+id: bad87fee1348bd9aedf08833
+title: Fill in the Blank with Placeholder Text
+challengeType: 0
+videoUrl: ''
+localeTitle: Заполните пустое поле с текстом заполнителя
+---
+
+## Description
+<section id="description"> Веб-разработчики традиционно используют <code>lorem ipsum text</code> качестве текста-заполнителя. Текст «lorem ipsum» случайным образом очищается от знаменитого отрывка Цицерона Древнего Рима. Текст Lorem ipsum использовался в качестве текста заполнителя с помощью наборов текста с 16 века, и эта традиция продолжается в Интернете. Ну, 5 веков достаточно долго. Поскольку мы создаем CatPhotoApp, давайте использовать что-то под названием <code>kitty ipsum text</code> . </section>
+
+## Instructions
+<section id="instructions"> Замените текст внутри вашего элемента <code>p</code> на первые несколько слов этого текста <code>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</code> kitty: <code>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш элемент <code>p</code> должен содержать первые несколько слов предоставленного <code>kitty ipsum text</code> .
+    testString: 'assert.isTrue((/Kitty(\s)+ipsum/gi).test($("p").text()), "Your <code>p</code> element should contain the first few words of the provided <code>kitty ipsum text</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Hello Paragraph</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.russian.md
new file mode 100644
index 0000000000..ffb7561949
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.russian.md
@@ -0,0 +1,55 @@
+---
+id: bad87fee1348bd9aedf0887a
+title: Headline with the h2 Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Заголовок с элементом h2
+---
+
+## Description
+<section id="description"> В течение следующих нескольких уроков мы построим веб-приложение для HTML-кодов HTML5 по частям. Элемент <code>h2</code> вы добавите на этом шаге, добавит заголовок уровня 2 на веб-страницу. Этот элемент сообщает браузеру о структуре вашего веб-сайта. Элементы <code>h1</code> часто используются для основных заголовков, а элементы <code>h2</code> обычно используются для подзаголовков. Существуют также элементы <code>h3</code> , <code>h4</code> , <code>h5</code> и <code>h6</code> для обозначения разных уровней подзаголовков. </section>
+
+## Instructions
+<section id="instructions"> Добавьте тег <code>h2</code> который говорит «CatPhotoApp», чтобы создать второй <code>element</code> HTML под <code>element</code> «Hello World» <code>h1</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Создайте элемент <code>h2</code> .
+    testString: 'assert(($("h2").length > 0), "Create an <code>h2</code> element.");'
+  - text: 'Убедитесь, что ваш элемент <code>h2</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/h2>/g) && code.match(/<\/h2>/g).length === code.match(/<h2>/g).length, "Make sure your <code>h2</code> element has a closing tag.");'
+  - text: Ваш элемент <code>h2</code> должен иметь текст «CatPhotoApp».
+    testString: 'assert.isTrue((/cat(\s)?photo(\s)?app/gi).test($("h2").text()), "Your <code>h2</code> element should have the text "CatPhotoApp".");'
+  - text: Ваш элемент <code>h1</code> должен иметь текст «Hello World».
+    testString: 'assert.isTrue((/hello(\s)+world/gi).test($("h1").text()), "Your <code>h1</code> element should have the text "Hello World".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello World</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.russian.md
new file mode 100644
index 0000000000..d4d60f7401
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.russian.md
@@ -0,0 +1,54 @@
+---
+id: bad87fee1348bd9aedf08801
+title: Inform with the Paragraph Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Информировать элемент абзаца
+---
+
+## Description
+<section id="description"> <code>p</code> элементов являются предпочтительным элементом текста абзаца на веб-сайтах. <code>p</code> является коротким для «абзаца». Вы можете создать элемент абзаца следующим образом: <code>&lt;p&gt;I&#39;m ap tag!&lt;/p&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Создайте <code>p</code> элемент под вашим элементом <code>h2</code> и дайте ему текст «Hello Paragraph». </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Создайте элемент <code>p</code> .
+    testString: 'assert(($("p").length > 0), "Create a <code>p</code> element.");'
+  - text: Ваш элемент <code>p</code> должен иметь текст «Hello Paragraph».
+    testString: 'assert.isTrue((/hello(\s)+paragraph/gi).test($("p").text()), "Your <code>p</code> element should have the text "Hello Paragraph".");'
+  - text: 'Убедитесь, что ваш элемент <code>p</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/p>/g) && code.match(/<\/p>/g).length === code.match(/<p/g).length, "Make sure your <code>p</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello World</h1>
+<h2>CatPhotoApp</h2>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.russian.md
new file mode 100644
index 0000000000..c1b56e9ccb
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.russian.md
@@ -0,0 +1,63 @@
+---
+id: bad87fee1348bd9aecf08801
+title: Introduction to HTML5 Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Введение в элементы HTML5
+---
+
+## Description
+<section id="description"> HTML5 вводит более описательные HTML-теги. К ним относятся <code>header</code> , <code>footer</code> , <code>nav</code> , <code>video</code> , <code>article</code> , <code>section</code> и другие. Эти теги упрощают чтение вашего HTML, а также помогают в поисковой оптимизации (SEO) и доступности. <code>main</code> тег HTML5 помогает поисковым системам и другим разработчикам находить основное содержимое вашей страницы. <strong>Заметка</strong> <br> Многие из новых тегов HTML5 и их преимущества описаны в разделе «Прикладная доступность». </section>
+
+## Instructions
+<section id="instructions"> Создайте второй элемент <code>p</code> после существующего элемента <code>p</code> со следующим текстом <code>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</code> kitty: <code>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</code> Оберните абзацы с помощью <code>main</code> и закрывающего <code>main</code> тега. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вам нужны 2 <code>p</code> элемента с текстом Китти Ipsum.
+    testString: 'assert($("p").length > 1, "You need 2 <code>p</code> elements with Kitty Ipsum text.");'
+  - text: 'Убедитесь, что каждый из ваших <code>p</code> элементов имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/p>/g) && code.match(/<\/p>/g).length === code.match(/<p/g).length, "Make sure each of your <code>p</code> elements has a closing tag.");'
+  - text: ''
+    testString: 'assert.isTrue((/Purr\s+jump\s+eat/gi).test($("p").text()), "Your <code>p</code> element should contain the first few words of the provided additional <code>kitty ipsum text</code>.");'
+  - text: Ваш код должен иметь один <code>main</code> элемент.
+    testString: 'assert($("main").length === 1, "Your code should have one <code>main</code> element.");'
+  - text: <code>main</code> элемент должен содержать два элемента абзаца в качестве детей.
+    testString: 'assert($("main").children("p").length === 2, "The <code>main</code> element should have two paragraph elements as children.");'
+  - text: <code>main</code> тег открытия должен появиться перед тегом первого абзаца.
+    testString: 'assert(code.match(/<main>\s*?<p>/g), "The opening <code>main</code> tag should come before the first paragraph tag.");'
+  - text: Закрывающий <code>main</code> тег должен появиться после второго тега абзаца закрытия.
+    testString: 'assert(code.match(/<\/p>\s*?<\/main>/g), "The closing <code>main</code> tag should come after the second closing paragraph tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.russian.md
new file mode 100644
index 0000000000..aa9239a314
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.russian.md
@@ -0,0 +1,62 @@
+---
+id: bad87fee1348bd9aedf08816
+title: Link to External Pages with Anchor Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Ссылка на внешние страницы с элементами привязки
+---
+
+## Description
+<section id="description"> Вы можете использовать элементы <code>anchor</code> для ссылки на контент вне вашей веб-страницы. элементам <code>anchor</code> нужен адрес веб-сайта назначения, называемый атрибутом <code>href</code> . Им также нужен якорный текст. Вот пример: <code>&lt;a href=&quot;https://freecodecamp.org&quot;&gt;this links to freecodecamp.org&lt;/a&gt;</code> Затем ваш браузер отобразит текст <strong>«это ссылки на freecodecamp.org»</strong> в качестве ссылки, которую вы можете щелкнуть. И эта ссылка приведет вас к веб-адресу <strong>https://www.freecodecamp.org</strong> . </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш элемент должен иметь <code>a</code> <code>anchor text</code> в «кошки фотографии».
+    testString: 'assert((/cat photos/gi).test($("a").text()), "Your <code>a</code> element should have the <code>anchor text</code> of "cat photos".");'
+  - text: 'Вам нужно <code>a</code> элемент, ссылки на <code>http://freecatphotoapp .com</code>'
+    testString: 'assert(/http:\/\/(www\.)?freecatphotoapp\.com/gi.test($("a").attr("href")), "You need an <code>a</code> element that links to <code>http&#58;//freecatphotoapp<wbr>.com</code>");'
+  - text: ''
+    testString: 'assert(code.match(/<\/a>/g) && code.match(/<\/a>/g).length === code.match(/<a/g).length, "Make sure your <code>a</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.russian.md
new file mode 100644
index 0000000000..45df4f18cf
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.russian.md
@@ -0,0 +1,73 @@
+---
+id: bad88fee1348bd9aedf08816
+title: Link to Internal Sections of a Page with Anchor Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Ссылка на внутренние разделы страницы с элементами привязки
+---
+
+## Description
+<section id="description"> Элементы привязки также могут использоваться для создания внутренних ссылок для перехода к различным разделам веб-страницы. Чтобы создать внутреннюю ссылку, вы назначаете атрибут <code>href</code> ссылки на хэш-символ <code>#</code> плюс значение атрибута <code>id</code> для элемента, к которому вы хотите внутренне связать, обычно дальше вниз по странице. Затем вам нужно добавить тот же атрибут <code>id</code> к элементу, к которому вы привязываетесь. <code>id</code> - это атрибут, который однозначно описывает элемент. Ниже приведен пример внутренней привязной ссылки и ее целевого элемента: <blockquote> &lt;a href=&quot;#contacts-header&quot;&gt; Контакты &lt;/a&gt; <br> ... <br> &lt;h2 id = &quot;contacts-header&quot;&gt; Контакты &lt;/ h2&gt; </blockquote> Когда пользователи нажимают ссылку «Контакты», они будут отправлены в раздел веб-страницы с элементом заголовка « <b>Контакты»</b> . </section>
+
+## Instructions
+<section id="instructions"> Измените внешнюю ссылку на внутреннюю ссылку, изменив атрибут <code>href</code> на «#footer» и текст «Фотографии кошки» на «Перейти к нижнему». Удалите атрибут <code>target=&quot;_blank&quot;</code> из тега привязки, поскольку это заставляет связанный документ открываться на вкладке нового окна. Затем добавьте атрибут <code>id</code> со значением «footer» в элемент <code>&lt;footer&gt;</code> в нижней части страницы. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: На вашей странице должен быть только один тег привязки.
+    testString: 'assert($("a").length == 1, "There should be only one anchor tag on your page.");'
+  - text: На вашей странице должен быть только один <code>footer</code> тег.
+    testString: 'assert($("footer").length == 1, "There should be only one <code>footer</code> tag on your page.");'
+  - text: 'Тег <code>a</code> должен иметь атрибут <code>href</code> установленный на «#footer».'
+    testString: 'assert($("a").eq(0).attr("href") == "#footer", "The <code>a</code> tag should have an <code>href</code> attribute set to "#footer".");'
+  - text: Тег <code>a</code> должен не иметь <code>target</code> атрибута
+    testString: 'assert(typeof $("a").eq(0).attr("target") == typeof undefined || $("a").eq(0).attr("target") == true, "The <code>a</code> tag should not have a <code>target</code> attribute");'
+  - text: Текст должен быть «Перейти к низу». <code>a</code>
+    testString: 'assert($("a").eq(0).text().match(/Jump to Bottom/gi), "The <code>a</code> text should be "Jump to Bottom".");'
+  - text: Тег <code>footer</code> должен иметь атрибут <code>id</code> установленный в «нижний колонтитул».
+    testString: 'assert($("footer").eq(0).attr("id") == "footer", "The <code>footer</code> tag should have an <code>id</code> attribute set to "footer".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+  <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+  <p>Meowwww loved it, hated it, loved it, hated it yet spill litter box, scratch at owner, destroy all furniture, especially couch or lay on arms while you're using the keyboard. Missing until dinner time toy mouse squeak roll over. With tail in the air lounge in doorway. Man running from cops stops to pet cats, goes to jail.</p>
+  <p>Intently stare at the same spot poop in the plant pot but kitten is playing with dead mouse. Get video posted to internet for chasing red dot leave fur on owners clothes meow to be let out and mesmerizing birds leave fur on owners clothes or favor packaging over toy so purr for no reason. Meow to be let out play time intently sniff hand run outside as soon as door open yet destroy couch.</p>
+
+</main>
+
+<footer>Copyright Cat Photo App</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.russian.md
new file mode 100644
index 0000000000..c0209eaec6
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.russian.md
@@ -0,0 +1,57 @@
+---
+id: bad87fee1348bd9aedf08817
+title: Make Dead Links Using the Hash Symbol
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание мертвых ссылок с использованием символа хэша
+---
+
+## Description
+<section id="description"> Иногда вы хотите добавить элементы на свой веб - сайт , прежде чем вы знаете , где они будут ссылаться. <code>a</code> Это также удобно, когда вы меняете поведение ссылки с помощью <code>JavaScript</code> , о чем мы узнаем позже. </section>
+
+## Instructions
+<section id="instructions"> Текущее значение атрибута <code>href</code> - это ссылка, которая указывает на «http://freecatphotoapp.com». Замените значение атрибута <code>href</code> символом <code>#</code> , также известным как хэш-символ, чтобы создать мертвую ссылку. Например: <code>href=&quot;#&quot;</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш элемент должен быть мертвой ссылке с значением <code>a</code> <code>href</code> атрибута установлено значение «#».'
+    testString: 'assert($("a").attr("href") === "#", "Your <code>a</code> element should be a dead link with the value of the <code>href</code> attribute set to "#".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>.</p>
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.russian.md
new file mode 100644
index 0000000000..8a83a0220f
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.russian.md
@@ -0,0 +1,72 @@
+---
+id: bad87fee1348bd9aede08817
+title: Nest an Anchor Element within a Paragraph
+challengeType: 0
+videoUrl: ''
+localeTitle: Гнездо анкерного элемента в абзаце
+---
+
+## Description
+<section id="description"> Вы можете вставлять ссылки в другие текстовые элементы. <blockquote> &lt;Р&gt; <br> Вот вам ссылка &lt;a target=&quot;_blank&quot; href=&quot;http://freecodecamp.org&quot;&gt; на freecodecamp.org &lt;/a&gt; для вас. <br> &lt;/ Р&gt; </blockquote> Давайте разберем пример: Обычный текст завернут в элемент <code>p</code> : <br> <code>&lt;p&gt; Here&#39;s a ... for you to follow. &lt;/p&gt;</code> Следующий элемент <code>anchor</code> <code>&lt;a&gt;</code> (для которого требуется закрывающий тег <code>&lt;/a&gt;</code> ): <br> <code>&lt;a&gt; ... &lt;/a&gt;</code> <code>target</code> - это атрибут тега привязки, который указывает, где можно открыть ссылку, а значение <code>&quot;_blank&quot;</code> указывает на открытие ссылки на новой вкладке. <code>href</code> является атрибутом тега привязки, который содержит URL-адрес связь: <br> <code>&lt;a href=&quot;http://freecodecamp.org&quot;&gt; ... &lt;/a&gt;</code> В тексте, <strong>«ссылка на freecodecamp.org»</strong> , в элементе <code>anchor text</code> , который называется <code>anchor text</code> , будет отображаться ссылка: <br> <code>&lt;a href=&quot; ... &quot;&gt;link to freecodecamp.org&lt;/a&gt;</code> Окончательный результат примера будет выглядеть так: <br><p> Вот <a target="_blank" href="http://freecodecamp.org">ссылка на freecodecamp.org</a> для вас. </p></section>
+
+## Instructions
+<section id="instructions"> Теперь гнездо уже существующий <code>a</code> элемент в новом <code>p</code> элемент (только после того, как существующего <code>main</code> элемента). В новом абзаце должен быть текст с надписью «Просмотр фотографий кошек», где «фотографии кошек» - это ссылка, а остальная часть текста - простой текст. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Вам нужно <code>a</code> элемент , который связывает с «http://freecatphotoapp.com».'
+    testString: 'assert(($("a[href=\"http://freecatphotoapp.com\"]").length > 0 || $("a[href=\"http://www.freecatphotoapp.com\"]").length > 0), "You need an <code>a</code> element that links to "http://freecatphotoapp.com".");'
+  - text: Ваш элемент должен иметь якорный текст «кошачьи фотографии» <code>a</code>
+    testString: 'assert($("a").text().match(/cat\sphotos/gi), "Your <code>a</code> element should have the anchor text of "cat photos"");'
+  - text: 'Создать новый <code>p</code> элемент вокруг вашего <code>a</code> элементе. Там должно быть , по крайней мере , 3 всего <code>p</code> теги в вашем HTML коде.'
+    testString: 'assert($("p") && $("p").length > 2, "Create a new <code>p</code> element around your <code>a</code> element. There should be at least 3 total <code>p</code> tags in your HTML code.");'
+  - text: Ваш элемент должен быть вложен в вашем новом <code>a</code> <code>p</code> элемент.
+    testString: 'assert(($("a[href=\"http://freecatphotoapp.com\"]").parent().is("p") || $("a[href=\"http://www.freecatphotoapp.com\"]").parent().is("p")), "Your <code>a</code> element should be nested within your new <code>p</code> element.");'
+  - text: Ваш элемент <code>p</code> должен иметь текст «Просмотреть больше» (с пробелом после него).
+    testString: 'assert(($("a[href=\"http://freecatphotoapp.com\"]").parent().text().match(/View\smore\s/gi) || $("a[href=\"http://www.freecatphotoapp.com\"]").parent().text().match(/View\smore\s/gi)), "Your <code>p</code> element should have the text "View more " (with a space after it).");'
+  - text: Ваш элемент <em>не</em> должен иметь текст «Больше». <code>a</code>
+    testString: 'assert(!$("a").text().match(/View\smore/gi), "Your <code>a</code> element should <em>not</em> have the text "View more".");'
+  - text: 'Убедитесь, что каждый из ваших <code>p</code> элементов имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/p>/g) && code.match(/<p/g) && code.match(/<\/p>/g).length === code.match(/<p/g).length, "Make sure each of your <code>p</code> elements has a closing tag.");'
+  - text: 'Убедитесь , что каждый из ваших <code>a</code> элементы закрывающий тег.'
+    testString: 'assert(code.match(/<\/a>/g) && code.match(/<a/g) && code.match(/<\/a>/g).length === code.match(/<a/g).length, "Make sure each of your <code>a</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+  <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.russian.md
new file mode 100644
index 0000000000..f1601edfe7
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.russian.md
@@ -0,0 +1,83 @@
+---
+id: bad87fee1348bd9aede08835
+title: Nest Many Elements within a Single div Element
+challengeType: 0
+videoUrl: ''
+localeTitle: Гнездо Много элементов в одном элементе div
+---
+
+## Description
+<section id="description"> Элемент <code>div</code> , также известный как элемент разделения, является контейнером общего назначения для других элементов. Элемент <code>div</code> вероятно, является наиболее часто используемым HTML-элементом. Как и любой другой несамозакрывающийся элемент, вы можете открыть элемент <code>div</code> с помощью <code>&lt;div&gt;</code> и закрыть его в другой строке с помощью <code>&lt;/div&gt;</code> . </section>
+
+## Instructions
+<section id="instructions"> Гнездо ваших «Вещей кошек любят» и «Вещи, которые ненавидят кошек», перечисляет все в одном элементе <code>div</code> . Подсказка: Попробуйте поместить ваше открытие <code>div</code> тега выше ваших «Things кошек любит» <code>p</code> элемент и ваше закрытие <code>div</code> тег после закрытия <code>ol</code> тега , так что оба ваших списков находятся в пределах одного <code>div</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Гнездо ваших элементов <code>p</code> внутри вашего элемента <code>div</code> .
+    testString: 'assert($("div").children("p").length > 1, "Nest your <code>p</code> elements inside your <code>div</code> element.");'
+  - text: Вставьте свой элемент <code>ul</code> внутри элемента <code>div</code> .
+    testString: 'assert($("div").children("ul").length > 0, "Nest your <code>ul</code> element inside your <code>div</code> element.");'
+  - text: Гнездо вашего элемента <code>ol</code> внутри вашего элемента <code>div</code> .
+    testString: 'assert($("div").children("ol").length > 0, "Nest your <code>ol</code> element inside your <code>div</code> element.");'
+  - text: 'Убедитесь, что ваш элемент <code>div</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<\/div>/g).length === code.match(/<div>/g).length, "Make sure your <code>div</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.russian.md
new file mode 100644
index 0000000000..3403008976
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.russian.md
@@ -0,0 +1,49 @@
+---
+id: bd7123c8c441eddfaeb5bdef
+title: Say Hello to HTML Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Произнести Hello to HTML Elements
+---
+
+## Description
+<section id="description"> Добро пожаловать в проблемы с кодированием HTML-кода freeCodeCamp. Постепенно вы будете проходить через веб-разработку. Во-первых, вы начнете с создания простой веб-страницы с использованием HTML. Вы можете редактировать <code>code</code> в <code>code editor</code> , который встроен в эту веб-страницу. Вы видите код в редакторе кода, который говорит <code>&lt;h1&gt;Hello&lt;/h1&gt;</code> ? Это <code>element</code> HTML. Большинство элементов HTML имеют <code>opening tag</code> и <code>closing tag</code> . Теги открытия выглядят следующим образом: <code>&lt;h1&gt;</code> Закрывающие теги выглядят следующим образом: <code>&lt;/h1&gt;</code> Единственная разница между тегами открытия и закрытия - это прямая косая черта после открывающей скобки закрывающего тега. У каждой задачи есть тесты, которые вы можете запустить в любое время, нажав кнопку «Запустить тесты». Когда вы пройдете все тесты, вам будет предложено отправить ваше решение и перейти к следующему заданию на кодирование. </section>
+
+## Instructions
+<section id="instructions"> Чтобы пройти тест по этой проблеме, измените текст своего элемента <code>h1</code> , чтобы сказать «Hello World». </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш элемент <code>h1</code> должен иметь текст «Hello World».
+    testString: 'assert.isTrue((/hello(\s)+world/gi).test($("h1").text()), "Your <code>h1</code> element should have the text "Hello World".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h1>Hello</h1>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.russian.md
new file mode 100644
index 0000000000..249e372bc8
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.russian.md
@@ -0,0 +1,61 @@
+---
+id: bad87fee1348bd9aedf08820
+title: Turn an Image into a Link
+challengeType: 0
+videoUrl: ''
+localeTitle: Поверните изображение в ссылку
+---
+
+## Description
+<section id="description"> Вы можете сделать элементы в ссылки, гнездящихся их внутри <code>a</code> элементе. Nest вашего изображения внутри <code>a</code> элементе. Вот пример: <code>&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;https://bit.ly/fcc-running-cats&quot; alt=&quot;Three kittens running towards the camera.&quot;&gt;&lt;/a&gt;</code> забудьте использовать <code>#</code> в качестве вашего элемента <code>a</code> <code>href</code> собственности , с тем , чтобы превратить его в мертвую ссылку. </section>
+
+## Instructions
+<section id="instructions"> Поместите существующий элемент изображения в элемент привязки. Когда вы это сделаете, наведите курсор мыши на изображение. Нормальный указатель курсора должен стать указателем на ссылку. Фотография теперь является ссылкой. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вложите существующий элемент <code>img</code> элемент <code>a</code> .
+    testString: 'assert($("a").children("img").length > 0, "Nest the existing <code>img</code> element within an <code>a</code> element.");'
+  - text: 'Ваш элемент должен быть мертвой ссылке с <code>a</code> <code>href</code> атрибута равным <code>#</code> .'
+    testString: 'assert(new RegExp("#").test($("a").children("img").parent().attr("href")), "Your <code>a</code> element should be a dead link with a <code>href</code> attribute set to <code>#</code>.");'
+  - text: 'Убедитесь , что каждый из ваших <code>a</code> элементы закрывающий тег.'
+    testString: 'assert(code.match(/<\/a>/g) && code.match(/<a/g) && code.match(/<\/a>/g).length === code.match(/<a/g).length, "Make sure each of your <code>a</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/uncomment-html.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/uncomment-html.russian.md
new file mode 100644
index 0000000000..ab18cf6383
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/uncomment-html.russian.md
@@ -0,0 +1,61 @@
+---
+id: bad87fee1348bd9aedf08802
+title: Uncomment HTML
+challengeType: 0
+videoUrl: ''
+localeTitle: Uncomment HTML
+---
+
+## Description
+<section id="description"> Комментирование - это способ, которым вы можете оставлять комментарии для других разработчиков в своем коде, не влияя на итоговый вывод, который отображается конечному пользователю. Комментирование также является удобным способом сделать код неактивным, не удаляя его целиком. Комментарии в HTML начинаются с <code>&lt;!--</code> , и заканчивается на <code>--&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Раскомментируйте свои элементы <code>h1</code> , <code>h2</code> и <code>p</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Сделайте свой элемент <code>h1</code> видимым на своей странице, раскомментируя его.'
+    testString: 'assert($("h1").length > 0, "Make your <code>h1</code> element visible on your page by uncommenting it.");'
+  - text: 'Сделайте свой элемент <code>h2</code> видимым на своей странице, раскомментируя его.'
+    testString: 'assert($("h2").length > 0, "Make your <code>h2</code> element visible on your page by uncommenting it.");'
+  - text: 'Сделайте свой элемент <code>p</code> видимым на своей странице, раскомментируя его.'
+    testString: 'assert($("p").length > 0, "Make your <code>p</code> element visible on your page by uncommenting it.");'
+  - text: 'Обязательно удалите все трейлинг-теги комментариев, т. Е. <code>--&gt;</code> .'
+    testString: 'assert(!/[^fc]-->/gi.test(code.replace(/ *<!--[^fc]*\n/g,"")), "Be sure to delete all trailing comment tags&#44; i.e. <code>--&#62;</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<!--
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+-->
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.russian.md
new file mode 100644
index 0000000000..5c719cf373
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.russian.md
@@ -0,0 +1,71 @@
+---
+id: bad87fee1348bd9aedc08830
+title: Use HTML5 to Require a Field
+challengeType: 0
+videoUrl: ''
+localeTitle: Использовать HTML5 для запроса поля
+---
+
+## Description
+<section id="description"> Вы можете потребовать определенные поля формы, чтобы ваш пользователь не смог отправить вашу форму до тех пор, пока он или она не заполнили их. Например, если вы хотите внести требуемое текстовое поле ввода, вы можете просто добавить атрибут, <code>required</code> вашего элемента <code>input</code> , например: <code>&lt;input type=&quot;text&quot; required&gt;</code> </section>
+
+## Instructions
+<section id="instructions"> Сделайте ваш текст <code>input</code> в <code>required</code> поле, чтобы ваш пользователь не может отправить форму без завершения этого поля. Затем попробуйте отправить форму без ввода какого-либо текста. Посмотрите, как ваша форма HTML5 уведомляет вас о том, что это поле необходимо? </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элемент <code>input</code> текста должен иметь <code>required</code> атрибут.
+    testString: 'assert($("input").prop("required"), "Your text <code>input</code> element should have the <code>required</code> attribute.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <input type="text" placeholder="cat photo URL">
+    <button type="submit">Submit</button>
+  </form>
+</main>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.russian.md
new file mode 100644
index 0000000000..7ca3cd1406
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.russian.md
@@ -0,0 +1,149 @@
+---
+id: 587d78ab367417b2b2512af1
+title: Add Flex Superpowers to the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: Добавить Flex Superpowers в Tweet Вставить
+---
+
+## Description
+<section id="description"> Справа находится вставка твита, которая будет использоваться в качестве практического примера. Некоторые элементы будут выглядеть лучше с другой компоновкой. Последняя задача продемонстрировала <code>display: flex</code> . Здесь вы добавите его к нескольким компонентам в tweet embed, чтобы начать настройку их позиционирования. </section>
+
+## Instructions
+<section id="instructions"> Добавьте <code>display: flex</code> свойств CSS <code>display: flex</code> для всех следующих элементов: обратите внимание, что селектор уже настроен в <code>header</code> CSS: <code>header</code> <code>.profile-name</code> , заголовок <code>.follow-btn</code> , <code>h3</code> и <code>h4</code> заголовка, <code>footer</code> , и <code>.stats</code> колонтитула. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш <code>header</code> должен иметь свойство <code>display</code> установленное в flex.
+    testString: 'assert($("header").css("display") == "flex", "Your <code>header</code> should have a <code>display</code> property set to flex.");'
+  - text: Ваш <code>footer</code> должен иметь свойство <code>display</code> должно быть гибким.
+    testString: 'assert($("footer").css("display") == "flex", "Your <code>footer</code> should have a <code>display</code> property set to flex.");'
+  - text: Ваш <code>h3</code> должен иметь свойство <code>display</code> установленное в flex.
+    testString: 'assert($("h3").css("display") == "flex", "Your <code>h3</code> should have a <code>display</code> property set to flex.");'
+  - text: Ваш <code>h4</code> должен иметь свойство <code>display</code> установленное в flex.
+    testString: 'assert($("h4").css("display") == "flex", "Your <code>h4</code> should have a <code>display</code> property set to flex.");'
+  - text: Ваше <code>.profile-name</code> должно иметь свойство <code>display</code> установленное в flex.
+    testString: 'assert($(".profile-name").css("display") == "flex", "Your <code>.profile-name</code> should have a <code>display</code> property set to flex.");'
+  - text: Ваш <code>.follow-btn</code> должен иметь свойство <code>display</code> <code>.follow-btn</code> должно быть гибким.
+    testString: 'assert($(".follow-btn").css("display") == "flex", "Your <code>.follow-btn</code> should have a <code>display</code> property set to flex.");'
+  - text: У вашего <code>.stats</code> должно быть свойство <code>display</code> установленное в flex.
+    testString: 'assert($(".stats").css("display") == "flex", "Your <code>.stats</code> should have a <code>display</code> property set to flex.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header {
+
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+
+    margin-left: 10px;
+  }
+  header .follow-btn {
+
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer {
+
+  }
+  footer .stats {
+
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.russian.md
new file mode 100644
index 0000000000..be14872cce
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.russian.md
@@ -0,0 +1,72 @@
+---
+id: 587d78ad367417b2b2512af8
+title: Align Elements Using the align-items Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Выравнивание элементов Использование элементов выравнивания Свойство
+---
+
+## Description
+<section id="description"> Свойство <code>align-items</code> похоже на <code>justify-content</code> . Напомним, что свойство <code>justify-content</code> выровняло элементы flex вдоль главной оси. Для строк основная ось - горизонтальная линия, а для столбцов - вертикальная. Контейнеры Flex также имеют <strong>поперечную ось,</strong> которая противоположна основной оси. Для рядов поперечная ось вертикальна, а для столбцов поперечная ось горизонтальна. CSS предлагает свойство <code>align-items</code> для выравнивания элементов гибкости вдоль поперечной оси. Для строки он указывает CSS, как перемещать элементы во всей строке вверх или вниз в контейнере. И для столбца, как нажать все элементы слева или справа в контейнере. Различные значения, доступные для <code>align-items</code> включают: <ul><li> <code>flex-start</code> : выравнивает элементы до начала контейнера flex. Для строк это выравнивает элементы в верхней части контейнера. Для столбцов это выравнивает элементы слева от контейнера. </li><li> <code>flex-end</code> : выравнивает элементы до конца гибкого контейнера. Для строк это выравнивает элементы в нижней части контейнера. Для столбцов это выравнивает элементы справа от контейнера. </li><li> <code>center</code> : выравнивание предметов по центру. Для строк это вертикально выравнивает элементы (равное пространство выше и ниже элементов). Для столбцов это горизонтально выравнивает их (равное пространство слева и справа от элементов). </li><li> <code>stretch</code> : растяните элементы, чтобы заполнить контейнер для гибких контейнеров. Например, элементы строк растягиваются, чтобы заполнить гибкий контейнер сверху вниз. </li><li> <code>baseline</code> : выровнять элементы по исходным линиям. Исходный текст - это текстовая концепция, думайте об этом как о линии, на которой сидят буквы. </li></ul></section>
+
+## Instructions
+<section id="instructions"> Пример помогает показать это свойство в действии. Добавьте <code>align-items</code> свойств CSS в элемент <code>#box-container</code> и присвойте ему значение центра. <strong>бонус</strong> <br> Попробуйте другие параметры свойства <code>align-items</code> в редакторе кода, чтобы увидеть их различия. Но обратите внимание, что значение центра является единственным, которое пройдет эту задачу. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Элемент <code>#box-container</code> должен иметь свойство <code>align-items</code> заданное значением центра.'
+    testString: 'assert($("#box-container").css("align-items") == "center", "The <code>#box-container</code> element should have an <code>align-items</code> property set to a value of center.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    background: gray;
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 200px;
+    font-size: 24px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 200px;
+    font-size: 18px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"><p>Hello</p></div>
+  <div id="box-2"><p>Goodbye</p></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.russian.md
new file mode 100644
index 0000000000..f4cb17d33a
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.russian.md
@@ -0,0 +1,72 @@
+---
+id: 587d78ac367417b2b2512af6
+title: Align Elements Using the justify-content Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Выравнивание элементов Использование свойства обоснования-содержимого
+---
+
+## Description
+<section id="description"> Иногда элементы гибкости в контейнере flex не заполняют все пространство в контейнере. Обычно хочется сказать CSS, как выровнять и вытеснять элементы flex определенным образом. К счастью, свойство <code>justify-content</code> имеет несколько вариантов для этого. Но во-первых, перед тем, как рассмотреть эти варианты, необходимо понять какую-то важную терминологию. <a href="https://www.w3.org/TR/css-flexbox-1/images/flex-direction-terms.svg" target="_blank">Вот полезное изображение, показывающее строку, иллюстрирующую приведенные ниже концепции.</a> Напомним, что установка гибкого контейнера в виде строки помещает элементы гибкости бок о бок слева направо. Гибкий контейнер, установленный как столбец, помещает элементы гибкости в вертикальный стек сверху вниз. Для каждого направление расположения элементов гибкости называется <strong>главной осью</strong> . Для строки это горизонтальная линия, проходящая через каждый элемент. А для столбца главная ось - вертикальная линия через элементы. Существует несколько вариантов того, как перемещать элементы гибкости вдоль линии, которая является главной осью. Одним из наиболее часто используемых является <code>justify-content: center;</code> , который выравнивает все элементы гибкости до центра внутри гибкого контейнера. Другие варианты включают: <ul><li> <code>flex-start</code> : выравнивает элементы до начала контейнера flex. Для строки это подталкивает элементы слева от контейнера. Для столбца это перемещает элементы вверху контейнера. </li><li> <code>flex-end</code> : выравнивает элементы до конца гибкого контейнера. Для строки это подталкивает элементы справа от контейнера. Для столбца это подталкивает элементы к нижней части контейнера. </li><li> <code>space-between</code> : выравнивает элементы к центру главной оси, добавив дополнительное пространство между элементами. Первый и последний элементы подталкиваются к самому краю гибкого контейнера. Например, в строке первый элемент находится напротив левой стороны контейнера, последний элемент находится напротив правой стороны контейнера, а остальные элементы между ними расположены равномерно. </li><li> <code>space-around</code> : аналогично <code>space-between</code> но первый и последний элементы не привязаны к краям контейнера, пространство распределяется по всем элементам </li></ul></section>
+
+## Instructions
+<section id="instructions"> Пример помогает показать это свойство в действии. Добавьте свойство <code>justify-content</code> CSS в элемент <code>#box-container</code> и присвойте ему значение центра. <strong>бонус</strong> <br> Попробуйте другие параметры для свойства <code>justify-content</code> в редакторе кода, чтобы увидеть их различия. Но обратите внимание, что значение центра является единственным, которое пройдет эту задачу. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Элемент <code>#box-container</code> должен иметь свойство <code>justify-content</code> заданное значением центра.'
+    testString: 'assert($("#box-container").css("justify-content") == "center", "The <code>#box-container</code> element should have a <code>justify-content</code> property set to a value of center.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    background: gray;
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 25%;
+    height: 100%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 25%;
+    height: 100%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.russian.md
new file mode 100644
index 0000000000..5d837e793d
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.russian.md
@@ -0,0 +1,136 @@
+---
+id: 587d78ac367417b2b2512af5
+title: Apply the flex-direction Property to Create a Column in the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: Примените свойство flex-direction для создания столбца в вставке Tweet
+---
+
+## Description
+<section id="description"> Твят вставлять <code>header</code> и <code>footer</code> использовали <code>flex-direction</code> свойство ранее со значением строки. Аналогично, элементы внутри элемента <code>.profile-name</code> будут хорошо сгруппированы в виде столбца. </section>
+
+## Instructions
+<section id="instructions"> Добавьте CSS свойство <code>flex-direction</code> к заголовку по <code>.profile-name</code> элемента и установите значение столбца. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элемент <code>.profile-name</code> должен иметь свойство <code>flex-direction</code> заданное в столбце.
+    testString: 'assert($(".profile-name").css("flex-direction") == "column", "The <code>.profile-name</code> element should have a <code>flex-direction</code> property set to column.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header, footer {
+    display: flex;
+    flex-direction: row;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.russian.md
new file mode 100644
index 0000000000..37696fba8c
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.russian.md
@@ -0,0 +1,141 @@
+---
+id: 587d78ab367417b2b2512af3
+title: Apply the flex-direction Property to Create Rows in the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: Примените свойство flex-direction для создания строк в вставке Tweet
+---
+
+## Description
+<section id="description"> <code>header</code> и <code>footer</code> в чирикать встроить , например , иметь дочерние элементы , которые могут быть организованы в виде строк с использованием <code>flex-direction</code> свойства. Это говорит CSS, чтобы выровнять по горизонтали. </section>
+
+## Instructions
+<section id="instructions"> Добавьте CSS свойство <code>flex-direction</code> как для <code>header</code> и <code>footer</code> и установите значение грести. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>header</code> должен иметь свойство <code>flex-direction</code> заданное для строки.
+    testString: 'assert(code.match(/header\s*?{[^}]*?flex-direction:\s*?row;/g), "The <code>header</code> should have a <code>flex-direction</code> property set to row.");'
+  - text: <code>footer</code> должен иметь свойство <code>flex-direction</code> заданное для строки.
+    testString: 'assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g), "The <code>footer</code> should have a <code>flex-direction</code> property set to row.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header {
+    display: flex;
+
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer {
+    display: flex;
+
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.russian.md
new file mode 100644
index 0000000000..424d12e043
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.russian.md
@@ -0,0 +1,72 @@
+---
+id: 587d78ab367417b2b2512af0
+title: 'Use display: flex to Position Two Boxes'
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Использовать дисплей: сгибать до положения двух ящиков'
+---
+
+## Description
+<section id="description"> В этом разделе используются чередующиеся стили вызовов, чтобы показать, как использовать CSS для гибкого позиционирования элементов. Во-первых, задача будет объяснять теорию, тогда практическая задача, использующая простой компонент твита, будет применять концепцию flexbox. Размещение <code>display: flex;</code> свойств CSS <code>display: flex;</code> на элементе позволяет использовать другие свойства flex для создания отзывчивой страницы. </section>
+
+## Instructions
+<section id="instructions"> Добавьте <code>display</code> свойства CSS в <code>#box-container</code> и установите его значение в flex. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>#box-container</code> должен иметь свойство <code>display</code> заданное значением flex.'
+    testString: 'assert($("#box-container").css("display") == "flex", "<code>#box-container</code> should have the <code>display</code> property set to a value of flex.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    height: 500px;
+
+  }
+
+  #box-1 {
+    background-color: dodgerblue;
+    width: 50%;
+    height: 50%;
+
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 50%;
+    height: 50%;
+
+  }
+</style>
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.russian.md
new file mode 100644
index 0000000000..3cb341d2d3
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.russian.md
@@ -0,0 +1,139 @@
+---
+id: 587d78ad367417b2b2512af9
+title: Use the align-items Property in the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: Использовать свойство align-items в Tweet Embed
+---
+
+## Description
+<section id="description"> Последняя задача привела свойство <code>align-items</code> и привела пример. Это свойство может быть применено к нескольким элементам вставки tweet для выравнивания элементов flex внутри них. </section>
+
+## Instructions
+<section id="instructions"> Добавьте <code>align-items</code> свойств CSS в элемент <code>.follow-btn</code> . Установите значение в центр. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элемент <code>.follow-btn</code> должен иметь свойство <code>align-items</code> заданное значением центра.
+    testString: 'assert($(".follow-btn").css("align-items") == "center", "The <code>.follow-btn</code> element should have the <code>align-items</code> property set to a value of center.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header, footer {
+    display: flex;
+    flex-direction: row;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-align-self-property.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-align-self-property.russian.md
new file mode 100644
index 0000000000..0d1b3ccf8d
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-align-self-property.russian.md
@@ -0,0 +1,74 @@
+---
+id: 587d78af367417b2b2512b00
+title: Use the align-self Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Использовать свойство align-self
+---
+
+## Description
+<section id="description"> Конечным свойством для элементов flex является <code>align-self</code> . Это свойство позволяет настраивать выравнивание каждого элемента отдельно, вместо того, чтобы устанавливать их все одновременно. Это полезно, так как другие общие методы настройки с использованием свойств CSS <code>float</code> , <code>clear</code> и <code>vertical-align</code> не работают на гибких элементах. <code>align-self</code> принимает те же значения, что и <code>align-items</code> и отменяет любое значение, заданное свойством <code>align-items</code> . </section>
+
+## Instructions
+<section id="instructions"> Добавьте свойство CSS <code>align-self</code> в <code>#box-1</code> и <code>#box-2</code> . Дайте <code>#box-1</code> значение центра и дайте <code>#box-2</code> значение flex-end. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Элемент <code>#box-1</code> должен иметь свойство <code>align-self</code> равное значению центра.'
+    testString: 'assert($("#box-1").css("align-self") == "center", "The <code>#box-1</code> element should have the <code>align-self</code> property set to a value of center.");'
+  - text: 'Элемент <code>#box-2</code> должен иметь свойство <code>align-self</code> равное значению flex-end.'
+    testString: 'assert($("#box-2").css("align-self") == "flex-end", "The <code>#box-2</code> element should have the <code>align-self</code> property set to a value of flex-end.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+
+    height: 200px;
+    width: 200px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+
+    height: 200px;
+    width: 200px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.russian.md
new file mode 100644
index 0000000000..81a5a905d0
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.russian.md
@@ -0,0 +1,77 @@
+---
+id: 587d78ae367417b2b2512afd
+title: Use the flex-basis Property to Set the Initial Size of an Item
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте свойство flex-basis для установки начального размера элемента
+---
+
+## Description
+<section id="description"> Свойство <code>flex-basis</code> указывает начальный размер элемента до того, как CSS выполнит корректировки с <code>flex-shrink</code> или <code>flex-grow</code> . Единицы, используемые свойством <code>flex-basis</code> такие же, как и другие свойства размера ( <code>px</code> , <code>em</code> , <code>%</code> и т. Д.). Значение <code>auto</code> определяет размеры элементов на основе содержимого. </section>
+
+## Instructions
+<section id="instructions"> Установите начальный размер ящиков с использованием <code>flex-basis</code> . Добавьте свойство CSS <code>flex-basis</code> как в <code>#box-1</code> и в <code>#box-2</code> . Дайте <code>#box-1</code> значение <code>10em</code> и <code>#box-2</code> значение <code>20em</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Элемент <code>#box-1</code> должен иметь свойство <code>flex-basis</code> .'
+    testString: 'assert($("#box-1").css("flex-basis") != "auto", "The <code>#box-1</code> element should have a <code>flex-basis</code> property.");'
+  - text: '<code>#box-1</code> элемент должен иметь <code>flex-basis</code> значение <code>10em</code> .'
+    testString: 'assert(code.match(/#box-1\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?10em;/g), "The <code>#box-1</code> element should have a <code>flex-basis</code> value of <code>10em</code>.");'
+  - text: 'Элемент <code>#box-2</code> должен иметь свойство <code>flex-basis</code> .'
+    testString: 'assert($("#box-2").css("flex-basis") != "auto", "The <code>#box-2</code> element should have the <code>flex-basis</code> property.");'
+  - text: '<code>#box-2</code> элемент должен иметь <code>flex-basis</code> значение <code>20em</code> .'
+    testString: 'assert(code.match(/#box-2\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?20em;/g), "The <code>#box-2</code> element should have a <code>flex-basis</code> value of <code>20em</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+
+  #box-1 {
+    background-color: dodgerblue;
+    height: 200px;
+
+  }
+
+  #box-2 {
+    background-color: orangered;
+    height: 200px;
+
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.russian.md
new file mode 100644
index 0000000000..e946e142c1
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.russian.md
@@ -0,0 +1,71 @@
+---
+id: 587d78ac367417b2b2512af4
+title: Use the flex-direction Property to Make a Column
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте свойство flex-direction для создания столбца
+---
+
+## Description
+<section id="description"> Последние две проблемы использовали свойство <code>flex-direction</code> заданное для строки. Это свойство также может создавать столбец путем вертикальной укладки дочерних элементов гибкого контейнера. </section>
+
+## Instructions
+<section id="instructions"> Добавьте свойство <code>flex-direction</code> свойства CSS в элемент <code>#box-container</code> и дайте ему значение столбца. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Элемент <code>#box-container</code> должен иметь свойство <code>flex-direction</code> заданное в столбце.'
+    testString: 'assert($("#box-container").css("flex-direction") == "column", "The <code>#box-container</code> element should have a <code>flex-direction</code> property set to column.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 50%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 50%;
+    height: 50%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.russian.md
new file mode 100644
index 0000000000..a0b200aced
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.russian.md
@@ -0,0 +1,71 @@
+---
+id: 587d78ab367417b2b2512af2
+title: Use the flex-direction Property to Make a Row
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте свойство flex-direction для создания строки
+---
+
+## Description
+<section id="description"> Добавление <code>display: flex</code> к элементу превращает его в гибкий контейнер. Это позволяет выровнять любые дочерние элементы этого элемента в строки или столбцы. Вы делаете это, добавляя свойство <code>flex-direction</code> к родительскому элементу и устанавливая его в строку или столбец. Создание строки выравнивает дочерние элементы по горизонтали, а создание столбца выравнивает дочерние элементы по вертикали. Другие варианты для <code>flex-direction</code> - обратное и обратное. <strong>Заметка</strong> <br> Значением по умолчанию для свойства <code>flex-direction</code> является строка. </section>
+
+## Instructions
+<section id="instructions"> Добавьте свойство <code>flex-direction</code> свойства CSS в элемент <code>#box-container</code> и присвойте ему значение reverse-reverse. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Элемент <code>#box-container</code> должен иметь свойство <code>flex-direction</code> заданное для обратного преобразования строки.'
+    testString: 'assert($("#box-container").css("flex-direction") == "row-reverse", "The <code>#box-container</code> element should have a <code>flex-direction</code> property set to row-reverse.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 50%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 50%;
+    height: 50%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.russian.md
new file mode 100644
index 0000000000..1710e4b6d1
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.russian.md
@@ -0,0 +1,73 @@
+---
+id: 587d78ae367417b2b2512afc
+title: Use the flex-grow Property to Expand Items
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте свойство flex-grow для расширения элементов
+---
+
+## Description
+<section id="description"> Противоположность <code>flex-shrink</code> - свойство <code>flex-grow</code> . Напомним, что <code>flex-shrink</code> контролирует размер предметов при сжатии контейнера. Свойство <code>flex-grow</code> управляет размером элементов, когда родительский контейнер расширяется. Используя аналогичный пример из последней задачи, если один элемент имеет значение <code>flex-grow</code> 1, а другое имеет значение <code>flex-grow</code> 3, то значение со значением 3 будет расти в три раза больше, чем другое. </section>
+
+## Instructions
+<section id="instructions"> Добавьте свойство CSS <code>flex-grow</code> в <code>#box-1</code> и <code>#box-2</code> . Дайте <code>#box-1</code> значение 1 и <code>#box-2</code> значение 2. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("#box-1").css("flex-grow") == "1", "The <code>#box-1</code> element should have the <code>flex-grow</code> property set to a value of 1.");'
+  - text: 'Элемент <code>#box-2</code> должен иметь свойство <code>flex-grow</code> равное 2.'
+    testString: 'assert($("#box-2").css("flex-grow") == "2", "The <code>#box-2</code> element should have the <code>flex-grow</code> property set to a value of 2.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+
+  #box-1 {
+    background-color: dodgerblue;
+    height: 200px;
+
+  }
+
+  #box-2 {
+    background-color: orangered;
+    height: 200px;
+
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.russian.md
new file mode 100644
index 0000000000..b8cd0d1101
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.russian.md
@@ -0,0 +1,74 @@
+---
+id: 587d78ae367417b2b2512afe
+title: Use the flex Shorthand Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте свойство flex Shorthand
+---
+
+## Description
+<section id="description"> Существует возможность быстрого выбора нескольких свойств гибкости сразу. Свойства <code>flex-grow</code> , <code>flex-shrink</code> и <code>flex-basis</code> можно объединить, используя свойство <code>flex</code> . Например, <code>flex: 1 0 10px;</code> установит элемент для <code>flex-grow: 1;</code> , <code>flex-shrink: 0;</code> , и <code>flex-basis: 10px;</code> , Настройки свойств по умолчанию - <code>flex: 0 1 auto;</code> , </section>
+
+## Instructions
+<section id="instructions"> Добавьте свойство CSS <code>flex</code> и к <code>#box-1</code> и <code>#box-2</code> . Дайте <code>#box-1</code> значения, поэтому его <code>flex-grow</code> равен 2, его <code>flex-shrink</code> равен 2, а его <code>flex-basis</code> - 150 пикселей. Дайте <code>#box-2</code> значения, поэтому его <code>flex-grow</code> равен 1, его <code>flex-shrink</code> равен 1, а его <code>flex-basis</code> - 150 пикселей. Эти значения приведут к тому, что <code>#box-1</code> будет расти, чтобы заполнить дополнительное пространство с удвоенной скоростью <code>#box-2</code> когда контейнер больше 300 пикселей, и с удвоенной скоростью <code>#box-2</code> когда контейнер меньше 300 пикселей. 300px - это комбинированный размер значений <code>flex-basis</code> двух полей. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Элемент <code>#box-1</code> должен иметь свойство <code>flex</code> равное 2 2 150px.'
+    testString: 'assert($("#box-1").css("flex-grow") == "2" && $("#box-1").css("flex-shrink") == "2" && $("#box-1").css("flex-basis") == "150px", "The <code>#box-1</code> element should have the <code>flex</code> property set to a value of 2 2 150px.");'
+  - text: 'Элемент <code>#box-2</code> должен иметь свойство <code>flex</code> равное 1 1 150px.'
+    testString: 'assert($("#box-2").css("flex-grow") == "1" && $("#box-2").css("flex-shrink") == "1" && $("#box-2").css("flex-basis") == "150px", "The <code>#box-2</code> element should have the <code>flex</code> property set to a value of 1 1 150px.");'
+  - text: 'Ваш код должен использовать свойство <code>flex</code> для <code>#box-1</code> и <code>#box-2</code> .'
+    testString: 'assert(code.match(/flex:\s*?\d\s+?\d\s+?150px;/g).length == 2, "Your code should use the <code>flex</code> property for <code>#box-1</code> and <code>#box-2</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+
+    height: 200px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+
+    height: 200px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.russian.md
new file mode 100644
index 0000000000..2fa125c005
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.russian.md
@@ -0,0 +1,74 @@
+---
+id: 587d78ad367417b2b2512afb
+title: Use the flex-shrink Property to Shrink Items
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте свойство flex-shrink для сокращения предметов
+---
+
+## Description
+<section id="description"> До сих пор все свойства в задачах применимы к контейнеру flex (родительский элемент гибких элементов). Однако для гибких элементов существует несколько полезных свойств. Первый - свойство <code>flex-shrink</code> . Когда он используется, он позволяет сжимать элемент, если контейнер гибкого контейнера слишком мал. Элементы сокращаются, когда ширина родительского контейнера меньше, чем объединенная ширина всех элементов гибкости внутри него. Свойство <code>flex-shrink</code> принимает числа как значения. Чем больше число, тем больше он будет уменьшаться по сравнению с другими элементами в контейнере. Например, если один элемент имеет значение <code>flex-shrink</code> 1, а другое имеет значение <code>flex-shrink</code> 3, то значение со значением 3 будет уменьшаться в три раза больше, чем другое. </section>
+
+## Instructions
+<section id="instructions"> Добавьте свойство CSS <code>flex-shrink</code> в <code>#box-1</code> и <code>#box-2</code> . Дайте <code>#box-1</code> значение 1 и <code>#box-2</code> значение 2. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Элемент <code>#box-1</code> должен иметь свойство <code>flex-shrink</code> установленное в значение 1.'
+    testString: 'assert($("#box-1").css("flex-shrink") == "1", "The <code>#box-1</code> element should have the <code>flex-shrink</code> property set to a value of 1.");'
+  - text: 'Элемент <code>#box-2</code> должен иметь свойство <code>flex-shrink</code> равное 2.'
+    testString: 'assert($("#box-2").css("flex-shrink") == "2", "The <code>#box-2</code> element should have the <code>flex-shrink</code> property set to a value of 2.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 100%;
+    height: 200px;
+
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 100%;
+    height: 200px;
+
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.russian.md
new file mode 100644
index 0000000000..919dd148c8
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.russian.md
@@ -0,0 +1,96 @@
+---
+id: 587d78ad367417b2b2512afa
+title: Use the flex-wrap Property to Wrap a Row or Column
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте свойство flex-wrap для обертывания строки или столбца
+---
+
+## Description
+<section id="description"> CSS flexbox имеет функцию разделения гибкого элемента на несколько строк (или столбцов). По умолчанию контейнер flex будет соответствовать всем гибким элементам вместе. Например, строка будет находиться в одной строке. Однако, используя свойство <code>flex-wrap</code> , он сообщает CSS об обертке элементов. Это означает, что дополнительные элементы перемещаются в новую строку или столбец. Точка прерывания, в которой происходит обертка, зависит от размера элементов и размера контейнера. CSS также имеет опции для направления переноса: <ul><li> <code>nowrap</code> : это значение по умолчанию и не переносит элементы. </li><li> <code>wrap</code> : обертывает элементы слева направо, если они находятся в строке или сверху вниз, если они находятся в столбце. </li><li> <code>wrap-reverse</code> : обертывает элементы снизу вверх, если они находятся в строке или справа налево, если они находятся в столбце. </li></ul></section>
+
+## Instructions
+<section id="instructions"> В текущем макете слишком много ящиков для одной строки. Добавьте свойство <code>flex-wrap</code> в элемент <code>#box-container</code> и придайте ему значение wrap. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Элемент <code>#box-container</code> должен иметь свойство <code>flex-wrap</code> установленное на значение wrap.'
+    testString: 'assert($("#box-container").css("flex-wrap") == "wrap", "The <code>#box-container</code> element should have the <code>flex-wrap</code> property set to a value of wrap.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    background: gray;
+    display: flex;
+    height: 100%;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 25%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 25%;
+    height: 50%;
+  }
+  #box-3 {
+    background-color: violet;
+    width: 25%;
+    height: 50%;
+  }
+  #box-4 {
+    background-color: yellow;
+    width: 25%;
+    height: 50%;
+  }
+  #box-5 {
+    background-color: green;
+    width: 25%;
+    height: 50%;
+  }
+  #box-6 {
+    background-color: black;
+    width: 25%;
+    height: 50%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+  <div id="box-3"></div>
+  <div id="box-4"></div>
+  <div id="box-5"></div>
+  <div id="box-6"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.russian.md
new file mode 100644
index 0000000000..76ce7b1051
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.russian.md
@@ -0,0 +1,137 @@
+---
+id: 587d78ac367417b2b2512af7
+title: Use the justify-content Property in the Tweet Embed
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте свойство justify-content в Tweet Embed
+---
+
+## Description
+<section id="description"> Последняя задача показала пример свойства <code>justify-content</code> . Для вставки tweet это свойство может применяться для выравнивания элементов в элементе <code>.profile-name</code> . </section>
+
+## Instructions
+<section id="instructions"> Добавьте свойство <code>justify-content</code> CSS в элемент заголовка <code>.profile-name</code> и установите значение для любого из параметров из последнего вызова. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Элемент <code>.profile-name</code> должен иметь свойство <code>justify-content</code> установленное для любого из этих значений: center, flex-start, flex-end, space-between или space-around.'
+    testString: '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)\s*;/g), "The <code>.profile-name</code> element should have the <code>justify-content</code> property set to any of these values: center, flex-start, flex-end, space-between, or space-around.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header, footer {
+    display: flex;
+    flex-direction: row;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    flex-direction: column;
+
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </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>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <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>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.russian.md
new file mode 100644
index 0000000000..8d6f2d032e
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.russian.md
@@ -0,0 +1,74 @@
+---
+id: 587d78ae367417b2b2512aff
+title: Use the order Property to Rearrange Items
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте свойство Order для переупорядочения элементов
+---
+
+## Description
+<section id="description"> Свойство <code>order</code> используется для указания CSS порядка отображения элементов гибкости в контейнере flex. По умолчанию элементы будут отображаться в том же порядке, что и исходный HTML-код. Свойство принимает числа как значения, а отрицательные числа могут использоваться. </section>
+
+## Instructions
+<section id="instructions"> Добавьте <code>order</code> свойств CSS в <code>#box-1</code> и <code>#box-2</code> . Дайте <code>#box-1</code> значение 2 и дайте <code>#box-2</code> значение 1. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Элемент <code>#box-1</code> должен иметь свойство <code>order</code> равное 2.'
+    testString: 'assert($("#box-1").css("order") == "2", "The <code>#box-1</code> element should have the <code>order</code> property set to a value of 2.");'
+  - text: 'Элемент <code>#box-2</code> должен иметь свойство <code>order</code> равное 1.'
+    testString: 'assert($("#box-2").css("order") == "1", "The <code>#box-2</code> element should have the <code>order</code> property set to a value of 1.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+
+    height: 200px;
+    width: 200px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+
+    height: 200px;
+    width: 200px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.russian.md
new file mode 100644
index 0000000000..79740812d2
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.russian.md
@@ -0,0 +1,74 @@
+---
+id: 5a9036d038fddaf9a66b5d32
+title: Add Columns with grid-template-columns
+challengeType: 0
+videoUrl: ''
+localeTitle: Добавить столбцы с столбцами таблицы-шаблона
+---
+
+## Description
+<section id="description"> Простое создание элемента сетки не слишком далеко. Вам также необходимо определить структуру сетки. Чтобы добавить некоторые столбцы в сетку, используйте свойство <code>grid-template-columns</code> в контейнере сетки, как показано ниже: <blockquote> .container { <br> отображение: сетка; <br> grid-template-columns: 50px 50px; <br> } </blockquote> Это даст вашей сетке два столбца шириной 50 пикселей. Количество параметров, заданных для свойства <code>grid-template-columns</code> указывает количество столбцов в сетке, а значение каждого параметра указывает ширину каждого столбца. </section>
+
+## Instructions
+<section id="instructions"> Дайте контейнеру сетки три столбца шириной по <code>100px</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: класс <code>container</code> должен иметь свойство <code>grid-template-columns</code> с тремя единицами <code>100px</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?100px\s*?100px\s*?100px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-columns</code> property with three units of <code>100px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.russian.md
new file mode 100644
index 0000000000..99eebf332d
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.russian.md
@@ -0,0 +1,76 @@
+---
+id: 5a9036ee38fddaf9a66b5d37
+title: Add Gaps Faster with grid-gap
+challengeType: 0
+videoUrl: ''
+localeTitle: Добавить пробелы быстрее с разрывом сетки
+---
+
+## Description
+<section id="description"> <code>grid-gap</code> - это сокращенное свойство для <code>grid-row-gap</code> <code>grid-column-gap</code> и <code>grid-row-gap</code> <code>grid-column-gap</code> из двух предыдущих задач, которые более удобны в использовании. Если <code>grid-gap</code> имеет одно значение, это создаст разрыв между всеми строками и столбцами. Однако, если есть два значения, он будет использовать первый, чтобы установить разрыв между строками и вторым значением для столбцов. </section>
+
+## Instructions
+<section id="instructions"> Используйте <code>grid-gap</code> чтобы ввести <code>10px</code> зазор между строками и <code>20px</code> разрыв между столбцами. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: класс <code>container</code> должен иметь свойство <code>grid-gap</code> которое вводит разрыв <code>10px</code> между строками и <code>20px</code> разрыв между столбцами.
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-gap\s*?:\s*?10px\s+?20px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-gap</code> property that introduces <code>10px</code> gap between the rows and <code>20px</code> gap between the columns.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.russian.md
new file mode 100644
index 0000000000..12549bcf83
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.russian.md
@@ -0,0 +1,75 @@
+---
+id: 5a9036e138fddaf9a66b5d33
+title: Add Rows with grid-template-rows
+challengeType: 0
+videoUrl: ''
+localeTitle: Добавить строки с строками-сетками-строками
+---
+
+## Description
+<section id="description"> Сетка, созданная в последней задаче, автоматически установит количество строк. Чтобы вручную отредактировать строки, используйте свойство <code>grid-template-rows</code> же, как в предыдущем вызове были использованы <code>grid-template-columns</code> . </section>
+
+## Instructions
+<section id="instructions"> Добавьте две строки в сетку, каждая из которых имеет <code>50px</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: класс <code>container</code> должен иметь свойство <code>grid-template-rows</code> с двумя единицами <code>50px</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-rows\s*?:\s*?50px\s*?50px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-rows</code> property with two units of <code>50px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 100px 100px 100px;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.russian.md
new file mode 100644
index 0000000000..f56b6952d6
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.russian.md
@@ -0,0 +1,78 @@
+---
+id: 5a90376038fddaf9a66b5d3c
+title: Align All Items Horizontally using justify-items
+challengeType: 0
+videoUrl: ''
+localeTitle: Выравнивание всех элементов по горизонтали с использованием оправдательных элементов
+---
+
+## Description
+<section id="description"> Иногда вы хотите, чтобы все элементы в вашей сетке CSS имели одинаковое выравнивание. Вы можете использовать ранее изученные свойства и выровнять их по отдельности, или вы можете выровнять их все горизонтально, используя <code>justify-items</code> в контейнере сетки. Это свойство может принимать все те же значения, о которых вы узнали в предыдущих двух задачах, разница в том, что он переместит <b>все</b> элементы нашей сетки в желаемое выравнивание. </section>
+
+## Instructions
+<section id="instructions"> Используйте это свойство, чтобы центрировать все наши объекты по горизонтали. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: класс <code>container</code> должен иметь свойство <code>justify-items</code> которое имеет значение <code>center</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*justify-items\s*?:\s*?center\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>justify-items</code> property that has the value of <code>center</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.russian.md
new file mode 100644
index 0000000000..7382a234d2
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.russian.md
@@ -0,0 +1,78 @@
+---
+id: 5a94fdf869fb03452672e45b
+title: Align All Items Vertically using align-items
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Выровнять все элементы по вертикали, используя элементы выравнивания'
+---
+
+## Description
+<section id="description"> Использование свойства <code>align-items</code> в контейнере сетки будет устанавливать вертикальное выравнивание для всех элементов в нашей сетке. </section>
+
+## Instructions
+<section id="instructions"> Используйте его сейчас, чтобы переместить все элементы в конец каждой ячейки. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: класс <code>container</code> должен иметь свойство <code>align-items</code> которое имеет значение <code>end</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*align-items\s*?:\s*?end\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>align-items</code> property that has the value of <code>end</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.russian.md
new file mode 100644
index 0000000000..5cdd6b0dfc
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.russian.md
@@ -0,0 +1,82 @@
+---
+id: 5a90374338fddaf9a66b5d3a
+title: Align an Item Horizontally using justify-self
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Выровнять элемент по горизонтали, используя оправдание'
+---
+
+## Description
+<section id="description"> В CSS Grid содержимое каждого элемента находится в ящике, который называется <dfn>ячейкой</dfn> . Вы можете выравнивать позицию содержимого внутри своей ячейки по горизонтали, используя свойство <code>justify-self</code> для элемента сетки. По умолчанию это свойство имеет значение <code>stretch</code> , которое сделает содержимое заполнением всей ширины ячейки. Это свойство CSS Grid принимает и другие значения: <code>start</code> : выравнивает содержимое слева от ячейки, в <code>center</code> : выравнивает содержимое в центре ячейки, <code>end</code> : выравнивает содержимое справа от ячейки. </section>
+
+## Instructions
+<section id="instructions"> Используйте свойство <code>justify-self</code> для <code>item2</code> элемента с помощью <code>item2</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: класс <code>item2</code> должен иметь свойство <code>justify-self</code> которое имеет значение <code>center</code> .
+    testString: 'assert(code.match(/.item2\s*?{[\s\S]*justify-self\s*?:\s*?center\s*?;[\s\S]*}/gi), "<code>item2</code> class should have a <code>justify-self</code> property that has the value of <code>center</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background: LightSkyBlue;}
+
+  .item2 {
+    background: LightSalmon;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.russian.md
new file mode 100644
index 0000000000..3df919fcde
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.russian.md
@@ -0,0 +1,82 @@
+---
+id: 5a90375238fddaf9a66b5d3b
+title: Align an Item Vertically using align-self
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Выровнять элемент по вертикали, используя выравнивание'
+---
+
+## Description
+<section id="description"> Так же, как вы можете выровнять элемент по горизонтали, есть способ выровнять элемент по вертикали. Для этого вы используете свойство <code>align-self</code> для элемента. Это свойство принимает все те же значения, что и <code>justify-self</code> из последнего вызова. </section>
+
+## Instructions
+<section id="instructions"> Выровняйте элемент с элементом <code>item3</code> вертикально в <code>end</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: класс <code>item3</code> должен иметь свойство <code>align-self</code> которое имеет значение <code>end</code> .
+    testString: 'assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi), "<code>item3</code> class should have a <code>align-self</code> property that has the value of <code>end</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+
+  .item3 {
+    background: PaleTurquoise;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.russian.md
new file mode 100644
index 0000000000..b489dde005
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.russian.md
@@ -0,0 +1,77 @@
+---
+id: 5a9036ee38fddaf9a66b5d35
+title: Create a Column Gap Using grid-column-gap
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание разрыва столбца Использование разрыва сетки-столбца
+---
+
+## Description
+<section id="description"> До сих пор в сетках, которые вы создали, столбцы были тесно связаны друг с другом. Иногда вам нужен промежуток между колоннами. Чтобы добавить промежуток между столбцами, используйте свойство <code>grid-column-gap</code> следующим образом: <blockquote> сетка-столбик-зазор: 10 пикселей; </blockquote> Это создает 10px пустого пространства между всеми нашими столбцами. </section>
+
+## Instructions
+<section id="instructions"> Дайте столбцам в сетке пробел <code>20px</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: класс <code>container</code> должен иметь свойство <code>grid-column-gap</code> которое имеет значение <code>20px</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-column-gap\s*?:\s*?20px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-column-gap</code> property that has the value of <code>20px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.russian.md
new file mode 100644
index 0000000000..46f2834a87
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.russian.md
@@ -0,0 +1,77 @@
+---
+id: 5a9036ee38fddaf9a66b5d36
+title: Create a Row Gap using grid-row-gap
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание пробела в строке с использованием разрыва сетки
+---
+
+## Description
+<section id="description"> Вы можете добавить пробел между строками сетки, используя <code>grid-row-gap</code> таким же образом, что вы добавили промежуток между столбцами в предыдущем вызове. </section>
+
+## Instructions
+<section id="instructions"> Создайте пробел для строк высотой 5 <code>5px</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-row-gap\s*?:\s*?5px\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-row-gap</code> property that has the value of <code>5px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.russian.md
new file mode 100644
index 0000000000..e600415022
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.russian.md
@@ -0,0 +1,95 @@
+---
+id: 5a94fe5469fb03452672e461
+title: Create Flexible Layouts Using auto-fill
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание гибких макетов с использованием автозаполнения
+---
+
+## Description
+<section id="description"> Функция повтора поставляется с опцией, называемой <dfn>автозаполнением</dfn> . Это позволяет автоматически вставлять столько строк или столбцов требуемого размера, сколько возможно, в зависимости от размера контейнера. Вы можете создавать гибкие макеты при объединении <code>auto-fill</code> с <code>minmax</code> . В предварительном просмотре <code>grid-template-columns</code> установлены на <blockquote> repeat (автозаполнение, minmax (60px, 1fr)); </blockquote> Когда контейнер меняет размер, эта настройка сохраняет вставки столбцов 60px и растягивает их до тех пор, пока не сможет вставить другой. <strong>Заметка</strong> <br> Если ваш контейнер не может поместить все ваши предметы в одну строку, он переместит их на новый. </section>
+
+## Instructions
+<section id="instructions"> В первой сетке используйте <code>auto-fill</code> с <code>repeat</code> чтобы заполнить сетку столбцами, которые имеют минимальную ширину <code>60px</code> и максимум <code>1fr</code> . Затем измените размер предварительного просмотра, чтобы увидеть автоматическое заполнение в действии. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'класс <code>container</code> должен иметь свойство <code>grid-template-columns</code> с <code>repeat</code> и <code>auto-fill</code> , которое заполняет сетку столбцами с минимальной шириной <code>60px</code> и максимум <code>1fr</code> .'
+    testString: '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), "<code>container</code> class should have a <code>grid-template-columns</code> property with <code>repeat</code> and <code>auto-fill</code> that will fill the grid with columns that have a minimum width of <code>60px</code> and maximum of <code>1fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* change the code below this line */
+
+    grid-template-columns: repeat(3, minmax(60px, 1fr));
+
+    /* change the code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+
+  .container2 {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: Silver;
+    display: grid;
+    grid-template-columns: repeat(3, minmax(60px, 1fr));
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+<div class="container2">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.russian.md
new file mode 100644
index 0000000000..64ad615cf0
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.russian.md
@@ -0,0 +1,96 @@
+---
+id: 5a94fe6269fb03452672e462
+title: Create Flexible Layouts Using auto-fit
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание гибких макетов с использованием автоматической подгонки
+---
+
+## Description
+<section id="description"> <code>auto-fit</code> работает почти идентично <code>auto-fill</code> . Единственное различие заключается в том, что, когда размер контейнера превышает размер всех объединенных элементов, <code>auto-fill</code> сохраняет вставки пустых строк или столбцов и толкает ваши элементы в сторону, в то время как <code>auto-fit</code> сворачивает эти пустые строки или столбцы и растягивает ваши элементы до установите размер контейнера. <strong>Заметка</strong> <br> Если ваш контейнер не может поместить все ваши предметы в одну строку, он переместит их на новый. </section>
+
+## Instructions
+<section id="instructions"> Во второй сетке используйте <code>auto-fit</code> с <code>repeat</code> чтобы заполнить сетку столбцами, которые имеют минимальную ширину <code>60px</code> и максимум <code>1fr</code> . Затем измените размер предварительного просмотра, чтобы увидеть разницу. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Класс <code>container2</code> должен иметь свойство <code>grid-template-columns</code> с <code>repeat</code> и <code>auto-fit</code> , которое заполняет сетку столбцами с минимальной шириной <code>60px</code> и максимальной длиной <code>1fr</code> .'
+    testString: 'assert(code.match(/.container\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), "<code>container2</code> class should have a <code>grid-template-columns</code> property with <code>repeat</code> and <code>auto-fit</code> that will fill the grid with columns that have a minimum width of <code>60px</code> and maximum of <code>1fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: repeat( auto-fill, minmax(60px, 1fr));
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+
+  .container2 {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: Silver;
+    display: grid;
+    /* change the code below this line */
+
+    grid-template-columns: repeat(3, minmax(60px, 1fr));
+
+    /* change the code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+<div class="container2">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/create-grids-within-grids.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/create-grids-within-grids.russian.md
new file mode 100644
index 0000000000..6f479297d1
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/create-grids-within-grids.russian.md
@@ -0,0 +1,108 @@
+---
+id: 5a94fe8569fb03452672e464
+title: Create Grids within Grids
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание гридов в сетках
+---
+
+## Description
+<section id="description"> Включение элемента в сетку влияет только на поведение его прямых потомков. Поэтому, превратив прямого потомка в сетку, у вас есть сетка внутри сетки. Например, задав свойства <code>display</code> и <code>grid-template-columns</code> элемента с классом <code>item3</code> , вы создаете сетку в своей сетке. </section>
+
+## Instructions
+<section id="instructions"> Поверните элемент с классом <code>item3</code> в сетку с двумя столбцами с шириной <code>auto</code> и <code>1fr</code> используя <code>1fr</code> <code>display</code> и <code>grid-template-columns</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: класс <code>item3</code> должен иметь свойство <code>grid-template-columns</code> с <code>auto</code> и <code>1fr</code> как значения.
+    testString: 'assert(code.match(/.item3\s*?{[\s\S]*grid-template-columns\s*?:\s*?auto\s*?1fr\s*?;[\s\S]*}/gi), "<code>item3</code> class should have a <code>grid-template-columns</code> property with <code>auto</code> and <code>1fr</code> as values.");'
+  - text: класс <code>item3</code> должен иметь свойство <code>display</code> со значением <code>grid</code> .
+    testString: 'assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi), "<code>item3</code> class should have a <code>display</code> property with the value of <code>grid</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .container {
+    font-size: 1.5em;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: auto 1fr;
+    grid-template-rows: auto 1fr auto;
+    grid-gap: 10px;
+    grid-template-areas:
+      "advert header"
+      "advert content"
+      "advert footer";
+  }
+  .item1 {
+    background: LightSkyBlue;
+    grid-area: header;
+  }
+
+  .item2 {
+    background: LightSalmon;
+    grid-area: advert;
+  }
+
+  .item3 {
+    background: PaleTurquoise;
+    grid-area: content;
+    /* enter your code below this line */
+
+
+    /* enter your code above this line */
+  }
+
+  .item4 {
+    background: lightpink;
+    grid-area: footer;
+  }
+
+  .itemOne {
+    background: PaleGreen;
+  }
+
+  .itemTwo {
+    background: BlanchedAlmond;
+  }
+
+</style>
+
+<div class="container">
+  <div class="item1">header</div>
+  <div class="item2">advert</div>
+  <div class="item3">
+    <div class="itemOne">paragraph1</div>
+    <div class="itemTwo">paragraph2</div>
+  </div>
+  <div class="item4">footer</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/create-your-first-css-grid.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/create-your-first-css-grid.russian.md
new file mode 100644
index 0000000000..66f4796dde
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/create-your-first-css-grid.russian.md
@@ -0,0 +1,73 @@
+---
+id: 5a858944d96184f06fd60d61
+title: Create Your First CSS Grid
+challengeType: 0
+videoUrl: ''
+localeTitle: Создайте свою первую сетку CSS
+---
+
+## Description
+<section id="description"> Поверните любой элемент HTML в контейнер сетки, установив его свойство <code>display</code> в <code>grid</code> . Это дает вам возможность использовать все другие свойства, связанные с сеткой CSS. <strong>Заметка</strong> <br> В CSS Grid родительский элемент называется <dfn>контейнером,</dfn> а его дочерние элементы называются <dfn>элементами</dfn> . </section>
+
+## Instructions
+<section id="instructions"> Измените отображение div с классом <code>container</code> на <code>grid</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: класс <code>container</code> должен иметь свойство <code>display</code> со значением <code>grid</code> .
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>display</code> property with a value of <code>grid</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.russian.md
new file mode 100644
index 0000000000..be5edd5120
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.russian.md
@@ -0,0 +1,81 @@
+---
+id: 5a94fe0569fb03452672e45c
+title: Divide the Grid Into an Area Template
+challengeType: 0
+videoUrl: ''
+localeTitle: Разделите сетку в шаблон области
+---
+
+## Description
+<section id="description"> Вы можете группировать ячейки вашей сетки вместе в <dfn>область</dfn> и присваивать области свое имя. Сделайте это, используя области <code>grid-template-areas</code> в контейнере следующим образом: <blockquote> Сетка-шаблон-направления: <br> &quot;заголовок заголовка заголовка&quot; <br> «контент содержания рекламы» <br> «нижний колонтитул нижнего колонтитула»; </blockquote> Приведенный выше код объединяет три верхние ячейки вместе в <code>header</code> , нижние три ячейки в область нижнего <code>footer</code> , и он делает две области в средней строке; <code>advert</code> и <code>content</code> . <strong>Заметка</strong> <br> Каждое слово в коде представляет собой ячейку, и каждая пара кавычек представляет собой строку. В дополнение к пользовательским ярлыкам вы можете использовать период ( <code>.</code> ) Для обозначения пустой ячейки в сетке. </section>
+
+## Instructions
+<section id="instructions"> Поместите шаблон области так, чтобы ячейка, помеченная <code>advert</code> стала пустой ячейкой. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'класс <code>container</code> должен иметь свойство <code>grid-template-areas</code> подобное представлению, но имеет <code>.</code> вместо области <code>advert</code> .'
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?"\s*?header\s*?header\s*?header\s*?"\s*?"\s*?.\s*?content\s*?content\s*?"\s*?"\s*?footer\s*?footer\s*?footer\s*?"\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-areas</code> propertiy similar to the preview but has <code>.</code> instead of the <code>advert</code> area.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    /* change code below this line */
+
+    grid-template-areas:
+      "header header header"
+      "advert content content"
+      "footer footer footer";
+    /* change code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.russian.md
new file mode 100644
index 0000000000..0a34aef932
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.russian.md
@@ -0,0 +1,78 @@
+---
+id: 5a94fe4469fb03452672e460
+title: Limit Item Size Using the minmax Function
+challengeType: 0
+videoUrl: ''
+localeTitle: Предельный размер элемента Использование функции minmax
+---
+
+## Description
+<section id="description"> Существует еще одна встроенная функция для использования с <code>grid-template-columns</code> и <code>grid-template-rows</code> называемыми <code>minmax</code> . Он используется для ограничения размера элементов, когда контейнер сетки меняет размер. Для этого вам нужно указать допустимый диапазон размеров для вашего товара. Вот пример: <blockquote> grid-template-columns: 100px minmax (50px, 200px); </blockquote> В приведенном выше коде <code>grid-template-columns</code> установлены для создания двух столбцов; первая ширина 100px, а вторая имеет минимальную ширину 50px и максимальную ширину 200px. </section>
+
+## Instructions
+<section id="instructions"> Используя <code>minmax</code> функции, замените <code>1fr</code> в <code>repeat</code> функции с размером столбца , который имеет минимальную ширину <code>90px</code> и максимальную ширину <code>1fr</code> , и изменить размер панели предварительного просмотра , чтобы увидеть эффект. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>container</code> класс должен иметь <code>grid-template-columns</code> свойство, которое установлено повторить 3 колонки с минимальной шириной <code>90px</code> и максимальной шириной <code>1fr</code> .'
+    testString: '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), "<code>container</code> class should have a <code>grid-template-columns</code> property that is set to repeat 3 columns with the minimum width of <code>90px</code> and maximum width of <code>1fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* change the code below this line */
+
+    grid-template-columns: repeat(3, 1fr);
+
+    /* change the code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.russian.md
new file mode 100644
index 0000000000..3ef6e673b6
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.russian.md
@@ -0,0 +1,85 @@
+---
+id: 5a94fe1369fb03452672e45d
+title: Place Items in Grid Areas Using the grid-area Property
+challengeType: 0
+videoUrl: ''
+localeTitle: Поместите объекты в области сетки Используя свойство сетки
+---
+
+## Description
+<section id="description"> После создания шаблона областей для вашего контейнера сетки, как показано в предыдущем вызове, вы можете поместить элемент в свою настраиваемую область, указав имя, которое вы ему дали. Для этого вы используете свойство <code>grid-area</code> для элемента, подобного этому: <blockquote> .item1 {grid-area: header; } </blockquote> Это позволяет сетке знать, что вы хотите, чтобы класс <code>item1</code> находился в <code>header</code> . В этом случае элемент будет использовать всю верхнюю строку, потому что целая строка называется зоной заголовка. </section>
+
+## Instructions
+<section id="instructions"> Поместите элемент с классом <code>item5</code> в область <code>item5</code> <code>footer</code> используя свойство <code>grid-area</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Класс <code>item5</code> должен иметь свойство <code>grid-area</code> которое имеет значение <code>item5</code> <code>footer</code> .
+    testString: 'assert(code.match(/.item5\s*?{[\s\S]*grid-area\s*?:\s*?footer\s*?;[\s\S]*}/gi), "<code>item5</code> class should have a <code>grid-area</code> property that has the value of <code>footer</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    grid-template-areas:
+      "header header header"
+      "advert content content"
+      "footer footer footer";
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.russian.md
new file mode 100644
index 0000000000..62cfdd2b76
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.russian.md
@@ -0,0 +1,78 @@
+---
+id: 5a94fe3669fb03452672e45f
+title: Reduce Repetition Using the repeat Function
+challengeType: 0
+videoUrl: ''
+localeTitle: Уменьшить повторение с помощью функции повтора
+---
+
+## Description
+<section id="description"> Когда вы использовали <code>grid-template-columns</code> и <code>grid-template-rows</code> для определения структуры сетки, вы ввели значение для каждой строки или столбца, который вы создали. Допустим, вам нужна сетка со 100 рядами одинаковой высоты. Внести 100 значений по отдельности не очень удобно. К счастью, есть лучший способ - с помощью функции <code>repeat</code> указать количество раз, когда вы хотите <code>repeat</code> свой столбец или строку, а затем запятую и значение, которое вы хотите повторить. Вот пример, который создавал бы сетку из 100 строк, каждая строка была бы высотой 50 пикселей. <blockquote> grid-template-rows: repeat (100, 50px); </blockquote> Вы также можете повторить несколько значений с помощью функции повтора и вставить функцию среди других значений при определении структуры сетки. Вот что я имею в виду: <blockquote> grid-template-columns: repeat (2, 1fr 50px) 20px; </blockquote> Это означает: <blockquote> grid-template-columns: 1fr 50px 1fr 50px 20px; </blockquote> <strong>Заметка</strong> <br> <code>1fr 50px</code> повторяется дважды, затем 20px. </section>
+
+## Instructions
+<section id="instructions"> Используйте <code>repeat</code> чтобы удалить повторение из свойства <code>grid-template-columns</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'класс <code>container</code> должен иметь свойство <code>grid-template-columns</code> , которое настроено на повторение 3 столбцов с шириной <code>1fr</code> .'
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?1fr\s*?\)\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-columns</code> property that is set to repeat 3 columns with the width of <code>1fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* change the code below this line */
+
+    grid-template-columns: 1fr 1fr 1fr;
+
+    /* change the code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.russian.md
new file mode 100644
index 0000000000..8c77e982a6
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.russian.md
@@ -0,0 +1,76 @@
+---
+id: 5a9036ee38fddaf9a66b5d34
+title: Use CSS Grid units to Change the Size of Columns and Rows
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте элементы сетки CSS для изменения размера столбцов и строк.
+---
+
+## Description
+<section id="description"> Вы можете использовать абсолютные и относительные единицы, такие как <code>px</code> и <code>em</code> в CSS Grid, чтобы определить размер строк и столбцов. Вы также можете использовать их: <code>fr</code> : устанавливает столбец или строку на долю доступного пространства, <code>auto</code> : <code>auto</code> устанавливает столбец или строку в ширину или высоту своего содержимого, <code>%</code> : настраивает столбец или строку на процентную ширину его контейнера. Вот код, который генерирует вывод в предварительном просмотре: <blockquote> grid-template-columns: auto 50px 10% 2fr 1fr; </blockquote> Этот фрагмент создает пять столбцов. Первый столбец такой же широкий, как и его содержимое, второй столбец - 50 пикселей, третий столбец - 10% его контейнера и для последних двух столбцов; оставшееся пространство делится на три секции, два - на четвертый столбец, а второй - на пятый. </section>
+
+## Instructions
+<section id="instructions"> Создайте сетку с тремя столбцами, ширина которых будет следующей: 1fr, 100px и 2fr. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'класс <code>container</code> должен иметь свойство <code>grid-template-columns</code> которое имеет три столбца со следующими ширинами: <code>1fr, 100px, and 2fr</code> .'
+    testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?1fr\s*?100px\s*?2fr\s*?;[\s\S]*}/gi), "<code>container</code> class should have a <code>grid-template-columns</code> property that has three columns with the following widths: <code>1fr, 100px, and 2fr</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* modify the code below this line */
+
+    grid-template-columns: auto 50px 10% 2fr 1fr;
+
+    /* modify the code above this line */
+    grid-template-rows: 50px 50px;
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.russian.md
new file mode 100644
index 0000000000..db05d6ca6a
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.russian.md
@@ -0,0 +1,81 @@
+---
+id: 5a94fe2669fb03452672e45e
+title: Use grid-area Without Creating an Areas Template
+challengeType: 0
+videoUrl: ''
+localeTitle: Использование сетки без создания шаблона областей
+---
+
+## Description
+<section id="description"> Свойство <code>grid-area</code> вы узнали в последней задаче, можно использовать по-другому. Если в вашей сетке нет шаблона областей для ссылки, вы можете создать область «на лету» для элемента, который будет размещен следующим образом: <blockquote> item1 {сетка: 1/1/2/4; } </blockquote> Это использует номера строк, которые вы узнали ранее, чтобы определить, где будет область для этого элемента. Цифры в приведенном выше примере представляют эти значения: <blockquote> grid-area: горизонтальная линия для начала / вертикальной линии для начала / горизонтальной линии до конца на / вертикальной линии до конца; </blockquote> Таким образом, элемент в примере будет потреблять строки между строками 1 и 2 и столбцы между строками 1 и 4. </section>
+
+## Instructions
+<section id="instructions"> Используя свойство <code>grid-area</code> , поместите элемент с классом <code>item5</code> между третьей и четвертой горизонтальными линиями и между первой и четвертой вертикальными линиями. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Класс <code>item5</code> должен иметь свойство <code>grid-area</code> которое имеет значение <code>3/1/4/4</code> .
+    testString: '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), "<code>item5</code> class should have a <code>grid-area</code> property that has the value of <code>3/1/4/4</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.russian.md
new file mode 100644
index 0000000000..8b1e823cdf
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.russian.md
@@ -0,0 +1,81 @@
+---
+id: 5a90372638fddaf9a66b5d38
+title: Use grid-column to Control Spacing
+challengeType: 0
+videoUrl: ''
+localeTitle: Использовать grid-column для управления интервалом
+---
+
+## Description
+<section id="description"> До этого момента все свойства, которые обсуждались, предназначены для контейнеров с сеткой. Свойство <code>grid-column</code> является первым для самих элементов сетки. Гипотетические горизонтальные и вертикальные линии, которые создают сетку, называются <dfn>линиями</dfn> . Эти строки нумеруются начиная с 1 в верхнем левом углу сетки и перемещаются вправо для столбцов и вниз для строк, считая вверх. Вот как выглядят линии для сетки 3x3: <div style="position:relative;margin:auto;background:Gainsboro;display:block;margin-top:100px;margin-bottom:50px;width:200px;height:200px;"><p style="left:25%;top:-30%;font-size:130%;position:absolute;color:RoyalBlue;"> строки столбцов </p><p style="left:0%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;"> 1 </p><p style="left:30%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;"> 2 </p><p style="left:63%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;"> 3 </p><p style="left:95%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;"> 4 </p><p style="left:-40%;top:45%;font-size:130%;transform:rotateZ(-90deg);position:absolute;"> строки строк </p><p style="left:-10%;top:-10%;font-size:130%;position:absolute;"> 1 </p><p style="left:-10%;top:21%;font-size:130%;position:absolute;"> 2 </p><p style="left:-10%;top:53%;font-size:130%;position:absolute;"> 3 </p><p style="left:-10%;top:85%;font-size:130%;position:absolute;"> 4 </p><div style="left:0%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;"></div><div style="left:31%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;"></div><div style="left:63%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;"></div><div style="left:95%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;"></div><div style="left:0%;top:0%;width:100%;height:5%;background:black;position:absolute;"></div><div style="left:0%;top:31%;width:100%;height:5%;background:black;position:absolute;"></div><div style="left:0%;top:63%;width:100%;height:5%;background:black;position:absolute;"></div><div style="left:0%;top:95%;width:100%;height:5%;background:black;position:absolute;"></div></div> Чтобы контролировать количество столбцов, которые будет потребляться элементом, вы можете использовать свойство <code>grid-column</code> в сочетании с номерами строк, которые хотите, чтобы элемент начал и остановился. Вот пример: <blockquote> grid-column: 1/3; </blockquote> Это приведет к тому, что элемент начнется с первой вертикальной линии сетки слева и пролетает до третьей линии сетки, потребляя два столбца. </section>
+
+## Instructions
+<section id="instructions"> Сделать элемент с классом <code>item5</code> использовать последние два столбца сетки. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>item5</code> класс должен иметь <code>grid-column</code> свойство , которое имеет значение <code>2 / 4</code> .'
+    testString: 'assert(code.match(/.item5\s*?{[\s\S]*grid-column\s*?:\s*?2\s*?\/\s*?4\s*?;[\s\S]*}/gi), "<code>item5</code> class should have a <code>grid-column</code> property that has the value of <code>2 / 4</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.russian.md
new file mode 100644
index 0000000000..8a5d9db244
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.russian.md
@@ -0,0 +1,82 @@
+---
+id: 5a90373638fddaf9a66b5d39
+title: Use grid-row to Control Spacing
+challengeType: 0
+videoUrl: ''
+localeTitle: Использовать сетку-строку для управления интервалом
+---
+
+## Description
+<section id="description"> Разумеется, вы можете сделать элементы потребляющими несколько строк, как вы можете, с помощью столбцов. Необходимо определить горизонтальные линии , которые вы хотите пункт для запуска и остановки при помощи <code>grid-row</code> свойство на элементе сетки. </section>
+
+## Instructions
+<section id="instructions"> Сделайте элемент с классом <code>item5</code> двумя последними. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>item5</code> класс должен иметь <code>grid-row</code> свойство , которое имеет значение <code>2 / 4</code> .'
+    testString: 'assert(code.match(/.item5\s*?{[\s\S]*grid-row\s*?:\s*?2\s*?\/\s*?4\s*?;[\s\S]*}/gi), "<code>item5</code> class should have a <code>grid-row</code> property that has the value of <code>2 / 4</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    grid-column: 2 / 4;
+    /* add your code below this line */
+
+
+    /* add your code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.russian.md
new file mode 100644
index 0000000000..0c9e3757ce
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.russian.md
@@ -0,0 +1,116 @@
+---
+id: 5a94fe7769fb03452672e463
+title: Use Media Queries to Create Responsive Layouts
+challengeType: 0
+videoUrl: ''
+localeTitle: Использование медиа-запросов для создания адаптивных макетов
+---
+
+## Description
+<section id="description"> CSS Grid может быть простым способом сделать ваш сайт более отзывчивым, используя медиа-запросы, чтобы изменить области сетки, изменить размеры сетки и изменить порядок размещения элементов. В предварительном просмотре, когда ширина области просмотра составляет 300 пикселей или более, количество столбцов изменяется от 1 до 2. Область рекламы затем занимает левый столбец полностью. </section>
+
+## Instructions
+<section id="instructions"> Когда ширина области просмотра составляет <code>400px</code> или более, сделайте область заголовка <code>400px</code> верхней строкой полностью, а нижняя <code>400px</code> полностью занимает нижнюю строку. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Когда область просмотра составляет <code>400px</code> или более, класс <code>container</code> должен иметь свойство <code>grid-template-areas</code> в котором области нижнего колонтитула и заголовка занимают верхнюю и нижнюю строки соответственно, а объявление и контент занимают левый и правый столбцы средней строки.'
+    testString: 'assert(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), "When the viewport is <code>400px</code> or more, <code>container</code> class should have a <code>grid-template-areas</code> property in which the footer and header areas occupy the top and bottom rows respectively and advert and content occupy the left and right columns of the middle row.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .item1 {
+    background: LightSkyBlue;
+    grid-area: header;
+  }
+
+  .item2 {
+    background: LightSalmon;
+    grid-area: advert;
+  }
+
+  .item3 {
+    background: PaleTurquoise;
+    grid-area: content;
+  }
+
+  .item4 {
+    background: lightpink;
+    grid-area: footer;
+  }
+
+  .container {
+    font-size: 1.5em;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: 50px auto 1fr auto;
+    grid-gap: 10px;
+    grid-template-areas:
+      "header"
+      "advert"
+      "content"
+      "footer";
+  }
+
+  @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";
+    }
+  }
+
+  @media (min-width: 400px){
+    .container{
+      /* change the code below this line */
+
+      grid-template-areas:
+        "advert header"
+        "advert content"
+        "advert footer";
+
+    /* change the code above this line */
+    }
+  }
+</style>
+
+<div class="container">
+  <div class="item1">header</div>
+  <div class="item2">advert</div>
+  <div class="item3">content</div>
+  <div class="item4">footer</div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.russian.md b/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.russian.md
new file mode 100644
index 0000000000..0a55d29e06
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.russian.md
@@ -0,0 +1,60 @@
+---
+id: 587d78b0367417b2b2512b08
+title: Create a Media Query
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание медиа-запроса
+---
+
+## Description
+<section id="description"> Медиа-запросы - это новый метод, введенный в CSS3, который изменяет представление контента на основе разных размеров видовых экранов. Окно просмотра - видимая область пользователя на веб-странице и отличается в зависимости от устройства, используемого для доступа к сайту. Медиа-запросы состоят из типа носителя, и если этот тип носителя соответствует типу устройства, на котором отображается документ, применяются стили. Вы можете иметь столько селекторов и стилей внутри вашего медиа-запроса, сколько хотите. Ниже приведен пример медиа-запроса, который возвращает содержимое, когда ширина устройства меньше или равна 100px: <code>@media (max-width: 100px) { /* CSS Rules */ }</code> и следующий медиа-запрос возвращает содержимое, когда Высота устройства больше или равна 350px: <code>@media (min-height: 350px) { /* CSS Rules */ }</code> Помните, что CSS внутри медиа-запроса применяется только в том случае, если тип материала соответствует типу используемого устройства. </section>
+
+## Instructions
+<section id="instructions"> Добавьте медиа-запрос, чтобы тэг <code>p</code> имел <code>font-size</code> 10px, когда высота устройства меньше или равна 800px. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш элемент <code>p</code> должен иметь <code>font-size</code> 10px, когда <code>height</code> устройства меньше или равна 800px.'
+    testString: 'assert($("p").css("font-size") == "10px", "Your <code>p</code> element should have the <code>font-size</code> of 10px when the device <code>height</code> is less than or equal to 800px.");'
+  - text: <code>@media</code> запрос <code>@media</code> для устройств с <code>height</code> меньшей или равной 800 пикселей.
+    testString: 'assert(code.match(/@media\s*?\(\s*?max-height\s*?:\s*?800px\s*?\)/g), "Declare a <code>@media</code> query for devices with a <code>height</code> less than or equal to 800px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  p {
+    font-size: 20px;
+  }
+
+  /* Add media query below */
+
+</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>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.russian.md b/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.russian.md
new file mode 100644
index 0000000000..72b6a97199
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.russian.md
@@ -0,0 +1,57 @@
+---
+id: 587d78b1367417b2b2512b09
+title: Make an Image Responsive
+challengeType: 0
+videoUrl: ''
+localeTitle: Сделать изображение отзывчивым
+---
+
+## Description
+<section id="description"> Создание изображений с учетом CSS очень просто. Вместо применения абсолютной ширины к элементу: <code>img { width: 720px; }</code> Вы можете использовать: <blockquote> img { <br> max-width: 100%; <br> display: block; <br> высота: авто; <br> } </blockquote> Свойство <code>max-width</code> 100% масштабирует изображение в соответствии с шириной его контейнера, но изображение не будет растягиваться шире его первоначальной ширины. Установка свойства <code>display</code> для блокировки изменяет изображение с встроенного элемента (по умолчанию) на элемент блока в его собственной строке. Свойство <code>height</code> автоматически сохраняет исходное соотношение сторон изображения. </section>
+
+## Instructions
+<section id="instructions"> Добавьте правила стиля для тега <code>img</code> чтобы он реагировал на размер его контейнера. Он должен отображаться как элемент уровня блока, он должен соответствовать полной ширине его контейнера без растягивания, и он должен сохранять исходное соотношение сторон. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш тег <code>img</code> должен иметь <code>max-width</code> равную 100%.
+    testString: 'assert(code.match(/max-width:\s*?100%;/g), "Your <code>img</code> tag should have a <code>max-width</code> set to 100%.");'
+  - text: Ваш тег <code>img</code> должен иметь установленный для <code>display</code> .
+    testString: 'assert($("img").css("display") == "block", "Your <code>img</code> tag should have a <code>display</code> set to block.");'
+  - text: Ваш тег <code>img</code> должен иметь <code>height</code> установленную в auto.
+    testString: 'assert(code.match(/height:\s*?auto;/g), "Your <code>img</code> tag should have a <code>height</code> set to auto.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+</style>
+
+<img src="https://s3.amazonaws.com/freecodecamp/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.russian.md b/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.russian.md
new file mode 100644
index 0000000000..d428f28957
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.russian.md
@@ -0,0 +1,56 @@
+---
+id: 587d78b1367417b2b2512b0c
+title: Make Typography Responsive
+challengeType: 0
+videoUrl: ''
+localeTitle: Сделать отзывчивость типографии
+---
+
+## Description
+<section id="description"> Вместо использования текста <code>em</code> или <code>px</code> для размера вы можете использовать единицы просмотра для гибкой типографии. Единицы просмотра, такие как проценты, являются относительными единицами, но они основаны на разных позициях. Единицы Viewport относятся к размеру видового экрана (ширина или высота) устройства, а проценты относятся к размеру элемента родительского контейнера. Четыре различных видовых экрана: <ul><li> <code>vw: 10vw</code> будет составлять 10% от ширины <code>vw: 10vw</code> просмотра. </li><li> <code>vh: 3vh</code> будет 3% высоты просмотра. </li><li> <code>vmin: 70vmin</code> будет на 70% меньше размера <code>vmin: 70vmin</code> просмотра (высота и ширина). </li><li> <code>vmax: 100vmax</code> будет на 100% больше размера <code>vmax: 100vmax</code> просмотра (высота и ширина). </li></ul></section>
+
+## Instructions
+<section id="instructions"> Установите <code>width</code> тега <code>h2</code> на 80% ширины окна просмотра и <code>width</code> абзаца как на 75% меньшего размера окна просмотра. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш тег <code>h2</code> должен иметь <code>width</code> 80vw.
+    testString: 'assert(code.match(/h2\s*?{\s*?width:\s*?80vw;\s*?}/g), "Your <code>h2</code> tag should have a <code>width</code> of 80vw.");'
+  - text: Ваш тег <code>p</code> должен иметь <code>width</code> 75vmin.
+    testString: 'assert(code.match(/p\s*?{\s*?width:\s*?75vmin;\s*?}/g), "Your <code>p</code> tag should have a <code>width</code> of 75vmin.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+</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>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.russian.md b/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.russian.md
new file mode 100644
index 0000000000..b7ce98d9ae
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.russian.md
@@ -0,0 +1,55 @@
+---
+id: 587d78b1367417b2b2512b0a
+title: Use a Retina Image for Higher Resolution Displays
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте изображение Retina для дисплеев с более высоким разрешением
+---
+
+## Description
+<section id="description"> Самый простой способ сделать ваши изображения «сетчаткой» (и оптимизировать их для дисплеев сетчатки) - это определить их значения <code>width</code> и <code>height</code> как только половину исходного файла. Вот пример изображения, использующего только половину исходной высоты и ширины: <blockquote> &lt;Стиль&gt; <br> img {height: 250px; ширина: 250 пикселей; } <br> &lt;/ Стиль&gt; <br> &lt;img src = &quot;coolPic500x500&quot; alt = &quot;Самая прекрасная картина&quot;&gt; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Установите <code>width</code> и <code>height</code> тега <code>img</code> на половину их исходных значений. В этом случае как исходная <code>height</code> и исходная <code>width</code> составляют 200 пикселей. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш тег <code>img</code> должен иметь <code>width</code> 100 пикселей.
+    testString: 'assert($("img").css("width") == "100px", "Your <code>img</code> tag should have a <code>width</code> of 100 pixels.");'
+  - text: Ваш тег <code>img</code> должен иметь <code>height</code> 100 пикселей.
+    testString: 'assert($("img").css("height") == "100px", "Your <code>img</code> tag should have a <code>height</code> of 100 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+
+</style>
+
+<img src="https://s3.amazonaws.com/freecodecamp/FCCStickers-CamperBot200x200.jpg" alt="freeCodeCamp sticker that says 'Because CamperBot Cares'">
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.russian.md b/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.russian.md
new file mode 100644
index 0000000000..617c62eb67
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c242eddfaeb5bd13
+title: Build a Personal Portfolio Webpage
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Создайте веб-страницу личного портфолио
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально подобное этому: <a href="https://codepen.io/freeCodeCamp/full/zNBOYG" target="_blank">https://codepen.io/freeCodeCamp/full/zNBOYG</a> . Выполните приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> и получите все тесты для прохождения. Дайте ему свой личный стиль. Вы можете использовать HTML, JavaScript и CSS для завершения этого проекта. Рекомендуется использовать простой CSS, потому что это то, что до сих пор изучали уроки, и вы должны получить некоторую практику с простым CSS. Вы можете использовать Bootstrap или SASS, если вы выберете. Дополнительные технологии (например, jQuery, React, Angular или Vue) не рекомендуются для этого проекта, и использование их на свой страх и риск. Другие проекты дадут вам возможность работать с различными технологическими пакетами, такими как React. Мы примем и попытаемся исправить все отчеты о проблемах, которые используют предлагаемый стек технологий для этого проекта. Счастливое кодирование! <strong>Пользовательская история №1: у</strong> моего портфолио должен быть раздел приветствия с идентификатором <code>welcome-section</code> . <strong>User Story # 2:</strong> В разделе приветствия должен быть элемент <code>h1</code> , содержащий текст. <strong>Пользовательская история №3: у</strong> моего портфолио должен быть раздел проектов с идентификатором <code>projects</code> . <strong>User Story # 4:</strong> Раздел проектов должен содержать по крайней мере один элемент с классом <code>project-tile</code> для проведения проекта. <strong>User Story # 5:</strong> Раздел проектов должен содержать как минимум одну ссылку на проект. <strong>User Story # 6:</strong> Мое портфолио должно иметь навигационную панель с идентификатором <code>navbar</code> . <strong>User Story # 7:</strong> Навигатор должен содержать хотя бы одну ссылку, на которую я могу щелкнуть, чтобы перейти к различным разделам страницы. <strong>User Story # 8: у</strong> моего портфолио должна быть ссылка с идентификатором <code>profile-link</code> , который открывает мою GitHub или FCC-профиль на новой вкладке. <strong>User Story # 9: у</strong> моего портфолио должен быть хотя бы один медиа-запрос. <strong>User Story # 10:</strong> Высота секции приветствия должна быть равна высоте окна просмотра. <strong>User Story # 11:</strong> навигационная панель всегда должна находиться в верхней части окна просмотра. Вы можете создать свой проект, <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">нажимая эту ручку CodePen</a> . Или вы можете использовать эту ссылку CDN для запуска тестов в любой среде: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Как только вы закончите, отправьте URL-адрес своей рабочей проект с прохождением всех его тестов. Не забудьте использовать метод <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.russian.md b/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.russian.md
new file mode 100644
index 0000000000..40ecb41226
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.russian.md
@@ -0,0 +1,38 @@
+---
+id: 587d78af367417b2b2512b04
+title: Build a Product Landing Page
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Построить страницу назначения продукта
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/RKRbwL" target="_blank">https://codepen.io/freeCodeCamp/full/RKRbwL</a> . Выполните приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> и получите все тесты для прохождения. Дайте ему свой личный стиль. Вы можете использовать HTML, JavaScript и CSS для завершения этого проекта. Рекомендуется использовать простой CSS, потому что это то, что до сих пор изучали уроки, и вы должны получить некоторую практику с простым CSS. Вы можете использовать Bootstrap или SASS, если вы выберете. Дополнительные технологии (например, jQuery, React, Angular или Vue) не рекомендуются для этого проекта, и использование их на свой страх и риск. Другие проекты дадут вам возможность работать с различными технологическими пакетами, такими как React. Мы примем и попытаемся исправить все отчеты о проблемах, которые используют предлагаемый стек технологий для этого проекта. Счастливое кодирование! <strong>User Story # 1:</strong> Моя целевая страница продукта должна иметь элемент <code>header</code> с соответствующим <code>id=&quot;header&quot;</code> . <strong>User Story # 2:</strong> Я вижу изображение внутри элемента <code>header</code> с соответствующим <code>id=&quot;header-img&quot;</code> . Логотип компании сделает хороший образ здесь. <strong>User Story # 3:</strong> В элементе <code>#header</code> я вижу элемент <code>nav</code> с соответствующим <code>id=&quot;nav-bar&quot;</code> . <strong>User Story # 4:</strong> Я вижу как минимум три элемента, которые можно щелкнуть внутри элемента <code>nav</code> , каждый из которых <code>nav-link</code> класс <code>nav-link</code> . <strong>User Story # 5:</strong> Когда я нажимаю кнопку <code>.nav-link</code> в элементе <code>nav</code> , я <code>.nav-link</code> в соответствующий раздел целевой страницы. <strong>User Story # 6:</strong> Я могу посмотреть видео с встроенным продуктом с <code>id=&quot;video&quot;</code> . <strong>User Story # 7:</strong> Моя целевая страница имеет элемент <code>form</code> с соответствующей <code>id=&quot;form&quot;</code> . <strong>User Story # 8:</strong> В форме есть поле <code>input</code> с <code>id=&quot;email&quot;</code> где я могу ввести адрес электронной почты. <strong>User Story # 9:</strong> <code>#email</code> ввода <code>#email</code> должно содержать текст заполнителя, чтобы пользователь знал, для чего это поле. <strong>User Story # 10:</strong> <code>#email</code> ввода <code>#email</code> использует проверку HTML5, чтобы подтвердить, что введенный текст является адресом электронной почты. <strong>User Story # 11:</strong> В форме есть <code>input</code> с соответствующим <code>id=&quot;submit&quot;</code> . <strong>User Story # 12:</strong> Когда я <code>#submit</code> элемент <code>#submit</code> , электронная почта отправляется на статическую страницу (используйте этот макет URL: <a href="https://www.freecodecamp.com/email-submit" target="_blank">https://www.freecodecamp.com/email-submit</a> ), который подтверждает, что адрес электронной почты был введен и что он опубликован успешно. <strong>User Story # 13:</strong> навигационная панель всегда должна находиться в верхней части окна просмотра. <strong>User Story # 14: На</strong> целевой странице моего продукта должен быть хотя бы один мультимедийный запрос. <strong>User Story # 15:</strong> Моя целевая страница продукта должна использовать CSS flexbox хотя бы один раз. Вы можете создать свой проект, <a href="http://codepen.io/freeCodeCamp/full/MJjpwO" target="_blank">нажимая эту ручку CodePen</a> . Или вы можете использовать эту ссылку CDN для запуска тестов в любой среде: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Как только вы закончите, отправьте URL-адрес своей рабочей проект с прохождением всех его тестов. Не забудьте использовать метод <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.russian.md b/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.russian.md
new file mode 100644
index 0000000000..2efb4970dc
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.russian.md
@@ -0,0 +1,38 @@
+---
+id: 587d78af367417b2b2512b03
+title: Build a Survey Form
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Создание формы опроса
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/VPaoNP" target="_blank">https://codepen.io/freeCodeCamp/full/VPaoNP</a> . Выполните приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> и получите все тесты для прохождения. Дайте ему свой личный стиль. Вы можете использовать HTML, JavaScript и CSS для завершения этого проекта. Рекомендуется использовать простой CSS, потому что это то, что до сих пор изучали уроки, и вы должны получить некоторую практику с простым CSS. Вы можете использовать Bootstrap или SASS, если вы выберете. Дополнительные технологии (например, jQuery, React, Angular или Vue) не рекомендуются для этого проекта, и использование их на свой страх и риск. Другие проекты дадут вам возможность работать с различными технологическими пакетами, такими как React. Мы примем и попытаемся исправить все отчеты о проблемах, которые используют предлагаемый стек технологий для этого проекта. Счастливое кодирование! <strong>User Story # 1:</strong> Я вижу заголовок с <code>id=&quot;title&quot;</code> в формате H1. <strong>User Story # 2:</strong> Я вижу короткое объяснение с <code>id=&quot;description&quot;</code> в тексте размера P. <strong>User Story # 3:</strong> Я вижу <code>form</code> с <code>id=&quot;survey-form&quot;</code> . <strong>User Story # 4:</strong> Внутри элемента формы мне нужно ввести мое имя в поле с <code>id=&quot;name&quot;</code> . <strong>User Story # 5:</strong> Внутри элемента формы мне нужно ввести электронное письмо в поле с <code>id=&quot;email&quot;</code> . <strong>User Story # 6:</strong> Если я ввешу электронное письмо, которое не отформатировано правильно, я увижу ошибку проверки HTML5. <strong>User Story # 7:</strong> Внутри формы я могу ввести число в поле с <code>id=&quot;number&quot;</code> . <strong>User Story # 8:</strong> Если я вводил не номера в число ввода, я увижу ошибку проверки HTML5. <strong>User Story # 9:</strong> Если я ввожу числа за пределами диапазона ввода номера, которые определены атрибутами <code>min</code> и <code>max</code> , я увижу ошибку проверки HTML5. <strong>User Story # 10:</strong> для полей ввода имени, электронной почты и номера внутри формы я могу видеть соответствующие метки, которые описывают назначение каждого поля со следующими идентификаторами: <code>id=&quot;name-label&quot;</code> , <code>id=&quot;email-label&quot;</code> , и <code>id=&quot;number-label&quot;</code> . <strong>User Story # 11:</strong> для полей ввода имени, электронной почты и ввода номера я вижу текст заполнителя, который дает мне описание или инструкции для каждого поля. <strong>User Story # 12:</strong> Внутри элемента формы я могу выбрать опцию из раскрывающегося списка, имеющего соответствующий <code>id=&quot;dropdown&quot;</code> . <strong>User Story # 13:</strong> Внутри элемента формы я могу выбрать поле из одной или нескольких групп переключателей. Каждая группа должна быть сгруппирована с использованием атрибута <code>name</code> . <strong>User Story # 14:</strong> Внутри элемента формы я могу выбрать несколько полей из ряда флажков, каждый из которых должен иметь атрибут <code>value</code> . <strong>User Story # 15:</strong> Внутри элемента формы я получаю <code>textarea</code> в конце для дополнительных комментариев. <strong>User Story # 16:</strong> Внутри элемента формы мне предоставляется кнопка с <code>id=&quot;submit&quot;</code> для отправки всех моих входов. Вы можете создать свой проект, <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">нажимая эту ручку CodePen</a> . Или вы можете использовать эту ссылку CDN для запуска тестов в любой среде: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Как только вы закончите, отправьте URL-адрес своей рабочей проект с прохождением всех его тестов. Не забудьте использовать метод <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.russian.md b/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.russian.md
new file mode 100644
index 0000000000..4239e2f476
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.russian.md
@@ -0,0 +1,38 @@
+---
+id: 587d78b0367417b2b2512b05
+title: Build a Technical Documentation Page
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Создание страницы технической документации
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально подобное этому: <a href="https://codepen.io/freeCodeCamp/full/NdrKKL" target="_blank">https://codepen.io/freeCodeCamp/full/NdrKKL</a> . Выполните приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> и получите все тесты для прохождения. Дайте ему свой личный стиль. Вы можете использовать HTML, JavaScript и CSS для завершения этого проекта. Рекомендуется использовать простой CSS, потому что это то, что до сих пор изучали уроки, и вы должны получить некоторую практику с простым CSS. Вы можете использовать Bootstrap или SASS, если вы выберете. Дополнительные технологии (например, jQuery, React, Angular или Vue) не рекомендуются для этого проекта, и использование их на свой страх и риск. Другие проекты дадут вам возможность работать с различными технологическими пакетами, такими как React. Мы примем и попытаемся исправить все отчеты о проблемах, которые используют предлагаемый стек технологий для этого проекта. Счастливое кодирование! <strong>User Story # 1:</strong> Я вижу <code>main</code> элемент с соответствующим <code>id=&quot;main-doc&quot;</code> , который содержит основное содержание страницы (техническая документация). <strong>User Story # 2:</strong> В элементе <code>#main-doc</code> я вижу несколько элементов <code>section</code> , каждый из которых имеет класс <code>main-section</code> . Должно быть не менее 5. <strong>User Story # 3:</strong> Первый элемент внутри каждого <code>.main-section</code> должен быть элементом <code>header</code> который содержит текст, описывающий тему этого раздела. <strong>User Story # 4:</strong> Каждый элемент <code>section</code> с классом <code>main-section</code> должен также иметь идентификатор, соответствующий тексту каждого содержащегося в нем <code>header</code> . Любые пробелы должны быть заменены символами подчеркивания (например, <code>section</code> который содержит заголовок «Javascript и Java», должен иметь соответствующий <code>id=&quot;Javascript_and_Java&quot;</code> ). <strong>User Story # 5:</strong> <code>.main-section</code> должны содержать не менее 10 <code>p</code> элементов (не каждый). <strong>User Story # 6:</strong> <code>.main-section</code> должны содержать не менее 5 элементов <code>code</code> (не каждый). <strong>User Story # 7:</strong> <code>.main-section</code> должны содержать не менее 5 элементов <code>li</code> (не каждый). <strong>User Story # 8:</strong> Я вижу элемент <code>nav</code> с соответствующим <code>id=&quot;navbar&quot;</code> . <strong>User Story # 9:</strong> элемент navbar должен содержать один элемент <code>header</code> который содержит текст, описывающий тему технической документации. <strong>User Story # 10:</strong> Кроме того, навигационная панель должна содержать элементы ссылки ( <code>a</code> ) с классом <code>nav-link</code> . Для каждого элемента с <code>main-section</code> классом класса должен быть один. <strong>User Story # 11:</strong> Элемент <code>header</code> на панели навигации должен появиться перед любыми элементами ссылки ( <code>a</code> ) на панели навигации. <strong>User Story # 12:</strong> Каждый элемент с классом <code>nav-link</code> должен содержать текст, соответствующий тексту <code>header</code> в каждом <code>section</code> (например, если у вас есть раздел / заголовок «Hello world», ваш навигатор должен иметь элемент, который содержит текст &quot;Привет мир&quot;). <strong>User Story # 13:</strong> Когда я нажимаю элемент navbar, страница должна перейти к соответствующему разделу элемента <code>main-doc</code> (например, если я нажму на элемент <code>nav-link</code> который содержит текст «Hello world», страница перемещается к элементу <code>section</code> который имеет этот идентификатор и содержит соответствующий <code>header</code> . <strong>User Story # 14:</strong> на устройствах с обычным размером (ноутбуки, настольные компьютеры) элемент с <code>id=&quot;navbar&quot;</code> должен быть показан в левой части экрана и должен всегда быть видимым пользователю. <strong>Пользовательская</strong> страница <strong>№15:</strong> страница «Моя техническая документация» должна использовать по крайней мере один мультимедийный запрос. Вы можете создать свой проект, <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">нарисуя это перо CodePen</a> . Или вы можете использовать эту ссылку CDN для запуска тестов в любой среде, : <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> После того, как вы закончите, отправьте URL-адрес вашему рабочему проекту со всеми его прохождениями тестов. Не забудьте использовать <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> если вы застряли. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.russian.md b/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.russian.md
new file mode 100644
index 0000000000..d9c0cb2b07
--- /dev/null
+++ b/curriculum/challenges/russian/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd18
+title: Build a Tribute Page
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Создайте страницу с датой
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально подобное этому: <a href="https://codepen.io/freeCodeCamp/full/zNqgVx" target="_blank">https://codepen.io/freeCodeCamp/full/zNqgVx</a> . Выполните приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> и получите все тесты для прохождения. Дайте ему свой личный стиль. Вы можете использовать HTML, JavaScript и CSS для завершения этого проекта. Рекомендуется использовать простой CSS, потому что это то, что до сих пор изучали уроки, и вы должны получить некоторую практику с простым CSS. Вы можете использовать Bootstrap или SASS, если вы выберете. Дополнительные технологии (например, jQuery, React, Angular или Vue) не рекомендуются для этого проекта, и использование их на свой страх и риск. Другие проекты дадут вам возможность работать с различными технологическими пакетами, такими как React. Мы примем и попытаемся исправить все отчеты о проблемах, которые используют предлагаемый стек технологий для этого проекта. Счастливое кодирование! <strong>User Story # 1:</strong> Моя страница с датой должна иметь элемент с соответствующим <code>id=&quot;main&quot;</code> , который содержит все остальные элементы. <strong>User Story # 2:</strong> Я должен увидеть элемент с соответствующим <code>id=&quot;title&quot;</code> , который содержит строку (то есть текст), которая описывает тему страницы дани (например, «Доктор Норман Борлауг»). <strong>User Story # 3:</strong> Мне нужно увидеть элемент <code>div</code> с соответствующим <code>id=&quot;img-div&quot;</code> . <strong>User Story # 4:</strong> В элементе <code>img-div</code> я должен увидеть элемент <code>img</code> с соответствующим <code>id=&quot;image&quot;</code> . <strong>User Story # 5:</strong> В элементе <code>img-div</code> я должен увидеть элемент с соответствующим <code>id=&quot;img-caption&quot;</code> который содержит текстовый контент, описывающий изображение, показанное в <code>img-div</code> . <strong>User Story # 6:</strong> Я должен увидеть элемент с соответствующим <code>id=&quot;tribute-info&quot;</code> , который содержит текстовый контент, описывающий тему страницы дани. <strong>История Пользователь # 7:</strong> я должен увидеть <code>a</code> элемент с соответствующим <code>id=&quot;tribute-link&quot;</code> , который связывает с внешним сайтом , который содержит дополнительную информацию о предмете страницы дани. СОВЕТ. Вы должны указать вашему элементу атрибут <code>target</code> и установить его на <code>_blank</code> чтобы ваша ссылка открылась на новой вкладке (т. <code>target=&quot;_blank&quot;</code> ). <strong>User Story # 8:</strong> элемент <code>img</code> должен изменяться по размеру относительно ширины его родительского элемента, не превышая его первоначальный размер. <strong>User Story # 9:</strong> Элемент <code>img</code> должен быть центрирован в пределах его родительского элемента. Вы можете создать свой проект, <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">нажимая эту ручку CodePen</a> . Или вы можете использовать эту ссылку CDN для запуска тестов в любой среде, которая вам нравится: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> . После того, как вы закончите, отправьте URL-адрес вашему рабочему проекту со всеми его прохождением тестов. Не забудьте использовать метод <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/boo-who.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/boo-who.russian.md
new file mode 100644
index 0000000000..510ebb4b5d
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/boo-who.russian.md
@@ -0,0 +1,74 @@
+---
+id: a77dbc43c33f39daa4429b4f
+title: Boo who
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 'Бу, кто'
+---
+
+## Description
+<section id="description"> Проверьте, классифицировано ли значение как булевский примитив. Вернуть true или false. Булевы примитивы являются истинными и ложными. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>booWho(true)</code> должен возвращать true.
+    testString: 'assert.strictEqual(booWho(true), true, "<code>booWho(true)</code> should return true.");'
+  - text: <code>booWho(false)</code> должен возвращать true.
+    testString: 'assert.strictEqual(booWho(false), true, "<code>booWho(false)</code> should return true.");'
+  - text: '<code>booWho([1, 2, 3])</code> должен возвращать false.'
+    testString: 'assert.strictEqual(booWho([1, 2, 3]), false, "<code>booWho([1, 2, 3])</code> should return false.");'
+  - text: '<code>booWho([].slice)</code> должен возвращать false.'
+    testString: 'assert.strictEqual(booWho([].slice), false, "<code>booWho([].slice)</code> should return false.");'
+  - text: '<code>booWho({ &quot;a&quot;: 1 })</code> должен возвращать false.'
+    testString: 'assert.strictEqual(booWho({ "a": 1 }), false, "<code>booWho({ "a": 1 })</code> should return false.");'
+  - text: <code>booWho(1)</code> должен возвращать false.
+    testString: 'assert.strictEqual(booWho(1), false, "<code>booWho(1)</code> should return false.");'
+  - text: <code>booWho(NaN)</code> должно возвращать false.
+    testString: 'assert.strictEqual(booWho(NaN), false, "<code>booWho(NaN)</code> should return false.");'
+  - text: ''
+    testString: 'assert.strictEqual(booWho("a"), false, "<code>booWho("a")</code> should return false.");'
+  - text: ''
+    testString: 'assert.strictEqual(booWho("true"), false, "<code>booWho("true")</code> should return false.");'
+  - text: <code>booWho(&quot;false&quot;)</code> должен возвращать false.
+    testString: 'assert.strictEqual(booWho("false"), false, "<code>booWho("false")</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function booWho(bool) {
+  // What is the new fad diet for ghost developers? The Boolean.
+  return bool;
+}
+
+booWho(null);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/chunky-monkey.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/chunky-monkey.russian.md
new file mode 100644
index 0000000000..503633f73e
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/chunky-monkey.russian.md
@@ -0,0 +1,68 @@
+---
+id: a9bd25c716030ec90084d8a1
+title: Chunky Monkey
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Короткая обезьяна
+---
+
+## Description
+<section id="description"> Напишите функцию, которая разбивает массив (первый аргумент) на группы по длине <code>size</code> (второй аргумент) и возвращает их в виде двумерного массива. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>chunkArrayInGroups([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;], 2)</code> должны возвращать <code>[[&quot;a&quot;, &quot;b&quot;], [&quot;c&quot;, &quot;d&quot;]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups(["a", "b", "c", "d"], 2), [["a", "b"], ["c", "d"]], "<code>chunkArrayInGroups(["a", "b", "c", "d"], 2)</code> should return <code>[["a", "b"], ["c", "d"]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 3)</code> должны возвращать <code>[[0, 1, 2], [3, 4, 5]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5], 3), [[0, 1, 2], [3, 4, 5]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 3)</code> should return <code>[[0, 1, 2], [3, 4, 5]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 2)</code> должны возвращать <code>[[0, 1], [2, 3], [4, 5]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5], 2), [[0, 1], [2, 3], [4, 5]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 2)</code> should return <code>[[0, 1], [2, 3], [4, 5]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 4)</code> должны возвращать <code>[[0, 1, 2, 3], [4, 5]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5], 4), [[0, 1, 2, 3], [4, 5]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5], 4)</code> should return <code>[[0, 1, 2, 3], [4, 5]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6], 3)</code> должны возвращать <code>[[0, 1, 2], [3, 4, 5], [6]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6], 3), [[0, 1, 2], [3, 4, 5], [6]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6], 3)</code> should return <code>[[0, 1, 2], [3, 4, 5], [6]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 4)</code> должны возвращать <code>[[0, 1, 2, 3], [4, 5, 6, 7], [8]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 4), [[0, 1, 2, 3], [4, 5, 6, 7], [8]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 4)</code> should return <code>[[0, 1, 2, 3], [4, 5, 6, 7], [8]]</code>.");'
+  - text: '<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 2)</code> должны возвращать <code>[[0, 1], [2, 3], [4, 5], [6, 7], [8]]</code> .'
+    testString: 'assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 2), [[0, 1], [2, 3], [4, 5], [6, 7], [8]], "<code>chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 2)</code> should return <code>[[0, 1], [2, 3], [4, 5], [6, 7], [8]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function chunkArrayInGroups(arr, size) {
+  // Break it up.
+  return arr;
+}
+
+chunkArrayInGroups(["a", "b", "c", "d"], 2);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/confirm-the-ending.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/confirm-the-ending.russian.md
new file mode 100644
index 0000000000..19bb68321b
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/confirm-the-ending.russian.md
@@ -0,0 +1,77 @@
+---
+id: acda2fb1324d9b0fa741e6b5
+title: Confirm the Ending
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Подтвердить завершение
+---
+
+## Description
+<section id="description"> Проверьте, заканчивается ли строка (первый аргумент, <code>str</code> ) заданной целевой строкой (второй аргумент, <code>target</code> ). Эта проблема <em>может</em> быть решена с помощью <code>.endsWith()</code> , который был введен в ES2015. Но для этой задачи мы хотели бы, чтобы вы использовали один из методов подстроки JavaScript. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>confirmEnding(&quot;Bastian&quot;, &quot;n&quot;)</code> должен возвращать true.'
+    testString: 'assert(confirmEnding("Bastian", "n") === true, "<code>confirmEnding("Bastian", "n")</code> should return true.");'
+  - text: '<code>confirmEnding(&quot;Congratulation&quot;, &quot;on&quot;)</code> должно возвращать true.'
+    testString: 'assert(confirmEnding("Congratulation", "on") === true, "<code>confirmEnding("Congratulation", "on")</code> should return true.");'
+  - text: '<code>confirmEnding(&quot;Connor&quot;, &quot;n&quot;)</code> должен возвращать значение false.'
+    testString: 'assert(confirmEnding("Connor", "n") === false, "<code>confirmEnding("Connor", "n")</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;Walking on water and developing software from a specification are easy if both are frozen&quot;, &quot;specification&quot;)</code> должны возвращать значение false.'
+    testString: 'assert(confirmEnding("Walking on water and developing software from a specification are easy if both are frozen", "specification") === false, "<code>confirmEnding("Walking on water and developing software from a specification are easy if both are frozen"&#44; "specification"&#41;</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;He has to give me a new name&quot;, &quot;name&quot;)</code> должен возвращать true.'
+    testString: 'assert(confirmEnding("He has to give me a new name", "name") === true, "<code>confirmEnding("He has to give me a new name", "name")</code> should return true.");'
+  - text: '<code>confirmEnding(&quot;Open sesame&quot;, &quot;same&quot;)</code> должен возвращать true.'
+    testString: 'assert(confirmEnding("Open sesame", "same") === true, "<code>confirmEnding("Open sesame", "same")</code> should return true.");'
+  - text: '<code>confirmEnding(&quot;Open sesame&quot;, &quot;pen&quot;)</code> должен возвращать false.'
+    testString: 'assert(confirmEnding("Open sesame", "pen") === false, "<code>confirmEnding("Open sesame", "pen")</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;Open sesame&quot;, &quot;game&quot;)</code> должен возвращать значение false.'
+    testString: 'assert(confirmEnding("Open sesame", "game") === false, "<code>confirmEnding("Open sesame", "game")</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;If you want to save our world, you must hurry. We dont know how much longer we can withstand the nothing&quot;, &quot;mountain&quot;)</code> должны возвращать ложные.'
+    testString: 'assert(confirmEnding("If you want to save our world, you must hurry. We dont know how much longer we can withstand the nothing", "mountain") === false, "<code>confirmEnding("If you want to save our world, you must hurry. We dont know how much longer we can withstand the nothing", "mountain")</code> should return false.");'
+  - text: '<code>confirmEnding(&quot;Abstraction&quot;, &quot;action&quot;)</code> должно возвращать true.'
+    testString: 'assert(confirmEnding("Abstraction", "action") === true, "<code>confirmEnding("Abstraction", "action")</code> should return true.");'
+  - text: Не используйте встроенный метод <code>.endsWith()</code> чтобы решить проблему.
+    testString: 'assert(!(/\.endsWith\(.*?\)\s*?;?/.test(code)) && !(/\["endsWith"\]/.test(code)), "Do not use the built-in method <code>.endsWith()</code> to solve the challenge.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function confirmEnding(str, target) {
+  // "Never give up and good luck will find you."
+  // -- Falcor
+  return str;
+}
+
+confirmEnding("Bastian", "n");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/convert-celsius-to-fahrenheit.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/convert-celsius-to-fahrenheit.russian.md
new file mode 100644
index 0000000000..5c28102b63
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/convert-celsius-to-fahrenheit.russian.md
@@ -0,0 +1,66 @@
+---
+id: 56533eb9ac21ba0edf2244b3
+title: Convert Celsius to Fahrenheit
+challengeType: 1
+isRequired: true
+videoUrl: ''
+localeTitle: Преобразование Цельсия в Фаренгейт
+---
+
+## Description
+<section id="description"> Алгоритм преобразования от Цельсия в Фаренгейт - это температура в градусах Цельсия <code>9/5</code> и плюс <code>32</code> . Вам дается переменная <code>celsius</code> представляющая температуру в градусах Цельсия. Используйте переменную <code>fahrenheit</code> уже определена, и назначьте ей температуру Фаренгейта, эквивалентную заданной температуре Цельсия. Используйте вышеупомянутый алгоритм, чтобы помочь преобразовать температуру Цельсия в Фаренгейт. Не беспокойтесь слишком много о функциях и заявлениях о возврате, поскольку они будут рассмотрены в будущих задачах. Пока что используйте только те операторы, которые вы уже узнали. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>convertToF(0)</code> должен возвращать число
+    testString: 'assert(typeof convertToF(0) === "number", "<code>convertToF(0)</code> should return a number");'
+  - text: <code>convertToF(-30)</code> должен возвращать значение <code>-22</code>
+    testString: 'assert(convertToF(-30) === -22, "<code>convertToF(-30)</code> should return a value of <code>-22</code>");'
+  - text: <code>convertToF(-10)</code> должен возвращать значение <code>14</code>
+    testString: 'assert(convertToF(-10) === 14, "<code>convertToF(-10)</code> should return a value of <code>14</code>");'
+  - text: <code>convertToF(0)</code> должно возвращать значение <code>32</code>
+    testString: 'assert(convertToF(0) === 32, "<code>convertToF(0)</code> should return a value of <code>32</code>");'
+  - text: <code>convertToF(20)</code> должно возвращать значение <code>68</code>
+    testString: 'assert(convertToF(20) === 68, "<code>convertToF(20)</code> should return a value of <code>68</code>");'
+  - text: <code>convertToF(30)</code> должен вернуть значение <code>86</code>
+    testString: 'assert(convertToF(30) === 86, "<code>convertToF(30)</code> should return a value of <code>86</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertToF(celsius) {
+  let fahrenheit;
+  return fahrenheit;
+}
+
+convertToF(30);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/factorialize-a-number.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/factorialize-a-number.russian.md
new file mode 100644
index 0000000000..b82094851d
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/factorialize-a-number.russian.md
@@ -0,0 +1,63 @@
+---
+id: a302f7aae1aa3152a5b413bc
+title: Factorialize a Number
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Факториализация номера
+---
+
+## Description
+<section id="description"> Верните факториал предоставленного целого числа. Если целое число представлено буквой n, факториал является произведением всех положительных целых чисел, меньших или равных n. Факториалы часто представлены сокращенной нотой <code>n!</code> Например: <code>5! = 1 * 2 * 3 * 4 * 5 = 120</code> В функцию будут <code>5! = 1 * 2 * 3 * 4 * 5 = 120</code> только целые числа, большие или равные нулю. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>factorialize(5)</code> должен возвращать число.
+    testString: 'assert(typeof factorialize(5) === "number", "<code>factorialize(5)</code> should return a number.");'
+  - text: <code>factorialize(5)</code> должен вернуть 120.
+    testString: 'assert(factorialize(5) === 120, "<code>factorialize(5)</code> should return 120.");'
+  - text: <code>factorialize(10)</code> должен вернуть 3628800.
+    testString: 'assert(factorialize(10) === 3628800, "<code>factorialize(10)</code> should return 3628800.");'
+  - text: <code>factorialize(20)</code> должен возвращать 2432902008176640000.
+    testString: 'assert(factorialize(20) === 2432902008176640000, "<code>factorialize(20)</code> should return 2432902008176640000.");'
+  - text: <code>factorialize(0)</code> должен возвращать 1.
+    testString: 'assert(factorialize(0) === 1, "<code>factorialize(0)</code> should return 1.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function factorialize(num) {
+  return num;
+}
+
+factorialize(5);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer.russian.md
new file mode 100644
index 0000000000..de6c6f4182
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer.russian.md
@@ -0,0 +1,62 @@
+---
+id: adf08ec01beb4f99fc7a68f2
+title: Falsy Bouncer
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Фальшивый вышибала
+---
+
+## Description
+<section id="description"> Удалите все значения фальши из массива. Значения фальши в JavaScript - <code>false</code> , <code>null</code> , <code>0</code> , <code>&quot;&quot;</code> , <code>undefined</code> и <code>NaN</code> . Подсказка: попробуйте преобразовать каждое значение в логическое. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>bouncer([7, &quot;ate&quot;, &quot;&quot;, false, 9])</code> должен возвращать <code>[7, &quot;ate&quot;, 9]</code> .'
+    testString: 'assert.deepEqual(bouncer([7, "ate", "", false, 9]), [7, "ate", 9], "<code>bouncer([7, "ate", "", false, 9])</code> should return <code>[7, "ate", 9]</code>.");'
+  - text: '<code>bouncer([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;])</code> должен возвращать <code>[&quot;a&quot;, &quot;b&quot;, &quot;c&quot;]</code> .'
+    testString: 'assert.deepEqual(bouncer(["a", "b", "c"]), ["a", "b", "c"], "<code>bouncer(["a", "b", "c"])</code> should return <code>["a", "b", "c"]</code>.");'
+  - text: '<code>bouncer([false, null, 0, NaN, undefined, &quot;&quot;])</code> должен возвращать <code>[]</code> .'
+    testString: 'assert.deepEqual(bouncer([false, null, 0, NaN, undefined, ""]), [], "<code>bouncer([false, null, 0, NaN, undefined, ""])</code> should return <code>[]</code>.");'
+  - text: '<code>bouncer([1, null, NaN, 2, undefined])</code> должен возвращать <code>[1, 2]</code> .'
+    testString: 'assert.deepEqual(bouncer([1, null, NaN, 2, undefined]), [1, 2], "<code>bouncer([1, null, NaN, 2, undefined])</code> should return <code>[1, 2]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function bouncer(arr) {
+  // Don't show a false ID to this bouncer.
+  return arr;
+}
+
+bouncer([7, "ate", "", false, 9]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/find-the-longest-word-in-a-string.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/find-the-longest-word-in-a-string.russian.md
new file mode 100644
index 0000000000..480854c600
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/find-the-longest-word-in-a-string.russian.md
@@ -0,0 +1,65 @@
+---
+id: a26cbbe9ad8655a977e1ceb5
+title: Find the Longest Word in a String
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Найти самое длинное слово в строке
+---
+
+## Description
+<section id="description"> Верните длину самого длинного слова в предоставленное предложение. Ваш ответ должен быть числом. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>findLongestWordLength(&quot;The quick brown fox jumped over the lazy dog&quot;)</code> должна вернуть номер.
+    testString: 'assert(typeof findLongestWordLength("The quick brown fox jumped over the lazy dog") === "number", "<code>findLongestWordLength("The quick brown fox jumped over the lazy dog")</code> should return a number.");'
+  - text: <code>findLongestWordLength(&quot;The quick brown fox jumped over the lazy dog&quot;)</code> должна вернуться 6.
+    testString: 'assert(findLongestWordLength("The quick brown fox jumped over the lazy dog") === 6, "<code>findLongestWordLength("The quick brown fox jumped over the lazy dog")</code> should return 6.");'
+  - text: <code>findLongestWordLength(&quot;May the force be with you&quot;)</code> должна вернуть 5.
+    testString: 'assert(findLongestWordLength("May the force be with you") === 5, "<code>findLongestWordLength("May the force be with you")</code> should return 5.");'
+  - text: <code>findLongestWordLength(&quot;Google do a barrel roll&quot;)</code> должен вернуть 6.
+    testString: 'assert(findLongestWordLength("Google do a barrel roll") === 6, "<code>findLongestWordLength("Google do a barrel roll")</code> should return 6.");'
+  - text: <code>findLongestWordLength(&quot;What is the average airspeed velocity of an unladen swallow&quot;)</code> должна вернуться 8.
+    testString: 'assert(findLongestWordLength("What is the average airspeed velocity of an unladen swallow") === 8, "<code>findLongestWordLength("What is the average airspeed velocity of an unladen swallow")</code> should return 8.");'
+  - text: <code>findLongestWordLength(&quot;What if we try a super-long word such as otorhinolaryngology&quot;)</code> должно возвратиться 19.
+    testString: 'assert(findLongestWordLength("What if we try a super-long word such as otorhinolaryngology") === 19, "<code>findLongestWordLength("What if we try a super-long word such as otorhinolaryngology")</code> should return 19.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function findLongestWordLength(str) {
+  return str.length;
+}
+
+findLongestWordLength("The quick brown fox jumped over the lazy dog");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/finders-keepers.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/finders-keepers.russian.md
new file mode 100644
index 0000000000..1b473297b4
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/finders-keepers.russian.md
@@ -0,0 +1,58 @@
+---
+id: a6e40f1041b06c996f7b2406
+title: Finders Keepers
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Finders Keepers
+---
+
+## Description
+<section id="description"> Создайте функцию, которая просматривает массив (первый аргумент) и возвращает первый элемент в массиве, который проходит тест истины (второй аргумент). Если ни один элемент не проходит тест, возвращайте значение undefined. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>findElement([1, 3, 5, 8, 9, 10], function(num) { return num % 2 === 0; })</code> должна вернуть 8.'
+    testString: 'assert.strictEqual(findElement([1, 3, 5, 8, 9, 10], function(num) { return num % 2 === 0; }), 8, "<code>findElement([1, 3, 5, 8, 9, 10], function(num) { return num % 2 === 0; })</code> should return 8.");'
+  - text: '<code>findElement([1, 3, 5, 9], function(num) { return num % 2 === 0; })</code> должен возвращать неопределенный.'
+    testString: 'assert.strictEqual(findElement([1, 3, 5, 9], function(num) { return num % 2 === 0; }), undefined, "<code>findElement([1, 3, 5, 9], function(num) { return num % 2 === 0; })</code> should return undefined.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function findElement(arr, func) {
+  let num = 0;
+  return num;
+}
+
+findElement([1, 2, 3, 4], num => num % 2 === 0);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/mutations.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/mutations.russian.md
new file mode 100644
index 0000000000..c22a7d3655
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/mutations.russian.md
@@ -0,0 +1,71 @@
+---
+id: af2170cad53daa0770fabdea
+title: Mutations
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Мутации
+---
+
+## Description
+<section id="description"> Возвращает true, если строка в первом элементе массива содержит все буквы строки во втором элементе массива. Например, <code>[&quot;hello&quot;, &quot;Hello&quot;]</code> должен возвращать true, потому что все буквы во второй строке присутствуют в первом, игнорирующем случае. Аргументы <code>[&quot;hello&quot;, &quot;hey&quot;]</code> должны возвращать false, потому что строка &quot;hello&quot; не содержит &quot;y&quot;. Наконец, <code>[&quot;Alien&quot;, &quot;line&quot;]</code> должен возвращать true, потому что все буквы в «строке» присутствуют в «Alien». Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>mutation([&quot;hello&quot;, &quot;hey&quot;])</code> должна возвращать false.'
+    testString: 'assert(mutation(["hello", "hey"]) === false, "<code>mutation(["hello", "hey"])</code> should return false.");'
+  - text: '<code>mutation([&quot;hello&quot;, &quot;Hello&quot;])</code> должна возвращать true.'
+    testString: 'assert(mutation(["hello", "Hello"]) === true, "<code>mutation(["hello", "Hello"])</code> should return true.");'
+  - text: ''
+    testString: 'assert(mutation(["zyxwvutsrqponmlkjihgfedcba", "qrstu"]) === true, "<code>mutation(["zyxwvutsrqponmlkjihgfedcba", "qrstu"])</code> should return true.");'
+  - text: ''
+    testString: 'assert(mutation(["Mary", "Army"]) === true, "<code>mutation(["Mary", "Army"])</code> should return true.");'
+  - text: ''
+    testString: 'assert(mutation(["Mary", "Aarmy"]) === true, "<code>mutation(["Mary", "Aarmy"])</code> should return true.");'
+  - text: ''
+    testString: 'assert(mutation(["Alien", "line"]) === true, "<code>mutation(["Alien", "line"])</code> should return true.");'
+  - text: '<code>mutation([&quot;floor&quot;, &quot;for&quot;])</code> должна возвращать true.'
+    testString: 'assert(mutation(["floor", "for"]) === true, "<code>mutation(["floor", "for"])</code> should return true.");'
+  - text: ''
+    testString: 'assert(mutation(["hello", "neo"]) === false, "<code>mutation(["hello", "neo"])</code> should return false.");'
+  - text: '<code>mutation([&quot;voodoo&quot;, &quot;no&quot;])</code> возвращает false.'
+    testString: 'assert(mutation(["voodoo", "no"]) === false, "<code>mutation(["voodoo", "no"])</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function mutation(arr) {
+  return arr;
+}
+
+mutation(["hello", "hey"]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/repeat-a-string-repeat-a-string.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/repeat-a-string-repeat-a-string.russian.md
new file mode 100644
index 0000000000..b5d7fdf38d
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/repeat-a-string-repeat-a-string.russian.md
@@ -0,0 +1,68 @@
+---
+id: afcc8d540bea9ea2669306b6
+title: Repeat a String Repeat a String
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Повторить строку Повторить строку
+---
+
+## Description
+<section id="description"> Повторите заданную строку <code>str</code> (первый аргумент) для <code>num</code> times (второй аргумент). Верните пустую строку, если <code>num</code> не является положительным числом. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>repeatStringNumTimes(&quot;*&quot;, 3)</code> должен возвращать <code>&quot;***&quot;</code> .'
+    testString: 'assert(repeatStringNumTimes("*", 3) === "***", "<code>repeatStringNumTimes("*", 3)</code> should return <code>"***"</code>.");'
+  - text: ''
+    testString: 'assert(repeatStringNumTimes("abc", 3) === "abcabcabc", "<code>repeatStringNumTimes("abc", 3)</code> should return <code>"abcabcabc"</code>.");'
+  - text: '<code>repeatStringNumTimes(&quot;abc&quot;, 4)</code> должен возвращать <code>&quot;abcabcabcabc&quot;</code> .'
+    testString: 'assert(repeatStringNumTimes("abc", 4) === "abcabcabcabc", "<code>repeatStringNumTimes("abc", 4)</code> should return <code>"abcabcabcabc"</code>.");'
+  - text: '<code>repeatStringNumTimes(&quot;abc&quot;, 1)</code> должен возвращать <code>&quot;abc&quot;</code> .'
+    testString: 'assert(repeatStringNumTimes("abc", 1) === "abc", "<code>repeatStringNumTimes("abc", 1)</code> should return <code>"abc"</code>.");'
+  - text: '<code>repeatStringNumTimes(&quot;*&quot;, 8)</code> должен возвращать <code>&quot;********&quot;</code> .'
+    testString: 'assert(repeatStringNumTimes("*", 8) === "********", "<code>repeatStringNumTimes("*", 8)</code> should return <code>"********"</code>.");'
+  - text: '<code>repeatStringNumTimes(&quot;abc&quot;, -2)</code> должен возвращать <code>&quot;&quot;</code> .'
+    testString: 'assert(repeatStringNumTimes("abc", -2) === "", "<code>repeatStringNumTimes("abc", -2)</code> should return <code>""</code>.");'
+  - text: Нельзя использовать встроенный метод <code>repeat()</code>
+    testString: 'assert(!/\.repeat/g.test(code), "The built-in <code>repeat()</code>-method should not be used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function repeatStringNumTimes(str, num) {
+  // repeat after me
+  return str;
+}
+
+repeatStringNumTimes("abc", 3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/return-largest-numbers-in-arrays.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/return-largest-numbers-in-arrays.russian.md
new file mode 100644
index 0000000000..ce50cd22ad
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/return-largest-numbers-in-arrays.russian.md
@@ -0,0 +1,62 @@
+---
+id: a789b3483989747d63b0e427
+title: Return Largest Numbers in Arrays
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Возвращает наибольшие числа в массивах
+---
+
+## Description
+<section id="description"> Возвращает массив, состоящий из наибольшего числа из каждого предоставленного подматрица. Для простоты предоставленный массив будет содержать ровно 4 поддиапазона. Помните, вы можете перебирать массив с помощью простого цикла и обращаться к каждому члену с синтаксисом массива <code>arr[i]</code> . Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]])</code> должны возвращать массив.'
+    testString: 'assert(largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]).constructor === Array, "<code>largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]])</code> should return an array.");'
+  - text: '<code>largestOfFour([[13, 27, 18, 26], [4, 5, 1, 3], [32, 35, 37, 39], [1000, 1001, 857, 1]])</code> должны возвращаться <code>[27, 5, 39, 1001]</code> .'
+    testString: 'assert.deepEqual(largestOfFour([[13, 27, 18, 26], [4, 5, 1, 3], [32, 35, 37, 39], [1000, 1001, 857, 1]]), [27, 5, 39, 1001], "<code>largestOfFour([[13, 27, 18, 26], [4, 5, 1, 3], [32, 35, 37, 39], [1000, 1001, 857, 1]])</code> should return <code>[27, 5, 39, 1001]</code>.");'
+  - text: '<code>largestOfFour([[4, 9, 1, 3], [13, 35, 18, 26], [32, 35, 97, 39], [1000000, 1001, 857, 1]])</code> должны возвращаться <code>[9, 35, 97, 1000000]</code> .'
+    testString: 'assert.deepEqual(largestOfFour([[4, 9, 1, 3], [13, 35, 18, 26], [32, 35, 97, 39], [1000000, 1001, 857, 1]]), [9, 35, 97, 1000000], "<code>largestOfFour([[4, 9, 1, 3], [13, 35, 18, 26], [32, 35, 97, 39], [1000000, 1001, 857, 1]])</code> should return <code>[9, 35, 97, 1000000]</code>.");'
+  - text: '<code>largestOfFour([[17, 23, 25, 12], [25, 7, 34, 48], [4, -10, 18, 21], [-72, -3, -17, -10]])</code> должны return <code>[25, 48, 21, -3]</code> .'
+    testString: 'assert.deepEqual(largestOfFour([[17, 23, 25, 12], [25, 7, 34, 48], [4, -10, 18, 21], [-72, -3, -17, -10]]), [25, 48, 21, -3], "<code>largestOfFour([[17, 23, 25, 12], [25, 7, 34, 48], [4, -10, 18, 21], [-72, -3, -17, -10]])</code> should return <code>[25, 48, 21, -3]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestOfFour(arr) {
+  // You can do this!
+  return arr;
+}
+
+largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.russian.md
new file mode 100644
index 0000000000..7048117bb9
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.russian.md
@@ -0,0 +1,61 @@
+---
+id: a202eed8fc186c8434cb6d61
+title: Reverse a String
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Обратить строку
+---
+
+## Description
+<section id="description"> Переверните предоставленную строку. Возможно, вам придется перевернуть строку в массив, прежде чем вы сможете ее отменить. Ваш результат должен быть строкой. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>reverseString(&quot;hello&quot;)</code> должен возвращать строку.
+    testString: 'assert(typeof reverseString("hello") === "string", "<code>reverseString("hello")</code> should return a string.");'
+  - text: <code>reverseString(&quot;hello&quot;)</code> должно стать <code>&quot;olleh&quot;</code> .
+    testString: 'assert(reverseString("hello") === "olleh", "<code>reverseString("hello")</code> should become <code>"olleh"</code>.");'
+  - text: <code>reverseString(&quot;Howdy&quot;)</code> должен стать <code>&quot;ydwoH&quot;</code> .
+    testString: 'assert(reverseString("Howdy") === "ydwoH", "<code>reverseString("Howdy")</code> should become <code>"ydwoH"</code>.");'
+  - text: <code>reverseString(&quot;Greetings from Earth&quot;)</code> должен возвращать <code>&quot;htraE morf sgniteerG&quot;</code> .
+    testString: 'assert(reverseString("Greetings from Earth") === "htraE morf sgniteerG", "<code>reverseString("Greetings from Earth")</code> should return <code>"htraE morf sgniteerG"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function reverseString(str) {
+  return str;
+}
+
+reverseString("hello");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice.russian.md
new file mode 100644
index 0000000000..6ac91567a5
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice.russian.md
@@ -0,0 +1,75 @@
+---
+id: 579e2a2c335b9d72dd32e05c
+title: Slice and Splice
+isRequired: true
+isBeta: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Нарезка и сращивание
+---
+
+## Description
+<section id="description"> Вам даны два массива и индекс. Используйте метод массива <code>slice</code> и <code>splice</code> для копирования каждого элемента первого массива во второй массив по порядку. Начните вставлять элементы в индекс <code>n</code> второго массива. Верните результирующий массив. Входные массивы должны оставаться неизменными после запуска функции. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>frankenSplice([1, 2, 3], [4, 5], 1)</code> должен вернуться <code>[4, 1, 2, 3, 5]</code> .'
+    testString: 'assert.deepEqual(frankenSplice([1, 2, 3], [4, 5], 1), [4, 1, 2, 3, 5], "<code>frankenSplice([1, 2, 3], [4, 5], 1)</code> should return <code>[4, 1, 2, 3, 5]</code>.");'
+  - text: '<code>frankenSplice([1, 2], [&quot;a&quot;, &quot;b&quot;], 1)</code> должны возвращать <code>[&quot;a&quot;, 1, 2, &quot;b&quot;]</code> .'
+    testString: 'assert.deepEqual(frankenSplice(testArr1, testArr2, 1), ["a", 1, 2, "b"], "<code>frankenSplice([1, 2], ["a", "b"], 1)</code> should return <code>["a", 1, 2, "b"]</code>.");'
+  - text: '<code>frankenSplice([&quot;claw&quot;, &quot;tentacle&quot;], [&quot;head&quot;, &quot;shoulders&quot;, &quot;knees&quot;, &quot;toes&quot;], 2)</code> должны возвращать <code>[&quot;head&quot;, &quot;shoulders&quot;, &quot;claw&quot;, &quot;tentacle&quot;, &quot;knees&quot;, &quot;toes&quot;]</code> .'
+    testString: 'assert.deepEqual(frankenSplice(["claw", "tentacle"], ["head", "shoulders", "knees", "toes"], 2), ["head", "shoulders", "claw", "tentacle", "knees", "toes"], "<code>frankenSplice(["claw", "tentacle"], ["head", "shoulders", "knees", "toes"], 2)</code> should return <code>["head", "shoulders", "claw", "tentacle", "knees", "toes"]</code>.");'
+  - text: Все элементы из первого массива должны быть добавлены ко второму массиву в исходном порядке.
+    testString: 'assert.deepEqual(frankenSplice([1, 2, 3, 4], [], 0), [1, 2, 3, 4], "All elements from the first array should be added to the second array in their original order.");'
+  - text: Первый массив должен оставаться неизменным после запуска функции.
+    testString: 'assert(testArr1[0] === 1 && testArr1[1] === 2, "The first array should remain the same after the function runs.");'
+  - text: Второй массив должен оставаться неизменным после запуска функции.
+    testString: 'assert(testArr2[0] === "a" && testArr2[1] === "b", "The second array should remain the same after the function runs.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function frankenSplice(arr1, arr2, n) {
+  // It's alive. It's alive!
+  return arr2;
+}
+
+frankenSplice([1, 2, 3], [4, 5, 6], 1);
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/title-case-a-sentence.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/title-case-a-sentence.russian.md
new file mode 100644
index 0000000000..bf6c680b4f
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/title-case-a-sentence.russian.md
@@ -0,0 +1,61 @@
+---
+id: ab6137d4e35944e21037b769
+title: Title Case a Sentence
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Название Случайное предложение
+---
+
+## Description
+<section id="description"> Верните предоставленную строку с первой буквой каждого слова, заглавными. Убедитесь, что остальная часть слова находится в нижнем регистре. Для целей этого упражнения вы также должны использовать прописные слова, такие как «the» и «of». Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>titleCase(&quot;I&#39;m a little tea pot&quot;)</code> должен возвращать строку.'
+    testString: 'assert(typeof titleCase("I"m a little tea pot") === "string", "<code>titleCase("I&#39;m a little tea pot")</code> should return a string.");'
+  - text: '<code>titleCase(&quot;I&#39;m a little tea pot&quot;)</code> должен вернуться, <code>I&#39;m A Little Tea Pot</code> .'
+    testString: 'assert(titleCase("I"m a little tea pot") === "I"m A Little Tea Pot", "<code>titleCase("I&#39;m a little tea pot")</code> should return <code>I&#39;m A Little Tea Pot</code>.");'
+  - text: <code>titleCase(&quot;sHoRt AnD sToUt&quot;)</code> должен возвращать <code>Short And Stout</code> .
+    testString: 'assert(titleCase("sHoRt AnD sToUt") === "Short And Stout", "<code>titleCase("sHoRt AnD sToUt")</code> should return <code>Short And Stout</code>.");'
+  - text: ''
+    testString: 'assert(titleCase("HERE IS MY HANDLE HERE IS MY SPOUT") === "Here Is My Handle Here Is My Spout", "<code>titleCase("HERE IS MY HANDLE HERE IS MY SPOUT")</code> should return <code>Here Is My Handle Here Is My Spout</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function titleCase(str) {
+  return str;
+}
+
+titleCase("I'm a little tea pot");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/truncate-a-string.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/truncate-a-string.russian.md
new file mode 100644
index 0000000000..97ee8a92e4
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/truncate-a-string.russian.md
@@ -0,0 +1,66 @@
+---
+id: ac6993d51946422351508a41
+title: Truncate a String
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Усекать строку
+---
+
+## Description
+<section id="description"> Усечь строку (первый аргумент), если она длиннее заданной максимальной длины строки (второй аргумент). Возвращает усеченную строку с <code>...</code> окончанием. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>truncateString(&quot;A-tisket a-tasket A green and yellow basket&quot;, 8)</code> должен вернуть «A-tisket ...».'
+    testString: 'assert(truncateString("A-tisket a-tasket A green and yellow basket", 8) === "A-tisket...", "<code>truncateString("A-tisket a-tasket A green and yellow basket", 8)</code> should return "A-tisket...".");'
+  - text: '<code>truncateString(&quot;Peter Piper picked a peck of pickled peppers&quot;, 11)</code> должен вернуться «Питер Пайпер ...».'
+    testString: 'assert(truncateString("Peter Piper picked a peck of pickled peppers", 11) === "Peter Piper...", "<code>truncateString("Peter Piper picked a peck of pickled peppers", 11)</code> should return "Peter Piper...".");'
+  - text: '<code>truncateString(&quot;A-tisket a-tasket A green and yellow basket&quot;, &quot;A-tisket a-tasket A green and yellow basket&quot;.length)</code> должна возвращать «A-tisket a-tasket« Зеленая и желтая корзина ».'
+    testString: 'assert(truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length) === "A-tisket a-tasket A green and yellow basket", "<code>truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length)</code> should return "A-tisket a-tasket A green and yellow basket".");'
+  - text: '<code>truncateString(&quot;A-tisket a-tasket A green and yellow basket&quot;, &quot;A-tisket a-tasket A green and yellow basket&quot;.length + 2)</code> должна возвращать «A-tisket a-tasket Зеленая и желтая корзина».'
+    testString: 'assert(truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length + 2) === "A-tisket a-tasket A green and yellow basket", "<code>truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length + 2)</code> should return "A-tisket a-tasket A green and yellow basket".");'
+  - text: '<code>truncateString(&quot;A-&quot;, 1)</code> должен возвращать «A ...».'
+    testString: 'assert(truncateString("A-", 1) === "A...", "<code>truncateString("A-", 1)</code> should return "A...".");'
+  - text: '<code>truncateString(&quot;Absolutely Longer&quot;, 2)</code> должен возвращать «Ab ...».'
+    testString: 'assert(truncateString("Absolutely Longer", 2) === "Ab...", "<code>truncateString("Absolutely Longer", 2)</code> should return "Ab...".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function truncateString(str, num) {
+  // Clear out that junk in your trunk
+  return str;
+}
+
+truncateString("A-tisket a-tasket A green and yellow basket", 8);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/where-do-i-belong.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/where-do-i-belong.russian.md
new file mode 100644
index 0000000000..6fe215cf51
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/where-do-i-belong.russian.md
@@ -0,0 +1,86 @@
+---
+id: a24c1a4622e3c05097f71d67
+title: Where do I Belong
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Где я живу
+---
+
+## Description
+<section id="description"> Возвратите наименьший индекс, по которому значение (второй аргумент) должно быть вставлено в массив (первый аргумент) после его сортировки. Возвращаемое значение должно быть числом. Например, <code>getIndexToIns([1,2,3,4], 1.5)</code> должен возвращать <code>1</code> потому что он больше <code>1</code> (индекс 0), но меньше <code>2</code> (индекс 1). Аналогично, <code>getIndexToIns([20,3,5], 19)</code> должен вернуть <code>2</code> потому что, как только массив будет отсортирован, он будет выглядеть как <code>[3,5,20]</code> а <code>19</code> меньше <code>20</code> (индекс 2) и больше <code>5</code> ( индекс 1). Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>getIndexToIns([10, 20, 30, 40, 50], 35)</code> должен вернуть <code>3</code> .'
+    testString: 'assert(getIndexToIns([10, 20, 30, 40, 50], 35) === 3, "<code>getIndexToIns([10, 20, 30, 40, 50], 35)</code> should return <code>3</code>.");'
+  - text: '<code>getIndexToIns([10, 20, 30, 40, 50], 35)</code> должен возвращать число.'
+    testString: 'assert(typeof(getIndexToIns([10, 20, 30, 40, 50], 35)) === "number", "<code>getIndexToIns([10, 20, 30, 40, 50], 35)</code> should return a number.");'
+  - text: '<code>getIndexToIns([10, 20, 30, 40, 50], 30)</code> должен возвращать <code>2</code> .'
+    testString: 'assert(getIndexToIns([10, 20, 30, 40, 50], 30) === 2, "<code>getIndexToIns([10, 20, 30, 40, 50], 30)</code> should return <code>2</code>.");'
+  - text: '<code>getIndexToIns([10, 20, 30, 40, 50], 30)</code> должен возвращать число.'
+    testString: 'assert(typeof(getIndexToIns([10, 20, 30, 40, 50], 30)) === "number", "<code>getIndexToIns([10, 20, 30, 40, 50], 30)</code> should return a number.");'
+  - text: '<code>getIndexToIns([40, 60], 50)</code> должен возвращать <code>1</code> .'
+    testString: 'assert(getIndexToIns([40, 60], 50) === 1, "<code>getIndexToIns([40, 60], 50)</code> should return <code>1</code>.");'
+  - text: '<code>getIndexToIns([40, 60], 50)</code> должен возвращать число.'
+    testString: 'assert(typeof(getIndexToIns([40, 60], 50)) === "number", "<code>getIndexToIns([40, 60], 50)</code> should return a number.");'
+  - text: '<code>getIndexToIns([3, 10, 5], 3)</code> должен вернуть <code>0</code> .'
+    testString: 'assert(getIndexToIns([3, 10, 5], 3) === 0, "<code>getIndexToIns([3, 10, 5], 3)</code> should return <code>0</code>.");'
+  - text: '<code>getIndexToIns([3, 10, 5], 3)</code> должен возвращать число.'
+    testString: 'assert(typeof(getIndexToIns([3, 10, 5], 3)) === "number", "<code>getIndexToIns([3, 10, 5], 3)</code> should return a number.");'
+  - text: '<code>getIndexToIns([5, 3, 20, 3], 5)</code> должен вернуть <code>2</code> .'
+    testString: 'assert(getIndexToIns([5, 3, 20, 3], 5) === 2, "<code>getIndexToIns([5, 3, 20, 3], 5)</code> should return <code>2</code>.");'
+  - text: '<code>getIndexToIns([5, 3, 20, 3], 5)</code> должен возвращать число.'
+    testString: 'assert(typeof(getIndexToIns([5, 3, 20, 3], 5)) === "number", "<code>getIndexToIns([5, 3, 20, 3], 5)</code> should return a number.");'
+  - text: '<code>getIndexToIns([2, 20, 10], 19)</code> должен возвращать <code>2</code> .'
+    testString: 'assert(getIndexToIns([2, 20, 10], 19) === 2, "<code>getIndexToIns([2, 20, 10], 19)</code> should return <code>2</code>.");'
+  - text: '<code>getIndexToIns([2, 20, 10], 19)</code> должен возвращать число.'
+    testString: 'assert(typeof(getIndexToIns([2, 20, 10], 19)) === "number", "<code>getIndexToIns([2, 20, 10], 19)</code> should return a number.");'
+  - text: '<code>getIndexToIns([2, 5, 10], 15)</code> должен вернуть <code>3</code> .'
+    testString: 'assert(getIndexToIns([2, 5, 10], 15) === 3, "<code>getIndexToIns([2, 5, 10], 15)</code> should return <code>3</code>.");'
+  - text: '<code>getIndexToIns([2, 5, 10], 15)</code> должен возвращать число.'
+    testString: 'assert(typeof(getIndexToIns([2, 5, 10], 15)) === "number", "<code>getIndexToIns([2, 5, 10], 15)</code> should return a number.");'
+  - text: '<code>getIndexToIns([], 1)</code> должен возвращать <code>0</code> .'
+    testString: 'assert(getIndexToIns([], 1) === 0, "<code>getIndexToIns([], 1)</code> should return <code>0</code>.");'
+  - text: '<code>getIndexToIns([], 1)</code> должен возвращать число.'
+    testString: 'assert(typeof(getIndexToIns([], 1)) === "number", "<code>getIndexToIns([], 1)</code> should return a number.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getIndexToIns(arr, num) {
+  // Find my place in this sorted array.
+  return num;
+}
+
+getIndexToIns([40, 60], 50);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/-iterate-through-the-keys-of-an-object-with-a-for...in-statement.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/-iterate-through-the-keys-of-an-object-with-a-for...in-statement.russian.md
new file mode 100644
index 0000000000..e5901896e4
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/-iterate-through-the-keys-of-an-object-with-a-for...in-statement.russian.md
@@ -0,0 +1,76 @@
+---
+id: 587d7b7d367417b2b2512b1d
+title: ' Iterate Through the Keys of an Object with a for...in Statement'
+challengeType: 1
+videoUrl: ''
+localeTitle: Итерация через ключи объекта с помощью for for ... in Statement
+---
+
+## Description
+<section id="description"> Иногда вам может потребоваться повторить все ключи внутри объекта. Для этого требуется конкретный синтаксис в JavaScript, называемый выражением <dfn>for for ... in</dfn> . Для объекта наших <code>users</code> это может выглядеть так: <blockquote> для (разрешить пользователям пользователей) { <br> console.log (пользователь); <br> }; <br><br> // logs: <br> Алан <br> Джефф <br> Сара <br> Райан </blockquote> В этом заявлении мы определили <code>user</code> переменной, и, как вы можете видеть, эта переменная была сброшена во время каждой итерации каждому из ключей объекта, когда оператор зациклился на объекте, в результате чего каждое имя пользователя печаталось на консоль. <strong>ЗАМЕТКА:</strong> <br> Объекты не поддерживают упорядочение хранимых ключей, например массивов; таким образом, позиция клавиш на объекте или относительный порядок, в котором он появляется, не имеет значения при ссылке или доступе к этому ключу. </section>
+
+## Instructions
+<section id="instructions"> Мы определили функцию <code>countOnline</code> ; используйте оператор <dfn>for for ...</dfn> внутри этой функции, чтобы прокручивать пользователей в объекте <code>users</code> и возвращать число пользователей, у которых свойство <code>online</code> установлено <code>true</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>users</code> объект содержит пользователей <code>Jeff</code> и <code>Ryan</code> с <code>online</code> настройкой <code>true</code> и пользователи <code>Alan</code> и <code>Sarah</code> с <code>online</code> настройкой на <code>false</code>
+    testString: 'assert(users.Alan.online === false && users.Jeff.online === true &&  users.Sarah.online === false &&  users.Ryan.online === true, "The <code>users</code> object contains users <code>Jeff</code> and <code>Ryan</code> with <code>online</code> set to <code>true</code> and users <code>Alan</code> and <code>Sarah</code> with <code>online</code> set to <code>false</code>");'
+  - text: 'Функция <code>countOnline</code> возвращает количество пользователей, у которых свойство <code>online</code> установлено <code>countOnline</code> <code>true</code>'
+    testString: 'assert((function() { users.Harry = {online: true}; users.Sam = {online: true}; users.Carl = {online: true}; return countOnline(users) })() === 5, "The function <code>countOnline</code> returns the number of users with the <code>online</code> property set to <code>true</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let users = {
+  Alan: {
+    age: 27,
+    online: false
+  },
+  Jeff: {
+    age: 32,
+    online: true
+  },
+  Sarah: {
+    age: 48,
+    online: false
+  },
+  Ryan: {
+    age: 19,
+    online: true
+  }
+};
+
+function countOnline(obj) {
+  // change code below this line
+
+  // change code above this line
+}
+
+console.log(countOnline(users));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.russian.md
new file mode 100644
index 0000000000..d46490a670
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.russian.md
@@ -0,0 +1,59 @@
+---
+id: 5a661e0f1068aca922b3ef17
+title: Access an Array's Contents Using Bracket Notation
+challengeType: 1
+videoUrl: ''
+localeTitle: Доступ к содержимому массива с использованием скобок
+---
+
+## Description
+<section id="description"> Основополагающей особенностью любой структуры данных является, конечно же, способность не только хранить данные, но и получать эти данные по команде. Итак, теперь, когда мы научились создавать массив, давайте начнем думать о том, как мы можем получить доступ к информации этого массива. Когда мы определяем простой массив, как показано ниже, в нем есть 3 элемента: <blockquote> пусть ourArray = [&quot;a&quot;, &quot;b&quot;, &quot;c&quot;]; </blockquote> В массиве каждый элемент массива имеет <dfn>индекс</dfn> . Этот показатель удваивается как позиция этого элемента в массиве и как вы его ссылаетесь. Однако важно отметить, что массивы JavaScript <dfn>ноль-индексируются</dfn> , что означает, что первый элемент массива находится в <em><strong>нулевом</strong></em> положении, а не в первом. Чтобы получить элемент из массива, мы можем заключить индекс в скобки и добавить его в конец массива или, более часто, к переменной, которая ссылается на объект массива. Это называется <dfn>скобкой</dfn> . Например, если мы хотим получить <code>&quot;a&quot;</code> из <code>ourArray</code> и назначить его переменной, мы можем сделать это со следующим кодом: <blockquote> let ourVariable = ourArray [0]; <br> // ourVariable равно &quot;a&quot; </blockquote> Помимо доступа к значению, связанному с индексом, вы также можете <em>установить</em> индекс в значение с использованием той же записи: <blockquote> ourArray [1] = &quot;not b больше&quot;; <br> // ourArray теперь равен [&quot;a&quot;, &quot;not b больше&quot;, &quot;c&quot;]; </blockquote> Используя нотацию с помощью скобок, мы теперь перезагружаем элемент с индексом 1 от <code>&quot;b&quot;</code> , до <code>&quot;not b anymore&quot;</code> . </section>
+
+## Instructions
+<section id="instructions"> Чтобы завершить эту задачу, установите вторую позицию (индекс <code>1</code> ) <code>myArray</code> на все, что вы хотите, помимо <code>&quot;b&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray[0]</code> равно <code>&quot;a&quot;</code>'
+    testString: 'assert.strictEqual(myArray[0], "a", "<code>myArray[0]</code> is equal to <code>"a"</code>");'
+  - text: '<code>myArray[1]</code> больше не установлен на <code>&quot;b&quot;</code>'
+    testString: 'assert.notStrictEqual(myArray[1], "b", "<code>myArray[1]</code> is no longer set to <code>"b"</code>");'
+  - text: '<code>myArray[2]</code> равен <code>&quot;c&quot;</code>'
+    testString: 'assert.strictEqual(myArray[2], "c", "<code>myArray[2]</code> is equal to <code>"c"</code>");'
+  - text: ''
+    testString: 'assert.strictEqual(myArray[3], "d", "<code>myArray[3]</code> is equal to <code>"d"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myArray = ["a", "b", "c", "d"];
+// change code below this line
+
+//change code above this line
+console.log(myArray);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/access-property-names-with-bracket-notation.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/access-property-names-with-bracket-notation.russian.md
new file mode 100644
index 0000000000..0c7fb4748c
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/access-property-names-with-bracket-notation.russian.md
@@ -0,0 +1,73 @@
+---
+id: 587d7b7c367417b2b2512b1a
+title: Access Property Names with Bracket Notation
+challengeType: 1
+videoUrl: ''
+localeTitle: Доступ к именам объектов с обозначением скобок
+---
+
+## Description
+<section id="description"> В первом вызове объекта мы упоминали использование нотации в виде скобок как способ доступа к значениям свойств с использованием оценки переменной. Например, представьте, что наш <code>foods</code> объект используется в программе для кассового аппарата супермаркета. У нас есть функция , которая устанавливает <code>selectedFood</code> и мы хотим , чтобы проверить наши <code>foods</code> объекта на наличие этой пищи. Это может выглядеть так: <blockquote> let selectedFood = getCurrentFood (scannedItem); <br> пусть инвентарь = продукты питания [selectedFood]; </blockquote> Этот код будет оценивать значение, хранящееся в переменной <code>selectedFood</code> и возвращать значение этого ключа в файле <code>foods</code> или <code>undefined</code> если оно отсутствует. Обозначение скобок очень полезно, поскольку иногда свойства объекта неизвестны до выполнения, или нам нужно получить доступ к ним более динамичным способом. </section>
+
+## Instructions
+<section id="instructions"> Мы определили функцию <code>checkInventory</code> , которая получает отсканированный элемент в качестве аргумента. Верните текущее значение ключа <code>scannedItem</code> в объект <code>foods</code> . Вы можете предположить, что в качестве аргумента для <code>checkInventory</code> будут предоставлены только действительные ключи. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>checkInventory</code> - это функция
+    testString: 'assert.strictEqual(typeof checkInventory, "function", "<code>checkInventory</code> is a function");'
+  - text: 'Объект <code>foods</code> должен иметь только следующие пары ключ-значение: <code>apples: 25</code> , <code>oranges: 32</code> , <code>plums: 28</code> , <code>bananas: 13</code> , <code>grapes: 35</code> , <code>strawberries: 27</code>'
+    testString: 'assert.deepEqual(foods, {apples: 25, oranges: 32, plums: 28, bananas: 13, grapes: 35, strawberries: 27}, "The <code>foods</code> object should have only the following key-value pairs: <code>apples: 25</code>, <code>oranges: 32</code>, <code>plums: 28</code>, <code>bananas: 13</code>, <code>grapes: 35</code>, <code>strawberries: 27</code>");'
+  - text: <code>checkInventory(&quot;apples&quot;)</code> должен вернуть <code>25</code>
+    testString: 'assert.strictEqual(checkInventory("apples"), 25, "<code>checkInventory("apples")</code> should return <code>25</code>");'
+  - text: <code>checkInventory(&quot;bananas&quot;)</code> должен вернуть <code>13</code>
+    testString: 'assert.strictEqual(checkInventory("bananas"), 13, "<code>checkInventory("bananas")</code> should return <code>13</code>");'
+  - text: <code>checkInventory(&quot;strawberries&quot;)</code> должна вернуть <code>27</code>
+    testString: 'assert.strictEqual(checkInventory("strawberries"), 27, "<code>checkInventory("strawberries")</code> should return <code>27</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let foods = {
+  apples: 25,
+  oranges: 32,
+  plums: 28,
+  bananas: 13,
+  grapes: 35,
+  strawberries: 27
+};
+// do not change code above this line
+
+function checkInventory(scannedItem) {
+  // change code below this line
+
+}
+
+// change code below this line to test different cases:
+console.log(checkInventory("apples"));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-to-an-array-with-push-and-unshift.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-to-an-array-with-push-and-unshift.russian.md
new file mode 100644
index 0000000000..fd53e17521
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-to-an-array-with-push-and-unshift.russian.md
@@ -0,0 +1,61 @@
+---
+id: 587d78b2367417b2b2512b0e
+title: Add Items to an Array with push() and unshift()
+challengeType: 1
+videoUrl: ''
+localeTitle: Добавление элементов в массив с помощью push () и unshift ()
+---
+
+## Description
+<section id="description"> Длина массива, как и типы данных, которые она может содержать, не является фиксированной. Массивы могут быть определены с длиной любого количества элементов, и элементы могут быть добавлены или удалены с течением времени; другими словами, массивы являются <dfn>изменяемыми</dfn> . В этой задаче мы рассмотрим два метода, с помощью которых мы можем программным образом модифицировать массив: <code>Array.push()</code> и <code>Array.unshift()</code> . Оба метода принимают один или несколько элементов в качестве параметров и добавляют эти элементы в массив, на который вызывается метод; метод <code>push()</code> добавляет элементы в конец массива, а <code>unshift()</code> добавляет элементы в начало. Рассмотрим следующее: <blockquote> пусть двадцать Три = &#39;XXIII&#39;; <br> let romanNumerals = [&#39;XXI&#39;, &#39;XXII&#39;]; <br><br> romanNumerals.unshift (&#39;XIX&#39;, &#39;XX&#39;); <br> // теперь равно [&#39;XIX&#39;, &#39;XX&#39;, &#39;XXI&#39;, &#39;XXII&#39;] <br><br> romanNumerals.push (twentyThree); <br> // теперь равно [&#39;XIX&#39;, &#39;XX&#39;, &#39;XXI&#39;, &#39;XXII&#39;, &#39;XXIII&#39;] Обратите внимание, что мы также можем передавать переменные, что позволяет нам еще большую гибкость в динамическом изменении данных нашего массива. </blockquote></section>
+
+## Instructions
+<section id="instructions"> Мы определили функцию, <code>mixedNumbers</code> , которую мы передаем массивом в качестве аргумента. Измените функцию, используя <code>push()</code> и <code>unshift()</code> чтобы добавить <code>&#39;I&#39;, 2, &#39;three&#39;</code> в начало массива и <code>7, &#39;VIII&#39;, 9</code> до конца, чтобы возвращаемый массив содержал представления чисел 1-9 в порядке. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>mixedNumbers([&quot;IV&quot;, 5, &quot;six&quot;])</code> должны теперь возвращаться <code>[&quot;I&quot;, 2, &quot;three&quot;, &quot;IV&quot;, 5, &quot;six&quot;, 7, &quot;VIII&quot;, 9]</code>'
+    testString: 'assert.deepEqual(mixedNumbers(["IV", 5, "six"]), ["I", 2, "three", "IV", 5, "six", 7, "VIII", 9], "<code>mixedNumbers(["IV", 5, "six"])</code> should now return <code>["I", 2, "three", "IV", 5, "six", 7, "VIII", 9]</code>");'
+  - text: Функция <code>mixedNumbers</code> должна использовать метод <code>push()</code>
+    testString: 'assert.notStrictEqual(mixedNumbers.toString().search(/\.push\(/), -1, "The <code>mixedNumbers</code> function should utilize the <code>push()</code> method");'
+  - text: Функция <code>mixedNumbers</code> должна использовать метод <code>unshift()</code>
+    testString: 'assert.notStrictEqual(mixedNumbers.toString().search(/\.unshift\(/), -1, "The <code>mixedNumbers</code> function should utilize the <code>unshift()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function mixedNumbers(arr) {
+  // change code below this line
+
+  // change code above this line
+  return arr;
+}
+
+// do not change code below this line
+console.log(mixedNumbers(['IV', 5, 'six']));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.russian.md
new file mode 100644
index 0000000000..77b6ce6a8c
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.russian.md
@@ -0,0 +1,63 @@
+---
+id: 587d78b3367417b2b2512b11
+title: Add Items Using splice()
+challengeType: 1
+videoUrl: ''
+localeTitle: Добавление элементов с помощью splice ()
+---
+
+## Description
+<section id="description"> Помните, что в последнем вызове мы упоминали, что <code>splice()</code> может принимать до трех параметров? Ну, мы можем сделать еще один шаг с помощью <code>splice()</code> - в дополнение к удалению элементов, мы можем использовать этот третий параметр, который представляет один или несколько элементов, чтобы <em>добавить</em> их также. Это может быть невероятно полезно для быстрого переключения элемента или набора элементов для другого. Например, предположим, что вы храните цветовую схему для набора элементов DOM в массиве и хотите динамически изменять цвет на основе некоторых действий: <blockquote> function colorChange (arr, index, newColor) { <br> arr.splice (индекс, 1, newColor); <br> return arr; <br> } <br><br> let colorScheme = [&#39;# 878787&#39;, &#39;# a08794&#39;, &#39;# bb7e8c&#39;, &#39;# c9b6be&#39;, &#39;# d1becf&#39;]; <br><br> colorScheme = colorChange (colorScheme, 2, &#39;# 332327&#39;); <br> // мы удалили &#39;# bb7e8c&#39; и добавили &#39;# 332327&#39; на свое место <br> // colorScheme теперь равно [&#39;# 878787&#39;, &#39;# a08794&#39;, &#39;# 332327&#39;, &#39;# c9b6be&#39;, &#39;# d1becf&#39;] </blockquote> Эта функция принимает массив шестнадцатеричных значений, индекс, с которого нужно удалить элемент, и новый цвет для замены удаленного элемента. Возвращаемое значение представляет собой массив, содержащий новую измененную цветовую схему! Хотя этот пример немного упрощен, мы можем видеть, что значение, использующее <code>splice()</code> может иметь максимальный потенциал. </section>
+
+## Instructions
+<section id="instructions"> Мы определили функцию <code>htmlColorNames</code> , которая принимает в качестве аргумента массив цветов HTML. Измените функцию с помощью <code>splice()</code> чтобы удалить первые два элемента массива и добавить <code>&#39;DarkSalmon&#39;</code> и <code>&#39;BlanchedAlmond&#39;</code> в соответствующие места. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>htmlColorNames</code> должны возвращать <code>[&quot;DarkSalmon&quot;, &quot;BlanchedAlmond&quot;, &quot;LavenderBlush&quot;, &quot;PaleTurqoise&quot;, &quot;FireBrick&quot;]</code>'
+    testString: 'assert.deepEqual(htmlColorNames(["DarkGoldenRod", "WhiteSmoke", "LavenderBlush", "PaleTurqoise", "FireBrick"]), ["DarkSalmon", "BlanchedAlmond", "LavenderBlush", "PaleTurqoise", "FireBrick"], "<code>htmlColorNames</code> should return <code>["DarkSalmon", "BlanchedAlmond", "LavenderBlush", "PaleTurqoise", "FireBrick"]</code>");'
+  - text: Функция <code>htmlColorNames</code> должна использовать метод <code>splice()</code>
+    testString: 'assert(/.splice/.test(code), "The <code>htmlColorNames</code> function should utilize the <code>splice()</code> method");'
+  - text: Вы не должны использовать <code>shift()</code> или <code>unshift()</code> .
+    testString: 'assert(!/shift|unshift/.test(code), "You should not use <code>shift()</code> or <code>unshift()</code>.");'
+  - text: Не следует использовать нотацию массива.
+    testString: 'assert(!/\[\d\]\s*=/.test(code), "You should not use array bracket notation.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function htmlColorNames(arr) {
+  // change code below this line
+
+  // change code above this line
+  return arr;
+}
+
+// do not change code below this line
+console.log(htmlColorNames(['DarkGoldenRod', 'WhiteSmoke', 'LavenderBlush', 'PaleTurqoise', 'FireBrick']));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.russian.md
new file mode 100644
index 0000000000..0e8d5ed407
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.russian.md
@@ -0,0 +1,67 @@
+---
+id: 587d7b7c367417b2b2512b18
+title: Add Key-Value Pairs to JavaScript Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: Добавление пар ключей к объектам JavaScript
+---
+
+## Description
+<section id="description"> В большинстве своих объектов объекты представляют собой только коллекции <dfn>пар ключ-значение</dfn> , или, другими словами, части данных, сопоставленные с уникальными идентификаторами, которые мы называем <dfn>свойствами</dfn> или <dfn>ключами</dfn> . Давайте рассмотрим очень простой пример: <blockquote> пусть FCC_User = { <br> имя пользователя: &#39;awesome_coder&#39;, <br> последователи: 572, <br> баллы: 1741, <br> completedProjects: 15 <br> }; </blockquote> Вышеприведенный код определяет объект с именем <code>FCC_User</code> который имеет четыре <dfn>свойства</dfn> , каждый из которых соответствует определенному значению. Если бы мы хотели узнать количество <code>followers</code> <code>FCC_User</code> , мы можем получить доступ к этому свойству, написав: <blockquote> let userData = FCC_User.followers; <br> // userData равно 572 </blockquote> Это называется <dfn>точечной нотации</dfn> . Кроме того, мы также можем получить доступ к свойству с помощью скобок, например: <blockquote> let userData = FCC_User [&#39;followers&#39;] <br> // userData равно 572 </blockquote> Обратите внимание, что с <dfn>обозначением в скобках</dfn> мы заключили <code>followers</code> в кавычки. Это связано с тем, что скобки фактически позволяют нам передавать переменную in, которая будет оцениваться как имя свойства (подсказка: помните об этом позже!). Если бы мы передали <code>followers</code> без кавычек, движок JavaScript попытался бы оценить его как переменную, и <code>ReferenceError: followers is not defined</code> был бы указан идентификатор <code>ReferenceError: followers is not defined</code> . </section>
+
+## Instructions
+<section id="instructions"> Используя тот же синтаксис, мы можем также <em><strong>добавить новые</strong></em> пары ключ-значение в объекты. Мы создали объект для <code>foods</code> с тремя записями. Добавьте еще три записи: <code>bananas</code> со значением <code>13</code> , <code>grapes</code> со значением <code>35</code> и <code>strawberries</code> со значением <code>27</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof foods === "object", "<code>foods</code> is an object");'
+  - text: ''
+    testString: 'assert(foods.bananas === 13, "The <code>foods</code> object has a key <code>"bananas"</code> with a value of <code>13</code>");'
+  - text: Объект <code>foods</code> имеет ключевой <code>&quot;grapes&quot;</code> со значением <code>35</code>
+    testString: 'assert(foods.grapes === 35, "The <code>foods</code> object has a key <code>"grapes"</code> with a value of <code>35</code>");'
+  - text: ''
+    testString: 'assert(foods.strawberries === 27, "The <code>foods</code> object has a key <code>"strawberries"</code> with a value of <code>27</code>");'
+  - text: ''
+    testString: 'assert(code.search(/bananas:/) === -1 && code.search(/grapes:/) === -1 && code.search(/strawberries:/) === -1, "The key-value pairs should be set using dot or bracket notation");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let foods = {
+  apples: 25,
+  oranges: 32,
+  plums: 28
+};
+
+// change code below this line
+
+// change code above this line
+
+console.log(foods);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/check-for-the-presence-of-an-element-with-indexof.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/check-for-the-presence-of-an-element-with-indexof.russian.md
new file mode 100644
index 0000000000..ce1a7e8980
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/check-for-the-presence-of-an-element-with-indexof.russian.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b7b367417b2b2512b14
+title: Check For The Presence of an Element With indexOf()
+challengeType: 1
+videoUrl: ''
+localeTitle: Проверка наличия элемента с помощью indexOf ()
+---
+
+## Description
+<section id="description"> Так как массивы могут быть изменены, или <em>мутировали,</em> в любое время, нет никакой гарантии , о том, где определенная часть данных будет находиться на данном массиве, или если этот элемент даже до сих пор существует. К счастью, JavaScript предоставляет нам еще один встроенный метод, <code>indexOf()</code> , который позволяет нам быстро и легко проверить наличие элемента в массиве. <code>indexOf()</code> принимает элемент как параметр, а при вызове возвращает позицию или индекс этого элемента или <code>-1</code> если элемент не существует в массиве. Например: <blockquote> пусть плоды = [&#39;яблоки, груши, апельсины, персики, груши; <br><br> fruit.indexOf (&#39;date&#39;) // возвращает -1 <br> fruit.indexOf (&#39;апельсины&#39;) // возвращает 2 <br> fruit.indexOf (&#39;pears&#39;) // возвращает 1, первый индекс, в котором существует элемент </blockquote></section>
+
+## Instructions
+<section id="instructions"> <code>indexOf()</code> может быть невероятно полезен для быстрой проверки наличия элемента в массиве. Мы определили функцию <code>quickCheck</code> , которая принимает в качестве аргумента массив и элемент. Измените функцию, используя <code>indexOf()</code> чтобы она возвращала значение <code>true</code> если переданный элемент существует в массиве, а <code>false</code> если это не так. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>quickCheck([&quot;squash&quot;, &quot;onions&quot;, &quot;shallots&quot;], &quot;mushrooms&quot;)</code> должны возвращать <code>false</code>'
+    testString: 'assert.strictEqual(quickCheck(["squash", "onions", "shallots"], "mushrooms"), false, "<code>quickCheck(["squash", "onions", "shallots"], "mushrooms")</code> should return <code>false</code>");'
+  - text: '<code>quickCheck([&quot;squash&quot;, &quot;onions&quot;, &quot;shallots&quot;], &quot;onions&quot;)</code> должен возвращать <code>true</code>'
+    testString: 'assert.strictEqual(quickCheck(["squash", "onions", "shallots"], "onions"), true, "<code>quickCheck(["squash", "onions", "shallots"], "onions")</code> should return <code>true</code>");'
+  - text: '<code>quickCheck([3, 5, 9, 125, 45, 2], 125)</code> должен возвращать <code>true</code>'
+    testString: 'assert.strictEqual(quickCheck([3, 5, 9, 125, 45, 2], 125), true, "<code>quickCheck([3, 5, 9, 125, 45, 2], 125)</code> should return <code>true</code>");'
+  - text: '<code>quickCheck([true, false, false], undefined)</code> должен возвращать <code>false</code>'
+    testString: 'assert.strictEqual(quickCheck([true, false, false], undefined), false, "<code>quickCheck([true, false, false], undefined)</code> should return <code>false</code>");'
+  - text: Функция <code>quickCheck</code> должна использовать метод <code>indexOf()</code>
+    testString: 'assert.notStrictEqual(quickCheck.toString().search(/\.indexOf\(/), -1, "The <code>quickCheck</code> function should utilize the <code>indexOf()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function quickCheck(arr, elem) {
+  // change code below this line
+
+  // change code above this line
+}
+
+// change code here to test different cases:
+console.log(quickCheck(['squash', 'onions', 'shallots'], 'mushrooms'));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/check-if-an-object-has-a-property.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/check-if-an-object-has-a-property.russian.md
new file mode 100644
index 0000000000..332f4e58a1
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/check-if-an-object-has-a-property.russian.md
@@ -0,0 +1,78 @@
+---
+id: 587d7b7d367417b2b2512b1c
+title: Check if an Object has a Property
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Проверьте, имеет ли объект свойство'
+---
+
+## Description
+<section id="description"> Теперь мы можем добавлять, изменять и удалять ключи из объектов. Но что, если мы просто хотим узнать, обладает ли объект конкретным свойством? JavaScript предоставляет нам два разных способа сделать это. Один использует <code>hasOwnProperty()</code> метод , а другой использует <code>in</code> ключевом слове. Если у нас есть объектные <code>users</code> с собственностью <code>Alan</code> , мы можем проверить его наличие одним из следующих способов: <blockquote> users.hasOwnProperty ( &#39;Алан&#39;); <br> «Алан» у пользователей; <br> // оба возвращают true </blockquote></section>
+
+## Instructions
+<section id="instructions"> Мы создали объект, <code>users</code> , с некоторыми пользователями в нем, а функция <code>isEveryoneHere</code> , которую мы передаем объекту <code>users</code> в качестве аргумента. Завершите запись этой функции, чтобы она возвращала значение <code>true</code> только если объект <code>users</code> содержит все четыре имени: <code>Alan</code> , <code>Jeff</code> , <code>Sarah</code> и <code>Ryan</code> , как ключи, и <code>false</code> противном случае. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Объект <code>users</code> содержит только ключи <code>Alan</code> , <code>Jeff</code> , <code>Sarah</code> и <code>Ryan</code>'
+    testString: 'assert("Alan" in users && "Jeff" in users && "Sarah" in users && "Ryan" in users && Object.keys(users).length === 4, "The <code>users</code> object only contains the keys <code>Alan</code>, <code>Jeff</code>, <code>Sarah</code>, and <code>Ryan</code>");'
+  - text: 'Функция <code>isEveryoneHere</code> возвращает <code>true</code> если <code>Alan</code> , <code>Jeff</code> , <code>Sarah</code> и <code>Ryan</code> являются свойствами объекта <code>users</code>'
+    testString: 'assert(isEveryoneHere(users) === true, "The function <code>isEveryoneHere</code> returns <code>true</code> if <code>Alan</code>, <code>Jeff</code>, <code>Sarah</code>, and <code>Ryan</code> are properties on the <code>users</code> object");'
+  - text: 'Функция <code>isEveryoneHere</code> возвращает <code>false</code> если <code>Alan</code> , <code>Jeff</code> , <code>Sarah</code> и <code>Ryan</code> не являются объектами объекта <code>users</code>'
+    testString: 'assert((function() { delete users.Alan; delete users.Jeff; delete users.Sarah; delete users.Ryan; return isEveryoneHere(users) })() === false, "The function <code>isEveryoneHere</code> returns <code>false</code> if <code>Alan</code>, <code>Jeff</code>, <code>Sarah</code>, and <code>Ryan</code> are not properties on the <code>users</code> object");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let users = {
+  Alan: {
+    age: 27,
+    online: true
+  },
+  Jeff: {
+    age: 32,
+    online: true
+  },
+  Sarah: {
+    age: 48,
+    online: true
+  },
+  Ryan: {
+    age: 19,
+    online: true
+  }
+};
+
+function isEveryoneHere(obj) {
+  // change code below this line
+
+  // change code above this line
+}
+
+console.log(isEveryoneHere(users));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/combine-arrays-with-the-spread-operator.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/combine-arrays-with-the-spread-operator.russian.md
new file mode 100644
index 0000000000..12c3b92706
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/combine-arrays-with-the-spread-operator.russian.md
@@ -0,0 +1,58 @@
+---
+id: 587d7b7b367417b2b2512b17
+title: Combine Arrays with the Spread Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Объединить массивы с оператором распространения
+---
+
+## Description
+<section id="description"> Другим огромным преимуществом оператора <dfn>спреда</dfn> является возможность объединения массивов или вставки всех элементов одного массива в другой при любом индексе. С более традиционными синтаксисами мы можем конкатенировать массивы, но это позволяет нам объединять массивы в конце одного и в начале другого. Синтаксис Spread делает следующую операцию чрезвычайно простой: <blockquote> пусть thisArray = [&#39;sage&#39;, &#39;rosemary&#39;, &#39;parsley&#39;, &#39;thyme&#39;]; <br><br> let thatArray = [&#39;basil&#39;, &#39;cilantro&#39;, ... thisArray, &#39;coriander&#39;]; <br> // thisArray теперь равен [&#39;basil&#39;, &#39;cilantro&#39;, &#39;sage&#39;, &#39;rosemary&#39;, &#39;parsley&#39;, &#39;thyme&#39;, &#39;coriander&#39;] </blockquote> Используя синтаксис распространения, мы только что выполнили операцию, которая была бы более сложной и более сложной, если бы мы использовали традиционные методы. </section>
+
+## Instructions
+<section id="instructions"> Мы определили функцию <code>spreadOut</code> которая возвращает <code>sentence</code> переменной, модифицируйте функцию с помощью оператора <dfn>спреда,</dfn> чтобы он возвращал массив <code>[&#39;learning&#39;, &#39;to&#39;, &#39;code&#39;, &#39;is&#39;, &#39;fun&#39;]</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>spreadOut</code> должен вернуться <code>[&quot;learning&quot;, &quot;to&quot;, &quot;code&quot;, &quot;is&quot;, &quot;fun&quot;]</code>'
+    testString: 'assert.deepEqual(spreadOut(), ["learning", "to", "code", "is", "fun"], "<code>spreadOut</code> should return <code>["learning", "to", "code", "is", "fun"]</code>");'
+  - text: Функция <code>spreadOut</code> должна использовать синтаксис распространения
+    testString: 'assert.notStrictEqual(spreadOut.toString().search(/[...]/), -1, "The <code>spreadOut</code> function should utilize spread syntax");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function spreadOut() {
+  let fragment = ['to', 'code'];
+  let sentence; // change this line
+  return sentence;
+}
+
+// do not change code below this line
+console.log(spreadOut());
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-an-array-with-the-spread-operator.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-an-array-with-the-spread-operator.russian.md
new file mode 100644
index 0000000000..6cf75614b9
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-an-array-with-the-spread-operator.russian.md
@@ -0,0 +1,69 @@
+---
+id: 587d7b7b367417b2b2512b13
+title: Copy an Array with the Spread Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Скопируйте массив с помощью оператора распространения
+---
+
+## Description
+<section id="description"> Хотя <code>slice()</code> позволяет нам выбирать, какие элементы массива копировать, среди нескольких других полезных задач, новый <dfn>оператор с расширением</dfn> ES6 позволяет нам легко скопировать <em>все</em> элементы массива в порядке, с простым и хорошо читаемым синтаксисом. Синтаксис распространения просто выглядит так: <code>...</code> На практике мы можем использовать оператор спредов для копирования массива следующим образом: <blockquote> let thisArray = [true, true, undefined, false, null]; <br> let thatArray = [... thisArray]; <br> // thisArray равно [true, true, undefined, false, null] <br> // thisArray остается неизменным и идентичен этому массиву </blockquote></section>
+
+## Instructions
+<section id="instructions"> Мы определили функцию <code>copyMachine</code> которая принимает <code>arr</code> (массив) и <code>num</code> (число) в качестве аргументов. Функция должна возвращать новый массив, состоящий из <code>num</code> копий <code>arr</code> . Мы выполнили большую часть работы для вас, но пока это не работает. Измените функцию, используя синтаксис распространения, чтобы он работал правильно (подсказка: здесь может быть полезен другой метод, который мы уже рассмотрели!). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>copyMachine([true, false, true], 2)</code> должен возвращать <code>[[true, false, true], [true, false, true]]</code>'
+    testString: 'assert.deepEqual(copyMachine([true, false, true], 2), [[true, false, true], [true, false, true]], "<code>copyMachine([true, false, true], 2)</code> should return <code>[[true, false, true], [true, false, true]]</code>");'
+  - text: '<code>copyMachine([1, 2, 3], 5)</code> должны возвращать <code>[[1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3]]</code>'
+    testString: 'assert.deepEqual(copyMachine([1, 2, 3], 5), [[1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3]], "<code>copyMachine([1, 2, 3], 5)</code> should return <code>[[1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3]]</code>");'
+  - text: '<code>copyMachine([true, true, null], 1)</code> должен возвращать <code>[[true, true, null]]</code>'
+    testString: 'assert.deepEqual(copyMachine([true, true, null], 1), [[true, true, null]], "<code>copyMachine([true, true, null], 1)</code> should return <code>[[true, true, null]]</code>");'
+  - text: '<code>copyMachine([&quot;it works&quot;], 3)</code> должен вернуться <code>[[&quot;it works&quot;], [&quot;it works&quot;], [&quot;it works&quot;]]</code>'
+    testString: 'assert.deepEqual(copyMachine(["it works"], 3), [["it works"], ["it works"], ["it works"]], "<code>copyMachine(["it works"], 3)</code> should return <code>[["it works"], ["it works"], ["it works"]]</code>");'
+  - text: Функция <code>copyMachine</code> должна использовать <code>spread operator</code> с <code>spread operator</code> с массивом <code>arr</code>
+    testString: 'assert.notStrictEqual(copyMachine.toString().indexOf(".concat(_toConsumableArray(arr))"), -1, "The <code>copyMachine</code> function should utilize the <code>spread operator</code> with array <code>arr</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function copyMachine(arr, num) {
+  let newArr = [];
+  while (num >= 1) {
+    // change code below this line
+
+    // change code above this line
+    num--;
+  }
+  return newArr;
+}
+
+// change code here to test different cases:
+console.log(copyMachine([true, false, true], 2));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-array-items-using-slice.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-array-items-using-slice.russian.md
new file mode 100644
index 0000000000..ba52be6e67
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-array-items-using-slice.russian.md
@@ -0,0 +1,58 @@
+---
+id: 587d7b7a367417b2b2512b12
+title: Copy Array Items Using slice()
+challengeType: 1
+videoUrl: ''
+localeTitle: Копирование элементов массива Использование среза ()
+---
+
+## Description
+<section id="description"> Следующий метод, который мы рассмотрим, - <code>slice()</code> . <code>slice()</code> , вместо того, чтобы модифицировать массив, копировать или <em>извлекать</em> заданное количество элементов в новый массив, оставляя массив вызываемым без изменений. <code>slice()</code> принимает только 2 параметра - первый - это индекс, с которого нужно начинать извлечение, а второй - это индекс, в котором останавливается извлечение (извлечение произойдет до, но не включает элемент в этот индекс). Учти это: <blockquote> пусть weatherConditions = [&#39;rain&#39;, &#39;snow&#39;, &#39;sleet&#39;, &#39;hail&#39;, &#39;clear&#39;]; <br><br> let todaysWeather = weatherConditions.slice (1, 3); <br> // todaysWeather равно [&#39;snow&#39;, &#39;sleet&#39;]; <br> // weatherConditions по-прежнему равно [&#39;rain&#39;, &#39;snow&#39;, &#39;sleet&#39;, &#39;hail&#39;, &#39;clear&#39;] <br></blockquote> Фактически, мы создали новый массив, извлекая элементы из существующего массива. </section>
+
+## Instructions
+<section id="instructions"> Мы определили функцию, <code>forecast</code> , которая принимает массив в качестве аргумента. Измените функцию, используя <code>slice()</code> чтобы извлечь информацию из массива аргументов и вернуть новый массив, содержащий элементы <code>&#39;warm&#39;</code> и <code>&#39;sunny&#39;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>forecast</code> должен вернуться <code>[&quot;warm&quot;, &quot;sunny&quot;]</code>'
+    testString: 'assert.deepEqual(forecast(["cold", "rainy", "warm", "sunny", "cool", "thunderstorms"]), ["warm", "sunny"], "<code>forecast</code> should return <code>["warm", "sunny"]");'
+  - text: Функция <code>forecast</code> должна использовать метод <code>slice()</code>
+    testString: 'assert(/\.slice\(/.test(code), "The <code>forecast</code> function should utilize the <code>slice()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function forecast(arr) {
+  // change code below this line
+
+  return arr;
+}
+
+// do not change code below this line
+console.log(forecast(['cold', 'rainy', 'warm', 'sunny', 'cool', 'thunderstorms']));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/create-complex-multi-dimensional-arrays.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/create-complex-multi-dimensional-arrays.russian.md
new file mode 100644
index 0000000000..86f35503d2
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/create-complex-multi-dimensional-arrays.russian.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b7b367417b2b2512b16
+title: Create complex multi-dimensional arrays
+challengeType: 1
+videoUrl: ''
+localeTitle: Создание сложных многомерных массивов
+---
+
+## Description
+<section id="description"> Потрясающие! Вы только что узнали тонну о массивах! Это был довольно высокий уровень обзора, и есть еще много возможностей узнать о работе с массивами, многое из которых вы увидите в последующих разделах. Но прежде чем перейти к просмотру <dfn>объектов</dfn> , давайте взглянем еще раз и посмотрим, как массивы могут стать немного более сложными, чем то, что мы видели в предыдущих задачах. Одна из самых мощных функций при рассмотрении массивов как структур данных состоит в том, что массивы могут содержать или даже полностью состоять из других массивов. Мы видели массивы, которые содержат массивы в предыдущих задачах, но довольно простые. Однако массивы могут содержать бесконечную глубину массивов, которые могут содержать другие массивы, каждый со своими произвольными уровнями глубины и т. Д. Таким образом, массив может очень быстро стать очень сложной структурой данных, известной как <dfn>многомерный</dfn> или вложенный массив. Рассмотрим следующий пример: <blockquote> let nestedArray = [// верхний или первый уровень - внешний массив <br> [&#39;deep&#39;], // массив в массиве, 2 уровня глубины <br> [ <br> [&#39;глубже&#39;], [&#39;более глубокий&#39;] // 2 массива вложенные 3 уровня в глубину <br> ], <br> [ <br> [ <br> [&#39;deepest&#39;], [&#39;deepest&#39;] // 2 массива вложенные 4 уровня в глубину <br> ], <br> [ <br> [ <br> [&#39;deepest-est?&#39;] // массив вложен в 5 уровней в глубину <br> ] <br> ] <br> ] <br> ]; </blockquote> Хотя этот пример может показаться запутанным, этот уровень сложности не является неслыханным или даже необычным при работе с большими объемами данных. Тем не менее, мы все же можем очень легко получить доступ к самым глубоким уровням массива этого комплекса с помощью скобок: <blockquote> console.log (nestedArray [2] [1] [0] [0] [0]); <br> // logs: самый глубокий? </blockquote> И теперь, когда мы знаем, где эта часть данных, мы можем ее сбросить, если нам нужно: <blockquote> nestedArray [2] [1] [0] [0] [0] = &#39;еще глубже&#39;; <br><br> console.log (nestedArray [2] [1] [0] [0] [0]); <br> // теперь журналы: еще глубже </blockquote></section>
+
+## Instructions
+<section id="instructions"> Мы определили переменную <code>myNestedArray</code> , равную массиву. Измените <code>myNestedArray</code> , используя любую комбинацию <dfn>строк</dfn> , <dfn>чисел</dfn> и <dfn>логических</dfn> элементов для элементов данных, так что он имеет ровно пять уровней глубины (помните, что внешний массив - это уровень 1). Где-то на третьем уровне, включите строку <code>&#39;deep&#39;</code> , на четвертом уровне, включите строку <code>&#39;deeper&#39;</code> , а на пятом уровне включите строку <code>&#39;deepest&#39;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myNestedArray</code> должен содержать только числа, булевы и строки в качестве элементов данных'
+    testString: 'assert.strictEqual((function(arr) { let flattened = (function flatten(arr) { const flat = [].concat(...arr); return flat.some (Array.isArray) ? flatten(flat) : flat; })(arr); for (let i = 0; i < flattened.length; i++) { if ( typeof flattened[i] !== "number" && typeof flattened[i] !== "string" && typeof flattened[i] !== "boolean") { return false } } return true })(myNestedArray), true, "<code>myNestedArray</code> should contain only numbers, booleans, and strings as data elements");'
+  - text: <code>myNestedArray</code> должен иметь ровно 5 уровней глубины
+    testString: 'assert.strictEqual((function(arr) {let depth = 0;function arrayDepth(array, i, d) { if (Array.isArray(array[i])) {  arrayDepth(array[i], 0, d + 1);} else {  depth = (d > depth) ? d : depth;}if (i < array.length) {  arrayDepth(array, i + 1, d);}  }arrayDepth(arr, 0, 0);return depth;})(myNestedArray), 4, "<code>myNestedArray</code> should have exactly 5 levels of depth");'
+  - text: '<code>myNestedArray</code> должен содержать ровно одно вхождение строки <code>&quot;deep&quot;</code> на массиве, вложенном в 3 уровня глубины'
+    testString: 'assert((function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deep").length === 1 && (function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deep")[0] === 2, "<code>myNestedArray</code> should contain exactly one occurrence of the string <code>"deep"</code> on an array nested 3 levels deep");'
+  - text: '<code>myNestedArray</code> должен содержать ровно одно вхождение строки <code>&quot;deeper&quot;</code> на массив, вложенный в 4 уровня глубины'
+    testString: 'assert((function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deeper").length === 1 && (function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deeper")[0] === 3, "<code>myNestedArray</code> should contain exactly one occurrence of the string <code>"deeper"</code> on an array nested 4 levels deep");'
+  - text: '<code>myNestedArray</code> должен содержать ровно одно вхождение строки <code>&quot;deepest&quot;</code> в массиве, вложенном в 5 уровней'
+    testString: 'assert((function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deepest").length === 1 && (function howDeep(array, target, depth = 0) {return array.reduce((combined, current) => {if (Array.isArray(current)) {  return combined.concat(howDeep(current, target, depth + 1));} else if (current === target) {  return combined.concat(depth);} else {  return combined;}}, []);})(myNestedArray, "deepest")[0] === 4, "<code>myNestedArray</code> should contain exactly one occurrence of the string <code>"deepest"</code> on an array nested 5 levels deep");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myNestedArray = [
+  // change code below this line
+  ['unshift', false, 1, 2, 3, 'complex', 'nested'],
+  ['loop', 'shift', 6, 7, 1000, 'method'],
+  ['concat', false, true, 'spread', 'array'],
+  ['mutate', 1327.98, 'splice', 'slice', 'push'],
+  ['iterate', 1.3849, 7, '8.4876', 'arbitrary', 'depth']
+  // change code above this line
+];
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/generate-an-array-of-all-object-keys-with-object.keys.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/generate-an-array-of-all-object-keys-with-object.keys.russian.md
new file mode 100644
index 0000000000..65793c8458
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/generate-an-array-of-all-object-keys-with-object.keys.russian.md
@@ -0,0 +1,76 @@
+---
+id: 587d7b7d367417b2b2512b1e
+title: Generate an Array of All Object Keys with Object.keys()
+challengeType: 1
+videoUrl: ''
+localeTitle: Генерировать массив всех ключей объекта с помощью Object.keys ()
+---
+
+## Description
+<section id="description"> Мы также можем сгенерировать массив, содержащий все ключи, хранящиеся в объекте, с использованием <code>Object.keys()</code> и передачи объекта в качестве аргумента. Это вернет массив со строками, представляющими каждое свойство объекта. Опять же, не будет никакого конкретного порядка для записей в массиве. </section>
+
+## Instructions
+<section id="instructions"> Завершите запись функции <code>getArrayOfUsers</code> чтобы она возвращала массив, содержащий все свойства объекта, который он получает в качестве аргумента. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Объект <code>users</code> содержит только ключи <code>Alan</code> , <code>Jeff</code> , <code>Sarah</code> и <code>Ryan</code>'
+    testString: 'assert("Alan" in users && "Jeff" in users && "Sarah" in users && "Ryan" in users && Object.keys(users).length === 4, "The <code>users</code> object only contains the keys <code>Alan</code>, <code>Jeff</code>, <code>Sarah</code>, and <code>Ryan</code>");'
+  - text: 'Функция <code>getArrayOfUsers</code> возвращает массив, содержащий все ключи в объекте <code>users</code>'
+    testString: 'assert((function() { users.Sam = {}; users.Lewis = {}; let R = getArrayOfUsers(users); return (R.indexOf("Alan") !== -1 && R.indexOf("Jeff") !== -1 && R.indexOf("Sarah") !== -1 && R.indexOf("Ryan") !== -1 && R.indexOf("Sam") !== -1 && R.indexOf("Lewis") !== -1); })() === true, "The <code>getArrayOfUsers</code> function returns an array which contains all the keys in the <code>users</code> object");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let users = {
+  Alan: {
+    age: 27,
+    online: false
+  },
+  Jeff: {
+    age: 32,
+    online: true
+  },
+  Sarah: {
+    age: 48,
+    online: false
+  },
+  Ryan: {
+    age: 19,
+    online: true
+  }
+};
+
+function getArrayOfUsers(obj) {
+  // change code below this line
+
+  // change code above this line
+}
+
+console.log(getArrayOfUsers(users));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-all-an-arrays-items-using-for-loops.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-all-an-arrays-items-using-for-loops.russian.md
new file mode 100644
index 0000000000..5e5561dd71
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-all-an-arrays-items-using-for-loops.russian.md
@@ -0,0 +1,66 @@
+---
+id: 587d7b7b367417b2b2512b15
+title: Iterate Through All an Array's Items Using For Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: Итерация через все элементы массива с использованием циклов
+---
+
+## Description
+<section id="description"> Иногда при работе с массивами очень удобно выполнять итерацию по каждому элементу, чтобы найти один или несколько элементов, которые могут нам понадобиться, или манипулировать массивом на основе того, какие элементы данных соответствуют определенному набору критериев. JavaScript предлагает несколько встроенных методов, каждый из которых перебирает несколько массивов несколькими разными способами для достижения разных результатов (например, each <code>every()</code> , <code>forEach()</code> , <code>map()</code> и т. Д.), Однако наиболее гибкий метод и предлагает нам наибольшую величина управления является простым <code>for</code> петли. Рассмотрим следующее: <blockquote> функция largeThanTen (arr) { <br> пусть newArr = []; <br> для (пусть i = 0; i &lt;arr.length; i ++) { <br> если (arr [i]&gt; 10) { <br> newArr.push (обр [я]); <br> } <br> } <br> return newArr; <br> } <br><br> moreThanTen ([2, 12, 8, 14, 80, 0, 1]); <br> // возвращает [12, 14, 80] </blockquote> Используя цикл <code>for</code> , эта функция выполняет итерации по каждому элементу массива и обращается к нему, и подвергает его простому тесту, который мы создали. Таким образом, мы легко и программно определили, какие элементы данных больше <code>10</code> , и возвратил новый массив, содержащий эти элементы. </section>
+
+## Instructions
+<section id="instructions"> Мы определили функцию, <code>filteredArray</code> , которая принимает <code>arr</code> , вложенный массив и <code>elem</code> качестве аргументов, и возвращает новый массив. <code>elem</code> представляет собой элемент, который может присутствовать или не присутствовать на одном или нескольких массивах, вложенных в <code>arr</code> . Измените функцию, используя цикл <code>for</code> , чтобы вернуть отфильтрованную версию переданного массива таким образом, чтобы любой массив, вложенный в <code>arr</code> содержащий <code>elem</code> , был удален. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>filteredArray([[10, 8, 3], [14, 6, 23], [3, 18, 6]], 18)</code> должны вернуться <code>[ [10, 8, 3], [14, 6, 23] ]</code>'
+    testString: 'assert.deepEqual(filteredArray([ [10, 8, 3], [14, 6, 23], [3, 18, 6] ], 18), [[10, 8, 3], [14, 6, 23]], "<code>filteredArray([[10, 8, 3], [14, 6, 23], [3, 18, 6]], 18)</code> should return <code>[ [10, 8, 3], [14, 6, 23] ]</code>");'
+  - text: '<code>filteredArray([ [&quot;trumpets&quot;, 2], [&quot;flutes&quot;, 4], [&quot;saxophones&quot;, 2] ], 2)</code> должны возвращать <code>[ [&quot;flutes&quot;, 4] ]</code>'
+    testString: 'assert.deepEqual(filteredArray([ ["trumpets", 2], ["flutes", 4], ["saxophones", 2] ], 2), [["flutes", 4]], "<code>filteredArray([ ["trumpets", 2], ["flutes", 4], ["saxophones", 2] ], 2)</code> should return <code>[ ["flutes", 4] ]</code>");'
+  - text: '<code>filteredArray([ [&quot;amy&quot;, &quot;beth&quot;, &quot;sam&quot;], [&quot;dave&quot;, &quot;sean&quot;, &quot;peter&quot;] ], &quot;peter&quot;)</code> должен возвращать <code>[ [&quot;amy&quot;, &quot;beth&quot;, &quot;sam&quot;] ]</code>'
+    testString: 'assert.deepEqual(filteredArray([["amy", "beth", "sam"], ["dave", "sean", "peter"]], "peter"), [["amy", "beth", "sam"]], "<code>filteredArray([ ["amy", "beth", "sam"], ["dave", "sean", "peter"] ], "peter")</code> should return <code>[ ["amy", "beth", "sam"] ]</code>");'
+  - text: '<code>filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3)</code> должны возвращать <code>[ ]</code>'
+    testString: 'assert.deepEqual(filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3), [], "<code>filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3)</code> should return <code>[ ]</code>");'
+  - text: Функция <code>filteredArray</code> должна использовать цикл <code>for</code>
+    testString: 'assert.notStrictEqual(filteredArray.toString().search(/for/), -1, "The <code>filteredArray</code> function should utilize a <code>for</code> loop");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function filteredArray(arr, elem) {
+  let newArr = [];
+  // change code below this line
+
+  // change code above this line
+  return newArr;
+}
+
+// change code here to test different cases:
+console.log(filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-array-stored-in-an-object.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-array-stored-in-an-object.russian.md
new file mode 100644
index 0000000000..8dcc006151
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-array-stored-in-an-object.russian.md
@@ -0,0 +1,79 @@
+---
+id: 587d7b7d367417b2b2512b1f
+title: Modify an Array Stored in an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Измените массив, хранящийся в объекте'
+---
+
+## Description
+<section id="description"> Теперь вы видели все основные операции для объектов JavaScript. Вы можете добавлять, изменять и удалять пары ключ-значение, проверять наличие ключей и перебирать все ключи в объекте. По мере продолжения изучения JavaScript вы увидите еще более универсальные приложения объектов. Кроме того, дополнительные уроки Advanced Data Structures далее в учебной программе также охватывают объекты ES6 <dfn>Map</dfn> и <dfn>Set</dfn> , оба из которых похожи на обычные объекты, но предоставляют некоторые дополнительные функции. Теперь, когда вы изучили основы массивов и объектов, вы полностью готовы приступить к решению более сложных проблем с помощью JavaScript! </section>
+
+## Instructions
+<section id="instructions"> Взгляните на объект, который мы предоставили в редакторе кода. <code>user</code> объект содержит три ключа. Ключ <code>data</code> содержит пять ключей, один из которых содержит массив <code>friends</code> . Из этого вы можете видеть, как гибкие объекты являются структурами данных. Мы начали писать функцию <code>addFriend</code> . Закончите запись, чтобы он взял объект <code>user</code> и добавил имя аргумента <code>friend</code> в массив, хранящийся в <code>user.data.friends</code> и возвращает этот массив. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>user</code> объект имеет <code>name</code> , <code>age</code> и ключи <code>data</code>'
+    testString: 'assert("name" in user && "age" in user && "data" in user, "The <code>user</code> object has <code>name</code>, <code>age</code>, and <code>data</code> keys");'
+  - text: Функция <code>addFriend</code> принимает объект <code>user</code> и строку <code>friend</code> как аргументы и добавляет друга в массив <code>friends</code> в <code>user</code> объекте
+    testString: 'assert((function() { let L1 = user.data.friends.length; addFriend(user, "Sean"); let L2 = user.data.friends.length; return (L2 === L1 + 1); })(), "The <code>addFriend</code> function accepts a <code>user</code> object and a <code>friend</code> string as arguments and adds the friend to the array of <code>friends</code> in the <code>user</code> object");'
+  - text: '<code>addFriend(user, &quot;Pete&quot;)</code> должен вернуться <code>[&quot;Sam&quot;, &quot;Kira&quot;, &quot;Tomo&quot;, &quot;Pete&quot;]</code>'
+    testString: 'assert.deepEqual((function() { delete user.data.friends; user.data.friends = ["Sam", "Kira", "Tomo"]; return addFriend(user, "Pete") })(), ["Sam", "Kira", "Tomo", "Pete"], "<code>addFriend(user, "Pete")</code> should return <code>["Sam", "Kira", "Tomo", "Pete"]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let user = {
+  name: 'Kenneth',
+  age: 28,
+  data: {
+    username: 'kennethCodesAllDay',
+    joinDate: 'March 26, 2016',
+    organization: 'freeCodeCamp',
+    friends: [
+      'Sam',
+      'Kira',
+      'Tomo'
+    ],
+    location: {
+      city: 'San Francisco',
+      state: 'CA',
+      country: 'USA'
+    }
+  }
+};
+
+function addFriend(userObj, friend) {
+  // change code below this line
+
+  // change code above this line
+}
+
+console.log(addFriend(user, 'Pete'));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-object-nested-within-an-object.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-object-nested-within-an-object.russian.md
new file mode 100644
index 0000000000..9940f26e3e
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-object-nested-within-an-object.russian.md
@@ -0,0 +1,68 @@
+---
+id: 587d7b7c367417b2b2512b19
+title: Modify an Object Nested Within an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Изменение объекта, вложенного в объект'
+---
+
+## Description
+<section id="description"> Теперь давайте посмотрим на несколько более сложный объект. Свойства объекта могут быть вложены в произвольную глубину, а их значениями могут быть любые типы данных, поддерживаемые JavaScript, включая массивы и даже другие объекты. Рассмотрим следующее: <blockquote> let inestedObject = { <br> id: 28802695164, <br> дата: «31 декабря 2016 года», <br> данные: { <br> totalUsers: 99, <br> онлайн: 80, <br> onlineStatus: { <br> активен: 67, <br> 13 гостей <br> } <br> } <br> }; </blockquote> <code>nestedObject</code> имеет три уникальных ключа: <code>id</code> , значение которого - число, <code>date</code> , значение которого является строкой, и <code>data</code> , значение которых является объектом, у которого есть еще один объект, вложенный в него. Хотя структуры могут быстро стать сложными, мы все равно можем использовать одни и те же обозначения для доступа к необходимой нам информации. </section>
+
+## Instructions
+<section id="instructions"> Здесь мы определили объект, <code>userActivity</code> , который включает в себя другой объект, вложенный в него. Вы можете изменять свойства этого вложенного объекта так же, как вы изменили свойства в последнем вызове. Установите значение <code>online</code> ключа на <code>45</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>userActivity</code> имеет <code>userActivity</code> <code>id</code> , <code>date</code> и <code>data</code>'
+    testString: 'assert("id" in userActivity && "date" in userActivity && "data" in userActivity, "<code>userActivity</code> has <code>id</code>, <code>date</code> and <code>data</code> properties");'
+  - text: <code>userActivity</code> имеет ключ <code>data</code> установленный для объекта с ключами <code>totalUsers</code> и <code>online</code>
+    testString: 'assert("totalUsers" in userActivity.data && "online" in userActivity.data, "<code>userActivity</code> has a <code>data</code> key set to an object with keys <code>totalUsers</code> and <code>online</code>");'
+  - text: <code>online</code> свойство вложенное в <code>data</code> ключе <code>userActivity</code> должно быть установлено на <code>45</code>
+    testString: 'assert(userActivity.data.online === 45, "The <code>online</code> property nested in the <code>data</code> key of <code>userActivity</code> should be set to <code>45</code>");'
+  - text: Свойство <code>online</code> задается с использованием точечной или скобочной записи
+    testString: 'assert.strictEqual(code.search(/online: 45/), -1, "The <code>online</code> property is set using dot or bracket notation");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let userActivity = {
+  id: 23894201352,
+  date: 'January 1, 2017',
+  data: {
+    totalUsers: 51,
+    online: 42
+  }
+};
+
+// change code below this line
+
+// change code above this line
+
+console.log(userActivity);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-from-an-array-with-pop-and-shift.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-from-an-array-with-pop-and-shift.russian.md
new file mode 100644
index 0000000000..3c2d635654
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-from-an-array-with-pop-and-shift.russian.md
@@ -0,0 +1,60 @@
+---
+id: 587d78b2367417b2b2512b0f
+title: Remove Items from an Array with pop() and shift()
+challengeType: 1
+videoUrl: ''
+localeTitle: Удалите элементы из массива с помощью pop () и shift ()
+---
+
+## Description
+<section id="description"> Оба <code>unshift()</code> <code>push()</code> и <code>unshift()</code> имеют соответствующие методы, которые являются почти функциональными противоположностями: <code>pop()</code> и <code>shift()</code> . Как вы уже догадались, вместо добавления <code>pop()</code> <em>удаляет</em> элемент из конца массива, а <code>shift()</code> удаляет элемент с самого начала. Ключевое различие между <code>pop()</code> и <code>shift()</code> и их кузенами <code>push()</code> и <code>unshift()</code> заключается в том, что ни один из методов не принимает параметры, и каждый из них позволяет только массиву изменять один элемент за раз. Давайте взглянем: <blockquote> let greetings = [&#39;whats up?&#39;, &#39;hello&#39;, &#39;see ya!&#39;]; <br><br> greetings.pop (); <br> // теперь равно [&#39;whats up?&#39;, &#39;hello&#39;] <br><br> greetings.shift (); <br> // теперь равно [&#39;hello&#39;] </blockquote> Мы также можем вернуть значение удаляемого элемента любым из следующих способов: <blockquote> let popped = greetings.pop (); <br> // возвращает &#39;hello&#39; <br> // приветствия теперь равны [] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Мы определили функцию <code>popShift</code> , которая принимает массив как аргумент и возвращает новый массив. Измените функцию, используя функции <code>pop()</code> и <code>shift()</code> , чтобы удалить первый и последний элементы массива аргументов и присвоить удаленные элементы соответствующим переменным, чтобы возвращаемый массив содержал их значения. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>popShift([&quot;challenge&quot;, &quot;is&quot;, &quot;not&quot;, &quot;complete&quot;])</code> должен возвращать <code>[&quot;challenge&quot;, &quot;complete&quot;]</code>'
+    testString: 'assert.deepEqual(popShift(["challenge", "is", "not", "complete"]), ["challenge", "complete"], "<code>popShift(["challenge", "is", "not", "complete"])</code> should return <code>["challenge", "complete"]</code>");'
+  - text: Функция <code>popShift</code> должна использовать метод <code>pop()</code>
+    testString: 'assert.notStrictEqual(popShift.toString().search(/\.pop\(/), -1, "The <code>popShift</code> function should utilize the <code>pop()</code> method");'
+  - text: Функция <code>popShift</code> должна использовать метод <code>shift()</code>
+    testString: 'assert.notStrictEqual(popShift.toString().search(/\.shift\(/), -1, "The <code>popShift</code> function should utilize the <code>shift()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function popShift(arr) {
+  let popped; // change this line
+  let shifted; // change this line
+  return [shifted, popped];
+}
+
+// do not change code below this line
+console.log(popShift(['challenge', 'is', 'not', 'complete']));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-using-splice.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-using-splice.russian.md
new file mode 100644
index 0000000000..8a2aa26101
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-using-splice.russian.md
@@ -0,0 +1,59 @@
+---
+id: 587d78b2367417b2b2512b10
+title: Remove Items Using splice()
+challengeType: 1
+videoUrl: ''
+localeTitle: Удаление элементов с помощью splice ()
+---
+
+## Description
+<section id="description"> Итак, мы научились удалять элементы с начала и конца массивов с помощью <code>shift()</code> и <code>pop()</code> , но что, если мы хотим удалить элемент из где-то посередине? Или удалить сразу несколько элементов? Ну, вот где <code>splice()</code> приходит. <code>splice()</code> позволяет нам сделать это: <strong>удалить любое количество последовательных элементов</strong> из любого места в массиве. <code>splice()</code> может принимать до 3 параметров, но на данный момент мы сосредоточимся только на первом 2. Первые два параметра <code>splice()</code> представляют собой целые числа, которые представляют индексы или позиции массива, который является <code>splice()</code> призвал. И помните, массивы <em>нуль-индексируются</em> , поэтому, чтобы указать первый элемент массива, мы будем использовать <code>0</code> . Первый параметр <code>splice()</code> представляет собой индекс в массиве, из которого начинается удаление элементов, а второй параметр указывает количество удаляемых элементов. Например: <blockquote> пусть array = [&#39;today&#39;, &#39;was&#39;, &#39;not&#39;, &#39;so&#39;, &#39;great&#39;]; <br><br> array.splice (2, 2); <br> // удалить 2 элемента, начиная с 3-го элемента <br> // массив теперь равен [&#39;today&#39;, &#39;was&#39;, &#39;great&#39;] </blockquote> <code>splice()</code> не только изменяет массив, на который он вызывается, но также возвращает новый массив, содержащий значение удаленных элементов: <blockquote> пусть array = [&#39;I&#39;, &#39;am&#39;, &#39;feeling&#39;, &#39;really&#39;, &#39;happy&#39;]; <br><br> пусть newArray = array.splice (3, 2); <br> // newArray равно [&#39;really&#39;, &#39;happy&#39;] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Мы определили функцию <code>sumOfTen</code> , которая принимает массив как аргумент и возвращает сумму элементов этого массива. Измените функцию, используя <code>splice()</code> , чтобы она вернула значение <code>10</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumOfTen</code> должен вернуть 10
+    testString: 'assert.strictEqual(sumOfTen([2, 5, 1, 5, 2, 1]), 10, "<code>sumOfTen</code> should return 10");'
+  - text: Функция <code>sumOfTen</code> должна использовать метод <code>splice()</code>
+    testString: 'assert.notStrictEqual(sumOfTen.toString().search(/\.splice\(/), -1, "The <code>sumOfTen</code> function should utilize the <code>splice()</code> method");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumOfTen(arr) {
+  // change code below this line
+
+  // change code above this line
+  return arr.reduce((a, b) => a + b);
+}
+
+// do not change code below this line
+console.log(sumOfTen([2, 5, 1, 5, 2, 1]));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/use-an-array-to-store-a-collection-of-data.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/use-an-array-to-store-a-collection-of-data.russian.md
new file mode 100644
index 0000000000..3bd51b2a21
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/use-an-array-to-store-a-collection-of-data.russian.md
@@ -0,0 +1,57 @@
+---
+id: 587d7b7e367417b2b2512b20
+title: Use an Array to Store a Collection of Data
+challengeType: 1
+videoUrl: ''
+localeTitle: Используйте массив для хранения коллекции данных
+---
+
+## Description
+<section id="description"> Ниже приведен пример простейшей реализации структуры данных массива. Это известно как <dfn>одномерный массив</dfn> , что означает, что он имеет только один уровень, или что он не имеет других массивов, вложенных в него. Обратите внимание, что он содержит <dfn>булевы</dfn> , <dfn>строки</dfn> и <dfn>числа</dfn> , среди прочих допустимых типов данных JavaScript: <blockquote> let simpleArray = [&#39;one&#39;, 2, &#39;three&#39;, true, false, undefined, null]; <br> console.log (simpleArray.length); <br> // журналы 7 </blockquote> У всех массивов есть свойство length, которое, как показано выше, может быть очень легко доступно с помощью синтаксиса <code>Array.length</code> . Более сложную реализацию массива можно увидеть ниже. Это известно как <dfn>многомерный массив</dfn> или массив, содержащий другие массивы. Обратите внимание, что этот массив также содержит <dfn>объекты</dfn> JavaScript, которые мы рассмотрим очень внимательно в следующем разделе, но пока все, что вам нужно знать, это то, что массивы также способны хранить сложные объекты. <blockquote> пусть complexArray = [ <br> [ <br> { <br> один: 1, <br> два: 2 <br> }, <br> { <br> три: 3, <br> четыре: 4 <br> } <br> ], <br> [ <br> { <br> a: &quot;a&quot;, <br> b: &quot;b&quot; <br> }, <br> { <br> c: &quot;c&quot;, <br> d: &quot;d&quot; <br> } <br> ] <br> ]; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Мы определили переменную, называемую <code>yourArray</code> . Заполните инструкцию, присвоив массив из не менее 5 элементов в длину переменной <code>yourArray</code> . Ваш массив должен содержать по крайней мере одну <dfn>строку</dfn> , одно <dfn>число</dfn> и одно <dfn>логическое значение</dfn> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: yourArray - массив
+    testString: 'assert.strictEqual(Array.isArray(yourArray), true, "yourArray is an array");'
+  - text: <code>yourArray</code> имеет <code>yourArray</code> не менее 5 элементов
+    testString: 'assert.isAtLeast(yourArray.length, 5, "<code>yourArray</code> is at least 5 elements long");'
+  - text: <code>yourArray</code> содержит как минимум одно <code>boolean</code>
+    testString: 'assert(yourArray.filter( el => typeof el === "boolean").length >= 1, "<code>yourArray</code> contains at least one <code>boolean</code>");'
+  - text: <code>yourArray</code> содержит хотя бы одно <code>number</code>
+    testString: 'assert(yourArray.filter( el => typeof el === "number").length >= 1, "<code>yourArray</code> contains at least one <code>number</code>");'
+  - text: <code>yourArray</code> содержит хотя бы одну <code>string</code>
+    testString: 'assert(yourArray.filter( el => typeof el === "string").length >= 1, "<code>yourArray</code> contains at least one <code>string</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let yourArray; // change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/use-the-delete-keyword-to-remove-object-properties.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/use-the-delete-keyword-to-remove-object-properties.russian.md
new file mode 100644
index 0000000000..c7f7d0919e
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-data-structures/use-the-delete-keyword-to-remove-object-properties.russian.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b7c367417b2b2512b1b
+title: Use the delete Keyword to Remove Object Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: Использование ключа удаления для удаления свойств объекта
+---
+
+## Description
+<section id="description"> Теперь вы знаете, какие объекты и их основные функции и преимущества. Короче говоря, это хранилища с ключевыми значениями, которые обеспечивают гибкий, интуитивно понятный способ структурирования данных <strong><em>и</em></strong> обеспечивают очень быстрое время поиска. Во всех остальных задачах мы опишем несколько общих операций, которые вы можете выполнять на объектах, чтобы вы могли комфортно применять эти полезные структуры данных в своих программах. В более ранних задачах мы добавили и модифицировали пары ключ-значение объекта. Здесь мы увидим, как мы можем <em>удалить</em> пару ключ-значение из объекта. Давайте вернемся к примеру нашего <code>foods</code> последний раз. Если мы хотим удалить ключ <code>apples</code> , мы можем удалить его, используя ключевое слово <code>delete</code> : <blockquote> удалять пищу. </blockquote></section>
+
+## Instructions
+<section id="instructions"> Используйте ключевое слово delete для удаления <code>oranges</code> , <code>plums</code> и <code>strawberries</code> ключей из объекта <code>foods</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Объект <code>foods</code> имеет только три ключа: <code>apples</code> , <code>grapes</code> и <code>bananas</code>'
+    testString: 'assert(!foods.hasOwnProperty("oranges") && !foods.hasOwnProperty("plums") && !foods.hasOwnProperty("strawberries") && Object.keys(foods).length === 3, "The <code>foods</code> object only has three keys: <code>apples</code>, <code>grapes</code>, and <code>bananas</code>");'
+  - text: '<code>oranges</code> , <code>plums</code> и <code>strawberries</code> ключи удаляются с помощью <code>delete</code>'
+    testString: 'assert(code.search(/oranges:/) !== -1 && code.search(/plums:/) !== -1 && code.search(/strawberries:/) !== -1, "The <code>oranges</code>, <code>plums</code>, and <code>strawberries</code> keys are removed using <code>delete</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let foods = {
+  apples: 25,
+  oranges: 32,
+  plums: 28,
+  bananas: 13,
+  grapes: 35,
+  strawberries: 27
+};
+
+// change code below this line
+
+// change code above this line
+
+console.log(foods);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes.russian.md
new file mode 100644
index 0000000000..16992ac155
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes.russian.md
@@ -0,0 +1,67 @@
+---
+id: 56bbb991ad1ed5201cd392ca
+title: Access Array Data with Indexes
+challengeType: 1
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/access-array-data-with-indexes'
+videoUrl: ''
+localeTitle: Доступ к массиву данных с индексами
+---
+
+## Description
+<section id="description"> Мы можем получить доступ к данным внутри массивов с помощью <code>indexes</code> . Индексы массива записываются в одну и ту же скобку, в которой используются строки, за исключением того, что вместо указания символа они указывают запись в массиве. Подобно строкам, массивы используют индексирование с <dfn>нулевым</dfn> индексом, поэтому первым элементом в массиве является элемент <code>0</code> . <strong>пример</strong> <blockquote> var array = [50,60,70]; <br> массив [0]; // равно 50 <br> var data = array [1]; // равно 60 </blockquote> <strong>Заметка</strong> <br> Между именем массива и квадратными скобками не должно быть пробелов, например <code>array [0]</code> . Хотя JavaScript способен корректно обрабатывать, это может смутить других программистов, читающих ваш код. </section>
+
+## Instructions
+<section id="instructions"> Создайте переменную <code>myData</code> и установите ее равным первому значению <code>myArray</code> используя нотацию в виде скобок. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Переменная <code>myData</code> должна равняться первому значению <code>myArray</code> .
+    testString: 'assert((function(){if(typeof myArray !== "undefined" && typeof myData !== "undefined" && myArray[0] === myData){return true;}else{return false;}})(), "The variable <code>myData</code> should equal the first value of <code>myArray</code>.");'
+  - text: Данные в переменной <code>myArray</code> должны быть доступны с использованием нотации в виде скобок.
+    testString: 'assert((function(){if(code.match(/\s*=\s*myArray\[0\]/g)){return true;}else{return false;}})(), "The data in variable <code>myArray</code> should be accessed using bracket notation.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [50,60,70];
+var ourData = ourArray[0]; // equals 50
+
+// Setup
+var myArray = [50,60,70];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/access-multi-dimensional-arrays-with-indexes.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/access-multi-dimensional-arrays-with-indexes.russian.md
new file mode 100644
index 0000000000..12c55defe6
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/access-multi-dimensional-arrays-with-indexes.russian.md
@@ -0,0 +1,64 @@
+---
+id: 56592a60ddddeae28f7aa8e1
+title: Access Multi-Dimensional Arrays With Indexes
+challengeType: 1
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/access-array-data-with-indexes'
+videoUrl: ''
+localeTitle: Доступ к многомерным массивам с индексами
+---
+
+## Description
+<section id="description"> Один из способов думать о <dfn>многомерном</dfn> массиве - это <em>массив массивов</em> . Когда вы используете скобки для доступа к вашему массиву, первый набор скобок ссылается на записи в массиве внешнего (первого уровня), а каждая дополнительная пара скобок ссылается на следующий уровень записей внутри. <strong>пример</strong> <blockquote> var arr = [ <br> [1,2,3], <br> [4,5,6], <br> [7,8,9], <br> [[10,11,12], 13, 14] <br> ]; <br> обр [3]; // равно [[10,11,12], 13, 14] <br> обр [3] [0]; // равно [10,11,12] <br> обр [3] [0] [1]; // равно 11 </blockquote> <strong>Заметка</strong> <br> Между именем массива и квадратными скобками не должно быть пробелов, например <code>array [0][0]</code> и даже этот <code>array [0] [0]</code> недопустим. Хотя JavaScript способен корректно обрабатывать, это может смутить других программистов, читающих ваш код. </section>
+
+## Instructions
+<section id="instructions"> Используя нотацию с помощью скобок, выберите элемент из <code>myArray</code> таким образом, чтобы <code>myData</code> был равен <code>8</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myData</code> должен быть равен <code>8</code> .
+    testString: 'assert(myData === 8, "<code>myData</code> should be equal to <code>8</code>.");'
+  - text: Для чтения правильного значения из <code>myArray</code> вы должны использовать условное обозначение.
+    testString: 'assert(/myArray\[2\]\[1\]/g.test(code) && !/myData\s*=\s*(?:.*[-+*/%]|\d)/g.test(code), "You should be using bracket notation to read the correct value from <code>myArray</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myArray = [[1,2,3], [4,5,6], [7,8,9], [[10,11,12], 13, 14]];
+
+// Only change code below this line.
+var myData = myArray[0][0];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays.russian.md
new file mode 100644
index 0000000000..0d4d3c3614
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays.russian.md
@@ -0,0 +1,82 @@
+---
+id: 56533eb9ac21ba0edf2244cd
+title: Accessing Nested Arrays
+challengeType: 1
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/access-array-data-with-indexes'
+videoUrl: ''
+localeTitle: Доступ к вложенным массивам
+---
+
+## Description
+<section id="description"> Как мы видели в предыдущих примерах, объекты могут содержать как вложенные объекты, так и вложенные массивы. Подобно доступу к вложенным объектам, нотация матричного массива может быть привязана для доступа к вложенным массивам. Ниже приведен пример доступа к вложенному массиву: <blockquote> var ourPets = [ <br> { <br> animalType: &quot;cat&quot;, <br> имена: [ <br> &quot;Meowzer&quot;, <br> «Пушистый», <br> «Кит-Кат» <br> ] <br> }, <br> { <br> animalType: «собака», <br> имена: [ <br> &quot;Место&quot;, <br> &quot;Bowser&quot;, <br> «Фрэнки» <br> ] <br> } <br> ]; <br> ourPets [0] .names [1]; // &quot;Пушистый&quot; <br> ourPets [1] .names [0]; // &quot;Место&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> <code>myPlants</code> второе дерево из переменной <code>myPlants</code> используя <code>myPlants</code> объектов dot и массива. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>secondTree</code> должен равняться &quot;сосне&quot;
+    testString: 'assert(secondTree === "pine", "<code>secondTree</code> should equal "pine"");'
+  - text: Используйте обозначения точек и скобок для доступа к <code>myPlants</code>
+    testString: 'assert(/=\s*myPlants\[1\].list\[1\]/.test(code), "Use dot and bracket notation to access <code>myPlants</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myPlants = [
+  {
+    type: "flowers",
+    list: [
+      "rose",
+      "tulip",
+      "dandelion"
+    ]
+  },
+  {
+    type: "trees",
+    list: [
+      "fir",
+      "pine",
+      "birch"
+    ]
+  }
+];
+
+// Only change code below this line
+
+var secondTree = ""; // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects.russian.md
new file mode 100644
index 0000000000..858a286641
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects.russian.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244cc
+title: Accessing Nested Objects
+challengeType: 1
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/accessing-nested-objects-in-json'
+videoUrl: ''
+localeTitle: Доступ к вложенным объектам
+---
+
+## Description
+<section id="description"> Доступ к дополнительным свойствам объектов можно получить, объединив нотацию точки или скобки. Вот вложенный объект: <blockquote> var ourStorage = { <br> &quot;стол письменный&quot;: { <br> «ящик»: «степлер» <br> }, <br> «кабинет»: { <br> &quot;верхний ящик&quot;: { <br> «folder1»: «файл», <br> &quot;folder2&quot;: &quot;секреты&quot; <br> }, <br> «нижний ящик»: «сода» <br> } <br> }; <br> ourStorage.cabinet [&quot;верхний ящик&quot;]. folder2; // &quot;секреты&quot; <br> ourStorage.desk.drawer; // &quot;степлер&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Войдите в объект <code>myStorage</code> и назначьте содержимое свойства <code>glove box</code> переменной <code>gloveBoxContents</code> . Используйте обозначения в виде скобок для свойств с пробелом в их имени. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>gloveBoxContents</code> должен равняться &quot;картам&quot;
+    testString: 'assert(gloveBoxContents === "maps", "<code>gloveBoxContents</code> should equal "maps"");'
+  - text: Используйте обозначения точек и скобок для доступа к <code>myStorage</code>
+    testString: 'assert(/=\s*myStorage\.car\.inside\[\s*("|")glove box\1\s*\]/g.test(code), "Use dot and bracket notation to access <code>myStorage</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myStorage = {
+  "car": {
+    "inside": {
+      "glove box": "maps",
+      "passenger seat": "crumbs"
+     },
+    "outside": {
+      "trunk": "jack"
+    }
+  }
+};
+
+var gloveBoxContents = undefined; // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation.russian.md
new file mode 100644
index 0000000000..97378ad949
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation.russian.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244c8
+title: Accessing Object Properties with Bracket Notation
+challengeType: 1
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/accessing-objects-properties-with-bracket-notation'
+videoUrl: ''
+localeTitle: Доступ к объектным свойствам с помощью скобок
+---
+
+## Description
+<section id="description"> Второй способ доступа к свойствам объекта - это скобки нотации ( <code>[]</code> ). Если свойство объекта, к которому вы пытаетесь получить доступ, имеет пробел в своем имени, вам нужно будет использовать нотацию в виде скобок. Тем не менее, вы все равно можете использовать нотацию нот для объектов без пробелов. Ниже приведен пример использования обозначения скобок для чтения свойства объекта: <blockquote> var myObj = { <br> «Space Name»: «Kirk», <br> «Больше пространства»: «Спок», <br> «NoSpace»: «USS Enterprise» <br> }; <br> myObj [&quot;Space Name&quot;]; // Кирк <br> myObj [&#39;More Space&#39;]; // Спок <br> myObj [ &quot;NoSpace&quot;]; // USS Enterprise </blockquote> Обратите внимание, что имена свойств с пробелами в них должны быть в кавычках (один или два). </section>
+
+## Instructions
+<section id="instructions"> Прочитайте значения свойств <code>&quot;an entree&quot;</code> и <code>&quot;the drink&quot;</code> <code>testObj</code> с использованием скобкой и назначьте их <code>entreeValue</code> и <code>drinkValue</code> соответственно. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>entreeValue</code> должен быть строкой
+    testString: 'assert(typeof entreeValue === "string" , "<code>entreeValue</code> should be a string");'
+  - text: Значение <code>entreeValue</code> должно быть <code>&quot;hamburger&quot;</code>
+    testString: 'assert(entreeValue === "hamburger" , "The value of <code>entreeValue</code> should be <code>"hamburger"</code>");'
+  - text: <code>drinkValue</code> должен быть строкой
+    testString: 'assert(typeof drinkValue === "string" , "<code>drinkValue</code> should be a string");'
+  - text: Значение <code>drinkValue</code> должно быть <code>&quot;water&quot;</code>
+    testString: 'assert(drinkValue === "water" , "The value of <code>drinkValue</code> should be <code>"water"</code>");'
+  - text: Вы должны дважды использовать скобки
+    testString: 'assert(code.match(/testObj\s*?\[("|")[^""]+\1\]/g).length > 1, "You should use bracket notation twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var testObj = {
+  "an entree": "hamburger",
+  "my side": "veggies",
+  "the drink": "water"
+};
+
+// Only change code below this line
+
+var entreeValue = testObj;   // Change this line
+var drinkValue = testObj;    // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.russian.md
new file mode 100644
index 0000000000..830ecad5a3
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.russian.md
@@ -0,0 +1,75 @@
+---
+id: 56533eb9ac21ba0edf2244c7
+title: Accessing Object Properties with Dot Notation
+challengeType: 1
+videoUrl: ''
+localeTitle: Доступ к объектным свойствам с нотами Dot
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> Прочитайте значения свойств <code>testObj</code> с использованием точечной нотации. Установите переменную <code>hatValue</code> равное свойству объекта <code>hat</code> и установить переменную <code>shirtValue</code> равной свойству объекта <code>shirt</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof hatValue === "string" , "<code>hatValue</code> should be a string");'
+  - text: Значение <code>hatValue</code> должно быть <code>&quot;ballcap&quot;</code>
+    testString: 'assert(hatValue === "ballcap" , "The value of <code>hatValue</code> should be <code>"ballcap"</code>");'
+  - text: <code>shirtValue</code> должна быть строкой
+    testString: 'assert(typeof shirtValue === "string" , "<code>shirtValue</code> should be a string");'
+  - text: Значение <code>shirtValue</code> должно быть <code>&quot;jersey&quot;</code>
+    testString: 'assert(shirtValue === "jersey" , "The value of <code>shirtValue</code> should be <code>"jersey"</code>");'
+  - text: Вы должны использовать точную нотацию дважды
+    testString: 'assert(code.match(/testObj\.\w+/g).length > 1, "You should use dot notation twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var testObj = {
+  "hat": "ballcap",
+  "shirt": "jersey",
+  "shoes": "cleats"
+};
+
+// Only change code below this line
+
+var hatValue = testObj;      // Change this line
+var shirtValue = testObj;    // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables.russian.md
new file mode 100644
index 0000000000..d6d26561d4
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables.russian.md
@@ -0,0 +1,78 @@
+---
+id: 56533eb9ac21ba0edf2244c9
+title: Accessing Object Properties with Variables
+challengeType: 1
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/accessing-objects-properties-with-variables'
+videoUrl: ''
+localeTitle: Доступ к объектам с переменными
+---
+
+## Description
+<section id="description"> Еще одно использование нотации к скобкам для объектов - это доступ к свойству, которое хранится как значение переменной. Это может быть очень полезно для итерации через свойства объекта или при доступе к поисковой таблице. Ниже приведен пример использования переменной для доступа к свойству: <blockquote> var dogs = { <br> Фидо: «Мутт», Охотник: «Доберман», Снупи: «Бигл», <br> }; <br> var myDog = &quot;Охотник&quot;; <br> var myBreed = dogs [myDog]; <br> console.log (myBreed); // &quot;Доберман&quot; </blockquote> Другим способом использования этой концепции является то, что имя свойства собирается динамически во время выполнения программы, а именно: <blockquote> var someObj = { <br> propName: &quot;Джон&quot; <br> }; <br> Функция propPrefix (str) { <br> var s = &quot;prop&quot;; <br> return s + str; <br> } <br> var someProp = propPrefix (&quot;Name&quot;); // someProp теперь содержит значение &#39;propName&#39; <br> console.log (someObj [someProp]); // &quot;Джон&quot; </blockquote> Обратите внимание, что мы <em>не</em> используем кавычки вокруг имени переменной при ее использовании для доступа к свойству, потому что мы используем <em>значение</em> переменной, а не <em>имя</em> . </section>
+
+## Instructions
+<section id="instructions"> Используйте переменную <code>playerNumber</code> для поиска игрока <code>16</code> в <code>testObj</code> с использованием нотации в <code>testObj</code> скобок. Затем назначьте это имя переменной <code>player</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>playerNumber</code> должен быть числом
+    testString: 'assert(typeof playerNumber === "number", "<code>playerNumber</code> should be a number");'
+  - text: Переменный <code>player</code> должен быть строкой
+    testString: 'assert(typeof player === "string", "The variable <code>player</code> should be a string");'
+  - text: 'Ценность <code>player</code> должна быть «Монтана»,'
+    testString: 'assert(player === "Montana", "The value of <code>player</code> should be "Montana"");'
+  - text: Для доступа к <code>testObj</code> вы должны использовать нотацию в виде <code>testObj</code>
+    testString: 'assert(/testObj\s*?\[.*?\]/.test(code),"You should use bracket notation to access <code>testObj</code>");'
+  - text: Вы не должны назначать значение <code>Montana</code> для переменной <code>player</code> напрямую.
+    testString: 'assert(!code.match(/player\s*=\s*"|\"\s*Montana\s*"|\"\s*;/gi),"You should not assign the value <code>Montana</code> to the variable <code>player</code> directly.");'
+  - text: Вы должны использовать переменную <code>playerNumber</code> в нотации вашего кронштейна
+    testString: 'assert(/testObj\s*?\[\s*playerNumber\s*\]/.test(code),"You should be using the variable <code>playerNumber</code> in your bracket notation");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var testObj = {
+  12: "Namath",
+  16: "Montana",
+  19: "Unitas"
+};
+
+// Only change code below this line;
+
+var playerNumber;       // Change this Line
+var player = testObj;   // Change this Line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object.russian.md
new file mode 100644
index 0000000000..5dad3a9258
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object.russian.md
@@ -0,0 +1,77 @@
+---
+id: 56bbb991ad1ed5201cd392d2
+title: Add New Properties to a JavaScript Object
+challengeType: 1
+videoUrl: ''
+localeTitle: Добавить новые объекты в объект JavaScript
+---
+
+## Description
+<section id="description"> Вы можете добавлять новые свойства к существующим объектам JavaScript так же, как вы их модифицировали. Вот как мы добавим свойство <code>&quot;bark&quot;</code> в <code>ourDog</code> : <code>ourDog.bark = &quot;bow-wow&quot;;</code> или <code>ourDog[&quot;bark&quot;] = &quot;bow-wow&quot;;</code> Теперь, когда мы оцениваем <code>ourDog.bark</code> , мы получим его <code>ourDog.bark</code> , «лук-вау». </section>
+
+## Instructions
+<section id="instructions"> Добавьте свойство <code>&quot;bark&quot;</code> в <code>myDog</code> и установите его на звук собаки, например «woof». Вы можете использовать либо точечную, либо скобку. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Добавьте свойство <code>&quot;bark&quot;</code> в <code>myDog</code> .
+    testString: 'assert(myDog.bark !== undefined, "Add the property <code>"bark"</code> to <code>myDog</code>.");'
+  - text: Не добавляйте <code>&quot;bark&quot;</code> в раздел настройки
+    testString: 'assert(!/bark[^\n]:/.test(code), "Do not add <code>"bark"</code> to the setup section");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"]
+};
+
+ourDog.bark = "bow-wow";
+
+// Setup
+var myDog = {
+  "name": "Happy Coder",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["freeCodeCamp Campers"]
+};
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/add-two-numbers-with-javascript.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/add-two-numbers-with-javascript.russian.md
new file mode 100644
index 0000000000..d137ac0a8b
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/add-two-numbers-with-javascript.russian.md
@@ -0,0 +1,59 @@
+---
+id: cf1111c1c11feddfaeb3bdef
+title: Add Two Numbers with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Добавить два номера с JavaScript
+---
+
+## Description
+<section id="description"> <code>Number</code> - это тип данных в JavaScript, который представляет числовые данные. Теперь попробуем добавить два числа, используя JavaScript. JavaScript использует символ <code>+</code> качестве операции добавления при размещении между двумя числами. <strong>пример</strong> <blockquote> myVar = 5 + 10; // присвоено 15 </blockquote></section>
+
+## Instructions
+<section id="instructions"> Измените <code>0</code> так, чтобы сумма равнялась <code>20</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sum</code> должна равняться <code>20</code>
+    testString: 'assert(sum === 20, "<code>sum</code> should equal <code>20</code>");'
+  - text: Используйте оператор <code>+</code>
+    testString: 'assert(/\+/.test(code), "Use the <code>+</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var sum = 10 + 0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/adding-a-default-option-in-switch-statements.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/adding-a-default-option-in-switch-statements.russian.md
new file mode 100644
index 0000000000..038f127d6e
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/adding-a-default-option-in-switch-statements.russian.md
@@ -0,0 +1,75 @@
+---
+id: 56533eb9ac21ba0edf2244de
+title: Adding a Default Option in Switch Statements
+challengeType: 1
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/adding-a-default-option-in-switch-statements'
+videoUrl: ''
+localeTitle: Добавление опции по умолчанию в операторы switch
+---
+
+## Description
+<section id="description"> В операторе <code>switch</code> вы не сможете указывать все возможные значения в качестве операторов <code>case</code> . Вместо этого вы можете добавить оператор по <code>default</code> который будет выполняться, если не найдено совпадающих операторов <code>case</code> . Думайте об этом как финальном <code>else</code> утверждении в качестве , <code>if/else</code> цепи. В последнем случае должен использоваться оператор по <code>default</code> . <blockquote> switch (num) { <br> значение case1: <br> statement1; <br> ломать; <br> значение case2: <br> оператор2; <br> ломать; <br> ... <br> по умолчанию: <br> defaultStatement; <br> ломать; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Напишите оператор switch, чтобы задать <code>answer</code> для следующих условий: <br> <code>&quot;a&quot;</code> - &quot;яблоко&quot; <br> <code>&quot;b&quot;</code> - &quot;птица&quot; <br> <code>&quot;c&quot;</code> - &quot;cat&quot; <br> <code>default</code> - &quot;stuff&quot; </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>switchOfStuff(&quot;a&quot;)</code> должен иметь значение &quot;apple&quot;
+    testString: 'assert(switchOfStuff("a") === "apple", "<code>switchOfStuff("a")</code> should have a value of "apple"");'
+  - text: <code>switchOfStuff(&quot;b&quot;)</code> должен иметь значение &quot;bird&quot;
+    testString: 'assert(switchOfStuff("b") === "bird", "<code>switchOfStuff("b")</code> should have a value of "bird"");'
+  - text: <code>switchOfStuff(&quot;c&quot;)</code> должен иметь значение &quot;cat&quot;
+    testString: 'assert(switchOfStuff("c") === "cat", "<code>switchOfStuff("c")</code> should have a value of "cat"");'
+  - text: <code>switchOfStuff(&quot;d&quot;)</code> должен иметь значение &quot;stuff&quot;
+    testString: 'assert(switchOfStuff("d") === "stuff", "<code>switchOfStuff("d")</code> should have a value of "stuff"");'
+  - text: <code>switchOfStuff(4)</code> должен иметь значение &quot;stuff&quot;
+    testString: 'assert(switchOfStuff(4) === "stuff", "<code>switchOfStuff(4)</code> should have a value of "stuff"");'
+  - text: Вы не должны использовать никаких утверждений <code>if</code> или <code>else</code>
+    testString: 'assert(!/else/g.test(code) || !/if/g.test(code), "You should not use any <code>if</code> or <code>else</code> statements");'
+  - text: Вы должны использовать инструкцию по <code>default</code>
+    testString: 'assert(switchOfStuff("string-to-trigger-default-case") === "stuff", "You should use a <code>default</code> statement");'
+  - text: У вас должно быть как минимум 3 заявления о <code>break</code>
+    testString: 'assert(code.match(/break/g).length > 2, "You should have at least 3 <code>break</code> statements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function switchOfStuff(val) {
+  var answer = "";
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+  return answer;
+}
+
+// Change this value to test
+switchOfStuff(1);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/appending-variables-to-strings.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/appending-variables-to-strings.russian.md
new file mode 100644
index 0000000000..4f733b181d
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/appending-variables-to-strings.russian.md
@@ -0,0 +1,68 @@
+---
+id: 56533eb9ac21ba0edf2244ed
+title: Appending Variables to Strings
+challengeType: 1
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/appending-variables-to-strings'
+videoUrl: ''
+localeTitle: Добавление переменных в строки
+---
+
+## Description
+<section id="description"> Так же, как мы можем построить строку из нескольких строк из строковых <dfn>литералов</dfn> , мы также можем добавить переменные в строку, используя оператор equals ( <code>+=</code> ). </section>
+
+## Instructions
+<section id="instructions"> Установите <code>someAdjective</code> и добавьте его в <code>myStr</code> используя оператор <code>+=</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>someAdjective</code> должен быть установлен в строку длиной не менее 3 символов
+    testString: 'assert(typeof someAdjective !== "undefined" && someAdjective.length > 2, "<code>someAdjective</code> should be set to a string at least 3 characters long");'
+  - text: Добавить <code>someAdjective</code> в <code>myStr</code> используя оператор <code>+=</code>
+    testString: 'assert(code.match(/myStr\s*\+=\s*someAdjective\s*/).length > 0, "Append <code>someAdjective</code> to <code>myStr</code> using the <code>+=</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var anAdjective = "awesome!";
+var ourStr = "freeCodeCamp is ";
+ourStr += anAdjective;
+
+// Only change code below this line
+
+var someAdjective;
+var myStr = "Learning to code is ";
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value.russian.md
new file mode 100644
index 0000000000..37380ef94d
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value.russian.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244c3
+title: Assignment with a Returned Value
+challengeType: 1
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/assignment-with-a-returned-value'
+videoUrl: ''
+localeTitle: Назначение с возвращенной стоимостью
+---
+
+## Description
+<section id="description"> Если вы вспомните из нашего обсуждения « <a href="javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator" target="_blank">Сохранение значений с помощью оператора назначения»</a> , все, что находится справа от знака равенства, будет разрешено до присвоения значения. Это означает, что мы можем взять возвращаемое значение функции и присвоить ее переменной. Предположим, что мы предварительно определили <code>sum</code> функций, которая объединяет два числа, а затем: <code>ourSum = sum(5, 12);</code> вызовет функцию <code>sum</code> , которая возвращает значение <code>17</code> и присваивает ее переменной <code>ourSum</code> . </section>
+
+## Instructions
+<section id="instructions"> Вызовите функцию <code>processArg</code> с аргументом <code>7</code> и назначьте его возвращаемое значение <code>processed</code> переменной. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>processed</code> должна иметь значение <code>2</code>
+    testString: 'assert(processed === 2, "<code>processed</code> should have a value of <code>2</code>");'
+  - text: Вы должны назначить <code>processArg</code> для <code>processed</code>
+    testString: 'assert(/processed\s*=\s*processArg\(\s*7\s*\)\s*;/.test(code), "You should assign <code>processArg</code> to <code>processed</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var changed = 0;
+
+function change(num) {
+  return (num + 5) / 3;
+}
+
+changed = change(10);
+
+// Setup
+var processed = 0;
+
+function processArg(num) {
+  return (num + 3) / 5;
+}
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects.russian.md
new file mode 100644
index 0000000000..b2ed9fdd78
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects.russian.md
@@ -0,0 +1,80 @@
+---
+id: 56bbb991ad1ed5201cd392d0
+title: Build JavaScript Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: Создание объектов JavaScript
+---
+
+## Description
+<section id="description"> Возможно, вы слышали термин <code>object</code> раньше. Объекты похожи на <code>arrays</code> , за исключением того, что вместо использования индексов для доступа и изменения их данных вы получаете доступ к данным в объектах через так называемые <code>properties</code> . Объекты полезны для хранения данных структурированным способом и могут представлять объекты реального мира, такие как кошка. Вот пример объекта cat: <blockquote> var cat = { <br> «имя»: «Усы», <br> «ноги»: 4, <br> «хвосты»: 1, <br> «враги»: [«Вода», «Собаки»] <br> }; </blockquote> В этом примере все свойства сохраняются как строки, такие как <code>&quot;name&quot;</code> , <code>&quot;legs&quot;</code> и <code>&quot;tails&quot;</code> . Однако вы также можете использовать числа как свойства. Вы даже можете опустить кавычки для свойств строки с одним словом, а именно: <blockquote> var anotherObject = { <br> сделать: «Форд», <br> 5: «пять», <br> «модель»: «фокус» <br> }; </blockquote> Однако, если ваш объект имеет какие-либо свойства, отличные от строки, JavaScript автоматически приведет их в виде строк. </section>
+
+## Instructions
+<section id="instructions"> Создайте объект, представляющий собаку под названием <code>myDog</code> которая содержит свойства <code>&quot;name&quot;</code> (строка), <code>&quot;legs&quot;</code> , <code>&quot;tails&quot;</code> и <code>&quot;friends&quot;</code> . Вы можете установить эти свойства объекта для любых значений, которые вы хотите, поскольку <code>&quot;name&quot;</code> - это строка, <code>&quot;legs&quot;</code> и <code>&quot;tails&quot;</code> - это числа, а <code>&quot;friends&quot;</code> - это массив. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myDog</code> должен содержать <code>name</code> свойства, и он должен быть <code>string</code> .'
+    testString: 'assert((function(z){if(z.hasOwnProperty("name") && z.name !== undefined && typeof z.name === "string"){return true;}else{return false;}})(myDog), "<code>myDog</code> should contain the property <code>name</code> and it should be a <code>string</code>.");'
+  - text: '<code>myDog</code> должен содержать собственности <code>legs</code> , и это должно быть <code>number</code> .'
+    testString: 'assert((function(z){if(z.hasOwnProperty("legs") && z.legs !== undefined && typeof z.legs === "number"){return true;}else{return false;}})(myDog), "<code>myDog</code> should contain the property <code>legs</code> and it should be a <code>number</code>.");'
+  - text: '<code>myDog</code> должен содержать <code>tails</code> свойств, и это должно быть <code>number</code> .'
+    testString: 'assert((function(z){if(z.hasOwnProperty("tails") && z.tails !== undefined && typeof z.tails === "number"){return true;}else{return false;}})(myDog), "<code>myDog</code> should contain the property <code>tails</code> and it should be a <code>number</code>.");'
+  - text: '<code>myDog</code> должен содержать <code>friends</code> свойства, и он должен быть <code>array</code> .'
+    testString: 'assert((function(z){if(z.hasOwnProperty("friends") && z.friends !== undefined && Array.isArray(z.friends)){return true;}else{return false;}})(myDog), "<code>myDog</code> should contain the property <code>friends</code> and it should be an <code>array</code>.");'
+  - text: <code>myDog</code> должен содержать только все свойства.
+    testString: 'assert((function(z){return Object.keys(z).length === 4;})(myDog), "<code>myDog</code> should only contain all the given properties.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"]
+};
+
+// Only change code below this line.
+
+var myDog = {
+
+
+
+
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements.russian.md
new file mode 100644
index 0000000000..29f44ea166
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements.russian.md
@@ -0,0 +1,82 @@
+---
+id: 56533eb9ac21ba0edf2244dc
+title: Chaining If Else Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: Связывание с другими сообщениями
+---
+
+## Description
+<section id="description"> <code>if/else</code> утверждения могут быть объединены вместе для сложной логики. Вот <dfn>псевдокод</dfn> операторов с несколькими цепями <code>if</code> / <code>else if</code> : <blockquote> если ( <em>условие 1</em> ) { <br> <em>statement1</em> <br> } else if ( <em>условие2</em> ) { <br> <em>оператор2</em> <br> } else if ( <em>условие 3</em> ) { <br> <em>оператор3</em> <br> , , , <br> } else { <br> <em>statementN</em> <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Напишите прикованные <code>if</code> / <code>else if</code> выражения для выполнения следующих условий: <code>num &lt; 5</code> - return &quot;Tiny&quot; <br> <code>num &lt; 10</code> - возврат &quot;Small&quot; <br> <code>num &lt; 15</code> - возврат &quot;Средний&quot; <br> <code>num &lt; 20</code> - возврат &quot;Большой&quot; <br> <code>num &gt;= 20</code> - возврат &quot;Огромный&quot; </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: У вас должно быть как минимум четыре оператора <code>else</code>
+    testString: 'assert(code.match(/else/g).length > 3, "You should have at least four <code>else</code> statements");'
+  - text: У вас должно быть как минимум четыре оператора <code>if</code>
+    testString: 'assert(code.match(/if/g).length > 3, "You should have at least four <code>if</code> statements");'
+  - text: У вас должно быть хотя бы одно заявление о <code>return</code>
+    testString: 'assert(code.match(/return/g).length >= 1, "You should have at least one <code>return</code> statement");'
+  - text: <code>testSize(0)</code> должен возвращать &quot;Tiny&quot;
+    testString: 'assert(testSize(0) === "Tiny", "<code>testSize(0)</code> should return "Tiny"");'
+  - text: <code>testSize(4)</code> должен вернуть «Tiny»
+    testString: 'assert(testSize(4) === "Tiny", "<code>testSize(4)</code> should return "Tiny"");'
+  - text: <code>testSize(5)</code> должен возвращать &quot;Small&quot;
+    testString: 'assert(testSize(5) === "Small", "<code>testSize(5)</code> should return "Small"");'
+  - text: <code>testSize(8)</code> должен вернуть «Small»
+    testString: 'assert(testSize(8) === "Small", "<code>testSize(8)</code> should return "Small"");'
+  - text: '<code>testSize(10)</code> должен возвращать «Средний»,'
+    testString: 'assert(testSize(10) === "Medium", "<code>testSize(10)</code> should return "Medium"");'
+  - text: <code>testSize(14)</code> должен возвращать «Средний»
+    testString: 'assert(testSize(14) === "Medium", "<code>testSize(14)</code> should return "Medium"");'
+  - text: <code>testSize(15)</code> должен возвращать &quot;Large&quot;
+    testString: 'assert(testSize(15) === "Large", "<code>testSize(15)</code> should return "Large"");'
+  - text: <code>testSize(17)</code> должен вернуть &quot;Large&quot;
+    testString: 'assert(testSize(17) === "Large", "<code>testSize(17)</code> should return "Large"");'
+  - text: <code>testSize(20)</code> должен вернуть «Огромный»
+    testString: 'assert(testSize(20) === "Huge", "<code>testSize(20)</code> should return "Huge"");'
+  - text: <code>testSize(25)</code> должен вернуть «Огромный»
+    testString: 'assert(testSize(25) === "Huge", "<code>testSize(25)</code> should return "Huge"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testSize(num) {
+  // Only change code below this line
+
+
+  return "Change Me";
+  // Only change code above this line
+}
+
+// Change this value to test
+testSize(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code.russian.md
new file mode 100644
index 0000000000..be28f06e02
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code.russian.md
@@ -0,0 +1,50 @@
+---
+id: bd7123c9c441eddfaeb4bdef
+title: Comment Your JavaScript Code
+challengeType: 1
+videoUrl: ''
+localeTitle: Комментарий
+---
+
+## Description
+<section id="description"> Комментарии - это строки кода, которые JavaScript намеренно игнорирует. Комментарии - отличный способ оставить заметки для себя и для других людей, которым позже нужно будет выяснить, что делает этот код. Существует два способа написания комментариев в JavaScript: Использование <code>//</code> говорит JavaScript, чтобы игнорировать оставшуюся часть текста в текущей строке: <blockquote> // Это встроенный комментарий. </blockquote> Вы можете сделать многострочный комментарий, начинающийся с <code>/*</code> и заканчивающийся на <code>*/</code> : <blockquote> /* Это <br> многострочный комментарий * / </blockquote> <strong>Лучшая практика</strong> <br> Когда вы пишете код, вы должны регулярно добавлять комментарии, чтобы уточнить функцию частей вашего кода. Хороший комментарий может помочь сообщить о намерениях вашего кода - как для других, так <em>и</em> для вашего будущего. </section>
+
+## Instructions
+<section id="instructions"> Попробуйте создать один из комментариев каждого типа. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Создайте комментарий стиля <code>//</code> , содержащий не менее пяти букв.'
+    testString: 'assert(code.match(/(\/\/)...../g), "Create a <code>//</code> style comment that contains at least five letters.");'
+  - text: 'Создайте комментарий <code>/* */</code> style, содержащий не менее пяти букв.'
+    testString: 'assert(code.match(/(\/\*)([^\/]{5,})(?=\*\/)/gm), "Create a <code>/* */</code> style comment that contains at least five letters.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator.russian.md
new file mode 100644
index 0000000000..c86644b71a
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator.russian.md
@@ -0,0 +1,64 @@
+---
+id: 56533eb9ac21ba0edf2244d0
+title: Comparison with the Equality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Сравнение с оператором равенства
+---
+
+## Description
+<section id="description"> В JavaScript есть много <dfn>операторов сравнения</dfn> . Все эти операторы возвращают логическое значение <code>true</code> или <code>false</code> . Основным оператором является оператор равенства <code>==</code> . Оператор равенства сравнивает два значения и возвращает <code>true</code> если они эквивалентны или <code>false</code> если они не являются. Обратите внимание, что равенство отличается от присваивания ( <code>=</code> ), которое присваивает значение справа от оператора переменной в левой части. <blockquote> функция равенстваTest (myVal) { <br> if (myVal == 10) { <br> return «Equal»; <br> } <br> возвращение «Не равно»; <br> } </blockquote> Если <code>myVal</code> равно <code>10</code> , оператор равенства возвращает <code>true</code> , поэтому код в фигурных скобках будет выполняться, и функция вернет <code>&quot;Equal&quot;</code> . В противном случае функция вернет <code>&quot;Not Equal&quot;</code> . Чтобы JavaScript мог сравнивать два разных <code>data types</code> (например, <code>numbers</code> и <code>strings</code> ), он должен преобразовывать один тип в другой. Это называется «Типовое принуждение». Однако, как только это произойдет, он может сравнить термины следующим образом: <blockquote> 1 == 1 // true <br> 1 == 2 // false <br> 1 == &#39;1&#39; // true <br> &quot;3&quot; == 3 // true </blockquote></section>
+
+## Instructions
+<section id="instructions"> Добавьте <code>equality operator</code> в указанную строку, чтобы функция вернула «Равно», когда <code>val</code> эквивалентно <code>12</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testEqual(10)</code> должен вернуть «Не <code>testEqual(10)</code> »
+    testString: 'assert(testEqual(10) === "Not Equal", "<code>testEqual(10)</code> should return "Not Equal"");'
+  - text: <code>testEqual(12)</code> должен возвращать &quot;Equal&quot;
+    testString: 'assert(testEqual(12) === "Equal", "<code>testEqual(12)</code> should return "Equal"");'
+  - text: <code>testEqual(&quot;12&quot;)</code> должен возвращать &quot;Equal&quot;
+    testString: 'assert(testEqual("12") === "Equal", "<code>testEqual("12")</code> should return "Equal"");'
+  - text: Вы должны использовать оператор <code>==</code>
+    testString: 'assert(code.match(/==/g) && !code.match(/===/g), "You should use the <code>==</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function testEqual(val) {
+  if (val) { // Change this line
+    return "Equal";
+  }
+  return "Not Equal";
+}
+
+// Change this value to test
+testEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator.russian.md
new file mode 100644
index 0000000000..2e56e1fe99
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator.russian.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244d4
+title: Comparison with the Greater Than Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Сравнение с более крупным оператором
+---
+
+## Description
+<section id="description"> Чем больше оператор ( <code>&gt;</code> ), сравнивает значения двух чисел. Если число слева больше числа справа, оно возвращает <code>true</code> . В противном случае возвращается <code>false</code> . Как и оператор равенства, большее, чем оператор, преобразует типы данных при сравнении. <strong>Примеры</strong> <blockquote> 5&gt; 3 // true <br> 7&gt; &#39;3&#39; // true <br> 2&gt; 3 // false <br> &#39;1&#39;&gt; 9 // false </blockquote></section>
+
+## Instructions
+<section id="instructions"> Добавьте к указанным линиям оператор <code>greater than</code> операторы return. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>testGreaterThan(0)</code> должен возвращать «10 или меньше»,'
+    testString: 'assert(testGreaterThan(0) === "10 or Under", "<code>testGreaterThan(0)</code> should return "10 or Under"");'
+  - text: '<code>testGreaterThan(10)</code> должен возвращать «10 или меньше»,'
+    testString: 'assert(testGreaterThan(10) === "10 or Under", "<code>testGreaterThan(10)</code> should return "10 or Under"");'
+  - text: '<code>testGreaterThan(11)</code> должен вернуть «Более 10»,'
+    testString: 'assert(testGreaterThan(11) === "Over 10", "<code>testGreaterThan(11)</code> should return "Over 10"");'
+  - text: '<code>testGreaterThan(99)</code> должен вернуть «Более 10»,'
+    testString: 'assert(testGreaterThan(99) === "Over 10", "<code>testGreaterThan(99)</code> should return "Over 10"");'
+  - text: '<code>testGreaterThan(100)</code> должен вернуть «Более 10»,'
+    testString: 'assert(testGreaterThan(100) === "Over 10", "<code>testGreaterThan(100)</code> should return "Over 10"");'
+  - text: '<code>testGreaterThan(101)</code> должен вернуть «Более 100»,'
+    testString: 'assert(testGreaterThan(101) === "Over 100", "<code>testGreaterThan(101)</code> should return "Over 100"");'
+  - text: '<code>testGreaterThan(150)</code> должен вернуть «Более 100»,'
+    testString: 'assert(testGreaterThan(150) === "Over 100", "<code>testGreaterThan(150)</code> should return "Over 100"");'
+  - text: Вы должны использовать оператор <code>&gt;</code> как минимум дважды
+    testString: 'assert(code.match(/val\s*>\s*("|")*\d+("|")*/g).length > 1, "You should use the <code>&gt;</code> operator at least twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testGreaterThan(val) {
+  if (val) {  // Change this line
+    return "Over 100";
+  }
+
+  if (val) {  // Change this line
+    return "Over 10";
+  }
+
+  return "10 or Under";
+}
+
+// Change this value to test
+testGreaterThan(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator.russian.md
new file mode 100644
index 0000000000..38a94c3f8e
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator.russian.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244d5
+title: Comparison with the Greater Than Or Equal To Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Сравнение с более высоким или равным оператору
+---
+
+## Description
+<section id="description"> Чем <code>greater than or equal to</code> оператору ( <code>&gt;=</code> ), то сравниваются значения двух чисел. Если число слева больше или равно числу справа, оно возвращает <code>true</code> . В противном случае возвращается <code>false</code> . Подобно оператору равенства, который <code>greater than or equal to</code> оператору, будет преобразовывать типы данных при сравнении. <strong>Примеры</strong> <blockquote> 6&gt; = 6 // true <br> 7&gt; = &#39;3&#39; // true <br> 2&gt; = 3 // false <br> &#39;7&#39;&gt; = 9 // false </blockquote></section>
+
+## Instructions
+<section id="instructions"> Добавьте к указанным линиям оператор, <code>greater than or equal to</code> иметь смысл. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>testGreaterOrEqual(0)</code> должен возвращать «Менее 10»,'
+    testString: 'assert(testGreaterOrEqual(0) === "Less than 10", "<code>testGreaterOrEqual(0)</code> should return "Less than 10"");'
+  - text: '<code>testGreaterOrEqual(9)</code> должен вернуть «Менее 10»,'
+    testString: 'assert(testGreaterOrEqual(9) === "Less than 10", "<code>testGreaterOrEqual(9)</code> should return "Less than 10"");'
+  - text: '<code>testGreaterOrEqual(10)</code> должен возвращать «10 или более»,'
+    testString: 'assert(testGreaterOrEqual(10) === "10 or Over", "<code>testGreaterOrEqual(10)</code> should return "10 or Over"");'
+  - text: '<code>testGreaterOrEqual(11)</code> должен вернуть «10 или более»,'
+    testString: 'assert(testGreaterOrEqual(11) === "10 or Over", "<code>testGreaterOrEqual(11)</code> should return "10 or Over"");'
+  - text: '<code>testGreaterOrEqual(19)</code> должен возвращать «10 или более»,'
+    testString: 'assert(testGreaterOrEqual(19) === "10 or Over", "<code>testGreaterOrEqual(19)</code> should return "10 or Over"");'
+  - text: '<code>testGreaterOrEqual(100)</code> должен возвращать «20 или более»,'
+    testString: 'assert(testGreaterOrEqual(100) === "20 or Over", "<code>testGreaterOrEqual(100)</code> should return "20 or Over"");'
+  - text: '<code>testGreaterOrEqual(21)</code> должен возвращать «20 или более»,'
+    testString: 'assert(testGreaterOrEqual(21) === "20 or Over", "<code>testGreaterOrEqual(21)</code> should return "20 or Over"");'
+  - text: 'Вы должны использовать оператор <code>&gt;=</code> по крайней мере, дважды'
+    testString: 'assert(code.match(/val\s*>=\s*("|")*\d+("|")*/g).length > 1, "You should use the <code>&gt;=</code> operator at least twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testGreaterOrEqual(val) {
+  if (val) {  // Change this line
+    return "20 or Over";
+  }
+
+  if (val) {  // Change this line
+    return "10 or Over";
+  }
+
+  return "Less than 10";
+}
+
+// Change this value to test
+testGreaterOrEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator.russian.md
new file mode 100644
index 0000000000..b38de012e8
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator.russian.md
@@ -0,0 +1,68 @@
+---
+id: 56533eb9ac21ba0edf2244d2
+title: Comparison with the Inequality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Сравнение с оператором неравенства
+---
+
+## Description
+<section id="description"> Оператор неравенства ( <code>!=</code> ) Является противоположным оператору равенства. Это означает «Не равно» и возвращает <code>false</code> когда равенство вернет <code>true</code> и <em>наоборот</em> . Как и оператор равенства, оператор неравенства будет преобразовывать типы данных значений при сравнении. <strong>Примеры</strong> <blockquote> 1! = 2 // true <br> 1! = &quot;1&quot; // false <br> 1! = &#39;1&#39; // false <br> 1! = True // false <br> 0! = False // false </blockquote></section>
+
+## Instructions
+<section id="instructions"> Добавьте оператор неравенства <code>!=</code> оператор <code>if</code> чтобы функция вернула «Не равно», когда <code>val</code> не эквивалентен <code>99</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testNotEqual(99)</code> должен возвращать &quot;Equal&quot;
+    testString: 'assert(testNotEqual(99) === "Equal", "<code>testNotEqual(99)</code> should return "Equal"");'
+  - text: <code>testNotEqual(&quot;99&quot;)</code> должен возвращать &quot;Equal&quot;
+    testString: 'assert(testNotEqual("99") === "Equal", "<code>testNotEqual("99")</code> should return "Equal"");'
+  - text: <code>testNotEqual(12)</code> должен возвращать «Не <code>testNotEqual(12)</code> »
+    testString: 'assert(testNotEqual(12) === "Not Equal", "<code>testNotEqual(12)</code> should return "Not Equal"");'
+  - text: <code>testNotEqual(&quot;12&quot;)</code> должен возвращать «Не равно»
+    testString: 'assert(testNotEqual("12") === "Not Equal", "<code>testNotEqual("12")</code> should return "Not Equal"");'
+  - text: <code>testNotEqual(&quot;bob&quot;)</code> должен возвращать «Не равно»
+    testString: 'assert(testNotEqual("bob") === "Not Equal", "<code>testNotEqual("bob")</code> should return "Not Equal"");'
+  - text: Вы должны использовать оператор <code>!=</code>
+    testString: 'assert(code.match(/(?!!==)!=/), "You should use the <code>!=</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function testNotEqual(val) {
+  if (val) { // Change this line
+    return "Not Equal";
+  }
+  return "Equal";
+}
+
+// Change this value to test
+testNotEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator.russian.md
new file mode 100644
index 0000000000..9bd9dc65fc
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator.russian.md
@@ -0,0 +1,74 @@
+---
+id: 56533eb9ac21ba0edf2244d6
+title: Comparison with the Less Than Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Сравнение с Менеджером оператора
+---
+
+## Description
+<section id="description"> <dfn>Менее чем</dfn> оператор ( <code>&lt;</code> ) сравнивает значения двух чисел. Если число слева меньше числа справа, оно возвращает <code>true</code> . В противном случае возвращается <code>false</code> . Как и оператор равенства, <dfn>меньше, чем</dfn> оператор, преобразует типы данных при сравнении. <strong>Примеры</strong> <blockquote> 2 &lt;5 // true <br> &#39;3&#39; &lt;7 // true <br> 5 &lt;5 // false <br> 3 &lt;2 // false <br> &#39;8&#39; &lt;4 // false </blockquote></section>
+
+## Instructions
+<section id="instructions"> Добавьте <code>less than</code> операторов к указанным линиям так, чтобы операторы return имели смысл. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testLessThan(0)</code> должен вернуть «Менее 25»
+    testString: 'assert(testLessThan(0) === "Under 25", "<code>testLessThan(0)</code> should return "Under 25"");'
+  - text: '<code>testLessThan(24)</code> должен вернуть «Менее 25 лет»,'
+    testString: 'assert(testLessThan(24) === "Under 25", "<code>testLessThan(24)</code> should return "Under 25"");'
+  - text: '<code>testLessThan(25)</code> должен вернуть «Менее 55»,'
+    testString: 'assert(testLessThan(25) === "Under 55", "<code>testLessThan(25)</code> should return "Under 55"");'
+  - text: <code>testLessThan(54)</code> должен вернуть «Менее 55»
+    testString: 'assert(testLessThan(54) === "Under 55", "<code>testLessThan(54)</code> should return "Under 55"");'
+  - text: '<code>testLessThan(55)</code> должен возвращать «55 или более»,'
+    testString: 'assert(testLessThan(55) === "55 or Over", "<code>testLessThan(55)</code> should return "55 or Over"");'
+  - text: '<code>testLessThan(99)</code> должен возвращать «55 или более»,'
+    testString: 'assert(testLessThan(99) === "55 or Over", "<code>testLessThan(99)</code> should return "55 or Over"");'
+  - text: Вы должны использовать оператор <code>&lt;</code> по крайней мере дважды
+    testString: 'assert(code.match(/val\s*<\s*("|")*\d+("|")*/g).length > 1, "You should use the <code>&lt;</code> operator at least twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testLessThan(val) {
+  if (val) {  // Change this line
+    return "Under 25";
+  }
+
+  if (val) {  // Change this line
+    return "Under 55";
+  }
+
+  return "55 or Over";
+}
+
+// Change this value to test
+testLessThan(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator.russian.md
new file mode 100644
index 0000000000..d4c0b42334
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator.russian.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244d7
+title: Comparison with the Less Than Or Equal To Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Сравнение с меньшим или равным оператору
+---
+
+## Description
+<section id="description"> Чем <code>less than or equal to</code> оператору ( <code>&lt;=</code> ), то сравниваются значения двух чисел. Если число влево меньше или равно числу справа, оно возвращает <code>true</code> . Если число слева больше числа справа, оно возвращает <code>false</code> . Как и оператор равенства, <code>less than or equal to</code> преобразует типы данных. <strong>Примеры</strong> <blockquote> 4 &lt;= 5 // true <br> &#39;7&#39; &lt;= 7 // true <br> 5 &lt;= 5 // true <br> 3 &lt;= 2 // false <br> &#39;8&#39; &lt;= 4 // false </blockquote></section>
+
+## Instructions
+<section id="instructions"> Добавьте <code>less than or equal to</code> оператору к указанным линиям, чтобы иметь смысл. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>testLessOrEqual(0)</code> должен возвращать «Меньше, чем или <code>testLessOrEqual(0)</code> 12»,'
+    testString: 'assert(testLessOrEqual(0) === "Smaller Than or Equal to 12", "<code>testLessOrEqual(0)</code> should return "Smaller Than or Equal to 12"");'
+  - text: '<code>testLessOrEqual(11)</code> должен возвращать «Меньше, чем или <code>testLessOrEqual(11)</code> 12»,'
+    testString: 'assert(testLessOrEqual(11) === "Smaller Than or Equal to 12", "<code>testLessOrEqual(11)</code> should return "Smaller Than or Equal to 12"");'
+  - text: '<code>testLessOrEqual(12)</code> должен возвращать «Меньше, чем или <code>testLessOrEqual(12)</code> 12»,'
+    testString: 'assert(testLessOrEqual(12) === "Smaller Than or Equal to 12", "<code>testLessOrEqual(12)</code> should return "Smaller Than or Equal to 12"");'
+  - text: '<code>testLessOrEqual(23)</code> должен возвращать значение «Меньше, чем <code>testLessOrEqual(23)</code> 24»,'
+    testString: 'assert(testLessOrEqual(23) === "Smaller Than or Equal to 24", "<code>testLessOrEqual(23)</code> should return "Smaller Than or Equal to 24"");'
+  - text: '<code>testLessOrEqual(24)</code> должен возвращать значение «Меньше, чем <code>testLessOrEqual(24)</code> 24»,'
+    testString: 'assert(testLessOrEqual(24) === "Smaller Than or Equal to 24", "<code>testLessOrEqual(24)</code> should return "Smaller Than or Equal to 24"");'
+  - text: '<code>testLessOrEqual(25)</code> должен вернуть «Больше, чем 24»,'
+    testString: 'assert(testLessOrEqual(25) === "More Than 24", "<code>testLessOrEqual(25)</code> should return "More Than 24"");'
+  - text: '<code>testLessOrEqual(55)</code> должен вернуть «Больше, чем 24»,'
+    testString: 'assert(testLessOrEqual(55) === "More Than 24", "<code>testLessOrEqual(55)</code> should return "More Than 24"");'
+  - text: 'Вы должны использовать оператор <code>&lt;=</code> по крайней мере, дважды'
+    testString: 'assert(code.match(/val\s*<=\s*("|")*\d+("|")*/g).length > 1, "You should use the <code>&lt;=</code> operator at least twice");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testLessOrEqual(val) {
+  if (val) {  // Change this line
+    return "Smaller Than or Equal to 12";
+  }
+
+  if (val) {  // Change this line
+    return "Smaller Than or Equal to 24";
+  }
+
+  return "More Than 24";
+}
+
+// Change this value to test
+testLessOrEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator.russian.md
new file mode 100644
index 0000000000..2f14bce7a7
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator.russian.md
@@ -0,0 +1,64 @@
+---
+id: 56533eb9ac21ba0edf2244d1
+title: Comparison with the Strict Equality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Сравнение с оператором строгого равенства
+---
+
+## Description
+<section id="description"> Строгое равенство ( <code>===</code> ) является аналогом оператора равенства ( <code>==</code> ). Однако, в отличие от оператора равенства, который пытается преобразовать оба значения в общий тип, строгий оператор равенства не выполняет преобразование типа. Если сравниваемые значения имеют разные типы, они считаются неравными, а оператор строгого равенства возвращает false. <strong>Примеры</strong> <blockquote> 3 === 3 // true <br> 3 === &#39;3&#39; // false </blockquote> Во втором примере <code>3</code> является типом <code>Number</code> а <code>&#39;3&#39;</code> - <code>String</code> . </section>
+
+## Instructions
+<section id="instructions"> Используйте оператор строгого равенства в выражении <code>if</code> чтобы функция вернула «Равно», когда <code>val</code> строго равно <code>7</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>testStrict(10)</code> должен вернуть «Не <code>testStrict(10)</code> »
+    testString: 'assert(testStrict(10) === "Not Equal", "<code>testStrict(10)</code> should return "Not Equal"");'
+  - text: <code>testStrict(7)</code> должен вернуть «Равный»
+    testString: 'assert(testStrict(7) === "Equal", "<code>testStrict(7)</code> should return "Equal"");'
+  - text: <code>testStrict(&quot;7&quot;)</code> должен возвращать &quot;Не равно&quot;
+    testString: 'assert(testStrict("7") === "Not Equal", "<code>testStrict("7")</code> should return "Not Equal"");'
+  - text: Вы должны использовать оператор <code>===</code>
+    testString: 'assert(code.match(/(val\s*===\s*\d+)|(\d+\s*===\s*val)/g).length > 0, "You should use the <code>===</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function testStrict(val) {
+  if (val) { // Change this line
+    return "Equal";
+  }
+  return "Not Equal";
+}
+
+// Change this value to test
+testStrict(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator.russian.md
new file mode 100644
index 0000000000..9ffd739ae7
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator.russian.md
@@ -0,0 +1,71 @@
+---
+id: 56533eb9ac21ba0edf2244d3
+title: Comparison with the Strict Inequality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Сравнение с оператором строгого неравенства
+---
+
+## Description
+<section id="description"> Оператор строгого неравенства ( <code>!==</code> ) является логической противоположностью оператора строгого равенства. Это означает «строго не равно» и возвращает <code>false</code> когда строгое равенство вернет <code>true</code> и <em>наоборот</em> . Строгое неравенство не будет преобразовывать типы данных. <strong>Примеры</strong> <blockquote> 3! == 3 // false <br> 3! == &#39;3&#39; // true <br> 4! == 3 // true </blockquote></section>
+
+## Instructions
+<section id="instructions"> Добавьте <code>strict inequality operator</code> <code>if</code> чтобы функция вернула «Не равно», когда <code>val</code> строго не равно <code>17</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>testStrictNotEqual(17)</code> должен вернуть «Равный»,'
+    testString: 'assert(testStrictNotEqual(17) === "Equal", "<code>testStrictNotEqual(17)</code> should return "Equal"");'
+  - text: <code>testStrictNotEqual(&quot;17&quot;)</code> должен возвращать &quot;Не равно&quot;
+    testString: 'assert(testStrictNotEqual("17") === "Not Equal", "<code>testStrictNotEqual("17")</code> should return "Not Equal"");'
+  - text: <code>testStrictNotEqual(12)</code> должен вернуть «Не <code>testStrictNotEqual(12)</code> »
+    testString: 'assert(testStrictNotEqual(12) === "Not Equal", "<code>testStrictNotEqual(12)</code> should return "Not Equal"");'
+  - text: <code>testStrictNotEqual(&quot;bob&quot;)</code> должен возвращать &quot;Не равно&quot;
+    testString: 'assert(testStrictNotEqual("bob") === "Not Equal", "<code>testStrictNotEqual("bob")</code> should return "Not Equal"");'
+  - text: Вы должны использовать оператор <code>!==</code>
+    testString: 'assert(code.match(/(val\s*!==\s*\d+)|(\d+\s*!==\s*val)/g).length > 0, "You should use the <code>!==</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function testStrictNotEqual(val) {
+  // Only Change Code Below this Line
+
+  if (val) {
+
+  // Only Change Code Above this Line
+
+    return "Not Equal";
+  }
+  return "Equal";
+}
+
+// Change this value to test
+testStrictNotEqual(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator.russian.md
new file mode 100644
index 0000000000..3e2b1f7f4c
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator.russian.md
@@ -0,0 +1,81 @@
+---
+id: 56533eb9ac21ba0edf2244d8
+title: Comparisons with the Logical And Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Сравнение с логикой и оператором
+---
+
+## Description
+<section id="description"> Иногда вам нужно проверять несколько штук одновременно. <dfn>Логический и</dfn> operator ( <code>&amp;&amp;</code> ) возвращают <code>true</code> тогда и только тогда, когда <dfn>операнды</dfn> слева и справа от него являются истинными. Тот же эффект может быть достигнут путем вложения выражения if внутри другого, если: <blockquote> если (num&gt; 5) { <br> если (num &lt;10) { <br> вернуть «Да»; <br> } <br> } <br> вернуть «Нет»; </blockquote> будет возвращаться только «Да», если <code>num</code> больше <code>5</code> и меньше <code>10</code> . Та же логика может быть записана как: <blockquote> if (num&gt; 5 &amp;&amp; num &lt;10) { <br> вернуть «Да»; <br> } <br> вернуть «Нет»; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Объедините два оператора if в один оператор, который вернет <code>&quot;Yes&quot;</code> если значение <code>val</code> меньше или равно <code>50</code> и больше или равно <code>25</code> . В противном случае вернется <code>&quot;No&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вы должны использовать оператор <code>&amp;&amp;</code> один раз
+    testString: 'assert(code.match(/&&/g).length === 1, "You should use the <code>&&</code> operator once");'
+  - text: У вас должен быть только один оператор <code>if</code>
+    testString: 'assert(code.match(/if/g).length === 1, "You should only have one <code>if</code> statement");'
+  - text: <code>testLogicalAnd(0)</code> должен возвращать «Нет»
+    testString: 'assert(testLogicalAnd(0) === "No", "<code>testLogicalAnd(0)</code> should return "No"");'
+  - text: '<code>testLogicalAnd(24)</code> должен возвращать «Нет»,'
+    testString: 'assert(testLogicalAnd(24) === "No", "<code>testLogicalAnd(24)</code> should return "No"");'
+  - text: '<code>testLogicalAnd(25)</code> должен вернуть «Да»,'
+    testString: 'assert(testLogicalAnd(25) === "Yes", "<code>testLogicalAnd(25)</code> should return "Yes"");'
+  - text: <code>testLogicalAnd(30)</code> должен вернуть «Да»
+    testString: 'assert(testLogicalAnd(30) === "Yes", "<code>testLogicalAnd(30)</code> should return "Yes"");'
+  - text: '<code>testLogicalAnd(50)</code> должен возвращать «Да»,'
+    testString: 'assert(testLogicalAnd(50) === "Yes", "<code>testLogicalAnd(50)</code> should return "Yes"");'
+  - text: '<code>testLogicalAnd(51)</code> должен возвращать «Нет»,'
+    testString: 'assert(testLogicalAnd(51) === "No", "<code>testLogicalAnd(51)</code> should return "No"");'
+  - text: <code>testLogicalAnd(75)</code> должен возвращать «Нет»
+    testString: 'assert(testLogicalAnd(75) === "No", "<code>testLogicalAnd(75)</code> should return "No"");'
+  - text: <code>testLogicalAnd(80)</code> должен возвращать &quot;Нет&quot;
+    testString: 'assert(testLogicalAnd(80) === "No", "<code>testLogicalAnd(80)</code> should return "No"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testLogicalAnd(val) {
+  // Only change code below this line
+
+  if (val) {
+    if (val) {
+      return "Yes";
+    }
+  }
+
+  // Only change code above this line
+  return "No";
+}
+
+// Change this value to test
+testLogicalAnd(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator.russian.md
new file mode 100644
index 0000000000..d707b94fcb
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator.russian.md
@@ -0,0 +1,83 @@
+---
+id: 56533eb9ac21ba0edf2244d9
+title: Comparisons with the Logical Or Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Сравнение с логическим или оператором
+---
+
+## Description
+<section id="description"> <dfn>Логический или</dfn> оператор ( <code>||</code> ) возвращает <code>true</code> если любой из <dfn>операндов</dfn> <code>true</code> . В противном случае возвращается <code>false</code> . <dfn>Логический или</dfn> оператор состоит из двух символов трубы ( <code>|</code> ). Обычно это можно найти между клавишами Backspace и Enter. Нижеприведенный рисунок должен выглядеть знакомым с предыдущих точек: <blockquote> если (num&gt; 10) { <br> вернуть «Нет»; <br> } <br> if (num &lt;5) { <br> вернуть «Нет»; <br> } <br> вернуть «Да»; </blockquote> вернет «Да» только в том случае, если <code>num</code> находится между <code>5</code> и <code>10</code> (включено 5 и 10). Та же логика может быть записана как: <blockquote> если (num&gt; 10 || num &lt;5) { <br> вернуть «Нет»; <br> } <br> вернуть «Да»; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Объедините два оператора <code>if</code> в один оператор, который возвращает <code>&quot;Outside&quot;</code> если <code>val</code> не находится между <code>10</code> и <code>20</code> , включительно. В противном случае верните <code>&quot;Inside&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вы должны использовать <code>||</code> оператор один раз
+    testString: 'assert(code.match(/\|\|/g).length === 1, "You should use the <code>||</code> operator once");'
+  - text: У вас должен быть только один оператор <code>if</code>
+    testString: 'assert(code.match(/if/g).length === 1, "You should only have one <code>if</code> statement");'
+  - text: <code>testLogicalOr(0)</code> должен возвращать &quot;Outside&quot;
+    testString: 'assert(testLogicalOr(0) === "Outside", "<code>testLogicalOr(0)</code> should return "Outside"");'
+  - text: <code>testLogicalOr(9)</code> должен возвращать &quot;Outside&quot;
+    testString: 'assert(testLogicalOr(9) === "Outside", "<code>testLogicalOr(9)</code> should return "Outside"");'
+  - text: <code>testLogicalOr(10)</code> должен возвращать &quot;Inside&quot;
+    testString: 'assert(testLogicalOr(10) === "Inside", "<code>testLogicalOr(10)</code> should return "Inside"");'
+  - text: <code>testLogicalOr(15)</code> должен возвращать &quot;Inside&quot;
+    testString: 'assert(testLogicalOr(15) === "Inside", "<code>testLogicalOr(15)</code> should return "Inside"");'
+  - text: <code>testLogicalOr(19)</code> должен возвращать &quot;Inside&quot;
+    testString: 'assert(testLogicalOr(19) === "Inside", "<code>testLogicalOr(19)</code> should return "Inside"");'
+  - text: <code>testLogicalOr(20)</code> должен возвращать &quot;Inside&quot;
+    testString: 'assert(testLogicalOr(20) === "Inside", "<code>testLogicalOr(20)</code> should return "Inside"");'
+  - text: <code>testLogicalOr(21)</code> должен возвращать «Outside»
+    testString: 'assert(testLogicalOr(21) === "Outside", "<code>testLogicalOr(21)</code> should return "Outside"");'
+  - text: <code>testLogicalOr(25)</code> должен возвращать &quot;Outside&quot;
+    testString: 'assert(testLogicalOr(25) === "Outside", "<code>testLogicalOr(25)</code> should return "Outside"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testLogicalOr(val) {
+  // Only change code below this line
+
+  if (val) {
+    return "Outside";
+  }
+
+  if (val) {
+    return "Outside";
+  }
+
+  // Only change code above this line
+  return "Inside";
+}
+
+// Change this value to test
+testLogicalOr(15);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-addition.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-addition.russian.md
new file mode 100644
index 0000000000..f5a4dc0109
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-addition.russian.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244af
+title: Compound Assignment With Augmented Addition
+challengeType: 1
+videoUrl: ''
+localeTitle: Соединение с добавленным дополнением
+---
+
+## Description
+<section id="description"> В программировании обычно используются назначения для изменения содержимого переменной. Помните, что все справа от знака равенства оценивается первым, поэтому мы можем сказать: <code>myVar = myVar + 5;</code> добавить <code>5</code> к <code>myVar</code> . Поскольку это такая общая схема, существуют операторы, которые выполняют как математическую операцию, так и назначение за один шаг. Одним из таких операторов является оператор <code>+=</code> . <blockquote> var myVar = 1; <br> myVar + = 5; <br> console.log (MyVar); // Возвращает 6 </blockquote></section>
+
+## Instructions
+<section id="instructions"> Преобразуйте назначения для <code>a</code> , <code>b</code> и <code>c</code> чтобы использовать оператор <code>+=</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>a</code> должно равняться <code>15</code>
+    testString: 'assert(a === 15, "<code>a</code> should equal <code>15</code>");'
+  - text: <code>b</code> должно равняться <code>26</code>
+    testString: 'assert(b === 26, "<code>b</code> should equal <code>26</code>");'
+  - text: <code>c</code> должно равняться <code>19</code>
+    testString: 'assert(c === 19, "<code>c</code> should equal <code>19</code>");'
+  - text: Вы должны использовать оператор <code>+=</code> для каждой переменной
+    testString: 'assert(code.match(/\+=/g).length === 3, "You should use the <code>+=</code> operator for each variable");'
+  - text: Не изменяйте код над строкой
+    testString: 'assert(/var a = 3;/.test(code) && /var b = 17;/.test(code) && /var c = 12;/.test(code), "Do not modify the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var a = 3;
+var b = 17;
+var c = 12;
+
+// Only modify code below this line
+
+a = a + 12;
+b = 9 + b;
+c = c + 7;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division.russian.md
new file mode 100644
index 0000000000..4acb339ef9
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division.russian.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244b2
+title: Compound Assignment With Augmented Division
+challengeType: 1
+videoUrl: ''
+localeTitle: Соединение с расширенным подразделением
+---
+
+## Description
+<section id="description"> Оператор <code>/=</code> делит переменную на другое число. <code>myVar = myVar / 5;</code> <code>myVar</code> на <code>5</code> . Это можно переписать как: <code>myVar /= 5;</code> </section>
+
+## Instructions
+<section id="instructions"> Преобразуйте присвоения для <code>a</code> , <code>b</code> и <code>c</code> для использования оператора <code>/=</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>a</code> должно равняться <code>4</code>
+    testString: 'assert(a === 4, "<code>a</code> should equal <code>4</code>");'
+  - text: <code>b</code> должно равняться <code>27</code>
+    testString: 'assert(b === 27, "<code>b</code> should equal <code>27</code>");'
+  - text: <code>c</code> должно равняться <code>3</code>
+    testString: 'assert(c === 3, "<code>c</code> should equal <code>3</code>");'
+  - text: Вы должны использовать оператор <code>/=</code> для каждой переменной
+    testString: 'assert(code.match(/\/=/g).length === 3, "You should use the <code>/=</code> operator for each variable");'
+  - text: Не изменяйте код над строкой
+    testString: 'assert(/var a = 48;/.test(code) && /var b = 108;/.test(code) && /var c = 33;/.test(code), "Do not modify the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var a = 48;
+var b = 108;
+var c = 33;
+
+// Only modify code below this line
+
+a = a / 12;
+b = b / 4;
+c = c / 11;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication.russian.md
new file mode 100644
index 0000000000..742f198ecc
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication.russian.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244b1
+title: Compound Assignment With Augmented Multiplication
+challengeType: 1
+videoUrl: ''
+localeTitle: Соединение с расширенным умножением
+---
+
+## Description
+<section id="description"> Оператор <code>*=</code> умножает переменную на число. <code>myVar = myVar * 5;</code> умножит <code>myVar</code> на <code>5</code> . Это можно переписать как: <code>myVar *= 5;</code> </section>
+
+## Instructions
+<section id="instructions"> Преобразуйте присвоения для <code>a</code> , <code>b</code> и <code>c</code> чтобы использовать оператор <code>*=</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>a</code> должно равняться <code>25</code>
+    testString: 'assert(a === 25, "<code>a</code> should equal <code>25</code>");'
+  - text: <code>b</code> должно равняться <code>36</code>
+    testString: 'assert(b === 36, "<code>b</code> should equal <code>36</code>");'
+  - text: <code>c</code> должно равняться <code>46</code>
+    testString: 'assert(c === 46, "<code>c</code> should equal <code>46</code>");'
+  - text: Вы должны использовать оператор <code>*=</code> для каждой переменной
+    testString: 'assert(code.match(/\*=/g).length === 3, "You should use the <code>*=</code> operator for each variable");'
+  - text: Не изменяйте код над строкой
+    testString: 'assert(/var a = 5;/.test(code) && /var b = 12;/.test(code) && /var c = 4\.6;/.test(code), "Do not modify the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var a = 5;
+var b = 12;
+var c = 4.6;
+
+// Only modify code below this line
+
+a = a * 5;
+b = 3 * b;
+c = c * 10;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-subtraction.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-subtraction.russian.md
new file mode 100644
index 0000000000..54c136178d
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-subtraction.russian.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244b0
+title: Compound Assignment With Augmented Subtraction
+challengeType: 1
+videoUrl: ''
+localeTitle: Соединение с расширенной вычитанием
+---
+
+## Description
+<section id="description"> Как и оператор <code>+=</code> , <code>-=</code> вычитает число из переменной. <code>myVar = myVar - 5;</code> вычитает <code>5</code> из <code>myVar</code> . Это можно переписать как: <code>myVar -= 5;</code> </section>
+
+## Instructions
+<section id="instructions"> Преобразуйте присвоения для <code>a</code> , <code>b</code> и <code>c</code> для использования оператора <code>-=</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>a</code> должно равняться <code>5</code>
+    testString: 'assert(a === 5, "<code>a</code> should equal <code>5</code>");'
+  - text: <code>b</code> должно равняться <code>-6</code>
+    testString: 'assert(b === -6, "<code>b</code> should equal <code>-6</code>");'
+  - text: <code>c</code> должно равняться <code>2</code>
+    testString: 'assert(c === 2, "<code>c</code> should equal <code>2</code>");'
+  - text: Вы должны использовать оператор <code>-=</code> для каждой переменной
+    testString: 'assert(code.match(/-=/g).length === 3, "You should use the <code>-=</code> operator for each variable");'
+  - text: Не изменяйте код над строкой
+    testString: 'assert(/var a = 11;/.test(code) && /var b = 9;/.test(code) && /var c = 3;/.test(code), "Do not modify the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var a = 11;
+var b = 9;
+var c = 3;
+
+// Only modify code below this line
+
+a = a - 6;
+b = b - 15;
+c = c - 1;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-plus-operator.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-plus-operator.russian.md
new file mode 100644
index 0000000000..6165c6d397
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-plus-operator.russian.md
@@ -0,0 +1,68 @@
+---
+id: 56533eb9ac21ba0edf2244b7
+title: Concatenating Strings with Plus Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Конкатенация строк с помощью оператора Plus
+---
+
+## Description
+<section id="description"> В JavaScript, когда оператор <code>+</code> используется со значением <code>String</code> , он называется оператором <dfn>конкатенации</dfn> . Вы можете создать новую строку из других строк путем <dfn>конкатенации</dfn> их вместе. <strong>пример</strong> <blockquote> «Меня зовут Алан, +, я конкатенирую». </blockquote> <strong>Заметка</strong> <br> Следите за пробелами. Конкатенация не добавляет пробелов между конкатенированными строками, поэтому вам нужно будет добавить их самостоятельно. </section>
+
+## Instructions
+<section id="instructions"> Создайте <code>myStr</code> из строк <code>&quot;This is the start. &quot;</code> и <code>&quot;This is the end.&quot;</code> используя оператор <code>+</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myStr</code> должен иметь значение <code>This is the start. This is the end.</code>
+    testString: 'assert(myStr === "This is the start. This is the end.", "<code>myStr</code> should have a value of <code>This is the start. This is the end.</code>");'
+  - text: Используйте оператор <code>+</code> для создания <code>myStr</code>
+    testString: 'assert(code.match(/([""]).*([""])\s*\+\s*([""]).*([""])/g).length > 1, "Use the <code>+</code> operator to build <code>myStr</code>");'
+  - text: <code>myStr</code> должен быть создан с использованием ключевого слова <code>var</code> .
+    testString: 'assert(/var\s+myStr/.test(code), "<code>myStr</code> should be created using the <code>var</code> keyword.");'
+  - text: Обязательно присвойте результат переменной <code>myStr</code> .
+    testString: 'assert(/myStr\s*=/.test(code), "Make sure to assign the result to the <code>myStr</code> variable.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourStr = "I come first. " + "I come second.";
+
+// Only change code below this line
+
+var myStr;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.russian.md
new file mode 100644
index 0000000000..a3b25eec4a
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.russian.md
@@ -0,0 +1,65 @@
+---
+id: 56533eb9ac21ba0edf2244b8
+title: Concatenating Strings with the Plus Equals Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Объединение строк с помощью оператора Plus Equals
+---
+
+## Description
+<section id="description"> Мы также можем использовать оператор <code>+=</code> для <dfn>конкатенации</dfn> строки в конец существующей строковой переменной. Это может быть очень полезно для разбиения длинной строки на несколько строк. <strong>Заметка</strong> <br> Следите за пробелами. Конкатенация не добавляет пробелов между конкатенированными строками, поэтому вам нужно будет добавить их самостоятельно. </section>
+
+## Instructions
+<section id="instructions"> Постройте <code>myStr</code> в нескольких строках, <code>myStr</code> эти две строки: <code>&quot;This is the first sentence. &quot;</code> и <code>&quot;This is the second sentence.&quot;</code> используя оператор <code>+=</code> . Используйте оператор <code>+=</code> аналогичный тому, как он отображается в редакторе. Начните с назначения первой строки <code>myStr</code> , затем добавьте вторую строку. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myStr</code> должно иметь значение <code>This is the first sentence. This is the second sentence.</code>
+    testString: 'assert(myStr === "This is the first sentence. This is the second sentence.", "<code>myStr</code> should have a value of <code>This is the first sentence. This is the second sentence.</code>");'
+  - text: Используйте оператор <code>+=</code> для создания <code>myStr</code>
+    testString: 'assert(code.match(/\w\s*\+=\s*[""]/g).length > 1 && code.match(/\w\s*\=\s*[""]/g).length > 1, "Use the <code>+=</code> operator to build <code>myStr</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourStr = "I come first. ";
+ourStr += "I come second.";
+
+// Only change code below this line
+
+var myStr;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/constructing-strings-with-variables.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/constructing-strings-with-variables.russian.md
new file mode 100644
index 0000000000..ce3c578140
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/constructing-strings-with-variables.russian.md
@@ -0,0 +1,65 @@
+---
+id: 56533eb9ac21ba0edf2244b9
+title: Constructing Strings with Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: Построение строк с переменными
+---
+
+## Description
+<section id="description"> Иногда вам нужно будет создать строку, стиль <a href="https://en.wikipedia.org/wiki/Mad_Libs" target="_blank">Mad Libs</a> . Используя оператор конкатенации ( <code>+</code> ), вы можете вставить одну или несколько переменных в строку, которую вы строите. </section>
+
+## Instructions
+<section id="instructions"> Установите <code>myName</code> в строку, равную вашему имени, и создайте <code>myStr</code> с <code>myName</code> между строками <code>&quot;My name is &quot;</code> и <code>&quot; and I am well!&quot;</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myName</code> должен быть установлен в строку длиной не менее 3 символов
+    testString: 'assert(typeof myName !== "undefined" && myName.length > 2, "<code>myName</code> should be set to a string at least 3 characters long");'
+  - text: Используйте два <code>+</code> оператора для сборки <code>myStr</code> с <code>myName</code> внутри него
+    testString: 'assert(code.match(/[""]\s*\+\s*myName\s*\+\s*[""]/g).length > 0, "Use two <code>+</code> operators to build <code>myStr</code> with <code>myName</code> inside it");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourName = "freeCodeCamp";
+var ourStr = "Hello, our name is " + ourName + ", how are you?";
+
+// Only change code below this line
+var myName;
+var myStr;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop.russian.md
new file mode 100644
index 0000000000..11abbef828
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop.russian.md
@@ -0,0 +1,71 @@
+---
+id: 56105e7b514f539506016a5e
+title: Count Backwards With a For Loop
+challengeType: 1
+videoUrl: ''
+localeTitle: Count Backwards с помощью цикла
+---
+
+## Description
+<section id="description"> Цикл for также может рассчитывать назад, пока мы можем определить правильные условия. Для того, чтобы пересчитать назад два раза, нам нужно изменить нашу <code>initialization</code> , <code>condition</code> и <code>final-expression</code> . Мы начнем с <code>i = 10</code> и цикл, пока <code>i &gt; 0</code> . Мы будем уменьшать <code>i</code> на 2 каждый цикл с <code>i -= 2</code> . <blockquote> var ourArray = []; <br> для (var i = 10; i&gt; 0; i- = 2) { <br> ourArray.push (я); <br> } </blockquote> <code>ourArray</code> будет содержать <code>[10,8,6,4,2]</code> . Давайте изменим нашу <code>initialization</code> и <code>final-expression</code> чтобы мы могли рассчитывать назад на два по нечетным числам. </section>
+
+## Instructions
+<section id="instructions"> Нажимайте нечетные числа от 9 до 1 в <code>myArray</code> используя цикл <code>for</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вы должны использовать <code>for</code> петли для этого.
+    testString: 'assert(code.match(/for\s*\(/g).length > 1, "You should be using a <code>for</code> loop for this.");'
+  - text: Вы должны использовать метод массива <code>push</code> .
+    testString: 'assert(code.match(/myArray.push/), "You should be using the array method <code>push</code>.");'
+  - text: '<code>myArray</code> должен быть равен <code>[9,7,5,3,1]</code> .'
+    testString: 'assert.deepEqual(myArray, [9,7,5,3,1], "<code>myArray</code> should equal <code>[9,7,5,3,1]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [];
+
+for (var i = 10; i > 0; i -= 2) {
+  ourArray.push(i);
+}
+
+// Setup
+var myArray = [];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.russian.md
new file mode 100644
index 0000000000..4e66d8da61
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.russian.md
@@ -0,0 +1,74 @@
+---
+id: 565bbe00e9cc8ac0725390f4
+title: Counting Cards
+challengeType: 1
+videoUrl: ''
+localeTitle: Счетные карточки
+---
+
+## Description
+<section id="description"> В игре Blackjack в казино игрок может получить преимущество над домом, отслеживая относительное количество высоких и низких карт, оставшихся в колоде. Это называется <a href="https://en.wikipedia.org/wiki/Card_counting" target="_blank">подсчет карт</a> . Наличие более высоких карт, оставшихся в колоде, способствует игроку. Каждой карте присваивается значение в соответствии с приведенной ниже таблицей. Когда счет положителен, игрок должен делать ставки на высокий уровень. Когда счетчик равен нулю или отрицателен, игрок должен делать ставки на низком уровне. <table class="table table-striped"><thead><tr><th> Изменить счет </th><th> Карты </th></tr></thead><tbody><tr><td> +1 </td><td> 2, 3, 4, 5, 6 </td></tr><tr><td> 0 </td><td> 7, 8, 9 </td></tr><tr><td> -1 </td><td> 10, &#39;J&#39;, &#39;Q&#39;, &#39;K&#39;, &#39;A&#39; </td></tr></tbody></table> Вы будете писать функцию подсчета карт. Он получит параметр <code>card</code> , который может быть числом или строкой, и увеличивать или уменьшать глобальную переменную <code>count</code> соответствии с значением карты (см. Таблицу). Затем функция вернет строку с текущим счетчиком и строкой <code>Bet</code> если счетчик положителен, или <code>Hold</code> если счетчик равен нулю или отрицателен. Текущий счетчик и решение игрока ( <code>Bet</code> или <code>Hold</code> ) должны быть разделены одним пробелом. <strong>Пример вывода</strong> <br> <code>-3 Hold</code> <br> <code>5 Bet</code> <strong>подсказок</strong> <code>5 Bet</code> <br> НЕ сбрасывайте <code>count</code> до 0, когда значение равно 7, 8 или 9. <br> НЕ возвращать массив. <br> НЕ включайте в выход кавычки (одиночные или двойные). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Последовательность карт 2, 3, 4, 5, 6 должна вернуть <code>5 Bet</code>'
+    testString: 'assert((function(){ count = 0; cc(2);cc(3);cc(4);cc(5);var out = cc(6); if(out === "5 Bet") {return true;} return false; })(), "Cards Sequence 2, 3, 4, 5, 6 should return <code>5 Bet</code>");'
+  - text: 'Последовательность карт 7, 8, 9 должна возвращаться <code>0 Hold</code>'
+    testString: 'assert((function(){ count = 0; cc(7);cc(8);var out = cc(9); if(out === "0 Hold") {return true;} return false; })(), "Cards Sequence 7, 8, 9 should return <code>0 Hold</code>");'
+  - text: 'Последовательность карточек 10, J, Q, K, A должна возвращать <code>-5 Hold</code>'
+    testString: 'assert((function(){ count = 0; cc(10);cc("J");cc("Q");cc("K");var out = cc("A"); if(out === "-5 Hold") {return true;} return false; })(), "Cards Sequence 10, J, Q, K, A should return <code>-5 Hold</code>");'
+  - text: 'Последовательность карт 3, 7, Q, 8, A должна возвращать <code>-1 Hold</code>'
+    testString: 'assert((function(){ count = 0; cc(3);cc(7);cc("Q");cc(8);var out = cc("A"); if(out === "-1 Hold") {return true;} return false; })(), "Cards Sequence 3, 7, Q, 8, A should return <code>-1 Hold</code>");'
+  - text: 'Последовательность карт 2, J, 9, 2, 7 должна вернуть <code>1 Bet</code>'
+    testString: 'assert((function(){ count = 0; cc(2);cc("J");cc(9);cc(2);var out = cc(7); if(out === "1 Bet") {return true;} return false; })(), "Cards Sequence 2, J, 9, 2, 7 should return <code>1 Bet</code>");'
+  - text: 'Последовательность карт 2, 2, 10 должна вернуть <code>1 Bet</code>'
+    testString: 'assert((function(){ count = 0; cc(2);cc(2);var out = cc(10); if(out === "1 Bet") {return true;} return false; })(), "Cards Sequence 2, 2, 10 should return <code>1 Bet</code>");'
+  - text: 'Последовательность карт 3, 2, A, 10, K должна возвращать <code>-1 Hold</code>'
+    testString: 'assert((function(){ count = 0; cc(3);cc(2);cc("A");cc(10);var out = cc("K"); if(out === "-1 Hold") {return true;} return false; })(), "Cards Sequence 3, 2, A, 10, K should return <code>-1 Hold</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var count = 0;
+
+function cc(card) {
+  // Only change code below this line
+
+
+  return "Change Me";
+  // Only change code above this line
+}
+
+// Add/remove calls to test your function.
+// Note: Only the last will display
+cc(2); cc(3); cc(7); cc('K'); cc('A');
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/create-decimal-numbers-with-javascript.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/create-decimal-numbers-with-javascript.russian.md
new file mode 100644
index 0000000000..64d9dd6aba
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/create-decimal-numbers-with-javascript.russian.md
@@ -0,0 +1,61 @@
+---
+id: cf1391c1c11feddfaeb4bdef
+title: Create Decimal Numbers with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Создание десятичных чисел с помощью JavaScript
+---
+
+## Description
+<section id="description"> Мы также можем хранить десятичные числа в переменных. Десятичные числа иногда называются <dfn>числами с плавающей запятой</dfn> или <dfn>поплавками</dfn> . <strong>Заметка</strong> <br> Не все реальные числа могут быть точно представлены в <dfn>плавающей точке</dfn> . Это может привести к ошибкам округления. <a href="https://en.wikipedia.org/wiki/Floating_point#Accuracy_problems" target="_blank">Подробности здесь</a> . </section>
+
+## Instructions
+<section id="instructions"> Создайте переменную <code>myDecimal</code> и дайте ей десятичное значение с дробной частью (например, <code>5.7</code> ). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myDecimal</code> должен быть числом.
+    testString: 'assert(typeof myDecimal === "number", "<code>myDecimal</code> should be a number.");'
+  - text: <code>myDecimal</code> должен иметь десятичную точку
+    testString: 'assert(myDecimal % 1 != 0, "<code>myDecimal</code> should have a decimal point"); '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var ourDecimal = 5.7;
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.russian.md
new file mode 100644
index 0000000000..1a050c261e
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.russian.md
@@ -0,0 +1,60 @@
+---
+id: bd7123c9c443eddfaeb5bdef
+title: Declare JavaScript Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: Объявление переменных JavaScript
+---
+
+## Description
+<section id="description"> В информатике <dfn>данные</dfn> - это все, что имеет значение для компьютера. JavaScript предоставляет семь разных <dfn>типов данных,</dfn> которые являются <code>undefined</code> , <code>null</code> , <code>boolean</code> , <code>string</code> , <code>symbol</code> , <code>number</code> и <code>object</code> . Например, компьютеры различают числа, такие как число <code>12</code> и <code>strings</code> , такие как <code>&quot;12&quot;</code> , <code>&quot;dog&quot;</code> или <code>&quot;123 cats&quot;</code> , которые представляют собой коллекции символов. Компьютеры могут выполнять математические операции над числом, но не по строке. <dfn>Переменные</dfn> позволяют компьютерам хранить и манипулировать данными динамически. Они делают это, используя «метку», чтобы указывать на данные, а не на использование самих данных. Любой из семи типов данных может быть сохранен в переменной. <code>Variables</code> аналогичны <code>Variables</code> x и y, которые вы используете в математике, что означает, что они простое имя для представления данных, к которым мы хотим обратиться. Компьютерные <code>variables</code> отличаются от математических переменных тем, что они могут хранить разные значения в разное время. Мы говорим JavaScript, чтобы создать или <dfn>объявить</dfn> переменную, поставив перед ним ключевое слово <code>var</code> , например: <blockquote> var ourName; </blockquote> создает <code>variable</code> именем <code>ourName</code> . В JavaScript мы заканчиваем операторы точкой с запятой. Имена <code>Variable</code> могут состоять из чисел, букв и <code>$</code> или <code>_</code> , но могут не содержать пробелов или начинаться с числа. </section>
+
+## Instructions
+<section id="instructions"> Используйте ключевое слово <code>var</code> для создания переменной <code>myName</code> . <strong>намек</strong> <br> Посмотрите на пример <code>ourName</code> если вы застряли. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Вы должны объявить <code>myName</code> с ключевым словом <code>var</code> , заканчивающимся точкой с запятой'
+    testString: 'assert(/var\s+myName\s*;/.test(code), "You should declare <code>myName</code> with the <code>var</code> keyword, ending with a semicolon");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourName;
+
+// Declare myName below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.russian.md
new file mode 100644
index 0000000000..c60de29c6c
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.russian.md
@@ -0,0 +1,63 @@
+---
+id: bd7123c9c444eddfaeb5bdef
+title: Declare String Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: Объявлять строковые переменные
+---
+
+## Description
+<section id="description"> Раньше мы использовали код <code>var myName = &quot;your name&quot;;</code> <code>&quot;your name&quot;</code> называется <dfn>строковым</dfn> <dfn>литералом</dfn> . Это строка, потому что это серия из нуля или более символов, заключенных в одинарные или двойные кавычки. </section>
+
+## Instructions
+<section id="instructions"> Создайте две новые <code>string</code> переменные: <code>myFirstName</code> и <code>myLastName</code> и присвойте им значения вашего первого и последнего имени, соответственно. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myFirstName</code> должно быть строкой с хотя бы одним символом.
+    testString: 'assert((function(){if(typeof myFirstName !== "undefined" && typeof myFirstName === "string" && myFirstName.length > 0){return true;}else{return false;}})(), "<code>myFirstName</code> should be a string with at least one character in it.");'
+  - text: <code>myLastName</code> должно быть строкой с хотя бы одним символом.
+    testString: 'assert((function(){if(typeof myLastName !== "undefined" && typeof myLastName === "string" && myLastName.length > 0){return true;}else{return false;}})(), "<code>myLastName</code> should be a string with at least one character in it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstName = "Alan";
+var lastName = "Turing";
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.russian.md
new file mode 100644
index 0000000000..d790218112
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.russian.md
@@ -0,0 +1,66 @@
+---
+id: 56533eb9ac21ba0edf2244ad
+title: Decrement a Number with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Уменьшить число с помощью JavaScript
+---
+
+## Description
+<section id="description"> Вы можете легко <dfn>уменьшать</dfn> или уменьшить переменную на один с <code>--</code> оператором. <code>i--;</code> эквивалентно <code>i = i - 1;</code> <strong>Заметка</strong> <br> Вся строка становится <code>i--;</code> , устраняя необходимость равенства знака. </section>
+
+## Instructions
+<section id="instructions"> Измените код на использование оператора <code>--</code> на <code>myVar</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myVar</code> должен равняться <code>10</code>
+    testString: 'assert(myVar === 10, "<code>myVar</code> should equal <code>10</code>");'
+  - text: <code>myVar = myVar - 1;</code> следует изменить
+    testString: 'assert(/var\s*myVar\s*=\s*11;\s*\/*.*\s*([-]{2}\s*myVar|myVar\s*[-]{2});/.test(code), "<code>myVar = myVar - 1;</code> should be changed");'
+  - text: Используйте <code>--</code> оператор на <code>myVar</code>
+    testString: 'assert(/[-]{2}\s*myVar|myVar\s*[-]{2}/.test(code), "Use the <code>--</code> operator on <code>myVar</code>");'
+  - text: Не меняйте код над строкой
+    testString: 'assert(/var myVar = 11;/.test(code), "Do not change code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myVar = 11;
+
+// Only change code below this line
+myVar = myVar - 1;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.russian.md
new file mode 100644
index 0000000000..598d585c3a
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.russian.md
@@ -0,0 +1,79 @@
+---
+id: 56bbb991ad1ed5201cd392d3
+title: Delete Properties from a JavaScript Object
+challengeType: 1
+videoUrl: ''
+localeTitle: Удаление свойств из объекта JavaScript
+---
+
+## Description
+<section id="description"> Мы также можем удалить свойства из таких объектов: <code>delete ourDog.bark;</code> </section>
+
+## Instructions
+<section id="instructions"> Удалите свойство <code>&quot;tails&quot;</code> из <code>myDog</code> . Вы можете использовать либо точечную, либо скобку. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Удалите свойство <code>&quot;tails&quot;</code> из <code>myDog</code> .
+    testString: 'assert(typeof myDog === "object" && myDog.tails === undefined, "Delete the property <code>"tails"</code> from <code>myDog</code>.");'
+  - text: Не изменяйте настройку <code>myDog</code>
+    testString: 'assert(code.match(/"tails": 1/g).length > 1, "Do not modify the <code>myDog</code> setup");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"],
+  "bark": "bow-wow"
+};
+
+delete ourDog.bark;
+
+// Setup
+var myDog = {
+  "name": "Happy Coder",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["freeCodeCamp Campers"],
+  "bark": "woof"
+};
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.russian.md
new file mode 100644
index 0000000000..68b86d0956
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.russian.md
@@ -0,0 +1,61 @@
+---
+id: bd7993c9ca9feddfaeb7bdef
+title: Divide One Decimal by Another with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Разделить одно десятичное на другое с помощью JavaScript
+---
+
+## Description
+<section id="description"> Теперь давайте разделим одно десятичное на другое. </section>
+
+## Instructions
+<section id="instructions"> Измените <code>0.0</code> так, чтобы <code>quotient</code> равен <code>2.2</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Переменный <code>quotient</code> должен равняться <code>2.2</code>
+    testString: 'assert(quotient === 2.2, "The variable <code>quotient</code> should equal <code>2.2</code>");'
+  - text: Вы должны использовать оператор <code>/</code> для разделения 4.4 на 2
+    testString: 'assert(/4\.40*\s*\/\s*2\.*0*/.test(code), "You should use the <code>/</code> operator to divide 4.4 by 2");'
+  - text: Значение переменной следует присваивать только один раз
+    testString: 'assert(code.match(/quotient/g).length === 1, "The quotient variable should only be assigned once");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var quotient = 0.0 / 2.0; // Fix this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.russian.md
new file mode 100644
index 0000000000..a36d0cf094
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.russian.md
@@ -0,0 +1,59 @@
+---
+id: cf1111c1c11feddfaeb6bdef
+title: Divide One Number by Another with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Разделите одно число другим с помощью JavaScript
+---
+
+## Description
+<section id="description"> Мы также можем разделить одно число на другое. JavaScript использует символ <code>/</code> для деления. <p> <strong>пример</strong> </p><blockquote> myVar = 16/2; // присвоено 8 </blockquote></section>
+
+## Instructions
+<section id="instructions"> Измените значение <code>0</code> так, чтобы <code>quotient</code> был равен <code>2</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Сделайте переменное <code>quotient</code> равным 2.
+    testString: 'assert(quotient === 2, "Make the variable <code>quotient</code> equal to 2.");'
+  - text: Используйте оператор <code>/</code>
+    testString: 'assert(/\d+\s*\/\s*\d+/.test(code), "Use the <code>/</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var quotient = 66 / 0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.russian.md
new file mode 100644
index 0000000000..8077baef32
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.russian.md
@@ -0,0 +1,67 @@
+---
+id: 56533eb9ac21ba0edf2244b6
+title: Escape Sequences in Strings
+challengeType: 1
+videoUrl: ''
+localeTitle: Последовательности выхода в строках
+---
+
+## Description
+<section id="description"> Цитаты не являются единственными символами, которые могут быть <dfn>экранированы</dfn> внутри строки. Существует две причины использования экранирующих символов: во-первых, чтобы вы могли использовать символы, которые вы в противном случае не могли бы вывести, например, backspace. Во-вторых, вы можете представить несколько кавычек в строке без неправильного толкования JavaScript, что вы имеете в виду. Мы узнали об этом в предыдущей задаче. <table class="table table-striped"><thead><tr><th> Код </th><th> Вывод </th></tr></thead><tbody><tr><td> <code>\&#39;</code> </td> <td> одиночная цитата </td></tr><tr><td> <code>\&quot;</code> </td> <td> двойная цитата </td></tr><tr><td> <code>\\</code> </td> <td> обратный слэш </td></tr><tr><td> <code>\n</code> </td> <td> новая линия </td></tr><tr><td> <code>\r</code> </td> <td> возврат каретки </td></tr><tr><td> <code>\t</code> </td> <td> табуляция </td></tr><tr><td> <code>\b</code> </td> <td> возврат на одну позицию </td></tr><tr><td> <code>\f</code> </td> <td> форма подачи </td></tr></tbody></table> <em>Обратите внимание, что обратная косая черта должна быть экранирована, чтобы отображать ее как обратную косую черту.</em> </section>
+
+## Instructions
+<section id="instructions"> Назначьте следующие три строки текста в единственную переменную <code>myStr</code> используя escape-последовательности. <blockquote> Первая линия <br> \Вторая линия <br> ThirdLine </blockquote> Для правильной вставки специальных символов вам необходимо использовать escape-последовательности. Вам также нужно будет следить за интервалом, как он выглядит выше, без пробелов между escape-последовательностями или словами. Вот текст с выведенными escape-последовательностями. <q>FirstLine <code>newline</code> <code>tab</code> <code>backslash</code> второй</q> линии <q><code>newline</code> ThirdLine</q> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myStr</code> не должен содержать пробелов
+    testString: 'assert(!/ /.test(myStr), "<code>myStr</code> should not contain any spaces");'
+  - text: '<code>myStr</code> должен содержать строки <code>FirstLine</code> , <code>SecondLine</code> и <code>ThirdLine</code> (помните о чувствительности к регистру)'
+    testString: 'assert(/FirstLine/.test(myStr) && /SecondLine/.test(myStr) && /ThirdLine/.test(myStr), "<code>myStr</code> should contain the strings <code>FirstLine</code>, <code>SecondLine</code> and <code>ThirdLine</code> (remember case sensitivity)");'
+  - text: <code>FirstLine</code> должен следовать символ новой строки <code>\n</code>
+    testString: 'assert(/FirstLine\n/.test(myStr), "<code>FirstLine</code> should be followed by the newline character <code>\n</code>");'
+  - text: <code>myStr</code> должен содержать символ табуляции <code>\t</code> который следует за символом новой строки
+    testString: 'assert(/\n\t/.test(myStr), "<code>myStr</code> should contain a tab character <code>\t</code> which follows a newline character");'
+  - text: <code>SecondLine</code> должен предшествовать символ обратной косой черты <code>\\</code>
+    testString: 'assert(/\SecondLine/.test(myStr), "<code>SecondLine</code> should be preceded by the backslash character <code>\\</code>");'
+  - text: Должен быть символ новой строки между <code>SecondLine</code> и <code>ThirdLine</code>
+    testString: 'assert(/SecondLine\nThirdLine/.test(myStr), "There should be a newline character between <code>SecondLine</code> and <code>ThirdLine</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myStr; // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/escaping-literal-quotes-in-strings.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/escaping-literal-quotes-in-strings.russian.md
new file mode 100644
index 0000000000..4e70fe30a0
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/escaping-literal-quotes-in-strings.russian.md
@@ -0,0 +1,59 @@
+---
+id: 56533eb9ac21ba0edf2244b5
+title: Escaping Literal Quotes in Strings
+challengeType: 1
+videoUrl: ''
+localeTitle: Исключение буквенных котировок в строках
+---
+
+## Description
+<section id="description"> Когда вы определяете строку, вы должны начинать и заканчивать одиночную или двойную кавычку. Что происходит, когда вам нужна буквальная цитата: <code>&quot;</code> или <code>&#39;</code> внутри вашей строки? В JavaScript вы можете <dfn>избежать</dfn> цитаты, рассматривая ее как конец строки, помещая <dfn>обратную косую черту</dfn> ( <code>\</code> ) перед цитатой. <code>var sampleStr = &quot;Alan said, \&quot;Peter is learning JavaScript\&quot;.&quot;;</code> Это сигнализирует JavaScript, что следующая цитата не является концом строки, но должна появляться внутри строки. Поэтому, если вы должны были напечатать это на консоли, вы бы получили: <code>Alan said, &quot;Peter is learning JavaScript&quot;.</code> </section>
+
+## Instructions
+<section id="instructions"> Используйте <dfn>обратную косую черту,</dfn> чтобы назначить строку переменной <code>myStr</code> чтобы, если вы должны были ее распечатать на консоль, вы увидите: « <code>I am a &quot;double quoted&quot; string inside &quot;double quotes&quot;.</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вы должны использовать две двойные кавычки ( <code>&quot;</code> ) и четыре сэкономленные двойные кавычки ( <code>\&quot;</code> ).
+    testString: 'assert(code.match(/\\"/g).length === 4 && code.match(/[^\\]"/g).length === 2, "You should use two double quotes (<code>&quot;</code>) and four escaped double quotes (<code>&#92;&quot;</code>).");'
+  - text: 'Переменная myStr должна содержать строку: <code>I am a &quot;double quoted&quot; string inside &quot;double quotes&quot;.</code>'
+    testString: 'assert(myStr === "I am a \"double quoted\" string inside \"double quotes\".", "Variable myStr should contain the string: <code>I am a "double quoted" string inside "double quotes".</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myStr = ""; // Change this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.russian.md
new file mode 100644
index 0000000000..071f0aaee0
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.russian.md
@@ -0,0 +1,71 @@
+---
+id: bd7123c9c448eddfaeb5bdef
+title: Find the Length of a String
+challengeType: 1
+videoUrl: ''
+localeTitle: Найти длину строки
+---
+
+## Description
+<section id="description"> Вы можете найти длину значения <code>String</code> , написав <code>.length</code> после строковой переменной или строкового литерала. <code>&quot;Alan Peter&quot;.length; // 10</code> Например, если мы создали переменную <code>var firstName = &quot;Charles&quot;</code> , мы могли бы узнать, как долго строка <code>&quot;Charles&quot;</code> используется с использованием свойства <code>firstName.length</code> . </section>
+
+## Instructions
+<section id="instructions"> Используйте свойство <code>.length</code> чтобы подсчитать количество символов в переменной <code>lastName</code> и назначить его <code>lastNameLength</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>lastNameLength</code> должно быть равно восьми.
+    testString: 'assert((function(){if(typeof lastNameLength !== "undefined" && typeof lastNameLength === "number" && lastNameLength === 8){return true;}else{return false;}})(), "<code>lastNameLength</code> should be equal to eight.");'
+  - text: 'Вы должны получить длину <code>lastName</code> , используя <code>.length</code> как это: <code>lastName.length</code> .'
+    testString: 'assert((function(){if(code.match(/\.length/gi) && code.match(/\.length/gi).length >= 2 && code.match(/var lastNameLength \= 0;/gi) && code.match(/var lastNameLength \= 0;/gi).length >= 1){return true;}else{return false;}})(), "You should be getting the length of <code>lastName</code> by using <code>.length</code> like this: <code>lastName.length</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstNameLength = 0;
+var firstName = "Ada";
+
+firstNameLength = firstName.length;
+
+// Setup
+var lastNameLength = 0;
+var lastName = "Lovelace";
+
+// Only change code below this line.
+
+lastNameLength = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.russian.md
new file mode 100644
index 0000000000..d2cc3d5e81
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.russian.md
@@ -0,0 +1,63 @@
+---
+id: 56533eb9ac21ba0edf2244ae
+title: Finding a Remainder in JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Поиск остатка в JavaScript
+---
+
+## Description
+<section id="description"> Оператор <dfn>остатка</dfn> <code>%</code> дает остаток от деления двух чисел. <strong>пример</strong> <blockquote> 5% 2 = 1, потому что <br> Math.floor (5/2) = 2 (Quotient) <br> 2 * 2 = 4 <br> 5 - 4 = 1 (Остаток) </blockquote> <strong>Применение</strong> <br> В математике число может быть проверено как четное или нечетное, проверяя остаток от деления числа на <code>2</code> . <blockquote> 17% 2 = 1 (17 - нечетное) <br> 48% 2 = 0 (48 равно) </blockquote> <strong>Заметка</strong> <br> Оператор <dfn>остатка</dfn> иногда некорректно называют оператором «модуль». Он очень похож на модуль, но не работает должным образом с отрицательными числами. </section>
+
+## Instructions
+<section id="instructions"> Установите <code>remainder</code> равный остальной части <code>11</code> деленной на <code>3</code> используя оператор <dfn>остатка</dfn> ( <code>%</code> ). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>remainder</code> переменной должен быть инициализирован
+    testString: 'assert(/var\s+?remainder/.test(code), "The variable <code>remainder</code> should be initialized");'
+  - text: Стоимость <code>remainder</code> должна быть равна <code>2</code>
+    testString: 'assert(remainder === 2, "The value of <code>remainder</code> should be <code>2</code>");'
+  - text: Вы должны использовать оператор <code>%</code>
+    testString: 'assert(/\s+?remainder\s*?=\s*?.*%.*;/.test(code), "You should use the <code>%</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Only change code below this line
+
+var remainder;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.russian.md
new file mode 100644
index 0000000000..5dbf95a230
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.russian.md
@@ -0,0 +1,68 @@
+---
+id: cf1111c1c11feddfaeb9bdef
+title: Generate Random Fractions with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Генерировать случайные дроби с помощью JavaScript
+---
+
+## Description
+<section id="description"> Случайные числа полезны для создания случайного поведения. JavaScript имеет функцию <code>Math.random()</code> которая генерирует случайное десятичное число между <code>0</code> (включительно) и не совсем до <code>1</code> (исключая). Таким образом, <code>Math.random()</code> может возвращать <code>0</code> но никогда не возвращать <code>1</code> <strong>Примечание</strong> <br> Подобно <a href="storing-values-with-the-assignment-operator" target="_blank">сохранению значений с помощью Equal Operator</a> , все вызовы функций будут разрешены до выполнения <code>return</code> , поэтому мы можем <code>return</code> значение функции <code>Math.random()</code> . </section>
+
+## Instructions
+<section id="instructions"> Измените <code>randomFraction</code> чтобы вернуть случайное число вместо возврата <code>0</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>randomFraction</code> должно возвращать случайное число.
+    testString: 'assert(typeof randomFraction() === "number", "<code>randomFraction</code> should return a random number.");'
+  - text: 'Число, возвращаемое <code>randomFraction</code> должно быть десятичным.'
+    testString: 'assert((randomFraction()+""). match(/\./g), "The number returned by <code>randomFraction</code> should be a decimal.");'
+  - text: Вы должны использовать <code>Math.random</code> для генерации случайного десятичного числа.
+    testString: 'assert(code.match(/Math\.random/g).length >= 0, "You should be using <code>Math.random</code> to generate the random decimal number.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function randomFraction() {
+
+  // Only change code below this line.
+
+  return 0;
+
+  // Only change code above this line.
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-with-javascript.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-with-javascript.russian.md
new file mode 100644
index 0000000000..8e13c56cea
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-with-javascript.russian.md
@@ -0,0 +1,70 @@
+---
+id: cf1111c1c12feddfaeb1bdef
+title: Generate Random Whole Numbers with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Генерировать случайные целые числа с помощью JavaScript
+---
+
+## Description
+<section id="description"> Замечательно, что мы можем генерировать случайные десятичные числа, но это еще более полезно, если мы используем его для генерации случайных целых чисел. <ol><li> Используйте <code>Math.random()</code> для генерации случайного десятичного знака. </li><li> Умножьте это случайное число на <code>20</code> . </li><li> Используйте другую функцию, <code>Math.floor()</code> чтобы округлить число до его ближайшего целого числа. </li></ol> Помните, что <code>Math.random()</code> никогда не может полностью вернуть <code>1</code> и, поскольку мы округливаем, на самом деле получить <code>20</code> невозможно. Этот метод даст нам целое число от <code>0</code> до <code>19</code> . Соединяя все вместе, это выглядит как наш код: <code>Math.floor(Math.random() * 20);</code> Мы вызываем <code>Math.random()</code> , умножая результат на 20, затем передавая значение функции <code>Math.floor()</code> чтобы округлить значение до ближайшего целого числа. </section>
+
+## Instructions
+<section id="instructions"> Используйте этот метод для генерации и возврата случайного целого числа от <code>0</code> до <code>9</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Результат <code>randomWholeNum</code> должен быть целым числом.
+    testString: 'assert(typeof randomWholeNum() === "number" && (function(){var r = randomWholeNum();return Math.floor(r) === r;})(), "The result of <code>randomWholeNum</code> should be a whole number.");'
+  - text: Вы должны использовать <code>Math.random</code> для генерации случайного числа.
+    testString: 'assert(code.match(/Math.random/g).length > 1, "You should be using <code>Math.random</code> to generate a random number.");'
+  - text: 'Вы должны умножить результат <code>Math.random</code> на 10, чтобы сделать его числом от нуля до девяти.'
+    testString: 'assert(code.match(/\s*?Math.random\s*?\(\s*?\)\s*?\*\s*?10[\D]\s*?/g) || code.match(/\s*?10\s*?\*\s*?Math.random\s*?\(\s*?\)\s*?/g), "You should have multiplied the result of <code>Math.random</code> by 10 to make it a number that is between zero and nine.");'
+  - text: Вы должны использовать <code>Math.floor</code> для удаления десятичной части числа.
+    testString: 'assert(code.match(/Math.floor/g).length > 1, "You should use <code>Math.floor</code> to remove the decimal part of the number.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var randomNumberBetween0and19 = Math.floor(Math.random() * 20);
+
+function randomWholeNum() {
+
+  // Only change code below this line.
+
+  return Math.random();
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-within-a-range.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-within-a-range.russian.md
new file mode 100644
index 0000000000..fa4800b9aa
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-within-a-range.russian.md
@@ -0,0 +1,80 @@
+---
+id: cf1111c1c12feddfaeb2bdef
+title: Generate Random Whole Numbers within a Range
+challengeType: 1
+videoUrl: ''
+localeTitle: Генерировать случайные целые числа в пределах диапазона
+---
+
+## Description
+<section id="description"> Вместо того, чтобы генерировать случайное число между нулем и заданным числом, как это было раньше, мы можем сгенерировать случайное число, которое попадает в диапазон двух конкретных чисел. Для этого определим минимальное число <code>min</code> и максимальное число <code>max</code> . Вот формула, которую мы будем использовать. Найдите минутку, чтобы прочитать ее и попытайтесь понять, что делает этот код: <code>Math.floor(Math.random() * (max - min + 1)) + min</code> </section>
+
+## Instructions
+<section id="instructions"> Создайте функцию <code>randomRange</code> которая принимает диапазон <code>myMin</code> и <code>myMax</code> и возвращает случайное число, которое больше или равно <code>myMin</code> , и меньше или равно <code>myMax</code> включительно. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Наименьшее случайное число, которое может быть создано <code>randomRange</code> должно быть равно минимальному числу <code>myMin</code> .'
+    testString: 'assert(calcMin === 5, "The lowest random number that can be generated by <code>randomRange</code> should be equal to your minimum number, <code>myMin</code>.");'
+  - text: 'Наибольшее случайное число, которое может быть сгенерировано <code>randomRange</code> должно быть равно максимальному числу <code>myMax</code> .'
+    testString: 'assert(calcMax === 15, "The highest random number that can be generated by <code>randomRange</code> should be equal to your maximum number, <code>myMax</code>.");'
+  - text: 'Случайное число, генерируемое <code>randomRange</code> должно быть целым числом, а не десятичным.'
+    testString: 'assert(randomRange(0,1) % 1 === 0 , "The random number generated by <code>randomRange</code> should be an integer, not a decimal.");'
+  - text: <code>randomRange</code> должен использовать как <code>myMax</code> и <code>myMin</code> и возвращать случайное число в вашем диапазоне.
+    testString: 'assert((function(){if(code.match(/myMax/g).length > 1 && code.match(/myMin/g).length > 2 && code.match(/Math.floor/g) && code.match(/Math.random/g)){return true;}else{return false;}})(), "<code>randomRange</code> should use both <code>myMax</code> and <code>myMin</code>, and return a random number in your range.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function ourRandomRange(ourMin, ourMax) {
+
+  return Math.floor(Math.random() * (ourMax - ourMin + 1)) + ourMin;
+}
+
+ourRandomRange(1, 9);
+
+// Only change code below this line.
+
+function randomRange(myMin, myMax) {
+
+  return 0; // Change this line
+
+}
+
+// Change these values to test your function
+var myRandom = randomRange(5, 15);
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.russian.md
new file mode 100644
index 0000000000..82c4168cc3
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.russian.md
@@ -0,0 +1,109 @@
+---
+id: 56533eb9ac21ba0edf2244be
+title: Global Scope and Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Глобальная область и функции
+---
+
+## Description
+<section id="description"> В JavaScript <dfn>область видимости</dfn> относится к видимости переменных. Переменные, определенные вне функционального блока, имеют <dfn>глобальную</dfn> область. Это означает, что их можно увидеть везде в вашем JavaScript-коде. Переменные, которые используются без ключевого слова <code>var</code> , автоматически создаются в <code>global</code> области. Это может привести к непредвиденным последствиям в другом месте вашего кода или при повторном запуске функции. Вы всегда должны объявлять переменные с помощью <code>var</code> . </section>
+
+## Instructions
+<section id="instructions"> Используя <code>var</code> , объявляйте <code>global</code> переменную <code>myGlobal</code> вне любой функции. Инициализируйте его со значением <code>10</code> . Внутри функции <code>fun1</code> присвойте <code>5</code> <code>oopsGlobal</code> <strong><em>без</em></strong> использования ключевого слова <code>var</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myGlobal</code> следует определить
+    testString: 'assert(typeof myGlobal != "undefined", "<code>myGlobal</code> should be defined");'
+  - text: <code>myGlobal</code> должен иметь значение <code>10</code>
+    testString: 'assert(myGlobal === 10, "<code>myGlobal</code> should have a value of <code>10</code>");'
+  - text: <code>myGlobal</code> следует объявить с помощью ключевого слова <code>var</code>
+    testString: 'assert(/var\s+myGlobal/.test(code), "<code>myGlobal</code> should be declared using the <code>var</code> keyword");'
+  - text: <code>oopsGlobal</code> должен быть глобальной переменной и иметь значение <code>5</code>
+    testString: 'assert(typeof oopsGlobal != "undefined" && oopsGlobal === 5, "<code>oopsGlobal</code> should be a global variable and have a value of <code>5</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Declare your variable here
+
+
+function fun1() {
+  // Assign 5 to oopsGlobal Here
+
+}
+
+// Only change code above this line
+function fun2() {
+  var output = "";
+  if (typeof myGlobal != "undefined") {
+    output += "myGlobal: " + myGlobal;
+  }
+  if (typeof oopsGlobal != "undefined") {
+    output += " oopsGlobal: " + oopsGlobal;
+  }
+  console.log(output);
+}
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = "";
+var originalConsole = console
+function capture() {
+    var nativeLog = console.log;
+    console.log = function (message) {
+        logOutput = message;
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+var oopsGlobal;
+capture();
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/global-vs.-local-scope-in-functions.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/global-vs.-local-scope-in-functions.russian.md
new file mode 100644
index 0000000000..0e88d773e2
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/global-vs.-local-scope-in-functions.russian.md
@@ -0,0 +1,65 @@
+---
+id: 56533eb9ac21ba0edf2244c0
+title: Global vs. Local Scope in Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Глобальная и локальная область функций
+---
+
+## Description
+<section id="description"> Можно иметь как <dfn>локальные, так</dfn> и <dfn>глобальные</dfn> переменные с тем же именем. Когда вы это делаете, <code>local</code> переменная имеет приоритет над <code>global</code> переменной. В этом примере: <blockquote> var someVar = &quot;Hat&quot;; <br> function myFun () { <br> var someVar = &quot;Голова&quot;; <br> return someVar; <br> } </blockquote> Функция <code>myFun</code> вернет <code>&quot;Head&quot;</code> потому что присутствует <code>local</code> версия переменной. </section>
+
+## Instructions
+<section id="instructions"> Добавьте локальную переменную в функцию <code>myOutfit</code> чтобы переопределить значение <code>outerWear</code> с помощью <code>&quot;sweater&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Не изменяйте значение глобального <code>outerWear</code>
+    testString: 'assert(outerWear === "T-Shirt", "Do not change the value of the global <code>outerWear</code>");'
+  - text: <code>myOutfit</code> должен вернуть <code>&quot;sweater&quot;</code>
+    testString: 'assert(myOutfit() === "sweater", "<code>myOutfit</code> should return <code>"sweater"</code>");'
+  - text: Не меняйте оператор возврата
+    testString: 'assert(/return outerWear/.test(code), "Do not change the return statement");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var outerWear = "T-Shirt";
+
+function myOutfit() {
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+  return outerWear;
+}
+
+myOutfit();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/golf-code.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/golf-code.russian.md
new file mode 100644
index 0000000000..705a517602
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/golf-code.russian.md
@@ -0,0 +1,80 @@
+---
+id: 5664820f61c48e80c9fa476c
+title: Golf Code
+challengeType: 1
+videoUrl: ''
+localeTitle: Гольф-код
+---
+
+## Description
+<section id="description"> В игре в <a href="https://en.wikipedia.org/wiki/Golf" target="_blank">гольф</a> каждое отверстие имеет <code>par</code> означая среднее число <code>strokes</code> игрок в гольф , как ожидается , чтобы сделать для того , чтобы утопить мяч в отверстие , чтобы закончить игру. В зависимости от того , насколько выше или ниже <code>par</code> ваши <code>strokes</code> , там есть другое прозвище. Ваша функция будет передана параметрам <code>par</code> и <code>strokes</code> . Верните правильную строку в соответствии с этой таблицей, которая отображает штрихи в порядке приоритета; верхняя (самая высокая) до нижней (самая низкая): <table class="table table-striped"><thead><tr><th> Штрихи </th><th> Вернуть </th></tr></thead><tbody><tr><td> 1 </td><td> &quot;Отверстие в одном!&quot; </td></tr><tr><td> &lt;= par - 2 </td><td> «Орел» </td></tr><tr><td> пар - 1 </td><td> &quot;Птичка&quot; </td></tr><tr><td> паритет </td><td> «Пар» </td></tr><tr><td> par + 1 </td><td> «Пугало» </td></tr><tr><td> par + 2 </td><td> &quot;Двойной Богей&quot; </td></tr><tr><td> &gt; = par + 3 </td><td> &quot;Иди домой!&quot; </td></tr></tbody></table> <code>par</code> и <code>strokes</code> всегда будут числовыми и положительными. Мы добавили массив всех имен для вашего удобства. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>golfScore(4, 1)</code> должен вернуть «Hole-in-one!».'
+    testString: 'assert(golfScore(4, 1) === "Hole-in-one!", "<code>golfScore(4, 1)</code> should return "Hole-in-one!"");'
+  - text: '<code>golfScore(4, 2)</code> должен вернуть «Eagle»'
+    testString: 'assert(golfScore(4, 2) === "Eagle", "<code>golfScore(4, 2)</code> should return "Eagle"");'
+  - text: '<code>golfScore(5, 2)</code> должен вернуть «Eagle»'
+    testString: 'assert(golfScore(5, 2) === "Eagle", "<code>golfScore(5, 2)</code> should return "Eagle"");'
+  - text: '<code>golfScore(4, 3)</code> должен вернуть «Birdie»'
+    testString: 'assert(golfScore(4, 3) === "Birdie", "<code>golfScore(4, 3)</code> should return "Birdie"");'
+  - text: '<code>golfScore(4, 4)</code> должен вернуть «Par»'
+    testString: 'assert(golfScore(4, 4) === "Par", "<code>golfScore(4, 4)</code> should return "Par"");'
+  - text: '<code>golfScore(1, 1)</code> должен вернуть «Hole-in-one!».'
+    testString: 'assert(golfScore(1, 1) === "Hole-in-one!", "<code>golfScore(1, 1)</code> should return "Hole-in-one!"");'
+  - text: '<code>golfScore(5, 5)</code> должен вернуть «Par»'
+    testString: 'assert(golfScore(5, 5) === "Par", "<code>golfScore(5, 5)</code> should return "Par"");'
+  - text: '<code>golfScore(4, 5)</code> должен вернуть «Bogey»'
+    testString: 'assert(golfScore(4, 5) === "Bogey", "<code>golfScore(4, 5)</code> should return "Bogey"");'
+  - text: '<code>golfScore(4, 6)</code> должен вернуть «Double Bogey»'
+    testString: 'assert(golfScore(4, 6) === "Double Bogey", "<code>golfScore(4, 6)</code> should return "Double Bogey"");'
+  - text: '<code>golfScore(4, 7)</code> должен вернуться «Go Home!».'
+    testString: 'assert(golfScore(4, 7) === "Go Home!", "<code>golfScore(4, 7)</code> should return "Go Home!"");'
+  - text: '<code>golfScore(5, 9)</code> должен вернуться «Go Home!».'
+    testString: 'assert(golfScore(5, 9) === "Go Home!", "<code>golfScore(5, 9)</code> should return "Go Home!"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var names = ["Hole-in-one!", "Eagle", "Birdie", "Par", "Bogey", "Double Bogey", "Go Home!"];
+function golfScore(par, strokes) {
+  // Only change code below this line
+
+
+  return "Change Me";
+  // Only change code above this line
+}
+
+// Change these values to test
+golfScore(5, 4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/increment-a-number-with-javascript.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/increment-a-number-with-javascript.russian.md
new file mode 100644
index 0000000000..6fdc4dd4c7
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/increment-a-number-with-javascript.russian.md
@@ -0,0 +1,66 @@
+---
+id: 56533eb9ac21ba0edf2244ac
+title: Increment a Number with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Увеличение номера с помощью JavaScript
+---
+
+## Description
+<section id="description"> Вы можете легко <dfn>увеличить</dfn> или добавьте к переменной с <code>++</code> оператора. <code>i++;</code> эквивалентно <code>i = i + 1;</code> <strong>Заметка</strong> <br> Вся строка становится <code>i++;</code> , устраняя необходимость равенства знака. </section>
+
+## Instructions
+<section id="instructions"> Измените код, чтобы использовать оператор <code>++</code> на <code>myVar</code> . <strong>намек</strong> <br> Подробнее об <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Increment_()" target="_blank">арифметических операторах - Increment (++)</a> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myVar</code> должен равняться <code>88</code>
+    testString: 'assert(myVar === 88, "<code>myVar</code> should equal <code>88</code>");'
+  - text: <code>myVar = myVar + 1;</code> следует изменить
+    testString: 'assert(/var\s*myVar\s*=\s*87;\s*\/*.*\s*([+]{2}\s*myVar|myVar\s*[+]{2});/.test(code), "<code>myVar = myVar + 1;</code> should be changed");'
+  - text: Использовать оператор <code>++</code>
+    testString: 'assert(/[+]{2}\s*myVar|myVar\s*[+]{2}/.test(code), "Use the <code>++</code> operator");'
+  - text: Не меняйте код над строкой
+    testString: 'assert(/var myVar = 87;/.test(code), "Do not change code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myVar = 87;
+
+// Only change code below this line
+myVar = myVar + 1;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator.russian.md
new file mode 100644
index 0000000000..c4105416d1
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator.russian.md
@@ -0,0 +1,60 @@
+---
+id: 56533eb9ac21ba0edf2244a9
+title: Initializing Variables with the Assignment Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Инициализация переменных с помощью оператора присваивания
+---
+
+## Description
+<section id="description"> Обычно <dfn>инициализировать</dfn> переменную до начального значения в той же строке, что и объявлено. <code>var myVar = 0;</code> Создает новую переменную <code>myVar</code> и присваивает ей начальное значение <code>0</code> . </section>
+
+## Instructions
+<section id="instructions"> Определите переменную <code>a</code> с <code>var</code> и инициализируйте ее значением <code>9</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Инициализировать значение <code>a</code> до значения <code>9</code>
+    testString: 'assert(/var\s+a\s*=\s*9\s*/.test(code), "Initialize <code>a</code> to a value of <code>9</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourVar = 19;
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements.russian.md
new file mode 100644
index 0000000000..9bc339f088
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements.russian.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244db
+title: Introducing Else If Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: Представляем Else If Statementments
+---
+
+## Description
+<section id="description"> Если у вас есть несколько условий, которые необходимо устранить, вы можете связать, <code>if</code> инструкции вместе с инструкциями <code>else if</code> . <blockquote> если (num&gt; 15) { <br> возвращение «Больше 15»; <br> } else if (num &lt;5) { <br> return «Меньше 5»; <br> } else { <br> возвращение «от 5 до 15»; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Преобразуйте логику, чтобы использовать инструкции <code>else if</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вы должны иметь по крайней мере два <code>else</code> заявления
+    testString: 'assert(code.match(/else/g).length > 1, "You should have at least two <code>else</code> statements");'
+  - text: У вас должно быть как минимум два оператора <code>if</code>
+    testString: 'assert(code.match(/if/g).length > 1, "You should have at least two <code>if</code> statements");'
+  - text: У вас должно быть закрытие и открытие фигурных скобок для каждого условия
+    testString: 'assert(code.match(/if\s*\((.+)\)\s*\{[\s\S]+\}\s*else if\s*\((.+)\)\s*\{[\s\S]+\}\s*else\s*\{[\s\S]+\s*\}/), "You should have closing and opening curly braces for each condition in your if else statement");'
+  - text: <code>testElseIf(0)</code> должен возвращать значение &quot;Меньше 5&quot;
+    testString: 'assert(testElseIf(0) === "Smaller than 5", "<code>testElseIf(0)</code> should return "Smaller than 5"");'
+  - text: '<code>testElseIf(5)</code> должен возвращать «Между 5 и 10»,'
+    testString: 'assert(testElseIf(5) === "Between 5 and 10", "<code>testElseIf(5)</code> should return "Between 5 and 10"");'
+  - text: '<code>testElseIf(7)</code> должен возвращать «от 5 до 10»,'
+    testString: 'assert(testElseIf(7) === "Between 5 and 10", "<code>testElseIf(7)</code> should return "Between 5 and 10"");'
+  - text: '<code>testElseIf(10)</code> должен возвращать «Между 5 и 10»,'
+    testString: 'assert(testElseIf(10) === "Between 5 and 10", "<code>testElseIf(10)</code> should return "Between 5 and 10"");'
+  - text: '<code>testElseIf(12)</code> должен возвращать «Больше 10»,'
+    testString: 'assert(testElseIf(12) === "Greater than 10", "<code>testElseIf(12)</code> should return "Greater than 10"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testElseIf(val) {
+  if (val > 10) {
+    return "Greater than 10";
+  }
+
+  if (val < 5) {
+    return "Smaller than 5";
+  }
+
+  return "Between 5 and 10";
+}
+
+// Change this value to test
+testElseIf(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements.russian.md
new file mode 100644
index 0000000000..0c4a58e08e
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements.russian.md
@@ -0,0 +1,78 @@
+---
+id: 56533eb9ac21ba0edf2244da
+title: Introducing Else Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: Введение в новые заявления
+---
+
+## Description
+<section id="description"> Когда условие для оператора <code>if</code> истинно, выполняется блок кода после него. Как насчет того, когда это условие ложно? Обычно ничего не происходило. С помощью инструкции <code>else</code> может выполняться альтернативный блок кода. <blockquote> если (num&gt; 10) { <br> возвращение «Больше, чем 10»; <br> } else { <br> вернуть «10 или меньше»; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Объедините операторы <code>if</code> в один оператор <code>if/else</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вы должны иметь только один оператор <code>if</code> в редакторе
+    testString: 'assert(code.match(/if/g).length === 1, "You should only have one <code>if</code> statement in the editor");'
+  - text: Вы должны использовать инструкцию <code>else</code>
+    testString: 'assert(/else/g.test(code), "You should use an <code>else</code> statement");'
+  - text: <code>testElse(4)</code> должен возвращать «5 или меньше»
+    testString: 'assert(testElse(4) === "5 or Smaller", "<code>testElse(4)</code> should return "5 or Smaller"");'
+  - text: <code>testElse(5)</code> должен возвращать «5 или меньше»
+    testString: 'assert(testElse(5) === "5 or Smaller", "<code>testElse(5)</code> should return "5 or Smaller"");'
+  - text: '<code>testElse(6)</code> должен возвращать «Больше, чем 5»,'
+    testString: 'assert(testElse(6) === "Bigger than 5", "<code>testElse(6)</code> should return "Bigger than 5"");'
+  - text: <code>testElse(10)</code> должен возвращать «Больше 5»
+    testString: 'assert(testElse(10) === "Bigger than 5", "<code>testElse(10)</code> should return "Bigger than 5"");'
+  - text: Не меняйте код выше или ниже строк.
+    testString: 'assert(/var result = "";/.test(code) && /return result;/.test(code), "Do not change the code above or below the lines.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function testElse(val) {
+  var result = "";
+  // Only change code below this line
+
+  if (val > 5) {
+    result = "Bigger than 5";
+  }
+
+  if (val <= 5) {
+    result = "5 or Smaller";
+  }
+
+  // Only change code above this line
+  return result;
+}
+
+// Change this value to test
+testElse(4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop.russian.md
new file mode 100644
index 0000000000..3670c5d099
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop.russian.md
@@ -0,0 +1,69 @@
+---
+id: 56104e9e514f539506016a5c
+title: Iterate Odd Numbers With a For Loop
+challengeType: 1
+videoUrl: ''
+localeTitle: Итерировать нечетные числа с помощью цикла
+---
+
+## Description
+<section id="description"> Для циклов не нужно повторять одно за раз. Изменяя наше <code>final-expression</code> , мы можем считать четными числами. Мы начнем с <code>i = 0</code> и цикл while <code>i &lt; 10</code> . Мы будем увеличивать <code>i</code> на 2 каждый цикл с <code>i += 2</code> . <blockquote> var ourArray = []; <br> для (var i = 0; i &lt;10; i + = 2) { <br> ourArray.push (я); <br> } </blockquote> <code>ourArray</code> будет содержать <code>[0,2,4,6,8]</code> . Давайте изменим нашу <code>initialization</code> чтобы мы могли рассчитывать по нечетным числам. </section>
+
+## Instructions
+<section id="instructions"> Нажимайте нечетные числа от 1 до 9 до <code>myArray</code> используя цикл <code>for</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вы должны использовать <code>for</code> петли для этого.
+    testString: 'assert(code.match(/for\s*\(/g).length > 1, "You should be using a <code>for</code> loop for this.");'
+  - text: '<code>myArray</code> должен равняться <code>[1,3,5,7,9]</code> .'
+    testString: 'assert.deepEqual(myArray, [1,3,5,7,9], "<code>myArray</code> should equal <code>[1,3,5,7,9]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [];
+
+for (var i = 0; i < 10; i += 2) {
+  ourArray.push(i);
+}
+
+// Setup
+var myArray = [];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.russian.md
new file mode 100644
index 0000000000..8989e6a83e
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.russian.md
@@ -0,0 +1,74 @@
+---
+id: 5675e877dbd60be8ad28edc6
+title: Iterate Through an Array with a For Loop
+challengeType: 1
+videoUrl: ''
+localeTitle: Итерация через массив с петлей
+---
+
+## Description
+<section id="description"> Общей задачей в JavaScript является итерация содержимого массива. Один из способов сделать это - цикл <code>for</code> . Этот код выводит каждый элемент массива <code>arr</code> на консоль: <blockquote> var arr = [10,9,8,7,6]; <br> для (var i = 0; i &lt;arr.length; i ++) { <br> console.log (обр [я]); <br> } </blockquote> Помните, что массивы имеют нулевую нумерацию, что означает, что последний индекс массива - длина - 1. Наше <dfn>условие</dfn> для этого цикла равно <code>i &lt; arr.length</code> , которое останавливается, когда <code>i</code> является длиной - 1. </section>
+
+## Instructions
+<section id="instructions"> Объявить и инициализировать значение переменной <code>total</code> равным <code>0</code> . Используйте цикл <code>for</code> чтобы добавить значение каждого элемента массива <code>myArr</code> в <code>total</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>total</code> должно быть объявлено и инициализировано до 0
+    testString: 'assert(code.match(/var.*?total\s*=\s*0.*?;/), "<code>total</code> should be declared and initialized to 0");'
+  - text: <code>total</code> должна составлять 20
+    testString: 'assert(total === 20, "<code>total</code> should equal 20");'
+  - text: Вы должны использовать цикл <code>for</code> для итерации через <code>myArr</code>
+    testString: 'assert(code.match(/for\s*\(/g).length > 1 && code.match(/myArr\s*\[/), "You should use a <code>for</code> loop to iterate through <code>myArr</code>");'
+  - text: Не устанавливать <code>total</code> значение 20 напрямую
+    testString: 'assert(!code.match(/total[\s\+\-]*=\s*(\d(?!\s*[;,])|[1-9])/g), "Do not set <code>total</code> to 20 directly");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArr = [ 9, 10, 11, 12];
+var ourTotal = 0;
+
+for (var i = 0; i < ourArr.length; i++) {
+  ourTotal += ourArr[i];
+}
+
+// Setup
+var myArr = [ 2, 3, 4, 5, 6];
+
+// Only change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do...while-loops.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do...while-loops.russian.md
new file mode 100644
index 0000000000..aa5b92ff2e
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do...while-loops.russian.md
@@ -0,0 +1,70 @@
+---
+id: 5a2efd662fb457916e1fe604
+title: Iterate with JavaScript Do...While Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: Итерация с помощью JavaScript Do ... While Loops
+---
+
+## Description
+<section id="description"> Вы можете запустить один и тот же код несколько раз, используя цикл. Следующий тип цикла, который вы узнаете, называется циклом « <code>do...while</code> », потому что он сначала « <code>do</code> » один проход кода внутри цикла, независимо от того, что происходит, а затем он запускает « <code>while</code> », указанное условие истинно и останавливается, как только это условие перестает быть истинным. Давайте посмотрим на пример. <blockquote> var ourArray = []; <br> var i = 0; <br> делать { <br> ourArray.push (я); <br> я ++; <br> } while (i &lt;5); </blockquote> Это ведет себя так же, как вы ожидали бы с любым другим типом цикла, и результирующий массив будет выглядеть как <code>[0, 1, 2, 3, 4]</code> . Однако то, что делает <code>do...while</code> отличается от других циклов, - это то, как оно ведет себя, когда условие не выполняется при первой проверке. Давайте посмотрим на это в действии. Вот регулярный цикл while, который будет запускать код в цикле, пока <code>i &lt; 5</code> . <blockquote> var ourArray = []; <br> var i = 5; <br> тогда как (i &lt;5) { <br> ourArray.push (я); <br> я ++; <br> } </blockquote> Обратите внимание, что мы инициализируем значение <code>i</code> равным 5. Когда мы выполняем следующую строку, мы замечаем, что <code>i</code> не меньше 5. Таким образом, мы не выполняем код внутри цикла. В результате <code>ourArray</code> будет добавлен к нему, поэтому он будет выглядеть так <code>[]</code> когда весь код в приведенном выше примере завершится. Теперь взгляните на цикл <code>do...while</code> while. <blockquote> var ourArray = []; <br> var i = 5; <br> делать { <br> ourArray.push (я); <br> я ++; <br> } while (i &lt;5); </blockquote> В этом случае мы инициализируем значение <code>i</code> как 5, как и в цикле while. Когда мы переходим к следующей строке, нет никакой проверки значения <code>i</code> , поэтому мы переходим к коду внутри фигурных скобок и выполняем его. Мы добавим один элемент в массив и увеличим <code>i</code> до того, как мы перейдем к проверке состояния. Затем, когда мы перейдем к проверке, если <code>i &lt; 5</code> видим, что <code>i</code> теперь 6, что не позволяет выполнить условную проверку. Итак, мы выходим из цикла и выполняем его. В конце приведенного выше примера значение <code>ourArray</code> равно <code>[5]</code> . По существу, цикл <code>do...while</code> while гарантирует, что код внутри цикла будет запускаться хотя бы один раз. Давайте попробуем <code>do...while</code> loop to work, нажав значения в массив. </section>
+
+## Instructions
+<section id="instructions"> Измените <code>while</code> цикл в коде для <code>do...while</code> в <code>myArray</code> <code>i</code> <code>11</code> <code>do...while</code> петли так, чтобы петля будет толкать число 10 до <code>myArray</code> , и <code>i</code> буду равен <code>11</code> , когда ваш код завершения работы. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вы должны использовать <code>do...while</code> loop для этого.
+    testString: 'assert(code.match(/do/g), "You should be using a <code>do...while</code> loop for this.");'
+  - text: '<code>myArray</code> должен равняться <code>[10]</code> .'
+    testString: 'assert.deepEqual(myArray, [10], "<code>myArray</code> should equal <code>[10]</code>.");'
+  - text: <code>i</code> должен равняться <code>11</code>
+    testString: 'assert.deepEqual(i, 11, "<code>i</code> should equal <code>11</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myArray = [];
+var i = 10;
+
+// Only change code below this line.
+
+while (i < 5) {
+  myArray.push(i);
+  i++;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops.russian.md
new file mode 100644
index 0000000000..bfbf987658
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops.russian.md
@@ -0,0 +1,69 @@
+---
+id: cf1111c1c11feddfaeb5bdef
+title: Iterate with JavaScript For Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: Итерация с JavaScript для циклов
+---
+
+## Description
+<section id="description"> Вы можете запустить один и тот же код несколько раз, используя цикл. Наиболее распространенный тип цикла JavaScript называется « <code>for loop</code> », потому что он запускает «для» определенное количество раз. Для циклов объявляются три необязательных выражения, разделенные точкой с запятой: <code>for ([initialization]; [condition]; [final-expression])</code> Оператор <code>initialization</code> выполняется один раз только до начала цикла. Он обычно используется для определения и настройки вашей переменной цикла. Оператор <code>condition</code> оценивается в начале каждой итерации цикла и будет продолжаться до тех пор, пока он оценит значение <code>true</code> . Когда <code>condition</code> является <code>false</code> в начале итерации, цикл прекратит выполнение. Это означает, что если <code>condition</code> начинается как <code>false</code> , ваш цикл никогда не будет выполняться. <code>final-expression</code> выполняется в конце каждой итерации цикла до проверки следующего <code>condition</code> и обычно используется для увеличения или уменьшения вашего счетчика циклов. В следующем примере мы инициализируем с <code>i = 0</code> и итерацией, пока наше условие <code>i &lt; 5</code> истинно. Мы будем увеличивать <code>i</code> на <code>1</code> в каждой итерации цикла с <code>i++</code> качестве нашего <code>final-expression</code> . <blockquote> var ourArray = []; <br> для (var i = 0; i &lt;5; i ++) { <br> ourArray.push (я); <br> } </blockquote> <code>ourArray</code> будет содержать <code>[0,1,2,3,4]</code> . </section>
+
+## Instructions
+<section id="instructions"> Используйте цикл <code>for</code> для работы, чтобы нажимать значения с 1 по 5 на <code>myArray</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вы должны использовать <code>for</code> петли для этого.
+    testString: 'assert(code.match(/for\s*\(/g).length > 1, "You should be using a <code>for</code> loop for this.");'
+  - text: '<code>myArray</code> должен равняться <code>[1,2,3,4,5]</code> .'
+    testString: 'assert.deepEqual(myArray, [1,2,3,4,5], "<code>myArray</code> should equal <code>[1,2,3,4,5]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [];
+
+for (var i = 0; i < 5; i++) {
+  ourArray.push(i);
+}
+
+// Setup
+var myArray = [];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops.russian.md
new file mode 100644
index 0000000000..d972ec6acf
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops.russian.md
@@ -0,0 +1,62 @@
+---
+id: cf1111c1c11feddfaeb1bdef
+title: Iterate with JavaScript While Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Итерации с помощью JavaScript, в то время как циклы'
+---
+
+## Description
+<section id="description"> Вы можете запустить один и тот же код несколько раз, используя цикл. Первый тип цикла мы узнаем , что называется « в <code>while</code> » цикл , так как он работает « а» заданное условие истинно , и не остановится , как только это условие уже не так. <blockquote> var ourArray = []; <br> var i = 0; <br> тогда как (i &lt;5) { <br> ourArray.push (я); <br> я ++; <br> } </blockquote> Попробуем получить цикл while для работы, нажав значения в массив. </section>
+
+## Instructions
+<section id="instructions"> Нажмите цифры от 0 до 4 , чтобы <code>myArray</code> используя <code>while</code> цикл. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вы должны использовать <code>while</code> петлю для этого.
+    testString: 'assert(code.match(/while/g), "You should be using a <code>while</code> loop for this.");'
+  - text: '<code>myArray</code> должен равняться <code>[0,1,2,3,4]</code> .'
+    testString: 'assert.deepEqual(myArray, [0,1,2,3,4], "<code>myArray</code> should equal <code>[0,1,2,3,4]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myArray = [];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions.russian.md
new file mode 100644
index 0000000000..832599b362
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions.russian.md
@@ -0,0 +1,96 @@
+---
+id: 56533eb9ac21ba0edf2244bf
+title: Local Scope and Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Локальная область и функции
+---
+
+## Description
+<section id="description"> Переменные, объявленные внутри функции, а также параметры функции имеют <dfn>локальную</dfn> область. Это означает, что они видны только внутри этой функции. Вот функция <code>myTest</code> с локальной переменной <code>loc</code> . <blockquote> function myTest () { <br> var loc = &quot;foo&quot;; <br> console.log (LOC); <br> } <br> MyTest (); // logs &quot;foo&quot; <br> console.log (LOC); // loc не определен </blockquote> <code>loc</code> не определяется вне функции. </section>
+
+## Instructions
+<section id="instructions"> Объявите локальную переменную <code>myVar</code> внутри <code>myLocalScope</code> . Запустите тесты, а затем следуйте инструкциям, прокомментированным в редакторе. <strong>намек</strong> <br> Обновление страницы может помочь, если вы застряли. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Глобальная переменная <code>myVar</code>
+    testString: 'assert(typeof myVar === "undefined", "No global <code>myVar</code> variable");'
+  - text: Добавьте локальную переменную <code>myVar</code>
+    testString: 'assert(/var\s+myVar/.test(code), "Add a local <code>myVar</code> variable");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function myLocalScope() {
+  'use strict'; // you shouldn't need to edit this line
+
+  console.log(myVar);
+}
+myLocalScope();
+
+// Run and check the console
+// myVar is not defined outside of myLocalScope
+console.log(myVar);
+
+// Now remove the console log line to pass the test
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = "";
+var originalConsole = console
+function capture() {
+  var nativeLog = console.log;
+  console.log = function (message) {
+    logOutput = message;
+    if(nativeLog.apply) {
+      nativeLog.apply(originalConsole, arguments);
+    } else {
+      var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+      nativeLog(nativeMsg);
+    }
+  };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements.russian.md
new file mode 100644
index 0000000000..df8e0dba66
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements.russian.md
@@ -0,0 +1,64 @@
+---
+id: 5690307fddb111c6084545d7
+title: Logical Order in If Else Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: Логический порядок в остальных случаях
+---
+
+## Description
+<section id="description"> Порядок важен в <code>if</code> , <code>else if</code> . Функция выполняется сверху вниз, поэтому вы хотите быть осторожным с тем, что должно быть сделано первым. Возьмем эти две функции в качестве примера. Вот первый: <blockquote> функция foo (x) { <br> если (x &lt;1) { <br> return «Меньше одного»; <br> } else if (x &lt;2) { <br> return «Меньше двух»; <br> } else { <br> return «Больше или равно двум»; <br> } <br> } </blockquote> А второй просто переключает порядок утверждений: <blockquote> функциональная панель (x) { <br> если (x &lt;2) { <br> return «Меньше двух»; <br> } else if (x &lt;1) { <br> return «Меньше одного»; <br> } else { <br> return «Больше или равно двум»; <br> } <br> } </blockquote> Хотя эти две функции выглядят почти одинаковыми, если мы передаем число для обоих, мы получаем разные выходы. <blockquote> foo (0) // «Меньше одного» <br> bar (0) // «Менее двух» </blockquote></section>
+
+## Instructions
+<section id="instructions"> Измените порядок логики в функции так, чтобы она вернула правильные утверждения во всех случаях. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>orderMyLogic(4)</code> должен возвращать «Менее 5»
+    testString: 'assert(orderMyLogic(4) === "Less than 5", "<code>orderMyLogic(4)</code> should return "Less than 5"");'
+  - text: '<code>orderMyLogic(6)</code> должен вернуть «Менее 10»,'
+    testString: 'assert(orderMyLogic(6) === "Less than 10", "<code>orderMyLogic(6)</code> should return "Less than 10"");'
+  - text: '<code>orderMyLogic(11)</code> должен возвращать «Больше или равно 10»,'
+    testString: 'assert(orderMyLogic(11) === "Greater than or equal to 10", "<code>orderMyLogic(11)</code> should return "Greater than or equal to 10"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function orderMyLogic(val) {
+  if (val < 10) {
+    return "Less than 10";
+  } else if (val < 5) {
+    return "Less than 5";
+  } else {
+    return "Greater than or equal to 10";
+  }
+}
+
+// Change this value to test
+orderMyLogic(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.russian.md
new file mode 100644
index 0000000000..4df668feb2
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.russian.md
@@ -0,0 +1,70 @@
+---
+id: 56bbb991ad1ed5201cd392cc
+title: Manipulate Arrays With pop()
+challengeType: 1
+videoUrl: ''
+localeTitle: Манипулировать массивами С помощью pop ()
+---
+
+## Description
+<section id="description"> Другой способ изменить данные в массиве - с помощью функции <code>.pop()</code> . <code>.pop()</code> используется для « <code>.pop()</code> » значения из конца массива. Мы можем сохранить это значение «выскочил», присвоив его переменной. Другими словами, <code>.pop()</code> удаляет последний элемент из массива и возвращает этот элемент. Любой тип записи можно «выскочить» из массива - числа, строки, даже вложенные массивы. <blockquote> <code>var threeArr = [1, 4, 6]; <br> var oneDown = threeArr.pop(); <br> console.log(oneDown); // Returns 6 <br> console.log(threeArr); // Returns [1, 4]</code> </blockquote> </section>
+
+## Instructions
+<section id="instructions"> Используйте <code>.pop()</code> чтобы удалить последний элемент из <code>myArray</code> , назначив значение «popped off» для <code>removedFromMyArray</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray</code> должен содержать только <code>[[&quot;John&quot;, 23]]</code> .'
+    testString: 'assert((function(d){if(d[0][0] == "John" && d[0][1] === 23 && d[1] == undefined){return true;}else{return false;}})(myArray), "<code>myArray</code> should only contain <code>[["John", 23]]</code>.");'
+  - text: Использовать <code>pop()</code> на <code>myArray</code>
+    testString: 'assert(/removedFromMyArray\s*=\s*myArray\s*.\s*pop\s*(\s*)/.test(code), "Use <code>pop()</code> on <code>myArray</code>");'
+  - text: '<code>removedFromMyArray</code> должен содержать только <code>[&quot;cat&quot;, 2]</code> .'
+    testString: 'assert((function(d){if(d[0] == "cat" && d[1] === 2 && d[2] == undefined){return true;}else{return false;}})(removedFromMyArray), "<code>removedFromMyArray</code> should only contain <code>["cat", 2]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [1,2,3];
+var removedFromOurArray = ourArray.pop();
+// removedFromOurArray now equals 3, and ourArray now equals [1,2]
+
+// Setup
+var myArray = [["John", 23], ["cat", 2]];
+
+// Only change code below this line.
+var removedFromMyArray;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.russian.md
new file mode 100644
index 0000000000..7b2286b7c7
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.russian.md
@@ -0,0 +1,65 @@
+---
+id: 56bbb991ad1ed5201cd392cb
+title: Manipulate Arrays With push()
+challengeType: 1
+videoUrl: ''
+localeTitle: Манипулировать массивами С помощью push ()
+---
+
+## Description
+<section id="description"> Простым способом добавления данных в конец массива является функция <code>push()</code> . <code>.push()</code> принимает один или несколько <dfn>параметров</dfn> и «нажимает» их на конец массива. <blockquote> var arr = [1,2,3]; <br> arr.push (4); <br> // arr теперь [1,2,3,4] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Нажмите <code>[&quot;dog&quot;, 3]</code> на конец переменной <code>myArray</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray</code> должен теперь равняться <code>[[&quot;John&quot;, 23], [&quot;cat&quot;, 2], [&quot;dog&quot;, 3]]</code> .'
+    testString: 'assert((function(d){if(d[2] != undefined && d[0][0] == "John" && d[0][1] === 23 && d[2][0] == "dog" && d[2][1] === 3 && d[2].length == 2){return true;}else{return false;}})(myArray), "<code>myArray</code> should now equal <code>[["John", 23], ["cat", 2], ["dog", 3]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = ["Stimpson", "J", "cat"];
+ourArray.push(["happy", "joy"]);
+// ourArray now equals ["Stimpson", "J", "cat", ["happy", "joy"]]
+
+// Setup
+var myArray = [["John", 23], ["cat", 2]];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.russian.md
new file mode 100644
index 0000000000..4f5372a4fc
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.russian.md
@@ -0,0 +1,68 @@
+---
+id: 56bbb991ad1ed5201cd392cd
+title: Manipulate Arrays With shift()
+challengeType: 1
+videoUrl: ''
+localeTitle: Манипулировать массивами со сдвигом ()
+---
+
+## Description
+<section id="description"> <code>pop()</code> всегда удаляет последний элемент массива. Что делать, если вы хотите удалить первый? Вот где <code>.shift()</code> . Он работает так же, как <code>.pop()</code> , за исключением того, что он удаляет первый элемент вместо последнего. </section>
+
+## Instructions
+<section id="instructions"> Используйте <code>.shift()</code> чтобы удалить первый элемент из <code>myArray</code> , присвоив значение «shifted off» <code>removedFromMyArray</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray</code> теперь должен равняться <code>[[&quot;dog&quot;, 3]]</code> .'
+    testString: 'assert((function(d){if(d[0][0] == "dog" && d[0][1] === 3 && d[1] == undefined){return true;}else{return false;}})(myArray), "<code>myArray</code> should now equal <code>[["dog", 3]]</code>.");'
+  - text: '<code>removedFromMyArray</code> должен содержать <code>[&quot;John&quot;, 23]</code> .'
+    testString: 'assert((function(d){if(d[0] == "John" && d[1] === 23 && typeof removedFromMyArray === "object"){return true;}else{return false;}})(removedFromMyArray), "<code>removedFromMyArray</code> should contain <code>["John", 23]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = ["Stimpson", "J", ["cat"]];
+var removedFromOurArray = ourArray.shift();
+// removedFromOurArray now equals "Stimpson" and ourArray now equals ["J", ["cat"]].
+
+// Setup
+var myArray = [["John", 23], ["dog", 3]];
+
+// Only change code below this line.
+var removedFromMyArray;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.russian.md
new file mode 100644
index 0000000000..ab8034f586
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.russian.md
@@ -0,0 +1,67 @@
+---
+id: 56bbb991ad1ed5201cd392ce
+title: Manipulate Arrays With unshift()
+challengeType: 1
+videoUrl: ''
+localeTitle: Манипулировать массивами С помощью функции unshift ()
+---
+
+## Description
+<section id="description"> Вы не только можете <code>shift</code> элементы с начала массива, но также можете <code>unshift</code> элементы в начало массива, то есть добавить элементы перед массивом. <code>.unshift()</code> работает точно так же, как <code>.push()</code> , но вместо добавления элемента в конце массива <code>unshift()</code> добавляет элемент в начале массива. </section>
+
+## Instructions
+<section id="instructions"> Добавьте <code>[&quot;Paul&quot;,35]</code> в начало переменной <code>myArray</code> используя <code>unshift()</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray</code> должен теперь иметь [[«Павел», 35], [«собака», 3]].'
+    testString: 'assert((function(d){if(typeof d[0] === "object" && d[0][0] == "Paul" && d[0][1] === 35 && d[1][0] != undefined && d[1][0] == "dog" && d[1][1] != undefined && d[1][1] == 3){return true;}else{return false;}})(myArray), "<code>myArray</code> should now have [["Paul", 35], ["dog", 3]].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = ["Stimpson", "J", "cat"];
+ourArray.shift(); // ourArray now equals ["J", "cat"]
+ourArray.unshift("Happy");
+// ourArray now equals ["Happy", "J", "cat"]
+
+// Setup
+var myArray = [["John", 23], ["dog", 3]];
+myArray.shift();
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects.russian.md
new file mode 100644
index 0000000000..e6f48a0742
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects.russian.md
@@ -0,0 +1,86 @@
+---
+id: 56533eb9ac21ba0edf2244cb
+title: Manipulating Complex Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: Манипулирование сложными объектами
+---
+
+## Description
+<section id="description"> Иногда вы можете хранить данные в гибкой <dfn>структуре данных</dfn> . Объект JavaScript - это один из способов обработки гибких данных. Они допускают произвольные комбинации <dfn>строк</dfn> , <dfn>чисел</dfn> , <dfn>булевых элементов</dfn> , <dfn>массивов</dfn> , <dfn>функций</dfn> и <dfn>объектов</dfn> . Вот пример сложной структуры данных: <blockquote> var ourMusic = [ <br> { <br> «художник»: «Daft Punk», <br> «title»: «Домашнее задание», <br> &quot;release_year&quot;: 1997, <br> «Форматы»: [ <br> &quot;CD&quot;, <br> &quot;Кассета&quot;, <br> &quot;LP&quot; <br> ], <br> &quot;gold&quot;: true <br> } <br> ]; </blockquote> Это массив, содержащий один объект внутри. Объект имеет различные фрагменты <dfn>метаданных</dfn> об альбоме. Он также имеет вложенный массив <code>&quot;formats&quot;</code> . Если вы хотите добавить больше записей альбомов, вы можете сделать это, добавив записи в массив верхнего уровня. Объекты хранят данные в свойстве, которое имеет формат ключа. В приведенном выше примере <code>&quot;artist&quot;: &quot;Daft Punk&quot;</code> - это свойство, которое имеет ключ от <code>&quot;artist&quot;</code> и значение <code>&quot;Daft Punk&quot;</code> . <a href="http://www.json.org/" target="_blank">Обозначение объекта JavaScript</a> или <code>JSON</code> - это связанный с ними формат обмена данными, используемый для хранения данных. <blockquote> { <br> «художник»: «Daft Punk», <br> «title»: «Домашнее задание», <br> &quot;release_year&quot;: 1997, <br> «Форматы»: [ <br> &quot;CD&quot;, <br> &quot;Кассета&quot;, <br> &quot;LP&quot; <br> ], <br> &quot;gold&quot;: true <br> } </blockquote> <strong>Заметка</strong> <br> Вам нужно будет поместить запятую после каждого объекта в массиве, если это не последний объект в массиве. </section>
+
+## Instructions
+<section id="instructions"> Добавьте новый альбом в массив <code>myMusic</code> . Добавьте строки <code>artist</code> и <code>title</code> , номер <code>release_year</code> и массив <code>formats</code> строк. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myMusic</code> должен быть массивом
+    testString: 'assert(Array.isArray(myMusic), "<code>myMusic</code> should be an array");'
+  - text: <code>myMusic</code> должен иметь как минимум два элемента
+    testString: 'assert(myMusic.length > 1, "<code>myMusic</code> should have at least two elements");'
+  - text: '<code>myMusic[1]</code> должен быть объектом'
+    testString: 'assert(typeof myMusic[1] === "object", "<code>myMusic[1]</code> should be an object");'
+  - text: '<code>myMusic[1]</code> должен иметь не менее 4 свойств'
+    testString: 'assert(Object.keys(myMusic[1]).length > 3, "<code>myMusic[1]</code> should have at least 4 properties");'
+  - text: '<code>myMusic[1]</code> должен содержать свойство <code>artist</code> которое является строкой'
+    testString: 'assert(myMusic[1].hasOwnProperty("artist") && typeof myMusic[1].artist === "string", "<code>myMusic[1]</code> should contain an <code>artist</code> property which is a string");'
+  - text: '<code>myMusic[1]</code> должен содержать свойство <code>title</code> которое является строкой'
+    testString: 'assert(myMusic[1].hasOwnProperty("title") && typeof myMusic[1].title === "string", "<code>myMusic[1]</code> should  contain a <code>title</code> property which is a string");'
+  - text: '<code>myMusic[1]</code> должен содержать свойство <code>release_year</code> которое является числом'
+    testString: 'assert(myMusic[1].hasOwnProperty("release_year") && typeof myMusic[1].release_year === "number", "<code>myMusic[1]</code> should contain a <code>release_year</code> property which is a number");'
+  - text: '<code>myMusic[1]</code> должен содержать <code>formats</code> свойство , которое является массивом'
+    testString: 'assert(myMusic[1].hasOwnProperty("formats") && Array.isArray(myMusic[1].formats), "<code>myMusic[1]</code> should contain a <code>formats</code> property which is an array");'
+  - text: <code>formats</code> должны быть массивом строк с не менее чем двумя элементами
+    testString: 'assert(myMusic[1].formats.every(function(item) { return (typeof item === "string")}) && myMusic[1].formats.length > 1, "<code>formats</code> should be an array of strings with at least two elements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myMusic = [
+  {
+    "artist": "Billy Joel",
+    "title": "Piano Man",
+    "release_year": 1973,
+    "formats": [
+      "CD",
+      "8T",
+      "LP"
+    ],
+    "gold": true
+  }
+  // Add record here
+];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes.russian.md
new file mode 100644
index 0000000000..66a82ad71d
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes.russian.md
@@ -0,0 +1,66 @@
+---
+id: cf1111c1c11feddfaeb8bdef
+title: Modify Array Data With Indexes
+challengeType: 1
+videoUrl: ''
+localeTitle: Изменение данных массива с индексами
+---
+
+## Description
+<section id="description"> В отличие от строк, записи массивов <dfn>изменяемы</dfn> и могут быть изменены свободно. <strong>пример</strong> <blockquote> var ourArray = [50,40,30]; <br> ourArray [0] = 15; // равно [15, 40, 30] </blockquote> <strong>Заметка</strong> <br> Между именем массива и квадратными скобками не должно быть пробелов, например <code>array [0]</code> . Хотя JavaScript способен корректно обрабатывать, это может смутить других программистов, читающих ваш код. </section>
+
+## Instructions
+<section id="instructions"> Измените данные, хранящиеся в индексе <code>0</code> <code>myArray</code> до значения <code>45</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray</code> теперь должен быть [45,64,99].'
+    testString: 'assert((function(){if(typeof myArray != "undefined" && myArray[0] == 45 && myArray[1] == 64 && myArray[2] == 99){return true;}else{return false;}})(), "<code>myArray</code> should now be [45,64,99].");'
+  - text: Вы должны использовать правильный индекс для изменения значения в <code>myArray</code> .
+    testString: 'assert((function(){if(code.match(/myArray\[0\]\s*=\s*/g)){return true;}else{return false;}})(), "You should be using correct index to modify the value in <code>myArray</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [18,64,99];
+ourArray[1] = 45; // ourArray now equals [18,45,99].
+
+// Setup
+var myArray = [18,64,99];
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/multiple-identical-options-in-switch-statements.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/multiple-identical-options-in-switch-statements.russian.md
new file mode 100644
index 0000000000..49c74ca6c3
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/multiple-identical-options-in-switch-statements.russian.md
@@ -0,0 +1,80 @@
+---
+id: 56533eb9ac21ba0edf2244df
+title: Multiple Identical Options in Switch Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: Несколько идентичных параметров в операторах переключателей
+---
+
+## Description
+<section id="description"> Если оператор <code>break</code> не <code>switch</code> в <code>case</code> оператора <code>switch</code> , следующий оператор (ы) <code>case</code> выполняются до тех пор, пока не будет обнаружен <code>break</code> . Если у вас несколько входов с одним и тем же выходом, вы можете представить их в инструкции <code>switch</code> следующим образом: <blockquote> switch (val) { <br> Дело 1: <br> случай 2: <br> случай 3: <br> result = &quot;1, 2 или 3&quot;; <br> ломать; <br> случай 4: <br> результат = &quot;4 один&quot;; <br> } </blockquote> Случаи для 1, 2 и 3 будут давать одинаковый результат. </section>
+
+## Instructions
+<section id="instructions"> Напишите оператор switch, чтобы задать <code>answer</code> для следующих диапазонов: <br> <code>1-3</code> - «Низкий» <br> <code>4-6</code> - «Середина» <br> <code>7-9</code> - «Высокое» <strong>примечание</strong> <br> Вам нужно будет иметь оператор <code>case</code> для каждого числа в диапазоне. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sequentialSizes(1)</code> должен возвращать &quot;Low&quot;
+    testString: 'assert(sequentialSizes(1) === "Low", "<code>sequentialSizes(1)</code> should return "Low"");'
+  - text: <code>sequentialSizes(2)</code> должен возвращать &quot;Low&quot;
+    testString: 'assert(sequentialSizes(2) === "Low", "<code>sequentialSizes(2)</code> should return "Low"");'
+  - text: <code>sequentialSizes(3)</code> должен возвращать &quot;Low&quot;
+    testString: 'assert(sequentialSizes(3) === "Low", "<code>sequentialSizes(3)</code> should return "Low"");'
+  - text: <code>sequentialSizes(4)</code> должен возвращать «Mid»
+    testString: 'assert(sequentialSizes(4) === "Mid", "<code>sequentialSizes(4)</code> should return "Mid"");'
+  - text: <code>sequentialSizes(5)</code> должен возвращать &quot;Mid&quot;
+    testString: 'assert(sequentialSizes(5) === "Mid", "<code>sequentialSizes(5)</code> should return "Mid"");'
+  - text: <code>sequentialSizes(6)</code> должен возвращать «Mid»
+    testString: 'assert(sequentialSizes(6) === "Mid", "<code>sequentialSizes(6)</code> should return "Mid"");'
+  - text: <code>sequentialSizes(7)</code> должен возвращать &quot;Высокий&quot;
+    testString: 'assert(sequentialSizes(7) === "High", "<code>sequentialSizes(7)</code> should return "High"");'
+  - text: <code>sequentialSizes(8)</code> должен возвращать &quot;Высокий&quot;
+    testString: 'assert(sequentialSizes(8) === "High", "<code>sequentialSizes(8)</code> should return "High"");'
+  - text: <code>sequentialSizes(9)</code> должен возвращать &quot;Высокий&quot;
+    testString: 'assert(sequentialSizes(9) === "High", "<code>sequentialSizes(9)</code> should return "High"");'
+  - text: Вы не должны использовать никаких утверждений <code>if</code> или <code>else</code>
+    testString: 'assert(!/else/g.test(code) || !/if/g.test(code), "You should not use any <code>if</code> or <code>else</code> statements");'
+  - text: Вы должны иметь девять <code>case</code> заявлений
+    testString: 'assert(code.match(/case/g).length === 9, "You should have nine <code>case</code> statements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sequentialSizes(val) {
+  var answer = "";
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+  return answer;
+}
+
+// Change this value to test
+sequentialSizes(1);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-decimals-with-javascript.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-decimals-with-javascript.russian.md
new file mode 100644
index 0000000000..aca7fb381f
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-decimals-with-javascript.russian.md
@@ -0,0 +1,59 @@
+---
+id: bd7993c9c69feddfaeb7bdef
+title: Multiply Two Decimals with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Умножить два десятичных знака с помощью JavaScript
+---
+
+## Description
+<section id="description"> В JavaScript вы также можете выполнять вычисления с десятичными числами, как и целые числа. Давайте умножим два десятичных знака вместе, чтобы получить их продукт. </section>
+
+## Instructions
+<section id="instructions"> Измените <code>0.0</code> чтобы продукт равнялся <code>5.0</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Переменный <code>product</code> должен быть равен <code>5.0</code> .
+    testString: 'assert(product === 5.0, "The variable <code>product</code> should equal <code>5.0</code>.");'
+  - text: Вы должны использовать оператор <code>*</code>
+    testString: 'assert(/\*/.test(code), "You should use the <code>*</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var product = 2.0 * 0.0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-numbers-with-javascript.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-numbers-with-javascript.russian.md
new file mode 100644
index 0000000000..6c96212270
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-numbers-with-javascript.russian.md
@@ -0,0 +1,59 @@
+---
+id: cf1231c1c11feddfaeb5bdef
+title: Multiply Two Numbers with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Умножить два числа с помощью JavaScript
+---
+
+## Description
+<section id="description"> Мы также можем умножить одно число на другое. JavaScript использует символ <code>*</code> для умножения двух чисел. <p> <strong>пример</strong> </p><blockquote> myVar = 13 * 13; // присвоено 169 </blockquote></section>
+
+## Instructions
+<section id="instructions"> Измените <code>0</code> чтобы продукт равнялся <code>80</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Сделать переменный <code>product</code> равным 80
+    testString: 'assert(product === 80,"Make the variable <code>product</code> equal 80");'
+  - text: Используйте оператор <code>*</code>
+    testString: 'assert(/\*/.test(code), "Use the <code>*</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var product = 8 * 0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array.russian.md
new file mode 100644
index 0000000000..872943d689
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array.russian.md
@@ -0,0 +1,61 @@
+---
+id: cf1111c1c11feddfaeb7bdef
+title: Nest one Array within Another Array
+challengeType: 1
+videoUrl: ''
+localeTitle: Гнездо одного массива в другом массиве
+---
+
+## Description
+<section id="description"> Вы также можете вложить массивы в другие массивы, например: <code>[[&quot;Bulls&quot;, 23], [&quot;White Sox&quot;, 45]]</code> . Это также называется <dfn>многомерным массивом <dfn>.</dfn></dfn> </section>
+
+## Instructions
+<section id="instructions"> Создайте вложенный массив с именем <code>myArray</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myArray</code> должен иметь по крайней мере один массив, вложенный в другой массив.'
+    testString: 'assert(Array.isArray(myArray) && myArray.some(Array.isArray), "<code>myArray</code> should have at least one array nested within another array.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = [["the universe", 42], ["everything", 101010]];
+
+// Only change code below this line.
+var myArray = [];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops.russian.md
new file mode 100644
index 0000000000..761247e860
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops.russian.md
@@ -0,0 +1,62 @@
+---
+id: 56533eb9ac21ba0edf2244e1
+title: Nesting For Loops
+challengeType: 1
+videoUrl: ''
+localeTitle: Вложение в петли
+---
+
+## Description
+<section id="description"> Если у вас многомерный массив, вы можете использовать ту же логику, что и предыдущая путевая точка, чтобы прокручивать как массив, так и любые подмассивы. Вот пример: <blockquote> var arr = [ <br> [1,2], [3,4], [5,6] <br> ]; <br> для (var i = 0; i &lt;arr.length; i ++) { <br> для (var j = 0; j &lt;arr [i] .length; j ++) { <br> console.log (обр [я] [J]); <br> } <br> } </blockquote> Это выводит каждый подэлемент в <code>arr</code> одному за раз. Обратите внимание, что для внутреннего цикла мы проверяем <code>.length</code> of <code>arr[i]</code> , так как <code>arr[i]</code> сам является массивом. </section>
+
+## Instructions
+<section id="instructions"> Модифицировать функцию <code>multiplyAll</code> так, чтобы она умножала переменную <code>product</code> на каждое число в подмассивах <code>arr</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>multiplyAll([[1],[2],[3]])</code> должен возвращать <code>6</code>'
+    testString: 'assert(multiplyAll([[1],[2],[3]]) === 6, "<code>multiplyAll([[1],[2],[3]])</code> should return <code>6</code>");'
+  - text: '<code>multiplyAll([[1,2],[3,4],[5,6,7]])</code> должен вернуть <code>5040</code>'
+    testString: 'assert(multiplyAll([[1,2],[3,4],[5,6,7]]) === 5040, "<code>multiplyAll([[1,2],[3,4],[5,6,7]])</code> should return <code>5040</code>");'
+  - text: '<code>multiplyAll([[5,1],[0.2, 4, 0.5],[3, 9]])</code> должен вернуть <code>54</code>'
+    testString: 'assert(multiplyAll([[5,1],[0.2, 4, 0.5],[3, 9]]) === 54, "<code>multiplyAll([[5,1],[0.2, 4, 0.5],[3, 9]])</code> should return <code>54</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function multiplyAll(arr) {
+  var product = 1;
+  // Only change code below this line
+
+  // Only change code above this line
+  return product;
+}
+
+// Modify values below to test your code
+multiplyAll([[1,2],[3,4],[5,6,7]]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments.russian.md
new file mode 100644
index 0000000000..19996bc2be
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments.russian.md
@@ -0,0 +1,97 @@
+---
+id: 56533eb9ac21ba0edf2244bd
+title: Passing Values to Functions with Arguments
+challengeType: 1
+videoUrl: ''
+localeTitle: Передача значений в функции с аргументами
+---
+
+## Description
+<section id="description"> <dfn>Параметры</dfn> - это переменные, которые действуют как заполнители для значений, которые должны быть введены в функцию при ее вызове. Когда функция определена, она обычно определяется вместе с одним или несколькими параметрами. Фактические значения, которые вводятся (или <dfn>«переданы»</dfn> ) в функцию при ее вызове, называются <dfn>аргументами</dfn> . Вот функция с двумя параметрами <code>param1</code> и <code>param2</code> : <blockquote> function testFun (param1, param2) { <br> console.log (param1, param2); <br> } </blockquote> Затем мы можем вызвать <code>testFun</code> : <code>testFun(&quot;Hello&quot;, &quot;World&quot;);</code> Мы передали два аргумента: <code>&quot;Hello&quot;</code> и <code>&quot;World&quot;</code> . Внутри функции <code>param1</code> будет равен «Hello», а <code>param2</code> будет равен «World». Обратите внимание, что вы можете снова вызвать <code>testFun</code> с разными аргументами, и параметры будут принимать значение новых аргументов. </section>
+
+## Instructions
+<section id="instructions"><ol><li> Создайте функцию <code>functionWithArgs</code> которая принимает два аргумента и выводит их сумму в консоль dev. </li><li> Вызовите функцию с двумя числами в качестве аргументов. </li></ol></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>functionWithArgs</code> должна быть функцией
+    testString: 'assert(typeof functionWithArgs === "function", "<code>functionWithArgs</code> should be a function");'
+  - text: '<code>functionWithArgs(1,2)</code> должен выводить <code>3</code>'
+    testString: 'if(typeof functionWithArgs === "function") { capture(); functionWithArgs(1,2); uncapture(); } assert(logOutput == 3, "<code>functionWithArgs(1,2)</code> should output <code>3</code>");'
+  - text: '<code>functionWithArgs(7,9)</code> должен выводить <code>16</code>'
+    testString: 'if(typeof functionWithArgs === "function") { capture(); functionWithArgs(7,9); uncapture(); } assert(logOutput == 16, "<code>functionWithArgs(7,9)</code> should output <code>16</code>");'
+  - text: Вызовите <code>functionWithArgs</code> с двумя номерами после ее определения.
+    testString: 'assert(/^\s*functionWithArgs\s*\(\s*\d+\s*,\s*\d+\s*\)\s*;/m.test(code), "Call <code>functionWithArgs</code> with two numbers after you define it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function ourFunctionWithArgs(a, b) {
+  console.log(a - b);
+}
+ourFunctionWithArgs(10, 5); // Outputs 5
+
+// Only change code below this line.
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = "";
+var originalConsole = console
+function capture() {
+    var nativeLog = console.log;
+    console.log = function (message) {
+        if(message) logOutput = JSON.stringify(message).trim();
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/practice-comparing-different-values.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/practice-comparing-different-values.russian.md
new file mode 100644
index 0000000000..1dd0ea5bcc
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/practice-comparing-different-values.russian.md
@@ -0,0 +1,62 @@
+---
+id: 599a789b454f2bbd91a3ff4d
+title: Practice comparing different values
+challengeType: 1
+videoUrl: ''
+localeTitle: Практика сравнения разных значений
+---
+
+## Description
+<section id="description"> В двух последних проблемах мы узнали об операторе равенства ( <code>==</code> ) и строгого оператора равенства ( <code>===</code> ). Давайте сделаем быстрый обзор и практикуем использование этих операторов еще немного. Если сравниваемые значения не относятся к одному типу, оператор равенства выполняет преобразование типа, а затем оценивает значения. Тем не менее, строгий оператор равенства будет сравнивать как тип данных, так и значение as-is, без преобразования одного типа в другой. <strong>Примеры</strong> <blockquote> 3 == &#39;3&#39; // возвращает true, потому что JavaScript выполняет преобразование типов из строки в число <br> 3 === &#39;3&#39; // возвращает false, потому что типы разные, и преобразование типов не выполняется </blockquote> <strong>Заметка</strong> <br> В JavaScript вы можете определить тип переменной или значение с помощью оператора <code>typeof</code> следующим образом: <blockquote> typeof 3 // возвращает &#39;number&#39; <br> typeof &#39;3&#39; // возвращает &#39;string&#39; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Функция <code>compareEquality</code> в редакторе сравнивает два значения с помощью <code>equality operator</code> . Измените функцию так, чтобы она возвращала «Равно» только тогда, когда значения строго равны. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>compareEquality(10, &quot;10&quot;)</code> должен возвращать &quot;Не равно&quot;'
+    testString: 'assert(compareEquality(10, "10") === "Not Equal", "<code>compareEquality(10, "10")</code> should return "Not Equal"");'
+  - text: '<code>compareEquality(&quot;20&quot;, 20)</code> должен возвращать &quot;Не равно&quot;'
+    testString: 'assert(compareEquality("20", 20) === "Not Equal", "<code>compareEquality("20", 20)</code> should return "Not Equal"");'
+  - text: Вы должны использовать оператор <code>===</code>
+    testString: 'assert(code.match(/===/g), "You should use the <code>===</code> operator");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function compareEquality(a, b) {
+  if (a == b) { // Change this line
+    return "Equal";
+  }
+  return "Not Equal";
+}
+
+// Change this value to test
+compareEquality(10, "10");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/profile-lookup.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/profile-lookup.russian.md
new file mode 100644
index 0000000000..6df236daf4
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/profile-lookup.russian.md
@@ -0,0 +1,96 @@
+---
+id: 5688e62ea601b2482ff8422b
+title: Profile Lookup
+challengeType: 1
+videoUrl: ''
+localeTitle: Поиск профиля
+---
+
+## Description
+<section id="description"> У нас есть набор объектов, представляющих разные люди в наших списках контактов. Функция <code>lookUpProfile</code> которая принимает <code>name</code> и свойство ( <code>prop</code> ) в качестве аргументов, была предварительно написана для вас. Функция должна проверять, является ли <code>name</code> фактическим контактом <code>firstName</code> и данное свойство ( <code>prop</code> ) является свойством этого контакта. Если оба они истинны, верните «значение» этого свойства. Если <code>name</code> не соответствует контактам, тогда верните <code>&quot;No such contact&quot;</code> Если <code>prop</code> не соответствует каким-либо действительным свойствам контакта, найденного для соответствия <code>name</code> тогда верните <code>&quot;No such property&quot;</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>&quot;Kristian&quot;, &quot;lastName&quot;</code> должен вернуть <code>&quot;Vos&quot;</code>'
+    testString: 'assert(lookUpProfile("Kristian","lastName") === "Vos", "<code>"Kristian", "lastName"</code> should return <code>"Vos"</code>");'
+  - text: '<code>&quot;Sherlock&quot;, &quot;likes&quot;</code> должен вернуться <code>[&quot;Intriguing Cases&quot;, &quot;Violin&quot;]</code>'
+    testString: 'assert.deepEqual(lookUpProfile("Sherlock", "likes"), ["Intriguing Cases", "Violin"], "<code>"Sherlock", "likes"</code> should return <code>["Intriguing Cases", "Violin"]</code>");'
+  - text: '<code>&quot;Harry&quot;,&quot;likes&quot;</code> должен вернуть массив'
+    testString: 'assert(typeof lookUpProfile("Harry", "likes") === "object", "<code>"Harry","likes"</code> should return an array");'
+  - text: '<code>&quot;Bob&quot;, &quot;number&quot;</code> должен вернуть «Нет такого контакта»,'
+    testString: 'assert(lookUpProfile("Bob", "number") === "No such contact", "<code>"Bob", "number"</code> should return "No such contact"");'
+  - text: '<code>&quot;Bob&quot;, &quot;potato&quot;</code> должен вернуться «Нет такого контакта»,'
+    testString: 'assert(lookUpProfile("Bob", "potato") === "No such contact", "<code>"Bob", "potato"</code> should return "No such contact"");'
+  - text: '<code>&quot;Akira&quot;, &quot;address&quot;</code> должен вернуть «Нет такого имущества»,'
+    testString: 'assert(lookUpProfile("Akira", "address") === "No such property", "<code>"Akira", "address"</code> should return "No such property"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+//Setup
+var contacts = [
+    {
+        "firstName": "Akira",
+        "lastName": "Laine",
+        "number": "0543236543",
+        "likes": ["Pizza", "Coding", "Brownie Points"]
+    },
+    {
+        "firstName": "Harry",
+        "lastName": "Potter",
+        "number": "0994372684",
+        "likes": ["Hogwarts", "Magic", "Hagrid"]
+    },
+    {
+        "firstName": "Sherlock",
+        "lastName": "Holmes",
+        "number": "0487345643",
+        "likes": ["Intriguing Cases", "Violin"]
+    },
+    {
+        "firstName": "Kristian",
+        "lastName": "Vos",
+        "number": "unknown",
+        "likes": ["JavaScript", "Gaming", "Foxes"]
+    }
+];
+
+
+function lookUpProfile(name, prop){
+// Only change code below this line
+
+// Only change code above this line
+}
+
+// Change these values to test your function
+lookUpProfile("Akira", "likes");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/quoting-strings-with-single-quotes.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/quoting-strings-with-single-quotes.russian.md
new file mode 100644
index 0000000000..c928416748
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/quoting-strings-with-single-quotes.russian.md
@@ -0,0 +1,59 @@
+---
+id: 56533eb9ac21ba0edf2244b4
+title: Quoting Strings with Single Quotes
+challengeType: 1
+videoUrl: ''
+localeTitle: Цитирование строк с одиночными котировками
+---
+
+## Description
+<section id="description"> Значения <dfn>строк</dfn> в JavaScript могут быть записаны с одинарными или двойными кавычками, если вы начинаете и заканчиваете одним и тем же типом цитаты. В отличие от некоторых других языков программирования одиночные и двойные кавычки работают одинаково в JavaScript. <blockquote> doubleQuoteStr = &quot;Это строка&quot;; <br> singleQuoteStr = &#39;Это также строка&#39;; </blockquote> Причина, по которой вы, возможно, захотите использовать один тип цитаты над другим, - это если вы хотите использовать оба в строке. Это может произойти, если вы хотите сохранить разговор в строке и провести разговор в кавычках. Другим использованием для него было бы сохранение тега <code>&lt;a&gt;</code> с различными атрибутами в кавычках, все внутри строки. <blockquote> разговор = &#39;Финн восклицает Джейку: «Алгебраический!»; </blockquote> Однако это становится проблемой, если вам нужно использовать внешние цитаты внутри нее. Помните, что строка имеет такую ​​же цитату в начале и в конце. Но если у вас есть такая же цитата где-то посередине, строка остановится раньше и выкинет ошибку. <blockquote> goodStr = &#39;Джейк спрашивает Финна: ​​«Эй, давай отправимся в приключение?»; <br> badStr = &#39;Финн отвечает: «Поехали!»; // Выдает ошибку </blockquote> В <dfn>goodStr</dfn> выше вы можете безопасно использовать обе кавычки, используя обратную косую черту <code>\</code> в качестве escape-символа. <strong>Заметка</strong> <br> Обратную косую черту <code>\</code> не следует путать с косой чертой <code>/</code> . Они не делают то же самое. </section>
+
+## Instructions
+<section id="instructions"> Измените предоставленную строку на строку с одинарными кавычками в начале и конце и без escape-символов. Прямо сейчас тег <code>&lt;a&gt;</code> в строке использует двойные кавычки всюду. Вам нужно будет изменить внешние кавычки на одинарные кавычки, чтобы вы могли удалить escape-символы. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Удалите все <code>backslashes</code> ( <code>\</code> )
+    testString: 'assert(!/\\/g.test(code) && myStr.match("\\s*<a href\\s*=\\s*"http://www.example.com"\\s*target\\s*=\\s*"_blank">\\s*Link\\s*</a>\\s*"), "Remove all the <code>backslashes</code> (<code>\</code>)");'
+  - text: 'Вы должны иметь две одиночные кавычки <code>&#39;</code> и четыре двойные кавычки <code>&quot;</code>'
+    testString: 'assert(code.match(/"/g).length === 4 && code.match(/"/g).length === 2, "You should have two single quotes <code>&#39;</code> and four double quotes <code>&quot;</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myStr = "<a href=\"http://www.example.com\" target=\"_blank\">Link</a>";
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/record-collection.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/record-collection.russian.md
new file mode 100644
index 0000000000..b87e61d32f
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/record-collection.russian.md
@@ -0,0 +1,107 @@
+---
+id: 56533eb9ac21ba0edf2244cf
+title: Record Collection
+challengeType: 1
+videoUrl: ''
+localeTitle: Коллекция записей
+---
+
+## Description
+<section id="description"> Вам предоставляется объект JSON, представляющий часть вашей коллекции музыкальных альбомов. Каждый альбом имеет несколько свойств и уникальный идентификационный номер в качестве ключа. Не все альбомы имеют полную информацию. Напишите функцию, которая принимает <code>id</code> альбома (например, <code>2548</code> ), свойство <code>prop</code> (например, <code>&quot;artist&quot;</code> или <code>&quot;tracks&quot;</code> ) и <code>value</code> (например, <code>&quot;Addicted to Love&quot;</code> ) для изменения данных в этой коллекции. Если <code>prop</code> не является <code>&quot;tracks&quot;</code> а <code>value</code> не пусто ( <code>&quot;&quot;</code> ), обновите или установите <code>value</code> для свойства этого альбома записи. Ваша функция всегда должна возвращать весь объект коллекции. Существует несколько правил обработки неполных данных: если <code>prop</code> является <code>&quot;tracks&quot;</code> но альбом не имеет свойства <code>&quot;tracks&quot;</code> , создайте пустой массив перед добавлением нового значения в соответствующее свойство альбома. Если <code>prop</code> - это <code>&quot;tracks&quot;</code> а <code>value</code> не пусто ( <code>&quot;&quot;</code> ), нажмите <code>value</code> в конец существующего массива <code>tracks</code> . Если <code>value</code> пусто ( <code>&quot;&quot;</code> ), удалите данное свойство <code>prop</code> из альбома. <strong>Советы</strong> <br> Используйте <code>bracket notation</code> при <a href="javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables" target="_blank">доступе к свойствам объекта с переменными</a> . Push - метод массива, который вы можете прочитать в <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push" target="_blank">Mozilla Developer Network</a> . Вы можете обратиться к <a href="javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects" target="_blank">Манипулированию сложными объектами,</a> представляющими Обозначение <a href="javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects" target="_blank">объектов</a> JavaScript (JSON) для обновления. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'После <code>updateRecords(5439, &quot;artist&quot;, &quot;ABBA&quot;)</code> <code>artist</code> должен быть <code>&quot;ABBA&quot;</code>'
+    testString: 'collection = collectionCopy; assert(updateRecords(5439, "artist", "ABBA")[5439]["artist"] === "ABBA", "After <code>updateRecords(5439, "artist", "ABBA")</code>, <code>artist</code> should be <code>"ABBA"</code>");'
+  - text: 'После <code>updateRecords(5439, &quot;tracks&quot;, &quot;Take a Chance on Me&quot;)</code> <code>tracks</code> должны иметь <code>&quot;Take a Chance on Me&quot;</code> в качестве последнего элемента.'
+    testString: 'assert(updateRecords(5439, "tracks", "Take a Chance on Me")[5439]["tracks"].pop() === "Take a Chance on Me", "After <code>updateRecords(5439, "tracks", "Take a Chance on Me")</code>, <code>tracks</code> should have <code>"Take a Chance on Me"</code> as the last element.");'
+  - text: 'После <code>updateRecords(2548, &quot;artist&quot;, &quot;&quot;)</code> <code>artist</code> не должен быть установлен'
+    testString: 'updateRecords(2548, "artist", ""); assert(!collection[2548].hasOwnProperty("artist"), "After <code>updateRecords(2548, "artist", "")</code>, <code>artist</code> should not be set");'
+  - text: 'После <code>updateRecords(1245, &quot;tracks&quot;, &quot;Addicted to Love&quot;)</code> <code>tracks</code> должны иметь <code>&quot;Addicted to Love&quot;</code> в качестве последнего элемента.'
+    testString: 'assert(updateRecords(1245, "tracks", "Addicted to Love")[1245]["tracks"].pop() === "Addicted to Love", "After <code>updateRecords(1245, "tracks", "Addicted to Love")</code>, <code>tracks</code> should have <code>"Addicted to Love"</code> as the last element.");'
+  - text: 'После <code>updateRecords(2468, &quot;tracks&quot;, &quot;Free&quot;)</code> <code>tracks</code> должны иметь <code>&quot;1999&quot;</code> в качестве первого элемента.'
+    testString: 'assert(updateRecords(2468, "tracks", "Free")[2468]["tracks"][0] === "1999", "After <code>updateRecords(2468, "tracks", "Free")</code>, <code>tracks</code> should have <code>"1999"</code> as the first element.");'
+  - text: 'После <code>updateRecords(2548, &quot;tracks&quot;, &quot;&quot;)</code> <code>tracks</code> не должны устанавливаться'
+    testString: 'updateRecords(2548, "tracks", ""); assert(!collection[2548].hasOwnProperty("tracks"), "After <code>updateRecords(2548, "tracks", "")</code>, <code>tracks</code> should not be set");'
+  - text: 'После <code>updateRecords(1245, &quot;album&quot;, &quot;Riptide&quot;)</code> <code>album</code> должен быть <code>&quot;Riptide&quot;</code>'
+    testString: 'assert(updateRecords(1245, "album", "Riptide")[1245]["album"] === "Riptide", "After <code>updateRecords(1245, "album", "Riptide")</code>, <code>album</code> should be <code>"Riptide"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var collection = {
+    "2548": {
+      "album": "Slippery When Wet",
+      "artist": "Bon Jovi",
+      "tracks": [
+        "Let It Rock",
+        "You Give Love a Bad Name"
+      ]
+    },
+    "2468": {
+      "album": "1999",
+      "artist": "Prince",
+      "tracks": [
+        "1999",
+        "Little Red Corvette"
+      ]
+    },
+    "1245": {
+      "artist": "Robert Palmer",
+      "tracks": [ ]
+    },
+    "5439": {
+      "album": "ABBA Gold"
+    }
+};
+// Keep a copy of the collection for tests
+var collectionCopy = JSON.parse(JSON.stringify(collection));
+
+// Only change code below this line
+function updateRecords(id, prop, value) {
+
+
+  return collection;
+}
+
+// Alter values below to test your code
+updateRecords(5439, "artist", "ABBA");
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/replacing-if-else-chains-with-switch.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/replacing-if-else-chains-with-switch.russian.md
new file mode 100644
index 0000000000..9f0caf5b60
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/replacing-if-else-chains-with-switch.russian.md
@@ -0,0 +1,88 @@
+---
+id: 56533eb9ac21ba0edf2244e0
+title: Replacing If Else Chains with Switch
+challengeType: 1
+videoUrl: ''
+localeTitle: Замена остальных цепей коммутатором
+---
+
+## Description
+<section id="description"> Если у вас есть много вариантов на выбор, оператор <code>switch</code> может быть проще писать, чем многие прикованные <code>if</code> / <code>else if</code> . Следующие: <blockquote> если (val === 1) { <br> answer = &quot;a&quot;; <br> } else if (val === 2) { <br> answer = &quot;b&quot;; <br> } else { <br> answer = &quot;c&quot;; <br> } </blockquote> можно заменить на: <blockquote> switch (val) { <br> Дело 1: <br> answer = &quot;a&quot;; <br> ломать; <br> случай 2: <br> answer = &quot;b&quot;; <br> ломать; <br> по умолчанию: <br> answer = &quot;c&quot;; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Измените прикованные инструкции <code>if</code> / <code>else if</code> оператор <code>switch</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вы не должны использовать никаких <code>else</code> утверждений в любом месте редактора
+    testString: 'assert(!/else/g.test(code), "You should not use any <code>else</code> statements anywhere in the editor");'
+  - text: Вы не должны использовать какие-либо инструкции <code>if</code> в редакторе
+    testString: 'assert(!/if/g.test(code), "You should not use any <code>if</code> statements anywhere in the editor");'
+  - text: Вы должны иметь по крайней мере четыре <code>break</code> заявления
+    testString: 'assert(code.match(/break/g).length >= 4, "You should have at least four <code>break</code> statements");'
+  - text: <code>chainToSwitch(&quot;bob&quot;)</code> должен быть &quot;Marley&quot;
+    testString: 'assert(chainToSwitch("bob") === "Marley", "<code>chainToSwitch("bob")</code> should be "Marley"");'
+  - text: <code>chainToSwitch(42)</code> должен быть «Ответ»
+    testString: 'assert(chainToSwitch(42) === "The Answer", "<code>chainToSwitch(42)</code> should be "The Answer"");'
+  - text: <code>chainToSwitch(1)</code> должен быть «Нет №1»
+    testString: 'assert(chainToSwitch(1) === "There is no #1", "<code>chainToSwitch(1)</code> should be "There is no #1"");'
+  - text: <code>chainToSwitch(99)</code> должен быть «пропустил меня этим!»
+    testString: 'assert(chainToSwitch(99) === "Missed me by this much!", "<code>chainToSwitch(99)</code> should be "Missed me by this much!"");'
+  - text: <code>chainToSwitch(7)</code> должен быть «Ate Nine»
+    testString: 'assert(chainToSwitch(7) === "Ate Nine", "<code>chainToSwitch(7)</code> should be "Ate Nine"");'
+  - text: <code>chainToSwitch(&quot;John&quot;)</code> должен быть «» (пустая строка)
+    testString: 'assert(chainToSwitch("John") === "", "<code>chainToSwitch("John")</code> should be "" (empty string)");'
+  - text: <code>chainToSwitch(156)</code> должен быть «&quot; (пустая строка)
+    testString: 'assert(chainToSwitch(156) === "", "<code>chainToSwitch(156)</code> should be "" (empty string)");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function chainToSwitch(val) {
+  var answer = "";
+  // Only change code below this line
+
+  if (val === "bob") {
+    answer = "Marley";
+  } else if (val === 42) {
+    answer = "The Answer";
+  } else if (val === 1) {
+    answer = "There is no #1";
+  } else if (val === 99) {
+    answer = "Missed me by this much!";
+  } else if (val === 7) {
+    answer = "Ate Nine";
+  }
+
+  // Only change code above this line
+  return answer;
+}
+
+// Change this value to test
+chainToSwitch(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.russian.md
new file mode 100644
index 0000000000..7dfcb98c93
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.russian.md
@@ -0,0 +1,64 @@
+---
+id: 56533eb9ac21ba0edf2244c2
+title: Return a Value from a Function with Return
+challengeType: 1
+videoUrl: ''
+localeTitle: Возврат значения из функции с возвратом
+---
+
+## Description
+<section id="description"> Мы можем передавать значения в функцию с <dfn>аргументами</dfn> . Вы можете использовать оператор <code>return</code> чтобы отправить значение обратно из функции. <strong>пример</strong> <blockquote> function plusThree (num) { <br> return num + 3; <br> } <br> var answer = plusThree (5); // 8 </blockquote> <code>plusThree</code> принимает <dfn>аргумент</dfn> для <code>num</code> и возвращает значение, равное <code>num + 3</code> . </section>
+
+## Instructions
+<section id="instructions"> Создайте функцию <code>timesFive</code> которая принимает один аргумент, умножает его на <code>5</code> и возвращает новое значение. См. Последнюю строку в редакторе для примера того, как вы можете проверить свою функцию <code>timesFive</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>timesFive</code> должна быть функцией
+    testString: 'assert(typeof timesFive === "function", "<code>timesFive</code> should be a function");'
+  - text: <code>timesFive(5)</code> должен вернуть <code>25</code>
+    testString: 'assert(timesFive(5) === 25, "<code>timesFive(5)</code> should return <code>25</code>");'
+  - text: <code>timesFive(2)</code> должен вернуть <code>10</code>
+    testString: 'assert(timesFive(2) === 10, "<code>timesFive(2)</code> should return <code>10</code>");'
+  - text: <code>timesFive(0)</code> должен возвращать <code>0</code>
+    testString: 'assert(timesFive(0) === 0, "<code>timesFive(0)</code> should return <code>0</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function minusSeven(num) {
+  return num - 7;
+}
+
+// Only change code below this line
+
+
+
+console.log(minusSeven(10));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions.russian.md
new file mode 100644
index 0000000000..f1af435fb9
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions.russian.md
@@ -0,0 +1,71 @@
+---
+id: 56533eb9ac21ba0edf2244c4
+title: Return Early Pattern for Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Возврат раннего шаблона для функций
+---
+
+## Description
+<section id="description"> Когда оператор <code>return</code> достигнут, выполнение текущей функции прекращается, и управление возвращается в вызывающее местоположение. <strong>пример</strong> <blockquote> function myFun () { <br> console.log ( &quot;Hello&quot;); <br> возвращение «Мир»; <br> console.log ( &quot;Byebye&quot;) <br> } <br> myFun (); </blockquote> Вышеупомянутые выходы «Hello» на консоль возвращают «Мир», но <code>&quot;byebye&quot;</code> никогда не выводится, потому что функция выходит из оператора <code>return</code> . </section>
+
+## Instructions
+<section id="instructions"> Измените функцию <code>abTest</code> так, чтобы, если <code>a</code> или <code>b</code> меньше <code>0</code> функция немедленно выйдет со значением <code>undefined</code> . <strong>намек</strong> <br> Помните, что <a href="http://www.freecodecamp.org/challenges/understanding-uninitialized-variables" target="_blank"><code>undefined</code> - это ключевое слово</a> , а не строка. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>abTest(2,2)</code> должен возвращать число'
+    testString: 'assert(typeof abTest(2,2) === "number" , "<code>abTest(2,2)</code> should return a number");'
+  - text: '<code>abTest(2,2)</code> должен вернуть <code>8</code>'
+    testString: 'assert(abTest(2,2) === 8 , "<code>abTest(2,2)</code> should return <code>8</code>");'
+  - text: '<code>abTest(-2,2)</code> должен возвращать <code>undefined</code>'
+    testString: 'assert(abTest(-2,2) === undefined , "<code>abTest(-2,2)</code> should return <code>undefined</code>");'
+  - text: '<code>abTest(2,-2)</code> должен возвращать <code>undefined</code>'
+    testString: 'assert(abTest(2,-2) === undefined , "<code>abTest(2,-2)</code> should return <code>undefined</code>");'
+  - text: '<code>abTest(2,8)</code> должен вернуть <code>18</code>'
+    testString: 'assert(abTest(2,8) === 18 , "<code>abTest(2,8)</code> should return <code>18</code>");'
+  - text: '<code>abTest(3,3)</code> должен вернуть <code>12</code>'
+    testString: 'assert(abTest(3,3) === 12 , "<code>abTest(3,3)</code> should return <code>12</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function abTest(a, b) {
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+
+  return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
+}
+
+// Change values below to test your code
+abTest(2,2);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions.russian.md
new file mode 100644
index 0000000000..64d7edbdba
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions.russian.md
@@ -0,0 +1,63 @@
+---
+id: 5679ceb97cbaa8c51670a16b
+title: Returning Boolean Values from Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Возврат булевых значений из функций
+---
+
+## Description
+<section id="description"> Вы можете вспомнить из <a href="waypoint-comparison-with-the-equality-operator" target="_blank">сравнения с Оператором равенства,</a> что все операторы сравнения возвращают логическое <code>true</code> или <code>false</code> значение. Иногда люди используют оператор if / else для сравнения, например: <blockquote> функция isEqual (a, b) { <br> if (a === b) { <br> return true; <br> } else { <br> return false; <br> } <br> } </blockquote> Но есть лучший способ сделать это. Поскольку <code>===</code> возвращает <code>true</code> или <code>false</code> , мы можем вернуть результат сравнения: <blockquote> функция isEqual (a, b) { <br> return a === b; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Исправить функцию <code>isLess</code> чтобы удалить инструкции <code>if/else</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>isLess(10,15)</code> должен возвращать <code>true</code>'
+    testString: 'assert(isLess(10,15) === true, "<code>isLess(10,15)</code> should return <code>true</code>");'
+  - text: '<code>isLess(15,10)</code> должен возвращать <code>false</code>'
+    testString: 'assert(isLess(15, 10) === false, "<code>isLess(15,10)</code> should return <code>false</code>");'
+  - text: Вы не должны использовать никаких утверждений <code>if</code> или <code>else</code>
+    testString: 'assert(!/if|else/g.test(code), "You should not use any <code>if</code> or <code>else</code> statements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function isLess(a, b) {
+  // Fix this code
+  if (a < b) {
+    return true;
+  } else {
+    return false;
+  }
+}
+
+// Change these values to test
+isLess(10, 15);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/selecting-from-many-options-with-switch-statements.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/selecting-from-many-options-with-switch-statements.russian.md
new file mode 100644
index 0000000000..302b2ebafe
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/selecting-from-many-options-with-switch-statements.russian.md
@@ -0,0 +1,70 @@
+---
+id: 56533eb9ac21ba0edf2244dd
+title: Selecting from Many Options with Switch Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: Выбор из многих параметров с помощью операторов Switch
+---
+
+## Description
+<section id="description"> Если у вас есть много вариантов на выбор, используйте оператор <code>switch</code> . Оператор <code>switch</code> проверяет значение и может иметь множество операторов <code>case</code> которые определяют различные возможные значения. Заявления выполняются из первого совпадающего значения <code>case</code> до тех пор, пока не будет обнаружен <code>break</code> . Вот пример <dfn>псевдокода</dfn> : <blockquote> switch (num) { <br> значение case1: <br> statement1; <br> ломать; <br> значение case2: <br> оператор2; <br> ломать; <br> ... <br> значение caseN: <br> statementN; <br> ломать; <br> } </blockquote> значения <code>case</code> проверяются со строгим равенством ( <code>===</code> ). <code>break</code> говорит JavaScript, чтобы остановить выполнение операторов. Если <code>break</code> пропущен, следующий оператор будет выполнен. </section>
+
+## Instructions
+<section id="instructions"> Напишите оператор switch, который проверяет <code>val</code> и устанавливает <code>answer</code> для следующих условий: <br> <code>1</code> - &quot;альфа&quot; <br> <code>2</code> - &quot;бета&quot; <br> <code>3</code> - &quot;гамма&quot; <br> <code>4</code> - &quot;дельта&quot; </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>caseInSwitch(1)</code> должен иметь значение &quot;alpha&quot;
+    testString: 'assert(caseInSwitch(1) === "alpha", "<code>caseInSwitch(1)</code> should have a value of "alpha"");'
+  - text: '<code>caseInSwitch(2)</code> должен иметь значение «бета»,'
+    testString: 'assert(caseInSwitch(2) === "beta", "<code>caseInSwitch(2)</code> should have a value of "beta"");'
+  - text: <code>caseInSwitch(3)</code> должен иметь значение &quot;гамма&quot;
+    testString: 'assert(caseInSwitch(3) === "gamma", "<code>caseInSwitch(3)</code> should have a value of "gamma"");'
+  - text: <code>caseInSwitch(4)</code> должен иметь значение &quot;delta&quot;
+    testString: 'assert(caseInSwitch(4) === "delta", "<code>caseInSwitch(4)</code> should have a value of "delta"");'
+  - text: Вы не должны использовать никаких утверждений <code>if</code> или <code>else</code>
+    testString: 'assert(!/else/g.test(code) || !/if/g.test(code), "You should not use any <code>if</code> or <code>else</code> statements");'
+  - text: У вас должно быть как минимум 3 заявления о <code>break</code>
+    testString: 'assert(code.match(/break/g).length > 2, "You should have at least 3 <code>break</code> statements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function caseInSwitch(val) {
+  var answer = "";
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+  return answer;
+}
+
+// Change this value to test
+caseInSwitch(1);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/shopping-list.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/shopping-list.russian.md
new file mode 100644
index 0000000000..da49b919a1
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/shopping-list.russian.md
@@ -0,0 +1,64 @@
+---
+id: 56533eb9ac21ba0edf2244bc
+title: Shopping List
+challengeType: 1
+videoUrl: ''
+localeTitle: Список покупок
+---
+
+## Description
+<section id="description"> Создайте список покупок в переменной <code>myList</code> . Список должен быть многомерным массивом, содержащим несколько подмассивов. Первый элемент в каждом под-массиве должен содержать строку с именем элемента. Второй элемент должен быть числом, представляющим количество, т. Е. <code>[&quot;Chocolate Bar&quot;, 15]</code> В списке должно быть не менее 5 под-массивов. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myList</code> должен быть массивом
+    testString: 'assert(isArray, "<code>myList</code> should be an array");'
+  - text: Первыми элементами в каждом из ваших подматриц должны быть строки
+    testString: 'assert(hasString, "The first elements in each of your sub-arrays must all be strings");'
+  - text: Все элементы в каждом из ваших подматриц должны быть числами
+    testString: 'assert(hasNumber, "The second elements in each of your sub-arrays must all be numbers");'
+  - text: В вашем списке должно быть не менее 5 элементов
+    testString: 'assert(count > 4, "You must have at least 5 items in your list");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myList = [];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/stand-in-line.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/stand-in-line.russian.md
new file mode 100644
index 0000000000..4bb0241794
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/stand-in-line.russian.md
@@ -0,0 +1,106 @@
+---
+id: 56533eb9ac21ba0edf2244c6
+title: Stand in Line
+challengeType: 1
+videoUrl: ''
+localeTitle: Стоять в очереди
+---
+
+## Description
+<section id="description"> В информатике <dfn>очередь</dfn> представляет собой абстрактную <dfn>структуру данных, в</dfn> которой элементы хранятся в порядке. Новые элементы могут быть добавлены в конце <code>queue</code> а старые элементы сняты с передней части <code>queue</code> . Напишите функцию <code>nextInLine</code> которая принимает массив ( <code>arr</code> ) и число ( <code>item</code> ) в качестве аргументов. Добавьте число в конец массива, затем удалите первый элемент массива. Затем функция <code>nextInLine</code> возвращает элемент, который был удален. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>nextInLine([], 5)</code> должен возвращать число.'
+    testString: 'assert.isNumber(nextInLine([],5), "<code>nextInLine([], 5)</code> should return a number.");'
+  - text: '<code>nextInLine([], 1)</code> должен возвращать <code>1</code>'
+    testString: 'assert(nextInLine([],1) === 1, "<code>nextInLine([], 1)</code> should return <code>1</code>");'
+  - text: '<code>nextInLine([2], 1)</code> должен вернуть <code>2</code>'
+    testString: 'assert(nextInLine([2],1) === 2, "<code>nextInLine([2], 1)</code> should return <code>2</code>");'
+  - text: '<code>nextInLine([5,6,7,8,9], 1)</code> должен вернуть <code>5</code>'
+    testString: 'assert(nextInLine([5,6,7,8,9],1) === 5, "<code>nextInLine([5,6,7,8,9], 1)</code> should return <code>5</code>");'
+  - text: 'После <code>nextInLine(testArr, 10)</code> <code>testArr[4]</code> должно быть <code>10</code>'
+    testString: 'nextInLine(testArr, 10); assert(testArr[4] === 10, "After <code>nextInLine(testArr, 10)</code>, <code>testArr[4]</code> should be <code>10</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nextInLine(arr, item) {
+  // Your code here
+
+  return item;  // Change this line
+}
+
+// Test Setup
+var testArr = [1,2,3,4,5];
+
+// Display Code
+console.log("Before: " + JSON.stringify(testArr));
+console.log(nextInLine(testArr, 6)); // Modify this line to test
+console.log("After: " + JSON.stringify(testArr));
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = [];
+var originalConsole = console
+function capture() {
+    var nativeLog = console.log;
+    console.log = function (message) {
+        logOutput.push(message);
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays.russian.md
new file mode 100644
index 0000000000..f0637a88ca
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays.russian.md
@@ -0,0 +1,65 @@
+---
+id: bd7993c9c69feddfaeb8bdef
+title: Store Multiple Values in one Variable using JavaScript Arrays
+challengeType: 1
+videoUrl: ''
+localeTitle: Сохранять несколько значений в одной переменной с помощью массивов JavaScript
+---
+
+## Description
+<section id="description"> С переменными <code>array</code> JavaScript мы можем хранить несколько фрагментов данных в одном месте. Вы начинаете объявление массива с открытой квадратной скобкой, заканчиваете его закрывающей квадратной скобкой и помещаете запятую между каждой записью, например: <code>var sandwich = [&quot;peanut butter&quot;, &quot;jelly&quot;, &quot;bread&quot;]</code> . </section>
+
+## Instructions
+<section id="instructions"> Измените новый массив <code>myArray</code> так, чтобы он содержал <code>string</code> и <code>number</code> (в этом порядке). <strong>намек</strong> <br> Если вы застряли, обратитесь к примеру кода в текстовом редакторе. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myArray</code> должен быть <code>array</code> .
+    testString: 'assert(typeof myArray == "object", "<code>myArray</code> should be an <code>array</code>.");'
+  - text: Первый элемент в <code>myArray</code> должен быть <code>string</code> .
+    testString: 'assert(typeof myArray[0] !== "undefined" && typeof myArray[0] == "string", "The first item in <code>myArray</code> should be a <code>string</code>.");'
+  - text: Второй элемент в <code>myArray</code> должен быть <code>number</code> .
+    testString: 'assert(typeof myArray[1] !== "undefined" && typeof myArray[1] == "number", "The second item in <code>myArray</code> should be a <code>number</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourArray = ["John", 23];
+
+// Only change code below this line.
+var myArray = [];
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator.russian.md
new file mode 100644
index 0000000000..eced6785c2
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator.russian.md
@@ -0,0 +1,81 @@
+---
+id: 56533eb9ac21ba0edf2244a8
+title: Storing Values with the Assignment Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Сохранение значений с помощью оператора присваивания
+---
+
+## Description
+<section id="description"> В JavaScript вы можете сохранить значение в переменной с оператором <dfn>присваивания</dfn> . <code>myVariable = 5;</code> Это присваивает значение <code>Number</code> <code>5</code> <code>myVariable</code> . Назначение всегда идет справа налево. Все, что находится справа от оператора <code>=</code> разрешается до того, как значение присваивается переменной слева от оператора. <blockquote> myVar = 5; <br> myNum = myVar; </blockquote> Это присваивает <code>5</code> <code>myVar</code> а затем снова разрешает <code>myVar</code> на <code>5</code> и присваивает его <code>myNum</code> . </section>
+
+## Instructions
+<section id="instructions"> Назначьте значение <code>7</code> переменной <code>a</code> . Назначают содержимое переменной <code>a</code> <code>b</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Не меняйте код над строкой
+    testString: 'assert(/var a;/.test(code) && /var b = 2;/.test(code), "Do not change code above the line");'
+  - text: <code>a</code> должно иметь значение 7
+    testString: 'assert(typeof a === "number" && a === 7, "<code>a</code> should have a value of 7");'
+  - text: <code>b</code> должно иметь значение 7
+    testString: 'assert(typeof b === "number" && b === 7, "<code>b</code> should have a value of 7");'
+  - text: <code>a</code> должен быть назначен <code>b</code> с <code>=</code>
+    testString: 'assert(/b\s*=\s*a\s*;/g.test(code), "<code>a</code> should be assigned to <code>b</code> with <code>=</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var a;
+var b = 2;
+
+// Only change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+if (typeof a != 'undefined') {
+  a = undefined;
+}
+if (typeof b != 'undefined') {
+  b = undefined;
+}
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.russian.md
new file mode 100644
index 0000000000..6c6222f0ff
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.russian.md
@@ -0,0 +1,59 @@
+---
+id: cf1111c1c11feddfaeb4bdef
+title: Subtract One Number from Another with JavaScript
+challengeType: 1
+videoUrl: ''
+localeTitle: Вычитайте один номер из другого с помощью JavaScript
+---
+
+## Description
+<section id="description"> Мы также можем вычесть одно число из другого. JavaScript использует символ <code>-</code> для вычитания. <p> <strong>пример</strong> </p><blockquote> myVar = 12 - 6; // присвоено 6 </blockquote></section>
+
+## Instructions
+<section id="instructions"> Измените <code>0</code> так что разница составляет <code>12</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Сделайте переменную <code>difference</code> равной 12.
+    testString: 'assert(difference === 12, "Make the variable <code>difference</code> equal 12.");'
+  - text: Вычитайте только одно число из 45.
+    testString: 'assert(/var\s*difference\s*=\s*45\s*-\s*[0-9]*;(?!\s*[a-zA-Z0-9]+)/.test(code),"Only subtract one number from 45.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var difference = 45 - 0;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties.russian.md
new file mode 100644
index 0000000000..ab2ffcfe71
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties.russian.md
@@ -0,0 +1,67 @@
+---
+id: 567af2437cbaa8c51670a16c
+title: Testing Objects for Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: Тестирование объектов для свойств
+---
+
+## Description
+<section id="description"> Иногда полезно проверить, существует ли свойство данного объекта или нет. Мы можем использовать метод объектов <code>.hasOwnProperty(propname)</code> для определения того, имеет ли этот объект указанное имя свойства. <code>.hasOwnProperty()</code> возвращает <code>true</code> или <code>false</code> если свойство найдено или нет. <strong>пример</strong> <blockquote> var myObj = { <br> top: «шляпа», <br> снизу: &quot;штаны&quot; <br> }; <br> myObj.hasOwnProperty ( &quot;вершина&quot;); // правда <br> myObj.hasOwnProperty ( &quot;средний&quot;); // ложный </blockquote></section>
+
+## Instructions
+<section id="instructions"> Измените функцию <code>checkObj</code> для проверки <code>myObj</code> для <code>checkProp</code> . Если свойство найдено, верните его значение. Если нет, верните <code>&quot;Not Found&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>checkObj(&quot;gift&quot;)</code> должен вернуть <code>&quot;pony&quot;</code> .
+    testString: 'assert(checkObj("gift") === "pony", "<code>checkObj("gift")</code> should return  <code>"pony"</code>.");'
+  - text: <code>checkObj(&quot;pet&quot;)</code> должен вернуть <code>&quot;kitten&quot;</code> .
+    testString: 'assert(checkObj("pet") === "kitten", "<code>checkObj("pet")</code> should return  <code>"kitten"</code>.");'
+  - text: <code>checkObj(&quot;house&quot;)</code> должен вернуть <code>&quot;Not Found&quot;</code> .
+    testString: 'assert(checkObj("house") === "Not Found", "<code>checkObj("house")</code> should return  <code>"Not Found"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myObj = {
+  gift: "pony",
+  pet: "kitten",
+  bed: "sleigh"
+};
+
+function checkObj(checkProp) {
+  // Your Code Here
+
+  return "Change Me!";
+}
+
+// Test your code by modifying these values
+checkObj("gift");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/understand-string-immutability.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/understand-string-immutability.russian.md
new file mode 100644
index 0000000000..de2cabe9ac
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/understand-string-immutability.russian.md
@@ -0,0 +1,64 @@
+---
+id: 56533eb9ac21ba0edf2244ba
+title: Understand String Immutability
+challengeType: 1
+videoUrl: ''
+localeTitle: Понять неустойчивость струны
+---
+
+## Description
+<section id="description"> В JavaScript значения <code>String</code> <dfn>неизменяемы</dfn> , а это значит, что они не могут быть изменены после создания. Например, следующий код: <blockquote> var myStr = &quot;Bob&quot;; <br> myStr [0] = &quot;J&quot;; </blockquote> не может изменить значение <code>myStr</code> на «Job», потому что содержимое <code>myStr</code> не может быть изменено. Обратите внимание, что это <em>не</em> означает, что <code>myStr</code> нельзя изменить, просто чтобы отдельные символы <dfn>строкового литерала</dfn> не могли быть изменены. Единственный способ изменить <code>myStr</code> - назначить ему новую строку, например: <blockquote> var myStr = &quot;Bob&quot;; <br> myStr = &quot;Job&quot;; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Исправьте назначение <code>myStr</code> чтобы оно содержало строковое значение <code>Hello World</code> используя подход, показанный в приведенном выше примере. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myStr</code> должен иметь значение <code>Hello World</code>
+    testString: 'assert(myStr === "Hello World", "<code>myStr</code> should have a value of <code>Hello World</code>");'
+  - text: Не меняйте код над строкой
+    testString: 'assert(/myStr = "Jello World"/.test(code), "Do not change the code above the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+var myStr = "Jello World";
+
+// Only change code below this line
+
+myStr[0] = "H"; // Fix Me
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.russian.md
new file mode 100644
index 0000000000..e464481dc1
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.russian.md
@@ -0,0 +1,66 @@
+---
+id: bd7123c9c441eddfaeb5bdef
+title: Understanding Boolean Values
+challengeType: 1
+videoUrl: ''
+localeTitle: Понимание булевых значений
+---
+
+## Description
+<section id="description"> Другим типом данных является <dfn>логическое значение</dfn> . <code>Booleans</code> могут быть только одним из двух значений: <code>true</code> или <code>false</code> . Они в основном маленькие переключатели включения, где <code>true</code> - «включено», а <code>false</code> - «выключено». Эти два государства являются взаимоисключающими. <strong>Заметка</strong> <br> <code>Boolean</code> значения никогда не записываются с кавычками. <code>strings</code> <code>&quot;true&quot;</code> и <code>&quot;false&quot;</code> не являются <code>Boolean</code> и не имеют специального значения в JavaScript. </section>
+
+## Instructions
+<section id="instructions"> Измените функцию <code>welcomeToBooleans</code> так, чтобы он возвращал <code>true</code> вместо <code>false</code> при нажатии кнопки запуска. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Функция <code>welcomeToBooleans()</code> должна возвращать значение boolean (true / false).
+    testString: 'assert(typeof welcomeToBooleans() === "boolean", "The <code>welcomeToBooleans()</code> function should return a boolean &#40;true/false&#41; value.");'
+  - text: <code>welcomeToBooleans()</code> должен возвращать true.
+    testString: 'assert(welcomeToBooleans() === true, "<code>welcomeToBooleans()</code> should return true.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function welcomeToBooleans() {
+
+// Only change code below this line.
+
+return false; // Change this line
+
+// Only change code above this line.
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables.russian.md
new file mode 100644
index 0000000000..b5d2f4aa16
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables.russian.md
@@ -0,0 +1,67 @@
+---
+id: 56533eb9ac21ba0edf2244ab
+title: Understanding Case Sensitivity in Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: Понимание чувствительности к регистру в переменных
+---
+
+## Description
+<section id="description"> В JavaScript все переменные и имена функций чувствительны к регистру. Это означает, что капитализация имеет значение. <code>MYVAR</code> - это не то же самое, что <code>MyVar</code> и <code>myvar</code> . Возможно иметь несколько разных переменных с одним и тем же именем, но с другим корпусом. Настоятельно рекомендуется, чтобы для ясности вы <em>не</em> использовали эту функцию языка. <h4> Лучшая практика </h4> Введите имена переменных в JavaScript в <dfn>camelCase</dfn> . В <dfn>camelCase</dfn> имена переменных с несколькими словами имеют первое слово в нижнем регистре, а первая буква каждого последующего слова заглавная. <strong>Примеры:</strong> <blockquote> var someVariable; <br> var anotherVariableName; <br> var thisVariableNameIsSoLong; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Измените существующие объявления и задания, чтобы их имена использовали <dfn>camelCase</dfn> . <br> Не создавайте никаких новых переменных. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>studlyCapVar</code> определяется и имеет значение <code>10</code>
+    testString: 'assert(typeof studlyCapVar !== "undefined" && studlyCapVar === 10, "<code>studlyCapVar</code> is defined and has a value of <code>10</code>");'
+  - text: <code>properCamelCase</code> определяется и имеет значение <code>&quot;A String&quot;</code>
+    testString: 'assert(typeof properCamelCase !== "undefined" && properCamelCase === "A String", "<code>properCamelCase</code> is defined and has a value of <code>"A String"</code>");'
+  - text: <code>titleCaseOver</code> определяется и имеет значение <code>9000</code>
+    testString: 'assert(typeof titleCaseOver !== "undefined" && titleCaseOver === 9000, "<code>titleCaseOver</code> is defined and has a value of <code>9000</code>");'
+  - text: <code>studlyCapVar</code> должен использовать camelCase в разделах объявления и назначения.
+    testString: 'assert(code.match(/studlyCapVar/g).length === 2, "<code>studlyCapVar</code> should use camelCase in both declaration and assignment sections.");'
+  - text: <code>properCamelCase</code> должен использовать camelCase в разделах объявления и назначения.
+    testString: 'assert(code.match(/properCamelCase/g).length === 2, "<code>properCamelCase</code> should use camelCase in both declaration and assignment sections.");'
+  - text: <code>titleCaseOver</code> должен использовать camelCase в разделах объявления и назначения.
+    testString: 'assert(code.match(/titleCaseOver/g).length === 2, "<code>titleCaseOver</code> should use camelCase in both declaration and assignment sections.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Declarations
+var StUdLyCapVaR;
+var properCamelCase;
+var TitleCaseOver;
+
+// Assignments
+STUDLYCAPVAR = 10;
+PRoperCAmelCAse = "A String";
+tITLEcASEoVER = 9000;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function.russian.md
new file mode 100644
index 0000000000..d359ae6934
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function.russian.md
@@ -0,0 +1,74 @@
+---
+id: 598e8944f009e646fc236146
+title: Understanding Undefined Value returned from a Function
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Понимание неопределенного значения, возвращаемого функцией'
+---
+
+## Description
+<section id="description"> Функция может включать оператор <code>return</code> но это не обязательно. В случае, если функция не имеет оператора <code>return</code> , когда вы вызываете его, функция обрабатывает внутренний код, но возвращаемое значение не <code>undefined</code> . <strong>пример</strong> <blockquote> var sum = 0; <br> function addSum (num) { <br> sum = sum + num; <br> } <br> var receivedValue = addSum (3); // сумма будет изменена, но возвращаемое значение не определено </blockquote> <code>addSum</code> - это функция без оператора <code>return</code> . Функция изменит глобальную переменную <code>sum</code> но возвращаемое значение функции не <code>undefined</code> </section>
+
+## Instructions
+<section id="instructions"> Создайте функцию <code>addFive</code> без каких-либо аргументов. Эта функция добавляет 5 к переменной <code>sum</code> , но ее возвращаемое значение не <code>undefined</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>addFive</code> должна быть функцией
+    testString: 'assert(typeof addFive === "function", "<code>addFive</code> should be a function");'
+  - text: <code>sum</code> должна быть равна 8
+    testString: 'assert(sum === 8, "<code>sum</code> should be equal to 8");'
+  - text: Возвращаемое значение из <code>addFive</code> должно быть <code>undefined</code>
+    testString: 'assert(addFive() === undefined, "Returned value from <code>addFive</code> should be <code>undefined</code>");'
+  - text: Внутри ваших функций добавьте 5 к переменной <code>sum</code>
+    testString: 'assert(code.match(/(sum\s*\=\s*sum\s*\+\s*5)|(sum\s*\+\=\s*5)/g).length === 1, "Inside of your functions, add 5 to the <code>sum</code> variable");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var sum = 0;
+function addThree() {
+  sum = sum + 3;
+}
+
+// Only change code below this line
+
+
+
+// Only change code above this line
+var returnedValue = addFive();
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables.russian.md
new file mode 100644
index 0000000000..4aa35797db
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables.russian.md
@@ -0,0 +1,72 @@
+---
+id: 56533eb9ac21ba0edf2244aa
+title: Understanding Uninitialized Variables
+challengeType: 1
+videoUrl: ''
+localeTitle: Понимание неинициализированных переменных
+---
+
+## Description
+<section id="description"> Когда объявляются переменные JavaScript, они имеют начальное значение <code>undefined</code> . Если вы выполняете математическую операцию с <code>undefined</code> переменной, ваш результат будет <code>NaN</code> что означает <dfn>«Not a Number»</dfn> . Если вы конкатенируете строку с <code>undefined</code> переменной, вы получите буквенную <dfn>строку</dfn> <code>&quot;undefined&quot;</code> . </section>
+
+## Instructions
+<section id="instructions"> Инициализируйте три переменные <code>a</code> , <code>b</code> и <code>c</code> с <code>5</code> , <code>10</code> и <code>&quot;I am a&quot;</code> соответственно, чтобы они не были <code>undefined</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>a</code> следует определить и оценить, чтобы иметь значение <code>6</code>'
+    testString: 'assert(typeof a === "number" && a === 6, "<code>a</code> should be defined and evaluated to have the value of <code>6</code>");'
+  - text: '<code>b</code> следует определить и оценить, чтобы иметь значение <code>15</code>'
+    testString: 'assert(typeof b === "number" && b === 15, "<code>b</code> should be defined and evaluated to have the value of <code>15</code>");'
+  - text: <code>c</code> не должен содержать <code>undefined</code> и должен иметь значение «Я - String!».
+    testString: 'assert(!/undefined/.test(c) && c === "I am a String!", "<code>c</code> should not contain <code>undefined</code> and should have a value of "I am a String!"");'
+  - text: Не меняйте код под строкой
+    testString: 'assert(/a = a \+ 1;/.test(code) && /b = b \+ 5;/.test(code) && /c = c \+ " String!";/.test(code), "Do not change code below the line");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Initialize these three variables
+var a;
+var b;
+var c;
+
+// Do not change code below this line
+
+a = a + 1;
+b = b + 5;
+c = c + " String!";
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties.russian.md
new file mode 100644
index 0000000000..db6691861f
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties.russian.md
@@ -0,0 +1,77 @@
+---
+id: 56bbb991ad1ed5201cd392d1
+title: Updating Object Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: Обновление свойств объекта
+---
+
+## Description
+<section id="description"> После того, как вы создали объект JavaScript, вы можете обновить его свойства в любое время, точно так же, как если бы вы обновили любую другую переменную. Вы можете использовать ноту или скобку для обновления. Например, давайте посмотрим на <code>ourDog</code> : <blockquote> var ourDog = { <br> «name»: «Camper», <br> «ноги»: 4, <br> «хвосты»: 1, <br> «друзья»: [«все!»] <br> }; </blockquote> Поскольку он очень счастливая собака, давайте сменим его имя на «Happy Camper». Вот как мы обновляем свойство его объекта: <code>ourDog.name = &quot;Happy Camper&quot;;</code> или <code>ourDog[&quot;name&quot;] = &quot;Happy Camper&quot;;</code> Теперь, когда мы оцениваем <code>ourDog.name</code> , вместо получения «Camper», мы получим его новое имя «Happy Camper». </section>
+
+## Instructions
+<section id="instructions"> Обновите свойство имени объекта <code>myDog</code> . Давайте изменим ее имя от «Coder» до «Happy Coder». Вы можете использовать либо точечную, либо скобку. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Обновите свойство <code>&quot;name&quot;</code> <code>myDog</code> равным «Happy Coder».
+    testString: 'assert(/happy coder/gi.test(myDog.name), "Update <code>myDog</code>&apos;s <code>"name"</code> property to equal "Happy Coder".");'
+  - text: Не изменяйте определение <code>myDog</code>
+    testString: 'assert(/"name": "Coder"/.test(code), "Do not edit the <code>myDog</code> definition");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var ourDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"]
+};
+
+ourDog.name = "Happy Camper";
+
+// Setup
+var myDog = {
+  "name": "Coder",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["freeCodeCamp Campers"]
+};
+
+// Only change code below this line.
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-first-character-in-a-string.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-first-character-in-a-string.russian.md
new file mode 100644
index 0000000000..850acf402b
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-first-character-in-a-string.russian.md
@@ -0,0 +1,70 @@
+---
+id: bd7123c9c549eddfaeb5bdef
+title: Use Bracket Notation to Find the First Character in a String
+challengeType: 1
+videoUrl: ''
+localeTitle: Используйте условное обозначение скобки для поиска первого символа в строке
+---
+
+## Description
+<section id="description"> <code>Bracket notation</code> - это способ получить символ с определенным <code>index</code> внутри строки. Большинство современных языков программирования, например JavaScript, не начинаются с 1, как люди. Они начинаются с 0. Это называется индексацией на <dfn>основе нуля</dfn> . Например, символ с индексом 0 в слове «Чарльз» - «С». Поэтому, если <code>var firstName = &quot;Charles&quot;</code> , вы можете получить значение первой буквы строки, используя <code>firstName[0]</code> . </section>
+
+## Instructions
+<section id="instructions"> Используйте <dfn>условное обозначение</dfn> в <dfn>скобках,</dfn> чтобы найти первый символ в переменной <code>lastName</code> и назначить его <code>firstLetterOfLastName</code> . <strong>намек</strong> <br> Попробуйте взглянуть на объявление <code>firstLetterOfFirstName</code> если вы застряли. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: В переменной <code>firstLetterOfLastName</code> должно быть значение <code>L</code>
+    testString: 'assert(firstLetterOfLastName === "L", "The <code>firstLetterOfLastName</code> variable should have the value of <code>L</code>.");'
+  - text: Вы должны использовать условное обозначение.
+    testString: 'assert(code.match(/firstLetterOfLastName\s*?=\s*?lastName\[.*?\]/), "You should use bracket notation.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstLetterOfFirstName = "";
+var firstName = "Ada";
+
+firstLetterOfFirstName = firstName[0];
+
+// Setup
+var firstLetterOfLastName = "";
+var lastName = "Lovelace";
+
+// Only change code below this line
+firstLetterOfLastName = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-last-character-in-a-string.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-last-character-in-a-string.russian.md
new file mode 100644
index 0000000000..9336822bbc
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-last-character-in-a-string.russian.md
@@ -0,0 +1,67 @@
+---
+id: bd7123c9c451eddfaeb5bdef
+title: Use Bracket Notation to Find the Last Character in a String
+challengeType: 1
+videoUrl: ''
+localeTitle: Использовать обозначение скобки для поиска последнего символа в строке
+---
+
+## Description
+<section id="description"> Чтобы получить последнюю букву строки, вы можете вычесть ее из длины строки. Например, если <code>var firstName = &quot;Charles&quot;</code> , вы можете получить значение последней буквы строки, используя <code>firstName[firstName.length - 1]</code> . </section>
+
+## Instructions
+<section id="instructions"> Используйте <dfn>нотацию</dfn> в виде <dfn>скобок,</dfn> чтобы найти последний символ в переменной <code>lastName</code> . <strong>намек</strong> <br> Попробуйте просмотреть <code>lastLetterOfFirstName</code> переменной <code>lastLetterOfFirstName</code> если вы застряли. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>lastLetterOfLastName</code> должен быть «e».
+    testString: 'assert(lastLetterOfLastName === "e", "<code>lastLetterOfLastName</code> should be "e".");'
+  - text: Вы должны использовать <code>.length</code> для получения последней буквы.
+    testString: 'assert(code.match(/\.length/g).length === 2, "You have to use <code>.length</code> to get the last letter.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstName = "Ada";
+var lastLetterOfFirstName = firstName[firstName.length - 1];
+
+// Setup
+var lastName = "Lovelace";
+
+// Only change code below this line.
+var lastLetterOfLastName = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-character-in-a-string.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-character-in-a-string.russian.md
new file mode 100644
index 0000000000..c2e9328759
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-character-in-a-string.russian.md
@@ -0,0 +1,67 @@
+---
+id: bd7123c9c450eddfaeb5bdef
+title: Use Bracket Notation to Find the Nth Character in a String
+challengeType: 1
+videoUrl: ''
+localeTitle: Использовать обозначения скобок для поиска N-го символа в строке
+---
+
+## Description
+<section id="description"> Вы также можете использовать <dfn>нотацию</dfn> в виде <dfn>скобок,</dfn> чтобы получить символ в других позициях внутри строки. Помните, что компьютеры начинают отсчет в <code>0</code> , поэтому первый символ на самом деле является нулевым символом. </section>
+
+## Instructions
+<section id="instructions"> Попробуем установить для параметра <code>thirdLetterOfLastName</code> равную третью букву переменной <code>lastName</code> используя нотацию в виде скобок. <strong>намек</strong> <br> Попробуйте взглянуть на <code>secondLetterOfFirstName</code> переменной <code>secondLetterOfFirstName</code> если вы застряли. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>thirdLetterOfLastName</code> переменнаяLetterOfLastName должна иметь значение <code>v</code> .
+    testString: 'assert(thirdLetterOfLastName === "v", "The <code>thirdLetterOfLastName</code> variable should have the value of <code>v</code>.");'
+  - text: Вы должны использовать условное обозначение.
+    testString: 'assert(code.match(/thirdLetterOfLastName\s*?=\s*?lastName\[.*?\]/), "You should use bracket notation.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstName = "Ada";
+var secondLetterOfFirstName = firstName[1];
+
+// Setup
+var lastName = "Lovelace";
+
+// Only change code below this line.
+var thirdLetterOfLastName = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-to-last-character-in-a-string.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-to-last-character-in-a-string.russian.md
new file mode 100644
index 0000000000..e445635e6b
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-to-last-character-in-a-string.russian.md
@@ -0,0 +1,67 @@
+---
+id: bd7123c9c452eddfaeb5bdef
+title: Use Bracket Notation to Find the Nth-to-Last Character in a String
+challengeType: 1
+videoUrl: ''
+localeTitle: Используйте условное обозначение скобки для поиска символа Nth-to-Last в строке
+---
+
+## Description
+<section id="description"> Вы можете использовать тот же принцип, который мы использовали для извлечения последнего символа в строке, чтобы получить символ Nth-to-last. Например, вы можете получить значение третьей-последней буквы строки <code>var firstName = &quot;Charles&quot;</code> , используя <code>firstName[firstName.length - 3]</code> </section>
+
+## Instructions
+<section id="instructions"> Используйте <dfn>нотацию</dfn> в виде <dfn>скобок,</dfn> чтобы найти второй-последний символ в строке <code>lastName</code> . <strong>намек</strong> <br> Попробуйте просмотреть <code>thirdToLastLetterOfFirstName</code> переменной <code>thirdToLastLetterOfFirstName</code> если вы застряли. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>secondToLastLetterOfLastName</code> должен быть «c».
+    testString: 'assert(secondToLastLetterOfLastName === "c", "<code>secondToLastLetterOfLastName</code> should be "c".");'
+  - text: Вы должны использовать <code>.length</code> для получения второй последней буквы.
+    testString: 'assert(code.match(/\.length/g).length === 2, "You have to use <code>.length</code> to get the second last letter.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+var firstName = "Ada";
+var thirdToLastLetterOfFirstName = firstName[firstName.length - 3];
+
+// Setup
+var lastName = "Lovelace";
+
+// Only change code below this line
+var secondToLastLetterOfLastName = lastName;
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements.russian.md
new file mode 100644
index 0000000000..c875524616
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements.russian.md
@@ -0,0 +1,77 @@
+---
+id: cf1111c1c12feddfaeb3bdef
+title: Use Conditional Logic with If Statements
+challengeType: 1
+videoUrl: ''
+localeTitle: Использовать условную логику с утверждениями If
+---
+
+## Description
+<section id="description"> <code>If</code> утверждения используются для принятия решений в коде. Ключевое слово <code>if</code> указывает JavaScript для выполнения кода в фигурных скобках при определенных условиях, определенных в круглых скобках. Эти условия известны как <code>Boolean</code> условия, и они могут быть <code>true</code> или <code>false</code> . Когда условие оценивается как <code>true</code> , программа выполняет оператор внутри фигурных скобок. Когда логическое условие оценивается как <code>false</code> , оператор внутри фигурных скобок не будет выполняться. <strong>ПСЕВДОКОД</strong> <blockquote> если ( <i>условие истинно</i> ) { <br> <i>выполняется инструкция</i> <br> } </blockquote> <strong>пример</strong> <blockquote> функциональный тест (myCondition) { <br> if (myCondition) { <br> возвращение «Это правда»; <br> } <br> return «Это было ложно»; <br> } <br> тест (истина); // возвращает «Это правда» <br> тест (ложь); // возвращает «Было ложно» </blockquote> Когда <code>test</code> вызывается со значением <code>true</code> , то <code>if</code> оператор оценивает <code>myCondition</code> , чтобы увидеть , если это <code>true</code> или нет. Так как это <code>true</code> , функция возвращает <code>&quot;It was true&quot;</code> . Когда мы вызываем <code>test</code> со значением <code>false</code> , <code>myCondition</code> <em>не</em> является <code>true</code> а оператор в фигурных скобках не выполняется, а функция возвращает <code>&quot;It was false&quot;</code> . </section>
+
+## Instructions
+<section id="instructions"> Создайте оператор <code>if</code> внутри функции, чтобы вернуть <code>&quot;Yes, that was true&quot;</code> если параметр <code>wasThatTrue</code> является <code>true</code> и возвращает <code>&quot;No, that was false&quot;</code> противном случае. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>trueOrFalse</code> должен быть функцией
+    testString: 'assert(typeof trueOrFalse === "function", "<code>trueOrFalse</code> should be a function");'
+  - text: <code>trueOrFalse(true)</code> должен возвращать строку
+    testString: 'assert(typeof trueOrFalse(true) === "string", "<code>trueOrFalse(true)</code> should return a string");'
+  - text: <code>trueOrFalse(false)</code> должен возвращать строку
+    testString: 'assert(typeof trueOrFalse(false) === "string", "<code>trueOrFalse(false)</code> should return a string");'
+  - text: '<code>trueOrFalse(true)</code> должен возвращать «Да, это было правдой»'
+    testString: 'assert(trueOrFalse(true) === "Yes, that was true", "<code>trueOrFalse(true)</code> should return "Yes, that was true"");'
+  - text: '<code>trueOrFalse(false)</code> должен возвращать «Нет, это было неверно»'
+    testString: 'assert(trueOrFalse(false) === "No, that was false", "<code>trueOrFalse(false)</code> should return "No, that was false"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function ourTrueOrFalse(isItTrue) {
+  if (isItTrue) {
+    return "Yes, it's true";
+  }
+  return "No, it's false";
+}
+
+// Setup
+function trueOrFalse(wasThatTrue) {
+
+  // Only change code below this line.
+
+
+
+  // Only change code above this line.
+
+}
+
+// Change this value to test
+trueOrFalse(true);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-multiple-conditional-ternary-operators.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-multiple-conditional-ternary-operators.russian.md
new file mode 100644
index 0000000000..3ffafee319
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-multiple-conditional-ternary-operators.russian.md
@@ -0,0 +1,59 @@
+---
+id: 587d7b7e367417b2b2512b21
+title: Use Multiple Conditional (Ternary) Operators
+challengeType: 1
+videoUrl: ''
+localeTitle: Использовать несколько условных (тройных) операторов
+---
+
+## Description
+<section id="description"> В предыдущем вызове использовался один <code>conditional operator</code> . Вы также можете связать их вместе, чтобы проверить наличие нескольких условий. Следующая функция использует if, else if и else для проверки нескольких условий: <blockquote> функция findGreaterOrEqual (a, b) { <br> if (a === b) { <br> return «a и b равны»; <br> } <br> else if (a&gt; b) { <br> return «a больше»; <br> } <br> else { <br> return «b больше»; <br> } <br> } </blockquote> Вышеупомянутая функция может быть переписана с использованием нескольких <code>conditional operators</code> : <blockquote> функция findGreaterOrEqual (a, b) { <br> return (a === b)? «a и b равны»: (a&gt; b)? «a больше»: «b больше»; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Используйте несколько <code>conditional operators</code> в функции <code>checkSign</code> чтобы проверить, является ли число положительным, отрицательным или нулевым. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>checkSign</code> должен использовать несколько <code>conditional operators</code>
+    testString: 'assert(/.+?\s*?\?\s*?.+?\s*?:\s*?.+?\s*?\?\s*?.+?\s*?:\s*?.+?/gi.test(code), "<code>checkSign</code> should use multiple <code>conditional operators</code>");'
+  - text: '<code>checkSign(10)</code> должен возвращать «положительный». Обратите внимание, что вопросы капитализации'
+    testString: 'assert(checkSign(10) === "positive", "<code>checkSign(10)</code> should return "positive". Note that capitalization matters");'
+  - text: '<code>checkSign(-12)</code> должен возвращать «отрицательный». Обратите внимание, что вопросы капитализации'
+    testString: 'assert(checkSign(-12) === "negative", "<code>checkSign(-12)</code> should return "negative". Note that capitalization matters");'
+  - text: '<code>checkSign(0)</code> должен возвращать «ноль». Обратите внимание, что вопросы капитализации'
+    testString: 'assert(checkSign(0) === "zero", "<code>checkSign(0)</code> should return "zero". Note that capitalization matters");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSign(num) {
+
+}
+
+checkSign(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-conditional-ternary-operator.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-conditional-ternary-operator.russian.md
new file mode 100644
index 0000000000..d13ccf90f2
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-conditional-ternary-operator.russian.md
@@ -0,0 +1,59 @@
+---
+id: 587d7b7e367417b2b2512b24
+title: Use the Conditional (Ternary) Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Использовать условный (тройной) оператор
+---
+
+## Description
+<section id="description"> <dfn>Условный оператор</dfn> , также называемый <dfn>тернарным оператором</dfn> , может использоваться как однострочное выражение if-else. Синтаксис: <code>condition ? statement-if-true : statement-if-false;</code> Следующая функция использует инструкцию if-else для проверки условия: <blockquote> функция findGreater (a, b) { <br> если (a&gt; b) { <br> return «a больше»; <br> } <br> else { <br> return «b больше»; <br> } <br> } </blockquote> Это можно переписать с помощью <code>conditional operator</code> : <blockquote> функция findGreater (a, b) { <br> return a&gt; b? «a больше»: «b больше»; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Используйте <code>conditional operator</code> в функции <code>checkEqual</code> чтобы проверить, равны ли два числа или нет. Функция должна возвращать либо true, либо false. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>checkEqual</code> должен использовать <code>conditional operator</code>
+    testString: 'assert(/.+?\s*?\?\s*?.+?\s*?:\s*?.+?/gi.test(code), "<code>checkEqual</code> should use the <code>conditional operator</code>");'
+  - text: '<code>checkEqual(1, 2)</code> должен возвращать false'
+    testString: 'assert(checkEqual(1, 2) === false, "<code>checkEqual(1, 2)</code> should return false");'
+  - text: '<code>checkEqual(1, 1)</code> должен возвращать true'
+    testString: 'assert(checkEqual(1, 1) === true, "<code>checkEqual(1, 1)</code> should return true");'
+  - text: '<code>checkEqual(1, -1)</code> должен возвращать false'
+    testString: 'assert(checkEqual(1, -1) === false, "<code>checkEqual(1, -1)</code> should return false");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkEqual(a, b) {
+
+}
+
+checkEqual(1, 2);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function-with-a-radix.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function-with-a-radix.russian.md
new file mode 100644
index 0000000000..3005898457
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function-with-a-radix.russian.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b7e367417b2b2512b22
+title: Use the parseInt Function with a Radix
+challengeType: 1
+videoUrl: ''
+localeTitle: Используйте функцию parseInt с помощью Radix
+---
+
+## Description
+<section id="description"> Функция <code>parseInt()</code> анализирует строку и возвращает целое число. Он принимает второй аргумент для radix, который определяет базу номера в строке. Радикс может быть целым числом от 2 до 36. Вызов функции выглядит так: <code>parseInt(string, radix);</code> И вот пример: <code>var a = parseInt(&quot;11&quot;, 2);</code> В переменной radix указано, что «11» находится в двоичной системе или базе 2. Этот пример преобразует строку «11» в целое число 3. </section>
+
+## Instructions
+<section id="instructions"> Используйте функцию <code>parseInt()</code> в функции <code>convertToInteger</code> чтобы она преобразует двоичное число в целое и возвращает его. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>convertToInteger</code> должен использовать функцию <code>parseInt()</code>
+    testString: 'assert(/parseInt/g.test(code), "<code>convertToInteger</code> should use the <code>parseInt()</code> function");'
+  - text: <code>convertToInteger(&quot;10011&quot;)</code> должен возвращать число
+    testString: 'assert(typeof(convertToInteger("10011")) === "number", "<code>convertToInteger("10011")</code> should return a number");'
+  - text: <code>convertToInteger(&quot;10011&quot;)</code> должен вернуть 19
+    testString: 'assert(convertToInteger("10011") === 19, "<code>convertToInteger("10011")</code> should return 19");'
+  - text: <code>convertToInteger(&quot;111001&quot;)</code> должен возвращать 57
+    testString: 'assert(convertToInteger("111001") === 57, "<code>convertToInteger("111001")</code> should return 57");'
+  - text: <code>convertToInteger(&quot;JamesBond&quot;)</code> должен вернуть NaN
+    testString: 'assert.isNaN(convertToInteger("JamesBond"), "<code>convertToInteger("JamesBond")</code> should return NaN");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertToInteger(str) {
+
+}
+
+convertToInteger("10011");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function.russian.md
new file mode 100644
index 0000000000..1f29affadc
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function.russian.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b7e367417b2b2512b23
+title: Use the parseInt Function
+challengeType: 1
+videoUrl: ''
+localeTitle: Используйте функцию parseInt
+---
+
+## Description
+<section id="description"> Функция <code>parseInt()</code> анализирует строку и возвращает целое число. Вот пример: <code>var a = parseInt(&quot;007&quot;);</code> Вышеупомянутая функция преобразует строку «007» в целое число 7. Если первый символ в строке не может быть преобразован в число, то он возвращает <code>NaN</code> . </section>
+
+## Instructions
+<section id="instructions"> Используйте функцию <code>parseInt()</code> в функции <code>convertToInteger</code> чтобы она преобразует входную строку <code>str</code> в целое число и возвращает ее. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>convertToInteger</code> должен использовать функцию <code>parseInt()</code>
+    testString: 'assert(/parseInt/g.test(code), "<code>convertToInteger</code> should use the <code>parseInt()</code> function");'
+  - text: <code>convertToInteger(&quot;56&quot;)</code> должен возвращать число
+    testString: 'assert(typeof(convertToInteger("56")) === "number", "<code>convertToInteger("56")</code> should return a number");'
+  - text: <code>convertToInteger(&quot;56&quot;)</code> должен возвращать 56
+    testString: 'assert(convertToInteger("56") === 56, "<code>convertToInteger("56")</code> should return 56");'
+  - text: <code>convertToInteger(&quot;77&quot;)</code> должен возвращать 77
+    testString: 'assert(convertToInteger("77") === 77, "<code>convertToInteger("77")</code> should return 77");'
+  - text: <code>convertToInteger(&quot;JamesBond&quot;)</code> должен вернуть NaN
+    testString: 'assert.isNaN(convertToInteger("JamesBond"), "<code>convertToInteger("JamesBond")</code> should return NaN");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertToInteger(str) {
+
+}
+
+convertToInteger("56");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups.russian.md
new file mode 100644
index 0000000000..bc5b0ef2b3
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups.russian.md
@@ -0,0 +1,95 @@
+---
+id: 56533eb9ac21ba0edf2244ca
+title: Using Objects for Lookups
+challengeType: 1
+videoUrl: ''
+localeTitle: Использование объектов для поиска
+---
+
+## Description
+<section id="description"> Объекты можно рассматривать как хранилище ключей / значений, например словарь. Если у вас есть табличные данные, вы можете использовать объект для «поиска», а не для оператора <code>switch</code> или цепочки <code>if/else</code> . Это наиболее полезно, когда вы знаете, что ваши входные данные ограничены определенным диапазоном. Вот пример простого обратного алфавитного поиска: <blockquote> var alpha = { <br> 1: &quot;Z&quot;, <br> 2: &quot;Y&quot;, <br> 3: &quot;X&quot;, <br> 4: &quot;W&quot;, <br> ... <br> 24: &quot;С&quot;, <br> 25: &quot;В&quot;, <br> 26: &quot;A&quot; <br> }; <br> альфа [2]; // &quot;Y&quot; <br> альфа [24]; // &quot;C&quot; <br><br> var value = 2; <br> альфа [значение]; // &quot;Y&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Преобразуйте оператор switch в объект под названием <code>lookup</code> . Используйте его, чтобы посмотреть <code>val</code> и назначить связанную строку переменной <code>result</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>phoneticLookup(&quot;alpha&quot;)</code> должен равняться <code>&quot;Adams&quot;</code>
+    testString: 'assert(phoneticLookup("alpha") === "Adams", "<code>phoneticLookup("alpha")</code> should equal <code>"Adams"</code>");'
+  - text: <code>phoneticLookup(&quot;bravo&quot;)</code> должен равняться <code>&quot;Boston&quot;</code>
+    testString: 'assert(phoneticLookup("bravo") === "Boston", "<code>phoneticLookup("bravo")</code> should equal <code>"Boston"</code>");'
+  - text: <code>phoneticLookup(&quot;charlie&quot;)</code> должен равняться <code>&quot;Chicago&quot;</code>
+    testString: 'assert(phoneticLookup("charlie") === "Chicago", "<code>phoneticLookup("charlie")</code> should equal <code>"Chicago"</code>");'
+  - text: <code>phoneticLookup(&quot;delta&quot;)</code> должен равняться <code>&quot;Denver&quot;</code>
+    testString: 'assert(phoneticLookup("delta") === "Denver", "<code>phoneticLookup("delta")</code> should equal <code>"Denver"</code>");'
+  - text: <code>phoneticLookup(&quot;echo&quot;)</code> должен равняться <code>&quot;Easy&quot;</code>
+    testString: 'assert(phoneticLookup("echo") === "Easy", "<code>phoneticLookup("echo")</code> should equal <code>"Easy"</code>");'
+  - text: <code>phoneticLookup(&quot;foxtrot&quot;)</code> должен равняться <code>&quot;Frank&quot;</code>
+    testString: 'assert(phoneticLookup("foxtrot") === "Frank", "<code>phoneticLookup("foxtrot")</code> should equal <code>"Frank"</code>");'
+  - text: <code>phoneticLookup(&quot;&quot;)</code> должно быть равно <code>undefined</code>
+    testString: 'assert(typeof phoneticLookup("") === "undefined", "<code>phoneticLookup("")</code> should equal <code>undefined</code>");'
+  - text: Вы не должны изменять оператор <code>return</code>
+    testString: 'assert(code.match(/return\sresult;/), "You should not modify the <code>return</code> statement");'
+  - text: 'Вы не должны использовать <code>case</code> , <code>switch</code> или <code>if</code>'
+    testString: 'assert(!/case|switch|if/g.test(code.replace(/([/]{2}.*)|([/][*][^/*]*[*][/])/g,"")), "You should not use <code>case</code>, <code>switch</code>, or <code>if</code> statements"); '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Setup
+function phoneticLookup(val) {
+  var result = "";
+
+  // Only change code below this line
+  switch(val) {
+    case "alpha":
+      result = "Adams";
+      break;
+    case "bravo":
+      result = "Boston";
+      break;
+    case "charlie":
+      result = "Chicago";
+      break;
+    case "delta":
+      result = "Denver";
+      break;
+    case "echo":
+      result = "Easy";
+      break;
+    case "foxtrot":
+      result = "Frank";
+  }
+
+  // Only change code above this line
+  return result;
+}
+
+// Change this value to test
+phoneticLookup("charlie");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/word-blanks.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/word-blanks.russian.md
new file mode 100644
index 0000000000..fa19983a76
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/word-blanks.russian.md
@@ -0,0 +1,70 @@
+---
+id: 56533eb9ac21ba0edf2244bb
+title: Word Blanks
+challengeType: 1
+videoUrl: ''
+localeTitle: Word Blanks
+---
+
+## Description
+<section id="description"> Теперь мы будем использовать наши знания струн для создания словесной игры « <a href="https://en.wikipedia.org/wiki/Mad_Libs" target="_blank">Mad Libs</a> », которую мы называем «Word Blanks». Вы создадите (возможно, юмористическое) предложение стиля «Заполнить бланки». В игре «Mad Libs» вам предоставляются предложения с некоторыми пропущенными словами, такими как существительные, глаголы, прилагательные и наречия. Затем вы заполняете недостающие части словами по вашему выбору так, чтобы законченное предложение имело смысл. Рассмотрите это предложение - «Это было действительно <strong>____</strong> , а мы <strong>____</strong> сами <strong>____</strong> ». В этом предложении есть три недостающих фрагмента: прилагательное, глагол и наречие, и мы можем добавить слова по нашему выбору, чтобы завершить его. Затем мы можем назначить заполненное предложение переменной следующим образом: <blockquote> var sentence = «Это было действительно« + »горячее« + », и мы« + »смеялись« + »сами» + «глупо»; </blockquote></section>
+
+## Instructions
+<section id="instructions"> В этой задаче мы предоставляем вам существительное, глагол, прилагательное и наречие. Вам нужно составить полное предложение, используя слова по вашему выбору, а также слова, которые мы предоставляем. Вам понадобится использовать оператор конкатенации строк <code>+</code> для создания новой строки с использованием предоставленных переменных: <code>myNoun</code> , <code>myAdjective</code> , <code>myVerb</code> и <code>myAdverb</code> . Затем вы присвойте сформированную строку переменной <code>result</code> . Вам также нужно будет учитывать пробелы в вашей строке, так что последнее предложение имеет пробелы между всеми словами. Результат должен быть полным предложением. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>wordBlanks(&quot;&quot;,&quot;&quot;,&quot;&quot;,&quot;&quot;)</code> должен возвращать строку.'
+    testString: 'assert(typeof wordBlanks("","","","") === "string", "<code>wordBlanks("","","","")</code> should return a string.");'
+  - text: '<code>wordBlanks(&quot;dog&quot;, &quot;big&quot;, &quot;ran&quot;, &quot;quickly&quot;)</code> должен содержать все переданные в словах, разделенные символами без слов (и любые дополнительные слова в вашем madlib).'
+    testString: 'assert(/\bdog\b/.test(test1) && /\bbig\b/.test(test1) && /\bran\b/.test(test1) && /\bquickly\b/.test(test1),"<code>wordBlanks("dog", "big", "ran", "quickly")</code> should contain all of the passed in words separated by non-word characters (and any additional words in your madlib).");'
+  - text: '<code>wordBlanks(&quot;cat&quot;, &quot;little&quot;, &quot;hit&quot;, &quot;slowly&quot;)</code> должен содержать все переданные в словах, разделенные символами без слов (и любые дополнительные слова в вашем madlib).'
+    testString: 'assert(/\bcat\b/.test(test2) && /\blittle\b/.test(test2) && /\bhit\b/.test(test2) && /\bslowly\b/.test(test2),"<code>wordBlanks("cat", "little", "hit", "slowly")</code> should contain all of the passed in words separated by non-word characters (and any additional words in your madlib).");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function wordBlanks(myNoun, myAdjective, myVerb, myAdverb) {
+  // Your code below this line
+  var result = "";
+
+  // Your code above this line
+  return result;
+}
+
+// Change the words here to test your function
+wordBlanks("dog", "big", "ran", "quickly");
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions.russian.md
new file mode 100644
index 0000000000..45ef1336a0
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions.russian.md
@@ -0,0 +1,96 @@
+---
+id: 56bbb991ad1ed5201cd392cf
+title: Write Reusable JavaScript with Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Запись многоразового JavaScript с функциями
+---
+
+## Description
+<section id="description"> В JavaScript мы можем разделить наш код на многократно используемые <dfn>функции,</dfn> называемые <dfn>функциями</dfn> . Вот пример функции: <blockquote> function functionName () { <br> console.log («Hello World»); <br> } </blockquote> Вы можете вызвать или <dfn>вызвать</dfn> эту функцию, используя ее имя, за которым следуют скобки, например: <code>functionName();</code> Каждый раз, когда функция вызывается, она выводит сообщение <code>&quot;Hello World&quot;</code> на консоль dev. Весь код между фигурными фигурными скобками будет выполняться каждый раз, когда вызывается функция. </section>
+
+## Instructions
+<section id="instructions"><ol><li> Создайте функцию, называемую <code>reusableFunction</code> которая печатает <code>&quot;Hi World&quot;</code> в dev-консоли. </li><li> Вызовите функцию. </li></ol></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Функция <code>reusableFunction</code> должна быть функцией
+    testString: 'assert(typeof reusableFunction === "function", "<code>reusableFunction</code> should be a function");'
+  - text: <code>reusableFunction</code> должен выводить «Hi World» на консоль dev
+    testString: 'assert("Hi World" === logOutput, "<code>reusableFunction</code> should output "Hi World" to the dev console");'
+  - text: Вызовите <code>reusableFunction</code> после ее определения.
+    testString: 'assert(/^\s*reusableFunction\(\)\s*;/m.test(code), "Call <code>reusableFunction</code> after you define it");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Example
+function ourReusableFunction() {
+  console.log("Heyya, World");
+}
+
+ourReusableFunction();
+
+// Only change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+var logOutput = "";
+var originalConsole = console
+function capture() {
+    var nativeLog = console.log;
+    console.log = function (message) {
+        if(message && message.trim) logOutput = message.trim();
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+
+```
+
+</div>
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-arguments-passed-in-the-wrong-order-when-calling-a-function.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-arguments-passed-in-the-wrong-order-when-calling-a-function.russian.md
new file mode 100644
index 0000000000..c8115dae48
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-arguments-passed-in-the-wrong-order-when-calling-a-function.russian.md
@@ -0,0 +1,58 @@
+---
+id: 587d7b85367417b2b2512b3a
+title: Catch Arguments Passed in the Wrong Order When Calling a Function
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Аргументы улова, пропущенные в неправильном порядке при вызове функции'
+---
+
+## Description
+<section id="description"> Продолжая обсуждение функций вызова, следующая ошибка, на которую следует обратить внимание, - это когда аргументы функции поставляются в неправильном порядке. Если аргументы представляют собой разные типы, такие как функция, ожидающая массив и целое число, это скорее всего вызовет ошибку времени выполнения. Если аргументы одного типа (все целые числа, например), то логика кода не имеет смысла. Обязательно укажите все необходимые аргументы в правильном порядке, чтобы избежать этих проблем. </section>
+
+## Instructions
+<section id="instructions"> Функция <code>raiseToPower</code> повышает базу до экспоненты. К сожалению, он не называется правильно - исправьте код, так что значение <code>power</code> будет ожидаемым 8. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш код должен исправить переменную <code>power</code> чтобы он равнялся 2, поднятому до 3-го уровня, а не 3, поднятому до второго уровня.'
+    testString: 'assert(power == 8, "Your code should fix the variable <code>power</code> so it equals 2 raised to the 3rd power, not 3 raised to the 2nd power.");'
+  - text: Ваш код должен использовать правильный порядок аргументов для <code>raiseToPower</code> функции <code>raiseToPower</code> .
+    testString: 'assert(code.match(/raiseToPower\(\s*?base\s*?,\s*?exp\s*?\);/g), "Your code should use the correct order of the arguments for the <code>raiseToPower</code> function call.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function raiseToPower(b, e) {
+  return Math.pow(b, e);
+}
+
+let base = 2;
+let exp = 3;
+let power = raiseToPower(exp, base);
+console.log(power);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-missing-open-and-closing-parenthesis-after-a-function-call.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-missing-open-and-closing-parenthesis-after-a-function-call.russian.md
new file mode 100644
index 0000000000..351a55f8ea
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-missing-open-and-closing-parenthesis-after-a-function-call.russian.md
@@ -0,0 +1,58 @@
+---
+id: 587d7b85367417b2b2512b39
+title: Catch Missing Open and Closing Parenthesis After a Function Call
+challengeType: 1
+videoUrl: ''
+localeTitle: Поймать не открывать и закрывать скобки после вызова функции
+---
+
+## Description
+<section id="description"> Когда функция или метод не принимает никаких аргументов, вы можете забыть включить (пустые) открывающие и закрывающие круглые скобки при вызове. Часто время вызова функции сохраняется в переменной для другого использования в вашем коде. Эта ошибка может быть обнаружена путем записи значений переменных (или их типов) в консоль и просмотра того, что для нее задана ссылка на функцию, а не ожидаемое значение, возвращаемое функцией. Переменные в следующем примере отличаются: <blockquote> function myFunction () { <br> возвращение «Ты качаешь!»; <br> } <br> пусть varOne = myFunction; // установить равную функцию <br> пусть varTwo = myFunction (); // установите равную строку «Ты качаешься!» </blockquote></section>
+
+## Instructions
+<section id="instructions"> Исправьте код, чтобы <code>result</code> переменной был установлен на значение, возвращаемое из вызова функции <code>getNine</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш код должен исправить <code>result</code> переменной, чтобы он был установлен на число, возвращаемое функцией <code>getNine</code> .'
+    testString: 'assert(result == 9, "Your code should fix the variable <code>result</code> so it is set to the number that the function <code>getNine</code> returns.");'
+  - text: Ваш код должен вызывать функцию <code>getNine</code> .
+    testString: 'assert(code.match(/getNine\(\)/g).length == 2, "Your code should call the <code>getNine</code> function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getNine() {
+  let x = 6;
+  let y = 3;
+  return x + y;
+}
+
+let result = getNine;
+console.log(result);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-misspelled-variable-and-function-names.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-misspelled-variable-and-function-names.russian.md
new file mode 100644
index 0000000000..039f5c1d15
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-misspelled-variable-and-function-names.russian.md
@@ -0,0 +1,60 @@
+---
+id: 587d7b84367417b2b2512b35
+title: Catch Misspelled Variable and Function Names
+challengeType: 1
+videoUrl: ''
+localeTitle: Поймать имена с ошибкой и имена функций
+---
+
+## Description
+<section id="description"> Методы <code>console.log()</code> и <code>typeof</code> являются двумя основными способами проверки промежуточных значений и типов вывода программы. Теперь пришло время войти в общие формы, которые берут ошибки. Одна проблема на синтаксическом уровне, с которой быстрые моделисты могут сочувствовать, - это скромная орфографическая ошибка. Транспонированные, отсутствует или неправильно заглавной буквы, символы в имени переменной или функции будут иметь браузер ищет объект, который не существует - и жалуюсь в виде справочной ошибки. Имена переменных и функций JavaScript чувствительны к регистру. </section>
+
+## Instructions
+<section id="instructions"> Исправьте две ошибки орфографии в коде, так что расчет <code>netWorkingCapital</code> работает. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Проверьте правильность написания двух переменных, используемых в расчете netWorkingCapital, вывод консоли должен показать, что «Чистый оборотный капитал: 2».'
+    testString: 'assert(netWorkingCapital === 2, "Check the spelling of the two variables used in the netWorkingCapital calculation, the console output should show that "Net working capital is: 2".");'
+  - text: В коде не должно быть экземпляров ошибочных переменных.
+    testString: 'assert(!code.match(/recievables/g), "There should be no instances of mis-spelled variables in the code.");'
+  - text: Переменная <code>receivables</code> должна быть объявлена ​​и использована должным образом в коде.
+    testString: 'assert(code.match(/receivables/g).length == 2, "The <code>receivables</code> variable should be declared and used properly in the code.");'
+  - text: В коде не должно быть экземпляров ошибочных переменных.
+    testString: 'assert(!code.match(/payable;/g), "There should be no instances of mis-spelled variables in the code.");'
+  - text: Переменная <code>payables</code> должна быть объявлена ​​и использована правильно в коде.
+    testString: 'assert(code.match(/payables/g).length == 2, "The <code>payables</code> variable should be declared and used properly in the code.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let receivables = 10;
+let payables = 8;
+let netWorkingCapital = recievables - payable;
+console.log(`Net working capital is: ${netWorkingCapital}`);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.russian.md
new file mode 100644
index 0000000000..2b45504925
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.russian.md
@@ -0,0 +1,52 @@
+---
+id: 587d7b84367417b2b2512b37
+title: Catch Mixed Usage of Single and Double Quotes
+challengeType: 1
+videoUrl: ''
+localeTitle: Поймать смешанное использование одиночных и двойных котировок
+---
+
+## Description
+<section id="description"> JavaScript позволяет использовать одиночные («) и двойные (« ») кавычки для объявления строки. Решая, какой из них использовать, как правило, сводится к личным предпочтениям, за некоторыми исключениями. Имея два варианта, отлично, когда строка имеет сжатие или другое кусок текста, который находится в кавычках. Будьте осторожны, чтобы вы не закрывали строку слишком рано, что вызывает синтаксическую ошибку. Вот несколько примеров смешивания цитат: <blockquote> // Это правильно: <br> const grouchoContraction = «У меня был замечательный вечер, но это было не так»; <br> const quoteInString = «Граучо Маркс однажды сказал:« Мне нужно сказать, что я ошибался ». <br> // Это неверно: <br> const uhOhGroucho = &#39;У меня был замечательный вечер, но это было не так.&#39;; </blockquote> Конечно, можно использовать только один стиль цитат. Вы можете избежать кавычек внутри строки, используя символ обратного слэша (\): <blockquote> // Правильное использование одинаковых котировок: <br> const allSameQuotes = &#39;У меня был замечательный вечер, но это было не так.&#39;; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Исправьте строку, чтобы она использовала разные кавычки для значения <code>href</code> или избегала существующих. Сохраняйте двойные кавычки вокруг всей строки. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш код должен исправить кавычки вокруг значения <code>href</code> «#Home», либо изменив, либо ускоряя их.'
+    testString: 'assert(code.match(/<a href=\s*?("|\\")#Home\1\s*?>/g), "Your code should fix the quotes around the <code>href</code> value "#Home" by either changing or escaping them.");'
+  - text: Ваш код должен содержать двойные кавычки по всей строке.
+    testString: 'assert(code.match(/"<p>.*?<\/p>";/g), "Your code should keep the double quotes around the entire string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let innerHtml = "<p>Click here to <a href="#Home">return home</a></p>";
+console.log(innerHtml);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-off-by-one-errors-when-using-indexing.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-off-by-one-errors-when-using-indexing.russian.md
new file mode 100644
index 0000000000..05a71c2823
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-off-by-one-errors-when-using-indexing.russian.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b86367417b2b2512b3b
+title: Catch Off By One Errors When Using Indexing
+challengeType: 1
+videoUrl: ''
+localeTitle: Устранение ошибок при использовании индексирования
+---
+
+## Description
+<section id="description"> <code>Off by one errors</code> (иногда называемой OBOE) возникает, когда вы пытаетесь настроить таргетинг на определенный индекс строки или массива (для среза или доступа к сегменту) или при циклировании по их индексам. Индексация JavaScript начинается с нуля, а не с одного, что означает, что последний индекс всегда на один меньше длины элемента. Если вы попытаетесь получить доступ к индексу, равному длине, программа может сбросить опорную ошибку индекса «вне диапазона» или напечатать <code>undefined</code> . Когда вы используете методы строк или массивов, которые принимают диапазоны индексов в качестве аргументов, это помогает прочитать документацию и понять, включены ли они (элемент в указанном индексе является частью возвращаемого) или нет. Вот несколько примеров ошибок: <blockquote> let alphabet = &quot;abcdefghijklmnopqrstuvwxyz&quot;; <br> пусть len = alphabet.length; <br> для (пусть i = 0; i &lt;= len; i ++) { <br> // петли слишком много раз в конце <br> console.log (алфавит [I]); <br> } <br> для (пусть j = 1; j &lt;len; j ++) { <br> // петли один или несколько раз и пропускает первый символ с индексом 0 <br> console.log (алфавит [J]); <br> } <br> для (пусть k = 0; k &lt;len; k ++) { <br> // Златовласки одобряет - это справедливо <br> console.log (алфавит [K]); <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Исправьте две ошибки индексации в следующей функции, чтобы все номера с 1 по 5 были напечатаны на консоли. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш код должен установить начальное условие цикла, чтобы он начинался с первого индекса.'
+    testString: 'assert(code.match(/i\s*?=\s*?0\s*?;/g).length == 1, "Your code should set the initial condition of the loop so it starts at the first index.");'
+  - text: 'Ваш код должен исправить начальное условие цикла, чтобы индекс начинался с 0.'
+    testString: 'assert(!code.match(/i\s?=\s*?1\s*?;/g), "Your code should fix the initial condition of the loop so that the index starts at 0.");'
+  - text: 'Ваш код должен установить условие окончания цикла, чтобы он остановился на последнем индексе.'
+    testString: 'assert(code.match(/i\s*?<\s*?len\s*?;/g).length == 1, "Your code should set the terminal condition of the loop so it stops at the last index.");'
+  - text: 'Ваш код должен исправить состояние терминала в цикле, чтобы он остановился на 1 до длины.'
+    testString: 'assert(!code.match(/i\s*?<=\s*?len;/g), "Your code should fix the terminal condition of the loop so that it stops at 1 before the length.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countToFive() {
+  let firstFive = "12345";
+  let len = firstFive.length;
+  // Fix the line below
+  for (let i = 1; i <= len; i++) {
+  // Do not alter code below this line
+    console.log(firstFive[i]);
+  }
+}
+
+countToFive();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-unclosed-parentheses-brackets-braces-and-quotes.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-unclosed-parentheses-brackets-braces-and-quotes.russian.md
new file mode 100644
index 0000000000..d2df8b0cc0
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-unclosed-parentheses-brackets-braces-and-quotes.russian.md
@@ -0,0 +1,53 @@
+---
+id: 587d7b84367417b2b2512b36
+title: 'Catch Unclosed Parentheses, Brackets, Braces and Quotes'
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Поймать скошенные скобки, скобки, скобки и цитаты'
+---
+
+## Description
+<section id="description"> Другая синтаксическая ошибка, о которой нужно знать, состоит в том, что все открывающиеся круглые скобки, скобки, фигурные скобки и кавычки имеют закрывающуюся пару. Забывание части имеет тенденцию происходить, когда вы редактируете существующий код и вставляете элементы с одним из типов пар. Кроме того, будьте осторожны, когда блокировки вложенных блоков блокируются другими, например добавление функции обратного вызова в качестве аргумента в метод. Один из способов избежать этой ошибки - сразу после ввода символа открытия, немедленно включить заключительное совпадение, затем переместить курсор между ними и продолжить кодирование. К счастью, большинство современных редакторов кода генерируют вторую половину пары автоматически. </section>
+
+## Instructions
+<section id="instructions"> Исправьте две ошибки пары в коде. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен исправить недостающую часть массива.
+    testString: 'assert(code.match(/myArray\s*?=\s*?\[\s*?1\s*?,\s*?2\s*?,\s*?3\s*?\];/g), "Your code should fix the missing piece of the array.");'
+  - text: 'Ваш код должен исправить недостающий фрагмент метода <code>.reduce()</code> . Консольный вывод должен показать, что «Сумма значений массива: 6».'
+    testString: 'assert(arraySum === 6, "Your code should fix the missing piece of the <code>.reduce()</code> method. The console output should show that "Sum of array values is: 6".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myArray = [1, 2, 3;
+let arraySum = myArray.reduce((previous, current =>  previous + current);
+console.log(`Sum of array values is: ${arraySum}`);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.russian.md
new file mode 100644
index 0000000000..31e94df7ed
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.russian.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b85367417b2b2512b38
+title: Catch Use of Assignment Operator Instead of Equality Operator
+challengeType: 1
+videoUrl: ''
+localeTitle: Поймать использование оператора присваивания вместо оператора равенства
+---
+
+## Description
+<section id="description"> Ветвящиеся программы, то есть те, которые выполняют разные вещи, если выполняются определенные условия, полагаются на <code>if</code> , <code>else if</code> и <code>else</code> в JavaScript. Условие иногда принимает форму проверки того, равен ли результат равному значению. Эта логика произносится (по крайней мере, на английском языке) как «если x равно y, тогда ...», которая может буквально перевести на код с помощью оператора <code>=</code> или присваивания. Это приводит к непредвиденному потоку управления в вашей программе. Как описано в предыдущих задачах, оператор присваивания ( <code>=</code> ) в JavaScript присваивает значение имени переменной. И операторы <code>==</code> и <code>===</code> проверяют равенство (тройные <code>===</code> тесты для строгого равенства, что означает как значение, так и тип). Приведенный ниже код присваивает <code>x</code> равному 2, который оценивается как <code>true</code> . Почти каждое значение само по себе в JavaScript оценивается как <code>true</code> , кроме тех, которые известны как «ложные» значения: <code>false</code> , <code>0</code> , <code>&quot;&quot;</code> (пустая строка), <code>NaN</code> , <code>undefined</code> и <code>null</code> . <blockquote> пусть x = 1; <br> пусть у = 2; <br> если (x = y) { <br> // этот кодовый блок будет выполняться для любого значения y (если y изначально не было установлено как ложь) <br> } else { <br> // этот блок кода - это то, что должно выполняться (но не будет) в этом примере <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Исправьте условие, чтобы программа выполняла правильную ветвь, и соответствующее значение присваивается <code>result</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш код должен исправить условие, поэтому он проверяет равенство вместо использования назначения.'
+    testString: 'assert(result == "Not equal!", "Your code should fix the condition so it checks for equality, instead of using assignment.");'
+  - text: Условие может использовать либо <code>==</code> или <code>===</code> для проверки равенства.
+    testString: 'assert(code.match(/x\s*?===?\s*?y/g), "The condition can use either <code>==</code> or <code>===</code> to test for equality.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let x = 7;
+let y = 9;
+let result = "to come";
+
+if(x = y) {
+  result = "Equal!";
+} else {
+  result = "Not equal!";
+}
+
+console.log(result);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/prevent-infinite-loops-with-a-valid-terminal-condition.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/prevent-infinite-loops-with-a-valid-terminal-condition.russian.md
new file mode 100644
index 0000000000..b0fac9cf98
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/prevent-infinite-loops-with-a-valid-terminal-condition.russian.md
@@ -0,0 +1,55 @@
+---
+id: 587d7b86367417b2b2512b3d
+title: Prevent Infinite Loops with a Valid Terminal Condition
+challengeType: 1
+videoUrl: ''
+localeTitle: Предотвращение бесконечных циклов с допустимым условием терминала
+---
+
+## Description
+<section id="description"> Последней темой является бесконечный бесконечный цикл. Циклы - отличные инструменты, когда вам нужно, чтобы ваша программа выполняла блок кода определенное количество раз или до тех пор, пока не будет выполнено условие, но им нужно условие терминала, которое завершает цикл. Бесконечные циклы, скорее всего, замерзнут или сбой браузера, и вызовут хаос общей программы, чего никто не хочет. Был пример бесконечного цикла во введении к этому разделу - у него не было терминального условия вырваться из в <code>while</code> петлях внутри <code>loopy()</code> . Не вызывайте эту функцию! <blockquote> функция loopy () { <br> while (true) { <br> console.log («Привет, мир!»); <br> } <br> } </blockquote> Задача программиста заключается в том, чтобы в конечном итоге было достигнуто условие терминала, которое сообщает программе о выходе из кода цикла. Одна ошибка - это увеличение или уменьшение переменной счетчика в неправильном направлении от состояния терминала. Другой случайный сброс счетной или индексной переменной в коде цикла, вместо того, чтобы увеличивать или уменьшать ее. </section>
+
+## Instructions
+<section id="instructions"> Функция <code>myFunc()</code> содержит бесконечный цикл, потому что условие терминала <code>i != 4</code> никогда не будет оценивать значение <code>false</code> (и прерывать цикл). <code>i</code> будет увеличиваться на 2 каждый проход и прыгать прямо над 4, так как <code>i</code> нечетно для запуска. Исправьте оператор сравнения в терминальном условии, чтобы цикл выполнялся только для <code>i</code> меньшего или равного 4. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен изменить оператор сравнения в терминальном состоянии (средняя часть) цикла <code>for</code> .
+    testString: 'assert(code.match(/i\s*?<=\s*?4;/g).length == 1, "Your code should change the comparison operator in the terminal condition (the middle part) of the <code>for</code> loop.");'
+  - text: Ваш код должен исправить оператор сравнения в терминальном состоянии цикла.
+    testString: 'assert(!code.match(/i\s*?!=\s*?4;/g), "Your code should fix the comparison operator in the terminal condition of the loop.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function myFunc() {
+  for (let i = 1; i != 4; i += 2) {
+    console.log("Still going!");
+  }
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console.russian.md
new file mode 100644
index 0000000000..f4ae367c80
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console.russian.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b83367417b2b2512b37
+title: Understanding the Differences between the freeCodeCamp and Browser Console
+challengeType: 1
+videoUrl: ''
+localeTitle: Понимание различий между FreeCodeCamp и браузером
+---
+
+## Description
+<section id="description"> Возможно, вы заметили, что некоторые проблемы с JavaScript для FreeCodeCamp включают в себя собственную консоль. Эта консоль ведет себя несколько иначе, чем консоль браузера, которую вы использовали в последнем вызове. Следующая задача состоит в том, чтобы выделить некоторые различия между консолью freeCodeCamp и консолью браузера. Во-первых, консоль браузера. Когда вы загружаете и запускаете обычный файл JavaScript в своем браузере, операторы <code>console.log()</code> будут печатать именно то, что вы им сообщаете, чтобы печатать на консоль браузера точное количество запрошенных вами запросов. В текстовом редакторе в браузере этот процесс немного отличается и может сбивать с толку вначале. Значения, переданные в <code>console.log()</code> в блоке текстового редактора, запускают каждый набор тестов, а также еще одно время для любых вызовов функций, которые у вас есть в коде. Это поддается некоторому интересному поведению и может начать вас в начале, потому что зарегистрированное значение, которое вы ожидаете увидеть только один раз, может распечатывать еще много раз в зависимости от количества тестов и значений, передаваемых этим тестам. Если вы хотите увидеть только свой единственный вывод и не беспокоиться о прохождении циклов тестирования, вы можете использовать <code>console.clear()</code> . </section>
+
+## Instructions
+<section id="instructions"> Используйте <code>console.log()</code> для печати переменных в указанном коде. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Используйте <code>console.log()</code> для печати переменной <code>outputTwo</code> . В вашей браузерной консоли это должно печатать значение переменной два раза.
+    testString: 'assert(code.match(/console\.log\(outputTwo\)/g), "Use <code>console.log()</code> to print the <code>outputTwo</code> variable.  In your Browser Console this should print out the value of the variable two times.");'
+  - text: Используйте <code>console.log()</code> для печати переменной <code>outputOne</code> .
+    testString: 'assert(code.match(/console\.log\(outputOne\)/g), "Use <code>console.log()</code> to print the <code>outputOne</code> variable.");'
+  - text: 'Используйте <code>console.clear()</code> чтобы изменить свой вывод, чтобы переменная <code>outputOne</code> только один раз.'
+    testString: 'assert(code.match(/^(\s*console.clear\(\);?\s*)$/gm), "Use <code>console.clear()</code> to modify your output so that <code>outputOne</code> variable only outputs once.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// Open your browser console
+let outputTwo = "This will print to the browser console 2 times";
+// Use console.log() to print the outputTwo variable
+
+
+let outputOne = "Try to get this to log only once to the browser console";
+// Use console.clear() in the next line to print the outputOne only once
+
+
+// Use console.log() to print the outputOne variable
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.russian.md
new file mode 100644
index 0000000000..6dc989a667
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.russian.md
@@ -0,0 +1,71 @@
+---
+id: 587d7b86367417b2b2512b3c
+title: Use Caution When Reinitializing Variables Inside a Loop
+challengeType: 1
+videoUrl: ''
+localeTitle: Предупреждение при переинициализации переменных внутри контура
+---
+
+## Description
+<section id="description"> Иногда в цикле необходимо сохранять информацию, увеличивать счетчики или переставлять переменные. Потенциальная проблема заключается в том, что переменные либо должны быть повторно инициализированы, либо нет, или наоборот. Это особенно опасно, если вы случайно сбросили переменную, используемую для состояния терминала, вызывая бесконечный цикл. Печать значений переменных с каждым циклом цикла с помощью <code>console.log()</code> может выявить ошибочное поведение, связанное с сбросом, или сбой при сбросе переменной. </section>
+
+## Instructions
+<section id="instructions"> Предполагается, что следующая функция создаст двумерный массив с <code>m</code> строками и <code>n</code> столбцами нулей. К сожалению, это не приводит к ожидаемому результату, потому что переменная <code>row</code> не повторно инициализируется (возвращается обратно в пустой массив) во внешнем цикле. Исправьте код, чтобы он вернул правильный массив нулей размером 3x2, который выглядит как <code>[[0, 0], [0, 0], [0, 0]]</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш код должен установить <code>matrix</code> переменную в массив, содержащий 3 строки по 2 столбца нулей каждый.'
+    testString: 'assert(JSON.stringify(matrix) == "[[0,0],[0,0],[0,0]]", "Your code should set the <code>matrix</code> variable to an array holding 3 rows of 2 columns of zeroes each.");'
+  - text: <code>matrix</code> переменная должна иметь 3 строки.
+    testString: 'assert(matrix.length == 3, "The <code>matrix</code> variable should have 3 rows.");'
+  - text: <code>matrix</code> переменная должна содержать по 2 столбца в каждой строке.
+    testString: 'assert(matrix[0].length == 2 && matrix[1].length === 2 && matrix[2].length === 2, "The <code>matrix</code> variable should have 2 columns in each row.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function zeroArray(m, n) {
+  // Creates a 2-D array with m rows and n columns of zeroes
+  let newArray = [];
+  let row = [];
+  for (let i = 0; i < m; i++) {
+    // Adds the m-th row into newArray
+
+    for (let j = 0; j < n; j++) {
+      // Pushes n zeroes into the current row to create the columns
+      row.push(0);
+    }
+    // Pushes the current row, which now has n zeroes in it, to the array
+    newArray.push(row);
+  }
+  return newArray;
+}
+
+let matrix = zeroArray(3, 2);
+console.log(matrix);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/use-the-javascript-console-to-check-the-value-of-a-variable.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/use-the-javascript-console-to-check-the-value-of-a-variable.russian.md
new file mode 100644
index 0000000000..0c78d8d86e
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/use-the-javascript-console-to-check-the-value-of-a-variable.russian.md
@@ -0,0 +1,56 @@
+---
+id: 587d7b83367417b2b2512b33
+title: Use the JavaScript Console to Check the Value of a Variable
+challengeType: 1
+videoUrl: ''
+localeTitle: Используйте консоль JavaScript для проверки значения переменной
+---
+
+## Description
+<section id="description"> У Chrome и Firefox есть отличные консоли JavaScript, также известные как DevTools, для отладки вашего JavaScript. Инструменты разработчика можно найти в меню Chrome или в веб-консоли в меню FireFox. Если вы используете другой браузер или мобильный телефон, настоятельно рекомендуем перейти на настольный Firefox или Chrome. Метод <code>console.log()</code> , который «печатает» вывод того, что находится в его круглых скобках на консоли, скорее всего, станет наиболее полезным инструментом отладки. Размещение его в стратегических точках вашего кода может показывать промежуточные значения переменных. Хорошая практика - иметь представление о том, что должен делать вывод, прежде чем смотреть на то, что это такое. Наличие контрольных точек для просмотра состояния ваших вычислений в вашем коде поможет сузить проблему. Вот пример печати «Hello world!». на консоль: <code>console.log(&#39;Hello world!&#39;);</code> </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать <code>console.log()</code> чтобы проверить значение переменной <code>a</code> .
+    testString: 'assert(code.match(/console\.log\(a\)/g), "Your code should use <code>console.log()</code> to check the value of the variable <code>a</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let a = 5;
+let b = 1;
+a++;
+// Add your code below this line
+
+
+let sumAB = a + b;
+console.log(sumAB);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/use-typeof-to-check-the-type-of-a-variable.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/use-typeof-to-check-the-type-of-a-variable.russian.md
new file mode 100644
index 0000000000..acdae301f4
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/debugging/use-typeof-to-check-the-type-of-a-variable.russian.md
@@ -0,0 +1,56 @@
+---
+id: 587d7b84367417b2b2512b34
+title: Use typeof to Check the Type of a Variable
+challengeType: 1
+videoUrl: ''
+localeTitle: Используйте типof для проверки типа переменной
+---
+
+## Description
+<section id="description"> Вы можете использовать <code>typeof</code> для проверки структуры данных или типа переменной. Это полезно при отладке при работе с несколькими типами данных. Если вы считаете, что добавляете два числа, но на самом деле это строка, результаты могут быть неожиданными. Ошибки типа могут скрываться при вычислениях или вызовах функций. Будьте особенно внимательны, когда вы обращаетесь к внешним данным и работаете с ними в виде объекта JavaScript Object Notation (JSON). Вот несколько примеров с использованием <code>typeof</code> : <blockquote> console.log (typeof &quot;&quot;); // выводит &quot;string&quot; <br> console.log (typeof 0); // выводит «число» <br> console.log (typeof []); // выводит &quot;объект&quot; <br> console.log (typeof {}); // выводит &quot;объект&quot; </blockquote> JavaScript распознает шесть примитивных (неизменных) типов данных: <code>Boolean</code> , <code>Null</code> , <code>Undefined</code> , <code>Number</code> , <code>String</code> и <code>Symbol</code> (новый с ES6) и один тип для изменяемых элементов: <code>Object</code> . Обратите внимание, что в JavaScript массивы являются технически типом объекта. </section>
+
+## Instructions
+<section id="instructions"> Добавьте два оператора <code>console.log()</code> чтобы проверить <code>typeof</code> каждой из двух переменных <code>seven</code> и <code>three</code> в коде. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать <code>typeof</code> в двух оператора <code>console.log()</code> для проверки типа переменных.
+    testString: 'assert(code.match(/console\.log\(typeof[\( ].*\)?\)/g).length == 2, "Your code should use <code>typeof</code> in two <code>console.log()</code> statements to check the type of the variables.");'
+  - text: Ваш код должен использовать <code>typeof</code> для проверки типа переменной <code>seven</code> .
+    testString: 'assert(code.match(/typeof[\( ]seven\)?/g), "Your code should use <code>typeof</code> to check the type of the variable <code>seven</code>.");'
+  - text: Ваш код должен использовать <code>typeof</code> для проверки типа переменной <code>three</code> .
+    testString: 'assert(code.match(/typeof[\( ]three\)?/g), "Your code should use <code>typeof</code> to check the type of the variable <code>three</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let seven = 7;
+let three = "3";
+console.log(seven + three);
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.russian.md
new file mode 100644
index 0000000000..6454d82166
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.russian.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b87367417b2b2512b40
+title: Compare Scopes of the var and let Keywords
+challengeType: 1
+videoUrl: ''
+localeTitle: Сравните области действия переменных var и let
+---
+
+## Description
+<section id="description"> Когда вы объявляете переменную с ключевым словом <code>var</code> , она объявляется глобально или локально, если объявляется внутри функции. Ключевое слово <code>let</code> ведет себя аналогично, но с некоторыми дополнительными функциями. Когда вы объявляете переменную с ключевым словом <code>let</code> внутри блока, оператора или выражения, его область действия ограничена этим блоком, оператором или выражением. Например: <blockquote> var numArray = []; <br> для (var i = 0; i &lt;3; i ++) { <br> numArray.push (я); <br> } <br> console.log (Numarray); <br> // возвращает [0, 1, 2] <br> console.log (я); <br> // возвращает 3 </blockquote> С ключевым словом <code>var</code> <code>i</code> объявляется глобально. Поэтому, когда <code>i++</code> выполняется, он обновляет глобальную переменную. Этот код похож на следующий: <blockquote> var numArray = []; <br> var i; <br> для (i = 0; i &lt;3; i ++) { <br> numArray.push (я); <br> } <br> console.log (Numarray); <br> // возвращает [0, 1, 2] <br> console.log (я); <br> // возвращает 3 </blockquote> Такое поведение вызовет проблемы, если вы должны были создать функцию и сохранить ее для последующего использования внутри цикла for, который использует переменную <code>i</code> . Это связано с тем, что хранимая функция всегда будет ссылаться на значение обновленной глобальной переменной <code>i</code> . <blockquote> var printNumTwo; <br> для (var i = 0; i &lt;3; i ++) { <br> if (i === 2) { <br> printNumTwo = function () { <br> return i; <br> }; <br> } <br> } <br> console.log (printNumTwo ()); <br> // возвращает 3 </blockquote> Как вы можете видеть, <code>printNumTwo()</code> печатает 3, а не 2. Это связано с тем, что значение, присвоенное <code>i</code> было обновлено, и <code>printNumTwo()</code> возвращает глобальный <code>i</code> а не значение, которое <code>i</code> имел, когда функция была создана в цикле for. Ключевое слово <code>let</code> не следует этому поведению: <blockquote> «использовать строгий»; <br> let printNumTwo; <br> для (пусть i = 0; i &lt;3; i ++) { <br> if (i === 2) { <br> printNumTwo = function () { <br> return i; <br> }; <br> } <br> } <br> console.log (printNumTwo ()); <br> // возвращает 2 <br> console.log (я); <br> // возвращает «i не определен» </blockquote> <code>i</code> не определен, потому что он не был объявлен в глобальной области. Он объявляется только в инструкции цикла for. <code>printNumTwo()</code> вернула правильное значение, потому что три разные переменные <code>i</code> с уникальными значениями (0, 1 и 2) были созданы ключевым словом <code>let</code> в цикле. </section>
+
+## Instructions
+<section id="instructions"> Исправьте код, чтобы <code>i</code> объявлял в выражении if отдельную переменную, чем <code>i</code> объявленный в первой строке функции. Не забудьте использовать ключевое слово <code>var</code> любом месте вашего кода. Это упражнение предназначено для иллюстрации разницы между тем, как <code>var</code> и <code>let</code> ключевыми словами назначить область для объявленных переменных. При программировании функции, аналогичной той, которая используется в этом упражнении, часто лучше использовать разные имена переменных, чтобы избежать путаницы. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>var</code> не существует в коде.
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g),"<code>var</code> does not exist in code.");'
+  - text: 'Переменная <code>i</code> объявленная в операторе if, должна равняться «области блока».'
+    testString: 'getUserInput => assert(getUserInput("index").match(/(i\s*=\s*).*\s*.*\s*.*\1("|")block\s*scope\2/g), "The variable <code>i</code> declared in the if statement should equal "block scope".");'
+  - text: <code>checkScope()</code> должен возвращать &quot;область действия&quot;
+    testString: 'assert(checkScope() === "function scope", "<code>checkScope()</code> should return "function scope"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkScope() {
+"use strict";
+  var i = "function scope";
+  if (true) {
+    i = "block scope";
+    console.log("Block scope i is: ", i);
+  }
+  console.log("Function scope i is: ", i);
+  return i;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default.russian.md
new file mode 100644
index 0000000000..742a7e0c4a
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default.russian.md
@@ -0,0 +1,59 @@
+---
+id: 587d7b8c367417b2b2512b58
+title: Create an Export Fallback with export default
+challengeType: 1
+videoUrl: ''
+localeTitle: Создание экспортного возврата с экспортом по умолчанию
+---
+
+## Description
+<section id="description"> В уроке <code>export</code> вы узнали о синтаксисе, называемом <dfn>именованным экспортом</dfn> . Это позволило вам сделать несколько функций и переменных доступными для использования в других файлах. Существует другой синтаксис <code>export</code> вам нужно знать, известный как <dfn>экспорт по умолчанию</dfn> . Обычно вы будете использовать этот синтаксис, если экспортируется только одно значение из файла. Он также используется для создания резервного значения для файла или модуля. Ниже приведен пример <code>export default</code> : <blockquote> функция экспорта по умолчанию add (x, y) { <br> return x + y; <br> } </blockquote> Примечание. Поскольку <code>export default</code> используется для объявления резервного значения для модуля или файла, вы можете иметь только одно значение для экспорта по умолчанию в каждом модуле или файле. Кроме того, вы не можете использовать <code>export default</code> с <code>var</code> , <code>let</code> или <code>const</code> </section>
+
+## Instructions
+<section id="instructions"> Следующая функция должна быть резервным значением для модуля. Пожалуйста, добавьте необходимый код для этого. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/export\s+default\s+function\s+subtract\(x,y\)\s+{return\s+x\s-\s+y;}/g), "Proper used of <code>export</code> fallback.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+function subtract(x,y) {return x - y;}
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.exports = function(){};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals.russian.md
new file mode 100644
index 0000000000..a6679d03c4
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals.russian.md
@@ -0,0 +1,73 @@
+---
+id: 587d7b8a367417b2b2512b4e
+title: Create Strings using Template Literals
+challengeType: 1
+videoUrl: ''
+localeTitle: Создание строк с использованием шаблонных литералов
+---
+
+## Description
+<section id="description"> Новая функция ES6 - это <dfn>шаблонный литерал</dfn> . Это специальный тип строки, который упрощает создание сложных строк. Литералы шаблонов позволяют создавать многострочные строки и использовать функции интерполяции строк для создания строк. Рассмотрим следующий код: <blockquote> const person = { <br> имя: «Зодиак Хасбро», <br> возраст: 56 <br> }; <br><br> // Литерал шаблона с многострочной и строковой интерполяцией <br> const greeting = `Привет, меня зовут $ {person.name}! <br> Я $ {person.age} лет. &#39;; <br><br> console.log (приветствие); // печатает <br> // Привет, меня зовут Асбро! <br> // Мне 56 лет. <br></blockquote> Там было много чего. Во-первых, в примере используются обратные элементы ( <code>`</code> ), а не кавычки ( <code>&#39;</code> или <code>&quot;</code> ), чтобы обернуть строку. Во-вторых, обратите внимание, что строка является многострочной, как в коде, так и в выводе. Это сохраняет вставку <code>\n</code> внутри строк. Синтаксис <code>${variable}</code> используемый выше, является заполнителем. В принципе, вам больше не нужно будет использовать конкатенацию с оператором <code>+</code> . Чтобы добавить переменные в строки, вы просто бросаете переменную в строку шаблона и обертываете ее <code>${</code> и <code>}</code> Аналогичным образом вы можете включить другие выражения в строковый литерал, например <code>${a + b}</code> . Этот новый способ создания строк дает вам больше гибкости для создания надежных строк. </section>
+
+## Instructions
+<section id="instructions"> Используйте синтаксис литерала шаблона с обратными выводами для отображения каждой записи массива <code>failure</code> объекта <code>result</code> . Каждая запись должна быть обернута внутри элемента <code>li</code> с <code>text-warning</code> атрибута класса и указана в <code>resultDisplayArray</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>resultDisplayArray</code> представляет собой массив , содержащий <code>result failure</code> сообщений.'
+    testString: 'assert(typeof makeList(result.failure) === "object" && resultDisplayArray.length === 3, "<code>resultDisplayArray</code> is a list containing <code>result failure</code> messages.");'
+  - text: <code>resultDisplayArray</code> - желаемый результат.
+    testString: 'assert(makeList(result.failure).every((v, i) => v === `<li class="text-warning">${result.failure[i]}</li>` || v === `<li class="text-warning">${result.failure[i]}</li>`), "<code>resultDisplayArray</code> is the desired output.");'
+  - text: Использовались строки шаблонов
+    testString: 'getUserInput => assert(getUserInput("index").match(/`.*`/g), "Template strings were not used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const result = {
+  success: ["max-length", "no-amd", "prefer-arrow-functions"],
+  failure: ["no-var", "var-on-top", "linebreak"],
+  skipped: ["id-blacklist", "no-dup-keys"]
+};
+function makeList(arr) {
+  "use strict";
+
+  // change code below this line
+  const resultDisplayArray = null;
+  // change code above this line
+
+  return resultDisplayArray;
+}
+/**
+ * makeList(result.failure) should return:
+ * [ `<li class="text-warning">no-var</li>`,
+ *   `<li class="text-warning">var-on-top</li>`,
+ *   `<li class="text-warning">linebreak</li>` ]
+ **/
+const resultDisplayArray = makeList(result.failure);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/declare-a-read-only-variable-with-the-const-keyword.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/declare-a-read-only-variable-with-the-const-keyword.russian.md
new file mode 100644
index 0000000000..2931ecbf74
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/declare-a-read-only-variable-with-the-const-keyword.russian.md
@@ -0,0 +1,68 @@
+---
+id: 587d7b87367417b2b2512b41
+title: Declare a Read-Only Variable with the const Keyword
+challengeType: 1
+videoUrl: ''
+localeTitle: Объявлять переменную только для чтения с помощью ключевого слова const
+---
+
+## Description
+<section id="description"> <code>let</code> не является единственным новым способом объявления переменных. В ES6 вы также можете объявлять переменные, используя ключевое слово <code>const</code> . <code>const</code> имеет все потрясающие функции, которые <code>let</code> иметь, с добавленным бонусом, что переменные, объявленные с использованием <code>const</code> , доступны только для чтения. Они являются постоянной величиной, что означает , что когда переменная присваивается <code>const</code> , он не может быть переназначен. <blockquote> &quot;использовать строгие&quot; <br> const FAV_PET = &quot;Кошки&quot;; <br> FAV_PET = &quot;Собаки&quot;; // возвращает ошибку </blockquote> Как вы можете видеть, попытка переназначить переменную, объявленную с помощью <code>const</code> вызовет ошибку. Вы всегда должны указывать переменные, которые вы не хотите переназначать, используя ключевое слово <code>const</code> . Это помогает, когда вы случайно пытаетесь переназначить переменную, которая должна оставаться постоянной. Обычная практика, когда константы именования - использовать все заглавные буквы со словами, разделенными символом подчеркивания. </section>
+
+## Instructions
+<section id="instructions"> Измените код так, чтобы все переменные были объявлены с помощью <code>let</code> или <code>const</code> . Используйте <code>let</code> когда вы хотите, чтобы переменная изменилась, и <code>const</code> когда вы хотите, чтобы переменная оставалась постоянной. Кроме того , переименовывать переменные , объявленные с <code>const</code> , чтобы соответствовать общей практике, то есть константы должны быть заглавными буквами. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>var</code> не существует в вашем коде.
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g),"<code>var</code> does not exist in your code.");'
+  - text: '<code>SENTENCE</code> должна быть постоянной переменной , объявленной с <code>const</code> .'
+    testString: 'getUserInput => assert(getUserInput("index").match(/(const SENTENCE)/g), "<code>SENTENCE</code> should be a constant variable declared with <code>const</code>.");'
+  - text: <code>i</code> должен быть объявлен с <code>let</code> .
+    testString: 'getUserInput => assert(getUserInput("index").match(/(let i)/g), "<code>i</code> should be declared with <code>let</code>.");'
+  - text: '<code>console.log</code> следует изменить, чтобы напечатать переменную <code>SENTENCE</code> .'
+    testString: 'getUserInput => assert(getUserInput("index").match(/console\.log\(\s*SENTENCE\s*\)\s*;?/g), "<code>console.log</code> should be adjusted to print the variable <code>SENTENCE</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function printManyTimes(str) {
+  "use strict";
+
+  // change code below this line
+
+  var sentence = str + " is cool!";
+  for(var i = 0; i < str.length; i+=2) {
+    console.log(sentence);
+  }
+
+  // change code above this line
+
+}
+printManyTimes("freeCodeCamp");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/explore-differences-between-the-var-and-let-keywords.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/explore-differences-between-the-var-and-let-keywords.russian.md
new file mode 100644
index 0000000000..c9d3cb7391
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/explore-differences-between-the-var-and-let-keywords.russian.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b87367417b2b2512b3f
+title: Explore Differences Between the var and let Keywords
+challengeType: 1
+videoUrl: ''
+localeTitle: Исследуйте различия между ключевыми словами var и let
+---
+
+## Description
+<section id="description"> Одна из самых больших проблем с объявлением переменных с ключевым словом <code>var</code> заключается в том, что вы можете перезаписывать объявления переменных без ошибок. <blockquote> var camper = &#39;Джеймс&#39;; <br> var camper = &#39;David&#39;; <br> console.log (отдыхающий); <br> // logs &#39;David&#39; </blockquote> Как вы можете видеть в приведенном выше коде, переменная <code>camper</code> изначально объявляется <code>James</code> а затем переопределяется как <code>David</code> . В небольшом приложении вы можете не столкнуться с этой проблемой, но когда ваш код станет больше, вы можете случайно перезаписать переменную, которую вы не намеревались перезаписать. Поскольку это поведение не вызывает ошибки, поиск и исправление ошибок усложняется. <br> В ES6 было введено новое ключевое слово с именем <code>let</code> чтобы решить эту потенциальную проблему с помощью ключевого слова <code>var</code> . Если вы заменили <code>var</code> с <code>let</code> в объявлениях переменных вышеприведенного кода, результатом будет ошибка. <blockquote> пусть кемпер = «Джеймс»; <br> пусть кемпер = «Дэвид»; // выдает ошибку </blockquote> Эту ошибку можно увидеть в консоли вашего браузера. Таким образом, в отличие от <code>var</code> , при использовании <code>let</code> переменная с тем же именем может быть объявлена ​​только один раз. Обратите внимание на <code>&quot;use strict&quot;</code> . Это позволяет использовать Strict Mode, который ловит ошибки общего кодирования и «небезопасные» действия. Например: <blockquote> «использовать строгую»; <br> x = 3,14; // выдает ошибку, поскольку x не объявляется </blockquote></section>
+
+## Instructions
+<section id="instructions"> Обновите код, чтобы использовать ключевое слово <code>let</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>var</code> не существует в коде.
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g),"<code>var</code> does not exist in code.");'
+  - text: <code>catName</code> должен быть <code>Oliver</code> .
+    testString: 'assert(catName === "Oliver", "<code>catName</code> should be <code>Oliver</code>.");'
+  - text: <code>quote</code> должна быть <code>&quot;Oliver says Meow!&quot;</code>
+    testString: 'assert(quote === "Oliver says Meow!", "<code>quote</code> should be <code>"Oliver says Meow!"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var catName;
+var quote;
+function catTalk() {
+  "use strict";
+
+  catName = "Oliver";
+  quote = catName + " says Meow!";
+
+}
+catTalk();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.russian.md
new file mode 100644
index 0000000000..22dfc1648e
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.russian.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8d367417b2b2512b59
+title: Import a Default Export
+challengeType: 1
+videoUrl: ''
+localeTitle: Импорт экспорта по умолчанию
+---
+
+## Description
+<section id="description"> В последней задаче вы узнали об <code>export default</code> и его использовании. Важно отметить, что для импорта экспорта по умолчанию вам нужно использовать другой синтаксис <code>import</code> . В следующем примере у нас есть функция <code>add</code> , то есть экспорт по умолчанию файла <code>&quot;math_functions&quot;</code> . Вот как его импортировать: <blockquote> import добавить из &quot;math_functions&quot;; <br> добавить (5,4); // Вернет 9 </blockquote> Синтаксис отличается в одном ключевом месте - импортированное значение, <code>add</code> , не окружено фигурными фигурными скобками <code>{}</code> . В отличие от экспортированных значений основным методом импорта экспорта по умолчанию является простое имя значения после <code>import</code> . </section>
+
+## Instructions
+<section id="instructions"> В следующем коде, пожалуйста, импортируйте экспорт по умолчанию, <code>subtract</code> из файла <code>&quot;math_functions&quot;</code> , найденного в том же каталоге, что и этот файл. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Правильно импортирует метод <code>export default</code> .
+    testString: 'getUserInput => assert(getUserInput("index").match(/import\s+subtract\s+from\s+"math_functions"/g), "Properly imports <code>export default</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+subtract(7,4);
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.require = function(str) {
+if (str === 'math_functions') {
+return function(a, b) {
+return a - b;
+}}};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/mutate-an-array-declared-with-const.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/mutate-an-array-declared-with-const.russian.md
new file mode 100644
index 0000000000..8653dee519
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/mutate-an-array-declared-with-const.russian.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b87367417b2b2512b42
+title: Mutate an Array Declared with const
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Мутате массив, объявленный с константой'
+---
+
+## Description
+<section id="description"> Объявление <code>const</code> имеет много вариантов использования в современном JavaScript. Некоторые разработчики предпочитают назначать все свои переменные, используя <code>const</code> по умолчанию, если только они не знают, что им нужно будет переназначить это значение. Только в этом случае они используют <code>let</code> . Однако важно понимать, что объекты (включая массивы и функции), назначенные переменной с использованием <code>const</code> , по-прежнему изменяемы. Использование объявления <code>const</code> только предотвращает переназначение идентификатора переменной. <blockquote> «использовать строгую»; <br> const s = [5, 6, 7]; <br> s = [1, 2, 3]; // выдает ошибку, пытаясь назначить const <br> s [2] = 45; // работает так же, как и с объявленным массивом var или let <br> console.log (ы); // возвращает [5, 6, 45] </blockquote> Как вы можете видеть, вы можете самостоятельно мутировать объект <code>[5, 6, 7]</code> , а переменная <code>s</code> все равно укажет на измененный массив <code>[5, 6, 45]</code> . Как и все массивы, элементы массива в <code>s</code> изменяемы, но поскольку используется <code>const</code> , вы не можете использовать идентификатор переменной <code>s</code> для указания на другой массив с использованием оператора присваивания. </section>
+
+## Instructions
+<section id="instructions"> Массив объявляется как <code>const s = [5, 7, 2]</code> . Измените массив на <code>[2, 5, 7]</code> используя различные назначения элементов. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Не заменяйте ключевое слово <code>const</code> .
+    testString: 'getUserInput => assert(getUserInput("index").match(/const/g), "Do not replace <code>const</code> keyword.");'
+  - text: <code>s</code> должна быть постоянной переменной (используя <code>const</code> ).
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+s/g), "<code>s</code> should be a constant variable (by using <code>const</code>).");'
+  - text: Не изменяйте оригинальное объявление массива.
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+s\s*=\s*\[\s*5\s*,\s*7\s*,\s*2\s*\]\s*;?/g), "Do not change the original array declaration.");'
+  - text: '<code>s</code> должно быть равно <code>[2, 5, 7]</code> .'
+    testString: 'assert.deepEqual(s, [2, 5, 7], "<code>s</code> should be equal to <code>[2, 5, 7]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const s = [5, 7, 2];
+function editInPlace() {
+  "use strict";
+  // change code below this line
+
+  // s = [2, 5, 7]; <- this is invalid
+
+  // change code above this line
+}
+editInPlace();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/prevent-object-mutation.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/prevent-object-mutation.russian.md
new file mode 100644
index 0000000000..492cb193c9
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/prevent-object-mutation.russian.md
@@ -0,0 +1,71 @@
+---
+id: 598f48a36c8c40764b4e52b3
+title: Prevent Object Mutation
+challengeType: 1
+videoUrl: ''
+localeTitle: Предотвращение мутации объектов
+---
+
+## Description
+<section id="description"> Как видно из предыдущей задачи, одно только объявление <code>const</code> не защищает ваши данные от мутации. Чтобы ваши данные не менялись, JavaScript предоставляет функцию <code>Object.freeze</code> для предотвращения мутации данных. После того, как объект будет заморожен, вы больше не сможете добавлять, обновлять или удалять из него свойства. Любая попытка изменить объект будет отклонена без ошибок. <blockquote> пусть obj = { <br> Название: &quot;FreeCodeCamp&quot;, <br> Обзор: «Высокий» <br> }; <br> Object.freeze (OBJ); <br> obj.review = &quot;bad&quot;; // будет проигнорирован. Мутация не допускается <br> obj.newProp = &quot;Test&quot;; // будет проигнорирован. Мутация не допускается <br> console.log (OBJ); <br> // {name: &quot;FreeCodeCamp&quot;, обзор: &quot;Awesome&quot;} </blockquote></section>
+
+## Instructions
+<section id="instructions"> В этой задаче вы собираетесь использовать <code>Object.freeze</code> для предотвращения изменения математических констант. Вам необходимо заморозить объект <code>MATH_CONSTANTS</code> чтобы никто не мог изменять значение свойств <code>PI</code> , добавлять или удалять. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Не заменяйте ключевое слово <code>const</code> .
+    testString: 'getUserInput => assert(getUserInput("index").match(/const/g), "Do not replace <code>const</code> keyword.");'
+  - text: <code>MATH_CONSTANTS</code> должна быть постоянной переменной (используя <code>const</code> ).
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+MATH_CONSTANTS/g), "<code>MATH_CONSTANTS</code> should be a constant variable (by using <code>const</code>).");'
+  - text: Не меняйте оригинальные <code>MATH_CONSTANTS</code> .
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+MATH_CONSTANTS\s+=\s+{\s+PI:\s+3.14\s+};/g), "Do not change original <code>MATH_CONSTANTS</code>.");'
+  - text: <code>PI</code> равно <code>3.14</code> .
+    testString: 'assert(PI === 3.14, "<code>PI</code> equals <code>3.14</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function freezeObj() {
+  "use strict";
+  const MATH_CONSTANTS = {
+    PI: 3.14
+  };
+  // change code below this line
+
+
+  // change code above this line
+  try {
+    MATH_CONSTANTS.PI = 99;
+  } catch( ex ) {
+    console.log(ex);
+  }
+  return MATH_CONSTANTS.PI;
+}
+const PI = freezeObj();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions.russian.md
new file mode 100644
index 0000000000..e5da0c070c
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions.russian.md
@@ -0,0 +1,60 @@
+---
+id: 587d7b88367417b2b2512b46
+title: Set Default Parameters for Your Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Установка параметров по умолчанию для ваших функций
+---
+
+## Description
+<section id="description"> Чтобы помочь нам создать более гибкие функции, ES6 вводит <dfn>параметры</dfn> по <dfn>умолчанию</dfn> для функций. Проверьте этот код: <blockquote> приветствие функции (name = &quot;Anonymous&quot;) { <br> return &quot;Hello&quot; + name; <br> } <br> console.log (приветствие ( &quot;Джон&quot;)); // Привет Джон <br> console.log (приветствие ()); // Привет Аноним </blockquote> Параметр по умолчанию запускается, когда аргумент не указан (он не определен). Как вы можете видеть в приведенном выше примере, <code>name</code> параметра получит значение по умолчанию <code>&quot;Anonymous&quot;</code> если вы не указали значение параметра. Вы можете добавить значения по умолчанию для столько параметров, сколько хотите. </section>
+
+## Instructions
+<section id="instructions"> Измените <code>increment</code> функции, добавив параметры по умолчанию, чтобы добавить 1 к <code>number</code> если <code>value</code> не указано. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Результат <code>increment(5, 2)</code> должен быть равен <code>7</code> .'
+    testString: 'assert(increment(5, 2) === 7, "The result of <code>increment(5, 2)</code> should be <code>7</code>.");'
+  - text: Результатом <code>increment(5)</code> должно быть <code>6</code> .
+    testString: 'assert(increment(5) === 6, "The result of <code>increment(5)</code> should be <code>6</code>.");'
+  - text: Параметр по умолчанию <code>1</code> был использован для <code>value</code> .
+    testString: 'getUserInput => assert(getUserInput("index").match(/value\s*=\s*1/g), "default parameter <code>1</code> was used for <code>value</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const increment = (function() {
+  "use strict";
+  return function increment(number, value) {
+    return number + value;
+  };
+})();
+console.log(increment(5, 2)); // returns 7
+console.log(increment(5)); // returns 6
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/understand-the-differences-between-import-and-require.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/understand-the-differences-between-import-and-require.russian.md
new file mode 100644
index 0000000000..7ce1779e83
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/understand-the-differences-between-import-and-require.russian.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8c367417b2b2512b55
+title: Understand the Differences Between import and require
+challengeType: 1
+videoUrl: ''
+localeTitle: Понимание различий между импортом и требованием
+---
+
+## Description
+<section id="description"> Раньше функция <code>require()</code> использовалась для импорта функций и кода во внешние файлы и модули. Хотя это удобно, это создает проблему: некоторые файлы и модули довольно большие, и вам может понадобиться только определенный код из этих внешних ресурсов. ES6 дает нам очень удобный инструмент, известный как <dfn>импорт</dfn> . С его помощью мы можем выбрать, какие части модуля или файла загружать в данный файл, экономя время и память. Рассмотрим следующий пример. Представьте, что <code>math_array_functions</code> имеет около 20 функций, но мне нужен только один <code>countItems</code> в моем текущем файле. Старый метод <code>require()</code> заставил бы меня задействовать все 20 функций. С помощью этого нового синтаксиса <code>import</code> я могу привести только желаемую функцию, например: <blockquote> import {countItems} из &quot;math_array_functions&quot; </blockquote> Описание приведенного выше кода: <blockquote> import {function} из &quot;file_path_goes_here&quot; <br> // Мы также можем импортировать переменные одинаково! </blockquote> Существует несколько способов написания оператора <code>import</code> , но это очень распространенный случай использования. <strong>Заметка</strong> <br> Пробел, окружающий функцию внутри фигурных скобок, является лучшей практикой - упрощает чтение инструкции <code>import</code> . <strong>Заметка</strong> <br> В уроках этого раздела используются функции, отличные от браузера. <code>import</code> и заявления, которые мы вводим на оставшихся уроках, не будут работать в браузере напрямую. Однако мы можем использовать различные инструменты для создания кода из этого, чтобы он работал в браузере. <strong>Заметка</strong> <br> В большинстве случаев путь к файлу требует <code>./</code> перед ним; в противном случае узел будет выглядеть в каталоге <code>node_modules</code> сначала пытаясь загрузить его как зависимость. </section>
+
+## Instructions
+<section id="instructions"> Добавьте соответствующий оператор <code>import</code> , который позволит текущему файлу использовать функцию <code>capitalizeString</code> . Файл, в котором работает эта функция, называется <code>&quot;string_functions&quot;</code> , и он находится в том же каталоге, что и текущий файл. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: действительный оператор <code>import</code>
+    testString: 'getUserInput => assert(getUserInput("index").match(/import\s+\{\s*capitalizeString\s*\}\s+from\s+("|")string_functions\1/g), "valid <code>import</code> statement");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+capitalizeString("hello!");
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.require = function (str) {
+if (str === 'string_functions') {
+return {
+capitalizeString: str => str.toUpperCase()
+}}};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file.russian.md
new file mode 100644
index 0000000000..e889b8db69
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file.russian.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8c367417b2b2512b57
+title: Use * to Import Everything from a File
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Используйте *, чтобы импортировать все из файла'
+---
+
+## Description
+<section id="description"> Предположим, у вас есть файл, который вы хотите импортировать все его содержимое в текущий файл. Это можно сделать с помощью синтаксиса <dfn>import *</dfn> . Вот пример, когда содержимое файла с именем <code>&quot;math_functions&quot;</code> импортируется в файл в том же каталоге: <blockquote> import * как myMathModule из &quot;math_functions&quot;; <br> myMathModule.add (2,3); <br> myMathModule.subtract (5,3); </blockquote> И разбив этот код: <blockquote> import * как object_with_name_of_your_choice из &quot;file_path_goes_here&quot; <br> object_with_name_of_your_choice.imported_function </blockquote> Вы можете использовать любое имя после <code>import * as</code> часть инструкции. Чтобы использовать этот метод, для него требуется объект, который получает импортированные значения. Здесь вы будете использовать точечную нотацию, чтобы вызвать ваши импортированные значения. </section>
+
+## Instructions
+<section id="instructions"> В приведенном ниже коде требуется содержимое файла <code>&quot;capitalize_strings&quot;</code> , найденного в том же каталоге, который он импортировал. Добавьте соответствующий оператор <code>import *</code> в начало файла, используя предоставленный объект. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Правильно использует <code>import * as</code> синтаксис.
+    testString: 'assert(code.match(/import\s+\*\s+as\s+[a-zA-Z0-9_$]+\s+from\s*"\s*capitalize_strings\s*"\s*;/gi), "Properly uses <code>import * as</code> syntax.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.require = function(str) {
+if (str === 'capitalize_strings') {
+return {
+capitalize: str => str.toUpperCase(),
+lowercase: str => str.toLowerCase()
+}}};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.russian.md
new file mode 100644
index 0000000000..305339a87c
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.russian.md
@@ -0,0 +1,60 @@
+---
+id: 587d7b87367417b2b2512b43
+title: Use Arrow Functions to Write Concise Anonymous Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Используйте функции стрелок для записи сжатых анонимных функций
+---
+
+## Description
+<section id="description"> В JavaScript нам часто не нужно называть наши функции, особенно при передаче функции в качестве аргумента другой функции. Вместо этого мы создаем встроенные функции. Нам не нужно называть эти функции, потому что мы не используем их повторно нигде. Для этого мы часто используем следующий синтаксис: <blockquote> const myFunc = function () { <br> const myVar = &quot;value&quot;; <br> return myVar; <br> } </blockquote> ES6 предоставляет нам синтаксический сахар, чтобы не писать анонимные функции таким образом. Вместо этого вы можете использовать <strong>синтаксис функции стрелки</strong> : <blockquote> const myFunc = () =&gt; { <br> const myVar = &quot;value&quot;; <br> return myVar; <br> } </blockquote> Когда нет тела функции и только возвращаемое значение, синтаксис функции стрелки позволяет опустить <code>return</code> ключевое слово, а также скобки, окружающие код. Это помогает упростить меньшие функции в однострочные операторы: <blockquote> const myFunc = () =&gt; &quot;value&quot; </blockquote> Этот код по-прежнему будет возвращать <code>value</code> по умолчанию. </section>
+
+## Instructions
+<section id="instructions"> Перепишите функцию, назначенную переменной <code>magic</code> которая возвращает новую <code>Date()</code> для использования синтаксиса функции стрелки. Также убедитесь, что ничего не определено с помощью ключевого слова <code>var</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Пользователь выполнил замену ключевого слова <code>var</code> .
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g), "User did replace <code>var</code> keyword.");'
+  - text: <code>magic</code> должна быть постоянной переменной (используя <code>const</code> ).
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+magic/g), "<code>magic</code> should be a constant variable (by using <code>const</code>).");'
+  - text: <code>magic</code> - это <code>function</code> .
+    testString: 'assert(typeof magic === "function", "<code>magic</code> is a <code>function</code>.");'
+  - text: <code>magic()</code> возвращает правильную дату.
+    testString: 'assert(magic().getDate() == new Date().getDate(), "<code>magic()</code> returns correct date.");'
+  - text: ключевое слово <code>function</code> не использовалось.
+    testString: 'getUserInput => assert(!getUserInput("index").match(/function/g), "<code>function</code> keyword was not used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var magic = function() {
+  "use strict";
+  return new Date();
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.russian.md
new file mode 100644
index 0000000000..468d919a9c
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.russian.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b8b367417b2b2512b53
+title: Use class Syntax to Define a Constructor Function
+challengeType: 1
+videoUrl: ''
+localeTitle: Использовать синтаксис класса для определения функции конструктора
+---
+
+## Description
+<section id="description"> ES6 предоставляет новый синтаксис для создания объектов с использованием <dfn>класса</dfn> ключевых слов. Следует отметить, что синтаксис <code>class</code> является просто синтаксисом, а не полноценной реализацией объектно-ориентированной парадигмы на основе классов, в отличие от языков, таких как Java, или Python, или Ruby и т. Д. В ES5 мы обычно определяем конструктор функции и используйте <code>new</code> ключевое слово для создания экземпляра объекта. <blockquote> var SpaceShuttle = function (targetPlanet) { <br> this.targetPlanet = targetPlanet; <br> } <br> var zeus = новый SpaceShuttle (&#39;Юпитер&#39;); </blockquote> Синтаксис класса просто заменяет создание функции конструктора: <blockquote> класс SpaceShuttle { <br> Конструктор (targetPlanet) { <br> this.targetPlanet = targetPlanet; <br> } <br> } <br> const zeus = new SpaceShuttle («Юпитер»); </blockquote> Обратите внимание, что ключевое слово <code>class</code> объявляет новую функцию и добавляется конструктор, который будет вызываться при вызове <code>new</code> - для создания нового объекта. </section>
+
+## Instructions
+<section id="instructions"> Используйте ключевое слово <code>class</code> и напишите правильный конструктор, чтобы создать класс <code>Vegetable</code> . <code>Vegetable</code> позволяет вам создать объект-овощ с <code>name</code> свойства, который будет передан конструктору. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Vegetable</code> должен быть <code>class</code> с определенным методом <code>constructor</code> .
+    testString: 'assert(typeof Vegetable === "function" && typeof Vegetable.constructor === "function", "<code>Vegetable</code> should be a <code>class</code> with a defined <code>constructor</code> method.");'
+  - text: ключевое слово <code>class</code> .
+    testString: 'getUserInput => assert(getUserInput("index").match(/class/g),"<code>class</code> keyword was used.");'
+  - text: <code>Vegetable</code> могут быть созданы.
+    testString: 'assert(() => {const a = new Vegetable("apple"); return typeof a === "object";},"<code>Vegetable</code> can be instantiated.");'
+  - text: <code>carrot.name</code> должно вернуть <code>carrot</code> .
+    testString: 'assert(carrot.name=="carrot","<code>carrot.name</code> should return <code>carrot</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function makeClass() {
+  "use strict";
+  /* Alter code below this line */
+
+  /* Alter code above this line */
+  return Vegetable;
+}
+const Vegetable = makeClass();
+const carrot = new Vegetable('carrot');
+console.log(carrot.name); // => should be 'carrot'
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-arrays.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-arrays.russian.md
new file mode 100644
index 0000000000..aa2477ce09
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-arrays.russian.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b89367417b2b2512b4b
+title: Use Destructuring Assignment to Assign Variables from Arrays
+challengeType: 1
+videoUrl: ''
+localeTitle: Использование назначения назначения для назначения переменных из массивов
+---
+
+## Description
+<section id="description"> ES6 делает массивы деструктуризации такими же легкими, как и объекты разрушения. Одним из ключевых различий между оператором спреда и деструктурированием массива является то, что оператор распространения распаковывает все содержимое массива в список, разделенный запятыми. Следовательно, вы не можете выбирать, какие элементы вы хотите назначить переменным. Уничтожение массива позволяет нам делать именно это: <blockquote> const [a, b] = [1, 2, 3, 4, 5, 6]; <br> console.log (a, b); // 1, 2 </blockquote> Переменной <code>a</code> присваивается первое значение массива, а <code>b</code> - второе значение массива. Мы также можем получить доступ к значению по любому индексу в массиве с деструктурированием, используя запятые для достижения желаемого индекса: <blockquote> const [a, b ,,, c] = [1, 2, 3, 4, 5, 6]; <br> console.log (a, b, c); // 1, 2, 5 </blockquote></section>
+
+## Instructions
+<section id="instructions"> Используйте назначение destructuring для обмена значениями <code>a</code> и <code>b</code> чтобы <code>a</code> получил значение, сохраненное в <code>b</code> , и <code>b</code> получает значение, сохраненное в <code>a</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Значение <code>a</code> должно быть 6 после замены.
+    testString: 'assert(a === 6, "Value of <code>a</code> should be 6, after swapping.");'
+  - text: Значение <code>b</code> должно быть 8 после замены.
+    testString: 'assert(b === 8, "Value of <code>b</code> should be 8, after swapping.");'
+  - text: Используйте деструктурирование массива для обмена a и b.
+    testString: '// assert(/\[\s*(\w)\s*,\s*(\w)\s*\]\s*=\s*\[\s*\2\s*,\s*\1\s*\]/g.test(code), "Use array destructuring to swap a and b.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let a = 8, b = 6;
+(() => {
+  "use strict";
+  // change code below this line
+
+  // change code above this line
+})();
+console.log(a); // should be 6
+console.log(b); // should be 8
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-nested-objects.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-nested-objects.russian.md
new file mode 100644
index 0000000000..4243bea38b
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-nested-objects.russian.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b89367417b2b2512b4a
+title: Use Destructuring Assignment to Assign Variables from Nested Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: Назначение Destructuring для назначения переменных из вложенных объектов
+---
+
+## Description
+<section id="description"> Подобным же образом мы можем разрушить <em>вложенные</em> объекты в переменные. Рассмотрим следующий код: <blockquote> const a = { <br> start: {x: 5, y: 6}, <br> end: {x: 6, y: -9} <br> }; <br> const {start: {x: startX, y: startY}} = a; <br> console.log (startX, startY); // 5, 6 </blockquote> В приведенном выше примере <code>start</code> переменной присваивается значение <code>a.start</code> , которое также является объектом. </section>
+
+## Instructions
+<section id="instructions"> Используйте назначение destructuring, чтобы получить <code>max</code> <code>forecast.tomorrow</code> И назначьте его <code>maxOfTomorrow</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>maxOfTomorrow</code> равняется <code>84.6</code>
+    testString: 'assert(getMaxOfTmrw(LOCAL_FORECAST) === 84.6, "<code>maxOfTomorrow</code> equals <code>84.6</code>");'
+  - text: вложенное деструктурирование
+    testString: 'getUserInput => assert(getUserInput("index").match(/\{\s*tomorrow\s*:\s*\{\s*max\s*:\s*maxOfTomorrow\s*\}\s*\}\s*=\s*forecast/g),"nested destructuring was used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const LOCAL_FORECAST = {
+  today: { min: 72, max: 83 },
+  tomorrow: { min: 73.3, max: 84.6 }
+};
+
+function getMaxOfTmrw(forecast) {
+  "use strict";
+  // change code below this line
+  const maxOfTomorrow = undefined; // change this line
+  // change code above this line
+  return maxOfTomorrow;
+}
+
+console.log(getMaxOfTmrw(LOCAL_FORECAST)); // should be 84.6
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.russian.md
new file mode 100644
index 0000000000..7f81bc9a57
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.russian.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b89367417b2b2512b49
+title: Use Destructuring Assignment to Assign Variables from Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: Использование назначения назначения для назначения переменных из объектов
+---
+
+## Description
+<section id="description"> Ранее мы видели, как оператор распространения может эффективно распространять или распаковывать содержимое массива. Мы можем сделать что-то подобное с объектами. <dfn>Назначение деструктурирования</dfn> - это специальный синтаксис для аккуратного назначения значений, взятых непосредственно из объекта в переменные. Рассмотрим следующий код ES5: <blockquote> var voxel = {x: 3.6, y: 7.4, z: 6.54}; <br> var x = voxel.x; // x = 3.6 <br> var y = voxel.y; // y = 7.4 <br> var z = voxel.z; // z = 6,54 </blockquote> Вот тот же оператор присваивания с синтаксисом деструктуризации ES6: <blockquote> const {x, y, z} = воксел; // x = 3,6, y = 7,4, z = 6,54 </blockquote> Если вместо этого вы хотите сохранить значения <code>voxel.x</code> в <code>a</code> , <code>voxel.y</code> в <code>b</code> и <code>voxel.z</code> в <code>c</code> , у вас тоже есть эта свобода. <blockquote> const {x: a, y: b, z: c} = voxel // a = 3.6, b = 7.4, c = 6.54 </blockquote> Вы можете прочитать это как «получить поле <code>x</code> и скопировать значение в <code>a</code> » и так далее. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>getTempOfTmrw(AVG_TEMPERATURES)</code> должно быть <code>79</code>
+    testString: 'assert(getTempOfTmrw(AVG_TEMPERATURES) === 79, "<code>getTempOfTmrw(AVG_TEMPERATURES)</code> should be <code>79</code>");'
+  - text: использовалось деструктурирование с переназначением
+    testString: 'getUserInput => assert(getUserInput("index").match(/\{\s*tomorrow\s*:\s*tempOfTomorrow\s*}\s*=\s*avgTemperatures/g),"destructuring with reassignment was used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const AVG_TEMPERATURES = {
+  today: 77.5,
+  tomorrow: 79
+};
+
+function getTempOfTmrw(avgTemperatures) {
+  "use strict";
+  // change code below this line
+  const tempOfTomorrow = undefined; // change this line
+  // change code above this line
+  return tempOfTomorrow;
+}
+
+console.log(getTempOfTmrw(AVG_TEMPERATURES)); // should be 79
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.russian.md
new file mode 100644
index 0000000000..17e707ca09
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.russian.md
@@ -0,0 +1,73 @@
+---
+id: 587d7b8a367417b2b2512b4d
+title: Use Destructuring Assignment to Pass an Object as a Function's Parameters
+challengeType: 1
+videoUrl: ''
+localeTitle: Назначение Destructuring для передачи объекта в качестве параметра функции
+---
+
+## Description
+<section id="description"> В некоторых случаях вы можете разрушить объект в самом аргументе функции. Рассмотрим следующий код: <blockquote> const profileUpdate = (profileData) =&gt; { <br> const {name, age, nationality, location} = profileData; <br> // делаем что-то с этими переменными <br> } </blockquote> Это эффективно разрушает объект, отправленный в функцию. Это также можно сделать на месте: <blockquote> const profileUpdate = ({имя, возраст, национальность, местоположение}) =&gt; { <br> / * что-то делать с этими полями * / <br> } </blockquote> Это устраняет некоторые дополнительные строки и делает наш код удобным. Это имеет дополнительное преимущество: не нужно манипулировать целым объектом в функции; только нужные поля копируются внутри функции. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof stats === "object", "<code>stats</code> should be an <code>object</code>.");'
+  - text: ''
+    testString: 'assert(half(stats) === 28.015, "<code>half(stats)</code> should be <code>28.015</code>");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/\(\s*\{\s*\w+\s*,\s*\w+\s*\}\s*\)/g), "Destructuring was used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const stats = {
+  max: 56.78,
+  standard_deviation: 4.34,
+  median: 34.54,
+  mode: 23.87,
+  min: -0.75,
+  average: 35.85
+};
+const half = (function() {
+  "use strict"; // do not change this line
+
+  // change code below this line
+  return function half(stats) {
+    // use function argument destructuring
+    return (stats.max + stats.min) / 2.0;
+  };
+  // change code above this line
+
+})();
+console.log(stats); // should be object
+console.log(half(stats)); // should be 28.015
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-operator-to-reassign-array-elements.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-operator-to-reassign-array-elements.russian.md
new file mode 100644
index 0000000000..50377b6149
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-operator-to-reassign-array-elements.russian.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8a367417b2b2512b4c
+title: Use Destructuring Assignment with the Rest Operator to Reassign Array Elements
+challengeType: 1
+videoUrl: ''
+localeTitle: Назначение Destructuring с оператором Rest для переназначения элементов массива
+---
+
+## Description
+<section id="description"> В некоторых ситуациях, связанных с разрушением массива, мы могли бы захотеть собрать остальные элементы в отдельный массив. Результат аналогичен <code>Array.prototype.slice()</code> , как показано ниже: <blockquote> const [a, b, ... arr] = [1, 2, 3, 4, 5, 7]; <br> console.log (a, b); // 1, 2 <br> console.log (обр); // [3, 4, 5, 7] </blockquote> Переменные <code>a</code> и <code>b</code> принимают первое и второе значения из массива. После этого из-за присутствия оператора отдыха <code>arr</code> получает остальные значения в виде массива. Элемент rest работает корректно только как последняя переменная в списке. Как и в случае, вы не можете использовать оператор rest, чтобы поймать субарей, который не содержит последний элемент исходного массива. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(arr.every((v, i) => v === i + 3) && arr.length === 8,"<code>arr</code> should be <code>[3,4,5,6,7,8,9,10]</code>");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/\[\s*\w*\s*,\s*\w*\s*,\s*...\w+\s*\]/g),"Destructuring should be used.");'
+  - text: ''
+    testString: 'getUserInput => assert(!getUserInput("index").match(/slice/g), "<code>Array.slice()</code> should not be used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const source = [1,2,3,4,5,6,7,8,9,10];
+function removeFirstTwo(list) {
+  "use strict";
+  // change code below this line
+  arr = list; // change this
+  // change code above this line
+  return arr;
+}
+const arr = removeFirstTwo(source);
+console.log(arr); // should be [3,4,5,6,7,8,9,10]
+console.log(source); // should be [1,2,3,4,5,6,7,8,9,10];
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-export-to-reuse-a-code-block.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-export-to-reuse-a-code-block.russian.md
new file mode 100644
index 0000000000..3254fac7e6
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-export-to-reuse-a-code-block.russian.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b8c367417b2b2512b56
+title: Use export to Reuse a Code Block
+challengeType: 1
+videoUrl: ''
+localeTitle: Использовать экспорт для повторного использования блока кода
+---
+
+## Description
+<section id="description"> В предыдущей задаче вы узнали об <code>import</code> и о том, как его можно использовать для импорта небольших объемов кода из больших файлов. Для того, чтобы это сработало, мы должны использовать одно из операторов, которое идет с <code>import</code> , известное как <dfn>экспорт</dfn> . Когда мы хотим, чтобы какой-то код - функция или переменная - мог использоваться в другом файле, мы должны экспортировать его, чтобы импортировать его в другой файл. Подобно <code>import</code> , <code>export</code> является не-браузером. Ниже мы <dfn>называем именованный экспорт</dfn> . При этом мы можем импортировать любой код, который мы экспортируем в другой файл, с синтаксисом <code>import</code> вы узнали на последнем уроке. Вот пример: <blockquote> const capitalizeString = (string) =&gt; { <br> return string.charAt (0) .toUpperCase () + string.slice (1); <br> } <br> export {capitalizeString} // Как экспортировать функции. <br> export const foo = &quot;bar&quot;; // Как экспортировать переменные. </blockquote> В качестве альтернативы, если вы хотите сжать все свои <code>export</code> инструкции в одну строку, вы можете использовать этот подход: <blockquote> const capitalizeString = (string) =&gt; { <br> return string.charAt (0) .toUpperCase () + string.slice (1); <br> } <br> const foo = &quot;bar&quot;; <br> export {capitalizeString, foo} </blockquote> Любой подход вполне приемлем. </section>
+
+## Instructions
+<section id="instructions"> Ниже приведены две переменные, которые я хочу сделать доступными для других файлов. Используя первый способ, я продемонстрировал <code>export</code> , экспортируем две переменные. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>foo</code> экспортируется.
+    testString: 'getUserInput => assert(getUserInput("index").match(/export\s+const\s+foo\s*=\s*"bar"/g), "<code>foo</code> is exported.");'
+  - text: <code>bar</code> экспортируется.
+    testString: 'getUserInput => assert(getUserInput("index").match(/export\s+const\s+bar\s*=\s*"foo"/g), "<code>bar</code> is exported.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+"use strict";
+const foo = "bar";
+const bar = "foo";
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+window.exports = function(){};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.russian.md
new file mode 100644
index 0000000000..624f0401ac
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.russian.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b8c367417b2b2512b54
+title: Use getters and setters to Control Access to an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: Использовать геттеры и сеттеры для контроля доступа к объекту
+---
+
+## Description
+<section id="description"> Вы можете получить значения от объекта и установить значение свойства внутри объекта. Они классически называются <dfn>геттерами</dfn> и <dfn>сеттерами</dfn> . Функции Getter предназначены для простого возврата (получения) значения частной переменной объекта пользователю без прямого доступа пользователя к частной переменной. Функции Setter предназначены для изменения (установки) значения частной переменной объекта на основе значения, переданного в функцию setter. Это изменение может включать вычисления или даже полностью перезаписать предыдущее значение. <blockquote> учебник { <br> конструктор (автор) { <br> this._author = author; <br> } <br> // getter <br> get writer () { <br> return this._author; <br> } <br> // setter <br> set writer (updatedAuthor) { <br> this._author = updatedAuthor; <br> } <br> } <br> const lol = new Book (&#39;anonymous&#39;); <br> console.log (lol.writer); // анонимный <br> lol.writer = &#39;wut&#39;; <br> console.log (lol.writer); // wut </blockquote> Обратите внимание на синтаксис, который мы используем, чтобы вызвать getter и setter - как будто они не являются даже функциями. Геттеры и сеттеры важны, потому что они скрывают внутренние детали реализации. </section>
+
+## Instructions
+<section id="instructions"> Используйте ключевое слово <code>class</code> для создания класса термостата. Конструктор принимает температуру Фаренгейта. Теперь создайте <code>getter</code> и <code>setter</code> в классе, чтобы получить температуру в масштабе Цельсия. Помните, что <code>C = 5/9 * (F - 32)</code> и <code>F = C * 9.0 / 5 + 32</code> , где F - значение температуры в шкале Фаренгейта, а C - значение той же температуры в шкале Цельсия. Примечание. Когда вы выполните это, вы будете отслеживать температуру внутри класса в одном масштабе - либо по Фаренгейту, либо по Цельсию. Это сила геттера или сеттера - вы создаете API для другого пользователя, который получит правильный результат, независимо от того, какой из них вы отслеживаете. Другими словами, вы абстрагируете детали реализации от потребителя. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof Thermostat === "function" && typeof Thermostat.constructor === "function","<code>Thermostat</code> should be a <code>class</code> with a defined <code>constructor</code> method.");'
+  - text: ''
+    testString: 'getUserInput => assert(getUserInput("index").match(/class/g),"<code>class</code> keyword was used.");'
+  - text: ''
+    testString: 'assert(() => {const t = new Thermostat(32); return typeof t === "object" && t.temperature === 0;}, "<code>Thermostat</code> can be instantiated.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function makeClass() {
+  "use strict";
+  /* Alter code below this line */
+
+  /* Alter code above this line */
+  return Thermostat;
+}
+const Thermostat = makeClass();
+const thermos = new Thermostat(76); // setting in Fahrenheit scale
+let temp = thermos.temperature; // 24.44 in C
+thermos.temperature = 26;
+temp = thermos.temperature; // 26 in C
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-the-rest-operator-with-function-parameters.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-the-rest-operator-with-function-parameters.russian.md
new file mode 100644
index 0000000000..51a2db2cde
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-the-rest-operator-with-function-parameters.russian.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b88367417b2b2512b47
+title: Use the Rest Operator with Function Parameters
+challengeType: 1
+videoUrl: ''
+localeTitle: Используйте оператор «Отдых» с параметрами функции
+---
+
+## Description
+<section id="description"> Чтобы помочь нам создать более гибкие функции, ES6 вводит <dfn>оператор</dfn> останова для параметров функции. С оператором rest вы можете создавать функции, которые принимают переменное количество аргументов. Эти аргументы хранятся в массиве, доступ к которому можно получить позже изнутри функции. Проверьте этот код: <blockquote> функция howMany (... args) { <br> return «Вы передали аргументы« + args.length + ».»; <br> } <br> console.log (howMany (0, 1, 2)); // Вы прошли 3 аргумента <br> console.log (howMany (&quot;string&quot;, null, [1, 2, 3], {})); // Вы передали 4 аргумента. </blockquote> Оператор rest исключает необходимость проверки массива <code>args</code> и позволяет применять <code>map()</code> , <code>filter()</code> и <code>reduce()</code> в массиве параметров. </section>
+
+## Instructions
+<section id="instructions"> Измените <code>sum</code> функции так, чтобы она использовала оператор rest, и она работает одинаково с любым количеством параметров. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Результат <code>sum(0,1,2)</code> должен быть равен 3'
+    testString: 'assert(sum(0,1,2) === 3, "The result of <code>sum(0,1,2)</code> should be 3");'
+  - text: 'Результат <code>sum(1,2,3,4)</code> должен быть равен 10'
+    testString: 'assert(sum(1,2,3,4) === 10, "The result of <code>sum(1,2,3,4)</code> should be 10");'
+  - text: Результатом <code>sum(5)</code> должно быть 5
+    testString: 'assert(sum(5) === 5, "The result of <code>sum(5)</code> should be 5");'
+  - text: Результат <code>sum()</code> должен быть равен 0
+    testString: 'assert(sum() === 0, "The result of <code>sum()</code> should be 0");'
+  - text: Функция <code>sum</code> использует оператор <code>...</code> spread в параметре <code>args</code> .
+    testString: 'getUserInput => assert(getUserInput("index").match(/function\s+sum\s*\(\s*...args\s*\)\s*{/g), "The <code>sum</code> function uses the <code>...</code> spread operator on the <code>args</code> parameter.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const sum = (function() {
+  "use strict";
+  return function sum(x, y, z) {
+    const args = [ x, y, z ];
+    return args.reduce((a, b) => a + b, 0);
+  };
+})();
+console.log(sum(1, 2, 3)); // 6
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place.russian.md
new file mode 100644
index 0000000000..b2c9ef2644
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place.russian.md
@@ -0,0 +1,59 @@
+---
+id: 587d7b89367417b2b2512b48
+title: Use the Spread Operator to Evaluate Arrays In-Place
+challengeType: 1
+videoUrl: ''
+localeTitle: Используйте оператора распространения для оценки массивов на месте
+---
+
+## Description
+<section id="description"> ES6 вводит <dfn>оператор спреда</dfn> , который позволяет нам расширять массивы и другие выражения в местах, где ожидаются несколько параметров или элементов. В приведенном ниже коде ES5 применяется <code>apply()</code> для вычисления максимального значения в массиве: <blockquote> var arr = [6, 89, 3, 45]; <br> var maximus = Math.max.apply (null, arr); // возвращает 89 </blockquote> Нам пришлось использовать <code>Math.max.apply(null, arr)</code> потому что <code>Math.max(arr)</code> возвращает <code>NaN</code> . <code>Math.max()</code> ожидает аргументы, разделенные запятыми, но не массив. Оператор распространения делает этот синтаксис намного лучше для чтения и обслуживания. <blockquote> const arr = [6, 89, 3, 45]; <br> const maximus = Math.max (... arr); // возвращает 89 </blockquote> <code>...arr</code> возвращает распакованный массив. Другими словами, он <em>расширяет</em> массив. Однако оператор расширения работает только на месте, например, в аргументе функции или в литерале массива. Следующий код не будет работать: <blockquote> const spreaded = ... arr; // выдает синтаксическую ошибку </blockquote></section>
+
+## Instructions
+<section id="instructions"> Скопируйте все содержимое <code>arr1</code> в другой массив <code>arr2</code> используя оператор спреда. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>arr2</code> - правильная копия <code>arr1</code> .
+    testString: 'assert(arr2.every((v, i) => v === arr1[i]), "<code>arr2</code> is correct copy of <code>arr1</code>.");'
+  - text: <code>...</code> оператор распространения был использован для дублирования <code>arr1</code> .
+    testString: 'getUserInput => assert(getUserInput("index").match(/\[\s*...arr1\s*\]/g),"<code>...</code> spread operator was used to duplicate <code>arr1</code>.");'
+  - text: <code>arr2</code> остается неизменным при изменении <code>arr1</code> .
+    testString: 'assert((arr1, arr2) => {arr1.push("JUN"); return arr2.length < arr1.length},"<code>arr2</code> remains unchanged when <code>arr1</code> is changed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const arr1 = ['JAN', 'FEB', 'MAR', 'APR', 'MAY'];
+let arr2;
+(function() {
+  "use strict";
+  arr2 = []; // change this line
+})();
+console.log(arr2);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.russian.md
new file mode 100644
index 0000000000..b60ff148c9
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.russian.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b88367417b2b2512b44
+title: Write Arrow Functions with Parameters
+challengeType: 1
+videoUrl: ''
+localeTitle: Функции записи стрелки с параметрами
+---
+
+## Description
+<section id="description"> Подобно нормальной функции, вы можете передавать аргументы в функции стрелок. <blockquote> // удваивает входное значение и возвращает его <br> const doubler = (item) =&gt; item * 2; </blockquote> Вы можете передать более одного аргумента в функции стрелок. </section>
+
+## Instructions
+<section id="instructions"> Перепишите функцию <code>myConcat</code> которая добавляет содержимое <code>arr2</code> в <code>arr1</code> чтобы функция использовала синтаксис функции стрелки. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Пользователь выполнил замену ключевого слова <code>var</code> .
+    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g), "User did replace <code>var</code> keyword.");'
+  - text: <code>myConcat</code> должен быть постоянной переменной (используя <code>const</code> ).
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+myConcat/g), "<code>myConcat</code> should be a constant variable (by using <code>const</code>).");'
+  - text: <code>myConcat</code> должен быть функцией
+    testString: 'assert(typeof myConcat === "function", "<code>myConcat</code> should be a function");'
+  - text: <code>myConcat()</code> возвращает правильный <code>array</code>
+    testString: 'assert(() => { const a = myConcat([1], [2]); return a[0] == 1 && a[1] == 2; }, "<code>myConcat()</code> returns the correct <code>array</code>");'
+  - text: ключевое слово <code>function</code> не использовалось.
+    testString: 'getUserInput => assert(!getUserInput("index").match(/function/g), "<code>function</code> keyword was not used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var myConcat = function(arr1, arr2) {
+  "use strict";
+  return arr1.concat(arr2);
+};
+// test your code
+console.log(myConcat([1, 2], [3, 4, 5]));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6.russian.md
new file mode 100644
index 0000000000..32227c700c
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6.russian.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8b367417b2b2512b50
+title: Write Concise Declarative Functions with ES6
+challengeType: 1
+videoUrl: ''
+localeTitle: Написание кратких декларативных функций с ES6
+---
+
+## Description
+<section id="description"> При определении функций внутри объектов в ES5 мы должны использовать <code>function</code> ключевого слова следующим образом: <blockquote> const person = { <br> имя: «Тейлор», <br> sayHello: function () { <br> return `Hello! Меня зовут $ {this.name} .`; <br> } <br> }; </blockquote> С ES6 вы можете полностью удалить ключевое слово <code>function</code> и двоеточие при определении функций в объектах. Вот пример этого синтаксиса: <blockquote> const person = { <br> имя: «Тейлор», <br> скажи привет() { <br> return `Hello! Меня зовут $ {this.name} .`; <br> } <br> }; </blockquote></section>
+
+## Instructions
+<section id="instructions"> <code>setGear</code> функцию <code>setGear</code> внутри <code>bicycle</code> объекта, чтобы использовать сокращенный синтаксис, описанный выше. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Традиционное выражение функции не использовалось.
+    testString: 'assert(!getUserInput("index").match(/function/),"Traditional <code>function</code> expression was not used.");'
+  - text: <code>setGear</code> - это декларативная функция.
+    testString: 'assert(typeof bicycle.setGear === "function" && getUserInput("index").match(/setGear\s*\(.+\)\s*\{/), "<code>setGear</code> is a declarative function.");'
+  - text: <code>bicycle.setGear(48)</code> изменяет значение <code>gear</code> на 48.
+    testString: 'assert((new bicycle.setGear(48)).gear === 48, "<code>bicycle.setGear(48)</code> changes the <code>gear</code> value to 48.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// change code below this line
+const bicycle = {
+  gear: 2,
+  setGear: function(newGear) {
+    "use strict";
+    this.gear = newGear;
+  }
+};
+// change code above this line
+bicycle.setGear(3);
+console.log(bicycle.gear);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-simple-fields.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-simple-fields.russian.md
new file mode 100644
index 0000000000..8a0c10a227
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-simple-fields.russian.md
@@ -0,0 +1,61 @@
+---
+id: 587d7b8a367417b2b2512b4f
+title: Write Concise Object Literal Declarations Using Simple Fields
+challengeType: 1
+videoUrl: ''
+localeTitle: Записывать краткие декларации объектов с использованием простых полей
+---
+
+## Description
+<section id="description"> ES6 добавляет отличную поддержку для простого определения литералов объектов. Рассмотрим следующий код: <blockquote> const getMousePosition = (x, y) =&gt; ({ <br> x: x, <br> y: y <br> }); </blockquote> <code>getMousePosition</code> - простая функция, которая возвращает объект, содержащий два поля. ES6 обеспечивает синтаксический сахар для устранения избыточности необходимости писать <code>x: x</code> . Вы можете просто написать <code>x</code> один раз, и он будет преобразован в <code>x: x</code> (или что-то подобное) под капотом. Вот такая же функция сверху переписана для использования этого нового синтаксиса: <blockquote> const getMousePosition = (x, y) =&gt; ({x, y}); </blockquote></section>
+
+## Instructions
+<section id="instructions"> Используйте простые поля с объектными литералами для создания и возврата объекта <code>Person</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'вывод: <code>{name: &quot;Zodiac Hasbro&quot;, age: 56, gender: &quot;male&quot;}</code> .'
+    testString: 'assert(() => {const res={name:"Zodiac Hasbro",age:56,gender:"male"}; const person=createPerson("Zodiac Hasbro", 56, "male"); return Object.keys(person).every(k => person[k] === res[k]);}, "the output is <code>{name: "Zodiac Hasbro", age: 56, gender: "male"}</code>.");'
+  - text: 'Нет <code>:</code> были использованы.'
+    testString: 'getUserInput => assert(!getUserInput("index").match(/:/g), "No <code>:</code> were used.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const createPerson = (name, age, gender) => {
+  "use strict";
+  // change code below this line
+  return {
+    name: name,
+    age: age,
+    gender: gender
+  };
+  // change code above this line
+};
+console.log(createPerson("Zodiac Hasbro", 56, "male")); // returns a proper object
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/write-higher-order-arrow-functions.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/write-higher-order-arrow-functions.russian.md
new file mode 100644
index 0000000000..0ba13b7e59
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/write-higher-order-arrow-functions.russian.md
@@ -0,0 +1,69 @@
+---
+id: 587d7b88367417b2b2512b45
+title: Write Higher Order Arrow Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Написание функций стрелок с более высоким порядком
+---
+
+## Description
+<section id="description"> Пришло время увидеть, насколько эффективны функции стрелок при обработке данных. Функции стрелок отлично работают с функциями более высокого порядка, такими как <code>map()</code> , <code>filter()</code> и <code>reduce()</code> , которые принимают другие функции в качестве аргументов для обработки коллекций данных. Прочтите следующий код: <blockquote> FBPosts.filter (функция (post) { <br> return post.thumbnail! == null &amp;&amp; post.shares&gt; 100 &amp;&amp; post.likes&gt; 500; <br> }) </blockquote> Мы написали это с <code>filter()</code> чтобы сделать его несколько читаемым. Теперь сравните его со следующим кодом, который вместо этого использует синтаксис функции: <blockquote> FBPosts.filter ((post) =&gt; post.thumbnail! == null &amp;&amp; post.shares&gt; 100 &amp;&amp; post.likes&gt; 500) </blockquote> Этот код более краткий и выполняет ту же задачу с меньшим количеством строк кода. </section>
+
+## Instructions
+<section id="instructions"> Используйте синтаксис функции стрелки, чтобы вычислить квадрат только положительных целых чисел (десятичные числа не являются целыми) в массиве <code>realNumberArray</code> и сохранить новый массив в переменной <code>squaredIntegers</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>squaredIntegers</code> должен быть постоянной переменной (используя <code>const</code> ).
+    testString: 'getUserInput => assert(getUserInput("index").match(/const\s+squaredIntegers/g), "<code>squaredIntegers</code> should be a constant variable (by using <code>const</code>).");'
+  - text: <code>squaredIntegers</code> должен быть <code>array</code>
+    testString: 'assert(Array.isArray(squaredIntegers), "<code>squaredIntegers</code> should be an <code>array</code>");'
+  - text: '<code>squaredIntegers</code> должно быть <code>[16, 1764, 36]</code>'
+    testString: 'assert.deepStrictEqual(squaredIntegers, [16, 1764, 36], "<code>squaredIntegers</code> should be <code>[16, 1764, 36]</code>");'
+  - text: ключевое слово <code>function</code> не использовалось.
+    testString: 'getUserInput => assert(!getUserInput("index").match(/function/g), "<code>function</code> keyword was not used.");'
+  - text: петля не должна использоваться
+    testString: 'getUserInput => assert(!getUserInput("index").match(/(for)|(while)/g), "loop should not be used");'
+  - text: '<code>map</code> , <code>filter</code> или <code>reduce</code> должны использоваться'
+    testString: 'getUserInput => assert(getUserInput("index").match(/map|filter|reduce/g), "<code>map</code>, <code>filter</code>, or <code>reduce</code> should be used");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const realNumberArray = [4, 5.6, -9.8, 3.14, 42, 6, 8.34, -2];
+const squareList = (arr) => {
+  "use strict";
+  // change code below this line
+  const squaredIntegers = arr;
+  // change code above this line
+  return squaredIntegers;
+};
+// test your code
+const squaredIntegers = squareList(realNumberArray);
+console.log(squaredIntegers);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/add-elements-to-the-end-of-an-array-using-concat-instead-of-push.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/add-elements-to-the-end-of-an-array-using-concat-instead-of-push.russian.md
new file mode 100644
index 0000000000..0a70017214
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/add-elements-to-the-end-of-an-array-using-concat-instead-of-push.russian.md
@@ -0,0 +1,65 @@
+---
+id: 587d7da9367417b2b2512b67
+title: Add Elements to the End of an Array Using concat Instead of push
+challengeType: 1
+videoUrl: ''
+localeTitle: Добавление элементов в конец массива Использование concat Вместо push
+---
+
+## Description
+<section id="description"> Функциональное программирование - это создание и использование не мутирующих функций. Последняя проблема ввела метод <code>concat</code> как способ объединить массивы в новую, не изменяя исходные массивы. Сравните <code>concat</code> с методом <code>push</code> . <code>Push</code> добавляет элемент в конец того же самого массива, на который он вызывается, который мутирует этот массив. Вот пример: <blockquote> var arr = [1, 2, 3]; <br> arr.push ([4, 5, 6]); <br> // arr изменяется на [1, 2, 3, [4, 5, 6]] <br> // Не функциональный способ программирования </blockquote> <code>Concat</code> предлагает способ добавления новых элементов в конец массива без каких-либо мутирующих побочных эффектов. </section>
+
+## Instructions
+<section id="instructions"> Измените функцию <code>nonMutatingPush</code> чтобы она использовала <code>concat</code> для добавления <code>newItem</code> в конец <code>original</code> вместо <code>push</code> . Функция должна возвращать массив. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать метод <code>concat</code> .
+    testString: 'assert(code.match(/\.concat/g), "Your code should use the <code>concat</code> method.");'
+  - text: Ваш код не должен использовать метод <code>push</code> .
+    testString: 'assert(!code.match(/\.push/g), "Your code should not use the <code>push</code> method.");'
+  - text: <code>first</code> массив не должен меняться.
+    testString: 'assert(JSON.stringify(first) === JSON.stringify([1, 2, 3]), "The <code>first</code> array should not change.");'
+  - text: <code>second</code> массив не должен меняться.
+    testString: 'assert(JSON.stringify(second) === JSON.stringify([4, 5]), "The <code>second</code> array should not change.");'
+  - text: '<code>nonMutatingPush([1, 2, 3], [4, 5])</code> должен возвращать <code>[1, 2, 3, 4, 5]</code> .'
+    testString: 'assert(JSON.stringify(nonMutatingPush([1, 2, 3], [4, 5])) === JSON.stringify([1, 2, 3, 4, 5]), "<code>nonMutatingPush([1, 2, 3], [4, 5])</code> should return <code>[1, 2, 3, 4, 5]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nonMutatingPush(original, newItem) {
+  // Add your code below this line
+  return original.push(newItem);
+
+  // Add your code above this line
+}
+var first = [1, 2, 3];
+var second = [4, 5];
+nonMutatingPush(first, second);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/apply-functional-programming-to-convert-strings-to-url-slugs.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/apply-functional-programming-to-convert-strings-to-url-slugs.russian.md
new file mode 100644
index 0000000000..4cd982d18a
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/apply-functional-programming-to-convert-strings-to-url-slugs.russian.md
@@ -0,0 +1,69 @@
+---
+id: 587d7dab367417b2b2512b6d
+title: Apply Functional Programming to Convert Strings to URL Slugs
+challengeType: 1
+videoUrl: ''
+localeTitle: Применить функциональное программирование для преобразования строк в URL-адреса
+---
+
+## Description
+<section id="description"> Последние несколько проблем охватывали ряд полезных методов массивов и строк, которые следуют принципам функционального программирования. Мы также узнали о <code>reduce</code> , который является мощным методом, используемым для уменьшения проблем в более простых формах. От вычисления средних значений до сортировки любая операция массива может быть достигнута путем ее применения. Напомним, что <code>map</code> и <code>filter</code> являются особыми случаями <code>reduce</code> . Давайте объединим то, что мы узнали, чтобы решить практическую проблему. На многих сайтах управления контентом (CMS) заголовки сообщения добавлены в часть URL для простых целей закладок. Например, если вы пишете средний пост под названием «Stop Using Reduce», вероятно, URL-адрес будет иметь в нем какую-то форму заголовка («... / stop-using-reduce»). Возможно, вы уже это заметили на сайте freeCodeCamp. </section>
+
+## Instructions
+<section id="instructions"> Заполните функцию <code>urlSlug</code> чтобы она преобразует <code>title</code> строки и возвращает переносимую версию для URL-адреса. Вы можете использовать любой из методов, описанных в этом разделе, и не использовать <code>replace</code> . Вот требования: Вход представляет собой строку с пробелами и заглавными словами. Вывод представляет собой строку с пробелами между словами, замененными дефис ( <code>-</code> ). Вывод должен быть все буквы с нижним окошком. На выходе не должно быть пробелов </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Переменная <code>globalTitle</code> не должна изменяться.
+    testString: 'assert(globalTitle === "Winter Is Coming", "The <code>globalTitle</code> variable should not change.");'
+  - text: Ваш код не должен использовать метод <code>replace</code> для этой задачи.
+    testString: 'assert(!code.match(/\.replace/g), "Your code should not use the <code>replace</code> method for this challenge.");'
+  - text: <code>urlSlug(&quot;Winter Is Coming&quot;)</code> должен вернуться <code>&quot;winter-is-coming&quot;</code> .
+    testString: 'assert(urlSlug("Winter Is Coming") === "winter-is-coming", "<code>urlSlug("Winter Is Coming")</code> should return <code>"winter-is-coming"</code>.");'
+  - text: <code>urlSlug(&quot; Winter Is  Coming&quot;)</code> должен вернуться <code>&quot;winter-is-coming&quot;</code> .
+    testString: 'assert(urlSlug(" Winter Is  Coming") === "winter-is-coming", "<code>urlSlug(" Winter Is  &nbsp;Coming")</code> should return <code>"winter-is-coming"</code>.");'
+  - text: <code>urlSlug(&quot;A Mind Needs Books Like A Sword Needs A Whetstone&quot;)</code> должен вернуть <code>&quot;a-mind-needs-books-like-a-sword-needs-a-whetstone&quot;</code> .
+    testString: 'assert(urlSlug("A Mind Needs Books Like A Sword Needs A Whetstone") === "a-mind-needs-books-like-a-sword-needs-a-whetstone", "<code>urlSlug("A Mind Needs Books Like A Sword Needs A Whetstone")</code> should return <code>"a-mind-needs-books-like-a-sword-needs-a-whetstone"</code>.");'
+  - text: <code>urlSlug(&quot;Hold The Door&quot;)</code> должен вернуть <code>&quot;hold-the-door&quot;</code> .
+    testString: 'assert(urlSlug("Hold The Door") === "hold-the-door", "<code>urlSlug("Hold The Door")</code> should return <code>"hold-the-door"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var globalTitle = "Winter Is Coming";
+
+// Add your code below this line
+function urlSlug(title) {
+
+
+}
+// Add your code above this line
+
+var winterComing = urlSlug(globalTitle); // Should be "winter-is-coming"
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.russian.md
new file mode 100644
index 0000000000..d6c91715bc
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.russian.md
@@ -0,0 +1,62 @@
+---
+id: 587d7b8e367417b2b2512b5e
+title: Avoid Mutations and Side Effects Using Functional Programming
+challengeType: 1
+videoUrl: ''
+localeTitle: Избегайте мутаций и побочных эффектов с помощью функционального программирования
+---
+
+## Description
+<section id="description"> Если вы еще этого не поняли, проблема в предыдущем вызове заключалась в вызове <code>splice</code> в функции <code>tabClose()</code> . К сожалению, <code>splice</code> изменяет исходный массив, на который он вызывается, поэтому второй вызов к нему использовал модифицированный массив и дал неожиданные результаты. Это небольшой пример гораздо большего шаблона - вы вызываете функцию в переменной, массиве или объекте, а функция меняет переменную или что-то в объекте. Одним из основных принципов функционального программирования является не изменение вещей. Изменения приводят к ошибкам. Легче предотвращать ошибки, зная, что ваши функции ничего не меняют, включая аргументы функции или любую глобальную переменную. В предыдущем примере не было никаких сложных операций, но метод <code>splice</code> изменил исходный массив и привел к ошибке. Напомним, что в функциональном программировании изменение или изменение вещей называется <code>mutation</code> , и результат называется <code>side effect</code> . Функция, в идеале, должна быть <code>pure function</code> , что означает, что она не вызывает никаких побочных эффектов. Давайте попробуем освоить эту дисциплину, а не изменять любую переменную или объект в нашем коде. </section>
+
+## Instructions
+<section id="instructions"> Заполните код для <code>incrementer</code> функции, чтобы он возвращал значение глобальной переменной <code>fixedValue</code> увеличиваемое на единицу. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш <code>incrementer</code> функции не должен изменять значение <code>fixedValue</code> .
+    testString: 'assert(fixedValue === 4, "Your function <code>incrementer</code> should not change the value of <code>fixedValue</code>.");'
+  - text: 'Функция <code>incrementer</code> должна возвращать значение, которое больше значения <code>fixedValue</code> .'
+    testString: 'assert(newValue === 5, "Your <code>incrementer</code> function should return a value that is one larger than the <code>fixedValue</code> value.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var fixedValue = 4;
+
+function incrementer () {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+
+var newValue = incrementer(); // Should equal 5
+console.log(fixedValue); // Should print 4
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/combine-an-array-into-a-string-using-the-join-method.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/combine-an-array-into-a-string-using-the-join-method.russian.md
new file mode 100644
index 0000000000..4f564fb532
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/combine-an-array-into-a-string-using-the-join-method.russian.md
@@ -0,0 +1,65 @@
+---
+id: 587d7daa367417b2b2512b6c
+title: Combine an Array into a String Using the join Method
+challengeType: 1
+videoUrl: ''
+localeTitle: Объединение массива в строку Использование метода объединения
+---
+
+## Description
+<section id="description"> Метод <code>join</code> используется для объединения элементов массива вместе для создания строки. Он принимает аргумент для разделителя, который используется для разделения элементов массива в строке. Вот пример: <blockquote> var arr = [&quot;Hello&quot;, &quot;World&quot;]; <br> var str = arr.join (&quot;&quot;); <br> // Устанавливает str для «Hello World» </blockquote></section>
+
+## Instructions
+<section id="instructions"> Используйте метод <code>join</code> (среди других) внутри функции <code>sentensify</code> чтобы сделать предложение из слов в строке <code>str</code> . Функция должна возвращать строку. Например, «I-like-Star-Wars» будет преобразован в «Мне нравятся« Звездные войны ». Для этой задачи не используйте метод <code>replace</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать метод <code>join</code> .
+    testString: 'assert(code.match(/\.join/g), "Your code should use the <code>join</code> method.");'
+  - text: Ваш код не должен использовать метод <code>replace</code> .
+    testString: 'assert(!code.match(/\.replace/g), "Your code should not use the <code>replace</code> method.");'
+  - text: <code>sentensify(&quot;May-the-force-be-with-you&quot;)</code> должен возвращать строку.
+    testString: 'assert(typeof sentensify("May-the-force-be-with-you") === "string", "<code>sentensify("May-the-force-be-with-you")</code> should return a string.");'
+  - text: <code>sentensify(&quot;May-the-force-be-with-you&quot;)</code> должна вернуться <code>&quot;May the force be with you&quot;</code> .
+    testString: 'assert(sentensify("May-the-force-be-with-you") === "May the force be with you", "<code>sentensify("May-the-force-be-with-you")</code> should return <code>"May the force be with you"</code>.");'
+  - text: <code>sentensify(&quot;The.force.is.strong.with.this.one&quot;)</code> должен вернуться <code>&quot;The force is strong with this one&quot;</code> .
+    testString: 'assert(sentensify("The.force.is.strong.with.this.one") === "The force is strong with this one", "<code>sentensify("The.force.is.strong.with.this.one")</code> should return <code>"The force is strong with this one"</code>.");'
+  - text: '<code>sentensify(&quot;There,has,been,an,awakening&quot;)</code> должен вернуться <code>&quot;There has been an awakening&quot;</code> .'
+    testString: 'assert(sentensify("There,has,been,an,awakening") === "There has been an awakening", "<code>sentensify("There,has,been,an,awakening")</code> should return <code>"There has been an awakening"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sentensify(str) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+sentensify("May-the-force-be-with-you");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.russian.md
new file mode 100644
index 0000000000..4dacd7f1c2
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.russian.md
@@ -0,0 +1,63 @@
+---
+id: 587d7da9367417b2b2512b66
+title: Combine Two Arrays Using the concat Method
+challengeType: 1
+videoUrl: ''
+localeTitle: Объединить два массива с помощью метода concat
+---
+
+## Description
+<section id="description"> <code>Concatenation</code> означает объединение объектов до конца. JavaScript предлагает метод <code>concat</code> для строк и массивов, которые работают одинаково. Для массивов метод вызывается на один, затем другой массив предоставляется как аргумент <code>concat</code> , который добавляется в конец первого массива. Он возвращает новый массив и не мутирует ни один из исходных массивов. Вот пример: <blockquote> [1, 2, 3] .concat ([4, 5, 6]); <br> // Возвращает новый массив [1, 2, 3, 4, 5, 6] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Используйте <code>concat</code> метод в <code>nonMutatingConcat</code> функции конкатенации <code>attach</code> к концу <code>original</code> . Функция должна возвращать конкатенированный массив. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать метод <code>concat</code> .
+    testString: 'assert(code.match(/\.concat/g), "Your code should use the <code>concat</code> method.");'
+  - text: <code>first</code> массив не должен меняться.
+    testString: 'assert(JSON.stringify(first) === JSON.stringify([1, 2, 3]), "The <code>first</code> array should not change.");'
+  - text: <code>second</code> массив не должен меняться.
+    testString: 'assert(JSON.stringify(second) === JSON.stringify([4, 5]), "The <code>second</code> array should not change.");'
+  - text: '<code>nonMutatingConcat([1, 2, 3], [4, 5])</code> должен возвращать <code>[1, 2, 3, 4, 5]</code> .'
+    testString: 'assert(JSON.stringify(nonMutatingConcat([1, 2, 3], [4, 5])) === JSON.stringify([1, 2, 3, 4, 5]), "<code>nonMutatingConcat([1, 2, 3], [4, 5])</code> should return <code>[1, 2, 3, 4, 5]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nonMutatingConcat(original, attach) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+var first = [1, 2, 3];
+var second = [4, 5];
+nonMutatingConcat(first, second);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.russian.md
new file mode 100644
index 0000000000..781fd8d334
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.russian.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b8f367417b2b2512b62
+title: Implement map on a Prototype
+challengeType: 1
+videoUrl: ''
+localeTitle: Реализовать карту на прототипе
+---
+
+## Description
+<section id="description"> Как вы видели из применения <code>Array.prototype.map()</code> или просто <code>map()</code> ранее, метод <code>map</code> возвращает массив той же длины, что и тот, на который он был вызван. Он также не изменяет исходный массив, если его функция обратного вызова не работает. Другими словами, <code>map</code> является чистой функцией, и ее выход зависит исключительно от ее входов. Кроме того, в качестве аргумента требуется другая функция. Это научит нас много о <code>map</code> чтобы попытаться реализовать версию, которая ведет себя точно так же, как <code>Array.prototype.map()</code> с циклом <code>for</code> или <code>Array.prototype.forEach()</code> . Примечание. Чистая функция позволяет изменять локальные переменные, определенные в пределах ее области действия, хотя предпочтительно избегать этого. </section>
+
+## Instructions
+<section id="instructions"> Напишите свой собственный <code>Array.prototype.myMap()</code> , который должен вести себя точно так же, как <code>Array.prototype.map()</code> . Вы можете использовать цикл <code>for</code> или метод <code>forEach</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>new_s</code> должен быть равен <code>[46, 130, 196, 10]</code> .'
+    testString: 'assert(JSON.stringify(new_s) === JSON.stringify([46, 130, 196, 10]), "<code>new_s</code> should equal <code>[46, 130, 196, 10]</code>.");'
+  - text: Ваш код не должен использовать метод <code>map</code> .
+    testString: 'assert(!code.match(/\.map/g), "Your code should not use the <code>map</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global Array
+var s = [23, 65, 98, 5];
+
+Array.prototype.myMap = function(callback){
+  var newArray = [];
+  // Add your code below this line
+
+  // Add your code above this line
+  return newArray;
+
+};
+
+var new_s = s.myMap(function(item){
+  return item * 2;
+});
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/implement-the-filter-method-on-a-prototype.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/implement-the-filter-method-on-a-prototype.russian.md
new file mode 100644
index 0000000000..cd7b39e1ae
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/implement-the-filter-method-on-a-prototype.russian.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b8f367417b2b2512b64
+title: Implement the filter Method on a Prototype
+challengeType: 1
+videoUrl: ''
+localeTitle: Внедрить фильтр на прототипе
+---
+
+## Description
+<section id="description"> Это научит нас многому о методе <code>filter</code> если мы попытаемся реализовать версию, которая ведет себя точно так же, как <code>Array.prototype.filter()</code> . Он может использовать либо цикл <code>for</code> либо <code>Array.prototype.forEach()</code> . Примечание. Чистая функция позволяет изменять локальные переменные, определенные в пределах ее области действия, хотя предпочтительно избегать этого. </section>
+
+## Instructions
+<section id="instructions"> Напишите свой собственный <code>Array.prototype.myFilter()</code> , который должен вести себя точно так же, как <code>Array.prototype.filter()</code> . Вы можете использовать цикл <code>for</code> или метод <code>Array.prototype.forEach()</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(JSON.stringify(new_s) === JSON.stringify([23, 65, 5]), "<code>new_s</code> should equal <code>[23, 65, 5]</code>.");'
+  - text: Ваш код не должен использовать метод <code>filter</code> .
+    testString: 'assert(!code.match(/\.filter/g), "Your code should not use the <code>filter</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global Array
+var s = [23, 65, 98, 5];
+
+Array.prototype.myFilter = function(callback){
+  var newArray = [];
+  // Add your code below this line
+
+  // Add your code above this line
+  return newArray;
+
+};
+
+var new_s = s.myFilter(function(item){
+  return item % 2 === 1;
+});
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/introduction-to-currying-and-partial-application.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/introduction-to-currying-and-partial-application.russian.md
new file mode 100644
index 0000000000..d33204c7ef
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/introduction-to-currying-and-partial-application.russian.md
@@ -0,0 +1,61 @@
+---
+id: 587d7dab367417b2b2512b70
+title: Introduction to Currying and Partial Application
+challengeType: 1
+videoUrl: ''
+localeTitle: Введение в каррирование и частичное применение
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> Заполните тело функции <code>add</code> чтобы он использовал currying для добавления параметров <code>x</code> , <code>y</code> и <code>z</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(add(10)(20)(30) === 60, "<code>add(10)(20)(30)</code> should return <code>60</code>.");'
+  - text: <code>add(1)(2)(3)</code> должен вернуть <code>6</code> .
+    testString: 'assert(add(1)(2)(3) === 6, "<code>add(1)(2)(3)</code> should return <code>6</code>.");'
+  - text: <code>add(11)(22)(33)</code> должен вернуться <code>66</code> .
+    testString: 'assert(add(11)(22)(33) === 66, "<code>add(11)(22)(33)</code> should return <code>66</code>.");'
+  - text: 'Ваш код должен содержать заключительный оператор, который возвращает <code>x + y + z</code> .'
+    testString: 'assert(code.match(/[xyz]\s*?\+\s*?[xyz]\s*?\+\s*?[xyz]/g), "Your code should include a final statement that returns <code>x + y + z</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function add(x) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+add(10)(20)(30);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/learn-about-functional-programming.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/learn-about-functional-programming.russian.md
new file mode 100644
index 0000000000..8d4bda3fcc
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/learn-about-functional-programming.russian.md
@@ -0,0 +1,79 @@
+---
+id: 587d7b8d367417b2b2512b5b
+title: Learn About Functional Programming
+challengeType: 1
+videoUrl: ''
+localeTitle: Узнайте о функциональном программировании
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(tea4TeamFCC.length === 40, "The <code>tea4TeamFCC</code> variable should hold 40 cups of tea for the team.");'
+  - text: ''
+    testString: 'assert(tea4TeamFCC[0] === "greenTea", "The <code>tea4TeamFCC</code> variable should hold cups of green tea.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+/**
+ * A long process to prepare tea.
+ * @return {string} A cup of tea.
+ **/
+const prepareTea = () => 'greenTea';
+
+/**
+ * Get given number of cups of tea.
+ * @param {number} numOfCups Number of required cups of tea.
+ * @return {Array<string>} Given amount of tea cups.
+ **/
+const getTea = (numOfCups) => {
+  const teaCups = [];
+
+  for(let cups = 1; cups <= numOfCups; cups += 1) {
+    const teaCup = prepareTea();
+    teaCups.push(teaCup);
+  }
+
+  return teaCups;
+};
+
+// Add your code below this line
+
+const tea4TeamFCC = null; // :(
+
+// Add your code above this line
+
+console.log(tea4TeamFCC);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/pass-arguments-to-avoid-external-dependence-in-a-function.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/pass-arguments-to-avoid-external-dependence-in-a-function.russian.md
new file mode 100644
index 0000000000..7f38d558bf
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/pass-arguments-to-avoid-external-dependence-in-a-function.russian.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b8e367417b2b2512b5f
+title: Pass Arguments to Avoid External Dependence in a Function
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Пропустить аргументы, чтобы избежать внешней зависимости в функции'
+---
+
+## Description
+<section id="description"> Последняя задача была шагом ближе к принципам функционального программирования, но до сих пор что-то не хватает. Мы не изменили значение глобальной переменной, но <code>incrementer</code> функции не получило бы работу без глобальной переменной <code>fixedValue</code> . Другим принципом функционального программирования является всегда декларировать ваши зависимости явно. Это означает, что если функция зависит от переменной или объекта, присутствующего, то передайте эту переменную или объект непосредственно в функцию в качестве аргумента. Из этого принципа есть несколько хороших последствий. Функция легче протестировать, вы точно знаете, какой вклад она принимает, и она не будет зависеть от чего-либо еще в вашей программе. Это может дать вам больше уверенности при изменении, удалении или добавлении нового кода. Вы знаете, что можете или не можете изменить, и вы можете увидеть, где находятся потенциальные ловушки. Наконец, функция всегда будет выводить один и тот же вывод для одного и того же набора входов, независимо от того, какая часть кода выполняет его. </section>
+
+## Instructions
+<section id="instructions"> Давайте обновим функцию <code>incrementer</code> чтобы четко определить ее зависимости. Напишите функцию <code>incrementer</code> чтобы она приняла аргумент, а затем увеличила значение на единицу. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш <code>incrementer</code> функции не должен изменять значение <code>fixedValue</code> .
+    testString: 'assert(fixedValue === 4, "Your function <code>incrementer</code> should not change the value of <code>fixedValue</code>.");'
+  - text: Ваша <code>incrementer</code> функция должна принимать параметр.
+    testString: 'assert(code.match(/function\s+?incrementer\s*?\(.+?\)/g), "Your <code>incrementer</code> function should take a parameter.");'
+  - text: 'Функция <code>incrementer</code> должна возвращать значение, которое больше значения <code>fixedValue</code> .'
+    testString: 'assert(newValue === 5, "Your <code>incrementer</code> function should return a value that is one larger than the <code>fixedValue</code> value.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var fixedValue = 4;
+
+// Add your code below this line
+function incrementer () {
+
+
+  // Add your code above this line
+}
+
+var newValue = incrementer(fixedValue); // Should equal 5
+console.log(fixedValue); // Should print 4
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/refactor-global-variables-out-of-functions.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/refactor-global-variables-out-of-functions.russian.md
new file mode 100644
index 0000000000..bbb4088cb2
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/refactor-global-variables-out-of-functions.russian.md
@@ -0,0 +1,86 @@
+---
+id: 587d7b8f367417b2b2512b60
+title: Refactor Global Variables Out of Functions
+challengeType: 1
+videoUrl: ''
+localeTitle: Глобальные переменные Refactor вне функций
+---
+
+## Description
+<section id="description"> До сих пор мы видели два разных принципа функционального программирования: 1) Не изменяйте переменную или объект - создавайте новые переменные и объекты и возвращайте их, если необходимо, из функции. 2) Объявлять аргументы функции - любое вычисление внутри функции зависит только от аргументов, а не от любого глобального объекта или переменной. Добавление одного к числу не очень интересно, но мы можем применять эти принципы при работе с массивами или более сложными объектами. </section>
+
+## Instructions
+<section id="instructions"> Refactor (переписать) код, поэтому глобальный массив <code>bookList</code> не изменяется внутри любой функции. Функция <code>add</code> должна добавить данное имя <code>bookName</code> в конец массива. Функция <code>remove</code> должна удалить данную <code>bookName</code> из массива. Обе функции должны возвращать массив, и любые новые параметры должны быть добавлены до имени <code>bookName</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>bookList</code> не должен меняться и <code>bookList</code> равным <code>[&quot;The Hound of the Baskervilles&quot;, &quot;On The Electrodynamics of Moving Bodies&quot;, &quot;Philosophiæ Naturalis Principia Mathematica&quot;, &quot;Disquisitiones Arithmeticae&quot;]</code> .'
+    testString: 'assert(JSON.stringify(bookList) === JSON.stringify(["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]), "<code>bookList</code> should not change and still equal <code>["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]</code>.");'
+  - text: '<code>newBookList</code> должен равняться <code>[&quot;The Hound of the Baskervilles&quot;, &quot;On The Electrodynamics of Moving Bodies&quot;, &quot;Philosophiæ Naturalis Principia Mathematica&quot;, &quot;Disquisitiones Arithmeticae&quot;, &quot;A Brief History of Time&quot;]</code> <code>newBookList</code> <code>[&quot;The Hound of the Baskervilles&quot;, &quot;On The Electrodynamics of Moving Bodies&quot;, &quot;Philosophiæ Naturalis Principia Mathematica&quot;, &quot;Disquisitiones Arithmeticae&quot;, &quot;A Brief History of Time&quot;]</code> .'
+    testString: 'assert(JSON.stringify(newBookList) === JSON.stringify(["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]), "<code>newBookList</code> should equal <code>["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]</code>.");'
+  - text: '<code>newerBookList</code> должен равняться <code>[&quot;The Hound of the Baskervilles&quot;, &quot;Philosophiæ Naturalis Principia Mathematica&quot;, &quot;Disquisitiones Arithmeticae&quot;]</code> <code>newerBookList</code> <code>[&quot;The Hound of the Baskervilles&quot;, &quot;Philosophiæ Naturalis Principia Mathematica&quot;, &quot;Disquisitiones Arithmeticae&quot;]</code> .'
+    testString: 'assert(JSON.stringify(newerBookList) === JSON.stringify(["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]), "<code>newerBookList</code> should equal <code>["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]</code>.");'
+  - text: '<code>newestBookList</code> должен равняться <code>[&quot;The Hound of the Baskervilles&quot;, &quot;Philosophiæ Naturalis Principia Mathematica&quot;, &quot;Disquisitiones Arithmeticae&quot;, &quot;A Brief History of Time&quot;]</code> <code>newestBookList</code> <code>[&quot;The Hound of the Baskervilles&quot;, &quot;Philosophiæ Naturalis Principia Mathematica&quot;, &quot;Disquisitiones Arithmeticae&quot;, &quot;A Brief History of Time&quot;]</code> .'
+    testString: 'assert(JSON.stringify(newestBookList) === JSON.stringify(["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]), "<code>newestBookList</code> should equal <code>["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var bookList = ["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"];
+
+/* This function should add a book to the list and return the list */
+// New parameters should come before the bookName one
+
+// Add your code below this line
+function add (bookName) {
+
+  return bookList.push(bookName);
+
+  // Add your code above this line
+}
+
+/* This function should remove a book from the list and return the list */
+// New parameters should come before the bookName one
+
+// Add your code below this line
+function remove (bookName) {
+  if (bookList.indexOf(bookName) >= 0) {
+
+    return bookList.splice(0, 1, bookName);
+
+    // Add your code above this line
+    }
+}
+
+var newBookList = add(bookList, 'A Brief History of Time');
+var newerBookList = remove(bookList, 'On The Electrodynamics of Moving Bodies');
+var newestBookList = remove(add(bookList, 'A Brief History of Time'), 'On The Electrodynamics of Moving Bodies');
+
+console.log(bookList);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/remove-elements-from-an-array-using-slice-instead-of-splice.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/remove-elements-from-an-array-using-slice-instead-of-splice.russian.md
new file mode 100644
index 0000000000..b8f9d66fb3
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/remove-elements-from-an-array-using-slice-instead-of-splice.russian.md
@@ -0,0 +1,62 @@
+---
+id: 9d7123c8c441eeafaeb5bdef
+title: Remove Elements from an Array Using slice Instead of splice
+challengeType: 1
+videoUrl: ''
+localeTitle: Удаление элементов из массива Использование среза Вместо сращивания
+---
+
+## Description
+<section id="description"> Обычный шаблон при работе с массивами - это когда вы хотите удалить элементы и сохранить остальную часть массива. JavaScript предлагает метод <code>splice</code> для этого, который принимает аргументы для индекса того, где следует начинать удаление элементов, а затем количество элементов для удаления. Если второй аргумент не указан, по умолчанию используется удаление элементов в конце. Однако метод <code>splice</code> мутирует исходный массив, на который он вызывается. Вот пример: <blockquote> var cities = [&quot;Чикаго&quot;, &quot;Дели&quot;, &quot;Исламабад&quot;, &quot;Лондон&quot;, &quot;Берлин&quot;]; <br> cities.splice (3, 1); // Возвращает «Лондон» и удаляет его из массива городов <br> // города теперь [«Чикаго», «Дели», «Исламабад», «Берлин»] </blockquote> Как мы видели в последнем вызове, метод <code>slice</code> не мутирует исходный массив, а возвращает новый, который можно сохранить в переменной. Напомним, что метод <code>slice</code> принимает два аргумента, чтобы индексы начинались и заканчивались срезом (конец не включен) и возвращает эти элементы в новом массиве. Использование метода <code>slice</code> вместо <code>splice</code> помогает избежать любых побочных эффектов, связанных с массивом. </section>
+
+## Instructions
+<section id="instructions"> Перепишите функцию <code>nonMutatingSplice</code> , используя <code>slice</code> вместо <code>splice</code> . Он должен ограничивать массив предоставленных <code>cities</code> длиной до 3 и возвращать новый массив только с первыми тремя элементами. Не мутируйте исходный массив, предоставленный функции. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать метод <code>slice</code> .
+    testString: 'assert(code.match(/\.slice/g), "Your code should use the <code>slice</code> method.");'
+  - text: Ваш код не должен использовать метод <code>splice</code> .
+    testString: 'assert(!code.match(/\.splice/g), "Your code should not use the <code>splice</code> method.");'
+  - text: Массив <code>inputCities</code> не должен изменяться.
+    testString: 'assert(JSON.stringify(inputCities) === JSON.stringify(["Chicago", "Delhi", "Islamabad", "London", "Berlin"]), "The <code>inputCities</code> array should not change.");'
+  - text: '<code>nonMutatingSplice([&quot;Chicago&quot;, &quot;Delhi&quot;, &quot;Islamabad&quot;, &quot;London&quot;, &quot;Berlin&quot;])</code> должны вернуться <code>[&quot;Chicago&quot;, &quot;Delhi&quot;, &quot;Islamabad&quot;]</code> .'
+    testString: 'assert(JSON.stringify(nonMutatingSplice(["Chicago", "Delhi", "Islamabad", "London", "Berlin"])) === JSON.stringify(["Chicago", "Delhi", "Islamabad"]), "<code>nonMutatingSplice(["Chicago", "Delhi", "Islamabad", "London", "Berlin"])</code> should return <code>["Chicago", "Delhi", "Islamabad"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nonMutatingSplice(cities) {
+  // Add your code below this line
+  return cities.splice(3);
+
+  // Add your code above this line
+}
+var inputCities = ["Chicago", "Delhi", "Islamabad", "London", "Berlin"];
+nonMutatingSplice(inputCities);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/return-a-sorted-array-without-changing-the-original-array.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/return-a-sorted-array-without-changing-the-original-array.russian.md
new file mode 100644
index 0000000000..261beb1426
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/return-a-sorted-array-without-changing-the-original-array.russian.md
@@ -0,0 +1,62 @@
+---
+id: 587d7da9367417b2b2512b6a
+title: Return a Sorted Array Without Changing the Original Array
+challengeType: 1
+videoUrl: ''
+localeTitle: Возвращает отсортированный массив без изменения исходного массива
+---
+
+## Description
+<section id="description"> Побочным эффектом метода <code>sort</code> является то, что он изменяет порядок элементов в исходном массиве. Другими словами, он мутирует массив на месте. Один из способов избежать этого - сначала связать пустой массив с тем, который был отсортирован (помните, что <code>concat</code> возвращает новый массив), затем запустите метод <code>sort</code> . </section>
+
+## Instructions
+<section id="instructions"> Используйте метод <code>sort</code> в функции <code>nonMutatingSort</code> для сортировки элементов массива в порядке возрастания. Функция должна возвращать новый массив, а не мутировать переменную <code>globalArray</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать метод <code>sort</code> .
+    testString: 'assert(code.match(/\.sort/g), "Your code should use the <code>sort</code> method.");'
+  - text: Ваш код должен использовать метод <code>concat</code> .
+    testString: 'assert(code.match(/\.concat/g), "Your code should use the <code>concat</code> method.");'
+  - text: Переменная <code>globalArray</code> не должна изменяться.
+    testString: 'assert(JSON.stringify(globalArray) === JSON.stringify([5, 6, 3, 2, 9]), "The <code>globalArray</code> variable should not change.");'
+  - text: '<code>nonMutatingSort(globalArray)</code> должен возвращать <code>[2, 3, 5, 6, 9]</code> .'
+    testString: 'assert(JSON.stringify(nonMutatingSort(globalArray)) === JSON.stringify([2, 3, 5, 6, 9]), "<code>nonMutatingSort(globalArray)</code> should return <code>[2, 3, 5, 6, 9]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var globalArray = [5, 6, 3, 2, 9];
+function nonMutatingSort(arr) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+nonMutatingSort(globalArray);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/return-part-of-an-array-using-the-slice-method.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/return-part-of-an-array-using-the-slice-method.russian.md
new file mode 100644
index 0000000000..6c33a70ae4
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/return-part-of-an-array-using-the-slice-method.russian.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b90367417b2b2512b65
+title: Return Part of an Array Using the slice Method
+challengeType: 1
+videoUrl: ''
+localeTitle: Возвращаемая часть массива Использование метода среза
+---
+
+## Description
+<section id="description"> Метод <code>slice</code> возвращает копию некоторых элементов массива. Он может принимать два аргумента, первый дает индекс, где начинается срез, второй - индекс для того, где положить конец среза (и он не включен). Если аргументы не предоставлены, по умолчанию начинается с начала массива до конца, что является простым способом сделать копию всего массива. Метод <code>slice</code> не изменяет исходный массив, а возвращает новый. Вот пример: <blockquote> var arr = [&quot;Cat&quot;, &quot;Dog&quot;, &quot;Tiger&quot;, &quot;Zebra&quot;]; <br> var newArray = arr.slice (1, 3); <br> // Устанавливает newArray в [«Собака», «Тигр»] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Используйте <code>slice</code> метод в <code>sliceArray</code> функции вернуть часть <code>anim</code> массива , учитывая предоставленные <code>beginSlice</code> и <code>endSlice</code> индексов. Функция должна возвращать массив. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать метод <code>slice</code> .
+    testString: 'assert(code.match(/\.slice/g), "Your code should use the <code>slice</code> method.");'
+  - text: Переменная <code>inputAnim</code> не должна изменяться.
+    testString: 'assert(JSON.stringify(inputAnim) === JSON.stringify(["Cat", "Dog", "Tiger", "Zebra", "Ant"]), "The <code>inputAnim</code> variable should not change.");'
+  - text: '<code>sliceArray([&quot;Cat&quot;, &quot;Dog&quot;, &quot;Tiger&quot;, &quot;Zebra&quot;, &quot;Ant&quot;], 1, 3)</code> должны вернуть <code>[&quot;Dog&quot;, &quot;Tiger&quot;]</code> .'
+    testString: 'assert(JSON.stringify(sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 3)) === JSON.stringify(["Dog", "Tiger"]), "<code>sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 3)</code> should return <code>["Dog", "Tiger"]</code>.");'
+  - text: '<code>sliceArray([&quot;Cat&quot;, &quot;Dog&quot;, &quot;Tiger&quot;, &quot;Zebra&quot;, &quot;Ant&quot;], 0, 1)</code> должны возвращать <code>[&quot;Cat&quot;]</code> .'
+    testString: 'assert(JSON.stringify(sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 0, 1)) === JSON.stringify(["Cat"]), "<code>sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 0, 1)</code> should return <code>["Cat"]</code>.");'
+  - text: '<code>sliceArray([&quot;Cat&quot;, &quot;Dog&quot;, &quot;Tiger&quot;, &quot;Zebra&quot;, &quot;Ant&quot;], 1, 4)</code> должны возвращать <code>[&quot;Dog&quot;, &quot;Tiger&quot;, &quot;Zebra&quot;]</code> .'
+    testString: 'assert(JSON.stringify(sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 4)) === JSON.stringify(["Dog", "Tiger", "Zebra"]), "<code>sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 4)</code> should return <code>["Dog", "Tiger", "Zebra"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sliceArray(anim, beginSlice, endSlice) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+var inputAnim = ["Cat", "Dog", "Tiger", "Zebra", "Ant"];
+sliceArray(inputAnim, 1, 3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/sort-an-array-alphabetically-using-the-sort-method.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/sort-an-array-alphabetically-using-the-sort-method.russian.md
new file mode 100644
index 0000000000..4547096576
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/sort-an-array-alphabetically-using-the-sort-method.russian.md
@@ -0,0 +1,61 @@
+---
+id: 587d7da9367417b2b2512b69
+title: Sort an Array Alphabetically using the sort Method
+challengeType: 1
+videoUrl: ''
+localeTitle: Сортировка массива по алфавиту с помощью метода сортировки
+---
+
+## Description
+<section id="description"> Метод <code>sort</code> сортирует элементы массива в соответствии с функцией обратного вызова. Например: <blockquote> функция ascendingOrder (arr) { <br> return arr.sort (функция (a, b) { <br> return a - b; <br> }); <br> } <br> ascendingOrder ([1, 5, 2, 3, 4]); <br> // Возвращает [1, 2, 3, 4, 5] <br><br> функция reverseAlpha (arr) { <br> return arr.sort (функция (a, b) { <br> return a &lt;b; <br> }); <br> } <br> reverseAlpha ([&#39;l&#39;, &#39;h&#39;, &#39;z&#39;, &#39;b&#39;, &#39;s&#39;]); <br> // Возвращает [&#39;z&#39;, &#39;s&#39;, &#39;l&#39;, &#39;h&#39;, &#39;b&#39;] </blockquote> Примечание. Рекомендуется указать функцию обратного вызова, чтобы указать способ сортировки элементов массива. Метод сортировки по умолчанию JavaScript - это значение строки Unicode, которое может возвращать неожиданные результаты. </section>
+
+## Instructions
+<section id="instructions"> Используйте метод <code>sort</code> в функции <code>alphabeticalOrder</code> для сортировки элементов <code>arr</code> в алфавитном порядке. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать метод <code>sort</code> .
+    testString: 'assert(code.match(/\.sort/g), "Your code should use the <code>sort</code> method.");'
+  - text: ''
+    testString: 'assert(JSON.stringify(alphabeticalOrder(["a", "d", "c", "a", "z", "g"])) === JSON.stringify(["a", "a", "c", "d", "g", "z"]), "<code>alphabeticalOrder(["a", "d", "c", "a", "z", "g"])</code> should return <code>["a", "a", "c", "d", "g", "z"]</code>.");'
+  - text: ''
+    testString: 'assert(JSON.stringify(alphabeticalOrder(["x", "h", "a", "m", "n", "m"])) === JSON.stringify(["a", "h", "m", "m", "n", "x"]), "<code>alphabeticalOrder(["x", "h", "a", "m", "n", "m"])</code> should return <code>["a", "h", "m", "m", "n", "x"]</code>.");'
+  - text: ''
+    testString: 'assert(JSON.stringify(alphabeticalOrder(["a", "a", "a", "a", "x", "t"])) === JSON.stringify(["a", "a", "a", "a", "t", "x"]), "<code>alphabeticalOrder(["a", "a", "a", "a", "x", "t"])</code> should return <code>["a", "a", "a", "a", "t", "x"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function alphabeticalOrder(arr) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+alphabeticalOrder(["a", "d", "c", "a", "z", "g"]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/split-a-string-into-an-array-using-the-split-method.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/split-a-string-into-an-array-using-the-split-method.russian.md
new file mode 100644
index 0000000000..3232d533d2
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/split-a-string-into-an-array-using-the-split-method.russian.md
@@ -0,0 +1,61 @@
+---
+id: 587d7daa367417b2b2512b6b
+title: Split a String into an Array Using the split Method
+challengeType: 1
+videoUrl: ''
+localeTitle: Разбить строку на массив Используя метод split
+---
+
+## Description
+<section id="description"> Метод <code>split</code> разбивает строку на массив строк. Он принимает аргумент для разделителя, который может быть символом, используемым для разбиения строки или регулярного выражения. Например, если разделитель является пространством, вы получаете массив слов, и если разделитель является пустой строкой, вы получаете массив каждого символа в строке. Вот два примера, которые разделяют одну строку пробелами, а затем цифрами, используя регулярное выражение: <blockquote> var str = &quot;Hello World&quot;; <br> var bySpace = str.split (&quot;&quot;); <br> // Устанавливает bySpace в [&quot;Hello&quot;, &quot;World&quot;] <br><br> var otherString = &quot;How9are7you2today&quot;; <br> var byDigits = otherString.split (/ \ d /); <br> // Устанавливает byDigits в [&quot;How&quot;, &quot;are&quot;, &quot;you&quot;, &quot;today&quot;] </blockquote> Поскольку строки неизменяемы, метод <code>split</code> облегчает работу с ними. </section>
+
+## Instructions
+<section id="instructions"> Используйте метод <code>split</code> внутри функции <code>splitify</code> чтобы разбить <code>str</code> на массив слов. Функция должна возвращать массив. Обратите внимание, что слова не всегда разделяются пробелами, и массив не должен содержать знаков препинания. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать метод <code>split</code> .
+    testString: 'assert(code.match(/\.split/g), "Your code should use the <code>split</code> method.");'
+  - text: '<code>splitify(&quot;Hello World,I-am code&quot;)</code> должен возвращать <code>[&quot;Hello&quot;, &quot;World&quot;, &quot;I&quot;, &quot;am&quot;, &quot;code&quot;]</code> .'
+    testString: 'assert(JSON.stringify(splitify("Hello World,I-am code")) === JSON.stringify(["Hello", "World", "I", "am", "code"]), "<code>splitify("Hello World,I-am code")</code> should return <code>["Hello", "World", "I", "am", "code"]</code>.");'
+  - text: '<code>splitify(&quot;Earth-is-our home&quot;)</code> должна вернуться <code>[&quot;Earth&quot;, &quot;is&quot;, &quot;our&quot;, &quot;home&quot;]</code> .'
+    testString: 'assert(JSON.stringify(splitify("Earth-is-our home")) === JSON.stringify(["Earth", "is", "our", "home"]), "<code>splitify("Earth-is-our home")</code> should return <code>["Earth", "is", "our", "home"]</code>.");'
+  - text: '<code>splitify(&quot;This.is.a-sentence&quot;)</code> должен возвращать <code>[&quot;This&quot;, &quot;is&quot;, &quot;a&quot;, &quot;sentence&quot;]</code> .'
+    testString: 'assert(JSON.stringify(splitify("This.is.a-sentence")) === JSON.stringify(["This", "is", "a", "sentence"]), "<code>splitify("This.is.a-sentence")</code> should return <code>["This", "is", "a", "sentence"]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function splitify(str) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+splitify("Hello World,I-am code");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/understand-functional-programming-terminology.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/understand-functional-programming-terminology.russian.md
new file mode 100644
index 0000000000..c869cd28ff
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/understand-functional-programming-terminology.russian.md
@@ -0,0 +1,94 @@
+---
+id: 587d7b8e367417b2b2512b5c
+title: Understand Functional Programming Terminology
+challengeType: 1
+videoUrl: ''
+localeTitle: Понять терминологию функционального программирования
+---
+
+## Description
+<section id="description"> Команда FCC почувствовала колебание настроения и теперь хочет два типа чая: зеленый чай и черный чай. Общий факт: колебания настроения у клиентов довольно распространены. С этой информацией нам нужно будет вернуться к функции <code>getTea</code> из последнего вызова, чтобы обрабатывать различные запросы на чай. Мы можем модифицировать <code>getTea</code> чтобы принять функцию в качестве параметра, чтобы иметь возможность изменять тип чая, который он готовит. Это делает <code>getTea</code> более гибким и дает программисту больше контроля при изменении запросов клиента. Но сначала давайте рассмотрим функциональную терминологию: <code>Callbacks</code> вызовы - это функции, которые были проскальзываны или переданы в другую функцию, чтобы решить вызов этой функции. Возможно, вы видели, как они передавались другим методам, например, в <code>filter</code> , функция обратного вызова сообщает JavaScript критериям фильтрации массива. Функции, которые могут быть назначены переменной, переданы в другую функцию или возвращены из другой функции, как и любое другое нормальное значение, называются функциями <code>first class</code> . В JavaScript все функции являются функциями <code>first class</code> . Функции, которые принимают функцию в качестве аргумента или возвращают функцию в качестве возвращаемого значения, называются функциями <code>higher order</code> . Когда функции передаются другой функции или возвращаются из другой функции, то те функции, которые передаются или возвращаются, можно назвать <code>lambda</code> . </section>
+
+## Instructions
+<section id="instructions"> Подготовьте 27 чашек зеленого чая и 13 чашек черного чая и храните их в параметрах <code>tea4GreenTeamFCC</code> и <code>tea4BlackTeamFCC</code> , соответственно. Обратите внимание, что функция <code>getTea</code> была изменена, поэтому теперь она принимает функцию в качестве первого аргумента. Примечание. Данные (количество чашек чая) поставляются в качестве последнего аргумента. Мы обсудим это более подробно на более поздних уроках. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Переменная <code>tea4GreenTeamFCC</code> должна содержать 27 чашек зеленого чая для команды.
+    testString: 'assert(tea4GreenTeamFCC.length === 27, "The <code>tea4GreenTeamFCC</code> variable should hold 27 cups of green tea for the team.");'
+  - text: Переменная <code>tea4GreenTeamFCC</code> должна содержать чашки зеленого чая.
+    testString: 'assert(tea4GreenTeamFCC[0] === "greenTea", "The <code>tea4GreenTeamFCC</code> variable should hold cups of green tea.");'
+  - text: Переменная <code>tea4BlackTeamFCC</code> должна содержать 13 чашек черного чая.
+    testString: 'assert(tea4BlackTeamFCC.length === 13, "The <code>tea4BlackTeamFCC</code> variable should hold 13 cups of black tea.");'
+  - text: Переменная <code>tea4BlackTeamFCC</code> должна содержать чашки черного чая.
+    testString: 'assert(tea4BlackTeamFCC[0] === "blackTea", "The <code>tea4BlackTeamFCC</code> variable should hold cups of black tea.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+/**
+ * A long process to prepare green tea.
+ * @return {string} A cup of green tea.
+ **/
+const prepareGreenTea = () => 'greenTea';
+
+/**
+ * A long process to prepare black tea.
+ * @return {string} A cup of black tea.
+ **/
+const prepareBlackTea = () => 'blackTea';
+
+/**
+ * Get given number of cups of tea.
+ * @param {function():string} prepareTea The type of tea preparing function.
+ * @param {number} numOfCups Number of required cups of tea.
+ * @return {Array<string>} Given amount of tea cups.
+ **/
+const getTea = (prepareTea, numOfCups) => {
+  const teaCups = [];
+
+  for(let cups = 1; cups <= numOfCups; cups += 1) {
+    const teaCup = prepareTea();
+    teaCups.push(teaCup);
+  }
+
+  return teaCups;
+};
+
+// Add your code below this line
+
+const tea4GreenTeamFCC = null; // :(
+const tea4BlackTeamFCC = null; // :(
+
+// Add your code above this line
+
+console.log(
+  tea4GreenTeamFCC,
+  tea4BlackTeamFCC
+);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.russian.md
new file mode 100644
index 0000000000..a981086b94
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.russian.md
@@ -0,0 +1,86 @@
+---
+id: 587d7b8e367417b2b2512b5d
+title: Understand the Hazards of Using Imperative Code
+challengeType: 1
+videoUrl: ''
+localeTitle: Понимание опасностей использования императивного кода
+---
+
+## Description
+<section id="description"> Функциональное программирование - хорошая привычка. Он упрощает управление вашим кодом и избавляет вас от подлых ошибок. Но прежде чем мы туда доберемся, давайте посмотрим на императивный подход к программированию, чтобы подчеркнуть, где у вас могут быть проблемы. На английском (и на многих других языках) императивное время используется для команд. Аналогичным образом, императивный стиль программирования - это тот, который дает компьютеру набор операторов для выполнения задачи. Часто утверждения изменяют состояние программы, например, обновление глобальных переменных. Классическим примером является запись цикла <code>for</code> который дает точные указания для итерации по индексам массива. Напротив, функциональное программирование является формой декларативного программирования. Вы говорите компьютеру, что вы хотите сделать, вызвав метод или функцию. JavaScript предлагает множество предопределенных методов, которые обрабатывают общие задачи, поэтому вам не нужно записывать, как компьютер должен их выполнять. Например, вместо использования цикла <code>for</code> упомянутого выше, вы можете вызвать метод <code>map</code> который обрабатывает детали итерации по массиву. Это помогает избежать семантических ошибок, таких как «Ошибки по одному», которые были описаны в разделе «Отладка». Рассмотрим сценарий: вы просматриваете веб-страницы в своем браузере и хотите отслеживать открытые вкладки. Попробуем смоделировать это, используя простой объектно-ориентированный код. Объект Window состоит из вкладок, и обычно у вас открыто более одного окна. Заголовки каждого открытого сайта в каждом объекте Window хранятся в массиве. После работы в браузере (открытие новых вкладок, слияние окон и закрытие вкладок) вы хотите распечатать вкладки, которые все еще открыты. Закрытые вкладки удаляются из массива, а новые вкладки (для простоты) добавляются к концу. Редактор кода показывает реализацию этой функции с функциями для <code>tabOpen()</code> , <code>tabClose()</code> и <code>join()</code> . <code>tabs</code> массива являются частью объекта Window, который хранит имя открытых страниц. <h4> инструкции </h4><h4> Запустите код в редакторе. Он использует метод, который имеет побочные эффекты в программе, вызывая неправильный вывод. Окончательный список открытых вкладок должен быть <code>[&#39;FB&#39;, &#39;Gitter&#39;, &#39;Reddit&#39;, &#39;Twitter&#39;, &#39;Medium&#39;, &#39;new tab&#39;, &#39;Netflix&#39;, &#39;YouTube&#39;, &#39;Vine&#39;, &#39;GMail&#39;, &#39;Work mail&#39;, &#39;Docs&#39;, &#39;freeCodeCamp&#39;, &#39;new tab&#39;]</code> но результат будет немного отличаться. Проработайте код и посмотрите, можете ли вы решить проблему, затем перейдите к следующему заданию, чтобы узнать больше. </h4></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Двигайтесь вперед, чтобы понять ошибку.'
+    testString: 'assert(true, "Move ahead to understand the error.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// tabs is an array of titles of each site open within the window
+var Window = function(tabs) {
+  this.tabs = tabs; // we keep a record of the array inside the object
+};
+
+// When you join two windows into one window
+Window.prototype.join = function (otherWindow) {
+  this.tabs = this.tabs.concat(otherWindow.tabs);
+  return this;
+};
+
+// When you open a new tab at the end
+Window.prototype.tabOpen = function (tab) {
+  this.tabs.push('new tab'); // let's open a new tab for now
+  return this;
+};
+
+// When you close a tab
+Window.prototype.tabClose = function (index) {
+  var tabsBeforeIndex = this.tabs.splice(0, index); // get the tabs before the tab
+  var tabsAfterIndex = this.tabs.splice(index); // get the tabs after the tab
+
+  this.tabs = tabsBeforeIndex.concat(tabsAfterIndex); // join them together
+  return this;
+ };
+
+// Let's create three browser windows
+var workWindow = new Window(['GMail', 'Inbox', 'Work mail', 'Docs', 'freeCodeCamp']); // Your mailbox, drive, and other work sites
+var socialWindow = new Window(['FB', 'Gitter', 'Reddit', 'Twitter', 'Medium']); // Social sites
+var videoWindow = new Window(['Netflix', 'YouTube', 'Vimeo', 'Vine']); //  Entertainment sites
+
+// Now perform the tab opening, closing, and other operations
+var finalTabs = socialWindow
+                    .tabOpen() // Open a new tab for cat memes
+                    .join(videoWindow.tabClose(2)) // Close third tab in video window, and join
+                    .join(workWindow.tabClose(1).tabOpen());
+
+alert(finalTabs.tabs);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.russian.md
new file mode 100644
index 0000000000..b3097560c6
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.russian.md
@@ -0,0 +1,61 @@
+---
+id: 587d7dab367417b2b2512b6e
+title: Use the every Method to Check that Every Element in an Array Meets a Criteria
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Используйте каждый метод для проверки того, что каждый элемент в массиве соответствует критерию'
+---
+
+## Description
+<section id="description"> <code>every</code> метод работает с массивами, чтобы проверить, прошел ли <em>каждый</em> элемент конкретного теста. Он возвращает логическое значение - <code>true</code> если все значения соответствуют критериям, <code>false</code> если нет. Например, следующий код будет проверять, если каждый элемент массива <code>numbers</code> меньше 10: <blockquote> var numbers = [1, 5, 8, 0, 10, 11]; <br> numbers.every (function (currentValue) { <br> return currentValue &lt;10; <br> }); <br> // Возвращает false </blockquote></section>
+
+## Instructions
+<section id="instructions"> Используйте <code>every</code> метод внутри функции <code>checkPositive</code> чтобы проверить, является ли каждый элемент в <code>arr</code> положительным. Функция должна возвращать логическое значение. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать <code>every</code> метод.
+    testString: 'assert(code.match(/\.every/g), "Your code should use the <code>every</code> method.");'
+  - text: '<code>checkPositive([1, 2, 3, -4, 5])</code> должен возвращать <code>false</code> .'
+    testString: 'assert(!checkPositive([1, 2, 3, -4, 5]), "<code>checkPositive([1, 2, 3, -4, 5])</code> should return <code>false</code>.");'
+  - text: '<code>checkPositive([1, 2, 3, 4, 5])</code> должен возвращать <code>true</code> .'
+    testString: 'assert(checkPositive([1, 2, 3, 4, 5]), "<code>checkPositive([1, 2, 3, 4, 5])</code> should return <code>true</code>.");'
+  - text: '<code>checkPositive([1, -2, 3, -4, 5])</code> должен возвращать <code>false</code> .'
+    testString: 'assert(!checkPositive([1, -2, 3, -4, 5]), "<code>checkPositive([1, -2, 3, -4, 5])</code> should return <code>false</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkPositive(arr) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+checkPositive([1, 2, 3, -4, 5]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-filter-method-to-extract-data-from-an-array.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-filter-method-to-extract-data-from-an-array.russian.md
new file mode 100644
index 0000000000..fb94d5b9ad
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-filter-method-to-extract-data-from-an-array.russian.md
@@ -0,0 +1,175 @@
+---
+id: 587d7b8f367417b2b2512b63
+title: Use the filter Method to Extract Data from an Array
+challengeType: 1
+videoUrl: ''
+localeTitle: Использовать фильтр Метод извлечения данных из массива
+---
+
+## Description
+<section id="description"> Другая полезная функция массива - <code>Array.prototype.filter()</code> или просто <code>filter()</code> . Метод <code>filter</code> возвращает новый массив, который не больше, чем исходный массив, но обычно имеет меньше элементов. <code>Filter</code> не изменяет исходный массив, как <code>map</code> . Он выполняет функцию обратного вызова, которая применяет логику внутри обратного вызова для каждого элемента массива. Если элемент возвращает true на основе критериев в функции обратного вызова, он включается в новый массив. </section>
+
+## Instructions
+<section id="instructions"> Переменная <code>watchList</code> содержит массив объектов с информацией о нескольких фильмах. Используйте комбинацию <code>filter</code> и <code>map</code> чтобы вернуть новый массив объектов только с <code>title</code> и ключами <code>rating</code> , но где <code>imdbRating</code> больше или равно 8.0. Обратите внимание, что значения рейтинга сохраняются как строки в объекте, и вы можете преобразовать их в числа для выполнения математических операций над ними. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Переменная <code>watchList</code> не должна изменяться.
+    testString: 'assert(watchList[0].Title === "Inception" && watchList[4].Director == "James Cameron", "The <code>watchList</code> variable should not change.");'
+  - text: Ваш код должен использовать метод <code>filter</code> .
+    testString: 'assert(code.match(/\.filter/g), "Your code should use the <code>filter</code> method.");'
+  - text: Ваш код не должен использовать цикл <code>for</code> .
+    testString: 'assert(!code.match(/for\s*?\(.+?\)/g), "Your code should not use a <code>for</code> loop.");'
+  - text: '<code>filteredList</code> должен равняться <code>[{&quot;title&quot;: &quot;Inception&quot;,&quot;rating&quot;: &quot;8.8&quot;},{&quot;title&quot;: &quot;Interstellar&quot;,&quot;rating&quot;: &quot;8.6&quot;},{&quot;title&quot;: &quot;The Dark Knight&quot;,&quot;rating&quot;: &quot;9.0&quot;},{&quot;title&quot;: &quot;Batman Begins&quot;,&quot;rating&quot;: &quot;8.3&quot;}]</code> .'
+    testString: 'assert.deepEqual(filteredList, [{"title": "Inception","rating": "8.8"},{"title": "Interstellar","rating": "8.6"},{"title": "The Dark Knight","rating": "9.0"},{"title": "Batman Begins","rating": "8.3"}], "<code>filteredList</code> should equal <code>[{"title": "Inception","rating": "8.8"},{"title": "Interstellar","rating": "8.6"},{"title": "The Dark Knight","rating": "9.0"},{"title": "Batman Begins","rating": "8.3"}]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var watchList = [
+                 {
+                   "Title": "Inception",
+                   "Year": "2010",
+                   "Rated": "PG-13",
+                   "Released": "16 Jul 2010",
+                   "Runtime": "148 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Christopher Nolan",
+                   "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Ellen Page, Tom Hardy",
+                   "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+                   "Language": "English, Japanese, French",
+                   "Country": "USA, UK",
+                   "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.8",
+                   "imdbVotes": "1,446,708",
+                   "imdbID": "tt1375666",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Interstellar",
+                   "Year": "2014",
+                   "Rated": "PG-13",
+                   "Released": "07 Nov 2014",
+                   "Runtime": "169 min",
+                   "Genre": "Adventure, Drama, Sci-Fi",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan, Christopher Nolan",
+                   "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+                   "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+                   "Language": "English",
+                   "Country": "USA, UK",
+                   "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.6",
+                   "imdbVotes": "910,366",
+                   "imdbID": "tt0816692",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "The Dark Knight",
+                   "Year": "2008",
+                   "Rated": "PG-13",
+                   "Released": "18 Jul 2008",
+                   "Runtime": "152 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+                   "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+                   "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+                   "Language": "English, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+                   "Metascore": "82",
+                   "imdbRating": "9.0",
+                   "imdbVotes": "1,652,832",
+                   "imdbID": "tt0468569",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Batman Begins",
+                   "Year": "2005",
+                   "Rated": "PG-13",
+                   "Released": "15 Jun 2005",
+                   "Runtime": "140 min",
+                   "Genre": "Action, Adventure",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+                   "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+                   "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+                   "Language": "English, Urdu, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+                   "Metascore": "70",
+                   "imdbRating": "8.3",
+                   "imdbVotes": "972,584",
+                   "imdbID": "tt0372784",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Avatar",
+                   "Year": "2009",
+                   "Rated": "PG-13",
+                   "Released": "18 Dec 2009",
+                   "Runtime": "162 min",
+                   "Genre": "Action, Adventure, Fantasy",
+                   "Director": "James Cameron",
+                   "Writer": "James Cameron",
+                   "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+                   "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+                   "Language": "English, Spanish",
+                   "Country": "USA, UK",
+                   "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+                   "Metascore": "83",
+                   "imdbRating": "7.9",
+                   "imdbVotes": "876,575",
+                   "imdbID": "tt0499549",
+                   "Type": "movie",
+                   "Response": "True"
+                }
+];
+
+// Add your code below this line
+
+var filteredList;
+
+// Add your code above this line
+
+console.log(filteredList);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-map-method-to-extract-data-from-an-array.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-map-method-to-extract-data-from-an-array.russian.md
new file mode 100644
index 0000000000..8a0c3d5556
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-map-method-to-extract-data-from-an-array.russian.md
@@ -0,0 +1,178 @@
+---
+id: 587d7b8f367417b2b2512b61
+title: Use the map Method to Extract Data from an Array
+challengeType: 1
+videoUrl: ''
+localeTitle: Используйте метод «Карта» для извлечения данных из массива
+---
+
+## Description
+<section id="description"> До сих пор мы научились использовать чистые функции, чтобы избежать побочных эффектов в программе. Кроме того, мы видели, что значение наличия функции зависит только от ее входных аргументов. Это только начало. Как следует из названия, функциональное программирование сосредоточено вокруг теории функций. Было бы разумно иметь возможность передавать их в качестве аргументов другим функциям и возвращать функцию из другой функции. Функции считаются <code>First Class Objects</code> в JavaScript, что означает, что они могут использоваться как любой другой объект. Они могут быть сохранены в переменных, сохранены в объекте или переданы как аргументы функции. Начнем с некоторых простых функций массива, которые являются методами прототипа объекта массива. В этом упражнении мы смотрим на <code>Array.prototype.map()</code> или более просто на <code>map</code> . Помните, что метод <code>map</code> - это способ перебора каждого элемента в массиве. Он создает новый массив (без изменения исходного) после применения функции обратного вызова для каждого элемента. </section>
+
+## Instructions
+<section id="instructions"> В массиве <code>watchList</code> хранятся объекты с информацией о нескольких фильмах. Используйте <code>map</code> чтобы вытащить заголовок и рейтинг из <code>watchList</code> и сохранить новый массив в переменной <code>rating</code> . Код в редакторе в настоящее время использует цикл <code>for</code> для этого, замените функциональность цикла на ваше выражение <code>map</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Переменная <code>watchList</code> не должна изменяться.
+    testString: 'assert(watchList[0].Title === "Inception" && watchList[4].Director == "James Cameron", "The <code>watchList</code> variable should not change.");'
+  - text: Ваш код не должен использовать цикл <code>for</code> .
+    testString: 'assert(!code.match(/for\s*?\(.+?\)/g), "Your code should not use a <code>for</code> loop.");'
+  - text: Ваш код должен использовать метод <code>map</code> .
+    testString: 'assert(code.match(/\.map/g), "Your code should use the <code>map</code> method.");'
+  - text: '<code>rating</code> должен быть равен <code>[{&quot;title&quot;:&quot;Inception&quot;,&quot;rating&quot;:&quot;8.8&quot;},{&quot;title&quot;:&quot;Interstellar&quot;,&quot;rating&quot;:&quot;8.6&quot;},{&quot;title&quot;:&quot;The Dark Knight&quot;,&quot;rating&quot;:&quot;9.0&quot;},{&quot;title&quot;:&quot;Batman Begins&quot;,&quot;rating&quot;:&quot;8.3&quot;},{&quot;title&quot;:&quot;Avatar&quot;,&quot;rating&quot;:&quot;7.9&quot;}]</code> .'
+    testString: 'assert(JSON.stringify(rating) === JSON.stringify([{"title":"Inception","rating":"8.8"},{"title":"Interstellar","rating":"8.6"},{"title":"The Dark Knight","rating":"9.0"},{"title":"Batman Begins","rating":"8.3"},{"title":"Avatar","rating":"7.9"}]), "<code>rating</code> should equal <code>[{"title":"Inception","rating":"8.8"},{"title":"Interstellar","rating":"8.6"},{"title":"The Dark Knight","rating":"9.0"},{"title":"Batman Begins","rating":"8.3"},{"title":"Avatar","rating":"7.9"}]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var watchList = [
+                 {
+                   "Title": "Inception",
+                   "Year": "2010",
+                   "Rated": "PG-13",
+                   "Released": "16 Jul 2010",
+                   "Runtime": "148 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Christopher Nolan",
+                   "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Ellen Page, Tom Hardy",
+                   "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+                   "Language": "English, Japanese, French",
+                   "Country": "USA, UK",
+                   "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.8",
+                   "imdbVotes": "1,446,708",
+                   "imdbID": "tt1375666",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Interstellar",
+                   "Year": "2014",
+                   "Rated": "PG-13",
+                   "Released": "07 Nov 2014",
+                   "Runtime": "169 min",
+                   "Genre": "Adventure, Drama, Sci-Fi",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan, Christopher Nolan",
+                   "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+                   "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+                   "Language": "English",
+                   "Country": "USA, UK",
+                   "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.6",
+                   "imdbVotes": "910,366",
+                   "imdbID": "tt0816692",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "The Dark Knight",
+                   "Year": "2008",
+                   "Rated": "PG-13",
+                   "Released": "18 Jul 2008",
+                   "Runtime": "152 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+                   "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+                   "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+                   "Language": "English, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+                   "Metascore": "82",
+                   "imdbRating": "9.0",
+                   "imdbVotes": "1,652,832",
+                   "imdbID": "tt0468569",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Batman Begins",
+                   "Year": "2005",
+                   "Rated": "PG-13",
+                   "Released": "15 Jun 2005",
+                   "Runtime": "140 min",
+                   "Genre": "Action, Adventure",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+                   "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+                   "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+                   "Language": "English, Urdu, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+                   "Metascore": "70",
+                   "imdbRating": "8.3",
+                   "imdbVotes": "972,584",
+                   "imdbID": "tt0372784",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Avatar",
+                   "Year": "2009",
+                   "Rated": "PG-13",
+                   "Released": "18 Dec 2009",
+                   "Runtime": "162 min",
+                   "Genre": "Action, Adventure, Fantasy",
+                   "Director": "James Cameron",
+                   "Writer": "James Cameron",
+                   "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+                   "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+                   "Language": "English, Spanish",
+                   "Country": "USA, UK",
+                   "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+                   "Metascore": "83",
+                   "imdbRating": "7.9",
+                   "imdbVotes": "876,575",
+                   "imdbID": "tt0499549",
+                   "Type": "movie",
+                   "Response": "True"
+                }
+];
+
+// Add your code below this line
+
+var rating = [];
+for(var i=0; i < watchList.length; i++){
+  rating.push({title: watchList[i]["Title"],  rating: watchList[i]["imdbRating"]});
+}
+
+// Add your code above this line
+
+console.log(rating);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-reduce-method-to-analyze-data.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-reduce-method-to-analyze-data.russian.md
new file mode 100644
index 0000000000..7c6d38d3b7
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-reduce-method-to-analyze-data.russian.md
@@ -0,0 +1,175 @@
+---
+id: 587d7da9367417b2b2512b68
+title: Use the reduce Method to Analyze Data
+challengeType: 1
+videoUrl: ''
+localeTitle: Используйте метод уменьшения для анализа данных
+---
+
+## Description
+<section id="description"> <code>Array.prototype.reduce()</code> или просто <code>reduce()</code> , является наиболее общей из всех операций с массивами в JavaScript. Вы можете решить практически любую проблему обработки массива с помощью метода <code>reduce</code> . Это не относится к методам <code>filter</code> и <code>map</code> поскольку они не позволяют взаимодействовать между двумя различными элементами массива. Например, если вы хотите сравнить элементы массива или добавить их вместе, <code>filter</code> или <code>map</code> не смогут обработать это. Метод <code>reduce</code> позволяет использовать более общие формы обработки массивов, и можно показать, что как <code>filter</code> и <code>map</code> могут быть получены как специальное приложение <code>reduce</code> . Однако, прежде чем мы доберемся туда, давайте сначала будем использовать <code>reduce</code> . </section>
+
+## Instructions
+<section id="instructions"> Переменная <code>watchList</code> содержит массив объектов с информацией о нескольких фильмах. Используйте <code>reduce</code> чтобы найти средний рейтинг IMDB фильмов <strong>режиссера Кристофера Нолана</strong> . Вспомните предыдущие проблемы, как <code>filter</code> данные и <code>map</code> их, чтобы вытащить то, что вам нужно. Возможно, вам придется создавать другие переменные, но сохранить окончательное среднее значение в переменной <code>averageRating</code> . Обратите внимание, что значения рейтинга сохраняются как строки в объекте и должны быть преобразованы в числа, прежде чем они будут использоваться в любых математических операциях. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Переменная <code>watchList</code> не должна изменяться.
+    testString: 'assert(watchList[0].Title === "Inception" && watchList[4].Director == "James Cameron", "The <code>watchList</code> variable should not change.");'
+  - text: Ваш код должен использовать метод <code>reduce</code> .
+    testString: 'assert(code.match(/\.reduce/g), "Your code should use the <code>reduce</code> method.");'
+  - text: <code>averageRating</code> должно равняться 8.675.
+    testString: 'assert(averageRating == 8.675, "The <code>averageRating</code> should equal 8.675.");'
+  - text: Ваш код не должен использовать цикл <code>for</code> .
+    testString: 'assert(!code.match(/for\s*?\(.*\)/g), "Your code should not use a <code>for</code> loop.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// the global variable
+var watchList = [
+                 {
+                   "Title": "Inception",
+                   "Year": "2010",
+                   "Rated": "PG-13",
+                   "Released": "16 Jul 2010",
+                   "Runtime": "148 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Christopher Nolan",
+                   "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Ellen Page, Tom Hardy",
+                   "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+                   "Language": "English, Japanese, French",
+                   "Country": "USA, UK",
+                   "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.8",
+                   "imdbVotes": "1,446,708",
+                   "imdbID": "tt1375666",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Interstellar",
+                   "Year": "2014",
+                   "Rated": "PG-13",
+                   "Released": "07 Nov 2014",
+                   "Runtime": "169 min",
+                   "Genre": "Adventure, Drama, Sci-Fi",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan, Christopher Nolan",
+                   "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+                   "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+                   "Language": "English",
+                   "Country": "USA, UK",
+                   "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+                   "Metascore": "74",
+                   "imdbRating": "8.6",
+                   "imdbVotes": "910,366",
+                   "imdbID": "tt0816692",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "The Dark Knight",
+                   "Year": "2008",
+                   "Rated": "PG-13",
+                   "Released": "18 Jul 2008",
+                   "Runtime": "152 min",
+                   "Genre": "Action, Adventure, Crime",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+                   "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+                   "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+                   "Language": "English, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+                   "Metascore": "82",
+                   "imdbRating": "9.0",
+                   "imdbVotes": "1,652,832",
+                   "imdbID": "tt0468569",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Batman Begins",
+                   "Year": "2005",
+                   "Rated": "PG-13",
+                   "Released": "15 Jun 2005",
+                   "Runtime": "140 min",
+                   "Genre": "Action, Adventure",
+                   "Director": "Christopher Nolan",
+                   "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+                   "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+                   "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+                   "Language": "English, Urdu, Mandarin",
+                   "Country": "USA, UK",
+                   "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+                   "Metascore": "70",
+                   "imdbRating": "8.3",
+                   "imdbVotes": "972,584",
+                   "imdbID": "tt0372784",
+                   "Type": "movie",
+                   "Response": "True"
+                },
+                {
+                   "Title": "Avatar",
+                   "Year": "2009",
+                   "Rated": "PG-13",
+                   "Released": "18 Dec 2009",
+                   "Runtime": "162 min",
+                   "Genre": "Action, Adventure, Fantasy",
+                   "Director": "James Cameron",
+                   "Writer": "James Cameron",
+                   "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+                   "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+                   "Language": "English, Spanish",
+                   "Country": "USA, UK",
+                   "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+                   "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+                   "Metascore": "83",
+                   "imdbRating": "7.9",
+                   "imdbVotes": "876,575",
+                   "imdbID": "tt0499549",
+                   "Type": "movie",
+                   "Response": "True"
+                }
+];
+
+// Add your code below this line
+
+var averageRating;
+
+// Add your code above this line
+
+console.log(averageRating);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.russian.md
new file mode 100644
index 0000000000..6d9ce6ba45
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.russian.md
@@ -0,0 +1,61 @@
+---
+id: 587d7dab367417b2b2512b6f
+title: Use the some Method to Check that Any Elements in an Array Meet a Criteria
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Используйте некоторый метод для проверки того, что любые элементы в массиве соответствуют критериям'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/\.some/g), "Your code should use the <code>some</code> method.");'
+  - text: ''
+    testString: 'assert(checkPositive([1, 2, 3, -4, 5]), "<code>checkPositive([1, 2, 3, -4, 5])</code> should return <code>true</code>.");'
+  - text: '<code>checkPositive([1, 2, 3, 4, 5])</code> должен возвращать <code>true</code> .'
+    testString: 'assert(checkPositive([1, 2, 3, 4, 5]), "<code>checkPositive([1, 2, 3, 4, 5])</code> should return <code>true</code>.");'
+  - text: ''
+    testString: 'assert(!checkPositive([-1, -2, -3, -4, -5]), "<code>checkPositive([-1, -2, -3, -4, -5])</code> should return <code>false</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkPositive(arr) {
+  // Add your code below this line
+
+
+  // Add your code above this line
+}
+checkPositive([1, 2, 3, -4, 5]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/arguments-optional.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/arguments-optional.russian.md
new file mode 100644
index 0000000000..9d57d00c09
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/arguments-optional.russian.md
@@ -0,0 +1,64 @@
+---
+id: a97fd23d9b809dac9921074f
+title: Arguments Optional
+isRequired: true
+challengeType: 5
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/arguments-optional'
+videoUrl: ''
+localeTitle: Аргументы Дополнительно
+---
+
+## Description
+<section id="description"> Создайте функцию, которая суммирует два аргумента вместе. Если предоставляется только один аргумент, тогда возвращаем функцию, которая ожидает один аргумент и возвращает сумму. Например, <code>addTogether(2, 3)</code> должен возвращать <code>5</code> , а <code>addTogether(2)</code> должен возвращать функцию. Вызов этой возвращенной функции с помощью одного аргумента будет возвращать сумму: <code>var sumTwoAnd = addTogether(2);</code> <code>sumTwoAnd(3)</code> возвращает <code>5</code> . Если какой-либо аргумент не является допустимым числом, возвращайте undefined. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>addTogether(2, 3)</code> должен вернуть 5.'
+    testString: 'assert.deepEqual(addTogether(2, 3), 5, "<code>addTogether(2, 3)</code> should return 5.");'
+  - text: <code>addTogether(2)(3)</code> должен вернуть 5.
+    testString: 'assert.deepEqual(addTogether(2)(3), 5, "<code>addTogether(2)(3)</code> should return 5.");'
+  - text: '<code>addTogether(&quot;http://bit.ly/IqT6zt&quot;)</code> должен возвращать undefined.'
+    testString: 'assert.isUndefined(addTogether("http://bit.ly/IqT6zt"), "<code>addTogether("http://bit.ly/IqT6zt")</code> should return undefined.");'
+  - text: '<code>addTogether(2, &quot;3&quot;)</code> должен возвращаться не определен.'
+    testString: 'assert.isUndefined(addTogether(2, "3"), "<code>addTogether(2, "3")</code> should return undefined.");'
+  - text: '<code>addTogether(2)([3])</code> должен возвращать undefined.'
+    testString: 'assert.isUndefined(addTogether(2)([3]), "<code>addTogether(2)([3])</code> should return undefined.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function addTogether() {
+  return false;
+}
+
+addTogether(2,3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/binary-agents.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/binary-agents.russian.md
new file mode 100644
index 0000000000..edc661e65b
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/binary-agents.russian.md
@@ -0,0 +1,57 @@
+---
+id: a8d97bd4c764e91f9d2bda01
+title: Binary Agents
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Двоичные агенты
+---
+
+## Description
+<section id="description"> Верните английское переведенное предложение прошедшей двоичной строки. Бинарная строка будет разделена пробелом. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>binaryAgent(&quot;01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111&quot;)</code> должен возвращать «Не <code>binaryAgent(&quot;01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111&quot;)</code> костры !?»
+    testString: 'assert.deepEqual(binaryAgent("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111"), "Aren"t bonfires fun!?", "<code>binaryAgent("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111")</code> should return "Aren&#39;t bonfires fun!?"");'
+  - text: <code>binaryAgent(&quot;01001001 00100000 01101100 01101111 01110110 01100101 00100000 01000110 01110010 01100101 01100101 01000011 01101111 01100100 01100101 01000011 01100001 01101101 01110000 00100001&quot;)</code> должен вернуться «Я люблю FreeCodeCamp!».
+    testString: 'assert.deepEqual(binaryAgent("01001001 00100000 01101100 01101111 01110110 01100101 00100000 01000110 01110010 01100101 01100101 01000011 01101111 01100100 01100101 01000011 01100001 01101101 01110000 00100001"), "I love FreeCodeCamp!", "<code>binaryAgent("01001001 00100000 01101100 01101111 01110110 01100101 00100000 01000110 01110010 01100101 01100101 01000011 01101111 01100100 01100101 01000011 01100001 01101101 01110000 00100001")</code> should return "I love FreeCodeCamp!"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function binaryAgent(str) {
+  return str;
+}
+
+binaryAgent("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.russian.md
new file mode 100644
index 0000000000..01e73125a3
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.russian.md
@@ -0,0 +1,68 @@
+---
+id: a6b0bb188d873cb2c8729495
+title: Convert HTML Entities
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Преобразование HTML-объектов
+---
+
+## Description
+<section id="description"> Преобразуйте символы <code>&amp;</code> , <code>&lt;</code> , <code>&gt;</code> , <code>&quot;</code> (двойная кавычка) и <code>&#39;</code> (апострофа) в строку в соответствующие HTML-объекты. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>convertHTML(&quot;Dolce &amp; Gabbana&quot;)</code> должен возвращать <code>Dolce &amp;​amp; Gabbana</code> .
+    testString: 'assert.match(convertHTML("Dolce & Gabbana"), /Dolce &amp; Gabbana/, "<code>convertHTML("Dolce & Gabbana")</code> should return <code>Dolce &&#8203;amp; Gabbana</code>.");'
+  - text: <code>convertHTML(&quot;Hamburgers &lt; Pizza &lt; Tacos&quot;)</code> должны вернуть <code>Hamburgers &amp;​lt; Pizza &amp;​lt; Tacos</code> .
+    testString: 'assert.match(convertHTML("Hamburgers < Pizza < Tacos"), /Hamburgers &lt; Pizza &lt; Tacos/, "<code>convertHTML("Hamburgers < Pizza < Tacos")</code> should return <code>Hamburgers &&#8203;lt; Pizza &&#8203;lt; Tacos</code>.");'
+  - text: <code>convertHTML(&quot;Sixty &gt; twelve&quot;)</code> должен возвращать <code>Sixty &amp;​gt; twelve</code> .
+    testString: 'assert.match(convertHTML("Sixty > twelve"), /Sixty &gt; twelve/, "<code>convertHTML("Sixty > twelve")</code> should return <code>Sixty &&#8203;gt; twelve</code>.");'
+  - text: '<code>convertHTML(&#39;Stuff in &quot;quotation marks&quot;&#39;)</code> должен возвращать <code>Stuff in &amp;​quot;quotation marks&amp;​quot;</code> ,'
+    testString: 'assert.match(convertHTML("Stuff in "quotation marks""), /Stuff in &quot;quotation marks&quot;/, "<code>convertHTML(&apos;Stuff in "quotation marks"&apos;)</code> should return <code>Stuff in &&#8203;quot;quotation marks&&#8203;quot;</code>.");'
+  - text: '<code>convertHTML(&quot;Schindler&#39;s List&quot;)</code> должен возвращать <code>Schindler&amp;​apos;s List</code> .'
+    testString: 'assert.match(convertHTML("Schindler"s List"), /Schindler&apos;s List/, "<code>convertHTML("Schindler&apos;s List")</code> should return <code>Schindler&&#8203;apos;s List</code>.");'
+  - text: '<code>convertHTML(&quot;&lt;&gt;&quot;)</code> должен возвращать <code>&amp;​lt;&amp;​gt;</code> ,'
+    testString: 'assert.match(convertHTML("<>"), /&lt;&gt;/, "<code>convertHTML("<>")</code> should return <code>&&#8203;lt;&&#8203;gt;</code>.");'
+  - text: <code>convertHTML(&quot;abc&quot;)</code> должен возвращать <code>abc</code> .
+    testString: 'assert.strictEqual(convertHTML("abc"), "abc", "<code>convertHTML("abc")</code> should return <code>abc</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertHTML(str) {
+  // &colon;&rpar;
+  return str;
+}
+
+convertHTML("Dolce & Gabbana");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/diff-two-arrays.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/diff-two-arrays.russian.md
new file mode 100644
index 0000000000..73649eceb4
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/diff-two-arrays.russian.md
@@ -0,0 +1,85 @@
+---
+id: a5de63ebea8dbee56860f4f2
+title: Diff Two Arrays
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Diff Два массива
+---
+
+## Description
+<section id="description"> Сравните два массива и верните новый массив с любыми элементами, найденными только в одном из двух заданных массивов, но не обоих. Другими словами, верните симметричную разность двух массивов. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. <strong>Заметка</strong> <br> Вы можете вернуть массив с его элементами в любом порядке. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5])</code> должен возвращать массив.'
+    testString: 'assert(typeof diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]) === "object", "<code>diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5])</code> should return an array.");'
+  - text: '<code>[&quot;diorite&quot;, &quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;pink wool&quot;, &quot;dead shrub&quot;], [&quot;diorite&quot;, &quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;]</code> должен вернуть <code>[&quot;pink wool&quot;]</code> .'
+    testString: 'assert.sameMembers(diffArray(["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]), ["pink wool"], "<code>["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]</code> should return <code>["pink wool"]</code>.");'
+  - text: '<code>[&quot;diorite&quot;, &quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;pink wool&quot;, &quot;dead shrub&quot;], [&quot;diorite&quot;, &quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;]</code> должен возвращать массив с одним элементом.'
+    testString: 'assert(diffArray(["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]).length === 1, "<code>["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]</code> should return an array with one item.");'
+  - text: '<code>[&quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;pink wool&quot;, &quot;dead shrub&quot;], [&quot;diorite&quot;, &quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;]</code> должен вернуться <code>[&quot;diorite&quot;, &quot;pink wool&quot;]</code> .'
+    testString: 'assert.sameMembers(diffArray(["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]), ["diorite", "pink wool"], "<code>["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]</code> should return <code>["diorite", "pink wool"]</code>.");'
+  - text: '<code>[&quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;pink wool&quot;, &quot;dead shrub&quot;], [&quot;diorite&quot;, &quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;]</code> должны возвращать массив с двумя элементами.'
+    testString: 'assert(diffArray(["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]).length === 2, "<code>["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]</code> should return an array with two items.");'
+  - text: '<code>[&quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;], [&quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;]</code> должны вернуться <code>[]</code> .'
+    testString: 'assert.sameMembers(diffArray(["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]), [], "<code>["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]</code> should return <code>[]</code>.");'
+  - text: '<code>[&quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;], [&quot;andesite&quot;, &quot;grass&quot;, &quot;dirt&quot;, &quot;dead shrub&quot;]</code> должны возвращать пустой массив.'
+    testString: 'assert(diffArray(["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]).length === 0, "<code>["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]</code> should return an empty array.");'
+  - text: '<code>[1, 2, 3, 5], [1, 2, 3, 4, 5]</code> должны вернуться <code>[4]</code> .'
+    testString: 'assert.sameMembers(diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]), [4], "<code>[1, 2, 3, 5], [1, 2, 3, 4, 5]</code> should return <code>[4]</code>.");'
+  - text: '<code>[1, 2, 3, 5], [1, 2, 3, 4, 5]</code> должны возвращать массив с одним элементом.'
+    testString: 'assert(diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]).length  === 1, "<code>[1, 2, 3, 5], [1, 2, 3, 4, 5]</code> should return an array with one item.");'
+  - text: '<code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;], [1, &quot;calf&quot;, 3, 4]</code> должны возвращать <code>[&quot;piglet&quot;, 4]</code> .'
+    testString: 'assert.sameMembers(diffArray([1, "calf", 3, "piglet"], [1, "calf", 3, 4]), ["piglet", 4], "<code>[1, "calf", 3, "piglet"], [1, "calf", 3, 4]</code> should return <code>["piglet", 4]</code>.");'
+  - text: '<code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;], [1, &quot;calf&quot;, 3, 4]</code> должны возвращать массив с двумя элементами.'
+    testString: 'assert(diffArray([1, "calf", 3, "piglet"], [1, "calf", 3, 4]).length === 2, "<code>[1, "calf", 3, "piglet"], [1, "calf", 3, 4]</code> should return an array with two items.");'
+  - text: '<code>[], [&quot;snuffleupagus&quot;, &quot;cookie monster&quot;, &quot;elmo&quot;]</code> должны возвращать <code>[&quot;snuffleupagus&quot;, &quot;cookie monster&quot;, &quot;elmo&quot;]</code> .'
+    testString: 'assert.sameMembers(diffArray([], ["snuffleupagus", "cookie monster", "elmo"]), ["snuffleupagus", "cookie monster", "elmo"], "<code>[], ["snuffleupagus", "cookie monster", "elmo"]</code> should return <code>["snuffleupagus", "cookie monster", "elmo"]</code>.");'
+  - text: '<code>[], [&quot;snuffleupagus&quot;, &quot;cookie monster&quot;, &quot;elmo&quot;]</code> должны возвращать массив с тремя элементами.'
+    testString: 'assert(diffArray([], ["snuffleupagus", "cookie monster", "elmo"]).length === 3, "<code>[], ["snuffleupagus", "cookie monster", "elmo"]</code> should return an array with three items.");'
+  - text: '<code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;], [7, &quot;filly&quot;]</code> должны возвращать <code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;, 7, &quot;filly&quot;]</code> .'
+    testString: 'assert.sameMembers(diffArray([1, "calf", 3, "piglet"], [7, "filly"]), [1, "calf", 3, "piglet", 7, "filly"], "<code>[1, "calf", 3, "piglet"], [7, "filly"]</code> should return <code>[1, "calf", 3, "piglet", 7, "filly"]</code>.");'
+  - text: '<code>[1, &quot;calf&quot;, 3, &quot;piglet&quot;], [7, &quot;filly&quot;]</code> должны возвращать массив с шестью элементами.'
+    testString: 'assert(diffArray([1, "calf", 3, "piglet"], [7, "filly"]).length === 6, "<code>[1, "calf", 3, "piglet"], [7, "filly"]</code> should return an array with six items.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function diffArray(arr1, arr2) {
+  var newArr = [];
+  // Same, same; but different.
+  return newArr;
+}
+
+diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.russian.md
new file mode 100644
index 0000000000..0af0b09dd0
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.russian.md
@@ -0,0 +1,59 @@
+---
+id: afd15382cdfb22c9efe8b7de
+title: DNA Pairing
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Связывание ДНК
+---
+
+## Description
+<section id="description"> В цепочке ДНК отсутствует элемент сопряжения. Возьмите каждого символа, получите его пару и верните результаты в виде массива 2d. <a href="http://en.wikipedia.org/wiki/Base_pair" target="_blank">Базовые пары</a> - это пара AT и CG. Совместите отсутствующий элемент с предоставленным символом. Возвращаем предоставленный символ как первый элемент в каждом массиве. Например, для входного GCG возвратите [[«G», «C»], [«C», «G»], [«G», «C»]] Символ и его пара спарены в массив, и все массивы сгруппированы в один инкапсулирующий массив. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>pairElement(&quot;ATCGA&quot;)</code> должен возвращать <code>[[&quot;A&quot;,&quot;T&quot;],[&quot;T&quot;,&quot;A&quot;],[&quot;C&quot;,&quot;G&quot;],[&quot;G&quot;,&quot;C&quot;],[&quot;A&quot;,&quot;T&quot;]]</code> .'
+    testString: 'assert.deepEqual(pairElement("ATCGA"),[["A","T"],["T","A"],["C","G"],["G","C"],["A","T"]], "<code>pairElement("ATCGA")</code> should return <code>[["A","T"],["T","A"],["C","G"],["G","C"],["A","T"]]</code>.");'
+  - text: '<code>pairElement(&quot;TTGAG&quot;)</code> должен возвращать <code>[[&quot;T&quot;,&quot;A&quot;],[&quot;T&quot;,&quot;A&quot;],[&quot;G&quot;,&quot;C&quot;],[&quot;A&quot;,&quot;T&quot;],[&quot;G&quot;,&quot;C&quot;]]</code> .'
+    testString: 'assert.deepEqual(pairElement("TTGAG"),[["T","A"],["T","A"],["G","C"],["A","T"],["G","C"]], "<code>pairElement("TTGAG")</code> should return <code>[["T","A"],["T","A"],["G","C"],["A","T"],["G","C"]]</code>.");'
+  - text: '<code>pairElement(&quot;CTCTA&quot;)</code> должен возвращать <code>[[&quot;C&quot;,&quot;G&quot;],[&quot;T&quot;,&quot;A&quot;],[&quot;C&quot;,&quot;G&quot;],[&quot;T&quot;,&quot;A&quot;],[&quot;A&quot;,&quot;T&quot;]]</code> .'
+    testString: 'assert.deepEqual(pairElement("CTCTA"),[["C","G"],["T","A"],["C","G"],["T","A"],["A","T"]], "<code>pairElement("CTCTA")</code> should return <code>[["C","G"],["T","A"],["C","G"],["T","A"],["A","T"]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pairElement(str) {
+  return str;
+}
+
+pairElement("GCG");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/drop-it.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/drop-it.russian.md
new file mode 100644
index 0000000000..83d5d436fe
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/drop-it.russian.md
@@ -0,0 +1,66 @@
+---
+id: a5deed1811a43193f9f1c841
+title: Drop it
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Брось это
+---
+
+## Description
+<section id="description"> Учитывая массив <code>arr</code> , выполните итерацию и удаление каждого элемента, начиная с первого элемента (индекс 0) до тех пор, пока функция <code>func</code> вернет <code>true</code> когда итерационный элемент пройдет через него. Затем возвращаем остальную часть массива после выполнения условия, иначе <code>arr</code> должен быть возвращен как пустой массив. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>dropElements([1, 2, 3, 4], function(n) {return n &gt;= 3;})</code> должна возвращать <code>[3, 4]</code> .'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3, 4], function(n) {return n >= 3;}), [3, 4], "<code>dropElements([1, 2, 3, 4], function(n) {return n >= 3;})</code> should return <code>[3, 4]</code>.");'
+  - text: '<code>dropElements([0, 1, 0, 1], function(n) {return n === 1;})</code> должна возвращать <code>[1, 0, 1]</code> .'
+    testString: 'assert.deepEqual(dropElements([0, 1, 0, 1], function(n) {return n === 1;}), [1, 0, 1], "<code>dropElements([0, 1, 0, 1], function(n) {return n === 1;})</code> should return <code>[1, 0, 1]</code>.");'
+  - text: '<code>dropElements([1, 2, 3], function(n) {return n &gt; 0;})</code> должна возвращать <code>[1, 2, 3]</code> .'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3], function(n) {return n > 0;}), [1, 2, 3], "<code>dropElements([1, 2, 3], function(n) {return n > 0;})</code> should return <code>[1, 2, 3]</code>.");'
+  - text: '<code>dropElements([1, 2, 3, 4], function(n) {return n &gt; 5;})</code> должна возвращать <code>[]</code> .'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3, 4], function(n) {return n > 5;}), [], "<code>dropElements([1, 2, 3, 4], function(n) {return n > 5;})</code> should return <code>[]</code>.");'
+  - text: '<code>dropElements([1, 2, 3, 7, 4], function(n) {return n &gt; 3;})</code> должна возвращать <code>[7, 4]</code> .'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3, 7, 4], function(n) {return n > 3;}), [7, 4], "<code>dropElements([1, 2, 3, 7, 4], function(n) {return n > 3;})</code> should return <code>[7, 4]</code>.");'
+  - text: '<code>dropElements([1, 2, 3, 9, 2], function(n) {return n &gt; 2;})</code> должна возвращать <code>[3, 9, 2]</code> .'
+    testString: 'assert.deepEqual(dropElements([1, 2, 3, 9, 2], function(n) {return n > 2;}), [3, 9, 2], "<code>dropElements([1, 2, 3, 9, 2], function(n) {return n > 2;})</code> should return <code>[3, 9, 2]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function dropElements(arr, func) {
+  // Drop them elements.
+  return arr;
+}
+
+dropElements([1, 2, 3], function(n) {return n < 3; });
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/everything-be-true.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/everything-be-true.russian.md
new file mode 100644
index 0000000000..b3fc6b5e8a
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/everything-be-true.russian.md
@@ -0,0 +1,72 @@
+---
+id: a10d2431ad0c6a099a4b8b52
+title: Everything Be True
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Все верно
+---
+
+## Description
+<section id="description"> Проверьте, является ли предикат (второй аргумент) <dfn>правдивым</dfn> для всех элементов коллекции (первый аргумент). Другими словами, вам предоставляется массив объектов. Предикат <code>pre</code> будет свойством объекта, и вам нужно вернуть <code>true</code> если его значение является <code>truthy</code> . В противном случае верните <code>false</code> . В JavaScript <code>truthy</code> значениями являются значения, которые переводятся в <code>true</code> при оценке в булевом контексте. Помните, что вы можете получить доступ к свойствам объекта с помощью либо точечной нотации, либо обозначения <code>[]</code> . Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>truthCheck([{&quot;user&quot;: &quot;Tinky-Winky&quot;, &quot;sex&quot;: &quot;male&quot;}, {&quot;user&quot;: &quot;Dipsy&quot;, &quot;sex&quot;: &quot;male&quot;}, {&quot;user&quot;: &quot;Laa-Laa&quot;, &quot;sex&quot;: &quot;female&quot;}, {&quot;user&quot;: &quot;Po&quot;, &quot;sex&quot;: &quot;female&quot;}], &quot;sex&quot;)</code> должны верны.'
+    testString: 'assert.strictEqual(truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex"), true, "<code>truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex")</code> should return true.");'
+  - text: '<code>truthCheck([{&quot;user&quot;: &quot;Tinky-Winky&quot;, &quot;sex&quot;: &quot;male&quot;}, {&quot;user&quot;: &quot;Dipsy&quot;}, {&quot;user&quot;: &quot;Laa-Laa&quot;, &quot;sex&quot;: &quot;female&quot;}, {&quot;user&quot;: &quot;Po&quot;, &quot;sex&quot;: &quot;female&quot;}], &quot;sex&quot;)</code> должен возвращать false.'
+    testString: 'assert.strictEqual(truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex"), false, "<code>truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex")</code> should return false.");'
+  - text: '<code>truthCheck([{&quot;user&quot;: &quot;Tinky-Winky&quot;, &quot;sex&quot;: &quot;male&quot;, &quot;age&quot;: 0}, {&quot;user&quot;: &quot;Dipsy&quot;, &quot;sex&quot;: &quot;male&quot;, &quot;age&quot;: 3}, {&quot;user&quot;: &quot;Laa-Laa&quot;, &quot;sex&quot;: &quot;female&quot;, &quot;age&quot;: 5}, {&quot;user&quot;: &quot;Po&quot;, &quot;sex&quot;: &quot;female&quot;, &quot;age&quot;: 4}], &quot;age&quot;)</code> должен возвращать значение false.'
+    testString: 'assert.strictEqual(truthCheck([{"user": "Tinky-Winky", "sex": "male", "age": 2}, {"user": "Dipsy", "sex": "male", "age": 0}, {"user": "Laa-Laa", "sex": "female", "age": 5}, {"user": "Po", "sex": "female", "age": 4}], "age"), false, "<code>truthCheck([{"user": "Tinky-Winky", "sex": "male", "age": 0}, {"user": "Dipsy", "sex": "male", "age": 3}, {"user": "Laa-Laa", "sex": "female", "age": 5}, {"user": "Po", "sex": "female", "age": 4}], "age")</code> should return false.");'
+  - text: '<code>truthCheck([{&quot;name&quot;: &quot;Pete&quot;, &quot;onBoat&quot;: true}, {&quot;name&quot;: &quot;Repeat&quot;, &quot;onBoat&quot;: true}, {&quot;name&quot;: &quot;FastFoward&quot;, &quot;onBoat&quot;: null}], &quot;onBoat&quot;)</code> должен возвращать false'
+    testString: 'assert.strictEqual(truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true}, {"name": "FastFoward", "onBoat": null}], "onBoat"), false, "<code>truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true}, {"name": "FastFoward", "onBoat": null}], "onBoat")</code> should return false");'
+  - text: '<code>truthCheck([{&quot;name&quot;: &quot;Pete&quot;, &quot;onBoat&quot;: true}, {&quot;name&quot;: &quot;Repeat&quot;, &quot;onBoat&quot;: true, &quot;alias&quot;: &quot;Repete&quot;}, {&quot;name&quot;: &quot;FastFoward&quot;, &quot;onBoat&quot;: true}], &quot;onBoat&quot;)</code> должен возвращать true'
+    testString: 'assert.strictEqual(truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true, "alias": "Repete"}, {"name": "FastFoward", "onBoat": true}], "onBoat"), true, "<code>truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true, "alias": "Repete"}, {"name": "FastFoward", "onBoat": true}], "onBoat")</code> should return true");'
+  - text: '<code>truthCheck([{&quot;single&quot;: &quot;yes&quot;}], &quot;single&quot;)</code> должен возвращать true'
+    testString: 'assert.strictEqual(truthCheck([{"single": "yes"}], "single"), true, "<code>truthCheck([{"single": "yes"}], "single")</code> should return true");'
+  - text: '<code>truthCheck([{&quot;single&quot;: &quot;&quot;}, {&quot;single&quot;: &quot;double&quot;}], &quot;single&quot;)</code> должен возвращать false'
+    testString: 'assert.strictEqual(truthCheck([{"single": ""}, {"single": "double"}], "single"), false, "<code>truthCheck([{"single": ""}, {"single": "double"}], "single")</code> should return false");'
+  - text: '<code>truthCheck([{&quot;single&quot;: &quot;double&quot;}, {&quot;single&quot;: undefined}], &quot;single&quot;)</code> должен возвращать false'
+    testString: 'assert.strictEqual(truthCheck([{"single": "double"}, {"single": undefined}], "single"), false, "<code>truthCheck([{"single": "double"}, {"single": undefined}], "single")</code> should return false");'
+  - text: '<code>truthCheck([{&quot;single&quot;: &quot;double&quot;}, {&quot;single&quot;: NaN}], &quot;single&quot;)</code> должен возвращать false'
+    testString: 'assert.strictEqual(truthCheck([{"single": "double"}, {"single": NaN}], "single"), false, "<code>truthCheck([{"single": "double"}, {"single": NaN}], "single")</code> should return false");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function truthCheck(collection, pre) {
+  // Is everyone being true?
+  return pre;
+}
+
+truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/make-a-person.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/make-a-person.russian.md
new file mode 100644
index 0000000000..e336932ae9
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/make-a-person.russian.md
@@ -0,0 +1,81 @@
+---
+id: a2f1d72d9b908d0bd72bb9f6
+title: Make a Person
+challengeType: 5
+videoUrl: ''
+localeTitle: Сделать человека
+---
+
+## Description
+<section id="description"> Заполните конструктор объекта следующими способами: <blockquote> getFirstName () getLastName () getFullName () setFirstName (first) setLastName (последний) setFullName (firstAndLast) </blockquote> Запустите тесты, чтобы увидеть ожидаемый результат для каждого метода. Методы, принимающие аргумент, должны принимать только один аргумент и должны быть строкой. Эти методы должны быть единственным доступным средством взаимодействия с объектом. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Object.keys(bob).length</code> должен возвращать 6.
+    testString: 'assert.deepEqual(Object.keys(bob).length, 6, "<code>Object.keys(bob).length</code> should return 6.");'
+  - text: <code>bob instanceof Person</code> должно возвращать true.
+    testString: 'assert.deepEqual(bob instanceof Person, true, "<code>bob instanceof Person</code> should return true.");'
+  - text: <code>bob.firstName</code> должен возвращаться не определен.
+    testString: 'assert.deepEqual(bob.firstName, undefined, "<code>bob.firstName</code> should return undefined.");'
+  - text: <code>bob.lastName</code> должен возвращаться не определен.
+    testString: 'assert.deepEqual(bob.lastName, undefined, "<code>bob.lastName</code> should return undefined.");'
+  - text: <code>bob.getFirstName()</code> должен вернуть «Боб».
+    testString: 'assert.deepEqual(bob.getFirstName(), "Bob", "<code>bob.getFirstName()</code> should return "Bob".");'
+  - text: <code>bob.getLastName()</code> должен возвращать «Росс».
+    testString: 'assert.deepEqual(bob.getLastName(), "Ross", "<code>bob.getLastName()</code> should return "Ross".");'
+  - text: <code>bob.getFullName()</code> должен вернуть «Боб Росс».
+    testString: 'assert.deepEqual(bob.getFullName(), "Bob Ross", "<code>bob.getFullName()</code> should return "Bob Ross".");'
+  - text: <code>bob.getFullName()</code> должен вернуть «Haskell Ross» после <code>bob.setFirstName(&quot;Haskell&quot;)</code> .
+    testString: 'assert.strictEqual((function () { bob.setFirstName("Haskell"); return bob.getFullName(); })(), "Haskell Ross", "<code>bob.getFullName()</code> should return "Haskell Ross" after <code>bob.setFirstName("Haskell")</code>.");'
+  - text: <code>bob.getFullName()</code> должен вернуть «Haskell Curry» после <code>bob.setLastName(&quot;Curry&quot;)</code> .
+    testString: 'assert.strictEqual((function () { var _bob=new Person("Haskell Ross"); _bob.setLastName("Curry"); return _bob.getFullName(); })(), "Haskell Curry", "<code>bob.getFullName()</code> should return "Haskell Curry" after <code>bob.setLastName("Curry")</code>.");'
+  - text: <code>bob.getFullName()</code> должен вернуть «Haskell Curry» после <code>bob.setFullName(&quot;Haskell Curry&quot;)</code> .
+    testString: 'assert.strictEqual((function () { bob.setFullName("Haskell Curry"); return bob.getFullName(); })(), "Haskell Curry", "<code>bob.getFullName()</code> should return "Haskell Curry" after <code>bob.setFullName("Haskell Curry")</code>.");'
+  - text: <code>bob.getFirstName()</code> должен возвращать «Haskell» после <code>bob.setFullName(&quot;Haskell Curry&quot;)</code> .
+    testString: 'assert.strictEqual((function () { bob.setFullName("Haskell Curry"); return bob.getFirstName(); })(), "Haskell", "<code>bob.getFirstName()</code> should return "Haskell" after <code>bob.setFullName("Haskell Curry")</code>.");'
+  - text: <code>bob.getLastName()</code> должен возвращать «Curry» после <code>bob.setFullName(&quot;Haskell Curry&quot;)</code> .
+    testString: 'assert.strictEqual((function () { bob.setFullName("Haskell Curry"); return bob.getLastName(); })(), "Curry", "<code>bob.getLastName()</code> should return "Curry" after <code>bob.setFullName("Haskell Curry")</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Person = function(firstAndLast) {
+  // Complete the method below and implement the others similarly
+  this.getFullName = function() {
+    return "";
+  };
+  return firstAndLast;
+};
+
+var bob = new Person('Bob Ross');
+bob.getFullName();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/map-the-debris.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/map-the-debris.russian.md
new file mode 100644
index 0000000000..9a3b6169f4
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/map-the-debris.russian.md
@@ -0,0 +1,58 @@
+---
+id: af4afb223120f7348cdfc9fd
+title: Map the Debris
+challengeType: 5
+videoUrl: ''
+localeTitle: Карта обломков
+---
+
+## Description
+<section id="description"> Верните новый массив, который преобразует среднюю высоту элементов в их орбитальные периоды (в секундах). Массив будет содержать объекты в формате <code>{name: &#39;name&#39;, avgAlt: avgAlt}</code> . Вы можете прочитать об орбитальных периодах <a href="http://en.wikipedia.org/wiki/Orbital_period" target="_blank">в Википедии</a> . Значения должны округляться до ближайшего целого числа. Тело, находящееся на орбите, - Земля. Радиус земли составляет 6367,4447 километров, а значение GM для Земли составляет 398600,4418 км <sup>3</sup> с <sup>-2</sup> . Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>orbitalPeriod([{name : &quot;sputnik&quot;, avgAlt : 35873.5553}])</code> должен вернуть <code>[{name: &quot;sputnik&quot;, orbitalPeriod: 86400}]</code> .'
+    testString: 'assert.deepEqual(orbitalPeriod([{name : "sputnik", avgAlt : 35873.5553}]), [{name: "sputnik", orbitalPeriod: 86400}], "<code>orbitalPeriod([{name : "sputnik", avgAlt : 35873.5553}])</code> should return <code>[{name: "sputnik", orbitalPeriod: 86400}]</code>.");'
+  - text: '<code>orbitalPeriod([{name: &quot;iss&quot;, avgAlt: 413.6}, {name: &quot;hubble&quot;, avgAlt: 556.7}, {name: &quot;moon&quot;, avgAlt: 378632.553}])</code> должен возвращать <code>[{name : &quot;iss&quot;, orbitalPeriod: 5557}, {name: &quot;hubble&quot;, orbitalPeriod: 5734}, {name: &quot;moon&quot;, orbitalPeriod: 2377399}]</code> .'
+    testString: 'assert.deepEqual(orbitalPeriod([{name: "iss", avgAlt: 413.6}, {name: "hubble", avgAlt: 556.7}, {name: "moon", avgAlt: 378632.553}]), [{name : "iss", orbitalPeriod: 5557}, {name: "hubble", orbitalPeriod: 5734}, {name: "moon", orbitalPeriod: 2377399}], "<code>orbitalPeriod([{name: "iss", avgAlt: 413.6}, {name: "hubble", avgAlt: 556.7}, {name: "moon", avgAlt: 378632.553}])</code> should return <code>[{name : "iss", orbitalPeriod: 5557}, {name: "hubble", orbitalPeriod: 5734}, {name: "moon", orbitalPeriod: 2377399}]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function orbitalPeriod(arr) {
+  var GM = 398600.4418;
+  var earthRadius = 6367.4447;
+  return arr;
+}
+
+orbitalPeriod([{name : "sputnik", avgAlt : 35873.5553}]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/missing-letters.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/missing-letters.russian.md
new file mode 100644
index 0000000000..5d812a306a
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/missing-letters.russian.md
@@ -0,0 +1,63 @@
+---
+id: af7588ade1100bde429baf20
+title: Missing letters
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Пропущенные буквы
+---
+
+## Description
+<section id="description"> Найдите отсутствующую букву в пробе прошедшего письма и верните ее. Если все буквы присутствуют в диапазоне, верните undefined. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>fearNotLetter(&quot;abce&quot;)</code> должен возвращать «d».
+    testString: 'assert.deepEqual(fearNotLetter("abce"), "d", "<code>fearNotLetter("abce")</code> should return "d".");'
+  - text: <code>fearNotLetter(&quot;abcdefghjklmno&quot;)</code> должен вернуть &quot;i&quot;.
+    testString: 'assert.deepEqual(fearNotLetter("abcdefghjklmno"), "i", "<code>fearNotLetter("abcdefghjklmno")</code> should return "i".");'
+  - text: <code>fearNotLetter(&quot;stvwx&quot;)</code> должен вернуть «u».
+    testString: 'assert.deepEqual(fearNotLetter("stvwx"), "u", "<code>fearNotLetter("stvwx")</code> should return "u".");'
+  - text: <code>fearNotLetter(&quot;bcdf&quot;)</code> должен вернуть &quot;e&quot;.
+    testString: 'assert.deepEqual(fearNotLetter("bcdf"), "e", "<code>fearNotLetter("bcdf")</code> should return "e".");'
+  - text: <code>fearNotLetter(&quot;abcdefghijklmnopqrstuvwxyz&quot;)</code> должен возвращаться не определен.
+    testString: 'assert.isUndefined(fearNotLetter("abcdefghijklmnopqrstuvwxyz"), "<code>fearNotLetter("abcdefghijklmnopqrstuvwxyz")</code> should return undefined.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fearNotLetter(str) {
+  return str;
+}
+
+fearNotLetter("abce");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/pig-latin.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/pig-latin.russian.md
new file mode 100644
index 0000000000..4ff4a4784c
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/pig-latin.russian.md
@@ -0,0 +1,67 @@
+---
+id: aa7697ea2477d1316795783b
+title: Pig Latin
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Pig Latin
+---
+
+## Description
+<section id="description"> Переведите предоставленную строку в латинский свиньи. <a href="http://en.wikipedia.org/wiki/Pig_Latin" target="_blank">Pig Latin</a> берет первый согласный (или согласный кластер) английского слова, переводит его в конец слова и суффиксы «ay». Если слово начинается с гласного, вы просто добавляете «путь» до конца. Строки ввода гарантированно являются английскими словами во всех строчных строках. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>translatePigLatin(&quot;california&quot;)</code> должен возвращать &quot;aliforniacay&quot;.
+    testString: 'assert.deepEqual(translatePigLatin("california"), "aliforniacay", "<code>translatePigLatin("california")</code> should return "aliforniacay".");'
+  - text: <code>translatePigLatin(&quot;paragraphs&quot;)</code> должен возвращать «aragraphspay».
+    testString: 'assert.deepEqual(translatePigLatin("paragraphs"), "aragraphspay", "<code>translatePigLatin("paragraphs")</code> should return "aragraphspay".");'
+  - text: <code>translatePigLatin(&quot;glove&quot;)</code> должен возвращать «oveglay».
+    testString: 'assert.deepEqual(translatePigLatin("glove"), "oveglay", "<code>translatePigLatin("glove")</code> should return "oveglay".");'
+  - text: <code>translatePigLatin(&quot;algorithm&quot;)</code> должен возвращать «algorithmway».
+    testString: 'assert.deepEqual(translatePigLatin("algorithm"), "algorithmway", "<code>translatePigLatin("algorithm")</code> should return "algorithmway".");'
+  - text: <code>translatePigLatin(&quot;eight&quot;)</code> должен возвращать «восьмерку».
+    testString: 'assert.deepEqual(translatePigLatin("eight"), "eightway", "<code>translatePigLatin("eight")</code> should return "eightway".");'
+  - text: 'Должен обрабатывать слова, где первая гласная приходит в конце слова.'
+    testString: 'assert.deepEqual(translatePigLatin("schwartz"), "artzschway", "Should handle words where the first vowel comes in the end of the word.");'
+  - text: Должно обрабатывать слова без гласных.
+    testString: 'assert.deepEqual(translatePigLatin("rhythm"), "rhythmay", "Should handle words without vowels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function translatePigLatin(str) {
+  return str;
+}
+
+translatePigLatin("consonant");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/search-and-replace.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/search-and-replace.russian.md
new file mode 100644
index 0000000000..cd6ee959d2
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/search-and-replace.russian.md
@@ -0,0 +1,63 @@
+---
+id: a0b5010f579e69b815e7c5d6
+title: Search and Replace
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Поиск и замена
+---
+
+## Description
+<section id="description"> Выполните поиск и замените предложение, используя предоставленные аргументы и верните новое предложение. Первый аргумент - это предложение для выполнения поиска и замены. Второй аргумент - это слово, которое вы замените (до). Третий аргумент - это то, что вы замените вторым аргументом (после). <strong>Заметка</strong> <br> Сохраните случай первого символа в исходном слове, когда вы его замените. Например, если вы хотите заменить слово «Книга» словом «собака», его следует заменить как «Собака». Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>myReplace(&quot;Let us go to the store&quot;, &quot;store&quot;, &quot;mall&quot;)</code> должен вернуться «Поехали в торговый центр».'
+    testString: 'assert.deepEqual(myReplace("Let us go to the store", "store", "mall"), "Let us go to the mall", "<code>myReplace("Let us go to the store", "store", "mall")</code> should return "Let us go to the mall".");'
+  - text: '<code>myReplace(&quot;He is Sleeping on the couch&quot;, &quot;Sleeping&quot;, &quot;sitting&quot;)</code> должен вернуться «Он сидит на диване».'
+    testString: 'assert.deepEqual(myReplace("He is Sleeping on the couch", "Sleeping", "sitting"), "He is Sitting on the couch", "<code>myReplace("He is Sleeping on the couch", "Sleeping", "sitting")</code> should return "He is Sitting on the couch".");'
+  - text: '<code>myReplace(&quot;This has a spellngi error&quot;, &quot;spellngi&quot;, &quot;spelling&quot;)</code> должен вернуться «Это имеет орфографическую ошибку».'
+    testString: 'assert.deepEqual(myReplace("This has a spellngi error", "spellngi", "spelling"), "This has a spelling error", "<code>myReplace("This has a spellngi error", "spellngi", "spelling")</code> should return "This has a spelling error".");'
+  - text: '<code>myReplace(&quot;His name is Tom&quot;, &quot;Tom&quot;, &quot;john&quot;)</code> должен вернуть «Его зовут Джон».'
+    testString: 'assert.deepEqual(myReplace("His name is Tom", "Tom", "john"), "His name is John", "<code>myReplace("His name is Tom", "Tom", "john")</code> should return "His name is John".");'
+  - text: '<code>myReplace(&quot;Let us get back to more Coding&quot;, &quot;Coding&quot;, &quot;algorithms&quot;)</code> должны вернуться «Вернемся к большему количеству алгоритмов».'
+    testString: 'assert.deepEqual(myReplace("Let us get back to more Coding", "Coding", "algorithms"), "Let us get back to more Algorithms", "<code>myReplace("Let us get back to more Coding", "Coding", "algorithms")</code> should return "Let us get back to more Algorithms".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function myReplace(str, before, after) {
+  return str;
+}
+
+myReplace("A quick brown fox jumped over the lazy dog", "jumped", "leaped");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/seek-and-destroy.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/seek-and-destroy.russian.md
new file mode 100644
index 0000000000..4d51c9582b
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/seek-and-destroy.russian.md
@@ -0,0 +1,66 @@
+---
+id: a39963a4c10bc8b4d4f06d7e
+title: Seek and Destroy
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Найти и уничтожить
+---
+
+## Description
+<section id="description"> Вам будет предоставлен исходный массив (первый аргумент в функции эсминца), за которым следуют один или несколько аргументов. Удалите все элементы из исходного массива, которые имеют такое же значение, что и эти аргументы. <strong>Заметка</strong> <br> Вы должны использовать объект <code>arguments</code> . Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>destroyer([1, 2, 3, 1, 2, 3], 2, 3)</code> должен вернуться <code>[1, 1]</code> .'
+    testString: 'assert.deepEqual(destroyer([1, 2, 3, 1, 2, 3], 2, 3), [1, 1], "<code>destroyer([1, 2, 3, 1, 2, 3], 2, 3)</code> should return <code>[1, 1]</code>.");'
+  - text: '<code>destroyer([1, 2, 3, 5, 1, 2, 3], 2, 3)</code> должен вернуться <code>[1, 5, 1]</code> .'
+    testString: 'assert.deepEqual(destroyer([1, 2, 3, 5, 1, 2, 3], 2, 3), [1, 5, 1], "<code>destroyer([1, 2, 3, 5, 1, 2, 3], 2, 3)</code> should return <code>[1, 5, 1]</code>.");'
+  - text: '<code>destroyer([3, 5, 1, 2, 2], 2, 3, 5)</code> должен вернуться <code>[1]</code> .'
+    testString: 'assert.deepEqual(destroyer([3, 5, 1, 2, 2], 2, 3, 5), [1], "<code>destroyer([3, 5, 1, 2, 2], 2, 3, 5)</code> should return <code>[1]</code>.");'
+  - text: '<code>destroyer([2, 3, 2, 3], 2, 3)</code> должен вернуться <code>[]</code> .'
+    testString: 'assert.deepEqual(destroyer([2, 3, 2, 3], 2, 3), [], "<code>destroyer([2, 3, 2, 3], 2, 3)</code> should return <code>[]</code>.");'
+  - text: '<code>destroyer([&quot;tree&quot;, &quot;hamburger&quot;, 53], &quot;tree&quot;, 53)</code> должен вернуться <code>[&quot;hamburger&quot;]</code> .'
+    testString: 'assert.deepEqual(destroyer(["tree", "hamburger", 53], "tree", 53), ["hamburger"], "<code>destroyer(["tree", "hamburger", 53], "tree", 53)</code> should return <code>["hamburger"]</code>.");'
+  - text: '<code>destroyer([&quot;possum&quot;, &quot;trollo&quot;, 12, &quot;safari&quot;, &quot;hotdog&quot;, 92, 65, &quot;grandma&quot;, &quot;bugati&quot;, &quot;trojan&quot;, &quot;yacht&quot;], &quot;yacht&quot;, &quot;possum&quot;, &quot;trollo&quot;, &quot;safari&quot;, &quot;hotdog&quot;, &quot;grandma&quot;, &quot;bugati&quot;, &quot;trojan&quot;)</code> должны вернуться <code>[12,92,65]</code> .'
+    testString: 'assert.deepEqual(destroyer(["possum", "trollo", 12, "safari", "hotdog", 92, 65, "grandma", "bugati", "trojan", "yacht"], "yacht", "possum", "trollo", "safari", "hotdog", "grandma", "bugati", "trojan"), [12,92,65], "<code>destroyer(["possum", "trollo", 12, "safari", "hotdog", 92, 65, "grandma", "bugati", "trojan", "yacht"], "yacht", "possum", "trollo", "safari", "hotdog", "grandma", "bugati", "trojan")</code> should return <code>[12,92,65]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function destroyer(arr) {
+  // Remove all the values
+  return arr;
+}
+
+destroyer([1, 2, 3, 1, 2, 3], 2, 3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple.russian.md
new file mode 100644
index 0000000000..1b2819dfde
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple.russian.md
@@ -0,0 +1,66 @@
+---
+id: ae9defd7acaf69703ab432ea
+title: Smallest Common Multiple
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Самый маленький общий множественный
+---
+
+## Description
+<section id="description"> Найдите наименьшее общее кратность предоставленных параметров, которые могут быть равномерно разделены обоими, а также всеми последовательными номерами в диапазоне между этими параметрами. Диапазон будет массивом из двух чисел, которые не обязательно будут в численном порядке. Например, если заданы 1 и 3, найдите наименьший общий кратный как 1, так и 3, который также равномерно делится на все числа <em>между</em> 1 и 3. Ответ здесь будет 6. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы получите застрял. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>smallestCommons([1, 5])</code> должны возвращать число.'
+    testString: 'assert.deepEqual(typeof smallestCommons([1, 5]), "number", "<code>smallestCommons([1, 5])</code> should return a number.");'
+  - text: '<code>smallestCommons([1, 5])</code> должны возвращать 60.'
+    testString: 'assert.deepEqual(smallestCommons([1, 5]), 60, "<code>smallestCommons([1, 5])</code> should return 60.");'
+  - text: '<code>smallestCommons([5, 1])</code> должен вернуть 60.'
+    testString: 'assert.deepEqual(smallestCommons([5, 1]), 60, "<code>smallestCommons([5, 1])</code> should return 60.");'
+  - text: '<code>smallestCommons([2, 10])</code> должны возвращать 2520.'
+    testString: 'assert.deepEqual(smallestCommons([2, 10]), 2520, "<code>smallestCommons([2, 10])</code> should return 2520.");'
+  - text: '<code>smallestCommons([1, 13])</code> должен вернуть 360360.'
+    testString: 'assert.deepEqual(smallestCommons([1, 13]), 360360, "<code>smallestCommons([1, 13])</code> should return 360360.");'
+  - text: '<code>smallestCommons([23, 18])</code> должны возвращать 6056820.'
+    testString: 'assert.deepEqual(smallestCommons([23, 18]), 6056820, "<code>smallestCommons([23, 18])</code> should return 6056820.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function smallestCommons(arr) {
+  return arr;
+}
+
+
+smallestCommons([1,5]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sorted-union.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sorted-union.russian.md
new file mode 100644
index 0000000000..54815f94c3
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sorted-union.russian.md
@@ -0,0 +1,61 @@
+---
+id: a105e963526e7de52b219be9
+title: Sorted Union
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Сортированный союз
+---
+
+## Description
+<section id="description"> Напишите функцию, которая берет два или более массива и возвращает новый массив уникальных значений в порядке исходных предоставленных массивов. Другими словами, все значения, присутствующие во всех массивах, должны быть включены в их первоначальный порядок, но без дубликатов в конечном массиве. Уникальные номера должны быть отсортированы по их первоначальному порядку, но окончательный массив не следует сортировать в числовом порядке. Проверьте примеры тестов. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1])</code> должны вернуться <code>[1, 3, 2, 5, 4]</code> .'
+    testString: 'assert.deepEqual(uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1]), [1, 3, 2, 5, 4], "<code>uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1])</code> should return <code>[1, 3, 2, 5, 4]</code>.");'
+  - text: '<code>uniteUnique([1, 3, 2], [1, [5]], [2, [4]])</code> должны вернуться <code>[1, 3, 2, [5], [4]]</code> .'
+    testString: 'assert.deepEqual(uniteUnique([1, 3, 2], [1, [5]], [2, [4]]), [1, 3, 2, [5], [4]], "<code>uniteUnique([1, 3, 2], [1, [5]], [2, [4]])</code> should return <code>[1, 3, 2, [5], [4]]</code>.");'
+  - text: '<code>uniteUnique([1, 2, 3], [5, 2, 1])</code> должен вернуться <code>[1, 2, 3, 5]</code> .'
+    testString: 'assert.deepEqual(uniteUnique([1, 2, 3], [5, 2, 1]), [1, 2, 3, 5], "<code>uniteUnique([1, 2, 3], [5, 2, 1])</code> should return <code>[1, 2, 3, 5]</code>.");'
+  - text: '<code>uniteUnique([1, 2, 3], [5, 2, 1, 4], [2, 1], [6, 7, 8])</code> должны возвращать <code>[1, 2, 3, 5, 4, 6, 7, 8]</code> .'
+    testString: 'assert.deepEqual(uniteUnique([1, 2, 3], [5, 2, 1, 4], [2, 1], [6, 7, 8]), [1, 2, 3, 5, 4, 6, 7, 8], "<code>uniteUnique([1, 2, 3], [5, 2, 1, 4], [2, 1], [6, 7, 8])</code> should return <code>[1, 2, 3, 5, 4, 6, 7, 8]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function uniteUnique(arr) {
+  return arr;
+}
+
+uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/spinal-tap-case.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/spinal-tap-case.russian.md
new file mode 100644
index 0000000000..d344635c8f
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/spinal-tap-case.russian.md
@@ -0,0 +1,65 @@
+---
+id: a103376db3ba46b2d50db289
+title: Spinal Tap Case
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Чехол для спинного диска
+---
+
+## Description
+<section id="description"> Преобразуйте строку в спинальный регистр. Спинальный чехол - все-строчные слова, соединенные тире. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>spinalCase(&quot;This Is Spinal Tap&quot;)</code> должен вернуть <code>&quot;this-is-spinal-tap&quot;</code> .
+    testString: 'assert.deepEqual(spinalCase("This Is Spinal Tap"), "this-is-spinal-tap", "<code>spinalCase("This Is Spinal Tap")</code> should return <code>"this-is-spinal-tap"</code>.");'
+  - text: <code>spinalCase(&quot;thisIsSpinal Tap&quot;)</code> должен возвращать <code>&quot;this-is-spinal-tap&quot;</code> .
+    testString: 'assert.strictEqual(spinalCase("thisIsSpinalTap"), "this-is-spinal-tap", "<code>spinalCase("thisIsSpinal<wbr>Tap")</code> should return <code>"this-is-spinal-tap"</code>.");'
+  - text: <code>spinalCase(&quot;The_Andy_ Griffith_Show&quot;)</code> должен вернуть <code>&quot;the-andy-griffith-show&quot;</code> .
+    testString: 'assert.strictEqual(spinalCase("The_Andy_Griffith_Show"), "the-andy-griffith-show", "<code>spinalCase("The_Andy_<wbr>Griffith_Show")</code> should return <code>"the-andy-griffith-show"</code>.");'
+  - text: <code>spinalCase(&quot;Teletubbies say Eh-oh&quot;)</code> должен возвращать <code>&quot;teletubbies-say-eh-oh&quot;</code> .
+    testString: 'assert.strictEqual(spinalCase("Teletubbies say Eh-oh"), "teletubbies-say-eh-oh", "<code>spinalCase("Teletubbies say Eh-oh")</code> should return <code>"teletubbies-say-eh-oh"</code>.");'
+  - text: <code>spinalCase(&quot;AllThe-small Things&quot;)</code> должна возвращать <code>&quot;all-the-small-things&quot;</code> .
+    testString: 'assert.strictEqual(spinalCase("AllThe-small Things"), "all-the-small-things", "<code>spinalCase("AllThe-small Things")</code> should return <code>"all-the-small-things"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function spinalCase(str) {
+  // "It's such a fine line between stupid, and clever."
+  // --David St. Hubbins
+  return str;
+}
+
+spinalCase('This Is Spinal Tap');
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/steamroller.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/steamroller.russian.md
new file mode 100644
index 0000000000..1eef2b2b5b
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/steamroller.russian.md
@@ -0,0 +1,62 @@
+---
+id: ab306dbdcc907c7ddfc30830
+title: Steamroller
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: пробиваться с боями
+---
+
+## Description
+<section id="description"> Сгладьте вложенный массив. Вы должны учитывать различные уровни гнездования. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>steamrollArray([[[&quot;a&quot;]], [[&quot;b&quot;]]])</code> должен возвращать <code>[&quot;a&quot;, &quot;b&quot;]</code> .'
+    testString: 'assert.deepEqual(steamrollArray([[["a"]], [["b"]]]), ["a", "b"], "<code>steamrollArray([[["a"]], [["b"]]])</code> should return <code>["a", "b"]</code>.");'
+  - text: '<code>steamrollArray([1, [2], [3, [[4]]]])</code> должен возвращать <code>[1, 2, 3, 4]</code> .'
+    testString: 'assert.deepEqual(steamrollArray([1, [2], [3, [[4]]]]), [1, 2, 3, 4], "<code>steamrollArray([1, [2], [3, [[4]]]])</code> should return <code>[1, 2, 3, 4]</code>.");'
+  - text: '<code>steamrollArray([1, [], [3, [[4]]]])</code> должен возвращать <code>[1, 3, 4]</code> .'
+    testString: 'assert.deepEqual(steamrollArray([1, [], [3, [[4]]]]), [1, 3, 4], "<code>steamrollArray([1, [], [3, [[4]]]])</code> should return <code>[1, 3, 4]</code>.");'
+  - text: '<code>steamrollArray([1, {}, [3, [[4]]]])</code> должен возвращать <code>[1, {}, 3, 4]</code> .'
+    testString: 'assert.deepEqual(steamrollArray([1, {}, [3, [[4]]]]), [1, {}, 3, 4], "<code>steamrollArray([1, {}, [3, [[4]]]])</code> should return <code>[1, {}, 3, 4]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function steamrollArray(arr) {
+  // I'm a steamroller, baby
+  return arr;
+}
+
+steamrollArray([1, [2], [3, [[4]]]]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-numbers-in-a-range.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-numbers-in-a-range.russian.md
new file mode 100644
index 0000000000..c720dc07c4
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-numbers-in-a-range.russian.md
@@ -0,0 +1,63 @@
+---
+id: a3566b1109230028080c9345
+title: Sum All Numbers in a Range
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Сумма всех чисел в диапазоне
+---
+
+## Description
+<section id="description"> Мы передадим вам массив из двух чисел. Верните сумму этих двух чисел плюс сумму всех чисел между ними. Самое низкое число не всегда будет первым. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>sumAll([1, 4])</code> должен возвращать число.'
+    testString: 'assert(typeof sumAll([1, 4]) === "number", "<code>sumAll([1, 4])</code> should return a number.");'
+  - text: '<code>sumAll([1, 4])</code> должен вернуть 10.'
+    testString: 'assert.deepEqual(sumAll([1, 4]), 10, "<code>sumAll([1, 4])</code> should return 10.");'
+  - text: '<code>sumAll([4, 1])</code> должен вернуть 10.'
+    testString: 'assert.deepEqual(sumAll([4, 1]), 10, "<code>sumAll([4, 1])</code> should return 10.");'
+  - text: '<code>sumAll([5, 10])</code> должен возвращать 45.'
+    testString: 'assert.deepEqual(sumAll([5, 10]), 45, "<code>sumAll([5, 10])</code> should return 45.");'
+  - text: '<code>sumAll([10, 5])</code> должен возвращать 45.'
+    testString: 'assert.deepEqual(sumAll([10, 5]), 45, "<code>sumAll([10, 5])</code> should return 45.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumAll(arr) {
+  return 1;
+}
+
+sumAll([1, 4]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-odd-fibonacci-numbers.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-odd-fibonacci-numbers.russian.md
new file mode 100644
index 0000000000..fbbf774ab3
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-odd-fibonacci-numbers.russian.md
@@ -0,0 +1,65 @@
+---
+id: a5229172f011153519423690
+title: Sum All Odd Fibonacci Numbers
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Сумма всех нечетных чисел Фибоначчи
+---
+
+## Description
+<section id="description"> Учитывая положительное целое <code>num</code> , возвращаем сумму всех нечетных чисел Фибоначчи, которые меньше или равно <code>num</code> . Первые два числа в последовательности Фибоначчи равны 1 и 1. Каждое дополнительное число в последовательности представляет собой сумму двух предыдущих чисел. Первые шесть чисел последовательности Фибоначчи - 1, 1, 2, 3, 5 и 8. Например, <code>sumFibs(10)</code> должен возвращать <code>10</code> потому что все нечетные числа Фибоначчи, меньшие или равные <code>10</code> равны 1, 1, 3 и 5. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumFibs(1)</code> должен возвращать число.
+    testString: 'assert(typeof sumFibs(1) === "number", "<code>sumFibs(1)</code> should return a number.");'
+  - text: <code>sumFibs(1000)</code> должен вернуть 1785.
+    testString: 'assert(sumFibs(1000) === 1785, "<code>sumFibs(1000)</code> should return 1785.");'
+  - text: <code>sumFibs(4000000)</code> должен вернуть 4613732.
+    testString: 'assert(sumFibs(4000000) === 4613732, "<code>sumFibs(4000000)</code> should return 4613732.");'
+  - text: <code>sumFibs(4)</code> должен вернуть 5.
+    testString: 'assert(sumFibs(4) === 5, "<code>sumFibs(4)</code> should return 5.");'
+  - text: <code>sumFibs(75024)</code> должен возвращать 60696.
+    testString: 'assert(sumFibs(75024) === 60696, "<code>sumFibs(75024)</code> should return 60696.");'
+  - text: <code>sumFibs(75025)</code> должен вернуть 135721.
+    testString: 'assert(sumFibs(75025) === 135721, "<code>sumFibs(75025)</code> should return 135721.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumFibs(num) {
+  return num;
+}
+
+sumFibs(4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-primes.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-primes.russian.md
new file mode 100644
index 0000000000..2e80ff61c4
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-primes.russian.md
@@ -0,0 +1,59 @@
+---
+id: a3bfc1673c0526e06d3ac698
+title: Sum All Primes
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Сумма всех чисел
+---
+
+## Description
+<section id="description"> Суммируйте все простые числа до и включив предоставленный номер. Простое число определяется как число больше единицы и имеет только два делителя: один и сам. Например, 2 - простое число, потому что оно делится только на одно и два. Предоставленный номер не может быть простым. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumPrimes(10)</code> должен возвращать число.
+    testString: 'assert.deepEqual(typeof sumPrimes(10), "number", "<code>sumPrimes(10)</code> should return a number.");'
+  - text: <code>sumPrimes(10)</code> должен вернуть 17.
+    testString: 'assert.deepEqual(sumPrimes(10), 17, "<code>sumPrimes(10)</code> should return 17.");'
+  - text: <code>sumPrimes(977)</code> должен вернуть 73156.
+    testString: 'assert.deepEqual(sumPrimes(977), 73156, "<code>sumPrimes(977)</code> should return 73156.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumPrimes(num) {
+  return num;
+}
+
+sumPrimes(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/wherefore-art-thou.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/wherefore-art-thou.russian.md
new file mode 100644
index 0000000000..59e8f23dd7
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/wherefore-art-thou.russian.md
@@ -0,0 +1,71 @@
+---
+id: a8e512fbe388ac2f9198f0fa
+title: Wherefore art thou
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: 'Итак, ты'
+---
+
+## Description
+<section id="description"> Создайте функцию, которая просматривает массив объектов (первый аргумент) и возвращает массив всех объектов, имеющих соответствующие пары имени и значения (второй аргумент). Каждая пара имен и значений исходного объекта должна присутствовать в объекте из коллекции, если она должна быть включена в возвращаемый массив. Например, если первым аргументом является <code>[{ first: &quot;Romeo&quot;, last: &quot;Montague&quot; }, { first: &quot;Mercutio&quot;, last: null }, { first: &quot;Tybalt&quot;, last: &quot;Capulet&quot; }]</code> , и второй аргумент <code>{ last: &quot;Capulet&quot; }</code> , то вы должны вернуть третий объект из массива (первый аргумент), потому что он содержит имя и его значение, которое было передано как второй аргумент. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>whatIsInAName([{ first: &quot;Romeo&quot;, last: &quot;Montague&quot; }, { first: &quot;Mercutio&quot;, last: null }, { first: &quot;Tybalt&quot;, last: &quot;Capulet&quot; }], { last: &quot;Capulet&quot; })</code> должен возвращать <code>[{ first: &quot;Tybalt&quot;, last: &quot;Capulet&quot; }]</code> .'
+    testString: 'assert.deepEqual(whatIsInAName([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" }), [{ first: "Tybalt", last: "Capulet" }], "<code>whatIsInAName([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" })</code> should return <code>[{ first: "Tybalt", last: "Capulet" }]</code>.");'
+  - text: '<code>whatIsInAName([{ &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2 }], { &quot;apple&quot;: 1 })</code> должен возвращать <code>[{ &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2 }]</code> .'
+    testString: 'assert.deepEqual(whatIsInAName([{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }], { "apple": 1 }), [{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }], "<code>whatIsInAName([{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }], { "apple": 1 })</code> should return <code>[{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }]</code>.");'
+  - text: '<code>whatIsInAName([{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }], { &quot;apple&quot;: 1, &quot;bat&quot;: 2 })</code> должен возвращать <code>[{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }]</code> .'
+    testString: 'assert.deepEqual(whatIsInAName([{ "apple": 1, "bat": 2 }, { "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "bat": 2 }), [{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }], "<code>whatIsInAName([{ "apple": 1, "bat": 2 }, { "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "bat": 2 })</code> should return <code>[{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }]</code>.");'
+  - text: '<code>whatIsInAName([{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }], { &quot;apple&quot;: 1, &quot;cookie&quot;: 2 })</code> должен возвратить <code>[{ &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }]</code> .'
+    testString: 'assert.deepEqual(whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "cookie": 2 }), [{ "apple": 1, "bat": 2, "cookie": 2 }], "<code>whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "cookie": 2 })</code> should return <code>[{ "apple": 1, "bat": 2, "cookie": 2 }]</code>.");'
+  - text: '<code>whatIsInAName([{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;: 2 }, { &quot;bat&quot;:2 }], { &quot;apple&quot;: 1, &quot;bat&quot;: 2 })</code> должен вернуть <code>[{ &quot;apple&quot;: 1, &quot;bat&quot;: 2 }, { &quot;apple&quot;: 1, &quot;bat&quot;: 2, &quot;cookie&quot;:2 }]</code> .'
+    testString: 'assert.deepEqual(whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }, {"bat":2}], { "apple": 1, "bat": 2 }), [{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie":2 }], "<code>whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }, { "bat":2 }], { "apple": 1, "bat": 2 })</code> should return <code>[{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie":2 }]</code>.");'
+  - text: '<code>whatIsInAName([{&quot;a&quot;: 1, &quot;b&quot;: 2, &quot;c&quot;: 3}], {&quot;a&quot;: 1, &quot;b&quot;: 9999, &quot;c&quot;: 3})</code> должен возвращать <code>[]</code>'
+    testString: 'assert.deepEqual(whatIsInAName([{ "a": 1, "b": 2, "c": 3 }], { "a": 1, "b": 9999, "c": 3 }), [], "<code>whatIsInAName([{"a": 1, "b": 2, "c": 3}], {"a": 1, "b": 9999, "c": 3})</code> should return <code>[]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function whatIsInAName(collection, source) {
+  // What's in a name?
+  var arr = [];
+  // Only change code below this line
+
+
+  // Only change code above this line
+  return arr;
+}
+
+whatIsInAName([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" });
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/caesars-cipher.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/caesars-cipher.russian.md
new file mode 100644
index 0000000000..a989ed59a0
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/caesars-cipher.russian.md
@@ -0,0 +1,63 @@
+---
+id: 56533eb9ac21ba0edf2244e2
+title: Caesars Cipher
+challengeType: 5
+isRequired: true
+videoUrl: ''
+localeTitle: Цезарский шифр
+---
+
+## Description
+<section id="description"> Одним из простейших и наиболее широко известных <dfn>шифров</dfn> является <code>Caesar cipher</code> , также известный как <code>shift cipher</code> . В <code>shift cipher</code> значения букв сдвигаются на некоторую установленную величину. Обычным современным использованием является шифр <a href="https://en.wikipedia.org/wiki/ROT13" target="_blank">ROT13</a> , где значения букв сдвигаются на 13 мест. Таким образом, «A» ↔ &#39;N&#39;, &#39;B&#39; ↔ &#39;O&#39; и т. Д. Напишите функцию, которая берет строку с кодировкой <a href="https://en.wikipedia.org/wiki/ROT13" target="_blank">ROT13 в</a> качестве входных данных и возвращает декодированную строку. Все буквы будут заглавными. Не трансформируйте неалфавитный символ (т.е. пробелы, знаки препинания), но передайте их. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>rot13(&quot;SERR PBQR PNZC&quot;)</code> должен декодировать <code>FREE CODE CAMP</code>
+    testString: 'assert(rot13("SERR PBQR PNZC") === "FREE CODE CAMP", "<code>rot13("SERR PBQR PNZC")</code> should decode to <code>FREE CODE CAMP</code>");'
+  - text: <code>rot13(&quot;SERR CVMMN!&quot;)</code> должен декодировать <code>FREE PIZZA!</code>
+    testString: 'assert(rot13("SERR CVMMN!") === "FREE PIZZA!", "<code>rot13("SERR CVMMN!")</code> should decode to <code>FREE PIZZA!</code>");'
+  - text: <code>rot13(&quot;SERR YBIR?&quot;)</code> должен декодировать <code>FREE LOVE?</code>
+    testString: 'assert(rot13("SERR YBIR?") === "FREE LOVE?", "<code>rot13("SERR YBIR?")</code> should decode to <code>FREE LOVE?</code>");'
+  - text: <code>rot13(&quot;GUR DHVPX OEBJA SBK WHZCF BIRE GUR YNML QBT.&quot;)</code> должен декодировать до <code>THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.</code>
+    testString: 'assert(rot13("GUR DHVPX OEBJA SBK WHZCF BIRE GUR YNML QBT.") === "THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.", "<code>rot13("GUR DHVPX OEBJA SBK WHZCF BIRE GUR YNML QBT.")</code> should decode to <code>THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function rot13(str) { // LBH QVQ VG!
+
+  return str;
+}
+
+// Change the inputs below to test
+rot13("SERR PBQR PNZC");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/cash-register.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/cash-register.russian.md
new file mode 100644
index 0000000000..4a99d4f833
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/cash-register.russian.md
@@ -0,0 +1,78 @@
+---
+id: aa2e6f85cab2ab736c9a9b24
+title: Cash Register
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Кассовый аппарат
+---
+
+## Description
+<section id="description"> <code>checkCashRegister()</code> функцию ящика <code>checkCashRegister()</code> которая принимает цену покупки в качестве первого аргумента ( <code>price</code> ), платеж как второй аргумент ( <code>cash</code> ) и денежный ящик ( <code>cid</code> ) в качестве третьего аргумента. <code>cid</code> - это 2D-массив, в котором доступна доступная валюта. Функция <code>checkCashRegister()</code> всегда должна возвращать объект со <code>status</code> ключом <code>change</code> . Return <code>{status: &quot;INSUFFICIENT_FUNDS&quot;, change: []}</code> если сумма в ящике меньше, чем требуемое изменение, или если вы не можете вернуть точное изменение. Return <code>{status: &quot;CLOSED&quot;, change: [...]}</code> с наличным ящиком в качестве значения для <code>change</code> ключа, если оно равно требуемому изменению. В противном случае верните <code>{status: &quot;OPEN&quot;, change: [...]}</code> , с внесением изменений в монеты и счета, отсортированные в порядке наивысшего и наименьшего, в качестве значения ключа <code>change</code> . Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. <table class="table table-striped"><tbody><tr><th> Валютная единица </th><th> Количество </th></tr><tr><td> пенс </td><td> 0,01 долл. США (PENNY) </td></tr><tr><td> никель </td><td> $ 0,05 (NICKEL) </td></tr><tr><td> дайм </td><td> $ 0.1 (DIME) </td></tr><tr><td> четверть </td><td> 0,25 долл. США (КВАРТАЛ) </td></tr><tr><td> доллар </td><td> $ 1 (ДОЛЛАР) </td></tr><tr><td> Пять долларов </td><td> $ 5 (ПЯТЬ) </td></tr><tr><td> Десять долларов </td><td> 10 долларов США (TEN) </td></tr><tr><td> Двадцать долларов </td><td> 20 долларов США (ДВАДЦАТЬ) </td></tr><tr><td> Одна сотня долларов </td><td> 100 долларов США (ОДНА СТО) </td></tr></tbody></table></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>checkCashRegister(19.5, 20, [[&quot;PENNY&quot;, 1.01], [&quot;NICKEL&quot;, 2.05], [&quot;DIME&quot;, 3.1], [&quot;QUARTER&quot;, 4.25], [&quot;ONE&quot;, 90], [&quot;FIVE&quot;, 55], [&quot;TEN&quot;, 20], [&quot;TWENTY&quot;, 60], [&quot;ONE HUNDRED&quot;, 100]])</code> должны возвращать объект.'
+    testString: 'assert.deepEqual(Object.prototype.toString.call(checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])), "[object Object]", "<code>checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])</code> should return an object.");'
+  - text: '<code>checkCashRegister(19.5, 20, [[&quot;PENNY&quot;, 1.01], [&quot;NICKEL&quot;, 2.05], [&quot;DIME&quot;, 3.1], [&quot;QUARTER&quot;, 4.25], [&quot;ONE&quot;, 90], [&quot;FIVE&quot;, 55], [&quot;TEN&quot;, 20], [&quot;TWENTY&quot;, 60], [&quot;ONE HUNDRED&quot;, 100]])</code> должны возвращать <code>{status: &quot;OPEN&quot;, change: [[&quot;QUARTER&quot;, 0.5]]}</code> .'
+    testString: 'assert.deepEqual(checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]]), {status: "OPEN", change: [["QUARTER", 0.5]]}, "<code>checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])</code> should return <code>{status: "OPEN", change: [["QUARTER", 0.5]]}</code>.");'
+  - text: '<code>checkCashRegister(3.26, 100, [[&quot;PENNY&quot;, 1.01], [&quot;NICKEL&quot;, 2.05], [&quot;DIME&quot;, 3.1], [&quot;QUARTER&quot;, 4.25], [&quot;ONE&quot;, 90], [&quot;FIVE&quot;, 55], [&quot;TEN&quot;, 20], [&quot;TWENTY&quot;, 60], [&quot;ONE HUNDRED&quot;, 100]])</code> должны возвращать <code>{status: &quot;OPEN&quot;, change: [[&quot;TWENTY&quot;, 60], [&quot;TEN&quot;, 20], [&quot;FIVE&quot;, 15], [&quot;ONE&quot;, 1], [&quot;QUARTER&quot;, 0.5], [&quot;DIME&quot;, 0.2], [&quot;PENNY&quot;, 0.04]]}</code> ,'
+    testString: 'assert.deepEqual(checkCashRegister(3.26, 100, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]]), {status: "OPEN", change: [["TWENTY", 60], ["TEN", 20], ["FIVE", 15], ["ONE", 1], ["QUARTER", 0.5], ["DIME", 0.2], ["PENNY", 0.04]]}, "<code>checkCashRegister(3.26, 100, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])</code> should return <code>{status: "OPEN", change: [["TWENTY", 60], ["TEN", 20], ["FIVE", 15], ["ONE", 1], ["QUARTER", 0.5], ["DIME", 0.2], ["PENNY", 0.04]]}</code>.");'
+  - text: '<code>checkCashRegister(19.5, 20, [[&quot;PENNY&quot;, 0.01], [&quot;NICKEL&quot;, 0], [&quot;DIME&quot;, 0], [&quot;QUARTER&quot;, 0], [&quot;ONE&quot;, 0], [&quot;FIVE&quot;, 0], [&quot;TEN&quot;, 0], [&quot;TWENTY&quot;, 0], [&quot;ONE HUNDRED&quot;, 0]])</code> должны возвращать <code>{status: &quot;INSUFFICIENT_FUNDS&quot;, change: []}</code> .'
+    testString: 'assert.deepEqual(checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]), {status: "INSUFFICIENT_FUNDS", change: []}, "<code>checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]])</code> should return <code>{status: "INSUFFICIENT_FUNDS", change: []}</code>.");'
+  - text: '<code>checkCashRegister(19.5, 20, [[&quot;PENNY&quot;, 0.01], [&quot;NICKEL&quot;, 0], [&quot;DIME&quot;, 0], [&quot;QUARTER&quot;, 0], [&quot;ONE&quot;, 1], [&quot;FIVE&quot;, 0], [&quot;TEN&quot;, 0], [&quot;TWENTY&quot;, 0], [&quot;ONE HUNDRED&quot;, 0]])</code> должны возвращать <code>{status: &quot;INSUFFICIENT_FUNDS&quot;, change: []}</code> .'
+    testString: 'assert.deepEqual(checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 1], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]), {status: "INSUFFICIENT_FUNDS", change: []}, "<code>checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 1], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]])</code> should return <code>{status: "INSUFFICIENT_FUNDS", change: []}</code>.");'
+  - text: '<code>checkCashRegister(19.5, 20, [[&quot;PENNY&quot;, 0.5], [&quot;NICKEL&quot;, 0], [&quot;DIME&quot;, 0], [&quot;QUARTER&quot;, 0], [&quot;ONE&quot;, 0], [&quot;FIVE&quot;, 0], [&quot;TEN&quot;, 0], [&quot;TWENTY&quot;, 0], [&quot;ONE HUNDRED&quot;, 0]])</code> должны возвращать <code>{status: &quot;CLOSED&quot;, change: [[&quot;PENNY&quot;, 0.5], [&quot;NICKEL&quot;, 0], [&quot;DIME&quot;, 0], [&quot;QUARTER&quot;, 0], [&quot;ONE&quot;, 0], [&quot;FIVE&quot;, 0], [&quot;TEN&quot;, 0], [&quot;TWENTY&quot;, 0], [&quot;ONE HUNDRED&quot;, 0]]}</code> .'
+    testString: 'assert.deepEqual(checkCashRegister(19.5, 20, [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]), {status: "CLOSED", change: [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]}, "<code>checkCashRegister(19.5, 20, [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]])</code> should return <code>{status: "CLOSED", change: [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]}</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkCashRegister(price, cash, cid) {
+  var change;
+  // Here is your change, ma'am.
+  return change;
+}
+
+// Example cash-in-drawer array:
+// [["PENNY", 1.01],
+// ["NICKEL", 2.05],
+// ["DIME", 3.1],
+// ["QUARTER", 4.25],
+// ["ONE", 90],
+// ["FIVE", 55],
+// ["TEN", 20],
+// ["TWENTY", 60],
+// ["ONE HUNDRED", 100]]
+
+checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker.russian.md
new file mode 100644
index 0000000000..3d1f3e84f1
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker.russian.md
@@ -0,0 +1,82 @@
+---
+id: aaa48de84e1ecc7c742e1124
+title: Palindrome Checker
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Palindrome Checker
+---
+
+## Description
+<section id="description"> Возвращает <code>true</code> если данная строка является палиндром. В противном случае верните <code>false</code> . <dfn>Палиндром</dfn> - это слово или предложение, которое написано одинаково как вперед, так и назад, игнорируя знаки препинания, случай и интервал. <strong>Заметка</strong> <br> Вам нужно будет удалить <strong>все небуквенные символы</strong> (знаки препинания, пробелы и символы) и превратить все в один и тот же случай (нижний или верхний регистр), чтобы проверить палиндромы. Мы будем передавать строки с различными форматами, такими как <code>&quot;racecar&quot;</code> , <code>&quot;RaceCar&quot;</code> и <code>&quot;race CAR&quot;</code> среди других. Мы также передадим строки со специальными символами, такими как <code>&quot;2A3*3a2&quot;</code> , <code>&quot;2A3 3a2&quot;</code> и <code>&quot;2_A3*3#A2&quot;</code> . Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>palindrome(&quot;eye&quot;)</code> должен возвращать логическое значение.
+    testString: 'assert(typeof palindrome("eye") === "boolean", "<code>palindrome("eye")</code> should return a boolean.");'
+  - text: <code>palindrome(&quot;eye&quot;)</code> должен возвращать true.
+    testString: 'assert(palindrome("eye") === true, "<code>palindrome("eye")</code> should return true.");'
+  - text: <code>palindrome(&quot;_eye&quot;)</code> должен возвращать true.
+    testString: 'assert(palindrome("_eye") === true, "<code>palindrome("_eye")</code> should return true.");'
+  - text: <code>palindrome(&quot;race car&quot;)</code> должен возвращаться.
+    testString: 'assert(palindrome("race car") === true, "<code>palindrome("race car")</code> should return true.");'
+  - text: <code>palindrome(&quot;not a palindrome&quot;)</code> должен возвращать значение false.
+    testString: 'assert(palindrome("not a palindrome") === false, "<code>palindrome("not a palindrome")</code> should return false.");'
+  - text: '<code>palindrome(&quot;A man, a plan, a canal. Panama&quot;)</code> должен вернуться к истине.'
+    testString: 'assert(palindrome("A man, a plan, a canal. Panama") === true, "<code>palindrome("A man, a plan, a canal. Panama")</code> should return true.");'
+  - text: <code>palindrome(&quot;never odd or even&quot;)</code> должен возвращать true.
+    testString: 'assert(palindrome("never odd or even") === true, "<code>palindrome("never odd or even")</code> should return true.");'
+  - text: <code>palindrome(&quot;nope&quot;)</code> должен возвращать false.
+    testString: 'assert(palindrome("nope") === false, "<code>palindrome("nope")</code> should return false.");'
+  - text: <code>palindrome(&quot;almostomla&quot;)</code> должен возвращать значение false.
+    testString: 'assert(palindrome("almostomla") === false, "<code>palindrome("almostomla")</code> should return false.");'
+  - text: '<code>palindrome(&quot;My age is 0, 0 si ega ym.&quot;)</code> должен возвращать true.'
+    testString: 'assert(palindrome("My age is 0, 0 si ega ym.") === true, "<code>palindrome("My age is 0, 0 si ega ym.")</code> should return true.");'
+  - text: <code>palindrome(&quot;1 eye for of 1 eye.&quot;)</code> должен возвращать значение false.
+    testString: 'assert(palindrome("1 eye for of 1 eye.") === false, "<code>palindrome("1 eye for of 1 eye.")</code> should return false.");'
+  - text: '<code>palindrome(&quot;0_0 (: /-\ :) 0-0&quot;)</code> должен возвращать значение true.'
+    testString: 'assert(palindrome("0_0 (: /-\ :) 0-0") === true, "<code>palindrome("0_0 (: /-\ :) 0-0")</code> should return true.");'
+  - text: <code>palindrome(&quot;five|\_/|four&quot;)</code> должен возвращать значение false.
+    testString: 'assert(palindrome("five|\_/|four") === false, "<code>palindrome("five|\_/|four")</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function palindrome(str) {
+  // Good luck!
+  return true;
+}
+
+
+
+palindrome("eye");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/roman-numeral-converter.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/roman-numeral-converter.russian.md
new file mode 100644
index 0000000000..58456217e1
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/roman-numeral-converter.russian.md
@@ -0,0 +1,105 @@
+---
+id: a7f4d8f2483413a6ce226cac
+title: Roman Numeral Converter
+isRequired: true
+challengeType: 5
+videoUrl: ''
+localeTitle: Конвертер римской цифры
+---
+
+## Description
+<section id="description"> Преобразуйте заданное число в римскую цифру. Все <a href="http://www.mathsisfun.com/roman-numerals.html" target="_blank">римские цифры</a> должны быть указаны в верхнем регистре. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>convertToRoman(2)</code> должен вернуть «II».
+    testString: 'assert.deepEqual(convertToRoman(2), "II", "<code>convertToRoman(2)</code> should return "II".");'
+  - text: <code>convertToRoman(3)</code> должен вернуть «III».
+    testString: 'assert.deepEqual(convertToRoman(3), "III", "<code>convertToRoman(3)</code> should return "III".");'
+  - text: <code>convertToRoman(4)</code> должен вернуть «IV».
+    testString: 'assert.deepEqual(convertToRoman(4), "IV", "<code>convertToRoman(4)</code> should return "IV".");'
+  - text: <code>convertToRoman(5)</code> должен возвращать «V».
+    testString: 'assert.deepEqual(convertToRoman(5), "V", "<code>convertToRoman(5)</code> should return "V".");'
+  - text: <code>convertToRoman(9)</code> должен вернуть «IX».
+    testString: 'assert.deepEqual(convertToRoman(9), "IX", "<code>convertToRoman(9)</code> should return "IX".");'
+  - text: <code>convertToRoman(12)</code> должен вернуть «XII».
+    testString: 'assert.deepEqual(convertToRoman(12), "XII", "<code>convertToRoman(12)</code> should return "XII".");'
+  - text: <code>convertToRoman(16)</code> должен вернуть «XVI».
+    testString: 'assert.deepEqual(convertToRoman(16), "XVI", "<code>convertToRoman(16)</code> should return "XVI".");'
+  - text: <code>convertToRoman(29)</code> должен вернуть «XXIX».
+    testString: 'assert.deepEqual(convertToRoman(29), "XXIX", "<code>convertToRoman(29)</code> should return "XXIX".");'
+  - text: <code>convertToRoman(44)</code> должен возвращать «XLIV».
+    testString: 'assert.deepEqual(convertToRoman(44), "XLIV", "<code>convertToRoman(44)</code> should return "XLIV".");'
+  - text: <code>convertToRoman(45)</code> должен вернуть &quot;XLV&quot;
+    testString: 'assert.deepEqual(convertToRoman(45), "XLV", "<code>convertToRoman(45)</code> should return "XLV"");'
+  - text: <code>convertToRoman(68)</code> должен вернуть &quot;LXVIII&quot;
+    testString: 'assert.deepEqual(convertToRoman(68), "LXVIII", "<code>convertToRoman(68)</code> should return "LXVIII"");'
+  - text: <code>convertToRoman(83)</code> должен возвращать &quot;LXXXIII&quot;
+    testString: 'assert.deepEqual(convertToRoman(83), "LXXXIII", "<code>convertToRoman(83)</code> should return "LXXXIII"");'
+  - text: <code>convertToRoman(97)</code> должен вернуть &quot;XCVII&quot;
+    testString: 'assert.deepEqual(convertToRoman(97), "XCVII", "<code>convertToRoman(97)</code> should return "XCVII"");'
+  - text: <code>convertToRoman(99)</code> должен вернуть &quot;XCIX&quot;
+    testString: 'assert.deepEqual(convertToRoman(99), "XCIX", "<code>convertToRoman(99)</code> should return "XCIX"");'
+  - text: <code>convertToRoman(400)</code> должен возвращать &quot;CD&quot;
+    testString: 'assert.deepEqual(convertToRoman(400), "CD", "<code>convertToRoman(400)</code> should return "CD"");'
+  - text: <code>convertToRoman(500)</code> должен возвращать «D»
+    testString: 'assert.deepEqual(convertToRoman(500), "D", "<code>convertToRoman(500)</code> should return "D"");'
+  - text: <code>convertToRoman(501)</code> должен возвращать &quot;DI&quot;
+    testString: 'assert.deepEqual(convertToRoman(501), "DI", "<code>convertToRoman(501)</code> should return "DI"");'
+  - text: <code>convertToRoman(649)</code> должен возвращать &quot;DCXLIX&quot;
+    testString: 'assert.deepEqual(convertToRoman(649), "DCXLIX", "<code>convertToRoman(649)</code> should return "DCXLIX"");'
+  - text: <code>convertToRoman(798)</code> должен вернуть &quot;DCCXCVIII&quot;
+    testString: 'assert.deepEqual(convertToRoman(798), "DCCXCVIII", "<code>convertToRoman(798)</code> should return "DCCXCVIII"");'
+  - text: <code>convertToRoman(891)</code> должен возвращать &quot;DCCCXCI&quot;
+    testString: 'assert.deepEqual(convertToRoman(891), "DCCCXCI", "<code>convertToRoman(891)</code> should return "DCCCXCI"");'
+  - text: <code>convertToRoman(1000)</code> должен возвращать «M»
+    testString: 'assert.deepEqual(convertToRoman(1000), "M", "<code>convertToRoman(1000)</code> should return "M"");'
+  - text: <code>convertToRoman(1004)</code> должен вернуть «MIV»
+    testString: 'assert.deepEqual(convertToRoman(1004), "MIV", "<code>convertToRoman(1004)</code> should return "MIV"");'
+  - text: <code>convertToRoman(1006)</code> должен вернуть &quot;MVI&quot;
+    testString: 'assert.deepEqual(convertToRoman(1006), "MVI", "<code>convertToRoman(1006)</code> should return "MVI"");'
+  - text: <code>convertToRoman(1023)</code> должен возвращать &quot;MXXIII&quot;
+    testString: 'assert.deepEqual(convertToRoman(1023), "MXXIII", "<code>convertToRoman(1023)</code> should return "MXXIII"");'
+  - text: <code>convertToRoman(2014)</code> должен вернуть «MMXIV»
+    testString: 'assert.deepEqual(convertToRoman(2014), "MMXIV", "<code>convertToRoman(2014)</code> should return "MMXIV"");'
+  - text: <code>convertToRoman(3999)</code> должен возвращать «MMMCMXCIX»
+    testString: 'assert.deepEqual(convertToRoman(3999), "MMMCMXCIX", "<code>convertToRoman(3999)</code> should return "MMMCMXCIX"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertToRoman(num) {
+ return num;
+}
+
+convertToRoman(36);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.russian.md
new file mode 100644
index 0000000000..066536938e
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.russian.md
@@ -0,0 +1,108 @@
+---
+id: aff0395860f5d3034dc0bfc9
+title: Telephone Number Validator
+challengeType: 5
+isRequired: true
+videoUrl: ''
+localeTitle: Проверка номера телефона
+---
+
+## Description
+<section id="description"> Возвращает <code>true</code> если переданная строка выглядит как действительный номер телефона в США. Пользователь может заполнить поле формы любым способом, если он имеет формат действительного номера в США. Ниже приведены примеры допустимых форматов для номеров в США (см. Ниже приведенные ниже тесты для других вариантов): <blockquote> 555-555-5555 <br> (555)555-5555 <br> (555) 555-5555 <br> 555 555 5555 <br> 5555555555 <br> 1 555 555 5555 </blockquote> Для этой задачи вам будет представлена ​​строка, такая как <code>800-692-7753</code> или <code>8oo-six427676;laskdjf</code> . Ваша задача - подтвердить или отклонить телефонный номер США на основе любой комбинации форматов, указанных выше. Код области требуется. Если код страны указан, вы должны подтвердить, что код страны равен <code>1</code> . Возвращает <code>true</code> если строка является действительным номером телефона США; в противном случае верните <code>false</code> . Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>telephoneCheck(&quot;555-555-5555&quot;)</code> должен возвращать логическое значение.
+    testString: 'assert(typeof telephoneCheck("555-555-5555") === "boolean", "<code>telephoneCheck("555-555-5555")</code> should return a boolean.");'
+  - text: <code>telephoneCheck(&quot;1 555-555-5555&quot;)</code> должен возвращать true.
+    testString: 'assert(telephoneCheck("1 555-555-5555") === true, "<code>telephoneCheck("1 555-555-5555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;1 (555) 555-5555&quot;)</code> должен возвращать true.
+    testString: 'assert(telephoneCheck("1 (555) 555-5555") === true, "<code>telephoneCheck("1 (555) 555-5555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;5555555555&quot;)</code> должен возвращать true.
+    testString: 'assert(telephoneCheck("5555555555") === true, "<code>telephoneCheck("5555555555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;555-555-5555&quot;)</code> должен возвращать true.
+    testString: 'assert(telephoneCheck("555-555-5555") === true, "<code>telephoneCheck("555-555-5555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;(555)555-5555&quot;)</code> должен возвращать true.
+    testString: 'assert(telephoneCheck("(555)555-5555") === true, "<code>telephoneCheck("(555)555-5555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;1(555)555-5555&quot;)</code> должен возвращать true.
+    testString: 'assert(telephoneCheck("1(555)555-5555") === true, "<code>telephoneCheck("1(555)555-5555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;555-5555&quot;)</code> должен вернуть значение false.
+    testString: 'assert(telephoneCheck("555-5555") === false, "<code>telephoneCheck("555-5555")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;5555555&quot;)</code> должен возвращать false.
+    testString: 'assert(telephoneCheck("5555555") === false, "<code>telephoneCheck("5555555")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;1 555)555-5555&quot;)</code> должен возвращать false.
+    testString: 'assert(telephoneCheck("1 555)555-5555") === false, "<code>telephoneCheck("1 555)555-5555")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;1 555 555 5555&quot;)</code> должен возвращать true.
+    testString: 'assert(telephoneCheck("1 555 555 5555") === true, "<code>telephoneCheck("1 555 555 5555")</code> should return true.");'
+  - text: <code>telephoneCheck(&quot;1 456 789 4444&quot;)</code> должен возвращать true.
+    testString: 'assert(telephoneCheck("1 456 789 4444") === true, "<code>telephoneCheck("1 456 789 4444")</code> should return true.");'
+  - text: '<code>telephoneCheck(&quot;123**&amp;!!asdf#&quot;)</code> должен возвращать false.'
+    testString: 'assert(telephoneCheck("123**&!!asdf#") === false, "<code>telephoneCheck("123**&!!asdf#")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;55555555&quot;)</code> должен возвращать false.
+    testString: 'assert(telephoneCheck("55555555") === false, "<code>telephoneCheck("55555555")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;(6054756961)&quot;)</code> должен возвращать false
+    testString: 'assert(telephoneCheck("(6054756961)") === false, "<code>telephoneCheck("(6054756961)")</code> should return false");'
+  - text: <code>telephoneCheck(&quot;2 (757) 622-7382&quot;)</code> должен возвращать false.
+    testString: 'assert(telephoneCheck("2 (757) 622-7382") === false, "<code>telephoneCheck("2 (757) 622-7382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;0 (757) 622-7382&quot;)</code> должен возвращать false.
+    testString: 'assert(telephoneCheck("0 (757) 622-7382") === false, "<code>telephoneCheck("0 (757) 622-7382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;-1 (757) 622-7382&quot;)</code> должен возвращать false
+    testString: 'assert(telephoneCheck("-1 (757) 622-7382") === false, "<code>telephoneCheck("-1 (757) 622-7382")</code> should return false");'
+  - text: <code>telephoneCheck(&quot;2 757 622-7382&quot;)</code> должен возвращать false.
+    testString: 'assert(telephoneCheck("2 757 622-7382") === false, "<code>telephoneCheck("2 757 622-7382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;10 (757) 622-7382&quot;)</code> должен возвращать false.
+    testString: 'assert(telephoneCheck("10 (757) 622-7382") === false, "<code>telephoneCheck("10 (757) 622-7382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;27576227382&quot;)</code> должен возвращать false.
+    testString: 'assert(telephoneCheck("27576227382") === false, "<code>telephoneCheck("27576227382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;(275)76227382&quot;)</code> должен возвращать false.
+    testString: 'assert(telephoneCheck("(275)76227382") === false, "<code>telephoneCheck("(275)76227382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;2(757)6227382&quot;)</code> должен вернуть значение false.
+    testString: 'assert(telephoneCheck("2(757)6227382") === false, "<code>telephoneCheck("2(757)6227382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;2(757)622-7382&quot;)</code> должен возвращать false.
+    testString: 'assert(telephoneCheck("2(757)622-7382") === false, "<code>telephoneCheck("2(757)622-7382")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;555)-555-5555&quot;)</code> должен возвращать значение false.
+    testString: 'assert(telephoneCheck("555)-555-5555") === false, "<code>telephoneCheck("555)-555-5555")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;(555-555-5555&quot;)</code> должен возвращать false.
+    testString: 'assert(telephoneCheck("(555-555-5555") === false, "<code>telephoneCheck("(555-555-5555")</code> should return false.");'
+  - text: <code>telephoneCheck(&quot;(555)5(55?)-5555&quot;)</code> должен возвращать false.
+    testString: 'assert(telephoneCheck("(555)5(55?)-5555") === false, "<code>telephoneCheck("(555)5(55?)-5555")</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function telephoneCheck(str) {
+  // Good luck!
+  return true;
+}
+
+telephoneCheck("555-555-5555");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/add-methods-after-inheritance.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/add-methods-after-inheritance.russian.md
new file mode 100644
index 0000000000..b9dc298492
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/add-methods-after-inheritance.russian.md
@@ -0,0 +1,72 @@
+---
+id: 587d7db1367417b2b2512b87
+title: Add Methods After Inheritance
+challengeType: 1
+videoUrl: ''
+localeTitle: Добавить методы после наследования
+---
+
+## Description
+<section id="description"> Функция-конструктор, которая наследует свой объект- <code>prototype</code> от функции-конструктора <code>supertype</code> может по-прежнему иметь свои собственные методы в дополнение к унаследованным методам. Например, <code>Bird</code> - это конструктор, который наследует свой <code>prototype</code> от <code>Animal</code> : <blockquote> функция Animal () {} <br> Animal.prototype.eat = function () { <br> console.log («nom nom nom»); <br> }; <br> function Bird () {} <br> Bird.prototype = Object.create (Animal.prototype); <br> Bird.prototype.constructor = Bird; </blockquote> В дополнение к тому, что унаследовано от <code>Animal</code> , вы хотите добавить поведение, уникальное для объектов <code>Bird</code> . Здесь <code>Bird</code> получит функцию <code>fly()</code> . Функции добавляются к <code>prototype</code> <code>Bird&#39;s</code> же, как и любая функция конструктора: <blockquote> Bird.prototype.fly = function () { <br> console.log («Я летаю!»); <br> }; </blockquote> Теперь экземпляры <code>Bird</code> будут иметь методы <code>eat()</code> и <code>fly()</code> : <blockquote> let duck = new Bird (); <br> duck.eat (); // печатает &quot;nom nom nom&quot; <br> duck.fly (); // печатает «Я лечу!» </blockquote></section>
+
+## Instructions
+<section id="instructions"> Добавьте все необходимые символы , поэтому <code>Dog</code> объект наследует от <code>Animal</code> и в <code>Dog&#39;s</code> <code>prototype</code> конструктора установлена Собаке. Затем добавьте метод <code>bark()</code> к объекту <code>Dog</code> чтобы <code>beagle</code> мог как <code>eat()</code> и <code>bark()</code> . Метод <code>bark()</code> должен печатать «Woof!» на консоль. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Animal</code> не должно отвечать методу <code>bark()</code> .
+    testString: 'assert(typeof Animal.prototype.bark == "undefined", "<code>Animal</code> should not respond to the <code>bark()</code> method.");'
+  - text: <code>Dog</code> должна наследовать метод <code>eat()</code> от <code>Animal</code> .
+    testString: 'assert(typeof Dog.prototype.eat == "function", "<code>Dog</code> should inherit the <code>eat()</code> method from <code>Animal</code>.");'
+  - text: <code>Dog</code> должна иметь метод <code>bark()</code> как <code>own</code> свойство.
+    testString: 'assert(Dog.prototype.hasOwnProperty("bark"), "<code>Dog</code> should have the <code>bark()</code> method as an <code>own</code> property.");'
+  - text: <code>beagle</code> должен быть <code>instanceof</code> <code>Animal</code> .
+    testString: 'assert(beagle instanceof Animal, "<code>beagle</code> should be an <code>instanceof</code> <code>Animal</code>.");'
+  - text: Конструктор для <code>beagle</code> должен быть установлен на <code>Dog</code> .
+    testString: 'assert(beagle.constructor === Dog, "The constructor for <code>beagle</code> should be set to <code>Dog</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Animal() { }
+Animal.prototype.eat = function() { console.log("nom nom nom"); };
+
+function Dog() { }
+
+// Add your code below this line
+
+
+
+
+// Add your code above this line
+
+let beagle = new Dog();
+
+beagle.eat(); // Should print "nom nom nom"
+beagle.bark(); // Should print "Woof!"
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/change-the-prototype-to-a-new-object.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/change-the-prototype-to-a-new-object.russian.md
new file mode 100644
index 0000000000..566fa89adb
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/change-the-prototype-to-a-new-object.russian.md
@@ -0,0 +1,62 @@
+---
+id: 587d7daf367417b2b2512b7f
+title: Change the Prototype to a New Object
+challengeType: 1
+videoUrl: ''
+localeTitle: Изменение прототипа на новый объект
+---
+
+## Description
+<section id="description"> До сих пор вы добавляли свойства к <code>prototype</code> индивидуально: <blockquote> Bird.prototype.numLegs = 2; </blockquote> Это становится утомительным после нескольких свойств. <blockquote> Bird.prototype.eat = function () { <br> console.log («nom nom nom»); <br> } <br><br> Bird.prototype.describe = function () { <br> console.log («Мое имя» + this.name); <br> } </blockquote> Более эффективным способом является создание <code>prototype</code> для нового объекта, который уже содержит свойства. Таким образом, свойства добавляются сразу: <blockquote> Bird.prototype = { <br> numLegs: 2, <br> eat: function () { <br> console.log («nom nom nom»); <br> }, <br> Опишите: function () { <br> console.log («Мое имя» + this.name); <br> } <br> }; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Добавьте свойство <code>numLegs</code> и два метода <code>eat()</code> и <code>describe()</code> <code>prototype</code> <code>Dog</code> , установив <code>prototype</code> нового объекта. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Dog.prototype</code> должен быть установлен на новый объект.
+    testString: 'assert((/Dog\.prototype\s*?=\s*?{/).test(code), "<code>Dog.prototype</code> should be set to a new object.");'
+  - text: <code>Dog.prototype</code> должен иметь свойство <code>numLegs</code> .
+    testString: 'assert(Dog.prototype.numLegs !== undefined, "<code>Dog.prototype</code> should have the property <code>numLegs</code>.");'
+  - text: <code>Dog.prototype</code> должен иметь метод <code>eat()</code> .
+    testString: 'assert(typeof Dog.prototype.eat === "function", "<code>Dog.prototype</code> should have the method <code>eat()</code>."); '
+  - text: <code>Dog.prototype</code> должен быть метод <code>describe()</code> .
+    testString: 'assert(typeof Dog.prototype.describe === "function", "<code>Dog.prototype</code> should have the method <code>describe()</code>."); '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+Dog.prototype = {
+  // Add your code below this line
+
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-basic-javascript-object.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-basic-javascript-object.russian.md
new file mode 100644
index 0000000000..abed8ecf19
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-basic-javascript-object.russian.md
@@ -0,0 +1,55 @@
+---
+id: 587d7dac367417b2b2512b73
+title: Create a Basic JavaScript Object
+challengeType: 1
+videoUrl: ''
+localeTitle: Создание базового объекта JavaScript
+---
+
+## Description
+<section id="description"> Подумайте о том, что люди видят каждый день, как автомобили, магазины и птицы. Это все <code>objects</code> : ощутимые вещи, с которыми люди могут наблюдать и взаимодействовать. Каковы некоторые качества этих <code>objects</code> ? У автомобиля есть колеса. Магазины продают товары. Птицы имеют крылья. Эти качества или <code>properties</code> определяют, что составляет <code>object</code> . Обратите внимание, что подобные <code>objects</code> имеют одни и те же <code>properties</code> , но могут иметь разные значения для этих <code>properties</code> . Например, у всех автомобилей есть колеса, но не у всех автомобилей одинаковое количество колес. <code>Objects</code> в JavaScript используются для моделирования объектов реального мира, придания им <code>properties</code> и поведения, как и их реальных копий. Вот пример использования этих понятий для создания <code>object</code> <code>duck</code> : <blockquote> let duck = { <br> имя: «Афлак», <br> numLegs: 2 <br> }; </blockquote> Этот <code>object</code> <code>duck</code> имеет две пары свойств / значений: <code>name</code> «Aflac» и <code>numLegs</code> из 2. </section>
+
+## Instructions
+<section id="instructions"> Создайте <code>object</code> <code>dog</code> с <code>name</code> и свойствами <code>numLegs</code> и установите их в строку и число соответственно. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>dog</code> должна быть <code>object</code> .
+    testString: 'assert(typeof(dog) === "object", "<code>dog</code> should be an <code>object</code>.");'
+  - text: <code>dog</code> должна иметь свойство <code>name</code> заданное в <code>string</code> .
+    testString: 'assert(typeof(dog.name) === "string", "<code>dog</code> should have a <code>name</code> property set to a <code>string</code>.");'
+  - text: <code>dog</code> должна иметь свойство <code>numLegs</code> заданное <code>number</code> .
+    testString: 'assert(typeof(dog.numLegs) === "number", "<code>dog</code> should have a <code>numLegs</code> property set to a <code>number</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let dog = {
+
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-method-on-an-object.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-method-on-an-object.russian.md
new file mode 100644
index 0000000000..5b3d83dd4a
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-method-on-an-object.russian.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dad367417b2b2512b75
+title: Create a Method on an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: Создание метода для объекта
+---
+
+## Description
+<section id="description"> <code>Objects</code> могут иметь особый тип <code>property</code> , называемый <code>method</code> . <code>Methods</code> - это <code>properties</code> которые являются функциями. Это добавляет другое поведение к <code>object</code> . Вот пример <code>duck</code> с помощью метода: <blockquote> let duck = { <br> имя: «Афлак», <br> numLegs: 2, <br> sayName: function () {return &quot;Название этой утки -&quot; + duck.name + &quot;.&quot;;} <br> }; <br> duck.sayName (); <br> // Возвращает «Название этой утки - Афлак». </blockquote> В примере добавлен <code>method</code> <code>sayName</code> , который является функцией, которая возвращает предложение, дающее имя <code>duck</code> . Обратите внимание, что <code>method</code> получил доступ к свойству <code>name</code> в операторе return с помощью <code>duck.name</code> . Следующая задача будет охватывать другой способ сделать это. </section>
+
+## Instructions
+<section id="instructions"> Используя <code>object</code> <code>dog</code> , дайте ему метод, называемый <code>sayLegs</code> . Метод должен вернуть предложение «У этой собаки 4 ноги». </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>dog.sayLegs()</code> должна быть функцией.
+    testString: 'assert(typeof(dog.sayLegs) === "function", "<code>dog.sayLegs()</code> should be a function.");'
+  - text: '<code>dog.sayLegs()</code> должен возвращать заданную строку - обратите внимание на то, что знаки пунктуации и интервала.'
+    testString: 'assert(dog.sayLegs() === "This dog has 4 legs.", "<code>dog.sayLegs()</code> should return the given string - note that punctuation and spacing matter.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let dog = {
+  name: "Spot",
+  numLegs: 4,
+
+};
+
+dog.sayLegs();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/define-a-constructor-function.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/define-a-constructor-function.russian.md
new file mode 100644
index 0000000000..ca765d2feb
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/define-a-constructor-function.russian.md
@@ -0,0 +1,52 @@
+---
+id: 587d7dad367417b2b2512b77
+title: Define a Constructor Function
+challengeType: 1
+videoUrl: ''
+localeTitle: Определение функции конструктора
+---
+
+## Description
+<section id="description"> <code>Constructors</code> - это функции, которые создают новые объекты. Они определяют свойства и поведение, которые будут принадлежать новому объекту. Подумайте о них как о плане создания новых объектов. Вот пример <code>constructor</code> : <blockquote> функция Bird () { <br> this.name = &quot;Альберт&quot;; <br> this.color = &quot;blue&quot;; <br> this.numLegs = 2; <br> } </blockquote> Этот <code>constructor</code> определяет объект <code>Bird</code> с <code>name</code> свойств, <code>color</code> и <code>numLegs</code> установленными на Albert, blue и 2, соответственно. <code>Constructors</code> следуют нескольким соглашениям: <ul><li> <code>Constructors</code> определяются с заглавным именем, чтобы отличать их от других функций, которые не являются <code>constructors</code> . </li><li> <code>Constructors</code> используют ключевое слово <code>this</code> для установки свойств объекта, который они создадут. Внутри <code>constructor</code> <code>this</code> относится к новому объекту, который он создаст. </li><li> <code>Constructors</code> определяют свойства и поведение вместо того, чтобы возвращать значение, как могли бы другие функции. </li></ul></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Dog</code> должно быть свойство <code>name</code> заданное в строке.
+    testString: 'assert(typeof (new Dog()).name === "string", "<code>Dog</code> should have a <code>name</code> property set to a string.");'
+  - text: ''
+    testString: 'assert(typeof (new Dog()).color === "string", "<code>Dog</code> should have a <code>color</code> property set to a string.");'
+  - text: <code>Dog</code> должно быть свойство <code>numLegs</code> заданное числом.
+    testString: 'assert(typeof (new Dog()).numLegs === "number", "<code>Dog</code> should have a <code>numLegs</code> property set to a number.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/extend-constructors-to-receive-arguments.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/extend-constructors-to-receive-arguments.russian.md
new file mode 100644
index 0000000000..91d3a48e41
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/extend-constructors-to-receive-arguments.russian.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dae367417b2b2512b79
+title: Extend Constructors to Receive Arguments
+challengeType: 1
+videoUrl: ''
+localeTitle: Расширить конструкторы для получения аргументов
+---
+
+## Description
+<section id="description"> Конструкторы <code>Bird</code> and <code>Dog</code> из последней задачи хорошо работали. Однако обратите внимание, что все <code>Birds</code> , созданные с помощью конструктора <code>Bird</code> , автоматически называются Albert, имеют синий цвет и имеют две ноги. Что делать, если вы хотите, чтобы птицы с разными значениями имели название и цвет? Можно изменить свойства каждой птицы вручную, но это будет много работы: <blockquote> пусть лебедь = новая птица (); <br> swan.name = &quot;Carlos&quot;; <br> swan.color = &quot;white&quot;; </blockquote> Предположим, вы писали программу, чтобы отслеживать сотни или даже тысячи разных птиц во вольерах. Это займет много времени, чтобы создать всех птиц, а затем изменить свойства на разные значения для каждого. Чтобы легче создать разные объекты <code>Bird</code> , вы можете сконструировать конструктор Bird для принятия параметров: <blockquote> функция Птица (имя, цвет) { <br> this.name = name; <br> this.color = color; <br> this.numLegs = 2; <br> } </blockquote> Затем передайте значения в качестве аргументов, чтобы определить каждую уникальную птицу в конструкторе <code>Bird</code> : <code>let cardinal = new Bird(&quot;Bruce&quot;, &quot;red&quot;);</code> Это дает новый экземпляр <code>Bird</code> с именем и цветовыми свойствами, установленными на Bruce и red, соответственно. Свойство <code>numLegs</code> по-прежнему установлено <code>numLegs</code> 2. <code>cardinal</code> обладает следующими свойствами: <blockquote> cardinal.name // =&gt; Брюс <br> cardinal.color // =&gt; красный <br> cardinal.numLegs // =&gt; 2 </blockquote> Конструктор более гибкий. Теперь можно определить свойства для каждой <code>Bird</code> в момент ее создания, что является одним из способов использования JavaScript-конструкторов. Они группируют объекты вместе на основе общих характеристик и поведения и определяют план, который автоматизирует их создание. </section>
+
+## Instructions
+<section id="instructions"> Создайте еще один конструктор <code>Dog</code> . На этот раз настройте его, чтобы взять <code>name</code> и <code>color</code> , а также свойство <code>numLegs</code> установленное в 4. Затем создайте новую <code>Dog</code> сохраненную в переменной <code>terrier</code> . Передайте две строки в качестве аргументов для свойств <code>name</code> и <code>color</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Dog</code> должна получить аргумент для <code>name</code> .
+    testString: 'assert((new Dog("Clifford")).name === "Clifford", "<code>Dog</code> should receive an argument for <code>name</code>.");'
+  - text: <code>Dog</code> должна получить аргумент для <code>color</code> .
+    testString: 'assert((new Dog("Clifford", "yellow")).color === "yellow", "<code>Dog</code> should receive an argument for <code>color</code>.");'
+  - text: <code>Dog</code> должно быть свойство <code>numLegs</code> установленное на 4.
+    testString: 'assert((new Dog("Clifford")).numLegs === 4, "<code>Dog</code> should have property <code>numLegs</code> set to 4.");'
+  - text: <code>terrier</code> должен быть создан с использованием конструктора <code>Dog</code> .
+    testString: 'assert(terrier instanceof Dog, "<code>terrier</code> should be created using the <code>Dog</code> constructor.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog() {
+
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/inherit-behaviors-from-a-supertype.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/inherit-behaviors-from-a-supertype.russian.md
new file mode 100644
index 0000000000..5c90be767a
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/inherit-behaviors-from-a-supertype.russian.md
@@ -0,0 +1,70 @@
+---
+id: 587d7db0367417b2b2512b84
+title: Inherit Behaviors from a Supertype
+challengeType: 1
+videoUrl: ''
+localeTitle: Наследование поведения от супертипа
+---
+
+## Description
+<section id="description"> В предыдущем вызове вы создали <code>supertype</code> под названием <code>Animal</code> который определял поведение, разделяемое всеми животными: <blockquote> функция Animal () {} <br> Animal.prototype.eat = function () { <br> console.log («nom nom nom»); <br> }; </blockquote> Эта и следующая задача будет посвящена тому, как повторно использовать методы <code>Animal&#39;s</code> внутри <code>Bird</code> and <code>Dog</code> не определяя их снова. Он использует метод, называемый <code>inheritance</code> . Эта задача охватывает первый шаг: создайте экземпляр <code>supertype</code> (или родителя). Вы уже знаете один способ создания экземпляра <code>Animal</code> с помощью <code>new</code> оператора: <blockquote> let animal = new Animal (); </blockquote> Существуют некоторые недостатки при использовании этого синтаксиса для <code>inheritance</code> , которые слишком сложны для этой задачи. Вместо этого, это альтернативный подход без этих недостатков: <blockquote> let animal = Object.create (Animal.prototype); </blockquote> <code>Object.create(obj)</code> создает новый объект и устанавливает <code>obj</code> как <code>prototype</code> нового объекта. Напомним, что <code>prototype</code> подобен «рецепту» для создания объекта. Установив <code>prototype</code> от <code>animal</code> быть <code>Animal&#39;s</code> <code>prototype</code> , вы фактически давая <code>animal</code> экземпляру же «рецепт» , как и любой другой экземпляр <code>Animal</code> . <blockquote> animal.eat (); // печатает &quot;nom nom nom&quot; <br> животный экземпляр животных; // =&gt; true </blockquote></section>
+
+## Instructions
+<section id="instructions"> Используйте <code>Object.create</code> чтобы создать два экземпляра <code>Animal</code> именем <code>duck</code> и <code>beagle</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Должна быть определена переменная <code>duck</code> .
+    testString: 'assert(typeof duck !== "undefined", "The <code>duck</code> variable should be defined.");'
+  - text: Должна быть определена переменная <code>beagle</code> .
+    testString: 'assert(typeof beagle !== "undefined", "The <code>beagle</code> variable should be defined.");'
+  - text: <code>duck</code> должна иметь <code>prototype</code> <code>Animal</code> .
+    testString: 'assert(duck instanceof Animal, "<code>duck</code> should have a <code>prototype</code> of <code>Animal</code>.");'
+  - text: <code>beagle</code> должен быть <code>prototype</code> <code>Animal</code> .
+    testString: 'assert(beagle instanceof Animal, "<code>beagle</code> should have a <code>prototype</code> of <code>Animal</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Animal() { }
+
+Animal.prototype = {
+  constructor: Animal,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+// Add your code below this line
+
+let duck; // Change this line
+let beagle; // Change this line
+
+duck.eat(); // Should print "nom nom nom"
+beagle.eat(); // Should print "nom nom nom"
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/iterate-over-all-properties.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/iterate-over-all-properties.russian.md
new file mode 100644
index 0000000000..723db68c34
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/iterate-over-all-properties.russian.md
@@ -0,0 +1,64 @@
+---
+id: 587d7daf367417b2b2512b7d
+title: Iterate Over All Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: Итерация по всем свойствам
+---
+
+## Description
+<section id="description"> Теперь вы видите два вида свойств: <code>own</code> свойства и свойства <code>prototype</code> . <code>Own</code> свойства определяются непосредственно на самом экземпляре объекта. И <code>prototype</code> определены на <code>prototype</code> . <blockquote> функция Bird (name) { <br> this.name = name; //собственность <br> } <br><br> Bird.prototype.numLegs = 2; // свойство прототипа <br><br> пусть утка = новая птица («Дональд»); </blockquote> Вот как вы добавляете <code>own</code> свойства <code>duck</code> к массиву <code>ownProps</code> и свойства <code>prototype</code> для массива <code>prototypeProps</code> : <blockquote> let ownProps = []; <br> let prototypeProps = []; <br><br> для (пусть свойство в утке) { <br> if (duck.hasOwnProperty (свойство)) { <br> ownProps.push (свойство); <br> } else { <br> prototypeProps.push (свойство); <br> } <br> } <br><br> console.log (ownProps); // печатает [&quot;name&quot;] <br> console.log (prototypeProps); // печатает [&quot;numLegs&quot;] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Добавьте все <code>own</code> свойства <code>beagle</code> в массив <code>ownProps</code> . Добавьте все свойства <code>prototype</code> <code>Dog</code> в массив <code>prototypeProps</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Массив <code>ownProps</code> должен содержать <code>&quot;name&quot;</code> .
+    testString: 'assert(ownProps.indexOf("name") !== -1, "The <code>ownProps</code> array should include <code>"name"</code>.");'
+  - text: Массив <code>prototypeProps</code> должен содержать <code>&quot;numLegs&quot;</code> .
+    testString: 'assert(prototypeProps.indexOf("numLegs") !== -1, "The <code>prototypeProps</code> array should include <code>"numLegs"</code>.");'
+  - text: 'Решите эту задачу, не используя встроенный метод <code>Object.keys()</code> .'
+    testString: 'assert(!/\Object.keys/.test(code), "Solve this challenge without using the built in method <code>Object.keys()</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+Dog.prototype.numLegs = 4;
+
+let beagle = new Dog("Snoopy");
+
+let ownProps = [];
+let prototypeProps = [];
+
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/make-code-more-reusable-with-the-this-keyword.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/make-code-more-reusable-with-the-this-keyword.russian.md
new file mode 100644
index 0000000000..b4baf6fea5
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/make-code-more-reusable-with-the-this-keyword.russian.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dad367417b2b2512b76
+title: Make Code More Reusable with the this Keyword
+challengeType: 1
+videoUrl: ''
+localeTitle: Сделать код более многоразовым с помощью этого ключевого слова
+---
+
+## Description
+<section id="description"> Последняя задача привела <code>method</code> к объекту <code>duck</code> . Он использовал <code>duck.name</code> для доступа к значению свойства <code>name</code> в операторе return: <code>sayName: function() {return &quot;The name of this duck is &quot; + duck.name + &quot;.&quot;;}</code> Хотя это действительный способ доступа к объекту, здесь есть ошибка. Если имя переменной изменяется, необходимо также обновить любой код, ссылающийся на исходное имя. В определении коротких объектов это не проблема, но если у объекта много ссылок на его свойства, вероятность появления ошибки больше. Чтобы избежать этих проблем, <code>this</code> ключевое слово: <blockquote> let duck = { <br> имя: «Афлак», <br> numLegs: 2, <br> sayName: function () {return &quot;Название этой утки:&quot; + this.name + &quot;.&quot;;} <br> }; </blockquote> <code>this</code> глубокая тема, и приведенный выше пример - только один способ ее использования. В текущем контексте <code>this</code> относится к объекту, с которым связан метод: <code>duck</code> . Если имя объекта изменено на <code>mallard</code> , нет необходимости находить все ссылки на <code>duck</code> в коде. Это делает код многоразовым и более простым для чтения. </section>
+
+## Instructions
+<section id="instructions"> Измените метод <code>dog.sayLegs</code> чтобы удалить ссылки на <code>dog</code> . Используйте пример <code>duck</code> для руководства. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>dog.sayLegs()</code> должен возвращать заданную строку.
+    testString: 'assert(dog.sayLegs() === "This dog has 4 legs.", "<code>dog.sayLegs()</code> should return the given string.");'
+  - text: Ваш код должен использовать <code>this</code> ключевое слово для доступа к свойству <code>numLegs</code> для <code>dog</code> .
+    testString: 'assert(code.match(/this\.numLegs/g), "Your code should use the <code>this</code> keyword to access the <code>numLegs</code> property of <code>dog</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let dog = {
+  name: "Spot",
+  numLegs: 4,
+  sayLegs: function() {return "This dog has " + dog.numLegs + " legs.";}
+};
+
+dog.sayLegs();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.russian.md
new file mode 100644
index 0000000000..b32710aa67
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.russian.md
@@ -0,0 +1,66 @@
+---
+id: 587d7db1367417b2b2512b88
+title: Override Inherited Methods
+challengeType: 1
+videoUrl: ''
+localeTitle: Переопределить наследуемые методы
+---
+
+## Description
+<section id="description"> На предыдущих уроках вы узнали, что объект может наследовать свое поведение (методы) от другого объекта, клонируя его <code>prototype</code> объекта: <blockquote> ChildObject.prototype = Object.create (ParentObject.prototype); </blockquote> Затем <code>ChildObject</code> получил свои собственные методы, связав их с <code>prototype</code> : <blockquote> ChildObject.prototype.methodName = function () {...}; </blockquote> Можно переопределить унаследованный метод. Это делается так же, добавив метод <code>ChildObject.prototype</code> с использованием того же имени метода, что и для переопределения. Вот пример того, как <code>Bird</code> переопределяет метод <code>eat()</code> унаследованный от <code>Animal</code> : <blockquote> функция Animal () {} <br> Animal.prototype.eat = function () { <br> возвращение «nom nom nom»; <br> }; <br> function Bird () {} <br><br> // Наследовать все методы из Animal <br> Bird.prototype = Object.create (Animal.prototype); <br><br> // Bird.eat () переопределяет Animal.eat () <br> Bird.prototype.eat = function () { <br> вернуть «peck peck peck»; <br> }; </blockquote> Если у вас есть экземпляр <code>let duck = new Bird();</code> и вы вызываете <code>duck.eat()</code> , это то, как JavaScript ищет метод <code>duck&#39;s</code> цепочке <code>prototype</code> утки: 1. duck =&gt; Is eat () определен здесь? № 2. Птица =&gt; Есть ли () определенная здесь? =&gt; Да. Выполните его и прекратите поиск. 3. Также определено Animal =&gt; eat (), но JavaScript дошел до этого уровня. 4. Object =&gt; JavaScript остановил поиск до достижения этого уровня. </section>
+
+## Instructions
+<section id="instructions"> Переопределите метод <code>fly()</code> для <code>Penguin</code> чтобы он вернул «Увы, это нелетающая птица». </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>penguin.fly()</code> должен вернуть строку «Увы, это нелетающая птица».'
+    testString: 'assert(penguin.fly() === "Alas, this is a flightless bird.", "<code>penguin.fly()</code> should return the string "Alas, this is a flightless bird."");'
+  - text: Метод <code>bird.fly()</code> должен возвращать «Я летаю!»
+    testString: 'assert((new Bird()).fly() === "I am flying!", "The <code>bird.fly()</code> method should return "I am flying!"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Bird() { }
+
+Bird.prototype.fly = function() { return "I am flying!"; };
+
+function Penguin() { }
+Penguin.prototype = Object.create(Bird.prototype);
+Penguin.prototype.constructor = Penguin;
+
+// Add your code below this line
+
+
+
+// Add your code above this line
+
+let penguin = new Penguin();
+console.log(penguin.fly());
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/remember-to-set-the-constructor-property-when-changing-the-prototype.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/remember-to-set-the-constructor-property-when-changing-the-prototype.russian.md
new file mode 100644
index 0000000000..d2f36de477
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/remember-to-set-the-constructor-property-when-changing-the-prototype.russian.md
@@ -0,0 +1,63 @@
+---
+id: 587d7daf367417b2b2512b80
+title: Remember to Set the Constructor Property when Changing the Prototype
+challengeType: 1
+videoUrl: ''
+localeTitle: Не забудьте установить свойство конструктора при смене прототипа
+---
+
+## Description
+<section id="description"> Существует один важный побочный эффект ручной настройки <code>prototype</code> на новый объект. Это стерло свойство <code>constructor</code> ! Код в предыдущем вызове напечатал следующее для <code>duck</code> : <blockquote> console.log (duck.constructor) <br> // печатает &#39;undefined&#39; - Ой! </blockquote> Чтобы исправить это, всякий раз, когда прототип вручную устанавливается на новый объект, не забудьте определить свойство <code>constructor</code> : <blockquote> Bird.prototype = { <br> constructor: Bird, // определить свойство constructor <br> numLegs: 2, <br> eat: function () { <br> console.log («nom nom nom»); <br> }, <br> Опишите: function () { <br> console.log («Мое имя» + this.name); <br> } <br> }; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Определите свойство <code>constructor</code> на <code>prototype</code> <code>Dog</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Dog.prototype</code> должен установить свойство <code>constructor</code> .
+    testString: 'assert(Dog.prototype.constructor === Dog, "<code>Dog.prototype</code> should set the <code>constructor</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+// Modify the code below this line
+Dog.prototype = {
+
+  numLegs: 2,
+  eat: function() {
+    console.log("nom nom nom");
+  },
+  describe: function() {
+    console.log("My name is " + this.name);
+  }
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.russian.md
new file mode 100644
index 0000000000..41cd45a610
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.russian.md
@@ -0,0 +1,67 @@
+---
+id: 587d7db1367417b2b2512b86
+title: Reset an Inherited Constructor Property
+challengeType: 1
+videoUrl: ''
+localeTitle: Сбросить свойство унаследованного конструктора
+---
+
+## Description
+<section id="description"> Когда объект наследует свой <code>prototype</code> от другого объекта, он также наследует свойство конструктора <code>supertype</code> . Вот пример: <blockquote> function Bird () {} <br> Bird.prototype = Object.create (Animal.prototype); <br> let duck = new Bird (); <br> duck.constructor // function Animal () {...} </blockquote> Но <code>duck</code> и все случаи <code>Bird</code> должны показать, что они были построены <code>Bird</code> а не <code>Animal</code> . Для этого, вы можете вручную установить <code>Bird&#39;s</code> свойство конструктора для <code>Bird</code> объекта: <blockquote> Bird.prototype.constructor = Bird; <br> duck.constructor // function Bird () {...} </blockquote></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(Animal.prototype.isPrototypeOf(Bird.prototype), "<code>Bird.prototype</code> should be an instance of <code>Animal</code>.");'
+  - text: ''
+    testString: 'assert(duck.constructor === Bird, "<code>duck.constructor</code> should return <code>Bird</code>.");'
+  - text: ''
+    testString: 'assert(Animal.prototype.isPrototypeOf(Dog.prototype), "<code>Dog.prototype</code> should be an instance of <code>Animal</code>.");'
+  - text: ''
+    testString: 'assert(beagle.constructor === Dog, "<code>beagle.constructor</code> should return <code>Dog</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Animal() { }
+function Bird() { }
+function Dog() { }
+
+Bird.prototype = Object.create(Animal.prototype);
+Dog.prototype = Object.create(Animal.prototype);
+
+// Add your code below this line
+
+
+
+let duck = new Bird();
+let beagle = new Dog();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/set-the-childs-prototype-to-an-instance-of-the-parent.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/set-the-childs-prototype-to-an-instance-of-the-parent.russian.md
new file mode 100644
index 0000000000..9c92587a3b
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/set-the-childs-prototype-to-an-instance-of-the-parent.russian.md
@@ -0,0 +1,64 @@
+---
+id: 587d7db1367417b2b2512b85
+title: Set the Child's Prototype to an Instance of the Parent
+challengeType: 1
+videoUrl: ''
+localeTitle: Установите прототип ребенка в экземпляр родителя
+---
+
+## Description
+<section id="description"> В предыдущем вызове вы видели первый шаг для наследования поведения от <code>supertype</code> (или родительского) <code>Animal</code> : создание нового экземпляра <code>Animal</code> . Эта задача охватывает следующий шаг: установите <code>prototype</code> <code>subtype</code> (или ребенка) - в этом случае, <code>Bird</code> - для примера <code>Animal</code> . <blockquote> Bird.prototype = Object.create (Animal.prototype); </blockquote> Помните, что <code>prototype</code> подобен «рецепту» для создания объекта. В некотором смысле, рецепт для <code>Bird</code> теперь включает в себя все ключевые «ингредиенты» от <code>Animal</code> . <blockquote> пусть утка = новая птица («Дональд»); <br> duck.eat (); // печатает &quot;nom nom nom&quot; </blockquote> <code>duck</code> наследует все свойства <code>Animal</code> , в том числе метод <code>eat</code> . </section>
+
+## Instructions
+<section id="instructions"> Измените код, чтобы экземпляры <code>Dog</code> наследовали от <code>Animal</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Dog.prototype</code> должен быть экземпляром <code>Animal</code> .
+    testString: 'assert(Animal.prototype.isPrototypeOf(Dog.prototype), "<code>Dog.prototype</code> should be an instance of <code>Animal</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Animal() { }
+
+Animal.prototype = {
+  constructor: Animal,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+function Dog() { }
+
+// Add your code below this line
+
+
+let beagle = new Dog();
+beagle.eat();  // Should print "nom nom nom"
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-own-properties.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-own-properties.russian.md
new file mode 100644
index 0000000000..29cb2906cc
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-own-properties.russian.md
@@ -0,0 +1,58 @@
+---
+id: 587d7dae367417b2b2512b7b
+title: Understand Own Properties
+challengeType: 1
+videoUrl: ''
+localeTitle: Понять собственные свойства
+---
+
+## Description
+<section id="description"> В следующем примере конструктор <code>Bird</code> определяет два свойства: <code>name</code> и <code>numLegs</code> : <blockquote> функция Bird (name) { <br> this.name = name; <br> this.numLegs = 2; <br> } <br><br> пусть утка = новая птица («Дональд»); <br> let canary = new Bird («Tweety»); </blockquote> <code>name</code> и <code>numLegs</code> называются <code>own</code> свойствами, поскольку они определяются непосредственно на объекте экземпляра. Это означает, что <code>duck</code> и <code>canary</code> имеют свою отдельную копию этих свойств. Фактически каждый экземпляр <code>Bird</code> будет иметь свою собственную копию этих свойств. Следующий код добавляет все <code>own</code> свойства <code>duck</code> к массиву <code>ownProps</code> : <blockquote> let ownProps = []; <br><br> для (пусть свойство в утке) { <br> if (duck.hasOwnProperty (свойство)) { <br> ownProps.push (свойство); <br> } <br> } <br><br> console.log (ownProps); // печатает [&quot;name&quot;, &quot;numLegs&quot;] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Добавьте <code>own</code> свойства <code>canary</code> к массиву <code>ownProps</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>ownProps</code> должны включать значения <code>&quot;numLegs&quot;</code> и <code>&quot;name&quot;</code> .
+    testString: 'assert(ownProps.indexOf("name") !== -1 && ownProps.indexOf("numLegs") !== -1, "<code>ownProps</code> should include the values <code>"numLegs"</code> and <code>"name"</code>.");'
+  - text: 'Решите эту задачу, не используя встроенный метод <code>Object.keys()</code> .'
+    testString: 'assert(!/\Object.keys/.test(code), "Solve this challenge without using the built in method <code>Object.keys()</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Bird(name) {
+  this.name = name;
+  this.numLegs = 2;
+}
+
+let canary = new Bird("Tweety");
+let ownProps = [];
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-constructor-property.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-constructor-property.russian.md
new file mode 100644
index 0000000000..e39c81736a
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-constructor-property.russian.md
@@ -0,0 +1,60 @@
+---
+id: 587d7daf367417b2b2512b7e
+title: Understand the Constructor Property
+challengeType: 1
+videoUrl: ''
+localeTitle: Понять свойство конструктора
+---
+
+## Description
+<section id="description"> Существует специальное свойство <code>constructor</code> расположенное на объектных экземплярах <code>duck</code> и <code>beagle</code> которые были созданы в предыдущих задачах: <blockquote> let duck = new Bird (); <br> let beagle = new Dog (); <br><br> console.log (duck.constructor === Bird); // выводит true <br> console.log (beagle.constructor === Собака); // выводит true </blockquote> Обратите внимание, что свойство <code>constructor</code> является ссылкой на конструктор, создавший экземпляр. Преимущество свойства <code>constructor</code> заключается в том, что можно проверить это свойство, чтобы узнать, какой он объект. Вот пример того, как это можно использовать: <blockquote> function joinBirdFraternity (кандидат) { <br> if (кандидат.конструктор === Птица) { <br> return true; <br> } else { <br> return false; <br> } <br> } </blockquote> <strong>Заметка</strong> <br> Поскольку свойство <code>constructor</code> может быть перезаписано (что будет рассмотрено в следующих двух задачах), лучше всего использовать метод <code>instanceof</code> для проверки типа объекта. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>joinDogFraternity</code> следует определять как функцию.
+    testString: 'assert(typeof(joinDogFraternity) === "function", "<code>joinDogFraternity</code> should be defined as a function.");'
+  - text: ''
+    testString: 'assert(joinDogFraternity(new Dog("")) === true, "<code>joinDogFraternity</code> should return true if<code>candidate</code> is an instance of <code>Dog</code>.");'
+  - text: <code>joinDogFraternity</code> должен использовать свойство <code>constructor</code> .
+    testString: 'assert(/\.constructor/.test(code) && !/instanceof/.test(code), "<code>joinDogFraternity</code> should use the <code>constructor</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+// Add your code below this line
+function joinDogFraternity(candidate) {
+
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-immediately-invoked-function-expression-iife.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-immediately-invoked-function-expression-iife.russian.md
new file mode 100644
index 0000000000..5e5b9debb8
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-immediately-invoked-function-expression-iife.russian.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db2367417b2b2512b8b
+title: Understand the Immediately Invoked Function Expression (IIFE)
+challengeType: 1
+videoUrl: ''
+localeTitle: Понимать выражение с выведенной функцией (IIFE)
+---
+
+## Description
+<section id="description"> Общим шаблоном в JavaScript является выполнение функции сразу после ее объявления: <blockquote> (функция () { <br> console.log («Chirp, chirp!»); <br> }) (); // это анонимное выражение функции, которое выполняется сразу <br> // Вывод «Чирп, чириканье!» немедленно </blockquote> Обратите внимание, что функция не имеет имени и не сохраняется в переменной. Две скобки () в конце выражения функции приводят к немедленному ее выполнению или вызову. Этот шаблон известен как выражение, <code>immediately invoked function expression</code> или <code>IIFE</code> . </section>
+
+## Instructions
+<section id="instructions"> Перепишите функцию <code>makeNest</code> и удалите ее вызов, поэтому вместо анонимного <code>immediately invoked function expression</code> ( <code>IIFE</code> ). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Функция должна быть анонимной.
+    testString: 'assert(/\(\s*?function\s*?\(\s*?\)\s*?{/.test(code), "The function should be anonymous.");'
+  - text: Ваша функция должна иметь круглые скобки в конце выражения для немедленного вызова.
+    testString: 'assert(/}\s*?\)\s*?\(\s*?\)/.test(code), "Your function should have parentheses at the end of the expression to call it immediately.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function makeNest() {
+  console.log("A cozy nest is ready");
+}
+
+makeNest();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-prototype-chain.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-prototype-chain.russian.md
new file mode 100644
index 0000000000..9264ef302e
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-prototype-chain.russian.md
@@ -0,0 +1,58 @@
+---
+id: 587d7db0367417b2b2512b82
+title: Understand the Prototype Chain
+challengeType: 1
+videoUrl: ''
+localeTitle: Поймите прототипную цепочку
+---
+
+## Description
+<section id="description"> Все объекты в JavaScript (за некоторыми исключениями) имеют <code>prototype</code> . Кроме того, сам <code>prototype</code> объекта является объектом. <blockquote> функция Bird (name) { <br> this.name = name; <br> } <br><br> тип Bird.prototype; // =&gt; объект </blockquote> Поскольку <code>prototype</code> является объектом, <code>prototype</code> может иметь свой собственный <code>prototype</code> ! В этом случае <code>prototype</code> <code>Bird.prototype</code> является <code>Object.prototype</code> : <blockquote> Object.prototype.isPrototypeOf (Bird.prototype); <br> // возвращает true </blockquote> Как это полезно? Вы можете вспомнить метод <code>hasOwnProperty</code> из предыдущего <code>hasOwnProperty</code> : <blockquote> пусть утка = новая птица («Дональд»); <br> duck.hasOwnProperty ( &quot;имя&quot;); // =&gt; true </blockquote> Метод <code>hasOwnProperty</code> определен в <code>Object.prototype</code> , к которому можно получить доступ с помощью <code>Bird.prototype</code> , к которому затем можно получить доступ <code>duck</code> . Это пример цепи <code>prototype</code> . В этой <code>prototype</code> цепочке <code>Bird</code> является <code>supertype</code> для <code>duck</code> , а <code>duck</code> - <code>subtype</code> . <code>Object</code> - это <code>supertype</code> как для <code>Bird</code> и для <code>duck</code> . <code>Object</code> - это <code>supertype</code> для всех объектов в JavaScript. Поэтому любой объект может использовать метод <code>hasOwnProperty</code> . </section>
+
+## Instructions
+<section id="instructions"> Измените код, чтобы показать правильную цепочку прототипов. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш код должен показать, что <code>Object.prototype</code> является прототипом <code>Dog.prototype</code> &quot;).'
+    testString: 'assert(/Object\.prototype\.isPrototypeOf/.test(code), "Your code should show that <code>Object.prototype</code> is the prototype of <code>Dog.prototype</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+let beagle = new Dog("Snoopy");
+
+Dog.prototype.isPrototypeOf(beagle);  // => true
+
+// Fix the code below so that it evaluates to true
+???.isPrototypeOf(Dog.prototype);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-where-an-objects-prototype-comes-from.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-where-an-objects-prototype-comes-from.russian.md
new file mode 100644
index 0000000000..300fa96bdd
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-where-an-objects-prototype-comes-from.russian.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db0367417b2b2512b81
+title: Understand Where an Object’s Prototype Comes From
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Поймите, откуда идет прототип объекта'
+---
+
+## Description
+<section id="description"> Подобно тому, как люди наследуют гены от своих родителей, объект наследует свой <code>prototype</code> непосредственно от созданной им функции-конструктора. Например, здесь конструктор <code>Bird</code> создает объект <code>duck</code> : <blockquote> функция Bird (name) { <br> this.name = name; <br> } <br><br> пусть утка = новая птица («Дональд»); </blockquote> <code>duck</code> наследует свой <code>prototype</code> из функции конструктора <code>Bird</code> . Вы можете показать это отношение с методом <code>isPrototypeOf</code> : <blockquote> Bird.prototype.isPrototypeOf (уток); <br> // возвращает true </blockquote></section>
+
+## Instructions
+<section id="instructions"> Используйте <code>isPrototypeOf</code> чтобы проверить <code>prototype</code> <code>beagle</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Покажите, что <code>Dog.prototype</code> является <code>prototype</code> <code>beagle</code>'
+    testString: 'assert(/Dog\.prototype\.isPrototypeOf\(beagle\)/.test(code), "Show that <code>Dog.prototype</code> is the <code>prototype</code> of <code>beagle</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+let beagle = new Dog("Snoopy");
+
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-constructor-to-create-objects.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-constructor-to-create-objects.russian.md
new file mode 100644
index 0000000000..6f72d448b4
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-constructor-to-create-objects.russian.md
@@ -0,0 +1,56 @@
+---
+id: 587d7dad367417b2b2512b78
+title: Use a Constructor to Create Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: Использование конструктора для создания объектов
+---
+
+## Description
+<section id="description"> Вот конструктор <code>Bird</code> из предыдущего вызова: <blockquote> функция Bird () { <br> this.name = &quot;Альберт&quot;; <br> this.color = &quot;blue&quot;; <br> this.numLegs = 2; <br> // «this» внутри конструктора всегда ссылается на создаваемый объект <br> } <br><br> let blueBird = new Bird (); </blockquote> Обратите внимание, что <code>new</code> оператор используется при вызове конструктора. Это говорит JavaScript для создания нового <code>instance</code> <code>Bird</code> под названием <code>blueBird</code> . Без <code>new</code> оператора <code>this</code> внутри конструктора не будет указывать на вновь созданный объект, давая неожиданные результаты. Теперь <code>blueBird</code> имеет все свойства, определенные внутри конструктора <code>Bird</code> : <blockquote> blueBird.name; // =&gt; Альберт <br> blueBird.color; // =&gt; синий <br> blueBird.numLegs; // =&gt; 2 </blockquote> Как и любой другой объект, его свойства могут быть доступны и изменены: <blockquote> blueBird.name = &#39;Elvira&#39;; <br> blueBird.name; // =&gt; Эльвира </blockquote></section>
+
+## Instructions
+<section id="instructions"> Используйте конструктор <code>Dog</code> из последнего урока, чтобы создать новый экземпляр <code>Dog</code> , присвоив его переменной <code>hound</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>hound</code> должна быть создана с использованием конструктора <code>Dog</code> .
+    testString: 'assert(hound instanceof Dog, "<code>hound</code> should be created using the <code>Dog</code> constructor.");'
+  - text: Ваш код должен использовать <code>new</code> оператор для создания <code>instance</code> <code>Dog</code> .
+    testString: 'assert(code.match(/new/g), "Your code should use the <code>new</code> operator to create an <code>instance</code> of <code>Dog</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog() {
+  this.name = "Rupert";
+  this.color = "brown";
+  this.numLegs = 4;
+}
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.russian.md
new file mode 100644
index 0000000000..63fae731bf
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.russian.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db2367417b2b2512b89
+title: Use a Mixin to Add Common Behavior Between Unrelated Objects
+challengeType: 1
+videoUrl: ''
+localeTitle: Использование Mixin для добавления общего поведения между несвязанными объектами
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен объявить переменную <code>glideMixin</code> которая является функцией.
+    testString: 'assert(typeof glideMixin === "function", "Your code should declare a <code>glideMixin</code> variable that is a function.");'
+  - text: ''
+    testString: 'assert(typeof bird.glide === "function", "Your code should use the <code>glideMixin</code> on the <code>bird</code> object to give it the <code>glide</code> method.");'
+  - text: Ваш код должен использовать <code>glideMixin</code> на объекте <code>boat</code> чтобы придать ему метод <code>glide</code> .
+    testString: 'assert(typeof boat.glide === "function", "Your code should use the <code>glideMixin</code> on the <code>boat</code> object to give it the <code>glide</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let bird = {
+  name: "Donald",
+  numLegs: 2
+};
+
+let boat = {
+  name: "Warrior",
+  type: "race-boat"
+};
+
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-an-iife-to-create-a-module.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-an-iife-to-create-a-module.russian.md
new file mode 100644
index 0000000000..d6f7c4f502
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-an-iife-to-create-a-module.russian.md
@@ -0,0 +1,62 @@
+---
+id: 587d7db2367417b2b2512b8c
+title: Use an IIFE to Create a Module
+challengeType: 1
+videoUrl: ''
+localeTitle: Использование модуля IIFE для создания модуля
+---
+
+## Description
+<section id="description"> <code>IIFE</code> <code>immediately invoked function expression</code> ( <code>IIFE</code> ) часто используется для группировки связанных функций в один объект или <code>module</code> . Например, более ранняя задача определила два микшина: <blockquote> функция glideMixin (obj) { <br> obj.glide = function () { <br> console.log («Скольжение по воде»); <br> }; <br> } <br> функция flyMixin (obj) { <br> obj.fly = function () { <br> console.log («Flying, wooosh!»); <br> }; <br> } </blockquote> Мы можем сгруппировать эти <code>mixins</code> в модуль следующим образом: <blockquote> let motionModule = (function () { <br> вернуть { <br> glideMixin: function (obj) { <br> obj.glide = function () { <br> console.log («Скольжение по воде»); <br> }; <br> }, <br> flyMixin: function (obj) { <br> obj.fly = function () { <br> console.log («Flying, wooosh!»); <br> }; <br> } <br> } <br> }) (); // Две скобки приводят к немедленному вызову функции </blockquote> Обратите внимание, что вы <code>immediately invoked function expression</code> ( <code>IIFE</code> ), которое возвращает объект <code>motionModule</code> . Этот возвращенный объект содержит все поведение <code>mixin</code> как свойства объекта. Преимущество шаблона <code>module</code> заключается в том, что все поведение движения может быть упаковано в один объект, который затем может использоваться другими частями вашего кода. Вот пример использования: <blockquote> motionModule.glideMixin (уток); <br> duck.glide (); </blockquote></section>
+
+## Instructions
+<section id="instructions"> Создать <code>module</code> с именем <code>funModule</code> , чтобы обернуть два <code>mixins</code> <code>isCuteMixin</code> и <code>singMixin</code> . <code>funModule</code> должен возвращать объект. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>funModule</code> должен быть определен и возвращать объект.
+    testString: 'assert(typeof funModule === "object", "<code>funModule</code> should be defined and return an object.");'
+  - text: <code>funModule.isCuteMixin</code> должен получить доступ к функции.
+    testString: 'assert(typeof funModule.isCuteMixin === "function", "<code>funModule.isCuteMixin</code> should access a function.");'
+  - text: <code>funModule.singMixin</code> должен получить доступ к функции.
+    testString: 'assert(typeof funModule.singMixin === "function", "<code>funModule.singMixin</code> should access a function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let isCuteMixin = function(obj) {
+  obj.isCute = function() {
+    return true;
+  };
+};
+let singMixin = function(obj) {
+  obj.sing = function() {
+    console.log("Singing to an awesome tune");
+  };
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.russian.md
new file mode 100644
index 0000000000..b5d27e4511
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.russian.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db2367417b2b2512b8a
+title: Use Closure to Protect Properties Within an Object from Being Modified Externally
+challengeType: 1
+videoUrl: ''
+localeTitle: Использовать закрытие для защиты свойств внутри объекта от модификации извне
+---
+
+## Description
+<section id="description"> В предыдущем вызове у <code>bird</code> было <code>name</code> общественной собственности. Он считается открытым, потому что его можно получить и изменить вне определения <code>bird</code> . <blockquote> bird.name = &quot;Duffy&quot;; </blockquote> Поэтому любая часть вашего кода может легко изменить имя <code>bird</code> на любое значение. Подумайте о таких вещах, как пароли и банковские счета, которые легко заменяются любой частью вашей кодовой базы. Это может вызвать множество проблем. Самый простой способ сделать свойства private - создать переменную в функции конструктора. Это изменяет область действия этой переменной в функции конструктора по сравнению с глобально доступной. Таким образом, свойство может быть доступно и доступно только с помощью методов, также входящих в конструкторскую функцию. <blockquote> функция Bird () { <br> let hatchedEgg = 10; // частная собственность <br><br> this.getHatchedEggCount = function () {// общедоступный метод, который может использовать объект птицы <br> return hatchedEgg; <br> }; <br> } <br> let ducky = new Bird (); <br> ducky.getHatchedEggCount (); // возвращает 10 </blockquote> Здесь <code>getHachedEggCount</code> является привилегированным методом, поскольку он имеет доступ к частной переменной <code>hatchedEgg</code> . Это возможно, потому что <code>hatchedEgg</code> объявлен в том же контексте, что и <code>getHachedEggCount</code> . В JavaScript функция всегда имеет доступ к контексту, в котором она была создана. Это называется <code>closure</code> . </section>
+
+## Instructions
+<section id="instructions"> Измените, как <code>weight</code> объявляется в функции <code>Bird</code> поэтому он является частной переменной. Затем создайте метод <code>getWeight</code> который возвращает значение <code>weight</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Свойство <code>weight</code> должно быть частной переменной.
+    testString: 'assert(!code.match(/this\.weight/g), "The <code>weight</code> property should be a private variable.");'
+  - text: Ваш код должен создать метод в <code>Bird</code> под названием <code>getWeight</code> который возвращает <code>weight</code> .
+    testString: 'assert((new Bird()).getWeight() === 15, "Your code should create a method in <code>Bird</code> called <code>getWeight</code> that returns the <code>weight</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Bird() {
+  this.weight = 15;
+
+
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-dot-notation-to-access-the-properties-of-an-object.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-dot-notation-to-access-the-properties-of-an-object.russian.md
new file mode 100644
index 0000000000..3dc4dd5091
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-dot-notation-to-access-the-properties-of-an-object.russian.md
@@ -0,0 +1,55 @@
+---
+id: 587d7dac367417b2b2512b74
+title: Use Dot Notation to Access the Properties of an Object
+challengeType: 1
+videoUrl: ''
+localeTitle: Использовать точную нотацию для доступа к свойствам объекта
+---
+
+## Description
+<section id="description"> Последняя задача создала <code>object</code> с различными <code>properties</code> , теперь вы увидите, как получить доступ к значениям этих <code>properties</code> . Вот пример: <blockquote> let duck = { <br> имя: «Афлак», <br> numLegs: 2 <br> }; <br> console.log (duck.name); <br> // Это печатает «Aflac» на консоли </blockquote> Точечная нотация используется для имени <code>object</code> , <code>duck</code> , а затем имя <code>property</code> , <code>name</code> , для доступа к значению «Aflac». </section>
+
+## Instructions
+<section id="instructions"> Распечатайте оба <code>properties</code> объекта <code>dog</code> ниже на консоль. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вы должны использовать <code>console.log</code> для печати значения для <code>name</code> свойства <code>dog</code> объекта.
+    testString: 'assert(/console.log\(.*dog\.name.*\)/g.test(code), "Your should use <code>console.log</code> to print the value for the <code>name</code> property of the <code>dog</code> object.");'
+  - text: Для использования значения свойства <code>numLegs</code> объекта <code>dog</code> следует использовать <code>console.log</code> .
+    testString: 'assert(/console.log\(.*dog\.numLegs.*\)/g.test(code), "Your should use <code>console.log</code> to print the value for the <code>numLegs</code> property of the <code>dog</code> object.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let dog = {
+  name: "Spot",
+  numLegs: 4
+};
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-inheritance-so-you-dont-repeat-yourself.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-inheritance-so-you-dont-repeat-yourself.russian.md
new file mode 100644
index 0000000000..cb60541195
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-inheritance-so-you-dont-repeat-yourself.russian.md
@@ -0,0 +1,80 @@
+---
+id: 587d7db0367417b2b2512b83
+title: Use Inheritance So You Don't Repeat Yourself
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Используйте Наследование, чтобы вы не повторяли себя'
+---
+
+## Description
+<section id="description"> В программировании есть принцип « <code>Don&#39;t Repeat Yourself (DRY)</code> . Причина повторного кода - проблема, потому что для любого изменения требуется код исправления в нескольких местах. Это обычно означает больше работы для программистов и больше возможностей для ошибок. В приведенном ниже примере обратите внимание, что метод <code>describe</code> разделяет <code>Bird</code> and <code>Dog</code> : <blockquote> Bird.prototype = { <br> конструктор: Птица, <br> Опишите: function () { <br> console.log («Мое имя» + this.name); <br> } <br> }; <br><br> Dog.prototype = { <br> конструктор: Собака, <br> Опишите: function () { <br> console.log («Мое имя» + this.name); <br> } <br> }; </blockquote> Метод <code>describe</code> повторяется в двух местах. Код можно редактировать, чтобы следовать принципу <code>DRY</code> , создав <code>supertype</code> (или родительский элемент) под названием <code>Animal</code> : <blockquote> функция Animal () {}; <br><br> Animal.prototype = { <br> конструктор: Animal, <br> Опишите: function () { <br> console.log («Мое имя» + this.name); <br> } <br> }; </blockquote> Поскольку <code>Animal</code> включает метод <code>describe</code> , вы можете удалить его из <code>Bird</code> and <code>Dog</code> : <blockquote> Bird.prototype = { <br> конструктор: Птица <br> }; <br><br> Dog.prototype = { <br> конструктор: Собака <br> }; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Метод <code>eat</code> повторяется как у <code>Cat</code> и у <code>Bear</code> . Измените код в духе <code>DRY</code> , переместив метод <code>eat</code> на <code>supertype</code> <code>Animal</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Animal.prototype</code> должен иметь свойство <code>eat</code> .
+    testString: 'assert(Animal.prototype.hasOwnProperty("eat"), "<code>Animal.prototype</code> should have the <code>eat</code> property.");'
+  - text: <code>Bear.prototype</code> не должен иметь свойство <code>eat</code> .
+    testString: 'assert(!(Bear.prototype.hasOwnProperty("eat")), "<code>Bear.prototype</code> should not have the <code>eat</code> property.");'
+  - text: <code>Cat.prototype</code> не должен иметь свойство <code>eat</code> .
+    testString: 'assert(!(Cat.prototype.hasOwnProperty("eat")), "<code>Cat.prototype</code> should not have the <code>eat</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Cat(name) {
+  this.name = name;
+}
+
+Cat.prototype = {
+  constructor: Cat,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+function Bear(name) {
+  this.name = name;
+}
+
+Bear.prototype = {
+  constructor: Bear,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+function Animal() { }
+
+Animal.prototype = {
+  constructor: Animal,
+
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-prototype-properties-to-reduce-duplicate-code.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-prototype-properties-to-reduce-duplicate-code.russian.md
new file mode 100644
index 0000000000..4d09c26427
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-prototype-properties-to-reduce-duplicate-code.russian.md
@@ -0,0 +1,60 @@
+---
+id: 587d7dae367417b2b2512b7c
+title: Use Prototype Properties to Reduce Duplicate Code
+challengeType: 1
+videoUrl: ''
+localeTitle: Использование свойств прототипа для уменьшения повторяющегося кода
+---
+
+## Description
+<section id="description"> Поскольку <code>numLegs</code> , вероятно, будет иметь одинаковое значение для всех экземпляров <code>Bird</code> , у вас по существу есть дублируемая переменная <code>numLegs</code> внутри каждого экземпляра <code>Bird</code> . Это может быть не проблема, когда есть только два экземпляра, но представьте, есть ли миллионы экземпляров. Это было бы много дублированных переменных. Лучше всего использовать <code>prototype</code> <code>Bird&#39;s</code> . <code>prototype</code> - это объект, который используется для ВСЕХ экземпляров <code>Bird</code> . Вот как добавить <code>numLegs</code> в <code>Bird prototype</code> : <blockquote> Bird.prototype.numLegs = 2; </blockquote> Теперь все экземпляры <code>Bird</code> имеют свойство <code>numLegs</code> . <blockquote> console.log (duck.numLegs); // печатает 2 <br> console.log (canary.numLegs); // печатает 2 </blockquote> Поскольку все экземпляры автоматически имеют свойства на <code>prototype</code> , подумайте о <code>prototype</code> как о «рецепте» для создания объектов. Обратите внимание, что <code>prototype</code> <code>duck</code> и <code>canary</code> является частью конструктора <code>Bird</code> как <code>Bird.prototype</code> . Почти каждый объект в JavaScript имеет свойство <code>prototype</code> которое является частью созданной им функции-конструктора. </section>
+
+## Instructions
+<section id="instructions"> Добавьте свойство <code>numLegs</code> в <code>prototype</code> <code>Dog</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>beagle</code> должен иметь свойство <code>numLegs</code> .
+    testString: 'assert(beagle.numLegs !== undefined, "<code>beagle</code> should have a <code>numLegs</code> property.");'
+  - text: <code>beagle.numLegs</code> должно быть числом.
+    testString: 'assert(typeof(beagle.numLegs) === "number" , "<code>beagle.numLegs</code> should be a number.");'
+  - text: <code>numLegs</code> должен быть <code>prototype</code> не являющимся <code>own</code> .
+    testString: 'assert(beagle.hasOwnProperty("numLegs") === false, "<code>numLegs</code> should be a <code>prototype</code> property not an <code>own</code> property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+
+
+// Add your code above this line
+let beagle = new Dog("Snoopy");
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/verify-an-objects-constructor-with-instanceof.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/verify-an-objects-constructor-with-instanceof.russian.md
new file mode 100644
index 0000000000..e004a3adc6
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/object-oriented-programming/verify-an-objects-constructor-with-instanceof.russian.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dae367417b2b2512b7a
+title: Verify an Object's Constructor with instanceof
+challengeType: 1
+videoUrl: ''
+localeTitle: Проверка конструктора объекта с помощью instanceof
+---
+
+## Description
+<section id="description"> Каждый раз, когда функция-конструктор создает новый объект, этот объект считается <code>instance</code> его конструктора. JavaScript дает удобный способ проверить это с помощью <code>instanceof</code> оператора. <code>instanceof</code> позволяет сравнивать объект с конструктором, возвращая <code>true</code> или <code>false</code> на основе того, был ли этот объект создан с помощью конструктора. Вот пример: <blockquote> let Bird = function (имя, цвет) { <br> this.name = name; <br> this.color = color; <br> this.numLegs = 2; <br> } <br><br> пусть ворона = новая птица («Алексис», «черный»); <br><br> ворон экземпляр птицы; // =&gt; true </blockquote> Если объект создается без использования конструктора, <code>instanceof</code> проверяет, что он не является экземпляром этого конструктора: <blockquote> let canary = { <br> имя: «Милдред», <br> цвет: «Желтый», <br> numLegs: 2 <br> }; <br><br> canary instanceof Bird; // =&gt; false </blockquote></section>
+
+## Instructions
+<section id="instructions"> Создайте новый экземпляр конструктора <code>House</code> , назвав его <code>myHouse</code> и пропустив несколько спален. Затем используйте <code>instanceof</code> чтобы убедиться, что это экземпляр <code>House</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>myHouse</code> должен иметь атрибут <code>numBedrooms</code> установленный в число.
+    testString: 'assert(typeof myHouse.numBedrooms === "number", "<code>myHouse</code> should have a <code>numBedrooms</code> attribute set to a number.");'
+  - text: 'Обязательно убедитесь, что <code>myHouse</code> является экземпляром <code>House</code> используя оператор <code>instanceof</code> .'
+    testString: 'assert(/myHouse\s*instanceof\s*House/.test(code), "Be sure to verify that <code>myHouse</code> is an instance of <code>House</code> using the <code>instanceof</code> operator.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+/* jshint expr: true */
+
+function House(numBedrooms) {
+  this.numBedrooms = numBedrooms;
+}
+
+// Add your code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-all-or-none.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-all-or-none.russian.md
new file mode 100644
index 0000000000..61250a3b07
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-all-or-none.russian.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dba367417b2b2512ba8
+title: Check for All or None
+challengeType: 1
+videoUrl: ''
+localeTitle: Проверить все или нет.
+---
+
+## Description
+<section id="description"> Иногда шаблоны, которые вы хотите найти, могут иметь части, которые могут или не могут существовать. Однако, тем не менее, может быть важно проверить их. Вы можете указать возможное существование элемента с вопросительным знаком <code>?</code> , Это проверяет нуль или один из предыдущего элемента. Вы можете думать об этом символе как о том, что предыдущий элемент является необязательным. Например, есть небольшие отличия в американском и британском английском, и вы можете использовать знак вопроса, чтобы соответствовать обоим написаниям. <blockquote> let american = &quot;color&quot;; <br> let british = &quot;color&quot;; <br> let rainbowRegex = / colou? r /; <br> rainbowRegex.test (американский); // Возвращает true <br> rainbowRegex.test (Великобритания); // Возвращает true </blockquote></section>
+
+## Instructions
+<section id="instructions"> Измените regex <code>favRegex</code> чтобы он соответствовал английской (любимой) и английской (любимой) версии слова. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваше регулярное выражение должно использовать необязательный символ <code>?</code> ,'
+    testString: 'assert(favRegex.source.match(/\?/).length > 0, "Your regex should use the optional symbol, <code>?</code>.");'
+  - text: Ваше регулярное выражение должно соответствовать <code>&quot;favorite&quot;</code>
+    testString: 'assert(favRegex.test("favorite"), "Your regex should match <code>"favorite"</code>");'
+  - text: Ваше регулярное выражение должно соответствовать <code>&quot;favourite&quot;</code>
+    testString: 'assert(favRegex.test("favourite"), "Your regex should match <code>"favourite"</code>");'
+  - text: Ваше регулярное выражение не должно совпадать с <code>&quot;fav&quot;</code>
+    testString: 'assert(!favRegex.test("fav"), "Your regex should not match <code>"fav"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let favWord = "favorite";
+let favRegex = /change/; // Change this line
+let result = favRegex.test(favWord);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/extract-matches.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/extract-matches.russian.md
new file mode 100644
index 0000000000..9221dea7e9
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/extract-matches.russian.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db4367417b2b2512b92
+title: Extract Matches
+challengeType: 1
+videoUrl: ''
+localeTitle: Экстракционные матчи
+---
+
+## Description
+<section id="description"> До сих пор вы проверяли, существует ли шаблон в строке или нет. Вы также можете извлечь фактические совпадения, найденные с помощью <code>.match()</code> . Чтобы использовать метод <code>.match()</code> , примените метод к строке и передайте в регулярное выражение внутри круглых скобок. Вот пример: <blockquote> «Hello, World!». Match (/ Hello /); <br> // Возвращает [&quot;Hello&quot;] <br> let ourStr = &quot;Регулярные выражения&quot;; <br> пусть нашRegex = / выражения /; <br> ourStr.match (ourRegex); <br> // Возвращает [&quot;выражения&quot;] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Нанести <code>.match()</code> метод , чтобы извлечь слово <code>coding</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>result</code> должен иметь слово <code>coding</code>
+    testString: 'assert(result.join() === "coding", "The <code>result</code> should have the word <code>coding</code>");'
+  - text: ''
+    testString: 'assert(codingRegex.source === "coding", "Your regex <code>codingRegex</code> should search for <code>coding</code>");'
+  - text: ''
+    testString: 'assert(code.match(/\.match\(.*\)/), "You should use the <code>.match()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let extractStr = "Extract the word 'coding' from this string.";
+let codingRegex = /change/; // Change this line
+let result = extractStr; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/find-characters-with-lazy-matching.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/find-characters-with-lazy-matching.russian.md
new file mode 100644
index 0000000000..703bd9f318
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/find-characters-with-lazy-matching.russian.md
@@ -0,0 +1,51 @@
+---
+id: 587d7db6367417b2b2512b9b
+title: Find Characters with Lazy Matching
+challengeType: 1
+videoUrl: ''
+localeTitle: Найти персонажей с ленивым соответствием
+---
+
+## Description
+<section id="description"> В регулярных выражениях <code>greedy</code> соответствие находит самую длинную возможную часть строки, которая соответствует шаблону регулярного выражения и возвращает его как совпадение. Альтернативой называется <code>lazy</code> совпадение, которое находит наименьшую возможную часть строки, которая удовлетворяет шаблону регулярного выражения. Вы можете применить regex <code>/t[az]*i/</code> к строке <code>&quot;titanic&quot;</code> . Это регулярное выражение в основном является шаблоном, начинающимся с <code>t</code> , заканчивается <code>i</code> , и между ними есть несколько букв. Регулярные выражения по умолчанию <code>greedy</code> , поэтому матч вернет <code>[&quot;titani&quot;]</code> . Он находит самую большую подстроку, которая может соответствовать шаблону. Однако вы можете использовать <code>?</code> чтобы изменить его на <code>lazy</code> соответствие. <code>&quot;titanic&quot;</code> соответствует настроенному регулярному выражению <code>/t[az]*?i/</code> возвращает <code>[&quot;ti&quot;]</code> . </section>
+
+## Instructions
+<section id="instructions"> Исправьте regex <code>/&lt;.*&gt;/</code> чтобы вернуть HTML-тег <code>&lt;h1&gt;</code> а не текст <code>&quot;&lt;h1&gt;Winter is coming&lt;/h1&gt;&quot;</code> . Помните шаблон <code>.</code> в регулярном выражении соответствует любому символу. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>result</code> переменной должен быть массив с <code>&lt;h1&gt;</code> в нем
+    testString: 'assert(result[0] == "<h1>", "The <code>result</code> variable should be an array with <code>&lt;h1&gt;</code> in it");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let text = "<h1>Winter is coming</h1>";
+let myRegex = /<.*>/; // Change this line
+let result = text.match(myRegex);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/find-more-than-the-first-match.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/find-more-than-the-first-match.russian.md
new file mode 100644
index 0000000000..a2793e8481
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/find-more-than-the-first-match.russian.md
@@ -0,0 +1,57 @@
+---
+id: 587d7db4367417b2b2512b93
+title: Find More Than the First Match
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Найдите больше, чем первый матч'
+---
+
+## Description
+<section id="description"> До сих пор вы могли только извлекать или искать шаблон один раз. <blockquote> let testStr = &quot;Повторить, Повторить, Повторить&quot;; <br> let ourRegex = / Repeat /; <br> testStr.match (ourRegex); <br> // Возвращает [&quot;Повторить&quot;] </blockquote> Чтобы искать или извлекать шаблон более одного раза, вы можете использовать флаг <code>g</code> . <blockquote> пусть repeatRegex = / Repeat / g; <br> testStr.match (repeatRegex); <br> // Возвращает [&quot;Повторить&quot;, &quot;Повторить&quot;, &quot;Повторить&quot;] </blockquote></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вашему регулярному выражению <code>starRegex</code> следует использовать глобальный флаг <code>g</code>
+    testString: 'assert(starRegex.flags.match(/g/).length == 1, "Your regex <code>starRegex</code> should use the global flag <code>g</code>");'
+  - text: '<code>starRegex</code> выражение regex <code>starRegex</code> должно использовать флаг, нечувствительный к регистру <code>i</code>'
+    testString: 'assert(starRegex.flags.match(/i/).length == 1, "Your regex <code>starRegex</code> should use the case insensitive flag <code>i</code>");'
+  - text: Ваш матч должен совпадать с вхождением слова <code>&quot;Twinkle&quot;</code>
+    testString: 'assert(result.sort().join() == twinkleStar.match(/twinkle/gi).sort().join(), "Your match should match both occurrences of the word <code>"Twinkle"</code>");'
+  - text: <code>result</code> матча должен состоять из двух элементов.
+    testString: 'assert(result.length == 2, "Your match <code>result</code> should have two elements in it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let twinkleStar = "Twinkle, twinkle, little star";
+let starRegex = /change/; // Change this line
+let result = twinkleStar; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/find-one-or-more-criminals-in-a-hunt.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/find-one-or-more-criminals-in-a-hunt.russian.md
new file mode 100644
index 0000000000..4c33dc46be
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/find-one-or-more-criminals-in-a-hunt.russian.md
@@ -0,0 +1,67 @@
+---
+id: 587d7db7367417b2b2512b9c
+title: Find One or More Criminals in a Hunt
+challengeType: 1
+videoUrl: ''
+localeTitle: Найти одного или нескольких преступников в охоте
+---
+
+## Description
+<section id="description"> Время для приостановки и тестирования ваших новых навыков написания регулярных выражений. Группа преступников убежала из тюрьмы и убежала, но вы не знаете, сколько. Однако вы знаете, что они остаются рядом друг с другом, когда они вокруг других людей. Вы несете ответственность за обнаружение всех преступников сразу. Вот пример, чтобы посмотреть, как это сделать: regex <code>/z+/</code> соответствует букве <code>z</code> когда она появляется один или несколько раз подряд. Он найдет совпадения во всех следующих строках: <blockquote> «Г» <br> &quot;Zzzzzz&quot; <br> &quot;ABCzzzz&quot; <br> &quot;ZzzzABC&quot; <br> &quot;Abczzzzzzzzzzzzzzzzzzzzzabc&quot; </blockquote> Но он не находит совпадений в следующих строках, поскольку буквы буквы <code>z</code> : <blockquote> «» <br> &quot;ABC&quot; <br> &quot;Abcabc&quot; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Напишите <code>greedy</code> регулярное выражение, которое находит одного или нескольких преступников внутри группы других людей. Преступник представлен заглавной буквой <code>C</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваше регулярное выражение должно соответствовать <code>one</code> преступнику (« <code>C</code> ») в <code>&quot;C&quot;</code>
+    testString: 'assert("C".match(reCriminals) && "C".match(reCriminals)[0] == "C", "Your regex should match <code>one</code> criminal ("<code>C</code>") in <code>"C"</code>");'
+  - text: Ваше регулярное выражение должно совпадать с <code>two</code> преступниками (« <code>CC</code> ») в <code>&quot;CC&quot;</code>
+    testString: 'assert("CC".match(reCriminals) && "CC".match(reCriminals)[0] == "CC", "Your regex should match <code>two</code> criminals ("<code>CC</code>") in <code>"CC"</code>");'
+  - text: Ваше регулярное выражение должно соответствовать <code>three</code> преступникам (« <code>CCC</code> ») в <code>&quot;P1P5P4CCCP2P6P3&quot;</code>
+    testString: 'assert("P1P5P4CCCP2P6P3".match(reCriminals) && "P1P5P4CCCP2P6P3".match(reCriminals)[0] == "CCC", "Your regex should match <code>three</code> criminals ("<code>CCC</code>") in <code>"P1P5P4CCCP2P6P3"</code>");'
+  - text: Ваше регулярное выражение должно соответствовать <code>five</code> преступникам (« <code>CCCCC</code> ») в <code>&quot;P6P2P7P4P5CCCCCP3P1&quot;</code>
+    testString: 'assert("P6P2P7P4P5CCCCCP3P1".match(reCriminals) && "P6P2P7P4P5CCCCCP3P1".match(reCriminals)[0] == "CCCCC", "Your regex should match <code>five</code> criminals ("<code>CCCCC</code>") in <code>"P6P2P7P4P5CCCCCP3P1"</code>");'
+  - text: Ваше регулярное выражение не должно соответствовать никаким преступникам в <code>&quot;&quot;</code>
+    testString: 'assert(!reCriminals.test(""), "Your regex should not match any criminals in <code>""</code>");'
+  - text: Ваше регулярное выражение не должно соответствовать никаким преступникам в <code>&quot;P1P2P3&quot;</code>
+    testString: 'assert(!reCriminals.test("P1P2P3"), "Your regex should not match any criminals in <code>"P1P2P3"</code>");'
+  - text: Ваше регулярное выражение должно соответствовать <code>fifty</code> преступникам (« <code>CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC</code> ») в <code>&quot;P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3&quot;</code> .
+    testString: 'assert("P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3".match(reCriminals) && "P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3".match(reCriminals)[0] == "CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC", "Your regex should match <code>fifty</code> criminals ("<code>CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC</code>") in <code>"P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// example crowd gathering
+let crowd = 'P1P2P3P4P5P6CCCP7P8P9';
+
+let reCriminals = /./; // Change this line
+
+let matchedCriminals = crowd.match(reCriminals);
+console.log(matchedCriminals);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/ignore-case-while-matching.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/ignore-case-while-matching.russian.md
new file mode 100644
index 0000000000..b322cd9b38
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/ignore-case-while-matching.russian.md
@@ -0,0 +1,69 @@
+---
+id: 587d7db4367417b2b2512b91
+title: Ignore Case While Matching
+challengeType: 1
+videoUrl: ''
+localeTitle: Игнорировать случай при сопоставлении
+---
+
+## Description
+<section id="description"> До сих пор вы смотрели на регулярные выражения для выполнения буквальных совпадений строк. Но иногда, возможно, вы также захотите сопоставить разницу между случаями. Случай (или иногда буквенный регистр) - это разница между прописными и строчными буквами. Примеры прописных букв: <code>&quot;A&quot;</code> , <code>&quot;B&quot;</code> и <code>&quot;C&quot;</code> . Примеры строчных букв: <code>&quot;a&quot;</code> , <code>&quot;b&quot;</code> и <code>&quot;c&quot;</code> . Вы можете сопоставить оба случая с использованием так называемого флага. Существуют и другие флаги, но здесь вы сосредоточитесь на флагове, который игнорирует регистр - флаг <code>i</code> . Вы можете использовать его, добавив его в регулярное выражение. Примером использования этого флага является <code>/ignorecase/i</code> . Это регулярное выражение может соответствовать строкам <code>&quot;ignorecase&quot;</code> , <code>&quot;igNoreCase&quot;</code> и <code>&quot;IgnoreCase&quot;</code> . </section>
+
+## Instructions
+<section id="instructions"> Напишите регулярное выражение <code>fccRegex</code> для соответствия <code>&quot;freeCodeCamp&quot;</code> , независимо от его случая. Ваше регулярное выражение не должно соответствовать аббревиатурам или вариациям с пробелами. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваше регулярное выражение должно соответствовать <code>freeCodeCamp</code>
+    testString: 'assert(fccRegex.test("freeCodeCamp"), "Your regex should match <code>freeCodeCamp</code>");'
+  - text: Ваше регулярное выражение должно соответствовать <code>FreeCodeCamp</code>
+    testString: 'assert(fccRegex.test("FreeCodeCamp"), "Your regex should match <code>FreeCodeCamp</code>");'
+  - text: Ваше регулярное выражение должно совпадать с <code>FreecodeCamp</code>
+    testString: 'assert(fccRegex.test("FreecodeCamp"), "Your regex should match <code>FreecodeCamp</code>");'
+  - text: Ваше регулярное выражение должно соответствовать <code>FreeCodecamp</code>
+    testString: 'assert(fccRegex.test("FreeCodecamp"), "Your regex should match <code>FreeCodecamp</code>");'
+  - text: Ваше регулярное выражение не должно совпадать с <code>Free Code Camp</code>
+    testString: 'assert(!fccRegex.test("Free Code Camp"), "Your regex should not match <code>Free Code Camp</code>");'
+  - text: Ваше регулярное выражение должно соответствовать <code>FreeCOdeCamp</code>
+    testString: 'assert(fccRegex.test("FreeCOdeCamp"), "Your regex should match <code>FreeCOdeCamp</code>");'
+  - text: Ваше регулярное выражение не должно совпадать с <code>FCC</code>
+    testString: 'assert(!fccRegex.test("FCC"), "Your regex should not match <code>FCC</code>");'
+  - text: Ваше регулярное выражение должно совпадать с <code>FrEeCoDeCamp</code>
+    testString: 'assert(fccRegex.test("FrEeCoDeCamp"), "Your regex should match <code>FrEeCoDeCamp</code>");'
+  - text: Ваше регулярное выражение должно совпадать с <code>FrEeCodECamp</code>
+    testString: 'assert(fccRegex.test("FrEeCodECamp"), "Your regex should match <code>FrEeCodECamp</code>");'
+  - text: Ваше регулярное выражение должно соответствовать <code>FReeCodeCAmp</code>
+    testString: 'assert(fccRegex.test("FReeCodeCAmp"), "Your regex should match <code>FReeCodeCAmp</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myString = "freeCodeCamp";
+let fccRegex = /change/; // Change this line
+let result = fccRegex.test(myString);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-a-literal-string-with-different-possibilities.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-a-literal-string-with-different-possibilities.russian.md
new file mode 100644
index 0000000000..5282caec5c
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-a-literal-string-with-different-possibilities.russian.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db4367417b2b2512b90
+title: Match a Literal String with Different Possibilities
+challengeType: 1
+videoUrl: ''
+localeTitle: Сопоставьте литеральную строку с различными возможностями
+---
+
+## Description
+<section id="description"> Используя регулярные выражения, такие как <code>/coding/</code> , вы можете искать шаблон <code>&quot;coding&quot;</code> в другой строке. Это мощно для поиска одиночных строк, но ограничивается только одним шаблоном. Вы можете искать несколько шаблонов с помощью <code>alternation</code> или оператора <code>OR</code> : <code>|</code> , Этот оператор соответствует шаблонам до или после него. Например, если вы хотите совместить <code>&quot;yes&quot;</code> или <code>&quot;no&quot;</code> , вам нужно иметь регулярное выражение <code>/yes|no/</code> . Вы также можете искать не более двух шаблонов. Вы можете сделать это, добавив больше шаблонов с большим количеством операторов <code>OR</code> разделяющих их, например <code>/yes|no|maybe/</code> . </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваше регулярное выражение <code>petRegex</code> должно возвращать значение <code>true</code> для строки <code>&quot;John has a pet dog.&quot;</code>
+    testString: 'assert(petRegex.test("John has a pet dog."), "Your regex <code>petRegex</code> should return <code>true</code> for the string <code>"John has a pet dog."</code>");'
+  - text: ''
+    testString: 'assert(!petRegex.test("Emma has a pet rock."), "Your regex <code>petRegex</code> should return <code>false</code> for the string <code>"Emma has a pet rock."</code>");'
+  - text: Ваше регулярное выражение <code>petRegex</code> должно возвращать <code>true</code> для строки <code>&quot;Emma has a pet bird.&quot;</code>
+    testString: 'assert(petRegex.test("Emma has a pet bird."), "Your regex <code>petRegex</code> should return <code>true</code> for the string <code>"Emma has a pet bird."</code>");'
+  - text: Ваше регулярное выражение <code>petRegex</code> должно возвращать значение <code>true</code> для строки <code>&quot;Liz has a pet cat.&quot;</code>
+    testString: 'assert(petRegex.test("Liz has a pet cat."), "Your regex <code>petRegex</code> should return <code>true</code> for the string <code>"Liz has a pet cat."</code>");'
+  - text: Ваше регулярное выражение <code>petRegex</code> должно возвращать <code>false</code> для строки <code>&quot;Kara has a pet dolphin.&quot;</code>
+    testString: 'assert(!petRegex.test("Kara has a pet dolphin."), "Your regex <code>petRegex</code> should return <code>false</code> for the string <code>"Kara has a pet dolphin."</code>");'
+  - text: ''
+    testString: 'assert(petRegex.test("Alice has a pet fish."), "Your regex <code>petRegex</code> should return <code>true</code> for the string <code>"Alice has a pet fish."</code>");'
+  - text: ''
+    testString: 'assert(!petRegex.test("Jimmy has a pet computer."), "Your regex <code>petRegex</code> should return <code>false</code> for the string <code>"Jimmy has a pet computer."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let petString = "James has a pet cat.";
+let petRegex = /change/; // Change this line
+let result = petRegex.test(petString);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-letters-and-numbers.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-letters-and-numbers.russian.md
new file mode 100644
index 0000000000..dba4fe0558
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-letters-and-numbers.russian.md
@@ -0,0 +1,61 @@
+---
+id: 587d7db7367417b2b2512b9f
+title: Match All Letters and Numbers
+challengeType: 1
+videoUrl: ''
+localeTitle: Совпадение всех букв и цифр
+---
+
+## Description
+<section id="description"> Используя классы символов, вы смогли найти все буквы алфавита с помощью <code>[az]</code> . Такой класс символов достаточно распространен, что есть ярлык для него, хотя он включает и несколько дополнительных символов. Самый близкий класс символов в JavaScript для соответствия алфавиту - <code>\w</code> . Этот ярлык равен <code>[A-Za-z0-9_]</code> . Этот класс символов соответствует буквам верхнего и нижнего регистра плюс номерам. Обратите внимание: этот класс символов также включает символ подчеркивания ( <code>_</code> ). <blockquote> пусть longHand = / [A-Za-z0-9 _] + /; <br> пусть shortHand = / \ w + /; <br> пусть числа = «42»; <br> пусть varNames = &quot;important_var&quot;; <br> longHand.test (номера); // Возвращает true <br> shortHand.test (номера); // Возвращает true <br> longHand.test (имя переменный); // Возвращает true <br> shortHand.test (имя переменный); // Возвращает true </blockquote> Эти классы ярлыков символов также известны как <code>shorthand character classes</code> . </section>
+
+## Instructions
+<section id="instructions"> Используйте класс символьных символов <code>\w</code> чтобы подсчитать количество буквенно-цифровых символов в разных кавычках и строках. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: В вашем регулярном выражении должен использоваться глобальный флаг.
+    testString: 'assert(alphabetRegexV2.global, "Your regex should use the global flag.");'
+  - text: Вашему регулярному выражению следует использовать сокращенный символ
+    testString: 'assert(/\\w/.test(alphabetRegexV2.source), "Your regex should use the shorthand character <code>\w</code> to match all characters which are alphanumeric.");'
+  - text: Ваше регулярное выражение должно найти 31 буквенно-цифровой символ в <code>&quot;The five boxing wizards jump quickly.&quot;</code>
+    testString: 'assert("The five boxing wizards jump quickly.".match(alphabetRegexV2).length === 31, "Your regex should find 31 alphanumeric characters in <code>"The five boxing wizards jump quickly."</code>");'
+  - text: Ваше регулярное выражение должно найти 32 буквенно-цифровых символа в <code>&quot;Pack my box with five dozen liquor jugs.&quot;</code>
+    testString: 'assert("Pack my box with five dozen liquor jugs.".match(alphabetRegexV2).length === 32, "Your regex should find 32 alphanumeric characters in <code>"Pack my box with five dozen liquor jugs."</code>");'
+  - text: Вашему регулярному выражению должно быть найдено 30 буквенно-цифровых символов в <code>&quot;How vexingly quick daft zebras jump!&quot;</code>
+    testString: 'assert("How vexingly quick daft zebras jump!".match(alphabetRegexV2).length === 30, "Your regex should find 30 alphanumeric characters in <code>"How vexingly quick daft zebras jump!"</code>");'
+  - text: Ваше регулярное выражение должно найти 36 буквенно-цифровых символов в <code>&quot;123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.&quot;</code>
+    testString: 'assert("123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.".match(alphabetRegexV2).length === 36, "Your regex should find 36 alphanumeric characters in <code>"123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "The five boxing wizards jump quickly.";
+let alphabetRegexV2 = /change/; // Change this line
+let result = quoteSample.match(alphabetRegexV2).length;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-non-numbers.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-non-numbers.russian.md
new file mode 100644
index 0000000000..dda3ee65fb
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-non-numbers.russian.md
@@ -0,0 +1,65 @@
+---
+id: 587d7db8367417b2b2512ba1
+title: Match All Non-Numbers
+challengeType: 1
+videoUrl: ''
+localeTitle: Совпадение всех не-чисел
+---
+
+## Description
+<section id="description"> Последняя задача показала, как искать цифры с помощью ярлыка <code>\d</code> с нижним регистром <code>d</code> . Вы также можете искать нецифровые символы, используя аналогичный ярлык, который использует вместо этого верхний регистр <code>D</code> Ярлык поиска несимметричных символов - <code>\D</code> Это равно классу символов <code>[^0-9]</code> , который ищет один символ, который не является числом от нуля до девяти. </section>
+
+## Instructions
+<section id="instructions"> Используйте класс сокращенного символа для нецифровых цифр <code>\D</code> чтобы подсчитать, сколько цифр не указано в названиях фильмов. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вашему регулярному выражению следует использовать символ ярлыка для соответствия несимметричным символам
+    testString: 'assert(/\\D/.test(noNumRegex.source), "Your regex should use the shortcut character to match non-digit characters");'
+  - text: В вашем регулярном выражении должен использоваться глобальный флаг.
+    testString: 'assert(noNumRegex.global, "Your regex should use the global flag.");'
+  - text: Ваше регулярное выражение не должно содержать никаких цифр в <code>&quot;9&quot;</code> .
+    testString: 'assert("9".match(noNumRegex) == null, "Your regex should find no non-digits in <code>"9"</code>.");'
+  - text: Ваше регулярное выражение должно найти 6 цифр в <code>&quot;Catch 22&quot;</code> .
+    testString: 'assert("Catch 22".match(noNumRegex).length == 6, "Your regex should find 6 non-digits in <code>"Catch 22"</code>.");'
+  - text: Ваше регулярное выражение должно найти 11 разрядов в <code>&quot;101 Dalmatians&quot;</code> .
+    testString: 'assert("101 Dalmatians".match(noNumRegex).length == 11, "Your regex should find 11 non-digits in <code>"101 Dalmatians"</code>.");'
+  - text: 'Ваше регулярное выражение должно найти 15 цифр в <code>&quot;One, Two, Three&quot;</code> .'
+    testString: 'assert("One, Two, Three".match(noNumRegex).length == 15, "Your regex should find 15 non-digits in <code>"One, Two, Three"</code>.");'
+  - text: Ваше регулярное выражение должно найти 12 разрядов в <code>&quot;21 Jump Street&quot;</code> .
+    testString: 'assert("21 Jump Street".match(noNumRegex).length == 12, "Your regex should find 12 non-digits in <code>"21 Jump Street"</code>.");'
+  - text: 'Ваше регулярное выражение должно найти 17 разрядов в <code>&quot;2001: A Space Odyssey&quot;</code> .'
+    testString: 'assert("2001: A Space Odyssey".match(noNumRegex).length == 17, "Your regex should find 17 non-digits in <code>"2001: A Space Odyssey"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let numString = "Your sandwich will be $5.00";
+let noNumRegex = /change/; // Change this line
+let result = numString.match(noNumRegex).length;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-numbers.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-numbers.russian.md
new file mode 100644
index 0000000000..759a506200
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-numbers.russian.md
@@ -0,0 +1,65 @@
+---
+id: 5d712346c441eddfaeb5bdef
+title: Match All Numbers
+challengeType: 1
+videoUrl: ''
+localeTitle: Совпадение всех номеров
+---
+
+## Description
+<section id="description"> Вы узнали ярлыки для общих строковых шаблонов, таких как alphanumerics. Другой общий шаблон - это просто цифры или цифры. Ярлык для поиска цифровых символов - <code>\d</code> , с нижним регистром <code>d</code> . Это равно классу символов <code>[0-9]</code> , который ищет один символ любого числа от нуля до девяти. </section>
+
+## Instructions
+<section id="instructions"> Используйте класс сокращенного символа <code>\d</code> чтобы подсчитать, сколько цифр указано в названиях фильмов. Письменные номера («шесть» вместо 6) не учитываются. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вашему регулярному выражению следует использовать символ ярлыка для соответствия символам цифр
+    testString: 'assert(/\\d/.test(numRegex.source), "Your regex should use the shortcut character to match digit characters");'
+  - text: В вашем регулярном выражении должен использоваться глобальный флаг.
+    testString: 'assert(numRegex.global, "Your regex should use the global flag.");'
+  - text: Ваше регулярное выражение должно найти 1 цифру в <code>&quot;9&quot;</code> .
+    testString: 'assert("9".match(numRegex).length == 1, "Your regex should find 1 digit in <code>"9"</code>.");'
+  - text: ''
+    testString: 'assert("Catch 22".match(numRegex).length == 2, "Your regex should find 2 digits in <code>"Catch 22"</code>.");'
+  - text: ''
+    testString: 'assert("101 Dalmatians".match(numRegex).length == 3, "Your regex should find 3 digits in <code>"101 Dalmatians"</code>.");'
+  - text: ''
+    testString: 'assert("One, Two, Three".match(numRegex) == null, "Your regex should find no digits in <code>"One, Two, Three"</code>.");'
+  - text: Ваше регулярное выражение должно найти 2 цифры в <code>&quot;21 Jump Street&quot;</code> .
+    testString: 'assert("21 Jump Street".match(numRegex).length == 2, "Your regex should find 2 digits in <code>"21 Jump Street"</code>.");'
+  - text: 'Ваше регулярное выражение должно найти 4 цифры в <code>&quot;2001: A Space Odyssey&quot;</code> .'
+    testString: 'assert("2001: A Space Odyssey".match(numRegex).length == 4, "Your regex should find 4 digits in <code>"2001: A Space Odyssey"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let numString = "Your sandwich will be $5.00";
+let numRegex = /change/; // Change this line
+let result = numString.match(numRegex).length;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-anything-with-wildcard-period.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-anything-with-wildcard-period.russian.md
new file mode 100644
index 0000000000..92be852243
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-anything-with-wildcard-period.russian.md
@@ -0,0 +1,69 @@
+---
+id: 587d7db5367417b2b2512b94
+title: Match Anything with Wildcard Period
+challengeType: 1
+videoUrl: ''
+localeTitle: Сопоставить все с подстановочным периодом
+---
+
+## Description
+<section id="description"> Иногда вам не нужно (или не нужно) знать точные символы в ваших шаблонах. Думать обо всех словах, которые совпадают, скажем, с орфографией, займет много времени. К счастью, вы можете сэкономить время , используя подстановочные символы: <code>.</code> Символ подстановки <code>.</code> будет соответствовать любому персонажу. Подстановочный знак также называется <code>dot</code> и <code>period</code> . Вы можете использовать подстановочный знак, как и любой другой символ в регулярном выражении. Например, если вы хотите совместить <code>&quot;hug&quot;</code> , <code>&quot;huh&quot;</code> , <code>&quot;hut&quot;</code> и <code>&quot;hum&quot;</code> , вы можете использовать regex <code>/hu./</code> для соответствия всем четырем словам. <blockquote> пусть humStr = «Я буду напевать песню»; <br> let hugStr = «Обнимать медведя»; <br> пусть huRegex = /hu./; <br> humStr.match (huRegex); // Возвращает [&quot;гул&quot;] <br> hugStr.match (huRegex); // Возвращает [&quot;hug&quot;] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Заполните regex <code>unRegex</code> так, чтобы он соответствовал строкам <code>&quot;run&quot;</code> , <code>&quot;sun&quot;</code> , <code>&quot;fun&quot;</code> , <code>&quot;pun&quot;</code> , <code>&quot;nun&quot;</code> и <code>&quot;bun&quot;</code> . В вашем регулярном выражении должен использоваться символ подстановки. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вы должны использовать метод <code>.test()</code> .
+    testString: 'assert(code.match(/\.test\(.*\)/), "You should use the <code>.test()</code> method.");'
+  - text: Вы должны использовать символ подстановки в своем регулярном выражении <code>unRegex</code>
+    testString: 'assert(/\./.test(unRegex.source), "You should use the wildcard character in your regex <code>unRegex</code>");'
+  - text: ''
+    testString: 'assert(unRegex.test("Let us go on a run."), "Your regex <code>unRegex</code> should match <code>"run"</code> in <code>"Let us go on a run."</code>");'
+  - text: ''
+    testString: 'assert(unRegex.test("The sun is out today."), "Your regex <code>unRegex</code> should match <code>"sun"</code> in <code>"The sun is out today."</code>");'
+  - text: ''
+    testString: 'assert(unRegex.test("Coding is a lot of fun."), "Your regex <code>unRegex</code> should match <code>"fun"</code> in <code>"Coding is a lot of fun."</code>");'
+  - text: ''
+    testString: 'assert(unRegex.test("Seven days without a pun makes one weak."), "Your regex <code>unRegex</code> should match <code>"pun"</code> in <code>"Seven days without a pun makes one weak."</code>");'
+  - text: ''
+    testString: 'assert(unRegex.test("One takes a vow to be a nun."), "Your regex <code>unRegex</code> should match <code>"nun"</code> in <code>"One takes a vow to be a nun."</code>");'
+  - text: ''
+    testString: 'assert(unRegex.test("She got fired from the hot dog stand for putting her hair in a bun."), "Your regex <code>unRegex</code> should match <code>"bun"</code> in <code>"She got fired from the hot dog stand for putting her hair in a bun."</code>");'
+  - text: ''
+    testString: 'assert(!unRegex.test("There is a bug in my code."), "Your regex <code>unRegex</code> should not match <code>"There is a bug in my code."</code>");'
+  - text: ''
+    testString: 'assert(!unRegex.test("Can me if you can."), "Your regex <code>unRegex</code> should not match <code>"Catch me if you can."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let exampleStr = "Let's have fun with regular expressions!";
+let unRegex = /change/; // Change this line
+let result = unRegex.test(exampleStr);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-beginning-string-patterns.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-beginning-string-patterns.russian.md
new file mode 100644
index 0000000000..53a6209fc1
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-beginning-string-patterns.russian.md
@@ -0,0 +1,57 @@
+---
+id: 587d7db7367417b2b2512b9d
+title: Match Beginning String Patterns
+challengeType: 1
+videoUrl: ''
+localeTitle: Сопоставление начальных шаблонов строк
+---
+
+## Description
+<section id="description"> Предыдущие проблемы показали, что регулярные выражения могут использоваться для поиска нескольких совпадений. Они также используются для поиска шаблонов в определенных положениях в строках. В более ранней задаче вы использовали символ <code>caret</code> ( <code>^</code> ) внутри <code>character set</code> чтобы создать <code>negated character set</code> в форме <code>[^thingsThatWillNotBeMatched]</code> . Вне <code>character set</code> <code>caret</code> используется для поиска шаблонов в начале строк. <blockquote> пусть firstString = &quot;Ricky является первым и может быть найден.&quot;; <br> пусть firstRegex = / ^ Ricky /; <br> firstRegex.test (firstString); <br> // Возвращает true <br> let notFirst = «Теперь вы не можете найти Рики»; <br> firstRegex.test (notFirst); <br> // Возвращает false </blockquote></section>
+
+## Instructions
+<section id="instructions"> Используйте символ <code>caret</code> в регулярном выражении, чтобы найти <code>&quot;Cal&quot;</code> только в начале строки <code>rickyAndCal</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вашему регулярному выражению следует искать <code>&quot;Cal&quot;</code> с большой буквы.
+    testString: 'assert(calRegex.source == "^Cal", "Your regex should search for <code>"Cal"</code> with a capital letter.");'
+  - text: В вашем регулярном выражении не должно использоваться никаких флагов.
+    testString: 'assert(calRegex.flags == "", "Your regex should not use any flags.");'
+  - text: Ваше регулярное выражение должно соответствовать <code>&quot;Cal&quot;</code> в начале строки.
+    testString: 'assert(calRegex.test("Cal and Ricky both like racing."), "Your regex should match <code>"Cal"</code> at the beginning of the string.");'
+  - text: Ваше регулярное выражение не должно совпадать с <code>&quot;Cal&quot;</code> в середине строки.
+    testString: 'assert(!calRegex.test("Ricky and Cal both like racing."), "Your regex should not match <code>"Cal"</code> in the middle of a string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let rickyAndCal = "Cal and Ricky both like racing.";
+let calRegex = /change/; // Change this line
+let result = calRegex.test(rickyAndCal);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-one-or-more-times.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-one-or-more-times.russian.md
new file mode 100644
index 0000000000..8d9ea54340
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-one-or-more-times.russian.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db6367417b2b2512b99
+title: Match Characters that Occur One or More Times
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Символы, которые встречаются один или несколько раз'
+---
+
+## Description
+<section id="description"> Иногда вам нужно сопоставить символ (или группу символов), который появляется один или несколько раз подряд. Это означает, что это происходит по крайней мере один раз и может повторяться. Вы можете использовать символ <code>+</code> чтобы проверить, так ли это. Помните, что персонаж или шаблон должны присутствовать последовательно. То есть, персонаж должен повторять один за другим. Например, <code>/a+/g</code> найдет одно совпадение в <code>&quot;abc&quot;</code> и вернет <code>[&quot;a&quot;]</code> . Из-за <code>+</code> , он также найдет одно совпадение в <code>&quot;aabc&quot;</code> и вернет <code>[&quot;aa&quot;]</code> . Если бы это было вместо проверки строки <code>&quot;abab&quot;</code> , было бы найти два матча и вернуться <code>[&quot;a&quot;, &quot;a&quot;]</code> , потому что <code>a</code> символы не в ряд - есть <code>b</code> между ними. Наконец, поскольку в строке <code>&quot;bcd&quot;</code> нет <code>&quot;a&quot;</code> <code>&quot;bcd&quot;</code> , он не найдет соответствия. </section>
+
+## Instructions
+<section id="instructions"> Вы хотите , чтобы найти спички , когда буква <code>s</code> происходит один или несколько раз в <code>&quot;Mississippi&quot;</code> . Напишите регулярное выражение, которое использует знак <code>+</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваше регулярное выражение <code>myRegex</code> следует использовать <code>+</code> знак , чтобы соответствовать один или несколько <code>s</code> символов.'
+    testString: 'assert(/\+/.test(myRegex.source), "Your regex <code>myRegex</code> should use the <code>+</code> sign to match one or more <code>s</code> characters.");'
+  - text: Ваше регулярное выражение <code>myRegex</code> должно совпадать с двумя элементами.
+    testString: 'assert(result.length == 2, "Your regex <code>myRegex</code> should match 2 items.");'
+  - text: <code>result</code> переменной должен быть массив с двумя совпадениями <code>&quot;ss&quot;</code>
+    testString: 'assert(result[0] == "ss" && result[1] == "ss", "The <code>result</code> variable should be an array with two matches of <code>"ss"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let difficultSpelling = "Mississippi";
+let myRegex = /change/; // Change this line
+let result = difficultSpelling.match(myRegex);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-zero-or-more-times.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-zero-or-more-times.russian.md
new file mode 100644
index 0000000000..ec3249a9ad
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-zero-or-more-times.russian.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db6367417b2b2512b9a
+title: Match Characters that Occur Zero or More Times
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Символы соответствия, которые имеют нулевой или более длительный период'
+---
+
+## Description
+<section id="description"> Последний вызов использовал знак плюс <code>+</code> для поиска символов, которые происходят один или несколько раз. Также есть опция, которая соответствует символам, которые появляются ноль или более раз. Характер для этого - <code>asterisk</code> или <code>star</code> : <code>*</code> . <blockquote> let soccerWord = &quot;gooooooooal!&quot;; <br> пусть gPhrase = «чувство кишки»; <br> пусть oPhrase = &quot;над луной&quot;; <br> let goRegex = / go * /; <br> soccerWord.match (goRegex); // Возвращает [&quot;goooooooo&quot;] <br> gPhrase.match (goRegex); // Возвращает [&quot;g&quot;] <br> oPhrase.match (goRegex); // Возвращает значение null </blockquote></section>
+
+## Instructions
+<section id="instructions"> Создайте regex <code>chewieRegex</code> который использует символ <code>*</code> чтобы соответствовать всем верхним и нижним символам <code>&quot;a&quot;</code> в <code>chewieQuote</code> . Вашему регулярному выражению не нужны флаги, и он не должен совпадать с какими-либо другими цитатами. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваша регулярное выражение <code>chewieRegex</code> следует использовать <code>*</code> символ соответствует нулю или более символов. <code>a</code>
+    testString: 'assert(/\*/.test(chewieRegex.source), "Your regex <code>chewieRegex</code> should use the <code>*</code> character to match zero or more <code>a</code> characters.");'
+  - text: Ваше регулярное выражение <code>chewieRegex</code> должно совпадать с 16 символами.
+    testString: 'assert(result[0].length === 16, "Your regex <code>chewieRegex</code> should match 16 characters.");'
+  - text: Ваше регулярное выражение должно соответствовать <code>&quot;Aaaaaaaaaaaaaaaa&quot;</code> .
+    testString: 'assert(result[0] === "Aaaaaaaaaaaaaaaa", "Your regex should match <code>"Aaaaaaaaaaaaaaaa"</code>.");'
+  - text: 'Ваше регулярное выражение не должно совпадать с символами в <code>&quot;He made a fair move. Screaming about it can&#39;t help you.&quot;</code>'
+    testString: 'assert(!"He made a fair move. Screaming about it can\"t help you.".match(chewieRegex), "Your regex should not match any characters in <code>"He made a fair move. Screaming about it can&#39t help you."</code>");'
+  - text: 'Ваше регулярное выражение не должно совпадать с символами в <code>&quot;Let him have it. It&#39;s not wise to upset a Wookiee.&quot;</code>'
+    testString: 'assert(!"Let him have it. It\"s not wise to upset a Wookiee.".match(chewieRegex), "Your regex should not match any characters in <code>"Let him have it. It&#39s not wise to upset a Wookiee."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let chewieQuote = "Aaaaaaaaaaaaaaaarrrgh!";
+let chewieRegex = /change/; // Change this line
+let result = chewieQuote.match(chewieRegex);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-ending-string-patterns.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-ending-string-patterns.russian.md
new file mode 100644
index 0000000000..a0a75fc008
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-ending-string-patterns.russian.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db7367417b2b2512b9e
+title: Match Ending String Patterns
+challengeType: 1
+videoUrl: ''
+localeTitle: Шаблоны контуров соответствия
+---
+
+## Description
+<section id="description"> В последней задаче вы научились использовать символ <code>caret</code> для поиска шаблонов в начале строк. Существует также способ поиска шаблонов в конце строк. Вы можете искать конец строк, используя <code>dollar sign</code> <code>$</code> в конце регулярного выражения. <blockquote> пусть TheEnding = «Это бесконечная история»; <br> let storyRegex = / story $ /; <br> storyRegex.test (theEnding); <br> // Возвращает true <br> let noEnding = &quot;Иногда история должна закончиться&quot;; <br> storyRegex.test (noEnding); <br> // Возвращает false <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Используйте символ привязки ( <code>$</code> ), чтобы соответствовать строке <code>&quot;caboose&quot;</code> в конце строки <code>caboose</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(lastRegex.source == "caboose$", "You should search for <code>"caboose"</code> with the dollar sign <code>$</code> anchor in your regex.");'
+  - text: ''
+    testString: 'assert(lastRegex.flags == "", "Your regex should not use any flags.");'
+  - text: Вы должны соответствовать <code>&quot;caboose&quot;</code> в конце строки <code>&quot;The last car on a train is the caboose&quot;</code>
+    testString: 'assert(lastRegex.test("The last car on a train is the caboose"), "You should match <code>"caboose"</code> at the end of the string <code>"The last car on a train is the caboose"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let caboose = "The last car on a train is the caboose";
+let lastRegex = /change/; // Change this line
+let result = lastRegex.test(caboose);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-everything-but-letters-and-numbers.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-everything-but-letters-and-numbers.russian.md
new file mode 100644
index 0000000000..11699c57ea
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-everything-but-letters-and-numbers.russian.md
@@ -0,0 +1,61 @@
+---
+id: 587d7db8367417b2b2512ba0
+title: Match Everything But Letters and Numbers
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Совсем все, кроме букв и цифр'
+---
+
+## Description
+<section id="description"> Вы узнали, что вы можете использовать ярлык для соответствия буквенно-цифровым <code>[A-Za-z0-9_]</code> с помощью <code>\w</code> . Естественным шаблоном, который вы, возможно, захотите найти, является противоположность буквенно-цифровых символов. Вы можете искать противоположное <code>\w</code> с <code>\W</code> Обратите внимание, что противоположный шаблон использует заглавную букву. Этот ярлык совпадает с <code>[^A-Za-z0-9_]</code> . <blockquote> пусть shortHand = / \ W /; <br> пусть числа = «42%»; <br> пусть предложение = «Кодирование!»; <br> numbers.match (стенографии); // Возвращает [&quot;%&quot;] <br> sentence.match (стенографии); // Возвращает [&quot;!&quot;] <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Используйте класс сокращенного символа <code>\W</code> чтобы подсчитать количество не буквенно-цифровых символов в разных кавычках и строках. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: В вашем регулярном выражении должен использоваться глобальный флаг.
+    testString: 'assert(nonAlphabetRegex.global, "Your regex should use the global flag.");'
+  - text: 'Ваше регулярное выражение должно найти 6 букв в алфавитном порядке в <code>&quot;The five boxing wizards jump quickly.&quot;</code> ,'
+    testString: 'assert("The five boxing wizards jump quickly.".match(nonAlphabetRegex).length == 6, "Your regex should find 6 non-alphanumeric characters in <code>"The five boxing wizards jump quickly."</code>.");'
+  - text: В вашем регулярном выражении должен использоваться сокращенный символ.
+    testString: 'assert(/\\W/.test(nonAlphabetRegex.source), "Your regex should use the shorthand character to match characters which are non-alphanumeric.");'
+  - text: Ваше регулярное выражение должно найти 8 букв в алфавитном порядке в <code>&quot;Pack my box with five dozen liquor jugs.&quot;</code>
+    testString: 'assert("Pack my box with five dozen liquor jugs.".match(nonAlphabetRegex).length == 8, "Your regex should find 8 non-alphanumeric characters in <code>"Pack my box with five dozen liquor jugs."</code>");'
+  - text: 'В вашем регулярном выражении должно быть найдено 6 символов, отличных от алфавитно-цифровых символов, в <code>&quot;How vexingly quick daft zebras jump!&quot;</code>'
+    testString: 'assert("How vexingly quick daft zebras jump!".match(nonAlphabetRegex).length == 6, "Your regex should find 6 non-alphanumeric characters in <code>"How vexingly quick daft zebras jump!"</code>");'
+  - text: 'В вашем регулярном выражении должно быть найдено 12 символов, отличных от буквенно-цифровых символов, в <code>&quot;123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.&quot;</code>'
+    testString: 'assert("123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.".match(nonAlphabetRegex).length == 12, "Your regex should find 12 non-alphanumeric characters in <code>"123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ."</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "The five boxing wizards jump quickly.";
+let nonAlphabetRegex = /change/; // Change this line
+let result = quoteSample.match(nonAlphabetRegex).length;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-letters-of-the-alphabet.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-letters-of-the-alphabet.russian.md
new file mode 100644
index 0000000000..06d21cd55e
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-letters-of-the-alphabet.russian.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db5367417b2b2512b96
+title: Match Letters of the Alphabet
+challengeType: 1
+videoUrl: ''
+localeTitle: Матч-буквы алфавита
+---
+
+## Description
+<section id="description"> Вы видели, как вы можете использовать <code>character sets</code> чтобы указать группу символов для соответствия, но это очень много, когда вам нужно сопоставить большой диапазон символов (например, каждую букву в алфавите). К счастью, есть встроенная функция, которая делает это коротким и простым. Внутри <code>character set</code> вы можете определить диапазон символов в соответствии с символом <code>hyphen</code> : <code>-</code> . Например, чтобы соответствовать строчным буквам от <code>a</code> до <code>e</code> вы должны использовать <code>[ae]</code> . <blockquote> let catStr = &quot;cat&quot;; <br> let batStr = &quot;bat&quot;; <br> пусть matStr = &quot;мат&quot;; <br> пусть bgRegex = / [ae] at /; <br> catStr.match (bgRegex); // Возвращает [&quot;cat&quot;] <br> batStr.match (bgRegex); // Возвращает [&quot;bat&quot;] <br> matStr.match (bgRegex); // Возвращает значение null </blockquote></section>
+
+## Instructions
+<section id="instructions"> Сопоставьте все буквы в строке <code>quoteSample</code> . <strong>Заметка</strong> <br> Обязательно сопоставляйте <strong>буквы</strong> верхнего и нижнего регистра <strong><strong>.</strong></strong> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваше регулярное выражение <code>alphabetRegex</code> должно соответствовать 35 пунктам.
+    testString: 'assert(result.length == 35, "Your regex <code>alphabetRegex</code> should match 35 items.");'
+  - text: Ваша регулярное выражение <code>alphabetRegex</code> следует использовать глобальный флаг.
+    testString: 'assert(alphabetRegex.flags.match(/g/).length == 1, "Your regex <code>alphabetRegex</code> should use the global flag.");'
+  - text: Ваша регулярное выражение <code>alphabetRegex</code> следует использовать регистрозависимости флаг.
+    testString: 'assert(alphabetRegex.flags.match(/i/).length == 1, "Your regex <code>alphabetRegex</code> should use the case insensitive flag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "The quick brown fox jumps over the lazy dog.";
+let alphabetRegex = /change/; // Change this line
+let result = alphabetRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-literal-strings.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-literal-strings.russian.md
new file mode 100644
index 0000000000..f72b941008
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-literal-strings.russian.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db3367417b2b2512b8f
+title: Match Literal Strings
+challengeType: 1
+videoUrl: ''
+localeTitle: Литературные строки
+---
+
+## Description
+<section id="description"> В последнем вызове вы искали слово <code>&quot;Hello&quot;</code> используя регулярное выражение <code>/Hello/</code> . Это регулярное выражение искало буквальное совпадение строки <code>&quot;Hello&quot;</code> . Вот еще один пример поиска литерального соответствия строки <code>&quot;Kevin&quot;</code> : <blockquote> пусть testStr = «Привет, меня зовут Кевин»; <br> пусть testRegex = / Kevin /; <br> testRegex.test (testStr); <br> // Возвращает true </blockquote> Любые другие формы <code>&quot;Kevin&quot;</code> не совпадают. Например, regex <code>/Kevin/</code> не будет соответствовать <code>&quot;kevin&quot;</code> или <code>&quot;KEVIN&quot;</code> . <blockquote> let wrongRegex = / kevin /; <br> wrongRegex.test (testStr); <br> // Возвращает false </blockquote> Будущая задача покажет, как соотнести эти другие формы. </section>
+
+## Instructions
+<section id="instructions"> Заполните regex <code>waldoRegex</code> чтобы найти <code>&quot;Waldo&quot;</code> в строке <code>waldoIsHiding</code> с буквальным совпадением. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваше регулярное выражение <code>waldoRegex</code> должно найти <code>&quot;Waldo&quot;</code>
+    testString: 'assert(waldoRegex.test(waldoIsHiding), "Your regex <code>waldoRegex</code> should find <code>"Waldo"</code>");'
+  - text: ''
+    testString: 'assert(!waldoRegex.test("Somewhere is hiding in this text."), "Your regex <code>waldoRegex</code> should not search for anything else.");'
+  - text: Вы должны выполнить буквальное совпадение строк с вашим регулярным выражением.
+    testString: 'assert(!/\/.*\/i/.test(code), "You should perform a literal string match with your regex.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let waldoIsHiding = "Somewhere Waldo is hiding in this text.";
+let waldoRegex = /search/; // Change this line
+let result = waldoRegex.test(waldoIsHiding);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-non-whitespace-characters.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-non-whitespace-characters.russian.md
new file mode 100644
index 0000000000..11b4796a6e
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-non-whitespace-characters.russian.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db9367417b2b2512ba4
+title: Match Non-Whitespace Characters
+challengeType: 1
+videoUrl: ''
+localeTitle: Совпадение символов без пробелов
+---
+
+## Description
+<section id="description"> Вы узнали о поиске пробельных с помощью <code>\s</code> , со строчной <code>s</code> . Вы также можете искать все, кроме пробелов. Поиск непробельных с помощью <code>\S</code> , который является прописной <code>s</code> . Этот шаблон не будет соответствовать пробелам, возврату каретки, вкладке, фиду формы и новым строковым символам. Вы можете думать, что это похоже на класс символов <code>[^ \r\t\f\n\v]</code> . <blockquote> let whiteSpace = &quot;Пробел. Пробел везде!&quot; <br> пусть nonSpaceRegex = / \ S / g; <br> whiteSpace.match (nonSpaceRegex) .length; // Возвращает 32 </blockquote></section>
+
+## Instructions
+<section id="instructions"> Измените регулярное выражение <code>countNonWhiteSpace</code> чтобы искать несколько небелых символов в строке. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: В вашем регулярном выражении должен использоваться глобальный флаг.
+    testString: 'assert(countNonWhiteSpace.global, "Your regex should use the global flag.");'
+  - text: Вашему регулярному выражению следует использовать сокращенный символ
+    testString: 'assert(/\\S/.test(countNonWhiteSpace.source), "Your regex should use the shorthand character <code>\S/code> to match all non-whitespace characters.");'
+  - text: Ваше регулярное выражение должно найти 35 не-пробелов в <code>&quot;Men are from Mars and women are from Venus.&quot;</code>
+    testString: 'assert("Men are from Mars and women are from Venus.".match(countNonWhiteSpace).length == 35, "Your regex should find 35 non-spaces in <code>"Men are from Mars and women are from Venus."</code>");'
+  - text: 'Ваше регулярное выражение должно найти 23 пробела в <code>&quot;Space: the final frontier.&quot;</code>'
+    testString: 'assert("Space: the final frontier.".match(countNonWhiteSpace).length == 23, "Your regex should find 23 non-spaces in <code>"Space: the final frontier."</code>");'
+  - text: Ваше регулярное выражение должно найти 21 пробел в <code>&quot;MindYourPersonalSpace&quot;</code>
+    testString: 'assert("MindYourPersonalSpace".match(countNonWhiteSpace).length == 21, "Your regex should find 21 non-spaces in <code>"MindYourPersonalSpace"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let sample = "Whitespace is important in separating words";
+let countNonWhiteSpace = /change/; // Change this line
+let result = sample.match(countNonWhiteSpace);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-numbers-and-letters-of-the-alphabet.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-numbers-and-letters-of-the-alphabet.russian.md
new file mode 100644
index 0000000000..f6d360ab36
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-numbers-and-letters-of-the-alphabet.russian.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db5367417b2b2512b97
+title: Match Numbers and Letters of the Alphabet
+challengeType: 1
+videoUrl: ''
+localeTitle: Спичечные номера и буквы алфавита
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> Создайте одно регулярное выражение, соответствующее диапазону букв между <code>h</code> и <code>s</code> , и диапазон чисел от <code>2</code> до <code>6</code> . Не забудьте включить соответствующие флаги в регулярное выражение. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваше regex <code>myRegex</code> должно соответствовать 17 элементам.
+    testString: 'assert(result.length == 17, "Your regex <code>myRegex</code> should match 17 items.");'
+  - text: ''
+    testString: 'assert(myRegex.flags.match(/g/).length == 1, "Your regex <code>myRegex</code> should use the global flag.");'
+  - text: ''
+    testString: 'assert(myRegex.flags.match(/i/).length == 1, "Your regex <code>myRegex</code> should use the case insensitive flag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "Blueberry 3.141592653s are delicious.";
+let myRegex = /change/; // Change this line
+let result = myRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-character-with-multiple-possibilities.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-character-with-multiple-possibilities.russian.md
new file mode 100644
index 0000000000..97f5051876
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-character-with-multiple-possibilities.russian.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db5367417b2b2512b95
+title: Match Single Character with Multiple Possibilities
+challengeType: 1
+videoUrl: ''
+localeTitle: Совместный персонаж с несколькими возможностями
+---
+
+## Description
+<section id="description"> Вы узнали, как сопоставить литералы ( <code>/literal/</code> ) и подстановочный знак ( <code>/./</code> ). Это крайности регулярных выражений, где вы найдете точные совпадения, а другие - все. Существуют варианты, которые являются балансом между двумя крайностями. Вы можете искать буквенный шаблон с некоторой гибкостью с <code>character classes</code> . Классы символов позволяют вам определять группу символов, которые вы хотите сопоставить, помещая их в квадратные ( <code>[</code> и <code>]</code> ) скобки. Например, вы хотите совместить <code>&quot;bag&quot;</code> , <code>&quot;big&quot;</code> и <code>&quot;bug&quot;</code> но не <code>&quot;bog&quot;</code> . Вы можете создать regex <code>/b[aiu]g/</code> для этого. <code>[aiu]</code> - это класс символов, который будет соответствовать только символам <code>&quot;a&quot;</code> , <code>&quot;i&quot;</code> или <code>&quot;u&quot;</code> . <blockquote> пусть bigStr = «большой»; <br> let bagStr = &quot;bag&quot;; <br> let bugStr = &quot;ошибка&quot;; <br> пусть bogStr = &quot;болото&quot;; <br> пусть bgRegex = / b [aiu] g /; <br> bigStr.match (bgRegex); // Возвращает [&quot;большой&quot;] <br> bagStr.match (bgRegex); // Возвращает [&quot;bag&quot;] <br> bugStr.match (bgRegex); // Возвращает [&quot;bug&quot;] <br> bogStr.match (bgRegex); // Возвращает значение null </blockquote></section>
+
+## Instructions
+<section id="instructions"> Используйте класс символов с гласными ( <code>a</code> , <code>e</code> , <code>i</code> , <code>o</code> , <code>u</code> ) в вашем регулярном выражении <code>vowelRegex</code> чтобы найти все гласные в строке <code>quoteSample</code> . <strong>Заметка</strong> <br> Обязательно сопоставляйте гласные и нижние строчные гласные. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вы должны найти все 25 гласных.
+    testString: 'assert(result.length == 25, "You should find all 25 vowels.");'
+  - text: Ваш regex <code>vowelRegex</code> должен использовать класс символов.
+    testString: 'assert(/\[.*\]/.test(vowelRegex.source), "Your regex <code>vowelRegex</code> should use a character class.");'
+  - text: Ваш regex <code>vowelRegex</code> должен использовать глобальный флаг.
+    testString: 'assert(vowelRegex.flags.match(/g/).length == 1, "Your regex <code>vowelRegex</code> should use the global flag.");'
+  - text: 'В вашем регулярном выражении <code>vowelRegex</code> должен использоваться флаг, нечувствительный к регистру.'
+    testString: 'assert(vowelRegex.flags.match(/i/).length == 1, "Your regex <code>vowelRegex</code> should use the case insensitive flag.");'
+  - text: Ваше регулярное выражение не должно соответствовать согласным.
+    testString: 'assert(!/[b-df-hj-np-tv-z]/gi.test(result.join()), "Your regex should not match any consonants.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "Beware of bugs in the above code; I have only proved it correct, not tried it.";
+let vowelRegex = /change/; // Change this line
+let result = vowelRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-characters-not-specified.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-characters-not-specified.russian.md
new file mode 100644
index 0000000000..1be1749d57
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-characters-not-specified.russian.md
@@ -0,0 +1,55 @@
+---
+id: 587d7db6367417b2b2512b98
+title: Match Single Characters Not Specified
+challengeType: 1
+videoUrl: ''
+localeTitle: Совпадение отдельных символов не указано
+---
+
+## Description
+<section id="description"> Пока вы создали набор символов, которые вы хотите сопоставить, но вы также можете создать набор символов, которые вы не хотите сопоставлять. Эти типы наборов символов называются <code>negated character sets</code> . Чтобы создать <code>negated character set</code> , вы поместите символ <code>caret</code> ( <code>^</code> ) после открывающей скобки и перед символами, которые вы не хотите сопоставлять. Например, <code>/[^aeiou]/gi</code> соответствует всем символам, которые не являются гласным. Обратите внимание, что символы вроде <code>.</code> , <code>!</code> , <code>[</code> , <code>@</code> , <code>/</code> и пробел совпадают - набор символов отрицательного гласного исключает только символы гласных. </section>
+
+## Instructions
+<section id="instructions"> Создайте одно регулярное выражение, соответствующее всем символам, которые не являются числом или гласным. Не забудьте включить соответствующие флаги в регулярное выражение. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваше регулярное выражение <code>myRegex</code> должно соответствовать 9 элементам.
+    testString: 'assert(result.length == 9, "Your regex <code>myRegex</code> should match 9 items.");'
+  - text: Ваш regex <code>myRegex</code> должен использовать глобальный флаг.
+    testString: 'assert(myRegex.flags.match(/g/).length == 1, "Your regex <code>myRegex</code> should use the global flag.");'
+  - text: 'В regex <code>myRegex</code> должен использоваться флаг, нечувствительный к регистру.'
+    testString: 'assert(myRegex.flags.match(/i/).length == 1, "Your regex <code>myRegex</code> should use the case insensitive flag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let quoteSample = "3 blind mice.";
+let myRegex = /change/; // Change this line
+let result = myRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-whitespace.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-whitespace.russian.md
new file mode 100644
index 0000000000..dfc01510b3
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/match-whitespace.russian.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db8367417b2b2512ba3
+title: Match Whitespace
+challengeType: 1
+videoUrl: ''
+localeTitle: Совпадение пробелов
+---
+
+## Description
+<section id="description"> На сегодняшний день проблемы охватывают соответствующие буквы алфавита и цифры. Вы также можете сопоставить пробелы или пробелы между буквами. Вы можете искать пробелы с помощью <code>\s</code> , которая является строчной <code>s</code> . Этот шаблон не только соответствует пробелу, но также возвращает карету, вкладку, форму и новые символы строки. Вы можете считать это похожим на класс символов <code>[ \r\t\f\n\v]</code> . <blockquote> let whiteSpace = &quot;Пробел. Пробел везде!&quot; <br> пусть пространство Regex = / \ s / g; <br> whiteSpace.match (spaceRegex); <br> // Возвращает [&quot;&quot;, &quot;&quot;] <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Измените регулярное выражение <code>countWhiteSpace</code> для поиска нескольких символов пробела в строке. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: В вашем регулярном выражении должен использоваться глобальный флаг.
+    testString: 'assert(countWhiteSpace.global, "Your regex should use the global flag.");'
+  - text: Вашему регулярному выражению следует использовать сокращенный символ
+    testString: 'assert(/\\s/.test(countWhiteSpace.source), "Your regex should use the shorthand character <code>\s</code> to match all whitespace characters.");'
+  - text: Ваше регулярное выражение должно найти восемь пробелов в <code>&quot;Men are from Mars and women are from Venus.&quot;</code>
+    testString: 'assert("Men are from Mars and women are from Venus.".match(countWhiteSpace).length == 8, "Your regex should find eight spaces in <code>"Men are from Mars and women are from Venus."</code>");'
+  - text: 'Ваше регулярное выражение должно найти три пробела в <code>&quot;Space: the final frontier.&quot;</code>'
+    testString: 'assert("Space: the final frontier.".match(countWhiteSpace).length == 3, "Your regex should find three spaces in <code>"Space: the final frontier."</code>");'
+  - text: Ваше регулярное выражение не должно <code>&quot;MindYourPersonalSpace&quot;</code> пробелов в <code>&quot;MindYourPersonalSpace&quot;</code>
+    testString: 'assert("MindYourPersonalSpace".match(countWhiteSpace) == null, "Your regex should find no spaces in <code>"MindYourPersonalSpace"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let sample = "Whitespace is important in separating words";
+let countWhiteSpace = /change/; // Change this line
+let result = sample.match(countWhiteSpace);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/positive-and-negative-lookahead.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/positive-and-negative-lookahead.russian.md
new file mode 100644
index 0000000000..d6cda75f22
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/positive-and-negative-lookahead.russian.md
@@ -0,0 +1,65 @@
+---
+id: 587d7dba367417b2b2512ba9
+title: Positive and Negative Lookahead
+challengeType: 1
+videoUrl: ''
+localeTitle: Положительный и отрицательный Lookahead
+---
+
+## Description
+<section id="description"> <code>Lookaheads</code> - это шаблоны, которые говорят JavaScript для поиска в вашей строке, чтобы проверить шаблоны далее. Это может быть полезно, если вы хотите искать несколько шаблонов по одной и той же строке. Есть два вида <code>lookaheads</code> : <code>positive lookahead</code> и <code>negative lookahead</code> . <code>positive lookahead</code> взгляд будет выглядеть так, чтобы убедиться, что элемент в шаблоне поиска существует, но на самом деле не будет соответствовать ему. Положительный lookahead используется как <code>(?=...)</code> где <code>...</code> - искомая часть, которая не сопоставляется. С другой стороны, <code>negative lookahead</code> взгляд будет выглядеть так, чтобы убедиться, что элемент в шаблоне поиска отсутствует. Отрицательный lookahead используется как <code>(?!...)</code> где <code>...</code> это шаблон, который вы не хотите быть там. Остальная часть шаблона возвращается, если отрицательная обратная сторона отсутствует. Lookaheads немного запутывают, но некоторые примеры помогут. <blockquote> пусть quit = &quot;qu&quot;; <br> пусть noquit = &quot;qt&quot;; <br> пусть quRegex = / q (? = u) /; <br> пусть qRegex = / q (?! u) /; <br> quit.match (quRegex); // Возвращает [&quot;q&quot;] <br> noquit.match (qRegex); // Возвращает [&quot;q&quot;] </blockquote> Более практическое использование <code>lookaheads</code> - проверка двух или более шаблонов в одной строке. Вот (наивно) простая проверка пароля, которая ищет от 3 до 6 символов и по крайней мере одно число: <blockquote> пусть пароль = &quot;abc123&quot;; <br> пусть checkPass = / (? = \ w {3,6}) (? = \ D * \ d) /; <br> checkPass.test (пароль); // Возвращает true </blockquote></section>
+
+## Instructions
+<section id="instructions"> Используйте <code>lookaheads</code> в <code>pwRegex</code> , чтобы соответствовать пароли, которые больше 5 символов и имеют две последовательные цифры. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваше регулярное выражение должно использовать два положительных <code>lookaheads</code> .
+    testString: 'assert(pwRegex.source.match(/\(\?=.*?\)\(\?=.*?\)/) !== null, "Your regex should use two positive <code>lookaheads</code>.");'
+  - text: Ваше регулярное выражение не должно совпадать с <code>&quot;astronaut&quot;</code>
+    testString: 'assert(!pwRegex.test("astronaut"), "Your regex should not match <code>"astronaut"</code>");'
+  - text: Ваше регулярное выражение не должно совпадать с <code>&quot;airplanes&quot;</code>
+    testString: 'assert(!pwRegex.test("airplanes"), "Your regex should not match <code>"airplanes"</code>");'
+  - text: Ваше регулярное выражение не должно совпадать с <code>&quot;banan1&quot;</code>
+    testString: 'assert(!pwRegex.test("banan1"), "Your regex should not match <code>"banan1"</code>");'
+  - text: Ваше регулярное выражение должно соответствовать <code>&quot;bana12&quot;</code>
+    testString: 'assert(pwRegex.test("bana12"), "Your regex should match <code>"bana12"</code>");'
+  - text: Ваше регулярное выражение должно соответствовать <code>&quot;abc123&quot;</code>
+    testString: 'assert(pwRegex.test("abc123"), "Your regex should match <code>"abc123"</code>");'
+  - text: Ваше регулярное выражение не должно совпадать с <code>&quot;123&quot;</code>
+    testString: 'assert(!pwRegex.test("123"), "Your regex should not match <code>"123"</code>");'
+  - text: Ваше регулярное выражение не должно совпадать с <code>&quot;1234&quot;</code>
+    testString: 'assert(!pwRegex.test("1234"), "Your regex should not match <code>"1234"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let sampleWord = "astronaut";
+let pwRegex = /change/; // Change this line
+let result = pwRegex.test(sampleWord);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/remove-whitespace-from-start-and-end.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/remove-whitespace-from-start-and-end.russian.md
new file mode 100644
index 0000000000..aee6bc7cca
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/remove-whitespace-from-start-and-end.russian.md
@@ -0,0 +1,55 @@
+---
+id: 587d7dbb367417b2b2512bac
+title: Remove Whitespace from Start and End
+challengeType: 1
+videoUrl: ''
+localeTitle: Удаление пробелов от начала и конца
+---
+
+## Description
+<section id="description"> Иногда пробельные символы вокруг строк не нужны, но есть. Типичная обработка строк - удаление пробелов в начале и в конце. </section>
+
+## Instructions
+<section id="instructions"> Напишите регулярное выражение и используйте соответствующие строковые методы для удаления пробелов в начале и в конце строк. <strong>Заметка</strong> <br> Здесь будет работать метод <code>.trim()</code> , но вам придется выполнить эту задачу, используя регулярные выражения. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>result</code> должен равняться <code>&quot;Hello, World!&quot;</code>'
+    testString: 'assert(result == "Hello, World!", "<code>result</code> should equal to <code>"Hello, World!"</code>");'
+  - text: Вы не должны использовать метод <code>.trim()</code> .
+    testString: 'assert(!code.match(/\.trim\(.*?\)/), "You should not use the <code>.trim()</code> method.");'
+  - text: <code>result</code> переменная не должна быть установлена ​​равной строке.
+    testString: 'assert(!code.match(/result\s*=\s*".*?"/), "The <code>result</code> variable should not be set equal to a string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let hello = "   Hello, World!  ";
+let wsRegex = /change/; // Change this line
+let result = hello; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/restrict-possible-usernames.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/restrict-possible-usernames.russian.md
new file mode 100644
index 0000000000..daeba033f9
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/restrict-possible-usernames.russian.md
@@ -0,0 +1,61 @@
+---
+id: 587d7db8367417b2b2512ba2
+title: Restrict Possible Usernames
+challengeType: 1
+videoUrl: ''
+localeTitle: Ограничить возможные имена пользователей
+---
+
+## Description
+<section id="description"> Имена пользователей используются повсюду в Интернете. Это то, что дает пользователям уникальную идентификацию на своих любимых сайтах. Вам нужно проверить все имена пользователей в базе данных. Вот несколько простых правил, которым должны следовать пользователи при создании своего имени пользователя. 1) Единственные числа в имени пользователя должны быть в конце. В конце может быть ноль или более. 2) Буквы пользователя могут быть строчными и прописными. 3) Имена пользователей должны иметь длину не менее двух символов. Двухбуквенное имя пользователя может использовать только буквы алфавита. </section>
+
+## Instructions
+<section id="instructions"> Измените регулярное выражение <code>userCheck</code> чтобы он соответствовал ограничениям, перечисленным выше. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваше регулярное выражение должно соответствовать <code>JACK</code>
+    testString: 'assert(userCheck.test("JACK"), "Your regex should match <code>JACK</code>");'
+  - text: Ваше регулярное выражение не должно совпадать с <code>J</code>
+    testString: 'assert(!userCheck.test("J"), "Your regex should not match <code>J</code>");'
+  - text: ''
+    testString: 'assert(userCheck.test("Oceans11"), "Your regex should match <code>Oceans11</code>");'
+  - text: Ваше регулярное выражение должно соответствовать <code>RegexGuru</code>
+    testString: 'assert(userCheck.test("RegexGuru"), "Your regex should match <code>RegexGuru</code>");'
+  - text: ''
+    testString: 'assert(!userCheck.test("007"), "Your regex should not match <code>007</code>");'
+  - text: Ваше регулярное выражение не должно совпадать <code>9</code>
+    testString: 'assert(!userCheck.test("9"), "Your regex should not match <code>9</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let username = "JackOfAllTrades";
+let userCheck = /change/; // Change this line
+let result = userCheck.test(username);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.russian.md
new file mode 100644
index 0000000000..67cce4937c
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.russian.md
@@ -0,0 +1,69 @@
+---
+id: 587d7dbb367417b2b2512baa
+title: Reuse Patterns Using Capture Groups
+challengeType: 1
+videoUrl: ''
+localeTitle: Повторное использование шаблонов с использованием групп захвата
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вашему регулярному выражению следует использовать класс сокращенных символов для цифр.
+    testString: 'assert(reRegex.source.match(/\\d/), "Your regex should use the shorthand character class for digits.");'
+  - text: Ваше регулярное выражение должно повторно использовать группу захвата дважды.
+    testString: 'assert(reRegex.source.match(/\\\d/g).length === 2, "Your regex should reuse the capture group twice.");'
+  - text: 'У вашего регулярного выражения должно быть два пробела, разделяющих три числа.'
+    testString: 'assert(reRegex.source.match(/\\s/g).length === 2, "Your regex should have two spaces separating the three numbers.");'
+  - text: ''
+    testString: 'assert(reRegex.test("42 42 42"), "Your regex should match <code>"42 42 42"</code>.");'
+  - text: ''
+    testString: 'assert(reRegex.test("100 100 100"), "Your regex should match <code>"100 100 100"</code>.");'
+  - text: ''
+    testString: 'assert.equal(("42 42 42 42").match(reRegex.source), null, "Your regex should not match <code>"42 42 42 42"</code>.");'
+  - text: ''
+    testString: 'assert.equal(("42 42").match(reRegex.source), null, "Your regex should not match <code>"42 42"</code>.");'
+  - text: ''
+    testString: 'assert(!reRegex.test("101 102 103"), "Your regex should not match <code>"101 102 103"</code>.");'
+  - text: ''
+    testString: 'assert(!reRegex.test("1 2 3"), "Your regex should not match <code>"1 2 3"</code>.");'
+  - text: ''
+    testString: 'assert(reRegex.test("10 10 10"), "Your regex should match <code>"10 10 10"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let repeatNum = "42 42 42";
+let reRegex = /change/; // Change this line
+let result = reRegex.test(repeatNum);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-exact-number-of-matches.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-exact-number-of-matches.russian.md
new file mode 100644
index 0000000000..42e3fe2b8c
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-exact-number-of-matches.russian.md
@@ -0,0 +1,61 @@
+---
+id: 587d7db9367417b2b2512ba7
+title: Specify Exact Number of Matches
+challengeType: 1
+videoUrl: ''
+localeTitle: Укажите точное количество совпадений
+---
+
+## Description
+<section id="description"> Вы можете указать нижнее и верхнее число шаблонов с помощью <code>quantity specifiers</code> используя фигурные скобки. Иногда вам нужно только определенное количество совпадений. Чтобы указать определенное количество шаблонов, просто укажите это число между фигурными скобками. Например, чтобы соответствовать только слово <code>&quot;hah&quot;</code> с буквой <code>a</code> <code>3</code> раза, ваша регулярное выражение будет <code>/ha{3}h/</code> . <blockquote> пусть А4 = &quot;хааах&quot;; <br> пусть A3 = &quot;haaah&quot;; <br> пусть A100 = &quot;h&quot; + &quot;a&quot; .repeat (100) + &quot;h&quot;; <br> пусть multHA = / ha {3} h /; <br> multipleHA.test (А4); // Возвращает false <br> multipleHA.test (А3); // Возвращает true <br> multipleHA.test (А100); // Возвращает false </blockquote></section>
+
+## Instructions
+<section id="instructions"> Измените регулярное выражение <code>timRegex</code> в соответствии с словом <code>&quot;Timber&quot;</code> только тогда, когда оно имеет четыре буквы <code>m</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вашему регулярному выражению следует использовать фигурные скобки.
+    testString: 'assert(timRegex.source.match(/{.*?}/).length > 0, "Your regex should use curly brackets.");'
+  - text: Ваше регулярное выражение не должно совпадать с <code>&quot;Timber&quot;</code>
+    testString: 'assert(!timRegex.test("Timber"), "Your regex should not match <code>"Timber"</code>");'
+  - text: Ваше регулярное выражение не должно совпадать с <code>&quot;Timmber&quot;</code>
+    testString: 'assert(!timRegex.test("Timmber"), "Your regex should not match <code>"Timmber"</code>");'
+  - text: Ваше регулярное выражение не должно совпадать с <code>&quot;Timmmber&quot;</code>
+    testString: 'assert(!timRegex.test("Timmmber"), "Your regex should not match <code>"Timmmber"</code>");'
+  - text: Ваше регулярное выражение должно совпадать с <code>&quot;Timmmmber&quot;</code>
+    testString: 'assert(timRegex.test("Timmmmber"), "Your regex should match <code>"Timmmmber"</code>");'
+  - text: Ваше регулярное выражение не должно совпадать с <code>&quot;Timber&quot;</code> с 30 <code>m</code> в нем.
+    testString: 'assert(!timRegex.test("Ti" + "m".repeat(30) + "ber"), "Your regex should not match <code>"Timber"</code> with 30 <code>m</code>\"s in it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let timStr = "Timmmmber";
+let timRegex = /change/; // Change this line
+let result = timRegex.test(timStr);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-only-the-lower-number-of-matches.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-only-the-lower-number-of-matches.russian.md
new file mode 100644
index 0000000000..926015e6d8
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-only-the-lower-number-of-matches.russian.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db9367417b2b2512ba6
+title: Specify Only the Lower Number of Matches
+challengeType: 1
+videoUrl: ''
+localeTitle: Укажите только меньшее число совпадений
+---
+
+## Description
+<section id="description"> Вы можете указать нижнее и верхнее число шаблонов с помощью <code>quantity specifiers</code> используя фигурные скобки. Иногда вы хотите указать меньшее число шаблонов без верхнего предела. Чтобы указать только меньшее количество шаблонов, сохраните первое число, за которым следует запятая. Например, чтобы соответствовать только строке <code>&quot;hah&quot;</code> с буквой , появляющиеся по крайней мере <code>a</code> <code>3</code> раза, ваша регулярное выражение будет <code>/ha{3,}h/</code> . <blockquote> пусть А4 = &quot;хааах&quot;; <br> пусть А2 = «хаа»; <br> пусть A100 = &quot;h&quot; + &quot;a&quot; .repeat (100) + &quot;h&quot;; <br> пусть multA = / ha {3,} h /; <br> multipleA.test (А4); // Возвращает true <br> multipleA.test (А2); // Возвращает false <br> multipleA.test (А100); // Возвращает true </blockquote></section>
+
+## Instructions
+<section id="instructions"> Измените regex <code>haRegex</code> чтобы он соответствовал слову <code>&quot;Hazzah&quot;</code> только если у него четыре или более букв <code>z</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вашему регулярному выражению следует использовать фигурные скобки.
+    testString: 'assert(haRegex.source.match(/{.*?}/).length > 0, "Your regex should use curly brackets.");'
+  - text: Ваше регулярное выражение не должно совпадать с <code>&quot;Hazzah&quot;</code>
+    testString: 'assert(!haRegex.test("Hazzah"), "Your regex should not match <code>"Hazzah"</code>");'
+  - text: Ваше регулярное выражение не должно совпадать с <code>&quot;Hazzzah&quot;</code>
+    testString: 'assert(!haRegex.test("Hazzzah"), "Your regex should not match <code>"Hazzzah"</code>");'
+  - text: Ваше регулярное выражение должно соответствовать <code>&quot;Hazzzzah&quot;</code>
+    testString: 'assert(haRegex.test("Hazzzzah"), "Your regex should match <code>"Hazzzzah"</code>");'
+  - text: Ваше регулярное выражение должно соответствовать <code>&quot;Hazzzzzah&quot;</code>
+    testString: 'assert(haRegex.test("Hazzzzzah"), "Your regex should match <code>"Hazzzzzah"</code>");'
+  - text: Ваше регулярное выражение должно соответствовать <code>&quot;Hazzzzzzah&quot;</code>
+    testString: 'assert(haRegex.test("Hazzzzzzah"), "Your regex should match <code>"Hazzzzzzah"</code>");'
+  - text: 'Ваше регулярное выражение должно соответствовать <code>&quot;Hazzah&quot;</code> с 30 <code>z</code> &#39;s в нем.'
+    testString: 'assert(haRegex.test("Ha" + "z".repeat(30) + "ah"), "Your regex should match <code>"Hazzah"</code> with 30 <code>z</code>\"s in it.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let haStr = "Hazzzzah";
+let haRegex = /change/; // Change this line
+let result = haRegex.test(haStr);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-upper-and-lower-number-of-matches.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-upper-and-lower-number-of-matches.russian.md
new file mode 100644
index 0000000000..3caeb8ebb7
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-upper-and-lower-number-of-matches.russian.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db9367417b2b2512ba5
+title: Specify Upper and Lower Number of Matches
+challengeType: 1
+videoUrl: ''
+localeTitle: Указать верхнее и нижнее число совпадений
+---
+
+## Description
+<section id="description"> Напомним, что вы используете знак плюс <code>+</code> для поиска одного или нескольких символов и звездочки <code>*</code> для поиска нулевого или большего количества символов. Это удобно, но иногда вы хотите соответствовать определенному диапазону шаблонов. Вы можете указать нижнее и верхнее число шаблонов с <code>quantity specifiers</code> . Спецификаторы количества используются с фигурными скобками ( <code>{</code> и <code>}</code> ). Вы устанавливаете два числа между фигурными скобками - для нижнего и верхнего числа шаблонов. Например, чтобы соответствовать только букве <code>a</code> появляющейся между <code>3</code> и <code>5</code> раз в строке <code>&quot;ah&quot;</code> , ваше регулярное выражение будет <code>/a{3,5}h/</code> . <blockquote> пусть A4 = «aaaah»; <br> пусть A2 = &quot;aah&quot;; <br> пусть несколько А = / а {3,5} ч /; <br> multipleA.test (А4); // Возвращает true <br> multipleA.test (А2); // Возвращает false </blockquote></section>
+
+## Instructions
+<section id="instructions"> Измените regex <code>ohRegex</code> на соответствие только <code>3</code> - <code>6</code> буквам <code>h</code> в слове <code>&quot;Oh no&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вашему регулярному выражению следует использовать фигурные скобки.
+    testString: 'assert(ohRegex.source.match(/{.*?}/).length > 0, "Your regex should use curly brackets.");'
+  - text: Ваше регулярное выражение не должно совпадать с <code>&quot;Ohh no&quot;</code>
+    testString: 'assert(!ohRegex.test("Ohh no"), "Your regex should not match <code>"Ohh no"</code>");'
+  - text: Ваше регулярное выражение должно соответствовать <code>&quot;Ohhh no&quot;</code>
+    testString: 'assert(ohRegex.test("Ohhh no"), "Your regex should match <code>"Ohhh no"</code>");'
+  - text: Ваше регулярное выражение должно соответствовать <code>&quot;Ohhhh no&quot;</code>
+    testString: 'assert(ohRegex.test("Ohhhh no"), "Your regex should match <code>"Ohhhh no"</code>");'
+  - text: Ваше регулярное выражение должно соответствовать <code>&quot;Ohhhhh no&quot;</code>
+    testString: 'assert(ohRegex.test("Ohhhhh no"), "Your regex should match <code>"Ohhhhh no"</code>");'
+  - text: Ваше регулярное выражение должно соответствовать <code>&quot;Ohhhhhh no&quot;</code>
+    testString: 'assert(ohRegex.test("Ohhhhhh no"), "Your regex should match <code>"Ohhhhhh no"</code>");'
+  - text: Ваше регулярное выражение не должно совпадать <code>&quot;Ohhhhhhh no&quot;</code>
+    testString: 'assert(!ohRegex.test("Ohhhhhhh no"), "Your regex should not match <code>"Ohhhhhhh no"</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let ohStr = "Ohhh no";
+let ohRegex = /change/; // Change this line
+let result = ohRegex.test(ohStr);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/use-capture-groups-to-search-and-replace.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/use-capture-groups-to-search-and-replace.russian.md
new file mode 100644
index 0000000000..2799f94580
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/use-capture-groups-to-search-and-replace.russian.md
@@ -0,0 +1,56 @@
+---
+id: 587d7dbb367417b2b2512bab
+title: Use Capture Groups to Search and Replace
+challengeType: 1
+videoUrl: ''
+localeTitle: Использование групп захвата для поиска и замены
+---
+
+## Description
+<section id="description"> Поиск полезен. Однако вы можете сделать поиск еще более мощным, когда он также изменяет (или заменяет) текст, который вы соответствуете. Вы можете искать и заменять текст в строке, используя <code>.replace()</code> в строке. Входы для <code>.replace()</code> - это сначала шаблон регулярного выражения, который вы хотите найти. Второй параметр - это строка, которая заменит совпадение или функцию, чтобы что-то сделать. <blockquote> пусть wrongText = «Небо серебристое»; <br> пусть сереброRegex = / серебро /; <br> wrongText.replace (silverRegex, «синий»); <br> // Возвращает «Небо синее». </blockquote> Вы также можете получить доступ к группам захвата в строке замены знаками доллара ( <code>$</code> ). <blockquote> «Кодовый лагерь» .replace (/ (\ w +) \ s (\ w +) /, &#39;$ 2 $ 1&#39;); <br> // Возвращает «Код лагеря» </blockquote></section>
+
+## Instructions
+<section id="instructions"> Напишите регулярное выражение так, чтобы он искал строку <code>&quot;good&quot;</code> . Затем обновите переменную <code>replaceText</code> чтобы заменить <code>&quot;good&quot;</code> на <code>&quot;okey-dokey&quot;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вы должны использовать <code>.replace()</code> для поиска и замены.
+    testString: 'assert(code.match(/\.replace\(.*\)/), "You should use <code>.replace()</code> to search and replace.");'
+  - text: 'Ваше регулярное выражение должно измениться: <code>&quot;This sandwich is good.&quot;</code> <code>&quot;This sandwich is okey-dokey.&quot;</code>'
+    testString: 'assert(result == "This sandwich is okey-dokey." && replaceText === "okey-dokey", "Your regex should change <code>"This sandwich is good."</code> to <code>"This sandwich is okey-dokey."</code>");'
+  - text: Вы не должны менять последнюю строку.
+    testString: 'assert(code.match(/result\s*=\s*huhText\.replace\(.*?\)/), "You should not change the last line.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let huhText = "This sandwich is good.";
+let fixRegex = /change/; // Change this line
+let replaceText = ""; // Change this line
+let result = huhText.replace(fixRegex, replaceText);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.russian.md b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.russian.md
new file mode 100644
index 0000000000..8f2b508701
--- /dev/null
+++ b/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.russian.md
@@ -0,0 +1,53 @@
+---
+id: 587d7db3367417b2b2512b8e
+title: Using the Test Method
+challengeType: 1
+videoUrl: ''
+localeTitle: Использование метода испытаний
+---
+
+## Description
+<section id="description"> Регулярные выражения используются в языках программирования для соответствия частям строк. Вы создаете шаблоны, которые помогут вам выполнить это сопоставление. Если вы хотите найти слово <code>&quot;the&quot;</code> в строке <code>&quot;The dog chased the cat&quot;</code> , вы можете использовать следующее регулярное выражение: <code>/the/</code> . Обратите внимание, что кавычки не требуются в регулярном выражении. JavaScript имеет несколько способов использования регулярных выражений. Один из способов проверки регулярного выражения - использовать метод <code>.test()</code> . Метод <code>.test()</code> принимает регулярное выражение, применяет его к строке (которая помещается внутри круглых скобок) и возвращает <code>true</code> или <code>false</code> если ваш шаблон что-то находит или нет. <blockquote> пусть testStr = &quot;freeCodeCamp&quot;; <br> пусть testRegex = / Code /; <br> testRegex.test (testStr); <br> // Возвращает true </blockquote></section>
+
+## Instructions
+<section id="instructions"> Примените regex <code>myRegex</code> к строке <code>myString</code> используя метод <code>.test()</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вы должны использовать <code>.test()</code> для проверки регулярного выражения.
+    testString: 'assert(code.match(/myRegex.test\(\s*myString\s*\)/), "You should use <code>.test()</code> to test the regex.");'
+  - text: Ваш результат должен возвращать <code>true</code> .
+    testString: 'assert(result === true, "Your result should return <code>true</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+let myString = "Hello, World!";
+let myRegex = /Hello/;
+let result = myRegex; // Change this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/add-elements-within-your-bootstrap-wells.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/add-elements-within-your-bootstrap-wells.russian.md
new file mode 100644
index 0000000000..3b8c5451c5
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/add-elements-within-your-bootstrap-wells.russian.md
@@ -0,0 +1,71 @@
+---
+id: bad87fee1348bd9aec908849
+title: Add Elements within Your Bootstrap Wells
+challengeType: 0
+videoUrl: ''
+localeTitle: Добавить элементы внутри ваших бутстрапов
+---
+
+## Description
+<section id="description"> Теперь у нас есть несколько элементов <code>div</code> на каждом столбце нашей строки. Это настолько глубоко, что нам нужно идти. Теперь мы можем добавить элементы <code>button</code> . Гнездо три <code>button</code> элементы внутри каждого из <code>well</code> <code>div</code> элементов. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("div.well:eq(0)").children("button").length === 3 && $("div.well:eq(1)").children("button").length === 3, "Nest three <code>button</code> elements within each of your <code>div</code> elements with class <code>well</code>.");'
+  - text: ''
+    testString: 'assert($("button") && $("button").length > 5, "You should have a total of 6 <code>button</code> elements.");'
+  - text: ''
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+
+
+
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+
+
+
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons.russian.md
new file mode 100644
index 0000000000..34080c85fa
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons.russian.md
@@ -0,0 +1,113 @@
+---
+id: bad87fee1348bd9aedc08845
+title: Add Font Awesome Icons to all of our Buttons
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Добавить шрифт Удивительные иконки ко всем нашим кнопкам
+---
+
+## Description
+<section id="description"> Font Awesome - удобная библиотека икон. Эти значки являются векторной графикой, хранящейся в формате <code>.svg</code> файла. Эти значки обрабатываются так же, как шрифты. Вы можете указать их размер с помощью пикселей, и они будут предполагать размер шрифта своих родительских элементов HTML. Используйте Font Awesome, чтобы добавить значок <code>info-circle</code> в вашу информационную кнопку и значок <code>trash</code> на вашу кнопку удаления. Примечание. Элемент <code>span</code> является приемлемой альтернативой элементу <code>i</code> для указанных ниже направлений. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вы должны добавить <code>&lt;i class=&quot;fa fa-info-circle&quot;&gt;&lt;/i&gt;</code> в свой элемент кнопки информации.
+    testString: 'assert($(".btn-info > i").is(".fa.fa-info-circle") || $(".btn-info > span").is(".fa.fa-info-circle"), "You should add a <code>&#60;i class="fa fa-info-circle"&#62;&#60;/i&#62;</code> within your info button element.");'
+  - text: Вы должны добавить элемент <code>&lt;i class=&quot;fa fa-trash&quot;&gt;&lt;/i&gt;</code> в свой элемент кнопки удаления.
+    testString: 'assert($(".btn-danger > i").is(".fa.fa-trash") || $(".btn-danger > span").is(".fa.fa-trash"), "You should add a <code>&#60;i class="fa fa-trash"&#62;&#60;/i&#62;</code> within your delete button element.");'
+  - text: 'Убедитесь, что у каждого из ваших элементов <code>i</code> есть закрывающий тег, а <code>&lt;i class=&quot;fa fa-thumbs-up&quot;&gt;&lt;/i&gt;</code> находится в вашем подобном элементе кнопки.'
+    testString: 'assert(code.match(/<\/i>|<\/span/g) && code.match(/<\/i|<\/span>/g).length > 2 && ($(".btn-primary > i").is(".fa.fa-thumbs-up") || $(".btn-primary > span").is(".fa.fa-thumbs-up")), "Make sure each of your <code>i</code> elements has a closing tag and <code>&#60;i class="fa fa-thumbs-up"&#62;&#60;/i&#62;</code> is in your like button element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.russian.md
new file mode 100644
index 0000000000..e06ba1a66d
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.russian.md
@@ -0,0 +1,115 @@
+---
+id: bad87fee1348bd9aedd08845
+title: Add Font Awesome Icons to our Buttons
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Добавить шрифт Удивительные значки на наши кнопки
+---
+
+## Description
+<section id="description"> Font Awesome - удобная библиотека икон. Эти значки являются векторной графикой, хранящейся в формате <code>.svg</code> файла. Эти значки обрабатываются так же, как шрифты. Вы можете указать их размер с помощью пикселей, и они будут предполагать размер шрифта своих родительских элементов HTML. Вы можете включить Font Awesome в любое приложение, добавив следующий код в начало вашего HTML: <code>&lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css&quot; integrity=&quot;sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+&quot; crossorigin=&quot;anonymous&quot;&gt;</code> В этом случае мы уже добавили его для вас на эту страницу за кулисами. Элемент <code>i</code> изначально использовался, чтобы сделать другие элементы курсивом, но теперь он обычно используется для значков. Вы можете добавить классы Font Awesome к элементу <code>i</code> чтобы превратить его в значок, например: <code>&lt;i class=&quot;fa fa-info-circle&quot;&gt;&lt;/i&gt;</code> Обратите внимание, что элемент <code>span</code> также подходит для использования с значками , Используйте Font Awesome, чтобы добавить значок <code>thumbs-up</code> в вашу кнопку, предоставив ему элемент <code>i</code> с классами <code>fa</code> и <code>fa-thumbs-up</code> ; обязательно сохраните текст «Like» рядом с значком. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Добавьте элемент <code>i</code> с классами <code>fa</code> и <code>fa-thumbs-up</code> .
+    testString: 'assert($("i").is(".fa.fa-thumbs-up") || $("span").is(".fa.fa-thumbs-up"), "Add an <code>i</code> element with the classes <code>fa</code> and <code>fa-thumbs-up</code>.");'
+  - text: Значок <code>fa-thumbs-up</code> должен находиться в кнопке Like.
+    testString: 'assert(($("i.fa-thumbs-up").parent().text().match(/Like/gi) && $(".btn-primary > i").is(".fa.fa-thumbs-up")) || ($("span.fa-thumbs-up").parent().text().match(/Like/gi) && $(".btn-primary > span").is(".fa.fa-thumbs-up")), "Your <code>fa-thumbs-up</code> icon should be located within the Like button.");'
+  - text: Настройте свой элемент <code>i</code> в своем элементе <code>button</code> .
+    testString: 'assert($("button").children("i").length > 0 || $("button").children("span").length > 0, "Nest your <code>i</code> element within your <code>button</code> element.");'
+  - text: 'Убедитесь, что ваш значок имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/i>|<\/span>/g), "Make sure your icon element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/add-id-attributes-to-bootstrap-elements.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/add-id-attributes-to-bootstrap-elements.russian.md
new file mode 100644
index 0000000000..5d373963b7
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/add-id-attributes-to-bootstrap-elements.russian.md
@@ -0,0 +1,70 @@
+---
+id: bad87fee1348bd9aec908853
+title: Add id Attributes to Bootstrap Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Добавление атрибутов идентификатора к элементам начальной загрузки
+---
+
+## Description
+<section id="description"> Напомним, что помимо атрибутов класса вы можете указать каждому из ваших элементов атрибут <code>id</code> . Каждый идентификатор должен быть уникальным для определенного элемента и использоваться только один раз на странице. Давайте дадим уникальный идентификатор для каждого из наших <code>div</code> элементов класса <code>well</code> . Помните, что вы можете указать элемент id следующим образом: <code>&lt;div class=&quot;well&quot; id=&quot;center-well&quot;&gt;</code> Дайте колодец слева идентификатор <code>left-well</code> . Дайте колодец справа <code>right-well</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Дайте вашему левому <code>well</code> идентификатор <code>left-well</code> .
+    testString: 'assert($(".col-xs-6").children("#left-well") && $(".col-xs-6").children("#left-well").length > 0, "Give your left <code>well</code> the id of <code>left-well</code>.");'
+  - text: Дайте право <code>well</code> идентификатор <code>right-well</code> .
+    testString: 'assert($(".col-xs-6").children("#right-well") && $(".col-xs-6").children("#right-well").length > 0, "Give your right <code>well</code> the id of <code>right-well</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/apply-the-default-bootstrap-button-style.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/apply-the-default-bootstrap-button-style.russian.md
new file mode 100644
index 0000000000..75bfece62f
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/apply-the-default-bootstrap-button-style.russian.md
@@ -0,0 +1,71 @@
+---
+id: bad87fee1348bd9aec908850
+title: Apply the Default Bootstrap Button Style
+challengeType: 0
+guideUrl: 'https://russian.freecodecamp.org/guide/certificates/apply-the-default-bootstrap-button-style'
+videoUrl: ''
+localeTitle: Применить стиль кнопки Bootstrap по умолчанию
+---
+
+## Description
+<section id="description"> В Bootstrap есть еще один класс кнопок <code>btn-default</code> . Примените оба <code>btn</code> и <code>btn-default</code> к каждому из ваших элементов <code>button</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Примените класс <code>btn</code> к каждому из ваших элементов <code>button</code> .
+    testString: 'assert($(".btn").length > 5, "Apply the <code>btn</code> class to each of your <code>button</code> elements.");'
+  - text: Примените <code>btn-default</code> к каждому из ваших элементов <code>button</code> .
+    testString: 'assert($(".btn-default").length > 5, "Apply the <code>btn-default</code> class to each of your <code>button</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+        <button></button>
+        <button></button>
+        <button></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+        <button></button>
+        <button></button>
+        <button></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/call-out-optional-actions-with-btn-info.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/call-out-optional-actions-with-btn-info.russian.md
new file mode 100644
index 0000000000..4b9a5c85ca
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/call-out-optional-actions-with-btn-info.russian.md
@@ -0,0 +1,113 @@
+---
+id: bad87fee1348cd8acef08813
+title: Call out Optional Actions with btn-info
+challengeType: 0
+videoUrl: ''
+localeTitle: Вызовите дополнительные действия с помощью btn-info
+---
+
+## Description
+<section id="description"> Bootstrap поставляется с несколькими заранее определенными цветами для кнопок. Класс <code>btn-info</code> используется для привлечения внимания к необязательным действиям, которые пользователь может выполнить. Создайте новую кнопку Bootstrap на уровне блока под кнопкой « <code>btn-info</code> нравится» с текстом «Информация» и добавьте к нему <code>btn-info</code> и <code>btn-block</code> Bootstrap. Обратите внимание, что этим кнопкам по-прежнему нужны <code>btn</code> и <code>btn-block</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Создайте новый элемент <code>button</code> с текстом «Информация».
+    testString: 'assert(new RegExp("info","gi").test($("button").text()), "Create a new <code>button</code> element with the text "Info".");'
+  - text: Обе ваши кнопки Bootstrap должны иметь <code>btn</code> и <code>btn-block</code> .
+    testString: 'assert($("button.btn-block.btn").length > 1, "Both of your Bootstrap buttons should have the <code>btn</code> and <code>btn-block</code> classes.");'
+  - text: Ваша новая кнопка должна иметь класс <code>btn-info</code> .
+    testString: 'assert($("button").hasClass("btn-info"), "Your new button should have the class <code>btn-info</code>.");'
+  - text: 'Убедитесь, что все элементы <code>button</code> имеют закрывающий тег.'
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-block btn-primary">Like</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/center-text-with-bootstrap.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/center-text-with-bootstrap.russian.md
new file mode 100644
index 0000000000..40c0e6f833
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/center-text-with-bootstrap.russian.md
@@ -0,0 +1,108 @@
+---
+id: bad87fee1348bd8acde08812
+title: Center Text with Bootstrap
+challengeType: 0
+videoUrl: ''
+localeTitle: Текст центра с бутстрапом
+---
+
+## Description
+<section id="description"> Теперь, когда мы используем Bootstrap, мы можем сосредоточить наш элемент заголовка, чтобы он выглядел лучше. Все, что нам нужно сделать, это добавить <code>text-center</code> класса к нашему элементу <code>h2</code> . Помните, что вы можете добавить несколько классов в один и тот же элемент, разделив каждое из них на пробел, например: <code>&lt;h2 class=&quot;red-text text-center&quot;&gt;your text&lt;/h2&gt;</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш элемент <code>h2</code> должен быть центрирован, применяя <code>text-center</code> класса'
+    testString: 'assert($("h2").hasClass("text-center"), "Your <code>h2</code> element should be centered by applying the class <code>text-center</code>");'
+  - text: Ваш элемент <code>h2</code> должен по-прежнему иметь класс <code>red-text</code>
+    testString: 'assert($("h2").hasClass("red-text"), "Your <code>h2</code> element should still have the class <code>red-text</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-a-block-element-bootstrap-button.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-a-block-element-bootstrap-button.russian.md
new file mode 100644
index 0000000000..0550bfb4a6
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-a-block-element-bootstrap-button.russian.md
@@ -0,0 +1,110 @@
+---
+id: bad87fee1348cd8acef08812
+title: Create a Block Element Bootstrap Button
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание кнопки бутстрапа с блочным элементом
+---
+
+## Description
+<section id="description"> Обычно ваши элементы <code>button</code> с <code>btn</code> и <code>btn-default</code> имеют только ширину, чем текст, который они содержат. Например: <code>&lt;button class=&quot;btn btn-default&quot;&gt;Submit&lt;/button&gt;</code> Эта кнопка будет только шириной, чем слово «Отправить». <button class="btn btn-default">Представьте,</button> заставив их блокировать элементы дополнительным классом <code>btn-block</code> , ваша кнопка будет растягиваться, чтобы заполнить все горизонтальное пространство вашей страницы, и все последующие за ней элементы будут перетекать в «новую строку» под блоком. <code>&lt;button class=&quot;btn btn-default btn-block&quot;&gt;Submit&lt;/button&gt;</code> Эта кнопка займет 100% доступной ширины. <button class="btn btn-default btn-block">Отправить</button> Обратите внимание , что эти кнопки все еще нуждаются в <code>btn</code> классе. Добавьте класс <code>btn-block</code> Bootstrap в вашу кнопку Bootstrap. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("button").hasClass("btn") && $("button").hasClass("btn-default"), "Your button should still have the <code>btn</code> and <code>btn-default</code> classes.");'
+  - text: ''
+    testString: 'assert($("button").hasClass("btn-block"), "Your button should have the class <code>btn-block</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-default">Like</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-a-bootstrap-button.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-a-bootstrap-button.russian.md
new file mode 100644
index 0000000000..8aae16df9a
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-a-bootstrap-button.russian.md
@@ -0,0 +1,111 @@
+---
+id: bad87fee1348cd8acdf08812
+title: Create a Bootstrap Button
+challengeType: 0
+videoUrl: ''
+localeTitle: Создать кнопку загрузки
+---
+
+## Description
+<section id="description"> У Bootstrap есть свои стили для элементов <code>button</code> , которые выглядят намного лучше, чем простые HTML-версии. Создайте новый элемент <code>button</code> под фотографией большого котенка. Дайте ему <code>btn</code> и <code>btn-default</code> , а также текст «Like». </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Создайте новый элемент <code>button</code> с текстом «Like».
+    testString: 'assert(new RegExp("like","gi").test($("button").text()) && ($("img.img-responsive + button.btn").length > 0), "Create a new <code>button</code> element with the text "Like".");'
+  - text: 'Ваша новая кнопка должна иметь два класса: <code>btn</code> и <code>btn-default</code> .'
+    testString: 'assert($("button").hasClass("btn") && $("button").hasClass("btn-default"), "Your new button should have two classes: <code>btn</code> and <code>btn-default</code>.");'
+  - text: 'Убедитесь, что все элементы <code>button</code> имеют закрывающий тег.'
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-a-bootstrap-headline.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-a-bootstrap-headline.russian.md
new file mode 100644
index 0000000000..6b15fee847
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-a-bootstrap-headline.russian.md
@@ -0,0 +1,57 @@
+---
+id: bad87fee1348bd9aec908846
+title: Create a Bootstrap Headline
+challengeType: 0
+videoUrl: ''
+localeTitle: Создать заголовок Bootstrap
+---
+
+## Description
+<section id="description"> Теперь давайте построим что-то с нуля, чтобы практиковать наши навыки HTML, CSS и Bootstrap. Мы построим игровую площадку jQuery, которую мы скоро станем использовать в наших задачах jQuery. Для начала создайте элемент <code>h3</code> с текстовой <code>jQuery Playground</code> . Разделите свой элемент <code>h3</code> <code>text-primary</code> исходным классом Bootstrap и центрируйте его с помощью <code>text-center</code> Bootstrap. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Добавьте элемент <code>h3</code> на свою страницу.
+    testString: 'assert($("h3") && $("h3").length > 0, "Add a <code>h3</code> element to your page.");'
+  - text: 'Убедитесь, что ваш элемент <code>h3</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/h3>/g) && code.match(/<h3/g) && code.match(/<\/h3>/g).length === code.match(/<h3/g).length, "Make sure your <code>h3</code> element has a closing tag.");'
+  - text: 'Ваш элемент <code>h3</code> должен быть окрашен, применяя <code>text-primary</code> класса <code>text-primary</code>'
+    testString: 'assert($("h3").hasClass("text-primary"), "Your <code>h3</code> element should be colored by applying the class <code>text-primary</code>");'
+  - text: 'Ваш элемент <code>h3</code> должен быть центрирован, применяя <code>text-center</code> класса'
+    testString: 'assert($("h3").hasClass("text-center"), "Your <code>h3</code> element should be centered by applying the class <code>text-center</code>");'
+  - text: Ваш элемент <code>h3</code> должен иметь текстовую <code>jQuery Playground</code> .
+    testString: 'assert.isTrue((/jquery(\s)+playground/gi).test($("h3").text()), "Your <code>h3</code> element should have the text <code>jQuery Playground</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-a-bootstrap-row.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-a-bootstrap-row.russian.md
new file mode 100644
index 0000000000..d33018a33f
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-a-bootstrap-row.russian.md
@@ -0,0 +1,59 @@
+---
+id: bad87fee1348bd9bec908846
+title: Create a Bootstrap Row
+challengeType: 0
+videoUrl: ''
+localeTitle: Создать строку Bootstrap
+---
+
+## Description
+<section id="description"> Теперь мы создадим строку Bootstrap для наших встроенных элементов. Создайте элемент <code>div</code> под тегом <code>h3</code> с классом <code>row</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Добавьте элемент <code>div</code> ниже вашего элемента <code>h3</code> .
+    testString: 'assert(($("div").length > 1) && ($("div.row h3.text-primary").length == 0) && ($("div.row + h3.text-primary").length == 0) && ($("h3.text-primary + div.row").length > 0), "Add a <code>div</code> element below your <code>h3</code> element.");'
+  - text: Ваш элемент <code>div</code> должен иметь <code>row</code> класса
+    testString: 'assert($("div").hasClass("row"), "Your <code>div</code> element should have the class <code>row</code>");'
+  - text: Ваш <code>row div</code> должен быть вложен в <code>container-fluid div</code>
+    testString: 'assert($("div.container-fluid div.row").length > 0, "Your <code>row div</code> should be nested inside the <code>container-fluid div</code>");'
+  - text: 'Убедитесь, что ваш элемент <code>div</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure your <code>div</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-a-class-to-target-with-jquery-selectors.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-a-class-to-target-with-jquery-selectors.russian.md
new file mode 100644
index 0000000000..7c06b0baac
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-a-class-to-target-with-jquery-selectors.russian.md
@@ -0,0 +1,68 @@
+---
+id: bad87fee1348bd9aec908852
+title: Create a Class to Target with jQuery Selectors
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание класса для цели с помощью селекторов jQuery
+---
+
+## Description
+<section id="description"> Не каждый класс должен иметь соответствующий CSS. Иногда мы создаем классы только с целью более простого выбора этих элементов с помощью jQuery. Дайте каждому из ваших элементов <code>button</code> <code>target</code> класса. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Примените <code>target</code> класс к каждому из элементов вашей <code>button</code> .
+    testString: 'assert($(".target").length > 5, "Apply the <code>target</code> class to each of your <code>button</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-a-custom-heading.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-a-custom-heading.russian.md
new file mode 100644
index 0000000000..d0eba7a1c8
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-a-custom-heading.russian.md
@@ -0,0 +1,109 @@
+---
+id: bad87fee1348bd9aede08845
+title: Create a Custom Heading
+challengeType: 0
+videoUrl: ''
+localeTitle: Создание пользовательской рубрики
+---
+
+## Description
+<section id="description"> Мы сделаем простой заголовок для нашего приложения Cat Photo, поставив заголовок и расслабляющий образ кошки в том же ряду. Помните, что Bootstrap использует гибкую сетчатую систему, которая позволяет легко помещать элементы в строки и задавать относительную ширину каждого элемента. Большинство классов Bootstrap могут быть применены к элементу <code>div</code> . Гнездо вашего первого изображения и вашего элемента <code>h2</code> пределах одного элемента <code>&lt;div class=&quot;row&quot;&gt;</code> . Настройте свой элемент <code>h2</code> внутри <code>&lt;div class=&quot;col-xs-8&quot;&gt;</code> и ваше изображение в <code>&lt;div class=&quot;col-xs-4&quot;&gt;</code> чтобы они находились в одной строке. Обратите внимание, как изображение теперь соответствует размеру, подходящему по тексту? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш элемент <code>h2</code> и самый верхний элемент <code>img</code> должны вставляться вместе в элемент <code>div</code> с помощью <code>row</code> класса.
+    testString: 'assert($("div.row:has(h2)").length > 0 && $("div.row:has(img)").length > 0, "Your <code>h2</code> element and topmost <code>img</code> element should both be nested together within a <code>div</code> element with the class <code>row</code>.");'
+  - text: Гнездо вашего верхнего элемента <code>img</code> в <code>div</code> с классом <code>col-xs-4</code> .
+    testString: 'assert($("div.col-xs-4:has(img)").length > 0 && $("div.col-xs-4:has(div)").length === 0, "Nest your topmost <code>img</code> element within a <code>div</code> with the class <code>col-xs-4</code>.");'
+  - text: Гнездо вашего элемента <code>h2</code> в <code>div</code> с классом <code>col-xs-8</code> .
+    testString: 'assert($("div.col-xs-8:has(h2)").length > 0 && $("div.col-xs-8:has(div)").length === 0, "Nest your <code>h2</code> element within a <code>div</code> with the class <code>col-xs-8</code>.");'
+  - text: 'Убедитесь, что каждый из ваших элементов <code>div</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="text-primary text-center">CatPhotoApp</h2>
+
+  <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-bootstrap-wells.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-bootstrap-wells.russian.md
new file mode 100644
index 0000000000..989577e3d9
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/create-bootstrap-wells.russian.md
@@ -0,0 +1,63 @@
+---
+id: bad87fee1348bd9aec908848
+title: Create Bootstrap Wells
+challengeType: 0
+videoUrl: ''
+localeTitle: Создать бутстрап-колодцы
+---
+
+## Description
+<section id="description"> У Bootstrap есть класс, который называется <code>well</code> который может создать визуальное ощущение глубины для ваших столбцов. Гнездо один <code>div</code> элемент с классом <code>well</code> в каждом из ваших <code>col-xs-6</code> <code>div</code> элементов. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Добавьте <code>div</code> элемент с классом <code>well</code> внутри каждого из <code>div</code> элементов с классом <code>&quot;col-xs-6&quot;</code>
+    testString: 'assert($("div.col-xs-6").not(":has(>div.well)").length < 1, "Add a <code>div</code> element with the class <code>well</code> inside each of your <code>div</code> elements with the class <code>"col-xs-6"</code>");'
+  - text: ''
+    testString: 'assert($("div.row > div.col-xs-6").length > 1, "Nest both of your <code>div</code> elements with the class <code>"col-xs-6"</code> within your <code>div</code> element with the class <code>"row"</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure all your <code>div</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+
+    </div>
+    <div class="col-xs-6">
+
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/ditch-custom-css-for-bootstrap.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/ditch-custom-css-for-bootstrap.russian.md
new file mode 100644
index 0000000000..2202357daf
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/ditch-custom-css-for-bootstrap.russian.md
@@ -0,0 +1,125 @@
+---
+id: bad87fee1347bd9aedf08845
+title: Ditch Custom CSS for Bootstrap
+challengeType: 0
+videoUrl: ''
+localeTitle: Ditch Custom CSS для Bootstrap
+---
+
+## Description
+<section id="description"> Мы можем очистить наш код и сделать наше приложение Cat Photo более обычным, используя встроенные стили Bootstrap вместо пользовательских стилей, которые мы создали ранее. Не волнуйтесь - у нас будет много времени, чтобы настроить наш CSS позже. Удалите объявления CSS <code>.red-text</code> , <code>p</code> и <code>.smaller-image</code> из вашего элемента <code>style</code> чтобы только объявления, оставшиеся в вашем элементе <code>style</code> были <code>h2</code> и <code>thick-green-border</code> . Затем удалите элемент <code>p</code> , содержащий мертвую ссылку. Затем удалите класс <code>red-text</code> из вашего элемента <code>h2</code> и замените его на <code>text-primary</code> класс Bootstrap. Наконец, удалите класс «меньшего изображения» из вашего первого элемента <code>img</code> и замените его классом <code>img-responsive</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш элемент h2 больше не должен иметь <code>red-text</code> .
+    testString: 'assert(!$("h2").hasClass("red-text"), "Your h2 element should no longer have the class <code>red-text</code>.");'
+  - text: Теперь ваш элемент h2 должен иметь <code>text-primary</code> класса.
+    testString: 'assert($("h2").hasClass("text-primary"), "Your h2 element should now have the class <code>text-primary</code>.");'
+  - text: ''
+    testString: 'assert(!$("p").css("font-family").match(/monospace/i), "Your paragraph elements should no longer use the font <code>Monospace</code>.");'
+  - text: ''
+    testString: 'assert(!$("img").hasClass("smaller-image"), "Remove the <code>smaller-image</code> class from your top image.");'
+  - text: ''
+    testString: 'assert($(".img-responsive").length > 1, "Add the <code>img-responsive</code> class to your top image.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/give-each-element-a-unique-id.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/give-each-element-a-unique-id.russian.md
new file mode 100644
index 0000000000..fa746208bd
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/give-each-element-a-unique-id.russian.md
@@ -0,0 +1,80 @@
+---
+id: bad87fee1348bd9aec908855
+title: Give Each Element a Unique id
+challengeType: 0
+videoUrl: ''
+localeTitle: Дайте каждому элементу уникальный идентификатор
+---
+
+## Description
+<section id="description"> Мы также хотим иметь возможность использовать jQuery для ориентации каждой кнопки по ее уникальному идентификатору. Дайте каждой из ваших кнопок уникальный идентификатор, начиная с <code>target1</code> и заканчивая <code>target6</code> . Убедитесь, что <code>target1</code> для <code>target3</code> находится в <code>#left-well</code> , а <code>target4</code> - <code>target6</code> находятся в <code>#right-well</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Один элемент <code>button</code> должен иметь идентификатор <code>target1</code> .
+    testString: 'assert($("#left-well").children("#target1") && $("#left-well").children("#target1").length > 0, "One <code>button</code> element should have the id <code>target1</code>.");'
+  - text: Один элемент <code>button</code> должен иметь идентификатор <code>target2</code> .
+    testString: 'assert($("#left-well").children("#target2") && $("#left-well").children("#target2").length > 0, "One <code>button</code> element should have the id <code>target2</code>.");'
+  - text: Один элемент <code>button</code> должен иметь идентификатор <code>target3</code> .
+    testString: 'assert($("#left-well").children("#target3") && $("#left-well").children("#target3").length > 0, "One <code>button</code> element should have the id <code>target3</code>.");'
+  - text: Один элемент <code>button</code> должен иметь идентификатор <code>target4</code> .
+    testString: 'assert($("#right-well").children("#target4") && $("#right-well").children("#target4").length > 0, "One <code>button</code> element should have the id <code>target4</code>.");'
+  - text: Один элемент <code>button</code> должен иметь идентификатор <code>target5</code> .
+    testString: 'assert($("#right-well").children("#target5") && $("#right-well").children("#target5").length > 0, "One <code>button</code> element should have the id <code>target5</code>.");'
+  - text: Один элемент <code>button</code> должен иметь идентификатор <code>target6</code> .
+    testString: 'assert($("#right-well").children("#target6") && $("#right-well").children("#target6").length > 0, "One <code>button</code> element should have the id <code>target6</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.russian.md
new file mode 100644
index 0000000000..58daa39325
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.russian.md
@@ -0,0 +1,54 @@
+---
+id: bad87fee1348bd9aec908746
+title: House our page within a Bootstrap container-fluid div
+challengeType: 0
+videoUrl: ''
+localeTitle: Разместите нашу страницу в контейнере-контейнере Bootstrap div
+---
+
+## Description
+<section id="description"> Теперь давайте убедимся, что все содержимое вашей страницы мобильно реагирует. Давайте вложим ваш элемент <code>h3</code> элемент <code>div</code> с <code>container-fluid</code> класса. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш элемент <code>div</code> должен иметь <code>container-fluid</code> класса.
+    testString: 'assert($("div").hasClass("container-fluid"), "Your <code>div</code> element should have the class <code>container-fluid</code>.");'
+  - text: 'Убедитесь, что каждый из ваших элементов <code>div</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+  - text: Гнездо вашего элемента <code>h3</code> внутри элемента <code>div</code> .
+    testString: 'assert($("div").children("h3").length >0, "Nest your <code>h3</code> element inside a <code>div</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<h3 class="text-primary text-center">jQuery Playground</h3>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/label-bootstrap-buttons.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/label-bootstrap-buttons.russian.md
new file mode 100644
index 0000000000..833a4dfdaa
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/label-bootstrap-buttons.russian.md
@@ -0,0 +1,80 @@
+---
+id: bad87fee1348bd9aec908856
+title: Label Bootstrap Buttons
+challengeType: 0
+videoUrl: ''
+localeTitle: Кнопки бутстрапа с надписью
+---
+
+## Description
+<section id="description"> Так же, как мы обозначили наши колодцы, мы хотим наметить наши кнопки. Дайте каждому из ваших элементов <code>button</code> текст, соответствующий его селектору <code>id</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Дайте элементу <code>button</code> с идентификатором <code>target1</code> текст <code>#target1</code> .'
+    testString: 'assert(new RegExp("#target1","gi").test($("#target1").text()), "Give your <code>button</code> element with the id <code>target1</code> the text <code>#target1</code>.");'
+  - text: 'Дайте элементу <code>button</code> с идентификатором <code>target2</code> текст <code>#target2</code> .'
+    testString: 'assert(new RegExp("#target2","gi").test($("#target2").text()), "Give your <code>button</code> element with the id <code>target2</code> the text <code>#target2</code>.");'
+  - text: 'Дайте элементу <code>button</code> с идентификатором <code>target3</code> текст <code>#target3</code> .'
+    testString: 'assert(new RegExp("#target3","gi").test($("#target3").text()), "Give your <code>button</code> element with the id <code>target3</code> the text <code>#target3</code>.");'
+  - text: ''
+    testString: 'assert(new RegExp("#target4","gi").test($("#target4").text()), "Give your <code>button</code> element with the id <code>target4</code> the text <code>#target4</code>.");'
+  - text: 'Дайте элементу <code>button</code> с идентификатором <code>target5</code> текст <code>#target5</code> .'
+    testString: 'assert(new RegExp("#target5","gi").test($("#target5").text()), "Give your <code>button</code> element with the id <code>target5</code> the text <code>#target5</code>.");'
+  - text: 'Дайте элементу <code>button</code> с идентификатором <code>target6</code> текст <code>#target6</code> .'
+    testString: 'assert(new RegExp("#target6","gi").test($("#target6").text()), "Give your <code>button</code> element with the id <code>target6</code> the text <code>#target6</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1"></button>
+        <button class="btn btn-default target" id="target2"></button>
+        <button class="btn btn-default target" id="target3"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4"></button>
+        <button class="btn btn-default target" id="target5"></button>
+        <button class="btn btn-default target" id="target6"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/label-bootstrap-wells.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/label-bootstrap-wells.russian.md
new file mode 100644
index 0000000000..7a74d3df19
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/label-bootstrap-wells.russian.md
@@ -0,0 +1,76 @@
+---
+id: bad87fee1348bd9aec908854
+title: Label Bootstrap Wells
+challengeType: 0
+videoUrl: ''
+localeTitle: Ярлыки бутстрапов
+---
+
+## Description
+<section id="description"> Для ясности давайте обозначим оба наших колодца своими идентификаторами. Над вашей левой кнопкой, внутри своего элемента <code>div</code> <code>col-xs-6</code> , добавьте элемент <code>h4</code> с текстом <code>#left-well</code> . Над вашей правой кнопкой, внутри своего элемента <code>div</code> <code>col-xs-6</code> , добавьте элемент <code>h4</code> с текстом <code>#right-well</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Добавьте элемент <code>h4</code> к каждому из ваших элементов <code>&lt;div class=&quot;col-xs-6&quot;&gt;</code> .
+    testString: 'assert($(".col-xs-6").children("h4") && $(".col-xs-6").children("h4").length > 1, "Add an <code>h4</code> element to each of your <code>&#60;div class="col-xs-6"&#62;</code> elements.");'
+  - text: 'Один элемент <code>h4</code> должен иметь текст <code>#left-well</code> .'
+    testString: 'assert(new RegExp("#left-well","gi").test($("h4").text()), "One <code>h4</code> element should have the text <code>#left-well</code>.");'
+  - text: 'Один элемент <code>h4</code> должен иметь текст <code>#right-well</code> .'
+    testString: 'assert(new RegExp("#right-well","gi").test($("h4").text()), "One <code>h4</code> element should have the text <code>#right-well</code>.");'
+  - text: 'Убедитесь, что все ваши элементы <code>h4</code> имеют закрывающие метки.'
+    testString: 'assert(code.match(/<\/h4>/g) && code.match(/<h4/g) && code.match(/<\/h4>/g).length === code.match(/<h4/g).length, "Make sure all your <code>h4</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+
+      <div class="well" id="left-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+
+      <div class="well" id="right-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.russian.md
new file mode 100644
index 0000000000..2d2e4fb60e
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.russian.md
@@ -0,0 +1,130 @@
+---
+id: bad87fee1348bd9aec908845
+title: Line up Form Elements Responsively with Bootstrap
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Выстроить элементы формы с помощью Bootstrap
+---
+
+## Description
+<section id="description"> Теперь давайте получить форму <code>input</code> и ваши представления <code>button</code> на одной и той же линии. Мы сделаем это так же, как и раньше: с помощью элемента <code>div</code> со <code>row</code> класса и других элементов <code>div</code> внутри него с использованием класса <code>col-xs-*</code> . Гнездо как текст вашей формы <code>input</code> и представить <code>button</code> в <code>div</code> с классом <code>row</code> . Гнездо <code>input</code> текста вашей формы в div с классом <code>col-xs-7</code> . Настройте <code>button</code> отправки формы в <code>div</code> с классом <code>col-xs-5</code> . Это последняя задача, которую мы будем делать для нашего приложения для фотошопа Cat. Надеемся, вам понравилось изучать шрифт Awesome, Bootstrap и отзывчивый дизайн! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Настройте кнопку отправки формы и ввод текста в div с <code>row</code> класса.
+    testString: 'assert($("div.row:has(input[type=\"text\"])").length > 0 &&  $("div.row:has(button[type=\"submit\"])").length > 0, "Nest your form submission button and text input in a div with class <code>row</code>.");'
+  - text: Гнездо ввода текста формы в div с классом <code>col-xs-7</code> .
+    testString: 'assert($("div.col-xs-7:has(input[type=\"text\"])").length > 0, "Nest your form text input in a div with the class <code>col-xs-7</code>.");'
+  - text: Настройте кнопку отправки формы в div с классом <code>col-xs-5</code> .
+    testString: 'assert($("div.col-xs-5:has(button[type=\"submit\"])").length > 0, "Nest your form submission button in a div with the class <code>col-xs-5</code>.");'
+  - text: 'Убедитесь, что каждый из ваших элементов <code>div</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <div class="row">
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+      </div>
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Loving</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Lazy</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Crazy</label>
+      </div>
+    </div>
+    <input type="text" class="form-control" placeholder="cat photo URL" required>
+    <button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/make-images-mobile-responsive.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/make-images-mobile-responsive.russian.md
new file mode 100644
index 0000000000..767126e8db
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/make-images-mobile-responsive.russian.md
@@ -0,0 +1,113 @@
+---
+id: bad87fee1348bd9acde08812
+title: Make Images Mobile Responsive
+challengeType: 0
+videoUrl: ''
+localeTitle: Сделать образы мобильными
+---
+
+## Description
+<section id="description"> Сначала добавьте новое изображение ниже существующего. Установите для атрибута <code>src</code> значение <code>https://bit.ly/fcc-running-cats</code> . Было бы здорово, если бы это изображение могло быть точно шириной экрана нашего телефона. К счастью, с помощью Bootstrap все, что нам нужно сделать, это добавить класс <code>img-responsive</code> к вашему изображению. Сделайте это, и изображение должно идеально соответствовать ширине вашей страницы. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: У вас должно быть в общей сложности два изображения.
+    testString: 'assert($("img").length === 2, "You should have a total of two images.");'
+  - text: Ваше новое изображение должно быть ниже вашего старого и иметь класс <code>img-responsive</code> .
+    testString: 'assert($("img:eq(1)").hasClass("img-responsive"), "Your new image should be below your old one and have the class <code>img-responsive</code>.");'
+  - text: У вашего нового изображения не должно быть класса <code>smaller-image</code> .
+    testString: 'assert(!$("img:eq(1)").hasClass("smaller-image"), "Your new image should not have the class <code>smaller-image</code>.");'
+  - text: 'Ваше новое изображение должно иметь <code>src</code> <code>https://bit.ly/fcc-running-cats</code> .'
+    testString: 'assert($("img:eq(1)").attr("src") === "https://bit.ly/fcc-running-cats", "Your new image should have a <code>src</code> of <code>https&#58;//bit.ly/fcc-running-cats</code>.");'
+  - text: 'Убедитесь, что ваш новый элемент <code>img</code> имеет скобу закрытия угла.'
+    testString: 'assert(code.match(/<img/g) && code.match(/<img[^<]*>/g).length === 2 && code.match(/<img/g).length === 2, "Make sure your new <code>img</code> element has a closing angle bracket.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/responsively-style-checkboxes.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/responsively-style-checkboxes.russian.md
new file mode 100644
index 0000000000..20afcced81
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/responsively-style-checkboxes.russian.md
@@ -0,0 +1,120 @@
+---
+id: bad87fee1348bd9aeda08845
+title: Responsively Style Checkboxes
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Отзывчивые флажки стиля
+---
+
+## Description
+<section id="description"> Вы также можете использовать классы <code>col-xs-*</code> Bootstrap в элементах <code>form</code> ! Таким образом, наши флажки будут равномерно распределены по всей странице, независимо от ширины разрешения экрана. Установите все три своих флажка в элементе <code>&lt;div class=&quot;row&quot;&gt;</code> . Затем вставьте каждый из них в элемент <code>&lt;div class=&quot;col-xs-4&quot;&gt;</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Установите все свои флажки внутри одного <code>div</code> с помощью <code>row</code> класса.
+    testString: 'assert($("div.row:has(input[type=\"checkbox\"])").length > 0, "Nest all of your checkboxes inside one <code>div</code> with the class <code>row</code>.");'
+  - text: Установите каждый из своих флажков в свой собственный <code>div</code> с классом <code>col-xs-4</code> .
+    testString: 'assert($("div.col-xs-4:has(input[type=\"checkbox\"])").length > 2, "Nest each of your checkboxes inside its own <code>div</code> with the class <code>col-xs-4</code>.");'
+  - text: 'Убедитесь, что каждый из ваших элементов <code>div</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <div class="row">
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+      </div>
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+      </div>
+    </div>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/responsively-style-radio-buttons.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/responsively-style-radio-buttons.russian.md
new file mode 100644
index 0000000000..b1832b9156
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/responsively-style-radio-buttons.russian.md
@@ -0,0 +1,113 @@
+---
+id: bad87fee1348bd9aedb08845
+title: Responsively Style Radio Buttons
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Отзывчивые кнопки стиля радио
+---
+
+## Description
+<section id="description"> Вы также можете использовать классы <code>col-xs-*</code> Bootstrap в элементах <code>form</code> ! Таким образом, наши переключатели будут равномерно распределены по всей странице, независимо от того, насколько широка разрешающая способность экрана. Установите гнезда как ваши переключатели в элементе <code>&lt;div class=&quot;row&quot;&gt;</code> . Затем вставьте каждый из них в элемент <code>&lt;div class=&quot;col-xs-6&quot;&gt;</code> . <strong>Примечание.</strong> В качестве напоминания, радиокнопками являются <code>input</code> элементы типа <code>radio</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Гнездо всех ваших переключателей внутри одного <code>div</code> со <code>row</code> класса.
+    testString: 'assert($("div.row:has(input[type=\"radio\"])").length > 0, "Nest all of your radio buttons inside one <code>div</code> with the class <code>row</code>.");'
+  - text: Заглушите каждую из ваших переключателей внутри своего собственного <code>div</code> классом <code>col-xs-6</code> .
+    testString: 'assert($("div.col-xs-6:has(input[type=\"radio\"])").length > 1, "Nest each of your radio buttons inside its own <code>div</code> with the class <code>col-xs-6</code>.");'
+  - text: 'Убедитесь, что каждый из ваших элементов <code>div</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/split-your-bootstrap-row.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/split-your-bootstrap-row.russian.md
new file mode 100644
index 0000000000..91b9f35ad0
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/split-your-bootstrap-row.russian.md
@@ -0,0 +1,57 @@
+---
+id: bad87fee1348bd9aec908847
+title: Split Your Bootstrap Row
+challengeType: 0
+videoUrl: ''
+localeTitle: Разделите строку Bootstrap
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Nest два элемента <code>div class=&quot;col-xs-6&quot;</code> в вашем элементе <code>div class=&quot;row&quot;</code> .
+    testString: 'assert($("div.row > div.col-xs-6").length > 1, "Nest two <code>div class="col-xs-6"</code> elements within your <code>div class="row"</code> element.");'
+  - text: 'Убедитесь, что все ваши элементы <code>div</code> имеют закрывающие теги.'
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure all your <code>div</code> elements have closing tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+
+
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/style-text-inputs-as-form-controls.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/style-text-inputs-as-form-controls.russian.md
new file mode 100644
index 0000000000..c82d7a00d8
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/style-text-inputs-as-form-controls.russian.md
@@ -0,0 +1,129 @@
+---
+id: bad87fee1348bd9aed908845
+title: Style Text Inputs as Form Controls
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Ввод текста стиля как элемент управления формой
+---
+
+## Description
+<section id="description"> Вы можете добавить значок шрифта FA <code>fa-paper-plane</code> Font Awesome, добавив в элемент <code>button</code> отправки <code>&lt;i class=&quot;fa fa-paper-plane&quot;&gt;&lt;/i&gt;</code> . Введите поле ввода текста в <code>form-control</code> класса управления <code>form-control</code> . Отправьте кнопку отправки формы в классы <code>btn btn-primary</code> . Также дайте этой кнопке значок Font Awesome для <code>fa-paper-plane</code> . Все текстовые элементы <code>&lt;input&gt;</code> , <code>&lt;textarea&gt;</code> и <code>&lt;select&gt;</code> с классом <code>.form-control</code> имеют ширину 100%. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("button[type=\"submit\"]").hasClass("btn btn-primary"), "Give the submit button in your form the classes <code>btn btn-primary</code>.");'
+  - text: ''
+    testString: 'assert($("button[type=\"submit\"]:has(i.fa.fa-paper-plane)").length > 0, "Add a <code>&#60;i class="fa fa-paper-plane"&#62;&#60;/i&#62;</code> within your submit <code>button</code> element.");'
+  - text: <code>input</code> текст в форме <code>form-control</code> .
+    testString: 'assert($("input[type=\"text\"]").hasClass("form-control"), "Give the text <code>input</code> in your form the class <code>form-control</code>.");'
+  - text: 'Убедитесь, что у каждого из ваших элементов <code>i</code> есть закрывающий тег.'
+    testString: 'assert(code.match(/<\/i>/g) && code.match(/<\/i/g).length > 3, "Make sure each of your <code>i</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <div class="row">
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+      </div>
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Loving</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Lazy</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Crazy</label>
+      </div>
+    </div>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.russian.md
new file mode 100644
index 0000000000..14b1089876
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.russian.md
@@ -0,0 +1,111 @@
+---
+id: bad87fee1348cd8acef08811
+title: Taste the Bootstrap Button Color Rainbow
+challengeType: 0
+videoUrl: ''
+localeTitle: Вкусите кнопку Bootstrap Color Rainbow
+---
+
+## Description
+<section id="description"> Класс <code>btn-primary</code> - это основной цвет, который вы будете использовать в своем приложении. Он полезен для выделения действий, которые вы хотите выполнить своим пользователем. Замените класс <code>btn-default</code> Bootstrap на <code>btn-primary</code> в вашей кнопке. Обратите внимание, что этой кнопке все равно понадобятся <code>btn</code> и <code>btn-block</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваша кнопка должна иметь класс <code>btn-primary</code> .
+    testString: 'assert($("button").hasClass("btn-primary"), "Your button should have the class <code>btn-primary</code>.");'
+  - text: У вашей кнопки все равно должны быть <code>btn</code> и <code>btn-block</code> .
+    testString: 'assert($("button").hasClass("btn-block") && $("button").hasClass("btn"), "Your button should still have the <code>btn</code> and <code>btn-block</code> classes.");'
+  - text: 'Убедитесь, что все элементы <code>button</code> имеют закрывающий тег.'
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-default btn-block">Like</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/use-a-span-to-target-inline-elements.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/use-a-span-to-target-inline-elements.russian.md
new file mode 100644
index 0000000000..f820930667
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/use-a-span-to-target-inline-elements.russian.md
@@ -0,0 +1,109 @@
+---
+id: bad87fee1348bd9aedf08845
+title: Use a span to Target Inline Elements
+challengeType: 0
+videoUrl: ''
+localeTitle: Использование диапазона для целевых встроенных элементов
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("p span") && $("p span").length > 0, "Your <code>span</code> element should be inside your <code>p</code> element.");'
+  - text: ''
+    testString: 'assert($("p span") && $("p span").text().match(/love/i) && !$("p span").text().match(/Things cats/i), "Your <code>span</code> element should have just the text <code>love</code>.");'
+  - text: ''
+    testString: 'assert($("span").hasClass("text-danger"), "Your <code>span</code> element should have class <code>text-danger</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/<\/span>/g) && code.match(/<span/g) && code.match(/<\/span>/g).length === code.match(/<span/g).length, "Make sure your <code>span</code> element has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <h2 class="text-primary text-center">CatPhotoApp</h2>
+
+  <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/use-comments-to-clarify-code.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/use-comments-to-clarify-code.russian.md
new file mode 100644
index 0000000000..91890487b7
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/use-comments-to-clarify-code.russian.md
@@ -0,0 +1,76 @@
+---
+id: bad87fee1348bd9aec908857
+title: Use Comments to Clarify Code
+challengeType: 0
+videoUrl: ''
+localeTitle: Использовать комментарии для уточнения кода
+---
+
+## Description
+<section id="description"> Когда мы начнем использовать jQuery, мы изменим HTML-элементы без необходимости их изменения в HTML. Давайте убедиться, что все знают, что они не должны фактически изменять какой-либо из этого кода напрямую. Помните, что вы можете начинать комментарий с <code>&lt;!--</code> и заканчивать комментарий с помощью <code>--&gt;</code> Добавить комментарий в верхней части вашего HTML, который говорит <code>Only change code above this line.</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Начните комментарий с <code>&lt;!--</code> вверху вашего HTML.
+    testString: 'assert(code.match(/^\s*<!--/), "Start a comment with <code>&#60;!--</code> at the top of your HTML.");'
+  - text: В вашем комментарии должен быть текст. <code>Only change code above this line</code> .
+    testString: 'assert(code.match(/<!--(?!(>|->|.*-->.*this line))\s*.*this line.*\s*-->/gi), "Your comment should have the text <code>Only change code above this line</code>.");'
+  - text: Обязательно закройте свой комментарий <code>--&gt;</code> .
+    testString: 'assert(code.match(/-->.*\n+.+/g), "Be sure to close your comment with <code>--&#62;</code>.");'
+  - text: У вас должно быть такое же количество открывателей комментариев и доводчиков.
+    testString: 'assert(code.match(/<!--/g).length === code.match(/-->/g).length, "You should have the same number of comment openers and closers.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.russian.md
new file mode 100644
index 0000000000..85e700d210
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.russian.md
@@ -0,0 +1,106 @@
+---
+id: bad87fee1348bd9acde08712
+title: Use Responsive Design with Bootstrap Fluid Containers
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте адаптивный дизайн с контейнерами для загрузочных жидкостей
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("div").hasClass("container-fluid"), "Your <code>div</code> element should have the class <code>container-fluid</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure your <code>div</code> element has a closing tag.");'
+  - text: ''
+    testString: 'assert($(".container-fluid").children().length >= 8, "Make sure you have nested all HTML elements after the closing <code>style</code> tag in <code>.container-fluid</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+
+<p>Click here for <a href="#">cat photos</a>.</p>
+
+<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+<p>Things cats love:</p>
+<ul>
+  <li>cat nip</li>
+  <li>laser pointers</li>
+  <li>lasagna</li>
+</ul>
+<p>Top 3 things cats hate:</p>
+<ol>
+  <li>flea treatment</li>
+  <li>thunder</li>
+  <li>other cats</li>
+</ol>
+<form action="/submit-cat-photo">
+  <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+  <label><input type="checkbox" name="personality"> Loving</label>
+  <label><input type="checkbox" name="personality"> Lazy</label>
+  <label><input type="checkbox" name="personality"> Crazy</label>
+  <input type="text" placeholder="cat photo URL" required>
+  <button type="submit">Submit</button>
+</form>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.russian.md
new file mode 100644
index 0000000000..80b143eb10
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.russian.md
@@ -0,0 +1,115 @@
+---
+id: bad88fee1348ce8acef08815
+title: Use the Bootstrap Grid to Put Elements Side By Side
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте сетку Bootstrap для размещения элементов рядом друг с другом
+---
+
+## Description
+<section id="description"> Bootstrap использует гибкую 12-колонную сетку, которая позволяет легко помещать элементы в строки и задавать относительную ширину каждого элемента. Большинство классов Bootstrap могут быть применены к элементу <code>div</code> . Bootstrap имеет разные атрибуты ширины столбца, которые он использует, в зависимости от того, насколько широко представлен экран пользователя. Например, телефоны имеют узкие экраны, а ноутбуки имеют более широкие экраны. Возьмем, к примеру, класс <code>col-md-*</code> Bootstrap. Здесь <code>md</code> означает medium, а <code>*</code> - число, указывающее, сколько столбцов должно быть у элемента. В этом случае указывается ширина столбца элемента на экране среднего размера, например, ноутбука. В приложении Cat Photo, которое мы создаем, мы будем использовать <code>col-xs-*</code> , где <code>xs</code> означает <code>col-xs-*</code> маленький (например, экран с очень маленьким мобильным телефоном), а <code>*</code> - количество столбцов, определяющих, сколько столбцов элемент должен быть. Поместите кнопки <code>Like</code> , <code>Info</code> и <code>Delete</code> бок о бок, вставив все три из них в один элемент <code>&lt;div class=&quot;row&quot;&gt;</code> , затем каждый из них в элементе <code>&lt;div class=&quot;col-xs-4&quot;&gt;</code> , Класс <code>row</code> применяется к <code>div</code> , и сами кнопки могут быть вложены в него. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все ваши кнопки должны быть вложены в один и тот же элемент <code>div</code> со <code>row</code> класса.
+    testString: 'assert($("div.row:has(button)").length > 0, "Your buttons should all be nested within the same <code>div</code> element with the class <code>row</code>.");'
+  - text: Каждая из ваших кнопок Bootstrap должна быть вложена в свой собственный элемент <code>div</code> с классом <code>col-xs-4</code> .
+    testString: 'assert($("div.col-xs-4:has(button)").length > 2, "Each of your Bootstrap buttons should be nested within its own <code>div</code> element with the class <code>col-xs-4</code>.");'
+  - text: 'Убедитесь, что каждый из ваших <code>button</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure each of your <code>button</code> elements has a closing tag.");'
+  - text: 'Убедитесь, что каждый из ваших элементов <code>div</code> имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/div>/g) && code.match(/<div/g) && code.match(/<\/div>/g).length === code.match(/<div/g).length, "Make sure each of your <code>div</code> elements has a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-block btn-primary">Like</button>
+  <button class="btn btn-block btn-info">Info</button>
+  <button class="btn btn-block btn-danger">Delete</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/bootstrap/warn-your-users-of-a-dangerous-action-with-btn-danger.russian.md b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/warn-your-users-of-a-dangerous-action-with-btn-danger.russian.md
new file mode 100644
index 0000000000..d179e2cfa4
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/bootstrap/warn-your-users-of-a-dangerous-action-with-btn-danger.russian.md
@@ -0,0 +1,114 @@
+---
+id: bad87fee1348ce8acef08814
+title: Warn Your Users of a Dangerous Action with btn-danger
+challengeType: 0
+videoUrl: ''
+localeTitle: Предупреждать своих пользователей о опасном действии с опасностью btn
+---
+
+## Description
+<section id="description"> Bootstrap поставляется с несколькими заранее определенными цветами для кнопок. Класс <code>btn-danger</code> - это цвет кнопки, который вы будете использовать, чтобы уведомить пользователей о том, что кнопка выполняет деструктивное действие, например удаление фотографии кота. Создайте кнопку с текстом «Удалить» и дайте ей класс <code>btn-danger</code> . Обратите внимание, что этим кнопкам по-прежнему нужны <code>btn</code> и <code>btn-block</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Создайте новый элемент <code>button</code> с текстом «Удалить».
+    testString: 'assert(new RegExp("Delete","gi").test($("button").text()), "Create a new <code>button</code> element with the text "Delete".");'
+  - text: Все ваши кнопки Bootstrap должны иметь <code>btn</code> и <code>btn-block</code> .
+    testString: 'assert($("button.btn-block.btn").length > 2, "All of your Bootstrap buttons should have the <code>btn</code> and <code>btn-block</code> classes.");'
+  - text: Ваша новая кнопка должна иметь класс <code>btn-danger</code> .
+    testString: 'assert($("button").hasClass("btn-danger"), "Your new button should have the class <code>btn-danger</code>.");'
+  - text: 'Убедитесь, что все элементы <code>button</code> имеют закрывающий тег.'
+    testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure all your <code>button</code> elements have a closing tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-block btn-primary">Like</button>
+  <button class="btn btn-block btn-info">Info</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.russian.md b/curriculum/challenges/russian/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.russian.md
new file mode 100644
index 0000000000..bc1f9b4fe2
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.russian.md
@@ -0,0 +1,38 @@
+---
+id: 587d7dbc367417b2b2512bae
+title: Build a Drum Machine
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Построение барабанной машины
+---
+
+## Description
+<section id="description"> <strong>Цель.</strong> Создайте приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/MJyNMd" target="_blank">https://codepen.io/freeCodeCamp/full/MJyNMd</a> . Выполните приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> и получите все тесты для прохождения. Дайте ему свой личный стиль. Вы можете использовать любое сочетание HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux и jQuery для завершения этого проекта. Вы должны использовать фреймворк frontend (например, React), потому что этот раздел посвящен изучению интерфейсных фреймворков. Дополнительные технологии, не перечисленные выше, не рекомендуются, и использование их на свой страх и риск. Мы смотрим на поддержку других интерфейсных фреймворков, таких как Angular и Vue, но в настоящее время они не поддерживаются. Мы примем и попытаемся исправить все отчеты о проблемах, которые используют предлагаемый стек технологий для этого проекта. Счастливое кодирование! <strong>User Story # 1:</strong> Я должен видеть внешний контейнер с соответствующим <code>id=&quot;drum-machine&quot;</code> который содержит все остальные элементы. <strong>User Story # 2:</strong> Внутри <code>#drum-machine</code> я вижу элемент с соответствующим <code>id=&quot;display&quot;</code> . <strong>User Story # 3:</strong> В <code>#drum-machine</code> я могу увидеть 9 кликабельных элементов ударной площадки, каждая из которых имеет имя класса <code>drum-pad</code> , уникальный идентификатор, который описывает аудиоклип, который будет настроен на ударную площадку для запуска, и внутренний текст, который соответствует одной из следующих клавиш на клавиатуре: Q, W, E, A, S, D, Z, X, C. Барабанные площадки должны быть в этом порядке. <strong>User Story # 4:</strong> внутри каждого <code>.drum-pad</code> должен быть <code>audio</code> элемент HTML5, который имеет атрибут <code>src</code> указывающий на аудиоклип, имя класса <code>clip</code> и идентификатор, соответствующий внутреннему тексту его родительского <code>.drum-pad</code> (например, <code>id=&quot;Q&quot;</code> , <code>id=&quot;W&quot;</code> , <code>id=&quot;E&quot;</code> и т. д.). <strong>User Story # 5:</strong> Когда я нажимаю элемент <code>.drum-pad</code> , должен запускаться аудиоклип, содержащийся в его дочернем <code>audio</code> элементе. <strong>User Story # 6:</strong> Когда я <code>.drum-pad</code> клавишу триггера, связанную с каждым <code>.drum-pad</code> , должен запускаться аудиоклип, содержащийся в его дочернем <code>audio</code> элементе (например, нажатие клавиши Q должно запускать ударную панель, содержащую строку «Q», нажатие клавиши W должно запускать ударную панель, содержащую строку «W» и т. д.). <strong>User Story # 7:</strong> Когда <code>.drum-pad</code> , строка, описывающая связанный аудиоклип, отображается как внутренний текст элемента <code>#display</code> (каждая строка должна быть уникальной). Вы можете создать свой проект, <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">нажимая эту ручку CodePen</a> . Или вы можете использовать эту ссылку CDN для запуска тестов в любой среде: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Как только вы закончите, отправьте URL-адрес своей рабочей проект с прохождением всех его тестов. Не забудьте использовать метод <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.russian.md b/curriculum/challenges/russian/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.russian.md
new file mode 100644
index 0000000000..513361c36f
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd17
+title: Build a JavaScript Calculator
+challengeType: 3
+isRequired: true
+videoUrl: ''
+localeTitle: Создайте калькулятор JavaScript
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/wgGVVX" target="_blank">https://codepen.io/freeCodeCamp/full/wgGVVX</a> . Выполните приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> и получите все тесты для прохождения. Дайте ему свой личный стиль. Вы можете использовать любое сочетание HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux и jQuery для завершения этого проекта. Вы должны использовать фреймворк frontend (например, React), потому что этот раздел посвящен изучению интерфейсных фреймворков. Дополнительные технологии, не перечисленные выше, не рекомендуются, и использование их на свой страх и риск. Мы смотрим на поддержку других интерфейсных фреймворков, таких как Angular и Vue, но в настоящее время они не поддерживаются. Мы примем и попытаемся исправить все отчеты о проблемах, которые используют предлагаемый стек технологий для этого проекта. Счастливое кодирование! <strong>User Story # 1:</strong> Мой калькулятор должен содержать интерактивный элемент, содержащий знак <code>=</code> (знак равенства) с соответствующим <code>id=&quot;equals&quot;</code> . <strong>User Story # 2:</strong> Мой калькулятор должен содержать 10 интерактивных элементов, содержащих по одному номеру от 0 до 9, со следующими идентификаторами: <code>id=&quot;zero&quot;</code> , <code>id=&quot;one&quot;</code> , <code>id=&quot;two&quot;</code> , <code>id=&quot;three&quot;</code> , <code>id=&quot;four&quot;</code> , <code>id=&quot;five&quot;</code> , <code>id=&quot;six&quot;</code> , <code>id=&quot;seven&quot;</code> , <code>id=&quot;eight&quot;</code> и <code>id=&quot;nine&quot;</code> . <strong>User Story # 3:</strong> Мой калькулятор должен содержать 4 элемента с возможностью клика, каждый из которых содержит один из 4 основных математических операторов со следующими идентификаторами: <code>id=&quot;add&quot;</code> , <code>id=&quot;subtract&quot;</code> , <code>id=&quot;multiply&quot;</code> , <code>id=&quot;divide&quot;</code> , <strong>User Story # 4:</strong> Мой калькулятор должен содержать интерактивный элемент, содержащий a <code>.</code> (десятичной точки) с соответствующим <code>id=&quot;decimal&quot;</code> . <strong>User Story # 5:</strong> Мой калькулятор должен содержать интерактивный элемент с <code>id=&quot;clear&quot;</code> . <strong>User Story # 6:</strong> Мой калькулятор должен содержать элемент для отображения значений с соответствующим <code>id=&quot;display&quot;</code> . <strong>User Story # 7:</strong> В любое время нажатие кнопки очистки очищает входные и выходные значения и возвращает калькулятор в исходное состояние; 0 должен отображаться в элементе с идентификатором <code>display</code> . <strong>User Story # 8:</strong> Когда я вводил числа, я должен был видеть мой ввод в элементе с идентификатором <code>display</code> . <strong>User Story # 9:</strong> В любом порядке я должен иметь возможность добавлять, вычитать, умножать и делить цепочку чисел любой длины, а когда я нажимаю <code>=</code> , правильный результат должен отображаться в элементе с идентификатором <code>display</code> . <strong>User Story # 10:</strong> при вводе чисел мой калькулятор не должен допускать, чтобы число начиналось с нескольких нулей. <strong>User Story # 11:</strong> После нажатия десятичного элемента a <code>.</code> следует добавить к отображаемому в данный момент значению; два <code>.</code> в одном номере не должны приниматься. <strong>User Story # 12:</strong> Я должен выполнять любую операцию (+, -, *, /) для чисел, содержащих десятичные точки. <strong>User Story # 13:</strong> Если последовательно введено 2 или более операторов, выполняемая операция должна быть последним введенным оператором. <strong>User Story # 14:</strong> нажатие оператора, следующего за <code>=</code> должно начать новый расчет, который работает в результате предыдущей оценки. <strong>User Story # 15:</strong> Мой калькулятор должен иметь несколько десятичных знаков точности, когда дело доходит до округления (обратите внимание, что нет точного стандарта, но вы должны иметь возможность обрабатывать вычисления, такие как <code>2 / 7</code> с разумной точностью, по крайней мере, до 4 знаков после запятой) , <strong>Примечание. В калькуляторе калькулятора.</strong> Следует отметить, что есть две основные школы мышления в логике ввода калькулятора: логика <dfn>непосредственного выполнения и логика</dfn> <dfn>формулы</dfn> . В нашем примере используется логика формулы и соблюдается порядок приоритетности операций, немедленное выполнение не выполняется. Любой из них является приемлемым, но учтите, что в зависимости от того, какой вы выбираете, ваш калькулятор может давать разные результаты, чем наши, для определенных уравнений (см. Пример ниже). Пока ваша математика может быть проверена другим калькулятором производства, пожалуйста, не считайте это ошибкой. <strong>ПРИМЕР:</strong> <code>3 + 5 x 6 - 2 / 4 =</code> <br><ul><li> <strong>Немедленная логика выполнения:</strong> <code>11.5</code> </li><li> <strong>Логика формулы / выражения:</strong> <code>32.5</code> </li></ul> Вы можете создать свой проект, <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">нажимая эту ручку CodePen</a> . Или вы можете использовать эту ссылку CDN для запуска тестов в любой среде: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Как только вы закончите, отправьте URL-адрес своей рабочей проект с прохождением всех его тестов. Не забудьте использовать метод <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.russian.md b/curriculum/challenges/russian/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.russian.md
new file mode 100644
index 0000000000..31703c6236
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7157d8c242eddfaeb5bd13
+title: Build a Markdown Previewer
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Создайте предварительный просмотр Markdown
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/GrZVVO" target="_blank">https://codepen.io/freeCodeCamp/full/GrZVVO</a> . Выполните приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> и получите все тесты для прохождения. Дайте ему свой личный стиль. Вы можете использовать любое сочетание HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux и jQuery для завершения этого проекта. Вы должны использовать фреймворк frontend (например, React), потому что этот раздел посвящен изучению интерфейсных фреймворков. Дополнительные технологии, не перечисленные выше, не рекомендуются, и использование их на свой страх и риск. Мы смотрим на поддержку других интерфейсных фреймворков, таких как Angular и Vue, но в настоящее время они не поддерживаются. Мы примем и попытаемся исправить все отчеты о проблемах, которые используют предлагаемый стек технологий для этого проекта. Счастливое кодирование! <strong>User Story # 1:</strong> Я вижу элемент <code>textarea</code> с соответствующим <code>id=&quot;editor&quot;</code> . <strong>User Story # 2:</strong> Я вижу элемент с соответствующим <code>id=&quot;preview&quot;</code> . <strong>User Story # 3:</strong> Когда я ввожу текст в элемент <code>#editor</code> элемент <code>#preview</code> обновляется по мере ввода текста для отображения содержимого текстового поля. <strong>User Story # 4:</strong> Когда я <code>#editor</code> GitHub в элемент <code>#editor</code> , текст отображается как HTML в элементе <code>#preview</code> мере ввода (СОВЕТ: вам не нужно самостоятельно анализировать Markdown - вы можете импортировать отмеченную библиотеку для этого: <a href="https://cdnjs.com/libraries/marked" target="_blank">https://cdnjs.com/libraries/marked</a> ). <strong>User Story # 5:</strong> Когда мой предварительный просмотр по <code>#editor</code> сначала загружается, текст по умолчанию в поле <code>#editor</code> должен содержать допустимую уценку, которая представляет собой по крайней мере один из следующих элементов: заголовок (размер H1), заголовок sub (размер H2) , ссылку, встроенный код, блок кода, элемент списка, блок-образец, изображение и полужирный текст. <strong>User Story # 6:</strong> Когда мой предварительный просмотр по <code>#editor</code> сначала загружается, <code>#editor</code> по умолчанию в поле <code>#editor</code> должна отображаться как HTML в элементе <code>#preview</code> . <strong>Дополнительный бонус (вам не нужно проходить этот тестовый проход).</strong> Мой предварительный просмотр markdown интерпретирует возврат каретки и отображает их как элементы <code>br</code> (line break). Вы можете создать свой проект, <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">нажимая эту ручку CodePen</a> . Или вы можете использовать эту ссылку CDN для запуска тестов в любой среде: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Как только вы закончите, отправьте URL-адрес своей рабочей проект с прохождением всех его тестов. Не забудьте использовать метод <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.russian.md b/curriculum/challenges/russian/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.russian.md
new file mode 100644
index 0000000000..7fee6f0760
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd0f
+title: Build a Pomodoro Clock
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Постройте часы Pomodoro
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально подобное этому: <a href="https://codepen.io/freeCodeCamp/full/XpKrrW" target="_blank">https://codepen.io/freeCodeCamp/full/XpKrrW</a> . Выполните приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> и получите все тесты для прохождения. Дайте ему свой личный стиль. Вы можете использовать любое сочетание HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux и jQuery для завершения этого проекта. Вы должны использовать фреймворк frontend (например, React), потому что этот раздел посвящен изучению интерфейсных фреймворков. Дополнительные технологии, не перечисленные выше, не рекомендуются, и использование их на свой страх и риск. Мы смотрим на поддержку других интерфейсных фреймворков, таких как Angular и Vue, но в настоящее время они не поддерживаются. Мы примем и попытаемся исправить все отчеты о проблемах, которые используют предлагаемый стек технологий для этого проекта. Счастливое кодирование! <strong>User Story # 1:</strong> Я вижу элемент с <code>id=&quot;break-label&quot;</code> который содержит строку (например, &quot;Break Length&quot;). <strong>User Story # 2:</strong> Я вижу элемент с <code>id=&quot;session-label&quot;</code> который содержит строку (например, «Длина сеанса»). <strong>User Story # 3:</strong> Я вижу два интерактивных элемента с соответствующими идентификаторами: <code>id=&quot;break-decrement&quot;</code> и <code>id=&quot;session-decrement&quot;</code> . <strong>User Story # 4:</strong> Я вижу два интерактивных элемента с соответствующими идентификаторами: <code>id=&quot;break-increment&quot;</code> и <code>id=&quot;session-increment&quot;</code> . <strong>User Story # 5:</strong> Я вижу элемент с соответствующим <code>id=&quot;break-length&quot;</code> , который по умолчанию (при загрузке) отображает значение 5. <strong>User Story # 6:</strong> я могу видеть элемент с соответствующим <code>id=&quot;session-length&quot;</code> , который по умолчанию отображает значение 25. <strong>User Story # 7:</strong> я могу увидеть элемент с соответствующим <code>id=&quot;timer-label&quot;</code> , который содержит строку, указывающую, что сеанс инициализирован (например,« Session ») , <strong>User Story # 8:</strong> Я вижу элемент с соответствующим <code>id=&quot;time-left&quot;</code> . ПРИМЕЧАНИЕ. При приостановке или запуске значение в этом поле должно всегда отображаться в формате <code>mm:ss</code> (т.е. 25:00). <strong>User Story # 9:</strong> Я вижу кликабельный элемент с соответствующим <code>id=&quot;start_stop&quot;</code> . <strong>User Story # 10:</strong> Я вижу кликабельный элемент с соответствующим <code>id=&quot;reset&quot;</code> . <strong>User Story # 11:</strong> Когда я нажимаю элемент с идентификатором <code>reset</code> , любой рабочий таймер должен быть остановлен, значение в <code>id=&quot;break-length&quot;</code> должно возвращаться к <code>5</code> , значение в <code>id=&quot;session-length&quot;</code> должно возвращаться до 25, а элемент с <code>id=&quot;time-left&quot;</code> должен сбрасываться в состояние по умолчанию. <strong>User Story # 12:</strong> Когда я нажимаю элемент с идентификатором <code>break-decrement</code> , значение в <code>id=&quot;break-length&quot;</code> уменьшается на значение 1, и я могу видеть обновленное значение. <strong>User Story # 13:</strong> Когда я нажимаю на элемент с идентификатором <code>break-increment</code> , значение в <code>id=&quot;break-length&quot;</code> увеличивается на значение 1, и я могу видеть обновленное значение. <strong>User Story # 14:</strong> Когда я нажимаю элемент с идентификатором сокращения <code>session-decrement</code> , значение в <code>id=&quot;session-length&quot;</code> уменьшается на значение 1, и я могу видеть обновленное значение. <strong>User Story # 15:</strong> Когда я нажимаю элемент с идентификатором <code>session-increment</code> , значение в <code>id=&quot;session-length&quot;</code> увеличивается на значение 1, и я могу видеть обновленное значение. <strong>User Story # 16:</strong> Я не должен был устанавливать длину сеанса или прерывания до &lt;= 0. <strong>User Story # 17:</strong> Я не должен был устанавливать сессию или длину прерывания до 60. <strong>Пользовательская история № 18:</strong> Когда я сначала нажмите элемент с <code>id=&quot;start_stop&quot;</code> , таймер должен начать работать со значения, отображаемого в настоящее время в <code>id=&quot;session-length&quot;</code> , даже если значение было увеличено или уменьшено с первоначального значения 25. <strong>User Story # 19 :</strong> Если таймер запущен, элемент с id <code>time-left</code> должен отображать оставшееся время в формате <code>mm:ss</code> (декрементирование на значение 1 и обновление дисплея каждые 1000 мс). <strong>User Story # 20:</strong> Если таймер запущен, и я нажимаю на элемент с <code>id=&quot;start_stop&quot;</code> , обратный отсчет должен приостанавливаться. <strong>User Story # 21:</strong> Если таймер приостановлен, и я нажимаю на элемент с <code>id=&quot;start_stop&quot;</code> , обратный отсчет должен возобновиться с точки, в которой он был приостановлен. <strong>User Story # 22:</strong> Когда обратный отсчет сеанса достигает нуля (ПРИМЕЧАНИЕ: таймер ДОЛЖЕН достигать 00:00), и начинается новый обратный отсчет, элемент с идентификатором <code>timer-label</code> должен отображать строку, указывающую, что начался перерыв. <strong>User Story # 23:</strong> Когда обратный отсчет сеанса достигнет нуля (ПРИМЕЧАНИЕ: таймер ДОЛЖЕН доходить до 00:00), начинается новый обратный отсчет, отсчитывающий от значения, отображаемого в настоящее время в элементе <code>id=&quot;break-length&quot;</code> . <strong>User Story # 24:</strong> Когда обратный отсчет доходит до нуля (ПРИМЕЧАНИЕ: таймер ДОЛЖЕН достигать 00:00), и начинается новый обратный отсчет, элемент с идентификатором <code>timer-label</code> должен отображать строку, указывающую, что сеанс начался. <strong>User Story # 25:</strong> Когда обратный отсчет доходит до нуля (ПРИМЕЧАНИЕ: таймер ДОЛЖЕН достигать 00:00), должен начинаться отсчет нового сеанса, отсчитывающий от значения, отображаемого в настоящее время в элементе <code>id=&quot;session-length&quot;</code> . <strong>User Story # 26:</strong> Когда обратный отсчет достигает нуля (ПРИМЕЧАНИЕ: таймер ДОЛЖЕН достигать 00:00), должен звучать звук, указывающий, что время вверх. Это следует использовать в HTML5 <code>audio</code> тегов и имеет соответствующий <code>id=&quot;beep&quot;</code> . <strong>User Story # 27:</strong> Звуковой элемент с <code>id=&quot;beep&quot;</code> должен быть 1 секунду или дольше. <strong>User Story # 28:</strong> Звуковой элемент с идентификатором <code>beep</code> должен прекратить воспроизведение и перематываться до начала, когда щелкнут элемент с идентификатором <code>reset</code> . Вы можете создать свой проект, <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">нажимая эту ручку CodePen</a> . Или вы можете использовать эту ссылку CDN для запуска тестов в любой среде: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Как только вы закончите, отправьте URL-адрес своей рабочей проект с прохождением всех его тестов. Не забудьте использовать метод <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.russian.md b/curriculum/challenges/russian/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.russian.md
new file mode 100644
index 0000000000..c616af5eea
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd13
+title: Build a Random Quote Machine
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Создайте машину случайных цитат
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/qRZeGZ" target="_blank">https://codepen.io/freeCodeCamp/full/qRZeGZ</a> . Выполните приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> и получите все тесты для прохождения. Дайте ему свой личный стиль. Вы можете использовать любое сочетание HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux и jQuery для завершения этого проекта. Вы должны использовать фреймворк frontend (например, React), потому что этот раздел посвящен изучению интерфейсных фреймворков. Дополнительные технологии, не перечисленные выше, не рекомендуются, и использование их на свой страх и риск. Мы смотрим на поддержку других интерфейсных фреймворков, таких как Angular и Vue, но в настоящее время они не поддерживаются. Мы примем и попытаемся исправить все отчеты о проблемах, которые используют предлагаемый стек технологий для этого проекта. Счастливое кодирование! <strong>User Story # 1:</strong> Я вижу элемент оболочки с соответствующим <code>id=&quot;quote-box&quot;</code> . <strong>User Story # 2:</strong> В <code>#quote-box</code> я вижу элемент с соответствующим <code>id=&quot;text&quot;</code> . <strong>User Story # 3:</strong> В <code>#quote-box</code> я вижу элемент с соответствующим <code>id=&quot;author&quot;</code> . <strong>User Story # 4:</strong> В <code>#quote-box</code> я вижу элемент с кликабелем с соответствующим <code>id=&quot;new-quote&quot;</code> . <strong>User Story # 5:</strong> В <code>#quote-box</code> я вижу кликабельную <codea< code=""> элемент с соответствующим <code>id=&quot;tweet-quote&quot;</code> . <strong>User Story # 6:</strong> При первой загрузке моя машина цитирования отображает случайную цитату в элементе с <code>id=&quot;text&quot;</code> . <strong>User Story # 7:</strong> При первой загрузке моя машина цитирования отображает автора случайной цитаты в элементе с <code>id=&quot;author&quot;</code> . <strong>User Story # 8:</strong> Когда нажата кнопка <code>#new-quote</code> , моя машина цитирования должна получить новую цитату и отобразить ее в элементе <code>#text</code> . <strong>User Story # 9:</strong> Моя машина цитирования должна использовать автора <code>#new-quote</code> нажатии кнопки <code>#new-quote</code> и отображать ее в элементе <code>#author</code> . <strong>User Story # 10:</strong> Я могу прокрутить текущую цитату, щелкнув элемент <code>#tweet-quote</code> <code>a</code> . Этот элемент должен включать <code>a</code> <code>&quot;twitter.com/intent/tweet&quot;</code> путь в этом <code>href</code> атрибута чирикать текущую котировку. <strong>User Story # 11:</strong> Элемент оболочки <code>#quote-box</code> должен располагаться по горизонтали. Запустите тесты с уровнем масштабирования браузера на 100% и увеличьте страницу. Вы можете создать свой проект, <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">нажимая эту ручку CodePen</a> . Или вы можете использовать эту ссылку CDN для запуска тестов в любой среде: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Как только вы закончите, отправьте URL-адрес своей рабочей проект с прохождением всех его тестов. Не забудьте использовать метод <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. </codea<></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/jquery/change-text-inside-an-element-using-jquery.russian.md b/curriculum/challenges/russian/03-front-end-libraries/jquery/change-text-inside-an-element-using-jquery.russian.md
new file mode 100644
index 0000000000..37fbeffbbb
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/jquery/change-text-inside-an-element-using-jquery.russian.md
@@ -0,0 +1,87 @@
+---
+id: 564944c91be2204b269d51e3
+title: Change Text Inside an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: Изменение текста внутри элемента с помощью jQuery
+---
+
+## Description
+<section id="description"> Используя jQuery, вы можете изменить текст между начальным и конечным тегами элемента. Вы даже можете изменить разметку HTML. В jQuery есть функция, называемая <code>.html()</code> которая позволяет добавлять HTML-теги и текст внутри элемента. Любое содержимое, ранее содержавшееся в элементе, будет полностью заменено содержимым, которое вы предоставляете, используя эту функцию. Вот как вы могли бы переписать и подчеркнуть текст нашего заголовка: <code>$(&quot;h3&quot;).html(&quot;&lt;em&gt;jQuery Playground&lt;/em&gt;&quot;);</code> jQuery также имеет аналогичную функцию под названием <code>.text()</code> которая изменяет текст без добавления тегов. Другими словами, эта функция не будет оценивать любые теги HTML, переданные ей, но вместо этого будет рассматривать ее как текст, который вы хотите заменить существующим контентом. Измените кнопку с id <code>target4</code> , выделив ее текст. Проверьте эту <a href="https://developer.mozilla.org/en/docs/Web/HTML/Element/em" target="_blank">ссылку,</a> чтобы узнать больше о различии между <code>&lt;i&gt;</code> и <code>&lt;em&gt;</code> и их использованием. Обратите внимание, что, хотя <code>&lt;i&gt;</code> традиционно используется для подчеркивания текста, с тех пор он был использован для использования в качестве тега для значков. Тег <code>&lt;em&gt;</code> теперь широко признан тегом для акцента. Либо будет работать для этой задачи. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Подчеркните текст в кнопке <code>target4</code> , добавив теги HTML.'
+    testString: 'assert.isTrue((/<em>|<i>\s*#target4\s*<\/em>|<\/i>/gi).test($("#target4").html()), "Emphasize the text in your <code>target4</code> button by adding HTML tags.");'
+  - text: ''
+    testString: 'assert($("#target4") && $("#target4").text().trim() === "#target4", "Make sure the text is otherwise unchanged.");'
+  - text: ''
+    testString: 'assert.isFalse((/<em>|<i>/gi).test($("h3").html()), "Do not alter any other text.");'
+  - text: ''
+    testString: 'assert(code.match(/\.html\(/g), "Make sure you are using <code>.html()</code> and not <code>.text()</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/\$\(\s*?(\"|\")#target4(\"|\")\s*?\)\.html\(/), "Make sure to select <code>button id="target4"</code> with jQuery.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.russian.md b/curriculum/challenges/russian/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.russian.md
new file mode 100644
index 0000000000..2d61c4babf
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.russian.md
@@ -0,0 +1,86 @@
+---
+id: bad87fee1348bd9aed908826
+title: Change the CSS of an Element Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Изменение CSS элемента с помощью jQuery
+---
+
+## Description
+<section id="description"> Мы также можем изменить CSS элемента HTML непосредственно с помощью jQuery. Функция jQuery имеет функцию под названием <code>.css()</code> которая позволяет вам изменять CSS элемента. Вот как мы изменим его цвет на синий: <code>$(&quot;#target1&quot;).css(&quot;color&quot;, &quot;blue&quot;);</code> Это немного отличается от обычного объявления CSS, поскольку свойство CSS и его значение находятся в кавычках и разделены запятой, а не двоеточием. Удалите селектор jQuery, оставив свободную <code>document ready function</code> . Выберите <code>target1</code> и измените цвет на красный. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элемент <code>target1</code> должен иметь красный текст.
+    testString: 'assert($("#target1").css("color") === "rgb(255, 0, 0)", "Your <code>target1</code> element should have red text.");'
+  - text: 'Используйте только jQuery, чтобы добавить эти классы к элементу.'
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+    $("#target3").addClass("animated fadeOut");
+    $("button").removeClass("btn-default");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/jquery/clone-an-element-using-jquery.russian.md b/curriculum/challenges/russian/03-front-end-libraries/jquery/clone-an-element-using-jquery.russian.md
new file mode 100644
index 0000000000..b472fab05d
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/jquery/clone-an-element-using-jquery.russian.md
@@ -0,0 +1,86 @@
+---
+id: bad87fee1348bd9aed508826
+title: Clone an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: Клонирование элемента с помощью jQuery
+---
+
+## Description
+<section id="description"> В дополнение к движущимся элементам вы также можете копировать их из одного места в другое. jQuery имеет функцию <code>clone()</code> которая делает копию элемента. Например, если мы хотим скопировать <code>target2</code> из нашей <code>left-well</code> <code>target2</code> в нашу <code>right-well</code> <code>target2</code> , мы будем использовать: <code>$(&quot;#target2&quot;).clone().appendTo(&quot;#right-well&quot;);</code> Вы заметили, что это связано с объединением двух функций jQuery? Это называется <code>function chaining</code> и это удобный способ добиться успеха с помощью jQuery. <code>target5</code> свой элемент <code>target5</code> и добавьте его в <code>left-well</code> <code>target5</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элемент <code>target5</code> должен находиться внутри вашей <code>right-well</code> <code>target5</code> .
+    testString: 'assert($("#right-well").children("#target5").length > 0, "Your <code>target5</code> element should be inside your <code>right-well</code>.");'
+  - text: Копия элемента <code>target5</code> также должна находиться внутри вашей <code>left-well</code> <code>target5</code> .
+    testString: 'assert($("#left-well").children("#target5").length > 0, "A copy of your <code>target5</code> element should also be inside your <code>left-well</code>.");'
+  - text: Используйте только jQuery для перемещения этих элементов.
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to move these elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/jquery/delete-your-jquery-functions.russian.md b/curriculum/challenges/russian/03-front-end-libraries/jquery/delete-your-jquery-functions.russian.md
new file mode 100644
index 0000000000..cf13313f4c
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/jquery/delete-your-jquery-functions.russian.md
@@ -0,0 +1,91 @@
+---
+id: bad87fee1348bd9aeda08726
+title: Delete Your jQuery Functions
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Удалить функции jQuery
+---
+
+## Description
+<section id="description"> Сначала эти анимации были классными, но теперь они становятся отвлекающими. Удалите все три из этих функций jQuery из функции <code>document ready function</code> , но не оставляйте свою <code>document ready function</code> неповрежденной. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Удалите все три функции jQuery из <code>document ready function</code> .
+    testString: 'assert(code.match(/\{\s*\}\);/g), "Delete all three of your jQuery functions from your <code>document ready function</code>.");'
+  - text: Оставьте свой элемент <code>script</code> неповрежденным.
+    testString: 'assert(code.match(/<script>/g), "Leave your <code>script</code> element intact.");'
+  - text: 'Оставьте свой <code>$(document).ready(function() {</code> до начала вашего элемента <code>script</code> .'
+    testString: 'assert(code.match(/\$\(document\)\.ready\(function\(\)\s?\{/g), "Leave your <code>$&#40document&#41.ready&#40function&#40&#41 {</code> to the beginning of your <code>script</code> element.");'
+  - text: 'Оставьте «закрытие документа» закрытым <code>})</code> неповрежденным.'
+    testString: 'assert(code.match(/.*\s*\}\);/g), "Leave your "document ready function" closing <code>&#125;&#41;</code> intact.");'
+  - text: ''
+    testString: 'assert(code.match(/<\/script>/g) && code.match(/<script/g) && code.match(/<\/script>/g).length === code.match(/<script/g).length, "Leave your <code>script</code> element closing tag intact.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+    $("#target3").addClass("animated fadeOut");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/jquery/disable-an-element-using-jquery.russian.md b/curriculum/challenges/russian/03-front-end-libraries/jquery/disable-an-element-using-jquery.russian.md
new file mode 100644
index 0000000000..1f9648ada8
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/jquery/disable-an-element-using-jquery.russian.md
@@ -0,0 +1,83 @@
+---
+id: bad87fee1348bd9aed808826
+title: Disable an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: Отключить элемент с помощью jQuery
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("#target1") && $("#target1").prop("disabled") && code.match(/[""]disabled[""],( true|true)/g), "Disable your <code>target1</code> button.");'
+  - text: ''
+    testString: 'assert($("#target2") && !$("#target2").prop("disabled"), "Do not disable any other buttons.");'
+  - text: ''
+    testString: 'assert(!code.match(/disabled[^<]*>/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/jquery/learn-how-script-tags-and-document-ready-work.russian.md b/curriculum/challenges/russian/03-front-end-libraries/jquery/learn-how-script-tags-and-document-ready-work.russian.md
new file mode 100644
index 0000000000..9d43a2916f
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/jquery/learn-how-script-tags-and-document-ready-work.russian.md
@@ -0,0 +1,76 @@
+---
+id: bad87fee1348bd9acdd08826
+title: Learn How Script Tags and Document Ready Work
+challengeType: 6
+videoUrl: ''
+localeTitle: 'Узнайте, как работают теги сценариев и документы'
+---
+
+## Description
+<section id="description"> Теперь мы готовы изучить jQuery, самый популярный инструмент JavaScript за все время. Прежде чем мы сможем начать использовать jQuery, нам нужно добавить некоторые вещи в наш HTML. Во-первых, добавьте элемент <code>script</code> в верхней части страницы. Не забудьте закрыть его в следующей строке. В вашем браузере будет запущен любой JavaScript внутри элемента <code>script</code> , включая jQuery. Внутри вашего <code>script</code> элемента добавьте этот код: <code>$(document).ready(function() {</code> в свой <code>script</code> . Затем закройте его в следующей строке (все еще внутри вашего элемента <code>script</code> ) с помощью: <code>});</code> Мы узнаем больше о <code>functions</code> позже. Важно знать, что код, введенный внутри этой <code>function</code> будет запущен, как только ваш браузер загрузит вашу страницу. Это важно, потому что без функции вашего <code>document ready function</code> , ваш код может работать до того, как ваш HTML будет отображаться, что приведет к ошибкам. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Создайте элемент <code>script</code> убедившись, что он действителен и имеет закрывающий тег.'
+    testString: 'assert(code.match(/<\/script\s*>/g) && code.match(/<script(\sasync|\sdefer)*(\s(charset|src|type)\s*=\s*["\"]+[^"\"]*["\"]+)*(\sasync|\sdefer)*\s*>/g) && code.match(/<\/script\s*>/g).length === code.match(/<script(\sasync|\sdefer)*(\s(charset|src|type)\s*=\s*["\"]+[^"\"]*["\"]+)*(\sasync|\sdefer)*\s*>/g).length, "Create a <code>script</code> element making sure it is valid and has a closing tag.");'
+  - text: 'Вы должны добавить <code>$(document).ready (function() {</code> в начало вашего элемента <code>script</code> .'
+    testString: 'assert(code.match(/\$\s*?\(\s*?document\s*?\)\.ready\s*?\(\s*?function\s*?\(\s*?\)\s*?\{/g), "You should add <code>$&#40;document&#41;.ready<wbr>&#40;function&#40;&#41; {</code> to the beginning of your <code>script</code> element.");'
+  - text: 'Закройте свой <code>$(document).ready (function() {</code> function with <code>});</code>'
+    testString: 'assert(code.match(/\n*?\s*?\}\s*?\);/g), "Close your <code>$&#40;document&#41;.ready<wbr>&#40;function&#40;&#41; {</code> function with <code>}&#41;;</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/jquery/remove-an-element-using-jquery.russian.md b/curriculum/challenges/russian/03-front-end-libraries/jquery/remove-an-element-using-jquery.russian.md
new file mode 100644
index 0000000000..5c4876664d
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/jquery/remove-an-element-using-jquery.russian.md
@@ -0,0 +1,82 @@
+---
+id: bad87fee1348bd9aed708826
+title: Remove an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: Удаление элемента с помощью jQuery
+---
+
+## Description
+<section id="description"> Теперь давайте удалим HTML-элемент с вашей страницы с помощью jQuery. Функция jQuery имеет функцию <code>.remove()</code> , которая полностью удалит элемент HTML. Удалите элемент <code>target4</code> со страницы с помощью функции <code>.remove()</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Используйте jQuery, чтобы удалить элемент <code>target4</code> со своей страницы.'
+    testString: 'assert($("#target4").length === 0 && code.match(/\$\([""]#target4[""]\).remove\(\)/g), "Use jQuery to remove your <code>target4</code> element from your page.");'
+  - text: Для удаления этого элемента используйте только jQuery.
+    testString: 'assert(code.match(/id="target4/g) && !code.match(/<!--.*id="target4".*-->/g) && $("#right-well").length > 0, "Only use jQuery to remove this element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/jquery/remove-classes-from-an-element-with-jquery.russian.md b/curriculum/challenges/russian/03-front-end-libraries/jquery/remove-classes-from-an-element-with-jquery.russian.md
new file mode 100644
index 0000000000..193fdcfe2b
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/jquery/remove-classes-from-an-element-with-jquery.russian.md
@@ -0,0 +1,87 @@
+---
+id: bad87fee1348bd9aed918626
+title: Remove Classes from an Element with jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Удаление классов из элемента с помощью jQuery
+---
+
+## Description
+<section id="description"> Таким же образом вы можете добавлять классы к элементу с <code>addClass()</code> jQuery, вы можете удалить их с <code>removeClass()</code> функции <code>removeClass()</code> jQuery. Вот как вы это сделаете для конкретной кнопки: <code>$(&quot;#target2&quot;).removeClass(&quot;btn-default&quot;);</code> Давайте удалим <code>btn-default</code> из всех элементов <code>button</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Удалите <code>btn-default</code> из всех ваших элементов <code>button</code> .
+    testString: 'assert($(".btn-default").length === 0, "Remove the <code>btn-default</code> class from all of your <code>button</code> elements.");'
+  - text: Используйте jQuery для удаления этого класса из этого элемента.
+    testString: 'assert(code.match(/btn btn-default/g), "Only use jQuery to remove this class from the element.");'
+  - text: Удалите только класс <code>btn-default</code> .
+    testString: 'assert(code.match(/\.[\v\s]*removeClass[\s\v]*\([\s\v]*("|")\s*btn-default\s*("|")[\s\v]*\)/gm), "Only remove the <code>btn-default</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+    $("#target3").addClass("animated fadeOut");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/jquery/target-a-specific-child-of-an-element-using-jquery.russian.md b/curriculum/challenges/russian/03-front-end-libraries/jquery/target-a-specific-child-of-an-element-using-jquery.russian.md
new file mode 100644
index 0000000000..86a0917268
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/jquery/target-a-specific-child-of-an-element-using-jquery.russian.md
@@ -0,0 +1,93 @@
+---
+id: bad87fee1348bd9aed108826
+title: Target a Specific Child of an Element Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Назначение определенного дочернего элемента элемента с помощью jQuery
+---
+
+## Description
+<section id="description"> Вы видели, почему атрибуты id настолько удобны для таргетинга с помощью селекторов jQuery. Но у вас не всегда будут такие опрятные идентификаторы для работы. К счастью, у jQuery есть некоторые другие трюки для ориентации на нужные элементы. jQuery использует селектора CSS для целевых элементов. <code>target:nth-child(n)</code> селектор <code>target:nth-child(n)</code> CSS позволяет вам выбрать все n-ые элементы с целевым классом или типом элемента. Вот как вы бы дали третий элемент в каждой скважине класс отказов: <code>$(&quot;.target:nth-child(3)&quot;).addClass(&quot;animated bounce&quot;);</code> Сделайте второго ребенка в каждом из элементов вашего колодца. Вы должны выбрать дочерние элементы элементов с <code>target</code> классом. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Второй элемент в ваших <code>target</code> элементах должен отскочить.
+    testString: 'assert($(".target:nth-child(2)").hasClass("animated") && $(".target:nth-child(2)").hasClass("bounce"), "The second element in your <code>target</code> elements should bounce.");'
+  - text: Только два элемента должны отскакивать.
+    testString: 'assert($(".animated.bounce").length === 2, "Only two elements should bounce.");'
+  - text: 'Вы должны использовать селектор <code>:nth-child()</code> для изменения этих элементов.'
+    testString: 'assert(code.match(/\:nth-child\(/g), "You should use the <code>&#58;nth-child&#40&#41</code> selector to modify these elements.");'
+  - text: 'Используйте только jQuery, чтобы добавить эти классы к элементу.'
+    testString: 'assert(code.match(/\$\(".target:nth-child\(2\)"\)/g) || code.match(/\$\(".target:nth-child\(2\)"\)/g) || code.match(/\$\(".target"\).filter\(":nth-child\(2\)"\)/g) || code.match(/\$\(".target"\).filter\(":nth-child\(2\)"\)/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+    $("#right-well").children().css("color", "orange");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/jquery/target-elements-by-class-using-jquery.russian.md b/curriculum/challenges/russian/03-front-end-libraries/jquery/target-elements-by-class-using-jquery.russian.md
new file mode 100644
index 0000000000..92d2b7eb91
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/jquery/target-elements-by-class-using-jquery.russian.md
@@ -0,0 +1,82 @@
+---
+id: bad87fee1348bd9aedc08826
+title: Target Elements by Class Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Целевые элементы по классам Использование jQuery
+---
+
+## Description
+<section id="description"> Вы видите, как мы отбросили все ваши элементы <code>button</code> ? Мы выбрали их с помощью <code>$(&quot;button&quot;)</code> , затем мы добавили к ним некоторые классы CSS с <code>.addClass(&quot;animated bounce&quot;);</code> , Вы только что использовали <code>.addClass()</code> jQuery, которая позволяет добавлять классы к элементам. Во- первых, давайте нацеливать свои <code>div</code> элементы с классом <code>well</code> с помощью <code>$(&quot;.well&quot;)</code> селектор. Обратите внимание, что, как и в объявлениях CSS, вы вводите a <code>.</code> перед именем класса. Затем с помощью JQuery в <code>.addClass()</code> функцию , чтобы добавить классы <code>animated</code> и <code>shake</code> . Например, вы можете сделать все элементы с <code>$(&quot;.text-primary&quot;).addClass(&quot;animated shake&quot;);</code> типа <code>text-primary</code> , добавив следующее к вашей <code>document ready function</code> : <code>$(&quot;.text-primary&quot;).addClass(&quot;animated shake&quot;);</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Используйте JQuery <code>addClass()</code> функцию , чтобы дать классы <code>animated</code> и <code>shake</code> , чтобы все ваши элементы с классом <code>well</code> .'
+    testString: 'assert($(".well").hasClass("animated") && $(".well").hasClass("shake"), "Use the jQuery <code>addClass&#40&#41</code> function to give the classes <code>animated</code> and <code>shake</code> to all your elements with the class <code>well</code>.");'
+  - text: 'Используйте только jQuery, чтобы добавить эти классы к элементу.'
+    testString: 'assert(!code.match(/class\.\*animated/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/jquery/target-elements-by-id-using-jquery.russian.md b/curriculum/challenges/russian/03-front-end-libraries/jquery/target-elements-by-id-using-jquery.russian.md
new file mode 100644
index 0000000000..c4cb54fc00
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/jquery/target-elements-by-id-using-jquery.russian.md
@@ -0,0 +1,86 @@
+---
+id: bad87fee1348bd9aeda08826
+title: Target Elements by id Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Целевые элементы по id Использование jQuery
+---
+
+## Description
+<section id="description"> Вы также можете настраивать элементы по их атрибутам id. Сначала <code>target3</code> элемент <code>button</code> с <code>target3</code> с помощью селектора <code>$(&quot;#target3&quot;)</code> . Обратите внимание, что, как и в объявлениях CSS, вы вводите <code>#</code> перед именем id. Затем используйте <code>.addClass()</code> jQuery для добавления классов <code>animated</code> и <code>fadeOut</code> . Вот как вы делаете элемент <code>button</code> с id <code>target6</code> исчезающим: <code>$(&quot;#target6&quot;).addClass(&quot;animated fadeOut&quot;)</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Выберите элемент <code>button</code> с <code>id</code> <code>target3</code> и используйте <code>addClass()</code> jQuery <code>addClass()</code> чтобы присвоить ей класс <code>animated</code> .
+    testString: 'assert($("#target3").hasClass("animated"), "Select the <code>button</code> element with the <code>id</code> of <code>target3</code> and use the jQuery <code>addClass&#40&#41</code> function to give it the class of <code>animated</code>.");'
+  - text: <code>target3</code> элемент с идентификатором <code>target3</code> и используйте <code>addClass()</code> jQuery <code>addClass()</code> чтобы присвоить ему класс <code>fadeOut</code> .
+    testString: 'assert(($("#target3").hasClass("fadeOut") || $("#target3").hasClass("fadeout"))  && code.match(/\$\(\s*.#target3.\s*\)/g), "Target the element with the id <code>target3</code> and use the jQuery <code>addClass&#40&#41</code> function to give it the class <code>fadeOut</code>.");'
+  - text: 'Используйте только jQuery, чтобы добавить эти классы к элементу.'
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/jquery/target-even-elements-using-jquery.russian.md b/curriculum/challenges/russian/03-front-end-libraries/jquery/target-even-elements-using-jquery.russian.md
new file mode 100644
index 0000000000..473673b4b8
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/jquery/target-even-elements-using-jquery.russian.md
@@ -0,0 +1,93 @@
+---
+id: bad87fee1348bd9aed008826
+title: Target Even Elements Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Целевые четные элементы с помощью jQuery
+---
+
+## Description
+<section id="description"> Вы также можете настроить таргетинг на основе своих позиций с помощью <code>:odd</code> или <code>:even</code> селекторов. Обратите внимание, что jQuery индексируется с нулевой отметкой, что означает, что первый элемент в элементе выбора имеет позицию 0. Это может быть немного запутанным, как, напротив, интуитивно <code>:odd</code> выбирает второй элемент (позиция 1), четвертый элемент (позиция 3) , и так далее. Вот как вы бы нацеливали все нечетные элементы с помощью <code>target</code> <code>$(&quot;.target:odd&quot;).addClass(&quot;animated shake&quot;);</code> класса и давали им классы: <code>$(&quot;.target:odd&quot;).addClass(&quot;animated shake&quot;);</code> Попробуйте выбрать все четные <code>target</code> элементы и дать им классы <code>animated</code> и <code>shake</code> . Помните, что <strong>даже</strong> относится к позиции элементов с нулевой системой в виду. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Все <code>target</code> элементы, которые jQuery считает равными, должны дрожать.'
+    testString: 'assert($(".target:even").hasClass("animated") && $(".target:even").hasClass("shake"), "All of the <code>target</code> elements that jQuery considers to be even should shake.");'
+  - text: 'Вы должны использовать <code>:even</code> селектор для изменения этих элементов.'
+    testString: 'assert(code.match(/\:even/g), "You should use the <code>&#58;even</code> selector to modify these elements.");'
+  - text: 'Используйте только jQuery, чтобы добавить эти классы к элементу.'
+    testString: 'assert(code.match(/\$\(".target:even"\)/g) || code.match(/\$\(".target:even"\)/g) || code.match(/\$\(".target"\).filter\(":even"\)/g) || code.match(/\$\(".target"\).filter\(":even"\)/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+    $("#right-well").children().css("color", "orange");
+    $("#left-well").children().css("color", "green");
+    $(".target:nth-child(2)").addClass("animated bounce");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/jquery/target-html-elements-with-selectors-using-jquery.russian.md b/curriculum/challenges/russian/03-front-end-libraries/jquery/target-html-elements-with-selectors-using-jquery.russian.md
new file mode 100644
index 0000000000..5b5fc8e4d2
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/jquery/target-html-elements-with-selectors-using-jquery.russian.md
@@ -0,0 +1,84 @@
+---
+id: bad87fee1348bd9bedc08826
+title: Target HTML Elements with Selectors Using jQuery
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Целевые элементы HTML с селекторами Использование jQuery
+---
+
+## Description
+<section id="description"> Теперь у нас есть <code>document ready function</code> . Теперь давайте напишем наш первый оператор jQuery. Все функции jQuery начинаются с <code>$</code> , обычно называемого <code>dollar sign operator</code> , или как <code>bling</code> . jQuery часто выбирает элемент HTML с <code>selector</code> , затем делает что-то с этим элементом. Например, давайте сделаем все ваши элементы <code>button</code> отскоком. Просто добавьте этот код в свою готовую документ: <code>$(&quot;button&quot;).addClass(&quot;animated bounce&quot;);</code> Обратите внимание, что мы уже включили библиотеку jQuery и библиотеку Animate.css в фоновом режиме, чтобы вы могли использовать их в редакторе. Таким образом, вы используете jQuery для применения класса <code>bounce</code> Animate.css к вашим элементам <code>button</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Используйте <code>addClass()</code> jQuery <code>addClass()</code> чтобы дать <code>animated</code> классы и <code>bounce</code> к вашим элементам <code>button</code> .
+    testString: 'assert($("button").hasClass("animated") && $("button").hasClass("bounce"), "Use the jQuery <code>addClass&#40&#41</code> function to give the classes <code>animated</code> and <code>bounce</code> to your <code>button</code> elements.");'
+  - text: 'Используйте только jQuery, чтобы добавить эти цвета к элементу.'
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to add these colors to the element.");'
+  - text: Ваш код jQuery должен находиться в пределах <code>$(document).ready();</code> функция.
+    testString: 'assert(code.match(/\$\(document\)\.ready\(function.*(\s|\n)*.*button.*.addClass.*\);/g), "Your jQuery code should be within the <code>$(document).ready();</code> function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/jquery/target-the-children-of-an-element-using-jquery.russian.md b/curriculum/challenges/russian/03-front-end-libraries/jquery/target-the-children-of-an-element-using-jquery.russian.md
new file mode 100644
index 0000000000..8e68a2641f
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/jquery/target-the-children-of-an-element-using-jquery.russian.md
@@ -0,0 +1,87 @@
+---
+id: bad87fee1348bd9aed208826
+title: Target the Children of an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: Цель детей элемента с помощью jQuery
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> Дайте всем детям вашего <code>right-well</code> элемента колорит оранжевый цвет. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert($("#right-well").children().css("color") === "rgb(255, 165, 0)", "All children of <code>#right-well</code> should have orange text.");'
+  - text: Вы должны использовать функцию <code>children()</code> для изменения этих элементов.
+    testString: 'assert(code.match(/\.children\(\)\.css/g), "You should use the <code>children&#40&#41</code> function to modify these elements.");'
+  - text: ''
+    testString: 'assert(code.match(/<div class="well" id="right-well">/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/jquery/target-the-parent-of-an-element-using-jquery.russian.md b/curriculum/challenges/russian/03-front-end-libraries/jquery/target-the-parent-of-an-element-using-jquery.russian.md
new file mode 100644
index 0000000000..dd18d9f8cd
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/jquery/target-the-parent-of-an-element-using-jquery.russian.md
@@ -0,0 +1,91 @@
+---
+id: bad87fee1348bd9aed308826
+title: Target the Parent of an Element Using jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: Задайте родительский элемент элемента с помощью jQuery
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элемент <code>left-well</code> должен иметь красный фон.
+    testString: 'assert($("#left-well").css("background-color") === "red" || $("#left-well").css("background-color") === "rgb(255, 0, 0)" || $("#left-well").css("background-color").toLowerCase() === "#ff0000" || $("#left-well").css("background-color").toLowerCase() === "#f00", "Your <code>left-well</code> element should have a red background.");'
+  - text: ''
+    testString: 'assert(code.match(/\.parent\s*\(\s*\)\s*\.css/g), "You should use the <code>&#46;parent&#40;&#41;</code> function to modify this element.");'
+  - text: 'Метод <code>.parent()</code> должен быть вызван в элементе <code>#target1</code> .'
+    testString: 'assert(code.match(/\$\s*?\(\s*?(?:"|")\s*?#target1\s*?(?:"|")\s*?\)\s*?\.parent/gi), "The <code>&#46;parent&#40;&#41;</code> method should be called on the <code>&#35;target1</code> element.");'
+  - text: 'Используйте только jQuery, чтобы добавить эти классы к элементу.'
+    testString: 'assert(code.match(/<div class="well" id="left-well">/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<body>
+  <div class="container-fluid">
+    <h3 class="text-primary text-center">jQuery Playground</h3>
+    <div class="row">
+      <div class="col-xs-6">
+        <h4>#left-well</h4>
+        <div class="well" id="left-well">
+          <button class="btn btn-default target" id="target1">#target1</button>
+          <button class="btn btn-default target" id="target2">#target2</button>
+          <button class="btn btn-default target" id="target3">#target3</button>
+        </div>
+      </div>
+      <div class="col-xs-6">
+        <h4>#right-well</h4>
+        <div class="well" id="right-well">
+          <button class="btn btn-default target" id="target4">#target4</button>
+          <button class="btn btn-default target" id="target5">#target5</button>
+          <button class="btn btn-default target" id="target6">#target6</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/jquery/target-the-same-element-with-multiple-jquery-selectors.russian.md b/curriculum/challenges/russian/03-front-end-libraries/jquery/target-the-same-element-with-multiple-jquery-selectors.russian.md
new file mode 100644
index 0000000000..1ae643d47a
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/jquery/target-the-same-element-with-multiple-jquery-selectors.russian.md
@@ -0,0 +1,90 @@
+---
+id: bad87fee1348bd9aed908626
+title: Target the Same Element with Multiple jQuery Selectors
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Цель одного и того же элемента с несколькими селекторами jQuery
+---
+
+## Description
+<section id="description"> Теперь вы знаете три способа таргетинга элементов: по типу: <code>$(&quot;button&quot;)</code> , по классу: <code>$(&quot;.btn&quot;)</code> и по id <code>$(&quot;#target1&quot;)</code> . Хотя можно добавить несколько классов в один <code>.addClass()</code> , давайте добавим их в один и тот же элемент <em>тремя разными способами</em> . Используя <code>.addClass()</code> , добавьте только один класс за один раз к одному и тому же элементу, тремя разными способами: добавьте <code>animated</code> класс ко всем элементам с <code>button</code> типа. Добавьте класс <code>shake</code> ко всем кнопкам с классом <code>.btn</code> . Добавьте <code>btn-primary</code> к кнопке с идентификатором <code>#target1</code> . <strong>Заметка</strong> <br> Вы должны ориентироваться только на один элемент и одновременно добавлять только один класс. В целом, ваши три отдельных селектора в конечном итоге <code>btn-primary</code> три класса <code>shake</code> , <code>animated</code> и <code>btn-primary</code> в <code>#target1</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Используйте селектор <code>$(&quot;button&quot;)</code> .
+    testString: 'assert(code.match(/\$\s*?\(\s*?(?:"|")\s*?button\s*?(?:"|")/gi), "Use the <code>$&#40"button"&#41</code> selector.");'
+  - text: ''
+    testString: 'assert(code.match(/\$\s*?\(\s*?(?:"|")\s*?\.btn\s*?(?:"|")/gi), "Use the <code>$&#40".btn"&#41</code> selector.");'
+  - text: ''
+    testString: 'assert(code.match(/\$\s*?\(\s*?(?:"|")\s*?#target1\s*?(?:"|")/gi), "Use the <code>$&#40"#target1"&#41</code> selector.");'
+  - text: ''
+    testString: 'assert(code.match(/addClass/g) && code.match(/addClass\s*?\(\s*?("|")\s*?[\w-]+\s*?\1\s*?\)/g).length > 2, "Only add one class with each of your three selectors.");'
+  - text: ''
+    testString: 'assert($("#target1").hasClass("animated") && $("#target1").hasClass("shake") && $("#target1").hasClass("btn-primary"), "Your <code>#target1</code> element should have the classes <code>animated</code>&#130; <code>shake</code> and <code>btn-primary</code>.");'
+  - text: 'Используйте только jQuery, чтобы добавить эти классы к элементу.'
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to add these classes to the element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/jquery/use-appendto-to-move-elements-with-jquery.russian.md b/curriculum/challenges/russian/03-front-end-libraries/jquery/use-appendto-to-move-elements-with-jquery.russian.md
new file mode 100644
index 0000000000..671efa48d6
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/jquery/use-appendto-to-move-elements-with-jquery.russian.md
@@ -0,0 +1,85 @@
+---
+id: bad87fee1348bd9aed608826
+title: Use appendTo to Move Elements with jQuery
+challengeType: 6
+videoUrl: ''
+localeTitle: Используйте appendTo для перемещения элементов с помощью jQuery
+---
+
+## Description
+<section id="description"> Теперь давайте попробуем переместить элементы из одного <code>div</code> в другой. Функция jQuery имеет функцию <code>appendTo()</code> которая позволяет вам выбирать элементы HTML и добавлять их к другому элементу. Например, если мы хотим перенести <code>target4</code> с нашей правой скважины на нашу левую скважину, мы будем использовать: <code>$(&quot;#target4&quot;).appendTo(&quot;#left-well&quot;);</code> Переместите элемент <code>target2</code> с <code>left-well</code> на <code>right-well</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш <code>target2</code> не должен находиться внутри вашей <code>left-well</code> <code>target2</code> .
+    testString: 'assert($("#left-well").children("#target2").length === 0, "Your <code>target2</code> element should not be inside your <code>left-well</code>.");'
+  - text: Ваш <code>target2</code> должен находиться внутри вашей <code>right-well</code> <code>target2</code> .
+    testString: 'assert($("#right-well").children("#target2").length > 0, "Your <code>target2</code> element should be inside your <code>right-well</code>.");'
+  - text: Используйте только jQuery для перемещения этих элементов.
+    testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to move these elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/jquery/use-jquery-to-modify-the-entire-page.russian.md b/curriculum/challenges/russian/03-front-end-libraries/jquery/use-jquery-to-modify-the-entire-page.russian.md
new file mode 100644
index 0000000000..86dfc0c649
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/jquery/use-jquery-to-modify-the-entire-page.russian.md
@@ -0,0 +1,90 @@
+---
+id: bad87fee1348bd9aecb08826
+title: Use jQuery to Modify the Entire Page
+required:
+  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+challengeType: 6
+videoUrl: ''
+localeTitle: Использование jQuery для изменения всей страницы
+---
+
+## Description
+<section id="description"> Мы закончили играть с нашей игровой площадкой jQuery. Давайте разорвём его! jQuery может также нацеливаться на элемент <code>body</code> . Вот как мы можем заставить все тело исчезать: <code>$(&quot;body&quot;).addClass(&quot;animated fadeOut&quot;);</code> Но давайте сделаем что-то более драматичное. Добавьте <code>animated</code> классы и <code>hinge</code> к элементу вашего <code>body</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Добавьте <code>animated</code> классы и <code>hinge</code> к элементу вашего <code>body</code> .
+    testString: 'assert($("body").hasClass("animated") && $("body").hasClass("hinge"), "Add the classes <code>animated</code> and <code>hinge</code> to your <code>body</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+    $("#right-well").children().css("color", "orange");
+    $("#left-well").children().css("color", "green");
+    $(".target:nth-child(2)").addClass("animated bounce");
+    $(".target:even").addClass("animated shake");
+
+  });
+</script>
+
+<!-- Only change code above this line. -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/connect-redux-to-react.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/connect-redux-to-react.russian.md
new file mode 100644
index 0000000000..327f2ea1a1
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/connect-redux-to-react.russian.md
@@ -0,0 +1,93 @@
+---
+id: 5a24c314108439a4d4036147
+title: Connect Redux to React
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Подключите Redux к действию
+---
+
+## Description
+<section id="description"> Теперь, когда вы написали функции <code>mapStateToProps()</code> и <code>mapDispatchToProps()</code> , вы можете использовать их для отображения <code>state</code> и <code>dispatch</code> в <code>props</code> одного из ваших компонентов React. Метод <code>connect</code> из React Redux может справиться с этой задачей. Этот метод принимает два необязательных аргумента: <code>mapStateToProps()</code> и <code>mapDispatchToProps()</code> . Они являются необязательными, потому что у вас может быть компонент, которому нужен только доступ к <code>state</code> но ему не нужно отправлять какие-либо действия или наоборот. Чтобы использовать этот метод, передайте функции в качестве аргументов и немедленно вызовите результат с вашим компонентом. Этот синтаксис немного необычен и выглядит так: <code>connect(mapStateToProps, mapDispatchToProps)(MyComponent)</code> <strong>Примечание.</strong> Если вы хотите опустить один из аргументов метода <code>connect</code> , вы передаете <code>null</code> на свое место. </section>
+
+## Instructions
+<section id="instructions"> Редактор кода имеет функции <code>mapStateToProps()</code> и <code>mapDispatchToProps()</code> и новый компонент React, называемый <code>Presentational</code> . Подключите этот компонент к Redux с помощью метода <code>connect</code> из глобального объекта <code>ReactRedux</code> и немедленно вызовите его на компоненте <code>Presentational</code> . Назначьте результат новой <code>const</code> называемой <code>ConnectedComponent</code> которая представляет подключенный компонент. Вот и все, теперь вы подключены к Redux! Попробуйте изменить либо из <code>connect</code> аргументов «s к <code>null</code> и наблюдать за результатами испытаний. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Presentational</code> компонент должен отображать.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("Presentational").length === 1; })(), "The <code>Presentational</code> component should render.");'
+  - text: <code>Presentational</code> компонент должен получать <code>messages</code> оповещения через <code>connect</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const props = mockedComponent.find("Presentational").props(); return props.messages === "__INITIAL__STATE__"; })(), "The <code>Presentational</code> component should receive a prop <code>messages</code> via <code>connect</code>.");'
+  - text: <code>Presentational</code> компонент должен получить опору <code>submitNewMessage</code> через <code>connect</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const props = mockedComponent.find("Presentational").props(); return typeof props.submitNewMessage === "function"; })(), "The <code>Presentational</code> component should receive a prop <code>submitNewMessage</code> via <code>connect</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const addMessage = (message) => {
+  return {
+    type: 'ADD',
+    message: message
+  }
+};
+
+const mapStateToProps = (state) => {
+  return {
+    messages: state
+  }
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    submitNewMessage: (message) => {
+      dispatch(addMessage(message));
+    }
+  }
+};
+
+class Presentational extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return <h3>This is a Presentational Component</h3>
+  }
+};
+
+const connect = ReactRedux.connect;
+// change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/connect-redux-to-the-messages-app.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/connect-redux-to-the-messages-app.russian.md
new file mode 100644
index 0000000000..a1ce79b632
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/connect-redux-to-the-messages-app.russian.md
@@ -0,0 +1,161 @@
+---
+id: 5a24c314108439a4d4036148
+title: Connect Redux to the Messages App
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Подключить Redux к приложению «Сообщения»
+---
+
+## Description
+<section id="description"> Теперь, когда вы понимаете, как использовать <code>connect</code> для подключения React к Redux, вы можете применить то, что вы узнали, к своему компоненту React, который обрабатывает сообщения. В последнем уроке компонент, который вы подключили к Redux, был назван <code>Presentational</code> , и это не было произвольным. Этот термин <i>обычно</i> относится к компонентам React, которые напрямую не связаны с Redux. Они просто отвечают за представление пользовательского интерфейса и делают это в зависимости от реквизита, который они получают. Напротив, компоненты контейнера подключены к Redux. Обычно они отвечают за отправку действий в хранилище и часто передают состояние хранилища дочерним компонентам в качестве реквизита. </section>
+
+## Instructions
+<section id="instructions"> Редактор кода имеет весь код, который вы написали в этом разделе. Единственное изменение заключается в том, что компонент React переименовывается в <code>Presentational</code> . Создайте новый компонент, состоящий из константы, называемой <code>Container</code> которая использует <code>connect</code> для подключения <code>Presentational</code> компонента к Redux. Затем в <code>AppWrapper</code> отобразите компонент React Redux <code>Provider</code> . Пропустите <code>Provider</code> <code>store</code> Redux в качестве опоры и выведите <code>Container</code> в качестве ребенка. Как только все будет установлено, вы снова увидите сообщение, отображаемое на странице. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>AppWrapper</code> должен отобразить страницу.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("AppWrapper").length === 1; })(), "The <code>AppWrapper</code> should render to the page.");'
+  - text: '<code>Presentational</code> компонент должен отображать элементы <code>h2</code> , <code>input</code> , <code>button</code> и <code>ul</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("Presentational").length === 1; })(), "The <code>Presentational</code> component should render an <code>h2</code>, <code>input</code>, <code>button</code>, and <code>ul</code> elements.");'
+  - text: '<code>Presentational</code> компонент должен отображать элементы <code>h2</code> , <code>input</code> , <code>button</code> и <code>ul</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); return ( PresentationalComponent.find("div").length === 1 && PresentationalComponent.find("h2").length === 1 && PresentationalComponent.find("button").length === 1 && PresentationalComponent.find("ul").length === 1 ); })(), "The <code>Presentational</code> component should render an <code>h2</code>, <code>input</code>, <code>button</code>, and <code>ul</code> elements.");'
+  - text: <code>Presentational</code> компонент должен получать <code>messages</code> от магазина Redux в качестве опоры.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); const props = PresentationalComponent.props(); return Array.isArray(props.messages); })(), "The <code>Presentational</code> component should receive <code>messages</code> from the Redux store as a prop.");'
+  - text: <code>Presentational</code> компонент должен получить создателя действия <code>submitMessage</code> в качестве опоры.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); const props = PresentationalComponent.props(); return typeof props.submitNewMessage === "function"; })(), "The <code>Presentational</code> component should receive the <code>submitMessage</code> action creator as a prop.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// Redux:
+const ADD = 'ADD';
+
+const addMessage = (message) => {
+  return {
+    type: ADD,
+    message: message
+  }
+};
+
+const messageReducer = (state = [], action) => {
+  switch (action.type) {
+    case ADD:
+      return [
+        ...state,
+        action.message
+      ];
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(messageReducer);
+
+// React:
+class Presentational extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      messages: []
+    }
+    this.handleChange = this.handleChange.bind(this);
+    this.submitMessage = this.submitMessage.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  submitMessage() {
+    const currentMessage = this.state.input;
+    this.setState({
+      input: ",
+      messages: this.state.messages.concat(currentMessage)
+    });
+  }
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange}/><br/>
+        <button onClick={this.submitMessage}>Submit</button>
+        <ul>
+          {this.state.messages.map( (message, idx) => {
+              return (
+                 <li key={idx}>{message}</li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+};
+
+// React-Redux:
+const mapStateToProps = (state) => {
+  return { messages: state }
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    submitNewMessage: (newMessage) => {
+       dispatch(addMessage(newMessage))
+    }
+  }
+};
+
+const Provider = ReactRedux.Provider;
+const connect = ReactRedux.connect;
+
+// define the Container component here:
+
+
+class AppWrapper extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    // complete the return statement:
+    return (null);
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/extract-local-state-into-redux.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/extract-local-state-into-redux.russian.md
new file mode 100644
index 0000000000..e9c5f2247a
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/extract-local-state-into-redux.russian.md
@@ -0,0 +1,168 @@
+---
+id: 5a24c314108439a4d4036149
+title: Extract Local State into Redux
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Извлечь локальное состояние в Redux
+---
+
+## Description
+<section id="description"> Вы почти закончили! Напомним, что вы написали весь код Redux, чтобы Redux мог контролировать управление вашим приложением React messages. Теперь, когда Redux подключен, вам нужно извлечь управление состоянием из компонента <code>Presentational</code> и в Redux. В настоящее время вы подключены к Redux, но вы управляете состоянием локально в составе <code>Presentational</code> компонента. </section>
+
+## Instructions
+<section id="instructions"> В компоненте <code>Presentational</code> сначала удалите свойство <code>messages</code> в локальном <code>state</code> . Эти сообщения будут управляться Redux. Затем измените метод <code>submitMessage()</code> так, чтобы он отправил <code>submitNewMessage()</code> из <code>this.props</code> и передал текущее сообщение из локального <code>state</code> в качестве аргумента. Поскольку вы удалили <code>messages</code> из локального состояния, удалите свойство <code>messages</code> из вызова <code>this.setState()</code> здесь. Наконец, измените метод <code>render()</code> чтобы он отображал сообщения, полученные из <code>props</code> а не <code>state</code> . После внесения этих изменений приложение будет продолжать функционировать одинаково, за исключением того, что Redux управляет состоянием. В этом примере также показано, как компонент может иметь локальное <code>state</code> : ваш компонент по-прежнему отслеживает ввод пользователя локально в своем собственном <code>state</code> . Вы можете видеть, как Redux предоставляет полезную структуру управления государственными ресурсами поверх React. Вы достигли того же результата, используя сначала локальное состояние React, и это обычно возможно с помощью простых приложений. Однако, поскольку ваши приложения становятся все больше и сложнее, так же как и ваше управление состоянием, и это проблема, которую решает Redux. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>AppWrapper</code> должен отобразить страницу.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("AppWrapper").length === 1; })(), "The <code>AppWrapper</code> should render to the page.");'
+  - text: '<code>Presentational</code> компонент должен отображать элементы <code>h2</code> , <code>input</code> , <code>button</code> и <code>ul</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("Presentational").length === 1; })(), "The <code>Presentational</code> component should render an <code>h2</code>, <code>input</code>, <code>button</code>, and <code>ul</code> elements.");'
+  - text: '<code>Presentational</code> компонент должен отображать элементы <code>h2</code> , <code>input</code> , <code>button</code> и <code>ul</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); return ( PresentationalComponent.find("div").length === 1 && PresentationalComponent.find("h2").length === 1 && PresentationalComponent.find("button").length === 1 && PresentationalComponent.find("ul").length === 1 ); })(), "The <code>Presentational</code> component should render an <code>h2</code>, <code>input</code>, <code>button</code>, and <code>ul</code> elements.");'
+  - text: <code>Presentational</code> компонент должен получать <code>messages</code> от магазина Redux в качестве опоры.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); const props = PresentationalComponent.props(); return Array.isArray(props.messages); })(), "The <code>Presentational</code> component should receive <code>messages</code> from the Redux store as a prop.");'
+  - text: <code>Presentational</code> компонент должен получить создателя действия <code>submitMessage</code> в качестве опоры.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalComponent = mockedComponent.find("Presentational"); const props = PresentationalComponent.props(); return typeof props.submitNewMessage === "function"; })(), "The <code>Presentational</code> component should receive the <code>submitMessage</code> action creator as a prop.");'
+  - text: 'Состояние компонента <code>Presentational</code> должно содержать одно свойство, <code>input</code> , которое инициализируется пустой строкой.'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const PresentationalState = mockedComponent.find("Presentational").instance().state; return typeof PresentationalState.input === "string" && Object.keys(PresentationalState).length === 1; })(), "The state of the <code>Presentational</code> component should contain one property, <code>input</code>, which is initialized to an empty string.");'
+  - text: Ввод в элемент <code>input</code> должен обновить состояние компонента <code>Presentational</code> .
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const testValue = "__MOCK__INPUT__"; const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); let initialInput = mockedComponent.find("Presentational").find("input"); const changed = () => { causeChange(mockedComponent, testValue); return waitForIt(() => mockedComponent )}; const updated = await changed(); const updatedInput = updated.find("Presentational").find("input"); assert(initialInput.props().value === "" && updatedInput.props().value === "__MOCK__INPUT__", "Typing in the <code>input</code> element should update the state of the <code>Presentational</code> component."); }; '
+  - text: При <code>submitMessage</code> на <code>Presentational</code> компоненте необходимо обновить хранилище Redux и очистить ввод в локальном состоянии.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); let beforeProps = mockedComponent.find("Presentational").props(); const testValue = "__TEST__EVENT__INPUT__"; const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const changed = () => { causeChange(mockedComponent, testValue); return waitForIt(() => mockedComponent )}; const clickButton = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterChange = await changed(); const afterChangeInput = afterChange.find("input").props().value; const afterClick = await clickButton(); const afterProps = mockedComponent.find("Presentational").props(); assert(beforeProps.messages.length === 0 && afterChangeInput === testValue && afterProps.messages.pop() === testValue && afterClick.find("input").props().value === "", "Dispatching the <code>submitMessage</code> on the <code>Presentational</code> component should update Redux store and clear the input in local state."); }; '
+  - text: <code>Presentational</code> компонент должен отображать <code>messages</code> из магазина Redux.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); let beforeProps = mockedComponent.find("Presentational").props(); const testValue = "__TEST__EVENT__INPUT__"; const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const changed = () => { causeChange(mockedComponent, testValue); return waitForIt(() => mockedComponent )}; const clickButton = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterChange = await changed(); const afterChangeInput = afterChange.find("input").props().value; const afterClick = await clickButton(); const afterProps = mockedComponent.find("Presentational").props(); assert(beforeProps.messages.length === 0 && afterChangeInput === testValue && afterProps.messages.pop() === testValue && afterClick.find("input").props().value === "" && afterClick.find("ul").childAt(0).text() === testValue, "The <code>Presentational</code> component should render the <code>messages</code> from the Redux store."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// Redux:
+const ADD = 'ADD';
+
+const addMessage = (message) => {
+  return {
+    type: ADD,
+    message: message
+  }
+};
+
+const messageReducer = (state = [], action) => {
+  switch (action.type) {
+    case ADD:
+      return [
+        ...state,
+        action.message
+      ];
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(messageReducer);
+
+// React:
+const Provider = ReactRedux.Provider;
+const connect = ReactRedux.connect;
+
+// Change code below this line
+class Presentational extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      messages: []
+    }
+    this.handleChange = this.handleChange.bind(this);
+    this.submitMessage = this.submitMessage.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  submitMessage() {
+    this.setState({
+      input: ",
+      messages: this.state.messages.concat(this.state.input)
+    });
+  }
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange}/><br/>
+        <button onClick={this.submitMessage}>Submit</button>
+        <ul>
+          {this.state.messages.map( (message, idx) => {
+              return (
+                 <li key={idx}>{message}</li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+};
+// Change code above this line
+
+const mapStateToProps = (state) => {
+  return {messages: state}
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    submitNewMessage: (message) => {
+      dispatch(addMessage(message))
+    }
+  }
+};
+
+const Container = connect(mapStateToProps, mapDispatchToProps)(Presentational);
+
+class AppWrapper extends React.Component {
+  render() {
+    return (
+      <Provider store={store}>
+        <Container/>
+      </Provider>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/extract-state-logic-to-redux.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/extract-state-logic-to-redux.russian.md
new file mode 100644
index 0000000000..c713f02120
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/extract-state-logic-to-redux.russian.md
@@ -0,0 +1,60 @@
+---
+id: 5a24c314108439a4d4036143
+title: Extract State Logic to Redux
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Извлечь логику состояния в Redux
+---
+
+## Description
+<section id="description"> Теперь, когда вы закончили компонент React, вам нужно переместить логику, которую она выполняет локально в своем <code>state</code> в Redux. Это первый шаг для подключения простого приложения React к Redux. Единственная функциональность вашего приложения - это добавить новые сообщения от пользователя в неупорядоченный список. Пример прост, чтобы продемонстрировать, как React и Redux работают вместе. </section>
+
+## Instructions
+<section id="instructions"> Сначала определите тип действия «ADD» и установите его в <code>ADD</code> const. Затем определите создателя действия <code>addMessage()</code> который создает действие для добавления сообщения. Вам нужно передать <code>message</code> этому создателю действия и включить сообщение в возвращаемое <code>action</code> . Затем создайте редуктор, называемый <code>messageReducer()</code> который обрабатывает состояние для сообщений. Начальное состояние должно равняться пустующему массиву. Этот редуктор должен добавить сообщение в массив сообщений, находящихся в состоянии, или вернуть текущее состояние. Наконец, создайте свой магазин Redux и передайте ему редуктор. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>ADD</code> должен существовать и содержать значение, равное строке <code>ADD</code>'
+    testString: 'assert(ADD === "ADD", "The const <code>ADD</code> should exist and hold a value equal to the string <code>ADD</code>");'
+  - text: 'Создатель действия <code>addMessage</code> должен возвращать объект с <code>type</code> равным <code>ADD</code> и сообщение, равное сообщению, которое передается.'
+    testString: 'assert((function() { const addAction = addMessage("__TEST__MESSAGE__"); return addAction.type === ADD && addAction.message === "__TEST__MESSAGE__"; })(), "The action creator <code>addMessage</code> should return an object with <code>type</code> equal to <code>ADD</code> and message equal to the message that is passed in.");'
+  - text: <code>messageReducer</code> должен быть функцией.
+    testString: 'assert(typeof messageReducer === "function", "<code>messageReducer</code> should be a function.");'
+  - text: 'Магазин должен существовать и иметь исходное состояние, установленное в пустой массив.'
+    testString: 'assert((function() { const initialState = store.getState(); return typeof store === "object" && initialState.length === 0; })(), "The store should exist and have an initial state set to an empty array.");'
+  - text: 'Отправка <code>addMessage</code> в хранилище должна неизменно добавлять новое сообщение в массив сообщений, хранящихся в состоянии.'
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch(addMessage("__A__TEST__MESSAGE")); const addState = store.getState(); return (isFrozen && addState[0] === "__A__TEST__MESSAGE"); })(), "Dispatching <code>addMessage</code> against the store should immutably add a new message to the array of messages held in state.");'
+  - text: '<code>messageReducer</code> должен возвращать текущее состояние, если <code>messageReducer</code> с любыми другими действиями.'
+    testString: 'assert((function() { const addState = store.getState(); store.dispatch({type: "FAKE_ACTION"}); const testState = store.getState(); return (addState === testState); })(), "The <code>messageReducer</code> should return the current state if called with any other actions.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// define ADD, addMessage(), messageReducer(), and store here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/getting-started-with-react-redux.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/getting-started-with-react-redux.russian.md
new file mode 100644
index 0000000000..fc74a6fb57
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/getting-started-with-react-redux.russian.md
@@ -0,0 +1,69 @@
+---
+id: 5a24c314108439a4d4036141
+title: Getting Started with React Redux
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Начало работы с React Redux
+---
+
+## Description
+<section id="description"> Эта серия проблем знакомит с использованием Redux с React. Во-первых, рассмотрим некоторые ключевые принципы каждой технологии. Реагирование - это библиотека представлений, которую вы предоставляете с данными, а затем рендерит представление эффективным и предсказуемым образом. Redux - это система управления состоянием, которую вы можете использовать для упрощения управления состоянием вашего приложения. Как правило, в приложении React Redux вы создаете одно хранилище Redux, которое управляет состоянием всего вашего приложения. Ваши компоненты React подписываются только на части данных в магазине, которые имеют отношение к их роли. Затем вы отправляете действия непосредственно из компонентов React, которые затем запускают обновления магазина. Хотя компоненты React могут управлять своим собственным состоянием локально, когда у вас сложное приложение, обычно лучше поддерживать состояние приложения в одном месте с помощью Redux. Существуют исключения, когда отдельные компоненты могут иметь локальное состояние, специфичное только для них. Наконец, поскольку Redux не предназначен для работы с React из коробки, вам нужно использовать пакет <code>react-redux</code> . Он предоставляет вам возможность передать <code>state</code> Redux и <code>dispatch</code> ваши компоненты React в качестве <code>props</code> . В следующих нескольких задачах, во-первых, вы создадите простой компонент React, который позволит вам вводить новые текстовые сообщения. Они добавляются в массив, который отображается в представлении. Это должен быть хороший обзор того, что вы узнали на уроках React. Затем вы создадите хранилище Redux и действия, управляющие состоянием массива сообщений. Наконец, вы будете использовать <code>react-redux</code> для подключения хранилища Redux к вашему компоненту, тем самым извлекая локальное состояние в хранилище Redux. </section>
+
+## Instructions
+<section id="instructions"> Начните с компонента <code>DisplayMessages</code> . Добавьте конструктор к этому компоненту и инициализируйте его с состоянием, которое имеет два свойства: <code>input</code> , который установлен в пустую строку, и <code>messages</code> , которые установлены в пустой массив. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Компонент <code>DisplayMessages</code> должен отображать пустой элемент <code>div</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); return mockedComponent.find("div").text() === "" })(), "The <code>DisplayMessages</code> component should render an empty <code>div</code> element.");'
+  - text: 'Конструктор <code>DisplayMessages</code> следует правильно называть <code>super</code> , передавая в <code>props</code> .'
+    testString: 'getUserInput => assert((function() { const noWhiteSpace = getUserInput("index").replace(/\s/g,""); return noWhiteSpace.includes("constructor(props)") && noWhiteSpace.includes("super(props"); })(), "The <code>DisplayMessages</code> constructor should be called properly with <code>super</code>, passing in <code>props</code>.");'
+  - text: 'Компонент <code>DisplayMessages</code> должен иметь начальное состояние, равное <code>{input: &quot;&quot;, messages: []}</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const initialState = mockedComponent.state(); return typeof initialState === "object" && initialState.input === "" && Array.isArray(initialState.messages) && initialState.messages.length === 0; })(), "The <code>DisplayMessages</code> component should have an initial state equal to <code>{input: "", messages: []}</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class DisplayMessages extends React.Component {
+  // change code below this line
+
+  // change code above this line
+  render() {
+    return <div />
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/manage-state-locally-first.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/manage-state-locally-first.russian.md
new file mode 100644
index 0000000000..92c5ab7045
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/manage-state-locally-first.russian.md
@@ -0,0 +1,88 @@
+---
+id: 5a24c314108439a4d4036142
+title: Manage State Locally First
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Управление состоянием локально сначала
+---
+
+## Description
+<section id="description"> Здесь вы закончите создание компонента <code>DisplayMessages</code> . </section>
+
+## Instructions
+<section id="instructions"> Во-первых, в методе <code>render()</code> компонент визуализирует элемент <code>input</code> элемент <code>button</code> элемент <code>ul</code> . Когда элемент <code>input</code> изменяется, он должен вызвать метод <code>handleChange()</code> . Кроме того, элемент <code>input</code> должен отображать значение <code>input</code> , находящееся в состоянии компонента. Элемент <code>button</code> должен запускать метод <code>submitMessage()</code> при нажатии. Во-вторых, напишите эти два метода. Метод <code>handleChange()</code> должен обновлять <code>input</code> с помощью <code>input</code> пользователем. Метод <code>submitMessage()</code> должен конкатенировать текущее сообщение (сохраненное на <code>input</code> ) в массив <code>messages</code> в локальном состоянии и очистить значение <code>input</code> . Наконец, используйте <code>ul</code> для сопоставления массива <code>messages</code> и отображения его на экране в виде списка элементов <code>li</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Компонент <code>DisplayMessages</code> должен инициализироваться с состоянием, равным <code>{ input: &quot;&quot;, messages: [] }</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const initialState = mockedComponent.state(); return ( typeof initialState === "object" && initialState.input === "" && initialState.messages.length === 0); })(), "The <code>DisplayMessages</code> component should initialize with a state equal to <code>{ input: "", messages: [] }</code>.");'
+  - text: Компонент <code>DisplayMessages</code> должен отображать <code>div</code> содержащий элемент <code>h2</code> элемент <code>button</code> элемент <code>ul</code> и элементы <code>li</code> качестве дочерних элементов.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const state = () => { mockedComponent.setState({messages: ["__TEST__MESSAGE"]}); return waitForIt(() => mockedComponent )}; const updated = await state(); assert(updated.find("div").length === 1 && updated.find("h2").length === 1 && updated.find("button").length === 1 && updated.find("ul").length === 1, "The <code>DisplayMessages</code> component should render a <code>div</code> containing an <code>h2</code> element, a <code>button</code> element, a <code>ul</code> element, and <code>li</code> elements as children."); }; '
+  - text: Элемент <code>input</code> должен отображать значение <code>input</code> в локальном состоянии.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const testValue = "__TEST__EVENT__INPUT"; const changed = () => { causeChange(mockedComponent, testValue); return waitForIt(() => mockedComponent )}; const updated = await changed(); assert(updated.find("input").props().value === testValue, "The <code>input</code> element should render the value of <code>input</code> in local state."); }; '
+  - text: Вызов метода <code>handleChange</code> должен обновить <code>input</code> значение в состоянии на текущий вход.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const initialState = mockedComponent.state(); const testMessage = "__TEST__EVENT__MESSAGE__"; const changed = () => { causeChange(mockedComponent, testMessage); return waitForIt(() => mockedComponent )}; const afterInput = await changed(); assert(initialState.input === "" && afterInput.state().input === "__TEST__EVENT__MESSAGE__", "Calling the method <code>handleChange</code> should update the <code>input</code> value in state to the current input.");  }; '
+  - text: При нажатии кнопки « <code>Add message</code> следует вызвать метод <code>submitMessage</code> который должен добавить текущий <code>input</code> в массив <code>messages</code> в состоянии.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const initialState = mockedComponent.state(); const testMessage_1 = "__FIRST__MESSAGE__"; const firstChange = () => { causeChange(mockedComponent, testMessage_1); return waitForIt(() => mockedComponent )}; const firstResult = await firstChange(); const firstSubmit = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterSubmit_1 = await firstSubmit(); const submitState_1 = afterSubmit_1.state(); const testMessage_2 = "__SECOND__MESSAGE__"; const secondChange = () => { causeChange(mockedComponent, testMessage_2); return waitForIt(() => mockedComponent )}; const secondResult = await secondChange(); const secondSubmit = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterSubmit_2 = await secondSubmit(); const submitState_2 = afterSubmit_2.state(); assert(initialState.messages.length === 0 && submitState_1.messages.length === 1 && submitState_2.messages.length === 2 && submitState_2.messages[1] === testMessage_2, "Clicking the <code>Add message</code> button should call the method <code>submitMessage</code> which should add the current <code>input</code> to the <code>messages</code> array in state."); }; '
+  - text: Метод <code>submitMessage</code> должен очищать текущий ввод.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages)); const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const causeChange = (c, v) => c.find("input").simulate("change", { target: { value: v }}); const initialState = mockedComponent.state(); const testMessage = "__FIRST__MESSAGE__"; const firstChange = () => { causeChange(mockedComponent, testMessage); return waitForIt(() => mockedComponent )}; const firstResult = await firstChange(); const firstState = firstResult.state(); const firstSubmit = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent )}; const afterSubmit = await firstSubmit(); const submitState = afterSubmit.state(); assert(firstState.input === testMessage && submitState.input === "", "The <code>submitMessage</code> method should clear the current input."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class DisplayMessages extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      messages: []
+    }
+  }
+  // add handleChange() and submitMessage() methods here
+
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        { /* render an input, button, and ul here */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/map-dispatch-to-props.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/map-dispatch-to-props.russian.md
new file mode 100644
index 0000000000..7aa25cabe8
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/map-dispatch-to-props.russian.md
@@ -0,0 +1,63 @@
+---
+id: 5a24c314108439a4d4036146
+title: Map Dispatch to Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Отправка карты на реквизит
+---
+
+## Description
+<section id="description"> Функция <code>mapDispatchToProps()</code> используется для предоставления конкретным создателям действий вашим компонентам React, чтобы они могли отправлять действия против магазина Redux. Он похож по структуре на <code>mapStateToProps()</code> вы написали в последнем вызове. Он возвращает объект, который сопоставляет действия отправки с именами свойств, которые становятся компонентами <code>props</code> . Однако вместо возврата части <code>state</code> каждое свойство возвращает функцию, которая вызывает <code>dispatch</code> с создателем действия и любыми соответствующими действительными данными. У вас есть доступ к этой <code>dispatch</code> потому что она передается в <code>mapDispatchToProps()</code> в качестве параметра, когда вы определяете функцию, точно так же, как вы передали <code>state</code> <code>mapStateToProps()</code> . За кулисами React Redux использует <code>store.dispatch()</code> Redux для <code>store.dispatch()</code> этих рассылок с помощью <code>mapDispatchToProps()</code> . Это похоже на то, как он использует <code>store.subscribe()</code> для компонентов, которые отображаются в <code>state</code> . Например, у вас есть создатель действия <code>loginUser()</code> который принимает <code>username</code> в качестве полезной нагрузки. Объект, возвращенный из <code>mapDispatchToProps()</code> для этого создателя действия, будет выглядеть примерно так: <blockquote> { <br> submitLoginUser: function (username) { <br> отправка (loginUser (имя пользователя)); <br> } <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Редактор кода предоставляет создателя действия, называемого <code>addMessage()</code> . Напишите функцию <code>mapDispatchToProps()</code> которая принимает <code>dispatch</code> в качестве аргумента, а затем возвращает объект. Объект должен иметь свойство <code>submitNewMessage</code> установленное для функции отправки, которое принимает параметр для добавления нового сообщения при отправке <code>addMessage()</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>addMessage</code> должен возвращать объект с <code>type</code> ключа и <code>message</code> .
+    testString: 'assert((function() { const addMessageTest = addMessage(); return ( addMessageTest.hasOwnProperty("type") && addMessageTest.hasOwnProperty("message")); })(), "<code>addMessage</code> should return an object with keys <code>type</code> and <code>message</code>.");'
+  - text: <code>mapDispatchToProps</code> должна быть функцией.
+    testString: 'assert(typeof mapDispatchToProps === "function", "<code>mapDispatchToProps</code> should be a function.");'
+  - text: <code>mapDispatchToProps</code> должен возвращать объект.
+    testString: 'assert(typeof mapDispatchToProps() === "object", "<code>mapDispatchToProps</code> should return an object.");'
+  - text: Отправка <code>addMessage</code> с <code>submitNewMessage</code> из <code>mapDispatchToProps</code> должна вернуть сообщение функции отправки.
+    testString: 'assert((function() { let testAction; const dispatch = (fn) => { testAction = fn; }; let dispatchFn = mapDispatchToProps(dispatch); dispatchFn.submitNewMessage("__TEST__MESSAGE__"); return (testAction.type === "ADD" && testAction.message === "__TEST__MESSAGE__"); })(), "Dispatching <code>addMessage</code> with <code>submitNewMessage</code> from <code>mapDispatchToProps</code> should return a message to the dispatch function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const addMessage = (message) => {
+  return {
+    type: 'ADD',
+    message: message
+  }
+};
+
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/map-state-to-props.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/map-state-to-props.russian.md
new file mode 100644
index 0000000000..609a8be1dc
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/map-state-to-props.russian.md
@@ -0,0 +1,58 @@
+---
+id: 5a24c314108439a4d4036145
+title: Map State to Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Состояние карты для реквизита
+---
+
+## Description
+<section id="description"> Компонент <code>Provider</code> позволяет вам предоставлять <code>state</code> и <code>dispatch</code> ваши компоненты React, но вы должны точно указать, какое состояние и действия вы хотите. Таким образом, вы убедитесь, что каждый компонент имеет доступ только к состоянию, в котором он нуждается. Вы достигаете этого, создавая две функции: <code>mapStateToProps()</code> и <code>mapDispatchToProps()</code> . В этих функциях вы объявляете, какие части состояния вы хотите иметь доступ и какие создатели действий вы должны иметь возможность отправлять. После того, как эти функции находятся в месте, вы увидите , как использовать Реагировать Redux <code>connect</code> метод , чтобы соединить их к компонентам в другом вызове. <strong>Примечание.</strong> За кулисами React Redux использует метод <code>store.subscribe()</code> для реализации <code>mapStateToProps()</code> . </section>
+
+## Instructions
+<section id="instructions"> Создайте функцию <code>mapStateToProps()</code> . Эта функция должна принимать <code>state</code> как аргумент, а затем возвращать объект, который отображает это состояние в имена конкретных свойств. Эти свойства станут доступными для вашего компонента через <code>props</code> . Поскольку этот пример поддерживает все состояние приложения в одном массиве, вы можете передать это целое состояние вашему компоненту. Создайте <code>messages</code> свойств в возвращаемом объекте и установите его <code>state</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Конст <code>state</code> должно быть пустым массивом.
+    testString: 'assert(Array.isArray(state) && state.length === 0, "The const <code>state</code> should be an empty array.");'
+  - text: <code>mapStateToProps</code> должна быть функцией.
+    testString: 'assert(typeof mapStateToProps === "function", "<code>mapStateToProps</code> should be a function.");'
+  - text: <code>mapStateToProps</code> должен возвращать объект.
+    testString: 'assert(typeof mapStateToProps() === "object", "<code>mapStateToProps</code> should return an object.");'
+  - text: 'Передача массива как состояния в <code>mapStateToProps</code> должна вернуть этот массив, назначенный для ключа <code>messages</code> .'
+    testString: 'assert(mapStateToProps(["messages"]).messages.pop() === "messages", "Passing an array as state to <code>mapStateToProps</code> should return this array assigned to a key of <code>messages</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const state = [];
+
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/moving-forward-from-here.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/moving-forward-from-here.russian.md
new file mode 100644
index 0000000000..ae993bdcad
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/moving-forward-from-here.russian.md
@@ -0,0 +1,71 @@
+---
+id: 5a24c314108439a4d403614a
+title: Moving Forward From Here
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Перемещение вперед
+---
+
+## Description
+<section id="description"> Поздравляем! Вы закончили занятия по Реакту и Редьюксу. Перед тем, как двигаться дальше, нужно указать один последний предмет. Как правило, вы не будете писать приложения React в редакторе кода, как это. Эта задача дает вам представление о том, как выглядит синтаксис, если вы работаете с npm и файловой системой на своей собственной машине. Код должен выглядеть аналогично, за исключением использования операторов <code>import</code> (они охватывают все зависимости, которые были предоставлены вам в задачах). Раздел «Управление пакетами с номером npm» охватывает npm более подробно. Наконец, для написания кода React и Redux обычно требуется некоторая конфигурация. Это может быстро усложниться. Если вы заинтересованы в экспериментировании на своей собственной машине, <a id="CRA" target="_blank" href="https://github.com/facebookincubator/create-react-app">приложение Create React</a> будет настроено и готово к работе. Кроме того, вы можете включить Babel в качестве препроцессора JavaScript в CodePen, добавить React и ReactDOM в качестве внешних ресурсов JavaScript и работать там. </section>
+
+## Instructions
+<section id="instructions"> Запишите сообщение <code>&#39;Now I know React and Redux!&#39;</code> на консоль. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Сообщение <code>Now I know React and Redux!</code> должен быть зарегистрирован на консоли.
+    testString: 'assert(editor.getValue().includes("console.log("Now I know React and Redux!")") || editor.getValue().includes("console.log(\"Now I know React and Redux!\")"), "The message <code>Now I know React and Redux!</code> should be logged to the console.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// import React from 'react'
+// import ReactDOM from 'react-dom'
+// import { Provider, connect } from 'react-redux'
+// import { createStore, combineReducers, applyMiddleware } from 'redux'
+// import thunk from 'redux-thunk'
+
+// import rootReducer from './redux/reducers'
+// import App from './components/App'
+
+// const store = createStore(
+//   rootReducer,
+//   applyMiddleware(thunk)
+// );
+
+// ReactDOM.render(
+//   <Provider store={store}>
+//     <App/>
+//   </Provider>,
+//   document.getElementById('root')
+// );
+
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/use-provider-to-connect-redux-to-react.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/use-provider-to-connect-redux-to-react.russian.md
new file mode 100644
index 0000000000..7749586310
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react-and-redux/use-provider-to-connect-redux-to-react.russian.md
@@ -0,0 +1,141 @@
+---
+id: 5a24c314108439a4d4036144
+title: Use Provider to Connect Redux to React
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Использовать Провайдер для подключения Redux к действию
+---
+
+## Description
+<section id="description"> В последней задаче вы создали хранилище Redux для обработки массива сообщений и создали действие для добавления новых сообщений. Следующим шагом будет предоставление доступа React к хранилищу Redux и действия, необходимые для отправки обновлений. React Redux предоставляет пакет <code>react-redux</code> для выполнения этих задач. React Redux предоставляет небольшой API с двумя ключевыми функциями: <code>Provider</code> и <code>connect</code> . Другая проблема <code>connect</code> . <code>Provider</code> - это оболочка из React Redux, которая обертывает ваше приложение React. Затем этот обертку позволяет вам получить доступ к функциям <code>store</code> Redux и функции <code>dispatch</code> во всем дереве компонентов. <code>Provider</code> берет два реквизита, магазин Redux и дочерние компоненты вашего приложения. Определение <code>Provider</code> для компонента приложения может выглядеть так: <blockquote> &lt;Магазин-провайдер = {store}&gt; <br> &lt;Приложение /&gt; <br> &lt;/ Provider&gt; </blockquote></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("AppWrapper").length === 1; })(), "The <code>AppWrapper</code> should render.");'
+  - text: 'Компонент обертки <code>Provider</code> должен иметь пропущенное <code>store</code> , равное хранилищу Redux.'
+    testString: 'getUserInput => assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return getUserInput("index").replace(/\s/g,"").includes("<Providerstore={store}>"); })(), "The <code>Provider</code> wrapper component should have a prop of <code>store</code> passed to it, equal to the Redux store.");'
+  - text: <code>DisplayMessages</code> должен отображаться как ребенок <code>AppWrapper</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("AppWrapper").find("DisplayMessages").length === 1; })(), "<code>DisplayMessages</code> should render as a child of <code>AppWrapper</code>.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(AppWrapper)); return mockedComponent.find("div").length === 1 && mockedComponent.find("h2").length === 1 && mockedComponent.find("button").length === 1 && mockedComponent.find("ul").length === 1; })(), "The <code>DisplayMessages</code> component should render an h2, input, button, and <code>ul</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// Redux Code:
+const ADD = 'ADD';
+
+const addMessage = (message) => {
+  return {
+    type: ADD,
+    message
+  }
+};
+
+const messageReducer = (state = [], action) => {
+  switch (action.type) {
+    case ADD:
+      return [
+        ...state,
+        action.message
+      ];
+    default:
+      return state;
+  }
+};
+
+
+
+const store = Redux.createStore(messageReducer);
+
+// React Code:
+
+class DisplayMessages extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      messages: []
+    }
+    this.handleChange = this.handleChange.bind(this);
+    this.submitMessage = this.submitMessage.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  submitMessage() {
+    const currentMessage = this.state.input;
+    this.setState({
+      input: ",
+      messages: this.state.messages.concat(currentMessage)
+    });
+  }
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange}/><br/>
+        <button onClick={this.submitMessage}>Submit</button>
+        <ul>
+          {this.state.messages.map( (message, idx) => {
+              return (
+                 <li key={idx}>{message}</li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+};
+
+const Provider = ReactRedux.Provider;
+
+class AppWrapper extends React.Component {
+  // render the Provider here
+
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/access-props-using-this.props.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/access-props-using-this.props.russian.md
new file mode 100644
index 0000000000..7fb619b41c
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/access-props-using-this.props.russian.md
@@ -0,0 +1,99 @@
+---
+id: 5a24c314108439a4d403616e
+title: Access Props Using this.props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Доступ к реквизитам с помощью this.props
+---
+
+## Description
+<section id="description"> Последние несколько проблем касались основных способов передачи реквизита дочерним компонентам. Но что, если дочерний компонент, который вы передаете prop, является компонентом класса ES6, а не функциональным компонентом без состояния? Компонент класса ES6 использует несколько другое соглашение для доступа к реквизитам. Каждый раз, когда вы ссылаетесь на компонент класса внутри себя, вы используете <code>this</code> ключевое слово. Чтобы получить доступ к реквизиту в компоненте класса, вы предварить код, используемый для доступа к нему с <code>this</code> . Например, если компонент класса ES6 имеет опору называют <code>data</code> , вы пишете <code>{this.props.data}</code> в JSX. </section>
+
+## Instructions
+<section id="instructions"> <code>ReturnTempPassword</code> компонента <code>ReturnTempPassword</code> в родительском компоненте <code>ResetPassword</code> . Здесь дайте <code>ReturnTempPassword</code> <code>tempPassword</code> и присвойте ему значение строки длиной не менее 8 символов. Внутри дочернего <code>ReturnTempPassword</code> к поддержке <code>tempPassword</code> в <code>strong</code> тегах, чтобы убедиться, что пользователь видит временный пароль. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Компонент <code>ResetPassword</code> должен возвращать один элемент <code>div</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.children().type() === "div"; })(), "The <code>ResetPassword</code> component should return a single <code>div</code> element.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.children().childAt(3).name() === "ReturnTempPassword"; })(), "The fourth child of <code>ResetPassword</code> should be the <code>ReturnTempPassword</code> component.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.find("ReturnTempPassword").props().tempPassword; })(), "The <code>ReturnTempPassword</code> component should have a prop called <code>tempPassword</code>.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); const temp = mockedComponent.find("ReturnTempPassword").props().tempPassword; return typeof temp === "string" && temp.length >= 8; })(), "The <code>tempPassword</code> prop of <code>ReturnTempPassword</code> should be equal to a string of at least <code>8</code> characters.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.find("strong").text() === mockedComponent.find("ReturnTempPassword").props().tempPassword; })(), "The <code>ReturnTempPassword</code> component should display the password you create as the <code>tempPassword</code> prop within <code>strong</code> tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class ReturnTempPassword extends React.Component {
+  constructor(props) {
+    super(props);
+
+  }
+  render() {
+    return (
+        <div>
+            { /* change code below this line */ }
+            <p>Your temporary password is: <strong></strong></p>
+            { /* change code above this line */ }
+        </div>
+    );
+  }
+};
+
+class ResetPassword extends React.Component {
+  constructor(props) {
+    super(props);
+
+  }
+  render() {
+    return (
+        <div>
+          <h2>Reset Password</h2>
+          <h3>We've generated a new temporary password for you.</h3>
+          <h3>Please reset this password from your account settings ASAP.</h3>
+          { /* change code below this line */ }
+
+          { /* change code above this line */ }
+        </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/add-comments-in-jsx.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/add-comments-in-jsx.russian.md
new file mode 100644
index 0000000000..e0dc9f1865
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/add-comments-in-jsx.russian.md
@@ -0,0 +1,69 @@
+---
+id: 5a24bbe0dba28a8d3cbd4c5e
+title: Add Comments in JSX
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Добавить комментарии в JSX
+---
+
+## Description
+<section id="description"> JSX - это синтаксис, который компилируется в действительный JavaScript. Иногда для удобства чтения вам может потребоваться добавить комментарии к вашему коду. Как и большинство языков программирования, JSX имеет свой собственный способ сделать это. Чтобы помещать комментарии в JSX, вы используете синтаксис <code>{/* */}</code> чтобы обернуть текст комментария. </section>
+
+## Instructions
+<section id="instructions"> Редактор кода имеет элемент JSX, похожий на то, что вы создали в последнем вызове. Добавьте комментарий где-нибудь внутри предоставленного элемента <code>div</code> , не изменяя существующие элементы <code>h1</code> или <code>p</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Постоянный <code>JSX</code> должен возвращать элемент <code>div</code> .
+    testString: 'assert(JSX.type === "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: <code>div</code> должен содержать тег <code>h1</code> как первый элемент.
+    testString: 'assert(JSX.props.children[0].type === "h1", "The <code>div</code> should contain an <code>h1</code> tag as the first element.");'
+  - text: В <code>div</code> должен быть тег <code>p</code> как второй элемент.
+    testString: 'assert(JSX.props.children[1].type === "p", "The <code>div</code> should contain a <code>p</code> tag as the second element.");'
+  - text: <code>JSX</code> должен содержать комментарий.
+    testString: 'getUserInput => assert(getUserInput("index").includes("/*") && getUserInput("index").includes("*/"), "The <code>JSX</code> should include a comment.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = (
+  <div>
+    <h1>This is a block of JSX</h1>
+    <p>Here's a subtitle</p>
+  </div>
+);
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/add-event-listeners.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/add-event-listeners.russian.md
new file mode 100644
index 0000000000..30b6a59f6f
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/add-event-listeners.russian.md
@@ -0,0 +1,98 @@
+---
+id: 5a24c314108439a4d403617e
+title: Add Event Listeners
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Добавить слушателей событий
+---
+
+## Description
+<section id="description"> Метод <code>componentDidMount()</code> также является лучшим местом для присоединения любых прослушивателей событий, которые необходимо добавить для определенных функций. React предоставляет синтетическую систему событий, которая обертывает собственную систему событий, присутствующую в браузерах. Это означает, что синтетическая система событий ведет себя точно так же, независимо от браузера пользователя, даже если родные события могут вести себя по-разному между разными браузерами. Вы уже использовали некоторые из этих синтетических обработчиков событий, таких как <code>onClick()</code> . Синтетическая система событий React отлично подходит для большинства взаимодействий, которые вы будете использовать для элементов DOM. Однако, если вы хотите присоединить обработчик событий к объектам документа или окна, вы должны сделать это напрямую. </section>
+
+## Instructions
+<section id="instructions"> Приложи слушатель событий в <code>componentDidMount()</code> методе <code>keydown</code> событий и иметь эти события вызывают обратный вызов <code>handleKeyPress()</code> . Вы можете использовать <code>document.addEventListener()</code> который принимает событие (в кавычках) в качестве первого аргумента и обратный вызов в качестве второго аргумента. Затем в <code>componentWillUnmount()</code> удалите этот же прослушиватель событий. Вы можете передать те же аргументы в <code>document.removeEventListener()</code> . Хорошей практикой является использование этого метода жизненного цикла для любой очистки компонентов React перед их размонтированием и уничтожением. Удаление прослушивателей событий является примером одного из таких действий по очистке. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code> должен отображать элемент <code>div</code> который обертывает тег <code>h1</code> .
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("div").children().find("h1").length === 1; })(), "<code>MyComponent</code> should render a <code>div</code> element which wraps an <code>h1</code> tag.");'
+  - text: Слушатель квитирования должен быть прикреплен к документу в <code>componentDidMount</code> .
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const didMountString = mockedComponent.instance().componentDidMount.toString(); return new RegExp("document\.addEventListener(.|\n|\r)+keydown(.|\n|\r)+this\.handleKeyPress").test(didMountString); })(), "A keydown listener should be attached to the document in <code>componentDidMount</code>.");'
+  - text: Слушатель keydown должен быть удален из документа в <code>componentWillUnmount</code> .
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const willUnmountString = mockedComponent.instance().componentWillUnmount.toString(); return new RegExp("document\.removeEventListener(.|\n|\r)+keydown(.|\n|\r)+this\.handleKeyPress").test(willUnmountString); })(), "The keydown listener should be removed from the document in <code>componentWillUnmount</code>.");'
+  - text: 'Как только компонент смонтирован, нажатие <code>enter</code> должно обновить его состояние и обработанный тег <code>h1</code> .'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const beforeState = mockedComponent.state("message"); const beforeText = mockedComponent.find("h1").text(); const pressEnterKey = () => { mockedComponent.instance().handleKeyPress({ keyCode: 13 }); return waitForIt(() => { mockedComponent.update(); return { state: mockedComponent.state("message"), text: mockedComponent.find("h1").text()}; });}; const afterKeyPress = await pressEnterKey(); assert(beforeState !== afterKeyPress.state && beforeText !== afterKeyPress.text, "Once the component has mounted, pressing <code>enter</code> should update its state and the rendered <code>h1</code> tag."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      message: "
+    };
+    this.handleEnter = this.handleEnter.bind(this);
+    this.handleKeyPress = this.handleKeyPress.bind(this);
+  }
+  // change code below this line
+  componentDidMount() {
+
+  }
+  componentWillUnmount() {
+
+  }
+  // change code above this line
+  handleEnter() {
+    this.setState({
+      message: this.state.message + 'You pressed the enter key! '
+    });
+  }
+  handleKeyPress(event) {
+    if (event.keyCode === 13) {
+      this.handleEnter();
+    }
+  }
+  render() {
+    return (
+      <div>
+        <h1>{this.state.message}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/add-inline-styles-in-react.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/add-inline-styles-in-react.russian.md
new file mode 100644
index 0000000000..8c07f2ce6f
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/add-inline-styles-in-react.russian.md
@@ -0,0 +1,78 @@
+---
+id: 5a24c314108439a4d4036182
+title: Add Inline Styles in React
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Добавить встроенные стили в действии
+---
+
+## Description
+<section id="description"> Возможно, вы заметили в последнем случае, что в дополнение к атрибуту <code>style</code> установленному для объекта JavaScript, было несколько других различий синтаксиса из встроенных стилей HTML. Во-первых, имена некоторых свойств стиля CSS используют случай верблюда. Например, последний вызов задает размер шрифта с <code>fontSize</code> вместо <code>font-size</code> . Переплетенные слова, такие как <code>font-size</code> являются недопустимым синтаксисом для свойств объекта JavaScript, поэтому React использует случай верблюда. Как правило, любые свойства дефисного стиля записываются с использованием верблюжьего случая в JSX. Предполагается, что все единицы длины значения свойства (например, <code>height</code> , <code>width</code> и <code>fontSize</code> ) находятся в <code>px</code> если не указано иное. Если вы хотите использовать <code>em</code> , например, вы переносите значение и единицы в кавычки, например <code>{fontSize: &quot;4em&quot;}</code> . Помимо значений длины, которые по умолчанию <code>px</code> , все остальные значения свойств должны быть заключены в кавычки. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(Object.keys(styles).length === 3, "The <code>styles</code> variable should be an <code>object</code> with three properties.");'
+  - text: ''
+    testString: 'assert(styles.color === "purple", "The <code>styles</code> variable should have a <code>color</code> property set to a value of <code>purple</code>.");'
+  - text: ''
+    testString: 'assert(styles.fontSize === 40, "The <code>styles</code> variable should have a <code>fontSize</code> property set to a value of <code>40</code>.");'
+  - text: ''
+    testString: 'assert(styles.border === "2px solid purple", "The <code>styles</code> variable should have a <code>border</code> property set to a value of <code>2px solid purple</code>.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.shallow(React.createElement(Colorful)); return mockedComponent.type() === "div"; })(), "The component should render a <code>div</code> element.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.shallow(React.createElement(Colorful)); return (mockedComponent.props().style.color === "purple" && mockedComponent.props().style.fontSize === 40 && mockedComponent.props().style.border === "2px solid purple"); })(), "The <code>div</code> element should have its styles defined by the <code>styles</code> object.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// const styles =
+// change code above this line
+class Colorful extends React.Component {
+  render() {
+    // change code below this line
+    return (
+      <div style={{color: "yellow", fontSize: 24}}>Style Me!</div>
+    );
+    // change code above this line
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/bind-this-to-a-class-method.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/bind-this-to-a-class-method.russian.md
new file mode 100644
index 0000000000..cda2e77b96
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/bind-this-to-a-class-method.russian.md
@@ -0,0 +1,87 @@
+---
+id: 5a24c314108439a4d4036174
+title: Bind 'this' to a Class Method
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Привязать 'это' к методу класса
+---
+
+## Description
+<section id="description"> В дополнение к настройке и обновлению <code>state</code> вы также можете определить методы для вашего класса компонента. Метод класса обычно должен использовать <code>this</code> ключевое слово, чтобы он мог обращаться к свойствам класса (например, <code>state</code> и <code>props</code> ) внутри области действия метода. Существует несколько способов разрешить доступ к <code>this</code> методам класса. Один из распространенных способов заключается в том, чтобы явно связать <code>this</code> в конструкторе, чтобы <code>this</code> стало привязано к методам класса, когда компонент инициализирован. Возможно, вы заметили, что последний вызов использовал <code>this.handleClick = this.handleClick.bind(this)</code> для его метода <code>handleClick</code> в конструкторе. Затем, когда вы вызываете функцию типа <code>this.setState()</code> внутри вашего метода класса, <code>this</code> относится к классу и не будет <code>undefined</code> . <strong>Примечание:</strong> <code>this</code> ключевое слово является одним из наиболее запутанных аспектов JavaScript , но он играет важную роль в React. Хотя его поведение здесь совершенно нормальное, эти уроки не являются местом для углубленного обзора <code>this</code> поэтому, пожалуйста, обратитесь к другим урокам, если приведенное выше смущает! </section>
+
+## Instructions
+<section id="instructions"> Редактор кода имеет компонент с <code>state</code> которое отслеживает количество элементов. Он также имеет метод, который позволяет вам увеличивать количество этого элемента. Однако этот метод не работает , потому что он , используя <code>this</code> ключевое слово, которое не определено. Исправьте его, явно привязывая <code>this</code> к <code>addItem()</code> в конструкторе компонента. Затем добавьте обработчик кликов к элементу <code>button</code> в методе рендеринга. Он должен вызывать метод <code>addItem()</code> когда кнопка получает событие щелчка. Помните, что метод, который вы передаете обработчику <code>onClick</code> требует фигурных скобок, потому что его следует интерпретировать непосредственно как JavaScript. После того, как вы выполните вышеуказанные шаги, вы сможете щелкнуть по кнопке и увидеть инкремент количества элементов в HTML. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>MyComponent</code> должен возвращать элемент <code>div</code> который обертывает два элемента, кнопку и элемент <code>h1</code> в этом порядке.'
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).find("div").length === 1 && Enzyme.mount(React.createElement(MyComponent)).find("div").childAt(0).type() === "button" && Enzyme.mount(React.createElement(MyComponent)).find("div").childAt(1).type() === "h1", "<code>MyComponent</code> should return a <code>div</code> element which wraps two elements, a button and an <code>h1</code> element, in that order.");'
+  - text: 'Состояние <code>MyComponent</code> должно инициализироваться с помощью пары значений ключа <code>{ itemCount: 0 }</code> .'
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).state("itemCount") === 0, "The state of <code>MyComponent</code> should initialize with the key value pair <code>{ itemCount: 0 }</code>.");'
+  - text: Нажатие на элемент <code>button</code> должно запускать метод <code>addItem</code> и увеличивать состояние <code>itemCount</code> на <code>1</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ itemCount: 0 }); return waitForIt(() => mockedComponent.state("itemCount")); }; const second = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent.state("itemCount")); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === 0 && secondValue === 1, "Clicking the <code>button</code> element should run the <code>addItem</code> method and increment the state <code>itemCount</code> by <code>1</code>."); };'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      itemCount: 0
+    };
+    // change code below this line
+
+    // change code above this line
+  }
+  addItem() {
+    this.setState({
+      itemCount: this.state.itemCount + 1
+    });
+  }
+  render() {
+    return (
+      <div>
+        { /* change code below this line */ }
+        <button>Click Me</button>
+        { /* change code above this line */ }
+        <h1>Current Item Count: {this.state.itemCount}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/change-inline-css-conditionally-based-on-component-state.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/change-inline-css-conditionally-based-on-component-state.russian.md
new file mode 100644
index 0000000000..ec663f18a0
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/change-inline-css-conditionally-based-on-component-state.russian.md
@@ -0,0 +1,95 @@
+---
+id: 5a24c314108439a4d4036189
+title: Change Inline CSS Conditionally Based on Component State
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 'Изменение встроенного CSS, условно основанного на состоянии компонента'
+---
+
+## Description
+<section id="description"> На этом этапе вы видели несколько приложений условного рендеринга и использование встроенных стилей. Вот еще один пример, который объединяет обе эти темы. Вы также можете визуализировать CSS на основе состояния компонента React. Для этого вы проверяете условие, и если это условие выполнено, вы изменяете объект стилей, назначенный элементам JSX в методе рендеринга. Эта парадигма важна для понимания, потому что это драматический переход от более традиционного подхода применения стилей, изменяя непосредственно элементы DOM (что очень часто встречается с jQuery, например). В этом подходе вы должны отслеживать, когда элементы меняются, а также обрабатывать фактическую манипуляцию напрямую. Может быть сложно отслеживать изменения, потенциально делая ваш пользовательский интерфейс непредсказуемым. Когда вы устанавливаете объект стиля на основе условия, вы описываете, как пользовательский интерфейс должен выглядеть как функция состояния приложения. Существует четкий поток информации, который движется только в одном направлении. Это предпочтительный метод при написании приложений с помощью React. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); return mockedComponent.find("div").length === 1; })(), "The <code>GateKeeper</code> component should render a <code>div</code> element.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); return mockedComponent.state().input === ""; })(), "The <code>GateKeeper</code> component should be initialized with a state key <code>input</code> set to an empty string.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); return mockedComponent.find("h3").length === 1 && mockedComponent.find("input").length === 1; })(), "The <code>GateKeeper</code> component should render an <code>h3</code> tag and an <code>input</code> tag.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); return mockedComponent.find("input").props().style.border === "1px solid black"; })(), "The <code>input</code> tag should initially have a style of <code>1px solid black</code> for the <code>border</code> property.");'
+  - text: ''
+    testString: 'async () => {  const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const mockedComponent = Enzyme.mount(React.createElement(GateKeeper)); const simulateChange = (el, value) => el.simulate("change", {target: {value}}); let initialStyle = mockedComponent.find("input").props().style.border; const state_1 = () => { mockedComponent.setState({input: "this is 15 char" }); return waitForIt(() => mockedComponent.find("input").props().style.border )}; const state_2 = () => { mockedComponent.setState({input: "A very long string longer than 15 characters." }); return waitForIt(() => mockedComponent.find("input").props().style.border )}; const style_1 = await state_1(); const style_2 = await state_2(); assert(initialStyle === "1px solid black" && style_1 === "1px solid black" && style_2 === "3px solid red", "The <code>input</code> tag should be styled with a border of <code>3px solid red</code> if the input value in state is longer than 15 characters."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class GateKeeper extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: "
+    };
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(event) {
+    this.setState({ input: event.target.value })
+  }
+  render() {
+    let inputStyle = {
+      border: '1px solid black'
+    };
+    // change code below this line
+
+    // change code above this line
+    return (
+      <div>
+        <h3>Don't Type Too Much:</h3>
+        <input
+          type="text"
+          style={inputStyle}
+          value={this.state.input}
+          onChange={this.handleChange} />
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/compose-react-components.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/compose-react-components.russian.md
new file mode 100644
index 0000000000..c9a67b8ea9
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/compose-react-components.russian.md
@@ -0,0 +1,147 @@
+---
+id: 5a24c314108439a4d4036166
+title: Compose React Components
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Компоновка компонентов реакции
+---
+
+## Description
+<section id="description"> Поскольку проблемы продолжают использовать более сложные композиции с компонентами React и JSX, есть еще один важный момент. Рендеринг компонентов класса стиля ES6 в других компонентах ничем не отличается от рендеринга простых компонентов, которые вы использовали в последних нескольких задачах. Вы можете отображать элементы JSX, функциональные компоненты без состояния и компоненты класса ES6 в других компонентах. </section>
+
+## Instructions
+<section id="instructions"> В редакторе <code>TypesOfFood</code> компонент <code>TypesOfFood</code> уже выполняет компонент под названием « <code>Vegetables</code> . Кроме того, из последней задачи есть компонент <code>Fruits</code> . Гнездо два компонента внутри <code>Fruits</code> - сначала <code>NonCitrus</code> , а затем <code>Citrus</code> . Оба этих компонента предоставляются вам в фоновом режиме. Затем <code>TypesOfFood</code> компонент класса <code>Fruits</code> компонент <code>TypesOfFood</code> , ниже заголовка <code>h1</code> и выше <code>Vegetables</code> . Результатом должен быть ряд вложенных компонентов, который использует два разных типа компонентов. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Компонент <code>TypesOfFood</code> должен возвращать один элемент <code>div</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().type() === "div"; })(), "The <code>TypesOfFood</code> component should return a single <code>div</code> element.");'
+  - text: Компонент <code>TypesOfFood</code> должен вернуть компонент <code>Fruits</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().childAt(1).name() === "Fruits"; })(), "The <code>TypesOfFood</code> component should return the <code>Fruits</code> component.");'
+  - text: Компонент <code>Fruits</code> должен вернуть компонент <code>NonCitrus</code> компонент <code>Citrus</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return (mockedComponent.find("Fruits").children().find("NonCitrus").length === 1 && mockedComponent.find("Fruits").children().find("Citrus").length === 1); })(), "The <code>Fruits</code> component should return the <code>NonCitrus</code> component and the <code>Citrus</code> component.");'
+  - text: Компонент <code>TypesOfFood</code> должен вернуть компонент « <code>Vegetables</code> ниже компонента « <code>Fruits</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().childAt(2).name() === "Vegetables"; })(), "The <code>TypesOfFood</code> component should return the <code>Vegetables</code> component below the <code>Fruits</code> component.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Fruits extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h2>Fruits:</h2>
+        { /* change code below this line */ }
+
+         { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+class TypesOfFood extends React.Component {
+  constructor(props) {
+     super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>Types of Food:</h1>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+        <Vegetables />
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+class NonCitrus extends React.Component {
+  render() {
+    return (
+      <div>
+        <h4>Non-Citrus:</h4>
+        <ul>
+          <li>Apples</li>
+          <li>Blueberries</li>
+          <li>Strawberries</li>
+          <li>Bananas</li>
+        </ul>
+      </div>
+    );
+  }
+};
+class Citrus extends React.Component {
+  render() {
+    return (
+      <div>
+        <h4>Citrus:</h4>
+        <ul>
+          <li>Lemon</li>
+          <li>Lime</li>
+          <li>Orange</li>
+          <li>Grapefruit</li>
+        </ul>
+      </div>
+    );
+  }
+};
+class Vegetables extends React.Component {
+  render() {
+    return (
+      <div>
+        <h2>Vegetables:</h2>
+        <ul>
+          <li>Brussel Sprouts</li>
+          <li>Broccoli</li>
+          <li>Squash</li>
+        </ul>
+      </div>
+    );
+     }
+};
+
+```
+
+</div>
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/create-a-complex-jsx-element.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/create-a-complex-jsx-element.russian.md
new file mode 100644
index 0000000000..152049989d
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/create-a-complex-jsx-element.russian.md
@@ -0,0 +1,66 @@
+---
+id: 5a24bbe0dba28a8d3cbd4c5d
+title: Create a Complex JSX Element
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Создание сложного элемента JSX
+---
+
+## Description
+<section id="description"> Последняя задача была простым примером JSX, но JSX также может представлять собой более сложный HTML. Одна важная вещь, которую нужно знать о вложенном JSX, состоит в том, что она должна возвращать один элемент. Этот один родительский элемент будет обертывать все остальные уровни вложенных элементов. Например, несколько элементов JSX, написанных как братья и сестры без родительского элемента оболочки, не будут препровождаться. Вот пример: <b>Действительный JSX:</b> <blockquote> &lt;DIV&gt; <br> &lt;p&gt; Пункт 1 &lt;/ p&gt; <br> &lt;p&gt; Пункт второй &lt;/ p&gt; <br> &lt;p&gt; Пункт третий &lt;/ p&gt; <br> &lt;/ DIV&gt; </blockquote> <b>Недопустимый JSX:</b> <blockquote> &lt;p&gt; Пункт 1 &lt;/ p&gt; <br> &lt;p&gt; Пункт второй &lt;/ p&gt; <br> &lt;p&gt; Пункт третий &lt;/ p&gt; <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Определите новую константу <code>JSX</code> которая отображает <code>div</code> который содержит следующие элементы в порядке: список <code>h1</code> , <code>p</code> и неупорядоченный список, содержащий три элемента <code>li</code> . Вы можете включать любой текст, который вы хотите в каждом элементе. <strong>Примечание.</strong> При рендеринге нескольких элементов, подобных этому, их можно скопировать в круглые скобки, но это не требуется строго. Также обратите внимание, что эта проблема использует тег <code>div</code> для обертывания всех дочерних элементов в одном родительском элементе. Если вы удалите <code>div</code> , JSX больше не будет переполняться. Помните об этом, так как он будет применяться и при возврате элементов JSX в компонентах React. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Постоянный <code>JSX</code> должен возвращать элемент <code>div</code> .
+    testString: 'assert(JSX.type === "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: В <code>div</code> должен быть тег <code>p</code> как второй элемент.
+    testString: 'assert(JSX.props.children[1].type === "p", "The <code>div</code> should contain a <code>p</code> tag as the second element.");'
+  - text: <code>div</code> должен содержать знак <code>ul</code> в качестве третьего элемента.
+    testString: 'assert(JSX.props.children[2].type === "ul", "The <code>div</code> should contain a <code>ul</code> tag as the third element.");'
+  - text: <code>div</code> должен содержать тег <code>h1</code> как первый элемент.
+    testString: 'assert(JSX.props.children[0].type === "h1", "The <code>div</code> should contain an <code>h1</code> tag as the first element.");'
+  - text: <code>ul</code> должна содержать три элемента <code>li</code> .
+    testString: 'assert(JSX.props.children[2].props.children.length === 3, "The <code>ul</code> should contain three <code>li</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// write your code here
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/create-a-component-with-composition.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/create-a-component-with-composition.russian.md
new file mode 100644
index 0000000000..6287189d38
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/create-a-component-with-composition.russian.md
@@ -0,0 +1,85 @@
+---
+id: 5a24c314108439a4d4036164
+title: Create a Component with Composition
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Создание компонента с композицией
+---
+
+## Description
+<section id="description"> Теперь мы рассмотрим, как мы можем собрать несколько компонентов React вместе. Представьте, что вы создаете приложение и создали три компонента: <code>Navbar</code> , <code>Dashboard</code> и <code>Footer</code> . Чтобы собрать эти компоненты вместе, вы можете создать <i>родительский</i> компонент <code>App</code> который отображает каждый из этих трех компонентов в качестве <i>дочерних</i> . Чтобы отобразить компонент как дочерний элемент в компоненте React, вы включаете имя компонента, написанное как пользовательский тег HTML в JSX. Например, в методе <code>render</code> вы можете написать: <blockquote> вернуть ( <br> &lt;App&gt; <br> &lt;Navbar /&gt; <br> &lt;Панель мониторинга /&gt; <br> &lt;Footer /&gt; <br> &lt;/ Приложение&gt; <br> ) </blockquote> Когда React встречает пользовательский тег HTML, который ссылается на другой компонент (имя компонента, заключенное в <code>&lt; /&gt;</code> как в этом примере), он отображает разметку для этого компонента в местоположении тега. Это должно иллюстрировать отношения между родителями и дочерними элементами между компонентом <code>App</code> и <code>Navbar</code> , <code>Dashboard</code> и <code>Footer</code> . </section>
+
+## Instructions
+<section id="instructions"> В редакторе кода есть простой функциональный компонент <code>ChildComponent</code> и компонент React, называемый <code>ParentComponent</code> . Составьте два вместе рендерингом <code>ChildComponent</code> в <code>ParentComponent</code> . Убедитесь, что тег <code>ChildComponent</code> косой чертой. <strong>Примечание.</strong> <code>ChildComponent</code> определяется с помощью функции стрелок ES6, потому что это очень распространенная практика при использовании React. Однако, знайте, что это всего лишь функция. Если вы не знакомы с синтаксисом функции стрелки, обратитесь к разделу JavaScript. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Компонент React должен возвращать один элемент <code>div</code> .
+    testString: 'assert((function() { var shallowRender = Enzyme.shallow(React.createElement(ParentComponent)); return shallowRender.type() === "div"; })(), "The React component should return a single <code>div</code> element.");'
+  - text: Компонент должен возвращать два вложенных элемента.
+    testString: 'assert((function() { var shallowRender = Enzyme.shallow(React.createElement(ParentComponent)); return shallowRender.children().length === 2; })(), "The component should return two nested elements.");'
+  - text: Компонент должен вернуть ChildComponent в качестве второго ребенка.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ParentComponent)); return mockedComponent.find("ParentComponent").find("ChildComponent").length === 1; })(), "The component should return the ChildComponent as its second child.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ChildComponent = () => {
+  return (
+    <div>
+      <p>I am the child</p>
+    </div>
+  );
+};
+
+class ParentComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>I am the parent</h1>
+        { /* change code below this line */ }
+
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/create-a-controlled-form.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/create-a-controlled-form.russian.md
new file mode 100644
index 0000000000..860db46819
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/create-a-controlled-form.russian.md
@@ -0,0 +1,101 @@
+---
+id: 5a24c314108439a4d4036179
+title: Create a Controlled Form
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Создание управляемой формы
+---
+
+## Description
+<section id="description"> Последняя задача показала, что React может управлять внутренним состоянием для определенных элементов, таких как <code>input</code> и <code>textarea</code> , что делает их контролируемыми компонентами. Это относится и к другим элементам формы, включая обычный элемент <code>form</code> HTML. </section>
+
+## Instructions
+<section id="instructions"> Компонент <code>MyForm</code> настроен с пустой <code>form</code> с обработчиком отправки. Обработчик отправки будет вызываться при отправке формы. Мы добавили кнопку, которая представляет форму. Вы можете видеть, что у него есть <code>type</code> установленный для <code>submit</code> указывающий, что это кнопка, управляющая формой. Добавьте элемент <code>input</code> в <code>form</code> и установите его <code>value</code> и <code>onChange()</code> как последний вызов. Затем вы должны завершить <code>handleSubmit</code> метод так , чтобы он устанавливает компонент государственной собственности <code>submit</code> к текущему значению входного в локальном <code>state</code> . <strong>Примечание.</strong> Вы также должны вызвать <code>event.preventDefault()</code> в обработчике отправки, чтобы предотвратить поведение отправки формы по умолчанию, которое обновит веб-страницу. И, наконец, создать <code>h1</code> тег после <code>form</code> , который придающая <code>submit</code> значение из компонента <code>state</code> . Затем вы можете ввести форму и нажать кнопку (или нажать «Ввод»), и вы увидите, что ваш вход отображается на странице. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyForm</code> должен возвращать элемент <code>div</code> который содержит <code>form</code> и тег <code>h1</code> . Форма должна содержать <code>input</code> и <code>button</code> .
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyForm)); return (mockedComponent.find("div").children().find("form").length === 1 && mockedComponent.find("div").children().find("h1").length === 1 && mockedComponent.find("form").children().find("input").length === 1 && mockedComponent.find("form").children().find("button").length === 1) })(), "<code>MyForm</code> should return a <code>div</code> element which contains a <code>form</code> and an <code>h1</code> tag. The form should include an <code>input</code> and a <code>button</code>.");'
+  - text: 'Состояние <code>MyForm</code> должно инициализироваться с <code>input</code> свойств <code>input</code> и <code>submit</code> , оба устанавливаются в пустые строки.'
+    testString: 'assert(Enzyme.mount(React.createElement(MyForm)).state("input") === "" && Enzyme.mount(React.createElement(MyForm)).state("submit") === "", "The state of <code>MyForm</code> should initialize with <code>input</code> and <code>submit</code> properties, both set to empty strings.");'
+  - text: Ввод <code>input</code> элемент <code>input</code> должен обновить свойство <code>input</code> состояния компонента.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyForm)); const _1 = () => { mockedComponent.setState({ input: "" }); return waitForIt(() => mockedComponent.state("input"))}; const _2 = () => { mockedComponent.find("input").simulate("change", { target: { value: "TestInput" }}); return waitForIt(() => ({ state: mockedComponent.state("input"), inputVal: mockedComponent.find("input").props().value }))}; const before = await _1(); const after = await _2(); assert(before === "" && after.state === "TestInput" && after.inputVal === "TestInput", "Typing in the <code>input</code> element should update the <code>input</code> property of the component&apos;s state."); }; '
+  - text: 'Отправка формы должна запускать <code>handleSubmit</code> который должен установить свойство <code>submit</code> в состоянии, равном текущему вводу.'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyForm)); const _1 = () => { mockedComponent.setState({ input: "" }); mockedComponent.setState({submit: ""}); mockedComponent.find("input").simulate("change", {target: {value: "SubmitInput"}}); return waitForIt(() => mockedComponent.state("submit"))}; const _2 = () => { mockedComponent.find("form").simulate("submit"); return waitForIt(() => mockedComponent.state("submit"))}; const before = await _1(); const after = await _2(); assert(before === "" && after === "SubmitInput", "Submitting the form should run <code>handleSubmit</code> which should set the <code>submit</code> property in state equal to the current input."); };'
+  - text: Заголовок <code>h1</code> должен отображать значение поля <code>submit</code> из состояния компонента.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyForm)); const _1 = () => { mockedComponent.setState({ input: "" }); mockedComponent.setState({submit: ""}); mockedComponent.find("input").simulate("change", {target: {value: "TestInput"}}); return waitForIt(() => mockedComponent.find("h1").text())}; const _2 = () => { mockedComponent.find("form").simulate("submit"); return waitForIt(() => mockedComponent.find("h1").text())}; const before = await _1(); const after = await _2(); assert(before === "" && after === "TestInput", "The <code>h1</code> header should render the value of the <code>submit</code> field from the component&apos;s state."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyForm extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ",
+      submit: "
+    };
+    this.handleChange = this.handleChange.bind(this);
+    this.handleSubmit = this.handleSubmit.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  handleSubmit(event) {
+    // change code below this line
+
+    // change code above this line
+  }
+  render() {
+    return (
+      <div>
+        <form onSubmit={this.handleSubmit}>
+          { /* change code below this line */ }
+
+          { /* change code above this line */ }
+          <button type='submit'>Submit!</button>
+        </form>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/create-a-controlled-input.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/create-a-controlled-input.russian.md
new file mode 100644
index 0000000000..7cacd4d4d5
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/create-a-controlled-input.russian.md
@@ -0,0 +1,86 @@
+---
+id: 5a24c314108439a4d4036178
+title: Create a Controlled Input
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Создание управляемого входа
+---
+
+## Description
+<section id="description"> У вашего приложения может быть более сложное взаимодействие между <code>state</code> и отображаемым пользовательским интерфейсом. Например, элементы управления формой для ввода текста, такие как <code>input</code> и текстовые <code>textarea</code> , сохраняют свое собственное состояние в DOM по типу пользователя. С React, вы можете переместить это изменяемое состояние в React компонента <code>state</code> . Ввод пользователя становится частью приложения <code>state</code> , так что React контролирует значение этого поля ввода. Как правило, если у вас есть компоненты React с полями ввода, которые пользователь может ввести, это будет управляемая форма ввода. </section>
+
+## Instructions
+<section id="instructions"> Редактор кода имеет скелет компонента, называемого <code>ControlledInput</code> для создания управляемого элемента <code>input</code> . Компонента <code>state</code> уже инициализирован с <code>input</code> свойством , который содержит пустую строку. Это значение представляет собой текст, который пользователь вводит в поле <code>input</code> . Сначала создайте метод <code>handleChange()</code> который имеет параметр, называемый <code>event</code> . Когда метод вызывается, он получает объект <code>event</code> который содержит строку текста из <code>input</code> элемента. Вы можете получить доступ к этой строке с помощью <code>event.target.value</code> внутри метода. Обновление <code>input</code> свойства компоненты <code>state</code> с новой строкой. В методе рендеринга создайте элемент <code>input</code> над тегом <code>h4</code> . Добавьте <code>value</code> атрибута , которое равно <code>input</code> свойству компонента <code>state</code> . Затем добавьте обработчик события <code>onChange()</code> заданный для <code>handleChange()</code> . Когда вы вводите поле ввода, этот текст обрабатывается методом <code>handleChange()</code> , устанавливается как свойство <code>input</code> в локальном <code>state</code> и отображается как значение в поле <code>input</code> на странице. Компонент <code>state</code> является единственным источником истины относительно входных данных. И последнее, но не менее важное: не забудьте добавить необходимые привязки в конструктор. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>ControlledInput</code> должен возвращать элемент <code>div</code> который содержит <code>input</code> и тег <code>p</code> .
+    testString: 'assert(Enzyme.mount(React.createElement(ControlledInput)).find("div").children().find("input").length === 1 && Enzyme.mount(React.createElement(ControlledInput)).find("div").children().find("p").length === 1, "<code>ControlledInput</code> should return a <code>div</code> element which contains an <code>input</code> and a <code>p</code> tag.");'
+  - text: Состояние <code>ControlledInput</code> должно инициализироваться с использованием свойства <code>input</code> заданного пустой строкой.
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(ControlledInput)).state("input"), "", "The state of <code>ControlledInput</code> should initialize with an <code>input</code> property set to an empty string.");'
+  - text: 'Ввод ввода во входном элементе должен обновлять состояние и значение ввода, а элемент <code>p</code> должен отображать это состояние по мере ввода.'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(ControlledInput)); const _1 = () => { mockedComponent.setState({ input: "" }); return waitForIt(() => mockedComponent.state("input"))}; const _2 = () => { mockedComponent.find("input").simulate("change", { target: { value: "TestInput" }}); return waitForIt(() => ({ state: mockedComponent.state("input"), text: mockedComponent.find("p").text(), inputVal: mockedComponent.find("input").props().value }))}; const before = await _1(); const after = await _2(); assert(before === "" && after.state === "TestInput" && after.text === "TestInput" && after.inputVal === "TestInput", "Typing in the input element should update the state and the value of the input, and the <code>p</code> element should render this state as you type."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class ControlledInput extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: "
+    };
+    // change code below this line
+
+    // change code above this line
+  }
+  // change code below this line
+
+  // change code above this line
+  render() {
+    return (
+      <div>
+        { /* change code below this line */}
+
+        { /* change code above this line */}
+        <h4>Controlled Input:</h4>
+        <p>{this.state.input}</p>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/create-a-react-component.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/create-a-react-component.russian.md
new file mode 100644
index 0000000000..a8d325ea21
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/create-a-react-component.russian.md
@@ -0,0 +1,73 @@
+---
+id: 5a24c314108439a4d4036163
+title: Create a React Component
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Создать реактивный компонент
+---
+
+## Description
+<section id="description"> Другой способ определить компонент React - это синтаксис <code>class</code> ES6. В следующем примере <code>Kitten</code> расширяет <code>React.Component</code> : <blockquote> класс Kitten расширяет React.Component { <br> конструктор (реквизит) { <br> супер (реквизит); <br> } <br><br> render () { <br> вернуть ( <br> &lt;H1&gt; Привет &lt;/ h1&gt; <br> ); <br> } <br> } </blockquote> Это создает класс ES6 <code>Kitten</code> , который расширяет <code>React.Component</code> класс. Таким образом, класс <code>Kitten</code> теперь имеет доступ ко многим полезным функциям React, таким как локальные состояния и привязки к жизненному циклу. Не беспокойтесь, если вы еще не знакомы с этими условиями, они будут рассмотрены более подробно в последующих задачах. Также обратите внимание, что класс <code>Kitten</code> имеет <code>constructor</code> определенный внутри него, который вызывает <code>super()</code> . Он использует <code>super()</code> для вызова конструктора родительского класса, в данном случае <code>React.Component</code> . Конструктор - это специальный метод, используемый при инициализации объектов, созданных с ключевым словом <code>class</code> . Это лучшая практика для индивидуального вызова компонента <code>constructor</code> с <code>super</code> , и передать <code>props</code> для обоих. Это гарантирует правильность инициализации компонента. Пока что знайте, что это стандарт для включения этого кода. Вскоре вы увидите другие варианты использования конструктора, а также <code>props</code> . </section>
+
+## Instructions
+<section id="instructions"> <code>MyComponent</code> определен в редакторе кода с использованием синтаксиса класса. Завершите запись метода <code>render</code> чтобы он возвращал элемент <code>div</code> , содержащий <code>h1</code> с текстом <code>Hello React!</code> , </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Компонент React должен возвращать элемент <code>div</code> .
+    testString: 'assert(Enzyme.shallow(React.createElement(MyComponent)).type() === "div", "The React component should return a <code>div</code> element.");'
+  - text: <code>div</code> должен отображать в нем заголовок <code>h1</code> .
+    testString: 'assert(/<div><h1>.*<\/h1><\/div>/.test(Enzyme.shallow(React.createElement(MyComponent)).html()), "The returned <code>div</code> should render an <code>h1</code> header within it.");'
+  - text: 'Заголовок <code>h1</code> должен содержать строку <code>Hello React!</code> ,'
+    testString: 'assert(Enzyme.shallow(React.createElement(MyComponent)).html() === "<div><h1>Hello React!</h1></div>", "The <code>h1</code> header should contain the string <code>Hello React!</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    // change code below this line
+
+
+
+    // change code above this line
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/create-a-simple-jsx-element.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/create-a-simple-jsx-element.russian.md
new file mode 100644
index 0000000000..9e656d100e
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/create-a-simple-jsx-element.russian.md
@@ -0,0 +1,60 @@
+---
+id: 587d7dbc367417b2b2512bb1
+title: Create a Simple JSX Element
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Создание простого элемента JSX
+---
+
+## Description
+<section id="description"> <strong>Intro:</strong> React - это библиотека представлений с открытым исходным кодом, созданная и поддерживаемая Facebook. Это отличный инструмент для создания пользовательского интерфейса (UI) современных веб-приложений. React использует синтаксическое расширение JavaScript под названием JSX, которое позволяет вам писать HTML непосредственно в JavaScript. Это имеет несколько преимуществ. Он позволяет использовать полную программную мощность JavaScript в HTML и помогает сохранить читаемость кода. По большей части JSX похож на HTML, который вы уже узнали, однако есть несколько ключевых различий, которые будут рассмотрены в ходе этих задач. Например, поскольку JSX является синтаксическим расширением JavaScript, вы можете писать JavaScript непосредственно в JSX. Для этого вы просто включаете код, который хотите обрабатывать как JavaScript в фигурных скобках: <code>{ &#39;this is treated as JavaScript code&#39; }</code> . Помните об этом, поскольку он используется в нескольких будущих задачах. Однако, поскольку JSX недействителен JavaScript, код JSX должен быть скомпилирован в JavaScript. Транспилер Babel - популярный инструмент для этого процесса. Для вашего удобства это уже добавлено за кулисами для этих задач. Если вам удастся написать синтаксически недействительный JSX, вы увидите, что первый тест в этих задачах терпит неудачу. Стоит отметить, что под капотом возникают вызовы <code>ReactDOM.render(JSX, document.getElementById(&#39;root&#39;))</code> . Этот вызов функции - это то, что помещает ваш JSX в собственное легкое представление DOM DOM. Затем React использует моментальные снимки своей собственной DOM для оптимизации обновления только определенных частей фактического DOM. </section>
+
+## Instructions
+<section id="instructions"> <strong>Инструкции:</strong> текущий код использует JSX для назначения элемента <code>div</code> постоянному <code>JSX</code> . Замените <code>div</code> элементом <code>h1</code> и добавьте текст <code>Hello JSX!</code> внутри него. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Постоянный <code>JSX</code> должен возвращать элемент <code>h1</code> .
+    testString: 'assert(JSX.type === "h1", "The constant <code>JSX</code> should return an <code>h1</code> element.");'
+  - text: Тег <code>h1</code> должен содержать текст <code>Hello JSX!</code>
+    testString: 'assert(Enzyme.shallow(JSX).contains("Hello JSX!"), "The <code>h1</code> tag should include the text <code>Hello JSX!</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = <div></div>;
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/create-a-stateful-component.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/create-a-stateful-component.russian.md
new file mode 100644
index 0000000000..01f768230c
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/create-a-stateful-component.russian.md
@@ -0,0 +1,77 @@
+---
+id: 5a24c314108439a4d4036170
+title: Create a Stateful Component
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Создание компонента состояния
+---
+
+## Description
+<section id="description"> Одна из наиболее важных тем в Реактировании - это <code>state</code> . Состояние состоит из любых данных, о которых должно знать ваше приложение, которые могут со временем меняться. Вы хотите, чтобы ваши приложения отвечали на изменения состояния и при необходимости обновляли интерфейс. React предлагает хорошее решение для государственного управления современными веб-приложениями. Вы создаете состояние в компоненте React, объявляя свойство <code>state</code> в классе компонента в своем <code>constructor</code> . Это инициализирует компонент с <code>state</code> при его создании. Свойство <code>state</code> должно быть установлено на <code>object</code> JavaScript. Объявление выглядит следующим образом: <blockquote> this.state = { <br> // описываем ваше состояние здесь <br> } У вас есть доступ к объекту <code>state</code> протяжении всего срока службы вашего компонента. Вы можете обновить его, отобразить в пользовательском интерфейсе и передать его в качестве реквизита для дочерних компонентов. Объект <code>state</code> может быть как сложным, так и простым, как вам нужно. Обратите внимание , что вы должны создать компонент класса за счет расширения <code>React.Component</code> для того , чтобы создать <code>state</code> , как это. </blockquote></section>
+
+## Instructions
+<section id="instructions"> В редакторе кода есть компонент, который пытается отобразить свойство <code>name</code> из своего <code>state</code> . Однако не определено <code>state</code> . Инициализируйте компонент с <code>state</code> в <code>constructor</code> и присвойте свое имя свойству <code>name</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>StatefulComponent</code> должен существовать и визуализироваться.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(StatefulComponent)); return mockedComponent.find("StatefulComponent").length === 1; })(), "<code>StatefulComponent</code> should exist and render.");'
+  - text: <code>StatefulComponent</code> должен отображать элемент <code>div</code> и <code>h1</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(StatefulComponent)); return mockedComponent.find("div").length === 1 && mockedComponent.find("h1").length === 1; })(), "<code>StatefulComponent</code> should render a <code>div</code> and an <code>h1</code> element.");'
+  - text: 'Состояние <code>StatefulComponent</code> должно быть инициализировано с <code>name</code> свойства, заданным для строки.'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(StatefulComponent)); const initialState = mockedComponent.state(); return ( typeof initialState === "object" && typeof initialState.name === "string"); })(), "The state of <code>StatefulComponent</code> should be initialized with a property <code>name</code> set to a string.");'
+  - text: Свойство <code>name</code> в состоянии <code>StatefulComponent</code> должны оказывать в <code>h1</code> элемента.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(StatefulComponent)); const initialState = mockedComponent.state(); return mockedComponent.find("h1").text() === initialState.name; })(), "The property <code>name</code> in the state of <code>StatefulComponent</code> should render in the <code>h1</code> element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class StatefulComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    // initialize state here
+
+  }
+  render() {
+    return (
+      <div>
+        <h1>{this.state.name}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/create-a-stateless-functional-component.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/create-a-stateless-functional-component.russian.md
new file mode 100644
index 0000000000..143ffd9b4d
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/create-a-stateless-functional-component.russian.md
@@ -0,0 +1,68 @@
+---
+id: 5a24c314108439a4d4036162
+title: Create a Stateless Functional Component
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Создание функционального компонента без учета состояния
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.length === 1; })(), "<code>MyComponent</code> should return JSX.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.children().type() === "div" })(), "<code>MyComponent</code> should return a <code>div</code> element.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("div").text() !== ""; })(), "The <code>div</code> element should contain a string of text.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const MyComponent = function() {
+  // change code below this line
+
+
+
+  // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/define-an-html-class-in-jsx.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/define-an-html-class-in-jsx.russian.md
new file mode 100644
index 0000000000..73ef88cd0b
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/define-an-html-class-in-jsx.russian.md
@@ -0,0 +1,64 @@
+---
+id: 5a24c314108439a4d4036160
+title: Define an HTML Class in JSX
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Определить класс HTML в JSX
+---
+
+## Description
+<section id="description"> Теперь, когда вам удобнее писать JSX, вам может быть интересно, как он отличается от HTML. До сих пор может показаться, что HTML и JSX точно такие же. Одно из ключевых различий в JSX заключается в том, что вы больше не можете использовать <code>class</code> слов для определения классов HTML. Это потому, что <code>class</code> является зарезервированным словом в JavaScript. Вместо этого JSX использует <code>className</code> . Фактически, соглашение об именах для всех атрибутов HTML и ссылок на события в JSX становится camelCase. Например, событие click в JSX - <code>onClick</code> , а не <code>onclick</code> . Аналогично, <code>onchange</code> становится <code>onChange</code> . Хотя это тонкая разница, важно помнить о продвижении вперед. </section>
+
+## Instructions
+<section id="instructions"> Примените класс <code>myDiv</code> к <code>div</code> предоставленному в коде JSX. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Постоянный <code>JSX</code> должен возвращать элемент <code>div</code> .
+    testString: 'assert.strictEqual(JSX.type, "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: У <code>div</code> есть класс <code>myDiv</code> .
+    testString: 'assert.strictEqual(JSX.props.className, "myDiv", "The <code>div</code> has a class of <code>myDiv</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = (
+  <div>
+    <h1>Add a class to this div</h1>
+  </div>
+);
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/give-sibling-elements-a-unique-key-attribute.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/give-sibling-elements-a-unique-key-attribute.russian.md
new file mode 100644
index 0000000000..4313935fb2
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/give-sibling-elements-a-unique-key-attribute.russian.md
@@ -0,0 +1,85 @@
+---
+id: 5a24c314108439a4d403618b
+title: Give Sibling Elements a Unique Key Attribute
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Дайте сиблинг-элементам уникальный атрибут ключа
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(Frameworks)).find("Frameworks").length === 1, "The <code>Frameworks</code> component should exist and render to the page.");'
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(Frameworks)).find("h1").length === 1, "<code>Frameworks</code> should render an <code>h1</code> element.");'
+  - text: <code>Frameworks</code> должны отображать элемент <code>ul</code> .
+    testString: 'assert(Enzyme.mount(React.createElement(Frameworks)).find("ul").length === 1, "<code>Frameworks</code> should render a <code>ul</code> element.");'
+  - text: Тег <code>ul</code> должен отображать 6 дочерних элементов <code>li</code> .
+    testString: 'assert(Enzyme.mount(React.createElement(Frameworks)).find("ul").children().length === 6 && Enzyme.mount(React.createElement(Frameworks)).find("ul").childAt(0).name() === "li" && Enzyme.mount(React.createElement(Frameworks)).find("li").length === 6, "The <code>ul</code> tag should render 6 child <code>li</code> elements.");'
+  - text: Каждый элемент элемента списка должен иметь уникальный <code>key</code> атрибут.
+    testString: 'assert((() => { const ul = Enzyme.mount(React.createElement(Frameworks)).find("ul"); const keys = new Set([ ul.childAt(0).key(), ul.childAt(1).key(), ul.childAt(2).key(), ul.childAt(3).key(), ul.childAt(4).key(), ul.childAt(5).key(), ]); return keys.size === 6; })(), "Each list item element should have a unique <code>key</code> attribute.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const frontEndFrameworks = [
+  'React',
+  'Angular',
+  'Ember',
+  'Knockout',
+  'Backbone',
+  'Vue'
+];
+
+function Frameworks() {
+  const renderFrameworks = null; // change code here
+  return (
+    <div>
+      <h1>Popular Front End JavaScript Frameworks</h1>
+      <ul>
+        {renderFrameworks}
+      </ul>
+    </div>
+  );
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/introducing-inline-styles.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/introducing-inline-styles.russian.md
new file mode 100644
index 0000000000..eb4166b3da
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/introducing-inline-styles.russian.md
@@ -0,0 +1,68 @@
+---
+id: 5a24c314108439a4d4036181
+title: Introducing Inline Styles
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Представление встроенных стилей
+---
+
+## Description
+<section id="description"> Существуют и другие сложные концепции, которые добавляют мощные возможности для вашего кода React. Но вам может быть интересно узнать о более простой проблеме того, как стилизовать те элементы JSX, которые вы создаете в React. Вероятно, вы знаете, что это будет не то же самое, что работать с HTML из-за <a target="_blank" href="front-end-libraries/react/define-an-html-class-in-jsx">того, как вы применяете классы к элементам JSX</a> . Если вы импортируете стили из таблицы стилей, это совсем не так. Вы применяете класс к своему элементу JSX, используя атрибут <code>className</code> , и применяете стили к классу в таблице стилей. Другой вариант - применить <strong><em>встроенные</em></strong> стили, которые очень распространены в разработке ReactJS. Вы применяете встроенные стили к элементам JSX, подобным тому, как это делается в HTML, но с несколькими отличиями JSX. Ниже приведен пример встроенного стиля в HTML: <code>&lt;div style=&quot;color: yellow; font-size: 16px&quot;&gt;Mellow Yellow&lt;/div&gt;</code> Элементы JSX используют атрибут <code>style</code> , но из-за того, что JSX переполнен, вы можете &#39;t установить значение в <code>string</code> . Вместо этого вы устанавливаете его равным <code>object</code> JavaScript. Вот пример: <code>&lt;div style={{color: &quot;yellow&quot;, fontSize: 16}}&gt;Mellow Yellow&lt;/div&gt;</code> Обратите внимание, как мы camelCase свойство fontSize? Это связано с тем, что React не будет принимать ключи кебаба в объекте стиля. React применит правильное имя свойства для нас в HTML. </section>
+
+## Instructions
+<section id="instructions"> Добавьте атрибут <code>style</code> в <code>div</code> в редакторе кода, чтобы придать тексту цвет красного и размер шрифта 72px. Обратите внимание, что вы можете указать размер шрифта как число, опустив единицы «px» или записать его как «72px». </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Компонент должен отображать элемент <code>div</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Colorful)); return mockedComponent.children().type() === "div"; })(), "The component should render a <code>div</code> element.");'
+  - text: Элемент <code>div</code> должен иметь <code>red</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Colorful)); return mockedComponent.children().props().style.color === "red"; })(), "The <code>div</code> element should have a color of <code>red</code>.");'
+  - text: Элемент <code>div</code> должен иметь размер шрифта <code>72px</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Colorful)); return (mockedComponent.children().props().style.fontSize === 72 || mockedComponent.children().props().style.fontSize === "72" || mockedComponent.children().props().style.fontSize === "72px"); })(), "The <code>div</code> element should have a font size of <code>72px</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Colorful extends React.Component {
+  render() {
+    return (
+      <div>Big Red</div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/learn-about-self-closing-jsx-tags.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/learn-about-self-closing-jsx-tags.russian.md
new file mode 100644
index 0000000000..9100b15a9f
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/learn-about-self-closing-jsx-tags.russian.md
@@ -0,0 +1,70 @@
+---
+id: 5a24c314108439a4d4036161
+title: Learn About Self-Closing JSX Tags
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Узнайте о самозакрывающихся тегах JSX
+---
+
+## Description
+<section id="description"> До сих пор вы видели, как JSX отличается от HTML ключевым способом с использованием класса <code>className</code> против <code>class</code> для определения классов HTML. Другим важным способом, с помощью которого JSX отличается от HTML, является идея самозакрывающегося тега. В HTML почти все теги имеют как открывающий, так и закрывающий тег: <code>&lt;div&gt;&lt;/div&gt;</code> ; закрывающий тег всегда имеет косую черту перед именем тега, которое вы закрываете. Тем не менее, в HTML есть специальные экземпляры, называемые «самозакрывающиеся теги», или теги, которые не требуют как открывающего, так и закрывающего тега перед тем, как запустить другой тег. Например, тэг разрыва строки может быть записан как <code>&lt;br&gt;</code> или как <code>&lt;br /&gt;</code> , но никогда не должен быть записан как <code>&lt;br&gt;&lt;/br&gt;</code> , так как он не содержит никакого содержимого. В JSX правила немного отличаются. Любой элемент JSX можно записать с помощью самозакрывающегося тега, и каждый элемент должен быть закрыт. Например, тег разрыва строки всегда должен быть записан как <code>&lt;br /&gt;</code> , чтобы быть действительным JSX, который может быть переписан. А <code>&lt;div&gt;</code> , с другой стороны, может быть записано как <code>&lt;div /&gt;</code> или <code>&lt;div&gt;&lt;/div&gt;</code> . Разница в том, что в первой версии синтаксиса нет способа включить что-либо в <code>&lt;div /&gt;</code> . В последующих задачах вы увидите, что этот синтаксис полезен при рендеринге компонентов React. </section>
+
+## Instructions
+<section id="instructions"> Исправьте ошибки в редакторе кода, чтобы он был корректным JSX и успешно переводил. Убедитесь, что вы не меняете какой-либо контент - вам нужно только закрыть теги, где они нужны. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Постоянный <code>JSX</code> должен возвращать элемент <code>div</code> .
+    testString: 'assert.strictEqual(JSX.type, "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: <code>div</code> должен содержать метку <code>br</code> .
+    testString: 'assert(Enzyme.shallow(JSX).find("br").length === 1, "The <code>div</code> should contain a <code>br</code> tag.");'
+  - text: <code>div</code> должен содержать тег <code>hr</code> .
+    testString: 'assert(Enzyme.shallow(JSX).find("hr").length === 1, "The <code>div</code> should contain an <code>hr</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = (
+  <div>
+    {/* remove comment and change code below this line
+    <h2>Welcome to React!</h2> <br >
+    <p>Be sure to close all tags!</p>
+    <hr >
+    remove comment and change code above this line */}
+  </div>
+);
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/manage-updates-with-lifecycle-methods.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/manage-updates-with-lifecycle-methods.russian.md
new file mode 100644
index 0000000000..7c5a1e40ec
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/manage-updates-with-lifecycle-methods.russian.md
@@ -0,0 +1,100 @@
+---
+id: 5a24c314108439a4d403617f
+title: Manage Updates with Lifecycle Methods
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Управление обновлениями с помощью методов жизненного цикла
+---
+
+## Description
+<section id="description"> Другим методом жизненного цикла является <code>componentWillReceiveProps()</code> который вызывается всякий раз, когда компонент получает новые реквизиты. Этот метод получает новый реквизит в качестве аргумента, который обычно записывается как <code>nextProps</code> . Вы можете использовать этот аргумент и сравнить с этим <code>this.props</code> и выполнить действия перед обновлением компонента. Например, вы можете вызвать <code>setState()</code> локально до обработки обновления. Другим методом является <code>componentDidUpdate()</code> и вызывается сразу после повторного рендеринга компонента. Обратите внимание, что рендеринг и установка в жизненном цикле компонентов считаются разными. Когда страница сначала загружается, все компоненты монтируются, и здесь вызывается такие методы, как <code>componentWillMount()</code> и <code>componentDidMount()</code> . После этого, по мере изменения состояния, компоненты переделают себя. Следующая задача охватывает это более подробно. </section>
+
+## Instructions
+<section id="instructions"> Детский компонент <code>Dialog</code> получает реквизит <code>message</code> от своего родителя, компонента <code>Controller</code> . Напишите <code>componentWillReceiveProps()</code> в компоненте <code>Dialog</code> и <code>nextProps</code> его в консоли <code>this.props</code> и <code>nextProps</code> . Вам нужно будет передать <code>nextProps</code> в качестве аргумента для этого метода, и хотя можно назвать его чем угодно, назовите его <code>nextProps</code> здесь. Затем добавьте <code>componentDidUpdate()</code> в компонент <code>Dialog</code> и запишите заявление, в котором говорится, что компонент обновлен. Этот метод работает аналогично <code>componentWillUpdate()</code> , который предоставляется вам. Теперь нажмите кнопку, чтобы изменить сообщение и посмотреть консоль браузера. Порядок консольных операторов показывает порядок вызова методов. <strong>Примечание.</strong> Вам необходимо будет написать методы жизненного цикла в качестве обычных функций, а не как функции стрелок для прохождения тестов (также нет преимуществ при написании методов жизненного цикла в виде функций стрелок). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Компонент <code>Controller</code> должен отображать компонент <code>Dialog</code> как дочерний.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Controller)); return mockedComponent.find("Controller").length === 1 && mockedComponent.find("Dialog").length === 1; })(), "The <code>Controller</code> component should render the <code>Dialog</code> component as a child.");'
+  - text: Метод <code>componentWillReceiveProps</code> в компоненте <code>Dialog</code> должен записывать <code>this.props</code> на консоль.
+    testString: 'assert((function() { const lifecycleChild = React.createElement(Dialog).type.prototype.componentWillReceiveProps.toString().replace(/ /g,""); return lifecycleChild.includes("console.log") && lifecycleChild.includes("this.props") })(), "The <code>componentWillReceiveProps</code> method in the <code>Dialog</code> component should log <code>this.props</code> to the console.");'
+  - text: Метод <code>componentWillReceiveProps</code> в компоненте <code>Dialog</code> должен записывать <code>nextProps</code> в консоль.
+    testString: 'assert((function() { const lifecycleChild = React.createElement(Dialog).type.prototype.componentWillReceiveProps.toString().replace(/ /g,""); const nextPropsAsParameterTest = /componentWillReceiveProps(| *?= *?)(\(|)nextProps(\)|)( *?=> *?{| *?{|{)/; const nextPropsInConsoleLogTest = /console\.log\(.*?nextProps\b.*?\)/; return ( lifecycleChild.includes("console.log") && nextPropsInConsoleLogTest.test(lifecycleChild) && nextPropsAsParameterTest.test(lifecycleChild) ); })(), "The <code>componentWillReceiveProps</code> method in the <code>Dialog</code> component should log <code>nextProps</code> to the console.");'
+  - text: Компонент <code>Dialog</code> должен вызывать метод <code>componentDidUpdate</code> и записывать сообщение на консоль.
+    testString: 'assert((function() { const lifecycleChild = React.createElement(Dialog).type.prototype.componentDidUpdate.toString().replace(/ /g,""); return lifecycleChild.length !== "undefined" && lifecycleChild.includes("console.log"); })(), "The <code>Dialog</code> component should call the <code>componentDidUpdate</code> method and log a message to the console.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Dialog extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  componentWillUpdate() {
+    console.log('Component is about to update...');
+  }
+  // change code below this line
+
+  // change code above this line
+  render() {
+    return <h1>{this.props.message}</h1>
+  }
+};
+
+class Controller extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      message: 'First Message'
+    };
+    this.changeMessage = this.changeMessage.bind(this);
+  }
+  changeMessage() {
+    this.setState({
+      message: 'Second Message'
+    });
+  }
+  render() {
+    return (
+      <div>
+        <button onClick={this.changeMessage}>Update</button>
+        <Dialog message={this.state.message}/>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/optimize-re-renders-with-shouldcomponentupdate.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/optimize-re-renders-with-shouldcomponentupdate.russian.md
new file mode 100644
index 0000000000..5bf23d4967
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/optimize-re-renders-with-shouldcomponentupdate.russian.md
@@ -0,0 +1,106 @@
+---
+id: 5a24c314108439a4d4036180
+title: Optimize Re-Renders with shouldComponentUpdate
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Оптимизировать повторные рендеринги с shouldComponentUpdate
+---
+
+## Description
+<section id="description"> Пока, если какой-либо компонент получает новое <code>state</code> или новый <code>props</code> , он повторно отображает себя и всех своих детей. Обычно это нормально. Но React предоставляет метод жизненного цикла, который вы можете вызывать, когда дочерние компоненты получают новое <code>state</code> или <code>props</code> , и заявляют, что конкретно компоненты должны обновляться или нет. Этот метод должен быть <code>shouldComponentUpdate()</code> , и он принимает параметры <code>nextProps</code> и <code>nextState</code> качестве параметров. Этот метод является полезным способом оптимизации производительности. Например, поведение по умолчанию заключается в том, что ваш компонент повторно отображает, когда он получает новые <code>props</code> , даже если <code>props</code> не изменился. Вы можете использовать <code>shouldComponentUpdate()</code> чтобы предотвратить это, сравнив <code>props</code> . Метод должен возвращать <code>boolean</code> значение, которое сообщает React, обновлять или не обновлять компонент. Вы можете сравнить текущие реквизиты ( <code>this.props</code> ) со следующими реквизитами ( <code>nextProps</code> ), чтобы определить, нужно ли вам обновлять или нет, и соответственно вернуть <code>true</code> или <code>false</code> . </section>
+
+## Instructions
+<section id="instructions"> Метод <code>shouldComponentUpdate()</code> добавляется в компонент, называемый <code>OnlyEvens</code> . В настоящее время этот метод возвращает <code>true</code> так что <code>OnlyEvens</code> повторно отображает каждый раз, когда он получает новые <code>props</code> . Измените метод так, чтобы <code>OnlyEvens</code> только если <code>value</code> его новых реквизитов равно. Нажмите кнопку « <code>Add</code> и посмотрите порядок событий в консоли вашего браузера, когда запускаются другие крючки жизненного цикла. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Компонент <code>Controller</code> должен отображать компонент <code>OnlyEvens</code> как дочерний.
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(Controller)); return mockedComponent.find("Controller").length === 1 && mockedComponent.find("OnlyEvens").length === 1; })(), "The <code>Controller</code> component should render the <code>OnlyEvens</code> component as a child.");'
+  - text: Метод <code>shouldComponentUpdate</code> должен быть определен в компоненте <code>OnlyEvens</code> .
+    testString: 'assert((() => { const child = React.createElement(OnlyEvens).type.prototype.shouldComponentUpdate.toString().replace(/s/g,""); return child !== "undefined"; })(), "The <code>shouldComponentUpdate</code> method should be defined on the <code>OnlyEvens</code> component.");'
+  - text: Компонент <code>OnlyEvens</code> должен возвращать тег <code>h1</code> который отображает значение <code>this.props.value</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Controller)); const first = () => { mockedComponent.setState({ value: 1000 }); return waitForIt(() => mockedComponent.find("h1").html()); }; const second = () => { mockedComponent.setState({ value: 10 }); return waitForIt(() => mockedComponent.find("h1").html()); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === "<h1>1000</h1>" && secondValue === "<h1>10</h1>", "The <code>OnlyEvens</code> component should return an <code>h1</code> tag which renders the value of <code>this.props.value</code>."); }; '
+  - text: <code>OnlyEvens</code> следует повторно отображать только при следующем <code>nextProps.value</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Controller)); const first = () => { mockedComponent.setState({ value: 8 }); return waitForIt(() => mockedComponent.find("h1").text()); }; const second = () => { mockedComponent.setState({ value: 7 }); return waitForIt(() => mockedComponent.find("h1").text()); }; const third = () => { mockedComponent.setState({ value: 42 }); return waitForIt(() => mockedComponent.find("h1").text()); }; const firstValue = await first(); const secondValue = await second(); const thirdValue = await third(); assert(firstValue === "8" && secondValue === "8" && thirdValue === "42", "<code>OnlyEvens</code> should re-render only when <code>nextProps.value</code> is even."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class OnlyEvens extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  shouldComponentUpdate(nextProps, nextState) {
+    console.log('Should I update?');
+     // change code below this line
+    return true;
+     // change code above this line
+  }
+  componentWillReceiveProps(nextProps) {
+    console.log('Receiving new props...');
+  }
+  componentDidUpdate() {
+    console.log('Component re-rendered.');
+  }
+  render() {
+    return <h1>{this.props.value}</h1>
+  }
+};
+
+class Controller extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      value: 0
+    };
+    this.addValue = this.addValue.bind(this);
+  }
+  addValue() {
+    this.setState({
+      value: this.state.value + 1
+    });
+  }
+  render() {
+    return (
+      <div>
+        <button onClick={this.addValue}>Add</button>
+        <OnlyEvens value={this.state.value}/>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/override-default-props.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/override-default-props.russian.md
new file mode 100644
index 0000000000..33f3a94064
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/override-default-props.russian.md
@@ -0,0 +1,79 @@
+---
+id: 5a24c314108439a4d403616c
+title: Override Default Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Переопределить опоры по умолчанию
+---
+
+## Description
+<section id="description"> Возможность установки реквизитов по умолчанию является полезной функцией в React. Способ переопределения реквизитов по умолчанию состоит в том, чтобы явно указать значения prop для компонента. </section>
+
+## Instructions
+<section id="instructions"> <code>ShoppingCart</code> компонент в настоящее время оказывает нижестоящий компонент <code>Items</code> . Этот <code>Items</code> компонент имеет опору по умолчанию <code>quantity</code> , установленное на целое число <code>0</code> . Переопределите опору по умолчанию, передав значение <code>10</code> для <code>quantity</code> . <strong>Примечание.</strong> Помните, что синтаксис добавления опоры к компоненту выглядит так же, как вы добавляете атрибуты HTML. Однако, поскольку значение для <code>quantity</code> является целым числом, оно не будет отображаться в кавычках, но оно должно быть завернуто в фигурные скобки. Например, <code>{100}</code> . Этот синтаксис говорит JSX интерпретировать значение в фигурных скобках непосредственно как JavaScript. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("ShoppingCart").length === 1; })(), "The component <code>ShoppingCart</code> should render.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("Items").length === 1; })(), "The component <code>Items</code> should render.");'
+  - text: 'Элемент <code>Items</code> должен иметь оповещение <code>{ quantity: 10 }</code> переданное из компонента <code>ShoppingCart</code> .'
+    testString: 'getUserInput => assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("Items").props().quantity == 10 && getUserInput("index").replace(/ /g,"").includes("<Itemsquantity={10}/>"); })(), "The <code>Items</code> component should have a prop of <code>{ quantity: 10 }</code> passed from the <code>ShoppingCart</code> component.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const Items = (props) => {
+  return <h1>Current Quantity of Items in Cart: {props.quantity}</h1>
+}
+
+Items.defaultProps = {
+  quantity: 0
+}
+
+class ShoppingCart extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    { /* change code below this line */ }
+    return <Items />
+    { /* change code above this line */ }
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/pass-a-callback-as-props.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/pass-a-callback-as-props.russian.md
new file mode 100644
index 0000000000..67b72c049d
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/pass-a-callback-as-props.russian.md
@@ -0,0 +1,118 @@
+---
+id: 5a24c314108439a4d403617b
+title: Pass a Callback as Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Передача обратного вызова в качестве реквизита
+---
+
+## Description
+<section id="description"> Вы можете передать <code>state</code> качестве реквизита дочерних компонентов, но вы не ограничены передачей данных. Вы также можете передавать функции обработчика или любой метод, определенный в компоненте React для дочернего компонента. Так вы позволяете дочерним компонентам взаимодействовать со своими родительскими компонентами. Вы передаете методы ребенку точно так же, как обычный пропеллер. Ему назначено имя, и у вас есть доступ к этому имени метода под <code>this.props</code> в дочернем компоненте. </section>
+
+## Instructions
+<section id="instructions"> В редакторе кода есть три компонента. <code>MyApp</code> компонент является родителем , который будет оказывать <code>GetInput</code> и <code>RenderInput</code> дочерние компоненты. Добавьте <code>GetInput</code> компонент к методу визуализации в <code>MyApp</code> , а затем передать его на опору называется <code>input</code> , назначенный <code>inputValue</code> из <code>MyApp</code> «s <code>state</code> . Также создайте <code>handleChange</code> называемое <code>handleChange</code> и передайте ему обработчик <code>handleChange</code> ввода. Затем добавьте <code>RenderInput</code> в метод рендеринга в <code>MyApp</code> , затем создайте <code>inputValue</code> с именем <code>input</code> и передайте <code>inputValue</code> из <code>state</code> в него. После того, как вы закончите, вы сможете <code>input</code> поле <code>input</code> в компоненте <code>GetInput</code> , которое затем вызывает метод обработчика в своем родителе через реквизиты. Это обновляет ввод в <code>state</code> родителя, который передается как реквизит для обоих детей. Наблюдайте за тем, как данные передаются между компонентами и как единственный источник истины остается в <code>state</code> родительского компонента. По общему признанию, этот пример немного надуман, но должен служить для иллюстрации того, как данные и обратные вызовы могут быть переданы между компонентами React. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Компонент <code>MyApp</code> должен отображать.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyApp)); return mockedComponent.find("MyApp").length === 1; })(), "The <code>MyApp</code> component should render.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyApp)); return mockedComponent.find("GetInput").length === 1; })(), "The <code>GetInput</code> component should render.");'
+  - text: ''
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyApp)); return mockedComponent.find("RenderInput").length === 1; })(), "The <code>RenderInput</code> component should render.");'
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyApp)); const state_1 = () => { mockedComponent.setState({inputValue: ""}); return waitForIt(() => mockedComponent.state() )}; const state_2 = () => { mockedComponent.find("input").simulate("change", {target: {value: "TestInput"}}); return waitForIt(() => mockedComponent.state() )}; const updated_1 = await state_1(); const updated_2 = await state_2(); assert(updated_1.inputValue === "" && updated_2.inputValue === "TestInput", "The <code>GetInput</code> component should receive the <code>MyApp</code> state property <code>inputValue</code> as props and contain an <code>input</code> element which modifies <code>MyApp</code> state."); }; '
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyApp)); const state_1 = () => { mockedComponent.setState({inputValue: "TestName"}); return waitForIt(() => mockedComponent )}; const updated_1 = await state_1(); assert(updated_1.find("p").text().includes("TestName"), "The <code>RenderInput</code> component should receive the <code>MyApp</code> state property <code>inputValue</code> as props."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyApp extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      inputValue: "
+    }
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      inputValue: event.target.value
+    });
+  }
+  render() {
+    return (
+       <div>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+       </div>
+    );
+  }
+};
+
+class GetInput extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h3>Get Input:</h3>
+        <input
+          value={this.props.input}
+          onChange={this.props.handleChange}/>
+      </div>
+    );
+  }
+};
+
+class RenderInput extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h3>Input Render:</h3>
+        <p>{this.props.input}</p>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/pass-an-array-as-props.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/pass-an-array-as-props.russian.md
new file mode 100644
index 0000000000..473c429d26
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/pass-an-array-as-props.russian.md
@@ -0,0 +1,93 @@
+---
+id: 5a24c314108439a4d403616a
+title: Pass an Array as Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Передайте массив как реквизит
+---
+
+## Description
+<section id="description"> Последняя задача продемонстрировала, как передавать информацию из родительского компонента в дочерний компонент в качестве <code>props</code> или свойств. В этой задаче рассматривается, как массивы могут быть переданы в качестве <code>props</code> . Чтобы передать массив элементу JSX, он должен рассматриваться как JavaScript и завернут в фигурные скобки. <blockquote> &lt;ParentComponent&gt; <br> &lt;Цвета ChildComponent = {[&quot;зеленый&quot;, &quot;синий&quot;, &quot;красный&quot;]} /&gt; <br> &lt;/ ParentComponent&gt; </blockquote> Затем дочерний компонент имеет доступ к <code>colors</code> свойств массива. При доступе к свойству могут использоваться методы массива, такие как <code>join()</code> . <code>const ChildComponent = (props) =&gt; &lt;p&gt;{props.colors.join(&#39;, &#39;)}&lt;/p&gt;</code> Это объединит все элементы массива <code>colors</code> в строку, разделенную запятой, и произведет: <code>&lt;p&gt;green, blue, red&lt;/p&gt;</code> Позже мы узнаем о других распространенных методах рендеринга массивов данных в React. </section>
+
+## Instructions
+<section id="instructions"> В редакторе кода есть компоненты <code>List</code> и <code>ToDo</code> . При рендеринге каждого <code>List</code> из компонента <code>ToDo</code> передайте свойство <code>tasks</code> назначенное массиву заданий, например <code>[&quot;walk dog&quot;, &quot;workout&quot;]</code> . Затем войдите в этот массив <code>tasks</code> в компоненте <code>List</code> , показывая его значение в <code>p</code> элементе. Используйте <code>join(&quot;, &quot;)</code> чтобы отобразить массив <code>props.tasks</code> в элементе <code>p</code> как список, разделенный запятыми. В сегодняшнем списке должно быть не менее двух задач, а завтра должно быть не менее 3 задач. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Компонент <code>ToDo</code> должен возвращать один внешний <code>div</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.children().first().type() === "div"; })(), "The <code>ToDo</code> component should return a single outer <code>div</code>.");'
+  - text: Третий ребенок компонента <code>ToDo</code> должен быть экземпляром компонента <code>List</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.children().first().childAt(2).name() === "List"; })(), "The third child of the <code>ToDo</code> component should be an instance of the <code>List</code> component.");'
+  - text: Пятый дочерний компонент <code>ToDo</code> должен быть экземпляром компонента <code>List</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.children().first().childAt(4).name() === "List"; })(), "The fifth child of the <code>ToDo</code> component should be an instance of the <code>List</code> component.");'
+  - text: 'Оба экземпляра компонента <code>List</code> должны иметь свойство, называемое <code>tasks</code> а <code>tasks</code> должны иметь тип массива.'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return Array.isArray(mockedComponent.find("List").get(0).props.tasks) && Array.isArray(mockedComponent.find("List").get(1).props.tasks); })(), "Both instances of the <code>List</code> component should have a property called <code>tasks</code> and <code>tasks</code> should be of type array.");'
+  - text: 'Первый компонент <code>List</code> представляющий задачи на сегодняшний день, должен иметь 2 или более элемента.'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.find("List").get(0).props.tasks.length >= 2; })(), "The first <code>List</code> component representing the tasks for today should have 2 or more items.");'
+  - text: 'Второй компонент <code>List</code> представляющий задачи на завтра, должен иметь 3 или более элементов.'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.find("List").get(1).props.tasks.length >= 3; })(), "The second <code>List</code> component representing the tasks for tomorrow should have 3 or more items.");'
+  - text: 'Компонент <code>List</code> должен отображать значение из поддержки <code>tasks</code> в теге <code>p</code> как список, разделенный запятой, например, <code>walk dog, workout</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ToDo)); return mockedComponent.find("p").get(0).props.children === mockedComponent.find("List").get(0).props.tasks.join(", ") && mockedComponent.find("p").get(1).props.children === mockedComponent.find("List").get(1).props.tasks.join(", "); })(), "The <code>List</code> component should render the value from the <code>tasks</code> prop in the <code>p</code> tag as a comma separated list, for example <code>walk dog, workout</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const List= (props) => {
+  { /* change code below this line */ }
+  return <p>{}</p>
+  { /* change code above this line */ }
+};
+
+class ToDo extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>To Do Lists</h1>
+        <h2>Today</h2>
+        { /* change code below this line */ }
+        <List/>
+        <h2>Tomorrow</h2>
+        <List/>
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/pass-props-to-a-stateless-functional-component.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/pass-props-to-a-stateless-functional-component.russian.md
new file mode 100644
index 0000000000..f0af38bdb7
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/pass-props-to-a-stateless-functional-component.russian.md
@@ -0,0 +1,90 @@
+---
+id: 5a24c314108439a4d4036169
+title: Pass Props to a Stateless Functional Component
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Передача реквизитов функциональному компоненту без состояния
+---
+
+## Description
+<section id="description"> Предыдущие проблемы много касались создания и компоновки элементов JSX, функциональных компонентов и компонентов класса стиля ES6 в React. С этим основанием пришло время взглянуть на еще одну особенность, часто встречающуюся в React: <b>реквизитах</b> . В React вы можете передать реквизиты или свойства дочерним компонентам. Скажем, у вас есть компонент <code>App</code> который отображает дочерний компонент <code>Welcome</code> который является функциональным компонентом без состояния. Вы можете пройти <code>Welcome</code> в <code>user</code> собственность, написав: <blockquote> &lt;App&gt; <br> &lt;Welcome user = &#39;Mark&#39; /&gt; <br> &lt;/ Приложение&gt; </blockquote> Вы используете <strong>пользовательские атрибуты HTML,</strong> которые React предоставляет поддержку для передачи <code>user</code> свойства в компонент <code>Welcome</code> . Поскольку <code>Welcome</code> является функциональным компонентом без состояния, он имеет доступ к этому значению следующим образом: <blockquote> const Добро пожаловать = (реквизит) =&gt; &lt;h1&gt; Здравствуйте, {props.user}! &lt;/ h1&gt; </blockquote> Стандартно вызывать это значение <code>props</code> и при работе с функциональными компонентами без состояния, вы в основном рассматриваете его как аргумент функции, которая возвращает JSX. Вы можете получить доступ к значению аргумента в теле функции. С компонентами класса вы увидите, что это немного отличается. </section>
+
+## Instructions
+<section id="instructions"> В редакторе кода <code>CurrentDate</code> компоненты <code>Calendar</code> и <code>CurrentDate</code> . При рендеринге <code>CurrentDate</code> из компонента <code>Calendar</code> передайте свойство <code>date</code> назначенное текущей дате из объекта <code>Date</code> JavaScript. Затем получите доступ к этой <code>prop</code> в компоненте <code>CurrentDate</code> , показывая ее значение в тегах <code>p</code> . Обратите внимание, что для значений <code>prop</code> которые будут оцениваться как JavaScript, они должны быть заключены в фигурные скобки, например <code>date={Date()}</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Компонент <code>Calendar</code> должен возвращать один элемент <code>div</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); return mockedComponent.children().type() === "div"; })(), "The <code>Calendar</code> component should return a single <code>div</code> element.");'
+  - text: Второй дочерний компонент компонента <code>Calendar</code> должен быть компонентом <code>CurrentDate</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); return mockedComponent.children().childAt(1).name() === "CurrentDate"; })(), "The second child of the <code>Calendar</code> component should be the <code>CurrentDate</code> component.");'
+  - text: 'Компонент <code>CurrentDate</code> должен иметь опору, названную <code>date</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); return mockedComponent.children().childAt(1).props().date })(), "The <code>CurrentDate</code> component should have a prop called <code>date</code>.");'
+  - text: <code>CurrentDate</code> <code>date</code> <code>CurrentDate</code> должен содержать строку текста.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); const prop = mockedComponent.children().childAt(1).props().date; return( typeof prop === "string" && prop.length > 0 ); })(), "The <code>date</code> prop of the <code>CurrentDate</code> should contain a string of text.");'
+  - text: Компонент <code>CurrentDate</code> должен отображать значение с <code>date</code> prop в теге <code>p</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(Calendar)); return mockedComponent.find("p").html().includes(Date().substr(3)); })(), "The <code>CurrentDate</code> component should render the value from the <code>date</code> prop in the <code>p</code> tag.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const CurrentDate = (props) => {
+  return (
+    <div>
+      { /* change code below this line */ }
+      <p>The current date is: </p>
+      { /* change code above this line */ }
+    </div>
+  );
+};
+
+class Calendar extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h3>What date is it?</h3>
+        { /* change code below this line */ }
+        <CurrentDate />
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/pass-state-as-props-to-child-components.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/pass-state-as-props-to-child-components.russian.md
new file mode 100644
index 0000000000..d91864f9b2
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/pass-state-as-props-to-child-components.russian.md
@@ -0,0 +1,89 @@
+---
+id: 5a24c314108439a4d403617a
+title: Pass State as Props to Child Components
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Состояние передачи в качестве компонентов реквизита для детей
+---
+
+## Description
+<section id="description"> Вы видели множество примеров, которые передавали реквизиты дочерним элементам JSX и компонентам Child React в предыдущих задачах. Вам может быть интересно, откуда берутся эти реквизиты. Общим примером является наличие компонента с состоянием, содержащего <code>state</code> важное для вашего приложения, которое затем отображает дочерние компоненты. Вы хотите, чтобы эти компоненты имели доступ к некоторым частям этого <code>state</code> , которые передаются в качестве реквизита. Например, возможно, у вас есть компонент <code>App</code> который отображает <code>Navbar</code> , среди других компонентов. В вашем <code>App</code> вас есть <code>state</code> которое содержит много информации о пользователе, но <code>Navbar</code> нуждается только в доступе к имени пользователя пользователя, чтобы он мог отображать его. Вы передаете эту часть <code>state</code> компоненту <code>Navbar</code> в качестве опоры. Этот шаблон иллюстрирует некоторые важные парадигмы в Реактите. Первый - <em>однонаправленный поток данных</em> . Государство течет в одном направлении вниз по дереву компонентов вашего приложения, от родительского компонента с состоянием до дочерних компонентов. Детские компоненты получают только данные состояния, в которых они нуждаются. Во-вторых, сложные приложения с установленным состоянием могут быть разбиты на несколько или один компонент с состоянием. Остальные компоненты просто получают состояние от родителя как реквизита и отображают пользовательский интерфейс из этого состояния. Он начинает создавать разделение, в котором управление состоянием обрабатывается в одной части кода и визуализации пользовательского интерфейса в другой. Этот принцип отделения логики состояния от логики пользовательского интерфейса является одним из ключевых принципов Реакта. Когда он используется правильно, он упрощает управление сложными приложениями с сохранением состояния. </section>
+
+## Instructions
+<section id="instructions"> Компонент <code>MyApp</code> имеет <code>Navbar</code> stateful и отображает компонент <code>Navbar</code> в качестве дочернего элемента. Передайте свойство <code>name</code> в его <code>state</code> до дочернего компонента, затем покажите <code>name</code> в теге <code>h1</code> который является частью <code>Navbar</code> рендеринга <code>Navbar</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Компонент <code>MyApp</code> должен отображаться внутри компонента <code>Navbar</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyApp)); return mockedComponent.find("MyApp").length === 1 && mockedComponent.find("Navbar").length === 1; })(), "The <code>MyApp</code> component should render with a <code>Navbar</code> component inside.");'
+  - text: Компонент <code>Navbar</code> должен получить <code>name</code> свойства <code>MyApp</code> качестве реквизита.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyApp)); const setState = () => { mockedComponent.setState({name: "TestName"}); return waitForIt(() => mockedComponent.find("Navbar").props() )}; const navProps = await setState(); assert(navProps.name === "TestName", "The <code>Navbar</code> component should receive the <code>MyApp</code> state property <code>name</code> as props."); }; '
+  - text: Элемент <code>h1</code> в <code>Navbar</code> должен отображать <code>name</code> prop.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyApp)); const navH1Before = mockedComponent.find("Navbar").find("h1").text(); const setState = () => { mockedComponent.setState({name: "TestName"}); return waitForIt(() => mockedComponent.find("Navbar").find("h1").text() )}; const navH1After = await setState(); assert(new RegExp("TestName").test(navH1After) && navH1After !== navH1Before, "The <code>h1</code> element in <code>Navbar</code> should render the <code>name</code> prop."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyApp extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'CamperBot'
+    }
+  }
+  render() {
+    return (
+       <div>
+         <Navbar /* your code here */ />
+       </div>
+    );
+  }
+};
+
+class Navbar extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+    <div>
+      <h1>Hello, my name is: /* your code here */ </h1>
+    </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/render-a-class-component-to-the-dom.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/render-a-class-component-to-the-dom.russian.md
new file mode 100644
index 0000000000..c828c2b07e
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/render-a-class-component-to-the-dom.russian.md
@@ -0,0 +1,113 @@
+---
+id: 5a24c314108439a4d4036167
+title: Render a Class Component to the DOM
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Отобразить компонент класса в DOM
+---
+
+## Description
+<section id="description"> Вы можете вспомнить использование ReactDOM API в более ранней попытке визуализации элементов JSX в DOM. Процесс рендеринга компонентов React будет выглядеть очень похоже. Последние несколько проблем были сосредоточены на компонентах и ​​составе, поэтому рендеринг был сделан для вас за кулисами. Однако ни один из написанного вами кода React не будет отображаться в DOM без обращения к ReactDOM API. Ниже приведен синтаксис: <code>ReactDOM.render(componentToRender, targetNode)</code> . Первый аргумент - это компонент React, который вы хотите отобразить. Второй аргумент - это узел DOM, который вы хотите отобразить внутри этого компонента. Компоненты React передаются в <code>ReactDOM.render()</code> несколько иначе, чем элементы JSX. Для элементов JSX вы передаете имя элемента, который вы хотите отобразить. Однако для компонентов React вам нужно использовать тот же синтаксис, как если бы вы отображали вложенный компонент, например <code>ReactDOM.render(&lt;ComponentToRender /&gt;, targetNode)</code> . Этот синтаксис используется для компонентов класса ES6 и функциональных компонентов. </section>
+
+## Instructions
+<section id="instructions"> Компоненты « <code>Fruits</code> и <code>Vegetables</code> определены для вас за кулисами. Выделите оба компонента как дочерние <code>TypesOfFood</code> компонента <code>TypesOfFood</code> , а затем визуализируйте <code>TypesOfFood</code> в DOM. Для вас доступен <code>div</code> с <code>id=&#39;challenge-node&#39;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Компонент <code>TypesOfFood</code> должен возвращать один элемент <code>div</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().type() === "div"; })(), "The <code>TypesOfFood</code> component should return a single <code>div</code> element.");'
+  - text: Компонент <code>TypesOfFood</code> должен отображать компонент <code>Fruits</code> после элемента <code>h1</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().childAt(1).name() === "Fruits"; })(), "The <code>TypesOfFood</code> component should render the <code>Fruits</code> component after the <code>h1</code> element.");'
+  - text: Компонент <code>TypesOfFood</code> должен отображать компонент « <code>Vegetables</code> после <code>Fruits</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().childAt(2).name() === "Vegetables"; })(), "The <code>TypesOfFood</code> component should render the <code>Vegetables</code> component after <code>Fruits</code>.");'
+  - text: Компонент <code>TypesOfFood</code> должен отображать DOM внутри <code>div</code> с идентификационным <code>challenge-node</code> id.
+    testString: 'assert((function() { const html = document.getElementById("challenge-node").childNodes[0].innerHTML; return (html === "<h1>Types of Food:</h1><div><h2>Fruits:</h2><h4>Non-Citrus:</h4><ul><li>Apples</li><li>Blueberries</li><li>Strawberries</li><li>Bananas</li></ul><h4>Citrus:</h4><ul><li>Lemon</li><li>Lime</li><li>Orange</li><li>Grapefruit</li></ul></div><div><h2>Vegetables:</h2><ul><li>Brussel Sprouts</li><li>Broccoli</li><li>Squash</li></ul></div>"); })(), "The <code>TypesOfFood</code> component should render to the DOM within the <code>div</code> with the id <code>challenge-node</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class TypesOfFood extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>Types of Food:</h1>
+        {/* change code below this line */}
+
+        {/* change code above this line */}
+      </div>
+    );
+  }
+};
+
+// change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+const Fruits = () => {
+  return (
+    <div>
+      <h2>Fruits:</h2>
+      <h4>Non-Citrus:</h4>
+        <ul>
+          <li>Apples</li>
+          <li>Blueberries</li>
+          <li>Strawberries</li>
+          <li>Bananas</li>
+        </ul>
+      <h4>Citrus:</h4>
+        <ul>
+          <li>Lemon</li>
+          <li>Lime</li>
+          <li>Orange</li>
+          <li>Grapefruit</li>
+        </ul>
+    </div>
+  );
+};
+const Vegetables = () => {
+  return (
+    <div>
+      <h2>Vegetables:</h2>
+      <ul>
+        <li>Brussel Sprouts</li>
+        <li>Broccoli</li>
+        <li>Squash</li>
+      </ul>
+    </div>
+  );
+};
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/render-conditionally-from-props.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/render-conditionally-from-props.russian.md
new file mode 100644
index 0000000000..14058efb87
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/render-conditionally-from-props.russian.md
@@ -0,0 +1,110 @@
+---
+id: 5a24c314108439a4d4036188
+title: Render Conditionally from Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Отказывать условно от реквизита
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(GameOfChance)).find("GameOfChance").length, 1, "The <code>GameOfChance</code> component should exist and render to the page.");'
+  - text: ''
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(GameOfChance)).find("button").length, 1, "<code>GameOfChance</code> should return a single <code>button</code> element.");'
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(GameOfChance)).find("Results").length === 1 && Enzyme.mount(React.createElement(GameOfChance)).find("Results").props().hasOwnProperty("fiftyFifty") === true, "<code>GameOfChance</code> should return a single instance of the <code>Results</code> component, which has a prop called <code>fiftyFifty</code>.");'
+  - text: ''
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(GameOfChance)).state().counter, 1, "<code>GameOfChance</code> state should be initialized with a property of <code>counter</code> set to a value of <code>1</code>.");'
+  - text: ''
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(GameOfChance)).find("p").text(), "Turn: 1", "When the <code>GameOfChance</code> component is first rendered to the DOM, a <code>p</code> element should be returned with the inner text of <code>Turn: 1</code>.");'
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(GameOfChance)); const simulate = () => { comp.find("button").simulate("click"); };const result = () => ({ count: comp.state("counter"), text: comp.find("p").text() });const _1 = () => { simulate(); return waitForIt(() => result())}; const _2 = () => { simulate(); return waitForIt(() => result())}; const _3 = () => { simulate(); return waitForIt(() => result())}; const _4 = () => { simulate(); return waitForIt(() => result())}; const _5 = () => { simulate(); return waitForIt(() => result())}; const _1_val = await _1(); const _2_val = await _2(); const _3_val = await _3(); const _4_val = await _4(); const _5_val = await _5(); assert(_1_val.count === 2 && _1_val.text === "Turn: 2" && _2_val.count === 3 && _2_val.text === "Turn: 3" && _3_val.count === 4 && _3_val.text === "Turn: 4" && _4_val.count === 5 && _4_val.text === "Turn: 5" && _5_val.count === 6 && _5_val.text === "Turn: 6", "Each time the button is clicked, the counter state should be incremented by a value of 1, and a single <code>p</code> element should be rendered to the DOM that contains the text "Turn: N", where N is the value of the counter state."); }; '
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(GameOfChance)); const simulate = () => { comp.find("button").simulate("click"); };const result = () => ({ h1: comp.find("h1").length, text: comp.find("h1").text() });const _1 = result(); const _2 = () => { simulate(); return waitForIt(() => result())}; const _3 = () => { simulate(); return waitForIt(() => result())}; const _4 = () => { simulate(); return waitForIt(() => result())}; const _5 = () => { simulate(); return waitForIt(() => result())}; const _6 = () => { simulate(); return waitForIt(() => result())}; const _7 = () => { simulate(); return waitForIt(() => result())}; const _8 = () => { simulate(); return waitForIt(() => result())}; const _9 = () => { simulate(); return waitForIt(() => result())}; const _10 = () => { simulate(); return waitForIt(() => result())}; const _2_val = await _2(); const _3_val = await _3(); const _4_val = await _4(); const _5_val = await _5(); const _6_val = await _6(); const _7_val = await _7(); const _8_val = await _8(); const _9_val = await _9(); const _10_val = await _10(); const __text = new Set([_1.text, _2_val.text, _3_val.text, _4_val.text, _5_val.text, _6_val.text, _7_val.text, _8_val.text, _9_val.text, _10_val.text]); const __h1 = new Set([_1.h1, _2_val.h1, _3_val.h1, _4_val.h1, _5_val.h1, _6_val.h1, _7_val.h1, _8_val.h1, _9_val.h1, _10_val.h1]); assert(__text.size === 2 && __h1.size === 1, "When the <code>GameOfChance</code> component is first mounted to the DOM and each time the button is clicked thereafter, a single <code>h1</code> element should be returned that randomly renders either <code>You Win!</code> or <code>You Lose!</code>."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Results extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <h1>
+      {
+        /* change code here */
+      }
+      </h1>
+    )
+  };
+};
+
+class GameOfChance extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      counter: 1
+    }
+    this.handleClick = this.handleClick.bind(this);
+  }
+  handleClick() {
+    this.setState({
+      counter: 0 // change code here
+    });
+  }
+  render() {
+    let expression = null; // change code here
+    return (
+      <div>
+        <button onClick={this.handleClick}>Play Again</button>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+        <p>{'Turn: ' + this.state.counter}</p>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/render-html-elements-to-the-dom.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/render-html-elements-to-the-dom.russian.md
new file mode 100644
index 0000000000..036e5181ca
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/render-html-elements-to-the-dom.russian.md
@@ -0,0 +1,62 @@
+---
+id: 5a24bbe0dba28a8d3cbd4c5f
+title: Render HTML Elements to the DOM
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Выделение HTML-элементов в DOM
+---
+
+## Description
+<section id="description"> До сих пор вы узнали, что JSX - удобный инструмент для записи читаемого HTML в JavaScript. С помощью React мы можем передать этот JSX непосредственно в HTML DOM с использованием API рендеринга React, известного как ReactDOM. ReactDOM предлагает простой способ визуализации элементов React в DOM, который выглядит так: <code>ReactDOM.render(componentToRender, targetNode)</code> , где первым аргументом является элемент React или компонент, который вы хотите отобразить, а второй аргумент - узел DOM что вы хотите отобразить компонент. Как и следовало ожидать, <code>ReactDOM.render()</code> должен вызываться после объявлений элементов JSX, так же, как вы должны объявлять переменные перед их использованием. </section>
+
+## Instructions
+<section id="instructions"> Редактор кода имеет простой компонент JSX. Используйте метод <code>ReactDOM.render()</code> чтобы отобразить этот компонент на странице. Вы можете передать определенные элементы JSX непосредственно в качестве первого аргумента и использовать <code>document.getElementById()</code> чтобы выбрать узел DOM для их рендеринга. Для вас доступен <code>div</code> с <code>id=&#39;challenge-node&#39;</code> . Убедитесь, что вы не изменяете константу <code>JSX</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Постоянный <code>JSX</code> должен возвращать элемент <code>div</code> .
+    testString: 'assert(JSX.type === "div", "The constant <code>JSX</code> should return a <code>div</code> element.");'
+  - text: <code>div</code> должен содержать тег <code>h1</code> как первый элемент.
+    testString: 'assert(JSX.props.children[0].type === "h1", "The <code>div</code> should contain an <code>h1</code> tag as the first element.");'
+  - text: В <code>div</code> должен быть тег <code>p</code> как второй элемент.
+    testString: 'assert(JSX.props.children[1].type === "p", "The <code>div</code> should contain a <code>p</code> tag as the second element.");'
+  - text: 'При условии , JSX элемент должен оказывать узел DOM с идентификатором <code>challenge-node</code> .'
+    testString: 'assert(document.getElementById("challenge-node").childNodes[0].innerHTML === "<h1>Hello World</h1><p>Lets render this to the DOM</p>", "The provided JSX element should render to the DOM node with id <code>challenge-node</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const JSX = (
+  <div>
+    <h1>Hello World</h1>
+    <p>Lets render this to the DOM</p>
+  </div>
+);
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/render-react-on-the-server-with-rendertostring.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/render-react-on-the-server-with-rendertostring.russian.md
new file mode 100644
index 0000000000..139bc8e969
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/render-react-on-the-server-with-rendertostring.russian.md
@@ -0,0 +1,76 @@
+---
+id: 5a24c314108439a4d403618d
+title: Render React on the Server with renderToString
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Render React на сервере с помощью renderToString
+---
+
+## Description
+<section id="description"> До сих пор вы предоставляли компоненты React на клиенте. Обычно это то, что вы всегда будете делать. Однако есть некоторые варианты использования, когда имеет смысл отображать на сервере компонент React. Так как React - это библиотека просмотра JavaScript, и вы можете запускать JavaScript на сервере с помощью Node, это возможно. Фактически, React предоставляет метод <code>renderToString()</code> который вы можете использовать для этой цели. Существует две основные причины, по которым рендеринг на сервере может быть использован в приложении реального мира. Во-первых, без этого приложения React будут состоять из относительно пустого HTML-файла и большого пакета JavaScript, когда он первоначально загружен в браузер. Это может быть не идеальным для поисковых систем, которые пытаются индексировать содержимое ваших страниц, чтобы люди могли вас найти. Если вы визуализируете начальную разметку HTML на сервере и отправляете ее клиенту, загрузка начальной страницы содержит всю разметку страницы, которая может быть сканирована поисковыми системами. Во-вторых, это создает более быструю загрузку начальной загрузки страницы, поскольку отображаемый HTML меньше, чем код JavaScript всего приложения. React по-прежнему сможет распознать ваше приложение и управлять им после начальной загрузки. </section>
+
+## Instructions
+<section id="instructions"> Метод <code>renderToString()</code> предоставляется на <code>ReactDOMServer</code> , который доступен здесь как глобальный объект. Метод принимает один аргумент, который является элементом React. Используйте это, чтобы отобразить <code>App</code> в строку. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Компонент <code>App</code> должен отображать строку с помощью <code>ReactDOMServer.renderToString</code> .
+    testString: 'getUserInput => assert(getUserInput("index").replace(/ /g,"").includes("ReactDOMServer.renderToString(<App/>)") && Enzyme.mount(React.createElement(App)).children().name() === "div", "The <code>App</code> component should render to a string using <code>ReactDOMServer.renderToString</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class App extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return <div/>
+  }
+};
+
+// change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+var ReactDOMServer = { renderToString(x) { return null; } };
+
+```
+
+</div>
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/render-state-in-the-user-interface-another-way.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/render-state-in-the-user-interface-another-way.russian.md
new file mode 100644
index 0000000000..686ffb33a4
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/render-state-in-the-user-interface-another-way.russian.md
@@ -0,0 +1,83 @@
+---
+id: 5a24c314108439a4d4036172
+title: Render State in the User Interface Another Way
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Показывать состояние в пользовательском интерфейсе другим способом
+---
+
+## Description
+<section id="description"> Существует еще один способ доступа к <code>state</code> в компоненте. В методе <code>render()</code> перед оператором <code>return</code> вы можете напрямую писать JavaScript. Например, вы можете объявлять функции, получать доступ к данным из <code>state</code> или <code>props</code> , выполнять вычисления по этим данным и т. Д. Затем вы можете назначить любые данные переменным, к которым у вас есть доступ в операторе <code>return</code> . </section>
+
+## Instructions
+<section id="instructions"> В <code>MyComponent</code> метода отрисовки, определит <code>const</code> называется <code>name</code> и установите его равным значению имени в компоненте <code>state</code> . Поскольку вы можете писать JavaScript непосредственно в этой части кода, вам не нужно вставлять эту ссылку в фигурные скобки. Затем в возвращаемом выражении выведите это значение в тег <code>h1</code> используя <code>name</code> переменной. Помните, что в операторе return вам нужно использовать синтаксис JSX (фигурные скобки для JavaScript). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code> должен иметь ключевое <code>name</code> со значением <code>freeCodeCamp</code> сохраненным в его состоянии.
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).state("name") === "freeCodeCamp", "<code>MyComponent</code> should have a key <code>name</code> with value <code>freeCodeCamp</code> stored in its state.");'
+  - text: <code>MyComponent</code> должен отображать заголовок <code>h1</code> заключенный в один <code>div</code> .
+    testString: 'assert(/<div><h1>.*<\/h1><\/div>/.test(Enzyme.mount(React.createElement(MyComponent)).html()), "<code>MyComponent</code> should render an <code>h1</code> header enclosed in a single <code>div</code>.");'
+  - text: 'Представленный тег <code>h1</code> должен содержать ссылку на <code>{name}</code> .'
+    testString: 'getUserInput => assert(/<h1>\n*\s*\{\s*name\s*\}\s*\n*<\/h1>/.test(getUserInput("index")), "The rendered <code>h1</code> tag should include a reference to <code>{name}</code>.");'
+  - text: 'Представленный <code>h1</code> заголовок должен содержать текст, отображаемый из состояния компонента.'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ name: "TestName" });   return waitForIt(() => mockedComponent.html()) }; const firstValue = await first(); assert(firstValue === "<div><h1>TestName</h1></div>", "The rendered <code>h1</code> header should contain text rendered from the component&apos;s state."); };'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'freeCodeCamp'
+    }
+  }
+  render() {
+    // change code below this line
+
+    // change code above this line
+    return (
+      <div>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/render-state-in-the-user-interface.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/render-state-in-the-user-interface.russian.md
new file mode 100644
index 0000000000..81f1c78f2f
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/render-state-in-the-user-interface.russian.md
@@ -0,0 +1,78 @@
+---
+id: 5a24c314108439a4d4036171
+title: Render State in the User Interface
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Состояние визуализации в пользовательском интерфейсе
+---
+
+## Description
+<section id="description"> Как только вы определяете начальное состояние компонента, вы можете отобразить любую его часть в визуализированном пользовательском интерфейсе. Если компонент является состоятельным, он всегда будет иметь доступ к данным в <code>state</code> в методе <code>render()</code> . Вы можете получить доступ к данным с помощью <code>this.state</code> . Если вы хотите получить доступ к значению состояния в <code>return</code> метода рендеринга, вы должны заключить его в фигурные скобки. <code>State</code> - одна из самых мощных особенностей компонентов в React. Он позволяет отслеживать важные данные в вашем приложении и отображать пользовательский интерфейс в ответ на изменения этих данных. Если ваши данные изменятся, ваш пользовательский интерфейс изменится. React использует то, что называется виртуальным DOM, чтобы отслеживать изменения за кулисами. Когда данные состояния обновляются, он запускает повторную визуализацию компонентов с использованием этих данных, включая дочерние компоненты, которые получили данные в качестве опоры. React обновляет фактический DOM, но только там, где это необходимо. Это означает, что вам не нужно беспокоиться об изменении DOM. Вы просто заявляете, как должен выглядеть пользовательский интерфейс. Обратите внимание, что если вы создаете компонент с состоянием, никакие другие компоненты не знают о его <code>state</code> . Его <code>state</code> полностью инкапсулировано или локально для этого компонента, если вы не передадите данные состояния дочернему компоненту в качестве <code>props</code> . Это понятие инкапсулированного <code>state</code> очень важно, поскольку оно позволяет вам писать определенную логику, а затем содержать и изолировать эту логику в одном месте вашего кода. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).state("name") === "freeCodeCamp", "<code>MyComponent</code> should have a key <code>name</code> with value <code>freeCodeCamp</code> stored in its state.");'
+  - text: <code>MyComponent</code> должен отображать заголовок <code>h1</code> заключенный в один <code>div</code> .
+    testString: 'assert(/<div><h1>.*<\/h1><\/div>/.test(Enzyme.mount(React.createElement(MyComponent)).html()), "<code>MyComponent</code> should render an <code>h1</code> header enclosed in a single <code>div</code>.");'
+  - text: 'Представленный <code>h1</code> заголовок должен содержать текст, отображаемый из состояния компонента.'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ name: "TestName" });   return waitForIt(() => mockedComponent.html()) }; const firstValue = await first(); assert(firstValue === "<div><h1>TestName</h1></div>", "The rendered <code>h1</code> header should contain text rendered from the component&apos;s state.");};'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'freeCodeCamp'
+    }
+  }
+  render() {
+    return (
+      <div>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/render-with-an-if-else-condition.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/render-with-an-if-else-condition.russian.md
new file mode 100644
index 0000000000..c620a36e5a
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/render-with-an-if-else-condition.russian.md
@@ -0,0 +1,87 @@
+---
+id: 5a24c314108439a4d4036184
+title: Render with an If-Else Condition
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Выдавать с условием If-Else
+---
+
+## Description
+<section id="description"> Еще одно применение JavaScript для управления вашим визуализированным представлением - связать элементы, которые отображаются в состоянии. Когда условие истинно, отображается один вид. Когда это ложно, это другое мнение. Вы можете сделать это с помощью стандартного оператора <code>if/else</code> в методе <code>render()</code> компонента React. </section>
+
+## Instructions
+<section id="instructions"> MyComponent содержит <code>boolean</code> в своем состоянии, которое отслеживает, хотите ли вы отображать какой-либо элемент в пользовательском интерфейсе или нет. <code>button</code> переключает состояние этого значения. В настоящее время он отображает один и тот же пользовательский интерфейс каждый раз. Перепишите метод <code>render()</code> с инструкцией <code>if/else</code> чтобы, если <code>display</code> <code>true</code> , вы возвращаете текущую разметку. В противном случае верните разметку без элемента <code>h1</code> . <strong>Примечание.</strong> Вы должны написать <code>if/else</code> для прохождения тестов. Использование тернарного оператора здесь не будет. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code> должен существовать и визуализироваться.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("MyComponent").length === 1; })(), "<code>MyComponent</code> should exist and render.");'
+  - text: 'Когда для <code>display</code> установлено значение <code>true</code> , необходимо <code>display</code> <code>div</code> , <code>button</code> и <code>h1</code> .'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const state_1 = () => { mockedComponent.setState({display: true}); return waitForIt(() => mockedComponent )}; const updated = await state_1(); assert(mockedComponent.find("div").length === 1 && mockedComponent.find("div").children().length === 2 && mockedComponent.find("button").length === 1 && mockedComponent.find("h1").length === 1, "When <code>display</code> is set to <code>true</code>, a <code>div</code>, <code>button</code>, and <code>h1</code> should render."); }; '
+  - text: 'Если для <code>display</code> установлено значение « <code>false</code> , нужно отобразить только <code>div</code> и <code>button</code> .'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const state_1 = () => { mockedComponent.setState({display: false}); return waitForIt(() => mockedComponent )}; const updated = await state_1(); assert(mockedComponent.find("div").length === 1 && mockedComponent.find("div").children().length === 1 && mockedComponent.find("button").length === 1 && mockedComponent.find("h1").length === 0, "When <code>display</code> is set to <code>false</code>, only a <code>div</code> and <code>button</code> should render."); }; '
+  - text: Метод render должен использовать оператор <code>if/else</code> для проверки состояния <code>this.state.display</code> .
+    testString: 'getUserInput => assert(getUserInput("index").includes("if") && getUserInput("index").includes("else"), "The render method should use an <code>if/else</code> statement to check the condition of <code>this.state.display</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      display: true
+    }
+    this.toggleDisplay = this.toggleDisplay.bind(this);
+  }
+  toggleDisplay() {
+    this.setState({
+      display: !this.state.display
+    });
+  }
+  render() {
+    // change code below this line
+
+    return (
+       <div>
+         <button onClick={this.toggleDisplay}>Toggle Display</button>
+         <h1>Displayed!</h1>
+       </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/review-using-props-with-stateless-functional-components.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/review-using-props-with-stateless-functional-components.russian.md
new file mode 100644
index 0000000000..b6bea04b5e
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/review-using-props-with-stateless-functional-components.russian.md
@@ -0,0 +1,89 @@
+---
+id: 5a24c314108439a4d403616f
+title: Review Using Props with Stateless Functional Components
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Обзор использования реквизитов с функциональными компонентами без учета состояния
+---
+
+## Description
+<section id="description"> За исключением последней задачи, вы передавали реквизиты функциональным компонентам без состояния. Эти компоненты действуют как чистые функции. Они принимают реквизит в качестве входных данных и возвращают одинаковое представление каждый раз, когда им передают одни и те же реквизиты. Вы можете задаться вопросом, что такое состояние, и следующая задача будет охватывать его более подробно. Перед этим рассмотрим терминологию для компонентов. <em>Функциональным компонентом без состояния</em> является любая функция, которую вы пишете, которая принимает реквизит и возвращает JSX. С другой стороны, <em>компонент без гражданства</em> представляет собой класс, который расширяет <code>React.Component</code> , но не использует внутреннее состояние (рассматривается в следующей задаче). Наконец, <em>компонент</em> с <em>состоянием</em> - это любой компонент, который поддерживает собственное внутреннее состояние. Вы можете видеть компоненты состояния, называемые просто компонентами или компонентами React. Общим примером является попытка свести к минимуму состояние работоспособности и, когда это возможно, создавать функциональные компоненты без состояния. Это помогает содержать управление вашим персоналом в определенной области вашего приложения. В свою очередь, это улучшает разработку и обслуживание вашего приложения, упрощая отслеживание того, как изменения состояния влияют на его поведение. </section>
+
+## Instructions
+<section id="instructions"> Редактор кода имеет компонент <code>CampSite</code> который отображает компонент <code>Camper</code> как дочерний. Определите компонент <code>Camper</code> и назначьте его реквизиты по умолчанию <code>{ name: &#39;CamperBot&#39; }</code> . Внутри компонента <code>Camper</code> визуализируйте любой код, который вы хотите, но убедитесь, что у него есть один элемент <code>p</code> который включает только <code>name</code> , которое передается в качестве <code>prop</code> . Наконец, определите <code>propTypes</code> на компоненте <code>Camper</code> чтобы потребовать, чтобы <code>name</code> было предоставлено в качестве опоры и убедитесь, что оно имеет <code>string</code> типа. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Компонент <code>CampSite</code> должен отображать.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(CampSite)); return mockedComponent.find("CampSite").length === 1; })(), "The <code>CampSite</code> component should render.");'
+  - text: Компонент <code>Camper</code> должен отображать.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(CampSite)); return mockedComponent.find("Camper").length === 1; })(), "The <code>Camper</code> component should render.");'
+  - text: 'Компонент <code>Camper</code> должен включать реквизиты по умолчанию, которые присваивают строке <code>CamperBot</code> <code>name</code> ключа.'
+    testString: 'getUserInput => assert((function() { const noWhiteSpace = getUserInput("index").replace(/\s/g, ""); const verify1 = "Camper.defaultProps={name:\"CamperBot\"}"; const verify2 = "Camper.defaultProps={name:"CamperBot"}"; return (noWhiteSpace.includes(verify1) || noWhiteSpace.includes(verify2)); })(), "The <code>Camper</code> component should include default props which assign the string <code>CamperBot</code> to the key <code>name</code>.");'
+  - text: 'Компонент <code>Camper</code> должен включать типы prop, которые требуют, чтобы <code>name</code> prop имело тип <code>string</code> .'
+    testString: 'getUserInput => assert((function() { const mockedComponent = Enzyme.mount(React.createElement(CampSite)); const noWhiteSpace = getUserInput("index").replace(/\s/g, ""); const verifyDefaultProps = "Camper.propTypes={name:PropTypes.string.isRequired}"; return noWhiteSpace.includes(verifyDefaultProps); })(), "The <code>Camper</code> component should include prop types which require the <code>name</code> prop to be of type <code>string</code>.");'
+  - text: Компонент <code>Camper</code> должен содержать элемент <code>p</code> только с текстом из <code>name</code> prop.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(CampSite)); return mockedComponent.find("p").text() === mockedComponent.find("Camper").props().name; })(), "The <code>Camper</code> component should contain a <code>p</code> element with only the text from the <code>name</code> prop.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class CampSite extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <Camper/>
+      </div>
+    );
+  }
+};
+// change code below this line
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+var PropTypes = {
+   string: { isRequired: true }
+};
+
+```
+
+</div>
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/set-state-with-this.setstate.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/set-state-with-this.setstate.russian.md
new file mode 100644
index 0000000000..328a04486a
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/set-state-with-this.setstate.russian.md
@@ -0,0 +1,85 @@
+---
+id: 5a24c314108439a4d4036173
+title: Set State with this.setState
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Установить состояние с this.setState
+---
+
+## Description
+<section id="description"> Предыдущие проблемы охватывали <code>state</code> компонента и как инициализировать состояние в <code>constructor</code> . Существует также способ изменения компоненты <code>state</code> . React предоставляет способ обновления <code>state</code> компонента, называемого <code>setState</code> . Вы вызываете метод <code>setState</code> в своем классе компонентов следующим образом: <code>this.setState()</code> , передавая объект с парами ключ-значение. Ключами являются ваши свойства состояния, а значения - это обновленные данные состояния. Например, если мы сохраняем <code>username</code> в состоянии и хотим его обновить, он будет выглядеть так: <blockquote> this.setState ({ <br> имя пользователя: &#39;Lewis&#39; <br> }); </blockquote> React ожидает, что вы никогда не измените <code>state</code> напрямую, вместо этого всегда используйте <code>this.setState()</code> когда происходят изменения состояния. Кроме того, вы должны отметить, что React может выполнять несколько обновлений состояния, чтобы повысить производительность. Это означает, что обновления состояния через метод <code>setState</code> могут быть асинхронными. Существует альтернативный синтаксис метода <code>setState</code> который обеспечивает способ решения этой проблемы. Это редко необходимо, но хорошо помнить об этом! Для получения дополнительной информации обратитесь к <a target="_blank" href="https://facebook.github.io/react/docs/state-and-lifecycle.html">документации React</a> . </section>
+
+## Instructions
+<section id="instructions"> В редакторе кода есть элемент <code>button</code> который имеет обработчик <code>onClick()</code> . Этот обработчик запускается, когда <code>button</code> получает событие click в браузере и запускает метод <code>handleClick</code> определенный в <code>MyComponent</code> . В методе <code>handleClick</code> обновите <code>state</code> компонента, используя <code>this.setState()</code> . Задайте свойство <code>name</code> в <code>state</code> равным строке <code>React Rocks!</code> , Нажмите кнопку и просмотрите обновленное состояние. Не беспокойтесь, если вы не совсем понимаете, как работает код обработчика кликов. Это связано с предстоящими проблемами. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Состояние <code>MyComponent</code> должно инициализироваться с помощью пары значений ключа <code>{ name: Initial State }</code> .'
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).state("name") === "Initial State", "The state of <code>MyComponent</code> should initialize with the key value pair <code>{ name: Initial State }</code>.");'
+  - text: <code>MyComponent</code> должен отображать заголовок <code>h1</code> .
+    testString: 'assert(Enzyme.mount(React.createElement(MyComponent)).find("h1").length === 1, "<code>MyComponent</code> should render an <code>h1</code> header.");'
+  - text: 'Представленный <code>h1</code> заголовок должен содержать текст, отображаемый из состояния компонента.'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ name: "TestName" }); return waitForIt(() => mockedComponent.html()); }; const firstValue = await first(); assert(/<h1>TestName<\/h1>/.test(firstValue), "The rendered <code>h1</code> header should contain text rendered from the component&apos;s state."); };'
+  - text: 'Вызов метода <code>handleClick</code> на <code>MyComponent</code> должен установить свойство name в состоянии равным <code>React Rocks!</code> ,'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ name: "Before" }); return waitForIt(() => mockedComponent.state("name")); }; const second = () => { mockedComponent.instance().handleClick(); return waitForIt(() => mockedComponent.state("name")); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === "Before" && secondValue === "React Rocks!", "Calling the <code>handleClick</code> method on <code>MyComponent</code> should set the name property in state to equal <code>React Rocks!</code>."); };'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'Initial State'
+    };
+    this.handleClick = this.handleClick.bind(this);
+  }
+  handleClick() {
+    // change code below this line
+
+    // change code above this line
+  }
+  render() {
+    return (
+      <div>
+        <button onClick={this.handleClick}>Click Me</button>
+        <h1>{this.state.name}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/use--for-a-more-concise-conditional.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/use--for-a-more-concise-conditional.russian.md
new file mode 100644
index 0000000000..b535da2412
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/use--for-a-more-concise-conditional.russian.md
@@ -0,0 +1,86 @@
+---
+id: 5a24c314108439a4d4036185
+title: Use && for a More Concise Conditional
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Используйте && для более сжатого условного
+---
+
+## Description
+<section id="description"> Операторы if / else работали в последнем вызове, но есть более сжатый способ добиться того же результата. Представьте, что вы отслеживаете несколько условий в компоненте и хотите, чтобы различные элементы отображались в зависимости от каждого из этих условий. Если вы напишете много <code>else if</code> инструкции возвращают несколько разные пользовательские интерфейсы, вы можете повторить код, который оставляет место для ошибки. Вместо этого вы можете использовать <code>&amp;&amp;</code> логический оператор для выполнения условной логики более кратким образом. Это возможно, потому что вы хотите проверить, является ли условие <code>true</code> , а если оно есть, верните некоторую разметку. Вот пример: <code>{condition &amp;&amp; &lt;p&gt;markup&lt;/p&gt;}</code> Если <code>condition</code> <code>true</code> , разметка будет возвращена. Если условие <code>false</code> , операция немедленно вернет значение <code>false</code> после оценки <code>condition</code> и ничего не вернет. Вы можете включить эти утверждения непосредственно в свои JSX и несколько разных условий вместе, написав <code>&amp;&amp;</code> после каждого из них. Это позволяет обрабатывать более сложную условную логику в методе <code>render()</code> не повторяя много кода. </section>
+
+## Instructions
+<section id="instructions"> Решить предыдущий пример еще раз, так что <code>h1</code> оказывает только если <code>display</code> является <code>true</code> , но использовать <code>&amp;&amp;</code> логический оператор вместо <code>if/else</code> заявление. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code> должен существовать и визуализироваться.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("MyComponent").length; })(), "<code>MyComponent</code> should exist and render.");'
+  - text: 'Когда для <code>display</code> установлено значение <code>true</code> , необходимо <code>display</code> <code>div</code> , <code>button</code> и <code>h1</code> .'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const state_1 = () => { mockedComponent.setState({display: true}); return waitForIt(() => mockedComponent )}; const updated = await state_1(); assert(updated.find("div").length === 1 && updated.find("div").children().length === 2 && updated.find("button").length === 1 && updated.find("h1").length === 1, "When <code>display</code> is set to <code>true</code>, a <code>div</code>, <code>button</code>, and <code>h1</code> should render."); }; '
+  - text: 'Если для <code>display</code> установлено значение « <code>false</code> , нужно отобразить только <code>div</code> и <code>button</code> .'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const state_1 = () => { mockedComponent.setState({display: false}); return waitForIt(() => mockedComponent )}; const updated = await state_1(); assert(updated.find("div").length === 1 && updated.find("div").children().length === 1 && updated.find("button").length === 1 && updated.find("h1").length === 0, "When <code>display</code> is set to <code>false</code>, only a <code>div</code> and <code>button</code> should render."); }; '
+  - text: Метод render должен использовать && логический оператор для проверки состояния this.state.display.
+    testString: 'getUserInput => assert(getUserInput("index").includes("&&"), "The render method should use the && logical operator to check the condition of this.state.display.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      display: true
+    }
+    this.toggleDisplay = this.toggleDisplay.bind(this);
+  }
+  toggleDisplay() {
+    this.setState({
+      display: !this.state.display
+    });
+  }
+  render() {
+    // change code below this line
+    return (
+       <div>
+         <button onClick={this.toggleDisplay}>Toggle Display</button>
+         <h1>Displayed!</h1>
+       </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/use-a-ternary-expression-for-conditional-rendering.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/use-a-ternary-expression-for-conditional-rendering.russian.md
new file mode 100644
index 0000000000..04ea4df07f
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/use-a-ternary-expression-for-conditional-rendering.russian.md
@@ -0,0 +1,113 @@
+---
+id: 5a24c314108439a4d4036187
+title: Use a Ternary Expression for Conditional Rendering
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Использование терминологического выражения для условного рендеринга
+---
+
+## Description
+<section id="description"> Прежде чем перейти к динамическим методам рендеринга, есть последний способ использовать встроенные условия JavaScript для рендеринга того, что вы хотите: <em><strong>трехмерный оператор</strong></em> . Тернарный оператор часто используется как ярлык для операторов <code>if/else</code> в JavaScript. Они не настолько устойчивы, как традиционные инструкции <code>if/else</code> , но они очень популярны среди разработчиков React. Одна из причин этого заключается в том, что JSX скомпилирован, <code>if/else</code> инструкции не могут быть вставлены непосредственно в код JSX. Возможно, вы заметили это несколько проблем назад - когда требовался оператор <code>if/else</code> , он всегда находился <em>за пределами</em> оператора <code>return</code> . Тернарные выражения могут быть отличной альтернативой, если вы хотите реализовать условную логику в своем JSX. Напомним, что тройной оператор состоит из трех частей, но вы можете комбинировать несколько тройных выражений. Вот основной синтаксис: <blockquote> состояние ? выражениеIfTrue: выражениеIfFalse </blockquote></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(CheckUserAge)).find("div").find("input").length === 1 && Enzyme.mount(React.createElement(CheckUserAge)).find("div").find("button").length === 1, "The <code>CheckUserAge</code> component should render with a single <code>input</code> element and a single <code>button</code> element.");'
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(CheckUserAge)).state().input === "" && Enzyme.mount(React.createElement(CheckUserAge)).state().userAge === "", "The <code>CheckUserAge</code> component&apos;s state should be initialized with a property of <code>userAge</code> and a property of <code>input</code>, both set to a value of an empty string.");'
+  - text: 'Когда компонент <code>CheckUserAge</code> сначала отображается в DOM, внутренний текст <code>button</code> должен быть Submit.'
+    testString: 'assert(Enzyme.mount(React.createElement(CheckUserAge)).find("button").text() === "Submit", "When the <code>CheckUserAge</code> component is first rendered to the DOM, the <code>button</code>&apos;s inner text should be Submit.");'
+  - text: 'Когда во <code>input</code> элемент вводится число менее 18, и <code>button</code> нажата, внутренний текст <code>button</code> должен быть прочитан « <code>You Shall Not Pass</code> .'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(CheckUserAge)); const initialButton = mockedComponent.find("button").text(); const enter3AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "3" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const enter17AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "17" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const userAge3 = await enter3AndClickButton(); const userAge17 = await enter17AndClickButton(); assert(initialButton === "Submit" && userAge3 === "You Shall Not Pass" && userAge17 === "You Shall Not Pass", "When a number of less than 18 is entered into the <code>input</code> element and the <code>button</code> is clicked, the <code>button</code>&apos;s inner text should read <code>You Shall Not Pass</code>."); }; '
+  - text: 'Когда число больше или равно 18, вводится в <code>input</code> элемент и <code>button</code> нажата, то <code>button</code> «s внутренний текст должен прочитать <code>You May Enter</code> .'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(CheckUserAge)); const initialButton = mockedComponent.find("button").text(); const enter18AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "18" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const enter35AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "35" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const userAge18 = await enter18AndClickButton(); const userAge35 = await enter35AndClickButton(); assert(initialButton === "Submit" && userAge18 === "You May Enter" && userAge35 === "You May Enter", "When a number greater than or equal to 18 is entered into the <code>input</code> element and the <code>button</code> is clicked, the <code>button</code>&apos;s inner text should read <code>You May Enter</code>."); }; '
+  - text: 'Как только число будет отправлено, и значение <code>input</code> снова будет изменено, <code>button</code> должна вернуться к чтению <code>Submit</code> .'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(CheckUserAge)); const enter18AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "18" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const changeInputDontClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "5" }}); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const enter10AndClickButton = () => { mockedComponent.find("input").simulate("change", {target: { value: "10" }}); mockedComponent.find("button").simulate("click"); return waitForIt(() => { mockedComponent.update(); return mockedComponent.find("button").text(); }); }; const userAge18 = await enter18AndClickButton(); const changeInput1 = await changeInputDontClickButton(); const userAge10 = await enter10AndClickButton(); const changeInput2 = await changeInputDontClickButton(); assert(userAge18 === "You May Enter" && changeInput1 === "Submit" && userAge10 === "You Shall Not Pass" && changeInput2 === "Submit", "Once a number has been submitted, and the value of the <code>input</code> is once again changed, the <code>button</code> should return to reading <code>Submit</code>."); }; '
+  - text: В вашем коде не должно быть никаких операторов <code>if/else</code> .
+    testString: 'assert(new RegExp(/(\s|;)if(\s|\()/).test(Enzyme.mount(React.createElement(CheckUserAge)).instance().render.toString()) === false, "Your code should not contain any <code>if/else</code> statements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const inputStyle = {
+  width: 235,
+  margin: 5
+}
+
+class CheckUserAge extends React.Component {
+  constructor(props) {
+    super(props);
+    // change code below this line
+
+    // change code above this line
+    this.submit = this.submit.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(e) {
+    this.setState({
+      input: e.target.value,
+      userAge: "
+    });
+  }
+  submit() {
+    this.setState({
+      userAge: this.state.input
+    });
+  }
+  render() {
+    const buttonOne = <button onClick={this.submit}>Submit</button>;
+    const buttonTwo = <button>You May Enter</button>;
+    const buttonThree = <button>You Shall Not Pass</button>;
+    return (
+      <div>
+        <h3>Enter Your Age to Continue</h3>
+        <input
+          style={inputStyle}
+          type="number"
+          value={this.state.input}
+          onChange={this.handleChange} /><br />
+        {
+          /* change code here */
+        }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/use-advanced-javascript-in-react-render-method.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/use-advanced-javascript-in-react-render-method.russian.md
new file mode 100644
index 0000000000..32583aea26
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/use-advanced-javascript-in-react-render-method.russian.md
@@ -0,0 +1,139 @@
+---
+id: 5a24c314108439a4d4036183
+title: Use Advanced JavaScript in React Render Method
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Использовать расширенный JavaScript в методе React Render
+---
+
+## Description
+<section id="description"> В предыдущих задачах вы узнали, как вводить код JavaScript в код JSX, используя фигурные скобки, <code>{ }</code> , для таких задач, как доступ к реквизитам, передача реквизитов, доступ к состоянию, вставка комментариев в ваш код и, в последнее время, дизайн ваших компонентов. Это все распространенные случаи использования JavaScript в JSX, но это не единственный способ использования кода JavaScript в компонентах React. Вы также можете писать JavaScript непосредственно в своих методах <code>render</code> перед оператором <code>return</code> , <strong><em>не</em></strong> вставляя его внутри фигурных скобок. Это связано с тем, что он еще не находится в коде JSX. Если вы хотите использовать переменную позже в коде JSX <em>внутри</em> оператора <code>return</code> , вы поместите имя переменной внутри фигурных скобок. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MagicEightBall)).find("MagicEightBall").length, 1, "The <code>MagicEightBall</code> component should exist and should render to the page.");'
+  - text: ''
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MagicEightBall)).children().childAt(0).name(), "input", "<code>MagicEightBall</code>&apos;s first child should be an <code>input</code> element.");'
+  - text: ''
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MagicEightBall)).children().childAt(2).name(), "button", "<code>MagicEightBall</code>&apos;s third child should be a <code>button</code> element.");'
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(MagicEightBall)).state("randomIndex") === "" && Enzyme.mount(React.createElement(MagicEightBall)).state("userInput") === "", "<code>MagicEightBall</code>&apos;s state should be initialized with a property of <code>userInput</code> and a property of <code>randomIndex</code> both set to a value of an empty string.");'
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(MagicEightBall)).find("p").length === 1 && Enzyme.mount(React.createElement(MagicEightBall)).find("p").text() === "", "When <code>MagicEightBall</code> is first mounted to the DOM, it should return an empty <code>p</code> element.");'
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(MagicEightBall)); const simulate = () => { comp.find("input").simulate("change", { target: { value: "test?" }}); comp.find("button").simulate("click"); }; const result = () => comp.find("p").text(); const _1 = () => { simulate(); return waitForIt(() => result()) }; const _2 = () => { simulate(); return waitForIt(() => result()) }; const _3 = () => { simulate(); return waitForIt(() => result()) }; const _4 = () => { simulate(); return waitForIt(() => result()) }; const _5 = () => { simulate(); return waitForIt(() => result()) }; const _6 = () => { simulate(); return waitForIt(() => result()) }; const _7 = () => { simulate(); return waitForIt(() => result()) }; const _8 = () => { simulate(); return waitForIt(() => result()) }; const _9 = () => { simulate(); return waitForIt(() => result()) }; const _10 = () => { simulate(); return waitForIt(() => result()) }; const _1_val = await _1(); const _2_val = await _2(); const _3_val = await _3(); const _4_val = await _4(); const _5_val = await _5(); const _6_val = await _6(); const _7_val = await _7(); const _8_val = await _8(); const _9_val = await _9(); const _10_val = await _10(); const actualAnswers = [_1_val, _2_val, _3_val, _4_val, _5_val, _6_val, _7_val, _8_val, _9_val, _10_val]; const hasIndex = actualAnswers.filter((answer, i) => possibleAnswers.indexOf(answer) !== -1); const notAllEqual = new Set(actualAnswers); assert(notAllEqual.size > 1 && hasIndex.length === 10, "When text is entered into the <code>input</code> element and the button is clicked, the <code>MagicEightBall</code> component should return a <code>p</code> element that contains a random element from the <code>possibleAnswers</code> array.");}'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const inputStyle = {
+  width: 235,
+  margin: 5
+}
+
+class MagicEightBall extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      userInput: ",
+      randomIndex: "
+    }
+    this.ask = this.ask.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+  }
+  ask() {
+    if (this.state.userInput) {
+      this.setState({
+        randomIndex: Math.floor(Math.random() * 20),
+        userInput: "
+      });
+    }
+  }
+  handleChange(event) {
+    this.setState({
+      userInput: event.target.value
+    });
+  }
+  render() {
+    const possibleAnswers = [
+      'It is certain',
+      'It is decidedly so',
+      'Without a doubt',
+      'Yes, definitely',
+      'You may rely on it',
+      'As I see it, yes',
+      'Outlook good',
+      'Yes',
+      'Signs point to yes',
+      'Reply hazy try again',
+      'Ask again later',
+      'Better not tell you now',
+      'Cannot predict now',
+      'Concentrate and ask again',
+      'Don\'t count on it',
+      'My reply is no',
+      'My sources say no',
+      'Most likely',
+      'Outlook not so good',
+      'Very doubtful'
+    ];
+    const answer = 'change me!' // << change code here
+    return (
+      <div>
+        <input
+          type="text"
+          value={this.state.userInput}
+          onChange={this.handleChange}
+          style={inputStyle} /><br />
+        <button onClick={this.ask}>
+          Ask the Magic Eight Ball!
+        </button><br />
+        <h3>Answer:</h3>
+        <p>
+          { /* change code below this line */ }
+
+          { /* change code above this line */ }
+        </p>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/use-array.filter-to-dynamically-filter-an-array.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/use-array.filter-to-dynamically-filter-an-array.russian.md
new file mode 100644
index 0000000000..f637525cde
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/use-array.filter-to-dynamically-filter-an-array.russian.md
@@ -0,0 +1,110 @@
+---
+id: 5a24c314108439a4d403618c
+title: Use Array.filter() to Dynamically Filter an Array
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Используйте Array.filter () для динамического фильтра массива
+---
+
+## Description
+<section id="description"> Метод массива <code>map</code> - это мощный инструмент, который вы часто будете использовать при работе с React. Другой метод, связанный с <code>map</code> - это <code>filter</code> , который фильтрует содержимое массива на основе условия, а затем возвращает новый массив. Например, если у вас есть массив пользователей, у всех есть свойство <code>online</code> которое может быть установлено как <code>true</code> или <code>false</code> , вы можете фильтровать только тех пользователей, которые находятся в сети, написав: <code>let onlineUsers = users.filter(user =&gt; user.online);</code> </section>
+
+## Instructions
+<section id="instructions"> В редакторе кода, <code>MyComponent</code> «s <code>state</code> инициализируется массив пользователей. Некоторые пользователи подключены к сети, а некоторые нет. Отфильтруйте массив, чтобы вы видели только пользователей, которые находятся в сети. Для этого сначала используйте <code>filter</code> чтобы вернуть новый массив, содержащий только пользователей, чье <code>online</code> свойство <code>true</code> . Затем в переменной <code>renderOnline</code> сопоставьте фильтрованный массив и верните элемент <code>li</code> для каждого пользователя, который содержит текст своего <code>username</code> . Обязательно включите и уникальный <code>key</code> , как в последние задачи. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code> должен существовать и отображать страницу.
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MyComponent)).find("MyComponent").length, 1, "<code>MyComponent</code> should exist and render to the page.");'
+  - text: <code>MyComponent</code> должно быть инициализировано массивом из шести пользователей. &quot;)
+    testString: 'assert(Array.isArray(Enzyme.mount(React.createElement(MyComponent)).state("users")) === true && Enzyme.mount(React.createElement(MyComponent)).state("users").length === 6, "<code>MyComponent</code>&apos;s state should be initialized to an array of six users.");'
+  - text: '<code>MyComponent</code> должен возвращать <code>div</code> , <code>h1</code> , а затем неупорядоченный список, содержащий элементы <code>li</code> для каждого пользователя, статус онлайн которого равен <code>true</code> .'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(MyComponent)); const users = (bool) => ({users:[ { username: "Jeff", online: bool }, { username: "Alan", online: bool }, { username: "Mary", online: bool }, { username: "Jim", online: bool   }, { username: "Laura", online: bool } ]}); const result = () => comp.find("li").length; const _1 = result(); const _2 = () => { comp.setState(users(true)); return waitForIt(() => result()) }; const _3 = () => { comp.setState(users(false)); return waitForIt(() => result()) }; const _4 = () => { comp.setState({ users: [] }); return waitForIt(() => result()) }; const _2_val = await _2(); const _3_val = await _3(); const _4_val = await _4(); assert(comp.find("div").length === 1 && comp.find("h1").length === 1 && comp.find("ul").length === 1 && _1 === 4 && _2_val === 5 && _3_val === 0 && _4_val === 0, "<code>MyComponent</code> should return a <code>div</code>, an <code>h1</code>, and then an unordered list containing <code>li</code> elements for every user whose online status is set to <code>true</code>."); }; '
+  - text: <code>MyComponent</code> должен отображать элементы <code>li</code> которые содержат имя пользователя каждого онлайн-пользователя.
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const comp = Enzyme.mount(React.createElement(MyComponent)); const users = (bool) => ({users:[ { username: "Jeff", online: bool }, { username: "Alan", online: bool }, { username: "Mary", online: bool }, { username: "Jim", online: bool   }, { username: "Laura", online: bool } ]}); const ul = () => { comp.setState(users(true)); return waitForIt(() => comp.find("ul").html()) }; const html = await ul(); assert(html === "<ul><li>Jeff</li><li>Alan</li><li>Mary</li><li>Jim</li><li>Laura</li></ul>", "<code>MyComponent</code> should render <code>li</code> elements that contain the username of each online user."); }; '
+  - text: Каждый элемент элемента списка должен иметь уникальный <code>key</code> атрибут.
+    testString: 'assert((() => { const ul = Enzyme.mount(React.createElement(MyComponent)).find("ul"); console.log(ul.debug()); const keys = new Set([ ul.childAt(0).key(), ul.childAt(1).key(), ul.childAt(2).key(), ul.childAt(3).key() ]); return keys.size === 4; })(), "Each list item element should have a unique <code>key</code> attribute.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      users: [
+        {
+          username: 'Jeff',
+          online: true
+        },
+        {
+          username: 'Alan',
+          online: false
+        },
+        {
+          username: 'Mary',
+          online: true
+        },
+        {
+          username: 'Jim',
+          online: false
+        },
+        {
+          username: 'Sara',
+          online: true
+        },
+        {
+          username: 'Laura',
+          online: true
+        }
+      ]
+    }
+  }
+  render() {
+    const usersOnline = null; // change code here
+    const renderOnline = null; // change code here
+    return (
+       <div>
+         <h1>Current Online Users:</h1>
+         <ul>
+           {renderOnline}
+         </ul>
+       </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/use-array.map-to-dynamically-render-elements.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/use-array.map-to-dynamically-render-elements.russian.md
new file mode 100644
index 0000000000..f4f157ad66
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/use-array.map-to-dynamically-render-elements.russian.md
@@ -0,0 +1,110 @@
+---
+id: 5a24c314108439a4d403618a
+title: Use Array.map() to Dynamically Render Elements
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Используйте Array.map () для динамически визуализирующих элементов
+---
+
+## Description
+<section id="description"> Условный рендеринг полезен, но вам могут понадобиться ваши компоненты для отображения неизвестного количества элементов. Часто в реактивном программировании программист не имеет никакого способа узнать, какое состояние приложения находится во время выполнения, потому что так много зависит от взаимодействия пользователя с этой программой. Программистам необходимо написать свой код для правильной обработки этого неизвестного состояния раньше времени. Использование <code>Array.map()</code> в React иллюстрирует это понятие. Например, вы создаете простое приложение «To Do List». Как программист, у вас нет способа узнать, сколько элементов пользователь может иметь в своем списке. Вам необходимо настроить компонент для <em><strong>динамического отображения</strong></em> правильного количества элементов списка задолго до того, как кто-то, использующий программу, решит, что сегодня день прачечной. </section>
+
+## Instructions
+<section id="instructions"> Редактор кода имеет большую часть компонента <code>MyToDoList</code> . Некоторые из этого кода должны выглядеть знакомыми, если вы завершили задачу контролируемой формы. Вы заметите <code>textarea</code> и <code>button</code> , а также несколько методов, которые отслеживают их состояния, но пока ничего не отображается на странице. Внутри <code>constructor</code> создайте объект <code>this.state</code> и определите два состояния: <code>userInput</code> должен быть инициализирован как пустая строка, а <code>toDoList</code> должен быть инициализирован как пустой массив. Затем удалите комментарий в методе <code>render()</code> рядом с переменной <code>items</code> . На своем месте, <code>toDoList</code> массив <code>toDoList</code> хранящийся во внутреннем состоянии компонента, и динамически визуализируйте <code>li</code> для каждого элемента. Попробуйте ввести строку <code>eat, code, sleep, repeat</code> в <code>textarea</code> , затем нажмите кнопку и посмотрите, что произойдет. <strong>Примечание.</strong> Возможно, вы знаете, что все дочерние элементы дочернего элемента, созданные с помощью операции сопоставления, такие как это, должны быть снабжены уникальным <code>key</code> атрибутом. Не беспокойтесь, это тема следующей задачи. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Компонент MyToDoList должен существовать и отображать страницу.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); return mockedComponent.find("MyToDoList").length === 1; })(), "The MyToDoList component should exist and render to the page.");'
+  - text: Первым дочерним элементом <code>MyToDoList</code> должен быть элемент <code>textarea</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); return mockedComponent.find("MyToDoList").children().childAt(0).type() === "textarea"; })(), "The first child of <code>MyToDoList</code> should be a <code>textarea</code> element.");'
+  - text: Третий ребенок <code>MyToDoList</code> должен быть элементом <code>button</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); return mockedComponent.find("MyToDoList").children().childAt(2).type() === "button"; })(), "The third child of <code>MyToDoList</code> should be a <code>button</code> element.");'
+  - text: Состояние <code>MyToDoList</code> должно быть инициализировано <code>toDoList</code> как пустой массив.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); const initialState = mockedComponent.state(); return Array.isArray(initialState.toDoList) === true && initialState.toDoList.length === 0; })(), "The state of <code>MyToDoList</code> should be initialized with <code>toDoList</code> as an empty array.");'
+  - text: Состояние <code>MyToDoList</code> должно быть инициализировано с помощью <code>userInput</code> как пустая строка.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); const initialState = mockedComponent.state(); return typeof initialState.userInput === "string" && initialState.userInput.length === 0; })(), "The state of <code>MyToDoList</code> should be initialized with <code>userInput</code> as an empty string.");'
+  - text: 'При нажатии кнопки « <code>Create List</code> компонент <code>MyToDoList</code> должен динамически возвращать неупорядоченный список, содержащий элемент элемента списка для каждого элемента списка, разделенного запятыми, введенного в элемент <code>textarea</code> .'
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100)); const mockedComponent = Enzyme.mount(React.createElement(MyToDoList)); const simulateChange = (el, value) => el.simulate("change", {target: {value}}); const state_1 = () => { return waitForIt(() => mockedComponent.find("ul").find("li"))}; const setInput = () => { return waitForIt(() => simulateChange(mockedComponent.find("textarea"), "testA, testB, testC"))}; const click = () => { return waitForIt(() => mockedComponent.find("button").simulate("click"))}; const state_2 = () => { return waitForIt(() => { const nodes = mockedComponent.find("ul").find("li"); return { nodes, text: nodes.reduce((t, n) => t + n.text(), "") }; })}; const setInput_2 = () => { return waitForIt(() => simulateChange(mockedComponent.find("textarea"), "t1, t2, t3, t4, t5, t6"))}; const click_1 = () => { return waitForIt(() => mockedComponent.find("button").simulate("click"))}; const state_3 = () => { return waitForIt(() => { const nodes = mockedComponent.find("ul").find("li"); return { nodes, text: nodes.reduce((t, n) => t + n.text(), "") }; })}; const awaited_state_1 = await state_1(); const awaited_setInput = await setInput(); const awaited_click = await click(); const awaited_state_2 = await state_2(); const awaited_setInput_2 = await setInput_2(); const awaited_click_1 = await click_1(); const awaited_state_3 = await state_3(); assert(awaited_state_1.length === 0 && awaited_state_2.nodes.length === 3 && awaited_state_3.nodes.length === 6 && awaited_state_2.text === "testA testB testC" && awaited_state_3.text === "t1 t2 t3 t4 t5 t6", "When the <code>Create List</code> button is clicked, the <code>MyToDoList</code> component should dynamically return an unordered list that contains a list item element for every item of a comma-separated list entered into the <code>textarea</code> element."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const textAreaStyles = {
+  width: 235,
+  margin: 5
+};
+
+class MyToDoList extends React.Component {
+  constructor(props) {
+    super(props);
+    // change code below this line
+
+    // change code above this line
+    this.handleSubmit = this.handleSubmit.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleSubmit() {
+    const itemsArray = this.state.userInput.split(',');
+    this.setState({
+      toDoList: itemsArray
+    });
+  }
+  handleChange(e) {
+    this.setState({
+      userInput: e.target.value
+    });
+  }
+  render() {
+    const items = null; // change code here
+    return (
+      <div>
+        <textarea
+          onChange={this.handleChange}
+          value={this.state.userInput}
+          style={textAreaStyles}
+          placeholder="Separate Items With Commas" /><br />
+        <button onClick={this.handleSubmit}>Create List</button>
+        <h1>My "To Do" List:</h1>
+        <ul>
+          {items}
+        </ul>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/use-default-props.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/use-default-props.russian.md
new file mode 100644
index 0000000000..407841ce1b
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/use-default-props.russian.md
@@ -0,0 +1,67 @@
+---
+id: 5a24c314108439a4d403616b
+title: Use Default Props
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Использовать опоры по умолчанию
+---
+
+## Description
+<section id="description"> React также имеет возможность устанавливать реквизиты по умолчанию. Вы можете назначить реквизиты по умолчанию для компонента как свойства самого компонента, а React присваивает стандартную поддержку, если это необходимо. Это позволяет указать, какое значение должно иметь значение prop, если значение явно не указано. Например, если вы объявите <code>MyComponent.defaultProps = { location: &#39;San Francisco&#39; }</code> , вы определили <code>MyComponent.defaultProps = { location: &#39;San Francisco&#39; }</code> местоположения, которая установлена ​​в строке <code>San Francisco</code> , если вы не указали иначе. React присваивает реквизиты по умолчанию, если реквизиты не определены, но если вы передадите <code>null</code> в качестве значения для prop, он останется <code>null</code> . </section>
+
+## Instructions
+<section id="instructions"> Редактор кода показывает компонент <code>ShoppingCart</code> . Определите реквизиты по умолчанию для этого компонента, которые указывают <code>items</code> со значением <code>0</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Компонент <code>ShoppingCart</code> должен отображать.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("ShoppingCart").length === 1; })(), "The <code>ShoppingCart</code> component should render.");'
+  - text: 'Компонент <code>ShoppingCart</code> должен иметь опору по умолчанию <code>{ items: 0 }</code> .'
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); mockedComponent.setProps({items: undefined}); return mockedComponent.find("ShoppingCart").props().items === 0; })(), "The <code>ShoppingCart</code> component should have a default prop of <code>{ items: 0 }</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ShoppingCart = (props) => {
+  return (
+    <div>
+      <h1>Shopping Cart Component</h1>
+    </div>
+  )
+};
+// change code below this line
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.russian.md
new file mode 100644
index 0000000000..3c50b2be70
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.russian.md
@@ -0,0 +1,92 @@
+---
+id: 5a24c314108439a4d403616d
+title: Use PropTypes to Define the Props You Expect
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: 'Используйте PropTypes для определения реквизита, который вы ожидаете'
+---
+
+## Description
+<section id="description"> React предоставляет полезные функции проверки типов для проверки того, что компоненты получают реквизиты правильного типа. Например, ваше приложение вызывает вызов API для извлечения данных, которые вы ожидаете в массиве, который затем передается компоненту в качестве опоры. Вы можете установить <code>propTypes</code> на свой компонент, чтобы требовать, чтобы данные имели тип <code>array</code> . Это даст полезное предупреждение, когда данные относятся к любому другому типу. Рекомендуется использовать <code>propTypes</code> когда вы <code>propTypes</code> знаете тип пропеллера. Вы можете определить свойство <code>propTypes</code> для компонента так же, как вы определили <code>defaultProps</code> . При этом будет проверяться наличие реквизита данного ключа с заданным типом. Вот пример, требующий <code>function</code> типа для prop, называемого <code>handleClick</code> : <code>MyComponent.propTypes = { handleClick: PropTypes.func.isRequired }</code> В приведенном выше <code>PropTypes.func</code> часть <code>PropTypes.func</code> проверяет, что <code>handleClick</code> является функцией. Добавление <code>isRequired</code> говорит React, что <code>handleClick</code> является обязательным свойством для этого компонента. Вы увидите предупреждение, если эта поддержка не указана. Также обратите внимание, что <code>func</code> представляет <code>function</code> . Среди семи простых примитивов JavaScript <code>function</code> и <code>boolean</code> (написанное как <code>bool</code> ) - это только два, которые используют необычную орфографию. В дополнение к примитивным типам доступны другие типы. Например, вы можете проверить, что опорный элемент является элементом React. Пожалуйста, обратитесь к документации по всем параметрам. <strong>Примечание.</strong> Начиная с версии React v15.5.0, <code>PropTypes</code> импортируется независимо от React, например: <code>import React, { PropTypes } from &#39;react&#39;;</code> </section>
+
+## Instructions
+<section id="instructions"> Определите <code>propTypes</code> для компонента <code>Items</code> чтобы потребовать <code>quantity</code> в качестве опоры и убедитесь, что он имеет <code>number</code> типа. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Компонент <code>ShoppingCart</code> должен отображать.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("ShoppingCart").length === 1; })(), "The <code>ShoppingCart</code> component should render.");'
+  - text: Элемент <code>Items</code> должен отображать.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("Items").length === 1; })(), "The <code>Items</code> component should render.");'
+  - text: 'Компонент « <code>Items</code> должен включать проверку <code>propTypes</code> которая требует, чтобы <code>quantity</code> было <code>number</code> .'
+    testString: 'getUserInput => assert((function() { const noWhiteSpace = getUserInput("index").replace(/ /g, ""); return noWhiteSpace.includes("quantity:PropTypes.number.isRequired") && noWhiteSpace.includes("Items.propTypes="); })(), "The <code>Items</code> component should include a <code>propTypes</code> check that requires <code>quantity</code> to be a <code>number</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const Items = (props) => {
+  return <h1>Current Quantity of Items in Cart: {props.quantity}</h1>
+};
+
+// change code below this line
+
+// change code above this line
+
+Items.defaultProps = {
+  quantity: 0
+};
+
+class ShoppingCart extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return <Items />
+  }
+};
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+var PropTypes = {
+  number: { isRequired: true }
+};
+
+```
+
+</div>
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/use-react-to-render-nested-components.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/use-react-to-render-nested-components.russian.md
new file mode 100644
index 0000000000..4c22dba734
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/use-react-to-render-nested-components.russian.md
@@ -0,0 +1,103 @@
+---
+id: 5a24c314108439a4d4036165
+title: Use React to Render Nested Components
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Использовать React для вставки вложенных компонентов
+---
+
+## Description
+<section id="description"> Последняя задача показала простой способ составления двух компонентов, но есть много разных способов компоновки компонентов с помощью React. Компонентный состав является одной из мощных возможностей React. Когда вы работаете с React, важно начать думать о своем пользовательском интерфейсе с точки зрения таких компонентов, как пример приложения в последнем вызове. Вы разбиваете свой пользовательский интерфейс на свои основные строительные блоки, и эти части становятся компонентами. Это помогает отделить код, отвечающий за пользовательский интерфейс, от кода, ответственного за обработку вашей логики приложения. Это может значительно упростить разработку и сопровождение сложных проектов. </section>
+
+## Instructions
+<section id="instructions"> В редакторе кода есть два функциональных компонента, называемых <code>TypesOfFruit</code> и <code>Fruits</code> . Возьмите <code>TypesOfFruit</code> компонент и компоновать его, или <em>гнездо</em> его, в пределах <code>Fruits</code> компонента. Затем возьмите компонент <code>Fruits</code> и <code>TypesOfFood</code> его в компонент <code>TypesOfFood</code> . Результатом должен быть дочерний компонент, вложенный в родительский компонент, который вложен в собственный родительский компонент! </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Компонент <code>TypesOfFood</code> должен возвращать один элемент <code>div</code> .
+    testString: 'assert(Enzyme.shallow(React.createElement(TypesOfFood)).type() === "div", "The <code>TypesOfFood</code> component should return a single <code>div</code> element.");'
+  - text: Компонент <code>TypesOfFood</code> должен вернуть компонент <code>Fruits</code> .
+    testString: 'assert(Enzyme.shallow(React.createElement(TypesOfFood)).props().children[1].type.name === "Fruits", "The <code>TypesOfFood</code> component should return the <code>Fruits</code> component.");'
+  - text: ''
+    testString: 'assert(Enzyme.mount(React.createElement(TypesOfFood)).find("h2").html() === "<h2>Fruits:</h2>", "The <code>Fruits</code> component should return the <code>TypesOfFruit</code> component.");'
+  - text: Компонент <code>TypesOfFruit</code> должен возвращать элементы <code>h2</code> и <code>ul</code> .
+    testString: 'assert(Enzyme.mount(React.createElement(TypesOfFood)).find("ul").text() === "ApplesBlueberriesStrawberriesBananas", "The <code>TypesOfFruit</code> component should return the <code>h2</code> and <code>ul</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const TypesOfFruit = () => {
+  return (
+    <div>
+      <h2>Fruits:</h2>
+      <ul>
+        <li>Apples</li>
+        <li>Blueberries</li>
+        <li>Strawberries</li>
+        <li>Bananas</li>
+      </ul>
+    </div>
+  );
+};
+
+const Fruits = () => {
+  return (
+    <div>
+      { /* change code below this line */ }
+
+      { /* change code above this line */ }
+    </div>
+  );
+};
+
+class TypesOfFood extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <div>
+        <h1>Types of Food:</h1>
+        { /* change code below this line */ }
+
+        { /* change code above this line */ }
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/use-state-to-toggle-an-element.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/use-state-to-toggle-an-element.russian.md
new file mode 100644
index 0000000000..7948d5ba07
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/use-state-to-toggle-an-element.russian.md
@@ -0,0 +1,91 @@
+---
+id: 5a24c314108439a4d4036176
+title: Use State to Toggle an Element
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Использовать состояние для переключения элемента
+---
+
+## Description
+<section id="description"> Вы можете использовать <code>state</code> в приложениях React более сложными способами, чем то, что вы видели до сих пор. Один пример - контролировать состояние значения, а затем визуализировать пользовательский интерфейс на основе этого значения. Существует несколько способов сделать это, и редактор кода показывает один метод. </section>
+
+## Instructions
+<section id="instructions"> <code>MyComponent</code> имеет свойство <code>visibility</code> которое инициализируется значением <code>false</code> . Метод рендеринга возвращает один вид, если значение <code>visibility</code> истинно, и другое представление, если оно ложно. В настоящее время не существует никакого способа обновления <code>visibility</code> собственности в компоненте <code>state</code> . Значение должно переключаться между истиной и ложью. На кнопке есть обработчик клика, который запускает метод класса, называемый <code>toggleVisibility()</code> . Определите этот метод, чтобы <code>state</code> <code>visibility</code> переключилось в противоположное значение при вызове метода. Если <code>visibility</code> <code>false</code> , метод устанавливает значение <code>true</code> и наоборот. Наконец, нажмите кнопку, чтобы увидеть условный рендеринг компонента на основе его <code>state</code> . <strong>Подсказка:</strong> не забудьте связать <code>this</code> ключевое слово с методом в конструкторе! </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code> должен вернуть элемент <code>div</code> содержащий <code>button</code> .
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MyComponent)).find("div").find("button").length, 1, "<code>MyComponent</code> should return a <code>div</code> element which contains a <code>button</code>.");'
+  - text: Состояние <code>MyComponent</code> должно инициализироваться с использованием свойства <code>visibility</code> <code>MyComponent</code> <code>false</code> .
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(MyComponent)).state("visibility"), false, "The state of <code>MyComponent</code> should initialize with a <code>visibility</code> property set to <code>false</code>.");'
+  - text: Нажатие на элемент кнопки должно переключать свойство <code>visibility</code> в состоянии между <code>true</code> и <code>false</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ visibility: false }); return waitForIt(() => mockedComponent.state("visibility")); }; const second = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent.state("visibility")); }; const third = () => { mockedComponent.find("button").simulate("click"); return waitForIt(() => mockedComponent.state("visibility")); }; const firstValue = await first(); const secondValue = await second(); const thirdValue = await third(); assert(!firstValue && secondValue && !thirdValue, "Clicking the button element should toggle the <code>visibility</code> property in state between <code>true</code> and <code>false</code>."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      visibility: false
+    };
+    // change code below this line
+
+    // change code above this line
+  }
+  // change code below this line
+
+  // change code above this line
+  render() {
+    if (this.state.visibility) {
+      return (
+        <div>
+          <button onClick={this.toggleVisibility}>Click Me</button>
+          <h1>Now you see me!</h1>
+        </div>
+      );
+    } else {
+      return (
+        <div>
+          <button onClick={this.toggleVisibility}>Click Me</button>
+        </div>
+      );
+    }
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/use-the-lifecycle-method-componentdidmount.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/use-the-lifecycle-method-componentdidmount.russian.md
new file mode 100644
index 0000000000..fa63769436
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/use-the-lifecycle-method-componentdidmount.russian.md
@@ -0,0 +1,83 @@
+---
+id: 5a24c314108439a4d403617d
+title: Use the Lifecycle Method componentDidMount
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Используйте метод Lifecycle MethodDidMount
+---
+
+## Description
+<section id="description"> Большинство веб-разработчиков в какой-то момент должны вызывать конечную точку API для извлечения данных. Если вы работаете с React, важно знать, где выполнить это действие. Лучшей практикой в ​​React является размещение вызовов API или любых вызовов на ваш сервер в методе жизненного цикла <code>componentDidMount()</code> . Этот метод вызывается после того, как компонент подключен к DOM. Любые вызовы <code>setState()</code> здесь <code>setState()</code> повторный рендеринг вашего компонента. Когда вы вызываете API в этом методе и устанавливаете свое состояние с данными, возвращаемыми API, он автоматически инициирует обновление после получения данных. </section>
+
+## Instructions
+<section id="instructions"> В <code>componentDidMount()</code> есть ложный вызов API. Он устанавливает состояние через 2,5 секунды, чтобы имитировать вызов сервера для извлечения данных. В этом примере запрашиваются текущие общие активные пользователи для сайта. В методе рендеринга визуализируйте значение <code>activeUsers</code> в <code>h1</code> . Посмотрите, что происходит в предварительном просмотре, и не стесняйтесь менять таймаут, чтобы увидеть различные эффекты. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code> должен отображать элемент <code>div</code> который обертывает тег <code>h1</code> .
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return (mockedComponent.find("div").length === 1 && mockedComponent.find("h1").length === 1); })(), "<code>MyComponent</code> should render a <code>div</code> element which wraps an <code>h1</code> tag.");'
+  - text: Состояние компонента должно быть обновлено с помощью функции тайм-аута в <code>componentDidMount</code> .
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return new RegExp("setTimeout(.|\n)+setState(.|\n)+activeUsers").test(String(mockedComponent.instance().componentDidMount)); })(), "Component state should be updated with a timeout function in <code>componentDidMount</code>.");'
+  - text: <code>h1</code> тег должен оказывать <code>activeUsers</code> значение из <code>MyComponent</code> состояния «s.
+    testString: 'async () => { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ activeUsers: 1237 }); return mockedComponent.find("h1").text(); }; const second = () => { mockedComponent.setState({ activeUsers: 1000 }); return mockedComponent.find("h1").text(); }; assert(new RegExp("1237").test(first()) && new RegExp("1000").test(second()), "The <code>h1</code> tag should render the <code>activeUsers</code> value from <code>MyComponent</code>&apos;s state."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      activeUsers: null
+    };
+  }
+  componentDidMount() {
+    setTimeout( () => {
+      this.setState({
+        activeUsers: 1273
+      });
+    }, 2500);
+  }
+  render() {
+    return (
+      <div>
+        <h1>Active Users: { /* change code here */ }</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/use-the-lifecycle-method-componentwillmount.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/use-the-lifecycle-method-componentwillmount.russian.md
new file mode 100644
index 0000000000..d141da1b4f
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/use-the-lifecycle-method-componentwillmount.russian.md
@@ -0,0 +1,72 @@
+---
+id: 5a24c314108439a4d403617c
+title: Use the Lifecycle Method componentWillMount
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Использовать компонент Lifecycle MethodWillMount
+---
+
+## Description
+<section id="description"> У компонентов React есть несколько специальных методов, которые предоставляют возможности для выполнения действий в определенных точках жизненного цикла компонента. Они называются методами жизненного цикла, или крючками жизненного цикла, и позволяют вам быстро отслеживать компоненты в определенные моменты времени. Это может быть до того, как они будут визуализированы, прежде чем они будут обновлены, прежде чем они получат реквизиты, прежде чем они будут отключены, и так далее. Ниже приведен список некоторых основных методов жизненного цикла: <code>componentWillMount()</code> <code>componentDidMount()</code> <code>componentWillReceiveProps()</code> <code>shouldComponentUpdate()</code> <code>componentWillUpdate()</code> <code>componentDidUpdate()</code> <code>componentWillUnmount()</code> Следующие несколько уроков будут посвящены некоторым основным <code>shouldComponentUpdate()</code> использования этих методов жизненного цикла. </section>
+
+## Instructions
+<section id="instructions"> Метод <code>componentWillMount()</code> вызывается перед методом <code>render()</code> когда компонент монтируется в DOM. Запишите что-нибудь на консоль в <code>componentWillMount()</code> - вы можете открыть консоль своего браузера для просмотра вывода. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>MyComponent</code> должен отображать элемент <code>div</code> .
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("div").length === 1; })(), "<code>MyComponent</code> should render a <code>div</code> element.");'
+  - text: <code>console.log</code> следует вызывать в <code>componentWillMount</code> .
+    testString: 'assert((function() { const lifecycle = React.createElement(MyComponent).type.prototype.componentWillMount.toString().replace(/ /g,""); return lifecycle.includes("console.log("); })(), "<code>console.log</code> should be called in <code>componentWillMount</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  componentWillMount() {
+    // change code below this line
+
+    // change code above this line
+  }
+  render() {
+    return <div />
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/write-a-react-component-from-scratch.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/write-a-react-component-from-scratch.russian.md
new file mode 100644
index 0000000000..4046d23a70
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/write-a-react-component-from-scratch.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5a24c314108439a4d4036168
+title: Write a React Component from Scratch
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Напишите компонент реакции с нуля
+---
+
+## Description
+<section id="description"> Теперь, когда вы изучили основы компонентов JSX и React, пришло время написать компонент самостоятельно. Реагирующие компоненты являются основными строительными блоками приложений React, поэтому важно хорошо ознакомиться с их написанием. Помните, что типичным компонентом React является <code>class</code> ES6, который расширяет <code>React.Component</code> . Он имеет метод рендеринга, который возвращает HTML (из JSX) или <code>null</code> . Это основная форма компонента React. Как только вы это хорошо поймете, вы будете готовы начать строительство более сложных проектов React. </section>
+
+## Instructions
+<section id="instructions"> Определите класс <code>MyComponent</code> который расширяет <code>React.Component</code> . Его метод render должен возвращать <code>div</code> , содержащий тег <code>h1</code> с текстом: <code>My First React Component!</code> в этом. Используйте этот текст точно, дело и значение пунктуации. Не забудьте также вызвать конструктор для вашего компонента. Передайте этот компонент в DOM с помощью <code>ReactDOM.render()</code> . Для вас доступен <code>div</code> с <code>id=&#39;challenge-node&#39;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Должен быть компонент React, называемый <code>MyComponent</code> .'
+    testString: 'getUserInput => assert(getUserInput("index").replace(/\s/g, "").includes("classMyComponentextendsReact.Component{"), "There should be a React component called <code>MyComponent</code>.");'
+  - text: <code>MyComponent</code> должен содержать тег <code>h1</code> с текстом <code>My First React Component!</code> Дело и пунктуация.
+    testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("h1").text() === "My First React Component!"; })(), "<code>MyComponent</code> should contain an <code>h1</code> tag with text <code>My First React Component!</code> Case and punctuation matter.");'
+  - text: <code>MyComponent</code> должен отображать DOM.
+    testString: 'assert(document.getElementById("challenge-node").childNodes.length === 1, "<code>MyComponent</code> should render to the DOM.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/write-a-simple-counter.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/write-a-simple-counter.russian.md
new file mode 100644
index 0000000000..74eff55448
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/write-a-simple-counter.russian.md
@@ -0,0 +1,89 @@
+---
+id: 5a24c314108439a4d4036177
+title: Write a Simple Counter
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Написать простой счетчик
+---
+
+## Description
+<section id="description"> Вы можете создать более сложный компонент, поддерживающий состояние, путем объединения концепций, охваченных до сих пор. К ним относятся инициализация <code>state</code> , методы записи, которые устанавливают <code>state</code> , и назначение обработчиков кликов для запуска этих методов. </section>
+
+## Instructions
+<section id="instructions"> Компонент <code>Counter</code> отслеживает значение <code>count</code> в <code>state</code> . Есть две кнопки, которые вызывают методы <code>increment()</code> и <code>decrement()</code> . Запишите эти методы, чтобы значение счетчика увеличивалось или уменьшалось на 1 при нажатии соответствующей кнопки. Кроме того, создайте метод <code>reset()</code> чтобы при нажатии кнопки сброса счетчик был установлен на 0. <strong>Примечание.</strong> Убедитесь, что вы не изменяете <code>classNames</code> кнопок. Кроме того, не забудьте добавить необходимые привязки для вновь созданных методов в конструкторе. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>Counter</code> должен возвращать элемент <code>div</code> который содержит три кнопки с текстовым содержимым в этом порядке <code>Increment!</code> , <code>Decrement!</code> , <code>Reset</code> .'
+    testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(Counter)); return (mockedComponent.find(".inc").text() === "Increment!" && mockedComponent.find(".dec").text() === "Decrement!" && mockedComponent.find(".reset").text() === "Reset"); })(), "<code>Counter</code> should return a <code>div</code> element which contains three buttons with text content in this order <code>Increment!</code>, <code>Decrement!</code>, <code>Reset</code>.");'
+  - text: Состояние <code>Counter</code> должно быть инициализировано с использованием свойства <code>count</code> равного <code>0</code> .
+    testString: 'assert.strictEqual(Enzyme.mount(React.createElement(Counter)).state("count"), 0, "The state of <code>Counter</code> should initialize with a <code>count</code> property set to <code>0</code>.");'
+  - text: Нажатие кнопки инкремента должно увеличивать счет на <code>1</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Counter)); const first = () => { mockedComponent.setState({ count: 0 }); return waitForIt(() => mockedComponent.state("count")); }; const second = () => { mockedComponent.find(".inc").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === 0 && secondValue === 1, "Clicking the increment button should increment the count by <code>1</code>."); }; '
+  - text: ''
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Counter)); const first = () => { mockedComponent.setState({ count: 0 }); return waitForIt(() => mockedComponent.state("count")); }; const second = () => { mockedComponent.find(".dec").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const firstValue = await first(); const secondValue = await second(); assert(firstValue === 0 && secondValue === -1, "Clicking the decrement button should decrement the count by <code>1</code>."); }; '
+  - text: Нажатие кнопки сброса должно сбрасывать счетчик на <code>0</code> .
+    testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(Counter)); const init = () => { mockedComponent.setState({ count: 0 }); return waitForIt(() => mockedComponent.state("count")); }; const increment = () => { mockedComponent.find(".inc").simulate("click"); mockedComponent.find(".inc").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const decrement = () => { mockedComponent.find(".dec").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const reset = () => { mockedComponent.find(".reset").simulate("click"); return waitForIt(() => mockedComponent.state("count")); }; const firstValue = await init(); const secondValue = await increment(); const thirdValue = await decrement(); const fourthValue = await reset(); assert(firstValue === 0 && secondValue === 2 && thirdValue === 1 && fourthValue === 0, "Clicking the reset button should reset the count to <code>0</code>."); }; '
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+class Counter extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      count: 0
+    };
+    // change code below this line
+
+    // change code above this line
+  }
+  // change code below this line
+
+  // change code above this line
+  render() {
+    return (
+      <div>
+        <button className='inc' onClick={this.increment}>Increment!</button>
+        <button className='dec' onClick={this.decrement}>Decrement!</button>
+        <button className='reset' onClick={this.reset}>Reset</button>
+        <h1>Current Count: {this.state.count}</h1>
+      </div>
+    );
+  }
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='jsx-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/redux/combine-multiple-reducers.russian.md b/curriculum/challenges/russian/03-front-end-libraries/redux/combine-multiple-reducers.russian.md
new file mode 100644
index 0000000000..10b882814e
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/redux/combine-multiple-reducers.russian.md
@@ -0,0 +1,90 @@
+---
+id: 5a24c314108439a4d4036154
+title: Combine Multiple Reducers
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Объединение нескольких редукторов
+---
+
+## Description
+<section id="description"> Когда состояние вашего приложения начинает становиться более сложным, может возникнуть соблазн разделить состояние на несколько частей. Вместо этого запомните первый принцип Redux: все состояние приложения хранится в одном объекте состояния в хранилище. Поэтому Redux обеспечивает композицию редуктора как решение для сложной модели состояния. Вы определяете несколько редукторов для обработки разных частей состояния вашего приложения, а затем объединяете эти редукторы в один редуктор корня. Корневой редуктор затем передается в метод Redux <code>createStore()</code> . Чтобы объединить несколько редукторов вместе, Redux предоставляет метод <code>combineReducers()</code> . Этот метод принимает объект как аргумент, в котором вы определяете свойства, которые связывают ключи с конкретными функциями редуктора. Имя, которое вы передаете клавишам, будет использоваться Redux как имя связанного участка состояния. Как правило, хорошей практикой является создание редуктора для каждой части состояния приложения, когда они являются определенными или уникальными в некотором роде. Например, в приложении для заметок с аутентификацией пользователя один редуктор может обрабатывать аутентификацию, а другой - текст и заметки, которые пользователь отправляет. Для такого приложения мы можем написать метод <code>combineReducers()</code> следующим образом: <blockquote> const rootReducer = Redux.combineReducers ({ <br> auth: authenticationReducer, <br> примечания: примечанияReducer <br> }); </blockquote> Теперь ключевые <code>notes</code> будут содержать все состояние, связанное с нашими заметками и обрабатываемое нашими <code>notesReducer</code> . Так можно создать несколько редукторов для управления более сложным состоянием приложения. В этом примере состояние, хранящееся в хранилище Redux, будет тогда единственным объектом, содержащим свойства <code>auth</code> и <code>notes</code> . </section>
+
+## Instructions
+<section id="instructions"> В <code>counterReducer()</code> имеются функции <code>counterReducer()</code> и <code>authReducer()</code> , а также хранилище Redux. Завершите запись функции <code>rootReducer()</code> с помощью <code>Redux.combineReducers()</code> . Назначьте <code>counterReducer</code> ключу с именем <code>count</code> и <code>authReducer</code> на ключ с именем <code>auth</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>counterReducer</code> должен увеличивать и <code>counterReducer</code> <code>state</code> .
+    testString: 'assert((function() { const initalState = store.getState().count; store.dispatch({type: INCREMENT}); store.dispatch({type: INCREMENT}); const firstState = store.getState().count; store.dispatch({type: DECREMENT}); const secondState = store.getState().count; return firstState === initalState + 2 && secondState === firstState - 1  })(), "The <code>counterReducer</code> should increment and decrement the <code>state</code>.");'
+  - text: <code>authReducer</code> должен переключать <code>state</code> <code>authenticated</code> между <code>true</code> и <code>false</code> .
+    testString: 'assert((function() {  store.dispatch({type: LOGIN}); const loggedIn = store.getState().auth.authenticated; store.dispatch({type: LOGOUT}); const loggedOut = store.getState().auth.authenticated; return loggedIn === true && loggedOut === false  })(), "The <code>authReducer</code> should toggle the <code>state</code> of <code>authenticated</code> between <code>true</code> and <code>false</code>.");'
+  - text: 'Магазин <code>state</code> должно иметь два ключа: <code>count</code> , который содержит номер и <code>auth</code> , который содержит объект. Объект <code>auth</code> должен иметь свойство <code>authenticated</code> , которое содержит логическое значение.'
+    testString: 'assert((function() { const state = store.getState(); return typeof state.auth === "object" && typeof state.auth.authenticated === "boolean" && typeof state.count === "number" })(), "The store <code>state</code> should have two keys: <code>count</code>, which holds a number, and <code>auth</code>, which holds an object. The <code>auth</code> object should have a property of <code>authenticated</code>, which holds a boolean.");'
+  - text: '<code>rootReducer</code> должен быть функцией, которая объединяет <code>counterReducer</code> и <code>authReducer</code> .'
+    testString: 'getUserInput => assert((function() {  const noWhiteSpace = getUserInput("index").replace(/\s/g,""); return typeof rootReducer === "function" && noWhiteSpace.includes("Redux.combineReducers")  })(), "The <code>rootReducer</code> should be a function that combines the <code>counterReducer</code> and the <code>authReducer</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const INCREMENT = 'INCREMENT';
+const DECREMENT = 'DECREMENT';
+
+const counterReducer = (state = 0, action) => {
+  switch(action.type) {
+    case INCREMENT:
+      return state + 1;
+    case DECREMENT:
+      return state - 1;
+    default:
+      return state;
+  }
+};
+
+const LOGIN = 'LOGIN';
+const LOGOUT = 'LOGOUT';
+
+const authReducer = (state = {authenticated: false}, action) => {
+  switch(action.type) {
+    case LOGIN:
+      return {
+        authenticated: true
+      }
+    case LOGOUT:
+      return {
+        authenticated: false
+      }
+    default:
+      return state;
+  }
+};
+
+const rootReducer = // define the root reducer here
+
+const store = Redux.createStore(rootReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/redux/copy-an-object-with-object.assign.russian.md b/curriculum/challenges/russian/03-front-end-libraries/redux/copy-an-object-with-object.assign.russian.md
new file mode 100644
index 0000000000..770eef6eb2
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/redux/copy-an-object-with-object.assign.russian.md
@@ -0,0 +1,79 @@
+---
+id: 5a24c314108439a4d403615b
+title: Copy an Object with Object.assign
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Скопировать объект с Object.assign
+---
+
+## Description
+<section id="description"> Последние несколько проблем работали с массивами, но есть способы помочь обеспечить неизменность состояния, когда государство тоже является <code>object</code> . Полезным инструментом для обработки объектов является <code>Object.assign()</code> . <code>Object.assign()</code> принимает объекты-объекты-объекты и исходные объекты и свойства карт из исходных объектов в целевой объект. Любые соответствующие свойства перезаписываются свойствами в исходных объектах. Это поведение обычно используется для создания мелких копий объектов путем передачи пустого объекта в качестве первого аргумента, за которым следует объект (ы), который вы хотите скопировать. Вот пример: <code>const newObject = Object.assign({}, obj1, obj2);</code> Это создает <code>newObject</code> как новый <code>object</code> , который содержит свойства, которые в настоящее время существуют в <code>obj1</code> и <code>obj2</code> . </section>
+
+## Instructions
+<section id="instructions"> Состояние и действия Redux были изменены для обработки <code>object</code> для <code>state</code> . Отредактируйте код, чтобы вернуть новый объект <code>state</code> для действий с типом <code>ONLINE</code> , которые устанавливают свойство <code>status</code> в строку <code>online</code> . Попробуйте использовать <code>Object.assign()</code> для выполнения задачи. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Хранилище Redux должно существовать и инициализироваться с состоянием, которое эквивалентно объекту <code>defaultState</code> объявленному в строке 1.'
+    testString: 'assert((function() { const expectedState = { user: "CamperBot", status: "offline", friends: "732,982", community: "freeCodeCamp" }; const initialState = store.getState(); return DeepEqual(expectedState, initialState); })(), "The Redux store should exist and initialize with a state that is equivalent to the <code>defaultState</code> object declared on line 1.");'
+  - text: <code>wakeUp</code> и <code>immutableReducer</code> должны быть функциями.
+    testString: 'assert(typeof wakeUp === "function" && typeof immutableReducer === "function", "<code>wakeUp</code> and <code>immutableReducer</code> both should be functions.");'
+  - text: Отправка действия типа <code>ONLINE</code> должна обновить <code>status</code> в состоянии в <code>online</code> и не должна мутировать состояние.
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch({type: "ONLINE"}); const finalState = store.getState(); const expectedState = { user: "CamperBot", status: "online", friends: "732,982", community: "freeCodeCamp" }; return isFrozen && DeepEqual(finalState, expectedState); })(), "Dispatching an action of type <code>ONLINE</code> should update the property <code>status</code> in state to <code>online</code> and should NOT mutate state.");'
+  - text: <code>Object.assign</code> следует использовать для возврата нового состояния.
+    testString: 'getUserInput => assert(getUserInput("index").includes("Object.assign"), "<code>Object.assign</code> should be used to return new state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const defaultState = {
+  user: 'CamperBot',
+  status: 'offline',
+  friends: '732,982',
+  community: 'freeCodeCamp'
+};
+
+const immutableReducer = (state = defaultState, action) => {
+  switch(action.type) {
+    case 'ONLINE':
+      // don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+const wakeUp = () => {
+  return {
+    type: 'ONLINE'
+  }
+};
+
+const store = Redux.createStore(immutableReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/redux/create-a-redux-store.russian.md b/curriculum/challenges/russian/03-front-end-libraries/redux/create-a-redux-store.russian.md
new file mode 100644
index 0000000000..89bafc69b6
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/redux/create-a-redux-store.russian.md
@@ -0,0 +1,58 @@
+---
+id: 5a24c314108439a4d403614b
+title: Create a Redux Store
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Создание магазина Redux
+---
+
+## Description
+<section id="description"> Redux - это система управления государственными структурами, которая может использоваться с несколькими различными веб-технологиями, включая React. В Redux существует один объект состояния, который отвечает за все состояние вашего приложения. Это означает, что если у вас было приложение React с десятью компонентами, и каждый компонент имел свое собственное локальное состояние, все состояние вашего приложения было бы определено одним объектом состояния, размещенным в <code>store</code> Redux. Это первый важный принцип, который следует понимать при изучении Redux: хранилище Redux является единственным источником правды, когда дело касается состояния приложения. Это также означает, что в любое время, когда какая-либо часть вашего приложения хочет обновить состояние, он <strong>должен</strong> сделать это через магазин Redux. Однонаправленный поток данных облегчает отслеживание управления состоянием в вашем приложении. </section>
+
+## Instructions
+<section id="instructions"> Redux <code>store</code> является объектом , который имеет и управляет приложения <code>state</code> . В объекте Redux существует метод, называемый <code>createStore()</code> , который вы используете для создания <code>store</code> Redux. Этот метод принимает функцию <code>reducer</code> как необходимый аргумент. Функция <code>reducer</code> рассматривается в более поздней задаче и уже определена для вас в редакторе кода. Он просто принимает <code>state</code> как аргумент и возвращает <code>state</code> . Объявите переменную <code>store</code> и назначьте ее <code>createStore()</code> , передав в <code>reducer</code> в качестве аргумента. <strong>Примечание</strong> . Код в редакторе использует синтаксис аргумента по умолчанию ES6 для инициализации этого состояния, чтобы сохранить значение <code>5</code> . Если вы не знакомы с аргументами по умолчанию, вы можете обратиться к <a target="_blank" href="https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions">разделу ES6 в учебной программе,</a> которая охватывает этот <a target="_blank" href="https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions">раздел</a> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Магазин редукции существует.
+    testString: 'assert(typeof store.getState === "function", "The redux store exists.");'
+  - text: Хранилище redux имеет значение 5 для состояния.
+    testString: 'assert(store.getState()=== 5, "The redux store has a value of 5 for the state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const reducer = (state = 5) => {
+  return state;
+}
+
+// Redux methods are available from a Redux object
+// For example: Redux.createStore()
+// Define the store here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/redux/define-a-redux-action.russian.md b/curriculum/challenges/russian/03-front-end-libraries/redux/define-a-redux-action.russian.md
new file mode 100644
index 0000000000..168a3f5d4e
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/redux/define-a-redux-action.russian.md
@@ -0,0 +1,52 @@
+---
+id: 5a24c314108439a4d403614d
+title: Define a Redux Action
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Определение действия Redux
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> Написание действия Redux так же просто, как объявление объекта с свойством type. Объявите объект <code>action</code> и придать ему свойство <code>type</code> установлен в строке <code>&#39;LOGIN&#39;</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { return typeof action === "object" })(), "An action object should exist.");'
+  - text: ''
+    testString: 'assert((function() { return action.type === "LOGIN" })(), "The action should have a key property type with value <code>LOGIN</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// Define an action here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/redux/define-an-action-creator.russian.md b/curriculum/challenges/russian/03-front-end-libraries/redux/define-an-action-creator.russian.md
new file mode 100644
index 0000000000..3b8bbc4761
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/redux/define-an-action-creator.russian.md
@@ -0,0 +1,57 @@
+---
+id: 5a24c314108439a4d403614e
+title: Define an Action Creator
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Определить создателя действий
+---
+
+## Description
+<section id="description"> После создания действия следующий шаг отправляет действие в хранилище Redux, чтобы он мог обновить свое состояние. В Redux вы определяете создателей действий для достижения этого. Создатель действия - это просто функция JavaScript, которая возвращает действие. Другими словами, создатели действий создают объекты, которые представляют события действий. </section>
+
+## Instructions
+<section id="instructions"> Определите функцию с именем <code>actionCreator()</code> которая возвращает объект <code>action</code> при вызове. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Функция <code>actionCreator</code> должна существовать.
+    testString: 'assert(typeof actionCreator === "function", "The function <code>actionCreator</code> should exist.");'
+  - text: Запуск функции <code>actionCreator</code> должен вернуть объект действия.
+    testString: 'assert(typeof action === "object", "Running the <code>actionCreator</code> function should return the action object.");'
+  - text: Возвращаемое действие должно иметь тип свойства ключа со значением <code>LOGIN</code> .
+    testString: 'assert(action.type === "LOGIN", "The returned action should have a key property type with value <code>LOGIN</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const action = {
+  type: 'LOGIN'
+}
+// Define an action creator here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/redux/dispatch-an-action-event.russian.md b/curriculum/challenges/russian/03-front-end-libraries/redux/dispatch-an-action-event.russian.md
new file mode 100644
index 0000000000..bb99361efb
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/redux/dispatch-an-action-event.russian.md
@@ -0,0 +1,64 @@
+---
+id: 5a24c314108439a4d403614f
+title: Dispatch an Action Event
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Отправка события
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вызов функции <code>loginAction</code> должен возвращать объект с свойством <code>type</code> установленным в строку <code>LOGIN</code> .
+    testString: 'assert(loginAction().type === "LOGIN", "Calling the function <code>loginAction</code> should return an object with <code>type</code> property set to the string <code>LOGIN</code>.");'
+  - text: Магазин должен быть инициализирован объектом с идентификатором <code>login</code> установленным в значение <code>false</code> .
+    testString: 'assert(store.getState().login === false, "The store should be initialized with an object with property <code>login</code> set to <code>false</code>.");'
+  - text: Метод <code>store.dispatch()</code> должен использоваться для отправки действия типа <code>LOGIN</code> .
+    testString: 'getUserInput => assert((function() {  let noWhiteSpace = getUserInput("index").replace(/\s/g,""); return noWhiteSpace.includes("store.dispatch(loginAction())") || noWhiteSpace.includes("store.dispatch({type: \"LOGIN\"})") === true })(), "The <code>store.dispatch()</code> method should be used to dispatch an action of type <code>LOGIN</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const store = Redux.createStore(
+  (state = {login: false}) => state
+);
+
+const loginAction = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+// Dispatch the action here:
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/redux/get-state-from-the-redux-store.russian.md b/curriculum/challenges/russian/03-front-end-libraries/redux/get-state-from-the-redux-store.russian.md
new file mode 100644
index 0000000000..2a7373646a
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/redux/get-state-from-the-redux-store.russian.md
@@ -0,0 +1,56 @@
+---
+id: 5a24c314108439a4d403614c
+title: Get State from the Redux Store
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Получить статус из магазина Redux
+---
+
+## Description
+<section id="description"> Объект хранилища Redux предоставляет несколько методов, которые позволяют вам взаимодействовать с ним. Например, вы можете получить текущее <code>state</code> сохраненное в объекте хранилища Redux, с помощью <code>getState()</code> . </section>
+
+## Instructions
+<section id="instructions"> Код из предыдущего вызова переписывается более кратко в редакторе кода. Используйте <code>store.getState()</code> для извлечения <code>state</code> из <code>store</code> и присвойте ему новую переменную <code>currentState</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Хранилище redux должно иметь значение 5 для начального состояния.
+    testString: 'assert(store.getState()===5, "The redux store should have a value of 5 for the initial state.");'
+  - text: Переменная <code>currentState</code> должна существовать и ей должно быть присвоено текущее состояние хранилища Redux.
+    testString: 'getUserInput => assert(currentState === 5 && getUserInput("index").includes("store.getState()"), "A variable <code>currentState</code> should exist and should be assigned the current state of the Redux store.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const store = Redux.createStore(
+  (state = 5) => state
+);
+
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/redux/handle-an-action-in-the-store.russian.md b/curriculum/challenges/russian/03-front-end-libraries/redux/handle-an-action-in-the-store.russian.md
new file mode 100644
index 0000000000..5bc491417b
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/redux/handle-an-action-in-the-store.russian.md
@@ -0,0 +1,72 @@
+---
+id: 5a24c314108439a4d4036150
+title: Handle an Action in the Store
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Управлять действием в магазине
+---
+
+## Description
+<section id="description"> После того, как действие создано и отправлено, хранилище Redux должно знать, как реагировать на это действие. Это задача <code>reducer</code> . Редукторы в Redux отвечают за изменения состояния, которые происходят в ответ на действия. <code>reducer</code> принимает <code>state</code> и <code>action</code> качестве аргументов и всегда возвращает новое <code>state</code> . Важно видеть, что это <strong>единственная</strong> роль редуктора. Он не имеет побочных эффектов - он никогда не называет конечную точку API и никогда не имеет никаких скрытых сюрпризов. Редуктор - это просто чистая функция, которая принимает состояние и действие, а затем возвращает новое состояние. Другим ключевым принципом в Redux является то, что <code>state</code> доступно только для чтения. Другими словами, функция <code>reducer</code> должна <strong>всегда</strong> возвращать новую копию <code>state</code> и никогда не изменять состояние напрямую. Redux не обеспечивает неизменность состояния, однако вы несете ответственность за его выполнение в коде своих функций редуктора. Вы будете практиковать это в более поздних проблемах. </section>
+
+## Instructions
+<section id="instructions"> Редактор кода имеет предыдущий пример, а также начало функции <code>reducer</code> для вас. Заполните тело функции <code>reducer</code> так, чтобы, если он получает действие типа <code>&#39;LOGIN&#39;</code> он возвращает объект состояния с <code>login</code> установленным в <code>true</code> . В противном случае он возвращает текущее <code>state</code> . Обратите внимание, что текущее <code>state</code> и отправленное <code>action</code> передаются в редуктор, поэтому вы можете напрямую обращаться к типу действия с помощью <code>action.type</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Вызов функции <code>loginAction</code> должен возвращать объект с свойством типа, установленным в строку <code>LOGIN</code> .'
+    testString: 'assert(loginAction().type === "LOGIN", "Calling the function <code>loginAction</code> should return an object with type property set to the string <code>LOGIN</code>.");'
+  - text: Магазин должен быть инициализирован объектом с идентификатором <code>login</code> установленным в значение <code>false</code> .
+    testString: 'assert(store.getState().login === false, "The store should be initialized with an object with property <code>login</code> set to <code>false</code>.");'
+  - text: ''
+    testString: 'assert((function() {  const initialState = store.getState(); store.dispatch(loginAction()); const afterState = store.getState(); return initialState.login === false && afterState.login === true })(), "Dispatching <code>loginAction</code> should update the <code>login</code> property in the store state to <code>true</code>.");'
+  - text: ''
+    testString: 'assert((function() { store.dispatch({type: "__TEST__ACTION__"}); let afterTest = store.getState(); return typeof afterTest === "object" && afterTest.hasOwnProperty("login") })(), "If the action is not of type <code>LOGIN</code>, the store should return the current state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const defaultState = {
+  login: false
+};
+
+const reducer = (state = defaultState, action) => {
+  // change code below this line
+
+  // change code above this line
+};
+
+const store = Redux.createStore(reducer);
+
+const loginAction = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/redux/never-mutate-state.russian.md b/curriculum/challenges/russian/03-front-end-libraries/redux/never-mutate-state.russian.md
new file mode 100644
index 0000000000..517a82ee8b
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/redux/never-mutate-state.russian.md
@@ -0,0 +1,82 @@
+---
+id: 5a24c314108439a4d4036158
+title: Never Mutate State
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Никогда не мутируйте государство
+---
+
+## Description
+<section id="description"> Эти заключительные проблемы описывают несколько способов обеспечения ключевого принципа неизменности состояния в Redux. Неизменяемое состояние означает, что вы никогда не изменяете состояние напрямую, вместо этого вы возвращаете новую копию состояния. Если вы взяли снимок состояния Redux приложения с течением времени, вы увидите что - то вроде <code>state 1</code> , <code>state 2</code> , <code>state 3</code> , <code>state 4</code> , <code>...</code> и так далее , где каждое состояние может быть аналогично последним, но каждый представляет собой отдельную часть данных. Эта непреложность, по сути, является тем, что обеспечивает такие функции, как отладка во время путешествия, о которой вы, возможно, слышали. Redux не активно применяет неизменность государства в своем магазине или редукторах, эта ответственность ложится на программиста. К счастью, JavaScript (особенно ES6) предоставляет несколько полезных инструментов, которые можно использовать для обеспечения неизменности вашего состояния, будь то <code>string</code> , <code>number</code> , <code>array</code> или <code>object</code> . Обратите внимание, что строки и числа являются примитивными значениями и неизменны по своей природе. Другими словами, 3 всегда 3. Вы не можете изменить значение числа 3. <code>array</code> или <code>object</code> , однако, являются изменяемыми. На практике ваше состояние, вероятно, будет состоять из <code>array</code> или <code>object</code> , поскольку они являются полезными структурами данных для представления многих типов информации. </section>
+
+## Instructions
+<section id="instructions"> В редакторе кода есть <code>store</code> и <code>reducer</code> для управления предметами. Завершите запись случая <code>ADD_TO_DO</code> в редукторе, чтобы добавить новое дело в состояние. Есть несколько способов сделать это со стандартным JavaScript или ES6. Посмотрите, можете ли вы найти способ возврата нового массива с элементом из <code>action.todo</code> добавленным в конец. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Хранилище Redux должно существовать и инициализироваться с состоянием, равным массиву <code>todos</code> в редакторе кода.'
+    testString: 'assert((function() { const todos = [ "Go to the store", "Clean the house", "Cook dinner", "Learn to code" ]; const initialState = store.getState(); return Array.isArray(initialState) && initialState.join(",") === todos.join(","); })(), "The Redux store should exist and initialize with a state equal to the <code>todos</code> array in the code editor.");'
+  - text: <code>addToDo</code> и <code>immutableReducer</code> должны быть функциями.
+    testString: 'assert(typeof addToDo === "function" && typeof immutableReducer === "function", "<code>addToDo</code> and <code>immutableReducer</code> both should be functions.");'
+  - text: При <code>ADD_TO_DO</code> действия типа <code>ADD_TO_DO</code> в хранилище Redux следует добавить объект <code>todo</code> и НЕ должен мутировать состояние.
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch(addToDo("__TEST__TO__DO__")); const finalState = store.getState(); const expectedState = [ "Go to the store", "Clean the house", "Cook dinner", "Learn to code", "__TEST__TO__DO__" ]; return( isFrozen && DeepEqual(finalState, expectedState)); })(), "Dispatching an action of type <code>ADD_TO_DO</code> on the Redux store should add a <code>todo</code> item and should NOT mutate state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ADD_TO_DO = 'ADD_TO_DO';
+
+// A list of strings representing tasks to do:
+const todos = [
+  'Go to the store',
+  'Clean the house',
+  'Cook dinner',
+  'Learn to code',
+];
+
+const immutableReducer = (state = todos, action) => {
+  switch(action.type) {
+    case ADD_TO_DO:
+      // don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+// an example todo argument would be 'Learn React',
+const addToDo = (todo) => {
+  return {
+    type: ADD_TO_DO,
+    todo
+  }
+}
+
+const store = Redux.createStore(immutableReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/redux/register-a-store-listener.russian.md b/curriculum/challenges/russian/03-front-end-libraries/redux/register-a-store-listener.russian.md
new file mode 100644
index 0000000000..924db9cce5
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/redux/register-a-store-listener.russian.md
@@ -0,0 +1,88 @@
+---
+id: 5a24c314108439a4d4036153
+title: Register a Store Listener
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Зарегистрировать слушателя магазина
+---
+
+## Description
+<section id="description"> Другой метод, к <code>store.subscribe()</code> вас есть доступ к объекту <code>store</code> Redux, - <code>store.subscribe()</code> . Это позволяет вам подписывать функции слушателя в хранилище, которые вызывается всякий раз, когда действие отправляется против магазина. Одним из простых способов использования этого метода является подписка функции на ваш магазин, которая просто регистрирует сообщение каждый раз, когда принимается действие, и хранилище обновляется. </section>
+
+## Instructions
+<section id="instructions"> Написать функцию обратного вызова , который увеличивает глобальную переменную <code>count</code> каждый раз , когда магазин принимает действие, и передать эту функцию в к <code>store.subscribe()</code> метода. Вы увидите, что <code>store.dispatch()</code> вызывается три раза подряд, каждый раз непосредственно передавая объект действия. Посмотрите вывод консоли между диспетчерами действий, чтобы увидеть обновления. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Отправка действия <code>ADD</code> в хранилище должна увеличивать состояние на <code>1</code> .
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch({ type: "ADD" }); const newState = store.getState(); return newState === (initialState + 1); })(), "Dispatching the <code>ADD</code> action on the store should increment the state by <code>1</code>.");'
+  - text: 'Должна быть функция прослушивателя, подписанная на магазин, используя <code>store.subscribe</code> .'
+    testString: 'getUserInput => assert(getUserInput("index").includes("store.subscribe("), "There should be a listener function subscribed to the store using <code>store.subscribe</code>.");'
+  - text: Обратный вызов <code>store.subscribe</code> также должен увеличивать глобальную переменную <code>count</code> при обновлении хранилища.
+    testString: 'assert(store.getState() === count, "The callback to <code>store.subscribe</code> should also increment the global <code>count</code> variable as the store is updated.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ADD = 'ADD';
+
+const reducer = (state = 0, action) => {
+  switch(action.type) {
+    case ADD:
+      return state + 1;
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(reducer);
+
+// global count variable:
+let count = 0;
+
+// change code below this line
+
+// change code above this line
+
+store.dispatch({type: ADD});
+console.log(count);
+store.dispatch({type: ADD});
+console.log(count);
+store.dispatch({type: ADD});
+console.log(count);
+
+```
+
+</div>
+
+### Before Test
+<div id='jsx-setup'>
+
+```jsx
+count = 0;
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/redux/remove-an-item-from-an-array.russian.md b/curriculum/challenges/russian/03-front-end-libraries/redux/remove-an-item-from-an-array.russian.md
new file mode 100644
index 0000000000..5ed5bab089
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/redux/remove-an-item-from-an-array.russian.md
@@ -0,0 +1,71 @@
+---
+id: 5a24c314108439a4d403615a
+title: Remove an Item from an Array
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Удалить элемент из массива
+---
+
+## Description
+<section id="description"> Время практиковать удаление элементов из массива. Здесь также может использоваться оператор распространения. Другие полезные методы JavaScript включают <code>slice()</code> и <code>concat()</code> . </section>
+
+## Instructions
+<section id="instructions"> Редуктор и создатель действия были изменены для удаления элемента из массива на основе индекса элемента. Завершите запись редуктора, чтобы новый массив состояний был возвращен с удаленным элементом. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Магазин Redux должен существовать и инициализироваться с состоянием, равным <code>[0,1,2,3,4,5]</code>'
+    testString: 'assert((function() { const initialState = store.getState(); return (Array.isArray(initialState) === true && DeepEqual(initialState, [0, 1, 2, 3, 4, 5])); })(), "The Redux store should exist and initialize with a state equal to <code>[0,1,2,3,4,5]</code>");'
+  - text: <code>removeItem</code> и <code>immutableReducer</code> должны быть функциями.
+    testString: 'assert(typeof removeItem === "function" && typeof immutableReducer === "function", "<code>removeItem</code> and <code>immutableReducer</code> both should be functions.");'
+  - text: ''
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch(removeItem(3)); const state_1 = store.getState(); store.dispatch(removeItem(2)); const state_2 = store.getState(); store.dispatch(removeItem(0)); store.dispatch(removeItem(0)); store.dispatch(removeItem(0)); const state_3 = store.getState(); return isFrozen && DeepEqual(state_1, [0, 1, 2, 4, 5]) && DeepEqual(state_2, [0, 1, 4, 5]) && DeepEqual(state_3, [5]); })(), "Dispatching the <code>removeItem</code> action creator should remove items from the state and should NOT mutate state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const immutableReducer = (state = [0,1,2,3,4,5], action) => {
+  switch(action.type) {
+    case 'REMOVE_ITEM':
+      // don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+const removeItem = (index) => {
+  return {
+    type: 'REMOVE_ITEM',
+    index
+  }
+}
+
+const store = Redux.createStore(immutableReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/redux/send-action-data-to-the-store.russian.md b/curriculum/challenges/russian/03-front-end-libraries/redux/send-action-data-to-the-store.russian.md
new file mode 100644
index 0000000000..b2d35e1c3e
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/redux/send-action-data-to-the-store.russian.md
@@ -0,0 +1,74 @@
+---
+id: 5a24c314108439a4d4036155
+title: Send Action Data to the Store
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Отправка данных о действиях в магазин
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { const addNoteFn = addNoteText("__TEST__NOTE"); return addNoteFn.type === ADD_NOTE && addNoteFn.text === "__TEST__NOTE" })(), "The action creator <code>addNoteText</code> should return an object with keys <code>type</code> and <code>text</code>.");'
+  - text: ''
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch(addNoteText("__TEST__NOTE")); const newState = store.getState(); return initialState !== newState && newState === "__TEST__NOTE" })(), "Dispatching an action of type <code>ADD_NOTE</code> with the <code>addNoteText</code> action creator should update the <code>state</code> to the string passed to the action creator.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const ADD_NOTE = 'ADD_NOTE';
+
+const notesReducer = (state = 'Initial State', action) => {
+  switch(action.type) {
+    // change code below this line
+
+    // change code above this line
+    default:
+      return state;
+  }
+};
+
+const addNoteText = (note) => {
+  // change code below this line
+
+  // change code above this line
+};
+
+const store = Redux.createStore(notesReducer);
+
+console.log(store.getState());
+store.dispatch(addNoteText('Hello!'));
+console.log(store.getState());
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.russian.md b/curriculum/challenges/russian/03-front-end-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.russian.md
new file mode 100644
index 0000000000..96809671b4
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.russian.md
@@ -0,0 +1,82 @@
+---
+id: 5a24c314108439a4d4036151
+title: Use a Switch Statement to Handle Multiple Actions
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Используйте инструкцию Switch для обработки нескольких действий
+---
+
+## Description
+<section id="description"> Вы можете сказать магазину Redux, как обрабатывать несколько типов действий. Скажите, что вы управляете аутентификацией пользователя в своем хранилище Redux. Вы хотите иметь представление состояния, когда пользователи вошли в систему и когда они вышли из системы. Вы представляете это с единственным объектом состояния с <code>authenticated</code> свойством. Вам также нужны создатели действий, которые создают действия, соответствующие логину пользователя и пользователю, а также сами объекты действий. </section>
+
+## Instructions
+<section id="instructions"> В редакторе кода есть создатели хранилища, действия и действия. Заполните функцию <code>reducer</code> для обработки нескольких действий аутентификации. Используйте оператор <code>switch</code> JavaScript в <code>reducer</code> чтобы реагировать на различные события действий. Это стандартный образец при записи редукторов Redux. Оператор switch должен переключать <code>action.type</code> и возвращать соответствующее состояние аутентификации. <strong>Примечание.</strong> На этом этапе не беспокойтесь о неизменности состояния, поскольку в этом примере оно мало и просто. Для каждого действия вы можете вернуть новый объект - например <code>{authenticated: true}</code> . Кроме того, не забудьте написать случай по <code>default</code> в вашем операторе switch, который возвращает текущее <code>state</code> . Это важно, потому что, как только ваше приложение имеет несколько редукторов, все они запускаются в любое время, когда происходит отправка действий, даже если действие не связано с этим редуктором. В таком случае вы хотите убедиться, что вы вернете текущее <code>state</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Вызов функции <code>loginUser</code> должен вернуть объект с свойством type, установленным в строку <code>LOGIN</code> .'
+    testString: 'assert(loginUser().type === "LOGIN", "Calling the function <code>loginUser</code> should return an object with type property set to the string <code>LOGIN</code>.");'
+  - text: 'Вызов функции <code>logoutUser</code> должен вернуть объект с свойством типа, установленным в строку <code>LOGOUT</code> .'
+    testString: 'assert(logoutUser().type === "LOGOUT", "Calling the function <code>logoutUser</code> should return an object with type property set to the string <code>LOGOUT</code>.");'
+  - text: 'Магазин должен быть инициализирован объектом с <code>authenticated</code> свойством, установленным на <code>false</code> .'
+    testString: 'assert(store.getState().authenticated === false, "The store should be initialized with an object with an <code>authenticated</code> property set to <code>false</code>.");'
+  - text: Dispatching <code>loginUser</code> должен обновить <code>authenticated</code> свойство в состоянии хранилища до <code>true</code> .
+    testString: 'assert((function() {  const initialState = store.getState(); store.dispatch(loginUser()); const afterLogin = store.getState(); return initialState.authenticated === false && afterLogin.authenticated === true })(), "Dispatching <code>loginUser</code> should update the <code>authenticated</code> property in the store state to <code>true</code>.");'
+  - text: Dispatching <code>logoutUser</code> должен обновить <code>authenticated</code> свойство в состоянии хранилища до <code>false</code> .
+    testString: 'assert((function() {  store.dispatch(loginUser()); const loggedIn = store.getState(); store.dispatch(logoutUser()); const afterLogout = store.getState(); return loggedIn.authenticated === true && afterLogout.authenticated === false  })(), "Dispatching <code>logoutUser</code> should update the <code>authenticated</code> property in the store state to <code>false</code>.");'
+  - text: Функция <code>authReducer</code> должна обрабатывать несколько типов действий с помощью оператора <code>switch</code> .
+    testString: 'getUserInput => assert( getUserInput("index").toString().includes("switch") && getUserInput("index").toString().includes("case") && getUserInput("index").toString().includes("default"), "The <code>authReducer</code> function should handle multiple action types with a <code>switch</code> statement.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const defaultState = {
+  authenticated: false
+};
+
+const authReducer = (state = defaultState, action) => {
+  // change code below this line
+
+  // change code above this line
+};
+
+const store = Redux.createStore(authReducer);
+
+const loginUser = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+const logoutUser = () => {
+  return {
+    type: 'LOGOUT'
+  }
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/redux/use-const-for-action-types.russian.md b/curriculum/challenges/russian/03-front-end-libraries/redux/use-const-for-action-types.russian.md
new file mode 100644
index 0000000000..1f5a88e71f
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/redux/use-const-for-action-types.russian.md
@@ -0,0 +1,105 @@
+---
+id: 5a24c314108439a4d4036152
+title: Use const for Action Types
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Использовать const для типов действий
+---
+
+## Description
+<section id="description"> Общей практикой при работе с Redux является назначение типов действий как констант только для чтения, а затем ссылки на эти константы везде, где они используются. Вы можете реорганизовать код, с которым работаете, чтобы написать типы действий как объявления <code>const</code> . </section>
+
+## Instructions
+<section id="instructions"> Объявите <code>LOGIN</code> и <code>LOGOUT</code> как <code>const</code> значения и назначьте их в <code>&#39;LOGIN&#39;</code> и <code>&#39;LOGOUT&#39;</code> строк соответственно. Затем отредактируйте <code>authReducer()</code> и создателей действия, чтобы ссылаться на эти константы вместо строковых значений. <strong>Примечание.</strong> Обычно принято писать константы во всех прописных буквах, и это стандартная практика в Redux. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вызов функции <code>loginUser</code> должен вернуть объект с свойством <code>type</code> установленным в строку <code>LOGIN</code> .
+    testString: 'assert(loginUser().type === "LOGIN", "Calling the function <code>loginUser</code> should return an object with <code>type</code> property set to the string <code>LOGIN</code>.");'
+  - text: Вызов функции <code>logoutUser</code> должен вернуть объект с свойством <code>type</code> установленным в строку <code>LOGOUT</code> .
+    testString: 'assert(logoutUser().type === "LOGOUT", "Calling the function <code>logoutUser</code> should return an object with <code>type</code> property set to the string <code>LOGOUT</code>.");'
+  - text: Магазин должен быть инициализирован объектом с идентификатором <code>login</code> установленным в значение <code>false</code> .
+    testString: 'assert(store.getState().authenticated === false, "The store should be initialized with an object with property <code>login</code> set to <code>false</code>.");'
+  - text: Dispatching <code>loginUser</code> должен обновить свойство <code>login</code> в состоянии store до <code>true</code> .
+    testString: 'assert((function() {  const initialState = store.getState(); store.dispatch(loginUser()); const afterLogin = store.getState(); return initialState.authenticated === false && afterLogin.authenticated === true })(), "Dispatching <code>loginUser</code> should update the <code>login</code> property in the store state to <code>true</code>.");'
+  - text: Dispatching <code>logoutUser</code> должен обновить свойство <code>login</code> в состоянии store до <code>false</code> .
+    testString: 'assert((function() {  store.dispatch(loginUser()); const loggedIn = store.getState(); store.dispatch(logoutUser()); const afterLogout = store.getState(); return loggedIn.authenticated === true && afterLogout.authenticated === false })(), "Dispatching <code>logoutUser</code> should update the <code>login</code> property in the store state to <code>false</code>.");'
+  - text: Функция <code>authReducer</code> должна обрабатывать несколько типов действий с помощью оператора switch.
+    testString: 'getUserInput => assert((function() { return typeof authReducer === "function" && getUserInput("index").toString().includes("switch") && getUserInput("index").toString().includes("case") && getUserInput("index").toString().includes("default") })(), "The <code>authReducer</code> function should handle multiple action types with a switch statement.");'
+  - text: <code>LOGIN</code> и <code>LOGOUT</code> должны быть объявлены как значения <code>const</code> и должны быть назначены строки <code>LOGIN</code> и <code>LOGOUT</code> .
+    testString: 'getUserInput => assert((function() {  const noWhiteSpace = getUserInput("index").toString().replace(/\s/g,""); return (noWhiteSpace.includes("constLOGIN=\"LOGIN\"") || noWhiteSpace.includes("constLOGIN="LOGIN"")) && (noWhiteSpace.includes("constLOGOUT=\"LOGOUT\"") || noWhiteSpace.includes("constLOGOUT="LOGOUT"")) })(), "<code>LOGIN</code> and <code>LOGOUT</code> should be declared as <code>const</code> values and should be assigned strings of <code>LOGIN</code>and <code>LOGOUT</code>.");'
+  - text: Создатели действия и редуктор должны ссылаться на константы <code>LOGIN</code> и <code>LOGOUT</code> .
+    testString: 'getUserInput => assert((function() { const noWhiteSpace = getUserInput("index").toString().replace(/\s/g,""); return noWhiteSpace.includes("caseLOGIN:") && noWhiteSpace.includes("caseLOGOUT:") && noWhiteSpace.includes("type:LOGIN") && noWhiteSpace.includes("type:LOGOUT") })(), "The action creators and the reducer should reference the <code>LOGIN</code> and <code>LOGOUT</code> constants.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+// change code below this line
+
+// change code above this line
+
+const defaultState = {
+  authenticated: false
+};
+
+const authReducer = (state = defaultState, action) => {
+
+  switch (action.type) {
+
+    case 'LOGIN':
+      return {
+        authenticated: true
+      }
+
+    case 'LOGOUT':
+      return {
+        authenticated: false
+      }
+
+    default:
+      return state;
+
+  }
+
+};
+
+const store = Redux.createStore(authReducer);
+
+const loginUser = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+const logoutUser = () => {
+  return {
+    type: 'LOGOUT'
+  }
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/redux/use-middleware-to-handle-asynchronous-actions.russian.md b/curriculum/challenges/russian/03-front-end-libraries/redux/use-middleware-to-handle-asynchronous-actions.russian.md
new file mode 100644
index 0000000000..1fdeb043b4
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/redux/use-middleware-to-handle-asynchronous-actions.russian.md
@@ -0,0 +1,103 @@
+---
+id: 5a24c314108439a4d4036156
+title: Use Middleware to Handle Asynchronous Actions
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Использование промежуточного программного обеспечения для обработки асинхронных действий
+---
+
+## Description
+<section id="description"> До сих пор эти проблемы избегали обсуждения асинхронных действий, но они являются неотъемлемой частью веб-разработки. В какой-то момент вам нужно будет вызывать асинхронные конечные точки в вашем приложении Redux, так как вы обрабатываете эти типы запросов? Redux обеспечивает промежуточное программное обеспечение, разработанное специально для этой цели, называемое промежуточным программным обеспечением Redux Thunk. Вот краткое описание того, как использовать это с Redux. Чтобы включить промежуточное ПО Redux Thunk, вы передаете его в качестве аргумента для <code>Redux.applyMiddleware()</code> . Затем этот оператор предоставляется в качестве второго необязательного параметра функции <code>createStore()</code> . Посмотрите на код внизу редактора, чтобы увидеть это. Затем, чтобы создать асинхронное действие, вы возвращаете функцию в создателе действия, который принимает <code>dispatch</code> в качестве аргумента. В рамках этой функции вы можете отправлять действия и выполнять асинхронные запросы. В этом примере асинхронный запрос моделируется с помощью вызова <code>setTimeout()</code> . Обычно перед отправкой какого-либо асинхронного поведения вы отправляете какое-либо действие, чтобы ваше состояние приложения знало, что запрашиваются некоторые данные (например, это состояние может отображать значок загрузки). Затем, как только вы получите данные, вы отправите другое действие, которое несет данные как полезную нагрузку вместе с информацией о завершении действия. Помните, что вы <code>dispatch</code> в качестве параметра этому создателю специальных действий. Это то, что вы будете использовать для отправки ваших действий, вы просто передаете действие непосредственно для отправки, а промежуточное ПО заботится обо всем остальном. </section>
+
+## Instructions
+<section id="instructions"> Напишите оба отправления в создателе <code>handleAsync()</code> . Отправка <code>requestingData()</code> перед <code>setTimeout()</code> (имитированный вызов API). Затем, после получения (притворяются) данных, отправьте <code>receivedData()</code> действиеData <code>receivedData()</code> , передав эти данные. Теперь вы знаете, как обрабатывать асинхронные действия в Redux. Все остальное продолжает вести себя по-прежнему. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(requestingData().type === REQUESTING_DATA, "The <code>requestingData</code> action creator should return an object of type equal to the value of <code>REQUESTING_DATA</code>.");'
+  - text: ''
+    testString: 'assert(receivedData("data").type === RECEIVED_DATA, "The <code>receivedData</code> action creator should return an object of type equal to the value of <code>RECEIVED_DATA</code>.");'
+  - text: <code>asyncDataReducer</code> должен быть функцией.
+    testString: 'assert(typeof asyncDataReducer === "function", "<code>asyncDataReducer</code> should be a function.");'
+  - text: ''
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch(requestingData()); const reqState = store.getState(); return initialState.fetching === false && reqState.fetching === true })(), "Dispatching the requestingData action creator should update the store <code>state</code> property of fetching to <code>true</code>.");'
+  - text: ''
+    testString: 'assert((function() { const noWhiteSpace = handleAsync.toString().replace(/\s/g,""); return noWhiteSpace.includes("dispatch(requestingData())") === true && noWhiteSpace.includes("dispatch(receivedData(data))") === true })(), "Dispatching <code>handleAsync</code> should dispatch the data request action and then dispatch the received data action after a delay.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const REQUESTING_DATA = 'REQUESTING_DATA'
+const RECEIVED_DATA = 'RECEIVED_DATA'
+
+const requestingData = () => { return {type: REQUESTING_DATA} }
+const receivedData = (data) => { return {type: RECEIVED_DATA, users: data.users} }
+
+const handleAsync = () => {
+  return function(dispatch) {
+    // dispatch request action here
+
+    setTimeout(function() {
+      let data = {
+        users: ['Jeff', 'William', 'Alice']
+      }
+      // dispatch received data action here
+
+    }, 2500);
+  }
+};
+
+const defaultState = {
+  fetching: false,
+  users: []
+};
+
+const asyncDataReducer = (state = defaultState, action) => {
+  switch(action.type) {
+    case REQUESTING_DATA:
+      return {
+        fetching: true,
+        users: []
+      }
+    case RECEIVED_DATA:
+      return {
+        fetching: false,
+        users: action.users
+      }
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(
+  asyncDataReducer,
+  Redux.applyMiddleware(ReduxThunk.default)
+);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/redux/use-the-spread-operator-on-arrays.russian.md b/curriculum/challenges/russian/03-front-end-libraries/redux/use-the-spread-operator-on-arrays.russian.md
new file mode 100644
index 0000000000..c727802c33
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/redux/use-the-spread-operator-on-arrays.russian.md
@@ -0,0 +1,73 @@
+---
+id: 5a24c314108439a4d4036159
+title: Use the Spread Operator on Arrays
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Использование оператора спреда на массивах
+---
+
+## Description
+<section id="description"> Одним из решений ES6, чтобы помочь обеспечить неизменность состояния в Redux, является оператор с расширением: <code>...</code> Оператор распространения имеет множество приложений, один из которых хорошо подходит для предыдущего вызова создания нового массива из существующего массива. Это относительно новый, но обычно используемый синтаксис. Например, если у вас есть массив <code>myArray</code> и напишите: <code>let newArray = [...myArray];</code> <code>newArray</code> теперь является клоном <code>myArray</code> . Оба массива все еще существуют отдельно в памяти. Если вы выполняете мутацию типа <code>newArray.push(5)</code> , <code>myArray</code> не изменяется. <code>...</code> эффективно <i>распространяет</i> значения в <code>myArray</code> в новый массив. Чтобы клонировать массив, но добавляя дополнительные значения в новый массив, вы можете написать <code>[...myArray, &#39;new value&#39;]</code> . Это вернет новый массив, состоящий из значений в <code>myArray</code> и строку <code>&#39;new value&#39;</code> в качестве последнего значения. Синтаксис распространения может использоваться несколько раз в составе массива, как это, но важно отметить, что он делает только мелкую копию массива. То есть он обеспечивает только неизменные операции массива для одномерных массивов. </section>
+
+## Instructions
+<section id="instructions"> Используйте оператор spread, чтобы вернуть новую копию состояния при добавлении дела. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Магазин Redux должен существовать и инициализироваться с состоянием, равным <code>[Do not mutate state!]</code> .'
+    testString: 'assert((function() { const initialState = store.getState(); return ( Array.isArray(initialState) === true && initialState[0] === "Do not mutate state!"); })(), "The Redux store should exist and initialize with a state equal to <code>[Do not mutate state!]</code>.");'
+  - text: <code>addToDo</code> и <code>immutableReducer</code> должны быть функциями.
+    testString: 'assert(typeof addToDo === "function" && typeof immutableReducer === "function", "<code>addToDo</code> and <code>immutableReducer</code> both should be functions.");'
+  - text: При <code>ADD_TO_DO</code> действия типа <code>ADD_TO_DO</code> в хранилище Redux следует добавить объект <code>todo</code> и НЕ должен мутировать состояние.
+    testString: 'assert((function() { const initialState = store.getState(); const isFrozen = DeepFreeze(initialState); store.dispatch(addToDo("__TEST__TO__DO__")); const finalState = store.getState(); const expectedState = [ "Do not mutate state!", "__TEST__TO__DO__" ]; return( isFrozen && DeepEqual(finalState, expectedState)); })(), "Dispatching an action of type <code>ADD_TO_DO</code> on the Redux store should add a <code>todo</code> item and should NOT mutate state.");'
+  - text: Оператор распространения должен использоваться для возврата нового состояния.
+    testString: 'getUserInput => assert(getUserInput("index").includes("...state"), "The spread operator should be used to return new state.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const immutableReducer = (state = ['Do not mutate state!'], action) => {
+  switch(action.type) {
+    case 'ADD_TO_DO':
+      // don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+const addToDo = (todo) => {
+  return {
+    type: 'ADD_TO_DO',
+    todo
+  }
+}
+
+const store = Redux.createStore(immutableReducer);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/redux/write-a-counter-with-redux.russian.md b/curriculum/challenges/russian/03-front-end-libraries/redux/write-a-counter-with-redux.russian.md
new file mode 100644
index 0000000000..4b3cb907fb
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/redux/write-a-counter-with-redux.russian.md
@@ -0,0 +1,69 @@
+---
+id: 5a24c314108439a4d4036157
+title: Write a Counter with Redux
+challengeType: 6
+isRequired: false
+videoUrl: ''
+localeTitle: Напишите счетчик с Redux
+---
+
+## Description
+<section id="description"> Теперь вы узнали все основные принципы Redux! Вы видели, как создавать действия и создавать действия, создавать хранилище Redux, отправлять ваши действия против магазина и разрабатывать обновления состояния с помощью чистых редукторов. Вы даже видели, как управлять сложным состоянием с композицией редуктора и обрабатывать асинхронные действия. Эти примеры упрощены, но эти концепции являются основными принципами Redux. Если вы их хорошо понимаете, вы готовы приступить к созданию своего собственного приложения Redux. Следующие проблемы охватывают некоторые детали, касающиеся неизменности <code>state</code> , но сначала рассмотрим все, что вы изучили до сих пор. </section>
+
+## Instructions
+<section id="instructions"> В этом уроке вы будете использовать простой счетчик с Redux с нуля. Основы представлены в редакторе кода, но вам нужно будет заполнить детали! Используйте имена, которые предоставляются и определяют <code>incAction</code> и <code>decAction</code> создателей действий, в <code>counterReducer()</code> , <code>INCREMENT</code> и <code>DECREMENT</code> типы действий, и , наконец, Redux <code>store</code> . После того, как вы закончите , вы должны быть в состоянии направить <code>INCREMENT</code> или <code>DECREMENT</code> действия для увеличения или уменьшения состояния проводится в <code>store</code> . Удачи в создании вашего первого приложения Redux! </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Создатель действия <code>incAction</code> должен возвращать объект действия с <code>type</code> равным значению <code>INCREMENT</code>
+    testString: 'assert(incAction().type ===INCREMENT, "The action creator <code>incAction</code> should return an action object with <code>type</code> equal to the value of <code>INCREMENT</code>");'
+  - text: Создатель действия <code>decAction</code> должен возвращать объект действия с <code>type</code> равным значению <code>DECREMENT</code>
+    testString: 'assert(decAction().type === DECREMENT, "The action creator <code>decAction</code> should return an action object with <code>type</code> equal to the value of <code>DECREMENT</code>");'
+  - text: Магазин Redux должен инициализировать с <code>state</code> 0.
+    testString: 'assert(store.getState() === 0, "The Redux store should initialize with a <code>state</code> of 0.");'
+  - text: Dispatching <code>incAction</code> в магазине Redux должен увеличивать <code>state</code> на 1.
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch(incAction()); const incState = store.getState(); return initialState + 1 === incState })(), "Dispatching <code>incAction</code> on the Redux store should increment the <code>state</code> by 1.");'
+  - text: Отправка <code>decAction</code> в хранилище Redux должна <code>decAction</code> <code>state</code> на 1.
+    testString: 'assert((function() { const initialState = store.getState(); store.dispatch(decAction()); const decState = store.getState(); return initialState - 1 === decState })(), "Dispatching <code>decAction</code> on the Redux store should decrement the <code>state</code> by 1.");'
+  - text: <code>counterReducer</code> должен быть функцией
+    testString: 'assert(typeof counterReducer === "function", "<code>counterReducer</code> should be a function");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='jsx-seed'>
+
+```jsx
+const INCREMENT = null; // define a constant for increment action types
+const DECREMENT = null; // define a constant for decrement action types
+
+const counterReducer = null; // define the counter reducer which will increment or decrement the state based on the action it receives
+
+const incAction = null; // define an action creator for incrementing
+
+const decAction = null; // define an action creator for decrementing
+
+const store = null; // define the Redux store here, passing in your reducers
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.russian.md b/curriculum/challenges/russian/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.russian.md
new file mode 100644
index 0000000000..c6eae98232
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.russian.md
@@ -0,0 +1,91 @@
+---
+id: 587d7dbf367417b2b2512bbb
+title: Apply a Style Until a Condition is Met with @while
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Применить стиль до тех пор, пока условие не встретится с @while'
+---
+
+## Description
+<section id="description"> <code>@while</code> директива является вариантом с аналогичной функциональностью на JavaScript в <code>while</code> цикл. Он создает правила CSS до тех пор, пока не будет выполнено условие. Задача <code>@for</code> привела пример создания простой сетки. Это также может работать с <code>@while</code> . <blockquote> $ x: 1; <br> @while $ x &lt;13 { <br> .col - # {$ x} {width: 100% / 12 * $ x;} <br> $ x: $ x + 1; <br> } </blockquote> Сначала определите переменную <code>$x</code> и установите ее в 1. Затем используйте директиву <code>@while</code> для создания сетки, <i>а</i> <code>$x</code> меньше 13. После установки правила CSS для <code>width</code> <code>$x</code> увеличивается на 1, чтобы избежать бесконечная петля. </section>
+
+## Instructions
+<section id="instructions"> Используйте <code>@while</code> для создания серии классов с разными <code>font-sizes</code> . Должно быть 10 разных классов из <code>text-1</code> в <code>text-10</code> . Затем установите <code>font-size</code> в 5px, умноженный на текущий номер индекса. Обязательно избегайте бесконечного цикла! </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать директиву <code>@while</code> .
+    testString: 'assert(code.match(/@while /g), "Your code should use the <code>@while</code> directive.");'
+  - text: Ваш код должен установить индексную переменную в 1 для запуска.
+    testString: 'assert(code.match(/\$.*:\s*?1;/gi), "Your code should set an index variable to 1 to start.");'
+  - text: Ваш код должен увеличивать счетчик.
+    testString: 'assert(code.match(/\$(.*):\s*?\$\1\s*?\+\s*?1;/gi), "Your code should increment the counter variable.");'
+  - text: Класс <code>.text-1</code> должен иметь <code>font-size</code> 5 пикселей.
+    testString: 'assert($(".text-1").css("font-size") == "5px", "Your <code>.text-1</code> class should have a <code>font-size</code> of 5px.");'
+  - text: Класс <code>.text-2</code> должен иметь <code>font-size</code> 10px.
+    testString: 'assert($(".text-2").css("font-size") == "10px", "Your <code>.text-2</code> class should have a <code>font-size</code> of 10px.");'
+  - text: Класс <code>.text-3</code> должен иметь <code>font-size</code> 15px.
+    testString: 'assert($(".text-3").css("font-size") == "15px", "Your <code>.text-3</code> class should have a <code>font-size</code> of 15px.");'
+  - text: Класс <code>.text-4</code> должен иметь <code>font-size</code> 20px.
+    testString: 'assert($(".text-4").css("font-size") == "20px", "Your <code>.text-4</code> class should have a <code>font-size</code> of 20px.");'
+  - text: Класс <code>.text-5</code> должен иметь <code>font-size</code> 25px.
+    testString: 'assert($(".text-5").css("font-size") == "25px", "Your <code>.text-5</code> class should have a <code>font-size</code> of 25px.");'
+  - text: Класс <code>.text-6</code> должен иметь <code>font-size</code> 30px.
+    testString: 'assert($(".text-6").css("font-size") == "30px", "Your <code>.text-6</code> class should have a <code>font-size</code> of 30px.");'
+  - text: Класс <code>.text-7</code> должен иметь <code>font-size</code> 35 пикселей.
+    testString: 'assert($(".text-7").css("font-size") == "35px", "Your <code>.text-7</code> class should have a <code>font-size</code> of 35px.");'
+  - text: Класс <code>.text-8</code> должен иметь <code>font-size</code> 40 пикселей.
+    testString: 'assert($(".text-8").css("font-size") == "40px", "Your <code>.text-8</code> class should have a <code>font-size</code> of 40px.");'
+  - text: Класс <code>.text-9</code> должен иметь <code>font-size</code> 45 пикселей.
+    testString: 'assert($(".text-9").css("font-size") == "45px", "Your <code>.text-9</code> class should have a <code>font-size</code> of 45px.");'
+  - text: Класс <code>.text-10</code> должен иметь <code>font-size</code> 50 пикселей.
+    testString: 'assert($(".text-10").css("font-size") == "50px", "Your <code>.text-10</code> class should have a <code>font-size</code> of 50px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+</style>
+
+<p class="text-1">Hello</p>
+<p class="text-2">Hello</p>
+<p class="text-3">Hello</p>
+<p class="text-4">Hello</p>
+<p class="text-5">Hello</p>
+<p class="text-6">Hello</p>
+<p class="text-7">Hello</p>
+<p class="text-8">Hello</p>
+<p class="text-9">Hello</p>
+<p class="text-10">Hello</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/sass/create-reusable-css-with-mixins.russian.md b/curriculum/challenges/russian/03-front-end-libraries/sass/create-reusable-css-with-mixins.russian.md
new file mode 100644
index 0000000000..f68a9c9757
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/sass/create-reusable-css-with-mixins.russian.md
@@ -0,0 +1,74 @@
+---
+id: 587d7dbd367417b2b2512bb6
+title: Create Reusable CSS with Mixins
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Создать многоразовый CSS с помощью Mixins
+---
+
+## Description
+<section id="description"> В Sass <code>mixin</code> представляет собой группу объявлений CSS, которые можно использовать повторно в таблице стилей. Новые функции CSS требуют времени, прежде чем они будут полностью приняты и готовы к использованию во всех браузерах. По мере добавления функций в браузеры, правила CSS, использующие их, могут потребоваться префиксы поставщиков. Рассмотрим «box-shadow»: <blockquote> div { <br> -webkit-box-shadow: 0px 0px 4px #fff; <br> -moz-box-shadow: 0px 0px 4px #fff; <br> -ms-box-shadow: 0px 0px 4px #fff; <br> box-shadow: 0px 0px 4px #fff; <br> } </blockquote> Очень много нужно переписать это правило для всех элементов, у которых есть <code>box-shadow</code> , или изменить каждое значение для проверки различных эффектов. <code>Mixins</code> похожи на функции CSS. Вот как написать один: <blockquote> @mixin box-shadow ($ x, $ y, $ blur, $ c) { <br> -webkit-box-shadow: $ x, $ y, $ blur, $ c; <br> -moz-box-shadow: $ x, $ y, $ blur, $ c; <br> -ms-box-shadow: $ x, $ y, $ blur, $ c; <br> box-shadow: $ x, $ y, $ blur, $ c; <br> } </blockquote> Определение начинается с <code>@mixin</code> за которым следует пользовательское имя. Параметры ( <code>$x</code> , <code>$y</code> , <code>$blur</code> и <code>$c</code> в приведенном выше примере) являются необязательными. Теперь, когда требуется правило <code>box-shadow</code> , только одна строка, вызывающая <code>mixin</code> заменяет необходимость вводить все префиксы поставщика. <code>mixin</code> вызывается с директивой <code>@include</code> : <blockquote> div { <br> @include box-shadow (0px, 0px, 4px, #fff); <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Напишите <code>mixin</code> для <code>mixin</code> <code>border-radius</code> и дайте ему параметр <code>$radius</code> . Он должен использовать все префиксы поставщика из примера. Затем используйте <code>#awesome</code> <code>border-radius</code> <code>mixin</code> чтобы придать <code>#awesome</code> элементам радиус границы 15px. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен объявить <code>mixin</code> именем <code>border-radius</code> который имеет параметр с именем <code>$radius</code> .
+    testString: 'assert(code.match(/@mixin\s+?border-radius\s*?\(\s*?\$radius\s*?\)\s*?{/gi), "Your code should declare a <code>mixin</code> named <code>border-radius</code> which has a parameter named <code>$radius</code>.");'
+  - text: Ваш код должен включать <code>-webkit-border-radius</code> который использует параметр <code>$radius</code> .
+    testString: 'assert(code.match(/-webkit-border-radius:\s*?\$radius;/gi), "Your code should include the <code>-webkit-border-radius</code> vender prefix that uses the <code>$radius</code> parameter.");'
+  - text: 'Ваш код должен включать префикс <code>-moz-border-radius</code> vender, который использует параметр <code>$radius</code> .'
+    testString: 'assert(code.match(/-moz-border-radius:\s*?\$radius;/gi), "Your code should include the <code>-moz-border-radius</code> vender prefix that uses the <code>$radius</code> parameter.");'
+  - text: 'Ваш код должен включать префикс <code>-ms-border-radius</code> vender, который использует параметр <code>$radius</code> .'
+    testString: 'assert(code.match(/-ms-border-radius:\s*?\$radius;/gi), "Your code should include the <code>-ms-border-radius</code> vender prefix that uses the <code>$radius</code> parameter.");'
+  - text: Ваш код должен содержать общее правило <code>border-radius</code> которое использует параметр <code>$radius</code> .
+    testString: 'assert(code.match(/border-radius:\s*?\$radius;/gi).length == 4, "Your code should include the general <code>border-radius</code> rule that uses the <code>$radius</code> parameter.");'
+  - text: 'Ваш код должен вызвать <code>@include</code> <code>border-radius mixin</code> с помощью <code>@include</code> слова <code>@include</code> , установив его на 15 пикселей.'
+    testString: 'assert(code.match(/@include\s+?border-radius\(\s*?15px\s*?\);/gi), "Your code should call the <code>border-radius mixin</code> using the <code>@include</code> keyword, setting it to 15px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+  #awesome {
+    width: 150px;
+    height: 150px;
+    background-color: green;
+
+  }
+</style>
+
+<div id="awesome"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/sass/extend-one-set-of-css-styles-to-another-element.russian.md b/curriculum/challenges/russian/03-front-end-libraries/sass/extend-one-set-of-css-styles-to-another-element.russian.md
new file mode 100644
index 0000000000..d32c32977a
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/sass/extend-one-set-of-css-styles-to-another-element.russian.md
@@ -0,0 +1,75 @@
+---
+id: 587d7fa5367417b2b2512bbd
+title: Extend One Set of CSS Styles to Another Element
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Расширение одного набора стилей CSS для другого элемента
+---
+
+## Description
+<section id="description"> У Sass есть функция, называемая <code>extend</code> которая упрощает заимствование правил CSS из одного элемента и построение на них в другом. Например, <code>.panel</code> блок правил CSS <code>.panel</code> класс <code>.panel</code> . Он имеет <code>background-color</code> , <code>height</code> и <code>border</code> . <blockquote> .panel { <br> background-color: red; <br> высота: 70px; <br> граница: 2px сплошной зеленый; <br> } </blockquote> Теперь вам нужна другая панель под названием <code>.big-panel</code> . Он имеет те же базовые свойства, что и <code>.panel</code> , но также требует <code>width</code> и <code>font-size</code> . Можно скопировать и вставить исходные правила CSS из <code>.panel</code> , но код становится повторяющимся, когда вы добавляете больше типов панелей. Директива <code>extend</code> - это простой способ повторного использования правил, написанных для одного элемента, а затем добавить другое для другого: <blockquote> .big панели { <br> @extend .panel; <br> ширина: 150 пикселей; <br> font-size: 2em; <br> } </blockquote> <code>.big-panel</code> будет иметь те же свойства, что и <code>.panel</code> в дополнение к новым стилям. </section>
+
+## Instructions
+<section id="instructions"> Создайте класс <code>.info-important</code> который расширяет <code>.info</code> а также имеет <code>background-color</code> установленный на пурпурный. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: В вашем <code>info-important</code> классе должен быть установлен <code>background-color</code> для <code>magenta</code> .
+    testString: 'assert(code.match(/\.info-important\s*?{[\s\S]*background-color\s*?:\s*?magenta\s*?;[\s\S]*}/gi), "Your <code>info-important</code> class should have a <code>background-color</code> set to <code>magenta</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/\.info-important\s*?{[\s\S]*@extend\s*?.info\s*?;[\s\S]*/gi), "Your <code>info-important</code> class should use <code>@extend</code> to inherit the styling from the <code>info</code> class.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+  h3{
+    text-align: center;
+  }
+  .info{
+    width: 200px;
+    border: 1px solid black;
+    margin: 0 auto;
+  }
+
+
+
+
+</style>
+<h3>Posts</h3>
+<div class="info-important">
+  <p>This is an important post. It should extend the class ".info" and have its own CSS styles.</p>
+</div>
+
+<div class="info">
+  <p>This is a simple post. It has basic styling and can be extended for other uses.</p>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/sass/nest-css-with-sass.russian.md b/curriculum/challenges/russian/03-front-end-libraries/sass/nest-css-with-sass.russian.md
new file mode 100644
index 0000000000..26724729c9
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/sass/nest-css-with-sass.russian.md
@@ -0,0 +1,68 @@
+---
+id: 587d7dbd367417b2b2512bb5
+title: Nest CSS with Sass
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Nest CSS с Sass
+---
+
+## Description
+<section id="description"> Sass допускает <code>nesting</code> правил CSS, что является полезным способом организации таблицы стилей. Как правило, каждый элемент нацелен на другую строку для его стилизации, например: <blockquote> nav { <br> background-color: red; <br> } <br><br> nav ul { <br> list-style: none; <br> } <br><br> nav ul li { <br> display: inline-block; <br> } </blockquote> Для большого проекта в файле CSS будет много строк и правил. Вот где <code>nesting</code> может помочь организовать ваш код, поместив правила дочернего стиля в соответствующие родительские элементы: <blockquote> nav { <br> background-color: red; <br><br> ul { <br> list-style: none; <br><br> li { <br> display: inline-block; <br> } <br> } <br> } <br></blockquote></section>
+
+## Instructions
+<section id="instructions"> Используйте <code>.blog-post</code> выше методику <code>nesting</code> для реорганизации правил CSS для обоих элементов элемента <code>.blog-post</code> . Для целей тестирования <code>h1</code> должен находиться перед элементом <code>p</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш код должен реорганизовать правила CSS, чтобы <code>h1</code> и <code>p</code> были вложены в родительский элемент <code>.blog-post</code> .'
+    testString: 'assert(code.match(/\.blog-post\s*?{\s*?h1\s*?{\s*?text-align:\s*?center;\s*?color:\s*?blue;\s*?}\s*?p\s*?{\s*?font-size:\s*?20px;\s*?}\s*?}/gi), "Your code should re-organize the CSS rules so the <code>h1</code> and <code>p</code> are nested in the <code>.blog-post</code> parent element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+  .blog-post {
+
+  }
+  h1 {
+    text-align: center;
+    color: blue;
+  }
+  p {
+    font-size: 20px;
+  }
+</style>
+
+<div class="blog-post">
+  <h1>Blog Title</h1>
+  <p>This is a paragraph</p>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/sass/split-your-styles-into-smaller-chunks-with-partials.russian.md b/curriculum/challenges/russian/03-front-end-libraries/sass/split-your-styles-into-smaller-chunks-with-partials.russian.md
new file mode 100644
index 0000000000..f5b644566b
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/sass/split-your-styles-into-smaller-chunks-with-partials.russian.md
@@ -0,0 +1,52 @@
+---
+id: 587d7dbf367417b2b2512bbc
+title: Split Your Styles into Smaller Chunks with Partials
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Разделите свои стили на мелкие куски с частицами
+---
+
+## Description
+<section id="description"> <code>Partials</code> в Sass - это отдельные файлы, содержащие сегменты кода CSS. Они импортируются и используются в других файлах Sass. Это отличный способ группировать аналогичный код в модуль, чтобы поддерживать его. Имена <code>partials</code> начинаются с символа подчеркивания ( <code>_</code> ), который сообщает Sass, что это небольшой сегмент CSS, а не для преобразования его в файл CSS. Кроме того, файлы Sass заканчиваются расширением <code>.scss</code> . Чтобы привести код в <code>partial</code> файле в другой файл Sass, используйте директиву <code>@import</code> . Например, если все ваши <code>mixins</code> сохранены в <code>partial</code> имени «_mixins.scss», и они необходимы в файле «main.scss», так их можно использовать в основном файле: <blockquote> // В файле main.scss <br><br> @import &#39;mixins&#39; </blockquote> Обратите внимание, что подчеркивание не требуется в операторе <code>import</code> - Сасс понимает, что он является <code>partial</code> . После <code>partial</code> импортирования в файл доступны все переменные, <code>mixins</code> и другой код. </section>
+
+## Instructions
+<section id="instructions"> Напишите оператор <code>@import</code> для импорта <code>partial</code> имени <code>_variables.scss</code> в файл main.scss. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать директиву <code>@import</code> и не должен содержать подчеркивание в имени файла.
+    testString: 'assert(code.match(/@import\s+?("|")variables\1/gi), "Your code should use the <code>@import</code> directive, and should not include the underscore in the file name.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+// The main.scss file
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/sass/store-data-with-sass-variables.russian.md b/curriculum/challenges/russian/03-front-end-libraries/sass/store-data-with-sass-variables.russian.md
new file mode 100644
index 0000000000..8b3c951149
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/sass/store-data-with-sass-variables.russian.md
@@ -0,0 +1,81 @@
+---
+id: 587d7dbd367417b2b2512bb4
+title: Store Data with Sass Variables
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Сохранять данные с помощью переменных Sass
+---
+
+## Description
+<section id="description"> Одна из особенностей Sass, которая отличается от CSS, заключается в использовании переменных. Они объявляются и устанавливаются для хранения данных, похожих на JavaScript. В JavaScript переменные определяются с использованием слов <code>let</code> и <code>const</code> . В Sass переменные начинаются с <code>$</code> за которым следует имя переменной. Вот несколько примеров: <blockquote> $ main-fonts: Arial, sans-serif; <br> $ headings-color: green; <br><br> // Для использования переменных: <br> h1 { <br> font-family: $ main-fonts; <br> цвет: $ headings-color; <br> } </blockquote> Одним из примеров полезности переменных является то, что ряд элементов должен быть одного цвета. Если этот цвет изменен, единственным местом для редактирования кода является значение переменной. </section>
+
+## Instructions
+<section id="instructions"> Создайте переменную <code>$text-color</code> и установите ее на красный. Затем измените значение свойства <code>color</code> для <code>.blog-post</code> и <code>h2</code> на переменную <code>$text-color</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш код должен иметь переменную Sass, объявленную для <code>$text-color</code> со значением красного цвета.'
+    testString: 'assert(code.match(/\$text-color:\s*?red;/g), "Your code should have a Sass variable declared for <code>$text-color</code> with a value of red.");'
+  - text: Ваш код должен использовать переменную <code>$text-color</code> для изменения <code>color</code> для <code>.blog-post</code> и <code>h2</code> .
+    testString: 'assert(code.match(/color:\s*?\$text-color;/g), "Your code should use the <code>$text-color</code> variable to change the <code>color</code> for the <code>.blog-post</code> and <code>h2</code> items.");'
+  - text: <code>.blog-post</code> должен иметь цвет красного цвета.
+    testString: 'assert($(".blog-post").css("color") == "rgb(255, 0, 0)", "Your <code>.blog-post</code> element should have a </code>color</code> of red.");'
+  - text: Ваши элементы <code>h2</code> должны иметь красный цвет.
+    testString: 'assert($("h2").css("color") == "rgb(255, 0, 0)", "Your <code>h2</code> elements should have a </code>color</code> of red.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+  .header{
+    text-align: center;
+  }
+  .blog-post, h2 {
+    color: red;
+  }
+</style>
+
+<h1 class="header">Learn Sass</h1>
+<div class="blog-post">
+  <h2>Some random title</h2>
+  <p>This is a paragraph with some random text in it</p>
+</div>
+<div class="blog-post">
+  <h2>Header #2</h2>
+  <p>Here is some more random text.</p>
+</div>
+<div class="blog-post">
+  <h2>Here is another header</h2>
+  <p>Even more random text within a paragraph</p>
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/sass/use-each-to-map-over-items-in-a-list.russian.md b/curriculum/challenges/russian/03-front-end-libraries/sass/use-each-to-map-over-items-in-a-list.russian.md
new file mode 100644
index 0000000000..943e9b0b0f
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/sass/use-each-to-map-over-items-in-a-list.russian.md
@@ -0,0 +1,70 @@
+---
+id: 587d7dbf367417b2b2512bba
+title: Use @each to Map Over Items in a List
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Использовать @each для сопоставления элементов в списке
+---
+
+## Description
+<section id="description"> Последняя задача показала, как директива <code>@for</code> использует начальное и конечное значение для циклического цикла определенное количество раз. Sass также предлагает директиву <code>@each</code> которая <code>@each</code> каждый элемент в списке или карте. На каждой итерации переменная присваивается текущему значению из списка или карты. <blockquote> @each $ color в синем, красном, зеленом { <br> . # {$ color} -text {color: $ color;} <br> } </blockquote> Карта имеет несколько иной синтаксис. Вот пример: <blockquote> $ colors: (color1: blue, color2: red, color3: green); <br><br> @each $ key, $ color в $ colors { <br> . # {$ color} -text {color: $ color;} <br> } </blockquote> Обратите внимание, что <code>$key</code> переменная <code>$key</code> необходима для ссылки на ключи на карте. В противном случае, скомпилированный CSS будет иметь <code>color1</code> , <code>color2</code> ... в нем. Оба приведенных выше примера кода преобразуются в следующий CSS: <blockquote> .blue-text { <br> цвет синий; <br> } <br><br> .red-text { <br> красный цвет; <br> } <br><br> .green-text { <br> цвет: зеленый; <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Напишите директиву <code>@each</code> которая проходит через список: <code>blue, black, red</code> и назначает каждую переменную классу <code>.color-bg</code> , где часть «цвет» изменяется для каждого элемента. Каждый класс должен установить <code>background-color</code> соответствующего цвета. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать директиву <code>@each</code> .
+    testString: 'assert(code.match(/@each /g), "Your code should use the <code>@each</code> directive.");'
+  - text: <code>.blue-bg</code> должен иметь синий <code>background-color</code> .
+    testString: 'assert($(".blue-bg").css("background-color") == "rgb(0, 0, 255)", "Your <code>.blue-bg</code> class should have a <code>background-color</code> of blue.");'
+  - text: <code>.black-bg</code> должен иметь <code>background-color</code> черного.
+    testString: 'assert($(".black-bg").css("background-color") == "rgb(0, 0, 0)", "Your <code>.black-bg</code> class should have a <code>background-color</code> of black.");'
+  - text: <code>.red-bg</code> должен иметь <code>background-color</code> красного цвета.
+    testString: 'assert($(".red-bg").css("background-color") == "rgb(255, 0, 0)", "Your <code>.red-bg</code> class should have a <code>background-color</code> of red.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+  div {
+    height: 200px;
+    width: 200px;
+  }
+</style>
+
+<div class="blue-bg"></div>
+<div class="black-bg"></div>
+<div class="red-bg"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/sass/use-for-to-create-a-sass-loop.russian.md b/curriculum/challenges/russian/03-front-end-libraries/sass/use-for-to-create-a-sass-loop.russian.md
new file mode 100644
index 0000000000..3779c59cf6
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/sass/use-for-to-create-a-sass-loop.russian.md
@@ -0,0 +1,72 @@
+---
+id: 587d7dbe367417b2b2512bb9
+title: Use @for to Create a Sass Loop
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: Используйте @ для создания петли Sass
+---
+
+## Description
+<section id="description"> Директива <code>@for</code> добавляет стили в цикле, очень похожие <code>for</code> цикл <code>for</code> в JavaScript. <code>@for</code> используется двумя способами: «начать с конца» или «начать с конца». Основное различие заключается в том, что «начало к концу» <em>исключает</em> конечный номер, а «начало через конец» <em>включает</em> конечный номер. Вот начало <b>через</b> конец , например: <blockquote> @for $ i от 1 до 12 { <br> .col - # {$ i} {width: 100% / 12 * $ i; } <br> } </blockquote> Часть <code>#{$i}</code> - это синтаксис для объединения переменной ( <code>i</code> ) с текстом для создания строки. Когда файл Sass преобразуется в CSS, он выглядит так: <blockquote> .col-1 { <br> ширина: 8,33333%; <br> } <br><br> .col-2 { <br> ширина: 16,66667%; <br> } <br><br> ... <br><br> .col-12 { <br> ширина: 100%; <br> } </blockquote> Это мощный способ создания сетки. Теперь у вас есть двенадцать вариантов ширины столбцов, доступных как классы CSS. </section>
+
+## Instructions
+<section id="instructions"> Напишите директиву <code>@for</code> которая принимает переменную <code>$j</code> которая идет от 1 <b>до</b> 6. Она должна создать 5 классов с именем <code>.text-1</code> to <code>.text-5</code> где каждый имеет <code>font-size</code> установленный в 10px, умноженный на индекс. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать директиву <code>@for</code> .
+    testString: 'assert(code.match(/@for /g), "Your code should use the <code>@for</code> directive.");'
+  - text: Класс <code>.text-1</code> должен иметь <code>font-size</code> 10px.
+    testString: 'assert($(".text-1").css("font-size") == "10px", "Your <code>.text-1</code> class should have a <code>font-size</code> of 10px.");'
+  - text: Класс <code>.text-2</code> должен иметь <code>font-size</code> 20 пикселей.
+    testString: 'assert($(".text-2").css("font-size") == "20px", "Your <code>.text-2</code> class should have a <code>font-size</code> of 20px.");'
+  - text: Класс <code>.text-3</code> должен иметь <code>font-size</code> 30 пикселей.
+    testString: 'assert($(".text-3").css("font-size") == "30px", "Your <code>.text-3</code> class should have a <code>font-size</code> of 30px.");'
+  - text: ''
+    testString: 'assert($(".text-4").css("font-size") == "40px", "Your <code>.text-4</code> class should have a <code>font-size</code> of 40px.");'
+  - text: Класс <code>.text-5</code> должен иметь <code>font-size</code> 50 пикселей.
+    testString: 'assert($(".text-5").css("font-size") == "50px", "Your <code>.text-5</code> class should have a <code>font-size</code> of 50px.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+</style>
+
+<p class="text-1">Hello</p>
+<p class="text-2">Hello</p>
+<p class="text-3">Hello</p>
+<p class="text-4">Hello</p>
+<p class="text-5">Hello</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.russian.md b/curriculum/challenges/russian/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.russian.md
new file mode 100644
index 0000000000..8eb8044b9e
--- /dev/null
+++ b/curriculum/challenges/russian/03-front-end-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.russian.md
@@ -0,0 +1,72 @@
+---
+id: 587d7dbe367417b2b2512bb8
+title: Use @if and @else to Add Logic To Your Styles
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
+    raw: true
+challengeType: 0
+videoUrl: ''
+localeTitle: 'Используйте @if и @else, чтобы добавить логику в свои стили.'
+---
+
+## Description
+<section id="description"> Директива <code>@if</code> в Sass полезна для проверки конкретного случая - она ​​работает так же, как и оператор <code>if</code> в JavaScript. <blockquote> @mixin make-bold ($ bool) { <br> @if $ bool == true { <br> font-weight: bold; <br> } <br> } </blockquote> И так же, как в JavaScript, <code>@else if</code> и <code>@else</code> test для получения дополнительных условий: <blockquote> @mixin text-effect ($ val) { <br> @if $ val == опасность { <br> красный цвет; <br> } <br> @else, если $ val == alert { <br> цвет: желтый; <br> } <br> @else, если $ val == success { <br> цвет: зеленый; <br> } <br> @else { <br> черный цвет; <br> } <br> } </blockquote></section>
+
+## Instructions
+<section id="instructions"> Создайте <code>mixin</code> называемый <code>border-stroke</code> который принимает параметр <code>$val</code> . <code>mixin</code> должен проверить следующие условия, используя <code>@if</code> , <code>@else if</code> и <code>@else</code> : <blockquote> свет - 1px сплошной черный <br> средний - 3px сплошной черный <br> тяжелый - 6px сплошной черный <br> none - нет границы </blockquote></section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен объявить <code>mixin</code> именем <code>border-stroke</code> который имеет параметр с именем <code>$val</code> .
+    testString: 'assert(code.match(/@mixin\s+?border-stroke\s*?\(\s*?\$val\s*?\)\s*?{/gi), "Your code should declare a <code>mixin</code> named <code>border-stroke</code> which has a parameter named <code>$val</code>.");'
+  - text: 'Ваш <code>mixin</code> должен иметь инструкцию <code>@if</code> чтобы проверить, светло ли <code>$val</code> , и установить <code>border</code> в 1px сплошным черным.'
+    testString: 'assert(code.match(/@if\s+?\$val\s*?===?\s*?light\s*?{\s*?border\s*?:\s*?1px\s+?solid\s+?black\s*?;\s*?}/gi), "Your <code>mixin</code> should have an <code>@if</code> statement to check if <code>$val</code> is light, and to set the <code>border</code> to 1px solid black.");'
+  - text: 'Ваш <code>mixin</code> должен иметь <code>@else if</code> чтобы проверить, является ли <code>$val</code> средним, и установить <code>border</code> на 3px сплошной черный.'
+    testString: 'assert(code.match(/@else\s+?if\s+?\$val\s*?===?\s*?medium\s*?{\s*?border\s*?:\s*?3px\s+?solid\s+?black\s*?;\s*?}/gi), "Your <code>mixin</code> should have an <code>@else if</code> statement to check if <code>$val</code> is medium, and to set the <code>border</code> to 3px solid black.");'
+  - text: ''
+    testString: 'assert(code.match(/@else\s+?if\s+?\$val\s*?===?\s*?heavy\s*?{\s*?border\s*?:\s*?6px\s+?solid\s+?black\s*?;\s*?}/gi), "Your <code>mixin</code> should have an <code>@else if</code> statement to check if <code>$val</code> is heavy, and to set the <code>border</code> to 6px solid black.");'
+  - text: Ваш <code>mixin</code> должен иметь инструкцию <code>@else</code> чтобы установить <code>border</code> в none.
+    testString: 'assert(code.match(/@else\s*?{\s*?border\s*?:\s*?none\s*?;\s*?}/gi), "Your <code>mixin</code> should have an <code>@else</code> statement to set the <code>border</code> to none.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style type='text/sass'>
+
+
+
+  #box {
+    width: 150px;
+    height: 150px;
+    background-color: red;
+    @include border-stroke(medium);
+  }
+</style>
+
+<div id="box"></div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.russian.md
new file mode 100644
index 0000000000..b9fd4dcb64
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7168d8c242eddfaeb5bd13
+title: Visualize Data with a Bar Chart
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Визуализация данных с помощью диаграммы
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально подобное этому: <a href="https://codepen.io/freeCodeCamp/full/GrZVaM" target="_blank">https://codepen.io/freeCodeCamp/full/GrZVaM</a> . Выполните приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> и получите все тесты для прохождения. Дайте ему свой личный стиль. Вы можете использовать HTML, JavaScript, CSS и D3 svg-based visualization library. Тесты требуют создания осей с использованием свойства оси D3, которое автоматически генерирует тики вдоль оси. Эти тики необходимы для прохождения тестов D3, потому что их позиции используются для определения выравнивания графических элементов. Вы найдете информацию о генерации осей на <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">странице https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> . Обязательные (не виртуальные) элементы DOM запрашиваются в момент каждого теста. Если вы используете фреймворк интерфейса (например, Vue), результаты теста могут быть неточными для динамического содержимого. Мы надеемся, что в конечном итоге их разместим, но эти рамки в настоящее время не поддерживаются для проектов D3. <strong>User Story # 1:</strong> Моя диаграмма должна иметь заголовок с соответствующим <code>id=&quot;title&quot;</code> . <strong>История пользователя # 2:</strong> Моя диаграмма должна иметь <code>g</code> элемент оси х с соответствующим <code>id=&quot;x-axis&quot;</code> . <strong>User Story # 3:</strong> Моя диаграмма должна иметь ось y элемента <code>g</code> с соответствующим <code>id=&quot;y-axis&quot;</code> . <strong>User Story # 4:</strong> Обе оси должны содержать несколько меток ярлыков, каждый из которых имеет соответствующий <code>class=&quot;tick&quot;</code> . <strong>User Story # 5:</strong> Моя диаграмма должна иметь <code>rect</code> элемент для каждой точки данных с соответствующим <code>class=&quot;bar&quot;</code> отображающим данные. <strong>User Story # 6: В</strong> каждом баре должны быть <code>data-date</code> и <code>data-gdp</code> содержащие значения даты и ВВП. <strong>User Story # 7:</strong> свойства <code>data-date</code> бара должны соответствовать порядку предоставленных данных. <strong>User Story # 8:</strong> Свойства <code>data-gdp</code> элементов бара должны соответствовать порядку предоставленных данных. <strong>User Story # 9:</strong> Высота каждого элемента бара должна точно представлять соответствующий ВВП. <strong>User Story # 10:</strong> Атрибут <code>data-date</code> и его соответствующий элемент бара должны совпадать с соответствующим значением по оси x. <strong>User Story # 11:</strong> атрибут <code>data-gdp</code> и его соответствующий элемент бара должны совпадать с соответствующим значением по оси y. <strong>User Story # 12:</strong> Я могу навести курсор мыши на область и увидеть всплывающую подсказку с соответствующей <code>id=&quot;tooltip&quot;</code> которая отображает больше информации об этой области. <strong>User Story # 13:</strong> Моя подсказка должна иметь свойство <code>data-date</code> , соответствующее <code>data-date</code> данных активной области. Вот набор данных, который вам нужно будет выполнить для этого проекта: <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json</code> Вы можете создать свой проект, <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">нарисуя это перо CodePen</a> . Или вы можете использовать эту ссылку CDN для запуска тестов в любой среде, которая вам нравится: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> . После того, как вы закончите, отправьте URL-адрес вашему рабочему проекту со всеми его прохождением тестов. Не забудьте использовать метод <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.russian.md
new file mode 100644
index 0000000000..f9d299552d
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.russian.md
@@ -0,0 +1,38 @@
+---
+id: 587d7fa6367417b2b2512bbf
+title: Visualize Data with a Choropleth Map
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Визуализация данных с помощью карты Choropleth
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/EZKqza" target="_blank">https://codepen.io/freeCodeCamp/full/EZKqza</a> . Выполните приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> и получите все тесты для прохождения. Дайте ему свой личный стиль. Вы можете использовать HTML, JavaScript, CSS и D3 svg-based visualization library. Обязательные (не виртуальные) элементы DOM запрашиваются в момент каждого теста. Если вы используете фреймворк интерфейса (например, Vue), результаты теста могут быть неточными для динамического содержимого. Мы надеемся, что в конечном итоге их разместим, но эти рамки в настоящее время не поддерживаются для проектов D3. <strong>User Story # 1:</strong> Мой choropleth должен иметь заголовок с соответствующим <code>id=&quot;title&quot;</code> . <strong>User Story # 2: У</strong> моего choropleth должен быть элемент описания с соответствующим <code>id=&quot;description&quot;</code> . <strong>User Story # 3:</strong> Мой choropleth должен иметь графства с соответствующим <code>class=&quot;county&quot;</code> которые представляют данные. <strong>User Story # 4:</strong> должно быть не менее 4 разных цветов заливки, используемых для округов. <strong>User Story # 5:</strong> Мои округа должны иметь характеристики <code>data-fips</code> и <code>data-education</code> имеющие соответствующие значения fips и education. <strong>User Story # 6:</strong> Мой choropleth должен иметь графство для каждой предоставленной точки данных. <strong>User Story # 7:</strong> В округах должны быть значения данных и данных, которые соответствуют данным образца. <strong>User Story # 8:</strong> Мой choropleth должен иметь легенду с соответствующим <code>id=&quot;legend&quot;</code> . <strong>User Story # 9:</strong> Для легенды должно быть не менее 4 различных цветов заливки. <strong>User Story # 10:</strong> Я могу навести курсор мыши на область и увидеть всплывающую подсказку с соответствующей <code>id=&quot;tooltip&quot;</code> которая отображает больше информации о области. <strong>User Story # 11:</strong> Моя подсказка должна иметь свойство <code>data-education</code> которое соответствует <code>data-education</code> данных в активной области. Вот данные, которые вам нужно будет выполнить для этого проекта: <br><ul><li> <strong>Данные об образовании в США:</strong> <code>https://raw.githubusercontent.com/no-stack-dub-sack/testable-projects-fcc/master/src/data/choropleth_map/for_user_education.json</code> </li><li> <strong>Данные графства США:</strong> <code>https://raw.githubusercontent.com/no-stack-dub-sack/testable-projects-fcc/master/src/data/choropleth_map/counties.json</code> </li></ul> Вы можете создать свой проект, <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">нажимая эту ручку CodePen</a> . Или вы можете использовать эту ссылку CDN для запуска тестов в любой среде: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Как только вы закончите, отправьте URL-адрес своей рабочей проект с прохождением всех его тестов. Не забудьте использовать метод <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.russian.md
new file mode 100644
index 0000000000..81d3e465f1
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7188d8c242eddfaeb5bd13
+title: Visualize Data with a Heat Map
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Визуализация данных с помощью карты тепла
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/JEXgeY" target="_blank">https://codepen.io/freeCodeCamp/full/JEXgeY</a> . Выполните приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> и получите все тесты для прохождения. Дайте ему свой личный стиль. Вы можете использовать HTML, JavaScript, CSS и D3 svg-based visualization library. Обязательные (не виртуальные) элементы DOM запрашиваются в момент каждого теста. Если вы используете фреймворк интерфейса (например, Vue), результаты теста могут быть неточными для динамического содержимого. Мы надеемся, что в конечном итоге их разместим, но эти рамки в настоящее время не поддерживаются для проектов D3. <strong>User Story # 1:</strong> Моя карта тепла должна иметь заголовок с соответствующим <code>id=&quot;title&quot;</code> . <strong>User Story # 2:</strong> Моя карта тепла должна иметь описание с соответствующим <code>id=&quot;description&quot;</code> . <strong>User Story # 3:</strong> Моя карта тепла должна иметь ось x с соответствующим <code>id=&quot;x-axis&quot;</code> . <strong>User Story # 4:</strong> Моя карта тепла должна иметь ось y с соответствующим <code>id=&quot;y-axis&quot;</code> . <strong>User Story # 5:</strong> Моя карта тепла должна иметь <code>rect</code> элементы с <code>class=&quot;cell&quot;</code> которые представляют данные. <strong>User Story # 6:</strong> Для ячеек должно быть не менее 4 различных цветов заливки. <strong>User Story # 7:</strong> Каждая ячейка будет иметь свойства <code>data-month</code> , <code>data-year</code> , <code>data-temp</code> содержащие их соответствующие значения месяца, года и температуры. <strong>User Story # 8:</strong> <code>data-month</code> , <code>data-year</code> каждой ячейки должен находиться в пределах диапазона данных. <strong>User Story # 9:</strong> Моя карта тепла должна иметь ячейки, которые выравниваются с соответствующим месяцем по оси y. <strong>User Story # 10:</strong> Моя карта тепла должна иметь ячейки, которые совпадают с соответствующим годом по оси x. <strong>User Story # 11:</strong> Моя карта тепла должна иметь несколько меток ярлыков по оси Y с полным именем месяца. <strong>User Story # 12:</strong> Моя карта тепла должна иметь несколько меток ярлыков по оси x с годами между 1754 и 2015 годами. <strong>Пользовательская история №13:</strong> Моя карта тепла должна иметь легенду с соответствующим <code>id=&quot;legend&quot;</code> . <strong>User Story # 14:</strong> Моя легенда должна содержать <code>rect</code> элементы. <strong>User Story # 15:</strong> <code>rect</code> элементы в легенде должны использовать как минимум 4 разных цвета заливки. <strong>User Story # 16:</strong> Я могу навести курсор мыши на область и увидеть всплывающую подсказку с соответствующей <code>id=&quot;tooltip&quot;</code> которая отображает больше информации об этой области. <strong>User Story # 16:</strong> Моя подсказка должна обладать свойством <code>data-year</code> которое соответствует году <code>data-year</code> активной области. Вот набор данных, который вам нужно будет выполнить для этого проекта: <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/global-temperature.json</code> Вы можете создать свой проект, <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">нарисуя это перо CodePen</a> . Или вы можете использовать эту ссылку CDN для запуска тестов в любой среде: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Как только вы закончите, отправьте URL-адрес своей рабочей проект с прохождением всех его тестов. Не забудьте использовать метод <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.russian.md
new file mode 100644
index 0000000000..977083aa22
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7178d8c242eddfaeb5bd13
+title: Visualize Data with a Scatterplot Graph
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Визуализировать данные с помощью диаграммы Scatterplot
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/bgpXyK" target="_blank">https://codepen.io/freeCodeCamp/full/bgpXyK</a> . Выполните приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> и получите все тесты для прохождения. Дайте ему свой личный стиль. Вы можете использовать HTML, JavaScript, CSS и D3 svg-based visualization library. Тесты требуют создания осей с использованием свойства оси D3, которое автоматически генерирует тики вдоль оси. Эти тики необходимы для прохождения тестов D3, потому что их позиции используются для определения выравнивания графических элементов. Вы найдете информацию о генерации осей на <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">странице https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> . Обязательные (не виртуальные) элементы DOM запрашиваются в момент каждого теста. Если вы используете фреймворк интерфейса (например, Vue), результаты теста могут быть неточными для динамического содержимого. Мы надеемся, что в конечном итоге их разместим, но эти рамки в настоящее время не поддерживаются для проектов D3. <strong>User Story # 1:</strong> Я вижу элемент заголовка, который имеет соответствующий <code>id=&quot;title&quot;</code> . <strong>User Story # 2:</strong> Я вижу ось x, которая имеет соответствующий <code>id=&quot;x-axis&quot;</code> . <strong>User Story # 3:</strong> Я вижу ось y, которая имеет соответствующий <code>id=&quot;y-axis&quot;</code> . <strong>User Story # 4:</strong> Я вижу точки, каждая из которых имеет класс <code>dot</code> , которые представляют собой данные, которые отображаются. <strong>User Story # 5:</strong> Каждая точка должна иметь свойства <code>data-xvalue</code> и <code>data-yvalue</code> содержащие их соответствующие значения x и y. <strong>User Story # 6:</strong> Значение <code>data-xvalue</code> <code>data-yvalue</code> и значение <code>data-xvalue</code> <code>data-yvalue</code> каждой точки должны находиться в пределах диапазона фактических данных и в правильном формате данных. Для <code>data-xvalue</code> целые числа (полные годы) или объекты Date приемлемы для оценки теста. Для <code>data-yvalue</code> (минут) используйте объекты Date. <strong>User Story # 7:</strong> Значение <code>data-xvalue</code> и соответствующая точка должны совпадать с соответствующей точкой / значением по оси x. <strong>User Story # 8:</strong> Значение <code>data-yvalue</code> и соответствующая точка должны совпадать с соответствующей точкой / значением по оси y. <strong>User Story # 9:</strong> Я вижу несколько меток ярлыков по оси Y с временным форматом <code>%M:%S</code> <strong>User Story # 10:</strong> Я вижу несколько меток ярлыков по оси x, которые показывают год. <strong>User Story # 11:</strong> Я вижу, что диапазон меток оси X находится в пределах диапазона фактических данных по оси x. <strong>User Story # 12:</strong> Я вижу, что диапазон меток оси Y находится в пределах диапазона фактических данных оси Y. <strong>User Story # 13:</strong> Я вижу легенду, содержащую описательный текст с <code>id=&quot;legend&quot;</code> . <strong>User Story # 14:</strong> Я могу навести курсор мыши на область и увидеть всплывающую подсказку с соответствующей <code>id=&quot;tooltip&quot;</code> которая отображает больше информации о области. <strong>User Story # 15:</strong> Моя подсказка должна иметь свойство <code>data-year</code> которое соответствует <code>data-xvalue</code> активной области. Вот набор данных, который вам нужно будет выполнить для этого проекта: <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/cyclist-data.json</code> Вы можете создать свой проект, <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">нарисуя это перо CodePen</a> . Или вы можете использовать эту ссылку CDN для запуска тестов в любой среде: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Как только вы закончите, отправьте URL-адрес своей рабочей проект с прохождением всех его тестов. Не забудьте использовать метод <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.russian.md
new file mode 100644
index 0000000000..b7baa5e17b
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.russian.md
@@ -0,0 +1,37 @@
+---
+id: 587d7fa6367417b2b2512bc0
+title: Visualize Data with a Treemap Diagram
+isRequired: true
+challengeType: 3
+videoUrl: ''
+localeTitle: Визуализация данных с диаграммой карт
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/KaNGNR" target="_blank">https://codepen.io/freeCodeCamp/full/KaNGNR</a> . Выполните приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> и получите все тесты для прохождения. Дайте ему свой личный стиль. Вы можете использовать HTML, JavaScript, CSS и D3 svg-based visualization library. Тесты требуют создания осей с использованием свойства оси D3, которое автоматически генерирует тики вдоль оси. Эти тики необходимы для прохождения тестов D3, потому что их позиции используются для определения выравнивания графических элементов. Вы найдете информацию о генерации осей на <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">странице https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> . Обязательные (не виртуальные) элементы DOM запрашиваются в момент каждого теста. Если вы используете фреймворк интерфейса (например, Vue), результаты теста могут быть неточными для динамического содержимого. Мы надеемся, что в конечном итоге их разместим, но эти рамки в настоящее время не поддерживаются для проектов D3. <strong>User Story # 1:</strong> Моя карта дерева должна иметь заголовок с соответствующим <code>id=&quot;title&quot;</code> . <strong>User Story # 2:</strong> Моя древовидная карта должна иметь описание с соответствующим <code>id=&quot;description&quot;</code> . <strong>User Story # 3:</strong> Моя карта деревьев должна иметь <code>rect</code> элементы с соответствующим <code>class=&quot;tile&quot;</code> которые представляют данные. <strong>User Story # 4:</strong> Для плиток должно быть не менее двух разных цветов заливки. <strong>User Story # 5:</strong> Каждая плитка должна иметь свойства <code>data-name</code> , <code>data-category</code> и <code>data-value</code> содержащие их соответствующее имя, категорию и значение. <strong>User Story # 6:</strong> Площадь каждой плитки должна соответствовать размеру данных: плитки с большим значением данных должны иметь большую площадь. <strong>User Story # 7:</strong> Моя карта деревьев должна иметь легенду с соответствующим <code>id=&quot;legend&quot;</code> . <strong>User Story # 8:</strong> Моя легенда должна иметь <code>rect</code> элементы с соответствующим <code>class=&quot;legend-item&quot;</code> . <strong>User Story # 9:</strong> <code>rect</code> элементы в легенде должны использовать как минимум 2 разных цвета заливки. <strong>User Story # 10:</strong> Я могу навести курсор мыши на область и увидеть всплывающую подсказку с соответствующей <code>id=&quot;tooltip&quot;</code> которая отображает больше информации о области. <strong>User Story # 11:</strong> Моя подсказка должна иметь свойство <code>data-value</code> , соответствующее <code>data-value</code> данных активной области. Для этого проекта вы можете использовать любой из следующих наборов данных: <br><ul><li> <strong>Kickstarter Pledges:</strong> <code>https://cdn.rawgit.com/freeCodeCamp/testable-projects-fcc/a80ce8f9/src/data/tree_map/kickstarter-funding-data.json</code> </li><li> <strong>Продажа фильмов:</strong> <code>https://cdn.rawgit.com/freeCodeCamp/testable-projects-fcc/a80ce8f9/src/data/tree_map/movie-data.json</code> </li><li> <strong>Продажа видеоигр:</strong> <code>https://cdn.rawgit.com/freeCodeCamp/testable-projects-fcc/a80ce8f9/src/data/tree_map/video-game-sales-data.json</code> </li></ul> Вы можете создать свой проект, <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">нажимая эту ручку CodePen</a> . Или вы можете использовать эту ссылку CDN для запуска тестов в любой среде: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Как только вы закончите, отправьте URL-адрес своей рабочей проект с прохождением всех его тестов. Не забудьте использовать метод <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element.russian.md
new file mode 100644
index 0000000000..772109028e
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element.russian.md
@@ -0,0 +1,92 @@
+---
+id: 587d7faa367417b2b2512bd4
+title: Add a Hover Effect to a D3 Element
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Добавить эффект наведения на элемент D3
+---
+
+## Description
+<section id="description"> Можно добавлять эффекты, выделяющие панель, когда пользователь наводил на нее курсор мыши. Пока что стиль для прямоугольников применяется со встроенными методами D3 и SVG, но вы также можете использовать CSS. Вы устанавливаете класс CSS в элементах SVG с помощью метода <code>attr()</code> . Затем псевдокласс класса <code>:hover</code> для вашего нового класса содержит правила стиля для любых эффектов зависания. </section>
+
+## Instructions
+<section id="instructions"> Используйте метод <code>attr()</code> чтобы добавить класс <code>bar</code> ко всем элементам <code>rect</code> . Это изменит цвет <code>fill</code> на коричневый, если вы нажмете на него. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваши <code>rect</code> элементы должны иметь класс <code>bar</code> .
+    testString: 'assert($("rect").attr("class") == "bar", "Your <code>rect</code> elements should have a class of <code>bar</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar:hover {
+    fill: brown;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d)
+       .attr("fill", "navy")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) => d)
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - (3 * d) - 3);
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element.russian.md
new file mode 100644
index 0000000000..8b3ae6af34
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element.russian.md
@@ -0,0 +1,111 @@
+---
+id: 587d7faa367417b2b2512bd6
+title: Add a Tooltip to a D3 Element
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Добавление всплывающей подсказки к элементу D3
+---
+
+## Description
+<section id="description"> Всплывающая подсказка показывает дополнительную информацию об элементе на странице, когда пользователь наводит курсор на этот элемент. Существует несколько способов добавления всплывающей подсказки к визуализации, эта задача использует элемент <code>title</code> SVG. <code>title</code> с методом <code>text()</code> для динамического добавления данных в столбцы. </section>
+
+## Instructions
+<section id="instructions"> Добавляйте элемент <code>title</code> под каждым <code>rect</code> узлом. Затем вызовите метод <code>text()</code> с функцией обратного вызова, чтобы текст отображал значение данных. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен содержать 9 элементов <code>title</code> .
+    testString: 'assert($("title").length == 9, "Your code should have 9 <code>title</code> elements.");'
+  - text: Первый элемент <code>title</code> должен иметь текст всплывающей подсказки 12.
+    testString: 'assert($("title").eq(0).text() == "12", "The first <code>title</code> element should have tooltip text of 12.");'
+  - text: ''
+    testString: 'assert($("title").eq(1).text() == "31", "The second <code>title</code> element should have tooltip text of 31.");'
+  - text: ''
+    testString: 'assert($("title").eq(2).text() == "22", "The third <code>title</code> element should have tooltip text of 22.");'
+  - text: ''
+    testString: 'assert($("title").eq(3).text() == "17", "The fourth <code>title</code> element should have tooltip text of 17.");'
+  - text: ''
+    testString: 'assert($("title").eq(4).text() == "25", "The fifth <code>title</code> element should have tooltip text of 25.");'
+  - text: ''
+    testString: 'assert($("title").eq(5).text() == "18", "The sixth <code>title</code> element should have tooltip text of 18.");'
+  - text: ''
+    testString: 'assert($("title").eq(6).text() == "29", "The seventh <code>title</code> element should have tooltip text of 29.");'
+  - text: ''
+    testString: 'assert($("title").eq(7).text() == "14", "The eighth <code>title</code> element should have tooltip text of 14.");'
+  - text: ''
+    testString: 'assert($("title").eq(8).text() == "9", "The ninth <code>title</code> element should have tooltip text of 9.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar:hover {
+    fill: brown;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => d * 3)
+       .attr("fill", "navy")
+       .attr("class", "bar")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) => d)
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - (d * 3 + 3))
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-attributes-to-the-circle-elements.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-attributes-to-the-circle-elements.russian.md
new file mode 100644
index 0000000000..0187cfe766
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-attributes-to-the-circle-elements.russian.md
@@ -0,0 +1,106 @@
+---
+id: 587d7fab367417b2b2512bd8
+title: Add Attributes to the Circle Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Добавить атрибуты элементов круга
+---
+
+## Description
+<section id="description"> Последняя задача создала элементы <code>circle</code> для каждой точки <code>dataset</code> и добавила их в холст SVG. Но D3 нуждается в дополнительной информации о положении и размере каждого <code>circle</code> чтобы отображать их правильно. <code>circle</code> в SVG имеет три основных атрибута. Атрибуты <code>cx</code> и <code>cy</code> - это координаты. Они сообщают D3, где можно расположить <em>центр</em> фигуры на холсте SVG. Радиус (атрибут <code>r</code> ) задает размер <code>circle</code> . Как и <code>rect</code> координата <code>y</code> , атрибут <code>cy</code> для <code>circle</code> измеряется от вершины холста SVG, а не снизу. Все три атрибута могут использовать функцию обратного вызова для динамического определения их значений. Помните, что все методы, закодированные после того, как <code>data(dataset)</code> запускаются один раз для каждого элемента в <code>dataset</code> . Параметр <code>d</code> в функции обратного вызова относится к текущему элементу в <code>dataset</code> , который является массивом для каждой точки. Для доступа к значениям в этом массиве вы используете запись в виде скобок, например <code>d[0]</code> . </section>
+
+## Instructions
+<section id="instructions"> Добавьте атрибуты <code>cx</code> , <code>cy</code> и <code>r</code> в элементы <code>circle</code> . Значение <code>cx</code> должно быть первым числом в массиве для каждого элемента в <code>dataset</code> . Значение <code>cy</code> должно основываться на втором номере в массиве, но обязательно показывать диаграмму с правой стороны и не инвертировать. Значение <code>r</code> должно быть 5 для всех кругов. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен содержать 10 элементов <code>circle</code> .
+    testString: 'assert($("circle").length == 10, "Your code should have 10 <code>circle</code> elements.");'
+  - text: 'Первый элемент <code>circle</code> должен иметь значение <code>cx</code> 34, значение <code>cy</code> 422 и значение <code>r</code> 5.'
+    testString: 'assert($("circle").eq(0).attr("cx") == "34" && $("circle").eq(0).attr("cy") == "422" && $("circle").eq(0).attr("r") == "5", "The first <code>circle</code> element should have a <code>cx</code> value of 34, a <code>cy</code> value of 422, and an <code>r</code> value of 5.");'
+  - text: 'Второй элемент <code>circle</code> должен иметь значение <code>cx</code> 109, значение <code>cy</code> 220 и значение <code>r</code> 5.'
+    testString: 'assert($("circle").eq(1).attr("cx") == "109" && $("circle").eq(1).attr("cy") == "220" && $("circle").eq(1).attr("r") == "5", "The second <code>circle</code> element should have a <code>cx</code> value of 109, a <code>cy</code> value of 220, and an <code>r</code> value of 5.");'
+  - text: 'Третий элемент <code>circle</code> должен иметь значение <code>cx</code> 310, значение <code>cy</code> 380 и значение <code>r</code> 5.'
+    testString: 'assert($("circle").eq(2).attr("cx") == "310" && $("circle").eq(2).attr("cy") == "380" && $("circle").eq(2).attr("r") == "5", "The third <code>circle</code> element should have a <code>cx</code> value of 310, a <code>cy</code> value of 380, and an <code>r</code> value of 5.");'
+  - text: 'Элемент четвертого <code>circle</code> должен иметь значение <code>cx</code> 79, значение <code>cy</code> 89 и значение <code>r</code> 5.'
+    testString: 'assert($("circle").eq(3).attr("cx") == "79" && $("circle").eq(3).attr("cy") == "89" && $("circle").eq(3).attr("r") == "5", "The fourth <code>circle</code> element should have a <code>cx</code> value of 79, a <code>cy</code> value of 89, and an <code>r</code> value of 5.");'
+  - text: 'Элемент пятого <code>circle</code> должен иметь значение <code>cx</code> 420, значение <code>cy</code> 280 и значение <code>r</code> 5.'
+    testString: 'assert($("circle").eq(4).attr("cx") == "420" && $("circle").eq(4).attr("cy") == "280" && $("circle").eq(4).attr("r") == "5", "The fifth <code>circle</code> element should have a <code>cx</code> value of 420, a <code>cy</code> value of 280, and an <code>r</code> value of 5.");'
+  - text: 'Элемент шестого <code>circle</code> должен иметь значение <code>cx</code> 233, значение <code>cy</code> 355 и значение <code>r</code> 5.'
+    testString: 'assert($("circle").eq(5).attr("cx") == "233" && $("circle").eq(5).attr("cy") == "355" && $("circle").eq(5).attr("r") == "5", "The sixth <code>circle</code> element should have a <code>cx</code> value of 233, a <code>cy</code> value of 355, and an <code>r</code> value of 5.");'
+  - text: 'Элемент седьмого <code>circle</code> должен иметь значение <code>cx</code> 333, значение <code>cy</code> 404 и значение <code>r</code> 5.'
+    testString: 'assert($("circle").eq(6).attr("cx") == "333" && $("circle").eq(6).attr("cy") == "404" && $("circle").eq(6).attr("r") == "5", "The seventh <code>circle</code> element should have a <code>cx</code> value of 333, a <code>cy</code> value of 404, and an <code>r</code> value of 5.");'
+  - text: 'Элемент восьмого <code>circle</code> должен иметь значение <code>cx</code> 222, значение <code>cy</code> 167 и значение <code>r</code> 5.'
+    testString: 'assert($("circle").eq(7).attr("cx") == "222" && $("circle").eq(7).attr("cy") == "167" && $("circle").eq(7).attr("r") == "5", "The eighth <code>circle</code> element should have a <code>cx</code> value of 222, a <code>cy</code> value of 167, and an <code>r</code> value of 5.");'
+  - text: 'Элемент девятого <code>circle</code> должен иметь значение <code>cx</code> 78, значение <code>cy</code> 180 и значение <code>r</code> 5.'
+    testString: 'assert($("circle").eq(8).attr("cx") == "78" && $("circle").eq(8).attr("cy") == "180" && $("circle").eq(8).attr("r") == "5", "The ninth <code>circle</code> element should have a <code>cx</code> value of 78, a <code>cy</code> value of 180, and an <code>r</code> value of 5.");'
+  - text: 'Элемент десятого <code>circle</code> должен иметь значение <code>cx</code> 21, значение <code>cy</code> 377 и значение <code>r</code> 5.'
+    testString: 'assert($("circle").eq(9).attr("cx") == "21" && $("circle").eq(9).attr("cy") == "377" && $("circle").eq(9).attr("r") == "5", "The tenth <code>circle</code> element should have a <code>cx</code> value of 21, a <code>cy</code> value of 377, and an <code>r</code> value of 5.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+
+    const w = 500;
+    const h = 500;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-axes-to-a-visualization.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-axes-to-a-visualization.russian.md
new file mode 100644
index 0000000000..41b1597d0a
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-axes-to-a-visualization.russian.md
@@ -0,0 +1,119 @@
+---
+id: 587d7fad367417b2b2512bdf
+title: Add Axes to a Visualization
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Добавление осей к визуализации
+---
+
+## Description
+<section id="description"> Другой способ улучшить график рассеяния - добавить ось x и ось y. D3 имеет два метода <code>axisLeft()</code> и <code>axisBottom()</code> для визуализации осей y и x соответственно. (Оси - это множественная форма оси). Ниже приведен пример создания оси x на основе <code>xScale</code> в предыдущих задачах: <code>const xAxis = d3.axisBottom(xScale);</code> Следующий шаг - отобразить ось на холсте SVG. Для этого вы можете использовать общий компонент SVG, элемент <code>g</code> . Группа <code>g</code> обозначает группу. В отличие от <code>rect</code> , <code>circle</code> и <code>text</code> , ось является прямой линией, когда она отображается. Потому что это простая форма, используя <code>g</code> works. Последний шаг - применить атрибут <code>transform</code> для размещения оси на холсте SVG в нужном месте. В противном случае линия будет отображаться вдоль границы холста SVG и не будет видна. SVG поддерживает различные типы <code>transforms</code> , но позиционирование оси требует <code>translate</code> . Когда он применяется к элементу <code>g</code> , он перемещает всю группу за и на указанные суммы. Вот пример: <blockquote> const xAxis = d3.axisBottom (xScale); <br><br> svg.append ( &quot;г&quot;) <br> .attr (&quot;transform&quot;, &quot;translate (0,&quot; + (h - padding) + &quot;)&quot;) <br> .call (Xaxis); </blockquote> Вышеупомянутый код помещает ось x в нижнюю часть холста SVG. Затем он передается в качестве аргумента методу <code>call()</code> . Ось y работает одинаково, за исключением того, что аргумент <code>translate</code> имеет вид (x, 0). Поскольку <code>translate</code> является строкой в ​​методе <code>attr()</code> выше, вы можете использовать конкатенацию для включения значений переменных для своих аргументов. </section>
+
+## Instructions
+<section id="instructions"> График рассеяния теперь имеет ось х. Создайте ось y в переменной с именем <code>yAxis</code> используя метод <code>axisLeft()</code> . Затем визуализируйте ось с помощью элемента <code>g</code> . Не забудьте использовать атрибут <code>transform</code> для перевода оси на количество единиц заполнения справа и 0 единиц вниз. Не забудьте <code>call()</code> ось. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать метод <code>axisLeft()</code> с <code>yScale</code> в качестве аргумента.
+    testString: 'assert(code.match(/\.axisLeft\(yScale\)/g), "Your code should use the <code>axisLeft()</code> method with <code>yScale</code> passed as the argument.");'
+  - text: 'Элемент <code>g</code> оси y должен иметь атрибут <code>transform</code> для перевода оси по (60, 0).'
+    testString: 'assert($("g").eq(1).attr("transform").match(/translate\(60\s*?,\s*?0\)/g), "The y-axis <code>g</code> element should have a <code>transform</code> attribute to translate the axis by (60, 0).");'
+  - text: Ваш код должен вызывать <code>yAxis</code> .
+    testString: 'assert(code.match(/\.call\(yAxis\)/g), "Your code should call the <code>yAxis</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,     78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,   411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,    333 ],
+                  [ 78,    320 ],
+                  [ 21,   123 ]
+                ];
+
+    const w = 500;
+    const h = 500;
+    const padding = 60;
+
+    const xScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[0])])
+                     .range([padding, w - padding]);
+
+    const yScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[1])])
+                     .range([h - padding, padding]);
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       .attr("cx", (d) => xScale(d[0]))
+       .attr("cy",(d) => yScale(d[1]))
+       .attr("r", (d) => 5);
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) =>  (d[0] + "," + d[1]))
+       .attr("x", (d) => xScale(d[0] + 10))
+       .attr("y", (d) => yScale(d[1]))
+
+    const xAxis = d3.axisBottom(xScale);
+    // Add your code below this line
+    const yAxis = undefined;
+    // Add your code above this line
+
+    svg.append("g")
+       .attr("transform", "translate(0," + (h - padding) + ")")
+       .call(xAxis);
+
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-classes-with-d3.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-classes-with-d3.russian.md
new file mode 100644
index 0000000000..3e69b80592
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-classes-with-d3.russian.md
@@ -0,0 +1,75 @@
+---
+id: 587d7fa7367417b2b2512bc8
+title: Add Classes with D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Добавить классы с D3
+---
+
+## Description
+<section id="description"> Использование большого количества встроенных стилей в HTML-элементах трудно справиться даже для небольших приложений. Легче добавить класс к элементам и стиль этого класса один раз с использованием правил CSS. D3 имеет метод <code>attr()</code> для добавления любого элемента HTML к элементу, включая имя класса. Метод <code>attr()</code> работает так же, как это делает <code>style()</code> . Он принимает значения, разделенные запятыми, и может использовать функцию обратного вызова. Вот пример добавления класса «container» к выбору: <code>selection.attr(&quot;class&quot;, &quot;container&quot;);</code> </section>
+
+## Instructions
+<section id="instructions"> Добавьте метод <code>attr()</code> в код в редакторе и поместите класс <code>bar</code> в элементы <code>div</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элементы <code>div</code> должны иметь класс <code>bar</code> .
+    testString: 'assert($("div").attr("class") == "bar", "Your <code>div</code> elements should have a class of <code>bar</code>.");'
+  - text: Ваш код должен использовать метод <code>attr()</code> .
+    testString: 'assert(code.match(/\.attr/g), "Your code should use the <code>attr()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar {
+    width: 25px;
+    height: 100px;
+    display: inline-block;
+    background-color: blue;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("div")
+      .data(dataset)
+      .enter()
+      .append("div")
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-document-elements-with-d3.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-document-elements-with-d3.russian.md
new file mode 100644
index 0000000000..c2e4e1cbdb
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-document-elements-with-d3.russian.md
@@ -0,0 +1,69 @@
+---
+id: 587d7fa6367417b2b2512bc2
+title: Add Document Elements with D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Добавление элементов документа с помощью D3
+---
+
+## Description
+<section id="description"> D3 имеет несколько методов, которые позволяют добавлять и изменять элементы в документе. Метод <code>select()</code> выбирает один элемент из документа. Он принимает аргумент для имени нужного элемента и возвращает узел HTML для первого элемента в документе, который соответствует имени. Вот пример: <code>const anchor = d3.select(&quot;a&quot;);</code> Приведенный выше пример находит первый якорный тег на странице и сохраняет узел HTML для него в переменном <code>anchor</code> . Вы можете использовать выделение с помощью других методов. Часть «d3» в примере является ссылкой на объект D3, так как вы получаете доступ к методам D3. Два других полезных метода: <code>append()</code> и <code>text()</code> . Метод <code>append()</code> принимает аргумент для элемента, который вы хотите добавить в документ. Он добавляет узел HTML к выбранному элементу и возвращает дескриптор этого узла. Метод <code>text()</code> либо задает текст выбранного узла, либо получает текущий текст. Чтобы установить значение, вы передаете строку в качестве аргумента внутри круглых скобок метода. Вот пример, который выбирает неупорядоченный список, добавляет элемент списка и добавляет текст: <blockquote> d3.select ( &quot;UL&quot;) <br> .append ( &quot;Ли&quot;) <br> .text («Очень важный элемент»); </blockquote> D3 позволяет объединять несколько методов вместе с периодами для выполнения ряда действий в строке. </section>
+
+## Instructions
+<section id="instructions"> Используйте метод <code>select</code> для выбора тега <code>body</code> в документе. Затем <code>append</code> к нему тег <code>h1</code> и добавьте текст «Learning D3» в элемент <code>h1</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>body</code> должно иметь один элемент <code>h1</code> .
+    testString: 'assert($("body").children("h1").length == 1, "The <code>body</code> should have one <code>h1</code> element.");'
+  - text: Элемент <code>h1</code> должен иметь в нем текст «Learning D3».
+    testString: 'assert($("h1").text() == "Learning D3", "The <code>h1</code> element should have the text "Learning D3" in it.");'
+  - text: Ваш код должен получить доступ к объекту <code>d3</code> .
+    testString: 'assert(code.match(/d3/g), "Your code should access the <code>d3</code> object.");'
+  - text: Ваш код должен использовать метод <code>select</code> .
+    testString: 'assert(code.match(/\.select/g), "Your code should use the <code>select</code> method.");'
+  - text: Ваш код должен использовать метод <code>append</code> .
+    testString: 'assert(code.match(/\.append/g), "Your code should use the <code>append</code> method.");'
+  - text: Ваш код должен использовать <code>text</code> метод.
+    testString: 'assert(code.match(/\.text/g), "Your code should use the <code>text</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-inline-styling-to-elements.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-inline-styling-to-elements.russian.md
new file mode 100644
index 0000000000..b9aea759a0
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-inline-styling-to-elements.russian.md
@@ -0,0 +1,68 @@
+---
+id: 587d7fa7367417b2b2512bc6
+title: Add Inline Styling to Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Добавить встроенный стиль в элементы
+---
+
+## Description
+<section id="description"> D3 позволяет добавлять встроенные стили CSS для динамических элементов с помощью метода <code>style()</code> . Метод <code>style()</code> принимает в качестве аргумента пару ключ-значение, разделенную запятыми. Вот пример, чтобы задать цвет текста выбора синим: <code>selection.style(&quot;color&quot;,&quot;blue&quot;);</code> </section>
+
+## Instructions
+<section id="instructions"> Добавьте метод <code>style()</code> в код в редакторе, чтобы весь отображаемый текст имел <code>font-family</code> <code>verdana</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Элементы <code>h2</code> должны иметь <code>font-family</code> шрифтов verdana.
+    testString: 'assert($("h2").css("font-family") == "verdana", "Your <code>h2</code> elements should have a <code>font-family</code> of verdana.");'
+  - text: ''
+    testString: 'assert(code.match(/\.style/g), "Your code should use the <code>style()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("h2")
+      .data(dataset)
+      .enter()
+      .append("h2")
+      .text((d) => (d + " USD"))
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-labels-to-d3-elements.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-labels-to-d3-elements.russian.md
new file mode 100644
index 0000000000..d35c3f6eee
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-labels-to-d3-elements.russian.md
@@ -0,0 +1,99 @@
+---
+id: 587d7faa367417b2b2512bd2
+title: Add Labels to D3 Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Добавить ярлыки в элементы D3
+---
+
+## Description
+<section id="description"> D3 позволяет вам наметить элемент графа, например панель, используя <code>text</code> элемент SVG. Подобно элементу <code>rect</code> , <code>text</code> элемент должен иметь атрибуты <code>x</code> и <code>y</code> , чтобы поместить его на холст SVG. Он также должен получить доступ к данным для отображения этих значений. D3 дает вам высокий уровень контроля над тем, как вы назовете свои бары. </section>
+
+## Instructions
+<section id="instructions"> Код в редакторе уже привязывает данные к каждому новому <code>text</code> элементу. Сначала добавьте <code>text</code> узлы в <code>svg</code> . Затем добавьте атрибуты для координат <code>x</code> и <code>y</code> . Они должны быть рассчитаны так же, как и <code>rect</code> , за исключением того, что значение <code>y</code> для <code>text</code> должно помещать ярлык на 3 единицы выше, чем планка. Наконец, используйте метод D3 <code>text()</code> чтобы установить метку равной значению точки данных. <strong>Заметка</strong> <br> Чтобы ярлык находился выше бара, решите, должно ли значение <code>y</code> для <code>text</code> быть на 3 больше или на 3 меньше значения <code>y</code> для панели. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Первый <code>text</code> элемент должен иметь метку 12 и значение <code>y</code> 61.
+    testString: 'assert($("text").eq(0).text() == "12" && $("text").eq(0).attr("y") == "61", "The first <code>text</code> element should have a label of 12 and a <code>y</code> value of 61.");'
+  - text: Второй <code>text</code> элемент должен иметь метку 31 и значение <code>y</code> 4.
+    testString: 'assert($("text").eq(1).text() == "31" && $("text").eq(1).attr("y") == "4", "The second <code>text</code> element should have a label of 31 and a <code>y</code> value of 4.");'
+  - text: Третий <code>text</code> элемент должен иметь метку 22 и значение <code>y</code> 31.
+    testString: 'assert($("text").eq(2).text() == "22" && $("text").eq(2).attr("y") == "31", "The third <code>text</code> element should have a label of 22 and a <code>y</code> value of 31.");'
+  - text: Четвертый <code>text</code> элемент должен иметь метку 17 и значение <code>y</code> 46.
+    testString: 'assert($("text").eq(3).text() == "17" && $("text").eq(3).attr("y") == "46", "The fourth <code>text</code> element should have a label of 17 and a <code>y</code> value of 46.");'
+  - text: Пятый <code>text</code> элемент должен иметь метку 25 и значение <code>y</code> 22.
+    testString: 'assert($("text").eq(4).text() == "25" && $("text").eq(4).attr("y") == "22", "The fifth <code>text</code> element should have a label of 25 and a <code>y</code> value of 22.");'
+  - text: Шестой <code>text</code> элемент должен иметь метку 18 и значение <code>y</code> 43.
+    testString: 'assert($("text").eq(5).text() == "18" && $("text").eq(5).attr("y") == "43", "The sixth <code>text</code> element should have a label of 18 and a <code>y</code> value of 43.");'
+  - text: Седьмой <code>text</code> элемент должен иметь метку 29 и значение <code>y</code> 10.
+    testString: 'assert($("text").eq(6).text() == "29" && $("text").eq(6).attr("y") == "10", "The seventh <code>text</code> element should have a label of 29 and a <code>y</code> value of 10.");'
+  - text: Восьмой <code>text</code> элемент должен иметь метку 14 и значение <code>y</code> 55.
+    testString: 'assert($("text").eq(7).text() == "14" && $("text").eq(7).attr("y") == "55", "The eighth <code>text</code> element should have a label of 14 and a <code>y</code> value of 55.");'
+  - text: Девятый <code>text</code> элемент должен иметь метку 9 и значение <code>y</code> 70.
+    testString: 'assert($("text").eq(8).text() == "9" && $("text").eq(8).attr("y") == "70", "The ninth <code>text</code> element should have a label of 9 and a <code>y</code> value of 70.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d)
+       .attr("fill", "navy");
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       // Add your code below this line
+
+
+
+
+       // Add your code above this line
+  </script>
+<body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-labels-to-scatter-plot-circles.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-labels-to-scatter-plot-circles.russian.md
new file mode 100644
index 0000000000..65cefc3cdd
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/add-labels-to-scatter-plot-circles.russian.md
@@ -0,0 +1,113 @@
+---
+id: 587d7fab367417b2b2512bd9
+title: Add Labels to Scatter Plot Circles
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Добавить ярлыки в круги кругов рассеяния
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> Обозначьте каждую точку на графике рассеяния, используя <code>text</code> элементы. Текст метки должен быть двумя значениями, разделенными запятой и пробелом. Например, ярлык для первой точки - «34, 78». Установите атрибут <code>x</code> чтобы он был на 5 единиц больше, чем значение, которое вы использовали для атрибута <code>cx</code> на <code>circle</code> . Установите атрибут <code>y</code> же, как это используется для значения <code>cy</code> на <code>circle</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен содержать 10 <code>text</code> элементов.
+    testString: 'assert($("text").length == 10, "Your code should have 10 <code>text</code> elements.");'
+  - text: 'Первая метка должна иметь текст «34, 78», значение <code>x</code> 39 и значение <code>y</code> 422.'
+    testString: 'assert($("text").eq(0).text() == "34, 78" && $("text").eq(0).attr("x") == "39" && $("text").eq(0).attr("y") == "422", "The first label should have text of "34, 78", an <code>x</code> value of 39, and a <code>y</code> value of 422.");'
+  - text: 'Вторая метка должна иметь текст «109, 280», в <code>x</code> значении 114, и <code>y</code> значения 220.'
+    testString: 'assert($("text").eq(1).text() == "109, 280" && $("text").eq(1).attr("x") == "114" && $("text").eq(1).attr("y") == "220", "The second label should have text of "109, 280", an <code>x</code> value of 114, and a <code>y</code> value of 220.");'
+  - text: 'Третья метка должна иметь текст «310, 120», значение <code>x</code> 315 и значение <code>y</code> 380.'
+    testString: 'assert($("text").eq(2).text() == "310, 120" && $("text").eq(2).attr("x") == "315" && $("text").eq(2).attr("y") == "380", "The third label should have text of "310, 120", an <code>x</code> value of 315, and a <code>y</code> value of 380.");'
+  - text: 'Четвертая метка должна иметь текст «79, 411», значение <code>x</code> 84 и значение <code>y</code> 89.'
+    testString: 'assert($("text").eq(3).text() == "79, 411" && $("text").eq(3).attr("x") == "84" && $("text").eq(3).attr("y") == "89", "The fourth label should have text of "79, 411", an <code>x</code> value of 84, and a <code>y</code> value of 89.");'
+  - text: 'Пятая метка должна иметь текст «420, 220», значение <code>x</code> 425 и значение <code>y</code> 280.'
+    testString: 'assert($("text").eq(4).text() == "420, 220" && $("text").eq(4).attr("x") == "425" && $("text").eq(4).attr("y") == "280", "The fifth label should have text of "420, 220", an <code>x</code> value of 425, and a <code>y</code> value of 280.");'
+  - text: 'Шестой ярлык должен иметь текст «233, 145», значение <code>x</code> 238 и значение <code>y</code> 355.'
+    testString: 'assert($("text").eq(5).text() == "233, 145" && $("text").eq(5).attr("x") == "238" && $("text").eq(5).attr("y") == "355", "The sixth label should have text of "233, 145", an <code>x</code> value of 238, and a <code>y</code> value of 355.");'
+  - text: 'Седьмая метка должна иметь текст «333, 96», значение <code>x</code> 338 и значение <code>y</code> 404.'
+    testString: 'assert($("text").eq(6).text() == "333, 96" && $("text").eq(6).attr("x") == "338" && $("text").eq(6).attr("y") == "404", "The seventh label should have text of "333, 96", an <code>x</code> value of 338, and a <code>y</code> value of 404.");'
+  - text: 'Восьмая метка должна иметь текст «222, 333», значение <code>x</code> 227 и значение <code>y</code> 167.'
+    testString: 'assert($("text").eq(7).text() == "222, 333" && $("text").eq(7).attr("x") == "227" && $("text").eq(7).attr("y") == "167", "The eighth label should have text of "222, 333", an <code>x</code> value of 227, and a <code>y</code> value of 167.");'
+  - text: 'Девятая метка должна иметь текст «78, 320», значение <code>x</code> 83 и значение <code>y</code> 180.'
+    testString: 'assert($("text").eq(8).text() == "78, 320" && $("text").eq(8).attr("x") == "83" && $("text").eq(8).attr("y") == "180", "The ninth label should have text of "78, 320", an <code>x</code> value of 83, and a <code>y</code> value of 180.");'
+  - text: 'Десятая метка должна иметь текст «21, 123», значение <code>x</code> 26 и значение <code>y</code> 377.'
+    testString: 'assert($("text").eq(9).text() == "21, 123" && $("text").eq(9).attr("x") == "26" && $("text").eq(9).attr("y") == "377", "The tenth label should have text of "21, 123", an <code>x</code> value of 26, and a <code>y</code> value of 377.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+
+    const w = 500;
+    const h = 500;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       .attr("cx", (d, i) => d[0])
+       .attr("cy", (d, i) => h - d[1])
+       .attr("r", 5);
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/change-styles-based-on-data.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/change-styles-based-on-data.russian.md
new file mode 100644
index 0000000000..7740b6fe6d
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/change-styles-based-on-data.russian.md
@@ -0,0 +1,82 @@
+---
+id: 587d7fa7367417b2b2512bc7
+title: Change Styles Based on Data
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Изменение стилей на основе данных
+---
+
+## Description
+<section id="description"> D3 - о визуализации и представлении данных. Вероятно, вы захотите изменить стиль элементов на основе данных. Вы можете использовать функцию обратного вызова в методе <code>style()</code> для изменения стиля для разных элементов. Например, вы можете покрасить синюю точку данных, если она имеет значение менее 20, и наоборот. Вы можете использовать функцию обратного вызова в методе <code>style()</code> и включать условную логику. Функция обратного вызова использует параметр <code>d</code> для представления точки данных: <blockquote> selection.style (&quot;color&quot;, (d) =&gt; { <br> / * Логика, возвращающая цвет, основанный на условии * / <br> }); </blockquote> Метод <code>style()</code> не ограничивается настройкой <code>color</code> - его можно использовать и с другими свойствами CSS. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Первый <code>h2</code> должен иметь <code>color</code> красного цвета.
+    testString: 'assert($("h2").eq(0).css("color") == "rgb(255, 0, 0)", "The first <code>h2</code> should have a <code>color</code> of red.");'
+  - text: Второй <code>h2</code> должен иметь <code>color</code> зеленого цвета.
+    testString: 'assert($("h2").eq(1).css("color") == "rgb(0, 128, 0)", "The second <code>h2</code> should have a <code>color</code> of green.");'
+  - text: Третий <code>h2</code> должен иметь <code>color</code> зеленого цвета.
+    testString: 'assert($("h2").eq(2).css("color") == "rgb(0, 128, 0)", "The third <code>h2</code> should have a <code>color</code> of green.");'
+  - text: ''
+    testString: 'assert($("h2").eq(3).css("color") == "rgb(255, 0, 0)", "The fourth <code>h2</code> should have a <code>color</code> of red.");'
+  - text: Пятые <code>h2</code> должны иметь <code>color</code> зеленого цвета.
+    testString: 'assert($("h2").eq(4).css("color") == "rgb(0, 128, 0)", "The fifth <code>h2</code> should have a <code>color</code> of green.");'
+  - text: ''
+    testString: 'assert($("h2").eq(5).css("color") == "rgb(255, 0, 0)", "The sixth <code>h2</code> should have a <code>color</code> of red.");'
+  - text: ''
+    testString: 'assert($("h2").eq(6).css("color") == "rgb(0, 128, 0)", "The seventh <code>h2</code> should have a <code>color</code> of green.");'
+  - text: ''
+    testString: 'assert($("h2").eq(7).css("color") == "rgb(255, 0, 0)", "The eighth <code>h2</code> should have a <code>color</code> of red.");'
+  - text: ''
+    testString: 'assert($("h2").eq(8).css("color") == "rgb(255, 0, 0)", "The ninth <code>h2</code> should have a <code>color</code> of red.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("h2")
+      .data(dataset)
+      .enter()
+      .append("h2")
+      .text((d) => (d + " USD"))
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/change-the-color-of-an-svg-element.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/change-the-color-of-an-svg-element.russian.md
new file mode 100644
index 0000000000..7458a85b30
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/change-the-color-of-an-svg-element.russian.md
@@ -0,0 +1,77 @@
+---
+id: 587d7fa9367417b2b2512bd1
+title: Change the Color of an SVG Element
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Изменение цвета элемента SVG
+---
+
+## Description
+<section id="description"> Бары находятся в правильном положении, но все они имеют черный цвет. SVG имеет способ изменить цвет баров. В SVG <code>rect</code> форма окрашена с атрибутом <code>fill</code> . Он поддерживает шестнадцатеричные коды, имена цветов и значения rgb, а также более сложные параметры, такие как градиенты и прозрачность. </section>
+
+## Instructions
+<section id="instructions"> Добавьте метод <code>attr()</code> чтобы установить «заливку» всех баров на цвет «флот». </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все бары должны иметь цвет <code>fill</code> флота.
+    testString: 'assert($("rect").css("fill") == "rgb(0, 0, 128)", "The bars should all have a <code>fill</code> color of navy.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d)
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/change-the-presentation-of-a-bar-chart.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/change-the-presentation-of-a-bar-chart.russian.md
new file mode 100644
index 0000000000..c8e56a437d
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/change-the-presentation-of-a-bar-chart.russian.md
@@ -0,0 +1,92 @@
+---
+id: 587d7fa8367417b2b2512bca
+title: Change the Presentation of a Bar Chart
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Изменение презентации диаграммы
+---
+
+## Description
+<section id="description"> Последняя задача создала гистограмму, но есть несколько изменений форматирования, которые могли бы ее улучшить: 1) добавьте пробел между каждым столбцом, чтобы визуально отделить их, что делается путем добавления поля к CSS для класса <code>bar</code> 2) Увеличить высота баров, чтобы лучше показать разницу в значениях, что делается путем умножения значения на число для масштабирования высоты </section>
+
+## Instructions
+<section id="instructions"> Во- первых, добавьте <code>margin</code> в 2px в <code>bar</code> класса в <code>style</code> тега. Затем измените функцию обратного вызова в методе <code>style()</code> чтобы она вернула значение в 10 раз по сравнению с исходным значением данных (плюс «px»). <strong>Заметка</strong> <br> Умножение каждой точки данных на <em>одну и</em> ту <em>же</em> константу только изменяет масштаб. Это похоже на масштабирование, и оно не меняет значения базовых данных. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Первый <code>div</code> должен иметь <code>height</code> 120 пикселей и <code>margin</code> в 2 пикселя.
+    testString: 'assert($("div").eq(0).css("height") == "120px" && $("div").eq(0).css("margin-right") == "2px", "The first <code>div</code> should have a <code>height</code> of 120 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: Второй <code>div</code> должен иметь <code>height</code> 310 пикселей и <code>margin</code> в 2 пикселя.
+    testString: 'assert($("div").eq(1).css("height") == "310px" && $("div").eq(1).css("margin-right") == "2px", "The second <code>div</code> should have a <code>height</code> of 310 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: Третий <code>div</code> должен иметь <code>height</code> 220 пикселей и <code>margin</code> в 2 пикселя.
+    testString: 'assert($("div").eq(2).css("height") == "220px" && $("div").eq(2).css("margin-right") == "2px", "The third <code>div</code> should have a <code>height</code> of 220 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: Четвертый <code>div</code> должен иметь <code>height</code> 170 пикселей и <code>margin</code> в 2 пикселя.
+    testString: 'assert($("div").eq(3).css("height") == "170px" && $("div").eq(3).css("margin-right") == "2px", "The fourth <code>div</code> should have a <code>height</code> of 170 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: Пятый <code>div</code> должен иметь <code>height</code> 250 пикселей и <code>margin</code> в 2 пикселя.
+    testString: 'assert($("div").eq(4).css("height") == "250px" && $("div").eq(4).css("margin-right") == "2px", "The fifth <code>div</code> should have a <code>height</code> of 250 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: Шестой <code>div</code> должен иметь <code>height</code> 180 пикселей и <code>margin</code> в 2 пикселя.
+    testString: 'assert($("div").eq(5).css("height") == "180px" && $("div").eq(5).css("margin-right") == "2px", "The sixth <code>div</code> should have a <code>height</code> of 180 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: Седьмой <code>div</code> должен иметь <code>height</code> 290 пикселей и <code>margin</code> в 2 пикселя.
+    testString: 'assert($("div").eq(6).css("height") == "290px" && $("div").eq(6).css("margin-right") == "2px", "The seventh <code>div</code> should have a <code>height</code> of 290 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: Восьмой <code>div</code> должен иметь <code>height</code> 140 пикселей и <code>margin</code> в 2 пикселя.
+    testString: 'assert($("div").eq(7).css("height") == "140px" && $("div").eq(7).css("margin-right") == "2px", "The eighth <code>div</code> should have a <code>height</code> of 140 pixels and a <code>margin</code> of 2 pixels.");'
+  - text: Девятый <code>div</code> должен иметь <code>height</code> 90 пикселей и <code>margin</code> в 2 пикселя.
+    testString: 'assert($("div").eq(8).css("height") == "90px" && $("div").eq(8).css("margin-right") == "2px", "The ninth <code>div</code> should have a <code>height</code> of 90 pixels and a <code>margin</code> of 2 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar {
+    width: 25px;
+    height: 100px;
+    /* Add your code below this line */
+
+    /* Add your code above this line */
+    display: inline-block;
+    background-color: blue;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("div")
+      .data(dataset)
+      .enter()
+      .append("div")
+      .attr("class", "bar")
+      // Add your code below this line
+      .style("height", (d) => (d + "px"))
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/create-a-bar-for-each-data-point-in-the-set.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/create-a-bar-for-each-data-point-in-the-set.russian.md
new file mode 100644
index 0000000000..c127014672
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/create-a-bar-for-each-data-point-in-the-set.russian.md
@@ -0,0 +1,80 @@
+---
+id: 587d7fa8367417b2b2512bcd
+title: Create a Bar for Each Data Point in the Set
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Создайте панель для каждой точки данных в наборе
+---
+
+## Description
+<section id="description"> Последняя задача добавила только один прямоугольник в элемент <code>svg</code> для представления строки. Здесь вы объедините все, что вы узнали до сих пор, о формах <code>data()</code> , <code>enter()</code> и SVG для создания и добавления прямоугольника для каждой точки <code>dataset</code> в <code>dataset</code> . Предыдущий вызов показал формат создания и добавления <code>div</code> для каждого элемента в <code>dataset</code> : <blockquote> d3.select ( &quot;тело&quot;). SelectAll ( &quot;DIV&quot;) <br> .data (набор данных) <br> .войти() <br> .append ( &quot;DIV&quot;) </blockquote> Есть несколько отличий, которые работают с <code>rect</code> элементами вместо <code>divs</code> . <code>rects</code> должны быть добавлены к элементу <code>svg</code> , а не непосредственно к <code>body</code> . Кроме того, вам нужно указать D3, где разместить каждый <code>rect</code> в области <code>svg</code> . Размещение бар будет рассмотрено в следующей задаче. </section>
+
+## Instructions
+<section id="instructions"> Используйте методы <code>data()</code> , <code>enter()</code> и <code>append()</code> для создания и добавления <code>rect</code> для каждого элемента в <code>dataset</code> . Бары должны отображать все друг на друга, это будет исправлено в следующей задаче. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш документ должен иметь 9 <code>rect</code> элементы.
+    testString: 'assert($("rect").length == 9, "Your document should have 9 <code>rect</code> elements.");'
+  - text: Ваш код должен использовать метод <code>data()</code> .
+    testString: 'assert(code.match(/\.data/g), "Your code should use the <code>data()</code> method.");'
+  - text: Ваш код должен использовать метод <code>enter()</code> .
+    testString: 'assert(code.match(/\.enter/g), "Your code should use the <code>enter()</code> method.");'
+  - text: Ваш код должен использовать метод <code>append()</code> .
+    testString: 'assert(code.match(/\.append/g), "Your code should use the <code>append()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+       .attr("x", 0)
+       .attr("y", 0)
+       .attr("width", 25)
+       .attr("height", 100);
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3.russian.md
new file mode 100644
index 0000000000..4cb4dd4e9d
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3.russian.md
@@ -0,0 +1,69 @@
+---
+id: 587d7fab367417b2b2512bda
+title: Create a Linear Scale with D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Создайте линейную шкалу с D3
+---
+
+## Description
+<section id="description"> Графики штрихов и диаграмм рассеяния отображают данные непосредственно на холст SVG. Однако, если высота бара или одной из точек данных больше, чем значения высоты или ширины SVG, она выходит за пределы области SVG. В D3 существуют шкалы, которые помогают отображать данные. <code>Scales</code> - это функции, которые сообщают программе, как сопоставить набор необработанных точек данных на пикселях холста SVG. Например, скажем, у вас есть холст SVG размером 100 × 500 и вы хотите построить валовой внутренний продукт (ВВП) для ряда стран. Набор чисел будет в диапазоне миллиардов или триллионов долларов. Вы предоставляете D3 тип шкалы, чтобы рассказать о том, как разместить большие значения ВВП в этой области размером 100x500. Маловероятно, что вы будете строить необработанные данные как есть. Перед построением графика вы установите масштаб для всего набора данных, чтобы значения <code>x</code> и <code>y</code> соответствовали ширине и высоте холста. D3 имеет несколько типов шкалы. Для линейного масштаба (обычно используется с количественными данными) существует метод D3 <code>scaleLinear()</code> : <code>const scale = d3.scaleLinear()</code> По умолчанию масштаб использует отношение идентичности. Значение входа совпадает с значением выхода. Отдельная проблема охватывает то, как это изменить. </section>
+
+## Instructions
+<section id="instructions"> Измените <code>scale</code> переменную, чтобы создать линейную шкалу. Затем установите <code>output</code> переменную в шкалу с аргументом ввода 50. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Текст в <code>h2</code> должен быть 50.
+    testString: 'assert($("h2").text() == "50", "The text in the <code>h2</code> should be 50.");'
+  - text: Ваш код должен использовать метод <code>scaleLinear()</code> .
+    testString: 'assert(code.match(/\.scaleLinear/g), "Your code should use the <code>scaleLinear()</code> method.");'
+  - text: <code>output</code> переменная должна вызывать <code>scale</code> с аргументом 50.
+    testString: 'assert(output == 50 && code.match(/scale\(\s*?50\s*?\)/g), "The <code>output</code> variable should call <code>scale</code> with an argument of 50.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    // Add your code below this line
+
+    const scale = undefined; // Create the scale here
+    const output = scale(); // Call the scale with an argument here
+
+    // Add your code above this line
+
+    d3.select("body")
+      .append("h2")
+      .text(output);
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/create-a-scatterplot-with-svg-circles.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/create-a-scatterplot-with-svg-circles.russian.md
new file mode 100644
index 0000000000..aa5021a9e0
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/create-a-scatterplot-with-svg-circles.russian.md
@@ -0,0 +1,83 @@
+---
+id: 587d7fab367417b2b2512bd7
+title: Create a Scatterplot with SVG Circles
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Создайте Scatterplot с кругами SVG
+---
+
+## Description
+<section id="description"> График рассеяния - это еще один вид визуализации. Он обычно использует круги для сопоставления точек данных, каждая из которых имеет по два значения. Эти значения привязываются к осям <code>x</code> и <code>y</code> и используются для позиционирования круга при визуализации. SVG имеет <code>circle</code> тег для создания формы круга. Он очень похож на элементы <code>rect</code> которые вы использовали для гистограммы. </section>
+
+## Instructions
+<section id="instructions"> Используйте методы <code>data()</code> , <code>enter()</code> и <code>append()</code> для привязки <code>dataset</code> к новым элементам <code>circle</code> , которые добавляются к холсту SVG. <strong>Заметка</strong> <br> Круги не будут видны, потому что мы еще не установили их атрибуты. Мы сделаем это в следующей задаче. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен содержать 10 элементов <code>circle</code> .
+    testString: 'assert($("circle").length == 10, "Your code should have 10 <code>circle</code> elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+
+    const w = 500;
+    const h = 500;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/display-shapes-with-svg.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/display-shapes-with-svg.russian.md
new file mode 100644
index 0000000000..f7b8d7baed
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/display-shapes-with-svg.russian.md
@@ -0,0 +1,76 @@
+---
+id: 587d7fa8367417b2b2512bcc
+title: Display Shapes with SVG
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Отображать фигуры с помощью SVG
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> Добавьте <code>rect</code> форму в <code>svg</code> используя <code>append()</code> , и присвойте ему атрибут <code>width</code> 25 и атрибут <code>height</code> 100. Также дайте атрибутам <code>rect</code> <code>x</code> и <code>y</code> каждый из которых установлен в 0. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: В вашем документе должен быть 1 элемент <code>rect</code> .
+    testString: 'assert($("rect").length == 1, "Your document should have 1 <code>rect</code> element.");'
+  - text: Элемент <code>rect</code> должен иметь атрибут <code>width</code> равный 25.
+    testString: 'assert($("rect").attr("width") == "25", "The <code>rect</code> element should have a <code>width</code> attribute set to 25.");'
+  - text: Элемент <code>rect</code> должен иметь атрибут <code>height</code> равный 100.
+    testString: 'assert($("rect").attr("height") == "100", "The <code>rect</code> element should have a <code>height</code> attribute set to 100.");'
+  - text: Элемент <code>rect</code> должен иметь атрибут <code>x</code> равный 0.
+    testString: 'assert($("rect").attr("x") == "0", "The <code>rect</code> element should have an <code>x</code> attribute set to 0.");'
+  - text: ''
+    testString: 'assert($("rect").attr("y") == "0", "The <code>rect</code> element should have a <code>y</code> attribute set to 0.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h)
+                  // Add your code below this line
+
+
+
+                  // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/dynamically-change-the-height-of-each-bar.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/dynamically-change-the-height-of-each-bar.russian.md
new file mode 100644
index 0000000000..5091b517d2
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/dynamically-change-the-height-of-each-bar.russian.md
@@ -0,0 +1,94 @@
+---
+id: 587d7fa9367417b2b2512bcf
+title: Dynamically Change the Height of Each Bar
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Динамическое изменение высоты каждой панели
+---
+
+## Description
+<section id="description"> Высота каждой панели может быть установлена ​​на значение точки данных в массиве, подобно тому, как значение <code>x</code> было задано динамически. <blockquote> selection.attr (&quot;свойство&quot;, (d, i) =&gt; { <br> / * <br> * d - значение точки данных <br> * i - индекс точки данных в массиве <br> * / <br> }) </blockquote></section>
+
+## Instructions
+<section id="instructions"> Измените функцию обратного вызова для атрибута <code>height</code> чтобы вернуть значение времени данных 3. <strong>Примечание.</strong> <br> Помните, что умножение всех точек данных на одну и ту же константу масштабирует данные (например, масштабирование). Это помогает увидеть различия между значениями бар в этом примере. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Первый <code>rect</code> должен иметь <code>height</code> 36.
+    testString: 'assert($("rect").eq(0).attr("height") == "36", "The first <code>rect</code> should have a <code>height</code> of 36.");'
+  - text: Второй <code>rect</code> должен иметь <code>height</code> 93.
+    testString: 'assert($("rect").eq(1).attr("height") == "93", "The second <code>rect</code> should have a <code>height</code> of 93.");'
+  - text: Третий <code>rect</code> должен иметь <code>height</code> 66.
+    testString: 'assert($("rect").eq(2).attr("height") == "66", "The third <code>rect</code> should have a <code>height</code> of 66.");'
+  - text: Четвертый <code>rect</code> должен иметь <code>height</code> 51.
+    testString: 'assert($("rect").eq(3).attr("height") == "51", "The fourth <code>rect</code> should have a <code>height</code> of 51.");'
+  - text: Пятый <code>rect</code> должен иметь <code>height</code> 75.
+    testString: 'assert($("rect").eq(4).attr("height") == "75", "The fifth <code>rect</code> should have a <code>height</code> of 75.");'
+  - text: Шестой <code>rect</code> должен иметь <code>height</code> 54.
+    testString: 'assert($("rect").eq(5).attr("height") == "54", "The sixth <code>rect</code> should have a <code>height</code> of 54.");'
+  - text: Седьмой <code>rect</code> должен иметь <code>height</code> 87.
+    testString: 'assert($("rect").eq(6).attr("height") == "87", "The seventh <code>rect</code> should have a <code>height</code> of 87.");'
+  - text: Восьмой <code>rect</code> должен иметь <code>height</code> 42.
+    testString: 'assert($("rect").eq(7).attr("height") == "42", "The eighth <code>rect</code> should have a <code>height</code> of 42.");'
+  - text: Девятый <code>rect</code> должен иметь <code>height</code> 27.
+    testString: 'assert($("rect").eq(8).attr("height") == "27", "The ninth <code>rect</code> should have a <code>height</code> of 27.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", 0)
+       .attr("width", 25)
+       .attr("height", (d, i) => {
+         // Add your code below this line
+
+
+
+         // Add your code above this line
+       });
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/dynamically-set-the-coordinates-for-each-bar.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/dynamically-set-the-coordinates-for-each-bar.russian.md
new file mode 100644
index 0000000000..7122127360
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/dynamically-set-the-coordinates-for-each-bar.russian.md
@@ -0,0 +1,94 @@
+---
+id: 587d7fa9367417b2b2512bce
+title: Dynamically Set the Coordinates for Each Bar
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Динамически устанавливать координаты для каждого бара
+---
+
+## Description
+<section id="description"> Последняя задача создала и добавила прямоугольник к элементу <code>svg</code> для каждой точки в <code>dataset</code> для представления строки. К сожалению, все они были сложены друг на друга. Размещение прямоугольника обрабатывается атрибутами <code>x</code> и <code>y</code> . Они сообщают D3, где начать рисовать фигуру в области <code>svg</code> . Последний вызов задал каждому из них значение 0, поэтому каждый бар был помещен в верхний левый угол. Для гистограммы все бары должны находиться на одном и том же вертикальном уровне, что означает, что значение <code>y</code> остается неизменным (в 0) для всех баров. Однако значение <code>x</code> должно изменяться при добавлении новых баров. Помните, что большие значения <code>x</code> перемещают элементы дальше вправо. По мере прохождения элементов массива в <code>dataset</code> значение x должно увеличиваться. Метод <code>attr()</code> в D3 принимает функцию обратного вызова, чтобы динамически установить этот атрибут. Функция обратного вызова принимает два аргумента: один для самой точки данных (обычно <code>d</code> ) и один для индекса точки данных в массиве. Второй аргумент для индекса является необязательным. Вот формат: <blockquote> selection.attr (&quot;свойство&quot;, (d, i) =&gt; { <br> / * <br> * d - значение точки данных <br> * i - индекс точки данных в массиве <br> * / <br> }) </blockquote> Важно отметить, что вам не нужно писать цикл <code>for</code> или использовать <code>forEach()</code> для перебора элементов в наборе данных. Напомним, что метод <code>data()</code> анализирует набор данных, и любой метод, который привязан после того, как <code>data()</code> запускается один раз для каждого элемента в наборе данных. </section>
+
+## Instructions
+<section id="instructions"> Измените функцию обратного вызова атрибута <code>x</code> чтобы он возвращал значение индекса 30. <strong>Примечание.</strong> <br> Каждый бар имеет ширину 25, поэтому увеличение каждого значения <code>x</code> на 30 добавляет некоторое пространство между столбцами. Любое значение, большее 25, будет работать в этом примере. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Первый <code>rect</code> должен иметь значение <code>x</code> 0.
+    testString: 'assert($("rect").eq(0).attr("x") == "0", "The first <code>rect</code> should have an <code>x</code> value of 0.");'
+  - text: Второй <code>rect</code> должен иметь значение <code>x</code> 30.
+    testString: 'assert($("rect").eq(1).attr("x") == "30", "The second <code>rect</code> should have an <code>x</code> value of 30.");'
+  - text: Третий <code>rect</code> должен иметь значение <code>x</code> 60.
+    testString: 'assert($("rect").eq(2).attr("x") == "60", "The third <code>rect</code> should have an <code>x</code> value of 60.");'
+  - text: Четвертый <code>rect</code> должен иметь значение <code>x</code> 90.
+    testString: 'assert($("rect").eq(3).attr("x") == "90", "The fourth <code>rect</code> should have an <code>x</code> value of 90.");'
+  - text: Пятый <code>rect</code> должен иметь значение <code>x</code> 120.
+    testString: 'assert($("rect").eq(4).attr("x") == "120", "The fifth <code>rect</code> should have an <code>x</code> value of 120.");'
+  - text: Шестой <code>rect</code> должен иметь значение <code>x</code> 150.
+    testString: 'assert($("rect").eq(5).attr("x") == "150", "The sixth <code>rect</code> should have an <code>x</code> value of 150.");'
+  - text: Седьмой <code>rect</code> должен иметь значение <code>x</code> 180.
+    testString: 'assert($("rect").eq(6).attr("x") == "180", "The seventh <code>rect</code> should have an <code>x</code> value of 180.");'
+  - text: Восьмой <code>rect</code> должен иметь значение <code>x</code> 210.
+    testString: 'assert($("rect").eq(7).attr("x") == "210", "The eighth <code>rect</code> should have an <code>x</code> value of 210.");'
+  - text: Девятый <code>rect</code> должен иметь значение <code>x</code> 240.
+    testString: 'assert($("rect").eq(8).attr("x") == "240", "The ninth <code>rect</code> should have an <code>x</code> value of 240.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => {
+         // Add your code below this line
+
+
+
+         // Add your code above this line
+       })
+       .attr("y", 0)
+       .attr("width", 25)
+       .attr("height", 100);
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/invert-svg-elements.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/invert-svg-elements.russian.md
new file mode 100644
index 0000000000..cc2d363b17
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/invert-svg-elements.russian.md
@@ -0,0 +1,94 @@
+---
+id: 587d7fa9367417b2b2512bd0
+title: Invert SVG Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Инвертировать элементы SVG
+---
+
+## Description
+<section id="description"> Возможно, вы заметили, что гистограмма выглядела как перевернутая или перевернутая. Это связано с тем, как SVG использует (x, y) координаты. В SVG начальная точка для координат находится в верхнем левом углу. Координата <code>x</code> из 0 помещает фигуру на левый край области SVG. Координата <code>y</code> из 0 устанавливает форму на верхнем краю области SVG. Более высокие значения <code>x</code> нажимают прямоугольник вправо. Более высокие значения <code>y</code> выталкивают прямоугольник вниз. Чтобы сделать панели правыми, вам нужно изменить способ вычисления <code>y</code> координаты. Он должен учитывать как высоту бара, так и общую высоту области SVG. Высота области SVG равна 100. Если у вас есть точка данных из 0 в наборе, вы хотите, чтобы панель начиналась в нижней части области SVG (а не сверху). Для этого координата <code>y</code> должна иметь значение 100. Если значение точки данных равно 1, вы должны начать с координаты <code>y</code> из 100, чтобы установить планку внизу. Затем вам нужно учитывать высоту полосы 1, поэтому конечная координата <code>y</code> будет равна 99. Координата <code>y</code> которая равна <code>y = heightOfSVG - heightOfBar</code> , поместит бары вправо-вверх. </section>
+
+## Instructions
+<section id="instructions"> Измените функцию обратного вызова для атрибута <code>y</code> чтобы установить бары вправо-вверх. Помните, что <code>height</code> бара в 3 раза превышает значение <code>d</code> . <strong>Заметка</strong> <br> В общем случае соотношение <code>y = h - m * d</code> , где <code>m</code> - постоянная, которая масштабирует точки данных. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Первый <code>rect</code> должен иметь значение <code>y</code> 64.
+    testString: 'assert($("rect").eq(0).attr("y") == h - (dataset[0] * 3), "The first <code>rect</code> should have a <code>y</code> value of 64.");'
+  - text: Второй <code>rect</code> должен иметь значение <code>y</code> 7.
+    testString: 'assert($("rect").eq(1).attr("y") == h - (dataset[1] * 3), "The second <code>rect</code> should have a <code>y</code> value of 7.");'
+  - text: Третий <code>rect</code> должен иметь значение <code>y</code> 34.
+    testString: 'assert($("rect").eq(2).attr("y") == h - (dataset[2] * 3), "The third <code>rect</code> should have a <code>y</code> value of 34.");'
+  - text: Четвертый <code>rect</code> должен иметь значение <code>y</code> 49.
+    testString: 'assert($("rect").eq(3).attr("y") == h - (dataset[3] * 3), "The fourth <code>rect</code> should have a <code>y</code> value of 49.");'
+  - text: Пятый <code>rect</code> должен иметь значение <code>y</code> 25.
+    testString: 'assert($("rect").eq(4).attr("y") == h - (dataset[4] * 3), "The fifth <code>rect</code> should have a <code>y</code> value of 25.");'
+  - text: Шестой <code>rect</code> должен иметь значение <code>y</code> 46.
+    testString: 'assert($("rect").eq(5).attr("y") == h - (dataset[5] * 3), "The sixth <code>rect</code> should have a <code>y</code> value of 46.");'
+  - text: Седьмой <code>rect</code> должен иметь значение <code>y</code> 13.
+    testString: 'assert($("rect").eq(6).attr("y") == h - (dataset[6] * 3), "The seventh <code>rect</code> should have a <code>y</code> value of 13.");'
+  - text: ''
+    testString: 'assert($("rect").eq(7).attr("y") == h - (dataset[7] * 3), "The eighth <code>rect</code> should have a <code>y</code> value of 58.");'
+  - text: ''
+    testString: 'assert($("rect").eq(8).attr("y") == h - (dataset[8] * 3), "The ninth <code>rect</code> should have a <code>y</code> value of 73.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => {
+         // Add your code below this line
+
+
+
+         // Add your code above this line
+       })
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d);
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/learn-about-svg-in-d3.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/learn-about-svg-in-d3.russian.md
new file mode 100644
index 0000000000..67602a808a
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/learn-about-svg-in-d3.russian.md
@@ -0,0 +1,74 @@
+---
+id: 587d7fa8367417b2b2512bcb
+title: Learn About SVG in D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Узнайте о SVG в D3
+---
+
+## Description
+<section id="description"> SVG означает <code>Scalable Vector Graphics</code> . Здесь «масштабируемый» означает, что если вы увеличиваете или уменьшаете масштаб объекта, он не будет отображаться в пикселях. Он масштабируется с помощью системы отображения, будь то на маленьком мобильном экране или большом ТВ-мониторе. SVG используется для создания общих геометрических фигур. Поскольку D3 отображает данные в визуальное представление, он использует SVG для создания фигур для визуализации. Формы SVG для веб-страницы должны <code>svg</code> теге HTML <code>svg</code> . CSS может быть масштабируемым, когда стили используют относительные единицы (например, <code>vh</code> , <code>vw</code> или проценты), но использование SVG более гибко для создания визуализации данных. </section>
+
+## Instructions
+<section id="instructions"> Добавьте узел <code>svg</code> в <code>body</code> используя <code>append()</code> . Дайте ему атрибут <code>width</code> установленный для предоставленного <code>w</code> константы, и атрибут <code>height</code> установленный для предоставленной постоянной <code>h</code> используя метод <code>attr()</code> для каждого. Вы увидите его на выходе, потому что в теге <code>style</code> используется <code>background-color</code> розового <code>background-color</code> . <strong>Заметка</strong> <br> Атрибуты ширины и высоты не имеют единиц. Это строительный блок масштабирования - элемент всегда будет иметь соотношение ширины и высоты 5: 1, независимо от уровня масштабирования. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: В вашем документе должен быть 1 элемент <code>svg</code> .
+    testString: 'assert($("svg").length == 1, "Your document should have 1 <code>svg</code> element.");'
+  - text: Элемент <code>svg</code> должен иметь атрибут <code>width</code> равный 500.
+    testString: 'assert($("svg").attr("width") == "500", "The <code>svg</code> element should have a <code>width</code> attribute set to 500.");'
+  - text: Элемент <code>svg</code> должен иметь атрибут <code>height</code> равный 100.
+    testString: 'assert($("svg").attr("height") == "100", "The <code>svg</code> element should have a <code>height</code> attribute set to 100.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  svg {
+    background-color: pink;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  // Add your code below this line
+
+
+
+                  // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3.russian.md
new file mode 100644
index 0000000000..9b7981609f
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3.russian.md
@@ -0,0 +1,68 @@
+---
+id: 587d7fa6367417b2b2512bc3
+title: Select a Group of Elements with D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Выберите группу элементов с D3
+---
+
+## Description
+<section id="description"> D3 также имеет метод <code>selectAll()</code> для выбора группы элементов. Он возвращает массив узлов HTML для всех элементов документа, соответствующих строке ввода. Ниже приведен пример выбора всех якорных тегов в документе: <code>const anchors = d3.selectAll(&quot;a&quot;);</code> Как и метод <code>select()</code> , <code>selectAll()</code> поддерживает цепочку методов, и вы можете использовать ее другими способами. </section>
+
+## Instructions
+<section id="instructions"> Выберите все теги <code>li</code> в документе и измените их текст на «элемент списка», связав метод <code>.text()</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'На странице должно быть 3 элемента <code>li</code> , а текст в каждом должен содержать «элемент списка». Капитализация и интервал должны соответствовать точно.'
+    testString: 'assert($("li").text().match(/list item/g).length == 3, "There should be 3 <code>li</code> elements on the page, and the text in each one should say "list item". Capitalization and spacing should match exactly.");'
+  - text: Ваш код должен получить доступ к объекту <code>d3</code> .
+    testString: 'assert(code.match(/d3/g), "Your code should access the <code>d3</code> object.");'
+  - text: Ваш код должен использовать метод <code>selectAll</code> .
+    testString: 'assert(code.match(/\.selectAll/g), "Your code should use the <code>selectAll</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <ul>
+    <li>Example</li>
+    <li>Example</li>
+    <li>Example</li>
+  </ul>
+  <script>
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/set-a-domain-and-a-range-on-a-scale.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/set-a-domain-and-a-range-on-a-scale.russian.md
new file mode 100644
index 0000000000..51eef76195
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/set-a-domain-and-a-range-on-a-scale.russian.md
@@ -0,0 +1,72 @@
+---
+id: 587d7fac367417b2b2512bdb
+title: Set a Domain and a Range on a Scale
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Установка домена и диапазона по шкале
+---
+
+## Description
+<section id="description"> По умолчанию шкалы используют отношение идентичности - входное значение сопоставляется с выходным значением. Но масштабы могут быть гораздо более гибкими и интересными. Скажем, набор данных имеет значения от 50 до 480. Это входная информация для шкалы и также известна как домен. Вы хотите сопоставить эти точки вдоль оси <code>x</code> на холсте SVG, между 10 единицами и 500 единицами. Это выходная информация, которая также известна как диапазон. Методы <code>domain()</code> и <code>range()</code> задают эти значения для шкалы. Оба метода принимают в качестве аргумента массив из по меньшей мере двух элементов. Вот пример: <blockquote> // Установить домен <br> // Область охватывает набор входных значений <br> scale.domain ([50, 480]); <br> // Установить диапазон <br> // Диапазон охватывает набор выходных значений <br> scale.range ([10, 500]); <br> масштаб (50) // Возвращает 10 <br> масштаб (480) // Возвращает 500 <br> масштаб (325) // Возвращает 323.37 <br> масштаб (750) // Возвращает 807.67 <br> d3.scaleLinear () </blockquote> Обратите внимание, что шкала использует линейную зависимость между областью и значениями диапазона, чтобы выяснить, какой результат должен быть для данного номера. Минимальное значение в области (50) соответствует минимальному значению (10) в диапазоне. </section>
+
+## Instructions
+<section id="instructions"> Создайте масштаб и установите его домен в <code>[250, 500]</code> и диапазон до <code>[10, 150]</code> . <strong>Заметка</strong> <br> Вы можете связать методы <code>domain()</code> и <code>range()</code> с переменной <code>scale</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать метод <code>domain()</code> .
+    testString: 'assert(code.match(/\.domain/g), "Your code should use the <code>domain()</code> method.");'
+  - text: '<code>domain()</code> шкалы должен быть установлен в <code>[250, 500]</code> .'
+    testString: 'assert(JSON.stringify(scale.domain()) == JSON.stringify([250, 500]), "The <code>domain()</code> of the scale should be set to <code>[250, 500]</code>.");'
+  - text: Ваш код должен использовать метод <code>range()</code> .
+    testString: 'assert(code.match(/\.range/g), "Your code should use the <code>range()</code> method.");'
+  - text: '<code>range()</code> шкалы должен быть установлен на <code>[10, 150]</code> .'
+    testString: 'assert(JSON.stringify(scale.range()) == JSON.stringify([10, 150]), "The <code>range()</code> of the scale should be set to <code>[10, 150]</code>.");'
+  - text: Текст в <code>h2</code> должен быть -102.
+    testString: 'assert($("h2").text() == "-102", "The text in the <code>h2</code> should be -102.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    // Add your code below this line
+    const scale = d3.scaleLinear();
+
+
+
+    // Add your code above this line
+    const output = scale(50);
+    d3.select("body")
+      .append("h2")
+      .text(output);
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/style-d3-labels.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/style-d3-labels.russian.md
new file mode 100644
index 0000000000..829c58ea0b
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/style-d3-labels.russian.md
@@ -0,0 +1,88 @@
+---
+id: 587d7faa367417b2b2512bd3
+title: Style D3 Labels
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Стильные этикетки D3
+---
+
+## Description
+<section id="description"> Методы D3 могут добавлять стили к ярлыкам бара. Атрибут <code>fill</code> устанавливает цвет текста для <code>text</code> узла. Метод <code>style()</code> устанавливает правила CSS для других стилей, таких как «font-family» или «font-size». </section>
+
+## Instructions
+<section id="instructions"> Установите <code>font-size</code> для <code>text</code> элементов на 25 пикселей, а цвет текста - красный. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: На этикетках должен быть красный цвет <code>fill</code> .
+    testString: 'assert($("text").css("fill") == "rgb(255, 0, 0)", "The labels should all have a <code>fill</code> color of red.");'
+  - text: Все метки должны иметь <code>font-size</code> 25 пикселей.
+    testString: 'assert($("text").css("font-size") == "25px", "The labels should all have a <code>font-size</code> of 25 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => d * 3)
+       .attr("fill", "navy");
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) => d)
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - (3 * d) - 3)
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically.russian.md
new file mode 100644
index 0000000000..1b71341589
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically.russian.md
@@ -0,0 +1,90 @@
+---
+id: 587d7fa8367417b2b2512bc9
+title: Update the Height of an Element Dynamically
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Обновление высоты элемента динамически
+---
+
+## Description
+<section id="description"> Предыдущие проблемы касались того, как отображать данные из массива и как добавлять классы CSS. Вы можете объединить эти уроки, чтобы создать простую гистограмму. Для этого есть два шага: 1) Создайте <code>div</code> для каждой точки данных в массиве. 2) Дайте каждому <code>div</code> динамическую высоту, используя функцию обратного вызова в методе <code>style()</code> которая устанавливает высоту, равную значению данных. Назовите формат задайте стиль с помощью функции обратного вызова: <code>selection.style(&quot;cssProperty&quot;, (d) =&gt; d)</code> </section>
+
+## Instructions
+<section id="instructions"> Добавьте метод <code>style()</code> в код в редакторе, чтобы установить свойство <code>height</code> для каждого элемента. Используйте функцию обратного вызова, чтобы вернуть значение точки данных с добавленной к ней строкой «px». </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Первый <code>div</code> должен иметь <code>height</code> 12 пикселей.
+    testString: 'assert($("div").eq(0).css("height") == "12px", "The first <code>div</code> should have a <code>height</code> of 12 pixels.");'
+  - text: Второй <code>div</code> должен иметь <code>height</code> 31 пиксель.
+    testString: 'assert($("div").eq(1).css("height") == "31px", "The second <code>div</code> should have a <code>height</code> of 31 pixels.");'
+  - text: Третий <code>div</code> должен иметь <code>height</code> 22 пикселя.
+    testString: 'assert($("div").eq(2).css("height") == "22px", "The third <code>div</code> should have a <code>height</code> of 22 pixels.");'
+  - text: Четвертый <code>div</code> должен иметь <code>height</code> 17 пикселей.
+    testString: 'assert($("div").eq(3).css("height") == "17px", "The fourth <code>div</code> should have a <code>height</code> of 17 pixels.");'
+  - text: Пятый <code>div</code> должен иметь <code>height</code> 25 пикселей.
+    testString: 'assert($("div").eq(4).css("height") == "25px", "The fifth <code>div</code> should have a <code>height</code> of 25 pixels.");'
+  - text: Шестой <code>div</code> должен иметь <code>height</code> 18 пикселей.
+    testString: 'assert($("div").eq(5).css("height") == "18px", "The sixth <code>div</code> should have a <code>height</code> of 18 pixels.");'
+  - text: Седьмой <code>div</code> должен иметь <code>height</code> 29 пикселей.
+    testString: 'assert($("div").eq(6).css("height") == "29px", "The seventh <code>div</code> should have a <code>height</code> of 29 pixels.");'
+  - text: Восьмой <code>div</code> должен иметь <code>height</code> 14 пикселей.
+    testString: 'assert($("div").eq(7).css("height") == "14px", "The eighth <code>div</code> should have a <code>height</code> of 14 pixels.");'
+  - text: Девятый <code>div</code> должен иметь <code>height</code> 9 пикселей.
+    testString: 'assert($("div").eq(8).css("height") == "9px", "The ninth <code>div</code> should have a <code>height</code> of 9 pixels.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<style>
+  .bar {
+    width: 25px;
+    height: 100px;
+    display: inline-block;
+    background-color: blue;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("div")
+      .data(dataset)
+      .enter()
+      .append("div")
+      .attr("class", "bar")
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/use-a-pre-defined-scale-to-place-elements.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/use-a-pre-defined-scale-to-place-elements.russian.md
new file mode 100644
index 0000000000..f8e48f8c20
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/use-a-pre-defined-scale-to-place-elements.russian.md
@@ -0,0 +1,147 @@
+---
+id: 587d7fac367417b2b2512bde
+title: Use a Pre-Defined Scale to Place Elements
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Используйте предварительно заданную шкалу для размещения элементов
+---
+
+## Description
+<section id="description"> С установленными весами пришло время снова отобразить график рассеяния. Масштабы похожи на функции обработки, которые превращают исходные данные x и y в значения, которые соответствуют и визуализируются правильно на холсте SVG. Они хранят данные в области построения экрана. Вы устанавливаете значения атрибута координат для формы SVG с помощью функции масштабирования. Сюда входят атрибуты <code>x</code> и <code>y</code> для <code>rect</code> или <code>text</code> элементов, или <code>cx</code> и <code>cy</code> для <code>circles</code> . Вот пример: <blockquote> форма <br> .attr (&quot;x&quot;, (d) =&gt; xScale (d [0])) </blockquote> Масштабы устанавливают атрибуты координат формы, чтобы поместить точки данных на холст SVG. Вам не нужно применять шкалы, когда вы показываете фактическое значение данных, например, в методе <code>text()</code> для всплывающей подсказки или метки. </section>
+
+## Instructions
+<section id="instructions"> Используйте <code>xScale</code> и <code>yScale</code> чтобы <code>yScale</code> <code>circle</code> и <code>text</code> фигуры на холст SVG. Для <code>circles</code> применяйте шкалы для установки атрибутов <code>cx</code> и <code>cy</code> . Дайте им радиус 5 единиц. Для <code>text</code> элементов примените шкалы для установки атрибутов <code>x</code> и <code>y</code> . Этикетки должны быть смещены справа от точек. Для этого добавьте 10 единиц к значению данных x, прежде чем передавать его в <code>xScale</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен содержать 10 элементов <code>circle</code> .
+    testString: 'assert($("circle").length == 10, "Your code should have 10 <code>circle</code> elements.");'
+  - text: Первый элемент <code>circle</code> должен иметь значение <code>cx</code> приблизительно 91 и значение <code>cy</code> приблизительно 368 после применения шкал. Он также должен иметь значение <code>r</code> 5.
+    testString: 'assert(Math.round($("circle").eq(0).attr("cx")) == "91" && Math.round($("circle").eq(0).attr("cy")) == "368" && $("circle").eq(0).attr("r") == "5", "The first <code>circle</code> element should have a <code>cx</code> value of approximately 91 and a <code>cy</code> value of approximately 368 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: Второй элемент <code>circle</code> должен иметь значение <code>cx</code> приблизительно 159 и значение <code>cy</code> приблизительно 181 после применения шкал. Он также должен иметь значение <code>r</code> 5.
+    testString: 'assert(Math.round($("circle").eq(1).attr("cx")) == "159" && Math.round($("circle").eq(1).attr("cy")) == "181" && $("circle").eq(1).attr("r") == "5", "The second <code>circle</code> element should have a <code>cx</code> value of approximately 159 and a <code>cy</code> value of approximately 181 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: Элемент третьего <code>circle</code> должен иметь значение <code>cx</code> приблизительно 340 и значение <code>cy</code> приблизительно 329 после применения весов. Он также должен иметь значение <code>r</code> 5.
+    testString: 'assert(Math.round($("circle").eq(2).attr("cx")) == "340" && Math.round($("circle").eq(2).attr("cy")) == "329" && $("circle").eq(2).attr("r") == "5", "The third <code>circle</code> element should have a <code>cx</code> value of approximately 340 and a <code>cy</code> value of approximately 329 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: Элемент четвертого <code>circle</code> должен иметь значение <code>cx</code> приблизительно 131 и значение <code>cy</code> приблизительно 60 после применения весов. Он также должен иметь значение <code>r</code> 5.
+    testString: 'assert(Math.round($("circle").eq(3).attr("cx")) == "131" && Math.round($("circle").eq(3).attr("cy")) == "60" && $("circle").eq(3).attr("r") == "5", "The fourth <code>circle</code> element should have a <code>cx</code> value of approximately 131 and a <code>cy</code> value of approximately 60 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: Элемент пятого <code>circle</code> должен иметь значение <code>cx</code> приблизительно 440 и значение <code>cy</code> приблизительно 237 после применения весов. Он также должен иметь значение <code>r</code> 5.
+    testString: 'assert(Math.round($("circle").eq(4).attr("cx")) == "440" && Math.round($("circle").eq(4).attr("cy")) == "237" && $("circle").eq(4).attr("r") == "5", "The fifth <code>circle</code> element should have a <code>cx</code> value of approximately 440 and a <code>cy</code> value of approximately 237 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: Элемент шестого <code>circle</code> должен иметь значение <code>cx</code> приблизительно 271 и значение <code>cy</code> приблизительно 306 после применения шкал. Он также должен иметь значение <code>r</code> 5.
+    testString: 'assert(Math.round($("circle").eq(5).attr("cx")) == "271" && Math.round($("circle").eq(5).attr("cy")) == "306" && $("circle").eq(5).attr("r") == "5", "The sixth <code>circle</code> element should have a <code>cx</code> value of approximately 271 and a <code>cy</code> value of approximately 306 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: Элемент седьмого <code>circle</code> должен иметь значение <code>cx</code> приблизительно 361 и значение <code>cy</code> приблизительно 351 после применения весов. Он также должен иметь значение <code>r</code> 5.
+    testString: 'assert(Math.round($("circle").eq(6).attr("cx")) == "361" && Math.round($("circle").eq(6).attr("cy")) == "351" && $("circle").eq(6).attr("r") == "5", "The seventh <code>circle</code> element should have a <code>cx</code> value of approximately 361 and a <code>cy</code> value of approximately 351 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: Элемент восьмого <code>circle</code> должен иметь значение <code>cx</code> приблизительно 261 и значение <code>cy</code> приблизительно 132 после применения шкал. Он также должен иметь значение <code>r</code> 5.
+    testString: 'assert(Math.round($("circle").eq(7).attr("cx")) == "261" && Math.round($("circle").eq(7).attr("cy")) == "132" && $("circle").eq(7).attr("r") == "5", "The eighth <code>circle</code> element should have a <code>cx</code> value of approximately 261 and a <code>cy</code> value of approximately 132 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: Элемент девятого <code>circle</code> должен иметь значение <code>cx</code> приблизительно 131 и значение <code>cy</code> приблизительно 144 после применения шкал. Он также должен иметь значение <code>r</code> 5.
+    testString: 'assert(Math.round($("circle").eq(8).attr("cx")) == "131" && Math.round($("circle").eq(8).attr("cy")) == "144" && $("circle").eq(8).attr("r") == "5", "The ninth <code>circle</code> element should have a <code>cx</code> value of approximately 131 and a <code>cy</code> value of approximately 144 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: Элемент десятого <code>circle</code> должен иметь значение <code>cx</code> приблизительно 79 и значение <code>cy</code> приблизительно 326 после применения весов. Он также должен иметь значение <code>r</code> 5.
+    testString: 'assert(Math.round($("circle").eq(9).attr("cx")) == "79" && Math.round($("circle").eq(9).attr("cy")) == "326" && $("circle").eq(9).attr("r") == "5", "The tenth <code>circle</code> element should have a <code>cx</code> value of approximately 79 and a <code>cy</code> value of approximately 326 after applying the scales. It should also have an <code>r</code> value of 5.");'
+  - text: Ваш код должен содержать 10 <code>text</code> элементов.
+    testString: 'assert($("text").length == 10, "Your code should have 10 <code>text</code> elements.");'
+  - text: Первая метка должна иметь значение <code>x</code> приблизительно 100 и значение <code>y</code> приблизительно 368 после применения весов.
+    testString: 'assert(Math.round($("text").eq(0).attr("x")) == "100" && Math.round($("text").eq(0).attr("y")) == "368", "The first label should have an <code>x</code> value of approximately 100 and a <code>y</code> value of approximately 368 after applying the scales.");'
+  - text: ''
+    testString: 'assert(Math.round($("text").eq(1).attr("x")) == "168" && Math.round($("text").eq(1).attr("y")) == "181", "The second label should have an <code>x</code> value of approximately 168 and a <code>y</code> value of approximately 181 after applying the scales.");'
+  - text: ''
+    testString: 'assert(Math.round($("text").eq(2).attr("x")) == "350" && Math.round($("text").eq(2).attr("y")) == "329", "The third label should have an <code>x</code> value of approximately 350 and a <code>y</code> value of approximately 329 after applying the scales.");'
+  - text: ''
+    testString: 'assert(Math.round($("text").eq(3).attr("x")) == "141" && Math.round($("text").eq(3).attr("y")) == "60", "The fourth label should have an <code>x</code> value of approximately 141 and a <code>y</code> value of approximately 60 after applying the scales.");'
+  - text: ''
+    testString: 'assert(Math.round($("text").eq(4).attr("x")) == "449" && Math.round($("text").eq(4).attr("y")) == "237", "The fifth label should have an <code>x</code> value of approximately 449 and a <code>y</code> value of approximately 237 after applying the scales.");'
+  - text: ''
+    testString: 'assert(Math.round($("text").eq(5).attr("x")) == "280" && Math.round($("text").eq(5).attr("y")) == "306", "The sixth label should have an <code>x</code> value of approximately 280 and a <code>y</code> value of approximately 306 after applying the scales.");'
+  - text: ''
+    testString: 'assert(Math.round($("text").eq(6).attr("x")) == "370" && Math.round($("text").eq(6).attr("y")) == "351", "The seventh label should have an <code>x</code> value of approximately 370 and a <code>y</code> value of approximately 351 after applying the scales.");'
+  - text: ''
+    testString: 'assert(Math.round($("text").eq(7).attr("x")) == "270" && Math.round($("text").eq(7).attr("y")) == "132", "The eighth label should have an <code>x</code> value of approximately 270 and a <code>y</code> value of approximately 132 after applying the scales.");'
+  - text: ''
+    testString: 'assert(Math.round($("text").eq(8).attr("x")) == "140" && Math.round($("text").eq(8).attr("y")) == "144", "The ninth label should have an <code>x</code> value of approximately 140 and a <code>y</code> value of approximately 144 after applying the scales.");'
+  - text: ''
+    testString: 'assert(Math.round($("text").eq(9).attr("x")) == "88" && Math.round($("text").eq(9).attr("y")) == "326", "The tenth label should have an <code>x</code> value of approximately 88 and a <code>y</code> value of approximately 326 after applying the scales.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,     78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,   411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,    333 ],
+                  [ 78,    320 ],
+                  [ 21,   123 ]
+                ];
+
+    const w = 500;
+    const h = 500;
+    const padding = 60;
+
+    const xScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[0])])
+                     .range([padding, w - padding]);
+
+    const yScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[1])])
+                     .range([h - padding, padding]);
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) =>  (d[0] + ", "
+ + d[1]))
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/use-dynamic-scales.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/use-dynamic-scales.russian.md
new file mode 100644
index 0000000000..d97bda96af
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/use-dynamic-scales.russian.md
@@ -0,0 +1,94 @@
+---
+id: 587d7fac367417b2b2512bdd
+title: Use Dynamic Scales
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Использование динамических весов
+---
+
+## Description
+<section id="description"> Методы D3 <code>min()</code> и <code>max()</code> полезны, чтобы помочь установить масштаб. Учитывая сложный набор данных, одним из приоритетов является установка масштаба, чтобы визуализация соответствовала ширине и высоте контейнера SVG. Вы хотите, чтобы все данные отображались внутри холста SVG, чтобы они были видны на веб-странице. В приведенном ниже примере задана шкала по оси X для данных графика разброса. Метод <code>domain()</code> передает информацию в шкалу о значениях необработанных данных для графика. Метод <code>range()</code> дает ему информацию о фактическом пространстве на веб-странице для визуализации. В этом примере домен переходит от 0 к максимуму в наборе. Он использует метод <code>max()</code> с функцией обратного вызова, основанной на значениях x в массивах. Диапазон использует ширину холста SVG ( <code>w</code> ), но также включает в себя некоторые дополнения. Это помещает пространство между точками графика рассеяния и краем холста SVG. <blockquote> const dataset = [ <br> [34, 78], <br> [109, 280], <br> [310, 120], <br> [79, 411], <br> [420, 220], <br> [233, 145], <br> [333, 96], <br> [222, 333], <br> [78, 320], <br> [21, 123] <br> ]; <br> const w = 500; <br> const h = 500; <br><br> // Заполнение между границей холста SVG и графиком <br> const padding = 30; <br> const xScale = d3.scaleLinear () <br> .domain ([0, d3.max (набор данных, (d) =&gt; d [0])]) <br> .range ([padding, w - padding]); </blockquote> Сначала заполнение может сбивать с толку. Отобразите ось x как горизонтальную линию от 0 до 500 (значение ширины для холста SVG). Включение дополнения в метод <code>range()</code> заставляет график начинаться с 30 по этой линии (вместо 0) и заканчиваться на 470 (вместо 500). </section>
+
+## Instructions
+<section id="instructions"> Используйте переменную <code>yScale</code> для создания линейной шкалы оси y. Домен должен начинаться с нуля и перейти к максимальному значению y в наборе. Диапазон должен использовать высоту SVG ( <code>h</code> ) и включать прокладку. <strong>Заметка</strong> <br> Не забудьте сохранить сюжет правой стороны. Когда вы устанавливаете диапазон для координат y, более высокое значение (высота минус заполнение) является первым аргументом, а нижним значением является второй аргумент. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Текст в <code>h2</code> должен быть 30.
+    testString: 'assert(output == 30 && $("h2").text() == "30", "The text in the <code>h2</code> should be 30.");'
+  - text: '<code>domain()</code> yScale должен быть эквивалентен <code>[0, 411]</code> .'
+    testString: 'assert(JSON.stringify(yScale.domain()) == JSON.stringify([0, 411]), "The <code>domain()</code> of yScale should be equivalent to <code>[0, 411]</code>.");'
+  - text: ''
+    testString: 'assert(JSON.stringify(yScale.range()) == JSON.stringify([470, 30]), "The <code>range()</code> of yScale should be equivalent to <code>[470, 30]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+    const w = 500;
+    const h = 500;
+
+    // Padding between the SVG canvas boundary and the plot
+    const padding = 30;
+
+    // Create an x and y scale
+
+    const xScale = d3.scaleLinear()
+                    .domain([0, d3.max(dataset, (d) => d[0])])
+                    .range([padding, w - padding]);
+
+    // Add your code below this line
+
+    const yScale = undefined;
+
+
+    // Add your code above this line
+
+    const output = yScale(411); // Returns 30
+    d3.select("body")
+      .append("h2")
+      .text(output)
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/use-the-d3.max-and-d3.min-functions-to-find-minimum-and-maximum-values-in-a-dataset.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/use-the-d3.max-and-d3.min-functions-to-find-minimum-and-maximum-values-in-a-dataset.russian.md
new file mode 100644
index 0000000000..dd8478978c
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/use-the-d3.max-and-d3.min-functions-to-find-minimum-and-maximum-values-in-a-dataset.russian.md
@@ -0,0 +1,66 @@
+---
+id: 587d7fac367417b2b2512bdc
+title: Use the d3.max and d3.min Functions to Find Minimum and Maximum Values in a Dataset
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Используйте функции d3.max и d3.min для поиска минимальных и максимальных значений в наборе данных
+---
+
+## Description
+<section id="description"> D3 method <code>domain()</code> и <code>range()</code> устанавливают эту информацию для вашего масштаба на основе данных. Есть несколько способов сделать это проще. Часто, когда вы устанавливаете домен, вы хотите использовать минимальное и максимальное значения в наборе данных. Попытка найти эти значения вручную, особенно в большом наборе данных, может привести к ошибкам. D3 имеет два метода - <code>min()</code> и <code>max()</code> чтобы вернуть эту информацию. Вот пример: <blockquote> const exampleData = [34, 234, 73, 90, 6, 52]; <br> d3.min (exampleData) // Возвращает 6 <br> d3.max (exampleData) // Возвращает 234 </blockquote> Набор данных может иметь вложенные массивы, такие как пары координат [x, y], которые были в примере графика рассеяния. В этом случае вам нужно рассказать D3, как рассчитать максимум и минимум. К счастью, методы <code>min()</code> и <code>max()</code> принимают функцию обратного вызова. В этом примере аргумент функции обратного вызова <code>d</code> для текущего внутреннего массива. Обратный вызов должен возвращать элемент из внутреннего массива (значение x или y), по которому вы хотите вычислить максимальное или минимальное значение. Ниже приведен пример того, как найти значения min и max с массивом массивов: <blockquote> const locationData = [[1, 7], [6, 3], [8, 3]]; <br> // Возвращает наименьшее число из первых элементов <br> const minX = d3.min (locationData, (d) =&gt; d [0]); <br> // minX сравнивается с 1, 6 и 8 и устанавливается в 1 </blockquote></section>
+
+## Instructions
+<section id="instructions"> Переменная <code>positionData</code> содержит трехмерный (3D) массив. Используйте метод D3, чтобы найти максимальное значение координаты z (третье значение) из массивов и сохранить его в <code>output</code> переменной. <strong>Заметка</strong> <br> Интересный факт - D3 может отображать 3D-массивы. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Текст в <code>h2</code> должен быть 8.
+    testString: 'assert(output == 8 && $("h2").text() == "8", "The text in the <code>h2</code> should be 8.");'
+  - text: Ваш код должен использовать метод <code>max()</code> .
+    testString: 'assert(code.match(/\.max/g), "Your code should use the <code>max()</code> method.")'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const positionData = [[1, 7, -4],[6, 3, 8],[2, 8, 3]]
+    // Add your code below this line
+
+    const output = undefined; // Change this line
+
+    // Add your code above this line
+
+    d3.select("body")
+      .append("h2")
+      .text(output)
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/work-with-data-in-d3.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/work-with-data-in-d3.russian.md
new file mode 100644
index 0000000000..b34bccc93a
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/work-with-data-in-d3.russian.md
@@ -0,0 +1,67 @@
+---
+id: 587d7fa7367417b2b2512bc4
+title: Work with Data in D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Работа с данными в D3
+---
+
+## Description
+<section id="description"> Библиотека D3 фокусируется на подходе, основанном на данных. Когда у вас есть набор данных, вы можете применить методы D3, чтобы отобразить их на странице. Данные поступают во многих форматах, но этот вызов использует простой массив чисел. Первый шаг - сделать D3 осведомленным о данных. Метод <code>data()</code> используется для выбора элементов DOM для привязки данных к этим элементам. Набор данных передается в качестве аргумента методу. Общий шаблон рабочего процесса - создать новый элемент в документе для каждой части данных в наборе. Для этой цели D3 имеет метод <code>enter()</code> . Когда метод <code>enter()</code> комбинируется с методом <code>data()</code> , он просматривает выбранные элементы со страницы и сравнивает их с количеством элементов данных в наборе. Если элементов меньше, чем элементов данных, это создает недостающие элементы. Вот пример, который выбирает элемент <code>ul</code> и создает новый элемент списка в зависимости от количества записей в массиве: <blockquote> &lt;Тело&gt; <br> &lt;UL&gt; &lt;/ UL&gt; <br> &lt;Скрипт&gt; <br> const dataset = [&quot;a&quot;, &quot;b&quot;, &quot;c&quot;]; <br> d3.select ( &quot;UL&quot;). SelectAll ( &quot;Ли&quot;) <br> .data (набор данных) <br> .войти() <br> .append ( &quot;Ли&quot;) <br> .text («Новый элемент»); <br> &lt;/ Скрипт&gt; <br> &lt;/ Body&gt; </blockquote> Может показаться странным выбирать элементы, которые еще не существуют. Этот код сообщает D3, чтобы сначала выбрать <code>ul</code> на странице. Затем выберите все элементы списка, которые возвращают пустой выбор. Затем метод <code>data()</code> проверяет набор данных и запускает следующий код три раза, один раз для каждого элемента массива. Метод <code>enter()</code> видит, что на странице нет элементов <code>li</code> , но для этого требуется 3 (по одному для каждой части данных в <code>dataset</code> ). Новые элементы <code>li</code> добавляются в <code>ul</code> и имеют текст «Новый элемент». </section>
+
+## Instructions
+<section id="instructions"> Выберите узел <code>body</code> , затем выберите все элементы <code>h2</code> . Создайте D3 и добавьте тег <code>h2</code> для каждого элемента массива <code>dataset</code> . Текст в <code>h2</code> должен содержать «Новое название». Ваш код должен использовать методы <code>data()</code> и <code>enter()</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш документ должен содержать 9 <code>h2</code> элементов.
+    testString: 'assert($("h2").length == 9, "Your document should have 9 <code>h2</code> elements.");'
+  - text: Текст в элементах <code>h2</code> должен указывать «Новое название». Капитализация и интервал должны соответствовать точно.
+    testString: 'assert($("h2").text().match(/New Title/g).length == 9, "The text in the <code>h2</code> elements should say "New Title". The capitalization and spacing should match exactly.");'
+  - text: Ваш код должен использовать метод <code>data()</code> .
+    testString: 'assert(code.match(/\.data/g), "Your code should use the <code>data()</code> method.");'
+  - text: Ваш код должен использовать метод <code>enter()</code> .
+    testString: 'assert(code.match(/\.enter/g), "Your code should use the <code>enter()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/work-with-dynamic-data-in-d3.russian.md b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/work-with-dynamic-data-in-d3.russian.md
new file mode 100644
index 0000000000..94d19ba133
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/data-visualization-with-d3/work-with-dynamic-data-in-d3.russian.md
@@ -0,0 +1,81 @@
+---
+id: 587d7fa7367417b2b2512bc5
+title: Work with Dynamic Data in D3
+required:
+  - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
+challengeType: 6
+videoUrl: ''
+localeTitle: Работа с динамическими данными в D3
+---
+
+## Description
+<section id="description"> Последние две проблемы охватывают основы динамического отображения данных с помощью D3 с использованием методов <code>data()</code> и <code>enter()</code> . Эти методы берут набор данных и вместе с методом <code>append()</code> создают новый элемент DOM для каждой записи в наборе данных. В предыдущей задаче вы создали новый элемент <code>h2</code> для каждого элемента массива <code>dataset</code> , но все они содержали один и тот же текст «Новое название». Это связано с тем, что вы не использовали данные, привязанные к каждому из элементов <code>h2</code> . Метод D3 <code>text()</code> может принимать строку или функцию обратного вызова в качестве аргумента: <code>selection.text((d) =&gt; d)</code> В приведенном выше примере параметр <code>d</code> ссылается на одну запись в наборе данных, которая связана с выбором к. Используя текущий пример как контекст, первый элемент <code>h2</code> привязан к 12, второй элемент <code>h2</code> привязан к 31, третий элемент <code>h2</code> привязан к 22 и так далее. </section>
+
+## Instructions
+<section id="instructions"> Измените метод <code>text()</code> чтобы каждый элемент <code>h2</code> отображал соответствующее значение из массива <code>dataset</code> с одним пробелом и «USD». Например, первый заголовок должен быть «12 долларов США». </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Первый <code>h2</code> должен иметь текст «12 USD».
+    testString: 'assert($("h2").eq(0).text() == "12 USD", "The first <code>h2</code> should have the text "12 USD".");'
+  - text: Второй <code>h2</code> должен иметь текст «31 USD».
+    testString: 'assert($("h2").eq(1).text() == "31 USD", "The second <code>h2</code> should have the text "31 USD".");'
+  - text: Третий <code>h2</code> должен иметь текст «22 USD».
+    testString: 'assert($("h2").eq(2).text() == "22 USD", "The third <code>h2</code> should have the text "22 USD".");'
+  - text: Четвертый <code>h2</code> должен иметь текст «17 USD».
+    testString: 'assert($("h2").eq(3).text() == "17 USD", "The fourth <code>h2</code> should have the text "17 USD".");'
+  - text: Пятый <code>h2</code> должен иметь текст «25 USD».
+    testString: 'assert($("h2").eq(4).text() == "25 USD", "The fifth <code>h2</code> should have the text "25 USD".");'
+  - text: Шестой <code>h2</code> должен иметь текст «18 USD».
+    testString: 'assert($("h2").eq(5).text() == "18 USD", "The sixth <code>h2</code> should have the text "18 USD".");'
+  - text: Седьмой <code>h2</code> должен иметь текст «29 USD».
+    testString: 'assert($("h2").eq(6).text() == "29 USD", "The seventh <code>h2</code> should have the text "29 USD".");'
+  - text: Восьмой <code>h2</code> должен иметь текст «14 USD».
+    testString: 'assert($("h2").eq(7).text() == "14 USD", "The eighth <code>h2</code> should have the text "14 USD".");'
+  - text: Девятый <code>h2</code> должен иметь текст «9 USD».
+    testString: 'assert($("h2").eq(8).text() == "9 USD", "The ninth <code>h2</code> should have the text "9 USD".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("h2")
+      .data(dataset)
+      .enter()
+      .append("h2")
+      // Add your code below this line
+
+      .text("New Title");
+
+      // Add your code above this line
+  </script>
+</body>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/access-the-json-data-from-an-api.russian.md b/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/access-the-json-data-from-an-api.russian.md
new file mode 100644
index 0000000000..09d4aca23d
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/access-the-json-data-from-an-api.russian.md
@@ -0,0 +1,100 @@
+---
+id: 587d7fae367417b2b2512be4
+title: Access the JSON Data from an API
+challengeType: 6
+videoUrl: ''
+localeTitle: Доступ к данным JSON из API
+---
+
+## Description
+<section id="description"> В предыдущей задаче вы видели, как получить данные JSON от FreeCodeCamp Cat Photo API. Теперь вы более подробно рассмотрите возвращенные данные, чтобы лучше понять формат JSON. Вспомните некоторые обозначения в JavaScript: <blockquote> [] -&gt; Квадратные скобки представляют собой массив <br> {} -&gt; Кудрявые скобки представляют собой объект <br> &quot;&quot; -&gt; Двойные кавычки представляют собой строку. Они также используются для ключевых имен в JSON </blockquote> Понимание структуры данных, возвращаемых API, важно, поскольку оно влияет на то, как вы извлекаете нужные значения. Справа нажмите кнопку «Получить сообщение», чтобы загрузить JavaScript-код FreeCodeCamp Cat Photo API JSON в HTML. Первый и последний символы, которые вы видите в данных JSON, являются квадратными скобками <code>[ ]</code> . Это означает, что возвращаемые данные представляют собой массив. Второй символ в данных JSON - кудрявый <code>{</code> скобка, которая запускает объект. Посмотрев внимательно, вы увидите, что есть три отдельных объекта. Данные JSON представляют собой массив из трех объектов, каждый из которых содержит информацию о фотографии кота. Вы узнали ранее, что объекты содержат пары «ключ-значение», разделенные запятыми. Например, в примере «Кошка» первый объект имеет <code>&quot;id&quot;:0</code> где «id» - это ключ, а 0 - его соответствующее значение. Аналогично, есть ключи для «imageLink», «altText» и «codeNames». У каждого объекта фотокамеры есть такие же клавиши, но с разными значениями. Еще одна интересная пара «ключ-значение» в первом объекте - <code>&quot;codeNames&quot;:[&quot;Juggernaut&quot;,&quot;Mrs. Wallace&quot;,&quot;ButterCup&quot;]</code> . Здесь «codeNames» - это ключ, а его значение представляет собой массив из трех строк. Возможно иметь массивы объектов, а также ключ с массивом в качестве значения. Помните, как обращаться к данным в массивах и объектах. Массивы используют скобку для доступа к определенному индексу элемента. Для доступа к значению данного свойства объекты используют либо скобку, либо точечную нотацию. Вот пример, который печатает «altText» первой фотографии кота - обратите внимание, что проанализированные данные JSON в редакторе сохраняются в переменной <code>json</code> : <blockquote> console.log (JSON [0] .altText); <br> // Печатает «Белый кот в зеленой шляпе в форме дыни на голове». </blockquote></section>
+
+## Instructions
+<section id="instructions"> Для кошки с «id» из 2, напечатайте на консоли второе значение в массиве <code>codeNames</code> . Чтобы получить доступ к значению, вы должны использовать скобки и точечную нотацию на объекте (который сохраняется в переменной <code>json</code> ). </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать скобки и точечные обозначения для доступа к правильному кодовому имени и распечатать «Loki» на консоли.
+    testString: 'assert(code.match(/(?:json\[2\]\.codeNames\[1\]|json\[2\]\[("|")codeNames\1\]\[1\])/g), "Your code should use bracket and dot notation to access the proper code name, and print "Loki" to the console.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      req=new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload=function(){
+        json=JSON.parse(req.responseText);
+        document.getElementsByClassName('message')[0].innerHTML=JSON.stringify(json);
+        // Add your code below this line
+
+
+        // Add your code above this line
+      };
+    };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/change-text-with-click-events.russian.md b/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/change-text-with-click-events.russian.md
new file mode 100644
index 0000000000..5ef2c62b2c
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/change-text-with-click-events.russian.md
@@ -0,0 +1,93 @@
+---
+id: 587d7fad367417b2b2512be2
+title: Change Text with click Events
+challengeType: 6
+videoUrl: ''
+localeTitle: Изменить текст с помощью кнопки «События»
+---
+
+## Description
+<section id="description"> Когда происходит событие клика, вы можете использовать JavaScript для обновления элемента HTML. Например, когда пользователь нажимает кнопку «Получить сообщение», он меняет текст элемента с <code>message</code> класса, чтобы сказать «Вот сообщение». Это работает, добавив следующий код в событие click: <code>document.getElementsByClassName(&#39;message&#39;)[0].textContent=&quot;Here is the message&quot;;</code> </section>
+
+## Instructions
+<section id="instructions"> Добавьте код внутри обработчика события <code>onclick</code> чтобы изменить текст внутри элемента <code>message</code> чтобы сказать «Вот сообщение». </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать метод <code>document.getElementsByClassName</code> чтобы выбрать элемент с <code>message</code> класса и установить его <code>textContent</code> в заданную строку.
+    testString: 'assert(code.match(/document\.getElementsByClassName\(\s*?("|")message\1\s*?\)\[0\]\.textContent\s*?=\s*?("|")Here is the message\2/g), "Your code should use the <code>document.getElementsByClassName</code> method to select the element with class <code>message</code> and set its <code>textContent</code> to the given string.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      // Add your code below this line
+
+
+      // Add your code above this line
+    }
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/convert-json-data-to-html.russian.md b/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/convert-json-data-to-html.russian.md
new file mode 100644
index 0000000000..f6d0d6930e
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/convert-json-data-to-html.russian.md
@@ -0,0 +1,106 @@
+---
+id: 587d7fae367417b2b2512be5
+title: Convert JSON Data to HTML
+challengeType: 6
+videoUrl: ''
+localeTitle: Преобразование данных JSON в HTML
+---
+
+## Description
+<section id="description"> Теперь, когда вы получаете данные из JSON API, вы можете отобразить его в HTML. Вы можете использовать метод <code>forEach</code> для циклического прохождения данных, поскольку объекты фотографии cat хранятся в массиве. По мере перехода к каждому элементу вы можете изменить элементы HTML. Сначала объявите html-переменную с <code>var html = &quot;&quot;;</code> , Затем прокрутите JSON, добавив HTML к переменной, которая обертывает имена ключей в <code>strong</code> тегах, а затем значение. Когда цикл закончен, вы его визуализируете. Вот код, который делает это: <blockquote> json.forEach (function (val) { <br> var keys = Object.keys (val); <br> html + = &quot;&lt;div class = &#39;cat&#39;&gt;&quot;; <br> keys.forEach (функция (ключ) { <br> html + = &quot;&lt;strong&gt;&quot; + ключ + &quot;&lt;/ strong&gt;:&quot; + val [key] + &quot;&lt;br&gt;&quot;; <br> }); <br> html + = &quot;&lt;/ div&gt; &lt;br&gt;&quot;; <br> }); </blockquote></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен хранить данные в переменной <code>html</code>
+    testString: 'assert(code.match(/html\s+?(\+=|=\shtml\s\+)/g), "Your code should store the data in the <code>html</code> variable");'
+  - text: Ваш код должен использовать метод <code>forEach</code> для обработки данных JSON из API.
+    testString: 'assert(code.match(/json\.forEach/g), "Your code should use a <code>forEach</code> method to loop over the JSON data from the API.");'
+  - text: Ваш код должен обернуть имена ключевых слов <code>strong</code> тегами.
+    testString: 'assert(code.match(/<strong>.+<\/strong>/g), "Your code should wrap the key names in <code>strong</code> tags.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      req=new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload=function(){
+        json=JSON.parse(req.responseText);
+        var html = "";
+        // Add your code below this line
+
+
+
+        // Add your code above this line
+        document.getElementsByClassName('message')[0].innerHTML=html;
+      };
+    };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/get-geolocation-data-to-find-a-users-gps-coordinates.russian.md b/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/get-geolocation-data-to-find-a-users-gps-coordinates.russian.md
new file mode 100644
index 0000000000..6de09b6ec4
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/get-geolocation-data-to-find-a-users-gps-coordinates.russian.md
@@ -0,0 +1,64 @@
+---
+id: 587d7faf367417b2b2512be8
+title: Get Geolocation Data to Find A User's GPS Coordinates
+challengeType: 6
+videoUrl: ''
+localeTitle: 'Получите данные геолокации, чтобы найти GPS-координаты пользователя'
+---
+
+## Description
+<section id="description"> Еще одна интересная вещь, которую вы можете сделать, - это доступ к текущему местоположению вашего пользователя. Каждый браузер имеет встроенный навигатор, который может предоставить вам эту информацию. Навигатор получит текущую долготу и широту пользователя. Вы увидите приглашение разрешить или заблокировать этот сайт, зная ваше текущее местоположение. Задача может быть завершена в любом случае, если код верен. Выбрав allow, вы увидите, что текст на выходном телефоне изменится на широту и долготу. Вот код, который делает это: <blockquote> if (navigator.geolocation) { <br> navigator.geolocation.getCurrentPosition (функция (позиция) { <br> document.getElementById (&#39;data&#39;). innerHTML = &quot;широта:&quot; + position.coords.latitude + &quot;&lt;br&gt; долгота:&quot; + position.coords.longitude; <br> }); <br> } </blockquote> Во-первых, он проверяет <code>navigator.geolocation</code> объекта <code>navigator.geolocation</code> . Если это так, <code>getCurrentPosition</code> метод <code>getCurrentPosition</code> для этого объекта, который инициирует асинхронный запрос для позиции пользователя. Если запрос выполнен успешно, выполняется функция обратного вызова в методе. Эта функция осуществляет доступ к значениям объекта <code>position</code> для широты и долготы с использованием точечной нотации и обновляет HTML. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/navigator\.geolocation\.getCurrentPosition/g), "Your code should use <code>navigator.geolocation</code> to access the user&#39;s current location.");'
+  - text: ''
+    testString: 'assert(code.match(/position\.coords\.latitude/g), "Your code should use <code>position.coords.latitude</code> to display the user&#39;s latitudinal location.");'
+  - text: ''
+    testString: 'assert(code.match(/position\.coords\.longitude/g), "Your code should use <code>position.coords.longitude</code> to display the user&#39;s longitudinal location.");'
+  - text: ''
+    testString: 'assert(code.match(/document\.getElementById\(\s*?("|")data\1\s*?\)\.innerHTML/g), "You should display the user&#39;s position within the <code>data</code> div element.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  // Add your code below this line
+
+
+  // Add your code above this line
+</script>
+<h4>You are here:</h4>
+<div id="data">
+
+</div>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-xmlhttprequest-method.russian.md b/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-xmlhttprequest-method.russian.md
new file mode 100644
index 0000000000..ba828c8c77
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-xmlhttprequest-method.russian.md
@@ -0,0 +1,103 @@
+---
+id: 587d7fae367417b2b2512be3
+title: Get JSON with the JavaScript XMLHttpRequest Method
+challengeType: 6
+videoUrl: ''
+localeTitle: Получить JSON с помощью метода XMLHttpRequest JavaScript
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions"> Обновите код для создания и отправки запроса «GET» в FreeCodeCamp Cat Photo API. Затем нажмите кнопку «Получить сообщение». Функция AJAX заменит текст «Сообщение будет здесь» с исходным выходом JSON из API. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/new\s+?XMLHttpRequest\(\s*?\)/g), "Your code should create a new <code>XMLHttpRequest</code>.");'
+  - text: Ваш код должен использовать <code>open</code> метод для инициализации запроса «GET» в FreeCodeCamp Cat Photo API.
+    testString: 'assert(code.match(/\.open\(\s*?("|")GET\1\s*?,\s*?("|")\/json\/cats\.json\2\s*?,\s*?true\s*?\)/g), "Your code should use the <code>open</code> method to initialize a "GET" request to the freeCodeCamp Cat Photo API.");'
+  - text: ''
+    testString: 'assert(code.match(/\.send\(\s*\)/g), "Your code should use the <code>send</code> method to send the request.");'
+  - text: В вашем коде должен быть обработчик события <code>onload</code> установленный на функцию.
+    testString: 'assert(code.match(/\.onload\s*=\s*function\(\s*?\)\s*?{/g), "Your code should have an <code>onload</code> event handler set to a function.");'
+  - text: ''
+    testString: 'assert(code.match(/JSON\.parse\(.*\.responseText\)/g), "Your code should use the <code>JSON.parse</code> method to parse the <code>responseText</code>.");'
+  - text: Ваш код должен получить элемент с <code>message</code> класса и изменить его внутренний HTML на строку данных JSON.
+    testString: 'assert(code.match(/document\.getElementsByClassName\(\s*?("|")message\1\s*?\)\[0\]\.innerHTML\s*?=\s*?JSON\.stringify\(.+?\)/g), "Your code should get the element with class <code>message</code> and change its inner HTML to the string of JSON data.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      // Add your code below this line
+
+
+      // Add your code above this line
+    };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/handle-click-events-with-javascript-using-the-onclick-property.russian.md b/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/handle-click-events-with-javascript-using-the-onclick-property.russian.md
new file mode 100644
index 0000000000..03cff8829c
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/handle-click-events-with-javascript-using-the-onclick-property.russian.md
@@ -0,0 +1,93 @@
+---
+id: 587d7fad367417b2b2512be1
+title: Handle Click Events with JavaScript using the onclick property
+challengeType: 6
+videoUrl: ''
+localeTitle: 'Ручка Нажмите «События» с помощью JavaScript, используя свойство onclick'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/document\.getElementById\(\s*?("|")getMessage\1\s*?\)/g), "Your code should use the <code>document.getElementById</code> method to select the <code>getMessage</code> element.");'
+  - text: ''
+    testString: 'assert(typeof document.getElementById("getMessage").onclick === "function", "Your code should add an <code>onclick</code> event handler.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    // Add your code below this line
+
+
+    // Add your code above this line
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/post-data-with-the-javascript-xmlhttprequest-method.russian.md b/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/post-data-with-the-javascript-xmlhttprequest-method.russian.md
new file mode 100644
index 0000000000..91c0b7f8cc
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/post-data-with-the-javascript-xmlhttprequest-method.russian.md
@@ -0,0 +1,108 @@
+---
+id: 587d7faf367417b2b2512be9
+title: Post Data with the JavaScript XMLHttpRequest Method
+challengeType: 6
+videoUrl: ''
+localeTitle: Опубликовать данные с помощью метода XMLHttpRequest JavaScript
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(code.match(/new\s+?XMLHttpRequest\(\s*?\)/g), "Your code should create a new <code>XMLHttpRequest</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/\.open\(\s*?("|")POST\1\s*?,\s*?url\s*?,\s*?true\s*?\)/g), "Your code should use the <code>open</code> method to initialize a "POST" request to the server.");'
+  - text: ''
+    testString: 'assert(code.match(/\.setRequestHeader\(\s*?("|")Content-Type\1\s*?,\s*?("|")text\/plain\2\s*?\)/g), "Your code should use the <code>setRequestHeader</code> method.");'
+  - text: В вашем коде должен быть <code>onreadystatechange</code> события <code>onreadystatechange</code> установленный на функцию.
+    testString: 'assert(code.match(/\.onreadystatechange\s*?=/g), "Your code should have an <code>onreadystatechange</code> event handler set to a function.");'
+  - text: ''
+    testString: 'assert(code.match(/document\.getElementsByClassName\(\s*?("|")message\1\s*?\)\[0\]\.innerHTML\s*?=\s*?.+?\.responseText/g), "Your code should get the element with class <code>message</code> and change its inner HTML to the <code>responseText</code>.");'
+  - text: ''
+    testString: 'assert(code.match(/\.send\(\s*?userName\s*?\)/g), "Your code should use the <code>send</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('sendMessage').onclick=function(){
+
+      var userName=document.getElementById('name').value;
+      // Add your code below this line
+
+
+      // Add your code above this line
+    };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Friends</h1>
+<p class="message box">
+  Reply from Server will be here
+</p>
+<p>
+  <label for="name">Your name:
+    <input type="text" id="name"/>
+  </label>
+  <button id="sendMessage">
+    Send Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/pre-filter-json-to-get-the-data-you-need.russian.md b/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/pre-filter-json-to-get-the-data-you-need.russian.md
new file mode 100644
index 0000000000..2c3644eeed
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/pre-filter-json-to-get-the-data-you-need.russian.md
@@ -0,0 +1,108 @@
+---
+id: 587d7fae367417b2b2512be7
+title: Pre-filter JSON to Get the Data You Need
+challengeType: 6
+videoUrl: ''
+localeTitle: Предварительный фильтр JSON для получения необходимых данных
+---
+
+## Description
+<section id="description"> Если вы не хотите отображать каждую фотографию кота, которую вы получаете из FreeCodeCamp Cat Photo API, вы можете предварительно фильтровать JSON перед ее прокруткой. Учитывая , что данные JSON хранится в массиве, вы можете использовать <code>filter</code> метод , чтобы отфильтровать кошку, ключ «Идентификатор» имеет значение 1. Вот код , чтобы сделать это: <blockquote> json = json.filter (функция (val) { <br> return (val.id! == 1); <br> }); </blockquote></section>
+
+## Instructions
+<section id="instructions"> Добавьте код, чтобы <code>filter</code> данные json, чтобы удалить кошку с «id» значением 1. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш код должен использовать метод <code>filter</code> .
+    testString: 'assert(code.match(/json\.filter/g), "Your code should use the <code>filter</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      req=new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload=function(){
+        json=JSON.parse(req.responseText);
+        var html = "";
+        // Add your code below this line
+
+
+        // Add your code above this line
+         json.forEach(function(val) {
+           html += "<div class = 'cat'>"
+
+           html += "<img src = '" + val.imageLink + "' " + "alt='" + val.altText + "'>"
+
+           html += "</div>"
+         });
+         document.getElementsByClassName('message')[0].innerHTML=html;
+       };
+     };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/render-images-from-data-sources.russian.md b/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/render-images-from-data-sources.russian.md
new file mode 100644
index 0000000000..abc48b1967
--- /dev/null
+++ b/curriculum/challenges/russian/04-data-visualization/json-apis-and-ajax/render-images-from-data-sources.russian.md
@@ -0,0 +1,105 @@
+---
+id: 587d7fae367417b2b2512be6
+title: Render Images from Data Sources
+challengeType: 6
+videoUrl: ''
+localeTitle: Отображение изображений из источников данных
+---
+
+## Description
+<section id="description"> Последние несколько проблем показали, что каждый объект в массиве JSON содержит ключ <code>imageLink</code> со значением, которое является URL-адресом изображения кошки. Когда вы перебираете эти объекты, вы можете использовать это свойство <code>imageLink</code> для отображения этого изображения в элементе <code>img</code> . Вот код, который делает это: <code>html += &quot;&lt;img src = &#39;&quot; + val.imageLink + &quot;&#39; &quot; + &quot;alt=&#39;&quot; + val.altText + &quot;&#39;&gt;&quot;;</code> </section>
+
+## Instructions
+<section id="instructions"> Добавьте код, чтобы использовать свойства <code>imageLink</code> и <code>altText</code> в теге <code>img</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Вы должны использовать свойство <code>imageLink</code> для отображения изображений.
+    testString: 'assert(code.match(/val\.imageLink/g), "You should use the <code>imageLink</code> property to display the images.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='html-seed'>
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick=function(){
+      req=new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload=function(){
+        json=JSON.parse(req.responseText);
+        var html = "";
+        json.forEach(function(val) {
+          html += "<div class = 'cat'>";
+          // Add your code below this line
+
+
+          // Add your code above this line
+          html += "</div><br>";
+        });
+        document.getElementsByClassName('message')[0].innerHTML=html;
+      };
+     };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/announce-new-users.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/announce-new-users.russian.md
new file mode 100644
index 0000000000..48f3422541
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/announce-new-users.russian.md
@@ -0,0 +1,50 @@
+---
+id: 589fc832f9fc0f352b528e78
+title: Announce New Users
+challengeType: 2
+videoUrl: ''
+localeTitle: Объявление новых пользователей
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-socketio/">GitHub</a> . Многие чаты могут оповещаться, когда пользователь подключается или отключается, а затем отображает это для всех подключенных пользователей в чате. Увидев, что вы уже выбрали событие для подключения и отключения, вам просто нужно будет изменить это событие для поддержки такой функции. Наиболее логичным способом является отправка 3-х частей данных с событием: имя пользователя, подключенного / отключенного, текущий счетчик пользователей, и если это имя связано или отключено. <hr> Измените имя события на «user» и, поскольку данные передают объект вместе с именами полей «name», «currentUsers» и «boolean» connected (если это правда, если соединение или false для отключения отправленного пользователя). Не забудьте внести изменения в обе точки, у которых было событие «счетчик пользователей», и установить отключить один, чтобы послал false для поля «подключено» вместо true, как событие, испущенное при подключении. <code>io.emit(&#39;user&#39;, {name: socket.request.user.name, currentUsers, connected: true});</code> Теперь у вашего клиента будет вся необходимая информация, чтобы правильно отображать текущий счет пользователя и аннуитет, когда пользователь подключается или отключается! Чтобы обработать это событие на стороне клиента, мы должны прослушать «пользователь», а затем обновить текущий счет пользователя, используя jQuery, чтобы изменить текст <code>#num-users</code> на «{NUMBER} пользователей онлайн», а также добавить <code>&lt;li&gt;</code> в неупорядоченный список с id &#39;messages&#39; с &#39;{NAME} имеет {join / left} чат.&#39;. Реализация этого может выглядеть следующим образом: <pre> socket.on (&#39;user&#39;, function (data) {
+  $ (&#39;# num-users&#39;). text (data.currentUsers + &#39;пользователи онлайн);
+  var message = data.name;
+  if (data.connected) {
+    сообщение + = &#39;присоединилось к чату.&#39;;
+  } else {
+    сообщение + = &#39;покидает чат.&#39;;
+  }
+  $ (&#39;# messages&#39;). append ($ (&#39;&lt;li&gt;&#39;). html (&#39;&lt;b&gt;&#39; + message + &#39;&lt;\ / b&gt;&#39;));
+}); </pre> Представьте свою страницу, когда вы думаете, что у вас все в порядке. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Событие «пользователь» испускается с именем, currentUsers и подключенным'
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /io.emit.*("|")user("|").*name.*currentUsers.*connected/gi, "You should have an event emitted named user sending name, currentUsers, and connected"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 'Клиент правильно обрабатывает и отображает новые данные из «пользовательского» события,'
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.on.*("|")user("|")[^]*num-users/gi, "You should change the text of #num-users within on your client within the "user" even listener to show the current users connected"); assert.match(data, /socket.on.*("|")user("|")[^]*messages.*li/gi, "You should append a list item to #messages on your client within the "user" event listener to annouce a user came or went"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-strategies.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-strategies.russian.md
new file mode 100644
index 0000000000..a2a562f9c8
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-strategies.russian.md
@@ -0,0 +1,51 @@
+---
+id: 5895f70df9fc0f352b528e68
+title: Authentication Strategies
+challengeType: 2
+videoUrl: ''
+localeTitle: Стратегии аутентификации
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Стратегия - это способ аутентификации пользователя. Вы можете использовать стратегию, позволяющую пользователям проходить аутентификацию на основе локально сохраненной информации (если вы сначала регистрируетесь) или от различных поставщиков, таких как Google или Github. Для этого проекта мы создадим локальную стратегию. Чтобы просмотреть список 100 стратегий, посетите сайт Passports <a href="http://passportjs.org/">здесь</a> . Добавьте <em>паспорт-локальный</em> в качестве зависимости и добавьте его на свой сервер следующим образом: <code>const LocalStrategy = require(&#39;passport-local&#39;);</code> Теперь вам нужно будет указать паспорт, чтобы <b>использовать</b> экземпляр объекта LocalStartegy с несколькими определенными настройками. Удостоверьтесь, что это, а также все, начиная с этого момента, инкапсулировано в соединение с базой данных, поскольку оно полагается на него! <pre> passport.use (новая LocalStrategy (
+  функция (имя пользователя, пароль, сделанный) {
+    db.collection (&#39;users&#39;). findOne ({имя пользователя: имя пользователя}, функция (err, user) {
+      console.log (&#39;Пользователь&#39; + имя пользователя + &#39;пытался войти.&#39;);
+      if (err) {return done (err); }
+      if (! user) {return done (null, false); }
+      if (password! == user.password) {return done (null, false); }
+      return done (null, user);
+    });
+  }
+)); </pre> Это определяет процесс, который нужно предпринять, когда мы пытаемся аутентифицировать кого-то локально. Сначала он пытается найти пользователя в нашей базе данных с введенным именем пользователя, затем он проверяет, соответствует ли пароль, а затем, если не было обнаружено ошибок, которые мы проверили, например неправильный пароль, возвращается объект-пользователи, и они проверку подлинности. Многие стратегии настроены с использованием разных настроек, но в общем, легко настроить его на основе README в этом репозитории стратегий. Хорошим примером этого является стратегия Github, в которой нам не нужно беспокоиться о имени пользователя или пароле, потому что пользователь будет отправлен на страницу авторизации Github для аутентификации, и пока они войдут в систему и согласятся, Github возвращает свой профиль для нам использовать. На следующем шаге мы определим, как на самом деле вызывать стратегию аутентификации для проверки пользователя на основе данных формы! Отправьте свою страницу, когда вы думаете, что у вас есть это прямо до этого момента. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Паспорт-локальный - это зависимость
+    testString: ' getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "passport-local", "Your project should list "passport-local " as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Паспортно-местный правильно установлен и настроен
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")passport-local("|")/gi, "You should have required passport-local"); assert.match(data, /new LocalStrategy/gi, "You should have told passport to use a new strategy"); assert.match(data, /findOne/gi, "Your new local strategy should use the findOne query to find a username based on the inputs"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-with-socket.io.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-with-socket.io.russian.md
new file mode 100644
index 0000000000..b06aeabcd8
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/authentication-with-socket.io.russian.md
@@ -0,0 +1,48 @@
+---
+id: 589fc831f9fc0f352b528e77
+title: Authentication with Socket.IO
+challengeType: 2
+videoUrl: ''
+localeTitle: Аутентификация с помощью Socket.IO
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-socketio/">GitHub</a> . В настоящее время вы не можете определить, кто подключен к вашему веб-соке. В то время как контейнер req.user представляет собой объект пользователя, то есть только тогда, когда ваш пользователь взаимодействует с веб-сервером и с веб-сокетами, у вас нет запроса (запроса), и для этого нет пользовательских данных. Один из способов решить проблему знания того, кто связан с вашим веб-сокетом, - это разбор и декодирование файла cookie, который содержит сессию паспорта, а затем десериализацию его для получения пользовательского объекта. К счастью, на NPM есть пакет только для этого, который превращает сложную задачу в нечто простое! <hr> Добавьте «passport.socketio» в качестве зависимости и укажите его как «passportSocketIo». Теперь мы просто должны сказать Socket.IO, чтобы использовать его и установить параметры. Убедитесь, что это добавлено до существующего кода сокета, а не в существующем прослушивателе подключений. Для вашего сервера он должен выглядеть следующим образом: <pre> io.use (passportSocketIo.authorize ({
+  cookieParser: cookieParser,
+  ключ: «express.sid»,
+  secret: process.env.SESSION_SECRET,
+  store: sessionStore
+})); </pre> Вы также можете передать «успех» и «сбой» функцией, которая будет вызываться после завершения процесса проверки подлинности, когда клиент пытается подключиться. Пользовательский объект теперь доступен на вашем объекте сокета как <code>socket.request.user</code> . Например, теперь вы можете добавить следующее: <code>console.log(&#39;user &#39; + socket.request.user.name + &#39; connected&#39;);</code> и он будет подключаться к серверной консоли, которая подключилась! Представьте свою страницу, когда вы думаете, что у вас все в порядке. Если вы работаете в ошибки, вы можете проверить проект до этого момента <a href="https://gist.github.com/JosephLivengood/a9e69ff91337500d5171e29324e1ff35">здесь</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: passportSocketIo является зависимым
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "passport.socketio", "Your project should list "passport.socketio" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: требуется паспортSocketIo
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js").then(data => { assert.match(data, /require\(([""])passport\.socketio\1\)/gi, "You should correctly require and instantiate "passport.socketio"");}, xhr => { throw new Error(xhr.statusText); })'
+  - text: passportSocketIo правильно настроен
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /io\.use\(.+\.authorize\(/gi, "You should register "passport.socketio" as socket.io middleware and provide it correct options"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.russian.md
new file mode 100644
index 0000000000..c915a24a29
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.russian.md
@@ -0,0 +1,40 @@
+---
+id: 589690e6f9fc0f352b528e6e
+title: Clean Up Your Project with Modules
+challengeType: 2
+videoUrl: ''
+localeTitle: Очистка проекта с помощью модулей
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Сейчас все, что у вас есть, находится в файле server.js. Это может привести к сложному управлению кодом, который не очень расширяем. Создайте 2 новых файла: Routes.js и Auth.js. Оба должны начинаться со следующего кода: <pre> module.exports = function (app, db) {
+<p> } </p></pre> Теперь в верхней части файла вашего сервера требуются такие файлы: <code>const routes = require(&#39;./routes.js&#39;);</code> Сразу после того, как вы установили успешное соединение с базой данных, создайте экземпляр каждого из них, например: <code>routes(app, db)</code> Наконец, возьмите все маршруты на своем сервере и вставьте их в свои новые файлы и удалите их из файла вашего сервера. Также возьмите makeAuthenticated, так как мы создали эту функцию промежуточного программного обеспечения для маршрутизации. Теперь вам нужно будет правильно добавить зависимости, которые используются, например, <code>const passport = require(&#39;passport&#39;);</code> , в верхней части над линией экспорта в файле routes.js. Продолжайте добавлять их до тех пор, пока не возникнет больше ошибок, и ваш серверный файл больше не имеет никакой маршрутизации! Теперь сделайте то же самое в файле auth.js со всеми вещами, связанными с аутентификацией, такими как сериализация и настройка локальной стратегии, и сотрите их из файла вашего сервера. Обязательно добавьте зависимости и вызовите <code>auth(app,db)</code> на сервере в том же месте. Обязательно иметь <code>auth(app, db)</code> перед <code>routes(app, db)</code> так как наш маршрут регистрации зависит от начального паспорта! Поздравляем вас, вы в конце этого раздела Advanced Node и Express и получите красивый код для этого! Представьте свою страницу, когда вы думаете, что у вас все в порядке. Если вы столкнулись с ошибками, вы можете посмотреть пример завершенного проекта <a href="https://glitch.com/#!/project/delicious-herring">здесь</a> . <p></p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Представленные модули
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|").\/routes.js("|")/gi, "You should have required your new files"); assert.match(data, /mongo.connect[^]*routes/gi, "Your new modules should be called after your connection to the database"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/communicate-by-emitting.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/communicate-by-emitting.russian.md
new file mode 100644
index 0000000000..dc51e4e13e
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/communicate-by-emitting.russian.md
@@ -0,0 +1,45 @@
+---
+id: 589fc831f9fc0f352b528e75
+title: Communicate by Emitting
+challengeType: 2
+videoUrl: ''
+localeTitle: Общение через Emitting
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-socketio/">GitHub</a> . <dfn>Emit</dfn> - самый распространенный способ общения, который вы будете использовать. Когда вы выдаете что-то с сервера на «io», вы отправляете имя события и данные во все подключенные сокеты. Хорошим примером этой концепции будет исчисление текущего количества подключенных пользователей каждый раз, когда подключается новый пользователь! <hr> Начните с добавления переменной, чтобы отслеживать пользователей непосредственно перед тем, где вы сейчас слушаете подключения. <code>var currentUsers = 0;</code> Теперь, когда кто-то подключается, вы должны увеличить счетчик перед исчислением счета, поэтому вам нужно добавить инкремент в прослушиватель соединения. <code>++currentUsers;</code> Наконец, после увеличения счетчика, вы должны испустить событие (все еще внутри прослушивателя соединения). Событие должно быть названо «user count», и данные должны быть просто «currentUsers». <code>io.emit(&#39;user count&#39;, currentUsers);</code> <hr> Теперь вы можете реализовать способ для вашего клиента слушать это событие! Аналогично прослушиванию соединения на сервере вы будете использовать ключевое слово <em>on</em> . <pre> socket.on (&#39;user count&#39;, function (data) {
+  console.log (данные);
+}); </pre> Теперь попробуйте загрузить приложение и выполнить проверку подлинности, и вы должны увидеть в своей клиентской консоли «1», представляющий текущий счет пользователя! Попробуйте загрузить больше клиентов и пройти проверку подлинности, чтобы увидеть, как число увеличивается. Представьте свою страницу, когда вы думаете, что у вас все в порядке. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: currentUsers определяется
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js").then(data => {assert.match(data, /currentUsers/gi, "You should have variable currentUsers defined");}, xhr => { throw new Error(xhr.statusText); })'
+  - text: Сервер испускает текущий счетчик пользователей при каждом новом соединении
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /io.emit.*("|")user count("|").*currentUsers/gi, "You should emit "user count" with data currentUsers"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Ваш клиент прослушивает событие «счет пользователя»
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.on.*("|")user count("|")/gi, "Your client should be connection to server with the connection defined as socket"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/create-new-middleware.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/create-new-middleware.russian.md
new file mode 100644
index 0000000000..5892da22e9
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/create-new-middleware.russian.md
@@ -0,0 +1,49 @@
+---
+id: 5895f70df9fc0f352b528e6a
+title: Create New Middleware
+challengeType: 2
+videoUrl: ''
+localeTitle: Создать новое промежуточное программное обеспечение
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Как и в случае, любой пользователь может просто перейти к / профилю, прошли ли они проверку подлинности или нет, набрав URL-адрес. Мы хотим предотвратить это, проверив, проверен ли пользователь первым, прежде чем отображать страницу профиля. Это прекрасный пример того, когда создавать промежуточное ПО. Задача здесь заключается в создании функции промежуточного программного обеспечения, обеспечивающей <code>ensureAuthenticated(req, res, next)</code> , которая проверяет, аутентифицирована ли пользователь, вызывая passports isAuthenticated по <em>запросу,</em> который в свою очередь проверяет, что <em>req.user</em> должен быть определен. Если это так, то следует вызвать <em>next ()</em> , иначе мы можем просто ответить на запрос с перенаправлением на нашу домашнюю страницу для входа. Реализация этого промежуточного программного обеспечения: <pre> функция makeAuthenticated (req, res, next) {
+  if (req.isAuthenticated ()) {
+      return next ();
+  }
+  res.redirect ( &#39;/&#39;);
+}; </pre> Теперь добавьте <em>makeAuthenticated</em> в качестве промежуточного программного обеспечения в запрос для страницы профиля перед аргументом запроса get, содержащего функцию, которая отображает страницу. <pre> app.route ( &#39;/ профиль&#39;)
+  .get (обеспечитьAuthenticated, (req, res) =&gt; {
+       res.render (process.cwd () + &#39;/ views / pug / profile&#39;);
+  }); </pre> Представьте свою страницу, когда вы думаете, что у вас все в порядке. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Обеспечение промежуточного ПОАутентификация должна быть реализована и на нашем / профиле
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /ensureAuthenticated[^]*req.isAuthenticated/gi, "Your ensureAuthenticated middleware should be defined and utilize the req.isAuthenticated function"); assert.match(data, /profile[^]*get[^]*ensureAuthenticated/gi, "Your ensureAuthenticated middleware should be attached to the /profile route"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 'A Получить запрос / профиль правильно перенаправляет на /, поскольку мы не аутентифицированы'
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/profile") .then(data => { assert.match(data, /Home page/gi, "An attempt to go to the profile at this point should redirect to the homepage since we are not logged in"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/handle-a-disconnect.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/handle-a-disconnect.russian.md
new file mode 100644
index 0000000000..d4bff073ad
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/handle-a-disconnect.russian.md
@@ -0,0 +1,41 @@
+---
+id: 589fc831f9fc0f352b528e76
+title: Handle a Disconnect
+challengeType: 2
+videoUrl: ''
+localeTitle: Обращение с разъединением
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-socketio/">GitHub</a> . Вы можете заметить, что до сих пор вы только увеличивали количество пользователей. Обращение с отключением пользователя так же просто, как обращение с исходным подключением, за исключением того, что вам нужно прослушивать его для каждого сокета по сравнению со всем сервером. <hr> Для этого добавьте в существующий прослушиватель подключений слушатель, который прослушивает «разъединение» в сокете без передачи данных. Вы можете протестировать эту функциональность, просто зарегистрировавшись на консоли, которую пользователь отключил. <code>socket.on(&#39;disconnect&#39;, () =&gt; { /*anything you want to do on disconnect*/ });</code> Чтобы клиенты постоянно обновляли количество текущих пользователей, вы должны уменьшить currentUsers на 1, когда произойдет отключение, затем выпустите событие «счет пользователя» с обновленным счетчиком! <strong>Заметка</strong> <br> Подобно «разъединению», все другие события, которые сокет может испускать на сервер, должны обрабатываться в подключающемся прослушивателе, где у нас есть «сокет». Представьте свою страницу, когда вы думаете, что у вас все в порядке. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Сервер управляет отключением события от сокета
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /socket.on.*("|")disconnect("|")/gi, ""); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Ваш клиент прослушивает событие «счет пользователя»
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.on.*("|")user count("|")/gi, "Your client should be connection to server with the connection defined as socket"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/hashing-your-passwords.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/hashing-your-passwords.russian.md
new file mode 100644
index 0000000000..088a6316fc
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/hashing-your-passwords.russian.md
@@ -0,0 +1,41 @@
+---
+id: 58a25c98f9fc0f352b528e7f
+title: Hashing Your Passwords
+challengeType: 2
+videoUrl: ''
+localeTitle: Хеширование ваших паролей
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Возвращаясь к разделу информационной безопасности, вы, возможно, помните, что хранение паролей с открытым текстом <em>никогда не бывает в</em> порядке. Теперь пришло время реализовать BCrypt для решения этой проблемы. <hr> Добавьте BCrypt в качестве зависимости и требуйте его на своем сервере. Вам нужно будет обрабатывать хэширование в двух ключевых областях: где вы обрабатываете регистрацию / сохранение новой учетной записи и когда вы проверяете, что пароль правильный для входа. В настоящее время на нашем пути регистрации вы вводите пароль пользователя в базу данных следующим образом: <code>password: req.body.password</code> . Простым способом реализации сохранения хеша является добавление следующего до вашей логики базы данных <code>var hash = bcrypt.hashSync(req.body.password, 12);</code> и заменяет <code>req.body.password</code> в базе данных, сохраняя только <code>password: hash</code> . Наконец, по нашей стратегии проверки подлинности мы проверяем следующее в нашем коде перед завершением процесса: <code>if (password !== user.password) { return done(null, false); }</code> . После внесения предыдущих изменений теперь <code>user.password</code> является хешем. Прежде чем вносить изменения в существующий код, обратите внимание на то, как оператор проверяет, не является ли пароль НЕ равным, а затем возвращает не аутентифицированный. Имея это в виду, ваш код может выглядеть следующим образом, чтобы правильно проверить введенный пароль против хэша: <code>if (!bcrypt.compareSync(password, user.password)) { return done(null, false); }</code> Это все, что нужно для реализации одной из самых важных функций безопасности при хранении паролей! Представьте свою страницу, когда вы думаете, что у вас все в порядке. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: BCrypt - зависимость
+    testString: ' getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "bcrypt", "Your project should list "bcrypt" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Требуется и внедряется BCrypt
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")bcrypt("|")/gi, "You should have required bcrypt"); assert.match(data, /bcrypt.hashSync/gi, "You should use hash the password in the registration"); assert.match(data, /bcrypt.compareSync/gi, "You should compare the password to the hash in your strategy"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.russian.md
new file mode 100644
index 0000000000..b007a506f4
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.russian.md
@@ -0,0 +1,39 @@
+---
+id: 5895f70ef9fc0f352b528e6b
+title: How to Put a Profile Together
+challengeType: 2
+videoUrl: ''
+localeTitle: Как объединить профиль
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Теперь, когда мы можем гарантировать, что пользователь, получающий аутентификацию <em>/ profile</em> , может использовать информацию, содержащуюся в «req.user» на нашей странице! Идем дальше и передаем объект, содержащий переменное <em>имя пользователя,</em> равное &#39;req.user.username&#39;, в метод рендеринга вида профиля. Затем перейдите в свой <code>h2.center#welcome Welcome, #{username}!</code> profile.pug и добавьте строку <code>h2.center#welcome Welcome, #{username}!</code> создавая элемент h2 с классом «center» и id «welcome», содержащий текст «Добро пожаловать» и имя пользователя! Также в профиле добавьте ссылку на <em>/</em> выйти. В этом маршруте будет установлена ​​логика для неавторитизации пользователя. <code>a(href=&#39;/logout&#39;) Logout</code> Отправьте свою страницу, если вы считаете, что у вас все в порядке. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Правильно добавлена ​​переменная рендеринга Pug в / profile
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /\/views\/pug\/profile[^]*username:( |)req.user.username/gi, "You should be passing the variable username with req.user.username into the render function of the profile page"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.russian.md
new file mode 100644
index 0000000000..b19f3f368b
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.russian.md
@@ -0,0 +1,41 @@
+---
+id: 5895f70df9fc0f352b528e69
+title: How to Use Passport Strategies
+challengeType: 2
+videoUrl: ''
+localeTitle: Как использовать паспортные стратегии
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . В поставляемом файле index.pug есть форма входа. Ранее он был скрыт из-за встроенного javascript, <code>if showLogin</code> с формой с отступом после него. До того, как showLogin как переменная никогда не определялась, он никогда не отображал блок кода, содержащий форму. Идем дальше, и на res.render для этой страницы добавьте новую переменную в объект <code>showLogin: true</code> . Когда вы обновляете свою страницу, вы должны увидеть форму! Эта форма настроена на <b>POST</b> on <em>/ login,</em> поэтому здесь мы должны настроить прием POST и аутентифицировать пользователя. Для этой задачи вы должны добавить маршрут / логин, чтобы принять запрос POST. Для аутентификации на этом маршруте вам нужно добавить промежуточное программное обеспечение, чтобы сделать это, прежде чем отправлять ответ. Это делается путем передачи другого аргумента с промежуточным программным обеспечением перед вашей <code>function(req,res)</code> с ответом! Промежуточное программное обеспечение для использования - <code>passport.authenticate(&#39;local&#39;)</code> . <em>passport.authenticate</em> также может принимать некоторые параметры в качестве аргумента, такие как: <code>{ failureRedirect: &#39;/&#39; }</code> который невероятно полезен, поэтому обязательно добавьте его также. В качестве ответа после использования промежуточного программного обеспечения (которое будет вызываться только при прохождении промежуточного программного обеспечения аутентификации) необходимо перенаправить пользователя в <em>/ profile,</em> и этот маршрут должен отобразить представление «profile.pug». Если аутентификация прошла успешно, пользовательский объект будет сохранен в <em>req.user</em> . Теперь, когда вы вводите имя пользователя и пароль в форме, оно должно перенаправляться на главную страницу <em>/,</em> а в консоли вашего сервера должно быть «Пользователь {USERNAME], пытающийся войти в систему». поскольку в настоящее время мы не можем войти в систему для пользователя, который не зарегистрирован. Представьте свою страницу, когда вы думаете, что у вас все в порядке. Если вы работаете в ошибки, вы можете проверить проект завершен до этого момента <a href="https://gist.github.com/JosephLivengood/8a335d1a68ed9170da02bb9d8f5b71d5">здесь</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Все шаги, правильно выполненные на сервере server.js'
+    testString: ' getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /showLogin:( |)true/gi, "You should be passing the variable "showLogin" as true to your render function for the homepage"); assert.match(data, /failureRedirect:( |)("|")\/("|")/gi, "Your code should include a failureRedirect to the "/" route"); assert.match(data, /login[^]*post[^]*local/gi, "You should have a route for login which accepts a POST and passport.authenticates local"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Запрос POST для / login правильно перенаправляет /
+    testString: 'getUserInput => $.post(getUserInput("url")+ "/login") .then(data => { assert.match(data, /Looks like this page is being rendered from Pug into HTML!/gi, "A login attempt at this point should redirect to the homepage since we do not have any registered users"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.russian.md
new file mode 100644
index 0000000000..822965c382
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.russian.md
@@ -0,0 +1,47 @@
+---
+id: 5895f70cf9fc0f352b528e67
+title: Implement the Serialization of a Passport User
+challengeType: 2
+videoUrl: ''
+localeTitle: Внедрить сериализацию пользователя паспорта
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Прямо сейчас мы не загружаем объект на самом деле, так как мы не создали нашу базу данных. Это можно сделать разными способами, но для нашего проекта мы будем подключаться к базе данных один раз, когда мы запустим сервер и сохраним постоянное соединение для полного жизненного цикла приложения. Чтобы сделать это, добавьте MongoDB в качестве зависимости и потребуйте его на своем сервере. ( <code>const mongo = require(&#39;mongodb&#39;).MongoClient;</code> ) Теперь мы хотим подключиться к нашей базе данных, а затем начать прослушивание запросов. Цель этого - не разрешать запросы до подключения нашей базы данных или ошибки базы данных. Для достижения этой цели вы захотите охватить сериализацию и прослушиватель приложений следующим образом: <pre> mongo.connect (process.env.DATABASE, (err, db) =&gt; {
+    if (err) {
+        console.log («Ошибка базы данных:« + ошибка »);
+    } else {
+        console.log («Успешное подключение к базе данных»);
+<pre> <code> //serialization and app.listen</code> </pre>
+<p> }}); </p></pre> Теперь вы можете раскомментировать блок в deserializeUser и удалить <code>done(null, null)</code> . Обязательно установите <em>DATABASE</em> в свой .ENV-файл в строку подключения вашей базы данных (например: <code>DATABASE=mongodb://admin:pass@mlab.com:12345/my-project</code> ). Вы можете создать бесплатную базу данных на <a href="https://mlab.com/welcome/">mLab</a> . Поздравляем - вы закончили настройку сериализации! Представьте свою страницу, когда вы думаете, что у вас все в порядке. Если вы работаете в ошибки, вы можете проверить проект завершен до этого момента <a href="https://gist.github.com/JosephLivengood/e192e809a1d27cb80dc2c6d3467b7477">здесь</a> . <p></p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Соединение с базой данных присутствует
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /mongo.connect/gi, "You should have created a connection to your database"); assert.match(data, /mongo.connect[^]*app.listen[^]*}[^]*}/gi, "You should have your app.listen nested at within your database connection at the bottom"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 'Теперь десериализация корректно использует БД и <code>done(null, null)</code> стирается'
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.notMatch(data, /null,( |)null/gi, "The callback in deserializeUser of (null, null) should be completely removed for the db block uncommented out"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.russian.md
new file mode 100644
index 0000000000..ac8e0c3e70
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.russian.md
@@ -0,0 +1,52 @@
+---
+id: 589a69f5f9fc0f352b528e71
+title: Implementation of Social Authentication II
+challengeType: 2
+videoUrl: ''
+localeTitle: Внедрение социальной аутентификации II
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socialauth/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-socialauth/">GitHub</a> . Последняя часть настройки вашей аутентификации Github - это создание самой стратегии. Для этого вам нужно будет добавить зависимость «паспорт-github» к вашему проекту и потребовать его как GithubStrategy, например, <code>const GitHubStrategy = require(&#39;passport-github&#39;).Strategy;</code> , Чтобы настроить стратегию Github, вы должны указать <b>паспорт,</b> чтобы <b>использовать</b> экземпляр <b>GithubStrategy</b> , который принимает 2 аргумента: объект (содержащий <em>clientID</em> , <em>clientSecret</em> и <em>callbackURL</em> ) и функцию, которая будет вызываться, когда пользователь будет успешно аутентифицирован, что мы определим если пользователь является новым и какие поля сначала сохраняются в объекте базы данных пользователя. Это распространено во многих стратегиях, но для некоторых из них может потребоваться дополнительная информация, как указано в github этой конкретной стратегии README; например, Google требует также <em>область видимости,</em> которая определяет, какую информацию запрашивает ваш запрос, и просит пользователя одобрить такой доступ. Текущая стратегия, которую мы реализуем, имеет свое использование, изложенное <a>здесь</a> , но мы все это проверим здесь, на freeCodeCamp! Вот как ваша новая стратегия должна смотреть на этот момент: <pre> passport.use (новый GitHubStrategy ({
+    clientID: process.env.GITHUB_CLIENT_ID,
+    clientSecret: process.env.GITHUB_CLIENT_SECRET,
+    callbackURL: / * ВСТАВЬТЕ URL-адрес CALLBACK, ВХОДЯЩИЙ В ГИТУМ ЗДЕСЬ * /
+  },
+  function (accessToken, refreshToken, profile, cb) {
+      console.log (профиль);
+      // Логика базы данных здесь с обратным вызовом, содержащим наш пользовательский объект
+  }
+)); </pre> Ваша аутентификация еще не будет выполнена, и на самом деле вывести ошибку, без логики базы данных и обратного вызова, но она должна зайти на консоль вашего профиля Github, если вы попробуете! Представьте свою страницу, когда вы думаете, что у вас все в порядке. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Добавлена ​​зависимость
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "passport-github", "Your project should list "passport-github" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Требуется зависимость
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")passport-github("|")/gi, "You should have required passport-github"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: До сих пор стратегия Github
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /passport.use.*new GitHubStrategy/gi, "Passport should use a new GitHubStrategy"); assert.match(data, /callbackURL:( |)("|").*("|")/gi, "You should have a callbackURL"); assert.match(data, /process.env.GITHUB_CLIENT_SECRET/g, "You should use process.env.GITHUB_CLIENT_SECRET"); assert.match(data, /process.env.GITHUB_CLIENT_ID/g, "You should use process.env.GITHUB_CLIENT_ID"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.russian.md
new file mode 100644
index 0000000000..ec9b27b757
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.russian.md
@@ -0,0 +1,58 @@
+---
+id: 589a8eb3f9fc0f352b528e72
+title: Implementation of Social Authentication III
+challengeType: 2
+videoUrl: ''
+localeTitle: Внедрение социальной аутентификации III
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socialauth/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-socialauth/">GitHub</a> . Конечной частью стратегии является обработка профиля, возвращенного из Github. Нам нужно загрузить объект базы данных пользователей, если он существует, или создать его, если это не так, и заполнить поля из профиля, а затем вернуть объект пользователя. Github предоставляет нам уникальный <em>идентификатор</em> в каждом профиле, который мы можем использовать для поиска, чтобы сериализовать пользователя (уже реализовано). Ниже приведен пример реализации, которую вы можете использовать в своем проекте: она входит в функцию, которая является вторым аргументом для новой стратегии, прямо под <code>console.log(profile);</code> в настоящее время: <pre> db.collection ( &#39;socialusers&#39;). findAndModify (
+    {id: profile.id},
+    {},
+    {$ SetOnInsert: {
+        id: profile.id,
+        name: profile.displayName || &#39;Джон Доу&#39;,
+        фото: profile.photos [0] .value || »,
+        email: profile.emails [0] .value || «Нет общедоступной электронной почты»,
+        created_on: новая дата (),
+        провайдер: profile.provider || &quot;
+    } $ Установить: {
+        last_login: новая дата ()
+    }, $ Вкл: {
+        login_count: 1
+    }},
+    {upsert: true, new: true},
+    (err, doc) =&gt; {
+        return cb (null, doc.value);
+    }
+); </pre> С помощью findAndModify он позволяет вам искать объект и обновлять его, а также обновлять объект, если он не существует, и каждый раз получать новый объект обратно в нашей функции обратного вызова. В этом примере мы всегда устанавливаем last_login так же, как и сейчас, мы всегда увеличиваем значение login_count на 1, и только когда мы вставляем новый объект (новый пользователь), мы заполняем большинство полей. Также следует отметить использование значений по умолчанию. Иногда возвращаемый профиль не будет заполнен всей информацией или он будет выбран пользователем, чтобы оставаться закрытым; поэтому в этом случае мы должны обработать его, чтобы предотвратить ошибку. Теперь вы сможете войти в свое приложение - попробуйте! Представьте свою страницу, когда вы думаете, что у вас все в порядке. Если вы работаете в ошибки, вы можете проверить пример готового кода этого мини-проекта <a href="https://glitch.com/#!/project/guttural-birch">здесь</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Настройка стратегии Github завершена
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /GitHubStrategy[^]*db.collection/gi, "Strategy should use now use the database to search for the user"); assert.match(data, /GitHubStrategy[^]*socialusers/gi, "Strategy should use "socialusers" as db collection"); assert.match(data, /GitHubStrategy[^]*return cb/gi, "Strategy should return the callback function "cb""); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.russian.md
new file mode 100644
index 0000000000..3eea484400
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.russian.md
@@ -0,0 +1,44 @@
+---
+id: 589a69f5f9fc0f352b528e70
+title: Implementation of Social Authentication
+challengeType: 2
+videoUrl: ''
+localeTitle: Реализация социальной аутентификации
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socialauth/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-socialauth/">GitHub</a> . Основной путь такого рода аутентификации будет следовать в вашем приложении: <ol><li> Пользователь нажимает кнопку или ссылку, отправляя их на наш маршрут для аутентификации с использованием определенной стратегии (EG. Github) </li><li> Ваш маршрут требует <code>passport.authenticate(&#39;github&#39;)</code> который перенаправляет их в Github. </li><li> Страница, на которую пользователь приземляется, на Github, позволяет им войти в систему, если они еще не были. Затем он просит их одобрить доступ к своему профилю из нашего приложения. </li><li> Затем пользователь возвращается в наше приложение с определенным URL-адресом обратного вызова с их профилем, если он одобрен. </li><li> Теперь они аутентифицированы, и ваше приложение должно проверить, является ли он возвращаемым профилем, или сохранить его в своей базе данных, если это не так. </li></ol> Стратегии с OAuth требуют наличия, по крайней мере, <em>идентификатора</em> <em>клиента и секретности клиента,</em> который позволяет проверить, откуда идет запрос на аутентификацию, и если он действителен. Они получены с сайта, на котором вы пытаетесь внедрить аутентификацию с помощью, например, Github, и являетесь уникальными для вашего приложения. <b>ОНИ НЕ РАЗМЕЩАЮТСЯ</b> и никогда не должны загружаться в общедоступный репозиторий или записываться непосредственно в ваш код. Обычная практика заключается в том, чтобы поместить их в ваш <em>.ENV-</em> файл и ссылаться на них так: <code>process.env.GITHUB_CLIENT_ID</code> . Для этой задачи мы собираемся использовать стратегию Github. Получение <em>идентификатора клиента и секретности <em>из Github выполняется в настройках профиля вашего аккаунта в разделе «Настройки разработчика», а затем « <a href="https://github.com/settings/developers">Приложения OAuth</a> ». Нажмите «Зарегистрировать новое приложение», назовите свое приложение, вставьте URL-адрес на свою страницу с глюком ( <b>не URL-адрес кода проекта</b> ) и, наконец, URL-адрес обратного вызова, вставьте тот же URL-адрес, что и на главной странице, но с помощью «/ auth / github / callback &#39;. Здесь пользователи будут перенаправлены на нас для обработки после проверки подлинности на Github. Сохраните возвращаемую информацию как «GITHUB_CLIENT_ID» и «GITHUB_CLIENT_SECRET» в вашем .ENV-файле. В вашем ремикс-проекте создайте 2 маршрута, принимающих запросы GET: / auth / github и / auth / github / callback. Первый должен только называть паспорт для аутентификации «github», а второй должен вызывать паспорт для аутентификации «github» с перенаправлением отказа на «/», а затем, если это успешно перенаправляется на «/ profile» (аналогично нашему последнему проекту). Пример того, как выглядит &#39;/ auth / github / callback&#39;, аналогичен тому, как мы обрабатывали обычный логин в нашем последнем проекте:</em></em> <pre> <em><em>app.route ( &#39;/ Войти&#39;)
+  .post (passport.authenticate (&#39;local&#39;, {failRedirect: &#39;/&#39;}), (req, res) =&gt; {
+    res.redirect ( &#39;/ профиль&#39;);
+  });</em></em> </pre> <em><em>Представьте свою страницу, когда вы думаете, что у вас все в порядке. Если вы работаете в ошибки, вы можете проверить проект до этого момента <a href="https://gist.github.com/JosephLivengood/28ea2cae7e1dc6a53d7f0c42d987313b">здесь</a> .</em></em> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Правило маршрута / auth / github
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /("|")\/auth\/github("|")[^]*get.*passport.authenticate.*github/gi, "Route auth/github should only call passport.authenticate with github"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Правило маршрута / auth / github / callback
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /("|")\/auth\/github\/callback("|")[^]*get.*passport.authenticate.*github.*failureRedirect:( |)("|")\/("|")/gi, "Route auth/github/callback should accept a get request and call passport.authenticate for github with a failure redirect to home"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/logging-a-user-out.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/logging-a-user-out.russian.md
new file mode 100644
index 0000000000..f5dcb5c979
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/logging-a-user-out.russian.md
@@ -0,0 +1,40 @@
+---
+id: 58965611f9fc0f352b528e6c
+title: Logging a User Out
+challengeType: 2
+videoUrl: ''
+localeTitle: Регистрация пользователя
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Маршрут выхода
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /req.logout/gi, "You should be call req.logout() in youre /logout route"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Выход из системы должен быть перенаправлен на главную страницу /
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/logout") .then(data => { assert.match(data, /Home page/gi, "When a user logs out they should be redirected to the homepage"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/registration-of-new-users.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/registration-of-new-users.russian.md
new file mode 100644
index 0000000000..bf9bbc9ee2
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/registration-of-new-users.russian.md
@@ -0,0 +1,46 @@
+---
+id: 58966a17f9fc0f352b528e6d
+title: Registration of New Users
+challengeType: 2
+videoUrl: ''
+localeTitle: Регистрация новых пользователей
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /showRegistration:( |)true/gi, "You should be passing the variable "showRegistration" as true to your render function for the homepage"); assert.match(data, /register[^]*post[^]*findOne[^]*username:( |)req.body.username/gi, "You should have a route accepted a post request on register that querys the db with findone and the query being "username: req.body.username""); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.ajax({url: getUserInput("url")+ "/register",data: {username: "freeCodeCampTester", password: "freeCodeCampTester"},crossDomain: true, type: "POST", xhrFields: { withCredentials: true }}) .then(data => { assert.match(data, /Profile/gi, "I should be able to register and it direct me to my profile. CLEAR YOUR DATABASE if this test fails (each time until its right!)"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: ''
+    testString: 'getUserInput => $.ajax({url: getUserInput("url")+ "/login",data: {username: "freeCodeCampTester", password: "freeCodeCampTester"}, type: "POST", xhrFields: { withCredentials: true }}) .then(data => { assert.match(data, /Profile/gi, "Login should work if previous test was done successfully and redirect successfully to the profile. Check your work and clear your DB"); assert.match(data, /freeCodeCampTester/gi, "The profile should properly display the welcome to the user logged in"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Выход должен работать
+    testString: 'getUserInput => $.ajax({url: getUserInput("url")+ "/logout", type: "GET", xhrFields: { withCredentials: true }}) .then(data => { assert.match(data, /Home/gi, "Logout should redirect to home"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Профиль не должен работать после выхода из системы
+    testString: 'getUserInput => $.ajax({url: getUserInput("url")+ "/profile", type: "GET", crossDomain: true, xhrFields: { withCredentials: true }}) .then(data => { assert.match(data, /Home/gi, "Profile should redirect to home when we are logged out now again"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.russian.md
new file mode 100644
index 0000000000..b1d5b7e979
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.russian.md
@@ -0,0 +1,41 @@
+---
+id: 589fc832f9fc0f352b528e79
+title: Send and Display Chat Messages
+challengeType: 2
+videoUrl: ''
+localeTitle: Отправка и отображение сообщений чата
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-socketio/">GitHub</a> . Пришло время, когда вы разрешаете клиентам отправлять чат-сообщение на сервер, чтобы выдать всем клиентам! Уже в вашем файле client.js вы должны увидеть, что уже есть блок обработки кода, когда отправляется форма messgae! ( <code>$(&#39;form&#39;).submit(function(){ /*logic*/ });</code> ) <hr> В коде, который вы обрабатываете отправку формы, вы должны выпустить событие после определения «messageToSend», но перед <code>#m</code> текстового поля <code>#m</code> . Событие должно быть названо «сообщение чата», и данные должны быть просто «messageToSend». <code>socket.emit(&#39;chat message&#39;, messageToSend);</code> Теперь на вашем сервере вы должны слушать сокет для сообщения чата с сообщением «сообщение». Как только событие будет получено, оно должно затем передать сообщение чата всем <code>io.emit</code> с данными, являющимися объектом, содержащим «имя» и «сообщение». Теперь, на вашем клиенте, вы должны теперь прослушать «сообщение чата», а при его получении добавьте элемент списка в <code>#messages</code> с именем двоеточие и сообщение! В этот момент чат должен быть полностью функциональным и отправлять сообщения всем клиентам! Представьте свою страницу, когда вы думаете, что у вас все в порядке. Если вы столкнулись с ошибками, вы можете проверить проект до этого момента <a href="https://gist.github.com/JosephLivengood/3e4b7750f6cd42feaa2768458d682136">здесь для сервера</a> и <a href="https://gist.github.com/JosephLivengood/41ba76348df3013b7870dc64861de744">здесь для клиента</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Сервер прослушивает «сообщение чата», затем испускает его правильно'
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /socket.on.*("|")chat message("|")[^]*io.emit.*("|")chat message("|").*name.*message/gi, "Your server should listen to the socket for "chat message" then emit to all users "chat message" with name and message in the data object"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Клиент корректно обрабатывает и отображает новые данные из сообщения чата "
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.on.*("|")chat message("|")[^]*messages.*li/gi, "You should append a list item to #messages on your client within the "chat message" event listener to display the new message"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.russian.md
new file mode 100644
index 0000000000..80edd85752
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5895f70cf9fc0f352b528e66
+title: Serialization of a User Object
+challengeType: 2
+videoUrl: ''
+localeTitle: Сериализация пользовательского объекта
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Сериализация и десериализация являются важными понятиями в отношении аутентификации. Сериализация объекта означает преобразование его содержимого в небольшой <em>ключ, по</em> существу, который затем может быть десериализован в исходный объект. Это то, что позволяет нам узнать, кто передал сервер без необходимости отправлять данные аутентификации, такие как имя пользователя и пароль, при каждом запросе на новую страницу. Чтобы правильно установить это, нам нужно иметь функцию сериализации и функцию десериализации. В паспорте мы создаем их с <code>passport.serializeUser( OURFUNCTION )</code> и <code>passport.deserializeUser( OURFUNCTION )</code> . Сериализуемый вызов вызывается с двумя аргументами, полным пользовательским объектом и обратным вызовом, используемым паспортом. Возвращенный в обратном вызове должен быть уникальным ключом для идентификации этого пользователя - самым простым из них является использование пользователями _id в объекте, поскольку оно должно быть уникальным по мере его создания MongoDb. Аналогичным образом десериализуется вызов с этим ключом и функцией обратного вызова для паспорта, но на этот раз нам нужно взять этот ключ и вернуть полный объект пользователей на обратный вызов. Чтобы выполнить поиск по запросу Mongo _id, вам нужно будет создать <code>const ObjectID = require(&#39;mongodb&#39;).ObjectID;</code> , а затем для его использования вы вызываете <code>new ObjectID(THE_ID)</code> . Обязательно добавьте MongoDB в качестве зависимости. Вы можете увидеть это в следующих примерах: <pre> passport.serializeUser ((пользователь, сделано) =&gt; {
+   done (null, user._id);
+ }); </pre><br><pre> passport.deserializeUser ((id, done) =&gt; {
+        db.collection ( &#39;пользователи&#39;). findOne (
+            {_id: новый ObjectID (id)},
+            (err, doc) =&gt; {
+                done (null, doc);
+            }
+        );
+    }); </pre> ПРИМЕЧАНИЕ. Этот deserializeUser выдает ошибку до тех пор, пока мы не настроим БД на следующем шаге, поэтому закомментируем весь блок и просто <code>done(null, null)</code> вызов <code>done(null, null)</code> в функции deserializeUser. Представьте свою страницу, когда вы думаете, что у вас все в порядке. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Сериализация функции пользователя
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /passport.serializeUser/gi, "You should have created your passport.serializeUser function"); assert.match(data, /null, user._id/gi, "There should be a callback in your serializeUser with (null, user._id)"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Отключить функцию пользователя
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /passport.deserializeUser/gi, "You should have created your passport.deserializeUser function"); assert.match(data, /null,( |)null/gi, "There should be a callback in your deserializeUser with (null, null) for now"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: MongoDB - зависимость
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "mongodb", "Your project should list "mongodb" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: 'Требуется Mongodb, включая ObjectId'
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")mongodb("|")/gi, "You should have required mongodb"); assert.match(data, /new ObjectID.*id/gi, "Even though the block is commented out, you should use new ObjectID(id) for when we add the database"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-a-template-engine.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-a-template-engine.russian.md
new file mode 100644
index 0000000000..1ce6994b4d
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-a-template-engine.russian.md
@@ -0,0 +1,43 @@
+---
+id: 5895f700f9fc0f352b528e63
+title: Set up a Template Engine
+challengeType: 2
+videoUrl: ''
+localeTitle: Настройка механизма шаблонов
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Механизм шаблонов позволяет использовать статические файлы шаблонов (например, написанные в <em>Pug</em> ) в вашем приложении. Во время выполнения механизм шаблонов заменяет переменные в файле шаблона фактическими значениями, которые могут быть предоставлены вашим сервером, и преобразует шаблон в статический HTML-файл, который затем отправляется клиенту. Такой подход упрощает разработку HTML-страницы и позволяет отображать переменные на странице без необходимости вызова API-клиента от клиента. Чтобы настроить <em>Pug</em> для использования в вашем проекте, вам нужно будет добавить его как зависимость сначала в package.json. <code>&quot;pug&quot;: &quot;^0.1.0&quot;</code> Теперь, чтобы сказать Node / Express использовать механизм шаблонов, вам нужно будет сказать вашему экспресс- <b>приложению,</b> чтобы <b>установить</b> «мопс» в качестве «механизма просмотра». <code>app.set(&#39;view engine&#39;, &#39;pug&#39;)</code> Наконец, вы должны изменить свой ответ на запрос маршрута указателя на <code>res.render</code> путь к представлению view <em>/ pug / index.pug</em> . Если все пойдет так, как планировалось, вы должны обновить домашнюю страницу своих приложений и увидеть небольшое сообщение о том, что вы успешно разорвали мопс из нашего файла Pug! Представьте свою страницу, когда вы думаете, что у вас все в порядке. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Мопс - это зависимость
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "pug", "Your project should list "pug" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Просмотр движка - Мопс
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /("|")view engine("|"),( |)("|")pug("|")/gi, "Your project should set Pug as a view engine"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Мопс работает
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/") .then(data => { assert.match(data, /pug-success-message/gi, "Your projects home page should now be rendered by pug with the projects .pug file unaltered"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-passport.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-passport.russian.md
new file mode 100644
index 0000000000..9aa7861c6e
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-passport.russian.md
@@ -0,0 +1,49 @@
+---
+id: 5895f70cf9fc0f352b528e65
+title: Set up Passport
+challengeType: 2
+videoUrl: ''
+localeTitle: Настройка паспорта
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Пришло время настроить <em>Passport,</em> чтобы мы, наконец, могли позволить пользователю зарегистрироваться или войти в учетную запись! В дополнение к Passport мы будем использовать Express-session для обработки сеансов. Использование этого промежуточного программного обеспечения сохраняет идентификатор сеанса как куки-файл в клиенте и позволяет нам получить доступ к данным сеанса, используя этот идентификатор на сервере. Таким образом мы сохраняем информацию личного счета из cookie, используемой клиентом, чтобы проверить на нашем сервере, что они аутентифицированы, и просто держите <em>ключ</em> для доступа к данным, хранящимся на сервере. Чтобы настроить Passport для использования в вашем проекте, вам нужно будет добавить его как зависимость сначала в package.json. <code>&quot;passport&quot;: &quot;^0.3.2&quot;</code> Кроме того, добавьте экспресс-сессию как зависимость теперь. Экспресс-сессия имеет массу расширенных функций, которые вы можете использовать, но пока мы просто используем основы! <code>&quot;express-session&quot;: &quot;^1.15.0&quot;</code> Вам нужно будет настроить настройки сеанса и инициализировать Passport. Обязательно сначала создайте «сеанс переменных» и «паспорт», чтобы требовать «экспресс-сессию» и «паспорт» соответственно. Чтобы настроить ваше экспресс-приложение для использования, используйте сеанс, и мы определим лишь несколько основных параметров. Не забудьте добавить &#39;SESSION_SECRET&#39; в ваш .ENV-файл и дать ему случайное значение. Это используется для вычисления хэша, используемого для шифрования вашего файла cookie! <pre> app.use (сессия ({
+  secret: process.env.SESSION_SECRET,
+  resave: true,
+  saveUninitialized: true,
+})); </pre> Кроме того, вы можете пойти и сказать, что ваше экспресс-приложение <b>использует</b> «passport.initialize ()» и «passport.session ()». (Например, <code>app.use(passport.initialize());</code> ) Представьте свою страницу, если вы считаете, что у вас все в порядке. Если вы работаете в ошибки, вы можете проверить проект завершен до этого момента <a href="https://gist.github.com/JosephLivengood/338a9c5a326923c3826a666d430e65c3">здесь</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Паспорт и экспресс-сеанс - это зависимости
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "passport", "Your project should list "passport" as a dependency"); assert.property(packJson.dependencies, "express-session", "Your project should list "express-session" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Зависимости правильно
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /require.*("|")passport("|")/gi, "You should have required passport"); assert.match(data, /require.*("|")express-session("|")/gi, "You should have required express-session"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Экспресс-приложение использует новые зависимости
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /passport.initialize/gi, "Your express app should use "passport.initialize()""); assert.match(data, /passport.session/gi, "Your express app should use "passport.session()""); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Секретная сессия и секрет сеанса правильно настроены
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /secret:( |)process.env.SESSION_SECRET/gi, "Your express app should have express-session set up with your secret as process.env.SESSION_SECRET"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-the-environment.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-the-environment.russian.md
new file mode 100644
index 0000000000..d79b62dfeb
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/set-up-the-environment.russian.md
@@ -0,0 +1,48 @@
+---
+id: 589fc830f9fc0f352b528e74
+title: Set up the Environment
+challengeType: 2
+videoUrl: ''
+localeTitle: Настройка среды
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-socketio/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-socketio/">GitHub</a> . Добавьте Socket.IO в качестве зависимости и требуйте / создайте его на своем сервере, определенном как «io», с HTTP-сервером в качестве аргумента. <code>const io = require(&#39;socket.io&#39;)(http);</code> Первое, что нужно обработать, - это прослушивание нового соединения с клиентом. Ключевое слово <dfn>on</dfn> делает именно это - прослушивает конкретное событие. Для этого требуется 2 аргумента: строка, содержащая заголовок события, который выдается, и функция, с которой данные передаются. В случае нашего прослушивателя соединений мы используем <em>socket</em> для определения данных во втором аргументе. Сокет - это отдельный клиент, который подключен. Для прослушивания соединений на нашем сервере добавьте следующее между комментариями в своем проекте: <pre> io.on (&#39;connection&#39;, socket =&gt; {
+  console.log («Пользователь подключен»);
+}); </pre> Теперь для подключения клиента вам просто нужно добавить следующее к вашему client.js, которое загружается страницей после проверки подлинности: <pre> / * global io * /
+var socket = io (); </pre> Комментарий подавляет ошибку, которую вы обычно видите, так как «io» в файле не определен. Мы уже добавили надежный CDN в библиотеку Socket.IO на странице в chat.pug. Теперь попробуйте загрузить приложение и пройти аутентификацию, и вы должны увидеть на своей консоли сервера «Пользователь подключился»! <strong>Заметка</strong> <br> <code>io()</code> работает только при подключении к сокету, размещенному на том же url / сервере. Для подключения к внешнему сокету, размещенному в другом месте, вы должны использовать <code>io.connect(&#39;URL&#39;);</code> , Представьте свою страницу, когда вы думаете, что у вас все в порядке. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Socket.IO - зависимость
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "socket.io", "Your project should list "socket.io" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Socket.IO был должным образом запрошен и инстанцирован
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js").then(data => {assert.match(data, /io.*=.*require.*("|")socket.io("|").*http/gi, "You should correctly require and instantiate socket.io as io.");}, xhr => { throw new Error(xhr.statusText); })'
+  - text: Socket.IO должен прослушивать соединения
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /io.on.*("|")connection("|").*socket/gi, "io should listen for "connection" and socket should be the 2nd arguments variable"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: Ваш клиент должен подключиться к вашему серверу
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/public/client.js") .then(data => { assert.match(data, /socket.*=.*io/gi, "Your client should be connection to server with the connection defined as socket"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.russian.md
new file mode 100644
index 0000000000..9a7f103bb8
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.russian.md
@@ -0,0 +1,39 @@
+---
+id: 5895f70bf9fc0f352b528e64
+title: Use a Template Engine's Powers
+challengeType: 2
+videoUrl: ''
+localeTitle: Использование мощностей шаблонных движков
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-advancednode/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-advancednode/">GitHub</a> . Одна из величайших особенностей использования механизма шаблонов - это возможность передавать переменные от сервера к файлу шаблона перед его переносом в HTML. В вашем файле Pug вы собираетесь использовать переменную, ссылаясь на имя переменной как <code>#{variable_name}</code> строке с другим текстом на элементе или используя равную сторону элемента без пробела, такого как <code>p= variable_name</code> которое устанавливает это p элементов текст, равный переменной. Мы настоятельно рекомендуем посмотреть синтаксис и структуру Pug <a href="https://github.com/pugjs/pug">здесь,</a> на их GITUBES README. Мопс - это использование пробелов и вкладок для отображения вложенных элементов и сокращения количества кода, необходимого для создания красивого сайта. Если посмотреть на наш файл-мопс «index.pug», включенный в ваш проект, мы использовали <em>заголовок</em> и <em>сообщение</em> переменных. Чтобы передать их только с нашего сервера, вам нужно будет добавить объект в качестве второго аргумента в ваш <em>res.render</em> с переменными и их значение. Например, передайте этот объект вместе с установкой переменных для вашего индексного представления: <code>{title: &#39;Hello&#39;, message: &#39;Please login&#39;</code> Он должен выглядеть так: <code>res.render(process.cwd() + &#39;/views/pug/index&#39;, {title: &#39;Hello&#39;, message: &#39;Please login&#39;});</code> Обновите свою страницу, и вы увидите те значения, которые отображаются в вашем представлении, в правильном месте, как указано в файле index.pug! Представьте свою страницу, когда вы думаете, что у вас все в порядке. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Моппер отображает переменные правильно
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/") .then(data => { assert.match(data, /pug-variable("|")>Please login/gi, "Your projects home page should now be rendered by pug with the projects .pug file unaltered"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/anonymous-message-board.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/anonymous-message-board.russian.md
new file mode 100644
index 0000000000..214eb3b13c
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/anonymous-message-board.russian.md
@@ -0,0 +1,62 @@
+---
+id: 587d824a367417b2b2512c45
+title: Anonymous Message Board
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: Анонимная доска объявлений
+---
+
+## Description
+<section id="description"> Создайте полное приложение JavaScript для стека, которое функционально похоже на это: <a href="https://horn-celery.glitch.me/" target="_blank">https://horn-celery.glitch.me/</a> . Работа над этим проектом предполагает, что вы будете писать свой код на Glitch в нашем стартовом проекте. После завершения этого проекта вы можете скопировать свой общедоступный URL-адрес глюка (на домашнюю страницу вашего приложения) на этот экран, чтобы проверить его! При желании вы можете написать свой проект на другой платформе, но он должен быть общедоступным для нашего тестирования. Запустите этот проект на Glitch, используя <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-project-messageboard/">эту ссылку</a> или клонируйте <a href="https://github.com/freeCodeCamp/boilerplate-project-messageboard/">этот репозиторий</a> на GitHub! Если вы используете Glitch, не забудьте сохранить ссылку на ваш проект где-нибудь в безопасности! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Только разрешите загрузку вашего сайта в iFrame на ваших собственных страницах.
+    testString: ''
+  - text: Не разрешайте предварительную выборку DNS.
+    testString: ''
+  - text: Только разрешите вашему сайту отправлять реферер для ваших собственных страниц.
+    testString: ''
+  - text: 'Я могу POST поток на конкретную доску объявлений, передавая текст данных формы и удаляя_сопровождение_ на /api/threads/{board}.(Рекомендуем res.redirect на странице платы / b / {board}) Сохранено будет как минимум _id, текст , createdon_ (дата и время), bumpedon_ (дата и время, начинаются так же, как created_on), сообщаются (boolean), deleteepassword_ и ответы (array).'
+    testString: ''
+  - text: 'Я могу отправить ответ на поток на конкретной плате, передав текст данных формы, deleteepassword_, & threadid_ в / api / replies / {board}, а также обновит дату bumped_on до даты комментариев. (Рекомендовать res.redirect to thread page / b / {board} / {thread_id}) В ответном массиве ответов на поток будет сохранен _id, текст, createdon_, deleteepassword_ и & report.'
+    testString: ''
+  - text: 'Я могу получить массив из последних 10 набросанных потоков на плате только с последними 3 ответами из / api / threads / {board}. Поля сообщения и удаления не будут отправлены клиенту.'
+    testString: ''
+  - text: 'Я могу получить весь поток со всеми его ответами из / api / replies / {board}? Thread_id = {thread_id}. Также скрывать те же поля, которые должен видеть клиент.'
+    testString: ''
+  - text: 'Я могу полностью удалить поток, если я отправлю запрос DELETE в / api / threads / {board} и прохожу по файлу threadid_ и deleteepassword_. (Текстовым ответом будет «неправильный пароль» или «успех»)'
+    testString: ''
+  - text: 'Я могу удалить сообщение (просто изменив текст на «[удалено]», вместо того, чтобы полностью удалять его, как поток), если я отправлю запрос DELETE в / api / replies / {board} и прохожу по файлу threadid_, replyid_ и & nbsp; (Текстовым ответом будет «неправильный пароль» или «успех»)'
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/issue-tracker.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/issue-tracker.russian.md
new file mode 100644
index 0000000000..57f2985d93
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/issue-tracker.russian.md
@@ -0,0 +1,54 @@
+---
+id: 587d8249367417b2b2512c42
+title: Issue Tracker
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: Отслеживание проблем
+---
+
+## Description
+<section id="description"> Создайте полное приложение JavaScript для стека, которое функционально похоже на это: <a href="https://protective-garage.glitch.me/" target="_blank">https://protective-garage.glitch.me/</a> . Работа над этим проектом предполагает, что вы будете писать свой код на Glitch в нашем стартовом проекте. После завершения этого проекта вы можете скопировать свой общедоступный URL-адрес глюка (на домашнюю страницу вашего приложения) на этот экран, чтобы проверить его! При желании вы можете написать свой проект на другой платформе, но он должен быть общедоступным для нашего тестирования. Запустите этот проект на Glitch, используя <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-project-issuetracker/">эту ссылку</a> или клонируйте <a href="https://github.com/freeCodeCamp/boilerplate-project-issuetracker/">этот репозиторий</a> на GitHub! Если вы используете Glitch, не забудьте сохранить ссылку на ваш проект где-нибудь в безопасности! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Предотвращение атак типа скриптов (XSS).
+    testString: ''
+  - text: 'Я могу POST / api / issues / {projectname} с данными формы, содержащими требуемые проблемы_имя, issue_text, created_by и необязательные assign_to и status_text.'
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/metric-imperial-converter.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/metric-imperial-converter.russian.md
new file mode 100644
index 0000000000..6184fecb61
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/metric-imperial-converter.russian.md
@@ -0,0 +1,64 @@
+---
+id: 587d8249367417b2b2512c41
+title: Metric-Imperial Converter
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: Метрично-имперский конвертер
+---
+
+## Description
+<section id="description"> Создайте полное приложение JavaScript для стека, которое функционально похоже на это: <a href="https://hard-twilight.glitch.me/" target="_blank">https://hard-twilight.glitch.me/</a> . Работа над этим проектом предполагает, что вы будете писать свой код на Glitch в нашем стартовом проекте. После завершения этого проекта вы можете скопировать свой общедоступный URL-адрес глюка (на домашнюю страницу вашего приложения) на этот экран, чтобы проверить его! При желании вы можете написать свой проект на другой платформе, но он должен быть общедоступным для нашего тестирования. Запустите этот проект на Glitch, используя <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-project-metricimpconverter/">эту ссылку</a> или клонируйте <a href="https://github.com/freeCodeCamp/boilerplate-project-metricimpconverter/">этот репозиторий</a> на GitHub! Если вы используете Glitch, не забудьте сохранить ссылку на ваш проект где-нибудь в безопасности! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Я буду препятствовать клиенту пытаться угадать (обнюхивать) тип MIME.
+    testString: ''
+  - text: Я предотвращу атаки на межсайтовый скриптинг (XSS).
+    testString: ''
+  - text: 'Я могу GET / api / convert с единственным параметром, содержащим принятое число и единицу, и преобразовать его. (Подсказка: разделите вход, ища индекс первого символа, который отметит начало устройства)'
+    testString: ''
+  - text: 'Я могу преобразовать ''gal'' в ''L'' и наоборот. (1 галлон до 3,78541 л)'
+    testString: ''
+  - text: 'Я могу преобразовать ''lbs'' в ''kg'' и наоборот. (От 1 фунта до 0,453592 кг)'
+    testString: ''
+  - text: 'Я могу преобразовать ''mi'' в ''km'' и наоборот. (1 мили до 1,60934 км)'
+    testString: ''
+  - text: 'Если моя единица измерения недействительна, то возвращается «Недействительная единица».'
+    testString: ''
+  - text: 'Если мой номер недействителен, возвращается с «недопустимым номером».'
+    testString: ''
+  - text: 'Если оба значения недействительны, возврат будет «недопустимым числом и единицей».'
+    testString: ''
+  - text: 'Я могу использовать дроби, десятичные знаки или оба в моем параметре (т. Е. 5, 1/2, 2.5 / 6), но если ничего не предусмотрено, оно будет по умолчанию равно 1.'
+    testString: ''
+  - text: 'Мое возвращение будет состоять из initNum, initUnit, returnNum, returnUnit и строковых орфографических единиц в формате «{initNum} {initial_Units} преобразуется в {returnNum} {return_Units}", результат округляется до 5 десятичных знаков в строке.'
+    testString: ''
+  - text: Все 16 модульных тестов завершены и проходят.
+    testString: ''
+  - text: Все 5 функциональных тестов завершены и проходят.
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/personal-library.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/personal-library.russian.md
new file mode 100644
index 0000000000..8cce5b06a6
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/personal-library.russian.md
@@ -0,0 +1,58 @@
+---
+id: 587d824a367417b2b2512c43
+title: Personal Library
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: Персональная библиотека
+---
+
+## Description
+<section id="description"> Создайте полное приложение JavaScript для стека, которое функционально похоже на это: <a href="https://spark-cathedral.glitch.me/" target="_blank">https://spark-cathedral.glitch.me/</a> . Работа над этим проектом предполагает, что вы будете писать свой код на Glitch в нашем стартовом проекте. После завершения этого проекта вы можете скопировать свой общедоступный URL-адрес глюка (на домашнюю страницу вашего приложения) на этот экран, чтобы проверить его! При желании вы можете написать свой проект на другой платформе, но должны быть общедоступны для нашего тестирования. Запустите этот проект на Glitch, используя <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-project-library/">эту ссылку</a> или клонируйте <a href="https://github.com/freeCodeCamp/boilerplate-project-library/">этот репозиторий</a> на GitHub! Если вы используете Glitch, не забудьте сохранить ссылку на ваш проект где-нибудь в безопасности! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ничто из моего сайта не будет кэшироваться в моем клиенте.
+    testString: ''
+  - text: 'Заголовки скажут, что сайт работает на «PHP 4.2.0», хотя это не так (в качестве меры безопасности).'
+    testString: ''
+  - text: 'Я могу опубликовать заголовок в / api / books, чтобы добавить книгу, и будет возвращен объект с названием и уникальным _id.'
+    testString: ''
+  - text: 'Я могу получить / api / books, чтобы получить массив из всех книг, содержащих title, _id и commentcount.'
+    testString: ''
+  - text: 'Я могу получить / api / books / {id} для извлечения одного объекта книги, содержащей _title, _id, и массив комментариев (пустой массив, если нет комментариев).'
+    testString: ''
+  - text: 'Я могу опубликовать комментарий в / api / books / {id}, чтобы добавить комментарий к книге, и будет возвращен объект книги, похожий на get / api / books / {id}, включая новый комментарий.'
+    testString: ''
+  - text: 'Я могу удалить / api / books / {_ id}, чтобы удалить книгу из коллекции. При успешном завершении возвращается «удалять».'
+    testString: ''
+  - text: 'Если я попробую запросить книгу, которая не существует, мне будет возвращена «книга не существует».'
+    testString: ''
+  - text: 'Я могу отправить запрос на удаление в / api / books, чтобы удалить все книги в базе данных. При успешном завершении возвращается «полное удаление успешно».'
+    testString: ''
+  - text: Все 6 необходимых функциональных тестов являются полными и проходят.
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/stock-price-checker.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/stock-price-checker.russian.md
new file mode 100644
index 0000000000..5433958aa3
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-and-quality-assurance-projects/stock-price-checker.russian.md
@@ -0,0 +1,52 @@
+---
+id: 587d824a367417b2b2512c44
+title: Stock Price Checker
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: Проверка цен на акции
+---
+
+## Description
+<section id="description"> Создайте полное приложение JavaScript для стека, которое функционально похоже на это: <a href="https://giant-chronometer.glitch.me/" target="_blank">https://giant-chronometer.glitch.me/</a> . Работа над этим проектом предполагает, что вы будете писать свой код на Glitch в нашем стартовом проекте. После завершения этого проекта вы можете скопировать свой общедоступный URL-адрес глюка (на домашнюю страницу вашего приложения) на этот экран, чтобы проверить его! При желании вы можете написать свой проект на другой платформе, но должны быть общедоступны для нашего тестирования. Запустите этот проект на Glitch, используя <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-project-stockchecker/">эту ссылку</a> или клонируйте <a href="https://github.com/freeCodeCamp/boilerplate-project-stockchecker/">этот репозиторий</a> на GitHub! Если вы используете Glitch, не забудьте сохранить ссылку на ваш проект где-нибудь в безопасности! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Установите политики безопасности содержимого, чтобы разрешить загрузку скриптов и css с вашего сервера.'
+    testString: ''
+  - text: 'Я могу GET / api / биржевые цены с данными формы, содержащими биржевой тикер Nasdaq, и получать обратно объект StockData.'
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+  - text: ''
+    testString: ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.russian.md
new file mode 100644
index 0000000000..11c3536f75
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.russian.md
@@ -0,0 +1,41 @@
+---
+id: 587d8248367417b2b2512c3c
+title: Ask Browsers to Access Your Site via HTTPS Only with helmet.hsts()
+challengeType: 2
+videoUrl: ''
+localeTitle: Попросите Браузеры получить доступ к вашему сайту через HTTPS Только с помощью helmet.hsts ()
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . HTTP Strict Transport Security (HSTS) - это политическая политика веб-безопасности, которая помогает защитить веб-сайты от атак с понижением протокола и захвата файлов cookie. Если ваш веб-сайт можно получить через HTTPS, вы можете попросить браузеры пользователей избегать использования небезопасного HTTP. Установив заголовок Strict-Transport-Security, вы указываете браузерам использовать HTTPS для будущих запросов за определенное время. Это будет работать для запросов, поступивших после первоначального запроса. Настройте helmet.hsts (), чтобы использовать HTTPS в течение следующих 90 дней. Передайте объект конфигурации {maxAge: timeInMilliseconds, force: true}. У глюка уже включен hsts. Чтобы переопределить свои настройки, вам нужно установить для поля «значение силы» значение true в объекте конфигурации. Мы будем перехватывать и восстанавливать заголовок Glitch, после проверки его на тестирование. Примечание. Для настройки HTTPS на пользовательском веб-сайте требуется получение домена и сертификат SSL / TSL. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Средство шлема helmet.hsts () должно быть правильно установлено
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "hsts"); assert.property(data.headers, "strict-transport-security"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: maxAge должно быть равно 7776000 мс (90 дней)
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.match(data.headers["strict-transport-security"], /^max-age=777600000;?/); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.russian.md
new file mode 100644
index 0000000000..e0eacaf827
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.russian.md
@@ -0,0 +1,39 @@
+---
+id: 587d8248367417b2b2512c3a
+title: Avoid Inferring the Response MIME Type with helmet.noSniff()
+challengeType: 2
+videoUrl: ''
+localeTitle: Избегайте вызывать тип MIME ответа с помощью helmet.noSniff ()
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . Браузеры могут использовать контент или MIME-нюхание, чтобы адаптироваться к различным типам данных, исходящим из ответа. Они переопределяют заголовки Content-Type для угадывания и обработки данных. Хотя это может быть удобно в некоторых сценариях, это также может привести к некоторым опасным атакам. Это промежуточное ПО устанавливает заголовок X-Content-Type-Options в nosniff. Это указывает браузеру не обходить предоставленный Content-Type. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Средство шлема helmet.noSniff () должно быть правильно установлено
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "nosniff"); assert.equal(data.headers["x-content-type-options"], "nosniff"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.russian.md
new file mode 100644
index 0000000000..f2be18d714
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.russian.md
@@ -0,0 +1,39 @@
+---
+id: 587d8249367417b2b2512c40
+title: Configure Helmet Using the ‘parent’ helmet() Middleware
+challengeType: 2
+videoUrl: ''
+localeTitle: Настройка шлема Использование «родительского» шлема () Middleware
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . app.use (helmet ()) будет автоматически включать все промежуточное программное обеспечение, введенное выше, за исключением noCache () и contentSecurityPolicy (), но при необходимости они могут быть активированы. Вы также можете отключить или настроить любое другое промежуточное программное обеспечение индивидуально, используя объект конфигурации. // Пример <code>app.use(helmet({</code> <code>frameguard: { // configure</code> <code>action: &#39;deny&#39;</code> <code>},</code> <code>contentSecurityPolicy: { // enable and configure</code> <code>directives: {</code> <code>defaultSrc: [&quot;self&quot;],</code> <code>styleSrc: [&#39;style.com&#39;],</code> <code>}</code> <code>},</code> <code>dnsPrefetchControl: false // disable</code> <code>}))</code> Мы вводили каждое промежуточное программное обеспечение отдельно для целей обучения и для удобства тестирования. Использование «родительского» шлема () промежуточного программного обеспечения является самым простым и более чистым, для реального проекта. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: нет тестов - это описательная задача
+    testString: assert(true)
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.russian.md
new file mode 100644
index 0000000000..d3a7d12786
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.russian.md
@@ -0,0 +1,39 @@
+---
+id: 587d8249367417b2b2512c3e
+title: Disable Client-Side Caching with helmet.noCache()
+challengeType: 2
+videoUrl: ''
+localeTitle: Отключить кэширование на стороне клиента с помощью helmet.noCache ()
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . Если вы выпускаете обновление для своего сайта и хотите, чтобы пользователи всегда загружали более новую версию, вы можете (попытаться) отключить кеширование в браузере клиента. Это может быть полезно и в разработке. Кэширование имеет преимущества производительности, которые вы потеряете, поэтому используйте эту опцию только тогда, когда есть настоящая необходимость. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Средство шлема helmet.noCache () должно быть правильно установлено
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "nocache"); assert.equal(data.headers["cache-control"], "no-store, no-cache, must-revalidate, proxy-revalidate"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.russian.md
new file mode 100644
index 0000000000..d35506c3bc
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.russian.md
@@ -0,0 +1,39 @@
+---
+id: 587d8248367417b2b2512c3d
+title: Disable DNS Prefetching with helmet.dnsPrefetchControl()
+challengeType: 2
+videoUrl: ''
+localeTitle: Отключить предварительную выборку DNS с помощью helmet.dnsPrefetchControl ()
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . Чтобы повысить производительность, большинство браузеров предварительно выбирают записи DNS для ссылок на странице. Таким образом, IP-адрес назначения уже известен, когда пользователь нажимает на ссылку. Это может привести к чрезмерному использованию службы DNS (если у вас есть большой веб-сайт, посетивший миллионы людей ...), вопросы конфиденциальности (один подслушиватель может сделать вывод о том, что вы находитесь на определенной странице) или изменение статистики страницы (некоторые ссылки могут появляются, даже если их нет). Если у вас есть высокая безопасность, вы можете отключить предварительную выборку DNS за счет штрафа за производительность. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Средство helmet.dnsPrefetchControl () должно быть правильно установлено
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "dnsPrefetchControl"); assert.equal(data.headers["x-dns-prefetch-control"], "off"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.russian.md
new file mode 100644
index 0000000000..063853028f
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.russian.md
@@ -0,0 +1,44 @@
+---
+id: 58a25bcff9fc0f352b528e7d
+title: Hash and Compare Passwords Asynchronously
+challengeType: 2
+videoUrl: ''
+localeTitle: Хэш и сравнение паролей асинхронно
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-bcrypt/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-bcrypt/">GitHub</a> . Поскольку хеширование рассчитано на интенсивность вычислений, рекомендуется делать это асинхронно на вашем сервере, чтобы избежать блокировки входящих соединений, пока вы hash. Все, что вам нужно сделать для хэша, асинхронный пароль - это вызов <code>bcrypt.hash(myPlaintextPassword, saltRounds, (err, hash) =&gt; { /*Store hash in your db*/ });</code> <hr> Добавьте эту хеширующую функцию на свой сервер (мы уже определили переменные, используемые в этой функции для вас) и запишите ее на консоль, чтобы вы ее увидели! На этом этапе вы обычно сохраняете хэш в своей базе данных. Теперь, когда вам нужно выяснить, являются ли новые данные теми же данными, что и хеш, вы просто используете функцию сравнения <code>bcrypt.compare(myPlaintextPassword, hash, (err, res) =&gt; { /*res == true or false*/ });</code> , Добавьте это в свою существующую хеш-функцию (поскольку вам нужно дождаться завершения хеша до вызова функции сравнения) после того, как вы зарегистрируете завершенный хэш и запишите «res» на консоль в сравнении. Вы должны увидеть в консоли хэш, тогда напечатано «true»! Если вы измените «myPlaintextPassword» в функции сравнения на «someOtherPlaintextPassword», тогда он должен сказать false. <pre> bcrypt.hash (&#39;passw0rd!&#39;, 13, (err, hash) =&gt; {
+  console.log (хэш); //$2a$12$Y.PHPE15wR25qrrtgGkiYe2sXo98cjuMCG1YwSI5rJW1DSJp0gEYS
+  bcrypt.compare (&#39;passw0rd!&#39;, hash, (err, res) =&gt; {
+      console.log (RES); //правда
+  });
+}); </pre> Представьте свою страницу, когда вы думаете, что у вас все в порядке. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Асинхронный хэш генерируется и правильно сравнивается
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /START_ASYNC[^]*bcrypt.hash.*myPlaintextPassword( |),( |)saltRounds( |),( |).*err( |),( |)hash[^]*END_ASYNC/gi, "You should call bcrypt.hash on myPlaintextPassword and saltRounds and handle err and hash as a result in the callback"); assert.match(data, /START_ASYNC[^]*bcrypt.hash[^]*bcrypt.compare.*myPlaintextPassword( |),( |)hash( |),( |).*err( |),( |)res[^]*}[^]*}[^]*END_ASYNC/gi, "Nested within the hash function should be the compare function comparing myPlaintextPassword to hash"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.russian.md
new file mode 100644
index 0000000000..2c7a6d0e71
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.russian.md
@@ -0,0 +1,39 @@
+---
+id: 58a25bcff9fc0f352b528e7e
+title: Hash and Compare Passwords Synchronously
+challengeType: 2
+videoUrl: ''
+localeTitle: Синхронизировать и синхронизировать пароли
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-bcrypt/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-bcrypt/">GitHub</a> . Хеширование синхронно так же легко сделать, но может вызвать отставание, если использовать его на стороне сервера с высокой стоимостью или с хешированием, сделанным очень часто. Хеширование с помощью этого метода так же просто, как вызов <code>var hash = bcrypt.hashSync(myPlaintextPassword, saltRounds);</code> <hr> Добавьте этот метод хэширования к вашему коду, а затем запишите результат на консоль. Опять же, используемые переменные уже определены на сервере, поэтому вам не нужно их корректировать. Вы можете заметить, что даже если вы используете тот же пароль, что и в асинхронной функции, результат в консоли отличается - это связано с тем, что соль произвольно генерируется каждый раз, как видно из первых 22 символов в третьей строке хэша , Теперь, чтобы сравнить ввод пароля с новым хэшем синхронизации, вы должны использовать метод compareSync: <code>var result = bcrypt.compareSync(myPlaintextPassword, hash);</code> с результатом будет логическое значение true или false. Добавьте эту функцию и войдите в консоль в результате, чтобы увидеть ее работу. Представьте свою страницу, когда вы думаете, что у вас все в порядке. Если вы столкнулись с ошибками во время этих проблем , вы посмотрите на пример завершенного код можно <a href="https://gist.github.com/JosephLivengood/9a2698fb63e42d9d8b4b84235c08b4c4">здесь</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Синхронизированный хэш генерируется и правильно сравнивается
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js") .then(data => { assert.match(data, /START_SYNC[^]*hash.*=.*bcrypt.hashSync.*myPlaintextPassword( |),( |)saltRounds[^]*END_SYNC/gi, "You should call bcrypt.hashSync on myPlaintextPassword with saltRounds"); assert.match(data, /START_SYNC[^]*result.*=.*bcrypt.compareSync.*myPlaintextPassword( |),( |)hash[^]*END_SYNC/gi, "You should call bcrypt.compareSync on myPlaintextPassword with the hash generated in the last line"); }, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.russian.md
new file mode 100644
index 0000000000..49747c6e02
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.russian.md
@@ -0,0 +1,39 @@
+---
+id: 587d8247367417b2b2512c37
+title: Hide Potentially Dangerous Information Using helmet.hidePoweredBy()
+challengeType: 2
+videoUrl: ''
+localeTitle: Скрыть потенциально опасную информацию Использование helmet.hidePoweredBy ()
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . Хакеры могут использовать известные уязвимости в Express / Node, если они видят, что ваш сайт работает от Express. X-Powered-By: Экспресс отправляется по каждому запросу, поступающему из Express по умолчанию. Средство helmet.hidePoweredBy () удалит заголовок X-Powered-By. Вы также можете явно настроить заголовок на что-то еще, чтобы отключить людей. например app.use (helmet.hidePoweredBy ({setTo: &#39;PHP 4.2.0&#39;})) </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: helmet.hidePoweredBy () должно быть правильно установлено
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "hidePoweredBy"); assert.notEqual(data.headers["x-powered-by"], "Express")}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/install-and-require-helmet.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/install-and-require-helmet.russian.md
new file mode 100644
index 0000000000..40979c136b
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/install-and-require-helmet.russian.md
@@ -0,0 +1,39 @@
+---
+id: 587d8247367417b2b2512c36
+title: Install and Require Helmet
+challengeType: 2
+videoUrl: ''
+localeTitle: Установить и потребовать шлем
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . Шлем помогает защитить ваши приложения Express, установив различные заголовки HTTP. Установите пакет, а затем выполните его. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Зависимость «шлема» должна быть в package.json
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/package.json").then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "helmet"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.russian.md
new file mode 100644
index 0000000000..3740964b72
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.russian.md
@@ -0,0 +1,41 @@
+---
+id: 587d8247367417b2b2512c38
+title: Mitigate the Risk of Clickjacking with helmet.frameguard()
+challengeType: 2
+videoUrl: ''
+localeTitle: Смягчить риск перетаскивания с помощью шлема.frameguard ()
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . Ваша страница может быть помещена в <code>&lt;frame&gt;</code> или <code>&lt;iframe&gt;</code> без вашего согласия. Это, в частности, может привести к атакам с помощью clickjacking. Clickjacking - это метод обмана пользователя во взаимодействии со страницей, отличной от того, что, по мнению пользователя, является. Это может быть достигнуто при выполнении вашей страницы во вредоносном контексте с помощью iframing. В этом контексте хакер может поместить скрытый слой поверх вашей страницы. Скрытые кнопки могут использоваться для запуска плохих сценариев. Это промежуточное программное обеспечение устанавливает заголовок X-Frame-Options. Он ограничивает, кто может разместить ваш сайт в кадре. Он имеет три режима: DENY, SAMEORIGIN и ALLOW-FROM. Нам не нужно, чтобы наше приложение было обрамлено. Вы должны использовать <code>helmet.frameguard()</code> передавая объект конфигурации <code>{action: &#39;deny&#39;}</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: шлема.frameguard () должно быть правильно установлено
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "frameguard", "helmet.frameguard() middleware is not mounted correctly"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: helmet.frameguard () 'action' должно быть установлено в 'DENY'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.property(data.headers, "x-frame-options"); assert.equal(data.headers["x-frame-options"], "DENY");}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.russian.md
new file mode 100644
index 0000000000..9420a66b22
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.russian.md
@@ -0,0 +1,39 @@
+---
+id: 587d8247367417b2b2512c39
+title: Mitigate the Risk of Cross Site Scripting (XSS) Attacks with helmet.xssFilter()
+challengeType: 2
+videoUrl: ''
+localeTitle: Смягчить риск использования сценариев Cross Site Scripting (XSS) с помощью helmet.xssFilter ()
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . Межсайтовый скриптинг (XSS) является частым типом атаки, когда вредоносные скрипты вводятся на уязвимые страницы с целью кражи конфиденциальных данных, таких как файлы cookie сеансов или пароли. Основное правило снизить риск атаки XSS очень просто: «Никогда не доверяйте пользовательскому вводу». Как разработчик, вы всегда должны дезинфицировать все входящие извне. Сюда входят данные, поступающие из форм, URL-адреса запроса GET и даже из органов POST. Sanitizing означает, что вы должны найти и закодировать символы, которые могут быть опасны, например &lt;,&gt;. Современные браузеры могут помочь смягчить риск, приняв более совершенные стратегии программного обеспечения. Часто они настраиваются через заголовки http. HTTP-заголовок X-XSS-Protection является основной защитой. Браузер обнаруживает потенциальный вложенный сценарий с использованием эвристического фильтра. Если заголовок включен, браузер меняет код сценария, нейтрализуя его. Он по-прежнему имеет ограниченную поддержку. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Средство шлема helmet.xssFilter () должно быть правильно установлено
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "xXssProtection"); assert.property(data.headers, "x-xss-protection"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.russian.md
new file mode 100644
index 0000000000..ed69cc97c7
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.russian.md
@@ -0,0 +1,39 @@
+---
+id: 587d8248367417b2b2512c3b
+title: Prevent IE from Opening Untrusted HTML with helmet.ieNoOpen()
+challengeType: 2
+videoUrl: ''
+localeTitle: Предотвратите запуск IE из ненадежного HTML с помощью helmet.ieNoOpen ()
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . Некоторые веб-приложения будут служить ненадежным HTML для загрузки. Некоторые версии Internet Explorer по умолчанию открывают эти HTML-файлы в контексте вашего сайта. Это означает, что ненадежная HTML-страница может начать делать плохие вещи в контексте ваших страниц. Это промежуточное ПО устанавливает заголовок X-Download-Options в noopen. Это не позволит пользователям IE выполнять загрузку в контексте доверенного сайта. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Средство шлема helmet.ieNoOpen () должно быть правильно установлено
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "ienoopen"); assert.equal(data.headers["x-download-options"], "noopen"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.russian.md
new file mode 100644
index 0000000000..6ee5dd6244
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.russian.md
@@ -0,0 +1,41 @@
+---
+id: 587d8249367417b2b2512c3f
+title: Set a Content Security Policy with helmet.contentSecurityPolicy()
+challengeType: 2
+videoUrl: ''
+localeTitle: Задайте политику безопасности контента с помощью helmet.contentSecurityPolicy ()
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-infosec/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-infosec/">GitHub</a> . Эта проблема подчеркивает одну многообещающую новую защиту, которая может значительно снизить риск и влияние многих типов атак в современных браузерах. Установив и настроив политику безопасности контента, вы можете предотвратить ввод чего-либо непредвиденного в вашу страницу. Это защитит ваше приложение от уязвимостей XSS, нежелательного отслеживания, вредоносных фреймов и т. Д. CSP работает, определяя белый список источников контента, которым доверяют. Вы можете настроить их для каждого вида ресурсов, которые могут понадобиться веб-странице (скрипты, таблицы стилей, шрифты, фреймы, медиа и т. Д.). Существует несколько директив, поэтому владелец веб-сайта может иметь подробный контроль. См. HTML 5 Rocks, KeyCDN для более подробной информации. К сожалению, CSP не поддерживается старым браузером. По умолчанию директивы широко открыты, поэтому важно установить директиву defaultSrc как резервную. Шлем поддерживает стили именования defaultSrc и default-src. Отказ применяется к большинству неуказанных директив. В этом упражнении используйте helmet.contentSecurityPolicy () и настройте его, указав директиву по умолчаниюSrc на [&quot;self&quot;] (список разрешенных источников должен быть в массиве), чтобы по умолчанию доверять только ваш адрес веб-сайта. Задайте также директиву scriptSrc, чтобы разрешить загрузку скриптов с вашего сайта и из домена «trusted-cdn.com». Подсказка: в ключе «ключевое слово» одиночные кавычки являются частью самого ключевого слова, поэтому его нужно заключить в двойные кавычки для работы. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Средство шлема helmet.csp () должно быть правильно установлено
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { assert.include(data.appStack, "csp"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 'Неверная конфигурация csp. defaultSrc должен быть ["" self ""], а scriptSrc должен быть ["" self "", "trusted-cdn.com"]'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/app-info").then(data => { var cspHeader = Object.keys(data.headers).filter(function(k){ return k === "content-security-policy" || k === "x-webkit-csp" || k === "x-content-security-policy" })[0]; assert.equal(data.headers[cspHeader], "default-src "self"; script-src "self" trusted-cdn.com"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/understand-bcrypt-hashes.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/understand-bcrypt-hashes.russian.md
new file mode 100644
index 0000000000..511e0e4501
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/information-security-with-helmetjs/understand-bcrypt-hashes.russian.md
@@ -0,0 +1,41 @@
+---
+id: 58a25bcef9fc0f352b528e7c
+title: Understand BCrypt Hashes
+challengeType: 2
+videoUrl: ''
+localeTitle: Понимание
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-bcrypt/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-bcrypt/">GitHub</a> . Хэши BCrypt очень надежны. Хэш - это в основном отпечаток исходных данных - всегда уникальный. Это достигается путем подачи исходных данных в алгоритм и возврата результата фиксированной длины. Чтобы еще больше усложнить этот процесс и сделать его более безопасным, вы также можете <em>солить</em> свой хэш. Соление вашего хеша включает в себя добавление случайных данных в исходные данные до процесса хэширования, что еще более усложняет процесс хэширования. Хэши BCrypt всегда будут выглядеть как <code>$2a$13$ZyprE5MRw2Q3WpNOGZWGbeG7ADUre1Q8QO.uUUtcbqloU0yvzavOm</code> который имеет структуру. Первый маленький бит данных <code>$2a</code> определяет, какой хэш-алгоритм использовался. Следующая часть <code>$13</code> определяет <em>стоимость</em> . Стоимость - это то, сколько энергии требуется для вычисления хэша. Он находится в логарифмическом масштабе 2 ^ стоимости и определяет, сколько раз данные передаются через алгоритм хеширования. Например, по цене 10 вы можете хэш-код на 10 паролей на среднем компьютере, однако по цене 15 требуется 3 секунды за хэш ... и взять его дальше, по цене 31 требуется несколько дней для завершения хэша. В настоящее время стоимость 12 считается очень безопасной. Последняя часть вашего хэша <code>$ZyprE5MRw2Q3WpNOGZWGbeG7ADUre1Q8QO.uUUtcbqloU0yvzavOm</code> , выглядит как 1 большая строка чисел, периодов и букв, но на самом деле это две отдельные части информации. Первые 22 символа - соль в обычном тексте, а остальные - хешированный пароль! <hr> Чтобы начать использовать BCrypt, добавьте его как зависимость в свой проект и потребуйте его как «bcrypt» на вашем сервере. Представьте свою страницу, когда вы думаете, что у вас все в порядке. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: BCyrpt - зависимость
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/package.json") .then(data => { var packJson = JSON.parse(data); assert.property(packJson.dependencies, "bcrypt", "Your project should list "bcrypt" as a dependency"); }, xhr => { throw new Error(xhr.statusText); })'
+  - text: BCrypt был должным образом
+    testString: 'getUserInput => $.get(getUserInput("url")+ "/_api/server.js").then(data => {assert.match(data, /bcrypt.*=.*require.*("|")bcrypt("|")/gi, "You should correctly require and instantiate socket.io as io.");}, xhr => { throw new Error(xhr.statusText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/assert-deep-equality-with-.deepequal-and-.notdeepequal.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/assert-deep-equality-with-.deepequal-and-.notdeepequal.russian.md
new file mode 100644
index 0000000000..8968e95649
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/assert-deep-equality-with-.deepequal-and-.notdeepequal.russian.md
@@ -0,0 +1,43 @@
+---
+id: 587d824c367417b2b2512c4c
+title: Assert Deep Equality with .deepEqual and .notDeepEqual
+challengeType: 2
+videoUrl: ''
+localeTitle: Утвердить глубокое равенство с .deepEqual и .notDeepEqual
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . .deepEqual (), .notDeepEqual () .deepEqual () утверждает, что два объекта имеют глубокую равность </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все испытания должны пройти
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=6").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - deepEqual vs. notDeepEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=6").then(data => {  assert.equal(data.assertions[0].method, "deepEqual", "The order of the keys does not matter"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - deepEqual vs. notDeepEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=6").then(data => {  assert.equal(data.assertions[1].method, "notDeepEqual", "The position of elements within an array does matter"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/compare-the-properties-of-two-elements.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/compare-the-properties-of-two-elements.russian.md
new file mode 100644
index 0000000000..f48f1add43
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/compare-the-properties-of-two-elements.russian.md
@@ -0,0 +1,47 @@
+---
+id: 587d824c367417b2b2512c4d
+title: Compare the Properties of Two Elements
+challengeType: 2
+videoUrl: ''
+localeTitle: Сравните свойства двух элементов
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . .isAbove () =&gt; a&gt; b, .isAtMost () =&gt; a &lt;= b </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все испытания должны пройти
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isAbove vs. isAtMost
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {  assert.equal(data.assertions[0].method, "isAtMost", "5 is at most (<=) 5"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isAbove vs. isAtMost
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {  assert.equal(data.assertions[1].method, "isAbove", "1 is greater than 0"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isAbove vs. isAtMost
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {  assert.equal(data.assertions[2].method, "isAbove", "Math.PI = 3.14159265 is greater than 3"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isAbove vs. isAtMost
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=7").then(data => {  assert.equal(data.assertions[3].method, "isAtMost", "1 - Math.random() is > 0 and <= 1. It is atMost 1 !"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/learn-how-javascript-assertions-work.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/learn-how-javascript-assertions-work.russian.md
new file mode 100644
index 0000000000..7e18d7e85a
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/learn-how-javascript-assertions-work.russian.md
@@ -0,0 +1,42 @@
+---
+id: 587d824a367417b2b2512c46
+title: Learn How JavaScript Assertions Work
+challengeType: 2
+videoUrl: ''
+localeTitle: 'Узнайте, как работают JavaScript-утверждения'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=0").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=0").then(data => {  assert.equal(data.assertions[0].method, "isNull", "Null is null"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isNull vs. isNotNull
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=0").then(data => {  assert.equal(data.assertions[1].method, "isNotNull", "1 is not null"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iii---put-method.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iii---put-method.russian.md
new file mode 100644
index 0000000000..b1d3193fb3
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iii---put-method.russian.md
@@ -0,0 +1,47 @@
+---
+id: 587d824f367417b2b2512c5a
+title: Run Functional Tests on an API Response using Chai-HTTP III - PUT method
+challengeType: 2
+videoUrl: ''
+localeTitle: Запуск функциональных тестов при ответе API с использованием метода Chai-HTTP III - PUT
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . В следующем примере мы увидим, как отправлять данные в полезную нагрузку (тело) запроса. Мы собираемся протестировать запрос PUT. Конечная точка «/ путешественников» принимает объект JSON, который принимает структуру: {фамилия: [фамилия путешественника прошлого]}. Маршрут отвечает: {name: [имя], фамилия: [фамилия], даты : [birth - death years]} см. код сервера для получения более подробной информации. Отправить {фамилия: «Коломбо»}. Замените assert.fail () и выполните тестовый проход. Проверить 1) статус, 2) тип, 3) body.name, 4) body.surname Следуйте приведенному выше порядку утверждения, мы полагаемся на него. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все испытания должны пройти
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 'Вы должны проверить, чтобы «res.status» составлял 200'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.assertions[0].method, "equal"); assert.equal(data.assertions[0].args[0], "res.status"); assert.equal(data.assertions[0].args[1], "200");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: 'Вы должны проверить, чтобы ''res.type'' был ''application / json'''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.assertions[1].method, "equal"); assert.equal(data.assertions[1].args[0], "res.type"); assert.equal(data.assertions[1].args[1], "\"application/json\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: Вы должны проверить «res.body.name» на «Cristoforo»
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.assertions[2].method, "equal"); assert.equal(data.assertions[2].args[0], "res.body.name"); assert.equal(data.assertions[2].args[1], "\"Cristoforo\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: 'Вы должны проверить, что «res.body.surname» является «Colombo»'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=2").then(data => { assert.equal(data.assertions[3].method, "equal"); assert.equal(data.assertions[3].args[0], "res.body.surname"); assert.equal(data.assertions[3].args[1], "\"Colombo\"");}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iv---put-method.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iv---put-method.russian.md
new file mode 100644
index 0000000000..58aa07dd0e
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iv---put-method.russian.md
@@ -0,0 +1,47 @@
+---
+id: 587d824f367417b2b2512c5b
+title: Run Functional Tests on an API Response using Chai-HTTP IV - PUT method
+challengeType: 2
+videoUrl: ''
+localeTitle: Запуск функциональных тестов при ответе API с использованием метода Chai-HTTP IV - PUT
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . Это упражнение аналогично предыдущему. Посмотрите на это для деталей. Отправить {фамилия: &#39;da Verrazzano&#39;}. Замените assert.fail () и выполните тестовый проход. Проверить 1) статус, 2) тип, 3) body.name, 4) body.surname Следуйте приведенному выше порядку утверждения, мы полагаемся на него. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все испытания должны пройти
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 'Вы должны проверить, чтобы «res.status» составлял 200'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.assertions[0].method, "equal"); assert.equal(data.assertions[0].args[0], "res.status"); assert.equal(data.assertions[0].args[1], "200");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: 'Вы должны проверить, чтобы ''res.type'' был ''application / json'''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.assertions[1].method, "equal"); assert.equal(data.assertions[1].args[0], "res.type"); assert.equal(data.assertions[1].args[1], "\"application/json\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: Вы должны проверить «res.body.name» на «Giovanni»
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.assertions[2].method, "equal"); assert.equal(data.assertions[2].args[0], "res.body.name"); assert.equal(data.assertions[2].args[1], "\"Giovanni\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: Вы должны проверить «res.body.surname» на «da Verrazzano»
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=3").then(data => { assert.equal(data.assertions[3].method, "equal"); assert.equal(data.assertions[3].args[0], "res.body.surname"); assert.equal(data.assertions[3].args[1], "\"da Verrazzano\"");}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http-ii.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http-ii.russian.md
new file mode 100644
index 0000000000..c7e7407da7
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http-ii.russian.md
@@ -0,0 +1,42 @@
+---
+id: 587d824f367417b2b2512c59
+title: Run Functional Tests on API Endpoints using Chai-HTTP II
+challengeType: 2
+videoUrl: ''
+localeTitle: Запуск функциональных тестов на конечных точках API с использованием Chai-HTTP II
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=1").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=1").then(data => { assert.equal(data.assertions[0].method, "equal"); assert.equal(data.assertions[0].args[0], "res.status"); assert.equal(data.assertions[0].args[1], "200");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=1").then(data => { assert.equal(data.assertions[1].method, "equal"); assert.equal(data.assertions[1].args[0], "res.text"); assert.match(data.assertions[1].args[1], /hello [\w\d_-]/);}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http.russian.md
new file mode 100644
index 0000000000..4fc7bf316d
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http.russian.md
@@ -0,0 +1,43 @@
+---
+id: 587d824e367417b2b2512c58
+title: Run Functional Tests on API Endpoints using Chai-HTTP
+challengeType: 2
+videoUrl: ''
+localeTitle: Запуск функциональных тестов на конечных точках API с использованием Chai-HTTP
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . Замените assert.fail (). Проверьте состояние и текст. Пройдите тест. Не отправляйте имя в запросе, а конечная точка отвечает «hello Guest». </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все испытания должны пройти
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=0").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Вы должны проверить для 'res.status' == 200
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=0").then(data => { assert.equal(data.assertions[0].method, "equal"); assert.equal(data.assertions[0].args[0], "res.status"); assert.equal(data.assertions[0].args[1], "200");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: Вы должны проверить для 'res.text' == 'hello Guest'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=0").then(data => { assert.equal(data.assertions[1].method, "equal"); assert.equal(data.assertions[1].args[0], "res.text"); assert.equal(data.assertions[1].args[1], "\"hello Guest\"");}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser-ii.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser-ii.russian.md
new file mode 100644
index 0000000000..89f5946e24
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser-ii.russian.md
@@ -0,0 +1,47 @@
+---
+id: 587d8250367417b2b2512c5d
+title: Run Functional Tests using a Headless Browser II
+challengeType: 2
+videoUrl: ''
+localeTitle: Запуск функциональных тестов с использованием безгласного браузера II
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . Это упражнение аналогично предыдущему. Посмотрите на код для маршрутов. Следуйте порядку утверждений, мы полагаемся на это. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все испытания должны пройти
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 'утверждать, что запрос без браузера'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.assertions[0].method, "browser.success"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 'утверждают, что текст внутри элемента «span # name» - это «Amerigo»,'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.assertions[1].method, "browser.text"); assert.equal(data.assertions[1].args[0], "\"span#name\""); assert.equal(data.assertions[1].args[1], "\"Amerigo\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: 'утверждают, что текст внутри элемента «span # фамилия» является «Vespucci»'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.assertions[2].method, "browser.text"); assert.equal(data.assertions[2].args[0], "\"span#surname\""); assert.equal(data.assertions[2].args[1], "\"Vespucci\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: 'утверждают, что существует элемент «span # dates», и его счет равен 1'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=5").then(data => { assert.equal(data.assertions[3].method, "browser.element"); assert.equal(data.assertions[3].args[0], "\"span#dates\""); assert.equal(data.assertions[3].args[1], 1);}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser.russian.md
new file mode 100644
index 0000000000..d50ca35a77
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser.russian.md
@@ -0,0 +1,46 @@
+---
+id: 587d824f367417b2b2512c5c
+title: Run Functional Tests using a Headless Browser
+challengeType: 2
+videoUrl: ''
+localeTitle: Запуск функциональных тестов с использованием безгласного браузера
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.assertions[0].method, "browser.success"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.assertions[1].method, "browser.text"); assert.equal(data.assertions[1].args[0], "\"span#name\""); assert.equal(data.assertions[1].args[1], "\"Cristoforo\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.assertions[2].method, "browser.text"); assert.equal(data.assertions[2].args[0], "\"span#surname\""); assert.equal(data.assertions[2].args[1], "\"Colombo\"");}, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=functional&n=4").then(data => { assert.equal(data.assertions[3].method, "browser.element"); assert.equal(data.assertions[3].args[0], "\"span#dates\""); assert.equal(data.assertions[3].args[1], 1);}, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-for-truthiness.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-for-truthiness.russian.md
new file mode 100644
index 0000000000..8862357962
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-for-truthiness.russian.md
@@ -0,0 +1,45 @@
+---
+id: 587d824b367417b2b2512c49
+title: Test for Truthiness
+challengeType: 2
+videoUrl: ''
+localeTitle: Тест на правду
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . Используйте assert.isTrue () или assert.isNotTrue (), чтобы пройти тесты. .isTrue (true) и .isNotTrue (все остальное). .isFalse () и .isNotFalse () также существуют. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все испытания должны пройти
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=3").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isTrue vs. isNotTrue
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=3").then(data => {  assert.equal(data.assertions[0].method, "isTrue", "True is true"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isTrue vs. isNotTrue
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=3").then(data => {  assert.equal(data.assertions[1].method, "isTrue", "Double negation of a truthy value is true"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isTrue vs. isNotTrue
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=3").then(data => {  assert.equal(data.assertions[2].method, "isNotTrue", "A truthy object is not true - neither is a false one"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-string-contains-a-substring.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-string-contains-a-substring.russian.md
new file mode 100644
index 0000000000..c675f46f73
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-string-contains-a-substring.russian.md
@@ -0,0 +1,43 @@
+---
+id: 587d824d367417b2b2512c53
+title: Test if a String Contains a Substring
+challengeType: 2
+videoUrl: ''
+localeTitle: 'Проверьте, содержит ли строка String подстроку'
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . #include (on #notInclude) также работает для строк! Он утверждает, что фактическая строка содержит ожидаемую подстроку </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все испытания должны пройти
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=13").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - include vs. notInclude
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=13").then(data => {  assert.equal(data.assertions[0].method, "include", "\"Arrow\" contains \"row\"..."); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - include vs. notInclude
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=13").then(data => {  assert.equal(data.assertions[1].method, "notInclude", "... a \"dart\" doesn\"t contain a \"queue\""); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-falls-within-a-specific-range.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-falls-within-a-specific-range.russian.md
new file mode 100644
index 0000000000..6592597b41
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-falls-within-a-specific-range.russian.md
@@ -0,0 +1,43 @@
+---
+id: 587d824c367417b2b2512c4f
+title: Test if a Value Falls within a Specific Range
+challengeType: 2
+videoUrl: ''
+localeTitle: 'Проверьте, падает ли значение в пределах определенного диапазона'
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . (приблизительный) (фактический, ожидаемый, диапазон, [сообщение]) actual = expected +/- range Выберите минимальный диапазон (третий параметр), чтобы тест всегда проходил, он должен быть меньше 1 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все испытания должны пройти
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=9").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 'Используйте приблизительно (фактический, ожидаемый, диапазон) - выберите правильный диапазон'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=9").then(data => {  assert.equal(data.assertions[0].method, "approximately");  assert.equal(data.assertions[0].args[2], 0.5, "weirdNumbers(0.5) is in the range (0.5, 1.5]. It\"s within 1 +/- 0.5"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: 'Используйте приблизительно (фактический, ожидаемый, диапазон) - выберите правильный диапазон'
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=9").then(data => {  assert.equal(data.assertions[1].method, "approximately");  assert.equal(data.assertions[1].args[2], 0.8, "weirdNumbers(0.2) is in the range (0.2, 1.2]. It\"s within 1 +/- 0.8"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-a-string.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-a-string.russian.md
new file mode 100644
index 0000000000..beb4f0c370
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-a-string.russian.md
@@ -0,0 +1,45 @@
+---
+id: 587d824d367417b2b2512c52
+title: Test if a Value is a String
+challengeType: 2
+videoUrl: ''
+localeTitle: 'Проверьте, является ли значение строкой'
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . #isString утверждает, что фактическое значение является строкой. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все испытания должны пройти
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=12").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isString vs. isNotString
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=12").then(data => {  assert.equal(data.assertions[0].method, "isNotString", "A float number is not a string"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isString vs. isNotString
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=12").then(data => {  assert.equal(data.assertions[1].method, "isString", "environment vars are strings (or undefined)"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isString vs. isNotString
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=12").then(data => {  assert.equal(data.assertions[2].method, "isString", "A JSON is a string"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-an-array.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-an-array.russian.md
new file mode 100644
index 0000000000..f58457b98a
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-an-array.russian.md
@@ -0,0 +1,43 @@
+---
+id: 587d824d367417b2b2512c50
+title: Test if a Value is an Array
+challengeType: 2
+videoUrl: ''
+localeTitle: 'Проверьте, является ли значение массивом'
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все испытания должны пройти
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=10").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isArray vs. isNotArray
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=10").then(data => {  assert.equal(data.assertions[0].method, "isArray", "String.prototype.split() returns an Array"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isArray vs. isNotArray
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=10").then(data => {  assert.equal(data.assertions[1].method, "isNotArray", "Array.prototype.indexOf() returns a number"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-of-a-specific-data-structure-type.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-of-a-specific-data-structure-type.russian.md
new file mode 100644
index 0000000000..be971bab06
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-of-a-specific-data-structure-type.russian.md
@@ -0,0 +1,49 @@
+---
+id: 587d824e367417b2b2512c56
+title: Test if a Value is of a Specific Data Structure Type
+challengeType: 2
+videoUrl: ''
+localeTitle: 'Проверьте, соответствует ли значение конкретному типу структуры данных'
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . #typeOf утверждает, что тип значения - заданная строка, как определено Object.prototype.toString. Используйте #typeOf или #notTypeOf, где это необходимо </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все испытания должны пройти
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - typeOf vs. notTypeOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[0].method, "typeOf", "myCar is typeOf Object"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - typeOf vs. notTypeOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[1].method, "typeOf", "Car.model is a String"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - typeOf vs. notTypeOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[2].method, "notTypeOf", "Plane.wings is a Number (not a String)"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - typeOf vs. notTypeOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[3].method, "typeOf", "Plane.engines is an Array"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - typeOf vs. notTypeOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=16").then(data => { assert.equal(data.assertions[4].method, "typeOf", "Car.wheels is a Number"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-variable-or-function-is-defined.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-variable-or-function-is-defined.russian.md
new file mode 100644
index 0000000000..3aa89d72fc
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-variable-or-function-is-defined.russian.md
@@ -0,0 +1,45 @@
+---
+id: 587d824b367417b2b2512c47
+title: Test if a Variable or Function is Defined
+challengeType: 2
+videoUrl: ''
+localeTitle: 'Проверить, задана ли переменная или функция'
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . Используйте assert.isDefined () или assert.isUndefined (), чтобы пройти тесты </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все испытания должны пройти
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=1").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isDefined vs. isUndefined
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=1").then(data => {  assert.equal(data.assertions[0].method, "isDefined", "Null is not undefined"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isDefined vs. isUndefined
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=1").then(data => {  assert.equal(data.assertions[1].method, "isUndefined", "Undefined is undefined"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isDefined vs. isUndefined
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=1").then(data => {  assert.equal(data.assertions[2].method, "isDefined", "A string is not undefined"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-array-contains-an-item.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-array-contains-an-item.russian.md
new file mode 100644
index 0000000000..ed31fc3409
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-array-contains-an-item.russian.md
@@ -0,0 +1,43 @@
+---
+id: 587d824d367417b2b2512c51
+title: Test if an Array Contains an Item
+challengeType: 2
+videoUrl: ''
+localeTitle: 'Проверьте, содержит ли массив Array Item'
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все испытания должны пройти
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=11").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - include vs. notInclude
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=11").then(data => {  assert.equal(data.assertions[0].method, "notInclude", "It\"s summer in july..."); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - include vs. notInclude
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=11").then(data => {  assert.equal(data.assertions[1].method, "include", "JavaScript is a backend language !!"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-has-a-property.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-has-a-property.russian.md
new file mode 100644
index 0000000000..ad709fd3c2
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-has-a-property.russian.md
@@ -0,0 +1,44 @@
+---
+id: 587d824e367417b2b2512c55
+title: Test if an Object has a Property
+challengeType: 2
+videoUrl: ''
+localeTitle: 'Проверьте, имеет ли объект свойство'
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . #property утверждает, что фактический объект имеет заданное свойство. Используйте #property или #notProperty, где это необходимо. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=15").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=15").then(data => { assert.equal(data.assertions[0].method, "notProperty", "A car has not wings"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=15").then(data => { assert.equal(data.assertions[1].method, "property", "planes have engines"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=15").then(data => { assert.equal(data.assertions[2].method, "property", "Cars have wheels"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-is-an-instance-of-a-constructor.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-is-an-instance-of-a-constructor.russian.md
new file mode 100644
index 0000000000..745aa9eb45
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-is-an-instance-of-a-constructor.russian.md
@@ -0,0 +1,47 @@
+---
+id: 587d824e367417b2b2512c57
+title: Test if an Object is an Instance of a Constructor
+challengeType: 2
+videoUrl: ''
+localeTitle: 'Проверьте, является ли объект экземпляром конструктора'
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . #instanceOf утверждает, что объект является экземпляром конструктора. Используйте #instanceOf или #notInstanceOf, где это необходимо </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все испытания должны пройти
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - instanceOf vs. notInstanceOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.assertions[0].method, "notInstanceOf", "myCar is not an instance of Plane"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - instanceOf vs. notInstanceOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.assertions[1].method, "instanceOf", "airlinePlane is an instance of Plane"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - instanceOf vs. notInstanceOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.assertions[2].method, "instanceOf", "everything is an Object in JavaScript..."); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - instanceOf vs. notInstanceOf
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=17").then(data => { assert.equal(data.assertions[3].method, "notInstanceOf", "myCar.wheels is not an instance of String"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-one-value-is-below-or-at-least-as-large-as-another.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-one-value-is-below-or-at-least-as-large-as-another.russian.md
new file mode 100644
index 0000000000..fcfde41e74
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/test-if-one-value-is-below-or-at-least-as-large-as-another.russian.md
@@ -0,0 +1,47 @@
+---
+id: 587d824c367417b2b2512c4e
+title: Test if One Value is Below or At Least as Large as Another
+challengeType: 2
+videoUrl: ''
+localeTitle: 'Испытайте, если одно значение ниже или, по крайней мере, как большое, как другое'
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . .isBelow () =&gt; a &lt;b, .isAtLeast =&gt; a&gt; = b </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все испытания должны пройти
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isBelow vs. isAtLeast
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {  assert.equal(data.assertions[0].method, "isAtLeast", "5 is at least (>=) 5"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isBelow vs. isAtLeast
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {  assert.equal(data.assertions[1].method, "isAtLeast", "2 * Math.random() is at least 0"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isBelow vs. isAtLeast
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {  assert.equal(data.assertions[2].method, "isBelow", "1 is smaller than 2"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - isBelow vs. isAtLeast
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=8").then(data => {  assert.equal(data.assertions[3].method, "isBelow", "2/3 (0.6666) is smaller than 1"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-assert.isok-and-assert.isnotok.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-assert.isok-and-assert.isnotok.russian.md
new file mode 100644
index 0000000000..c146098573
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-assert.isok-and-assert.isnotok.russian.md
@@ -0,0 +1,44 @@
+---
+id: 587d824b367417b2b2512c48
+title: Use Assert.isOK and Assert.isNotOK
+challengeType: 2
+videoUrl: ''
+localeTitle: Используйте Assert.isOK и Assert.isNotOK
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . Используйте assert.isOk () или assert.isNotOk (), чтобы пройти тесты. .isOk (правдивый) и .isNotOk (falsey) пройдут. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=2").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=2").then(data => {  assert.equal(data.assertions[0].method, "isNotOk", "Null is falsey"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=2").then(data => {  assert.equal(data.assertions[1].method, "isOk","A string is truthy"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: ''
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=2").then(data => {  assert.equal(data.assertions[2].method, "isOk", "true is truthy"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-regular-expressions-to-test-a-string.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-regular-expressions-to-test-a-string.russian.md
new file mode 100644
index 0000000000..9e55ca0290
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-regular-expressions-to-test-a-string.russian.md
@@ -0,0 +1,43 @@
+---
+id: 587d824d367417b2b2512c54
+title: Use Regular Expressions to Test a String
+challengeType: 2
+videoUrl: ''
+localeTitle: Использовать регулярные выражения для проверки строки
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . #match Подтверждает, что фактическое значение соответствует регулярному выражению второго аргумента. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все испытания должны пройти
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=14").then(data => { assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - совпадение против notMatch
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=14").then(data => {  assert.equal(data.assertions[0].method, "match", "\"# name: John Doe, age: 35\" matches the regex"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - совпадение против notMatch
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=14").then(data => {  assert.equal(data.assertions[1].method, "notMatch", "\"# name: Paul Smith III, age: twenty-four\" does not match the regex (the age must be numeric)"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-double-equals-to-assert-equality.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-double-equals-to-assert-equality.russian.md
new file mode 100644
index 0000000000..ef996b8661
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-double-equals-to-assert-equality.russian.md
@@ -0,0 +1,47 @@
+---
+id: 587d824b367417b2b2512c4a
+title: Use the Double Equals to Assert Equality
+challengeType: 2
+videoUrl: ''
+localeTitle: Используйте Double Equals для подтверждения равенства
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . .equal (), .notEqual () .equal () сравнивает объекты, используя &#39;==&#39; </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все испытания должны пройти
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - equal vs. notEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {  assert.equal(data.assertions[0].method, "equal", "Numbers are coerced into strings with == "); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - equal vs. notEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {  assert.equal(data.assertions[1].method, "notEqual", " == compares object references"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - equal vs. notEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {  assert.equal(data.assertions[2].method, "equal", "6 * \"2\" is 12 ! It should be equal to \"12\""); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - equal vs. notEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=4").then(data => {  assert.equal(data.assertions[3].method, "notEqual", "6 + \"2\" is \"62\"..."); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-triple-equals-to-assert-strict-equality.russian.md b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-triple-equals-to-assert-strict-equality.russian.md
new file mode 100644
index 0000000000..bc2edce8b3
--- /dev/null
+++ b/curriculum/challenges/russian/06-information-security-and-quality-assurance/quality-assurance-and-testing-with-chai/use-the-triple-equals-to-assert-strict-equality.russian.md
@@ -0,0 +1,47 @@
+---
+id: 587d824b367417b2b2512c4b
+title: Use the Triple Equals to Assert Strict Equality
+challengeType: 2
+videoUrl: ''
+localeTitle: Используйте Triple Equals для подтверждения строгого равенства
+---
+
+## Description
+<section id="description"> Напомним, что этот проект строится на следующем стартовом проекте <a href="https://glitch.com/#!/import/github/freeCodeCamp/boilerplate-mochachai/">Glitch</a> или клонируется из <a href="https://github.com/freeCodeCamp/boilerplate-mochachai/">GitHub</a> . .strictEqual (), .notStrictEqual () .strictEqual () сравнивает объекты, используя &#39;===&#39; </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Все испытания должны пройти
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {assert.equal(data.state,"passed"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - strictEqual vs. notStrictEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {  assert.equal(data.assertions[0].method, "notStrictEqual", "with strictEqual the type must match"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - strictEqual vs. notStrictEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {  assert.equal(data.assertions[1].method, "strictEqual", "3*2 = 6..."); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - strictEqual vs. notStrictEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {  assert.equal(data.assertions[2].method, "strictEqual", "6 * \"2\" is 12. Types match !"); }, xhr => { throw new Error(xhr.responseText); })'
+  - text: Выберите правильное утверждение - strictEqual vs. notStrictEqual
+    testString: 'getUserInput => $.get(getUserInput("url") + "/_api/get-tests?type=unit&n=5").then(data => {  assert.equal(data.assertions[3].method, "notStrictEqual", "Even if they have the same elements, the Arrays are notStrictEqual"); }, xhr => { throw new Error(xhr.responseText); })'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/algorithms/find-the-symmetric-difference.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/algorithms/find-the-symmetric-difference.russian.md
new file mode 100644
index 0000000000..40b5684368
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/algorithms/find-the-symmetric-difference.russian.md
@@ -0,0 +1,79 @@
+---
+id: a3f503de51cf954ede28891d
+title: Find the Symmetric Difference
+challengeType: 5
+videoUrl: ''
+localeTitle: Найти симметричную разницу
+---
+
+## Description
+<section id="description"> Создайте функцию, которая принимает два или более массива и возвращает массив <dfn>симметричной разности</dfn> ( <code>△</code> или <code>⊕</code> ) предоставленных массивов. Для двух наборов (например, множества <code>A = {1, 2, 3}</code> и множества <code>B = {2, 3, 4}</code> ) математический термин «симметричная разность» двух множеств представляет собой набор элементов, которые находятся в любом из два набора, но не в обоих ( <code>A △ B = C = {1, 4}</code> ). Для каждой дополнительной симметричной разности, которую вы принимаете (скажем, на множестве <code>D = {2, 3}</code> ), вы должны получить набор с элементами, которые находятся в любом из двух наборов, но не оба ( <code>C △ D = {1, 4} △ {2, 3} = {1, 2, 3, 4}</code> ). Результирующий массив должен содержать только уникальные значения ( <em>без дубликатов</em> ). Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.sameMembers(sym([1, 2, 3], [5, 2, 1, 4]), [3, 4, 5], "<code>sym([1, 2, 3], [5, 2, 1, 4])</code> should return <code>[3, 4, 5]</code>.");'
+  - text: ''
+    testString: 'assert.equal(sym([1, 2, 3], [5, 2, 1, 4]).length, 3, "<code>sym([1, 2, 3], [5, 2, 1, 4])</code> should contain only three elements.");'
+  - text: '<code>sym([1, 2, 3, 3], [5, 2, 1, 4])</code> должен вернуться <code>[3, 4, 5]</code> .'
+    testString: 'assert.sameMembers(sym([1, 2, 3, 3], [5, 2, 1, 4]), [3, 4, 5], "<code>sym([1, 2, 3, 3], [5, 2, 1, 4])</code> should return <code>[3, 4, 5]</code>.");'
+  - text: '<code>sym([1, 2, 3, 3], [5, 2, 1, 4])</code> должен содержать только три элемента.'
+    testString: 'assert.equal(sym([1, 2, 3, 3], [5, 2, 1, 4]).length, 3, "<code>sym([1, 2, 3, 3], [5, 2, 1, 4])</code> should contain only three elements.");'
+  - text: '<code>sym([1, 2, 3], [5, 2, 1, 4, 5])</code> должен вернуться <code>[3, 4, 5]</code> .'
+    testString: 'assert.sameMembers(sym([1, 2, 3], [5, 2, 1, 4, 5]), [3, 4, 5], "<code>sym([1, 2, 3], [5, 2, 1, 4, 5])</code> should return <code>[3, 4, 5]</code>.");'
+  - text: ''
+    testString: 'assert.equal(sym([1, 2, 3], [5, 2, 1, 4, 5]).length, 3, "<code>sym([1, 2, 3], [5, 2, 1, 4, 5])</code> should contain only three elements.");'
+  - text: '<code>sym([1, 2, 5], [2, 3, 5], [3, 4, 5])</code> должны возвращать <code>[1, 4, 5]</code>'
+    testString: 'assert.sameMembers(sym([1, 2, 5], [2, 3, 5], [3, 4, 5]), [1, 4, 5], "<code>sym([1, 2, 5], [2, 3, 5], [3, 4, 5])</code> should return <code>[1, 4, 5]</code>");'
+  - text: ''
+    testString: 'assert.equal(sym([1, 2, 5], [2, 3, 5], [3, 4, 5]).length, 3, "<code>sym([1, 2, 5], [2, 3, 5], [3, 4, 5])</code> should contain only three elements.");'
+  - text: ''
+    testString: 'assert.sameMembers(sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5]), [1, 4, 5], "<code>sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5])</code> should return <code>[1, 4, 5]</code>.");'
+  - text: '<code>sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5])</code> должны содержать только три элемента.'
+    testString: 'assert.equal(sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5]).length, 3, "<code>sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5])</code> should contain only three elements.");'
+  - text: '<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3])</code> должны возвращать <code>[2, 3, 4, 6, 7]</code> .'
+    testString: 'assert.sameMembers(sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3]), [2, 3, 4, 6, 7], "<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3])</code> should return <code>[2, 3, 4, 6, 7]</code>.");'
+  - text: '<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3])</code> должны содержать только пять элементов.'
+    testString: 'assert.equal(sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3]).length, 5, "<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3])</code> should contain only five elements.");'
+  - text: '<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1])</code> должны возвращать <code>[1, 2, 4, 5, 6, 7, 8, 9]</code> .'
+    testString: 'assert.sameMembers(sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1]), [1, 2, 4, 5, 6, 7, 8, 9], "<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1])</code> should return <code>[1, 2, 4, 5, 6, 7, 8, 9]</code>.");'
+  - text: '<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1])</code> должны содержать только восемь элементов.'
+    testString: 'assert.equal(sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1]).length, 8, "<code>sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1])</code> should contain only eight elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sym(args) {
+  return args;
+}
+
+sym([1, 2, 3], [5, 2, 1, 4]);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/algorithms/implement-bubble-sort.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/algorithms/implement-bubble-sort.russian.md
new file mode 100644
index 0000000000..0ab4180d9b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/algorithms/implement-bubble-sort.russian.md
@@ -0,0 +1,71 @@
+---
+id: 8d5123c8c441eddfaeb5bdef
+title: Implement Bubble Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: Реализация Bubble Sort
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof bubbleSort == "function", "<code>bubbleSort</code> is a function.");'
+  - text: ''
+    testString: 'assert(isSorted(bubbleSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>bubbleSort</code> returns a sorted array (least to greatest).");'
+  - text: ''
+    testString: 'assert.sameMembers(bubbleSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>bubbleSort</code> returns an array that is unchanged except for order.");'
+  - text: ''
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>bubbleSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function bubbleSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/algorithms/implement-insertion-sort.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/algorithms/implement-insertion-sort.russian.md
new file mode 100644
index 0000000000..3492de84c9
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/algorithms/implement-insertion-sort.russian.md
@@ -0,0 +1,72 @@
+---
+id: 587d8259367417b2b2512c86
+title: Implement Insertion Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: Внедрить сортировку вставки
+---
+
+## Description
+<section id="description"> Следующий метод сортировки, на который мы будем смотреть, - это сортировка вставки. Этот метод работает, создавая сортированный массив в начале списка. Он начинает сортированный массив с первым элементом. Затем он проверяет следующий элемент и свопирует его обратно в отсортированный массив до тех пор, пока он не будет отсортирован. Он продолжает итерирование по списку и сворачивание новых элементов назад в отсортированную часть до тех пор, пока она не достигнет конца. Этот алгоритм имеет квадратичную временную сложность в среднем и худшем случае. <strong>Инструкции:</strong> Напишите функцию <code>insertionSort</code> которая принимает массив целых чисел в качестве входных данных и возвращает массив этих целых чисел в отсортированном порядке от наименьшего к наибольшему. <strong>Заметка:</strong> <br> Мы вызываем эту функцию из-за кулис; тестовый массив, который мы используем, закомментирован в редакторе. Попробуйте logging <code>array</code> чтобы увидеть ваш алгоритм сортировки в действии! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>insertionSort</code> - это функция.
+    testString: 'assert(typeof insertionSort == "function", "<code>insertionSort</code> is a function.");'
+  - text: <code>insertionSort</code> возвращает отсортированный массив (от наименьшего к наибольшему).
+    testString: 'assert(isSorted(insertionSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>insertionSort</code> returns a sorted array (least to greatest).");'
+  - text: '<code>insertionSort</code> возвращает массив, который не изменяется, кроме порядка.'
+    testString: 'assert.sameMembers(insertionSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>insertionSort</code> returns an array that is unchanged except for order.");'
+  - text: <code>insertionSort</code> не должен использовать встроенный метод <code>.sort()</code> .
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>insertionSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function insertionSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/algorithms/implement-merge-sort.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/algorithms/implement-merge-sort.russian.md
new file mode 100644
index 0000000000..8889aef0cb
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/algorithms/implement-merge-sort.russian.md
@@ -0,0 +1,72 @@
+---
+id: 587d825c367417b2b2512c8f
+title: Implement Merge Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: Реализация Merge Sort
+---
+
+## Description
+<section id="description"> Другим промежуточным алгоритмом сортировки, который очень распространен, является сортировка слияния. Подобно быстрой сортировке, сортировка слияния также использует метод рекурсивного рекурсивного анализа для разделения массива. Он использует тот факт, что относительно легко сортировать два массива, пока они сортируются в первую очередь. Но мы начнем с только одного массива в качестве входных данных, так как мы можем перейти к двум отсортированным массивам? Ну, мы можем рекурсивно разделить исходный ввод на два, пока не достигнем базового случая массива с одним элементом. Массив из одного элемента естественно сортируется, поэтому мы можем начать комбинировать. Эта комбинация будет раскручивать рекурсивные вызовы, разделяющие исходный массив, в конечном итоге создавая окончательный отсортированный массив всех элементов. Затем выполняются шаги сортировки слияния: <strong>1)</strong> рекурсивно разделить входной массив пополам, пока не будет создан суб-массив с только одним элементом. <strong>2)</strong> Объедините каждый отсортированный подматрица вместе, чтобы получить окончательный отсортированный массив. Сортировка Merge - это эффективный метод сортировки со сложностью времени <i>O (nlog (n))</i> . Этот алгоритм популярен, потому что он прост и относительно прост в реализации. В стороне это будет последний алгоритм сортировки, который мы рассмотрим здесь. Однако позже в разделе о структурах древовидных данных мы опишем сортировку кучи, еще один эффективный метод сортировки, который требует бинарной кучи в ее реализации. <strong>Инструкции:</strong> Напишите функцию <code>mergeSort</code> которая принимает массив целых чисел в качестве входных данных и возвращает массив этих целых чисел в отсортированном порядке от наименьшего к наибольшему. Хороший способ реализовать это - написать одну функцию, например <code>merge</code> , которая отвечает за объединение двух отсортированных массивов и другую функцию, например, <code>mergeSort</code> , которая отвечает за рекурсию, которая создает массивы с одним элементом для объединения в слияние. Удачи! <strong>Заметка:</strong> <br> Мы вызываем эту функцию из-за кулис; тестовый массив, который мы используем, закомментирован в редакторе. Попробуйте logging <code>array</code> чтобы увидеть ваш алгоритм сортировки в действии! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>mergeSort</code> - это функция.
+    testString: 'assert(typeof mergeSort == "function", "<code>mergeSort</code> is a function.");'
+  - text: <code>mergeSort</code> возвращает отсортированный массив (от наименьшего к наибольшему).
+    testString: 'assert(isSorted(mergeSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>mergeSort</code> returns a sorted array (least to greatest).");'
+  - text: '<code>mergeSort</code> возвращает массив, который не изменяется, кроме порядка.'
+    testString: 'assert.sameMembers(mergeSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>mergeSort</code> returns an array that is unchanged except for order.");'
+  - text: <code>mergeSort</code> не должен использовать встроенный метод <code>.sort()</code> .
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>mergeSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function mergeSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/algorithms/implement-quick-sort.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/algorithms/implement-quick-sort.russian.md
new file mode 100644
index 0000000000..9582927783
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/algorithms/implement-quick-sort.russian.md
@@ -0,0 +1,72 @@
+---
+id: 587d825a367417b2b2512c89
+title: Implement Quick Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: Внедрить Quick Sort
+---
+
+## Description
+<section id="description"> Здесь мы перейдем к промежуточному алгоритму сортировки: быстрая сортировка. Быстрая сортировка - это эффективный, рекурсивный подход к сортировке массива. В этом методе в исходном массиве выбирается значение поворота. Массив затем разбивается на два подмассивов значений меньше и больше, чем значение поворота. Затем мы комбинируем результат рекурсивного вызова алгоритма быстрой сортировки на обоих подмассивах. Это продолжается до тех пор, пока не будет достигнут базовый случай для пустого или одного элемента массива, который мы вернем. Откат рекурсивных вызовов возвращает нам отсортированный массив. Быстрый сортировка - очень эффективный метод сортировки, обеспечивающий производительность <i>O (nlog (n))</i> в среднем. Это также относительно легко реализовать. Эти атрибуты делают его популярным и полезным методом сортировки. <strong>Инструкции:</strong> Напишите функцию <code>quickSort</code> которая принимает массив целых чисел в качестве входных данных и возвращает массив этих целых чисел в отсортированном порядке от наименьшего к наибольшему. В то время как выбор значения поворота важен, любой стержень будет делать для наших целей здесь. Для простоты можно использовать первый или последний элемент. <strong>Заметка:</strong> <br> Мы вызываем эту функцию из-за кулис; тестовый массив, который мы используем, закомментирован в редакторе. Попробуйте logging <code>array</code> чтобы увидеть ваш алгоритм сортировки в действии! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>quickSort</code> - это функция.
+    testString: 'assert(typeof quickSort == "function", "<code>quickSort</code> is a function.");'
+  - text: <code>quickSort</code> возвращает отсортированный массив (от наименьшего к наибольшему).
+    testString: 'assert(isSorted(quickSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>quickSort</code> returns a sorted array (least to greatest).");'
+  - text: '<code>quickSort</code> возвращает массив, который не изменяется, кроме порядка.'
+    testString: 'assert.sameMembers(quickSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>quickSort</code> returns an array that is unchanged except for order.");'
+  - text: <code>quickSort</code> не должен использовать встроенный метод <code>.sort()</code> .
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>quickSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function quickSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/algorithms/implement-selection-sort.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/algorithms/implement-selection-sort.russian.md
new file mode 100644
index 0000000000..46bb9121a5
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/algorithms/implement-selection-sort.russian.md
@@ -0,0 +1,72 @@
+---
+id: 587d8259367417b2b2512c85
+title: Implement Selection Sort
+challengeType: 1
+videoUrl: ''
+localeTitle: Реализация выбора Сортировка
+---
+
+## Description
+<section id="description"> Здесь мы будем применять сортировку сортировки. Сортировка сортировки работает, выбирая минимальное значение в списке и меняя его с первым значением в списке. Затем он начинается со второй позиции, выбирает наименьшее значение в оставшемся списке и свопирует его со вторым элементом. Он продолжает итерирование по списку и свопинг элементов до тех пор, пока он не достигнет конца списка. Теперь список отсортирован. Сортировка выбора имеет квадратичную временную сложность во всех случаях. <strong>Инструкции</strong> : Напишите функцию <code>selectionSort</code> которая принимает массив целых чисел в качестве входных данных и возвращает массив этих целых чисел в отсортированном порядке от наименьшего к наибольшему. <strong>Заметка:</strong> <br> Мы вызываем эту функцию из-за кулис; тестовый массив, который мы используем, закомментирован в редакторе. Попробуйте logging <code>array</code> чтобы увидеть ваш алгоритм сортировки в действии! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>selectionSort</code> - это функция.
+    testString: 'assert(typeof selectionSort == "function", "<code>selectionSort</code> is a function.");'
+  - text: <code>selectionSort</code> возвращает отсортированный массив (от наименьшего к наибольшему).
+    testString: 'assert(isSorted(selectionSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])), "<code>selectionSort</code> returns a sorted array (least to greatest).");'
+  - text: '<code>selectionSort</code> возвращает массив, который не изменяется, кроме порядка.'
+    testString: 'assert.sameMembers(selectionSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92]), [1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92], "<code>selectionSort</code> returns an array that is unchanged except for order.");'
+  - text: <code>selectionSort</code> не должен использовать встроенный метод <code>.sort()</code> .
+    testString: 'assert.strictEqual(code.search(/\.sort\(/), -1, "<code>selectionSort</code> should not use the built-in <code>.sort()</code> method.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function selectionSort(array) {
+  // change code below this line
+
+  // change code above this line
+  return array;
+}
+
+// test array:
+// [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/algorithms/inventory-update.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/algorithms/inventory-update.russian.md
new file mode 100644
index 0000000000..f105c26227
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/algorithms/inventory-update.russian.md
@@ -0,0 +1,80 @@
+---
+id: a56138aff60341a09ed6c480
+title: Inventory Update
+challengeType: 5
+videoUrl: ''
+localeTitle: Обновление инвентаря
+---
+
+## Description
+<section id="description"> Сравните и обновите инвентарь, хранящийся в 2D-массиве, против второго 2D-массива новой доставки. Обновите текущие объемы инвентарных количеств (в <code>arr1</code> ). Если элемент не найден, добавьте новый элемент и количество в массив инвентаря. Возвращаемый массив инвентаря должен быть в алфавитном порядке по позиции. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Функция <code>updateInventory</code> должна возвращать массив.
+    testString: 'assert.isArray(updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]]), "The function <code>updateInventory</code> should return an array.");'
+  - text: '<code>updateInventory([[21, &quot;Bowling Ball&quot;], [2, &quot;Dirty Sock&quot;], [1, &quot;Hair Pin&quot;], [5, &quot;Microphone&quot;]], [[2, &quot;Hair Pin&quot;], [3, &quot;Half-Eaten Apple&quot;], [67, &quot;Bowling Ball&quot;], [7, &quot;Toothpaste&quot;]])</code> должны возвращать массив длиной 6.'
+    testString: 'assert.equal(updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]]).length, 6, "<code>updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]])</code> should return an array with a length of 6.");'
+  - text: '<code>updateInventory([[21, &quot;Bowling Ball&quot;], [2, &quot;Dirty Sock&quot;], [1, &quot;Hair Pin&quot;], [5, &quot;Microphone&quot;]], [[2, &quot;Hair Pin&quot;], [3, &quot;Half-Eaten Apple&quot;], [67, &quot;Bowling Ball&quot;], [7, &quot;Toothpaste&quot;]])</code> должны вернуться <code>[[88, &quot;Bowling Ball&quot;], [2, &quot;Dirty Sock&quot;], [3, &quot;Hair Pin&quot;], [3, &quot;Half-Eaten Apple&quot;], [5, &quot;Microphone&quot;], [7, &quot;Toothpaste&quot;]]</code> .'
+    testString: 'assert.deepEqual(updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]]), [[88, "Bowling Ball"], [2, "Dirty Sock"], [3, "Hair Pin"], [3, "Half-Eaten Apple"], [5, "Microphone"], [7, "Toothpaste"]], "<code>updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]])</code> should return <code>[[88, "Bowling Ball"], [2, "Dirty Sock"], [3, "Hair Pin"], [3, "Half-Eaten Apple"], [5, "Microphone"], [7, "Toothpaste"]]</code>.");'
+  - text: '<code>updateInventory([[21, &quot;Bowling Ball&quot;], [2, &quot;Dirty Sock&quot;], [1, &quot;Hair Pin&quot;], [5, &quot;Microphone&quot;]], [])</code> должны возвращать <code>[[21, &quot;Bowling Ball&quot;], [2, &quot;Dirty Sock&quot;], [1, &quot;Hair Pin&quot;], [5, &quot;Microphone&quot;]]</code> .'
+    testString: 'assert.deepEqual(updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], []), [[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], "<code>updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [])</code> should return <code>[[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]]</code>.");'
+  - text: '<code>updateInventory([], [[2, &quot;Hair Pin&quot;], [3, &quot;Half-Eaten Apple&quot;], [67, &quot;Bowling Ball&quot;], [7, &quot;Toothpaste&quot;]])</code> должны вернуться <code>[[67, &quot;Bowling Ball&quot;], [2, &quot;Hair Pin&quot;], [3, &quot;Half-Eaten Apple&quot;], [7, &quot;Toothpaste&quot;]]</code> .'
+    testString: 'assert.deepEqual(updateInventory([], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]]), [[67, "Bowling Ball"], [2, "Hair Pin"], [3, "Half-Eaten Apple"], [7, "Toothpaste"]], "<code>updateInventory([], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]])</code> should return <code>[[67, "Bowling Ball"], [2, "Hair Pin"], [3, "Half-Eaten Apple"], [7, "Toothpaste"]]</code>.");'
+  - text: '<code>updateInventory([[0, &quot;Bowling Ball&quot;], [0, &quot;Dirty Sock&quot;], [0, &quot;Hair Pin&quot;], [0, &quot;Microphone&quot;]], [[1, &quot;Hair Pin&quot;], [1, &quot;Half-Eaten Apple&quot;], [1, &quot;Bowling Ball&quot;], [1, &quot;Toothpaste&quot;]])</code> должны возвращать <code>[[1, &quot;Bowling Ball&quot;], [0, &quot;Dirty Sock&quot;], [1, &quot;Hair Pin&quot;], [1, &quot;Half-Eaten Apple&quot;], [0, &quot;Microphone&quot;], [1, &quot;Toothpaste&quot;]]</code> .'
+    testString: 'assert.deepEqual(updateInventory([[0, "Bowling Ball"], [0, "Dirty Sock"], [0, "Hair Pin"], [0, "Microphone"]], [[1, "Hair Pin"], [1, "Half-Eaten Apple"], [1, "Bowling Ball"], [1, "Toothpaste"]]), [[1, "Bowling Ball"], [0, "Dirty Sock"], [1, "Hair Pin"], [1, "Half-Eaten Apple"], [0, "Microphone"], [1, "Toothpaste"]], "<code>updateInventory([[0, "Bowling Ball"], [0, "Dirty Sock"], [0, "Hair Pin"], [0, "Microphone"]], [[1, "Hair Pin"], [1, "Half-Eaten Apple"], [1, "Bowling Ball"], [1, "Toothpaste"]])</code> should return <code>[[1, "Bowling Ball"], [0, "Dirty Sock"], [1, "Hair Pin"], [1, "Half-Eaten Apple"], [0, "Microphone"], [1, "Toothpaste"]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function updateInventory(arr1, arr2) {
+    // All inventory must be accounted for or you're fired!
+    return arr1;
+}
+
+// Example inventory lists
+var curInv = [
+    [21, "Bowling Ball"],
+    [2, "Dirty Sock"],
+    [1, "Hair Pin"],
+    [5, "Microphone"]
+];
+
+var newInv = [
+    [2, "Hair Pin"],
+    [3, "Half-Eaten Apple"],
+    [67, "Bowling Ball"],
+    [7, "Toothpaste"]
+];
+
+updateInventory(curInv, newInv);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/algorithms/no-repeats-please.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/algorithms/no-repeats-please.russian.md
new file mode 100644
index 0000000000..bb9b80a635
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/algorithms/no-repeats-please.russian.md
@@ -0,0 +1,72 @@
+---
+id: a7bf700cd123b9a54eef01d5
+title: No Repeats Please
+challengeType: 5
+videoUrl: ''
+localeTitle: Нет повторений Пожалуйста
+---
+
+## Description
+<section id="description"> Возвращает число полных перестановок предоставленной строки, которые не имеют повторяющихся последовательных букв. Предположим, что все символы в предоставленной строке уникальны. Например, <code>aab</code> должен возвращать 2, поскольку имеет 6 полных перестановок ( <code>aab</code> , <code>aab</code> , <code>aba</code> , <code>aba</code> , <code>baa</code> , <code>baa</code> ), но только 2 из них ( <code>aba</code> и <code>aba</code> ) не имеют одинаковой буквы (в данном случае <code>a</code> ) повторяющееся. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>permAlone(&quot;aab&quot;)</code> должен возвращать число.
+    testString: 'assert.isNumber(permAlone("aab"), "<code>permAlone("aab")</code> should return a number.");'
+  - text: <code>permAlone(&quot;aab&quot;)</code> должен вернуть 2.
+    testString: 'assert.strictEqual(permAlone("aab"), 2, "<code>permAlone("aab")</code> should return 2.");'
+  - text: <code>permAlone(&quot;aaa&quot;)</code> должен вернуть 0.
+    testString: 'assert.strictEqual(permAlone("aaa"), 0, "<code>permAlone("aaa")</code> should return 0.");'
+  - text: <code>permAlone(&quot;aabb&quot;)</code> должен вернуть 8.
+    testString: 'assert.strictEqual(permAlone("aabb"), 8, "<code>permAlone("aabb")</code> should return 8.");'
+  - text: <code>permAlone(&quot;abcdefa&quot;)</code> должен вернуть 3600.
+    testString: 'assert.strictEqual(permAlone("abcdefa"), 3600, "<code>permAlone("abcdefa")</code> should return 3600.");'
+  - text: <code>permAlone(&quot;abfdefa&quot;)</code> должен вернуть 2640.
+    testString: 'assert.strictEqual(permAlone("abfdefa"), 2640, "<code>permAlone("abfdefa")</code> should return 2640.");'
+  - text: <code>permAlone(&quot;zzzzzzzz&quot;)</code> должен вернуть 0.
+    testString: 'assert.strictEqual(permAlone("zzzzzzzz"), 0, "<code>permAlone("zzzzzzzz")</code> should return 0.");'
+  - text: <code>permAlone(&quot;a&quot;)</code> должен возвращать 1.
+    testString: 'assert.strictEqual(permAlone("a"), 1, "<code>permAlone("a")</code> should return 1.");'
+  - text: <code>permAlone(&quot;aaab&quot;)</code> должен вернуть 0.
+    testString: 'assert.strictEqual(permAlone("aaab"), 0, "<code>permAlone("aaab")</code> should return 0.");'
+  - text: <code>permAlone(&quot;aaabb&quot;)</code> должен вернуть 12.
+    testString: 'assert.strictEqual(permAlone("aaabb"), 12, "<code>permAlone("aaabb")</code> should return 12.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function permAlone(str) {
+  return str;
+}
+
+permAlone('aab');
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/algorithms/pairwise.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/algorithms/pairwise.russian.md
new file mode 100644
index 0000000000..d1901a91be
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/algorithms/pairwise.russian.md
@@ -0,0 +1,62 @@
+---
+id: a3f503de51cfab748ff001aa
+title: Pairwise
+challengeType: 5
+videoUrl: ''
+localeTitle: парный
+---
+
+## Description
+<section id="description"> Учитывая массив <code>arr</code> , найдите пары элементов, сумма которых равна второму аргументу <code>arg</code> и возвращает сумму их индексов. Вы можете использовать несколько пар, которые имеют одинаковые числовые элементы, но разные индексы. Каждая пара должна использовать самые низкие доступные индексы. Как только элемент был использован, его нельзя повторно использовать для соединения с другим элементом. Например, <code>pairwise([1, 1, 2], 3)</code> создает пару <code>[2, 1]</code> используя 1 в индексе 0, а не 1 в индексе 1, потому что 0 + 2 &lt;1 + 2. Например, <code>pairwise([7, 9, 11, 13, 15], 20)</code> возвращает <code>6</code> . Парами, суммирующимися до 20, являются <code>[7, 13]</code> и <code>[9, 11]</code> . Затем мы можем записать массив с их индексами и значениями. <table class="table"><tbody><tr><th> <strong>Индекс</strong> </th><th> 0 </th><th> 1 </th><th> 2 </th><th> 3 </th><th> 4 </th></tr><tr><td> Стоимость </td><td> 7 </td><td> 9 </td><td> 11 </td><td> 13 </td><td> 15 </td></tr></tbody></table> Ниже мы возьмем соответствующие индексы и добавим их. 7 + 13 = 20 → Индексы 0 + 3 = 3 <br> 9 + 11 = 20 → Индексы 1 + 2 = 3 <br> 3 + 3 = 6 → Return <code>6</code> забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Попробуйте подключить программу. Напишите свой собственный код. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.deepEqual(pairwise([1, 4, 2, 3, 0, 5], 7), 11, "<code>pairwise([1, 4, 2, 3, 0, 5], 7)</code> should return 11.");'
+  - text: ''
+    testString: 'assert.deepEqual(pairwise([1, 3, 2, 4], 4), 1, "<code>pairwise([1, 3, 2, 4], 4)</code> should return 1.");'
+  - text: ''
+    testString: 'assert.deepEqual(pairwise([1, 1, 1], 2), 1, "<code>pairwise([1, 1, 1], 2)</code> should return 1.");'
+  - text: ''
+    testString: 'assert.deepEqual(pairwise([0, 0, 0, 0, 1, 1], 1), 10, "<code>pairwise([0, 0, 0, 0, 1, 1], 1)</code> should return 10.");'
+  - text: ''
+    testString: 'assert.deepEqual(pairwise([], 100), 0, "<code>pairwise([], 100)</code> should return 0.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pairwise(arr, arg) {
+  return arg;
+}
+
+pairwise([1,4,2,3,0,5], 7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/add-a-new-element-to-a-binary-search-tree.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/add-a-new-element-to-a-binary-search-tree.russian.md
new file mode 100644
index 0000000000..0cc5967ff5
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/add-a-new-element-to-a-binary-search-tree.russian.md
@@ -0,0 +1,74 @@
+---
+id: 587d8257367417b2b2512c7b
+title: Add a New Element to a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Добавление нового элемента в двоичное дерево поиска
+---
+
+## Description
+<section id="description"> Теперь, когда у нас есть идея об основах, давайте напишем более сложный метод. В этой задаче мы создадим метод добавления новых значений в наше дерево двоичного поиска. Метод следует называть <code>add</code> и он должен принимать целочисленное значение для добавления в дерево. Позаботьтесь о сохранении инварианта двоичного дерева поиска: значение в каждом левом ребне должно быть меньше или равно родительскому значению, а значение в каждом правом дочернем случае должно быть больше или равно родительскому значению. Здесь давайте сделаем так, чтобы наше дерево не могло хранить повторяющиеся значения. Если мы попытаемся добавить значение, которое уже существует, метод должен вернуть значение <code>null</code> . В противном случае, если добавление будет успешным, <code>undefined</code> должен быть возвращен. Подсказка: деревья - это, естественно, рекурсивные структуры данных! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Существует структура данных <code>BinarySearchTree</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: 'Двоичное дерево поиска имеет метод, называемый <code>add</code> .'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.add == "function")})(), "The binary search tree has a method called <code>add</code>.");'
+  - text: Метод add добавляет элементы в соответствии с правилами двоичного дерева поиска.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.add !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); const expectedResult = [ 1, 4, 7, 8, 34, 45, 73, 87 ]; const result = test.inOrder(); return (expectedResult.toString() === result.toString()); })(), "The add method adds elements according to the binary search tree rules.");'
+  - text: 'Добавление элемента, который уже существует, возвращает <code>null</code>'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.add !== "function") { return false; }; test.add(4); return test.add(4) == null; })(), "Adding an element that already exists returns <code>null</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/add-elements-at-a-specific-index-in-a-linked-list.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/add-elements-at-a-specific-index-in-a-linked-list.russian.md
new file mode 100644
index 0000000000..f3bfc9c162
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/add-elements-at-a-specific-index-in-a-linked-list.russian.md
@@ -0,0 +1,92 @@
+---
+id: 587d8252367417b2b2512c67
+title: Add Elements at a Specific Index in a Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: Добавить элементы по определенному индексу в связанном списке
+---
+
+## Description
+<section id="description"> Давайте создадим метод addAt (index, element), который добавит элемент в данный индекс. Точно так же, как мы удаляем элементы с заданным индексом, нам нужно отслеживать currentIndex, когда мы пересекаем связанный список. Когда currentIndex соответствует указанному индексу, нам нужно переназначить следующее свойство предыдущего узла для ссылки на новый добавленный узел. И новый узел должен ссылаться на следующий узел в currentIndex. Возвращаясь к примеру линии conga, новый человек хочет присоединиться к линии, но он хочет присоединиться к середине. Вы находитесь в середине линии, поэтому вы отнимаете руки у человека впереди вас. Новый человек ходит и кладет руки на человека, которого вы когда-то держали, и теперь у вас есть руки на нового человека. Инструкции Создайте метод addAt (index, element), который добавляет элемент в данный индекс. Возвращает false, если элемент не может быть добавлен. Примечание. Не забудьте проверить, является ли данный индекс отрицательным или длиннее длины связанного списка. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш метод <code>addAt</code> должен переназначить <code>head</code> на новый узел, если данный индекс равен 0.'
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.addAt(0,"cat"); return test.head().element === "cat"}()), "Your <code>addAt</code> method should reassign <code>head</code> to the new node when the given index is 0.");'
+  - text: 'Ваш метод <code>addAt</code> должен увеличить длину связанного списка по одному для каждого нового узла, добавленного в связанный список.'
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.addAt(0,"cat"); return test.size() === 3}()), "Your <code>addAt</code> method should increase the length of the linked list by one for each new node added to the linked list.");'
+  - text: Метод <code>addAt</code> должен возвращать значение <code>false</code> если узел не смог быть добавлен.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); return (test.addAt(4,"cat") === false); }()), "Your <code>addAt</code> method should return <code>false</code> if a node was unable to be added.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+        currentNode = head;
+
+        while(currentNode.next){
+            currentNode  = currentNode.next;
+        }
+
+        currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  // Only change code below this line
+
+  // Only change code above this line
+
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/adjacency-list.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/adjacency-list.russian.md
new file mode 100644
index 0000000000..cb73f23d49
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/adjacency-list.russian.md
@@ -0,0 +1,56 @@
+---
+id: 587d8256367417b2b2512c77
+title: Adjacency List
+challengeType: 1
+videoUrl: ''
+localeTitle: Список прилавков
+---
+
+## Description
+<section id="description"> Графы могут быть представлены по-разному. Здесь мы описываем один способ, который называется <dfn>списком смежности</dfn> . Список смежности по существу представляет собой маркированный список, в котором левой стороной является узел, а правая сторона - список всех других узлов, к которым он подключен. Ниже приведен список смежности. <blockquote> Node1: Node2, Node3 <br> Node2: Node1 <br> Node3: Node1 </blockquote> Выше - неориентированный граф, потому что <code>Node1</code> подключен к <code>Node2</code> и <code>Node3</code> , и эта информация соответствует соединениям <code>Node2</code> и <code>Node3</code> . Список смежности для ориентированного графа будет означать, что каждая строка списка показывает направление. Если выше было указано, то <code>Node2: Node1</code> будет означать, что направленный край указывает от <code>Node2</code> на <code>Node1</code> . Мы можем представить неориентированный граф выше как список смежности, помещая его в объект JavaScript. <blockquote> var undirectedG = { <br> Node1: [&quot;Node2&quot;, &quot;Node3&quot;], <br> Node2: [&quot;Node1&quot;], <br> Node3: [&quot;Node1&quot;] <br> }; </blockquote> Это также можно более просто представить в виде массива, где узлы имеют только цифры, а не строковые метки. <blockquote> var unirectedGArr = [ <br> [1, 2], # Node1 <br> [0], # Node2 <br> [0] # Node3 <br> ]; </blockquote></section>
+
+## Instructions
+<section id="instructions"> Создайте социальную сеть как неориентированный граф с 4 узлами / людьми по имени <code>James</code> , <code>Jill</code> , <code>Jenny</code> и <code>Jeff</code> . Между Джеймсом и Джеффом, Джил и Дженни, Джеффом и Дженни. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>undirectedAdjList</code> должен содержать только четыре узла.
+    testString: 'assert(Object.keys(undirectedAdjList).length === 4, "<code>undirectedAdjList</code> should only contain four nodes.");'
+  - text: Между <code>Jeff</code> и <code>James</code> должно быть преимущество.
+    testString: 'assert(undirectedAdjList.James.indexOf("Jeff") !== -1 && undirectedAdjList.Jeff.indexOf("James") !== -1, "There should be an edge between <code>Jeff</code> and <code>James</code>.");'
+  - text: Между <code>Jill</code> и <code>Jenny</code> должно быть преимущество.
+    testString: 'assert(undirectedAdjList.Jill.indexOf("Jenny") !== -1 && undirectedAdjList.Jill.indexOf("Jenny") !== -1, "There should be an edge between <code>Jill</code> and <code>Jenny</code>.");'
+  - text: Между <code>Jeff</code> и <code>Jenny</code> должно быть преимущество.
+    testString: 'assert(undirectedAdjList.Jeff.indexOf("Jenny") !== -1 && undirectedAdjList.Jenny.indexOf("Jeff") !== -1, "There should be an edge between <code>Jeff</code> and <code>Jenny</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var undirectedAdjList = {
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/adjacency-matrix.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/adjacency-matrix.russian.md
new file mode 100644
index 0000000000..e6cef83fc3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/adjacency-matrix.russian.md
@@ -0,0 +1,58 @@
+---
+id: 587d8256367417b2b2512c78
+title: Adjacency Matrix
+challengeType: 1
+videoUrl: ''
+localeTitle: Матрица смежности
+---
+
+## Description
+<section id="description"> Другим способом представления графика является его размещение в <dfn>матрице смежности</dfn> . Матрица <dfn>смежности</dfn> представляет собой двумерный (2D) массив, где каждый вложенный массив имеет такое же количество элементов, что и внешний массив. Другими словами, это матрица или сетка чисел, где числа представляют собой ребра. Нули означают, что нет границ или отношений. <blockquote> 1 2 3 <br> ------ <br> 1 | 0 1 1 <br> 2 | 1 0 0 <br> 3 | 1 0 0 </blockquote> Выше - очень простой, неориентированный граф, где у вас есть три узла, где первый узел подключен ко второму и третьему узлам. <strong>Примечание</strong> . Числа в верхней и левой частях матрицы являются только метками для узлов. Ниже приведена реализация JavaScript того же самого. <blockquote> var adjMat = [ <br> [0, 1, 1], <br> [1, 0, 0], <br> [1, 0, 0] <br> ]; </blockquote> В отличие от списка смежности, каждая «строка» матрицы должна иметь такое же количество элементов, что и узлы в графике. Здесь у нас есть три-три матрицы, что означает, что мы имеем три узла в нашем графике. Ориентированный граф будет похож. Ниже приведен график, в котором первый узел имеет ребро, указывающее на второй узел, а затем второй узел имеет ребро, указывающее на третий узел. <blockquote> var adjMatDirected = [ <br> [0, 1, 0], <br> [0, 0, 1], <br> [0, 0, 0] <br> ]; </blockquote> Графики также могут иметь <dfn>веса</dfn> по краям. До сих пор у нас есть <dfn>невзвешенные</dfn> края, где только наличие и отсутствие ребра двоично ( <code>0</code> или <code>1</code> ). Вы можете иметь разные веса в зависимости от вашего приложения. </section>
+
+## Instructions
+<section id="instructions"> Создайте матрицу смежности неориентированного графа с пятью узлами. Эта матрица должна быть в многомерном массиве. Эти пять узлов имеют отношения между первым и четвертым узлами, первым и третьим узлом, третьим и пятым узлами и четвертым и пятым узлами. Все весовые коэффициенты являются единичными. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>undirectedAdjList</code> должен содержать только пять узлов.
+    testString: 'assert((adjMatUndirected.length === 5) && adjMatUndirected.map(function(x) { return x.length === 5 }).reduce(function(a, b) { return a && b }) , "<code>undirectedAdjList</code> should only contain five nodes.");'
+  - text: Между первым и четвертым узлами должен быть край.
+    testString: 'assert((adjMatUndirected[0][3] === 1) && (adjMatUndirected[3][0] === 1), "There should be an edge between the first and fourth node.");'
+  - text: Между первым и третьим узлом должен быть край.
+    testString: 'assert((adjMatUndirected[0][2] === 1) && (adjMatUndirected[2][0] === 1), "There should be an edge between the first and third node.");'
+  - text: Между третьим и пятым узлами должен быть край.
+    testString: 'assert((adjMatUndirected[2][4] === 1) && (adjMatUndirected[4][2] === 1), "There should be an edge between the third and fifth node.");'
+  - text: Между четвертым и пятым узлом должен быть край.
+    testString: 'assert((adjMatUndirected[3][4] === 1) && (adjMatUndirected[4][3] === 1), "There should be an edge between the fourth and fifth node.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var adjMatUndirected = [
+];
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/breadth-first-search.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/breadth-first-search.russian.md
new file mode 100644
index 0000000000..80d0861663
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/breadth-first-search.russian.md
@@ -0,0 +1,76 @@
+---
+id: 587d825c367417b2b2512c90
+title: Breadth-First Search
+challengeType: 1
+videoUrl: ''
+localeTitle: Поиск по ширине
+---
+
+## Description
+<section id="description"> До сих пор мы изучили разные способы создания представлений графиков. Что теперь? Один естественный вопрос - какие расстояния между любыми двумя узлами графика? Введите <dfn>алгоритмы обхода графа</dfn> . <dfn>Алгоритмы</dfn> траверса - это алгоритмы для перемещения или посещения узлов в графе. Одним типом алгоритма обхода является алгоритм поиска ширины. Этот алгоритм начинается с одного узла, сначала посещает всех его соседей, которые находятся на одном крае, а затем переходит к каждому из своих соседей. Визуально это то, что делает алгоритм. <img class="img-responsive" src="https://camo.githubusercontent.com/2f57e6239884a1a03402912f13c49555dec76d06/68747470733a2f2f75706c6f61642e77696b696d656469612e6f72672f77696b6970656469612f636f6d6d6f6e732f342f34362f416e696d617465645f4246532e676966"> Чтобы реализовать этот алгоритм, вам нужно будет ввести структуру графика и узел, с которого вы хотите начать. Во-первых, вы хотите знать расстояния от стартового узла. Это вы хотите сначала начать все свои расстояния на некоторое количество, например <code>Infinity</code> . Это дает ссылку на случай, когда узел может быть недоступен из вашего стартового узла. Затем вы захотите перейти от стартового узла к своим соседям. Эти соседи находятся на одном крае, и в этот момент вы должны добавить одну единицу расстояния до расстояний, которые вы отслеживаете. Наконец, важной структурой данных, которая поможет реализовать алгоритм поиска по ширине, является очередь. Это массив, в котором вы можете добавлять элементы в один конец и удалять элементы с другого конца. Это также известно как структура данных <dfn>FIFO</dfn> или <dfn>First-In-First-Out</dfn> . </section>
+
+## Instructions
+<section id="instructions"> Напишите функцию <code>bfs()</code> которая принимает граф матрицы смежности (двумерный массив) и корень метки узла в качестве параметров. Метка узла будет просто целочисленным значением узла между <code>0</code> и <code>n - 1</code> , где <code>n</code> - общее количество узлов в графе. Ваша функция выведет пары ключ-значение объекта JavaScript с узлом и его удалением от корня. Если узел не может быть достигнут, он должен иметь расстояние до <code>Infinity</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Входной график <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> с начальным узлом <code>1</code> должен возвращать <code>{0: 1, 1: 0, 2: 1, 3: 2}</code>'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]; var results = bfs(graph, 1); return isEquivalent(results, {0: 1, 1: 0, 2: 1, 3: 2})})(), "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>1</code> should return <code>{0: 1, 1: 0, 2: 1, 3: 2}</code>");'
+  - text: 'Входной граф <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> с начальным узлом <code>1</code> должен возвращать <code>{0: 1, 1: 0, 2: 1, 3: Infinity}</code>'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]; var results = bfs(graph, 1); return isEquivalent(results, {0: 1, 1: 0, 2: 1, 3: Infinity})})(), "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> with a start node of <code>1</code> should return <code>{0: 1, 1: 0, 2: 1, 3: Infinity}</code>");'
+  - text: 'Входной граф <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> с начальным узлом <code>0</code> должен возвращать <code>{0: 0, 1: 1, 2: 2, 3: 3}</code>'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]; var results = bfs(graph, 0); return isEquivalent(results, {0: 0, 1: 1, 2: 2, 3: 3})})(), "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>0</code> should return <code>{0: 0, 1: 1, 2: 2, 3: 3}</code>");'
+  - text: 'Входной график <code>[[0, 1], [1, 0]]</code> с начальным узлом <code>0</code> должен возвращать <code>{0: 0, 1: 1}</code>'
+    testString: 'assert((function() { var graph = [[0, 1], [1, 0]]; var results = bfs(graph, 0); return isEquivalent(results, {0: 0, 1: 1})})(), "The input graph <code>[[0, 1], [1, 0]]</code> with a start node of <code>0</code> should return <code>{0: 0, 1: 1}</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function bfs(graph, root) {
+  // Distance object returned
+  var nodesLen = {};
+
+  return nodesLen;
+};
+
+var exBFSGraph = [
+  [0, 1, 0, 0],
+  [1, 0, 1, 0],
+  [0, 1, 0, 1],
+  [0, 0, 1, 0]
+];
+console.log(bfs(exBFSGraph, 3));
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/check-if-an-element-is-present-in-a-binary-search-tree.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/check-if-an-element-is-present-in-a-binary-search-tree.russian.md
new file mode 100644
index 0000000000..13b7840aa4
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/check-if-an-element-is-present-in-a-binary-search-tree.russian.md
@@ -0,0 +1,74 @@
+---
+id: 587d8257367417b2b2512c7c
+title: Check if an Element is Present in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Проверьте, присутствует ли элемент в дереве двоичного поиска'
+---
+
+## Description
+<section id="description"> Теперь, когда у нас есть общее представление о том, какое бинарное дерево поиска давайте поговорим об этом чуть подробнее. Двоичные деревья поиска предоставляют логарифмическое время для общих операций поиска, вставки и удаления в среднем случае и линейного времени в худшем случае. Почему это? Каждая из этих основных операций требует от нас найти элемент в дереве (или в случае вставки, чтобы найти, куда он должен идти), и из-за древовидной структуры каждого родительского узла мы разветвляемся влево или вправо и фактически исключаем половину размера оставшегося дерева. Это делает поиск пропорциональным логарифму числа узлов в дереве, что создает логарифмическое время для этих операций в среднем случае. Хорошо, но как насчет худшего случая? Ну, подумайте о построении дерева из следующих значений, добавив их слева направо: <code>10</code> , <code>12</code> , <code>17</code> , <code>25</code> . Следуя нашим правилам для двоичного дерева поиска, мы добавим <code>12</code> справа от <code>10</code> , <code>17</code> справа от него и <code>25</code> справа от него. Теперь наше дерево напоминает связанный список и, пройдя его, чтобы найти <code>25</code> , потребовало бы, чтобы мы проходили все элементы линейным способом. Следовательно, линейное время в худшем случае. Проблема здесь в том, что дерево неуравновешено. Мы рассмотрим немного больше, что это означает в следующих задачах. Инструкции: В этой задаче мы создадим утилиту для нашего дерева. Напишите метод <code>isPresent</code> который принимает целочисленное значение в качестве входных данных и возвращает логическое значение для наличия или отсутствия этого значения в двоичном дереве поиска. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Существует структура данных <code>BinarySearchTree</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: 'Двоичное дерево поиска имеет метод, называемый <code>isPresent</code> .'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.isPresent == "function")})(), "The binary search tree has a method called <code>isPresent</code>.");'
+  - text: 'Метод <code>isPresent</code> корректно проверяет наличие или отсутствие элементов, добавленных в дерево.'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.isPresent !== "function") { return false; }; test.add(4); test.add(7); test.add(411); test.add(452); return ( test.isPresent(452) && test.isPresent(411) && test.isPresent(7) && !test.isPresent(100) ); })(), "The <code>isPresent</code> method correctly checks for the presence or absence of elements added to the tree.");'
+  - text: '<code>isPresent</code> обрабатывает случаи, когда дерево пусто.'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.isPresent !== "function") { return false; }; return test.isPresent(5) == false; })(), "<code>isPresent</code> handles cases where the tree is empty.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-circular-queue.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-circular-queue.russian.md
new file mode 100644
index 0000000000..317ebf6450
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-circular-queue.russian.md
@@ -0,0 +1,89 @@
+---
+id: 587d8255367417b2b2512c75
+title: Create a Circular Queue
+challengeType: 1
+videoUrl: ''
+localeTitle: Создание круговой очереди
+---
+
+## Description
+<section id="description"> В этом вызове вы создадите круговую очередность. Круговая очередь - это в основном очередь, которая записывает в конец коллекции, а затем начинает записывать себя в начале коллекции. Это тип структуры данных имеет некоторые полезные приложения в определенных ситуациях. Например, круговая очередь может использоваться для потоковой передачи. Как только очередь заполнена, новые мультимедийные данные просто начинают перезаписывать старые данные. Хорошим способом проиллюстрировать эту концепцию является массив: <blockquote> [1, 2, 3, 4, 5] <br> ^ Читать @ 0 <br> ^ Написать @ 0 </blockquote> Здесь чтение и запись находятся в положении <code>0</code> . Теперь очередь получает 3 новые записи <code>a</code> , <code>b</code> и <code>c</code> . Теперь наша очередь выглядит так: <blockquote> [a, b, c, 4, 5] <br> ^ Читать @ 0 <br> ^ Написать @ 3 </blockquote> Как читает читатель, он может удалить значения или сохранить их: <blockquote> [null, null, null, 4, 5] <br> ^ Читать @ 3 <br> ^ Написать @ 3 </blockquote> Когда запись достигает конца массива, он возвращается к началу: <blockquote> [f, null, null, d, e] <br> ^ Читать @ 3 <br> ^ Пишите @ 1 </blockquote> Этот подход требует постоянного объема памяти, но позволяет обрабатывать файлы большего размера. Инструкции: В этой задаче мы реализуем круговую очередь. Круговая очередь должна обеспечивать <code>enqueue</code> и <code>dequeue</code> методы , которые позволяют считывать и записывать данные в очередь. Сам класс должен также принять целое число, которое вы можете использовать, чтобы указать размер очереди при ее создании. Мы написали стартовую версию этого класса для вас в редакторе кода. Когда вы ставите объекты в очередь, указатель записи должен продвигаться вперед и возвращаться к началу, как только он достигнет конца очереди. Аналогично, указатель чтения должен продвигаться вперед при удалении элементов. Указателю записи не следует пропускать указатель чтения (наш класс не позволит вам перезаписывать данные, которые вы еще не читали), и указатель чтения не должен продвигать прошлые данные, которые вы написали. Кроме того, метод <code>enqueue</code> должен возвращать элемент, который вы указали, если он успешно и в противном случае возвращает <code>null</code> . Аналогичным образом, когда вы удаляете элемент, он должен быть возвращен, и если вы не можете удалить из очереди, вы должны вернуть <code>null</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Метод <code>enqueue</code> добавляет элементы в круговую очередь.
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(591); var print = test.print(); return print[0] === 17 && print[1] === 32 && print[2] === 591; })(), "The <code>enqueue</code> method adds items to the circular queue.");'
+  - text: Вы не можете выставлять объекты за указателем чтения.
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(591); test.enqueue(13); test.enqueue(25); test.enqueue(59); var print = test.print(); return print[0] === 17 && print[1] === 32 && print[2] === 591; })(), "You cannot enqueue items past the read pointer.");'
+  - text: Метод <code>dequeue</code> удаляет объекты из очереди.
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(591); return test.dequeue() === 17 && test.dequeue() === 32 && test.dequeue() === 591; })(), "The <code>dequeue</code> method dequeues items from the queue.");'
+  - text: 'После того, как элемент будет удален, его положение в очереди должно быть сброшено до <code>null</code> .'
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(672); test.dequeue(); test.dequeue(); var print = test.print(); return print[0] === null && print[1] === null && print[2] === 672; })(), "After an item is dequeued its position in the queue should be reset to <code>null</code>.");'
+  - text: 'Пытаясь перечеркнуть указатель записи, возвращает значение <code>null</code> и не продвигает указатель записи.'
+    testString: 'assert((function(){ var test = new CircularQueue(3); test.enqueue(17); test.enqueue(32); test.enqueue(591); return test.dequeue() === 17 && test.dequeue() === 32 && test.dequeue() === 591 && test.dequeue() === null && test.dequeue() === null && test.dequeue() === null && test.dequeue() === null && test.enqueue(100) === 100 && test.dequeue() === 100; })(), "Trying to dequeue past the write pointer returns <code>null</code> and does not advance the write pointer.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+class CircularQueue {
+   constructor(size) {
+
+     this.queue = [];
+     this.read = 0;
+     this.write = 0;
+     this.max = size - 1;
+
+     while (size > 0) {
+        this.queue.push(null);
+        size--;
+     }
+
+   }
+
+   print() {
+     return this.queue;
+   }
+
+
+   enqueue(item) {
+    // Only change code below this line
+
+    // Only change code above this line
+   }
+
+   dequeue() {
+    // Only change code below this line
+
+    // Only change code above this line
+   }
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-doubly-linked-list.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-doubly-linked-list.russian.md
new file mode 100644
index 0000000000..4ad63895bf
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-doubly-linked-list.russian.md
@@ -0,0 +1,81 @@
+---
+id: 587d825a367417b2b2512c87
+title: Create a Doubly Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: Создать двойной список
+---
+
+## Description
+<section id="description"> Все связанные списки, которые мы создали до сих пор, представляют собой отдельные списки. Здесь мы создадим <dfn>двусвязный список</dfn> . Как следует из названия, узлы в двусвязном списке имеют ссылки на следующий и предыдущий узел в списке. Это позволяет нам перемещаться по списку в обоих направлениях, но для этого требуется больше памяти, потому что каждый узел должен содержать дополнительную ссылку на предыдущий узел в списке. </section>
+
+## Instructions
+<section id="instructions"> Мы предоставили объект <code>Node</code> и запустили наш <code>DoublyLinkedList</code> . Давайте добавим два метода в наш дважды связанный список, называемый <code>add</code> и <code>remove</code> . <code>add</code> метод должен добавить данный элемент в список , а <code>remove</code> метод должен удалить все вхождения данного элемента в списке. Будьте внимательны при обработке этих возможных случаев, например, для удаления первого или последнего элемента. Кроме того, удаление любого элемента в пустом списке должно возвращать значение <code>null</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Существует структура данных DoublyLinkedList.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; return (typeof test == "object")})(), "The DoublyLinkedList data structure exists.");'
+  - text: 'У DoublyLinkedList есть метод, называемый add.'
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; if (test.add == undefined) { return false; }; return (typeof test.add == "function")})(), "The DoublyLinkedList has a method called add.");'
+  - text: 'У DoublyLinkedList есть метод, называемый remove.'
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; if (test.remove == undefined) { return false; }; return (typeof test.remove == "function")})(), "The DoublyLinkedList has a method called remove.");'
+  - text: Удаление элемента из пустого списка возвращает null.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; return (test.remove(100) == null); })(), "Removing an item from an empty list returns null.");'
+  - text: Метод добавления добавляет элементы в список.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(5); test.add(6); test.add(723); return (test.print().join("") == "56723"); })(), "The add method adds items to the list.");'
+  - text: Каждый узел отслеживает предыдущий узел.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(50); test.add(68); test.add(73); return (test.printReverse().join("") == "736850"); })(), "Each node keeps track of the previous node.");'
+  - text: Первый элемент можно удалить из списка.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(25); test.add(35); test.add(60); test.remove(25); return ( test.print().join("") == "3560" ) })(), "The first item can be removed from the list.");'
+  - text: Последний элемент можно удалить из списка.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(25); test.add(35); test.add(60); test.remove(60); return ( test.print().join("") == "2535" ) })(), "The last item can be removed from the list.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Node = function(data, prev) {
+  this.data = data;
+  this.prev = prev;
+  this.next = null;
+};
+var DoublyLinkedList = function() {
+  this.head = null;
+  this.tail = null;
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-hash-table.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-hash-table.russian.md
new file mode 100644
index 0000000000..90ce29a972
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-hash-table.russian.md
@@ -0,0 +1,90 @@
+---
+id: 587d825b367417b2b2512c8e
+title: Create a Hash Table
+challengeType: 1
+videoUrl: ''
+localeTitle: Создание таблицы хешей
+---
+
+## Description
+<section id="description"> В этой задаче мы узнаем о хэш-таблицах. Хэш-таблица используется для реализации ассоциативных массивов или сопоставлений пар ключ-значение, таких как объекты и Карты, которые мы только что изучали. Например, объект JavaScript может быть реализован как хэш-таблица (его фактическая реализация будет зависеть от среды, в которой он работает). Способ работы хеш-таблицы состоит в том, что он принимает ключевой ввод и делит этот ключ на некоторое числовое значение. Это числовое значение затем используется как фактический ключ, связанное значение сохраняется. Затем, если вы снова попытаетесь получить доступ к тому же ключу, хеширующая функция обработает ключ, вернет тот же числовой результат, который затем будет использоваться для поиска связанного значения. Это обеспечивает очень эффективное время поиска O (n) в среднем. Хэш-таблицы могут быть реализованы как массивы с хеш-функциями, производящими индексы массивов в заданном диапазоне. В этом методе выбор размера массива важен, как и функция хэширования. Например, что, если функция хэширования дает одно и то же значение для двух разных ключей? Это называется столкновением. Один из способов обработки коллизий - просто сохранить обе пары ключ-значение в этом индексе. Затем, после поиска либо, вам придется перебирать ведро предметов, чтобы найти ключ, который вы ищете. Хорошая функция хэширования минимизирует столкновения для поддержания эффективного времени поиска. Здесь мы не будем беспокоиться о деталях хэширования или реализации хеш-таблицы, мы просто попытаемся получить общее представление о том, как они работают. Инструкции: Давайте создадим базовую функциональность хеш-таблицы. Мы создали наивную функцию хэширования для вас. Вы можете передать строковое значение в хэш функции, и оно вернет хешированное значение, которое вы можете использовать в качестве ключа для хранения. Храните элементы на основе этого хешированного значения в объекте this.collection. Создайте эти три метода: добавьте, удалите и найдите. Первый должен принять пару значений ключа для добавления в хеш-таблицу. Второй должен удалить пару ключ-значение при передаче ключа. Третий должен принять ключ и вернуть связанное значение или null, если ключ отсутствует. Обязательно напишите свой код для учета конфликтов! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Структура данных HashTable существует.
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; return (typeof test === "object")})(), "The HashTable data structure exists.");'
+  - text: В HashTable есть метод добавления.
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; return ((typeof test.add) === "function")})(), "The HashTable has an add method.");'
+  - text: У метода HashTable есть метод удаления.
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; return ((typeof test.remove) === "function")})(), "The HashTable has an remove method.");'
+  - text: У метода HashTable есть метод поиска.
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; return ((typeof test.lookup) === "function")})(), "The HashTable has an lookup method.");'
+  - text: 'Метод add добавляет пары ключевых значений, и метод поиска возвращает значения, связанные с данным ключом.'
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; test.add("key", "value"); return (test.lookup("key") === "value")})(), "The add method adds key value pairs and the lookup method returns the values associated with a given key.");'
+  - text: Метод remove принимает ключ как ввод и удаляет связанную пару ключей.
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; test.add("key", "value"); test.remove("key"); return (test.lookup("key") === null)})(), "The remove method accepts a key as input and removes the associated key value pair.");'
+  - text: Элементы добавляются с помощью хэш-функции.
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; called = 0; test.add("key1","value1"); test.add("key2","value2"); test.add("key3","value3"); return (called === 3)})(), "Items are added using the hash function.");'
+  - text: Хэш-таблица обрабатывает конфликты.
+    testString: 'assert((function() { var test = false; if (typeof HashTable !== "undefined") { test = new HashTable() }; called = 0; test.add("key1","value1"); test.add("1key","value2"); test.add("ke1y","value3"); return (test.lookup("key1") === "value1" && test.lookup("1key") == "value2" && test.lookup("ke1y") == "value3")})(), "The hash table handles collisions.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var called = 0;
+var hash = (string) => {
+  called++;
+  var hash = 0;
+  for (var i = 0; i < string.length; i++) { hash += string.charCodeAt(i); }
+  return hash;
+};
+var HashTable = function() {
+  this.collection = {};
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+  var called = 0;
+    var hash = (string) => {
+     called++;
+      var hash = 0;
+      for (var i = 0; i < string.length; i++) { hash += string.charCodeAt(i); };
+      return hash;
+    };
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-linked-list-class.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-linked-list-class.russian.md
new file mode 100644
index 0000000000..94c68f3b55
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-linked-list-class.russian.md
@@ -0,0 +1,77 @@
+---
+id: 587d8251367417b2b2512c62
+title: Create a Linked List Class
+challengeType: 1
+videoUrl: ''
+localeTitle: Создать класс связанного списка
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Класс <code>LinkedList</code> должен иметь метод <code>add</code> .
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.add === "function")}()), "Your <code>LinkedList</code> class should have a <code>add</code> method.");'
+  - text: Класс <code>LinkedList</code> должен назначить <code>head</code> первому добавленному узлу.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); return test.head().element === "cat"}()), "Your <code>LinkedList</code> class should assign <code>head</code> to the first node added.");'
+  - text: ''
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); return test.head().next.element === "dog"}()), "The previous <code>node</code> in your <code>LinkedList</code> class should have reference to the newest node created.");'
+  - text: <code>size</code> вашего класса <code>LinkedList</code> должен равняться количеству узлов в связанном списке.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); return test.size() === 2}()), "The  <code>size</code> of your <code>LinkedList</code> class should equal the amount of nodes in the linked list.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){
+    this.element = element;
+    this.next = null;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.add = function(element){
+    // Only change code below this line
+
+    // Only change code above this line
+  };
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-map-data-structure.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-map-data-structure.russian.md
new file mode 100644
index 0000000000..edccdf3cc2
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-map-data-structure.russian.md
@@ -0,0 +1,66 @@
+---
+id: 8d5823c8c441eddfaeb5bdef
+title: Create a Map Data Structure
+challengeType: 1
+videoUrl: ''
+localeTitle: Создание структуры данных карты
+---
+
+## Description
+<section id="description"> Следующие несколько проблем будут охватывать карты и хеш-таблицы. Карты - это структуры данных, в которых хранятся пары ключ-значение. В JavaScript они доступны для нас как объекты. Карты обеспечивают быстрый поиск сохраненных элементов на основе значений ключей и являются очень распространенными и полезными структурами данных. Инструкции: Давайте попробуем создать собственную карту. Поскольку объекты JavaScript обеспечивают гораздо более эффективную структуру карты, чем все, что мы могли бы здесь написать, это в первую очередь предназначено для обучения. Однако объекты JavaScript предоставляют нам определенные операции. Что, если мы хотим определить пользовательские операции? Используйте объект <code>Map</code> указанный здесь как обертка вокруг <code>object</code> JavaScript. Создайте следующие методы и операции над объектом Map: <ul><li> <code>add</code> принимает пару <code>key, value</code> для добавления на карту. </li><li> <code>remove</code> принимает ключ и удаляет связанную пару <code>key, value</code> </li><li> <code>get</code> принимает <code>key</code> и возвращает сохраненное <code>value</code> </li><li> <code>has</code> принимает <code>key</code> и возвращает <dfn>истину</dfn> , если ключ существует , или <dfn>ложь</dfn> , если она не делает. </li><li> <code>values</code> возвращают массив всех значений на карте </li><li> <code>size</code> возвращает количество элементов на карте </li><li> <code>clear</code> пустую карту </li></ul></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Структура данных карты существует.
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; return (typeof test == "object")})(), "The Map data structure exists.");'
+  - text: 'Объект Map имеет следующие методы: добавление, удаление, получение, наличие, значения, очистка и размер.'
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; return (typeof test.add == "function" && typeof test.remove == "function" && typeof test.get == "function" && typeof test.has == "function" && typeof test.values == "function" && typeof test.clear == "function" && typeof test.size == "function")})(), "The Map object has the following methods: add, remove, get, has, values, clear, and size.");'
+  - text: Метод добавления добавляет элементы к карте.
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add(5,6); test.add(2,3); test.add(2,5); return (test.size() == 2)})(), "The add method adds items to the map.");'
+  - text: Метод has возвращает true для добавленных элементов и false для отсутствующих элементов.
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add("test","value"); return (test.has("test") && !test.has("false"))})(), "The has method returns true for added items and false for absent items.");'
+  - text: Метод get принимает ключи как входные данные и возвращает связанные значения.
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add("abc","def"); return (test.get("abc") == "def")})(), "The get method accepts keys as input and returns the associated values.");'
+  - text: 'Метод values ​​возвращает все значения, хранящиеся на карте, в виде строк в массиве.'
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add("a","b"); test.add("c","d"); test.add("e","f"); var vals = test.values(); return (vals.indexOf("b") != -1 && vals.indexOf("d") != -1 && vals.indexOf("f") != -1)})(), "The values method returns all the values stored in the map as strings in an array.");'
+  - text: 'Метод clear очищает карту, а метод size возвращает количество элементов, присутствующих на карте.'
+    testString: 'assert((function() { var test = false; if (typeof Map !== "undefined") { test = new Map() }; test.add("b","b"); test.add("c","d"); test.remove("asdfas"); var init = test.size(); test.clear(); return (init == 2 && test.size() == 0)})(), "The clear method empties the map and the size method returns the number of items present in the map.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Map = function() {
+  this.collection = {};
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-priority-queue-class.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-priority-queue-class.russian.md
new file mode 100644
index 0000000000..f22d511425
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-priority-queue-class.russian.md
@@ -0,0 +1,70 @@
+---
+id: 587d8255367417b2b2512c74
+title: Create a Priority Queue Class
+challengeType: 1
+videoUrl: ''
+localeTitle: Создание класса очереди приоритетов
+---
+
+## Description
+<section id="description"> В этом вызове вы создадите очередь приоритетов. Приоритетная очередь - это особый тип очереди, в которой элементы могут иметь дополнительную информацию, которая определяет их приоритет. Это может быть просто представлено целым числом. Приоритет элемента переопределяет порядок размещения при определении элементов последовательности. Если элемент с более высоким приоритетом помещается в очередь после элементов с более низким приоритетом, элемент с более высоким приоритетом будет удален до всех остальных. Например, предположим, что у нас есть очередь приоритетов с тремя элементами: <code>[[&#39;kitten&#39;, 2], [&#39;dog&#39;, 2], [&#39;rabbit&#39;, 2]]</code> Здесь второе значение (целое число) представляет приоритет элемента , Если мы ставим в очередь <code>[&#39;human&#39;, 1]</code> с приоритетом <code>1</code> (при условии, что более низкие приоритеты заданы приоритетом), тогда это будет первый элемент, который будет удален. Коллекция понравится: <code>[[&#39;human&#39;, 1], [&#39;kitten&#39;, 2], [&#39;dog&#39;, 2], [&#39;rabbit&#39;, 2]]</code> . Мы начали писать <code>PriorityQueue</code> в редакторе кода. Вам нужно будет добавить метод <code>enqueue</code> для добавления элементов с приоритетом, метод <code>dequeue</code> для удаления элементов, метод <code>size</code> для возврата количества элементов в очереди, <code>front</code> метод для возврата элемента в передней части очереди и наконец, метод <code>isEmpty</code> , который вернет <code>true</code> если очередь пуста или <code>false</code> если это не так. <code>enqueue</code> должна принимать элементы с форматом, указанным выше ( <code>[&#39;human&#39;, 1]</code> ), где <code>1</code> представляет приоритет. <code>dequeue</code> должен возвращать только текущий элемент, а не его приоритет. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Класс <code>Queue</code> должен иметь метод <code>enqueue</code> .
+    testString: 'assert((function(){var test = new PriorityQueue();  return (typeof test.enqueue === "function")}()), "Your <code>Queue</code> class should have a <code>enqueue</code> method.");'
+  - text: Класс <code>Queue</code> должен иметь метод <code>dequeue</code> .
+    testString: 'assert((function(){var test = new PriorityQueue();  return (typeof test.dequeue === "function")}()), "Your <code>Queue</code> class should have a <code>dequeue</code> method.");'
+  - text: Класс <code>Queue</code> должен иметь метод <code>size</code> .
+    testString: 'assert((function(){var test = new PriorityQueue();  return (typeof test.size === "function")}()), "Your <code>Queue</code> class should have a <code>size</code> method.");'
+  - text: Класс <code>Queue</code> должен иметь метод <code>isEmpty</code> .
+    testString: 'assert((function(){var test = new PriorityQueue();  return (typeof test.isEmpty === "function")}()), "Your <code>Queue</code> class should have an <code>isEmpty</code> method.");'
+  - text: 'Ваш PriorityQueue должен правильно отслеживать текущее количество элементов, используя метод <code>size</code> поскольку элементы находятся в очереди и удалены.'
+    testString: 'assert((function(){var test = new PriorityQueue(); test.enqueue(["David Brown", 2]); test.enqueue(["Jon Snow", 1]); var size1 = test.size(); test.dequeue(); var size2 = test.size(); test.enqueue(["A", 3]); test.enqueue(["B", 3]); test.enqueue(["C", 3]); return (size1 === 2 && size2 === 1 && test.size() === 4)}()), "Your PriorityQueue should correctly keep track of the current number of items using the <code>size</code> method as items are enqueued and dequeued.");'
+  - text: Метод <code>isEmpty</code> должен возвращать <code>true</code> когда очередь пуста.
+    testString: 'assert((function(){var test = new PriorityQueue(); test.enqueue(["A", 1]); test.enqueue(["B", 1]); test.dequeue(); var first = test.isEmpty(); test.dequeue(); return (!first && test.isEmpty()); }()), "The <code>isEmpty</code> method should return <code>true</code> when the queue is empty.");'
+  - text: Очередь приоритета должна возвращать элементы с более высоким приоритетом перед элементами с более низким приоритетом и возвращать элементы в порядке «первым в первом порядке» в противном случае.
+    testString: 'assert((function(){var test = new PriorityQueue(); test.enqueue(["A", 5]); test.enqueue(["B", 5]); test.enqueue(["C", 5]); test.enqueue(["D", 3]); test.enqueue(["E", 1]); test.enqueue(["F", 7]); var result = []; result.push(test.dequeue()); result.push(test.dequeue()); result.push(test.dequeue()); result.push(test.dequeue()); result.push(test.dequeue()); result.push(test.dequeue()); return result.join("") === "EDABCF";}()), "The priority queue should return items with a higher priority before items with a lower priority and return items in first-in-first-out order otherwise.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function PriorityQueue () {
+    this.collection = [];
+    this.printCollection = function() {
+      console.log(this.collection);
+    };
+    // Only change code below this line
+
+    // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-queue-class.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-queue-class.russian.md
new file mode 100644
index 0000000000..1d9186447d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-queue-class.russian.md
@@ -0,0 +1,74 @@
+---
+id: 587d8250367417b2b2512c60
+title: Create a Queue Class
+challengeType: 1
+videoUrl: ''
+localeTitle: Создание класса очереди
+---
+
+## Description
+<section id="description"> Как и стеки, очереди представляют собой набор элементов. Но, в отличие от стеков, очереди следуют принципу FIFO (First-In First-Out). Элементы, добавленные в очередь, помещаются в хвост или конец очереди, и только элемент в передней части очереди разрешен для удаления. Мы могли бы использовать массив для представления очереди, но точно так же, как стеки, мы хотим ограничить количество контроля над нашими очередями. Двумя основными методами класса очереди являются метод enqueue и dequeue. Метод enqueue подталкивает элемент к хвосту очереди, а метод dequeue удаляет и возвращает элемент в передней части очереди. Другими полезными методами являются методы front, size и isEmpty. Инструкции. Напишите метод enqueue, который подталкивает элемент к хвосту очереди, метод dequeue, который удаляет и возвращает передний элемент, передний метод, который позволяет нам видеть передний элемент, метод размера, который показывает длину, и метод isEmpty чтобы проверить, пуста ли очередь. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Класс <code>Queue</code> должен иметь метод <code>enqueue</code> .
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.enqueue === "function")}()), "Your <code>Queue</code> class should have a <code>enqueue</code> method.");'
+  - text: Класс <code>Queue</code> должен иметь метод <code>dequeue</code> .
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.dequeue === "function")}()), "Your <code>Queue</code> class should have a <code>dequeue</code> method.");'
+  - text: Класс <code>Queue</code> должен иметь <code>front</code> метод.
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.front === "function")}()), "Your <code>Queue</code> class should have a <code>front</code> method.");'
+  - text: Класс <code>Queue</code> должен иметь метод <code>size</code> .
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.size === "function")}()), "Your <code>Queue</code> class should have a <code>size</code> method.");'
+  - text: Класс <code>Queue</code> должен иметь метод <code>isEmpty</code> .
+    testString: 'assert((function(){var test = new Queue();  return (typeof test.isEmpty === "function")}()), "Your <code>Queue</code> class should have an <code>isEmpty</code> method.");'
+  - text: Метод <code>dequeue</code> должен удалять и возвращать передний элемент очереди
+    testString: 'assert((function(){var test = new Queue();  test.enqueue("Smith"); return (test.dequeue() === "Smith")}()), "The <code>dequeue</code> method should remove and return the front element of the queue");'
+  - text: ''
+    testString: 'assert((function(){var test = new Queue();  test.enqueue("Smith"); test.enqueue("John"); return (test.front() === "Smith")}()), "The <code>front</code> method should return value of the front element of the queue");'
+  - text: Метод <code>size</code> должен возвращать длину очереди
+    testString: 'assert((function(){var test = new Queue();  test.enqueue("Smith"); return (test.size() === 1)}()), "The <code>size</code> method should return the length of the queue");'
+  - text: Метод <code>isEmpty</code> должен возвращать <code>false</code> если в очереди есть элементы
+    testString: 'assert((function(){var test = new Queue();  test.enqueue("Smith"); return !(test.isEmpty())}()), "The <code>isEmpty</code> method should return <code>false</code> if there are elements in the queue");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Queue () {
+    var collection = [];
+    this.print = function() {
+        console.log(collection);
+    };
+    // Only change code below this line
+
+    // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-set-class.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-set-class.russian.md
new file mode 100644
index 0000000000..05ced60035
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-set-class.russian.md
@@ -0,0 +1,69 @@
+---
+id: 8d1323c8c441eddfaeb5bdef
+title: Create a Set Class
+challengeType: 1
+videoUrl: ''
+localeTitle: Создание набора классов
+---
+
+## Description
+<section id="description"> В следующих нескольких упражнениях мы собираемся создать функцию для эмуляции структуры данных, называемой «Set». Набор подобен массиву, но он не может содержать повторяющиеся значения. Типичное использование набора - это просто проверить наличие предмета. Это может быть реализовано с помощью объекта, например: <blockquote> var set = new Object (); <br> set.foo = true; <br> // Смотрите, существует ли foo в нашем наборе: <br> console.log (set.foo) // true </blockquote> В следующих нескольких упражнениях мы создадим полнофункциональный набор с нуля. Для этого упражнения создайте функцию, которая добавит значение в нашу коллекцию наборов, если это значение еще не существует в наборе. Например: <blockquote> this.add = function (element) { <br> // некоторый код для добавления значения к набору <br> } </blockquote> Функция должна возвращать значение <code>true</code> если значение успешно добавлено, а <code>false</code> противном случае. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Класс <code>Set</code> должен иметь метод <code>add</code> .
+    testString: 'assert((function(){var test = new Set(); return (typeof test.add === "function")}()), "Your <code>Set</code> class should have an <code>add</code> method.");'
+  - text: Ваш метод <code>add</code> не должен добавлять повторяющиеся значения.
+    testString: 'assert((function(){var test = new Set(); test.add("a"); test.add("b"); test.add("a"); var vals = test.values(); return (vals[0] === "a" && vals[1] === "b" && vals.length === 2)}()), "Your <code>add</code> method should not add duplicate values.");'
+  - text: Ваш метод <code>add</code> должен возвращать <code>true</code> когда значение было успешно добавлено.
+    testString: 'assert((function(){var test = new Set(); var result = test.add("a"); return (result != undefined) && (result === true);}()), "Your <code>add</code> method should return <code>true</code> when a value has been successfully added.");'
+  - text: Метод <code>add</code> должен возвращать значение <code>false</code> при добавлении повторяющегося значения.
+    testString: 'assert((function(){var test = new Set(); test.add("a"); var result = test.add("a"); return (result != undefined) && (result === false);}()), "Your <code>add</code> method should return <code>false</code> when a duplicate value is added.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold our set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-stack-class.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-stack-class.russian.md
new file mode 100644
index 0000000000..9b0706dc21
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-stack-class.russian.md
@@ -0,0 +1,74 @@
+---
+id: 587d8250367417b2b2512c5f
+title: Create a Stack Class
+challengeType: 1
+videoUrl: ''
+localeTitle: Создать класс стека
+---
+
+## Description
+<section id="description"> В последнем разделе мы говорили о том, что такое стек и как мы можем использовать массив для представления стека. В этом разделе мы создадим собственный класс стека. Хотя вы можете использовать массивы для создания стеков, иногда лучше ограничивать количество контроля, которое у нас есть с нашими стопами. Помимо метода <code>push</code> и <code>pop</code> , у стеков есть и другие полезные методы. Давайте добавим <code>peek</code> , <code>isEmpty</code> и <code>clear</code> метод в наш класс стека. Инструкции Напишите метод <code>push</code> который подталкивает элемент к вершине стека, метод <code>pop</code> который удаляет элемент в верхней части стека, метод <code>peek</code> который смотрит на первый элемент в стеке, метод <code>isEmpty</code> который проверяет, стек пуст и <code>clear</code> метод, который удаляет все элементы из стека. Обычно у стеков это не так, но мы добавили метод вспомогательной <code>print</code> котором консоль регистрирует коллекцию. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Класс <code>Stack</code> должен иметь метод <code>push</code> .
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.push === "function")}()), "Your <code>Stack</code> class should have a <code>push</code> method.");'
+  - text: Класс <code>Stack</code> должен иметь метод <code>pop</code> .
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.pop === "function")}()), "Your <code>Stack</code> class should have a <code>pop</code> method.");'
+  - text: Класс <code>Stack</code> должен иметь метод <code>peek</code> .
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.peek === "function")}()), "Your <code>Stack</code> class should have a <code>peek</code> method.");'
+  - text: Класс <code>Stack</code> должен иметь метод <code>isEmpty</code> .
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.isEmpty === "function")}()), "Your <code>Stack</code> class should have a <code>isEmpty</code> method.");'
+  - text: Класс <code>Stack</code> должен иметь <code>clear</code> метод.
+    testString: 'assert((function(){var test = new Stack(); return (typeof test.clear === "function")}()), "Your <code>Stack</code> class should have a <code>clear</code> method.");'
+  - text: Метод <code>peek</code> должен возвращать верхний элемент стека
+    testString: 'assert((function(){var test = new Stack();  test.push("CS50"); return (test.peek() === "CS50")}()), "The <code>peek</code> method should return the top element of the stack");'
+  - text: Метод <code>pop</code> должен удалить и вернуть верхний элемент стека
+    testString: 'assert((function(){var test = new Stack(); test.push("CS50"); return (test.pop() === "CS50");}()), "The <code>pop</code> method should remove and return the top element of the stack");'
+  - text: 'Метод <code>isEmpty</code> должен возвращать true, если стек не содержит элементов'
+    testString: 'assert((function(){var test = new Stack(); return test.isEmpty()}()), "The <code>isEmpty</code> method should return true if a stack does not contain any elements");'
+  - text: Метод <code>clear</code> должен удалить весь элемент из стека
+    testString: 'assert((function(){var test = new Stack();  test.push("CS50"); test.clear(); return (test.isEmpty())}()), "The <code>clear</code> method should remove all element from the stack");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Stack() {
+    var collection = [];
+    this.print = function() {
+        console.log(collection);
+    };
+    // Only change code below this line
+
+    // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-trie-search-tree.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-trie-search-tree.russian.md
new file mode 100644
index 0000000000..ebe2d021ca
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-a-trie-search-tree.russian.md
@@ -0,0 +1,72 @@
+---
+id: 587d8259367417b2b2512c84
+title: Create a Trie Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Создание дерева поиска Trie
+---
+
+## Description
+<section id="description"> Здесь мы перейдем от двоичных деревьев поиска и рассмотрим другой тип древовидной структуры, называемый trie. Три - это упорядоченное дерево поиска, обычно используемое для хранения строк или более общих ассоциативных массивов или динамических наборов данных, в которых ключи являются строками. Они очень хороши в хранении наборов данных, когда многие ключи имеют перекрывающиеся префиксы, например, все слова в словаре. В отличие от двоичного дерева, узлы не связаны с фактическими значениями. Вместо этого путь к узлу представляет собой конкретный ключ. Например, если бы мы хотели сохранить строковый код в trie, у нас было бы четыре узла, по одному для каждой буквы: c - o - d - e. После этого пути через все эти узлы затем создадут код как строку - этот путь является ключом, который мы сохранили. Затем, если бы мы хотели добавить строковое кодирование, он разделил бы первые три узла кода, прежде чем разветвиться после d. Таким образом, большие наборы данных могут храниться очень компактно. Кроме того, поиск может быть очень быстрым, поскольку он фактически ограничен длиной строки, которую вы храните. Кроме того, в отличие от двоичных деревьев узел может хранить любое количество дочерних узлов. Как вы могли догадаться из приведенного выше примера, некоторые метаданные обычно хранятся в узлах, которые содержат конец ключа, так что на последующих обходах этот ключ все еще может быть восстановлен. Например, если мы добавили коды в наш пример выше, нам понадобится некоторый способ узнать, что e в коде представляет собой конец ключа, который был ранее введен. В противном случае эта информация будет эффективно потеряна при добавлении кодов. Инструкции: создадим три для хранения слов. Он будет принимать слова через метод добавления и хранить их в структуре данных trie. Это также позволит нам запросить, является ли данная строка словом с методом isWord и извлекает все слова, введенные в trie с помощью метода печати. isWord должен возвращать логическое значение, и print должен возвращать массив всех этих слов в виде строковых значений. Чтобы мы убедились, что эта структура данных реализована правильно, мы предоставили структуру узла для каждого узла в дереве. Каждый узел будет объектом с свойством keys, являющимся объектом JavaScript Map. Это будет содержать отдельные буквы, которые являются действительными ключами каждого узла. Мы также создали свойство конца на узлах, которое может быть установлено в true, если узел представляет собой завершение слова. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: У Trie есть метод добавления.
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; return (typeof test.add == "function") }()), "The Trie has an add method.");'
+  - text: Метод Trie имеет метод печати.
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; return (typeof test.print == "function") }()), "The Trie has a print method.");'
+  - text: У Trie есть метод isWord.
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; return (typeof test.isWord == "function") }()), "The Trie has an isWord method.");'
+  - text: 'Метод print возвращает все элементы, добавленные в trie как строки в массиве.'
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; test.add("jump"); test.add("jumps"); test.add("jumped"); test.add("house"); test.add("mouse"); var added = test.print(); return (added.indexOf("jump") != -1 && added.indexOf("jumps") != -1 && added.indexOf("jumped") != -1 && added.indexOf("house") != -1 && added.indexOf("mouse") != -1 && added.length == 5); }()), "The print method returns all items added to the trie as strings in an array.");'
+  - text: 'Метод isWord возвращает true только для слов, добавленных в trie и false для всех других слов.'
+    testString: 'assert((function testTrie() { var test = false; if (typeof Trie !== "undefined") { test = new Trie() } else { return false; }; test.add("hop"); test.add("hops"); test.add("hopped"); test.add("hoppy"); test.add("hope"); return (test.isWord("hop") && !test.isWord("ho") && test.isWord("hopped") && !test.isWord("hopp") && test.isWord("hoppy") && !test.isWord("hoping")); }()), "The isWord method returns true only for words added to the trie and false for all other words.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+var Node = function() {
+  this.keys = new Map();
+  this.end = false;
+  this.setEnd = function() {
+    this.end = true;
+  };
+  this.isEnd = function() {
+    return this.end;
+  };
+};
+var Trie = function() {
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-an-es6-javascript-map.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-an-es6-javascript-map.russian.md
new file mode 100644
index 0000000000..4751da0be2
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-an-es6-javascript-map.russian.md
@@ -0,0 +1,51 @@
+---
+id: 587d825b367417b2b2512c8d
+title: Create an ES6 JavaScript Map
+challengeType: 1
+videoUrl: ''
+localeTitle: Создание карты JavaScript ES6
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(typeof myMap === "object", "The myMap object exists.");'
+  - text: 'myMap содержит пару ключевых значений <code>freeCodeCamp</code> , <code>Awesome!</code> ,'
+    testString: 'assert(myMap.get("freeCodeCamp") === "Awesome!", "myMap contains the key value pair <code>freeCodeCamp</code>, <code>Awesome!</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-and-add-to-sets-in-es6.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-and-add-to-sets-in-es6.russian.md
new file mode 100644
index 0000000000..0fb0470ea6
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/create-and-add-to-sets-in-es6.russian.md
@@ -0,0 +1,58 @@
+---
+id: 587d8254367417b2b2512c70
+title: Create and Add to Sets in ES6
+challengeType: 1
+videoUrl: ''
+localeTitle: Создание и добавление к наборам в ES6
+---
+
+## Description
+<section id="description"> Теперь, когда вы работали с ES5, вы собираетесь выполнить что-то подобное в ES6. Это будет значительно проще. ES6 содержит встроенную структуру данных. <code>Set</code> операций, которые вы написали вручную, теперь включены для вас. Давайте посмотрим: Чтобы создать новый пустой набор: <code>var set = new Set();</code> Вы можете создать набор со значением: <code>var set = new Set(1);</code> Вы можете создать набор с массивом: <code>var set = new Set([1, 2, 3]);</code> Когда вы создали набор, вы можете добавить нужные значения с помощью метода <code>add</code> : <blockquote> var set = new Set ([1, 2, 3]); <br> set.add ([4, 5, 6]); </blockquote> Напомним, что набор представляет собой структуру данных, которая не может содержать повторяющиеся значения: <blockquote> var set = new Set ([1, 2, 3, 1, 2, 3]); <br> // set содержит только [1, 2, 3] </blockquote></section>
+
+## Instructions
+<section id="instructions"> Для этого упражнения верните набор со следующими значениями: <code>1, 2, 3, &#39;Taco&#39;, &#39;Cat&#39;, &#39;Awesome&#39;</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш <code>Set</code> должен содержать только значения <code>1, 2, 3, Taco, Cat, Awesome</code> .'
+    testString: 'assert(function(){var test = checkSet(); return (test.size == 6) && test.has(1) && test.has(2) && test.has(3) && test.has("Taco") && test.has("Cat") && test.has("Awesome");}, "Your <code>Set</code> should only contain the values <code>1, 2, 3, Taco, Cat, Awesome</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSet() {
+  var set = new Set([1, 2, 3, 3, 2, 1, 2, 3, 1]);
+  // change code below this line
+
+  // change code above this line
+  console.log(set);
+  return set;
+}
+
+checkSet();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/delete-a-leaf-node-in-a-binary-search-tree.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/delete-a-leaf-node-in-a-binary-search-tree.russian.md
new file mode 100644
index 0000000000..c40ad72eaa
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/delete-a-leaf-node-in-a-binary-search-tree.russian.md
@@ -0,0 +1,75 @@
+---
+id: 587d8258367417b2b2512c80
+title: Delete a Leaf Node in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Удалить узел листа в двоичном дереве поиска
+---
+
+## Description
+<section id="description"> Это первая из трех задач, когда мы будем выполнять более сложную операцию в двоичных деревьях поиска: удаление. Удаление затруднено, поскольку удаление узлов ломает ссылки в дереве. Эти ссылки должны быть тщательно восстановлены для обеспечения сохранения структуры двоичного дерева. Для некоторых исключений это означает, что дерево должно быть перестроено. В общем случае вы столкнетесь с одним из трех случаев, когда пытаетесь удалить узел: Leaf Node: цель для удаления имеет ноль детей. Один ребенок: у цели для удаления только один ребенок. Двое детей: цель для удаления имеет два дочерних узла. Удаление листового узла легко, мы просто удалим его. Удаление узла одним ребенком также относительно просто, мы просто удалим его и связаем его родительский с дочерним узлом удаляемого узла. Однако удалить узел с двумя детьми сложнее, поскольку это создает два дочерних узла, которые необходимо переподключить к родительскому дереву. Мы посмотрим, как справиться с этим делом в третьем вызове. Кроме того, вы должны помнить о некоторых случаях при обработке удаления. Что делать, если дерево пустое? Что делать, если удаляемый узел является корневым узлом? Что делать, если в дереве есть только два элемента? Теперь давайте рассмотрим первый случай, когда мы удаляем листовой узел. Инструкции: Создайте метод на нашем двоичном дереве, который называется <code>remove</code> . Здесь мы построим логику для операции удаления. Во-первых, вам нужно создать функцию в удалении, которая находит узел, который мы пытаемся удалить в текущем дереве. Если узел отсутствует в дереве, <code>remove</code> должен вернуть значение <code>null</code> . Теперь, если целевой узел является листовым узлом без детей, то родительская ссылка на него должна быть установлена ​​в <code>null</code> . Это эффективно удаляет узел из дерева. Для этого вам нужно будет отслеживать родительский узел узла, который мы также пытаемся удалить. Также будет полезно создать способ отслеживания числа дочерних узлов целевого узла, так как это определит, к какому случаю относится наше удаление. Мы рассмотрим второй и третий случаи в следующих задачах. Удачи! </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: 'Двоичное дерево поиска имеет метод, называемый <code>remove</code> .'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.remove == "function")})(), "The binary search tree has a method called <code>remove</code>.");'
+  - text: 'Попытка удалить элемент, который не существует, возвращает <code>null</code> .'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; return (test.remove(100) == null); })(), "Trying to remove an element that does not exist returns <code>null</code>.");'
+  - text: 'Если корневой узел не имеет дочерних элементов, его удаление устанавливает корень в <code>null</code> .'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(500); test.remove(500); return (test.inorder() == null); })(), "If the root node has no children, deleting it sets the root to <code>null</code>.");'
+  - text: Метод <code>remove</code> удаляет листовые узлы из дерева
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(5); test.add(3); test.add(7); test.add(6); test.add(10); test.add(12); test.remove(3); test.remove(12); test.remove(10); return (test.inorder().join("") == "567"); })(), "The <code>remove</code> method removes leaf nodes from the tree");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+
+function BinarySearchTree() {
+    this.root = null;
+    // case 1: target has no children, change code below this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/delete-a-node-with-one-child-in-a-binary-search-tree.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/delete-a-node-with-one-child-in-a-binary-search-tree.russian.md
new file mode 100644
index 0000000000..55b7216d03
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/delete-a-node-with-one-child-in-a-binary-search-tree.russian.md
@@ -0,0 +1,121 @@
+---
+id: 587d8258367417b2b2512c81
+title: Delete a Node with One Child in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Удаление узла с одним ребенком в двоичном дереве поиска
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Существует структура данных <code>BinarySearchTree</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: 'Двоичное дерево поиска имеет метод, называемый <code>remove</code> .'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.remove == "function")})(), "The binary search tree has a method called <code>remove</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; return (test.remove(100) == null); })(), "Trying to remove an element that does not exist returns <code>null</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(500); test.remove(500); return (test.inorder() == null); })(), "If the root node has no children, deleting it sets the root to <code>null</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(5); test.add(3); test.add(7); test.add(6); test.add(10); test.add(12); test.remove(3); test.remove(12); test.remove(10); return (test.inorder().join("") == "567"); })(), "The <code>remove</code> method removes leaf nodes from the tree");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(-1); test.add(3); test.add(7); test.add(16); test.remove(16); test.remove(7); test.remove(3); return (test.inorder().join("") == "-1"); })(), "The <code>remove</code> method removes nodes with one child.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(15); test.add(27); test.remove(15); return (test.inorder().join("") == "27"); })(), "Removing the root in a tree with two nodes sets the second to be the root.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+
+function BinarySearchTree() {
+  this.root = null;
+  this.remove = function(value) {
+    if (this.root === null) {
+      return null;
+    }
+    var target;
+    var parent = null;
+    // find the target value and its parent
+    (function findValue(node = this.root) {
+      if (value == node.value) {
+        target = node;
+      } else if (value < node.value && node.left !== null) {
+        parent = node;
+        return findValue(node.left);
+      } else if (value < node.value && node.left === null) {
+        return null;
+      } else if (value > node.value && node.right !== null) {
+        parent = node;
+        return findValue(node.right);
+      } else {
+        return null;
+      }
+    }).bind(this)();
+    if (target === null) {
+      return null;
+    }
+    // count the children of the target to delete
+    var children = (target.left !== null ? 1 : 0) + (target.right !== null ? 1 : 0);
+    // case 1: target has no children
+    if (children === 0) {
+      if (target == this.root) {
+        this.root = null;
+      }
+      else {
+        if (parent.left == target) {
+          parent.left = null;
+        } else {
+          parent.right = null;
+        }
+      }
+    }
+    // case 2: target has one child, change code below this line
+  };
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/delete-a-node-with-two-children-in-a-binary-search-tree.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/delete-a-node-with-two-children-in-a-binary-search-tree.russian.md
new file mode 100644
index 0000000000..d856c8e18d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/delete-a-node-with-two-children-in-a-binary-search-tree.russian.md
@@ -0,0 +1,139 @@
+---
+id: 587d8258367417b2b2512c82
+title: Delete a Node with Two Children in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Удаление узла с двумя детьми в двоичном дереве поиска
+---
+
+## Description
+<section id="description"> Удаление узлов, имеющих двух детей, является самым сложным для реализации. Удаление такого узла приводит к двум поддеревьям, которые больше не связаны с исходной древовидной структурой. Как мы можем их восстановить? Один из методов заключается в том, чтобы найти наименьшее значение в правом поддереве целевого узла и заменить целевой узел на это значение. Выбор замены таким образом гарантирует, что он больше, чем каждый узел в левом поддереве, он становится новым родителем, но также меньше, чем каждый узел в правом поддереве, он становится новым родителем. После этой замены узел замены должен быть удален из правого поддерева. Даже эта операция сложна, потому что замена может быть листом, или она сама может быть родителем правильного поддерева. Если это лист, мы должны удалить ссылку на родителя. В противном случае это должен быть правильный ребенок цели. В этом случае мы должны заменить целевое значение значением замены и сделать целевую ссылку правильным ребенком замены. Инструкции: Закончим наш метод <code>remove</code> , обработав третий случай. Мы снова предоставили код для первых двух случаев. Добавьте код для обработки целевых узлов двумя детьми. Любые случаи краев, о которых нужно знать? Что, если дерево имеет только три узла? По завершении этого будет завершена операция удаления двоичных деревьев поиска. Хорошая работа, это довольно сложная проблема! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Существует структура данных <code>BinarySearchTree</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: 'Двоичное дерево поиска имеет метод, называемый <code>remove</code> .'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.remove == "function")})(), "The binary search tree has a method called <code>remove</code>.");'
+  - text: 'Попытка удалить элемент, который не существует, возвращает <code>null</code> .'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.remove == "function") ? (test.remove(100) == null) : false})(), "Trying to remove an element that does not exist returns <code>null</code>.");'
+  - text: 'Если корневой узел не имеет дочерних элементов, его удаление устанавливает корень в <code>null</code> .'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; test.add(500); test.remove(500); return (typeof test.remove == "function") ? (test.inorder() == null) : false})(), "If the root node has no children, deleting it sets the root to <code>null</code>.");'
+  - text: Метод <code>remove</code> удаляет листовые узлы из дерева
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; test.add(5); test.add(3); test.add(7); test.add(6); test.add(10); test.add(12); test.remove(3); test.remove(12); test.remove(10); return (typeof test.remove == "function") ? (test.inorder().join("") == "567") : false})(), "The <code>remove</code> method removes leaf nodes from the tree");'
+  - text: Метод <code>remove</code> удаляет узлы с одним дочерним элементом.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(-1); test.add(3); test.add(7); test.add(16); test.remove(16); test.remove(7); test.remove(3); return (test.inorder().join("") == "-1"); })(), "The <code>remove</code> method removes nodes with one child.");'
+  - text: Удаление корня в дереве с двумя узлами устанавливает второй корень.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(15); test.add(27); test.remove(15); return (test.inorder().join("") == "27"); })(), "Removing the root in a tree with two nodes sets the second to be the root.");'
+  - text: Метод <code>remove</code> удаляет узлы с двумя дочерними элементами при сохранении структуры двоичного дерева поиска.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(1); test.add(4); test.add(3); test.add(7); test.add(9); test.add(11); test.add(14); test.add(15); test.add(19); test.add(50); test.remove(9); if (!test.isBinarySearchTree()) { return false; }; test.remove(11); if (!test.isBinarySearchTree()) { return false; }; test.remove(14); if (!test.isBinarySearchTree()) { return false; }; test.remove(19); if (!test.isBinarySearchTree()) { return false; }; test.remove(3); if (!test.isBinarySearchTree()) { return false; }; test.remove(50); if (!test.isBinarySearchTree()) { return false; }; test.remove(15); if (!test.isBinarySearchTree()) { return false; }; return (test.inorder().join("") == "147"); })(), "The <code>remove</code> method removes nodes with two children while maintaining the binary search tree structure.");'
+  - text: Корень можно удалить на дереве из трех узлов.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.remove !== "function") { return false; }; test.add(100); test.add(50); test.add(300); test.remove(100); return (test.inorder().join("") == 50300); })(), "The root can be removed on a tree of three nodes.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+
+function BinarySearchTree() {
+  this.root = null;
+  this.remove = function(value) {
+    if (this.root === null) {
+      return null;
+    }
+    var target;
+    var parent = null;
+    // find the target value and its parent
+    (function findValue(node = this.root) {
+      if (value == node.value) {
+        target = node;
+      } else if (value < node.value && node.left !== null) {
+        parent = node;
+        return findValue(node.left);
+      } else if (value < node.value && node.left === null) {
+        return null;
+      } else if (value > node.value && node.right !== null) {
+        parent = node;
+        return findValue(node.right);
+      } else {
+        return null;
+      }
+    }).bind(this)();
+    if (target === null) {
+      return null;
+    }
+    // count the children of the target to delete
+    var children = (target.left !== null ? 1 : 0) + (target.right !== null ? 1 : 0);
+    // case 1: target has no children
+    if (children === 0) {
+      if (target == this.root) {
+        this.root = null;
+      }
+      else {
+        if (parent.left == target) {
+          parent.left = null;
+        } else {
+          parent.right = null;
+        }
+      }
+    }
+    // case 2: target has one child
+    else if (children == 1) {
+      var newChild = (target.left !== null) ? target.left : target.right;
+      if (parent === null) {
+        target.value = newChild.value;
+        target.left = null;
+        target.right = null;
+      } else if (newChild.value < parent.value) {
+        parent.left = newChild;
+      } else {
+        parent.right = newChild;
+      }
+      target = null;
+    }
+    // case 3: target has two children, change code below this line
+  };
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/depth-first-search.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/depth-first-search.russian.md
new file mode 100644
index 0000000000..36491a2340
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/depth-first-search.russian.md
@@ -0,0 +1,73 @@
+---
+id: 587d825d367417b2b2512c96
+title: Depth-First Search
+challengeType: 1
+videoUrl: ''
+localeTitle: Поиск по глубине
+---
+
+## Description
+<section id="description"> Подобно <dfn>широкому поиску</dfn> , здесь мы узнаем о другом алгоритме обхода графа, называемом методом поиска по <dfn>глубине</dfn> . В то время как поиск по ширине ищет инкрементные длины кромок от исходного узла, <dfn>поиск по глубине сначала</dfn> идет по пути ребер, насколько это возможно. Как только он достигнет одного конца пути, поиск вернется к последнему узлу с не посещенным краем пути и продолжит поиск. Визуально это то, что делает алгоритм, когда верхний узел является отправной точкой поиска. <img class="img-responsive" src="https://camo.githubusercontent.com/aaad9e39961daf34d967c616edeb50abf3bf1235/68747470733a2f2f75706c6f61642e77696b696d656469612e6f72672f77696b6970656469612f636f6d6d6f6e732f372f37662f44657074682d46697273742d5365617263682e676966"> Простым выходом этого алгоритма является список узлов, которые достижимы с данного узла. Поэтому при реализации этого алгоритма вам нужно будет отслеживать узлы, которые вы посещаете. </section>
+
+## Instructions
+<section id="instructions"> Напишите функцию <code>dfs()</code> которая принимает неориентированный <code>graph</code> матрицы смежности и <code>root</code> метки узла в качестве параметров. Метка узла будет просто числовым значением узла между <code>0</code> и <code>n - 1</code> , где <code>n</code> - общее количество узлов на графике. Ваша функция должна выводить массив всех узлов, доступных из <code>root</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Входной график <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> с начальным узлом <code>1</code> должен возвращать массив с <code>0</code> , <code>1</code> , <code>2</code> и <code>3</code> .'
+    testString: 'assert.sameMembers((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 1);})(), [0, 1, 2, 3], "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>1</code> should return an array with <code>0</code>, <code>1</code>, <code>2</code>, and <code>3</code>.");'
+  - text: 'Входной график <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> с начальным узлом <code>1</code> должен возвращать массив с четырьмя элементами.'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 1);})().length === 4, "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>1</code> should return an array with four elements.");'
+  - text: 'Входной граф <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> с начальным узлом <code>3</code> должен возвращать массив с <code>3</code> .'
+    testString: 'assert.sameMembers((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]; return dfs(graph, 3);})(), [3], "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> with a start node of <code>3</code> should return an array with <code>3</code>.");'
+  - text: 'Входной граф <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> с начальным узлом <code>3</code> должен возвращать массив с одним элементом.'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]; return dfs(graph, 3);})().length === 1, "The input graph <code>[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]</code> with a start node of <code>3</code> should return an array with one element.");'
+  - text: 'Входной граф <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> с начальным узлом <code>3</code> должен возвращать массив с <code>2</code> и <code>3</code> .'
+    testString: 'assert.sameMembers((function() { var graph = [[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 3);})(), [2, 3], "The input graph <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>3</code> should return an array with <code>2</code> and <code>3</code>.");'
+  - text: 'Входной граф <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> с начальным узлом <code>3</code> должен возвращать массив с двумя элементами.'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 3);})().length === 2, "The input graph <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>3</code> should return an array with two elements.");'
+  - text: 'Входной граф <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> с начальным узлом <code>0</code> должен возвращать массив с <code>0</code> и <code>1</code> .'
+    testString: 'assert.sameMembers((function() { var graph = [[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 0);})(), [0, 1], "The input graph <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>0</code> should return an array with <code>0</code> and <code>1</code>.");'
+  - text: 'Входной граф <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> с начальным узлом <code>0</code> должен возвращать массив с двумя элементами.'
+    testString: 'assert((function() { var graph = [[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]; return dfs(graph, 0);})().length === 2, "The input graph <code>[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]</code> with a start node of <code>0</code> should return an array with two elements.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function dfs(graph, root) {
+
+}
+
+var exDFSGraph = [
+  [0, 1, 0, 0],
+  [1, 0, 1, 0],
+  [0, 1, 0, 1],
+  [0, 0, 1, 0]
+];
+console.log(dfs(exDFSGraph, 3));
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-height-of-a-binary-search-tree.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-height-of-a-binary-search-tree.russian.md
new file mode 100644
index 0000000000..8abb3228b1
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-height-of-a-binary-search-tree.russian.md
@@ -0,0 +1,82 @@
+---
+id: 587d8257367417b2b2512c7d
+title: Find the Minimum and Maximum Height of a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Найдите минимальную и максимальную высоту двоичного дерева поиска
+---
+
+## Description
+<section id="description"> В последнем вызове мы описали сценарий, в котором дерево может стать неуравновешенным. Чтобы понять концепцию баланса, давайте посмотрим на другое свойство дерева: height. Высота в дереве представляет собой расстояние от корневого узла до любого заданного листового узла. Различные пути в сильно разветвленной структуре дерева могут иметь разную высоту, но для данного дерева будет минимальная и максимальная высота. Если дерево сбалансировано, эти значения будут отличаться не более чем на один. Это означает, что в сбалансированном дереве все листовые узлы существуют на одном уровне, или если они не находятся на одном уровне, они не более одного уровня друг от друга. Свойство баланса важно для деревьев, потому что именно это определяет эффективность древовидных операций. Как мы объяснили в последнем задаче, мы сталкиваемся с худшей временной сложностью для сильно неуравновешенных деревьев. Самобалансирующиеся деревья обычно используются для учета этой проблемы в деревьях с динамическими наборами данных. К общим примерам относятся деревья AVL, красно-черные деревья и B-деревья. Эти деревья содержат дополнительную внутреннюю логику, которая перебалансирует дерево, когда вставки или удаления создают состояние дисбаланса. Примечание. Аналогичным свойством высоты является глубина, которая относится к тому, насколько далеко данный узел находится от корневого узла. Инструкции: Напишите два метода для нашего двоичного дерева: <code>findMinHeight</code> и <code>findMaxHeight</code> . Эти методы должны возвращать целочисленное значение для минимальной и максимальной высоты в заданном двоичном дереве, соответственно. Если узел пуст, назначим ему высоту <code>-1</code> (это базовый случай). Наконец, добавьте третий метод <code>isBalanced</code> который возвращает <code>true</code> или <code>false</code> зависимости от того, сбалансировано ли дерево или нет. Вы можете использовать первые два метода, которые вы только что написали, чтобы определить это. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Существует структура данных <code>BinarySearchTree</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: Двоичное дерево поиска имеет метод под названием <code>findMinHeight</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.findMinHeight == "function")})(), "The binary search tree has a method called <code>findMinHeight</code>.");'
+  - text: Дерево двоичного поиска имеет метод под названием <code>findMaxHeight</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.findMaxHeight == "function")})(), "The binary search tree has a method called <code>findMaxHeight</code>.");'
+  - text: 'Двоичное дерево поиска имеет метод, называемый <code>isBalanced</code> .'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.isBalanced == "function")})(), "The binary search tree has a method called <code>isBalanced</code>.");'
+  - text: Метод <code>findMinHeight</code> возвращает минимальную высоту дерева.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMinHeight !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return (test.findMinHeight() == 1); })(), "The <code>findMinHeight</code> method returns the minimum height of the tree.");'
+  - text: Метод <code>findMaxHeight</code> возвращает максимальную высоту дерева.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMaxHeight !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return (test.findMaxHeight() == 5); })(), "The <code>findMaxHeight</code> method returns the maximum height of the tree.");'
+  - text: Пустое дерево возвращает высоту <code>-1</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMaxHeight !== "function") { return false; }; return (test.findMaxHeight() == -1); })(), "An empty tree returns a height of <code>-1</code>.");'
+  - text: 'Метод <code>isBalanced</code> возвращает true, если дерево является сбалансированным двоичным деревом поиска.'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.isBalanced !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return test.isBalanced(); })(), "The <code>isBalanced</code> method returns true if the tree is a balanced binary search tree.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-value-in-a-binary-search-tree.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-value-in-a-binary-search-tree.russian.md
new file mode 100644
index 0000000000..1c6dc1f797
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/find-the-minimum-and-maximum-value-in-a-binary-search-tree.russian.md
@@ -0,0 +1,78 @@
+---
+id: 587d8256367417b2b2512c7a
+title: Find the Minimum and Maximum Value in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Найти минимальное и максимальное значение в двоичном дереве поиска
+---
+
+## Description
+<section id="description"> Эта серия проблем приведет к созданию структуры данных дерева. Деревья - важная и универсальная структура данных в информатике. Конечно, их имя исходит из того факта, что при визуализации они очень похожи на деревья, с которыми мы знакомы в естественном мире. Структура данных дерева начинается с одного узла, обычно называемого корнем, и отсюда разветвляется на дополнительные узлы, каждый из которых может иметь больше дочерних узлов и т. Д. И т. Д. Структура данных обычно визуализируется с корневым узлом вверху; вы можете думать об этом, как естественное дерево перевернулось вверх дном. Сначала давайте опишем некоторую общую терминологию, с которой мы столкнемся с деревьями. Корневой узел - это вершина дерева. Точки данных в дереве называются узлами. Узлы с ветвями, ведущими к другим узлам, называются родителями узла, к которому ведет ветвь (дочерний элемент). Другие более сложные семейные термины применяются, как и следовало ожидать. Поддерево относится ко всем потомкам конкретного узла, ветви могут упоминаться как ребра, а листовые узлы - узлы в конце дерева, у которых нет детей. Наконец, обратите внимание, что деревья являются по своей природе рекурсивными структурами данных. То есть, любые дочерние узлы являются родителями собственного поддерева и так далее. Рекурсивный характер деревьев важен для понимания при разработке алгоритмов для общих операций дерева. Для начала обсудим конкретный тип дерева - двоичное дерево. Фактически, мы фактически обсудим конкретное двоичное дерево, двоичное дерево поиска. Давайте опишем, что это значит. Хотя структура данных дерева может иметь любое количество ветвей в одном узле, двоичное дерево может иметь только две ветви для каждого узла. Кроме того, двоичное дерево поиска упорядочено относительно дочерних поддеревьев, так что значение каждого узла в левом поддереве меньше или равно значению родительского узла, а значение каждого узла в правом поддереве равно больше или равно значению родительского узла. Очень полезно визуализировать эти отношения, чтобы лучше понять это: <div style="width: 100%; display: flex; justify-content: center; align-items: center;"><img style="width: 100%; max-width: 350px;" src="https://user-images.githubusercontent.com/18563015/32136009-1e665d98-bbd6-11e7-9133-63184f9f9182.png"></div> Теперь это упорядоченное отношение очень легко увидеть. Обратите внимание, что каждое значение слева от корневого узла 8 меньше 8, а каждое значение справа больше 8. Также обратите внимание, что это отношение относится и к каждому из поддеревьев. Например, первый левый дочерний элемент является поддеревом. 3 является родительским узлом и имеет ровно два дочерних узла - по правилам, определяющим деревья двоичного поиска, мы знаем, даже не глядя, что левый ребенок этого узла (и любого его дочернего элемента) будет меньше 3, а правый child (и любой из его дочерних элементов) будет больше 3 (но также меньше корневого значения структуры) и т. д. Двоичные деревья поиска - очень распространенные и полезные структуры данных, поскольку они обеспечивают логарифмическое время в среднем случае для нескольких общих операций, таких как поиск, вставка и удаление. Инструкции: Мы начнем просто. Мы определили скелет структуры двоичного дерева поиска здесь в дополнение к функции для создания узлов для нашего дерева. Обратите внимание, что каждый узел может иметь левое и правое значение. Они будут назначены дочерние поддеревья, если они существуют. В нашем двоичном дереве поиска определите два метода: <code>findMin</code> и <code>findMax</code> . Эти методы должны возвращать минимальное и максимальное значение, хранящиеся в двоичном дереве поиска (не беспокойтесь о добавлении значений в дерево на данный момент, мы добавили некоторые в фоновом режиме). Если вы застряли, подумайте об инварианте, который должен быть истинным для двоичных деревьев поиска: каждое левое поддерево меньше или равно его родительскому элементу, и каждое правое поддерево больше или равно его родительскому. Давайте также скажем, что наше дерево может хранить только целочисленные значения. Если дерево пустое, любой метод должен возвращать значение <code>null</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Существует структура данных <code>BinarySearchTree</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: Двоичное дерево поиска имеет метод под названием <code>findMin</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.findMin == "function")})(), "The binary search tree has a method called <code>findMin</code>.");'
+  - text: Двоичное дерево поиска имеет метод под названием <code>findMax</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.findMax == "function")})(), "The binary search tree has a method called <code>findMax</code>.");'
+  - text: Метод <code>findMin</code> возвращает минимальное значение в двоичном дереве поиска.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMin !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return test.findMin() == 1; })(), "The <code>findMin</code> method returns the minimum value in the binary search tree.");'
+  - text: Метод <code>findMax</code> возвращает максимальное значение в двоичном дереве поиска.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMax !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); return test.findMax() == 87; })(), "The <code>findMax</code> method returns the maximum value in the binary search tree.");'
+  - text: <code>findMin</code> и <code>findMax</code> возвращают значение <code>null</code> для пустого дерева.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.findMin !== "function") { return false; }; if (typeof test.findMax !== "function") { return false; }; return (test.findMin() == null && test.findMax() == null) })(), "The <code>findMin</code> and <code>findMax</code> methods return <code>null</code> for an empty tree.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/implement-heap-sort-with-a-min-heap.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/implement-heap-sort-with-a-min-heap.russian.md
new file mode 100644
index 0000000000..b9cb243d8a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/implement-heap-sort-with-a-min-heap.russian.md
@@ -0,0 +1,72 @@
+---
+id: 587d825b367417b2b2512c8c
+title: Implement Heap Sort with a Min Heap
+challengeType: 1
+videoUrl: ''
+localeTitle: Выполнение сортировки кучи с помощью Min Heap
+---
+
+## Description
+<section id="description"> Теперь, когда мы можем добавлять и удалять элементы, давайте посмотрим, как можно использовать некоторые кучи приложений. Кучи обычно используются для реализации очередей приоритетов, поскольку они всегда хранят элемент наибольшего или наименьшего значения в первой позиции. Кроме того, они используются для реализации алгоритма сортировки, называемого сортировкой кучи. Посмотрим, как это сделать. Сортировка кучи использует минимальную кучу, обратную к максимальной куче. Минимальная куча всегда сохраняет элемент наименьшего значения в корневой позиции. Heap sort работает, беря несортированный массив, добавляя каждый элемент в массив в кучу минут, а затем извлекает каждый элемент из кучи min в новый массив. Структура минимальной кучи гарантирует, что новый массив будет содержать исходные элементы по крайней мере до наибольшего порядка. Это один из наиболее эффективных алгоритмов сортировки со средней и наихудшей производительностью O (nlog (n)). Инструкции: Давайте реализуем кучу сортировки с минимальной кучей. Не стесняйтесь адаптировать свой максимальный код кучи. Создайте объект MinHeap с помощью методов вставки, удаления и сортировки. Метод sort должен возвращать массив из всех элементов в куче минимальной сортировки от минимального до самого большого. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Структура данных MinHeap существует.
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() }; return (typeof test == "object")})(), "The MinHeap data structure exists.");'
+  - text: 'У MinHeap есть метод, называемый insert.'
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() } else { return false; }; return (typeof test.insert == "function")})(), "MinHeap has a method called insert.");'
+  - text: 'У MinHeap есть метод, называемый remove.'
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() } else { return false; }; return (typeof test.remove == "function")})(), "MinHeap has a method called remove.");'
+  - text: У MinHeap есть метод под названием sort.
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() } else { return false; }; return (typeof test.sort == "function")})(), "MinHeap has a method called sort.");'
+  - text: 'Метод sort возвращает массив, содержащий все элементы, добавленные в кучу минут в отсортированном порядке.'
+    testString: 'assert((function() { var test = false; if (typeof MinHeap !== "undefined") { test = new MinHeap() } else { return false; }; test.insert(3); test.insert(12); test.insert(5); test.insert(10); test.insert(1); test.insert(27); test.insert(42); test.insert(57); test.insert(5); var result = test.sort(); return (isSorted(result)); })(), "The sort method returns an array containing all items added to the min heap in sorted order.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// check if array is sorted
+function isSorted(arr) {
+  var check = (i) => (i == arr.length - 1) ? true : (arr[i] > arr[i + 1]) ? false : check(i + 1);
+  return check(0);
+}
+// generate a randomly filled array
+var array = new Array();
+(function createArray(size = 5) {
+  array.push(+(Math.random() * 100).toFixed(0));
+  return (size > 1) ? createArray(size - 1) : undefined;
+})(25);
+var MinHeap = function() {
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/incidence-matrix.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/incidence-matrix.russian.md
new file mode 100644
index 0000000000..d673f0dbae
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/incidence-matrix.russian.md
@@ -0,0 +1,59 @@
+---
+id: 587d8256367417b2b2512c79
+title: Incidence Matrix
+challengeType: 1
+videoUrl: ''
+localeTitle: Матрица инцидентов
+---
+
+## Description
+<section id="description"> Еще один способ представить график - положить его в <dfn>матрицу инцидентности.</dfn> Матрица <dfn>инцидентности</dfn> представляет собой двумерный (2D) массив. Вообще говоря, матрица инцидентов связывает два разных класса объектов между двумя его измерениями. Такая матрица подобна матрице смежности. Тем не менее, строки и столбцы означают что-то еще здесь. В графах мы имеем ребра и узлы. Это будут наши «два разных класса объектов». Эта матрица будет содержать строки, в которых узлы и столбцы будут ребрами. Это означает, что мы можем иметь нечетное количество строк и столбцов. Каждый столбец будет представлять собой уникальный ребро. Кроме того, каждое ребро соединяет два узла. Чтобы показать, что существует ребро между двумя узлами, вы поместите 1 в две строки определенного столбца. Ниже приведен граф из 3 узлов с одним ребром между узлом 1 и узлом 3. <blockquote> 1 <br> --- <br> 1 | 1 <br> 2 | 0 <br> 3 | 1 </blockquote> Ниже приведен пример <code>incidence matrix</code> с 4 ребрами и 4 узлами. Помните, что столбцы - это ребра, а строки - сами узлы. <blockquote> 1 2 3 4 <br> -------- <br> 1 | 0 1 1 1 <br> 2 | 1 1 0 0 <br> 3 | 1 0 0 1 <br> 4 | 0 0 1 0 </blockquote> Ниже приведена реализация JavaScript того же самого. <blockquote> var incMat = [ <br> [0, 1, 1, 1], <br> [1, 1, 0, 0], <br> [1, 0, 0, 1], <br> [0, 0, 1, 0] <br> ]; </blockquote> Чтобы создать ориентированный граф, используйте <code>-1</code> для края, оставляющего определенный узел, и <code>1</code> для края, входящего в узел. <blockquote> var incMatDirected = [ <br> [0, -1, 1, -1], <br> [-1, 1, 0, 0], <br> [1, 0, 0, 1], <br> [0, 0, -1, 0] <br> ]; </blockquote> Графики также могут иметь <dfn>веса</dfn> по краям. До сих пор у нас есть <dfn>невзвешенные</dfn> края, где только наличие и отсутствие ребра двоично ( <code>0</code> или <code>1</code> ). Вы можете иметь разные веса в зависимости от вашего приложения. Другой вес представлен как числа больше 1. </section>
+
+## Instructions
+<section id="instructions"> Создайте матрицу инцидентности неориентированного графа с пятью узлами и четырьмя ребрами. Эта матрица должна быть в многомерном массиве. Эти пять узлов имеют отношения, следующие за отношениями. Первое ребро находится между первым и вторым узлами. Второе ребро находится между вторым и третьим узлами. Третий край находится между третьим и пятым узлами. И четыре края расположены между четвертым и вторым узлами. Все весовые коэффициенты ребер имеют один и порядок ребер. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>incMatUndirected</code> должен содержать только пять узлов.
+    testString: 'assert((incMatUndirected.length === 5) && incMatUndirected.map(function(x) { return x.length === 4 }).reduce(function(a, b) { return a && b }) , "<code>incMatUndirected</code> should only contain five nodes.");'
+  - text: Между первым и вторым узлом должно быть первое ребро.
+    testString: 'assert((incMatUndirected[0][0] === 1) && (incMatUndirected[1][0] === 1), "There should be a first edge between the first and second node.");'
+  - text: Между вторым и третьим узлами должно быть второе ребро.
+    testString: 'assert((incMatUndirected[1][1] === 1) && (incMatUndirected[2][1] === 1), "There should be a second edge between the second and third node.");'
+  - text: Между третьим и пятым узлами должно быть третье ребро.
+    testString: 'assert((incMatUndirected[2][2] === 1) && (incMatUndirected[4][2] === 1), "There should be a third edge between the third and fifth node.");'
+  - text: Между вторым и четвертым узлами должно быть четвертое грани.
+    testString: 'assert((incMatUndirected[1][3] === 1) && (incMatUndirected[3][3] === 1), "There should be a fourth edge between the second and fourth node.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var incMatUndirected = [
+
+];
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/insert-an-element-into-a-max-heap.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/insert-an-element-into-a-max-heap.russian.md
new file mode 100644
index 0000000000..ee82225bf3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/insert-an-element-into-a-max-heap.russian.md
@@ -0,0 +1,59 @@
+---
+id: 587d825a367417b2b2512c8a
+title: Insert an Element into a Max Heap
+challengeType: 1
+videoUrl: ''
+localeTitle: Вставка элемента в максимальную кучу
+---
+
+## Description
+<section id="description"> Теперь мы перейдем к другой структуре данных дерева, двоичной куче. Бинарная куча - частично упорядоченное двоичное дерево, которое удовлетворяет свойству кучи. Свойство heap указывает связь между родительским и дочерним узлами. У вас может быть максимальная куча, в которой все родительские узлы больше или равны их дочерним узлам или минимальная куча, в которой верно обратное. Двоичные кучи также являются полными бинарными деревьями. Это означает, что все уровни дерева полностью заполнены, и если последний уровень частично заполнен, он заполняется слева направо. Хотя двоичные кучи могут быть реализованы как древовидные структуры с узлами, которые содержат левую и правую ссылки, частичный порядок в соответствии с свойством кучи позволяет нам представлять кучу с массивом. Отношения родитель-дети - это то, что нас интересует, и с простой арифметикой мы можем вычислить дочерние элементы любого родителя и родителя любого дочернего узла. Например, рассмотрим это представление массива двоичной мини-кучи: <code>[ 6, 22, 30, 37, 63, 48, 42, 76 ]</code> Корневой узел - это первый элемент, 6. Его дети - 22 и 30. Если мы посмотрим при взаимосвязи между индексами массива этих значений для индекса i дети равны 2 * i + 1 и 2 * i + 2. Аналогично, элемент с индексом 0 является родителем этих двух детей по индексам 1 и 2. Подробнее Как правило, мы можем найти родительский узел узла в любом индексе со следующим: (i - 1) / 2. Эти шаблоны будут выполняться, поскольку бинарное дерево растет до любого размера. Наконец, мы можем сделать небольшую корректировку, чтобы сделать эту арифметику еще проще, пропустив первый элемент в массиве. Для этого создается следующее отношение для любого элемента в указанном индексе i: Пример Array: <code>[ null, 6, 22, 30, 37, 63, 48, 42, 76 ]</code> Левый дочерний элемент: i * 2 Правильный дочерний элемент : i * 2 + 1 Родитель элемента: i / 2 После того, как вы обернете свою голову вокруг математики, использование представления массива очень полезно, потому что расположение узлов можно быстро определить с помощью этой арифметики, а использование памяти уменьшилось, потому что вам не нужно для поддержки ссылок на дочерние узлы. Инструкции: Здесь мы создадим максимальную кучу. Начните с создания метода insert, который добавляет элементы в нашу кучу. При вставке важно всегда сохранять свойство кучи. Для максимальной кучи это означает, что корневой элемент всегда должен иметь наибольшее значение в дереве, а все родительские узлы должны быть больше, чем их дети. Для реализации массива кучи это правило выполняется в три этапа: добавьте новый элемент в конец массива. Если элемент больше, чем его родители, переключите их. Продолжайте переключение до тех пор, пока новый элемент не станет меньше его родителя или вы не достигнете корня дерева. Наконец, добавьте метод печати, который возвращает массив всех элементов, которые были добавлены в кучу. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Структура данных MaxHeap существует.
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() }; return (typeof test == "object")})(), "The MaxHeap data structure exists.");'
+  - text: 'MaxHeap имеет метод, называемый insert.'
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.insert == "function")})(), "MaxHeap has a method called insert.");'
+  - text: У MaxHeap есть метод под названием print.
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.print == "function")})(), "MaxHeap has a method called print.");'
+  - text: Метод вставки добавляет элементы в соответствии с свойством максимальной кучи.
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; test.insert(50); test.insert(100); test.insert(700); test.insert(32); test.insert(51); let result = test.print(); return ((result.length == 5) ? result[0] == 700 : result[1] == 700) })(), "The insert method adds elements according to the max heap property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var MaxHeap = function() {
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/invert-a-binary-tree.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/invert-a-binary-tree.russian.md
new file mode 100644
index 0000000000..d1a9167450
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/invert-a-binary-tree.russian.md
@@ -0,0 +1,74 @@
+---
+id: 587d8259367417b2b2512c83
+title: Invert a Binary Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Инвертировать двоичное дерево
+---
+
+## Description
+<section id="description"> Здесь мы создадим функцию инвертирования двоичного дерева. Учитывая двоичное дерево, мы хотим создать новое дерево, эквивалентное зеркальному изображению этого дерева. Выполнение обхода порядка на инвертированном дереве будет исследовать узлы в обратном порядке по сравнению с обходным порядком исходного дерева. Напишите метод для этого, который называется <code>invert</code> на нашем двоичном дереве. Вызов этого метода должен инвертировать текущую древовидную структуру. В идеале мы хотели бы сделать это на месте в линейном времени. То есть мы только посещаем каждый узел один раз, и мы изменяем существующую древовидную структуру, когда мы идем, без использования дополнительной памяти. Удачи! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Существует структура данных <code>BinarySearchTree</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: Двоичное дерево поиска имеет метод <code>invert</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.invert == "function")})(), "The binary search tree has a method called <code>invert</code>.");'
+  - text: Метод <code>invert</code> корректно инвертирует древовидную структуру.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.invert !== "function") { return false; }; test.add(4); test.add(1); test.add(7); test.add(87); test.add(34); test.add(45); test.add(73); test.add(8); test.invert(); return test.inorder().join("") == "877345348741"; })(), "The <code>invert</code> method correctly inverts the tree structure.");'
+  - text: Инвертирование пустого дерева возвращает <code>null</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.invert !== "function") { return false; }; return (test.invert() == null); })(), "Inverting an empty tree returns <code>null</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/learn-how-a-stack-works.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/learn-how-a-stack-works.russian.md
new file mode 100644
index 0000000000..8d0e07bf99
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/learn-how-a-stack-works.russian.md
@@ -0,0 +1,56 @@
+---
+id: 587d8250367417b2b2512c5e
+title: Learn how a Stack Works
+challengeType: 1
+videoUrl: ''
+localeTitle: 'Узнайте, как работает стек'
+---
+
+## Description
+<section id="description"> Вероятно, вы знакомы со стопкой книг на своем столе. Вероятно, вы использовали функцию отмены текстового редактора. Вы также, вероятно, используете для нажатия кнопки «Назад» на своем телефоне, чтобы вернуться к предыдущему виду в приложении. Вы знаете, что у них общего? Все они хранят данные таким образом, чтобы вы могли перемещаться назад. Самая верхняя книга в стеке была той, которая была помещена последней. Если вы удалите эту книгу из верхней части стека, вы откроете книгу, которая была помещена туда до последней книги, и так далее. Если вы думаете об этом, во всех приведенных выше примерах вы получаете тип обслуживания <dfn>Last-In-First-Out</dfn> . Мы постараемся имитировать это с помощью нашего кода. Эта схема хранения данных называется <dfn>стеком</dfn> . В частности, нам пришлось бы реализовать метод <code>push()</code> который толкает объекты JavaScript вверху стека; и <code>pop()</code> , который удаляет объект JavaScript, который находится в верхней части стека в текущий момент. </section>
+
+## Instructions
+<section id="instructions"> Здесь у нас есть набор домашних заданий, представленных как массив: <code>&quot;BIO12&quot;</code> находится у основания, а <code>&quot;PSY44&quot;</code> находится в верхней части стека. Измените данный массив и обработайте его как <code>stack</code> используя описанные выше методы JavaScript. Удалите верхний элемент <code>&quot;PSY44&quot;</code> из стека. Затем добавьте <code>&quot;CS50&quot;</code> в новый верхний элемент стека. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>homeworkStack</code> должен содержать только 4 элемента.
+    testString: 'assert(homeworkStack.length === 4, "<code>homeworkStack</code> should only contain 4 elements.");'
+  - text: Последним элементом <code>homeworkStack</code> должен быть <code>&quot;CS50&quot;</code> .
+    testString: 'assert(homeworkStack[3] === "CS50", "The last element in <code>homeworkStack</code> should be <code>"CS50"</code>.");'
+  - text: <code>homeworkStack</code> не должны содержать <code>&quot;PSY44&quot;</code> .
+    testString: 'assert(homeworkStack.indexOf("PSY44") === -1, "<code>homeworkStack</code> should not contain <code>"PSY44"</code>.");'
+  - text: Исходное объявление <code>homeworkStack</code> таблицы не должно быть изменено.
+    testString: 'assert(code.match(/=/g).length === 1 && /homeworkStack\s*=\s*\["BIO12"\s*,\s*"HIS80"\s*,\s*"MAT122"\s*,\s*"PSY44"\]/.test(code), "The initial declaration of the <code>homeworkStack</code> should not be changed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var homeworkStack = ["BIO12","HIS80","MAT122","PSY44"];
+// Only change code below this line
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/perform-a-difference-on-two-sets-of-data.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/perform-a-difference-on-two-sets-of-data.russian.md
new file mode 100644
index 0000000000..ed260add26
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/perform-a-difference-on-two-sets-of-data.russian.md
@@ -0,0 +1,110 @@
+---
+id: 587d8254367417b2b2512c6e
+title: Perform a Difference on Two Sets of Data
+challengeType: 1
+videoUrl: ''
+localeTitle: Выполните разницу на двух наборах данных
+---
+
+## Description
+<section id="description"> В этом упражнении мы собираемся выполнить разницу на 2 набора данных. Мы создадим метод на нашем <code>Set</code> структуры данных называется <code>difference</code> . Разница множеств должна сравнивать два набора и возвращать элементы, присутствующие в первом наборе, отсутствующие во втором. Этот метод должен принять другой <code>Set</code> в качестве аргумента и вернуть <code>difference</code> двух наборов. Например, если <code>setA = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;]</code> и <code>setB = [&#39;a&#39;,&#39;b&#39;,&#39;d&#39;,&#39;e&#39;]</code> , то разность setA и setB равна: <code>setA.difference(setB) = [&#39;c&#39;]</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Класс <code>Set</code> должен иметь <code>difference</code> метод.
+    testString: 'assert(function(){var test = new Set(); return (typeof test.difference === "function")}, "Your <code>Set</code> class should have a <code>difference</code> method.");'
+  - text: Собственная коллекция была возвращена
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setA.add("b"); setA.add("c"); setB.add("c"); setB.add("d"); var differenceSetAB = setA.difference(setB); return (differenceSetAB.size() === 2) && (differenceSetAB.values() === [ "a", "b" ])}, "The proper collection was returned");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // this method will return the size of the collection
+    this.size = function() {
+        return collection.length;
+    };
+    // this method will return the union of two sets
+    this.union = function(otherSet) {
+        var unionSet = new Set();
+        var firstSet = this.values();
+        var secondSet = otherSet.values();
+        firstSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        secondSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        return unionSet;
+    };
+    // this method will return the intersection of two sets as a new set
+    this.intersection = function(otherSet) {
+        var intersectionSet = new Set();
+        var firstSet = this.values();
+        firstSet.forEach(function(e){
+            if(otherSet.has(e)){
+                intersectionSet.add(e);
+            }
+        });
+        return intersectionSet;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/perform-a-subset-check-on-two-sets-of-data.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/perform-a-subset-check-on-two-sets-of-data.russian.md
new file mode 100644
index 0000000000..2f75c533ab
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/perform-a-subset-check-on-two-sets-of-data.russian.md
@@ -0,0 +1,129 @@
+---
+id: 587d8254367417b2b2512c6f
+title: Perform a Subset Check on Two Sets of Data
+challengeType: 1
+videoUrl: ''
+localeTitle: Выполните проверку подмножества на двух наборах данных
+---
+
+## Description
+<section id="description"> В этом упражнении мы собираемся выполнить тест подмножества на 2 набора данных. Мы создадим метод на нашем <code>Set</code> структуры данных называется <code>subset</code> . Это будет сравнивать первый набор, второй и если первый набор полностью содержится внутри второго, тогда он вернет true. Например, если <code>setA = [&#39;a&#39;,&#39;b&#39;]</code> и <code>setB = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]</code> , то подмножество setA и setB будет: <code>setA.subset(setB)</code> должно быть <code>true</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Класс <code>Set</code> должен иметь метод <code>union</code> .
+    testString: 'assert(function(){var test = new Set(); return (typeof test.subset === "function")}, "Your <code>Set</code> class should have a <code>union</code> method.");'
+  - text: Первый Set () содержался во втором наборе
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setB.add("b"); setB.add("c"); setB.add("a"); setB.add("d"); var subsetSetAB = setA.subset(setB);return (subsetSetAB === true)}, "The first Set() was contained in the second Set");'
+  - text: '<code>[&quot;a&quot;, &quot;b&quot;].subset([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;])</code> должно возвращать <code>true</code> &quot;).'
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setA.add("b"); setB.add("a"); setB.add("b"); setB.add("c"); setB.add("d"); var subsetSetAB = setA.subset(setB); return (subsetSetAB === true)}, "<code>["a", "b"].subset(["a", "b", "c", "d"])</code> should return <code>true</code>");'
+  - text: '<code>[&quot;a&quot;, &quot;b&quot;, &quot;c&quot;].subset([&quot;a&quot;, &quot;b&quot;])</code> должно возвращать <code>false</code> &quot;).'
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setA.add("b"); setA.add("c"); setB.add("a"); setB.add("b"); var subsetSetAB = setA.subset(setB); return (subsetSetAB === false)}, "<code>["a", "b", "c"].subset(["a", "b"])</code> should return <code>false</code>");'
+  - text: '<code>[].subset([])</code> должен возвращать <code>true</code>'
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); var subsetSetAB = setA.subset(setB); return (subsetSetAB === true)}, "<code>[].subset([])</code> should return <code>true</code>");'
+  - text: '<code>[&quot;a&quot;, &quot;b&quot;].subset([&quot;c&quot;, &quot;d&quot;])</code> должно возвращать <code>false</code> &quot;).'
+    testString: 'assert(function(){var setA = new Set(); var setB = new Set(); setA.add("a"); setA.add("b"); setB.add("c"); setB.add("d"); var subsetSetAB = setA.subset(setB); return (subsetSetAB === false)}, "<code>["a", "b"].subset(["c", "d"])</code> should return <code>false</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // this method will return the size of the collection
+    this.size = function() {
+        return collection.length;
+    };
+    // this method will return the union of two sets
+    this.union = function(otherSet) {
+        var unionSet = new Set();
+        var firstSet = this.values();
+        var secondSet = otherSet.values();
+        firstSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        secondSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        return unionSet;
+    };
+    // this method will return the intersection of two sets as a new set
+    this.intersection = function(otherSet) {
+        var intersectionSet = new Set();
+        var firstSet = this.values();
+        firstSet.forEach(function(e){
+            if(otherSet.has(e)){
+                intersectionSet.add(e);
+            }
+        });
+        return intersectionSet;
+    };
+    // this method will return the difference of two sets as a new set
+    this.difference = function(otherSet) {
+        var differenceSet = new Set();
+        var firstSet = this.values();
+        firstSet.forEach(function(e){
+            if(!otherSet.has(e)){
+                differenceSet.add(e);
+            }
+        });
+        return differenceSet;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/perform-a-union-on-two-sets.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/perform-a-union-on-two-sets.russian.md
new file mode 100644
index 0000000000..c186210b45
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/perform-a-union-on-two-sets.russian.md
@@ -0,0 +1,87 @@
+---
+id: 587d8253367417b2b2512c6c
+title: Perform a Union on Two Sets
+challengeType: 1
+videoUrl: ''
+localeTitle: Выполните Союз на двух наборах
+---
+
+## Description
+<section id="description"> В этом упражнении мы собираемся выполнить объединение на двух наборах данных. Мы создадим метод в нашей структуре данных <code>Set</code> называемый <code>union</code> . Этот метод должен принимать другой <code>Set</code> в качестве аргумента и возвращать <code>union</code> двух наборов, исключая любые повторяющиеся значения. Например, если <code>setA = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;]</code> и <code>setB = [&#39;a&#39;,&#39;b&#39;,&#39;d&#39;,&#39;e&#39;]</code> , то объединение множества A и setB: <code>setA.union(setB) = [&#39;a&#39;, &#39;b&#39;, &#39;c&#39;, &#39;d&#39;, &#39;e&#39;]</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Класс <code>Set</code> должен иметь метод <code>union</code> .
+    testString: 'assert((function(){var test = new Set(); return (typeof test.union === "function")})(), "Your <code>Set</code> class should have a <code>union</code> method.");'
+  - text: Собственная коллекция была возвращена
+    testString: 'assert((function(){var setA = new Set();  var setB = new Set();  setA.add("a");  setA.add("b");  setA.add("c");  setB.add("c");  setB.add("d");  var unionSetAB = setA.union(setB); var final = unionSetAB.values(); return (final.indexOf("a") !== -1 && final.indexOf("b") !== -1 && final.indexOf("c") !== -1 && final.indexOf("d") !== -1 && final.length === 4)})(), "The proper collection was returned");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+   // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // this method will return the size of the set
+    this.size = function() {
+        return collection.length;
+    };
+    // change code below this line
+
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/perform-an-intersection-on-two-sets-of-data.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/perform-an-intersection-on-two-sets-of-data.russian.md
new file mode 100644
index 0000000000..642f0affa1
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/perform-an-intersection-on-two-sets-of-data.russian.md
@@ -0,0 +1,99 @@
+---
+id: 587d8253367417b2b2512c6d
+title: Perform an Intersection on Two Sets of Data
+challengeType: 1
+videoUrl: ''
+localeTitle: Выполнить пересечение на двух наборах данных
+---
+
+## Description
+<section id="description"> В этом упражнении мы собираемся выполнить пересечение на 2 набора данных. Мы создадим метод на наших <code>Set</code> структуры данных называется <code>intersection</code> . Пересечение множеств представляет все значения, которые являются общими для двух или более наборов. Этот метод должен принимать другой <code>Set</code> в качестве аргумента и возвращать <code>intersection</code> двух наборов. Например, если <code>setA = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;]</code> и <code>setB = [&#39;a&#39;,&#39;b&#39;,&#39;d&#39;,&#39;e&#39;]</code> , то пересечение множества A и множества B: <code>setA.intersection(setB) = [&#39;a&#39;, &#39;b&#39;]</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Класс <code>Set</code> должен иметь метод <code>intersection</code> .
+    testString: 'assert(function(){var test = new Set(); return (typeof test.intersection === "function")}, "Your <code>Set</code> class should have a <code>intersection</code> method.");'
+  - text: Собственная коллекция была возвращена
+    testString: 'assert(function(){  var setA = new Set();  var setB = new Set();  setA.add("a");  setA.add("b");  setA.add("c");  setB.add("c");  setB.add("d");  var intersectionSetAB = setA.intersection(setB); return (intersectionSetAB.size() === 1 && intersectionSetAB.values()[0] === "c")}, "The proper collection was returned");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+   // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // this method will return the size of the collection
+    this.size = function() {
+        return collection.length;
+    };
+    // this method will return the union of two sets
+    this.union = function(otherSet) {
+        var unionSet = new Set();
+        var firstSet = this.values();
+        var secondSet = otherSet.values();
+        firstSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        secondSet.forEach(function(e){
+            unionSet.add(e);
+        });
+        return unionSet;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/remove-an-element-from-a-max-heap.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/remove-an-element-from-a-max-heap.russian.md
new file mode 100644
index 0000000000..db81edd1d0
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/remove-an-element-from-a-max-heap.russian.md
@@ -0,0 +1,61 @@
+---
+id: 587d825b367417b2b2512c8b
+title: Remove an Element from a Max Heap
+challengeType: 1
+videoUrl: ''
+localeTitle: Удалить элемент из максимальной кучи
+---
+
+## Description
+<section id="description"> Теперь, когда мы можем добавить элементы в нашу кучу, посмотрим, как мы можем удалить элементы. Для снятия и вставки элементов требуется аналогичная логика. В максимальной куче вы обычно хотите удалить наибольшую ценность, поэтому это требует просто извлечь ее из корня нашего дерева. Это разрушит свойство кучи нашего дерева, поэтому мы должны каким-то образом восстановить его. Как правило, для максимальной кучи это делается следующим образом: переместите последний элемент в куче в корневую позицию. Если любой корень корня больше, чем он, замените корень с дочерним значением большего значения. Продолжайте замену, пока родитель больше, чем оба ребенка, или вы достигнете последнего уровня в дереве. Инструкции: добавьте метод в нашу максимальную кучу, называемую remove. Этот метод должен вернуть наибольшее значение, которое было добавлено в нашу максимальную кучу и удалить его из кучи. Он также должен изменить порядок кучи, чтобы сохранить свойство кучи. После удаления элемента следующий главный элемент, оставшийся в куче, должен стать корнем. Здесь также добавьте свой метод вставки. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Структура данных MaxHeap существует.
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() }; return (typeof test == "object")})(), "The MaxHeap data structure exists.");'
+  - text: У MaxHeap есть метод под названием print.
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.print == "function")})(), "MaxHeap has a method called print.");'
+  - text: 'MaxHeap имеет метод, называемый insert.'
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.insert == "function")})(), "MaxHeap has a method called insert.");'
+  - text: 'У MaxHeap есть метод, называемый remove.'
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; return (typeof test.remove == "function")})(), "MaxHeap has a method called remove.");'
+  - text: 'Метод remove удаляет наибольший элемент из максимальной кучи, сохраняя при этом свойство максимальной кучи.'
+    testString: 'assert((function() { var test = false; if (typeof MaxHeap !== "undefined") { test = new MaxHeap() } else { return false; }; test.insert(30); test.insert(300); test.insert(500); test.insert(10); let result = []; result.push(test.remove()); result.push(test.remove()); result.push(test.remove()); result.push(test.remove());  return (result.join("") == "5003003010") })(), "The remove method removes the greatest element from the max heap while maintaining the max heap property.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var MaxHeap = function() {
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list-by-index.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list-by-index.russian.md
new file mode 100644
index 0000000000..5293164086
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list-by-index.russian.md
@@ -0,0 +1,111 @@
+---
+id: 587d8251367417b2b2512c65
+title: Remove Elements from a Linked List by Index
+challengeType: 1
+videoUrl: ''
+localeTitle: Удалить элементы из связанного списка по индексу
+---
+
+## Description
+<section id="description"> Прежде чем перейти к другой структуре данных, давайте получим пару последних бит практики со связанными списками. Давайте напишем <code>removeAt</code> который удаляет <code>element</code> по заданному <code>index</code> . Метод следует называть <code>removeAt(index)</code> . Чтобы удалить <code>element</code> с определенным <code>index</code> , нам нужно сохранить количество запусков каждого узла при перемещении по связанному списку. Обычный метод, используемый для итерации через элементы связанного списка, включает в себя <dfn>«бегун»</dfn> или дозорный, который «указывает» на узлы, которые сравнивает ваш код. В нашем случае, начиная с <code>head</code> нашего списка, мы начинаем с переменной <code>currentIndex</code> которая начинается с <code>0</code> . <code>currentIndex</code> должен увеличиваться на единицу для каждого проходящего узла. Так же, как наш метод <code>remove(element)</code> , мы должны быть осторожны, чтобы не осилить остальную часть нашего списка, когда мы удаляем узел в нашем методе removeAt (index). Мы держим наши узлы смежными, убедившись, что узел, имеющий ссылку на удаленный узел, имеет ссылку на следующий узел. </section>
+
+## Instructions
+<section id="instructions"> Напишите <code>removeAt(index)</code> который удаляет и возвращает узел с заданным <code>index</code> . Метод должен возвращать значение <code>null</code> если данный <code>index</code> либо отрицательный, либо больше или равен <code>length</code> связанного списка. Примечание. Не забудьте сохранить счетчик <code>currentIndex</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Класс <code>LinkedList</code> должен иметь <code>removeAt</code> .
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.removeAt === "function")}()), "Your <code>LinkedList</code> class should have a <code>removeAt</code> method.");'
+  - text: Метод <code>removeAt</code> должен уменьшить <code>length</code> связанного списка
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten"); test.removeAt(1); return test.size() === 2}()), "Your <code>removeAt</code> method should reduce the <code>length</code> of the linked list");'
+  - text: Метод <code>removeAt</code> также должен возвращать элемент удаленного узла.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten");  return test.removeAt(1) === "dog"}()), "Your <code>removeAt</code> method should also return the element of the removed node.");'
+  - text: Метод <code>removeAt</code> также должен возвращать значение <code>null</code> если данный индекс меньше <code>0</code>
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten");  return (test.removeAt(-1) === null)}()), "Your <code>removeAt</code> method should also return <code>null</code> if the given index is less than <code>0</code>");'
+  - text: Метод <code>removeAt</code> также должен возвращать значение <code>null</code> если данный индекс равен или больше <code>length</code> связанного списка.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten");  return (test.removeAt(3) === null)}()), "Your <code>removeAt</code> method should also return <code>null</code> if the given index is equal or more than the <code>length</code> of the linked list.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){ // {1}
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+        currentNode = head;
+
+        while(currentNode.next){
+            currentNode  = currentNode.next;
+        }
+
+        currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  this.remove = function(element){
+    var currentNode = head;
+    var previousNode;
+    if(currentNode.element === element){
+        head = currentNode.next;
+    } else {
+        while(currentNode.element !== element) {
+            previousNode = currentNode;
+            currentNode = currentNode.next;
+        }
+
+        previousNode.next = currentNode.next;
+    }
+
+    length --;
+  };
+
+  // Only change code below this line
+
+  // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list.russian.md
new file mode 100644
index 0000000000..4744298d90
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/remove-elements-from-a-linked-list.russian.md
@@ -0,0 +1,94 @@
+---
+id: 587d8251367417b2b2512c63
+title: Remove Elements from a Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: Удалить элементы из связанного списка
+---
+
+## Description
+<section id="description"> Следующим важным методом, который потребуется для любой реализации связанного списка, является метод <code>remove</code> . Этот метод должен взять элемент, который мы хотим удалить в качестве аргумента, а затем выполнить поиск в списке, чтобы найти и удалить узел, содержащий этот элемент. Всякий раз, когда мы удаляем узел из связанного списка, важно, чтобы мы не случайно оставили все остальное в списке. Напомним, что <code>next</code> свойство <code>next</code> узла указывает на узел, который следует за ним в списке. Если мы удалим средний элемент, скажем, мы хотим убедиться , что у нас есть связь с предыдущим узлом этого элемента <code>next</code> имущества к середине элемента <code>next</code> имуществу (который является следующим узлом в списке!) Это может показаться действительно запутанный, так что давайте вернемся к примеру линии conga, чтобы у нас была хорошая концептуальная модель. Представьте себя в линии конги, и человек прямо перед вами покинет линию. Лицо, которое только что покинуло линию, больше не имеет руки на кого-либо в очереди - и у вас больше нет рук на лице, которое осталось. Вы шагнете вперед и положите руки на следующего человека, которого видите. Если элемент мы хотим , чтобы удалить это <code>head</code> элемент, мы переназначить <code>head</code> на второй узел связанного списка. </section>
+
+## Instructions
+<section id="instructions"> Напишите метод <code>remove</code> который принимает элемент и удаляет его из связанного списка. Примечание. <code>length</code> списка должна уменьшаться на единицу при каждом удалении элемента из связанного списка. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Класс <code>LinkedList</code> должен иметь метод <code>remove</code> .
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.remove === "function")}()), "Your <code>LinkedList</code> class should have a <code>remove</code> method.");'
+  - text: Метод <code>remove</code> должен переназначить <code>head</code> во второй узел при удалении первого узла.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.remove("cat"); return test.head().element === "dog"}()), "Your <code>remove</code> method should reassign <code>head</code> to the second node when the first node is removed.");'
+  - text: Метод <code>remove</code> должен уменьшать <code>length</code> связанного списка по одному на каждый удаленный узел.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.remove("cat"); return test.size() === 1})(), "Your <code>remove</code> method should decrease the <code>length</code> of the linked list by one for every node removed.");'
+  - text: Метод <code>remove</code> должен переназначить ссылку предыдущего узла удаленного узла на <code>next</code> ссылку удаленного узла.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog");test.add("kitten"); test.remove("dog"); return test.head().next.element === "kitten"})(), "Your <code>remove</code> method should reassign the reference of the previous node of the removed node to the removed node&apos;s <code>next</code> reference.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+        currentNode = head;
+
+        while(currentNode.next){
+            currentNode  = currentNode.next;
+        }
+
+        currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  this.remove = function(element){
+    // Only change code below this line
+
+    // Only change code above this line
+  };
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/remove-from-a-set.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/remove-from-a-set.russian.md
new file mode 100644
index 0000000000..a3c057c3b4
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/remove-from-a-set.russian.md
@@ -0,0 +1,75 @@
+---
+id: 587d8253367417b2b2512c6b
+title: Remove from a Set
+challengeType: 1
+videoUrl: ''
+localeTitle: Удалить из набора
+---
+
+## Description
+<section id="description"> В этих упражнениях мы собираемся создать функцию удаления для нашего набора. Функция должна быть названа <code>this.remove</code> . Эта функция должна принимать значение и проверять, существует ли он в наборе. Если это так, удалите это значение из набора и верните true. В противном случае верните false. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Класс <code>Set</code> должен иметь метод <code>remove</code> .
+    testString: 'assert((function(){var test = new Set(); return (typeof test.remove === "function")}()), "Your <code>Set</code> class should have a <code>remove</code> method.");'
+  - text: 'Метод <code>remove</code> должен удалять только те элементы, которые присутствуют в наборе.'
+    testString: 'assert.deepEqual((function(){var test = new Set(); test.add("a");test.add("b");test.remove("c"); return test.values(); })(), ["a", "b"], "Your <code>remove</code> method should only remove items that are present in the set.");'
+  - text: Ваш метод <code>remove</code> должен удалить данный элемент из набора.
+    testString: 'assert((function(){var test = new Set(); test.add("a");test.add("b");test.remove("a"); var vals = test.values(); return (vals[0] === "b" && vals.length === 1)}()), "Your <code>remove</code> method should remove the given item from the set.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/remove-items-from-a-set-in-es6.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/remove-items-from-a-set-in-es6.russian.md
new file mode 100644
index 0000000000..3de5052151
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/remove-items-from-a-set-in-es6.russian.md
@@ -0,0 +1,55 @@
+---
+id: 587d8254367417b2b2512c71
+title: Remove items from a set in ES6
+challengeType: 1
+videoUrl: ''
+localeTitle: Удаление элементов из набора в ES6
+---
+
+## Description
+<section id="description"> Давайте практикуем элементы removeimg из набора ES6, используя метод <code>delete</code> . Сначала создайте набор ES6 <code>var set = new Set([1,2,3]);</code> Теперь удалите элемент из вашего набора с помощью метода <code>delete</code> . <blockquote> set.delete (1); <br> console.log ([... set]) // должен возвращать [2, 3] <blockquote></blockquote></blockquote></section>
+
+## Instructions
+<section id="instructions"> Теперь создайте набор с целыми числами 1, 2, 3, 4 и 5. Удалите значения 2 и 5, а затем верните набор. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: 'Ваш набор должен содержать значения 1, 3 и 4'
+    testString: 'assert(function(){var test = checkSet(); return test.has(1) && test.has(3) && test.has(4) && test.size === 3}, "Your Set should contain the values 1, 3, & 4");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSet(){
+   var set = //Create a set with values 1, 2, 3, 4, & 5
+   //Remove the value 2
+   //Remove the value 5
+   //Return the set
+   return set;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/reverse-a-doubly-linked-list.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/reverse-a-doubly-linked-list.russian.md
new file mode 100644
index 0000000000..a1d3f1c8b2
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/reverse-a-doubly-linked-list.russian.md
@@ -0,0 +1,78 @@
+---
+id: 587d825a367417b2b2512c88
+title: Reverse a Doubly Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: Переверните двойной список ссылок
+---
+
+## Description
+<section id="description"> Давайте создадим еще один метод для нашего дважды связанного списка, который называется reverse, который меняет список на месте. Как только метод выполняется, голова должна указывать на предыдущий хвост, а хвост должен указывать на предыдущую голову. Теперь, если мы пересекаем список от головы до хвоста, мы должны встретить узлы в обратном порядке по сравнению с исходным списком. Попытка изменить пустой список должна вернуть значение null. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Существует структура данных DoublyLinkedList.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; return (typeof test == "object")})(), "The DoublyLinkedList data structure exists.");'
+  - text: 'У DoublyLinkedList есть метод, называемый add.'
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; if (test.add == undefined) { return false; }; return (typeof test.add == "function")})(), "The DoublyLinkedList has a method called add.");'
+  - text: 'У DoublyLinkedList есть метод, называемый обратным.'
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; if (test.reverse == undefined) { return false; }; return (typeof test.reverse == "function")})(), "The DoublyLinkedList has a method called reverse.");'
+  - text: Возврат пустого списка возвращает значение null.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; return (test.reverse() == null); })(), "Reversing an empty list returns null.");'
+  - text: Обратный метод отменяет список.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(58); test.add(61); test.add(32); test.reverse(); return (test.print().join("") == "326158"); })(), "The reverse method reverses the list.");'
+  - text: Следующая и предыдущая ссылки корректно сохраняются при перестановке списка.
+    testString: 'assert((function() { var test = false; if (typeof DoublyLinkedList !== "undefined") { test = new DoublyLinkedList() }; test.add(11); test.add(22); test.add(33); test.reverse(); return (test.printReverse().join("") == "112233"); })(), "The next and previous references are correctly maintained when a list is reversed.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Node = function(data, prev) {
+  this.data = data;
+  this.prev = prev;
+  this.next = null;
+};
+var DoublyLinkedList = function() {
+  this.head = null;
+  this.tail = null;
+  // change code below this line
+  // change code above this line
+};
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/search-within-a-linked-list.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/search-within-a-linked-list.russian.md
new file mode 100644
index 0000000000..057f639401
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/search-within-a-linked-list.russian.md
@@ -0,0 +1,111 @@
+---
+id: 587d8251367417b2b2512c64
+title: Search within a Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: Поиск в связанном списке
+---
+
+## Description
+<section id="description"> Давайте добавим еще несколько полезных методов в наш связанный класс списка. Не было бы полезно, если бы мы могли сказать, был ли наш список пустым или нет, как в наших классах <code>Stack</code> и <code>Queue</code> ? Мы также должны иметь возможность находить определенные элементы в нашем связанном списке. Прохождение через структуры данных - это то, с чем вы захотите получить много практики! Давайте создадим метод <code>indexOf</code> который принимает <code>element</code> в качестве аргумента и возвращает <code>index</code> этого элемента в связанном списке. Если элемент не найден в связанном списке, верните <code>-1</code> . Давайте также реализуем метод, который делает обратное: метод <code>elementAt</code> который принимает <code>index</code> в качестве аргумента и возвращает <code>element</code> в указанном <code>index</code> . Если ни один <code>element</code> не найден, возвращайте <code>undefined</code> . </section>
+
+## Instructions
+<section id="instructions"> Напишите метод <code>isEmpty</code> который проверяет, является ли связанный список пустым, метод <code>indexOf</code> который возвращает <code>index</code> данного элемента, и <code>elementAt</code> который возвращает <code>element</code> в указанном <code>index.</code> </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Класс <code>LinkedList</code> должен иметь метод <code>indexOf</code> .
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.indexOf === "function")}()), "Your <code>LinkedList</code> class should have a <code>indexOf</code> method.");'
+  - text: Класс <code>LinkedList</code> должен иметь метод <code>elementAt</code> .
+    testString: 'assert((function(){var test = new LinkedList(); return (typeof test.elementAt === "function")}()), "Your <code>LinkedList</code> class should have a <code>elementAt</code> method.");'
+  - text: Метод <code>size</code> должен возвращать длину связанного списка.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten"); return test.size() === 3}()), "Your <code>size</code> method should return the length of the linked list");'
+  - text: Ваш метод <code>indexOf</code> должен возвращать индекс данного элемента.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten"); return test.indexOf("kitten") === 2}()), "Your <code>indexOf</code> method should return the index of the given element.");'
+  - text: Метод <code>elementAt</code> должен возвращаться в элементе по заданному индексу.
+    testString: 'assert((function(){var test = new LinkedList(); test.add("cat"); test.add("dog"); test.add("kitten"); return test.elementAt(1) === "dog"}()), "Your <code>elementAt</code> method should return at element at a given index.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){ // {1}
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function() {
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+        currentNode = head;
+
+        while(currentNode.next){
+            currentNode  = currentNode.next;
+        }
+
+        currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  this.remove = function(element){
+    var currentNode = head;
+    var previousNode;
+    if(currentNode.element === element){
+        head = currentNode.next;
+    } else {
+        while(currentNode.element !== element) {
+            previousNode = currentNode;
+            currentNode = currentNode.next;
+        }
+
+        previousNode.next = currentNode.next;
+    }
+
+    length --;
+  };
+
+  // Only change code below this line
+
+  // Only change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/size-of-the-set.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/size-of-the-set.russian.md
new file mode 100644
index 0000000000..38b5930109
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/size-of-the-set.russian.md
@@ -0,0 +1,82 @@
+---
+id: 8d1923c8c441eddfaeb5bdef
+title: Size of the Set
+challengeType: 1
+videoUrl: ''
+localeTitle: Размер набора
+---
+
+## Description
+<section id="description"> В этом упражнении мы собираемся создать функцию размера для нашего Set. Эта функция должна быть названа <code>this.size</code> и она должна вернуть размер коллекции. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Класс <code>Set</code> должен иметь метод <code>size</code> .
+    testString: 'assert((function(){var test = new Set(); return (typeof test.size === "function")}()), "Your <code>Set</code> class should have a <code>size</code> method.");'
+  - text: Метод <code>size</code> должен возвращать количество элементов в коллекции.
+    testString: 'assert((function(){var test = new Set(); test.add("a");test.add("b");test.remove("a");return (test.size() === 1)}()), "The <code>size</code> method should return the number of elements in the collection.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Set() {
+    // the var collection will hold the set
+    var collection = [];
+    // this method will check for the presence of an element and return true or false
+    this.has = function(element) {
+        return (collection.indexOf(element) !== -1);
+    };
+    // this method will return all the values in the set
+    this.values = function() {
+        return collection;
+    };
+    // this method will add an element to the set
+    this.add = function(element) {
+        if(!this.has(element)){
+            collection.push(element);
+            return true;
+        }
+        return false;
+    };
+    // this method will remove an element from a set
+    this.remove = function(element) {
+        if(this.has(element)){
+           var index = collection.indexOf(element);
+            collection.splice(index,1);
+            return true;
+        }
+        return false;
+    };
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/typed-arrays.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/typed-arrays.russian.md
new file mode 100644
index 0000000000..ccb9926f62
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/typed-arrays.russian.md
@@ -0,0 +1,54 @@
+---
+id: 587d8253367417b2b2512c6a
+title: Typed Arrays
+challengeType: 1
+videoUrl: ''
+localeTitle: Типизированные массивы
+---
+
+## Description
+<section id="description"> Массивы - это объекты JavaScript, которые могут содержать множество разных элементов. <code>var complexArr = [1, 5, &quot;2&quot;, &quot;Word&quot;, {&quot;name&quot;: &quot;James&quot;}];</code> В основном, что происходит в фоновом режиме, так это то, что ваш браузер автоматически предоставит необходимый объем памяти для этого массива. Он также будет изменяться по мере необходимости, если вы добавите или удалите данные. Тем не менее, в мире высокой производительности и разных типов элементов иногда требуется более конкретная информация о том, сколько памяти передано массиву. Ответы на эту проблему вызывают <dfn>типизированные массивы</dfn> . Теперь вы можете сказать, сколько памяти вы хотите дать массиву. Ниже представлен базовый обзор различных типов доступных массивов и размер в байтах для каждого элемента в этом массиве. <table class="table table-striped"><tbody><tr><th> Тип </th><th> Размер каждого элемента в байтах </th></tr><tr><td> <code>Int8Array</code> </td> <td> 1 </td></tr><tr><td> <code>Uint8Array</code> </td> <td> 1 </td></tr><tr><td> <code>Uint8ClampedArray</code> </td> <td> 1 </td></tr><tr><td> <code>Int16Array</code> </td> <td> 2 </td></tr><tr><td> <code>Uint16Array</code> </td> <td> 2 </td></tr><tr><td> <code>Int32Array</code> </td> <td> 4 </td></tr><tr><td> <code>Uint32Array</code> </td> <td> 4 </td></tr><tr><td> <code>Float32Array</code> </td> <td> 4 </td></tr><tr><td> <code>Float64Array</code> </td> <td> 8 </td></tr></tbody></table> Существует два способа создания таких массивов. Один из способов - создать его напрямую. Ниже <code>Int16Array</code> как создать <code>Int16Array</code> длиной 3 длины. <blockquote> var i8 = новый Int16Array (3); <br> console.log (i8); <br> // Возвращает [0, 0, 0] </blockquote> Вы также можете создать <dfn>буфер,</dfn> чтобы указать, сколько данных (в байтах) требуется массиву. <strong>Заметка</strong> <br> Чтобы создать типизированные массивы с использованием буферов, вам необходимо назначить количество байтов кратным байтам, перечисленным выше. <blockquote> // Создаем такой же массив Int16Array по-разному <br> var byteSize = 6; // Требуется быть кратным 2 <br> var buffer = new ArrayBuffer (byteSize); <br> var i8View = новый Int16Array (буфер); <br> buffer.byteLength; // Возвращает 6 <br> i8View.byteLength; // Возвращает 6 <br> console.log (i8View); // Возвращает [0, 0, 0] </blockquote> <dfn>Буферы</dfn> представляют собой объекты общего назначения, которые просто переносят данные. Вы не можете получить к ним доступ в обычном режиме. Чтобы получить к ним доступ, вам нужно сначала создать <dfn>представление</dfn> . <blockquote> i8View [0] = 42; <br> console.log (i8View); // Возвращает [42, 0, 0] </blockquote> <strong>Заметка</strong> <br> Типизированные массивы не имеют некоторых методов, которые имеют традиционные массивы, такие как <code>.pop()</code> или <code>.push()</code> . В типизированных массивах также отсутствует <code>Array.isArray()</code> который проверяет, что-то есть массив. Хотя это проще, это может быть преимуществом для менее сложных JavaScript-движков для их реализации. </section>
+
+## Instructions
+<section id="instructions"> Сначала создайте <code>buffer</code> размером 64 байта. Затем создайте массив с массивом <code>Int32Array</code> с видом <code>i32View</code> . </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш <code>buffer</code> должен быть размером 64 байта.
+    testString: 'assert(buffer.byteLength === 64, "Your <code>buffer</code> should be 64 bytes large.");'
+  - text: Ваш вид <code>i32View</code> вашего буфера должен быть 64 байта.
+    testString: 'assert(i32View.byteLength === 64, "Your <code>i32View</code> view of your buffer should be 64 bytes large.");'
+  - text: Ваш вид <code>i32View</code> вашего буфера должен составлять 16 элементов.
+    testString: 'assert(i32View.length === 16, "Your <code>i32View</code> view of your buffer should be 16 elements long.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var buffer;
+var i32View;
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/use-.has-and-.size-on-an-es6-set.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/use-.has-and-.size-on-an-es6-set.russian.md
new file mode 100644
index 0000000000..f13b5298a9
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/use-.has-and-.size-on-an-es6-set.russian.md
@@ -0,0 +1,57 @@
+---
+id: 587d8255367417b2b2512c72
+title: Use .has and .size on an ES6 Set
+challengeType: 1
+videoUrl: ''
+localeTitle: Используйте .has и .size в наборе ES6.
+---
+
+## Description
+<section id="description"> Давайте посмотрим на методы .has и .size, доступные на объекте Set ES6. Сначала создайте набор ES6 <code>var set = new Set([1,2,3]);</code> Метод .has проверяет, содержится ли это значение в наборе. <code>var hasTwo = set.has(2);</code> Метод .size возвращает целое число, представляющее размер Set <code>var howBig = set.size;</code> </section>
+
+## Instructions
+<section id="instructions"> В этом упражнении мы передадим массив и значение функции checkSet (). Ваша функция должна создать набор ES6 из аргумента массива. Найдите, содержит ли набор аргумент значения. Найдите размер набора. И верните эти два значения в массив. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>checkSet([4, 5, 6], 3)</code> должен возвращать [false, 3]'
+    testString: 'assert(function(){var test = checkSet([4,5,6], 3); test === [ false, 3 ]}, "<code>checkSet([4, 5, 6], 3)</code> should return [ false, 3 ]");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSet(arrToBeSet, checkValue){
+
+   // change code below this line
+
+   // change code above this line
+
+}
+
+checkSet([ 1, 2, 3], 2); // Should return [ true, 3 ]
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/use-breadth-first-search-in-a-binary-search-tree.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/use-breadth-first-search-in-a-binary-search-tree.russian.md
new file mode 100644
index 0000000000..b31477f2e9
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/use-breadth-first-search-in-a-binary-search-tree.russian.md
@@ -0,0 +1,80 @@
+---
+id: 587d8258367417b2b2512c7f
+title: Use Breadth First Search in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Использовать пятый поиск в двоичном дереве поиска
+---
+
+## Description
+<section id="description"> Здесь мы представим другой метод обхода дерева: поиск по ширине. В отличие от методов поиска по глубине из последней задачи, поиск по ширине исследует все узлы на заданном уровне внутри дерева, а затем переходит на следующий уровень. Как правило, очереди используются в качестве вспомогательных структур данных при разработке алгоритмов поиска по ширине. В этом методе мы начинаем с добавления корневого узла в очередь. Затем мы начинаем цикл, в котором мы деактивируем первый элемент в очереди, добавим его в новый массив и затем проверим оба его дочерних поддерева. Если его дочерние элементы не равны нулю, все они помещаются в очередь. Этот процесс продолжается до тех пор, пока очередь не будет пустой. Инструкции. Давайте создадим метод поиска ширины в нашем дереве, называемый <code>levelOrder</code> . Этот метод должен возвращать массив, содержащий значения всех узлов дерева, исследованных в широком смысле. Обязательно верните значения в массиве, а не сами узлы. Уровень должен пересекаться слева направо. Далее, давайте напишем аналогичный метод <code>reverseLevelOrder</code> который выполняет тот же поиск, но в обратном направлении (справа налево) на каждом уровне. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Существует структура данных <code>BinarySearchTree</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.levelOrder == "function")})(), "The binary search tree has a method called <code>levelOrder</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.reverseLevelOrder == "function")})(), "The binary search tree has a method called <code>reverseLevelOrder</code>.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.levelOrder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.levelOrder().join("") == "719038102546"); })(), "The <code>levelOrder</code> method returns an array of the tree node values explored in level order.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.reverseLevelOrder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.reverseLevelOrder().join("") == "791108305264"); })(), "The <code>reverseLevelOrder</code> method returns an array of the tree node values explored in reverse level order.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.levelOrder !== "function") { return false; }; return (test.levelOrder() == null); })(), "The <code>levelOrder</code> method returns <code>null</code> for an empty tree.");'
+  - text: ''
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.reverseLevelOrder !== "function") { return false; }; return (test.reverseLevelOrder() == null); })(), "The <code>reverseLevelOrder</code> method returns <code>null</code> for an empty tree.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/use-depth-first-search-in-a-binary-search-tree.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/use-depth-first-search-in-a-binary-search-tree.russian.md
new file mode 100644
index 0000000000..6aca0b70a0
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/use-depth-first-search-in-a-binary-search-tree.russian.md
@@ -0,0 +1,86 @@
+---
+id: 587d8257367417b2b2512c7e
+title: Use Depth First Search in a Binary Search Tree
+challengeType: 1
+videoUrl: ''
+localeTitle: Использовать глубину первого поиска в двоичном дереве поиска
+---
+
+## Description
+<section id="description"> Мы знаем, как искать двоичное дерево поиска для определенного значения. Но что, если мы просто хотим исследовать все дерево? Или что, если у нас нет упорядоченного дерева, и нам нужно просто искать значение? Здесь мы представим некоторые методы обхода дерева, которые можно использовать для изучения структур древовидных данных. Сначала - поиск по глубине. При поиске по глубине, заданное поддерево рассматривается как можно глубже, прежде чем поиск продолжит переход к другому поддереву. Это можно сделать тремя способами: In-order: Начать поиск на самом левом узле и завершить на самом правом узле. Предварительный порядок: исследуйте все корни перед листьями. Post-order: Исследуйте все листья перед корнями. Как вы можете догадаться, вы можете выбрать различные методы поиска в зависимости от того, какие данные хранят ваше дерево и что вы ищете. Для двоичного дерева поиска обход ордера возвращает узлы в отсортированном порядке. Инструкции: Здесь мы создадим эти три метода поиска в нашем двоичном дереве поиска. Поиск по глубине - это неотъемлемая рекурсивная операция, которая продолжает исследовать дальнейшие поддеревья, пока присутствуют дочерние узлы. Как только вы поймете эту базовую концепцию, вы можете просто изменить порядок, в котором вы исследуете узлы и поддеревья, чтобы произвести любой из трех поисков выше. Например, в post-order search мы хотели бы перечислить весь путь до листового узла, прежде чем мы начнем возвращать любой из самих узлов, тогда как в предварительном поиске мы хотели бы сначала вернуть узлы, а затем продолжить рекурсию вниз по дереву. Определение <code>inorder</code> , <code>preorder</code> , и <code>postorder</code> метода на нашем дереве. Каждый из этих методов должен возвращать массив элементов, которые представляют обход дерева. Обязательно верните целые значения в каждом узле массива, а не сами узлы. Наконец, возвращаем значение <code>null</code> если дерево пусто. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Существует структура данных <code>BinarySearchTree</code> .
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() }; return (typeof test == "object")})(), "The <code>BinarySearchTree</code> data structure exists.");'
+  - text: 'Двоичное дерево поиска имеет метод, называемый <code>inorder</code> .'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.inorder == "function")})(), "The binary search tree has a method called <code>inorder</code>.");'
+  - text: 'Двоичное дерево поиска имеет метод, называемый <code>preorder</code> .'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.preorder == "function")})(), "The binary search tree has a method called <code>preorder</code>.");'
+  - text: 'Двоичное дерево поиска имеет метод, называемый <code>postorder</code> .'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; return (typeof test.postorder == "function")})(), "The binary search tree has a method called <code>postorder</code>.");'
+  - text: 'Метод <code>inorder</code> возвращает массив значений узла, которые являются результатом обхода порядка.'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.inorder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.inorder().join("") == "012345678910"); })(), "The <code>inorder</code> method returns an array of the node values that result from an inorder traversal.");'
+  - text: 'Метод <code>preorder</code> возвращает массив значений узлов, которые являются результатом обхода предзаказов.'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.preorder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.preorder().join("") == "710325469810"); })(), "The <code>preorder</code> method returns an array of the node values that result from a preorder traversal.");'
+  - text: 'Метод <code>postorder</code> возвращает массив значений узлов, которые являются результатом обхода порядка после расписания.'
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.postorder !== "function") { return false; }; test.add(7); test.add(1); test.add(9); test.add(0); test.add(3); test.add(8); test.add(10); test.add(2); test.add(5); test.add(4); test.add(6); return (test.postorder().join("") == "024653181097"); })(), "The <code>postorder</code> method returns an array of the node values that result from a postorder traversal.");'
+  - text: Метод <code>inorder</code> возвращает <code>null</code> для пустого дерева.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.inorder !== "function") { return false; }; return (test.inorder() == null); })(), "The <code>inorder</code> method returns <code>null</code> for an empty tree.");'
+  - text: Метод <code>preorder</code> возвращает <code>null</code> для пустого дерева.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.preorder !== "function") { return false; }; return (test.preorder() == null); })(), "The <code>preorder</code> method returns <code>null</code> for an empty tree.");'
+  - text: Метод <code>postorder</code> возвращает значение <code>null</code> для пустого дерева.
+    testString: 'assert((function() { var test = false; if (typeof BinarySearchTree !== "undefined") { test = new BinarySearchTree() } else { return false; }; if (typeof test.postorder !== "function") { return false; }; return (test.postorder() == null); })(), "The <code>postorder</code> method returns <code>null</code> for an empty tree.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+    this.value = value;
+    this.left = null;
+    this.right = null;
+}
+function BinarySearchTree() {
+    this.root = null;
+    // change code below this line
+    // change code above this line
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/use-spread-and-notes-for-es5-set-integration.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/use-spread-and-notes-for-es5-set-integration.russian.md
new file mode 100644
index 0000000000..d6b26a882a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/use-spread-and-notes-for-es5-set-integration.russian.md
@@ -0,0 +1,53 @@
+---
+id: 587d8255367417b2b2512c73
+title: Use Spread and Notes for ES5 Set() Integration
+challengeType: 1
+videoUrl: ''
+localeTitle: Использование Spread и Notes для интеграции ES5 Set ()
+---
+
+## Description
+<section id="description"> Вы помните оператор распространения ES6 <code>...</code> ? <code>...</code> может принимать истребимые объекты в ES6 и превращать их в массивы. Давайте создадим Set и проверим функцию спреда. <blockquote> var set = new Set ([1,2,3]); <br> var setToArr = [... set] <br> console.log (setToArr) // возвращает [1, 2, 3] </blockquote></section>
+
+## Instructions
+<section id="instructions"> В этом упражнении мы передадим заданный объект функции <code>checkSet</code> . Он должен возвращать массив, содержащий значения Set. Теперь вы успешно научились использовать объект ES6 <code>Set()</code> , хорошую работу! </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Ваш набор был возвращен правильно!
+    testString: 'assert(function(){var test = checkSet(new Set([1,2,3,4,5,6,7])); test === [ 1, 2, 3, 4, 5, 6, 7 ]}, "Your Set was returned correctly!");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function checkSet(set){
+   // change code below this line
+
+   // change code above this line
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/data-structures/work-with-nodes-in-a-linked-list.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/work-with-nodes-in-a-linked-list.russian.md
new file mode 100644
index 0000000000..a9981a7b5c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/data-structures/work-with-nodes-in-a-linked-list.russian.md
@@ -0,0 +1,62 @@
+---
+id: 587d8251367417b2b2512c61
+title: Work with Nodes in a Linked List
+challengeType: 1
+videoUrl: ''
+localeTitle: Работа с узлами в связанном списке
+---
+
+## Description
+<section id="description"> Другой общей структурой данных, с которой вы столкнетесь в информатике, является <dfn>связанный список</dfn> . Связанный список представляет собой линейный набор элементов данных, называемый «узлами», каждый из которых указывает на следующий. Каждый <dfn>узел</dfn> в связанном списке содержит две ключевые части информации: сам <code>element</code> и ссылку на следующий <code>node</code> . Представьте, что вы находитесь в линии конги. У вас есть руки на следующем человеке в очереди, и человек, стоящий за вами, держит вас в руках. Вы можете видеть человека прямо перед собой, но они блокируют взгляд других людей в очереди. Узел точно так же, как человек в линии конги: они знают, кто они, и они могут видеть только следующего человека в очереди, но они не знают других людей впереди или позади них. </section>
+
+## Instructions
+<section id="instructions"> В нашем редакторе кода мы создали два узла, <code>Kitten</code> и <code>Puppy</code> , и мы связали узел <code>Kitten</code> вручную с узлом <code>Puppy</code> . Создайте узел <code>Cat</code> и <code>Dog</code> и вручную добавьте их в строку. </section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: У вашего узла <code>Puppy</code> должна быть ссылка на узел <code>Cat</code> .
+    testString: 'assert(Puppy.next.element === "Cat", "Your <code>Puppy</code> node should have a reference to a <code>Cat</code> node.");'
+  - text: Ваш узел <code>Cat</code> должен иметь ссылку на узел <code>Dog</code> .
+    testString: 'assert(Cat.next.element === "Dog", "Your <code>Cat</code> node should have a reference to a <code>Dog</code> node.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+var Node = function(element){
+    this.element = element;
+    this.next = null;
+};
+var Kitten = new Node("Kitten");
+var Puppy = new Node("Puppy");
+
+Kitten.next = Puppy;
+// only add code below this line
+
+// test your code
+console.log(Kitten.next);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-1-multiples-of-3-and-5.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-1-multiples-of-3-and-5.russian.md
new file mode 100644
index 0000000000..d225ee78d1
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-1-multiples-of-3-and-5.russian.md
@@ -0,0 +1,61 @@
+---
+id: 5900f36e1000cf542c50fe80
+challengeType: 5
+title: 'Problem 1: Multiples of 3 and 5'
+videoUrl: ''
+localeTitle: 'Проблема 1: Умножения 3 и 5'
+---
+
+## Description
+<section id="description"> Если мы перечислим все натуральные числа ниже 10, кратные 3 или 5, мы получим 3, 5, 6 и 9. Сумма этих кратных равна 23. Найдите сумму всех кратных 3 или 5 ниже предоставленного параметра <code>number</code> значения. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>multiplesOf3and5(1000)</code> должны возвращать 233168.
+    testString: 'assert.strictEqual(multiplesOf3and5(1000), 233168, "<code>multiplesOf3and5(1000)</code> should return 233168.");'
+  - text: <code>multiplesOf3and5(49)</code> должны возвращать 543.
+    testString: 'assert.strictEqual(multiplesOf3and5(49), 543, "<code>multiplesOf3and5(49)</code> should return 543.");'
+  - text: <code>multiplesOf3and5(19564)</code> должен возвращать 89301183.
+    testString: 'assert.strictEqual(multiplesOf3and5(19564), 89301183, "<code>multiplesOf3and5(19564)</code> should return 89301183.");'
+  - text: 'Ваша функция не возвращает правильный результат, используя наши значения тестов.'
+    testString: 'assert.strictEqual(multiplesOf3and5(8456), 16687353, "Your function is not returning the correct result using our tests values.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function multiplesOf3and5(number) {
+  // Good luck!
+  return true;
+}
+
+multiplesOf3and5(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-10-summation-of-primes.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-10-summation-of-primes.russian.md
new file mode 100644
index 0000000000..5ae986824e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-10-summation-of-primes.russian.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3761000cf542c50fe89
+challengeType: 5
+title: 'Problem 10: Summation of primes'
+videoUrl: ''
+localeTitle: 'Задача 10: Суммирование простых чисел'
+---
+
+## Description
+<section id="description"> Сумма простых чисел ниже 10 равна 2 + 3 + 5 + 7 = 17. Найдите сумму всех простых чисел ниже n. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>primeSummation(17)</code> должен вернуть 41.
+    testString: 'assert.strictEqual(primeSummation(17), 41, "<code>primeSummation(17)</code> should return 41.");'
+  - text: <code>primeSummation(2001)</code> должен вернуть 277050.
+    testString: 'assert.strictEqual(primeSummation(2001), 277050, "<code>primeSummation(2001)</code> should return 277050.");'
+  - text: <code>primeSummation(140759)</code> должен вернуть 873608362.
+    testString: 'assert.strictEqual(primeSummation(140759), 873608362, "<code>primeSummation(140759)</code> should return 873608362.");'
+  - text: <code>primeSummation(2000000)</code> должен вернуть 142913828922.
+    testString: 'assert.strictEqual(primeSummation(2000000), 142913828922, "<code>primeSummation(2000000)</code> should return 142913828922.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function primeSummation(n) {
+  // Good luck!
+  return true;
+}
+
+primeSummation(2000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-100-arranged-probability.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-100-arranged-probability.russian.md
new file mode 100644
index 0000000000..43ad047d52
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-100-arranged-probability.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3d01000cf542c50fee3
+challengeType: 5
+title: 'Problem 100: Arranged probability'
+videoUrl: ''
+localeTitle: 'Задача 100: Устроенная вероятность'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler100(), 756872327473, "<code>euler100()</code> should return 756872327473.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler100() {
+  // Good luck!
+  return true;
+}
+
+euler100();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-101-optimum-polynomial.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-101-optimum-polynomial.russian.md
new file mode 100644
index 0000000000..e5f7d8b92f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-101-optimum-polynomial.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d21000cf542c50fee4
+challengeType: 5
+title: 'Problem 101: Optimum polynomial'
+videoUrl: ''
+localeTitle: 'Задача 101: Оптимальный полином'
+---
+
+## Description
+<section id="description"> Если нам представить первые k членов последовательности, то с уверенностью нельзя сказать значение следующего члена, так как существует бесконечно много полиномиальных функций, которые могут моделировать последовательность. В качестве примера рассмотрим последовательность чисел куба. Это определяется производящей функцией, un = n3: 1, 8, 27, 64, 125, 216, ... Предположим, что нам дали только первые два члена этой последовательности. Работая над принципом, что «просто лучше», мы должны принять линейную зависимость и предсказать, что следующий термин будет равен 15 (общая разница 7). Даже если нам были представлены первые три термина, по тому же принципу простоты, следует принять квадратичную зависимость. Будем определять OP (k, n) как n-й член оптимальной производящей полиномы функции для первых k членов последовательности. Должно быть ясно, что OP (k, n) будет точно генерировать члены последовательности для n ≤ k, и потенциально первый неправильный член (FIT) будет OP (k, k + 1); в этом случае мы будем называть это плохим OP (BOP). В качестве основы, если бы нам дали только первый член последовательности, было бы разумнее предполагать постоянство; т. е. при n ≥ 2, OP (1, n) = u1. Следовательно, для кубической последовательности мы получаем следующие OP: <p> OP (1, n) = 1 1, 1, 1, 1, ... OP (2, n) = 7n-6 1, 8, 15, ... OP (3, n) = 6n2-11n + 6 1, 8, 27, 58, ... OP (4, n) = n3 1, 8, 27, 64, 125, ... </p><p> Очевидно, что для k ≥ 4 не существует BOP. Рассматривая сумму FIT, генерируемых BOP (указанную красным выше), получаем 1 + 15 + 58 = 74. Рассмотрим следующую производящую функцию многочлена десятой степени: un = 1 - n + n2 - n3 + n4 - n5 + n6 - n7 + n8 - n9 + n10 Найти сумму FIT для BOP. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler101()</code> должен вернуть 37076114526.
+    testString: 'assert.strictEqual(euler101(), 37076114526, "<code>euler101()</code> should return 37076114526.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler101() {
+  // Good luck!
+  return true;
+}
+
+euler101();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-102-triangle-containment.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-102-triangle-containment.russian.md
new file mode 100644
index 0000000000..f43903634f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-102-triangle-containment.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d21000cf542c50fee5
+challengeType: 5
+title: 'Problem 102: Triangle containment'
+videoUrl: ''
+localeTitle: 'Проблема 102: Сохранение треугольника'
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler102(), 228, "<code>euler102()</code> should return 228.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler102() {
+  // Good luck!
+  return true;
+}
+
+euler102();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.russian.md
new file mode 100644
index 0000000000..27b97b09c3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d61000cf542c50fee7
+challengeType: 5
+title: 'Problem 103: Special subset sums: optimum'
+videoUrl: ''
+localeTitle: 'Задача 103: Специальные суммы подмножества: оптимальные'
+---
+
+## Description
+<section id="description"> Пусть S (A) представляет сумму элементов из множества A размера n. Мы будем называть это специальным набором сумм, если для любых двух непустых непересекающихся подмножеств B и C справедливы следующие свойства: S (B) ≠ S (C); т. е. суммы подмножеств не могут быть равны. Если B содержит больше элементов, чем C, то S (B)&gt; S (C). Если S (A) минимизировано для данного n, мы назовем его оптимальным специальным набором сумм. Первые пять оптимальных специальных наборов сумм приведены ниже. n = 1: {1} n = 2: {1, 2} n = 3: {2, 3, 4} n = 4: {3, 5, 6, 7} n = 5: {6, 9, 11 , 12, 13}. Кажется, что для данного оптимального множества A = {a1, a2, ..., an} следующий оптимальный набор имеет вид B = {b, a1 + b, a2 + b,. .., an + b}, где b является «средним» элементом предыдущей строки. Применяя это «правило», мы ожидаем, что оптимальное множество для n = 6 будет A = {11, 17, 20, 22, 23, 24}, причем S (A) = 117. Однако это не оптимальный набор , поскольку мы просто применили алгоритм для обеспечения почти оптимального набора. Оптимальным для n = 6 является A = {11, 18, 19, 20, 22, 25}, с S (A) = 115 и соответствующей заданной строкой: 111819202225. Учитывая, что A - оптимальная специальная сумма, установленная для n = 7, найдите свою строку набора. ПРИМЕЧАНИЕ. Эта проблема связана с проблемой 105 и проблемой 106. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler103()</code> должен вернуть 20313839404245.
+    testString: 'assert.strictEqual(euler103(), 20313839404245, "<code>euler103()</code> should return 20313839404245.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler103() {
+  // Good luck!
+  return true;
+}
+
+euler103();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.russian.md
new file mode 100644
index 0000000000..493487d48d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d51000cf542c50fee6
+challengeType: 5
+title: 'Problem 104: Pandigital Fibonacci ends'
+videoUrl: ''
+localeTitle: 'Задача 104: Финальные фибоначчиевые фишки'
+---
+
+## Description
+<section id="description"> Последовательность Фибоначчи определяется рекуррентным соотношением: Fn = Fn-1 + Fn-2, где F1 = 1 и F2 = 1. Оказывается, что F541, содержащий 113 цифр, является первым числом Фибоначчи, для которого последние девять цифры 1-9 pandigital (содержат все цифры от 1 до 9, но не обязательно в порядке). И F2749, который содержит 575 цифр, является первым числом Фибоначчи, для которого первые девять цифр являются 1-9 pandigital. Учитывая, что Fk является первым числом Фибоначчи, для которого первые девять цифр И последние девять цифр являются 1-9 pandigital, найдите k. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler104()</code> должен возвращать 329468.
+    testString: 'assert.strictEqual(euler104(), 329468, "<code>euler104()</code> should return 329468.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler104() {
+  // Good luck!
+  return true;
+}
+
+euler104();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.russian.md
new file mode 100644
index 0000000000..4069dd00d4
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d61000cf542c50fee8
+challengeType: 5
+title: 'Problem 105: Special subset sums: testing'
+videoUrl: ''
+localeTitle: 'Задача 105: специальные суммы подмножеств: тестирование'
+---
+
+## Description
+<section id="description"> Пусть S (A) представляет сумму элементов из множества A размера n. Мы будем называть это специальным набором сумм, если для любых двух непустых непересекающихся подмножеств B и C справедливы следующие свойства: S (B) ≠ S (C); т. е. суммы подмножеств не могут быть равны. Если B содержит больше элементов, чем C, то S (B)&gt; S (C). Например, {81, 88, 75, 42, 87, 84, 86, 65} не является специальной суммой, потому что 65 + 87 + 88 = 75 + 81 + 84, тогда как {157, 150, 164, 119, 79 , 159, 161, 139, 158} удовлетворяет обоим правилам для всех возможных комбинаций пар подмножеств и S (A) = 1286. Используя sets.txt (правый щелчок и «Сохранить ссылку / цель как ...»), текстовый файл 4K с сотнями наборов, содержащих от семи до двенадцати элементов (два приведенных выше примера являются первыми двумя наборами в файле), определите все специальные суммы, A1, A2, ..., Ak и найдем значение S ( A1) + S (A2) + ... + S (Ak). ПРИМЕЧАНИЕ. Эта проблема связана с проблемой 103 и задачей 106. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler105()</code> должен возвращать 73702.
+    testString: 'assert.strictEqual(euler105(), 73702, "<code>euler105()</code> should return 73702.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler105() {
+  // Good luck!
+  return true;
+}
+
+euler105();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.russian.md
new file mode 100644
index 0000000000..5b2c0c206e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d71000cf542c50fee9
+challengeType: 5
+title: 'Problem 106: Special subset sums: meta-testing'
+videoUrl: ''
+localeTitle: 'Задача 106: Специальные суммы подмножества: мета-тестирование'
+---
+
+## Description
+<section id="description"> Пусть S (A) представляет сумму элементов из множества A размера n. Мы будем называть это специальным набором сумм, если для любых двух непустых непересекающихся подмножеств B и C справедливы следующие свойства: S (B) ≠ S (C); т. е. суммы подмножеств не могут быть равны. Если B содержит больше элементов, чем C, то S (B)&gt; S (C). Для этой задачи будем считать, что данное множество содержит n строго возрастающих элементов и оно уже удовлетворяет второму правилу. Удивительно, но из 25 возможных пар подмножеств, которые могут быть получены из множества, для которого n = 4, только 1 из этих пар необходимо проверить на равенство (первое правило). Аналогично, когда n = 7, необходимо проверить только 70 из 966 подмножеств. При n = 12, сколько из 261625 подмножеств, которые могут быть получены, необходимо проверить на равенство? ПРИМЕЧАНИЕ. Эта проблема связана с проблемой 103 и проблемой 105. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler106()</code> должен возвращать 21384.
+    testString: 'assert.strictEqual(euler106(), 21384, "<code>euler106()</code> should return 21384.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler106() {
+  // Good luck!
+  return true;
+}
+
+euler106();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-107-minimal-network.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-107-minimal-network.russian.md
new file mode 100644
index 0000000000..1decd125c3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-107-minimal-network.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d91000cf542c50feea
+challengeType: 5
+title: 'Problem 107: Minimal network'
+videoUrl: ''
+localeTitle: 'Проблема 107: Минимальная сеть'
+---
+
+## Description
+<section id="description"> Следующая неориентированная сеть состоит из семи вершин и двенадцати ребер с общим весом 243. <p> Та же сеть может быть представлена ​​матрицей ниже. ABCDEFG A-161221 --- B16--1720-- C12--28-31- D211728-181923 E-20-18--11 F - 3119--27 G --- 231127- Однако возможно оптимизировать сеть, удалив некоторые ребра и все еще убедитесь, что все точки в сети остаются подключенными. Ниже показана сеть, которая обеспечивает максимальную экономию. Он имеет вес 93, что составляет экономию 243 - 93 = 150 от исходной сети. </p><p> Используя network.txt (щелчок правой кнопкой мыши и «Сохранить ссылку / цель как ...»), текстовый файл 6K, содержащий сеть со сорока вершинами и представленную в матричной форме, найдет максимальную экономию, которая может быть достигнута путем удаления избыточных краев в то время как что сеть остается подключенной. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler107()</code> должен вернуть 259679.
+    testString: 'assert.strictEqual(euler107(), 259679, "<code>euler107()</code> should return 259679.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler107() {
+  // Good luck!
+  return true;
+}
+
+euler107();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.russian.md
new file mode 100644
index 0000000000..e63ee532f9
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d91000cf542c50feeb
+challengeType: 5
+title: 'Problem 108: Diophantine Reciprocals I'
+videoUrl: ''
+localeTitle: 'Задача 108: диофантовы входы I'
+---
+
+## Description
+<section id="description"> В следующем уравнении x, y и n - целые положительные числа. 1 / <var>x</var> + 1 / <var>y</var> = 1 / <var>n</var> Для <var>n</var> = 4 существует ровно три различных решения: 1/5 + 1/20 = 1/4 <br> 1/6 + 1/12 = 1/4 <br> 1/8 + 1/8 = 1/4. Какое наименьшее значение <var>n,</var> для которого количество различных решений превышает одну тысячу? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>diophantineOne()</code> должен вернуть 180180.
+    testString: 'assert.strictEqual(diophantineOne(), 180180, "<code>diophantineOne()</code> should return 180180.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function diophantineOne() {
+  // Good luck!
+  return true;
+}
+
+diophantineOne();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-109-darts.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-109-darts.russian.md
new file mode 100644
index 0000000000..e0dde080d8
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-109-darts.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3db1000cf542c50feec
+challengeType: 5
+title: 'Problem 109: Darts'
+videoUrl: ''
+localeTitle: 'Задача 109: Дартс'
+---
+
+## Description
+<section id="description"> В игре дартс игрок бросает три дротика на целевую доску, которая разделена на двадцать одинаковых размеров, пронумерованных от одного до двадцати. <p> Оценка дротика определяется количеством области, в которую попадает дротик. Дарт, вылетающий за пределы красного / зеленого внешнего кольца, имеет нулевое значение. Черные и кремовые области внутри этого кольца представляют собой одиночные баллы. Тем не менее, красное / зеленое внешнее кольцо и среднее кольцо оценивают двойные и высокие частоты соответственно. В центре доски расположены два концентрических круга, называемых бычьей областью или бычьим глазом. Внешний бык стоит 25 очков, а внутренний бык - в два раза, стоит 50 очков. Существует множество вариаций правил, но в самой популярной игре игроки начнут со счетом 301 или 501, и первым игроком, который снизит свою общую сумму до нуля, станет победителем. Тем не менее, нормально играть в систему «удваивает», а это означает, что игрок должен приземлить двойную (в том числе двойную бычьи глаза в центре доски) на свой последний дротик, чтобы выиграть; любой другой дротик, который уменьшил бы их общее количество до одного или ниже, означает, что оценка для этого набора из трех дротиков является «бюстом». Когда игрок может закончить свой текущий счет, он называется «проверка», а самая высокая проверка - 170: T20 T20 D25 (два тройных 20-х и двойной бык). Есть ровно одиннадцать различных способов проверки на счет 6: </p><p> D3 </p><p> D1 D2 </p><p> S2 D2 </p><p> D2 D1 </p><p> S4 D1 </p><p> S1 S1 D2 S1 T1 D1 S1 S3 D1 D1 D1 D1 D1 S2 D1 S2 S2 D1 </p><p> Обратите внимание, что D1 D2 считается отличным от D2 D1, поскольку они заканчиваются в разных двухместных. Однако комбинация S1 T1 D1 считается такой же, как T1 S1 D1. Кроме того, мы не будем включать пропуски при рассмотрении комбинаций; например, D3 совпадает с 0 D3 и 0 0 D3. Невероятно 42336 различных способов проверки в целом. Сколько различных способов может пройти проверка игрока со счетом менее 100? </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler109(), 38182, "<code>euler109()</code> should return 38182.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler109() {
+  // Good luck!
+  return true;
+}
+
+euler109();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-11-largest-product-in-a-grid.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-11-largest-product-in-a-grid.russian.md
new file mode 100644
index 0000000000..8936167ab0
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-11-largest-product-in-a-grid.russian.md
@@ -0,0 +1,89 @@
+---
+id: 5900f3781000cf542c50fe8a
+challengeType: 5
+title: 'Problem 11: Largest product in a grid'
+videoUrl: ''
+localeTitle: 'Проблема 11: Крупнейший продукт в сетке'
+---
+
+## Description
+<section id="description"> В сетке 20 × 20 ниже четыре цифры по диагональной линии отмечены красным цветом. <div style="text-align: center;"> 08 02 22 97 38 15 00 40 00 75 04 05 07 78 52 12 50 77 91 08 </div><div style="text-align: center;"> 49 49 99 40 17 81 18 57 60 87 17 40 98 43 69 48 04 56 62 00 </div><div style="text-align: center;"> 81 49 31 73 55 79 14 29 93 71 40 67 53 88 30 03 49 13 36 65 </div><div style="text-align: center;"> 52 70 95 23 04 60 11 42 69 24 68 56 01 32 56 71 37 02 36 91 </div><div style="text-align: center;"> 22 31 16 71 51 67 63 89 41 92 36 54 22 40 40 28 66 33 13 80 </div><div style="text-align: center;"> 24 47 32 60 99 03 45 02 44 75 33 53 78 36 84 20 35 17 12 50 </div><div style="text-align: center;"> 32 98 81 28 64 23 67 10 <span style="color: red"><b>26</b></span> 38 40 67 59 54 70 66 18 38 64 70 </div><div style="text-align: center;"> 67 26 20 68 02 62 12 20 95 <span style="color: red"><b>63</b></span> 94 39 63 08 40 91 66 49 94 21 </div><div style="text-align: center;"> 24 55 58 05 66 73 99 26 97 17 <span style="color: red"><b>78</b></span> 78 96 83 14 88 34 89 63 72 </div><div style="text-align: center;"> 21 36 23 09 75 00 76 44 20 45 35 <span style="color: red"><b>14</b></span> 00 61 33 97 34 31 33 95 </div><div style="text-align: center;"> 78 17 53 28 22 75 31 67 15 94 03 80 04 62 16 14 09 53 56 92 </div><div style="text-align: center;"> 16 39 05 42 96 35 31 47 55 58 88 24 00 17 54 24 36 29 85 57 </div><div style="text-align: center;"> 86 56 00 48 35 71 89 07 05 44 44 37 44 60 21 58 51 54 17 58 </div><div style="text-align: center;"> 19 80 81 68 05 94 47 69 28 73 92 13 86 52 17 77 04 89 55 40 </div><div style="text-align: center;"> 04 52 08 83 97 35 99 16 07 97 57 32 16 26 26 79 33 27 98 66 </div><div style="text-align: center;"> 88 36 68 87 57 62 20 72 03 46 33 67 46 55 12 32 63 93 53 69 </div><div style="text-align: center;"> 04 42 16 73 38 25 39 11 24 94 72 18 08 46 29 32 40 62 76 36 </div><div style="text-align: center;"> 20 69 36 41 72 30 23 88 34 62 99 69 82 67 59 85 74 04 36 16 </div><div style="text-align: center;"> 20 73 35 29 78 31 90 01 74 31 49 71 48 86 81 16 23 57 05 54 </div><div style="text-align: center;"> 01 70 54 71 83 51 54 69 16 92 33 48 61 43 52 01 89 19 67 48 </div><p> Произведение этих чисел составляет 26 × 63 × 78 × 14 = 1788696. Каково наибольшее произведение четырех соседних чисел в том же направлении (вверх, вниз, влево, вправо, или по диагонали) в данном <code>arr</code> сетке? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>largestGridProduct(grid)</code> должен возвращать 70600674.
+    testString: 'assert.strictEqual(largestGridProduct(grid), 70600674, "<code>largestGridProduct(grid)</code> should return 70600674.");'
+  - text: <code>largestGridProduct(testGrid)</code> должен возвращать 14169081.
+    testString: 'assert.strictEqual(largestGridProduct(testGrid), 14169081, "<code>largestGridProduct(testGrid)</code> should return 14169081.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestGridProduct(arr) {
+  // Good luck!
+  return arr;
+}
+
+// Only change code above this line
+const grid = [
+  [8, 2, 22, 97, 38, 15, 0, 40, 0, 75, 4, 5, 7, 78, 52, 12, 50, 77, 91, 8],
+  [49, 49, 99, 40, 17, 81, 18, 57, 60, 87, 17, 40, 98, 43, 69, 48, 4, 56, 62, 0],
+  [81, 49, 31, 73, 55, 79, 14, 29, 93, 71, 40, 67, 53, 88, 30, 3, 49, 13, 36, 65],
+  [52, 70, 95, 23, 4, 60, 11, 42, 69, 24, 68, 56, 1, 32, 56, 71, 37, 2, 36, 91],
+  [22, 31, 16, 71, 51, 67, 63, 89, 41, 92, 36, 54, 22, 40, 40, 28, 66, 33, 13, 80],
+  [24, 47, 32, 60, 99, 3, 45, 2, 44, 75, 33, 53, 78, 36, 84, 20, 35, 17, 12, 50],
+  [32, 98, 81, 28, 64, 23, 67, 10, 26, 38, 40, 67, 59, 54, 70, 66, 18, 38, 64, 70],
+  [67, 26, 20, 68, 2, 62, 12, 20, 95, 63, 94, 39, 63, 8, 40, 91, 66, 49, 94, 21],
+  [24, 55, 58, 5, 66, 73, 99, 26, 97, 17, 78, 78, 96, 83, 14, 88, 34, 89, 63, 72],
+  [21, 36, 23, 9, 75, 0, 76, 44, 20, 45, 35, 14, 0, 61, 33, 97, 34, 31, 33, 95],
+  [78, 17, 53, 28, 22, 75, 31, 67, 15, 94, 3, 80, 4, 62, 16, 14, 9, 53, 56, 92],
+  [16, 39, 5, 42, 96, 35, 31, 47, 55, 58, 88, 24, 0, 17, 54, 24, 36, 29, 85, 57],
+  [86, 56, 0, 48, 35, 71, 89, 7, 5, 44, 44, 37, 44, 60, 21, 58, 51, 54, 17, 58],
+  [19, 80, 81, 68, 5, 94, 47, 69, 28, 73, 92, 13, 86, 52, 17, 77, 4, 89, 55, 40],
+  [4, 52, 8, 83, 97, 35, 99, 16, 7, 97, 57, 32, 16, 26, 26, 79, 33, 27, 98, 66],
+  [88, 36, 68, 87, 57, 62, 20, 72, 3, 46, 33, 67, 46, 55, 12, 32, 63, 93, 53, 69],
+  [4, 42, 16, 73, 38, 25, 39, 11, 24, 94, 72, 18, 8, 46, 29, 32, 40, 62, 76, 36],
+  [20, 69, 36, 41, 72, 30, 23, 88, 34, 62, 99, 69, 82, 67, 59, 85, 74, 4, 36, 16],
+  [20, 73, 35, 29, 78, 31, 90, 1, 74, 31, 49, 71, 48, 86, 81, 16, 23, 57, 5, 54],
+  [1, 70, 54, 71, 83, 51, 54, 69, 16, 92, 33, 48, 61, 43, 52, 1, 89, 19, 67, 48]
+];
+
+const testGrid = [
+  [40, 17, 81, 18, 57],
+  [74, 4, 36, 16, 29],
+  [36, 42, 69, 73, 45],
+  [51, 54, 69, 16, 92],
+  [7, 97, 57, 32, 16]
+];
+
+largestGridProduct(testGrid);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-110-diophantine-reciprocals-ii.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-110-diophantine-reciprocals-ii.russian.md
new file mode 100644
index 0000000000..c6bd8d8207
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-110-diophantine-reciprocals-ii.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3db1000cf542c50feed
+challengeType: 5
+title: 'Problem 110: Diophantine Reciprocals II'
+videoUrl: ''
+localeTitle: 'Задача 110: диофантийские реципрокты II'
+---
+
+## Description
+<section id="description"> В следующем уравнении x, y и n - целые положительные числа. 1 / <var>x</var> + 1 / <var>y</var> = 1 / <var>n.</var> Можно проверить, что при <var>n</var> = 1260 существует 113 различных решений, и это наименьшее значение <var>n,</var> для которого общее число различных решений превышает сто. Каково наименьшее значение <var>n,</var> для которого количество различных решений превышает четыре миллиона? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>diophantineTwo</code> должен вернуть 9350130049860600.
+    testString: 'assert.strictEqual(diophantineTwo(), 9350130049860600, "<code>diophantineTwo()</code> should return 9350130049860600.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function diophantineTwo() {
+  // Good luck!
+  return true;
+}
+
+diophantineTwo();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-111-primes-with-runs.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-111-primes-with-runs.russian.md
new file mode 100644
index 0000000000..230d45dfcf
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-111-primes-with-runs.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3db1000cf542c50feee
+challengeType: 5
+title: 'Problem 111: Primes with runs'
+videoUrl: ''
+localeTitle: 'Проблема 111: Primes с пробегами'
+---
+
+## Description
+<section id="description"> Учитывая 4-значные простые числа, содержащие повторяющиеся цифры, ясно, что они не могут быть одинаковыми: 1111 делится на 11, 2222 делится на 22 и т. Д. Но есть девять четырехзначных простых чисел, содержащих три: 1117, 1151, 1171, 1181, 1511, 1811, 2111, 4111, 8111. Мы будем говорить, что M (n, d) представляет максимальное количество повторных цифр для n- где d - повторяющаяся цифра, N (n, d) представляет количество таких простых чисел, а S (n, d) представляет собой сумму этих простых чисел. Таким образом, M (4, 1) = 3 является максимальным числом повторных цифр для 4-значного простого числа, где одна является повторной цифрой, то N (4, 1) = 9 таких простых чисел, а сумма этих простых чисел равна S (4, 1) = 22275. Оказывается, что при d = 0 возможно только M (4, 0) = 2 повторных цифры, но существует N (4, 0) = 13 таких случаев. Точно так же мы получаем следующие результаты для четырехзначных простых чисел. <p> Digit, d M (4, d) N (4, d) S (4, d) 0 2 13 67061 1 3 9 22275 2 3 1 2221 3 3 12 46214 4 3 2 8888 5 3 1 5557 6 3 1 6661 7 3 9 57863 8 3 1 8887 9 3 7 48073 </p><p> При d = 0 до 9 сумма всех S (4, d) равна 273700. Найдите сумму всех S (10, d). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler111(), 612407567715, "<code>euler111()</code> should return 612407567715.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler111() {
+  // Good luck!
+  return true;
+}
+
+euler111();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-112-bouncy-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-112-bouncy-numbers.russian.md
new file mode 100644
index 0000000000..6e3b87d8c2
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-112-bouncy-numbers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3dd1000cf542c50feef
+challengeType: 5
+title: 'Problem 112: Bouncy numbers'
+videoUrl: ''
+localeTitle: 'Задача 112: Надувные номера'
+---
+
+## Description
+<section id="description"> Работая слева направо, если цифра не превышена цифрой слева от нее, она называется все увеличивающимся числом; например, 134468. Аналогично, если цифра не будет превышена цифрой справа, она называется уменьшающимся числом; например, 66420. Мы будем называть положительное целое число, которое не увеличивает и не уменьшает «бодрящее» число; например, 155349. Очевидно, что не может быть никаких надувных чисел ниже ста, но чуть более половины чисел ниже одной тысячи (525) являются упругими. Фактически, наименьшее число, для которого доля бодрящих чисел вначале достигает 50%, составляет 538. Удивительно, что набирающие обороты цифры становятся все более распространенными, и к тому времени, когда мы достигнем 21780, доля надувных чисел равна 90%. Найдите наименьшее число, для которого доля надувных чисел составляет ровно 99%. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler112()</code> должен вернуть 1587000.
+    testString: 'assert.strictEqual(euler112(), 1587000, "<code>euler112()</code> should return 1587000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler112() {
+  // Good luck!
+  return true;
+}
+
+euler112();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-113-non-bouncy-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-113-non-bouncy-numbers.russian.md
new file mode 100644
index 0000000000..1acb156f6c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-113-non-bouncy-numbers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3dd1000cf542c50fef0
+challengeType: 5
+title: 'Problem 113: Non-bouncy numbers'
+videoUrl: ''
+localeTitle: 'Задача 113: Номера без ожирения'
+---
+
+## Description
+<section id="description"> Работая слева направо, если цифра не превышена цифрой слева от нее, она называется все увеличивающимся числом; например, 134468. Аналогично, если цифра не будет превышена цифрой справа, она называется уменьшающимся числом; например, 66420. Мы будем называть положительное целое число, которое не увеличивает и не уменьшает «бодрящее» число; например, 155349. При увеличении n доля бодрящих чисел ниже n возрастает, так что всего лишь 12951 число ниже одного миллиона, которые не являются упругими и только 277032 числа, не несущественные, ниже 1010. Сколько чисел ниже googol (10100 ) не бод? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler113()</code> должен вернуть 51161058134250.
+    testString: 'assert.strictEqual(euler113(), 51161058134250, "<code>euler113()</code> should return 51161058134250.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler113() {
+  // Good luck!
+  return true;
+}
+
+euler113();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-114-counting-block-combinations-i.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-114-counting-block-combinations-i.russian.md
new file mode 100644
index 0000000000..c105067317
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-114-counting-block-combinations-i.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e01000cf542c50fef2
+challengeType: 5
+title: 'Problem 114: Counting block combinations I'
+videoUrl: ''
+localeTitle: 'Задача 114: Комбинации счетных блоков I'
+---
+
+## Description
+<section id="description"> Строка длиной семь единиц имеет красные блоки с минимальной длиной в три единицы, размещенные на ней, так что любые два красных блока (которые допускаются к разным длинам) разделены по меньшей мере одним черным квадратом. Есть ровно семнадцать способов сделать это. <p> Сколько путей может быть заполнено длиной в пятьдесят единиц? ПРИМЕЧАНИЕ. Хотя приведенный выше пример не дает возможности, в общем, разрешается смешивать размеры блоков. Например, в строке длиной восемь единиц можно использовать красный (3), черный (1) и красный (4). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler114()</code> должен вернуть 16475640049.
+    testString: 'assert.strictEqual(euler114(), 16475640049, "<code>euler114()</code> should return 16475640049.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler114() {
+  // Good luck!
+  return true;
+}
+
+euler114();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-115-counting-block-combinations-ii.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-115-counting-block-combinations-ii.russian.md
new file mode 100644
index 0000000000..8a7972ddbe
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-115-counting-block-combinations-ii.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3df1000cf542c50fef1
+challengeType: 5
+title: 'Problem 115: Counting block combinations II'
+videoUrl: ''
+localeTitle: 'Задача 115: Комбинации счетных блоков II'
+---
+
+## Description
+<section id="description"> ПРИМЕЧАНИЕ. Это более сложная версия задачи 114. Строка, измеряющая n единиц длины, имеет красные блоки с минимальной длиной м единиц, размещенных на ней, так что любые два красных блока (которые допускаются к разным длинам) разделяются по крайней мере, одним черным квадратом. Пусть функция заполнения, F (m, n), представляет количество способов заполнения строки. Например, F (3, 29) = 673135 и F (3, 30) = 1089155. То есть, при m = 3 можно видеть, что n = 30 является наименьшим значением, для которого функция заполнения один миллион. Точно так же при m = 10 можно проверить, что F (10, 56) = 880711 и F (10, 57) = 1148904, поэтому n = 57 является наименьшим значением, для которого функция заполнения один миллион. При m = 50 найдите наименьшее значение n, для которого функция заполнения заполнения сначала превышает один миллион. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler115()</code> должен вернуть 168.
+    testString: 'assert.strictEqual(euler115(), 168, "<code>euler115()</code> should return 168.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler115() {
+  // Good luck!
+  return true;
+}
+
+euler115();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-116-red-green-or-blue-tiles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-116-red-green-or-blue-tiles.russian.md
new file mode 100644
index 0000000000..f1322e12d1
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-116-red-green-or-blue-tiles.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e01000cf542c50fef3
+challengeType: 5
+title: 'Problem 116: Red, green or blue tiles'
+videoUrl: ''
+localeTitle: 'Проблема 116: красная, зеленая или синяя плитка'
+---
+
+## Description
+<section id="description"> Ряд из пяти квадратов черного квадрата должен иметь несколько своих черепиц, замененных цветными продолговатыми плитами, выбранными из красного (длина два), зеленым (длина три) или синим (длина четыре). Если выбраны красные плитки, это может быть сделано всего семь способов. <p> Если выбраны зеленые плитки, есть три способа. </p><p> И если выбраны синие плитки, есть два пути. </p><p> Предполагая, что цвета не могут быть смешаны, есть 7 + 3 + 2 = 12 способов замены черных плит в строке длиной в пять единиц. Сколько различных способов можно заменить черные плитки длиной в пятьдесят единиц в длину, если цвета не могут быть смешаны и по крайней мере одна цветная плитка должна использоваться? ПРИМЕЧАНИЕ. Это связано с проблемой 117. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler116()</code> должен вернуть 20492570929.
+    testString: 'assert.strictEqual(euler116(), 20492570929, "<code>euler116()</code> should return 20492570929.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler116() {
+  // Good luck!
+  return true;
+}
+
+euler116();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-117-red-green-and-blue-tiles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-117-red-green-and-blue-tiles.russian.md
new file mode 100644
index 0000000000..4c084adc1d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-117-red-green-and-blue-tiles.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e21000cf542c50fef4
+challengeType: 5
+title: 'Problem 117: Red, green, and blue tiles'
+videoUrl: ''
+localeTitle: 'Проблема 117: красная, зеленая и синяя плитка'
+---
+
+## Description
+<section id="description"> Используя комбинацию черных квадратных плит и продолговатых плиток, выбранных из: красных плиток, измеряющих два блока, зеленых плит, измеряющих три единицы, и синих плит, измеряющих четыре единицы, можно плитку длиной в пять единиц длиной ровно пятнадцатью различными способами. <p> Сколько способов может содержать черепица длиной в пятьдесят единиц? ПРИМЕЧАНИЕ. Это связано с задачей 116. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler117()</code> должен вернуть 100808458960497.
+    testString: 'assert.strictEqual(euler117(), 100808458960497, "<code>euler117()</code> should return 100808458960497.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler117() {
+  // Good luck!
+  return true;
+}
+
+euler117();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-118-pandigital-prime-sets.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-118-pandigital-prime-sets.russian.md
new file mode 100644
index 0000000000..35dc4c6296
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-118-pandigital-prime-sets.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e21000cf542c50fef5
+challengeType: 5
+title: 'Problem 118: Pandigital prime sets'
+videoUrl: ''
+localeTitle: 'Задача 118: Pandigital простые множества'
+---
+
+## Description
+<section id="description"> Используя все цифры с 1 по 9 и конкатенируя их свободно, чтобы сформировать десятичные целые числа, могут быть сформированы различные множества. Интересно, что набор {2,5,47,89,631}, все элементы, принадлежащие ему, являются просторными. Сколько различных наборов, содержащих каждую из цифр от одного до девятого ровно один раз, содержат только простые элементы? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler118()</code> должен возвращать 44680.
+    testString: 'assert.strictEqual(euler118(), 44680, "<code>euler118()</code> should return 44680.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler118() {
+  // Good luck!
+  return true;
+}
+
+euler118();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-119-digit-power-sum.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-119-digit-power-sum.russian.md
new file mode 100644
index 0000000000..77bcabff5c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-119-digit-power-sum.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e41000cf542c50fef6
+challengeType: 5
+title: 'Problem 119: Digit power sum'
+videoUrl: ''
+localeTitle: 'Задача 119: Суммарная сумма электроэнергии'
+---
+
+## Description
+<section id="description"> Число 512 интересно, потому что оно равно сумме его цифр, поднятых до некоторой степени: 5 + 1 + 2 = 8 и 83 = 512. Другим примером числа с этим свойством является 614656 = 284. Мы определим быть n-м членом этой последовательности и настаивать на том, чтобы число должно содержать не менее двух цифр, чтобы иметь сумму. Вам дается, что a2 = 512 и a10 = 614656. Найдите a30. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler119()</code> должен вернуть 248155780267521.
+    testString: 'assert.strictEqual(euler119(), 248155780267521, "<code>euler119()</code> should return 248155780267521.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler119() {
+  // Good luck!
+  return true;
+}
+
+euler119();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-12-highly-divisible-triangular-number.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-12-highly-divisible-triangular-number.russian.md
new file mode 100644
index 0000000000..b52706a155
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-12-highly-divisible-triangular-number.russian.md
@@ -0,0 +1,63 @@
+---
+id: 5900f3781000cf542c50fe8b
+challengeType: 5
+title: 'Problem 12: Highly divisible triangular number'
+videoUrl: ''
+localeTitle: 'Задача 12: Высокое делимое треугольное число'
+---
+
+## Description
+<section id="description"> Последовательность чисел треугольника порождается добавлением натуральных чисел. Таким образом, 7-й номер треугольника будет 1 + 2 + 3 + 4 + 5 + 6 + 7 = 28. Первые десять терминов будут: <div style="text-align: center;"> 1, 3, 6, 10, 15, 21, 28, 36, 45, 55, ... </div> Перечислим коэффициенты первых семи чисел треугольника: <div style="padding-left: 4em;"> <b>1:</b> 1 </div><div style="padding-left: 4em;"> <b>3:</b> 1, 3 </div><div style="padding-left: 4em;"> <b>6:</b> 1, 2, 3, 6 </div><div style="padding-left: 4em;"> <b>10:</b> 1, 2, 5, 10 </div><div style="padding-left: 4em;"> <b>15:</b> 1, 3, 5, 15 </div><div style="padding-left: 4em;"> <b>21:</b> 1, 3, 7, 21 </div><div style="padding-left: 4em;"> <b>28:</b> 1, 2, 4, 7, 14, 28 </div> Мы видим, что 28 - это первое число треугольников, состоящее из пяти делителей. Каково значение первого числа треугольников для <code>n</code> делителей? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>divisibleTriangleNumber(5)</code> должен возвращать 28.
+    testString: 'assert.strictEqual(divisibleTriangleNumber(5), 28, "<code>divisibleTriangleNumber(5)</code> should return 28.");'
+  - text: <code>divisibleTriangleNumber(23)</code> должен возвращать 630.
+    testString: 'assert.strictEqual(divisibleTriangleNumber(23), 630, "<code>divisibleTriangleNumber(23)</code> should return 630.");'
+  - text: <code>divisibleTriangleNumber(167)</code> должен возвращать 1385280.
+    testString: 'assert.strictEqual(divisibleTriangleNumber(167), 1385280, "<code>divisibleTriangleNumber(167)</code> should return 1385280.");'
+  - text: <code>divisibleTriangleNumber(374)</code> должен возвращать 17907120.
+    testString: 'assert.strictEqual(divisibleTriangleNumber(374), 17907120, "<code>divisibleTriangleNumber(374)</code> should return 17907120.");'
+  - text: <code>divisibleTriangleNumber(500)</code> должен возвращать 76576500.
+    testString: 'assert.strictEqual(divisibleTriangleNumber(500), 76576500, "<code>divisibleTriangleNumber(500)</code> should return 76576500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function divisibleTriangleNumber(n) {
+  // Good luck!
+  return true;
+}
+
+divisibleTriangleNumber(500);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-120-square-remainders.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-120-square-remainders.russian.md
new file mode 100644
index 0000000000..1e2d925d9e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-120-square-remainders.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e41000cf542c50fef7
+challengeType: 5
+title: 'Problem 120: Square remainders'
+videoUrl: ''
+localeTitle: 'Задача 120: Квадратные остатки'
+---
+
+## Description
+<section id="description"> Пусть r - остаток, когда (a-1) n + (a + 1) n делится на a2. Например, если a = 7 и n = 3, то r = 42: 63 + 83 = 728 ≡ 42 mod 49. А при изменении n также будет r, но при a = 7 получается, что rmax = 42. Для 3 ≤ a ≤ 1000 найдите Σ rmax. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler120()</code> должен вернуть 333082500.
+    testString: 'assert.strictEqual(euler120(), 333082500, "<code>euler120()</code> should return 333082500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler120() {
+  // Good luck!
+  return true;
+}
+
+euler120();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-121-disc-game-prize-fund.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-121-disc-game-prize-fund.russian.md
new file mode 100644
index 0000000000..546c12d087
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-121-disc-game-prize-fund.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e51000cf542c50fef8
+challengeType: 5
+title: 'Problem 121: Disc game prize fund'
+videoUrl: ''
+localeTitle: 'Задача 121: Призовой фонд призовой игры'
+---
+
+## Description
+<section id="description"> Сумка содержит один красный диск и один синий диск. В азартной игре игрок берет диск в случайном порядке, и его цвет отмечается. После каждого поворота диск возвращается в сумку, добавляется дополнительный красный диск, а другой диск берется произвольно. Игрок платит 1 фунт за игру и выигрывает, если в конце игры они взяли больше синих дисков, чем красные диски. Если игра будет сыграна на четыре оборота, вероятность выигрыша игрока будет равна 11/120, и поэтому максимальный призовой фонд, который банкир должен выделить для победы в этой игре, составит 10 фунтов стерлингов, прежде чем они ожидают, что они понесут убыток. Обратите внимание, что любая выплата будет целым числом фунтов, а также включает первоначальную £ 1, выплаченную за игру, поэтому в примере, когда игрок фактически выигрывает 9 фунтов. Найдите максимальный призовой фонд, который должен быть выделен для одной игры, в которой исполняется пятнадцать ходов. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler121()</code> должен вернуть 2269.
+    testString: 'assert.strictEqual(euler121(), 2269, "<code>euler121()</code> should return 2269.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler121() {
+  // Good luck!
+  return true;
+}
+
+euler121();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-122-efficient-exponentiation.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-122-efficient-exponentiation.russian.md
new file mode 100644
index 0000000000..f712f48d34
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-122-efficient-exponentiation.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e61000cf542c50fef9
+challengeType: 5
+title: 'Problem 122: Efficient exponentiation'
+videoUrl: ''
+localeTitle: 'Задача 122: Эффективное возведение в степень'
+---
+
+## Description
+<section id="description"> Самый наивный способ вычисления n15 требует четырнадцати умножений: n × n × ... × n = n15 Но используя «двоичный» метод, вы можете вычислить его в шести умножениях: n × n = n2n2 × n2 = n4n4 × n4 = n8n8 × n4 = n12n12 × n2 = n14n14 × n = n15 Однако еще можно вычислить его только в пяти умножениях: n × n = n2n2 × n = n3n3 × n3 = n6n6 × n6 = n12n12 × n3 = n15 Определим m (k) - минимальное количество умножений для вычисления nk; например m (15) = 5. Для 1 ≤ k ≤ 200 найдите Σ m (k). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler122()</code> должен вернуть 1582.
+    testString: 'assert.strictEqual(euler122(), 1582, "<code>euler122()</code> should return 1582.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler122() {
+  // Good luck!
+  return true;
+}
+
+euler122();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-123-prime-square-remainders.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-123-prime-square-remainders.russian.md
new file mode 100644
index 0000000000..392f1458bf
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-123-prime-square-remainders.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e71000cf542c50fefa
+challengeType: 5
+title: 'Problem 123: Prime square remainders'
+videoUrl: ''
+localeTitle: 'Задача 123: остатки Prime Square'
+---
+
+## Description
+<section id="description"> Пусть pn - n-е число простых чисел: 2, 3, 5, 7, 11, ... и r - остаток, когда (pn-1) n + (pn + 1) n делится на pn2. Например, когда n = 3, p3 = 5 и 43 + 63 = 280 ≡ 5 mod 25. Наименьшее значение n, для которого остаток сначала превышает 109, составляет 7037. Найдите наименьшее значение n, для которого остаток сначала превышает 1010. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler123()</code> должен вернуть 21035.
+    testString: 'assert.strictEqual(euler123(), 21035, "<code>euler123()</code> should return 21035.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler123() {
+  // Good luck!
+  return true;
+}
+
+euler123();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-124-ordered-radicals.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-124-ordered-radicals.russian.md
new file mode 100644
index 0000000000..0878e745e0
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-124-ordered-radicals.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e81000cf542c50fefb
+challengeType: 5
+title: 'Problem 124: Ordered radicals'
+videoUrl: ''
+localeTitle: 'Задача 124: упорядоченные радикалы'
+---
+
+## Description
+<section id="description"> Радиус n, rad (n), является произведением различных простых множителей n. Например, 504 = 23 × 32 × 7, поэтому rad (504) = 2 × 3 × 7 = 42. Если мы вычисляем rad (n) для 1 ≤ n ≤ 10, то сортируем их по rad (n) и сортируем на n, если радикальные значения равны, получаем: Unsorted <p> Сортированный n rad (n) </p><p> n rad (n) k 11 </p><p> 111 22 </p><p> 222 33 </p><p> 423 42 </p><p> 824 55 </p><p> 335 66 </p><p> 936 77 </p><p> 557 82 </p><p> 668 93 </p><p> 779 1010 </p><p> 101010 Пусть E (k) - k-й элемент в отсортированном n столбце; например, E (4) = 8 и E (6) = 9. Если rad (n) сортируется для 1 ≤ n ≤ 100000, найдите E (10000). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler124()</code> должен возвращать 21417.
+    testString: 'assert.strictEqual(euler124(), 21417, "<code>euler124()</code> should return 21417.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler124() {
+  // Good luck!
+  return true;
+}
+
+euler124();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-125-palindromic-sums.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-125-palindromic-sums.russian.md
new file mode 100644
index 0000000000..d69b6f9e43
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-125-palindromic-sums.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3e91000cf542c50fefc
+challengeType: 5
+title: 'Problem 125: Palindromic sums'
+videoUrl: ''
+localeTitle: 'Задача 125: Палиндромические суммы'
+---
+
+## Description
+<section id="description"> Палиндромный номер 595 интересен тем, что его можно записать в виде суммы последовательных квадратов: 62 ​​+ 72 + 82 + 92 + 102 + 112 + 122. В точности одиннадцать палиндромов ниже одной тысячи, которые могут быть записаны как последовательные квадратные суммы, и сумма этих палиндромов равна 4164. Заметим, что 1 = 02 + 12 не было включено, так как эта проблема связана с квадратами положительных целых чисел. Найдите сумму всех чисел менее 108, которые являются палиндромными и могут быть записаны как сумма последовательных квадратов. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler125()</code> должен возвращать 2906969179.
+    testString: 'assert.strictEqual(euler125(), 2906969179, "<code>euler125()</code> should return 2906969179.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler125() {
+  // Good luck!
+  return true;
+}
+
+euler125();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-126-cuboid-layers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-126-cuboid-layers.russian.md
new file mode 100644
index 0000000000..e30125603a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-126-cuboid-layers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ea1000cf542c50fefd
+challengeType: 5
+title: 'Problem 126: Cuboid layers'
+videoUrl: ''
+localeTitle: 'Задача 126: Кубоидные слои'
+---
+
+## Description
+<section id="description"> Минимальное количество кубов для покрытия каждой видимой поверхности на кубоиде размером 3 x 2 x 1 составляет двадцать два. <p> Если мы затем добавим второй слой в это твердое тело, для покрытия каждой видимой поверхности потребуется сорок шесть кубов, для третьего слоя потребуется семьдесят восемь кубов, а четвертому слою потребуется сто восемнадцать кубов, чтобы покрыть каждую видимую грань , Однако первый слой на кубоиде размером 5 х 1 х 1 также требует двадцать два куба; аналогично, первый слой на кубоидах размером 5 x 3 x 1, 7 x 2 x 1 и 11 x 1 x 1 содержит сорок шесть кубов. Мы определим C (n) для представления числа кубоидов, содержащих n кубов в одном из своих слоев. Таким образом, C (22) = 2, C (46) = 4, C (78) = 5 и C (118) = 8. Оказывается, что 154 - наименьшее значение n, для которого C (n) = 10. Найдите наименьшее значение n, для которого C (n) = 1000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler126()</code> должен вернуть 18522.
+    testString: 'assert.strictEqual(euler126(), 18522, "<code>euler126()</code> should return 18522.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler126() {
+  // Good luck!
+  return true;
+}
+
+euler126();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-127-abc-hits.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-127-abc-hits.russian.md
new file mode 100644
index 0000000000..a8994d636c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-127-abc-hits.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ec1000cf542c50fefe
+challengeType: 5
+title: 'Problem 127: abc-hits'
+videoUrl: ''
+localeTitle: 'Задача 127: abc-hits'
+---
+
+## Description
+<section id="description"> Радикал n, rad (n), является произведением различных простых множителей n. Например, 504 = 23 × 32 × 7, поэтому rad (504) = 2 × 3 × 7 = 42. Мы определим триплет положительных целых чисел (a, b, c) как abc-hit, если: GCD ( a, b) = GCD (a, c) = GCD (b, c) = 1 a &lt;ba + b = c rad (abc) &lt;c Например, (5, 27, 32) является abc-hit, потому что : GCD (5, 27) = GCD (5, 32) = GCD (27, 32) = 1 5 &lt;27 5 + 27 = 32 рад (4320) = 30 &lt;32 Оказывается, abc-хиты довольно редки и существует только тридцать один abc-хиты для c &lt;1000, с Σc = 12523. Найдите Σc для c &lt;120000. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler127()</code> должен вернуть 18407904.
+    testString: 'assert.strictEqual(euler127(), 18407904, "<code>euler127()</code> should return 18407904.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler127() {
+  // Good luck!
+  return true;
+}
+
+euler127();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-128-hexagonal-tile-differences.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-128-hexagonal-tile-differences.russian.md
new file mode 100644
index 0000000000..d80ed087ec
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-128-hexagonal-tile-differences.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ec1000cf542c50feff
+challengeType: 5
+title: 'Problem 128: Hexagonal tile differences'
+videoUrl: ''
+localeTitle: 'Задача 128: Различия в гексагональной черепице'
+---
+
+## Description
+<section id="description"> Шестиугольная плитка с номером 1 окружена кольцом шести гексагональных плит, начиная с «12 часов» и пронумеровав плитки с 2 по 7 против часовой стрелки. Таким же образом добавляются новые кольца, причем следующие кольца имеют номера от 8 до 19, от 20 до 37, от 38 до 61 и т. Д. На приведенной ниже диаграмме показаны первые три кольца. <p> Найдя разницу между плиткой n и каждым из ее шести соседей, мы определим PD (n) как число тех различий, которые являются первичными. Например, работая по часовой стрелке вокруг плитки 8, разница составляет 12, 29, 11, 6, 1 и 13. Таким образом, PD (8) = 3. Таким же образом различия вокруг плитки 17 равны 1, 17, 16, 1 , 11 и 10, следовательно, PD (17) = 2. Можно показать, что максимальное значение PD (n) равно 3. Если все плитки, для которых PD (n) = 3, указаны в порядке возрастания, чтобы сформировать последовательность, 10-я плитка будет 271. Найдите 2000-ю черепицу в этой последовательности. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler128()</code> должен возвращать 14516824220.
+    testString: 'assert.strictEqual(euler128(), 14516824220, "<code>euler128()</code> should return 14516824220.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler128() {
+  // Good luck!
+  return true;
+}
+
+euler128();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-129-repunit-divisibility.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-129-repunit-divisibility.russian.md
new file mode 100644
index 0000000000..fc47d9c73a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-129-repunit-divisibility.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ef1000cf542c50ff01
+challengeType: 5
+title: 'Problem 129: Repunit divisibility'
+videoUrl: ''
+localeTitle: 'Задача 129: делимость репликации'
+---
+
+## Description
+<section id="description"> Число, состоящее полностью из них, называется repunit. Определим R (k) как репутацию длины k; например, R (6) = 111111. Учитывая, что n является положительным целым числом, а GCD (n, 10) = 1, можно показать, что всегда существует значение k, для которого R (k) делится на n , и пусть A (n) - наименьшее такое значение k; например, A (7) = 6 и A (41) = 5. Наименьшее значение n, для которого A (n) сначала превышает десять, равно 17. Найдите наименьшее значение n, для которого A (n) млн. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler129()</code> должен возвращать 1000023.
+    testString: 'assert.strictEqual(euler129(), 1000023, "<code>euler129()</code> should return 1000023.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler129() {
+  // Good luck!
+  return true;
+}
+
+euler129();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-13-large-sum.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-13-large-sum.russian.md
new file mode 100644
index 0000000000..5ec4857c59
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-13-large-sum.russian.md
@@ -0,0 +1,179 @@
+---
+id: 5900f37a1000cf542c50fe8c
+challengeType: 5
+title: 'Problem 13: Large sum'
+videoUrl: ''
+localeTitle: 'Задача 13: Большая сумма'
+---
+
+## Description
+<section id="description"> Выработайте первые десять цифр суммы из следующих ста пятидесятизначных чисел. <p> 37107287533902102798797998220837590246510135740250 46376937677490009712648124896970078050417018260538 74324986199524741059474233309513058123726617309629 91942213363574161572522430563301811072406154908250 23067588207539346171171980310421047513778063246676 89261670696623633820136378418383684178734361726757 28112879812849979408065481931592621691275889832738 44274228917432520321923589422876796487670272189318 47451445736001306439091167216856844588711603153276 70386486105843025439939619828917593665686757934951 62176457141856560629502157223196586755079324193331 64906352462741904929101432445813822663347944758178 92575867718337217661963751590579239728245598838407 58203565325359399008402633568948830189458628227828 80181199384826282014278194139940567587151170094390 35398664372827112653829987240784473053190104293586 86515506006295864861532075273371959191420517255829 71693888707715466499115593487603532921714970056938 54370070576826684624621495650076471787294438377604 5328265410875682844319119063469 4037855217779295145 36123272525000296071075082563815656710885258350721 45876576172410976447339110607218265236877223636045 17423706905851860660448207621209813287860733969412 81142660418086830619328460811191061556940512689692 51934325451728388641918047049293215058642563049483 62467221648435076201727918039944693004732956340691 15732444386908125794514089057706229429197107928209 55037687525678773091862540744969844508330393682126 18336384825330154686196124348767681297534375946515 80386287592878490201521685554828717201219257766954 78182833757993103614740356856449095527097864797581 16726320100436897842553539920931837441497806860984 48403098129077791799088218795327364475675590848030 87086987551392711854517078544161852424320693150332 59959406895756536782107074926966537676326235447210 69793950679652694742597709739166693763042633987085 41052684708299085211399427365734116182760315001271 65378607361501080857009149939512557028198746004375 35829035317434717326932123578154982629742552737307 94953759765 105305946966067683156574377167401875275 88902802571733229619176668713819931811048770190271 25267680276078003013678680992525463401061632866526 36270218540497705585629946580636237993140746255962 24074486908231174977792365466257246923322810917141 91430288197103288597806669760892938638285025333403 34413065578016127815921815005561868836468420090470 23053081172816430487623791969842487255036638784583 11487696932154902810424020138335124462181441773470 63783299490636259666498587618221225225512486764533 67720186971698544312419572409913959008952310058822 95548255300263520781532296796249481641953868218774 76085327132285723110424803456124867697064507995236 37774242535411291684276865538926205024910326572967 23701913275725675285653248258265463092207058596522 29798860272258331913126375147341994889534765745501 18495701454879288984856827726077713721403798879715 38298203783031473527721580348144513491373226651381 34829543829199918180278916522431027392251122869539 409579530664052326325380441000596549391598 79593635 29746152185502371307642255121183693803580388584903 41698116222072977186158236678424689157993532961922 62467957194401269043877107275048102390895523597457 23189706772547915061505504953922979530901129967519 86188088225875314529584099251203829009407770775672 11306739708304724483816533873502340845647058077308 82959174767140363198008187129011875491310547126581 97623331044818386269515456334926366572897563400500 42846280183517070527831839425882145521227251250327 55121603546981200581762165212827652751691296897789 32238195734329339946437501907836945765883352399886 75506164965184775180738168837861091527357929701337 62177842752192623401942399639168044983993173312731 32924185707147349566916674687634660915035914677504 99518671430235219628894890102423325116913619626622 73267460800591547471830798392868535206946944540724 76841822524674417161514036427982273348055556214818 97142617910342598647204516893989422179826088076852 87783646182799346313767754307809363333018982642090 1084880252167467088321 5120185883543223812876952786 71329612474782464538636993009049310363619763878039 62184073572399794223406235393808339651327408011116 66627891981488087797941876876144230030984490851411 60661826293682836764744779239180335110989069790714 85786944089552990653640447425576083659976645795096 66024396409905389607120198219976047599490197230297 64913982680032973156037120041377903785566085089252 16730939319872750275468906903707539413042652315011 94809377245048795150954100921645863754710598436791 78639167021187492431995700641917969777599028300699 15368713711936614952811305876380278410754449733078 40789923115535562561142322423255033685442488917353 44889911501440648020369068063960672322193204149535 41503128880339536053299340368006977710650566631954 81234880673210146739058568557934581403627822703280 82616570773948327592232845941706525094512325230608 22918802058777319719839450180888072429661980811197 77158542502016545090413245809786882778948721859617 72107838435069186155435662884062257473692284509516 20 849603980134001723930671666823555245252804609722 53503534226472524250874054075591789781264330331690 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>largeSum(testNums)</code> должен вернуть 8348422521.
+    testString: 'assert.strictEqual(largeSum(testNums), 8348422521, "<code>largeSum(testNums)</code> should return 8348422521.");'
+  - text: <code>largeSum(fiftyDigitNums)</code> должен вернуть 5537376230.
+    testString: 'assert.strictEqual(largeSum(fiftyDigitNums), 5537376230, "<code>largeSum(fiftyDigitNums)</code> should return 5537376230.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largeSum(arr) {
+  // Good luck!
+  return true;
+}
+
+// only change code above this line
+
+const testNums = [
+  '37107287533902102798797998220837590246510135740250',
+  '46376937677490009712648124896970078050417018260538'
+];
+
+largeSum(testNums);
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+const fiftyDigitNums = [
+  '37107287533902102798797998220837590246510135740250',
+  '46376937677490009712648124896970078050417018260538',
+  '74324986199524741059474233309513058123726617309629',
+  '91942213363574161572522430563301811072406154908250',
+  '23067588207539346171171980310421047513778063246676',
+  '89261670696623633820136378418383684178734361726757',
+  '28112879812849979408065481931592621691275889832738',
+  '44274228917432520321923589422876796487670272189318',
+  '47451445736001306439091167216856844588711603153276',
+  '70386486105843025439939619828917593665686757934951',
+  '62176457141856560629502157223196586755079324193331',
+  '64906352462741904929101432445813822663347944758178',
+  '92575867718337217661963751590579239728245598838407',
+  '58203565325359399008402633568948830189458628227828',
+  '80181199384826282014278194139940567587151170094390',
+  '35398664372827112653829987240784473053190104293586',
+  '86515506006295864861532075273371959191420517255829',
+  '71693888707715466499115593487603532921714970056938',
+  '54370070576826684624621495650076471787294438377604',
+  '53282654108756828443191190634694037855217779295145',
+  '36123272525000296071075082563815656710885258350721',
+  '45876576172410976447339110607218265236877223636045',
+  '17423706905851860660448207621209813287860733969412',
+  '81142660418086830619328460811191061556940512689692',
+  '51934325451728388641918047049293215058642563049483',
+  '62467221648435076201727918039944693004732956340691',
+  '15732444386908125794514089057706229429197107928209',
+  '55037687525678773091862540744969844508330393682126',
+  '18336384825330154686196124348767681297534375946515',
+  '80386287592878490201521685554828717201219257766954',
+  '78182833757993103614740356856449095527097864797581',
+  '16726320100436897842553539920931837441497806860984',
+  '48403098129077791799088218795327364475675590848030',
+  '87086987551392711854517078544161852424320693150332',
+  '59959406895756536782107074926966537676326235447210',
+  '69793950679652694742597709739166693763042633987085',
+  '41052684708299085211399427365734116182760315001271',
+  '65378607361501080857009149939512557028198746004375',
+  '35829035317434717326932123578154982629742552737307',
+  '94953759765105305946966067683156574377167401875275',
+  '88902802571733229619176668713819931811048770190271',
+  '25267680276078003013678680992525463401061632866526',
+  '36270218540497705585629946580636237993140746255962',
+  '24074486908231174977792365466257246923322810917141',
+  '91430288197103288597806669760892938638285025333403',
+  '34413065578016127815921815005561868836468420090470',
+  '23053081172816430487623791969842487255036638784583',
+  '11487696932154902810424020138335124462181441773470',
+  '63783299490636259666498587618221225225512486764533',
+  '67720186971698544312419572409913959008952310058822',
+  '95548255300263520781532296796249481641953868218774',
+  '76085327132285723110424803456124867697064507995236',
+  '37774242535411291684276865538926205024910326572967',
+  '23701913275725675285653248258265463092207058596522',
+  '29798860272258331913126375147341994889534765745501',
+  '18495701454879288984856827726077713721403798879715',
+  '38298203783031473527721580348144513491373226651381',
+  '34829543829199918180278916522431027392251122869539',
+  '40957953066405232632538044100059654939159879593635',
+  '29746152185502371307642255121183693803580388584903',
+  '41698116222072977186158236678424689157993532961922',
+  '62467957194401269043877107275048102390895523597457',
+  '23189706772547915061505504953922979530901129967519',
+  '86188088225875314529584099251203829009407770775672',
+  '11306739708304724483816533873502340845647058077308',
+  '82959174767140363198008187129011875491310547126581',
+  '97623331044818386269515456334926366572897563400500',
+  '42846280183517070527831839425882145521227251250327',
+  '55121603546981200581762165212827652751691296897789',
+  '32238195734329339946437501907836945765883352399886',
+  '75506164965184775180738168837861091527357929701337',
+  '62177842752192623401942399639168044983993173312731',
+  '32924185707147349566916674687634660915035914677504',
+  '99518671430235219628894890102423325116913619626622',
+  '73267460800591547471830798392868535206946944540724',
+  '76841822524674417161514036427982273348055556214818',
+  '97142617910342598647204516893989422179826088076852',
+  '87783646182799346313767754307809363333018982642090',
+  '10848802521674670883215120185883543223812876952786',
+  '71329612474782464538636993009049310363619763878039',
+  '62184073572399794223406235393808339651327408011116',
+  '66627891981488087797941876876144230030984490851411',
+  '60661826293682836764744779239180335110989069790714',
+  '85786944089552990653640447425576083659976645795096',
+  '66024396409905389607120198219976047599490197230297',
+  '64913982680032973156037120041377903785566085089252',
+  '16730939319872750275468906903707539413042652315011',
+  '94809377245048795150954100921645863754710598436791',
+  '78639167021187492431995700641917969777599028300699',
+  '15368713711936614952811305876380278410754449733078',
+  '40789923115535562561142322423255033685442488917353',
+  '44889911501440648020369068063960672322193204149535',
+  '41503128880339536053299340368006977710650566631954',
+  '81234880673210146739058568557934581403627822703280',
+  '82616570773948327592232845941706525094512325230608',
+  '22918802058777319719839450180888072429661980811197',
+  '77158542502016545090413245809786882778948721859617',
+  '72107838435069186155435662884062257473692284509516',
+  '20849603980134001723930671666823555245252804609722',
+  '53503534226472524250874054075591789781264330331690'
+];
+
+const testNums = [
+  '37107287533902102798797998220837590246510135740250',
+  '46376937677490009712648124896970078050417018260538'
+];
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-130-composites-with-prime-repunit-property.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-130-composites-with-prime-repunit-property.russian.md
new file mode 100644
index 0000000000..ac98a728f4
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-130-composites-with-prime-repunit-property.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ee1000cf542c50ff00
+challengeType: 5
+title: 'Problem 130: Composites with prime repunit property'
+videoUrl: ''
+localeTitle: 'Задача 130: Композиты с основным свойством repunit'
+---
+
+## Description
+<section id="description"> Число, состоящее полностью из них, называется repunit. Определим R (k) как репутацию длины k; например, R (6) = 111111. Учитывая, что n является положительным целым числом, а GCD (n, 10) = 1, можно показать, что всегда существует значение k, для которого R (k) делится на n , и пусть A (n) - наименьшее такое значение k; например, A (7) = 6 и A (41) = 5. Вам дано, что для всех простых чисел p&gt; 5 p-1 делится на A (p). Например, когда p = 41, A (41) = 5 и 40 делится на 5. Однако имеются редкие составные значения, для которых это также верно; первые пять примеров составляют 91, 259, 451, 481 и 703. Найдите сумму первых двадцати пяти составных значений n, для которых GCD (n, 10) = 1 и n - 1 делится на A (n). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler130()</code> должен вернуть 149253.
+    testString: 'assert.strictEqual(euler130(), 149253, "<code>euler130()</code> should return 149253.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler130() {
+  // Good luck!
+  return true;
+}
+
+euler130();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-131-prime-cube-partnership.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-131-prime-cube-partnership.russian.md
new file mode 100644
index 0000000000..2d45261a3d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-131-prime-cube-partnership.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ef1000cf542c50ff02
+challengeType: 5
+title: 'Problem 131: Prime cube partnership'
+videoUrl: ''
+localeTitle: 'Задача 131: Партнерство с премьер-кубом'
+---
+
+## Description
+<section id="description"> Имеются некоторые простые значения p, для которых существует натуральное число n, такое, что выражение n3 + n2p является совершенным кубом. Например, когда p = 19, 83 + 82 × 19 = 123. Что, пожалуй, наиболее удивительно, так это то, что для каждого числа с этим свойством значение n уникально, и только четыре таких простых числа ниже ста. Сколько простых чисел ниже одного миллиона имеют это замечательное свойство? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler131()</code> должен вернуть 173.
+    testString: 'assert.strictEqual(euler131(), 173, "<code>euler131()</code> should return 173.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler131() {
+  // Good luck!
+  return true;
+}
+
+euler131();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-132-large-repunit-factors.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-132-large-repunit-factors.russian.md
new file mode 100644
index 0000000000..3f640a82ce
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-132-large-repunit-factors.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f11000cf542c50ff03
+challengeType: 5
+title: 'Problem 132: Large repunit factors'
+videoUrl: ''
+localeTitle: 'Задача 132: Большие факторы репутации'
+---
+
+## Description
+<section id="description"> Число, состоящее полностью из них, называется repunit. Определим R (k) как репутацию длины k. Например, R (10) = 1111111111 = 11 × 41 × 271 × 9091, а сумма этих простых коэффициентов равна 9414. Найдите сумму первых сорока простых множителей R (109). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler132()</code> должен возвращать 843296.
+    testString: 'assert.strictEqual(euler132(), 843296, "<code>euler132()</code> should return 843296.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler132() {
+  // Good luck!
+  return true;
+}
+
+euler132();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-133-repunit-nonfactors.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-133-repunit-nonfactors.russian.md
new file mode 100644
index 0000000000..490e4eeaeb
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-133-repunit-nonfactors.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3f21000cf542c50ff04
+challengeType: 5
+title: 'Problem 133: Repunit nonfactors'
+videoUrl: ''
+localeTitle: 'Задача 133: Рефанирование нефакторов'
+---
+
+## Description
+<section id="description"> Число, состоящее полностью из них, называется repunit. Определим R (k) как репутацию длины k; например, R (6) = 111111. Рассмотрим репутации вида R (10n). Хотя R (10), R (100) или R (1000) не делятся на 17, R (10000) делится на 17. Но не существует значения n, для которого R (10n) будет делить на 19. В факт, замечательно, что 11, 17, 41 и 73 являются единственными четырьмя штрихами ниже ста, которые могут быть фактором R (10n). Найдите сумму всех простых чисел ниже ста тысяч, которые никогда не будут фактором R (10n). </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler133(), 453647705, "<code>euler133()</code> should return 453647705.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler133() {
+  // Good luck!
+  return true;
+}
+
+euler133();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-134-prime-pair-connection.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-134-prime-pair-connection.russian.md
new file mode 100644
index 0000000000..d3d2e4b89f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-134-prime-pair-connection.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f21000cf542c50ff05
+challengeType: 5
+title: 'Problem 134: Prime pair connection'
+videoUrl: ''
+localeTitle: 'Проблема 134: Соединение с главной парой'
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler134()</code> должен вернуть 18613426663617120.
+    testString: 'assert.strictEqual(euler134(), 18613426663617120, "<code>euler134()</code> should return 18613426663617120.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler134() {
+  // Good luck!
+  return true;
+}
+
+euler134();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-135-same-differences.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-135-same-differences.russian.md
new file mode 100644
index 0000000000..1950b10b4b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-135-same-differences.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f31000cf542c50ff06
+challengeType: 5
+title: 'Problem 135: Same differences'
+videoUrl: ''
+localeTitle: 'Проблема 135: Те же различия'
+---
+
+## Description
+<section id="description"> Для положительных целых чисел x, y и z являются последовательными членами арифметической прогрессии, наименьшее значение натурального числа n, для которого уравнение x2 - y2 - z2 = n имеет ровно два решения: n = 27: 342 - 272 - 202 = 122 - 92 - 62 = 27 Оказывается, что n = 1155 является наименьшим значением, которое имеет ровно десять решений. Сколько значений n менее одного миллиона имеет ровно десять различных решений? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler135()</code> должен вернуть 4989.
+    testString: 'assert.strictEqual(euler135(), 4989, "<code>euler135()</code> should return 4989.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler135() {
+  // Good luck!
+  return true;
+}
+
+euler135();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-136-singleton-difference.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-136-singleton-difference.russian.md
new file mode 100644
index 0000000000..f68b417607
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-136-singleton-difference.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f51000cf542c50ff07
+challengeType: 5
+title: 'Problem 136: Singleton difference'
+videoUrl: ''
+localeTitle: 'Задача 136: разность Синглтона'
+---
+
+## Description
+<section id="description"> Положительные целые числа x, y и z являются последовательными членами арифметической прогрессии. Учитывая, что n является положительным целым числом, уравнение x2 - y2 - z2 = n имеет ровно одно решение, когда n = 20: 132 - 102 - 72 = 20 Фактически, существует двадцать пять значений n ниже ста, для которых уравнение имеет единственное решение. Сколько значений n менее пятидесяти миллионов имеет ровно одно решение? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler136()</code> должен вернуть 2544559.
+    testString: 'assert.strictEqual(euler136(), 2544559, "<code>euler136()</code> should return 2544559.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler136() {
+  // Good luck!
+  return true;
+}
+
+euler136();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.russian.md
new file mode 100644
index 0000000000..ce89d850bb
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f51000cf542c50ff08
+challengeType: 5
+title: 'Problem 137: Fibonacci golden nuggets'
+videoUrl: ''
+localeTitle: 'Задача 137: золотые самородки Фибоначчи'
+---
+
+## Description
+<section id="description"> Рассмотрим бесконечный полиномиальный ряд AF (x) = xF1 + x2F2 + x3F3 + ..., где Fk - k-й член в последовательности Фибоначчи: 1, 1, 2, 3, 5, 8, ...; то есть Fk = Fk-1 + Fk-2, F1 = 1 и F2 = 1. Для этой задачи нас будут интересовать значения x, для которых AF (x) является натуральным числом. Удивительно, что AF (1/2) = (1/2) .1 + (1/2) 2,1 + (1/2) 3,2 + (1/2) 4,3 + (1/2) 5,5 + ... <p> = 1/2 + 1/4 + 2/8 + 3/16 + 5/32 + ... </p><p> = 2 Соответствующие значения x для первых пяти натуральных чисел показаны ниже. </p><p> xAF (x) √2-11 1/22 (√13-2) / 33 (√89-5) / 84 (√34-3) / 55 </p><p> Будем называть AF (x) золотым саморождением, если x рационально, потому что они становятся все реже; например, 10-й золотой самородок - 74049690. Найдите 15-й золотой самородок. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler137()</code> должен вернуть 1120149658760.
+    testString: 'assert.strictEqual(euler137(), 1120149658760, "<code>euler137()</code> should return 1120149658760.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler137() {
+  // Good luck!
+  return true;
+}
+
+euler137();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-138-special-isosceles-triangles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-138-special-isosceles-triangles.russian.md
new file mode 100644
index 0000000000..64129a513c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-138-special-isosceles-triangles.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f61000cf542c50ff09
+challengeType: 5
+title: 'Problem 138: Special isosceles triangles'
+videoUrl: ''
+localeTitle: 'Задача 138: Специальные равнобедренные треугольники'
+---
+
+## Description
+<section id="description"> Рассмотрим равнобедренный треугольник с длиной основания, b = 16 и ногами, L = 17. <p> Используя теорему Пифагора, можно видеть, что высота треугольника h = √ (172 - 82) = 15, что на единицу меньше базовой длины. При b = 272 и L = 305 мы получаем h = 273, что больше, чем базовая длина, и это второй наименьший равнобедренный треугольник со свойством h = b ± 1. Найти Σ L для двенадцати наименьших равнобедренных треугольники, для которых h = b ± 1 и b, L - натуральные числа. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler138()</code> должен вернуть 1118049290473932.
+    testString: 'assert.strictEqual(euler138(), 1118049290473932, "<code>euler138()</code> should return 1118049290473932.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler138() {
+  // Good luck!
+  return true;
+}
+
+euler138();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-139-pythagorean-tiles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-139-pythagorean-tiles.russian.md
new file mode 100644
index 0000000000..060f257b8b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-139-pythagorean-tiles.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f71000cf542c50ff0a
+challengeType: 5
+title: 'Problem 139: Pythagorean tiles'
+videoUrl: ''
+localeTitle: 'Проблема 139: Пифагорейская черепица'
+---
+
+## Description
+<section id="description"> Пусть (a, b, c) представляют собой три стороны прямоугольного треугольника со сторонами цельной длины. Можно объединить четыре таких треугольника, чтобы сформировать квадрат длиной c. Например, (3, 4, 5) треугольники могут быть помещены вместе, чтобы сформировать квадрат 5 на 5 с отверстием 1 на 1 в середине, и можно видеть, что квадрат 5 на 5 может быть выложен плиткой с двадцатью пятью 1 на 1 квадрат. <p> Однако, если были использованы (5, 12, 13) треугольники, то отверстие будет измерять 7 на 7, и они не могут использоваться для плитки 13 на 13 квадратов. Учитывая, что периметр правого треугольника составляет менее ста миллионов, сколько пифагорейских треугольников допускает такую ​​черепицу? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler139()</code> должен вернуть 10057761.
+    testString: 'assert.strictEqual(euler139(), 10057761, "<code>euler139()</code> should return 10057761.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler139() {
+  // Good luck!
+  return true;
+}
+
+euler139();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-14-longest-collatz-sequence.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-14-longest-collatz-sequence.russian.md
new file mode 100644
index 0000000000..67032ae4bf
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-14-longest-collatz-sequence.russian.md
@@ -0,0 +1,63 @@
+---
+id: 5900f37a1000cf542c50fe8d
+challengeType: 5
+title: 'Problem 14: Longest Collatz sequence'
+videoUrl: ''
+localeTitle: 'Задача 14: Самая длинная последовательность Collatz'
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>longestCollatzSequence(14)</code> должен вернуть 9.
+    testString: 'assert.strictEqual(longestCollatzSequence(14), 9, "<code>longestCollatzSequence(14)</code> should return 9.");'
+  - text: <code>longestCollatzSequence(5847)</code> должен вернуть 3711.
+    testString: 'assert.strictEqual(longestCollatzSequence(5847), 3711, "<code>longestCollatzSequence(5847)</code> should return 3711.");'
+  - text: <code>longestCollatzSequence(46500)</code> должен вернуть 35655.
+    testString: 'assert.strictEqual(longestCollatzSequence(46500), 35655, "<code>longestCollatzSequence(46500)</code> should return 35655.");'
+  - text: <code>longestCollatzSequence(54512)</code> должен вернуть 52527.
+    testString: 'assert.strictEqual(longestCollatzSequence(54512), 52527, "<code>longestCollatzSequence(54512)</code> should return 52527.");'
+  - text: <code>longestCollatzSequence(1000000)</code> должен вернуть 837799.
+    testString: 'assert.strictEqual(longestCollatzSequence(1000000), 837799, "<code>longestCollatzSequence(1000000)</code> should return 837799.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function longestCollatzSequence(limit) {
+  // Good luck!
+  return true;
+}
+
+longestCollatzSequence(14);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-140-modified-fibonacci-golden-nuggets.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-140-modified-fibonacci-golden-nuggets.russian.md
new file mode 100644
index 0000000000..55077d23f2
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-140-modified-fibonacci-golden-nuggets.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3fa1000cf542c50ff0c
+challengeType: 5
+title: 'Problem 140: Modified Fibonacci golden nuggets'
+videoUrl: ''
+localeTitle: 'Проблема 140: Модифицированные золотые самородки Фибоначчи'
+---
+
+## Description
+<section id="description"> Рассмотрим бесконечный полиномиальный ряд AG (x) = xG1 + x2G2 + x3G3 + ..., где Gk - k-й член рекуррентного отношения второго порядка Gk = Gk-1 + Gk-2, G1 = 1 и G2 = 4; то есть 1, 4, 5, 9, 14, 23, .... Для этой задачи мы будем иметь дело со значениями x, для которых AG (x) является натуральным числом. Соответствующие значения x для первых пяти натуральных чисел показаны ниже. <p> xAG (x) (√5-1) / 41 2/52 (√22-2) / 63 (√137-5) / 144 1/25 </p><p> Будем называть AG (x) золотым саморождением, если x рационально, потому что они становятся все реже; например, 20-й золотой самородок - 211345365. Найдите сумму первых тридцати золотых самородков. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler140()</code> должен вернуть 5673835352990.
+    testString: 'assert.strictEqual(euler140(), 5673835352990, "<code>euler140()</code> should return 5673835352990.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler140() {
+  // Good luck!
+  return true;
+}
+
+euler140();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-141-investigating-progressive-numbers-n-which-are-also-square.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-141-investigating-progressive-numbers-n-which-are-also-square.russian.md
new file mode 100644
index 0000000000..579598e8b8
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-141-investigating-progressive-numbers-n-which-are-also-square.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3f91000cf542c50ff0b
+challengeType: 5
+title: 'Problem 141: Investigating progressive numbers, n, which are also square'
+videoUrl: ''
+localeTitle: 'Задача 141: исследование прогрессивных чисел n, которые также являются квадратными'
+---
+
+## Description
+<section id="description"> Положительное целое число n делится на d, а частное и остальное - q и r соответственно. Кроме того, d, q и r являются последовательными положительными целыми членами в геометрической последовательности, но необязательно в этом порядке. Например, 58, разделенные на 6, имеют фактор 9 и остаток 4. Можно также видеть, что 4, 6, 9 являются последовательными членами в геометрической последовательности (общее соотношение 3/2). Назовем такие числа, n, прогрессивными. Некоторые прогрессивные числа, такие как 9 и 10404 = 1022, также являются идеальными квадратами. Сумма всех прогрессивных совершенных квадратов ниже ста тысяч - 124657. Найдите сумму всех прогрессивных совершенных квадратов ниже одного триллиона (1012). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler141()</code> должен вернуть 878454337159.
+    testString: 'assert.strictEqual(euler141(), 878454337159, "<code>euler141()</code> should return 878454337159.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler141() {
+  // Good luck!
+  return true;
+}
+
+euler141();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-142-perfect-square-collection.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-142-perfect-square-collection.russian.md
new file mode 100644
index 0000000000..1f018fbb89
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-142-perfect-square-collection.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3fa1000cf542c50ff0d
+challengeType: 5
+title: 'Problem 142: Perfect Square Collection'
+videoUrl: ''
+localeTitle: 'Проблема 142: Идеальная квадратная коллекция'
+---
+
+## Description
+<section id="description"> Найти наименьшие x + y + z с целыми числами x&gt; y&gt; z&gt; 0 такими, что x + y, x - y, x + z, x - z, y + z, y - z - все совершенные квадраты. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler142()</code> должен возвращать 1006193.
+    testString: 'assert.strictEqual(euler142(), 1006193, "<code>euler142()</code> should return 1006193.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler142() {
+  // Good luck!
+  return true;
+}
+
+euler142();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-143-investigating-the-torricelli-point-of-a-triangle.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-143-investigating-the-torricelli-point-of-a-triangle.russian.md
new file mode 100644
index 0000000000..f24fed13cf
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-143-investigating-the-torricelli-point-of-a-triangle.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3fc1000cf542c50ff0e
+challengeType: 5
+title: 'Problem 143: Investigating the Torricelli point of a triangle'
+videoUrl: ''
+localeTitle: 'Задача 143: Исследование точки Торричелли треугольника'
+---
+
+## Description
+<section id="description"> Пусть ABC - треугольник со всеми внутренними углами, составляющим менее 120 градусов. Пусть X - любая точка внутри треугольника и XA = p, XC = q и XB = r. Ферма бросил вызов Торричелли, чтобы найти положение X такое, что p + q + r было сведено к минимуму. Торричелли смог доказать, что если на каждой стороне треугольника ABC построены равносторонние треугольники AOB, BNC и AMC, описанные окружности AOB, BNC и AMC будут пересекаться в одной точке T внутри треугольника. Более того, он доказал, что T, называемое точкой Торричелли / Ферма, минимизирует p + q + r. Еще более примечательно, что можно показать, что при минимизации суммы AN = BM = CO = p + q + r и что AN, BM и CO также пересекаются в T. <p> Если сумма минимизирована и a, b, c, p, q и r - все целые положительные числа, мы будем называть треугольник ABC треугольником Торричелли. Например, a = 399, b = 455, c = 511 является примером треугольника Торричелли с p + q + r = 784. Найдите сумму всех различных значений p + q + r ≤ 120000 для треугольников Торричелли. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler143()</code> должен вернуть 30758397.
+    testString: 'assert.strictEqual(euler143(), 30758397, "<code>euler143()</code> should return 30758397.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler143() {
+  // Good luck!
+  return true;
+}
+
+euler143();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-144-investigating-multiple-reflections-of-a-laser-beam.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-144-investigating-multiple-reflections-of-a-laser-beam.russian.md
new file mode 100644
index 0000000000..9899aa9def
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-144-investigating-multiple-reflections-of-a-laser-beam.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3fc1000cf542c50ff0f
+challengeType: 5
+title: 'Problem 144: Investigating multiple reflections of a laser beam'
+videoUrl: ''
+localeTitle: 'Задача 144: Исследование множественных отражений лазерного луча'
+---
+
+## Description
+<section id="description"> В лазерной физике «белая ячейка» представляет собой зеркальную систему, которая действует как линия задержки для лазерного луча. Луч входит в камеру, отскакивает вокруг зеркал и, в конце концов, возвращается обратно. Конкретная белая ячейка, которую мы будем рассматривать, представляет собой эллипс с уравнением 4x2 + y2 = 100. Раздел, соответствующий началу -0.01 ≤ x ≤ +0.01 наверху, отсутствует, позволяя свету проникать внутрь и выходить через отверстие. <p> Световой пучок в этой задаче начинается в точке (0,0,10,1) непосредственно за белой ячейкой, а луч сначала воздействует на зеркало (1.4, -9.6). Каждый раз, когда лазерный луч попадает на поверхность эллипса, он следует обычному закону отражения «угол падения равен углу отражения». То есть, как падающий, так и отраженный пучки образуют одинаковый угол с нормальной линией в точке падения. На рисунке слева красная линия показывает первые две точки контакта между лазерным лучом и стенкой белой ячейки; синяя линия показывает линию, касательную к эллипсу в точке падения первого отскока. Наклон m касательной линии в любой точке (x, y) данного эллипса равен: m = -4x / y. Обычная линия равна перпендикулярной этой касательной линии в точке падения. Анимация справа показывает первые 10 отражений луча. </p><p> Сколько раз луч попадает на внутреннюю поверхность белой ячейки перед выходом? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler144()</code> должен возвращать 354.
+    testString: 'assert.strictEqual(euler144(), 354, "<code>euler144()</code> should return 354.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler144() {
+  // Good luck!
+  return true;
+}
+
+euler144();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-145-how-many-reversible-numbers-are-there-below-one-billion.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-145-how-many-reversible-numbers-are-there-below-one-billion.russian.md
new file mode 100644
index 0000000000..e921f1e741
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-145-how-many-reversible-numbers-are-there-below-one-billion.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3fd1000cf542c50ff10
+challengeType: 5
+title: 'Problem 145: How many reversible numbers are there below one-billion?'
+videoUrl: ''
+localeTitle: 'Проблема 145: Сколько обратимых чисел там ниже одного миллиарда?'
+---
+
+## Description
+<section id="description"> Некоторые положительные целые числа n обладают тем свойством, что сумма [n + reverse (n)] целиком состоит из нечетных (десятичных) цифр. Например, 36 + 63 = 99 и 409 + 904 = 1313. Мы будем называть такие числа обратимыми; поэтому 36, 63, 409 и 904 являются обратимыми. Ведущие нули не допускаются ни в n, ни в обратном (n). <p> Есть 120 обратимых чисел ниже одной тысячи. </p><p> Сколько обратимых чисел там ниже одного миллиарда (109)? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler145()</code> должен возвращать 608720.
+    testString: 'assert.strictEqual(euler145(), 608720, "<code>euler145()</code> should return 608720.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler145() {
+  // Good luck!
+  return true;
+}
+
+euler145();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-146-investigating-a-prime-pattern.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-146-investigating-a-prime-pattern.russian.md
new file mode 100644
index 0000000000..4a2ca1478a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-146-investigating-a-prime-pattern.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3fe1000cf542c50ff11
+challengeType: 5
+title: 'Problem 146: Investigating a Prime Pattern'
+videoUrl: ''
+localeTitle: 'Задача 146: Исследование основного шаблона'
+---
+
+## Description
+<section id="description"> Наименьшее положительное целое число n, для которого числа n2 + 1, n2 + 3, n2 + 7, n2 + 9, n2 + 13 и n2 + 27 являются последовательными штрихами, равно 10. Сумма всех таких целых n меньше одного миллиона 1242490. <p> Какова сумма всех таких целых чисел n менее 150 миллионов? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler146()</code> должен вернуть 676333270.
+    testString: 'assert.strictEqual(euler146(), 676333270, "<code>euler146()</code> should return 676333270.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler146() {
+  // Good luck!
+  return true;
+}
+
+euler146();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-147-rectangles-in-cross-hatched-grids.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-147-rectangles-in-cross-hatched-grids.russian.md
new file mode 100644
index 0000000000..cbf11d50a8
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-147-rectangles-in-cross-hatched-grids.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ff1000cf542c50ff12
+challengeType: 5
+title: 'Problem 147: Rectangles in cross-hatched grids'
+videoUrl: ''
+localeTitle: 'Задача 147: Прямоугольники в сетчатых сетках'
+---
+
+## Description
+<section id="description"> В сетке с поперечным вырезом 3x2 в пределах этой сетки может быть расположено в общей сложности 37 различных прямоугольников, как указано в эскизе. <p> Существует 5 сеток размером меньше 3x2, важны вертикальные и горизонтальные размеры, то есть 1x1, 2x1, 3x1, 1x2 и 2x2. Если каждый из них заштрихован, в пределах меньших сеток может быть расположено следующее количество различных прямоугольников: 1x1: 1 2x1: 4 3x1: 8 1x2: 4 2x2: 18 </p><p> Добавив их к 37 сетке 3x2, в общей сложности 72 разных прямоугольника могут быть расположены в сетках 3x2 и меньших. </p><p> Сколько различных прямоугольников могло быть расположено в пределах 47x43 и меньших сетках? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler147()</code> должен вернуться 846910284.
+    testString: 'assert.strictEqual(euler147(), 846910284, "<code>euler147()</code> should return 846910284.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler147() {
+  // Good luck!
+  return true;
+}
+
+euler147();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-148-exploring-pascals-triangle.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-148-exploring-pascals-triangle.russian.md
new file mode 100644
index 0000000000..693a35d3f8
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-148-exploring-pascals-triangle.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4021000cf542c50ff14
+challengeType: 5
+title: 'Problem 148: Exploring Pascal"s triangle'
+videoUrl: ''
+localeTitle: 'Задача 148: Изучение треугольника Паскаля'
+---
+
+## Description
+<section id="description"> Легко проверить, что ни одна из записей в первых семи строках треугольника Паскаля не делится на 7: <p> 1 </p><p> 1 </p><p> 1 </p><p> 1 </p><p> 2 </p><p> 1 </p><p> 1 </p><p> 3 </p><p> 3 </p><p> 1 </p><p> 1 </p><p> 4 </p><p> 6 </p><p> 4 </p><p> 1 </p><p> 1 </p><p> 5 </p><p> 10 </p><p> 10 </p><p> 5 </p><p> 1 1 </p><p> 6 </p><p> 15 </p><p> 20 </p><p> 15 </p><p> 6 </p><p> 1 Однако, если мы проверим первую ста строк, мы обнаружим, что только 2361 из 5050 записей не делятся на 7. </p><p> Найдите количество записей, которые не делятся на 7 в первом миллиарде (109) строк треугольника Паскаля. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler148()</code> должен вернуть 2129970655314432.
+    testString: 'assert.strictEqual(euler148(), 2129970655314432, "<code>euler148()</code> should return 2129970655314432.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler148() {
+  // Good luck!
+  return true;
+}
+
+euler148();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-149-searching-for-a-maximum-sum-subsequence.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-149-searching-for-a-maximum-sum-subsequence.russian.md
new file mode 100644
index 0000000000..5535c96398
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-149-searching-for-a-maximum-sum-subsequence.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4021000cf542c50ff13
+challengeType: 5
+title: 'Problem 149: Searching for a maximum-sum subsequence'
+videoUrl: ''
+localeTitle: 'Задача 149: Поиск подпоследовательности максимальной суммы'
+---
+
+## Description
+<section id="description"> Посмотрев таблицу ниже, легко убедиться, что максимально возможная сумма смежных чисел в любом направлении (горизонтальная, вертикальная, диагональная или антидиагональная) равна 16 (= 8 + 7 + 1). <p> -25329-6513273-18-4 8 </p><p> Теперь повторим поиск, но в гораздо большем масштабе: </p><p> Во-первых, сгенерируйте четыре миллиона псевдослучайных чисел, используя определенную форму так называемого «генератора с отложенным фибоначчи»: </p><p> Для 1 ≤ k ≤ 55, sk = [100003 - 200003k + 300007k3] (по модулю 1000000) - 500000. Для 56 ≤ k ≤ 4000000, sk = [sk-24 + sk-55 + 1000000] (по модулю 1000000) - 500000. </p><p> Таким образом, s10 = -393027 и s100 = 86613. </p><p> Затем термины s располагаются в таблице 2000 × 2000, используя первые 2000 номеров для заполнения первой строки (последовательно), следующих номеров 2000 для заполнения второй строки и т. Д. </p><p> Наконец, найдите наибольшую сумму (любое число) смежных записей в любом направлении (горизонтальное, вертикальное, диагональное или антидиагональное). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler149()</code> должен вернуть 52852124.
+    testString: 'assert.strictEqual(euler149(), 52852124, "<code>euler149()</code> should return 52852124.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler149() {
+  // Good luck!
+  return true;
+}
+
+euler149();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-15-lattice-paths.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-15-lattice-paths.russian.md
new file mode 100644
index 0000000000..5504fbfe20
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-15-lattice-paths.russian.md
@@ -0,0 +1,59 @@
+---
+id: 5900f37b1000cf542c50fe8e
+challengeType: 5
+title: 'Problem 15: Lattice paths'
+videoUrl: ''
+localeTitle: 'Задача 15: Решетчатые пути'
+---
+
+## Description
+<section id="description"> Начиная в левом верхнем углу сетки 2 × 2 и только имея возможность двигаться вправо и вниз, ровно 6 маршрутов в нижний правый угол. <img class="img-responsive center-block" alt="диаграмма 6 2 на 2 сетки, показывающая все маршруты в нижний правый угол" src="https://i.imgur.com/1Atixoj.gif"><p> Сколько таких маршрутов существует через заданный <code>gridSize</code> ? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>latticePaths(4)</code> должна вернуть 70.
+    testString: 'assert.strictEqual(latticePaths(4), 70, "<code>latticePaths(4)</code> should return 70.");'
+  - text: <code>latticePaths(9)</code> должна вернуть 48620.
+    testString: 'assert.strictEqual(latticePaths(9), 48620, "<code>latticePaths(9)</code> should return 48620.");'
+  - text: <code>latticePaths(20)</code> должна возвращать 137846528820.
+    testString: 'assert.strictEqual(latticePaths(20), 137846528820, "<code>latticePaths(20)</code> should return 137846528820.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function latticePaths(gridSize) {
+  // Good luck!
+  return true;
+}
+
+latticePaths(4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-150-searching-a-triangular-array-for-a-sub-triangle-having-minimum-sum.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-150-searching-a-triangular-array-for-a-sub-triangle-having-minimum-sum.russian.md
new file mode 100644
index 0000000000..47b05f7dd7
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-150-searching-a-triangular-array-for-a-sub-triangle-having-minimum-sum.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4031000cf542c50ff15
+challengeType: 5
+title: 'Problem 150: Searching a triangular array for a sub-triangle having minimum-sum'
+videoUrl: ''
+localeTitle: 'Задача 150: Поиск треугольного массива для под треугольника с минимальной суммой'
+---
+
+## Description
+<section id="description"> В треугольном массиве положительных и отрицательных целых чисел мы хотим найти под-треугольник таким образом, чтобы сумма содержащихся в нем чисел была наименьшей возможной. В приведенном ниже примере легко проверить, что отмеченный треугольник удовлетворяет этому условию, имеющему сумму -42. <p> Мы хотим сделать такой треугольный массив с одной тысячей строк, поэтому мы генерируем псевдослучайные числа 500500 sk в диапазоне ± 219, используя тип генератора случайных чисел (известный как линейный конгруэнтный генератор) следующим образом: t: = 0 </p><p> для k = 1 до k = 500500: </p><p> t: = (615949 * t + 797807) modulo 220 sk: = t-219 Таким образом: s1 = 273519, s2 = -153582, s3 = 450905 и т. д. Наш треугольный массив затем формируется с использованием псевдослучайных чисел, таким образом: </p><p> s1 s2 s3 s4 s5 s6 </p><p> s7 s8 s9 s10 ... </p><p> Субтреугольники могут начинаться с любого элемента массива и расширяться до тех пор, пока нам нравится (приведение двух элементов непосредственно под ним из следующей строки, три элемента непосредственно ниже из строки после этого и т. Д.). </p><p> «Сумма под треугольника» определяется как сумма всех содержащихся в ней элементов. </p><p> Найдите наименьшую возможную сумму под треугольника. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler150()</code> должен возвращать -271248680.
+    testString: 'assert.strictEqual(euler150(), -271248680, "<code>euler150()</code> should return -271248680.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler150() {
+  // Good luck!
+  return true;
+}
+
+euler150();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-151-paper-sheets-of-standard-sizes-an-expected-value-problem.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-151-paper-sheets-of-standard-sizes-an-expected-value-problem.russian.md
new file mode 100644
index 0000000000..4e4b4b014d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-151-paper-sheets-of-standard-sizes-an-expected-value-problem.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4031000cf542c50ff16
+challengeType: 5
+title: 'Problem 151: Paper sheets of standard sizes: an expected-value problem'
+videoUrl: ''
+localeTitle: 'Проблема 151: Бумажные листы стандартных размеров: проблема с ожидаемым значением'
+---
+
+## Description
+<section id="description"> В типографии каждую неделю работает 16 партий (рабочих мест), и каждая партия требует лист специальной цветной бумаги формата A5. Каждое утро в понедельник бригадир открывает новый конверт, содержащий большой лист специальной бумаги размером А1. Он продолжает сокращать его пополам, получая два листа размера A2. Затем он разрезает одну из них пополам, чтобы получить два листа размера A3 и так далее, пока он не получит лист размера A5, необходимый для первой партии недели. Все неиспользуемые листы помещаются обратно в конверт. <p> В начале каждой последующей партии он берет из конверта один лист бумаги наугад. Если он имеет размер A5, он использует его. Если он больше, он повторяет процедуру «разрезания», пока у него не будет того, что ему нужно, и все оставшиеся листы всегда будут помещены обратно в конверт. Исключая первую и последнюю партию недели, найдите ожидаемое количество раз (в течение каждой недели), чтобы бригадир нашел в конверте один лист бумаги. Дайте ваш ответ округленным до шести знаков после запятой, используя формат x.xxxxxx. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler151()</code> должен возвращать 0.464399.
+    testString: 'assert.strictEqual(euler151(), 0.464399, "<code>euler151()</code> should return 0.464399.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler151() {
+  // Good luck!
+  return true;
+}
+
+euler151();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-152-writing-one-half-as-a-sum-of-inverse-squares.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-152-writing-one-half-as-a-sum-of-inverse-squares.russian.md
new file mode 100644
index 0000000000..0d42a2605d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-152-writing-one-half-as-a-sum-of-inverse-squares.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4041000cf542c50ff17
+challengeType: 5
+title: 'Problem 152: Writing one half as a sum of inverse squares'
+videoUrl: ''
+localeTitle: 'Задача 152: Написание половины в виде суммы обратных квадратов'
+---
+
+## Description
+<section id="description"> Существует несколько способов записать число 1/2 в виде суммы обратных квадратов с использованием различных целых чисел. Например, можно использовать числа {2,3,4,5,7,12,15,20,28,35}: <p> Фактически, только используя целые числа от 2 до 45 включительно, существует ровно три способа сделать это, остальные два: {2,3,4,6,7,9,10,20,28,35,36,45 } и {2,3,4,6,7,9,12,15,28,30,35,36,45}. Сколько способов записать число 1/2 в виде суммы обратных квадратов, используя различные целые числа от 2 до 80 включительно? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler152()</code> должен возвращать 301.
+    testString: 'assert.strictEqual(euler152(), 301, "<code>euler152()</code> should return 301.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler152() {
+  // Good luck!
+  return true;
+}
+
+euler152();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-153-investigating-gaussian-integers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-153-investigating-gaussian-integers.russian.md
new file mode 100644
index 0000000000..550dde40b9
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-153-investigating-gaussian-integers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4051000cf542c50ff18
+challengeType: 5
+title: 'Problem 153: Investigating Gaussian Integers'
+videoUrl: ''
+localeTitle: 'Задача 153: Исследование гауссовских целых чисел'
+---
+
+## Description
+<section id="description"> Как мы все знаем, уравнение x2 = -1 не имеет решений для вещественных x. <p> Однако, если ввести мнимое число i, то это уравнение имеет два решения: x = i и x = -i. </p><p> Если идти дальше, то уравнение (x-3) 2 = -4 имеет два комплексных решения: x = 3 + 2i и x = 3-2i. x = 3 + 2i и x = 3-2i называются комплексными сопряженными друг другу. </p><p> Числа вида a + bi называются комплексными числами. </p><p> В общем случае a + bi и a-bi являются комплексными сопряженными друг другу. Гауссовское целое число представляет собой комплексное число a + bi такое, что a и b являются целыми числами. </p><p> Регулярные целые числа также являются гауссовскими целыми числами (с b = 0). </p><p> Чтобы отличить их от гауссовских целых чисел с b ≠ 0, мы называем такие целые числа «рациональными целыми числами». </p><p> Гауссово целое число называется делителем рационального целого числа n, если результат также является гауссовым целым. </p><p> Если, например, мы разделим 5 на 1 + 2i, мы можем упростить следующим образом: </p><p> Умножить числитель и знаменатель на комплексное сопряжение 1 + 2i: 1-2i. </p><p> Результат. </p><p> Итак, 1 + 2i - делитель 5. </p><p> Заметим, что 1 + i не является делителем из 5, потому что. </p><p> Заметим также, что если гауссовское целое число (a + bi) является делителем рационального целого n, то его комплексно сопряженное (a-bi) также является делителем n. На самом деле 5 имеет шесть делителей, для которых действительная часть положительна: {1, 1 + 2i, 1 - 2i, 2 + i, 2 - i, 5}. </p><p> Ниже приведена таблица всех делителей для первых пяти положительных целых рациональных чисел: </p><p> n гауссовских целых делителей с положительной вещественной частью Sum s (n) этих </p><p> divisors111 21, 1 + i, 1-i, 25 31, 34 41, 1 + i, 1-i, 2, 2 + 2i, 2-2i, 413 51, 1 + 2i, 1-2i, 2 + i, 2-i, 512. Для делителей с положительными вещественными частями имеем:. Для 1 ≤ n ≤ 105, Σ s (n) = 17924657155. Что такое Σ s (n) для 1 ≤ n ≤ 108? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler153()</code> должен вернуть 17971254122360636.
+    testString: 'assert.strictEqual(euler153(), 17971254122360636, "<code>euler153()</code> should return 17971254122360636.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler153() {
+  // Good luck!
+  return true;
+}
+
+euler153();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-154-exploring-pascals-pyramid.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-154-exploring-pascals-pyramid.russian.md
new file mode 100644
index 0000000000..d3cba55bef
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-154-exploring-pascals-pyramid.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4071000cf542c50ff19
+challengeType: 5
+title: 'Problem 154: Exploring Pascal"s pyramid'
+videoUrl: ''
+localeTitle: 'Задача 154: Изучение пирамиды Паскаля'
+---
+
+## Description
+<section id="description"> Треугольная пирамида построена с использованием сферических шаров, так что каждый шар покоится ровно на три шара следующего нижнего уровня. <p> Затем мы вычисляем количество путей, ведущих от вершины к каждой позиции: путь начинается с вершины и продвигается вниз к любой из трех сфер непосредственно под текущей позицией. Следовательно, число путей для достижения определенной позиции - это сумма чисел, находящихся непосредственно над ним (в зависимости от положения, над ней должно быть не более трех чисел). Результатом является пирамида Паскаля, а числа на каждом уровне n - коэффициенты триномиального разложения (x + y + z) n. Сколько коэффициентов разложения (x + y + z) 200000 кратно 1012? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler154()</code> должен вернуть 479742450.
+    testString: 'assert.strictEqual(euler154(), 479742450, "<code>euler154()</code> should return 479742450.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler154() {
+  // Good luck!
+  return true;
+}
+
+euler154();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-155-counting-capacitor-circuits.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-155-counting-capacitor-circuits.russian.md
new file mode 100644
index 0000000000..b111bdd336
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-155-counting-capacitor-circuits.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4081000cf542c50ff1a
+challengeType: 5
+title: 'Problem 155: Counting Capacitor Circuits'
+videoUrl: ''
+localeTitle: 'Задача 155: Цепи конденсаторных контуров'
+---
+
+## Description
+<section id="description"> Электрическая схема использует исключительно идентичные конденсаторы с одинаковым значением C. <p> Конденсаторы могут быть подключены последовательно или параллельно, чтобы сформировать вспомогательные устройства, которые затем могут быть подключены последовательно или параллельно с другими конденсаторами или другими подблоками для формирования больших подблоков и т. Д. До конечной цепи. Используя эту простую процедуру и до n одинаковых конденсаторов, мы можем создавать схемы с диапазоном различных суммарных емкостей. Например, используя до n = 3 конденсаторов по 60 F каждый, мы можем получить следующие 7 различных суммарных значений емкости: </p><p> Если обозначить через D (n) число различных значений общей емкости, которое можно получить при использовании до n равноценных конденсаторов и простой процедуре, описанной выше, мы имеем: D (1) = 1, D (2) = 3 , D (3) = 7 ... Найти D (18). Напоминание: при параллельном подключении конденсаторов C1, C2 и т. Д. Общая емкость составляет CT = C1 + C2 + ..., </p><p> тогда как при их соединении последовательно общая емкость определяется: </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler155()</code> должен вернуть 3857447.
+    testString: 'assert.strictEqual(euler155(), 3857447, "<code>euler155()</code> should return 3857447.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler155() {
+  // Good luck!
+  return true;
+}
+
+euler155();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-156-counting-digits.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-156-counting-digits.russian.md
new file mode 100644
index 0000000000..3b27a52071
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-156-counting-digits.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4091000cf542c50ff1b
+challengeType: 5
+title: 'Problem 156: Counting Digits'
+videoUrl: ''
+localeTitle: 'Задача 156: подсчет цифр'
+---
+
+## Description
+<section id="description"> Начиная с нуля, натуральные числа записываются в базе 10 следующим образом: <p> 0 1 2 3 4 5 6 7 8 9 10 11 12 .... </p><p> Рассмотрим цифру d = 1. После того, как мы запишем каждое число n, мы обновим число тех, которые произошли, и назовем это число f (n, 1). Тогда первые значения для f (n, 1) следующие: </p><p> nf (n, 1) 00 11 21 31 41 51 61 71 81 91 102 114 125 </p><p> Заметим, что f (n, 1) никогда не равно 3. </p><p> Итак, первые два решения уравнения f (n, 1) = n равны n = 0 и n = 1. Следующее решение - n = 199981. Таким же образом функция f (n, d) дает общее количество цифр d, записанных после того, как было записано число n. </p><p> Действительно, для каждой цифры d ≠ 0, 0 является первым решением уравнения f (n, d) = n. Пусть s (d) - сумма всех решений, для которых f (n, d) = n. </p><p> Вам дается, что s (1) = 22786974071. Найти Σ s (d) для 1 ≤ d ≤ 9. Примечание: если для некоторого n, f (n, d) = n для более чем одного значения d это значение n подсчитывается снова для каждого значения d, для которого е (п, д) = п. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler156()</code> должен вернуть 21295121502550.
+    testString: 'assert.strictEqual(euler156(), 21295121502550, "<code>euler156()</code> should return 21295121502550.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler156() {
+  // Good luck!
+  return true;
+}
+
+euler156();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-157-solving-the-diophantine-equation.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-157-solving-the-diophantine-equation.russian.md
new file mode 100644
index 0000000000..9d49d06702
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-157-solving-the-diophantine-equation.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4091000cf542c50ff1c
+challengeType: 5
+title: 'Problem 157: Solving the diophantine equation'
+videoUrl: ''
+localeTitle: 'Задача 157: Решение диофантово уравнения'
+---
+
+## Description
+<section id="description"> Рассмотрим диофантово уравнение 1 / a + 1 / b = p / 10n с a, b, p, n положительными целыми числами и a ≤ b. При n = 1 это уравнение имеет 20 решений, которые перечислены ниже: 1/1 + 1/1 = 20/10 1/1 + 1/2 = 15/10 1/1 + 1/5 = 12/10 1/1 + 1/10 = 11/10 10/10 1/2 + 1 / / 10 1/3 + 1/15 = 4/10 1/4 + 1/4 = 5/10 1/4 + 1/20 = 3/10 1/5 + 1/5 = 4/10 1/5 + 1/10 = 3/10 1/6 + 1/30 = 2/10 1/10 + 1/10 = 2/10 1/11 + 1/110 = 1/10 1/12 + 1/60 = 1 / 10 1/14 + 1/35 = 1/10 1/15 + 1/30 = 1/10 1/20 + 1/20 = 1/10 Сколько решений имеет это уравнение для 1 ≤ n ≤ 9? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler157()</code> должен вернуть 53490.
+    testString: 'assert.strictEqual(euler157(), 53490, "<code>euler157()</code> should return 53490.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler157() {
+  // Good luck!
+  return true;
+}
+
+euler157();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-158-exploring-strings-for-which-only-one-character-comes-lexicographically-after-its-neighbour-to-the-left.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-158-exploring-strings-for-which-only-one-character-comes-lexicographically-after-its-neighbour-to-the-left.russian.md
new file mode 100644
index 0000000000..1e98d0dcca
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-158-exploring-strings-for-which-only-one-character-comes-lexicographically-after-its-neighbour-to-the-left.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f40a1000cf542c50ff1d
+challengeType: 5
+title: 'Problem 158: Exploring strings for which only one character comes lexicographically after its neighbour to the left'
+videoUrl: ''
+localeTitle: 'Задача 158: Изучение строк, для которых только один символ приходит лексикографически после того, как его сосед слева'
+---
+
+## Description
+<section id="description"> Принимая три разных буквы из 26 букв алфавита, могут быть сформированы строки символов длиной три. Примерами являются «abc», «hat» и «zyx». Когда мы изучаем эти три примера, мы видим, что для «abc» два символа приходят лексикографически после своего соседа слева. Для «шляпы» есть ровно один символ, который лексикографически появляется после его соседа слева. Для «zyx» есть нулевые символы, которые лексикографически появляются после его соседства слева. Всего существует 10400 строк длины 3, для которых ровно один персонаж приходит лексикографически после своего соседа слева. Теперь рассмотрим строки из n ≤ 26 разных символов из алфавита. Для каждого n, p (n) - число строк длины n, для которых ровно один символ приходит лексикографически после его соседства слева. Каково максимальное значение p (n)? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler158()</code> должен вернуть 409511334375.
+    testString: 'assert.strictEqual(euler158(), 409511334375, "<code>euler158()</code> should return 409511334375.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler158() {
+  // Good luck!
+  return true;
+}
+
+euler158();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-159-digital-root-sums-of-factorisations.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-159-digital-root-sums-of-factorisations.russian.md
new file mode 100644
index 0000000000..3d8b982e43
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-159-digital-root-sums-of-factorisations.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f40c1000cf542c50ff1e
+challengeType: 5
+title: 'Problem 159: Digital root sums of factorisations'
+videoUrl: ''
+localeTitle: 'Задача 159: Цифровые корневые суммы факторизации'
+---
+
+## Description
+<section id="description"> Составной номер можно разделить на множество разных способов. Например, не включая умножение на единицу, 24 можно разделить на 7 различных способов: <p> 24 = 2x2x2x3 24 = 2x3x4 24 = 2x2x6 24 = 4x6 24 = 3x8 24 = 2x12 24 = 24 </p><p> Напомним, что цифровой корень числа в базе 10 найден путем суммирования цифр этого числа и повторения этого процесса до тех пор, пока число не будет достигнуто, что меньше 10. Таким образом, цифровой корень из 467 равен 8. Мы будет называть цифровую корневую сумму (DRS) суммой цифровых корней отдельных факторов нашего числа. В приведенной ниже таблице показаны все значения DRS для 24. FactorisationDigital Root Sum2x2x2x3 92x3x4 92x2x6 104x6 103x8 112x12 524 6 Максимальный размер цифрового корня 24 равен 11. Функция mdrs (n) дает максимальную цифровую корневую сумму n. Итак, mdrs (24) = 11. Найти Σmdrs (n) при 1 &lt;n &lt;1,000,000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler159()</code> должен вернуть 14489159.
+    testString: 'assert.strictEqual(euler159(), 14489159, "<code>euler159()</code> should return 14489159.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler159() {
+  // Good luck!
+  return true;
+}
+
+euler159();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-16-power-digit-sum.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-16-power-digit-sum.russian.md
new file mode 100644
index 0000000000..c2a49bd62b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-16-power-digit-sum.russian.md
@@ -0,0 +1,59 @@
+---
+id: 5900f37d1000cf542c50fe8f
+challengeType: 5
+title: 'Problem 16: Power digit sum'
+videoUrl: ''
+localeTitle: 'Задача 16: сумма цифр питания'
+---
+
+## Description
+<section id="description"> 2 <sup>15</sup> = 32768 , а сумма его цифр равна 3 + 2 + 7 + 6 + 8 = 26. Какова сумма цифр числа 2 <sup><code>exponent</code></sup> ? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>powerDigitSum(15)</code> должен вернуть 26.
+    testString: 'assert.strictEqual(powerDigitSum(15), 26, "<code>powerDigitSum(15)</code> should return 26.");'
+  - text: <code>powerDigitSum(128)</code> должен вернуть 166.
+    testString: 'assert.strictEqual(powerDigitSum(128), 166, "<code>powerDigitSum(128)</code> should return 166.");'
+  - text: <code>powerDigitSum(1000)</code> должен вернуть 1366.
+    testString: 'assert.strictEqual(powerDigitSum(1000), 1366, "<code>powerDigitSum(1000)</code> should return 1366.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function powerDigitSum(exponent) {
+  // Good luck!
+  return true;
+}
+
+powerDigitSum(15);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-160-factorial-trailing-digits.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-160-factorial-trailing-digits.russian.md
new file mode 100644
index 0000000000..aecde18ac7
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-160-factorial-trailing-digits.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f40d1000cf542c50ff1f
+challengeType: 5
+title: 'Problem 160: Factorial trailing digits'
+videoUrl: ''
+localeTitle: 'Задача 160: Факториальные конечные цифры'
+---
+
+## Description
+<section id="description"> Для любого N пусть f (N) - последние пять цифр перед конечными нулями в N !. Например, 9! = 362880, так что f (9) = 36288 10! = 3628800, так что f (10) = 36288 20! = 2432902008176640000, так f (20) = 17664 Найти f (1,000,000,000,000) </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler160()</code> должен вернуть 16576.
+    testString: 'assert.strictEqual(euler160(), 16576, "<code>euler160()</code> should return 16576.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler160() {
+  // Good luck!
+  return true;
+}
+
+euler160();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-161-triominoes.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-161-triominoes.russian.md
new file mode 100644
index 0000000000..c790195050
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-161-triominoes.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f40d1000cf542c50ff20
+challengeType: 5
+title: 'Problem 161: Triominoes'
+videoUrl: ''
+localeTitle: 'Проблема 161: Триомино'
+---
+
+## Description
+<section id="description"> Триомино представляет собой форму, состоящую из трех квадратов, соединенных по краям. Существуют две основные формы: <p> Если учитывать все возможные ориентации, то есть шесть: </p><p> Любая сетка n на m, для которой nxm делится на 3, может быть разбита триомино. Если мы рассмотрим разметки, которые могут быть получены путем отражения или вращения из другого черепицы как разные, существует 41 способ, по которому решетка с 2 по 9 может быть разбита триоминоями: </p><p> Каким образом можно распределить сетку размером 9 на 12 путем триоминоз? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler161()</code> должен вернуть 20574308184277972.
+    testString: 'assert.strictEqual(euler161(), 20574308184277972, "<code>euler161()</code> should return 20574308184277972.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler161() {
+  // Good luck!
+  return true;
+}
+
+euler161();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-162-hexadecimal-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-162-hexadecimal-numbers.russian.md
new file mode 100644
index 0000000000..7703013fbd
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-162-hexadecimal-numbers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f40e1000cf542c50ff21
+challengeType: 5
+title: 'Problem 162: Hexadecimal numbers'
+videoUrl: ''
+localeTitle: 'Задача 162: шестнадцатеричные числа'
+---
+
+## Description
+<section id="description"> В шестнадцатеричной системе чисел номера представлены с использованием 16 различных цифр: 0,1,2,3,4,5,6,7,8,9, A, B, C, D, E, F Шестнадцатеричное число AF при записи в десятичной системе равна 10x16 + 15 = 175. В трехзначных шестнадцатеричных числах 10А, 1А0, А10 и А01 присутствуют цифры 0,1 и А. Как и числа, написанные в базе 10, мы записываем шестнадцатеричные числа без ведущих нулей. Сколько шестнадцатеричных чисел, содержащих не более шестнадцати шестнадцатеричных цифр, существует со всеми цифрами 0,1, а A присутствует хотя бы один раз? Дайте свой ответ в виде шестнадцатеричного числа. (A, B, C, D, E и F в верхнем регистре без какого-либо ведущего или конечного кода, который отмечает число как шестнадцатеричное и без начальных нулей, например 1A3F, а не: 1a3f, а не 0x1a3f, а не $ 1A3F, а не # 1A3F а не 0000001A3F) </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler162()</code> должен возвращать 3D58725572C62302.
+    testString: 'assert.strictEqual(euler162(), 3D58725572C62302, "<code>euler162()</code> should return 3D58725572C62302.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler162() {
+  // Good luck!
+  return true;
+}
+
+euler162();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-163-cross-hatched-triangles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-163-cross-hatched-triangles.russian.md
new file mode 100644
index 0000000000..ce9b661a81
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-163-cross-hatched-triangles.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f40f1000cf542c50ff22
+challengeType: 5
+title: 'Problem 163: Cross-hatched triangles'
+videoUrl: ''
+localeTitle: 'Задача 163: треугольные треугольники'
+---
+
+## Description
+<section id="description"> Рассмотрим равносторонний треугольник, в котором прямые линии оттянуты от каждой вершины до середины противоположной стороны, например, в треугольнике размера 1 в приведенном ниже эскизе. <p> В этом треугольнике теперь можно увидеть шестнадцать треугольников любой другой формы или размера, ориентации или местоположения. Используя треугольники размера 1 в качестве строительных блоков, могут быть сформированы большие треугольники, такие как треугольник размера 2 в приведенном выше эскизе. В этом треугольнике размером 2 теперь можно увидеть сто четыре и четыре треугольника любой другой формы или размера, ориентации или местоположения. Можно заметить, что треугольник размера 2 содержит 4 квадрата треугольника размера 1. Треугольник размера 3 будет содержать 9 квадратных блоков треугольника размера 1, и треугольник размера n будет таким образом содержать n2-размерные треугольные строительные блоки. Если обозначить T (n) как число треугольников, присутствующих в треугольнике размера n, то T (1) = 16 T (2) = 104 Найти T (36). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler163()</code> должен возвращать 343047.
+    testString: 'assert.strictEqual(euler163(), 343047, "<code>euler163()</code> should return 343047.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler163() {
+  // Good luck!
+  return true;
+}
+
+euler163();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-164-numbers-for-which-no-three-consecutive-digits-have-a-sum-greater-than-a-given-value.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-164-numbers-for-which-no-three-consecutive-digits-have-a-sum-greater-than-a-given-value.russian.md
new file mode 100644
index 0000000000..23b2a1141a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-164-numbers-for-which-no-three-consecutive-digits-have-a-sum-greater-than-a-given-value.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4111000cf542c50ff23
+challengeType: 5
+title: 'Problem 164: Numbers for which no three consecutive digits have a sum greater than a given value'
+videoUrl: ''
+localeTitle: 'Задача 164: Числа, для которых нет трех последовательных цифр, сумма которых превышает заданное значение'
+---
+
+## Description
+<section id="description"> Сколько 20-значных чисел n (без какого-либо начального нуля) существует так, что никакие три последовательные цифры n не имеют сумму больше 9? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler164()</code> должен вернуть 378158756814587.
+    testString: 'assert.strictEqual(euler164(), 378158756814587, "<code>euler164()</code> should return 378158756814587.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler164() {
+  // Good luck!
+  return true;
+}
+
+euler164();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-165-intersections.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-165-intersections.russian.md
new file mode 100644
index 0000000000..4be16a7b46
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-165-intersections.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4111000cf542c50ff24
+challengeType: 5
+title: 'Problem 165: Intersections'
+videoUrl: ''
+localeTitle: 'Задача 165: Пересечения'
+---
+
+## Description
+<section id="description"> Сегмент однозначно определяется двумя его конечными точками. Рассматривая два отрезка в плоской геометрии, существует три возможности: сегменты имеют нулевые точки, одну точку или бесконечно много общих точек. Более того, когда два сегмента имеют ровно одну общую точку, может быть, что эта общая точка является конечной точкой либо одного из сегментов, либо обоих. Если общая точка двух сегментов не является конечной точкой любого из сегментов, она является внутренней точкой обоих сегментов. Будем называть общую точку T двух сегментов L1 и L2 истинной точкой пересечения L1 и L2, если T - единственная общая точка L1 и L2, а T - внутренняя точка обоих сегментов. <p> Рассмотрим три сегмента L1, L2 и L3: L1: (27, 44) - (12, 32) L2: (46, 53) - (17, 62) L3: (46, 70) - (22, 40) Можно проверить, что сегменты линии L2 и L3 имеют истинную точку пересечения. Заметим, что, поскольку одна из конечных точек L3: (22,40) лежит на L1, это не считается истинной точкой пересечения. L1 и L2 не имеют общей точки. Таким образом, среди трех сегментов линии мы находим одну истинную точку пересечения. Теперь сделаем то же самое для 5000 сегментов линии. С этой целью мы генерируем 20000 номеров, используя так называемый генератор псевдослучайных чисел Blum Blum Shub. s0 = 290797 sn + 1 = sn × sn (по модулю 50515093) tn = sn (по модулю 500). Чтобы создать каждый сегмент линии, мы используем четыре последовательных числа tn. То есть первый сегмент линии задается следующим образом: (t1, t2) - (t3, t4) Первые четыре числа, вычисленные в соответствии с указанным выше генератором, должны быть: 27, 144, 12 и 232. Таким образом, первый сегмент будет ( 27, 144) - (12 232). Сколько четких точек пересечения найдено среди 5000 сегментов линии? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler165()</code> должен возвращать 2868868.
+    testString: 'assert.strictEqual(euler165(), 2868868, "<code>euler165()</code> should return 2868868.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler165() {
+  // Good luck!
+  return true;
+}
+
+euler165();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-166-criss-cross.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-166-criss-cross.russian.md
new file mode 100644
index 0000000000..0308eb65a9
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-166-criss-cross.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4131000cf542c50ff25
+challengeType: 5
+title: 'Problem 166: Criss Cross'
+videoUrl: ''
+localeTitle: 'Задача 166: Criss Cross'
+---
+
+## Description
+<section id="description"> Сетка 4x4 заполняется цифрами d, 0 ≤ d ≤ 9. <p> Можно видеть, что в сетке </p><p> 6 3 3 0 5 0 4 3 0 7 1 4 1 2 4 5 </p><p> сумма каждой строки и каждого столбца имеет значение 12. Кроме того, сумма каждой диагонали также равна 12. </p><p> Сколько способов вы можете заполнить сетку 4x4 цифрами d, 0 ≤ d ≤ 9, чтобы каждая строка, каждый столбец и обе диагонали имели одинаковую сумму? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler166()</code> должен вернуть 7130034.
+    testString: 'assert.strictEqual(euler166(), 7130034, "<code>euler166()</code> should return 7130034.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler166() {
+  // Good luck!
+  return true;
+}
+
+euler166();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-167-investigating-ulam-sequences.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-167-investigating-ulam-sequences.russian.md
new file mode 100644
index 0000000000..0111239449
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-167-investigating-ulam-sequences.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4141000cf542c50ff26
+challengeType: 5
+title: 'Problem 167: Investigating Ulam sequences'
+videoUrl: ''
+localeTitle: 'Задача 167: Исследование последовательностей Улама'
+---
+
+## Description
+<section id="description"> Для двух положительных целых чисел a и b последовательность Улама U (a, b) определяется U (a, b) 1 = a, U (a, b) 2 = b и для k&gt; 2, U (a, b ) k - наименьшее целое число, большее U (a, b) (k-1), которое может быть записано ровно в одном виде как сумма двух разных предыдущих членов U (a, b). Например, последовательность U (1,2) начинается с 1, 2, 3 = 1 + 2, 4 = 1 + 3, 6 = 2 + 4, 8 = 2 + 6, 11 = 3 + 8; 5 не принадлежит ему, поскольку 5 = 1 + 4 = 2 + 3 имеет два представления в виде суммы двух предыдущих членов, равно 7 = 1 + 6 = 3 + 4. Найти ΣU (2,2n + 1) k для 2 ≤ n ≤ 10, где k = 1011. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler167()</code> должен вернуть 3916160068885.
+    testString: 'assert.strictEqual(euler167(), 3916160068885, "<code>euler167()</code> should return 3916160068885.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler167() {
+  // Good luck!
+  return true;
+}
+
+euler167();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-168-number-rotations.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-168-number-rotations.russian.md
new file mode 100644
index 0000000000..863b34a3ab
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-168-number-rotations.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4151000cf542c50ff27
+challengeType: 5
+title: 'Problem 168: Number Rotations'
+videoUrl: ''
+localeTitle: 'Проблема 168: Число оборотов'
+---
+
+## Description
+<section id="description"> Рассмотрим число 142857. Мы можем повернуть это число с помощью правого поворота, переместив последнюю цифру (7) в начало, давая нам 714285. Можно проверить, что 714285 = 5 × 142857. Это демонстрирует необычное свойство 142857: оно является делителем его правого вращения. Найдите последние 5 цифр суммы всех целых чисел n, 10 &lt;n &lt;10100, которые имеют это свойство. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler168()</code> должен возвращать 59206.
+    testString: 'assert.strictEqual(euler168(), 59206, "<code>euler168()</code> should return 59206.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler168() {
+  // Good luck!
+  return true;
+}
+
+euler168();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-169-exploring-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-169-exploring-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.russian.md
new file mode 100644
index 0000000000..3aadbf844c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-169-exploring-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4151000cf542c50ff28
+challengeType: 5
+title: 'Problem 169: Exploring the number of different ways a number can be expressed as a sum of powers of 2'
+videoUrl: ''
+localeTitle: 'Проблема 169: Изучая количество различных способов, число может быть выражено как сумма степеней 2'
+---
+
+## Description
+<section id="description"> Определить f (0) = 1 и f (n) как число различных способов n можно выразить как сумму целых степеней 2, используя каждую мощность не более двух раз. Например, f (10) = 5, поскольку существует пять различных способов выражения 10: 1 + 1 + 8 1 + 1 + 4 + 41 + 1 + 2 + 2 + 4 2 + 4 + 4 2 + 8 Что такое f (1025)? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler169()</code> должен вернуть 178653872807.
+    testString: 'assert.strictEqual(euler169(), 178653872807, "<code>euler169()</code> should return 178653872807.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler169() {
+  // Good luck!
+  return true;
+}
+
+euler169();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-17-number-letter-counts.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-17-number-letter-counts.russian.md
new file mode 100644
index 0000000000..606b557599
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-17-number-letter-counts.russian.md
@@ -0,0 +1,59 @@
+---
+id: 5900f37d1000cf542c50fe90
+challengeType: 5
+title: 'Problem 17: Number letter counts'
+videoUrl: ''
+localeTitle: 'Проблема 17: Количество букв'
+---
+
+## Description
+<section id="description"> Если числа от 1 до 5 записаны словами: один, два, три, четыре, пять, то есть 3 + 3 + 5 + 4 + 4 = 19 букв, используемых в общей сложности. Если все числа от 1 до заданного <code>limit</code> включительно были записаны на словах, сколько букв будет использовано? <b>ПРИМЕЧАНИЕ.</b> Не считайте пробелы или дефисы. Например, 342 (триста сорок два) содержит 23 буквы и 115 (сто пятнадцать) содержит 20 букв. Использование «и» при написании номеров соответствует британскому использованию. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>numberLetterCounts(5)</code> должен вернуть 19.
+    testString: 'assert.strictEqual(numberLetterCounts(5), 19, "<code>numberLetterCounts(5)</code> should return 19.");'
+  - text: <code>numberLetterCounts(150)</code> должен вернуть 1903.
+    testString: 'assert.strictEqual(numberLetterCounts(150), 1903, "<code>numberLetterCounts(150)</code> should return 1903.");'
+  - text: <code>numberLetterCounts(1000)</code> должен вернуть 21124.
+    testString: 'assert.strictEqual(numberLetterCounts(1000), 21124, "<code>numberLetterCounts(1000)</code> should return 21124.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function numberLetterCounts(limit) {
+  // Good luck!
+  return true;
+}
+
+numberLetterCounts(5);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-170-find-the-largest-0-to-9-pandigital-that-can-be-formed-by-concatenating-products.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-170-find-the-largest-0-to-9-pandigital-that-can-be-formed-by-concatenating-products.russian.md
new file mode 100644
index 0000000000..828209934e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-170-find-the-largest-0-to-9-pandigital-that-can-be-formed-by-concatenating-products.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4161000cf542c50ff29
+challengeType: 5
+title: 'Problem 170: Find the largest 0 to 9 pandigital that can be formed by concatenating products'
+videoUrl: ''
+localeTitle: 'Задача 170: найдите самый большой от 0 до 9 pandigital, который может быть образован путем конкатенирования продуктов'
+---
+
+## Description
+<section id="description"> Возьмите число 6 и умножьте его на каждый из 1273 и 9854: <p> 6 × 1273 = 7638 6 × 9854 = 59124 </p><p> Соединяя эти продукты, мы получаем от 1 до 9 pandigital 763859124. Мы будем называть 763859124 «конкатенированным продуктом 6 и (1273,9854)». Также обратите внимание, что конкатенация входных чисел, 612739854, также составляет от 1 до 9 pandigital. </p><p> То же самое можно сделать для от 0 до 9 цифровых чисел. </p><p> Каков самый большой от 0 до 9 pandigital 10-значный конкатенированный продукт целого числа с двумя или более другими целыми числами, так что конкатенация входных чисел также является цифровым десятизначным числом от 0 до 9? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler170()</code> должен возвращать 9857164023.
+    testString: 'assert.strictEqual(euler170(), 9857164023, "<code>euler170()</code> should return 9857164023.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler170() {
+  // Good luck!
+  return true;
+}
+
+euler170();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-171-finding-numbers-for-which-the-sum-of-the-squares-of-the-digits-is-a-square.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-171-finding-numbers-for-which-the-sum-of-the-squares-of-the-digits-is-a-square.russian.md
new file mode 100644
index 0000000000..0c940b43da
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-171-finding-numbers-for-which-the-sum-of-the-squares-of-the-digits-is-a-square.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4181000cf542c50ff2a
+challengeType: 5
+title: 'Problem 171: Finding numbers for which the sum of the squares of the digits is a square'
+videoUrl: ''
+localeTitle: 'Задача 171: Поиск чисел, для которых сумма квадратов цифр является квадратом'
+---
+
+## Description
+<section id="description"> Для положительного целого числа n пусть f (n) - сумма квадратов цифр (в базе 10) n, например f (3) = 32 = 9, f (25) = 22 + 52 = 4 + 25 = 29, f (442) = 42 + 42 + 22 = 16 + 16 + 4 = 36 Найдите последние девять цифр суммы всех n, 0 &lt;n &lt;1020, так что f (n) - идеальный квадрат. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler171()</code> должен вернуться 142989277.
+    testString: 'assert.strictEqual(euler171(), 142989277, "<code>euler171()</code> should return 142989277.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler171() {
+  // Good luck!
+  return true;
+}
+
+euler171();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-172-investigating-numbers-with-few-repeated-digits.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-172-investigating-numbers-with-few-repeated-digits.russian.md
new file mode 100644
index 0000000000..b1638eb704
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-172-investigating-numbers-with-few-repeated-digits.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4181000cf542c50ff2b
+challengeType: 5
+title: 'Problem 172: Investigating numbers with few repeated digits'
+videoUrl: ''
+localeTitle: 'Задача 172: Исследование чисел с несколькими повторными цифрами'
+---
+
+## Description
+<section id="description"> Сколько 18-значных чисел n (без начальных нулей) есть такие, что никакая цифра не встречается более трех раз в n? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler172()</code> должен вернуть 227485267000992000.
+    testString: 'assert.strictEqual(euler172(), 227485267000992000, "<code>euler172()</code> should return 227485267000992000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler172() {
+  // Good luck!
+  return true;
+}
+
+euler172();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-173-using-up-to-one-million-tiles-how-many-different-hollow-square-laminae-can-be-formed.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-173-using-up-to-one-million-tiles-how-many-different-hollow-square-laminae-can-be-formed.russian.md
new file mode 100644
index 0000000000..d8db1fd078
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-173-using-up-to-one-million-tiles-how-many-different-hollow-square-laminae-can-be-formed.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41a1000cf542c50ff2c
+challengeType: 5
+title: 'Problem 173: Using up to one million tiles how many different "hollow" square laminae can be formed?'
+videoUrl: ''
+localeTitle: 'Задача 173: Используя до миллиона плиток, сколько может образоваться множество «полых» квадратных пластин?'
+---
+
+## Description
+<section id="description"> Мы будем определять квадратную пластинку как квадратный контур с квадратным «отверстием», чтобы форма обладала вертикальной и горизонтальной симметрией. Например, используя ровно тридцать два квадратных плитки, мы можем сформировать две разные квадратные слои: <p> С сотней плиток, и не обязательно используя все плитки за один раз, можно сформировать сорок одну другую квадратную пластину. Используя до миллиона плиток, сколько разных квадратных пластинок может быть сформировано? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler173()</code> должен вернуть 1572729.
+    testString: 'assert.strictEqual(euler173(), 1572729, "<code>euler173()</code> should return 1572729.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler173() {
+  // Good luck!
+  return true;
+}
+
+euler173();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-174-counting-the-number-of-hollow-square-laminae-that-can-form-one-two-three-...-distinct-arrangements.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-174-counting-the-number-of-hollow-square-laminae-that-can-form-one-two-three-...-distinct-arrangements.russian.md
new file mode 100644
index 0000000000..b515b2e0f6
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-174-counting-the-number-of-hollow-square-laminae-that-can-form-one-two-three-...-distinct-arrangements.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41a1000cf542c50ff2d
+challengeType: 5
+title: 'Problem 174: Counting the number of "hollow" square laminae that can form one, two, three, ... distinct arrangements'
+videoUrl: ''
+localeTitle: 'Задача 174: подсчет количества «полой» квадратной пластинки, которая может образовывать один, два, три, ... отдельных устройства'
+---
+
+## Description
+<section id="description"> Мы будем определять квадратную пластинку как квадратный контур с квадратным «отверстием», чтобы форма обладала вертикальной и горизонтальной симметрией. Учитывая восемь плиток, можно сформировать пластинку только одним способом: квадрат 3x3 с отверстием 1x1 посередине. Однако, используя тридцать две плитки, можно сформировать две отличные пластинки. <p> Если t представляет количество используемых плиток, мы будем говорить, что t = 8 - тип L (1), а t = 32 - тип L (2). Пусть N (n) - число t ≤ 1000000, так что t - тип L (n); например, N (15) = 832. Что такое Σ N (n) для 1 ≤ n ≤ 10? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler174()</code> должен вернуть 209566.
+    testString: 'assert.strictEqual(euler174(), 209566, "<code>euler174()</code> should return 209566.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler174() {
+  // Good luck!
+  return true;
+}
+
+euler174();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-175-fractions-involving-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-175-fractions-involving-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.russian.md
new file mode 100644
index 0000000000..2494ac8f31
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-175-fractions-involving-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41c1000cf542c50ff2e
+challengeType: 5
+title: 'Problem 175: Fractions involving the number of different ways a number can be expressed as a sum of powers of 2'
+videoUrl: ''
+localeTitle: 'Задача 175: Фракции, включающие количество разных способов, число может быть выражено как сумма степеней 2'
+---
+
+## Description
+<section id="description"> Определим f (0) = 1 и f (n) как число способов записи n как суммы степеней 2, где никакая мощность не более двух раз. <p> Например, f (10) = 5, поскольку существует пять различных способов выражения 10:10 = 8 + 2 = 8 + 1 + 1 = 4 + 4 + 2 = 4 + 2 + 2 + 1 + 1 = 4 + 4 + 1 + 1 </p><p> Можно показать, что для любой доли p / q (p&gt; 0, q&gt; 0) существует хотя бы одно целое число n такое, что f (n) / f (n-1) = p / q. Например, наименьшее n, для которого f (n) / f (n-1) = 13/17 равно 241. Бинарное разложение 241 равно 11110001. Считая это двоичное число от самого значащего бита до наименее значимого бита, 4 one, 3 zeroes и 1 one. Будем называть строку 4,3,1 сокращенным двоичным расширением 241. Найти сокращенное двоичное разложение наименьшего n, для которого f (n) / f (n-1) = 123456789/987654321. Дайте свой ответ как целые числа, разделенные запятой, без каких-либо пробелов. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>euler175()</code> должен возвращать 1, 13717420, 8.'
+    testString: 'assert.strictEqual(euler175(), 1, 13717420, 8, "<code>euler175()</code> should return 1, 13717420, 8.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler175() {
+  // Good luck!
+  return true;
+}
+
+euler175();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-176-right-angled-triangles-that-share-a-cathetus.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-176-right-angled-triangles-that-share-a-cathetus.russian.md
new file mode 100644
index 0000000000..429d8bc728
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-176-right-angled-triangles-that-share-a-cathetus.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41c1000cf542c50ff2f
+challengeType: 5
+title: 'Problem 176: Right-angled triangles that share a cathetus'
+videoUrl: ''
+localeTitle: 'Проблема 176: Прямоугольные треугольники, разделяющие катет'
+---
+
+## Description
+<section id="description"> Четыре прямоугольных треугольника со сторонами (9,12,15), (12,16,20), (5,12,13) ​​и (12,35,37) имеют одну из более коротких сторон (катети) равных до 12. Можно показать, что ни один другой прямоугольный прямоугольный треугольник не существует с одним из катети, равным 12. Найдите наименьшее целое число, которое может быть длиной катета ровно 47547 различных целых односторонних прямоугольных треугольников. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler176()</code> должен вернуть 96818198400000.
+    testString: 'assert.strictEqual(euler176(), 96818198400000, "<code>euler176()</code> should return 96818198400000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler176() {
+  // Good luck!
+  return true;
+}
+
+euler176();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-177-integer-angled-quadrilaterals.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-177-integer-angled-quadrilaterals.russian.md
new file mode 100644
index 0000000000..af60e9b4fb
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-177-integer-angled-quadrilaterals.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41e1000cf542c50ff30
+challengeType: 5
+title: 'Problem 177: Integer angled Quadrilaterals'
+videoUrl: ''
+localeTitle: 'Задача 177: Целочисленные угловые четырехугольники'
+---
+
+## Description
+<section id="description"> Пусть ABCD - выпуклый четырехугольник с диагоналями AC и BD. В каждой вершине диагональ образует угол с каждой из двух сторон, создавая восемь углов угла. <p> Например, в вершине A два угла - CAD, CAB. Мы называем такой четырехугольник, для которого все восемь угловых углов имеют целочисленные значения при измерении в градусах «целочисленный угловой четырехсторонний». Примером целочисленного квадратного четырехугольника является квадрат, где все восемь угловых углов 45 °. Другой пример - DAC = 20 °, BAC = 60 °, ABD = 50 °, CBD = 30 °, BCA = 40 °, DCA = 30 °, CDB = 80 °, ADB = 50 °. Каково общее число непохожих целых угловых четырехугольников? Примечание. В ваших расчетах вы можете предположить, что вычисленный угол является интегральным, если он находится в пределах допуска 10-9 целочисленного значения. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler177()</code> должен вернуть 129325.
+    testString: 'assert.strictEqual(euler177(), 129325, "<code>euler177()</code> should return 129325.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler177() {
+  // Good luck!
+  return true;
+}
+
+euler177();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-178-step-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-178-step-numbers.russian.md
new file mode 100644
index 0000000000..4d29e77c19
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-178-step-numbers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41e1000cf542c50ff31
+challengeType: 5
+title: 'Problem 178: Step Numbers'
+videoUrl: ''
+localeTitle: 'Проблема 178: Шаговые числа'
+---
+
+## Description
+<section id="description"> Рассмотрим число 45656. Можно видеть, что каждая пара последовательных цифр 45656 имеет разницу в одном. Число, для которого каждая пара последовательных цифр имеет разницу в одном, называется номером шага. Число pandigital содержит каждую десятичную цифру от 0 до 9, по крайней мере, один раз. <p> Сколько pandigital число шагов меньше 1040? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler178()</code> должен вернуть 126461847755.
+    testString: 'assert.strictEqual(euler178(), 126461847755, "<code>euler178()</code> should return 126461847755.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler178() {
+  // Good luck!
+  return true;
+}
+
+euler178();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-179-consecutive-positive-divisors.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-179-consecutive-positive-divisors.russian.md
new file mode 100644
index 0000000000..40b2ed55d7
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-179-consecutive-positive-divisors.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f41f1000cf542c50ff32
+challengeType: 5
+title: 'Problem 179: Consecutive positive divisors'
+videoUrl: ''
+localeTitle: 'Задача 179: последовательные положительные делители'
+---
+
+## Description
+<section id="description"> Найдите число целых чисел 1 &lt;n &lt;107, для которых n и n + 1 имеют одинаковое число положительных делителей. Например, 14 имеет положительные делители 1, 2, 7, 14, а 15 - 1, 3, 5, 15. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler179()</code> должен возвращать 986262.
+    testString: 'assert.strictEqual(euler179(), 986262, "<code>euler179()</code> should return 986262.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler179() {
+  // Good luck!
+  return true;
+}
+
+euler179();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-18-maximum-path-sum-i.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-18-maximum-path-sum-i.russian.md
new file mode 100644
index 0000000000..f45fb2e051
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-18-maximum-path-sum-i.russian.md
@@ -0,0 +1,71 @@
+---
+id: 5900f37e1000cf542c50fe91
+challengeType: 5
+title: 'Problem 18: Maximum path sum I'
+videoUrl: ''
+localeTitle: 'Задача 18: максимальная длина пути I'
+---
+
+## Description
+<section id="description"> Начав в верхней части треугольника внизу и перемещаясь к соседним номерам в строке ниже, максимальная сумма сверху вниз составляет 23. <span style="display: block; text-align: center;"><b style="color: red;">3</b> <br> <b style="color: red;">7</b> 4 <br> 2 <b style="color: red;">4</b> 6 <br> 8 5 <b style="color: red;">9</b> 3</span> То есть, 3 + 7 + 4 + 9 = 23. Найдите максимальную сумму сверху вниз от треугольника ниже: <span style="display: block; text-align: center;">75 <br> 95 64 <br> 17 47 82 <br> 18 35 87 10 <br> 20 04 82 47 65 <br> 19 01 23 75 03 34 <br> 88 02 77 73 07 63 67 <br> 99 65 04 28 06 16 70 92 <br> 41 41 26 56 83 40 80 70 33 <br> 41 48 72 33 47 32 37 16 94 29 <br> 53 71 44 65 25 43 91 52 97 51 14 <br> 70 11 33 28 77 73 17 78 39 68 17 57 <br> 91 71 52 38 17 14 91 43 58 50 27 29 48 <br> 63 66 04 68 89 53 67 30 73 16 69 87 40 31 <br> 04 62 98 27 23 09 70 98 73 93 38 53 60 04 23</span> <b>ПРИМЕЧАНИЕ.</b> Поскольку существует только 16384 маршрута, можно решить эту проблему, пробовав каждый маршрут. Однако задача 67 - это та же проблема с треугольником, содержащим сто строк; она не может быть решена грубой силой и требует умного метода! ; О) </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>maximumPathSumI(testTriangle)</code> должен возвращать 23.
+    testString: 'assert.strictEqual(maximumPathSumI(testTriangle), 23, "<code>maximumPathSumI(testTriangle)</code> should return 23.");'
+  - text: <code>maximumPathSumI(numTriangle)</code> должен возвращать 1074.
+    testString: 'assert.strictEqual(maximumPathSumI(numTriangle), 1074, "<code>maximumPathSumI(numTriangle)</code> should return 1074.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function maximumPathSumI(triangle) {
+  // Good luck!
+  return true;
+}
+
+const testTriangle = [[3, 0, 0, 0],
+                      [7, 4, 0, 0],
+                      [2, 4, 6, 0],
+                      [8, 5, 9, 3]];
+
+maximumPathSumI(testTriangle);
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+const numTriangle = [[75, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [95, 64, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [17, 47, 82, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [18, 35, 87, 10, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [20, 4, 82, 47, 65, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [19, 1, 23, 75, 3, 34, 0, 0, 0, 0, 0, 0, 0, 0, 0], [88, 2, 77, 73, 7, 63, 67, 0, 0, 0, 0, 0, 0, 0, 0], [99, 65, 4, 28, 6, 16, 70, 92, 0, 0, 0, 0, 0, 0, 0], [41, 41, 26, 56, 83, 40, 80, 70, 33, 0, 0, 0, 0, 0, 0], [41, 48, 72, 33, 47, 32, 37, 16, 94, 29, 0, 0, 0, 0, 0], [53, 71, 44, 65, 25, 43, 91, 52, 97, 51, 14, 0, 0, 0, 0], [70, 11, 33, 28, 77, 73, 17, 78, 39, 68, 17, 57, 0, 0, 0], [91, 71, 52, 38, 17, 14, 91, 43, 58, 50, 27, 29, 48, 0, 0], [63, 66, 4, 68, 89, 53, 67, 30, 73, 16, 69, 87, 40, 31, 0], [4, 62, 98, 27, 23, 9, 70, 98, 73, 93, 38, 53, 60, 4, 23]];
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-180-rational-zeros-of-a-function-of-three-variables.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-180-rational-zeros-of-a-function-of-three-variables.russian.md
new file mode 100644
index 0000000000..27b130136c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-180-rational-zeros-of-a-function-of-three-variables.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4201000cf542c50ff33
+challengeType: 5
+title: 'Problem 180: Rational zeros of a function of three variables'
+videoUrl: ''
+localeTitle: 'Задача 180: рациональные нули функции трех переменных'
+---
+
+## Description
+<section id="description"> Для любого целого n рассмотрим три функции f1, n (x, y, z) = xn + 1 + yn + 1 - zn + 1f2, n (x, y, z) = (xy + yz + zx) * ( xn-1 + yn-1 - zn-1) f3, n (x, y, z) = xyz * (xn-2 + yn-2 - zn-2) и их комбинация fn (x, y, z) = f1, n (x, y, z) + f2, n (x, y, z) - f3, n (x, y, z). Мы называем (x, y, z) золотой тройкой порядка k, если x, y и z - все рациональные числа вида a / b с 0 &lt;a &lt;b ≤ k и существует (по крайней мере) одно целое число n, так что fn (x, y, z) = 0. Пусть s (x , y, z) = x + y + z. Пусть t = u / v - сумма всех различных s (x, y, z) для всех золотых троек (x, y, z) порядка 35. Все s (x, y, z) и t должны быть в сокращенная форма. Найти u + v. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler180()</code> должен возвращать 285196020571078980.
+    testString: 'assert.strictEqual(euler180(), 285196020571078980, "<code>euler180()</code> should return 285196020571078980.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler180() {
+  // Good luck!
+  return true;
+}
+
+euler180();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-181-investigating-in-how-many-ways-objects-of-two-different-colours-can-be-grouped.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-181-investigating-in-how-many-ways-objects-of-two-different-colours-can-be-grouped.russian.md
new file mode 100644
index 0000000000..41fafb89bc
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-181-investigating-in-how-many-ways-objects-of-two-different-colours-can-be-grouped.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4231000cf542c50ff34
+challengeType: 5
+title: 'Problem 181: Investigating in how many ways objects of two different colours can be grouped'
+videoUrl: ''
+localeTitle: 'Задача 181: Исследование того, как много объектов можно сгруппировать'
+---
+
+## Description
+<section id="description"> Имея три черных объекта B и один белый объект W, они могут быть сгруппированы по 7 способами: (BBBW) (B, BBW) (B, B, BW) (B, B, B, W) (B, BB, W ) (BBB, W) (BB, BW). Каким образом можно таким образом сгруппировать шестьдесят черных объектов B и сорок белых объектов W? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler181()</code> должен вернуть 83735848679360670.
+    testString: 'assert.strictEqual(euler181(), 83735848679360670, "<code>euler181()</code> should return 83735848679360670.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler181() {
+  // Good luck!
+  return true;
+}
+
+euler181();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-182-rsa-encryption.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-182-rsa-encryption.russian.md
new file mode 100644
index 0000000000..489d3ee5d2
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-182-rsa-encryption.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4231000cf542c50ff35
+challengeType: 5
+title: 'Problem 182: RSA encryption'
+videoUrl: ''
+localeTitle: 'Проблема 182: Шифрование RSA'
+---
+
+## Description
+<section id="description"> Шифрование RSA основано на следующей процедуре: сгенерировать два разных простых числа p и q.Compute n = pq и φ = (p-1) (q-1). Найдите целое число e, 1 <e<φ, such="" that="" gcd(e,φ)="1." a="" message="" in="" this="" system="" is="" number="" the="" interval="" [0,n-1].="" text="" to="" be="" encrypted="" then="" somehow="" converted="" messages="" (numbers="" [0,n-1]).="" encrypt="" text,="" for="" each="" message,="" m,="" c="me" mod="" n="" calculated.="" decrypt="" following="" procedure="" needed:="" calculate="" d="" ed="1" φ,="" c,="" m="cd" n.="" there="" exist="" values="" of="" e="" and="" me="" call="" which="" unconcealed="" messages.="" an="" issue="" when="" choosing="" should="" not="" too="" many="" instance,="" let="" p="19" q="37." φ="18*36=648." if="" we="" choose="" then,="" although="" gcd(181,648)="1" it="" turns="" out="" all="" possible="" messagesm="" (0≤m≤n-1)="" are="" calculating="" any="" valid="" choice="" some="" it&#x27;s="" important="" at="" minimum.="" find="" sum="" e,="" 1&#x3C;e&#x3C;φ(1009,3643)="" so="" value="" &#x3C;="" section=""><h2> инструкции </h2><section id="instructions"></section><h2> тесты </h2><section id="tests"><pre> <code class="language-yml">tests: - text: &lt;code&gt;euler182()&lt;/code&gt; should return 399788195976. testString: &#39;assert.strictEqual(euler182(), 399788195976, &quot;&lt;code&gt;euler182()&lt;/code&gt; should return 399788195976.&quot;);&#39;</code> </pre></section><h2> Сезон испытания </h2><section id="challengeSeed"><div id="js-seed"><pre> <code class="language-js">function euler182() { // Good luck! return true; } euler182();</code> </pre></div></section><h2> Решение </h2><section id="solution"><pre> <code class="language-js">// solution required</code> </pre></section></e<φ,></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler182()</code> должен вернуть 399788195976.
+    testString: 'assert.strictEqual(euler182(), 399788195976, "<code>euler182()</code> should return 399788195976.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler182() {
+  // Good luck!
+  return true;
+}
+
+euler182();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-183-maximum-product-of-parts.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-183-maximum-product-of-parts.russian.md
new file mode 100644
index 0000000000..e9003430a5
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-183-maximum-product-of-parts.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4231000cf542c50ff36
+challengeType: 5
+title: 'Problem 183: Maximum product of parts'
+videoUrl: ''
+localeTitle: 'Проблема 183: Максимальный продукт деталей'
+---
+
+## Description
+<section id="description"> Пусть N - положительное целое число и N разбивается на k равных частей, r = N / k, так что N = r + r + ... + r. Пусть P - произведение этих частей, P = r × r × ... × r = rk. <p> Например, если 11 разбивается на пять равных частей, 11 = 2.2 + 2.2 + 2.2 + 2.2 + 2.2, то P = 2.25 = 51.53632. </p><p> Пусть M (N) = Pmax при заданном значении N. </p><p> Оказывается, что максимум при N = 11 определяется расщеплением одиннадцати на четыре равные части, что приводит к Pmax = (11/4) 4; то есть M (11) = 14641/256 = 57.19140625, который является конечным десятичным. </p><p> Однако при N = 8 максимум достигается путем разбиения его на три равные части, поэтому M (8) = 512/27, что является бесконечным десятичным числом. </p><p> Пусть D (N) = N, если M (N) не является бесконечным десятичным числом, а D (N) = -N, если M (N) является конечным десятичным. </p><p> Например, ΣD (N) для 5 ≤ N ≤ 100 составляет 2438. </p><p> Найти ΣD (N) для 5 ≤ N ≤ 10000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler183()</code> должен вернуть 48861552.
+    testString: 'assert.strictEqual(euler183(), 48861552, "<code>euler183()</code> should return 48861552.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler183() {
+  // Good luck!
+  return true;
+}
+
+euler183();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-184-triangles-containing-the-origin.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-184-triangles-containing-the-origin.russian.md
new file mode 100644
index 0000000000..3a518056ce
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-184-triangles-containing-the-origin.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4241000cf542c50ff37
+challengeType: 5
+title: 'Problem 184: Triangles containing the origin'
+videoUrl: ''
+localeTitle: 'Задача 184: Треугольники, содержащие начало координат'
+---
+
+## Description
+<section id="description"> Рассмотрим множество Ir точек (x, y) с целыми координатами внутри круга с радиусом r, центрированным в начале координат, т. Е. X2 + y2 &lt;r2. Для радиуса 2 I2 содержит девять точек (0,0), (1,0), (1,1), (0,1), (-1,1), (-1,0), ( -1, -1), (0, -1) и (1, -1). Есть восемь треугольников, имеющих все три вершины в I2, которые содержат начало координат внутри. Два из них показаны ниже, другие получены из них вращением. <p> Для радиуса 3 есть 360 треугольников, содержащих начало координат внутри и имеющих все вершины в I3, а для I5 - 10600. </p><p> Сколько треугольников содержит начало координат внутри и имеет все три вершины в I105? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler184()</code> должен вернуть 1725323624056.
+    testString: 'assert.strictEqual(euler184(), 1725323624056, "<code>euler184()</code> should return 1725323624056.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler184() {
+  // Good luck!
+  return true;
+}
+
+euler184();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-185-number-mind.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-185-number-mind.russian.md
new file mode 100644
index 0000000000..7244c4aa25
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-185-number-mind.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4251000cf542c50ff38
+challengeType: 5
+title: 'Problem 185: Number Mind'
+videoUrl: ''
+localeTitle: 'Проблема 185: Количество разума'
+---
+
+## Description
+<section id="description"> Игра Number Mind - это вариант известной игры Master Mind. Вместо цветных штифтов вам нужно угадать секретную последовательность цифр. После каждой догадки вам говорят только, сколько мест вы угадали правильной цифрой. Итак, если последовательность была 1234, и вы догадались 2036, вам сказали бы, что у вас есть одна правильная цифра; однако вам не сказали бы, что у вас также есть другая цифра в неправильном месте. <p> Например, с учетом следующих догадок для 5-значной секретной последовательности: 90342; 2 правильной 70794, 0 правильной 39458, 2 правильной 34109, 1 правильной 51545, 2 правильной 12531, 1 правильной. Правильная последовательность 39542 уникальна. </p><p> Основываясь на следующих догадках, </p><p> 5616185650518293; 2 правильно 3847439647293047; 1 правильно 5855462940810587; 3 правильно 9742855507068353; 3 правильно 4296849643607543; 3 правильно 3174248439465858; 1 правильно 4513559094146117; 2 правильно 7890971548908067; 3 правильно 8157356344118483; 1 правильно 2615250744386899; 2 правильно 8690095851526254; 3 правильно 6375711915077050; 1 правильно 6913859173121360; 1 правильный 6442889055042768; 2 правильный 2321386104303845; 0 правильный 2326509471271448; 2 правильный 5251583379644322; 2 правильный 1748270476758276; 3 правильный 4895722652190306; 1 правильный 3041631117224635; 3 правильный 1841236454324589; 3 правильный 2659862637316867; 2 правильный </p><p> Найдите уникальную 16-значную секретную последовательность. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler185()</code> должен вернуть 4640261571849533.
+    testString: 'assert.strictEqual(euler185(), 4640261571849533, "<code>euler185()</code> should return 4640261571849533.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler185() {
+  // Good luck!
+  return true;
+}
+
+euler185();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-186-connectedness-of-a-network.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-186-connectedness-of-a-network.russian.md
new file mode 100644
index 0000000000..adbefdddaf
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-186-connectedness-of-a-network.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4281000cf542c50ff39
+challengeType: 5
+title: 'Problem 186: Connectedness of a network'
+videoUrl: ''
+localeTitle: 'Проблема 186: Связь сети'
+---
+
+## Description
+<section id="description"> Вот записи из занятой телефонной системы с миллионом пользователей: <p> RecNrCallerCalled120000710005326001835004393600863701497 ......... Телефонный номер вызывающего абонента и вызываемый номер в записи n являются Caller (n) = S2n-1 и Called (n) = S2n, где S1,2,3, ... приходят из «Отложенного генератора Фибоначчи»: </p><p> Для 1 ≤ k ≤ 55, Sk = [100003 - 200003k + 300007k3] (по модулю 1000000) Для 56 ≤ k Sk = [Sk-24 + Sk-55] (по модулю 1000000) </p><p> Если Caller (n) = Called (n), то предполагается, что пользователь ошибочно принят, и вызов завершается с ошибкой; в противном случае вызов будет успешным. </p><p> С самого начала записей мы говорим, что любая пара пользователей X и Y является друзьями, если X вызывает Y или наоборот. Аналогично, X является другом друга Z, если X является другом Y и Y является другом Z; и т. д. для более длинных цепей. </p><p> Номер телефона премьер-министра - 524287. После того, сколько успешных звонков, не считая ошибок, будет 99% пользователей (включая премьер-министра) быть другом или другом друга и т. Д. Премьер-министра? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler186()</code> должен возвращать 2325629.
+    testString: 'assert.strictEqual(euler186(), 2325629, "<code>euler186()</code> should return 2325629.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler186() {
+  // Good luck!
+  return true;
+}
+
+euler186();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-187-semiprimes.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-187-semiprimes.russian.md
new file mode 100644
index 0000000000..07c08d17c7
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-187-semiprimes.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4291000cf542c50ff3a
+challengeType: 5
+title: 'Problem 187: Semiprimes'
+videoUrl: ''
+localeTitle: 'Задача 187: Полупровождения'
+---
+
+## Description
+<section id="description"> Составной является число, содержащее как минимум два простых фактора. Например, 15 = 3 × 5; 9 = 3 × 3; 12 = 2 × 2 × 3. <p> Есть десять композитов ниже тридцати, содержащих ровно два, не обязательно разных основных фактора: 4, 6, 9, 10, 14, 15, 21, 22, 25, 26. </p><p> Сколько составных целых чисел, n &lt;108, имеют ровно два, не обязательно различных первичных фактора? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler187()</code> должен вернуть 17427258.
+    testString: 'assert.strictEqual(euler187(), 17427258, "<code>euler187()</code> should return 17427258.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler187() {
+  // Good luck!
+  return true;
+}
+
+euler187();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-188-the-hyperexponentiation-of-a-number.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-188-the-hyperexponentiation-of-a-number.russian.md
new file mode 100644
index 0000000000..e61919bce0
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-188-the-hyperexponentiation-of-a-number.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4291000cf542c50ff3b
+challengeType: 5
+title: 'Problem 188: The hyperexponentiation of a number'
+videoUrl: ''
+localeTitle: 'Задача 188: гиперразложение числа'
+---
+
+## Description
+<section id="description"> Гиперрезистентность или тетация числа a положительным целым числом b, обозначаемым ↑↑ b или ba, рекурсивно определяется: a ↑↑ 1 = a, a ↑↑ (k + 1) = a (a ↑↑ k ). <p> Таким образом, мы имеем, например, 3 ↑↑ 2 = 33 = 27, поэтому 3 ↑↑ 3 = 327 = 7625597484987 и 3 ↑↑ 4 примерно 103.6383346400240996 * 10 ^ 12. Найдите последние 8 цифр 1777 ↑↑ 1855. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler188()</code> должен вернуть 95962097.
+    testString: 'assert.strictEqual(euler188(), 95962097, "<code>euler188()</code> should return 95962097.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler188() {
+  // Good luck!
+  return true;
+}
+
+euler188();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-189-tri-colouring-a-triangular-grid.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-189-tri-colouring-a-triangular-grid.russian.md
new file mode 100644
index 0000000000..ac08a6e2b3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-189-tri-colouring-a-triangular-grid.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4291000cf542c50ff3c
+challengeType: 5
+title: 'Problem 189: Tri-colouring a triangular grid'
+videoUrl: ''
+localeTitle: 'Задача 189: Трехцветная треугольная сетка'
+---
+
+## Description
+<section id="description"> Рассмотрим следующую конфигурацию из 64 треугольников: <p> Мы хотим покрасить интерьер каждого треугольника одним из трех цветов: красного, зеленого или синего, чтобы два соседних треугольника не имели одинакового цвета. Такая окраска называется действительной. Здесь два треугольника называются соседними, если они разделяют ребро. Примечание: если они разделяют только вершину, то они не являются соседями. </p><p> Например, вот действительная окраска указанной сетки: </p><p> Раскраска C &#39;, которая получается из окраски C путем вращения или отражения, считается отличной от C, если они не идентичны. </p><p> Сколько различных правильных раскрасок существует для вышеуказанной конфигурации? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler189()</code> должен вернуть 10834893628237824.
+    testString: 'assert.strictEqual(euler189(), 10834893628237824, "<code>euler189()</code> should return 10834893628237824.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler189() {
+  // Good luck!
+  return true;
+}
+
+euler189();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-19-counting-sundays.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-19-counting-sundays.russian.md
new file mode 100644
index 0000000000..a5a744ab38
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-19-counting-sundays.russian.md
@@ -0,0 +1,59 @@
+---
+id: 5900f37f1000cf542c50fe92
+challengeType: 5
+title: 'Problem 19: Counting Sundays'
+videoUrl: ''
+localeTitle: 'Задача 19: подсчет воскресений'
+---
+
+## Description
+<section id="description"> Вам предоставляется следующая информация, но вы можете предпочесть сделать некоторые исследования для себя. <ul><li> 1 января 1900 года был понедельник. </li><li> Тридцать дней - сентябрь, <br> Апреле, июне и ноябре. <br> Все остальные тридцать один, <br> Сохраняя только февраль, <br> Который имеет двадцать восемь, дождь или блеск. <br> И на високосные годы, двадцать девять. </li><li> Високосный год происходит в любой год, равномерно делимый на 4, но не на столетие, если он не делится на 400. </li> Сколько воскресений упало в первый месяц месяца в двадцатом веке (1 января 1901 года по 31 декабря 2000 года)? </ul></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>countingSundays(1943, 1946)</code> должен возвращаться 6.'
+    testString: 'assert.strictEqual(countingSundays(1943, 1946), 6, "<code>countingSundays(1943, 1946)</code> should return 6.");'
+  - text: '<code>countingSundays(1995, 2000)</code> должен вернуть 9.'
+    testString: 'assert.strictEqual(countingSundays(1995, 2000), 9, "<code>countingSundays(1995, 2000)</code> should return 9.");'
+  - text: '<code>countingSundays(1901, 2000)</code> должен вернуть 171.'
+    testString: 'assert.strictEqual(countingSundays(1901, 2000), 171, "<code>countingSundays(1901, 2000)</code> should return 171.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countingSundays(firstYear, lastYear) {
+  // Good luck!
+  return true;
+}
+
+countingSundays(1943, 1946);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-190-maximising-a-weighted-product.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-190-maximising-a-weighted-product.russian.md
new file mode 100644
index 0000000000..c1ba977e9e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-190-maximising-a-weighted-product.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f42b1000cf542c50ff3d
+challengeType: 5
+title: 'Problem 190: Maximising a weighted product'
+videoUrl: ''
+localeTitle: 'Проблема 190: Максимизация взвешенного продукта'
+---
+
+## Description
+<section id="description"> Пусть Sm = (x1, x2, ..., xm) - m-набор положительных вещественных чисел с x1 + x2 + ... + xm = m, для которого Pm = x1 * x22 * ... * xmm максимизируется , <p> Например, можно проверить, что [P10] = 4112 ([] - функция целочисленной части). </p><p> Найти Σ [Pm] для 2 ≤ m ≤ 15. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler190()</code> должен возвращать 371048281.
+    testString: 'assert.strictEqual(euler190(), 371048281, "<code>euler190()</code> should return 371048281.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler190() {
+  // Good luck!
+  return true;
+}
+
+euler190();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-191-prize-strings.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-191-prize-strings.russian.md
new file mode 100644
index 0000000000..1a7ebae77d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-191-prize-strings.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f42b1000cf542c50ff3e
+challengeType: 5
+title: 'Problem 191: Prize Strings'
+videoUrl: ''
+localeTitle: 'Задача 191: Призовые строки'
+---
+
+## Description
+<section id="description"> Специальная школа предлагает денежные вознаграждения детям с хорошей посещаемостью и пунктуальностью. Если они отсутствуют в течение трех последовательных дней или поздно более чем один раз, они теряют свой приз. <p> В течение n-дневного периода создается триниальная строка для каждого ребенка, состоящего из L (позднего), O (по времени) и A (отсутствует). </p><p> Несмотря на то, что в течение 4-дневного периода может быть сформировано восемьдесят один триниальный ряд, ровно сорок три строки приведут к выигрышу: </p><p> OOOO OOOA OOOL OOAO OOAA OOAL OOLO OOLA OAOO OAOA OAOL OAAO OAAL OALO OALA OLOO OLOA OLAO OLAA AOOO AOOA AOOL AOAO AOAA AOAL AOLO AOLA AAOO AAOA AAOL AALO AALA ALOO ALOA ALAO ALAA LOOO LOOA LOAO LOAA LAOO LAOA LAAO </p><p> Сколько «призовых» строк существует за 30-дневный период? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler191()</code> должен вернуть 1918080160.
+    testString: 'assert.strictEqual(euler191(), 1918080160, "<code>euler191()</code> should return 1918080160.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler191() {
+  // Good luck!
+  return true;
+}
+
+euler191();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-192-best-approximations.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-192-best-approximations.russian.md
new file mode 100644
index 0000000000..f74dac9b78
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-192-best-approximations.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f42c1000cf542c50ff3f
+challengeType: 5
+title: 'Problem 192: Best Approximations'
+videoUrl: ''
+localeTitle: 'Проблема 192: Лучшие приближения'
+---
+
+## Description
+<section id="description"> Пусть х - действительное число. Наилучшее приближение x для знаменателя d - рациональное число r / s в приведенном виде с s ≤ d, такое, что любое рациональное число, которое ближе к x, чем r / s, имеет знаменатель, больший d: <p> | П / QX | &lt;| r / sx | ⇒ q&gt; d </p><p> Например, наилучшее приближение к √13 для значения знаменателя 20 составляет 18/5, а наилучшее приближение к √13 для знаменателя 30 - 101/28. </p><p> Найдите сумму всех знаменателей наилучших приближений к √n для знаменателя, связанного 1012, где n не является идеальным квадратом и 1 &lt;n ≤ 100000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler192()</code> должен вернуть 57060635927998344.
+    testString: 'assert.strictEqual(euler192(), 57060635927998344, "<code>euler192()</code> should return 57060635927998344.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler192() {
+  // Good luck!
+  return true;
+}
+
+euler192();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-193-squarefree-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-193-squarefree-numbers.russian.md
new file mode 100644
index 0000000000..f40669e4d9
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-193-squarefree-numbers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f42f1000cf542c50ff41
+challengeType: 5
+title: 'Problem 193: Squarefree Numbers'
+videoUrl: ''
+localeTitle: 'Задача 193: Квадратные числа'
+---
+
+## Description
+<section id="description"> Положительное целое число n называется квадратным, если квадрат простого числа n не делится, поэтому 1, 2, 3, 5, 6, 7, 10, 11 являются квадратными, но не 4, 8, 9, 12. <p> Сколько квадратных чисел там ниже 250? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler193()</code> должен вернуть 684465067343069.
+    testString: 'assert.strictEqual(euler193(), 684465067343069, "<code>euler193()</code> should return 684465067343069.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler193() {
+  // Good luck!
+  return true;
+}
+
+euler193();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-194-coloured-configurations.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-194-coloured-configurations.russian.md
new file mode 100644
index 0000000000..d4bafae02b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-194-coloured-configurations.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f42f1000cf542c50ff40
+challengeType: 5
+title: 'Problem 194: Coloured Configurations'
+videoUrl: ''
+localeTitle: 'Проблема 194: Цветные конфигурации'
+---
+
+## Description
+<section id="description"> Рассмотрим графики, построенные с единицами A: и B:, где единицы склеиваются по вертикальным краям, как на графике. <p> Конфигурация типа (a, b, c) представляет собой граф, построенный, таким образом, из блоков A и b единиц B, где вершины графика окрашены с использованием цветов до c, так что никакие две соседние вершины не имеют одного цвета. Компонентный график, приведенный выше, является примером конфигурации типа (2,2,6), фактически типа (2,2, c) для всех c ≥ 4. </p><p> Пусть N (a, b, c) - число конфигураций типа (a, b, c). Например, N (1,0,3) = 24, N (0,2,4) = 92928 и N (2,2,3) = 20736. </p><p> Найдите последние 8 цифр N (25,75,1984). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler194()</code> должен вернуть 61190912.
+    testString: 'assert.strictEqual(euler194(), 61190912, "<code>euler194()</code> should return 61190912.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler194() {
+  // Good luck!
+  return true;
+}
+
+euler194();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-195-inscribed-circles-of-triangles-with-one-angle-of-60-degrees.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-195-inscribed-circles-of-triangles-with-one-angle-of-60-degrees.russian.md
new file mode 100644
index 0000000000..50b97afcbd
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-195-inscribed-circles-of-triangles-with-one-angle-of-60-degrees.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4311000cf542c50ff43
+challengeType: 5
+title: 'Problem 195: Inscribed circles of triangles with one angle of 60 degrees'
+videoUrl: ''
+localeTitle: 'Задача 195: Вписанные круги треугольников с одним углом 60 градусов'
+---
+
+## Description
+<section id="description"> Назовем целочисленный односторонний треугольник с ровно одним углом 60 градусов на 60-градусный треугольник. Пусть r - радиус вписанной окружности такого 60-градусного треугольника. Существует 1234 60-градусных треугольников, для которых r ≤ 100. Пусть T (n) - число треугольников с 60 градусами, для которых r ≤ n, поэтому T (100) = 1234, T (1000) = 22767 и T 10000) = 359912. <p> Найдите T (1053779). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler195()</code> должен вернуть 75085391.
+    testString: 'assert.strictEqual(euler195(), 75085391, "<code>euler195()</code> should return 75085391.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler195() {
+  // Good luck!
+  return true;
+}
+
+euler195();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-196-prime-triplets.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-196-prime-triplets.russian.md
new file mode 100644
index 0000000000..5e490175dc
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-196-prime-triplets.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4301000cf542c50ff42
+challengeType: 5
+title: 'Problem 196: Prime triplets'
+videoUrl: ''
+localeTitle: 'Задача 196: Прайм-триплеты'
+---
+
+## Description
+<section id="description"> Постройте треугольник из всех положительных целых чисел следующим образом: <p> 1 2 3 4 5 6 7 8 9 1011 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 2829 30 31 32 33 34 35 3637 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66. , , </p><p> Каждое положительное целое число содержит до восьми соседей в треугольнике. </p><p> Набор из трех простых чисел называется простым триплетом, если один из трех простых чисел имеет два других в качестве соседей в треугольнике. </p><p> Например, во второй строке простые числа 2 и 3 являются элементами некоторого простого триплета. </p><p> Если рассматривается строка 8, она содержит два простых числа, которые являются элементами некоторого простого триплета, т. Е. 29 и 31. Если считать строку 9, она содержит только одно простое, которое является элементом некоторого простого триплета: 37. </p><p> Определим S (n) как сумму простых чисел в строке n, которые являются элементами любого простого триплета. Тогда S (8) = 60 и S (9) = 37. </p><p> Вам дается, что S (10000) = 950007619. </p><p> Найдите S (5678027) + S (7208785). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler196()</code> должен возвращать 322303240771079940.
+    testString: 'assert.strictEqual(euler196(), 322303240771079940, "<code>euler196()</code> should return 322303240771079940.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler196() {
+  // Good luck!
+  return true;
+}
+
+euler196();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-197-investigating-the-behaviour-of-a-recursively-defined-sequence.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-197-investigating-the-behaviour-of-a-recursively-defined-sequence.russian.md
new file mode 100644
index 0000000000..75a97b59fc
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-197-investigating-the-behaviour-of-a-recursively-defined-sequence.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4311000cf542c50ff44
+challengeType: 5
+title: 'Problem 197: Investigating the behaviour of a recursively defined sequence'
+videoUrl: ''
+localeTitle: 'Задача 197: Исследование поведения рекурсивно определенной последовательности'
+---
+
+## Description
+<section id="description"> Дана функция f (x) = ⌊230.403243784-x2⌋ × 10-9 (⌊ ⌋ - функция пола), последовательность un определяется u0 = -1 и un + 1 = f (un). <p> Найти un + un + 1 для n = 1012. Дайте свой ответ с 9 цифрами после десятичной точки. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler197()</code> должен вернуть 1.710637717.
+    testString: 'assert.strictEqual(euler197(), 1.710637717, "<code>euler197()</code> should return 1.710637717.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler197() {
+  // Good luck!
+  return true;
+}
+
+euler197();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-198-ambiguous-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-198-ambiguous-numbers.russian.md
new file mode 100644
index 0000000000..32c518010f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-198-ambiguous-numbers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4331000cf542c50ff45
+challengeType: 5
+title: 'Problem 198: Ambiguous Numbers'
+videoUrl: ''
+localeTitle: 'Проблема 198: Неоднозначные числа'
+---
+
+## Description
+<section id="description"> Наилучшее приближение к вещественному числу x для знаменателя d - рациональное число r / s (в приведенном виде) с s ≤ d, так что любое рациональное число p / q, которое ближе к x, чем r / s, имеет q&gt; д. <p> Обычно наилучшее приближение к вещественному числу однозначно определяется для всех границ знаменателя. Однако есть некоторые исключения, например, 9/40 имеет два наилучших приближения 1/4 и 1/5 для знаменателя. 6. Мы будем называть действительное число x неоднозначным, если существует хотя бы одна знаменательная граница, для которой x обладает два наилучших приближения. Ясно, что неоднозначное число обязательно рационально. </p><p> Сколько двусмысленных чисел x = p / q, 0 &lt;x &lt;1/100, где знаменатель q не превышает 108? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler198()</code> должен вернуть 52374425.
+    testString: 'assert.strictEqual(euler198(), 52374425, "<code>euler198()</code> should return 52374425.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler198() {
+  // Good luck!
+  return true;
+}
+
+euler198();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-199-iterative-circle-packing.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-199-iterative-circle-packing.russian.md
new file mode 100644
index 0000000000..97ee08dfdc
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-199-iterative-circle-packing.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4341000cf542c50ff46
+challengeType: 5
+title: 'Problem 199: Iterative Circle Packing'
+videoUrl: ''
+localeTitle: 'Задача 199: Упаковка итерационного круга'
+---
+
+## Description
+<section id="description"> Три круга с одинаковым радиусом расположены внутри большего круга, так что каждая пара кругов касается друг друга, а внутренние окружности не перекрываются. Есть четыре непокрытых «зазора», которые должны быть заполнены итеративно более касательными кругами. <p> На каждой итерации в каждом промежутке помещается круг максимального размера, что создает больше пробелов для следующей итерации. После 3 итераций (на фото) имеется 108 зазоров, а доля площади, которая не покрыта кружками, равна 0.06790342, округленная до восьми знаков после запятой. </p><p> Какая часть площади не покрывается кругами после 10 итераций? Дайте свой ответ округленным до восьми знаков после запятой, используя формат x.xxxxxxxx. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>euler199()</code> должен возвращать 0,00396087.'
+    testString: 'assert.strictEqual(euler199(), 0.00396087, "<code>euler199()</code> should return 0.00396087.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler199() {
+  // Good luck!
+  return true;
+}
+
+euler199();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-2-even-fibonacci-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-2-even-fibonacci-numbers.russian.md
new file mode 100644
index 0000000000..7d0971d8be
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-2-even-fibonacci-numbers.russian.md
@@ -0,0 +1,63 @@
+---
+id: 5900f36e1000cf542c50fe81
+challengeType: 5
+title: 'Problem 2: Even Fibonacci Numbers'
+videoUrl: ''
+localeTitle: 'Проблема 2: Даже числа Фибоначчи'
+---
+
+## Description
+<section id="description"> Каждый новый член в последовательности Фибоначчи генерируется путем добавления предыдущих двух членов. Начиная с 1 и 2, первые 10 условий будут: <div style="text-align: center;"> 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, ... </div> Рассматривая слагаемые в последовательности Фибоначчи, значения которых не превышают <code>n</code> го слагаемого, найдем сумму четных членов. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>fiboEvenSum(10)</code> должен вернуться 188.
+    testString: 'assert.strictEqual(fiboEvenSum(10), 188, "<code>fiboEvenSum(10)</code> should return 188.");'
+  - text: <code>fiboEvenSum(23)</code> должен вернуть 60696.
+    testString: 'assert.strictEqual(fiboEvenSum(23), 60696, "<code>fiboEvenSum(23)</code> should return 60696.");'
+  - text: <code>fiboEvenSum(43)</code> должен вернуть 1485607536.
+    testString: 'assert.strictEqual(fiboEvenSum(43), 1485607536, "<code>fiboEvenSum(43)</code> should return 1485607536.");'
+  - text: 'Ваша функция не возвращает правильный результат, используя наши значения тестов.'
+    testString: 'assert.strictEqual(fiboEvenSum(18), 3382, "Your function is not returning the correct result using our tests values.");'
+  - text: Ваша функция должна возвращать <code>even</code> значение.
+    testString: 'assert.equal(fiboEvenSum(31) % 2 === 0, true, "Your function should return an <code>even</code> value.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fiboEvenSum(n) {
+  // You can do it!
+  return true;
+}
+
+fiboEvenSum(10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-20-factorial-digit-sum.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-20-factorial-digit-sum.russian.md
new file mode 100644
index 0000000000..85c8377a3c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-20-factorial-digit-sum.russian.md
@@ -0,0 +1,63 @@
+---
+id: 5900f3801000cf542c50fe93
+challengeType: 5
+title: 'Problem 20: Factorial digit sum'
+videoUrl: ''
+localeTitle: 'Задача 20: Факториальная цифра'
+---
+
+## Description
+<section id="description"> <var>n</var> ! означает <var>n</var> × ( <var>n</var> - 1) × ... × 3 × 2 × 1 Например, 10! = 10 × 9 × ... × 3 × 2 × 1 = 3628800, <br> и сумму цифр в цифре 10! равно 3 + 6 + 2 + 8 + 8 + 0 + 0 = 27. Найдите сумму цифр <var>n</var> ! </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumFactorialDigits(10)</code> должен вернуть 27.
+    testString: 'assert.strictEqual(sumFactorialDigits(10), 27, "<code>sumFactorialDigits(10)</code> should return 27.");'
+  - text: <code>sumFactorialDigits(25)</code> должен возвращать 72.
+    testString: 'assert.strictEqual(sumFactorialDigits(25), 72, "<code>sumFactorialDigits(25)</code> should return 72.");'
+  - text: <code>sumFactorialDigits(50)</code> должен вернуть 216.
+    testString: 'assert.strictEqual(sumFactorialDigits(50), 216, "<code>sumFactorialDigits(50)</code> should return 216.");'
+  - text: <code>sumFactorialDigits(75)</code> должен возвращать 432.
+    testString: 'assert.strictEqual(sumFactorialDigits(75), 432, "<code>sumFactorialDigits(75)</code> should return 432.");'
+  - text: <code>sumFactorialDigits(100)</code> должен возвращать 648.
+    testString: 'assert.strictEqual(sumFactorialDigits(100), 648, "<code>sumFactorialDigits(100)</code> should return 648.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumFactorialDigits(n) {
+  // Good luck!
+  return n;
+}
+
+sumFactorialDigits(100);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-200-find-the-200th-prime-proof-sqube-containing-the-contiguous-sub-string-200.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-200-find-the-200th-prime-proof-sqube-containing-the-contiguous-sub-string-200.russian.md
new file mode 100644
index 0000000000..258445963e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-200-find-the-200th-prime-proof-sqube-containing-the-contiguous-sub-string-200.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4351000cf542c50ff47
+challengeType: 5
+title: 'Problem 200: Find the 200th prime-proof sqube containing the contiguous sub-string "200"'
+videoUrl: ''
+localeTitle: 'Задача 200: найти 200-й прецезионный сбб, содержащий непрерывную подстроку «200»,'
+---
+
+## Description
+<section id="description"> Будем определять сбб как число вида p2q3, где p и q - различные простые числа. Например, 200 = 5223 или 120072949 = 232613. <p> Первые пять сплюсов - 72, 108, 200, 392 и 500. </p><p> Интересно, что 200 также является первым номером, для которого вы не можете изменить ни одну цифру, чтобы сделать премьер; мы будем называть такие числа первичными. Следующим простым доказательством, которое содержит смежную подстроку «200», является 1992008. </p><p> Найдите 200-й премьер-зуммер, содержащий непрерывную подстроку «200». </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler200()</code> должен вернуть 229161792008.
+    testString: 'assert.strictEqual(euler200(), 229161792008, "<code>euler200()</code> should return 229161792008.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler200() {
+  // Good luck!
+  return true;
+}
+
+euler200();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-201-subsets-with-a-unique-sum.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-201-subsets-with-a-unique-sum.russian.md
new file mode 100644
index 0000000000..96341547ae
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-201-subsets-with-a-unique-sum.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4361000cf542c50ff48
+challengeType: 5
+title: 'Problem 201: Subsets with a unique sum'
+videoUrl: ''
+localeTitle: 'Задача 201: Подмножества с уникальной суммой'
+---
+
+## Description
+<section id="description"> Для любого множества чисел A сумма (A) является суммой элементов A. Рассмотрим множество B = {1,3,6,8,10,11}. Существует 20 подмножеств B, содержащих три элемента, и их суммы: <p> сумма ({1,3,6}) = 10, сумма ({1,3,8}) = 12, сумма ({1,3,10}) = 14, сумма ({1,3,11}) = 15, сумма ({1,6,8}) = 15, сумма ({1,6,10}) = 17, сумма ({1,6,11}) = 18, сумма ({1,8,10} ) = 19, сумма ({1,8,11}) = 20, сумма ({1,10,11}) = 22, сумма ({3,6,8}) = 17, сумма ({3,6, 10}) = 19, сумма ({3,6,11}) = 20, сумма ({3,8,10}) = 21, сумма ({3,8,11}) = 22, сумма ({3, 10,11}) = 24, сумма ({6,8,10}) = 24, сумма ({6,8,11}) = 25, сумма ({6,10,11}) = 27, sum ({ 8,10,11}) = 29. </p><p> Некоторые из этих сумм встречаются несколько раз, другие уникальны. Для множества A пусть U (A, k) - множество единственных сумм k-элементных подмножеств A, в нашем примере мы найдем U (B, 3) = {10,12,14,18,21,25 , 27,29} и сумма (U (B, 3)) = 156. </p><p> Теперь рассмотрим 100-элементное множество S = {12, 22, ..., 1002}. S имеет 100891344545564193334812497256 50-элементные подмножества. </p><p> Определите сумму всех целых чисел, которые являются суммой ровно одного из 50-элементных подмножеств S, т. Е. Находят сумму (U (S, 50)). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler201()</code> должен вернуть 115039000.
+    testString: 'assert.strictEqual(euler201(), 115039000, "<code>euler201()</code> should return 115039000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler201() {
+  // Good luck!
+  return true;
+}
+
+euler201();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-202-laserbeam.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-202-laserbeam.russian.md
new file mode 100644
index 0000000000..be5b72c84a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-202-laserbeam.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4371000cf542c50ff49
+challengeType: 5
+title: 'Problem 202: Laserbeam'
+videoUrl: ''
+localeTitle: 'Задача 202: Лазерный луч'
+---
+
+## Description
+<section id="description"> Три зеркала расположены в форме равностороннего треугольника, а их отражающие поверхности направлены внутрь. В каждой вершине треугольника имеется бесконечно малый промежуток, через который может проходить лазерный луч. <p> Назовите вершины A, B и C. Существует два способа, которыми лазерный луч может войти в вершину C, отскакивать от 11 поверхностей, а затем выходить через одну и ту же вершину: один из способов показан ниже; другой - наоборот. </p><p> Есть 80840 способов, в которых лазерный луч может входить в вершину С, отскакивать от поверхностей 1000001, а затем выходить через одну и ту же вершину. </p><p> Как много способов лазерный луч входит в вершину С, отскакивает от поверхности 12017639147, а затем выходит через одну и ту же вершину? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler202()</code> должен вернуть 1209002624.
+    testString: 'assert.strictEqual(euler202(), 1209002624, "<code>euler202()</code> should return 1209002624.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler202() {
+  // Good luck!
+  return true;
+}
+
+euler202();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-203-squarefree-binomial-coefficients.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-203-squarefree-binomial-coefficients.russian.md
new file mode 100644
index 0000000000..b6d757b9ae
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-203-squarefree-binomial-coefficients.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4381000cf542c50ff4a
+challengeType: 5
+title: 'Problem 203: Squarefree Binomial Coefficients'
+videoUrl: ''
+localeTitle: 'Задача 203: Квадратные биномиальные коэффициенты'
+---
+
+## Description
+<section id="description"> Биномиальные коэффициенты nCk могут быть расположены треугольной формой, треугольником Паскаля, как это: <p> 111121133114641151010511615201561172135352171 ......... </p><p> Видно, что первые восемь строк треугольника Паскаля содержат двенадцать различных чисел: 1, 2, 3, 4, 5, 6, 7, 10, 15, 20, 21 и 35. </p><p> Положительное целое число n называется квадратным, если квадрат простого числа не делит n. Из двенадцати различных чисел в первых восьми строках треугольника Паскаля все, кроме 4 и 20, являются квадратными. Сумма различных квадратичных чисел в первых восьми строках равна 105. </p><p> Найдите сумму различных квадратичных чисел в первых 51 строках треугольника Паскаля. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler203()</code> должен возвращать 34029210557338.
+    testString: 'assert.strictEqual(euler203(), 34029210557338, "<code>euler203()</code> should return 34029210557338.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler203() {
+  // Good luck!
+  return true;
+}
+
+euler203();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-204-generalised-hamming-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-204-generalised-hamming-numbers.russian.md
new file mode 100644
index 0000000000..e4ff71356d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-204-generalised-hamming-numbers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4381000cf542c50ff4b
+challengeType: 5
+title: 'Problem 204: Generalised Hamming Numbers'
+videoUrl: ''
+localeTitle: 'Задача 204: Обобщенные номера Хэмминга'
+---
+
+## Description
+<section id="description"> Число Хэмминга - это положительное число, не имеющее простого коэффициента больше 5. Таким образом, первые несколько чисел Хэмминга - 1, 2, 3, 4, 5, 6, 8, 9, 10, 12, 15. Есть 1105 чисел Хэмминга не более 108. <p> Мы будем называть положительное число обобщенным числом Хэмминга типа n, если он не имеет простого множителя, большего, чем n. Следовательно, числа Хэмминга являются обобщенными числами Хэмминга типа 5. </p><p> Сколько обобщенных чисел Хемминга типа 100 существует, которые не превышают 109? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler204()</code> должен возвращать 2944730.
+    testString: 'assert.strictEqual(euler204(), 2944730, "<code>euler204()</code> should return 2944730.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler204() {
+  // Good luck!
+  return true;
+}
+
+euler204();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-205-dice-game.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-205-dice-game.russian.md
new file mode 100644
index 0000000000..87f41f2dde
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-205-dice-game.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4391000cf542c50ff4c
+challengeType: 5
+title: 'Problem 205: Dice Game'
+videoUrl: ''
+localeTitle: 'Проблема 205: игра в кости'
+---
+
+## Description
+<section id="description"> У Питера есть девять четырехсторонних (пирамидальных) кубиков, каждая из которых имеет лица с номерами 1, 2, 3, 4. Колин имеет шесть шестисторонних (кубических) кубиков, каждый из которых имеет лица с номерами 1, 2, 3, 4, 5, 6. <p> Питер и Колин бросают свои кости и сравнивают итоговые суммы: самые высокие итоговые победы. Результат - ничья, если итоговые значения равны. </p><p> Какова вероятность того, что Пирамидальный Пит победит Кубический Колин? Дайте свой ответ округленным до семи знаков после запятой в форме 0.abcdefg </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler205()</code> должен вернуть 0.5731441.
+    testString: 'assert.strictEqual(euler205(), 0.5731441, "<code>euler205()</code> should return 0.5731441.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler205() {
+  // Good luck!
+  return true;
+}
+
+euler205();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-206-concealed-square.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-206-concealed-square.russian.md
new file mode 100644
index 0000000000..6f63e28ade
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-206-concealed-square.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f43a1000cf542c50ff4d
+challengeType: 5
+title: 'Problem 206: Concealed Square'
+videoUrl: ''
+localeTitle: 'Задача 206: Скрытая площадь'
+---
+
+## Description
+<section id="description"> Найдите уникальное положительное целое число, квадрат которого имеет вид 1_2_3_4_5_6_7_8_9_0, где каждая «_» представляет собой одну цифру. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler206()</code> должен вернуть 1389019170.
+    testString: 'assert.strictEqual(euler206(), 1389019170, "<code>euler206()</code> should return 1389019170.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler206() {
+  // Good luck!
+  return true;
+}
+
+euler206();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-207-integer-partition-equations.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-207-integer-partition-equations.russian.md
new file mode 100644
index 0000000000..5858232025
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-207-integer-partition-equations.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f43c1000cf542c50ff4e
+challengeType: 5
+title: 'Problem 207: Integer partition equations'
+videoUrl: ''
+localeTitle: 'Задача 207: Целочисленные уравнения разбиения'
+---
+
+## Description
+<section id="description"> Для некоторых натуральных чисел k существует целочисленное разбиение вида 4t = 2t + k, где 4t, 2t и k - все положительные целые числа, а t - действительное число. <p> Первые два таких раздела: 41 = 21 + 2 и 41.5849625 ... = 21.5849625 ... + 6. </p><p> Разделы, где t также целое число, называются совершенными. Для любого m ≥ 1 пусть P (m) - доля таких разбиений, которые являются совершенными с k ≤ m. Таким образом, P (6) = 1/2. </p><p> В следующей таблице перечислены некоторые значения P (m) P (5) = 1/1 P (10) = 1/2 P (15) = 2/3 P (20) = 1/2 P (25) = 1/2 P (30) = 2/5 ... P (180) = 1/4 P (185) = 3/13 </p><p> Найдите наименьшее m, для которого P (m) &lt;1/12345 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler207()</code> должен возвращать 44043947822.
+    testString: 'assert.strictEqual(euler207(), 44043947822, "<code>euler207()</code> should return 44043947822.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler207() {
+  // Good luck!
+  return true;
+}
+
+euler207();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-208-robot-walks.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-208-robot-walks.russian.md
new file mode 100644
index 0000000000..083e684387
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-208-robot-walks.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f43f1000cf542c50ff51
+challengeType: 5
+title: 'Problem 208: Robot Walks'
+videoUrl: ''
+localeTitle: 'Задача 208: Прогулки роботов'
+---
+
+## Description
+<section id="description"> Робот движется в серии из пятых круглых дуг (72 °), со свободным выбором по часовой стрелке или против часовой стрелки для каждого шага, но без поворота на пятно. <p> Один из 70932 возможных замкнутых путей из 25 дуг, начинающихся с севера, является </p><p> Учитывая, что робот начинает сталкиваться с Севером, сколько поездок длиной 70 дуг можно взять, чтобы вернуть его после последней дуги в исходное положение? (Любая дуга может быть пройдена несколько раз). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler208()</code> должен вернуть 331951449665644800.
+    testString: 'assert.strictEqual(euler208(), 331951449665644800, "<code>euler208()</code> should return 331951449665644800.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler208() {
+  // Good luck!
+  return true;
+}
+
+euler208();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-209-circular-logic.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-209-circular-logic.russian.md
new file mode 100644
index 0000000000..3b18e74821
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-209-circular-logic.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f43e1000cf542c50ff4f
+challengeType: 5
+title: 'Problem 209: Circular Logic'
+videoUrl: ''
+localeTitle: 'Задача 209: Круговая логика'
+---
+
+## Description
+<section id="description"> Бинарная таблица истинности k-входа - это карта из k входных битов (двоичные цифры, 0 [ложь] или 1 [истина]) до 1 выходного бита. Например, 2-входные бинарные таблицы истинности для логических функций AND и XOR: <p> x y x И y000010100111x y x XOR y000011101110Как много бинарных таблиц истины с 6 входами, τ, удовлетворяют формуле </p><p> τ (a, b, c, d, e, f) AND τ (b, c, d, e, f, a XOR (b AND c)) = 0 для всех 6-битовых входов (a, b, c, d, e, f)? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler209()</code> должен вернуть 15964587728784.
+    testString: 'assert.strictEqual(euler209(), 15964587728784, "<code>euler209()</code> should return 15964587728784.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler209() {
+  // Good luck!
+  return true;
+}
+
+euler209();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-21-amicable-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-21-amicable-numbers.russian.md
new file mode 100644
index 0000000000..cea082d8d4
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-21-amicable-numbers.russian.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3811000cf542c50fe94
+challengeType: 5
+title: 'Problem 21: Amicable numbers'
+videoUrl: ''
+localeTitle: 'Задача 21: дружественные номера'
+---
+
+## Description
+<section id="description"> Пусть d ( <var>n</var> ) определяется как сумма собственных делителей <var>n</var> (числа меньше <var>n,</var> которые равномерно делятся на <var>n</var> ). Если d ( <var>a</var> ) = <var>b</var> и d ( <var>b</var> ) = <var>a</var> , где <var>a</var> ≠ <var>b</var> , то <var>a</var> и <var>b</var> являются дружественной парой, и каждый из <var>a</var> и <var>b</var> называется дружественным числом. Например, правильные делители 220 являются 1, 2, 4, 5, 10, 11, 20, 22, 44, 55 и 110; поэтому d (220) = 284. Собственные делители 284 равны 1, 2, 4, 71 и 142; так что d (284) = 220. Оцените сумму всех дружественных чисел при <var>n</var> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumAmicableNum(1000)</code> должен вернуть 504.
+    testString: 'assert.strictEqual(sumAmicableNum(1000), 504, "<code>sumAmicableNum(1000)</code> should return 504.");'
+  - text: <code>sumAmicableNum(2000)</code> должен возвращать 2898.
+    testString: 'assert.strictEqual(sumAmicableNum(2000), 2898, "<code>sumAmicableNum(2000)</code> should return 2898.");'
+  - text: <code>sumAmicableNum(5000)</code> должен вернуть 8442.
+    testString: 'assert.strictEqual(sumAmicableNum(5000), 8442, "<code>sumAmicableNum(5000)</code> should return 8442.");'
+  - text: <code>sumAmicableNum(10000)</code> должен вернуть 31626.
+    testString: 'assert.strictEqual(sumAmicableNum(10000), 31626, "<code>sumAmicableNum(10000)</code> should return 31626.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumAmicableNum(n) {
+  // Good luck!
+  return n;
+}
+
+sumAmicableNum(10000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-210-obtuse-angled-triangles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-210-obtuse-angled-triangles.russian.md
new file mode 100644
index 0000000000..bea1e9ed1e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-210-obtuse-angled-triangles.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f43e1000cf542c50ff50
+challengeType: 5
+title: 'Problem 210: Obtuse Angled Triangles'
+videoUrl: ''
+localeTitle: 'Проблема 210: Тонкие треугольные треугольники'
+---
+
+## Description
+<section id="description"> Рассмотрим множество S (r) точек (x, y) с целыми координатами, удовлетворяющими | x | + | y ​​| ≤ r. Пусть O - точка (0,0) и C - точка (r / 4, r / 4). Пусть N (r) - число точек B в S (r), так что треугольник OBC имеет тупой угол, т. Е. Наибольший угол α удовлетворяет 90 ° &lt;α &lt;180 °. Так, например, N (4) = 24 и N (8) = 100. <p> Что такое N (1,000,000,000)? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler210()</code> должен вернуть 1598174770174689500.
+    testString: 'assert.strictEqual(euler210(), 1598174770174689500, "<code>euler210()</code> should return 1598174770174689500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler210() {
+  // Good luck!
+  return true;
+}
+
+euler210();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-211-divisor-square-sum.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-211-divisor-square-sum.russian.md
new file mode 100644
index 0000000000..e8ed765ae3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-211-divisor-square-sum.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f43f1000cf542c50ff52
+challengeType: 5
+title: 'Problem 211: Divisor Square Sum'
+videoUrl: ''
+localeTitle: 'Задача 211: Квадратная сумма дивизора'
+---
+
+## Description
+<section id="description"> Для положительного целого числа n, σ2 (n) - сумма квадратов его делителей. Например, σ2 (10) = 1 + 4 + 25 + 100 = 130. Найдите сумму всех n, 0 &lt;n &lt;64 000 000, так что σ2 (n) - идеальный квадрат. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler211()</code> должен вернуть 1922364685.
+    testString: 'assert.strictEqual(euler211(), 1922364685, "<code>euler211()</code> should return 1922364685.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler211() {
+  // Good luck!
+  return true;
+}
+
+euler211();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-212-combined-volume-of-cuboids.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-212-combined-volume-of-cuboids.russian.md
new file mode 100644
index 0000000000..a976eb9fcf
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-212-combined-volume-of-cuboids.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4411000cf542c50ff53
+challengeType: 5
+title: 'Problem 212: Combined Volume of Cuboids'
+videoUrl: ''
+localeTitle: 'Задача 212: Комбинированный объем кубоидов'
+---
+
+## Description
+<section id="description"> Выровненный по оси кубоид, заданный параметрами {(x0, y0, z0), (dx, dy, dz)}, состоит из всех точек (X, Y, Z) таких, что x0 ≤ X ≤ x0 + dx, y0 ≤ Y ≤ y0 + dy и z0 ≤ Z ≤ z0 + dz. Объем кубоида - это произведение, dx × dy × dz. Объединенный объем коллекции кубоидов - это объем их объединения и будет меньше суммы отдельных томов, если любые кубоиды перекрываются. <p> Пусть C1, ..., C50000 представляют собой набор из 50000 выровненных по оси кубоидов, так что Cn имеет параметры </p><p> x0 = S6n-5 по модулю 10000y0 = S6n-4 по модулю 10000z0 = S6n-3 по модулю 10000dx = 1 + (S6n-2 по модулю 399) dy = 1 + (S6n-1 по модулю 399) dz = 1 + (S6n по модулю 399) </p><p> где S1, ..., S300000 исходят от генератора «Отложенного Фибоначчи»: </p><p> Для 1 ≤ k ≤ 55, Sk = [100003 - 200003k + 300007k3] (по модулю 1000000) Для 56 ≤ k Sk = [Sk-24 + Sk-55] (по модулю 1000000) </p><p> Таким образом, C1 имеет параметры {(7,53,183), (94,369,56)}, C2 имеет параметры {(2383,3563,5079), (42,212,344)} и т. Д. </p><p> Комбинированный объем первых 100 кубоидов, C1, ..., C100, составляет 723581599. </p><p> Что такое объединенный объем всех 50000 кубоидов, C1, ..., C50000? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler212()</code> должен возвращать 328968937309.
+    testString: 'assert.strictEqual(euler212(), 328968937309, "<code>euler212()</code> should return 328968937309.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler212() {
+  // Good luck!
+  return true;
+}
+
+euler212();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-213-flea-circus.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-213-flea-circus.russian.md
new file mode 100644
index 0000000000..1ce065e4a1
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-213-flea-circus.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4411000cf542c50ff54
+challengeType: 5
+title: 'Problem 213: Flea Circus'
+videoUrl: ''
+localeTitle: 'Задача 213: Блошиный цирк'
+---
+
+## Description
+<section id="description"> В 30 × 30 сетках квадратов содержится 900 блох, изначально одна блоха на квадрат. Когда звонит колокол, каждая блоха случайно выбирается на соседний квадрат (обычно 4 варианта, за исключением блох на краю сетки или по углам). <p> Каково ожидаемое количество незанятых квадратов после 50 звонков колокола? Дайте ваш ответ округленным до шести знаков после запятой. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler213()</code> должен вернуть 330.721154.
+    testString: 'assert.strictEqual(euler213(), 330.721154, "<code>euler213()</code> should return 330.721154.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler213() {
+  // Good luck!
+  return true;
+}
+
+euler213();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-214-totient-chains.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-214-totient-chains.russian.md
new file mode 100644
index 0000000000..cac852a716
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-214-totient-chains.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4421000cf542c50ff55
+challengeType: 5
+title: 'Problem 214: Totient Chains'
+videoUrl: ''
+localeTitle: Проблема 214 Totient Цепи
+---
+
+## Description
+<section id="description"> Пусть φ - функция тождества Эйлера, т. Е. Для натурального числа n, φ (n) - число k, 1 ≤ k ≤ n, для которого gcd (k, n) = 1. <p> Итерируя φ, каждое положительное целое порождает убывающую цепочку чисел, оканчивающуюся на 1. Например, если мы начнем с 5, то будет создана последовательность 5,4,2,1. Вот список всех цепочек длиной 4: </p><p> 5,4,2,1 7,6,2,1 8,4,2,1 9,6,2,1 10,4,2,1 12,4,2,1 14,6,2,1 18 , 6,2,1 </p><p> Только две из этих цепей начинаются с простого числа, их сумма равна 12. </p><p> Какова сумма всех простых чисел менее 40000000, которые генерируют цепочку длиной 25? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler214()</code> должен вернуть 1677366278943.
+    testString: 'assert.strictEqual(euler214(), 1677366278943, "<code>euler214()</code> should return 1677366278943.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler214() {
+  // Good luck!
+  return true;
+}
+
+euler214();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-215-crack-free-walls.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-215-crack-free-walls.russian.md
new file mode 100644
index 0000000000..82d67c45ba
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-215-crack-free-walls.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4431000cf542c50ff56
+challengeType: 5
+title: 'Problem 215: Crack-free Walls'
+videoUrl: ''
+localeTitle: 'Проблема 215: стены без трещин'
+---
+
+## Description
+<section id="description"> Рассмотрим проблему строительства стены из кирпичей 2 × 1 и 3 × 1 (горизонтальные × вертикальные размеры), так что для дополнительной прочности промежутки между горизонтально смежными кирпичами никогда не выстраиваются в ряд последовательно, то есть никогда не образуют «бегущую» трещина&quot;. <p> Например, следующая стена 9 × 3 неприемлема из-за бегущей трещины, показанной красным: </p><p> Существует восемь способов формирования свободной от трещины стенки 9 × 3, записанной W (9,3) = 8. </p><p> Вычислить W (32,10). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler215()</code> должен вернуть 806844323190414.
+    testString: 'assert.strictEqual(euler215(), 806844323190414, "<code>euler215()</code> should return 806844323190414.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler215() {
+  // Good luck!
+  return true;
+}
+
+euler215();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-216-investigating-the-primality-of-numbers-of-the-form-2n2-1.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-216-investigating-the-primality-of-numbers-of-the-form-2n2-1.russian.md
new file mode 100644
index 0000000000..dbf5eeca02
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-216-investigating-the-primality-of-numbers-of-the-form-2n2-1.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4451000cf542c50ff57
+challengeType: 5
+title: 'Problem 216: Investigating the primality of numbers of the form 2n2-1'
+videoUrl: ''
+localeTitle: 'Задача 216: Исследование примитивности чисел вида 2n2-1'
+---
+
+## Description
+<section id="description"> Рассмотрим числа t (n) вида t (n) = 2n2-1 с n&gt; 1. Первые такие числа равны 7, 17, 31, 49, 71, 97, 127 и 161. Оказывается, что только 49 = 7 * 7 и 161 = 7 * 23 не являются первичными. При n ≤ 10000 имеется 2202 чисел t (n), которые являются первичными. <p> Сколько чисел t (n) является простым для n ≤ 50 000 000? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler216()</code> должен вернуть 5437849.
+    testString: 'assert.strictEqual(euler216(), 5437849, "<code>euler216()</code> should return 5437849.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler216() {
+  // Good luck!
+  return true;
+}
+
+euler216();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-217-balanced-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-217-balanced-numbers.russian.md
new file mode 100644
index 0000000000..090862559e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-217-balanced-numbers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4461000cf542c50ff58
+challengeType: 5
+title: 'Problem 217: Balanced Numbers'
+videoUrl: ''
+localeTitle: 'Задача 217: Сбалансированные номера'
+---
+
+## Description
+<section id="description"> Положительное целое число с k (десятичными) цифрами называется сбалансированным, если его первые цифры ⌈k / 2its суммируются с тем же значением, что и его последние цифры ⌈k / 2its, где ⌈x⌉, выраженный потолок x, является наименьшим целым числом ≥ x, таким образом, ⌈π⌉ = 4 и ⌈5⌉ = 5. Итак, например, все палиндромы сбалансированы, как и 13722. Пусть T (n) - сумма всех сбалансированных чисел, меньших 10n. Таким образом: T (1) = 45, T (2) = 540 и T (5) = 334795890. Найдите T (47) mod 315 </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler217()</code> должен вернуть 6273134.
+    testString: 'assert.strictEqual(euler217(), 6273134, "<code>euler217()</code> should return 6273134.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler217() {
+  // Good luck!
+  return true;
+}
+
+euler217();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-218-perfect-right-angled-triangles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-218-perfect-right-angled-triangles.russian.md
new file mode 100644
index 0000000000..8833c9b239
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-218-perfect-right-angled-triangles.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4461000cf542c50ff59
+challengeType: 5
+title: 'Problem 218: Perfect right-angled triangles'
+videoUrl: ''
+localeTitle: 'Задача 218: идеальные прямоугольные треугольники'
+---
+
+## Description
+<section id="description"> Рассмотрим прямоугольный треугольник со сторонами a = 7, b = 24 и c = 25. Площадь этого треугольника равна 84, которая делится на совершенные числа 6 и 28. Более того, это примитивный прямоугольный треугольник как gcd (a, b) = 1 и gcd (b, c) = 1. Также c - идеальный квадрат. <p> Мы будем называть прямоугольный треугольный треугольник совершенным, если -it - примитивный прямоугольный треугольник - гипотенуза - идеальный квадрат </p><p> Мы будем называть прямоугольный треугольник супер-совершенным, если -it - идеальный прямоугольный треугольник и - площадь кратно совершенным числам 6 и 28. </p><p> Сколько совершенных прямоугольных треугольников с c≤1016 существует, которые не являются супер-совершенными? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler218()</code> должен возвращать 0.
+    testString: 'assert.strictEqual(euler218(), 0, "<code>euler218()</code> should return 0.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler218() {
+  // Good luck!
+  return true;
+}
+
+euler218();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-219-skew-cost-coding.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-219-skew-cost-coding.russian.md
new file mode 100644
index 0000000000..23f5983ee7
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-219-skew-cost-coding.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4481000cf542c50ff5a
+challengeType: 5
+title: 'Problem 219: Skew-cost coding'
+videoUrl: ''
+localeTitle: 'Задача 219: Кодирование'
+---
+
+## Description
+<section id="description"> Пусть A и B - битовые строки (последовательности 0 и 1). Если A равно самым длинным (A) битам B, то A называется префиксом B. Например, 00110 является префиксом 001101001, но не 00111 или 100110. <p> Префикс-бесплатный код размера n представляет собой набор из n отдельных битовых строк, так что ни одна строка не является префиксом любого другого. Например, это код без префикса размером 6: </p><p> 0000, 0001, 001, 01, 10, 11 </p><p> Теперь предположим, что он стоит один пенни, чтобы передать бит «0», но четыре пенсы для передачи «1». Тогда общая стоимость кода без префикса, показанного выше, составляет 35 пенсов, что является самым дешевым для пересмотренной схемы ценообразования. Короче говоря, мы пишем Cost (6) = 35. </p><p> Что такое стоимость (109)? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler219()</code> должен возвращать 64564225042.
+    testString: 'assert.strictEqual(euler219(), 64564225042, "<code>euler219()</code> should return 64564225042.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler219() {
+  // Good luck!
+  return true;
+}
+
+euler219();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-22-names-scores.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-22-names-scores.russian.md
new file mode 100644
index 0000000000..0945e32d6f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-22-names-scores.russian.md
@@ -0,0 +1,72 @@
+---
+id: 5a51eabcad78bf416f316e2a
+challengeType: 5
+title: 'Problem 22: Names scores'
+videoUrl: ''
+localeTitle: 'Задача 22: Имена баллов'
+---
+
+## Description
+<section id="description"> Используя <code>names</code> , массив, содержащий более пяти тысяч первых имен, начинайте с сортировки в алфавитном порядке. Затем, выработав алфавитное значение для каждого имени, умножьте это значение на его алфавитную позицию в списке, чтобы получить оценку имени. Например, когда список сортируется в алфавитном порядке, COLIN, который стоит 3 + 15 + 12 + 9 + 14 = 53, является 938-м именем в списке. Итак, COLIN получит оценку 938 × 53 = 49714. Какова общая сумма всех имен в файле? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>namesScores(test1)</code> должен возвращать 791.
+    testString: 'assert.strictEqual(namesScores(test1), 791, "<code>namesScores(test1)</code> should return 791.");'
+  - text: <code>namesScores(test2)</code> должен возвращать 1468.
+    testString: 'assert.strictEqual(namesScores(test2), 1468, "<code>namesScores(test2)</code> should return 1468.");'
+  - text: <code>namesScores(names)</code> должны возвращать 871198282.
+    testString: 'assert.strictEqual(namesScores(names), 871198282, "<code>namesScores(names)</code> should return 871198282.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function namesScores(arr) {
+  // Good luck!
+  return arr;
+}
+
+// Only change code above this line
+const test1 = ['THIS', 'IS', 'ONLY', 'A', 'TEST'];
+const test2 = ['I', 'REPEAT', 'THIS', 'IS', 'ONLY', 'A', 'TEST'];
+
+namesScores(test1);
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+const names = ['MARY','PATRICIA','LINDA','BARBARA','ELIZABETH','JENNIFER','MARIA','SUSAN','MARGARET','DOROTHY','LISA','NANCY','KAREN','BETTY','HELEN','SANDRA','DONNA','CAROL','RUTH','SHARON','MICHELLE','LAURA','SARAH','KIMBERLY','DEBORAH','JESSICA','SHIRLEY','CYNTHIA','ANGELA','MELISSA','BRENDA','AMY','ANNA','REBECCA','VIRGINIA','KATHLEEN','PAMELA','MARTHA','DEBRA','AMANDA','STEPHANIE','CAROLYN','CHRISTINE','MARIE','JANET','CATHERINE','FRANCES','ANN','JOYCE','DIANE','ALICE','JULIE','HEATHER','TERESA','DORIS','GLORIA','EVELYN','JEAN','CHERYL','MILDRED','KATHERINE','JOAN','ASHLEY','JUDITH','ROSE','JANICE','KELLY','NICOLE','JUDY','CHRISTINA','KATHY','THERESA','BEVERLY','DENISE','TAMMY','IRENE','JANE','LORI','RACHEL','MARILYN','ANDREA','KATHRYN','LOUISE','SARA','ANNE','JACQUELINE','WANDA','BONNIE','JULIA','RUBY','LOIS','TINA','PHYLLIS','NORMA','PAULA','DIANA','ANNIE','LILLIAN','EMILY','ROBIN','PEGGY','CRYSTAL','GLADYS','RITA','DAWN','CONNIE','FLORENCE','TRACY','EDNA','TIFFANY','CARMEN','ROSA','CINDY','GRACE','WENDY','VICTORIA','EDITH','KIM','SHERRY','SYLVIA','JOSEPHINE','THELMA','SHANNON','SHEILA','ETHEL','ELLEN','ELAINE','MARJORIE','CARRIE','CHARLOTTE','MONICA','ESTHER','PAULINE','EMMA','JUANITA','ANITA','RHONDA','HAZEL','AMBER','EVA','DEBBIE','APRIL','LESLIE','CLARA','LUCILLE','JAMIE','JOANNE','ELEANOR','VALERIE','DANIELLE','MEGAN','ALICIA','SUZANNE','MICHELE','GAIL','BERTHA','DARLENE','VERONICA','JILL','ERIN','GERALDINE','LAUREN','CATHY','JOANN','LORRAINE','LYNN','SALLY','REGINA','ERICA','BEATRICE','DOLORES','BERNICE','AUDREY','YVONNE','ANNETTE','JUNE','SAMANTHA','MARION','DANA','STACY','ANA','RENEE','IDA','VIVIAN','ROBERTA','HOLLY','BRITTANY','MELANIE','LORETTA','YOLANDA','JEANETTE','LAURIE','KATIE','KRISTEN','VANESSA','ALMA','SUE','ELSIE','BETH','JEANNE','VICKI','CARLA','TARA','ROSEMARY','EILEEN','TERRI','GERTRUDE','LUCY','TONYA','ELLA','STACEY','WILMA','GINA','KRISTIN','JESSIE','NATALIE','AGNES','VERA','WILLIE','CHARLENE','BESSIE','DELORES','MELINDA','PEARL','ARLENE','MAUREEN','COLLEEN','ALLISON','TAMARA','JOY','GEORGIA','CONSTANCE','LILLIE','CLAUDIA','JACKIE','MARCIA','TANYA','NELLIE','MINNIE','MARLENE','HEIDI','GLENDA','LYDIA','VIOLA','COURTNEY','MARIAN','STELLA','CAROLINE','DORA','JO','VICKIE','MATTIE','TERRY','MAXINE','IRMA','MABEL','MARSHA','MYRTLE','LENA','CHRISTY','DEANNA','PATSY','HILDA','GWENDOLYN','JENNIE','NORA','MARGIE','NINA','CASSANDRA','LEAH','PENNY','KAY','PRISCILLA','NAOMI','CAROLE','BRANDY','OLGA','BILLIE','DIANNE','TRACEY','LEONA','JENNY','FELICIA','SONIA','MIRIAM','VELMA','BECKY','BOBBIE','VIOLET','KRISTINA','TONI','MISTY','MAE','SHELLY','DAISY','RAMONA','SHERRI','ERIKA','KATRINA','CLAIRE','LINDSEY','LINDSAY','GENEVA','GUADALUPE','BELINDA','MARGARITA','SHERYL','CORA','FAYE','ADA','NATASHA','SABRINA','ISABEL','MARGUERITE','HATTIE','HARRIET','MOLLY','CECILIA','KRISTI','BRANDI','BLANCHE','SANDY','ROSIE','JOANNA','IRIS','EUNICE','ANGIE','INEZ','LYNDA','MADELINE','AMELIA','ALBERTA','GENEVIEVE','MONIQUE','JODI','JANIE','MAGGIE','KAYLA','SONYA','JAN','LEE','KRISTINE','CANDACE','FANNIE','MARYANN','OPAL','ALISON','YVETTE','MELODY','LUZ','SUSIE','OLIVIA','FLORA','SHELLEY','KRISTY','MAMIE','LULA','LOLA','VERNA','BEULAH','ANTOINETTE','CANDICE','JUANA','JEANNETTE','PAM','KELLI','HANNAH','WHITNEY','BRIDGET','KARLA','CELIA','LATOYA','PATTY','SHELIA','GAYLE','DELLA','VICKY','LYNNE','SHERI','MARIANNE','KARA','JACQUELYN','ERMA','BLANCA','MYRA','LETICIA','PAT','KRISTA','ROXANNE','ANGELICA','JOHNNIE','ROBYN','FRANCIS','ADRIENNE','ROSALIE','ALEXANDRA','BROOKE','BETHANY','SADIE','BERNADETTE','TRACI','JODY','KENDRA','JASMINE','NICHOLE','RACHAEL','CHELSEA','MABLE','ERNESTINE','MURIEL','MARCELLA','ELENA','KRYSTAL','ANGELINA','NADINE','KARI','ESTELLE','DIANNA','PAULETTE','LORA','MONA','DOREEN','ROSEMARIE','ANGEL','DESIREE','ANTONIA','HOPE','GINGER','JANIS','BETSY','CHRISTIE','FREDA','MERCEDES','MEREDITH','LYNETTE','TERI','CRISTINA','EULA','LEIGH','MEGHAN','SOPHIA','ELOISE','ROCHELLE','GRETCHEN','CECELIA','RAQUEL','HENRIETTA','ALYSSA','JANA','KELLEY','GWEN','KERRY','JENNA','TRICIA','LAVERNE','OLIVE','ALEXIS','TASHA','SILVIA','ELVIRA','CASEY','DELIA','SOPHIE','KATE','PATTI','LORENA','KELLIE','SONJA','LILA','LANA','DARLA','MAY','MINDY','ESSIE','MANDY','LORENE','ELSA','JOSEFINA','JEANNIE','MIRANDA','DIXIE','LUCIA','MARTA','FAITH','LELA','JOHANNA','SHARI','CAMILLE','TAMI','SHAWNA','ELISA','EBONY','MELBA','ORA','NETTIE','TABITHA','OLLIE','JAIME','WINIFRED','KRISTIE','MARINA','ALISHA','AIMEE','RENA','MYRNA','MARLA','TAMMIE','LATASHA','BONITA','PATRICE','RONDA','SHERRIE','ADDIE','FRANCINE','DELORIS','STACIE','ADRIANA','CHERI','SHELBY','ABIGAIL','CELESTE','JEWEL','CARA','ADELE','REBEKAH','LUCINDA','DORTHY','CHRIS','EFFIE','TRINA','REBA','SHAWN','SALLIE','AURORA','LENORA','ETTA','LOTTIE','KERRI','TRISHA','NIKKI','ESTELLA','FRANCISCA','JOSIE','TRACIE','MARISSA','KARIN','BRITTNEY','JANELLE','LOURDES','LAUREL','HELENE','FERN','ELVA','CORINNE','KELSEY','INA','BETTIE','ELISABETH','AIDA','CAITLIN','INGRID','IVA','EUGENIA','CHRISTA','GOLDIE','CASSIE','MAUDE','JENIFER','THERESE','FRANKIE','DENA','LORNA','JANETTE','LATONYA','CANDY','MORGAN','CONSUELO','TAMIKA','ROSETTA','DEBORA','CHERIE','POLLY','DINA','JEWELL','FAY','JILLIAN','DOROTHEA','NELL','TRUDY','ESPERANZA','PATRICA','KIMBERLEY','SHANNA','HELENA','CAROLINA','CLEO','STEFANIE','ROSARIO','OLA','JANINE','MOLLIE','LUPE','ALISA','LOU','MARIBEL','SUSANNE','BETTE','SUSANA','ELISE','CECILE','ISABELLE','LESLEY','JOCELYN','PAIGE','JONI','RACHELLE','LEOLA','DAPHNE','ALTA','ESTER','PETRA','GRACIELA','IMOGENE','JOLENE','KEISHA','LACEY','GLENNA','GABRIELA','KERI','URSULA','LIZZIE','KIRSTEN','SHANA','ADELINE','MAYRA','JAYNE','JACLYN','GRACIE','SONDRA','CARMELA','MARISA','ROSALIND','CHARITY','TONIA','BEATRIZ','MARISOL','CLARICE','JEANINE','SHEENA','ANGELINE','FRIEDA','LILY','ROBBIE','SHAUNA','MILLIE','CLAUDETTE','CATHLEEN','ANGELIA','GABRIELLE','AUTUMN','KATHARINE','SUMMER','JODIE','STACI','LEA','CHRISTI','JIMMIE','JUSTINE','ELMA','LUELLA','MARGRET','DOMINIQUE','SOCORRO','RENE','MARTINA','MARGO','MAVIS','CALLIE','BOBBI','MARITZA','LUCILE','LEANNE','JEANNINE','DEANA','AILEEN','LORIE','LADONNA','WILLA','MANUELA','GALE','SELMA','DOLLY','SYBIL','ABBY','LARA','DALE','IVY','DEE','WINNIE','MARCY','LUISA','JERI','MAGDALENA','OFELIA','MEAGAN','AUDRA','MATILDA','LEILA','CORNELIA','BIANCA','SIMONE','BETTYE','RANDI','VIRGIE','LATISHA','BARBRA','GEORGINA','ELIZA','LEANN','BRIDGETTE','RHODA','HALEY','ADELA','NOLA','BERNADINE','FLOSSIE','ILA','GRETA','RUTHIE','NELDA','MINERVA','LILLY','TERRIE','LETHA','HILARY','ESTELA','VALARIE','BRIANNA','ROSALYN','EARLINE','CATALINA','AVA','MIA','CLARISSA','LIDIA','CORRINE','ALEXANDRIA','CONCEPCION','TIA','SHARRON','RAE','DONA','ERICKA','JAMI','ELNORA','CHANDRA','LENORE','NEVA','MARYLOU','MELISA','TABATHA','SERENA','AVIS','ALLIE','SOFIA','JEANIE','ODESSA','NANNIE','HARRIETT','LORAINE','PENELOPE','MILAGROS','EMILIA','BENITA','ALLYSON','ASHLEE','TANIA','TOMMIE','ESMERALDA','KARINA','EVE','PEARLIE','ZELMA','MALINDA','NOREEN','TAMEKA','SAUNDRA','HILLARY','AMIE','ALTHEA','ROSALINDA','JORDAN','LILIA','ALANA','GAY','CLARE','ALEJANDRA','ELINOR','MICHAEL','LORRIE','JERRI','DARCY','EARNESTINE','CARMELLA','TAYLOR','NOEMI','MARCIE','LIZA','ANNABELLE','LOUISA','EARLENE','MALLORY','CARLENE','NITA','SELENA','TANISHA','KATY','JULIANNE','JOHN','LAKISHA','EDWINA','MARICELA','MARGERY','KENYA','DOLLIE','ROXIE','ROSLYN','KATHRINE','NANETTE','CHARMAINE','LAVONNE','ILENE','KRIS','TAMMI','SUZETTE','CORINE','KAYE','JERRY','MERLE','CHRYSTAL','LINA','DEANNE','LILIAN','JULIANA','ALINE','LUANN','KASEY','MARYANNE','EVANGELINE','COLETTE','MELVA','LAWANDA','YESENIA','NADIA','MADGE','KATHIE','EDDIE','OPHELIA','VALERIA','NONA','MITZI','MARI','GEORGETTE','CLAUDINE','FRAN','ALISSA','ROSEANN','LAKEISHA','SUSANNA','REVA','DEIDRE','CHASITY','SHEREE','CARLY','JAMES','ELVIA','ALYCE','DEIRDRE','GENA','BRIANA','ARACELI','KATELYN','ROSANNE','WENDI','TESSA','BERTA','MARVA','IMELDA','MARIETTA','MARCI','LEONOR','ARLINE','SASHA','MADELYN','JANNA','JULIETTE','DEENA','AURELIA','JOSEFA','AUGUSTA','LILIANA','YOUNG','CHRISTIAN','LESSIE','AMALIA','SAVANNAH','ANASTASIA','VILMA','NATALIA','ROSELLA','LYNNETTE','CORINA','ALFREDA','LEANNA','CAREY','AMPARO','COLEEN','TAMRA','AISHA','WILDA','KARYN','CHERRY','QUEEN','MAURA','MAI','EVANGELINA','ROSANNA','HALLIE','ERNA','ENID','MARIANA','LACY','JULIET','JACKLYN','FREIDA','MADELEINE','MARA','HESTER','CATHRYN','LELIA','CASANDRA','BRIDGETT','ANGELITA','JANNIE','DIONNE','ANNMARIE','KATINA','BERYL','PHOEBE','MILLICENT','KATHERYN','DIANN','CARISSA','MARYELLEN','LIZ','LAURI','HELGA','GILDA','ADRIAN','RHEA','MARQUITA','HOLLIE','TISHA','TAMERA','ANGELIQUE','FRANCESCA','BRITNEY','KAITLIN','LOLITA','FLORINE','ROWENA','REYNA','TWILA','FANNY','JANELL','INES','CONCETTA','BERTIE','ALBA','BRIGITTE','ALYSON','VONDA','PANSY','ELBA','NOELLE','LETITIA','KITTY','DEANN','BRANDIE','LOUELLA','LETA','FELECIA','SHARLENE','LESA','BEVERLEY','ROBERT','ISABELLA','HERMINIA','TERRA','CELINA','TORI','OCTAVIA','JADE','DENICE','GERMAINE','SIERRA','MICHELL','CORTNEY','NELLY','DORETHA','SYDNEY','DEIDRA','MONIKA','LASHONDA','JUDI','CHELSEY','ANTIONETTE','MARGOT','BOBBY','ADELAIDE','NAN','LEEANN','ELISHA','DESSIE','LIBBY','KATHI','GAYLA','LATANYA','MINA','MELLISA','KIMBERLEE','JASMIN','RENAE','ZELDA','ELDA','MA','JUSTINA','GUSSIE','EMILIE','CAMILLA','ABBIE','ROCIO','KAITLYN','JESSE','EDYTHE','ASHLEIGH','SELINA','LAKESHA','GERI','ALLENE','PAMALA','MICHAELA','DAYNA','CARYN','ROSALIA','SUN','JACQULINE','REBECA','MARYBETH','KRYSTLE','IOLA','DOTTIE','BENNIE','BELLE','AUBREY','GRISELDA','ERNESTINA','ELIDA','ADRIANNE','DEMETRIA','DELMA','CHONG','JAQUELINE','DESTINY','ARLEEN','VIRGINA','RETHA','FATIMA','TILLIE','ELEANORE','CARI','TREVA','BIRDIE','WILHELMINA','ROSALEE','MAURINE','LATRICE','YONG','JENA','TARYN','ELIA','DEBBY','MAUDIE','JEANNA','DELILAH','CATRINA','SHONDA','HORTENCIA','THEODORA','TERESITA','ROBBIN','DANETTE','MARYJANE','FREDDIE','DELPHINE','BRIANNE','NILDA','DANNA','CINDI','BESS','IONA','HANNA','ARIEL','WINONA','VIDA','ROSITA','MARIANNA','WILLIAM','RACHEAL','GUILLERMINA','ELOISA','CELESTINE','CAREN','MALISSA','LONA','CHANTEL','SHELLIE','MARISELA','LEORA','AGATHA','SOLEDAD','MIGDALIA','IVETTE','CHRISTEN','ATHENA','JANEL','CHLOE','VEDA','PATTIE','TESSIE','TERA','MARILYNN','LUCRETIA','KARRIE','DINAH','DANIELA','ALECIA','ADELINA','VERNICE','SHIELA','PORTIA','MERRY','LASHAWN','DEVON','DARA','TAWANA','OMA','VERDA','CHRISTIN','ALENE','ZELLA','SANDI','RAFAELA','MAYA','KIRA','CANDIDA','ALVINA','SUZAN','SHAYLA','LYN','LETTIE','ALVA','SAMATHA','ORALIA','MATILDE','MADONNA','LARISSA','VESTA','RENITA','INDIA','DELOIS','SHANDA','PHILLIS','LORRI','ERLINDA','CRUZ','CATHRINE','BARB','ZOE','ISABELL','IONE','GISELA','CHARLIE','VALENCIA','ROXANNA','MAYME','KISHA','ELLIE','MELLISSA','DORRIS','DALIA','BELLA','ANNETTA','ZOILA','RETA','REINA','LAURETTA','KYLIE','CHRISTAL','PILAR','CHARLA','ELISSA','TIFFANI','TANA','PAULINA','LEOTA','BREANNA','JAYME','CARMEL','VERNELL','TOMASA','MANDI','DOMINGA','SANTA','MELODIE','LURA','ALEXA','TAMELA','RYAN','MIRNA','KERRIE','VENUS','NOEL','FELICITA','CRISTY','CARMELITA','BERNIECE','ANNEMARIE','TIARA','ROSEANNE','MISSY','CORI','ROXANA','PRICILLA','KRISTAL','JUNG','ELYSE','HAYDEE','ALETHA','BETTINA','MARGE','GILLIAN','FILOMENA','CHARLES','ZENAIDA','HARRIETTE','CARIDAD','VADA','UNA','ARETHA','PEARLINE','MARJORY','MARCELA','FLOR','EVETTE','ELOUISE','ALINA','TRINIDAD','DAVID','DAMARIS','CATHARINE','CARROLL','BELVA','NAKIA','MARLENA','LUANNE','LORINE','KARON','DORENE','DANITA','BRENNA','TATIANA','SAMMIE','LOUANN','LOREN','JULIANNA','ANDRIA','PHILOMENA','LUCILA','LEONORA','DOVIE','ROMONA','MIMI','JACQUELIN','GAYE','TONJA','MISTI','JOE','GENE','CHASTITY','STACIA','ROXANN','MICAELA','NIKITA','MEI','VELDA','MARLYS','JOHNNA','AURA','LAVERN','IVONNE','HAYLEY','NICKI','MAJORIE','HERLINDA','GEORGE','ALPHA','YADIRA','PERLA','GREGORIA','DANIEL','ANTONETTE','SHELLI','MOZELLE','MARIAH','JOELLE','CORDELIA','JOSETTE','CHIQUITA','TRISTA','LOUIS','LAQUITA','GEORGIANA','CANDI','SHANON','LONNIE','HILDEGARD','CECIL','VALENTINA','STEPHANY','MAGDA','KAROL','GERRY','GABRIELLA','TIANA','ROMA','RICHELLE','RAY','PRINCESS','OLETA','JACQUE','IDELLA','ALAINA','SUZANNA','JOVITA','BLAIR','TOSHA','RAVEN','NEREIDA','MARLYN','KYLA','JOSEPH','DELFINA','TENA','STEPHENIE','SABINA','NATHALIE','MARCELLE','GERTIE','DARLEEN','THEA','SHARONDA','SHANTEL','BELEN','VENESSA','ROSALINA','ONA','GENOVEVA','COREY','CLEMENTINE','ROSALBA','RENATE','RENATA','MI','IVORY','GEORGIANNA','FLOY','DORCAS','ARIANA','TYRA','THEDA','MARIAM','JULI','JESICA','DONNIE','VIKKI','VERLA','ROSELYN','MELVINA','JANNETTE','GINNY','DEBRAH','CORRIE','ASIA','VIOLETA','MYRTIS','LATRICIA','COLLETTE','CHARLEEN','ANISSA','VIVIANA','TWYLA','PRECIOUS','NEDRA','LATONIA','LAN','HELLEN','FABIOLA','ANNAMARIE','ADELL','SHARYN','CHANTAL','NIKI','MAUD','LIZETTE','LINDY','KIA','KESHA','JEANA','DANELLE','CHARLINE','CHANEL','CARROL','VALORIE','LIA','DORTHA','CRISTAL','SUNNY','LEONE','LEILANI','GERRI','DEBI','ANDRA','KESHIA','IMA','EULALIA','EASTER','DULCE','NATIVIDAD','LINNIE','KAMI','GEORGIE','CATINA','BROOK','ALDA','WINNIFRED','SHARLA','RUTHANN','MEAGHAN','MAGDALENE','LISSETTE','ADELAIDA','VENITA','TRENA','SHIRLENE','SHAMEKA','ELIZEBETH','DIAN','SHANTA','MICKEY','LATOSHA','CARLOTTA','WINDY','SOON','ROSINA','MARIANN','LEISA','JONNIE','DAWNA','CATHIE','BILLY','ASTRID','SIDNEY','LAUREEN','JANEEN','HOLLI','FAWN','VICKEY','TERESSA','SHANTE','RUBYE','MARCELINA','CHANDA','CARY','TERESE','SCARLETT','MARTY','MARNIE','LULU','LISETTE','JENIFFER','ELENOR','DORINDA','DONITA','CARMAN','BERNITA','ALTAGRACIA','ALETA','ADRIANNA','ZORAIDA','RONNIE','NICOLA','LYNDSEY','KENDALL','JANINA','CHRISSY','AMI','STARLA','PHYLIS','PHUONG','KYRA','CHARISSE','BLANCH','SANJUANITA','RONA','NANCI','MARILEE','MARANDA','CORY','BRIGETTE','SANJUANA','MARITA','KASSANDRA','JOYCELYN','IRA','FELIPA','CHELSIE','BONNY','MIREYA','LORENZA','KYONG','ILEANA','CANDELARIA','TONY','TOBY','SHERIE','OK','MARK','LUCIE','LEATRICE','LAKESHIA','GERDA','EDIE','BAMBI','MARYLIN','LAVON','HORTENSE','GARNET','EVIE','TRESSA','SHAYNA','LAVINA','KYUNG','JEANETTA','SHERRILL','SHARA','PHYLISS','MITTIE','ANABEL','ALESIA','THUY','TAWANDA','RICHARD','JOANIE','TIFFANIE','LASHANDA','KARISSA','ENRIQUETA','DARIA','DANIELLA','CORINNA','ALANNA','ABBEY','ROXANE','ROSEANNA','MAGNOLIA','LIDA','KYLE','JOELLEN','ERA','CORAL','CARLEEN','TRESA','PEGGIE','NOVELLA','NILA','MAYBELLE','JENELLE','CARINA','NOVA','MELINA','MARQUERITE','MARGARETTE','JOSEPHINA','EVONNE','DEVIN','CINTHIA','ALBINA','TOYA','TAWNYA','SHERITA','SANTOS','MYRIAM','LIZABETH','LISE','KEELY','JENNI','GISELLE','CHERYLE','ARDITH','ARDIS','ALESHA','ADRIANE','SHAINA','LINNEA','KAROLYN','HONG','FLORIDA','FELISHA','DORI','DARCI','ARTIE','ARMIDA','ZOLA','XIOMARA','VERGIE','SHAMIKA','NENA','NANNETTE','MAXIE','LOVIE','JEANE','JAIMIE','INGE','FARRAH','ELAINA','CAITLYN','STARR','FELICITAS','CHERLY','CARYL','YOLONDA','YASMIN','TEENA','PRUDENCE','PENNIE','NYDIA','MACKENZIE','ORPHA','MARVEL','LIZBETH','LAURETTE','JERRIE','HERMELINDA','CAROLEE','TIERRA','MIRIAN','META','MELONY','KORI','JENNETTE','JAMILA','ENA','ANH','YOSHIKO','SUSANNAH','SALINA','RHIANNON','JOLEEN','CRISTINE','ASHTON','ARACELY','TOMEKA','SHALONDA','MARTI','LACIE','KALA','JADA','ILSE','HAILEY','BRITTANI','ZONA','SYBLE','SHERRYL','RANDY','NIDIA','MARLO','KANDICE','KANDI','DEB','DEAN','AMERICA','ALYCIA','TOMMY','RONNA','NORENE','MERCY','JOSE','INGEBORG','GIOVANNA','GEMMA','CHRISTEL','AUDRY','ZORA','VITA','VAN','TRISH','STEPHAINE','SHIRLEE','SHANIKA','MELONIE','MAZIE','JAZMIN','INGA','HOA','HETTIE','GERALYN','FONDA','ESTRELLA','ADELLA','SU','SARITA','RINA','MILISSA','MARIBETH','GOLDA','EVON','ETHELYN','ENEDINA','CHERISE','CHANA','VELVA','TAWANNA','SADE','MIRTA','LI','KARIE','JACINTA','ELNA','DAVINA','CIERRA','ASHLIE','ALBERTHA','TANESHA','STEPHANI','NELLE','MINDI','LU','LORINDA','LARUE','FLORENE','DEMETRA','DEDRA','CIARA','CHANTELLE','ASHLY','SUZY','ROSALVA','NOELIA','LYDA','LEATHA','KRYSTYNA','KRISTAN','KARRI','DARLINE','DARCIE','CINDA','CHEYENNE','CHERRIE','AWILDA','ALMEDA','ROLANDA','LANETTE','JERILYN','GISELE','EVALYN','CYNDI','CLETA','CARIN','ZINA','ZENA','VELIA','TANIKA','PAUL','CHARISSA','THOMAS','TALIA','MARGARETE','LAVONDA','KAYLEE','KATHLENE','JONNA','IRENA','ILONA','IDALIA','CANDIS','CANDANCE','BRANDEE','ANITRA','ALIDA','SIGRID','NICOLETTE','MARYJO','LINETTE','HEDWIG','CHRISTIANA','CASSIDY','ALEXIA','TRESSIE','MODESTA','LUPITA','LITA','GLADIS','EVELIA','DAVIDA','CHERRI','CECILY','ASHELY','ANNABEL','AGUSTINA','WANITA','SHIRLY','ROSAURA','HULDA','EUN','BAILEY','YETTA','VERONA','THOMASINA','SIBYL','SHANNAN','MECHELLE','LUE','LEANDRA','LANI','KYLEE','KANDY','JOLYNN','FERNE','EBONI','CORENE','ALYSIA','ZULA','NADA','MOIRA','LYNDSAY','LORRETTA','JUAN','JAMMIE','HORTENSIA','GAYNELL','CAMERON','ADRIA','VINA','VICENTA','TANGELA','STEPHINE','NORINE','NELLA','LIANA','LESLEE','KIMBERELY','ILIANA','GLORY','FELICA','EMOGENE','ELFRIEDE','EDEN','EARTHA','CARMA','BEA','OCIE','MARRY','LENNIE','KIARA','JACALYN','CARLOTA','ARIELLE','YU','STAR','OTILIA','KIRSTIN','KACEY','JOHNETTA','JOEY','JOETTA','JERALDINE','JAUNITA','ELANA','DORTHEA','CAMI','AMADA','ADELIA','VERNITA','TAMAR','SIOBHAN','RENEA','RASHIDA','OUIDA','ODELL','NILSA','MERYL','KRISTYN','JULIETA','DANICA','BREANNE','AUREA','ANGLEA','SHERRON','ODETTE','MALIA','LORELEI','LIN','LEESA','KENNA','KATHLYN','FIONA','CHARLETTE','SUZIE','SHANTELL','SABRA','RACQUEL','MYONG','MIRA','MARTINE','LUCIENNE','LAVADA','JULIANN','JOHNIE','ELVERA','DELPHIA','CLAIR','CHRISTIANE','CHAROLETTE','CARRI','AUGUSTINE','ASHA','ANGELLA','PAOLA','NINFA','LEDA','LAI','EDA','SUNSHINE','STEFANI','SHANELL','PALMA','MACHELLE','LISSA','KECIA','KATHRYNE','KARLENE','JULISSA','JETTIE','JENNIFFER','HUI','CORRINA','CHRISTOPHER','CAROLANN','ALENA','TESS','ROSARIA','MYRTICE','MARYLEE','LIANE','KENYATTA','JUDIE','JANEY','IN','ELMIRA','ELDORA','DENNA','CRISTI','CATHI','ZAIDA','VONNIE','VIVA','VERNIE','ROSALINE','MARIELA','LUCIANA','LESLI','KARAN','FELICE','DENEEN','ADINA','WYNONA','TARSHA','SHERON','SHASTA','SHANITA','SHANI','SHANDRA','RANDA','PINKIE','PARIS','NELIDA','MARILOU','LYLA','LAURENE','LACI','JOI','JANENE','DOROTHA','DANIELE','DANI','CAROLYNN','CARLYN','BERENICE','AYESHA','ANNELIESE','ALETHEA','THERSA','TAMIKO','RUFINA','OLIVA','MOZELL','MARYLYN','MADISON','KRISTIAN','KATHYRN','KASANDRA','KANDACE','JANAE','GABRIEL','DOMENICA','DEBBRA','DANNIELLE','CHUN','BUFFY','BARBIE','ARCELIA','AJA','ZENOBIA','SHAREN','SHAREE','PATRICK','PAGE','MY','LAVINIA','KUM','KACIE','JACKELINE','HUONG','FELISA','EMELIA','ELEANORA','CYTHIA','CRISTIN','CLYDE','CLARIBEL','CARON','ANASTACIA','ZULMA','ZANDRA','YOKO','TENISHA','SUSANN','SHERILYN','SHAY','SHAWANDA','SABINE','ROMANA','MATHILDA','LINSEY','KEIKO','JOANA','ISELA','GRETTA','GEORGETTA','EUGENIE','DUSTY','DESIRAE','DELORA','CORAZON','ANTONINA','ANIKA','WILLENE','TRACEE','TAMATHA','REGAN','NICHELLE','MICKIE','MAEGAN','LUANA','LANITA','KELSIE','EDELMIRA','BREE','AFTON','TEODORA','TAMIE','SHENA','MEG','LINH','KELI','KACI','DANYELLE','BRITT','ARLETTE','ALBERTINE','ADELLE','TIFFINY','STORMY','SIMONA','NUMBERS','NICOLASA','NICHOL','NIA','NAKISHA','MEE','MAIRA','LOREEN','KIZZY','JOHNNY','JAY','FALLON','CHRISTENE','BOBBYE','ANTHONY','YING','VINCENZA','TANJA','RUBIE','RONI','QUEENIE','MARGARETT','KIMBERLI','IRMGARD','IDELL','HILMA','EVELINA','ESTA','EMILEE','DENNISE','DANIA','CARL','CARIE','ANTONIO','WAI','SANG','RISA','RIKKI','PARTICIA','MUI','MASAKO','MARIO','LUVENIA','LOREE','LONI','LIEN','KEVIN','GIGI','FLORENCIA','DORIAN','DENITA','DALLAS','CHI','BILLYE','ALEXANDER','TOMIKA','SHARITA','RANA','NIKOLE','NEOMA','MARGARITE','MADALYN','LUCINA','LAILA','KALI','JENETTE','GABRIELE','EVELYNE','ELENORA','CLEMENTINA','ALEJANDRINA','ZULEMA','VIOLETTE','VANNESSA','THRESA','RETTA','PIA','PATIENCE','NOELLA','NICKIE','JONELL','DELTA','CHUNG','CHAYA','CAMELIA','BETHEL','ANYA','ANDREW','THANH','SUZANN','SPRING','SHU','MILA','LILLA','LAVERNA','KEESHA','KATTIE','GIA','GEORGENE','EVELINE','ESTELL','ELIZBETH','VIVIENNE','VALLIE','TRUDIE','STEPHANE','MICHEL','MAGALY','MADIE','KENYETTA','KARREN','JANETTA','HERMINE','HARMONY','DRUCILLA','DEBBI','CELESTINA','CANDIE','BRITNI','BECKIE','AMINA','ZITA','YUN','YOLANDE','VIVIEN','VERNETTA','TRUDI','SOMMER','PEARLE','PATRINA','OSSIE','NICOLLE','LOYCE','LETTY','LARISA','KATHARINA','JOSELYN','JONELLE','JENELL','IESHA','HEIDE','FLORINDA','FLORENTINA','FLO','ELODIA','DORINE','BRUNILDA','BRIGID','ASHLI','ARDELLA','TWANA','THU','TARAH','SUNG','SHEA','SHAVON','SHANE','SERINA','RAYNA','RAMONITA','NGA','MARGURITE','LUCRECIA','KOURTNEY','KATI','JESUS','JESENIA','DIAMOND','CRISTA','AYANA','ALICA','ALIA','VINNIE','SUELLEN','ROMELIA','RACHELL','PIPER','OLYMPIA','MICHIKO','KATHALEEN','JOLIE','JESSI','JANESSA','HANA','HA','ELEASE','CARLETTA','BRITANY','SHONA','SALOME','ROSAMOND','REGENA','RAINA','NGOC','NELIA','LOUVENIA','LESIA','LATRINA','LATICIA','LARHONDA','JINA','JACKI','HOLLIS','HOLLEY','EMMY','DEEANN','CORETTA','ARNETTA','VELVET','THALIA','SHANICE','NETA','MIKKI','MICKI','LONNA','LEANA','LASHUNDA','KILEY','JOYE','JACQULYN','IGNACIA','HYUN','HIROKO','HENRY','HENRIETTE','ELAYNE','DELINDA','DARNELL','DAHLIA','COREEN','CONSUELA','CONCHITA','CELINE','BABETTE','AYANNA','ANETTE','ALBERTINA','SKYE','SHAWNEE','SHANEKA','QUIANA','PAMELIA','MIN','MERRI','MERLENE','MARGIT','KIESHA','KIERA','KAYLENE','JODEE','JENISE','ERLENE','EMMIE','ELSE','DARYL','DALILA','DAISEY','CODY','CASIE','BELIA','BABARA','VERSIE','VANESA','SHELBA','SHAWNDA','SAM','NORMAN','NIKIA','NAOMA','MARNA','MARGERET','MADALINE','LAWANA','KINDRA','JUTTA','JAZMINE','JANETT','HANNELORE','GLENDORA','GERTRUD','GARNETT','FREEDA','FREDERICA','FLORANCE','FLAVIA','DENNIS','CARLINE','BEVERLEE','ANJANETTE','VALDA','TRINITY','TAMALA','STEVIE','SHONNA','SHA','SARINA','ONEIDA','MICAH','MERILYN','MARLEEN','LURLINE','LENNA','KATHERIN','JIN','JENI','HAE','GRACIA','GLADY','FARAH','ERIC','ENOLA','EMA','DOMINQUE','DEVONA','DELANA','CECILA','CAPRICE','ALYSHA','ALI','ALETHIA','VENA','THERESIA','TAWNY','SONG','SHAKIRA','SAMARA','SACHIKO','RACHELE','PAMELLA','NICKY','MARNI','MARIEL','MAREN','MALISA','LIGIA','LERA','LATORIA','LARAE','KIMBER','KATHERN','KAREY','JENNEFER','JANETH','HALINA','FREDIA','DELISA','DEBROAH','CIERA','CHIN','ANGELIKA','ANDREE','ALTHA','YEN','VIVAN','TERRESA','TANNA','SUK','SUDIE','SOO','SIGNE','SALENA','RONNI','REBBECCA','MYRTIE','MCKENZIE','MALIKA','MAIDA','LOAN','LEONARDA','KAYLEIGH','FRANCE','ETHYL','ELLYN','DAYLE','CAMMIE','BRITTNI','BIRGIT','AVELINA','ASUNCION','ARIANNA','AKIKO','VENICE','TYESHA','TONIE','TIESHA','TAKISHA','STEFFANIE','SINDY','SANTANA','MEGHANN','MANDA','MACIE','LADY','KELLYE','KELLEE','JOSLYN','JASON','INGER','INDIRA','GLINDA','GLENNIS','FERNANDA','FAUSTINA','ENEIDA','ELICIA','DOT','DIGNA','DELL','ARLETTA','ANDRE','WILLIA','TAMMARA','TABETHA','SHERRELL','SARI','REFUGIO','REBBECA','PAULETTA','NIEVES','NATOSHA','NAKITA','MAMMIE','KENISHA','KAZUKO','KASSIE','GARY','EARLEAN','DAPHINE','CORLISS','CLOTILDE','CAROLYNE','BERNETTA','AUGUSTINA','AUDREA','ANNIS','ANNABELL','YAN','TENNILLE','TAMICA','SELENE','SEAN','ROSANA','REGENIA','QIANA','MARKITA','MACY','LEEANNE','LAURINE','KYM','JESSENIA','JANITA','GEORGINE','GENIE','EMIKO','ELVIE','DEANDRA','DAGMAR','CORIE','COLLEN','CHERISH','ROMAINE','PORSHA','PEARLENE','MICHELINE','MERNA','MARGORIE','MARGARETTA','LORE','KENNETH','JENINE','HERMINA','FREDERICKA','ELKE','DRUSILLA','DORATHY','DIONE','DESIRE','CELENA','BRIGIDA','ANGELES','ALLEGRA','THEO','TAMEKIA','SYNTHIA','STEPHEN','SOOK','SLYVIA','ROSANN','REATHA','RAYE','MARQUETTA','MARGART','LING','LAYLA','KYMBERLY','KIANA','KAYLEEN','KATLYN','KARMEN','JOELLA','IRINA','EMELDA','ELENI','DETRA','CLEMMIE','CHERYLL','CHANTELL','CATHEY','ARNITA','ARLA','ANGLE','ANGELIC','ALYSE','ZOFIA','THOMASINE','TENNIE','SON','SHERLY','SHERLEY','SHARYL','REMEDIOS','PETRINA','NICKOLE','MYUNG','MYRLE','MOZELLA','LOUANNE','LISHA','LATIA','LANE','KRYSTA','JULIENNE','JOEL','JEANENE','JACQUALINE','ISAURA','GWENDA','EARLEEN','DONALD','CLEOPATRA','CARLIE','AUDIE','ANTONIETTA','ALISE','ALEX','VERDELL','VAL','TYLER','TOMOKO','THAO','TALISHA','STEVEN','SO','SHEMIKA','SHAUN','SCARLET','SAVANNA','SANTINA','ROSIA','RAEANN','ODILIA','NANA','MINNA','MAGAN','LYNELLE','LE','KARMA','JOEANN','IVANA','INELL','ILANA','HYE','HONEY','HEE','GUDRUN','FRANK','DREAMA','CRISSY','CHANTE','CARMELINA','ARVILLA','ARTHUR','ANNAMAE','ALVERA','ALEIDA','AARON','YEE','YANIRA','VANDA','TIANNA','TAM','STEFANIA','SHIRA','PERRY','NICOL','NANCIE','MONSERRATE','MINH','MELYNDA','MELANY','MATTHEW','LOVELLA','LAURE','KIRBY','KACY','JACQUELYNN','HYON','GERTHA','FRANCISCO','ELIANA','CHRISTENA','CHRISTEEN','CHARISE','CATERINA','CARLEY','CANDYCE','ARLENA','AMMIE','YANG','WILLETTE','VANITA','TUYET','TINY','SYREETA','SILVA','SCOTT','RONALD','PENNEY','NYLA','MICHAL','MAURICE','MARYAM','MARYA','MAGEN','LUDIE','LOMA','LIVIA','LANELL','KIMBERLIE','JULEE','DONETTA','DIEDRA','DENISHA','DEANE','DAWNE','CLARINE','CHERRYL','BRONWYN','BRANDON','ALLA','VALERY','TONDA','SUEANN','SORAYA','SHOSHANA','SHELA','SHARLEEN','SHANELLE','NERISSA','MICHEAL','MERIDITH','MELLIE','MAYE','MAPLE','MAGARET','LUIS','LILI','LEONILA','LEONIE','LEEANNA','LAVONIA','LAVERA','KRISTEL','KATHEY','KATHE','JUSTIN','JULIAN','JIMMY','JANN','ILDA','HILDRED','HILDEGARDE','GENIA','FUMIKO','EVELIN','ERMELINDA','ELLY','DUNG','DOLORIS','DIONNA','DANAE','BERNEICE','ANNICE','ALIX','VERENA','VERDIE','TRISTAN','SHAWNNA','SHAWANA','SHAUNNA','ROZELLA','RANDEE','RANAE','MILAGRO','LYNELL','LUISE','LOUIE','LOIDA','LISBETH','KARLEEN','JUNITA','JONA','ISIS','HYACINTH','HEDY','GWENN','ETHELENE','ERLINE','EDWARD','DONYA','DOMONIQUE','DELICIA','DANNETTE','CICELY','BRANDA','BLYTHE','BETHANN','ASHLYN','ANNALEE','ALLINE','YUKO','VELLA','TRANG','TOWANDA','TESHA','SHERLYN','NARCISA','MIGUELINA','MERI','MAYBELL','MARLANA','MARGUERITA','MADLYN','LUNA','LORY','LORIANN','LIBERTY','LEONORE','LEIGHANN','LAURICE','LATESHA','LARONDA','KATRICE','KASIE','KARL','KALEY','JADWIGA','GLENNIE','GEARLDINE','FRANCINA','EPIFANIA','DYAN','DORIE','DIEDRE','DENESE','DEMETRICE','DELENA','DARBY','CRISTIE','CLEORA','CATARINA','CARISA','BERNIE','BARBERA','ALMETA','TRULA','TEREASA','SOLANGE','SHEILAH','SHAVONNE','SANORA','ROCHELL','MATHILDE','MARGARETA','MAIA','LYNSEY','LAWANNA','LAUNA','KENA','KEENA','KATIA','JAMEY','GLYNDA','GAYLENE','ELVINA','ELANOR','DANUTA','DANIKA','CRISTEN','CORDIE','COLETTA','CLARITA','CARMON','BRYNN','AZUCENA','AUNDREA','ANGELE','YI','WALTER','VERLIE','VERLENE','TAMESHA','SILVANA','SEBRINA','SAMIRA','REDA','RAYLENE','PENNI','PANDORA','NORAH','NOMA','MIREILLE','MELISSIA','MARYALICE','LARAINE','KIMBERY','KARYL','KARINE','KAM','JOLANDA','JOHANA','JESUSA','JALEESA','JAE','JACQUELYNE','IRISH','ILUMINADA','HILARIA','HANH','GENNIE','FRANCIE','FLORETTA','EXIE','EDDA','DREMA','DELPHA','BEV','BARBAR','ASSUNTA','ARDELL','ANNALISA','ALISIA','YUKIKO','YOLANDO','WONDA','WEI','WALTRAUD','VETA','TEQUILA','TEMEKA','TAMEIKA','SHIRLEEN','SHENITA','PIEDAD','OZELLA','MIRTHA','MARILU','KIMIKO','JULIANE','JENICE','JEN','JANAY','JACQUILINE','HILDE','FE','FAE','EVAN','EUGENE','ELOIS','ECHO','DEVORAH','CHAU','BRINDA','BETSEY','ARMINDA','ARACELIS','APRYL','ANNETT','ALISHIA','VEOLA','USHA','TOSHIKO','THEOLA','TASHIA','TALITHA','SHERY','RUDY','RENETTA','REIKO','RASHEEDA','OMEGA','OBDULIA','MIKA','MELAINE','MEGGAN','MARTIN','MARLEN','MARGET','MARCELINE','MANA','MAGDALEN','LIBRADA','LEZLIE','LEXIE','LATASHIA','LASANDRA','KELLE','ISIDRA','ISA','INOCENCIA','GWYN','FRANCOISE','ERMINIA','ERINN','DIMPLE','DEVORA','CRISELDA','ARMANDA','ARIE','ARIANE','ANGELO','ANGELENA','ALLEN','ALIZA','ADRIENE','ADALINE','XOCHITL','TWANNA','TRAN','TOMIKO','TAMISHA','TAISHA','SUSY','SIU','RUTHA','ROXY','RHONA','RAYMOND','OTHA','NORIKO','NATASHIA','MERRIE','MELVIN','MARINDA','MARIKO','MARGERT','LORIS','LIZZETTE','LEISHA','KAILA','KA','JOANNIE','JERRICA','JENE','JANNET','JANEE','JACINDA','HERTA','ELENORE','DORETTA','DELAINE','DANIELL','CLAUDIE','CHINA','BRITTA','APOLONIA','AMBERLY','ALEASE','YURI','YUK','WEN','WANETA','UTE','TOMI','SHARRI','SANDIE','ROSELLE','REYNALDA','RAGUEL','PHYLICIA','PATRIA','OLIMPIA','ODELIA','MITZIE','MITCHELL','MISS','MINDA','MIGNON','MICA','MENDY','MARIVEL','MAILE','LYNETTA','LAVETTE','LAURYN','LATRISHA','LAKIESHA','KIERSTEN','KARY','JOSPHINE','JOLYN','JETTA','JANISE','JACQUIE','IVELISSE','GLYNIS','GIANNA','GAYNELLE','EMERALD','DEMETRIUS','DANYELL','DANILLE','DACIA','CORALEE','CHER','CEOLA','BRETT','BELL','ARIANNE','ALESHIA','YUNG','WILLIEMAE','TROY','TRINH','THORA','TAI','SVETLANA','SHERIKA','SHEMEKA','SHAUNDA','ROSELINE','RICKI','MELDA','MALLIE','LAVONNA','LATINA','LARRY','LAQUANDA','LALA','LACHELLE','KLARA','KANDIS','JOHNA','JEANMARIE','JAYE','HANG','GRAYCE','GERTUDE','EMERITA','EBONIE','CLORINDA','CHING','CHERY','CAROLA','BREANN','BLOSSOM','BERNARDINE','BECKI','ARLETHA','ARGELIA','ARA','ALITA','YULANDA','YON','YESSENIA','TOBI','TASIA','SYLVIE','SHIRL','SHIRELY','SHERIDAN','SHELLA','SHANTELLE','SACHA','ROYCE','REBECKA','REAGAN','PROVIDENCIA','PAULENE','MISHA','MIKI','MARLINE','MARICA','LORITA','LATOYIA','LASONYA','KERSTIN','KENDA','KEITHA','KATHRIN','JAYMIE','JACK','GRICELDA','GINETTE','ERYN','ELINA','ELFRIEDA','DANYEL','CHEREE','CHANELLE','BARRIE','AVERY','AURORE','ANNAMARIA','ALLEEN','AILENE','AIDE','YASMINE','VASHTI','VALENTINE','TREASA','TORY','TIFFANEY','SHERYLL','SHARIE','SHANAE','SAU','RAISA','PA','NEDA','MITSUKO','MIRELLA','MILDA','MARYANNA','MARAGRET','MABELLE','LUETTA','LORINA','LETISHA','LATARSHA','LANELLE','LAJUANA','KRISSY','KARLY','KARENA','JON','JESSIKA','JERICA','JEANELLE','JANUARY','JALISA','JACELYN','IZOLA','IVEY','GREGORY','EUNA','ETHA','DREW','DOMITILA','DOMINICA','DAINA','CREOLA','CARLI','CAMIE','BUNNY','BRITTNY','ASHANTI','ANISHA','ALEEN','ADAH','YASUKO','WINTER','VIKI','VALRIE','TONA','TINISHA','THI','TERISA','TATUM','TANEKA','SIMONNE','SHALANDA','SERITA','RESSIE','REFUGIA','PAZ','OLENE','NA','MERRILL','MARGHERITA','MANDIE','MAN','MAIRE','LYNDIA','LUCI','LORRIANE','LORETA','LEONIA','LAVONA','LASHAWNDA','LAKIA','KYOKO','KRYSTINA','KRYSTEN','KENIA','KELSI','JUDE','JEANICE','ISOBEL','GEORGIANN','GENNY','FELICIDAD','EILENE','DEON','DELOISE','DEEDEE','DANNIE','CONCEPTION','CLORA','CHERILYN','CHANG','CALANDRA','BERRY','ARMANDINA','ANISA','ULA','TIMOTHY','TIERA','THERESSA','STEPHANIA','SIMA','SHYLA','SHONTA','SHERA','SHAQUITA','SHALA','SAMMY','ROSSANA','NOHEMI','NERY','MORIAH','MELITA','MELIDA','MELANI','MARYLYNN','MARISHA','MARIETTE','MALORIE','MADELENE','LUDIVINA','LORIA','LORETTE','LORALEE','LIANNE','LEON','LAVENIA','LAURINDA','LASHON','KIT','KIMI','KEILA','KATELYNN','KAI','JONE','JOANE','JI','JAYNA','JANELLA','JA','HUE','HERTHA','FRANCENE','ELINORE','DESPINA','DELSIE','DEEDRA','CLEMENCIA','CARRY','CAROLIN','CARLOS','BULAH','BRITTANIE','BOK','BLONDELL','BIBI','BEAULAH','BEATA','ANNITA','AGRIPINA','VIRGEN','VALENE','UN','TWANDA','TOMMYE','TOI','TARRA','TARI','TAMMERA','SHAKIA','SADYE','RUTHANNE','ROCHEL','RIVKA','PURA','NENITA','NATISHA','MING','MERRILEE','MELODEE','MARVIS','LUCILLA','LEENA','LAVETA','LARITA','LANIE','KEREN','ILEEN','GEORGEANN','GENNA','GENESIS','FRIDA','EWA','EUFEMIA','EMELY','ELA','EDYTH','DEONNA','DEADRA','DARLENA','CHANELL','CHAN','CATHERN','CASSONDRA','CASSAUNDRA','BERNARDA','BERNA','ARLINDA','ANAMARIA','ALBERT','WESLEY','VERTIE','VALERI','TORRI','TATYANA','STASIA','SHERISE','SHERILL','SEASON','SCOTTIE','SANDA','RUTHE','ROSY','ROBERTO','ROBBI','RANEE','QUYEN','PEARLY','PALMIRA','ONITA','NISHA','NIESHA','NIDA','NEVADA','NAM','MERLYN','MAYOLA','MARYLOUISE','MARYLAND','MARX','MARTH','MARGENE','MADELAINE','LONDA','LEONTINE','LEOMA','LEIA','LAWRENCE','LAURALEE','LANORA','LAKITA','KIYOKO','KETURAH','KATELIN','KAREEN','JONIE','JOHNETTE','JENEE','JEANETT','IZETTA','HIEDI','HEIKE','HASSIE','HAROLD','GIUSEPPINA','GEORGANN','FIDELA','FERNANDE','ELWANDA','ELLAMAE','ELIZ','DUSTI','DOTTY','CYNDY','CORALIE','CELESTA','ARGENTINA','ALVERTA','XENIA','WAVA','VANETTA','TORRIE','TASHINA','TANDY','TAMBRA','TAMA','STEPANIE','SHILA','SHAUNTA','SHARAN','SHANIQUA','SHAE','SETSUKO','SERAFINA','SANDEE','ROSAMARIA','PRISCILA','OLINDA','NADENE','MUOI','MICHELINA','MERCEDEZ','MARYROSE','MARIN','MARCENE','MAO','MAGALI','MAFALDA','LOGAN','LINN','LANNIE','KAYCE','KAROLINE','KAMILAH','KAMALA','JUSTA','JOLINE','JENNINE','JACQUETTA','IRAIDA','GERALD','GEORGEANNA','FRANCHESCA','FAIRY','EMELINE','ELANE','EHTEL','EARLIE','DULCIE','DALENE','CRIS','CLASSIE','CHERE','CHARIS','CAROYLN','CARMINA','CARITA','BRIAN','BETHANIE','AYAKO','ARICA','AN','ALYSA','ALESSANDRA','AKILAH','ADRIEN','ZETTA','YOULANDA','YELENA','YAHAIRA','XUAN','WENDOLYN','VICTOR','TIJUANA','TERRELL','TERINA','TERESIA','SUZI','SUNDAY','SHERELL','SHAVONDA','SHAUNTE','SHARDA','SHAKITA','SENA','RYANN','RUBI','RIVA','REGINIA','REA','RACHAL','PARTHENIA','PAMULA','MONNIE','MONET','MICHAELE','MELIA','MARINE','MALKA','MAISHA','LISANDRA','LEO','LEKISHA','LEAN','LAURENCE','LAKENDRA','KRYSTIN','KORTNEY','KIZZIE','KITTIE','KERA','KENDAL','KEMBERLY','KANISHA','JULENE','JULE','JOSHUA','JOHANNE','JEFFREY','JAMEE','HAN','HALLEY','GIDGET','GALINA','FREDRICKA','FLETA','FATIMAH','EUSEBIA','ELZA','ELEONORE','DORTHEY','DORIA','DONELLA','DINORAH','DELORSE','CLARETHA','CHRISTINIA','CHARLYN','BONG','BELKIS','AZZIE','ANDERA','AIKO','ADENA','YER','YAJAIRA','WAN','VANIA','ULRIKE','TOSHIA','TIFANY','STEFANY','SHIZUE','SHENIKA','SHAWANNA','SHAROLYN','SHARILYN','SHAQUANA','SHANTAY','SEE','ROZANNE','ROSELEE','RICKIE','REMONA','REANNA','RAELENE','QUINN','PHUNG','PETRONILA','NATACHA','NANCEY','MYRL','MIYOKO','MIESHA','MERIDETH','MARVELLA','MARQUITTA','MARHTA','MARCHELLE','LIZETH','LIBBIE','LAHOMA','LADAWN','KINA','KATHELEEN','KATHARYN','KARISA','KALEIGH','JUNIE','JULIEANN','JOHNSIE','JANEAN','JAIMEE','JACKQUELINE','HISAKO','HERMA','HELAINE','GWYNETH','GLENN','GITA','EUSTOLIA','EMELINA','ELIN','EDRIS','DONNETTE','DONNETTA','DIERDRE','DENAE','DARCEL','CLAUDE','CLARISA','CINDERELLA','CHIA','CHARLESETTA','CHARITA','CELSA','CASSY','CASSI','CARLEE','BRUNA','BRITTANEY','BRANDE','BILLI','BAO','ANTONETTA','ANGLA','ANGELYN','ANALISA','ALANE','WENONA','WENDIE','VERONIQUE','VANNESA','TOBIE','TEMPIE','SUMIKO','SULEMA','SPARKLE','SOMER','SHEBA','SHAYNE','SHARICE','SHANEL','SHALON','SAGE','ROY','ROSIO','ROSELIA','RENAY','REMA','REENA','PORSCHE','PING','PEG','OZIE','ORETHA','ORALEE','ODA','NU','NGAN','NAKESHA','MILLY','MARYBELLE','MARLIN','MARIS','MARGRETT','MARAGARET','MANIE','LURLENE','LILLIA','LIESELOTTE','LAVELLE','LASHAUNDA','LAKEESHA','KEITH','KAYCEE','KALYN','JOYA','JOETTE','JENAE','JANIECE','ILLA','GRISEL','GLAYDS','GENEVIE','GALA','FREDDA','FRED','ELMER','ELEONOR','DEBERA','DEANDREA','DAN','CORRINNE','CORDIA','CONTESSA','COLENE','CLEOTILDE','CHARLOTT','CHANTAY','CECILLE','BEATRIS','AZALEE','ARLEAN','ARDATH','ANJELICA','ANJA','ALFREDIA','ALEISHA','ADAM','ZADA','YUONNE','XIAO','WILLODEAN','WHITLEY','VENNIE','VANNA','TYISHA','TOVA','TORIE','TONISHA','TILDA','TIEN','TEMPLE','SIRENA','SHERRIL','SHANTI','SHAN','SENAIDA','SAMELLA','ROBBYN','RENDA','REITA','PHEBE','PAULITA','NOBUKO','NGUYET','NEOMI','MOON','MIKAELA','MELANIA','MAXIMINA','MARG','MAISIE','LYNNA','LILLI','LAYNE','LASHAUN','LAKENYA','LAEL','KIRSTIE','KATHLINE','KASHA','KARLYN','KARIMA','JOVAN','JOSEFINE','JENNELL','JACQUI','JACKELYN','HYO','HIEN','GRAZYNA','FLORRIE','FLORIA','ELEONORA','DWANA','DORLA','DONG','DELMY','DEJA','DEDE','DANN','CRYSTA','CLELIA','CLARIS','CLARENCE','CHIEKO','CHERLYN','CHERELLE','CHARMAIN','CHARA','CAMMY','BEE','ARNETTE','ARDELLE','ANNIKA','AMIEE','AMEE','ALLENA','YVONE','YUKI','YOSHIE','YEVETTE','YAEL','WILLETTA','VONCILE','VENETTA','TULA','TONETTE','TIMIKA','TEMIKA','TELMA','TEISHA','TAREN','TA','STACEE','SHIN','SHAWNTA','SATURNINA','RICARDA','POK','PASTY','ONIE','NUBIA','MORA','MIKE','MARIELLE','MARIELLA','MARIANELA','MARDELL','MANY','LUANNA','LOISE','LISABETH','LINDSY','LILLIANA','LILLIAM','LELAH','LEIGHA','LEANORA','LANG','KRISTEEN','KHALILAH','KEELEY','KANDRA','JUNKO','JOAQUINA','JERLENE','JANI','JAMIKA','JAME','HSIU','HERMILA','GOLDEN','GENEVIVE','EVIA','EUGENA','EMMALINE','ELFREDA','ELENE','DONETTE','DELCIE','DEEANNA','DARCEY','CUC','CLARINDA','CIRA','CHAE','CELINDA','CATHERYN','CATHERIN','CASIMIRA','CARMELIA','CAMELLIA','BREANA','BOBETTE','BERNARDINA','BEBE','BASILIA','ARLYNE','AMAL','ALAYNA','ZONIA','ZENIA','YURIKO','YAEKO','WYNELL','WILLOW','WILLENA','VERNIA','TU','TRAVIS','TORA','TERRILYN','TERICA','TENESHA','TAWNA','TAJUANA','TAINA','STEPHNIE','SONA','SOL','SINA','SHONDRA','SHIZUKO','SHERLENE','SHERICE','SHARIKA','ROSSIE','ROSENA','RORY','RIMA','RIA','RHEBA','RENNA','PETER','NATALYA','NANCEE','MELODI','MEDA','MAXIMA','MATHA','MARKETTA','MARICRUZ','MARCELENE','MALVINA','LUBA','LOUETTA','LEIDA','LECIA','LAURAN','LASHAWNA','LAINE','KHADIJAH','KATERINE','KASI','KALLIE','JULIETTA','JESUSITA','JESTINE','JESSIA','JEREMY','JEFFIE','JANYCE','ISADORA','GEORGIANNE','FIDELIA','EVITA','EURA','EULAH','ESTEFANA','ELSY','ELIZABET','ELADIA','DODIE','DION','DIA','DENISSE','DELORAS','DELILA','DAYSI','DAKOTA','CURTIS','CRYSTLE','CONCHA','COLBY','CLARETTA','CHU','CHRISTIA','CHARLSIE','CHARLENA','CARYLON','BETTYANN','ASLEY','ASHLEA','AMIRA','AI','AGUEDA','AGNUS','YUETTE','VINITA','VICTORINA','TYNISHA','TREENA','TOCCARA','TISH','THOMASENA','TEGAN','SOILA','SHILOH','SHENNA','SHARMAINE','SHANTAE','SHANDI','SEPTEMBER','SARAN','SARAI','SANA','SAMUEL','SALLEY','ROSETTE','ROLANDE','REGINE','OTELIA','OSCAR','OLEVIA','NICHOLLE','NECOLE','NAIDA','MYRTA','MYESHA','MITSUE','MINTA','MERTIE','MARGY','MAHALIA','MADALENE','LOVE','LOURA','LOREAN','LEWIS','LESHA','LEONIDA','LENITA','LAVONE','LASHELL','LASHANDRA','LAMONICA','KIMBRA','KATHERINA','KARRY','KANESHA','JULIO','JONG','JENEVA','JAQUELYN','HWA','GILMA','GHISLAINE','GERTRUDIS','FRANSISCA','FERMINA','ETTIE','ETSUKO','ELLIS','ELLAN','ELIDIA','EDRA','DORETHEA','DOREATHA','DENYSE','DENNY','DEETTA','DAINE','CYRSTAL','CORRIN','CAYLA','CARLITA','CAMILA','BURMA','BULA','BUENA','BLAKE','BARABARA','AVRIL','AUSTIN','ALAINE','ZANA','WILHEMINA','WANETTA','VIRGIL','VI','VERONIKA','VERNON','VERLINE','VASILIKI','TONITA','TISA','TEOFILA','TAYNA','TAUNYA','TANDRA','TAKAKO','SUNNI','SUANNE','SIXTA','SHARELL','SEEMA','RUSSELL','ROSENDA','ROBENA','RAYMONDE','PEI','PAMILA','OZELL','NEIDA','NEELY','MISTIE','MICHA','MERISSA','MAURITA','MARYLN','MARYETTA','MARSHALL','MARCELL','MALENA','MAKEDA','MADDIE','LOVETTA','LOURIE','LORRINE','LORILEE','LESTER','LAURENA','LASHAY','LARRAINE','LAREE','LACRESHA','KRISTLE','KRISHNA','KEVA','KEIRA','KAROLE','JOIE','JINNY','JEANNETTA','JAMA','HEIDY','GILBERTE','GEMA','FAVIOLA','EVELYNN','ENDA','ELLI','ELLENA','DIVINA','DAGNY','COLLENE','CODI','CINDIE','CHASSIDY','CHASIDY','CATRICE','CATHERINA','CASSEY','CAROLL','CARLENA','CANDRA','CALISTA','BRYANNA','BRITTENY','BEULA','BARI','AUDRIE','AUDRIA','ARDELIA','ANNELLE','ANGILA','ALONA','ALLYN','DOUGLAS','ROGER','JONATHAN','RALPH','NICHOLAS','BENJAMIN','BRUCE','HARRY','WAYNE','STEVE','HOWARD','ERNEST','PHILLIP','TODD','CRAIG','ALAN','PHILIP','EARL','DANNY','BRYAN','STANLEY','LEONARD','NATHAN','MANUEL','RODNEY','MARVIN','VINCENT','JEFFERY','JEFF','CHAD','JACOB','ALFRED','BRADLEY','HERBERT','FREDERICK','EDWIN','DON','RICKY','RANDALL','BARRY','BERNARD','LEROY','MARCUS','THEODORE','CLIFFORD','MIGUEL','JIM','TOM','CALVIN','BILL','LLOYD','DEREK','WARREN','DARRELL','JEROME','FLOYD','ALVIN','TIM','GORDON','GREG','JORGE','DUSTIN','PEDRO','DERRICK','ZACHARY','HERMAN','GLEN','HECTOR','RICARDO','RICK','BRENT','RAMON','GILBERT','MARC','REGINALD','RUBEN','NATHANIEL','RAFAEL','EDGAR','MILTON','RAUL','BEN','CHESTER','DUANE','FRANKLIN','BRAD','RON','ROLAND','ARNOLD','HARVEY','JARED','ERIK','DARRYL','NEIL','JAVIER','FERNANDO','CLINTON','TED','MATHEW','TYRONE','DARREN','LANCE','KURT','ALLAN','NELSON','GUY','CLAYTON','HUGH','MAX','DWAYNE','DWIGHT','ARMANDO','FELIX','EVERETT','IAN','WALLACE','KEN','BOB','ALFREDO','ALBERTO','DAVE','IVAN','BYRON','ISAAC','MORRIS','CLIFTON','WILLARD','ROSS','ANDY','SALVADOR','KIRK','SERGIO','SETH','KENT','TERRANCE','EDUARDO','TERRENCE','ENRIQUE','WADE','STUART','FREDRICK','ARTURO','ALEJANDRO','NICK','LUTHER','WENDELL','JEREMIAH','JULIUS','OTIS','TREVOR','OLIVER','LUKE','HOMER','GERARD','DOUG','KENNY','HUBERT','LYLE','MATT','ALFONSO','ORLANDO','REX','CARLTON','ERNESTO','NEAL','PABLO','LORENZO','OMAR','WILBUR','GRANT','HORACE','RODERICK','ABRAHAM','WILLIS','RICKEY','ANDRES','CESAR','JOHNATHAN','MALCOLM','RUDOLPH','DAMON','KELVIN','PRESTON','ALTON','ARCHIE','MARCO','WM','PETE','RANDOLPH','GARRY','GEOFFREY','JONATHON','FELIPE','GERARDO','ED','DOMINIC','DELBERT','COLIN','GUILLERMO','EARNEST','LUCAS','BENNY','SPENCER','RODOLFO','MYRON','EDMUND','GARRETT','SALVATORE','CEDRIC','LOWELL','GREGG','SHERMAN','WILSON','SYLVESTER','ROOSEVELT','ISRAEL','JERMAINE','FORREST','WILBERT','LELAND','SIMON','CLARK','IRVING','BRYANT','OWEN','RUFUS','WOODROW','KRISTOPHER','MACK','LEVI','MARCOS','GUSTAVO','JAKE','LIONEL','GILBERTO','CLINT','NICOLAS','ISMAEL','ORVILLE','ERVIN','DEWEY','AL','WILFRED','JOSH','HUGO','IGNACIO','CALEB','TOMAS','SHELDON','ERICK','STEWART','DOYLE','DARREL','ROGELIO','TERENCE','SANTIAGO','ALONZO','ELIAS','BERT','ELBERT','RAMIRO','CONRAD','NOAH','GRADY','PHIL','CORNELIUS','LAMAR','ROLANDO','CLAY','PERCY','DEXTER','BRADFORD','DARIN','AMOS','MOSES','IRVIN','SAUL','ROMAN','RANDAL','TIMMY','DARRIN','WINSTON','BRENDAN','ABEL','DOMINICK','BOYD','EMILIO','ELIJAH','DOMINGO','EMMETT','MARLON','EMANUEL','JERALD','EDMOND','EMIL','DEWAYNE','WILL','OTTO','TEDDY','REYNALDO','BRET','JESS','TRENT','HUMBERTO','EMMANUEL','STEPHAN','VICENTE','LAMONT','GARLAND','MILES','EFRAIN','HEATH','RODGER','HARLEY','ETHAN','ELDON','ROCKY','PIERRE','JUNIOR','FREDDY','ELI','BRYCE','ANTOINE','STERLING','CHASE','GROVER','ELTON','CLEVELAND','DYLAN','CHUCK','DAMIAN','REUBEN','STAN','AUGUST','LEONARDO','JASPER','RUSSEL','ERWIN','BENITO','HANS','MONTE','BLAINE','ERNIE','CURT','QUENTIN','AGUSTIN','MURRAY','JAMAL','ADOLFO','HARRISON','TYSON','BURTON','BRADY','ELLIOTT','WILFREDO','BART','JARROD','VANCE','DENIS','DAMIEN','JOAQUIN','HARLAN','DESMOND','ELLIOT','DARWIN','GREGORIO','BUDDY','XAVIER','KERMIT','ROSCOE','ESTEBAN','ANTON','SOLOMON','SCOTTY','NORBERT','ELVIN','WILLIAMS','NOLAN','ROD','QUINTON','HAL','BRAIN','ROB','ELWOOD','KENDRICK','DARIUS','MOISES','FIDEL','THADDEUS','CLIFF','MARCEL','JACKSON','RAPHAEL','BRYON','ARMAND','ALVARO','JEFFRY','DANE','JOESPH','THURMAN','NED','RUSTY','MONTY','FABIAN','REGGIE','MASON','GRAHAM','ISAIAH','VAUGHN','GUS','LOYD','DIEGO','ADOLPH','NORRIS','MILLARD','ROCCO','GONZALO','DERICK','RODRIGO','WILEY','RIGOBERTO','ALPHONSO','TY','NOE','VERN','REED','JEFFERSON','ELVIS','BERNARDO','MAURICIO','HIRAM','DONOVAN','BASIL','RILEY','NICKOLAS','MAYNARD','SCOT','VINCE','QUINCY','EDDY','SEBASTIAN','FEDERICO','ULYSSES','HERIBERTO','DONNELL','COLE','DAVIS','GAVIN','EMERY','WARD','ROMEO','JAYSON','DANTE','CLEMENT','COY','MAXWELL','JARVIS','BRUNO','ISSAC','DUDLEY','BROCK','SANFORD','CARMELO','BARNEY','NESTOR','STEFAN','DONNY','ART','LINWOOD','BEAU','WELDON','GALEN','ISIDRO','TRUMAN','DELMAR','JOHNATHON','SILAS','FREDERIC','DICK','IRWIN','MERLIN','CHARLEY','MARCELINO','HARRIS','CARLO','TRENTON','KURTIS','HUNTER','AURELIO','WINFRED','VITO','COLLIN','DENVER','CARTER','LEONEL','EMORY','PASQUALE','MOHAMMAD','MARIANO','DANIAL','LANDON','DIRK','BRANDEN','ADAN','BUFORD','GERMAN','WILMER','EMERSON','ZACHERY','FLETCHER','JACQUES','ERROL','DALTON','MONROE','JOSUE','EDWARDO','BOOKER','WILFORD','SONNY','SHELTON','CARSON','THERON','RAYMUNDO','DAREN','HOUSTON','ROBBY','LINCOLN','GENARO','BENNETT','OCTAVIO','CORNELL','HUNG','ARRON','ANTONY','HERSCHEL','GIOVANNI','GARTH','CYRUS','CYRIL','RONNY','LON','FREEMAN','DUNCAN','KENNITH','CARMINE','ERICH','CHADWICK','WILBURN','RUSS','REID','MYLES','ANDERSON','MORTON','JONAS','FOREST','MITCHEL','MERVIN','ZANE','RICH','JAMEL','LAZARO','ALPHONSE','RANDELL','MAJOR','JARRETT','BROOKS','ABDUL','LUCIANO','SEYMOUR','EUGENIO','MOHAMMED','VALENTIN','CHANCE','ARNULFO','LUCIEN','FERDINAND','THAD','EZRA','ALDO','RUBIN','ROYAL','MITCH','EARLE','ABE','WYATT','MARQUIS','LANNY','KAREEM','JAMAR','BORIS','ISIAH','EMILE','ELMO','ARON','LEOPOLDO','EVERETTE','JOSEF','ELOY','RODRICK','REINALDO','LUCIO','JERROD','WESTON','HERSHEL','BARTON','PARKER','LEMUEL','BURT','JULES','GIL','ELISEO','AHMAD','NIGEL','EFREN','ANTWAN','ALDEN','MARGARITO','COLEMAN','DINO','OSVALDO','LES','DEANDRE','NORMAND','KIETH','TREY','NORBERTO','NAPOLEON','JEROLD','FRITZ','ROSENDO','MILFORD','CHRISTOPER','ALFONZO','LYMAN','JOSIAH','BRANT','WILTON','RICO','JAMAAL','DEWITT','BRENTON','OLIN','FOSTER','FAUSTINO','CLAUDIO','JUDSON','GINO','EDGARDO','ALEC','TANNER','JARRED','DONN','TAD','PRINCE','PORFIRIO','ODIS','LENARD','CHAUNCEY','TOD','MEL','MARCELO','KORY','AUGUSTUS','KEVEN','HILARIO','BUD','SAL','ORVAL','MAURO','ZACHARIAH','OLEN','ANIBAL','MILO','JED','DILLON','AMADO','NEWTON','LENNY','RICHIE','HORACIO','BRICE','MOHAMED','DELMER','DARIO','REYES','MAC','JONAH','JERROLD','ROBT','HANK','RUPERT','ROLLAND','KENTON','DAMION','ANTONE','WALDO','FREDRIC','BRADLY','KIP','BURL','WALKER','TYREE','JEFFEREY','AHMED','WILLY','STANFORD','OREN','NOBLE','MOSHE','MIKEL','ENOCH','BRENDON','QUINTIN','JAMISON','FLORENCIO','DARRICK','TOBIAS','HASSAN','GIUSEPPE','DEMARCUS','CLETUS','TYRELL','LYNDON','KEENAN','WERNER','GERALDO','COLUMBUS','CHET','BERTRAM','MARKUS','HUEY','HILTON','DWAIN','DONTE','TYRON','OMER','ISAIAS','HIPOLITO','FERMIN','ADALBERTO','BO','BARRETT','TEODORO','MCKINLEY','MAXIMO','GARFIELD','RALEIGH','LAWERENCE','ABRAM','RASHAD','KING','EMMITT','DARON','SAMUAL','MIQUEL','EUSEBIO','DOMENIC','DARRON','BUSTER','WILBER','RENATO','JC','HOYT','HAYWOOD','EZEKIEL','CHAS','FLORENTINO','ELROY','CLEMENTE','ARDEN','NEVILLE','EDISON','DESHAWN','NATHANIAL','JORDON','DANILO','CLAUD','SHERWOOD','RAYMON','RAYFORD','CRISTOBAL','AMBROSE','TITUS','HYMAN','FELTON','EZEQUIEL','ERASMO','STANTON','LONNY','LEN','IKE','MILAN','LINO','JAROD','HERB','ANDREAS','WALTON','RHETT','PALMER','DOUGLASS','CORDELL','OSWALDO','ELLSWORTH','VIRGILIO','TONEY','NATHANAEL','DEL','BENEDICT','MOSE','JOHNSON','ISREAL','GARRET','FAUSTO','ASA','ARLEN','ZACK','WARNER','MODESTO','FRANCESCO','MANUAL','GAYLORD','GASTON','FILIBERTO','DEANGELO','MICHALE','GRANVILLE','WES','MALIK','ZACKARY','TUAN','ELDRIDGE','CRISTOPHER','CORTEZ','ANTIONE','MALCOM','LONG','KOREY','JOSPEH','COLTON','WAYLON','VON','HOSEA','SHAD','SANTO','RUDOLF','ROLF','REY','RENALDO','MARCELLUS','LUCIUS','KRISTOFER','BOYCE','BENTON','HAYDEN','HARLAND','ARNOLDO','RUEBEN','LEANDRO','KRAIG','JERRELL','JEROMY','HOBERT','CEDRICK','ARLIE','WINFORD','WALLY','LUIGI','KENETH','JACINTO','GRAIG','FRANKLYN','EDMUNDO','SID','PORTER','LEIF','JERAMY','BUCK','WILLIAN','VINCENZO','SHON','LYNWOOD','JERE','HAI','ELDEN','DORSEY','DARELL','BRODERICK','ALONSO'];
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-220-heighway-dragon.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-220-heighway-dragon.russian.md
new file mode 100644
index 0000000000..fe8c356a06
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-220-heighway-dragon.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4481000cf542c50ff5b
+challengeType: 5
+title: 'Problem 220: Heighway Dragon'
+videoUrl: ''
+localeTitle: 'Проблема 220: Heighway Dragon'
+---
+
+## Description
+<section id="description"> Пусть D0 - двухбуквенная строка «Fa». Для n≥1 выведите Dn из Dn-1 с помощью правил перезаписи строк: <p> &quot;a&quot; → &quot;aRbFR&quot; &quot;b&quot; → &quot;LFaLb&quot; </p><p> Таким образом, D0 = «Fa», D1 = «FaRbFR», D2 = «FaRbFRRLFaLbFR» и т. Д. </p><p> Эти строки можно интерпретировать как инструкции для программы компьютерной графики, а «F» означает «нарисовать одну единицу», «L» означает «повернуть налево на 90 градусов», «R» означает «повернуть направо на 90 градусов», а «a &quot;и&quot; b &quot;игнорируются. Начальная позиция компьютерного курсора - (0,0), направленная вверх (0,1). </p><p> Тогда Dn является экзотическим рисунком, известным как Драконский Дракон порядка n. Например, D10 показан ниже; считая каждый «F» в качестве одного шага, выделенное пятно на (18,16) представляет собой положение, достигнутое после 500 шагов. </p><p> Какова позиция курсора после 1012 шагов в D50? Дайте свой ответ в форме x, y без пробелов. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>euler220()</code> должен возвращать 139776, 963904.'
+    testString: 'assert.strictEqual(euler220(), 139776, 963904, "<code>euler220()</code> should return 139776, 963904.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler220() {
+  // Good luck!
+  return true;
+}
+
+euler220();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-221-alexandrian-integers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-221-alexandrian-integers.russian.md
new file mode 100644
index 0000000000..c616480546
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-221-alexandrian-integers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4491000cf542c50ff5c
+challengeType: 5
+title: 'Problem 221: Alexandrian Integers'
+videoUrl: ''
+localeTitle: 'Задача 221: александрийские целые числа'
+---
+
+## Description
+<section id="description"> Будем называть положительное целое число A «александрийским целым», если существуют целые числа p, q, r такие, что: <pre> <code> A = p · q · r    and 1A</code> </pre><p> знак равно </p><pre> <code> 1p</code> </pre><p> + </p><pre> <code> 1q</code> </pre><p> + </p><pre> <code> 1r</code> </pre><p> Например, 630 - это александрийское целое число (p = 5, q = -7, r = -18). На самом деле 630 является 6-м александрийским целым числом, первые 6 александрийских целых чисел: 6, 42, 120, 156, 420 и 630. </p><p> Найдите 150000 александрийское целое число. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler221()</code> должен вернуть 1884161251122450.
+    testString: 'assert.strictEqual(euler221(), 1884161251122450, "<code>euler221()</code> should return 1884161251122450.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler221() {
+  // Good luck!
+  return true;
+}
+
+euler221();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-222-sphere-packing.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-222-sphere-packing.russian.md
new file mode 100644
index 0000000000..136500eab6
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-222-sphere-packing.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f44b1000cf542c50ff5d
+challengeType: 5
+title: 'Problem 222: Sphere Packing'
+videoUrl: ''
+localeTitle: 'Задача 222: Сфера упаковки'
+---
+
+## Description
+<section id="description"> Какова длина самой короткой трубы, внутреннего радиуса 50 мм, которая может полностью содержать 21 шарик радиусов 30 мм, 31 мм, ..., 50 мм? <p> Дайте свой ответ в микрометрах (10-6 м), округленных до ближайшего целого числа. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler222()</code> должен вернуть 1590933.
+    testString: 'assert.strictEqual(euler222(), 1590933, "<code>euler222()</code> should return 1590933.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler222() {
+  // Good luck!
+  return true;
+}
+
+euler222();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-223-almost-right-angled-triangles-i.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-223-almost-right-angled-triangles-i.russian.md
new file mode 100644
index 0000000000..1c8b542ed3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-223-almost-right-angled-triangles-i.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f44b1000cf542c50ff5e
+challengeType: 5
+title: 'Problem 223: Almost right-angled triangles I'
+videoUrl: ''
+localeTitle: 'Проблема 223: Почти прямоугольные треугольники I'
+---
+
+## Description
+<section id="description"> Назовем целочисленный односторонний треугольник со сторонами a ≤ b ≤ c едва острой, если стороны удовлетворяют условию a2 + b2 = c2 + 1. <p> Сколько почти острых треугольников существует с периметром ≤ 25 000 000? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler223()</code> должен вернуть 61614848.
+    testString: 'assert.strictEqual(euler223(), 61614848, "<code>euler223()</code> should return 61614848.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler223() {
+  // Good luck!
+  return true;
+}
+
+euler223();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-224-almost-right-angled-triangles-ii.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-224-almost-right-angled-triangles-ii.russian.md
new file mode 100644
index 0000000000..71e9f1d058
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-224-almost-right-angled-triangles-ii.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f44e1000cf542c50ff5f
+challengeType: 5
+title: 'Problem 224: Almost right-angled triangles II'
+videoUrl: ''
+localeTitle: 'Задача 224: Почти прямоугольные треугольники II'
+---
+
+## Description
+<section id="description"> Назовем целочисленный односторонний треугольник со сторонами a ≤ b ≤ c едва тупой, если стороны удовлетворяют a2 + b2 = c2 - 1. <p> Сколько едва туманных треугольников там с периметром ≤ 75 000 000? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler224()</code> должен возвращать 4137330.
+    testString: 'assert.strictEqual(euler224(), 4137330, "<code>euler224()</code> should return 4137330.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler224() {
+  // Good luck!
+  return true;
+}
+
+euler224();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-225-tribonacci-non-divisors.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-225-tribonacci-non-divisors.russian.md
new file mode 100644
index 0000000000..de11de6d04
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-225-tribonacci-non-divisors.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f44e1000cf542c50ff60
+challengeType: 5
+title: 'Problem 225: Tribonacci non-divisors'
+videoUrl: ''
+localeTitle: 'Задача 225: неразделимые трибоначчи'
+---
+
+## Description
+<section id="description"> Последовательность 1, 1, 1, 3, 5, 9, 17, 31, 57, 105, 193, 355, 653, 1201 ... определяется T1 = T2 = T3 = 1 и Tn = Tn-1 + Tn -2 + Tn-3. <p> Можно показать, что 27 не делит никаких членов этой последовательности. Действительно, 27 является первым нечетным числом с этим свойством. </p><p> Найдите 124-е нечетное число, которое не делит любые члены указанной последовательности. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler225()</code> должен вернуться в 2009 году.
+    testString: 'assert.strictEqual(euler225(), 2009, "<code>euler225()</code> should return 2009.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler225() {
+  // Good luck!
+  return true;
+}
+
+euler225();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-226-a-scoop-of-blancmange.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-226-a-scoop-of-blancmange.russian.md
new file mode 100644
index 0000000000..ea32415efa
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-226-a-scoop-of-blancmange.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4511000cf542c50ff62
+challengeType: 5
+title: 'Problem 226: A Scoop of Blancmange'
+videoUrl: ''
+localeTitle: 'Проблема 226: Совок Бланманге'
+---
+
+## Description
+<section id="description"> Кривая бланманга представляет собой множество точек (x, y) таких, что 0 ≤ x ≤ 1 и где s (x) = расстояние от x до ближайшего целого. <p> Площадь под кривой blancmange равна ½, показанной розовым на диаграмме ниже. </p><p> Пусть C - окружность с центром (¼, ½) и радиусом ¼, показанная черным на диаграмме. </p><p> Какая область под кривой blancmange включена в C? Дайте ваш ответ округленным до восьми знаков после запятой в форме 0.abcdefgh </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler226()</code> должен вернуть 0.11316017.
+    testString: 'assert.strictEqual(euler226(), 0.11316017, "<code>euler226()</code> should return 0.11316017.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler226() {
+  // Good luck!
+  return true;
+}
+
+euler226();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-227-the-chase.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-227-the-chase.russian.md
new file mode 100644
index 0000000000..fe4f58a204
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-227-the-chase.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f44f1000cf542c50ff61
+challengeType: 5
+title: 'Problem 227: The Chase'
+videoUrl: ''
+localeTitle: 'Задача 227: Чейз'
+---
+
+## Description
+<section id="description"> «Чейз» - игра, в которую играют две кости и четное количество игроков. <p> Игроки сидят за столом; игра начинается с двух противоположных игроков, каждый из которых умирает. На каждом шагу два игрока с кубиком бросают его. Если игрок бросает 1, он передает кубик своему соседу слева; если он откатывает 6, он передает кубик своему соседу справа; в противном случае он удерживает кубик на следующий ход. Игра заканчивается, когда у одного игрока есть обе кости после того, как они были свернуты и пройдены; этот игрок проиграл. </p><p> В игре со 100 игроками, каково ожидаемое количество поворотов, игра продолжается? Дайте свой ответ округленным до десяти значащих цифр. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler227()</code> должен вернуть 3780.618622.
+    testString: 'assert.strictEqual(euler227(), 3780.618622, "<code>euler227()</code> should return 3780.618622.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler227() {
+  // Good luck!
+  return true;
+}
+
+euler227();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-228-minkowski-sums.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-228-minkowski-sums.russian.md
new file mode 100644
index 0000000000..47d3e03353
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-228-minkowski-sums.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4511000cf542c50ff63
+challengeType: 5
+title: 'Problem 228: Minkowski Sums'
+videoUrl: ''
+localeTitle: 'Задача 228: Суммы Минковского'
+---
+
+## Description
+<section id="description"> Пусть Sn - регулярный n-сторонний многоугольник - или форма - вершины которого <p> vk (k = 1,2, ..., n) имеют координаты: </p><pre> <code>xk   = cos( 2k-1/n ×180° ) yk   = sin( 2k-1/n ×180° )</code> </pre><p> Каждый Sn должен интерпретироваться как заполненная форма, состоящая из всех точек по периметру и в интерьере. </p><p> Сумма Минковского S + T двух форм S и T является результатом </p><p> добавляя каждую точку в S к каждой точке в T, где добавление точки выполняется по координате: </p><p> (u, v) + (x, y) = (u + x, v + y). </p><p> Например, сумма S3 и S4 представляет собой шестигранную форму, показанную розовым ниже: </p><p> Сколько сторон имеет S1864 + S1865 + ... + S1909? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler228()</code> должен вернуть 86226.
+    testString: 'assert.strictEqual(euler228(), 86226, "<code>euler228()</code> should return 86226.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler228() {
+  // Good luck!
+  return true;
+}
+
+euler228();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-229-four-representations-using-squares.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-229-four-representations-using-squares.russian.md
new file mode 100644
index 0000000000..0812f88fdd
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-229-four-representations-using-squares.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4521000cf542c50ff64
+challengeType: 5
+title: 'Problem 229: Four Representations using Squares'
+videoUrl: ''
+localeTitle: 'Задача 229: Четыре представления с использованием квадратов'
+---
+
+## Description
+<section id="description"> Рассмотрим номер 3600. Это очень особенное, потому что <p> 3600 = 482 + 362 3600 = 202 + 2 × 402 3600 = 302 + 3 × 302 3600 = 452 + 7 × 152 </p><p> Аналогично получаем, что 88201 = 992 + 2802 = 2872 + 2 × 542 = 2832 + 3 × 522 = 1972 + 7 × 842. </p><p> В 1747 году Эйлер доказал, какие числа представлены в виде суммы двух квадратов. Нас интересуют числа n, допускающие представления всех следующих четырех типов: </p><p> n = a12 + b12n = a22 + 2 b22n = a32 + 3 b32n = a72 + 7 b72, </p><p> где ak и bk - целые положительные числа. </p><p> Есть 75373 таких чисел, которые не превышают 107. </p><p> Сколько таких чисел не превышает 2 × 109? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler229()</code> должен вернуть 11325263.
+    testString: 'assert.strictEqual(euler229(), 11325263, "<code>euler229()</code> should return 11325263.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler229() {
+  // Good luck!
+  return true;
+}
+
+euler229();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-23-non-abundant-sums.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-23-non-abundant-sums.russian.md
new file mode 100644
index 0000000000..6f182bba84
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-23-non-abundant-sums.russian.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3831000cf542c50fe96
+challengeType: 5
+title: 'Problem 23: Non-abundant sums'
+videoUrl: ''
+localeTitle: 'Задача 23: Недостаточные суммы'
+---
+
+## Description
+<section id="description"> Идеальное число - это число, для которого сумма его собственных делителей точно равна числу. Например, сумма правильных делителей 28 будет равна 1 + 2 + 4 + 7 + 14 = 28, что означает, что 28 - идеальное число. Число <var>n</var> называется дефицитным, если сумма его собственных делителей меньше <var>n,</var> и его называют обильным, если эта сумма превышает <var>n</var> . Поскольку 12 - наименьшее обильное число, 1 + 2 + 3 + 4 + 6 = 16, наименьшее число, которое можно записать как сумму двух обильных чисел, равно 24. По математическому анализу можно показать, что все целые числа, большие 28123 можно записать как сумму двух обильных чисел. Однако этот верхний предел еще не может быть уменьшен путем анализа, хотя известно, что наибольшее число, которое не может быть выражено как сумма двух обильных чисел, меньше этого предела. Найдите сумму всех натуральных чисел &lt;= <var>n,</var> которые не могут быть записаны в виде суммы двух обильных чисел. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sumOfNonAbundantNumbers(10000)</code> должно возвращать 3731004.
+    testString: 'assert(sumOfNonAbundantNumbers(10000) === 3731004, "<code>sumOfNonAbundantNumbers(10000)</code> should return 3731004.");'
+  - text: <code>sumOfNonAbundantNumbers(15000)</code> должно возвращать 4039939.
+    testString: 'assert(sumOfNonAbundantNumbers(15000) === 4039939, "<code>sumOfNonAbundantNumbers(15000)</code> should return 4039939.");'
+  - text: <code>sumOfNonAbundantNumbers(20000)</code> должен вернуть 4159710.
+    testString: 'assert(sumOfNonAbundantNumbers(20000) === 4159710, "<code>sumOfNonAbundantNumbers(20000)</code> should return 4159710.");'
+  - text: <code>sumOfNonAbundantNumbers(28123)</code> должен возвращать 4179871.
+    testString: 'assert(sumOfNonAbundantNumbers(28123) === 4179871, "<code>sumOfNonAbundantNumbers(28123)</code> should return 4179871.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumOfNonAbundantNumbers(n) {
+  // Good luck!
+  return n;
+}
+
+sumOfNonAbundantNumbers(28123);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-230-fibonacci-words.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-230-fibonacci-words.russian.md
new file mode 100644
index 0000000000..ac63cbf030
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-230-fibonacci-words.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4531000cf542c50ff65
+challengeType: 5
+title: 'Problem 230: Fibonacci Words'
+videoUrl: ''
+localeTitle: 'Задача 230: Слова Фибоначчи'
+---
+
+## Description
+<section id="description"> Для любых двух строк цифр A и B определим FA, B как последовательность (A, B, AB, BAB, ABBAB, ...), в которой каждый член является конкатенацией предыдущих двух. <p> Далее, мы определяем DA, B (n) как n-ю цифру в первом члене FA, B, который содержит не менее n цифр. </p><p> Пример: </p><p> Пусть A = 1415926535, B = 8979323846. Мы хотим найти DA, B (35), скажем. </p><p> Первые несколько терминов FA, B: 1415926535 8979323846 14159265358979323846 897932384614159265358979323846 14159265358979323846897932384614159265358979323846 </p><p> Тогда DA, B (35) является 35-й цифрой в пятом члене, что равно 9. </p><p> Теперь мы используем для A первые 100 цифр π за десятичной точкой: 14159265358979323846264338327950288419716939937510 58209749445923078164062862089986280348253421170679 </p><p> и для B следующие сто цифр: </p><p> 82148086513282306647093844609550582231725359408128 48111745028410270193852110555964462294895493038196. </p><p> Найти Σn = 0,1, ..., 17 10n × DA, B ((127 + 19n) × 7n). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler230()</code> должен вернуть 850481152593119200.
+    testString: 'assert.strictEqual(euler230(), 850481152593119200, "<code>euler230()</code> should return 850481152593119200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler230() {
+  // Good luck!
+  return true;
+}
+
+euler230();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-231-the-prime-factorisation-of-binomial-coefficients.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-231-the-prime-factorisation-of-binomial-coefficients.russian.md
new file mode 100644
index 0000000000..c16a8fca0d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-231-the-prime-factorisation-of-binomial-coefficients.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4531000cf542c50ff66
+challengeType: 5
+title: 'Problem 231: The prime factorisation of binomial coefficients'
+videoUrl: ''
+localeTitle: 'Задача 231: простая факторизация биномиальных коэффициентов'
+---
+
+## Description
+<section id="description"> Биномиальный коэффициент 10C3 = 120. 120 = 23 × 3 × 5 = 2 × 2 × 2 × 3 × 5 и 2 + 2 + 2 + 3 + 5 = 14. Таким образом, сумма членов простой факторизации 10C3 составляет 14. <p> Найдите сумму членов в простой факторизации 20000000C15000000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler231()</code> должен вернуть 7526965179680.
+    testString: 'assert.strictEqual(euler231(), 7526965179680, "<code>euler231()</code> should return 7526965179680.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler231() {
+  // Good luck!
+  return true;
+}
+
+euler231();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-232-the-race.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-232-the-race.russian.md
new file mode 100644
index 0000000000..d5cb29dbf3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-232-the-race.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4551000cf542c50ff67
+challengeType: 5
+title: 'Problem 232: The Race'
+videoUrl: ''
+localeTitle: 'Проблема 232: Гонка'
+---
+
+## Description
+<section id="description"> Два игрока разделяют беспристрастную монету и принимают ее по очереди, чтобы сыграть «The Race». При повороте игрока 1 он бросает монету один раз: если он подходит к головам, он набирает одно очко; если это придет Тейлс, он ничего не набирает. На очереди игрока 2 она выбирает положительное целое число T и бросает монету T раз: если она появляется во всех головах, она набирает 2T-1 очков; в противном случае она ничего не набирает. Игрок 1 идет первым. Победитель - первый на 100 и более очков. <p> На каждом повороте Игрок 2 выбирает число Т, монеты, которое максимизирует вероятность ее выигрыша. </p><p> Какова вероятность победы Игрока 2? </p><p> Дайте ваш ответ округленным до восьми знаков после запятой в форме 0.abcdefgh. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler232()</code> должен вернуться 0.83648556.
+    testString: 'assert.strictEqual(euler232(), 0.83648556, "<code>euler232()</code> should return 0.83648556.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler232() {
+  // Good luck!
+  return true;
+}
+
+euler232();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-233-lattice-points-on-a-circle.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-233-lattice-points-on-a-circle.russian.md
new file mode 100644
index 0000000000..953b3a41be
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-233-lattice-points-on-a-circle.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4551000cf542c50ff68
+challengeType: 5
+title: 'Problem 233: Lattice points on a circle'
+videoUrl: ''
+localeTitle: 'Задача 233: точки решетки на круге'
+---
+
+## Description
+<section id="description"> Пусть f (N) - число точек с целыми координатами, которые находятся на окружности, проходящей через (0,0), (N, 0), (0, N) и (N, N). Можно показать, что f (10000) = 36. <p> Какова сумма всех натуральных чисел N ≤ 1011 таких, что f (N) = 420? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler233()</code> должен вернуть 271204031455541300.
+    testString: 'assert.strictEqual(euler233(), 271204031455541300, "<code>euler233()</code> should return 271204031455541300.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler233() {
+  // Good luck!
+  return true;
+}
+
+euler233();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-234-semidivisible-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-234-semidivisible-numbers.russian.md
new file mode 100644
index 0000000000..aefae7a86d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-234-semidivisible-numbers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4571000cf542c50ff69
+challengeType: 5
+title: 'Problem 234: Semidivisible numbers'
+videoUrl: ''
+localeTitle: 'Задача 234: Полуделимые числа'
+---
+
+## Description
+<section id="description"> Для целого n ≥ 4 мы определяем нижний корень простого квадрата из n, обозначаемый lps (n), как наибольшее простое ≤ √n и верхний корень простого квадрата из n, ups (n), как наименьшее простое ≥ √n. Так, например, lps (4) = 2 = ups (4), lps (1000) = 31, ups (1000) = 37. Назовем целое число n ≥ 4 полуразложимым, если один из lps (n) и ups (n) делит n, но не обе. <p> Сумма полуразлагаемых чисел, не превышающих 15, равна 30, числа 8, 10 и 12. 15 не является полуразделимым, поскольку он кратен как lps (15) = 3, так и ups (15) = 5. В качестве дополнительного примера , сумма 92 полуразложимых чисел до 1000 составляет 34825. </p><p> Какова сумма всех полудивизуемых чисел, не превышающих 999966663333? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler234()</code> должен вернуть 1259187438574927000.
+    testString: 'assert.strictEqual(euler234(), 1259187438574927000, "<code>euler234()</code> should return 1259187438574927000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler234() {
+  // Good luck!
+  return true;
+}
+
+euler234();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-235-an-arithmetic-geometric-sequence.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-235-an-arithmetic-geometric-sequence.russian.md
new file mode 100644
index 0000000000..865dc95218
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-235-an-arithmetic-geometric-sequence.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4571000cf542c50ff6a
+challengeType: 5
+title: 'Problem 235: An Arithmetic Geometric sequence'
+videoUrl: ''
+localeTitle: 'Задача 235: Арифметическая геометрическая последовательность'
+---
+
+## Description
+<section id="description"> Дана арифметико-геометрическая последовательность u (k) = (900-3k) rk-1. Пусть s (n) = Σk = 1 ... nu (k). <p> Найдите значение r, для которого s (5000) = -600 000 000 000. </p><p> Дайте ваш ответ округленным до 12 мест за десятичной точкой. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler235()</code> должен вернуть 1.002322108633.
+    testString: 'assert.strictEqual(euler235(), 1.002322108633, "<code>euler235()</code> should return 1.002322108633.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler235() {
+  // Good luck!
+  return true;
+}
+
+euler235();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-236-luxury-hampers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-236-luxury-hampers.russian.md
new file mode 100644
index 0000000000..08b7a60cf6
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-236-luxury-hampers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4591000cf542c50ff6b
+challengeType: 5
+title: 'Problem 236: Luxury Hampers'
+videoUrl: ''
+localeTitle: 'Задача 236: Превосходные препятствия'
+---
+
+## Description
+<section id="description"> Поставщики «A» и «B» предоставили следующие номера продуктов для рынка роскоши: <p> Product&#39;A &quot;B&#39;Beluga Caviar5248640Christmas Cake13121888Gammon Joint26243776Vintage Port57603776Champagne Truffles39365664 </p><p> Хотя поставщики очень стараются поставлять свои товары в отличном состоянии, неизбежно происходит некоторая порча - то есть продукты ухудшаются. </p><p> Поставщики сравнивают свою эффективность с использованием двух типов статистики: пять коэффициентов порчи продукта для каждого поставщика равны количеству продуктов, которые были плохими, поделенными на количество поставляемых продуктов, по каждому из пяти продуктов в свою очередь. Общий коэффициент порчи для каждого поставщика равен общему количеству продуктов, которые были плохими, деленным на общее количество продуктов, предоставляемых этим поставщиком. К их удивлению, поставщики обнаружили, что каждый из пяти коэффициентов порчи продукта был хуже (выше ) для «B», чем для «A» тем же коэффициентом (отношение скоростей порчи), m&gt; 1; и все же, как ни парадоксально, общий коэффициент порчи был хуже для «А», чем для «В», а также в м. </p><p> Есть тридцать пять м&gt; 1, для которых этот неожиданный результат мог произойти, наименьшим из которых является 1476/1475. </p><p> Какова максимальная возможная величина m? Дайте ваш ответ как фракцию, сведенную к ее наименьшим терминам, в форме u / v. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler236()</code> должен возвращать <code>euler236()</code> .
+    testString: 'assert.strictEqual(euler236(), 123 / 59, "<code>euler236()</code> should return 123 / 59.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler236() {
+  // Good luck!
+  return true;
+}
+
+euler236();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-237-tours-on-a-4-x-n-playing-board.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-237-tours-on-a-4-x-n-playing-board.russian.md
new file mode 100644
index 0000000000..cf007c2b8e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-237-tours-on-a-4-x-n-playing-board.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4591000cf542c50ff6c
+challengeType: 5
+title: 'Problem 237: Tours on a 4 x n playing board'
+videoUrl: ''
+localeTitle: 'Задача 237: Туры на игровой плате размером 4 x n'
+---
+
+## Description
+<section id="description"> Пусть T (n) - количество туров на игровой доске размером 4 × n, так что: тур начинается в верхнем левом углу. Тур состоит из перемещений вверх, вниз, влево или вправо на один квадрат. Экскурсия посещает каждый квадрат ровно один раз. Тур заканчивается в левом нижнем углу. На диаграмме показан один тур на плате размером 4 × 10: <p> T (10) равно 2329. Что такое T (1012) по модулю 108? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler237()</code> должен вернуть 15836928.
+    testString: 'assert.strictEqual(euler237(), 15836928, "<code>euler237()</code> should return 15836928.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler237() {
+  // Good luck!
+  return true;
+}
+
+euler237();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-238-infinite-string-tour.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-238-infinite-string-tour.russian.md
new file mode 100644
index 0000000000..2b7e44036b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-238-infinite-string-tour.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f45b1000cf542c50ff6d
+challengeType: 5
+title: 'Problem 238: Infinite string tour'
+videoUrl: ''
+localeTitle: 'Задача 238: Бесконечная струнная экскурсия'
+---
+
+## Description
+<section id="description"> Создайте последовательность чисел, используя генератор псевдослучайных чисел «Blum Blum Shub»: <p> s0 = 14025256 sn + 1 = sn2 mod 20300713 </p><p> Объедините эти числа s0s1s2 ..., чтобы создать строку w бесконечной длины. Затем w = 14025256741014958470038053646 ... </p><p> Для положительного целого k, если подстрока w не существует с суммой цифр, равной k, p (k) определяется как нуль. Если существует хотя бы одна подстрока w с суммой цифр, равной k, определим p (k) = z, где z - начальная позиция самой ранней такой подстроки. </p><p> Например: </p><p> Подстроки 1, 14, 1402, ... с соответствующими суммами цифр, равными 1, 5, 7, ... начинаются в позиции 1, следовательно, p (1) = p (5) = p (7) = ... = 1. </p><p> Подстроки 4, 402, 4025, ... с соответствующими суммами цифр, равными 4, 6, 11, ... начинаются в позиции 2, следовательно, p (4) = p (6) = p (11) = ... = 2. </p><p> Подстроки 02, 0252, ... с соответствующими суммами цифр, равными 2, 9, ... начинаются в позиции 3, поэтому p (2) = p (9) = ... = 3. </p><p> Обратите внимание, что подстрока 025, начиная с позиции 3, имеет сумму цифр, равную 7, но была ранняя подстрока (начиная с позиции 1) с суммой цифр, равной 7, поэтому p (7) = 1, а не 3. </p><p> Мы можем проверить, что при 0 &lt;k ≤ 103, Σ p (k) = 4742. </p><p> Найти Σ p (k), при 0 &lt;k ≤ 2 · 1015. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler238()</code> должен вернуть 9922545104535660.
+    testString: 'assert.strictEqual(euler238(), 9922545104535660, "<code>euler238()</code> should return 9922545104535660.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler238() {
+  // Good luck!
+  return true;
+}
+
+euler238();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-239-twenty-two-foolish-primes.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-239-twenty-two-foolish-primes.russian.md
new file mode 100644
index 0000000000..9d213e2136
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-239-twenty-two-foolish-primes.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f45c1000cf542c50ff6e
+challengeType: 5
+title: 'Problem 239: Twenty-two Foolish Primes'
+videoUrl: ''
+localeTitle: 'Задача 239: Двадцать два глупых'
+---
+
+## Description
+<section id="description"> Набор дисков с номерами от 1 до 100 помещается в строку в случайном порядке. <p> Какова вероятность того, что у нас есть частичное нарушение, так что ровно 22 числа простых чисел находятся вне их естественных позиций? (Любое количество несжатых дисков также может быть найдено в их естественных положениях или из них.) </p><p> Дайте ваш ответ округленным до 12 мест за десятичной точкой в ​​форме 0.abcdefghijkl. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler239()</code> должен возвращать значение 0.001887854841.
+    testString: 'assert.strictEqual(euler239(), 0.001887854841, "<code>euler239()</code> should return 0.001887854841.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler239() {
+  // Good luck!
+  return true;
+}
+
+euler239();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-24-lexicographic-permutations.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-24-lexicographic-permutations.russian.md
new file mode 100644
index 0000000000..21ee31fd4d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-24-lexicographic-permutations.russian.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3841000cf542c50fe97
+challengeType: 5
+title: 'Problem 24: Lexicographic permutations'
+videoUrl: ''
+localeTitle: 'Задача 24: Лексикографические перестановки'
+---
+
+## Description
+<section id="description"> Перестановка - упорядоченная компоновка объектов. Например, 3124 является одной из возможных перестановок цифр 1, 2, 3 и 4. Если все перестановки перечислены численно или в алфавитном порядке, мы называем это лексикографическим порядком. Лексикографические перестановки 0, 1 и 2: <div style="text-align: center;"> 012 021 102 120 201 210 </div> Что такое <var>n-</var> я лексикографическая перестановка цифр 0, 1, 2, 3, 4, 5, 6, 7, 8 и 9? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>lexicographicPermutations(699999)</code> должен возвращать 1938246570.
+    testString: 'assert(lexicographicPermutations(699999) == 1938246570, "<code>lexicographicPermutations(699999)</code> should return 1938246570.");'
+  - text: <code>lexicographicPermutations(899999)</code> должен возвращать 2536987410.
+    testString: 'assert(lexicographicPermutations(899999) == 2536987410, "<code>lexicographicPermutations(899999)</code> should return 2536987410.");'
+  - text: <code>lexicographicPermutations(900000)</code> должен вернуться 2537014689.
+    testString: 'assert(lexicographicPermutations(900000) == 2537014689, "<code>lexicographicPermutations(900000)</code> should return 2537014689.");'
+  - text: <code>lexicographicPermutations(999999)</code> должен возвращать 2783915460.
+    testString: 'assert(lexicographicPermutations(999999) == 2783915460, "<code>lexicographicPermutations(999999)</code> should return 2783915460.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function lexicographicPermutations(n) {
+  // Good luck!
+  return n;
+}
+
+lexicographicPermutations(999999);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-240-top-dice.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-240-top-dice.russian.md
new file mode 100644
index 0000000000..849cff67e8
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-240-top-dice.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f45d1000cf542c50ff6f
+challengeType: 5
+title: 'Problem 240: Top Dice'
+videoUrl: ''
+localeTitle: 'Проблема 240: Лучшие кости'
+---
+
+## Description
+<section id="description"> Есть 1111 способов, в которых пять 6-сторонних кубиков (стороны с номерами от 1 до 6) могут быть свернуты так, чтобы верхние три составляли 15. Некоторые примеры: <p> D1, D2, D3, D4, D5 = 4,3,6,3,5 </p><p> D1, D2, D3, D4, D5 = 4,3,3,5,6 </p><p> D1, D2, D3, D4, D5 = 3,3,3,6,6 </p><p> D1, D2, D3, D4, D5 = 6,6,3,3,3 </p><p> Каким образом может быть свернуто двадцать 12-сторонних кубиков (стороны с номерами от 1 до 12), чтобы верхняя десятка составляла 70? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler240()</code> должен возвращать 7448717393364182000.
+    testString: 'assert.strictEqual(euler240(), 7448717393364182000, "<code>euler240()</code> should return 7448717393364182000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler240() {
+  // Good luck!
+  return true;
+}
+
+euler240();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-241-perfection-quotients.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-241-perfection-quotients.russian.md
new file mode 100644
index 0000000000..2bab3dda09
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-241-perfection-quotients.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f45d1000cf542c50ff70
+challengeType: 5
+title: 'Problem 241: Perfection Quotients'
+videoUrl: ''
+localeTitle: 'Проблема 241: Совершенствование Котировки'
+---
+
+## Description
+<section id="description"> Для положительного целого числа n пусть σ (n) - сумма всех делителей n, поэтому, например, σ (6) = 1 + 2 + 3 + 6 = 12. <p> Идеальное число, как вы, наверное, знаете, представляет собой число с σ (n) = 2n. </p><p> Определим фактор совершенства положительного целого числа asp (n) = σ (n) n. Найдите сумму всех натуральных чисел n ≤ 1018, для которых p (n) имеет вид k + 1/2, где k - целое число. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler241()</code> должен вернуть 482316491800641150.
+    testString: 'assert.strictEqual(euler241(), 482316491800641150, "<code>euler241()</code> should return 482316491800641150.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler241() {
+  // Good luck!
+  return true;
+}
+
+euler241();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-242-odd-triplets.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-242-odd-triplets.russian.md
new file mode 100644
index 0000000000..3b1eafd0b4
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-242-odd-triplets.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f45f1000cf542c50ff71
+challengeType: 5
+title: 'Problem 242: Odd Triplets'
+videoUrl: ''
+localeTitle: 'Проблема 242: Нечетные тройки'
+---
+
+## Description
+<section id="description"> Учитывая множество {1,2, ..., n}, определим f (n, k) как число его k-элементных подмножеств с нечетной суммой элементов. Например, f (5,3) = 4, так как множество {1,2,3,4,5} имеет четыре 3-элементарных подмножества, имеющих нечетную сумму элементов, т.е.: {1,2,4}, { 1,3,5}, {2,3,4} и {2,4,5}. <p> Когда все три значения n, k и f (n, k) нечетны, мы говорим, что они образуют нечетно-триплет [n, k, f (n, k)]. </p><p> Существует ровно пять нечетных триплетов с n ≤ 10, а именно: [1,1, f (1,1) = 1], [5,1, f (5,1) = 3], [5,5, f (5,5) = 1], [9,1, f (9,1) = 5] и [9,9, f (9,9) = 1]. </p><p> Сколько нечетных триплетов существует с n ≤ 1012? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler242()</code> должен вернуть 997104142249036700.
+    testString: 'assert.strictEqual(euler242(), 997104142249036700, "<code>euler242()</code> should return 997104142249036700.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler242() {
+  // Good luck!
+  return true;
+}
+
+euler242();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-243-resilience.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-243-resilience.russian.md
new file mode 100644
index 0000000000..8f179310e6
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-243-resilience.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4601000cf542c50ff73
+challengeType: 5
+title: 'Problem 243: Resilience'
+videoUrl: ''
+localeTitle: 'Проблема 243: Устойчивость'
+---
+
+## Description
+<section id="description"> Положительная дробь, числитель которой меньше ее знаменателя, называется собственной дробью. Для любого знаменателя d найдутся d-1 собственных дробей; например, с d = 12: 1/12, 2/12, 3/12, 4/12, 5/12, 6/12, 7/12, 8/12, 9/12, 10/12, 11 / 12. <p> Мы будем называть фракцию, которая не может быть отменена с помощью упругой дроби. Кроме того, мы будем определять устойчивость знаменателя R (d) как отношение его собственных дробей, которые являются упругими; например, R (12) = 4/11. Фактически, d = 12 является наименьшим знаменателем, обладающим устойчивостью R (d) &lt;4/10. </p><p> Найдите наименьший знаменатель d, обладающий устойчивостью R (d) &lt;15499/94744. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler243()</code> должен вернуть 892371480.
+    testString: 'assert.strictEqual(euler243(), 892371480, "<code>euler243()</code> should return 892371480.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler243() {
+  // Good luck!
+  return true;
+}
+
+euler243();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-244-sliders.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-244-sliders.russian.md
new file mode 100644
index 0000000000..4659a7e114
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-244-sliders.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4601000cf542c50ff72
+challengeType: 5
+title: 'Problem 244: Sliders'
+videoUrl: ''
+localeTitle: 'Проблема 244: Слайдеры'
+---
+
+## Description
+<section id="description"> Вы, наверное, знаете игру «Пятнадцать головоломок». Здесь вместо пронумерованных плит у нас есть семь красных плит и восемь синих плит. Движение обозначается начальным строчком в начале (слева, справа, вверх, вниз), в котором плитка сдвигается, например, начиная с конфигурации (S), по последовательности LULUR мы достигаем конфигурации (E): <p> (S), (E) </p><p> Для каждого пути его контрольная сумма вычисляется (псевдокодом): </p><p> контрольная сумма = 0 контрольная сумма = (контрольная сумма × 243 + м1) mod 100 000 007 контрольная сумма = (контрольная сумма × 243 + м2) mod 100 000 007 ... контрольная сумма = (контрольная сумма × 243 + mn) mod 100 000 007, где mk - значение ASCII k-я буква в последовательности перемещения и значения ASCII для ходов: </p><p> L76R82U85D68 </p><p> Для приведенной выше последовательности LULUR контрольная сумма будет равна 19761398. Теперь, начиная с конфигурации (S), найдите все кратчайшие пути для достижения конфигурации (T). </p><p> (S), (T) </p><p> Какова сумма всех контрольных сумм для путей, имеющих минимальную длину? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler244()</code> должен возвращать 96356848.
+    testString: 'assert.strictEqual(euler244(), 96356848, "<code>euler244()</code> should return 96356848.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler244() {
+  // Good luck!
+  return true;
+}
+
+euler244();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-245-coresilience.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-245-coresilience.russian.md
new file mode 100644
index 0000000000..d18b9b4bac
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-245-coresilience.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4621000cf542c50ff74
+challengeType: 5
+title: 'Problem 245: Coresilience'
+videoUrl: ''
+localeTitle: 'Задача 245: Ядро'
+---
+
+## Description
+<section id="description"> Мы будем называть фракцию, которая не может быть отменена с помощью упругой дроби. Кроме того, мы будем определять устойчивость знаменателя R (d) как отношение его собственных дробей, которые являются упругими; например, R (12) = 4/11. <p> Устойчивость числа d&gt; 1 есть тогда φ (d) d - 1, где φ - функция тождества Эйлера. Далее мы определим coresilience числа n&gt; 1 как C (n) = n - φ (n) n - 1. Достаточность простого p равна C (p) = 1p - 1. Найдите сумму всех составных целых чисел 1 &lt;n ≤ 2 × 1011, для которого C (n) является единичной. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler245()</code> должен возвращать 288084712410001.
+    testString: 'assert.strictEqual(euler245(), 288084712410001, "<code>euler245()</code> should return 288084712410001.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler245() {
+  // Good luck!
+  return true;
+}
+
+euler245();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-246-tangents-to-an-ellipse.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-246-tangents-to-an-ellipse.russian.md
new file mode 100644
index 0000000000..cd65c31c5c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-246-tangents-to-an-ellipse.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4621000cf542c50ff75
+challengeType: 5
+title: 'Problem 246: Tangents to an ellipse'
+videoUrl: ''
+localeTitle: 'Задача 246: Касания к эллипсу'
+---
+
+## Description
+<section id="description"> Определение для эллипса: Пусть окружность c с центром M и радиусом r и точка G такие, что d (G, M) <p> Ниже показано построение точек эллипса. </p><p> При этом указаны точки M (-2000,1500) и G (8000,1500). Дано также окружность c с центром M и радиусом 15000. Локус точек, которые эквидистантны из G и c, образуют эллипс e. Из точки P вне e рисуются два касательных t1 и t2 к эллипсу. Пусть точки, где t1 и t2 касаются эллипса, равны R и S. </p><p> На сколько точек решетки P угол RPS больше 45 градусов? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler246()</code> должен вернуть 810834388.
+    testString: 'assert.strictEqual(euler246(), 810834388, "<code>euler246()</code> should return 810834388.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler246() {
+  // Good luck!
+  return true;
+}
+
+euler246();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-247-squares-under-a-hyperbola.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-247-squares-under-a-hyperbola.russian.md
new file mode 100644
index 0000000000..822e3bcfb5
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-247-squares-under-a-hyperbola.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4641000cf542c50ff76
+challengeType: 5
+title: 'Problem 247: Squares under a hyperbola'
+videoUrl: ''
+localeTitle: 'Задача 247: Квадраты под гиперболой'
+---
+
+## Description
+<section id="description"> Рассмотрим область, ограниченную 1 ≤ x и 0 ≤ y ≤ 1 / x. <p> Пусть S1 - наибольший квадрат, который может подходить под кривой. Пусть S2 - наибольший квадрат, который вписывается в оставшуюся область и т. Д. Пусть индекс Sn - пара (слева внизу), указывающая число квадратов слева от Sn и число квадратов ниже Sn. </p><p> На диаграмме показаны некоторые квадраты, помеченные номером. S2 имеет один квадрат слева и ни один ниже, поэтому индекс S2 равен (1,0). Можно видеть, что индекс S32 равен (1,1), как и индекс S50. 50 - наибольшее n, для которого индекс Sn равен (1,1). </p><p> Что такое наибольшее n, для которого индекс Sn равен (3,3)? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler247()</code> должен вернуть 782252.
+    testString: 'assert.strictEqual(euler247(), 782252, "<code>euler247()</code> should return 782252.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler247() {
+  // Good luck!
+  return true;
+}
+
+euler247();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-248-numbers-for-which-eulers-totient-function-equals-13.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-248-numbers-for-which-eulers-totient-function-equals-13.russian.md
new file mode 100644
index 0000000000..153b4788db
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-248-numbers-for-which-eulers-totient-function-equals-13.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4651000cf542c50ff77
+challengeType: 5
+title: 'Problem 248: Numbers for which Euler’s totient function equals 13!'
+videoUrl: ''
+localeTitle: 'Задача 248: Числа, для которых функция тоталя Эйлера равна 13!'
+---
+
+## Description
+<section id="description"> Первое число n, для которого φ (n) = 13! это 6227180929. Найдите 150 000-го числа такого числа. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler248()</code> должен вернуть 23507044290.
+    testString: 'assert.strictEqual(euler248(), 23507044290, "<code>euler248()</code> should return 23507044290.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler248() {
+  // Good luck!
+  return true;
+}
+
+euler248();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-249-prime-subset-sums.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-249-prime-subset-sums.russian.md
new file mode 100644
index 0000000000..14cca5d9ef
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-249-prime-subset-sums.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4671000cf542c50ff79
+challengeType: 5
+title: 'Problem 249: Prime Subset Sums'
+videoUrl: ''
+localeTitle: 'Задача 249: Суммы для первичного подмножества'
+---
+
+## Description
+<section id="description"> Пусть S = {2, 3, 5, ..., 4999} - множество простых чисел, меньших 5000. Найдите число подмножеств S, сумма элементов которого является простым числом. В качестве ответа ответьте самые правые 16 цифр. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler249()</code> должен вернуть 9275262564250418.
+    testString: 'assert.strictEqual(euler249(), 9275262564250418, "<code>euler249()</code> should return 9275262564250418.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler249() {
+  // Good luck!
+  return true;
+}
+
+euler249();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-25-1000-digit-fibonacci-number.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-25-1000-digit-fibonacci-number.russian.md
new file mode 100644
index 0000000000..fc7d891c7d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-25-1000-digit-fibonacci-number.russian.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3851000cf542c50fe98
+challengeType: 5
+title: 'Problem 25: 1000-digit Fibonacci number'
+videoUrl: ''
+localeTitle: 'Задача 25: 1000-значный номер Фибоначчи'
+---
+
+## Description
+<section id="description"> Последовательность Фибоначчи определяется рекуррентным соотношением: <div style="padding-left: 4em;"> F <sub>n</sub> = F <sub>n-1</sub> + F <sub>n-2</sub> , где F <sub>1</sub> = 1 и F <sub>2</sub> = 1. </div> Следовательно, первые 12 терминов будут: <div style="padding-left: 4em; display: inline-grid; grid-template-rows: auto; row-gap: 7px;"><div> F <sub>1</sub> = 1 </div><div> F <sub>2</sub> = 1 </div><div> F <sub>3</sub> = 2 </div><div> F <sub>4</sub> = 3 </div><div> F <sub>5</sub> = 5 </div><div> F <sub>6</sub> = 8 </div><div> F <sub>7</sub> = 13 </div><div> F <sub>8</sub> = 21 </div><div> F <sub>9</sub> = 34 </div><div> F <sub>10</sub> = 55 </div><div> F <sub>11</sub> = 89 </div><div> F <sub>12</sub> = 144 </div></div> 12-й термин, F <sub>12</sub> , является первым термином, содержащим три цифры. Что такое индекс первого слагаемого в последовательности Фибоначчи, который содержит <var>n</var> цифр? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>digitFibonacci(5)</code> должен вернуть 21.
+    testString: 'assert.strictEqual(digitFibonacci(5), 21, "<code>digitFibonacci(5)</code> should return 21.");'
+  - text: <code>digitFibonacci(10)</code> должен вернуть 45.
+    testString: 'assert.strictEqual(digitFibonacci(10), 45, "<code>digitFibonacci(10)</code> should return 45.");'
+  - text: <code>digitFibonacci(15)</code> должен вернуть 69.
+    testString: 'assert.strictEqual(digitFibonacci(15), 69, "<code>digitFibonacci(15)</code> should return 69.");'
+  - text: <code>digitFibonacci(20)</code> должен вернуть 93.
+    testString: 'assert.strictEqual(digitFibonacci(20), 93, "<code>digitFibonacci(20)</code> should return 93.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function digitFibonacci(n) {
+  // Good luck!
+  return n;
+}
+
+digitFibonacci(20);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-250-250250.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-250-250250.russian.md
new file mode 100644
index 0000000000..f2f1469494
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-250-250250.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4661000cf542c50ff78
+challengeType: 5
+title: 'Problem 250: 250250'
+videoUrl: ''
+localeTitle: 'Задача 250: 250250'
+---
+
+## Description
+<section id="description"> Найдите число непустых подмножеств {11, 22, 33, ..., 250250250250}, сумма элементов которых делится на 250. Введите в качестве ответа самые правые 16 цифр. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler250()</code> должен вернуть 1425480602091519.
+    testString: 'assert.strictEqual(euler250(), 1425480602091519, "<code>euler250()</code> should return 1425480602091519.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler250() {
+  // Good luck!
+  return true;
+}
+
+euler250();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-251-cardano-triplets.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-251-cardano-triplets.russian.md
new file mode 100644
index 0000000000..e250ddef45
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-251-cardano-triplets.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4671000cf542c50ff7a
+challengeType: 5
+title: 'Problem 251: Cardano Triplets'
+videoUrl: ''
+localeTitle: 'Проблема 251: Cardano Triplets'
+---
+
+## Description
+<section id="description"> Триплет положительных целых чисел (a, b, c) называется кардинальным триплетом, если он удовлетворяет условию: <p> Например, (2,1,5) является кардинальным триплетом. </p><p> Существует 149 Cardano Triplets, для которых a + b + c ≤ 1000. </p><p> Найдите, сколько существует Cardano Triplets, так что a + b + c ≤ 110 000 000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler251()</code> должен вернуть 18946051.
+    testString: 'assert.strictEqual(euler251(), 18946051, "<code>euler251()</code> should return 18946051.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler251() {
+  // Good luck!
+  return true;
+}
+
+euler251();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-252-convex-holes.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-252-convex-holes.russian.md
new file mode 100644
index 0000000000..3694b3f1a3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-252-convex-holes.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4691000cf542c50ff7b
+challengeType: 5
+title: 'Problem 252: Convex Holes'
+videoUrl: ''
+localeTitle: 'Задача 252: выпуклые отверстия'
+---
+
+## Description
+<section id="description"> Учитывая множество точек на плоскости, мы определяем выпуклую дыру как выпуклый многоугольник, имеющий в качестве вершин любую из заданных точек и не содержащую ни одной из заданных точек внутри нее (помимо вершин, могут быть указаны другие заданные точки по периметру многоугольника). <p> В качестве примера на рисунке ниже показан набор из двадцати точек и несколько таких выпуклых отверстий. Выпуклое отверстие, показанное в виде красного семиугольника, имеет площадь, равную 1049694,5 квадратных единиц, что является наивысшей возможной областью для выпуклого отверстия на заданном множестве точек. </p><p> В нашем примере мы использовали первые 20 точек (T2k-1, T2k) для k = 1,2, ..., 20, созданных с генератором псевдослучайных чисел: </p><p> S0 = 290797 Sn + 1 = Sn2 mod 50515093 Tn = (Sn mod 2000) - 1000 </p><p> т.е. (527, 144), (-488, 732), (-454, -947), ... </p><p> Какова максимальная площадь для выпуклого отверстия на множестве, содержащего первые 500 точек в псевдослучайной последовательности? Укажите свой ответ, включая одну цифру после десятичной точки. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler252()</code> должен вернуть 104924.
+    testString: 'assert.strictEqual(euler252(), 104924, "<code>euler252()</code> should return 104924.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler252() {
+  // Good luck!
+  return true;
+}
+
+euler252();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-253-tidying-up.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-253-tidying-up.russian.md
new file mode 100644
index 0000000000..cb65834104
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-253-tidying-up.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4691000cf542c50ff7c
+challengeType: 5
+title: 'Problem 253: Tidying up'
+videoUrl: ''
+localeTitle: 'Проблема 253: Уборка'
+---
+
+## Description
+<section id="description"> У маленького ребенка есть «номер гусеницы», состоящий из сорока кусочков головоломки, каждый с одним номером на нем, который при соединении вместе в строке показывает номера от 1 до 40 по порядку. <p> Каждую ночь отец ребенка должен забрать кусочки гусеницы, которые были разбросаны по игровой комнате. Он берет кусочки случайным образом и помещает их в правильном порядке. Так как гусеница строится таким образом, она образует отдельные сегменты, которые постепенно сливаются. Количество сегментов начинается с нуля (без фрагментов), как правило, увеличивается примерно до одиннадцати или двенадцати, затем имеет тенденцию падать снова, прежде чем заканчиваться на одном сегменте (все штуки размещены). </p><p> Например: </p><p> Piece размещены сегментов так Far121422936434554354 ...... </p><p> Пусть M - максимальное количество сегментов, встречающихся во время случайного оплодотворения гусеницы. Для гусеницы из десяти штук количество возможностей для каждого М </p><p> M Возможности1512 2250912 31815264 41418112 5144000 </p><p> поэтому наиболее вероятное значение M равно 3, а среднее значение - 385643/113400 = 3,400732, округленное до шести знаков после запятой. </p><p> Наиболее вероятным значением M для гусеницы сорок частей является 11; но каково среднее значение M? Дайте ваш ответ округленным до шести знаков после запятой. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler253()</code> должен вернуть 11.492847.
+    testString: 'assert.strictEqual(euler253(), 11.492847, "<code>euler253()</code> should return 11.492847.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler253() {
+  // Good luck!
+  return true;
+}
+
+euler253();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-254-sums-of-digit-factorials.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-254-sums-of-digit-factorials.russian.md
new file mode 100644
index 0000000000..a9d750751a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-254-sums-of-digit-factorials.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f46b1000cf542c50ff7d
+challengeType: 5
+title: 'Problem 254: Sums of Digit Factorials'
+videoUrl: ''
+localeTitle: 'Задача 254: Суммы факториалов цифр'
+---
+
+## Description
+<section id="description"> Определим f (n) как сумму факториалов цифр n. Например, f (342) = 3! + 4! + 2! = 32. <p> Определим sf (n) как сумму цифр f (n). Итак, sf (342) = 3 + 2 = 5. </p><p> Определим g (i) как наименьшее натуральное число n такое, что sf (n) = i. Хотя sf (342) равно 5, sf (25) также равно 5, и можно проверить, что g (5) равно 25. </p><p> Определим sg (i) как сумму цифр g (i). Итак, sg (5) = 2 + 5 = 7. </p><p> Кроме того, можно проверить, что g (20) равно 267, а Σ sg (i) для 1 ≤ i ≤ 20 составляет 156. </p><p> Что такое Σ sg (i) для 1 ≤ i ≤ 150? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler254()</code> должен вернуть 8184523820510.
+    testString: 'assert.strictEqual(euler254(), 8184523820510, "<code>euler254()</code> should return 8184523820510.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler254() {
+  // Good luck!
+  return true;
+}
+
+euler254();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-255-rounded-square-roots.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-255-rounded-square-roots.russian.md
new file mode 100644
index 0000000000..1e7fde62a2
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-255-rounded-square-roots.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f46d1000cf542c50ff7f
+challengeType: 5
+title: 'Problem 255: Rounded Square Roots'
+videoUrl: ''
+localeTitle: 'Задача 255: Скругленные квадратные корни'
+---
+
+## Description
+<section id="description"> Мы определяем круглый квадратный корень положительного целого числа n в виде квадратного корня из n, округленного до ближайшего целого числа. <p> Следующая процедура (по существу, метод Херона, адаптированный к целочисленной арифметике) находит округленный квадратный корень из n: пусть d - число цифр числа n. Если d нечетно, задайте x0 = 2 × 10 (d-1) / 2. Если d четно, задайте x0 = 7 × 10 (d-2) / 2. Повторение: </p><p> пока xk + 1 = xk. </p><p> В качестве примера найдем закругленный квадратный корень n = 4321.n имеет 4 цифры, поэтому x0 = 7 × 10 (4-2) /2 = 70. Так как x2 = x1, остановимся здесь. Итак, после двух итераций мы обнаружили, что квадратный корень из 4321 равен 66 (фактический квадратный корень равен 65.7343137 ...). </p><p> Число итераций, требуемых при использовании этого метода, на удивление низкое. Например, мы можем найти закругленный квадратный корень из 5-значного целого числа (10 000 ≤ n ≤ 99,999) со средним значением 3.2102888889 итераций (среднее значение округлено до 10 знаков после запятой). </p><p> Используя описанную выше процедуру, каково среднее число итераций, необходимых для поиска округленного квадратного корня 14-значного числа (1013 ≤ n &lt;1014)? Дайте ваш ответ округленным до десяти знаков после запятой. </p><p> Примечание: Символы ⌊x⌋ и ⌈x⌉ представляют функцию пола и функцию потолка соответственно. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler255()</code> должен вернуться 4.447401118.
+    testString: 'assert.strictEqual(euler255(), 4.447401118, "<code>euler255()</code> should return 4.447401118.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler255() {
+  // Good luck!
+  return true;
+}
+
+euler255();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-256-tatami-free-rooms.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-256-tatami-free-rooms.russian.md
new file mode 100644
index 0000000000..feaa7125af
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-256-tatami-free-rooms.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f46c1000cf542c50ff7e
+challengeType: 5
+title: 'Problem 256: Tatami-Free Rooms'
+videoUrl: ''
+localeTitle: 'Задача 256: Номера, свободные от татами'
+---
+
+## Description
+<section id="description"> Татами - прямоугольные маты, используемые для полного покрытия пола комнаты, без перекрытия. <p> Предполагая, что единственный тип доступных татами имеет размеры 1 × 2, очевидно, что существуют некоторые ограничения для формы и размера комнат, которые могут быть покрыты. </p><p> Для этой проблемы мы рассматриваем только прямоугольные комнаты с целыми размерами a, b и даже размером s = a · b. Мы используем термин «размер», чтобы обозначить площадь поверхности пола комнаты, и - без потери общности - добавим условие a ≤ b. </p><p> При кладке татами необходимо соблюдать одно правило: не должно быть точек, где встречаются углы четырех разных матов. Например, рассмотрите два соглашения ниже для 4 × 4 комнаты: </p><p> Расположение слева приемлемо, тогда как справа нет: красный «X» посередине, отметит точку, в которой встречаются четыре татами. </p><p> Из-за этого правила некоторые комнаты с определенным размером не могут быть покрыты татами: мы называем их комнатами без татами. Далее, мы определяем T (s) как количество комнат без татами размером s. </p><p> Самая маленькая комната без татами имеет размер s = 70 и размеры 7 × 10. Все остальные комнаты размером s = 70 могут быть покрыты татами; они: 1 × 70, 2 × 35 и 5 × 14. Следовательно, T (70) = 1. </p><p> Аналогично, мы можем проверить, что T (1320) = 5, потому что имеется ровно 5 комнат без татами размером s = 1320: 20 × 66, 22 × 60, 24 × 55, 30 × 44 и 33 × 40. Действительно, s = 1320 - наименьший размер комнаты s, для которого T (s) = 5. </p><p> Найдите наименьший размер комнаты s, для которого T (s) = 200. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler256()</code> должен вернуть 85765680.
+    testString: 'assert.strictEqual(euler256(), 85765680, "<code>euler256()</code> should return 85765680.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler256() {
+  // Good luck!
+  return true;
+}
+
+euler256();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-257-angular-bisectors.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-257-angular-bisectors.russian.md
new file mode 100644
index 0000000000..15f47396fd
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-257-angular-bisectors.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f46e1000cf542c50ff80
+challengeType: 5
+title: 'Problem 257: Angular Bisectors'
+videoUrl: ''
+localeTitle: 'Задача 257: Угловые биссектрисы'
+---
+
+## Description
+<section id="description"> Дано целочисленный треугольник ABC со сторонами a ≤ b ≤ c. (AB = c, BC = a и AC = b). Угловые биссектрисы треугольника пересекают стороны в точках E, F и G (см. Рисунок ниже). <p> Сегменты EF, EG и FG разбивают треугольник ABC на четыре меньших треугольника: AEG, BFE, CGF и EFG. Можно доказать, что для каждого из этих четырех треугольников площадь отношения (ABC) / область (субтреугольник) рациональна. Однако существуют треугольники, для которых некоторые или все эти отношения являются интегральными. </p><p> Сколько треугольников ABC с периметром ≤ 100 000 000 существует, так что область отношения (ABC) / область (AEG) является интегральной? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler257()</code> должен вернуть 139012411.
+    testString: 'assert.strictEqual(euler257(), 139012411, "<code>euler257()</code> should return 139012411.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler257() {
+  // Good luck!
+  return true;
+}
+
+euler257();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-258-a-lagged-fibonacci-sequence.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-258-a-lagged-fibonacci-sequence.russian.md
new file mode 100644
index 0000000000..92f16c26b0
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-258-a-lagged-fibonacci-sequence.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f46e1000cf542c50ff81
+challengeType: 5
+title: 'Problem 258: A lagged Fibonacci sequence'
+videoUrl: ''
+localeTitle: 'Задача 258: Последовательность Фибоначчи с запаздыванием'
+---
+
+## Description
+<section id="description"> Последовательность определяется как: <p> gk = 1, для 0 ≤ k ≤ 1999 gk = gk-2000 + gk-1999, для k ≥ 2000. Найдите gk mod 20092010 для k = 1018. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler258()</code> должен вернуть 12747994.
+    testString: 'assert.strictEqual(euler258(), 12747994, "<code>euler258()</code> should return 12747994.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler258() {
+  // Good luck!
+  return true;
+}
+
+euler258();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-259-reachable-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-259-reachable-numbers.russian.md
new file mode 100644
index 0000000000..6be835a103
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-259-reachable-numbers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4701000cf542c50ff82
+challengeType: 5
+title: 'Problem 259: Reachable Numbers'
+videoUrl: ''
+localeTitle: 'Проблема 259: Доступные числа'
+---
+
+## Description
+<section id="description"> Положительное целое будет называться достижимым, если это может быть результатом арифметического выражения, подчиняющегося следующим правилам: <p> Использует цифры от 1 до 9, в том порядке и ровно один раз. Любые последовательные цифры могут быть объединены (например, используя цифры 2, 3 и 4, мы получим номер 234). Допускаются только четыре обычные бинарные арифметические операции (сложение, вычитание, умножение и деление). Каждая операция может использоваться любое количество раз или вообще не используется. Унарный минус не допускается. Для определения порядка операций можно использовать любое число (возможно, вложенных) круглых скобок. Например, 42 достижимо, поскольку (1/23) <em>((4</em> 5) -6) * (78-9) = 42. </p><p> Какова сумма всех положительных достижимых целых чисел? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler259()</code> должен вернуть 20101196798.
+    testString: 'assert.strictEqual(euler259(), 20101196798, "<code>euler259()</code> should return 20101196798.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler259() {
+  // Good luck!
+  return true;
+}
+
+euler259();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-26-reciprocal-cycles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-26-reciprocal-cycles.russian.md
new file mode 100644
index 0000000000..1251749540
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-26-reciprocal-cycles.russian.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3861000cf542c50fe99
+challengeType: 5
+title: 'Problem 26: Reciprocal cycles'
+videoUrl: ''
+localeTitle: 'Проблема 26: Взаимные циклы'
+---
+
+## Description
+<section id="description"> Единичная доля содержит 1 в числителе. Дано десятичное представление единичных дробей с знаменателями от 2 до 10: <div style="padding-left: 4em; display: inline-grid; grid-template-rows: auto; row-gap: 7px;"><div> <sup><sub>1/2</sub></sup> = 0,5 </div><div> <sup><sub>1/3</sub></sup> = 0. (3) </div><div> На <sup><sub>1/4</sub></sup> = 0,25 </div><div> <sup><sub>1/5</sub></sup> = 0,2 </div><div> <sup><sub>1/6</sub></sup> = 0,1 (6) </div><div> <sup><sub>1/7</sub></sup> = 0. (142857) </div><div> На <sup><sub>1/8</sub></sup> = 0,125 </div><div> <sup><sub>1/9</sub></sup> = 0. (1) </div><div> <sup><sub>1/10</sub></sup> = 0,1 </div></div> Где 0,1 (6) означает 0.166666 ... и имеет повторяющийся цикл из 1 цифры. Можно видеть , что <sup><sub>1/7</sub></sup> имеет 6-значный повторяющийся цикл. Найдите значение <var>d</var> &lt; <var>n,</var> для которого <sup>1</sup> / <sub>d</sub> содержит самый длинный повторяющийся цикл в его десятичной дробной части. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>reciprocalCycles(700)</code> должен возвращать 659.
+    testString: 'assert(reciprocalCycles(700) == 659, "<code>reciprocalCycles(700)</code> should return 659.");'
+  - text: <code>reciprocalCycles(800)</code> должен возвращать 743.
+    testString: 'assert(reciprocalCycles(800) == 743, "<code>reciprocalCycles(800)</code> should return 743.");'
+  - text: <code>reciprocalCycles(900)</code> должен возвращать 887.
+    testString: 'assert(reciprocalCycles(900) == 887, "<code>reciprocalCycles(900)</code> should return 887.");'
+  - text: <code>reciprocalCycles(1000)</code> должен возвращать 983.
+    testString: 'assert(reciprocalCycles(1000) == 983, "<code>reciprocalCycles(1000)</code> should return 983.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function reciprocalCycles(n) {
+  // Good luck!
+  return n;
+}
+
+reciprocalCycles(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-260-stone-game.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-260-stone-game.russian.md
new file mode 100644
index 0000000000..c6dd9a5fc2
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-260-stone-game.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4701000cf542c50ff83
+challengeType: 5
+title: 'Problem 260: Stone Game'
+videoUrl: ''
+localeTitle: 'Задача 260: Каменная игра'
+---
+
+## Description
+<section id="description"> В игру играют три груды камней и два игрока. В свою очередь игрок удаляет один или несколько камней из свай. Однако, если она берет камни из более чем одной кучи, она должна удалить столько же камней из каждой из выбранных свай. <p> Другими словами, игрок выбирает некоторое N&gt; 0 и удаляет: N камней из любой одной сваи; или N камней из каждой из двух свай (всего 2N); или N камней от каждой из трех свай (всего 3N). Игрок, принимающий последний камень (-ы), выигрывает игру. </p><p> Победившая конфигурация - это та, где первый игрок может заставить выиграть. Например, (0,0,13), (0,11,11) и (5,5,5) являются выигрышными конфигурациями, потому что первый игрок может сразу удалить все камни. </p><p> Потерянная конфигурация - это та, где второй игрок может заставить победу, независимо от того, что делает первый игрок. Например, (0,1,2) и (1,3,3) теряют конфигурации: любой юридический ход оставляет выигрышную конфигурацию для второго игрока. </p><p> Рассмотрим все потери конфигураций (xi, yi, zi), где xi ≤ yi ≤ zi ≤ 100. Мы можем проверить, что для них Σ (xi + yi + zi) = 173895. </p><p> Найдите Σ (xi + yi + zi), где (xi, yi, zi) пробегает потеряющие конфигурации с xi ≤ yi ≤ zi ≤ 1000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler260()</code> должен вернуть 167542057.
+    testString: 'assert.strictEqual(euler260(), 167542057, "<code>euler260()</code> should return 167542057.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler260() {
+  // Good luck!
+  return true;
+}
+
+euler260();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-261-pivotal-square-sums.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-261-pivotal-square-sums.russian.md
new file mode 100644
index 0000000000..9f1446e33d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-261-pivotal-square-sums.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4711000cf542c50ff84
+challengeType: 5
+title: 'Problem 261: Pivotal Square Sums'
+videoUrl: ''
+localeTitle: 'Задача 261: суммарные квадратные суммы'
+---
+
+## Description
+<section id="description"> Назовем положительный целочисленный квадрат квадрата ka, если существует пара целых чисел m&gt; 0 и n ≥ k, так что сумма (m + 1) последовательных квадратов до k равна сумме m последовательных квадратов от (n + 1): <p> (км) 2 + ... + k2 = (n + 1) 2 + ... + (n + m) 2. </p><p> Некоторые небольшие квадратные точки: 4: 32 + 42 = 52 21: 202 + 212 = 292 24: 212 + 222 + 232 + 242 = 252 + 262 + 272 110: 1082 + 1092 + 1102 = 1332 + 1342Найти сумму всех четкие квадратные точки ≤ 1010. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler261()</code> должен вернуть 238890850232021.
+    testString: 'assert.strictEqual(euler261(), 238890850232021, "<code>euler261()</code> should return 238890850232021.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler261() {
+  // Good luck!
+  return true;
+}
+
+euler261();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-262-mountain-range.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-262-mountain-range.russian.md
new file mode 100644
index 0000000000..a7a3828519
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-262-mountain-range.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4731000cf542c50ff85
+challengeType: 5
+title: 'Problem 262: Mountain Range'
+videoUrl: ''
+localeTitle: 'Задача 262: Горный хребет'
+---
+
+## Description
+<section id="description"> Следующее уравнение представляет непрерывную топографию горной области, дающую возвышение h в любой точке (x, y): <p> Москит намерен летать от А (200 200) до B (1400, 1400), не покидая области, заданной 0 ≤ x, y ≤ 1600. </p><p> Из-за промежуточных гор он сначала поднимается прямо до точки A &#39;, имеющей отметку f. Затем, оставаясь на одном и том же уровне f, он летает вокруг любых препятствий, пока он не достигнет точки B &#39;непосредственно над B. </p><p> Сначала определите fmin, который является минимальной постоянной высотой, позволяющей такое путешествие от A до B, оставаясь в указанной области. Затем найдите длину кратчайшего пути между A &#39;и B&#39;, при этом пролетев на этой постоянной высоте fmin. </p><p> Дайте эту длину как ваш ответ, округленный до трех знаков после запятой. </p><p> Примечание: для удобства приведенная выше функция возвышения повторяется ниже в форме, подходящей для большинства языков программирования: h = (5000-0,005 <em>(x</em> x + y <em>y + x</em> y) +12,5 <em>(x + y))</em> exp (- абс (0,000001 <em>(x</em> x + y <em>y) -0,0015</em> (x + y) +0,7)) </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler262()</code> должен вернуть 2531.205.
+    testString: 'assert.strictEqual(euler262(), 2531.205, "<code>euler262()</code> should return 2531.205.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler262() {
+  // Good luck!
+  return true;
+}
+
+euler262();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-263-an-engineers-dream-come-true.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-263-an-engineers-dream-come-true.russian.md
new file mode 100644
index 0000000000..96880178a3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-263-an-engineers-dream-come-true.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4741000cf542c50ff86
+challengeType: 5
+title: 'Problem 263: An engineers" dream come true'
+videoUrl: ''
+localeTitle: 'Проблема 263: Инженеры «мечты сбываются»'
+---
+
+## Description
+<section id="description"> Рассмотрим число 6. Дивизорами 6 являются: 1,2,3 и 6. Каждое число от 1 до 6 включительно и может быть записано как сумма различных делителей 6: 1 = 1, 2 = 2, 3 = 1 + 2, 4 = 1 + 3, 5 = 2 + 3, 6 = 6. Число n называется практическим числом, если каждое число от 1 до и включая n можно выразить как сумму различных делителей n. <p> Пара последовательных простых чисел с разницей в шесть называется сексуальной парой (поскольку «секс» является латинским словом «шесть»). Первая сексуальная пара (23, 29). </p><p> Иногда мы можем найти тройную пару, которая означает три последовательные пары секси простых пар, так что второй член каждой пары является первым членом следующей пары. </p><p> Назовем число n таким, что: (n-9, n-3), (n-3, n + 3), (n + 3, n + 9) образуют тройную пару, а числа n-8 , n-4, n, n + 4 и n + 8 все практичны, </p><p> рай для инженеров. </p><p> Найдите сумму первых четырех инженерных раев. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler263()</code> должен вернуть 2039506520.
+    testString: 'assert.strictEqual(euler263(), 2039506520, "<code>euler263()</code> should return 2039506520.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler263() {
+  // Good luck!
+  return true;
+}
+
+euler263();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-264-triangle-centres.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-264-triangle-centres.russian.md
new file mode 100644
index 0000000000..55469a064b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-264-triangle-centres.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4751000cf542c50ff87
+challengeType: 5
+title: 'Problem 264: Triangle Centres'
+videoUrl: ''
+localeTitle: 'Проблема 264: Треугольные центры'
+---
+
+## Description
+<section id="description"> Рассмотрим все треугольники, имеющие: все их вершины на точках решетки. Циркуцентр в начале координат О. Ортоцентрический в точке Н (5, 0). Существует девять таких треугольников, имеющих периметр ≤ 50. Перечислены и показаны в порядке возрастания их периметра: <p> A (-4, 3), B (5, 0), C (4, -3) A (4, 3), B (5, 0), C (-4, -3) A (-3, 4 ), B (5, 0), C (3, -4) A (3, 4), B (5, 0), C (-3, -4) A (0, 5), B (5, 0 ), C (0, -5) A (1, 8), B (8, -1), C (-4, -7) A (8, 1), B (1, -8), C (- 4, 7) A (2, 9), B (9, -2), C (-6, -7) A (9, 2), B (2, -9), C (-6, 7) </p><p> Сумма их периметров, округленная до четырех знаков после запятой, составляет 291,0089. </p><p> Найдите все такие треугольники с периметром ≤ 105. Введите в качестве ответа сумму их периметров, округленных до четырех знаков после запятой. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler264()</code> должен вернуться 2816417.1055.
+    testString: 'assert.strictEqual(euler264(), 2816417.1055, "<code>euler264()</code> should return 2816417.1055.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler264() {
+  // Good luck!
+  return true;
+}
+
+euler264();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-265-binary-circles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-265-binary-circles.russian.md
new file mode 100644
index 0000000000..f549fa3d09
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-265-binary-circles.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4761000cf542c50ff88
+challengeType: 5
+title: 'Problem 265: Binary Circles'
+videoUrl: ''
+localeTitle: 'Задача 265: двоичные круги'
+---
+
+## Description
+<section id="description"> 2N двоичные цифры могут быть помещены в круг, так что все N-значные подпоследовательности по часовой стрелке различны. <p> При N = 3 возможны два таких круглых устройства, игнорируя вращения: </p><p> Для первой компоновки 3-значные подпоследовательности в порядке по часовой стрелке составляют: 000, 001, 010, 101, 011, 111, 110 и 100. </p><p> Каждое круговое расположение может быть закодировано как число путем объединения двоичных цифр, начиная с подпоследовательности всех нулей в качестве наиболее значимых бит и продолжая по часовой стрелке. Таким образом, два устройства для N = 3 представлены как 23 и 29: 00010111 2 = 23 00011101 2 = 29 </p><p> Вызывая S (N) сумму уникальных числовых представлений, мы можем видеть, что S (3) = 23 + 29 = 52. </p><p> Найти S (5). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler265()</code> должен вернуть 209110240768.
+    testString: 'assert.strictEqual(euler265(), 209110240768, "<code>euler265()</code> should return 209110240768.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler265() {
+  // Good luck!
+  return true;
+}
+
+euler265();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-266-pseudo-square-root.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-266-pseudo-square-root.russian.md
new file mode 100644
index 0000000000..019c24b52c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-266-pseudo-square-root.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4771000cf542c50ff89
+challengeType: 5
+title: 'Problem 266: Pseudo Square Root'
+videoUrl: ''
+localeTitle: 'Задача 266: Псевдо-квадратный корень'
+---
+
+## Description
+<section id="description"> Дивизорами 12 являются: 1,2,3,4,6 и 12. Наибольший делитель 12, который не превышает квадратный корень из 12, равен 3. Мы будем называть наибольший дивизор целого числа n, не превосходящего квадратный корень из n псевдоквадратного корня (PSR) n. Видно, что PSR (3102) = 47. <p> Пусть p - произведение простых чисел ниже 190. Найдите PSR (p) mod 1016. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler266()</code> должен вернуть 1096883702440585.
+    testString: 'assert.strictEqual(euler266(), 1096883702440585, "<code>euler266()</code> should return 1096883702440585.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler266() {
+  // Good luck!
+  return true;
+}
+
+euler266();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-267-billionaire.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-267-billionaire.russian.md
new file mode 100644
index 0000000000..5e52ddeff3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-267-billionaire.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4771000cf542c50ff8a
+challengeType: 5
+title: 'Problem 267: Billionaire'
+videoUrl: ''
+localeTitle: 'Проблема 267: Миллиардер'
+---
+
+## Description
+<section id="description"> Вам предоставляется уникальная инвестиционная возможность. Начиная с 1 фунта капитала, вы можете выбрать фиксированную пропорцию, f, вашего капитала, чтобы делать ставку на честную монету, чтобы бросить несколько раз за 1000 бросков. Ваше возвращение удваивает вашу ставку для голов, и вы теряете свою ставку за хвосты. Например, если f = 1/4, для первого броска вы ставите £ 0,25, а если голова поднимается, вы выигрываете £ 0,5, а затем получаете £ 1.5. Затем вы ставите £ 0,375, и если второй бросок - это хвосты, у вас есть £ 1.125. Выбрав f, чтобы максимизировать ваши шансы иметь по меньшей мере 1 000 000 000 фунтов стерлингов после 1000 флип, какова вероятность того, что вы станете миллиардером? Все вычисления считаются точными (без округления), но дайте ответ округленным до 12 цифр за десятичной точкой в ​​форме 0.abcdefghijkl. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler267()</code> должен вернуть 0.999992836187.
+    testString: 'assert.strictEqual(euler267(), 0.999992836187, "<code>euler267()</code> should return 0.999992836187.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler267() {
+  // Good luck!
+  return true;
+}
+
+euler267();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-268-counting-numbers-with-at-least-four-distinct-prime-factors-less-than-100.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-268-counting-numbers-with-at-least-four-distinct-prime-factors-less-than-100.russian.md
new file mode 100644
index 0000000000..001a292f6d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-268-counting-numbers-with-at-least-four-distinct-prime-factors-less-than-100.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4791000cf542c50ff8b
+challengeType: 5
+title: 'Problem 268: Counting numbers with at least four distinct prime factors less than 100'
+videoUrl: ''
+localeTitle: 'Задача 268: подсчет чисел с не менее чем четырьмя различными основными коэффициентами менее 100'
+---
+
+## Description
+<section id="description"> Можно проверить, что существует 23 положительных целых числа менее 1000, которые делятся по крайней мере на четыре разных простых числа меньше 100. <p> Найдите, сколько положительных целых чисел меньше 1016 делится, по крайней мере, на четыре разных простых числа меньше 100. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler268()</code> должен вернуть 785478606870985.
+    testString: 'assert.strictEqual(euler268(), 785478606870985, "<code>euler268()</code> should return 785478606870985.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler268() {
+  // Good luck!
+  return true;
+}
+
+euler268();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-269-polynomials-with-at-least-one-integer-root.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-269-polynomials-with-at-least-one-integer-root.russian.md
new file mode 100644
index 0000000000..23c5737340
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-269-polynomials-with-at-least-one-integer-root.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4791000cf542c50ff8c
+challengeType: 5
+title: 'Problem 269: Polynomials with at least one integer root'
+videoUrl: ''
+localeTitle: 'Задача 269: Полиномы с хотя бы одним целым корнем'
+---
+
+## Description
+<section id="description"> Корень или нуль многочлена P (x) является решением уравнения P (x) = 0. Определим Pn как многочлен, коэффициенты которого являются числами n. Например, P5703 (x) = 5x3 + 7x2 + 3. <p> Мы можем видеть, что: Pn (0) - последняя цифра n, Pn (1) - сумма цифр n, Pn (10) - n. Define Z (k) как число положительных целых чисел, n , не превышающее k, для которого многочлен Pn имеет хотя бы один целочисленный корень. </p><p> Можно проверить, что Z (100 000) составляет 14696. </p><p> Что такое Z (1016)? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler269()</code> должен вернуть 1311109198529286.
+    testString: 'assert.strictEqual(euler269(), 1311109198529286, "<code>euler269()</code> should return 1311109198529286.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler269() {
+  // Good luck!
+  return true;
+}
+
+euler269();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-27-quadratic-primes.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-27-quadratic-primes.russian.md
new file mode 100644
index 0000000000..3e4391f432
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-27-quadratic-primes.russian.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3871000cf542c50fe9a
+challengeType: 5
+title: 'Problem 27: Quadratic primes'
+videoUrl: ''
+localeTitle: 'Задача 27: Квадратичные простые числа'
+---
+
+## Description
+<section id="description"> Эйлер обнаружил замечательную квадратичную формулу: $ n ^ 2 + n + 41 $ Оказывается, что формула будет давать 40 простых чисел для последовательных целочисленных значений $ 0 \ le n \ le 39 $. Однако, когда $ n = 40, 40 ^ 2 + 40 + 41 = 40 (40 + 1) + 41 $ делится на 41, и, конечно, когда $ n = 41, 41 ^ 2 + 41 + 41 $ явно делится на 41. Была обнаружена невероятная формула $ n ^ 2 - 79n + 1601 $, которая дает 80 простых чисел для последовательных значений $ 0 \ le n \ le 79 $. Произведением коэффициентов -79 и 1601 является -126479. Учитывая квадратичность вида: <p> $ n ^ 2 + an + b $, где $ | a | &lt;диапазон $ и $ | b | \ le range $, где $ | n | $ - модуль / абсолютное значение $ n $, например $ | 11 | = 11 $ и $ | -4 | = 4 $ </p><p> Найдите произведение коэффициентов $ a $ и $ b $ для квадратичного выражения, которое выражает максимальное число простых чисел для последовательных значений $ n $, начиная с $ n = 0 $. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>quadraticPrimes(200)</code> должен возвращать -4925.
+    testString: 'assert(quadraticPrimes(200) == -4925, "<code>quadraticPrimes(200)</code> should return -4925.");'
+  - text: <code>quadraticPrimes(500)</code> должен возвращать -18901.
+    testString: 'assert(quadraticPrimes(500) == -18901, "<code>quadraticPrimes(500)</code> should return -18901.");'
+  - text: <code>quadraticPrimes(800)</code> должен возвращать -43835.
+    testString: 'assert(quadraticPrimes(800) == -43835, "<code>quadraticPrimes(800)</code> should return -43835.");'
+  - text: <code>quadraticPrimes(1000)</code> должен возвращать -59231.
+    testString: 'assert(quadraticPrimes(1000) == -59231, "<code>quadraticPrimes(1000)</code> should return -59231.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function quadraticPrimes(range) {
+  // Good luck!
+  return range;
+}
+
+quadraticPrimes(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-270-cutting-squares.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-270-cutting-squares.russian.md
new file mode 100644
index 0000000000..b69e46b567
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-270-cutting-squares.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f47c1000cf542c50ff8e
+challengeType: 5
+title: 'Problem 270: Cutting Squares'
+videoUrl: ''
+localeTitle: 'Задача 270: Режущие квадраты'
+---
+
+## Description
+<section id="description"> Квадратный кусок бумаги с целыми размерами N × N помещается с углом в начале и двумя его сторонами вдоль осей x и y. Затем мы остановимся на соблюдении следующих правил: мы делаем только прямые разрезы между двумя точками, лежащими по разные стороны от квадрата, и имеющими целые координаты. Два разреза не могут пересекаться, но несколько разрезов могут встречаться в одной и той же пограничной точке. Продолжайте, пока не будет сделано никаких юридических разрешений. Подсчитав любые отражения или вращения как отличные, мы назовем C (N) количеством способов разрезать квадрат N × N. Например, C (1) = 2 и C (2) = 30 (показано ниже). <p> Что такое C (30) mod 108? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler270()</code> должен вернуть 82282080.
+    testString: 'assert.strictEqual(euler270(), 82282080, "<code>euler270()</code> should return 82282080.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler270() {
+  // Good luck!
+  return true;
+}
+
+euler270();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-271-modular-cubes-part-1.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-271-modular-cubes-part-1.russian.md
new file mode 100644
index 0000000000..e222a321e6
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-271-modular-cubes-part-1.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f47b1000cf542c50ff8d
+challengeType: 5
+title: 'Problem 271: Modular Cubes, part 1'
+videoUrl: ''
+localeTitle: 'Проблема 271: Модульные кубы, часть 1'
+---
+
+## Description
+<section id="description"> Для положительного числа n определим S (n) как сумму целых чисел x, для которых 1 <p> При n = 91 существует 8 возможных значений для x, а именно: 9, 16, 22, 29, 53, 74, 79, 81. Таким образом, S (91) = 9 + 16 + 22 + 29 + 53 + 74 + 79 + 81 = 363. </p><p> Найти S (13082761331670030). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler271()</code> должен вернуть 4617456485273130000.
+    testString: 'assert.strictEqual(euler271(), 4617456485273130000, "<code>euler271()</code> should return 4617456485273130000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler271() {
+  // Good luck!
+  return true;
+}
+
+euler271();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-272-modular-cubes-part-2.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-272-modular-cubes-part-2.russian.md
new file mode 100644
index 0000000000..c32a97d436
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-272-modular-cubes-part-2.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f47d1000cf542c50ff8f
+challengeType: 5
+title: 'Problem 272: Modular Cubes, part 2'
+videoUrl: ''
+localeTitle: 'Задача 272: Модульные кубы, часть 2'
+---
+
+## Description
+<section id="description"> Для положительного числа n определим C (n) как число целых чисел x, для которых 1 <p> При n = 91 существует 8 возможных значений для x, а именно: 9, 16, 22, 29, 53, 74, 79, 81. Таким образом, C (91) = 8. </p><p> Найдите сумму положительных чисел n≤1011, для которых C (n) = 242. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler272()</code> должен вернуть 8495585919506151000.
+    testString: 'assert.strictEqual(euler272(), 8495585919506151000, "<code>euler272()</code> should return 8495585919506151000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler272() {
+  // Good luck!
+  return true;
+}
+
+euler272();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-273-sum-of-squares.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-273-sum-of-squares.russian.md
new file mode 100644
index 0000000000..1c90ed51af
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-273-sum-of-squares.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f47e1000cf542c50ff90
+challengeType: 5
+title: 'Problem 273: Sum of Squares'
+videoUrl: ''
+localeTitle: 'Задача 273: Сумма квадратов'
+---
+
+## Description
+<section id="description"> Рассмотрим уравнения вида: a2 + b2 = N, 0 ≤ a ≤ b, a, b и N целое число. <p> Для N = 65 существуют два решения: a = 1, b = 8 и a = 4, b = 7. Назовем S (N) суммой значений a всех решений a2 + b2 = N, 0 ≤ a ≤ b, a, b и N целых чисел. Таким образом, S (65) = 1 + 4 = 5. Найти ΣS (N), для всех квадратов N, только делимых штрихами вида 4k + 1 с 4k + 1 &lt;150. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler273()</code> должен вернуть 2032447591196869000.
+    testString: 'assert.strictEqual(euler273(), 2032447591196869000, "<code>euler273()</code> should return 2032447591196869000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler273() {
+  // Good luck!
+  return true;
+}
+
+euler273();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-274-divisibility-multipliers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-274-divisibility-multipliers.russian.md
new file mode 100644
index 0000000000..e4b34afe17
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-274-divisibility-multipliers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f47f1000cf542c50ff91
+challengeType: 5
+title: 'Problem 274: Divisibility Multipliers'
+videoUrl: ''
+localeTitle: 'Задача 274: Множители делимости'
+---
+
+## Description
+<section id="description"> Для каждого целого числа p&gt; 1, равного 10, существует множитель положительной делимости m &lt;p, который сохраняет делимость на p для следующей функции на любом натуральном числе n: <p> f (n) = (все, кроме последней цифры n) + (последняя цифра n) * m </p><p> То есть, если m - множитель делимости для p, то f (n) делится на p тогда и только тогда, когда n делится на p. </p><p> (Когда n много больше p, f (n) будет меньше n, а повторное применение f дает мультипликативный тест делимости для p.) </p><p> Например, множитель делимости для 113 равен 34. </p><p> f (76275) = 7627 + 5 <em>34 = 7797: 76275 и 7797 оба делятся на 113f (12345) = 1234 + 5</em> 34 = 1404: 12345 и 1404 оба не делятся на 113 </p><p> Сумма умножителей делимости для простых чисел, равных 10 и менее 1000, равна 39517. Какова сумма коэффициентов делимости для простых чисел, которые являются взаимными до 10 и менее 107? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler274()</code> должен вернуть 1601912348822.
+    testString: 'assert.strictEqual(euler274(), 1601912348822, "<code>euler274()</code> should return 1601912348822.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler274() {
+  // Good luck!
+  return true;
+}
+
+euler274();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-275-balanced-sculptures.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-275-balanced-sculptures.russian.md
new file mode 100644
index 0000000000..2e99168209
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-275-balanced-sculptures.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4801000cf542c50ff92
+challengeType: 5
+title: 'Problem 275: Balanced Sculptures'
+videoUrl: ''
+localeTitle: 'Задача 275: Сбалансированные скульптуры'
+---
+
+## Description
+<section id="description"> Определим сбалансированную скульптуру порядка n следующим образом: полиномино, состоящее из n + 1 плиток, известных как блоки (n плитки) и плинтус (оставшаяся плитка); цоколь имеет свой центр в положении (x = 0, y = 0); блоки имеют y-координаты больше нуля (поэтому цоколь является уникальной нижней плитой); центр масс всех блоков, объединенный, имеет координату x, равную нулю. При подсчете скульптур любые аранжировки, которые являются просто отражениями вокруг оси y, не учитываются как разные. Например, 18 сбалансированных скульптур порядка 6 показаны ниже; обратите внимание, что каждая пара зеркальных изображений (вокруг оси y) считается одной из скульптур: <p> Есть 964 сбалансированных скульптуры порядка 10 и 360505 порядка 15. Как много сбалансированных скульптур есть порядок 18? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler275()</code> должен вернуть 15030564.
+    testString: 'assert.strictEqual(euler275(), 15030564, "<code>euler275()</code> should return 15030564.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler275() {
+  // Good luck!
+  return true;
+}
+
+euler275();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-276-primitive-triangles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-276-primitive-triangles.russian.md
new file mode 100644
index 0000000000..1806064b62
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-276-primitive-triangles.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4801000cf542c50ff93
+challengeType: 5
+title: 'Problem 276: Primitive Triangles'
+videoUrl: ''
+localeTitle: 'Задача 276: Примитивные треугольники'
+---
+
+## Description
+<section id="description"> Рассмотрим треугольники с целыми сторонами a, b и c с ≤ b ≤ c. Целочисленный односторонний треугольник (a, b, c) называется примитивным, если gcd (a, b, c) = 1. Сколько примитивных целочисленных треугольников существует с периметром, не превышающим 10 000 000? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler276()</code> должен вернуть 5777137137739633000.
+    testString: 'assert.strictEqual(euler276(), 5777137137739633000, "<code>euler276()</code> should return 5777137137739633000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler276() {
+  // Good luck!
+  return true;
+}
+
+euler276();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-277-a-modified-collatz-sequence.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-277-a-modified-collatz-sequence.russian.md
new file mode 100644
index 0000000000..a24ff7896a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-277-a-modified-collatz-sequence.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4811000cf542c50ff94
+challengeType: 5
+title: 'Problem 277: A Modified Collatz sequence'
+videoUrl: ''
+localeTitle: 'Задача 277: Измененная последовательность Collatz'
+---
+
+## Description
+<section id="description"> Измененная последовательность целых чисел Collatz получается из начального значения a1 следующим образом: <p> an + 1 = an / 3, если an делится на 3. Мы будем обозначать это как большой шаг вниз, «D». </p><p> an + 1 = (4an + 2) / 3, если деленная на 3 дает остаток от 1. Мы будем обозначать это как восходящий шаг «U». </p><p> an + 1 = (2an - 1) / 3, если деленная на 3 дает остаток от 2. Мы будем обозначать это как небольшой шаг вниз «d». </p><p> Последовательность завершается при некотором an = 1. </p><p> Для любого целого числа мы можем перечислить последовательность шагов. Например, если a1 = 231, то последовательность {an} = {231,77,51,17,11,7,10,14,9,3,1} соответствует этапам «DdDddUUdDD». </p><p> Конечно, есть и другие последовательности, начинающиеся с той же последовательности «DdDddUUdDD ....». Например, если a1 = 1004064, то последовательностью является DdDddUUdDDDUDUDUUdDdUUDDDUdDD. Фактически, 1004064 является наименьшим возможным a1&gt; 106, которое начинается с последовательности DdDddUUdDD. </p><p> Каков самый маленький a1&gt; 1015, который начинается с последовательности «UDDDUdddDDUDDddDdDddDDUDDdUUDd»? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler277()</code> должен вернуть 1125977393124310.
+    testString: 'assert.strictEqual(euler277(), 1125977393124310, "<code>euler277()</code> should return 1125977393124310.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler277() {
+  // Good luck!
+  return true;
+}
+
+euler277();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-278-linear-combinations-of-semiprimes.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-278-linear-combinations-of-semiprimes.russian.md
new file mode 100644
index 0000000000..28f2ea861d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-278-linear-combinations-of-semiprimes.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4831000cf542c50ff95
+challengeType: 5
+title: 'Problem 278: Linear Combinations of Semiprimes'
+videoUrl: ''
+localeTitle: 'Задача 278: Линейные комбинации полупространств'
+---
+
+## Description
+<section id="description"> Учитывая значения целых чисел 1 &lt;a1 &lt;a2 &lt;... &lt;an, рассмотрим линейную комбинацию q1a1 + q2a2 + ... + qnan = b, используя только целые значения qk ≥ 0. <p> Заметим, что для данного набора ak может быть, что не все значения b возможны. Например, если a1 = 5 и a2 = 7, то нет q1 ≥ 0 и q2 ≥ 0, так что b может быть 1, 2, 3, 4, 6, 8, 9, 11, 13, 16, 18 или 23 , </p><p> На самом деле 23 является наибольшим невозможным значением b для a1 = 5 и a2 = 7. Поэтому мы будем называть f (5, 7) = 23. Аналогично, можно показать, что f (6, 10, 15) = 29 и f (14, 22, 77) = 195. </p><p> Найти Σ f (p <em>q, p</em> r, q * r), где p, q и r - простые числа и p &lt;q &lt;r &lt;5000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler278()</code> должен вернуться 1228215747273908500.
+    testString: 'assert.strictEqual(euler278(), 1228215747273908500, "<code>euler278()</code> should return 1228215747273908500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler278() {
+  // Good luck!
+  return true;
+}
+
+euler278();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-279-triangles-with-integral-sides-and-an-integral-angle.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-279-triangles-with-integral-sides-and-an-integral-angle.russian.md
new file mode 100644
index 0000000000..4f12cc8d41
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-279-triangles-with-integral-sides-and-an-integral-angle.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4841000cf542c50ff96
+challengeType: 5
+title: 'Problem 279: Triangles with integral sides and an integral angle'
+videoUrl: ''
+localeTitle: 'Задача 279: Треугольники с целыми сторонами и интегральный угол'
+---
+
+## Description
+<section id="description"> Сколько треугольников имеется с целыми сторонами, по крайней мере один интегральный угол (измеряется в градусах) и периметр, который не превышает 108? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler279()</code> должен вернуть 416577688.
+    testString: 'assert.strictEqual(euler279(), 416577688, "<code>euler279()</code> should return 416577688.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler279() {
+  // Good luck!
+  return true;
+}
+
+euler279();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-28-number-spiral-diagonals.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-28-number-spiral-diagonals.russian.md
new file mode 100644
index 0000000000..f67de0ce3f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-28-number-spiral-diagonals.russian.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3881000cf542c50fe9b
+challengeType: 5
+title: 'Problem 28: Number spiral diagonals'
+videoUrl: ''
+localeTitle: 'Задача 28: Число спиральных диагоналей'
+---
+
+## Description
+<section id="description"> Начиная с номера 1 и перемещаясь вправо по часовой стрелке, спираль 5 на 5 формируется следующим образом: 21 22 23 24 25 20 7 8 9 10 19 6 1 2 11 18 5 4 3 12 17 16 15 14 13 Это может быть проверено, что сумма чисел на диагоналях равна 101. Какова сумма чисел на диагоналях по а с помощью спирали, образованной таким же образом? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>spiralDiagonals(101)</code> должны возвращать 692101.
+    testString: 'assert(spiralDiagonals(101) == 692101, "<code>spiralDiagonals(101)</code> should return 692101.");'
+  - text: <code>spiralDiagonals(303)</code> должны вернуть 18591725.
+    testString: 'assert(spiralDiagonals(303) == 18591725, "<code>spiralDiagonals(303)</code> should return 18591725.");'
+  - text: <code>spiralDiagonals(505)</code> должны возвращать 85986601.
+    testString: 'assert(spiralDiagonals(505) == 85986601, "<code>spiralDiagonals(505)</code> should return 85986601.");'
+  - text: <code>spiralDiagonals(1001)</code> должны возвращать 669171001.
+    testString: 'assert(spiralDiagonals(1001) == 669171001, "<code>spiralDiagonals(1001)</code> should return 669171001.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function spiralDiagonals(n) {
+  // Good luck!
+  return n;
+}
+
+spiralDiagonals(1001);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-280-ant-and-seeds.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-280-ant-and-seeds.russian.md
new file mode 100644
index 0000000000..7ebd38ddf7
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-280-ant-and-seeds.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4841000cf542c50ff97
+challengeType: 5
+title: 'Problem 280: Ant and seeds'
+videoUrl: ''
+localeTitle: 'Задача 280: Муравей и семена'
+---
+
+## Description
+<section id="description"> Крохотный муравей случайно бродят по сетке 5x5. Прогулка начинается с центральной площади. На каждом этапе муравьёв перемещается на соседний квадрат в случайном порядке, не покидая сетки; таким образом, на каждом шаге есть 2, 3 или 4 возможных движения в зависимости от положения муравья. <p> В начале прогулки семя помещается на каждый квадрат нижнего ряда. Когда муравьец не несет семя и достигает квадрата нижнего ряда, содержащего семя, он начнет нести семя. Муравьец отбрасывает семя на первом пустом квадрате верхнего ряда, который он в конечном итоге достигает. </p><p> Какое ожидаемое количество шагов до тех пор, пока все семена не будут отброшены в верхнем ряду? Дайте ваш ответ округленным до шести знаков после запятой. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler280()</code> должен вернуться 430.088247.
+    testString: 'assert.strictEqual(euler280(), 430.088247, "<code>euler280()</code> should return 430.088247.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler280() {
+  // Good luck!
+  return true;
+}
+
+euler280();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-281-pizza-toppings.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-281-pizza-toppings.russian.md
new file mode 100644
index 0000000000..e563946a41
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-281-pizza-toppings.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4861000cf542c50ff98
+challengeType: 5
+title: 'Problem 281: Pizza Toppings'
+videoUrl: ''
+localeTitle: 'Проблема 281: Пицца Toppings'
+---
+
+## Description
+<section id="description"> Вам дана пицца (идеальный круг), которая была разрезана на m · n равных частей, и вы хотите иметь ровно одну вершину на каждом фрагменте. <p> Пусть f (m, n) обозначает количество способов, которыми вы можете иметь начинки на пицце с m различными начинками (m ≥ 2), используя каждую вершину на ровно n срезах (n ≥ 1). Отражения считаются отличными, вращений нет. </p><p> Так, например, f (2,1) = 1, f (2,2) = f (3,1) = 2 и f (3,2) = 16. f (3,2) показано ниже: </p><p> Найдите сумму всех f (m, n) таких, что f (m, n) ≤ 1015. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler281()</code> должен вернуться 1485776387445623.
+    testString: 'assert.strictEqual(euler281(), 1485776387445623, "<code>euler281()</code> should return 1485776387445623.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler281() {
+  // Good luck!
+  return true;
+}
+
+euler281();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-282-the-ackermann-function.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-282-the-ackermann-function.russian.md
new file mode 100644
index 0000000000..016b4e9145
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-282-the-ackermann-function.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4861000cf542c50ff99
+challengeType: 5
+title: 'Problem 282: The Ackermann function'
+videoUrl: ''
+localeTitle: 'Задача 282: функция Аккермана'
+---
+
+## Description
+<section id="description"> Для неотрицательных целых чисел m, n функция Аккермана A (m, n) определяется следующим образом: <p> Например, A (1, 0) = 2, A (2, 2) = 7 и A (3, 4) = 125. </p><p> Найдите A (n, n) и дайте свой ответ mod 148. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler282()</code> должен вернуть 1098988351.
+    testString: 'assert.strictEqual(euler282(), 1098988351, "<code>euler282()</code> should return 1098988351.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler282() {
+  // Good luck!
+  return true;
+}
+
+euler282();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-283-integer-sided-triangles-for-which-the-area--perimeter-ratio-is-integral.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-283-integer-sided-triangles-for-which-the-area--perimeter-ratio-is-integral.russian.md
new file mode 100644
index 0000000000..b4b4d58659
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-283-integer-sided-triangles-for-which-the-area--perimeter-ratio-is-integral.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4881000cf542c50ff9a
+challengeType: 5
+title: 'Problem 283: Integer sided triangles for which the area * perimeter ratio is integral'
+videoUrl: ''
+localeTitle: 'Задача 283: Целочисленные односторонние треугольники, для которых отношение площади * периметра является интегральным'
+---
+
+## Description
+<section id="description"> Рассмотрим треугольник со сторонами 6, 8 и 10. Можно видеть, что периметр и площадь равны 24. Таким образом, отношение площади / периметра равно 1. Рассмотрим также треугольник со сторонами 13, 14 и 15. Периметр равен 42, а площадь равна 84. Таким образом, для этого треугольника отношение площади / периметра равно 2. <p> Найдите сумму периметров всех целых односторонних треугольников, для которых отношение площади / периметра равно положительным целым, не превышающим 1000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler283()</code> должен вернуть 28038042525570324.
+    testString: 'assert.strictEqual(euler283(), 28038042525570324, "<code>euler283()</code> should return 28038042525570324.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler283() {
+  // Good luck!
+  return true;
+}
+
+euler283();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-284-steady-squares.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-284-steady-squares.russian.md
new file mode 100644
index 0000000000..a2449a1c3c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-284-steady-squares.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4891000cf542c50ff9b
+challengeType: 5
+title: 'Problem 284: Steady Squares'
+videoUrl: ''
+localeTitle: 'Задача 284: Устойчивые квадраты'
+---
+
+## Description
+<section id="description"> Трехзначное число 376 в десятичной системе нумерации является примером чисел со специальным свойством, что его квадрат заканчивается теми же цифрами: 3762 = 141376. Назовем число с этим свойством устойчивым квадратом. <p> Устойчивые квадраты можно наблюдать и в других системах нумерации. В системе нумерации базы 14 трехзначное число c37 также является устойчивым квадратом: c372 = aa0c37, а сумма его цифр равна c + 3 + 7 = 18 в той же системе нумерации. Буквы a, b, c и d используются для 10, 11, 12 и 13 цифр соответственно, аналогично шестнадцатеричной системе нумерации. </p><p> При 1 ≤ n ≤ 9 сумма цифр всех n-разрядных устойчивых квадратов в системе нумерации базы 14 равна 2d8 (582 десятичных). Устойчивые квадраты с ведущими 0 не допускаются. </p><p> Найдите сумму цифр всех n-разрядных устойчивых квадратов в системе нумерации базы 14 для 1 ≤ n ≤ 10000 (десятичная) и дайте свой ответ в системе базы 14, используя при необходимости буквы в нижнем регистре. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler284()</code> должен возвращать 5a411d7b.
+    testString: 'assert.strictEqual(euler284(), 5a411d7b, "<code>euler284()</code> should return 5a411d7b.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler284() {
+  // Good luck!
+  return true;
+}
+
+euler284();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-285-pythagorean-odds.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-285-pythagorean-odds.russian.md
new file mode 100644
index 0000000000..71d1b19541
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-285-pythagorean-odds.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f48a1000cf542c50ff9c
+challengeType: 5
+title: 'Problem 285: Pythagorean odds'
+videoUrl: ''
+localeTitle: 'Задача 285: шансы Пифагора'
+---
+
+## Description
+<section id="description"> Альберт выбирает положительное целое число k, тогда два действительных числа a, b случайным образом выбираются в интервале [0,1] с равномерным распределением. Тогда квадратный корень из суммы (k · a + 1) 2 + (k · b + 1) 2 вычисляется и округляется до ближайшего целого числа. Если результат равен k, он набирает k очков; иначе он ничего не наберет. <p> Например, если k = 6, a = 0,2 и b = 0,85, то (k · a + 1) 2 + (k · b + 1) 2 = 42,05. Квадратный корень из 42.05 составляет 6,484 ... и округленный до ближайшего целого, он становится равным 6. Это равно k, поэтому он набирает 6 очков. </p><p> Можно показать, что если он играет 10 оборотов с k = 1, k = 2, ..., k = 10, ожидаемое значение его общего балла, округленное до пяти знаков после запятой, равно 10.20914. </p><p> Если он играет 105 оборотов с k = 1, k = 2, k = 3, ..., k = 105, каково ожидаемое значение его общего балла, округленное до пяти знаков после запятой? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler285()</code> должен вернуть 157055.80999.
+    testString: 'assert.strictEqual(euler285(), 157055.80999, "<code>euler285()</code> should return 157055.80999.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler285() {
+  // Good luck!
+  return true;
+}
+
+euler285();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-286-scoring-probabilities.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-286-scoring-probabilities.russian.md
new file mode 100644
index 0000000000..83263fcf4a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-286-scoring-probabilities.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f48a1000cf542c50ff9d
+challengeType: 5
+title: 'Problem 286: Scoring probabilities'
+videoUrl: ''
+localeTitle: 'Задача 286: Скоринговые вероятности'
+---
+
+## Description
+<section id="description"> Барбара - математик и баскетболист. Она обнаружила, что вероятность забивания точки при стрельбе с расстояния х точно равна (1 - x / q), где q - действительная константа больше 50. <p> Во время каждой тренировки она снимает выстрелы с расстояний x = 1, x = 2, ..., x = 50 и, согласно ее записям, у нее есть ровно 2% шанс набрать всего ровно 20 очков. </p><p> Найдите q и дайте ответ округленным до десяти знаков после запятой. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler286()</code> должен вернуть 52.6494571953.
+    testString: 'assert.strictEqual(euler286(), 52.6494571953, "<code>euler286()</code> should return 52.6494571953.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler286() {
+  // Good luck!
+  return true;
+}
+
+euler286();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-287-quadtree-encoding-a-simple-compression-algorithm.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-287-quadtree-encoding-a-simple-compression-algorithm.russian.md
new file mode 100644
index 0000000000..84c0543df1
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-287-quadtree-encoding-a-simple-compression-algorithm.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f48b1000cf542c50ff9e
+challengeType: 5
+title: 'Problem 287: Quadtree encoding (a simple compression algorithm)'
+videoUrl: ''
+localeTitle: 'Задача 287: кодирование Quadtree (простой алгоритм сжатия)'
+---
+
+## Description
+<section id="description"> Квадратное кодирование позволяет нам описывать черно-белое изображение 2N × 2N в виде последовательности бит (0 и 1). Эти последовательности следует читать слева направо так: первый бит относится к полному 2N × 2N области; «0» обозначает раздвоение: текущая область 2n × 2n делится на 4 субрегиона размером 2n-1 × 2n-1, следующие биты содержат описание верхнего левого, верхнего правого, нижнего левого и нижнего правого подпунктов -области - в этом порядке; «10» означает, что текущая область содержит только черные пиксели; «11» указывает, что текущая область содержит только белые пиксели. Учитывайте следующее изображение 4 × 4 (цветные метки обозначают места, где может произойти сплит): <p> Это изображение может быть описано несколькими последовательностями, например: «001010101001011111011010101010», длиной 30 или «0100101111101110» длиной 16, что является минимальной последовательностью для этого изображения. </p><p> Для положительного целого N определите DN как изображение 2N × 2N со следующей схемой окраски: пиксель с координатами x = 0, y = 0 соответствует нижнему левому пикселю, если (x - 2N-1) 2 + (y - 2N-1) 2 ≤ 22N-2, тогда пиксель черный, в противном случае пиксель белый. Какова длина минимальной последовательности, описывающей D24? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler287()</code> должен вернуть 313135496.
+    testString: 'assert.strictEqual(euler287(), 313135496, "<code>euler287()</code> should return 313135496.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler287() {
+  // Good luck!
+  return true;
+}
+
+euler287();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-288-an-enormous-factorial.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-288-an-enormous-factorial.russian.md
new file mode 100644
index 0000000000..e484d49b50
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-288-an-enormous-factorial.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f48d1000cf542c50ff9f
+challengeType: 5
+title: 'Problem 288: An enormous factorial'
+videoUrl: ''
+localeTitle: 'Задача 288: Огромный факторный'
+---
+
+## Description
+<section id="description"> Для любого простого числа p число N (p, q) определяется формулой N (p, q) = Σn = 0 до q Tn * pn с Tn, порожденной следующим генератором случайных чисел: <p> S0 = 290797 Sn + 1 = Sn2 mod 50515093 Tn = Sn mod p </p><p> Пусть Nfac (p, q) - факториал N (p, q). Пусть NF (p, q) - число множителей p в Nfac (p, q). </p><p> Вам дается NF (3,10000) mod 320 = 624955285. </p><p> Найдите NF (61,107) мод 6110 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler288()</code> должен вернуть 605857431263982000.
+    testString: 'assert.strictEqual(euler288(), 605857431263982000, "<code>euler288()</code> should return 605857431263982000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler288() {
+  // Good luck!
+  return true;
+}
+
+euler288();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-289-eulerian-cycles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-289-eulerian-cycles.russian.md
new file mode 100644
index 0000000000..0dcee5ae24
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-289-eulerian-cycles.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f48d1000cf542c50ffa0
+challengeType: 5
+title: 'Problem 289: Eulerian Cycles'
+videoUrl: ''
+localeTitle: 'Задача 289: Эйлерные циклы'
+---
+
+## Description
+<section id="description"> Пусть C (x, y) - окружность, проходящая через точки (x, y), (x, y + 1), (x + 1, y) и (x + 1, y + 1). <p> Для положительных целых чисел m и n пусть E (m, n) - конфигурация, состоящая из m · n окружностей: {C (x, y): 0 ≤ x &lt;m, 0 ≤ y &lt;n, x и y are целые числа} </p><p> Эйлеровский цикл на E (m, n) является замкнутым путем, который проходит через каждую дугу ровно один раз. Множество таких путей возможно на E (m, n), но нас интересуют только те, которые не являются самопересекающимися: непересекающийся путь просто касается себя в точках решетки, но он никогда не пересекает себя. </p><p> На приведенном ниже рисунке показано E (3,3) и пример эйлерова пути без пересечения. </p><p> Пусть L (m, n) - число эйлеровых пересекающихся путей на E (m, n). Например, L (1,2) = 2, L (2,2) = 37 и L (3,3) = 104290. </p><p> Найти L (6,10) mod 1010. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler289()</code> должен вернуть 6567944538.
+    testString: 'assert.strictEqual(euler289(), 6567944538, "<code>euler289()</code> should return 6567944538.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler289() {
+  // Good luck!
+  return true;
+}
+
+euler289();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-29-distinct-powers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-29-distinct-powers.russian.md
new file mode 100644
index 0000000000..36456b953b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-29-distinct-powers.russian.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3891000cf542c50fe9c
+challengeType: 5
+title: 'Problem 29: Distinct powers'
+videoUrl: ''
+localeTitle: 'Задача 29: Определенные полномочия'
+---
+
+## Description
+<section id="description"> Рассмотрим все целые комбинации ab для 2 ≤ a ≤ 5 и 2 ≤ b ≤ 5: 22 = 4, 23 = 8, 24 = 16, 25 = 32 32 = 9, 33 = 27, 34 = 81, 35 = 243 42 = 16, 43 = 64, 44 = 256, 45 = 1024 52 = 25, 53 = 125, 54 = 625, 55 = 3125. Если они затем помещаются в числовом порядке, при удалении любых повторений мы получаем следующую последовательность из 15 различные термины: 4, 8, 9, 16, 25, 27, 32, 64, 81, 125, 243, 256, 625, 1024, 3125 Сколько различных членов в последовательности, сгенерированной ab для 2 ≤ a ≤ n и 2 ≤ b ≤ n? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>distinctPowers(15)</code> должен вернуть 177.
+    testString: 'assert.strictEqual(distinctPowers(15), 177, "<code>distinctPowers(15)</code> should return 177.");'
+  - text: <code>distinctPowers(20)</code> должны возвращать 324.
+    testString: 'assert.strictEqual(distinctPowers(20), 324, "<code>distinctPowers(20)</code> should return 324.");'
+  - text: <code>distinctPowers(25)</code> должен вернуть 519.
+    testString: 'assert.strictEqual(distinctPowers(25), 519, "<code>distinctPowers(25)</code> should return 519.");'
+  - text: <code>distinctPowers(30)</code> должен возвращать 755.
+    testString: 'assert.strictEqual(distinctPowers(30), 755, "<code>distinctPowers(30)</code> should return 755.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function distinctPowers(n) {
+  // Good luck!
+  return n;
+}
+
+distinctPowers(30);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-290-digital-signature.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-290-digital-signature.russian.md
new file mode 100644
index 0000000000..04515563ad
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-290-digital-signature.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f48f1000cf542c50ffa1
+challengeType: 5
+title: 'Problem 290: Digital Signature'
+videoUrl: ''
+localeTitle: 'Проблема 290: Цифровая подпись'
+---
+
+## Description
+<section id="description"> Сколько целых чисел 0 ≤ n &lt;1018 обладает тем свойством, что сумма цифр n равна сумме цифр 137n? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler290()</code> должен вернуть 20444710234716470.
+    testString: 'assert.strictEqual(euler290(), 20444710234716470, "<code>euler290()</code> should return 20444710234716470.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler290() {
+  // Good luck!
+  return true;
+}
+
+euler290();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-291-panaitopol-primes.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-291-panaitopol-primes.russian.md
new file mode 100644
index 0000000000..bddd38fed3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-291-panaitopol-primes.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f48f1000cf542c50ffa2
+challengeType: 5
+title: 'Problem 291: Panaitopol Primes'
+videoUrl: ''
+localeTitle: 'Problem 291: Panaitopol Primes'
+---
+
+## Description
+<section id="description"> Простое число p называется панаитоповым простым, если для некоторых натуральных x и y. <p> Найдите, сколько Панайтопольских простых чисел меньше 5 × 1015. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler291()</code> должен возвращать 4037526.
+    testString: 'assert.strictEqual(euler291(), 4037526, "<code>euler291()</code> should return 4037526.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler291() {
+  // Good luck!
+  return true;
+}
+
+euler291();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-292-pythagorean-polygons.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-292-pythagorean-polygons.russian.md
new file mode 100644
index 0000000000..c9501ada25
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-292-pythagorean-polygons.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4911000cf542c50ffa3
+challengeType: 5
+title: 'Problem 292: Pythagorean Polygons'
+videoUrl: ''
+localeTitle: 'Задача 292: Пифагорейские полигоны'
+---
+
+## Description
+<section id="description"> Мы будем определять пифагорейский многоугольник как выпуклый многоугольник со следующими свойствами: существует по крайней мере три вершины, три вершины не выровнены, каждая вершина имеет целые координаты, каждое ребро имеет целую длину. Для заданного целого n определим P ( n) как число различных пифагорейных полигонов, для которых периметр ≤ n. Пифагорейские многоугольники должны считаться раздельными, если ни один не является переводом другого. <p> Вам дается, что P (4) = 1, P (30) = 3655 и P (60) = 891045. Найдите P (120). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler292()</code> должен возвращать 3600060866.
+    testString: 'assert.strictEqual(euler292(), 3600060866, "<code>euler292()</code> should return 3600060866.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler292() {
+  // Good luck!
+  return true;
+}
+
+euler292();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-293-pseudo-fortunate-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-293-pseudo-fortunate-numbers.russian.md
new file mode 100644
index 0000000000..56b5f73af2
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-293-pseudo-fortunate-numbers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4931000cf542c50ffa4
+challengeType: 5
+title: 'Problem 293: Pseudo-Fortunate Numbers'
+videoUrl: ''
+localeTitle: 'Проблема 293: Псевдо-удачные номера'
+---
+
+## Description
+<section id="description"> Даже положительное целое число N будем называть допустимым, если оно является степенью 2 или его различные простые множители являются последовательными штрихами. Первые двенадцать допустимых чисел - 2,4,6,8,12,16,18,24,30,32,36,48. <p> Если N допустимо, наименьшее целое число M&gt; 1 такое, что N + M простое, будем называть псевдо-фортунатным числом для N. </p><p> Например, N = 630 допустимо, так как оно четное, а его различные простые множители - это последовательные простые числа 2,3,5 и 7. Следующее простое число после 631 равно 641; следовательно, число псевдо-Fortunate для 630 равно M = 11. Можно также видеть, что число псевдо-Fortunate для 16 равно 3. </p><p> Найдите сумму всех различных псевдо-удаленных чисел для допустимых чисел N, меньших 109. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler293()</code> должен вернуть 2209.
+    testString: 'assert.strictEqual(euler293(), 2209, "<code>euler293()</code> should return 2209.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler293() {
+  // Good luck!
+  return true;
+}
+
+euler293();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-294-sum-of-digits---experience-23.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-294-sum-of-digits---experience-23.russian.md
new file mode 100644
index 0000000000..0daaef1864
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-294-sum-of-digits---experience-23.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4931000cf542c50ffa5
+challengeType: 5
+title: 'Problem 294: Sum of digits - experience #23'
+videoUrl: ''
+localeTitle: 'Задача 294: Сумма цифр - опыт № 23'
+---
+
+## Description
+<section id="description"> Для положительного целого k определим d (k) как сумму цифр k в его обычном десятичном представлении. Таким образом, d (42) = 4 + 2 = 6. <p> Для положительного целого числа n определим S (n) как число положительных целых k &lt;10n со следующими свойствами: k делится на 23 и d (k) = 23. </p><p> Вам дается, что S (9) = 263626 и S (42) = 6377168878570056. </p><p> Найдите S (1112) и дайте свой ответ mod 109. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler294()</code> должен вернуть 789184709.
+    testString: 'assert.strictEqual(euler294(), 789184709, "<code>euler294()</code> should return 789184709.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler294() {
+  // Good luck!
+  return true;
+}
+
+euler294();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-295-lenticular-holes.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-295-lenticular-holes.russian.md
new file mode 100644
index 0000000000..f86660a8d7
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-295-lenticular-holes.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4931000cf542c50ffa6
+challengeType: 5
+title: 'Problem 295: Lenticular holes'
+videoUrl: ''
+localeTitle: 'Задача 295: Линзовидные отверстия'
+---
+
+## Description
+<section id="description"> Мы называем выпуклую область, окруженную двумя кругами линзовидным отверстием, если: Центры обеих окружностей находятся в точках решетки. Два круга пересекаются в двух разных точках решетки. Внутренность выпуклой области, окруженной обоими кругами, не содержит точек решетки. <p> Рассмотрим кружки: C0: x2 + y2 = 25 C1: (x + 4) 2+ (y-4) 2 = 1 C2: (x-12) 2+ (y-4) 2 = 65 </p><p> Круги C0, C1 и C2 изображены на рисунке ниже. </p><p> C0 и C1 образуют линзовидное отверстие, а также C0 и C2. </p><p> Будем называть упорядоченную пару положительных вещественных чисел (r1, r2) линзовидной парой, если существуют две окружности с радиусами r1 и r2, которые образуют линзовидное отверстие. Мы можем проверить, что (1, 5) и (5, √65) являются линзовидными парами вышеприведенного примера. </p><p> Пусть L (N) - число различных линзообразных пар (r1, r2), для которых 0 &lt;r1 ≤ r2 ≤ N. Мы можем проверить, что L (10) = 30 и L (100) = 3442. </p><p> Найдите L (100 000). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler295()</code> должен вернуть 4884650818.
+    testString: 'assert.strictEqual(euler295(), 4884650818, "<code>euler295()</code> should return 4884650818.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler295() {
+  // Good luck!
+  return true;
+}
+
+euler295();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-296-angular-bisector-and-tangent.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-296-angular-bisector-and-tangent.russian.md
new file mode 100644
index 0000000000..7b15de8583
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-296-angular-bisector-and-tangent.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4941000cf542c50ffa7
+challengeType: 5
+title: 'Problem 296: Angular Bisector and Tangent'
+videoUrl: ''
+localeTitle: 'Задача 296: Угловая биссектриса и касательная'
+---
+
+## Description
+<section id="description"> Это целочисленный треугольник ABC с BC ≤ AC ≤ AB.k - угловая биссектриса угла ACB.m - тангенс в C к описанной окружности ABC. N - это линия, параллельная m через B. Пересечение n и k называется E. <p> Сколько треугольников ABC с периметром не более 100 000 существует, так что BE имеет целую длину? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler296()</code> должен вернуть 1137208419.
+    testString: 'assert.strictEqual(euler296(), 1137208419, "<code>euler296()</code> should return 1137208419.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler296() {
+  // Good luck!
+  return true;
+}
+
+euler296();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-297-zeckendorf-representation.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-297-zeckendorf-representation.russian.md
new file mode 100644
index 0000000000..6d3e9961de
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-297-zeckendorf-representation.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4951000cf542c50ffa8
+challengeType: 5
+title: 'Problem 297: Zeckendorf Representation'
+videoUrl: ''
+localeTitle: 'Задача 297: Отметьте деревенское представление'
+---
+
+## Description
+<section id="description"> Каждый новый член в последовательности Фибоначчи генерируется путем добавления предыдущих двух членов. Начиная с 1 и 2, первые 10 членов будут: 1, 2, 3, 5, 8, 13, 21, 34, 55, 89. <p> Каждое положительное целое число может быть однозначно записано в виде суммы некогерентных членов последовательности Фибоначчи. Например, 100 = 3 + 8 + 89. Такая сумма называется представлением Цекендорфа числа. </p><p> Для любого целого n&gt; 0 пусть z (n) - число членов в представлении Zeckendorf n. Таким образом, z (5) = 1, z (14) = 2, z (100) = 3 и т. Д. Кроме того, при 0 &lt;n &lt;106, Σ z (n) = 7894453. </p><p> Найти Σ z (n) при 0 &lt;n &lt;1017. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler297()</code> должен вернуть 2252639041804718000.
+    testString: 'assert.strictEqual(euler297(), 2252639041804718000, "<code>euler297()</code> should return 2252639041804718000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler297() {
+  // Good luck!
+  return true;
+}
+
+euler297();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-298-selective-amnesia.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-298-selective-amnesia.russian.md
new file mode 100644
index 0000000000..0172166da6
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-298-selective-amnesia.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4971000cf542c50ffa9
+challengeType: 5
+title: 'Problem 298: Selective Amnesia'
+videoUrl: ''
+localeTitle: 'Проблема 298: Селективная амнезия'
+---
+
+## Description
+<section id="description"> Ларри и Робин играют в игру памяти, включающую последовательность случайных чисел от 1 до 10 включительно, которые вызываются по одному за раз. Каждый игрок может запомнить до 5 предыдущих номеров. Когда вызываемый номер находится в памяти игрока, этот игрок получает очко. Если это не так, игрок добавляет вызываемый номер в свою память, удаляя другой номер, если его память заполнена. <p> Оба игрока начинают с пустых воспоминаний. Оба игрока всегда добавляют новые пропущенные номера в свою память, но используют другую стратегию при определении того, какой номер нужно удалить: стратегия Ларри заключается в том, чтобы удалить номер, который не был вызван в самое длинное время. Стратегия Робин состоит в том, чтобы удалить число, которое было в памяти дольше. </p><p> Пример игры: Turn Callednumber Larry&#39;smemory Larry&#39;sscore Robin&#39;smemory Robin&#39;sscore 1 1 1 0 1 0 2 2 1,2 0 1,2 0 3 4 1,2,4 0 1,2,4 0 4 6 1 , 2,4,6 0 1,2,4,6 0 5 1 1,2,4,6 1 1,2,4,6 1 6 8 1,2,4,6,8 1 1,2,4 , 6,8 1 7 10 1,4,6,8,10 1 2,4,6,8,10 1 8 2 1,2,6,8,10 1 2,4,6,8,10 2 9 4 1,2,4,8,10 1 2,4,6,8,10 3 10 1 1,2,4,8,10 2 1,4,6,8,10 3 </p><p> Обозначая оценку Ларри на L и оценку Робин на R, каково ожидаемое значение | LR | после 50 поворотов? Дайте свой ответ округленным до восьми знаков после запятой, используя формат x.xxxxxxxx. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler298()</code> должен вернуть 1.76882294.
+    testString: 'assert.strictEqual(euler298(), 1.76882294, "<code>euler298()</code> should return 1.76882294.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler298() {
+  // Good luck!
+  return true;
+}
+
+euler298();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-299-three-similar-triangles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-299-three-similar-triangles.russian.md
new file mode 100644
index 0000000000..a5a8887956
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-299-three-similar-triangles.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4971000cf542c50ffaa
+challengeType: 5
+title: 'Problem 299: Three similar triangles'
+videoUrl: ''
+localeTitle: 'Проблема 299: Три похожих треугольника'
+---
+
+## Description
+<section id="description"> Выбираются четыре точки с целыми координатами: A (a, 0), B (b, 0), C (0, c) и D (0, d), с 0 &lt;a &lt;b и 0 &lt;c &lt;d. Точка P, также с целыми координатами, выбирается на линии AC так, чтобы три треугольника ABP, CDP и BDP были одинаковыми. <p> Нетрудно доказать, что три треугольника могут быть похожими, только если а = с. </p><p> Итак, учитывая, что a = c, мы ищем триплеты (a, b, d), так что на AC существует по крайней мере одна точка P (с целыми координатами), что делает три треугольника ABP, CDP и BDP одинаковыми. </p><p> Например, если (a, b, d) = (2,3,4), легко проверить, что точка P (1,1) удовлетворяет указанному выше условию. Заметим, что триплеты (2,3,4) и (2,4,3) считаются различными, хотя точка P (1,1) является общей для обоих. </p><p> Если b + d &lt;100, то существует 92 различных триплета (a, b, d), для которых существует точка P. Если b + d &lt;100 000, существует 320471 различных триплетов (a, b, d), так что точка P существует. Если b + d &lt;100 000 000, сколько четких триплетов (a, b, d) существует, так что точка P существует? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler299()</code> должен вернуть 549936643.
+    testString: 'assert.strictEqual(euler299(), 549936643, "<code>euler299()</code> should return 549936643.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler299() {
+  // Good luck!
+  return true;
+}
+
+euler299();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-3-largest-prime-factor.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-3-largest-prime-factor.russian.md
new file mode 100644
index 0000000000..1ccc889d29
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-3-largest-prime-factor.russian.md
@@ -0,0 +1,65 @@
+---
+id: 5900f36f1000cf542c50fe82
+challengeType: 5
+title: 'Problem 3: Largest prime factor'
+videoUrl: ''
+localeTitle: 'Задача 3: Наибольший простой коэффициент'
+---
+
+## Description
+<section id="description"> Основными факторами 13195 являются 5, 7, 13 и 29. Каков самый большой простой коэффициент для данного <code>number</code> ? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>largestPrimeFactor(2)</code> должен возвращать 2.
+    testString: 'assert.strictEqual(largestPrimeFactor(2), 2, "<code>largestPrimeFactor(2)</code> should return 2.");'
+  - text: <code>largestPrimeFactor(3)</code> должен возвращать 3.
+    testString: 'assert.strictEqual(largestPrimeFactor(3), 3, "<code>largestPrimeFactor(3)</code> should return 3.");'
+  - text: <code>largestPrimeFactor(5)</code> должен возвращать 5.
+    testString: 'assert.strictEqual(largestPrimeFactor(5), 5, "<code>largestPrimeFactor(5)</code> should return 5.");'
+  - text: <code>largestPrimeFactor(7)</code> должен возвращать 7.
+    testString: 'assert.strictEqual(largestPrimeFactor(7), 7, "<code>largestPrimeFactor(7)</code> should return 7.");'
+  - text: <code>largestPrimeFactor(13195)</code> должен возвращать 29.
+    testString: 'assert.strictEqual(largestPrimeFactor(13195), 29, "<code>largestPrimeFactor(13195)</code> should return 29.");'
+  - text: <code>largestPrimeFactor(600851475143)</code> должен возвращать 6857.
+    testString: 'assert.strictEqual(largestPrimeFactor(600851475143), 6857, "<code>largestPrimeFactor(600851475143)</code> should return 6857.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestPrimeFactor(number) {
+  // Good luck!
+  return true;
+}
+
+largestPrimeFactor(13195);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-30-digit-n-powers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-30-digit-n-powers.russian.md
new file mode 100644
index 0000000000..711b8d4f7a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-30-digit-n-powers.russian.md
@@ -0,0 +1,61 @@
+---
+id: 5900f38a1000cf542c50fe9d
+challengeType: 5
+title: 'Problem 30: Digit n powers'
+videoUrl: ''
+localeTitle: 'Задача 30: количество цифр'
+---
+
+## Description
+<section id="description"> Удивительно, что есть только три числа, которые могут быть записаны как сумма четвертых степеней их цифр: 1634 = 1 <sup>4</sup> + 6 <sup>4</sup> + 3 <sup>4</sup> + 4 <sup>4</sup> 8208 = 8 <sup>4</sup> + 2 <sup>4</sup> + 0 <sup>4</sup> + 8 <sup>4</sup> 9474 = 9 <sup>4</sup> + 4 <sup>4</sup> + 7 <sup>4</sup> + 4 <sup>4</sup> Поскольку 1 = 1 <sup>4</sup> не является суммой, она не включена. Сумма этих чисел равна 1634 + 8208 + 9474 = 19316. Найдите сумму всех чисел, которые могут быть записаны как сумма n степеней их цифр. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>digitnPowers(2)</code> должен вернуть 0.
+    testString: 'assert(digitnPowers(2) == 0, "<code>digitnPowers(2)</code> should return 0.");'
+  - text: <code>digitnPowers(3)</code> должен вернуть 1301.
+    testString: 'assert(digitnPowers(3) == 1301, "<code>digitnPowers(3)</code> should return 1301.");'
+  - text: <code>digitnPowers(4)</code> должен вернуть 19316.
+    testString: 'assert(digitnPowers(4) == 19316, "<code>digitnPowers(4)</code> should return 19316.");'
+  - text: <code>digitnPowers(5)</code> должен возвращать 443839.
+    testString: 'assert(digitnPowers(5) == 443839, "<code>digitnPowers(5)</code> should return 443839.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function digitnPowers(n) {
+  // Good luck!
+  return n;
+}
+
+digitnPowers(5);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-300-protein-folding.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-300-protein-folding.russian.md
new file mode 100644
index 0000000000..f08f705af6
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-300-protein-folding.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f49a1000cf542c50ffac
+challengeType: 5
+title: 'Problem 300: Protein folding'
+videoUrl: ''
+localeTitle: 'Проблема 300: Складывание белка'
+---
+
+## Description
+<section id="description"> В очень упрощенной форме мы можем рассматривать белки как строки, состоящие из гидрофобных (H) и полярных (P) элементов, например HHPPHHHPHHPH. Для этой проблемы важна ориентация белка; например, ГЭС считается отличной от PPH. Таким образом, существует 2n различных белков, состоящих из n элементов. <p> Когда вы сталкиваетесь с этими строками в природе, они всегда складываются таким образом, что число точек контакта HH максимально велико, так как это энергетически выгодно. В результате Н-элементы, как правило, накапливаются во внутренней части, причем Р-элементы снаружи. Естественные белки, конечно, сложены в трех измерениях, но мы будем рассматривать только складку белка в двух измерениях. </p><p> На следующем рисунке показаны два возможных способа сгибания нашего примера белка (точки контакта HH показаны красными точками). </p><p> Складывание слева имеет только шесть контактных точек HH, поэтому оно никогда не будет происходить естественным образом. С другой стороны, складка справа имеет девять точек контакта HH, что является оптимальным для этой строки. </p><p> Предполагая, что элементы H и P одинаково вероятны в любой позиции вдоль строки, среднее число точек контакта HH в оптимальном сгибании случайной белковой строки длиной 8 оказывается равным 850/28 = 3,3203125. </p><p> Каково среднее число контактных точек HH в оптимальном складывании случайной белковой строки длиной 15? Дайте свой ответ, используя столько знаков после запятой, сколько необходимо для точного результата. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler300()</code> должен вернуться 8.0540771484375.
+    testString: 'assert.strictEqual(euler300(), 8.0540771484375, "<code>euler300()</code> should return 8.0540771484375.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler300() {
+  // Good luck!
+  return true;
+}
+
+euler300();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-301-nim.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-301-nim.russian.md
new file mode 100644
index 0000000000..789dcecfcb
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-301-nim.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4991000cf542c50ffab
+challengeType: 5
+title: 'Problem 301: Nim'
+videoUrl: ''
+localeTitle: 'Проблема 301: Его'
+---
+
+## Description
+<section id="description"> Ним - игра, играемая с кучами камней, где два игрока берут ее в свою очередь, чтобы удалить любое количество камней из любой кучи, пока камни не останутся. <p> Мы рассмотрим версию Nim с нормальной загрузкой с тремя кучками, которая работает следующим образом: </p><ul><li><p> В начале игры есть три кучи камней. </p></li><li><p> В свою очередь игрок удаляет любое положительное количество камней из одной кучи. </p></li><li><p> Первый игрок, который не может двигаться (потому что камни остаются), теряет. </p><p> Если (n1, n2, n3) указывает позицию Nim, состоящую из кучек размера n1, n2 и n3, тогда существует простая функция X (n1, n2, n3) - которую вы можете искать или пытаться вывести для себя - это возвращает: ноль, если с совершенной стратегией игрок, который собирается двигаться, в конечном счете проиграет; или ненулевое, если с идеальной стратегией игрок, который собирается двигаться, в конечном счете победит. Например, X (1,2,3) = 0, потому что, независимо от того, что делает текущий игрок, его оппонент может ответить движением, которое уходит две кучи одинакового размера, после чего каждый ход текущего игрока может быть отражен его противником до тех пор, пока не останутся камни; поэтому текущий проигрыватель проигрывает. Проиллюстрировать: </p></li><li><p> текущий игрок переходит в (1,2,1) </p></li><li><p> противник переходит к (1,0,1) </p></li><li><p> текущий игрок переходит в (0,0,1) </p></li><li><p> противник переходит к (0,0,0), и поэтому выигрывает. </p></li></ul><p> Для скольких положительных целых чисел n ≤ 230 X (n, 2n, 3n) = 0? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler301()</code> должен возвращать 2178309.
+    testString: 'assert.strictEqual(euler301(), 2178309, "<code>euler301()</code> should return 2178309.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler301() {
+  // Good luck!
+  return true;
+}
+
+euler301();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-302-strong-achilles-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-302-strong-achilles-numbers.russian.md
new file mode 100644
index 0000000000..2a230f7f07
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-302-strong-achilles-numbers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f49b1000cf542c50ffad
+challengeType: 5
+title: 'Problem 302: Strong Achilles Numbers'
+videoUrl: ''
+localeTitle: 'Задача 302: Сильные числа ахиллесов'
+---
+
+## Description
+<section id="description"> Положительное целое число n является мощным, если p2 является делителем n для каждого простого множителя p в n. <p> Положительное целое число n является совершенной степенью, если n можно выразить как степень другого положительного целого числа. </p><p> Положительное целое число n является числом Ахилла, если n является мощным, но не идеальной. Например, 864 и 1800 - это номера Ахилла: 864 = 25 · 33 и 1800 = 23 · 32 · 52. </p><p> Будем называть положительное целое число S сильным ахиллесовым числом, если оба S и φ (S) являются числами Ахилла. Например, 864 - это сильное ахиллесово число: φ (864) = 288 = 25 · 32. Однако 1800 не является сильным числом Ахиллесов, потому что: φ (1800) = 480 = 25 · 31 · 51. </p><p> Есть 7 сильных ахиллских чисел ниже 104 и 656 ниже 108. </p><p> Сколько сильных чисел Ахилла находится ниже 1018? </p><p> 1 φ обозначает функцию тождества Эйлера. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler302()</code> должен вернуть 1170060.
+    testString: 'assert.strictEqual(euler302(), 1170060, "<code>euler302()</code> should return 1170060.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler302() {
+  // Good luck!
+  return true;
+}
+
+euler302();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-303-multiples-with-small-digits.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-303-multiples-with-small-digits.russian.md
new file mode 100644
index 0000000000..3d38591f7f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-303-multiples-with-small-digits.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f49b1000cf542c50ffae
+challengeType: 5
+title: 'Problem 303: Multiples with small digits'
+videoUrl: ''
+localeTitle: 'Задача 303: умножение с небольшими цифрами'
+---
+
+## Description
+<section id="description"> Для положительного целого n определим f (n) как наименьшее положительное кратное n, которое, записанное в базе 10, использует только цифры ≤ 2. Таким образом, f (2) = 2, f (3) = 12, f (7) = 21, f (42) = 210, f (89) = 1121222. Также, . <p> Найти . </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler303()</code> должен вернуть 1111981904675169.
+    testString: 'assert.strictEqual(euler303(), 1111981904675169, "<code>euler303()</code> should return 1111981904675169.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler303() {
+  // Good luck!
+  return true;
+}
+
+euler303();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-304-primonacci.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-304-primonacci.russian.md
new file mode 100644
index 0000000000..a78237d25b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-304-primonacci.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f49d1000cf542c50ffaf
+challengeType: 5
+title: 'Problem 304: Primonacci'
+videoUrl: ''
+localeTitle: 'Выпуск 304: Примоначчи'
+---
+
+## Description
+<section id="description"> Для любого натурального n функция next_prime (n) возвращает наименьшее простое число p такое, что p&gt; n. <p> Последовательность a (n) определяется: a (1) = next_prime (1014) и a (n) = next_prime (a (n-1)) для n&gt; 1. </p><p> Последовательность фибоначчи f (n) определяется следующим образом: f (0) = 0, f (1) = 1 и f (n) = f (n-1) + f (n-2) при n&gt; 1. </p><p> Последовательность b (n) определяется как f (a (n)). </p><p> Найдите Σb (n) для 1≤n≤100 000. Дайте свой ответ mod 1234567891011. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler304()</code> должен вернуться 283988410192.
+    testString: 'assert.strictEqual(euler304(), 283988410192, "<code>euler304()</code> should return 283988410192.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler304() {
+  // Good luck!
+  return true;
+}
+
+euler304();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-305-reflexive-position.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-305-reflexive-position.russian.md
new file mode 100644
index 0000000000..6106d2ffab
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-305-reflexive-position.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f49d1000cf542c50ffb0
+challengeType: 5
+title: 'Problem 305: Reflexive Position'
+videoUrl: ''
+localeTitle: 'Задача 305: Рефлексивное положение'
+---
+
+## Description
+<section id="description"> Назовем S (бесконечной) строкой, которая создается путем конкатенации последовательных положительных целых чисел (начиная с 1), записанных в базе 10. Таким образом, S = 1234567891011121314151617181920212223242 ... <p> Легко видеть, что любое число будет отображаться бесконечно много раз в S. </p><p> Назовем f (n) исходной позицией n-го вхождения n в S. Например, f (1) = 1, f (5) = 81, f (12) = 271 и f (7780) = 111111365. </p><p> Найти Σf (3k) для 1≤k≤13. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler305()</code> должен вернуть 18174995535140.
+    testString: 'assert.strictEqual(euler305(), 18174995535140, "<code>euler305()</code> should return 18174995535140.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler305() {
+  // Good luck!
+  return true;
+}
+
+euler305();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-306-paper-strip-game.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-306-paper-strip-game.russian.md
new file mode 100644
index 0000000000..74eaa20dae
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-306-paper-strip-game.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f49f1000cf542c50ffb1
+challengeType: 5
+title: 'Problem 306: Paper-strip Game'
+videoUrl: ''
+localeTitle: 'Задача 306: Paper-strip Game'
+---
+
+## Description
+<section id="description"> Следующая игра - классический пример Комбинаторной Теории Игры: <p> Два игрока начинают с полосы из белых белых квадратов, и они принимают чередующиеся повороты. На каждом шагу игрок выбирает два смежных белых квадрата и окрашивает их в черный цвет. Первый игрок, который не может сделать ход, проигрывает. </p><p> Если n = 1, никаких действительных ходов нет, поэтому первый игрок проигрывает автоматически. Если n = 2, есть только один действительный ход, после которого второй игрок проигрывает. Если n = 3, есть два действительных хода, но оба оставляют ситуацию, когда второй игрок проигрывает. Если n = 4, для первого игрока есть три действительных шага; она может выиграть игру, покрасив два средних квадрата. Если n = 5, для первого игрока есть четыре действительных шага (показано ниже красным); но независимо от того, что она делает, выигрывает второй игрок (синий). </p><p> Таким образом, для 1 ≤ n ≤ 5 существует 3 значения n, для которых первый игрок может заставить выигрыш. Аналогично, для 1 ≤ n ≤ 50 существует 40 значений n, для которых первый игрок может заставить выигрыш. </p><p> Для 1 ≤ n ≤ 1 000 000, сколько значений n есть, для которых первый игрок может заставить выиграть? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler306()</code> должен вернуть 852938.
+    testString: 'assert.strictEqual(euler306(), 852938, "<code>euler306()</code> should return 852938.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler306() {
+  // Good luck!
+  return true;
+}
+
+euler306();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-307-chip-defects.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-307-chip-defects.russian.md
new file mode 100644
index 0000000000..f074a6ee4c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-307-chip-defects.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a01000cf542c50ffb2
+challengeType: 5
+title: 'Problem 307: Chip Defects'
+videoUrl: ''
+localeTitle: 'Задача 307: Дефекты чипов'
+---
+
+## Description
+<section id="description"> k дефектов распределены случайным образом среди n интегральных микросхем, производимых заводом (любое количество дефектов может быть найдено на чипе, и каждый дефект не зависит от других дефектов). <p> Пусть p (k, n) представляет вероятность того, что имеется чип с не менее чем тремя дефектами. Например, p (3,7) ≈ 0,0204081633. </p><p> Найдите p (20 000, 1 000 000) и дайте свой ответ округленным до десяти десятичных знаков в форме 0.abcdefghij </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler307()</code> должен вернуть 0.7311720251.
+    testString: 'assert.strictEqual(euler307(), 0.7311720251, "<code>euler307()</code> should return 0.7311720251.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler307() {
+  // Good luck!
+  return true;
+}
+
+euler307();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-308-an-amazing-prime-generating-automaton.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-308-an-amazing-prime-generating-automaton.russian.md
new file mode 100644
index 0000000000..4d880cbad8
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-308-an-amazing-prime-generating-automaton.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a11000cf542c50ffb3
+challengeType: 5
+title: 'Problem 308: An amazing Prime-generating Automaton'
+videoUrl: ''
+localeTitle: 'Задача 308: Удивительный Prime-генерирующий автомат'
+---
+
+## Description
+<section id="description"> Программа, написанная на языке программирования Fractran, состоит из списка фракций. <p> Внутреннее состояние виртуальной машины Fractran представляет собой положительное целое число, изначально заданное начальным значением. Каждая итерация программы Fractran умножает целое число на первую фракцию в списке, которая оставит ее целым числом. </p><p> Например, одна из программ Fractran, которую Джон Хортон Конвей написал для простого поколения, состоит из следующих 14 фракций: 1791, 7885, 1951, 2338, 2933, 7729, 9523, 7719, 117, 1113, 1311, 152, 17, 551. Начиная с цельного числа 2, последовательные итерации программы производят последовательность: 15, 825, 725, 1925, 2275, 425, ..., 68, 4, 30, ..., 136, 8, 60, .. ., 544, 32, 240, ... </p><p> Силы 2, появляющиеся в этой последовательности, равны 22, 23, 25, ... Можно показать, что все степени 2 в этой последовательности имеют простые показатели и что все простые числа появляются как показатели степеней 2 в собственном заказ! </p><p> Если кто-то использует указанную выше программу Fractran для решения Project Euler Problem 7 (найти 10001st prime), сколько итераций потребуется, пока программа не произведет 210001st prime? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler308()</code> должен вернуть 1539669807660924.
+    testString: 'assert.strictEqual(euler308(), 1539669807660924, "<code>euler308()</code> should return 1539669807660924.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler308() {
+  // Good luck!
+  return true;
+}
+
+euler308();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-309-integer-ladders.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-309-integer-ladders.russian.md
new file mode 100644
index 0000000000..eb179a7c6d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-309-integer-ladders.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a11000cf542c50ffb4
+challengeType: 5
+title: 'Problem 309: Integer Ladders'
+videoUrl: ''
+localeTitle: 'Задача 309: Целочисленные Лестницы'
+---
+
+## Description
+<section id="description"> В классической проблеме «Пересекающиеся лестницы» нам даны длины х и у двух лестниц, покоящихся на противоположных стенах узкой улицы. Нам также дают высоту h над улицей, где пересекаются две лестницы, и нас просят найти ширину улицы (w). <p> Здесь нас интересуют только случаи, когда все четыре переменные являются целыми положительными числами. Например, если x = 70, y = 119 и h = 30, мы можем вычислить, что w = 56. </p><p> Действительно, для целых значений x, y, h и 0 &lt;x &lt;y &lt;200 существует только пять триплетов (x, y, h), производящих целые решения для w: (70, 119, 30), (74, 182 , 21), (87, 105, 35), (100, 116, 35) и (119, 175, 40). </p><p> Для целых значений x, y, h и 0 &lt;x &lt;y &lt;1 000 000, сколько триплетов (x, y, h) производят целочисленные решения для w? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler309()</code> должен вернуть 210139.
+    testString: 'assert.strictEqual(euler309(), 210139, "<code>euler309()</code> should return 210139.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler309() {
+  // Good luck!
+  return true;
+}
+
+euler309();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-31-coin-sums.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-31-coin-sums.russian.md
new file mode 100644
index 0000000000..501effa84d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-31-coin-sums.russian.md
@@ -0,0 +1,61 @@
+---
+id: 5900f38b1000cf542c50fe9e
+challengeType: 5
+title: 'Problem 31: Coin sums'
+videoUrl: ''
+localeTitle: 'Задача 31: Суммы монет'
+---
+
+## Description
+<section id="description"> В Англии валюта состоит из фунта, фунта стерлингов и фунта стерлингов, а в общей тираж - восемь монет: 1p, 2p, 5p, 10p, 20p, 50p, £ 1 (100p) и £ 2 (200p). Можно сделать £ 2 следующим образом: 1 × £ 1 + 1 × 50p + 2 × 20p + 1 × 5p + 1 × 2p + 3 × 1p. Сколько разных способов может быть выполнено (n) с использованием любого числа монет? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>coinSums(50)</code> должен вернуть 451.
+    testString: 'assert(coinSums(50) == 451, "<code>coinSums(50)</code> should return 451.");'
+  - text: <code>coinSums(100)</code> должен возвращать 4563.
+    testString: 'assert(coinSums(100) == 4563, "<code>coinSums(100)</code> should return 4563.");'
+  - text: <code>coinSums(150)</code> должен вернуть 21873.
+    testString: 'assert(coinSums(150) == 21873, "<code>coinSums(150)</code> should return 21873.");'
+  - text: <code>coinSums(200)</code> должен вернуть 73682.
+    testString: 'assert(coinSums(200) == 73682, "<code>coinSums(200)</code> should return 73682.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function coinSums(n) {
+  // Good luck!
+  return n;
+}
+
+coinSums(200);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-310-nim-square.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-310-nim-square.russian.md
new file mode 100644
index 0000000000..97bee9de13
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-310-nim-square.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a21000cf542c50ffb5
+challengeType: 5
+title: 'Problem 310: Nim Square'
+videoUrl: ''
+localeTitle: 'Задача 310: Площадь Нима'
+---
+
+## Description
+<section id="description"> Алиса и Боб играют в игру Nim Square. Площадь Нима - это как обычная трехкратная нормальная игра Нима, но игроки могут удалять только квадратное число камней из кучи. Количество камней в трех кучах представлено упорядоченной тройкой (a, b, c). Если 0≤a≤b≤c≤29, то количество проигрывающих позиций для следующего игрока равно 1160. <p> Найдите количество проигрывающих позиций для следующего игрока, если 0≤a≤b≤c≤100 000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler310()</code> должен вернуть 2586528661783.
+    testString: 'assert.strictEqual(euler310(), 2586528661783, "<code>euler310()</code> should return 2586528661783.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler310() {
+  // Good luck!
+  return true;
+}
+
+euler310();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-311-biclinic-integral-quadrilaterals.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-311-biclinic-integral-quadrilaterals.russian.md
new file mode 100644
index 0000000000..1a55dc85b8
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-311-biclinic-integral-quadrilaterals.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a31000cf542c50ffb6
+challengeType: 5
+title: 'Problem 311: Biclinic Integral Quadrilaterals'
+videoUrl: ''
+localeTitle: 'Задача 311: Биклинические интегральные четырехугольники'
+---
+
+## Description
+<section id="description"> ABCD - выпуклый целочисленный четырехугольник с 1 ≤ AB &lt;BC &lt;CD &lt;AD. BD имеет целую длину. O - средняя точка BD. AO имеет целую длину. Будем называть ABCD биклиническим интегральным четырехугольником, если AO = CO ≤ BO = DO. <p> Например, следующий четырехугольник является биклиническим интегральным четырехугольником: AB = 19, BC = 29, CD = 37, AD = 43, BD = 48 и AO = CO = 23. </p><p> Пусть B (N) - число четких биклинических интегральных квадрилателей ABCD, удовлетворяющих AB2 + BC2 + CD2 + AD2 ≤ N. Мы можем проверить, что B (10 000) = 49 и B (1 000 000) = 38239. </p><p> Найдите B (10 000 000 000). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler311()</code> должен вернуть 2466018557.
+    testString: 'assert.strictEqual(euler311(), 2466018557, "<code>euler311()</code> should return 2466018557.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler311() {
+  // Good luck!
+  return true;
+}
+
+euler311();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-312-cyclic-paths-on-sierpiski-graphs.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-312-cyclic-paths-on-sierpiski-graphs.russian.md
new file mode 100644
index 0000000000..cdad69f747
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-312-cyclic-paths-on-sierpiski-graphs.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a51000cf542c50ffb7
+challengeType: 5
+title: 'Problem 312: Cyclic paths on Sierpiński graphs'
+videoUrl: ''
+localeTitle: 'Задача 312: Циклические пути на графиках Серпиньского'
+---
+
+## Description
+<section id="description"> - График Серпиньского порядка-1 (S1) является равносторонним треугольником. - Sn + 1 получается из Sn путем размещения трех копий Sn, так что каждая пара копий имеет один общий угол. <p> Пусть C (n) - число циклов, проходящих ровно один раз через все вершины Sn. Например, C (3) = 8, потому что восемь таких циклов можно нарисовать на S3, как показано ниже: </p><p> Также можно проверить, что: C (1) = C (2) = 1 C (5) = 71328803586048 C (10 000) mod 108 = 37652224 C (10 000) mod 138 = 617720485 </p><p> Найти C (C (C (10 000))) mod 138. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler312()</code> должен возвращать 324681947.
+    testString: 'assert.strictEqual(euler312(), 324681947, "<code>euler312()</code> should return 324681947.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler312() {
+  // Good luck!
+  return true;
+}
+
+euler312();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-313-sliding-game.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-313-sliding-game.russian.md
new file mode 100644
index 0000000000..24244429dd
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-313-sliding-game.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a61000cf542c50ffb8
+challengeType: 5
+title: 'Problem 313: Sliding game'
+videoUrl: ''
+localeTitle: 'Задача 313: Раздвижная игра'
+---
+
+## Description
+<section id="description"> В скользящей игре счетчик может скользить горизонтально или вертикально в пустое пространство. Цель игры - переместить красный счетчик из верхнего левого угла сетки в правый нижний угол; пространство всегда начинается в нижнем правом углу. Например, следующая последовательность изображений показывает, как игра может быть завершена в пять ходов по сетке 2 на 2. <p> Пусть S (m, n) представляет минимальное количество ходов для завершения игры на m по n сетке. Например, можно проверить, что S (5,4) = 25. </p><p> Существует ровно 5482 сетки, для которых S (m, n) = p2, где p &lt;100 является простым. </p><p> Сколько сеток имеет S (m, n) = p2, где p &lt;106 является простым? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler313()</code> должен вернуть 2057774861813004.
+    testString: 'assert.strictEqual(euler313(), 2057774861813004, "<code>euler313()</code> should return 2057774861813004.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler313() {
+  // Good luck!
+  return true;
+}
+
+euler313();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-314-the-mouse-on-the-moon.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-314-the-mouse-on-the-moon.russian.md
new file mode 100644
index 0000000000..f588398e9e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-314-the-mouse-on-the-moon.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a71000cf542c50ffb9
+challengeType: 5
+title: 'Problem 314: The Mouse on the Moon'
+videoUrl: ''
+localeTitle: 'Задача 314: Мышь на Луне'
+---
+
+## Description
+<section id="description"> Луна открыта, и земля может быть получена бесплатно, но есть улов. Вы должны построить стену вокруг земли, которую вы кладете, и строительство стены на Луне дорого. Каждой стране выделена площадь 500 м на 500 м, но они будут обладать только той площадью, в которой они находятся. 251001 столба помещается в прямоугольную сетку с интервалом в 1 метр. Стена должна быть замкнутой серией прямых линий, каждая строка работает от должности до поста. <p> Более крупные страны, конечно же, построили стену площадью 2000 м, вмещающую всю площадь 250 000 м2. Герцогство Большого Фенвика имеет более жесткий бюджет и попросило вас (их Королевского программиста) вычислить, какая форма получит наилучшее максимальное соотношение пристроенных к площади / длине стены. </p><p> Вы сделали предварительные расчеты на листе бумаги. Для стены в 2000 метров, вмещающей площадь 250 000 м2, коэффициент охвата / длина стены составляет 125. Хотя это и не разрешено, но чтобы понять, если это лучше: если вы разместите круг внутри квадратной области, касаясь четырех стороны будут равны π <em>2502 м2, а периметр будет составлять π</em> 500 м, поэтому отношение охватываемой области / длины стены также будет 125. </p><p> Однако, если отрезать от квадрата четыре треугольника со сторонами 75 м, 75 м и 75√2 ​​м, общая площадь составит 238750 м2, а периметр станет 1400 + 300√2 м. Таким образом, это дает отношение площади / длины стены 130,87, что значительно лучше. </p><p> Найдите максимальное отношение площади / длины стены. Дайте ваш ответ округленным до 8 мест за десятичной точкой в ​​форме abc.defghijk. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler314()</code> должен возвращать 132.52756426.
+    testString: 'assert.strictEqual(euler314(), 132.52756426, "<code>euler314()</code> should return 132.52756426.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler314() {
+  // Good luck!
+  return true;
+}
+
+euler314();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-315-digital-root-clocks.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-315-digital-root-clocks.russian.md
new file mode 100644
index 0000000000..d104ae0644
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-315-digital-root-clocks.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a71000cf542c50ffba
+challengeType: 5
+title: 'Problem 315: Digital root clocks'
+videoUrl: ''
+localeTitle: 'Задача 315: Цифровые корневые часы'
+---
+
+## Description
+<section id="description"> Сэму и Максу предлагается преобразовать два цифровых такта в два «цифровых корневых» тактовых сигнала. Цифровые корневые часы - это цифровые часы, которые шаг за шагом вычисляют цифровые корни. <p> Когда на часах подается число, оно покажет его, а затем оно начнет расчет, показывая все промежуточные значения, пока не достигнет результата. Например, если на часах подается номер 137, он будет показывать: «137» → «11» → «2», а затем он станет черным, ожидая следующего номера. </p><p> Каждый цифровой номер состоит из нескольких легких сегментов: трех горизонтальных (верхний, средний, нижний) и четырех вертикальных (верхний левый, правый верхний, нижний левый, правый нижний). Номер «1» выполнен из вертикальных верхних и нижних правых, номер «4» выполнен по горизонтали и вертикали сверху-слева, справа вверху и внизу справа. Номер «8» освещает их все. </p><p> Часы потребляют энергию только тогда, когда сегменты включаются / выключаются. Включение «2» будет стоить 5 переходов, а «7» будет стоить всего 4 перехода. </p><p> Сэм и Макс построили два разных часовых механизма. </p><p> Часы Сэма подаются, например, номер 137: часы показывают «137», затем панель выключается, затем включается следующее число («11»), затем панель снова выключается и, наконец, последнее число («2 &quot;) включается и через некоторое время выключается. Для примера, с номером 137, часы Сэма требуют: «137»: (2 + 5 + 4) × 2 = 22 перехода («137» вкл / выкл). «11»: (2 + 2) × 2 = 8 переходов («11» включено / выключено). «2»: (5) × 2 = 10 переходов («2» вкл / выкл). </p><p> Всего 40 переходов. </p><p> Часы Макс работают по-разному. Вместо того, чтобы отключать всю панель, она достаточно умна, чтобы отключать только те сегменты, которые не понадобятся для следующего номера. Для числа 137 часы Max требуют: «137»: 2 + 5 + 4 = 11 переходов («137») 7 переходов (чтобы отключить сегменты, которые не нужны для номера «11»). «11»: 0 переходов (число «11» уже включено правильно) 3 перехода (для выключения первого «1» и нижней части второго «1», верхняя часть - с номером «2») , «2»: 4 перехода (чтобы включить оставшиеся сегменты, чтобы получить «2») 5 переходов (чтобы отключить номер «2»). </p><p> Всего 30 переходов. </p><p> Конечно, часы Макса потребляют меньше энергии, чем у Сэма. Два часа подают все простые числа между A = 107 и B = 2 × 107. Найдите разницу между общим количеством переходов, необходимых часам Сэма, и тем, что нужно Максу. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler315()</code> должен вернуть 13625242.
+    testString: 'assert.strictEqual(euler315(), 13625242, "<code>euler315()</code> should return 13625242.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler315() {
+  // Good luck!
+  return true;
+}
+
+euler315();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-316-numbers-in-decimal-expansions.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-316-numbers-in-decimal-expansions.russian.md
new file mode 100644
index 0000000000..9aad0809cb
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-316-numbers-in-decimal-expansions.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4a81000cf542c50ffbb
+challengeType: 5
+title: 'Problem 316: Numbers in decimal expansions'
+videoUrl: ''
+localeTitle: 'Задача 316: Числа в десятичных разложениях'
+---
+
+## Description
+<section id="description"> Пусть p = p1 p2 p3 ... - бесконечная последовательность случайных чисел, выбранных из {0,1,2,3,4,5,6,7,8,9} с равной вероятностью. Можно видеть, что p соответствует вещественному числу 0.p1 p2 p3 .... Можно также видеть, что выбор случайного действительного числа из интервала [0,1) эквивалентен выбору бесконечной последовательности случайных цифр, выбранных от {0,1,2,3,4,5,6,7,8,9} с равной вероятностью. <p> Для любого натурального n с d десятичными числами пусть k - наименьший индекс, такой, что pk, pk + 1, ... pk + d-1 - десятичные числа n в том же порядке. Кроме того, пусть g (n) - ожидаемое значение k; можно доказать, что g (n) всегда конечна и, что интересно, всегда является целым числом. </p><p> Например, если n = 535, то для p = 31415926535897 .... получаем k = 9 для p = 355287143650049560000490848764084685354 ..., получаем k = 36 и т. Д., И получаем, что g (535) = 1008. </p><p> Учитывая, что найти </p><p> Примечание: представляет функцию пола. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler316()</code> должен вернуть 542934735751917760.
+    testString: 'assert.strictEqual(euler316(), 542934735751917760, "<code>euler316()</code> should return 542934735751917760.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler316() {
+  // Good luck!
+  return true;
+}
+
+euler316();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-317-firecracker.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-317-firecracker.russian.md
new file mode 100644
index 0000000000..8fc5242bd5
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-317-firecracker.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4aa1000cf542c50ffbc
+challengeType: 5
+title: 'Problem 317: Firecracker'
+videoUrl: ''
+localeTitle: 'Задача 317: Фейерверк'
+---
+
+## Description
+<section id="description"> Фейерверк взрывается на высоте 100 м над уровнем земли. Он разбивается на большое количество очень мелких фрагментов, которые движутся во всех направлениях; все они имеют одинаковую начальную скорость 20 м / с. <p> Предположим, что фрагменты движутся без сопротивления воздуха в однородном гравитационном поле с g = 9,81 м / с2. </p><p> Найдите объем (в м3) области, через которую фрагменты перемещаются, прежде чем достигнуть земли. Дайте ваш ответ округленным до четырех знаков после запятой. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler317()</code> должен вернуть 1856532.8455.
+    testString: 'assert.strictEqual(euler317(), 1856532.8455, "<code>euler317()</code> should return 1856532.8455.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler317() {
+  // Good luck!
+  return true;
+}
+
+euler317();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-318-2011-nines.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-318-2011-nines.russian.md
new file mode 100644
index 0000000000..50ec1c018a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-318-2011-nines.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ab1000cf542c50ffbd
+challengeType: 5
+title: 'Problem 318: 2011 nines'
+videoUrl: ''
+localeTitle: 'Задача 318: 2011 куклы'
+---
+
+## Description
+<section id="description"> Рассмотрим вещественное число √2 + √3. Когда мы вычисляем четные степени √2 + √3, получаем: (√2 + √3) 2 = 9.898979485566356 ... (√2 + √3) 4 = 97.98979485566356 ... (√2 + √3) 6 = 969.998969071069263 ... (√2 + √3) 8 = 9601.99989585502907 ... (√2 + √3) 10 = 95049.999989479221 ... (√2 + √3) 12 = 940897.9999989371855 ... (√2 + √3) 14 = 9313929.99999989263 ... (√2 + √3) 16 = 92198401.99999998915 ... <p> Похоже, что число последовательных девяток в начале дробной части этих степеней не уменьшается. На самом деле можно доказать, что дробная часть (√2 + √3) 2n приближается к 1 при больших n. </p><p> Рассмотрим все вещественные числа вида √p + √q с p и q положительными целыми числами и p &lt;q, так что дробная часть (√p + √q) 2n приближается к 1 при больших n. </p><p> Пусть C (p, q, n) - число последовательных nines в начале дробной части (√p + √q) 2n. </p><p> Пусть N (p, q) - минимальное значение n такое, что C (p, q, n) ≥ 2011. </p><p> Найти ΣN (p, q) для p + q ≤ 2011. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler318()</code> должен вернуть 709313889.
+    testString: 'assert.strictEqual(euler318(), 709313889, "<code>euler318()</code> should return 709313889.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler318() {
+  // Good luck!
+  return true;
+}
+
+euler318();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-319-bounded-sequences.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-319-bounded-sequences.russian.md
new file mode 100644
index 0000000000..880e435dd9
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-319-bounded-sequences.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ab1000cf542c50ffbe
+challengeType: 5
+title: 'Problem 319: Bounded Sequences'
+videoUrl: ''
+localeTitle: 'Задача 319: Ограниченные последовательности'
+---
+
+## Description
+<section id="description"> Пусть x1, x2, ..., xn - последовательность длины n такая, что: x1 = 2 для всех 1 &lt;i ≤ n: xi-1 &lt;xi для всех i и j с 1 ≤ i, j ≤ n: ( xi) j &lt;(xj + 1) i <p> Существует только пять таких последовательностей длины 2, а именно: {2,4}, {2,5}, {2,6}, {2,7} и {2,8}. Существует 293 таких последовательностей длины 5; три примера приведены ниже: {2,5,11,25,55}, {2,6,14,36,88}, {2,8,22,64,181}. </p><p> Обозначим через t (n) число таких последовательностей длины n. Вам дается, что t (10) = 86195 и t (20) = 5227991891. </p><p> Найдите t (1010) и дайте свой ответ по модулю 109. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler319()</code> должен возвращать 268457129.
+    testString: 'assert.strictEqual(euler319(), 268457129, "<code>euler319()</code> should return 268457129.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler319() {
+  // Good luck!
+  return true;
+}
+
+euler319();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-32-pandigital-products.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-32-pandigital-products.russian.md
new file mode 100644
index 0000000000..237d9b58cd
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-32-pandigital-products.russian.md
@@ -0,0 +1,57 @@
+---
+id: 5900f38c1000cf542c50fe9f
+challengeType: 5
+title: 'Problem 32: Pandigital products'
+videoUrl: ''
+localeTitle: 'Проблема 32: Продукты Pandigital'
+---
+
+## Description
+<section id="description"> Мы будем говорить, что n-значное число является pandigital, если оно использует все цифры от 1 до n ровно один раз; например, 5-значное число, 15234, составляет от 1 до 5 pandigital. <p> Продукт 7254 необычен, так как идентичность 39 × 186 = 7254, содержащая мультипликацию, множитель и продукт от 1 до 9 pandigital. </p><p> Найдите сумму всех продуктов, чей идентификатор multipicand / multiplier / product может быть записан как от 1 до 9 pandigital. </p><p> СОВЕТ. Некоторые продукты могут быть получены более чем одним способом, поэтому обязательно включайте их только один раз в свою сумму. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Функция <code>pandigitalProducts()</code> - это функция.
+    testString: 'assert(typeof pandigitalProducts === "function", "<code>pandigitalProducts()</code> is a function.");'
+  - text: <code>pandigitalProducts()</code> должен возвращать 45228.
+    testString: 'assert.strictEqual(pandigitalProducts(), 45228, "<code>pandigitalProducts()</code> should return 45228.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pandigitalProducts() {
+  // Good luck!
+  return true;
+}
+
+pandigitalProducts();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-320-factorials-divisible-by-a-huge-integer.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-320-factorials-divisible-by-a-huge-integer.russian.md
new file mode 100644
index 0000000000..eb5de5ee4b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-320-factorials-divisible-by-a-huge-integer.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ae1000cf542c50ffbf
+challengeType: 5
+title: 'Problem 320: Factorials divisible by a huge integer'
+videoUrl: ''
+localeTitle: 'Задача 320: Факториалы, делящиеся на огромное целое число'
+---
+
+## Description
+<section id="description"> Пусть N (i) - наименьшее целое число n такое, что n! делится на (i!) 1234567890 <p> Пусть S (u) = ΣN (i) при 10 ≤ i ≤ u. </p><p> S (1000) = 614538266565663. </p><p> Найдите S (1 000 000) мод 1018. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler320()</code> должен вернуть 278157919195482660.
+    testString: 'assert.strictEqual(euler320(), 278157919195482660, "<code>euler320()</code> should return 278157919195482660.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler320() {
+  // Good luck!
+  return true;
+}
+
+euler320();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-321-swapping-counters.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-321-swapping-counters.russian.md
new file mode 100644
index 0000000000..66d4a970db
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-321-swapping-counters.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ae1000cf542c50ffc0
+challengeType: 5
+title: 'Problem 321: Swapping Counters'
+videoUrl: ''
+localeTitle: 'Задача 321: Сменные счетчики'
+---
+
+## Description
+<section id="description"> Горизонтальная строка, содержащая 2n + 1 квадратов, имеет n красных счетчиков, расположенных на одном конце, и n синих счетчиков на другом конце, разделенных единым пустым квадратом в центре. Например, когда n = 3. <p> Счетчик может перемещаться с одного квадрата на следующий (слайд) или может перепрыгивать через другой счетчик (прыжок), пока квадрат рядом с этим счетчиком не занят. </p><p> Пусть M (n) представляет собой минимальное количество ходов / действий для полного изменения положения цветных счетчиков; т. е. переместите все красные счетчики вправо и все синие счетчики влево. Можно проверить M (3) = 15, что также является треугольным числом. </p><p> Если мы создадим последовательность, основанную на значениях n, для которых M (n) является числом треугольника, то первые пять членов будут: 1, 3, 10, 22 и 63, а их сумма будет равна 99. </p><p> Найдите сумму первых сорока членов этой последовательности. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler321()</code> должен возвращать 2470433131948040.
+    testString: 'assert.strictEqual(euler321(), 2470433131948040, "<code>euler321()</code> should return 2470433131948040.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler321() {
+  // Good luck!
+  return true;
+}
+
+euler321();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-322-binomial-coefficients-divisible-by-10.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-322-binomial-coefficients-divisible-by-10.russian.md
new file mode 100644
index 0000000000..c6ca8ada1e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-322-binomial-coefficients-divisible-by-10.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4af1000cf542c50ffc1
+challengeType: 5
+title: 'Problem 322: Binomial coefficients divisible by 10'
+videoUrl: ''
+localeTitle: 'Задача 322: Биномиальные коэффициенты, делящиеся на 10'
+---
+
+## Description
+<section id="description"> Пусть T (m, n) - число биномиальных коэффициентов iCn, делящихся на 10 при n ≤ i &lt;m (i, m и n - целые положительные числа). Вам дается, что T (109, 107-10) = 989697000. <p> Найти T (1018, 1012-10). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler322()</code> должен вернуть 999998760323314000.
+    testString: 'assert.strictEqual(euler322(), 999998760323314000, "<code>euler322()</code> should return 999998760323314000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler322() {
+  // Good luck!
+  return true;
+}
+
+euler322();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-323-bitwise-or-operations-on-random-integers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-323-bitwise-or-operations-on-random-integers.russian.md
new file mode 100644
index 0000000000..140430904a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-323-bitwise-or-operations-on-random-integers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b01000cf542c50ffc2
+challengeType: 5
+title: 'Problem 323: Bitwise-OR operations on random integers'
+videoUrl: ''
+localeTitle: 'Задача 323: Побитовые операции OR для случайных целых чисел'
+---
+
+## Description
+<section id="description"> Пусть y0, y1, y2, ... - последовательность случайных беззнаковых 32-битных целых чисел (т.е. 0 ≤ yi &lt;232, каждое значение одинаково вероятно). Для последовательности xi дана следующая рекурсия: x0 = 0 и xi = xi-1 | yi-1, для i&gt; 0. (| - оператор побитового OR). Видно, что в конце концов будет индекс N такой, что xi = 232 -1 (бит-шаблон всех) для всех i ≥ Н. <p> Найдите ожидаемое значение N. Дайте ваш ответ округленным до десяти цифр после десятичной точки. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler323()</code> должен вернуть 6.3551758451.
+    testString: 'assert.strictEqual(euler323(), 6.3551758451, "<code>euler323()</code> should return 6.3551758451.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler323() {
+  // Good luck!
+  return true;
+}
+
+euler323();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-324-building-a-tower.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-324-building-a-tower.russian.md
new file mode 100644
index 0000000000..c2c016f388
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-324-building-a-tower.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b11000cf542c50ffc3
+challengeType: 5
+title: 'Problem 324: Building a tower'
+videoUrl: ''
+localeTitle: 'Задача 324: Строительство башни'
+---
+
+## Description
+<section id="description"> Пусть f (n) представляет количество способов заполнения 3 × 3 × n башни блоками 2 × 1 × 1. Вам разрешено вращать блоки любым способом; однако повороты, отражения и т. д. самой башни считаются отличными. Например, (с q = 100000007): f (2) = 229, f (4) = 117805, f (10) mod q = 96149360, f (103) mod q = 24806056, f (106) mod q = 30808124. <p> Найдите f (1010000) mod 100000007. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler324()</code> должен возвращать 96972774.
+    testString: 'assert.strictEqual(euler324(), 96972774, "<code>euler324()</code> should return 96972774.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler324() {
+  // Good luck!
+  return true;
+}
+
+euler324();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-325-stone-game-ii.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-325-stone-game-ii.russian.md
new file mode 100644
index 0000000000..c61495f323
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-325-stone-game-ii.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4b11000cf542c50ffc4
+challengeType: 5
+title: 'Problem 325: Stone Game II'
+videoUrl: ''
+localeTitle: 'Задача 325: Каменная игра II'
+---
+
+## Description
+<section id="description"> В игру играют две груды камней и два игрока. В свою очередь игрок удаляет несколько камней из большей кучи. Количество камней, которые она удаляет, должно быть положительным, кратным количеству камней в меньшей куче. <p> Например, пусть упорядоченная пара (6,14) описывает конфигурацию с 6 камнями в меньшей куче и 14 камней в большей куче, тогда первый игрок может удалить 6 или 12 камней из большей кучи. </p><p> Игрок, берущий все камни из кучи, выигрывает игру. </p><p> Победившая конфигурация - это та, где первый игрок может заставить выиграть. Например, (1,5), (2,6) и (3,12) являются выигрышными конфигурациями, потому что первый игрок может сразу удалить все камни во второй куче. </p><p> Потерянная конфигурация - это та, где второй игрок может заставить победу, независимо от того, что делает первый игрок. Например, (2,3) и (3,4) теряют конфигурации: любой законный ход оставляет выигрышную конфигурацию для второго игрока. </p><p> Определим S (N) как сумму (xi + yi) для всех убывающих конфигураций (xi, yi), 0 &lt;xi &lt;yi ≤ N. Мы можем проверить, что S (10) = 211 и S (104) = 230312207313. </p><p> Найдите S (1016) mod 710. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler325()</code> должен вернуть 54672965.
+    testString: 'assert.strictEqual(euler325(), 54672965, "<code>euler325()</code> should return 54672965.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler325() {
+  // Good luck!
+  return true;
+}
+
+euler325();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-326-modulo-summations.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-326-modulo-summations.russian.md
new file mode 100644
index 0000000000..3c8f29cc1e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-326-modulo-summations.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b21000cf542c50ffc5
+challengeType: 5
+title: 'Problem 326: Modulo Summations'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Пусть a - последовательность, рекурсивно определенная следующим образом:. <p> Таким образом, первые 10 элементов составляют: 1,1,0,3,0,3,5,4,1,9. </p><p> Пусть f (N, M) представляет число пар (p, q) таких, что: </p><p> Видно, что f (10,10) = 4 с парами (3,3), (5,5), (7,9) и (9,10). </p><p> Вам также дано, что f (104,103) = 97158. </p><p> Найти f (1012,106). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler326(), 1966666166408794400, "<code>euler326()</code> should return 1966666166408794400.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler326() {
+  // Good luck!
+  return true;
+}
+
+euler326();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-327-rooms-of-doom.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-327-rooms-of-doom.russian.md
new file mode 100644
index 0000000000..ec8810e9f5
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-327-rooms-of-doom.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b31000cf542c50ffc6
+challengeType: 5
+title: 'Problem 327: Rooms of Doom'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Ряд из трех комнат соединены друг с другом автоматическими дверями. <p> Каждая дверь управляется картой безопасности. Когда вы входите в комнату, дверь автоматически закрывается и эта карта безопасности не может быть использована снова. Машина с самого начала будет раздавать неограниченное количество карт, но каждая комната (включая стартовую) содержит сканеры, и если они обнаруживают, что у вас есть более трех карт безопасности или если они обнаруживают на полу автоматическую карту безопасности, все двери будут постоянно заперты. Тем не менее, каждая комната содержит коробку, в которой вы можете безопасно хранить любое количество карт безопасности для использования на более позднем этапе. </p><p> Если вы просто попытались проехать по комнатам по одному, а затем, когда вы вошли в комнату 3, вы бы использовали все три карты и были бы в ловушке в этой комнате навсегда! </p><p> Тем не менее, если вы используете ящики для хранения, то возможен выход. Например, вы можете войти в комнату 1 с помощью своей первой карты, поместить одну карту в ящик для хранения и использовать свою третью карту, чтобы выйти из комнаты до начала. Затем, собрав еще три карты из раздаточной машины, вы можете использовать ее для входа в комнату 1 и собрать карту, которую вы разместили в коробке минуту назад. Теперь у вас есть еще три карты и вы сможете проехать через оставшиеся три двери. Этот метод позволяет путешествовать по всем трем комнатам, используя в общей сложности шесть карт безопасности. </p><p> Можно путешествовать по шести комнатам, используя в общей сложности 123 карты безопасности, имея максимум 3 карты. </p><p> Пусть C - максимальное количество карточек, которые можно переносить в любое время. Пусть R - количество комнат для проезда. Пусть M (C, R) - минимальное количество карточек, требуемых от раздаточной машины, для перемещения по номерам R, несущим до максимума карты C в любое время. </p><p> Например, M (3,6) = 123 и M (4,6) = 23.And, ΣM (C, 6) = 146 для 3 ≤ C ≤ 4. </p><p> Вам дается, что ΣM (C, 10) = 10382 для 3 ≤ C ≤ 10. </p><p> Найти ΣM (C, 30) для 3 ≤ C ≤ 40. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler327()</code> должен вернуть 34315549139516.
+    testString: 'assert.strictEqual(euler327(), 34315549139516, "<code>euler327()</code> should return 34315549139516.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler327() {
+  // Good luck!
+  return true;
+}
+
+euler327();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-328-lowest-cost-search.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-328-lowest-cost-search.russian.md
new file mode 100644
index 0000000000..756e4c8e24
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-328-lowest-cost-search.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b41000cf542c50ffc7
+challengeType: 5
+title: 'Problem 328: Lowest-cost Search'
+videoUrl: ''
+localeTitle: 'Задача 328: поиск по минимальным затратам'
+---
+
+## Description
+<section id="description"> Мы пытаемся найти скрытое число, выбранное из набора целых чисел {1, 2, ..., n}, задавая вопросы. Каждый номер (вопрос), который мы задаем, имеет стоимость, равную запрашиваемому номеру, и мы получаем один из трех возможных ответов: «Ваша догадка ниже скрытого числа» или «Да, вот и все!» Или «Ваша догадка выше скрытого числа &quot;. Учитывая значение n, оптимальная стратегия минимизирует общую стоимость (т. Е. Сумму всех заданных вопросов) для наихудшего возможного случая. Например <p> Если n = 3, лучшее, что мы можем сделать, - это, очевидно, задать число «2». Ответ сразу заставит нас найти скрытое число (при общей стоимости = 2). </p><p> Если n = 8, мы можем решить использовать стратегию «двоичного поиска»: наш первый вопрос будет «4», а если скрытое число больше 4, нам понадобятся один или два дополнительных вопроса. Пусть наш второй вопрос будет «6». Если скрытое число еще выше 6, нам понадобится третий вопрос, чтобы различать от 7 до 8. Таким образом, наш третий вопрос будет «7», а общая стоимость этого наихудшего сценария составит 4 + 6 + 7 = 17. </p><p> Мы можем значительно улучшить наихудшие затраты для n = 8, задав «5» в качестве нашего первого вопроса. Если нам говорят, что скрытое число выше 5, наш второй вопрос будет «7», тогда мы точно знаем, что такое скрытое число (общая стоимость 5 + 7 = 12). Если нам говорят, что скрытое число меньше 5, наш второй вопрос будет «3», и если скрытое число будет ниже 3, наш третий вопрос будет «1», что даст общую стоимость 5 + 3 + 1 = 9. С 12&gt; 9 наихудшая стоимость для этой стратегии равна 12. Это лучше, чем мы ранее достигали с помощью стратегии «бинарного поиска»; он также лучше или равен любой другой стратегии. Итак, на самом деле мы только что описали оптимальную стратегию для n = 8. </p><p> Пусть C (n) - наихудшая стоимость, достигаемая оптимальной стратегией для n, как описано выше. Таким образом, C (1) = 0, C (2) = 1, C (3) = 2 и C (8) = 12. Аналогично, C (100) = 400 и C (n) = 17575. </p><p> Найти C (n). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler328(), 260511850222, "<code>euler328()</code> should return 260511850222.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler328() {
+  // Good luck!
+  return true;
+}
+
+euler328();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-329-prime-frog.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-329-prime-frog.russian.md
new file mode 100644
index 0000000000..297636f84d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-329-prime-frog.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b51000cf542c50ffc8
+challengeType: 5
+title: 'Problem 329: Prime Frog'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> У Сьюзан есть первая лягушка. Ее лягушка прыгает на 500 квадратов с номерами от 1 до 500. Он может прыгать на один квадрат влево или вправо с равной вероятностью, и он не может прыгать за пределы диапазона [1; 500]. (Если он приземляется либо на end, он автоматически переходит на единственный доступный квадрат при следующем перемещении.) <p> Когда он находится на квадрате с простым числом на нем, он кричит «P» (PRIME) с вероятностью 2/3 или «N» (НЕ ПРЕМЬЕР) с вероятностью 1/3 перед прыжком на следующий квадрат. Когда он находится на квадрате с номером на нем, который не является простым, он сжимает «P» с вероятностью 1/3 или «N» с вероятностью 2/3 перед прыжком на следующий квадрат. </p><p> Учитывая, что стартовая позиция лягушки случайна с той же вероятностью для каждого квадрата, и учитывая, что она слушает своих первых 15 крипов, какова вероятность того, что она услышит последовательность PPPPNNPPPNPPNPN? </p><p> Дайте свой ответ как часть p / q в сокращенной форме. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler329()</code> должен вернуть 199740353/29386561536000.
+    testString: 'assert.strictEqual(euler329(), 199740353 / 29386561536000, "<code>euler329()</code> should return 199740353 / 29386561536000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler329() {
+  // Good luck!
+  return true;
+}
+
+euler329();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-33-digit-cancelling-fractions.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-33-digit-cancelling-fractions.russian.md
new file mode 100644
index 0000000000..38d3e68ba2
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-33-digit-cancelling-fractions.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f38d1000cf542c50fea0
+challengeType: 5
+title: 'Problem 33: Digit cancelling fractions'
+videoUrl: ''
+localeTitle: 'Задача 33: Отмена фракций'
+---
+
+## Description
+<section id="description"> Фракцию <sup><sub>49/98</sub></sup> любопытная фракция, как неопытная математика в попытке упростить это может ошибочно полагает , что <sup><sub>49/98</sub></sup> = <sup><sub>4/8,</sub></sup> который является правильным, получается путем погашения 9s. Мы будем рассматривать фракции нравятся, <sup><sub>30/50</sub></sup> = <sup><sub>3/5,</sub></sup> чтобы быть тривиальными примерами. Существует ровно четыре нетривиальных примера этого типа фракции, меньше единицы по значению и содержат две цифры в числителе и знаменателе. Если произведение этих четырех фракций дано в наименьших общих терминах, найдите значение знаменателя. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(digitCancellingFractions(), 100, "<code>digitCancellingFractions()</code> should return 100.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function digitCancellingFractions() {
+  // Good luck!
+  return true;
+}
+
+digitCancellingFractions();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-330-eulers-number.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-330-eulers-number.russian.md
new file mode 100644
index 0000000000..fd0731705f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-330-eulers-number.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b71000cf542c50ffc9
+challengeType: 5
+title: 'Problem 330: Euler"s Number'
+videoUrl: ''
+localeTitle: 'Задача 330: номер Эйлера'
+---
+
+## Description
+<section id="description"> Бесконечная последовательность вещественных чисел a (n) определена для всех целых чисел n следующим образом: <p> Например, a (0) = 11! + 12! + 13! + ... = e - 1 a (1) = e - 11! + 12! + 13! + ... = 2e - 3 a (2) = 2e - 31! + е - 12! + 13! + ... = 72 e - 6 </p><p> с e = 2.7182818 ... являющейся константой Эйлера. </p><p> Можно показать, что a (n) имеет вид </p><pre> <code>A(n) e + B(n)n! for integers A(n) and B(n).</code> </pre><p> Например, a (10) = </p><pre> <code>328161643 e − 65269448610! .</code> </pre><p> Найдите A (109) + B (109) и дайте свой ответ mod 77 777 777. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler330(), 15955822, "<code>euler330()</code> should return 15955822.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler330() {
+  // Good luck!
+  return true;
+}
+
+euler330();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-331-cross-flips.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-331-cross-flips.russian.md
new file mode 100644
index 0000000000..1e7c7988b8
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-331-cross-flips.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4b71000cf542c50ffca
+challengeType: 5
+title: 'Problem 331: Cross flips'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Диски N × N помещаются на квадратную игровую панель. Каждый диск имеет черную сторону и белую сторону. <p> На каждом шагу вы можете выбрать диск и перевернуть все диски в одной строке и том же столбце, что и этот диск: таким образом, диски 2 × N-1 перевернуты. Игра заканчивается, когда все диски показывают свою белую сторону. В следующем примере показана игра на плате размером 5 × 5. </p><p> Можно доказать, что 3 - это минимальное количество поворотов для завершения этой игры. </p><p> Нижний левый диск на плате N × N имеет координаты (0,0); правый правый диск имеет координаты (N-1,0), а верхний левый диск имеет координаты (0, N-1). </p><p> Пусть CN - следующая конфигурация платы с N × N дисками: диск в (x, y), удовлетворяющий, показывает свою черную сторону; в противном случае он показывает свою белую сторону. C5 показан выше. </p><p> Пусть T (N) - минимальное количество поворотов, чтобы закончить игру, начиная с конфигурации CN или 0, если конфигурация CN неразрешима. Мы показали, что T (5) = 3. Вам также дается, что T (10) = 29 и T (1 000) = 395253. </p><p> Найти . </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler331()</code> должен вернуть 467178235146843500.
+    testString: 'assert.strictEqual(euler331(), 467178235146843500, "<code>euler331()</code> should return 467178235146843500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler331() {
+  // Good luck!
+  return true;
+}
+
+euler331();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-332-spherical-triangles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-332-spherical-triangles.russian.md
new file mode 100644
index 0000000000..a39f4be178
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-332-spherical-triangles.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b91000cf542c50ffcb
+challengeType: 5
+title: 'Problem 332: Spherical triangles'
+videoUrl: ''
+localeTitle: 'Задача 332: Сферические треугольники'
+---
+
+## Description
+<section id="description"> Сферический треугольник представляет собой фигуру, образованную на поверхности сферы тремя большими круговыми дугами, пересекающимися попарно в трех вершинах. <p> Пусть C (r) - сфера с центром (0,0,0) и радиусом r. Пусть Z (r) - множество точек на поверхности C (r) с целыми координатами. Пусть T (r) - множество сферических треугольников с вершинами в Z (r). Вырожденные сферические треугольники, образованные тремя точками на одной большой дуге, не входят в T (r). Пусть A (r) - площадь самого малого сферического треугольника в T (r). </p><p> Например, A (14) составляет 3,294040, округленное до шести знаков после запятой. </p><p> Найти A (r). Дайте ваш ответ округленным до шести знаков после запятой. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler332()</code> должен вернуть 2717.751525.
+    testString: 'assert.strictEqual(euler332(), 2717.751525, "<code>euler332()</code> should return 2717.751525.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler332() {
+  // Good luck!
+  return true;
+}
+
+euler332();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-333-special-partitions.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-333-special-partitions.russian.md
new file mode 100644
index 0000000000..824acf8a7d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-333-special-partitions.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4b91000cf542c50ffcc
+challengeType: 5
+title: 'Problem 333: Special partitions'
+videoUrl: ''
+localeTitle: 'Задача 333: Специальные разделы'
+---
+
+## Description
+<section id="description"> Все положительные целые числа могут быть разделены таким образом, что каждый член разбиения может быть выражен как 2ix3j, где i, j ≥ 0. <p> Давайте рассмотрим только те такие разделы, где ни один из терминов не может делить ни одно из других членов. Например, разбиение 17 = 2 + 6 + 9 = (21x30 + 21x31 + 20x32) было бы неверным, так как 2 может делить 6. Ни одно разделение 17 = 16 + 1 = (24x30 + 20x30), так как 1 может делить 16. Единственным допустимым разделом 17 будет 8 + 9 = (23x30 + 20x32). </p><p> Многие целые числа имеют более одного допустимого раздела, первый из которых имеет 11 следующих двух разделов. 11 = 2 + 9 = (21x30 + 20x32) 11 = 8 + 3 = (23x30 + 20x31) </p><p> Определим P (n) как число допустимых разделов n. Например, P (11) = 2. </p><p> Рассмотрим только простые целые числа q, которые имели бы один действительный раздел, такой как P (17). </p><p> Сумма простых чисел q &lt;100 такая, что P (q) = 1 равно 233. </p><p> Найдите сумму простых чисел q &lt;1000000, для которых P (q) = 1. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler333()</code> должен возвращать 3053105.
+    testString: 'assert.strictEqual(euler333(), 3053105, "<code>euler333()</code> should return 3053105.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler333() {
+  // Good luck!
+  return true;
+}
+
+euler333();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-334-spilling-the-beans.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-334-spilling-the-beans.russian.md
new file mode 100644
index 0000000000..1e63f89d8a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-334-spilling-the-beans.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ba1000cf542c50ffcd
+challengeType: 5
+title: 'Problem 334: Spilling the beans'
+videoUrl: ''
+localeTitle: 'Задача 334: Пролитие фасоли'
+---
+
+## Description
+<section id="description"> В небесах Платона существует бесконечное количество чаш в прямой линии. Каждая чаша либо содержит некоторое, либо ни одно из конечного количества бобов. Ребенок играет в игру, которая допускает только один вид движения: удаление двух бобов из любой чаши и помещение одного в каждую из двух соседних чаш. Игра заканчивается, когда каждая чаша содержит либо одну, либо никакую фасоль. <p> Например, рассмотрите две соседние чаши, содержащие 2 и 3 бобов, соответственно, все остальные чаши пусты. Следующие восемь ходов завершат игру: </p><p> Вам заданы следующие последовательности: t0 = 123456. </p><pre> <code> ti = ti-12 , if ti-1 is even ti-12 926252, if ti-1 is odd where ⌊x⌋ is the floor function and is the bitwise XOR operator. bi = ( ti mod 211) + 1.</code> </pre><p> Первые два члена последней последовательности: b1 = 289 и b2 = 145. Если мы начнем с b1 и b2 beans в двух соседних чашках, для завершения игры потребуется 3419100 ходов. </p><p> Рассмотрим теперь 1500 соседних чаш, содержащих b1, b2, ..., b1500 бобов, соответственно, все остальные чаши пусты. Найдите, сколько ходов требуется до окончания игры. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler334()</code> должен вернуть 150320021261690850.
+    testString: 'assert.strictEqual(euler334(), 150320021261690850, "<code>euler334()</code> should return 150320021261690850.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler334() {
+  // Good luck!
+  return true;
+}
+
+euler334();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-335-gathering-the-beans.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-335-gathering-the-beans.russian.md
new file mode 100644
index 0000000000..5f280bdeef
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-335-gathering-the-beans.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4bd1000cf542c50ffce
+challengeType: 5
+title: 'Problem 335: Gathering the beans'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Всякий раз, когда Питер испытывает скуку, он кладет чаши, содержащие по одному бобу, по кругу. После этого он вынимает все бобы из определенной чаши и бросает их один за другим в чаши, идущие по часовой стрелке. Он повторяет это, начиная с чаши, в которую он уронил последний боб, пока не появится первоначальная ситуация. Например, с 5 чашами он действует следующим образом: <p> Таким образом, с 5 чашами, для возврата к исходной ситуации требуется переход от Peter 15. </p><p> Пусть M (x) представляет количество ходов, необходимых для возврата к исходной ситуации, начиная с шаров x. Таким образом, M (5) = 15. Также можно проверить, что M (100) = 10920. </p><p> Найти M (2k + 1). Дайте свой ответ по модулю 79. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler335()</code> должен вернуть 5032316.
+    testString: 'assert.strictEqual(euler335(), 5032316, "<code>euler335()</code> should return 5032316.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler335() {
+  // Good luck!
+  return true;
+}
+
+euler335();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-336-maximix-arrangements.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-336-maximix-arrangements.russian.md
new file mode 100644
index 0000000000..108e1d515e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-336-maximix-arrangements.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4bd1000cf542c50ffcf
+challengeType: 5
+title: 'Problem 336: Maximix Arrangements'
+videoUrl: ''
+localeTitle: 'Задача 336: договоренности Максимикса'
+---
+
+## Description
+<section id="description"> Поезд используется для перевозки четырех вагонов в следующем порядке: ABCD. Однако иногда, когда поезд прибывает для сбора вагонов, они не в правильном порядке. Чтобы переставить вагоны, они все шунтируются на большой вращающийся поворотный стол. После того, как вагоны отсоединены в определенном месте, поезд сходит с поворотного стола, потянув за вагоны, все еще прикрепленные к нему. Остальные вагоны поворачиваются на 180 градусов. Затем все вагоны возвращаются, и этот процесс повторяется настолько часто, насколько это необходимо, чтобы получить наименьшее количество применений поворотного стола. Некоторые устройства, такие как ADCB, могут быть легко решены: каретки разделены между A и D, и после того, как DCB повернут, правильный порядок был достигнут. <p> Тем не менее, Simple Simon, водитель поезда, не известен своей эффективностью, поэтому он всегда решает проблему, изначально получая каретку A в нужном месте, затем каретку B и т. Д. </p><p> Используя четыре вагоны, самыми сильными мерами для Саймона, которые мы будем называть схемами максимикса, являются DACB и DBAC; каждый из которых требовал от него пяти поворотов (хотя, используя самый эффективный подход, их можно было решить с помощью всего трех поворотов). Процесс, который он использует для DACB, показан ниже. </p><p> Можно проверить, что существует 24 механизма максимизации для шести вагонов, из которых десятая лексикографическая схема максимизации - DFAECB. </p><p> Найдите 2011-й лексикографический принцип максимизации для одиннадцати вагонов. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler336()</code> должен вернуть CAGBIHEFJDK.
+    testString: 'assert.strictEqual(euler336(), CAGBIHEFJDK, "<code>euler336()</code> should return CAGBIHEFJDK.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler336() {
+  // Good luck!
+  return true;
+}
+
+euler336();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-337-totient-stairstep-sequences.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-337-totient-stairstep-sequences.russian.md
new file mode 100644
index 0000000000..19d12e6644
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-337-totient-stairstep-sequences.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4be1000cf542c50ffd0
+challengeType: 5
+title: 'Problem 337: Totient Stairstep Sequences'
+videoUrl: ''
+localeTitle: Задача 337 Totient последовательности Stairstep
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler337()</code> должен вернуть 85068035.
+    testString: 'assert.strictEqual(euler337(), 85068035, "<code>euler337()</code> should return 85068035.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler337() {
+  // Good luck!
+  return true;
+}
+
+euler337();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-338-cutting-rectangular-grid-paper.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-338-cutting-rectangular-grid-paper.russian.md
new file mode 100644
index 0000000000..e993b67b94
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-338-cutting-rectangular-grid-paper.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4be1000cf542c50ffd1
+challengeType: 5
+title: 'Problem 338: Cutting Rectangular Grid Paper'
+videoUrl: ''
+localeTitle: 'Задача 338: Резка прямоугольной сетчатой ​​бумаги'
+---
+
+## Description
+<section id="description"> Дается прямоугольный лист сетчатой ​​бумаги с целыми размерами w × h. Его сетчатый интервал равен 1. Когда мы разрезаем лист вдоль линий сетки на две части и переставляем эти части без перекрытия, мы можем создавать новые прямоугольники с различными размерами. Например, из листа с размерами 9 × 4 мы можем сделать прямоугольники размером 18 × 2, 12 × 3 и 6 × 6 путем резки и перестановки, как показано ниже: <p> Аналогично, из листа с размерами 9 × 8 мы можем создавать прямоугольники с размерами 18 × 4 и 12 × 6. </p><p> Для пары w и h пусть F (w, h) - число различных прямоугольников, которые могут быть сделаны из листа с размерами w × h. Например, F (2,1) = 0, F (2,2) = 1, F (9,4) = 3 и F (9,8) = 2. Заметим, что прямоугольники, совпадающие с исходными, не учитываются в F (w, h). Отметим также, что прямоугольники с размерами w × h и размерами h × w не считаются раздельными. </p><p> Для целого числа N пусть G (N) - сумма F (w, h) для всех пар w и h, удовлетворяющих 0 &lt;h ≤ w ≤ N. Мы можем проверить, что G (10) = 55, G (103 ) = 971745 и G (105) = 9992617687. </p><p> Найти G (1012). Дайте свой ответ по модулю 108. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler338()</code> должен вернуть 15614292.
+    testString: 'assert.strictEqual(euler338(), 15614292, "<code>euler338()</code> should return 15614292.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler338() {
+  // Good luck!
+  return true;
+}
+
+euler338();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-339-peredur-fab-efrawg.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-339-peredur-fab-efrawg.russian.md
new file mode 100644
index 0000000000..b88b125ce6
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-339-peredur-fab-efrawg.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c01000cf542c50ffd2
+challengeType: 5
+title: 'Problem 339: Peredur fab Efrawg'
+videoUrl: ''
+localeTitle: 'Задача 339: Peredur fab Efrawg'
+---
+
+## Description
+<section id="description"> «И он подошел к долине, через которую бежала река, и края долины были лесистыми, и по обе стороны реки были равнины луга. И на одной стороне реки он увидел стадо белых овец и с другой - стая черных овец, и всякий раз, когда одна из белых овец блестела, одна из черных овец переходила и становилась белой, а когда одна из черных овец блестела, одна из белых овец пересеклась и стала черной &quot;. en.wikisource.org <p> Первоначально каждая стая состоит из русских овец. Каждая овца (независимо от цвета) одинаково вероятна, что следующая овец будет блеять. После того, как овца блестит, и овец из другого стада пересек, Передур может удалить несколько белых овец, чтобы максимизировать ожидаемое окончательное количество черных овец. Пусть E (n) - ожидаемое конечное число черных овец, если Peredur использует оптимальную стратегию. </p><p> Вам дается, что E (5) = 6.871346 округляется до 6 мест за десятичной точкой. Найдите E (10 000) и дайте свой ответ округленным до 6 мест за десятичной точкой. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler339(), 19823.542204, "<code>euler339()</code> should return 19823.542204.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler339() {
+  // Good luck!
+  return true;
+}
+
+euler339();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-34-digit-factorials.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-34-digit-factorials.russian.md
new file mode 100644
index 0000000000..ecfac7e651
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-34-digit-factorials.russian.md
@@ -0,0 +1,57 @@
+---
+id: 5900f38e1000cf542c50fea1
+challengeType: 5
+title: 'Problem 34: Digit factorials'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> 145 - любопытное число, как 1! + 4! + 5! = 1 + 24 + 120 = 145. Найти числа и сумму чисел, которые равны сумме факториала их цифр. Примечание: как 1! = 1 и 2! = 2 не являются суммами, которые они не включены. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>digitFactorial()</code> должен возвратить {sum: 40730, numbers: [145, 40585]}.'
+    testString: 'assert.deepEqual(digitFactorial(), { sum: 40730, numbers: [145, 40585] }, "<code>digitFactorial()</code> should return { sum: 40730, numbers: [145, 40585] }.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function digitFactorial() {
+  // Good luck!
+  var sum = 0;
+  var numbers = [];
+  return { sum, numbers };
+}
+
+digitFactorial();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-340-crazy-function.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-340-crazy-function.russian.md
new file mode 100644
index 0000000000..eae6f46197
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-340-crazy-function.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c21000cf542c50ffd4
+challengeType: 5
+title: 'Problem 340: Crazy Function'
+videoUrl: ''
+localeTitle: 'Проблема 340: Сумасшедшая функция'
+---
+
+## Description
+<section id="description"> Для фиксированных целых чисел a, b, c определяют сумасшедшую функцию F (n) следующим образом: F (n) = n - c для всех n&gt; b F (n) = F (a + F (a + F (a + F (a + n)))) для всех n ≤ b. <p> Также определим S (a, b, c) =. </p><p> Например, если a = 50, b = 2000 и c = 40, то F (0) = 3240 и F (2000) = 2040. Также S (50, 2000, 40) = 5204240. </p><p> Найдите последние 9 цифр S (217, 721, 127). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler340()</code> должен вернуть 291504964.
+    testString: 'assert.strictEqual(euler340(), 291504964, "<code>euler340()</code> should return 291504964.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler340() {
+  // Good luck!
+  return true;
+}
+
+euler340();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-341-golombs-self-describing-sequence.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-341-golombs-self-describing-sequence.russian.md
new file mode 100644
index 0000000000..2a24ddd0e0
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-341-golombs-self-describing-sequence.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4c11000cf542c50ffd3
+challengeType: 5
+title: 'Problem 341: Golomb"s self-describing sequence'
+videoUrl: ''
+localeTitle: 'Задача 341: самоописательная последовательность Голомба'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler341()</code> должен вернуть 56098610614277016.
+    testString: 'assert.strictEqual(euler341(), 56098610614277016, "<code>euler341()</code> should return 56098610614277016.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler341() {
+  // Good luck!
+  return true;
+}
+
+euler341();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-342-the-totient-of-a-square-is-a-cube.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-342-the-totient-of-a-square-is-a-cube.russian.md
new file mode 100644
index 0000000000..5d5a97c450
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-342-the-totient-of-a-square-is-a-cube.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4c31000cf542c50ffd5
+challengeType: 5
+title: 'Problem 342: The totient of a square is a cube'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler342()</code> должен вернуть 5943040885644.
+    testString: 'assert.strictEqual(euler342(), 5943040885644, "<code>euler342()</code> should return 5943040885644.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler342() {
+  // Good luck!
+  return true;
+}
+
+euler342();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-343-fractional-sequences.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-343-fractional-sequences.russian.md
new file mode 100644
index 0000000000..e566eb8e4f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-343-fractional-sequences.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c41000cf542c50ffd6
+challengeType: 5
+title: 'Problem 343: Fractional Sequences'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Для любого натурального k конечная последовательность ai дробей xi / yi определяется: a1 = 1 / k и ai = (xi-1 + 1) / (yi-1-1), сведенными к младшим слагаемым при i&gt; 1 , Когда ai достигает некоторого целого n, последовательность останавливается. (То есть, когда yi = 1.) Определим f (k) = n. Например, для k = 20: <p> 1/20 → 2/19 → 3/18 = 1/6 → 2/5 → 3/4 → 4/3 → 5/2 → 6/1 = 6 </p><p> Итак, f (20) = 6. </p><p> Также f (1) = 1, f (2) = 2, f (3) = 1 и Σf (k3) = 118937 для 1 ≤ k ≤ 100. </p><p> Найти Σf (k3) для 1 ≤ k ≤ 2 × 106. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler343()</code> должен вернуть 269533451410884200.
+    testString: 'assert.strictEqual(euler343(), 269533451410884200, "<code>euler343()</code> should return 269533451410884200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler343() {
+  // Good luck!
+  return true;
+}
+
+euler343();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-344-silver-dollar-game.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-344-silver-dollar-game.russian.md
new file mode 100644
index 0000000000..6382a04fbf
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-344-silver-dollar-game.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4c51000cf542c50ffd7
+challengeType: 5
+title: 'Problem 344: Silver dollar game'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Один вариант игры серебряного доллара NG de Bruijn можно описать следующим образом: <p> На полосе квадратов размещено несколько монет, не более одной монеты на квадрат. Только одна монета, называемая серебряным долларом, имеет какую-то ценность. Два игрока по очереди делают ходы. При каждом повороте игрок должен сделать либо обычный, либо специальный ход. </p><p> Регулярный ход состоит в выборе одной монеты и перемещении ее на один или несколько квадратов влево. Монета не может выходить из полосы или прыгать на другую монету или над ней. </p><p> В качестве альтернативы, игрок может сделать особый ход побивания самой левой монеты, а не делать регулярный ход. Если регулярные ходы не возможны, игрок вынужден закрепить левую монету. </p><p> Победителем является игрок, который забивает серебряный доллар. </p><p> Выигрывающая конфигурация - это расположение монет на полосе, где первый игрок может заставить выигрыш независимо от того, что делает второй игрок. </p><p> Пусть W (n, c) - количество выигрышных конфигураций для полосы из n квадратов, c бесполезных монет и одного серебряного доллара. </p><p> Вам дается, что W (10,2) = 324 и W (100,10) = 1514704946113500. </p><p> Найдите W (1 000 000, 100) по модулю полупроэкта 1000 036 000 099 (= 1 000 003 · 1 000 033). </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler344()</code> должен вернуть 65579304332.
+    testString: 'assert.strictEqual(euler344(), 65579304332, "<code>euler344()</code> should return 65579304332.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler344() {
+  // Good luck!
+  return true;
+}
+
+euler344();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-345-matrix-sum.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-345-matrix-sum.russian.md
new file mode 100644
index 0000000000..93828e819e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-345-matrix-sum.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4c81000cf542c50ffda
+challengeType: 5
+title: 'Problem 345: Matrix Sum'
+videoUrl: ''
+localeTitle: 'Задача 345: Матричная сумма'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler345(), 13938, "<code>euler345()</code> should return 13938.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler345() {
+  // Good luck!
+  return true;
+}
+
+euler345();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-346-strong-repunits.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-346-strong-repunits.russian.md
new file mode 100644
index 0000000000..2063680d7f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-346-strong-repunits.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4c71000cf542c50ffd8
+challengeType: 5
+title: 'Problem 346: Strong Repunits'
+videoUrl: ''
+localeTitle: 'Задача 346: Сильные подразделения'
+---
+
+## Description
+<section id="description"> Число 7 является особенным, потому что 7 равно 111, записанному в базе 2, а 11 записано в базе 6 (т.е. 710 = 116 = 1112). Другими словами, 7 является репунитом по крайней мере в двух базах b&gt; 1. <p> Мы будем называть положительное целое число с этим свойством сильным repunit. Можно проверить, что существует 8 сильных repunits ниже 50: {1,7,13,15,21,31,40,43}. Кроме того, сумма всех сильных repunits ниже 1000 равна 15864. </p><p> Найдите сумму всех сильных repunits ниже 1012. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler346()</code> должен вернуть 336108797689259260.
+    testString: 'assert.strictEqual(euler346(), 336108797689259260, "<code>euler346()</code> should return 336108797689259260.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler346() {
+  // Good luck!
+  return true;
+}
+
+euler346();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-347-largest-integer-divisible-by-two-primes.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-347-largest-integer-divisible-by-two-primes.russian.md
new file mode 100644
index 0000000000..37d59699e3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-347-largest-integer-divisible-by-two-primes.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c81000cf542c50ffd9
+challengeType: 5
+title: 'Problem 347: Largest integer divisible by two primes'
+videoUrl: ''
+localeTitle: 'Задача 347: Наибольшее целое число, делящееся на два простых числа'
+---
+
+## Description
+<section id="description"> Наибольшее целое число ≤ 100, которое делится только на простые числа 2 и 3, равно 96, как 96 = 32 * 3 = 25 * 3. Для двух разных простых чисел p и q пусть M (p, q, N) - наибольшее положительное целое число ≤N, только делимое как p, так и q и M (p, q, N) = 0, если такого положительного целого не существует. <p> Например, M (2,3, 100) = 96. M (3,5 100) = 75, а не 90, потому что 90 делится на 2, 3 и 5. Также M (2,73,100) = 0, потому что не существует положительного целого числа ≤ 100, которое делится на 2 и 73. </p><p> Пусть S (N) - сумма всех различных M (p, q, N). S (100) = 2262. </p><p> Найдите S (10 000 000). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler347()</code> должен вернуть 11109800204052.
+    testString: 'assert.strictEqual(euler347(), 11109800204052, "<code>euler347()</code> should return 11109800204052.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler347() {
+  // Good luck!
+  return true;
+}
+
+euler347();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-348-sum-of-a-square-and-a-cube.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-348-sum-of-a-square-and-a-cube.russian.md
new file mode 100644
index 0000000000..eaac9849b3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-348-sum-of-a-square-and-a-cube.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4c81000cf542c50ffdb
+challengeType: 5
+title: 'Problem 348: Sum of a square and a cube'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler348(), 1004195061, "<code>euler348()</code> should return 1004195061.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler348() {
+  // Good luck!
+  return true;
+}
+
+euler348();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-349-langtons-ant.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-349-langtons-ant.russian.md
new file mode 100644
index 0000000000..be4361772e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-349-langtons-ant.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ca1000cf542c50ffdc
+challengeType: 5
+title: 'Problem 349: Langton"s ant'
+videoUrl: ''
+localeTitle: 'Проблема 349: Ленгтонский муравей'
+---
+
+## Description
+<section id="description"> Муравей перемещается по правильной сетке квадратов, окрашенных либо черным, либо белым. Муравьи всегда ориентированы в одном из главных направлений (слева, справа, вверх или вниз) и перемещаются от квадрата к смежному квадрату в соответствии со следующими правилами: - если он находится на черном квадрате, он переворачивает цвет квадрата в белый, поворачивается на 90 градусов против часовой стрелки и перемещается вперед на один квадрат. - если он находится на белом квадрате, он переворачивает цвет квадрата в черный, поворачивается на 90 градусов по часовой стрелке и перемещается вперед на один квадрат. <p> Начиная с сетки, которая полностью белая, сколько квадратов черное после 1018 ходов муравья? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler349()</code> должен вернуть 115384615384614940.
+    testString: 'assert.strictEqual(euler349(), 115384615384614940, "<code>euler349()</code> should return 115384615384614940.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler349() {
+  // Good luck!
+  return true;
+}
+
+euler349();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-35-circular-primes.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-35-circular-primes.russian.md
new file mode 100644
index 0000000000..0315ce5825
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-35-circular-primes.russian.md
@@ -0,0 +1,64 @@
+---
+id: 5900f38f1000cf542c50fea2
+challengeType: 5
+title: 'Problem 35: Circular primes'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Число 197, называется круговым простым, поскольку все повороты цифр: 197, 971 и 719 сами по себе являются первыми. Есть тринадцать таких простых чисел ниже 100: 2, 3, 5, 7, 11, 13, 17, 31, 37, 71, 73, 79 и 97. Сколько круговых простых чисел ниже n, тогда как 100 &lt;= n &lt; = 1000000? </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>circularPrimes(100)</code> должен возвращать 13.
+    testString: 'assert(circularPrimes(100) == 13, "<code>circularPrimes(100)</code> should return 13.");'
+  - text: <code>circularPrimes(100000)</code> должен возвращать 43.
+    testString: 'assert(circularPrimes(100000) == 43, "<code>circularPrimes(100000)</code> should return 43.");'
+  - text: ''
+    testString: 'assert(circularPrimes(250000) == 45, "<code>circularPrimes(250000)</code> should return 45.");'
+  - text: <code>circularPrimes(500000)</code> должен вернуть 49.
+    testString: 'assert(circularPrimes(500000) == 49, "<code>circularPrimes(500000)</code> should return 49.");'
+  - text: <code>circularPrimes(750000)</code> должен вернуть 49.
+    testString: 'assert(circularPrimes(750000) == 49, "<code>circularPrimes(750000)</code> should return 49.");'
+  - text: ''
+    testString: 'assert(circularPrimes(1000000) == 55, "<code>circularPrimes(1000000)</code> should return 55.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function circularPrimes(n) {
+  // Good luck!
+  return n;
+}
+
+circularPrimes(1000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-350-constraining-the-least-greatest-and-the-greatest-least.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-350-constraining-the-least-greatest-and-the-greatest-least.russian.md
new file mode 100644
index 0000000000..38d6ca22eb
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-350-constraining-the-least-greatest-and-the-greatest-least.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4cb1000cf542c50ffdd
+challengeType: 5
+title: 'Problem 350: Constraining the least greatest and the greatest least'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler350(), 84664213, "<code>euler350()</code> should return 84664213.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler350() {
+  // Good luck!
+  return true;
+}
+
+euler350();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-351-hexagonal-orchards.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-351-hexagonal-orchards.russian.md
new file mode 100644
index 0000000000..7bcbc10042
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-351-hexagonal-orchards.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4cb1000cf542c50ffde
+challengeType: 5
+title: 'Problem 351: Hexagonal orchards'
+videoUrl: ''
+localeTitle: 'Задача 351: Шестиугольные сады'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler351(), 11762187201804552, "<code>euler351()</code> should return 11762187201804552.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler351() {
+  // Good luck!
+  return true;
+}
+
+euler351();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-352-blood-tests.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-352-blood-tests.russian.md
new file mode 100644
index 0000000000..949c38d150
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-352-blood-tests.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4cd1000cf542c50ffdf
+challengeType: 5
+title: 'Problem 352: Blood tests'
+videoUrl: ''
+localeTitle: 'Задача 352: Анализы крови'
+---
+
+## Description
+<section id="description"> Каждый из 25 овец в стаде должен быть проверен на наличие редкого вируса, который, как известно, влияет на 2% овец. Для образцов крови существует точный и чрезвычайно чувствительный тест ПЦР, который дает четкий положительный / отрицательный результат, но он очень трудоемкий и дорогостоящий. <p> Из-за высокой стоимости, vet-in-charge предполагает, что вместо выполнения 25 отдельных тестов можно использовать следующую процедуру: овцы разделяются на 5 групп по 5 овец в каждой группе. Для каждой группы 5 образцов смешивают вместе и проводят один тест. Затем, если результат отрицательный, все овечки в этой группе считаются безвирусными. Если результат положительный, будет проведено 5 дополнительных тестов (отдельный тест для каждого животного), чтобы определить пострадавшего человека (лиц). </p><p> Так как вероятность заражения для любого конкретного животного составляет всего 0,02, первый тест (по объединенным образцам) для каждой группы будет: Отрицательный (и больше не требуется тестов) с вероятностью 0,985 = 0,9039207968. Положительный (требуется 5 дополнительных тестов) с вероятностью 1 - 0.9039207968 = 0,0960792032. </p><p> Таким образом, ожидаемое количество тестов для каждой группы составляет 1 + 0.0960792032 × 5 = 1.480396016. Следовательно, все 5 групп могут быть экранированы с использованием в среднем только 1,480396016 × 5 = 7,40198008 тестов, что представляет собой огромную экономию более 70%! </p><p> Хотя схема, которую мы только что описали, кажется очень эффективной, ее все же можно значительно улучшить (всегда полагая, что тест достаточно чувствителен и что нет никаких побочных эффектов, вызванных смешиванием разных образцов). Например: мы можем начать с теста на смесь из всех 25 образцов. Можно проверить, что примерно в 60,35% случаев этот тест будет отрицательным, поэтому больше не потребуется никаких тестов. Дальнейшие испытания потребуются только для остальных 39,65% случаев. Если мы знаем, что по крайней мере одно животное в группе из 5 инфицировано, и первые 4 индивидуальных теста оказываются отрицательными, нет необходимости проводить тест на пятом животном (мы знаем, что он должен быть инфицирован). Мы можем попробовать различное количество групп / различное количество животных в каждой группе, регулируя эти числа на каждом уровне, чтобы общее ожидаемое количество тестов было сведено к минимуму. </p><p> Чтобы упростить очень широкий диапазон возможностей, мы устанавливаем одно ограничение при разработке самой эффективной с точки зрения затрат схемы тестирования: всякий раз, когда мы начинаем со смешанной выборки, все овцы, способствующие этому образцу, должны быть полностью экранированы (т. Е. Вердикт инфицированных / без вируса должны быть достигнуты для всех), прежде чем мы начнем изучение любых других животных. </p><p> В текущем примере выясняется, что самая экономичная схема тестирования (мы будем называть ее оптимальной стратегией) требует в среднем всего лишь 4.155452 тестов! </p><p> Используя оптимальную стратегию, пусть T (s, p) представляет среднее число тестов, необходимых для скрининга стаи овец для вируса с вероятностью p, присутствующей у любого человека. Таким образом, округленные до шести знаков после запятой, T (25, 0,02) = 4,155452 и T (25, 0,10) = 12,702124. </p><p> Найти ΣT (10000, p) для p = 0,01, 0,02, 0,03, ... 0,50. Дайте ваш ответ округленным до шести знаков после запятой. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler352(), 378563.260589, "<code>euler352()</code> should return 378563.260589.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler352() {
+  // Good luck!
+  return true;
+}
+
+euler352();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-353-risky-moon.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-353-risky-moon.russian.md
new file mode 100644
index 0000000000..79dac4cb38
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-353-risky-moon.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4cd1000cf542c50ffe0
+challengeType: 5
+title: 'Problem 353: Risky moon'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler353(), 1.2759860331, "<code>euler353()</code> should return 1.2759860331.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler353() {
+  // Good luck!
+  return true;
+}
+
+euler353();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-354-distances-in-a-bees-honeycomb.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-354-distances-in-a-bees-honeycomb.russian.md
new file mode 100644
index 0000000000..ca5efeb6f7
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-354-distances-in-a-bees-honeycomb.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4cf1000cf542c50ffe1
+challengeType: 5
+title: 'Problem 354: Distances in a bee"s honeycomb'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler354(), 58065134, "<code>euler354()</code> should return 58065134.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler354() {
+  // Good luck!
+  return true;
+}
+
+euler354();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-355-maximal-coprime-subset.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-355-maximal-coprime-subset.russian.md
new file mode 100644
index 0000000000..e05ad5a2c9
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-355-maximal-coprime-subset.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4d01000cf542c50ffe2
+challengeType: 5
+title: 'Problem 355: Maximal coprime subset'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler355()</code> должен вернуть 1726545007.
+    testString: 'assert.strictEqual(euler355(), 1726545007, "<code>euler355()</code> should return 1726545007.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler355() {
+  // Good luck!
+  return true;
+}
+
+euler355();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-356-largest-roots-of-cubic-polynomials.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-356-largest-roots-of-cubic-polynomials.russian.md
new file mode 100644
index 0000000000..dcfe51c490
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-356-largest-roots-of-cubic-polynomials.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d01000cf542c50ffe3
+challengeType: 5
+title: 'Problem 356: Largest roots of cubic polynomials'
+videoUrl: ''
+localeTitle: 'Задача 356: Крупнейшие корни кубических многочленов'
+---
+
+## Description
+<section id="description"> Пусть an - наибольший вещественный корень многочлена g (x) = x3 - 2n · x2 + n. Например, a2 = 3.86619826 ... <p> Найдите последние восемь цифр. </p><p> Примечание: представляет функцию пола. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler356(), 28010159, "<code>euler356()</code> should return 28010159.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler356() {
+  // Good luck!
+  return true;
+}
+
+euler356();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-357-prime-generating-integers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-357-prime-generating-integers.russian.md
new file mode 100644
index 0000000000..f48ece20cd
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-357-prime-generating-integers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d11000cf542c50ffe4
+challengeType: 5
+title: 'Problem 357: Prime generating integers'
+videoUrl: ''
+localeTitle: 'Задача 357: Начальные целые числа'
+---
+
+## Description
+<section id="description"> Рассмотрим делители 30: 1,2,3,5,6,10,15,30. Видно, что для каждого дивизора d из 30 d + 30 / d является простым. <p> Найдите сумму всех натуральных чисел n, не превышающих 100 000 000, так что для каждого дивизора d из n, d + n / d является простым. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler357()</code> должен вернуть 1739023853137.
+    testString: 'assert.strictEqual(euler357(), 1739023853137, "<code>euler357()</code> should return 1739023853137.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler357() {
+  // Good luck!
+  return true;
+}
+
+euler357();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-358-cyclic-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-358-cyclic-numbers.russian.md
new file mode 100644
index 0000000000..cf960a101c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-358-cyclic-numbers.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4d21000cf542c50ffe5
+challengeType: 5
+title: 'Problem 358: Cyclic numbers'
+videoUrl: ''
+localeTitle: 'Задача 358: Циклические числа'
+---
+
+## Description
+<section id="description"> Циклическое число с n цифрами имеет очень интересное свойство: когда оно умножается на 1, 2, 3, 4, ... n, все произведения имеют точно такие же цифры в том же порядке, но крутятся круговым образом ! <p> Наименьшее циклическое число представляет собой 6-значное число 142857: 142857 × 1 = 142857 142857 × 2 = 285714 142857 × 3 = 428571 142857 × 4 = 571428 142857 × 5 = 714285 142857 × 6 = 857142 </p><p> Следующим циклическим номером является 0588235294117647 с 16 цифрами: 0588235294117647 × 1 = 0588235294117647 0588235294117647 × 2 = 1176470588235294 0588235294117647 × 3 = 1764705882352941 ... 0588235294117647 × 16 = 9411764705882352 </p><p> Обратите внимание, что для циклических чисел важны ведущие нули. </p><p> Существует только одно циклическое число, для которого одиннадцать самых левых цифр - 00000000137, а пять самых правых цифр - 56789 (т. Е. Он имеет форму 00000000137 ... 56789 с неизвестным числом цифр в середине). Найдите сумму всех ее цифр. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler358()</code> должен возвращать 3284144505.
+    testString: 'assert.strictEqual(euler358(), 3284144505, "<code>euler358()</code> should return 3284144505.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler358() {
+  // Good luck!
+  return true;
+}
+
+euler358();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-359-hilberts-new-hotel.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-359-hilberts-new-hotel.russian.md
new file mode 100644
index 0000000000..f3958b183f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-359-hilberts-new-hotel.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4d31000cf542c50ffe6
+challengeType: 5
+title: 'Problem 359: Hilbert"s New Hotel'
+videoUrl: ''
+localeTitle: 'Задача 359: Новый отель Гильберта'
+---
+
+## Description
+<section id="description"> Бесконечное количество людей (пронумеровано 1, 2, 3 и т. Д.) Выстроились в очередь, чтобы получить номер в новейшей бесконечной гостинице Гильберта. Отель содержит бесконечное количество этажей (пронумеровано 1, 2, 3 и т. Д.), И каждый этаж содержит бесконечное количество комнат (число 1, 2, 3 и т. Д.). <p> Первоначально отель пуст. Гильберт объявляет правило о том, каким образом человеку присваивается номер: человек n получает первую свободную комнату на нижнем пронумерованном этаже, удовлетворяющую одно из следующих: пол пуст, пол не пуст, и если последний человек принимает комнату в этом этаже находится человек m, то m + n - идеальный квадрат </p><p> Человек 1 получает комнату 1 в этаже 1, так как пол 1 пуст. Человек 2 не получает комнату 2 в полу 1, так как 1 + 2 = 3 не является идеальным квадратом. Человек 2 вместо этого получает комнату 1 в полу 2, так как этаж 2 пуст. Человек 3 получает комнату 2 в 1 этаже, так как 1 + 3 = 4 - идеальный квадрат. </p><p> В конце концов, каждый человек в очереди получает номер в отеле. </p><p> Определите P (f, r) как n, если человек n занимает комнату r в поле f и 0, если человек не занимает комнату. Вот несколько примеров: P (1, 1) = 1 P (1, 2) = 3 P (2, 1) = 2 P (10, 20) = 440 P (25, 75) = 4863 P (99, 100) = 19454 </p><p> Найдите сумму всех P (f, r) для всех положительных f и r таких, что f × r = 71328803586048 и в качестве вашего ответа укажите последние 8 цифр. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler359(), 40632119, "<code>euler359()</code> should return 40632119.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler359() {
+  // Good luck!
+  return true;
+}
+
+euler359();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-36-double-base-palindromes.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-36-double-base-palindromes.russian.md
new file mode 100644
index 0000000000..fd6d04fa31
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-36-double-base-palindromes.russian.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3901000cf542c50fea3
+challengeType: 5
+title: 'Problem 36: Double-base palindromes'
+videoUrl: ''
+localeTitle: 'Задача 36: Палиндромы с двойной базой'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(doubleBasePalindromes(1000) == 1772, "<code>doubleBasePalindromes(1000)</code> should return 1772.");'
+  - text: ''
+    testString: 'assert(doubleBasePalindromes(50000) == 105795, "<code>doubleBasePalindromes(50000)</code> should return 105795.");'
+  - text: ''
+    testString: 'assert(doubleBasePalindromes(500000) == 286602, "<code>doubleBasePalindromes(500000)</code> should return 286602.");'
+  - text: ''
+    testString: 'assert(doubleBasePalindromes(1000000) == 872187, "<code>doubleBasePalindromes(1000000)</code> should return 872187.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function doubleBasePalindromes(n) {
+  // Good luck!
+  return n;
+}
+
+doubleBasePalindromes(1000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-360-scary-sphere.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-360-scary-sphere.russian.md
new file mode 100644
index 0000000000..7cfccaaa6d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-360-scary-sphere.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d41000cf542c50ffe7
+challengeType: 5
+title: 'Problem 360: Scary Sphere'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler360(), 878825614395267100, "<code>euler360()</code> should return 878825614395267100.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler360() {
+  // Good luck!
+  return true;
+}
+
+euler360();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-361-subsequence-of-thue-morse-sequence.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-361-subsequence-of-thue-morse-sequence.russian.md
new file mode 100644
index 0000000000..9dd285b8a0
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-361-subsequence-of-thue-morse-sequence.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4d51000cf542c50ffe8
+challengeType: 5
+title: 'Problem 361: Subsequence of Thue-Morse sequence'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Последовательность Thue-Morse {Tn} является бинарной последовательностью, удовлетворяющей: T0 = 0 T2n = Tn T2n + 1 = 1 - Tn <p> Первые несколько терминов {Tn} приведены следующим образом: 01101001100101101001011001101001 .... </p><p> Мы определяем {An} как отсортированную последовательность целых чисел, так что двоичное выражение каждого элемента появляется как подпоследовательность в {Tn}. Например, десятичное число 18 выражается как 10010 в двоичном формате. 10010 появляется в {Tn} (от T8 до T12), поэтому 18 является элементом {An}. Десятичное число 14 выражается как 1110 в двоичном формате. 1110 никогда не появляется в {Tn}, поэтому 14 не является элементом {An}. </p><p> Первые несколько членов An даны следующим образом: n0123456789101112 ... An012345691011121318 ... </p><p> Мы также можем проверить, что A100 = 3251 и A1000 = 80852364498. </p><p> Найдите последние 9 цифр. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler361(), 178476944, "<code>euler361()</code> should return 178476944.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler361() {
+  // Good luck!
+  return true;
+}
+
+euler361();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-362-squarefree-factors.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-362-squarefree-factors.russian.md
new file mode 100644
index 0000000000..dce73f8576
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-362-squarefree-factors.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d61000cf542c50ffe9
+challengeType: 5
+title: 'Problem 362: Squarefree factors'
+videoUrl: ''
+localeTitle: 'Задача 362: Квадратные коэффициенты'
+---
+
+## Description
+<section id="description"> Рассмотрим число 54. 54 можно разделить на 7 разных способов на один или несколько факторов, превышающих 1: 54, 2 × 27, 3 × 18, 6 × 9, 3 × 3 × 6, 2 × 3 × 9 и 2 × 3 × 3 × 3. Если мы требуем, чтобы все факторы были квадратными, оставались только два пути: 3 × 3 × 6 и 2 × 3 × 3 × 3. <p> Назовем Fsf (n) число способов n можно разделить на один или несколько квадратичных факторов, больших 1, поэтому Fsf (54) = 2. </p><p> Пусть S (n) - ΣFsf (k) при k = 2 - n. </p><p> S (100) = 193. </p><p> Найти S (10 000 000 000). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler362(), 457895958010, "<code>euler362()</code> should return 457895958010.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler362() {
+  // Good luck!
+  return true;
+}
+
+euler362();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-363-bzier-curves.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-363-bzier-curves.russian.md
new file mode 100644
index 0000000000..c8575a4397
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-363-bzier-curves.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d91000cf542c50ffeb
+challengeType: 5
+title: 'Problem 363: Bézier Curves'
+videoUrl: ''
+localeTitle: 'Задача 363: кривые Безье'
+---
+
+## Description
+<section id="description"> Кубическая кривая Безье определяется четырьмя точками: P0, P1, P2 и P3. <p> Кривая построена следующим образом: на отрезках P0P1, P1P2 и P2P3 нарисованы точки Q0, Q1 и Q2 такие, что P0Q0 / P0P1 = P1Q1 / P1P2 = P2Q2 / P2P3 = t (t в [0,1]). На отрезках Q0Q1 и Q1Q2 точки R0 и R1 рисуются так, что Q0R0 / Q0Q1 = Q1R1 / Q1Q2 = t при одном и том же значении t. На отрезке R0R1 точка B нарисована так, что R0B / R0R1 = t при одном и том же значении t. Кривая Безье, определяемая точками P0, P1, P2, P3, является локусом B, поскольку Q0 принимает все возможные положения на сегменте P0P1. (Обратите внимание, что для всех точек значение t является одинаковым.) </p><p> На этом (внешнем) веб-адресе вы найдете апплет, который позволяет перетаскивать точки P0, P1, P2 и P3, чтобы увидеть, как выглядит кривая Безье (зеленая кривая), определенная этими точками. Вы также можете перетащить точку Q0 по сегменту P0P1. </p><p> Из построения видно, что кривая Безье будет касаться отрезков P0P1 в P0 и P2P3 в P3. </p><p> Для аппроксимации четверти круга используется кубическая кривая Безье с P0 = (1,0), P1 = (1, v), P2 = (v, 1) и P3 = (0,1). Значение v&gt; 0 выбирается таким образом, что площадь, заключенная в линии OP0, OP3 и кривая, равна π / 4 (площадь четвертной окружности). </p><p> На сколько процентов длина кривой отличается от длины четверти круга? То есть, если L - длина кривой, вычислите 100 × L - π / 2π / 2Выполните свой ответ округленным до десяти цифр за десятичной точкой. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler363(), 0.0000372091, "<code>euler363()</code> should return 0.0000372091.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler363() {
+  // Good luck!
+  return true;
+}
+
+euler363();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-364-comfortable-distance.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-364-comfortable-distance.russian.md
new file mode 100644
index 0000000000..933e325cf2
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-364-comfortable-distance.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4d91000cf542c50ffea
+challengeType: 5
+title: 'Problem 364: Comfortable distance'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Есть N мест подряд. N люди приходят друг за другом, чтобы заполнить места в соответствии со следующими правилами: Если есть какое-либо сиденье, соседние места (места) которого не заняты, занять такое место. Если такого места нет и есть место, для которого занято только одно соседнее сиденье, возьмите такое сиденье. В противном случае возьмите одно из оставшихся свободных мест. <p> Пусть T (N) - число возможностей, в которых N мест заняты N людьми с заданными правилами. На следующем рисунке показано T (4) = 8. </p><p> Мы можем проверить, что T (10) = 61632 и T (1 000) мод 100 000 007 = 47255094. Найдите T (1 000 000) мод 100 000 007. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler364()</code> должен возвращать 44855254.
+    testString: 'assert.strictEqual(euler364(), 44855254, "<code>euler364()</code> should return 44855254.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler364() {
+  // Good luck!
+  return true;
+}
+
+euler364();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-365-a-huge-binomial-coefficient.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-365-a-huge-binomial-coefficient.russian.md
new file mode 100644
index 0000000000..11b0fb92f3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-365-a-huge-binomial-coefficient.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4da1000cf542c50ffec
+challengeType: 5
+title: 'Problem 365: A huge binomial coefficient'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler365()</code> должен вернуть 162619462356610300.
+    testString: 'assert.strictEqual(euler365(), 162619462356610300, "<code>euler365()</code> should return 162619462356610300.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler365() {
+  // Good luck!
+  return true;
+}
+
+euler365();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-366-stone-game-iii.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-366-stone-game-iii.russian.md
new file mode 100644
index 0000000000..97e1b229f2
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-366-stone-game-iii.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4da1000cf542c50ffed
+challengeType: 5
+title: 'Problem 366: Stone Game III'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler366()</code> должен вернуть 88351299.
+    testString: 'assert.strictEqual(euler366(), 88351299, "<code>euler366()</code> should return 88351299.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler366() {
+  // Good luck!
+  return true;
+}
+
+euler366();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-367-bozo-sort.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-367-bozo-sort.russian.md
new file mode 100644
index 0000000000..50b5534e76
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-367-bozo-sort.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4db1000cf542c50ffee
+challengeType: 5
+title: 'Problem 367: Bozo sort'
+videoUrl: ''
+localeTitle: 'Задача 367: сортировка Бозо'
+---
+
+## Description
+<section id="description"> Сортировка Bozo, чтобы не путать с немного менее эффективной сортировкой bogo, состоит в проверке, сортируется ли входная последовательность и если не произвольно меняет два элемента. Это повторяется до тех пор, пока в итоге последовательность не будет отсортирована. <p> Если мы рассмотрим все перестановки первых 4 натуральных чисел в качестве входных значений математического ожидания числа свопов, усредненных по всем 4! входные последовательности - 24,75. Уже отсортированная последовательность занимает 0 шагов. </p><p> В этой задаче рассмотрим следующий вариант на сортировке bozo. Если последовательность не в порядке, мы произвольно выбираем три элемента и произвольно перемешиваем эти три элемента. Все 3! = 6 перестановок этих трех элементов одинаково вероятны. Уже отсортированная последовательность займет 0 шагов. Если мы рассмотрим все перестановки первых 4 натуральных чисел в качестве входных значений математического ожидания количества перетасов, усредненных по всем 4! входные последовательности - 27,5. Рассмотрим в качестве входных последовательностей перестановки первых 11 натуральных чисел. Осредненный по всем 11! входные последовательности, каково ожидаемое количество тасований, которое будет выполнять этот алгоритм сортировки? </p><p> Дайте ваш ответ округленным до ближайшего целого. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler367()</code> должен возвратить 48271207.
+    testString: 'assert.strictEqual(euler367(), 48271207, "<code>euler367()</code> should return 48271207.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler367() {
+  // Good luck!
+  return true;
+}
+
+euler367();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-368-a-kempner-like-series.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-368-a-kempner-like-series.russian.md
new file mode 100644
index 0000000000..fe50f15a97
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-368-a-kempner-like-series.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4dd1000cf542c50ffef
+challengeType: 5
+title: 'Problem 368: A Kempner-like series'
+videoUrl: ''
+localeTitle: 'Задача 368: серия, похожая на Кемпнера'
+---
+
+## Description
+<section id="description"> Известно, что гармонический ряд $ 1 + \ dfrac {1} {2} + \ dfrac {1} {3} + \ dfrac {1} {4} + ... $ является расходящимся. <p> Если мы, однако, опускаем из этого ряда каждый член, где знаменатель имеет в нем 9, то ряд замечательно сходится примерно к 22.9206766193. Этот модифицированный гармонический ряд называется серией Кемпнера. </p><p> Рассмотрим теперь еще один модифицированный гармонический ряд, опуская из гармонического ряда каждый член, где знаменатель имеет 3 или более одинаковых последовательных цифры. Можно проверить, что из первых 1200 членов гармонического ряда будут опущены только 20 членов. Эти 20 пропущенных терминов: $$ \ dfrac {1} {111}, \ dfrac {1} {222}, \ dfrac {1} {333}, \ dfrac {1} {444}, \ dfrac {1} { 555}, \ dfrac {1} {666}, \ dfrac {1} {777}, \ dfrac {1} {888}, \ dfrac {1} {999}, \ dfrac {1} {1000}, \ dfrac {1} {1110}, \\ \ dfrac {1} {1111}, \ dfrac {1} {1112}, \ dfrac {1} {1113}, \ dfrac {1} {1114}, \ dfrac {1} {1115}, \ dfrac {1} {1116}, \ dfrac {1} {1117}, \ dfrac {1} {1118}, \ dfrac {1} {1119} $$ </p><p> Этот ряд также сходится. </p><p> Найдите значение, с которым сходится ряд. Дайте ваш ответ округленным до десяти цифр за десятичной точкой. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler368(), 253.6135092068, "<code>euler368()</code> should return 253.6135092068.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler368() {
+  // Good luck!
+  return true;
+}
+
+euler368();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-369-badugi.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-369-badugi.russian.md
new file mode 100644
index 0000000000..fa5d39ec0b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-369-badugi.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4de1000cf542c50fff0
+challengeType: 5
+title: 'Problem 369: Badugi'
+videoUrl: ''
+localeTitle: 'Задача 369: Бадуги'
+---
+
+## Description
+<section id="description"> В стандартной 52 колоде карт игральных карт набор из 4 карт - это Бадуги, если он содержит 4 карты без пар и две карты одного и того же костюма. <p> Пусть f (n) - количество способов выбора n карт с 4-карточным подмножеством, которое является Badugi. Например, существует 2598960 способов выбрать пять карт из стандартной колоды из 52 карт, из которых 514800 содержат 4 подмножества карт, которые являются Badugi, поэтому f (5) = 514800. </p><p> Найти Σf (n) для 4 ≤ n ≤ 13. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler369(), 862400558448, "<code>euler369()</code> should return 862400558448.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler369() {
+  // Good luck!
+  return true;
+}
+
+euler369();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-37-truncatable-primes.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-37-truncatable-primes.russian.md
new file mode 100644
index 0000000000..8916defa0b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-37-truncatable-primes.russian.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3911000cf542c50fea4
+challengeType: 5
+title: 'Problem 37: Truncatable primes'
+videoUrl: ''
+localeTitle: 'Задача 37: Усекаемые простые числа'
+---
+
+## Description
+<section id="description"> Число 3797 имеет интересное свойство. Будучи простым, можно непрерывно удалять цифры слева направо и оставаться первичными на каждом этапе: 3797, 797, 97 и 7. Аналогичным образом мы можем работать справа налево: 3797, 379, 37 и 3. Найдите сумму единственных n (8 &lt;= n &lt;= 11) простых чисел, которые обе усекаются слева направо и справа налево. ПРИМЕЧАНИЕ. 2, 3, 5 и 7 не считаются усеченными штрихами. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>truncatablePrimes(8)</code> должен вернуться в 1986 году.
+    testString: 'assert(truncatablePrimes(8) == 1986, "<code>truncatablePrimes(8)</code> should return 1986.");'
+  - text: <code>truncatablePrimes(9)</code> должен вернуть 5123.
+    testString: 'assert(truncatablePrimes(9) == 5123, "<code>truncatablePrimes(9)</code> should return 5123.");'
+  - text: <code>truncatablePrimes(10)</code> должен вернуть 8920.
+    testString: 'assert(truncatablePrimes(10) == 8920, "<code>truncatablePrimes(10)</code> should return 8920.");'
+  - text: ''
+    testString: 'assert(truncatablePrimes(11) == 748317, "<code>truncatablePrimes(11)</code> should return 748317.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function truncatablePrimes(n) {
+  // Good luck!
+  return n;
+}
+
+truncatablePrimes(11);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-370-geometric-triangles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-370-geometric-triangles.russian.md
new file mode 100644
index 0000000000..f23b346307
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-370-geometric-triangles.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4de1000cf542c50fff1
+challengeType: 5
+title: 'Problem 370: Geometric triangles'
+videoUrl: ''
+localeTitle: 'Задача 370: Геометрические треугольники'
+---
+
+## Description
+<section id="description"> Определим геометрический треугольник как целочисленный односторонний треугольник со сторонами a ≤ b ≤ c, так что его стороны образуют геометрическую прогрессию, т. Е. B2 = a · c. <p> Примером такого геометрического треугольника является треугольник со сторонами a = 144, b = 156 и c = 169. </p><p> Есть 861805 геометрических треугольников с периметром ≤ 106. </p><p> Сколько геометрических треугольников существует с периметром ≤ 2,5 · 1013? </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler370(), 41791929448408, "<code>euler370()</code> should return 41791929448408.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler370() {
+  // Good luck!
+  return true;
+}
+
+euler370();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-371-licence-plates.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-371-licence-plates.russian.md
new file mode 100644
index 0000000000..976c5305bf
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-371-licence-plates.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e01000cf542c50fff2
+challengeType: 5
+title: 'Problem 371: Licence plates'
+videoUrl: ''
+localeTitle: 'Проблема 371: Номера'
+---
+
+## Description
+<section id="description"> Регистрационный номер Орегона состоит из трех букв, за которыми следует трехзначное число (каждая цифра может быть от [0..9]). Во время движения на работу Сет играет следующую игру: всякий раз, когда число двух номерных знаков, увиденных в его поездке, прибавляет к 1000, что является победой. <p> Например, MIC-012 и HAN-988 - это победа и RYU-500 и SET-500. (пока он видит их в одной поездке). </p><p> Найдите ожидаемое количество пластин, необходимых ему для победы. Дайте ваш ответ округленным до десяти знаков после запятой. </p><p> Примечание. Мы предполагаем, что на каждом номерном знаке одинаково вероятно наличие на нем трехзначного числа. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler371()</code> должен вернуть 40.66368097.
+    testString: 'assert.strictEqual(euler371(), 40.66368097, "<code>euler371()</code> should return 40.66368097.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler371() {
+  // Good luck!
+  return true;
+}
+
+euler371();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-372-pencils-of-rays.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-372-pencils-of-rays.russian.md
new file mode 100644
index 0000000000..0e61aacde7
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-372-pencils-of-rays.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4e11000cf542c50fff3
+challengeType: 5
+title: 'Problem 372: Pencils of rays'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Пусть R (M, N) - число точек решетки (x, y), которые удовлетворяют условию M <p> Примечание: представляет функцию пола. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler372(), 301450082318807040, "<code>euler372()</code> should return 301450082318807040.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler372() {
+  // Good luck!
+  return true;
+}
+
+euler372();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-373-circumscribed-circles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-373-circumscribed-circles.russian.md
new file mode 100644
index 0000000000..d0cbb6c4aa
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-373-circumscribed-circles.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e11000cf542c50fff4
+challengeType: 5
+title: 'Problem 373: Circumscribed Circles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler373()</code> должен вернуть 727227472448913.
+    testString: 'assert.strictEqual(euler373(), 727227472448913, "<code>euler373()</code> should return 727227472448913.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler373() {
+  // Good luck!
+  return true;
+}
+
+euler373();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-374-maximum-integer-partition-product.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-374-maximum-integer-partition-product.russian.md
new file mode 100644
index 0000000000..0d1037b2f5
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-374-maximum-integer-partition-product.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4e51000cf542c50fff6
+challengeType: 5
+title: 'Problem 374: Maximum Integer Partition Product'
+videoUrl: ''
+localeTitle: 'Задача 374: Максимальный целочисленный продукт раздела'
+---
+
+## Description
+<section id="description"> Целочисленное разбиение числа n является способом записи n в виде суммы положительных целых чисел. <p> Разделы, которые отличаются только порядком их слагаемых, считаются одинаковыми. Разделение n на отдельные части представляет собой разбиение n, в котором каждая часть происходит не более одного раза. </p><p> Перегородки 5 на отдельные части: 5, 4 + 1 и 3 + 2. </p><p> Пусть f (n) - максимальное произведение частей любого такого разбиения n на отдельные части и пусть m (n) - число элементов любого такого разбиения n с этим произведением. </p><p> Таким образом, f (5) = 6 и m (5) = 2. </p><p> При n = 10 разбиение с наибольшим произведением составляет 10 = 2 + 3 + 5, что дает f (10) = 30 и m (10) = 3. И их произведение f (10) · m (10) = 30 · 3 = 90 </p><p> Можно проверить, что Σf (n) · m (n) для 1 ≤ n ≤ 100 = 1683550844462. </p><p> Найти Σf (n) · m (n) для 1 ≤ n ≤ 1014. Дайте свой ответ по модулю 982451653, 50-миллионный премьер. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler374(), 334420941, "<code>euler374()</code> should return 334420941.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler374() {
+  // Good luck!
+  return true;
+}
+
+euler374();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-375-minimum-of-subsequences.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-375-minimum-of-subsequences.russian.md
new file mode 100644
index 0000000000..d7127c84c3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-375-minimum-of-subsequences.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e41000cf542c50fff5
+challengeType: 5
+title: 'Problem 375: Minimum of subsequences'
+videoUrl: ''
+localeTitle: 'Задача 375: Минимальные подпоследовательности'
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler375(), 7435327983715286000, "<code>euler375()</code> should return 7435327983715286000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler375() {
+  // Good luck!
+  return true;
+}
+
+euler375();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-376-nontransitive-sets-of-dice.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-376-nontransitive-sets-of-dice.russian.md
new file mode 100644
index 0000000000..8f865e0a31
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-376-nontransitive-sets-of-dice.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4e51000cf542c50fff7
+challengeType: 5
+title: 'Problem 376: Nontransitive sets of dice'
+videoUrl: ''
+localeTitle: 'Задача 376: Непереходные множества кубиков'
+---
+
+## Description
+<section id="description"> Рассмотрим следующий набор кубиков с нестандартными пипами: <p> Die A: 1 4 4 4 4 4 Die B: 2 2 2 5 5 5 Die C: 3 3 3 3 3 6 </p><p> В игре играют два игрока, которые в свою очередь собирают штамп и катят его. Побеждает игрок, который набирает наибольшее значение. </p><p> Если первый игрок выбирает A, а второй игрок выбирает B, мы получаем P (побеждает второго игрока) = 7/12&gt; 1/2 </p><p> Если первый игрок выбирает штамп B, а второй игрок выбирает die C, мы получаем P (выигрывает второй игрок) = 7/12&gt; 1/2 </p><p> Если первый игрок выбирает кубик C, а второй игрок выбирает die A, мы получаем P (второй игрок выигрывает) = 25/36&gt; 1/2 </p><p> Так что, какой бы ни был первый игрок, второй игрок может выбрать другого умения и иметь более 50% шансов на победу. Набор кубиков, обладающих этим свойством, называется непереходным множеством кубиков. </p><p> Мы хотим исследовать, сколько существует множеств непереходных кубиков. Будем считать следующие условия: Есть три шестигранных кубика, каждая из которых имеет от 1 до N пипсов включительно. Кубики с одинаковым набором пипсов равны, независимо от того, на какой стороне на матрице расположены точки. То же самое значение пика может появляться на нескольких игральных костях; если оба игрока откатывают то же значение, ни один из игроков не выигрывает. Множества кубиков {A, B, C}, {B, C, A} и {C, A, B} являются одним и тем же множеством. </p><p> При N = 7 мы находим 9780 таких множеств. Сколько из них существует для N = 30? </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler376()</code> должен вернуться 973059630185670.
+    testString: 'assert.strictEqual(euler376(), 973059630185670, "<code>euler376()</code> should return 973059630185670.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler376() {
+  // Good luck!
+  return true;
+}
+
+euler376();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-377-sum-of-digits-experience-13.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-377-sum-of-digits-experience-13.russian.md
new file mode 100644
index 0000000000..4be2722c94
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-377-sum-of-digits-experience-13.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e51000cf542c50fff8
+challengeType: 5
+title: 'Problem 377: Sum of digits, experience 13'
+videoUrl: ''
+localeTitle: 'Задача 377: Сумма цифр, опыт 13'
+---
+
+## Description
+<section id="description"> Есть 16 положительных целых чисел, которые не имеют нуля в своих цифрах и имеют цифровую сумму, равную 5, а именно: 5, 14, 23, 32, 41, 113, 122, 131, 212, 221, 311, 1112, 1121, 1211, 2111 и 11111. Их сумма составляет 17891. <p> Пусть f (n) - сумма всех натуральных чисел, которые не имеют нуля в своих цифрах и имеют цифровую сумму, равную n. </p><p> Найдите $ \ displaystyle \ sum_ {i = 1} ^ {17} f (13 ^ i) $. Дайте последние 9 цифр в качестве вашего ответа. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler377()</code> должен возвращать 732385277.
+    testString: 'assert.strictEqual(euler377(), 732385277, "<code>euler377()</code> should return 732385277.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler377() {
+  // Good luck!
+  return true;
+}
+
+euler377();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-378-triangle-triples.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-378-triangle-triples.russian.md
new file mode 100644
index 0000000000..8e0121addd
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-378-triangle-triples.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e61000cf542c50fff9
+challengeType: 5
+title: 'Problem 378: Triangle Triples'
+videoUrl: ''
+localeTitle: 'Задача 378: Треугольные тройки'
+---
+
+## Description
+<section id="description"> Пусть T (n) - n-е число треугольников, поэтому T (n) = <p> n (n + 1) 2 </p><p> , </p><p> Пусть dT (n) - число делителей T (n). Например: T (7) = 28 и dT (7) = 6. </p><p> Пусть Tr (n) - число троек (i, j, k) таких, что 1 ≤ i &lt;j &lt;k ≤ n и dT (i)&gt; dT (j)&gt; dT (k). Tr (20) = 14, Tr (100) = 5772 и Tr (1000) = 11174776. </p><p> Найдите Tr (60 000 000). Дайте последние 18 цифр вашего ответа. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler378(), 147534623725724700, "<code>euler378()</code> should return 147534623725724700.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler378() {
+  // Good luck!
+  return true;
+}
+
+euler378();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-379-least-common-multiple-count.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-379-least-common-multiple-count.russian.md
new file mode 100644
index 0000000000..8df5b2f85c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-379-least-common-multiple-count.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4e81000cf542c50fffa
+challengeType: 5
+title: 'Problem 379: Least common multiple count'
+videoUrl: ''
+localeTitle: 'Задача 379: Наименьшее общее количество'
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler379()</code> должен вернуть 132314136838185.
+    testString: 'assert.strictEqual(euler379(), 132314136838185, "<code>euler379()</code> should return 132314136838185.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler379() {
+  // Good luck!
+  return true;
+}
+
+euler379();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-38-pandigital-multiples.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-38-pandigital-multiples.russian.md
new file mode 100644
index 0000000000..6efe32494a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-38-pandigital-multiples.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3931000cf542c50fea5
+challengeType: 5
+title: 'Problem 38: Pandigital multiples'
+videoUrl: ''
+localeTitle: 'Задача 38: Pandigital multiples'
+---
+
+## Description
+<section id="description"> Возьмите номер 192 и умножьте его на каждый из 1, 2 и 3: 192 × 1 = 192 192 × 2 = 384 192 × 3 = 576. Объединив каждый продукт, мы получим от 1 до 9 pandigital, 192384576. Мы позвоним 192384576 конкатенированный продукт 192 и (1, 2, 3). То же самое можно достичь, начиная с 9 и умножая на 1, 2, 3, 4 и 5, давая pandigital, 918273645, который является конкатенированным продуктом 9 и (1, 2, 3, 4, 5). Что представляет собой наибольшее от 1 до 9 pandigital 9-значное число, которое может быть сформировано как конкатенированное произведение целого числа с (1, 2, ..., <var>n</var> ), где <var>n</var> &gt; 1? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>pandigitalMultiples()</code> должен вернуть 932718654.
+    testString: 'assert.strictEqual(pandigitalMultiples(), 932718654, "<code>pandigitalMultiples()</code> should return 932718654.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pandigitalMultiples() {
+  // Good luck!
+  return true;
+}
+
+pandigitalMultiples();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-380-amazing-mazes.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-380-amazing-mazes.russian.md
new file mode 100644
index 0000000000..8f9d90f64f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-380-amazing-mazes.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4e81000cf542c50fffb
+challengeType: 5
+title: 'Problem 380: Amazing Mazes!'
+videoUrl: ''
+localeTitle: 'Проблема 380: Изумительные лабиринты!'
+---
+
+## Description
+<section id="description"> Лабиринт m × n представляет собой прямоугольную сетку m × n со стенами, расположенными между ячейками сетки, так что есть ровно один путь от верхнего левого квадрата к любому другому квадрату. Ниже приведены примеры лабиринта 9 × 12 и лабиринта 15 × 20: <p> Пусть C (m, n) - число различных m × n лабиринтов. Лабиринты, которые могут быть образованы вращением и отражением от другого лабиринта, считаются отличными. </p><p> Можно проверить, что C (1,1) = 1, C (2,2) = 4, C (3,4) = 2415 и C (9,12) = 2,5720e46 (в научной нотации округлено до 5 значащих цифр). Найдите C (100 500) и напишите свой ответ в научной нотации, округленной до 5 значащих цифр. </p><p> Когда вы даете свой ответ, используйте строчные буквы e для разделения мантиссы и экспоненты. Например, если ответ 1234567891011, тогда формат ответа будет 1.2346e12. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler380(), Infinity, "<code>euler380()</code> should return Infinity.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler380() {
+  // Good luck!
+  return true;
+}
+
+euler380();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-381-prime-k-factorial.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-381-prime-k-factorial.russian.md
new file mode 100644
index 0000000000..1cc05ac2ff
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-381-prime-k-factorial.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ea1000cf542c50fffc
+challengeType: 5
+title: 'Problem 381: (prime-k) factorial'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Для простого p пусть S (p) = (Σ (pk)!) Mod (p) для 1 ≤ k ≤ 5. <p> Например, если p = 7, (7-1)! + (7-2)! + (7-3)! + (7-4)! + (7-5)! = 6! + 5! + 4! + 3! + 2! = 720 + 120 + 24 + 6 + 2 = 872. Так как 872 mod (7) = 4, S (7) = 4. </p><p> Можно проверить, что ΣS (p) = 480 для 5 ≤ p &lt;100. </p><p> Найти ΣS (p) для 5 ≤ p &lt;108. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler381(), 139602943319822, "<code>euler381()</code> should return 139602943319822.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler381() {
+  // Good luck!
+  return true;
+}
+
+euler381();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-382-generating-polygons.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-382-generating-polygons.russian.md
new file mode 100644
index 0000000000..a92447002a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-382-generating-polygons.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4eb1000cf542c50fffd
+challengeType: 5
+title: 'Problem 382: Generating polygons'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler382()</code> должен вернуть 697003956.
+    testString: 'assert.strictEqual(euler382(), 697003956, "<code>euler382()</code> should return 697003956.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler382() {
+  // Good luck!
+  return true;
+}
+
+euler382();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-383-divisibility-comparison-between-factorials.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-383-divisibility-comparison-between-factorials.russian.md
new file mode 100644
index 0000000000..5f6d09d5fc
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-383-divisibility-comparison-between-factorials.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ed1000cf542c50ffff
+challengeType: 5
+title: 'Problem 383: Divisibility comparison between factorials'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler383()</code> должен вернуть 22173624649806.
+    testString: 'assert.strictEqual(euler383(), 22173624649806, "<code>euler383()</code> should return 22173624649806.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler383() {
+  // Good luck!
+  return true;
+}
+
+euler383();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-384-rudin-shapiro-sequence.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-384-rudin-shapiro-sequence.russian.md
new file mode 100644
index 0000000000..606b922c29
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-384-rudin-shapiro-sequence.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ed1000cf542c50fffe
+challengeType: 5
+title: 'Problem 384: Rudin-Shapiro sequence'
+videoUrl: ''
+localeTitle: 'Задача 384: последовательность Рудина-Шапиро'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler384(), 3354706415856333000, "<code>euler384()</code> should return 3354706415856333000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler384() {
+  // Good luck!
+  return true;
+}
+
+euler384();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-385-ellipses-inside-triangles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-385-ellipses-inside-triangles.russian.md
new file mode 100644
index 0000000000..410e6cf288
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-385-ellipses-inside-triangles.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ee1000cf542c510000
+challengeType: 5
+title: 'Problem 385: Ellipses inside triangles'
+videoUrl: ''
+localeTitle: 'Задача 385: Эллипсы внутри треугольников'
+---
+
+## Description
+<section id="description"> Для любого треугольника T на плоскости можно показать, что существует уникальный эллипс с наибольшей площадью, полностью внутри T. <p> Для данного n рассмотрим треугольники T такие, что: </p><ul><li> вершины T имеют целочисленные координаты с абсолютным значением ≤ n и </li><li> фокусы эллипса наибольшей площади внутри Т (√13,0) и (-13,13). Пусть A (n) - сумма площадей всех таких треугольников. </li></ul><p> Например, если n = 8, то есть два таких треугольника. Их вершины: (-4, -3), (- 4,3), (8,0) и (4,3), (4, -3), (- 8,0) и площадь каждого треугольника равна 36. Таким образом, A (8) = 36 + 36 = 72. </p><p> Можно проверить, что A (10) = 252, A (100) = 34632 и A (1000) = 3529008. </p><p> Найдите A (1 000 000 000). </p><p> 1 Фокусы (множественное число фокусов) эллипса представляют собой две точки A и B такие, что для каждой точки P на границе эллипса AP + PB постоянна. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler385(), 3776957309612154000, "<code>euler385()</code> should return 3776957309612154000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler385() {
+  // Good luck!
+  return true;
+}
+
+euler385();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-386-maximum-length-of-an-antichain.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-386-maximum-length-of-an-antichain.russian.md
new file mode 100644
index 0000000000..0a68c290ee
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-386-maximum-length-of-an-antichain.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4ef1000cf542c510001
+challengeType: 5
+title: 'Problem 386: Maximum length of an antichain'
+videoUrl: ''
+localeTitle: 'Задача 386: Максимальная длина антицепного'
+---
+
+## Description
+<section id="description"> Пусть n - целое число, а S (n) - множество множителей n. <p> Подмножество A из S (n) называется антицепью S (n), если A содержит только один элемент, или если ни один из элементов A не делит ни один из других элементов A. </p><p> Например: S (30) = {1, 2, 3, 5, 6, 10, 15, 30} {2, 5, 6} не является антицепином S (30). {2, 3, 5} является антицепью из S (30). </p><p> Пусть N (n) - максимальная длина антицепного элемента S (n). </p><p> Найти ΣN (n) для 1 ≤ n ≤ 108 </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler386(), 528755790, "<code>euler386()</code> should return 528755790.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler386() {
+  // Good luck!
+  return true;
+}
+
+euler386();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-387-harshad-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-387-harshad-numbers.russian.md
new file mode 100644
index 0000000000..7dab38eca7
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-387-harshad-numbers.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4f11000cf542c510003
+challengeType: 5
+title: 'Problem 387: Harshad Numbers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Число Harshad или Niven - это число, которое делится на сумму его цифр. 201 - число Harshad, потому что оно делится на 3 (сумма его цифр). Когда мы усекаем последнюю цифру с 201, получаем 20, что является числом Harshad. Когда мы усекаем последнюю цифру с 20, получаем 2, что также является числом харшада. Давайте назовем номер Harshad, который, рекурсивно обрезая последнюю цифру, всегда приводит к тому, что номер Harshad является правильным усеченным числом Harshad. <p> Также: 201/3 = 67, что является простым. Назовем номер Harshad, который при делении на сумму его цифр приведет к сильному числу Harshad. </p><p> Теперь возьмите номер 2011, который является простым. Когда мы усекаем последнюю цифру из этого, получаем 201, сильный номер Harshad, который также является правильным truncatable. Назовем такие простые прочные сильные, правильные укороченные простые числа Харшада. </p><p> Вам дается, что сумма сильных, правильных усеченных противовесов Харшада менее 10000 составляет 90619. </p><p> Найдите сумму сильных, правых усеченных простых чисел Харшада менее 1014. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler387()</code> должен вернуть 696067597313468.
+    testString: 'assert.strictEqual(euler387(), 696067597313468, "<code>euler387()</code> should return 696067597313468.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler387() {
+  // Good luck!
+  return true;
+}
+
+euler387();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-388-distinct-lines.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-388-distinct-lines.russian.md
new file mode 100644
index 0000000000..faf0c682f1
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-388-distinct-lines.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4f11000cf542c510002
+challengeType: 5
+title: 'Problem 388: Distinct Lines'
+videoUrl: ''
+localeTitle: 'Задача 388: Разные строки'
+---
+
+## Description
+<section id="description"> Рассмотрим все точки решетки (a, b, c) с 0 ≤ a, b, c ≤ N. <p> Из начала координат O (0,0,0) все линии тянутся к другим точкам решетки. Пусть D (N) - число различных таких линий. </p><p> Вам дается, что D (1 000 000) = 831909254469114121. </p><p> Найдите D (1010). Дайте в качестве ответа первые девять цифр, за которыми следуют последние девять цифр. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler388(), 831907372805130000, "<code>euler388()</code> should return 831907372805130000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler388() {
+  // Good luck!
+  return true;
+}
+
+euler388();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-389-platonic-dice.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-389-platonic-dice.russian.md
new file mode 100644
index 0000000000..4b64c1f8b6
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-389-platonic-dice.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4f21000cf542c510004
+challengeType: 5
+title: 'Problem 389: Platonic Dice'
+videoUrl: ''
+localeTitle: 'Задача 389: Платонические кости'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler389(), 2406376.3623, "<code>euler389()</code> should return 2406376.3623.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler389() {
+  // Good luck!
+  return true;
+}
+
+euler389();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-39-integer-right-triangles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-39-integer-right-triangles.russian.md
new file mode 100644
index 0000000000..091a721215
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-39-integer-right-triangles.russian.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3931000cf542c50fea6
+challengeType: 5
+title: 'Problem 39: Integer right triangles'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Если p - периметр прямоугольного треугольника со сторонами целой длины, {a, b, c}, то существует ровно три решения для p = 120. {20,48,52}, {24,45,51}, { 30,40,50} Для какого значения p ≤ n, число решений максимизировано? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>intRightTriangles(500)</code> должен вернуть 420.
+    testString: 'assert(intRightTriangles(500) == 420, "<code>intRightTriangles(500)</code> should return 420.");'
+  - text: <code>intRightTriangles(800)</code> должен вернуть 420.
+    testString: 'assert(intRightTriangles(800) == 420, "<code>intRightTriangles(800)</code> should return 420.");'
+  - text: ''
+    testString: 'assert(intRightTriangles(900) == 840, "<code>intRightTriangles(900)</code> should return 840.");'
+  - text: <code>intRightTriangles(1000)</code> должен возвращать 840.
+    testString: 'assert(intRightTriangles(1000) == 840, "<code>intRightTriangles(1000)</code> should return 840.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function intRightTriangles(n) {
+  // Good luck!
+  return n;
+}
+
+intRightTriangles(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-390-triangles-with-non-rational-sides-and-integral-area.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-390-triangles-with-non-rational-sides-and-integral-area.russian.md
new file mode 100644
index 0000000000..dec888fa85
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-390-triangles-with-non-rational-sides-and-integral-area.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f21000cf542c510005
+challengeType: 5
+title: 'Problem 390: Triangles with non rational sides and integral area'
+videoUrl: ''
+localeTitle: 'Задача 390: Треугольники с не рациональными сторонами и целая площадь'
+---
+
+## Description
+<section id="description"> Рассмотрим треугольник со сторонами √5, √65 и √68. Можно показать, что этот треугольник имеет площадь 9. <p> S (n) - сумма площадей всех треугольников со сторонами √ (1 + b2), √ (1 + c2) и √ (b2 + c2) (для целых положительных чисел b и c), которые имеют интегральную площадь, не превышающую п. </p><p> Пример треугольника имеет b = 2 и c = 8. </p><p> S (106) = 18018206. </p><p> Найти S (1010). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler390()</code> должен возвращать 2919133642971.
+    testString: 'assert.strictEqual(euler390(), 2919133642971, "<code>euler390()</code> should return 2919133642971.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler390() {
+  // Good luck!
+  return true;
+}
+
+euler390();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-391-hopping-game.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-391-hopping-game.russian.md
new file mode 100644
index 0000000000..b70484e464
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-391-hopping-game.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f31000cf542c510006
+challengeType: 5
+title: 'Problem 391: Hopping Game'
+videoUrl: ''
+localeTitle: 'Проблема 391: Хоппинг'
+---
+
+## Description
+<section id="description"> Пусть sk - число 1 при записи чисел от 0 до k в двоичном формате. Например, записывая от 0 до 5 в двоичном формате, мы имеем 0, 1, 10, 11, 100, 101. Есть семь 1, поэтому s5 = 7. Последовательность S = {sk: k ≥ 0} начинается {0, 1 , 2, 4, 5, 7, 9, 12, ...}. <p> В игре играют два игрока. Перед началом игры выбирается номер n. Счетчик c начинается с 0. На каждом шагу игрок выбирает число от 1 до n (включительно) и увеличивает c на это число. Результирующее значение c должно быть членом S. Если больше нет действительных ходов, игрок проигрывает. </p><p> Например: пусть n = 5. c начинается с 0. Игрок 1 выбирает 4, поэтому c становится 0 + 4 = 4. Игрок 2 выбирает 5, поэтому c становится 4 + 5 = 9. Игрок 1 выбирает 3, поэтому c становится 9 + 3 = 12. и т. Д. Обратите внимание, что c всегда должно принадлежать S, и каждый игрок может увеличить c не более чем на n. </p><p> Пусть M (n) - наибольшее число, которое первый игрок может выбрать при первом повороте, чтобы заставить победить, а M (n) = 0, если такого движения нет. Например, M (2) = 2, M (7) = 1 и M (20) = 4. </p><p> Для Σ (M (n)) 3 = 8150 для 1 ≤ n ≤ 20. </p><p> Найти Σ (M (n)) 3 для 1 ≤ n ≤ 1000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler391()</code> должен вернуть 61029882288.
+    testString: 'assert.strictEqual(euler391(), 61029882288, "<code>euler391()</code> should return 61029882288.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler391() {
+  // Good luck!
+  return true;
+}
+
+euler391();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-392-enmeshed-unit-circle.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-392-enmeshed-unit-circle.russian.md
new file mode 100644
index 0000000000..8edd6299dd
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-392-enmeshed-unit-circle.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4f41000cf542c510007
+challengeType: 5
+title: 'Problem 392: Enmeshed unit circle'
+videoUrl: ''
+localeTitle: 'Задача 392: Окруженный единичный круг'
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler392()</code> должен вернуть 3.1486734435.
+    testString: 'assert.strictEqual(euler392(), 3.1486734435, "<code>euler392()</code> should return 3.1486734435.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler392() {
+  // Good luck!
+  return true;
+}
+
+euler392();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-393-migrating-ants.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-393-migrating-ants.russian.md
new file mode 100644
index 0000000000..6fc94f851b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-393-migrating-ants.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4f61000cf542c510008
+challengeType: 5
+title: 'Problem 393: Migrating ants'
+videoUrl: ''
+localeTitle: 'Проблема 393: Миграция муравьев'
+---
+
+## Description
+<section id="description"> N × n сетка квадратов содержит n2 муравьев, один муравей на квадрат. Все муравьи решают двигаться одновременно на соседний квадрат (обычно 4 возможности, за исключением муравьев на краю сетки или по углам). Мы определяем f (n) как число способов, которыми это может происходить без каких-либо муравьев, заканчивающихся на одном квадрате, и без каких-либо двух муравьев, пересекающих один и тот же край между двумя квадратами. <p> Вам дано, что f (4) = 88. Найдите f (10). </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler393(), 112398351350823100, "<code>euler393()</code> should return 112398351350823100.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler393() {
+  // Good luck!
+  return true;
+}
+
+euler393();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-394-eating-pie.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-394-eating-pie.russian.md
new file mode 100644
index 0000000000..3d460716d1
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-394-eating-pie.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4f71000cf542c510009
+challengeType: 5
+title: 'Problem 394: Eating pie'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Джефф ест пирог необычным способом. Кружок круговой. Он начинает с разрезания начального разреза в пироге по радиусу. В то время как есть хотя бы одна фракция F пирога слева, он выполняет следующую процедуру: - Он делает два среза из центра пирога в любую точку остатка границы пирога, причем любая точка на оставшейся грани пирога одинаково вероятна. Это разделит оставшийся пирог на три части. - Проходя против часовой стрелки от начального разреза, он берет первые два пирога и ест их. Когда осталось меньше F пирога, он не повторяет эту процедуру. Вместо этого он ест весь оставшийся пирог. <p> Для x ≥ 1 пусть E (x) - ожидаемое число раз, когда Джефф повторяет описанную выше процедуру с F = 1 / x. Можно проверить, что E (1) = 1, E (2) ≈ 1.2676536759 и E (7.5) ≈ 2.1215732071. </p><p> Найдите E (40), округленное до десяти десятичных знаков за десятичной точкой. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler394()</code> должен возвращать 3.2370342194.
+    testString: 'assert.strictEqual(euler394(), 3.2370342194, "<code>euler394()</code> should return 3.2370342194.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler394() {
+  // Good luck!
+  return true;
+}
+
+euler394();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-395-pythagorean-tree.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-395-pythagorean-tree.russian.md
new file mode 100644
index 0000000000..61ca9bc2e3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-395-pythagorean-tree.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4f71000cf542c51000a
+challengeType: 5
+title: 'Problem 395: Pythagorean tree'
+videoUrl: ''
+localeTitle: 'Проблема 395: Пифагорейское дерево'
+---
+
+## Description
+<section id="description"> Пифагорейское дерево является фракталом, созданным следующей процедурой: <p> Начните с квадрата единицы. Затем, называя одну из сторон своей базой (в анимации, нижняя сторона - основание): Прикрепите правый треугольник к стороне, противоположной основанию, с гипотенузой, совпадающей с этой стороной, и со сторонами в 3-4- 5. Обратите внимание, что меньшая сторона треугольника должна быть на правой стороне относительно базы (см. Анимацию). Прикрепите квадрат к каждой ноге правого треугольника, с одной из его сторон, совпадающей с этой ногой. Повторите эту процедуру для обоих квадратов, считая их основания сторонами, касающимися треугольника. </p><p> Полученная фигура после бесконечного числа итераций - это пифагорейское дерево. </p><p> Можно показать, что существует по крайней мере один прямоугольник, стороны которого параллельны самому большому квадрату дерева Пифагора, который полностью охватывает пифагорейское дерево. </p><p> Найдите наименьшую возможную область для такого ограничивающего прямоугольника и дайте ответ округленным до десяти знаков после запятой. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler395()</code> должен вернуться 28.2453753155.
+    testString: 'assert.strictEqual(euler395(), 28.2453753155, "<code>euler395()</code> should return 28.2453753155.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler395() {
+  // Good luck!
+  return true;
+}
+
+euler395();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-396-weak-goodstein-sequence.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-396-weak-goodstein-sequence.russian.md
new file mode 100644
index 0000000000..e8c6ff81a9
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-396-weak-goodstein-sequence.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4f81000cf542c51000b
+challengeType: 5
+title: 'Problem 396: Weak Goodstein sequence'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Для любого натурального n n-я слабая последовательность Гудштейна {g1, g2, g3, ...} определяется как: g1 = n при k&gt; 1, gk получается путем записи gk-1 в базе k, интерпретируя ее как base k + 1 число и вычитание 1. <p> Последовательность завершается, когда gk становится 0. </p><p> Например, 6-я слабая последовательность Гудштейна {6, 11, 17, 25, ...}: g1 = 6. g2 = 11, так как 6 = 1102, 1103 = 12 и 12 - 1 = 11. g3 = 17, поскольку 11 = 1023, 1024 = 18 и 18 - 1 = 17. g4 = 25, так как 17 = 1014, 1015 = 26 и 26 - 1 = 25. </p><p> и так далее. </p><p> Можно показать, что каждая слабая последовательность Гудштейна заканчивается. </p><p> Пусть G (n) - число ненулевых элементов в n-й слабой последовательности Гудштейна. Можно проверить, что G (2) = 3, G (4) = 21 и G (6) = 381. Также можно проверить, что ΣG (n) = 2517 для 1 ≤ n &lt;8. </p><p> Найдите последние 9 цифр ΣG (n) для 1 ≤ n &lt;16. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler396()</code> должен вернуть 173214653.
+    testString: 'assert.strictEqual(euler396(), 173214653, "<code>euler396()</code> should return 173214653.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler396() {
+  // Good luck!
+  return true;
+}
+
+euler396();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-397-triangle-on-parabola.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-397-triangle-on-parabola.russian.md
new file mode 100644
index 0000000000..a0330df712
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-397-triangle-on-parabola.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4f91000cf542c51000c
+challengeType: 5
+title: 'Problem 397: Triangle on parabola'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler397(), 141630459461893730, "<code>euler397()</code> should return 141630459461893730.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler397() {
+  // Good luck!
+  return true;
+}
+
+euler397();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-398-cutting-rope.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-398-cutting-rope.russian.md
new file mode 100644
index 0000000000..a5da267074
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-398-cutting-rope.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4fa1000cf542c51000d
+challengeType: 5
+title: 'Problem 398: Cutting rope'
+videoUrl: ''
+localeTitle: 'Задача 398: Режущая веревка'
+---
+
+## Description
+<section id="description"> Внутри веревки длиной n n-1 точки помещаются с расстоянием 1 друг от друга и от конечных точек. Среди этих точек мы выбираем m-1 точек случайным образом и разрезаем веревку в этих точках, чтобы создать m сегментов. <p> Пусть E (n, m) - ожидаемая длина второго младшего сегмента. Например, E (3, 2) = 2 и E (8, 3) = 16/7. Обратите внимание, что если несколько сегментов имеют одинаковую кратчайшую длину, длина второго младшего сегмента определяется как кратчайшая. </p><p> Найдите E (107, 100). Дайте ваш ответ округленным до 5 знаков после запятой за десятичной точкой. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler398(), 2010.59096, "<code>euler398()</code> should return 2010.59096.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler398() {
+  // Good luck!
+  return true;
+}
+
+euler398();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-399-squarefree-fibonacci-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-399-squarefree-fibonacci-numbers.russian.md
new file mode 100644
index 0000000000..1c1f621230
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-399-squarefree-fibonacci-numbers.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4fc1000cf542c51000e
+challengeType: 5
+title: 'Problem 399: Squarefree Fibonacci Numbers'
+videoUrl: ''
+localeTitle: 'Задача 399: Квадратные числа Фибоначчи'
+---
+
+## Description
+<section id="description"> Первые 15 номеров фибоначчи: 1,1,2,3,5,8,13,21,34,55,89,144,233,377,610. Видно, что 8 и 144 не являются квадратными: 8 делится на 4, а 144 делится на 4 и на 9. Таким образом, первые 13 квадратичных чисел фибоначчи: 1,1,2,3,5,13,21, 34,55,89,233,377 и 610. <p> Количество фибоначчи на 200-м квадрате: 971183874599339129547649988289594072811608739584170445. Последние шестнадцать цифр этого номера: 1608739584170445 и в научной нотации это число можно записать как 9.7e53. </p><p> Найдите 100 000 000 квадратных квадратов число фибоначчи. Дайте в качестве ответа последние шестнадцать цифр, за которыми следует запятая, а затем номер в научной нотации (округленная до одной цифры после десятичной точки). Для 200-го квадратного номера ответ был бы равен: 1608739584170445,9.7e53 </p><p> Примечание. Для этой задачи предположим, что для каждого простого числа p первое число фибоначчи, делящееся на p, не делится на p2 (это часть гипотезы Стены). Это было проверено на простые числа ≤ 3 · 1015, но не было доказано в целом. </p><p> Если случается, что гипотеза ложна, то принятый ответ на эту проблему не гарантируется как 100 000 000-й квадратный номер фибоначчи, а скорее представляет собой нижнюю границу для этого числа. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler399(), 1508395636674243, 6.5e27330467, "<code>euler399()</code> should return 1508395636674243, 6.5e27330467.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler399() {
+  // Good luck!
+  return true;
+}
+
+euler399();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-4-largest-palindrome-product.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-4-largest-palindrome-product.russian.md
new file mode 100644
index 0000000000..6984dd8a4d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-4-largest-palindrome-product.russian.md
@@ -0,0 +1,57 @@
+---
+id: 5900f3701000cf542c50fe83
+challengeType: 5
+title: 'Problem 4: Largest palindrome product'
+videoUrl: ''
+localeTitle: 'Проблема 4: Крупнейший продукт палиндрома'
+---
+
+## Description
+<section id="description"> Палиндромный номер читается одинаково в обоих направлениях. Самый большой палиндром, полученный из продукта двух двузначных чисел, составляет 9009 = 91 × 99. Найдите самый большой палиндром, изготовленный из продукта двух <code>n</code> разрядных чисел. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>largestPalindromeProduct(2)</code> должен возвращать 9009.
+    testString: 'assert.strictEqual(largestPalindromeProduct(2), 9009, "<code>largestPalindromeProduct(2)</code> should return 9009.");'
+  - text: <code>largestPalindromeProduct(3)</code> должен возвращать 906609.
+    testString: 'assert.strictEqual(largestPalindromeProduct(3), 906609, "<code>largestPalindromeProduct(3)</code> should return 906609.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestPalindromeProduct(n) {
+  // Good luck!
+  return true;
+}
+
+largestPalindromeProduct(3);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-40-champernownes-constant.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-40-champernownes-constant.russian.md
new file mode 100644
index 0000000000..aaf97a529e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-40-champernownes-constant.russian.md
@@ -0,0 +1,59 @@
+---
+id: 5900f3941000cf542c50fea7
+challengeType: 5
+title: 'Problem 40: Champernowne"s constant'
+videoUrl: ''
+localeTitle: 'Задача 40: постоянная Шампернауне'
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>champernownesConstant(100)</code> должен вернуть 5.
+    testString: 'assert.strictEqual(champernownesConstant(100), 5, "<code>champernownesConstant(100)</code> should return 5.");'
+  - text: ''
+    testString: 'assert.strictEqual(champernownesConstant(1000), 15, "<code>champernownesConstant(1000)</code> should return 15.");'
+  - text: ''
+    testString: 'assert.strictEqual(champernownesConstant(1000000), 210, "<code>champernownesConstant(1000000)</code> should return 210.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function champernownesConstant(n) {
+  // Good luck!
+  return true;
+}
+
+champernownesConstant(100);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-400-fibonacci-tree-game.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-400-fibonacci-tree-game.russian.md
new file mode 100644
index 0000000000..1f6d1e8b09
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-400-fibonacci-tree-game.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4fe1000cf542c510010
+challengeType: 5
+title: 'Problem 400: Fibonacci tree game'
+videoUrl: ''
+localeTitle: 'Задача 400: игра дерева Фибоначчи'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler400(), 438505383468410600, "<code>euler400()</code> should return 438505383468410600.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler400() {
+  // Good luck!
+  return true;
+}
+
+euler400();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-401-sum-of-squares-of-divisors.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-401-sum-of-squares-of-divisors.russian.md
new file mode 100644
index 0000000000..693338b233
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-401-sum-of-squares-of-divisors.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4fd1000cf542c51000f
+challengeType: 5
+title: 'Problem 401: Sum of squares of divisors'
+videoUrl: ''
+localeTitle: 'Задача 401: Сумма квадратов делителей'
+---
+
+## Description
+<section id="description"> Дивизорами 6 являются 1,2,3 и 6. Сумма квадратов этих чисел равна 1 + 4 + 9 + 36 = 50. <p> Пусть sigma2 (n) представляет собой сумму квадратов делителей n. Таким образом, sigma2 (6) = 50. </p><p> Пусть SIGMA2 представляет собой суммирующую функцию sigma2, то есть SIGMA2 (n) = Σsigma2 (i) для i = 1 - n. Первые 6 значений SIGMA2: 1,6,16,37,63 и 113. </p><p> Найдите SIGMA2 (1015) по модулю 109. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler401()</code> должен возвращать 281632621.
+    testString: 'assert.strictEqual(euler401(), 281632621, "<code>euler401()</code> should return 281632621.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler401() {
+  // Good luck!
+  return true;
+}
+
+euler401();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-402-integer-valued-polynomials.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-402-integer-valued-polynomials.russian.md
new file mode 100644
index 0000000000..c0a995550b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-402-integer-valued-polynomials.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ff1000cf542c510011
+challengeType: 5
+title: 'Problem 402: Integer-valued polynomials'
+videoUrl: ''
+localeTitle: 'Задача 402: Многочленные многочлены'
+---
+
+## Description
+<section id="description"> Можно показать, что многочлен n4 + 4n3 + 2n2 + 5n кратно 6 для любого целого n. Можно также показать, что 6 - наибольшее целое число, удовлетворяющее этому свойству. <p> Определим M (a, b, c) как максимум m такой, что n4 + an3 + bn2 + cn кратно m для всех целых чисел n. Например, M (4, 2, 5) = 6. </p><p> Кроме того, определим S (N) как сумму M (a, b, c) для всех 0 &lt;a, b, c ≤ N. </p><p> Мы можем проверить, что S (10) = 1972 и S (10000) = 2024258331114. </p><p> Пусть Fk - последовательность Фибоначчи: F0 = 0, F1 = 1 и Fk = Fk-1 + Fk-2 для k ≥ 2. </p><p> Найдите последние 9 цифр Σ S (Fk) для 2 ≤ k ≤ 1234567890123. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler402()</code> должен вернуть 356019862.
+    testString: 'assert.strictEqual(euler402(), 356019862, "<code>euler402()</code> should return 356019862.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler402() {
+  // Good luck!
+  return true;
+}
+
+euler402();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-403-lattice-points-enclosed-by-parabola-and-line.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-403-lattice-points-enclosed-by-parabola-and-line.russian.md
new file mode 100644
index 0000000000..11cba566c9
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-403-lattice-points-enclosed-by-parabola-and-line.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5001000cf542c510013
+challengeType: 5
+title: 'Problem 403: Lattice points enclosed by parabola and line'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Для целых чисел a и b определим D (a, b) как область, заключенную параболой y = x2, и прямую y = a · x + b: D (a, b) = {(x, y) | x2 ≤ y ≤ a · x + b}. <p> L (a, b) определяется как число точек решетки, содержащихся в D (a, b). Например, L (1, 2) = 8 и L (2, -1) = 1. </p><p> Мы также определяем S (N) как сумму L (a, b) для всех пар (a, b) таких, что площадь D (a, b) является рациональным числом и | a |, | b | ≤ N. Мы можем проверить, что S (5) = 344 и S (100) = 26709528. </p><p> Найти S (1012). Дайте свой ответ mod 108. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler403(), 18224771, "<code>euler403()</code> should return 18224771.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler403() {
+  // Good luck!
+  return true;
+}
+
+euler403();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-404-crisscross-ellipses.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-404-crisscross-ellipses.russian.md
new file mode 100644
index 0000000000..b2db81f584
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-404-crisscross-ellipses.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5001000cf542c510012
+challengeType: 5
+title: 'Problem 404: Crisscross Ellipses'
+videoUrl: ''
+localeTitle: 'Задача 404: Крисскрассные эллипсы'
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler404(), 1199215615081353, "<code>euler404()</code> should return 1199215615081353.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler404() {
+  // Good luck!
+  return true;
+}
+
+euler404();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-405-a-rectangular-tiling.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-405-a-rectangular-tiling.russian.md
new file mode 100644
index 0000000000..a443c8fbdf
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-405-a-rectangular-tiling.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5021000cf542c510014
+challengeType: 5
+title: 'Problem 405: A rectangular tiling'
+videoUrl: ''
+localeTitle: 'Задача 405: прямоугольная черепица'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler405()</code> должен вернуть 237696125.
+    testString: 'assert.strictEqual(euler405(), 237696125, "<code>euler405()</code> should return 237696125.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler405() {
+  // Good luck!
+  return true;
+}
+
+euler405();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-406-guessing-game.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-406-guessing-game.russian.md
new file mode 100644
index 0000000000..f60697f1dd
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-406-guessing-game.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5021000cf542c510015
+challengeType: 5
+title: 'Problem 406: Guessing Game'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler406(), 36813.12757207, "<code>euler406()</code> should return 36813.12757207.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler406() {
+  // Good luck!
+  return true;
+}
+
+euler406();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-407-idempotents.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-407-idempotents.russian.md
new file mode 100644
index 0000000000..d41a4d1983
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-407-idempotents.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5041000cf542c510016
+challengeType: 5
+title: 'Problem 407: Idempotents'
+videoUrl: ''
+localeTitle: 'Задача 407: Идемпотент'
+---
+
+## Description
+<section id="description"> Если мы вычислим a2 mod 6 для 0 ≤ a ≤ 5, получим: 0,1,4,3,4,1. <p> Наибольшее значение a такое, что a2 ≡ a mod 6 равно 4. Назовем M (n) наибольшим значением a &lt;n таким, что a2 ≡ a (mod n). Итак, M (6) = 4. </p><p> Найти ΣM (n) для 1 ≤ n ≤ 107. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler407(), 39782849136421, "<code>euler407()</code> should return 39782849136421.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler407() {
+  // Good luck!
+  return true;
+}
+
+euler407();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-408-admissible-paths-through-a-grid.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-408-admissible-paths-through-a-grid.russian.md
new file mode 100644
index 0000000000..afbb789eaf
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-408-admissible-paths-through-a-grid.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5091000cf542c51001b
+challengeType: 5
+title: 'Problem 408: Admissible paths through a grid'
+videoUrl: ''
+localeTitle: 'Задача 408: Допустимые пути через сетку'
+---
+
+## Description
+<section id="description"> Назовем точку решетки (x, y) недопустимой, если x, y и x + y - все положительные совершенные квадраты. Например, (9, 16) недопустимо, а (0, 4), (3, 1) и (9, 4) - нет. <p> Рассмотрим путь от точки (x1, y1) до точки (x2, y2), используя только единичные шаги на север или восток. Назовем такой путь допустимым, если ни одна из его промежуточных точек недопустима. </p><p> Пусть P (n) - число допустимых путей от (0, 0) до (n, n). Можно проверить, что P (5) = 252, P (16) = 596994440 и P (1000) mod 1 000 000 007 = 341920854. </p><p> Найти P (10 000 000) mod 1 000 000 007. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler408()</code> должен вернуть 299742733.
+    testString: 'assert.strictEqual(euler408(), 299742733, "<code>euler408()</code> should return 299742733.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler408() {
+  // Good luck!
+  return true;
+}
+
+euler408();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-409-nim-extreme.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-409-nim-extreme.russian.md
new file mode 100644
index 0000000000..67369129ad
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-409-nim-extreme.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5061000cf542c510017
+challengeType: 5
+title: 'Problem 409: Nim Extreme'
+videoUrl: ''
+localeTitle: 'Problem 409: Nim Extreme'
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler409(), 253223948, "<code>euler409()</code> should return 253223948.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler409() {
+  // Good luck!
+  return true;
+}
+
+euler409();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-41-pandigital-prime.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-41-pandigital-prime.russian.md
new file mode 100644
index 0000000000..22a76fb6d1
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-41-pandigital-prime.russian.md
@@ -0,0 +1,56 @@
+---
+id: 5900f3951000cf542c50fea8
+challengeType: 5
+title: 'Problem 41: Pandigital prime'
+videoUrl: ''
+localeTitle: 'Проблема 41: Pandigital prime'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert(pandigitalPrime(4) == 4231, "<code>pandigitalPrime(4)</code> should return 4231.");'
+  - text: ''
+    testString: 'assert(pandigitalPrime(7) == 7652413, "<code>pandigitalPrime(7)</code> should return 7652413.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pandigitalPrime(n) {
+  // Good luck!
+  return n;
+}
+
+pandigitalPrime(7);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-410-circle-and-tangent-line.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-410-circle-and-tangent-line.russian.md
new file mode 100644
index 0000000000..9b929040d3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-410-circle-and-tangent-line.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5071000cf542c510018
+challengeType: 5
+title: 'Problem 410: Circle and tangent line'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Пусть C - окружность с радиусом r, x2 + y2 = r2. Выберем две точки P (a, b) и Q (-a, c) так, чтобы прямая, проходящая через P и Q, касалась C. <p> Например, квадруполь (r, a, b, c) = (2, 6, 2, -7) удовлетворяет этому свойству. </p><p> Пусть F (R, X) - число целых квадруплетов (r, a, b, c) с этим свойством и с 0 &lt;r ≤ R и 0 &lt;a ≤ X. </p><p> Мы можем проверить, что F (1, 5) = 10, F (2, 10) = 52 и F (10, 100) = 3384. Найти F (108, 109) + F (109, 108). </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler410(), 799999783589946600, "<code>euler410()</code> should return 799999783589946600.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler410() {
+  // Good luck!
+  return true;
+}
+
+euler410();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-411-uphill-paths.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-411-uphill-paths.russian.md
new file mode 100644
index 0000000000..a52dee31fb
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-411-uphill-paths.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5081000cf542c510019
+challengeType: 5
+title: 'Problem 411: Uphill paths'
+videoUrl: ''
+localeTitle: 'Задача 411: Пути Uphill'
+---
+
+## Description
+<section id="description"> Пусть n - положительное целое число. Предположим, что есть места в координатах (x, y) = (2i mod n, 3i mod n) для 0 ≤ i ≤ 2n. Мы будем рассматривать станции с теми же координатами, что и одна и та же станция. <p> Мы хотим сформировать путь от (0, 0) до (n, n) так, чтобы координаты x и y никогда не уменьшались. Пусть S (n) - максимальное количество станций, через которые может пройти такой путь. </p><p> Например, если n = 22, имеется 11 различных станций, и допустимый путь может пройти не более 5 станций. Следовательно, S (22) = 5. Случай проиллюстрирован ниже, пример оптимального пути: </p><p> Можно также проверить, что S (123) = 14 и S (10000) = 48. </p><p> Найти Σ S (k5) для 1 ≤ k ≤ 30. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler411(), 9936352, "<code>euler411()</code> should return 9936352.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler411() {
+  // Good luck!
+  return true;
+}
+
+euler411();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-412-gnomon-numbering.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-412-gnomon-numbering.russian.md
new file mode 100644
index 0000000000..ce215bbe7b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-412-gnomon-numbering.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5081000cf542c51001a
+challengeType: 5
+title: 'Problem 412: Gnomon numbering'
+videoUrl: ''
+localeTitle: 'Задача 412: нумерация Gnomon'
+---
+
+## Description
+<section id="description"> Для целых чисел m, n (0 ≤ n &lt;m) пусть L (m, n) - сетка m × m с удаленной сеткой с верхним правом n × n. <p> Например, L (5, 3) выглядит так: </p><p> Мы хотим подсчитать каждую ячейку L (m, n) целыми целыми числами 1, 2, 3, ... так, чтобы число в каждой ячейке было меньше, чем число ниже ее и слева от него. </p><p> Например, вот две допустимые номера L (5, 3): </p><p> Пусть LC (m, n) - число допустимых номеров L (m, n). Можно проверить, что LC (3, 0) = 42, LC (5, 3) = 250250, LC (6, 3) = 406029023400 и LC (10, 5) мод 76543217 = 61251715. </p><p> Найдите LC (10000, 5000) mod 76543217. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler412()</code> должен вернуть 38788800.
+    testString: 'assert.strictEqual(euler412(), 38788800, "<code>euler412()</code> should return 38788800.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler412() {
+  // Good luck!
+  return true;
+}
+
+euler412();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-413-one-child-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-413-one-child-numbers.russian.md
new file mode 100644
index 0000000000..69a0be03e2
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-413-one-child-numbers.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f50a1000cf542c51001c
+challengeType: 5
+title: 'Problem 413: One-child Numbers'
+videoUrl: ''
+localeTitle: 'Проблема 413: номера одного ребенка'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler413(), 3079418648040719, "<code>euler413()</code> should return 3079418648040719.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler413() {
+  // Good luck!
+  return true;
+}
+
+euler413();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-414-kaprekar-constant.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-414-kaprekar-constant.russian.md
new file mode 100644
index 0000000000..bf18ec5245
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-414-kaprekar-constant.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f50b1000cf542c51001d
+challengeType: 5
+title: 'Problem 414: Kaprekar constant'
+videoUrl: ''
+localeTitle: 'Задача 414: постоянная подписи'
+---
+
+## Description
+<section id="description"> 6174 - замечательное число; если мы сортируем его цифры в порядке возрастания и вычитаем это число из числа, которое вы получаете, когда сортируете цифры в порядке убывания, получаем 7641-1467 = 6174. Еще более примечательно то, что если мы начнем с любого 4-значного числа и повторим этот процесс сортировки и вычитания, то в конечном итоге мы получим 6174 или сразу с 0, если все цифры равны. Это также работает с числами, которые имеют менее 4 цифр, если мы поместим число с ведущими нулями, пока у нас не будет 4 цифры. Например, давайте начнем с номера 0837: 8730-0378 = 8352 8532-2358 = 6174 <p> 6174 называется константой Капрекара. Процесс сортировки и вычитания и повторения этого значения до достижения 0 или константы Капрекара называется рутиной Капрекара. </p><p> Мы можем рассмотреть рутину Капрекара для других баз и числа цифр. К сожалению, не гарантируется постоянная Капрекара во всех случаях; либо подпрограмма может закончиться в цикле для некоторых номеров ввода, либо константа, по которой выполняется обычная процедура, может быть разной для разных номеров ввода. Однако можно показать, что для 5 цифр и основания b = 6t + 3 ≠ 9 существует константа Капрекара. Например, основание 15: (10,4,14,9,5) 15 основание 21: (14,6,20,13,7) 21 </p><p> Определите Cb как константу Капрекара в базе b для 5 цифр. Определите функцию sb (i) равной 0, если i = Cb, или если i, записанная в базе b, состоит из 5 одинаковых цифр, число итераций, которые требуется для процедуры Kaprekar в базе b, чтобы прибыть на Cb, в противном случае </p><p> Заметим, что мы можем определить sb (i) для всех целых чисел i &lt;b5. Если я записал в базе b, занимает менее 5 цифр, число заполняется нулевыми цифрами до тех пор, пока у нас не будет 5 цифр перед применением процедуры Kaprekar. </p><p> Определим S (b) как сумму sb (i) при 0 &lt;i &lt;b5. Например, S (15) = 5274369 S (111) = 400668930299 </p><p> Найдите сумму S (6k + 3) для 2 ≤ k ≤ 300. Дайте последние 18 цифр в качестве вашего ответа. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler414()</code> должен вернуть 552506775824935500.
+    testString: 'assert.strictEqual(euler414(), 552506775824935500, "<code>euler414()</code> should return 552506775824935500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler414() {
+  // Good luck!
+  return true;
+}
+
+euler414();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-415-titanic-sets.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-415-titanic-sets.russian.md
new file mode 100644
index 0000000000..117b87c30f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-415-titanic-sets.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f50c1000cf542c51001e
+challengeType: 5
+title: 'Problem 415: Titanic sets'
+videoUrl: ''
+localeTitle: 'Проблема 415: Титанические наборы'
+---
+
+## Description
+<section id="description"> Множество точек решетки S называется титаническим множеством, если существует прямая, проходящая через ровно две точки из S. <p> Примером титанического множества является S = {(0, 0), (0, 1), (0, 2), (1, 1), (2, 0), (1, 0)}, где прямая проходящие через (0, 1) и (2, 0), не проходят через любую другую точку из S. </p><p> С другой стороны, множество {(0, 0), (1, 1), (2, 2), (4, 4)} не является титаническим множеством, так как линия, проходящая через любые две точки множества, также проходит через два других. </p><p> Для любого натурального N пусть T (N) - число титанических множеств S, каждая точка (x, y) удовлетворяет 0 ≤ x, y ≤ N. Можно проверить, что T (1) = 11, T (2 ) = 494, T (4) = 33554178, T (111) mod 108 = 13500401 и T (105) mod 108 = 63259062. </p><p> Найдите T (1011) mod 108. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler415()</code> должен вернуть 55859742.
+    testString: 'assert.strictEqual(euler415(), 55859742, "<code>euler415()</code> should return 55859742.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler415() {
+  // Good luck!
+  return true;
+}
+
+euler415();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-416-a-frogs-trip.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-416-a-frogs-trip.russian.md
new file mode 100644
index 0000000000..aef20e7ab7
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-416-a-frogs-trip.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f50e1000cf542c510020
+challengeType: 5
+title: 'Problem 416: A frog"s trip'
+videoUrl: ''
+localeTitle: 'Проблема 416: поездка лягушки'
+---
+
+## Description
+<section id="description"> Ряд n квадратов содержит лягушку в крайнем левом квадрате. Посредством последовательных прыжков лягушка идет к самому правому квадрату, а затем обратно к самому левому квадрату. Во внешней поездке он прыгает на один, два или три квадрата вправо, а в поездке домой он прыгает влево аналогичным образом. Он не может прыгать за пределы квадратов. Он повторяет путешествие туда и обратно m раз. <p> Пусть F (m, n) - число способов перемещения лягушки, так что не более одного квадрата остается невидимым. Например, F (1, 3) = 4, F (1, 4) = 15, F (1, 5) = 46, F (2, 3) = 16 и F (2, 100) mod 109 = 429619151. </p><p> Найдите последние 9 цифр F (10, 1012). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler416()</code> должен вернуть 898082747.
+    testString: 'assert.strictEqual(euler416(), 898082747, "<code>euler416()</code> should return 898082747.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler416() {
+  // Good luck!
+  return true;
+}
+
+euler416();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-417-reciprocal-cycles-ii.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-417-reciprocal-cycles-ii.russian.md
new file mode 100644
index 0000000000..f39ebfb4f2
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-417-reciprocal-cycles-ii.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f50d1000cf542c51001f
+challengeType: 5
+title: 'Problem 417: Reciprocal cycles II'
+videoUrl: ''
+localeTitle: 'Задача 417: Взаимные циклы II'
+---
+
+## Description
+<section id="description"> Единичная доля содержит 1 в числителе. Дано десятичное представление единичных дробей с знаменателями от 2 до 10: <p> 1/2 = 0,5 1/3 = 0. (3) 1/4 = 0,25 1/5 = 0,2 1/6 = 0,1 (6) 1/7 = 0. (142857) 1/8 = 0,125 1/9 = 0. (1) 1/10 = 0,1 </p><p> Где 0,1 (6) означает 0.166666 ... и имеет повторяющийся цикл из 1 цифры. Можно видеть, что 1/7 имеет 6-значный повторяющийся цикл. </p><p> Единичные доли, знаменатель которых не имеет других простых факторов, чем 2 и / или 5, не считаются повторяющимися. Мы определяем длину повторяющегося цикла этих единичных дробей как 0. </p><p> Пусть L (n) обозначает длину повторяющегося цикла 1 / n. Вам дается, что ΣL (n) для 3 ≤ n ≤ 1 000 000 равно 55535191115. </p><p> Найти ΣL (n) для 3 ≤ n ≤ 100 000 000 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler417()</code> должен вернуть 446572970925740.
+    testString: 'assert.strictEqual(euler417(), 446572970925740, "<code>euler417()</code> should return 446572970925740.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler417() {
+  // Good luck!
+  return true;
+}
+
+euler417();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-418-factorisation-triples.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-418-factorisation-triples.russian.md
new file mode 100644
index 0000000000..9119c40032
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-418-factorisation-triples.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f50f1000cf542c510021
+challengeType: 5
+title: 'Problem 418: Factorisation triples'
+videoUrl: ''
+localeTitle: 'Проблема 418: тройная факторизация'
+---
+
+## Description
+<section id="description"> Пусть n - положительное целое число. Целочисленная тройка (a, b, c) называется тройкой факторизации n, если: 1 ≤ a ≤ b ≤ c a · b · c = n. <p> Определим f (n) как a + b + c для тройки факторизации (a, b, c) of n, которая минимизирует c / a. Можно показать, что эта тройка уникальна. </p><p> Например, f (165) = 19, f (100100) = 142 и f (20!) = 4034872. </p><p> Найти f (43!). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler418()</code> должен вернуть 1177163565297340400.
+    testString: 'assert.strictEqual(euler418(), 1177163565297340400, "<code>euler418()</code> should return 1177163565297340400.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler418() {
+  // Good luck!
+  return true;
+}
+
+euler418();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-419-look-and-say-sequence.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-419-look-and-say-sequence.russian.md
new file mode 100644
index 0000000000..17a3cd675a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-419-look-and-say-sequence.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5101000cf542c510022
+challengeType: 5
+title: 'Problem 419: Look and say sequence'
+videoUrl: ''
+localeTitle: 'Задача 419: посмотреть и сказать последовательность'
+---
+
+## Description
+<section id="description"> Последовательность look and say переходит в 1, 11, 21, 1211, 111221, 312211, 13112221, 1113213211 ... Последовательность начинается с 1, а все остальные члены получаются путем описания предыдущего элемента в терминах последовательных цифр. Это помогает сделать это вслух: 1 «один» → 11 11 «два» → 21 21 «один два и один один» → 1211 1211 - «один, один два и два» → 111221 111221 «три, два и один» → 312211 ... <p> Определите A (n), B (n) и C (n) как число единиц, двойки и тройки в n-м элементе последовательности соответственно. Можно проверить, что A (40) = 31254, B (40) = 20259 и C (40) = 11625. </p><p> Найдите A (n), B (n) и C (n) для n = 1012. Дайте свой ответ по модулю 230 и разделите свои значения для A, B и C запятой. Например, для n = 40 ответ будет 31254,20259,11625 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: '<code>euler419()</code> должен возвращать 998567458, 1046245404, 43363922.'
+    testString: 'assert.strictEqual(euler419(), 998567458, 1046245404, 43363922, "<code>euler419()</code> should return 998567458, 1046245404, 43363922.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler419() {
+  // Good luck!
+  return true;
+}
+
+euler419();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-42-coded-triangle-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-42-coded-triangle-numbers.russian.md
new file mode 100644
index 0000000000..3e19582c53
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-42-coded-triangle-numbers.russian.md
@@ -0,0 +1,64 @@
+---
+id: 5900f3961000cf542c50fea9
+challengeType: 5
+title: 'Problem 42: Coded triangle numbers'
+videoUrl: ''
+localeTitle: 'Задача 42: Номера кодовых треугольников'
+---
+
+## Description
+<section id="description"> N-й член последовательности чисел треугольника задается выражением tn = ½n (n + 1); поэтому первые десять чисел треугольника: 1, 3, 6, 10, 15, 21, 28, 36, 45, 55, ... путем преобразования каждой буквы в слово в число, соответствующее его алфавитному положению, и добавление этих значений мы формируем значение слова. Например, значение слова для SKY равно 19 + 11 + 25 = 55 = t10. Если значение слова является числом треугольника, мы будем называть слово треугольным словом. Используя массив слов n-длины, сколько из них являются треугольными словами? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>codedTriangleNumbers(1400)</code> должен вернуть 129.
+    testString: 'assert(codedTriangleNumbers(1400) == 129, "<code>codedTriangleNumbers(1400)</code> should return 129.");'
+  - text: <code>codedTriangleNumbers(1500)</code> должен вернуть 137.
+    testString: 'assert(codedTriangleNumbers(1500) == 137, "<code>codedTriangleNumbers(1500)</code> should return 137.");'
+  - text: <code>codedTriangleNumbers(1600)</code> должен вернуть 141.
+    testString: 'assert(codedTriangleNumbers(1600) == 141, "<code>codedTriangleNumbers(1600)</code> should return 141.");'
+  - text: <code>codedTriangleNumbers(1786)</code> должно возвращать 162.
+    testString: 'assert(codedTriangleNumbers(1786) == 162, "<code>codedTriangleNumbers(1786)</code> should return 162.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function codedTriangleNumbers(n) {
+  // Good luck!
+  return 1;
+}
+// only change code above this line
+
+const words = ['A','ABILITY','ABLE','ABOUT','ABOVE','ABSENCE','ABSOLUTELY','ACADEMIC','ACCEPT','ACCESS','ACCIDENT','ACCOMPANY','ACCORDING','ACCOUNT','ACHIEVE','ACHIEVEMENT','ACID','ACQUIRE','ACROSS','ACT','ACTION','ACTIVE','ACTIVITY','ACTUAL','ACTUALLY','ADD','ADDITION','ADDITIONAL','ADDRESS','ADMINISTRATION','ADMIT','ADOPT','ADULT','ADVANCE','ADVANTAGE','ADVICE','ADVISE','AFFAIR','AFFECT','AFFORD','AFRAID','AFTER','AFTERNOON','AFTERWARDS','AGAIN','AGAINST','AGE','AGENCY','AGENT','AGO','AGREE','AGREEMENT','AHEAD','AID','AIM','AIR','AIRCRAFT','ALL','ALLOW','ALMOST','ALONE','ALONG','ALREADY','ALRIGHT','ALSO','ALTERNATIVE','ALTHOUGH','ALWAYS','AMONG','AMONGST','AMOUNT','AN','ANALYSIS','ANCIENT','AND','ANIMAL','ANNOUNCE','ANNUAL','ANOTHER','ANSWER','ANY','ANYBODY','ANYONE','ANYTHING','ANYWAY','APART','APPARENT','APPARENTLY','APPEAL','APPEAR','APPEARANCE','APPLICATION','APPLY','APPOINT','APPOINTMENT','APPROACH','APPROPRIATE','APPROVE','AREA','ARGUE','ARGUMENT','ARISE','ARM','ARMY','AROUND','ARRANGE','ARRANGEMENT','ARRIVE','ART','ARTICLE','ARTIST','AS','ASK','ASPECT','ASSEMBLY','ASSESS','ASSESSMENT','ASSET','ASSOCIATE','ASSOCIATION','ASSUME','ASSUMPTION','AT','ATMOSPHERE','ATTACH','ATTACK','ATTEMPT','ATTEND','ATTENTION','ATTITUDE','ATTRACT','ATTRACTIVE','AUDIENCE','AUTHOR','AUTHORITY','AVAILABLE','AVERAGE','AVOID','AWARD','AWARE','AWAY','AYE','BABY','BACK','BACKGROUND','BAD','BAG','BALANCE','BALL','BAND','BANK','BAR','BASE','BASIC','BASIS','BATTLE','BE','BEAR','BEAT','BEAUTIFUL','BECAUSE','BECOME','BED','BEDROOM','BEFORE','BEGIN','BEGINNING','BEHAVIOUR','BEHIND','BELIEF','BELIEVE','BELONG','BELOW','BENEATH','BENEFIT','BESIDE','BEST','BETTER','BETWEEN','BEYOND','BIG','BILL','BIND','BIRD','BIRTH','BIT','BLACK','BLOCK','BLOOD','BLOODY','BLOW','BLUE','BOARD','BOAT','BODY','BONE','BOOK','BORDER','BOTH','BOTTLE','BOTTOM','BOX','BOY','BRAIN','BRANCH','BREAK','BREATH','BRIDGE','BRIEF','BRIGHT','BRING','BROAD','BROTHER','BUDGET','BUILD','BUILDING','BURN','BUS','BUSINESS','BUSY','BUT','BUY','BY','CABINET','CALL','CAMPAIGN','CAN','CANDIDATE','CAPABLE','CAPACITY','CAPITAL','CAR','CARD','CARE','CAREER','CAREFUL','CAREFULLY','CARRY','CASE','CASH','CAT','CATCH','CATEGORY','CAUSE','CELL','CENTRAL','CENTRE','CENTURY','CERTAIN','CERTAINLY','CHAIN','CHAIR','CHAIRMAN','CHALLENGE','CHANCE','CHANGE','CHANNEL','CHAPTER','CHARACTER','CHARACTERISTIC','CHARGE','CHEAP','CHECK','CHEMICAL','CHIEF','CHILD','CHOICE','CHOOSE','CHURCH','CIRCLE','CIRCUMSTANCE','CITIZEN','CITY','CIVIL','CLAIM','CLASS','CLEAN','CLEAR','CLEARLY','CLIENT','CLIMB','CLOSE','CLOSELY','CLOTHES','CLUB','COAL','CODE','COFFEE','COLD','COLLEAGUE','COLLECT','COLLECTION','COLLEGE','COLOUR','COMBINATION','COMBINE','COME','COMMENT','COMMERCIAL','COMMISSION','COMMIT','COMMITMENT','COMMITTEE','COMMON','COMMUNICATION','COMMUNITY','COMPANY','COMPARE','COMPARISON','COMPETITION','COMPLETE','COMPLETELY','COMPLEX','COMPONENT','COMPUTER','CONCENTRATE','CONCENTRATION','CONCEPT','CONCERN','CONCERNED','CONCLUDE','CONCLUSION','CONDITION','CONDUCT','CONFERENCE','CONFIDENCE','CONFIRM','CONFLICT','CONGRESS','CONNECT','CONNECTION','CONSEQUENCE','CONSERVATIVE','CONSIDER','CONSIDERABLE','CONSIDERATION','CONSIST','CONSTANT','CONSTRUCTION','CONSUMER','CONTACT','CONTAIN','CONTENT','CONTEXT','CONTINUE','CONTRACT','CONTRAST','CONTRIBUTE','CONTRIBUTION','CONTROL','CONVENTION','CONVERSATION','COPY','CORNER','CORPORATE','CORRECT','COS','COST','COULD','COUNCIL','COUNT','COUNTRY','COUNTY','COUPLE','COURSE','COURT','COVER','CREATE','CREATION','CREDIT','CRIME','CRIMINAL','CRISIS','CRITERION','CRITICAL','CRITICISM','CROSS','CROWD','CRY','CULTURAL','CULTURE','CUP','CURRENT','CURRENTLY','CURRICULUM','CUSTOMER','CUT','DAMAGE','DANGER','DANGEROUS','DARK','DATA','DATE','DAUGHTER','DAY','DEAD','DEAL','DEATH','DEBATE','DEBT','DECADE','DECIDE','DECISION','DECLARE','DEEP','DEFENCE','DEFENDANT','DEFINE','DEFINITION','DEGREE','DELIVER','DEMAND','DEMOCRATIC','DEMONSTRATE','DENY','DEPARTMENT','DEPEND','DEPUTY','DERIVE','DESCRIBE','DESCRIPTION','DESIGN','DESIRE','DESK','DESPITE','DESTROY','DETAIL','DETAILED','DETERMINE','DEVELOP','DEVELOPMENT','DEVICE','DIE','DIFFERENCE','DIFFERENT','DIFFICULT','DIFFICULTY','DINNER','DIRECT','DIRECTION','DIRECTLY','DIRECTOR','DISAPPEAR','DISCIPLINE','DISCOVER','DISCUSS','DISCUSSION','DISEASE','DISPLAY','DISTANCE','DISTINCTION','DISTRIBUTION','DISTRICT','DIVIDE','DIVISION','DO','DOCTOR','DOCUMENT','DOG','DOMESTIC','DOOR','DOUBLE','DOUBT','DOWN','DRAW','DRAWING','DREAM','DRESS','DRINK','DRIVE','DRIVER','DROP','DRUG','DRY','DUE','DURING','DUTY','EACH','EAR','EARLY','EARN','EARTH','EASILY','EAST','EASY','EAT','ECONOMIC','ECONOMY','EDGE','EDITOR','EDUCATION','EDUCATIONAL','EFFECT','EFFECTIVE','EFFECTIVELY','EFFORT','EGG','EITHER','ELDERLY','ELECTION','ELEMENT','ELSE','ELSEWHERE','EMERGE','EMPHASIS','EMPLOY','EMPLOYEE','EMPLOYER','EMPLOYMENT','EMPTY','ENABLE','ENCOURAGE','END','ENEMY','ENERGY','ENGINE','ENGINEERING','ENJOY','ENOUGH','ENSURE','ENTER','ENTERPRISE','ENTIRE','ENTIRELY','ENTITLE','ENTRY','ENVIRONMENT','ENVIRONMENTAL','EQUAL','EQUALLY','EQUIPMENT','ERROR','ESCAPE','ESPECIALLY','ESSENTIAL','ESTABLISH','ESTABLISHMENT','ESTATE','ESTIMATE','EVEN','EVENING','EVENT','EVENTUALLY','EVER','EVERY','EVERYBODY','EVERYONE','EVERYTHING','EVIDENCE','EXACTLY','EXAMINATION','EXAMINE','EXAMPLE','EXCELLENT','EXCEPT','EXCHANGE','EXECUTIVE','EXERCISE','EXHIBITION','EXIST','EXISTENCE','EXISTING','EXPECT','EXPECTATION','EXPENDITURE','EXPENSE','EXPENSIVE','EXPERIENCE','EXPERIMENT','EXPERT','EXPLAIN','EXPLANATION','EXPLORE','EXPRESS','EXPRESSION','EXTEND','EXTENT','EXTERNAL','EXTRA','EXTREMELY','EYE','FACE','FACILITY','FACT','FACTOR','FACTORY','FAIL','FAILURE','FAIR','FAIRLY','FAITH','FALL','FAMILIAR','FAMILY','FAMOUS','FAR','FARM','FARMER','FASHION','FAST','FATHER','FAVOUR','FEAR','FEATURE','FEE','FEEL','FEELING','FEMALE','FEW','FIELD','FIGHT','FIGURE','FILE','FILL','FILM','FINAL','FINALLY','FINANCE','FINANCIAL','FIND','FINDING','FINE','FINGER','FINISH','FIRE','FIRM','FIRST','FISH','FIT','FIX','FLAT','FLIGHT','FLOOR','FLOW','FLOWER','FLY','FOCUS','FOLLOW','FOLLOWING','FOOD','FOOT','FOOTBALL','FOR','FORCE','FOREIGN','FOREST','FORGET','FORM','FORMAL','FORMER','FORWARD','FOUNDATION','FREE','FREEDOM','FREQUENTLY','FRESH','FRIEND','FROM','FRONT','FRUIT','FUEL','FULL','FULLY','FUNCTION','FUND','FUNNY','FURTHER','FUTURE','GAIN','GAME','GARDEN','GAS','GATE','GATHER','GENERAL','GENERALLY','GENERATE','GENERATION','GENTLEMAN','GET','GIRL','GIVE','GLASS','GO','GOAL','GOD','GOLD','GOOD','GOVERNMENT','GRANT','GREAT','GREEN','GREY','GROUND','GROUP','GROW','GROWING','GROWTH','GUEST','GUIDE','GUN','HAIR','HALF','HALL','HAND','HANDLE','HANG','HAPPEN','HAPPY','HARD','HARDLY','HATE','HAVE','HE','HEAD','HEALTH','HEAR','HEART','HEAT','HEAVY','HELL','HELP','HENCE','HER','HERE','HERSELF','HIDE','HIGH','HIGHLY','HILL','HIM','HIMSELF','HIS','HISTORICAL','HISTORY','HIT','HOLD','HOLE','HOLIDAY','HOME','HOPE','HORSE','HOSPITAL','HOT','HOTEL','HOUR','HOUSE','HOUSEHOLD','HOUSING','HOW','HOWEVER','HUGE','HUMAN','HURT','HUSBAND','I','IDEA','IDENTIFY','IF','IGNORE','ILLUSTRATE','IMAGE','IMAGINE','IMMEDIATE','IMMEDIATELY','IMPACT','IMPLICATION','IMPLY','IMPORTANCE','IMPORTANT','IMPOSE','IMPOSSIBLE','IMPRESSION','IMPROVE','IMPROVEMENT','IN','INCIDENT','INCLUDE','INCLUDING','INCOME','INCREASE','INCREASED','INCREASINGLY','INDEED','INDEPENDENT','INDEX','INDICATE','INDIVIDUAL','INDUSTRIAL','INDUSTRY','INFLUENCE','INFORM','INFORMATION','INITIAL','INITIATIVE','INJURY','INSIDE','INSIST','INSTANCE','INSTEAD','INSTITUTE','INSTITUTION','INSTRUCTION','INSTRUMENT','INSURANCE','INTEND','INTENTION','INTEREST','INTERESTED','INTERESTING','INTERNAL','INTERNATIONAL','INTERPRETATION','INTERVIEW','INTO','INTRODUCE','INTRODUCTION','INVESTIGATE','INVESTIGATION','INVESTMENT','INVITE','INVOLVE','IRON','IS','ISLAND','ISSUE','IT','ITEM','ITS','ITSELF','JOB','JOIN','JOINT','JOURNEY','JUDGE','JUMP','JUST','JUSTICE','KEEP','KEY','KID','KILL','KIND','KING','KITCHEN','KNEE','KNOW','KNOWLEDGE','LABOUR','LACK','LADY','LAND','LANGUAGE','LARGE','LARGELY','LAST','LATE','LATER','LATTER','LAUGH','LAUNCH','LAW','LAWYER','LAY','LEAD','LEADER','LEADERSHIP','LEADING','LEAF','LEAGUE','LEAN','LEARN','LEAST','LEAVE','LEFT','LEG','LEGAL','LEGISLATION','LENGTH','LESS','LET','LETTER','LEVEL','LIABILITY','LIBERAL','LIBRARY','LIE','LIFE','LIFT','LIGHT','LIKE','LIKELY','LIMIT','LIMITED','LINE','LINK','LIP','LIST','LISTEN','LITERATURE','LITTLE','LIVE','LIVING','LOAN','LOCAL','LOCATION','LONG','LOOK','LORD','LOSE','LOSS','LOT','LOVE','LOVELY','LOW','LUNCH','MACHINE','MAGAZINE','MAIN','MAINLY','MAINTAIN','MAJOR','MAJORITY','MAKE','MALE','MAN','MANAGE','MANAGEMENT','MANAGER','MANNER','MANY','MAP','MARK','MARKET','MARRIAGE','MARRIED','MARRY','MASS','MASTER','MATCH','MATERIAL','MATTER','MAY','MAYBE','ME','MEAL','MEAN','MEANING','MEANS','MEANWHILE','MEASURE','MECHANISM','MEDIA','MEDICAL','MEET','MEETING','MEMBER','MEMBERSHIP','MEMORY','MENTAL','MENTION','MERELY','MESSAGE','METAL','METHOD','MIDDLE','MIGHT','MILE','MILITARY','MILK','MIND','MINE','MINISTER','MINISTRY','MINUTE','MISS','MISTAKE','MODEL','MODERN','MODULE','MOMENT','MONEY','MONTH','MORE','MORNING','MOST','MOTHER','MOTION','MOTOR','MOUNTAIN','MOUTH','MOVE','MOVEMENT','MUCH','MURDER','MUSEUM','MUSIC','MUST','MY','MYSELF','NAME','NARROW','NATION','NATIONAL','NATURAL','NATURE','NEAR','NEARLY','NECESSARILY','NECESSARY','NECK','NEED','NEGOTIATION','NEIGHBOUR','NEITHER','NETWORK','NEVER','NEVERTHELESS','NEW','NEWS','NEWSPAPER','NEXT','NICE','NIGHT','NO','NOBODY','NOD','NOISE','NONE','NOR','NORMAL','NORMALLY','NORTH','NORTHERN','NOSE','NOT','NOTE','NOTHING','NOTICE','NOTION','NOW','NUCLEAR','NUMBER','NURSE','OBJECT','OBJECTIVE','OBSERVATION','OBSERVE','OBTAIN','OBVIOUS','OBVIOUSLY','OCCASION','OCCUR','ODD','OF','OFF','OFFENCE','OFFER','OFFICE','OFFICER','OFFICIAL','OFTEN','OIL','OKAY','OLD','ON','ONCE','ONE','ONLY','ONTO','OPEN','OPERATE','OPERATION','OPINION','OPPORTUNITY','OPPOSITION','OPTION','OR','ORDER','ORDINARY','ORGANISATION','ORGANISE','ORGANIZATION','ORIGIN','ORIGINAL','OTHER','OTHERWISE','OUGHT','OUR','OURSELVES','OUT','OUTCOME','OUTPUT','OUTSIDE','OVER','OVERALL','OWN','OWNER','PACKAGE','PAGE','PAIN','PAINT','PAINTING','PAIR','PANEL','PAPER','PARENT','PARK','PARLIAMENT','PART','PARTICULAR','PARTICULARLY','PARTLY','PARTNER','PARTY','PASS','PASSAGE','PAST','PATH','PATIENT','PATTERN','PAY','PAYMENT','PEACE','PENSION','PEOPLE','PER','PERCENT','PERFECT','PERFORM','PERFORMANCE','PERHAPS','PERIOD','PERMANENT','PERSON','PERSONAL','PERSUADE','PHASE','PHONE','PHOTOGRAPH','PHYSICAL','PICK','PICTURE','PIECE','PLACE','PLAN','PLANNING','PLANT','PLASTIC','PLATE','PLAY','PLAYER','PLEASE','PLEASURE','PLENTY','PLUS','POCKET','POINT','POLICE','POLICY','POLITICAL','POLITICS','POOL','POOR','POPULAR','POPULATION','POSITION','POSITIVE','POSSIBILITY','POSSIBLE','POSSIBLY','POST','POTENTIAL','POUND','POWER','POWERFUL','PRACTICAL','PRACTICE','PREFER','PREPARE','PRESENCE','PRESENT','PRESIDENT','PRESS','PRESSURE','PRETTY','PREVENT','PREVIOUS','PREVIOUSLY','PRICE','PRIMARY','PRIME','PRINCIPLE','PRIORITY','PRISON','PRISONER','PRIVATE','PROBABLY','PROBLEM','PROCEDURE','PROCESS','PRODUCE','PRODUCT','PRODUCTION','PROFESSIONAL','PROFIT','PROGRAM','PROGRAMME','PROGRESS','PROJECT','PROMISE','PROMOTE','PROPER','PROPERLY','PROPERTY','PROPORTION','PROPOSE','PROPOSAL','PROSPECT','PROTECT','PROTECTION','PROVE','PROVIDE','PROVIDED','PROVISION','PUB','PUBLIC','PUBLICATION','PUBLISH','PULL','PUPIL','PURPOSE','PUSH','PUT','QUALITY','QUARTER','QUESTION','QUICK','QUICKLY','QUIET','QUITE','RACE','RADIO','RAILWAY','RAIN','RAISE','RANGE','RAPIDLY','RARE','RATE','RATHER','REACH','REACTION','READ','READER','READING','READY','REAL','REALISE','REALITY','REALIZE','REALLY','REASON','REASONABLE','RECALL','RECEIVE','RECENT','RECENTLY','RECOGNISE','RECOGNITION','RECOGNIZE','RECOMMEND','RECORD','RECOVER','RED','REDUCE','REDUCTION','REFER','REFERENCE','REFLECT','REFORM','REFUSE','REGARD','REGION','REGIONAL','REGULAR','REGULATION','REJECT','RELATE','RELATION','RELATIONSHIP','RELATIVE','RELATIVELY','RELEASE','RELEVANT','RELIEF','RELIGION','RELIGIOUS','RELY','REMAIN','REMEMBER','REMIND','REMOVE','REPEAT','REPLACE','REPLY','REPORT','REPRESENT','REPRESENTATION','REPRESENTATIVE','REQUEST','REQUIRE','REQUIREMENT','RESEARCH','RESOURCE','RESPECT','RESPOND','RESPONSE','RESPONSIBILITY','RESPONSIBLE','REST','RESTAURANT','RESULT','RETAIN','RETURN','REVEAL','REVENUE','REVIEW','REVOLUTION','RICH','RIDE','RIGHT','RING','RISE','RISK','RIVER','ROAD','ROCK','ROLE','ROLL','ROOF','ROOM','ROUND','ROUTE','ROW','ROYAL','RULE','RUN','RURAL','SAFE','SAFETY','SALE','SAME','SAMPLE','SATISFY','SAVE','SAY','SCALE','SCENE','SCHEME','SCHOOL','SCIENCE','SCIENTIFIC','SCIENTIST','SCORE','SCREEN','SEA','SEARCH','SEASON','SEAT','SECOND','SECONDARY','SECRETARY','SECTION','SECTOR','SECURE','SECURITY','SEE','SEEK','SEEM','SELECT','SELECTION','SELL','SEND','SENIOR','SENSE','SENTENCE','SEPARATE','SEQUENCE','SERIES','SERIOUS','SERIOUSLY','SERVANT','SERVE','SERVICE','SESSION','SET','SETTLE','SETTLEMENT','SEVERAL','SEVERE','SEX','SEXUAL','SHAKE','SHALL','SHAPE','SHARE','SHE','SHEET','SHIP','SHOE','SHOOT','SHOP','SHORT','SHOT','SHOULD','SHOULDER','SHOUT','SHOW','SHUT','SIDE','SIGHT','SIGN','SIGNAL','SIGNIFICANCE','SIGNIFICANT','SILENCE','SIMILAR','SIMPLE','SIMPLY','SINCE','SING','SINGLE','SIR','SISTER','SIT','SITE','SITUATION','SIZE','SKILL','SKIN','SKY','SLEEP','SLIGHTLY','SLIP','SLOW','SLOWLY','SMALL','SMILE','SO','SOCIAL','SOCIETY','SOFT','SOFTWARE','SOIL','SOLDIER','SOLICITOR','SOLUTION','SOME','SOMEBODY','SOMEONE','SOMETHING','SOMETIMES','SOMEWHAT','SOMEWHERE','SON','SONG','SOON','SORRY','SORT','SOUND','SOURCE','SOUTH','SOUTHERN','SPACE','SPEAK','SPEAKER','SPECIAL','SPECIES','SPECIFIC','SPEECH','SPEED','SPEND','SPIRIT','SPORT','SPOT','SPREAD','SPRING','STAFF','STAGE','STAND','STANDARD','STAR','START','STATE','STATEMENT','STATION','STATUS','STAY','STEAL','STEP','STICK','STILL','STOCK','STONE','STOP','STORE','STORY','STRAIGHT','STRANGE','STRATEGY','STREET','STRENGTH','STRIKE','STRONG','STRONGLY','STRUCTURE','STUDENT','STUDIO','STUDY','STUFF','STYLE','SUBJECT','SUBSTANTIAL','SUCCEED','SUCCESS','SUCCESSFUL','SUCH','SUDDENLY','SUFFER','SUFFICIENT','SUGGEST','SUGGESTION','SUITABLE','SUM','SUMMER','SUN','SUPPLY','SUPPORT','SUPPOSE','SURE','SURELY','SURFACE','SURPRISE','SURROUND','SURVEY','SURVIVE','SWITCH','SYSTEM','TABLE','TAKE','TALK','TALL','TAPE','TARGET','TASK','TAX','TEA','TEACH','TEACHER','TEACHING','TEAM','TEAR','TECHNICAL','TECHNIQUE','TECHNOLOGY','TELEPHONE','TELEVISION','TELL','TEMPERATURE','TEND','TERM','TERMS','TERRIBLE','TEST','TEXT','THAN','THANK','THANKS','THAT','THE','THEATRE','THEIR','THEM','THEME','THEMSELVES','THEN','THEORY','THERE','THEREFORE','THESE','THEY','THIN','THING','THINK','THIS','THOSE','THOUGH','THOUGHT','THREAT','THREATEN','THROUGH','THROUGHOUT','THROW','THUS','TICKET','TIME','TINY','TITLE','TO','TODAY','TOGETHER','TOMORROW','TONE','TONIGHT','TOO','TOOL','TOOTH','TOP','TOTAL','TOTALLY','TOUCH','TOUR','TOWARDS','TOWN','TRACK','TRADE','TRADITION','TRADITIONAL','TRAFFIC','TRAIN','TRAINING','TRANSFER','TRANSPORT','TRAVEL','TREAT','TREATMENT','TREATY','TREE','TREND','TRIAL','TRIP','TROOP','TROUBLE','TRUE','TRUST','TRUTH','TRY','TURN','TWICE','TYPE','TYPICAL','UNABLE','UNDER','UNDERSTAND','UNDERSTANDING','UNDERTAKE','UNEMPLOYMENT','UNFORTUNATELY','UNION','UNIT','UNITED','UNIVERSITY','UNLESS','UNLIKELY','UNTIL','UP','UPON','UPPER','URBAN','US','USE','USED','USEFUL','USER','USUAL','USUALLY','VALUE','VARIATION','VARIETY','VARIOUS','VARY','VAST','VEHICLE','VERSION','VERY','VIA','VICTIM','VICTORY','VIDEO','VIEW','VILLAGE','VIOLENCE','VISION','VISIT','VISITOR','VITAL','VOICE','VOLUME','VOTE','WAGE','WAIT','WALK','WALL','WANT','WAR','WARM','WARN','WASH','WATCH','WATER','WAVE','WAY','WE','WEAK','WEAPON','WEAR','WEATHER','WEEK','WEEKEND','WEIGHT','WELCOME','WELFARE','WELL','WEST','WESTERN','WHAT','WHATEVER','WHEN','WHERE','WHEREAS','WHETHER','WHICH','WHILE','WHILST','WHITE','WHO','WHOLE','WHOM','WHOSE','WHY','WIDE','WIDELY','WIFE','WILD','WILL','WIN','WIND','WINDOW','WINE','WING','WINNER','WINTER','WISH','WITH','WITHDRAW','WITHIN','WITHOUT','WOMAN','WONDER','WONDERFUL','WOOD','WORD','WORK','WORKER','WORKING','WORKS','WORLD','WORRY','WORTH','WOULD','WRITE','WRITER','WRITING','WRONG','YARD','YEAH','YEAR','YES','YESTERDAY','YET','YOU','YOUNG','YOUR','YOURSELF','YOUTH'];
+
+codedTriangleNumbers(1786);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-420-2x2-positive-integer-matrix.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-420-2x2-positive-integer-matrix.russian.md
new file mode 100644
index 0000000000..9f0ac0e86e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-420-2x2-positive-integer-matrix.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5111000cf542c510023
+challengeType: 5
+title: 'Problem 420: 2x2 positive integer matrix'
+videoUrl: ''
+localeTitle: 'Задача 420: 2x2 положительная целочисленная матрица'
+---
+
+## Description
+<section id="description"> Положительная целочисленная матрица является матрицей, элементами которой являются все целые положительные числа. Некоторые положительные целые матрицы могут быть выражены как квадрат целочисленной положительной матрицы двумя разными способами. Вот пример: <p> Мы определяем F (N) как число 2x2 положительных целых матриц, которые имеют след меньше N и который может быть выражен как квадрат целочисленной положительной матрицы двумя разными способами. Мы можем проверить, что F (50) = 7 и F (1000) = 1019. </p><p> Найти F (107). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler420()</code> должен возвращать 145159332.
+    testString: 'assert.strictEqual(euler420(), 145159332, "<code>euler420()</code> should return 145159332.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler420() {
+  // Good luck!
+  return true;
+}
+
+euler420();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-421-prime-factors-of-n151.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-421-prime-factors-of-n151.russian.md
new file mode 100644
index 0000000000..349f37ddb7
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-421-prime-factors-of-n151.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5131000cf542c510024
+challengeType: 5
+title: 'Problem 421: Prime factors of n15+1'
+videoUrl: ''
+localeTitle: 'Задача 421: Основные факторы n15 + 1'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler421(), 2304215802083466200, "<code>euler421()</code> should return 2304215802083466200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler421() {
+  // Good luck!
+  return true;
+}
+
+euler421();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-422-sequence-of-points-on-a-hyperbola.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-422-sequence-of-points-on-a-hyperbola.russian.md
new file mode 100644
index 0000000000..41babd2d87
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-422-sequence-of-points-on-a-hyperbola.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5131000cf542c510025
+challengeType: 5
+title: 'Problem 422: Sequence of points on a hyperbola'
+videoUrl: ''
+localeTitle: 'Задача 422: Последовательность точек на гиперболе'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler422(), 92060460, "<code>euler422()</code> should return 92060460.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler422() {
+  // Good luck!
+  return true;
+}
+
+euler422();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-423-consecutive-die-throws.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-423-consecutive-die-throws.russian.md
new file mode 100644
index 0000000000..0d8a0edd66
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-423-consecutive-die-throws.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5141000cf542c510027
+challengeType: 5
+title: 'Problem 423: Consecutive die throws'
+videoUrl: ''
+localeTitle: 'Задача 423: последовательные броски'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler423(), 653972374, "<code>euler423()</code> should return 653972374.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler423() {
+  // Good luck!
+  return true;
+}
+
+euler423();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-424-kakuro.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-424-kakuro.russian.md
new file mode 100644
index 0000000000..9d66bd8ece
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-424-kakuro.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5141000cf542c510026
+challengeType: 5
+title: 'Problem 424: Kakuro'
+videoUrl: ''
+localeTitle: 'Задача 424: Какуро'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler424(), 1059760019628, "<code>euler424()</code> should return 1059760019628.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler424() {
+  // Good luck!
+  return true;
+}
+
+euler424();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-425-prime-connection.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-425-prime-connection.russian.md
new file mode 100644
index 0000000000..67546e576e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-425-prime-connection.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5151000cf542c510028
+challengeType: 5
+title: 'Problem 425: Prime connection'
+videoUrl: ''
+localeTitle: 'Задача 425: Основное соединение'
+---
+
+## Description
+<section id="description"> Два положительных числа A и B называются связанными (обозначается «A ↔ B»), если выполнено одно из этих условий: (1) A и B имеют одинаковую длину и отличаются ровно одной цифрой; например, 123 ↔ 173. (2) Добавление одной цифры слева от A (или B) делает B (или A); например, 23 ↔ 223 и 123 ↔ 23. <p> Назовем простой P a 2, если существует цепочка связных простых чисел между 2 и P и никакое простое в цепочке не превосходит P. </p><p> Например, 127 является родственником 2. Одна из возможных цепочек показана ниже: 2 ↔ 3 ↔ 13 ↔ 113 ↔ 103 ↔ 107 ↔ 127 Однако 11 и 103 не являются родственниками 2. </p><p> Пусть F (N) - сумма простых чисел ≤ N, не являющихся родственниками 2. Мы можем проверить, что F (103) = 431 и F (104) = 78728. </p><p> Найти F (107). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler425(), 46479497324, "<code>euler425()</code> should return 46479497324.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler425() {
+  // Good luck!
+  return true;
+}
+
+euler425();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-426-box-ball-system.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-426-box-ball-system.russian.md
new file mode 100644
index 0000000000..8ad7936991
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-426-box-ball-system.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5171000cf542c510029
+challengeType: 5
+title: 'Problem 426: Box-ball system'
+videoUrl: ''
+localeTitle: 'Задача 426: Бокс-шаровая система'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler426(), 31591886008, "<code>euler426()</code> should return 31591886008.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler426() {
+  // Good luck!
+  return true;
+}
+
+euler426();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-427-n-sequences.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-427-n-sequences.russian.md
new file mode 100644
index 0000000000..8c19d3050c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-427-n-sequences.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5181000cf542c51002a
+challengeType: 5
+title: 'Problem 427: n-sequences'
+videoUrl: ''
+localeTitle: 'Задача 427: n-последовательности'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler427(), 97138867, "<code>euler427()</code> should return 97138867.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler427() {
+  // Good luck!
+  return true;
+}
+
+euler427();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-428-necklace-of-circles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-428-necklace-of-circles.russian.md
new file mode 100644
index 0000000000..da6b8b450e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-428-necklace-of-circles.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5191000cf542c51002b
+challengeType: 5
+title: 'Problem 428: Necklace of Circles'
+videoUrl: ''
+localeTitle: 'Задача 428: Ожерелье кругов'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(necklace(1000000000), 747215561862, "<code>necklace(1000000000)</code> should return 747215561862.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function necklace(n) {
+  // Good luck!
+  return true;
+}
+
+necklace(1000000000)
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-429-sum-of-squares-of-unitary-divisors.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-429-sum-of-squares-of-unitary-divisors.russian.md
new file mode 100644
index 0000000000..e0d1f12a3f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-429-sum-of-squares-of-unitary-divisors.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5191000cf542c51002c
+challengeType: 5
+title: 'Problem 429: Sum of squares of unitary divisors'
+videoUrl: ''
+localeTitle: 'Задача 429: Сумма квадратов унитарных делителей'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler429(), 98792821, "<code>euler429()</code> should return 98792821.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler429() {
+  // Good luck!
+  return true;
+}
+
+euler429();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-43-sub-string-divisibility.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-43-sub-string-divisibility.russian.md
new file mode 100644
index 0000000000..baee8aafed
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-43-sub-string-divisibility.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3971000cf542c50feaa
+challengeType: 5
+title: 'Problem 43: Sub-string divisibility'
+videoUrl: ''
+localeTitle: 'Задача 43: делимость подстроки'
+---
+
+## Description
+<section id="description"> Число, 1406357289, представляет собой число от 0 до 9 pandigital, потому что оно составлено из каждой цифры от 0 до 9 в некотором порядке, но также имеет довольно интересное свойство делимости подстроки. Пусть d1 - первая цифра, d2 - вторая цифра и т. Д. Таким образом, отметим следующее: d2d3d4 = 406 делится на 2 d3d4d5 = 063 делится на 3 d4d5d6 = 635 делится на 5 d5d6d7 = 357 делится на 7 d6d7d8 = 572 делится на 11 d7d8d9 = 728 делится на 13 d8d9d10 = 289 делится на 17. Найдите числа от 0 до 9 pandigital номеров с этим свойством. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.deepEqual(substringDivisibility(), [ 1430952867, 1460357289, 1406357289, 4130952867, 4160357289, 4106357289 ], "<code>substringDivisibility()</code> should return [ 1430952867, 1460357289, 1406357289, 4130952867, 4160357289, 4106357289 ].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function substringDivisibility() {
+  // Good luck!
+  return [];
+}
+
+substringDivisibility();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-430-range-flips.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-430-range-flips.russian.md
new file mode 100644
index 0000000000..6402199223
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-430-range-flips.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f51a1000cf542c51002d
+challengeType: 5
+title: 'Problem 430: Range flips'
+videoUrl: ''
+localeTitle: 'Проблема 430: Диапазоны переворота'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler430(), 5000624921.38, "<code>euler430()</code> should return 5000624921.38.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler430() {
+  // Good luck!
+  return true;
+}
+
+euler430();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-431-square-space-silo.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-431-square-space-silo.russian.md
new file mode 100644
index 0000000000..62201e2100
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-431-square-space-silo.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f51b1000cf542c51002e
+challengeType: 5
+title: 'Problem 431: Square Space Silo'
+videoUrl: ''
+localeTitle: 'Задача 431: Квадратный космический силос'
+---
+
+## Description
+<section id="description"> Фред фермер устраивает новый бункер для хранения, установленный на его ферме и имеющий одержимость на все вещи, он абсолютно опустошен, когда обнаруживает, что он круговой. Квентин, представитель компании, которая установила силос, объясняет, что они производят только цилиндрические силосы, но он указывает, что он опирается на квадратную базу. Фред не удивлен и настаивает на том, что он удален из своего имущества. <p> Быстрое мышление Квентин объясняет, что, когда зернистые материалы поставляются сверху, образуется конический наклон, а естественный угол, сделанный с горизонтальной, называется углом покоя. Например, если угол покоя, $ \ alpha = 30 $ градусов и зерно доставлен в центре силоса, тогда идеальный конус будет образовываться к верхней части цилиндра. В случае этого силоса, имеющего диаметр 6 м, объем пространства впустую составляет приблизительно 32,648388556 м3. Однако, если зерно доставлено в точке на вершине, которая имеет горизонтальное расстояние в $ x $ от центра, тогда образуется конус с странно изогнутой и наклонной базой. Он показывает Фреду картину. </p><p> Допустим, что объем пространства, затраченного в кубических метрах, равен $ V (x) $. Если $ x = 1.114785284 $, который, как оказалось, имеет три квадрата десятичных знаков, тогда количество пространства впустую, $ V (1.114785284) \ около 36 $. Учитывая диапазон возможных решений этой проблемы, существует еще один вариант: $ V (2.511167869) \ около 49 $. Это было бы похоже на то, что квадрат - это царь силоса, сидевший в великолепной славе поверх твоего зерна. </p><p> Глаза Фреда озаряются этим изящным решением, но при ближайшем рассмотрении рисунков и расчетов Квентина его счастье снова обращается к унынию. Фред указывает Квентину, что радиус силоса составляет 6 метров, а не диаметр, а угол покоя для его зерна составляет 40 градусов. Однако, если Квентин может найти набор решений для этого конкретного силоса, то он будет более чем счастлив сохранить его. </p><p> Если Быстрое мышление Квентина должно удовлетворительно расстраивать Фред, аппетит фермера ко всему квадрату вещей, то определить значения $ x $ для всех возможных вариантов потери площади квадрата и вычислить $ \ sum x $ с точностью до девяти знаков после запятой. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler431(), 23.386029052, "<code>euler431()</code> should return 23.386029052.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler431() {
+  // Good luck!
+  return true;
+}
+
+euler431();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-432-totient-sum.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-432-totient-sum.russian.md
new file mode 100644
index 0000000000..3f8028f16e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-432-totient-sum.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f51e1000cf542c510030
+challengeType: 5
+title: 'Problem 432: Totient sum'
+videoUrl: ''
+localeTitle: Задача 432 в Totient
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler432()</code> должен возвращать 754862080.
+    testString: 'assert.strictEqual(euler432(), 754862080, "<code>euler432()</code> should return 754862080.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler432() {
+  // Good luck!
+  return true;
+}
+
+euler432();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-433-steps-in-euclids-algorithm.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-433-steps-in-euclids-algorithm.russian.md
new file mode 100644
index 0000000000..7774cac63f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-433-steps-in-euclids-algorithm.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f51d1000cf542c51002f
+challengeType: 5
+title: 'Problem 433: Steps in Euclid"s algorithm'
+videoUrl: ''
+localeTitle: 'Задача 433: Шаги в алгоритме Евклида'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler433(), 326624372659664, "<code>euler433()</code> should return 326624372659664.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler433() {
+  // Good luck!
+  return true;
+}
+
+euler433();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-434-rigid-graphs.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-434-rigid-graphs.russian.md
new file mode 100644
index 0000000000..f5b4362583
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-434-rigid-graphs.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f51f1000cf542c510031
+challengeType: 5
+title: 'Problem 434: Rigid graphs'
+videoUrl: ''
+localeTitle: 'Задача 434: Жесткие графы'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler434(), 863253606, "<code>euler434()</code> should return 863253606.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler434() {
+  // Good luck!
+  return true;
+}
+
+euler434();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-435-polynomials-of-fibonacci-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-435-polynomials-of-fibonacci-numbers.russian.md
new file mode 100644
index 0000000000..4c3a89209a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-435-polynomials-of-fibonacci-numbers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5201000cf542c510032
+challengeType: 5
+title: 'Problem 435: Polynomials of Fibonacci numbers'
+videoUrl: ''
+localeTitle: 'Задача 435: Полиномы чисел Фибоначчи'
+---
+
+## Description
+<section id="description"> Числа Фибоначчи {fn, n ≥ 0} определяются рекурсивно как fn = fn-1 + fn-2 с базовыми случаями f0 = 0 и f1 = 1. Определим многочлены {Fn, n ≥ 0} как Fn (x) = Σfixi для 0 ≤ i ≤ n. Например, F7 (x) = x + x2 + 2x3 + 3x4 + 5x5 + 8x6 + 13x7 и F7 (11) = 268357683. Пусть n = 1015. Найдите сумму [Σ0≤x≤100 Fn (x)] mod 1307674368000 (= 15!). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler435()</code> должен вернуть 252541322550.
+    testString: 'assert.strictEqual(euler435(), 252541322550, "<code>euler435()</code> should return 252541322550.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler435() {
+  // Good luck!
+  return true;
+}
+
+euler435();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-436-unfair-wager.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-436-unfair-wager.russian.md
new file mode 100644
index 0000000000..de0a443de5
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-436-unfair-wager.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5221000cf542c510033
+challengeType: 5
+title: 'Problem 436: Unfair wager'
+videoUrl: ''
+localeTitle: 'Задача 436: Нечестная ставка'
+---
+
+## Description
+<section id="description"> Джулия предлагает следующую ставку своей сестре Луизе. Она предполагает, что они играют в азартную игру, чтобы определить, кто будет мыть посуду. Для этой игры они должны использовать генератор независимых случайных чисел, равномерно распределенных между 0 и 1. Игра начинается с S = 0. Первый игрок, Луиза, добавляет к S разные случайные числа от генератора до S&gt; 1 и записывает ее последнее случайное число «x». Второй игрок, Джулия, продолжает добавлять к S разные случайные числа от генератора до S&gt; 2 и записывает свое последнее случайное число «y». Игрок с наибольшим количеством выигрывает, а проигравший моет посуду, т. Е. Если y&gt; x выигрывает второй игрок. <p> Например, если первый игрок набирает 0.62 и 0.44, первый игрок заканчивается с 0.62 + 0.44&gt; 1 и x = 0.44. Если второй игрок набирает 0.1, 0.27 и 0.91, второй игрок заканчивается с 0.62 + 0.44 + 0.1 + 0.27 + 0.91&gt; 2 и y = 0.91. Так как y&gt; x, выигрывает второй игрок. </p><p> Луиза думает об этом на секунду, и объекты: «Это несправедливо». Какова вероятность победы второго игрока? Дайте ваш ответ округленным до 10 мест за десятичной точкой в ​​форме 0.abcdefghij </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler436()</code> должен вернуть 0.5276662759.
+    testString: 'assert.strictEqual(euler436(), 0.5276662759, "<code>euler436()</code> should return 0.5276662759.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler436() {
+  // Good luck!
+  return true;
+}
+
+euler436();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-437-fibonacci-primitive-roots.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-437-fibonacci-primitive-roots.russian.md
new file mode 100644
index 0000000000..020691acbb
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-437-fibonacci-primitive-roots.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5241000cf542c510036
+challengeType: 5
+title: 'Problem 437: Fibonacci primitive roots'
+videoUrl: ''
+localeTitle: 'Задача 437: примитивные корни Фибоначчи'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler437(), 74204709657207, "<code>euler437()</code> should return 74204709657207.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler437() {
+  // Good luck!
+  return true;
+}
+
+euler437();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-438-integer-part-of-polynomial-equations-solutions.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-438-integer-part-of-polynomial-equations-solutions.russian.md
new file mode 100644
index 0000000000..7a3889a925
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-438-integer-part-of-polynomial-equations-solutions.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5231000cf542c510034
+challengeType: 5
+title: 'Problem 438: Integer part of polynomial equation"s solutions'
+videoUrl: ''
+localeTitle: 'Задача 438: Целочисленная часть решений полиномиального уравнения'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler438(), 2046409616809, "<code>euler438()</code> should return 2046409616809.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler438() {
+  // Good luck!
+  return true;
+}
+
+euler438();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-439-sum-of-sum-of-divisors.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-439-sum-of-sum-of-divisors.russian.md
new file mode 100644
index 0000000000..05bbb1695f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-439-sum-of-sum-of-divisors.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5231000cf542c510035
+challengeType: 5
+title: 'Problem 439: Sum of sum of divisors'
+videoUrl: ''
+localeTitle: 'Задача 439: сумма суммы делителей'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler439(), 968697378, "<code>euler439()</code> should return 968697378.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler439() {
+  // Good luck!
+  return true;
+}
+
+euler439();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-44-pentagon-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-44-pentagon-numbers.russian.md
new file mode 100644
index 0000000000..6e8a7e0dae
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-44-pentagon-numbers.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3981000cf542c50feab
+challengeType: 5
+title: 'Problem 44: Pentagon numbers'
+videoUrl: ''
+localeTitle: 'Задача 44: номера Пентагона'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(pentagonNumbers(), 5482660, "<code>pentagonNumbers()</code> should return 5482660.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pentagonNumbers() {
+  // Good luck!
+  return true;
+}
+
+pentagonNumbers();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-440-gcd-and-tiling.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-440-gcd-and-tiling.russian.md
new file mode 100644
index 0000000000..0dda491837
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-440-gcd-and-tiling.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5241000cf542c510037
+challengeType: 5
+title: 'Problem 440: GCD and Tiling'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler440(), 970746056, "<code>euler440()</code> should return 970746056.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler440() {
+  // Good luck!
+  return true;
+}
+
+euler440();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-441-the-inverse-summation-of-coprime-couples.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-441-the-inverse-summation-of-coprime-couples.russian.md
new file mode 100644
index 0000000000..6b1814e593
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-441-the-inverse-summation-of-coprime-couples.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5261000cf542c510038
+challengeType: 5
+title: 'Problem 441: The inverse summation of coprime couples'
+videoUrl: ''
+localeTitle: 'Задача 441: обратное суммирование взаимно простых пар'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler441(), 5000088.8395, "<code>euler441()</code> should return 5000088.8395.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler441() {
+  // Good luck!
+  return true;
+}
+
+euler441();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-442-eleven-free-integers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-442-eleven-free-integers.russian.md
new file mode 100644
index 0000000000..1fb585437a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-442-eleven-free-integers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5271000cf542c510039
+challengeType: 5
+title: 'Problem 442: Eleven-free integers'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Целое число называется одиннадцати бесплатным, если его десятичное разложение не содержит подстроки, представляющей степень 11, за исключением 1. <p> Например, 2404 и 13431 - одиннадцать, а 911 и 4121331 - нет. </p><p> Пусть E (n) - n-е положительное одно целое число. Например, E (3) = 3, E (200) = 213 и E (500 000) = 531563. </p><p> Найдите E (1018). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler442(), 1295552661530920200, "<code>euler442()</code> should return 1295552661530920200.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler442() {
+  // Good luck!
+  return true;
+}
+
+euler442();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-443-gcd-sequence.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-443-gcd-sequence.russian.md
new file mode 100644
index 0000000000..1238393ca7
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-443-gcd-sequence.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5271000cf542c51003a
+challengeType: 5
+title: 'Problem 443: GCD sequence'
+videoUrl: ''
+localeTitle: 'Задача 443: последовательность GCD'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler443(), 2744233049300770, "<code>euler443()</code> should return 2744233049300770.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler443() {
+  // Good luck!
+  return true;
+}
+
+euler443();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-444-the-roundtable-lottery.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-444-the-roundtable-lottery.russian.md
new file mode 100644
index 0000000000..68331594df
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-444-the-roundtable-lottery.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f52a1000cf542c51003b
+challengeType: 5
+title: 'Problem 444: The Roundtable Lottery'
+videoUrl: ''
+localeTitle: 'Задача 444: Лотерея круглого стола'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler444(), 1.200856722e+263, "<code>euler444()</code> should return 1.200856722e+263.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler444() {
+  // Good luck!
+  return true;
+}
+
+euler444();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-445-retractions-a.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-445-retractions-a.russian.md
new file mode 100644
index 0000000000..49672f60bf
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-445-retractions-a.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f52a1000cf542c51003c
+challengeType: 5
+title: 'Problem 445: Retractions A'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Для каждого целого n&gt; 1 семейство функций fn, a, b определяется посредством fn, a, b (x) ≡ax + b mod n для a, b, x integer и 0 <p> Вам дается, что Σ R (c) для c = C (100 000, k) и 1 ≤ k ≤99 999 ≡628701600 (mod 1 000 000 007). (C (n, k) - биномиальный коэффициент). </p><p> Найдите Σ R (c) для c = C (10 000 000, k) и 1 ≤k≤ 9 999 999. Дайте свой ответ по модулю 1 000 000 007. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler445(), 659104042, "<code>euler445()</code> should return 659104042.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler445() {
+  // Good luck!
+  return true;
+}
+
+euler445();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-446-retractions-b.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-446-retractions-b.russian.md
new file mode 100644
index 0000000000..68305939f6
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-446-retractions-b.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f52c1000cf542c51003d
+challengeType: 5
+title: 'Problem 446: Retractions B'
+videoUrl: ''
+localeTitle: 'Задача 446: Отвод B'
+---
+
+## Description
+<section id="description"> Для каждого целого n&gt; 1 семейство функций fn, a, b определяется посредством fn, a, b (x) ≡ax + b mod n для a, b, x integer и 0 <p> F (N) = ΣR (n4 + 4) для 1≤n≤N. F (1024) = 77532377300600. </p><p> Найти F (107) (mod 1 000 000 007) </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler446(), 907803852, "<code>euler446()</code> should return 907803852.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler446() {
+  // Good luck!
+  return true;
+}
+
+euler446();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-447-retractions-c.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-447-retractions-c.russian.md
new file mode 100644
index 0000000000..0d51373f45
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-447-retractions-c.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f52c1000cf542c51003e
+challengeType: 5
+title: 'Problem 447: Retractions C'
+videoUrl: ''
+localeTitle: 'Задача 447: Ретракции C'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler447(), 530553372, "<code>euler447()</code> should return 530553372.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler447() {
+  // Good luck!
+  return true;
+}
+
+euler447();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-448-average-least-common-multiple.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-448-average-least-common-multiple.russian.md
new file mode 100644
index 0000000000..81cbf9d374
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-448-average-least-common-multiple.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f52c1000cf542c51003f
+challengeType: 5
+title: 'Problem 448: Average least common multiple'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler448(), 106467648, "<code>euler448()</code> should return 106467648.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler448() {
+  // Good luck!
+  return true;
+}
+
+euler448();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-449-chocolate-covered-candy.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-449-chocolate-covered-candy.russian.md
new file mode 100644
index 0000000000..e1dd003387
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-449-chocolate-covered-candy.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f52d1000cf542c510040
+challengeType: 5
+title: 'Problem 449: Chocolate covered candy'
+videoUrl: ''
+localeTitle: 'Задача 449: конфеты с шоколадным покрытием'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler449(), 103.37870096, "<code>euler449()</code> should return 103.37870096.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler449() {
+  // Good luck!
+  return true;
+}
+
+euler449();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-45-triangular-pentagonal-and-hexagonal.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-45-triangular-pentagonal-and-hexagonal.russian.md
new file mode 100644
index 0000000000..514ae98e14
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-45-triangular-pentagonal-and-hexagonal.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3991000cf542c50feac
+challengeType: 5
+title: 'Problem 45: Triangular, pentagonal, and hexagonal'
+videoUrl: ''
+localeTitle: 'Задача 45: треугольная, пятиугольная и шестиугольная'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(triPentaHexa(40756), 1533776805, "<code>triPentaHexa(40756)</code> should return 1533776805.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function triPentaHexa(n) {
+  // Good luck!
+  return true;
+}
+
+triPentaHexa(40756);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-450-hypocycloid-and-lattice-points.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-450-hypocycloid-and-lattice-points.russian.md
new file mode 100644
index 0000000000..dcb702cb40
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-450-hypocycloid-and-lattice-points.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f52e1000cf542c510041
+challengeType: 5
+title: 'Problem 450: Hypocycloid and Lattice points'
+videoUrl: ''
+localeTitle: 'Задача 450: точки гипоциклоиды и решетки'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler450()</code> должен вернуть 583333163984220900.
+    testString: 'assert.strictEqual(euler450(), 583333163984220900, "<code>euler450()</code> should return 583333163984220900.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler450() {
+  // Good luck!
+  return true;
+}
+
+euler450();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-451-modular-inverses.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-451-modular-inverses.russian.md
new file mode 100644
index 0000000000..69d3536bea
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-451-modular-inverses.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5311000cf542c510042
+challengeType: 5
+title: 'Problem 451: Modular inverses'
+videoUrl: ''
+localeTitle: 'Задача 451: Модульные инверсии'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler451(), 153651073760956, "<code>euler451()</code> should return 153651073760956.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler451() {
+  // Good luck!
+  return true;
+}
+
+euler451();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-452-long-products.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-452-long-products.russian.md
new file mode 100644
index 0000000000..0418c614b9
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-452-long-products.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5311000cf542c510043
+challengeType: 5
+title: 'Problem 452: Long Products'
+videoUrl: ''
+localeTitle: 'Проблема 452: Длинные продукты'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler452(), 345558983, "<code>euler452()</code> should return 345558983.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler452() {
+  // Good luck!
+  return true;
+}
+
+euler452();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-453-lattice-quadrilaterals.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-453-lattice-quadrilaterals.russian.md
new file mode 100644
index 0000000000..c632bd534b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-453-lattice-quadrilaterals.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5311000cf542c510044
+challengeType: 5
+title: 'Problem 453: Lattice Quadrilaterals'
+videoUrl: ''
+localeTitle: 'Задача 453: Квадратичные решетки'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler453(), 104354107, "<code>euler453()</code> should return 104354107.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler453() {
+  // Good luck!
+  return true;
+}
+
+euler453();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-454-diophantine-reciprocals-iii.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-454-diophantine-reciprocals-iii.russian.md
new file mode 100644
index 0000000000..ad1cca41a0
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-454-diophantine-reciprocals-iii.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5331000cf542c510045
+challengeType: 5
+title: 'Problem 454: Diophantine reciprocals III'
+videoUrl: ''
+localeTitle: 'Задача 454: диофантовы обратные III'
+---
+
+## Description
+<section id="description"> В следующем уравнении x, y и n - целые положительные числа. <p> 1x + 1y = 1n </p><p> Для предела L определим F (L) как число решений, удовлетворяющих x &lt;y ≤ L. </p><p> Мы можем проверить, что F (15) = 4 и F (1000) = 1069. Найти F (1012). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler454(), 5435004633092, "<code>euler454()</code> should return 5435004633092.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler454() {
+  // Good luck!
+  return true;
+}
+
+euler454();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-455-powers-with-trailing-digits.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-455-powers-with-trailing-digits.russian.md
new file mode 100644
index 0000000000..af8466409f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-455-powers-with-trailing-digits.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5331000cf542c510046
+challengeType: 5
+title: 'Problem 455: Powers With Trailing Digits'
+videoUrl: ''
+localeTitle: 'Проблема 455: Силы с отстающими цифрами'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler455(), 450186511399999, "<code>euler455()</code> should return 450186511399999.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler455() {
+  // Good luck!
+  return true;
+}
+
+euler455();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-456-triangles-containing-the-origin-ii.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-456-triangles-containing-the-origin-ii.russian.md
new file mode 100644
index 0000000000..1db2ff90f9
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-456-triangles-containing-the-origin-ii.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5351000cf542c510047
+challengeType: 5
+title: 'Problem 456: Triangles containing the origin II'
+videoUrl: ''
+localeTitle: 'Задача 456: Треугольники, содержащие начало II'
+---
+
+## Description
+<section id="description"> Определить: xn = (1248n mod 32323) - 16161yn = (8421n mod 30103) - 15051 Pn = {(x1, y1), (x2, y2), ..., (xn, yn)} <p> Например, P8 = {(-14913, -6630), (-10161, 5625), (5226, 11896), (8340, -10778), (15852, -5203), (-15165, 11295), (- 1427, -14495), (12407, 1060)}. </p><p> Пусть C (n) - число треугольников, вершины которых находятся в Pn, которые содержат начало координат внутри. </p><p> Примеры: C (8) = 20oC (600) = 8950634oC (40 000) = 2666610948988 </p><p> Найдите C (2 000 000). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler456()</code> должен вернуть 333333208685971500.
+    testString: 'assert.strictEqual(euler456(), 333333208685971500, "<code>euler456()</code> should return 333333208685971500.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler456() {
+  // Good luck!
+  return true;
+}
+
+euler456();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-457-a-polynomial-modulo-the-square-of-a-prime.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-457-a-polynomial-modulo-the-square-of-a-prime.russian.md
new file mode 100644
index 0000000000..aebe50f00e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-457-a-polynomial-modulo-the-square-of-a-prime.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5361000cf542c510048
+challengeType: 5
+title: 'Problem 457: A polynomial modulo the square of a prime'
+videoUrl: ''
+localeTitle: 'Задача 457: Полином по модулю квадрата простого'
+---
+
+## Description
+<section id="description"> Пусть f (n) = n2 - 3n - 1. Пусть p - простое число. Пусть R (p) - наименьшее натуральное число n такое, что f (n) mod p2 = 0, если такое целое число n существует, в противном случае R (p) = 0. <p> Пусть SR (L) - ΣR (p) для всех простых чисел, не превосходящих L. </p><p> Найдите SR (107). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler457(), 2647787126797397000, "<code>euler457()</code> should return 2647787126797397000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler457() {
+  // Good luck!
+  return true;
+}
+
+euler457();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-458-permutations-of-project.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-458-permutations-of-project.russian.md
new file mode 100644
index 0000000000..c4b4ce8ffb
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-458-permutations-of-project.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5361000cf542c510049
+challengeType: 5
+title: 'Problem 458: Permutations of Project'
+videoUrl: ''
+localeTitle: 'Задача 458: Перестановки проекта'
+---
+
+## Description
+<section id="description"> Рассмотрим алфавит A, составленный из букв слова «проект»: A = {c, e, j, o, p, r, t}. Пусть T (n) - число строк длины n, состоящее из букв из A, которые не имеют подстроки, которая является одной из 5040 подстановок «проекта». <p> Т (7) = 77-7! = 818503. </p><p> Найти T (1012). Дайте последние 9 цифр вашего ответа. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler458()</code> должен вернуть 423341841.
+    testString: 'assert.strictEqual(euler458(), 423341841, "<code>euler458()</code> should return 423341841.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler458() {
+  // Good luck!
+  return true;
+}
+
+euler458();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-459-flipping-game.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-459-flipping-game.russian.md
new file mode 100644
index 0000000000..303733b818
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-459-flipping-game.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5371000cf542c51004a
+challengeType: 5
+title: 'Problem 459: Flipping game'
+videoUrl: ''
+localeTitle: 'Задача 459: Перевернутая игра'
+---
+
+## Description
+<section id="description"> Перевернутая игра - игра с двумя игроками, играемая на квадратной доске N на N. Каждый квадрат содержит диск с одной боковой белой и одной боковой черной. Игра начинается со всех дисков, показывающих их белую сторону. <p> Поворот состоит из переворачивания всех дисков в прямоугольник со следующими свойствами: верхний правый угол прямоугольника содержит белый диск, ширина прямоугольника - идеальный квадрат (1, 4, 9, 16, ...), высота прямоугольника - треугольное число (1, 3, 6, 10, ...) </p><p> Игроки чередуют обороты. Игрок выигрывает, поворачивая сетку черным. </p><p> Пусть W (N) - количество выигрышных движений для первого игрока на плате N на N, при этом все диски белые, при условии идеальной игры. W (1) = 1, W (2) = 0, W (5) = 8 и W (102) = 31395. </p><p> Для N = 5 первые восемь первых побед первого игрока: </p><p> Найти W (106). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler459(), 3996390106631, "<code>euler459()</code> should return 3996390106631.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler459() {
+  // Good luck!
+  return true;
+}
+
+euler459();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-46-goldbachs-other-conjecture.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-46-goldbachs-other-conjecture.russian.md
new file mode 100644
index 0000000000..8473ccac27
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-46-goldbachs-other-conjecture.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f39a1000cf542c50fead
+challengeType: 5
+title: 'Problem 46: Goldbach"s other conjecture'
+videoUrl: ''
+localeTitle: 'Задача 46: другая гипотеза Голдбаха'
+---
+
+## Description
+<section id="description"> Христианом Гольдбахом было предложено, что каждое нечетное составное число может быть записано как сумма простого и дважды квадрата. 9 = 7 + 2 × 1 <sup>2</sup> 15 = 7 + 2 × 2 <sup>2</sup> 21 = 3 + 2 × 3 <sup>2</sup> 25 = 7 + 2 × 3 <sup>2</sup> 27 = 19 + 2 × 2 <sup>2</sup> 33 = 31 + 2 × 1 <sup>2</sup> что гипотеза была ложной. Каков самый маленький нечетный композит, который не может быть записан как сумма простого и дважды квадрата? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>goldbachsOtherConjecture()</code> должен возвращать 5777.
+    testString: 'assert.strictEqual(goldbachsOtherConjecture(), 5777, "<code>goldbachsOtherConjecture()</code> should return 5777.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function goldbachsOtherConjecture() {
+  // Good luck!
+  return true;
+}
+
+goldbachsOtherConjecture();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-460-an-ant-on-the-move.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-460-an-ant-on-the-move.russian.md
new file mode 100644
index 0000000000..9afc25d5e1
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-460-an-ant-on-the-move.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5381000cf542c51004b
+challengeType: 5
+title: 'Problem 460: An ant on the move'
+videoUrl: ''
+localeTitle: 'Проблема 460: Муравей на ходу'
+---
+
+## Description
+<section id="description"> На евклидовой плоскости мульт перемещается из точки A (0, 1) в точку B (d, 1) для целого числа d. <p> На каждом шаге мультяшка в точке (x0, y0) выбирает одну из точек решетки (x1, y1), которые удовлетворяют x1 ≥ 0 и y1 ≥ 1 и идут прямо к (x1, y1) с постоянной скоростью v. Значение of v зависит от y0 и y1 следующим образом: если y0 = y1, значение v равно y0. Если y0 ≠ y1, значение v равно (y1 - y0) / (ln (y1) - ln (y0)). </p><p> Левое изображение является одним из возможных путей для d = 4. Сначала муравье идет от A (0, 1) до P1 (1, 3) со скоростью (3 - 1) / (ln (3) - ln (1) ): 1,8205. Затем требуемое время составляет sqrt (5) / 1,8205 ≈ 1.2283. От P1 (1, 3) до P2 (3, 3) муравей перемещается со скоростью 3, поэтому требуемое время составляет 2/3 ≈ 0,6667. От P2 (3, 3) до B (4, 1) муравей перемещается со скоростью (1 - 3) / (ln (1) - ln (3)) ≈ 1,8205, поэтому требуемое время составляет sqrt (5) / 1,8205 ≈ 1,2283. Таким образом, общее требуемое время составляет 1.2283 + 0.6667 + 1.2283 = 3.1233. </p><p> Правильный образ - это другой путь. Общее требуемое время рассчитывается как 0,98026 + 1 + 0,98026 = 2,96052. Можно показать, что это самый быстрый путь для d = 4. </p><p> Пусть F (d) - полное требуемое время, если муравьец выбирает самый быстрый путь. Например, F (4) ≈ 2.960516287. Мы можем проверить, что F (10) ≈ 4.668187834 и F (100) ≈ 9.217221972. </p><p> Найдите F (10000). Дайте ваш ответ округленным до девяти знаков после запятой. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler460()</code> должен вернуться 18.420738199.
+    testString: 'assert.strictEqual(euler460(), 18.420738199, "<code>euler460()</code> should return 18.420738199.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler460() {
+  // Good luck!
+  return true;
+}
+
+euler460();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-461-almost-pi.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-461-almost-pi.russian.md
new file mode 100644
index 0000000000..65969d21cb
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-461-almost-pi.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f53a1000cf542c51004c
+challengeType: 5
+title: 'Problem 461: Almost Pi'
+videoUrl: ''
+localeTitle: 'Проблема 461: Почти Pi'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler461(), 159820276, "<code>euler461()</code> should return 159820276.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler461() {
+  // Good luck!
+  return true;
+}
+
+euler461();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-462-permutation-of-3-smooth-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-462-permutation-of-3-smooth-numbers.russian.md
new file mode 100644
index 0000000000..afad1c463c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-462-permutation-of-3-smooth-numbers.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f53b1000cf542c51004d
+challengeType: 5
+title: 'Problem 462: Permutation of 3-smooth numbers'
+videoUrl: ''
+localeTitle: 'Задача 462: Перестановка 3-гладких чисел'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler462(), Infinity, "<code>euler462()</code> should return Infinity.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler462() {
+  // Good luck!
+  return true;
+}
+
+euler462();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-463-a-weird-recurrence-relation.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-463-a-weird-recurrence-relation.russian.md
new file mode 100644
index 0000000000..8b95c26106
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-463-a-weird-recurrence-relation.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f53c1000cf542c51004e
+challengeType: 5
+title: 'Problem 463: A weird recurrence relation'
+videoUrl: ''
+localeTitle: 'Задача 463: странное рекуррентное соотношение'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler463(), 808981553, "<code>euler463()</code> should return 808981553.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler463() {
+  // Good luck!
+  return true;
+}
+
+euler463();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-464-mbius-function-and-intervals.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-464-mbius-function-and-intervals.russian.md
new file mode 100644
index 0000000000..62ce0939c1
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-464-mbius-function-and-intervals.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f53d1000cf542c51004f
+challengeType: 5
+title: 'Problem 464: Möbius function and intervals'
+videoUrl: ''
+localeTitle: 'Задача 464: функция и интервалы Мебиуса'
+---
+
+## Description
+<section id="description"> Функция Мёбиуса, обозначаемая μ (n), определяется как: μ (n) = (-1) ω (n), если n является квадратным (где ω (n) - число различных простых множителей n) μ (n ) = 0, если n не является квадратным. <p> Пусть P (a, b) - число целых чисел n в интервале [a, b], такое, что μ (n) = 1. Пусть N (a, b) - число целых чисел n в интервале [a, b ] такой, что μ (n) = -1. Например, P (2,10) = 2 и N (2,10) = 4. </p><p> Пусть C (n) - число целых пар (a, b) таких, что: 1 ≤ a ≤ b ≤ n, 99 · N (a, b) ≤ 100 · P (a, b) и 99 · P ( a, b) ≤ 100 · N (a, b). </p><p> Например, C (10) = 13, C (500) = 16676 и C (10 000) = 20155319. </p><p> Найти C (20 000 000). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler464(), 198775297232878, "<code>euler464()</code> should return 198775297232878.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler464() {
+  // Good luck!
+  return true;
+}
+
+euler464();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-465-polar-polygons.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-465-polar-polygons.russian.md
new file mode 100644
index 0000000000..57cb48b68c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-465-polar-polygons.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f53d1000cf542c510050
+challengeType: 5
+title: 'Problem 465: Polar polygons'
+videoUrl: ''
+localeTitle: 'Задача 465: Полярные полигоны'
+---
+
+## Description
+<section id="description"> Ядро многоугольника определяется множеством точек, из которых видима граница всего полигона. Мы определяем полярный многоугольник как многоугольник, для которого начало строго содержится внутри его ядра. <p> Для этой задачи многоугольник может иметь коллинеарные последовательные вершины. Однако многоугольник все еще не может иметь самопересечение и не может иметь нулевую область. </p><p> Например, только первое из следующего является полярным многоугольником (ядра второго, третьего и четвертого не содержат строгого начала, а пятый не имеет ядра вообще): </p><p> Обратите внимание, что первый многоугольник имеет три последовательные коллинеарные вершины. </p><p> Пусть P (n) - число полярных многоугольников, для которых вершины (x, y) имеют целые координаты, абсолютные значения которых не больше n. </p><p> Обратите внимание, что многоугольники должны считаться разными, если они имеют различный набор ребер, даже если они заключают одну и ту же область. Например, многоугольник с вершинами [(0,0), (0,3), (1,1), (3,0)] отличается от многоугольника вершинами [(0,0), (0,3) ), (1,1), (3,0), (1,0)]. </p><p> Например, P (1) = 131, P (2) = 1648531, P (3) = 1099461296175 и P (343) mod 1 000 000 007 = 937293740. </p><p> Найти P (713) mod 1 000 000 007. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler465()</code> должен вернуть 585965659.
+    testString: 'assert.strictEqual(euler465(), 585965659, "<code>euler465()</code> should return 585965659.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler465() {
+  // Good luck!
+  return true;
+}
+
+euler465();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-466-distinct-terms-in-a-multiplication-table.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-466-distinct-terms-in-a-multiplication-table.russian.md
new file mode 100644
index 0000000000..907b45dfaa
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-466-distinct-terms-in-a-multiplication-table.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f53e1000cf542c510051
+challengeType: 5
+title: 'Problem 466: Distinct terms in a multiplication table'
+videoUrl: ''
+localeTitle: 'Задача 466: Определенные термины в таблице умножения'
+---
+
+## Description
+<section id="description"> Пусть P (m, n) - число различных членов в таблице умножения m × n. <p> Например, таблица умножения 3 × 4 выглядит следующим образом: </p><p> × 12341 12342 24683 36912 </p><p> Существует 8 различных терминов {1,2,3,4,6,8,9,12}, поэтому P (3,4) = 8. </p><p> Вам дается следующее: P (64,64) = 1263, P (12,345) = 1998 и P (32,1015) = 13826382602124302. </p><p> Найдите P (64, 1016). </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler466(), 258381958195474750, "<code>euler466()</code> should return 258381958195474750.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler466() {
+  // Good luck!
+  return true;
+}
+
+euler466();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-467-superinteger.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-467-superinteger.russian.md
new file mode 100644
index 0000000000..81c91dc312
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-467-superinteger.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5411000cf542c510052
+challengeType: 5
+title: 'Problem 467: Superinteger'
+videoUrl: ''
+localeTitle: 'Задача 467: суперинтегер'
+---
+
+## Description
+<section id="description"> Целое число s называется суперинтегером другого целого числа n, если цифры n образуют подпоследовательность цифр s. Например, 2718281828 является суперинтегратором 18828, тогда как 314159 не является суперинтегратором 151. <p> Пусть p (n) - n-е простое число, а c (n) - n-е составное число. Например, p (1) = 2, p (10) = 29, c (1) = 4 и c (10) = 18. {p (i): i ≥ 1} = {2, 3, 5, 7 , 11, 13, 17, 19, 23, 29, ...} {c (i): i ≥ 1} = {4, 6, 8, 9, 10, 12, 14, 15, 16, 18,. ..} </p><p> Пусть PD - последовательность цифровых корней {p (i)} (CD определяется аналогично для {c (i)}): PD = {2, 3, 5, 7, 2, 4, 8, 1, 5, 2, ...} CD = {4, 6, 8, 9, 1, 3, 5, 6, 7, 9, ...} </p><p> Пусть Pn - целое число, образованное конкатенированием первых n элементов PD (Cn определено аналогично для CD). P10 = 2357248152 C10 = 4689135679 </p><p> Пусть f (n) - наименьшее положительное целое число, являющееся общим суперинтегратором Pn и Cn. Например, f (10) = 2357246891352679 и f (100) mod 1 000 000 007 = 771661825. </p><p> Найдите f (10 000) мод 1 000 000 007. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler467()</code> должен вернуть 775181359.
+    testString: 'assert.strictEqual(euler467(), 775181359, "<code>euler467()</code> should return 775181359.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler467() {
+  // Good luck!
+  return true;
+}
+
+euler467();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-468-smooth-divisors-of-binomial-coefficients.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-468-smooth-divisors-of-binomial-coefficients.russian.md
new file mode 100644
index 0000000000..76da3380b4
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-468-smooth-divisors-of-binomial-coefficients.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5411000cf542c510054
+challengeType: 5
+title: 'Problem 468: Smooth divisors of binomial coefficients'
+videoUrl: ''
+localeTitle: 'Задача 468: Гладкие делители биномиальных коэффициентов'
+---
+
+## Description
+<section id="description"> Целое число называется B-гладким, если ни один из его простых факторов больше B. <p> Пусть SB (n) - наибольший B-гладкий дивизор n. Примеры: S1 (10) = 1 S4 (2100) = 12 S17 (2496144) = 5712 </p><p> Определить F (n) = Σ1≤B≤n Σ0≤r≤n SB (C (n, r)). Здесь C (n, r) обозначает биномиальный коэффициент. Примеры: F (11) = 3132 F (1 111) mod 1 000 000 993 = 706036312 F (111 111) mod 1 000 000 993 = 22156169 </p><p> Найти F (11 111 111) mod 1 000 000 993. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler468(), 852950321, "<code>euler468()</code> should return 852950321.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler468() {
+  // Good luck!
+  return true;
+}
+
+euler468();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-469-empty-chairs.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-469-empty-chairs.russian.md
new file mode 100644
index 0000000000..afa9de1351
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-469-empty-chairs.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5411000cf542c510053
+challengeType: 5
+title: 'Problem 469: Empty chairs'
+videoUrl: ''
+localeTitle: 'Задача 469: Пустые стулья'
+---
+
+## Description
+<section id="description"> В комнате N стулья размещаются вокруг круглого стола. Рыцари входят в комнату один за другим и выбирают случайным образом свободный пустой стул. Чтобы иметь достаточно локтевой комнаты, рыцари всегда оставляют по крайней мере одно пустое стул между собой. <p> Когда нет подходящих стульев, определяется доля С пустых стульев. Мы также определяем E (N) как ожидаемое значение C. Мы можем проверить, что E (4) = 1/2 и E (6) = 5/9. </p><p> Найдите E (1018). Дайте свой ответ округленным до четырнадцати знаков после запятой в форме 0.abcdefghijklmn. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler469(), 0.56766764161831, "<code>euler469()</code> should return 0.56766764161831.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler469() {
+  // Good luck!
+  return true;
+}
+
+euler469();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-47-distinct-primes-factors.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-47-distinct-primes-factors.russian.md
new file mode 100644
index 0000000000..aef5c9cc78
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-47-distinct-primes-factors.russian.md
@@ -0,0 +1,58 @@
+---
+id: 5900f39c1000cf542c50feae
+challengeType: 5
+title: 'Problem 47: Distinct primes factors'
+videoUrl: ''
+localeTitle: 'Проблема 47: Определенные коэффициенты простых чисел'
+---
+
+## Description
+<section id="description"> Первые два последовательных номера имеют два разных основных фактора: <div style="padding-left: 4em;"> 14 = 2 × 7 </div><div style="padding-left: 4em;"> 15 = 3 × 5 </div> Первые три последовательных номера имеют три различных основных фактора: <div style="padding-left: 4em;"> 644 = 2 × × 7 × 23 </div><div style="padding-left: 4em;"> 645 = 3 × 5 × 43 </div><div style="padding-left: 4em;"> 646 = 2 × 17 × 19 </div> Найдите первые четыре последовательных целых числа, каждый из которых имеет четыре различных основных фактора. Каков первый из этих чисел? </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(distinctPrimeFactors(2, 2), 14, "<code>distinctPrimeFactors(2, 2)</code> should return 14.");'
+  - text: ''
+    testString: 'assert.strictEqual(distinctPrimeFactors(3, 3), 644, "<code>distinctPrimeFactors(3, 3)</code> should return 644.");'
+  - text: ''
+    testString: 'assert.strictEqual(distinctPrimeFactors(4, 4), 134043, "<code>distinctPrimeFactors(4, 4)</code> should return 134043.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function distinctPrimeFactors(targetNumPrimes, targetConsecutive) {
+  // Good luck!
+  return true;
+}
+
+distinctPrimeFactors(4, 4);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-470-super-ramvok.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-470-super-ramvok.russian.md
new file mode 100644
index 0000000000..b790d44595
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-470-super-ramvok.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5431000cf542c510055
+challengeType: 5
+title: 'Problem 470: Super Ramvok'
+videoUrl: ''
+localeTitle: 'Задача 470: Супер Рамвок'
+---
+
+## Description
+<section id="description"> Рассмотрим одну игру Рамвока: <p> Пусть t представляет максимальное количество поворотов, в которых игра продолжается. Если t = 0, то игра заканчивается немедленно. В противном случае, на каждом повороте i игрок бросает кубик. После катания, если i &lt;t, игрок может либо остановить игру, либо получить приз, равный значению текущего броска, или отбросить бросок и повторить попытку в следующий раз. Если i = t, то бросок нельзя отбрасывать, и приз должен быть принят. Перед началом игры t выбирается игроком, который затем должен заплатить авансовую стоимость ct за некоторую константу c. При c = 0 t можно выбрать бесконечным (с начальной стоимостью 0). Пусть R (d, c) - ожидаемая прибыль (т. Е. Чистая прибыль), которую игрок получает от одной игры с оптимальным воспроизведением Рамвока, учитывая справедливую d-стороннюю матрицу и постоянную стоимости c. Например, R (4, 0,2) = 2,65. Предположим, что у игрока достаточно средств для оплаты любых / всех авансовых платежей. </p><p> Теперь рассмотрим игру Супер Рамвока: </p><p> В «Супер Рамвоке» игра Рамвока проводится неоднократно, но с небольшой модификацией. После каждой игры штамп изменяется. Процесс изменения выглядит следующим образом: кубик скатывается один раз, и если получившееся лицо имеет видимые пипы, тогда это лицо изменяется вместо того, чтобы быть пустым. Если лицо уже пустое, оно возвращается к исходному значению. После того, как будут сделаны изменения, может начаться другая игра Рамвока (и во время такой игры на каждом обороте кубик скатывается до тех пор, пока не появится лицо со значением на нем). Игрок знает, какие лица пустые и которые не всегда. Игра Супер Рамвока заканчивается, когда все грани умирают. </p><p> Пусть S (d, c) - ожидаемая прибыль, которую игрок получает от игры с оптимальным результатом Супер Рамвока, учитывая справедливую d-стороннюю смерть, чтобы начать (со всеми видимыми сторонами) и стоить постоянный c. Например, S (6, 1) = 208,3. </p><p> Пусть F (n) = Σ4≤d≤n Σ0≤c≤n S (d, c). </p><p> Вычислите F (20), округленное до ближайшего целого. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler470()</code> должен вернуть 147668794.
+    testString: 'assert.strictEqual(euler470(), 147668794, "<code>euler470()</code> should return 147668794.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler470() {
+  // Good luck!
+  return true;
+}
+
+euler470();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-471-triangle-inscribed-in-ellipse.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-471-triangle-inscribed-in-ellipse.russian.md
new file mode 100644
index 0000000000..e1cc8f8cee
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-471-triangle-inscribed-in-ellipse.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f5431000cf542c510056
+challengeType: 5
+title: 'Problem 471: Triangle inscribed in ellipse'
+videoUrl: ''
+localeTitle: 'Задача 471: Треугольник, вписанный в эллипс'
+---
+
+## Description
+<section id="description"> Треугольник ΔABC вписан в эллипс с уравнением $ \ frac {x ^ 2} {a ^ 2} + \ frac {y ^ 2} {b ^ 2} = 1 $, 0 &lt;2b &lt;a, a и b целые числа , Пусть r (a, b) - радиус обтекания ΔABC, когда окружность имеет центр (2b, 0), а A имеет координаты $ \ left (\ frac a 2, \ frac {\ sqrt 3} 2 b \ right) $. Например, r (3,1) = ½, r (6,2) = 1, r (12,3) = 2. <p> Пусть $ G (n) = \ sum <em>{a = 3} ^ n \ sum</em> {b = 1} ^ {\ lfloor \ frac {a - 1} 2 \ rfloor} r (a, b) $ Вы получаете G ( 10) = 20,59722222, G (100) = 19223.60980 (округлено до 10 значащих цифр). Найти G (1011). Дайте свой ответ в научной нотации округлен до 10 значащих цифр. Используйте нижний регистр e для разделения мантиссы и экспоненты. Для G (10) ответ был бы 2.059722222e1. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler471(), 1.895093981e+31, "<code>euler471()</code> should return 1.895093981e+31.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler471() {
+  // Good luck!
+  return true;
+}
+
+euler471();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-472-comfortable-distance-ii.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-472-comfortable-distance-ii.russian.md
new file mode 100644
index 0000000000..54cf77ac61
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-472-comfortable-distance-ii.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5451000cf542c510057
+challengeType: 5
+title: 'Problem 472: Comfortable Distance II'
+videoUrl: ''
+localeTitle: 'Задача 472: Комфортное расстояние II'
+---
+
+## Description
+<section id="description"> Есть N мест подряд. N человек приходит один за другим, чтобы заполнить места в соответствии со следующими правилами: ни один человек не сидит рядом с другим. Первый человек выбирает любое место. Каждый последующий человек выбирает место, наиболее удаленное от кого-либо еще, уже сидящего, если оно не нарушает правило 1. Если есть более одного выбора, удовлетворяющего этому условию, то человек выбирает самый левый выбор. Обратите внимание, что из-за правила 1 некоторые места, безусловно, останутся незанятыми, а максимальное количество людей, которые могут быть установлены, меньше N (для N&gt; 1). <p> Вот возможные посадочные места для N = 15: </p><p> Мы видим, что если первый человек выбирает правильно, 15 мест могут вмещать до 7 человек. Мы также видим, что у первого человека есть 9 вариантов, чтобы максимизировать число людей, которые могут сидеть. </p><p> Пусть f (N) - количество вариантов, которые первый человек должен максимизировать количество человек, занявших N мест подряд. Таким образом, f (1) = 1, f (15) = 9, f (20) = 6 и f (500) = 16. </p><p> Кроме того, Σf (N) = 83 для 1 ≤ N ≤ 20 и Σf (N) = 13343 для 1 ≤ N ≤ 500. </p><p> Найдите Σf (N) для 1 ≤ N ≤ 1012. Дайте последние 8 цифр вашего ответа. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler472(), 73811586, "<code>euler472()</code> should return 73811586.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler472() {
+  // Good luck!
+  return true;
+}
+
+euler472();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-473-phigital-number-base.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-473-phigital-number-base.russian.md
new file mode 100644
index 0000000000..434b0bcb7a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-473-phigital-number-base.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5461000cf542c510058
+challengeType: 5
+title: 'Problem 473: Phigital number base'
+videoUrl: ''
+localeTitle: 'Проблема 473: база цифровых цифровых'
+---
+
+## Description
+<section id="description"> Пусть $ \ varphi $ является золотым соотношением: $ \ varphi = \ frac {1+ \ sqrt {5}} {2}. $ Замечательно, что каждое положительное целое можно записать в виде суммы степеней $ \ varphi $ even если мы требуем, чтобы каждая степень $ \ varphi $ использовалась не более одного раза в этой сумме. Даже тогда это представление не является уникальным. Мы можем сделать его уникальным, требуя, чтобы не использовались мощности с последовательными показателями и что представление конечно. Например: $ 2 = \ varphi + \ varphi ^ {- 2} $ и $ 3 = \ varphi ^ {2} + \ varphi ^ {- 2} $ <p> Чтобы представить эту сумму степеней $ \ varphi $, мы используем строку из 0 и 1 с точкой, указывающей, где начинаются отрицательные показатели. Мы называем это представлением в phigital numberbase. Итак, $ 1 = 1 <em>{\ varphi} $, $ 2 = 10.01</em> {\ varphi} $, $ 3 = 100.01 <em>{\ varphi} $ и $ 14 = 100100.001001</em> {\ varphi} $. Строки, представляющие 1, 2 и 14 в базе цифровых цифровых символов, являются палиндромными, а строка, представляющая 3, - нет. (цифровая точка не является средним символом). </p><p> Сумма положительных целых чисел, не превышающая 1000, чьи пампиндромические представления являются цифрами 4345. </p><p> Найдите сумму положительных целых чисел, не превышающую $ 10 ^ {10} $, чье цифровое представление является палиндромным. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler473(), 35856681704365, "<code>euler473()</code> should return 35856681704365.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler473() {
+  // Good luck!
+  return true;
+}
+
+euler473();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-474-last-digits-of-divisors.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-474-last-digits-of-divisors.russian.md
new file mode 100644
index 0000000000..eb300cc1d8
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-474-last-digits-of-divisors.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5471000cf542c510059
+challengeType: 5
+title: 'Problem 474: Last digits of divisors'
+videoUrl: ''
+localeTitle: 'Задача 474: Последние цифры делителей'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler474(), 9690646731515010, "<code>euler474()</code> should return 9690646731515010.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler474() {
+  // Good luck!
+  return true;
+}
+
+euler474();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-475-music-festival.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-475-music-festival.russian.md
new file mode 100644
index 0000000000..7e5b0d7e9f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-475-music-festival.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5481000cf542c51005a
+challengeType: 5
+title: 'Problem 475: Music festival'
+videoUrl: ''
+localeTitle: 'Задача 475: Музыкальный фестиваль'
+---
+
+## Description
+<section id="description"> На музыкальном фестивале принимают участие 12 музыкантов. В первый день они образуют 3-й квартет и практикуют весь день. Это катастрофа. В конце концов, все музыканты решают, что они больше никогда не согласятся играть с любым членом своего квартета. На второй день они образуют 4n трио, каждый музыкант избегает своих предыдущих партнеров в квартете. <p> Пусть f (12n) - число способов организации трио среди 12-ти музыкантов. Вам дано f (12) = 576 и f (24) mod 1 000 000 007 = 509089824. </p><p> Найти f (600) mod 1 000 000 007. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler475(), 75780067, "<code>euler475()</code> should return 75780067.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler475() {
+  // Good luck!
+  return true;
+}
+
+euler475();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-476-circle-packing-ii.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-476-circle-packing-ii.russian.md
new file mode 100644
index 0000000000..938f24407a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-476-circle-packing-ii.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5481000cf542c51005b
+challengeType: 5
+title: 'Problem 476: Circle Packing II'
+videoUrl: ''
+localeTitle: 'Задача 476: Упаковка круга II'
+---
+
+## Description
+<section id="description"> Пусть R (a, b, c) - максимальная площадь, покрытая тремя неперекрывающимися окружностями внутри треугольника с длинами ребер a, b и c. Пусть S (n) - среднее значение R (a, b, c) по всем целочисленным триплетам (a, b, c), для которых 1 ≤ a ≤ b ≤ c &lt;a + b ≤ n Вы даны S (2 ) = R (1, 1, 1) ≈ 0.31998, S (5) ≈ 1.25899. Найдите S (1803), округленное до 5 знаков после запятой. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler476(), 110242.87794, "<code>euler476()</code> should return 110242.87794.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler476() {
+  // Good luck!
+  return true;
+}
+
+euler476();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-477-number-sequence-game.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-477-number-sequence-game.russian.md
new file mode 100644
index 0000000000..8f5f35e417
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-477-number-sequence-game.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f54a1000cf542c51005c
+challengeType: 5
+title: 'Problem 477: Number Sequence Game'
+videoUrl: ''
+localeTitle: 'Проблема 477: Игра с порядковым номером'
+---
+
+## Description
+<section id="description"> Игра с порядковым номером начинается с последовательности S из N чисел, написанных на линии. Два игрока чередуют обороты. В свою очередь игрок должен выбрать и удалить либо первый, либо последний номер, оставшийся в последовательности. Счет игрока - это сумма всех чисел, которые он сделал. Каждый игрок пытается максимизировать свою собственную сумму. Если N = 4 и S = ​​{1, 2, 10, 3}, то каждый игрок максимизирует свой результат следующим образом: Игрок 1: удаляет первое число (1) Игрок 2: удаляет последнее число из оставшейся последовательности (3) Игрок 1: удаляет последний номер из оставшейся последовательности (10) Игрок 2: удаляет оставшееся число (2). Счет 1 игрока равен 1 + 10 = 11. Пусть F (N) - счет игрока 1, если оба игрока следуют оптимальная стратегия для последовательности S = ​​{s1, s2, ..., sN}, определяемая как: s1 = 0 si + 1 = (si2 + 45) по модулю 1 000 000 007 Последовательность начинается с S = {0, 45, 2070 , 4284945, 753524550, 478107844, 894218625, ...}. Вам дается F (2) = 45, F (4) = 4284990, F (100) = 26365463243, F (104) = 2495838522951. Найдите F (108). </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler477(), 25044905874565164, "<code>euler477()</code> should return 25044905874565164.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler477() {
+  // Good luck!
+  return true;
+}
+
+euler477();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-478-mixtures.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-478-mixtures.russian.md
new file mode 100644
index 0000000000..6eefc0f473
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-478-mixtures.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f54c1000cf542c51005e
+challengeType: 5
+title: 'Problem 478: Mixtures'
+videoUrl: ''
+localeTitle: 'Задача 478: Смеси'
+---
+
+## Description
+<section id="description"> Рассмотрим смеси трех веществ: A, B и C. Смесь может быть описана отношением количеств A, B и C в ней, то есть (a: b: c). Например, смесь, описываемая соотношением (2: 3: 5), содержит 20% А, 30% В и 50% С. <p> Для целей этой проблемы мы не можем отделить отдельные компоненты от смеси. Однако мы можем комбинировать различные количества различных смесей с образованием смесей с новыми соотношениями. </p><p> Например, предположим, что у нас есть три смеси с соотношениями (3: 0: 2), (3: 6: 11) и (3: 3: 4). Путем смешивания 10 единиц первого, 20 единиц второго и 30 единиц третьего, мы получаем новую смесь с соотношением (6: 5: 9), так как: (10 · 3/5 + 20 · 3/20 + 30 · 3/10: 10 · 0/5 + 20 · 6/20 + 30 · 3/10: 10 · 2/5 + 20 · 11/20 + 30 · 4/10) = (18: 15: 27) = (6: 5: 9) </p><p> Однако с теми же тремя смесями невозможно сформировать соотношение (3: 2: 1), так как количество B всегда меньше количества C. </p><p> Пусть n - положительное целое число. Предположим, что для каждой тройки целых чисел (a, b, c) с 0 ≤ a, b, c ≤ n и gcd (a, b, c) = 1 мы имеем смесь с отношением (a: b: c). Пусть M (n) - множество всех таких смесей. </p><p> Например, M (2) содержит 19 смесей со следующими соотношениями: {(0: 0: 1), (0: ​​1: 0), (0: ​​1: 1), (0: ​​1: 2), ( 0: 2: 1), (1: 0: 0), (1: 0: 1), (1: 0: 2), (1: 1: 0), (1: 1: 1) 1: 2), (1: 2: 0), (1: 2: 1), (1: 2: 2), (2: 0: 1), (2: 1: 0), (2: 1: 1), (2: 1: 2), (2: 2: 1)}. </p><p> Пусть E (n) - число подмножеств M (n), которое может производить смесь с соотношением (1: 1: 1), т. Е. Смесь с равными частями A, B и C. Мы можем проверить, что E (1 ) = 103, E (2) = 520447, E (10) mod 118 = 82608406 и E (500) mod 118 = 13801403. Найдите E (10 000 000) мод 118. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler478()</code> должен возвращать 59510340.
+    testString: 'assert.strictEqual(euler478(), 59510340, "<code>euler478()</code> should return 59510340.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler478() {
+  // Good luck!
+  return true;
+}
+
+euler478();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-479-roots-on-the-rise.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-479-roots-on-the-rise.russian.md
new file mode 100644
index 0000000000..60e1fa0189
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-479-roots-on-the-rise.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f54b1000cf542c51005d
+challengeType: 5
+title: 'Problem 479: Roots on the Rise'
+videoUrl: ''
+localeTitle: 'Проблема 479: Корни на подъеме'
+---
+
+## Description
+<section id="description"> Пусть ak, bk и ck представляют три решения (вещественные или комплексные числа) в выражение 1 / x = (k / x) 2 (k + x2) - kx. <p> Например, при k = 5 мы видим, что {a5, b5, c5} приблизительно {5.727244, -0.363622 + 2.057397i, -0.363622-2.057397i}. </p><p> Пусть S (n) = Σ (ak + bk) p (bk + ck) p (ck + ak) p для всех целых чисел p, k таких, что 1 ≤ p, k ≤ n. </p><p> Интересно, что S (n) всегда является целым числом. Например, S (4) = 51160. </p><p> Найти S (106) по модулю 1 000 000 007. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler479(), 191541795, "<code>euler479()</code> should return 191541795.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler479() {
+  // Good luck!
+  return true;
+}
+
+euler479();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-48-self-powers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-48-self-powers.russian.md
new file mode 100644
index 0000000000..fa1732c3db
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-48-self-powers.russian.md
@@ -0,0 +1,60 @@
+---
+id: 5900f39c1000cf542c50feaf
+challengeType: 5
+title: 'Problem 48: Self powers'
+videoUrl: ''
+localeTitle: 'Проблема 48: Власть'
+---
+
+## Description
+<section id="description"> Серия, 1 <sup>1</sup> + 2 <sup>2</sup> + 3 <sup>3</sup> + ... + 10 <sup>10</sup> = 10405071317. Найдите последние десять цифр серии, 1 <sup>1</sup> + 2 <sup>2</sup> + 3 <sup>3</sup> + ... + 1000 <sup>1000</sup> . </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(selfPowers(10, 3), 317, "<code>selfPowers(10, 3)</code> should return 317.");'
+  - text: ''
+    testString: 'assert.strictEqual(selfPowers(150, 6), 29045, "<code>selfPowers(150, 6)</code> should return 29045.");'
+  - text: ''
+    testString: 'assert.strictEqual(selfPowers(673, 7), 2473989, "<code>selfPowers(673, 7)</code> should return 2473989.");'
+  - text: ''
+    testString: 'assert.strictEqual(selfPowers(1000, 10), 9110846700, "<code>selfPowers(1000, 10)</code> should return 9110846700.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function selfPowers(power, lastDigits) {
+  // Good luck!
+  return true;
+}
+
+selfPowers(1000, 10);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-480-the-last-question.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-480-the-last-question.russian.md
new file mode 100644
index 0000000000..077eda735c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-480-the-last-question.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f54c1000cf542c51005f
+challengeType: 5
+title: 'Problem 480: The Last Question'
+videoUrl: ''
+localeTitle: 'Проблема 480: последний вопрос'
+---
+
+## Description
+<section id="description"> Рассмотрим все слова, которые могут быть сформированы путем выбора букв в любом порядке из фразы: thereisasyetinsluddadforameanfulfulanswer. Предположим, что те, у которых 15 букв или меньше, перечислены в алфавитном порядке и пронумерованы последовательно начиная с 1. Список будет включать: 1: a 2: aa 3: aaa 4: aaaa 5: aaaaa 6: aaaaaa 7: aaaaaac 8: aaaaaacd 9: aaaaaacde 10: aaaaaacdee 11: aaaaaacdeee 12: aaaaaacdeeeee 13: aaaaaacdeeeee 14: aaaaaacdeeeeee 15: aaaaaacdeeeeeee 16: aaaaaacdeeeeeeg 17: aaaaaacdeeeeeeh ... 28 : aaaaaacdeeeeeey 29: aaaaaacdeeeeef 30: aaaaaacdeeeeefe ... 115246685191495242: euleoywuttttsss 115246685191495243: euler 115246685191495244: eulera ... 525069350231428029: ywuuttttsssrrrDefine P (w) в качестве положения слова w. Определите W (p) как слово в позиции p. Мы видим, что P (w) и W (p) обращаются: P (W (p)) = p и W (P (w)) = w. Примеры: W (10) = aaaaaacdee P (aaaaaacdee) = 10 Вт (115246685191495243) = эйлер P (эйлер) = 115246685191495243Find W (P (легионный) + P (калориметры) - P (аннигилировать) + P (оркестрованный) - P ( трепетание)). Дайте свой ответ, используя строчные символы (без пунктуации или пробела). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler480(), turnthestarson, "<code>euler480()</code> should return turnthestarson.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler480() {
+  // Good luck!
+  return true;
+}
+
+euler480();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-49-prime-permutations.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-49-prime-permutations.russian.md
new file mode 100644
index 0000000000..fa893504ce
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-49-prime-permutations.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f39d1000cf542c50feb0
+challengeType: 5
+title: 'Problem 49: Prime permutations'
+videoUrl: ''
+localeTitle: ''
+---
+
+## Description
+<section id="description"> Арифметическая последовательность, 1487, 4817, 8147, в которой каждое из членов увеличивается на 3330, необычна двумя способами: (i) каждое из трех членов является простым, и (ii) каждое из 4-значных чисел перестановки друг друга. Нет арифметических последовательностей, состоящих из трех 1-, 2- или 3-значных простых чисел, обладающих этим свойством, но есть еще одна 4-значная возрастающая последовательность. Какое 12-значное число вы формируете, объединяя три термина в этой последовательности? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(primePermutations(), 296962999629, "<code>primePermutations()</code> should return 296962999629.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function primePermutations() {
+  // Good luck!
+  return true;
+}
+
+primePermutations();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-5-smallest-multiple.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-5-smallest-multiple.russian.md
new file mode 100644
index 0000000000..ca3b9d1936
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-5-smallest-multiple.russian.md
@@ -0,0 +1,62 @@
+---
+id: 5900f3711000cf542c50fe84
+challengeType: 5
+title: 'Problem 5: Smallest multiple'
+videoUrl: ''
+localeTitle: 'Проблема 5: Наименьшая множественность'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(smallestMult(5), 60, "<code>smallestMult(5)</code> should return 60.");'
+  - text: ''
+    testString: 'assert.strictEqual(smallestMult(7), 420, "<code>smallestMult(7)</code> should return 420.");'
+  - text: ''
+    testString: 'assert.strictEqual(smallestMult(10), 2520, "<code>smallestMult(10)</code> should return 2520.");'
+  - text: ''
+    testString: 'assert.strictEqual(smallestMult(13), 360360, "<code>smallestMult(13)</code> should return 360360.");'
+  - text: ''
+    testString: 'assert.strictEqual(smallestMult(20), 232792560, "<code>smallestMult(20)</code> should return 232792560.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function smallestMult(n) {
+  // Good luck!
+  return true;
+}
+
+smallestMult(20);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-50-consecutive-prime-sum.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-50-consecutive-prime-sum.russian.md
new file mode 100644
index 0000000000..1653d87802
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-50-consecutive-prime-sum.russian.md
@@ -0,0 +1,56 @@
+---
+id: 5900f39e1000cf542c50feb1
+challengeType: 5
+title: 'Problem 50: Consecutive prime sum'
+videoUrl: ''
+localeTitle: 'Задача 50: последовательная основная сумма'
+---
+
+## Description
+<section id="description"> Первичная 41, может быть записана как сумма шести последовательных простых чисел: 41 = 2 + 3 + 5 + 7 + 11 + 13. Это самая длинная сумма последовательных простых чисел, которая добавляет к простому ниже ста сто. Самая длинная сумма последовательных простых чисел ниже одной тысячи, добавляющая к простому, содержит 21 член и равна 953. Какое простое число ниже миллиона может быть записано как сумма самых последовательных простых чисел? </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(consecutivePrimeSum(1000), 953, "<code>consecutivePrimeSum(1000)</code> should return 953.");'
+  - text: ''
+    testString: 'assert.strictEqual(consecutivePrimeSum(1000000), 997651, "<code>consecutivePrimeSum(1000000)</code> should return 997651.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function consecutivePrimeSum(limit) {
+  // Good luck!
+  return true;
+}
+
+consecutivePrimeSum(1000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-51-prime-digit-replacements.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-51-prime-digit-replacements.russian.md
new file mode 100644
index 0000000000..91264f416c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-51-prime-digit-replacements.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f39f1000cf542c50feb2
+challengeType: 5
+title: 'Problem 51: Prime digit replacements'
+videoUrl: ''
+localeTitle: 'Проблема 51: замена простых цифр'
+---
+
+## Description
+<section id="description"> Заменяя 1-ю цифру 2-значного числа * 3, получается, что шесть из девяти возможных значений: 13, 23, 43, 53, 73 и 83 - все просто. Заменяя 3-ю и 4-ю цифры 56 ** 3 на одну и ту же цифру, это 5-значное число является первым примером, состоящим из семи простых чисел среди десяти сгенерированных чисел, приводящих к семейству: 56003, 56113, 56333, 56443, 56663, 56773 , и 56993. Следовательно, 56003, являясь первым членом этого семейства, является наименьшим простым с этим свойством. Найдите наименьшее число, которое, заменив часть номера (не обязательно смежные цифры) с той же цифрой, является частью восьми семейств с праймисом. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler51(), 121313, "<code>euler51()</code> should return 121313.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler51() {
+  // Good luck!
+  return true;
+}
+
+euler51();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-52-permuted-multiples.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-52-permuted-multiples.russian.md
new file mode 100644
index 0000000000..aecae2f5c8
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-52-permuted-multiples.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3a01000cf542c50feb3
+challengeType: 5
+title: 'Problem 52: Permuted multiples'
+videoUrl: ''
+localeTitle: 'Задача 52: Разрешенные множители'
+---
+
+## Description
+<section id="description"> Можно видеть, что число 125874 и его двойное 251748 содержат точно такие же цифры, но в другом порядке. Найдите наименьшее положительное целое число x, такое, что 2x, 3x, 4x, 5x и 6x содержат одинаковые цифры. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(permutedMultiples(), 142857, "<code>permutedMultiples()</code> should return 142857.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function permutedMultiples() {
+  // Good luck!
+  return true;
+}
+
+permutedMultiples();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-53-combinatoric-selections.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-53-combinatoric-selections.russian.md
new file mode 100644
index 0000000000..7c56299dcb
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-53-combinatoric-selections.russian.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3a11000cf542c50feb4
+challengeType: 5
+title: 'Problem 53: Combinatoric selections'
+videoUrl: ''
+localeTitle: 'Проблема 53: Комбинаторный выбор'
+---
+
+## Description
+<section id="description"> Существует ровно десять способов выбора трех из пяти, 12345: 123, 124, 125, 134, 135, 145, 234, 235, 245 и 345. В комбинаторике мы используем обозначение 5C3 = 10. В общем, <p> nCr = n! r! (n-r)! , где r ≤ n, n! = n × (n-1) × ... × 3 × 2 × 1 и 0! = 1. </p><p> Только до n = 23 значение превышает один миллион: 23C10 = 1144066. Сколько, не обязательно различных значений nCr для 1 ≤ n ≤ 100, превышает один миллион? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>combinatoricSelections(1000)</code> должен возвращать 4626.
+    testString: 'assert.strictEqual(combinatoricSelections(1000), 4626, "<code>combinatoricSelections(1000)</code> should return 4626.");'
+  - text: <code>combinatoricSelections(10000)</code> должен возвращать 4431.
+    testString: 'assert.strictEqual(combinatoricSelections(10000), 4431, "<code>combinatoricSelections(10000)</code> should return 4431.");'
+  - text: <code>combinatoricSelections(100000)</code> должен возвращать 4255.
+    testString: 'assert.strictEqual(combinatoricSelections(100000), 4255, "<code>combinatoricSelections(100000)</code> should return 4255.");'
+  - text: <code>combinatoricSelections(1000000)</code> должен возвращать 4075.
+    testString: 'assert.strictEqual(combinatoricSelections(1000000), 4075, "<code>combinatoricSelections(1000000)</code> should return 4075.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function combinatoricSelections(limit) {
+  // Good luck!
+  return 1;
+}
+
+combinatoricSelections(1000000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-54-poker-hands.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-54-poker-hands.russian.md
new file mode 100644
index 0000000000..017a13e25c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-54-poker-hands.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3a21000cf542c50feb5
+challengeType: 5
+title: 'Problem 54: Poker hands'
+videoUrl: ''
+localeTitle: 'Проблема 54: Покерные руки'
+---
+
+## Description
+<section id="description"> В покерной карточной игре рука состоит из пяти карт и оценивается от самого низкого до самого высокого, следующим образом: High Card: карта с наивысшим значением. Одна пара: две карты одинакового значения. Две пары: две разные пары. Три вида: три карты одинакового значения. Прямо: все карты являются последовательными значениями. Flush: все карты одного и того же костюма. Полный дом: три вида и пара. Четыре вида: четыре карты одинакового значения. Straight Flush: все карты являются последовательными значениями одного и того же костюма. Royal Flush: десять, Джек, королева, король, туз, в одном костюме. Карты оцениваются в порядке: 2, 3, 4, 5, 6, 7, 8, 9, 10, Джек, Королева, Король, Туз. Если два игрока имеют одинаковые ранжированные руки, тогда выигрывает звание, состоящее из наибольшего выигрыша; например, пара восьмерок бьет пару пятерок (см. пример 1 ниже). Но если, например, два ранга связаны, у обоих игроков есть пара ферзей, тогда сравниваются старшие карты в каждой руке (см. Пример 4 ниже); если старшие карты связаны, то сравниваются следующие старшие карты и так далее. Рассмотрим следующие пять рук для двух игроков: <p> Ручной игрок 1 Игрок 2 Победитель 1 5H 5C 6S 7S KDPair of Fives 2C 3S 8S 8D TDPair of Eights Player 2 2 5D 8C 9S JS ACHighest карта Ace 2C 5C 7D 8S QHHighest карта Queen Player 1 3 2D 9C AS AH ACThree Aces 3D 6D 7D TD QDFlush с Diamonds Player 2 4 4D 6S 9H QH QCPair QueensHighest карта Девять 3D 6D 7H QD QSPair QueensHighhest карта Семь игроков 1 5 2H 2D 4C 4D 4SFull HouseWith Three Fours 3C 3D 3S 9S 9DFull Housewith Three Threes Player 1 </p><p> Файл, poker.txt, содержит тысячу случайных раздач, раздаваемых двум игрокам. Каждая строка файла содержит десять карт (разделенных одним пробелом): первые пять - карты игрока 1, а последние пять - карты игрока 2. Вы можете предположить, что все руки действительны (нет недопустимых символов или повторных карт), рука каждого игрока не имеет определенного порядка, и в каждой руке есть явный победитель. Сколько рук выигрывает игрок 1? </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler54(), 376, "<code>euler54()</code> should return 376.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler54() {
+  // Good luck!
+  return true;
+}
+
+euler54();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-55-lychrel-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-55-lychrel-numbers.russian.md
new file mode 100644
index 0000000000..6f567a86d0
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-55-lychrel-numbers.russian.md
@@ -0,0 +1,63 @@
+---
+id: 5900f3a31000cf542c50feb6
+challengeType: 5
+title: 'Problem 55: Lychrel numbers'
+videoUrl: ''
+localeTitle: 'Проблема 55: числа Лычреля'
+---
+
+## Description
+<section id="description"> Если взять 47, перевернуть и добавить, 47 + 74 = 121, что является палиндромным. Не все числа производят палиндромы так быстро. Например, 349 + 943 = 1292, 1292 + 2921 = 4213 4213 + 3124 = 7337 То есть 349 потребовалось три итерации, чтобы добраться до палиндрома. Хотя пока никто этого не доказал, считается, что некоторые цифры, такие как 196, никогда не производят палиндром. Число, которое никогда не образует палиндром через процесс обратного и добавления, называется числом Лычреля. Из-за теоретического характера этих чисел и для этой задачи мы будем предполагать, что число - это Лычрель, пока не будет доказано обратное. Кроме того, вам дается, что для каждого числа ниже десяти тысяч он либо (i) станет палиндром менее чем за пятьдесят итераций, либо (ii) никто со всей вычислительной мощью, которая существует, до сих пор сопоставьте его с палиндром. Фактически, 10677 является первым номером, который должен быть показан, чтобы потребовать более пятидесяти итераций до создания палиндрома: 4668731596684224866951378664 (53 итерации, 28 цифр). Удивительно, но есть палиндромные числа, которые сами являются числами Лычреля; первый пример - 4994. Сколько цифр Лычреля находится ниже <code>num</code> ? ПРИМЕЧАНИЕ. Редакция немного изменилась 24 апреля 2007 года, чтобы подчеркнуть теоретический характер чисел Лычреля. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(countLychrelNumbers(1000), 13, "<code>countLychrelNumbers(1000)</code> should return 13.");'
+  - text: ''
+    testString: 'assert.strictEqual(countLychrelNumbers(5000), 76, "<code>countLychrelNumbers(5000)</code> should return 76.");'
+  - text: ''
+    testString: 'assert.strictEqual(countLychrelNumbers(10000), 249, "<code>countLychrelNumbers(10000)</code> should return 249.");'
+  - text: ''
+    testString: 'assert.strictEqual(countLychrelNumbers(3243), 39, "Your function should count all Lychrel numbers.");'
+  - text: ''
+    testString: 'assert.strictEqual(countLychrelNumbers(7654), 140, "Your function should pass all test cases.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countLychrelNumbers(num) {
+  // Good luck!
+  return true;
+}
+
+countLychrelNumbers(10000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-56-powerful-digit-sum.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-56-powerful-digit-sum.russian.md
new file mode 100644
index 0000000000..a9b01616ae
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-56-powerful-digit-sum.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3a41000cf542c50feb7
+challengeType: 5
+title: 'Problem 56: Powerful digit sum'
+videoUrl: ''
+localeTitle: 'Задача 56: Мощная цифра'
+---
+
+## Description
+<section id="description"> Гоголь (10100) - это массивное число: за ним следует сто сот нулей; 100100 почти невообразимо большой: за ним следуют двести нулей. Несмотря на их размер, сумма цифр в каждом числе равна 1. Принимая во внимание натуральные числа формы, ab, где a, b &lt;100, какова максимальная цифра? </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler56(), 972, "<code>euler56()</code> should return 972.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler56() {
+  // Good luck!
+  return true;
+}
+
+euler56();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-57-square-root-convergents.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-57-square-root-convergents.russian.md
new file mode 100644
index 0000000000..c9239d6dc5
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-57-square-root-convergents.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3a51000cf542c50feb8
+challengeType: 5
+title: 'Problem 57: Square root convergents'
+videoUrl: ''
+localeTitle: 'Проблема 57: Квадратные корневые конвергенты'
+---
+
+## Description
+<section id="description"> Можно показать, что квадратный корень из двух может быть выражен как бесконечная цепная дробь. √ 2 = 1 + 1 / (2 + 1 / (2 + 1 / (2 + ...))) = 1.414213 ... Разлагая это для первых четырех итераций, получаем: 1 + 1/2 = 3 / 2 = 1,5 1 + 1 / (2 + 1/2) = 7/5 = 1,4 1 + 1 / (2 + 1 / (2 + 1/2)) = 17/12 = 1,41666 ... 1 + 1 / (2 + 1 / (2 + 1 / (2 + 1/2))) = 41/29 = 1.41379 ... Следующие три расширения: 99/70, 239/169 и 577/408, но восьмая расширение, 1393/985, является первым примером, когда число цифр в числителе превышает число цифр в знаменателе. В первой тысячной разложения, сколько фракций содержит числитель с большим количеством цифр, чем знаменатель? </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler57(), 153, "<code>euler57()</code> should return 153.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler57() {
+  // Good luck!
+  return true;
+}
+
+euler57();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-58-spiral-primes.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-58-spiral-primes.russian.md
new file mode 100644
index 0000000000..9201a1773f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-58-spiral-primes.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3a61000cf542c50feb9
+challengeType: 5
+title: 'Problem 58: Spiral primes'
+videoUrl: ''
+localeTitle: 'Проблема 58: Спиральные числа'
+---
+
+## Description
+<section id="description"> Начиная с 1 и вращаясь против часовой стрелки следующим образом, образуется квадратная спираль с боковой длиной 7. 37 36 35 34 33 32 31 38 17 16 15 14 13 30 39 18 5 4 3 12 29 40 19 6 1 2 11 28 41 20 7 8 9 10 27 42 21 22 23 24 25 2643 44 45 46 47 48 49 Это интересно отметить, что нечетные квадраты лежат вдоль правой правой диагонали, но что более интересно, так это то, что 8 из 13 чисел, лежащих вдоль обеих диагоналей, являются первичными; т. е. отношение 8/13 ≈ 62%. Если один завершенный новый слой обернут вокруг спирали выше, будет сформирована квадратная спираль со стороной 9. Если этот процесс продолжается, то какова длина стороны квадратной спирали, для которой отношение простых чисел вдоль обеих диагоналей сначала падает ниже 10%? </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler58(), 26241, "<code>euler58()</code> should return 26241.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler58() {
+  // Good luck!
+  return true;
+}
+
+euler58();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-59-xor-decryption.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-59-xor-decryption.russian.md
new file mode 100644
index 0000000000..e18640436f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-59-xor-decryption.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3a81000cf542c50feba
+challengeType: 5
+title: 'Problem 59: XOR decryption'
+videoUrl: ''
+localeTitle: 'Проблема 59: Расшифровка XOR'
+---
+
+## Description
+<section id="description"> Каждому символу на компьютере присваивается уникальный код, а предпочтительным стандартом является ASCII (Американский стандартный код для обмена информацией). Например, в верхнем регистре A = 65, звездочке (*) = 42 и в нижнем регистре k = 107. Современный метод шифрования состоит в том, чтобы взять текстовый файл, преобразовать байты в ASCII, затем XOR каждый байт с заданным значением, взятый из Секретный ключ. Преимущество функции XOR заключается в том, что с использованием одного и того же ключа шифрования на шифровом тексте восстанавливается обычный текст; например, 65 XOR 42 = 107, затем 107 XOR 42 = 65. Для нерушимого шифрования ключ имеет ту же длину, что и текстовое сообщение, а ключ состоит из случайных байтов. Пользователь будет хранить зашифрованное сообщение и ключ шифрования в разных местах, и без обеих «половинок» невозможно расшифровать сообщение. К сожалению, этот метод непрактичен для большинства пользователей, поэтому модифицированный метод заключается в использовании пароля в качестве ключа. Если пароль короче сообщения, что, скорее всего, ключ повторяется циклически по всему сообщению. Баланс для этого метода использует достаточно длинный ключ пароля для обеспечения безопасности, но достаточно короткий, чтобы быть незабываемым. Ваша задача упрощена, так как ключ шифрования состоит из трех символов нижнего регистра. Используя cipher.txt (щелкните правой кнопкой мыши и «Сохранить ссылку / цель как ...»), файл, содержащий зашифрованные коды ASCII, и знание того, что обычный текст должен содержать общие английские слова, расшифруйте сообщение и найдите сумму Значения ASCII в исходном тексте. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler59()</code> должен вернуть 107359.
+    testString: 'assert.strictEqual(euler59(), 107359, "<code>euler59()</code> should return 107359.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler59() {
+  // Good luck!
+  return true;
+}
+
+euler59();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-6-sum-square-difference.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-6-sum-square-difference.russian.md
new file mode 100644
index 0000000000..0b05ac7c29
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-6-sum-square-difference.russian.md
@@ -0,0 +1,58 @@
+---
+id: 5900f3721000cf542c50fe85
+challengeType: 5
+title: 'Problem 6: Sum square difference'
+videoUrl: ''
+localeTitle: 'Задача 6: Суммарный квадрат'
+---
+
+## Description
+<section id="description"> Сумма квадратов первых десяти натуральных чисел равна, <div style="text-align: center;"> 1 <sup>2</sup> + 2 <sup>2</sup> + ... + 10 <sup>2</sup> = 385 </div> Квадрат суммы первых десяти натуральных чисел есть, <div style="text-align: center;"> (1 + 2 + ... + 10) <sup>2</sup> = 55 <sup>2</sup> = 3025 </div> Следовательно, разница между суммой квадратов первых десяти натуральных чисел и квадратом суммы равна 3025 - 385 = 2640. Найдите разницу между суммой квадратов первых <code>n</code> натуральных чисел и квадратом суммы. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(sumSquareDifference(10), 2640, "<code>sumSquareDifference(10)</code> should return 2640.");'
+  - text: ''
+    testString: 'assert.strictEqual(sumSquareDifference(20), 41230, "<code>sumSquareDifference(20)</code> should return 41230.");'
+  - text: ''
+    testString: 'assert.strictEqual(sumSquareDifference(100), 25164150, "<code>sumSquareDifference(100)</code> should return 25164150.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sumSquareDifference(n) {
+  // Good luck!
+  return true;
+}
+
+sumSquareDifference(100);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-60-prime-pair-sets.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-60-prime-pair-sets.russian.md
new file mode 100644
index 0000000000..565753b6dc
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-60-prime-pair-sets.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3a81000cf542c50febb
+challengeType: 5
+title: 'Problem 60: Prime pair sets'
+videoUrl: ''
+localeTitle: 'Задача 60: Наборы простых пар'
+---
+
+## Description
+<section id="description"> Простые числа 3, 7, 109 и 673 весьма примечательны. Принимая любые два простых числа и конкатенируя их в любом порядке, результат всегда будет простым. Например, принимая 7 и 109, как 7109, так и 1097 являются первыми. Сумма этих четырех простых чисел 792 представляет собой самую низкую сумму для набора из четырех простых чисел с этим свойством. Найдите самую низкую сумму для набора из пяти простых чисел, для которых любые два простых числа объединяются для создания другого простого числа. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler60(), 26033, "<code>euler60()</code> should return 26033.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler60() {
+  // Good luck!
+  return true;
+}
+
+euler60();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-61-cyclical-figurate-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-61-cyclical-figurate-numbers.russian.md
new file mode 100644
index 0000000000..c3bd5c3f24
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-61-cyclical-figurate-numbers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3a91000cf542c50febc
+challengeType: 5
+title: 'Problem 61: Cyclical figurate numbers'
+videoUrl: ''
+localeTitle: 'Проблема 61: Циклические номера рисунков'
+---
+
+## Description
+<section id="description"> Треугольные, квадратные, пятиугольные, шестиугольные, семиугольные и восьмиугольные числа - все фигурные (многоугольные) числа и порождаются следующими формулами: Треугольник <p> Р3, п = п (п + 1) / 2 </p><p> 1, 3, 6, 10, 15, ... Площадь </p><p> Р4, п = п2 </p><p> 1, 4, 9, 16, 25, ... Пятиугольные </p><p> Р5, п = п (3n-1) / 2 </p><p> 1, 5, 12, 22, 35, ... Шестиугольные </p><p> Р6, N = N (2n-1) </p><p> 1, 6, 15, 28, 45, ... Гептагональные </p><p> Р7, п = п (5n-3) / 2 </p><p> 1, 7, 18, 34, 55, ... Восьмиугольные </p><p> Р8, п = п (3n-2) </p><p> 1, 8, 21, 40, 65, ... Упорядоченный набор из трех 4-значных чисел: 8128, 2882, 8281 имеет три интересных свойства. Набор цикличен, поскольку последние две цифры каждого номера являются двумя первыми двумя цифрами следующего числа (включая последнее число с первым). Каждый полигональный тип: треугольник (P3,127 = 8128), квадрат (P4,91 = 8281) и пятиугольный (P5,44 = 2882) представлен в наборе другим числом. Это единственный набор из 4-значных чисел с этим свойством. Найдите сумму только упорядоченного набора из шести циклических 4-значных чисел, для которых каждый многоугольный тип: треугольник, квадрат, пятиугольный, шестиугольный, семиугольный и восьмиугольный, представлен другим числом в множестве. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler61(), 28684, "<code>euler61()</code> should return 28684.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler61() {
+  // Good luck!
+  return true;
+}
+
+euler61();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-62-cubic-permutations.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-62-cubic-permutations.russian.md
new file mode 100644
index 0000000000..7089edaee9
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-62-cubic-permutations.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3aa1000cf542c50febd
+challengeType: 5
+title: 'Problem 62: Cubic permutations'
+videoUrl: ''
+localeTitle: 'Задача 62: Кубические перестановки'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler62(), 127035954683, "<code>euler62()</code> should return 127035954683.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler62() {
+  // Good luck!
+  return true;
+}
+
+euler62();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-63-powerful-digit-counts.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-63-powerful-digit-counts.russian.md
new file mode 100644
index 0000000000..a54f515cb6
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-63-powerful-digit-counts.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ab1000cf542c50febe
+challengeType: 5
+title: 'Problem 63: Powerful digit counts'
+videoUrl: ''
+localeTitle: 'Проблема 63: Мощные цифровые подсчеты'
+---
+
+## Description
+<section id="description"> 5-значное число, 16807 = 75, также является пятой силой. Точно так же 9-значное число, 134217728 = 89, является девятой степенью. Сколько n-значных положительных целых чисел, которые также являются n-й степенью? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler63()</code> должен вернуть 49.
+    testString: 'assert.strictEqual(euler63(), 49, "<code>euler63()</code> should return 49.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler63() {
+  // Good luck!
+  return true;
+}
+
+euler63();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-64-odd-period-square-roots.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-64-odd-period-square-roots.russian.md
new file mode 100644
index 0000000000..06f62c16fd
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-64-odd-period-square-roots.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ac1000cf542c50febf
+challengeType: 5
+title: 'Problem 64: Odd period square roots'
+videoUrl: ''
+localeTitle: 'Задача 64: квадратные корни четного периода'
+---
+
+## Description
+<section id="description"> Все квадратные корни периодичны, когда записываются как непрерывные дроби и могут быть записаны в виде: <p> √N = a0 + 1 </p><p> a1 + 1 </p><p> a2 + 1 </p><p> a3 + ... </p><p> Например, рассмотрим √23: </p><p> √23 = 4 + √23 - 4 = 4 + 1 = 4 + 1 </p><p> 1√23-4 </p><p> 1 + √23 - 37 </p><p> Если продолжить, мы получим следующее расширение: </p><p> √23 = 4 + 1 </p><p> 1 + 1 </p><p> 3 + 1 </p><p> 1 + 1 </p><p> 8 + ... </p><p> Процесс можно резюмировать следующим образом: </p><p> a0 = 4, </p><p> 1√23-4 = √23 + 47 = 1 + √23-37 a1 = 1, </p><p> 7√23-3 = 7 (√23 + 3) 14 = 3 + √23-32 a2 = 3, </p><p> 2√23-3 = 2 (√23 + 3) 14 = 1 + √23-47 a3 = 1, </p><p> 7√23-4 = 7 (√23 + 4) 7 = 8 + √23-4 a4 = 8, </p><p> 1√23-4 = √23 + 47 = 1 + √23-37 a5 = 1, </p><p> 7√23-3 = 7 (√23 + 3) 14 = 3 + √23-32 a6 = 3, </p><p> 2√23-3 = 2 (√23 + 3) 14 = 1 + √23-47 a7 = 1, </p><p> 7√23-4 = 7 (√23 + 4) 7 = 8 + √23-4 </p><p> Можно видеть, что последовательность повторяется. Для краткости мы используем обозначение √23 = [4; (1,3,1,8)], чтобы указать, что блок (1,3,1,8) повторяется бесконечно. </p><p> Первые десять непрерывных дробных представлений (иррациональных) квадратных корней: √2 = [1; (2)], период = 1 √3 = [1; (1,2)], период = 2 √5 = [2; (4)], период = 1 √6 = [2; (2,4)], период = 2 √7 = [2; (1,1,1,4)], период = 4 √8 = [2; (1,4)], период = 2 √10 = [3; (6)], период = 1 √11 = [3; (3,6)], период = 2 √12 = [3; (2,6 )], период = 2 √13 = [3; (1,1,1,1,6)], period = 5 Точно четыре непрерывные дроби при N ≤ 13 имеют нечетный период. Сколько длинных фракций для N ≤ 10000 имеет нечетный период? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler64(), 1322, "<code>euler64()</code> should return 1322.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler64() {
+  // Good luck!
+  return true;
+}
+
+euler64();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-65-convergents-of-e.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-65-convergents-of-e.russian.md
new file mode 100644
index 0000000000..f813921235
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-65-convergents-of-e.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3ad1000cf542c50fec0
+challengeType: 5
+title: 'Problem 65: Convergents of e'
+videoUrl: ''
+localeTitle: 'Задача 65: Конвергенты e'
+---
+
+## Description
+<section id="description"> Квадратный корень из 2 можно записать в виде бесконечной цепной дроби. <p> √2 = 1 + 1 </p><p> 2 + 1 </p><p> 2 + 1 </p><p> 2 + 1 </p><p> 2 + ... </p><p> Бесконечную непрерывную дробь можно записать: √2 = [1; (2)], (2) указывает, что 2 повторяется до бесконечности. Аналогичным образом √23 = [4; (1,3,1,8)]. Оказывается, что последовательность парциальных значений цепных дробей для квадратных корней обеспечивает наилучшие рациональные аппроксимации. Рассмотрим сходимости для √2. </p><p> 1 + 1 = 3/2 </p><p> 2 </p><p> 1 + 1 = 7/5 </p><p> 2 + 1 </p><p> 2 </p><p> 1 + 1 = 17/12 </p><p> 2 + 1 </p><p> 2 + 1 </p><p> 2 </p><p> 1 + 1 = 41/29 </p><p> 2 + 1 </p><p> 2 + 1 </p><p> 2 + 1 </p><p> 2 </p><p> Следовательно, последовательность первых десяти сходящихся для √2 равна: 1, 3/2, 7/5, 17/12, 41/29, 99/70, 239/169, 577/408, 1393/985, 3363/2378 , ... Самое удивительное, что важная математическая константа e = [2; 1,2,1, 1,4,1, 1,6,1, ..., 1,2k, 1, ...]. Первые десять членов в последовательности сходящихся для e: 2, 3, 8/3, 11/4, 19/7, 87/32, 106/39, 193/71, 1264/465, 1457/536,. .. Сумма цифр в числителе 10-го сходящегося числа равна 1 + 4 + 5 + 7 = 17. Найдите сумму цифр в числителе 100-го сходящегося непрерывной дроби для e. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler65(), 272, "<code>euler65()</code> should return 272.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler65() {
+  // Good luck!
+  return true;
+}
+
+euler65();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-66-diophantine-equation.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-66-diophantine-equation.russian.md
new file mode 100644
index 0000000000..ec623cc68a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-66-diophantine-equation.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ae1000cf542c50fec1
+challengeType: 5
+title: 'Problem 66: Diophantine equation'
+videoUrl: ''
+localeTitle: 'Задача 66: диофантово уравнение'
+---
+
+## Description
+<section id="description"> Рассмотрим квадратичные диофантовы уравнения вида: x2 - Dy2 = 1 Например, когда D = 13, минимальное решение в x равно 6492 - 13 × 1802 = 1. Можно предположить, что в положительных целых числах нет решений, когда D квадрат. Найдя минимальные решения по x для D = {2, 3, 5, 6, 7}, получим следующее: 32 - 2 × 22 = 1 22 - 3 × 12 = 192 - 5 × 42 = 1 52 - 6 × 22 = 1 82 - 7 × 32 = 1 Следовательно, рассматривая минимальные решения по x при D ≤ 7, наибольшее x получается при D = 5. Найдите значение D ≤ 1000 в минимальных решениях x, для которых получено наибольшее значение x. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler66()</code> должен возвращать 661.
+    testString: 'assert.strictEqual(euler66(), 661, "<code>euler66()</code> should return 661.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler66() {
+  // Good luck!
+  return true;
+}
+
+euler66();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-67-maximum-path-sum-ii.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-67-maximum-path-sum-ii.russian.md
new file mode 100644
index 0000000000..fe258c74bf
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-67-maximum-path-sum-ii.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3b01000cf542c50fec2
+challengeType: 5
+title: 'Problem 67: Maximum path sum II'
+videoUrl: ''
+localeTitle: 'Задача 67: максимальная длина пути II'
+---
+
+## Description
+<section id="description"> Начав в верхней части треугольника внизу и перемещаясь к соседним номерам в строке ниже, максимальная сумма сверху вниз составляет 23. 37 4 2 4 6 8 5 9 3 То есть 3 + 7 + 4 + 9 = 23 Найдите максимальный итог сверху вниз в файле triangle.txt (правый щелчок и «Сохранить ссылку / цель как ...»), текстовый файл 15 КБ, содержащий треугольник со сто строк. ПРИМЕЧАНИЕ. Это гораздо более сложная версия проблемы 18. Невозможно попробовать каждый маршрут для решения этой проблемы, так как всего 299! Если бы вы могли проверять один триллион (1012) маршрутов каждую секунду, им понадобилось бы более двадцати миллиардов лет, чтобы проверить их все. Для его решения существует эффективный алгоритм. ; О) </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler67(), 7273, "<code>euler67()</code> should return 7273.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler67() {
+  // Good luck!
+  return true;
+}
+
+euler67();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-68-magic-5-gon-ring.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-68-magic-5-gon-ring.russian.md
new file mode 100644
index 0000000000..004b8bde67
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-68-magic-5-gon-ring.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3b01000cf542c50fec3
+challengeType: 5
+title: 'Problem 68: Magic 5-gon ring'
+videoUrl: ''
+localeTitle: 'Задача 68: Волшебное 5-угольное кольцо'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler68(), 6531031914842725, "<code>euler68()</code> should return 6531031914842725.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler68() {
+  // Good luck!
+  return true;
+}
+
+euler68();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-69-totient-maximum.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-69-totient-maximum.russian.md
new file mode 100644
index 0000000000..8e883aeb08
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-69-totient-maximum.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3b11000cf542c50fec4
+challengeType: 5
+title: 'Problem 69: Totient maximum'
+videoUrl: ''
+localeTitle: Проблема 69 крупнейшим Totient
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler69(), 510510, "<code>euler69()</code> should return 510510.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler69() {
+  // Good luck!
+  return true;
+}
+
+euler69();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-7-10001st-prime.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-7-10001st-prime.russian.md
new file mode 100644
index 0000000000..c0ace68b0e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-7-10001st-prime.russian.md
@@ -0,0 +1,62 @@
+---
+id: 5900f3731000cf542c50fe86
+challengeType: 5
+title: 'Problem 7: 10001st prime'
+videoUrl: ''
+localeTitle: 'Задача 7: 10001st prime'
+---
+
+## Description
+<section id="description"> Перечислив первые шесть простых чисел: 2, 3, 5, 7, 11 и 13, мы увидим, что 6-е число равно 13. Что такое <code>n</code> е простое число? </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(nthPrime(6), 13, "<code>nthPrime(6)</code> should return 13.");'
+  - text: ''
+    testString: 'assert.strictEqual(nthPrime(10), 29, "<code>nthPrime(10)</code> should return 29.");'
+  - text: ''
+    testString: 'assert.strictEqual(nthPrime(100), 541, "<code>nthPrime(100)</code> should return 541.");'
+  - text: ''
+    testString: 'assert.strictEqual(nthPrime(1000), 7919, "<code>nthPrime(1000)</code> should return 7919.");'
+  - text: ''
+    testString: 'assert.strictEqual(nthPrime(10001), 104743, "<code>nthPrime(10001)</code> should return 104743.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function nthPrime(n) {
+  // Good luck!
+  return true;
+}
+
+nthPrime(10001);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-70-totient-permutation.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-70-totient-permutation.russian.md
new file mode 100644
index 0000000000..9089bc579c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-70-totient-permutation.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3b21000cf542c50fec5
+challengeType: 5
+title: 'Problem 70: Totient permutation'
+videoUrl: ''
+localeTitle: Задача 70 Totient перестановки
+---
+
+## Description
+<section id="description"> Функция Толера Эйлера, φ (n) [иногда называемая фи-функцией], используется для определения числа положительных чисел, меньших или равных n, которые взаимно просты по отношению к n. Например, как 1, 2, 4, 5, 7 и 8, все меньше девяти и относительно простые с девятью, φ (9) = 6. Число 1 считается относительно простым с каждым положительным числом, поэтому φ (1) = 1. Интересно, что φ (87109) = 79180, и можно видеть, что 87109 является перестановкой 79180. Найдите значение n, 1 &lt;n &lt;107, для которого φ (n) является перестановкой n и отношением n / φ (n) дает минимум. </section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler70(), 8319823, "<code>euler70()</code> should return 8319823.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler70() {
+  // Good luck!
+  return true;
+}
+
+euler70();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-71-ordered-fractions.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-71-ordered-fractions.russian.md
new file mode 100644
index 0000000000..19096fadb6
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-71-ordered-fractions.russian.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3b31000cf542c50fec6
+challengeType: 5
+title: 'Problem 71: Ordered fractions'
+videoUrl: ''
+localeTitle: 'Задача 71: Упорядоченные фракции'
+---
+
+## Description
+undefined
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: 'assert.strictEqual(euler71(), 428570, "<code>euler71()</code> should return 428570.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler71() {
+  // Good luck!
+  return true;
+}
+
+euler71();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-72-counting-fractions.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-72-counting-fractions.russian.md
new file mode 100644
index 0000000000..65b0d62e32
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-72-counting-fractions.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b41000cf542c50fec7
+challengeType: 5
+title: 'Problem 72: Counting fractions'
+videoUrl: ''
+localeTitle: 'Задача 72: Подсчет фракций'
+---
+
+## Description
+<section id="description"> Рассмотрим дробь n / d, где n и d - целые положительные числа. Если n <d 1="" 2="" 3="" 4="" 5="" 6="" 7="" 8="" 21="" and="" hcf(n,d)="1," it="" is="" called="" a="" reduced="" proper="" fraction.="" if="" we="" list="" the="" set="" of="" fractions="" for="" d="" ≤="" in="" ascending="" order="" size,="" get:="" 8,="" 7,="" 6,="" 5,="" 4,="" 3,="" 2,="" can="" be="" seen="" that="" there="" are="" elements="" this="" set.="" how="" many="" would="" contained="" 1,000,000?="" &#x3C;="" section=""><h2> инструкции </h2><section id="instructions"></section><h2> тесты </h2><section id="tests"><pre> <code class="language-yml">tests: - text: &lt;code&gt;euler72()&lt;/code&gt; should return 303963552391. testString: &#39;assert.strictEqual(euler72(), 303963552391, &quot;&lt;code&gt;euler72()&lt;/code&gt; should return 303963552391.&quot;);&#39;</code> </pre></section><h2> Сезон испытания </h2><section id="challengeSeed"><div id="js-seed"><pre> <code class="language-js">function euler72() { // Good luck! return true; } euler72();</code> </pre></div></section><h2> Решение </h2><section id="solution"><pre> <code class="language-js">// solution required</code> </pre></section></d></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler72()</code> должен возвращать 303963552391.
+    testString: 'assert.strictEqual(euler72(), 303963552391, "<code>euler72()</code> should return 303963552391.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler72() {
+  // Good luck!
+  return true;
+}
+
+euler72();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-73-counting-fractions-in-a-range.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-73-counting-fractions-in-a-range.russian.md
new file mode 100644
index 0000000000..8df03e9a0c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-73-counting-fractions-in-a-range.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b61000cf542c50fec8
+challengeType: 5
+title: 'Problem 73: Counting fractions in a range'
+videoUrl: ''
+localeTitle: 'Задача 73: подсчет фракций в диапазоне'
+---
+
+## Description
+<section id="description"> Рассмотрим дробь n / d, где n и d - целые положительные числа. Если n <d 1="" 2="" 3="" 4="" 5="" 6="" 7="" 8="" and="" hcf(n,d)="1," it="" is="" called="" a="" reduced="" proper="" fraction.="" if="" we="" list="" the="" set="" of="" fractions="" for="" d="" ≤="" in="" ascending="" order="" size,="" get:="" 8,="" 7,="" 6,="" 5,="" 4,="" 3,="" 2,="" can="" be="" seen="" that="" there="" are="" between="" 2.="" how="" many="" lie="" sorted="" 12,000?="" &#x3C;="" section=""><h2> инструкции </h2><section id="instructions"></section><h2> тесты </h2><section id="tests"><pre> <code class="language-yml">tests: - text: &lt;code&gt;euler73()&lt;/code&gt; should return 7295372. testString: &#39;assert.strictEqual(euler73(), 7295372, &quot;&lt;code&gt;euler73()&lt;/code&gt; should return 7295372.&quot;);&#39;</code> </pre></section><h2> Сезон испытания </h2><section id="challengeSeed"><div id="js-seed"><pre> <code class="language-js">function euler73() { // Good luck! return true; } euler73();</code> </pre></div></section><h2> Решение </h2><section id="solution"><pre> <code class="language-js">// solution required</code> </pre></section></d></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler73()</code> должен возвращать 7295372.
+    testString: 'assert.strictEqual(euler73(), 7295372, "<code>euler73()</code> should return 7295372.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler73() {
+  // Good luck!
+  return true;
+}
+
+euler73();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-74-digit-factorial-chains.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-74-digit-factorial-chains.russian.md
new file mode 100644
index 0000000000..8b07f00b4c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-74-digit-factorial-chains.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b61000cf542c50fec9
+challengeType: 5
+title: 'Problem 74: Digit factorial chains'
+videoUrl: ''
+localeTitle: 'Задача 74: Цифровые факториальные цепи'
+---
+
+## Description
+<section id="description"> Число 145 хорошо известно тем свойством, что сумма факториала его цифр равна 145: 1! + 4! + 5! = 1 + 24 + 120 = 145 Возможно, менее хорошо известно 169, поскольку оно производит самую длинную цепочку чисел, которая ссылается на 169; оказывается, что существует только три таких цикла: 169 → 363601 → 1454 → 169 871 → 45361 → 871 872 → 45362 → 872 Нетрудно доказать, что КАЖДЫЙ стартовый номер в конечном итоге застревает в цикле. Например, 69 → 363600 → 1454 → 169 → 363601 (→ 1454) 78 → 45360 → 871 → 45361 (→ 871) 540 → 145 (→ 145) Начиная с 69 выдает цепочку из пяти не повторяющихся терминов, но самая длинная не повторяющаяся цепочка с начальным числом ниже миллиона составляет шестьдесят терминов. Сколько цепей с начальным номером ниже миллиона содержит ровно шестьдесят неповторяющихся терминов? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler74()</code> должен возвращать 402.
+    testString: 'assert.strictEqual(euler74(), 402, "<code>euler74()</code> should return 402.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler74() {
+  // Good luck!
+  return true;
+}
+
+euler74();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-75-singular-integer-right-triangles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-75-singular-integer-right-triangles.russian.md
new file mode 100644
index 0000000000..8e3120982f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-75-singular-integer-right-triangles.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b71000cf542c50feca
+challengeType: 5
+title: 'Problem 75: Singular integer right triangles'
+videoUrl: ''
+localeTitle: 'Задача 75: Сингулярные целые правые треугольники'
+---
+
+## Description
+<section id="description"> Оказывается, что 12 см - это самая маленькая длина провода, которая может быть согнута, чтобы сформировать целочисленный прямоугольный треугольник в одном направлении, но есть еще много примеров. 12 см: (3,4,5) 24 см: (6,8,10) 30 см: (5,12,13) ​​36 см: (9,12,15) 40 см: (8,15,17) 48 см: (12,16,20) Напротив, некоторые длины проволоки, например 20 см, не могут быть согнуты, чтобы образовать целочисленный треугольник с прямым углом, а другие длины позволяют найти более одного решения; например, используя 120 см, можно сформировать ровно три разных целочисленных прямоугольных треугольника. 120 см: (30,40,50), (20,48,52), (24,45,51) Учитывая, что L - длина провода, для количества значений L ≤ 1 500 000 может быть ровно одно целое одностороннее право треугольный треугольник? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler75()</code> должен вернуть 161667.
+    testString: 'assert.strictEqual(euler75(), 161667, "<code>euler75()</code> should return 161667.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler75() {
+  // Good luck!
+  return true;
+}
+
+euler75();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-76-counting-summations.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-76-counting-summations.russian.md
new file mode 100644
index 0000000000..3aaae7488e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-76-counting-summations.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b81000cf542c50fecb
+challengeType: 5
+title: 'Problem 76: Counting summations'
+videoUrl: ''
+localeTitle: 'Задача 76: подсчет сумм'
+---
+
+## Description
+<section id="description"> Можно записать пять в виде суммы ровно по шесть разных способов: 4 + 1 3 + 2 3 + 1 + 1 2 + 2 + 1 2 + 1 + 1 + 1 1 + 1 + 1 + 1 + 1 Сколько разных пути можно записать в виде суммы по крайней мере двух положительных целых чисел? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler76()</code> должен вернуть 190569291.
+    testString: 'assert.strictEqual(euler76(), 190569291, "<code>euler76()</code> should return 190569291.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler76() {
+  // Good luck!
+  return true;
+}
+
+euler76();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-77-prime-summations.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-77-prime-summations.russian.md
new file mode 100644
index 0000000000..e987cb3d2d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-77-prime-summations.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3b91000cf542c50fecc
+challengeType: 5
+title: 'Problem 77: Prime summations'
+videoUrl: ''
+localeTitle: 'Задача 77: Основные суммы'
+---
+
+## Description
+<section id="description"> Можно записать десять как сумму простых чисел ровно пятью разными способами: 7 + 3 5 + 5 5 + 3 + 2 3 + 3 + 2 + 2 2 + 2 + 2 + 2 + 2 Каково первое значение, которое может быть записана как сумма простых чисел более чем пятью тысячами разных способов? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler77()</code> должен возвращать 71.
+    testString: 'assert.strictEqual(euler77(), 71, "<code>euler77()</code> should return 71.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler77() {
+  // Good luck!
+  return true;
+}
+
+euler77();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-78-coin-partitions.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-78-coin-partitions.russian.md
new file mode 100644
index 0000000000..ded0196d01
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-78-coin-partitions.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ba1000cf542c50fecd
+challengeType: 5
+title: 'Problem 78: Coin partitions'
+videoUrl: ''
+localeTitle: 'Проблема 78: Монетные перегородки'
+---
+
+## Description
+<section id="description"> Пусть p (n) представляет количество различных способов, в которых n монеты могут быть разделены на свай. Например, пять монет могут быть разделены на сваи ровно семь различными способами, поэтому p (5) = 7. <p> OOOOO OOOO O OOO OO OOO O O OO OO O O O O O O O O O </p><p> Найдите наименьшее значение n, для которого p (n) делится на миллион. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler78()</code> должен вернуть 55374.
+    testString: 'assert.strictEqual(euler78(), 55374, "<code>euler78()</code> should return 55374.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler78() {
+  // Good luck!
+  return true;
+}
+
+euler78();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-79-passcode-derivation.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-79-passcode-derivation.russian.md
new file mode 100644
index 0000000000..91a41887bb
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-79-passcode-derivation.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3bb1000cf542c50fece
+challengeType: 5
+title: 'Problem 79: Passcode derivation'
+videoUrl: ''
+localeTitle: 'Проблема 79: Получение паролей'
+---
+
+## Description
+<section id="description"> Общим методом защиты, используемым для онлайн-банкинга, является запрос пользователю о трех случайных символах из кода доступа. Например, если код доступа 531278, они могут запросить 2-й, 3-й и 5-й символы; ожидаемым ответом будет: 317. Текстовый файл keylog.txt содержит пятьдесят успешных попыток входа в систему. Учитывая, что три символа всегда запрашиваются по порядку, проанализируйте файл, чтобы определить максимально короткий секретный код неизвестной длины. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler79()</code> должен вернуть 73162890.
+    testString: 'assert.strictEqual(euler79(), 73162890, "<code>euler79()</code> should return 73162890.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler79() {
+  // Good luck!
+  return true;
+}
+
+euler79();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-8-largest-product-in-a-series.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-8-largest-product-in-a-series.russian.md
new file mode 100644
index 0000000000..4c1e956f68
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-8-largest-product-in-a-series.russian.md
@@ -0,0 +1,58 @@
+---
+id: 5900f3741000cf542c50fe87
+challengeType: 5
+title: 'Problem 8: Largest product in a series'
+videoUrl: ''
+localeTitle: 'Задача 8: Крупнейший продукт в серии'
+---
+
+## Description
+<section id="description"> Четыре смежных цифры в 1000-значном числе, которые имеют наибольший продукт, составляют 9 × 9 × 8 × 9 = 5832. <div style="text-align: center;"> 73167176531330624919225119674426574742355349194934 </div><div style="text-align: center;"> 96983520312774506326239578318016984801869478851843 </div><div style="text-align: center;"> 85861560789112949495459501737958331952853208805511 </div><div style="text-align: center;"> 12540698747158523863050715693290963295227443043557 </div><div style="text-align: center;"> 66896648950445244523161731856403098711121722383113 </div><div style="text-align: center;"> 62229893423380308135336276614282806444486645238749 </div><div style="text-align: center;"> 30358907296290491560440772390713810515859307960866 </div><div style="text-align: center;"> 70172427121883998797908792274921901699720888093776 </div><div style="text-align: center;"> 65727333001053367881220235421809751254540594752243 </div><div style="text-align: center;"> 52584907711670556013604839586446706324415722155397 </div><div style="text-align: center;"> 53697817977846174064955149290862569321978468622482 </div><div style="text-align: center;"> 83972241375657056057490261407972968652414535100474 </div><div style="text-align: center;"> 82166370484403199890008895243450658541227588666881 </div><div style="text-align: center;"> 16427171479924442928230863465674813919123162824586 </div><div style="text-align: center;"> 17866458359124566529476545682848912883142607690042 </div><div style="text-align: center;"> 24219022671055626321111109370544217506941658960408 </div><div style="text-align: center;"> 07198403850962455444362981230987879927244284909188 </div><div style="text-align: center;"> 84580156166097919133875499200524063689912560717606 </div><div style="text-align: center;"> 05886116467109405077541002256983155200055935729725 </div><div style="text-align: center;"> 71636269561882670428252483600823257530420752963450 </div> Найдите <code>n</code> смежных цифр в 1000-значном номере, который имеет наибольший продукт. Какова ценность этого продукта? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>largestProductinaSeries(4)</code> должен вернуть 5832.
+    testString: 'assert.strictEqual(largestProductinaSeries(4), 5832, "<code>largestProductinaSeries(4)</code> should return 5832.");'
+  - text: <code>largestProductinaSeries(13)</code> должен вернуть 23514624000.
+    testString: 'assert.strictEqual(largestProductinaSeries(13), 23514624000, "<code>largestProductinaSeries(13)</code> should return 23514624000.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function largestProductinaSeries(n) {
+  // Good luck!
+  let thousandDigits = [7,3,1,6,7,1,7,6,5,3,1,3,3,0,6,2,4,9,1,9,2,2,5,1,1,9,6,7,4,4,2,6,5,7,4,7,4,2,3,5,5,3,4,9,1,9,4,9,3,4,9,6,9,8,3,5,2,0,3,1,2,7,7,4,5,0,6,3,2,6,2,3,9,5,7,8,3,1,8,0,1,6,9,8,4,8,0,1,8,6,9,4,7,8,8,5,1,8,4,3,8,5,8,6,1,5,6,0,7,8,9,1,1,2,9,4,9,4,9,5,4,5,9,5,0,1,7,3,7,9,5,8,3,3,1,9,5,2,8,5,3,2,0,8,8,0,5,5,1,1,1,2,5,4,0,6,9,8,7,4,7,1,5,8,5,2,3,8,6,3,0,5,0,7,1,5,6,9,3,2,9,0,9,6,3,2,9,5,2,2,7,4,4,3,0,4,3,5,5,7,6,6,8,9,6,6,4,8,9,5,0,4,4,5,2,4,4,5,2,3,1,6,1,7,3,1,8,5,6,4,0,3,0,9,8,7,1,1,1,2,1,7,2,2,3,8,3,1,1,3,6,2,2,2,9,8,9,3,4,2,3,3,8,0,3,0,8,1,3,5,3,3,6,2,7,6,6,1,4,2,8,2,8,0,6,4,4,4,4,8,6,6,4,5,2,3,8,7,4,9,3,0,3,5,8,9,0,7,2,9,6,2,9,0,4,9,1,5,6,0,4,4,0,7,7,2,3,9,0,7,1,3,8,1,0,5,1,5,8,5,9,3,0,7,9,6,0,8,6,6,7,0,1,7,2,4,2,7,1,2,1,8,8,3,9,9,8,7,9,7,9,0,8,7,9,2,2,7,4,9,2,1,9,0,1,6,9,9,7,2,0,8,8,8,0,9,3,7,7,6,6,5,7,2,7,3,3,3,0,0,1,0,5,3,3,6,7,8,8,1,2,2,0,2,3,5,4,2,1,8,0,9,7,5,1,2,5,4,5,4,0,5,9,4,7,5,2,2,4,3,5,2,5,8,4,9,0,7,7,1,1,6,7,0,5,5,6,0,1,3,6,0,4,8,3,9,5,8,6,4,4,6,7,0,6,3,2,4,4,1,5,7,2,2,1,5,5,3,9,7,5,3,6,9,7,8,1,7,9,7,7,8,4,6,1,7,4,0,6,4,9,5,5,1,4,9,2,9,0,8,6,2,5,6,9,3,2,1,9,7,8,4,6,8,6,2,2,4,8,2,8,3,9,7,2,2,4,1,3,7,5,6,5,7,0,5,6,0,5,7,4,9,0,2,6,1,4,0,7,9,7,2,9,6,8,6,5,2,4,1,4,5,3,5,1,0,0,4,7,4,8,2,1,6,6,3,7,0,4,8,4,4,0,3,1,9,9,8,9,0,0,0,8,8,9,5,2,4,3,4,5,0,6,5,8,5,4,1,2,2,7,5,8,8,6,6,6,8,8,1,1,6,4,2,7,1,7,1,4,7,9,9,2,4,4,4,2,9,2,8,2,3,0,8,6,3,4,6,5,6,7,4,8,1,3,9,1,9,1,2,3,1,6,2,8,2,4,5,8,6,1,7,8,6,6,4,5,8,3,5,9,1,2,4,5,6,6,5,2,9,4,7,6,5,4,5,6,8,2,8,4,8,9,1,2,8,8,3,1,4,2,6,0,7,6,9,0,0,4,2,2,4,2,1,9,0,2,2,6,7,1,0,5,5,6,2,6,3,2,1,1,1,1,1,0,9,3,7,0,5,4,4,2,1,7,5,0,6,9,4,1,6,5,8,9,6,0,4,0,8,0,7,1,9,8,4,0,3,8,5,0,9,6,2,4,5,5,4,4,4,3,6,2,9,8,1,2,3,0,9,8,7,8,7,9,9,2,7,2,4,4,2,8,4,9,0,9,1,8,8,8,4,5,8,0,1,5,6,1,6,6,0,9,7,9,1,9,1,3,3,8,7,5,4,9,9,2,0,0,5,2,4,0,6,3,6,8,9,9,1,2,5,6,0,7,1,7,6,0,6,0,5,8,8,6,1,1,6,4,6,7,1,0,9,4,0,5,0,7,7,5,4,1,0,0,2,2,5,6,9,8,3,1,5,5,2,0,0,0,5,5,9,3,5,7,2,9,7,2,5,7,1,6,3,6,2,6,9,5,6,1,8,8,2,6,7,0,4,2,8,2,5,2,4,8,3,6,0,0,8,2,3,2,5,7,5,3,0,4,2,0,7,5,2,9,6,3,4,5,0];
+  return true;
+}
+
+largestProductinaSeries(13);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-80-square-root-digital-expansion.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-80-square-root-digital-expansion.russian.md
new file mode 100644
index 0000000000..c6a37309b8
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-80-square-root-digital-expansion.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3bc1000cf542c50fecf
+challengeType: 5
+title: 'Problem 80: Square root digital expansion'
+videoUrl: ''
+localeTitle: 'Проблема 80: Цифровое расширение с квадратным корнем'
+---
+
+## Description
+<section id="description"> Хорошо известно, что если квадратный корень из натурального числа не является целым числом, то он иррационален. Десятичное разложение таких квадратных корней бесконечно без каких-либо повторяющихся закономерностей. Квадратный корень из двух равен 1.41421356237309504880 ..., а цифровая сумма первой сто десятичной цифры - 475. Для первых сотен натуральных чисел найдите общее количество цифровых сумм первой сто десятичной цифры для всех иррациональные квадратные корни. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler80()</code> должен возвращать 40886.
+    testString: 'assert.strictEqual(euler80(), 40886, "<code>euler80()</code> should return 40886.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler80() {
+  // Good luck!
+  return true;
+}
+
+euler80();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-81-path-sum-two-ways.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-81-path-sum-two-ways.russian.md
new file mode 100644
index 0000000000..a3bcbfdef0
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-81-path-sum-two-ways.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3bd1000cf542c50fed0
+challengeType: 5
+title: 'Problem 81: Path sum: two ways'
+videoUrl: ''
+localeTitle: 'Задача 81: сумма пути: два пути'
+---
+
+## Description
+<section id="description"> В приведенной ниже матрице 5 на 5 минимальная сумма пути от верхнего левого к нижнему праву, только перемещаясь вправо и вниз, обозначена жирным красным цветом и равна 2427. <p> $$ \ begin {pmatrix} \ color {red} {131} &amp; 673 &amp; 234 &amp; 103 &amp; 18 \ \ color {red} {201} &amp; \ color {red} {96} &amp; \ color {red} {342} &amp; 965 &amp; 150 \ 630 &amp; 803 &amp; \ color {red} {746} &amp; \ color {red} {422} &amp; 111 \ 537 &amp; 699 &amp; 497 &amp; \ color {red} {121} &amp; 956 \ 805 &amp; 732 &amp; 524 &amp; \ color {red} {37} &amp; \ color {red} {331} \ end {pmatrix} $$ </p><p> Найдите минимальную сумму пути в файле matrix.txt (щелкните правой кнопкой мыши и «Сохранить ссылку / цель как ...»), текстовый файл размером 31 КБ, содержащий матрицу 80 на 80, от верхнего левого к нижнему праву, только двигаясь вправо и вправо вниз. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler81()</code> должен вернуть 427337.
+    testString: 'assert.strictEqual(euler81(), 427337, "<code>euler81()</code> should return 427337.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler81() {
+  // Good luck!
+  return true;
+}
+
+euler81();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-82-path-sum-three-ways.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-82-path-sum-three-ways.russian.md
new file mode 100644
index 0000000000..be4319f92f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-82-path-sum-three-ways.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3be1000cf542c50fed1
+challengeType: 5
+title: 'Problem 82: Path sum: three ways'
+videoUrl: ''
+localeTitle: 'Задача 82: сумма пути: три способа'
+---
+
+## Description
+<section id="description"> ПРИМЕЧАНИЕ. Эта проблема представляет собой более сложную версию задачи 81. Минимальная сумма пути в матрице 5 на 5 ниже, начиная с любой ячейки в левом столбце и заканчивая в любой ячейке в правом столбце и только перемещаясь вверх, вниз , а справа - красным и полужирным; сумма равна 994. <p> $$ \ begin {pmatrix} 131 &amp; 673 &amp; \ color {red} {234} &amp; \ color {red} {103} &amp; \ color {red} {18} \ \ color {red} {201} &amp; \ color { красный} {96} &amp; \ color {red} {342} &amp; 965 &amp; 150 \ 630 &amp; 803 &amp; 746 &amp; 422 &amp; 111 \ 537 &amp; 699 &amp; 497 &amp; 121 &amp; 956 \ 805 &amp; 732 &amp; 524 &amp; 37 &amp; 331 \ end {pmatrix} $$ </p><p> Найдите минимальную сумму пути в файле matrix.txt (щелкните правой кнопкой мыши и «Сохранить ссылку / цель как ...»), текстовый файл 31K, содержащий матрицу 80 на 80, от левого столбца до правого столбца. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler82()</code> должен вернуть 260324.
+    testString: 'assert.strictEqual(euler82(), 260324, "<code>euler82()</code> should return 260324.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler82() {
+  // Good luck!
+  return true;
+}
+
+euler82();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-83-path-sum-four-ways.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-83-path-sum-four-ways.russian.md
new file mode 100644
index 0000000000..505138331b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-83-path-sum-four-ways.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3bf1000cf542c50fed2
+challengeType: 5
+title: 'Problem 83: Path sum: four ways'
+videoUrl: ''
+localeTitle: 'Задача 83: сумма пути: четыре способа'
+---
+
+## Description
+<section id="description"> ПРИМЕЧАНИЕ. Эта проблема является значительно более сложной версией проблемы 81. В нижеуказанной матрице 5 на 5 минимальная сумма пути от верхнего левого к нижнему праву, перемещаясь влево, вправо, вверх и вниз, выделена жирным шрифтом красный и равен 2297. <p> $$ \ begin {pmatrix} \ color {red} {131} &amp; 673 &amp; \ color {red} {234} &amp; \ color {red} {103} &amp; \ color {red} {18} \ \ color {red} {201} &amp; \ color {red} {96} &amp; \ color {red} {342} &amp; 965 &amp; \ color {red} {150} \ 630 &amp; 803 &amp; 746 &amp; \ color {red} {422} &amp; \ color {red} {111} \ 537 &amp; 699 &amp; 497 &amp; \ color {red} {121} &amp; 956 \ 805 &amp; 732 &amp; 524 &amp; \ color {red} {37} &amp; \ color {red} {331} \ end { pmatrix} $$ </p><p> Найдите минимальную сумму пути в файле matrix.txt (щелкните правой кнопкой мыши и «Сохранить ссылку / цель как ...»), текстовый файл размером 31 КБ, содержащий матрицу 80 на 80, от верхнего левого к нижнему праву, перемещая влево, вправо , вверх и вниз. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler83()</code> должен возвращать 425185.
+    testString: 'assert.strictEqual(euler83(), 425185, "<code>euler83()</code> should return 425185.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler83() {
+  // Good luck!
+  return true;
+}
+
+euler83();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-84-monopoly-odds.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-84-monopoly-odds.russian.md
new file mode 100644
index 0000000000..244bae7952
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-84-monopoly-odds.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c11000cf542c50fed3
+challengeType: 5
+title: 'Problem 84: Monopoly odds'
+videoUrl: ''
+localeTitle: 'Задача 84: Монопольные коэффициенты'
+---
+
+## Description
+<section id="description"> В игре «Монополия» стандартная доска устанавливается следующим образом: <p> GO A1 CC1 A2 T1 R1 B1 CH1 B2 B3 JAIL H2 </p><p> C1 T2 </p><p> U1 H1 </p><p> C2 CH3 </p><p> C3R4 </p><p> R2 G3 </p><p> D1 CC3 </p><p> CC2 G2 </p><p> D2 G1 </p><p> D3 G2J F3 U2 F2 F1 R3 E3 E2 CH2 E1 FP </p><p> Игрок начинает с квадрата GO и добавляет оценки на двух 6-сторонних кубиках, чтобы определить количество квадратов, которые они продвигают по часовой стрелке. Без каких-либо дополнительных правил мы ожидали бы посетить каждый квадрат с равной вероятностью: 2,5%. Однако посадку на G2J (Go To Jail), CC (сундук сообщества) и CH (шанс) меняют это распределение. В дополнение к G2J и одной карте от каждой из CC и CH, которая приказывает игроку напрямую попасть в тюрьму, если игрок выполняет три последовательных удвоения, они не продвигают результат своего третьего броска. Вместо этого они отправляются непосредственно в тюрьму. В начале игры карты CC и CH перетасовываются. Когда игрок приземляется на CC или CH, они берут карту с верхней части соответствующей сваи и, следуя инструкциям, возвращаются на дно кучи. В каждой куче шестнадцать карточек, но для этой проблемы мы имеем дело только с карточками, которые заказывают движение; любая инструкция, не связанная с движением, будет проигнорирована, и игрок останется на квадрате CC / CH. Community Chest (2/16 карт): Advance to GO Перейти в JAIL </p><p> Шанс (10/16 карт): Advance to GO Перейти в JAIL Перейти к C1 Перейти к E3 Перейти к H2 Перейти к R1 Перейти к следующей R (железнодорожная компания) Перейти к следующей R Перейти к следующей U (коммунальная компания) Вернуться назад 3 квадрата , </p><p> Сердце этой проблемы связано с вероятностью посещения определенной площади. То есть, вероятность окончания на этом квадрате после рулона. По этой причине должно быть ясно, что за исключением G2J, для которого вероятность завершения на нем равна нулю, квадраты CH будут иметь наименьшую вероятность, так как 5/8 запрашивают движение на другой квадрат, и это окончательный квадрат, который игрок заканчивает на каждом броске, который нам интересен. Мы не будем проводить различие между «Just Visiting» и отправлением в JAIL, и мы также будем игнорировать правило о требовании двойного «выйти из тюрьмы», предполагая, что они платят, чтобы выйти на следующий ход. Начиная с GO и нумерации квадратов последовательно от 00 до 39, мы можем объединить эти двузначные числа, чтобы создать строки, соответствующие наборам квадратов. Статистически можно показать, что три наиболее популярных квадрата в порядке: JAIL (6.24%) = Square 10, E3 (3.18%) = Квадрат 24 и GO (3.09%) = Квадрат 00. Таким образом, эти три самых популярных квадрата могут быть перечислены с шестизначной модальной строкой: 102400. Если вместо использования двух 6-сторонних кубиков используются две 4-сторонние кости, найдите шестизначную модальную строку. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler84()</code> должен вернуть 101524.
+    testString: 'assert.strictEqual(euler84(), 101524, "<code>euler84()</code> should return 101524.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler84() {
+  // Good luck!
+  return true;
+}
+
+euler84();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-85-counting-rectangles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-85-counting-rectangles.russian.md
new file mode 100644
index 0000000000..ed6e04e9e0
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-85-counting-rectangles.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c11000cf542c50fed4
+challengeType: 5
+title: 'Problem 85: Counting rectangles'
+videoUrl: ''
+localeTitle: 'Задача 85: подсчет прямоугольников'
+---
+
+## Description
+<section id="description"> Считая внимательно, можно видеть, что прямоугольная сетка размером 3 на 2 содержит восемнадцать прямоугольников: <p> Хотя нет прямоугольной сетки, содержащей ровно два миллиона прямоугольников, найдите область сетки с ближайшим решением. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler85()</code> должен вернуть 2772.
+    testString: 'assert.strictEqual(euler85(), 2772, "<code>euler85()</code> should return 2772.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler85() {
+  // Good luck!
+  return true;
+}
+
+euler85();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-86-cuboid-route.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-86-cuboid-route.russian.md
new file mode 100644
index 0000000000..ff6f74b813
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-86-cuboid-route.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c31000cf542c50fed5
+challengeType: 5
+title: 'Problem 86: Cuboid route'
+videoUrl: ''
+localeTitle: 'Задача 86: Кубоидный маршрут'
+---
+
+## Description
+<section id="description"> Паук, S, сидит в одном углу кубической комнаты, измеряя 6 на 5 на 3, а муха, F, сидит в противоположном углу. Проезжая по поверхности комнаты, кратчайшее «прямолинейное» расстояние от S до F равно 10, и путь показан на диаграмме. <p> Однако для любого данного кубоида существует до трех «кратчайших» кандидатов, а кратчайший маршрут не всегда имеет целую длину. Можно показать, что существует ровно 2060 различных кубоидов, игнорирующих вращения с целыми размерами, вплоть до максимального размера M по M на M, для которого кратчайший маршрут имеет целую длину при M = 100. Это наименьшее значение M, для которого количество решений сначала превышает две тысячи; количество решений, когда M = 99 - 1975. Найдите наименьшее значение M, так что число решений сначала превышает один миллион. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler86()</code> должен возвращать 1818.
+    testString: 'assert.strictEqual(euler86(), 1818, "<code>euler86()</code> should return 1818.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler86() {
+  // Good luck!
+  return true;
+}
+
+euler86();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-87-prime-power-triples.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-87-prime-power-triples.russian.md
new file mode 100644
index 0000000000..e0179afeb2
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-87-prime-power-triples.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c51000cf542c50fed8
+challengeType: 5
+title: 'Problem 87: Prime power triples'
+videoUrl: ''
+localeTitle: 'Задача 87: тройки власти'
+---
+
+## Description
+<section id="description"> Наименьшее число, выражаемое как сумма простого квадрата, простого куба и первичной четвертой степени, равно 28. На самом деле существует ровно четыре числа ниже пятидесяти, которые могут быть выражены таким образом: 28 = 22 + 23 + 24 33 = 32 + 23 + 24 49 = 52 + 23 + 24 47 = 22 + 33 + 24 Сколько чисел ниже пятидесяти миллионов может быть выражено как сумма простого квадрата, первого куба и первичной четвертой степени? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler87()</code> должен вернуть 1097343.
+    testString: 'assert.strictEqual(euler87(), 1097343, "<code>euler87()</code> should return 1097343.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler87() {
+  // Good luck!
+  return true;
+}
+
+euler87();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-88-product-sum-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-88-product-sum-numbers.russian.md
new file mode 100644
index 0000000000..bab9aad19e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-88-product-sum-numbers.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c51000cf542c50fed6
+challengeType: 5
+title: 'Problem 88: Product-sum numbers'
+videoUrl: ''
+localeTitle: 'Задача 88: номера продуктов'
+---
+
+## Description
+<section id="description"> Естественное число N, которое может быть записано как сумма и произведение заданного множества по крайней мере двух натуральных чисел, {a1, a2, ..., ak} называется номером суммы произведения: N = a1 + a2 + ... + ak = a1 × a2 × ... × ak. Например, 6 = 1 + 2 + 3 = 1 × 2 × 3. Для данного набора размеров k мы будем называть наименьшее N с этим свойством минимальным номером суммы произведений. Минимальные номера продуктов для наборов размеров k = 2, 3, 4, 5 и 6 заключаются в следующем. k = 2: 4 = 2 × 2 = 2 + 2k = 3: 6 = 1 × 2 × 3 = 1 + 2 + 3k = 4: 8 = 1 × 1 × 2 × 4 = 1 + 1 + 2 + 4k = 5: 8 = 1 × 1 × 2 × 2 × 2 = 1 + 1 + 2 + 2 + 2k = 6: 12 = 1 × 1 × 1 × 1 × 2 × 6 = 1 + 1 + 1 + 1 + 2 + 6 Следовательно, для 2≤k≤6 сумма всех минимальных чисел суммы произведения равна 4 + 6 + 8 + 12 = 30; обратите внимание, что 8 подсчитывается только один раз в сумме. На самом деле, поскольку полный набор минимальных номеров продуктов для 2≤k≤12 равен {4, 6, 8, 12, 15, 16}, сумма равна 61. Какова сумма всей минимальной суммы продукта номера для 2≤k≤12000? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler88()</code> должен вернуть 7587457.
+    testString: 'assert.strictEqual(euler88(), 7587457, "<code>euler88()</code> should return 7587457.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler88() {
+  // Good luck!
+  return true;
+}
+
+euler88();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-89-roman-numerals.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-89-roman-numerals.russian.md
new file mode 100644
index 0000000000..9579d75f7b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-89-roman-numerals.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c51000cf542c50fed7
+challengeType: 5
+title: 'Problem 89: Roman numerals'
+videoUrl: ''
+localeTitle: 'Задача 89: римские цифры'
+---
+
+## Description
+<section id="description"> Для того чтобы число, написанное на римских цифрах, считалось действительным, существуют основные правила, которым необходимо следовать. Несмотря на то, что правила позволяют некоторым числам выражаться более чем одним способом, всегда существует «лучший» способ записи определенного числа. Например, казалось бы, существует, по крайней мере, шесть способов написания числа шестнадцать: II. IIIIIIIIIIIIIIIIII VIIIIIIIIII VIIIIIIIIIIIIIIVIVIVI XVI. Однако, согласно правилам, действительны только XIIIIII и XVI, а последний пример считается наиболее эффективным, поскольку он использует наименьшее число цифр. Текстовый файл 11K, roman.txt (правый щелчок и «Сохранить ссылку / цель как ...») содержит тысячу чисел, написанных на действительных, но не обязательно минимальных римских цифрах; см. О ... Римские цифры для окончательных правил для этой проблемы. Найдите количество символов, сохраненных путем записи каждого из них в их минимальной форме. Примечание. Можно предположить, что все римские цифры в файле содержат не более четырех последовательных идентичных единиц. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler89()</code> должен возвращать 743.
+    testString: 'assert.strictEqual(euler89(), 743, "<code>euler89()</code> should return 743.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler89() {
+  // Good luck!
+  return true;
+}
+
+euler89();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-9-special-pythagorean-triplet.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-9-special-pythagorean-triplet.russian.md
new file mode 100644
index 0000000000..f7eb6d3756
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-9-special-pythagorean-triplet.russian.md
@@ -0,0 +1,60 @@
+---
+id: 5900f3761000cf542c50fe88
+challengeType: 5
+title: 'Problem 9: Special Pythagorean triplet'
+videoUrl: ''
+localeTitle: 'Задача 9: Специальный пифагорейский триплет'
+---
+
+## Description
+<section id="description"> Пифагорейский триплет представляет собой набор из трех натуральных чисел <var>a</var> &lt; <var>b</var> &lt; <var>c</var> , для которых, <div style="text-align: center;"> <var>a</var> <sup>2</sup> + <var>b</var> <sup>2</sup> = <var>c</var> <sup>2</sup> </div> Например, 3 <sup>2</sup> + 4 <sup>2</sup> = 9 + 16 = 25 = 5 <sup>2</sup> . Существует ровно один пифагорейский триплет, для которого <var>a</var> + <var>b</var> + <var>c</var> = 1000. Найдите произведение <var>abc</var> такое, что <var>a</var> + <var>b</var> + <var>c</var> = <code>n</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>specialPythagoreanTriplet(1000)</code> должен возвращать 31875000.
+    testString: 'assert.strictEqual(specialPythagoreanTriplet(1000), 31875000, "<code>specialPythagoreanTriplet(1000)</code> should return 31875000.");'
+  - text: <code>specialPythagoreanTriplet(24)</code> должен вернуть 480.
+    testString: 'assert.strictEqual(specialPythagoreanTriplet(24), 480, "<code>specialPythagoreanTriplet(24)</code> should return 480.");'
+  - text: <code>specialPythagoreanTriplet(120)</code> должен вернуть 49920.
+    testString: 'assert.strictEqual(specialPythagoreanTriplet(120), 49920, "<code>specialPythagoreanTriplet(120)</code> should return 49920.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function specialPythagoreanTriplet(n) {
+ let sumOfabc = n;
+ // Good luck!
+ return true;
+}
+
+specialPythagoreanTriplet(1000);
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-90-cube-digit-pairs.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-90-cube-digit-pairs.russian.md
new file mode 100644
index 0000000000..d02b031d6b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-90-cube-digit-pairs.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c61000cf542c50fed9
+challengeType: 5
+title: 'Problem 90: Cube digit pairs'
+videoUrl: ''
+localeTitle: 'Задача 90: пары цифр куба'
+---
+
+## Description
+<section id="description"> На каждой из шести граней на кубе записана другая цифра (от 0 до 9); то же самое делается со вторым кубом. Помещая два куба бок о бок в разных положениях, мы можем сформировать множество 2-значных чисел. <p> Например, квадратное число 64 может быть сформировано: </p><p> Фактически, тщательно выбирая цифры на обоих кубах, можно отобразить все квадратные числа ниже 100: 01, 04, 09, 16, 25, 36, 49, 64 и 81. </p><p> Например, одним из способов, которым это может быть достигнуто, является размещение {0, 5, 6, 7, 8, 9} на одном кубе и {1, 2, 3, 4, 8, 9} на другом кубе. </p><p> Однако для этой задачи мы разрешим переворачивание 6 или 9 вверх дном, чтобы такая компоновка, как {0, 5, 6, 7, 8, 9} и {1, 2, 3, 4, 6, 7} позволяет отображать все девять квадратных чисел; иначе было бы невозможно получить 09. </p><p> При определении различной компоновки нас интересуют цифры на каждом кубе, а не порядок. </p><p> {1, 2, 3, 4, 5, 6} эквивалентно {3, 6, 4, 1, 2, 5} {1, 2, 3, 4, 5, 6} отличается от {1, 2, 3, 4, 5, 9} </p><p> Но поскольку мы разрешаем обращение 6 и 9, два разных набора в последнем примере представляют собой расширенный набор {1, 2, 3, 4, 5, 6, 9} с целью формирования двузначных чисел. </p><p> Сколько различных компоновки двух кубов позволяют отображать все квадратные числа? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler90()</code> должен вернуть 1217.
+    testString: 'assert.strictEqual(euler90(), 1217, "<code>euler90()</code> should return 1217.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler90() {
+  // Good luck!
+  return true;
+}
+
+euler90();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-91-right-triangles-with-integer-coordinates.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-91-right-triangles-with-integer-coordinates.russian.md
new file mode 100644
index 0000000000..14cc50abca
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-91-right-triangles-with-integer-coordinates.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c71000cf542c50feda
+challengeType: 5
+title: 'Problem 91: Right triangles with integer coordinates'
+videoUrl: ''
+localeTitle: 'Задача 91: Прямые треугольники с целыми координатами'
+---
+
+## Description
+<section id="description"> Точки P (x1, y1) и Q (x2, y2) нанесены на целые координаты и соединяются с началом O (0,0) с образованием ΔOPQ. <p> Есть ровно четырнадцать треугольников, содержащих прямой угол, который может быть сформирован, когда каждая координата находится между 0 и 2 включительно; то есть 0 ≤ x1, y1, x2, y2 ≤ 2. </p><p> Учитывая, что 0 ≤ x1, y1, x2, y2 ≤ 50, сколько правых треугольников может быть сформировано? </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler91()</code> должен возвращать 14234.
+    testString: 'assert.strictEqual(euler91(), 14234, "<code>euler91()</code> should return 14234.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler91() {
+  // Good luck!
+  return true;
+}
+
+euler91();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-92-square-digit-chains.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-92-square-digit-chains.russian.md
new file mode 100644
index 0000000000..066baed0ec
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-92-square-digit-chains.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3c81000cf542c50fedb
+challengeType: 5
+title: 'Problem 92: Square digit chains'
+videoUrl: ''
+localeTitle: 'Задача 92: Квадратные цифровые цепочки'
+---
+
+## Description
+<section id="description"> Цепочка чисел создается путем непрерывного добавления квадрата цифр в число, чтобы сформировать новое число, пока оно не было замечено раньше. Например, 44 → 32 → 13 → 10 → 1 → 1 85 → 89 → 145 → 42 → 20 → 4 → 16 → 37 → 58 → 89 Поэтому любая цепочка, которая достигает 1 или 89, будет застревать в бесконечном цикле. Самое удивительное, что КАЖДЫЙ стартовый номер в конечном итоге достигнет 1 или 89. Сколько стартовых номеров ниже десяти миллионов прибудет на 89? </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler92()</code> должен вернуть 8581146.
+    testString: 'assert.strictEqual(euler92(), 8581146, "<code>euler92()</code> should return 8581146.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler92() {
+  // Good luck!
+  return true;
+}
+
+euler92();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-93-arithmetic-expressions.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-93-arithmetic-expressions.russian.md
new file mode 100644
index 0000000000..7c7924dd70
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-93-arithmetic-expressions.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ca1000cf542c50fedc
+challengeType: 5
+title: 'Problem 93: Arithmetic expressions'
+videoUrl: ''
+localeTitle: 'Задача 93: Арифметические выражения'
+---
+
+## Description
+<section id="description"> Используя одну из цифр из набора, {1, 2, 3, 4}, ровно один раз, и используя четыре арифметические операции (+, -, *, /) и скобки / круглые скобки, можно сформировать различные положительные целые цели. Например, 8 = (4 * (1 + 3)) / 2 14 = 4 * (3 + 1/2) 19 = 4 * (2 + 3) - 1 36 = 3 * 4 * (2 + 1) Примечание что конкатенации цифр, например 12 + 34, не допускаются. Используя набор {1, 2, 3, 4}, можно получить тридцать один номер цели, из которых 36 является максимальным, и каждое из чисел от 1 до 28 можно получить, прежде чем столкнуться с первым не выражаемым номер. Найдите набор из четырех различных цифр, a &lt;b &lt;c &lt;d, для которого может быть получен самый длинный набор последовательных положительных чисел от 1 до n, давая ваш ответ в виде строки: abcd. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler93()</code> должен вернуть 1258.
+    testString: 'assert.strictEqual(euler93(), 1258, "<code>euler93()</code> should return 1258.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler93() {
+  // Good luck!
+  return true;
+}
+
+euler93();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-94-almost-equilateral-triangles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-94-almost-equilateral-triangles.russian.md
new file mode 100644
index 0000000000..ddfe01a2a3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-94-almost-equilateral-triangles.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ca1000cf542c50fedd
+challengeType: 5
+title: 'Problem 94: Almost equilateral triangles'
+videoUrl: ''
+localeTitle: 'Проблема 94: Почти равносторонние треугольники'
+---
+
+## Description
+<section id="description"> Нетрудно убедиться, что нет равностороннего треугольника с целыми сторонами длины и целой площадью. Однако почти равносторонний треугольник 5-5-6 имеет площадь 12 квадратных единиц. Мы определим почти равносторонний треугольник как треугольник, для которого две стороны равны, а третий отличается не более чем на одну единицу. Найдите сумму периметров всех почти равносторонних треугольников с целыми боковыми длинами и площадью и периметры которых не превышают одного миллиарда (1 000 000 000). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler94()</code> должен вернуть 518408346.
+    testString: 'assert.strictEqual(euler94(), 518408346, "<code>euler94()</code> should return 518408346.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler94() {
+  // Good luck!
+  return true;
+}
+
+euler94();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-95-amicable-chains.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-95-amicable-chains.russian.md
new file mode 100644
index 0000000000..83d587d1c6
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-95-amicable-chains.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3cc1000cf542c50fede
+challengeType: 5
+title: 'Problem 95: Amicable chains'
+videoUrl: ''
+localeTitle: 'Проблема 95: дружественные цепи'
+---
+
+## Description
+<section id="description"> Собственные делители числа - это все делители, исключая само число. Например, правильные делители 28 равны 1, 2, 4, 7 и 14. Так как сумма этих делителей равна 28, мы называем это совершенным числом. Интересно, что сумма правильных делителей 220 равна 284, а сумма собственных делителей 284 равна 220, образуя цепочку из двух чисел. По этой причине 220 и 284 называются дружной парой. Возможно, менее известны более длинные цепи. Например, начиная с 12496, мы формируем цепочку из пяти чисел: 12496 → 14288 → 15472 → 14536 → 14264 (→ 12496 → ...) Так как эта цепочка возвращается к исходной точке, она называется дружной цепочкой. Найдите наименьшего члена самой длинной дружной цепи без элемента, превышающего один миллион. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler95()</code> должен возвращать 14316.
+    testString: 'assert.strictEqual(euler95(), 14316, "<code>euler95()</code> should return 14316.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler95() {
+  // Good luck!
+  return true;
+}
+
+euler95();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-96-su-doku.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-96-su-doku.russian.md
new file mode 100644
index 0000000000..4b2d3d61ad
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-96-su-doku.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3cc1000cf542c50fedf
+challengeType: 5
+title: 'Problem 96: Su Doku'
+videoUrl: ''
+localeTitle: 'Проблема 96: Су Доку'
+---
+
+## Description
+<section id="description"> Su Doku (японский смысл номера) - это имя, данное популярной концепции головоломки. Его происхождение неясно, но кредит должен быть приписан Леонарду Эйлеру, который изобрел подобную, и гораздо более сложную идею головоломки под названием Latin Squares. Однако задача головоломок Су Доку состоит в том, чтобы заменить заготовки (или нули) в сетке 9 на 9 так, чтобы каждая строка, столбец и 3 на 3 содержит каждую из цифр от 1 до 9. Ниже приведен пример типичной стартовой сетки головоломки и ее сетки решений. <p> 0 0 39 0 00 0 1 0 2 03 0 58 0 6 6 0 00 0 14 0 0 0 0 87 0 00 0 6 1 0 20 0 07 0 8 9 0 00 0 82 0 0 0 0 28 0 00 0 5 6 0 92 0 30 1 0 5 0 00 0 93 0 0 </p><p> 4 8 39 6 72 5 1 9 2 13 4 58 7 6 6 5 78 2 14 9 3 5 4 87 2 91 3 6 1 3 25 6 47 9 8 9 7 61 3 82 4 5 3 7 28 1 46 9 5 6 8 92 5 34 1 7 5 1 47 6 93 8 2 </p><p> Хорошо спроектированная головоломка Су Доку имеет уникальное решение и может быть решена с помощью логики, хотя может потребоваться использование методов «угадывания и тестирования», чтобы устранить варианты (есть много спорных мнений по этому поводу). Сложность поиска определяет трудность головоломки; приведенный выше пример считается легким, потому что его можно решить прямым прямым удержанием. Текстовый файл 6K, sudoku.txt (правый щелчок и «Сохранить ссылку / цель как ...»), содержит пятьдесят различных головоломок Су Доку, которые находятся в затруднительном положении, но все с уникальными решениями (первая головоломка в файле - пример выше ). Решая все пятьдесят головоломок, найдите сумму трехзначных чисел, найденных в верхнем левом углу каждой сетки решений; например, 483 - это 3-значное число, найденное в верхнем левом углу решетки решений выше. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler96()</code> должен возвращать 24702.
+    testString: 'assert.strictEqual(euler96(), 24702, "<code>euler96()</code> should return 24702.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler96() {
+  // Good luck!
+  return true;
+}
+
+euler96();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.russian.md
new file mode 100644
index 0000000000..3d2c76ccfd
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3ce1000cf542c50fee0
+challengeType: 5
+title: 'Problem 97: Large non-Mersenne prime'
+videoUrl: ''
+localeTitle: 'Задача 97: Большое не-Мерсенне'
+---
+
+## Description
+<section id="description"> Первое известное число, найденное в миллисекундах, было обнаружено в 1999 году и является первым в Мерсенне формой 26972593-1; он содержит ровно 2098 960 цифр. Впоследствии были найдены другие простые числа Мерсена, формы 2р-1, которые содержат больше цифр. Однако в 2004 году было найдено массивное немерсионное правое число, которое содержит 2 357 207 цифр: 28433 × 27830457 + 1. Найдите последние десять цифр этого простого числа. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler97()</code> должен вернуть 8739992577.
+    testString: 'assert.strictEqual(euler97(), 8739992577, "<code>euler97()</code> should return 8739992577.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler97() {
+  // Good luck!
+  return true;
+}
+
+euler97();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-98-anagramic-squares.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-98-anagramic-squares.russian.md
new file mode 100644
index 0000000000..71eef435e0
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-98-anagramic-squares.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3cf1000cf542c50fee1
+challengeType: 5
+title: 'Problem 98: Anagramic squares'
+videoUrl: ''
+localeTitle: 'Проблема 98: Анаграммы квадратов'
+---
+
+## Description
+<section id="description"> Заменяя каждую из букв слова CARE на 1, 2, 9 и 6 соответственно, мы формируем квадратное число: 1296 = 362. Примечательно, что, используя те же цифровые подстановки, анаграмма RACE также образует квадратное число: 9216 = 962. Мы будем называть CARE (и RACE) квадратной парной пары анаграмм и дополнительно указывать, что ведущие нули не разрешены, и другая буква не может иметь то же цифровое значение, что и другая буква. Используя word.txt (правый щелчок и «Сохранить ссылку / цель как ...»), текстовый файл размером 16 КБ, содержащий почти две тысячи общих английских слов, найдет все квадратные пары параграмм (палиндромное слово НЕ считается анаграмма самого себя). Каково наибольшее квадратное число, образованное любым членом такой пары? ПРИМЕЧАНИЕ. Все сформированные анаграммы должны содержаться в данном текстовом файле. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler98()</code> должен вернуть 18769.
+    testString: 'assert.strictEqual(euler98(), 18769, "<code>euler98()</code> should return 18769.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler98() {
+  // Good luck!
+  return true;
+}
+
+euler98();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-99-largest-exponential.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-99-largest-exponential.russian.md
new file mode 100644
index 0000000000..dc3186d5fd
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/project-euler/problem-99-largest-exponential.russian.md
@@ -0,0 +1,55 @@
+---
+id: 5900f3d01000cf542c50fee2
+challengeType: 5
+title: 'Problem 99: Largest exponential'
+videoUrl: ''
+localeTitle: 'Задача 99: Наибольшая экспоненциальная'
+---
+
+## Description
+<section id="description"> Сравнение двух чисел, написанных в индексной форме, таких как 211 ​​и 37, не сложно, так как любой калькулятор подтвердил бы, что 211 = 2048 &lt;37 = 2187. Однако подтверждение того, что 632382518061&gt; 519432525806 было бы намного сложнее, так как оба номера содержат более трех миллионов цифр , Используя base_exp.txt (правый щелчок и «Сохранить ссылку / цель как ...»), текстовый файл 22K, содержащий одну тысячу строк с базой / частью экспоненты на каждой строке, определяет, какой номер строки имеет наибольшее числовое значение. ПРИМЕЧАНИЕ. Первые две строки в файле представляют числа в приведенном выше примере. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>euler99()</code> должен вернуть 709.
+    testString: 'assert.strictEqual(euler99(), 709, "<code>euler99()</code> should return 709.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function euler99() {
+  // Good luck!
+  return true;
+}
+
+euler99();
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/100-doors.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/100-doors.russian.md
new file mode 100644
index 0000000000..a268129bb4
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/100-doors.russian.md
@@ -0,0 +1,64 @@
+---
+title: 100 doors
+id: 594810f028c0303b75339acb
+challengeType: 5
+videoUrl: ''
+localeTitle: 100 дверей
+---
+
+## Description
+<section id="description"><p> Есть 100 дверей подряд, все изначально закрыты. Вы делаете 100 проходов у дверей. В первый раз, зайдите в каждую дверь и «переключите» дверь (если дверь закрыта, откройте ее, если она открыта, закройте ее). Во второй раз заходите только к каждой второй двери (т. Е. К двери №2, №4, №6, ...) и переключите ее. В третий раз посетите каждую 3-ю дверь (т. Е. Дверь № 3, №6, №9, ...) и т. Д., Пока вы не посетите только 100-ю дверь. </p><p> Внедрите функцию определения состояния дверей после последнего прохода. Верните конечный результат в массив, только если номер двери включен в массив, если он открыт. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>getFinalOpenedDoors</code> - это функция.
+    testString: 'assert(typeof getFinalOpenedDoors === "function", "<code>getFinalOpenedDoors</code> is a function.");'
+  - text: <code>getFinalOpenedDoors</code> должен возвращать массив.
+    testString: 'assert(Array.isArray(getFinalOpenedDoors(100)), "<code>getFinalOpenedDoors</code> should return an array.");'
+  - text: <code>getFinalOpenedDoors</code> не <code>getFinalOpenedDoors</code> правильных результатов.
+    testString: 'assert.deepEqual(getFinalOpenedDoors(100), solution, "<code>getFinalOpenedDoors</code> did not produce the correct results.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getFinalOpenedDoors (numDoors) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/24-game.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/24-game.russian.md
new file mode 100644
index 0000000000..98c5fbdbc9
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/24-game.russian.md
@@ -0,0 +1,69 @@
+---
+title: 24 game
+id: 5951e88f64ebf159166a1176
+challengeType: 5
+videoUrl: ''
+localeTitle: 24 игра
+---
+
+## Description
+<section id="description"><p> Реализуйте функцию, которая принимает в качестве аргумента строку из четырех цифр: каждая цифра от 1 ──► 9 (включительно) с разрешенными повторениями и возвращает арифметическое выражение, которое оценивается с номером 24. Если такого решения не существует, не существует никакого решения ». </p><p> Правила: </p> Допускаются только следующие операторы / функции: умножение, деление, сложение, вычитание. Отдел должен использовать с плавающей точкой или рациональную арифметику и т. Д. Для сохранения остатков. Формирование нескольких цифр из предоставленных цифр не разрешено. (Таким образом, ответ 12 + 12 при наличии 1, 2, 2 и 1 неверен). Порядок цифр, когда они указаны, не обязательно сохраняется. <p> Пример ввода: </p> <code>solve24(&quot;4878&quot;);</code> <code>solve24(&quot;1234&quot;);</code> <code>solve24(&quot;6789&quot;);</code> <code>solve24(&quot;1127&quot;);</code> <p> Пример выходов (строк): </p> <code>(7-8/8)*4</code> <code>3*1*4*2</code> <code>(6*8)/(9-7)</code> <code>(1+7)*(2+1)</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>solve24</code> - функция.
+    testString: 'assert(typeof solve24 === "function", "<code>solve24</code> is a function.");'
+  - text: <code>solve24(&quot;4878&quot;)</code> должен вернуться <code>(7-8/8)*4</code> или <code>4*(7-8/8)</code>
+    testString: 'assert(include(answers[0], solve24(testCases[0])), "<code>solve24("4878")</code> should return <code>(7-8/8)*4</code> or <code>4*(7-8/8)</code>");'
+  - text: <code>solve24(&quot;1234&quot;)</code> должен возвращать любое расположение <code>1*2*3*4</code>
+    testString: 'assert(include(answers[1], solve24(testCases[1])), "<code>solve24("1234")</code> should return any arrangement of <code>1*2*3*4</code>");'
+  - text: <code>solve24(&quot;6789&quot;)</code> должен возвращать <code>(6*8)/(9-7)</code> или <code>(8*6)/(9-7)</code>
+    testString: 'assert(include(answers[2], solve24(testCases[2])), "<code>solve24("6789")</code> should return <code>(6*8)/(9-7)</code> or <code>(8*6)/(9-7)</code>");'
+  - text: <code>solve24(&quot;1127&quot;)</code> должен возвращать перестановку <code>(1+7)*(1*2)</code>
+    testString: 'assert(include(answers[3], solve24(testCases[3])), "<code>solve24("1127")</code> should return a permutation of <code>(1+7)*(1*2)</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function solve24 (numStr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/9-billion-names-of-god-the-integer.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/9-billion-names-of-god-the-integer.russian.md
new file mode 100644
index 0000000000..cdb9d72a48
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/9-billion-names-of-god-the-integer.russian.md
@@ -0,0 +1,71 @@
+---
+title: 9 billion names of God the integer
+id: 5949b579404977fbaefcd736
+challengeType: 5
+videoUrl: ''
+localeTitle: 9 миллиардов имен Бога - целое число
+---
+
+## Description
+<section id="description"><p> Эта задача - вариация <a href="https://en.wikipedia.org/wiki/The Nine Billion Names of God#Plot_summary" title="wp: Девять миллиардов имен Бога # Plot_summary">рассказа Артура Кларка</a> . </p><p> (Решители должны знать о последствиях выполнения этой задачи.) </p><p> Подробно, чтобы указать, что подразумевается под «именем»: </p><p> Целое число 1 имеет 1 имя «1». </p><p> Целое число 2 имеет 2 имени «1 + 1» и «2». </p><p> Целое число 3 имеет 3 имени «1 + 1 + 1», «2 + 1» и «3». </p><p> Целое число 4 имеет 5 имен «1 + 1 + 1 + 1», «2 + 1 + 1», «2 + 2», «3 + 1», «4». </p><p> Целое число 5 имеет 7 имен «1 + 1 + 1 + 1 + 1», «2 + 1 + 1 + 1», «2 + 2 + 1», «3 + 1 + 1», «3 + 2», «4 + 1», «5». </p><p> Это можно визуализировать в следующем виде: </p><pre> 1
+        1 1
+      1 1 1
+    1 2 1 1
+  1 2 2 1 1
+1 3 3 2 1 1
+</pre><p> Где строка $ n $ соответствует целому числу $ n $, а каждый столбец $ C $ в строке $ m $ слева направо соответствует числу имен, начинающихся с $ C $. </p><p> Необязательно заметим, что сумма $ n $ -ой строки $ P (n) $ является <a href="http://mathworld.wolfram.com/PartitionFunctionP.html" title="ссылка: http://mathworld.wolfram.com/PartitionFunctionP.html">целочисленной статистикой</a> . </p> задача <p> Реализуйте функцию, которая возвращает сумму $ n $ -ой строки. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>numberOfNames</code> - это функция.
+    testString: 'assert(typeof numberOfNames === "function", "<code>numberOfNames</code> is a function.");'
+  - text: <code>numberOfNames(5)</code> должно равняться 7.
+    testString: 'assert.equal(numberOfNames(5), 7, "<code>numberOfNames(5)</code> should equal 7.");'
+  - text: <code>numberOfNames(12)</code> должно равняться 77.
+    testString: 'assert.equal(numberOfNames(12), 77, "<code>numberOfNames(12)</code> should equal 77.");'
+  - text: <code>numberOfNames(18)</code> должно равняться 385.
+    testString: 'assert.equal(numberOfNames(18), 385, "<code>numberOfNames(18)</code> should equal 385.");'
+  - text: <code>numberOfNames(23)</code> должно равняться 1255.
+    testString: 'assert.equal(numberOfNames(23), 1255, "<code>numberOfNames(23)</code> should equal 1255.");'
+  - text: <code>numberOfNames(42)</code> должен равняться 53174.
+    testString: 'assert.equal(numberOfNames(42), 53174, "<code>numberOfNames(42)</code> should equal 53174.");'
+  - text: <code>numberOfNames(123)</code> должно равняться 2552338241.
+    testString: 'assert.equal(numberOfNames(123), 2552338241, "<code>numberOfNames(123)</code> should equal 2552338241.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function numberOfNames (num) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/abc-problem.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/abc-problem.russian.md
new file mode 100644
index 0000000000..48b5365901
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/abc-problem.russian.md
@@ -0,0 +1,74 @@
+---
+title: ABC Problem
+id: 594810f028c0303b75339acc
+challengeType: 5
+videoUrl: ''
+localeTitle: Проблема с ABC
+---
+
+## Description
+<section id="description"><p> Вам предоставляется коллекция блоков ABC (например, блоков алфавита детства). На каждом блоке есть 20 блоков с двумя буквами. На всех сторонах блоков гарантируется полный алфавит. Сбор образцов блоков: </p><p> (БО) </p><p> (КСК) </p><p> (DQ) </p><p> (CP) </p><p> (НС) </p><p> (GT) </p><p> (RE) </p><p> (ТГ) </p><p> (КТ) </p><p> (ФС) </p><p> (ДВ) </p><p> (HU) </p><p> (VI) </p><p> (AN) </p><p> (ОВ) </p><p> (ЭР) </p><p> (ФС) </p><p> (LY) </p><p> (ПК) </p><p> (ЗМ) </p><p> Некоторые правила, которые следует учитывать: </p> Когда используется буква на блоке, этот блок нельзя использовать снова. Функция должна быть нечувствительна к регистру. <p> Реализуйте функцию, которая принимает строку (слово) и определяет, может ли слово быть записано с данным набором блоков. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>canMakeWord</code> - это функция.
+    testString: 'assert(typeof canMakeWord === "function", "<code>canMakeWord</code> is a function.");'
+  - text: <code>canMakeWord</code> должен возвращать логическое значение.
+    testString: 'assert(typeof canMakeWord("hi") === "boolean", "<code>canMakeWord</code> should return a boolean.");'
+  - text: <code>canMakeWord(&quot;bark&quot;)</code> должен возвращать true.
+    testString: 'assert(canMakeWord(words[0]), "<code>canMakeWord("bark")</code> should return true.");'
+  - text: <code>canMakeWord(&quot;BooK&quot;)</code> должен возвращать false.
+    testString: 'assert(!canMakeWord(words[1]), "<code>canMakeWord("BooK")</code> should return false.");'
+  - text: <code>canMakeWord(&quot;TReAT&quot;)</code> должен возвращать true.
+    testString: 'assert(canMakeWord(words[2]), "<code>canMakeWord("TReAT")</code> should return true.");'
+  - text: <code>canMakeWord(&quot;COMMON&quot;)</code> должен возвращать false.
+    testString: 'assert(!canMakeWord(words[3]), "<code>canMakeWord("COMMON")</code> should return false.");'
+  - text: <code>canMakeWord(&quot;squAD&quot;)</code> должен возвращать true.
+    testString: 'assert(canMakeWord(words[4]), "<code>canMakeWord("squAD")</code> should return true.");'
+  - text: <code>canMakeWord(&quot;conFUSE&quot;)</code> должен возвращать true.
+    testString: 'assert(canMakeWord(words[5]), "<code>canMakeWord("conFUSE")</code> should return true.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function canMakeWord (word) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/abundant-deficient-and-perfect-number-classifications.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/abundant-deficient-and-perfect-number-classifications.russian.md
new file mode 100644
index 0000000000..3321f5d465
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/abundant-deficient-and-perfect-number-classifications.russian.md
@@ -0,0 +1,66 @@
+---
+title: 'Abundant, deficient and perfect number classifications'
+id: 594810f028c0303b75339acd
+challengeType: 5
+videoUrl: ''
+localeTitle: 'Обильные, неполные и совершенные классификации номеров'
+---
+
+## Description
+<section id="description"><p> Они определяют три классификации положительных целых чисел на основе их <a href="http://rosettacode.org/wiki/Proper divisors" title="Собственные делители">правильных делителей</a> . </p><p> Пусть $ P (n) $ - сумма собственных делителей n, где собственные делители - все натуральные n, отличные от n. </p><p> Если <code>P(n) &lt; n</code> то n классифицируется как «несовершенный», </p><p> Если <code>P(n) === n</code> то n классифицируется как &quot;совершенный&quot; </p><p> Если <code>P(n) &gt; n</code> то n классифицируется как &quot;обильное&quot; </p><p> Пример: </p><p> 6 имеет собственные делители 1, 2 и 3. </p><p> 1 + 2 + 3 = 6, поэтому 6 классифицируется как совершенное число. </p><p> Внедрите функцию, которая вычисляет, сколько целых чисел от 1 до 20 000 (включительно) находятся в каждом из трех классов. Выведите результат как массив в следующем формате <code>[deficient, perfect, abundant]</code> . </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>getDPA</code> - это функция.
+    testString: 'assert(typeof getDPA === "function", "<code>getDPA</code> is a function.");'
+  - text: <code>getDPA</code> должен возвращать массив.
+    testString: 'assert(Array.isArray(getDPA(100)), "<code>getDPA</code> should return an array.");'
+  - text: Возвращаемое значение <code>getDPA</code> должно иметь длину 3.
+    testString: 'assert(getDPA(100).length === 3, "<code>getDPA</code> return value should have a length of 3.");'
+  - text: '<code>getDPA(20000)</code> должен равняться [15043, 4, 4953]'
+    testString: 'assert.deepEqual(getDPA(20000), solution, "<code>getDPA(20000)</code> should equal [15043, 4, 4953]");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getDPA (num) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/accumulator-factory.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/accumulator-factory.russian.md
new file mode 100644
index 0000000000..23ba5739c9
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/accumulator-factory.russian.md
@@ -0,0 +1,66 @@
+---
+title: Accumulator factory
+id: 594810f028c0303b75339ace
+challengeType: 5
+videoUrl: ''
+localeTitle: Аккумуляторный завод
+---
+
+## Description
+<section id="description"><p> Создайте функцию, которая принимает один (числовой) аргумент и возвращает другую функцию, которая является аккумулятором. Возвращенная функция аккумулятора, в свою очередь, также принимает один числовой аргумент и возвращает сумму всех числовых значений, переданных до этого аккумулятора (включая начальное значение, переданное при создании аккумулятора). </p><p> Правила: </p><p> Не используйте глобальные переменные. </p><p> Подсказка: </p><p> Закрытие сохраняет внешнее состояние. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>accumulator</code> - это функция.
+    testString: 'assert(typeof accumulator === "function", "<code>accumulator</code> is a function.");'
+  - text: <code>accumulator(0)</code> должен возвращать функцию.
+    testString: 'assert(typeof accumulator(0) === "function", "<code>accumulator(0)</code> should return a function.");'
+  - text: <code>accumulator(0)(2)</code> должен вернуть номер.
+    testString: 'assert(typeof accumulator(0)(2) === "number", "<code>accumulator(0)(2)</code> should return a number.");'
+  - text: 'Передача значений 3, -4, 1.5 и 5 должна возвращать 5.5.'
+    testString: 'assert(testFn(5) === 5.5, "Passing in the values 3, -4, 1.5, and 5 should return 5.5.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function accumulator (sum) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/ackermann-function.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/ackermann-function.russian.md
new file mode 100644
index 0000000000..e459a4393e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/ackermann-function.russian.md
@@ -0,0 +1,60 @@
+---
+title: Ackermann function
+id: 594810f028c0303b75339acf
+challengeType: 5
+videoUrl: ''
+localeTitle: Функция Аккермана
+---
+
+## Description
+<section id="description"><p> Функция Аккермана является классическим примером рекурсивной функции, особенно потому, что она не является примитивной рекурсивной функцией. Он растет очень быстро в стоимости, равно как и размер его дерева вызовов. </p><p> Функция Аккермана обычно определяется следующим образом: </p> $$ A (m, n) = \ begin {cases} n + 1 &amp; \ mbox {if} m = 0 \\ A (m-1, 1) &amp; \ mbox {if} m&gt; 0 \ mbox {и} n = 0 \\ A (m-1, A (m, n-1)) &amp; \ mbox {if} m&gt; 0 \ mbox {и} n&gt; 0. \ end {cases} $$ <p> Его аргументы никогда не отрицательны и всегда заканчиваются. Напишите функцию, которая возвращает значение $ A (m, n) $. Произвольная точность предпочтительнее (поскольку функция растет так быстро), но не требуется. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>ack</code> - функция.
+    testString: 'assert(typeof ack === "function", "<code>ack</code> is a function.");'
+  - text: '<code>ack(0, 0)</code> должен возвращать 1.'
+    testString: 'assert(ack(0, 0) === 1, "<code>ack(0, 0)</code> should return 1.");'
+  - text: '<code>ack(1, 1)</code> должен вернуть 3.'
+    testString: 'assert(ack(1, 1) === 3, "<code>ack(1, 1)</code> should return 3.");'
+  - text: '<code>ack(2, 5)</code> должен вернуть 13.'
+    testString: 'assert(ack(2, 5) === 13, "<code>ack(2, 5)</code> should return 13.");'
+  - text: '<code>ack(3, 3)</code> должен вернуть 61.'
+    testString: 'assert(ack(3, 3) === 61, "<code>ack(3, 3)</code> should return 61.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function ack (m, n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/align-columns.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/align-columns.russian.md
new file mode 100644
index 0000000000..e9f4e9bb5f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/align-columns.russian.md
@@ -0,0 +1,89 @@
+---
+title: Align columns
+id: 594810f028c0303b75339ad0
+challengeType: 5
+videoUrl: ''
+localeTitle: Выровнять столбцы
+---
+
+## Description
+<section id="description"><p> Учитывая текстовый файл многих строк, где поля в строке обозначаются одним символом <code>$</code> , напишите программу, которая выравнивает каждый столбец полей, гарантируя, что слова в каждом столбце разделены хотя бы одним пробелом. Кроме того, разрешите каждое слово в столбце быть либо оправданным, либо оправданным, либо оправданным по центру в его столбце. </p><p> Используйте следующий текст для тестирования своих программ: </p><pre> Учитывая $ в $ текста $ файл $ из $ многих $ линий
+где $ поля $ в $ а $ линия $
+составляют $ очерчены $ на $ «доллар» в размере $ одноместный $ символа $
+написать $ в $ программе
+что $ совпадет $ каждый $ столбец $ из $ полей
+от $ обеспечения $, что $ слова $ в $ каждый $
+колонка $ являются $ $ разделены на $ по $ мере $ за $ пространство.
+Кроме того, $ позволяют $ за $ каждого $ слова $ в $ A $ столбец $ до $ быть $ либо $ остался $
+оправданный, $ права $ оправдано
+или $ центр $ оправдана $ в $ его $ колонке.
+</pre><p> Обратите внимание, что: </p> Примеры строк ввода текста могут или не могут иметь завершающие символы доллара. Все столбцы должны иметь одинаковое выравнивание. Последовательные символы пробела, создаваемые рядом с концом строк, несущественны для целей задачи. Текст вывода будет отображаться моноширинным шрифтом в текстовом редакторе или базовом терминале. Минимальное пространство между столбцами должно быть вычислено из текста, а не жестко закодировано. Не требуется добавлять разделительные символы между столбцами или вокруг них. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>formatText</code> - это функция.
+    testString: 'assert(typeof formatText === "function", "<code>formatText</code> is a function.");'
+  - text: '<code>formatText</code> с указанным выше вводом и «правильным» обоснованием должен <code>formatText</code> следующее:'
+    testString: 'assert.strictEqual(formatText(testInput, "right"), rightAligned, "<code>formatText</code> with the above input and "right" justification should produce the following: ");'
+  - text: '<code>formatText</code> с указанным выше вводом и «левым» обоснованием должен <code>formatText</code> следующее:'
+    testString: 'assert.strictEqual(formatText(testInput, "left"), leftAligned, "<code>formatText</code> with the above input and "left" justification should produce the following: ");'
+  - text: '<code>formatText</code> с указанным выше вводом и выравниванием «центра» должно приводить к следующему:'
+    testString: 'assert.strictEqual(formatText(testInput, "center"), centerAligned, "<code>formatText</code> with the above input and "center" justification should produce the following: ");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const testArr = [
+  'Given$a$text$file$of$many$lines',
+  'where$fields$within$a$line$',
+  'are$delineated$by$a$single$"dollar"$character',
+  'write$a$program',
+  'that$aligns$each$column$of$fields$',
+  'by$ensuring$that$words$in$each$',
+  'column$are$separated$by$at$least$one$space.',
+  'Further,$allow$for$each$word$in$a$column$to$be$either$left$',
+  'justified,$right$justified',
+  'or$center$justified$within$its$column.'
+];
+
+function formatText (input, justification) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/amicable-pairs.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/amicable-pairs.russian.md
new file mode 100644
index 0000000000..6ab7d752d5
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/amicable-pairs.russian.md
@@ -0,0 +1,67 @@
+---
+title: Amicable pairs
+id: 5949b579404977fbaefcd737
+challengeType: 5
+videoUrl: ''
+localeTitle: Дружественные пары
+---
+
+## Description
+<section id="description"> Два целых числа $ N $ и $ M $ называются <a href="https://en.wikipedia.org/wiki/Amicable numbers" title="wp: дружественные номера">дружественными парами,</a> если $ N \ neq M $ и сумма <a href="http://rosettacode.org/wiki/Proper divisors" title="Собственные делители">собственных делителей</a> $ N $ ($ \ mathrm {sum} (\ mathrm {propDivs} (N)) $) $ = M $, а также $ \ mathrm {sum} (\ mathrm {propDivs} (M)) = N $. Пример: 1184 и 1210 являются дружной парой с соответствующими делителями: 1, 2, 4, 8, 16, 32, 37, 74, 148, 296, 592 и 1, 2, 5, 10, 11, 22, 55, 110, 121, 242, 605 соответственно. Задача: рассчитать и показать здесь дружественные пары ниже 20 000 (их восемь). Связанные задачи <a href="http://rosettacode.org/wiki/Proper divisors" title="Собственные делители">Правильные делители</a> <a href="http://rosettacode.org/wiki/Abundant, deficient and perfect number classifications" title="Обильные, неполные и совершенные классификации номеров">Обильные, неполные и совершенные классификации чисел Классификация</a> <a href="http://rosettacode.org/wiki/Aliquot sequence classifications" title="Классификация последовательности аликвот">последовательности аликвот</a> и ее дружественная классификация. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>amicablePairsUpTo</code> - это функция.
+    testString: 'assert(typeof amicablePairsUpTo === "function", "<code>amicablePairsUpTo</code> is a function.");'
+  - text: '<code>amicablePairsUpTo(300)</code> должен возвратить <code>[[220,284]]</code> .'
+    testString: 'assert.deepEqual(amicablePairsUpTo(300), answer300, "<code>amicablePairsUpTo(300)</code> should return <code>[[220,284]]</code>.");'
+  - text: '<code>amicablePairsUpTo(3000)</code> должен вернуть <code>[[220,284],[1184,1210],[2620,2924]]</code> .'
+    testString: 'assert.deepEqual(amicablePairsUpTo(3000), answer3000, "<code>amicablePairsUpTo(3000)</code> should return <code>[[220,284],[1184,1210],[2620,2924]]</code>.");'
+  - text: '<code>amicablePairsUpTo(20000)</code> должен возвращать <code>[[220,284],[1184,1210],[2620,2924],[5020,5564],[6232,6368],[10744,10856],[12285,14595],[17296,18416]]</code> .'
+    testString: 'assert.deepEqual(amicablePairsUpTo(20000), answer20000, "<code>amicablePairsUpTo(20000)</code> should return <code>[[220,284],[1184,1210],[2620,2924],[5020,5564],[6232,6368],[10744,10856],[12285,14595],[17296,18416]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function amicablePairsUpTo (maxNum) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/averages-mode.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/averages-mode.russian.md
new file mode 100644
index 0000000000..47ca8a591b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/averages-mode.russian.md
@@ -0,0 +1,65 @@
+---
+title: Averages-Mode
+id: 594d8d0ab97724821379b1e6
+challengeType: 5
+videoUrl: ''
+localeTitle: Сред-Mode
+---
+
+## Description
+<section id="description"><p> Напишите программу , чтобы найти <a href="https://en.wikipedia.org/wiki/Mode (statistics)" title="wp: Режим (статистика)">режим</a> значение коллекции. </p><p> Случай, когда коллекция пуст, может быть проигнорирован. Необходимо следить за тем, чтобы режим не был уникальным. </p><p> Если это не подходит или возможно поддерживать общую коллекцию, используйте вектор (массив), если это возможно. Если это не подходит или возможно поддерживать неопределенный тип значения, используйте целые числа. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>mode</code> - это функция.
+    testString: 'assert(typeof mode === "function", "<code>mode</code> is a function.");'
+  - text: '<code>mode([1, 3, 6, 6, 6, 6, 7, 7, 12, 12, 17])</code> должен равняться <code>[6]</code>'
+    testString: 'assert.deepEqual(mode(arr1), [6], "<code>mode([1, 3, 6, 6, 6, 6, 7, 7, 12, 12, 17])</code> should equal <code>[6]</code>");'
+  - text: '<code>mode([1, 2, 4, 4, 1])</code> должен быть равен <code>[1, 4]</code> .'
+    testString: 'assert.deepEqual(mode(arr2).sort(), [1, 4], "<code>mode([1, 2, 4, 4, 1])</code> should equal <code>[1, 4]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function mode (arr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/averages-pythagorean-means.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/averages-pythagorean-means.russian.md
new file mode 100644
index 0000000000..c69c9a1289
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/averages-pythagorean-means.russian.md
@@ -0,0 +1,70 @@
+---
+title: Averages-Pythagorean means
+id: 594d966a1467eb84194f0086
+challengeType: 5
+videoUrl: ''
+localeTitle: Средние значения - пифагорейские средства
+---
+
+## Description
+<section id="description"><p class="rosetta__paragraph"> Вычислите все три <a class="rosetta__link--wiki" href="https://en.wikipedia.org/wiki/Pythagorean means" title="wp: Пифагорейский означает">пифагорейских средства</a> набора целых чисел от <big>1</big> до <big>10</big> (включительно). </p><p class="rosetta__paragraph"> Покажите, что для этого набора натуральных чисел <big>$ A (x_1, \ ldots, x_n) \ geq G (x_1, \ ldots, x_n) \ geq H (x_1, \ ldots, x_n) $</big> . </p> Наиболее распространенным из трех означает <a class="rosetta__link--rosetta" href="http://rosettacode.org/wiki/Averages/Arithmetic mean" title="Средние / Средние арифметические">среднее арифметическое</a> - это сумма списка, деленная на его длину: <big>$ A (x_1, \ ldots, x_n) = \ frac {x_1 + \ cdots + x_n} {n} $</big> <a class="rosetta__link--wiki" href="https://en.wikipedia.org/wiki/Geometric mean" title="wp: среднее геометрическое">Геометрическая Среднее означает</a> $ n $ -ый корень из произведения списка: <big>$ G (x_1, \ ldots, x_n) = \ sqrt [n] {x_1 \ cdots x_n} $</big> <a class="rosetta__link--wiki" href="https://en.wikipedia.org/wiki/Harmonic mean" title="wp: Гармоническое среднее">Гармоническое среднее</a> $ n $, деленное на сумму обратный каждому элементу в списке: <big>$ H (x_1, \ ldots, x_n) = \ frac {n} {\ frac {1} {x_1} + \ cdots + \ frac {1} {x_n}} $</big> <p class="rosetta__paragraph"> Предположим, что вход представляет собой упорядоченный массив всех включенных чисел. </p><p class="rosetta__paragraph"> Для ответа, пожалуйста, выведите объект в следующем формате: </p><pre class="rosetta__pre"> {
+  значения: {
+    Арифметика: 5.5,
+    Геометрический: 4.528728688116765,
+    Гармонический: 3.414171521474055
+  },
+  test: &#39;является A&gt; = G&gt; = H? да&#39;
+}
+</pre></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Функция <code>pythagoreanMeans</code> - это функция.
+    testString: 'assert(typeof pythagoreanMeans === "function", "<code>pythagoreanMeans</code> is a function.");'
+  - text: '<code>pythagoreanMeans([1, 2, ..., 10])</code> должен равняться тому же самому выходу.'
+    testString: 'assert.deepEqual(pythagoreanMeans(range1), answer1, "<code>pythagoreanMeans([1, 2, ..., 10])</code> should equal the same output above.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function pythagoreanMeans (rangeArr) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/averages-root-mean-square.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/averages-root-mean-square.russian.md
new file mode 100644
index 0000000000..5c059dfdfb
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/averages-root-mean-square.russian.md
@@ -0,0 +1,62 @@
+---
+title: Averages-Root mean square
+id: 594da033de4190850b893874
+challengeType: 5
+videoUrl: ''
+localeTitle: Средние значения - средний квадрат
+---
+
+## Description
+<section id="description"><p> Вычислите <a href="https://en.wikipedia.org/wiki/Root mean square" title="wp: средний квадрат корня">средний квадрат корня</a> чисел от 1 до 10 включительно. </p><p> Корневой средний квадрат также известен по его инициалам RMS (или rms) и как квадратичное среднее. </p><p> RMS рассчитывается как среднее из квадратов чисел, с квадратным корнем: </p><p> <big>$$ x _ {\ mathrm {rms}} = \ sqrt {{{x_1} ^ 2 + {x_2} ^ 2 + \ cdots + {x_n} ^ 2} \ over n}. $$</big> </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>rms</code> - это функция.
+    testString: 'assert(typeof rms === "function", "<code>rms</code> is a function.");'
+  - text: '<code>rms([1, 2, 3, 4, 5, 6, 7, 8, 9, 10])</code> должны равняться <code>6.2048368229954285</code> .'
+    testString: 'assert.equal(rms(arr1), answer1, "<code>rms([1, 2, 3, 4, 5, 6, 7, 8, 9, 10])</code> should equal <code>6.2048368229954285</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function rms (arr) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/babbage-problem.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/babbage-problem.russian.md
new file mode 100644
index 0000000000..130fa5cd3f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/babbage-problem.russian.md
@@ -0,0 +1,63 @@
+---
+title: Babbage problem
+id: 594db4d0dedb4c06a2a4cefd
+challengeType: 5
+videoUrl: ''
+localeTitle: Проблема с Бэббиджем
+---
+
+## Description
+<section id="description"><p> <a href="https://en.wikipedia.org/wiki/Charles_Babbage" title="wp: Charles_Babbage">Чарльз Бэббидж</a> , смотрящий вперед на те проблемы, которые мог бы решить его аналитический движок, привел этот пример: </p><blockquote> Какое наименьшее положительное целое число, квадрат которого заканчивается цифрами 269 696? </blockquote><p> - Бэббидж, письмо лорду Боудену, 1837 год; см. Hollingdale and Tootill, <i>Electronic Computers</i> , второе издание, 1970, с. 125. </p><p> Он думал, что ответ может быть 99 736, чья площадь составляет 9 947 269 696; но он не мог быть уверен. </p><p> Задача состоит в том, чтобы выяснить, есть ли у Бэббиджа правильный ответ. </p><p> Реализуйте функцию, чтобы вернуть наименьшее целое число, удовлетворяющее задаче Бэббиджа. Если Бэббидж был прав, верните номер Бэббиджа. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>babbage</code> - это функция.
+    testString: 'assert(typeof babbage === "function", "<code>babbage</code> is a function.");'
+  - text: '<code>babbage(99736, 269696)</code> не должен возвращать 99736 (есть меньший ответ).'
+    testString: 'assert.equal(babbage(babbageAns, endDigits), answer, "<code>babbage(99736, 269696)</code> should not return 99736 (there is a smaller answer).");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function babbage (babbageNum, endDigits) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/balanced-brackets.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/balanced-brackets.russian.md
new file mode 100644
index 0000000000..24ddb43110
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/balanced-brackets.russian.md
@@ -0,0 +1,97 @@
+---
+title: Balanced brackets
+id: 594dc6c729e5700999302b45
+challengeType: 5
+videoUrl: ''
+localeTitle: Сбалансированные кронштейны
+---
+
+## Description
+<section id="description"><p> Определите, сбалансирована ли сгенерированная строка скобок; то есть, состоит ли он целиком из пар открывающих / закрывающих скобок (в этом порядке), ни одно из которых не выполняется. </p> Примеры: <p class="rosetta__paragraph"> (пусто) true </p><p class="rosetta__paragraph"> <code>[]</code> true </p><p class="rosetta__paragraph"> <code>][</code> false </p><p class="rosetta__paragraph"> <code>[][]</code> true </p><p class="rosetta__paragraph"> <code>][][</code> false </p><p class="rosetta__paragraph"> <code>[]][[]</code> false </p><p class="rosetta__paragraph"> <code>[[[[]]]]</code> true </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>isBalanced</code> - это функция.
+    testString: 'assert(typeof isBalanced === "function", "<code>isBalanced</code> is a function.");'
+  - text: '<code>isBalanced(&quot;[]&quot;)</code> должен возвращать true.'
+    testString: 'assert(isBalanced(testCases[0]), "<code>isBalanced("[]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;]][[[][][][]][&quot;)</code> должен возвращать значение false.'
+    testString: 'assert(!isBalanced(testCases[1]), "<code>isBalanced("]][[[][][][]][")</code> should return false.");'
+  - text: '<code>isBalanced(&quot;[][[[[][][[[]]]]]]&quot;)</code> должен возвращать true.'
+    testString: 'assert(isBalanced(testCases[2]), "<code>isBalanced("[][[[[][][[[]]]]]]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;][&quot;)</code> должен возвращать true.'
+    testString: 'assert(!isBalanced(testCases[3]), "<code>isBalanced("][")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[[[]]]][[]&quot;)</code> должен возвращать true.'
+    testString: 'assert(!isBalanced(testCases[4]), "<code>isBalanced("[[[]]]][[]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;][[]&quot;)</code> должен возвращать true.'
+    testString: 'assert(!isBalanced(testCases[5]), "<code>isBalanced("][[]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;][[][]][[[]]&quot;)</code> должен возвращать true.'
+    testString: 'assert(!isBalanced(testCases[6]), "<code>isBalanced("][[][]][[[]]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[[][]]][&quot;)</code> должен возвращать true.'
+    testString: 'assert(!isBalanced(testCases[7]), "<code>isBalanced("[[][]]][")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[[[]]][[]]]][][[&quot;)</code> должен возвращать true.'
+    testString: 'assert(!isBalanced(testCases[8]), "<code>isBalanced("[[[]]][[]]]][][[")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[]][[]]][[[[][]]&quot;)</code> должен возвращать true.'
+    testString: 'assert(!isBalanced(testCases[9]), "<code>isBalanced("[]][[]]][[[[][]]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;][]][[][&quot;)</code> должен возвращать true.'
+    testString: 'assert(!isBalanced(testCases[10]), "<code>isBalanced("][]][[][")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[[]][[][]]&quot;)</code> должен возвращать true.'
+    testString: 'assert(isBalanced(testCases[11]), "<code>isBalanced("[[]][[][]]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[[]]&quot;)</code> должен возвращать true.'
+    testString: 'assert(isBalanced(testCases[12]), "<code>isBalanced("[[]]")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;]][]][[]][[[&quot;)</code> должен возвращать true.'
+    testString: 'assert(!isBalanced(testCases[13]), "<code>isBalanced("]][]][[]][[[")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;][]][][[&quot;)</code> должен возвращать true.'
+    testString: 'assert(!isBalanced(testCases[14]), "<code>isBalanced("][]][][[")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;][][&quot;)</code> должен возвращать true.'
+    testString: 'assert(!isBalanced(testCases[15]), "<code>isBalanced("][][")</code> should return true.");'
+  - text: '<code>isBalanced(&quot;[[]]][][][[]][&quot;)</code> должен возвращать true.'
+    testString: 'assert(!isBalanced(testCases[16]), "<code>isBalanced("[[]]][][][[]][")</code> should return true.");'
+  - text: <code>isBalanced(&quot;&quot;)</code> должен возвращать true.
+    testString: 'assert(isBalanced(testCases[17]), "<code>isBalanced("")</code> should return true.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function isBalanced (str) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/circles-of-given-radius-through-two-points.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/circles-of-given-radius-through-two-points.russian.md
new file mode 100644
index 0000000000..3b451eb0a6
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/circles-of-given-radius-through-two-points.russian.md
@@ -0,0 +1,77 @@
+---
+title: Circles of given radius through two points
+id: 5951815dd895584b06884620
+challengeType: 5
+videoUrl: ''
+localeTitle: Круги заданного радиуса через две точки
+---
+
+## Description
+<section id="description"><p> Учитывая две точки на плоскости и радиус, обычно через две точки могут быть проведены два круга заданного радиуса. </p> Исключения: радиус нуля должен рассматриваться как никогда не описывающий круги (за исключением случая, когда точки совпадают). Если точки совпадают, то может быть проведено бесконечное число кругов с точкой на их окружности, если радиус не равен нулю, а затем сворачивает круги в точку. Если точки образуют диаметр, верните один круг. Если точки слишком далеки друг от друга, круги не могут быть нарисованы. Задача: выполнить функцию, которая принимает две точки и радиус и возвращает два круга через эти точки. Для каждого результирующего круга укажите координаты для центра каждого круга, округленного до четырех десятичных цифр. Возвращает каждую координату в виде массива и координирует ее как массив массивов. Для краевых случаев возвращайте следующее: если точки находятся на диаметре, верните одну точку. Если радиус также равен нулю, верните <code>&quot;Radius Zero&quot;</code> . Если точки совпадают, верните <code>&quot;Coincident point. Infinite solutions&quot;</code> . Если точки находятся дальше друг от друга, чем диаметр, верните <code>&quot;No intersection. Points further apart than circle diameter&quot;</code> . Примеры входов: <pre> p1 p2 r
+0,1234, 0,9876 0,8765, 0,2345 2,0
+0,0000, 2,0000 0,0000, 0,0000 1,0
+0,1234, 0,9876 0,1234, 0,9876 2,0
+0,1234, 0,9876 0,8765, 0,2345 0,5
+0,1234, 0,9876 0,1234, 0,9876 0,0
+</pre> Ref: <a href="http://mathforum.org/library/drmath/view/53027.html" title="ссылка: http://mathforum.org/library/drmath/view/53027.html">Поиск центра круга из двух точек и радиуса</a> из математического форума @ Drexel </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>getCircles</code> - это функция.
+    testString: 'assert(typeof getCircles === "function", "<code>getCircles</code> is a function.");'
+  - text: '<code>getCircles([0.1234, 0.9876], [0.8765, 0.2345], 2.0)</code> должны возвращать <code>[[1.8631, 1.9742], [-0.8632, -0.7521]]</code> .'
+    testString: 'assert.deepEqual(getCircles(...testCases[0]), answers[0], "<code>getCircles([0.1234, 0.9876], [0.8765, 0.2345], 2.0)</code> should return <code>[[1.8631, 1.9742], [-0.8632, -0.7521]]</code>.");'
+  - text: '<code>getCircles([0.0000, 2.0000], [0.0000, 0.0000], 1.0)</code> должны возвращать <code>[0, 1]</code>'
+    testString: 'assert.deepEqual(getCircles(...testCases[1]), answers[1], "<code>getCircles([0.0000, 2.0000], [0.0000, 0.0000], 1.0)</code> should return <code>[0, 1]</code>");'
+  - text: '<code>getCircles([0.1234, 0.9876], [0.1234, 0.9876], 2.0)</code> должны возвращать <code>Coincident point. Infinite solutions</code>'
+    testString: 'assert.deepEqual(getCircles(...testCases[2]), answers[2], "<code>getCircles([0.1234, 0.9876], [0.1234, 0.9876], 2.0)</code> should return <code>Coincident point. Infinite solutions</code>");'
+  - text: '<code>getCircles([0.1234, 0.9876], [0.8765, 0.2345], 0.5)</code> должен возвращать <code>No intersection. Points further apart than circle diameter</code>'
+    testString: 'assert.deepEqual(getCircles(...testCases[3]), answers[3], "<code>getCircles([0.1234, 0.9876], [0.8765, 0.2345], 0.5)</code> should return <code>No intersection. Points further apart than circle diameter</code>");'
+  - text: '<code>getCircles([0.1234, 0.9876], [0.1234, 0.9876], 0.0)</code> должны возвращать <code>Radius Zero</code>'
+    testString: 'assert.deepEqual(getCircles(...testCases[4]), answers[4], "<code>getCircles([0.1234, 0.9876], [0.1234, 0.9876], 0.0)</code> should return <code>Radius Zero</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getCircles (...args) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/closest-pair-problem.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/closest-pair-problem.russian.md
new file mode 100644
index 0000000000..cc63e4f503
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/closest-pair-problem.russian.md
@@ -0,0 +1,127 @@
+---
+title: Closest-pair problem
+id: 5951a53863c8a34f02bf1bdc
+challengeType: 5
+videoUrl: ''
+localeTitle: Проблема ближайшей пары
+---
+
+## Description
+<section id="description"> Задача: <p> Предоставить функцию для поиска ближайших двух точек среди множества заданных точек в двух измерениях, т. <a href="https://en.wikipedia.org/wiki/Closest pair of points problem" title="wp: Ближайшая проблема с двумя точками">Е. Решить задачу Ближайшей пары точек</a> в плоском случае. </p><p> Прямым решением является алгоритм O (n <sup>2</sup> ) (который мы можем назвать алгоритмом грубой силы); псевдокод (с использованием индексов) может быть простым: </p><pre> bruteForceClosestPair из P (1), P (2), ... P (N)
+если N &lt;2, то
+  return ∞
+еще
+  minDistance ← | P (1) - P (2) |
+  minPoints ← {P (1), P (2)}
+  foreach i ∈ [1, N-1]
+    foreach j ∈ [i + 1, N]
+      если | P (i) - P (j) | &lt;minDistance тогда
+        minDistance ← | P (i) - P (j) |
+        minPoints ← {P (i), P (j)}
+      ENDIF
+    ENDFOR
+  ENDFOR
+  return minDistance, minPoints
+ENDIF
+</pre><p> Лучший алгоритм основан на подходе рекурсивного разделения и покорения, как это объясняется также в <a href="https://en.wikipedia.org/wiki/Closest pair of points problem#Planar_case" title="wp: Ближайшая проблема с двумя точками # Planar_case">самой близкой проблеме точек Википедии</a> , которая является O (n log n); псевдокод может быть: </p><pre> ближайшая пара (xP, yP)
+  где xP - P (1) .. P (N), отсортированная по координате x, и
+  yP - P (1). P (N), отсортированный по координате y (по возрастанию)
+если N ≤ 3, то
+  возвращать ближайшие точки xP с использованием алгоритма грубой силы
+еще
+  xL ← точки xP от 1 до ⌈N / 2⌉
+  xR ← точки xP от ⌈N / 2⌉ + 1 до N
+  xm ← xP (⌈N / 2⌉) <sub>x</sub>
+  yL ← {p ∈ yP: p <sub>x</sub> ≤ xm}
+  yR ← {p ∈ yP: p <sub>x</sub> &gt; xm}
+  (dL, pairL) ← ближайшая пара (xL, yL)
+  (dR, pairR) ← ближайшая пара (xR, yR)
+  (dmin, pairMin) ← (dR, pairR)
+  если dL &lt;dR, тогда
+    (dmin, pairMin) ← (dL, pairL)
+  ENDIF
+  yS ← {p ∈ yP: | xm - p <sub>x</sub> | &lt;dmin}
+  nS ← число точек в yS
+  (ближайший, ближайший) ← (dmin, pairMin)
+  для i от 1 до nS - 1
+    k ← i + 1
+    в то время как k ≤ nS и yS (k) <sub>y</sub> - yS (i) <sub>y</sub> &lt;dmin
+      если | yS (k) - yS (i) | &lt;ближе
+        (ближайший ближайший Pair) ← (| yS (k) - yS (i) |, {yS (k), yS (i)})
+      ENDIF
+      k ← k + 1
+    ENDWHILE
+  ENDFOR
+  вернуться ближайший, ближайший
+ENDIF
+</pre> Ссылки и дальнейшие чтения: <a href="http://classes.cec.wustl.edu/~cse241/handouts/closestpair.pdf" title="ссылка: http://classes.cec.wustl.edu/~cse241/handouts/closestpair.pdf">Самая близкая</a> <a href="https://en.wikipedia.org/wiki/Closest pair of points problem" title="wp: Ближайшая проблема с двумя точками">пара проблем точек</a> <a href="http://www.cs.mcgill.ca/~cs251/ClosestPair/ClosestPairDQ.html" title="ссылка: http://www.cs.mcgill.ca/~cs251/ClosestPair/ClosestPairDQ.html">Ближайшая пара (McGill)</a> <a href="http://www.cs.ucsb.edu/~suri/cs235/ClosestPair.pdf" title="ссылка: http://www.cs.ucsb.edu/~suri/cs235/ClosestPair.pdf">Ближайшая пара (UCSB)</a> <a href="http://classes.cec.wustl.edu/~cse241/handouts/closestpair.pdf" title="ссылка: http://classes.cec.wustl.edu/~cse241/handouts/closestpair.pdf">Ближайшая пара (WUStL)</a> <a href="http://www.cs.iupui.edu/~xkzou/teaching/CS580/Divide-and-conquer-closestPair.ppt" title="ссылка: http://www.cs.iupui.edu/~xkzou/teaching/CS580/Divide-and-conquer-closestPair.ppt">Ближайшая пара (IUPUI)</a> <p> Для ввода предположим, что аргумент представляет собой массив объектов (точек) с элементами <code>x</code> и <code>y</code> установленными в числа. Для вывода возвращаем объект, содержащий пары ключ: значение для <code>distance</code> и <code>pair</code> (т. Е. Пару из двух ближайших точек). </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>getClosestPair</code> - это функция.
+    testString: 'assert(typeof getClosestPair === "function", "<code>getClosestPair</code> is a function.");'
+  - text: Расстояние должно быть следующим.
+    testString: 'assert.equal(getClosestPair(points1).distance, answer1.distance, "Distance should be the following.");'
+  - text: Баллы должны быть следующими.
+    testString: 'assert.deepEqual(JSON.parse(JSON.stringify(getClosestPair(points1))).pair, answer1.pair, "Points should be the following.");'
+  - text: Расстояние должно быть следующим.
+    testString: 'assert.equal(getClosestPair(points2).distance, answer2.distance, "Distance should be the following.");'
+  - text: Баллы должны быть следующими.
+    testString: 'assert.deepEqual(JSON.parse(JSON.stringify(getClosestPair(points2))).pair, answer2.pair, "Points should be the following.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const Point = function (x, y) {
+  this.x = x;
+  this.y = y;
+};
+Point.prototype.getX = function () {
+  return this.x;
+};
+Point.prototype.getY = function () {
+  return this.y;
+};
+
+function getClosestPair (pointsArr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/combinations.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/combinations.russian.md
new file mode 100644
index 0000000000..95c3d1664a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/combinations.russian.md
@@ -0,0 +1,75 @@
+---
+title: Combinations
+id: 5958469238c0d8d2632f46db
+challengeType: 5
+videoUrl: ''
+localeTitle: Комбинации
+---
+
+## Description
+<section id="description"> Задача: <p> Учитывая неотрицательные целые числа <big>m</big> и <big>n</big> , генерируйте все размерные <big>m</big> <a href="http://mathworld.wolfram.com/Combination.html" title="ссылка: http://mathworld.wolfram.com/Combination.html">комбинаций</a> целых чисел от <big>0</big> (ноль) до <big>n-1</big> в отсортированном порядке (каждая комбинация сортируется и вся таблица сортируется). </p> Пример: <p> <big>3</big> гребня <big>5</big> : </p><pre> 0 1 2
+0 1 3
+0 1 4
+0 2 3
+0 2 4
+0 3 4
+1 2 3
+1 2 4
+1 3 4
+2 3 4
+</pre></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>combinations</code> - это функция.
+    testString: 'assert(typeof combinations === "function", "<code>combinations</code> is a function.");'
+  - text: '<code>combinations(3, 5)</code> должны возвращать <code>[[0, 1, 2], [0, 1, 3], [0, 1, 4], [0, 2, 3], [0, 2, 4], [0, 3, 4], [1, 2, 3], [1, 2, 4], [1, 3, 4], [2, 3, 4]]</code> .'
+    testString: 'assert.deepEqual(combinations(testInput1[0], testInput1[1]), testOutput1, "<code>combinations(3, 5)</code> should return <code>[[0, 1, 2], [0, 1, 3], [0, 1, 4], [0, 2, 3], [0, 2, 4], [0, 3, 4], [1, 2, 3], [1, 2, 4], [1, 3, 4], [2, 3, 4]]</code>.");'
+  - text: '<code>combinations(4, 6)</code> должны возвращать <code>[[0,1,2,3], [0,1,2,4], [0,1,2,5], [0,1,3,4], [0,1,3,5], [0,1,4,5], [0,2,3,4], [0,2,3,5], [0,2,4,5], [0,3,4,5], [1,2,3,4], [1,2,3,5], [1,2,4,5], [1,3,4,5], [2,3,4,5]]</code>'
+    testString: 'assert.deepEqual(combinations(testInput2[0], testInput2[1]), testOutput2, "<code>combinations(4, 6)</code> should return <code>[[0,1,2,3],  [0,1,2,4],  [0,1,2,5],  [0,1,3,4],  [0,1,3,5],  [0,1,4,5],  [0,2,3,4],  [0,2,3,5],  [0,2,4,5],  [0,3,4,5],  [1,2,3,4],  [1,2,3,5],  [1,2,4,5],  [1,3,4,5],  [2,3,4,5]]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function combinations (m, n) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/comma-quibbling.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/comma-quibbling.russian.md
new file mode 100644
index 0000000000..f688490296
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/comma-quibbling.russian.md
@@ -0,0 +1,71 @@
+---
+title: Comma quibbling
+id: 596e414344c3b2872167f0fe
+challengeType: 5
+videoUrl: ''
+localeTitle: Запястья
+---
+
+## Description
+<section id="description"><p> Comma quibbling - это задача, первоначально заданная Эриком Липпертом в его <a href="http://blogs.msdn.com/b/ericlippert/archive/2009/04/15/comma-quibbling.aspx" title="ссылка: http://blogs.msdn.com/b/ericlippert/archive/2009/04/15/comma-quibbling.aspx">блоге</a> . </p> Задача: <p> Напишите функцию для генерации вывода строки, которая представляет собой конкатенацию входных слов из списка / последовательности, где: </p> Ввод без слов выводит строку вывода только двух символов скобок «{}». Ввод только одного слова, например [&quot;ABC&quot;], выводит строку вывода слова внутри двух фигурных скобок, например, &quot;{ABC}&quot;. Ввод двух слов, например [&quot;ABC&quot;, &quot;DEF&quot;], выдает строку вывода двух слов внутри двух фигурных скобок словами, разделенными строкой &quot;и&quot;, например &quot;{ABC и DEF}&quot;. Ввод трех или более слов, например [&quot;ABC&quot;, &quot;DEF&quot;, &quot;G&quot;, &quot;H&quot;], выводит строку вывода всего, кроме последнего слова, разделенного символом &quot;,&quot; с последним словом, разделенным символом &quot;и&quot; «и все в фигурных скобках; например, «{ABC, DEF, G и H}». <p> Протестируйте свою функцию со следующей серией входов, показывающей ваш вывод здесь, на этой странице: </p> [] # (Нет входных слов). [&quot;ABC&quot;] [&quot;ABC&quot;, &quot;DEF&quot;] [&quot;ABC&quot;, &quot;DEF&quot;, &quot;G&quot;, &quot;H&quot;] <p> Примечание. Предположим, что для этой задачи слова являются непустыми строками символов верхнего регистра. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>quibble</code> - это функция.
+    testString: 'assert(typeof quibble === "function", "<code>quibble</code> is a function.");'
+  - text: '<code>quibble([&quot;ABC&quot;])</code> должен возвращать строку.'
+    testString: 'assert(typeof quibble(["ABC"]) === "string", "<code>quibble(["ABC"])</code> should return a string.");'
+  - text: '<code>quibble([])</code> должен возвращать &quot;{}&quot;.'
+    testString: 'assert.equal(quibble(testCases[0]), results[0], "<code>quibble([])</code> should return "{}".");'
+  - text: '<code>quibble([&quot;ABC&quot;])</code> должен вернуть &quot;{ABC}&quot;.'
+    testString: 'assert.equal(quibble(testCases[1]), results[1], "<code>quibble(["ABC"])</code> should return "{ABC}".");'
+  - text: '<code>quibble([&quot;ABC&quot;, &quot;DEF&quot;])</code> должен возвращать &quot;{ABC и DEF}&quot;.'
+    testString: 'assert.equal(quibble(testCases[2]), results[2], "<code>quibble(["ABC", "DEF"])</code> should return "{ABC and DEF}".");'
+  - text: '<code>quibble([&quot;ABC&quot;, &quot;DEF&quot;, &quot;G&quot;, &quot;H&quot;])</code> должны возвращать &quot;{ABC, DEF, G и H}&quot;.'
+    testString: 'assert.equal(quibble(testCases[3]), results[3], "<code>quibble(["ABC", "DEF", "G", "H"])</code> should return "{ABC,DEF,G and H}".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function quibble (words) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/compare-a-list-of-strings.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/compare-a-list-of-strings.russian.md
new file mode 100644
index 0000000000..a3c662f339
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/compare-a-list-of-strings.russian.md
@@ -0,0 +1,88 @@
+---
+title: Compare a list of strings
+id: 596e457071c35c882915b3e4
+challengeType: 5
+videoUrl: ''
+localeTitle: Сравнить список строк
+---
+
+## Description
+<section id="description"><p> Учитывая <a href="https://en.wikipedia.org/wiki/List_(abstract_data_type)" title="wp: List_ (abstract_data_type)">список</a> произвольно многих строк, реализуйте функцию для каждого из следующих условий: </p> если все они лексически равны, если каждая строка лексически меньше, чем одна после нее (т. е. является ли список в строгом порядке) </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>allEqual</code> - это функция.
+    testString: 'assert(typeof allEqual === "function", "<code>allEqual</code> is a function.");'
+  - text: <code>azSorted</code> - это функция.
+    testString: 'assert(typeof azSorted === "function", "<code>azSorted</code> is a function.");'
+  - text: '<code>allEqual([&quot;AA&quot;, &quot;AA&quot;, &quot;AA&quot;, &quot;AA&quot;])</code> возвращает true.'
+    testString: 'assert(allEqual(testCases[0]), "<code>allEqual(["AA", "AA", "AA", "AA"])</code> returns true.");'
+  - text: '<code>azSorted([&quot;AA&quot;, &quot;AA&quot;, &quot;AA&quot;, &quot;AA&quot;])</code> возвращает false.'
+    testString: 'assert(!azSorted(testCases[0]), "<code>azSorted(["AA", "AA", "AA", "AA"])</code> returns false.");'
+  - text: '<code>allEqual([&quot;AA&quot;, &quot;ACB&quot;, &quot;BB&quot;, &quot;CC&quot;])</code> возвращает false.'
+    testString: 'assert(!allEqual(testCases[1]), "<code>allEqual(["AA", "ACB", "BB", "CC"])</code> returns false.");'
+  - text: '<code>azSorted([&quot;AA&quot;, &quot;ACB&quot;, &quot;BB&quot;, &quot;CC&quot;])</code> возвращает true.'
+    testString: 'assert(azSorted(testCases[1]), "<code>azSorted(["AA", "ACB", "BB", "CC"])</code> returns true.");'
+  - text: '<code>allEqual([])</code> возвращает true.'
+    testString: 'assert(allEqual(testCases[2]), "<code>allEqual([])</code> returns true.");'
+  - text: '<code>azSorted([])</code> возвращает true.'
+    testString: 'assert(azSorted(testCases[2]), "<code>azSorted([])</code> returns true.");'
+  - text: '<code>allEqual([&quot;AA&quot;])</code> возвращает true.'
+    testString: 'assert(allEqual(testCases[3]), "<code>allEqual(["AA"])</code> returns true.");'
+  - text: '<code>azSorted([&quot;AA&quot;])</code> возвращает true.'
+    testString: 'assert(azSorted(testCases[3]), "<code>azSorted(["AA"])</code> returns true.");'
+  - text: '<code>allEqual([&quot;BB&quot;, &quot;AA&quot;])</code> возвращает false.'
+    testString: 'assert(!allEqual(testCases[4]), "<code>allEqual(["BB", "AA"])</code> returns false.");'
+  - text: '<code>azSorted([&quot;BB&quot;, &quot;AA&quot;])</code> возвращает false.'
+    testString: 'assert(!azSorted(testCases[4]), "<code>azSorted(["BB", "AA"])</code> returns false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function allEqual (arr) {
+  // Good luck!
+  return true;
+}
+
+function azSorted (arr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/convert-seconds-to-compound-duration.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/convert-seconds-to-compound-duration.russian.md
new file mode 100644
index 0000000000..8c8fd7e995
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/convert-seconds-to-compound-duration.russian.md
@@ -0,0 +1,67 @@
+---
+title: Convert seconds to compound duration
+id: 596fd036dc1ab896c5db98b1
+challengeType: 5
+videoUrl: ''
+localeTitle: Преобразование секунд в составную продолжительность
+---
+
+## Description
+<section id="description"> Задача: <p> Внедрите функцию, которая: </p> принимает положительное целое число, представляющее продолжительность в секундах в качестве входных данных (например, <code>100</code> ), и возвращает строку, которая показывает ту же самую длительность, разложенную на недели, дни, часы, минуты и секунды, как описано ниже (например, « <code>1 min, 40 sec</code> «). <p> Продемонстрируйте, что он проходит следующие три теста: </p><p style="font-size:115%; margin:1em 0 0 0"> Испытательные случаи </p><table><tbody><tr><th> номер ввода </th><th> номер выхода </th></tr><tr><td> 7259 </td><td> <code>2 hr, 59 sec</code> </td> </tr><tr><td> 86400 </td><td> <code>1 d</code> </td> </tr><tr><td> 6000000 </td><td> <code>9 wk, 6 d, 10 hr, 40 min</code> </td> </tr></tbody></table><p style="font-size:115%; margin:1em 0 0 0"> Детали </p> Следует использовать следующие пять единиц: <table><tbody><tr><th> Ед. изм </th><th> суффикс, используемый для вывода </th><th> преобразование </th></tr><tr><td> неделю </td><td> <code>wk</code> </td> <td> 1 неделя = 7 дней </td></tr><tr><td> день </td><td> <code>d</code> </td> <td> 1 день = 24 часа </td></tr><tr><td> час </td><td> <code>hr</code> </td> <td> 1 час = 60 минут </td></tr><tr><td> минут </td><td> <code>min</code> </td> <td> 1 минута = 60 секунд </td></tr><tr><td> второй </td><td> <code>sec</code> </td> <td></td></tr></tbody></table> Тем не менее, включают только количества с ненулевыми значениями на выходе (например, return « <code>1 d</code> », а не « <code>0 wk, 1 d, 0 hr, 0 min, 0 sec</code> »). Увеличивайте более высокий приоритет блоков по сравнению с меньшими (например, возврат <code>2 min, 10 sec</code> а не <code>1 min, 70 sec</code> или <code>130 sec</code> ). Обозначьте форматирование, показанное в тестовых сценариях (количества, отсортированные от наибольшего до наименьшего и разделенные запятой + пробелом, значение и единица каждая величина разделяется пробелом). <p></p><hr style="margin:1em 0;"><p></p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>convertSeconds</code> - это функция.
+    testString: 'assert(typeof convertSeconds === "function", "<code>convertSeconds</code> is a function.");'
+  - text: '<code>convertSeconds(7259)</code> должен возвращаться <code>2 hr, 59 sec</code> .'
+    testString: 'assert.equal(convertSeconds(testCases[0]), results[0], "<code>convertSeconds(7259)</code> should return <code>2 hr, 59 sec</code>.");'
+  - text: <code>convertSeconds(86400)</code> должен возвращать <code>1 d</code> .
+    testString: 'assert.equal(convertSeconds(testCases[1]), results[1], "<code>convertSeconds(86400)</code> should return <code>1 d</code>.");'
+  - text: '<code>convertSeconds(6000000)</code> должен возвращать <code>9 wk, 6 d, 10 hr, 40 min</code> .'
+    testString: 'assert.equal(convertSeconds(testCases[2]), results[2], "<code>convertSeconds(6000000)</code> should return <code>9 wk, 6 d, 10 hr, 40 min</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function convertSeconds (sec) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/count-occurrences-of-a-substring.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/count-occurrences-of-a-substring.russian.md
new file mode 100644
index 0000000000..8ce7e706ec
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/count-occurrences-of-a-substring.russian.md
@@ -0,0 +1,67 @@
+---
+title: Count occurrences of a substring
+id: 596fda99c69f779975a1b67d
+challengeType: 5
+videoUrl: ''
+localeTitle: Количество вхождений подстроки
+---
+
+## Description
+<section id="description"> Задача: <p> Создайте функцию или покажите встроенную функцию, чтобы подсчитать количество неперекрывающихся вхождений подстроки внутри строки. </p><p> Функция должна принимать два аргумента: </p> первый аргумент - строка для поиска, а вторая - подстрока, которую нужно искать. <p> Он должен возвращать целочисленное число. </p><p> Соответствие должно давать наибольшее количество совпадающих совпадений. </p><p> В общем, это по существу означает совмещение слева направо или справа налево. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>countSubstring</code> - это функция.
+    testString: 'assert(typeof countSubstring === "function", "<code>countSubstring</code> is a function.");'
+  - text: '<code>countSubstring(&quot;the three truths&quot;, &quot;th&quot;)</code> должны возвращать <code>3</code> .'
+    testString: 'assert.equal(countSubstring(testCases[0], searchString[0]), results[0], "<code>countSubstring("the three truths", "th")</code> should return <code>3</code>.");'
+  - text: '<code>countSubstring(&quot;ababababab&quot;, &quot;abab&quot;)</code> должен возвращать <code>2</code> .'
+    testString: 'assert.equal(countSubstring(testCases[1], searchString[1]), results[1], "<code>countSubstring("ababababab", "abab")</code> should return <code>2</code>.");'
+  - text: '<code>countSubstring(&quot;abaabba*bbaba*bbab&quot;, &quot;a*b&quot;)</code> должен возвращать <code>2</code> .'
+    testString: 'assert.equal(countSubstring(testCases[2], searchString[2]), results[2], "<code>countSubstring("abaabba*bbaba*bbab", "a*b")</code> should return <code>2</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countSubstring (str, subStr) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/count-the-coins.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/count-the-coins.russian.md
new file mode 100644
index 0000000000..e6bc80c666
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/count-the-coins.russian.md
@@ -0,0 +1,55 @@
+---
+title: Count the coins
+id: 59713bd26bdeb8a594fb9413
+challengeType: 5
+videoUrl: ''
+localeTitle: Подсчитайте монеты
+---
+
+## Description
+<section id="description"><p> В <a href="https://en.wikipedia.org/wiki/United_States" title="ссылка: https://en.wikipedia.org/wiki/United_States">американской</a> валюте существует четыре типа обычных монет: </p> кварталы (25 центов), десять центов (10 центов), никель (5 центов) и пенни (1 цент) <p> Существует шесть способов внести изменения в 15 центов: </p> Копейка и никель Копейка и 5 пенни 3 никеля 2 никеля и 5 пенни Никель и 10 пенни 15 пенни Задача: <p> Внедрить функцию, чтобы определить, сколько способов внести изменения в доллар, используя эти общие монеты? (1 доллар = 100 центов). </p> Ссылка: <a href="http://mitpress.mit.edu/sicp/full-text/book/book-Z-H-11.html#%_sec_Temp_52" title="ссылка: http://mitpress.mit.edu/sicp/full-text/book/book-Z-H-11.html#%_sec_Temp_52">алгоритм из MIT Press</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>countCoins</code> - это функция.
+    testString: 'assert(typeof countCoins === "function", "<code>countCoins</code> is a function.");'
+  - text: <code>countCoints()</code> должен возвращать 242.
+    testString: 'assert.equal(countCoins(), 242, "<code>countCoints()</code> should return 242.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function countCoins () {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/cramers-rule.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/cramers-rule.russian.md
new file mode 100644
index 0000000000..97005c487b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/cramers-rule.russian.md
@@ -0,0 +1,65 @@
+---
+title: Cramer's rule
+id: 59713da0a428c1a62d7db430
+challengeType: 5
+videoUrl: ''
+localeTitle: Правило Крамера
+---
+
+## Description
+<section id="description"><p> В <a href="https://en.wikipedia.org/wiki/linear algebra" title="wp: линейная алгебра">линейной алгебре</a> <a href="https://en.wikipedia.org/wiki/Cramer&#x27;s rule" title="wp: правило Крамера">правило Крамера</a> является явной формулой для решения <a href="https://en.wikipedia.org/wiki/system of linear equations" title="wp: система линейных уравнений">системы линейных уравнений</a> с таким количеством уравнений, как неизвестные, действительные всякий раз, когда система имеет единственное решение. Он выражает решение в терминах детерминантов матрицы (квадратного) коэффициента и полученных из нее матриц путем замены одного столбца на вектор правых частей уравнений. </p><p> Данный </p><p><big></big></p><p> <big>$ \ left \ {\ begin {matrix} a_1x + b_1y + c_1z &amp; = {\ color {red} d_1} \\ a_2x + b_2y + c_2z &amp; = {\ color {red} d_2} \\ a_3x + b_3y + c_3z &amp; = {\ цвет {красный} D_3} \ конец {матрица} \ правом. $</big> </p><p> который в матричном формате </p><p><big></big></p><p> <big>$ \ begin {bmatrix} a_1 &amp; b_1 &amp; c_1 \\ a_2 &amp; b_2 &amp; c_2 \\ a_3 &amp; b_3 &amp; c_3 \ end {bmatrix} \ begin {bmatrix} x \\ y \\ z \ end {bmatrix} = \ begin {bmatrix} {\ color {red} d_1} \\ {\ color {red} d_2} \\ {\ color {red} d_3} \ end {bmatrix}. $</big> </p><p> Тогда значения $ x, y $ и $ z $ можно найти следующим образом: </p><p><big></big></p><p> <big>$ x = \ frac {\ begin {vmatrix} {\ color {red} d_1} &amp; b_1 &amp; c_1 \\ {\ color {red} d_2} &amp; b_2 &amp; c_2 \\ {\ color {red} d_3} &amp; b_3 &amp; c_3 \ end {vmatrix}} {\ begin {vmatrix} a_1 &amp; b_1 &amp; c_1 \\ a_2 &amp; b_2 &amp; c_2 \\ a_3 &amp; b_3 &amp; c_3 \ end {vmatrix}}, \ quad y = \ frac {\ begin {vmatrix} } a_1 &amp; {\ color {red} d_1} &amp; c_1 \\ a_2 &amp; {\ color {red} d_2} &amp; c_2 \\ a_3 &amp; {\ color {red} d_3} &amp; c_3 \ end {vmatrix}} {\ begin {vmatrix} a_1 &amp; b_1 &amp; c_1 \\ a_2 &amp; b_2 &amp; c_2 \\ a_3 &amp; b_3 &amp; c_3 \ end {vmatrix}}, \ text {и} z = \ frac {\ begin {vmatrix} a_1 &amp; b_1 &amp; {\ color {red} d_1} \\ a_2 &amp; b_2 &amp; {\ color {red} d_2} \\ a_3 &amp; b_3 &amp; {\ color {red} d_3} \ end {vmatrix}} {\ begin {vmatrix} a_1 &amp; b_1 &amp; c_1 \\ a_2 &amp; b_2 &amp; c_2 \\ a_3 &amp; b_3 &amp; c_3 \ end {vmatrix}}. $</big> </p> задача <p> Учитывая следующую систему уравнений: </p><p> <big>$ \ begin {cases} 2w-x + 5y + z = -3 \\ 3w + 2x + 2y-6z = -32 \ w + 3x + 3y-z = -47 \\ 5w-2x-3y + 3z = 49 \\ \ end {cases} $</big> </p><p> решаем для <big>$ w $, $ x $, $ y $</big> и <big>$ z $</big> , используя правило Крамера. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>cramersRule</code> - это функция.
+    testString: 'assert(typeof cramersRule === "function", "<code>cramersRule</code> is a function.");'
+  - text: '<code>cramersRule([[2, -1, 5, 1], [3, 2, 2, -6], [1, 3, 3, -1], [5, -2, -3, 3]], [-3, -32, -47, 49])</code> должны возвращать <code>[2, -12, -4, 1]</code> .'
+    testString: 'assert.deepEqual(cramersRule(matrices[0], freeTerms[0]), answers[0], "<code>cramersRule([[2, -1, 5, 1], [3, 2, 2, -6], [1, 3, 3, -1], [5, -2, -3, 3]], [-3, -32, -47, 49])</code> should return <code>[2, -12, -4, 1]</code>.");'
+  - text: '<code>cramersRule([[3, 1, 1], [2, 2, 5], [1, -3, -4]], [3, -1, 2])</code> должны возвращать <code>[1, 1, -1]</code> .'
+    testString: 'assert.deepEqual(cramersRule(matrices[1], freeTerms[1]), answers[1], "<code>cramersRule([[3, 1, 1], [2, 2, 5], [1, -3, -4]], [3, -1, 2])</code> should return <code>[1, 1, -1]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function cramersRule (matrix, freeTerms) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/date-format.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/date-format.russian.md
new file mode 100644
index 0000000000..8c0493cc96
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/date-format.russian.md
@@ -0,0 +1,67 @@
+---
+title: Date format
+id: 59669d08d75b60482359409f
+challengeType: 5
+videoUrl: ''
+localeTitle: Формат даты
+---
+
+## Description
+<section id="description"> Задача: <p> Возвращает массив с текущей датой в форматах: </p><p> - 2007-11-23 и </p><p> - Воскресенье, 23 ноября 2007 г. </p><p> Пример вывода: <code>[&#39;2007-11-23&#39;, &#39;Sunday, November 23, 2007&#39;]</code> </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>getDateFormats</code> - это функция.
+    testString: 'assert(typeof getDateFormats === "function", "<code>getDateFormats</code> is a function.");'
+  - text: Должен возвращать объект.
+    testString: 'assert(typeof getDateFormats() === "object", "Should return an object.");'
+  - text: Должен возвращать массив с 2 элементами.
+    testString: 'assert(getDateFormats().length === 2, "Should returned an array with 2 elements.");'
+  - text: Должна вернуть правильную дату в правильном формате
+    testString: 'assert.deepEqual(getDateFormats(), dates, equalsMessage);'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function getDateFormats () {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/date-manipulation.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/date-manipulation.russian.md
new file mode 100644
index 0000000000..134a1c7afe
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/date-manipulation.russian.md
@@ -0,0 +1,73 @@
+---
+title: Date manipulation
+id: 5966c21cf732a95f1b67dd28
+challengeType: 5
+videoUrl: ''
+localeTitle: Обработка даты
+---
+
+## Description
+<section id="description"> Задача: <p> Учитывая строку даты в EST, выведите указанную дату в виде строки с добавлением 12 часов к времени. </p><p> Часовой пояс должен быть сохранен. </p><p> Пример ввода: </p><p> <code>&quot;March 7 2009 7:30pm EST&quot;</code> </p> <p> Пример вывода: </p><p> <code>&quot;March 8 2009 7:30am EST&quot;</code> </p> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>add12Hours</code> - это функция.
+    testString: 'assert(typeof add12Hours === "function", "<code>add12Hours</code> is a function.");'
+  - text: <code>add12Hours(dateString)</code> должен возвращать строку.
+    testString: 'assert(typeof add12Hours(tests[0]) === "string", "<code>add12Hours(dateString)</code> should return a string.");'
+  - text: '<code>add12Hours(&quot;&quot; + tests[0] + &quot;&quot;)</code> должны возвращать <code>&quot;&quot; + answers[0] + &quot;&quot;</code>'
+    testString: 'assert(add12Hours(tests[0]) === answers[0], "<code>add12Hours("" + tests[0] + "")</code> should return <code>"" + answers[0] + ""</code>");'
+  - text: 'Должен ли день обмена менять. <code>add12Hours(&quot;&quot; + tests[1] + &quot;&quot;)</code> должны возвращать <code>&quot;&quot; + answers[1] + &quot;&quot;</code>'
+    testString: 'assert(add12Hours(tests[1]) === answers[1], "Should handel day change. <code>add12Hours("" + tests[1] + "")</code> should return <code>"" + answers[1] + ""</code>");'
+  - text: 'Должен ли перенос месяца в високосный год. <code>add12Hours(&quot;&quot; + tests[2] + &quot;&quot;)</code> должны возвращать <code>&quot;&quot; + answers[2] + &quot;&quot;</code>'
+    testString: 'assert(add12Hours(tests[2]) === answers[2], "Should handel month change in a leap years. <code>add12Hours("" + tests[2] + "")</code> should return <code>"" + answers[2] + ""</code>");'
+  - text: 'Должен ли перенос месяца в течение общих лет. <code>add12Hours(&quot;&quot; + tests[3] + &quot;&quot;)</code> должны возвращать <code>&quot;&quot; + answers[3] + &quot;&quot;</code>'
+    testString: 'assert(add12Hours(tests[3]) === answers[3], "Should handel month change in a common years. <code>add12Hours("" + tests[3] + "")</code> should return <code>"" + answers[3] + ""</code>");'
+  - text: 'Должен измениться год выпуска. <code>add12Hours(&quot;&quot; + tests[4] + &quot;&quot;)</code> должны возвращать <code>&quot;&quot; + answers[4] + &quot;&quot;</code>'
+    testString: 'assert(add12Hours(tests[4]) === answers[4], "Should handel year change. <code>add12Hours("" + tests[4] + "")</code> should return <code>"" + answers[4] + ""</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function add12Hours (dateString) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/day-of-the-week.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/day-of-the-week.russian.md
new file mode 100644
index 0000000000..751717b0f3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/day-of-the-week.russian.md
@@ -0,0 +1,67 @@
+---
+title: Day of the week
+id: 5966f99c45e8976909a85575
+challengeType: 5
+videoUrl: ''
+localeTitle: День недели
+---
+
+## Description
+<section id="description"><p> Компания решает, что всякий раз, когда Xmas падает на воскресенье, они отдают своим работникам все дополнительные оплачиваемые отпуска, так что вместе с любыми праздничными днями работникам не придется работать на следующей неделе (с 25 декабря по 1 января). </p><p> Задача: </p><p> Напишите функцию, которая запускает год начала и конец года и возвращает массив всех лет, в которые 25 декабря будет воскресенье. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>findXmasSunday</code> - это функция.
+    testString: 'assert(typeof findXmasSunday === "function", "<code>findXmasSunday</code> is a function.");'
+  - text: '<code>findChristmasSunday(2000, 2100)</code> должен возвращать массив.'
+    testString: 'assert(typeof findXmasSunday(2000, 2100) === "object", "<code>findChristmasSunday(2000, 2100)</code> should return an array.");'
+  - text: '<code>findChristmasSunday(2008, 2121</code> должен вернуться [1977, 1983, 1988, 1994, 2005, 2011, 2016]'
+    testString: 'assert.deepEqual(findXmasSunday(1970, 2017), firstSolution, "<code>findChristmasSunday(2008, 2121</code> should return [1977, 1983, 1988, 1994, 2005, 2011, 2016]");'
+  - text: '<code>findChristmasSunday(2008, 2121</code> должны вернуться [2011, 2016, 2022, 2033, 2039, 2044, 2050, 2061, 2067, 2072, 2078, 2089, 2095, 2101, 2107, 2112, 2118]'
+    testString: 'assert.deepEqual(findXmasSunday(2008, 2121), secondSolution, "<code>findChristmasSunday(2008, 2121</code> should return [2011, 2016, 2022, 2033, 2039, 2044, 2050, 2061, 2067, 2072, 2078, 2089, 2095, 2101, 2107, 2112, 2118]");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function findXmasSunday (start, end) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/deal-cards-for-freecell.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/deal-cards-for-freecell.russian.md
new file mode 100644
index 0000000000..bf94b5968f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/deal-cards-for-freecell.russian.md
@@ -0,0 +1,91 @@
+---
+title: Deal cards for FreeCell
+id: 59694356a6e7011f7f1c5f4e
+challengeType: 5
+videoUrl: ''
+localeTitle: Карты сделок для FreeCell
+---
+
+## Description
+<section id="description"><p> Free Cell - это карточная игра для пасьянсов, которую Пол Альфил представил системе PLATO в 1978 году. Джим Хорн в Microsoft заменил имя на FreeCell и переопределил игру для <a href="http://rosettacode.org/wiki/DOS" title="DOS">DOS</a> , а затем <a href="http://rosettacode.org/wiki/Windows" title="Windows">Windows</a> . </p><p> В этой версии реализовано 32000 номеров. ( <a href="http://www.solitairelaboratory.com/fcfaq.html" title="ссылка: http://www.solitairelaboratory.com/fcfaq.html">Часто задаваемые вопросы FreeCell</a> рассказывают об этой истории.) </p><p> Когда игра стала популярной, Джим Хорн раскрыл <a href="http://www.solitairelaboratory.com/mshuffle.txt" title="ссылка: http://www.solitairelaboratory.com/mshuffle.txt">алгоритм</a> , а другие реализации FreeCell начали воспроизводить сделки Microsoft. </p><p> Эти сделки пронумерованы от 1 до 32000. </p><p> Более новые версии от Microsoft имеют 1 миллион сделок, пронумерованных от 1 до 1000000; некоторые реализации позволяют использовать номера за пределами этого диапазона. </p><p> Алгоритм использует этот <a href="http://rosettacode.org/wiki/linear congruential generator" title="линейный конгруэнтный генератор">линейный конгруэнтный генератор</a> от Microsoft C: </p> $ state_ {n + 1} \ equiv 214013 \ times state_n + 2531011 \ pmod {2 ^ {31}} $ $ rand_n = state_n \ div 2 ^ {16} $ $ rand_n $ находится в диапазоне от 0 до 32767. <p> Алгоритм: </p> Выделите RNG с номером сделки. Создайте <a href="http://rosettacode.org/wiki/array" title="массив">массив</a> из 52 карт: туз клубов, туз бриллиантов, туз сердец, туз пик, 2 из клубов, 2 бриллиантов и т. Д. Через звания: туз, 2, 3, 4, 5, 6, 7, 8, 9, 10, Джек, Королева, Король. Индексы массива от 0 до 51, с Ace of Clubs в 0 и King of Spades - 51. Пока массив не будет пустым: выберите случайную карту с индексом ≡ следующее случайное число (длина массива мод). Поменяйте эту случайную карту последней карточкой массива. Удалите эту случайную карту из массива. (Длина массива снижается на 1.) Обработайте эту случайную карту. Сделки все 52 карты, лицевой стороной вверх, через 8 столбцов. Первые 8 карт идут в 8 столбцах, следующие 8 карт идут на первые 8 карт и так далее. Пример: <p> Заказать карты </p><p></p><pre> 1 2 3 4 5 6 7 8
+ 9 10 11 12 13 14 15 16
+17 18 19 20 21 22 23 24
+25 26 27 28 29 30 31 32
+33 34 35 36 37 38 39 40
+41 42 43 44 45 46 47 48
+49 50 51 52 </pre><p></p><p> Игра №1 </p><p></p><pre> [
+[&#39;JD&#39;, &#39;2D&#39;, &#39;9H&#39;, &#39;JC&#39;, &#39;5D&#39;, &#39;7H&#39;, &#39;7C&#39;, &#39;5H&#39;],
+[&#39;KD&#39;, &#39;KC&#39;, &#39;9S&#39;, &#39;5S&#39;, &#39;AD&#39;, &#39;QC&#39;, &#39;KH&#39;, &#39;3H&#39;],
+[&#39;2S&#39;, &#39;KS&#39;, &#39;9D&#39;, &#39;QD&#39;, &#39;JS&#39;, &#39;AS&#39;, &#39;AH&#39;, &#39;3C&#39;],
+[&#39;4C&#39;, &#39;5C&#39;, &#39;TS&#39;, &#39;QH&#39;, &#39;4H&#39;, &#39;AC&#39;, &#39;4D&#39;, &#39;7S&#39;],
+[3S, TD, 4S, TH, 8H, 2C, JH, 7D,
+[6D, 8S, 8D, QS, 6C, 3D, 8C,
+[&#39;6S&#39;, &#39;9C&#39;, &#39;2H&#39;, &#39;6H&#39;]
+] </pre><p></p><p> Игра № 617 </p><p></p><pre> [
+[&#39;7D&#39;, &#39;AD&#39;, &#39;5C&#39;, &#39;3S&#39;, &#39;5S&#39;, &#39;8C&#39;, &#39;2D&#39;, &#39;AH&#39;],
+[&#39;TD&#39;, &#39;7S&#39;, &#39;QD&#39;, &#39;AC&#39;, &#39;6D&#39;, &#39;8H&#39;, &#39;AS&#39;, &#39;KH&#39;],
+[&#39;TH&#39;, &#39;QC&#39;, &#39;3H&#39;, &#39;9D&#39;, &#39;6S&#39;, &#39;8D&#39;, &#39;3D&#39;, &#39;TC&#39;],
+[&#39;KD&#39;, &#39;5H&#39;, &#39;9S&#39;, &#39;3C&#39;, &#39;8S&#39;, &#39;7H&#39;, &#39;4D&#39;, &#39;JS&#39;],
+[4C, QS, 9C, 9H, 7C,
+[&#39;4S&#39;, &#39;TS&#39;, &#39;2H&#39;, &#39;5D&#39;, &#39;JC&#39;, &#39;6C&#39;, &#39;JH&#39;, &#39;QH&#39;],
+[&#39;JD&#39;, &#39;KS&#39;, &#39;KC&#39;, &#39;4H&#39;]
+] </pre><p></p> Задача: <p> Напишите функцию, чтобы взять номер сделки и раздавать карты в том же порядке, что и этот алгоритм. </p><p> Функция должна возвращать двухмерный массив, представляющий плату FreeCell. </p><p> Сделки можно также проверить на <a href="http://freecellgamesolutions.com/" title="ссылка: http://freecellgamesolutions.com/">решения FreeCell для 1000000 игр</a> . </p><p> (Вызов видео решения, и он отображает первоначальную сделку.) </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>dealFreeCell</code> - это функция.
+    testString: 'assert(typeof dealFreeCell === "function", "<code>dealFreeCell</code> is a function.");'
+  - text: <code>dealFreeCell(seed)</code> должен возвращать объект.
+    testString: 'assert(typeof dealFreeCell(1) === "object", "<code>dealFreeCell(seed)</code> should return an object.");'
+  - text: <code>dealFreeCell(seed)</code> должен возвращать массив длиной 7.
+    testString: 'assert(dealFreeCell(1).length === 7, "<code>dealFreeCell(seed)</code> should return an array of length 7.");'
+  - text: '<code>dealFreeCell(1)</code> должен возвращать массив, идентичный примеру «Игра №1»,'
+    testString: 'assert.deepEqual(dealFreeCell(1), game1, "<code>dealFreeCell(1)</code> should return an array identical to example "Game #1"");'
+  - text: '<code>dealFreeCell(617)</code> должен возвращать массив, идентичный примеру «Game # 617»,'
+    testString: 'assert.deepEqual(dealFreeCell(617), game617, "<code>dealFreeCell(617)</code> should return an array identical to example "Game #617"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function dealFreeCell (seed) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/deepcopy.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/deepcopy.russian.md
new file mode 100644
index 0000000000..64a3b34dc4
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/deepcopy.russian.md
@@ -0,0 +1,69 @@
+---
+title: Deepcopy
+id: 596a8888ab7c01048de257d5
+challengeType: 5
+videoUrl: ''
+localeTitle: DeepCopy
+---
+
+## Description
+<section id="description"> Задача: <p> Напишите функцию, которая возвращает глубокую копию данного объекта. </p><p> Копия не должна быть тем же самым объектом, который был дан. </p><p> Эта задача не будет проверяться: </p> Объекты со свойствами, которые являются функциями. Объекты Date или объект со свойствами, которые являются объектами Date. RegEx или объект со свойствами, которые являются объектами RegEx. Прототипирование копий </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>deepcopy</code> должна быть функцией.
+    testString: 'assert(typeof deepcopy === "function", "<code>deepcopy</code> should be a function.");'
+  - text: '<code>deepcopy({test: &quot;test&quot;})</code> должен возвращать объект.'
+    testString: 'assert(typeof deepcopy(obj1) === "object", "<code>deepcopy({test: "test"})</code> should return an object.");'
+  - text: 'Не следует возвращать тот же объект, который был предоставлен.'
+    testString: 'assert(deepcopy(obj2) != obj2, "Should not return the same object that was provided.");'
+  - text: 'Когда передан объект, содержащий массив, должен возвращать глубокую копию объекта.'
+    testString: 'assert.deepEqual(deepcopy(obj2), obj2, "When passed an object containing an array, should return a deep copy of the object.");'
+  - text: 'При передаче объекта, содержащего другой объект, следует вернуть глубокую копию объекта.'
+    testString: 'assert.deepEqual(deepcopy(obj3), obj3, "When passed an object containing another object, should return a deep copy of the object.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function deepcopy (obj) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/define-a-primitive-data-type.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/define-a-primitive-data-type.russian.md
new file mode 100644
index 0000000000..c679fcd584
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/define-a-primitive-data-type.russian.md
@@ -0,0 +1,79 @@
+---
+title: Define a primitive data type
+id: 597089c87eec450c68aa1643
+challengeType: 5
+videoUrl: ''
+localeTitle: Определить примитивный тип данных
+---
+
+## Description
+<section id="description"> Задача: <p> Определите тип, который ведет себя как целое число, но имеет наименьшее допустимое значение 1 и самое высокое допустимое значение 10. </p> Ошибки. Если вы попытаетесь создать экземпляр <code>Num</code> со значением за пределами 1 - 10, он должен выбросить <code>TypeError</code> с сообщением об ошибке <code>&#39;Out of range&#39;</code> . Если вы попытаетесь создать экземпляр <code>Num</code> со значением, которое не является числом, оно должно <code>TypeError</code> с сообщением об ошибке <code>&#39;Not a Number&#39;</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>Num</code> должно быть функцией.
+    testString: 'assert(typeof Num === "function", "<code>Num</code> should be a function.");'
+  - text: <code>new Num(4)</code> должен возвращать объект.
+    testString: 'assert(typeof (new Num(4)) === "object", "<code>new Num(4)</code> should return an object.");'
+  - text: '<code>new Num(\&#39;test\&#39;)</code> должен вызывать TypeError с сообщением «Не номер».'
+    testString: 'assert(throws(() => new Num("test"), TypeError, "Not a Number"), "<code>new Num(\"test\")</code> should throw a TypeError with message \"Not a Number\".");'
+  - text: <code>new Num(0)</code> должен вызывать TypeError с сообщением «Вне диапазона».
+    testString: 'assert(throws(() => new Num(0), TypeError, "Out of range"), "<code>new Num(0)</code> should throw a TypeError with message \"Out of range\".");'
+  - text: <code>new Num(-5)</code> должен вызывать TypeError с сообщением «Вне диапазона».
+    testString: 'assert(throws(() => new Num(-5), TypeError, "Out of range"), "<code>new Num(-5)</code> should throw a TypeError with message \"Out of range\".");'
+  - text: <code>new Num(10)</code> должен вызывать TypeError с сообщением «Вне диапазона».
+    testString: 'assert(throws(() => new Num(11), TypeError, "Out of range"), "<code>new Num(10)</code> should throw a TypeError with message \"Out of range\".");'
+  - text: <code>new Num(20)</code> должен вызывать TypeError с сообщением «Вне диапазона».
+    testString: 'assert(throws(() => new Num(20), TypeError, "Out of range"), "<code>new Num(20)</code> should throw a TypeError with message \"Out of range\".");'
+  - text: <code>new Num(3) + new Num(4)</code> должен равняться 7.
+    testString: 'assert.equal(new Num(3) + new Num(4), 7, "<code>new Num(3) + new Num(4)</code> should equal 7.");'
+  - text: <code>new Num(3) - new Num(4)</code> должен равняться -1.
+    testString: 'assert.equal(new Num(3) - new Num(4), -1, "<code>new Num(3) - new Num(4)</code> should equal -1.");'
+  - text: <code>new Num(3) * new Num(4)</code> должен равняться 12.
+    testString: 'assert.equal(new Num(3) * new Num(4), 12, "<code>new Num(3) * new Num(4)</code> should equal 12.");'
+  - text: '<code>new Num(3) / new Num(4)</code> должен равняться 0,75.'
+    testString: 'assert.equal(new Num(3) / new Num(4), 0.75, "<code>new Num(3) / new Num(4)</code> should equal 0.75.");'
+  - text: <code>new Num(3) &lt; new Num(4)</code> должен быть правдой.
+    testString: 'assert(new Num(3) < new Num(4), "<code>new Num(3) < new Num(4)</code> should be true.");'
+  - text: <code>new Num(3) &gt; new Num(4)</code> должен быть ложным.
+    testString: 'assert(!(new Num(3) > new Num(4)), "<code>new Num(3) > new Num(4)</code> should be false.");'
+  - text: '<code>(new Num(5)).toString()</code> должен возвращать &#39;5 \&#39;'
+    testString: 'assert.equal((new Num(5)).toString(), "5", "<code>(new Num(5)).toString()</code> should return \"5\"");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Num (n) {
+  // Good luck!
+  return n;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/department-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/department-numbers.russian.md
new file mode 100644
index 0000000000..359d8e3cc2
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/department-numbers.russian.md
@@ -0,0 +1,67 @@
+---
+title: Department Numbers
+id: 59f40b17e79dbf1ab720ed7a
+challengeType: 5
+videoUrl: ''
+localeTitle: Номера отделений
+---
+
+## Description
+<section id="description"><p> Существует высоко организованный город, который решил присвоить номер каждому из своих отделов: </p> Отдел полиции Отдел санитарии Отдел пожарной охраны <p> Каждый отдел может иметь число от 1 до 7 (включительно). </p><p> Три номера отделов должны быть уникальными (отличными друг от друга) и должны содержать до 12. </p><p> Начальник полиции не любит странные цифры и хочет иметь четное число для своего отдела. </p> Задача: <p> Напишите программу, которая выводит все допустимые комбинации: </p><p> [2, 3, 7] </p><p> [2, 4, 6] </p><p> [2, 6, 4] </p><p> [2, 7, 3] </p><p> [4, 1, 7] </p><p> [4, 2, 6] </p><p> [4, 3, 5] </p><p> [4, 5, 3] </p><p> [4, 6, 2] </p><p> [4, 7, 1] </p><p> [6, 1, 5] </p><p> [6, 2, 4] </p><p> [6, 4, 2] </p><p> [6, 5, 1] </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>combinations</code> должны быть функцией.
+    testString: 'assert(typeof combinations === "function", "<code>combinations</code> should be a function.");'
+  - text: '<code>combinations([1, 2, 3], 6)</code> должны возвращать массив.'
+    testString: 'assert(Array.isArray(combinations([1, 2, 3], 6)), "<code>combinations([1, 2, 3], 6)</code> should return an Array.");'
+  - text: '<code>combinations([1, 2, 3, 4, 5, 6, 7], 12)</code> должны возвращать массив длиной 14.'
+    testString: 'assert(combinations(nums, total).length === len, "<code>combinations([1, 2, 3, 4, 5, 6, 7], 12)</code> should return an array of length 14.");'
+  - text: '<code>combinations([1, 2, 3, 4, 5, 6, 7], 12)</code> должны возвращать все допустимые комбинации.'
+    testString: 'assert.deepEqual(combinations(nums, total), result, "<code>combinations([1, 2, 3, 4, 5, 6, 7], 12)</code> should return all valid combinations.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function combinations (possibleNumbers, total) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/discordian-date.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/discordian-date.russian.md
new file mode 100644
index 0000000000..9b22bc901c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/discordian-date.russian.md
@@ -0,0 +1,67 @@
+---
+title: Discordian date
+id: 59f4eafba0343628bb682785
+challengeType: 5
+videoUrl: ''
+localeTitle: Дискордианская дата
+---
+
+## Description
+<section id="description"> Задача: <p> Преобразуйте заданную дату из <a href="https://en.wikipedia.org/wiki/Gregorian calendar" title="wp: григорианский календарь">григорианского календаря</a> в <a href="https://en.wikipedia.org/wiki/Discordian calendar" title="wp: Дискордианский календарь">Дискордианский календарь</a> . </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>discordianDate</code> - это функция.
+    testString: 'assert(typeof discordianDate === "function", "<code>discordianDate</code> is a function.");'
+  - text: '<code>discordianDate(new Date(2010, 6, 22))</code> должен вернуть <code>&quot;Pungenday, the 57th day of Confusion in the YOLD 3176&quot;</code> .'
+    testString: 'assert(discordianDate(new Date(2010, 6, 22)) === "Pungenday, the 57th day of Confusion in the YOLD 3176", "<code>discordianDate(new Date(2010, 6, 22))</code> should return <code>"Pungenday, the 57th day of Confusion in the YOLD 3176"</code>.");'
+  - text: '<code>discordianDate(new Date(2012, 1, 28))</code> должен вернуть <code>&quot;Prickle-Prickle, the 59th day of Chaos in the YOLD 3178&quot;</code> .'
+    testString: 'assert(discordianDate(new Date(2012, 1, 28)) === "Prickle-Prickle, the 59th day of Chaos in the YOLD 3178", "<code>discordianDate(new Date(2012, 1, 28))</code> should return <code>"Prickle-Prickle, the 59th day of Chaos in the YOLD 3178"</code>.");'
+  - text: '<code>discordianDate(new Date(2012, 1, 29))</code> должен вернуть <code>&quot;Setting Orange, the 60th day of Chaos in the YOLD 3178. Celebrate St. Tib\&quot;s Day!&quot;</code> .'
+    testString: 'assert(discordianDate(new Date(2012, 1, 29)) === "Setting Orange, the 60th day of Chaos in the YOLD 3178. Celebrate St. Tib\"s Day!", "<code>discordianDate(new Date(2012, 1, 29))</code> should return <code>"Setting Orange, the 60th day of Chaos in the YOLD 3178. Celebrate St. Tib\"s Day!"</code>.");'
+  - text: '<code>discordianDate(new Date(2012, 2, 1))</code> должен вернуть <code>&quot;Setting Orange, the 60th day of Chaos in the YOLD 3178&quot;</code> .'
+    testString: 'assert(discordianDate(new Date(2012, 2, 1)) === "Setting Orange, the 60th day of Chaos in the YOLD 3178", "<code>discordianDate(new Date(2012, 2, 1))</code> should return <code>"Setting Orange, the 60th day of Chaos in the YOLD 3178"</code>.");'
+  - text: '<code>discordianDate(new Date(2010, 0, 5))</code> должен вернуть <code>&quot;Setting Orange, the 5th day of Chaos in the YOLD 3176. Celebrate Mungday!&quot;</code> ,'
+    testString: 'assert(discordianDate(new Date(2010, 0, 5)) === "Setting Orange, the 5th day of Chaos in the YOLD 3176. Celebrate Mungday!", "<code>discordianDate(new Date(2010, 0, 5))</code> should return <code>"Setting Orange, the 5th day of Chaos in the YOLD 3176. Celebrate Mungday!"</code>.");'
+  - text: '<code>discordianDate(new Date(2011, 4, 3))</code> должен вернуть <code>&quot;Pungenday, the 50th day of Discord in the YOLD 3177. Celebrate Discoflux!&quot;</code> ,'
+    testString: 'assert(discordianDate(new Date(2011, 4, 3)) === "Pungenday, the 50th day of Discord in the YOLD 3177. Celebrate Discoflux!", "<code>discordianDate(new Date(2011, 4, 3))</code> should return <code>"Pungenday, the 50th day of Discord in the YOLD 3177. Celebrate Discoflux!"</code>.");'
+  - text: '<code>discordianDate(new Date(2015, 9, 19))</code> должен вернуть <code>&quot;Boomtime, the 73rd day of Bureaucracy in the YOLD 3181&quot;</code> .'
+    testString: 'assert(discordianDate(new Date(2015, 9, 19)) === "Boomtime, the 73rd day of Bureaucracy in the YOLD 3181", "<code>discordianDate(new Date(2015, 9, 19))</code> should return <code>"Boomtime, the 73rd day of Bureaucracy in the YOLD 3181"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function discordianDate (date) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/element-wise-operations.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/element-wise-operations.russian.md
new file mode 100644
index 0000000000..b643aaca61
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/element-wise-operations.russian.md
@@ -0,0 +1,65 @@
+---
+title: Element-wise operations
+id: 599c333915e0ea32d04d4bec
+challengeType: 5
+videoUrl: ''
+localeTitle: Элементные операции
+---
+
+## Description
+<section id="description"><p> Реализуйте основные матричные матричные и скалярно-матричные операции. </p><p> Воплощать в жизнь: </p><p> :: * дополнение </p><p> :: * вычитание </p><p> :: * умножение </p><p> :: * раздел </p><p> :: * возведение в степень </p><p> Первым параметром будет операция, которая должна быть выполнена, например: «m_add» для добавления матрицы и «s_add» для скалярного добавления. Второй и третий параметры будут представлять собой матрицы, на которых должны выполняться операции. </p></section>
+
+## Instructions
+undefined
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>operation</code> - это функция.
+    testString: 'assert(typeof operation === "function", "<code>operation</code> is a function.");'
+  - text: '<code>operation(&quot;m_add&quot;,[[1,2],[3,4]],[[1,2],[3,4]])</code> должны вернуться <code>[[2,4],[6,8]]</code> .'
+    testString: 'assert.deepEqual(operation("m_add", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[2, 4], [6, 8]], "<code>operation("m_add",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[2,4],[6,8]]</code>.");'
+  - text: '<code>operation(&quot;s_add&quot;,[[1,2],[3,4]],[[1,2],[3,4]])</code> должны возвращать <code>[[3,4],[5,6]]</code> .'
+    testString: 'assert.deepEqual(operation("s_add", [[1, 2], [3, 4]], 2), [[3, 4], [5, 6]], "<code>operation("s_add",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[3,4],[5,6]]</code>.");'
+  - text: '<code>operation(&quot;m_sub&quot;,[[1,2],[3,4]],[[1,2],[3,4]])</code> должны возвращать <code>[[0,0],[0,0]]</code> .'
+    testString: 'assert.deepEqual(operation("m_sub", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[0, 0], [0, 0]], "<code>operation("m_sub",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[0,0],[0,0]]</code>.");'
+  - text: '<code>operation(&quot;m_mult&quot;,[[1,2],[3,4]],[[1,2],[3,4]])</code> должны возвращать <code>[[1,4],[9,16]]</code> .'
+    testString: 'assert.deepEqual(operation("m_mult", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[1, 4], [9, 16]], "<code>operation("m_mult",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[1,4],[9,16]]</code>.");'
+  - text: '<code>operation(&quot;m_div&quot;,[[1,2],[3,4]],[[1,2],[3,4]])</code> должны возвращать <code>[[1,1],[1,1]]</code> .'
+    testString: 'assert.deepEqual(operation("m_div", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[1, 1], [1, 1]], "<code>operation("m_div",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[1,1],[1,1]]</code>.");'
+  - text: '<code>operation(&quot;m_exp&quot;,[[1,2],[3,4]],[[1,2],[3,4]])</code> должны вернуться <code>[[1,4],[27,256]]</code> .'
+    testString: 'assert.deepEqual(operation("m_exp", [[1, 2], [3, 4]], [[1, 2], [3, 4]]), [[1, 4], [27, 256]], "<code>operation("m_exp",[[1,2],[3,4]],[[1,2],[3,4]])</code> should return <code>[[1,4],[27,256]]</code>.");'
+  - text: '<code>operation(&quot;m_add&quot;,[[1,2,3,4],[5,6,7,8]],[[9,10,11,12],[13,14,15,16]])</code> должен возвращать <code>[[10,12,14,16],[18,20,22,24]]</code> .'
+    testString: 'assert.deepEqual(operation("m_add", [[1, 2, 3, 4], [5, 6, 7, 8]], [[9, 10, 11, 12], [13, 14, 15, 16]]), [[10, 12, 14, 16], [18, 20, 22, 24]], "<code>operation("m_add",[[1,2,3,4],[5,6,7,8]],[[9,10,11,12],[13,14,15,16]])</code> should return <code>[[10,12,14,16],[18,20,22,24]]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function operation (op, arr1, arr2) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/emirp-primes.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/emirp-primes.russian.md
new file mode 100644
index 0000000000..f21f3494f6
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/emirp-primes.russian.md
@@ -0,0 +1,60 @@
+---
+title: Emirp primes
+id: 599d0ba974141b0f508b37d5
+challengeType: 5
+videoUrl: ''
+localeTitle: Бонусы Эмирпа
+---
+
+## Description
+<section id="description"><p> Эмирп (первичный, записанный в обратном порядке) - это простые числа, которые при обратном (в их десятичном представлении) являются разными штрихами. </p><p> Напишите функцию, которая должна быть способна: Показывать первые числа <b>n</b> номеров. Покажите числа eprimes в диапазоне. Покажите количество eprimes в диапазоне. Покажите номер <b>n <sup>th</sup></b> eprimes. </p><p> Функция должна иметь два параметра. Первый получит <b>n</b> или диапазон в виде массива. Вторая будет получать логическое значение, которое указывает, возвращает ли функция eprimes в виде массива или одного числа (количество простых чисел в диапазоне или <b>n- <sup>го</sup></b> числа). В соответствии с параметрами функция должна возвращать массив или число. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>emirps</code> - это функция.
+    testString: 'assert(typeof emirps === "function", "<code>emirps</code> is a function.");'
+  - text: '<code>emirps(20,true)</code> должны вернуться <code>[13,17,31,37,71,73,79,97,107,113,149,157,167,179,199,311,337,347,359,389]</code>'
+    testString: 'assert.deepEqual(emirps(20, true), [13, 17, 31, 37, 71, 73, 79, 97, 107, 113, 149, 157, 167, 179, 199, 311, 337, 347, 359, 389], "<code>emirps(20,true)</code> should return <code>[13,17,31,37,71,73,79,97,107,113,149,157,167,179,199,311,337,347,359,389]</code>");'
+  - text: <code>emirps(10000)</code> должен вернуть <code>948349</code>
+    testString: 'assert.deepEqual(emirps(10000), 948349, "<code>emirps(10000)</code> should return <code>948349</code>");'
+  - text: '<code>emirps([7700,8000],true)</code> должны быть возвращены <code>[7717,7757,7817,7841,7867,7879,7901,7927,7949,7951,7963]</code>'
+    testString: 'assert.deepEqual(emirps([7700, 8000], true), [7717, 7757, 7817, 7841, 7867, 7879, 7901, 7927, 7949, 7951, 7963], "<code>emirps([7700,8000],true)</code> should return <code>[7717,7757,7817,7841,7867,7879,7901,7927,7949,7951,7963]</code>");'
+  - text: '<code>emirps([7700,8000],true)</code> должен вернуть <code>11</code>'
+    testString: 'assert.deepEqual(emirps([7700, 8000], false), 11, "<code>emirps([7700,8000],true)</code> should return <code>11</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function emirps(n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/entropy.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/entropy.russian.md
new file mode 100644
index 0000000000..24ef713344
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/entropy.russian.md
@@ -0,0 +1,64 @@
+---
+title: Entropy
+id: 599d15309e88c813a40baf58
+challengeType: 5
+videoUrl: ''
+localeTitle: Энтропия
+---
+
+## Description
+<section id="description"> Задача: <p> Вычислите энтропию Шеннона H данной входной строки. </p><p> Учитывая выборочную случайную переменную $ X $, которая представляет собой строку из $ N $ &quot;символов&quot; (всего символов), состоящую из $ n $ различных символов (n = 2 для двоичных), энтропия Шеннона X в битах / символе: </p><p> $ H_2 (X) = - \ sum_ {i = 1} ^ n \ frac {count_i} {N} \ log_2 \ left (\ frac {count_i} {N} \ right) $ </p><p> где $ count_i $ - количество символов $ n_i $. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>entropy</code> - функция.
+    testString: 'assert(typeof entropy === "function", "<code>entropy</code> is a function.");'
+  - text: <code>entropy(&quot;0&quot;)</code> должна возвращать <code>0</code>
+    testString: 'assert.equal(entropy("0"), 0, "<code>entropy("0")</code> should return <code>0</code>");'
+  - text: <code>entropy(&quot;01&quot;)</code> должна вернуть <code>1</code>
+    testString: 'assert.equal(entropy("01"), 1, "<code>entropy("01")</code> should return <code>1</code>");'
+  - text: ''
+    testString: 'assert.equal(entropy("0123"), 2, "<code>entropy("0123")</code> should return <code>2</code>");'
+  - text: <code>entropy(&quot;01234567&quot;)</code> должна вернуть <code>3</code>
+    testString: 'assert.equal(entropy("01234567"), 3, "<code>entropy("01234567")</code> should return <code>3</code>");'
+  - text: <code>entropy(&quot;0123456789abcdef&quot;)</code> должна возвращать <code>4</code>
+    testString: 'assert.equal(entropy("0123456789abcdef"), 4, "<code>entropy("0123456789abcdef")</code> should return <code>4</code>");'
+  - text: <code>entropy(&quot;1223334444&quot;)</code> должна быть возвращена <code>1.8464393446710154</code>
+    testString: 'assert.equal(entropy("1223334444"), 1.8464393446710154, "<code>entropy("1223334444")</code> should return <code>1.8464393446710154</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function entropy (s) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/equilibrium-index.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/equilibrium-index.russian.md
new file mode 100644
index 0000000000..8aa5fea243
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/equilibrium-index.russian.md
@@ -0,0 +1,72 @@
+---
+title: Equilibrium index
+id: 5987fd532b954e0f21b5d3f6
+challengeType: 5
+videoUrl: ''
+localeTitle: Равновесный индекс
+---
+
+## Description
+<section id="description"><p> Равновесный индекс последовательности является индексом в такой последовательности, что сумма элементов при более низких индексах равна сумме элементов с более высокими индексами. </p><p> Например, в последовательности <big>$ A $</big> : </p><p> :::: <big>$ A_0 = -7 $</big> </p><p> :::: <big>$ A_1 = 1 $</big> </p><p> :::: <big>$ A_2 = 5 $</big> </p><p> :::: <big>$ A_3 = 2 $</big> </p><p> :::: <big>$ A_4 = -4 $</big> </p><p> :::: <big>$ A_5 = 3 $</big> </p><p> :::: <big>$ A_6 = 0 $</big> </p><p> 3 - показатель равновесия, поскольку: </p><p> :::: <big>$ A_0 + A_1 + A_2 = A_4 + A_5 + A_6 $</big> </p><p> 6 также является показателем равновесия, поскольку: </p><p> :::: <big>$ A_0 + A_1 + A_2 + A_3 + A_4 + A_5 = 0 $</big> </p><p> (сумма нулевых элементов равна нулю) </p><p> 7 не является индексом равновесия, поскольку он не является допустимым индексом последовательности <big>$ A $</big> . </p><p> Напишите функцию, которая, учитывая последовательность, возвращает свои равновесные индексы (если они есть). </p><p> Предположим, что последовательность может быть очень длинной. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>equilibrium</code> является функцией.
+    testString: 'assert(typeof equilibrium === "function", "<code>equilibrium</code> is a function.");'
+  - text: '<code>equilibrium([-7, 1, 5, 2, -4, 3, 0])</code> должно вернуться <code>[3,6]</code> .'
+    testString: 'assert.deepEqual(equilibrium(tests[0]), ans[0], "<code>equilibrium([-7, 1, 5, 2, -4, 3, 0])</code> should return <code>[3,6]</code>.");'
+  - text: '<code>equilibrium([2, 4, 6])</code> должно возвращаться <code>[]</code> .'
+    testString: 'assert.deepEqual(equilibrium(tests[1]), ans[1], "<code>equilibrium([2, 4, 6])</code> should return <code>[]</code>.");'
+  - text: '<code>equilibrium([2, 9, 2])</code> должно возвращаться <code>[1]</code> .'
+    testString: 'assert.deepEqual(equilibrium(tests[2]), ans[2], "<code>equilibrium([2, 9, 2])</code> should return <code>[1]</code>.");'
+  - text: '<code>equilibrium([1, -1, 1, -1, 1, -1, 1])</code> должно возвращать <code>[0,1,2,3,4,5,6]</code> .'
+    testString: 'assert.deepEqual(equilibrium(tests[3]), ans[3], "<code>equilibrium([1, -1, 1, -1, 1, -1, 1])</code> should return <code>[0,1,2,3,4,5,6]</code>.");'
+  - text: '<code>equilibrium([1])</code> должно возвращаться <code>[0]</code> .'
+    testString: 'assert.deepEqual(equilibrium(tests[4]), ans[4], "<code>equilibrium([1])</code> should return <code>[0]</code>.");'
+  - text: '<code>equilibrium([])</code> должно возвращаться <code>[]</code> .'
+    testString: 'assert.deepEqual(equilibrium(tests[5]), ans[5], "<code>equilibrium([])</code> should return <code>[]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function equilibrium (a) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/ethiopian-multiplication.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/ethiopian-multiplication.russian.md
new file mode 100644
index 0000000000..f6c04ead90
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/ethiopian-multiplication.russian.md
@@ -0,0 +1,62 @@
+---
+title: Ethiopian multiplication
+id: 599d1566a02b571412643b84
+challengeType: 5
+videoUrl: ''
+localeTitle: Эфиопское умножение
+---
+
+## Description
+<section id="description"><p> Эфиопское умножение - это метод умножения целых чисел, использующий только добавление, удвоение и уменьшение пополам. </p><p> Метод: </p> Возьмите два числа, чтобы их умножить и записать их в верхней части двух столбцов. В левом столбце повторите половину последнего номера, отбрасывая любые остатки и записывая результат ниже последнего в том же столбце, пока не напишите значение 1. В правом столбце многократно удвоите последнее число и запишите результат ниже. остановитесь, когда вы добавите результат в ту же строку, что и в столбце слева. 1. Изучите созданную таблицу и отбросьте любую строку, где значение в левом столбце четное. Суммируйте значения в правой колонке, которые останутся для получения результата умножения исходных двух чисел вместе <p> Например: 17 × 34 </p><p> 17 34 </p><p> Половина первого столбца: </p><p> 17 34 </p><p> 8 </p><p> 4 </p><p> 2 </p><p> 1 </p><p> Удвоение второй колонки: </p><p> 17 34 </p><p> 8 68 </p><p> 4 136 </p><p> 2 272 </p><p> 1 544 </p><p> Stratch-out rows, чья первая ячейка четная: </p><p> 17 34 </p><p> 8 <strike>68</strike> </p><p> 4 <strike>136</strike> </p><p> 2 <strike>272</strike> </p><p> 1 544 </p><p> Суммируйте оставшиеся числа в правом столбце: </p><p> 17 34 </p><p> 8 - </p><p> 4 --- </p><p> 2 --- </p><p> 1 544 </p><p> ==== </p><p> 578 </p><p> Так 17, умноженное на 34, по эфиопскому методу - 578. </p> Задача: <p> Задача состоит в том, чтобы определить три названные функции / методы / процедуры / подпрограммы: </p> один на половину целого числа, один для двойного целого числа, и один, чтобы указать, является ли целое четным. <p> Используйте эти функции для создания функции, которая делает эфиопское умножение. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>eth_mult</code> - это функция.
+    testString: 'assert(typeof eth_mult === "function", "<code>eth_mult</code> is a function.");'
+  - text: '<code>eth_mult(17,34)</code> должен вернуть <code>578</code> .'
+    testString: 'assert.equal(eth_mult(17, 34), 578, "<code>eth_mult(17,34)</code> should return <code>578</code>.");'
+  - text: '<code>eth_mult(23,46)</code> должен вернуть <code>1058</code> .'
+    testString: 'assert.equal(eth_mult(23, 46), 1058, "<code>eth_mult(23,46)</code> should return <code>1058</code>.");'
+  - text: '<code>eth_mult(12,27)</code> должен вернуть <code>324</code> .'
+    testString: 'assert.equal(eth_mult(12, 27), 324, "<code>eth_mult(12,27)</code> should return <code>324</code>.");'
+  - text: '<code>eth_mult(56,98)</code> должен вернуть <code>5488</code> .'
+    testString: 'assert.equal(eth_mult(56, 98), 5488, "<code>eth_mult(56,98)</code> should return <code>5488</code>.");'
+  - text: '<code>eth_mult(63,74)</code> должен вернуть <code>4662</code> .'
+    testString: 'assert.equal(eth_mult(63, 74), 4662, "<code>eth_mult(63,74)</code> should return <code>4662</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function eth_mult (a, b) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/euler-method.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/euler-method.russian.md
new file mode 100644
index 0000000000..89e6a5497a
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/euler-method.russian.md
@@ -0,0 +1,60 @@
+---
+title: Euler method
+id: 59880443fb36441083c6c20e
+challengeType: 5
+videoUrl: ''
+localeTitle: Метод Эйлера
+---
+
+## Description
+<section id="description"><p> Метод Эйлера численно аппроксимирует решения обыкновенных дифференциальных уравнений первого порядка (ОДУ) с заданным начальным значением. Это явный метод решения начальных задач (IVP), как описано <a href="https://en.wikipedia.org/wiki/Euler method" title="wp: метод Эйлера">на странице wikipedia</a> . </p><p> ОДУ должно быть представлено в следующем виде: </p><p> :: <big>$ \ frac {dy (t)} {dt} = f (t, y (t)) $</big> </p><p> с начальным значением </p><p> :: <big>$ y (t_0) = y_0 $</big> </p><p> Чтобы получить числовое решение, мы заменим производную на LHS с помощью разностной аппроксимации: </p><p> :: <big>$ \ frac {dy (t)} {dt} \ approx \ frac {y (t + h) -y (t)} {h} $</big> </p><p> затем решить для $ y (t + h) $: </p><p> :: <big>$ y (t + h) \ approx y (t) + h \, \ frac {dy (t)} {dt} $</big> </p><p> который является таким же, как </p><p> :: <big>$ y (t + h) \ approx y (t) + h \, f (t, y (t)) $</big> </p><p> Итеративное правило решения: </p><p> :: <big>$ y_ {n + 1} = y_n + h \, f (t_n, y_n) $</big> </p><p> где <big>$ h $</big> - размер шага, наиболее важный параметр для точности решения. Чем меньше размер шага, тем выше точность, но также и стоимость вычислений, поэтому его всегда нужно выбирать вручную в зависимости от проблемы. </p><p> Пример: закон охлаждения Ньютона </p><p> Закон охлаждения Ньютона описывает, как объект начальной температуры <big>$ T (t_0) = T_0 $</big> остывает в среде с температурой <big>$ T_R $</big> : </p><p> :: <big>$ \ frac {dT (t)} {dt} = -k \, \ Delta T $</big> </p><p> или </p><p> :: <big>$ \ frac {dT (t)} {dt} = -k \, (T (t) - T_R) $</big> </p><p> В нем говорится, что скорость охлаждения <big>$ \ frac {dT (t)} {dt} $</big> объекта пропорциональна текущей разности температур <big>$ \ Delta T = (T (t) - T_R) $</big> в окружающую среду. </p><p> Аналитическое решение, которое мы будем сравнивать с численным приближением, </p><p> :: <big>$ T (t) = T_R + (T_0 - T_R) \; е ^ {-} $ кт</big> </p> Задача: <p> Внедрить рутину метода Эйлера, а затем использовать его для решения данного примера закона охлаждения Ньютона с ним для трех разных размеров шага: </p><p> :: * 2 с </p><p> :: * 5 с и </p><p> :: * 10 с </p><p> и сравнить с аналитическим решением. </p> Начальные значения: <p> :: * начальная температура <big>$ T_0 $</big> должна быть 100 ° C </p><p> :: * комнатная температура <big>$ T_R $</big> должна составлять 20 ° C </p><p> :: * постоянная охлаждения <big>$ k $</big> должна составлять 0,07 </p><p> :: * интервал времени для вычисления должен составлять от 0 с ──► 100 с </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>eulersMethod</code> - это функция.
+    testString: 'assert(typeof eulersMethod === "function", "<code>eulersMethod</code> is a function.");'
+  - text: '<code>eulersMethod(0, 100, 100, 10)</code> должен возвращать число.'
+    testString: 'assert(typeof eulersMethod(0, 100, 100, 10) === "number", "<code>eulersMethod(0, 100, 100, 10)</code> should return a number.");'
+  - text: '<code>eulersMethod(0, 100, 100, 10)</code> должен возвращать 20.0424631833732.'
+    testString: 'assert.equal(eulersMethod(0, 100, 100, 2), 20.0424631833732, "<code>eulersMethod(0, 100, 100, 10)</code> should return 20.0424631833732.");'
+  - text: '<code>eulersMethod(0, 100, 100, 10)</code> должен возвращать 20.01449963666907.'
+    testString: 'assert.equal(eulersMethod(0, 100, 100, 5), 20.01449963666907, "<code>eulersMethod(0, 100, 100, 10)</code> should return 20.01449963666907.");'
+  - text: '<code>eulersMethod(0, 100, 100, 10)</code> должен возвращать 20.000472392.'
+    testString: 'assert.equal(eulersMethod(0, 100, 100, 10), 20.000472392, "<code>eulersMethod(0, 100, 100, 10)</code> should return 20.000472392.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function eulersMethod (x1, y1, x2, h) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/evaluate-binomial-coefficients.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/evaluate-binomial-coefficients.russian.md
new file mode 100644
index 0000000000..2a8bc03aa0
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/evaluate-binomial-coefficients.russian.md
@@ -0,0 +1,62 @@
+---
+title: Evaluate binomial coefficients
+id: 598de241872ef8353c58a7a2
+challengeType: 5
+videoUrl: ''
+localeTitle: Оценить биномиальные коэффициенты
+---
+
+## Description
+<section id="description"><p> Напишите функцию для вычисления биномиального коэффициента при заданном значении n и k. </p><p> Эта формула рекомендуется: </p> $ \ binom {n} {k} = \ frac {n!} {(nk)! k!} = \ frac {n (n-1) (n-2) \ ldots (n-k + 1)} { k (k-1) (k-2) \ ldots 1} $ </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>binom</code> - функция.
+    testString: 'assert(typeof binom === "function", "<code>binom</code> is a function.");'
+  - text: '<code>binom(5,3)</code> следует вернуть 10.'
+    testString: 'assert.equal(binom(5, 3), 10, "<code>binom(5,3)</code> should return 10.");'
+  - text: '<code>binom(7,2)</code> должен вернуть 21.'
+    testString: 'assert.equal(binom(7, 2), 21, "<code>binom(7,2)</code> should return 21.");'
+  - text: '<code>binom(10,4)</code> должен вернуть 210.'
+    testString: 'assert.equal(binom(10, 4), 210, "<code>binom(10,4)</code> should return 210.");'
+  - text: '<code>binom(6,1)</code> должен вернуть 6.'
+    testString: 'assert.equal(binom(6, 1), 6, "<code>binom(6,1)</code> should return 6.");'
+  - text: '<code>binom(12,8)</code> должен вернуть 495.'
+    testString: 'assert.equal(binom(12, 8), 495, "<code>binom(12,8)</code> should return 495.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function binom (n, k) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/execute-a-markov-algorithm.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/execute-a-markov-algorithm.russian.md
new file mode 100644
index 0000000000..79b280adc3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/execute-a-markov-algorithm.russian.md
@@ -0,0 +1,118 @@
+---
+title: Execute a Markov algorithm
+id: 59e09e6d412c5939baa02d16
+challengeType: 5
+videoUrl: ''
+localeTitle: Выполнить алгоритм Маркова
+---
+
+## Description
+<section id="description"> Задача: <p> Создайте интерпретатор для <a href="https://en.wikipedia.org/wiki/Markov algorithm" title="wp: алгоритм Маркова">алгоритма Маркова</a> . </p><p> Правила имеют синтаксис: </p><p><ruleset> знак равно <comment> | <rule> ) <newline> +) * </newline></rule></comment></ruleset></p><p><comment> знак равно <any character=""> } </any></comment></p><p><rule> знак равно <pattern><whitespace> -&gt; <whitespace> [.] <replacement></replacement></whitespace></whitespace></pattern></rule></p><p><whitespace> знак равно <tab> | <space> ) [ <whitespace> ] </whitespace></space></tab></whitespace></p><p> В каждой строке есть одно правило. </p><p> Если есть <b>.</b> (период), присутствующий до <replacement> , то это правило окончания, в этом случае интерпретатор должен остановить выполнение. </replacement></p><p> Набор правил состоит из последовательности правил с необязательными комментариями. </p><p> <big><big>Rulesets</big></big> </p><p> Используйте следующие тесты для записей: </p> Правила 1: <pre> Этот файл правил извлекается из Википедии:
+http://en.wikipedia.org/wiki/Markov_AlgorithmA -&gt; яблоко
+B -&gt; сумка
+S -&gt; магазин
+T -&gt;
+магазин -&gt; мой брат
+никогда не использовалось -&gt; .terminating rule
+</pre><p> Пример текста: </p><p> <code>I bought a B of As from T S.</code> </p> <p> Должен генерировать вывод: </p><p> <code>I bought a bag of apples from my brother.</code> </p> Правила 2: <p> Проверка правила завершения </p><pre> Немного изменен из правил на WikipediaA -&gt; apple
+B -&gt; сумка
+S -&gt; .shop
+T -&gt;
+магазин -&gt; мой брат
+никогда не использовалось -&gt; .terminating rule </pre><p> Пример текста: </p><p> <code>I bought a B of As from T S.</code> </p> <p> Должна генерировать: </p><p> <code>I bought a bag of apples from T shop.</code> </p> Правила 3: <p> Это проверяет правильный порядок замещения и может задерживать простые подпрограммы на основе регулярного выражения, если специальные символы регулярного выражения не экранируются. </p><pre> BNF Синтаксические правила тестированияA -&gt; apple
+WWWW -&gt; с
+Багаж -&gt; -&gt;. *
+B -&gt; сумка
+-&gt;. * -&gt; деньги
+W -&gt; WW
+S -&gt; .shop
+T -&gt;
+магазин -&gt; мой брат
+никогда не использовалось -&gt; .terminating rule
+</pre><p> Пример текста: </p><p> <code>I bought a B of As W my Bgage from T S.</code> </p> <p> Должна генерировать: </p><p> <code>I bought a bag of apples with my money from T shop.</code> </p> Правила 4: <p> Это проверяет правильность порядка сканирования правил и может задерживать процедуры замены, которые сканируются в неправильном порядке. Он реализует общий механизм унарного умножения. (Обратите внимание, что входное выражение должно быть помещено в символы подчеркивания в этой реализации.) </p><pre> ## Unary Multiplication Engine, для тестирования алгоритмов Алгоритма Маркова
+## Донал Стипендиаты.
+Унарное сложение engine_ + 1 -&gt; _1 +
+1 + 1 -&gt; 11+
+Переход для преобразования из расщепления умножения в обычный
+addition1! -&gt; 1
+,! -&gt;! +
+_! -&gt; _
+Унарное умножение путем дублирования левой стороны, правое время 1 * 1 -&gt; x, @ y
+1x -&gt; xX
+X, -&gt; 1,1
+X1 -&gt; 1X
+_x -&gt; _X
+, х -&gt;, X
+y1 -&gt; 1y
+y_ -&gt; _
+Следующая фаза применения 1 @ 1 -&gt; x, @ y
+1 @ _ -&gt; @_
+, @ _ ​​-&gt;! _
+++ -&gt; +
+Очистка выводов для добавления_1 -&gt; 1
+1 + _ -&gt; 1
+_ + _ -&gt;
+</pre><p> Пример текста: </p><p> <code>_1111*11111_</code> </p> <p> должен генерировать вывод: </p><p> <code>11111111111111111111</code> </p> Правила 5: <p> Простая <a href="http://en.wikipedia.org/wiki/Turing_machine" title="ссылка: http://en.wikipedia.org/wiki/Turing_machine">машина Тьюринга</a> , </p><p> реализуя <a href="http://en.wikipedia.org/wiki/Busy_beaver" title="ссылка: http://ru.wikipedia.org/wiki/Busy_beaver">трехгосударственный бобр</a> . </p><p> Лента состоит из 0s и 1s, состояния A, B, C и H (для Halt), а положение головы указывается путем записи буквы состояния перед символом, где находится голова. </p><p> Все части исходной ленты, на которой работает машина, должны быть указаны на входе. </p><p> Кроме того, демонстрируя, что алгоритм Маркова является Turing-полным, он также заставил меня поймать ошибку в реализации C ++, которая не была захвачена первыми четырьмя наборами правил. </p><pre> Машина Тьюринга: бобер с тремя состояниями
+# состояние A, символ 0 =&gt; запись 1, перемещение вправо, новое состояние BA0 -&gt; 1B
+состояние A, символ 1 =&gt; запись 1, перемещение влево, новое состояние C0A1 -&gt; C01
+1A1 -&gt; C11
+состояние B, символ 0 =&gt; запись 1, перемещение влево, новое состояние A0B0 -&gt; A01
+1B0 -&gt; A11
+состояние B, символ 1 =&gt; записать 1, двигаться вправо, новое состояние BB1 -&gt; 1B
+состояние C, символ 0 =&gt; запись 1, перемещение влево, новое состояние B0C0 -&gt; B01
+1C0 -&gt; B11
+состояние C, символ 1 =&gt; запись 1, перемещение влево, halt0C1 -&gt; H01
+1C1 -&gt; H11
+</pre><p> Этот набор правил должен </p><p> <code>000000A000000</code> </p> <p> в </p><p> <code>00011H1111000</code> </p> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>markov</code> - функция.
+    testString: 'assert(typeof markov === "function", "<code>markov</code> is a function.");'
+  - text: '<code>markov([&quot;A -&gt; apple&quot;,&quot;B -&gt; bag&quot;,&quot;S -&gt; shop&quot;,&quot;T -&gt; the&quot;,&quot;the shop -&gt; my brother&quot;,&quot;a never used -&gt; .terminating rule&quot;],&quot;I bought a B of As from T S.&quot;)</code> должен вернуться «Я купил мешок с яблоками от моего брата».'
+    testString: 'assert.deepEqual(markov(rules[0],tests[0]),outputs[0],"<code>markov(["A -> apple","B -> bag","S -> shop","T -> the","the shop -> my brother","a never used -> .terminating rule"],"I bought a B of As from T S.")</code> should return "I bought a bag of apples from my brother.".");'
+  - text: '<code>markov([&quot;A -&gt; apple&quot;,&quot;B -&gt; bag&quot;,&quot;S -&gt; .shop&quot;,&quot;T -&gt; the&quot;,&quot;the shop -&gt; my brother&quot;,&quot;a never used -&gt; .terminating rule&quot;],&quot;I bought a B of As from T S.&quot;)</code> должен вернуться« Я купил мешок яблок из магазина T ».'
+    testString: 'assert.deepEqual(markov(rules[1],tests[1]),outputs[1],"<code>markov(["A -> apple","B -> bag","S -> .shop","T -> the","the shop -> my brother","a never used -> .terminating rule"],"I bought a B of As from T S.")</code> should return "I bought a bag of apples from T shop.".");'
+  - text: '<code>markov([&quot;A -&gt; apple&quot;,&quot;WWWW -&gt; with&quot;,&quot;Bgage -&gt; -&gt;.*&quot;,&quot;B -&gt; bag&quot;,&quot;-&gt;.* -&gt; money&quot;,&quot;W -&gt; WW&quot;,&quot;S -&gt; .shop&quot;,&quot;T -&gt; the&quot;,&quot;the shop -&gt; my brother&quot;,&quot;a never used -&gt; .terminating rule&quot;],&quot;I bought a B of As W my Bgage from T S.&quot;)</code> должен вернуться« Я купил мешок с яблоками с моими деньгами из магазина T ».'
+    testString: 'assert.deepEqual(markov(rules[2],tests[2]),outputs[2],"<code>markov(["A -> apple","WWWW -> with","Bgage -> ->.*","B -> bag","->.* -> money","W -> WW","S -> .shop","T -> the","the shop -> my brother","a never used -> .terminating rule"],"I bought a B of As W my Bgage from T S.")</code> should return "I bought a bag of apples with my money from T shop.".");'
+  - text: '<code>markov([&quot;_+1 -&gt; _1+&quot;,&quot;1+1 -&gt; 11+&quot;,&quot;1! -&gt; !1&quot;,&quot;,! -&gt; !+&quot;,&quot;_! -&gt; _&quot;,&quot;1*1 -&gt; x,@y&quot;,&quot;1x -&gt; xX&quot;,&quot;X, -&gt; 1,1&quot;,&quot;X1 -&gt; 1X&quot;,&quot;_x -&gt; _X&quot;,&quot;,x -&gt; ,X&quot;,&quot;y1 -&gt; 1y&quot;,&quot;y_ -&gt; _&quot;,&quot;1@1 -&gt; x,@y&quot;,&quot;1@_ -&gt; @_&quot;,&quot;,@_ -&gt; !_&quot;,&quot;++ -&gt; +&quot;,&quot;_1 -&gt; 1&quot;,&quot;1+_ -&gt; 1&quot;,&quot;_+_ -&gt; &quot;],&quot;_1111*11111_&quot;)</code> должен возвращать&quot; 11111111111111111111 &quot;.'
+    testString: 'assert.deepEqual(markov(rules[3],tests[3]),outputs[3],"<code>markov(["_+1 -> _1+","1+1 -> 11+","1! -> !1",",! -> !+","_! -> _","1*1 -> x,@y","1x -> xX","X, -> 1,1","X1 -> 1X","_x -> _X",",x -> ,X","y1 -> 1y","y_ -> _","1@1 -> x,@y","1@_ -> @_",",@_ -> !_","++ -> +","_1 -> 1","1+_ -> 1","_+_ -> "],"_1111*11111_")</code> should return "11111111111111111111".");'
+  - text: '<code>markov([&quot;A0 -&gt; 1B&quot;,&quot;0A1 -&gt; C01&quot;,&quot;1A1 -&gt; C11&quot;,&quot;0B0 -&gt; A01&quot;,&quot;1B0 -&gt; A11&quot;,&quot;B1 -&gt; 1B&quot;,&quot;0C0 -&gt; B01&quot;,&quot;1C0 -&gt; B11&quot;,&quot;0C1 -&gt; H01&quot;,&quot;1C1 -&gt; H11&quot;],&quot;&quot;)</code> должны возвращать« 00011H1111000 ».'
+    testString: 'assert.deepEqual(markov(rules[4],tests[4]),outputs[4],"<code>markov(["A0 -> 1B","0A1 -> C01","1A1 -> C11","0B0 -> A01","1B0 -> A11","B1 -> 1B","0C0 -> B01","1C0 -> B11","0C1 -> H01","1C1 -> H11"],"")</code> should return "00011H1111000".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function markov (rules,test) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/execute-brain.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/execute-brain.russian.md
new file mode 100644
index 0000000000..d481202aa8
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/execute-brain.russian.md
@@ -0,0 +1,133 @@
+---
+title: Execute Brain****
+id: 59e0a8df964e4540d5abe599
+challengeType: 5
+videoUrl: ''
+localeTitle: Выполнить мозг ****
+---
+
+## Description
+<section id="description"><p> Напишите функцию для реализации интерпретатора Brain ****. Функция примет строку как параметр и должна вернуть строку в качестве вывода. Более подробная информация приведена ниже: </p><p> RCBF представляет собой набор компиляторов и интерпретаторов <a href="http://rosettacode.org/wiki/Brainf***" title="Brainf ***">Brainf ***,</a> написанных для Rosetta Code на разных языках. </p><p> Ниже приведены ссылки на каждую из версий RCBF. </p><p> Для реализации необходимо только правильно выполнить следующие инструкции: </p><p> {| </p><p> ! Command </p><p> !Описание </p><p> | - </p><p> | стиль = «выравнивание текста: центр» | <code>&gt;</code> || Переместите указатель вправо </p><p> | - </p><p> | стиль = «выравнивание текста: центр» | <code>&lt;</code> || Переместите указатель влево </p><p> | - </p><p> | стиль = «выравнивание текста: центр» | <code>+</code> || Увеличение ячейки памяти под указателем </p><p> | - </p><p> | стиль = «выравнивание текста: центр» | <code>-</code> || Уменьшить ячейку памяти под указателем </p><p> | - </p><p> | стиль = «выравнивание текста: центр» | <code>.</code> || Вывести символ, обозначенный ячейкой указателем </p><p> | - </p><p> | стиль = «выравнивание текста: центр» | <code>,</code> || Введите символ и сохраните его в ячейке указателя </p><p> | - </p><p> | стиль = «выравнивание текста: центр» | <code>[</code> || Перейти мимо соответствия <code>]</code> если ячейка под указателем равна 0 </p><p> | - </p><p> | стиль = «выравнивание текста: центр» | <code>]</code> || Вернитесь к совпадению <code>[</code> если ячейка под указателем отлична от нуля </p><p> |} </p><p> Любой размер ячейки разрешен, поддержка EOF ( <u>E</u> nd- <u>O-</u> <u>F</u> ile) необязательна, равно как и ограниченная или неограниченная память. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>brain(bye)</code> должен возвращать строку
+    testString: 'assert(typeof brain(bye) === "string", "<code>brain(bye)</code> should return a string");'
+  - text: '<code>brain("++++++[>++++++++++<-]>+++++.")</code should return "A"'
+    testString: 'assert.equal(brain("++++++[>++++++++++<-]>+++++."),"A", "<code>brain("++++++[>++++++++++<-]>+++++.")</code should return "A"");'
+  - text: '<code>brain(bye)</code> должен возвращать <code>Goodbye, World!\\r\\n</code>'
+    testString: 'assert.equal(brain(bye), "Goodbye, World!\r\n", "<code>brain(bye)</code> should return <code>Goodbye, World!\\r\\n</code>");'
+  - text: '<code>brain(hello)</code> должен вернуть <code>Hello World!\\n</code> &#39;'
+    testString: 'assert.equal(brain(hello), "Hello World!\n", "<code>brain(hello)</code> should return <code>Hello World!\\n</code>");'
+  - text: '<code>brain(fib)</code> должен возвращать <code>1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89</code>'
+    testString: 'assert.equal(brain(fib), "1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89", "<code>brain(fib)</code> should return <code>1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function brain (prog) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+### Before Test
+<div id='js-setup'>
+
+```js
+let fib=`+
+
+++
+
++++
+
+++++
+
++>+>>
+
+>>++++
+
++++++++
+
+++++++++
+
++++++++++
+
+++++++++++
+
+++++++>++++
+
+++++++++++++
+
++++++++++++++
+
++++<<<<<<[>[>>
+
+>>>>+>+<<<<<<<-
+
+]>>>>>>>[<<<<<<<
+
++>>>>>>>-]<[>++++
+
+++++++[-<-[>>+>+<<
+
+<-]>>>[<<<+>>>-]+<[
+
+>[-]<[-]]>[<<[>>>+<<
+
+<-]>>[-]]<<]>>>[>>+>+
+
+<<<-]>>>[<<<+>>>-]+<[>
+
+[-]<[-]]>[<<+>>[-]]<<<<
+
+<<<]>>>>>[++++++++++++++
+
++++++++++++++++++++++++++
+
++++++++++.[-]]++++++++++<[
+
+->-<]>+++++++++++++++++++++
+
++++++++++++++++++++++++++++.
+
+[-]<<<<<<<<<<<<[>>>+>+<<<<-]>
+
+>>>[<<<<+>>>>-]<-[>>.>.<<<[-]]
+
+<<[>>+>+<<<-]>>>[<<<+>>>-]<<[<+
+
+>-]>[<+>-]<<<-]`;
+let hello='++++++++[>++++[>++>+++>+++>+<<<<-]>+>+>->>+[<]<-]>>.>---.+++++++..+++.>>.<-.<.+++.------.--------.>>+.>++.'
+let bye='++++++++++[>+>+++>++++>+++++++>++++++++>+++++++++>++++++++++>+++++++++++>++++++++++++<<<<<<<<<-]>>>>+.>>>>+..<.<++++++++.>>>+.<<+.<<<<++++.<++.>>>+++++++.>>>.+++.<+++++++.--------.<<<<<+.<+++.---.';
+
+```
+
+</div>
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/extensible-prime-generator.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/extensible-prime-generator.russian.md
new file mode 100644
index 0000000000..453b0ca4cd
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/extensible-prime-generator.russian.md
@@ -0,0 +1,60 @@
+---
+title: Extensible prime generator
+id: 598ee8b91b410510ae82efef
+challengeType: 5
+videoUrl: ''
+localeTitle: Расширяемый первичный генератор
+---
+
+## Description
+<section id="description"><p> Напишите генератор простых чисел, чтобы он автоматически регулировался для генерации любого разумно высокого премьер. </p> Генератор должен иметь возможность: Показывать первые <b>n</b> простых чисел. Показывать простые числа в диапазоне. Показывать количество простых чисел в диапазоне. Показывать <b>n- <sup>е</sup></b> простое число. <p> Функция должна иметь два параметра. Первый получит <b>n</b> или диапазон в виде массива. Вторая будет получать логическое значение, которое указывает, возвращает ли функция числа простых чисел в виде массива или одного числа (числа простых чисел в диапазоне или <b>n- <sup>го</sup></b> числа). В соответствии с параметрами функция должна возвращать массив. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>primeGenerator</code> - функция.
+    testString: 'assert(typeof primeGenerator === "function", "<code>primeGenerator</code> is a function.");'
+  - text: <code>primeGenerator</code> - функция.
+    testString: 'assert.deepEqual(primeGenerator(20, true), [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67, 71], "<code>primeGenerator</code> is a function.");'
+  - text: <code>primeGenerator</code> - функция.
+    testString: 'assert.deepEqual(primeGenerator([100, 150], true), [101, 103, 107, 109, 113, 127, 131, 137, 139, 149], "<code>primeGenerator</code> is a function.");'
+  - text: <code>primeGenerator</code> - функция.
+    testString: 'assert.equal(primeGenerator([7700, 8000], false), 30, "<code>primeGenerator</code> is a function.");'
+  - text: <code>primeGenerator</code> - функция.
+    testString: 'assert.equal(primeGenerator(10000, false), 104729, "<code>primeGenerator</code> is a function.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function primeGenerator (num, showPrimes) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/factorial.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/factorial.russian.md
new file mode 100644
index 0000000000..132f7249a3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/factorial.russian.md
@@ -0,0 +1,68 @@
+---
+title: Factorial
+id: 597b2b2a2702b44414742771
+challengeType: 5
+videoUrl: ''
+localeTitle: Факториал
+---
+
+## Description
+<section id="description"><p> Напишите функцию для возврата факториала числа. </p><p> Факториал числа определяется: </p> п! = n * (n-1) * (n-2) * ..... * 1 <p> Например: 3! = 3 * 2 * 1 = 6 4! = 4 * 3 * 2 * 1 = 24 </p><p> Примечание: 0! = 1 </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>factorial</code> - это функция.
+    testString: 'assert(typeof factorial === "function", "<code>factorial</code> is a function.");'
+  - text: <code>factorial(2)</code> должен возвращать число.
+    testString: 'assert(typeof factorial(2) === "number", "<code>factorial(2)</code> should return a number.");'
+  - text: <code>factorial(3)</code> должен вернуть 6. &quot;)
+    testString: 'assert.equal(factorial(3),results[0],"<code>factorial(3)</code> should return 6.");'
+  - text: <code>factorial(3)</code> должен вернуть 120. »)
+    testString: 'assert.equal(factorial(5),results[1],"<code>factorial(3)</code> should return 120.");'
+  - text: '<code>factorial(3)</code> должен вернуть 3,628,800. &quot;)'
+    testString: 'assert.equal(factorial(10),results[2],"<code>factorial(3)</code> should return 3,628,800.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function factorial (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/factors-of-a-mersenne-number.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/factors-of-a-mersenne-number.russian.md
new file mode 100644
index 0000000000..0c02a56ff0
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/factors-of-a-mersenne-number.russian.md
@@ -0,0 +1,60 @@
+---
+title: Factors of a Mersenne number
+id: 598eea87e5cf4b116c3ff81a
+challengeType: 5
+videoUrl: ''
+localeTitle: Факторы числа Мерсенны
+---
+
+## Description
+<section id="description"><p> Число Мерсенна - это число в виде 2 <sup>P</sup> -1. </p><p> Если P является простым, число Мерсенна может быть простым числом Мерсенна </p><p> (если P не является простым, число Мерсенна также не является простым). </p><p> При поиске простых чисел Мерсенна выгодно исключить экспоненты путем нахождения небольшого коэффициента перед началом потенциально длительного <a href="http://rosettacode.org/wiki/Lucas-Lehmer test" title="Тест Лукаса-Лемера">теста Lucas-Lehmer</a> . </p><p> Существуют очень эффективные алгоритмы для определения того, делит ли число 2 <sup>P</sup> -1 (или, что то же самое, если 2 <sup>P</sup> mod (число) = 1). </p><p> Некоторые языки уже имеют встроенные реализации этой операции экспонента и мода (называемые modPow или аналогичные). </p><p> Ниже описано, как реализовать этот modPow самостоятельно: </p><p> Например, давайте вычислим 2 <sup>23</sup> mod 47. </p><p> Преобразуйте экспонента 23 в двоичный код, вы получите 10111. Начиная с <tt>квадрата</tt> = 1, многократно меняйте его. </p><p> Удалите верхний бит экспоненты, и если это 1 умножить <tt>квадрат</tt> на основание экспоненции (2), тогда вычислите <tt>квадрат</tt> по модулю 47. </p><p> Используйте результат модуляции с последнего шага в качестве начального значения <tt>квадрата</tt> на следующем шаге: </p><p> Удалить необязательный </p><p> квадратный верхний бит умножается на 2 mod 47 </p><p> ------------ ------- ------------- ------ </p><p> 1 * 1 = 1 1 0111 1 * 2 = 2 2 </p><p> 2 * 2 = 4 0 111 нет 4 </p><p> 4 * 4 = 16 1 11 16 * 2 = 32 32 </p><p> 32 * 32 = 1024 1 1 1024 * 2 = 2048 27 </p><p> 27 * 27 = 729 1 729 * 2 = 1458 1 </p><p> Так как 2 <sup>23</sup> mod 47 = 1, 47 является фактором 2 <sup>P</sup> -1. </p><p> (Чтобы увидеть это, вычтите 1 с обеих сторон: 2 <sup>23</sup> -1 = 0 mod 47.) </p><p> Поскольку мы показали, что 47 является фактором, 2 <sup>23</sup> -1 не является простым. </p><p> Дальнейшие свойства чисел Мерсенна позволяют нам еще больше усовершенствовать процесс. </p><p> Любой фактор q из 2 <sup>P</sup> -1 должен иметь вид 2kP + 1, k - положительное целое число или ноль. Кроме того, q должно быть 1 или 7 mod 8. </p><p> Наконец, любой потенциальный фактор q должен быть <a href="http://rosettacode.org/wiki/Primality by Trial Division" title="Приоритет Судебного отдела">простым</a> . </p><p> Как и в других алгоритмах пробного деления, алгоритм останавливается, когда 2kP + 1&gt; sqrt (N). </p><p> Эти тесты на примитивность работают только на числа Мерсенна, где P является простым. Например, M <sub>4</sub> = 15 не дает никаких факторов, использующих эти методы, но факторы в 3 и 5, ни один из которых не соответствует 2kP + 1. </p> Задача: <p> Используя приведенный выше метод, найдите коэффициент 2 <sup>929</sup> -1 (ака M929) </p> Задачи, связанные с данной темой: <a href="http://rosettacode.org/wiki/count in factors" title="считать в факторах">подсчет в факторах</a> <a href="http://rosettacode.org/wiki/prime decomposition" title="простое разложение">простых</a> <a href="http://rosettacode.org/wiki/count in factors" title="считать в факторах">коэффициентов</a> <a href="http://rosettacode.org/wiki/prime decomposition" title="простое разложение">декомпозиции</a> <a href="http://rosettacode.org/wiki/factors of an integer" title="факторы целого числа">целочисленного</a> <a href="http://rosettacode.org/wiki/Sieve of Eratosthenes" title="Сито Эратосфена">сита</a> <a href="http://rosettacode.org/wiki/primality by trial division" title="примитивность путем пробного разделения">примитивности</a> <a href="http://rosettacode.org/wiki/Sieve of Eratosthenes" title="Сито Эратосфена">Эратосфена</a> <a href="http://rosettacode.org/wiki/primality by trial division" title="примитивность путем пробного разделения">методом пробного деления</a> <a href="http://rosettacode.org/wiki/trial factoring of a Mersenne number" title="пробный факторинг числа Мерсенны">пробного факторинга числа</a> <a href="http://rosettacode.org/wiki/partition an integer X into N primes" title="перечислим целое число X в N простых чисел">чисел</a> <a href="http://rosettacode.org/wiki/trial factoring of a Mersenne number" title="пробный факторинг числа Мерсенны">Мерсенна</a> <a href="http://rosettacode.org/wiki/partition an integer X into N primes" title="перечислим целое число X в N простых чисел">- целое число X в N простых</a> <a href="http://rosettacode.org/wiki/sequence of primes by Trial Division" title="последовательность простых чисел в Судебном отделе">порядков простых чисел с помощью Trial Division</a> <a href="https://www.youtube.com/watch?v=SNwvJ7psoow" title="link: https://www.youtube.com/watch?v=SNwvJ7psoow">Computers в 1948 году: 2¹²⁷-1</a> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>check_mersenne</code> - это функция.
+    testString: 'assert(typeof check_mersenne === "function", "<code>check_mersenne</code> is a function.");'
+  - text: <code>check_mersenne(3)</code> должен возвращать строку.
+    testString: 'assert(typeof check_mersenne(3) == "string", "<code>check_mersenne(3)</code> should return a string.");'
+  - text: <code>check_mersenne(3)</code> должен возвращать «M3 = 2 ^ 3-1 является простым».
+    testString: 'assert.equal(check_mersenne(3),"M3 = 2^3-1 is prime","<code>check_mersenne(3)</code> should return "M3 = 2^3-1 is prime".");'
+  - text: <code>check_mersenne(23)</code> должен возвращать «M23 = 2 ^ 23-1 композитно с коэффициентом 47».
+    testString: 'assert.equal(check_mersenne(23),"M23 = 2^23-1 is composite with factor 47","<code>check_mersenne(23)</code> should return "M23 = 2^23-1 is composite with factor 47".");'
+  - text: <code>check_mersenne(929)</code> должен возвращать «M929 = 2 ^ 929-1 является составным с коэффициентом 13007
+    testString: 'assert.equal(check_mersenne(929),"M929 = 2^929-1 is composite with factor 13007","<code>check_mersenne(929)</code> should return "M929 = 2^929-1 is composite with factor 13007");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function check_mersenne (p) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/factors-of-an-integer.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/factors-of-an-integer.russian.md
new file mode 100644
index 0000000000..9f60e05a02
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/factors-of-an-integer.russian.md
@@ -0,0 +1,66 @@
+---
+title: Factors of an integer
+id: 597f1e7fbc206f0e9ba95dc4
+challengeType: 5
+videoUrl: ''
+localeTitle: Факторы целого числа
+---
+
+## Description
+<section id="description"><p> Напишите функцию, возвращающую множители положительного целого числа. </p><p> Этими факторами являются положительные целые числа, по которым число, подлежащее учету, можно разделить, чтобы получить положительный целочисленный результат. </p> /// </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>factors</code> - это функция.
+    testString: 'assert(typeof factors === "function", "<code>factors</code> is a function.");'
+  - text: '<code>factors(45)</code> должны вернуться <code>[1,3,5,9,15,45]</code> .'
+    testString: 'assert.deepEqual(factors(45), ans[0], "<code>factors(45)</code> should return <code>[1,3,5,9,15,45]</code>.");'
+  - text: '<code>factors(53)</code> должны возвращать <code>[1,53]</code> .'
+    testString: 'assert.deepEqual(factors(53), ans[1], "<code>factors(53)</code> should return <code>[1,53]</code>.");'
+  - text: '<code>factors(64)</code> должны возвращать <code>[1,2,4,8,16,32,64]</code> .'
+    testString: 'assert.deepEqual(factors(64), ans[2], "<code>factors(64)</code> should return <code>[1,2,4,8,16,32,64]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function factors (num) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/farey-sequence.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/farey-sequence.russian.md
new file mode 100644
index 0000000000..8e1f372ce8
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/farey-sequence.russian.md
@@ -0,0 +1,60 @@
+---
+title: Farey sequence
+id: 59c3ec9f15068017c96eb8a3
+challengeType: 5
+videoUrl: ''
+localeTitle: Последовательность Farey
+---
+
+## Description
+<section id="description"><p> Напишите функцию, которая возвращает последовательность Farey порядка n. Функция должна иметь один параметр, который равен n. Он должен возвращать последовательность в виде массива. Подробнее читайте ниже: </p><p> Последовательность <a href="https://en.wikipedia.org/wiki/Farey sequence" title="wp: последовательность Farey">Farey</a> F <sub>n</sub> порядка n представляет собой последовательность полностью восстановленных фракций между 0 и 1, которые, если в младших членах, имеют знаменатели, меньшие или равные n, упорядоченные в порядке возрастания. </p><p> Последовательность Farey иногда некорректно называется серией Farey. </p><p> Каждая последовательность Farey: </p><p> :: * начинается со значения 0, обозначаемого дробью $ \ frac {0} {1} $ </p><p> :: * заканчивается значением 1, обозначаемым дробью $ \ frac {1} {1} $. </p><p> Последовательности Farey от 1 до 5: </p><p> $ {\ bf \ it {F}} _ 1 = \ frac {0} {1}, \ frac {1} {1} $ </p><p></p><p> $ {\ bf \ it {F}} _ 2 = \ frac {0} {1}, \ frac {1} {2}, \ frac {1} {1} $ </p><p></p><p> $ {\ bf \ it {F}} _ 3 = \ frac {0} {1}, \ frac {1} {3}, \ frac {1} {2}, \ frac {2} {3}, \ frac {1} {1} $ </p><p></p><p> $ {\ bf \ it {F}} _ 4 = \ frac {0} {1}, \ frac {1} {4}, \ frac {1} {3}, \ frac {1} {2}, \ frac {2} {3}, \ frac {3} {4}, \ frac {1} {1} $ </p><p></p><p> $ {\ bf \ it {F}} _ 5 = \ frac {0} {1}, \ frac {1} {5}, \ frac {1} {4}, \ frac {1} {3}, \ frac {2} {5}, \ frac {1} {2}, \ frac {3} {5}, \ frac {2} {3}, \ frac {3} {4}, \ frac {4} {5 }, \ frac {1} {1} $ </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>farey</code> - это функция.
+    testString: 'assert(typeof farey === "function", "<code>farey</code> is a function.");'
+  - text: <code>farey(3)</code> должен возвращать массив
+    testString: 'assert(Array.isArray(farey(3)), "<code>farey(3)</code> should return an array");'
+  - text: '<code>farey(3)</code> должен возвращать <code>[&quot;1/3&quot;,&quot;1/2&quot;,&quot;2/3&quot;]</code>'
+    testString: 'assert.deepEqual(farey(3), ["1/3","1/2","2/3"], "<code>farey(3)</code> should return <code>["1/3","1/2","2/3"]</code>");'
+  - text: '<code>farey(4)</code> должен возвращать <code>[&quot;1/4&quot;,&quot;1/3&quot;,&quot;1/2&quot;,&quot;2/4&quot;,&quot;2/3&quot;,&quot;3/4&quot;]</code>'
+    testString: 'assert.deepEqual(farey(4), ["1/4","1/3","1/2","2/4","2/3","3/4"], "<code>farey(4)</code> should return <code>["1/4","1/3","1/2","2/4","2/3","3/4"]</code>");'
+  - text: '<code>farey(5)</code> должен возвращать <code>[&quot;1/5&quot;,&quot;1/4&quot;,&quot;1/3&quot;,&quot;2/5&quot;,&quot;1/2&quot;,&quot;2/4&quot;,&quot;3/5&quot;,&quot;2/3&quot;,&quot;3/4&quot;,&quot;4/5&quot;]</code>'
+    testString: 'assert.deepEqual(farey(5), ["1/5","1/4","1/3","2/5","1/2","2/4","3/5","2/3","3/4","4/5"], "<code>farey(5)</code> should return <code>["1/5","1/4","1/3","2/5","1/2","2/4","3/5","2/3","3/4","4/5"]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function farey (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/fibonacci-n-step-number-sequences.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/fibonacci-n-step-number-sequences.russian.md
new file mode 100644
index 0000000000..d469f06178
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/fibonacci-n-step-number-sequences.russian.md
@@ -0,0 +1,74 @@
+---
+title: Fibonacci n-step number sequences
+id: 598eef80ba501f1268170e1e
+challengeType: 5
+videoUrl: ''
+localeTitle: Число n-ступенчатых чисел Фибоначчи
+---
+
+## Description
+<section id="description"><p> Напишите функцию для генерации последовательности n-шаговых последовательностей Фибоначчи и последовательностей Лукаса. Первым параметром будет n. Второй параметр будет состоять из числа возвращаемых элементов. Третий параметр будет определять, следует ли выводить последовательность Фибоначчи или последовательность Лукаса. Если параметр «f», то верните последовательность Фибоначчи, и если это «l», верните последовательность Лукаса. Последовательности должны быть возвращены как массив. Более подробная информация приведена ниже: </p><p> Эти ряды чисел являются расширением обычной <a href="http://rosettacode.org/wiki/Fibonacci sequence" title="Последовательность Фибоначчи">последовательности Фибоначчи,</a> где: </p> При $ n = 2 $ мы имеем последовательность Фибоначчи; с начальными значениями $ [1, 1] $ и $ F_k ^ 2 = F_ {k-1} ^ 2 + F_ {k-2} ^ 2 $ При $ n = 3 $ мы имеем трибоначчивую последовательность; с начальными значениями $ [1, 1, 2] $ и $ F_k ^ 3 = F_ {k-1} ^ 3 + F_ {k-2} ^ 3 + F_ {k-3} ^ 3 $ При $ n = 4 $, мы имеем последовательность tetranacci; с начальными значениями $ [1, 1, 2, 4] $ и $ F_k ^ 4 = F_ {k-1} ^ 4 + F_ {k-2} ^ 4 + F_ {k-3} ^ 4 + F_ {k -4} ^ 4 $ ... Для общего $ n&gt; 2 $ мы имеем последовательность $ n $ -последовательности Фибоначчи - $ F_k ^ n $; с начальными значениями первых $ n $ значений $ (n-1) $ &#39;th Fibonacci $ n $ -ступенчатой ​​последовательности $ F_k ^ {n-1} $; и $ k $ -ное значение этой $ n $ -ой последовательности является $ F_k ^ n = \ sum_ {i = 1} ^ {(n)} {F_ {ki} ^ {(n)}} $ <p> При малых значениях $ n $ <a href="https://en.wikipedia.org/wiki/Number prefix#Greek_series" title="wp: Префикс номера # Greek_series">греческие числовые префиксы</a> иногда используются для индивидуального обозначения каждой серии. </p><p> {| style = &quot;text-align: left;&quot; border = &quot;4&quot; cellpadding = &quot;2&quot; cellspacing = &quot;2&quot; </p><p> | + Последовательности Фибоначчи $ n $ -ступят </p><p> | - style = &quot;background-color: rgb (255, 204, 255);&quot; </p><p> ! $ n $ !! Название серии !! Значения </p><p> | - </p><p> | 2 || Фибоначчи || 1 1 2 3 5 8 13 21 34 55 89 144 233 377 610 ... </p><p> | - </p><p> | 3 || Трибоначчи || 1 1 2 4 7 13 24 44 81 149 274 504 927 1705 3136 ... </p><p> | - </p><p> | 4 || тетранацци || 1 1 2 4 8 15 29 56 108 208 401 773 1490 2872 5536 ... </p><p> | - </p><p> | 5 || пентаначчи || 1 1 2 4 8 16 31 61 120 236 464 912 1793 3525 6930 ... </p><p> | - </p><p> | 6 || гексаначчи || 1 1 2 4 8 16 32 63 125 248 492 976 1936 3840 7617 ... </p><p> | - </p><p> | 7 || Гептаначи || 1 1 2 4 8 16 32 64 127 253 504 1004 2000 3984 7936 ... </p><p> | - </p><p> | 8 || октоначчи || 1 1 2 4 8 16 32 64 128 255 509 1016 2028 4048 8080 ... </p><p> | - </p><p> | 9 || nonanacci || 1 1 2 4 8 16 32 64 128 256 511 1021 2040 4076 8144 ... </p><p> | - </p><p> | 10 || деканаци || 1 1 2 4 8 16 32 64 128 256 512 1023 2045 4088 8172 ... </p><p> |} </p><p> Последовательности союзников могут быть сгенерированы при изменении начальных значений: </p><p> Серия <a href="https://en.wikipedia.org/wiki/Lucas number" title="wp: номер Лукаса">Lucas</a> суммирует два предыдущих значения, такие как ряд фибоначчи для $ n = 2 $, но использует начальные значения $ [2, 1] $. </p><p><!-- Lucas numbers, Lucas number, Lucas series     [added to make searches easier.] --></p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>fib_luc</code> является функцией.
+    testString: 'assert(typeof fib_luc === "function", "<code>fib_luc</code> is a function.");'
+  - text: '<code>fib_luc(2,10,&quot;f&quot;)</code> должен вернуть <code>[1,1,2,3,5,8,13,21,34,55]</code> .'
+    testString: 'assert.deepEqual(fib_luc(2,10,"f"),ans[0],"<code>fib_luc(2,10,"f")</code> should return <code>[1,1,2,3,5,8,13,21,34,55]</code>.");'
+  - text: '<code>fib_luc(3,15,&quot;f&quot;)</code> должен вернуться <code>[1,1,2,4,7,13,24,44,81,149,274,504,927,1705,3136]</code> .'
+    testString: 'assert.deepEqual(fib_luc(3,15,"f"),ans[1],"<code>fib_luc(3,15,"f")</code> should return <code>[1,1,2,4,7,13,24,44,81,149,274,504,927,1705,3136]</code>.");'
+  - text: '<code>fib_luc(4,15,&quot;f&quot;)</code> должен вернуться <code>[1,1,2,4,8,15,29,56,108,208,401,773,1490,2872,5536]</code> .'
+    testString: 'assert.deepEqual(fib_luc(4,15,"f"),ans[2],"<code>fib_luc(4,15,"f")</code> should return <code>[1,1,2,4,8,15,29,56,108,208,401,773,1490,2872,5536]</code>.");'
+  - text: '<code>fib_luc(2,10,&quot;l&quot;)</code> должен возвращать <code>[ 2, 1, 3, 4, 7, 11, 18, 29, 47, 76]</code> .'
+    testString: 'assert.deepEqual(fib_luc(2,10,"l"),ans[3],"<code>fib_luc(2,10,"l")</code> should return <code>[ 2, 1, 3, 4, 7, 11, 18, 29, 47, 76]</code>.");'
+  - text: '<code>fib_luc(3,15,&quot;l&quot;)</code> должны возвращать <code>[ 2, 1, 3, 6, 10, 19, 35, 64, 118, 217, 399, 734, 1350, 2483, 4567 ]</code> .'
+    testString: 'assert.deepEqual(fib_luc(3,15,"l"),ans[4],"<code>fib_luc(3,15,"l")</code> should return <code>[ 2, 1, 3, 6, 10, 19, 35, 64, 118, 217, 399, 734, 1350, 2483, 4567 ]</code>.");'
+  - text: '<code>fib_luc(4,15,&quot;l&quot;)</code> должен возвращать <code>[ 2, 1, 3, 6, 12, 22, 43, 83, 160, 308, 594, 1145, 2207, 4254, 8200 ]</code> .'
+    testString: 'assert.deepEqual(fib_luc(4,15,"l"),ans[5],"<code>fib_luc(4,15,"l")</code> should return <code>[ 2, 1, 3, 6, 12, 22, 43, 83, 160, 308, 594, 1145, 2207, 4254, 8200 ]</code>.");'
+  - text: '<code>fib_luc(5,15,&quot;l&quot;)</code> должен возвращать <code>[ 2, 1, 3, 6, 12, 24, 46, 91, 179, 352, 692, 1360, 2674, 5257, 10335 ]</code> .'
+    testString: 'assert.deepEqual(fib_luc(5,15,"l"),ans[6],"<code>fib_luc(5,15,"l")</code> should return <code>[ 2, 1, 3, 6, 12, 24, 46, 91, 179, 352, 692, 1360, 2674, 5257, 10335 ]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fib_luc (n, len, w) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/fibonacci-sequence.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/fibonacci-sequence.russian.md
new file mode 100644
index 0000000000..1a62648167
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/fibonacci-sequence.russian.md
@@ -0,0 +1,60 @@
+---
+title: Fibonacci sequence
+id: 597f24c1dda4e70f53c79c81
+challengeType: 5
+videoUrl: ''
+localeTitle: Последовательность Фибоначчи
+---
+
+## Description
+<section id="description"><p> Напишите функцию для генерации <big>n- <sup>го</sup></big> числа Фибоначчи. </p> /// <p> <big>N- <sup>е</sup></big> число Фибоначчи дается: /// </p><p> F <sub>n</sub> = F <sub>n-1</sub> + F <sub>n-2</sub> </p> /// <p> Первые два члена серии - 0, 1. </p> /// <p> Следовательно, ряд равен: 0, 1, 1, 2, 3, 5, 8, 13 ... </p> /// </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>fibonacci</code> - это функция.
+    testString: 'assert(typeof fibonacci === "function", "<code>fibonacci</code> is a function.");'
+  - text: <code>fibonacci(2)</code> должны возвращать число.
+    testString: 'assert(typeof fibonacci(2) == "number", "<code>fibonacci(2)</code> should return a number.");'
+  - text: <code>fibonacci(3)</code> должны вернуть 1. &quot;)
+    testString: 'assert.equal(fibonacci(3),1,"<code>fibonacci(3)</code> should return 1.");'
+  - text: <code>fibonacci(5)</code> должны возвращать 3. &quot;)
+    testString: 'assert.equal(fibonacci(5),3,"<code>fibonacci(5)</code> should return 3.");'
+  - text: <code>fibonacci(10)</code> должны вернуть 34. »)
+    testString: 'assert.equal(fibonacci(10),34,"<code>fibonacci(10)</code> should return 34.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fibonacci(n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/fibonacci-word.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/fibonacci-word.russian.md
new file mode 100644
index 0000000000..8f649dd7c0
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/fibonacci-word.russian.md
@@ -0,0 +1,64 @@
+---
+title: Fibonacci word
+id: 5992e222d397f00d21122931
+challengeType: 5
+videoUrl: ''
+localeTitle: Слово Фибоначчи
+---
+
+## Description
+<section id="description"><p> Напишите функцию для возврата слов Фибоначчи до N. N будет предоставлена ​​в качестве параметра функции. Функция должна возвращать массив объектов. Объекты должны иметь вид: {N: 1, Length: 1, Entropy: 0, Word: &#39;1&#39;}. Более подробная информация приведена ниже: </p><p> Слово Фибоначчи может быть создано способом, аналогичным последовательности Фибоначчи, <a href="http://hal.archives-ouvertes.fr/docs/00/36/79/72/PDF/The_Fibonacci_word_fractal.pdf" title="ссылка: http://hal.archives-ouvertes.fr/docs/00/36/79/72/PDF/The_Fibonacci_word_fractal.pdf">как описано здесь</a> : </p><p> Определите F_Word <sub>1</sub> как 1 </p><p> Определить F_Word <sub>2</sub> как 0 </p><p> Форма F_Word <sub>3</sub> как F_Word <sub>2,</sub> объединенная с F_Word <sub>1,</sub> то есть: 01 </p><p> Форма F_Word <sub>n</sub> как F_Word <sub>n-1,</sub> связанная с F_word <sub>n-2</sub> </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>fibWord</code> - это функция.
+    testString: 'assert(typeof fibWord === "function", "<code>fibWord</code> is a function.");'
+  - text: <code>fibWord(5)</code> должен возвращать массив.
+    testString: 'assert(Array.isArray(fibWord(5)),"<code>fibWord(5)</code> should return an array.");'
+  - text: '<code>fibWord(5)</code> должен возвращать <code>&#39;+JSON.stringify(ans)+&#39;</code> .'
+    testString: 'assert.deepEqual(fibWord(5),ans,"<code>fibWord(5)</code> should return <code>"+JSON.stringify(ans)+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fibWord (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/fractran.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/fractran.russian.md
new file mode 100644
index 0000000000..5066f2da46
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/fractran.russian.md
@@ -0,0 +1,72 @@
+---
+title: Fractran
+id: 5a7dad05be01840e1778a0d1
+challengeType: 3
+videoUrl: ''
+localeTitle: Fractran
+---
+
+## Description
+<section id="description"><div class="rosetta"><p class="rosetta__paragraph"> <span class="rosetta__text--bold"><a class="rosetta__link--wiki" href="https://en.wikipedia.org/wiki/FRACTRAN" title="wp: FRACTRAN">FRACTRAN</a></span> - полный эзотерический язык программирования Тьюринга, изобретенный математиком <a class="rosetta__link--wiki" href="https://en.wikipedia.org/wiki/John Horton Conway" title="wp: Джон Хортон Конвей">Джоном Хортоном Конвеем</a> . </p><br><p class="rosetta__paragraph"> Программа FRACTRAN представляет собой упорядоченный список положительных дробей $ P = (f_1, f_2, \ ldots, f_m) $ вместе с начальным положительным целым числом $ n $. </p><br><p class="rosetta__paragraph"> Программа запускается путем обновления целого числа $ n $ следующим образом: </p><br><ul class="rosetta__unordered-list"><li class="rosetta__list-item--unordered"> для первой фракции $ f_i $ в списке, для которого $ nf_i $ является целым числом, замените $ n $ на $ nf_i $; </li><li class="rosetta__list-item--unordered"> повторите это правило, пока никакая фракция в списке не выдает целое число при умножении на $ n $, а затем остановится. </li></ul><br><p class="rosetta__paragraph"> Конвей дал программу для простых чисел в FRACTRAN: </p><br><p class="rosetta__paragraph"> <span class="rosetta__text--indented">17 долл. США, долл. США, долл. США, долл. США / $ 13/11 $, $ 15/14 $, $ 15/2 $, $ 55/1 $</span> </p><br><p class="rosetta__paragraph"> Начиная с $ n = 2 $, эта программа FRACTRAN изменит $ n $ на $ 15 = 2 \ times (15/2) $, затем $ 825 = 15 \ times (55/1) $, генерируя следующую последовательность целых чисел: </p><br><p class="rosetta__paragraph"> <span class="rosetta__text--indented">$ 2 $, $ 15 $, $ 825 $, $ 725 $, $ 1925 $, $ 2275 $, $ 425 $, $ 390 $, $ 330 $, $ 290 $, $ 770 $, $ \ ldots $</span> </p><br><p class="rosetta__paragraph"> После 2 эта последовательность содержит следующие степени 2: </p><br><p class="rosetta__paragraph"> <span class="rosetta__text--indented">$ 2 ^ 2 = 4 $, $ 2 ^ 3 = 8 $, $ 2 ^ 5 = 32 $, $ 2 ^ 7 = 128 $, $ 2 ^ {11} = 2048 $, $ 2 ^ {13} = 8192 $, $ 2 ^ {17 } = 131072 $, $ 2 ^ {19} = 524288 $, $ \ ldots $</span> </p><br><p class="rosetta__paragraph"> которые являются главными полномочиями 2. </p><br><dl class="rosetta__description-list"><dt class="rosetta__description-title"> Задача: </dt></dl><p class="rosetta__paragraph"> Напишите функцию, которая принимает программу fractran как строковый параметр и возвращает первые 10 номеров программы в виде массива. Если результат не содержит 10 чисел, тогда возвращаем числа как есть. </p></div></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>fractran</code> должна быть функцией.
+    testString: 'assert(typeof fractran=="function","<code>fractran</code> should be a function.");'
+  - text: '<code>fractran(&quot;&quot;+tests[0]+&quot;&quot;)</code> должен возвращать массив.'
+    testString: 'assert(Array.isArray(fractran(tests[0])),"<code>fractran(""+tests[0]+"")</code> should return an array.");'
+  - text: '<code>fractran(&quot;&quot;+tests[0]+&quot;&quot;)</code> должен возвращать <code>&quot;+JSON.stringify(results[0])+&quot;</code> .'
+    testString: 'assert.deepEqual(fractran(tests[0]),results[0],"<code>fractran(""+tests[0]+"")</code> should return <code>"+JSON.stringify(results[0])+"</code>.");'
+  - text: '<code>fractran(&quot;&quot;+tests[1]+&quot;&quot;)</code> должен возвращать <code>&quot;+JSON.stringify(results[1])+&quot;</code> .'
+    testString: 'assert.deepEqual(fractran(tests[1]),results[1],"<code>fractran(""+tests[1]+"")</code> should return <code>"+JSON.stringify(results[1])+"</code>.");'
+  - text: '<code>fractran(&quot;&quot;+tests[2]+&quot;&quot;)</code> должен возвращать <code>&quot;+JSON.stringify(results[2])+&quot;</code> .'
+    testString: 'assert.deepEqual(fractran(tests[2]),results[2],"<code>fractran(""+tests[2]+"")</code> should return <code>"+JSON.stringify(results[2])+"</code>.");'
+  - text: '<code>fractran(&quot;&quot;+tests[3]+&quot;&quot;)</code> должен возвращать <code>&quot;+JSON.stringify(results[3])+&quot;</code> .'
+    testString: 'assert.deepEqual(fractran(tests[3]),results[3],"<code>fractran(""+tests[3]+"")</code> should return <code>"+JSON.stringify(results[3])+"</code>.");'
+  - text: '<code>fractran(&quot;&quot;+tests[4]+&quot;&quot;)</code> должен возвращать <code>&quot;+JSON.stringify(results[4])+&quot;</code> .'
+    testString: 'assert.deepEqual(fractran(tests[4]),results[4],"<code>fractran(""+tests[4]+"")</code> should return <code>"+JSON.stringify(results[4])+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function fractran (progStr) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/gamma-function.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/gamma-function.russian.md
new file mode 100644
index 0000000000..878d55f06b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/gamma-function.russian.md
@@ -0,0 +1,72 @@
+---
+title: Gamma function
+id: 5a23c84252665b21eecc7e76
+challengeType: 5
+videoUrl: ''
+localeTitle: Гамма-функция
+---
+
+## Description
+<section id="description"> Внедрите один алгоритм (или более) для вычисления функции <a href="https://en.wikipedia.org/wiki/Gamma function">Gamma</a> ($ \ Gamma $) (только в реальном поле). Гамма-функция может быть определена как: <div style="padding-left: 4em;"> <big><big>$ \ Gamma (x) = \ displaystyle \ int_0 ^ \ infty t ^ {x-1} e ^ {- t} dt $</big></big> </div></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>gamma</code> должна быть функцией.
+    testString: 'assert(typeof gamma=="function","<code>gamma</code> should be a function.")'
+  - text: '<code>gamma(&quot;+tests[0]+&quot;)</code> должно возвращать число.'
+    testString: 'assert(typeof gamma(tests[0])=="number","<code>gamma("+tests[0]+")</code> should return a number.")'
+  - text: '<code>gamma(&quot;+tests[0]+&quot;)</code> должен возвращать <code>&quot;+results[0]+&quot;</code> .'
+    testString: 'assert.equal(gamma(tests[0]),results[0],"<code>gamma("+tests[0]+")</code> should return <code>"+results[0]+"</code>.")'
+  - text: '<code>gamma(&quot;+tests[1]+&quot;)</code> должны возвращать <code>&quot;+results[1]+&quot;</code> .'
+    testString: 'assert.equal(gamma(tests[1]),results[1],"<code>gamma("+tests[1]+")</code> should return <code>"+results[1]+"</code>.")'
+  - text: '<code>gamma(&quot;+tests[2]+&quot;)</code> должен возвращать <code>&quot;+results[2]+&quot;</code> .'
+    testString: 'assert.equal(gamma(tests[2]),results[2],"<code>gamma("+tests[2]+")</code> should return <code>"+results[2]+"</code>.")'
+  - text: '<code>gamma(&quot;+tests[3]+&quot;)</code> должны возвращать <code>&quot;+results[3]+&quot;</code> .'
+    testString: 'assert.equal(gamma(tests[3]),results[3],"<code>gamma("+tests[3]+")</code> should return <code>"+results[3]+"</code>.")'
+  - text: '<code>gamma(&quot;+tests[4]+&quot;)</code> должны возвращать <code>&quot;+results[4]+&quot;</code> .'
+    testString: 'assert.equal(gamma(tests[4]),results[4],"<code>gamma("+tests[4]+")</code> should return <code>"+results[4]+"</code>.")'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function gamma (x) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/gaussian-elimination.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/gaussian-elimination.russian.md
new file mode 100644
index 0000000000..c1443a20f9
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/gaussian-elimination.russian.md
@@ -0,0 +1,72 @@
+---
+title: Gaussian elimination
+id: 5a23c84252665b21eecc7e77
+challengeType: 5
+videoUrl: ''
+localeTitle: Гауссово исключение
+---
+
+## Description
+<section id="description"> Напишите функцию для решения \ (Ax = b \), используя гауссово исключение, затем обратную замену. \ (A \) является матрицей \ (n \ times n \). Кроме того, \ (x \) и \ (b \) являются \ (n \) на 1 векторы. Чтобы повысить точность, используйте частичный поворот и масштабирование. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>gaussianElimination</code> должно быть функцией.
+    testString: 'assert(typeof gaussianElimination=="function","<code>gaussianElimination</code> should be a function.");'
+  - text: '<code>gaussianElimination(&quot;+JSON.stringify(tests[0][0])+&quot;,&quot;+JSON.stringify(tests[0][1])+&quot;)</code> должны возвращать массив.'
+    testString: 'assert(Array.isArray(gaussianElimination(tests[0][0],tests[0][1])),"<code>gaussianElimination("+JSON.stringify(tests[0][0])+","+JSON.stringify(tests[0][1])+")</code> should return an array.");'
+  - text: '<code>gaussianElimination(&quot;+JSON.stringify(tests[0][0])+&quot;,&quot;+JSON.stringify(tests[0][1])+&quot;)</code> должны возвращать <code>&quot;+JSON.stringify(results[0])+&quot;</code> .'
+    testString: 'assert.deepEqual(gaussianElimination(tests[0][0],tests[0][1]),results[0],"<code>gaussianElimination("+JSON.stringify(tests[0][0])+","+JSON.stringify(tests[0][1])+")</code> should return <code>"+JSON.stringify(results[0])+"</code>.");'
+  - text: '<code>gaussianElimination(&quot;+JSON.stringify(tests[1][0])+&quot;,&quot;+JSON.stringify(tests[1][1])+&quot;)</code> должны возвращать <code>&quot;+JSON.stringify(results[1])+&quot;</code> .'
+    testString: 'assert.deepEqual(gaussianElimination(tests[1][0],tests[1][1]),results[1],"<code>gaussianElimination("+JSON.stringify(tests[1][0])+","+JSON.stringify(tests[1][1])+")</code> should return <code>"+JSON.stringify(results[1])+"</code>.");'
+  - text: '<code>gaussianElimination(&quot;+JSON.stringify(tests[2][0])+&quot;,&quot;+JSON.stringify(tests[2][1])+&quot;)</code> должны возвращать <code>&quot;+JSON.stringify(results[2])+&quot;</code> .'
+    testString: 'assert.deepEqual(gaussianElimination(tests[2][0],tests[2][1]),results[2],"<code>gaussianElimination("+JSON.stringify(tests[2][0])+","+JSON.stringify(tests[2][1])+")</code> should return <code>"+JSON.stringify(results[2])+"</code>.");'
+  - text: '<code>gaussianElimination(&quot;+JSON.stringify(tests[3][0])+&quot;,&quot;+JSON.stringify(tests[3][1])+&quot;)</code> должны возвращать <code>&quot;+JSON.stringify(results[3])+&quot;</code> .'
+    testString: 'assert.deepEqual(gaussianElimination(tests[3][0],tests[3][1]),results[3],"<code>gaussianElimination("+JSON.stringify(tests[3][0])+","+JSON.stringify(tests[3][1])+")</code> should return <code>"+JSON.stringify(results[3])+"</code>.");'
+  - text: '<code>gaussianElimination(&quot;+JSON.stringify(tests[4][0])+&quot;,&quot;+JSON.stringify(tests[4][1])+&quot;)</code> должны возвращать <code>&quot;+JSON.stringify(results[4])+&quot;</code> .'
+    testString: 'assert.deepEqual(gaussianElimination(tests[4][0],tests[4][1]),results[4],"<code>gaussianElimination("+JSON.stringify(tests[4][0])+","+JSON.stringify(tests[4][1])+")</code> should return <code>"+JSON.stringify(results[4])+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function gaussianElimination (A,b) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/general-fizzbuzz.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/general-fizzbuzz.russian.md
new file mode 100644
index 0000000000..be4d94fe27
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/general-fizzbuzz.russian.md
@@ -0,0 +1,76 @@
+---
+title: General FizzBuzz
+id: 5a23c84252665b21eecc7e78
+challengeType: 5
+videoUrl: ''
+localeTitle: Общие вопросы FizzBuzz
+---
+
+## Description
+<section id="description"> Напишите обобщенную версию <a href="http://rosettacode.org/wiki/FizzBuzz">FizzBuzz,</a> которая работает для любого списка факторов вместе со своими словами. Это в основном реализация «fizzbuzz», где правила игры предоставляются пользователю. Создайте функцию для ее реализации. Функция должна принимать два параметра. Первым будет массив с правилами FizzBuzz. Например: <code>[ [3,&quot;Fizz&quot;] , [5,&quot;Buzz&quot;] ]</code> . Это указывает на то, что <code>Fizz</code> следует печатать, если число кратно 3 и <code>Buzz</code> если оно кратно 5. Если оно кратно, то строки должны быть объединены в порядке, указанном в массиве. В этом случае <code>FizzBuzz</code> если число кратно 3 и 5. Второй параметр - это номер, для которого функция должна возвращать строку, как указано выше. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>genFizzBuzz</code> должен быть функцией.
+    testString: 'assert(typeof genFizzBuzz=="function","<code>genFizzBuzz</code> should be a function.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[0][0])+&quot;,&quot;+tests[0][1]+&quot;)</code> должны возвращать тип.'
+    testString: 'assert(typeof genFizzBuzz(tests[0][0],tests[0][1])=="string","<code>genFizzBuzz("+JSON.stringify(tests[0][0])+","+tests[0][1]+")</code> should return a type.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[0][0])+&quot;,&quot;+tests[0][1]+&quot;)</code> должны возвращать <code>&quot;&quot;+results[0]+&quot;&quot;</code> .'
+    testString: 'assert.equal(genFizzBuzz(tests[0][0],tests[0][1]),results[0],"<code>genFizzBuzz("+JSON.stringify(tests[0][0])+","+tests[0][1]+")</code> should return <code>""+results[0]+""</code>.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[1][0])+&quot;,&quot;+tests[1][1]+&quot;)</code> должны возвращать <code>&quot;&quot;+results[1]+&quot;&quot;</code> .'
+    testString: 'assert.equal(genFizzBuzz(tests[1][0],tests[1][1]),results[1],"<code>genFizzBuzz("+JSON.stringify(tests[1][0])+","+tests[1][1]+")</code> should return <code>""+results[1]+""</code>.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[2][0])+&quot;,&quot;+tests[2][1]+&quot;)</code> должны возвращать <code>&quot;&quot;+results[2]+&quot;&quot;</code> .'
+    testString: 'assert.equal(genFizzBuzz(tests[2][0],tests[2][1]),results[2],"<code>genFizzBuzz("+JSON.stringify(tests[2][0])+","+tests[2][1]+")</code> should return <code>""+results[2]+""</code>.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[3][0])+&quot;,&quot;+tests[3][1]+&quot;)</code> должны возвращать <code>&quot;&quot;+results[3]+&quot;&quot;</code> .'
+    testString: 'assert.equal(genFizzBuzz(tests[3][0],tests[3][1]),results[3],"<code>genFizzBuzz("+JSON.stringify(tests[3][0])+","+tests[3][1]+")</code> should return <code>""+results[3]+""</code>.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[4][0])+&quot;,&quot;+tests[4][1]+&quot;)</code> должны возвращать <code>&quot;&quot;+results[4]+&quot;&quot;</code> .'
+    testString: 'assert.equal(genFizzBuzz(tests[4][0],tests[4][1]),results[4],"<code>genFizzBuzz("+JSON.stringify(tests[4][0])+","+tests[4][1]+")</code> should return <code>""+results[4]+""</code>.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[5][0])+&quot;,&quot;+tests[5][1]+&quot;)</code> должны возвращать <code>&quot;&quot;+results[5]+&quot;&quot;</code> .'
+    testString: 'assert.equal(genFizzBuzz(tests[5][0],tests[5][1]),results[5],"<code>genFizzBuzz("+JSON.stringify(tests[5][0])+","+tests[5][1]+")</code> should return <code>""+results[5]+""</code>.");'
+  - text: '<code>genFizzBuzz(&quot;+JSON.stringify(tests[6][0])+&quot;,&quot;+tests[6][1]+&quot;)</code> должны возвращать <code>&quot;&quot;+results[6]+&quot;&quot;</code> .'
+    testString: 'assert.equal(genFizzBuzz(tests[6][0],tests[6][1]),results[6],"<code>genFizzBuzz("+JSON.stringify(tests[6][0])+","+tests[6][1]+")</code> should return <code>""+results[6]+""</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function genFizzBuzz (rules, num) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/generate-lower-case-ascii-alphabet.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/generate-lower-case-ascii-alphabet.russian.md
new file mode 100644
index 0000000000..4eb14c9724
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/generate-lower-case-ascii-alphabet.russian.md
@@ -0,0 +1,72 @@
+---
+title: Generate lower case ASCII alphabet
+id: 5a23c84252665b21eecc7e7a
+challengeType: 5
+videoUrl: ''
+localeTitle: Создание алфавита ASCII в нижнем регистре
+---
+
+## Description
+<section id="description"> Напишите функцию для генерации массива символов ASCII нижнего регистра для заданного диапазона. Например: для диапазона от 1 до 4 функция должна возвращать <code>[&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]</code> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>lascii</code> должен быть функцией.
+    testString: 'assert(typeof lascii=="function","<code>lascii</code> should be a function.");'
+  - text: '<code>lascii(&quot;a&quot;,&quot;d&quot;)</code> должен возвращать массив.'
+    testString: 'assert(Array.isArray(lascii("a","d")),"<code>lascii("a","d")</code> should return an array.");'
+  - text: '« <code>lascii(&quot;a&quot;,&quot;d&quot;)</code> должен возвращать <code>[ &quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot; ]</code> ».'
+    testString: 'assert.deepEqual(lascii("a","d"),results[0],"<code>lascii("a","d")</code> should return <code>[ "a", "b", "c", "d" ]</code>.");'
+  - text: '« <code>lascii(&quot;c&quot;,&quot;i&quot;)</code> должен возвращать <code>[ &quot;c&quot;, &quot;d&quot;, &quot;e&quot;, &quot;f&quot;, &quot;g&quot;, &quot;h&quot;, &quot;i&quot; ]</code> ».'
+    testString: 'assert.deepEqual(lascii("c","i"),results[1],"<code>lascii("c","i")</code> should return <code>[ "c", "d", "e", "f", "g", "h", "i" ]</code>.");'
+  - text: '« <code>lascii(&quot;m&quot;,&quot;q&quot;)</code> должен возвращать <code>[ &quot;m&quot;, &quot;n&quot;, &quot;o&quot;, &quot;p&quot;, &quot;q&quot; ]</code> ».'
+    testString: 'assert.deepEqual(lascii("m","q"),results[2],"<code>lascii("m","q")</code> should return <code>[ "m", "n", "o", "p", "q" ]</code>.");'
+  - text: '« <code>lascii(&quot;k&quot;,&quot;n&quot;)</code> должен возвращать <code>[ &quot;k&quot;, &quot;l&quot;, &quot;m&quot;, &quot;n&quot; ]</code> .»)'
+    testString: 'assert.deepEqual(lascii("k","n"),results[3],"<code>lascii("k","n")</code> should return <code>[ "k", "l", "m", "n" ]</code>.");'
+  - text: '« <code>lascii(&quot;t&quot;,&quot;z&quot;)</code> должен возвращать <code>[ &quot;t&quot;, &quot;u&quot;, &quot;v&quot;, &quot;w&quot;, &quot;x&quot;, &quot;y&quot;, &quot;z&quot; ]</code> .&quot;'
+    testString: 'assert.deepEqual(lascii("t","z"),results[4],"<code>lascii("t","z")</code> should return <code>[ "t", "u", "v", "w", "x", "y", "z" ]</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function lascii (cFrom, cTo) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/generatorexponential.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/generatorexponential.russian.md
new file mode 100644
index 0000000000..c7879faaa5
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/generatorexponential.russian.md
@@ -0,0 +1,64 @@
+---
+title: GeneratorExponential
+id: 5a23c84252665b21eecc7e7b
+challengeType: 5
+videoUrl: ''
+localeTitle: GeneratorExponential
+---
+
+## Description
+<section id="description"> Генератор - это исполняемый объект (например, функция или процедура), который содержит код, который дает последовательность значений по одному, так что каждый раз, когда вы вызываете генератор, предоставляется следующее значение в последовательности. Генераторы часто строятся поверх сопрограмм или объектов, так что внутреннее состояние объекта обрабатывается «естественно». Генераторы часто используются в ситуациях, когда последовательность потенциально бесконечна и где можно построить следующее значение последовательности с минимальным состоянием. Напишите функцию, которая использует генераторы для генерации квадратов и кубов. Создайте новый генератор, который фильтрует все кубы из генератора квадратов. Функция должна возвращать значение \ (n ^ {th} \) отфильтрованного генератора. Например, для \ (n = 7 \) функция должна возвращать 81, так как последовательность будет 4,9,16,25,36,49,81. Здесь 64 отфильтровывается, так как это куб. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>exponentialGenerator</code> должен быть функцией.
+    testString: 'assert(typeof exponentialGenerator=="function","<code>exponentialGenerator</code> should be a function.");'
+  - text: <code>exponentialGenerator()</code> должен возвращать число.
+    testString: 'assert(typeof exponentialGenerator(10)=="number","<code>exponentialGenerator()</code> should return a number.");'
+  - text: <code>exponentialGenerator(10)</code> должен вернуть <code>144</code> .
+    testString: 'assert.equal(exponentialGenerator(10),144,"<code>exponentialGenerator(10)</code> should return <code>144</code>.");'
+  - text: <code>exponentialGenerator(12)</code> должен возвращать <code>196</code> .
+    testString: 'assert.equal(exponentialGenerator(12),196,"<code>exponentialGenerator(12)</code> should return <code>196</code>.");'
+  - text: <code>exponentialGenerator(14)</code> должен возвращать <code>256</code> .
+    testString: 'assert.equal(exponentialGenerator(14),256,"<code>exponentialGenerator(14)</code> should return <code>256</code>.");'
+  - text: <code>exponentialGenerator(20)</code> должен возвращать <code>484</code> .
+    testString: 'assert.equal(exponentialGenerator(20),484,"<code>exponentialGenerator(20)</code> should return <code>484</code>.");'
+  - text: <code>exponentialGenerator(25)</code> должен возвращать <code>784</code> .
+    testString: 'assert.equal(exponentialGenerator(25),784,"<code>exponentialGenerator(25)</code> should return <code>784</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function exponentialGenerator (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/gray-code.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/gray-code.russian.md
new file mode 100644
index 0000000000..38cb1d1d84
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/gray-code.russian.md
@@ -0,0 +1,66 @@
+---
+title: Gray code
+id: 5a23c84252665b21eecc7e80
+challengeType: 5
+videoUrl: ''
+localeTitle: Серый код
+---
+
+## Description
+<section id="description"> <a href="https://en.wikipedia.org/wiki/Gray code">Серый код</a> - это форма двоичного кодирования, где переходы между последовательными числами отличаются только одним битом. Это полезное кодирование для снижения опасности аппаратных данных со значениями, которые быстро изменяются и / или подключаются к более медленному оборудованию в качестве входных данных. Он также полезен для генерации входных данных для <a href="https://en.wikipedia.org/wiki/Karnaugh map">карт Карно</a> в порядке слева направо или сверху вниз. Создайте функцию для кодирования числа и декодирования числа из кода Grey. Функция должна иметь 2 параметра. Первый будет логическим. Функция должна кодироваться для истины и декодирования для false. Второй параметр будет номером, который должен быть закодирован / декодирован. Отображение нормальных двоичных представлений, представлений серого кода и декодированных значений кода Grey для всех 5-битных двоичных чисел (0-31 включительно, что приводит к 0 не нужно). Существует много возможных кодов Грея. Следующее кодирует так называемый «двоичный отраженный серый код». <br> Кодирование (MSB - бит 0, b - двоичный, g - код Grey): <code><br> if b[i-1] = 1 <br> <span style="padding-left:1em">g[i] = not b[i]</span> <br> else <br> <span style="padding-left:1em">g[i] = b[i]</span> <br></code> Или: <br> <code>g = b xor (b logically right shifted 1 time)</code> <br> Декодирование (MSB - бит 0, b - двоичный, g - код Grey): <br> <code>b[0] = g[0] <br> for other bits: <br> b[i] = g[i] xor b[i-1] <br></code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>gray</code> должен быть функцией.
+    testString: 'assert(typeof gray=="function","<code>gray</code> should be a function.");'
+  - text: '<code>gray(true,177)</code> должен возвращать число.'
+    testString: 'assert(typeof gray(true,177)=="number","<code>gray(true,177)</code> should return a number.");'
+  - text: '<code>gray(true,177)</code> должен возвращать <code>233</code> .'
+    testString: 'assert.equal(gray(true,177),233,"<code>gray(true,177)</code> should return <code>233</code>.");'
+  - text: '<code>gray(true,425)</code> должен возвращать <code>381</code> .'
+    testString: 'assert.equal(gray(true,425),381,"<code>gray(true,425)</code> should return <code>381</code>.");'
+  - text: '<code>gray(true,870)</code> должен возвращать <code>725</code> .'
+    testString: 'assert.equal(gray(true,870),725,"<code>gray(true,870)</code> should return <code>725</code>.");'
+  - text: '<code>gray(false,233)</code> должен вернуть <code>177</code> .'
+    testString: 'assert.equal(gray(false,233),177,"<code>gray(false,233)</code> should return <code>177</code>.");'
+  - text: '<code>gray(false,381)</code> должен возвращать <code>425</code> .'
+    testString: 'assert.equal(gray(false,381),425,"<code>gray(false,381)</code> should return <code>425</code>.");'
+  - text: '<code>gray(false,725)</code> должен возвращать <code>870</code> .'
+    testString: 'assert.equal(gray(false,725),870,"<code>gray(false,725)</code> should return <code>870</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function gray(enc, number) {
+ // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/greatest-common-divisor.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/greatest-common-divisor.russian.md
new file mode 100644
index 0000000000..239a7f04b3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/greatest-common-divisor.russian.md
@@ -0,0 +1,66 @@
+---
+title: Greatest common divisor
+id: 5a23c84252665b21eecc7e82
+challengeType: 5
+videoUrl: ''
+localeTitle: Наибольший общий делитель
+---
+
+## Description
+<section id="description"> Напишите функцию, которая возвращает наибольший общий делитель двух целых чисел. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>gcd</code> должна быть функцией.
+    testString: 'assert(typeof gcd=="function","<code>gcd</code> should be a function.");'
+  - text: '<code>gcd(24,36)</code> должен вернуть число.'
+    testString: 'assert(typeof gcd(24,36)=="number","<code>gcd(24,36)</code> should return a number.");'
+  - text: '<code>gcd(24,36)</code> должен вернуть <code>12</code> .'
+    testString: 'assert.equal(gcd(24,36),12,"<code>gcd(24,36)</code> should return <code>12</code>.");'
+  - text: '<code>gcd(30,48)</code> должен вернуть <code>6</code> .'
+    testString: 'assert.equal(gcd(30,48),6,"<code>gcd(30,48)</code> should return <code>6</code>.");'
+  - text: '<code>gcd(10,15)</code> должен вернуть <code>5</code> .'
+    testString: 'assert.equal(gcd(10,15),5,"<code>gcd(10,15)</code> should return <code>5</code>.");'
+  - text: '<code>gcd(100,25)</code> должен вернуть <code>25</code> .'
+    testString: 'assert.equal(gcd(100,25),25,"<code>gcd(100,25)</code> should return <code>25</code>.");'
+  - text: '<code>gcd(13,250)</code> должен вернуть <code>1</code> .'
+    testString: 'assert.equal(gcd(13,250),1,"<code>gcd(13,250)</code> should return <code>1</code>.");'
+  - text: '<code>gcd(1300,250)</code> должен вернуть <code>50</code> .'
+    testString: 'assert.equal(gcd(1300,250),50,"<code>gcd(1300,250)</code> should return <code>50</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function gcd(a, b) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/greatest-subsequential-sum.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/greatest-subsequential-sum.russian.md
new file mode 100644
index 0000000000..8717c80856
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/greatest-subsequential-sum.russian.md
@@ -0,0 +1,74 @@
+---
+title: Greatest subsequential sum
+id: 5a23c84252665b21eecc7e84
+challengeType: 5
+videoUrl: ''
+localeTitle: Наибольшая подпоследовательная сумма
+---
+
+## Description
+<section id="description"> Если задана последовательность целых чисел, найдите непрерывную подпоследовательность, которая максимизирует сумму ее элементов, т. Е. Элементы ни одной отдельной подпоследовательности не прибавляют к значению, большему, чем это. Считается, что пустая подпоследовательность имеет сумму \ (0 \); таким образом, если все элементы отрицательны, результат должен быть пустой. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>maximumSubsequence</code> должна быть функцией.
+    testString: 'assert(typeof maximumSubsequence=="function","<code>maximumSubsequence</code> should be a function.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[0])+&quot;)</code> должен возвращать массив.'
+    testString: 'assert(Array.isArray(maximumSubsequence(tests[0])),"<code>maximumSubsequence("+JSON.stringify(tests[0])+")</code> should return an array.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[0])+&quot;)</code> должен возвращать <code>&quot;+JSON.stringify(results[0])+&quot;</code> .'
+    testString: 'assert.deepEqual(maximumSubsequence(tests[0]),results[0],"<code>maximumSubsequence("+JSON.stringify(tests[0])+")</code> should return <code>"+JSON.stringify(results[0])+"</code>.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[1])+&quot;)</code> должен возвращать <code>&quot;+JSON.stringify(results[1])+&quot;</code> .'
+    testString: 'assert.deepEqual(maximumSubsequence(tests[1]),results[1],"<code>maximumSubsequence("+JSON.stringify(tests[1])+")</code> should return <code>"+JSON.stringify(results[1])+"</code>.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[2])+&quot;)</code> должен возвращать <code>&quot;+JSON.stringify(results[2])+&quot;</code> .'
+    testString: 'assert.deepEqual(maximumSubsequence(tests[2]),results[2],"<code>maximumSubsequence("+JSON.stringify(tests[2])+")</code> should return <code>"+JSON.stringify(results[2])+"</code>.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[3])+&quot;)</code> должны возвращать <code>&quot;+JSON.stringify(results[3])+&quot;</code> .'
+    testString: 'assert.deepEqual(maximumSubsequence(tests[3]),results[3],"<code>maximumSubsequence("+JSON.stringify(tests[3])+")</code> should return <code>"+JSON.stringify(results[3])+"</code>.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[4])+&quot;)</code> должен возвращать <code>&quot;+JSON.stringify(results[4])+&quot;</code> .'
+    testString: 'assert.deepEqual(maximumSubsequence(tests[4]),results[4],"<code>maximumSubsequence("+JSON.stringify(tests[4])+")</code> should return <code>"+JSON.stringify(results[4])+"</code>.");'
+  - text: '<code>maximumSubsequence(&quot;+JSON.stringify(tests[5])+&quot;)</code> должен возвращать <code>&quot;+JSON.stringify(results[5])+&quot;</code> .'
+    testString: 'assert.deepEqual(maximumSubsequence(tests[5]),results[5],"<code>maximumSubsequence("+JSON.stringify(tests[5])+")</code> should return <code>"+JSON.stringify(results[5])+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function maximumSubsequence (population) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/hailstone-sequence.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/hailstone-sequence.russian.md
new file mode 100644
index 0000000000..8562f04cfb
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/hailstone-sequence.russian.md
@@ -0,0 +1,66 @@
+---
+title: Hailstone sequence
+id: 595608ff8bcd7a50bd490181
+challengeType: 5
+videoUrl: ''
+localeTitle: Последовательность градиента
+---
+
+## Description
+<section id="description"><p> Последовательность чисел Hailstone может быть сгенерирована из начального положительного целого числа, n: </p> Если n равно 1, последовательность заканчивается. Если n четно, то следующее n последовательности <code>= n/2</code> Если n нечетно, то следующее n последовательности <code>= (3 * n) + 1</code> <p> (Неподтвержденная) <a href="https://en.wikipedia.org/wiki/Collatz conjecture" title="wp: гипотеза Collatz">гипотеза Collatz</a> заключается в том, что последовательность градиентов для любого начального числа всегда заканчивается. </p><p> Последовательность градиента также известна как номера градиента (поскольку значения обычно подвержены нескольким спуску и восхождениям, таким как град в облаке) или как последовательность Collatz. </p> Задача: создать процедуру для генерации последовательности градиента для числа. Используйте процедуру, чтобы показать, что последовательность градиента для числа 27 содержит 112 элементов, начиная с <code>27, 82, 41, 124</code> и заканчивая <code>8, 4, 2, 1</code> Покажите число менее 100 000, которое имеет самую длинную последовательность градиента вместе с этим длина последовательности. (Но не показывайте действительную последовательность!) См. Также: <a href="http://xkcd.com/710" title="ссылка: http://xkcd.com/710">xkcd</a> (humourous). </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>hailstoneSequence</code> - это функция.
+    testString: 'assert(typeof hailstoneSequence === "function", "<code>hailstoneSequence</code> is a function.");'
+  - text: '<code>hailstoneSequence()</code> должен возвращать <code>[[27,82,41,124,8,4,2,1], [351, 77031]]</code>'
+    testString: 'assert.deepEqual(hailstoneSequence(), res, "<code>hailstoneSequence()</code> should return <code>[[27,82,41,124,8,4,2,1], [351, 77031]]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// noprotect
+function hailstoneSequence () {
+  const res = [];
+  // Good luck!
+
+  return res;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/happy-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/happy-numbers.russian.md
new file mode 100644
index 0000000000..ab191b221c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/happy-numbers.russian.md
@@ -0,0 +1,76 @@
+---
+title: Happy numbers
+id: 594810f028c0303b75339ad1
+challengeType: 5
+videoUrl: ''
+localeTitle: Счастливые номера
+---
+
+## Description
+<section id="description"><p> Счастливое число определяется следующим процессом: </p><p> Начиная с любого положительного целого числа, замените число на сумму квадратов его цифр и повторите процесс до тех пор, пока число не будет равно 1 (где оно останется), или оно бесконечно завершается в цикле, который не включает в себя 1. Эти цифры для которых этот процесс заканчивается на 1, являются счастливыми номерами, а те, которые не заканчиваются на 1, - это несчастливые цифры. </p><p> Реализуйте функцию, которая возвращает true, если число счастливое, или false, если нет. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>happy</code> функция.
+    testString: 'assert(typeof happy === "function", "<code>happy</code> is a function.");'
+  - text: <code>happy(1)</code> должен возвращать логическое значение.
+    testString: 'assert(typeof happy(1) === "boolean", "<code>happy(1)</code> should return a boolean.");'
+  - text: <code>happy(1)</code> должен возвращать истину.
+    testString: 'assert(happy(1), "<code>happy(1)</code> should return true.");'
+  - text: <code>happy(2)</code> должен возвращать false.
+    testString: 'assert(!happy(2), "<code>happy(2)</code> should return false.");'
+  - text: <code>happy(7)</code> должен вернуться к истине.
+    testString: 'assert(happy(7), "<code>happy(7)</code> should return true.");'
+  - text: <code>happy(10)</code> должен вернуться к истине.
+    testString: 'assert(happy(10), "<code>happy(10)</code> should return true.");'
+  - text: <code>happy(13)</code> должен вернуться к истине.
+    testString: 'assert(happy(13), "<code>happy(13)</code> should return true.");'
+  - text: <code>happy(19)</code> должен вернуться к истине.
+    testString: 'assert(happy(19), "<code>happy(19)</code> should return true.");'
+  - text: <code>happy(23)</code> должен вернуться к истине.
+    testString: 'assert(happy(23), "<code>happy(23)</code> should return true.");'
+  - text: <code>happy(28)</code> должен вернуться к истине.
+    testString: 'assert(happy(28), "<code>happy(28)</code> should return true.");'
+  - text: <code>happy(31)</code> должен вернуться к истине.
+    testString: 'assert(happy(31), "<code>happy(31)</code> should return true.");'
+  - text: '<code>happy(32)</code> должен возвращать true :.'
+    testString: 'assert(happy(32), "<code>happy(32)</code> should return true:.");'
+  - text: <code>happy(33)</code> должен вернуть ложь.
+    testString: 'assert(!happy(33), "<code>happy(33)</code> should return false.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function happy (number) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/harshad-or-niven-series.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/harshad-or-niven-series.russian.md
new file mode 100644
index 0000000000..209c7b6e85
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/harshad-or-niven-series.russian.md
@@ -0,0 +1,68 @@
+---
+title: Harshad or Niven series
+id: 595668ca4cfe1af2fb9818d4
+challengeType: 5
+videoUrl: ''
+localeTitle: Серия Harshad или Niven
+---
+
+## Description
+<section id="description"><p> Номера <a href="http://mathworld.wolfram.com/HarshadNumber.html" title="ссылка: http://mathworld.wolfram.com/HarshadNumber.html">Harshad</a> или Niven представляют собой целые положительные числа ≥ 1, которые делятся на сумму их цифр. </p><p> Например, 42 является <a href="http://rosettacode.org/wiki/oeis:A005349" title="OEIS: A005349">числом Харшада,</a> поскольку 42 делится на (4 + 2) без остатка. </p> Предположим, что ряд определяется как числа в порядке возрастания. Задача: <p> Реализуйте функцию для генерации последовательных членов последовательности Harshad. </p><p> Используйте его, чтобы перечислить первые двадцать членов последовательности и перечислите первое число Harshad, превышающее 1000. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>isHarshadOrNiven</code> - это функция.
+    testString: 'assert(typeof isHarshadOrNiven === "function", "<code>isHarshadOrNiven</code> is a function.");'
+  - text: '<code>isHarshadOrNiven()</code> должен возвращать <code>{&quot;firstTwenty&quot;: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12, 18, 20, 21, 24, 27, 30, 36, 40, 42],&quot;firstOver1000&quot;: 1002}</code>'
+    testString: 'assert.deepEqual(isHarshadOrNiven(), res, "<code>isHarshadOrNiven()</code> should return <code>{"firstTwenty": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12, 18, 20, 21, 24, 27, 30, 36, 40, 42],"firstOver1000": 1002}</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function isHarshadOrNiven () {
+  const res = {
+    firstTwenty: [],
+    firstOver1000: undefined
+  };
+  // Change after this line
+
+  return res;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/hash-from-two-arrays.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/hash-from-two-arrays.russian.md
new file mode 100644
index 0000000000..11add8b36d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/hash-from-two-arrays.russian.md
@@ -0,0 +1,73 @@
+---
+title: Hash from two arrays
+id: 595671d4d2cdc305f0d5b36f
+challengeType: 5
+videoUrl: ''
+localeTitle: Хэш из двух массивов
+---
+
+## Description
+<section id="description"> Задача: <p> Используя два массива равной длины, создайте объект Hash, в котором элементы из одного массива (ключи) связаны с элементами другого (значения) </p> Связанная задача: <a href="http://rosettacode.org/wiki/Associative arrays/Creation" title="Ассоциативные массивы / Создание">Ассоциативные массивы / Создание</a> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>arrToObj</code> - функция.
+    testString: 'assert(typeof arrToObj === "function", "<code>arrToObj</code> is a function.");'
+  - text: '<code>arrToObj([1, 2, 3, 4, 5], [&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;, &quot;e&quot;])</code> должны возвращать <code>{ 1: &quot;a&quot;, 2: &quot;b&quot;, 3: &quot;c&quot;, 4: &quot;d&quot;, 5: &quot;e&quot; }</code>'
+    testString: 'assert.deepEqual(arrToObj(...testCases[0]), res[0], "<code>arrToObj([1, 2, 3, 4, 5], ["a", "b", "c", "d", "e"])</code> should return <code>{ 1: "a", 2: "b", 3: "c", 4: "d", 5: "e" }</code>");'
+  - text: '<code>arrToObj([1, 2, 3, 4, 5], [&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;])</code> должны возвращать <code>{ 1: &quot;a&quot;, 2: &quot;b&quot;, 3: &quot;c&quot;, 4: &quot;d&quot;, 5: undefined }</code>'
+    testString: 'assert.deepEqual(arrToObj(...testCases[1]), res[1], "<code>arrToObj([1, 2, 3, 4, 5], ["a", "b", "c", "d"])</code> should return <code>{ 1: "a", 2: "b", 3: "c", 4: "d", 5: undefined }</code>");'
+  - text: '<code>arrToObj([1, 2, 3], [&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;, &quot;e&quot;])</code> должны возвращать <code>{ 1: &quot;a&quot;, 2: &quot;b&quot;, 3: &quot;c&quot; }</code>'
+    testString: 'assert.deepEqual(arrToObj(...testCases[2]), res[2], "<code>arrToObj([1, 2, 3], ["a", "b", "c", "d", "e"])</code> should return <code>{ 1: "a", 2: "b", 3: "c" }</code>");'
+  - text: '<code>arrToObj([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;, &quot;e&quot;], [1, 2, 3, 4, 5])</code> должны возвращать <code>{ &quot;a&quot;: 1, &quot;b&quot;: 2, &quot;c&quot;: 3 , &quot;d&quot;: 4, &quot;e&quot;: 5 }</code>'
+    testString: 'assert.deepEqual(arrToObj(...testCases[3]), res[3], "<code>arrToObj(["a", "b", "c", "d", "e"], [1, 2, 3, 4, 5])</code> should return <code>{ "a": 1, "b": 2, "c": 3 , "d": 4, "e": 5 }</code>");'
+  - text: '<code>arrToObj([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;, &quot;e&quot;], [1, 2, 3, 4])</code> должны возвращать <code>{ &quot;a&quot;: 1, &quot;b&quot;: 2, &quot;c&quot;: 3 , &quot;d&quot;: 4, &quot;e&quot;: undefined }</code>'
+    testString: 'assert.deepEqual(arrToObj(...testCases[4]), res[4], "<code>arrToObj(["a", "b", "c", "d", "e"], [1, 2, 3, 4])</code> should return <code>{ "a": 1, "b": 2, "c": 3 , "d": 4, "e": undefined }</code>");'
+  - text: '<code>arrToObj([&quot;a&quot;, &quot;b&quot;, &quot;c&quot;], [1, 2, 3, 4, 5])</code> должны возвращать <code>{ &quot;a&quot;: 1, &quot;b&quot;: 2, &quot;c&quot;: 3 }</code>'
+    testString: 'assert.deepEqual(arrToObj(...testCases[5]), res[5], "<code>arrToObj(["a", "b", "c"], [1, 2, 3, 4, 5])</code> should return <code>{ "a": 1, "b": 2, "c": 3  }</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function arrToObj (keys, vals) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/hash-join.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/hash-join.russian.md
new file mode 100644
index 0000000000..6b6d74f9f9
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/hash-join.russian.md
@@ -0,0 +1,75 @@
+---
+title: Hash join
+id: 5956795bc9e2c415eb244de1
+challengeType: 5
+videoUrl: ''
+localeTitle: Присоединиться
+---
+
+## Description
+<section id="description"><p> <a href="https://en.wikipedia.org/wiki/Join_(SQL)#Inner_join" title="wp: Join_ (SQL) #Inner_join">Внутреннее соединение</a> - это операция, которая объединяет две таблицы данных в одну таблицу на основе совпадающих значений столбцов. Простейшим способом реализации этой операции является алгоритм <a href="https://en.wikipedia.org/wiki/Nested loop join" title="wp: Соединение вложенного цикла">объединения вложенных циклов</a> , но более масштабируемой альтернативой является алгоритм <a href="https://en.wikipedia.org/wiki/hash join" title="wp: hash join">хеш-соединения</a> . </p><p> Внедрите алгоритм «хеш-соединения» и продемонстрируйте, что он проходит тестовый сценарий, указанный ниже. </p><p> Вы должны представлять таблицы как структуры данных, которые кажутся естественными на вашем языке программирования. </p><p> Алгоритм «хеш-соединения» состоит из двух шагов: </p> Хэш-фаза. Создайте <a href="https://en.wikipedia.org/wiki/Multimap" title="wp: Multimap">мультимап</a> из одной из двух таблиц, сопоставляя их со всеми значениями столбца объединения со всеми строками, которые его содержат. Мультимап должен поддерживать хэш-ориентированный поиск, который масштабируется лучше, чем простой линейный поиск, потому что в этом весь смысл этого алгоритма. В идеале мы должны создать мультимап для меньшей таблицы, таким образом минимизируя время его создания и размер памяти. Фаза присоединения. Сканируйте другую таблицу и найдите соответствующие строки, просмотрев созданный ранее мультимап. <p> В псевдокоде алгоритм может быть выражен следующим образом: </p><pre> пусть A = первая входная таблица (или, в идеале, большая)
+пусть B = вторая входная таблица (или, в идеале, меньшая)
+пусть j <sub>A</sub> = идентификатор столбца соединения таблицы A
+пусть j <sub>B</sub> = идентификатор столбца соединения таблицы B
+пусть M <sub>B</sub> = мультимап для отображения из отдельных значений в несколько строк таблицы B (начинается пустым)
+пусть C = выходная таблица (начинается пустая)
+для каждой строки b в таблице B:
+  место b в multimap M <sub>B</sub> под клавишей b (j <sub>B</sub> )
+для каждой строки a в таблице A:
+  для каждой строки b в мультимадре M <sub>B</sub> под ключом a (j <sub>A</sub> ):
+    пусть c = конкатенация строки a и строки b
+    поместите строку c в таблицу C <p></p>
+</pre> Прецедент <p> вход </p><table><tbody><tr><td style="padding: 4px; margin: 5px;"><table style="border:none; border-collapse:collapse;"><tbody><tr><td style="border:none"> <i>A =</i> </td><td style="border:none"><table><tbody><tr><th style="padding: 4px; margin: 5px;"> Возраст </th><th style="padding: 4px; margin: 5px;"> имя </th></tr><tr><td style="padding: 4px; margin: 5px;"> 27 </td><td style="padding: 4px; margin: 5px;"> Иона </td></tr><tr><td style="padding: 4px; margin: 5px;"> 18 </td><td style="padding: 4px; margin: 5px;"> Алан </td></tr><tr><td style="padding: 4px; margin: 5px;"> 28 </td><td style="padding: 4px; margin: 5px;"> слава </td></tr><tr><td style="padding: 4px; margin: 5px;"> 18 </td><td style="padding: 4px; margin: 5px;"> Popeye </td></tr><tr><td style="padding: 4px; margin: 5px;"> 28 </td><td style="padding: 4px; margin: 5px;"> Алан </td></tr></tbody></table></td><td style="border:none; padding-left:1.5em;" rowspan="2"></td><td style="border:none"> <i>B =</i> </td><td style="border:none"><table><tbody><tr><th style="padding: 4px; margin: 5px;"> символ </th><th style="padding: 4px; margin: 5px;"> Немезида </th></tr><tr><td style="padding: 4px; margin: 5px;"> Иона </td><td style="padding: 4px; margin: 5px;"> Киты </td></tr><tr><td style="padding: 4px; margin: 5px;"> Иона </td><td style="padding: 4px; margin: 5px;"> Пауки </td></tr><tr><td style="padding: 4px; margin: 5px;"> Алан </td><td style="padding: 4px; margin: 5px;"> привидения </td></tr><tr><td style="padding: 4px; margin: 5px;"> Алан </td><td style="padding: 4px; margin: 5px;"> Zombies </td></tr><tr><td style="padding: 4px; margin: 5px;"> слава </td><td style="padding: 4px; margin: 5px;"> Buffy </td></tr></tbody></table></td></tr><tr><td style="border:none"> <i>j <sub>A</sub> =</i> </td><td style="border:none"> <i><code>Name</code> (т.е. столбец 1)</i> </td><td style="border:none"> <i>j <sub>B</sub> =</i> </td><td style="border:none"> <i><code>Character</code> (т.е. столбец 0)</i> </td></tr></tbody></table></td><td style="padding: 4px; margin: 5px;"></td></tr></tbody></table><p> Вывод </p><table><tbody><tr><th style="padding: 4px; margin: 5px;"> A.Age </th><th style="padding: 4px; margin: 5px;"> Имя </th><th style="padding: 4px; margin: 5px;"> B.Character </th><th style="padding: 4px; margin: 5px;"> B.Nemesis </th></tr><tr><td style="padding: 4px; margin: 5px;"> 27 </td><td style="padding: 4px; margin: 5px;"> Иона </td><td style="padding: 4px; margin: 5px;"> Иона </td><td style="padding: 4px; margin: 5px;"> Киты </td></tr><tr><td style="padding: 4px; margin: 5px;"> 27 </td><td style="padding: 4px; margin: 5px;"> Иона </td><td style="padding: 4px; margin: 5px;"> Иона </td><td style="padding: 4px; margin: 5px;"> Пауки </td></tr><tr><td style="padding: 4px; margin: 5px;"> 18 </td><td style="padding: 4px; margin: 5px;"> Алан </td><td style="padding: 4px; margin: 5px;"> Алан </td><td style="padding: 4px; margin: 5px;"> привидения </td></tr><tr><td style="padding: 4px; margin: 5px;"> 18 </td><td style="padding: 4px; margin: 5px;"> Алан </td><td style="padding: 4px; margin: 5px;"> Алан </td><td style="padding: 4px; margin: 5px;"> Zombies </td></tr><tr><td style="padding: 4px; margin: 5px;"> 28 </td><td style="padding: 4px; margin: 5px;"> слава </td><td style="padding: 4px; margin: 5px;"> слава </td><td style="padding: 4px; margin: 5px;"> Buffy </td></tr><tr><td style="padding: 4px; margin: 5px;"> 28 </td><td style="padding: 4px; margin: 5px;"> Алан </td><td style="padding: 4px; margin: 5px;"> Алан </td><td style="padding: 4px; margin: 5px;"> привидения </td></tr><tr><td style="padding: 4px; margin: 5px;"> 28 </td><td style="padding: 4px; margin: 5px;"> Алан </td><td style="padding: 4px; margin: 5px;"> Алан </td><td style="padding: 4px; margin: 5px;"> Zombies </td></tr></tbody></table><p></p><p></p><p> Порядок строк в выходной таблице не имеет значения. </p><p> Если вы используете численные индексированные массивы для представления строк таблицы (вместо обращения к столбцам по имени), вы можете представить выходные строки в форме <code style="white-space:nowrap">[[27, &quot;Jonah&quot;], [&quot;Jonah&quot;, &quot;Whales&quot;]]</code> , </p><hr></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>hashJoin</code> - это функция.
+    testString: 'assert(typeof hashJoin === "function", "<code>hashJoin</code> is a function.");'
+  - text: '<code>hashJoin([{ age: 27, name: &quot;Jonah&quot; }, { age: 18, name: &quot;Alan&quot; }, { age: 28, name: &quot;Glory&quot; }, { age: 18, name: &quot;Popeye&quot; }, { age: 28, name: &quot;Alan&quot; }], [{ character: &quot;Jonah&quot;, nemesis: &quot;Whales&quot; }, { character: &quot;Jonah&quot;, nemesis: &quot;Spiders&quot; }, { character: &quot;Alan&quot;, nemesis: &quot;Ghosts&quot; }, { character:&quot;Alan&quot;, nemesis: &quot;Zombies&quot; }, { character: &quot;Glory&quot;, nemesis: &quot;Buffy&quot; }, { character: &quot;Bob&quot;, nemesis: &quot;foo&quot; }])</code> должен возвращать <code>[{&quot;A_age&quot;: 27,&quot;A_name&quot;: &quot;Jonah&quot;, &quot;B_character&quot;: &quot;Jonah&quot;, &quot;B_nemesis&quot;: &quot;Whales&quot;}, {&quot;A_age&quot;: 27,&quot;A_name&quot;: &quot;Jonah&quot;, &quot;B_character&quot;: &quot;Jonah&quot;, &quot;B_nemesis&quot;: &quot;Spiders&quot;}, {&quot;A_age&quot;: 18,&quot;A_name&quot;: &quot;Alan&quot;, &quot;B_character&quot;: &quot;Alan&quot;, &quot;B_nemesis&quot;: &quot;Ghosts&quot;}, {&quot;A_age&quot;: 18,&quot;A_name&quot;: &quot;Alan&quot;, &quot;B_character&quot;: &quot;Alan&quot;, &quot;B_nemesis&quot;: &quot;Zombies&quot;}, {&quot;A_age&quot;: 28,&quot;A_name&quot;: &quot;Glory&quot;, &quot;B_character&quot;: &quot;Glory&quot;, &quot;B_nemesis&quot;: &quot;Buffy&quot;}, {&quot;A_age&quot;: 28,&quot;A_name&quot;: &quot;Alan&quot;, &quot;B_character&quot;: &quot;Alan&quot;, &quot;B_nemesis&quot;: &quot;Ghosts&quot;}, {&quot;A_age&quot;: 28,&quot;A_name&quot;: &quot;Alan&quot;, &quot;B_character&quot;: &quot;Alan&quot;, &quot;B_nemesis&quot;: &quot;Zombies&quot;}]</code>'
+    testString: 'assert.deepEqual(hashJoin(hash1, hash2), res, "<code>hashJoin([{ age: 27, name: "Jonah" }, { age: 18, name: "Alan" }, { age: 28, name: "Glory" }, { age: 18, name: "Popeye" }, { age: 28, name: "Alan" }], [{ character: "Jonah", nemesis: "Whales" }, { character: "Jonah", nemesis: "Spiders" }, { character: "Alan", nemesis: "Ghosts" }, { character:"Alan", nemesis: "Zombies" }, { character: "Glory", nemesis: "Buffy" }, { character: "Bob", nemesis: "foo" }])</code> should return <code>[{"A_age": 27,"A_name": "Jonah", "B_character": "Jonah", "B_nemesis": "Whales"}, {"A_age": 27,"A_name": "Jonah", "B_character": "Jonah", "B_nemesis": "Spiders"}, {"A_age": 18,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Ghosts"}, {"A_age": 18,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Zombies"}, {"A_age": 28,"A_name": "Glory", "B_character": "Glory", "B_nemesis": "Buffy"}, {"A_age": 28,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Ghosts"}, {"A_age": 28,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Zombies"}]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function hashJoin (hash1, hash2) {
+  // Good luck!
+  return [];
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/heronian-triangles.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/heronian-triangles.russian.md
new file mode 100644
index 0000000000..e0f364a4c3
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/heronian-triangles.russian.md
@@ -0,0 +1,71 @@
+---
+title: Heronian triangles
+id: 595b98f8b5a2245e243aa831
+challengeType: 5
+videoUrl: ''
+localeTitle: Херонические треугольники
+---
+
+## Description
+<section id="description"><p> <a href="https://en.wikipedia.org/wiki/Heron&#x27;s formula" title="wp: формула Герона">Формула Героя</a> для области треугольника с учетом длины трех ее сторон <big>a,</big> <big>b</big> и <big>c</big> определяется следующим образом: </p><p> <big>$$ A = \ sqrt {s (sa) (sb) (sc)}, $$</big> </p><p> где <big>s</big> - половина периметра треугольника; то есть, </p><p> <big>$$ з = \ гидроразрыва {а + B + C} {2} $$.</big> </p><p> <a href="http://www.had2know.com/academics/heronian-triangles-generator-calculator.html" title="ссылка: http://www.had2know.com/academics/heronian-triangles-generator-calculator.html">Херонические треугольники</a> - это треугольники, стороны и области которых являются целыми числами. </p><p> Примером может служить треугольник со сторонами 3, 4, 5, площадь которых равна 6 (а по периметру - 12). </p><p> Заметим, что любой треугольник, чьи стороны все целые кратные 3, 4, 5; такие как 6, 8, 10, также будут иероническим треугольником. </p><p> Определите примитивный херонийский треугольник как хернийский треугольник, где наибольший общий делитель </p><p> всех трех сторон 1 (единство). </p><p> Это исключает, например, треугольник 6, 8, 10. </p> Задача: <p> Реализуйте функцию, основанную на формуле Героя, которая возвращает первые <code>n <sub>th</sub></code> упорядоченные треугольники в массиве массивов. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>heronianTriangle</code> - это функция.
+    testString: 'assert(typeof heronianTriangle === "function", "<code>heronianTriangle</code> is a function.");'
+  - text: '<code>heronianTriangle()</code> должен возвращать <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17]]</code>'
+    testString: 'assert.deepEqual(heronianTriangle(testCases[0]), res[0], "<code>heronianTriangle()</code> should return <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17]]</code>");'
+  - text: '<code>heronianTriangle()</code> должен возвращать <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15]],</code>'
+    testString: 'assert.deepEqual(heronianTriangle(testCases[1]), res[1], "<code>heronianTriangle()</code> should return <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15]],</code>");'
+  - text: '<code>heronianTriangle()</code> должен возвращать <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53]],</code>'
+    testString: 'assert.deepEqual(heronianTriangle(testCases[2]), res[2], "<code>heronianTriangle()</code> should return <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53]],</code>");'
+  - text: '<code>heronianTriangle()</code> должен возвращать <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53], [19, 20, 37],[16, 17, 17], [17, 17, 30], [16, 25, 39], [13, 20, 21]]</code>'
+    testString: 'assert.deepEqual(heronianTriangle(testCases[3]), res[3], "<code>heronianTriangle()</code> should return <code>[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53], [19, 20, 37],[16, 17, 17], [17, 17, 30], [16, 25, 39], [13, 20, 21]]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// noprotect
+function heronianTriangle (n) {
+  // Good luck!
+
+  return [];
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/hofstadter-figure-figure-sequences.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/hofstadter-figure-figure-sequences.russian.md
new file mode 100644
index 0000000000..786b7d22d7
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/hofstadter-figure-figure-sequences.russian.md
@@ -0,0 +1,87 @@
+---
+title: Hofstadter Figure-Figure sequences
+id: 59622f89e4e137560018a40e
+challengeType: 5
+videoUrl: ''
+localeTitle: Последовательности Рисунка Hofstadter
+---
+
+## Description
+<section id="description"><p> Эти две последовательности положительных целых чисел определяются как: </p><p> <big>$$ R (1) = 1 \; \ S (1) = 2 \\ R (n) = R (n-1) + S (n-1), \ quad n&gt; 1. $$</big> </p><p> Последовательность <big>$ S (n) $</big> дополнительно определяется как последовательность положительных целых чисел, не присутствующих в <big>$ R (n) $</big> . </p><p> Последовательность <big>$ R $</big> начинается: </p><p> 1, 3, 7, 12, 18, ... </p><p> Последовательность <big>$ S $</big> начинается: </p><p> 2, 4, 5, 6, 8, ... </p> Задача: создать две функции с именем ffr и ffs, которые при задании n возвращают R (n) или S (n) соответственно. (Обратите внимание, что R (1) = 1 и S (1) = 2, чтобы избежать ошибок, , Максимальное значение n не должно приниматься. Sloane <a href="http://oeis.org/A005228" title="ссылка: http://oeis.org/A005228">A005228</a> и <a href="http://oeis.org/A030124" title="ссылка: http://oeis.org/A030124">A030124</a> . <a href="http://mathworld.wolfram.com/HofstadterFigure-FigureSequence.html" title="ссылка: http://mathworld.wolfram.com/HofstadterFigure-FigureSequence.html">Wolfram MathWorld</a> Wikipedia: <a href="https://en.wikipedia.org/wiki/Hofstadter_sequence#Hofstadter_Figure-Figure_sequences" title="wp: Hofstadter_sequence # Hofstadter_Figure-Figure_sequences">последовательности Hofstadter Figure-Figure</a> . </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>ffr</code> - функция.
+    testString: 'assert(typeof ffr === "function", "<code>ffr</code> is a function.");'
+  - text: <code>ffs</code> - функция.
+    testString: 'assert(typeof ffs === "function", "<code>ffs</code> is a function.");'
+  - text: <code>ffr</code> должно возвращать целое число.
+    testString: 'assert(Number.isInteger(ffr(1)), "<code>ffr</code> should return integer.");'
+  - text: <code>ffs</code> должно возвращать целое число.
+    testString: 'assert(Number.isInteger(ffs(1)), "<code>ffs</code> should return integer.");'
+  - text: <code>ffr()</code> должен возвращать <code>69</code>
+    testString: 'assert.equal(ffr(ffrParamRes[0][0]), ffrParamRes[0][1], "<code>ffr()</code> should return <code>69</code>");'
+  - text: <code>ffr()</code> должен вернуть <code>1509</code>
+    testString: 'assert.equal(ffr(ffrParamRes[1][0]), ffrParamRes[1][1], "<code>ffr()</code> should return <code>1509</code>");'
+  - text: <code>ffr()</code> должен возвращать <code>5764</code>
+    testString: 'assert.equal(ffr(ffrParamRes[2][0]), ffrParamRes[2][1], "<code>ffr()</code> should return <code>5764</code>");'
+  - text: <code>ffr()</code> должен вернуть <code>526334</code>
+    testString: 'assert.equal(ffr(ffrParamRes[3][0]), ffrParamRes[3][1], "<code>ffr()</code> should return <code>526334</code>");'
+  - text: <code>ffs()</code> должен возвращать <code>14</code>
+    testString: 'assert.equal(ffs(ffsParamRes[0][0]), ffsParamRes[0][1], "<code>ffs()</code> should return <code>14</code>");'
+  - text: <code>ffs()</code> должен вернуть <code>59</code>
+    testString: 'assert.equal(ffs(ffsParamRes[1][0]), ffsParamRes[1][1], "<code>ffs()</code> should return <code>59</code>");'
+  - text: <code>ffs()</code> должен возвращать <code>112</code>
+    testString: 'assert.equal(ffs(ffsParamRes[2][0]), ffsParamRes[2][1], "<code>ffs()</code> should return <code>112</code>");'
+  - text: <code>ffs()</code> должен возвращать <code>1041</code>
+    testString: 'assert.equal(ffs(ffsParamRes[3][0]), ffsParamRes[3][1], "<code>ffs()</code> should return <code>1041</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// noprotect
+function ffr(n) {
+  return n;
+}
+
+function ffs(n) {
+  return n;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/hofstadter-q-sequence.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/hofstadter-q-sequence.russian.md
new file mode 100644
index 0000000000..0452d3a122
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/hofstadter-q-sequence.russian.md
@@ -0,0 +1,71 @@
+---
+title: Hofstadter Q sequence
+id: 59637c4d89f6786115efd814
+challengeType: 5
+videoUrl: ''
+localeTitle: Последовательность Хофстадтера Q
+---
+
+## Description
+<section id="description"><p> Последовательность <a href="https://en.wikipedia.org/wiki/Hofstadter_sequence#Hofstadter_Q_sequence" title="wp: Hofstadter_sequence # Hofstadter_Q_sequence">Hofstadter Q</a> определяется как: </p><p> $ Q (1) = Q (2) = 1, \\ Q (n) = Q \ big (nQ (n-1) \ big) + Q \ big (nQ (n-2)), \ quad n&gt; 2. $ </p><p> Он определен как <a href="http://rosettacode.org/wiki/Fibonacci sequence" title="Последовательность Фибоначчи">последовательность Фибоначчи</a> , но в то время как следующий член в последовательности Фибоначчи представляет собой сумму двух предыдущих членов, в последовательности Q предыдущие два члена говорят вам, как далеко вернуться в последовательность Q, чтобы найти два числа суммировать, чтобы сделать следующий член последовательности. </p> Задача: Внедрить уравнение Хоффстадтера Q Sequence в JavaScript </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>hofstadterQ</code> является функцией.
+    testString: 'assert(typeof hofstadterQ === "function", "<code>hofstadterQ</code> is a function.");'
+  - text: <code>hofstadterQ()</code> должен возвращать <code>integer</code>
+    testString: 'assert(Number.isInteger(hofstadterQ(1000)), "<code>hofstadterQ()</code> should return <code>integer</code>");'
+  - text: <code>hofstadterQ(1000)</code> должен вернуть <code>502</code>
+    testString: 'assert.equal(hofstadterQ(testCase[0]), res[0], "<code>hofstadterQ(1000)</code> should return <code>502</code>");'
+  - text: <code>hofstadterQ(1500)</code> должен вернуть <code>755</code>
+    testString: 'assert.equal(hofstadterQ(testCase[1]), res[1], "<code>hofstadterQ(1500)</code> should return <code>755</code>");'
+  - text: <code>hofstadterQ(2000)</code> должен вернуть <code>1005</code>
+    testString: 'assert.equal(hofstadterQ(testCase[2]), res[2], "<code>hofstadterQ(2000)</code> should return <code>1005</code>");'
+  - text: <code>hofstadterQ(2500)</code> должен вернуть <code>1261</code>
+    testString: 'assert.equal(hofstadterQ(testCase[3]), res[3], "<code>hofstadterQ(2500)</code> should return <code>1261</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function hofstadterQ (n) {
+  // Good luck!
+  return n;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/i-before-e-except-after-c.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/i-before-e-except-after-c.russian.md
new file mode 100644
index 0000000000..1fefb3889b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/i-before-e-except-after-c.russian.md
@@ -0,0 +1,66 @@
+---
+title: I before E except after C
+id: 5a23c84252665b21eecc7eb0
+challengeType: 5
+videoUrl: ''
+localeTitle: 'I до E, за исключением C'
+---
+
+## Description
+<section id="description"> Фраза <a href="https://en.wikipedia.org/wiki/I before E except after C">«I до E, за исключением C»</a> - широко известная мнемоника, которая должна помочь при написании английских слов. Используя предоставленные слова, проверьте, являются ли два подкласса фразы правдоподобными: <ol><li style="margin-bottom: 5px;"> <i>«Я до E, когда не предшествует C».</i> </li><li> <i>«E до I, когда предшествует C».</i> </li></ol> Если обе подфразы правдоподобны, то исходную фразу можно назвать правдоподобной. Напишите функцию, которая принимает слово и проверяет, соответствует ли это слово этому правилу. Функция должна возвращать true, если она соответствует правилу, в противном случае false. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>IBeforeExceptC</code> должен быть функцией.
+    testString: 'assert(typeof IBeforeExceptC=="function","<code>IBeforeExceptC</code> should be a function.");'
+  - text: <code>IBeforeExceptC(&quot;receive&quot;)</code> должен возвращать логическое значение.
+    testString: 'assert(typeof IBeforeExceptC("receive")=="boolean","<code>IBeforeExceptC("receive")</code> should return a boolean.");'
+  - text: <code>IBeforeExceptC(&quot;receive&quot;)</code> должен возвращать <code>true</code> .
+    testString: 'assert.equal(IBeforeExceptC("receive"),true,"<code>IBeforeExceptC("receive")</code> should return <code>true</code>.");'
+  - text: <code>IBeforeExceptC(&quot;science&quot;)</code> должен возвращать <code>false</code> .
+    testString: 'assert.equal(IBeforeExceptC("science"),false,"<code>IBeforeExceptC("science")</code> should return <code>false</code>.");'
+  - text: <code>IBeforeExceptC(&quot;imperceivable&quot;)</code> должен возвращать <code>true</code> .
+    testString: 'assert.equal(IBeforeExceptC("imperceivable"),true,"<code>IBeforeExceptC("imperceivable")</code> should return <code>true</code>.");'
+  - text: <code>IBeforeExceptC(&quot;inconceivable&quot;)</code> должен возвращать <code>true</code> .
+    testString: 'assert.equal(IBeforeExceptC("inconceivable"),true,"<code>IBeforeExceptC("inconceivable")</code> should return <code>true</code>.");'
+  - text: <code>IBeforeExceptC(&quot;insufficient&quot;)</code> должен возвращать <code>false</code> .
+    testString: 'assert.equal(IBeforeExceptC("insufficient"),false,"<code>IBeforeExceptC("insufficient")</code> should return <code>false</code>.");'
+  - text: <code>IBeforeExceptC(&quot;omniscient&quot;)</code> должен возвращать <code>false</code> .
+    testString: 'assert.equal(IBeforeExceptC("omniscient"),false,"<code>IBeforeExceptC("omniscient")</code> should return <code>false</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function IBeforeExceptC (word) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/iban.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/iban.russian.md
new file mode 100644
index 0000000000..4065914b69
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/iban.russian.md
@@ -0,0 +1,72 @@
+---
+title: IBAN
+id: 5a23c84252665b21eecc7eaf
+challengeType: 5
+videoUrl: ''
+localeTitle: Они были
+---
+
+## Description
+<section id="description"> <a href="https://en.wikipedia.org/wiki/International_Bank_Account_Number">Международный номер банковского счета (IBAN)</a> является международно согласованным средством определения банковских счетов через национальные границы с уменьшенным риском распространения <a href="https://en.wikipedia.org/wiki/Transcription_error">ошибок транскрипции</a> . IBAN состоит из 34 буквенно-цифровых символов: <ul><li> сначала двухбуквенный код страны ISO 3166-1 alpha-2 </li><li> затем две контрольные цифры и </li><li> наконец, базовый номер банковского счета для конкретной страны (BBAN). </li></ul> Контрольные цифры позволяют проверить работоспособность номера банковского счета, чтобы подтвердить его целостность даже перед отправкой транзакции. Напишите функцию, которая принимает строку IBAN в качестве параметра. Если это верно, верните true. В противном случае верните false. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>isValid</code> должна быть функцией.
+    testString: 'assert(typeof isValid=="function","<code>isValid</code> should be a function.");'
+  - text: '<code>isValid(&quot;&quot;+tests[0]+&quot;&quot;)</code> должен возвращать логическое значение.'
+    testString: 'assert(typeof isValid(tests[0])=="boolean","<code>isValid(""+tests[0]+"")</code> should return a boolean.");'
+  - text: '<code>isValid(&quot;&quot;+tests[0]+&quot;&quot;)</code> должен возвращать <code>true</code> .'
+    testString: 'assert.equal(isValid(tests[0]),true,"<code>isValid(""+tests[0]+"")</code> should return <code>true</code>.");'
+  - text: '<code>isValid(&quot;&quot;+tests[1]+&quot;&quot;)</code> должен возвращать <code>false</code> .'
+    testString: 'assert.equal(isValid(tests[1]),false,"<code>isValid(""+tests[1]+"")</code> should return <code>false</code>.");'
+  - text: '<code>isValid(&quot;&quot;+tests[2]+&quot;&quot;)</code> должен возвращать <code>false</code> .'
+    testString: 'assert.equal(isValid(tests[2]),false,"<code>isValid(""+tests[2]+"")</code> should return <code>false</code>.");'
+  - text: '<code>isValid(&quot;&quot;+tests[3]+&quot;&quot;)</code> должен возвращать <code>false</code> .'
+    testString: 'assert.equal(isValid(tests[3]),false,"<code>isValid(""+tests[3]+"")</code> should return <code>false</code>.");'
+  - text: '<code>isValid(&quot;&quot;+tests[4]+&quot;&quot;)</code> должны возвращать <code>true</code> .'
+    testString: 'assert.equal(isValid(tests[4]),true,"<code>isValid(""+tests[4]+"")</code> should return <code>true</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function isValid (iban) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/identity-matrix.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/identity-matrix.russian.md
new file mode 100644
index 0000000000..e2017db40e
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/identity-matrix.russian.md
@@ -0,0 +1,70 @@
+---
+title: Identity matrix
+id: 5a23c84252665b21eecc7eb1
+challengeType: 5
+videoUrl: ''
+localeTitle: Единичная матрица
+---
+
+## Description
+<section id="description"> <i>Единичная матрица</i> является квадратной матрицей размера \ (n \ times n \), где диагональные элементы - все <b>1</b> s (одни), а все остальные элементы - все <b>0</b> s (нули). \ begin {bmatrix} 1 &amp; 0 &amp; 0 \ cr 0 &amp; 1 &amp; 0 \ cr 0 &amp; 0 &amp; 1 \ cr \ end {bmatrix} Напишите функцию, которая принимает число «n» в качестве параметра и возвращает единичную матрицу порядок nx n. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>idMatrix</code> должна быть функцией.
+    testString: 'assert(typeof idMatrix=="function","<code>idMatrix</code> should be a function.");'
+  - text: <code>idMatrix(1)</code> должен возвращать массив.
+    testString: 'assert(Array.isArray(idMatrix(1)),"<code>idMatrix(1)</code> should return an array.");'
+  - text: '<code>idMatrix(1)</code> должен возвращать <code>&quot;+JSON.stringify(results[0])+&quot;</code> .'
+    testString: 'assert.deepEqual(idMatrix(1),results[0],"<code>idMatrix(1)</code> should return <code>"+JSON.stringify(results[0])+"</code>.");'
+  - text: '<code>idMatrix(2)</code> должен возвращать <code>&quot;+JSON.stringify(results[1])+&quot;</code> .'
+    testString: 'assert.deepEqual(idMatrix(2),results[1],"<code>idMatrix(2)</code> should return <code>"+JSON.stringify(results[1])+"</code>.");'
+  - text: '<code>idMatrix(3)</code> должен возвращать <code>&quot;+JSON.stringify(results[2])+&quot;</code> .'
+    testString: 'assert.deepEqual(idMatrix(3),results[2],"<code>idMatrix(3)</code> should return <code>"+JSON.stringify(results[2])+"</code>.");'
+  - text: '<code>idMatrix(4)</code> должен возвращать <code>&quot;+JSON.stringify(results[3])+&quot;</code> .'
+    testString: 'assert.deepEqual(idMatrix(4),results[3],"<code>idMatrix(4)</code> should return <code>"+JSON.stringify(results[3])+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function idMatrix (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/iterated-digits-squaring.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/iterated-digits-squaring.russian.md
new file mode 100644
index 0000000000..a2b5a44b7d
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/iterated-digits-squaring.russian.md
@@ -0,0 +1,67 @@
+---
+title: Iterated digits squaring
+id: 5a23c84252665b21eecc7ec1
+challengeType: 5
+videoUrl: ''
+localeTitle: Итерированные цифры в квадрате
+---
+
+## Description
+<section id="description"> Если вы добавите квадрат цифр натурального числа (целое число больше нуля), вы всегда заканчиваете либо 1, либо 89: <pre> 15 -&gt; 26 -&gt; 40 -&gt; 16 -&gt; 37 -&gt; 58 -&gt; 89
+7 -&gt; 49 -&gt; 97 -&gt; 130 -&gt; 10 -&gt; 1 </pre> Напишите функцию, которая принимает число как параметр и возвращает 1 или 89 после выполнения указанного процесса. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>iteratedSquare</code> должна быть функцией.
+    testString: 'assert(typeof iteratedSquare=="function","<code>iteratedSquare</code> should be a function.");'
+  - text: <code>iteratedSquare(4)</code> должен вернуть число.
+    testString: 'assert(typeof iteratedSquare(4)=="number","<code>iteratedSquare(4)</code> should return a number.");'
+  - text: <code>iteratedSquare(4)</code> должен вернуть <code>89</code> .
+    testString: 'assert.equal(iteratedSquare(4),89,"<code>iteratedSquare(4)</code> should return <code>89</code>.");'
+  - text: <code>iteratedSquare(7)</code> должен вернуть <code>1</code> .
+    testString: 'assert.equal(iteratedSquare(7),1,"<code>iteratedSquare(7)</code> should return <code>1</code>.");'
+  - text: <code>iteratedSquare(15)</code> должен вернуть <code>89</code> .
+    testString: 'assert.equal(iteratedSquare(15),89,"<code>iteratedSquare(15)</code> should return <code>89</code>.");'
+  - text: <code>iteratedSquare(20)</code> должен вернуть <code>89</code> .
+    testString: 'assert.equal(iteratedSquare(20),89,"<code>iteratedSquare(20)</code> should return <code>89</code>.");'
+  - text: <code>iteratedSquare(70)</code> должен вернуть <code>1</code> .
+    testString: 'assert.equal(iteratedSquare(70),1,"<code>iteratedSquare(70)</code> should return <code>1</code>.");'
+  - text: <code>iteratedSquare(100)</code> должен вернуть <code>1</code> .
+    testString: 'assert.equal(iteratedSquare(100),1,"<code>iteratedSquare(100)</code> should return <code>1</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function iteratedSquare (n) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/jaro-distance.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/jaro-distance.russian.md
new file mode 100644
index 0000000000..aa7beda2f6
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/jaro-distance.russian.md
@@ -0,0 +1,72 @@
+---
+title: Jaro distance
+id: 5a23c84252665b21eecc7ec2
+challengeType: 5
+videoUrl: ''
+localeTitle: Расстояние Jaro
+---
+
+## Description
+<section id="description"> Расстояние Jaro является мерой сходства между двумя строками. Чем выше расстояние Jaro для двух строк, тем более похожи строки. Оценка нормализуется так, что <b>0 не</b> приравнивается к подобию, а <b>1</b> - точное совпадение. Определение Расстояние Jaro \ (d_j \) двух заданных строк \ (s_1 \) и \ (s_2 \) - это \ begin {align} d_j = \ begin {cases} 0 &amp; &amp; \ text {if} m = 0 \\\ \ {\ frac {1} {3}} \ left ({\ frac {m} {| s_ {1} |}} + {\ frac {m} {| s_ {2} |}} + {\ frac { mt} {m}} \ right) &amp; &amp; \ text {other} \ end {cases} \ end {align} Где: <ul><li> \ (m \) - количество <i>совпадающих символов</i> ; </li><li> \ (t \) - половина числа <i>транспозиций</i> . </li></ul> Два символа из \ (s_1 \) и \ (s_2 \) соответственно, считаются <i>совпадающими,</i> только если они одинаковы, а не дальше \ (\ left \ lfloor \ frac {\ max (| s_1 |, | s_2 |)} {2} \ право \ rfloor-1 \). Каждый символ \ (s_1 \) сравнивается со всеми его совпадающими символами в \ (s_2 \). Количество совпадающих (но разных порядковых порядков) символов, деленное на 2, определяет количество <i>транспозиций</i> . <b>Пример.</b> С учетом строк \ (s_1 \) <i>DWAYNE</i> и \ (s_2 \) <i>DUANE</i> находим: <ul><li> \ (т = 4 \) </li><li> \ (| s_1 | = 6 \) </li><li> \ (| s_2 | = 5 \) </li><li> \ (t = 0 \) </li></ul> Мы находим оценку Джаро: \ (d_j = \ frac {1} {3} \ left (\ frac {4} {6} + \ frac {4} {5} + \ frac {4-0} {4} \ right) = 0.822 \). Напишите функцию a, которая принимает две строки в качестве параметров и возвращает связанное расстояние Jaro. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>jaro</code> должен быть функцией.
+    testString: 'assert(typeof jaro=="function","<code>jaro</code> should be a function.");'
+  - text: '<code>jaro(&quot;&quot;+tests[0][0]+&quot;&quot;,&quot;&quot;+tests[0][1]+&quot;&quot;)</code> должны возвращать число.'
+    testString: 'assert(typeof jaro(tests[0][0],tests[0][1])=="number","<code>jaro()</code> should return a number.");'
+  - text: '<code>jaro(&quot;&quot;+tests[0][0]+&quot;&quot;,&quot;&quot;+tests[0][1]+&quot;&quot;)</code> должны возвращать <code>&quot;+results[0]+&quot;</code> .'
+    testString: 'assert.equal(jaro(tests[0][0],tests[0][1]),results[0],"<code>jaro(""+tests[0][0]+"",""+tests[0][1]+"")</code> should return <code>"+results[0]+"</code>.");'
+  - text: '<code>jaro(&quot;&quot;+tests[1][0]+&quot;&quot;,&quot;&quot;+tests[1][1]+&quot;&quot;)</code> должны возвращать <code>&quot;+results[1]+&quot;</code> .'
+    testString: 'assert.equal(jaro(tests[1][0],tests[1][1]),results[1],"<code>jaro(""+tests[1][0]+"",""+tests[1][1]+"")</code> should return <code>"+results[1]+"</code>.");'
+  - text: '<code>jaro(&quot;&quot;+tests[2][0]+&quot;&quot;,&quot;&quot;+tests[2][1]+&quot;&quot;)</code> должны возвращать <code>&quot;+results[2]+&quot;</code> .'
+    testString: 'assert.equal(jaro(tests[2][0],tests[2][1]),results[2],"<code>jaro(""+tests[2][0]+"",""+tests[2][1]+"")</code> should return <code>"+results[2]+"</code>.");'
+  - text: '<code>jaro(&quot;&quot;+tests[3][0]+&quot;&quot;,&quot;&quot;+tests[3][1]+&quot;&quot;)</code> должны возвращать <code>&quot;+results[3]+&quot;</code> .'
+    testString: 'assert.equal(jaro(tests[3][0],tests[3][1]),results[3],"<code>jaro(""+tests[3][0]+"",""+tests[3][1]+"")</code> should return <code>"+results[3]+"</code>.");'
+  - text: '<code>jaro(&quot;&quot;+tests[4][0]+&quot;&quot;,&quot;&quot;+tests[4][1]+&quot;&quot;)</code> должны возвращать <code>&quot;+results[4]+&quot;</code> .'
+    testString: 'assert.equal(jaro(tests[4][0],tests[4][1]),results[4],"<code>jaro(""+tests[4][0]+"",""+tests[4][1]+"")</code> should return <code>"+results[4]+"</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function jaro (s, t) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/jortsort.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/jortsort.russian.md
new file mode 100644
index 0000000000..453aa39272
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/jortsort.russian.md
@@ -0,0 +1,74 @@
+---
+title: JortSort
+id: 5a23c84252665b21eecc7ec4
+challengeType: 5
+videoUrl: ''
+localeTitle: JortSort
+---
+
+## Description
+<section id="description"> jortSort - это набор инструментов сортировки, который заставляет пользователя выполнять работу и гарантирует эффективность, потому что вам больше не нужно сортировать. Первоначально он был представлен Jenn «Moneydollars» Шиффер на престижном <a href="https://www.youtube.com/watch?v=pj4U_W0OFoE">JSConf</a> . jortSort - это функция, которая принимает один массив сопоставимых объектов в качестве аргумента. Затем он сортирует массив в порядке возрастания и сравнивает отсортированный массив с первоначально предоставленным массивом. Если массивы совпадают (т. Е. Исходный массив уже был отсортирован), функция возвращает true. Если массивы не совпадают (т. Е. Исходный массив не был отсортирован), функция возвращает false. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>jortsort</code> должен быть функцией.
+    testString: 'assert(typeof jortsort=="function","<code>jortsort</code> should be a function.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[0])+&quot;)</code> должен возвращать логическое значение.'
+    testString: 'assert(typeof jortsort(tests[0].slice())=="boolean","<code>jortsort("+JSON.stringify(tests[0])+")</code> should return a boolean.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[0])+&quot;)</code> должен возвращать <code>true</code> .'
+    testString: 'assert.equal(jortsort(tests[0].slice()),true,"<code>jortsort("+JSON.stringify(tests[0])+")</code> should return <code>true</code>.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[1])+&quot;)</code> должен возвращать <code>false</code> .'
+    testString: 'assert.equal(jortsort(tests[1].slice()),false,"<code>jortsort("+JSON.stringify(tests[1])+")</code> should return <code>false</code>.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[2])+&quot;)</code> должен возвращать значение <code>false</code> .'
+    testString: 'assert.equal(jortsort(tests[2].slice()),false,"<code>jortsort("+JSON.stringify(tests[2])+")</code> should return <code>false</code>.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[3])+&quot;)</code> должен возвращать <code>true</code> .'
+    testString: 'assert.equal(jortsort(tests[3].slice()),true,"<code>jortsort("+JSON.stringify(tests[3])+")</code> should return <code>true</code>.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[4])+&quot;)</code> должен возвращать значение <code>false</code> .'
+    testString: 'assert.equal(jortsort(tests[4].slice()),false,"<code>jortsort("+JSON.stringify(tests[4])+")</code> should return <code>false</code>.");'
+  - text: '<code>jortsort(&quot;+JSON.stringify(tests[5])+&quot;)</code> должен возвращать <code>true</code> .'
+    testString: 'assert.equal(jortsort(tests[5].slice()),true,"<code>jortsort("+JSON.stringify(tests[5])+")</code> should return <code>true</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function jortsort (array) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/josephus-problem.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/josephus-problem.russian.md
new file mode 100644
index 0000000000..90ea9ec96b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/josephus-problem.russian.md
@@ -0,0 +1,64 @@
+---
+title: Josephus problem
+id: 5a23c84252665b21eecc7ec5
+challengeType: 5
+videoUrl: ''
+localeTitle: Проблема Иосифа
+---
+
+## Description
+<section id="description"> <a href="https://en.wikipedia.org/wiki/Josephus problem">Проблема Джозефуса</a> - математическая головоломка с мрачным описанием: $ n $ заключенные стоят по кругу, последовательно пронумерованные от $ 0 $ до $ n-1 $. Палач ходит по кругу, начиная с заключенного $ 0 $, удаляя каждого $ k $ -ного заключенного и убивая его. По мере того как процесс продолжается, круг становится все меньше и меньше, пока остается только один заключенный, который затем освобождается. Например, если есть $ n = 5 $ заключенных и $ k = 2 $, то порядок, в котором заключенные будут убиты (назовем его «последовательностью убийства»), будет 1, 3, 0 и 4, а оставшийся в живых будет # 2. Учитывая любые <big>$ n, k&gt; 0 $</big> , выясните, кто из заключенных будет последним выжившим. В одном из таких инцидентов было 41 заключенный, и каждый 3- <sup>й</sup> заключенный был убит ( <big>$ k = 3 $</big> ). Среди них было умное имя Джофа, который разработал проблему, стоял в выжившем положении и продолжал рассказывать историю. Каким он был? Напишите функцию, которая берет начальное число заключенных и «k» в качестве параметра и возвращает число заключенного, который выживает. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>josephus</code> должен быть функцией.
+    testString: 'assert(typeof josephus=="function","<code>josephus</code> should be a function.");'
+  - text: '<code>josephus(30,3)</code> должен вернуть число.'
+    testString: 'assert(typeof josephus(30,3)=="number","<code>josephus(30,3)</code> should return a number.");'
+  - text: '<code>josephus(30,3)</code> должен вернуться <code>29</code> .'
+    testString: 'assert.equal(josephus(30,3),29,"<code>josephus(30,3)</code> should return <code>29</code>.");'
+  - text: '<code>josephus(30,5)</code> должен вернуться <code>3</code> .'
+    testString: 'assert.equal(josephus(30,5),3,"<code>josephus(30,5)</code> should return <code>3</code>.");'
+  - text: '<code>josephus(20,2)</code> должен вернуться <code>9</code> .'
+    testString: 'assert.equal(josephus(20,2),9,"<code>josephus(20,2)</code> should return <code>9</code>.");'
+  - text: '<code>josephus(17,6)</code> должен вернуться <code>2</code> .'
+    testString: 'assert.equal(josephus(17,6),2,"<code>josephus(17,6)</code> should return <code>2</code>.");'
+  - text: '<code>josephus(29,4)</code> должен вернуться <code>2</code> .'
+    testString: 'assert.equal(josephus(29,4),2,"<code>josephus(29,4)</code> should return <code>2</code>.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function josephus (init, kill) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/s-expressions.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/s-expressions.russian.md
new file mode 100644
index 0000000000..594e705091
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/s-expressions.russian.md
@@ -0,0 +1,67 @@
+---
+title: S-Expressions
+id: 59667989bf71cf555dd5d2ff
+challengeType: 5
+videoUrl: ''
+localeTitle: S-выражение
+---
+
+## Description
+<section id="description"><p> <a href="https://en.wikipedia.org/wiki/S-Expression" title="wp: S-выражение">S-выражения</a> - один из удобных способов анализа и хранения данных. </p> Задача: <p> Напишите простой читатель / парсер для S-Expressions, который обрабатывает строки с кавычками и без кавычек, целые числа и поплавки. </p><p> Функция должна читать одно, но вложенное S-выражение из строки и возвращать его как (вложенный) массив. </p><p> Новые строки и другие пробелы могут игнорироваться, если они не содержатся в цитируемой строке. </p><p> &quot; <tt>()</tt> &quot; Внутри цитируемых строк не интерпретируются, а рассматриваются как часть строки. </p><p> Обработка скрытых кавычек внутри строки необязательна; таким образом &quot; <tt>(foo&quot; bar)</tt> &quot;может рассматриваться как строка&quot; <tt>foo &quot;bar</tt> &quot; или как ошибка. </p><p> Для этого читатель не должен распознавать « <tt>\</tt> » для экранирования, но должен, кроме того, распознавать номера, если язык имеет соответствующие типы данных. </p><p> Обратите внимание, что за исключением « <tt>(» «</tt> » (« <tt>\</tt> », если поддерживается escaping) и пробелов нет специальных символов. Все остальное разрешено без кавычек. </p><p> Читатель должен уметь читать следующий ввод </p><p></p><pre> ((данные «котируемые данные» 123 4.5)
+    (данные (! @ # (4.5) &quot;(более&quot; &quot;данные)&quot;)))
+</pre><p></p><p> и превратить его в родную структуру данных. (см. реализации <a href="http://rosettacode.org/wiki/#Pike" title="#Pike">Pike</a> , <a href="http://rosettacode.org/wiki/#Python" title="#Python">Python</a> и <a href="http://rosettacode.org/wiki/#Ruby" title="#Рубин">Ruby</a> для примеров встроенных структур данных.) </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>parseSexpr</code> - это функция.
+    testString: 'assert(typeof parseSexpr === "function", "<code>parseSexpr</code> is a function.");'
+  - text: '<code>parseSexpr(&quot;(data1 data2 data3)&quot;)</code> должен возвращать [&quot;data1&quot;, &quot;data2&quot;, &quot;data3&quot;] &quot;)'
+    testString: 'assert.deepEqual(parseSexpr(simpleSExpr), simpleSolution, "<code>parseSexpr("(data1 data2 data3)")</code> should return ["data1", "data2", "data3"]");'
+  - text: '<code>parseSexpr(&#39;(data1 data2 data3)&#39;)</code> должен возвращать массив с 3 элементами &quot;)'
+    testString: 'assert.deepEqual(parseSexpr(basicSExpr), basicSolution, "<code>parseSexpr("(data1 data2 data3)")</code> should return an array with 3 elements");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function parseSexpr(str) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/sailors-coconuts-and-a-monkey-problem.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/sailors-coconuts-and-a-monkey-problem.russian.md
new file mode 100644
index 0000000000..d203ceb31c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/sailors-coconuts-and-a-monkey-problem.russian.md
@@ -0,0 +1,60 @@
+---
+title: 'Sailors, coconuts and a monkey problem'
+id: 59da22823d04c95919d46269
+challengeType: 5
+videoUrl: ''
+localeTitle: 'Моряки, кокосы и проблема обезьяны'
+---
+
+## Description
+<section id="description"><p> Пять матросов потерпели кораблекрушение на острове и собирают большую кучу кокосовых орехов в течение дня. </p><p> В эту ночь первый моряк просыпается и решает взять свою первую долю раньше, поэтому пытается разделить кучу кокосов одинаково на пять кучек, но обнаруживает, что остался один кокос, поэтому он бросает его обезьяне, а затем прячет «свою», одну из пяти одинаковых по размеру груды кокосов и подталкивает еще четыре свай вместе, чтобы снова сформировать одну видимую груду кокосов и ложиться спать. </p><p> Короче говоря, каждый из моряков, в свою очередь, встает один раз ночью и выполняет те же действия, что и разделение кокосовой кучи на пять, и обнаруживает, что один кокос оставлен и дает кокосовому кокосовому ореху обезьяне. </p><p> Утром (после тайного и раздельного действия каждого из пяти матросов в ночное время) оставшиеся кокосы делятся на пять равных свай для каждого из моряков, после чего обнаруживается, что куча кокосовых орехов одинаково делится среди моряков без остатка. (Ничего для обезьяны утром). </p><p> Задание: </p><pre> <code> Create a function that returns the the minimum possible size of the initial pile of coconuts collected during the day for N sailors.</code> </pre><p> Заметка: </p><pre> <code> Of course the tale is told in a world where the collection of any amount of coconuts in a day and multiple divisions of the pile, etc can occur in time fitting the story line, so as not to affect the mathematics.</code> </pre><p> Cf: </p><p> <a href="https://www.youtube.com/watch?v=U9qU20VmvaU" title="ссылка: https://www.youtube.com/watch?v=U9qU20VmvaU">Обезьяны и кокосы - Numberphile</a> (видео) Аналитическое решение. </p><pre> <code> &lt;a href=&quot;http://oeis.org/A002021&quot; title=&quot;link: http://oeis.org/A002021&quot;&gt;A002021 Pile of coconuts problem&lt;/a&gt; The On-Line Encyclopedia of Integer Sequences. (Although some of its references may use the alternate form of the tale).</code> </pre></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>splitCoconuts</code> - это функция.
+    testString: 'assert(typeof splitCoconuts === "function", "<code>splitCoconuts</code> is a function.");'
+  - text: <code>splitCoconuts(5)</code> должен вернуть 3121.
+    testString: 'assert(splitCoconuts(5) === 3121, "<code>splitCoconuts(5)</code> should return 3121.");'
+  - text: <code>splitCoconuts(6)</code> должен возвращать 233275.
+    testString: 'assert(splitCoconuts(6) === 233275, "<code>splitCoconuts(6)</code> should return 233275.");'
+  - text: <code>splitCoconuts(7)</code> должен вернуть 823537.
+    testString: 'assert(splitCoconuts(7) === 823537, "<code>splitCoconuts(7)</code> should return 823537.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+// noprotect
+function splitCoconuts(intSailors) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/sedols.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/sedols.russian.md
new file mode 100644
index 0000000000..42aaa560d5
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/sedols.russian.md
@@ -0,0 +1,61 @@
+---
+title: SEDOLs
+id: 59d9c6bc214c613ba73ff012
+challengeType: 5
+videoUrl: ''
+localeTitle: SEDOLs
+---
+
+## Description
+<section id="description"> Задача: <p> Для каждого списка номеров 6-значных <a href="https://en.wikipedia.org/wiki/SEDOL" title="wp: SEDOL">SEDOL</a> s вычислите и добавьте цифру контрольной суммы. </p><p> То есть, учитывая входную строку слева, ваша функция должна возвращать соответствующую строку справа: </p><pre> <code>&lt;pre&gt; 710889 =&gt; 7108899 B0YBKJ =&gt; B0YBKJ7 406566 =&gt; 4065663 B0YBLH =&gt; B0YBLH2 228276 =&gt; 2282765 B0YBKL =&gt; B0YBKL9 557910 =&gt; 5579107 B0YBKR =&gt; B0YBKR5 585284 =&gt; 5852842 B0YBKT =&gt; B0YBKT7 B00030 =&gt; B000300 &lt;/pre&gt;</code> </pre><p> Проверьте также, что каждый вход правильно сформирован, особенно в отношении допустимых символов, разрешенных в строке SEDOL. Ваша функция должна возвращать значение <code>null</code> для недопустимого ввода. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>sedol</code> - это функция.
+    testString: 'assert(typeof sedol === "function", "<code>sedol</code> is a function.");'
+  - text: '<code>sedol(&#39;a&#39;)</code> должен возвращать null. &quot;)'
+    testString: 'assert(sedol("a") === null, "<code>sedol("a")</code> should return null.");'
+  - text: '<code>sedol(&#39;710889&#39;)</code> должен возвращать &#39;7108899&#39;. &quot;)'
+    testString: 'assert(sedol("710889") === "7108899", "<code>sedol("710889")</code> should return "7108899".");'
+  - text: '<code>sedol(&#39;BOATER&#39;)</code> должен вернуть null. &quot;)'
+    testString: 'assert(sedol("BOATER") === null, "<code>sedol("BOATER")</code> should return null.");'
+  - text: '<code>sedol(&#39;228276&#39;)</code> должен вернуться &#39;2282765&#39;. &quot;)'
+    testString: 'assert(sedol("228276") === "2282765", "<code>sedol("228276")</code> should return "2282765".");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function sedol (input) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/taxicab-numbers.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/taxicab-numbers.russian.md
new file mode 100644
index 0000000000..1cc8494edf
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/taxicab-numbers.russian.md
@@ -0,0 +1,71 @@
+---
+title: Taxicab numbers
+id: 594ecc0d9a8cf816e3340187
+challengeType: 5
+videoUrl: ''
+localeTitle: Номера такси
+---
+
+## Description
+<section id="description"> Номер <a href="https://en.wikipedia.org/wiki/Hardy–Ramanujan number" title="wp: номер Харди-Рамануджана">такси</a> (определение, которое используется здесь) является положительным целым числом, которое может быть выражено как сумма двух положительных кубов более чем одним способом. Первый номер такси составляет 1729, что составляет: 1 <sup>3</sup> + 12 <sup>3</sup> и 9 <sup>3</sup> + 10 <sup>3</sup> . Номера такси также известны как: * номера такси * номера такси-такси * номера такси * номера Hardy-Ramanujan Задача: Напишите функцию, которая возвращает самые низкие номера такси. Для каждого номера такси, укажите номер, а также его составные кубы. См. Также: [http://oeis.org/A001235 A001235 номера такси) в онлайновой энциклопедии целочисленных последовательностей. <a href="http://mathworld.wolfram.com/Hardy-RamanujanNumber.html">Харди-Рамануджан</a> на MathWorld. <a href="http://mathworld.wolfram.com/TaxicabNumber.html">номер такси</a> для MathWorld. <a href="https://en.wikipedia.org/wiki/Taxicab_number">номер такси</a> в Википедии. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>taxicabNumbers</code> - это функция.
+    testString: 'assert(typeof taxicabNumbers === "function", "<code>taxicabNumbers </code> is a function.");'
+  - text: <code>taxicabNumbers</code> должны возвращать массив.
+    testString: 'assert(typeof taxicabNumbers(2) === "object", "<code>taxicabNumbers </code> should return an array.");'
+  - text: <code>taxicabNumbers</code> должен возвращать массив чисел.
+    testString: 'assert(typeof taxicabNumbers(100)[0] === "number", "<code>taxicabNumbers </code> should return an array of numbers.");'
+  - text: '<code>taxicabNumbers(4)</code> должны вернуть [1729, 4104, 13832, 20683].'
+    testString: 'assert.deepEqual(taxicabNumbers(4), res4, "<code>taxicabNumbers(4) </code> must return [1729, 4104, 13832, 20683].");'
+  - text: 'taxicabNumbers (25) должны возвращаться [1729, 4104, 13832, 20683, 32832, 39312, 40033, 46683, 64232, 65728, 110656, 110808, 134379, 149389, 165464, 171288, 195841, 216027, 216125, 262656, 314496, 320264 , 327763, 373464, 402597]'
+    testString: 'assert.deepEqual(taxicabNumbers(25), res25, "taxicabNumbers(25) should return [1729, 4104, 13832, 20683, 32832, 39312, 40033, 46683, 64232, 65728, 110656, 110808, 134379, 149389, 165464, 171288, 195841, 216027, 216125, 262656, 314496, 320264, 327763, 373464, 402597]");'
+  - text: 'taxicabNumbers (39) итоговые цифры от 20 до 29 должны быть [314496,320264,327763,373464,402597,439101,443889,513000,513856].'
+    testString: 'assert.deepEqual(taxicabNumbers(39).slice(20, 29), res39From20To29, "taxicabNumbers(39) resulting numbers from 20 - 29 should be [314496,320264,327763,373464,402597,439101,443889,513000,513856].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function taxicabNumbers (n) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/tokenize-a-string-with-escaping.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/tokenize-a-string-with-escaping.russian.md
new file mode 100644
index 0000000000..d83140dc4b
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/tokenize-a-string-with-escaping.russian.md
@@ -0,0 +1,67 @@
+---
+title: Tokenize a string with escaping
+id: 594faaab4e2a8626833e9c3d
+challengeType: 5
+videoUrl: ''
+localeTitle: Токенизировать строку с экранированием
+---
+
+## Description
+<section id="description"><p> Напишите функцию или программу, которые могут разбивать строку на каждое неэкранированное вхождение символа разделителя. </p><p> Он должен принимать три входных параметра: </p> <b>Строка</b> Символ <b>разделителя</b> Управляющий <b>символ</b> <p> Он должен вывести список строк. </p><p> Правила разделения: </p> Поля, разделенные разделителями, становятся элементами выходного списка. Пустые поля должны быть сохранены, даже в начале и в конце. <p> Правила побега: </p> «Escaped» означает, что предшествует появление escape-символа, который еще не сбежал. Когда escape-символ предшествует персонажу, который не имеет особого значения, он по-прежнему считается побегом (но не делает ничего особенного). Каждое появление escape-символа, которое использовалось для выхода из него, не должно становиться частью выхода. <p> Продемонстрируйте, что ваша функция удовлетворяет следующему тестовому сценарию: заданная строка </p><pre> один ^ | у || три ^^^^ | четыре ^^^ | ^ куатро | </pre> и использование <pre> | </pre> как разделитель и <pre> ^ </pre> как escape-символ, ваша функция должна выводить следующий массив: <p></p><pre> [&#39;one | uno&#39;, &quot;, &#39;three ^^&#39;, &#39;four ^ | quatro&#39;,&quot;]
+  </pre></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>tokenize</code> - это функция.
+    testString: 'assert(typeof tokenize === "function", "<code>tokenize</code> is a function.");'
+  - text: <code>tokenize</code> должен возвращать массив.
+    testString: 'assert(typeof tokenize("a", "b", "c") === "object", "<code>tokenize</code> should return an array.");'
+  - text: '<code>tokenize(&quot;one^|uno||three^^^^|four^^^|^cuatro|&quot;, &quot;|&quot;, &quot;^&quot;)</code> должно возвращать [&quot;one | uno&quot;, &quot;&quot;, &quot;three ^^&quot; , &quot;four ^ | cuatro&quot;, &quot;&quot;] &quot;)'
+    testString: 'assert.deepEqual(tokenize(testStr1, "|", "^"), res1, "<code>tokenize("one^|uno||three^^^^|four^^^|^cuatro|", "|", "^") </code> should return ["one|uno", "", "three^^", "four^|cuatro", ""]");'
+  - text: '<code>tokenize(&quot;a@&amp;bcd&amp;ef&amp;&amp;@@hi&quot;, &quot;&amp;&quot;, &quot;@&quot;)</code> должны возвращать <code>[&quot;a&amp;bcd&quot;, &quot;ef&quot;, &quot;&quot;, &quot;@hi&quot;]</code>'
+    testString: 'assert.deepEqual(tokenize(testStr2, "&", "@"), res2, "<code>tokenize("a@&bcd&ef&&@@hi", "&", "@")</code> should return <code>["a&bcd", "ef", "", "@hi"]</code>");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function tokenize(str, esc, sep) {
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/top-rank-per-group.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/top-rank-per-group.russian.md
new file mode 100644
index 0000000000..006eaee5ab
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/top-rank-per-group.russian.md
@@ -0,0 +1,95 @@
+---
+title: Top rank per group
+id: 595011cba5a81735713873bd
+challengeType: 5
+videoUrl: ''
+localeTitle: Высший разряд на группу
+---
+
+## Description
+<section id="description"> Задача: <p> Найдите верхние N ранжированных данных в каждой группе, где N предоставляется в качестве параметра. В качестве параметра также указывается имя ранга и группы. </p> Учитывая следующие данные: <pre> [
+  {имя: &#39;Tyler Bennett&#39;, id: &#39;E10297&#39;, зарплата: 32000, отдел: &#39;D101&#39;},
+  {name: &#39;John Rappl&#39;, id: &#39;E21437&#39;, зарплата: 47000, отдел: &#39;D050&#39;},
+  {имя: &#39;George Woltman&#39;, id: &#39;E00127&#39;, зарплата: 53500, отдел: &#39;D101&#39;},
+  {name: &#39;Adam Smith&#39;, id: &#39;E63535&#39;, зарплата: 18000, отдел: &#39;D202&#39;},
+  {имя: &#39;Claire Buckman&#39;, id: &#39;E39876&#39;, зарплата: 27800, отдел: &#39;D202&#39;},
+  {имя: &#39;David McClellan&#39;, id: &#39;E04242&#39;, зарплата: 41500, отдел: &#39;D101&#39;},
+  {name: &#39;Rich Holcomb&#39;, id: &#39;E01234&#39;, зарплата: 49500, отдел: &#39;D202&#39;},
+  {имя: &#39;Nathan Adams&#39;, id: &#39;E41298&#39;, зарплата: 21900, отдел: &#39;D050&#39;},
+  {name: &#39;Richard Potter&#39;, id: &#39;E43128&#39;, зарплата: 15900, отдел: &#39;D101&#39;},
+  {имя: &#39;David Motsinger&#39;, id: &#39;E27002&#39;, зарплата: 19250, отдел: &#39;D202&#39;},
+  {имя: &#39;Tim Sampair&#39;, id: &#39;E03033&#39;, зарплата: 27000, отдел: &#39;D101&#39;},
+  {name: &#39;Kim Arlich&#39;, id: &#39;E10001&#39;, зарплата: 57000, отдел: &#39;D190&#39;},
+  {name: &#39;Timothy Grove&#39;, id: &#39;E16398&#39;, зарплата: 29900, отдел: &#39;D190&#39;}
+];
+</pre> в каждом отделе можно было бы <code>topRankPerGroup(10, data, &#39;dept&#39;, &#39;salary&#39;)</code> лучших сотрудников, позвонив <code>topRankPerGroup(10, data, &#39;dept&#39;, &#39;salary&#39;)</code> Учитывая следующие данные: <pre> [
+  {name: &#39;Friday 13th&#39;, жанр: &#39;horror&#39;, рейтинг: 9.9},
+  {name: «Кошмар на улице Вязов», жанр: «ужас», рейтинг: 5.7},
+  {name: «Титаник», жанр: «драма», рейтинг: 7.3},
+  {name: &#39;Maze Runner&#39;, жанр: &#39;scifi&#39;, рейтинг: 7.1},
+  {name: &#39;Blade runner&#39;, жанр: &#39;scifi&#39;, рейтинг: 8.9}
+];
+</pre> можно <code>topRankPerGroup(1, data, &#39;genre&#39;, &#39;rating&#39;)</code> рейтинг фильма с самым высоким рейтингом в каждом жанре, назвав <code>topRankPerGroup(1, data, &#39;genre&#39;, &#39;rating&#39;)</code> </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>topRankPerGroup</code> - это функция.
+    testString: 'assert(typeof topRankPerGroup === "function", "<code>topRankPerGroup</code> is a function.");'
+  - text: <code>topRankPerGroup</code> возвращает undefined при отрицательных значениях n.
+    testString: 'assert(typeof topRankPerGroup(-1, []) === "undefined", "<code>topRankPerGroup</code> returns undefined on negative n values.");'
+  - text: Первый отдел должен быть D050
+    testString: 'assert.equal(res1[0][0].dept, "D050", "First department must be D050");'
+  - text: Первый отдел должен быть D050
+    testString: 'assert.equal(res1[0][1].salary, 21900, "First department must be D050");'
+  - text: Последний отдел должен быть D202
+    testString: 'assert.equal(res1[3][3].dept, "D202", "The last department must be D202");'
+  - text: '<code>topRankPerGroup(1, ...)</code> должен возвращать только результат высшего рейтинга для каждой группы.'
+    testString: 'assert.equal(res2[2].length, 1, "<code>topRankPerGroup(1, ...)</code> must return only top ranking result per group.");'
+  - text: '<code>topRankPerGroup(1, ...)</code> должен возвращать только результат высшего рейтинга для каждой группы.'
+    testString: 'assert.equal(res3[2][1].name, "Maze Runner", "<code>topRankPerGroup(1, ...)</code> must return only top ranking result per group.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function topRankPerGroup(n, data, groupName, rankName) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/topological-sort.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/topological-sort.russian.md
new file mode 100644
index 0000000000..1059176de7
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/topological-sort.russian.md
@@ -0,0 +1,84 @@
+---
+title: Topological sort
+id: 594fa2746886f41f7d8bf225
+challengeType: 5
+videoUrl: ''
+localeTitle: Топологическая сортировка
+---
+
+## Description
+<section id="description"><p> Учитывая сопоставление между элементами и элементами, на которых они зависят, <a href="https://en.wikipedia.org/wiki/Topological sorting" title="wp: топологическая сортировка">топологические</a> позиции <a href="https://en.wikipedia.org/wiki/Topological sorting" title="wp: топологическая сортировка">сортировки сортируются,</a> так что ни один элемент не предшествует элементу, от которого он зависит. </p><p> Компиляция библиотеки на языке <a href="https://en.wikipedia.org/wiki/VHDL" title="wp: VHDL">VHDL</a> имеет ограничение на то, что библиотека должна быть скомпилирована после любой библиотеки, от которой она зависит. </p> Задача: <p> Напишите функцию, которая вернет действительный порядок компиляции библиотек VHDL из их зависимостей. </p> Предположим, что имена библиотек - это одиночные слова. Пункты, упомянутые как только иждивенцы, не имеют собственных иждивенцев, но их порядок компиляции должен быть дан. Любые собственные зависимости следует игнорировать. Любые неустановимые зависимости следует игнорировать. <p> В качестве примера используйте следующие данные: </p><pre> БИБЛИОТЕЧНЫЕ БИОГРАФИЧЕСКИЕ ЗАВИСИМОСТИ
+======= =============================
+des_system_lib std synopsys std_cell_lib des_system_lib dw02 dw01 ramlib ieee
+dw01 ieee dw01 dware gtech
+dw02 ieee dw02 dware
+dw03 std synopsys dware dw03 dw02 dw01 ieee gtech
+dw04 dw04 ieee dw01 dware gtech
+dw05 dw05 ieee dware
+dw06 dw06 ieee dware
+dw07 ieee dware
+dware ieee dware
+gtech ieee gtech
+ramlib std ieee
+std_cell_lib ieee std_cell_lib
+Synopsys
+</pre><p> <small>Примечание: вышеуказанные данные были бы неустановимыми, если, например, <code>dw04</code> добавляется в список зависимостей <code>dw01</code> .</small> </p> Cf: <pre> <code>&lt;a href=&quot;http://rosettacode.org/wiki/Topological sort/Extracted top item&quot; title=&quot;Topological sort/Extracted top item&quot;&gt;Topological sort/Extracted top item&lt;/a&gt;.</code> </pre><p> Существует два популярных алгоритма топологической сортировки: </p><p> Канский топологический сорт 1962 года и поиск по глубине: <a href="https://en.wikipedia.org/wiki/Topological sorting" title="wp: топологическая сортировка">топологическая сортировка</a> </p><p> Джейсон Сакс: <a href="http://www.embeddedrelated.com/showarticle/799.php" title="ссылка: http://www.embeddedrelated.com/showarticle/799.php">«Десять небольших алгоритмов, часть 4: топологическая сортировка»</a> . </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>topologicalSort</code> функция <code>topologicalSort</code> является функцией.
+    testString: 'assert(typeof topologicalSort === "function", "<code>topologicalSort</code> is a function.");'
+  - text: <code>topologicalSort</code> должен вернуть правильный порядок библиотек.
+    testString: 'assert.deepEqual(topologicalSort(libsSimple), ["bbb", "aaa"], "<code>topologicalSort</code> must return correct library order..");'
+  - text: <code>topologicalSort</code> должен вернуть правильный порядок библиотек.
+    testString: 'assert.deepEqual(topologicalSort(libsVHDL), solutionVHDL, "<code>topologicalSort</code> must return correct library order..");'
+  - text: <code>topologicalSort</code> должен вернуть правильный порядок библиотек.
+    testString: 'assert.deepEqual(topologicalSort(libsCustom), solutionCustom, "<code>topologicalSort</code> must return correct library order..");'
+  - text: <code>topologicalSort</code> должен игнорировать неупорядоченные зависимости.
+    testString: 'assert.deepEqual(topologicalSort(libsUnorderable), solutionUnorderable, "<code>topologicalSort</code> must ignore unorderable dependencies..");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function topologicalSort(libs) {
+  // Good luck!
+  return true;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/towers-of-hanoi.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/towers-of-hanoi.russian.md
new file mode 100644
index 0000000000..76a170122c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/towers-of-hanoi.russian.md
@@ -0,0 +1,69 @@
+---
+title: Towers of Hanoi
+id: 5951ed8945deab770972ae56
+challengeType: 5
+videoUrl: ''
+localeTitle: Башни Ханоя
+---
+
+## Description
+<section id="description"> Задача: <p> Решите проблему <a href="https://en.wikipedia.org/wiki/Towers_of_Hanoi" title="wp: Towers_of_Hanoi">Башни Ханоя</a> . </p><p> Ваше решение должно принять количество дисков в качестве первых параметров и три строки, используемые для идентификации каждого из трех стеков дисков, например <code>towerOfHanoi(4, &#39;A&#39;, &#39;B&#39;, &#39;C&#39;)</code> . Функция должна возвращать массив массивов, содержащий список ходов, source -&gt; destination. Например, массив <code>[[&#39;A&#39;, &#39;C&#39;], [&#39;B&#39;, &#39;A&#39;]]</code> указывает, что 1-й ход состоял в том, чтобы переместить диск из стека A в C, а второй шаг состоял в том, чтобы переместить диск из стека B в A. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>towerOfHanoi</code> - это функция.
+    testString: 'assert(typeof towerOfHanoi === "function", "<code>towerOfHanoi</code> is a function.");'
+  - text: '<code>towerOfHanoi(3, ...)</code> должен возвращать 7 ходов.'
+    testString: 'assert(res3.length === 7, "<code>towerOfHanoi(3, ...)</code> should return 7 moves.");'
+  - text: '<code>towerOfHanoi(3, &quot;A&quot;, &quot;B&quot;, &quot;C&quot;)</code> должны возвращать [[«A», «B»], [«A», «C»], [«B», «C»], [ &quot;А&quot;, &quot;В&quot;], [ &quot;С&quot;, &quot;А&quot;], [ &quot;С&quot;, &quot;В&quot;], [ &quot;А&quot;, &quot;Б&quot;]]. &quot;)'
+    testString: 'assert.deepEqual(towerOfHanoi(3, "A", "B", "C"), res3Moves, "<code>towerOfHanoi(3, "A", "B", "C")</code> should return [["A","B"],["A","C"],["B","C"],["A","B"],["C","A"],["C","B"],["A","B"]].");'
+  - text: '<code>towerOfHanoi(5, &quot;X&quot;, &quot;Y&quot;, &quot;Z&quot;)</code> 10-й ход должен быть Y -&gt; X.'
+    testString: 'assert.deepEqual(res5[9], ["Y", "X"], "<code>towerOfHanoi(5, "X", "Y", "Z")</code> 10th move should be Y -> X.");'
+  - text: '<code>towerOfHanoi(7, &quot;A&quot;, &quot;B&quot;, &quot;C&quot;)</code> первые десять ходов - [[«А», «В»], [«А», «С»], [«В», «С»] , [ &quot;А&quot;, &quot;В&quot;], [ &quot;С&quot;, &quot;А&quot;], [ &quot;С&quot;, &quot;В&quot;], [ &quot;А&quot;, &quot;В&quot;], [ &quot;А&quot;, &quot;С&quot;] , [ &quot;В&quot;, &quot;С&quot;], [ &quot;В&quot;, &quot;А&quot;]] &quot;.)'
+    testString: 'assert.deepEqual(towerOfHanoi(7, "A", "B", "C").slice(0, 10), res7First10Moves, "<code>towerOfHanoi(7, "A", "B", "C")</code> first ten moves are [["A","B"],["A","C"],["B","C"],["A","B"],["C","A"],["C","B"],["A","B"],["A","C"],["B","C"],["B","A"]].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function towerOfHanoi (n, a, b, c) {
+  // Good luck!
+  return [[]];
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/vector-cross-product.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/vector-cross-product.russian.md
new file mode 100644
index 0000000000..ce0ae85b32
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/vector-cross-product.russian.md
@@ -0,0 +1,64 @@
+---
+title: Vector cross product
+id: 594810f028c0303b75339ad2
+challengeType: 5
+videoUrl: ''
+localeTitle: Векторный перекрестный продукт
+---
+
+## Description
+<section id="description"> Вектор определяется как имеющий три измерения как представленный упорядоченным набором из трех чисел: (X, Y, Z). <p> Задача: </p><pre> <code>Write a function that takes two vectors (arrays) as input and computes their cross product.</code> </pre><p> Ваша функция должна возвращать значение <code>null</code> на недопустимые входы (т. Е. Векторы разной длины). </p><p></p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: dotProduct должен быть функцией
+    testString: 'assert.equal(typeof crossProduct, "function", "dotProduct must be a function");'
+  - text: dotProduct () должен возвращать значение null
+    testString: 'assert.equal(crossProduct(), null, "dotProduct() must return null");'
+  - text: 'crossProduct ([1, 2, 3], [4, 5, 6]) должен вернуться [-3, 6, -3].'
+    testString: 'assert.deepEqual(res12, exp12, "crossProduct([1, 2, 3], [4, 5, 6]) must return [-3, 6, -3].");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function crossProduct() {
+    // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/vector-dot-product.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/vector-dot-product.russian.md
new file mode 100644
index 0000000000..f77e1888fe
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/vector-dot-product.russian.md
@@ -0,0 +1,62 @@
+---
+title: Vector dot product
+id: 594810f028c0303b75339ad3
+challengeType: 5
+videoUrl: ''
+localeTitle: Векторный точечный продукт
+---
+
+## Description
+<section id="description"><p> Вектор определяется как имеющий три измерения как представленный упорядоченным набором из трех чисел: (X, Y, Z). </p><p> Задача: </p><pre> <code>Write a function that takes any numbers of vectors (arrays) as input and computes their dot product.</code> </pre><p> Ваша функция должна возвращать значение <code>null</code> на недопустимые входы (т. Е. Векторы разной длины). </p><p></p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: dotProduct должен быть функцией
+    testString: 'assert.equal(typeof dotProduct, "function", "dotProduct must be a function");'
+  - text: dotProduct () должен возвращать значение null
+    testString: 'assert.equal(dotProduct(), null, "dotProduct() must return null");'
+  - text: 'dotProduct ([[1], [1]]) должен возвращать 1.'
+    testString: 'assert.equal(dotProduct([1], [1]), 1, "dotProduct([[1], [1]]) must return 1.");'
+  - text: 'dotProduct ([[1], [1, 2]]) должен возвращать null.'
+    testString: 'assert.equal(dotProduct([1], [1, 2]), null, "dotProduct([[1], [1, 2]]) must return null.");'
+  - text: 'dotProduct ([1, 3, -5], [4, -2, -1]) должен вернуть 3.'
+    testString: 'assert.equal(dotProduct([1, 3, -5], [4, -2, -1]), 3, "dotProduct([1, 3, -5], [4, -2, -1]) must return 3.");'
+  - text: <code>dotProduct(...nVectors)</code> должен возвращать 156000
+    testString: 'assert.equal(dotProduct([ 0, 1, 2, 3, 4 ], [ 0, 2, 4, 6, 8 ], [ 0, 3, 6, 9, 12 ], [ 0, 4, 8, 12, 16 ], [ 0, 5, 10, 15, 20 ]), 156000, "<code>dotProduct(...nVectors)</code> should return 156000");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function dotProduct() {
+    // Good luck!
+}
+
+```
+
+</div>
+
+
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/word-wrap.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/word-wrap.russian.md
new file mode 100644
index 0000000000..1a75782628
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/word-wrap.russian.md
@@ -0,0 +1,78 @@
+---
+title: Word wrap
+id: 594810f028c0303b75339ad4
+challengeType: 5
+videoUrl: ''
+localeTitle: Перенос слова
+---
+
+## Description
+<section id="description"><p> Даже сегодня, с пропорциональными шрифтами и сложными макетами, все еще есть случаи, когда вам нужно обернуть текст в указанном столбце. Основная задача - обтекание абзаца текста простым способом. Пример текста: </p><pre> Оберните текст, используя более сложный алгоритм, такой как алгоритм Knuth и Plass TeX.
+Если ваш язык предоставляет это, вы получаете легкий дополнительный кредит,
+но вы «должны ссылаться на документацию», указывая на то, что алгоритм
+что-то лучше, чем простой алгоритм минимальной длины.
+</pre><p> Задача: </p><pre> <code>Write a function that can wrap this text to any number of characters.</code> </pre><p> Например, текст, состоящий из 80 символов, должен выглядеть следующим образом: </p><p></p><pre> Оберните текст, используя более сложный алгоритм, такой как Knuth и Plass TeX
+алгоритм. Если ваш язык предоставляет это, вы получаете легкий дополнительный кредит, но вы
+должен ссылаться на документацию, указывающую, что алгоритм лучше чем
+чем простой алгоритм минимальной длины.
+</pre></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: wrap должна быть функцией.
+    testString: 'assert.equal(typeof wrap, "function", "wrap must be a function.");'
+  - text: wrap должен возвращать строку.
+    testString: 'assert.equal(typeof wrap("abc", 10), "string", "wrap must return a string.");'
+  - text: wrap (80) должен возвращать 4 строки.
+    testString: 'assert(wrapped80.split("\n").length === 4, "wrap(80) must return 4 lines.");'
+  - text: Функция <code>wrap</code> должна возвращать ожидаемый текст
+    testString: 'assert.equal(wrapped80.split("\n")[0], firstRow80, "Your <code>wrap</code> function should return our expected text");'
+  - text: wrap (42) должен возвращать 7 строк.
+    testString: 'assert(wrapped42.split("\n").length === 7, "wrap(42) must return 7 lines.");'
+  - text: Функция <code>wrap</code> должна возвращать ожидаемый текст
+    testString: 'assert.equal(wrapped42.split("\n")[0], firstRow42, "Your <code>wrap</code> function should return our expected text");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function wrap (text, limit) {
+  return text;
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/y-combinator.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/y-combinator.russian.md
new file mode 100644
index 0000000000..5069b3519c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/y-combinator.russian.md
@@ -0,0 +1,78 @@
+---
+title: Y combinator
+id: 594810f028c0303b75339ad5
+challengeType: 5
+videoUrl: ''
+localeTitle: И комбинатор
+---
+
+## Description
+<section id="description"><p> В строгом <a href="https://en.wikipedia.org/wiki/Functional programming" title="wp: функциональное программирование">функциональном программировании</a> и <a href="https://en.wikipedia.org/wiki/lambda calculus" title="wp: лямбда-исчисление">исчислении лямбда</a> функции (лямбда-выражения) не имеют состояния и могут быть разрешены только к аргументам включенных функций. Это исключает обычное определение рекурсивной функции, в которой функция связана с состоянием переменной, и состояние этой переменной используется в теле функции. </p><p> <a href="http://mvanier.livejournal.com/2897.html">Комбинатор Y</a> сам по себе является функцией без состояния, которая при применении к другой функции без сохранения возвращает рекурсивную версию функции. Комбинатор Y является простейшим из класса таких функций, называемых <a href="https://en.wikipedia.org/wiki/Fixed-point combinator" title="wp: комбинатор с фиксированной запятой">комбинаторами с фиксированной запятой</a> . </p> Задача: <pre> <code>Define the stateless Y combinator function and use it to compute &lt;a href=&quot;https://en.wikipedia.org/wiki/Factorial&quot; title=&quot;wp: factorial&quot;&gt;factorial&lt;/a&gt;.</code> </pre><p> Функция <code>factorial(N)</code> уже предоставлена ​​вам. См. Также <a href="http://vimeo.com/45140590">Джим Вейрих: Приключения в функциональном программировании</a> . </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: Y должен возвращать функцию
+    testString: 'assert.equal(typeof Y(f => n => n), "function", "Y must return a function");'
+  - text: factorial (1) должен возвращать 1.
+    testString: 'assert.equal(factorial(1), 1, "factorial(1) must return 1.");'
+  - text: factorial (2) должен вернуть 2.
+    testString: 'assert.equal(factorial(2), 2, "factorial(2) must return 2.");'
+  - text: факториал (3) должен возвращать 6.
+    testString: 'assert.equal(factorial(3), 6, "factorial(3) must return 6.");'
+  - text: факториал (4) должен возвращать 24.
+    testString: 'assert.equal(factorial(4), 24, "factorial(4) must return 24.");'
+  - text: factorial (10) должен вернуть 3628800.
+    testString: 'assert.equal(factorial(10), 3628800, "factorial(10) must return 3628800.");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function Y(f) {
+  return function() {
+  // Good luck!
+  };
+}
+
+var factorial = Y(function(f) {
+  return function (n) {
+    return n > 1 ? n * f(n - 1) : 1;
+  };
+});
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/zeckendorf-number-representation.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/zeckendorf-number-representation.russian.md
new file mode 100644
index 0000000000..0564beb5fa
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/zeckendorf-number-representation.russian.md
@@ -0,0 +1,62 @@
+---
+title: Zeckendorf number representation
+id: 594810f028c0303b75339ad6
+challengeType: 5
+videoUrl: ''
+localeTitle: Отметить номер деревни
+---
+
+## Description
+<section id="description"><p> Подобно тому, как числа могут быть представлены в позиционной нотации как суммы кратных степеням десяти (десятичных) или двух (двоичных); все положительные целые числа могут быть представлены в виде суммы одного или нулевого числа отдельных членов ряда Фибоначчи. </p><p> Напомним, что первые шесть различных чисел Фибоначчи: <code>1, 2, 3, 5, 8, 13</code> . Десятичное число одиннадцать может быть записано как <code>0*13 + 1*8 + 0*5 + 1*3 + 0*2 + 0*1</code> или <code>010100</code> в позиционной нотации, где столбцы представляют собой умножение на определенный член последовательности. Ведущие нули отбрасываются так, что 11 десятичных знаков становятся <code>10100</code> . </p><p> 10100 - не единственный способ сделать 11 из чисел Фибоначчи, однако <code>0*13 + 1*8 + 0*5 + 0*3 + 1*2 + 1*1</code> или 010011 также будет представлять десятичную 11. Для истинного числа Зеекендорфа существует дополнительное ограничение, что «нельзя использовать два последовательных числа Фибоначчи», что приводит к первому уникальному решению. </p><p> Задача: Напишите функцию, которая генерирует и возвращает массив первых чисел N Zeckendorf по порядку. </p></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: zeckendorf должен функционировать
+    testString: 'assert.equal(typeof zeckendorf, "function", "zeckendorf must be function");'
+  - text: Ваша функция <code>zeckendorf</code> должна вернуть правильный ответ
+    testString: 'assert.deepEqual(answer, solution20, "Your <code>zeckendorf</code> function should return the correct answer");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function zeckendorf(n) {
+  // good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/zhang-suen-thinning-algorithm.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/zhang-suen-thinning-algorithm.russian.md
new file mode 100644
index 0000000000..71e22c55a7
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/zhang-suen-thinning-algorithm.russian.md
@@ -0,0 +1,136 @@
+---
+title: Zhang-Suen thinning algorithm
+id: 594810f028c0303b75339ad7
+challengeType: 5
+videoUrl: ''
+localeTitle: Алгоритм прореживания Чжан-Суен
+---
+
+## Description
+<section id="description"> Это алгоритм, используемый для тонкого черно-белого изображения, т.е. одного бита на пиксель. Например, с входным изображением: <pre> ###############################
+ #####################################
+ #########################################################################
+ ######## ############################
+   ###### ####### ####### ######
+   ###### ####### #######
+   #########################
+   ########################
+   #########################
+   ###### ####### #######
+   ###### ####### #######
+   ###### ####### ####### ######
+ ######## ############################
+ ######## ##################################################################################
+ ############### #############################
+ ######## ####### ###########################
+                                                           </pre> Он производит утонченный выход: <pre>
+<pre> <code># ########## ####### ## # #### # # # ## # # # # # # # # # ############ # # # # # # # # # # # # # # ## # ############ ### ### &lt;/pre&gt;</code> </pre>
+<h2> Алгоритм </h2>
+Предположим, что черные пиксели имеют один и белый пиксели нуль, а входное изображение представляет собой прямоугольный массив N по M из единиц и нулей.
+Алгоритм работает со всеми черными пикселями P1, которые могут иметь восемь соседей. Соседи упорядочены как:
+<table border="1">
+  <tbody><tr><td> P9 </td><td> P2 </td><td> P3 </td></tr>
+  <tr><td> P8 </td><td> <b>P1</b> </td><td> P4 </td></tr>
+  <tr><td> P7 </td><td> P6 </td><td> P5 </td></tr>
+</tbody></table>
+Очевидно, что граничные пиксели изображения не могут иметь всех восьми соседей.
+<pre> <code>Define $A(P1)$ = the number of transitions from white to black, (0 -&gt; 1) in the sequence P2,P3,P4,P5,P6,P7,P8,P9,P2. (Note the extra P2 at the end - it is circular). Define $B(P1)$ = the number of black pixel neighbours of P1. ( = sum(P2 .. P9) )</code> </pre>
+<h3> Шаг 1: </h3>
+Все пиксели тестируются, и пиксели, удовлетворяющие всем следующим условиям (одновременно), просто отмечены на этом этапе.
+  (0) пиксель черный и имеет восемь соседей
+  (1) $ 2 &lt;= B (P1) &lt;= 6 $
+  (2) $ A (P1) = 1 $
+  (3) По крайней мере один из P2 и P4 и P6 является белым
+  (4) По крайней мере один из P4 и P6 и P8 является белым
+После повторения изображения и сбора всех пикселей, удовлетворяющих всем условиям шага 1, все эти условия, удовлетворяющие пикселям, устанавливаются в белый цвет.
+<h3> Шаг 2: </h3>
+Все пиксели снова протестированы, и пиксели, удовлетворяющие всем следующим условиям, просто отмечены на этом этапе.
+  (0) пиксель черный и имеет восемь соседей
+  (1) $ 2 &lt;= B (P1) &lt;= 6 $
+  (2) $ A (P1) = 1 $
+  (3) По меньшей мере один из P2 и P4 и «P8» является белым
+  (4) По крайней мере один из «P2» и P6 и P8 является белым
+После повторения изображения и сбора всех пикселей, удовлетворяющих всем условиям шага 2, все эти условия, удовлетворяющие пикселям, снова устанавливаются в белый цвет.
+Итерация:
+Если в этом раунде любого шага 1 или шага 2 были установлены какие-либо пиксели, все этапы повторяются до тех пор, пока пиксели изображения не будут изменены.
+<p>
+Задача:
+Напишите рутину, чтобы прореживать Чжан-Суен на матрице изображений единиц и нулей.
+</p>
+</pre></section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: <code>thinImage</code> должна быть функцией
+    testString: 'assert.equal(typeof thinImage, "function", "<code>thinImage</code> must be a function");'
+  - text: <code>thinImage</code> должен возвращать массив
+    testString: 'assert(Array.isArray(result), "<code>thinImage</code> must return an array");'
+  - text: <code>thinImage</code> должен возвращать массив строк
+    testString: 'assert.equal(typeof result[0], "string", "<code>thinImage</code> must return an array of strings");'
+  - text: <code>thinImage</code> должен возвращать массив строк
+    testString: 'assert.deepEqual(result, expected, "<code>thinImage</code> must return an array of strings");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+const testImage = [
+  '                                                          ',
+  ' #################                   #############        ',
+  ' ##################               ################        ',
+  ' ###################            ##################        ',
+  ' ########     #######          ###################        ',
+  '   ######     #######         #######       ######        ',
+  '   ######     #######        #######                      ',
+  '   #################         #######                      ',
+  '   ################          #######                      ',
+  '   #################         #######                      ',
+  '   ######     #######        #######                      ',
+  '   ######     #######        #######                      ',
+  '   ######     #######         #######       ######        ',
+  ' ########     #######          ###################        ',
+  ' ########     ####### ######    ################## ###### ',
+  ' ########     ####### ######      ################ ###### ',
+  ' ########     ####### ######         ############# ###### ',
+  '                                                          '];
+
+function thinImage(image) {
+  // Good luck!
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/zig-zag-matrix.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/zig-zag-matrix.russian.md
new file mode 100644
index 0000000000..1eed77246f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/rosetta-code/zig-zag-matrix.russian.md
@@ -0,0 +1,76 @@
+---
+title: Zig-zag matrix
+id: 594810f028c0303b75339ad8
+challengeType: 5
+videoUrl: ''
+localeTitle: Зигзагообразная матрица
+---
+
+## Description
+<section id="description"> Массив «зиг-зага» квадратное расположение первого $ N ^ 2 $, где целых число увеличения последовательно , как вы зигзагообразный вдоль массива <a href="https://en.wiktionary.org/wiki/antidiagonal">анти-диагоналей</a> . Например, с учетом «5», создайте этот массив: <pre> 0 1 5 6 14
+ 2 4 7 13 15
+ 3 8 12 16 21
+ 9 11 17 20 22
+10 18 19 23 24
+</pre> Напишите функцию, которая принимает размер матрицы зигзага, и возвращает соответствующую матрицу в виде двумерного массива. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ZigZagMatrix должна быть функцией
+    testString: 'assert.equal(typeof ZigZagMatrix, "function", "ZigZagMatrix must be a function");'
+  - text: ZigZagMatrix должен возвращать массив
+    testString: 'assert.equal(typeof ZigZagMatrix(1), "object", "ZigZagMatrix should return array");'
+  - text: ZigZagMatrix должен возвращать массив массивов гнезд
+    testString: 'assert.equal(typeof ZigZagMatrix(1)[0], "object", "ZigZagMatrix should return an array of nestes arrays");'
+  - text: 'ZigZagMatrix (1) должен возвращать [[0]]'
+    testString: 'assert.deepEqual(ZigZagMatrix(1), zm1, "ZigZagMatrix(1) should return [[0]]");'
+  - text: 'ZigZagMatrix (2) должен возвращать [[0, 1], [2, 3]]'
+    testString: 'assert.deepEqual(ZigZagMatrix(2), zm2, "ZigZagMatrix(2) should return [[0, 1], [2, 3]]");'
+  - text: ZigZagMatrix (5) должен возвращать заданную матрицу
+    testString: 'assert.deepEqual(ZigZagMatrix(5), zm5, "ZigZagMatrix(5) must return specified matrix");'
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+<div id='js-seed'>
+
+```js
+function ZigZagMatrix(n) {
+  // Good luck!
+  return [[], []];
+}
+
+```
+
+</div>
+
+
+### After Test
+<div id='js-teardown'>
+
+```js
+console.info('after the test');
+```
+
+</div>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.russian.md
new file mode 100644
index 0000000000..66d71f1f45
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7156d8c242eddfaeb5bd13
+title: Build a Camper Leaderboard
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: Построить лидера
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/eZGMjp/" target="_blank">https://codepen.io/freeCodeCamp/full/eZGMjp/</a> . Выполняйте приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> . Используйте любые библиотеки или API, которые вам нужны. Дайте ему свой личный стиль. <strong>История пользователя:</strong> я вижу таблицу отдыхающих, которые за последние 30 дней заработали самые модные очки. <strong>История пользователя:</strong> я могу видеть, сколько очков заработанных заработало за последние 30 дней, и сколько их заработало. <strong>User Story:</strong> Я могу переключаться между сортировкой списка по количеству очков, которые они заработали за последние 30 дней, и по количеству очков, которые они заработали. <strong>Подсказка.</strong> Чтобы получить 100 лучших игроков в течение последних 30 дней: <a href="https://fcctop100.herokuapp.com/api/fccusers/top/recent" target="_blank">https://fcctop100.herokuapp.com/api/fccusers/top/recent</a> . <strong>Подсказка.</strong> Чтобы получить 100 лучших игроков за все время: <a href="https://fcctop100.herokuapp.com/api/fccusers/top/alltime" target="_blank">https://fcctop100.herokuapp.com/api/fccusers/top/alltime</a> . Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Когда вы закончите, нажмите кнопку «Я закончил эту задачу» и включите ссылку на вашу CodePen. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-light-bright-app.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-light-bright-app.russian.md
new file mode 100644
index 0000000000..58208c0b92
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-light-bright-app.russian.md
@@ -0,0 +1,38 @@
+---
+id: 5a5d02bd919fcf9ca8cf46cb
+title: Build a Light-Bright App
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: Создайте приложение Light-Bright
+---
+
+## Description
+<section id="description"> <strong>Цель.</strong> Создайте приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/eyLYXE" target="_blank">https://codepen.io/freeCodeCamp/full/eyLYXE</a> . <strong>Правило №1:</strong> Не смотрите на код примера проекта. Подумайте сами. <strong>Правило № 2:</strong> выполните приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> . Используйте любые библиотеки или API, которые вам нужны. Дайте ему свой личный стиль. <strong>User Story:</strong> Я могу щелкнуть или перетащить курсор мыши, чтобы покрасить круги. <strong>User Story:</strong> Я могу дважды щелкнуть по цветному кругу, чтобы удалить цвет. <strong>User Story:</strong> Я могу щелкнуть по цветному кругу, чтобы изменить его цвет. <strong>User Story:</strong> Я должен получить круг разного цвета при каждом нажатии. <strong>User Story:</strong> Я могу нажать кнопку «Сброс», чтобы удалить последний цвет. <strong>User Story:</strong> Я могу нажать кнопку «Сбросить все», чтобы удалить все цвета из кругов. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Когда вы закончите, нажмите кнопку «Я закончил эту задачу» и включите ссылку на вашу CodePen. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.russian.md
new file mode 100644
index 0000000000..b3d0cbcde2
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c443eddfaeb5bdff
+title: Build a Nightlife Coordination App
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: Создайте приложение для координации ночной жизни
+---
+
+## Description
+<section id="description"> <strong>Цель.</strong> Построить полное приложение JavaScript для стека, которое функционально похоже на это: <a href="http://whatsgoinontonight.herokuapp.com/" target="_blank">http://whatsgoinontonight.herokuapp.com/</a> и развернуть его в Heroku. Обратите внимание, что для каждого проекта вам необходимо создать новый репозиторий GitHub и новый проект Heroku. Если вы не можете вспомнить, как это сделать, перейдите на страницу <a href="/challenges/get-set-for-our-dynamic-web-application-projects">https://freecodecamp.com/challenges/get-set-for-our-dynamic-web-application-projects</a> . Вот конкретные истории пользователей, которые вы должны реализовать для этого проекта: <strong>User Story:</strong> как пользователь, не прошедший проверку, я могу просмотреть все бары в своей области. <strong>User Story:</strong> Как аутентифицированный пользователь, я могу добавить себя в бар, чтобы указать, что я собираюсь туда сегодня вечером. <strong>User Story:</strong> Как аутентифицированный пользователь, я могу удалить себя из бара, если я больше не хочу туда идти. <strong>User Story:</strong> Как пользователь, не прошедший проверку подлинности, когда я вхожу в систему, мне больше не нужно искать. <strong>Подсказка:</strong> попробуйте использовать <a href="https://www.yelp.com/developers/documentation/v2/overview" target="_blank">Yelp API</a> для поиска мест в городах, в которых ваши пользователи ищут. Если вы используете API Yelp, обязательно укажите это в своем приложении. После того, как вы закончите реализацию этих историй пользователей, нажмите кнопку «Я завершил эту задачу» и введите URL-адреса как для вашего репозитория GitHub, так и для вашего живого приложения, работающего на Heroku. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-pinterest-clone.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-pinterest-clone.russian.md
new file mode 100644
index 0000000000..a5e2e133a0
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-pinterest-clone.russian.md
@@ -0,0 +1,37 @@
+---
+id: bd7158d8c443eddfaeb5bdee
+title: Build a Pinterest Clone
+challengeType: 4
+videoUrl: ''
+localeTitle: Создайте клон Pinterest
+---
+
+## Description
+<section id="description"> <strong>Цель.</strong> Создайте приложение <a href="https://glitch.com" target="_blank">Glitch</a> , функционально похожее на это: <a href="https://wild-song.glitch.me/" target="_blank">https://wild-song.glitch.me</a> . Выполняйте приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> . Используйте любые библиотеки или API, которые вам нужны. Дайте ему свой личный стиль. <strong>User Story:</strong> как пользователь, не прошедший проверку, я могу войти в систему с GitHub. <strong>User Story:</strong> как аутентифицированный пользователь, я могу ссылаться на изображения. <strong>User Story:</strong> как аутентифицированный пользователь, я могу удалить изображения, с которыми я связан. <strong>User Story:</strong> Как аутентифицированный пользователь, я вижу стену в стиле Pinterest всех изображений, с которыми я связан. <strong>User Story:</strong> как пользователь, не прошедший проверку, я могу просматривать стены других пользователей. <strong>User Story:</strong> как пользователь, прошедший проверку подлинности, если я загружу изображение, которое сломано, оно будет заменено образ-заполнителем. (может использовать обнаружение сломанного изображения jQuery) <strong>Подсказка:</strong> <a href="http://masonry.desandro.com/" target="_blank">Masonry.js</a> - это библиотека, которая позволяет создавать сетки изображений в стиле Pinterest. После того, как вы закончите реализацию этих историй пользователей, нажмите кнопку «Я завершил эту задачу» и введите URL-адреса как для вашего репозитория GitHub, так и для вашего живого приложения, работающего на Heroku. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-pong-game.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-pong-game.russian.md
new file mode 100644
index 0000000000..d6f3fe9653
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-pong-game.russian.md
@@ -0,0 +1,38 @@
+---
+id: 5a4b7fcdb66f799f199e11db
+title: Build a Pong Game
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: Построить игру в понг
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/satyamdev/full/pdMmBp" target="_blank">https://codepen.io/satyamdev/full/pdMmBp</a> . <strong>Правило №1:</strong> Не смотрите на код примера проекта. Подумайте сами. <strong>Правило № 2:</strong> выполните приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> . Используйте любые библиотеки или API, которые вам нужны. Дайте ему свой личный стиль. <strong>User Story:</strong> Я могу управлять веслом. <strong>User Story:</strong> компьютер может управлять другим веслом. <strong>История пользователя:</strong> весло компьютера является непревзойденным. Он никогда не должен пропустить мяч. <strong>User Story:</strong> Игра отслеживает счет игрока и компьютера. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Когда вы закончите, нажмите кнопку «Я закончил эту задачу» и включите ссылку на вашу CodePen. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-recipe-box.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-recipe-box.russian.md
new file mode 100644
index 0000000000..88efdce6a9
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-recipe-box.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7155d8c242eddfaeb5bd13
+title: Build a Recipe Box
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: Создайте рецепт
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/dNVazZ/" target="_blank">https://codepen.io/freeCodeCamp/full/dNVazZ/</a> . Выполняйте приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> . Используйте любые библиотеки или API, которые вам нужны. Дайте ему свой личный стиль. <strong>User Story:</strong> Я могу создавать рецепты с именами и ингредиентами. <strong>User Story:</strong> Я вижу индексный вид, в котором видны имена всех рецептов. <strong>User Story:</strong> Я могу щелкнуть любой из этих рецептов, чтобы просмотреть его. <strong>User Story:</strong> Я могу редактировать эти рецепты. <strong>User Story:</strong> Я могу удалить эти рецепты. <strong>User Story:</strong> все новые рецепты, которые я добавляю, сохраняются в локальном хранилище моего браузера. Если я обновляю страницу, эти рецепты все равно будут там. <strong>Подсказка:</strong> вы должны префикс локальных ключей хранения на CodePen, то есть <code>_username_recipes</code> забудьте использовать <a href="//github.com/FreeCodeCamp/freecodecamp/wiki/FreeCodeCamp-Get-Help" target="_blank">Read-Search-Ask,</a> если вы застряли. Когда вы закончите, нажмите кнопку «Я закончил эту задачу» и включите ссылку на вашу CodePen. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.russian.md
new file mode 100644
index 0000000000..da74bf2c45
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7153d8c242eddfaeb5bd13
+title: Build a Roguelike Dungeon Crawler Game
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: Постройте игру робота Roguelike Dungeon
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/apLXEJ/" target="_blank">https://codepen.io/freeCodeCamp/full/apLXEJ/</a> . Выполняйте приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> . Используйте любые библиотеки или API, которые вам нужны. Дайте ему свой личный стиль. <strong>История пользователя: у</strong> меня есть здоровье, уровень и оружие. Я могу взять лучшее оружие. Я могу забрать предметы здоровья. <strong>История пользователя:</strong> все предметы и враги на карте упорядочены случайным образом. <strong>User Story:</strong> Я могу перемещаться по карте, открывая предметы. <strong>User Story:</strong> Я могу перемещаться в любом месте границ карты, но я не могу двигаться через врага, пока не избил его. <strong>User Story:</strong> Большая часть карты скрыта. Когда я делаю шаг, раскрываются все пробелы, которые находятся в определенном количестве пробелов от меня. <strong>История пользователя:</strong> когда я избиваю врага, враг уходит, и я получаю XP, что в конечном итоге увеличивает мой уровень. <strong>История пользователя:</strong> Когда я сражаюсь с врагом, мы по очереди наносим вред друг другу, пока один из нас не теряет. Я наношу урон, исходя из своего уровня и своего оружия. Враг наносит урон, исходя из своего уровня. Урон несколько случайный в пределах диапазона. <strong>История пользователя:</strong> Когда я нахожу и избиваю босса, я побеждаю. <strong>История пользователя:</strong> игра должна быть сложной, но теоретически выигрышной. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Когда вы закончите, нажмите кнопку «Я закончил эту задачу» и включите ссылку на вашу CodePen. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-simon-game.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-simon-game.russian.md
new file mode 100644
index 0000000000..deb8edbedb
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-simon-game.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd1c
+title: Build a Simon Game
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: Постройте игру Simon
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/Em-Ant/full/QbRyqq/" target="_blank">https://codepen.io/freeCodeCamp/full/obYBjE</a> . Выполняйте приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> . Используйте любые библиотеки или API, которые вам нужны. Дайте ему свой личный стиль. <strong>User Story:</strong> Мне представлена ​​случайная серия кнопочных прессов. <strong>User Story:</strong> каждый раз, когда я нажимаю кнопку серии, я вижу ту же серию нажатий кнопок, но с дополнительным шагом. <strong>User Story:</strong> Я слышу звук, соответствующий каждой кнопке, как при нажатии серии нажатий, так и при нажатии кнопки. <strong>User Story:</strong> Если я нажимаю неправильную кнопку, меня уведомляют, что я сделал это, и эта серия нажатий на кнопки снова начинается, чтобы напомнить мне о шаблоне, поэтому я могу попробовать еще раз. <strong>User Story:</strong> Я вижу, сколько шагов в текущей серии нажатий кнопок. <strong>User Story:</strong> Если я хочу перезапустить, я могу нажать кнопку, чтобы сделать это, и игра вернется на один шаг. <strong>User Story:</strong> Я могу играть в строгом режиме, если, если я нажимаю кнопку, неправильно, она уведомляет меня о том, что я сделал это, и игра перезапускается при новой случайной серии нажатий на кнопки. <strong>История пользователя:</strong> я могу выиграть игру, выполнив последовательность из 20 шагов. Меня уведомляют о моей победе, затем игра начинается. <strong>Подсказка.</strong> Вот mp3, которые вы можете использовать для каждой кнопки: <code>https://s3.amazonaws.com/freecodecamp/simonSound1.mp3</code> , <code>https://s3.amazonaws.com/freecodecamp/simonSound2.mp3</code> , <code>https://s3.amazonaws.com/freecodecamp/simonSound3.mp3</code> , <code>https://s3.amazonaws.com/freecodecamp/simonSound4.mp3</code> . Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Когда вы закончите, нажмите кнопку «Я закончил эту задачу» и включите ссылку на вашу CodePen. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.russian.md
new file mode 100644
index 0000000000..a1701f260f
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eedfaeb5bd1c
+title: Build a Tic Tac Toe Game
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: Постройте игру Tic Tac Toe
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/KzXQgy/" target="_blank">https://codepen.io/freeCodeCamp/full/KzXQgy/</a> . Выполняйте приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> . Используйте любые библиотеки или API, которые вам нужны. Дайте ему свой личный стиль. <strong>User Story:</strong> Я могу играть в игру Tic Tac Toe с компьютером. <strong>User Story:</strong> Моя игра будет сброшена, как только она закончится, и я смогу снова сыграть. <strong>User Story:</strong> Я могу выбрать, хочу ли я играть как X или O. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Когда вы закончите, нажмите кнопку «Я закончил эту задачу» и включите ссылку на вашу CodePen. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-voting-app.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-voting-app.russian.md
new file mode 100644
index 0000000000..34c2466b30
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-voting-app.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c443eddfaeb5bdef
+title: Build a Voting App
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: Создайте приложение для голосования
+---
+
+## Description
+<section id="description"> <strong>Цель.</strong> Построить полное приложение JavaScript с полным стеклом, которое функционально похоже на это: <a href="https://fcc-voting-arthow4n.herokuapp.com/" target="_blank">https://fcc-voting-arthow4n.herokuapp.com/</a> и развернуть его в Heroku. Обратите внимание, что для каждого проекта вам необходимо создать новый репозиторий GitHub и новый проект Heroku. Если вы не можете вспомнить, как это сделать, перейдите на страницу <a href="/challenges/get-set-for-our-dynamic-web-application-projects">https://freecodecamp.com/challenges/get-set-for-our-dynamic-web-application-projects</a> . Вот конкретные истории пользователей, которые вы должны реализовать для этого проекта: <strong>User Story:</strong> как аутентифицированный пользователь, я могу продолжить опросы и вернуться позже, чтобы получить к ним доступ. <strong>User Story:</strong> Как аутентифицированный пользователь, я могу поделиться своими опросами с моими друзьями. <strong>User Story:</strong> как пользователь, прошедший проверку подлинности, я могу видеть совокупные результаты моих опросов. <strong>User Story:</strong> как пользователь, прошедший проверку подлинности, я могу удалить опросы, которые я решил, что больше не хочу. <strong>User Story:</strong> как аутентифицированный пользователь, я могу создать опрос с любым количеством возможных элементов. <strong>User Story:</strong> как пользователь, не прошедший проверку подлинности или аутентифицированный, я могу видеть и голосовать на всеобщих опросах. <strong>User Story:</strong> как пользователь, не прошедший проверку подлинности или аутентифицированный, я могу видеть результаты опросов в форме диаграммы. (Это может быть реализовано с использованием Chart.js или Google Charts.) <strong>User Story:</strong> Как аутентифицированный пользователь, если мне не нравятся параметры в опросе, я могу создать новый вариант. После того, как вы закончите реализацию этих историй пользователей, нажмите кнопку «Я завершил эту задачу» и введите URL-адреса как для вашего репозитория GitHub, так и для вашего живого приложения, работающего на Heroku. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.russian.md
new file mode 100644
index 0000000000..f265b194a6
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd19
+title: Build a Wikipedia Viewer
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: Построить средство просмотра Wikipedia
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/wGqEga/" target="_blank">https://codepen.io/freeCodeCamp/full/wGqEga/</a> . Выполняйте приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> . Используйте любые библиотеки или API, которые вам нужны. Дайте ему свой личный стиль. <strong>User Story:</strong> я могу искать записи в Википедии в окне поиска и просматривать полученные записи в Википедии. <strong>User Story:</strong> Я могу нажать кнопку, чтобы увидеть случайную запись в Википедии. <span class="text-info">Подсказка №1:</span> Вот URL, который вы можете использовать для получения случайной статьи в Википедии: <code>https://en.wikipedia.org/wiki/Special:Random</code> . <span class="text-info">Подсказка # 2:</span> вот запись об использовании API Википедии: <code>https://www.mediawiki.org/wiki/API:Main_page</code> . <span class="text-info">Подсказка №3:</span> Используйте эту <a href="https://en.wikipedia.org/wiki/Special:ApiSandbox#action=query&#x26;titles=Main%20Page&#x26;prop=revisions&#x26;rvprop=content&#x26;format=jsonfm" target="_blank">ссылку,</a> чтобы поэкспериментировать с API Википедии. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Когда вы закончите, нажмите кнопку «Я закончил эту задачу» и включите ссылку на вашу CodePen. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-an-image-search-abstraction-layer.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-an-image-search-abstraction-layer.russian.md
new file mode 100644
index 0000000000..ec761a6614
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-an-image-search-abstraction-layer.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c443edefaeb5bdee
+title: Build an Image Search Abstraction Layer
+isRequired: true
+challengeType: 4
+videoUrl: ''
+localeTitle: Постройте слой абстракции изображения
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать полноценное приложение JavaScript для стека, которое позволяет искать изображения, подобные этому: <a href="https://cryptic-ridge-9197.herokuapp.com/api/imagesearch/lolcats%20funny?offset=10" target="_blank">https://cryptic-ridge-9197.herokuapp.com/api/imagesearch/lolcats%20funny?offset=10</a> и просматривать последние поисковые запросы, подобные этому : <a href="https://cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/" target="_blank">https://cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/</a> . Затем разверните его в Glitch. Обратите внимание, что для каждого проекта вы должны создать новый репозиторий GitHub и новый проект Glitch. Если вы не можете вспомнить, как это сделать, перейдите на страницу <a href="/challenges/get-set-for-our-api-development-projects">https://freecodecamp.org/challenges/get-set-for-our-api-development-projects</a> . Вот конкретные истории пользователей, которые вы должны реализовать для этого проекта: <strong>User Story:</strong> Я могу получить URL-адреса изображений, текст текста и URL-адреса страниц для набора изображений, относящихся к данной строке поиска. <strong>User Story:</strong> Я могу разбивать страницы на ответы, добавляя к URL-адресу параметр? Offset = 2. <strong>User Story:</strong> Я могу получить список самых последних строк поиска. Когда вы закончите реализацию этих историй пользователей, нажмите кнопку «Я завершил эту задачу» и введите URL-адреса как для вашего репозитория GitHub, так и для вашего живого приложения, работающего на Glitch. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-the-game-of-life.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-the-game-of-life.russian.md
new file mode 100644
index 0000000000..ea16960dc1
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/build-the-game-of-life.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7154d8c242eddfaeb5bd13
+title: Build the Game of Life
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: Постройте игру жизни
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/BpwMZv/" target="_blank">https://codepen.io/freeCodeCamp/full/BpwMZv/</a> . Выполняйте приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> . Используйте любые библиотеки или API, которые вам нужны. Дайте ему свой личный стиль. <strong>User Story:</strong> Когда я впервые прихожу к игре, она будет произвольно создавать доску и начать играть. <strong>User Story:</strong> Я могу начать и остановить доску. <strong>User Story:</strong> Я могу настроить доску. <strong>История пользователя:</strong> я могу очистить доску. <strong>User Story:</strong> Когда я нажимаю start, игра будет разыгрываться. <strong>История пользователя:</strong> каждый раз, когда изменяется доска, я вижу, сколько поколений прошло. <strong>Подсказка:</strong> вот объяснение игры жизни Конвея от самого Джона Конвея: <a href="https://www.youtube.com/watch?v=E8kUJL04ELA" target="_blank">https://www.youtube.com/watch?v=E8kUJL04ELA</a> <strong>Подсказка:</strong> вот обзор игры Жизни Конвея с правилами для вашей справки: <a href="https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life" target="_blank">https: // ru.wikipedia.org/wiki/Conway%27s_Game_of_Life Не</a> забудьте использовать <a href="//github.com/FreeCodeCamp/freecodecamp/wiki/FreeCodeCamp-Get-Help" target="_blank">Read-Search-Ask,</a> если вы застряли. Когда вы закончите, нажмите кнопку «Я закончил эту задачу» и включите ссылку на вашу CodePen. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/chart-the-stock-market.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/chart-the-stock-market.russian.md
new file mode 100644
index 0000000000..e202b13d43
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/chart-the-stock-market.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c443eddfaeb5bd0e
+title: Chart the Stock Market
+challengeType: 4
+isRequired: true
+videoUrl: ''
+localeTitle: Диаграмма фондового рынка
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать полноценное приложение JavaScript со стеклом, которое функционально схоже с этим: <a href="http://watchstocks.herokuapp.com/" target="_blank">http://watchstocks.herokuapp.com/</a> и развернуть его в Heroku. Обратите внимание, что для каждого проекта вам необходимо создать новый репозиторий GitHub и новый проект Heroku. Если вы не можете вспомнить, как это сделать, перейдите на страницу <a href="/challenges/get-set-for-our-dynamic-web-application-projects">https://freecodecamp.com/challenges/get-set-for-our-dynamic-web-application-projects</a> . Вот конкретные истории пользователей, которые вы должны реализовать для этого проекта: <strong>User Story:</strong> Я могу просмотреть график, отображающий последние трендовые линии для каждого добавленного запаса. <strong>User Story:</strong> Я могу добавить новые запасы по их имени. <strong>User Story:</strong> Я могу удалить акции. <strong>User Story:</strong> я могу видеть изменения в режиме реального времени, когда любой другой пользователь добавляет или удаляет запас. Для этого вам нужно будет использовать веб-сокеты. После того, как вы закончите реализацию этих историй пользователей, нажмите кнопку «Я завершил эту задачу» и введите URL-адреса как для вашего репозитория GitHub, так и для вашего живого приложения, работающего на Heroku. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/manage-a-book-trading-club.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/manage-a-book-trading-club.russian.md
new file mode 100644
index 0000000000..815f832c01
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/manage-a-book-trading-club.russian.md
@@ -0,0 +1,37 @@
+---
+id: bd7158d8c443eddfaeb5bd0f
+title: Manage a Book Trading Club
+challengeType: 4
+videoUrl: ''
+localeTitle: Управление книжным торговым клубом
+---
+
+## Description
+<section id="description"> <strong>Цель.</strong> Создайте приложение <a href="https://glitch.com" target="_blank">Glitch</a> , которое функционально похоже на это: <a href="https://chrome-delivery.glitch.me/ /" target="_blank">https://chrome-delivery.glitch.me</a> . Выполняйте приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> . Используйте любые библиотеки или API, которые вам нужны. Дайте ему свой личный стиль. <strong>User Story:</strong> Я могу просматривать все книги, отправленные каждым пользователем. <strong>User Story:</strong> Я могу добавить новую книгу. <strong>User Story:</strong> я могу обновить свои настройки, чтобы сохранить полное имя, город и штат. <strong>User Story:</strong> Я могу предложить сделку и ждать, пока другой пользователь согласится на сделку. После того, как вы закончите реализацию этих историй пользователей, нажмите кнопку «Я завершил эту задачу» и введите URL-адреса как для вашего репозитория GitHub, так и для вашего живого приложения, работающего на Heroku. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/map-data-across-the-globe.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/map-data-across-the-globe.russian.md
new file mode 100644
index 0000000000..0b59bb4966
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/map-data-across-the-globe.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7108d8c242eddfaeb5bd13
+title: Map Data Across the Globe
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: Данные карты во всем мире
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/mVEJag" target="_blank">https://codepen.io/freeCodeCamp/full/mVEJag</a> . Выполняйте следующие <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> . Используйте любые библиотеки или API, которые вам нужны. Дайте ему свой личный стиль. <strong>User Story:</strong> Я вижу, где все метеориты высадились на карте мира. <strong>User Story:</strong> Я могу рассказать об относительном размере метеорита, просто взглянув на то, как оно представлено на карте. <strong>User Story:</strong> Я могу навести курсор мыши на точку данных метеорита для получения дополнительных данных. <strong>Подсказка:</strong> вот набор данных, который вы можете использовать для его создания: <a href="https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json" target="_blank">https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json Не</a> забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Когда вы закончите, нажмите кнопку «Я закончил эту задачу» и включите ссылку на вашу CodePen. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/p2p-video-chat-application.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/p2p-video-chat-application.russian.md
new file mode 100644
index 0000000000..9a56766382
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/p2p-video-chat-application.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7150d8c442eddfafb5bd1c
+title: P2P Video Chat Application
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: Приложение для видеочата P2P
+---
+
+## Description
+<section id="description"> <strong>Цель.</strong> Создайте приложение <a href="https://glitch.com" target="_blank">Glitch</a> , функционально похожее на это: <a href="https://grove-voice.glitch.me/" target="_blank">https://grove-voice.glitch.me</a> . Выполняйте приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> . Используйте любые библиотеки или API, которые вам нужны. Дайте ему свой личный стиль. <strong>История пользователя:</strong> по прибытии браузер предложит мне получить доступ к моей фотокамере и микрофону. <strong>User Story:</strong> После того, как я дам это разрешение, мне будет предложено ввести имя комнаты. <strong>User Story:</strong> Как только я наберу имя комнаты, комната будет создана, если раньше не было места этого имени. <strong>User Story: Мой</strong> друг может впоследствии перейти на тот же сайт, ввести в ту же комнату, в которую я вошел, и присоединиться к той же комнате, а затем войти в видеочат со мной. <strong>User Story:</strong> Если я набираю имя комнаты, и в этой комнате уже два человека, я получаю уведомление, что комната заполнена. <strong>User Story:</strong> Любой может создать или присоединиться к любой комнате. И может быть любое количество комнат, но все они должны иметь уникальные имена. <strong>User Story:</strong> Я могу запретить сайту доступ к моему микрофону и веб-камере. Если я не хочу этого делать, если возникает какая-то другая проблема с драйвером, я вижу сообщение об ошибке, в котором говорится, что это необходимо. <strong>User Story:</strong> Когда я выбираю отменять шаг ввода имени комнаты или если я не нахожу имя или просто пробелы, он должен снова попросить меня ввести правильное имя комнаты. <strong>User Story:</strong> Если один из двух человек в комнате отключился, они могут подключиться к одной комнате и продолжить разговор. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Когда вы закончите, нажмите кнопку «Я завершил эту задачу» и включите ссылку на ваше приложение «Глюч». Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.russian.md
new file mode 100644
index 0000000000..22529db036
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7198d8c242eddfaeb5bd13
+title: Show National Contiguity with a Force Directed Graph
+isRequired: false
+challengeType: 3
+videoUrl: ''
+localeTitle: Показать национальную смежность с диаграммой направленности силы
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/xVopBo" target="_blank">https://codepen.io/freeCodeCamp/full/xVopBo</a> . Выполняйте следующие <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> . Используйте любые библиотеки или API, которые вам нужны. Дайте ему свой личный стиль. <strong>User Story:</strong> Я вижу график, ориентированный на Force, который показывает, какие страны разделяют границы. <strong>User Story:</strong> Я могу видеть флаг каждой страны на своем узле. <strong>Подсказка:</strong> вот набор данных, который вы можете использовать для его создания: <a href="https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json" target="_blank">https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json.</a> <strong>Совет.</strong> Вы можете создать спрайт национальных флагов по адресу <a href="https://www.flag-sprites.com" target="_blank">https: //www.flag- sprites.com</a> . Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Когда вы закончите, нажмите кнопку «Я закончил эту задачу» и включите ссылку на вашу CodePen. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/show-the-local-weather.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/show-the-local-weather.russian.md
new file mode 100644
index 0000000000..a5591eaebd
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/show-the-local-weather.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd10
+title: Show the Local Weather
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: Показать местную погоду
+---
+
+## Description
+<section id="description"> <strong>Цель:</strong> создать приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , функционально похожее на это: <a href="https://codepen.io/freeCodeCamp/full/bELRjV" target="_blank">https://codepen.io/freeCodeCamp/full/bELRjV</a> . <strong>Правило №1:</strong> Не смотрите на код примера проекта. Подумайте сами. <strong>Правило № 2:</strong> выполните приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> . Используйте любые библиотеки или API, которые вам нужны. Дайте ему свой личный стиль. <strong>User Story:</strong> Я могу видеть погоду в моем текущем местоположении. <strong>User Story:</strong> Я вижу другой значок или фоновое изображение (например, снежная гора, горячая пустыня) в зависимости от погоды. <strong>User Story:</strong> Я могу нажать кнопку для переключения между Фаренгейтом и Цельсием. <strong>Примечание.</strong> Многие интернет-браузеры теперь требуют подключения HTTP Secure ( <code>https://</code> ) для получения локали пользователя через геолокацию HTML5. По этой причине мы рекомендуем использовать HTML5 Geolocation, чтобы получить местоположение пользователя, а затем использовать freeCodeCamp Weather API <a href="https://fcc-weather-api.glitch.me" target="_blank">https://fcc-weather-api.glitch.me,</a> который использует соединение HTTP Secure для погоды. Кроме того, обязательно подключитесь к <a href="https://codepen.io" target="_blank">CodePen.io</a> через <code>https://</code> . Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Когда вы закончите, нажмите кнопку «Я закончил эту задачу» и включите ссылку на вашу CodePen. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/use-the-twitch-json-api.russian.md b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/use-the-twitch-json-api.russian.md
new file mode 100644
index 0000000000..f4a7f8233c
--- /dev/null
+++ b/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/use-the-twitch-json-api.russian.md
@@ -0,0 +1,38 @@
+---
+id: bd7158d8c442eddfaeb5bd1f
+title: Use the Twitch JSON API
+challengeType: 3
+isRequired: false
+videoUrl: ''
+localeTitle: Использовать API Twitch JSON
+---
+
+## Description
+<section id="description"> <strong>Цель.</strong> Создайте приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , которое функционально похоже на это: <a href="https://codepen.io/freeCodeCamp/full/Myvqmo/" target="_blank">https://codepen.io/freeCodeCamp/full/Myvqmo/</a> . Выполняйте приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> . Используйте любые библиотеки или API, которые вам нужны. Дайте ему свой личный стиль. <strong>User Story:</strong> Я вижу, что в настоящее время streamCodeCamp работает на Twitch.tv. <strong>User Story:</strong> Я могу щелкнуть вывод состояния и отправить его прямо на канал Twitch.tv freeCodeCamp. <strong>User Story:</strong> если пользователь Twitch в настоящее время работает в потоковом режиме, я могу видеть дополнительные сведения о потоках. <strong>Подсказка:</strong> см. Пример вызова JSONP API Twitch.tv по адресу <a href="http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541" target="_blank">http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541</a> . <strong>Подсказка</strong> . Соответствующая документация об этом вызове API находится здесь: <a href="https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user" target="_blank">https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user</a> . <strong>Подсказка:</strong> вот массив пользовательских имен Twitch.tv людей, которые регулярно <code>[&quot;ESL_SC2&quot;, &quot;OgamingSC2&quot;, &quot;cretetion&quot;, &quot;freecodecamp&quot;, &quot;storbeck&quot;, &quot;habathcx&quot;, &quot;RobotCaleb&quot;, &quot;noobs2ninjas&quot;]</code> : <code>[&quot;ESL_SC2&quot;, &quot;OgamingSC2&quot;, &quot;cretetion&quot;, &quot;freecodecamp&quot;, &quot;storbeck&quot;, &quot;habathcx&quot;, &quot;RobotCaleb&quot;, &quot;noobs2ninjas&quot;]</code> <strong>ОБНОВЛЕНИЕ.</strong> Из-за изменения условий использования API, описанных <a href="https://blog.twitch.tv/client-id-required-for-kraken-api-calls-afbb8e95f843#.f8hipkht1" target="_blank">здесь,</a> Twitch.tv теперь требует ключа API, но мы построили обходное решение. Используйте <a href="https://wind-bow.glitch.me" target="_blank">https://wind-bow.glitch.me/twitch-api</a> вместо URL-адреса API-интерфейса twitch (например, https://api.twitch.tv/kraken), и вы все равно сможете получать информацию об учетной записи, не требуя для подписки на ключ API. Не забудьте использовать <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Когда вы закончите, нажмите кнопку «Я закончил эту задачу» и включите ссылку на вашу CodePen. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook. </section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests: []
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/09-certificates/apis-and-microservices-certificate/apis-and-microservices-certificate.russian.md b/curriculum/challenges/russian/09-certificates/apis-and-microservices-certificate/apis-and-microservices-certificate.russian.md
new file mode 100644
index 0000000000..5099304091
--- /dev/null
+++ b/curriculum/challenges/russian/09-certificates/apis-and-microservices-certificate/apis-and-microservices-certificate.russian.md
@@ -0,0 +1,49 @@
+---
+id: 561add10cb82ac38a17523bc
+title: API's and Microservices Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: Сертификат API и микросервисов
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/09-certificates/data-visualization-certificate/data-visualization-certificate.russian.md b/curriculum/challenges/russian/09-certificates/data-visualization-certificate/data-visualization-certificate.russian.md
new file mode 100644
index 0000000000..73fa45eee3
--- /dev/null
+++ b/curriculum/challenges/russian/09-certificates/data-visualization-certificate/data-visualization-certificate.russian.md
@@ -0,0 +1,49 @@
+---
+id: 5a553ca864b52e1d8bceea14
+title: Data Visualization Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: Сертификат визуализации данных
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/09-certificates/front-end-libraries-certificate/front-end-libraries-certificate.russian.md b/curriculum/challenges/russian/09-certificates/front-end-libraries-certificate/front-end-libraries-certificate.russian.md
new file mode 100644
index 0000000000..9fbe6ede5f
--- /dev/null
+++ b/curriculum/challenges/russian/09-certificates/front-end-libraries-certificate/front-end-libraries-certificate.russian.md
@@ -0,0 +1,49 @@
+---
+id: 561acd10cb82ac38a17513bc
+title: Front End Libraries Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: Сертификат библиотек лицеев
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/09-certificates/information-securtiy-and-quality-assurance-certificate/information-securtiy-and-quality-assurance-certificate.russian.md b/curriculum/challenges/russian/09-certificates/information-securtiy-and-quality-assurance-certificate/information-securtiy-and-quality-assurance-certificate.russian.md
new file mode 100644
index 0000000000..6d73fee834
--- /dev/null
+++ b/curriculum/challenges/russian/09-certificates/information-securtiy-and-quality-assurance-certificate/information-securtiy-and-quality-assurance-certificate.russian.md
@@ -0,0 +1,49 @@
+---
+id: 561add10cb82ac38a17213bc
+title: 'Information, Securtiy and Quality Assurance Certificate'
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: 'Информация, Securtiy и сертификат обеспечения качества'
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/09-certificates/javascript-algorithms-and-data-structures-certificate/javascript-algorithms-and-data-structures-certificate.russian.md b/curriculum/challenges/russian/09-certificates/javascript-algorithms-and-data-structures-certificate/javascript-algorithms-and-data-structures-certificate.russian.md
new file mode 100644
index 0000000000..55afa675fb
--- /dev/null
+++ b/curriculum/challenges/russian/09-certificates/javascript-algorithms-and-data-structures-certificate/javascript-algorithms-and-data-structures-certificate.russian.md
@@ -0,0 +1,49 @@
+---
+id: 561abd10cb81ac38a17513bc
+title: JavaScript Algorithms and Data Structures Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: Сертификат алгоритмов JavaScript и данных
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/09-certificates/legacy-back-end-certificate/legacy-back-end-certificate.russian.md b/curriculum/challenges/russian/09-certificates/legacy-back-end-certificate/legacy-back-end-certificate.russian.md
new file mode 100644
index 0000000000..a875cbaee9
--- /dev/null
+++ b/curriculum/challenges/russian/09-certificates/legacy-back-end-certificate/legacy-back-end-certificate.russian.md
@@ -0,0 +1,59 @@
+---
+id: 660add10cb82ac38a17513be
+title: Legacy Back End Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: Сертификат Backacy Back End
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/09-certificates/legacy-data-visualization-certificate/legacy-data-visualization-certificate.russian.md b/curriculum/challenges/russian/09-certificates/legacy-data-visualization-certificate/legacy-data-visualization-certificate.russian.md
new file mode 100644
index 0000000000..ae6348b489
--- /dev/null
+++ b/curriculum/challenges/russian/09-certificates/legacy-data-visualization-certificate/legacy-data-visualization-certificate.russian.md
@@ -0,0 +1,59 @@
+---
+id: 561add10cb82ac39a17513bc
+title: Legacy Data Visualization Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: Сертификат визуализации устаревших данных
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/09-certificates/legacy-front-end-certificate/legacy-front-end-certificate.russian.md b/curriculum/challenges/russian/09-certificates/legacy-front-end-certificate/legacy-front-end-certificate.russian.md
new file mode 100644
index 0000000000..9c3c915305
--- /dev/null
+++ b/curriculum/challenges/russian/09-certificates/legacy-front-end-certificate/legacy-front-end-certificate.russian.md
@@ -0,0 +1,59 @@
+---
+id: 561add10cb82ac38a17513be
+title: Legacy Front End Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: Устаревший сертификат переднего плана
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/challenges/russian/09-certificates/responsive-web-design-certificate/responsive-web-design-certificate.russian.md b/curriculum/challenges/russian/09-certificates/responsive-web-design-certificate/responsive-web-design-certificate.russian.md
new file mode 100644
index 0000000000..5adde47509
--- /dev/null
+++ b/curriculum/challenges/russian/09-certificates/responsive-web-design-certificate/responsive-web-design-certificate.russian.md
@@ -0,0 +1,49 @@
+---
+id: 561add10cb82ac38a17513bc
+title: Responsive Web Design Certificate
+challengeType: 7
+isPrivate: true
+videoUrl: ''
+localeTitle: Отзывчивый сертификат веб-дизайна
+---
+
+## Description
+<section id="description">
+</section>
+
+## Instructions
+<section id="instructions">
+</section>
+
+## Tests
+<section id='tests'>
+
+```yml
+tests:
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+  - text: ''
+    testString: !<tag:yaml.org,2002:js/undefined> ''
+
+```
+
+</section>
+
+## Challenge Seed
+<section id='challengeSeed'>
+
+</section>
+
+## Solution
+<section id='solution'>
+
+```js
+// solution required
+```
+</section>
diff --git a/curriculum/md-translation.js b/curriculum/md-translation.js
index af6a25da27..98c9c567de 100644
--- a/curriculum/md-translation.js
+++ b/curriculum/md-translation.js
@@ -9,8 +9,8 @@ const {
   Translate
 } = require('@google-cloud/translate');
 
-const lang = 'es';
-const langFull = 'spanish';
+const lang = 'pt';
+const langFull = 'portuguese';
 
 const outputDir = path.resolve(__dirname, `./challenges/${langFull}`);
 fs.ensureDirSync(outputDir);
@@ -65,8 +65,7 @@ async function translateChallenge(file) {
     ))
   ];
   return Promise.all(translatePromises).then(([title, description, instructions, ...tests]) => {
-    challenge['videoUrl'] = '';
-    if (challenge['guideUrl']) challenge['guideUrl'] = challenge['guideUrl'].replace('www', langFull);
+
     const {
       description: oldDescription = [],
       instructions: oldInstructions = [],
@@ -76,7 +75,7 @@ async function translateChallenge(file) {
       ...challengeMeta
     } = challenge;
     const md = `---
-${YAML.dump(Object.assign(challengeMeta, {localeTitle: title.join(' ').trim()}), { lineWidth: 10000 })}---
+${YAML.dump(Object.assign(challengeMeta, {localeTitle: title ? title.join(' ').trim() : ''}), { lineWidth: 10000 })}---
 
 ## Description
 ${description}